commit ff9c54d5e4e8fbd83223ea5eac17042ef869fa8b
Author: Yu Cong <sxlxcsxlxc@gmail.com>
Date:   Thu Apr 24 13:11:28 2025 +0800

    first commit

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..3b4a832
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,9 @@
+# docker image build
+.dockerignore
+
+# user defined files
+.env
+docker-compose.override.yml
+mongo_data/
+redis_data/
+sharelatex_data/
\ No newline at end of file
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
new file mode 100644
index 0000000..5217640
--- /dev/null
+++ b/CONTRIBUTING.md
@@ -0,0 +1,43 @@
+Contributing to Overleaf
+==========================
+
+Thank you for reading this! If you'd like to report a bug or join in the development
+of Overleaf, then here are some notes on how to do that.
+
+Reporting bugs and opening issues
+---------------------------------
+
+If you'd like to report a bug or open an issue, please **[check if there is an existing issue](https://github.com/overleaf/overleaf/issues).**
+If there is then please add any more information that you have, or give it a 👍.
+
+When submitting an issue please describe the issue as clearly as possible, including how to
+reproduce the bug, which situations it appears in, what you expected to happen, and what actually happens.
+If you can include a screenshot for front end issues that is very helpful.
+
+**Note**: If you are using [www.overleaf.com](www.overleaf.com) and have a problem, or if you would like to request a new feature, please contact the Support team at support@overleaf.com. Raise an issue here only to report bugs in the Community Edition release of Overleaf.
+
+Pull Requests
+-------------
+
+See [our wiki](https://github.com/overleaf/overleaf/wiki)
+for how to manage the Overleaf development environment and for our developer guidelines.
+
+We love pull requests, so be bold with them! Don't be afraid of going ahead
+and changing something, or adding a new feature. We're very happy to work with you
+to get your changes merged into Overleaf.
+
+If you're looking for something to work on, have a look at the [open issues](https://github.com/overleaf/overleaf/issues).
+
+Security
+--------
+
+Please see [our security policy](https://github.com/overleaf/overleaf/security/policy) if you would like to report a potential security vulnerability.
+
+Contributor License Agreement
+-----------------------------
+
+Before we can accept any contributions of code, we need you to agree to our
+[Contributor License Agreement](https://docs.google.com/forms/d/e/1FAIpQLSef79XH3mb7yIiMzZw-yALEegS-wyFetvjTiNBfZvf_IHD2KA/viewform?usp=sf_link).
+This is to ensure that you own the copyright of your contribution, and that you
+agree to give us a license to use it in both the open source version, and the version
+of Overleaf running at www.overleaf.com, which may have additional changes.
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..dba13ed
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,661 @@
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<http://www.gnu.org/licenses/>.
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..4895254
--- /dev/null
+++ b/README.md
@@ -0,0 +1,76 @@
+<h1 align="center">
+  <br>
+  <a href="https://www.overleaf.com"><img src="doc/logo.png" alt="Overleaf" width="300"></a>
+</h1>
+
+<h4 align="center">An open-source online real-time collaborative LaTeX editor.</h4>
+
+<p align="center">
+  <a href="https://github.com/overleaf/overleaf/wiki">Wiki</a> •
+  <a href="https://www.overleaf.com/for/enterprises">Server Pro</a> •
+  <a href="#contributing">Contributing</a> •
+  <a href="https://mailchi.mp/overleaf.com/community-edition-and-server-pro">Mailing List</a> •
+  <a href="#authors">Authors</a> •
+  <a href="#license">License</a>
+</p>
+
+<img src="doc/screenshot.png" alt="A screenshot of a project being edited in Overleaf Community Edition">
+<p align="center">
+  Figure 1: A screenshot of a project being edited in Overleaf Community Edition.
+</p>
+
+## Community Edition
+
+[Overleaf](https://www.overleaf.com) is an open-source online real-time collaborative LaTeX editor. We run a hosted version at [www.overleaf.com](https://www.overleaf.com), but you can also run your own local version, and contribute to the development of Overleaf.
+
+## Enterprise
+
+If you want help installing and maintaining Overleaf in your lab or workplace, we offer an officially supported version called [Overleaf Server Pro](https://www.overleaf.com/for/enterprises). It also includes more features for security (SSO with LDAP or SAML), administration and collaboration (e.g. tracked changes). [Find out more!](https://www.overleaf.com/for/enterprises)
+
+## Keeping up to date
+
+Sign up to the [mailing list](https://mailchi.mp/overleaf.com/community-edition-and-server-pro) to get updates on Overleaf releases and development.
+
+## Installation
+
+We have detailed installation instructions in the [Overleaf Toolkit](https://github.com/overleaf/toolkit/).
+
+## Upgrading
+
+If you are upgrading from a previous version of Overleaf, please see the [Release Notes section on the Wiki](https://github.com/overleaf/overleaf/wiki#release-notes) for all of the versions between your current version and the version you are upgrading to.
+
+## Overleaf Docker Image
+
+This repo contains two dockerfiles, [`Dockerfile-base`](server-ce/Dockerfile-base), which builds the
+`sharelatex/sharelatex-base` image, and [`Dockerfile`](server-ce/Dockerfile) which builds the
+`sharelatex/sharelatex` (or "community") image.
+
+The Base image generally contains the basic dependencies like `wget`, plus `texlive`.
+We split this out because it's a pretty heavy set of
+dependencies, and it's nice to not have to rebuild all of that every time.
+
+The `sharelatex/sharelatex` image extends the base image and adds the actual Overleaf code
+and services.
+
+Use `make build-base` and `make build-community` from `server-ce/` to build these images.
+
+We use the [Phusion base-image](https://github.com/phusion/baseimage-docker)
+(which is extended by our `base` image) to provide us with a VM-like container
+in which to run the Overleaf services. Baseimage uses the `runit` service
+manager to manage services, and we add our init-scripts from the `server-ce/runit`
+folder.
+
+
+## Contributing
+
+Please see the [CONTRIBUTING](CONTRIBUTING.md) file for information on contributing to the development of Overleaf.
+
+## Authors
+
+[The Overleaf Team](https://www.overleaf.com/about)
+
+## License
+
+The code in this repository is released under the GNU AFFERO GENERAL PUBLIC LICENSE, version 3. A copy can be found in the [`LICENSE`](LICENSE) file.
+
+Copyright (c) Overleaf, 2014-2025.
diff --git a/bin/shared/mongodb-init-replica-set.js b/bin/shared/mongodb-init-replica-set.js
new file mode 100644
index 0000000..30af660
--- /dev/null
+++ b/bin/shared/mongodb-init-replica-set.js
@@ -0,0 +1,3 @@
+/* eslint-disable no-undef */
+
+rs.initiate({ _id: 'overleaf', members: [{ _id: 0, host: 'mongo:27017' }] })
diff --git a/develop/.gitignore b/develop/.gitignore
new file mode 100644
index 0000000..bb5888b
--- /dev/null
+++ b/develop/.gitignore
@@ -0,0 +1,3 @@
+/compiles/*
+!.gitkeep
+.env
\ No newline at end of file
diff --git a/develop/README.md b/develop/README.md
new file mode 100644
index 0000000..568259c
--- /dev/null
+++ b/develop/README.md
@@ -0,0 +1,89 @@
+# Overleaf Community Edition, development environment
+
+## Building and running
+
+In this `develop` directory, build the services:
+
+```shell
+bin/build
+```
+
+> [!NOTE]
+> If Docker is running out of RAM while building the services in parallel, create a `.env` file in this directory containing `COMPOSE_PARALLEL_LIMIT=1`.
+
+Then start the services:
+
+```shell
+bin/up
+```
+
+Once the services are running, open <http://localhost/launchpad> to create the first admin account.
+
+## TeX Live
+
+Compiling a PDF requires building a TeX Live image to handle the compilation inside Docker:
+
+```shell
+docker build texlive -t texlive-full
+```
+
+> [!NOTE]
+> To compile on a macOS host, you may need to override the path to the Docker socket by creating a `.env` file in this directory, containing
+> `DOCKER_SOCKET_PATH=/var/run/docker.sock.raw`
+
+## Development
+
+To avoid running `bin/build && bin/up` after every code change, you can run Overleaf
+Community Edition in _development mode_, where services will automatically update on code changes.
+
+To do this, use the included `bin/dev` script:
+
+```shell
+bin/dev
+```
+
+This will start all services using `nodemon`, which will automatically monitor the code and restart the services as necessary.
+
+To improve performance, you can start only a subset of the services in development mode by providing a space-separated list to the `bin/dev` script:
+
+```shell
+bin/dev [service1] [service2] ... [serviceN]
+```
+
+> [!NOTE]
+> Starting the `web` service in _development mode_ will only update the `web`
+> service when backend code changes. In order to automatically update frontend
+> code as well, make sure to start the `webpack` service in _development mode_
+> as well.
+
+If no services are named, all services will start in development mode.
+
+## Debugging
+
+When run in _development mode_ most services expose a debugging port to which
+you can attach a debugger such as
+[the inspector in Chrome's Dev Tools](chrome://inspect/) or one integrated into
+an IDE. The following table shows the port exposed on the **host machine** for
+each service:
+
+| Service            | Port |
+| ------------------ | ---- |
+| `web`              | 9229 |
+| `clsi`             | 9230 |
+| `chat`             | 9231 |
+| `contacts`         | 9232 |
+| `docstore`         | 9233 |
+| `document-updater` | 9234 |
+| `filestore`        | 9235 |
+| `notifications`    | 9236 |
+| `real-time`        | 9237 |
+| `history-v1`       | 9239 |
+| `project-history`  | 9240 |
+
+To attach to a service using Chrome's _remote debugging_, go to
+<chrome://inspect/> and make sure _Discover network targets_ is checked. Next
+click _Configure..._ and add an entry `localhost:[service port]` for each of the
+services you want to attach a debugger to.
+
+After adding an entry, the service will show up as a _Remote Target_ that you
+can inspect and debug.
diff --git a/develop/bin/build b/develop/bin/build
new file mode 100755
index 0000000..bd30abc
--- /dev/null
+++ b/develop/bin/build
@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+
+docker compose build --pull "$@"
diff --git a/develop/bin/dev b/develop/bin/dev
new file mode 100755
index 0000000..1dca01c
--- /dev/null
+++ b/develop/bin/dev
@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+
+docker-compose -f docker-compose.yml -f docker-compose.dev.yml up --no-deps --detach "$@"
diff --git a/develop/bin/down b/develop/bin/down
new file mode 100755
index 0000000..3eaad36
--- /dev/null
+++ b/develop/bin/down
@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+
+docker compose down "$@"
diff --git a/develop/bin/logs b/develop/bin/logs
new file mode 100755
index 0000000..3288ec0
--- /dev/null
+++ b/develop/bin/logs
@@ -0,0 +1,9 @@
+#!/usr/bin/env bash
+
+docker compose logs --follow --tail 10 --no-color "$@" \
+  | ggrep --line-buffered --invert-match "global.gc" \
+  | ggrep --line-buffered --invert-match "health.check" \
+  | ggrep --line-buffered --invert-match "slow event loop" \
+  | ggrep --line-buffered --invert-match "process.memoryUsage" \
+  | ggrep --line-buffered --only-matching "[{].*" \
+  | bunyan --output short
diff --git a/develop/bin/shell b/develop/bin/shell
new file mode 100755
index 0000000..0929c51
--- /dev/null
+++ b/develop/bin/shell
@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+
+docker compose exec -it "$@" /bin/bash
diff --git a/develop/bin/up b/develop/bin/up
new file mode 100755
index 0000000..b39c4e3
--- /dev/null
+++ b/develop/bin/up
@@ -0,0 +1,3 @@
+#!/usr/bin/env bash
+
+docker compose up --detach "$@"
diff --git a/develop/compiles/.gitkeep b/develop/compiles/.gitkeep
new file mode 100644
index 0000000..e69de29
diff --git a/develop/dev.env b/develop/dev.env
new file mode 100644
index 0000000..aae9149
--- /dev/null
+++ b/develop/dev.env
@@ -0,0 +1,20 @@
+CHAT_HOST=chat
+CLSI_HOST=clsi
+CONTACTS_HOST=contacts
+DOCSTORE_HOST=docstore
+DOCUMENT_UPDATER_HOST=document-updater
+FILESTORE_HOST=filestore
+GRACEFUL_SHUTDOWN_DELAY_SECONDS=0
+HISTORY_V1_HOST=history-v1
+LISTEN_ADDRESS=0.0.0.0
+MONGO_HOST=mongo
+MONGO_URL=mongodb://mongo/sharelatex?directConnection=true
+NOTIFICATIONS_HOST=notifications
+PROJECT_HISTORY_HOST=project-history
+REALTIME_HOST=real-time
+REDIS_HOST=redis
+SESSION_SECRET=foo
+WEBPACK_HOST=webpack
+WEB_API_PASSWORD=overleaf
+WEB_API_USER=overleaf
+WEB_HOST=web
diff --git a/develop/docker-compose.dev.yml b/develop/docker-compose.dev.yml
new file mode 100644
index 0000000..4432a24
--- /dev/null
+++ b/develop/docker-compose.dev.yml
@@ -0,0 +1,139 @@
+services:
+  clsi:
+    command: ["node", "--watch", "app.js"]
+    environment:
+      - NODE_OPTIONS=--inspect=0.0.0.0:9229
+    ports:
+      - "127.0.0.1:9230:9229"
+    volumes:
+      - ../services/clsi/app:/overleaf/services/clsi/app
+      - ../services/clsi/app.js:/overleaf/services/clsi/app.js
+      - ../services/clsi/config:/overleaf/services/clsi/config
+
+  chat:
+    command: ["node", "--watch", "app.js"]
+    environment:
+      - NODE_OPTIONS=--inspect=0.0.0.0:9229
+    ports:
+      - "127.0.0.1:9231:9229"
+    volumes:
+      - ../services/chat/app:/overleaf/services/chat/app
+      - ../services/chat/app.js:/overleaf/services/chat/app.js
+      - ../services/chat/config:/overleaf/services/chat/config
+
+  contacts:
+    command: ["node", "--watch", "app.js"]
+    environment:
+      - NODE_OPTIONS=--inspect=0.0.0.0:9229
+    ports:
+      - "127.0.0.1:9232:9229"
+    volumes:
+      - ../services/contacts/app:/overleaf/services/contacts/app
+      - ../services/contacts/app.js:/overleaf/services/contacts/app.js
+      - ../services/contacts/config:/overleaf/services/contacts/config
+
+  docstore:
+    command: ["node", "--watch", "app.js"]
+    environment:
+      - NODE_OPTIONS=--inspect=0.0.0.0:9229
+    ports:
+      - "127.0.0.1:9233:9229"
+    volumes:
+      - ../services/docstore/app:/overleaf/services/docstore/app
+      - ../services/docstore/app.js:/overleaf/services/docstore/app.js
+      - ../services/docstore/config:/overleaf/services/docstore/config
+
+  document-updater:
+    command: ["node", "--watch", "app.js"]
+    environment:
+      - NODE_OPTIONS=--inspect=0.0.0.0:9229
+    ports:
+      - "127.0.0.1:9234:9229"
+    volumes:
+      - ../services/document-updater/app:/overleaf/services/document-updater/app
+      - ../services/document-updater/app.js:/overleaf/services/document-updater/app.js
+      - ../services/document-updater/config:/overleaf/services/document-updater/config
+
+  filestore:
+    command: ["node", "--watch", "app.js"]
+    environment:
+      - NODE_OPTIONS=--inspect=0.0.0.0:9229
+    ports:
+      - "127.0.0.1:9235:9229"
+    volumes:
+      - ../services/filestore/app:/overleaf/services/filestore/app
+      - ../services/filestore/app.js:/overleaf/services/filestore/app.js
+      - ../services/filestore/config:/overleaf/services/filestore/config
+
+  history-v1:
+    command: ["node", "--watch", "app.js"]
+    environment:
+      - NODE_OPTIONS=--inspect=0.0.0.0:9229
+    ports:
+      - "127.0.0.1:9239:9229"
+    volumes:
+      - ../services/history-v1/api:/overleaf/services/history-v1/api
+      - ../services/history-v1/app.js:/overleaf/services/history-v1/app.js
+      - ../services/history-v1/config:/overleaf/services/history-v1/config
+      - ../services/history-v1/storage:/overleaf/services/history-v1/storage
+      - ../services/history-v1/knexfile.js:/overleaf/services/history-v1/knexfile.js
+      - ../services/history-v1/migrations:/overleaf/services/history-v1/migrations
+
+  notifications:
+    command: ["node", "--watch", "app.js"]
+    environment:
+      - NODE_OPTIONS=--inspect=0.0.0.0:9229
+    ports:
+      - "127.0.0.1:9236:9229"
+    volumes:
+      - ../services/notifications/app:/overleaf/services/notifications/app
+      - ../services/notifications/app.js:/overleaf/services/notifications/app.js
+      - ../services/notifications/config:/overleaf/services/notifications/config
+
+  project-history:
+    command: ["node", "--watch", "app.js"]
+    environment:
+      - NODE_OPTIONS=--inspect=0.0.0.0:9229
+    ports:
+      - "127.0.0.1:9240:9229"
+    volumes:
+      - ../services/project-history/app:/overleaf/services/project-history/app
+      - ../services/project-history/app.js:/overleaf/services/project-history/app.js
+      - ../services/project-history/config:/overleaf/services/project-history/config
+
+  real-time:
+    command: ["node", "--watch", "app.js"]
+    environment:
+      - NODE_OPTIONS=--inspect=0.0.0.0:9229
+    ports:
+      - "127.0.0.1:9237:9229"
+    volumes:
+      - ../services/real-time/app:/overleaf/services/real-time/app
+      - ../services/real-time/app.js:/overleaf/services/real-time/app.js
+      - ../services/real-time/config:/overleaf/services/real-time/config
+
+  web:
+    command: ["node", "--watch", "app.js", "--watch-locales"]
+    environment:
+      - NODE_OPTIONS=--inspect=0.0.0.0:9229
+    ports:
+      - "127.0.0.1:9229:9229"
+    volumes:
+      - ../services/web/app:/overleaf/services/web/app
+      - ../services/web/app.mjs:/overleaf/services/web/app.mjs
+      - ../services/web/config:/overleaf/services/web/config
+      - ../services/web/locales:/overleaf/services/web/locales
+      - ../services/web/modules:/overleaf/services/web/modules
+      - ../services/web/public:/overleaf/services/web/public
+
+  webpack:
+    volumes:
+      - ../services/web/app:/overleaf/services/web/app
+      - ../services/web/config:/overleaf/services/web/config
+      - ../services/web/frontend:/overleaf/services/web/frontend
+      - ../services/web/locales:/overleaf/services/web/locales
+      - ../services/web/modules:/overleaf/services/web/modules
+      - ../services/web/public:/overleaf/services/web/public
+      - ../services/web/transform:/overleaf/services/web/transform
+      - ../services/web/types:/overleaf/services/web/types
+      - ../services/web/webpack-plugins:/overleaf/services/web/webpack-plugins
diff --git a/develop/docker-compose.yml b/develop/docker-compose.yml
new file mode 100644
index 0000000..e37999f
--- /dev/null
+++ b/develop/docker-compose.yml
@@ -0,0 +1,175 @@
+volumes:
+  clsi-cache:
+  clsi-output:
+  filestore-public-files:
+  filestore-template-files:
+  filestore-uploads:
+  filestore-user-files:
+  mongo-data:
+  redis-data:
+  sharelatex-data:
+  web-data:
+  history-v1-buckets:
+
+services:
+  chat:
+    build:
+      context: ..
+      dockerfile: services/chat/Dockerfile
+    env_file:
+      - dev.env
+
+  clsi:
+    build:
+      context: ..
+      dockerfile: services/clsi/Dockerfile
+    env_file:
+      - dev.env
+    environment:
+      - DOCKER_RUNNER=true
+      - TEXLIVE_IMAGE=texlive-full # docker build texlive -t texlive-full
+      - COMPILES_HOST_DIR=${PWD}/compiles
+      - OUTPUT_HOST_DIR=${PWD}/output
+    user: root
+    volumes:
+      - ${PWD}/compiles:/overleaf/services/clsi/compiles
+      - ${DOCKER_SOCKET_PATH:-/var/run/docker.sock}:/var/run/docker.sock
+      - clsi-cache:/overleaf/services/clsi/cache
+      - clsi-output:/overleaf/services/clsi/output
+
+  contacts:
+    build:
+      context: ..
+      dockerfile: services/contacts/Dockerfile
+    env_file:
+      - dev.env
+
+  docstore:
+    build:
+      context: ..
+      dockerfile: services/docstore/Dockerfile
+    env_file:
+      - dev.env
+
+  document-updater:
+    build:
+      context: ..
+      dockerfile: services/document-updater/Dockerfile
+    env_file:
+      - dev.env
+
+  filestore:
+    build:
+      context: ..
+      dockerfile: services/filestore/Dockerfile
+    env_file:
+      - dev.env
+#    environment:
+#      - ENABLE_CONVERSIONS=true
+    volumes:
+      - filestore-public-files:/overleaf/services/filestore/public_files
+      - filestore-template-files:/overleaf/services/filestore/template_files
+      - filestore-uploads:/overleaf/services/filestore/uploads
+      - filestore-user-files:/overleaf/services/filestore/user_files
+
+  history-v1:
+    build:
+      context: ..
+      dockerfile: services/history-v1/Dockerfile
+    env_file:
+        - dev.env
+    environment:
+      OVERLEAF_EDITOR_ANALYTICS_BUCKET: "/buckets/analytics"
+      OVERLEAF_EDITOR_BLOBS_BUCKET: "/buckets/blobs"
+      OVERLEAF_EDITOR_CHUNKS_BUCKET: "/buckets/chunks"
+      OVERLEAF_EDITOR_PROJECT_BLOBS_BUCKET: "/buckets/project_blobs"
+      OVERLEAF_EDITOR_ZIPS_BUCKET: "/buckets/zips"
+      PERSISTOR_BACKEND: fs
+    volumes:
+        - history-v1-buckets:/buckets
+
+  mongo:
+    image: mongo:6.0
+    command: --replSet overleaf
+    ports:
+      - "127.0.0.1:27017:27017" # for debugging
+    volumes:
+      - mongo-data:/data/db
+      - ../bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+    environment:
+      MONGO_INITDB_DATABASE: sharelatex
+    extra_hosts:
+      # Required when using the automatic database setup for initializing the
+      # replica set. This override is not needed when running the setup after
+      # starting up mongo.
+      - mongo:127.0.0.1
+
+  notifications:
+    build:
+      context: ..
+      dockerfile: services/notifications/Dockerfile
+    env_file:
+      - dev.env
+
+  project-history:
+    build:
+      context: ..
+      dockerfile: services/project-history/Dockerfile
+    env_file:
+        - dev.env
+
+  real-time:
+    build:
+      context: ..
+      dockerfile: services/real-time/Dockerfile
+    env_file:
+      - dev.env
+
+  redis:
+    image: redis:5
+    ports:
+      - "127.0.0.1:6379:6379" # for debugging
+    volumes:
+      - redis-data:/data
+
+  web:
+    build:
+      context: ..
+      dockerfile: services/web/Dockerfile
+      target: dev
+    env_file:
+      - dev.env
+    environment:
+      - APP_NAME=Overleaf Community Edition
+      - ENABLED_LINKED_FILE_TYPES=project_file,project_output_file
+      - EMAIL_CONFIRMATION_DISABLED=true
+      - NODE_ENV=development
+      - OVERLEAF_ALLOW_PUBLIC_ACCESS=true
+    command: ["node", "app.mjs"]
+    volumes:
+      - sharelatex-data:/var/lib/overleaf
+      - web-data:/overleaf/services/web/data
+    depends_on:
+      - mongo
+      - redis
+      - chat
+      - clsi
+      - contacts
+      - docstore
+      - document-updater
+      - filestore
+      - history-v1
+      - notifications
+      - project-history
+      - real-time
+
+  webpack:
+    build:
+      context: ..
+      dockerfile: services/web/Dockerfile
+      target: webpack
+    command: ["npx", "webpack", "serve", "--config", "webpack.config.dev-env.js"]
+    ports:
+      - "127.0.0.1:80:3808"
+    volumes:
+      - ./webpack.config.dev-env.js:/overleaf/services/web/webpack.config.dev-env.js
diff --git a/develop/texlive/Dockerfile b/develop/texlive/Dockerfile
new file mode 100644
index 0000000..944681a
--- /dev/null
+++ b/develop/texlive/Dockerfile
@@ -0,0 +1,8 @@
+FROM debian:testing-slim
+
+RUN apt-get update
+RUN apt-cache depends texlive-full | grep "Depends: " | grep -v -- "-doc" | grep -v -- "-lang-" | sed 's/Depends: //' | xargs apt-get install -y --no-install-recommends
+RUN apt-get install -y --no-install-recommends fontconfig inkscape pandoc python3-pygments
+
+RUN useradd tex
+USER tex
diff --git a/develop/webpack.config.dev-env.js b/develop/webpack.config.dev-env.js
new file mode 100644
index 0000000..49f8540
--- /dev/null
+++ b/develop/webpack.config.dev-env.js
@@ -0,0 +1,23 @@
+const { merge } = require('webpack-merge')
+
+const base = require('./webpack.config.dev')
+
+module.exports = merge(base, {
+  devServer: {
+    allowedHosts: 'auto',
+    devMiddleware: {
+      index: false,
+    },
+    proxy: [
+      {
+        context: '/socket.io/**',
+        target: 'http://real-time:3026',
+        ws: true,
+      },
+      {
+        context: ['!**/*.js', '!**/*.css', '!**/*.json'],
+        target: 'http://web:3000',
+      },
+    ],
+  },
+})
diff --git a/doc/logo.png b/doc/logo.png
new file mode 100644
index 0000000..106926b
Binary files /dev/null and b/doc/logo.png differ
diff --git a/doc/screenshot.png b/doc/screenshot.png
new file mode 100644
index 0000000..1c1f339
Binary files /dev/null and b/doc/screenshot.png differ
diff --git a/docker-compose.debug.yml b/docker-compose.debug.yml
new file mode 100644
index 0000000..cf87fbf
--- /dev/null
+++ b/docker-compose.debug.yml
@@ -0,0 +1,23 @@
+version: '2.2'
+services:
+    sharelatex:
+        ports:
+            - 30000:30000
+            - 30150:30150
+            - 30120:30120
+            - 30050:30050
+            - 30420:30420
+            - 30030:30030
+            - 30160:30160
+            - 30360:30360
+            - 30130:30130
+            - 30100:30100
+            - 30540:30540
+            - 30640:30640
+            - 40000:40000
+
+            # Server Pro
+            - 30070:30070
+            - 30400:30400
+        environment:
+            DEBUG_NODE: 'true'
diff --git a/docker-compose.yml b/docker-compose.yml
new file mode 100644
index 0000000..8ca5112
--- /dev/null
+++ b/docker-compose.yml
@@ -0,0 +1,146 @@
+services:
+    sharelatex:
+        restart: always
+        # Server Pro users:
+        # image: quay.io/sharelatex/sharelatex-pro
+        image: sharelatex/sharelatex:arm64
+        container_name: sharelatex
+        depends_on:
+            mongo:
+                condition: service_healthy
+            redis:
+                condition: service_started
+        ports:
+            - 80:80
+        stop_grace_period: 60s
+        volumes:
+            - ~/overleaf/sharelatex_data:/var/lib/overleaf
+            # - /opt/homebrew/Cellar/texlive:/usr/local/texlive
+            ########################################################################
+            ####  Server Pro: Uncomment the following line to mount the docker  ####
+            ####             socket, required for Sibling Containers to work    ####
+            ########################################################################
+            # - /var/run/docker.sock:/var/run/docker.sock
+        environment:
+
+            OVERLEAF_APP_NAME: Overleaf Community Edition
+
+            OVERLEAF_MONGO_URL: mongodb://mongo/sharelatex
+
+            # Same property, unfortunately with different names in
+            # different locations
+            OVERLEAF_REDIS_HOST: redis
+            REDIS_HOST: redis
+
+            ENABLED_LINKED_FILE_TYPES: 'project_file,project_output_file'
+
+            # Enables Thumbnail generation using ImageMagick
+            ENABLE_CONVERSIONS: 'true'
+
+            # Disables email confirmation requirement
+            EMAIL_CONFIRMATION_DISABLED: 'true'
+
+            ## Set for SSL via nginx-proxy
+            #VIRTUAL_HOST: 103.112.212.22
+
+            # OVERLEAF_SITE_URL: http://overleaf.example.com
+            # OVERLEAF_NAV_TITLE: Overleaf Community Edition
+            # OVERLEAF_HEADER_IMAGE_URL: http://example.com/mylogo.png
+            # OVERLEAF_ADMIN_EMAIL: support@it.com
+
+            # OVERLEAF_LEFT_FOOTER: '[{"text": "Another page I want to link to can be found <a href=\"here\">here</a>"} ]'
+            # OVERLEAF_RIGHT_FOOTER: '[{"text": "Hello I am on the Right"} ]'
+
+            # OVERLEAF_EMAIL_FROM_ADDRESS: "hello@example.com"
+
+            # OVERLEAF_EMAIL_AWS_SES_ACCESS_KEY_ID:
+            # OVERLEAF_EMAIL_AWS_SES_SECRET_KEY:
+
+            # OVERLEAF_EMAIL_SMTP_HOST: smtp.example.com
+            # OVERLEAF_EMAIL_SMTP_PORT: 587
+            # OVERLEAF_EMAIL_SMTP_SECURE: false
+            # OVERLEAF_EMAIL_SMTP_USER:
+            # OVERLEAF_EMAIL_SMTP_PASS:
+            # OVERLEAF_EMAIL_SMTP_TLS_REJECT_UNAUTH: true
+            # OVERLEAF_EMAIL_SMTP_IGNORE_TLS: false
+            # OVERLEAF_EMAIL_SMTP_NAME: '127.0.0.1'
+            # OVERLEAF_EMAIL_SMTP_LOGGER: true
+            # OVERLEAF_CUSTOM_EMAIL_FOOTER: "This system is run by department x"
+
+            # ENABLE_CRON_RESOURCE_DELETION: true
+
+            ################
+            ## Server Pro ##
+            ################
+
+            ## Sandboxed Compiles: https://github.com/overleaf/overleaf/wiki/Server-Pro:-Sandboxed-Compiles
+            # SANDBOXED_COMPILES: 'true'
+            # SANDBOXED_COMPILES_SIBLING_CONTAINERS: 'true'
+            ### Bind-mount source for /var/lib/overleaf/data/compiles inside the container.
+            # SANDBOXED_COMPILES_HOST_DIR_COMPILES: '/home/user/sharelatex_data/data/compiles'
+            ### Bind-mount source for /var/lib/overleaf/data/output inside the container.
+            # SANDBOXED_COMPILES_HOST_DIR_OUTPUT: '/home/user/sharelatex_data/data/output'
+
+            ## Works with test LDAP server shown at bottom of docker compose
+            # OVERLEAF_LDAP_URL: 'ldap://ldap:389'
+            # OVERLEAF_LDAP_SEARCH_BASE: 'ou=people,dc=planetexpress,dc=com'
+            # OVERLEAF_LDAP_SEARCH_FILTER: '(uid={{username}})'
+            # OVERLEAF_LDAP_BIND_DN: 'cn=admin,dc=planetexpress,dc=com'
+            # OVERLEAF_LDAP_BIND_CREDENTIALS: 'GoodNewsEveryone'
+            # OVERLEAF_LDAP_EMAIL_ATT: 'mail'
+            # OVERLEAF_LDAP_NAME_ATT: 'cn'
+            # OVERLEAF_LDAP_LAST_NAME_ATT: 'sn'
+            # OVERLEAF_LDAP_UPDATE_USER_DETAILS_ON_LOGIN: 'true'
+
+            # OVERLEAF_TEMPLATES_USER_ID: "578773160210479700917ee5"
+            # OVERLEAF_NEW_PROJECT_TEMPLATE_LINKS: '[ {"name":"All Templates","url":"/templates/all"}]'
+
+
+            # OVERLEAF_PROXY_LEARN: "true"
+
+    mongo:
+        restart: always
+        image: mongo:6.0
+        container_name: mongo
+        command: '--replSet overleaf'
+        volumes:
+            - ~/overleaf/mongo_data:/data/db
+            - ./bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+        environment:
+          MONGO_INITDB_DATABASE: sharelatex
+        extra_hosts:
+          # Required when using the automatic database setup for initializing the replica set.
+          # This override is not needed when running the setup after starting up mongo.
+          - mongo:127.0.0.1
+        healthcheck:
+            test: echo 'db.stats().ok' | mongosh localhost:27017/test --quiet
+            interval: 10s
+            timeout: 10s
+            retries: 5
+
+    redis:
+        restart: always
+        image: redis:6.2
+        container_name: redis
+        volumes:
+            - ~/overleaf/redis_data:/data
+
+    # ldap:
+    #    restart: always
+    #    image: rroemhild/test-openldap
+    #    container_name: ldap
+
+    # See https://github.com/jwilder/nginx-proxy for documentation on how to configure the nginx-proxy container,
+    # and https://github.com/overleaf/overleaf/wiki/HTTPS-reverse-proxy-using-Nginx for an example of some recommended
+    # settings. We recommend using a properly managed nginx instance outside of the Overleaf Server Pro setup,
+    # but the example here can be used if you'd prefer to run everything with docker-compose
+
+    # nginx-proxy:
+    #     image: jwilder/nginx-proxy
+    #     container_name: nginx-proxy
+    #     ports:
+    #       - "80:80"
+    #       - "443:443"
+    #     volumes:
+    #       - /var/run/docker.sock:/tmp/docker.sock:ro
+    #       - /home/overleaf/tmp:/etc/nginx/certs
diff --git a/libraries/access-token-encryptor/.gitignore b/libraries/access-token-encryptor/.gitignore
new file mode 100644
index 0000000..66936c4
--- /dev/null
+++ b/libraries/access-token-encryptor/.gitignore
@@ -0,0 +1,46 @@
+compileFolder
+
+Compiled source #
+###################
+*.com
+*.class
+*.dll
+*.exe
+*.o
+*.so
+
+# Packages #
+############
+# it's better to unpack these files and commit the raw source
+# git has its own built in compression methods
+*.7z
+*.dmg
+*.gz
+*.iso
+*.jar
+*.rar
+*.tar
+*.zip
+
+# Logs and databases #
+######################
+*.log
+*.sql
+*.sqlite
+
+# OS generated files #
+######################
+.DS_Store?
+ehthumbs.db
+Icon?
+Thumbs.db
+
+/node_modules/*
+data/*/*
+
+**.swp
+
+/log.json
+hash_folder
+
+.npmrc
diff --git a/libraries/access-token-encryptor/.mocharc.json b/libraries/access-token-encryptor/.mocharc.json
new file mode 100644
index 0000000..c492858
--- /dev/null
+++ b/libraries/access-token-encryptor/.mocharc.json
@@ -0,0 +1,6 @@
+{
+  "ui": "bdd",
+  "recursive": "true",
+  "reporter": "spec",
+  "require": "test/setup.js"
+}
diff --git a/libraries/access-token-encryptor/.nvmrc b/libraries/access-token-encryptor/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/libraries/access-token-encryptor/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/libraries/access-token-encryptor/LICENSE b/libraries/access-token-encryptor/LICENSE
new file mode 100644
index 0000000..dba13ed
--- /dev/null
+++ b/libraries/access-token-encryptor/LICENSE
@@ -0,0 +1,661 @@
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<http://www.gnu.org/licenses/>.
diff --git a/libraries/access-token-encryptor/README.md b/libraries/access-token-encryptor/README.md
new file mode 100644
index 0000000..73607e5
--- /dev/null
+++ b/libraries/access-token-encryptor/README.md
@@ -0,0 +1,3 @@
+# Access Token Encryptor
+
+Used in third-party-references, to encrypt access tokens
diff --git a/libraries/access-token-encryptor/buildscript.txt b/libraries/access-token-encryptor/buildscript.txt
new file mode 100644
index 0000000..36fd724
--- /dev/null
+++ b/libraries/access-token-encryptor/buildscript.txt
@@ -0,0 +1,10 @@
+access-token-encryptor
+--dependencies=None
+--docker-repos=gcr.io/overleaf-ops
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--is-library=True
+--node-version=20.18.2
+--public-repo=False
+--script-version=4.7.0
diff --git a/libraries/access-token-encryptor/index.js b/libraries/access-token-encryptor/index.js
new file mode 100644
index 0000000..5a466dd
--- /dev/null
+++ b/libraries/access-token-encryptor/index.js
@@ -0,0 +1 @@
+module.exports = require('./lib/js/AccessTokenEncryptor')
diff --git a/libraries/access-token-encryptor/lib/js/AccessTokenEncryptor.js b/libraries/access-token-encryptor/lib/js/AccessTokenEncryptor.js
new file mode 100644
index 0000000..aa8078c
--- /dev/null
+++ b/libraries/access-token-encryptor/lib/js/AccessTokenEncryptor.js
@@ -0,0 +1,164 @@
+const { promisify } = require('node:util')
+const crypto = require('node:crypto')
+
+const ALGORITHM = 'aes-256-ctr'
+
+const cryptoHkdf = promisify(crypto.hkdf)
+const cryptoRandomBytes = promisify(crypto.randomBytes)
+
+class AbstractAccessTokenScheme {
+  constructor(cipherLabel, cipherPassword) {
+    this.cipherLabel = cipherLabel
+    this.cipherPassword = cipherPassword
+  }
+
+  /**
+   * @param {Object} json
+   * @return {Promise<string>}
+   */
+  async encryptJson(json) {
+    throw new Error('encryptJson is not implemented')
+  }
+
+  /**
+   * @param {string} encryptedJson
+   * @return {Promise<Object>}
+   */
+  async decryptToJson(encryptedJson) {
+    throw new Error('decryptToJson is not implemented')
+  }
+}
+
+class AccessTokenSchemeWithGenericKeyFn extends AbstractAccessTokenScheme {
+  /**
+   * @param {Buffer} salt
+   * @return {Promise<Buffer>}
+   */
+  async keyFn(salt) {
+    throw new Error('keyFn is not implemented')
+  }
+
+  async encryptJson(json) {
+    const plainText = JSON.stringify(json)
+
+    const bytes = await cryptoRandomBytes(32)
+    const salt = bytes.slice(0, 16)
+    const iv = bytes.slice(16, 32)
+    const key = await this.keyFn(salt)
+
+    const cipher = crypto.createCipheriv(ALGORITHM, key, iv)
+    const cipherText =
+      cipher.update(plainText, 'utf8', 'base64') + cipher.final('base64')
+
+    return [
+      this.cipherLabel,
+      salt.toString('hex'),
+      cipherText,
+      iv.toString('hex'),
+    ].join(':')
+  }
+
+  async decryptToJson(encryptedJson) {
+    const [, salt, cipherText, iv] = encryptedJson.split(':', 4)
+    const key = await this.keyFn(Buffer.from(salt, 'hex'))
+
+    const decipher = crypto.createDecipheriv(
+      ALGORITHM,
+      key,
+      Buffer.from(iv, 'hex')
+    )
+    const plainText =
+      decipher.update(cipherText, 'base64', 'utf8') + decipher.final('utf8')
+    try {
+      return JSON.parse(plainText)
+    } catch (e) {
+      throw new Error('error decrypting token')
+    }
+  }
+}
+
+class AccessTokenSchemeV3 extends AccessTokenSchemeWithGenericKeyFn {
+  async keyFn(salt) {
+    const optionalInfo = ''
+    return await cryptoHkdf(
+      'sha512',
+      this.cipherPassword,
+      salt,
+      optionalInfo,
+      32
+    )
+  }
+}
+
+class AccessTokenEncryptor {
+  constructor(settings) {
+    /**
+     * @type {Map<string, AbstractAccessTokenScheme>}
+     */
+    this.schemeByCipherLabel = new Map()
+    for (const cipherLabel of Object.keys(settings.cipherPasswords)) {
+      if (!cipherLabel) {
+        throw new Error('cipherLabel cannot be empty')
+      }
+      if (cipherLabel.match(/:/)) {
+        throw new Error(
+          `cipherLabel must not contain a colon (:), got ${cipherLabel}`
+        )
+      }
+      const [, version] = cipherLabel.split('-')
+      if (!version) {
+        throw new Error(
+          `cipherLabel must contain version suffix (e.g. 2042.1-v42), got ${cipherLabel}`
+        )
+      }
+
+      const cipherPassword = settings.cipherPasswords[cipherLabel]
+      if (!cipherPassword) {
+        throw new Error(`cipherPasswords['${cipherLabel}'] is missing`)
+      }
+      if (cipherPassword.length < 16) {
+        throw new Error(`cipherPasswords['${cipherLabel}'] is too short`)
+      }
+
+      let scheme
+      switch (version) {
+        case 'v3':
+          scheme = new AccessTokenSchemeV3(cipherLabel, cipherPassword)
+          break
+        default:
+          throw new Error(`unknown version '${version}' for ${cipherLabel}`)
+      }
+      this.schemeByCipherLabel.set(cipherLabel, scheme)
+    }
+
+    /** @type {AbstractAccessTokenScheme} */
+    this.defaultScheme = this.schemeByCipherLabel.get(settings.cipherLabel)
+    if (!this.defaultScheme) {
+      throw new Error(`unknown default cipherLabel ${settings.cipherLabel}`)
+    }
+  }
+
+  promises = {
+    encryptJson: async json => await this.defaultScheme.encryptJson(json),
+    decryptToJson: async encryptedJson => {
+      const [label] = encryptedJson.split(':', 1)
+      const scheme = this.schemeByCipherLabel.get(label)
+      if (!scheme) {
+        throw new Error('unknown access-token-encryptor label ' + label)
+      }
+      return await scheme.decryptToJson(encryptedJson)
+    },
+  }
+
+  encryptJson(json, callback) {
+    this.promises.encryptJson(json).then(s => callback(null, s), callback)
+  }
+
+  decryptToJson(encryptedJson, callback) {
+    this.promises
+      .decryptToJson(encryptedJson)
+      .then(o => callback(null, o), callback)
+  }
+}
+
+module.exports = AccessTokenEncryptor
diff --git a/libraries/access-token-encryptor/package.json b/libraries/access-token-encryptor/package.json
new file mode 100644
index 0000000..b767f50
--- /dev/null
+++ b/libraries/access-token-encryptor/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "@overleaf/access-token-encryptor",
+  "version": "3.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "npm run lint && npm run format && npm run types:check && npm run test:unit",
+    "lint": "eslint --ext .js --ext .cjs --ext .ts --max-warnings 0 --format unix .",
+    "lint:fix": "eslint --fix --ext .js --ext .cjs --ext .ts .",
+    "format": "prettier --list-different $PWD/'**/*.{js,cjs,ts}'",
+    "format:fix": "prettier --write $PWD/'**/*.{js,cjs,ts}'",
+    "test:ci": "npm run test:unit",
+    "test:unit": "mocha --exit test/**/*.{js,cjs}",
+    "types:check": "tsc --noEmit"
+  },
+  "author": "",
+  "license": "AGPL-3.0-only",
+  "dependencies": {
+    "lodash": "^4.17.21"
+  },
+  "devDependencies": {
+    "chai": "^4.3.6",
+    "chai-as-promised": "^7.1.1",
+    "mocha": "^11.1.0",
+    "sandboxed-module": "^2.0.4",
+    "typescript": "^5.0.4"
+  }
+}
diff --git a/libraries/access-token-encryptor/scripts/helpers/format-usage-stats.js b/libraries/access-token-encryptor/scripts/helpers/format-usage-stats.js
new file mode 100644
index 0000000..f32f5fb
--- /dev/null
+++ b/libraries/access-token-encryptor/scripts/helpers/format-usage-stats.js
@@ -0,0 +1,27 @@
+function formatTokenUsageStats(STATS) {
+  const prettyStats = []
+  const sortedStats = Object.entries(STATS).sort((a, b) =>
+    a[0] > b[0] ? 1 : -1
+  )
+  const totalByName = {}
+  for (const [key, n] of sortedStats) {
+    const [name, version, collectionName, path, label] = key.split(':')
+    totalByName[name] = (totalByName[name] || 0) + n
+    prettyStats.push({ name, version, collectionName, path, label, n })
+  }
+  for (const row of prettyStats) {
+    row.percentage = ((100 * row.n) / totalByName[row.name])
+      .toFixed(2)
+      .padStart(6)
+  }
+
+  if (prettyStats.length === 0) {
+    console.warn('---')
+    console.warn('Found 0 access tokens.')
+    console.warn('---')
+  } else {
+    console.table(prettyStats)
+  }
+}
+
+module.exports = { formatTokenUsageStats }
diff --git a/libraries/access-token-encryptor/scripts/helpers/re-encrypt-tokens.js b/libraries/access-token-encryptor/scripts/helpers/re-encrypt-tokens.js
new file mode 100644
index 0000000..b39bede
--- /dev/null
+++ b/libraries/access-token-encryptor/scripts/helpers/re-encrypt-tokens.js
@@ -0,0 +1,108 @@
+const _ = require('lodash')
+const { formatTokenUsageStats } = require('./format-usage-stats')
+
+const LOG_EVERY_IN_S = parseInt(process.env.LOG_EVERY_IN_S || '5', 10)
+const DRY_RUN = !process.argv.includes('--dry-run=false')
+
+/**
+ * @param {AccessTokenEncryptor} accessTokenEncryptor
+ * @param {string} encryptedJson
+ * @return {Promise<string>}
+ */
+async function reEncryptTokens(accessTokenEncryptor, encryptedJson) {
+  return await new Promise((resolve, reject) => {
+    accessTokenEncryptor.decryptToJson(encryptedJson, (err, json) => {
+      if (err) return reject(err)
+      accessTokenEncryptor.encryptJson(json, (err, reEncryptedJson) => {
+        if (err) return reject(err)
+        resolve(reEncryptedJson)
+      })
+    })
+  })
+}
+
+/**
+ * @param {AccessTokenEncryptor} accessTokenEncryptor
+ * @param {Collection} collection
+ * @param {Object} paths
+ * @param {Object} queryOptions
+ * @return {Promise<{}>}
+ */
+async function reEncryptTokensInCollection({
+  accessTokenEncryptor,
+  collection,
+  paths,
+  queryOptions,
+}) {
+  const { collectionName } = collection
+  const stats = {}
+
+  let processed = 0
+  let updatedNUsers = 0
+  let lastLog = 0
+  const logProgress = () => {
+    if (DRY_RUN) {
+      console.warn(
+        `processed ${processed} | Would have updated ${updatedNUsers} users`
+      )
+    } else {
+      console.warn(`processed ${processed} | Updated ${updatedNUsers} users`)
+    }
+  }
+
+  const projection = { _id: 1 }
+  for (const path of Object.values(paths)) {
+    projection[path] = 1
+  }
+  const cursor = collection.find(
+    {},
+    {
+      ...queryOptions,
+      projection,
+    }
+  )
+
+  for await (const doc of cursor) {
+    processed++
+
+    let update = null
+    for (const [name, path] of Object.entries(paths)) {
+      const blob = _.get(doc, path)
+      if (!blob) continue
+      // Schema: LABEL-VERSION:SALT:CIPHERTEXT:IV
+      const [label] = blob.split(':')
+      let [, version] = label.split('-')
+      version = version || 'v2'
+
+      const key = [name, version, collectionName, path, label].join(':')
+      stats[key] = (stats[key] || 0) + 1
+
+      if (version === 'v2') {
+        update = update || {}
+        update[path] = await reEncryptTokens(accessTokenEncryptor, blob)
+      }
+    }
+
+    if (Date.now() - lastLog >= LOG_EVERY_IN_S * 1000) {
+      logProgress()
+      lastLog = Date.now()
+    }
+    if (update) {
+      updatedNUsers++
+
+      const { _id } = doc
+      if (DRY_RUN) {
+        console.log('Would upgrade tokens for user', _id, Object.keys(update))
+      } else {
+        console.log('Upgrading tokens for user', _id, Object.keys(update))
+        await collection.updateOne({ _id }, { $set: update })
+      }
+    }
+  }
+  logProgress()
+  formatTokenUsageStats(stats)
+}
+
+module.exports = {
+  reEncryptTokensInCollection,
+}
diff --git a/libraries/access-token-encryptor/test/setup.js b/libraries/access-token-encryptor/test/setup.js
new file mode 100644
index 0000000..9af82f6
--- /dev/null
+++ b/libraries/access-token-encryptor/test/setup.js
@@ -0,0 +1,13 @@
+const chai = require('chai')
+const chaiAsPromised = require('chai-as-promised')
+const SandboxedModule = require('sandboxed-module')
+
+chai.use(chaiAsPromised)
+
+SandboxedModule.configure({
+  sourceTransformers: {
+    removeNodePrefix: function (source) {
+      return source.replace(/require\(['"]node:/g, "require('")
+    },
+  },
+})
diff --git a/libraries/access-token-encryptor/test/unit/js/AccessTokenEncryptorTests.js b/libraries/access-token-encryptor/test/unit/js/AccessTokenEncryptorTests.js
new file mode 100644
index 0000000..9aab924
--- /dev/null
+++ b/libraries/access-token-encryptor/test/unit/js/AccessTokenEncryptorTests.js
@@ -0,0 +1,305 @@
+const chai = require('chai')
+chai.should()
+const { expect } = chai
+const modulePath = '../../../index.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('AccessTokenEncryptor', function () {
+  beforeEach(function () {
+    this.testObject = { hello: 'world' }
+    this.encrypted2015 =
+      '2015.1:473a66fb5d816bc716f278ab819d88a5:+mTg7O9sgUND8pNQFG6h2GE='
+    this.encrypted2016 =
+      '2016.1:76a7d64a444ccee1a515b49c44844a69:m5YSkexUsLjcF4gLncm72+k='
+    this.encrypted2019 =
+      '2019.1:627143b2ab185a020c8720253a4c984e:7gnY6Ez3/Y3UWgLHLfBtJsE=:bf75cecb6aeea55b3c060e1122d2a82d'
+    this.encrypted2023 =
+      '2023.1-v3:a6dd3781dd6ce93a4134874b505a209c:9TdIDAc8V9SeR0ffSn63Jj4=:d8b2de0b733c81b949993dce229abb4c'
+    this.badLabel = 'xxxxxx:c7a39310056b694c:jQf+Uh5Den3JREtvc82GW5Q='
+    this.badKey = '2015.1:d7a39310056b694c:jQf+Uh5Den3JREtvc82GW5Q='
+    this.badCipherText = '2015.1:c7a39310056b694c:xQf+Uh5Den3JREtvc82GW5Q='
+    this.settings = {
+      cipherLabel: '2023.1-v3',
+      cipherPasswords: {
+        '2023.1-v3': '44444444444444444444444444444444444444',
+      },
+    }
+    this.AccessTokenEncryptor = SandboxedModule.require(modulePath, {
+      globals: {
+        Buffer,
+      },
+    })
+    this.encryptor = new this.AccessTokenEncryptor(this.settings)
+  })
+
+  describe('invalid settings', function () {
+    it('should flag missing label', function () {
+      expect(
+        () =>
+          new this.AccessTokenEncryptor({
+            cipherLabel: '',
+            cipherPasswords: { '': '' },
+          })
+      ).to.throw(/cipherLabel cannot be empty/)
+    })
+
+    it('should flag invalid label with colon', function () {
+      expect(
+        () =>
+          new this.AccessTokenEncryptor({
+            cipherLabel: '2023:1-v2',
+            cipherPasswords: { '2023:1-v2': '' },
+          })
+      ).to.throw(/colon/)
+    })
+
+    it('should flag missing password', function () {
+      expect(
+        () =>
+          new this.AccessTokenEncryptor({
+            cipherPasswords: { '2023.1-v3': '' },
+            cipherVersions: { '2023.1-v3': 'v3' },
+          })
+      ).to.throw(/cipherPasswords.+ missing/)
+      expect(
+        () =>
+          new this.AccessTokenEncryptor({
+            cipherLabel: '2023.1-v3',
+            cipherPasswords: { '2023.1-v3': undefined },
+          })
+      ).to.throw(/cipherPasswords.+ missing/)
+    })
+
+    it('should flag short password', function () {
+      expect(
+        () =>
+          new this.AccessTokenEncryptor({
+            cipherLabel: '2023.1-v3',
+            cipherPasswords: { '2023.1-v3': 'foo' },
+          })
+      ).to.throw(/cipherPasswords.+ too short/)
+    })
+
+    it('should flag missing version', function () {
+      expect(
+        () =>
+          new this.AccessTokenEncryptor({
+            cipherLabel: '2023.1',
+            cipherPasswords: { 2023.1: '11111111111111111111111111111111' },
+          })
+      ).to.throw(/must contain version suffix/)
+      expect(
+        () =>
+          new this.AccessTokenEncryptor({
+            cipherLabel: '2023.1-',
+            cipherPasswords: { '2023.1-': '11111111111111111111111111111111' },
+          })
+      ).to.throw(/must contain version suffix/)
+    })
+
+    it('should flag invalid version', function () {
+      expect(
+        () =>
+          new this.AccessTokenEncryptor({
+            cipherLabel: '2023.1-v0',
+            cipherPasswords: {
+              '2023.1-v0': '11111111111111111111111111111111',
+            },
+          })
+      ).to.throw(/unknown version/)
+    })
+
+    it('should flag unknown default scheme', function () {
+      expect(
+        () =>
+          new this.AccessTokenEncryptor({
+            cipherLabel: '2000.1-v3',
+            cipherPasswords: {
+              '2023.1-v3': '11111111111111111111111111111111',
+            },
+          })
+      ).to.throw(/unknown default cipherLabel/)
+    })
+  })
+
+  describe('sync', function () {
+    describe('encrypt', function () {
+      it('should encrypt the object', function (done) {
+        this.encryptor.encryptJson(this.testObject, (err, encrypted) => {
+          expect(err).to.be.null
+          encrypted.should.match(
+            /^2023.1-v3:[0-9a-f]{32}:[a-zA-Z0-9=+/]+:[0-9a-f]{32}$/
+          )
+          done()
+        })
+      })
+
+      it('should encrypt the object differently the next time', function (done) {
+        this.encryptor.encryptJson(this.testObject, (err, encrypted1) => {
+          expect(err).to.be.null
+          this.encryptor.encryptJson(this.testObject, (err, encrypted2) => {
+            expect(err).to.be.null
+            encrypted1.should.not.equal(encrypted2)
+            done()
+          })
+        })
+      })
+    })
+
+    describe('decrypt', function () {
+      it('should decrypt the string to get the same object', function (done) {
+        this.encryptor.encryptJson(this.testObject, (err, encrypted) => {
+          expect(err).to.be.null
+          this.encryptor.decryptToJson(encrypted, (err, decrypted) => {
+            expect(err).to.be.null
+            expect(decrypted).to.deep.equal(this.testObject)
+            done()
+          })
+        })
+      })
+
+      it('should not be able to decrypt 2015 string', function (done) {
+        this.encryptor.decryptToJson(this.encrypted2015, (err, decrypted) => {
+          expect(err).to.exist
+          expect(err.message).to.equal(
+            'unknown access-token-encryptor label 2015.1'
+          )
+          expect(decrypted).to.not.exist
+          done()
+        })
+      })
+
+      it('should not be able to decrypt a 2016 string', function (done) {
+        this.encryptor.decryptToJson(this.encrypted2016, (err, decrypted) => {
+          expect(err).to.exist
+          expect(err.message).to.equal(
+            'unknown access-token-encryptor label 2016.1'
+          )
+          expect(decrypted).to.not.exist
+          done()
+        })
+      })
+
+      it('should not be able to decrypt a 2019 string', function (done) {
+        this.encryptor.decryptToJson(this.encrypted2019, (err, decrypted) => {
+          expect(err).to.exist
+          expect(err.message).to.equal(
+            'unknown access-token-encryptor label 2019.1'
+          )
+          expect(decrypted).to.not.exist
+          done()
+        })
+      })
+
+      it('should decrypt an 2023 string to get the same object', function (done) {
+        this.encryptor.decryptToJson(this.encrypted2023, (err, decrypted) => {
+          expect(err).to.be.null
+          expect(decrypted).to.deep.equal(this.testObject)
+          done()
+        })
+      })
+
+      it('should return an error when decrypting an invalid label', function (done) {
+        this.encryptor.decryptToJson(this.badLabel, (err, decrypted) => {
+          expect(err).to.be.instanceof(Error)
+          expect(decrypted).to.be.undefined
+          done()
+        })
+      })
+
+      it('should return an error when decrypting an invalid key', function (done) {
+        this.encryptor.decryptToJson(this.badKey, (err, decrypted) => {
+          expect(err).to.be.instanceof(Error)
+          expect(decrypted).to.be.undefined
+          done()
+        })
+      })
+
+      it('should return an error when decrypting an invalid ciphertext', function (done) {
+        this.encryptor.decryptToJson(this.badCipherText, (err, decrypted) => {
+          expect(err).to.be.instanceof(Error)
+          expect(decrypted).to.be.undefined
+          done()
+        })
+      })
+    })
+  })
+
+  describe('async', function () {
+    describe('encrypt', function () {
+      it('should encrypt the object', async function () {
+        const encrypted = await this.encryptor.promises.encryptJson(
+          this.testObject
+        )
+        encrypted.should.match(
+          /^2023.1-v3:[0-9a-f]{32}:[a-zA-Z0-9=+/]+:[0-9a-f]{32}$/
+        )
+      })
+
+      it('should encrypt the object differently the next time', async function () {
+        const encrypted1 = await this.encryptor.promises.encryptJson(
+          this.testObject
+        )
+        const encrypted2 = await this.encryptor.promises.encryptJson(
+          this.testObject
+        )
+        encrypted1.should.not.equal(encrypted2)
+      })
+    })
+
+    describe('decrypt', function () {
+      it('should decrypt the string to get the same object', async function () {
+        const encrypted = await this.encryptor.promises.encryptJson(
+          this.testObject
+        )
+        const decrypted = await this.encryptor.promises.decryptToJson(encrypted)
+        expect(decrypted).to.deep.equal(this.testObject)
+      })
+
+      it('should not be able to decrypt 2015 string', async function () {
+        await expect(
+          this.encryptor.promises.decryptToJson(this.encrypted2015)
+        ).to.eventually.be.rejectedWith(
+          'unknown access-token-encryptor label 2015.1'
+        )
+      })
+
+      it('should not be able to decrypt a 2016 string', async function () {
+        await expect(
+          this.encryptor.promises.decryptToJson(this.encrypted2016)
+        ).to.be.rejectedWith('unknown access-token-encryptor label 2016.1')
+      })
+
+      it('should not be able to decrypt a 2019 string', async function () {
+        await expect(
+          this.encryptor.promises.decryptToJson(this.encrypted2019)
+        ).to.be.rejectedWith('unknown access-token-encryptor label 2019.1')
+      })
+
+      it('should decrypt an 2023 string to get the same object', async function () {
+        const decrypted = await this.encryptor.promises.decryptToJson(
+          this.encrypted2023
+        )
+        expect(decrypted).to.deep.equal(this.testObject)
+      })
+
+      it('should return an error when decrypting an invalid label', async function () {
+        await expect(
+          this.encryptor.promises.decryptToJson(this.badLabel)
+        ).to.be.rejectedWith('unknown access-token-encryptor label xxxxxx')
+      })
+
+      it('should return an error when decrypting an invalid key', async function () {
+        await expect(
+          this.encryptor.promises.decryptToJson(this.badKey)
+        ).to.be.rejectedWith('unknown access-token-encryptor label 2015.1')
+      })
+
+      it('should return an error when decrypting an invalid ciphertext', async function () {
+        await expect(
+          this.encryptor.promises.decryptToJson(this.badCipherText)
+        ).to.be.rejectedWith('unknown access-token-encryptor label 2015.1')
+      })
+    })
+  })
+})
diff --git a/libraries/access-token-encryptor/tsconfig.json b/libraries/access-token-encryptor/tsconfig.json
new file mode 100644
index 0000000..d43bb24
--- /dev/null
+++ b/libraries/access-token-encryptor/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "**/*.js",
+    "**/*.cjs"
+  ]
+}
diff --git a/libraries/fetch-utils/.gitignore b/libraries/fetch-utils/.gitignore
new file mode 100644
index 0000000..edb0f85
--- /dev/null
+++ b/libraries/fetch-utils/.gitignore
@@ -0,0 +1,3 @@
+
+# managed by monorepo$ bin/update_build_scripts
+.npmrc
diff --git a/libraries/fetch-utils/.mocharc.json b/libraries/fetch-utils/.mocharc.json
new file mode 100644
index 0000000..c492858
--- /dev/null
+++ b/libraries/fetch-utils/.mocharc.json
@@ -0,0 +1,6 @@
+{
+  "ui": "bdd",
+  "recursive": "true",
+  "reporter": "spec",
+  "require": "test/setup.js"
+}
diff --git a/libraries/fetch-utils/.nvmrc b/libraries/fetch-utils/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/libraries/fetch-utils/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/libraries/fetch-utils/buildscript.txt b/libraries/fetch-utils/buildscript.txt
new file mode 100644
index 0000000..a158079
--- /dev/null
+++ b/libraries/fetch-utils/buildscript.txt
@@ -0,0 +1,10 @@
+fetch-utils
+--dependencies=None
+--docker-repos=gcr.io/overleaf-ops
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--is-library=True
+--node-version=20.18.2
+--public-repo=False
+--script-version=4.7.0
diff --git a/libraries/fetch-utils/index.js b/libraries/fetch-utils/index.js
new file mode 100644
index 0000000..643dcc7
--- /dev/null
+++ b/libraries/fetch-utils/index.js
@@ -0,0 +1,320 @@
+const _ = require('lodash')
+const { Readable } = require('node:stream')
+const OError = require('@overleaf/o-error')
+const fetch = require('node-fetch')
+const http = require('node:http')
+const https = require('node:https')
+
+/**
+ * @import { Response } from 'node-fetch'
+ */
+
+/**
+ * Make a request and return the parsed JSON response.
+ *
+ * @param {string | URL} url - request URL
+ * @param {any} [opts] - fetch options
+ * @return {Promise<any>} the parsed JSON response
+ * @throws {RequestFailedError} if the response has a failure status code
+ */
+async function fetchJson(url, opts = {}) {
+  const { json } = await fetchJsonWithResponse(url, opts)
+  return json
+}
+
+async function fetchJsonWithResponse(url, opts = {}) {
+  const { fetchOpts } = parseOpts(opts)
+  fetchOpts.headers = fetchOpts.headers ?? {}
+  fetchOpts.headers.Accept = fetchOpts.headers.Accept ?? 'application/json'
+
+  const response = await performRequest(url, fetchOpts)
+  if (!response.ok) {
+    const body = await maybeGetResponseBody(response)
+    throw new RequestFailedError(url, opts, response, body)
+  }
+
+  const json = await response.json()
+  return { json, response }
+}
+
+/**
+ * Make a request and return a stream.
+ *
+ * If the response body is destroyed, the request is aborted.
+ *
+ * @param {string | URL} url - request URL
+ * @param {any} [opts] - fetch options
+ * @return {Promise<Readable>}
+ * @throws {RequestFailedError} if the response has a failure status code
+ */
+async function fetchStream(url, opts = {}) {
+  const { stream } = await fetchStreamWithResponse(url, opts)
+  return stream
+}
+
+async function fetchStreamWithResponse(url, opts = {}) {
+  const { fetchOpts, abortController } = parseOpts(opts)
+  const response = await performRequest(url, fetchOpts)
+
+  if (!response.ok) {
+    const body = await maybeGetResponseBody(response)
+    throw new RequestFailedError(url, opts, response, body)
+  }
+
+  abortOnDestroyedResponse(abortController, response)
+
+  const stream = response.body
+  return { stream, response }
+}
+
+/**
+ * Make a request and discard the response.
+ *
+ * @param {string | URL} url - request URL
+ * @param {any} [opts] - fetch options
+ * @return {Promise<Response>}
+ * @throws {RequestFailedError} if the response has a failure status code
+ */
+async function fetchNothing(url, opts = {}) {
+  const { fetchOpts } = parseOpts(opts)
+  const response = await performRequest(url, fetchOpts)
+  if (!response.ok) {
+    const body = await maybeGetResponseBody(response)
+    throw new RequestFailedError(url, opts, response, body)
+  }
+  await discardResponseBody(response)
+  return response
+}
+
+/**
+ * Make a request and extract the redirect from the response.
+ *
+ * @param {string | URL} url - request URL
+ * @param {any} [opts] - fetch options
+ * @return {Promise<string>}
+ * @throws {RequestFailedError} if the response has a non redirect status code or missing Location header
+ */
+async function fetchRedirect(url, opts = {}) {
+  const { location } = await fetchRedirectWithResponse(url, opts)
+  return location
+}
+
+/**
+ * Make a request and extract the redirect from the response.
+ *
+ * @param {string | URL} url - request URL
+ * @param {object} opts - fetch options
+ * @return {Promise<{location: string, response: Response}>}
+ * @throws {RequestFailedError} if the response has a non redirect status code or missing Location header
+ */
+async function fetchRedirectWithResponse(url, opts = {}) {
+  const { fetchOpts } = parseOpts(opts)
+  fetchOpts.redirect = 'manual'
+  const response = await performRequest(url, fetchOpts)
+  if (response.status < 300 || response.status >= 400) {
+    const body = await maybeGetResponseBody(response)
+    throw new RequestFailedError(url, opts, response, body)
+  }
+  const location = response.headers.get('Location')
+  if (!location) {
+    const body = await maybeGetResponseBody(response)
+    throw new RequestFailedError(url, opts, response, body).withCause(
+      new OError('missing Location response header on 3xx response', {
+        headers: Object.fromEntries(response.headers.entries()),
+      })
+    )
+  }
+  await discardResponseBody(response)
+  return { location, response }
+}
+
+/**
+ * Make a request and return a string.
+ *
+ * @param {string | URL} url - request URL
+ * @param {any} [opts] - fetch options
+ * @return {Promise<string>}
+ * @throws {RequestFailedError} if the response has a failure status code
+ */
+async function fetchString(url, opts = {}) {
+  const { body } = await fetchStringWithResponse(url, opts)
+  return body
+}
+
+async function fetchStringWithResponse(url, opts = {}) {
+  const { fetchOpts } = parseOpts(opts)
+  const response = await performRequest(url, fetchOpts)
+  if (!response.ok) {
+    const body = await maybeGetResponseBody(response)
+    throw new RequestFailedError(url, opts, response, body)
+  }
+  const body = await response.text()
+  return { body, response }
+}
+
+class RequestFailedError extends OError {
+  constructor(url, opts, response, body) {
+    super('request failed', {
+      url,
+      method: opts.method ?? 'GET',
+      status: response.status,
+    })
+
+    this.response = response
+    if (body != null) {
+      this.body = body
+    }
+  }
+}
+
+function parseOpts(opts) {
+  const fetchOpts = _.omit(opts, ['json', 'signal', 'basicAuth'])
+  if (opts.json) {
+    setupJsonBody(fetchOpts, opts.json)
+  }
+  if (opts.basicAuth) {
+    setupBasicAuth(fetchOpts, opts.basicAuth)
+  }
+
+  const abortController = new AbortController()
+  fetchOpts.signal = abortController.signal
+  if (opts.signal) {
+    abortOnSignal(abortController, opts.signal)
+  }
+  if (opts.body instanceof Readable) {
+    abortOnDestroyedRequest(abortController, fetchOpts.body)
+  }
+  return { fetchOpts, abortController }
+}
+
+function setupJsonBody(fetchOpts, json) {
+  fetchOpts.body = JSON.stringify(json)
+  fetchOpts.headers = fetchOpts.headers ?? {}
+  fetchOpts.headers['Content-Type'] = 'application/json'
+}
+
+function setupBasicAuth(fetchOpts, basicAuth) {
+  fetchOpts.headers = fetchOpts.headers ?? {}
+  fetchOpts.headers.Authorization =
+    'Basic ' +
+    Buffer.from(`${basicAuth.user}:${basicAuth.password}`).toString('base64')
+}
+
+function abortOnSignal(abortController, signal) {
+  const listener = () => {
+    abortController.abort(signal.reason)
+  }
+  if (signal.aborted) {
+    abortController.abort(signal.reason)
+  }
+  signal.addEventListener('abort', listener)
+}
+
+function abortOnDestroyedRequest(abortController, stream) {
+  stream.on('close', () => {
+    if (!stream.readableEnded) {
+      abortController.abort()
+    }
+  })
+}
+
+function abortOnDestroyedResponse(abortController, response) {
+  response.body.on('close', () => {
+    if (!response.bodyUsed) {
+      abortController.abort()
+    }
+  })
+}
+
+async function performRequest(url, fetchOpts) {
+  let response
+  try {
+    response = await fetch(url, fetchOpts)
+  } catch (err) {
+    if (fetchOpts.body instanceof Readable) {
+      fetchOpts.body.destroy()
+    }
+    throw OError.tag(err, err.message, {
+      url,
+      method: fetchOpts.method ?? 'GET',
+    })
+  }
+  if (fetchOpts.body instanceof Readable) {
+    response.body.on('close', () => {
+      if (!fetchOpts.body.readableEnded) {
+        fetchOpts.body.destroy()
+      }
+    })
+  }
+  return response
+}
+
+async function discardResponseBody(response) {
+  // eslint-disable-next-line no-unused-vars
+  for await (const chunk of response.body) {
+    // discard the body
+  }
+}
+
+/**
+ * @param {Response} response
+ */
+async function maybeGetResponseBody(response) {
+  try {
+    return await response.text()
+  } catch (err) {
+    return null
+  }
+}
+
+// Define custom http and https agents with support for connect timeouts
+
+class ConnectTimeoutError extends OError {
+  constructor(options) {
+    super('connect timeout', options)
+  }
+}
+
+function withTimeout(createConnection, options, callback) {
+  if (options.connectTimeout) {
+    // Wrap createConnection in a timeout
+    const timer = setTimeout(() => {
+      socket.destroy(new ConnectTimeoutError(options))
+    }, options.connectTimeout)
+    const socket = createConnection(options, (err, stream) => {
+      clearTimeout(timer)
+      callback(err, stream)
+    })
+    return socket
+  } else {
+    // Fallback to default createConnection
+    return createConnection(options, callback)
+  }
+}
+
+class CustomHttpAgent extends http.Agent {
+  createConnection(options, callback) {
+    return withTimeout(super.createConnection.bind(this), options, callback)
+  }
+}
+class CustomHttpsAgent extends https.Agent {
+  createConnection(options, callback) {
+    return withTimeout(super.createConnection.bind(this), options, callback)
+  }
+}
+
+module.exports = {
+  fetchJson,
+  fetchJsonWithResponse,
+  fetchStream,
+  fetchStreamWithResponse,
+  fetchNothing,
+  fetchRedirect,
+  fetchRedirectWithResponse,
+  fetchString,
+  fetchStringWithResponse,
+  RequestFailedError,
+  ConnectTimeoutError,
+  CustomHttpAgent,
+  CustomHttpsAgent,
+}
diff --git a/libraries/fetch-utils/package.json b/libraries/fetch-utils/package.json
new file mode 100644
index 0000000..95c4d13
--- /dev/null
+++ b/libraries/fetch-utils/package.json
@@ -0,0 +1,33 @@
+{
+  "name": "@overleaf/fetch-utils",
+  "version": "0.1.0",
+  "description": "utilities for node-fetch",
+  "main": "index.js",
+  "scripts": {
+    "test": "npm run lint && npm run format && npm run types:check && npm run test:unit",
+    "lint": "eslint --ext .js --ext .cjs --ext .ts --max-warnings 0 --format unix .",
+    "lint:fix": "eslint --fix --ext .js --ext .cjs --ext .ts .",
+    "format": "prettier --list-different $PWD/'**/*.{js,cjs,ts}'",
+    "format:fix": "prettier --write $PWD/'**/*.{js,cjs,ts}'",
+    "test:ci": "npm run test:unit",
+    "test:unit": "mocha --exit test/**/*.{js,cjs}",
+    "types:check": "tsc --noEmit"
+  },
+  "author": "Overleaf (https://www.overleaf.com)",
+  "license": "AGPL-3.0-only",
+  "devDependencies": {
+    "@types/node-fetch": "^2.6.11",
+    "body-parser": "^1.20.3",
+    "chai": "^4.3.6",
+    "chai-as-promised": "^7.1.1",
+    "express": "^4.21.2",
+    "mocha": "^11.1.0",
+    "typescript": "^5.0.4"
+  },
+  "dependencies": {
+    "@overleaf/o-error": "*",
+    "lodash": "^4.17.21",
+    "node-fetch": "^2.7.0",
+    "selfsigned": "^2.4.1"
+  }
+}
diff --git a/libraries/fetch-utils/test/setup.js b/libraries/fetch-utils/test/setup.js
new file mode 100644
index 0000000..0906818
--- /dev/null
+++ b/libraries/fetch-utils/test/setup.js
@@ -0,0 +1,4 @@
+const chai = require('chai')
+const chaiAsPromised = require('chai-as-promised')
+
+chai.use(chaiAsPromised)
diff --git a/libraries/fetch-utils/test/unit/FetchUtilsTests.js b/libraries/fetch-utils/test/unit/FetchUtilsTests.js
new file mode 100644
index 0000000..e9fd0ff
--- /dev/null
+++ b/libraries/fetch-utils/test/unit/FetchUtilsTests.js
@@ -0,0 +1,414 @@
+const { expect } = require('chai')
+const { FetchError, AbortError } = require('node-fetch')
+const { Readable } = require('node:stream')
+const { once } = require('node:events')
+const { TestServer } = require('./helpers/TestServer')
+const selfsigned = require('selfsigned')
+const {
+  fetchJson,
+  fetchStream,
+  fetchNothing,
+  fetchRedirect,
+  fetchString,
+  RequestFailedError,
+  CustomHttpAgent,
+  CustomHttpsAgent,
+} = require('../..')
+
+const HTTP_PORT = 30001
+const HTTPS_PORT = 30002
+
+const attrs = [{ name: 'commonName', value: 'example.com' }]
+const pems = selfsigned.generate(attrs, { days: 365 })
+
+const PRIVATE_KEY = pems.private
+const PUBLIC_CERT = pems.cert
+
+const dns = require('node:dns')
+const _originalLookup = dns.lookup
+// Custom DNS resolver function
+dns.lookup = (hostname, options, callback) => {
+  if (hostname === 'example.com') {
+    // If the hostname is our test case, return the ip address for the test server
+    if (options?.all) {
+      callback(null, [{ address: '127.0.0.1', family: 4 }])
+    } else {
+      callback(null, '127.0.0.1', 4)
+    }
+  } else {
+    // Otherwise, use the default lookup
+    _originalLookup(hostname, options, callback)
+  }
+}
+
+describe('fetch-utils', function () {
+  before(async function () {
+    this.server = new TestServer()
+    await this.server.start(HTTP_PORT, HTTPS_PORT, {
+      key: PRIVATE_KEY,
+      cert: PUBLIC_CERT,
+    })
+    this.url = path => `http://example.com:${HTTP_PORT}${path}`
+    this.httpsUrl = path => `https://example.com:${HTTPS_PORT}${path}`
+  })
+
+  beforeEach(function () {
+    this.server.lastReq = undefined
+  })
+
+  after(async function () {
+    await this.server.stop()
+  })
+
+  describe('fetchJson', function () {
+    it('parses a JSON response', async function () {
+      const json = await fetchJson(this.url('/json/hello'))
+      expect(json).to.deep.equal({ msg: 'hello' })
+    })
+
+    it('parses JSON in the request', async function () {
+      const json = await fetchJson(this.url('/json/add'), {
+        method: 'POST',
+        json: { a: 2, b: 3 },
+      })
+      expect(json).to.deep.equal({ sum: 5 })
+    })
+
+    it('accepts stringified JSON as body', async function () {
+      const json = await fetchJson(this.url('/json/add'), {
+        method: 'POST',
+        body: JSON.stringify({ a: 2, b: 3 }),
+        headers: { 'Content-Type': 'application/json' },
+      })
+      expect(json).to.deep.equal({ sum: 5 })
+    })
+
+    it('throws a FetchError when the payload is not JSON', async function () {
+      await expect(fetchJson(this.url('/hello'))).to.be.rejectedWith(FetchError)
+    })
+
+    it('aborts the request if JSON parsing fails', async function () {
+      await expect(fetchJson(this.url('/large'))).to.be.rejectedWith(FetchError)
+      await expectRequestAborted(this.server.lastReq)
+    })
+
+    it('handles errors when the payload is JSON', async function () {
+      await expect(fetchJson(this.url('/json/500'))).to.be.rejectedWith(
+        RequestFailedError
+      )
+      await expectRequestAborted(this.server.lastReq)
+    })
+
+    it('handles errors when the payload is not JSON', async function () {
+      await expect(fetchJson(this.url('/500'))).to.be.rejectedWith(
+        RequestFailedError
+      )
+      await expectRequestAborted(this.server.lastReq)
+    })
+
+    it('supports abort signals', async function () {
+      await expect(
+        abortOnceReceived(
+          signal => fetchJson(this.url('/hang'), { signal }),
+          this.server
+        )
+      ).to.be.rejectedWith(AbortError)
+      await expectRequestAborted(this.server.lastReq)
+    })
+
+    it('supports basic auth', async function () {
+      const json = await fetchJson(this.url('/json/basic-auth'), {
+        basicAuth: { user: 'user', password: 'pass' },
+      })
+      expect(json).to.deep.equal({ key: 'verysecret' })
+    })
+
+    it("destroys the request body if it doesn't get consumed", async function () {
+      const stream = Readable.from(infiniteIterator())
+      await fetchJson(this.url('/json/ignore-request'), {
+        method: 'POST',
+        body: stream,
+      })
+      expect(stream.destroyed).to.be.true
+    })
+  })
+
+  describe('fetchStream', function () {
+    it('returns a stream', async function () {
+      const stream = await fetchStream(this.url('/large'))
+      const text = await streamToString(stream)
+      expect(text).to.equal(this.server.largePayload)
+    })
+
+    it('aborts the request when the stream is destroyed', async function () {
+      const stream = await fetchStream(this.url('/large'))
+      stream.destroy()
+      await expectRequestAborted(this.server.lastReq)
+    })
+
+    it('aborts the request when the request body is destroyed before transfer', async function () {
+      const stream = Readable.from(infiniteIterator())
+      const promise = fetchStream(this.url('/hang'), {
+        method: 'POST',
+        body: stream,
+      })
+      stream.destroy()
+      await expect(promise).to.be.rejectedWith(AbortError)
+      await wait(80)
+      expect(this.server.lastReq).to.be.undefined
+    })
+
+    it('aborts the request when the request body is destroyed during transfer', async function () {
+      const stream = Readable.from(infiniteIterator())
+      // Note: this test won't work on `/hang`
+      const promise = fetchStream(this.url('/sink'), {
+        method: 'POST',
+        body: stream,
+      })
+      await once(this.server.events, 'request-received')
+      stream.destroy()
+      await expect(promise).to.be.rejectedWith(AbortError)
+      await expectRequestAborted(this.server.lastReq)
+    })
+
+    it('handles errors', async function () {
+      await expect(fetchStream(this.url('/500'))).to.be.rejectedWith(
+        RequestFailedError
+      )
+      await expectRequestAborted(this.server.lastReq)
+    })
+
+    it('supports abort signals', async function () {
+      await expect(
+        abortOnceReceived(
+          signal => fetchStream(this.url('/hang'), { signal }),
+          this.server
+        )
+      ).to.be.rejectedWith(AbortError)
+      await expectRequestAborted(this.server.lastReq)
+    })
+
+    it('destroys the request body when an error occurs', async function () {
+      const stream = Readable.from(infiniteIterator())
+      await expect(
+        abortOnceReceived(
+          signal =>
+            fetchStream(this.url('/hang'), {
+              method: 'POST',
+              body: stream,
+              signal,
+            }),
+          this.server
+        )
+      ).to.be.rejectedWith(AbortError)
+      expect(stream.destroyed).to.be.true
+    })
+  })
+
+  describe('fetchNothing', function () {
+    it('closes the connection', async function () {
+      await fetchNothing(this.url('/large'))
+      await expectRequestAborted(this.server.lastReq)
+    })
+
+    it('aborts the request when the request body is destroyed before transfer', async function () {
+      const stream = Readable.from(infiniteIterator())
+      const promise = fetchNothing(this.url('/hang'), {
+        method: 'POST',
+        body: stream,
+      })
+      stream.destroy()
+      await expect(promise).to.be.rejectedWith(AbortError)
+      expect(this.server.lastReq).to.be.undefined
+    })
+
+    it('aborts the request when the request body is destroyed during transfer', async function () {
+      const stream = Readable.from(infiniteIterator())
+      // Note: this test won't work on `/hang`
+      const promise = fetchNothing(this.url('/sink'), {
+        method: 'POST',
+        body: stream,
+      })
+      await once(this.server.events, 'request-received')
+      stream.destroy()
+      await expect(promise).to.be.rejectedWith(AbortError)
+      await wait(80)
+      await expectRequestAborted(this.server.lastReq)
+    })
+
+    it("doesn't abort the request if the request body ends normally", async function () {
+      const stream = Readable.from('hello there')
+      await fetchNothing(this.url('/sink'), { method: 'POST', body: stream })
+    })
+
+    it('handles errors', async function () {
+      await expect(fetchNothing(this.url('/500'))).to.be.rejectedWith(
+        RequestFailedError
+      )
+      await expectRequestAborted(this.server.lastReq)
+    })
+
+    it('supports abort signals', async function () {
+      await expect(
+        abortOnceReceived(
+          signal => fetchNothing(this.url('/hang'), { signal }),
+          this.server
+        )
+      ).to.be.rejectedWith(AbortError)
+      await expectRequestAborted(this.server.lastReq)
+    })
+
+    it('destroys the request body when an error occurs', async function () {
+      const stream = Readable.from(infiniteIterator())
+      await expect(
+        abortOnceReceived(
+          signal =>
+            fetchNothing(this.url('/hang'), {
+              method: 'POST',
+              body: stream,
+              signal,
+            }),
+          this.server
+        )
+      ).to.be.rejectedWith(AbortError)
+      expect(stream.destroyed).to.be.true
+    })
+  })
+
+  describe('fetchString', function () {
+    it('returns a string', async function () {
+      const body = await fetchString(this.url('/hello'))
+      expect(body).to.equal('hello')
+    })
+
+    it('handles errors', async function () {
+      await expect(fetchString(this.url('/500'))).to.be.rejectedWith(
+        RequestFailedError
+      )
+      await expectRequestAborted(this.server.lastReq)
+    })
+  })
+
+  describe('fetchRedirect', function () {
+    it('returns the immediate redirect', async function () {
+      const body = await fetchRedirect(this.url('/redirect/1'))
+      expect(body).to.equal(this.url('/redirect/2'))
+    })
+
+    it('rejects status 200', async function () {
+      await expect(fetchRedirect(this.url('/hello'))).to.be.rejectedWith(
+        RequestFailedError
+      )
+      await expectRequestAborted(this.server.lastReq)
+    })
+
+    it('rejects empty redirect', async function () {
+      await expect(fetchRedirect(this.url('/redirect/empty-location')))
+        .to.be.rejectedWith(RequestFailedError)
+        .and.eventually.have.property('cause')
+        .and.to.have.property('message')
+        .to.equal('missing Location response header on 3xx response')
+      await expectRequestAborted(this.server.lastReq)
+    })
+
+    it('handles errors', async function () {
+      await expect(fetchRedirect(this.url('/500'))).to.be.rejectedWith(
+        RequestFailedError
+      )
+      await expectRequestAborted(this.server.lastReq)
+    })
+  })
+
+  describe('CustomHttpAgent', function () {
+    it('makes an http request successfully', async function () {
+      const agent = new CustomHttpAgent({ connectTimeout: 100 })
+      const body = await fetchString(this.url('/hello'), { agent })
+      expect(body).to.equal('hello')
+    })
+
+    it('times out when accessing a non-routable address', async function () {
+      const agent = new CustomHttpAgent({ connectTimeout: 10 })
+      await expect(fetchString('http://10.255.255.255/', { agent }))
+        .to.be.rejectedWith(FetchError)
+        .and.eventually.have.property('message')
+        .and.to.equal(
+          'request to http://10.255.255.255/ failed, reason: connect timeout'
+        )
+    })
+  })
+
+  describe('CustomHttpsAgent', function () {
+    it('makes an https request successfully', async function () {
+      const agent = new CustomHttpsAgent({
+        connectTimeout: 100,
+        ca: PUBLIC_CERT,
+      })
+      const body = await fetchString(this.httpsUrl('/hello'), { agent })
+      expect(body).to.equal('hello')
+    })
+
+    it('rejects an untrusted server', async function () {
+      const agent = new CustomHttpsAgent({
+        connectTimeout: 100,
+      })
+      await expect(fetchString(this.httpsUrl('/hello'), { agent }))
+        .to.be.rejectedWith(FetchError)
+        .and.eventually.have.property('code')
+        .and.to.equal('DEPTH_ZERO_SELF_SIGNED_CERT')
+    })
+
+    it('times out when accessing a non-routable address', async function () {
+      const agent = new CustomHttpsAgent({ connectTimeout: 10 })
+      await expect(fetchString('https://10.255.255.255/', { agent }))
+        .to.be.rejectedWith(FetchError)
+        .and.eventually.have.property('message')
+        .and.to.equal(
+          'request to https://10.255.255.255/ failed, reason: connect timeout'
+        )
+    })
+  })
+})
+
+async function streamToString(stream) {
+  let s = ''
+  for await (const chunk of stream) {
+    s += chunk
+  }
+  return s
+}
+
+async function* infiniteIterator() {
+  let i = 1
+  while (true) {
+    yield `chunk ${i++}\n`
+  }
+}
+
+/**
+ * @param {(signal: AbortSignal) => Promise<any>} func
+ * @param {TestServer} server
+ */
+async function abortOnceReceived(func, server) {
+  const controller = new AbortController()
+  const promise = func(controller.signal)
+  await once(server.events, 'request-received')
+  controller.abort()
+  return await promise
+}
+
+async function expectRequestAborted(req) {
+  if (!req.destroyed) {
+    try {
+      await once(req, 'close')
+    } catch (err) {
+      // `once` throws if req emits an 'error' event.
+      // We ignore `Error: aborted` when the request is aborted.
+      if (err.message !== 'aborted') {
+        throw err
+      }
+    }
+  }
+  expect(req.destroyed).to.be.true
+}
+
+const wait = ms => new Promise(resolve => setTimeout(resolve, ms))
diff --git a/libraries/fetch-utils/test/unit/helpers/TestServer.js b/libraries/fetch-utils/test/unit/helpers/TestServer.js
new file mode 100644
index 0000000..4972777
--- /dev/null
+++ b/libraries/fetch-utils/test/unit/helpers/TestServer.js
@@ -0,0 +1,130 @@
+const express = require('express')
+const bodyParser = require('body-parser')
+const { EventEmitter } = require('node:events')
+const http = require('node:http')
+const https = require('node:https')
+const { promisify } = require('node:util')
+
+class TestServer {
+  constructor() {
+    this.app = express()
+    this.events = new EventEmitter()
+
+    this.app.use(bodyParser.json())
+    this.app.use((req, res, next) => {
+      this.events.emit('request-received')
+      this.lastReq = req
+      next()
+    })
+
+    // Plain text endpoints
+
+    this.app.get('/hello', (req, res) => {
+      res.send('hello')
+    })
+
+    this.largePayload = 'x'.repeat(16 * 1024 * 1024)
+    this.app.get('/large', (req, res) => {
+      res.send(this.largePayload)
+    })
+
+    this.app.get('/204', (req, res) => {
+      res.status(204).end()
+    })
+
+    this.app.get('/empty', (req, res) => {
+      res.end()
+    })
+
+    this.app.get('/500', (req, res) => {
+      res.sendStatus(500)
+    })
+
+    this.app.post('/sink', (req, res) => {
+      req.on('data', () => {})
+      req.on('end', () => {
+        res.status(204).end()
+      })
+    })
+
+    // JSON endpoints
+
+    this.app.get('/json/hello', (req, res) => {
+      res.json({ msg: 'hello' })
+    })
+
+    this.app.post('/json/add', (req, res) => {
+      const { a, b } = req.body
+      res.json({ sum: a + b })
+    })
+
+    this.app.get('/json/500', (req, res) => {
+      res.status(500).json({ error: 'Internal server error' })
+    })
+
+    this.app.get('/json/basic-auth', (req, res) => {
+      const expectedAuth =
+        'Basic ' + Buffer.from('user:pass').toString('base64')
+      if (req.headers.authorization === expectedAuth) {
+        res.json({ key: 'verysecret' })
+      } else {
+        res.status(401).json({ error: 'unauthorized' })
+      }
+    })
+
+    this.app.post('/json/ignore-request', (req, res) => {
+      res.json({ msg: 'hello' })
+    })
+
+    // Never returns
+
+    this.app.get('/hang', (req, res) => {})
+    this.app.post('/hang', (req, res) => {})
+
+    // Redirect
+
+    this.app.get('/redirect/1', (req, res) => {
+      res.redirect('/redirect/2')
+    })
+    this.app.get('/redirect/2', (req, res) => {
+      res.send('body after redirect')
+    })
+    this.app.get('/redirect/empty-location', (req, res) => {
+      res.sendStatus(302)
+    })
+  }
+
+  start(port, httpsPort, httpsOptions) {
+    const startHttp = new Promise((resolve, reject) => {
+      this.server = http.createServer(this.app).listen(port, err => {
+        if (err) {
+          reject(err)
+        } else {
+          resolve()
+        }
+      })
+    })
+    const startHttps = new Promise((resolve, reject) => {
+      this.https_server = https
+        .createServer(httpsOptions, this.app)
+        .listen(httpsPort, err => {
+          if (err) {
+            reject(err)
+          } else {
+            resolve()
+          }
+        })
+    })
+    return Promise.all([startHttp, startHttps])
+  }
+
+  stop() {
+    const stopHttp = promisify(this.server.close).bind(this.server)
+    const stopHttps = promisify(this.https_server.close).bind(this.https_server)
+    this.server.closeAllConnections()
+    this.https_server.closeAllConnections()
+    return Promise.all([stopHttp(), stopHttps()])
+  }
+}
+
+module.exports = { TestServer }
diff --git a/libraries/fetch-utils/tsconfig.json b/libraries/fetch-utils/tsconfig.json
new file mode 100644
index 0000000..d43bb24
--- /dev/null
+++ b/libraries/fetch-utils/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "**/*.js",
+    "**/*.cjs"
+  ]
+}
diff --git a/libraries/logger/.gitignore b/libraries/logger/.gitignore
new file mode 100644
index 0000000..2006c87
--- /dev/null
+++ b/libraries/logger/.gitignore
@@ -0,0 +1,3 @@
+node_modules
+
+.npmrc
diff --git a/libraries/logger/.mocharc.json b/libraries/logger/.mocharc.json
new file mode 100644
index 0000000..dc3280a
--- /dev/null
+++ b/libraries/logger/.mocharc.json
@@ -0,0 +1,3 @@
+{
+  "require": "test/setup.js"
+}
diff --git a/libraries/logger/.nvmrc b/libraries/logger/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/libraries/logger/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/libraries/logger/CHANGELOG.md b/libraries/logger/CHANGELOG.md
new file mode 100644
index 0000000..a581cf4
--- /dev/null
+++ b/libraries/logger/CHANGELOG.md
@@ -0,0 +1,10 @@
+## v3.1.1
+
+* Handle malformed requests in the req serializer
+
+## v3.0.0
+
+* Improve logging in Google Cloud Platform. Set environment variable `GCP_LOGGING=true` to enable.
+
+This version of the metrics module only works with versions of the `@overleaf/metrics` module greater than v4.0.0
+
diff --git a/libraries/logger/LICENSE.txt b/libraries/logger/LICENSE.txt
new file mode 100644
index 0000000..dba13ed
--- /dev/null
+++ b/libraries/logger/LICENSE.txt
@@ -0,0 +1,661 @@
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<http://www.gnu.org/licenses/>.
diff --git a/libraries/logger/buildscript.txt b/libraries/logger/buildscript.txt
new file mode 100644
index 0000000..afe93c2
--- /dev/null
+++ b/libraries/logger/buildscript.txt
@@ -0,0 +1,10 @@
+logger
+--dependencies=None
+--docker-repos=gcr.io/overleaf-ops
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--is-library=True
+--node-version=20.18.2
+--public-repo=False
+--script-version=4.7.0
diff --git a/libraries/logger/gcp-manager.js b/libraries/logger/gcp-manager.js
new file mode 100644
index 0000000..99fe6d4
--- /dev/null
+++ b/libraries/logger/gcp-manager.js
@@ -0,0 +1,133 @@
+const bunyan = require('bunyan')
+
+/**
+ * When we copy log entry fields, omit some bunyan core fields that are not
+ * interesting, that have a special meaning in GCP, or that we will process
+ * separately.
+ */
+const ENTRY_FIELDS_TO_OMIT = [
+  'level',
+  'name',
+  'hostname',
+  'v',
+  'pid',
+  'msg',
+  'err',
+  'error',
+  'req',
+  'res',
+]
+
+/**
+ * Convert a bunyan log entry to a format that GCP understands
+ */
+function convertLogEntry(entry) {
+  const gcpEntry = omit(entry, ENTRY_FIELDS_TO_OMIT)
+
+  // Error information. In GCP, the stack trace goes in the message property.
+  // This enables the error reporting feature.
+  const err = entry.err || entry.error
+  if (err) {
+    if (err.info) {
+      Object.assign(gcpEntry, err.info)
+    }
+    if (err.code) {
+      gcpEntry.code = err.code
+    }
+    if (err.signal) {
+      gcpEntry.signal = err.signal
+    }
+    const stack = err.stack
+    if (stack && stack !== '(no stack)') {
+      gcpEntry.message = stack
+    } else if (err.message) {
+      gcpEntry.message = err.message
+    }
+    if (entry.name) {
+      gcpEntry.serviceContext = { service: entry.name }
+    }
+  }
+
+  // Log message
+  if (entry.msg) {
+    if (gcpEntry.message) {
+      // A message has already been extracted from the error. Keep the extra
+      // message in the msg property.
+      gcpEntry.msg = entry.msg
+    } else {
+      gcpEntry.message = entry.msg
+    }
+  }
+
+  // Severity
+  if (entry.level) {
+    gcpEntry.severity = bunyan.nameFromLevel[entry.level]
+  }
+
+  // HTTP request information
+  if (entry.req || entry.res || entry.responseTimeMs) {
+    const httpRequest = {}
+    if (entry.req) {
+      const req = entry.req
+      httpRequest.requestMethod = req.method
+      httpRequest.requestUrl = req.url
+      httpRequest.remoteIp = req.remoteAddress
+      if (req.headers) {
+        if (req.headers['content-length']) {
+          httpRequest.requestSize = parseInt(req.headers['content-length'], 10)
+        }
+        httpRequest.userAgent = req.headers['user-agent']
+        httpRequest.referer = req.headers.referer
+      }
+    }
+
+    if (entry.res) {
+      const res = entry.res
+      httpRequest.status = res.statusCode
+      if (res.headers && res.headers['content-length']) {
+        if (res.headers['content-length']) {
+          httpRequest.responseSize = parseInt(res.headers['content-length'], 10)
+        }
+      }
+    }
+
+    if (entry.responseTimeMs) {
+      const responseTimeSec = entry.responseTimeMs / 1000
+      httpRequest.latency = `${responseTimeSec}s`
+    }
+    gcpEntry.httpRequest = httpRequest
+  }
+
+  // Labels are indexed in GCP. We copy the project, doc and user ids to labels to enable fast filtering
+  const projectId =
+    gcpEntry.projectId ||
+    gcpEntry.project_id ||
+    (entry.req && entry.req.projectId)
+  const userId =
+    gcpEntry.userId || gcpEntry.user_id || (entry.req && entry.req.userId)
+  const docId =
+    gcpEntry.docId || gcpEntry.doc_id || (entry.req && entry.req.docId)
+  if (projectId || userId || docId) {
+    const labels = {}
+    if (projectId) {
+      labels.projectId = projectId
+    }
+    if (userId) {
+      labels.userId = userId
+    }
+    if (docId) {
+      labels.docId = docId
+    }
+    gcpEntry['logging.googleapis.com/labels'] = labels
+  }
+
+  return gcpEntry
+}
+
+function omit(obj, excludedFields) {
+  return Object.fromEntries(
+    Object.entries(obj).filter(([key]) => !excludedFields.includes(key))
+  )
+}
+
+module.exports = { convertLogEntry }
diff --git a/libraries/logger/index.js b/libraries/logger/index.js
new file mode 100755
index 0000000..6cd6f9e
--- /dev/null
+++ b/libraries/logger/index.js
@@ -0,0 +1 @@
+module.exports = require('./logging-manager.js')
diff --git a/libraries/logger/log-level-checker.js b/libraries/logger/log-level-checker.js
new file mode 100644
index 0000000..fd2f984
--- /dev/null
+++ b/libraries/logger/log-level-checker.js
@@ -0,0 +1,60 @@
+const { fetchString } = require('@overleaf/fetch-utils')
+const fs = require('node:fs')
+
+class LogLevelChecker {
+  constructor(logger, defaultLevel) {
+    this.logger = logger
+    this.defaultLevel = defaultLevel
+  }
+
+  start() {
+    // check for log level override on startup
+    this.checkLogLevel()
+    // re-check log level every minute
+    this.checkInterval = setInterval(this.checkLogLevel.bind(this), 1000 * 60)
+    this.checkInterval.unref()
+  }
+
+  stop() {
+    clearInterval(this.checkInterval)
+  }
+
+  async checkLogLevel() {
+    try {
+      const end = await this.getTracingEndTime()
+      if (end > Date.now()) {
+        this.logger.level('trace')
+      } else {
+        this.logger.level(this.defaultLevel)
+      }
+    } catch (e) {
+      this.logger.level(this.defaultLevel)
+    }
+  }
+
+  async getTracingEndTime() {
+    return 0
+  }
+}
+
+class FileLogLevelChecker extends LogLevelChecker {
+  async getTracingEndTime() {
+    const strEndTime = await fs.promises.readFile('/logging/tracingEndTime')
+    return parseInt(strEndTime, 10)
+  }
+}
+
+class GCEMetadataLogLevelChecker extends LogLevelChecker {
+  async getTracingEndTime() {
+    const options = {
+      headers: {
+        'Metadata-Flavor': 'Google',
+      },
+    }
+    const uri = `http://metadata.google.internal/computeMetadata/v1/project/attributes/${this.logger.fields.name}-setLogLevelEndTime`
+    const strEndTime = await fetchString(uri, options)
+    return parseInt(strEndTime, 10)
+  }
+}
+
+module.exports = { FileLogLevelChecker, GCEMetadataLogLevelChecker }
diff --git a/libraries/logger/logging-manager.js b/libraries/logger/logging-manager.js
new file mode 100644
index 0000000..edf922b
--- /dev/null
+++ b/libraries/logger/logging-manager.js
@@ -0,0 +1,186 @@
+const Stream = require('node:stream')
+const bunyan = require('bunyan')
+const GCPManager = require('./gcp-manager')
+const Serializers = require('./serializers')
+const {
+  FileLogLevelChecker,
+  GCEMetadataLogLevelChecker,
+} = require('./log-level-checker')
+
+const LoggingManager = {
+  /**
+   * @param {string} name - The name of the logger
+   */
+  initialize(name) {
+    this.isProduction =
+      (process.env.NODE_ENV || '').toLowerCase() === 'production'
+    const isTest = (process.env.NODE_ENV || '').toLowerCase() === 'test'
+    this.defaultLevel =
+      process.env.LOG_LEVEL ||
+      (this.isProduction ? 'info' : isTest ? 'fatal' : 'debug')
+    this.loggerName = name
+    this.logger = bunyan.createLogger({
+      name,
+      serializers: {
+        err: Serializers.err,
+        error: Serializers.err,
+        req: Serializers.req,
+        res: Serializers.res,
+      },
+      streams: [this._getOutputStreamConfig()],
+    })
+    this._setupRingBuffer()
+    this._setupLogLevelChecker()
+    return this
+  },
+
+  /**
+   * @param {Record<string, any>|string} attributes - Attributes to log (nice serialization for err, req, res)
+   * @param {string} [message] - Optional message
+   * @signature `debug(attributes, message)`
+   * @signature `debug(message)`
+   */
+  debug(attributes, message, ...args) {
+    return this.logger.debug(attributes, message, ...args)
+  },
+
+  /**
+   * @param {Record<string, any>|string} attributes - Attributes to log (nice serialization for err, req, res)
+   * @param {string} [message]
+   * @signature `info(attributes, message)`
+   * @signature `info(message)`
+   */
+  info(attributes, message, ...args) {
+    return this.logger.info(attributes, message, ...args)
+  },
+
+  /**
+   * @param {Record<string, any>} attributes - Attributes to log (nice serialization for err, req, res)
+   * @param {string} [message]
+   */
+  error(attributes, message, ...args) {
+    if (this.ringBuffer !== null && Array.isArray(this.ringBuffer.records)) {
+      attributes.logBuffer = this.ringBuffer.records.filter(function (record) {
+        return record.level !== 50
+      })
+    }
+    this.logger.error(attributes, message, ...Array.from(args))
+  },
+
+  /**
+   * Alias to the error method.
+   * @param {Record<string, any>} attributes - Attributes to log (nice serialization for err, req, res)
+   * @param {string} [message]
+   */
+  err(attributes, message, ...args) {
+    return this.error(attributes, message, ...args)
+  },
+
+  /**
+   * @param {Record<string, any>|string} attributes - Attributes to log (nice serialization for err, req, res)
+   * @param {string} [message]
+   * @signature `warn(attributes, message)`
+   * @signature `warn(message)`
+   */
+  warn(attributes, message, ...args) {
+    return this.logger.warn(attributes, message, ...args)
+  },
+
+  /**
+   * @param {Record<string, any>} attributes - Attributes to log (nice serialization for err, req, res)
+   * @param {string} [message]
+   */
+  fatal(attributes, message) {
+    this.logger.fatal(attributes, message)
+  },
+
+  _getOutputStreamConfig() {
+    switch (process.env.LOGGING_FORMAT) {
+      case 'gke': {
+        const stream = new Stream.Writable({
+          objectMode: true,
+          write(entry, encoding, callback) {
+            const gcpEntry = GCPManager.convertLogEntry(entry)
+            // eslint-disable-next-line no-console
+            console.log(JSON.stringify(gcpEntry, bunyan.safeCycles()))
+            setImmediate(callback)
+          },
+        })
+        return { level: this.defaultLevel, type: 'raw', stream }
+      }
+      case 'gce': {
+        const { LoggingBunyan } = require('@google-cloud/logging-bunyan')
+        return new LoggingBunyan({
+          logName: this.loggerName,
+          serviceContext: { service: this.loggerName },
+        }).stream(this.defaultLevel)
+      }
+      default: {
+        return { level: this.defaultLevel, stream: process.stdout }
+      }
+    }
+  },
+
+  _setupRingBuffer() {
+    this.ringBufferSize = parseInt(process.env.LOG_RING_BUFFER_SIZE) || 0
+    if (this.ringBufferSize > 0) {
+      this.ringBuffer = new bunyan.RingBuffer({ limit: this.ringBufferSize })
+      this.logger.addStream({
+        level: 'trace',
+        type: 'raw',
+        stream: this.ringBuffer,
+      })
+    } else {
+      this.ringBuffer = null
+    }
+  },
+
+  _setupLogLevelChecker() {
+    const logLevelSource = (
+      process.env.LOG_LEVEL_SOURCE || 'file'
+    ).toLowerCase()
+
+    if (this.logLevelChecker) {
+      this.logLevelChecker.stop()
+      this.logLevelChecker = null
+    }
+
+    if (this.isProduction) {
+      switch (logLevelSource) {
+        case 'file':
+          this.logLevelChecker = new FileLogLevelChecker(
+            this.logger,
+            this.defaultLevel
+          )
+          break
+        case 'gce_metadata':
+          this.logLevelChecker = new GCEMetadataLogLevelChecker(
+            this.logger,
+            this.defaultLevel
+          )
+          break
+        case 'none':
+          break
+        default:
+          // eslint-disable-next-line no-console
+          console.log(`Unrecognised log level source: ${logLevelSource}`)
+      }
+      if (this.logLevelChecker) {
+        this.logLevelChecker.start()
+      }
+    }
+  },
+}
+
+LoggingManager.initialize('default')
+
+function handleWarning(err) {
+  LoggingManager.warn({ err }, 'Warning details')
+}
+
+process.on('warning', handleWarning)
+LoggingManager.removeWarningHandler = () => {
+  process.off('warning', handleWarning)
+}
+
+module.exports = LoggingManager
diff --git a/libraries/logger/package.json b/libraries/logger/package.json
new file mode 100644
index 0000000..0e7fd2d
--- /dev/null
+++ b/libraries/logger/package.json
@@ -0,0 +1,39 @@
+{
+  "name": "@overleaf/logger",
+  "homepage": "www.overleaf.com",
+  "description": "A centralised logging system for Overleaf",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/overleaf/overleaf"
+  },
+  "main": "index.js",
+  "license": "AGPL-3.0-only",
+  "version": "3.1.1",
+  "scripts": {
+    "test": "npm run lint && npm run format && npm run types:check && npm run test:unit",
+    "format": "prettier --list-different $PWD/'**/*.{js,cjs,ts}'",
+    "format:fix": "prettier --write $PWD/'**/*.{js,cjs,ts}'",
+    "lint": "eslint --ext .js --ext .cjs --ext .ts --max-warnings 0 --format unix .",
+    "lint:fix": "eslint --fix --ext .js --ext .cjs --ext .ts .",
+    "test:ci": "npm run test:unit",
+    "test:unit": "mocha --exit test/**/*.{js,cjs}",
+    "types:check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@google-cloud/logging-bunyan": "^5.1.0",
+    "@overleaf/fetch-utils": "*",
+    "@overleaf/o-error": "*",
+    "bunyan": "^1.8.14"
+  },
+  "devDependencies": {
+    "chai": "^4.3.6",
+    "mocha": "^11.1.0",
+    "sandboxed-module": "^2.0.4",
+    "sinon": "^9.2.4",
+    "sinon-chai": "^3.7.0",
+    "typescript": "^5.0.4"
+  },
+  "peerDependencies": {
+    "@overleaf/metrics": "*"
+  }
+}
diff --git a/libraries/logger/serializers.js b/libraries/logger/serializers.js
new file mode 100644
index 0000000..d6831a0
--- /dev/null
+++ b/libraries/logger/serializers.js
@@ -0,0 +1,83 @@
+const OError = require('@overleaf/o-error')
+
+function errSerializer(err) {
+  if (!err) {
+    return err
+  }
+  let message = err.message
+  if (err.path) {
+    // filter paths from the message to avoid duplicate errors with different path in message
+    // (e.g. errors from `fs` methods which have a path attribute)
+    message = message.replace(` '${err.path}'`, '')
+  }
+  return {
+    message,
+    name: err.name,
+    stack: OError.getFullStack(err),
+    info: OError.getFullInfo(err),
+    code: err.code,
+    signal: err.signal,
+    path: err.path,
+  }
+}
+
+function reqSerializer(req) {
+  if (!req) {
+    return req
+  }
+  const headers = req.headers || {}
+  const entry = {
+    method: req.method,
+    url: req.originalUrl || req.url,
+    remoteAddress: getRemoteIp(req),
+    headers: {
+      referer: headers.referer || headers.referrer,
+      'user-agent': headers['user-agent'],
+      'content-length': headers['content-length'],
+    },
+  }
+  if (req.params) {
+    const projectId =
+      req.params.projectId || req.params.project_id || req.params.Project_id
+    const userId = req.params.userId || req.params.user_id
+    const docId = req.params.docId || req.params.doc_id
+    if (projectId) {
+      entry.projectId = projectId
+    }
+    if (userId) {
+      entry.userId = userId
+    }
+    if (docId) {
+      entry.docId = docId
+    }
+  }
+  return entry
+}
+
+function resSerializer(res) {
+  if (!res) {
+    return res
+  }
+  return {
+    statusCode: res.statusCode,
+    headers: {
+      'content-length': res.getHeader && res.getHeader('content-length'),
+    },
+  }
+}
+
+function getRemoteIp(req) {
+  if (req.ip) {
+    return req.ip
+  }
+  if (req.socket) {
+    if (req.socket.socket && req.socket.socket.remoteAddress) {
+      return req.socket.socket.remoteAddress
+    } else if (req.socket.remoteAddress) {
+      return req.socket.remoteAddress
+    }
+  }
+  return null
+}
+
+module.exports = { err: errSerializer, req: reqSerializer, res: resSerializer }
diff --git a/libraries/logger/test/setup.js b/libraries/logger/test/setup.js
new file mode 100644
index 0000000..eb16fac
--- /dev/null
+++ b/libraries/logger/test/setup.js
@@ -0,0 +1,16 @@
+const chai = require('chai')
+const sinonChai = require('sinon-chai')
+const SandboxedModule = require('sandboxed-module')
+
+// Chai configuration
+chai.should()
+chai.use(sinonChai)
+
+SandboxedModule.configure({
+  globals: { Buffer, JSON, console, process },
+  sourceTransformers: {
+    removeNodePrefix: function (source) {
+      return source.replace(/require\(['"]node:/g, "require('")
+    },
+  },
+})
diff --git a/libraries/logger/test/unit/log-level-checker-tests.js b/libraries/logger/test/unit/log-level-checker-tests.js
new file mode 100644
index 0000000..64ae6d9
--- /dev/null
+++ b/libraries/logger/test/unit/log-level-checker-tests.js
@@ -0,0 +1,186 @@
+const Path = require('node:path')
+const { promisify } = require('node:util')
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+
+const MODULE_PATH = Path.join(__dirname, '../../log-level-checker.js')
+const DEFAULT_LEVEL = 'warn'
+const TRACE_LEVEL = 'trace'
+const TRACING_END_TIME_FILE = '/logging/tracingEndTime'
+const NOW = 10000
+const PAST = NOW - 1000
+const FUTURE = NOW + 1000
+
+const delay = promisify(setTimeout)
+
+describe('LogLevelChecker', function () {
+  beforeEach(function () {
+    this.logger = {
+      level: sinon.stub(),
+      fields: { name: 'myapp' },
+    }
+    this.FetchUtils = {
+      fetchString: sinon.stub(),
+    }
+    this.fetchLogLevelEndTimeStub = this.FetchUtils.fetchString.withArgs(
+      'http://metadata.google.internal/computeMetadata/v1/project/attributes/myapp-setLogLevelEndTime',
+      { headers: { 'Metadata-Flavor': 'Google' } }
+    )
+    this.fetchLogLevelEndTimeStub.resolves('')
+
+    this.fs = {
+      promises: {
+        readFile: sinon.stub(),
+      },
+    }
+
+    this.clock = sinon.useFakeTimers(NOW)
+
+    this.module = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '@overleaf/fetch-utils': this.FetchUtils,
+        fs: this.fs,
+      },
+    })
+  })
+
+  afterEach(function () {
+    this.clock.restore()
+  })
+
+  describe('FileLogLevelChecker', function () {
+    beforeEach(function () {
+      this.logLevelChecker = new this.module.FileLogLevelChecker(
+        this.logger,
+        DEFAULT_LEVEL
+      )
+    })
+
+    describe('when the file is empty', function () {
+      setupTracingEndTimeFile('')
+      checkLogLevel()
+      expectLevelSetTo(DEFAULT_LEVEL)
+    })
+
+    describe("when the file can't be read", function () {
+      beforeEach(async function () {
+        this.fs.promises.readFile.rejects(new Error('Read error!'))
+      })
+      checkLogLevel()
+      expectLevelSetTo(DEFAULT_LEVEL)
+    })
+
+    describe('when the file has a timestamp in the future', function () {
+      setupTracingEndTimeFile(FUTURE.toString())
+      checkLogLevel()
+      expectLevelSetTo(TRACE_LEVEL)
+    })
+
+    describe('when the file has a timestamp in the past', function () {
+      setupTracingEndTimeFile(PAST.toString())
+      checkLogLevel()
+      expectLevelSetTo(DEFAULT_LEVEL)
+    })
+
+    describe('interval checker', function () {
+      beforeEach(function () {
+        this.fs.promises.readFile.resolves('')
+        this.logLevelChecker.start()
+      })
+
+      afterEach(function () {
+        this.logLevelChecker.stop()
+      })
+
+      it('checks the file every minute', async function () {
+        this.clock.tick(1000)
+        // Yield to the event loop
+        await delay(0)
+        expect(this.logger.level).to.have.been.calledOnceWithExactly(
+          DEFAULT_LEVEL
+        )
+        this.logger.level.reset()
+
+        // Trace until 1.5 minutes in the future
+        const traceUntil = NOW + 90000
+        this.fs.promises.readFile.resolves(traceUntil.toString())
+
+        this.clock.tick(61000)
+        await delay(0)
+        expect(this.logger.level).to.have.been.calledOnceWithExactly(
+          TRACE_LEVEL
+        )
+        this.logger.level.reset()
+
+        this.clock.tick(60000)
+        await delay(0)
+        expect(this.logger.level).to.have.been.calledOnceWithExactly(
+          DEFAULT_LEVEL
+        )
+      })
+    })
+  })
+
+  describe('GCEMetadataLogLevelChecker', function () {
+    beforeEach(function () {
+      this.logLevelChecker = new this.module.GCEMetadataLogLevelChecker(
+        this.logger,
+        DEFAULT_LEVEL
+      )
+    })
+
+    describe('when the response is empty', function () {
+      setupTracingEndTimeGCE('')
+      checkLogLevel()
+      expectLevelSetTo(DEFAULT_LEVEL)
+    })
+
+    describe('when the request errors', function () {
+      beforeEach(async function () {
+        this.FetchUtils.fetchString.rejects(new Error('Read error!'))
+      })
+      checkLogLevel()
+      expectLevelSetTo(DEFAULT_LEVEL)
+    })
+
+    describe('when the response is a timestamp in the future', function () {
+      setupTracingEndTimeGCE(FUTURE.toString())
+      checkLogLevel()
+      expectLevelSetTo(TRACE_LEVEL)
+    })
+
+    describe('when the response is a timestamp in the past', function () {
+      setupTracingEndTimeGCE(PAST.toString())
+      checkLogLevel()
+      expectLevelSetTo(DEFAULT_LEVEL)
+    })
+  })
+})
+
+function setupTracingEndTimeFile(contents) {
+  beforeEach(`set tracing end time in file to ${contents}`, function () {
+    this.fs.promises.readFile.withArgs(TRACING_END_TIME_FILE).resolves(contents)
+  })
+}
+
+function setupTracingEndTimeGCE(contents) {
+  beforeEach(
+    `set tracing end time in GCE metadata to ${contents}`,
+    function () {
+      this.fetchLogLevelEndTimeStub.resolves(contents)
+    }
+  )
+}
+
+function checkLogLevel() {
+  beforeEach('Check log level', async function () {
+    await this.logLevelChecker.checkLogLevel()
+  })
+}
+
+function expectLevelSetTo(level) {
+  it(`sets the log level to ${level}`, function () {
+    expect(this.logger.level).to.have.been.calledWith(level)
+  })
+}
diff --git a/libraries/logger/test/unit/logging-manager-tests.js b/libraries/logger/test/unit/logging-manager-tests.js
new file mode 100644
index 0000000..9b571c3
--- /dev/null
+++ b/libraries/logger/test/unit/logging-manager-tests.js
@@ -0,0 +1,202 @@
+const SandboxedModule = require('sandboxed-module')
+const bunyan = require('bunyan')
+const { expect } = require('chai')
+const path = require('node:path')
+const sinon = require('sinon')
+
+const MODULE_PATH = path.join(__dirname, '../../logging-manager.js')
+
+describe('LoggingManager', function () {
+  beforeEach(function () {
+    this.start = Date.now()
+    this.bunyanLogger = {
+      addStream: sinon.stub(),
+      debug: sinon.stub(),
+      error: sinon.stub(),
+      fatal: sinon.stub(),
+      info: sinon.stub(),
+      level: sinon.stub(),
+      warn: sinon.stub(),
+    }
+    this.Bunyan = {
+      createLogger: sinon.stub().returns(this.bunyanLogger),
+      RingBuffer: bunyan.RingBuffer,
+    }
+    this.stackdriverStreamConfig = { stream: 'stackdriver' }
+    this.stackdriverClient = {
+      stream: sinon.stub().returns(this.stackdriverStreamConfig),
+    }
+    this.GCPLogging = {
+      LoggingBunyan: sinon.stub().returns(this.stackdriverClient),
+    }
+    this.FileLogLevelChecker = {
+      start: sinon.stub(),
+      stop: sinon.stub(),
+    }
+    this.GCEMetadataLogLevelChecker = {
+      start: sinon.stub(),
+      stop: sinon.stub(),
+    }
+    this.LogLevelChecker = {
+      FileLogLevelChecker: sinon.stub().returns(this.FileLogLevelChecker),
+      GCEMetadataLogLevelChecker: sinon
+        .stub()
+        .returns(this.GCEMetadataLogLevelChecker),
+    }
+    this.LoggingManager = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        bunyan: this.Bunyan,
+        './log-level-checker': this.LogLevelChecker,
+      },
+    })
+    this.loggerName = 'test'
+    this.logger = this.LoggingManager.initialize(this.loggerName)
+  })
+
+  afterEach(function () {
+    this.LoggingManager.removeWarningHandler()
+  })
+
+  describe('initialize', function () {
+    beforeEach(function () {
+      this.Bunyan.createLogger.reset()
+    })
+
+    describe('not in production', function () {
+      beforeEach(function () {
+        this.logger = this.LoggingManager.initialize(this.loggerName)
+      })
+
+      it('should default to log level debug', function () {
+        this.Bunyan.createLogger.firstCall.args[0].streams[0].level.should.equal(
+          'debug'
+        )
+      })
+
+      it('should not instantiate a log level checker', function () {
+        expect(this.LoggingManager.logLevelChecker).not.to.exist
+      })
+    })
+
+    describe('in production', function () {
+      beforeEach(function () {
+        process.env.NODE_ENV = 'production'
+        this.logger = this.LoggingManager.initialize(this.loggerName)
+      })
+
+      afterEach(function () {
+        delete process.env.NODE_ENV
+      })
+
+      it('should default to log level info', function () {
+        this.Bunyan.createLogger.firstCall.args[0].streams[0].level.should.equal(
+          'info'
+        )
+      })
+
+      it('should set up a file log level checker', function () {
+        expect(this.logger.logLevelChecker).to.equal(this.FileLogLevelChecker)
+        expect(this.FileLogLevelChecker.start).to.have.been.called
+      })
+    })
+
+    describe('when LOG_LEVEL set in env', function () {
+      beforeEach(function () {
+        process.env.LOG_LEVEL = 'trace'
+        this.LoggingManager.initialize()
+      })
+
+      afterEach(function () {
+        delete process.env.LOG_LEVEL
+      })
+
+      it('should use custom log level', function () {
+        this.Bunyan.createLogger.firstCall.args[0].streams[0].level.should.equal(
+          'trace'
+        )
+      })
+    })
+  })
+
+  describe('bunyan logging', function () {
+    beforeEach(function () {
+      this.logArgs = [{ foo: 'bar' }, 'foo', 'bar']
+    })
+
+    it('should log debug', function () {
+      this.logger.debug(this.logArgs)
+      this.bunyanLogger.debug.should.have.been.calledWith(this.logArgs)
+    })
+
+    it('should log error', function () {
+      this.logger.error(this.logArgs)
+      this.bunyanLogger.error.should.have.been.calledWith(this.logArgs)
+    })
+
+    it('should log fatal', function () {
+      this.logger.fatal(this.logArgs)
+      this.bunyanLogger.fatal.should.have.been.calledWith(this.logArgs)
+    })
+
+    it('should log info', function () {
+      this.logger.info(this.logArgs)
+      this.bunyanLogger.info.should.have.been.calledWith(this.logArgs)
+    })
+
+    it('should log warn', function () {
+      this.logger.warn(this.logArgs)
+      this.bunyanLogger.warn.should.have.been.calledWith(this.logArgs)
+    })
+
+    it('should log err', function () {
+      this.logger.err(this.logArgs)
+      this.bunyanLogger.error.should.have.been.calledWith(this.logArgs)
+    })
+  })
+
+  describe('ringbuffer', function () {
+    beforeEach(function () {
+      this.logBufferMock = [
+        { msg: 'log 1' },
+        { msg: 'log 2' },
+        { level: 50, msg: 'error' },
+      ]
+    })
+
+    describe('when ring buffer size is positive', function () {
+      beforeEach(function () {
+        process.env.LOG_RING_BUFFER_SIZE = '20'
+        this.logger = this.LoggingManager.initialize(this.loggerName)
+        this.logger.ringBuffer.records = this.logBufferMock
+        this.logger.error({}, 'error')
+      })
+
+      afterEach(function () {
+        process.env.LOG_RING_BUFFER_SIZE = undefined
+      })
+
+      it('should include buffered logs in error log and filter out error logs in buffer', function () {
+        this.bunyanLogger.error.lastCall.args[0].logBuffer.should.deep.equal([
+          { msg: 'log 1' },
+          { msg: 'log 2' },
+        ])
+      })
+    })
+
+    describe('when ring buffer size is zero', function () {
+      beforeEach(function () {
+        process.env.LOG_RING_BUFFER_SIZE = '0'
+        this.logger = this.LoggingManager.initialize(this.loggerName)
+        this.logger.error({}, 'error')
+      })
+
+      afterEach(function () {
+        process.env.LOG_RING_BUFFER_SIZE = undefined
+      })
+
+      it('should not include buffered logs in error log', function () {
+        expect(this.bunyanLogger.error.lastCall.args[0].logBuffer).be.undefined
+      })
+    })
+  })
+})
diff --git a/libraries/logger/tsconfig.json b/libraries/logger/tsconfig.json
new file mode 100644
index 0000000..d43bb24
--- /dev/null
+++ b/libraries/logger/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "**/*.js",
+    "**/*.cjs"
+  ]
+}
diff --git a/libraries/metrics/.gitignore b/libraries/metrics/.gitignore
new file mode 100644
index 0000000..2006c87
--- /dev/null
+++ b/libraries/metrics/.gitignore
@@ -0,0 +1,3 @@
+node_modules
+
+.npmrc
diff --git a/libraries/metrics/.npmignore b/libraries/metrics/.npmignore
new file mode 100644
index 0000000..879872f
--- /dev/null
+++ b/libraries/metrics/.npmignore
@@ -0,0 +1,4 @@
+/.circleci
+/.eslintrc
+/.nvmrc
+/.prettierrc
diff --git a/libraries/metrics/.nvmrc b/libraries/metrics/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/libraries/metrics/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/libraries/metrics/CHANGELOG.md b/libraries/metrics/CHANGELOG.md
new file mode 100644
index 0000000..30f24ea
--- /dev/null
+++ b/libraries/metrics/CHANGELOG.md
@@ -0,0 +1,9 @@
+## v4.1.0
+
+* Allows skipping the `sampleRate` argument.
+
+## v4.0.0
+
+* Send unmodified request and response to logger.
+
+This version of the metrics module only works with versions of the `@overleaf/logger` module greater than v3.0.0
diff --git a/libraries/metrics/LICENSE b/libraries/metrics/LICENSE
new file mode 100644
index 0000000..54e6916
--- /dev/null
+++ b/libraries/metrics/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2024 Overleaf
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/libraries/metrics/README.md b/libraries/metrics/README.md
new file mode 100644
index 0000000..faf9c53
--- /dev/null
+++ b/libraries/metrics/README.md
@@ -0,0 +1,33 @@
+# overleaf/metrics-module
+
+Wrappers the [prom-client](https://github.com/siimon/prom-client) npm module to provide [Prometheus](https://prometheus.io/) metrics at `/metrics`.
+
+Use:
+
+```
+// Metrics must be initialized before importing anything else
+require('@overleaf/metrics/initialize')
+
+const express = require('express')
+const metrics = require('@overleaf/metrics')
+const app = express()
+metrics.injectMetricsRoute(app)
+```
+
+Request logging can be enabled:
+
+```
+const logger = require('@overleaf/logger')
+...
+app.use(metrics.http.monitor(logger))
+```
+
+The metrics module can be configured through the following environment variables:
+
+- `DEBUG_METRICS` - enables display of debugging messages to the console.
+- `GCP_OPENTELEMETRY` - enables OpenTelemetry tracing for GCP
+- `JAEGER_OPENTELEMETRY` - enables OpenTelemetry tracing for Jaeger (in the dev environment)
+- `METRICS_APP_NAME` - the app label for metrics and spans
+- `METRICS_COMPRESSION_LEVEL` - sets the [compression level](https://www.npmjs.com/package/compression#level) for `/metrics`
+- `STACKDRIVER_LOGGING` - toggles the request logging format
+- `UV_THREADPOOL_SIZE` - sets the libuv [thread pool](http://docs.libuv.org/en/v1.x/threadpool.html) size
diff --git a/libraries/metrics/buildscript.txt b/libraries/metrics/buildscript.txt
new file mode 100644
index 0000000..74fcbdb
--- /dev/null
+++ b/libraries/metrics/buildscript.txt
@@ -0,0 +1,10 @@
+metrics
+--dependencies=None
+--docker-repos=gcr.io/overleaf-ops
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--is-library=True
+--node-version=20.18.2
+--public-repo=False
+--script-version=4.7.0
diff --git a/libraries/metrics/event_loop.js b/libraries/metrics/event_loop.js
new file mode 100644
index 0000000..b255c4f
--- /dev/null
+++ b/libraries/metrics/event_loop.js
@@ -0,0 +1,34 @@
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+module.exports = {
+  monitor(logger, interval, logThreshold) {
+    if (interval == null) {
+      interval = 1000
+    }
+    if (logThreshold == null) {
+      logThreshold = 100
+    }
+    const Metrics = require('./index')
+    // check for logger on startup to avoid exceptions later if undefined
+    if (logger == null) {
+      throw new Error('logger is undefined')
+    }
+    // monitor delay in setInterval to detect event loop blocking
+    let previous = Date.now()
+    const intervalId = setInterval(function () {
+      const now = Date.now()
+      const offset = now - previous - interval
+      if (offset > logThreshold) {
+        logger.warn({ offset }, 'slow event loop')
+      }
+      previous = now
+      return Metrics.timing('event-loop-millsec', offset)
+    }, interval)
+
+    return Metrics.registerDestructor(() => clearInterval(intervalId))
+  },
+}
diff --git a/libraries/metrics/http.js b/libraries/metrics/http.js
new file mode 100644
index 0000000..4356852
--- /dev/null
+++ b/libraries/metrics/http.js
@@ -0,0 +1,78 @@
+const Metrics = require('./index')
+
+function monitor(logger, level = 'debug') {
+  return function (req, res, next) {
+    const startTime = Date.now()
+    req.logger = new RequestLogger(logger, level)
+    const { end } = res
+    res.end = function (...args) {
+      end.apply(this, args)
+      const responseTimeMs = Date.now() - startTime
+      const requestSize = parseInt(req.headers['content-length'], 10)
+      const routePath = getRoutePath(req)
+
+      if (routePath != null) {
+        Metrics.timing('http_request', responseTimeMs, null, {
+          method: req.method,
+          status_code: res.statusCode,
+          path: routePath,
+        })
+        if (requestSize) {
+          Metrics.summary('http_request_size_bytes', requestSize, {
+            method: req.method,
+            status_code: res.statusCode,
+            path: routePath,
+          })
+        }
+      }
+      req.logger.addFields({ responseTimeMs })
+      req.logger.emit(req, res)
+    }
+    next()
+  }
+}
+
+function getRoutePath(req) {
+  if (req.route && req.route.path != null) {
+    return req.route.path
+      .toString()
+      .replace(/\//g, '_')
+      .replace(/:/g, '')
+      .slice(1)
+  }
+  if (req.swagger && req.swagger.apiPath != null) {
+    return req.swagger.apiPath
+  }
+  return null
+}
+
+class RequestLogger {
+  constructor(logger, level) {
+    this._logger = logger
+    this._level = level
+    this._info = {}
+  }
+
+  addFields(fields) {
+    Object.assign(this._info, fields)
+  }
+
+  setLevel(level) {
+    this._level = level
+  }
+
+  disable() {
+    this._disabled = true
+  }
+
+  emit(req, res) {
+    if (this._disabled) {
+      return
+    }
+    this.addFields({ req, res })
+    const url = req.originalUrl || req.url
+    this._logger[this._level](this._info, '%s %s', req.method, url)
+  }
+}
+
+module.exports.monitor = monitor
diff --git a/libraries/metrics/index.js b/libraries/metrics/index.js
new file mode 100644
index 0000000..257e863
--- /dev/null
+++ b/libraries/metrics/index.js
@@ -0,0 +1,182 @@
+/* eslint-disable no-console */
+
+const ExpressCompression = require('compression')
+const promClient = require('prom-client')
+const promWrapper = require('./prom_wrapper')
+
+const destructors = []
+
+require('./uv_threadpool_size')
+
+function registerDestructor(func) {
+  destructors.push(func)
+}
+
+function injectMetricsRoute(app) {
+  app.get(
+    '/metrics',
+    ExpressCompression({
+      level: parseInt(process.env.METRICS_COMPRESSION_LEVEL || '1', 10),
+    }),
+    function (req, res, next) {
+      res.set('Content-Type', promWrapper.registry.contentType)
+      promWrapper.registry
+        .metrics()
+        .then(metrics => {
+          res.end(metrics)
+        })
+        .catch(err => {
+          next(err)
+        })
+    }
+  )
+}
+
+function buildPromKey(key) {
+  return key.replace(/[^a-zA-Z0-9]/g, '_')
+}
+
+function sanitizeValue(value) {
+  return parseFloat(value)
+}
+
+function set(key, value, sampleRate = 1) {
+  console.log('counts are not currently supported')
+}
+
+function inc(key, sampleRate = 1, labels = {}) {
+  if (arguments.length === 2 && typeof sampleRate === 'object') {
+    labels = sampleRate
+  }
+
+  key = buildPromKey(key)
+  promWrapper.metric('counter', key, labels).inc(labels)
+  if (process.env.DEBUG_METRICS) {
+    console.log('doing inc', key, labels)
+  }
+}
+
+function count(key, count, sampleRate = 1, labels = {}) {
+  if (arguments.length === 3 && typeof sampleRate === 'object') {
+    labels = sampleRate
+  }
+
+  key = buildPromKey(key)
+  promWrapper.metric('counter', key, labels).inc(labels, count)
+  if (process.env.DEBUG_METRICS) {
+    console.log('doing count/inc', key, labels)
+  }
+}
+
+function summary(key, value, labels = {}) {
+  key = buildPromKey(key)
+  promWrapper.metric('summary', key, labels).observe(labels, value)
+  if (process.env.DEBUG_METRICS) {
+    console.log('doing summary', key, value, labels)
+  }
+}
+
+function timing(key, timeSpan, sampleRate = 1, labels = {}) {
+  if (arguments.length === 3 && typeof sampleRate === 'object') {
+    labels = sampleRate
+  }
+
+  key = buildPromKey('timer_' + key)
+  promWrapper.metric('summary', key, labels).observe(labels, timeSpan)
+  if (process.env.DEBUG_METRICS) {
+    console.log('doing timing', key, labels)
+  }
+}
+
+function histogram(key, value, buckets, labels = {}) {
+  key = buildPromKey('histogram_' + key)
+  promWrapper.metric('histogram', key, labels, buckets).observe(labels, value)
+  if (process.env.DEBUG_METRICS) {
+    console.log('doing histogram', key, buckets, labels)
+  }
+}
+
+class Timer {
+  constructor(key, sampleRate = 1, labels = {}, buckets = undefined) {
+    if (typeof sampleRate === 'object') {
+      // called with (key, labels, buckets)
+      if (arguments.length === 3) {
+        buckets = labels
+        labels = sampleRate
+      }
+
+      // called with (key, labels)
+      if (arguments.length === 2) {
+        labels = sampleRate
+      }
+
+      sampleRate = 1 // default value to pass to timing function
+    }
+
+    this.start = new Date()
+    key = buildPromKey(key)
+    this.key = key
+    this.sampleRate = sampleRate
+    this.labels = labels
+    this.buckets = buckets
+  }
+
+  // any labels passed into the done method override labels from constructor
+  done(labels = {}) {
+    const timeSpan = new Date() - this.start
+    if (this.buckets) {
+      histogram(this.key, timeSpan, this.buckets, { ...this.labels, ...labels })
+    } else {
+      timing(this.key, timeSpan, this.sampleRate, { ...this.labels, ...labels })
+    }
+    return timeSpan
+  }
+}
+
+function gauge(key, value, sampleRate = 1, labels = {}) {
+  if (arguments.length === 3 && typeof sampleRate === 'object') {
+    labels = sampleRate
+  }
+
+  key = buildPromKey(key)
+  promWrapper.metric('gauge', key, labels).set(labels, sanitizeValue(value))
+  if (process.env.DEBUG_METRICS) {
+    console.log('doing gauge', key, labels)
+  }
+}
+
+function globalGauge(key, value, sampleRate = 1, labels = {}) {
+  key = buildPromKey(key)
+  labels = { host: 'global', ...labels }
+  promWrapper.metric('gauge', key, labels).set(labels, sanitizeValue(value))
+}
+
+function close() {
+  for (const func of destructors) {
+    func()
+  }
+}
+
+module.exports.registerDestructor = registerDestructor
+module.exports.injectMetricsRoute = injectMetricsRoute
+module.exports.buildPromKey = buildPromKey
+module.exports.sanitizeValue = sanitizeValue
+module.exports.set = set
+module.exports.inc = inc
+module.exports.count = count
+module.exports.summary = summary
+module.exports.timing = timing
+module.exports.histogram = histogram
+module.exports.Timer = Timer
+module.exports.gauge = gauge
+module.exports.globalGauge = globalGauge
+module.exports.close = close
+module.exports.prom = promClient
+module.exports.register = promWrapper.registry
+
+module.exports.http = require('./http')
+module.exports.open_sockets = require('./open_sockets')
+module.exports.leaked_sockets = require('./leaked_sockets')
+module.exports.event_loop = require('./event_loop')
+module.exports.memory = require('./memory')
+module.exports.mongodb = require('./mongodb')
diff --git a/libraries/metrics/initialize.js b/libraries/metrics/initialize.js
new file mode 100644
index 0000000..1028ee0
--- /dev/null
+++ b/libraries/metrics/initialize.js
@@ -0,0 +1,105 @@
+/* eslint-disable no-console */
+
+/**
+ * This module initializes the metrics module. It should be imported once
+ * before any other module to support code instrumentation.
+ */
+
+const APP_NAME = process.env.METRICS_APP_NAME || 'unknown'
+const BUILD_VERSION = process.env.BUILD_VERSION
+const ENABLE_PROFILE_AGENT = process.env.ENABLE_PROFILE_AGENT === 'true'
+const GCP_OPENTELEMETRY = process.env.GCP_OPENTELEMETRY === 'true'
+const JAEGER_OPENTELEMETRY = process.env.JAEGER_OPENTELEMETRY === 'true'
+
+console.log('Initializing metrics')
+
+if (GCP_OPENTELEMETRY || JAEGER_OPENTELEMETRY) {
+  initializeOpenTelemetryInstrumentation()
+  initializeOpenTelemetryLogging()
+}
+
+if (ENABLE_PROFILE_AGENT) {
+  initializeProfileAgent()
+}
+
+initializePrometheus()
+initializePromWrapper()
+recordProcessStart()
+
+function initializeOpenTelemetryInstrumentation() {
+  console.log('Starting OpenTelemetry instrumentation')
+  const opentelemetry = require('@opentelemetry/sdk-node')
+  const {
+    getNodeAutoInstrumentations,
+  } = require('@opentelemetry/auto-instrumentations-node')
+  const { Resource } = require('@opentelemetry/resources')
+  const {
+    SemanticResourceAttributes,
+  } = require('@opentelemetry/semantic-conventions')
+
+  const resource = new Resource({
+    [SemanticResourceAttributes.SERVICE_NAME]: APP_NAME,
+    [SemanticResourceAttributes.SERVICE_NAMESPACE]: 'Overleaf',
+    'host.type': 'VM',
+  })
+
+  let exporter
+  if (GCP_OPENTELEMETRY) {
+    const GCP = require('@google-cloud/opentelemetry-cloud-trace-exporter')
+    exporter = new GCP.TraceExporter()
+  } else if (JAEGER_OPENTELEMETRY) {
+    const {
+      OTLPTraceExporter,
+    } = require('@opentelemetry/exporter-trace-otlp-http')
+    exporter = new OTLPTraceExporter({
+      url: `http://${process.env.JAEGER_HOST || 'jaeger'}:4318/v1/traces`,
+    })
+  } else {
+    return
+  }
+
+  const sdk = new opentelemetry.NodeSDK({
+    traceExporter: exporter,
+    logger: console,
+    instrumentations: [getNodeAutoInstrumentations()],
+    resource,
+  })
+  sdk.start()
+}
+
+function initializeOpenTelemetryLogging() {
+  const {
+    diag,
+    DiagConsoleLogger,
+    DiagLogLevel,
+  } = require('@opentelemetry/api')
+  diag.setLogger(new DiagConsoleLogger(), DiagLogLevel.INFO)
+}
+
+function initializeProfileAgent() {
+  console.log('Starting Google Profile Agent')
+  const profiler = require('@google-cloud/profiler')
+  profiler.start({
+    serviceContext: {
+      service: APP_NAME,
+      version: BUILD_VERSION,
+    },
+  })
+}
+
+function initializePrometheus() {
+  const os = require('node:os')
+  const promClient = require('prom-client')
+  promClient.register.setDefaultLabels({ app: APP_NAME, host: os.hostname() })
+  promClient.collectDefaultMetrics({ timeout: 5000, prefix: '' })
+}
+
+function initializePromWrapper() {
+  const promWrapper = require('./prom_wrapper')
+  promWrapper.setupSweeping()
+}
+
+function recordProcessStart() {
+  const metrics = require('.')
+  metrics.inc('process_startup')
+}
diff --git a/libraries/metrics/leaked_sockets.js b/libraries/metrics/leaked_sockets.js
new file mode 100644
index 0000000..d250fc4
--- /dev/null
+++ b/libraries/metrics/leaked_sockets.js
@@ -0,0 +1,254 @@
+/**
+ * This file monitors HTTP connections in Node.js and logs any potential socket leaks.
+ * It uses the `diagnostics_channel` module to intercept requests and reponses in the
+ * `http` module and tracks the lifetime of each http socket. If a socket is open for
+ * longer than a specified time, it is considered a potential leak and its details are
+ * logged along with the corresponding information from /proc/net/tcp.
+ */
+
+const fs = require('node:fs')
+const diagnosticsChannel = require('node:diagnostics_channel')
+
+const SOCKET_MONITOR_INTERVAL = 60 * 1000
+// set the threshold for logging leaked sockets in minutes, defaults to 15
+const MIN_SOCKET_LEAK_TIME =
+  (parseInt(process.env.LEAKED_SOCKET_AGE_THRESHOLD, 10) || 15) * 60 * 1000
+
+// Record HTTP events using diagnostics_channel
+diagnosticsChannel.subscribe('http.client.request.start', handleRequest)
+diagnosticsChannel.subscribe('http.server.request.start', handleRequest)
+diagnosticsChannel.subscribe('http.client.response.finish', handleResponse)
+diagnosticsChannel.subscribe('http.server.response.finish', handleResponse)
+
+function handleRequest({ request: req }) {
+  const socket = req?.socket
+  if (socket) {
+    recordRequest(req, socket)
+  }
+}
+
+function recordRequest(req, socket) {
+  const { method, protocol, path, url, rawHeaders, _header } = req
+  socket._ol_debug = {
+    method,
+    protocol,
+    url: url ?? path,
+    request: { headers: rawHeaders ?? _header, ts: new Date() },
+  }
+}
+
+function handleResponse({ request: req, response: res }) {
+  const socket = req?.socket || res?.socket
+  if (!socket || !res) {
+    return
+  }
+  if (!socket._ol_debug) {
+    // I don't know if this will ever happen, but if we missed the request,
+    // record it here.
+    recordRequest(req, socket)
+  }
+  const { statusCode, statusMessage, headers, _header } = res
+  Object.assign(socket._ol_debug, {
+    response: {
+      statusCode,
+      statusMessage,
+      headers: headers ?? _header,
+      ts: new Date(),
+    },
+  })
+}
+
+// Additional functions to log request headers with sensitive information redacted
+
+function flattenHeaders(rawHeaders) {
+  // Headers can be an array [KEY, VALUE, KEY, VALUE, ..]
+  // an object {key:value, key:value, ...}
+  // or a string of the headers separated by \r\n
+  // Flatten the array and object headers into the string form.
+  if (Array.isArray(rawHeaders)) {
+    return rawHeaders
+      .map((item, index) => (index % 2 === 0 ? `${item}: ` : `${item}\r\n`))
+      .join('')
+  } else if (typeof rawHeaders === 'object') {
+    return Object.entries(rawHeaders)
+      .map(([key, value]) => `${key}: ${value}\r\n`)
+      .join('')
+  } else if (typeof rawHeaders === 'string') {
+    return rawHeaders
+  } else {
+    return JSON.stringify(rawHeaders)
+  }
+}
+
+const REDACT_REGEX = /^(Authorization|Set-Cookie|Cookie):.*?\r/gim
+
+function redactObject(obj) {
+  const result = {}
+  for (const [key, value] of Object.entries(obj)) {
+    if (value == null) {
+      result[key] = null
+    } else if (key === 'headers') {
+      // remove headers with sensitive information
+      result[key] = flattenHeaders(value).replace(
+        REDACT_REGEX,
+        `$1: REDACTED\r`
+      )
+    } else if (
+      typeof value === 'object' &&
+      ['request', 'response'].includes(key)
+    ) {
+      result[key] = redactObject(value)
+    } else {
+      result[key] = value
+    }
+  }
+  return result
+}
+
+// Check if an old socket has crossed the threshold for logging.
+// We log multiple times with an exponential backoff so we can
+// see how long a socket hangs around.
+
+function isOldSocket(handle) {
+  const now = new Date()
+  const created = handle._ol_debug.request.ts
+  const lastLoggedAt = handle._ol_debug.lastLoggedAt ?? created
+  const nextLogTime = new Date(
+    created.getTime() +
+      Math.max(2 * (lastLoggedAt - created), MIN_SOCKET_LEAK_TIME)
+  )
+  return now >= nextLogTime
+}
+
+function logOldSocket(logger, handle, tcpinfo) {
+  const now = new Date()
+  const info = Object.assign(
+    {
+      localAddress: handle.localAddress,
+      localPort: handle.localPort,
+      remoteAddress: handle.remoteAddress,
+      remotePort: handle.remotePort,
+      tcpinfo,
+      age: Math.floor((now - handle._ol_debug.request.ts) / (60 * 1000)), // age in minutes
+    },
+    redactObject(handle._ol_debug)
+  )
+  handle._ol_debug.lastLoggedAt = now
+  if (tcpinfo) {
+    logger.error(info, 'old socket handle - tcp socket')
+  } else {
+    logger.warn(info, 'stale socket handle - no entry in /proc/net/tcp')
+  }
+}
+
+// Correlate socket handles with /proc/net/tcp entries using a key based on the
+// local and remote addresses and ports. This will allow us to distinguish between
+// sockets that are still open and sockets that have been closed and removed from
+// the /proc/net/tcp table but are still present in the node active handles array.
+
+async function getOpenSockets() {
+  // get open sockets remote and local address:port from /proc/net/tcp
+  const procNetTcp = '/proc/net/tcp'
+  const openSockets = new Map()
+  const lines = await fs.promises.readFile(procNetTcp, 'utf8')
+  for (const line of lines.split('\n')) {
+    const socket = parseProcNetTcp(line)
+    if (socket) {
+      openSockets.set(socket, line)
+    }
+  }
+  return openSockets
+}
+
+function keyFromSocket(socket) {
+  return `${socket.localAddress}:${socket.localPort} -> ${socket.remoteAddress}:${socket.remotePort}`
+}
+
+function decodeHexIpAddress(hex) {
+  // decode hex ip address to dotted decimal notation
+  const ip = parseInt(hex, 16)
+  const a = ip & 0xff
+  const b = (ip >> 8) & 0xff
+  const c = (ip >> 16) & 0xff
+  const d = (ip >> 24) & 0xff
+  return `${a}.${b}.${c}.${d}`
+}
+
+function decodeHexPort(hex) {
+  // decode hex port to decimal
+  return parseInt(hex, 16)
+}
+
+// Regex for extracting the local and remote addresses and ports from the /proc/net/tcp output
+// Example line:
+// 16: AB02A8C0:D9E2 86941864:01BB 01 00000000:00000000 02:000004BE 00000000     0        0 36802 2 0000000000000000 28 4 26 10 -1
+//     ^^^^^^^^^^^^^ ^^^^^^^^^^^^^
+//     local          remote
+
+const TCP_STATE_REGEX =
+  /^\s*\d+:\s+(?<localHexAddress>[0-9A-F]{8}):(?<localHexPort>[0-9A-F]{4})\s+(?<remoteHexAddress>[0-9A-F]{8}):(?<remoteHexPort>[0-9A-F]{4})/i
+
+function parseProcNetTcp(line) {
+  const match = line.match(TCP_STATE_REGEX)
+  if (match) {
+    const { localHexAddress, localHexPort, remoteHexAddress, remoteHexPort } =
+      match.groups
+    return keyFromSocket({
+      localAddress: decodeHexIpAddress(localHexAddress),
+      localPort: decodeHexPort(localHexPort),
+      remoteAddress: decodeHexIpAddress(remoteHexAddress),
+      remotePort: decodeHexPort(remoteHexPort),
+    })
+  }
+}
+
+let LeakedSocketsMonitor
+
+// Export the monitor and scanSockets functions
+
+module.exports = LeakedSocketsMonitor = {
+  monitor(logger) {
+    const interval = setInterval(
+      () => LeakedSocketsMonitor.scanSockets(logger),
+      SOCKET_MONITOR_INTERVAL
+    )
+    const Metrics = require('./index')
+    return Metrics.registerDestructor(() => clearInterval(interval))
+  },
+  scanSockets(logger) {
+    const debugSockets = process._getActiveHandles().filter(handle => {
+      return handle._ol_debug
+    })
+
+    // Bail out if there are no sockets with the _ol_debug property
+    if (debugSockets.length === 0) {
+      return
+    }
+
+    const oldSockets = debugSockets.filter(isOldSocket)
+
+    // Bail out if there are no old sockets to log
+    if (oldSockets.length === 0) {
+      return
+    }
+
+    // If there old sockets to log, get the connections from /proc/net/tcp
+    // to distinguish between sockets that are still open and sockets that
+    // have been closed and removed from the /proc/net/tcp table.
+    getOpenSockets()
+      .then(openSockets => {
+        oldSockets.forEach(handle => {
+          try {
+            const key = keyFromSocket(handle)
+            const tcpinfo = openSockets.get(key)
+            logOldSocket(logger, handle, tcpinfo)
+          } catch (err) {
+            logger.error({ err }, 'error in scanSockets')
+          }
+        })
+      })
+      .catch(err => {
+        logger.error({ err }, 'error getting open sockets')
+      })
+  },
+}
diff --git a/libraries/metrics/memory.js b/libraries/metrics/memory.js
new file mode 100644
index 0000000..73dc18c
--- /dev/null
+++ b/libraries/metrics/memory.js
@@ -0,0 +1,113 @@
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+// record memory usage each minute and run a periodic gc(), keeping cpu
+// usage within allowable range of 1ms per minute. Also, dynamically
+// adjust the period between gc()'s to reach a target of the gc saving
+// 4 megabytes each time.
+
+let MemoryMonitor
+const oneMinute = 60 * 1000
+const oneMegaByte = 1024 * 1024
+
+let CpuTimeBucket = 100 // current cpu time allowance in milliseconds
+const CpuTimeBucketMax = 100 // maximum amount of cpu time allowed in bucket
+const CpuTimeBucketRate = 10 // add this many milliseconds per minute
+
+let gcInterval = 1 // how many minutes between gc (parameter is dynamically adjusted)
+let countSinceLastGc = 0 // how many minutes since last gc
+const MemoryChunkSize = 4 // how many megabytes we need to free to consider gc worth doing
+
+const readyToGc = function () {
+  // update allowed cpu time
+  CpuTimeBucket = CpuTimeBucket + CpuTimeBucketRate
+  CpuTimeBucket =
+    CpuTimeBucket < CpuTimeBucketMax ? CpuTimeBucket : CpuTimeBucketMax
+  // update counts since last gc
+  countSinceLastGc = countSinceLastGc + 1
+  // check there is enough time since last gc and we have enough cpu
+  return countSinceLastGc > gcInterval && CpuTimeBucket > 0
+}
+
+const executeAndTime = function (fn) {
+  // time the execution of fn() and subtract from cpu allowance
+  const t0 = process.hrtime()
+  fn()
+  const dt = process.hrtime(t0)
+  const timeTaken = (dt[0] + dt[1] * 1e-9) * 1e3 // in milliseconds
+  CpuTimeBucket -= Math.ceil(timeTaken)
+  return timeTaken
+}
+
+const inMegaBytes = function (obj) {
+  // convert process.memoryUsage hash {rss,heapTotal,heapFreed} into megabytes
+  const result = {}
+  for (const k in obj) {
+    const v = obj[k]
+    result[k] = (v / oneMegaByte).toFixed(2)
+  }
+  return result
+}
+
+const updateMemoryStats = function (oldMem, newMem) {
+  countSinceLastGc = 0
+  const delta = {}
+  for (const k in newMem) {
+    delta[k] = (newMem[k] - oldMem[k]).toFixed(2)
+  }
+  // take the max of all memory measures
+  const savedMemory = Math.max(-delta.rss, -delta.heapTotal, -delta.heapUsed)
+  delta.megabytesFreed = savedMemory
+  // did it do any good?
+  if (savedMemory < MemoryChunkSize) {
+    gcInterval = gcInterval + 1 // no, so wait longer next time
+  } else {
+    gcInterval = Math.max(gcInterval - 1, 1) // yes, wait less time
+  }
+  return delta
+}
+
+module.exports = MemoryMonitor = {
+  monitor(logger) {
+    const interval = setInterval(() => MemoryMonitor.Check(logger), oneMinute)
+    const Metrics = require('./index')
+    return Metrics.registerDestructor(() => clearInterval(interval))
+  },
+
+  Check(logger) {
+    let mem
+    const Metrics = require('./index')
+    const memBeforeGc = (mem = inMegaBytes(process.memoryUsage()))
+    Metrics.gauge('memory.rss', mem.rss)
+    Metrics.gauge('memory.heaptotal', mem.heapTotal)
+    Metrics.gauge('memory.heapused', mem.heapUsed)
+    Metrics.gauge('memory.gc-interval', gcInterval)
+    // Metrics.gauge("memory.cpu-time-bucket", CpuTimeBucket)
+
+    logger.debug(mem, 'process.memoryUsage()')
+
+    if (global.gc != null && readyToGc()) {
+      const gcTime = executeAndTime(global.gc).toFixed(2)
+      const memAfterGc = inMegaBytes(process.memoryUsage())
+      const deltaMem = updateMemoryStats(memBeforeGc, memAfterGc)
+      logger.debug(
+        {
+          gcTime,
+          memBeforeGc,
+          memAfterGc,
+          deltaMem,
+          gcInterval,
+          CpuTimeBucket,
+        },
+        'global.gc() forced'
+      )
+      // Metrics.timing("memory.gc-time", gcTime)
+      Metrics.gauge('memory.gc-rss-freed', -deltaMem.rss)
+      Metrics.gauge('memory.gc-heaptotal-freed', -deltaMem.heapTotal)
+      return Metrics.gauge('memory.gc-heapused-freed', -deltaMem.heapUsed)
+    }
+  },
+}
diff --git a/libraries/metrics/mongodb.js b/libraries/metrics/mongodb.js
new file mode 100644
index 0000000..c9f4e0b
--- /dev/null
+++ b/libraries/metrics/mongodb.js
@@ -0,0 +1,84 @@
+const { Gauge, Summary } = require('prom-client')
+
+function monitor(mongoClient) {
+  const labelNames = ['mongo_server']
+  const poolSize = new Gauge({
+    name: 'mongo_connection_pool_size',
+    help: 'number of connections in the connection pool',
+    labelNames,
+    // Use this one metric's collect() to set all metrics' values.
+    collect,
+  })
+  const availableConnections = new Gauge({
+    name: 'mongo_connection_pool_available',
+    help: 'number of connections that are not busy',
+    labelNames,
+  })
+  const waitQueueSize = new Gauge({
+    name: 'mongo_connection_pool_waiting',
+    help: 'number of operations waiting for an available connection',
+    labelNames,
+  })
+  const maxPoolSize = new Gauge({
+    name: 'mongo_connection_pool_max',
+    help: 'max size for the connection pool',
+    labelNames,
+  })
+
+  const mongoCommandTimer = new Summary({
+    name: 'mongo_command_time',
+    help: 'time taken to complete a mongo command',
+    percentiles: [],
+    labelNames: ['status', 'method'],
+  })
+
+  if (mongoClient.on) {
+    mongoClient.on('commandSucceeded', event => {
+      mongoCommandTimer.observe(
+        {
+          status: 'success',
+          method: event.commandName === 'find' ? 'read' : 'write',
+        },
+        event.duration
+      )
+    })
+
+    mongoClient.on('commandFailed', event => {
+      mongoCommandTimer.observe(
+        {
+          status: 'failed',
+          method: event.commandName === 'find' ? 'read' : 'write',
+        },
+        event.duration
+      )
+    })
+  }
+
+  function collect() {
+    // Reset all gauges in case they contain values for servers that
+    // disappeared
+    poolSize.reset()
+    availableConnections.reset()
+    waitQueueSize.reset()
+    maxPoolSize.reset()
+
+    const servers = mongoClient.topology?.s?.servers
+    if (servers != null) {
+      for (const [address, server] of servers) {
+        // The server object is different between v4 and v5 (c.f. https://github.com/mongodb/node-mongodb-native/pull/3645)
+        const pool = server.s?.pool || server.pool
+        if (pool == null) {
+          continue
+        }
+
+        const labels = { mongo_server: address }
+        poolSize.set(labels, pool.totalConnectionCount)
+        availableConnections.set(labels, pool.availableConnectionCount)
+        waitQueueSize.set(labels, pool.waitQueueSize)
+        maxPoolSize.set(labels, pool.options.maxPoolSize)
+      }
+    }
+  }
+}
+
+module.exports = { monitor }
diff --git a/libraries/metrics/open_sockets.js b/libraries/metrics/open_sockets.js
new file mode 100644
index 0000000..da7241d
--- /dev/null
+++ b/libraries/metrics/open_sockets.js
@@ -0,0 +1,99 @@
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let OpenSocketsMonitor
+const seconds = 1000
+
+// In Node 0.10 the default is 5, which means only 5 open connections at one.
+// Node 0.12 has a default of Infinity. Make sure we have no limit set,
+// regardless of Node version.
+require('node:http').globalAgent.maxSockets = Infinity
+require('node:https').globalAgent.maxSockets = Infinity
+
+const SOCKETS_HTTP = require('node:http').globalAgent.sockets
+const SOCKETS_HTTPS = require('node:https').globalAgent.sockets
+const FREE_SOCKETS_HTTP = require('node:http').globalAgent.freeSockets
+const FREE_SOCKETS_HTTPS = require('node:https').globalAgent.freeSockets
+
+// keep track of set gauges and reset them in the next collection cycle
+const SEEN_HOSTS_HTTP = new Set()
+const SEEN_HOSTS_HTTPS = new Set()
+const FREE_SEEN_HOSTS_HTTP = new Set()
+const FREE_SEEN_HOSTS_HTTPS = new Set()
+
+function collectConnectionsCount(
+  sockets,
+  seenHosts,
+  status,
+  https,
+  emitLegacyMetric
+) {
+  const Metrics = require('./index')
+  Object.keys(sockets).forEach(host => seenHosts.add(host))
+  seenHosts.forEach(host => {
+    // host: 'HOST:PORT:'
+    const hostname = host.split(':')[0]
+    const openConnections = (sockets[host] || []).length
+    if (!openConnections) {
+      seenHosts.delete(host)
+    }
+    Metrics.gauge('sockets', openConnections, 1, {
+      path: hostname,
+      method: https,
+      status,
+    })
+    if (status === 'open' && emitLegacyMetric) {
+      // Emit legacy metric to keep old time series intact.
+      Metrics.gauge(
+        `${status}_connections.${https}.${hostname}`,
+        openConnections
+      )
+    }
+  })
+}
+
+module.exports = OpenSocketsMonitor = {
+  monitor(emitLegacyMetric) {
+    const interval = setInterval(
+      () => OpenSocketsMonitor.gaugeOpenSockets(emitLegacyMetric),
+      5 * seconds
+    )
+    const Metrics = require('./index')
+    return Metrics.registerDestructor(() => clearInterval(interval))
+  },
+
+  gaugeOpenSockets(emitLegacyMetric) {
+    collectConnectionsCount(
+      SOCKETS_HTTP,
+      SEEN_HOSTS_HTTP,
+      'open',
+      'http',
+      emitLegacyMetric
+    )
+    collectConnectionsCount(
+      SOCKETS_HTTPS,
+      SEEN_HOSTS_HTTPS,
+      'open',
+      'https',
+      emitLegacyMetric
+    )
+    collectConnectionsCount(
+      FREE_SOCKETS_HTTP,
+      FREE_SEEN_HOSTS_HTTP,
+      'free',
+      'http',
+      false
+    )
+    collectConnectionsCount(
+      FREE_SOCKETS_HTTPS,
+      FREE_SEEN_HOSTS_HTTPS,
+      'free',
+      'https',
+      false
+    )
+  },
+}
diff --git a/libraries/metrics/package.json b/libraries/metrics/package.json
new file mode 100644
index 0000000..384e58c
--- /dev/null
+++ b/libraries/metrics/package.json
@@ -0,0 +1,45 @@
+{
+  "name": "@overleaf/metrics",
+  "version": "4.2.0",
+  "description": "A drop-in metrics and monitoring module for node.js apps",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/overleaf/metrics-module.git"
+  },
+  "main": "index.js",
+  "dependencies": {
+    "@google-cloud/opentelemetry-cloud-trace-exporter": "^2.1.0",
+    "@google-cloud/profiler": "^6.0.0",
+    "@opentelemetry/api": "^1.4.1",
+    "@opentelemetry/auto-instrumentations-node": "^0.39.1",
+    "@opentelemetry/exporter-trace-otlp-http": "^0.41.2",
+    "@opentelemetry/resources": "^1.15.2",
+    "@opentelemetry/sdk-node": "^0.41.2",
+    "@opentelemetry/semantic-conventions": "^1.15.2",
+    "compression": "^1.7.4",
+    "prom-client": "^14.1.1",
+    "yn": "^3.1.1"
+  },
+  "devDependencies": {
+    "bunyan": "^1.0.0",
+    "chai": "^4.3.6",
+    "mocha": "^11.1.0",
+    "sandboxed-module": "^2.0.4",
+    "sinon": "^9.2.4",
+    "typescript": "^5.0.4"
+  },
+  "scripts": {
+    "lint": "eslint --ext .js --ext .cjs --ext .ts --max-warnings 0 --format unix .",
+    "lint:fix": "eslint --fix --ext .js --ext .cjs --ext .ts .",
+    "test:unit": "mocha --exit test/**/*.{js,cjs}",
+    "test:acceptance": "mocha --reporter spec --recursive --exit --grep=$MOCHA_GREP test/acceptance",
+    "test": "npm run lint && npm run format && npm run types:check && npm run test:unit",
+    "format": "prettier --list-different $PWD/'**/*.{js,cjs,ts}'",
+    "format:fix": "prettier --write $PWD/'**/*.{js,cjs,ts}'",
+    "test:ci": "npm run test:unit",
+    "types:check": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "@overleaf/logger": "*"
+  }
+}
diff --git a/libraries/metrics/prom_wrapper.js b/libraries/metrics/prom_wrapper.js
new file mode 100644
index 0000000..88f8374
--- /dev/null
+++ b/libraries/metrics/prom_wrapper.js
@@ -0,0 +1,177 @@
+const logger = require('@overleaf/logger')
+const prom = require('prom-client')
+const registry = require('prom-client').register
+const metrics = new Map()
+
+const labelsKey = function (labels) {
+  let keys = Object.keys(labels)
+  if (keys.length === 0) {
+    return ''
+  }
+
+  keys = keys.sort()
+
+  let hash = ''
+  for (const key of keys) {
+    if (hash.length) {
+      hash += ','
+    }
+    hash += `${key}:${labels[key]}`
+  }
+
+  return hash
+}
+
+const labelsAsArgs = function (labels, labelNames) {
+  const args = []
+  for (const label of labelNames) {
+    args.push(labels[label] || '')
+  }
+  return args
+}
+
+const PromWrapper = {
+  ttlInMinutes: 0,
+  registry,
+
+  metric(type, name, labels, buckets) {
+    return metrics.get(name) || new MetricWrapper(type, name, labels, buckets)
+  },
+
+  collectDefaultMetrics: prom.collectDefaultMetrics,
+}
+
+class MetricWrapper {
+  constructor(type, name, labels, buckets) {
+    metrics.set(name, this)
+    this.name = name
+    this.instances = new Map()
+    this.lastAccess = new Date()
+
+    const labelNames = labels ? Object.keys(labels) : []
+    switch (type) {
+      case 'counter':
+        this.metric = new prom.Counter({
+          name,
+          help: name,
+          labelNames,
+        })
+        break
+      case 'histogram':
+        this.metric = new prom.Histogram({
+          name,
+          help: name,
+          labelNames,
+          buckets,
+        })
+        break
+      case 'summary':
+        this.metric = new prom.Summary({
+          name,
+          help: name,
+          maxAgeSeconds: 60,
+          ageBuckets: 10,
+          labelNames,
+        })
+        break
+      case 'gauge':
+        this.metric = new prom.Gauge({
+          name,
+          help: name,
+          labelNames,
+        })
+        break
+      default:
+        throw new Error(`Unknown metric type: ${type}`)
+    }
+  }
+
+  inc(labels, value) {
+    this._execMethod('inc', labels, value)
+  }
+
+  observe(labels, value) {
+    this._execMethod('observe', labels, value)
+  }
+
+  set(labels, value) {
+    this._execMethod('set', labels, value)
+  }
+
+  sweep() {
+    const thresh = new Date(Date.now() - 1000 * 60 * PromWrapper.ttlInMinutes)
+    this.instances.forEach((instance, key) => {
+      if (thresh > instance.time) {
+        if (process.env.DEBUG_METRICS) {
+          // eslint-disable-next-line no-console
+          console.log(
+            'Sweeping stale metric instance',
+            this.name,
+            { labels: instance.labels },
+            key
+          )
+        }
+        this.metric.remove(
+          ...labelsAsArgs(instance.labels, this.metric.labelNames)
+        )
+      }
+    })
+
+    if (thresh > this.lastAccess) {
+      if (process.env.DEBUG_METRICS) {
+        // eslint-disable-next-line no-console
+        console.log('Sweeping stale metric', this.name, thresh, this.lastAccess)
+      }
+      metrics.delete(this.name)
+      registry.removeSingleMetric(this.name)
+    }
+  }
+
+  _execMethod(method, labels, value) {
+    const key = labelsKey(labels)
+    if (key !== '') {
+      this.instances.set(key, { time: new Date(), labels })
+    }
+    this.lastAccess = new Date()
+    try {
+      this.metric[method](labels, value)
+    } catch (err) {
+      logger.warn(
+        { err, metric: this.metric.name, labels },
+        'failed to record metric'
+      )
+    }
+  }
+}
+
+let sweepingInterval
+PromWrapper.setupSweeping = function () {
+  if (sweepingInterval) {
+    clearInterval(sweepingInterval)
+  }
+  if (!PromWrapper.ttlInMinutes) {
+    if (process.env.DEBUG_METRICS) {
+      // eslint-disable-next-line no-console
+      console.log('Not registering sweep method -- empty ttl')
+    }
+    return
+  }
+  if (process.env.DEBUG_METRICS) {
+    // eslint-disable-next-line no-console
+    console.log('Registering sweep method')
+  }
+  sweepingInterval = setInterval(function () {
+    if (process.env.DEBUG_METRICS) {
+      // eslint-disable-next-line no-console
+      console.log('Sweeping metrics')
+    }
+    metrics.forEach((metric, key) => {
+      metric.sweep()
+    })
+  }, 60000)
+
+  const Metrics = require('./index')
+  Metrics.registerDestructor(() => clearInterval(sweepingInterval))
+}
+
+module.exports = PromWrapper
diff --git a/libraries/metrics/test/acceptance/metrics_tests.js b/libraries/metrics/test/acceptance/metrics_tests.js
new file mode 100644
index 0000000..88f6138
--- /dev/null
+++ b/libraries/metrics/test/acceptance/metrics_tests.js
@@ -0,0 +1,343 @@
+const { promisify } = require('node:util')
+const os = require('node:os')
+const http = require('node:http')
+const { expect } = require('chai')
+const Metrics = require('../..')
+
+const HOSTNAME = os.hostname()
+const APP_NAME = 'test-app'
+const sleep = promisify(setTimeout)
+
+describe('Metrics module', function () {
+  before(function () {
+    process.env.METRICS_APP_NAME = 'test-app'
+    require('../../initialize')
+  })
+
+  describe('at startup', function () {
+    it('increments the process_startup counter', async function () {
+      await expectMetricValue('process_startup', 1)
+    })
+
+    it('collects default metrics', async function () {
+      const metric = await getMetric('process_cpu_user_seconds_total')
+      expect(metric).to.exist
+    })
+  })
+
+  describe('inc()', function () {
+    it('increments counts by 1', async function () {
+      Metrics.inc('duck_count')
+      await expectMetricValue('duck_count', 1)
+      Metrics.inc('duck_count')
+      Metrics.inc('duck_count')
+      await expectMetricValue('duck_count', 3)
+    })
+
+    it('escapes special characters in the key', async function () {
+      Metrics.inc('show.me the $!!')
+      await expectMetricValue('show_me_the____', 1)
+    })
+  })
+
+  describe('count()', function () {
+    it('increments counts by the given count', async function () {
+      Metrics.count('rabbit_count', 5)
+      await expectMetricValue('rabbit_count', 5)
+      Metrics.count('rabbit_count', 6)
+      Metrics.count('rabbit_count', 7)
+      await expectMetricValue('rabbit_count', 18)
+    })
+  })
+
+  describe('summary()', function () {
+    it('collects observations', async function () {
+      Metrics.summary('oven_temp', 200)
+      Metrics.summary('oven_temp', 300)
+      Metrics.summary('oven_temp', 450)
+      const sum = await getSummarySum('oven_temp')
+      expect(sum).to.equal(950)
+    })
+  })
+
+  describe('timing()', function () {
+    it('collects timings', async function () {
+      Metrics.timing('sprint_100m', 10)
+      Metrics.timing('sprint_100m', 20)
+      Metrics.timing('sprint_100m', 30)
+      const sum = await getSummarySum('timer_sprint_100m')
+      expect(sum).to.equal(60)
+    })
+  })
+
+  describe('histogram()', function () {
+    it('collects in buckets', async function () {
+      const buckets = [10, 100, 1000]
+      Metrics.histogram('distance', 10, buckets)
+      Metrics.histogram('distance', 20, buckets)
+      Metrics.histogram('distance', 100, buckets)
+      Metrics.histogram('distance', 200, buckets)
+      Metrics.histogram('distance', 1000, buckets)
+      Metrics.histogram('distance', 2000, buckets)
+      const sum = await getSummarySum('histogram_distance')
+      expect(sum).to.equal(3330)
+      await checkHistogramValues('histogram_distance', {
+        10: 1,
+        100: 3,
+        1000: 5,
+        '+Inf': 6,
+      })
+    })
+  })
+
+  describe('Timer', function () {
+    beforeEach('collect timings', async function () {
+      const buckets = [10, 100, 1000]
+      for (const duration of [1, 1, 1, 15, 15, 15, 105, 105, 105]) {
+        const withBuckets = new Metrics.Timer(
+          'height',
+          1,
+          { label_1: 'a' },
+          buckets
+        )
+        const withOutBuckets = new Metrics.Timer('depth', 1, { label_2: 'b' })
+        await sleep(duration)
+        withBuckets.done()
+        withOutBuckets.done({ label_3: 'c' })
+      }
+    })
+
+    it('with buckets', async function () {
+      await checkHistogramValues('histogram_height', {
+        10: 3,
+        100: 6,
+        1000: 9,
+        '+Inf': 9,
+      })
+      const labelNames = await getMetric('histogram_height').labelNames
+      expect(labelNames).to.deep.equal(['label_1'])
+    })
+
+    it('without buckets', async function () {
+      await checkSummaryValues('timer_depth', {
+        0.01: 1,
+        0.05: 1,
+        0.5: 15,
+        0.9: 105,
+        0.95: 105,
+        0.99: 105,
+        0.999: 105,
+      })
+      const labelNames = await getMetric('timer_depth').labelNames
+      expect(labelNames).to.deep.equal(['label_2', 'label_3'])
+    })
+  })
+
+  describe('gauge()', function () {
+    it('records values', async function () {
+      Metrics.gauge('water_level', 1.5)
+      await expectMetricValue('water_level', 1.5)
+      Metrics.gauge('water_level', 4.2)
+      await expectMetricValue('water_level', 4.2)
+    })
+  })
+
+  describe('globalGauge()', function () {
+    it('records values without a host label', async function () {
+      Metrics.globalGauge('tire_pressure', 99.99)
+      const { value, labels } = await getMetricValue('tire_pressure')
+      expect(value).to.equal(99.99)
+      expect(labels.host).to.equal('global')
+      expect(labels.app).to.equal(APP_NAME)
+    })
+  })
+
+  describe('open_sockets', function () {
+    const keyServer1 = 'open_connections_http_127_42_42_1'
+    const keyServer2 = 'open_connections_http_127_42_42_2'
+
+    let finish1, finish2, emitResponse1, emitResponse2
+    function resetEmitResponse1() {
+      emitResponse1 = new Promise(resolve => (finish1 = resolve))
+    }
+    resetEmitResponse1()
+    function resetEmitResponse2() {
+      emitResponse2 = new Promise(resolve => (finish2 = resolve))
+    }
+    resetEmitResponse2()
+
+    let server1, server2
+    before(function setupServer1(done) {
+      server1 = http.createServer((req, res) => {
+        res.write('...')
+        emitResponse1.then(() => res.end())
+      })
+      server1.listen(0, '127.42.42.1', done)
+    })
+    before(function setupServer2(done) {
+      server2 = http.createServer((req, res) => {
+        res.write('...')
+        emitResponse2.then(() => res.end())
+      })
+      server2.listen(0, '127.42.42.2', done)
+    })
+    after(function cleanupPendingRequests() {
+      finish1()
+      finish2()
+    })
+    after(function shutdownServer1(done) {
+      if (server1) server1.close(done)
+    })
+    after(function shutdownServer2(done) {
+      if (server2) server2.close(done)
+    })
+
+    let urlServer1, urlServer2
+    before(function setUrls() {
+      urlServer1 = `http://127.42.42.1:${server1.address().port}/`
+      urlServer2 = `http://127.42.42.2:${server2.address().port}/`
+    })
+    describe('gaugeOpenSockets()', function () {
+      beforeEach(function runGaugeOpenSockets() {
+        Metrics.open_sockets.gaugeOpenSockets(true)
+      })
+
+      describe('without pending connections', function () {
+        it('emits no open_connections', async function () {
+          await expectNoMetricValue(keyServer1)
+          await expectNoMetricValue(keyServer2)
+        })
+      })
+
+      describe('with pending connections for server1', function () {
+        before(function (done) {
+          http.get(urlServer1)
+          http.get(urlServer1)
+          setTimeout(done, 10)
+        })
+
+        it('emits 2 open_connections for server1', async function () {
+          await expectMetricValue(keyServer1, 2)
+        })
+
+        it('emits no open_connections for server2', async function () {
+          await expectNoMetricValue(keyServer2)
+        })
+      })
+
+      describe('with pending connections for server1 and server2', function () {
+        before(function (done) {
+          http.get(urlServer2)
+          http.get(urlServer2)
+          setTimeout(done, 10)
+        })
+
+        it('emits 2 open_connections for server1', async function () {
+          await expectMetricValue(keyServer1, 2)
+        })
+
+        it('emits 2 open_connections for server2', async function () {
+          await expectMetricValue(keyServer2, 2)
+        })
+      })
+
+      describe('when requests finish for server1', function () {
+        before(function (done) {
+          finish1()
+          resetEmitResponse1()
+          http.get(urlServer1)
+
+          setTimeout(done, 10)
+        })
+
+        it('emits 1 open_connections for server1', async function () {
+          await expectMetricValue(keyServer1, 1)
+        })
+
+        it('emits 2 open_connections for server2', async function () {
+          await expectMetricValue(keyServer2, 2)
+        })
+      })
+
+      describe('when all requests complete', function () {
+        before(function (done) {
+          finish1()
+          finish2()
+
+          setTimeout(done, 10)
+        })
+
+        it('emits no open_connections', async function () {
+          await expectNoMetricValue(keyServer1)
+          await expectNoMetricValue(keyServer2)
+        })
+      })
+    })
+  })
+})
+
+function getMetric(key) {
+  return Metrics.register.getSingleMetric(key)
+}
+
+async function getSummarySum(key) {
+  const metric = getMetric(key)
+  const item = await metric.get()
+  for (const value of item.values) {
+    if (value.metricName === `${key}_sum`) {
+      return value.value
+    }
+  }
+  return null
+}
+
+async function checkHistogramValues(key, values) {
+  const metric = getMetric(key)
+  const item = await metric.get()
+  const found = {}
+  for (const value of item.values) {
+    const bucket = value.labels.le
+    if (!bucket) continue
+    found[bucket] = value.value
+  }
+  expect(found).to.deep.equal(values)
+  return null
+}
+
+async function checkSummaryValues(key, values) {
+  const metric = getMetric(key)
+  const item = await metric.get()
+  const found = {}
+  for (const value of item.values) {
+    const quantile = value.labels.quantile
+    if (!quantile) continue
+    found[quantile] = value.value
+  }
+  for (const quantile of Object.keys(values)) {
+    expect(found[quantile]).to.be.within(
+      values[quantile] - 5,
+      values[quantile] + 15,
+      `quantile: ${quantile}`
+    )
+  }
+  return null
+}
+
+async function getMetricValue(key) {
+  const metrics = await Metrics.register.getMetricsAsJSON()
+  const metric = metrics.find(m => m.name === key)
+  return metric.values[0]
+}
+
+async function expectMetricValue(key, expectedValue) {
+  const value = await getMetricValue(key)
+  expect(value.value).to.equal(expectedValue)
+  expect(value.labels.host).to.equal(HOSTNAME)
+  expect(value.labels.app).to.equal(APP_NAME)
+}
+
+async function expectNoMetricValue(key) {
+  const metric = getMetric(key)
+  if (!metric) return
+  await expectMetricValue(key, 0)
+}
diff --git a/libraries/metrics/test/unit/js/event_loop.js b/libraries/metrics/test/unit/js/event_loop.js
new file mode 100644
index 0000000..97b9fdd
--- /dev/null
+++ b/libraries/metrics/test/unit/js/event_loop.js
@@ -0,0 +1,44 @@
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const chai = require('chai')
+const { expect } = chai
+const path = require('node:path')
+const modulePath = path.join(__dirname, '../../../event_loop.js')
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+
+describe('event_loop', function () {
+  before(function () {
+    this.metrics = {
+      timing: sinon.stub(),
+      registerDestructor: sinon.stub(),
+    }
+    this.logger = {
+      warn: sinon.stub(),
+    }
+    return (this.event_loop = SandboxedModule.require(modulePath, {
+      requires: {
+        './index': this.metrics,
+      },
+    }))
+  })
+
+  describe('with a logger provided', function () {
+    before(function () {
+      return this.event_loop.monitor(this.logger)
+    })
+
+    return it('should register a destructor with metrics', function () {
+      return expect(this.metrics.registerDestructor.called).to.equal(true)
+    })
+  })
+
+  return describe('without a logger provided', function () {
+    return it('should throw an exception', function () {
+      return expect(this.event_loop.monitor).to.throw('logger is undefined')
+    })
+  })
+})
diff --git a/libraries/metrics/test/unit/js/http.js b/libraries/metrics/test/unit/js/http.js
new file mode 100644
index 0000000..7b6bb30
--- /dev/null
+++ b/libraries/metrics/test/unit/js/http.js
@@ -0,0 +1,171 @@
+const Path = require('node:path')
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+
+const MODULE_PATH = Path.join(__dirname, '../../../http.js')
+
+describe('http.monitor', function () {
+  beforeEach(function () {
+    this.req = {
+      method: 'POST',
+      url: '/project/1234/cleanup',
+      headers: {
+        'content-length': '123',
+      },
+      route: {
+        path: '/project/:id/cleanup',
+      },
+    }
+    this.originalResponseEnd = sinon.stub()
+    this.res = {
+      end: this.originalResponseEnd,
+    }
+    this.data = 'data'
+    this.logger = {
+      debug: sinon.stub(),
+      info: sinon.stub(),
+      warn: sinon.stub(),
+    }
+    this.Metrics = {
+      timing: sinon.stub(),
+      summary: sinon.stub(),
+    }
+    this.clock = sinon.useFakeTimers()
+
+    this.http = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        './index': this.Metrics,
+      },
+    })
+  })
+
+  afterEach(function () {
+    this.clock.restore()
+  })
+
+  describe('with the default options', function () {
+    beforeEach('set up the monitor', function (done) {
+      this.http.monitor(this.logger)(this.req, this.res, done)
+    })
+
+    describe('after a simple request', function () {
+      endRequest()
+      expectOriginalEndCalled()
+      expectMetrics()
+
+      it('logs the request at the DEBUG level', function () {
+        sinon.assert.calledWith(
+          this.logger.debug,
+          { req: this.req, res: this.res, responseTimeMs: 500 },
+          '%s %s',
+          this.req.method,
+          this.req.url
+        )
+      })
+    })
+
+    describe('when logging is disabled', function () {
+      beforeEach('disable logging', function () {
+        this.req.logger.disable()
+      })
+
+      endRequest()
+      expectOriginalEndCalled()
+      expectMetrics()
+
+      it("doesn't log the request", function () {
+        sinon.assert.notCalled(this.logger.debug)
+      })
+    })
+
+    describe('with custom log fields', function () {
+      beforeEach('add custom fields', function () {
+        this.req.logger.addFields({ a: 1, b: 2 })
+      })
+
+      endRequest()
+
+      it('logs the request with the custom log fields', function () {
+        sinon.assert.calledWith(
+          this.logger.debug,
+          { req: this.req, res: this.res, responseTimeMs: 500, a: 1, b: 2 },
+          '%s %s',
+          this.req.method,
+          this.req.url
+        )
+      })
+    })
+
+    describe('when setting the log level', function () {
+      beforeEach('set custom level', function () {
+        this.req.logger.setLevel('warn')
+      })
+
+      endRequest()
+
+      it('logs the request at the custom level', function () {
+        sinon.assert.calledWith(
+          this.logger.warn,
+          { req: this.req, res: this.res, responseTimeMs: 500 },
+          '%s %s',
+          this.req.method,
+          this.req.url
+        )
+      })
+    })
+  })
+
+  describe('with a different default log level', function () {
+    beforeEach('set up the monitor', function (done) {
+      this.http.monitor(this.logger, 'info')(this.req, this.res, done)
+    })
+
+    endRequest()
+
+    it('logs the request at that level', function () {
+      sinon.assert.calledWith(
+        this.logger.info,
+        { req: this.req, res: this.res, responseTimeMs: 500 },
+        '%s %s',
+        this.req.method,
+        this.req.url
+      )
+    })
+  })
+})
+
+function endRequest() {
+  beforeEach('end the request', function () {
+    this.clock.tick(500)
+    this.res.end(this.data)
+  })
+}
+
+function expectOriginalEndCalled() {
+  it('calls the original res.end()', function () {
+    sinon.assert.calledWith(this.originalResponseEnd, this.data)
+  })
+}
+
+function expectMetrics() {
+  it('records the response time', function () {
+    sinon.assert.calledWith(this.Metrics.timing, 'http_request', 500, null, {
+      method: this.req.method,
+      status_code: this.res.status_code,
+      path: 'project_id_cleanup',
+    })
+  })
+
+  it('records the request size', function () {
+    sinon.assert.calledWith(
+      this.Metrics.summary,
+      'http_request_size_bytes',
+      123,
+      {
+        method: this.req.method,
+        status_code: this.res.status_code,
+        path: 'project_id_cleanup',
+      }
+    )
+  })
+}
diff --git a/libraries/metrics/test/unit/js/mongodb.js b/libraries/metrics/test/unit/js/mongodb.js
new file mode 100644
index 0000000..f74ece4
--- /dev/null
+++ b/libraries/metrics/test/unit/js/mongodb.js
@@ -0,0 +1,89 @@
+const Metrics = require('../../..')
+
+const { expect } = require('chai')
+const prom = require('prom-client')
+
+describe('mongodb', function () {
+  beforeEach(function () {
+    prom.register.clear()
+    this.pool = {
+      totalConnectionCount: 8,
+      availableConnectionCount: 2,
+      waitQueueSize: 4,
+      options: { maxPoolSize: 10 },
+    }
+    this.servers = new Map([['server1', { s: { pool: this.pool } }]])
+
+    this.mongoClient = { topology: { s: { servers: this.servers } } }
+  })
+
+  it('handles an unconnected client', async function () {
+    const mongoClient = {}
+    Metrics.mongodb.monitor(mongoClient)
+    const metrics = await getMetrics()
+    expect(metrics).to.deep.equal({})
+  })
+
+  it('collects Mongo metrics', async function () {
+    Metrics.mongodb.monitor(this.mongoClient)
+    const metrics = await getMetrics()
+    expect(metrics).to.deep.equal({
+      'mongo_connection_pool_max:server1': 10,
+      'mongo_connection_pool_size:server1': 8,
+      'mongo_connection_pool_available:server1': 2,
+      'mongo_connection_pool_waiting:server1': 4,
+    })
+  })
+
+  it('handles topology changes', async function () {
+    Metrics.mongodb.monitor(this.mongoClient)
+    let metrics = await getMetrics()
+    expect(metrics).to.deep.equal({
+      'mongo_connection_pool_max:server1': 10,
+      'mongo_connection_pool_size:server1': 8,
+      'mongo_connection_pool_available:server1': 2,
+      'mongo_connection_pool_waiting:server1': 4,
+    })
+
+    // Add a server
+    this.servers.set('server2', this.servers.get('server1'))
+    metrics = await getMetrics()
+    expect(metrics).to.deep.equal({
+      'mongo_connection_pool_max:server1': 10,
+      'mongo_connection_pool_size:server1': 8,
+      'mongo_connection_pool_available:server1': 2,
+      'mongo_connection_pool_waiting:server1': 4,
+      'mongo_connection_pool_max:server2': 10,
+      'mongo_connection_pool_size:server2': 8,
+      'mongo_connection_pool_available:server2': 2,
+      'mongo_connection_pool_waiting:server2': 4,
+    })
+
+    // Delete a server
+    this.servers.delete('server1')
+    metrics = await getMetrics()
+    expect(metrics).to.deep.equal({
+      'mongo_connection_pool_max:server2': 10,
+      'mongo_connection_pool_size:server2': 8,
+      'mongo_connection_pool_available:server2': 2,
+      'mongo_connection_pool_waiting:server2': 4,
+    })
+
+    // Delete another server
+    this.servers.delete('server2')
+    metrics = await getMetrics()
+    expect(metrics).to.deep.equal({})
+  })
+})
+
+async function getMetrics() {
+  const metrics = await prom.register.getMetricsAsJSON()
+  const result = {}
+  for (const metric of metrics) {
+    for (const value of metric.values) {
+      const key = `${metric.name}:${value.labels.mongo_server}`
+      result[key] = value.value
+    }
+  }
+  return result
+}
diff --git a/libraries/metrics/tsconfig.json b/libraries/metrics/tsconfig.json
new file mode 100644
index 0000000..d43bb24
--- /dev/null
+++ b/libraries/metrics/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "**/*.js",
+    "**/*.cjs"
+  ]
+}
diff --git a/libraries/metrics/uv_threadpool_size.js b/libraries/metrics/uv_threadpool_size.js
new file mode 100644
index 0000000..78a9431
--- /dev/null
+++ b/libraries/metrics/uv_threadpool_size.js
@@ -0,0 +1,5 @@
+if (!process.env.UV_THREADPOOL_SIZE) {
+  process.env.UV_THREADPOOL_SIZE = 16
+  // eslint-disable-next-line no-console
+  console.log(`Set UV_THREADPOOL_SIZE=${process.env.UV_THREADPOOL_SIZE}`)
+}
diff --git a/libraries/mongo-utils/.gitignore b/libraries/mongo-utils/.gitignore
new file mode 100644
index 0000000..edb0f85
--- /dev/null
+++ b/libraries/mongo-utils/.gitignore
@@ -0,0 +1,3 @@
+
+# managed by monorepo$ bin/update_build_scripts
+.npmrc
diff --git a/libraries/mongo-utils/.nvmrc b/libraries/mongo-utils/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/libraries/mongo-utils/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/libraries/mongo-utils/batchedUpdate.js b/libraries/mongo-utils/batchedUpdate.js
new file mode 100644
index 0000000..7e3ad67
--- /dev/null
+++ b/libraries/mongo-utils/batchedUpdate.js
@@ -0,0 +1,317 @@
+// @ts-check
+/* eslint-disable no-console */
+const { ObjectId, ReadPreference } = require('mongodb')
+
+const READ_PREFERENCE_SECONDARY =
+  process.env.MONGO_HAS_SECONDARIES === 'true'
+    ? ReadPreference.secondary.mode
+    : ReadPreference.secondaryPreferred.mode
+
+const ONE_MONTH_IN_MS = 1000 * 60 * 60 * 24 * 31
+let ID_EDGE_PAST
+const ID_EDGE_FUTURE = objectIdFromMs(Date.now() + 1000)
+let BATCH_DESCENDING
+let BATCH_SIZE
+let VERBOSE_LOGGING
+let BATCH_RANGE_START
+let BATCH_RANGE_END
+let BATCH_MAX_TIME_SPAN_IN_MS
+let BATCHED_UPDATE_RUNNING = false
+
+/**
+ * @typedef {import("mongodb").Collection} Collection
+ * @typedef {import("mongodb-legacy").Collection} LegacyCollection
+ * @typedef {import("mongodb").Document} Document
+ * @typedef {import("mongodb").FindOptions} FindOptions
+ * @typedef {import("mongodb").UpdateFilter<Document>} UpdateDocument
+ */
+
+/**
+ * @typedef {Object} BatchedUpdateOptions
+ * @property {string} [BATCH_DESCENDING]
+ * @property {string} [BATCH_LAST_ID]
+ * @property {string} [BATCH_MAX_TIME_SPAN_IN_MS]
+ * @property {string} [BATCH_RANGE_END]
+ * @property {string} [BATCH_RANGE_START]
+ * @property {string} [BATCH_SIZE]
+ * @property {string} [VERBOSE_LOGGING]
+ */
+
+/**
+ * @param {BatchedUpdateOptions} options
+ */
+function refreshGlobalOptionsForBatchedUpdate(options = {}) {
+  options = Object.assign({}, options, process.env)
+
+  BATCH_DESCENDING = options.BATCH_DESCENDING === 'true'
+  BATCH_SIZE = parseInt(options.BATCH_SIZE || '1000', 10) || 1000
+  VERBOSE_LOGGING = options.VERBOSE_LOGGING === 'true'
+  if (options.BATCH_LAST_ID) {
+    BATCH_RANGE_START = objectIdFromInput(options.BATCH_LAST_ID)
+  } else if (options.BATCH_RANGE_START) {
+    BATCH_RANGE_START = objectIdFromInput(options.BATCH_RANGE_START)
+  } else {
+    if (BATCH_DESCENDING) {
+      BATCH_RANGE_START = ID_EDGE_FUTURE
+    } else {
+      BATCH_RANGE_START = ID_EDGE_PAST
+    }
+  }
+  BATCH_MAX_TIME_SPAN_IN_MS = parseInt(
+    options.BATCH_MAX_TIME_SPAN_IN_MS || ONE_MONTH_IN_MS.toString(),
+    10
+  )
+  if (options.BATCH_RANGE_END) {
+    BATCH_RANGE_END = objectIdFromInput(options.BATCH_RANGE_END)
+  } else {
+    if (BATCH_DESCENDING) {
+      BATCH_RANGE_END = ID_EDGE_PAST
+    } else {
+      BATCH_RANGE_END = ID_EDGE_FUTURE
+    }
+  }
+}
+
+/**
+ * @param {Collection | LegacyCollection} collection
+ * @param {Document} query
+ * @param {ObjectId} start
+ * @param {ObjectId} end
+ * @param {Document} projection
+ * @param {FindOptions} findOptions
+ * @return {Promise<Array<Document>>}
+ */
+async function getNextBatch(
+  collection,
+  query,
+  start,
+  end,
+  projection,
+  findOptions
+) {
+  if (BATCH_DESCENDING) {
+    query._id = {
+      $gt: end,
+      $lte: start,
+    }
+  } else {
+    query._id = {
+      $gt: start,
+      $lte: end,
+    }
+  }
+  return await collection
+    .find(query, findOptions)
+    .project(projection)
+    .sort({ _id: BATCH_DESCENDING ? -1 : 1 })
+    .limit(BATCH_SIZE)
+    .toArray()
+}
+
+/**
+ * @param {Collection | LegacyCollection} collection
+ * @param {Array<Document>} nextBatch
+ * @param {UpdateDocument} update
+ * @return {Promise<void>}
+ */
+async function performUpdate(collection, nextBatch, update) {
+  await collection.updateMany(
+    { _id: { $in: nextBatch.map(entry => entry._id) } },
+    update
+  )
+}
+
+/**
+ * @param {string} input
+ * @return {ObjectId}
+ */
+function objectIdFromInput(input) {
+  if (input.includes('T')) {
+    const t = new Date(input).getTime()
+    if (Number.isNaN(t)) throw new Error(`${input} is not a valid date`)
+    return objectIdFromMs(t)
+  } else {
+    return new ObjectId(input)
+  }
+}
+
+/**
+ * @param {ObjectId} objectId
+ * @return {string}
+ */
+function renderObjectId(objectId) {
+  return `${objectId} (${objectId.getTimestamp().toISOString()})`
+}
+
+/**
+ * @param {number} ms
+ * @return {ObjectId}
+ */
+function objectIdFromMs(ms) {
+  return ObjectId.createFromTime(ms / 1000)
+}
+
+/**
+ * @param {ObjectId} id
+ * @return {number}
+ */
+function getMsFromObjectId(id) {
+  return id.getTimestamp().getTime()
+}
+
+/**
+ * @param {ObjectId} start
+ * @return {ObjectId}
+ */
+function getNextEnd(start) {
+  let end
+  if (BATCH_DESCENDING) {
+    end = objectIdFromMs(getMsFromObjectId(start) - BATCH_MAX_TIME_SPAN_IN_MS)
+    if (getMsFromObjectId(end) <= getMsFromObjectId(BATCH_RANGE_END)) {
+      end = BATCH_RANGE_END
+    }
+  } else {
+    end = objectIdFromMs(getMsFromObjectId(start) + BATCH_MAX_TIME_SPAN_IN_MS)
+    if (getMsFromObjectId(end) >= getMsFromObjectId(BATCH_RANGE_END)) {
+      end = BATCH_RANGE_END
+    }
+  }
+  return end
+}
+
+/**
+ * @param {Collection | LegacyCollection} collection
+ * @return {Promise<ObjectId|null>}
+ */
+async function getIdEdgePast(collection) {
+  const [first] = await collection
+    .find({})
+    .project({ _id: 1 })
+    .sort({ _id: 1 })
+    .limit(1)
+    .toArray()
+  if (!first) return null
+  // Go one second further into the past in order to include the first entry via
+  // first._id > ID_EDGE_PAST
+  return objectIdFromMs(Math.max(0, getMsFromObjectId(first._id) - 1000))
+}
+
+/**
+ * @param {Collection | LegacyCollection} collection
+ * @param {Document} query
+ * @param {UpdateDocument | ((batch: Array<Document>) => Promise<void>)} update
+ * @param {Document} [projection]
+ * @param {FindOptions} [findOptions]
+ * @param {BatchedUpdateOptions} [batchedUpdateOptions]
+ */
+async function batchedUpdate(
+  collection,
+  query,
+  update,
+  projection,
+  findOptions,
+  batchedUpdateOptions
+) {
+  // only a single batchedUpdate can run at a time due to global variables
+  if (BATCHED_UPDATE_RUNNING) {
+    throw new Error('batchedUpdate is already running')
+  }
+  try {
+    BATCHED_UPDATE_RUNNING = true
+    ID_EDGE_PAST = await getIdEdgePast(collection)
+    if (!ID_EDGE_PAST) {
+      console.warn(
+        `The collection ${collection.collectionName} appears to be empty.`
+      )
+      return 0
+    }
+    refreshGlobalOptionsForBatchedUpdate(batchedUpdateOptions)
+
+    findOptions = findOptions || {}
+    findOptions.readPreference = READ_PREFERENCE_SECONDARY
+
+    projection = projection || { _id: 1 }
+    let nextBatch
+    let updated = 0
+    let start = BATCH_RANGE_START
+
+    while (start !== BATCH_RANGE_END) {
+      let end = getNextEnd(start)
+      nextBatch = await getNextBatch(
+        collection,
+        query,
+        start,
+        end,
+        projection,
+        findOptions
+      )
+      if (nextBatch.length > 0) {
+        end = nextBatch[nextBatch.length - 1]._id
+        updated += nextBatch.length
+
+        if (VERBOSE_LOGGING) {
+          console.log(
+            `Running update on batch with ids ${JSON.stringify(
+              nextBatch.map(entry => entry._id)
+            )}`
+          )
+        } else {
+          console.error(`Running update on batch ending ${renderObjectId(end)}`)
+        }
+
+        if (typeof update === 'function') {
+          await update(nextBatch)
+        } else {
+          await performUpdate(collection, nextBatch, update)
+        }
+      }
+      console.error(`Completed batch ending ${renderObjectId(end)}`)
+      start = end
+    }
+    return updated
+  } finally {
+    BATCHED_UPDATE_RUNNING = false
+  }
+}
+
+/**
+ * @param {Collection | LegacyCollection} collection
+ * @param {Document} query
+ * @param {UpdateDocument | ((batch: Array<Object>) => Promise<void>)} update
+ * @param {Document} [projection]
+ * @param {FindOptions} [findOptions]
+ * @param {BatchedUpdateOptions} [batchedUpdateOptions]
+ */
+function batchedUpdateWithResultHandling(
+  collection,
+  query,
+  update,
+  projection,
+  findOptions,
+  batchedUpdateOptions
+) {
+  batchedUpdate(
+    collection,
+    query,
+    update,
+    projection,
+    findOptions,
+    batchedUpdateOptions
+  )
+    .then(processed => {
+      console.error({ processed })
+      process.exit(0)
+    })
+    .catch(error => {
+      console.error({ error })
+      process.exit(1)
+    })
+}
+
+module.exports = {
+  READ_PREFERENCE_SECONDARY,
+  objectIdFromInput,
+  renderObjectId,
+  batchedUpdate,
+  batchedUpdateWithResultHandling,
+}
diff --git a/libraries/mongo-utils/buildscript.txt b/libraries/mongo-utils/buildscript.txt
new file mode 100644
index 0000000..a4e4fe7
--- /dev/null
+++ b/libraries/mongo-utils/buildscript.txt
@@ -0,0 +1,10 @@
+mongo-utils
+--dependencies=None
+--docker-repos=gcr.io/overleaf-ops
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--is-library=True
+--node-version=20.18.2
+--public-repo=False
+--script-version=4.7.0
diff --git a/libraries/mongo-utils/index.js b/libraries/mongo-utils/index.js
new file mode 100644
index 0000000..e69de29
diff --git a/libraries/mongo-utils/package.json b/libraries/mongo-utils/package.json
new file mode 100644
index 0000000..51e2148
--- /dev/null
+++ b/libraries/mongo-utils/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "@overleaf/mongo-utils",
+  "version": "0.0.1",
+  "description": "utilities to help working with mongo",
+  "main": "index.js",
+  "scripts": {
+    "test": "npm run lint && npm run format && npm run types:check && npm run test:unit",
+    "test:unit": "mocha --exit test/**/*.{js,cjs}",
+    "lint": "eslint --ext .js --ext .cjs --ext .ts --max-warnings 0 --format unix .",
+    "lint:fix": "eslint --fix --ext .js --ext .cjs --ext .ts .",
+    "format": "prettier --list-different $PWD/'**/*.{js,cjs,ts}'",
+    "format:fix": "prettier --write $PWD/'**/*.{js,cjs,ts}'",
+    "test:ci": "npm run test:unit",
+    "types:check": "tsc --noEmit"
+  },
+  "author": "Overleaf (https://www.overleaf.com)",
+  "license": "AGPL-3.0-only",
+  "dependencies": {
+    "mongodb": "6.12.0",
+    "mongodb-legacy": "6.1.3"
+  },
+  "devDependencies": {
+    "chai": "^4.3.6",
+    "mocha": "^11.1.0",
+    "sandboxed-module": "^2.0.4",
+    "sinon": "^9.2.4",
+    "sinon-chai": "^3.7.0",
+    "typescript": "^5.0.4"
+  }
+}
diff --git a/libraries/mongo-utils/test/setup.js b/libraries/mongo-utils/test/setup.js
new file mode 100644
index 0000000..78e563f
--- /dev/null
+++ b/libraries/mongo-utils/test/setup.js
@@ -0,0 +1,11 @@
+const chai = require('chai')
+const sinonChai = require('sinon-chai')
+const SandboxedModule = require('sandboxed-module')
+
+// Chai configuration
+chai.should()
+chai.use(sinonChai)
+
+SandboxedModule.configure({
+  globals: { Buffer, JSON, console, process },
+})
diff --git a/libraries/mongo-utils/tsconfig.json b/libraries/mongo-utils/tsconfig.json
new file mode 100644
index 0000000..d43bb24
--- /dev/null
+++ b/libraries/mongo-utils/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "**/*.js",
+    "**/*.cjs"
+  ]
+}
diff --git a/libraries/o-error/.editorconfig b/libraries/o-error/.editorconfig
new file mode 100644
index 0000000..9d08a1a
--- /dev/null
+++ b/libraries/o-error/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
diff --git a/libraries/o-error/.gitignore b/libraries/o-error/.gitignore
new file mode 100644
index 0000000..cf2f0ad
--- /dev/null
+++ b/libraries/o-error/.gitignore
@@ -0,0 +1,5 @@
+.nyc_output
+coverage
+node_modules/
+
+.npmrc
diff --git a/libraries/o-error/.nvmrc b/libraries/o-error/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/libraries/o-error/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/libraries/o-error/CHANGELOG.md b/libraries/o-error/CHANGELOG.md
new file mode 100644
index 0000000..6d1a61f
--- /dev/null
+++ b/libraries/o-error/CHANGELOG.md
@@ -0,0 +1,3 @@
+# @overleaf/o-error History
+
+Please see the [Releases on GitHub](https://github.com/overleaf/o-error/releases) for history.
diff --git a/libraries/o-error/LICENSE b/libraries/o-error/LICENSE
new file mode 100644
index 0000000..b301625
--- /dev/null
+++ b/libraries/o-error/LICENSE
@@ -0,0 +1,21 @@
+The MIT License
+
+Copyright (c) 2016-2018 Overleaf https://www.overleaf.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/libraries/o-error/README.md b/libraries/o-error/README.md
new file mode 100644
index 0000000..cf6582b
--- /dev/null
+++ b/libraries/o-error/README.md
@@ -0,0 +1,475 @@
+# @overleaf/o-error
+
+[![npm version](https://badge.fury.io/js/%40overleaf%2Fo-error.svg)](https://badge.fury.io/js/%40overleaf%2Fo-error)
+[![CircleCI](https://circleci.com/gh/overleaf/o-error.svg?style=svg)](https://circleci.com/gh/overleaf/o-error)
+[![Coverage Status](https://coveralls.io/repos/github/overleaf/o-error/badge.svg?branch=master)](https://coveralls.io/github/overleaf/o-error?branch=master)
+
+Light-weight helpers for handling JavaScript Errors in node.js and the browser.
+
+- Get long stack traces across async functions and callbacks with `OError.tag`.
+- Easily make custom `Error` subclasses.
+- Wrap internal errors, preserving the original errors for logging as `causes`.
+- Play nice with error logging services by keeping data in attached `info` objects instead of the error message.
+
+## Table of Contents
+
+<!-- toc -->
+
+- [Long Stack Traces with `OError.tag`](#long-stack-traces-with-oerrortag)
+  * [The Problem](#the-problem)
+  * [The Solution](#the-solution)
+  * [Adding More Info](#adding-more-info)
+  * [`async`/`await`](#asyncawait)
+  * [Better Async Stack Traces in Node 12+](#better-async-stack-traces-in-node-12)
+  * [Caveat: Shared Error Instances](#caveat-shared-error-instances)
+- [Create Custom Error Classes](#create-custom-error-classes)
+  * [Attaching Extra Info](#attaching-extra-info)
+  * [Wrapping an Internal Error](#wrapping-an-internal-error)
+- [OError API Reference](#oerror-api-reference)
+  * [new OError(message, [info], [cause])](#new-oerrormessage-info-cause)
+  * [oError.withInfo(info) ⇒ this](#oerrorwithinfoinfo--this)
+  * [oError.withCause(cause) ⇒ this](#oerrorwithcausecause--this)
+  * [OError.maxTags : Number](#oerrormaxtags--number)
+  * [OError.tag(error, [message], [info]) ⇒ Error](#oerrortagerror-message-info--error)
+  * [OError.getFullInfo(error) ⇒ Object](#oerrorgetfullinfoerror--object)
+  * [OError.getFullStack(error) ⇒ string](#oerrorgetfullstackerror--string)
+- [References](#references)
+
+<!-- tocstop -->
+
+## Long Stack Traces with `OError.tag`
+
+### The Problem
+
+While JavaScript errors have stack traces, they only go back to the start of the latest tick, so they are often not very useful. For example:
+
+```js
+const demoDatabase = {
+  findUser(id, callback) {
+    process.nextTick(() => {
+      // return result asynchronously
+      if (id === 42) {
+        callback(null, { name: 'Bob' })
+      } else {
+        callback(new Error('not found'))
+      }
+    })
+  },
+}
+
+function sayHi1(userId, callback) {
+  demoDatabase.findUser(userId, (err, user) => {
+    if (err) return callback(err)
+    callback(null, 'Hi ' + user.name)
+  })
+}
+
+sayHi1(43, (err, result) => {
+  if (err) {
+    console.error(err)
+  } else {
+    console.log(result)
+  }
+})
+```
+
+The resulting error's stack trace doesn't make any mention of our `sayHi1` function; it starts at the `nextTick` built-in:
+
+```
+Error: not found
+    at process.nextTick (repl:8:18)
+    at process._tickCallback (internal/process/next_tick.js:61:11)
+```
+
+In practice, it's often even worse, like
+
+```
+DBError: socket connection refused
+    at someObscureLibraryFunction (...)
+    at ...
+```
+
+### The Solution
+
+Before passing the error to a callback, call the `OError.tag` function to capture a stack trace at the call site:
+
+```js
+const OError = require('.')
+
+function sayHi2(userId, callback) {
+  demoDatabase.findUser(userId, (err, user) => {
+    if (err) return callback(OError.tag(err))
+    callback(null, 'Hi ' + user.name)
+  })
+}
+
+sayHi2(43, (err, result) => {
+  if (err) {
+    console.error(OError.getFullStack(OError.tag(err)))
+  } else {
+    console.log(result)
+  }
+})
+```
+
+And use `OError.getFullStack` to reconstruct the full stack, including the tagged errors:
+
+```
+Error: not found
+    at process.nextTick (repl:8:18)
+    at process._tickCallback (internal/process/next_tick.js:61:11)
+TaggedError
+    at demoDatabase.findUser (repl:3:37)
+    at process.nextTick (repl:8:9)
+    at process._tickCallback (internal/process/next_tick.js:61:11)
+TaggedError
+    at sayHi2 (repl:3:46)
+    at demoDatabase.findUser (repl:3:21)
+    at process.nextTick (repl:8:9)
+    at process._tickCallback (internal/process/next_tick.js:61:11)
+```
+
+The full stack contains the original error's stack and also the `TaggedError` stacks. There's some redundancy, but it's better to have too much information than too little.
+
+### Adding More Info
+
+You can add more information at each `tag` call site: a message and an `info` object with custom properties.
+
+```js
+function sayHi3(userId, callback) {
+  demoDatabase.findUser(userId, (err, user) => {
+    if (err) return callback(OError.tag(err, 'failed to find user', { userId }))
+    callback(null, 'Hi ' + user.name)
+  })
+}
+
+sayHi3(43, (err, result) => {
+  if (err) {
+    OError.tag(err, 'failed to say hi')
+    console.error(OError.getFullStack(err))
+    console.error(OError.getFullInfo(err))
+  } else {
+    console.log(result)
+  }
+})
+```
+
+The `OError.getFullInfo` property merges all of the `info`s from the tags together into one object. This logs a full stack trace with `failed to ...` annotations and an `info` object that contains the `userId` that it failed to find:
+
+```
+Error: not found
+    at process.nextTick (repl:8:18)
+    at process._tickCallback (internal/process/next_tick.js:61:11)
+TaggedError: failed to find user
+    at demoDatabase.findUser (repl:3:37)
+    at process.nextTick (repl:8:9)
+    at process._tickCallback (internal/process/next_tick.js:61:11)
+TaggedError: failed to say hi
+    at sayHi3 (repl:3:12)
+    at demoDatabase.findUser (repl:3:21)
+    at process.nextTick (repl:8:9)
+    at process._tickCallback (internal/process/next_tick.js:61:11)
+
+{ userId: 43 }
+```
+
+Logging this information (or reporting it to an error monitoring service) hopefully gives you a good start to figuring out what went wrong.
+
+### `async`/`await`
+
+The `OError.tag` approach works with both async/await and callback-oriented code. When using async/await, the pattern is to catch an error, tag it and rethrow:
+
+```js
+const promisify = require('util').promisify
+demoDatabase.findUserAsync = promisify(demoDatabase.findUser)
+
+async function sayHi4(userId) {
+  try {
+    const user = await demoDatabase.findUserAsync(userId)
+    return `Hi ${user.name}`
+  } catch (error) {
+    throw OError.tag(error, 'failed to find user', { userId })
+  }
+}
+
+async function main() {
+  try {
+    await sayHi4(43)
+  } catch (error) {
+    OError.tag(error, 'failed to say hi')
+    console.error(OError.getFullStack(error))
+    console.error(OError.getFullInfo(error))
+  }
+}
+main()
+```
+
+The resulting full stack trace points to `sayHi4` in `main`, as expected:
+
+```
+Error: not found
+    at process.nextTick (repl:8:18)
+    at process._tickCallback (internal/process/next_tick.js:61:11)
+TaggedError: failed to find user
+    at sayHi4 (repl:6:18)
+    at process._tickCallback (internal/process/next_tick.js:68:7)
+TaggedError: failed to say hi
+    at main (repl:5:12)
+    at process._tickCallback (internal/process/next_tick.js:68:7)
+
+{ userId: 43 }
+```
+
+### Better Async Stack Traces in Node 12+
+
+The above output is from node 10. Node 12 has improved stack traces for async code that uses native promises. However, until your whole stack, including all libraries, is using async/await and native promises, you're still likely to get unhelpful stack traces. So, the tagging approach still adds value, even in node 12. (And the `info` from tagging can add value even to a good stack trace, because it can contain clues about the input the caused the error.)
+
+### Caveat: Shared Error Instances
+
+Some libraries, such as `ioredis`, may return the same `Error` instance to multiple callbacks. In this case, the tags may be misleading, because they will be a mixture of the different 'stacks' that lead to the error. You can either accept this or choose to instead wrap the errors from these libraries with new `OError` instances using `withCause`.
+
+In the worst case, a library that always returns a single instance of an error could cause a resource leak. To prevent this, `OError` will only add up to `OError.maxTags` (default 100) tags to a single Error instance.
+
+## Create Custom Error Classes
+
+Broadly speaking, there are two kinds of errors: those we try to recover from, and those for which we give up (i.e. a 5xx response in a web application). For the latter kind, we usually just want to log a message and stack trace useful for debugging, which `OError.tag` helps with.
+
+To recover from an error, we usually need to know what kind of error it was and perhaps to check some of its properties. Defining a custom Error subclass is a good way to do this. Callers can check the type of the error either with `instanceof` or using a custom property, such as `code`.
+
+With ES6 classes, creating a custom error subclass is mostly as simple as `extends Error`. One extra line is required to set the error's `name` appropriately, and inheriting from `OError` handles this implementation detail. Here's an example:
+
+```js
+class UserNotFoundError extends OError {
+  constructor() {
+    super('user not found')
+  }
+}
+
+try {
+  throw new UserNotFoundError()
+} catch (error) {
+  console.error(`instanceof Error: ${error instanceof Error}`)
+  console.error(
+    `instanceof UserNotFoundError: ${error instanceof UserNotFoundError}`
+  )
+  console.error(error.stack)
+}
+```
+
+```
+instanceof Error: true
+instanceof UserNotFoundError: true
+UserNotFoundError: user not found
+    at repl:2:9
+    ...
+```
+
+### Attaching Extra Info
+
+Whether for helping with error recovery or just for debugging, it is often helpful to include some of the state that caused the error in the error. One way to do this is to put it in the message, but this has a few problems:
+
+- Even if the error is later handled and recovered from, we spend time stringifying the state to add it to the error message.
+- Error monitoring systems often look at the message when trying to group similar errors together, and they can get confused by the ever-changing messages.
+- When using structured logging, you lose the ability to easily query or filter the logs based on the state; instead clever regexes may be required to get it out of the messages.
+
+Instead, `OError`s (and subclasses) support an `info` object that can contain arbitrary data. Using `info`, we might write the above example as:
+
+```js
+class UserNotFoundError extends OError {
+  constructor(userId) {
+    super('user not found', { userId })
+  }
+}
+
+try {
+  throw new UserNotFoundError(123)
+} catch (error) {
+  console.error(OError.getFullStack(error))
+  console.error(OError.getFullInfo(error))
+}
+```
+
+```
+UserNotFoundError: user not found
+    at repl:2:9
+    ...
+{ userId: 123 }
+```
+
+The `OError.getFullInfo` helper merges the `info` on custom errors and any info added with `OError.tag` on its way up the stack. It is intended for use when logging errors. If trying to recover from an error that is known to be a `UserNotFoundError`, it is usually better to interrogate `error.info.userId` directly.
+
+### Wrapping an Internal Error
+
+Detecting a condition like 'user not found' in the example above often starts with an internal database error. It is possible to just let the internal database error propagate all the way up through the stack, but this makes the code more coupled to the internals of the database (or database driver). It is often cleaner to handle and wrap the internal error in one that is under your control. Tying up the examples above:
+
+```js
+async function sayHi5(userId) {
+  try {
+    const user = await demoDatabase.findUserAsync(userId)
+    return `Hi ${user.name}`
+  } catch (error) {
+    if (error.message === 'not found') {
+      throw new UserNotFoundError(userId).withCause(error)
+    }
+  }
+}
+
+async function main() {
+  try {
+    await sayHi5(43)
+  } catch (error) {
+    OError.tag(error, 'failed to say hi')
+    console.error(OError.getFullStack(error))
+    console.error(OError.getFullInfo(error))
+  }
+}
+main()
+```
+
+The output includes the wrapping error, the tag and the cause, together with the info:
+
+```
+UserNotFoundError: user not found
+    at sayHi5 (repl:7:13)
+    at process._tickCallback (internal/process/next_tick.js:68:7)
+TaggedError: failed to say hi
+    at main (repl:5:12)
+    at process._tickCallback (internal/process/next_tick.js:68:7)
+caused by:
+    Error: not found
+        at process.nextTick (repl:8:18)
+        at process._tickCallback (internal/process/next_tick.js:61:11)
+{ userId: 43 }
+```
+
+## OError API Reference
+
+<a name="OError"></a>
+* [OError](#OError)
+    * [new OError(message, [info], [cause])](#new_OError_new)
+    * _instance_
+        * [.withInfo(info)](#OError+withInfo) ⇒ <code>this</code>
+        * [.withCause(cause)](#OError+withCause) ⇒ <code>this</code>
+    * _static_
+        * [.maxTags](#OError.maxTags) : <code>Number</code>
+        * [.tag(error, [message], [info])](#OError.tag) ⇒ <code>Error</code>
+        * [.getFullInfo(error)](#OError.getFullInfo) ⇒ <code>Object</code>
+        * [.getFullStack(error)](#OError.getFullStack) ⇒ <code>string</code>
+
+<a name="new_OError_new"></a>
+
+### new OError(message, [info], [cause])
+
+| Param | Type | Description |
+| --- | --- | --- |
+| message | <code>string</code> | as for built-in Error |
+| [info] | <code>Object</code> | extra data to attach to the error |
+| [cause] | <code>Error</code> | the internal error that caused this error |
+
+<a name="OError+withInfo"></a>
+
+### oError.withInfo(info) ⇒ <code>this</code>
+Set the extra info object for this error.
+
+**Kind**: instance method of [<code>OError</code>](#OError)  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| info | <code>Object</code> | extra data to attach to the error |
+
+<a name="OError+withCause"></a>
+
+### oError.withCause(cause) ⇒ <code>this</code>
+Wrap the given error, which caused this error.
+
+**Kind**: instance method of [<code>OError</code>](#OError)  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| cause | <code>Error</code> | the internal error that caused this error |
+
+<a name="OError.maxTags"></a>
+
+### OError.maxTags : <code>Number</code>
+Maximum number of tags to apply to any one error instance. This is to avoid
+a resource leak in the (hopefully unlikely) case that a singleton error
+instance is returned to many callbacks. If tags have been dropped, the full
+stack trace will include a placeholder tag `... dropped tags`.
+
+Defaults to 100. Must be at least 1.
+
+**Kind**: static property of [<code>OError</code>](#OError)  
+<a name="OError.tag"></a>
+
+### OError.tag(error, [message], [info]) ⇒ <code>Error</code>
+Tag debugging information onto any error (whether an OError or not) and
+return it.
+
+**Kind**: static method of [<code>OError</code>](#OError)  
+**Returns**: <code>Error</code> - the modified `error` argument  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| error | <code>Error</code> | the error to tag |
+| [message] | <code>string</code> | message with which to tag `error` |
+| [info] | <code>Object</code> | extra data with wich to tag `error` |
+
+**Example** *(An error in a callback)*  
+```js
+function findUser(name, callback) {
+  fs.readFile('/etc/passwd', (err, data) => {
+    if (err) return callback(OError.tag(err, 'failed to read passwd'))
+    // ...
+  })
+}
+```
+**Example** *(A possible error in a callback)*  
+```js
+function cleanup(callback) {
+  fs.unlink('/tmp/scratch', (err) => callback(err && OError.tag(err)))
+}
+```
+**Example** *(An error with async/await)*  
+```js
+async function cleanup() {
+  try {
+    await fs.promises.unlink('/tmp/scratch')
+  } catch (err) {
+    throw OError.tag(err, 'failed to remove scratch file')
+  }
+}
+```
+<a name="OError.getFullInfo"></a>
+
+### OError.getFullInfo(error) ⇒ <code>Object</code>
+The merged info from any `tag`s and causes on the given error.
+
+If an info property is repeated, the last one wins.
+
+**Kind**: static method of [<code>OError</code>](#OError)  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| error | <code>Error</code> \| <code>null</code> \| <code>undefined</code> | any error (may or may not be an `OError`) |
+
+<a name="OError.getFullStack"></a>
+
+### OError.getFullStack(error) ⇒ <code>string</code>
+Return the `stack` property from `error`, including the `stack`s for any
+tagged errors added with `OError.tag` and for any `cause`s.
+
+**Kind**: static method of [<code>OError</code>](#OError)  
+
+| Param | Type | Description |
+| --- | --- | --- |
+| error | <code>Error</code> \| <code>null</code> \| <code>undefined</code> | any error (may or may not be an `OError`) |
+<!-- END API REFERENCE -->
+
+## References
+
+- [MDN: Error](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Error)
+- [Error Handling in Node.js](https://www.joyent.com/node-js/production/design/errors)
+- [verror](https://github.com/joyent/node-verror)
+- [Custom JavaScript Errors in ES6](https://medium.com/@xjamundx/custom-javascript-errors-in-es6-aa891b173f87)
+- [Custom errors, extending Error](https://javascript.info/custom-errors)
+- https://gist.github.com/justmoon/15511f92e5216fa2624b (some tests are based largely on this gist)
diff --git a/libraries/o-error/buildscript.txt b/libraries/o-error/buildscript.txt
new file mode 100644
index 0000000..81d3eb3
--- /dev/null
+++ b/libraries/o-error/buildscript.txt
@@ -0,0 +1,10 @@
+o-error
+--dependencies=None
+--docker-repos=gcr.io/overleaf-ops
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--is-library=True
+--node-version=20.18.2
+--public-repo=False
+--script-version=4.7.0
diff --git a/libraries/o-error/doc/benchmark.js b/libraries/o-error/doc/benchmark.js
new file mode 100644
index 0000000..4e1bf26
--- /dev/null
+++ b/libraries/o-error/doc/benchmark.js
@@ -0,0 +1,44 @@
+//
+// A quick microbenchmark for OError.tag.
+//
+const OError = require('..')
+
+function benchmark(fn, repeats = 100000) {
+  const startTime = process.hrtime()
+  for (let i = 0; i < repeats; ++i) {
+    fn()
+  }
+  const elapsed = process.hrtime(startTime)
+  return elapsed[0] * 1e3 + elapsed[1] * 1e-6
+}
+
+function throwError() {
+  throw new Error('here is a test error')
+}
+
+console.log(
+  'no tagging: ',
+  benchmark(() => {
+    try {
+      throwError()
+      return 1
+    } catch (error) {
+      return 0
+    }
+  }),
+  'ms'
+)
+
+console.log(
+  'tagging: ',
+  benchmark(() => {
+    try {
+      throwError()
+      return 1
+    } catch (error) {
+      OError.tag(error, 'here is a test tag')
+      return 0
+    }
+  }),
+  'ms'
+)
diff --git a/libraries/o-error/doc/demo.js b/libraries/o-error/doc/demo.js
new file mode 100644
index 0000000..9ebef2d
--- /dev/null
+++ b/libraries/o-error/doc/demo.js
@@ -0,0 +1,141 @@
+// This is the code from the README.
+
+const OError = require('..')
+
+const demoDatabase = {
+  findUser(id, callback) {
+    process.nextTick(() => {
+      // return result asynchronously
+      if (id === 42) {
+        callback(null, { name: 'Bob' })
+      } else {
+        callback(new Error('not found'))
+      }
+    })
+  },
+}
+
+function sayHi1(userId, callback) {
+  demoDatabase.findUser(userId, (err, user) => {
+    if (err) return callback(err)
+    callback(null, 'Hi ' + user.name)
+  })
+}
+
+sayHi1(42, (err, result) => {
+  if (err) {
+    console.error(err)
+  } else {
+    console.log(result)
+  }
+})
+
+sayHi1(43, (err, result) => {
+  if (err) {
+    console.error(err)
+  } else {
+    console.log(result)
+  }
+})
+
+function sayHi2(userId, callback) {
+  demoDatabase.findUser(userId, (err, user) => {
+    if (err) return callback(OError.tag(err))
+    callback(null, 'Hi ' + user.name)
+  })
+}
+
+sayHi2(43, (err, result) => {
+  if (err) {
+    console.error(OError.getFullStack(OError.tag(err)))
+  } else {
+    console.log(result)
+  }
+})
+
+function sayHi3(userId, callback) {
+  demoDatabase.findUser(userId, (err, user) => {
+    if (err) return callback(OError.tag(err, 'failed to find user', { userId }))
+    callback(null, 'Hi ' + user.name)
+  })
+}
+
+sayHi3(43, (err, result) => {
+  if (err) {
+    OError.tag(err, 'failed to say hi')
+    console.error(OError.getFullStack(err))
+    console.error(OError.getFullInfo(err))
+  } else {
+    console.log(result)
+  }
+})
+
+const promisify = require('node:util').promisify
+demoDatabase.findUserAsync = promisify(demoDatabase.findUser)
+
+async function sayHi4NoHandling(userId) {
+  const user = await demoDatabase.findUserAsync(userId)
+  return `Hi ${user.name}`
+}
+
+async function sayHi4(userId) {
+  try {
+    const user = await demoDatabase.findUserAsync(userId)
+    return `Hi ${user.name}`
+  } catch (error) {
+    throw OError.tag(error, 'failed to find user', { userId })
+  }
+}
+
+async function main() {
+  try {
+    await sayHi4NoHandling(43)
+  } catch (error) {
+    console.error(OError.getFullStack(error))
+    console.error(OError.getFullInfo(error))
+  }
+
+  try {
+    await sayHi4(43)
+  } catch (error) {
+    OError.tag(error, 'failed to say hi')
+    console.error(OError.getFullStack(error))
+    console.error(OError.getFullInfo(error))
+  }
+}
+main()
+
+class UserNotFoundError extends OError {
+  constructor(userId) {
+    super('user not found', { userId })
+  }
+}
+
+try {
+  throw new UserNotFoundError(123)
+} catch (error) {
+  console.error(OError.getFullStack(error))
+  console.error(OError.getFullInfo(error))
+}
+
+async function sayHi5(userId) {
+  try {
+    const user = await demoDatabase.findUserAsync(userId)
+    return `Hi ${user.name}`
+  } catch (error) {
+    if (error.message === 'not found') {
+      throw new UserNotFoundError(userId).withCause(error)
+    }
+  }
+}
+
+async function main2() {
+  try {
+    await sayHi5(43)
+  } catch (error) {
+    OError.tag(error, 'failed to say hi')
+    console.error(OError.getFullStack(error))
+    console.error(OError.getFullInfo(error))
+  }
+}
+main2()
diff --git a/libraries/o-error/index.cjs b/libraries/o-error/index.cjs
new file mode 100644
index 0000000..ef08b45
--- /dev/null
+++ b/libraries/o-error/index.cjs
@@ -0,0 +1,190 @@
+/**
+ * Light-weight helpers for handling JavaScript Errors in node.js and the
+ * browser.
+ */
+class OError extends Error {
+  /**
+   * @param {string} message as for built-in Error
+   * @param {Object} [info] extra data to attach to the error
+   * @param {Error} [cause] the internal error that caused this error
+   */
+  constructor(message, info, cause) {
+    super(message)
+    this.name = this.constructor.name
+    if (info) this.info = info
+    if (cause) this.cause = cause
+    /** @private @type {Array<TaggedError> | undefined} */
+    this._oErrorTags // eslint-disable-line
+  }
+
+  /**
+   * Set the extra info object for this error.
+   *
+   * @param {Object} info extra data to attach to the error
+   * @return {this}
+   */
+  withInfo(info) {
+    this.info = info
+    return this
+  }
+
+  /**
+   * Wrap the given error, which caused this error.
+   *
+   * @param {Error} cause the internal error that caused this error
+   * @return {this}
+   */
+  withCause(cause) {
+    this.cause = cause
+    return this
+  }
+
+  /**
+   * Tag debugging information onto any error (whether an OError or not) and
+   * return it.
+   *
+   * @example <caption>An error in a callback</caption>
+   * function findUser(name, callback) {
+   *   fs.readFile('/etc/passwd', (err, data) => {
+   *     if (err) return callback(OError.tag(err, 'failed to read passwd'))
+   *     // ...
+   *   })
+   * }
+   *
+   * @example <caption>A possible error in a callback</caption>
+   * function cleanup(callback) {
+   *   fs.unlink('/tmp/scratch', (err) => callback(err && OError.tag(err)))
+   * }
+   *
+   * @example <caption>An error with async/await</caption>
+   * async function cleanup() {
+   *   try {
+   *     await fs.promises.unlink('/tmp/scratch')
+   *   } catch (err) {
+   *     throw OError.tag(err, 'failed to remove scratch file')
+   *   }
+   * }
+   *
+   * @param {Error} error the error to tag
+   * @param {string} [message] message with which to tag `error`
+   * @param {Object} [info] extra data with wich to tag `error`
+   * @return {Error} the modified `error` argument
+   */
+  static tag(error, message, info) {
+    const oError = /** @type{OError} */ (error)
+
+    if (!oError._oErrorTags) oError._oErrorTags = []
+
+    let tag
+    if (Error.captureStackTrace) {
+      // Hide this function in the stack trace, and avoid capturing it twice.
+      tag = /** @type TaggedError */ ({ name: 'TaggedError', message, info })
+      Error.captureStackTrace(tag, OError.tag)
+    } else {
+      tag = new TaggedError(message || '', info)
+    }
+
+    if (oError._oErrorTags.length >= OError.maxTags) {
+      // Preserve the first tag and add an indicator that we dropped some tags.
+      if (oError._oErrorTags[1] === DROPPED_TAGS_ERROR) {
+        oError._oErrorTags.splice(2, 1)
+      } else {
+        oError._oErrorTags[1] = DROPPED_TAGS_ERROR
+      }
+    }
+    oError._oErrorTags.push(tag)
+
+    return error
+  }
+
+  /**
+   * The merged info from any `tag`s and causes on the given error.
+   *
+   * If an info property is repeated, the last one wins.
+   *
+   * @param {Error | null | undefined} error any error (may or may not be an `OError`)
+   * @return {Object}
+   */
+  static getFullInfo(error) {
+    const info = {}
+
+    if (!error) return info
+
+    const oError = /** @type{OError} */ (error)
+
+    if (oError.cause) Object.assign(info, OError.getFullInfo(oError.cause))
+
+    if (typeof oError.info === 'object') Object.assign(info, oError.info)
+
+    if (oError._oErrorTags) {
+      for (const tag of oError._oErrorTags) {
+        Object.assign(info, tag.info)
+      }
+    }
+
+    return info
+  }
+
+  /**
+   * Return the `stack` property from `error`, including the `stack`s for any
+   * tagged errors added with `OError.tag` and for any `cause`s.
+   *
+   * @param {Error | null | undefined} error any error (may or may not be an `OError`)
+   * @return {string}
+   */
+  static getFullStack(error) {
+    if (!error) return ''
+
+    const oError = /** @type{OError} */ (error)
+
+    let stack = oError.stack || oError.message || '(no stack)'
+
+    if (Array.isArray(oError._oErrorTags) && oError._oErrorTags.length) {
+      stack += `\n${oError._oErrorTags.map(tag => tag.stack).join('\n')}`
+    }
+
+    const causeStack = oError.cause && OError.getFullStack(oError.cause)
+    if (causeStack) {
+      stack += '\ncaused by:\n' + indent(causeStack)
+    }
+
+    return stack
+  }
+}
+
+/**
+ * Maximum number of tags to apply to any one error instance. This is to avoid
+ * a resource leak in the (hopefully unlikely) case that a singleton error
+ * instance is returned to many callbacks. If tags have been dropped, the full
+ * stack trace will include a placeholder tag `... dropped tags`.
+ *
+ * Defaults to 100. Must be at least 1.
+ *
+ * @type {Number}
+ */
+OError.maxTags = 100
+
+/**
+ * Used to record a stack trace every time we tag info onto an Error.
+ *
+ * @private
+ * @extends OError
+ */
+class TaggedError extends OError {}
+
+const DROPPED_TAGS_ERROR = /** @type{TaggedError} */ ({
+  name: 'TaggedError',
+  message: '... dropped tags',
+  stack: 'TaggedError: ... dropped tags',
+})
+
+/**
+ * @private
+ * @param {string} string
+ * @return {string}
+ */
+function indent(string) {
+  return string.replace(/^/gm, '    ')
+}
+
+module.exports = OError
diff --git a/libraries/o-error/package.json b/libraries/o-error/package.json
new file mode 100644
index 0000000..9e17e85
--- /dev/null
+++ b/libraries/o-error/package.json
@@ -0,0 +1,40 @@
+{
+  "name": "@overleaf/o-error",
+  "version": "3.4.0",
+  "description": "Light-weight helpers for handling JavaScript Errors in node.js and the browser. Helps with long stack traces, Error subclasses, wrapping internal errors (causes), and attaching extra data to errors for logging.",
+  "keywords": [
+    "browser",
+    "node",
+    "error",
+    "long stack trace",
+    "stack trace",
+    "stack",
+    "cause",
+    "verror"
+  ],
+  "main": "index.cjs",
+  "files": [
+    "index.cjs"
+  ],
+  "scripts": {
+    "build": "npm run --silent test",
+    "lint": "eslint --ext .js --ext .cjs --ext .ts --max-warnings 0 --format unix .",
+    "lint:fix": "eslint --fix --ext .js --ext .cjs --ext .ts .",
+    "test": "npm run lint && npm run format && npm run types:check && npm run test:unit",
+    "format": "prettier --list-different $PWD/'**/*.{js,cjs,ts}'",
+    "format:fix": "prettier --write $PWD/'**/*.{js,cjs,ts}'",
+    "test:ci": "npm run test:unit",
+    "test:unit": "mocha --exit test/**/*.{js,cjs}",
+    "types:check": "tsc --noEmit"
+  },
+  "author": "Overleaf (https://www.overleaf.com)",
+  "license": "MIT",
+  "repository": "github:overleaf/o-error",
+  "devDependencies": {
+    "@types/chai": "^4.3.0",
+    "@types/node": "^18.17.4",
+    "chai": "^4.3.6",
+    "mocha": "^11.1.0",
+    "typescript": "^5.0.4"
+  }
+}
diff --git a/libraries/o-error/test/o-error-util.test.js b/libraries/o-error/test/o-error-util.test.js
new file mode 100644
index 0000000..c86cec4
--- /dev/null
+++ b/libraries/o-error/test/o-error-util.test.js
@@ -0,0 +1,425 @@
+const { expect } = require('chai')
+const { promisify } = require('node:util')
+
+const OError = require('..')
+
+const {
+  expectError,
+  expectFullStackWithoutStackFramesToEqual,
+} = require('./support')
+
+describe('utils', function () {
+  describe('OError.tag', function () {
+    it('tags errors thrown from an async function', async function () {
+      const delay = promisify(setTimeout)
+
+      async function foo() {
+        await delay(10)
+        throw new Error('foo error')
+      }
+
+      async function bar() {
+        try {
+          await foo()
+        } catch (error) {
+          throw OError.tag(error, 'failed to bar', { bar: 'baz' })
+        }
+      }
+
+      async function baz() {
+        try {
+          await bar()
+        } catch (error) {
+          throw OError.tag(error, 'failed to baz', { baz: 'bat' })
+        }
+      }
+
+      try {
+        await baz()
+        expect.fail('should have thrown')
+      } catch (error) {
+        expectError(error, {
+          name: 'Error',
+          klass: Error,
+          message: 'Error: foo error',
+          firstFrameRx: /at foo/,
+        })
+        expectFullStackWithoutStackFramesToEqual(error, [
+          'Error: foo error',
+          'TaggedError: failed to bar',
+          'TaggedError: failed to baz',
+        ])
+        expect(OError.getFullInfo(error)).to.eql({
+          bar: 'baz',
+          baz: 'bat',
+        })
+      }
+    })
+
+    it('tags errors thrown from a promise rejection', async function () {
+      function foo() {
+        return new Promise((resolve, reject) => {
+          setTimeout(() => {
+            reject(new Error('foo error'))
+          }, 10)
+        })
+      }
+
+      async function bar() {
+        try {
+          await foo()
+        } catch (error) {
+          throw OError.tag(error, 'failed to bar', { bar: 'baz' })
+        }
+      }
+
+      async function baz() {
+        try {
+          await bar()
+        } catch (error) {
+          throw OError.tag(error, 'failed to baz', { baz: 'bat' })
+        }
+      }
+
+      try {
+        await baz()
+        expect.fail('should have thrown')
+      } catch (error) {
+        expectError(error, {
+          name: 'Error',
+          klass: Error,
+          message: 'Error: foo error',
+          firstFrameRx: /_onTimeout/,
+        })
+        expectFullStackWithoutStackFramesToEqual(error, [
+          'Error: foo error',
+          'TaggedError: failed to bar',
+          'TaggedError: failed to baz',
+        ])
+        expect(OError.getFullInfo(error)).to.eql({
+          bar: 'baz',
+          baz: 'bat',
+        })
+      }
+    })
+
+    it('tags errors yielded through callbacks', function (done) {
+      function foo(cb) {
+        setTimeout(() => {
+          cb(new Error('foo error'))
+        }, 10)
+      }
+
+      function bar(cb) {
+        foo(err => {
+          if (err) {
+            return cb(OError.tag(err, 'failed to bar', { bar: 'baz' }))
+          }
+          cb()
+        })
+      }
+
+      function baz(cb) {
+        bar(err => {
+          if (err) {
+            return cb(OError.tag(err, 'failed to baz', { baz: 'bat' }))
+          }
+          cb()
+        })
+      }
+
+      baz(err => {
+        if (err) {
+          expectError(err, {
+            name: 'Error',
+            klass: Error,
+            message: 'Error: foo error',
+            firstFrameRx: /_onTimeout/,
+          })
+          expectFullStackWithoutStackFramesToEqual(err, [
+            'Error: foo error',
+            'TaggedError: failed to bar',
+            'TaggedError: failed to baz',
+          ])
+          expect(OError.getFullInfo(err)).to.eql({
+            bar: 'baz',
+            baz: 'bat',
+          })
+          return done()
+        }
+        expect.fail('should have yielded an error')
+      })
+    })
+
+    it('is not included in the stack trace if using capture', function () {
+      if (!Error.captureStackTrace) return this.skip()
+      const err = new Error('test error')
+      OError.tag(err, 'test message')
+      const stack = OError.getFullStack(err)
+      expect(stack).to.match(/TaggedError: test message\n\s+at/)
+      expect(stack).to.not.match(/TaggedError: test message\n\s+at [\w.]*tag/)
+    })
+
+    describe('without Error.captureStackTrace', function () {
+      /* eslint-disable mocha/no-hooks-for-single-case */
+      before(function () {
+        this.originalCaptureStackTrace = Error.captureStackTrace
+        Error.captureStackTrace = null
+      })
+      after(function () {
+        Error.captureStackTrace = this.originalCaptureStackTrace
+      })
+
+      it('still captures a stack trace, albeit including itself', function () {
+        const err = new Error('test error')
+        OError.tag(err, 'test message')
+        expectFullStackWithoutStackFramesToEqual(err, [
+          'Error: test error',
+          'TaggedError: test message',
+        ])
+        const stack = OError.getFullStack(err)
+        expect(stack).to.match(/TaggedError: test message\n\s+at [\w.]*tag/)
+      })
+    })
+
+    describe('with limit on the number of tags', function () {
+      before(function () {
+        this.originalMaxTags = OError.maxTags
+        OError.maxTags = 3
+      })
+      after(function () {
+        OError.maxTags = this.originalMaxTags
+      })
+
+      it('should not tag more than that', function () {
+        const err = new Error('test error')
+        OError.tag(err, 'test message 1')
+        OError.tag(err, 'test message 2')
+        OError.tag(err, 'test message 3')
+        OError.tag(err, 'test message 4')
+        OError.tag(err, 'test message 5')
+        expectFullStackWithoutStackFramesToEqual(err, [
+          'Error: test error',
+          'TaggedError: test message 1',
+          'TaggedError: ... dropped tags',
+          'TaggedError: test message 4',
+          'TaggedError: test message 5',
+        ])
+      })
+
+      it('should handle deep recursion', async function () {
+        async function recursiveAdd(n) {
+          try {
+            if (n === 0) throw new Error('deep error')
+            const result = await recursiveAdd(n - 1)
+            return result + 1
+          } catch (err) {
+            throw OError.tag(err, `at level ${n}`)
+          }
+        }
+
+        try {
+          await recursiveAdd(10)
+        } catch (err) {
+          expectFullStackWithoutStackFramesToEqual(err, [
+            'Error: deep error',
+            'TaggedError: at level 0',
+            'TaggedError: ... dropped tags',
+            'TaggedError: at level 9',
+            'TaggedError: at level 10',
+          ])
+        }
+      })
+
+      it('should handle a singleton error', function (done) {
+        const err = new Error('singleton error')
+
+        function endpoint(callback) {
+          helper(err => callback(err && OError.tag(err, 'in endpoint')))
+        }
+
+        function helper(callback) {
+          libraryFunction(err => callback(err && OError.tag(err, 'in helper')))
+        }
+
+        function libraryFunction(callback) {
+          callback(err)
+        }
+
+        endpoint(() => {
+          endpoint(err => {
+            expect(err).to.exist
+            expectFullStackWithoutStackFramesToEqual(err, [
+              'Error: singleton error',
+              'TaggedError: in helper',
+              'TaggedError: ... dropped tags',
+              'TaggedError: in helper',
+              'TaggedError: in endpoint',
+            ])
+            done()
+          })
+        })
+      })
+    })
+  })
+
+  describe('OError.getFullInfo', function () {
+    it('works when given null', function () {
+      expect(OError.getFullInfo(null)).to.deep.equal({})
+    })
+
+    it('works on a normal error', function () {
+      const err = new Error('foo')
+      expect(OError.getFullInfo(err)).to.deep.equal({})
+    })
+
+    it('works on an error with tags', function () {
+      const err = OError.tag(new Error('foo'), 'bar', { userId: 123 })
+      expect(OError.getFullInfo(err)).to.deep.equal({ userId: 123 })
+    })
+
+    it('merges info from an error and its tags', function () {
+      const err = new OError('foo').withInfo({ projectId: 456 })
+      OError.tag(err, 'failed to foo', { userId: 123 })
+      expect(OError.getFullInfo(err)).to.deep.equal({
+        projectId: 456,
+        userId: 123,
+      })
+    })
+
+    it('merges info from a cause', function () {
+      const err1 = new Error('foo')
+      const err2 = new Error('bar')
+      err1.cause = err2
+      err2.info = { userId: 123 }
+      expect(OError.getFullInfo(err1)).to.deep.equal({ userId: 123 })
+    })
+
+    it('merges info from a nested cause', function () {
+      const err1 = new Error('foo')
+      const err2 = new Error('bar')
+      const err3 = new Error('baz')
+      err1.cause = err2
+      err2.info = { userId: 123 }
+      err2.cause = err3
+      err3.info = { foo: 42 }
+      expect(OError.getFullInfo(err1)).to.deep.equal({
+        userId: 123,
+        foo: 42,
+      })
+    })
+
+    it('merges info from cause with duplicate keys', function () {
+      const err1 = new Error('foo')
+      const err2 = new Error('bar')
+      err1.info = { userId: 42, foo: 1337 }
+      err1.cause = err2
+      err2.info = { userId: 1 }
+      expect(OError.getFullInfo(err1)).to.deep.equal({
+        userId: 42,
+        foo: 1337,
+      })
+    })
+
+    it('merges info from tags with duplicate keys', function () {
+      const err1 = OError.tag(new Error('foo'), 'bar', { userId: 123 })
+      const err2 = OError.tag(err1, 'bat', { userId: 456 })
+      expect(OError.getFullInfo(err2)).to.deep.equal({ userId: 456 })
+    })
+
+    it('works on an error with .info set to a string', function () {
+      const err = new Error('foo')
+      err.info = 'test'
+      expect(OError.getFullInfo(err)).to.deep.equal({})
+    })
+  })
+
+  describe('OError.getFullStack', function () {
+    it('works when given null', function () {
+      expect(OError.getFullStack(null)).to.equal('')
+    })
+
+    it('works on a normal error', function () {
+      const err = new Error('foo')
+      const fullStack = OError.getFullStack(err)
+      expect(fullStack).to.match(/^Error: foo$/m)
+      expect(fullStack).to.match(/^\s+at /m)
+    })
+
+    it('works on an error with a cause', function () {
+      const err1 = new Error('foo')
+      const err2 = new Error('bar')
+      err1.cause = err2
+
+      const fullStack = OError.getFullStack(err1)
+      expect(fullStack).to.match(/^Error: foo$/m)
+      expect(fullStack).to.match(/^\s+at /m)
+      expect(fullStack).to.match(/^caused by:\n\s+Error: bar$/m)
+    })
+
+    it('works on both tags and causes', async function () {
+      // Here's the actual error.
+      function tryToFoo() {
+        try {
+          throw Error('foo')
+        } catch (error) {
+          throw OError.tag(error, 'failed to foo', { foo: 1 })
+        }
+      }
+
+      // Inside another function that wraps it.
+      function tryToBar() {
+        try {
+          tryToFoo()
+        } catch (error) {
+          throw new OError('failed to bar').withCause(error)
+        }
+      }
+
+      // And it is in another try.
+      try {
+        try {
+          tryToBar()
+          expect.fail('should have thrown')
+        } catch (error) {
+          throw OError.tag(error, 'failed to bat', { bat: 1 })
+        }
+      } catch (error) {
+        // We catch the wrapping error.
+        expectError(error, {
+          name: 'OError',
+          klass: OError,
+          message: 'OError: failed to bar',
+          firstFrameRx: /tryToBar/,
+        })
+
+        // But the stack contains all of the errors and tags.
+        expectFullStackWithoutStackFramesToEqual(error, [
+          'OError: failed to bar',
+          'TaggedError: failed to bat',
+          'caused by:',
+          '    Error: foo',
+          '    TaggedError: failed to foo',
+        ])
+
+        // The info from the wrapped cause should be picked up for logging.
+        expect(OError.getFullInfo(error)).to.eql({ bat: 1, foo: 1 })
+
+        // But it should still be recorded.
+        expect(OError.getFullInfo(error.cause)).to.eql({ foo: 1 })
+      }
+    })
+
+    it('works when given non Error', function () {
+      expect(OError.getFullStack({ message: 'Foo' })).to.equal('Foo')
+    })
+
+    it('works when given non Error with tags', function () {
+      const error = OError.tag({ message: 'Foo: bar' }, 'baz')
+      expectFullStackWithoutStackFramesToEqual(error, [
+        'Foo: bar',
+        'TaggedError: baz',
+      ])
+    })
+  })
+})
diff --git a/libraries/o-error/test/o-error.test.js b/libraries/o-error/test/o-error.test.js
new file mode 100644
index 0000000..84244ec
--- /dev/null
+++ b/libraries/o-error/test/o-error.test.js
@@ -0,0 +1,111 @@
+const { expect } = require('chai')
+
+const OError = require('..')
+const {
+  expectError,
+  expectFullStackWithoutStackFramesToEqual,
+} = require('./support')
+
+class CustomError1 extends OError {
+  constructor() {
+    super('failed to foo')
+  }
+}
+
+class CustomError2 extends OError {
+  constructor(customMessage) {
+    super(customMessage || 'failed to bar')
+  }
+}
+
+describe('OError', function () {
+  it('can have an info object', function () {
+    const err1 = new OError('foo', { foo: 1 })
+    expect(err1.info).to.eql({ foo: 1 })
+
+    const err2 = new OError('foo').withInfo({ foo: 2 })
+    expect(err2.info).to.eql({ foo: 2 })
+  })
+
+  it('can have a cause', function () {
+    const err1 = new OError('foo', { foo: 1 }, new Error('cause 1'))
+    expect(err1.cause.message).to.equal('cause 1')
+
+    const err2 = new OError('foo').withCause(new Error('cause 2'))
+    expect(err2.cause.message).to.equal('cause 2')
+  })
+
+  it('handles a custom error type with a cause', function () {
+    function doSomethingBadInternally() {
+      throw new Error('internal error')
+    }
+
+    function doSomethingBad() {
+      try {
+        doSomethingBadInternally()
+      } catch (error) {
+        throw new CustomError1().withCause(error)
+      }
+    }
+
+    try {
+      doSomethingBad()
+      expect.fail('should have thrown')
+    } catch (error) {
+      expectError(error, {
+        name: 'CustomError1',
+        klass: CustomError1,
+        message: 'CustomError1: failed to foo',
+        firstFrameRx: /doSomethingBad/,
+      })
+      expect(OError.getFullInfo(error)).to.deep.equal({})
+      expectFullStackWithoutStackFramesToEqual(error, [
+        'CustomError1: failed to foo',
+        'caused by:',
+        '    Error: internal error',
+      ])
+    }
+  })
+
+  it('handles a custom error type with nested causes', function () {
+    function doSomethingBadInternally() {
+      throw new Error('internal error')
+    }
+
+    function doBar() {
+      try {
+        doSomethingBadInternally()
+      } catch (error) {
+        throw new CustomError2('failed to bar!').withCause(error)
+      }
+    }
+
+    function doFoo() {
+      try {
+        doBar()
+      } catch (error) {
+        throw new CustomError1().withCause(error)
+      }
+    }
+
+    try {
+      doFoo()
+      expect.fail('should have thrown')
+    } catch (error) {
+      expectError(error, {
+        name: 'CustomError1',
+        klass: CustomError1,
+        message: 'CustomError1: failed to foo',
+        firstFrameRx: /doFoo/,
+      })
+      expectFullStackWithoutStackFramesToEqual(error, [
+        'CustomError1: failed to foo',
+        'caused by:',
+        '    CustomError2: failed to bar!',
+        '    caused by:',
+        '        Error: internal error',
+      ])
+      expect(OError.getFullInfo(error)).to.deep.equal({})
+    }
+  })
+})
diff --git a/libraries/o-error/test/support/index.js b/libraries/o-error/test/support/index.js
new file mode 100644
index 0000000..00d9dbb
--- /dev/null
+++ b/libraries/o-error/test/support/index.js
@@ -0,0 +1,61 @@
+const { expect } = require('chai')
+
+const OError = require('../..')
+
+/**
+ * @param {Error} e
+ * @param {any} expected
+ */
+exports.expectError = function OErrorExpectError(e, expected) {
+  expect(
+    e.name,
+    "error should set the name property to the error's name"
+  ).to.equal(expected.name)
+
+  expect(
+    e instanceof expected.klass,
+    'error should be an instance of the error type'
+  ).to.be.true
+
+  expect(
+    e instanceof Error,
+    'error should be an instance of the built-in Error type'
+  ).to.be.true
+
+  expect(
+    require('node:util').types.isNativeError(e),
+    'error should be recognised by util.types.isNativeError'
+  ).to.be.true
+
+  expect(
+    e.toString(),
+    'toString should return the default error message formatting'
+  ).to.equal(expected.message)
+
+  expect(e.stack, 'error should have a stack trace').to.not.be.empty
+
+  expect(
+    /** @type {string} */ (e.stack).split('\n')[0],
+    'stack should start with the default error message formatting'
+  ).to.match(new RegExp(`^${expected.name}:`))
+
+  expect(
+    /** @type {string} */ (e.stack).split('\n')[1],
+    'first stack frame should be the function where the error was thrown'
+  ).to.match(expected.firstFrameRx)
+}
+
+/**
+ * @param {Error} error
+ * @param {String[]} expected
+ */
+exports.expectFullStackWithoutStackFramesToEqual = function (error, expected) {
+  const fullStack = OError.getFullStack(error)
+  const fullStackWithoutFrames = fullStack
+    .split('\n')
+    .filter(line => !/^\s+at\s/.test(line))
+  expect(
+    fullStackWithoutFrames,
+    'full stack without frames should equal'
+  ).to.deep.equal(expected)
+}
diff --git a/libraries/o-error/tsconfig.json b/libraries/o-error/tsconfig.json
new file mode 100644
index 0000000..d43bb24
--- /dev/null
+++ b/libraries/o-error/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "**/*.js",
+    "**/*.cjs"
+  ]
+}
diff --git a/libraries/object-persistor/.gitignore b/libraries/object-persistor/.gitignore
new file mode 100644
index 0000000..6a20893
--- /dev/null
+++ b/libraries/object-persistor/.gitignore
@@ -0,0 +1,4 @@
+/node_modules
+*.swp
+
+.npmrc
diff --git a/libraries/object-persistor/.mocharc.json b/libraries/object-persistor/.mocharc.json
new file mode 100644
index 0000000..c212143
--- /dev/null
+++ b/libraries/object-persistor/.mocharc.json
@@ -0,0 +1,6 @@
+{
+  "ui": "bdd",
+  "recursive": "true",
+  "reporter": "spec",
+  "require": "./test/Init"
+}
diff --git a/libraries/object-persistor/.nvmrc b/libraries/object-persistor/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/libraries/object-persistor/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/libraries/object-persistor/.prettierignore b/libraries/object-persistor/.prettierignore
new file mode 100644
index 0000000..3c3629e
--- /dev/null
+++ b/libraries/object-persistor/.prettierignore
@@ -0,0 +1 @@
+node_modules
diff --git a/libraries/object-persistor/LICENSE b/libraries/object-persistor/LICENSE
new file mode 100644
index 0000000..ac8619d
--- /dev/null
+++ b/libraries/object-persistor/LICENSE
@@ -0,0 +1,662 @@
+
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<http://www.gnu.org/licenses/>.
diff --git a/libraries/object-persistor/README.md b/libraries/object-persistor/README.md
new file mode 100644
index 0000000..df9d6a3
--- /dev/null
+++ b/libraries/object-persistor/README.md
@@ -0,0 +1,314 @@
+# @overleaf/object-persistor
+
+Stores arbitrary objects in multiple backends, with support for falling back to a secondary backend if the object can't be found in the primary.
+
+Contains a workaround within the GCS backend to allow lifecycle rules to keep objects for a set period of time from deletion, which can't currently be accomplished with GCS's own rules. (See configuration-specific notes later)
+
+## Backends available
+
+- S3
+- GCS
+- Filesystem (FS)
+
+## Getting started
+
+```JavaScript
+// import the module
+const ObjectPersistor = require('object-persistor')
+
+const config = {
+  // see 'Configuration' section below
+}
+// create a new persistor
+const Persistor = ObjectPersistor(config)
+```
+
+### Errors
+
+Errors returned by persistor methods are all derived from `OError` (`@overleaf/o-error`.) To perform `instanceof` checks, you can use the `Errors` object from the persistor module:
+
+```JavaScript
+const ObjectPersistor = require('object-persistor')
+const { Errors } = ObjectPersistor
+```
+
+### Methods
+
+#### sendStream
+
+```JavaScript
+async function sendStream(bucketName, key, readStream, opts = {})
+```
+
+Uploads a stream to the backend.
+
+- `bucketName`: The name of the bucket to upload to
+- `key`: The key for the uploaded object
+- `readStream`: The data stream to upload
+- `opts` (optional):
+    - `sourceMd5`: The md5 hash of the source data, if known. The uploaded data will be compared against this and the operation will fail if it does not match. If omitted, the md5 is calculated as the data is uploaded instead, and verified against the backend.
+    - `contentType`: The content type to write in the object metadata
+    - `contentEncoding`: The content encoding to write in the object metadata
+
+##### Notes
+
+When using a secondary persistor, this method uploads only to the primary.
+
+If an object already exists at the specified key, it will be overwritten.
+
+#### getObjectStream
+
+```JavaScript
+async function getObjectStream(bucketName, key, opts = {})
+```
+
+Retrieves a stream from the backend, for reading
+
+- `bucketName`: The name of the bucket to download from
+- `key`: The key for the object
+- `opts` (optional):
+  - `start`, `end`: Downloads a byte range from the object. Specify both `start` and `end`. `end` is inclusive.
+
+##### Returns
+
+A `stream.Readable` to read the data.
+
+##### Notes
+
+When using a secondary persistor, this method will fall back to retrieving the object from the secondary if it does not exist on the primary.
+
+#### getRedirectUrl
+
+```JavaScript
+async function getRedirectUrl(bucketName, key)
+```
+
+Gets a signed link directly to the backend, if possible. This can be used to download the data directly, instead of proxying it.
+
+- `bucketName`: The name of the bucket to download from
+- `key`: The key for the object
+
+##### Returns
+
+A `string` containing the signed link, or `null` if a link cannot be generated.
+
+##### Notes
+
+In the case of `null`, you should fall back to `getObjectStream` as sometimes signed links cannot be generated.
+
+Do not use this method if you are using a secondary persistor, as this mechanism does not check to see if the object actually exists - so cannot provide a fallback.
+
+#### getObjectSize
+
+```JavaScript
+async function getObjectSize(bucketName, key)
+```
+
+Returns the size of the stored data
+
+- `bucketName`: The name of the bucket to download from
+- `key`: The key for the object
+
+##### Returns
+
+An integer containing the size, in bytes.
+
+##### Notes
+
+When using a secondary persistor this method returns the size from the secondary persistor, if not found on the primary.
+
+#### getObjectMd5Hash
+
+```JavaScript
+async function getObjectMd5Hash(bucketName, key)
+```
+
+Returns the MD5 hash of the stored data
+
+- `bucketName`: The name of the bucket to download from
+- `key`: The key for the object
+
+##### Returns
+
+A string containing the hex representation of the MD5 hash
+
+##### Notes
+
+When using a secondary persistor this method returns the hash from the secondary persistor, if not found on the primary.
+
+#### deleteFile
+
+```JavaScript
+async function deleteFile(bucketName, key)
+```
+
+Deletes an object
+
+- `bucketName`: The name of the bucket to delete from
+- `key`: The key for the object
+
+##### Notes
+
+When using a secondary persistor, this deletes the object from _both_ persistors.
+
+#### deleteDirectory
+
+```JavaScript
+async function deleteDirectory(bucketName, key)
+```
+
+Deletes a directory (all object whose keys start with the supplied `key`)
+
+- `bucketName`: The name of the bucket to delete from
+- `key`: The key prefix for the objects
+
+##### Notes
+
+When using a secondary persistor, this deletes the objects from _both_ persistors.
+
+#### directorySize
+
+```JavaScript
+async function directorySize(bucketName, key)
+```
+
+Returns the size of a directory (all objects whose keys start with the supplied `key`)
+
+- `bucketName`: The name of the bucket to examine
+- `key`: The key prefix for the objects
+
+##### Returns
+
+An integer containing the size, in bytes
+
+##### Notes
+
+When using a secondary persistor, this returns the value from the secondary persistor if no objects are found on the primary.
+
+#### checkIfObjectExists
+
+```JavaScript
+async function checkIfObjectExists(bucketName, key)
+```
+
+Returns whether an object exists
+
+- `bucketName`: The name of the bucket to examine
+- `key`: The key for the object
+
+##### Returns
+
+A boolean representing whether the object exists
+
+##### Notes
+
+When using a secondary persistor, returns true if the object exists on either the primary or secondary.
+
+#### copyObject
+
+```JavaScript
+async function copyObject(bucketName, sourceKey, destKey)
+```
+
+Copies a object to another key, within a bucket.
+
+- `bucketName`: The name of the bucket in which to copy the object
+- `sourceKey`: The key for the object to be copied
+- `destKey`: The key to which the object should be copied
+
+##### Notes
+
+Can only copy objects within a single bucket. To copy objects in any other way, pass the stream returned from `getObjectStream` to `sendStream`
+
+If an object already exists at the specified key, it will be overwritten.
+
+#### sendFile
+
+```JavaScript
+async function sendFile(bucketName, key, fsPath)
+```
+
+Uploads a file from the local disk.
+
+- `bucketName`: The name of the bucket to upload to
+- `key`: The key for the uploaded object
+- `fsPath`: The path on disk to the file for uploading
+
+##### Notes
+
+When using a secondary persistor, this method uploads only to the primary.
+
+If an object already exists at the specified key, it will be overwritten.
+
+This method is designed for applications which may write temporary data out to the disk before uploading.
+
+## Configuration
+
+An object with the relevant configuration should be passed to the main function returned from the module. The object contains both common and backend-specific parameters.
+
+### Common parameters
+
+- `backend` (required): String specifying the primary persistor to use as the storage backend. Must be one of `s3`, `gcs` or `fs`.
+- `signedUrlExpiryInMs`: Time before expiry (in milliseconds) of signed URLs
+
+### FS-specific parameters
+
+- `useSubdirectories`: If true, files will be stored in subdirectories on the filesystem. By default, the directory structure is flattened and slashes in the object keys are replaced with underscores.
+
+#### Notes
+
+For the `FS` persistor, the `bucketName` should be the full path to the folder on disk where the files are stored.
+
+### S3-specific parameters
+
+- `s3.key` (required): The AWS access key ID
+- `s3.secret` (required): The AWS secret access key
+- `s3.partSize`: The part size for S3 uploads. Defaults to 100 megabytes.
+- `s3.httpOptions`: HTTP options passed directly to the [S3 constructor](https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/S3.html#constructor-property).
+- `s3.maxRetries`: The number of times the S3 client will retry in case of an error
+- `s3.endpoint`: For testing - overrides the S3 endpoint to use a different service (e.g. a fake S3 server)
+- `s3.pathStyle`: For testing - use old path-style URLs, for services that do not support subdomain-based access
+
+- `s3BucketCreds`: A JSON-encoded string specifying different S3 credentials for accessing different buckets, in the following format. These credentials override the default ones configured in the main `s3` settings:
+
+```json
+{
+  "bucketName": {
+    "auth_key": "your aws access key ID",
+    "auth_secret": "your aws secret access key"
+  }
+}
+```
+
+#### Notes
+
+In order for server-side MD5 generation to work, uploads must be below the `partSize`. Otherwise a multipart upload will be used, and the S3 `eTag` which is used to retrieve the MD5 will not be the MD5 hash of the uploaded object. In these cases, we download the data and calculate the MD5 manually.
+
+For verification during upload, we use S3's checksum mechanism to verify the integrity of the uploaded data, but when explicitly retrieving the md5 hash this will download the entire object if its size is above the part size.
+
+### GCS-specific parameters
+
+GCS authentication is configured automatically via the local service account, or the `GOOGLE_APPLICATION_CREDENTIALS` environment variable.
+
+- `gcs.unlockBeforeDelete`: unlock an event-based hold before deleting. default false (see notes)
+- `gcs.deletedBucketSuffix`: if present, copy the object to a bucket with this suffix before deletion (see notes)
+- `gcs.deleteConcurrency`: when recursively deleting a directory, the maximum number of delete requests that will be used at once (default 50)
+- `gcs.unsignedUrls`: For testing - do not sign GCS download URLs
+- `gcs.endpoint.apiEndpoint`: For testing - specify a different GCS endpoint to use
+- `gcs.endpoint.projectId`: For testing - the GCS project ID to supply to the overridden backend
+
+#### Notes
+
+In order to support deletion after a period, the GCS persistor allows usage of a two-bucket system. The main bucket contains the live objects, and on delete the objects are first copied to a 'deleted' bucket, and then deleted from the main one. The 'deleted' bucket is then expected to have a lifecycle policy applied to delete objects after a set period.
+
+In order to prevent accidental deletion from outside this mechanism, an event-based-hold can be applied by default on the main bucket. This will be unlocked _after_ the object has been copied to the 'deleted' bucket so that the object can then be deleted from the main bucket.
+
+## Contributing
+
+Contributions should pass lint, formatting and unit test checks. To run these, use
+
+```
+npm run test
+```
+
+There are no acceptance tests in this module, but https://github.com/overleaf/filestore/ contains a comprehensive set of acceptance tests that use this module. These should also pass, with the changes.
diff --git a/libraries/object-persistor/buildscript.txt b/libraries/object-persistor/buildscript.txt
new file mode 100644
index 0000000..9ca6929
--- /dev/null
+++ b/libraries/object-persistor/buildscript.txt
@@ -0,0 +1,10 @@
+object-persistor
+--dependencies=None
+--docker-repos=gcr.io/overleaf-ops
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--is-library=True
+--node-version=20.18.2
+--public-repo=False
+--script-version=4.7.0
diff --git a/libraries/object-persistor/index.js b/libraries/object-persistor/index.js
new file mode 100644
index 0000000..d459aaa
--- /dev/null
+++ b/libraries/object-persistor/index.js
@@ -0,0 +1,6 @@
+const PersistorFactory = require('./src/PersistorFactory')
+
+module.exports = function ObjectPersistor(settings) {
+  return PersistorFactory(settings)
+}
+module.exports.Errors = require('./src/Errors')
diff --git a/libraries/object-persistor/package.json b/libraries/object-persistor/package.json
new file mode 100644
index 0000000..2cc70b4
--- /dev/null
+++ b/libraries/object-persistor/package.json
@@ -0,0 +1,45 @@
+{
+  "name": "@overleaf/object-persistor",
+  "version": "1.0.2",
+  "description": "Module for storing objects in multiple backends, with fallback on 404 to assist migration between them",
+  "main": "index.js",
+  "scripts": {
+    "test": "npm run lint && npm run format && npm run types:check && npm run test:unit",
+    "test:unit": "mocha --exit test/**/*.{js,cjs}",
+    "lint": "eslint --ext .js --ext .cjs --ext .ts --max-warnings 0 --format unix .",
+    "lint:fix": "eslint --fix --ext .js --ext .cjs --ext .ts .",
+    "format": "prettier --list-different $PWD/'**/*.{js,cjs,ts}'",
+    "format:fix": "prettier --write $PWD/'**/*.{js,cjs,ts}'",
+    "test:ci": "npm run test:unit",
+    "types:check": "tsc --noEmit"
+  },
+  "repository": {
+    "type": "git",
+    "url": "github.com:overleaf/object-persistor"
+  },
+  "author": "Overleaf (https://www.overleaf.com/)",
+  "license": "AGPL-3.0",
+  "dependencies": {
+    "@google-cloud/storage": "^6.10.1",
+    "@overleaf/logger": "*",
+    "@overleaf/metrics": "*",
+    "@overleaf/o-error": "*",
+    "@overleaf/stream-utils": "*",
+    "aws-sdk": "^2.1691.0",
+    "fast-crc32c": "overleaf/node-fast-crc32c#aae6b2a4c7a7a159395df9cc6c38dfde702d6f51",
+    "glob": "^7.1.6",
+    "range-parser": "^1.2.1",
+    "tiny-async-pool": "^1.1.0"
+  },
+  "devDependencies": {
+    "chai": "^4.3.6",
+    "chai-as-promised": "^7.1.1",
+    "mocha": "^11.1.0",
+    "mock-fs": "^5.2.0",
+    "mongodb": "6.12.0",
+    "sandboxed-module": "^2.0.4",
+    "sinon": "^9.2.4",
+    "sinon-chai": "^3.7.0",
+    "typescript": "^5.0.4"
+  }
+}
diff --git a/libraries/object-persistor/src/AbstractPersistor.js b/libraries/object-persistor/src/AbstractPersistor.js
new file mode 100644
index 0000000..3352766
--- /dev/null
+++ b/libraries/object-persistor/src/AbstractPersistor.js
@@ -0,0 +1,163 @@
+const { NotImplementedError } = require('./Errors')
+
+module.exports = class AbstractPersistor {
+  /**
+   * @param location
+   * @param target
+   * @param {string} source
+   * @return {Promise<void>}
+   */
+  async sendFile(location, target, source) {
+    throw new NotImplementedError('method not implemented in persistor', {
+      method: 'sendFile',
+      location,
+      target,
+      source,
+    })
+  }
+
+  /**
+   * @param location
+   * @param target
+   * @param {NodeJS.ReadableStream} sourceStream
+   * @param {Object} opts
+   * @return {Promise<void>}
+   */
+  async sendStream(location, target, sourceStream, opts = {}) {
+    throw new NotImplementedError('method not implemented in persistor', {
+      method: 'sendStream',
+      location,
+      target,
+      opts,
+    })
+  }
+
+  /**
+   * @param location
+   * @param name
+   * @param {Object} [opts]
+   * @param {Number} [opts.start]
+   * @param {Number} [opts.end]
+   * @return {Promise<NodeJS.ReadableStream>}
+   */
+  async getObjectStream(location, name, opts = {}) {
+    throw new NotImplementedError('method not implemented in persistor', {
+      method: 'getObjectStream',
+      location,
+      name,
+      opts,
+    })
+  }
+
+  /**
+   * @param {string} location
+   * @param {string} name
+   * @return {Promise<string>}
+   */
+  async getRedirectUrl(location, name) {
+    throw new NotImplementedError('method not implemented in persistor', {
+      method: 'getRedirectUrl',
+      location,
+      name,
+    })
+  }
+
+  /**
+   * @param {string} location
+   * @param {string} name
+   * @param {Object} opts
+   * @return {Promise<number>}
+   */
+  async getObjectSize(location, name, opts) {
+    throw new NotImplementedError('method not implemented in persistor', {
+      method: 'getObjectSize',
+      location,
+      name,
+    })
+  }
+
+  /**
+   * @param {string} location
+   * @param {string} name
+   * @param {Object} opts
+   * @return {Promise<string>}
+   */
+  async getObjectMd5Hash(location, name, opts) {
+    throw new NotImplementedError('method not implemented in persistor', {
+      method: 'getObjectMd5Hash',
+      location,
+      name,
+    })
+  }
+
+  /**
+   * @param {string} location
+   * @param {string} fromName
+   * @param {string} toName
+   * @param {Object} opts
+   * @return {Promise<void>}
+   */
+  async copyObject(location, fromName, toName, opts) {
+    throw new NotImplementedError('method not implemented in persistor', {
+      method: 'copyObject',
+      location,
+      fromName,
+      toName,
+    })
+  }
+
+  /**
+   * @param {string} location
+   * @param {string} name
+   * @return {Promise<void>}
+   */
+  async deleteObject(location, name) {
+    throw new NotImplementedError('method not implemented in persistor', {
+      method: 'deleteObject',
+      location,
+      name,
+    })
+  }
+
+  /**
+   * @param {string} location
+   * @param {string} name
+   * @param {string} [continuationToken]
+   * @return {Promise<void>}
+   */
+  async deleteDirectory(location, name, continuationToken) {
+    throw new NotImplementedError('method not implemented in persistor', {
+      method: 'deleteDirectory',
+      location,
+      name,
+    })
+  }
+
+  /**
+   * @param {string} location
+   * @param {string} name
+   * @param {Object} opts
+   * @return {Promise<boolean>}
+   */
+  async checkIfObjectExists(location, name, opts) {
+    throw new NotImplementedError('method not implemented in persistor', {
+      method: 'checkIfObjectExists',
+      location,
+      name,
+    })
+  }
+
+  /**
+   * @param {string} location
+   * @param {string} name
+   * @param {string} [continuationToken]
+   * @return {Promise<number>}
+   */
+  async directorySize(location, name, continuationToken) {
+    throw new NotImplementedError('method not implemented in persistor', {
+      method: 'directorySize',
+      location,
+      name,
+    })
+  }
+}
diff --git a/libraries/object-persistor/src/Errors.js b/libraries/object-persistor/src/Errors.js
new file mode 100644
index 0000000..0c9dd52
--- /dev/null
+++ b/libraries/object-persistor/src/Errors.js
@@ -0,0 +1,19 @@
+const OError = require('@overleaf/o-error')
+
+class NotFoundError extends OError {}
+class WriteError extends OError {}
+class ReadError extends OError {}
+class SettingsError extends OError {}
+class NotImplementedError extends OError {}
+class AlreadyWrittenError extends OError {}
+class NoKEKMatchedError extends OError {}
+
+module.exports = {
+  NotFoundError,
+  WriteError,
+  ReadError,
+  SettingsError,
+  NotImplementedError,
+  AlreadyWrittenError,
+  NoKEKMatchedError,
+}
diff --git a/libraries/object-persistor/src/FSPersistor.js b/libraries/object-persistor/src/FSPersistor.js
new file mode 100644
index 0000000..01aab72
--- /dev/null
+++ b/libraries/object-persistor/src/FSPersistor.js
@@ -0,0 +1,330 @@
+const crypto = require('node:crypto')
+const fs = require('node:fs')
+const fsPromises = require('node:fs/promises')
+const globCallbacks = require('glob')
+const Path = require('node:path')
+const { PassThrough } = require('node:stream')
+const { pipeline } = require('node:stream/promises')
+const { promisify } = require('node:util')
+
+const AbstractPersistor = require('./AbstractPersistor')
+const { ReadError, WriteError, NotImplementedError } = require('./Errors')
+const PersistorHelper = require('./PersistorHelper')
+
+const glob = promisify(globCallbacks)
+
+module.exports = class FSPersistor extends AbstractPersistor {
+  constructor(settings = {}) {
+    if (settings.storageClass) {
+      throw new NotImplementedError(
+        'FS backend does not support storage classes'
+      )
+    }
+
+    super()
+    this.useSubdirectories = Boolean(settings.useSubdirectories)
+  }
+
+  async sendFile(location, target, source) {
+    // actually copy the file (instead of moving it) to maintain consistent behaviour
+    // between the different implementations
+    try {
+      const sourceStream = fs.createReadStream(source)
+      await this.sendStream(location, target, sourceStream)
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'failed to copy the specified file',
+        { location, target, source },
+        WriteError
+      )
+    }
+  }
+
+  async sendStream(location, target, sourceStream, opts = {}) {
+    if (opts.ifNoneMatch === '*') {
+      // The standard library only has fs.rename(), which does not support exclusive flags.
+      // Refuse to act on this write operation.
+      throw new NotImplementedError(
+        'Overwrite protection required by caller, but it is not available is FS backend. Configure GCS or S3 backend instead, get in touch with support for further information.'
+      )
+    }
+
+    const targetPath = this._getFsPath(location, target)
+
+    try {
+      await this._ensureDirectoryExists(targetPath)
+      const tempFilePath = await this._writeStreamToTempFile(
+        location,
+        sourceStream,
+        opts
+      )
+
+      try {
+        await fsPromises.rename(tempFilePath, targetPath)
+      } finally {
+        await this._cleanupTempFile(tempFilePath)
+      }
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'failed to write stream',
+        { location, target, ifNoneMatch: opts.ifNoneMatch },
+        WriteError
+      )
+    }
+  }
+
+  // opts may be {start: Number, end: Number}
+  async getObjectStream(location, name, opts = {}) {
+    if (opts.autoGunzip) {
+      throw new NotImplementedError(
+        'opts.autoGunzip is not supported by FS backend. Configure GCS or S3 backend instead, get in touch with support for further information.'
+      )
+    }
+    const observer = new PersistorHelper.ObserverStream({
+      metric: 'fs.ingress', // ingress to us from disk
+      bucket: location,
+    })
+    const fsPath = this._getFsPath(location, name)
+
+    try {
+      opts.fd = await fsPromises.open(fsPath, 'r')
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'failed to open file for streaming',
+        { location, name, fsPath, opts },
+        ReadError
+      )
+    }
+
+    const stream = fs.createReadStream(null, opts)
+    // Return a PassThrough stream with a minimal interface. It will buffer until the caller starts reading. It will emit errors from the source stream (Stream.pipeline passes errors along).
+    const pass = new PassThrough()
+    pipeline(stream, observer, pass).catch(() => {})
+    return pass
+  }
+
+  async getRedirectUrl() {
+    // not implemented
+    return null
+  }
+
+  async getObjectSize(location, filename) {
+    const fsPath = this._getFsPath(location, filename)
+
+    try {
+      const stat = await fsPromises.stat(fsPath)
+      return stat.size
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'failed to stat file',
+        { location, filename },
+        ReadError
+      )
+    }
+  }
+
+  async getObjectMd5Hash(location, filename) {
+    const fsPath = this._getFsPath(location, filename)
+    try {
+      const stream = fs.createReadStream(fsPath)
+      const hash = await PersistorHelper.calculateStreamMd5(stream)
+      return hash
+    } catch (err) {
+      throw new ReadError(
+        'unable to get md5 hash from file',
+        { location, filename },
+        err
+      )
+    }
+  }
+
+  async copyObject(location, source, target) {
+    const sourceFsPath = this._getFsPath(location, source)
+    const targetFsPath = this._getFsPath(location, target)
+
+    try {
+      await this._ensureDirectoryExists(targetFsPath)
+      await fsPromises.copyFile(sourceFsPath, targetFsPath)
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'failed to copy file',
+        { location, source, target, sourceFsPath, targetFsPath },
+        WriteError
+      )
+    }
+  }
+
+  async deleteObject(location, name) {
+    const fsPath = this._getFsPath(location, name)
+    try {
+      // S3 doesn't give us a 404 when a file wasn't there to be deleted, so we
+      // should be consistent here as well
+      await fsPromises.rm(fsPath, { force: true })
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'failed to delete file',
+        { location, name, fsPath },
+        WriteError
+      )
+    }
+  }
+
+  async deleteDirectory(location, name) {
+    const fsPath = this._getFsPath(location, name)
+
+    try {
+      if (this.useSubdirectories) {
+        await fsPromises.rm(fsPath, { recursive: true, force: true })
+      } else {
+        const files = await this._listDirectory(fsPath)
+        for (const file of files) {
+          await fsPromises.rm(file, { force: true })
+        }
+      }
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'failed to delete directory',
+        { location, name, fsPath },
+        WriteError
+      )
+    }
+  }
+
+  async checkIfObjectExists(location, name) {
+    const fsPath = this._getFsPath(location, name)
+    try {
+      const stat = await fsPromises.stat(fsPath)
+      return !!stat
+    } catch (err) {
+      if (err.code === 'ENOENT') {
+        return false
+      }
+      throw PersistorHelper.wrapError(
+        err,
+        'failed to stat file',
+        { location, name, fsPath },
+        ReadError
+      )
+    }
+  }
+
+  // note, does not recurse into subdirectories, as we use a flattened directory structure
+  async directorySize(location, name) {
+    const fsPath = this._getFsPath(location, name)
+    let size = 0
+
+    try {
+      const files = await this._listDirectory(fsPath)
+      for (const file of files) {
+        try {
+          const stat = await fsPromises.stat(file)
+          if (stat.isFile()) {
+            size += stat.size
+          }
+        } catch (err) {
+          // ignore files that may have just been deleted
+          if (err.code !== 'ENOENT') {
+            throw err
+          }
+        }
+      }
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'failed to get directory size',
+        { location, name },
+        ReadError
+      )
+    }
+
+    return size
+  }
+
+  async _writeStreamToTempFile(location, stream, opts = {}) {
+    const observerOptions = {
+      metric: 'fs.egress', // egress from us to disk
+      bucket: location,
+    }
+    const observer = new PersistorHelper.ObserverStream(observerOptions)
+
+    const tempDirPath = await fsPromises.mkdtemp(Path.join(location, 'tmp-'))
+    const tempFilePath = Path.join(tempDirPath, 'uploaded-file')
+
+    const transforms = [observer]
+    let md5Observer
+    if (opts.sourceMd5) {
+      md5Observer = createMd5Observer()
+      transforms.push(md5Observer.transform)
+    }
+
+    try {
+      const writeStream = fs.createWriteStream(tempFilePath)
+      await pipeline(stream, ...transforms, writeStream)
+    } catch (err) {
+      await this._cleanupTempFile(tempFilePath)
+      throw new WriteError(
+        'problem writing temp file locally',
+        { tempFilePath },
+        err
+      )
+    }
+
+    if (opts.sourceMd5) {
+      const actualMd5 = md5Observer.hash.digest('hex')
+      if (actualMd5 !== opts.sourceMd5) {
+        await this._cleanupTempFile(tempFilePath)
+        throw new WriteError('md5 hash mismatch', {
+          expectedMd5: opts.sourceMd5,
+          actualMd5,
+        })
+      }
+    }
+
+    return tempFilePath
+  }
+
+  async _cleanupTempFile(tempFilePath) {
+    const dirPath = Path.dirname(tempFilePath)
+    await fsPromises.rm(dirPath, { force: true, recursive: true })
+  }
+
+  _getFsPath(location, key) {
+    key = key.replace(/\/$/, '')
+    if (!this.useSubdirectories) {
+      key = key.replace(/\//g, '_')
+    }
+    return Path.join(location, key)
+  }
+
+  async _listDirectory(path) {
+    if (this.useSubdirectories) {
+      return await glob(Path.join(path, '**'))
+    } else {
+      return await glob(`${path}_*`)
+    }
+  }
+
+  async _ensureDirectoryExists(path) {
+    await fsPromises.mkdir(Path.dirname(path), { recursive: true })
+  }
+}
+
+function createMd5Observer() {
+  const hash = crypto.createHash('md5')
+
+  async function* transform(chunks) {
+    for await (const chunk of chunks) {
+      hash.update(chunk)
+      yield chunk
+    }
+  }
+
+  return { hash, transform }
+}
diff --git a/libraries/object-persistor/src/GcsPersistor.js b/libraries/object-persistor/src/GcsPersistor.js
new file mode 100644
index 0000000..0485373
--- /dev/null
+++ b/libraries/object-persistor/src/GcsPersistor.js
@@ -0,0 +1,354 @@
+const fs = require('node:fs')
+const { pipeline } = require('node:stream/promises')
+const { PassThrough } = require('node:stream')
+const { Storage, IdempotencyStrategy } = require('@google-cloud/storage')
+const {
+  WriteError,
+  ReadError,
+  NotFoundError,
+  NotImplementedError,
+} = require('./Errors')
+const asyncPool = require('tiny-async-pool')
+const AbstractPersistor = require('./AbstractPersistor')
+const PersistorHelper = require('./PersistorHelper')
+const Logger = require('@overleaf/logger')
+const zlib = require('node:zlib')
+
+module.exports = class GcsPersistor extends AbstractPersistor {
+  constructor(settings) {
+    if (settings.storageClass) {
+      throw new NotImplementedError(
+        'Use default bucket class for GCS instead of settings.storageClass'
+      )
+    }
+
+    super()
+    this.settings = settings
+
+    // endpoint settings will be null by default except for tests
+    // that's OK - GCS uses the locally-configured service account by default
+    const storageOptions = {}
+    if (this.settings.endpoint) {
+      storageOptions.projectId = this.settings.endpoint.projectId
+      storageOptions.apiEndpoint = this.settings.endpoint.apiEndpoint
+    }
+    storageOptions.retryOptions = { ...this.settings.retryOptions }
+    if (storageOptions.retryOptions) {
+      if (storageOptions.retryOptions.idempotencyStrategy) {
+        const value =
+          IdempotencyStrategy[this.settings.retryOptions.idempotencyStrategy]
+        if (value === undefined) {
+          throw new Error(
+            'Unrecognised value for retryOptions.idempotencyStrategy'
+          )
+        }
+        Logger.info(
+          `Setting retryOptions.idempotencyStrategy to ${storageOptions.retryOptions.idempotencyStrategy} (${value})`
+        )
+        storageOptions.retryOptions.idempotencyStrategy = value
+      }
+    }
+
+    this.storage = new Storage(storageOptions)
+  }
+
+  async sendFile(bucketName, key, fsPath) {
+    return await this.sendStream(bucketName, key, fs.createReadStream(fsPath))
+  }
+
+  async sendStream(bucketName, key, readStream, opts = {}) {
+    try {
+      const observeOptions = {
+        metric: 'gcs.egress', // egress from us to GCS
+        bucket: bucketName,
+      }
+
+      let sourceMd5 = opts.sourceMd5
+      if (!sourceMd5) {
+        // if there is no supplied md5 hash, we calculate the hash as the data passes through
+        observeOptions.hash = 'md5'
+      }
+
+      const observer = new PersistorHelper.ObserverStream(observeOptions)
+
+      const writeOptions = {
+        // disabling of resumable uploads is recommended by Google:
+        resumable: false,
+      }
+
+      if (sourceMd5) {
+        writeOptions.validation = 'md5'
+        writeOptions.metadata = writeOptions.metadata || {}
+        writeOptions.metadata.md5Hash = PersistorHelper.hexToBase64(sourceMd5)
+      }
+      if (opts.contentType) {
+        writeOptions.metadata = writeOptions.metadata || {}
+        writeOptions.metadata.contentType = opts.contentType
+      }
+      if (opts.contentEncoding) {
+        writeOptions.metadata = writeOptions.metadata || {}
+        writeOptions.metadata.contentEncoding = opts.contentEncoding
+      }
+      const fileOptions = {}
+      if (opts.ifNoneMatch === '*') {
+        fileOptions.generation = 0
+      }
+
+      const uploadStream = this.storage
+        .bucket(bucketName)
+        .file(key, fileOptions)
+        .createWriteStream(writeOptions)
+
+      await pipeline(readStream, observer, uploadStream)
+
+      // if we didn't have an md5 hash, we should compare our computed one with Google's
+      // as we couldn't tell GCS about it beforehand
+      if (!sourceMd5) {
+        sourceMd5 = observer.getHash()
+        // throws on mismatch
+        await PersistorHelper.verifyMd5(this, bucketName, key, sourceMd5)
+      }
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'upload to GCS failed',
+        { bucketName, key, ifNoneMatch: opts.ifNoneMatch },
+        WriteError
+      )
+    }
+  }
+
+  async getObjectStream(bucketName, key, opts = {}) {
+    const observer = new PersistorHelper.ObserverStream({
+      metric: 'gcs.ingress', // ingress to us from GCS
+      bucket: bucketName,
+    })
+    const stream = this.storage
+      .bucket(bucketName)
+      .file(key)
+      .createReadStream({ decompress: false, ...opts })
+
+    let contentEncoding
+    try {
+      await new Promise((resolve, reject) => {
+        stream.on('response', res => {
+          switch (res.statusCode) {
+            case 200: // full response
+            case 206: // partial response
+              contentEncoding = res.headers['content-encoding']
+              return resolve()
+            case 404:
+              return reject(new NotFoundError())
+            default:
+              return reject(new Error('non success status: ' + res.statusCode))
+          }
+        })
+        stream.on('error', reject)
+        stream.read(0) // kick off request
+      })
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'error reading file from GCS',
+        { bucketName, key, opts },
+        ReadError
+      )
+    }
+    // Return a PassThrough stream with a minimal interface. It will buffer until the caller starts reading. It will emit errors from the source stream (Stream.pipeline passes errors along).
+    const pass = new PassThrough()
+    const transformer = []
+    if (contentEncoding === 'gzip' && opts.autoGunzip) {
+      transformer.push(zlib.createGunzip())
+    }
+    pipeline(stream, observer, ...transformer, pass).catch(() => {})
+    return pass
+  }
+
+  async getRedirectUrl(bucketName, key) {
+    if (this.settings.unsignedUrls) {
+      // Construct a direct URL to the object download endpoint
+      // (see https://cloud.google.com/storage/docs/request-endpoints#json-api)
+      const apiEndpoint =
+        this.settings.endpoint.apiEndpoint || 'https://storage.googleapis.com'
+      return `${apiEndpoint}/download/storage/v1/b/${bucketName}/o/${key}?alt=media`
+    }
+    try {
+      const [url] = await this.storage
+        .bucket(bucketName)
+        .file(key)
+        .getSignedUrl({
+          action: 'read',
+          expires: Date.now() + this.settings.signedUrlExpiryInMs,
+        })
+      return url
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'error generating signed url for GCS file',
+        { bucketName, key },
+        ReadError
+      )
+    }
+  }
+
+  async getObjectSize(bucketName, key) {
+    try {
+      const [metadata] = await this.storage
+        .bucket(bucketName)
+        .file(key)
+        .getMetadata()
+      return parseInt(metadata.size, 10)
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'error getting size of GCS object',
+        { bucketName, key },
+        ReadError
+      )
+    }
+  }
+
+  async getObjectMd5Hash(bucketName, key) {
+    try {
+      const [metadata] = await this.storage
+        .bucket(bucketName)
+        .file(key)
+        .getMetadata()
+      return PersistorHelper.base64ToHex(metadata.md5Hash)
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'error getting hash of GCS object',
+        { bucketName, key },
+        ReadError
+      )
+    }
+  }
+
+  async deleteObject(bucketName, key) {
+    try {
+      const file = this.storage.bucket(bucketName).file(key)
+
+      if (this.settings.deletedBucketSuffix) {
+        await file.copy(
+          this.storage
+            .bucket(`${bucketName}${this.settings.deletedBucketSuffix}`)
+            .file(`${key}-${new Date().toISOString()}`)
+        )
+      }
+      if (this.settings.unlockBeforeDelete) {
+        await file.setMetadata({ eventBasedHold: false })
+      }
+      await file.delete()
+    } catch (err) {
+      // ignore 404s: it's fine if the file doesn't exist.
+      if (err.code === 404) {
+        return
+      }
+      throw PersistorHelper.wrapError(
+        err,
+        'error deleting GCS object',
+        { bucketName, key },
+        WriteError
+      )
+    }
+  }
+
+  async deleteDirectory(bucketName, key) {
+    const prefix = ensurePrefixIsDirectory(key)
+    let query = { prefix, autoPaginate: false }
+    do {
+      try {
+        const [files, nextQuery] = await this.storage
+          .bucket(bucketName)
+          .getFiles(query)
+        // iterate over paginated results using the nextQuery returned by getFiles
+        query = nextQuery
+        if (Array.isArray(files) && files.length > 0) {
+          await asyncPool(
+            this.settings.deleteConcurrency,
+            files,
+            async file => {
+              await this.deleteObject(bucketName, file.name)
+            }
+          )
+        }
+      } catch (err) {
+        const error = PersistorHelper.wrapError(
+          err,
+          'failed to delete directory in GCS',
+          { bucketName, key },
+          WriteError
+        )
+        if (error instanceof NotFoundError) {
+          return
+        }
+        throw error
+      }
+    } while (query)
+  }
+
+  async directorySize(bucketName, key) {
+    let files
+    const prefix = ensurePrefixIsDirectory(key)
+
+    try {
+      const [response] = await this.storage
+        .bucket(bucketName)
+        .getFiles({ prefix })
+      files = response
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'failed to list objects in GCS',
+        { bucketName, key },
+        ReadError
+      )
+    }
+
+    return files.reduce(
+      (acc, file) => parseInt(file.metadata.size, 10) + acc,
+      0
+    )
+  }
+
+  async checkIfObjectExists(bucketName, key) {
+    try {
+      const [response] = await this.storage
+        .bucket(bucketName)
+        .file(key)
+        .exists()
+      return response
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'error checking if file exists in GCS',
+        { bucketName, key },
+        ReadError
+      )
+    }
+  }
+
+  async copyObject(bucketName, sourceKey, destKey) {
+    try {
+      const src = this.storage.bucket(bucketName).file(sourceKey)
+      const dest = this.storage.bucket(bucketName).file(destKey)
+      await src.copy(dest)
+    } catch (err) {
+      // fake-gcs-server has a bug that returns an invalid response when the file does not exist
+      if (err.message === 'Cannot parse response as JSON: not found\n') {
+        err.code = 404
+      }
+      throw PersistorHelper.wrapError(
+        err,
+        'failed to copy file in GCS',
+        { bucketName, sourceKey, destKey },
+        WriteError
+      )
+    }
+  }
+}
+
+function ensurePrefixIsDirectory(key) {
+  return key === '' || key.endsWith('/') ? key : `${key}/`
+}
diff --git a/libraries/object-persistor/src/MigrationPersistor.js b/libraries/object-persistor/src/MigrationPersistor.js
new file mode 100644
index 0000000..0cb665f
--- /dev/null
+++ b/libraries/object-persistor/src/MigrationPersistor.js
@@ -0,0 +1,267 @@
+const AbstractPersistor = require('./AbstractPersistor')
+const Logger = require('@overleaf/logger')
+const Metrics = require('@overleaf/metrics')
+const Stream = require('node:stream')
+const { pipeline } = require('node:stream/promises')
+const { NotFoundError, WriteError } = require('./Errors')
+
+// Persistor that wraps two other persistors. Talks to the 'primary' by default,
+// but will fall back to an older persistor in the case of a not-found error.
+// If `Settings.fallback.copyOnMiss` is set, this will copy files from the fallback
+// to the primary, in the event that they are missing.
+//
+// It is unlikely that the bucket/location name will be the same on the fallback
+// as the primary. The bucket names should be overridden in `Settings.fallback.buckets`
+// e.g.
+// Settings.fallback.buckets = {
+//   myBucketOnS3: 'myBucketOnGCS'
+// }
+
+module.exports = class MigrationPersistor extends AbstractPersistor {
+  /**
+   * @param {AbstractPersistor} primaryPersistor
+   * @param {AbstractPersistor} fallbackPersistor
+   * @param settings
+   */
+  constructor(primaryPersistor, fallbackPersistor, settings) {
+    super()
+
+    /**
+     * @type {AbstractPersistor}
+     */
+    this.primaryPersistor = primaryPersistor
+    /**
+     * @type {AbstractPersistor}
+     */
+    this.fallbackPersistor = fallbackPersistor
+    this.settings = settings
+  }
+
+  async sendFile(...args) {
+    return await this.primaryPersistor.sendFile(...args)
+  }
+
+  async sendStream(...args) {
+    return await this.primaryPersistor.sendStream(...args)
+  }
+
+  async getRedirectUrl(...args) {
+    return await this.primaryPersistor.getRedirectUrl(...args)
+  }
+
+  async getObjectMd5Hash(...args) {
+    return await this._runWithFallback('getObjectMd5Hash', ...args)
+  }
+
+  async checkIfObjectExists(...args) {
+    return await this._runWithFallback('checkIfObjectExists', ...args)
+  }
+
+  async getObjectSize(...args) {
+    return await this._runWithFallback('getObjectSize', ...args)
+  }
+
+  async directorySize(...args) {
+    return await this._runWithFallback('directorySize', ...args)
+  }
+
+  async deleteObject(...args) {
+    return await this._runOnBoth('deleteObject', ...args)
+  }
+
+  async deleteDirectory(...args) {
+    return await this._runOnBoth('deleteDirectory', ...args)
+  }
+
+  async getObjectStream(bucket, key, opts = {}) {
+    const shouldCopy = this.settings.copyOnMiss && !opts.start && !opts.end
+
+    try {
+      return await this.primaryPersistor.getObjectStream(bucket, key, opts)
+    } catch (err) {
+      if (err instanceof NotFoundError) {
+        const fallbackBucket = this._getFallbackBucket(bucket)
+        const fallbackStream = await this.fallbackPersistor.getObjectStream(
+          fallbackBucket,
+          key,
+          opts
+        )
+        // tee the stream to the client, and as a copy to the primary (if necessary)
+        // start listening on both straight away so that we don't consume bytes
+        // in one place before the other
+        const returnStream = new Stream.PassThrough()
+        pipeline(fallbackStream, returnStream).catch(error => {
+          Logger.warn({ error }, 'failed to copy object from fallback')
+        })
+
+        if (shouldCopy) {
+          const copyStream = new Stream.PassThrough()
+          pipeline(fallbackStream, copyStream).catch(error => {
+            Logger.warn({ error }, 'failed to copy object from fallback')
+          })
+
+          this._copyStreamFromFallbackAndVerify(
+            copyStream,
+            fallbackBucket,
+            bucket,
+            key,
+            key
+          ).catch(error => {
+            Logger.warn({ error }, 'failed to copy file from fallback')
+          })
+        }
+        return returnStream
+      }
+      throw err
+    }
+  }
+
+  async copyObject(bucket, sourceKey, destKey) {
+    try {
+      return await this.primaryPersistor.copyObject(bucket, sourceKey, destKey)
+    } catch (err) {
+      if (err instanceof NotFoundError) {
+        const fallbackBucket = this._getFallbackBucket(bucket)
+        const fallbackStream = await this.fallbackPersistor.getObjectStream(
+          fallbackBucket,
+          sourceKey,
+          {}
+        )
+
+        const copyStream = new Stream.PassThrough()
+        pipeline(fallbackStream, copyStream).catch(error => {
+          Logger.warn({ error }, 'failed to copy object from fallback')
+        })
+
+        if (this.settings.copyOnMiss) {
+          const missStream = new Stream.PassThrough()
+          pipeline(fallbackStream, missStream).catch(error => {
+            Logger.warn({ error }, 'failed to copy object from fallback')
+          })
+
+          // copy from sourceKey -> sourceKey
+          this._copyStreamFromFallbackAndVerify(
+            missStream,
+            fallbackBucket,
+            bucket,
+            sourceKey,
+            sourceKey
+          ).catch(() => {
+            // swallow errors, as this runs in the background and will log a warning
+          })
+        }
+        // copy from sourceKey -> destKey
+        return await this._copyStreamFromFallbackAndVerify(
+          copyStream,
+          fallbackBucket,
+          bucket,
+          sourceKey,
+          destKey
+        )
+      }
+      throw err
+    }
+  }
+
+  async _copyStreamFromFallbackAndVerify(
+    stream,
+    sourceBucket,
+    destBucket,
+    sourceKey,
+    destKey
+  ) {
+    try {
+      let sourceMd5
+      try {
+        sourceMd5 = await this.fallbackPersistor.getObjectMd5Hash(
+          sourceBucket,
+          sourceKey
+        )
+      } catch (err) {
+        Logger.warn(err, 'error getting md5 hash from fallback persistor')
+      }
+
+      await this.primaryPersistor.sendStream(destBucket, destKey, stream, {
+        sourceMd5,
+      })
+    } catch (err) {
+      const error = new WriteError(
+        'unable to copy file to destination persistor',
+        {
+          sourceBucket,
+          destBucket,
+          sourceKey,
+          destKey,
+        },
+        err
+      )
+      Metrics.inc('fallback.copy.failure')
+
+      try {
+        await this.primaryPersistor.deleteObject(destBucket, destKey)
+      } catch (err) {
+        error.info.cleanupError = new WriteError(
+          'unable to clean up destination copy artifact',
+          {
+            destBucket,
+            destKey,
+          },
+          err
+        )
+      }
+      throw error
+    }
+  }
+
+  _getFallbackBucket(bucket) {
+    return (this.settings.buckets && this.settings.buckets[bucket]) || bucket
+  }
+
+  async _runOnBoth(methodName, bucket, ...moreArgs) {
+    const fallbackBucket = this._getFallbackBucket(bucket)
+
+    await Promise.all([
+      this.primaryPersistor[methodName](bucket, ...moreArgs),
+      this.fallbackPersistor[methodName](fallbackBucket, ...moreArgs),
+    ])
+  }
+
+  /**
+   * @param {keyof AbstractPersistor} methodName
+   * @param bucket
+   * @param key
+   * @param moreArgs
+   */
+  async _runWithFallback(methodName, bucket, key, ...moreArgs) {
+    try {
+      return await this.primaryPersistor[methodName](bucket, key, ...moreArgs)
+    } catch (err) {
+      if (err instanceof NotFoundError) {
+        const fallbackBucket = this._getFallbackBucket(bucket)
+        if (this.settings.copyOnMiss) {
+          const fallbackStream = await this.fallbackPersistor.getObjectStream(
+            fallbackBucket,
+            key,
+            {}
+          )
+          // run in background
+          this._copyStreamFromFallbackAndVerify(
+            fallbackStream,
+            fallbackBucket,
+            bucket,
+            key,
+            key
+          ).catch(err => {
+            Logger.warn({ err }, 'failed to copy file from fallback')
+          })
+        }
+        return await this.fallbackPersistor[methodName](
+          fallbackBucket,
+          key,
+          ...moreArgs
+        )
+      }
+      throw err
+    }
+  }
+}
diff --git a/libraries/object-persistor/src/PerProjectEncryptedS3Persistor.js b/libraries/object-persistor/src/PerProjectEncryptedS3Persistor.js
new file mode 100644
index 0000000..7bd4bb9
--- /dev/null
+++ b/libraries/object-persistor/src/PerProjectEncryptedS3Persistor.js
@@ -0,0 +1,469 @@
+// @ts-check
+const Crypto = require('node:crypto')
+const Stream = require('node:stream')
+const fs = require('node:fs')
+const { promisify } = require('node:util')
+const { WritableBuffer } = require('@overleaf/stream-utils')
+const { S3Persistor, SSECOptions } = require('./S3Persistor.js')
+const {
+  AlreadyWrittenError,
+  NoKEKMatchedError,
+  NotFoundError,
+  NotImplementedError,
+  ReadError,
+} = require('./Errors')
+const logger = require('@overleaf/logger')
+const Path = require('node:path')
+
+const generateKey = promisify(Crypto.generateKey)
+const hkdf = promisify(Crypto.hkdf)
+
+const AES256_KEY_LENGTH = 32
+
+/**
+ * @typedef {import('aws-sdk').AWSError} AWSError
+ */
+
+/**
+ * @typedef {Object} Settings
+ * @property {boolean} automaticallyRotateDEKEncryption
+ * @property {string} dataEncryptionKeyBucketName
+ * @property {boolean} ignoreErrorsFromDEKReEncryption
+ * @property {(bucketName: string, path: string) => string} pathToProjectFolder
+ * @property {() => Promise<Array<RootKeyEncryptionKey>>} getRootKeyEncryptionKeys
+ */
+
+/**
+ * Helper function to make TS happy when accessing error properties
+ * AWSError is not an actual class, so we cannot use instanceof.
+ * @param {any} err
+ * @return {err is AWSError}
+ */
+function isAWSError(err) {
+  return !!err
+}
+
+/**
+ * @param {any} err
+ * @return {boolean}
+ */
+function isForbiddenError(err) {
+  if (!err || !(err instanceof ReadError || err instanceof NotFoundError)) {
+    return false
+  }
+  const cause = err.cause
+  if (!isAWSError(cause)) return false
+  return cause.statusCode === 403
+}
+
+class RootKeyEncryptionKey {
+  /** @type {Buffer} */
+  #keyEncryptionKey
+  /** @type {Buffer} */
+  #salt
+
+  /**
+   * @param {Buffer} keyEncryptionKey
+   * @param {Buffer} salt
+   */
+  constructor(keyEncryptionKey, salt) {
+    if (keyEncryptionKey.byteLength !== AES256_KEY_LENGTH) {
+      throw new Error(`kek is not ${AES256_KEY_LENGTH} bytes long`)
+    }
+    this.#keyEncryptionKey = keyEncryptionKey
+    this.#salt = salt
+  }
+
+  /**
+   * @param {string} prefix
+   * @return {Promise<SSECOptions>}
+   */
+  async forProject(prefix) {
+    return new SSECOptions(
+      Buffer.from(
+        await hkdf(
+          'sha256',
+          this.#keyEncryptionKey,
+          this.#salt,
+          prefix,
+          AES256_KEY_LENGTH
+        )
+      )
+    )
+  }
+}
+
+class PerProjectEncryptedS3Persistor extends S3Persistor {
+  /** @type {Settings} */
+  #settings
+  /** @type {Promise<Array<RootKeyEncryptionKey>>} */
+  #availableKeyEncryptionKeysPromise
+
+  /**
+   * @param {Settings} settings
+   */
+  constructor(settings) {
+    if (!settings.dataEncryptionKeyBucketName) {
+      throw new Error('settings.dataEncryptionKeyBucketName is missing')
+    }
+    super(settings)
+    this.#settings = settings
+    this.#availableKeyEncryptionKeysPromise = settings
+      .getRootKeyEncryptionKeys()
+      .then(rootKEKs => {
+        if (rootKEKs.length === 0) throw new Error('no root kek provided')
+        return rootKEKs
+      })
+  }
+
+  async ensureKeyEncryptionKeysLoaded() {
+    await this.#availableKeyEncryptionKeysPromise
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} path
+   * @return {{dekPath: string, projectFolder: string}}
+   */
+  #buildProjectPaths(bucketName, path) {
+    const projectFolder = this.#settings.pathToProjectFolder(bucketName, path)
+    const dekPath = Path.join(projectFolder, 'dek')
+    return { projectFolder, dekPath }
+  }
+
+  /**
+   * @param {string} projectFolder
+   * @return {Promise<SSECOptions>}
+   */
+  async #getCurrentKeyEncryptionKey(projectFolder) {
+    const [currentRootKEK] = await this.#availableKeyEncryptionKeysPromise
+    return await currentRootKEK.forProject(projectFolder)
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} path
+   */
+  async getDataEncryptionKeySize(bucketName, path) {
+    const { projectFolder, dekPath } = this.#buildProjectPaths(bucketName, path)
+    for (const rootKEK of await this.#availableKeyEncryptionKeysPromise) {
+      const ssecOptions = await rootKEK.forProject(projectFolder)
+      try {
+        return await super.getObjectSize(
+          this.#settings.dataEncryptionKeyBucketName,
+          dekPath,
+          { ssecOptions }
+        )
+      } catch (err) {
+        if (isForbiddenError(err)) continue
+        throw err
+      }
+    }
+    throw new NoKEKMatchedError('no kek matched')
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} path
+   * @return {Promise<CachedPerProjectEncryptedS3Persistor>}
+   */
+  async forProject(bucketName, path) {
+    return new CachedPerProjectEncryptedS3Persistor(
+      this,
+      await this.#getDataEncryptionKeyOptions(bucketName, path)
+    )
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} path
+   * @return {Promise<CachedPerProjectEncryptedS3Persistor>}
+   */
+  async forProjectRO(bucketName, path) {
+    return new CachedPerProjectEncryptedS3Persistor(
+      this,
+      await this.#getExistingDataEncryptionKeyOptions(bucketName, path)
+    )
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} path
+   * @return {Promise<CachedPerProjectEncryptedS3Persistor>}
+   */
+  async generateDataEncryptionKey(bucketName, path) {
+    return new CachedPerProjectEncryptedS3Persistor(
+      this,
+      await this.#generateDataEncryptionKeyOptions(bucketName, path)
+    )
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} path
+   * @return {Promise<SSECOptions>}
+   */
+  async #generateDataEncryptionKeyOptions(bucketName, path) {
+    const dataEncryptionKey = (
+      await generateKey('aes', { length: 256 })
+    ).export()
+    const { projectFolder, dekPath } = this.#buildProjectPaths(bucketName, path)
+    await super.sendStream(
+      this.#settings.dataEncryptionKeyBucketName,
+      dekPath,
+      Stream.Readable.from([dataEncryptionKey]),
+      {
+        // Do not overwrite any objects if already created
+        ifNoneMatch: '*',
+        ssecOptions: await this.#getCurrentKeyEncryptionKey(projectFolder),
+        contentLength: 32,
+      }
+    )
+    return new SSECOptions(dataEncryptionKey)
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} path
+   * @return {Promise<SSECOptions>}
+   */
+  async #getExistingDataEncryptionKeyOptions(bucketName, path) {
+    const { projectFolder, dekPath } = this.#buildProjectPaths(bucketName, path)
+    let res
+    let kekIndex = 0
+    for (const rootKEK of await this.#availableKeyEncryptionKeysPromise) {
+      const ssecOptions = await rootKEK.forProject(projectFolder)
+      try {
+        res = await super.getObjectStream(
+          this.#settings.dataEncryptionKeyBucketName,
+          dekPath,
+          { ssecOptions }
+        )
+        break
+      } catch (err) {
+        if (isForbiddenError(err)) {
+          kekIndex++
+          continue
+        }
+        throw err
+      }
+    }
+    if (!res) throw new NoKEKMatchedError('no kek matched')
+    const buf = new WritableBuffer()
+    await Stream.promises.pipeline(res, buf)
+
+    if (kekIndex !== 0 && this.#settings.automaticallyRotateDEKEncryption) {
+      const ssecOptions = await this.#getCurrentKeyEncryptionKey(projectFolder)
+      try {
+        await super.sendStream(
+          this.#settings.dataEncryptionKeyBucketName,
+          dekPath,
+          Stream.Readable.from([buf.getContents()]),
+          { ssecOptions }
+        )
+      } catch (err) {
+        if (this.#settings.ignoreErrorsFromDEKReEncryption) {
+          logger.warn({ err, dekPath }, 'failed to persist re-encrypted DEK')
+        } else {
+          throw err
+        }
+      }
+    }
+
+    return new SSECOptions(buf.getContents())
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} path
+   * @return {Promise<SSECOptions>}
+   */
+  async #getDataEncryptionKeyOptions(bucketName, path) {
+    try {
+      return await this.#getExistingDataEncryptionKeyOptions(bucketName, path)
+    } catch (err) {
+      if (err instanceof NotFoundError) {
+        try {
+          return await this.#generateDataEncryptionKeyOptions(bucketName, path)
+        } catch (err2) {
+          if (err2 instanceof AlreadyWrittenError) {
+            // Concurrent initial write
+            return await this.#getExistingDataEncryptionKeyOptions(
+              bucketName,
+              path
+            )
+          }
+          throw err2
+        }
+      }
+      throw err
+    }
+  }
+
+  async sendStream(bucketName, path, sourceStream, opts = {}) {
+    const ssecOptions =
+      opts.ssecOptions ||
+      (await this.#getDataEncryptionKeyOptions(bucketName, path))
+    return await super.sendStream(bucketName, path, sourceStream, {
+      ...opts,
+      ssecOptions,
+    })
+  }
+
+  async getObjectStream(bucketName, path, opts = {}) {
+    const ssecOptions =
+      opts.ssecOptions ||
+      (await this.#getExistingDataEncryptionKeyOptions(bucketName, path))
+    return await super.getObjectStream(bucketName, path, {
+      ...opts,
+      ssecOptions,
+    })
+  }
+
+  async getObjectSize(bucketName, path, opts = {}) {
+    const ssecOptions =
+      opts.ssecOptions ||
+      (await this.#getExistingDataEncryptionKeyOptions(bucketName, path))
+    return await super.getObjectSize(bucketName, path, { ...opts, ssecOptions })
+  }
+
+  async getObjectStorageClass(bucketName, path, opts = {}) {
+    const ssecOptions =
+      opts.ssecOptions ||
+      (await this.#getExistingDataEncryptionKeyOptions(bucketName, path))
+    return await super.getObjectStorageClass(bucketName, path, {
+      ...opts,
+      ssecOptions,
+    })
+  }
+
+  async directorySize(bucketName, path, continuationToken) {
+    // Note: Listing a bucket does not require SSE-C credentials.
+    return await super.directorySize(bucketName, path, continuationToken)
+  }
+
+  async deleteDirectory(bucketName, path, continuationToken) {
+    // Let [Settings.pathToProjectFolder] validate the project path before deleting things.
+    const { projectFolder, dekPath } = this.#buildProjectPaths(bucketName, path)
+    // Note: Listing/Deleting a prefix does not require SSE-C credentials.
+    await super.deleteDirectory(bucketName, path, continuationToken)
+    if (projectFolder === path) {
+      await super.deleteObject(
+        this.#settings.dataEncryptionKeyBucketName,
+        dekPath
+      )
+    }
+  }
+
+  async getObjectMd5Hash(bucketName, path, opts = {}) {
+    // The ETag in object metadata is not the MD5 content hash, skip the HEAD request.
+    opts = { ...opts, etagIsNotMD5: true }
+    return await super.getObjectMd5Hash(bucketName, path, opts)
+  }
+
+  async copyObject(bucketName, sourcePath, destinationPath, opts = {}) {
+    const ssecOptions =
+      opts.ssecOptions ||
+      (await this.#getDataEncryptionKeyOptions(bucketName, destinationPath))
+    const ssecSrcOptions =
+      opts.ssecSrcOptions ||
+      (await this.#getExistingDataEncryptionKeyOptions(bucketName, sourcePath))
+    return await super.copyObject(bucketName, sourcePath, destinationPath, {
+      ...opts,
+      ssecOptions,
+      ssecSrcOptions,
+    })
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} path
+   * @return {Promise<string>}
+   */
+  async getRedirectUrl(bucketName, path) {
+    throw new NotImplementedError('signed links are not supported with SSE-C')
+  }
+}
+
+/**
+ * Helper class for batch updates to avoid repeated fetching of the project path.
+ *
+ * A general "cache" for project keys is another alternative. For now, use a helper class.
+ */
+class CachedPerProjectEncryptedS3Persistor {
+  /** @type SSECOptions */
+  #projectKeyOptions
+  /** @type PerProjectEncryptedS3Persistor */
+  #parent
+
+  /**
+   * @param {PerProjectEncryptedS3Persistor} parent
+   * @param {SSECOptions} projectKeyOptions
+   */
+  constructor(parent, projectKeyOptions) {
+    this.#parent = parent
+    this.#projectKeyOptions = projectKeyOptions
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} path
+   * @param {string} fsPath
+   */
+  async sendFile(bucketName, path, fsPath) {
+    return await this.sendStream(bucketName, path, fs.createReadStream(fsPath))
+  }
+
+  /**
+   *
+   * @param {string} bucketName
+   * @param {string} path
+   * @return {Promise<number>}
+   */
+  async getObjectSize(bucketName, path) {
+    return await this.#parent.getObjectSize(bucketName, path)
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} path
+   * @param {NodeJS.ReadableStream} sourceStream
+   * @param {Object} opts
+   * @param {string} [opts.contentType]
+   * @param {string} [opts.contentEncoding]
+   * @param {number} [opts.contentLength]
+   * @param {'*'} [opts.ifNoneMatch]
+   * @param {SSECOptions} [opts.ssecOptions]
+   * @param {string} [opts.sourceMd5]
+   * @return {Promise<void>}
+   */
+  async sendStream(bucketName, path, sourceStream, opts = {}) {
+    return await this.#parent.sendStream(bucketName, path, sourceStream, {
+      ...opts,
+      ssecOptions: this.#projectKeyOptions,
+    })
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} path
+   * @param {Object} opts
+   * @param {number} [opts.start]
+   * @param {number} [opts.end]
+   * @param {boolean} [opts.autoGunzip]
+   * @param {SSECOptions} [opts.ssecOptions]
+   * @return {Promise<NodeJS.ReadableStream>}
+   */
+  async getObjectStream(bucketName, path, opts = {}) {
+    return await this.#parent.getObjectStream(bucketName, path, {
+      ...opts,
+      ssecOptions: this.#projectKeyOptions,
+    })
+  }
+}
+
+module.exports = {
+  PerProjectEncryptedS3Persistor,
+  CachedPerProjectEncryptedS3Persistor,
+  RootKeyEncryptionKey,
+}
diff --git a/libraries/object-persistor/src/PersistorFactory.js b/libraries/object-persistor/src/PersistorFactory.js
new file mode 100644
index 0000000..3f11507
--- /dev/null
+++ b/libraries/object-persistor/src/PersistorFactory.js
@@ -0,0 +1,51 @@
+const Logger = require('@overleaf/logger')
+const { SettingsError } = require('./Errors')
+const GcsPersistor = require('./GcsPersistor')
+const { S3Persistor } = require('./S3Persistor')
+const FSPersistor = require('./FSPersistor')
+const MigrationPersistor = require('./MigrationPersistor')
+const {
+  PerProjectEncryptedS3Persistor,
+} = require('./PerProjectEncryptedS3Persistor')
+
+function getPersistor(backend, settings) {
+  switch (backend) {
+    case 'aws-sdk':
+    case 's3':
+      return new S3Persistor(settings.s3)
+    case 's3SSEC':
+      return new PerProjectEncryptedS3Persistor(settings.s3SSEC)
+    case 'fs':
+      return new FSPersistor({
+        useSubdirectories: settings.useSubdirectories,
+        paths: settings.paths,
+      })
+    case 'gcs':
+      return new GcsPersistor(settings.gcs)
+    default:
+      throw new SettingsError('unknown backend', { backend })
+  }
+}
+
+module.exports = function create(settings) {
+  Logger.info(
+    {
+      backend: settings.backend,
+      fallback: settings.fallback && settings.fallback.backend,
+    },
+    'Loading backend'
+  )
+  if (!settings.backend) {
+    throw new SettingsError('no backend specified - config incomplete')
+  }
+
+  let persistor = getPersistor(settings.backend, settings)
+
+  if (settings.fallback && settings.fallback.backend) {
+    const primary = persistor
+    const fallback = getPersistor(settings.fallback.backend, settings)
+    persistor = new MigrationPersistor(primary, fallback, settings.fallback)
+  }
+
+  return persistor
+}
diff --git a/libraries/object-persistor/src/PersistorHelper.js b/libraries/object-persistor/src/PersistorHelper.js
new file mode 100644
index 0000000..ad0a705
--- /dev/null
+++ b/libraries/object-persistor/src/PersistorHelper.js
@@ -0,0 +1,173 @@
+const Crypto = require('node:crypto')
+const Stream = require('node:stream')
+const { pipeline } = require('node:stream/promises')
+const Logger = require('@overleaf/logger')
+const Metrics = require('@overleaf/metrics')
+const { WriteError, NotFoundError, AlreadyWrittenError } = require('./Errors')
+
+const _128KiB = 128 * 1024
+const TIMING_BUCKETS = [
+  0, 1, 2, 5, 10, 20, 50, 100, 200, 500, 1000, 2000, 5000, 10000, 20000, 50000,
+]
+const SIZE_BUCKETS = [
+  0,
+  1_000,
+  10_000,
+  100_000,
+  _128KiB,
+  1_000_000,
+  10_000_000,
+  50_000_000,
+  100_000_000,
+]
+
+/**
+ * Observes data that passes through and optionally computes hash for content.
+ */
+class ObserverStream extends Stream.Transform {
+  /**
+   * @param {Object} opts
+   * @param {string} opts.metric prefix for metrics
+   * @param {string} opts.bucket name of source/target bucket
+   * @param {string} [opts.hash] optional hash algorithm, e.g. 'md5'
+   */
+  constructor(opts) {
+    super({ autoDestroy: true })
+    const { metric, bucket, hash = '' } = opts
+
+    this.bytes = 0
+    this.start = performance.now()
+
+    if (hash) {
+      this.hash = Crypto.createHash(hash)
+    }
+
+    const onEnd = status => {
+      const size = this.bytes < _128KiB ? 'lt-128KiB' : 'gte-128KiB'
+      const labels = { size, bucket, status }
+      // Keep this counter metric to allow rendering long-term charts.
+      Metrics.count(metric, this.bytes, 1, labels)
+      Metrics.inc(`${metric}.hit`, 1, labels)
+
+      if (status === 'error') return
+      // The below metrics are only relevant for successfully fetched objects.
+
+      Metrics.histogram(`${metric}.size`, this.bytes, SIZE_BUCKETS, {
+        status,
+        bucket,
+      })
+      if (this.firstByteAfterMs) {
+        Metrics.histogram(
+          `${metric}.latency.first-byte`,
+          this.firstByteAfterMs,
+          TIMING_BUCKETS,
+          labels
+        )
+      }
+      Metrics.histogram(
+        `${metric}.latency`,
+        this.#getMsSinceStart(),
+        TIMING_BUCKETS,
+        labels
+      )
+    }
+    this.once('error', () => onEnd('error'))
+    this.once('end', () => onEnd('success'))
+  }
+
+  #getMsSinceStart() {
+    return performance.now() - this.start
+  }
+
+  _transform(chunk, encoding, done) {
+    if (this.bytes === 0) {
+      this.firstByteAfterMs = this.#getMsSinceStart()
+    }
+    if (this.hash) {
+      this.hash.update(chunk)
+    }
+    this.bytes += chunk.length
+    this.push(chunk)
+    done()
+  }
+
+  getHash() {
+    return this.hash && this.hash.digest('hex')
+  }
+}
+
+module.exports = {
+  ObserverStream,
+  calculateStreamMd5,
+  verifyMd5,
+  wrapError,
+  hexToBase64,
+  base64ToHex,
+}
+
+// returns a promise which resolves with the md5 hash of the stream
+// - consumes the stream
+async function calculateStreamMd5(stream) {
+  const hash = Crypto.createHash('md5')
+  hash.setEncoding('hex')
+
+  await pipeline(stream, hash)
+  return hash.read()
+}
+
+// verifies the md5 hash of a file against the supplied md5 or the one stored in
+// storage if not supplied - deletes the new file if the md5 does not match and
+// throws an error
+async function verifyMd5(persistor, bucket, key, sourceMd5, destMd5 = null) {
+  if (!destMd5) {
+    destMd5 = await persistor.getObjectMd5Hash(bucket, key)
+  }
+
+  if (sourceMd5 !== destMd5) {
+    try {
+      await persistor.deleteObject(bucket, key)
+    } catch (err) {
+      Logger.warn(err, 'error deleting file for invalid upload')
+    }
+
+    throw new WriteError('source and destination hashes do not match', {
+      sourceMd5,
+      destMd5,
+      bucket,
+      key,
+    })
+  }
+}
+
+function wrapError(error, message, params, ErrorType) {
+  params = {
+    ...params,
+    cause: error,
+  }
+  if (
+    error instanceof NotFoundError ||
+    ['NoSuchKey', 'NotFound', 404, 'AccessDenied', 'ENOENT'].includes(
+      error.code
+    ) ||
+    (error.response && error.response.statusCode === 404)
+  ) {
+    return new NotFoundError('no such file', params, error)
+  } else if (
+    params.ifNoneMatch === '*' &&
+    (error.code === 'PreconditionFailed' ||
+      error.response?.statusCode === 412 ||
+      error instanceof AlreadyWrittenError)
+  ) {
+    return new AlreadyWrittenError(message, params, error)
+  } else {
+    return new ErrorType(message, params, error)
+  }
+}
+
+function base64ToHex(base64) {
+  return Buffer.from(base64, 'base64').toString('hex')
+}
+
+function hexToBase64(hex) {
+  return Buffer.from(hex, 'hex').toString('base64')
+}
diff --git a/libraries/object-persistor/src/S3Persistor.js b/libraries/object-persistor/src/S3Persistor.js
new file mode 100644
index 0000000..2835a27
--- /dev/null
+++ b/libraries/object-persistor/src/S3Persistor.js
@@ -0,0 +1,617 @@
+// @ts-check
+const http = require('node:http')
+const https = require('node:https')
+if (http.globalAgent.maxSockets < 300) {
+  http.globalAgent.maxSockets = 300
+}
+if (https.globalAgent.maxSockets < 300) {
+  https.globalAgent.maxSockets = 300
+}
+
+const Crypto = require('node:crypto')
+const Metrics = require('@overleaf/metrics')
+const AbstractPersistor = require('./AbstractPersistor')
+const PersistorHelper = require('./PersistorHelper')
+
+const { pipeline, PassThrough } = require('node:stream')
+const fs = require('node:fs')
+const S3 = require('aws-sdk/clients/s3')
+const { URL } = require('node:url')
+const { WriteError, ReadError, NotFoundError } = require('./Errors')
+const zlib = require('node:zlib')
+
+/**
+ * Wrapper with private fields to avoid revealing them on console, JSON.stringify or similar.
+ */
+class SSECOptions {
+  #keyAsBuffer
+  #keyMD5
+
+  /**
+   * @param {Buffer} keyAsBuffer
+   */
+  constructor(keyAsBuffer) {
+    this.#keyAsBuffer = keyAsBuffer
+    this.#keyMD5 = Crypto.createHash('md5').update(keyAsBuffer).digest('base64')
+  }
+
+  getPutOptions() {
+    return {
+      SSECustomerKey: this.#keyAsBuffer,
+      SSECustomerKeyMD5: this.#keyMD5,
+      SSECustomerAlgorithm: 'AES256',
+    }
+  }
+
+  getGetOptions() {
+    return {
+      SSECustomerKey: this.#keyAsBuffer,
+      SSECustomerKeyMD5: this.#keyMD5,
+      SSECustomerAlgorithm: 'AES256',
+    }
+  }
+
+  getCopyOptions() {
+    return {
+      CopySourceSSECustomerKey: this.#keyAsBuffer,
+      CopySourceSSECustomerKeyMD5: this.#keyMD5,
+      CopySourceSSECustomerAlgorithm: 'AES256',
+    }
+  }
+}
+
+class S3Persistor extends AbstractPersistor {
+  /** @type {Map<string, S3>} */
+  #clients = new Map()
+
+  constructor(settings = {}) {
+    super()
+
+    settings.storageClass = settings.storageClass || {}
+    this.settings = settings
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} key
+   * @param {string} fsPath
+   * @return {Promise<void>}
+   */
+  async sendFile(bucketName, key, fsPath) {
+    await this.sendStream(bucketName, key, fs.createReadStream(fsPath))
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} key
+   * @param {NodeJS.ReadableStream} readStream
+   * @param {Object} opts
+   * @param {string} [opts.contentType]
+   * @param {string} [opts.contentEncoding]
+   * @param {number} [opts.contentLength]
+   * @param {'*'} [opts.ifNoneMatch]
+   * @param {SSECOptions} [opts.ssecOptions]
+   * @param {string} [opts.sourceMd5]
+   * @return {Promise<void>}
+   */
+  async sendStream(bucketName, key, readStream, opts = {}) {
+    try {
+      const observeOptions = {
+        metric: 's3.egress', // egress from us to S3
+        bucket: bucketName,
+      }
+
+      const observer = new PersistorHelper.ObserverStream(observeOptions)
+      // observer will catch errors, clean up and log a warning
+      pipeline(readStream, observer, () => {})
+
+      /** @type {S3.PutObjectRequest} */
+      const uploadOptions = {
+        Bucket: bucketName,
+        Key: key,
+        Body: observer,
+      }
+
+      if (this.settings.storageClass[bucketName]) {
+        uploadOptions.StorageClass = this.settings.storageClass[bucketName]
+      }
+
+      if (opts.contentType) {
+        uploadOptions.ContentType = opts.contentType
+      }
+      if (opts.contentEncoding) {
+        uploadOptions.ContentEncoding = opts.contentEncoding
+      }
+      if (opts.contentLength) {
+        uploadOptions.ContentLength = opts.contentLength
+      }
+      if (opts.ifNoneMatch === '*') {
+        uploadOptions.IfNoneMatch = '*'
+      }
+      if (opts.ssecOptions) {
+        Object.assign(uploadOptions, opts.ssecOptions.getPutOptions())
+      }
+
+      // if we have an md5 hash, pass this to S3 to verify the upload - otherwise
+      // we rely on the S3 client's checksum calculation to validate the upload
+      let computeChecksums = false
+      if (opts.sourceMd5) {
+        uploadOptions.ContentMD5 = PersistorHelper.hexToBase64(opts.sourceMd5)
+      } else {
+        computeChecksums = true
+      }
+
+      if (this.settings.disableMultiPartUpload) {
+        await this._getClientForBucket(bucketName, computeChecksums)
+          .putObject(uploadOptions)
+          .promise()
+      } else {
+        await this._getClientForBucket(bucketName, computeChecksums)
+          .upload(uploadOptions, { partSize: this.settings.partSize })
+          .promise()
+      }
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'upload to S3 failed',
+        { bucketName, key, ifNoneMatch: opts.ifNoneMatch },
+        WriteError
+      )
+    }
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} key
+   * @param {Object} [opts]
+   * @param {number} [opts.start]
+   * @param {number} [opts.end]
+   * @param {boolean} [opts.autoGunzip]
+   * @param {SSECOptions} [opts.ssecOptions]
+   * @return {Promise<NodeJS.ReadableStream>}
+   */
+  async getObjectStream(bucketName, key, opts) {
+    opts = opts || {}
+
+    const params = {
+      Bucket: bucketName,
+      Key: key,
+    }
+    if (opts.start != null && opts.end != null) {
+      params.Range = `bytes=${opts.start}-${opts.end}`
+    }
+    if (opts.ssecOptions) {
+      Object.assign(params, opts.ssecOptions.getGetOptions())
+    }
+    const observer = new PersistorHelper.ObserverStream({
+      metric: 's3.ingress', // ingress from S3 to us
+      bucket: bucketName,
+    })
+
+    const req = this._getClientForBucket(bucketName).getObject(params)
+    const stream = req.createReadStream()
+
+    let contentEncoding
+    try {
+      await new Promise((resolve, reject) => {
+        req.on('httpHeaders', (statusCode, headers) => {
+          switch (statusCode) {
+            case 200: // full response
+            case 206: // partial response
+              contentEncoding = headers['content-encoding']
+              return resolve(undefined)
+            case 403: // AccessDenied
+              return // handled by stream.on('error') handler below
+            case 404: // NoSuchKey
+              return reject(new NotFoundError('not found'))
+            default:
+            // handled by stream.on('error') handler below
+          }
+        })
+        // The AWS SDK is forwarding any errors from the request to the stream.
+        // The AWS SDK is emitting additional errors on the stream ahead of starting to stream.
+        stream.on('error', reject)
+        // The AWS SDK is kicking off the request in the next event loop cycle.
+      })
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'error reading file from S3',
+        { bucketName, key, opts },
+        ReadError
+      )
+    }
+    // Return a PassThrough stream with a minimal interface. It will buffer until the caller starts reading. It will emit errors from the source stream (Stream.pipeline passes errors along).
+    const pass = new PassThrough()
+    const transformer = []
+    if (contentEncoding === 'gzip' && opts.autoGunzip) {
+      transformer.push(zlib.createGunzip())
+    }
+    pipeline(stream, observer, ...transformer, pass, err => {
+      if (err) req.abort()
+    })
+    return pass
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} key
+   * @return {Promise<string>}
+   */
+  async getRedirectUrl(bucketName, key) {
+    const expiresSeconds = Math.round(this.settings.signedUrlExpiryInMs / 1000)
+    try {
+      return await this._getClientForBucket(bucketName).getSignedUrlPromise(
+        'getObject',
+        {
+          Bucket: bucketName,
+          Key: key,
+          Expires: expiresSeconds,
+        }
+      )
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'error generating signed url for S3 file',
+        { bucketName, key },
+        ReadError
+      )
+    }
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} key
+   * @param {string} [continuationToken]
+   * @return {Promise<void>}
+   */
+  async deleteDirectory(bucketName, key, continuationToken) {
+    let response
+    const options = { Bucket: bucketName, Prefix: key }
+    if (continuationToken) {
+      options.ContinuationToken = continuationToken
+    }
+
+    try {
+      response = await this._getClientForBucket(bucketName)
+        .listObjectsV2(options)
+        .promise()
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'failed to list objects in S3',
+        { bucketName, key },
+        ReadError
+      )
+    }
+
+    const objects = response.Contents?.map(item => ({ Key: item.Key || '' }))
+    if (objects?.length) {
+      try {
+        await this._getClientForBucket(bucketName)
+          .deleteObjects({
+            Bucket: bucketName,
+            Delete: {
+              Objects: objects,
+              Quiet: true,
+            },
+          })
+          .promise()
+      } catch (err) {
+        throw PersistorHelper.wrapError(
+          err,
+          'failed to delete objects in S3',
+          { bucketName, key },
+          WriteError
+        )
+      }
+    }
+
+    if (response.IsTruncated) {
+      await this.deleteDirectory(
+        bucketName,
+        key,
+        response.NextContinuationToken
+      )
+    }
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} key
+   * @param {Object} opts
+   * @param {SSECOptions} [opts.ssecOptions]
+   * @return {Promise<S3.HeadObjectOutput>}
+   */
+  async #headObject(bucketName, key, opts = {}) {
+    const params = { Bucket: bucketName, Key: key }
+    if (opts.ssecOptions) {
+      Object.assign(params, opts.ssecOptions.getGetOptions())
+    }
+    try {
+      return await this._getClientForBucket(bucketName)
+        .headObject(params)
+        .promise()
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'error getting size of s3 object',
+        { bucketName, key },
+        ReadError
+      )
+    }
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} key
+   * @param {Object} opts
+   * @param {SSECOptions} [opts.ssecOptions]
+   * @return {Promise<number>}
+   */
+  async getObjectSize(bucketName, key, opts = {}) {
+    const response = await this.#headObject(bucketName, key, opts)
+    return response.ContentLength || 0
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} key
+   * @param {Object} opts
+   * @param {SSECOptions} [opts.ssecOptions]
+   * @return {Promise<string | undefined>}
+   */
+  async getObjectStorageClass(bucketName, key, opts = {}) {
+    const response = await this.#headObject(bucketName, key, opts)
+    return response.StorageClass
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} key
+   * @param {Object} opts
+   * @param {SSECOptions} [opts.ssecOptions]
+   * @param {boolean} [opts.etagIsNotMD5]
+   * @return {Promise<string>}
+   */
+  async getObjectMd5Hash(bucketName, key, opts = {}) {
+    try {
+      if (!opts.etagIsNotMD5) {
+        const response = await this.#headObject(bucketName, key, opts)
+        const md5 = S3Persistor._md5FromResponse(response)
+        if (md5) {
+          return md5
+        }
+      }
+      // etag is not in md5 format
+      Metrics.inc('s3.md5Download')
+      return await PersistorHelper.calculateStreamMd5(
+        await this.getObjectStream(bucketName, key, opts)
+      )
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'error getting hash of s3 object',
+        { bucketName, key },
+        ReadError
+      )
+    }
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} key
+   * @return {Promise<void>}
+   */
+  async deleteObject(bucketName, key) {
+    try {
+      await this._getClientForBucket(bucketName)
+        .deleteObject({ Bucket: bucketName, Key: key })
+        .promise()
+    } catch (err) {
+      // s3 does not give us a NotFoundError here
+      throw PersistorHelper.wrapError(
+        err,
+        'failed to delete file in S3',
+        { bucketName, key },
+        WriteError
+      )
+    }
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} sourceKey
+   * @param {string} destKey
+   * @param {Object} opts
+   * @param {SSECOptions} [opts.ssecSrcOptions]
+   * @param {SSECOptions} [opts.ssecOptions]
+   * @return {Promise<void>}
+   */
+  async copyObject(bucketName, sourceKey, destKey, opts = {}) {
+    const params = {
+      Bucket: bucketName,
+      Key: destKey,
+      CopySource: `${bucketName}/${sourceKey}`,
+    }
+    if (opts.ssecSrcOptions) {
+      Object.assign(params, opts.ssecSrcOptions.getCopyOptions())
+    }
+    if (opts.ssecOptions) {
+      Object.assign(params, opts.ssecOptions.getPutOptions())
+    }
+    try {
+      await this._getClientForBucket(bucketName).copyObject(params).promise()
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'failed to copy file in S3',
+        params,
+        WriteError
+      )
+    }
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} key
+   * @param {Object} opts
+   * @param {SSECOptions} [opts.ssecOptions]
+   * @return {Promise<boolean>}
+   */
+  async checkIfObjectExists(bucketName, key, opts) {
+    try {
+      await this.getObjectSize(bucketName, key, opts)
+      return true
+    } catch (err) {
+      if (err instanceof NotFoundError) {
+        return false
+      }
+      throw PersistorHelper.wrapError(
+        err,
+        'error checking whether S3 object exists',
+        { bucketName, key },
+        ReadError
+      )
+    }
+  }
+
+  /**
+   * @param {string} bucketName
+   * @param {string} key
+   * @param {string} [continuationToken]
+   * @return {Promise<number>}
+   */
+  async directorySize(bucketName, key, continuationToken) {
+    try {
+      const options = {
+        Bucket: bucketName,
+        Prefix: key,
+      }
+      if (continuationToken) {
+        options.ContinuationToken = continuationToken
+      }
+      const response = await this._getClientForBucket(bucketName)
+        .listObjectsV2(options)
+        .promise()
+
+      const size =
+        response.Contents?.reduce((acc, item) => (item.Size || 0) + acc, 0) || 0
+      if (response.IsTruncated) {
+        return (
+          size +
+          (await this.directorySize(
+            bucketName,
+            key,
+            response.NextContinuationToken
+          ))
+        )
+      }
+      return size
+    } catch (err) {
+      throw PersistorHelper.wrapError(
+        err,
+        'error getting directory size in S3',
+        { bucketName, key },
+        ReadError
+      )
+    }
+  }
+
+  /**
+   * @param {string} bucket
+   * @param {boolean} computeChecksums
+   * @return {S3}
+   * @private
+   */
+  _getClientForBucket(bucket, computeChecksums = false) {
+    /** @type {S3.Types.ClientConfiguration} */
+    const clientOptions = {}
+    const cacheKey = `${bucket}:${computeChecksums}`
+    if (computeChecksums) {
+      clientOptions.computeChecksums = true
+    }
+    let client = this.#clients.get(cacheKey)
+    if (!client) {
+      client = new S3(
+        this._buildClientOptions(
+          this.settings.bucketCreds?.[bucket],
+          clientOptions
+        )
+      )
+      this.#clients.set(cacheKey, client)
+    }
+    return client
+  }
+
+  /**
+   * @param {Object} bucketCredentials
+   * @param {S3.Types.ClientConfiguration} clientOptions
+   * @return {S3.Types.ClientConfiguration}
+   * @private
+   */
+  _buildClientOptions(bucketCredentials, clientOptions) {
+    const options = clientOptions || {}
+
+    if (bucketCredentials) {
+      options.credentials = {
+        accessKeyId: bucketCredentials.auth_key,
+        secretAccessKey: bucketCredentials.auth_secret,
+      }
+    } else if (this.settings.key) {
+      options.credentials = {
+        accessKeyId: this.settings.key,
+        secretAccessKey: this.settings.secret,
+      }
+    } else {
+      // Use the default credentials provider (process.env -> SSP -> ini -> IAM)
+      // Docs: https://docs.aws.amazon.com/AWSJavaScriptSDK/latest/AWS/CredentialProviderChain.html#defaultProviders-property
+    }
+
+    if (this.settings.endpoint) {
+      const endpoint = new URL(this.settings.endpoint)
+      options.endpoint = this.settings.endpoint
+      options.sslEnabled = endpoint.protocol === 'https:'
+    }
+
+    // path-style access is only used for acceptance tests
+    if (this.settings.pathStyle) {
+      options.s3ForcePathStyle = true
+    }
+
+    for (const opt of ['httpOptions', 'maxRetries', 'region']) {
+      if (this.settings[opt]) {
+        options[opt] = this.settings[opt]
+      }
+    }
+
+    if (options.sslEnabled && this.settings.ca && !options.httpOptions?.agent) {
+      options.httpOptions = options.httpOptions || {}
+      options.httpOptions.agent = new https.Agent({
+        rejectUnauthorized: true,
+        ca: this.settings.ca,
+      })
+    }
+
+    return options
+  }
+
+  /**
+   * @param {S3.HeadObjectOutput} response
+   * @return {string|null}
+   * @private
+   */
+  static _md5FromResponse(response) {
+    const md5 = (response.ETag || '').replace(/[ "]/g, '')
+    if (!md5.match(/^[a-f0-9]{32}$/)) {
+      return null
+    }
+
+    return md5
+  }
+}
+
+module.exports = {
+  S3Persistor,
+  SSECOptions,
+}
diff --git a/libraries/object-persistor/test/Init.js b/libraries/object-persistor/test/Init.js
new file mode 100644
index 0000000..2721d2f
--- /dev/null
+++ b/libraries/object-persistor/test/Init.js
@@ -0,0 +1,33 @@
+const SandboxedModule = require('sandboxed-module')
+const chai = require('chai')
+const sinon = require('sinon')
+
+chai.use(require('sinon-chai'))
+chai.use(require('chai-as-promised'))
+
+SandboxedModule.configure({
+  requires: {
+    '@overleaf/logger': {
+      debug() {},
+      log() {},
+      info() {},
+      warn() {},
+      error() {},
+      err() {},
+    },
+    '@overleaf/metrics': {
+      inc: sinon.stub(),
+      count: sinon.stub(),
+      histogram: sinon.stub(),
+      Timer: class Timer {
+        done() {}
+      },
+    },
+  },
+  globals: { Buffer, Math, console, process, URL },
+  sourceTransformers: {
+    removeNodePrefix: function (source) {
+      return source.replace(/require\(['"]node:/g, "require('")
+    },
+  },
+})
diff --git a/libraries/object-persistor/test/unit/FSPersistorTests.js b/libraries/object-persistor/test/unit/FSPersistorTests.js
new file mode 100644
index 0000000..dc7a5c5
--- /dev/null
+++ b/libraries/object-persistor/test/unit/FSPersistorTests.js
@@ -0,0 +1,417 @@
+const crypto = require('node:crypto')
+const { expect } = require('chai')
+const mockFs = require('mock-fs')
+const fs = require('node:fs')
+const fsPromises = require('node:fs/promises')
+const Path = require('node:path')
+const StreamPromises = require('node:stream/promises')
+const SandboxedModule = require('sandboxed-module')
+const Errors = require('../../src/Errors')
+
+const MODULE_PATH = '../../src/FSPersistor.js'
+
+describe('FSPersistorTests', function () {
+  const localFiles = {
+    '/uploads/info.txt': Buffer.from('This information is critical', {
+      encoding: 'utf-8',
+    }),
+    '/uploads/other.txt': Buffer.from('Some other content', {
+      encoding: 'utf-8',
+    }),
+  }
+  const location = '/bucket'
+  const files = {
+    wombat: 'animals/wombat.tex',
+    giraffe: 'animals/giraffe.tex',
+    potato: 'vegetables/potato.tex',
+  }
+
+  const scenarios = [
+    {
+      description: 'default settings',
+      settings: {},
+      fsPath: key => Path.join(location, key.replaceAll('/', '_')),
+    },
+    {
+      description: 'with useSubdirectories = true',
+      settings: { useSubdirectories: true },
+      fsPath: key => Path.join(location, key),
+    },
+  ]
+
+  for (const scenario of scenarios) {
+    describe(scenario.description, function () {
+      let persistor
+
+      beforeEach(function () {
+        const FSPersistor = SandboxedModule.require(MODULE_PATH, {
+          requires: {
+            'fs/promises': fsPromises,
+            'stream/promises': StreamPromises,
+            './Errors': Errors,
+          },
+        })
+        persistor = new FSPersistor(scenario.settings)
+      })
+
+      beforeEach(function () {
+        mockFs({
+          ...localFiles,
+          '/not-a-dir':
+            'This regular file is meant to prevent using this path as a directory',
+          '/directory/subdirectory': {},
+        })
+      })
+
+      afterEach(function () {
+        mockFs.restore()
+      })
+
+      describe('sendFile', function () {
+        it('should copy the file', async function () {
+          await persistor.sendFile(location, files.wombat, '/uploads/info.txt')
+          const contents = await fsPromises.readFile(
+            scenario.fsPath(files.wombat)
+          )
+          expect(contents.equals(localFiles['/uploads/info.txt'])).to.be.true
+        })
+
+        it('should return an error if the file cannot be stored', async function () {
+          await expect(
+            persistor.sendFile('/not-a-dir', files.wombat, '/uploads/info.txt')
+          ).to.be.rejectedWith(Errors.WriteError)
+        })
+      })
+
+      describe('sendStream', function () {
+        let stream
+
+        describe("when the file doesn't exist", function () {
+          beforeEach(function () {
+            stream = fs.createReadStream('/uploads/info.txt')
+          })
+
+          it('should write the stream to disk', async function () {
+            await persistor.sendStream(location, files.wombat, stream)
+            const contents = await fsPromises.readFile(
+              scenario.fsPath(files.wombat)
+            )
+            expect(contents.equals(localFiles['/uploads/info.txt'])).to.be.true
+          })
+
+          it('should delete the temporary file', async function () {
+            await persistor.sendStream(location, files.wombat, stream)
+            const entries = await fsPromises.readdir(location)
+            const tempDirs = entries.filter(dir => dir.startsWith('tmp-'))
+            expect(tempDirs).to.be.empty
+          })
+
+          describe('on error', function () {
+            beforeEach(async function () {
+              await expect(
+                persistor.sendStream('/not-a-dir', files.wombat, stream)
+              ).to.be.rejectedWith(Errors.WriteError)
+            })
+
+            it('should not write the target file', async function () {
+              await expect(fsPromises.access(scenario.fsPath(files.wombat))).to
+                .be.rejected
+            })
+
+            it('should delete the temporary file', async function () {
+              await persistor.sendStream(location, files.wombat, stream)
+              const entries = await fsPromises.readdir(location)
+              const tempDirs = entries.filter(dir => dir.startsWith('tmp-'))
+              expect(tempDirs).to.be.empty
+            })
+          })
+
+          describe('when the md5 hash matches', function () {
+            it('should write the stream to disk', async function () {
+              await persistor.sendStream(location, files.wombat, stream, {
+                sourceMd5: md5(localFiles['/uploads/info.txt']),
+              })
+              const contents = await fsPromises.readFile(
+                scenario.fsPath(files.wombat)
+              )
+              expect(contents.equals(localFiles['/uploads/info.txt'])).to.be
+                .true
+            })
+          })
+
+          describe('when the md5 hash does not match', function () {
+            beforeEach(async function () {
+              await expect(
+                persistor.sendStream(location, files.wombat, stream, {
+                  sourceMd5: md5('wrong content'),
+                })
+              ).to.be.rejectedWith(Errors.WriteError)
+            })
+
+            it('should not write the target file', async function () {
+              await expect(fsPromises.access(scenario.fsPath(files.wombat))).to
+                .be.rejected
+            })
+
+            it('should delete the temporary file', async function () {
+              await persistor.sendStream(location, files.wombat, stream)
+              const entries = await fsPromises.readdir(location)
+              const tempDirs = entries.filter(dir => dir.startsWith('tmp-'))
+              expect(tempDirs).to.be.empty
+            })
+          })
+        })
+
+        describe('when the file already exists', function () {
+          let stream
+
+          beforeEach(async function () {
+            await persistor.sendFile(
+              location,
+              files.wombat,
+              '/uploads/info.txt'
+            )
+            stream = fs.createReadStream('/uploads/other.txt')
+          })
+
+          it('should write the stream to disk', async function () {
+            await persistor.sendStream(location, files.wombat, stream)
+            const contents = await fsPromises.readFile(
+              scenario.fsPath(files.wombat)
+            )
+            expect(contents.equals(localFiles['/uploads/other.txt'])).to.be.true
+          })
+
+          it('should delete the temporary file', async function () {
+            await persistor.sendStream(location, files.wombat, stream)
+            const entries = await fsPromises.readdir(location)
+            const tempDirs = entries.filter(dir => dir.startsWith('tmp-'))
+            expect(tempDirs).to.be.empty
+          })
+
+          describe('on error', function () {
+            beforeEach(async function () {
+              await expect(
+                persistor.sendStream('/not-a-dir', files.wombat, stream)
+              ).to.be.rejectedWith(Errors.WriteError)
+            })
+
+            it('should not update the target file', async function () {
+              const contents = await fsPromises.readFile(
+                scenario.fsPath(files.wombat)
+              )
+              expect(contents.equals(localFiles['/uploads/info.txt'])).to.be
+                .true
+            })
+
+            it('should delete the temporary file', async function () {
+              await persistor.sendStream(location, files.wombat, stream)
+              const entries = await fsPromises.readdir(location)
+              const tempDirs = entries.filter(dir => dir.startsWith('tmp-'))
+              expect(tempDirs).to.be.empty
+            })
+          })
+
+          describe('when the md5 hash matches', function () {
+            it('should write the stream to disk', async function () {
+              await persistor.sendStream(location, files.wombat, stream, {
+                sourceMd5: md5(localFiles['/uploads/other.txt']),
+              })
+              const contents = await fsPromises.readFile(
+                scenario.fsPath(files.wombat)
+              )
+              expect(contents.equals(localFiles['/uploads/other.txt'])).to.be
+                .true
+            })
+          })
+
+          describe('when the md5 hash does not match', function () {
+            beforeEach(async function () {
+              await expect(
+                persistor.sendStream(location, files.wombat, stream, {
+                  sourceMd5: md5('wrong content'),
+                })
+              ).to.be.rejectedWith(Errors.WriteError)
+            })
+
+            it('should not update the target file', async function () {
+              const contents = await fsPromises.readFile(
+                scenario.fsPath(files.wombat)
+              )
+              expect(contents.equals(localFiles['/uploads/info.txt'])).to.be
+                .true
+            })
+
+            it('should delete the temporary file', async function () {
+              await persistor.sendStream(location, files.wombat, stream)
+              const entries = await fsPromises.readdir(location)
+              const tempDirs = entries.filter(dir => dir.startsWith('tmp-'))
+              expect(tempDirs).to.be.empty
+            })
+          })
+        })
+      })
+
+      describe('getObjectStream', function () {
+        beforeEach(async function () {
+          await persistor.sendFile(location, files.wombat, '/uploads/info.txt')
+        })
+
+        it('should return a string with the object contents', async function () {
+          const stream = await persistor.getObjectStream(location, files.wombat)
+          const contents = await streamToBuffer(stream)
+          expect(contents.equals(localFiles['/uploads/info.txt'])).to.be.true
+        })
+
+        it('should support ranges', async function () {
+          const stream = await persistor.getObjectStream(
+            location,
+            files.wombat,
+            {
+              start: 5,
+              end: 16,
+            }
+          )
+          const contents = await streamToBuffer(stream)
+          // end is inclusive in ranges, but exclusive in slice()
+          expect(contents.equals(localFiles['/uploads/info.txt'].slice(5, 17)))
+            .to.be.true
+        })
+
+        it('should give a NotFoundError if the file does not exist', async function () {
+          await expect(
+            persistor.getObjectStream(location, 'does-not-exist')
+          ).to.be.rejectedWith(Errors.NotFoundError)
+        })
+      })
+
+      describe('getObjectSize', function () {
+        beforeEach(async function () {
+          await persistor.sendFile(location, files.wombat, '/uploads/info.txt')
+        })
+
+        it('should return the file size', async function () {
+          expect(
+            await persistor.getObjectSize(location, files.wombat)
+          ).to.equal(localFiles['/uploads/info.txt'].length)
+        })
+
+        it('should throw a NotFoundError if the file does not exist', async function () {
+          await expect(
+            persistor.getObjectSize(location, 'does-not-exist')
+          ).to.be.rejectedWith(Errors.NotFoundError)
+        })
+      })
+
+      describe('copyObject', function () {
+        beforeEach(async function () {
+          await persistor.sendFile(location, files.wombat, '/uploads/info.txt')
+        })
+
+        it('Should copy the file to the new location', async function () {
+          await persistor.copyObject(location, files.wombat, files.potato)
+          const contents = await fsPromises.readFile(
+            scenario.fsPath(files.potato)
+          )
+          expect(contents.equals(localFiles['/uploads/info.txt'])).to.be.true
+        })
+      })
+
+      describe('deleteObject', function () {
+        beforeEach(async function () {
+          await persistor.sendFile(location, files.wombat, '/uploads/info.txt')
+          await fsPromises.access(scenario.fsPath(files.wombat))
+        })
+
+        it('should delete the file', async function () {
+          await persistor.deleteObject(location, files.wombat)
+          await expect(fsPromises.access(scenario.fsPath(files.wombat))).to.be
+            .rejected
+        })
+
+        it("should ignore files that don't exist", async function () {
+          await persistor.deleteObject(location, 'does-not-exist')
+        })
+      })
+
+      describe('deleteDirectory', function () {
+        beforeEach(async function () {
+          for (const file of Object.values(files)) {
+            await persistor.sendFile(location, file, '/uploads/info.txt')
+            await fsPromises.access(scenario.fsPath(file))
+          }
+        })
+
+        it('should delete all files under the directory', async function () {
+          await persistor.deleteDirectory(location, 'animals')
+          for (const file of [files.wombat, files.giraffe]) {
+            await expect(fsPromises.access(scenario.fsPath(file))).to.be
+              .rejected
+          }
+        })
+
+        it('should not delete files under other directoris', async function () {
+          await persistor.deleteDirectory(location, 'animals')
+          await fsPromises.access(scenario.fsPath(files.potato))
+        })
+
+        it("should ignore directories that don't exist", async function () {
+          await persistor.deleteDirectory(location, 'does-not-exist')
+          for (const file of Object.values(files)) {
+            await fsPromises.access(scenario.fsPath(file))
+          }
+        })
+      })
+
+      describe('checkIfObjectExists', function () {
+        beforeEach(async function () {
+          await persistor.sendFile(location, files.wombat, '/uploads/info.txt')
+        })
+
+        it('should return true for existing files', async function () {
+          expect(
+            await persistor.checkIfObjectExists(location, files.wombat)
+          ).to.equal(true)
+        })
+
+        it('should return false for non-existing files', async function () {
+          expect(
+            await persistor.checkIfObjectExists(location, 'does-not-exist')
+          ).to.equal(false)
+        })
+      })
+
+      describe('directorySize', function () {
+        beforeEach(async function () {
+          for (const file of Object.values(files)) {
+            await persistor.sendFile(location, file, '/uploads/info.txt')
+          }
+        })
+
+        it('should sum directory files size', async function () {
+          expect(await persistor.directorySize(location, 'animals')).to.equal(
+            2 * localFiles['/uploads/info.txt'].length
+          )
+        })
+
+        it('should return 0 on non-existing directories', async function () {
+          expect(
+            await persistor.directorySize(location, 'does-not-exist')
+          ).to.equal(0)
+        })
+      })
+    })
+  }
+})
+
+function md5(str) {
+  return crypto.createHash('md5').update(str).digest('hex')
+}
+
+async function streamToBuffer(stream) {
+  const chunks = []
+  for await (const chunk of stream) {
+    chunks.push(chunk)
+  }
+  return Buffer.concat(chunks)
+}
diff --git a/libraries/object-persistor/test/unit/GcsPersistorTests.js b/libraries/object-persistor/test/unit/GcsPersistorTests.js
new file mode 100644
index 0000000..16a42c7
--- /dev/null
+++ b/libraries/object-persistor/test/unit/GcsPersistorTests.js
@@ -0,0 +1,726 @@
+const { EventEmitter } = require('node:events')
+const sinon = require('sinon')
+const chai = require('chai')
+const { expect } = chai
+const modulePath = '../../src/GcsPersistor.js'
+const SandboxedModule = require('sandboxed-module')
+const { ObjectId } = require('mongodb')
+const asyncPool = require('tiny-async-pool')
+
+const Errors = require('../../src/Errors')
+
+describe('GcsPersistorTests', function () {
+  const filename = '/wombat/potato.tex'
+  const bucket = 'womBucket'
+  const key = 'monKey'
+  const destKey = 'donKey'
+  const genericError = new Error('guru meditation error')
+  const filesSize = 33
+  const md5 = 'ffffffff00000000ffffffff00000000'
+  const WriteStream = 'writeStream'
+  const redirectUrl = 'https://wombat.potato/giraffe'
+
+  let Logger,
+    Transform,
+    PassThrough,
+    Storage,
+    Fs,
+    GcsNotFoundError,
+    ReadStream,
+    Stream,
+    StreamPromises,
+    GcsBucket,
+    GcsFile,
+    GcsPersistor,
+    FileNotFoundError,
+    Hash,
+    Settings,
+    crypto,
+    files
+
+  beforeEach(function () {
+    Settings = {
+      directoryKeyRegex: /^[0-9a-fA-F]{24}\/[0-9a-fA-F]{24}/,
+    }
+
+    files = [
+      {
+        metadata: { size: '11', md5Hash: '/////wAAAAD/////AAAAAA==' },
+        delete: sinon.stub(),
+      },
+      {
+        metadata: { size: '22', md5Hash: '/////wAAAAD/////AAAAAA==' },
+        delete: sinon.stub(),
+      },
+    ]
+
+    class FakeGCSResponse extends EventEmitter {
+      constructor() {
+        super()
+        this.statusCode = 200
+        this.err = null
+      }
+
+      read() {
+        if (this.err) return this.emit('error', this.err)
+        this.emit('response', { statusCode: this.statusCode, headers: {} })
+      }
+    }
+
+    ReadStream = new FakeGCSResponse()
+    PassThrough = class {}
+
+    Transform = class {
+      once() {}
+    }
+
+    Stream = {
+      PassThrough,
+      Transform,
+    }
+
+    StreamPromises = {
+      pipeline: sinon.stub().resolves(),
+    }
+
+    GcsFile = {
+      delete: sinon.stub().resolves(),
+      createReadStream: sinon.stub().returns(ReadStream),
+      getMetadata: sinon.stub().resolves([files[0].metadata]),
+      createWriteStream: sinon.stub().returns(WriteStream),
+      copy: sinon.stub().resolves(),
+      exists: sinon.stub().resolves([true]),
+      getSignedUrl: sinon.stub().resolves([redirectUrl]),
+    }
+
+    GcsBucket = {
+      file: sinon.stub().returns(GcsFile),
+      getFiles: sinon.stub().resolves([files]),
+    }
+
+    Storage = class {
+      constructor() {
+        this.interceptors = []
+      }
+    }
+    Storage.prototype.bucket = sinon.stub().returns(GcsBucket)
+
+    GcsNotFoundError = new Error('File not found')
+    GcsNotFoundError.code = 404
+
+    Fs = {
+      createReadStream: sinon.stub().returns(ReadStream),
+    }
+
+    FileNotFoundError = new Error('File not found')
+    FileNotFoundError.code = 'ENOENT'
+
+    Hash = {
+      end: sinon.stub(),
+      read: sinon.stub().returns(md5),
+      digest: sinon.stub().returns(md5),
+      setEncoding: sinon.stub(),
+    }
+    crypto = {
+      createHash: sinon.stub().returns(Hash),
+    }
+
+    Logger = {
+      warn: sinon.stub(),
+    }
+
+    GcsPersistor = new (SandboxedModule.require(modulePath, {
+      requires: {
+        '@google-cloud/storage': { Storage },
+        '@overleaf/logger': Logger,
+        'tiny-async-pool': asyncPool,
+        './Errors': Errors,
+        fs: Fs,
+        stream: Stream,
+        'stream/promises': StreamPromises,
+        crypto,
+      },
+      globals: { console, Buffer },
+    }))(Settings)
+  })
+
+  describe('getObjectStream', function () {
+    describe('when called with valid parameters', function () {
+      let stream
+
+      beforeEach(async function () {
+        stream = await GcsPersistor.getObjectStream(bucket, key)
+      })
+
+      it('returns a PassThrough stream', function () {
+        expect(stream).to.be.instanceOf(PassThrough)
+      })
+
+      it('fetches the right key from the right bucket', function () {
+        expect(Storage.prototype.bucket).to.have.been.calledWith(bucket)
+        expect(GcsBucket.file).to.have.been.calledWith(key)
+        expect(GcsFile.createReadStream).to.have.been.called
+      })
+
+      it('disables automatic decompression', function () {
+        expect(GcsFile.createReadStream).to.have.been.calledWith({
+          decompress: false,
+        })
+      })
+
+      it('pipes the stream through the meter', function () {
+        expect(StreamPromises.pipeline).to.have.been.calledWith(
+          ReadStream,
+          sinon.match.instanceOf(Transform),
+          sinon.match.instanceOf(PassThrough)
+        )
+      })
+    })
+
+    describe('when called with a byte range', function () {
+      let stream
+
+      beforeEach(async function () {
+        stream = await GcsPersistor.getObjectStream(bucket, key, {
+          start: 5,
+          end: 10,
+        })
+      })
+
+      it('returns a PassThrough stream', function () {
+        expect(stream).to.be.instanceOf(PassThrough)
+      })
+
+      it('passes the byte range on to GCS', function () {
+        expect(GcsFile.createReadStream).to.have.been.calledWith({
+          decompress: false,
+          start: 5,
+          end: 10,
+        })
+      })
+    })
+
+    describe("when the file doesn't exist", function () {
+      let error, stream
+
+      beforeEach(async function () {
+        ReadStream.statusCode = 404
+        try {
+          stream = await GcsPersistor.getObjectStream(bucket, key)
+        } catch (e) {
+          error = e
+        }
+      })
+
+      it('does not return a stream', function () {
+        expect(stream).not.to.exist
+      })
+
+      it('throws a NotFoundError', function () {
+        expect(error).to.be.an.instanceOf(Errors.NotFoundError)
+      })
+
+      it('wraps the error', function () {
+        expect(error.cause).to.exist
+      })
+
+      it('stores the bucket and key in the error', function () {
+        expect(error.info).to.include({ bucketName: bucket, key })
+      })
+    })
+
+    describe('when Gcs encounters an unknown error', function () {
+      let error, stream
+
+      beforeEach(async function () {
+        ReadStream.err = genericError
+        try {
+          stream = await GcsPersistor.getObjectStream(bucket, key)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('does not return a stream', function () {
+        expect(stream).not.to.exist
+      })
+
+      it('throws a ReadError', function () {
+        expect(error).to.be.an.instanceOf(Errors.ReadError)
+      })
+
+      it('wraps the error', function () {
+        expect(error.cause).to.exist
+      })
+
+      it('stores the bucket and key in the error', function () {
+        expect(error.info).to.include({ bucketName: bucket, key })
+      })
+    })
+  })
+
+  describe('getRedirectUrl', function () {
+    let signedUrl
+
+    describe('with signed URLs', function () {
+      beforeEach(async function () {
+        signedUrl = await GcsPersistor.getRedirectUrl(bucket, key)
+      })
+
+      it('should request a signed URL', function () {
+        expect(GcsFile.getSignedUrl).to.have.been.called
+      })
+
+      it('should return the url', function () {
+        expect(signedUrl).to.equal(redirectUrl)
+      })
+    })
+
+    describe('with unsigned URLs', function () {
+      beforeEach(async function () {
+        GcsPersistor.settings.unsignedUrls = true
+        GcsPersistor.settings.endpoint = {
+          apiEndpoint: 'http://custom.endpoint',
+        }
+        signedUrl = await GcsPersistor.getRedirectUrl(bucket, key)
+      })
+
+      it('should return a plain URL', function () {
+        expect(signedUrl).to.equal(
+          `http://custom.endpoint/download/storage/v1/b/${bucket}/o/${key}?alt=media`
+        )
+      })
+    })
+  })
+
+  describe('getObjectSize', function () {
+    describe('when called with valid parameters', function () {
+      let size
+
+      beforeEach(async function () {
+        size = await GcsPersistor.getObjectSize(bucket, key)
+      })
+
+      it('should return the object size', function () {
+        expect(size).to.equal(11)
+      })
+
+      it('should pass the bucket and key to GCS', function () {
+        expect(Storage.prototype.bucket).to.have.been.calledWith(bucket)
+        expect(GcsBucket.file).to.have.been.calledWith(key)
+        expect(GcsFile.getMetadata).to.have.been.called
+      })
+    })
+
+    describe('when the object is not found', function () {
+      let error
+
+      beforeEach(async function () {
+        GcsFile.getMetadata = sinon.stub().rejects(GcsNotFoundError)
+        try {
+          await GcsPersistor.getObjectSize(bucket, key)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('should return a NotFoundError', function () {
+        expect(error).to.be.an.instanceOf(Errors.NotFoundError)
+      })
+
+      it('should wrap the error', function () {
+        expect(error.cause).to.equal(GcsNotFoundError)
+      })
+    })
+
+    describe('when GCS returns an error', function () {
+      let error
+
+      beforeEach(async function () {
+        GcsFile.getMetadata = sinon.stub().rejects(genericError)
+        try {
+          await GcsPersistor.getObjectSize(bucket, key)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('should return a ReadError', function () {
+        expect(error).to.be.an.instanceOf(Errors.ReadError)
+      })
+
+      it('should wrap the error', function () {
+        expect(error.cause).to.equal(genericError)
+      })
+    })
+  })
+
+  describe('sendStream', function () {
+    describe('with valid parameters', function () {
+      beforeEach(async function () {
+        return GcsPersistor.sendStream(bucket, key, ReadStream)
+      })
+
+      it('should upload the stream', function () {
+        expect(Storage.prototype.bucket).to.have.been.calledWith(bucket)
+        expect(GcsBucket.file).to.have.been.calledWith(key)
+        expect(GcsFile.createWriteStream).to.have.been.called
+      })
+
+      it('should not try to create a resumable upload', function () {
+        expect(GcsFile.createWriteStream).to.have.been.calledWith({
+          resumable: false,
+        })
+      })
+
+      it('should meter the stream and pass it to GCS', function () {
+        expect(StreamPromises.pipeline).to.have.been.calledWith(
+          ReadStream,
+          sinon.match.instanceOf(Transform),
+          WriteStream
+        )
+      })
+
+      it('calculates the md5 hash of the file', function () {
+        expect(Hash.digest).to.have.been.called
+      })
+    })
+
+    describe('when a hash is supplied', function () {
+      beforeEach(async function () {
+        return GcsPersistor.sendStream(bucket, key, ReadStream, {
+          sourceMd5: 'aaaaaaaabbbbbbbbaaaaaaaabbbbbbbb',
+        })
+      })
+
+      it('should not calculate the md5 hash of the file', function () {
+        expect(Hash.digest).not.to.have.been.called
+      })
+
+      it('sends the hash in base64', function () {
+        expect(GcsFile.createWriteStream).to.have.been.calledWith({
+          validation: 'md5',
+          metadata: {
+            md5Hash: 'qqqqqru7u7uqqqqqu7u7uw==',
+          },
+          resumable: false,
+        })
+      })
+
+      it('does not fetch the md5 hash of the uploaded file', function () {
+        expect(GcsFile.getMetadata).not.to.have.been.called
+      })
+    })
+
+    describe('when metadata is supplied', function () {
+      const contentType = 'text/csv'
+      const contentEncoding = 'gzip'
+
+      beforeEach(async function () {
+        return GcsPersistor.sendStream(bucket, key, ReadStream, {
+          contentType,
+          contentEncoding,
+        })
+      })
+
+      it('should send the metadata to GCS', function () {
+        expect(GcsFile.createWriteStream).to.have.been.calledWith({
+          metadata: { contentType, contentEncoding },
+          resumable: false,
+        })
+      })
+    })
+
+    describe('when the upload fails', function () {
+      let error
+      beforeEach(async function () {
+        StreamPromises.pipeline
+          .withArgs(ReadStream, sinon.match.instanceOf(Transform), WriteStream)
+          .rejects(genericError)
+        try {
+          await GcsPersistor.sendStream(bucket, key, ReadStream)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('throws a WriteError', function () {
+        expect(error).to.be.an.instanceOf(Errors.WriteError)
+      })
+
+      it('wraps the error', function () {
+        expect(error.cause).to.equal(genericError)
+      })
+    })
+  })
+
+  describe('sendFile', function () {
+    describe('with valid parameters', function () {
+      beforeEach(async function () {
+        return GcsPersistor.sendFile(bucket, key, filename)
+      })
+
+      it('should create a read stream for the file', function () {
+        expect(Fs.createReadStream).to.have.been.calledWith(filename)
+      })
+
+      it('should create a write stream', function () {
+        expect(Storage.prototype.bucket).to.have.been.calledWith(bucket)
+        expect(GcsBucket.file).to.have.been.calledWith(key)
+        expect(GcsFile.createWriteStream).to.have.been.called
+      })
+
+      it('should upload the stream via the meter', function () {
+        expect(StreamPromises.pipeline).to.have.been.calledWith(
+          ReadStream,
+          sinon.match.instanceOf(Transform),
+          WriteStream
+        )
+      })
+    })
+  })
+
+  describe('copyObject', function () {
+    const destinationFile = 'destFile'
+
+    beforeEach(function () {
+      GcsBucket.file.withArgs(destKey).returns(destinationFile)
+    })
+
+    describe('with valid parameters', function () {
+      beforeEach(async function () {
+        return GcsPersistor.copyObject(bucket, key, destKey)
+      })
+
+      it('should copy the object', function () {
+        expect(Storage.prototype.bucket).to.have.been.calledWith(bucket)
+        expect(GcsBucket.file).to.have.been.calledWith(key)
+        expect(GcsFile.copy).to.have.been.calledWith(destinationFile)
+      })
+    })
+
+    describe('when the file does not exist', function () {
+      let error
+
+      beforeEach(async function () {
+        GcsFile.copy = sinon.stub().rejects(GcsNotFoundError)
+        try {
+          await GcsPersistor.copyObject(bucket, key, destKey)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('should throw a NotFoundError', function () {
+        expect(error).to.be.an.instanceOf(Errors.NotFoundError)
+      })
+    })
+  })
+
+  describe('deleteObject', function () {
+    describe('with valid parameters', function () {
+      beforeEach(async function () {
+        return GcsPersistor.deleteObject(bucket, key)
+      })
+
+      it('should delete the object', function () {
+        expect(Storage.prototype.bucket).to.have.been.calledWith(bucket)
+        expect(GcsBucket.file).to.have.been.calledWith(key)
+        expect(GcsFile.delete).to.have.been.called
+      })
+    })
+
+    describe('when the file does not exist', function () {
+      let error
+
+      beforeEach(async function () {
+        GcsFile.delete = sinon.stub().rejects(GcsNotFoundError)
+        try {
+          await GcsPersistor.deleteObject(bucket, key)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('should not throw an error', function () {
+        expect(error).not.to.exist
+      })
+    })
+  })
+
+  describe('deleteDirectory', function () {
+    const directoryName = `${new ObjectId()}/${new ObjectId()}`
+    const directoryPrefix = `${directoryName}/`
+    describe('with valid parameters', function () {
+      beforeEach(async function () {
+        GcsBucket.getFiles = sinon.stub()
+        // set up multiple paginated calls to getFiles
+        GcsBucket.getFiles
+          .withArgs({ prefix: directoryPrefix, autoPaginate: false })
+          .resolves([['aaa', 'bbb'], 'call-1'])
+        GcsBucket.getFiles
+          .withArgs('call-1')
+          .resolves([['ccc', 'ddd', 'eee'], 'call-2'])
+        GcsBucket.getFiles.withArgs('call-2').resolves([['fff', 'ggg']])
+        return GcsPersistor.deleteDirectory(bucket, directoryName)
+      })
+
+      it('should list the objects in the directory', function () {
+        expect(Storage.prototype.bucket).to.have.been.calledWith(bucket)
+        expect(GcsBucket.getFiles).to.have.been.calledWith({
+          prefix: directoryPrefix,
+          autoPaginate: false,
+        })
+        expect(GcsBucket.getFiles).to.have.been.calledWith('call-1')
+        expect(GcsBucket.getFiles).to.have.been.calledWith('call-2')
+      })
+
+      it('should delete the files', function () {
+        expect(GcsFile.delete.callCount).to.equal(7)
+      })
+    })
+
+    describe('when there is an error listing the objects', function () {
+      let error
+
+      beforeEach(async function () {
+        GcsBucket.getFiles = sinon.stub().rejects(genericError)
+        try {
+          await GcsPersistor.deleteDirectory(bucket, directoryName)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('should generate a WriteError', function () {
+        expect(error).to.be.an.instanceOf(Errors.WriteError)
+      })
+
+      it('should wrap the error', function () {
+        expect(error.cause).to.equal(genericError)
+      })
+    })
+  })
+
+  describe('directorySize', function () {
+    describe('with valid parameters', function () {
+      let size
+
+      beforeEach(async function () {
+        size = await GcsPersistor.directorySize(bucket, key)
+      })
+
+      it('should list the objects in the directory', function () {
+        expect(Storage.prototype.bucket).to.have.been.calledWith(bucket)
+        expect(GcsBucket.getFiles).to.have.been.calledWith({
+          prefix: `${key}/`,
+        })
+      })
+
+      it('should return the directory size', function () {
+        expect(size).to.equal(filesSize)
+      })
+    })
+
+    describe('when there are no files', function () {
+      let size
+
+      beforeEach(async function () {
+        GcsBucket.getFiles.resolves([[]])
+        size = await GcsPersistor.directorySize(bucket, key)
+      })
+
+      it('should list the objects in the directory', function () {
+        expect(Storage.prototype.bucket).to.have.been.calledWith(bucket)
+        expect(GcsBucket.getFiles).to.have.been.calledWith({
+          prefix: `${key}/`,
+        })
+      })
+
+      it('should return zero', function () {
+        expect(size).to.equal(0)
+      })
+    })
+
+    describe('when there is an error listing the objects', function () {
+      let error
+
+      beforeEach(async function () {
+        GcsBucket.getFiles.rejects(genericError)
+        try {
+          await GcsPersistor.directorySize(bucket, key)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('should generate a ReadError', function () {
+        expect(error).to.be.an.instanceOf(Errors.ReadError)
+      })
+
+      it('should wrap the error', function () {
+        expect(error.cause).to.equal(genericError)
+      })
+    })
+  })
+
+  describe('checkIfObjectExists', function () {
+    describe('when the file exists', function () {
+      let exists
+
+      beforeEach(async function () {
+        exists = await GcsPersistor.checkIfObjectExists(bucket, key)
+      })
+
+      it('should ask the file if it exists', function () {
+        expect(Storage.prototype.bucket).to.have.been.calledWith(bucket)
+        expect(GcsBucket.file).to.have.been.calledWith(key)
+        expect(GcsFile.exists).to.have.been.called
+      })
+
+      it('should return that the file exists', function () {
+        expect(exists).to.equal(true)
+      })
+    })
+
+    describe('when the file does not exist', function () {
+      let exists
+
+      beforeEach(async function () {
+        GcsFile.exists = sinon.stub().resolves([false])
+        exists = await GcsPersistor.checkIfObjectExists(bucket, key)
+      })
+
+      it('should get the object header', function () {
+        expect(Storage.prototype.bucket).to.have.been.calledWith(bucket)
+        expect(GcsBucket.file).to.have.been.calledWith(key)
+        expect(GcsFile.exists).to.have.been.called
+      })
+
+      it('should return that the file does not exist', function () {
+        expect(exists).to.equal(false)
+      })
+    })
+
+    describe('when there is an error', function () {
+      let error
+
+      beforeEach(async function () {
+        GcsFile.exists = sinon.stub().rejects(genericError)
+        try {
+          await GcsPersistor.checkIfObjectExists(bucket, key)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('should generate a ReadError', function () {
+        expect(error).to.be.an.instanceOf(Errors.ReadError)
+      })
+
+      it('should wrap the error', function () {
+        expect(error.cause).to.equal(genericError)
+      })
+    })
+  })
+})
diff --git a/libraries/object-persistor/test/unit/MigrationPersistorTests.js b/libraries/object-persistor/test/unit/MigrationPersistorTests.js
new file mode 100644
index 0000000..a37aa53
--- /dev/null
+++ b/libraries/object-persistor/test/unit/MigrationPersistorTests.js
@@ -0,0 +1,532 @@
+const sinon = require('sinon')
+const chai = require('chai')
+const { expect } = chai
+const modulePath = '../../src/MigrationPersistor.js'
+const SandboxedModule = require('sandboxed-module')
+
+const Errors = require('../../src/Errors')
+
+// Not all methods are tested here, but a method with each type of wrapping has
+// tests. Specifically, the following wrapping methods are tested here:
+// getObjectStream: _wrapFallbackMethod
+// sendStream: forward-to-primary
+// deleteObject: _wrapMethodOnBothPersistors
+// copyObject: copyFileWithFallback
+
+describe('MigrationPersistorTests', function () {
+  const bucket = 'womBucket'
+  const fallbackBucket = 'bucKangaroo'
+  const key = 'monKey'
+  const destKey = 'donKey'
+  const genericError = new Error('guru meditation error')
+  const notFoundError = new Errors.NotFoundError('not found')
+  const size = 33
+  const md5 = 'ffffffff'
+
+  let Settings,
+    Logger,
+    Stream,
+    StreamPromises,
+    MigrationPersistor,
+    fileStream,
+    newPersistor
+
+  beforeEach(function () {
+    fileStream = {
+      name: 'fileStream',
+      on: sinon.stub().withArgs('end').yields(),
+      pipe: sinon.stub(),
+    }
+
+    newPersistor = function (hasFile) {
+      return {
+        sendFile: sinon.stub().resolves(),
+        sendStream: sinon.stub().resolves(),
+        getObjectStream: hasFile
+          ? sinon.stub().resolves(fileStream)
+          : sinon.stub().rejects(notFoundError),
+        deleteDirectory: sinon.stub().resolves(),
+        getObjectSize: hasFile
+          ? sinon.stub().resolves(size)
+          : sinon.stub().rejects(notFoundError),
+        deleteObject: sinon.stub().resolves(),
+        copyObject: hasFile
+          ? sinon.stub().resolves()
+          : sinon.stub().rejects(notFoundError),
+        checkIfObjectExists: sinon.stub().resolves(hasFile),
+        directorySize: hasFile
+          ? sinon.stub().resolves(size)
+          : sinon.stub().rejects(notFoundError),
+        getObjectMd5Hash: hasFile
+          ? sinon.stub().resolves(md5)
+          : sinon.stub().rejects(notFoundError),
+      }
+    }
+
+    Settings = {
+      buckets: {
+        [bucket]: fallbackBucket,
+      },
+    }
+
+    Stream = {
+      PassThrough: sinon.stub(),
+    }
+
+    StreamPromises = {
+      pipeline: sinon.stub().resolves(),
+    }
+
+    Logger = {
+      warn: sinon.stub(),
+    }
+
+    MigrationPersistor = SandboxedModule.require(modulePath, {
+      requires: {
+        stream: Stream,
+        'stream/promises': StreamPromises,
+        './Errors': Errors,
+        '@overleaf/logger': Logger,
+      },
+      globals: { console },
+    })
+  })
+
+  describe('getObjectStream', function () {
+    const options = { wombat: 'potato' }
+    describe('when the primary persistor has the file', function () {
+      let primaryPersistor, fallbackPersistor, migrationPersistor, response
+      beforeEach(async function () {
+        primaryPersistor = newPersistor(true)
+        fallbackPersistor = newPersistor(false)
+        migrationPersistor = new MigrationPersistor(
+          primaryPersistor,
+          fallbackPersistor,
+          Settings
+        )
+        response = await migrationPersistor.getObjectStream(
+          bucket,
+          key,
+          options
+        )
+      })
+
+      it('should return the file stream', function () {
+        expect(response).to.equal(fileStream)
+      })
+
+      it('should fetch the file from the primary persistor, with the correct options', function () {
+        expect(primaryPersistor.getObjectStream).to.have.been.calledWithExactly(
+          bucket,
+          key,
+          options
+        )
+      })
+
+      it('should not query the fallback persistor', function () {
+        expect(fallbackPersistor.getObjectStream).not.to.have.been.called
+      })
+    })
+
+    describe('when the fallback persistor has the file', function () {
+      let primaryPersistor, fallbackPersistor, migrationPersistor, response
+      beforeEach(async function () {
+        primaryPersistor = newPersistor(false)
+        fallbackPersistor = newPersistor(true)
+        migrationPersistor = new MigrationPersistor(
+          primaryPersistor,
+          fallbackPersistor,
+          Settings
+        )
+        response = await migrationPersistor.getObjectStream(
+          bucket,
+          key,
+          options
+        )
+      })
+
+      it('should return the file stream', function () {
+        expect(response).to.be.an.instanceOf(Stream.PassThrough)
+      })
+
+      it('should fetch the file from the primary persistor with the correct options', function () {
+        expect(primaryPersistor.getObjectStream).to.have.been.calledWithExactly(
+          bucket,
+          key,
+          options
+        )
+      })
+
+      it('should fetch the file from the fallback persistor with the fallback bucket with the correct options', function () {
+        expect(
+          fallbackPersistor.getObjectStream
+        ).to.have.been.calledWithExactly(fallbackBucket, key, options)
+      })
+
+      it('should create one read stream', function () {
+        expect(fallbackPersistor.getObjectStream).to.have.been.calledOnce
+      })
+
+      it('should not send the file to the primary', function () {
+        expect(primaryPersistor.sendStream).not.to.have.been.called
+      })
+    })
+
+    describe('when the file should be copied to the primary', function () {
+      let primaryPersistor,
+        fallbackPersistor,
+        migrationPersistor,
+        returnedStream
+      beforeEach(async function () {
+        primaryPersistor = newPersistor(false)
+        fallbackPersistor = newPersistor(true)
+        migrationPersistor = new MigrationPersistor(
+          primaryPersistor,
+          fallbackPersistor,
+          Settings
+        )
+        Settings.copyOnMiss = true
+        returnedStream = await migrationPersistor.getObjectStream(
+          bucket,
+          key,
+          options
+        )
+      })
+
+      it('should create one read stream', function () {
+        expect(fallbackPersistor.getObjectStream).to.have.been.calledOnce
+      })
+
+      it('should get the md5 hash from the source', function () {
+        expect(fallbackPersistor.getObjectMd5Hash).to.have.been.calledWith(
+          fallbackBucket,
+          key
+        )
+      })
+
+      it('should send a stream to the primary', function () {
+        expect(primaryPersistor.sendStream).to.have.been.calledWithExactly(
+          bucket,
+          key,
+          sinon.match.instanceOf(Stream.PassThrough),
+          { sourceMd5: md5 }
+        )
+      })
+
+      it('should send a stream to the client', function () {
+        expect(returnedStream).to.be.an.instanceOf(Stream.PassThrough)
+      })
+    })
+
+    describe('when neither persistor has the file', function () {
+      it('rejects with a NotFoundError', async function () {
+        const migrationPersistor = new MigrationPersistor(
+          newPersistor(false),
+          newPersistor(false),
+          Settings
+        )
+        await expect(
+          migrationPersistor.getObjectStream(bucket, key)
+        ).to.eventually.be.rejected.and.be.an.instanceOf(Errors.NotFoundError)
+      })
+    })
+
+    describe('when the primary persistor throws an unexpected error', function () {
+      let primaryPersistor, fallbackPersistor, migrationPersistor, error
+      beforeEach(async function () {
+        primaryPersistor = newPersistor(false)
+        fallbackPersistor = newPersistor(true)
+        primaryPersistor.getObjectStream = sinon.stub().rejects(genericError)
+        migrationPersistor = new MigrationPersistor(
+          primaryPersistor,
+          fallbackPersistor,
+          Settings
+        )
+        try {
+          await migrationPersistor.getObjectStream(bucket, key, options)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('rejects with the error', function () {
+        expect(error).to.equal(genericError)
+      })
+
+      it('does not call the fallback', function () {
+        expect(fallbackPersistor.getObjectStream).not.to.have.been.called
+      })
+    })
+
+    describe('when the fallback persistor throws an unexpected error', function () {
+      let primaryPersistor, fallbackPersistor, migrationPersistor, error
+      beforeEach(async function () {
+        primaryPersistor = newPersistor(false)
+        fallbackPersistor = newPersistor(false)
+        fallbackPersistor.getObjectStream = sinon.stub().rejects(genericError)
+        migrationPersistor = new MigrationPersistor(
+          primaryPersistor,
+          fallbackPersistor,
+          Settings
+        )
+        try {
+          await migrationPersistor.getObjectStream(bucket, key, options)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('rejects with the error', function () {
+        expect(error).to.equal(genericError)
+      })
+
+      it('should have called the fallback', function () {
+        expect(fallbackPersistor.getObjectStream).to.have.been.calledWith(
+          fallbackBucket,
+          key
+        )
+      })
+    })
+  })
+
+  describe('sendStream', function () {
+    let primaryPersistor, fallbackPersistor, migrationPersistor
+    beforeEach(function () {
+      primaryPersistor = newPersistor(false)
+      fallbackPersistor = newPersistor(false)
+      migrationPersistor = new MigrationPersistor(
+        primaryPersistor,
+        fallbackPersistor,
+        Settings
+      )
+    })
+
+    describe('when it works', function () {
+      beforeEach(async function () {
+        return migrationPersistor.sendStream(bucket, key, fileStream)
+      })
+
+      it('should send the file to the primary persistor', function () {
+        expect(primaryPersistor.sendStream).to.have.been.calledWithExactly(
+          bucket,
+          key,
+          fileStream
+        )
+      })
+
+      it('should not send the file to the fallback persistor', function () {
+        expect(fallbackPersistor.sendStream).not.to.have.been.called
+      })
+    })
+
+    describe('when the primary persistor throws an error', function () {
+      it('returns the error', async function () {
+        primaryPersistor.sendStream.rejects(notFoundError)
+        await expect(
+          migrationPersistor.sendStream(bucket, key, fileStream)
+        ).to.eventually.be.rejected.and.be.an.instanceOf(Errors.NotFoundError)
+      })
+    })
+  })
+
+  describe('deleteObject', function () {
+    let primaryPersistor, fallbackPersistor, migrationPersistor
+    beforeEach(function () {
+      primaryPersistor = newPersistor(false)
+      fallbackPersistor = newPersistor(false)
+      migrationPersistor = new MigrationPersistor(
+        primaryPersistor,
+        fallbackPersistor,
+        Settings
+      )
+    })
+
+    describe('when it works', function () {
+      beforeEach(async function () {
+        return migrationPersistor.deleteObject(bucket, key)
+      })
+
+      it('should delete the file from the primary', function () {
+        expect(primaryPersistor.deleteObject).to.have.been.calledWithExactly(
+          bucket,
+          key
+        )
+      })
+
+      it('should delete the file from the fallback', function () {
+        expect(fallbackPersistor.deleteObject).to.have.been.calledWithExactly(
+          fallbackBucket,
+          key
+        )
+      })
+    })
+
+    describe('when the primary persistor throws an error', function () {
+      let error
+      beforeEach(async function () {
+        primaryPersistor.deleteObject.rejects(genericError)
+        try {
+          await migrationPersistor.deleteObject(bucket, key)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('should return the error', function () {
+        expect(error).to.equal(genericError)
+      })
+
+      it('should delete the file from the primary', function () {
+        expect(primaryPersistor.deleteObject).to.have.been.calledWithExactly(
+          bucket,
+          key
+        )
+      })
+
+      it('should delete the file from the fallback', function () {
+        expect(fallbackPersistor.deleteObject).to.have.been.calledWithExactly(
+          fallbackBucket,
+          key
+        )
+      })
+    })
+
+    describe('when the fallback persistor throws an error', function () {
+      let error
+      beforeEach(async function () {
+        fallbackPersistor.deleteObject.rejects(genericError)
+        try {
+          await migrationPersistor.deleteObject(bucket, key)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('should return the error', function () {
+        expect(error).to.equal(genericError)
+      })
+
+      it('should delete the file from the primary', function () {
+        expect(primaryPersistor.deleteObject).to.have.been.calledWithExactly(
+          bucket,
+          key
+        )
+      })
+
+      it('should delete the file from the fallback', function () {
+        expect(fallbackPersistor.deleteObject).to.have.been.calledWithExactly(
+          fallbackBucket,
+          key
+        )
+      })
+    })
+  })
+
+  describe('copyObject', function () {
+    describe('when the file exists on the primary', function () {
+      let primaryPersistor, fallbackPersistor, migrationPersistor
+      beforeEach(async function () {
+        primaryPersistor = newPersistor(true)
+        fallbackPersistor = newPersistor(false)
+        migrationPersistor = new MigrationPersistor(
+          primaryPersistor,
+          fallbackPersistor,
+          Settings
+        )
+        return migrationPersistor.copyObject(bucket, key, destKey)
+      })
+
+      it('should call copyObject to copy the file', function () {
+        expect(primaryPersistor.copyObject).to.have.been.calledWithExactly(
+          bucket,
+          key,
+          destKey
+        )
+      })
+
+      it('should not try to read from the fallback', function () {
+        expect(fallbackPersistor.getObjectStream).not.to.have.been.called
+      })
+    })
+
+    describe('when the file does not exist on the primary', function () {
+      let primaryPersistor, fallbackPersistor, migrationPersistor
+      beforeEach(async function () {
+        primaryPersistor = newPersistor(false)
+        fallbackPersistor = newPersistor(true)
+        migrationPersistor = new MigrationPersistor(
+          primaryPersistor,
+          fallbackPersistor,
+          Settings
+        )
+        return migrationPersistor.copyObject(bucket, key, destKey)
+      })
+
+      it('should call copyObject to copy the file', function () {
+        expect(primaryPersistor.copyObject).to.have.been.calledWithExactly(
+          bucket,
+          key,
+          destKey
+        )
+      })
+
+      it('should fetch the file from the fallback', function () {
+        expect(
+          fallbackPersistor.getObjectStream
+        ).not.to.have.been.calledWithExactly(fallbackBucket, key)
+      })
+
+      it('should get the md5 hash from the source', function () {
+        expect(fallbackPersistor.getObjectMd5Hash).to.have.been.calledWith(
+          fallbackBucket,
+          key
+        )
+      })
+
+      it('should send the file to the primary', function () {
+        expect(primaryPersistor.sendStream).to.have.been.calledWithExactly(
+          bucket,
+          destKey,
+          sinon.match.instanceOf(Stream.PassThrough),
+          { sourceMd5: md5 }
+        )
+      })
+    })
+
+    describe('when the file does not exist on the fallback', function () {
+      let primaryPersistor, fallbackPersistor, migrationPersistor, error
+      beforeEach(async function () {
+        primaryPersistor = newPersistor(false)
+        fallbackPersistor = newPersistor(false)
+        migrationPersistor = new MigrationPersistor(
+          primaryPersistor,
+          fallbackPersistor,
+          Settings
+        )
+        try {
+          await migrationPersistor.copyObject(bucket, key, destKey)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('should call copyObject to copy the file', function () {
+        expect(primaryPersistor.copyObject).to.have.been.calledWithExactly(
+          bucket,
+          key,
+          destKey
+        )
+      })
+
+      it('should fetch the file from the fallback', function () {
+        expect(
+          fallbackPersistor.getObjectStream
+        ).not.to.have.been.calledWithExactly(fallbackBucket, key)
+      })
+
+      it('should return a not-found error', function () {
+        expect(error).to.be.an.instanceOf(Errors.NotFoundError)
+      })
+    })
+  })
+})
diff --git a/libraries/object-persistor/test/unit/PersistorFactoryTests.js b/libraries/object-persistor/test/unit/PersistorFactoryTests.js
new file mode 100644
index 0000000..7f71be8
--- /dev/null
+++ b/libraries/object-persistor/test/unit/PersistorFactoryTests.js
@@ -0,0 +1,102 @@
+const chai = require('chai')
+const { expect } = chai
+const SandboxedModule = require('sandboxed-module')
+const StreamPromises = require('node:stream/promises')
+
+const MODULE_PATH = '../../src/PersistorFactory.js'
+
+describe('PersistorManager', function () {
+  let PersistorFactory, FSPersistor, S3Persistor, Settings, GcsPersistor
+
+  beforeEach(function () {
+    FSPersistor = class {
+      constructor(settings) {
+        this.settings = settings
+      }
+
+      wrappedMethod() {
+        return 'FSPersistor'
+      }
+    }
+    S3Persistor = class {
+      wrappedMethod() {
+        return 'S3Persistor'
+      }
+    }
+    GcsPersistor = class {
+      wrappedMethod() {
+        return 'GcsPersistor'
+      }
+    }
+
+    Settings = {}
+    const requires = {
+      './GcsPersistor': GcsPersistor,
+      './S3Persistor': { S3Persistor },
+      './FSPersistor': FSPersistor,
+      '@overleaf/logger': {
+        info() {},
+        err() {},
+      },
+      'stream/promises': StreamPromises,
+    }
+    PersistorFactory = SandboxedModule.require(MODULE_PATH, { requires })
+  })
+
+  it('should implement the S3 wrapped method when S3 is configured', function () {
+    Settings.backend = 's3'
+
+    expect(PersistorFactory(Settings)).to.respondTo('wrappedMethod')
+    expect(PersistorFactory(Settings).wrappedMethod()).to.equal('S3Persistor')
+  })
+
+  it("should implement the S3 wrapped method when 'aws-sdk' is configured", function () {
+    Settings.backend = 'aws-sdk'
+
+    expect(PersistorFactory(Settings)).to.respondTo('wrappedMethod')
+    expect(PersistorFactory(Settings).wrappedMethod()).to.equal('S3Persistor')
+  })
+
+  it('should implement the FS wrapped method when FS is configured', function () {
+    Settings.backend = 'fs'
+
+    expect(PersistorFactory(Settings)).to.respondTo('wrappedMethod')
+    expect(PersistorFactory(Settings).wrappedMethod()).to.equal('FSPersistor')
+  })
+
+  it('should forward useSubdirectories=true to FSPersistor', function () {
+    Settings.backend = 'fs'
+    Settings.useSubdirectories = true
+
+    expect(PersistorFactory(Settings).settings.useSubdirectories).to.be.true
+  })
+
+  it('should forward useSubdirectories=false to FSPersistor', function () {
+    Settings.backend = 'fs'
+    Settings.useSubdirectories = false
+
+    expect(PersistorFactory(Settings).settings.useSubdirectories).to.be.false
+  })
+
+  it('should throw an error when the backend is not configured', function () {
+    try {
+      PersistorFactory(Settings)
+    } catch (err) {
+      expect(err.message).to.equal('no backend specified - config incomplete')
+      return
+    }
+    expect('should have caught an error').not.to.exist
+  })
+
+  it('should throw an error when the backend is unknown', function () {
+    Settings.backend = 'magic'
+    try {
+      PersistorFactory(Settings)
+    } catch (err) {
+      expect(err.message).to.equal('unknown backend')
+      expect(err.info.backend).to.equal('magic')
+      return
+    }
+    expect('should have caught an error').not.to.exist
+  })
+})
diff --git a/libraries/object-persistor/test/unit/S3PersistorTests.js b/libraries/object-persistor/test/unit/S3PersistorTests.js
new file mode 100644
index 0000000..822a4ac
--- /dev/null
+++ b/libraries/object-persistor/test/unit/S3PersistorTests.js
@@ -0,0 +1,1048 @@
+const sinon = require('sinon')
+const chai = require('chai')
+const { expect } = chai
+const SandboxedModule = require('sandboxed-module')
+const Errors = require('../../src/Errors')
+const { EventEmitter } = require('node:events')
+
+const MODULE_PATH = '../../src/S3Persistor.js'
+
+describe('S3PersistorTests', function () {
+  const defaultS3Key = 'frog'
+  const defaultS3Secret = 'prince'
+  const defaultS3Credentials = {
+    credentials: {
+      accessKeyId: defaultS3Key,
+      secretAccessKey: defaultS3Secret,
+    },
+  }
+  const filename = '/wombat/potato.tex'
+  const bucket = 'womBucket'
+  const key = 'monKey'
+  const destKey = 'donKey'
+  const objectSize = 5555
+  const genericError = new Error('guru meditation error')
+  const files = [
+    { Key: 'llama', Size: 11 },
+    { Key: 'hippo', Size: 22 },
+  ]
+  const filesSize = 33
+  const md5 = 'ffffffff00000000ffffffff00000000'
+  const redirectUrl = 'https://wombat.potato/giraffe'
+
+  let Logger,
+    Transform,
+    PassThrough,
+    S3,
+    Fs,
+    ReadStream,
+    Stream,
+    StreamPromises,
+    S3GetObjectRequest,
+    S3Persistor,
+    S3Client,
+    S3NotFoundError,
+    S3AccessDeniedError,
+    FileNotFoundError,
+    EmptyPromise,
+    settings,
+    Hash,
+    crypto
+
+  beforeEach(function () {
+    settings = {
+      secret: defaultS3Secret,
+      key: defaultS3Key,
+      partSize: 100 * 1024 * 1024,
+    }
+
+    Transform = class {
+      once() {}
+    }
+
+    PassThrough = class {}
+
+    Stream = {
+      Transform,
+      PassThrough,
+      pipeline: sinon.stub().yields(),
+    }
+
+    StreamPromises = {
+      pipeline: sinon.stub().resolves(),
+    }
+
+    EmptyPromise = {
+      promise: sinon.stub().resolves(),
+    }
+
+    ReadStream = new EventEmitter()
+    class FakeS3GetObjectRequest extends EventEmitter {
+      constructor() {
+        super()
+        this.statusCode = 200
+        this.err = null
+        this.aborted = false
+      }
+
+      abort() {
+        this.aborted = true
+      }
+
+      createReadStream() {
+        setTimeout(() => {
+          if (this.notFoundSSEC) {
+            // special case for AWS S3: 404 NoSuchKey wrapped in a 400. A single request received a single response, and multiple httpHeaders events are triggered. Don't ask.
+            this.emit('httpHeaders', 400, {})
+            this.emit('httpHeaders', 404, {})
+            ReadStream.emit('error', S3NotFoundError)
+            return
+          }
+
+          if (this.err) return ReadStream.emit('error', this.err)
+          this.emit('httpHeaders', this.statusCode, {})
+          if (this.statusCode === 403) {
+            ReadStream.emit('error', S3AccessDeniedError)
+          }
+          if (this.statusCode === 404) {
+            ReadStream.emit('error', S3NotFoundError)
+          }
+        })
+        return ReadStream
+      }
+    }
+    S3GetObjectRequest = new FakeS3GetObjectRequest()
+
+    FileNotFoundError = new Error('File not found')
+    FileNotFoundError.code = 'ENOENT'
+
+    Fs = {
+      createReadStream: sinon.stub().returns(ReadStream),
+    }
+
+    S3NotFoundError = new Error('not found')
+    S3NotFoundError.code = 'NoSuchKey'
+
+    S3AccessDeniedError = new Error('access denied')
+    S3AccessDeniedError.code = 'AccessDenied'
+
+    S3Client = {
+      getObject: sinon.stub().returns(S3GetObjectRequest),
+      headObject: sinon.stub().returns({
+        promise: sinon.stub().resolves({
+          ContentLength: objectSize,
+          ETag: md5,
+        }),
+      }),
+      listObjectsV2: sinon.stub().returns({
+        promise: sinon.stub().resolves({
+          Contents: files,
+        }),
+      }),
+      upload: sinon
+        .stub()
+        .returns({ promise: sinon.stub().resolves({ ETag: `"${md5}"` }) }),
+      copyObject: sinon.stub().returns(EmptyPromise),
+      deleteObject: sinon.stub().returns(EmptyPromise),
+      deleteObjects: sinon.stub().returns(EmptyPromise),
+      getSignedUrlPromise: sinon.stub().resolves(redirectUrl),
+    }
+    S3 = sinon.stub().callsFake(() => Object.assign({}, S3Client))
+
+    Hash = {
+      end: sinon.stub(),
+      read: sinon.stub().returns(md5),
+      setEncoding: sinon.stub(),
+    }
+    crypto = {
+      createHash: sinon.stub().returns(Hash),
+    }
+
+    Logger = {
+      warn: sinon.stub(),
+    }
+
+    S3Persistor = new (SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        'aws-sdk/clients/s3': S3,
+        '@overleaf/logger': Logger,
+        './Errors': Errors,
+        fs: Fs,
+        stream: Stream,
+        'stream/promises': StreamPromises,
+        crypto,
+      },
+      globals: { console, Buffer },
+    }).S3Persistor)(settings)
+  })
+
+  describe('getObjectStream', function () {
+    describe('when called with valid parameters', function () {
+      let stream
+
+      beforeEach(async function () {
+        stream = await S3Persistor.getObjectStream(bucket, key)
+      })
+
+      it('returns a PassThrough stream', function () {
+        expect(stream).to.be.instanceOf(PassThrough)
+      })
+
+      it('sets the AWS client up with credentials from settings', function () {
+        expect(S3).to.have.been.calledWith(defaultS3Credentials)
+      })
+
+      it('fetches the right key from the right bucket', function () {
+        expect(S3Client.getObject).to.have.been.calledWith({
+          Bucket: bucket,
+          Key: key,
+        })
+      })
+
+      it('pipes the stream through the meter', async function () {
+        expect(Stream.pipeline).to.have.been.calledWith(
+          ReadStream,
+          sinon.match.instanceOf(Transform),
+          sinon.match.instanceOf(PassThrough)
+        )
+      })
+
+      it('does not abort the request', function () {
+        expect(S3GetObjectRequest.aborted).to.equal(false)
+      })
+    })
+
+    describe('when called with a byte range', function () {
+      let stream
+
+      beforeEach(async function () {
+        stream = await S3Persistor.getObjectStream(bucket, key, {
+          start: 5,
+          end: 10,
+        })
+      })
+
+      it('returns a PassThrough stream', function () {
+        expect(stream).to.be.instanceOf(Stream.PassThrough)
+      })
+
+      it('passes the byte range on to S3', function () {
+        expect(S3Client.getObject).to.have.been.calledWith({
+          Bucket: bucket,
+          Key: key,
+          Range: 'bytes=5-10',
+        })
+      })
+    })
+
+    describe('when streaming fails', function () {
+      let stream
+
+      beforeEach(async function () {
+        Stream.pipeline.yields(new Error())
+        stream = await S3Persistor.getObjectStream(bucket, key)
+      })
+
+      it('returns a PassThrough stream', function () {
+        expect(stream).to.be.instanceOf(Stream.PassThrough)
+      })
+
+      it('aborts the request', function () {
+        expect(S3GetObjectRequest.aborted).to.equal(true)
+      })
+    })
+
+    describe('when there are alternative credentials', function () {
+      let stream
+      const alternativeSecret = 'giraffe'
+      const alternativeKey = 'hippo'
+      const alternativeS3Credentials = {
+        credentials: {
+          accessKeyId: alternativeKey,
+          secretAccessKey: alternativeSecret,
+        },
+      }
+
+      beforeEach(async function () {
+        settings.bucketCreds = {}
+        settings.bucketCreds[bucket] = {
+          auth_key: alternativeKey,
+          auth_secret: alternativeSecret,
+        }
+
+        stream = await S3Persistor.getObjectStream(bucket, key)
+      })
+
+      it('returns a PassThrough stream', function () {
+        expect(stream).to.be.instanceOf(Stream.PassThrough)
+      })
+
+      it('sets the AWS client up with the alternative credentials', function () {
+        expect(S3).to.have.been.calledWith(alternativeS3Credentials)
+      })
+
+      it('fetches the right key from the right bucket', function () {
+        expect(S3Client.getObject).to.have.been.calledWith({
+          Bucket: bucket,
+          Key: key,
+        })
+      })
+
+      it('uses the default credentials for an unknown bucket', async function () {
+        stream = await S3Persistor.getObjectStream('anotherBucket', key)
+
+        expect(S3).to.have.been.calledTwice
+        expect(S3.firstCall).to.have.been.calledWith(alternativeS3Credentials)
+        expect(S3.secondCall).to.have.been.calledWith(defaultS3Credentials)
+      })
+    })
+
+    describe('without hard-coded credentials', function () {
+      it('uses the default provider chain', async function () {
+        delete settings.key
+        delete settings.secret
+
+        await S3Persistor.getObjectStream(bucket, key)
+        expect(S3).to.have.been.calledOnce
+        expect(S3.args[0].credentials).to.not.exist
+      })
+    })
+
+    describe('when given S3 options', function () {
+      const httpOptions = { timeout: 2000 }
+      const maxRetries = 2
+
+      beforeEach(async function () {
+        settings.httpOptions = httpOptions
+        settings.maxRetries = maxRetries
+        await S3Persistor.getObjectStream(bucket, key)
+      })
+
+      it('configures the S3 client appropriately', function () {
+        expect(S3).to.have.been.calledWithMatch({ httpOptions, maxRetries })
+      })
+    })
+
+    describe("when the file doesn't exist", function () {
+      let error, stream
+
+      beforeEach(async function () {
+        S3GetObjectRequest.statusCode = 404
+        try {
+          stream = await S3Persistor.getObjectStream(bucket, key)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('does not return a stream', function () {
+        expect(stream).not.to.exist
+      })
+
+      it('throws a NotFoundError', function () {
+        expect(error).to.be.an.instanceOf(Errors.NotFoundError)
+      })
+
+      it('wraps the error', function () {
+        expect(error.cause).to.exist
+      })
+
+      it('stores the bucket and key in the error', function () {
+        expect(error.info).to.include({ bucketName: bucket, key })
+      })
+    })
+
+    describe("when the file doesn't exist -- SSEC", function () {
+      let error, stream
+
+      beforeEach(async function () {
+        S3GetObjectRequest.notFoundSSEC = 404
+        try {
+          stream = await S3Persistor.getObjectStream(bucket, key)
+        } catch (err) {
+          error = err
+        }
+      })
+      it('does not return a stream', function () {
+        expect(stream).not.to.exist
+      })
+
+      it('throws a NotFoundError', function () {
+        expect(error).to.be.an.instanceOf(Errors.NotFoundError)
+      })
+
+      it('wraps the error', function () {
+        expect(error.cause).to.exist
+      })
+
+      it('stores the bucket and key in the error', function () {
+        expect(error.info).to.include({ bucketName: bucket, key })
+      })
+    })
+
+    describe('when access to the file is denied', function () {
+      let error, stream
+
+      beforeEach(async function () {
+        S3GetObjectRequest.statusCode = 403
+        try {
+          stream = await S3Persistor.getObjectStream(bucket, key)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('does not return a stream', function () {
+        expect(stream).not.to.exist
+      })
+
+      it('throws a NotFoundError', function () {
+        expect(error).to.be.an.instanceOf(Errors.NotFoundError)
+      })
+
+      it('wraps the error', function () {
+        expect(error.cause).to.equal(S3AccessDeniedError)
+      })
+
+      it('stores the bucket and key in the error', function () {
+        expect(error.info).to.include({ bucketName: bucket, key })
+      })
+    })
+
+    describe('when S3 encounters an unknown error', function () {
+      let error, stream
+
+      beforeEach(async function () {
+        S3GetObjectRequest.err = genericError
+        try {
+          stream = await S3Persistor.getObjectStream(bucket, key)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('does not return a stream', function () {
+        expect(stream).not.to.exist
+      })
+
+      it('throws a ReadError', function () {
+        expect(error).to.be.an.instanceOf(Errors.ReadError)
+      })
+
+      it('wraps the error', function () {
+        expect(error.cause).to.exist
+      })
+
+      it('stores the bucket and key in the error', function () {
+        expect(error.info).to.include({ bucketName: bucket, key })
+      })
+    })
+  })
+
+  describe('getRedirectUrl', function () {
+    let signedUrl
+
+    beforeEach(async function () {
+      signedUrl = await S3Persistor.getRedirectUrl(bucket, key)
+    })
+
+    it('should request a signed URL', function () {
+      expect(S3Client.getSignedUrlPromise).to.have.been.called
+    })
+
+    it('should return the url', function () {
+      expect(signedUrl).to.equal(redirectUrl)
+    })
+  })
+
+  describe('getObjectSize', function () {
+    describe('when called with valid parameters', function () {
+      let size
+
+      beforeEach(async function () {
+        size = await S3Persistor.getObjectSize(bucket, key)
+      })
+
+      it('should return the object size', function () {
+        expect(size).to.equal(objectSize)
+      })
+
+      it('should pass the bucket and key to S3', function () {
+        expect(S3Client.headObject).to.have.been.calledWith({
+          Bucket: bucket,
+          Key: key,
+        })
+      })
+    })
+
+    describe('when the object is not found', function () {
+      let error
+
+      beforeEach(async function () {
+        S3Client.headObject = sinon.stub().returns({
+          promise: sinon.stub().rejects(S3NotFoundError),
+        })
+        try {
+          await S3Persistor.getObjectSize(bucket, key)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('should return a NotFoundError', function () {
+        expect(error).to.be.an.instanceOf(Errors.NotFoundError)
+      })
+
+      it('should wrap the error', function () {
+        expect(error.cause).to.equal(S3NotFoundError)
+      })
+    })
+
+    describe('when S3 returns an error', function () {
+      let error
+
+      beforeEach(async function () {
+        S3Client.headObject = sinon.stub().returns({
+          promise: sinon.stub().rejects(genericError),
+        })
+        try {
+          await S3Persistor.getObjectSize(bucket, key)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('should return a ReadError', function () {
+        expect(error).to.be.an.instanceOf(Errors.ReadError)
+      })
+
+      it('should wrap the error', function () {
+        expect(error.cause).to.equal(genericError)
+      })
+    })
+  })
+
+  describe('sendStream', function () {
+    describe('with valid parameters', function () {
+      beforeEach(async function () {
+        return S3Persistor.sendStream(bucket, key, ReadStream)
+      })
+
+      it('should upload the stream', function () {
+        expect(S3Client.upload).to.have.been.calledWith({
+          Bucket: bucket,
+          Key: key,
+          Body: sinon.match.instanceOf(Stream.Transform),
+        })
+      })
+
+      it('should upload files in a single part', function () {
+        expect(S3Client.upload).to.have.been.calledWith(sinon.match.any, {
+          partSize: 100 * 1024 * 1024,
+        })
+      })
+
+      it('should meter the stream', function () {
+        expect(Stream.pipeline).to.have.been.calledWith(
+          ReadStream,
+          sinon.match.instanceOf(Stream.Transform)
+        )
+      })
+    })
+
+    describe('when a hash is supplied', function () {
+      beforeEach(async function () {
+        return S3Persistor.sendStream(bucket, key, ReadStream, {
+          sourceMd5: 'aaaaaaaabbbbbbbbaaaaaaaabbbbbbbb',
+        })
+      })
+
+      it('sends the hash in base64', function () {
+        expect(S3Client.upload).to.have.been.calledWith({
+          Bucket: bucket,
+          Key: key,
+          Body: sinon.match.instanceOf(Transform),
+          ContentMD5: 'qqqqqru7u7uqqqqqu7u7uw==',
+        })
+      })
+    })
+
+    describe('when metadata is supplied', function () {
+      const contentType = 'text/csv'
+      const contentEncoding = 'gzip'
+
+      beforeEach(async function () {
+        return S3Persistor.sendStream(bucket, key, ReadStream, {
+          contentType,
+          contentEncoding,
+        })
+      })
+
+      it('sends the metadata to S3', function () {
+        expect(S3Client.upload).to.have.been.calledWith({
+          Bucket: bucket,
+          Key: key,
+          Body: sinon.match.instanceOf(Transform),
+          ContentType: contentType,
+          ContentEncoding: contentEncoding,
+        })
+      })
+    })
+
+    describe('when the upload fails', function () {
+      let error
+      beforeEach(async function () {
+        S3Client.upload = sinon.stub().returns({
+          promise: sinon.stub().rejects(genericError),
+        })
+        try {
+          await S3Persistor.sendStream(bucket, key, ReadStream)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('throws a WriteError', function () {
+        expect(error).to.be.an.instanceOf(Errors.WriteError)
+      })
+    })
+  })
+
+  describe('sendFile', function () {
+    describe('with valid parameters', function () {
+      beforeEach(async function () {
+        return S3Persistor.sendFile(bucket, key, filename)
+      })
+
+      it('should create a read stream for the file', function () {
+        expect(Fs.createReadStream).to.have.been.calledWith(filename)
+      })
+
+      it('should upload the stream', function () {
+        expect(S3Client.upload).to.have.been.calledWith({
+          Bucket: bucket,
+          Key: key,
+          Body: sinon.match.instanceOf(Transform),
+        })
+      })
+    })
+  })
+
+  describe('getObjectMd5Hash', function () {
+    describe('when the etag is a valid md5 hash', function () {
+      let hash
+      beforeEach(async function () {
+        hash = await S3Persistor.getObjectMd5Hash(bucket, key)
+      })
+
+      it('should return the object hash', function () {
+        expect(hash).to.equal(md5)
+      })
+
+      it('should get the hash from the object metadata', function () {
+        expect(S3Client.headObject).to.have.been.calledWith({
+          Bucket: bucket,
+          Key: key,
+        })
+      })
+
+      it('should not download the object', function () {
+        expect(S3Client.getObject).not.to.have.been.called
+      })
+    })
+
+    describe("when the etag isn't a valid md5 hash", function () {
+      let hash
+      beforeEach(async function () {
+        S3Client.headObject = sinon.stub().returns({
+          promise: sinon.stub().resolves({
+            ETag: 'somethingthatisntanmd5',
+            Bucket: bucket,
+            Key: key,
+          }),
+        })
+
+        hash = await S3Persistor.getObjectMd5Hash(bucket, key)
+      })
+
+      it('should re-fetch the file to verify it', function () {
+        expect(S3Client.getObject).to.have.been.calledWith({
+          Bucket: bucket,
+          Key: key,
+        })
+      })
+
+      it('should calculate the md5 hash from the file', function () {
+        expect(Hash.read).to.have.been.called
+      })
+
+      it('should return the md5 hash', function () {
+        expect(hash).to.equal(md5)
+      })
+    })
+  })
+
+  describe('copyObject', function () {
+    describe('with valid parameters', function () {
+      beforeEach(async function () {
+        return S3Persistor.copyObject(bucket, key, destKey)
+      })
+
+      it('should copy the object', function () {
+        expect(S3Client.copyObject).to.have.been.calledWith({
+          Bucket: bucket,
+          Key: destKey,
+          CopySource: `${bucket}/${key}`,
+        })
+      })
+    })
+
+    describe('when the file does not exist', function () {
+      let error
+
+      beforeEach(async function () {
+        S3Client.copyObject = sinon.stub().returns({
+          promise: sinon.stub().rejects(S3NotFoundError),
+        })
+        try {
+          await S3Persistor.copyObject(bucket, key, destKey)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('should throw a NotFoundError', function () {
+        expect(error).to.be.an.instanceOf(Errors.NotFoundError)
+      })
+    })
+  })
+
+  describe('deleteObject', function () {
+    describe('with valid parameters', function () {
+      beforeEach(async function () {
+        return S3Persistor.deleteObject(bucket, key)
+      })
+
+      it('should delete the object', function () {
+        expect(S3Client.deleteObject).to.have.been.calledWith({
+          Bucket: bucket,
+          Key: key,
+        })
+      })
+    })
+  })
+
+  describe('deleteDirectory', function () {
+    describe('with valid parameters', function () {
+      beforeEach(async function () {
+        return S3Persistor.deleteDirectory(bucket, key)
+      })
+
+      it('should list the objects in the directory', function () {
+        expect(S3Client.listObjectsV2).to.have.been.calledWith({
+          Bucket: bucket,
+          Prefix: key,
+        })
+      })
+
+      it('should delete the objects using their keys', function () {
+        expect(S3Client.deleteObjects).to.have.been.calledWith({
+          Bucket: bucket,
+          Delete: {
+            Objects: [{ Key: 'llama' }, { Key: 'hippo' }],
+            Quiet: true,
+          },
+        })
+      })
+    })
+
+    describe('when there are no files', function () {
+      beforeEach(async function () {
+        S3Client.listObjectsV2 = sinon
+          .stub()
+          .returns({ promise: sinon.stub().resolves({ Contents: [] }) })
+        return S3Persistor.deleteDirectory(bucket, key)
+      })
+
+      it('should list the objects in the directory', function () {
+        expect(S3Client.listObjectsV2).to.have.been.calledWith({
+          Bucket: bucket,
+          Prefix: key,
+        })
+      })
+
+      it('should not try to delete any objects', function () {
+        expect(S3Client.deleteObjects).not.to.have.been.called
+      })
+    })
+
+    describe('when there are more files available', function () {
+      const continuationToken = 'wombat'
+      beforeEach(async function () {
+        S3Client.listObjectsV2.onCall(0).returns({
+          promise: sinon.stub().resolves({
+            Contents: files,
+            IsTruncated: true,
+            NextContinuationToken: continuationToken,
+          }),
+        })
+
+        return S3Persistor.deleteDirectory(bucket, key)
+      })
+
+      it('should list the objects a second time, with a continuation token', function () {
+        expect(S3Client.listObjectsV2).to.be.calledTwice
+        expect(S3Client.listObjectsV2).to.be.calledWith({
+          Bucket: bucket,
+          Prefix: key,
+        })
+        expect(S3Client.listObjectsV2).to.be.calledWith({
+          Bucket: bucket,
+          Prefix: key,
+          ContinuationToken: continuationToken,
+        })
+      })
+
+      it('should delete both sets of files', function () {
+        expect(S3Client.deleteObjects).to.have.been.calledTwice
+      })
+    })
+
+    describe('when there is an error listing the objects', function () {
+      let error
+
+      beforeEach(async function () {
+        S3Client.listObjectsV2 = sinon
+          .stub()
+          .returns({ promise: sinon.stub().rejects(genericError) })
+        try {
+          await S3Persistor.deleteDirectory(bucket, key)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('should generate a ReadError', function () {
+        expect(error).to.be.an.instanceOf(Errors.ReadError)
+      })
+
+      it('should wrap the error', function () {
+        expect(error.cause).to.equal(genericError)
+      })
+
+      it('should not try to delete any objects', function () {
+        expect(S3Client.deleteObjects).not.to.have.been.called
+      })
+    })
+
+    describe('when there is an error deleting the objects', function () {
+      let error
+
+      beforeEach(async function () {
+        S3Client.deleteObjects = sinon
+          .stub()
+          .returns({ promise: sinon.stub().rejects(genericError) })
+        try {
+          await S3Persistor.deleteDirectory(bucket, key)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('should generate a WriteError', function () {
+        expect(error).to.be.an.instanceOf(Errors.WriteError)
+      })
+
+      it('should wrap the error', function () {
+        expect(error.cause).to.equal(genericError)
+      })
+    })
+  })
+
+  describe('directorySize', function () {
+    describe('with valid parameters', function () {
+      let size
+
+      beforeEach(async function () {
+        size = await S3Persistor.directorySize(bucket, key)
+      })
+
+      it('should list the objects in the directory', function () {
+        expect(S3Client.listObjectsV2).to.have.been.calledWith({
+          Bucket: bucket,
+          Prefix: key,
+        })
+      })
+
+      it('should return the directory size', function () {
+        expect(size).to.equal(filesSize)
+      })
+    })
+
+    describe('when there are no files', function () {
+      let size
+
+      beforeEach(async function () {
+        S3Client.listObjectsV2 = sinon
+          .stub()
+          .returns({ promise: sinon.stub().resolves({ Contents: [] }) })
+        size = await S3Persistor.directorySize(bucket, key)
+      })
+
+      it('should list the objects in the directory', function () {
+        expect(S3Client.listObjectsV2).to.have.been.calledWith({
+          Bucket: bucket,
+          Prefix: key,
+        })
+      })
+
+      it('should return zero', function () {
+        expect(size).to.equal(0)
+      })
+    })
+
+    describe('when there are more files available', function () {
+      const continuationToken = 'wombat'
+      let size
+      beforeEach(async function () {
+        S3Client.listObjectsV2.onCall(0).returns({
+          promise: sinon.stub().resolves({
+            Contents: files,
+            IsTruncated: true,
+            NextContinuationToken: continuationToken,
+          }),
+        })
+
+        size = await S3Persistor.directorySize(bucket, key)
+      })
+
+      it('should list the objects a second time, with a continuation token', function () {
+        expect(S3Client.listObjectsV2).to.be.calledTwice
+        expect(S3Client.listObjectsV2).to.be.calledWith({
+          Bucket: bucket,
+          Prefix: key,
+        })
+        expect(S3Client.listObjectsV2).to.be.calledWith({
+          Bucket: bucket,
+          Prefix: key,
+          ContinuationToken: continuationToken,
+        })
+      })
+
+      it('should return the size of both sets of files', function () {
+        expect(size).to.equal(filesSize * 2)
+      })
+    })
+
+    describe('when there is an error listing the objects', function () {
+      let error
+
+      beforeEach(async function () {
+        S3Client.listObjectsV2 = sinon
+          .stub()
+          .returns({ promise: sinon.stub().rejects(genericError) })
+        try {
+          await S3Persistor.directorySize(bucket, key)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('should generate a ReadError', function () {
+        expect(error).to.be.an.instanceOf(Errors.ReadError)
+      })
+
+      it('should wrap the error', function () {
+        expect(error.cause).to.equal(genericError)
+      })
+    })
+  })
+
+  describe('checkIfObjectExists', function () {
+    describe('when the file exists', function () {
+      let exists
+
+      beforeEach(async function () {
+        exists = await S3Persistor.checkIfObjectExists(bucket, key)
+      })
+
+      it('should get the object header', function () {
+        expect(S3Client.headObject).to.have.been.calledWith({
+          Bucket: bucket,
+          Key: key,
+        })
+      })
+
+      it('should return that the file exists', function () {
+        expect(exists).to.equal(true)
+      })
+    })
+
+    describe('when the file does not exist', function () {
+      let exists
+
+      beforeEach(async function () {
+        S3Client.headObject = sinon
+          .stub()
+          .returns({ promise: sinon.stub().rejects(S3NotFoundError) })
+        exists = await S3Persistor.checkIfObjectExists(bucket, key)
+      })
+
+      it('should get the object header', function () {
+        expect(S3Client.headObject).to.have.been.calledWith({
+          Bucket: bucket,
+          Key: key,
+        })
+      })
+
+      it('should return that the file does not exist', function () {
+        expect(exists).to.equal(false)
+      })
+    })
+
+    describe('when there is an error', function () {
+      let error
+
+      beforeEach(async function () {
+        S3Client.headObject = sinon
+          .stub()
+          .returns({ promise: sinon.stub().rejects(genericError) })
+        try {
+          await S3Persistor.checkIfObjectExists(bucket, key)
+        } catch (err) {
+          error = err
+        }
+      })
+
+      it('should generate a ReadError', function () {
+        expect(error).to.be.an.instanceOf(Errors.ReadError)
+      })
+
+      it('should wrap the upstream ReadError', function () {
+        expect(error.cause).to.be.an.instanceOf(Errors.ReadError)
+      })
+
+      it('should eventually wrap the error', function () {
+        expect(error.cause.cause).to.equal(genericError)
+      })
+    })
+  })
+
+  describe('_getClientForBucket', function () {
+    it('should return same instance for same bucket', function () {
+      const a = S3Persistor._getClientForBucket('foo')
+      const b = S3Persistor._getClientForBucket('foo')
+      expect(a).to.equal(b)
+    })
+    it('should return different instance for different bucket', function () {
+      const a = S3Persistor._getClientForBucket('foo')
+      const b = S3Persistor._getClientForBucket('bar')
+      expect(a).to.not.equal(b)
+    })
+    it('should return different instance for same bucket different computeChecksums', function () {
+      const a = S3Persistor._getClientForBucket('foo', false)
+      const b = S3Persistor._getClientForBucket('foo', true)
+      expect(a).to.not.equal(b)
+    })
+  })
+})
diff --git a/libraries/object-persistor/tsconfig.json b/libraries/object-persistor/tsconfig.json
new file mode 100644
index 0000000..d43bb24
--- /dev/null
+++ b/libraries/object-persistor/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "**/*.js",
+    "**/*.cjs"
+  ]
+}
diff --git a/libraries/overleaf-editor-core/.gitignore b/libraries/overleaf-editor-core/.gitignore
new file mode 100644
index 0000000..869500a
--- /dev/null
+++ b/libraries/overleaf-editor-core/.gitignore
@@ -0,0 +1,5 @@
+/coverage
+/node_modules
+
+# managed by monorepo$ bin/update_build_scripts
+.npmrc
diff --git a/libraries/overleaf-editor-core/.nvmrc b/libraries/overleaf-editor-core/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/libraries/overleaf-editor-core/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/libraries/overleaf-editor-core/buildscript.txt b/libraries/overleaf-editor-core/buildscript.txt
new file mode 100644
index 0000000..03b7f06
--- /dev/null
+++ b/libraries/overleaf-editor-core/buildscript.txt
@@ -0,0 +1,10 @@
+overleaf-editor-core
+--dependencies=None
+--docker-repos=gcr.io/overleaf-ops
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--is-library=True
+--node-version=20.18.2
+--public-repo=False
+--script-version=4.7.0
diff --git a/libraries/overleaf-editor-core/index.js b/libraries/overleaf-editor-core/index.js
new file mode 100644
index 0000000..df3548c
--- /dev/null
+++ b/libraries/overleaf-editor-core/index.js
@@ -0,0 +1,89 @@
+const AddCommentOperation = require('./lib/operation/add_comment_operation')
+const Author = require('./lib/author')
+const AuthorList = require('./lib/author_list')
+const Blob = require('./lib/blob')
+const Change = require('./lib/change')
+const ChangeRequest = require('./lib/change_request')
+const ChangeNote = require('./lib/change_note')
+const Chunk = require('./lib/chunk')
+const ChunkResponse = require('./lib/chunk_response')
+const Comment = require('./lib/comment')
+const DeleteCommentOperation = require('./lib/operation/delete_comment_operation')
+const File = require('./lib/file')
+const FileMap = require('./lib/file_map')
+const History = require('./lib/history')
+const Label = require('./lib/label')
+const AddFileOperation = require('./lib/operation/add_file_operation')
+const MoveFileOperation = require('./lib/operation/move_file_operation')
+const SetCommentStateOperation = require('./lib/operation/set_comment_state_operation')
+const EditFileOperation = require('./lib/operation/edit_file_operation')
+const EditNoOperation = require('./lib/operation/edit_no_operation')
+const SetFileMetadataOperation = require('./lib/operation/set_file_metadata_operation')
+const NoOperation = require('./lib/operation/no_operation')
+const Operation = require('./lib/operation')
+const RestoreOrigin = require('./lib/origin/restore_origin')
+const RestoreFileOrigin = require('./lib/origin/restore_file_origin')
+const Origin = require('./lib/origin')
+const OtClient = require('./lib/ot_client')
+const TextOperation = require('./lib/operation/text_operation')
+const EditOperation = require('./lib/operation/edit_operation')
+const safePathname = require('./lib/safe_pathname')
+const Snapshot = require('./lib/snapshot')
+const util = require('./lib/util')
+const V2DocVersions = require('./lib/v2_doc_versions')
+const {
+  InsertOp,
+  RemoveOp,
+  RetainOp,
+  ScanOp,
+} = require('./lib/operation/scan_op')
+const TrackedChange = require('./lib/file_data/tracked_change')
+const TrackedChangeList = require('./lib/file_data/tracked_change_list')
+const TrackingProps = require('./lib/file_data/tracking_props')
+const Range = require('./lib/range')
+const CommentList = require('./lib/file_data/comment_list')
+const LazyStringFileData = require('./lib/file_data/lazy_string_file_data')
+
+exports.AddCommentOperation = AddCommentOperation
+exports.Author = Author
+exports.AuthorList = AuthorList
+exports.Blob = Blob
+exports.Change = Change
+exports.ChangeRequest = ChangeRequest
+exports.ChangeNote = ChangeNote
+exports.Chunk = Chunk
+exports.ChunkResponse = ChunkResponse
+exports.Comment = Comment
+exports.DeleteCommentOperation = DeleteCommentOperation
+exports.File = File
+exports.FileMap = FileMap
+exports.LazyStringFileData = LazyStringFileData
+exports.History = History
+exports.Label = Label
+exports.AddFileOperation = AddFileOperation
+exports.MoveFileOperation = MoveFileOperation
+exports.SetCommentStateOperation = SetCommentStateOperation
+exports.EditFileOperation = EditFileOperation
+exports.EditNoOperation = EditNoOperation
+exports.SetFileMetadataOperation = SetFileMetadataOperation
+exports.NoOperation = NoOperation
+exports.Operation = Operation
+exports.RestoreOrigin = RestoreOrigin
+exports.RestoreFileOrigin = RestoreFileOrigin
+exports.Origin = Origin
+exports.OtClient = OtClient
+exports.TextOperation = TextOperation
+exports.EditOperation = EditOperation
+exports.safePathname = safePathname
+exports.Snapshot = Snapshot
+exports.util = util
+exports.V2DocVersions = V2DocVersions
+exports.ScanOp = ScanOp
+exports.InsertOp = InsertOp
+exports.RetainOp = RetainOp
+exports.RemoveOp = RemoveOp
+exports.TrackedChangeList = TrackedChangeList
+exports.TrackedChange = TrackedChange
+exports.Range = Range
+exports.CommentList = CommentList
+exports.TrackingProps = TrackingProps
diff --git a/libraries/overleaf-editor-core/lib/author.js b/libraries/overleaf-editor-core/lib/author.js
new file mode 100644
index 0000000..10d305f
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/author.js
@@ -0,0 +1,72 @@
+'use strict'
+
+const assert = require('check-types').assert
+
+/**
+ * An author of a {@link Change}. We want to store user IDs, and then fill in
+ * the other properties (which the user can change over time) when changes are
+ * loaded.
+ *
+ * At present, we're assuming that all authors have a user ID; we may need to
+ * generalise this to cover users for whom we only have a name and email, e.g.
+ * from git. For now, though, this seems to do what we need.
+ */
+class Author {
+  /**
+   * @param {number} id
+   * @param {string} email
+   * @param {string} name
+   */
+  constructor(id, email, name) {
+    assert.number(id, 'bad id')
+    assert.string(email, 'bad email')
+    assert.string(name, 'bad name')
+
+    this.id = id
+    this.email = email
+    this.name = name
+  }
+
+  /**
+   * Create an Author from its raw form.
+   *
+   * @param {Object} [raw]
+   * @return {Author | null}
+   */
+  static fromRaw(raw) {
+    if (!raw) return null
+    return new Author(raw.id, raw.email, raw.name)
+  }
+
+  /**
+   * Convert the Author to raw form for storage or transmission.
+   *
+   * @return {Object}
+   */
+  toRaw() {
+    return { id: this.id, email: this.email, name: this.name }
+  }
+
+  /**
+   * @return {number}
+   */
+  getId() {
+    return this.id
+  }
+
+  /**
+   * @return {string}
+   */
+  getEmail() {
+    return this.email
+  }
+
+  /**
+   * @return {string}
+   */
+  getName() {
+    return this.name
+  }
+}
+
+module.exports = Author
diff --git a/libraries/overleaf-editor-core/lib/author_list.js b/libraries/overleaf-editor-core/lib/author_list.js
new file mode 100644
index 0000000..f24c1f9
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/author_list.js
@@ -0,0 +1,45 @@
+/** @module */
+
+'use strict'
+
+const _ = require('lodash')
+const check = require('check-types')
+
+const Author = require('./author')
+
+/**
+ * Check that every member of the list is a number or every member is
+ * an Author value, disregarding null or undefined values.
+ *
+ * @param {Array.<number|Author>} authors author list
+ * @param {string} msg
+ */
+function assertV1(authors, msg) {
+  const authors_ = authors.filter(function (a) {
+    return a !== null && a !== undefined
+  })
+
+  if (authors_.length > 0) {
+    const checker = check.integer(authors_[0])
+      ? check.assert.integer
+      : _.partial(check.assert.instance, _, Author)
+    _.each(authors_, function (author) {
+      checker(author, msg)
+    })
+  }
+}
+
+/**
+ * Check that every member of the list is a v2 author ID, disregarding
+ * null or undefined values.
+ *
+ * @param {Array.<string>} authors author list
+ * @param {string} msg
+ */
+function assertV2(authors, msg) {
+  _.each(authors, function (author) {
+    check.assert.maybe.match(author, /^[0-9a-f]{24}$/, msg)
+  })
+}
+
+module.exports = { assertV1, assertV2 }
diff --git a/libraries/overleaf-editor-core/lib/blob.js b/libraries/overleaf-editor-core/lib/blob.js
new file mode 100644
index 0000000..7f1b7bb
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/blob.js
@@ -0,0 +1,109 @@
+'use strict'
+
+const assert = require('check-types').assert
+const OError = require('@overleaf/o-error')
+
+const TextOperation = require('./operation/text_operation')
+
+class NotFoundError extends OError {
+  constructor(hash) {
+    super(`blob ${hash} not found`, { hash })
+    this.hash = hash
+  }
+}
+
+/**
+ * Metadata record for the content of a file.
+ */
+class Blob {
+  static HEX_HASH_RX_STRING = '^[0-9a-f]{40,40}$'
+  static HEX_HASH_RX = new RegExp(Blob.HEX_HASH_RX_STRING)
+
+  /**
+   * Size of the largest file that we'll read to determine whether we can edit it
+   * or not, in bytes. The final decision on whether a file is editable or not is
+   * based on the number of characters it contains, but we need to read the file
+   * in to determine that; so it is useful to have an upper bound on the byte
+   * length of a file that might be editable.
+   *
+   * The reason for the factor of 3 is as follows. We cannot currently edit files
+   * that contain characters outside of the basic multilingual plane, so we're
+   * limited to characters that can be represented in a single, two-byte UCS-2
+   * code unit. Encoding the largest such value, 0xFFFF (which is not actually
+   * a valid character), takes three bytes in UTF-8: 0xEF 0xBF 0xBF. A file
+   * composed entirely of three-byte UTF-8 codepoints is the worst case; in
+   * practice, this is a very conservative upper bound.
+   *
+   * @type {number}
+   */
+  static MAX_EDITABLE_BYTE_LENGTH_BOUND = 3 * TextOperation.MAX_STRING_LENGTH
+
+  static NotFoundError = NotFoundError
+
+  /**
+   * @param {string} hash
+   * @param {number} byteLength
+   * @param {number} [stringLength]
+   */
+  constructor(hash, byteLength, stringLength) {
+    this.setHash(hash)
+    this.setByteLength(byteLength)
+    this.setStringLength(stringLength)
+  }
+
+  static fromRaw(raw) {
+    if (raw) {
+      return new Blob(raw.hash, raw.byteLength, raw.stringLength)
+    }
+    return null
+  }
+
+  toRaw() {
+    return {
+      hash: this.hash,
+      byteLength: this.byteLength,
+      stringLength: this.stringLength,
+    }
+  }
+
+  /**
+   * Hex hash.
+   * @return {String}
+   */
+  getHash() {
+    return this.hash
+  }
+
+  setHash(hash) {
+    assert.match(hash, Blob.HEX_HASH_RX, 'bad hash')
+    this.hash = hash
+  }
+
+  /**
+   * Length of the blob in bytes.
+   * @return {number}
+   */
+  getByteLength() {
+    return this.byteLength
+  }
+
+  setByteLength(byteLength) {
+    assert.integer(byteLength, 'bad byteLength')
+    this.byteLength = byteLength
+  }
+
+  /**
+   * Utf-8 length of the blob content, if it appears to be valid UTF-8.
+   * @return {number|undefined}
+   */
+  getStringLength() {
+    return this.stringLength
+  }
+
+  setStringLength(stringLength) {
+    assert.maybe.integer(stringLength, 'bad stringLength')
+    this.stringLength = stringLength
+  }
+}
+
+module.exports = Blob
diff --git a/libraries/overleaf-editor-core/lib/change.js b/libraries/overleaf-editor-core/lib/change.js
new file mode 100644
index 0000000..e36cda9
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/change.js
@@ -0,0 +1,352 @@
+'use strict'
+
+const _ = require('lodash')
+const assert = require('check-types').assert
+const pMap = require('p-map')
+
+const AuthorList = require('./author_list')
+const Operation = require('./operation')
+const Origin = require('./origin')
+const Snapshot = require('./snapshot')
+const FileMap = require('./file_map')
+const V2DocVersions = require('./v2_doc_versions')
+
+/**
+ * @import Author from "./author"
+ * @import { BlobStore } from "./types"
+ */
+
+/**
+ * A Change is a list of {@link Operation}s applied atomically by given
+ * {@link Author}(s) at a given time.
+ */
+class Change {
+  static PROJECT_VERSION_RX_STRING = '^[0-9]+\\.[0-9]+$'
+  static PROJECT_VERSION_RX = new RegExp(Change.PROJECT_VERSION_RX_STRING)
+
+  /**
+   * @param {Array.<Operation>} operations
+   * @param {Date} timestamp
+   * @param {number[] | Author[]} [authors]
+   * @param {Origin} [origin]
+   * @param {string[]} [v2Authors]
+   * @param {string} [projectVersion]
+   * @param {V2DocVersions} [v2DocVersions]
+   */
+  constructor(
+    operations,
+    timestamp,
+    authors,
+    origin,
+    v2Authors,
+    projectVersion,
+    v2DocVersions
+  ) {
+    this.setOperations(operations)
+    this.setTimestamp(timestamp)
+    this.setAuthors(authors || [])
+    this.setOrigin(origin)
+    this.setV2Authors(v2Authors || [])
+    this.setProjectVersion(projectVersion)
+    this.setV2DocVersions(v2DocVersions)
+  }
+
+  /**
+   * For serialization.
+   *
+   * @return {Object}
+   */
+  toRaw() {
+    function toRaw(object) {
+      return object.toRaw()
+    }
+    const raw = {
+      operations: this.operations.map(toRaw),
+      timestamp: this.timestamp.toISOString(),
+      authors: this.authors,
+    }
+    if (this.v2Authors) raw.v2Authors = this.v2Authors
+    if (this.origin) raw.origin = this.origin.toRaw()
+    if (this.projectVersion) raw.projectVersion = this.projectVersion
+    if (this.v2DocVersions) raw.v2DocVersions = this.v2DocVersions.toRaw()
+    return raw
+  }
+
+  static fromRaw(raw) {
+    if (!raw) return null
+    assert.array.of.object(raw.operations, 'bad raw.operations')
+    assert.nonEmptyString(raw.timestamp, 'bad raw.timestamp')
+
+    // Hack to clean up bad data where author id of some changes was 0, instead of
+    // null. The root cause of the bug is fixed in
+    // https://github.com/overleaf/write_latex/pull/3804 but the bad data persists
+    // on S3
+    let authors
+    if (raw.authors) {
+      authors = raw.authors.map(
+        // Null represents an anonymous author
+        author => (author === 0 ? null : author)
+      )
+    }
+
+    return new Change(
+      raw.operations.map(Operation.fromRaw),
+      new Date(raw.timestamp),
+      authors,
+      raw.origin && Origin.fromRaw(raw.origin),
+      raw.v2Authors,
+      raw.projectVersion,
+      raw.v2DocVersions && V2DocVersions.fromRaw(raw.v2DocVersions)
+    )
+  }
+
+  /**
+   * @return {Operation[]}
+   */
+  getOperations() {
+    return this.operations
+  }
+
+  setOperations(operations) {
+    assert.array.of.object(operations, 'Change: bad operations')
+    this.operations = operations
+  }
+
+  getTimestamp() {
+    return this.timestamp
+  }
+
+  setTimestamp(timestamp) {
+    assert.date(timestamp, 'Change: bad timestamp')
+    this.timestamp = timestamp
+  }
+
+  /**
+   * @return {Array.<Author>} zero or more
+   */
+  getAuthors() {
+    return this.authors
+  }
+
+  setAuthors(authors) {
+    assert.array(authors, 'Change: bad author ids array')
+    if (authors.length > 1) {
+      assert.maybe.emptyArray(
+        this.v2Authors,
+        'Change: cannot set v1 authors if v2 authors is set'
+      )
+    }
+    AuthorList.assertV1(authors, 'Change: bad author ids')
+
+    this.authors = authors
+  }
+
+  /**
+   * @return {Array.<Author>} zero or more
+   */
+  getV2Authors() {
+    return this.v2Authors
+  }
+
+  setV2Authors(v2Authors) {
+    assert.array(v2Authors, 'Change: bad v2 author ids array')
+    if (v2Authors.length > 1) {
+      assert.maybe.emptyArray(
+        this.authors,
+        'Change: cannot set v2 authors if v1 authors is set'
+      )
+    }
+    AuthorList.assertV2(v2Authors, 'Change: not a v2 author id')
+    this.v2Authors = v2Authors
+  }
+
+  /**
+   * @return {Origin | null | undefined}
+   */
+  getOrigin() {
+    return this.origin
+  }
+
+  setOrigin(origin) {
+    assert.maybe.instance(origin, Origin, 'Change: bad origin')
+    this.origin = origin
+  }
+
+  /**
+   * @return {string | null | undefined}
+   */
+  getProjectVersion() {
+    return this.projectVersion
+  }
+
+  setProjectVersion(projectVersion) {
+    assert.maybe.match(
+      projectVersion,
+      Change.PROJECT_VERSION_RX,
+      'Change: bad projectVersion'
+    )
+    this.projectVersion = projectVersion
+  }
+
+  /**
+   * @return {V2DocVersions | null | undefined}
+   */
+  getV2DocVersions() {
+    return this.v2DocVersions
+  }
+
+  setV2DocVersions(v2DocVersions) {
+    assert.maybe.instance(
+      v2DocVersions,
+      V2DocVersions,
+      'Change: bad v2DocVersions'
+    )
+    this.v2DocVersions = v2DocVersions
+  }
+
+  /**
+   * If this Change references blob hashes, add them to the given set.
+   *
+   * @param  {Set.<String>} blobHashes
+   */
+  findBlobHashes(blobHashes) {
+    for (const operation of this.operations) {
+      operation.findBlobHashes(blobHashes)
+    }
+  }
+
+  /**
+   * If this Change contains any File objects, load them.
+   *
+   * @param {string} kind see {File#load}
+   * @param {BlobStore} blobStore
+   * @return {Promise<void>}
+   */
+  async loadFiles(kind, blobStore) {
+    for (const operation of this.operations) {
+      await operation.loadFiles(kind, blobStore)
+    }
+  }
+
+  /**
+   * Append an operation to the end of the operations list.
+   *
+   * @param {Operation} operation
+   * @return {this}
+   */
+  pushOperation(operation) {
+    this.getOperations().push(operation)
+    return this
+  }
+
+  /**
+   * Apply this change to a snapshot. All operations are applied, and then the
+   * snapshot version is increased.
+   *
+   * Recoverable errors (caused by historical bad data) are ignored unless
+   * opts.strict is true
+   *
+   * @param {Snapshot} snapshot modified in place
+   * @param {object} opts
+   * @param {boolean} [opts.strict] - Do not ignore recoverable errors
+   */
+  applyTo(snapshot, opts = {}) {
+    // eslint-disable-next-line no-unused-vars
+    for (const operation of this.iterativelyApplyTo(snapshot, opts)) {
+      // Nothing to do: we're just consuming the iterator for the side effects
+    }
+  }
+
+  /**
+   * Generator that applies this change to a snapshot and yields each
+   * operation after it has been applied.
+   *
+   * Recoverable errors (caused by historical bad data) are ignored unless
+   * opts.strict is true
+   *
+   * @param {Snapshot} snapshot modified in place
+   * @param {object} opts
+   * @param {boolean} [opts.strict] - Do not ignore recoverable errors
+   */
+  *iterativelyApplyTo(snapshot, opts = {}) {
+    assert.object(snapshot, 'bad snapshot')
+
+    for (const operation of this.operations) {
+      try {
+        operation.applyTo(snapshot, opts)
+      } catch (err) {
+        const recoverable =
+          err instanceof Snapshot.EditMissingFileError ||
+          err instanceof FileMap.FileNotFoundError
+        if (!recoverable || opts.strict) {
+          throw err
+        }
+      }
+      yield operation
+    }
+
+    // update project version if present in change
+    if (this.projectVersion) {
+      snapshot.setProjectVersion(this.projectVersion)
+    }
+
+    // update doc versions
+    if (this.v2DocVersions) {
+      snapshot.updateV2DocVersions(this.v2DocVersions)
+    }
+  }
+
+  /**
+   * Transform this change to account for the fact that the other change occurred
+   * simultaneously and was applied first.
+   *
+   * This change is modified in place (by transforming its operations).
+   *
+   * @param {Change} other
+   */
+  transformAfter(other) {
+    assert.object(other, 'bad other')
+
+    const thisOperations = this.getOperations()
+    const otherOperations = other.getOperations()
+    for (let i = 0; i < otherOperations.length; ++i) {
+      for (let j = 0; j < thisOperations.length; ++j) {
+        thisOperations[j] = Operation.transform(
+          thisOperations[j],
+          otherOperations[i]
+        )[0]
+      }
+    }
+  }
+
+  clone() {
+    return Change.fromRaw(this.toRaw())
+  }
+
+  async store(blobStore, concurrency) {
+    assert.maybe.number(concurrency, 'bad concurrency')
+
+    const raw = this.toRaw()
+    raw.authors = _.uniq(raw.authors)
+
+    const rawOperations = await pMap(
+      this.operations,
+      operation => operation.store(blobStore),
+      { concurrency: concurrency || 1 }
+    )
+    raw.operations = rawOperations
+    return raw
+  }
+
+  canBeComposedWith(other) {
+    const operations = this.getOperations()
+    const otherOperations = other.getOperations()
+
+    // We ignore complex changes with more than 1 operation
+    if (operations.length > 1 || otherOperations.length > 1) return false
+
+    return operations[0].canBeComposedWith(otherOperations[0])
+  }
+}
+
+module.exports = Change
diff --git a/libraries/overleaf-editor-core/lib/change_note.js b/libraries/overleaf-editor-core/lib/change_note.js
new file mode 100644
index 0000000..3704295
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/change_note.js
@@ -0,0 +1,61 @@
+'use strict'
+
+const assert = require('check-types').assert
+
+const Change = require('./change')
+
+/**
+ * A `ChangeNote` is returned when the server has applied a {@link Change}.
+ */
+class ChangeNote {
+  /**
+   * @param {number} baseVersion the new base version for the change
+   * @param {Change} [change]
+   */
+  constructor(baseVersion, change) {
+    assert.integer(baseVersion, 'bad baseVersion')
+    assert.maybe.instance(change, Change, 'bad change')
+
+    this.baseVersion = baseVersion
+    this.change = change
+  }
+
+  /**
+   * For serialization.
+   *
+   * @return {Object}
+   */
+  toRaw() {
+    return {
+      baseVersion: this.baseVersion,
+      change: this.change.toRaw(),
+    }
+  }
+
+  toRawWithoutChange() {
+    return {
+      baseVersion: this.baseVersion,
+    }
+  }
+
+  static fromRaw(raw) {
+    assert.integer(raw.baseVersion, 'bad raw.baseVersion')
+    assert.maybe.object(raw.change, 'bad raw.changes')
+
+    return new ChangeNote(raw.baseVersion, Change.fromRaw(raw.change))
+  }
+
+  getBaseVersion() {
+    return this.baseVersion
+  }
+
+  getResultVersion() {
+    return this.baseVersion + 1
+  }
+
+  getChange() {
+    return this.change
+  }
+}
+
+module.exports = ChangeNote
diff --git a/libraries/overleaf-editor-core/lib/change_request.js b/libraries/overleaf-editor-core/lib/change_request.js
new file mode 100644
index 0000000..a5cbb2e
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/change_request.js
@@ -0,0 +1,90 @@
+'use strict'
+
+const assert = require('check-types').assert
+
+const AuthorList = require('./author_list')
+const Change = require('./change')
+const Operation = require('./operation')
+
+/**
+ * @import Author from "./author"
+ */
+
+/**
+ * A `ChangeRequest` is a list of {@link Operation}s that the server can apply
+ * as a {@link Change}.
+ *
+ * If the change is marked as `untransformable`, then the server will not
+ * attempt to transform it if it is out of date (i.e. if the baseVersion no
+ * longer matches the project's latest version). For example, if the client
+ * needs to ensure that a metadata property is set on exactly one file, it can't
+ * do that reliably if there's a chance that other clients will also change the
+ * metadata at the same time. The expectation is that if the change is rejected,
+ * the client will retry on a later version.
+ */
+class ChangeRequest {
+  /**
+   * @param {number} baseVersion
+   * @param {Array.<Operation>} operations
+   * @param {boolean} [untransformable]
+   * @param {number[] | Author[]} [authors]
+   */
+  constructor(baseVersion, operations, untransformable, authors) {
+    assert.integer(baseVersion, 'bad baseVersion')
+    assert.array.of.object(operations, 'bad operations')
+    assert.maybe.boolean(untransformable, 'ChangeRequest: bad untransformable')
+    // TODO remove authors once we have JWTs working --- pass as parameter to
+    // makeChange instead
+    authors = authors || []
+
+    // check all are the same type
+    AuthorList.assertV1(authors, 'bad authors')
+
+    this.authors = authors
+    this.baseVersion = baseVersion
+    this.operations = operations
+    this.untransformable = untransformable || false
+  }
+
+  /**
+   * For serialization.
+   *
+   * @return {Object}
+   */
+  toRaw() {
+    function operationToRaw(operation) {
+      return operation.toRaw()
+    }
+
+    return {
+      baseVersion: this.baseVersion,
+      operations: this.operations.map(operationToRaw),
+      untransformable: this.untransformable,
+      authors: this.authors,
+    }
+  }
+
+  static fromRaw(raw) {
+    assert.array.of.object(raw.operations, 'bad raw.operations')
+    return new ChangeRequest(
+      raw.baseVersion,
+      raw.operations.map(Operation.fromRaw),
+      raw.untransformable,
+      raw.authors
+    )
+  }
+
+  getBaseVersion() {
+    return this.baseVersion
+  }
+
+  isUntransformable() {
+    return this.untransformable
+  }
+
+  makeChange(timestamp) {
+    return new Change(this.operations, timestamp, this.authors)
+  }
+}
+
+module.exports = ChangeRequest
diff --git a/libraries/overleaf-editor-core/lib/chunk.js b/libraries/overleaf-editor-core/lib/chunk.js
new file mode 100644
index 0000000..929ecb0
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/chunk.js
@@ -0,0 +1,172 @@
+'use strict'
+
+const assert = require('check-types').assert
+const OError = require('@overleaf/o-error')
+
+const History = require('./history')
+
+/**
+ * @import { BlobStore, RawChunk } from "./types"
+ * @import Change from "./change"
+ * @import Snapshot from "./snapshot"
+ */
+
+class ConflictingEndVersion extends OError {
+  constructor(clientEndVersion, latestEndVersion) {
+    const message =
+      'client sent updates with end_version ' +
+      clientEndVersion +
+      ' but latest chunk has end_version ' +
+      latestEndVersion
+    super(message, { clientEndVersion, latestEndVersion })
+    this.clientEndVersion = clientEndVersion
+    this.latestEndVersion = latestEndVersion
+  }
+}
+
+class NotFoundError extends OError {
+  // `message` and `info` optional arguments allow children classes to override
+  // these values, ensuring backwards compatibility with previous implementation
+  // based on the `overleaf-error-type` library
+  constructor(projectId, message, info) {
+    const errorMessage = message || `no chunks for project ${projectId}`
+    const errorInfo = info || { projectId }
+    super(errorMessage, errorInfo)
+    this.projectId = projectId
+  }
+}
+
+class VersionNotFoundError extends NotFoundError {
+  constructor(projectId, version) {
+    super(projectId, `chunk for ${projectId} v ${version} not found`, {
+      projectId,
+      version,
+    })
+    this.projectId = projectId
+    this.version = version
+  }
+}
+
+class BeforeTimestampNotFoundError extends NotFoundError {
+  constructor(projectId, timestamp) {
+    super(projectId, `chunk for ${projectId} timestamp ${timestamp} not found`)
+    this.projectId = projectId
+    this.timestamp = timestamp
+  }
+}
+
+class NotPersistedError extends NotFoundError {
+  constructor(projectId) {
+    super(projectId, `chunk for ${projectId} not persisted yet`)
+    this.projectId = projectId
+  }
+}
+
+/**
+ * A Chunk is a {@link History} that is part of a project's overall history. It
+ * has a start and an end version that place its History in context.
+ */
+class Chunk {
+  static ConflictingEndVersion = ConflictingEndVersion
+  static NotFoundError = NotFoundError
+  static VersionNotFoundError = VersionNotFoundError
+  static BeforeTimestampNotFoundError = BeforeTimestampNotFoundError
+  static NotPersistedError = NotPersistedError
+
+  /**
+   * @param {History} history
+   * @param {number} startVersion
+   */
+  constructor(history, startVersion) {
+    assert.instance(history, History, 'bad history')
+    assert.integer(startVersion, 'bad startVersion')
+
+    this.history = history
+    this.startVersion = startVersion
+  }
+
+  /**
+   * @param {RawChunk} raw
+   * @return {Chunk}
+   */
+  static fromRaw(raw) {
+    return new Chunk(History.fromRaw(raw.history), raw.startVersion)
+  }
+
+  toRaw() {
+    return { history: this.history.toRaw(), startVersion: this.startVersion }
+  }
+
+  /**
+   * The history for this chunk.
+   *
+   * @return {History}
+   */
+  getHistory() {
+    return this.history
+  }
+
+  /**
+   * {@see History#getSnapshot}
+   * @return {Snapshot}
+   */
+  getSnapshot() {
+    return this.history.getSnapshot()
+  }
+
+  /**
+   * {@see History#getChanges}
+   * @return {Array.<Change>}
+   */
+  getChanges() {
+    return this.history.getChanges()
+  }
+
+  /**
+   * {@see History#pushChanges}
+   * @param {Array.<Change>} changes
+   */
+  pushChanges(changes) {
+    this.history.pushChanges(changes)
+  }
+
+  /**
+   * The version of the project after applying all changes in this chunk.
+   *
+   * @return {number} non-negative, greater than or equal to start version
+   */
+  getEndVersion() {
+    return this.startVersion + this.history.countChanges()
+  }
+
+  /**
+   * The timestamp of the last change in this chunk
+   */
+
+  getEndTimestamp() {
+    if (!this.history.countChanges()) return null
+    return this.history.getChanges().slice(-1)[0].getTimestamp()
+  }
+
+  /**
+   * The version of the project before applying all changes in this chunk.
+   *
+   * @return {number} non-negative, less than or equal to end version
+   */
+  getStartVersion() {
+    return this.startVersion
+  }
+
+  /**
+   * {@see History#loadFiles}
+   *
+   * @param {string} kind
+   * @param {BlobStore} blobStore
+   * @return {Promise<void>}
+   */
+  async loadFiles(kind, blobStore) {
+    await this.history.loadFiles(kind, blobStore)
+  }
+}
+
+module.exports = Chunk
diff --git a/libraries/overleaf-editor-core/lib/chunk_response.js b/libraries/overleaf-editor-core/lib/chunk_response.js
new file mode 100644
index 0000000..454d0de
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/chunk_response.js
@@ -0,0 +1,33 @@
+'use strict'
+
+const assert = require('check-types').assert
+const Chunk = require('./chunk')
+
+/**
+ * The ChunkResponse allows for additional data to be sent back with the chunk
+ * at present there are no extra data to send.
+ */
+class ChunkResponse {
+  constructor(chunk) {
+    assert.instance(chunk, Chunk)
+    this.chunk = chunk
+  }
+
+  toRaw() {
+    return {
+      chunk: this.chunk.toRaw(),
+    }
+  }
+
+  static fromRaw(raw) {
+    if (!raw) return null
+
+    return new ChunkResponse(Chunk.fromRaw(raw.chunk))
+  }
+
+  getChunk() {
+    return this.chunk
+  }
+}
+
+module.exports = ChunkResponse
diff --git a/libraries/overleaf-editor-core/lib/comment.js b/libraries/overleaf-editor-core/lib/comment.js
new file mode 100644
index 0000000..89a56dd
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/comment.js
@@ -0,0 +1,206 @@
+// @ts-check
+const { RetainOp, InsertOp, RemoveOp } = require('./operation/scan_op')
+const Range = require('./range')
+
+/**
+ * @import { CommentRawData } from "./types"
+ * @import TextOperation from "./operation/text_operation"
+ */
+
+class Comment {
+  /**
+   * @readonly
+   * @type {ReadonlyArray<Range>}
+   */
+  ranges = []
+
+  /**
+   * @readonly
+   * @type {boolean}
+   */
+  resolved = false
+
+  /**
+   * @param {string} id
+   * @param {ReadonlyArray<Range>} ranges
+   * @param {boolean} [resolved]
+   */
+  constructor(id, ranges, resolved = false) {
+    this.id = id
+    this.resolved = resolved
+    this.ranges = this.mergeRanges(ranges)
+  }
+
+  /**
+   *
+   * @param {number} cursor
+   * @param {number} length
+   * @param {boolean} [extendComment]
+   * @returns {Comment}
+   */
+  applyInsert(cursor, length, extendComment = false) {
+    let existingRangeExtended = false
+    const newRanges = []
+
+    for (const commentRange of this.ranges) {
+      if (cursor === commentRange.end) {
+        // insert right after the comment
+        if (extendComment) {
+          newRanges.push(commentRange.extendBy(length))
+          existingRangeExtended = true
+        } else {
+          newRanges.push(commentRange)
+        }
+      } else if (cursor === commentRange.start) {
+        // insert at the start of the comment
+        if (extendComment) {
+          newRanges.push(commentRange.extendBy(length))
+          existingRangeExtended = true
+        } else {
+          newRanges.push(commentRange.moveBy(length))
+        }
+      } else if (commentRange.startIsAfter(cursor)) {
+        // insert before the comment
+        newRanges.push(commentRange.moveBy(length))
+      } else if (commentRange.containsCursor(cursor)) {
+        // insert is inside the comment
+        if (extendComment) {
+          newRanges.push(commentRange.extendBy(length))
+          existingRangeExtended = true
+        } else {
+          const [rangeUpToCursor, , rangeAfterCursor] = commentRange.insertAt(
+            cursor,
+            length
+          )
+
+          // use current commentRange for the part before the cursor
+          newRanges.push(new Range(commentRange.pos, rangeUpToCursor.length))
+          // add the part after the cursor as a new range
+          newRanges.push(rangeAfterCursor)
+        }
+      } else {
+        // insert is after the comment
+        newRanges.push(commentRange)
+      }
+    }
+
+    // if the insert is not inside any range, add a new range
+    if (extendComment && !existingRangeExtended) {
+      newRanges.push(new Range(cursor, length))
+    }
+
+    return new Comment(this.id, newRanges, this.resolved)
+  }
+
+  /**
+   *
+   * @param {Range} deletedRange
+   * @returns {Comment}
+   */
+  applyDelete(deletedRange) {
+    const newRanges = []
+
+    for (const commentRange of this.ranges) {
+      if (commentRange.overlaps(deletedRange)) {
+        newRanges.push(commentRange.subtract(deletedRange))
+      } else if (commentRange.startsAfter(deletedRange)) {
+        newRanges.push(commentRange.moveBy(-deletedRange.length))
+      } else {
+        newRanges.push(commentRange)
+      }
+    }
+
+    return new Comment(this.id, newRanges, this.resolved)
+  }
+
+  /**
+   *
+   * @param {TextOperation} operation
+   * @param {string} commentId
+   * @returns {Comment}
+   */
+  applyTextOperation(operation, commentId) {
+    /** @type {Comment} */
+    let comment = this
+    let cursor = 0
+    for (const op of operation.ops) {
+      if (op instanceof RetainOp) {
+        cursor += op.length
+      } else if (op instanceof InsertOp) {
+        comment = comment.applyInsert(
+          cursor,
+          op.insertion.length,
+          op.commentIds?.includes(commentId)
+        )
+        cursor += op.insertion.length
+      } else if (op instanceof RemoveOp) {
+        comment = comment.applyDelete(new Range(cursor, op.length))
+      }
+    }
+    return comment
+  }
+
+  isEmpty() {
+    return this.ranges.length === 0
+  }
+
+  /**
+   *
+   * @returns {CommentRawData}
+   */
+  toRaw() {
+    /** @type CommentRawData */
+    const raw = {
+      id: this.id,
+      ranges: this.ranges.map(range => range.toRaw()),
+    }
+    if (this.resolved) {
+      raw.resolved = true
+    }
+    return raw
+  }
+
+  /**
+   * @param {ReadonlyArray<Range>} ranges
+   * @returns {ReadonlyArray<Range>}
+   */
+  mergeRanges(ranges) {
+    /** @type {Range[]} */
+    const mergedRanges = []
+
+    const sortedRanges = [...ranges].sort((a, b) => a.start - b.start)
+    for (const range of sortedRanges) {
+      if (range.isEmpty()) {
+        continue
+      }
+      const lastMerged = mergedRanges[mergedRanges.length - 1]
+      if (lastMerged?.overlaps(range)) {
+        throw new Error('Ranges cannot overlap')
+      }
+      if (range.isEmpty()) {
+        throw new Error('Comment range cannot be empty')
+      }
+      if (lastMerged?.canMerge(range)) {
+        mergedRanges[mergedRanges.length - 1] = lastMerged.merge(range)
+      } else {
+        mergedRanges.push(range)
+      }
+    }
+
+    return mergedRanges
+  }
+
+  /**
+   * @param {CommentRawData} rawComment
+   * @returns {Comment}
+   */
+  static fromRaw(rawComment) {
+    return new Comment(
+      rawComment.id,
+      rawComment.ranges.map(range => Range.fromRaw(range)),
+      rawComment.resolved
+    )
+  }
+}
+
+module.exports = Comment
diff --git a/libraries/overleaf-editor-core/lib/errors.js b/libraries/overleaf-editor-core/lib/errors.js
new file mode 100644
index 0000000..b384cc1
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/errors.js
@@ -0,0 +1,34 @@
+const OError = require('@overleaf/o-error')
+
+class UnprocessableError extends OError {}
+
+class ApplyError extends UnprocessableError {
+  constructor(message, operation, operand) {
+    super(message)
+    this.operation = operation
+    this.operand = operand
+  }
+}
+
+class InvalidInsertionError extends UnprocessableError {
+  constructor(str, operation) {
+    super('inserted text contains non BMP characters')
+    this.str = str
+    this.operation = operation
+  }
+}
+
+class TooLongError extends UnprocessableError {
+  constructor(operation, resultLength) {
+    super('resulting string would be too long', { resultLength })
+    this.operation = operation
+    this.resultLength = resultLength
+  }
+}
+
+module.exports = {
+  UnprocessableError,
+  ApplyError,
+  InvalidInsertionError,
+  TooLongError,
+}
diff --git a/libraries/overleaf-editor-core/lib/file.js b/libraries/overleaf-editor-core/lib/file.js
new file mode 100644
index 0000000..b5321c3
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/file.js
@@ -0,0 +1,280 @@
+// @ts-check
+'use strict'
+
+const _ = require('lodash')
+const assert = require('check-types').assert
+
+const OError = require('@overleaf/o-error')
+const FileData = require('./file_data')
+const HashFileData = require('./file_data/hash_file_data')
+const StringFileData = require('./file_data/string_file_data')
+
+/**
+ * @import Blob from "./blob"
+ * @import { BlobStore, ReadonlyBlobStore, RawFileData, RawFile } from "./types"
+ * @import { StringFileRawData, CommentRawData } from "./types"
+ * @import CommentList from "./file_data/comment_list"
+ * @import TextOperation from "./operation/text_operation"
+ * @import TrackedChangeList from "./file_data/tracked_change_list"
+ *
+ * @typedef {{filterTrackedDeletes?: boolean}} FileGetContentOptions
+ */
+
+class NotEditableError extends OError {
+  constructor() {
+    super('File is not editable')
+  }
+}
+
+/**
+ * A file in a {@link Snapshot}. A file has both data and metadata. There
+ * are several classes of data that represent the various types of file
+ * data that are supported, namely text and binary, and also the various
+ * states that a file's data can be in, namely:
+ *
+ * 1. Hash only: all we know is the file's hash; this is how we encode file
+ *    content in long term storage.
+ * 2. Lazily loaded: the hash of the file, its length, and its type are known,
+ *    but its content is not loaded. Operations are cached for application
+ *    later.
+ * 3. Eagerly loaded: the content of a text file is fully loaded into memory
+ *    as a string.
+ * 4. Hollow: only the byte and/or UTF-8 length of the file are known; this is
+ *    used to allow for validation of operations when editing collaboratively
+ *    without having to keep file data in memory on the server.
+ */
+class File {
+  /**
+   * Blob hash for an empty file.
+   *
+   * @type {String}
+   */
+  static EMPTY_FILE_HASH = 'e69de29bb2d1d6434b8b29ae775ad8c2e48c5391'
+
+  static NotEditableError = NotEditableError
+
+  /**
+   * @param {FileData} data
+   * @param {Object} [metadata]
+   */
+  constructor(data, metadata) {
+    assert.instance(data, FileData, 'File: bad data')
+
+    this.data = data
+    this.metadata = {}
+    this.setMetadata(metadata || {})
+  }
+
+  /**
+   * @param {RawFile} raw
+   * @return {File|null}
+   */
+  static fromRaw(raw) {
+    if (!raw) return null
+    return new File(FileData.fromRaw(raw), raw.metadata)
+  }
+
+  /**
+   * @param  {string} hash
+   * @param  {string} [rangesHash]
+   * @param  {Object} [metadata]
+   * @return {File}
+   */
+  static fromHash(hash, rangesHash, metadata) {
+    return new File(new HashFileData(hash, rangesHash), metadata)
+  }
+
+  /**
+   * @param  {string} string
+   * @param  {Object} [metadata]
+   * @return {File}
+   */
+  static fromString(string, metadata) {
+    return new File(new StringFileData(string), metadata)
+  }
+
+  /**
+   * @param  {number} byteLength
+   * @param  {number} [stringLength]
+   * @param  {Object} [metadata]
+   * @return {File}
+   */
+  static createHollow(byteLength, stringLength, metadata) {
+    return new File(FileData.createHollow(byteLength, stringLength), metadata)
+  }
+
+  /**
+   * @param {Blob} blob
+   * @param {Blob} [rangesBlob]
+   * @param {Object} [metadata]
+   * @return {File}
+   */
+  static createLazyFromBlobs(blob, rangesBlob, metadata) {
+    return new File(FileData.createLazyFromBlobs(blob, rangesBlob), metadata)
+  }
+
+  /**
+   * @returns {RawFile}
+   */
+  toRaw() {
+    /** @type RawFile */
+    const rawFileData = this.data.toRaw()
+    storeRawMetadata(this.metadata, rawFileData)
+    return rawFileData
+  }
+
+  /**
+   * Hexadecimal SHA-1 hash of the file's content, if known.
+   *
+   * @return {string | null | undefined}
+   */
+  getHash() {
+    return this.data.getHash()
+  }
+
+  /**
+   * Hexadecimal SHA-1 hash of the ranges content (comments + tracked changes),
+   * if known.
+   *
+   * @return {string | null | undefined}
+   */
+  getRangesHash() {
+    return this.data.getRangesHash()
+  }
+
+  /**
+   * The content of the file, if it is known and if this file has UTF-8 encoded
+   * content.
+   *
+   * @param {FileGetContentOptions} [opts]
+   * @return {string | null | undefined}
+   */
+  getContent(opts = {}) {
+    return this.data.getContent(opts)
+  }
+
+  /**
+   * Whether this file has string content and is small enough to be edited using
+   * {@link TextOperation}s.
+   *
+   * @return {boolean | null | undefined} null if it is not currently known
+   */
+  isEditable() {
+    return this.data.isEditable()
+  }
+
+  /**
+   * The length of the file's content in bytes, if known.
+   *
+   * @return {number | null | undefined}
+   */
+  getByteLength() {
+    return this.data.getByteLength()
+  }
+
+  /**
+   * The length of the file's content in characters, if known.
+   *
+   * @return {number | null | undefined}
+   */
+  getStringLength() {
+    return this.data.getStringLength()
+  }
+
+  /**
+   * Return the metadata object for this file.
+   *
+   * @return {Object}
+   */
+  getMetadata() {
+    return this.metadata
+  }
+
+  /**
+   * Set the metadata object for this file.
+   *
+   * @param {Object} metadata
+   */
+  setMetadata(metadata) {
+    assert.object(metadata, 'File: bad metadata')
+    this.metadata = metadata
+  }
+
+  /**
+   * Edit this file, if possible.
+   *
+   * @param {TextOperation} textOperation
+   */
+  edit(textOperation) {
+    if (!this.data.isEditable()) throw new File.NotEditableError()
+    this.data.edit(textOperation)
+  }
+
+  /**
+   * Get the comments for this file.
+   *
+   * @return {CommentList}
+   */
+  getComments() {
+    return this.data.getComments()
+  }
+
+  /**
+   * Get the tracked changes for this file.
+   * @return {TrackedChangeList}
+   */
+  getTrackedChanges() {
+    return this.data.getTrackedChanges()
+  }
+
+  /**
+   * Clone a file.
+   *
+   * @return {File} a new object of the same type
+   */
+  clone() {
+    return /** @type {File} */ (File.fromRaw(this.toRaw()))
+  }
+
+  /**
+   * Convert this file's data to the given kind. This may require us to load file
+   * size or content from the given blob store, so this is an asynchronous
+   * operation.
+   *
+   * @param {string} kind
+   * @param {ReadonlyBlobStore} blobStore
+   * @return {Promise.<File>} for this
+   */
+  async load(kind, blobStore) {
+    const data = await this.data.load(kind, blobStore)
+    this.data = data
+    return this
+  }
+
+  /**
+   * Store the file's content in the blob store and return a raw file with
+   * the corresponding hash. As a side effect, make this object consistent with
+   * the hash.
+   *
+   * @param {BlobStore} blobStore
+   * @return {Promise<RawFile>} a raw HashFile
+   */
+  async store(blobStore) {
+    /** @type RawFile */
+    const raw = await this.data.store(blobStore)
+    storeRawMetadata(this.metadata, raw)
+    return raw
+  }
+}
+
+/**
+ * @param {Object} metadata
+ * @param {RawFile} raw
+ */
+function storeRawMetadata(metadata, raw) {
+  if (!_.isEmpty(metadata)) {
+    raw.metadata = _.cloneDeep(metadata)
+  }
+}
+
+module.exports = File
diff --git a/libraries/overleaf-editor-core/lib/file_data/binary_file_data.js b/libraries/overleaf-editor-core/lib/file_data/binary_file_data.js
new file mode 100644
index 0000000..7919634
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/file_data/binary_file_data.js
@@ -0,0 +1,82 @@
+'use strict'
+
+const assert = require('check-types').assert
+
+const Blob = require('../blob')
+const FileData = require('./')
+
+/**
+ * @import { RawBinaryFileData } from '../types'
+ */
+
+class BinaryFileData extends FileData {
+  /**
+   * @param {string} hash
+   * @param {number} byteLength
+   * @see FileData
+   */
+  constructor(hash, byteLength) {
+    super()
+    assert.match(hash, Blob.HEX_HASH_RX, 'BinaryFileData: bad hash')
+    assert.integer(byteLength, 'BinaryFileData: bad byteLength')
+    assert.greaterOrEqual(byteLength, 0, 'BinaryFileData: low byteLength')
+
+    this.hash = hash
+    this.byteLength = byteLength
+  }
+
+  /**
+   * @param {RawBinaryFileData} raw
+   * @returns {BinaryFileData}
+   */
+  static fromRaw(raw) {
+    return new BinaryFileData(raw.hash, raw.byteLength)
+  }
+
+  /**
+   * @inheritdoc
+   * @returns {RawBinaryFileData}
+   */
+  toRaw() {
+    return { hash: this.hash, byteLength: this.byteLength }
+  }
+
+  /** @inheritdoc */
+  getHash() {
+    return this.hash
+  }
+
+  /** @inheritdoc */
+  isEditable() {
+    return false
+  }
+
+  /** @inheritdoc */
+  getByteLength() {
+    return this.byteLength
+  }
+
+  /** @inheritdoc */
+  async toEager() {
+    return this
+  }
+
+  /** @inheritdoc */
+  async toLazy() {
+    return this
+  }
+
+  /** @inheritdoc */
+  async toHollow() {
+    return FileData.createHollow(this.byteLength, null)
+  }
+
+  /** @inheritdoc
+   * @return {Promise<RawFileData>}
+   */
+  async store() {
+    return { hash: this.hash }
+  }
+}
+
+module.exports = BinaryFileData
diff --git a/libraries/overleaf-editor-core/lib/file_data/clear_tracking_props.js b/libraries/overleaf-editor-core/lib/file_data/clear_tracking_props.js
new file mode 100644
index 0000000..ba7f0bf
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/file_data/clear_tracking_props.js
@@ -0,0 +1,28 @@
+// @ts-check
+
+/**
+ * @import { ClearTrackingPropsRawData } from '../types'
+ */
+
+class ClearTrackingProps {
+  constructor() {
+    this.type = 'none'
+  }
+
+  /**
+   * @param {any} other
+   * @returns {boolean}
+   */
+  equals(other) {
+    return other instanceof ClearTrackingProps
+  }
+
+  /**
+   * @returns {ClearTrackingPropsRawData}
+   */
+  toRaw() {
+    return { type: 'none' }
+  }
+}
+
+module.exports = ClearTrackingProps
diff --git a/libraries/overleaf-editor-core/lib/file_data/comment_list.js b/libraries/overleaf-editor-core/lib/file_data/comment_list.js
new file mode 100644
index 0000000..69e5529
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/file_data/comment_list.js
@@ -0,0 +1,124 @@
+// @ts-check
+const Comment = require('../comment')
+
+/**
+ * @import { CommentRawData } from "../types"
+ * @import Range from "../range"
+ */
+
+class CommentList {
+  /**
+   * @param {Comment[]} comments
+   */
+  constructor(comments) {
+    this.comments = new Map(comments.map(comment => [comment.id, comment]))
+  }
+
+  /**
+   * @returns {IterableIterator<Comment>}
+   */
+  [Symbol.iterator]() {
+    return this.comments.values()
+  }
+
+  /**
+   * Returns the contents of this list in an array
+   *
+   * @returns {Comment[]}
+   */
+  toArray() {
+    return Array.from(this)
+  }
+
+  /**
+   * Return the length of the comment list
+   *
+   * @returns {number}
+   */
+  get length() {
+    return this.comments.size
+  }
+
+  /**
+   * Return the raw version of the comment list
+   *
+   * @returns {CommentRawData[]}
+   */
+  toRaw() {
+    const raw = []
+    for (const comment of this.comments.values()) {
+      raw.push(comment.toRaw())
+    }
+    return raw
+  }
+
+  /**
+   * @param {string} id
+   * @returns {Comment | undefined}
+   */
+  getComment(id) {
+    return this.comments.get(id)
+  }
+
+  /**
+   * @param {Comment} newComment
+   */
+  add(newComment) {
+    this.comments.set(newComment.id, newComment)
+  }
+
+  /**
+   * @param {string} id
+   */
+  delete(id) {
+    return this.comments.delete(id)
+  }
+
+  /**
+   * @param {CommentRawData[]} rawComments
+   */
+  static fromRaw(rawComments) {
+    return new CommentList(rawComments.map(Comment.fromRaw))
+  }
+
+  /**
+   * @param {Range} range
+   * @param {{ commentIds?: string[] }} opts
+   */
+  applyInsert(range, opts = { commentIds: [] }) {
+    if (!opts.commentIds) {
+      opts.commentIds = []
+    }
+    for (const [commentId, comment] of this.comments) {
+      const commentAfterInsert = comment.applyInsert(
+        range.pos,
+        range.length,
+        opts.commentIds.includes(commentId)
+      )
+      this.comments.set(commentId, commentAfterInsert)
+    }
+  }
+
+  /**
+   * @param {Range} range
+   */
+  applyDelete(range) {
+    for (const [commentId, comment] of this.comments) {
+      const commentAfterDelete = comment.applyDelete(range)
+      this.comments.set(commentId, commentAfterDelete)
+    }
+  }
+
+  /**
+   *
+   * @param {Range} range
+   * @returns {string[]}
+   */
+  idsCoveringRange(range) {
+    return Array.from(this.comments.entries())
+      .filter(([, comment]) => comment.ranges.some(r => r.contains(range)))
+      .map(([id]) => id)
+  }
+}
+
+module.exports = CommentList
diff --git a/libraries/overleaf-editor-core/lib/file_data/hash_file_data.js b/libraries/overleaf-editor-core/lib/file_data/hash_file_data.js
new file mode 100644
index 0000000..d12da1c
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/file_data/hash_file_data.js
@@ -0,0 +1,134 @@
+// @ts-check
+'use strict'
+
+const assert = require('check-types').assert
+
+const Blob = require('../blob')
+const FileData = require('./')
+/**
+ * @import StringFileData from './string_file_data'
+ * @import LazyStringFileData from './lazy_string_file_data'
+ * @import HollowStringFileData from './hollow_string_file_data'
+ * @import { BlobStore, RawHashFileData } from '../types'
+ */
+
+class HashFileData extends FileData {
+  /**
+   * @constructor
+   * @param {string} hash
+   * @param {string} [rangesHash]
+   * @see FileData
+   */
+  constructor(hash, rangesHash) {
+    super()
+    assert.match(hash, Blob.HEX_HASH_RX, 'HashFileData: bad hash')
+    if (rangesHash) {
+      assert.match(
+        rangesHash,
+        Blob.HEX_HASH_RX,
+        'HashFileData: bad ranges hash'
+      )
+    }
+    this.hash = hash
+    this.rangesHash = rangesHash
+  }
+
+  /**
+   *
+   * @param {RawHashFileData} raw
+   */
+  static fromRaw(raw) {
+    return new HashFileData(raw.hash, raw.rangesHash)
+  }
+
+  /**
+   * @inheritdoc
+   * @returns {RawHashFileData}
+   */
+  toRaw() {
+    /** @type RawHashFileData */
+    const raw = { hash: this.hash }
+    if (this.rangesHash) {
+      raw.rangesHash = this.rangesHash
+    }
+    return raw
+  }
+
+  /**
+   * @inheritdoc
+   * @returns {string}
+   */
+  getHash() {
+    return this.hash
+  }
+
+  /**
+   * @inheritdoc
+   * @returns {string | undefined}
+   */
+  getRangesHash() {
+    return this.rangesHash
+  }
+
+  /**
+   * @inheritdoc
+   * @param {BlobStore} blobStore
+   * @returns {Promise<StringFileData>}
+   */
+  async toEager(blobStore) {
+    const lazyFileData = await this.toLazy(blobStore)
+    return await lazyFileData.toEager(blobStore)
+  }
+
+  /**
+   * @inheritdoc
+   * @param {BlobStore} blobStore
+   * @returns {Promise<LazyStringFileData>}
+   */
+  async toLazy(blobStore) {
+    const [blob, rangesBlob] = await Promise.all([
+      blobStore.getBlob(this.hash),
+      this.rangesHash
+        ? blobStore.getBlob(this.rangesHash)
+        : Promise.resolve(undefined),
+    ])
+    if (rangesBlob === null) {
+      // We attempted to look up the blob, but none was found
+      throw new Error('Failed to look up rangesHash in blobStore')
+    }
+    if (!blob) throw new Error('blob not found: ' + this.hash)
+    // TODO(das7pad): inline 2nd path of FileData.createLazyFromBlobs?
+    // @ts-ignore
+    return FileData.createLazyFromBlobs(blob, rangesBlob)
+  }
+
+  /**
+   * @inheritdoc
+   * @param {BlobStore} blobStore
+   * @returns {Promise<HollowStringFileData>}
+   */
+  async toHollow(blobStore) {
+    const blob = await blobStore.getBlob(this.hash)
+    if (!blob) {
+      throw new Error('Failed to look up hash in blobStore')
+    }
+    // TODO(das7pad): inline 2nd path of FileData.createHollow?
+    // @ts-ignore
+    return FileData.createHollow(blob.getByteLength(), blob.getStringLength())
+  }
+
+  /**
+   * @inheritdoc
+   * @returns {Promise<RawHashFileData>}
+   */
+  async store() {
+    /** @type RawHashFileData */
+    const raw = { hash: this.hash }
+    if (this.rangesHash) {
+      raw.rangesHash = this.rangesHash
+    }
+    return raw
+  }
+}
+
+module.exports = HashFileData
diff --git a/libraries/overleaf-editor-core/lib/file_data/hollow_binary_file_data.js b/libraries/overleaf-editor-core/lib/file_data/hollow_binary_file_data.js
new file mode 100644
index 0000000..4187024
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/file_data/hollow_binary_file_data.js
@@ -0,0 +1,55 @@
+'use strict'
+
+const assert = require('check-types').assert
+
+const FileData = require('./')
+
+/**
+ * @import { RawHollowBinaryFileData } from '../types'
+ */
+
+class HollowBinaryFileData extends FileData {
+  /**
+   * @param {number} byteLength
+   * @see FileData
+   */
+  constructor(byteLength) {
+    super()
+    assert.integer(byteLength, 'HollowBinaryFileData: bad byteLength')
+    assert.greaterOrEqual(byteLength, 0, 'HollowBinaryFileData: low byteLength')
+    this.byteLength = byteLength
+  }
+
+  /**
+   * @param {RawHollowBinaryFileData} raw
+   * @returns {HollowBinaryFileData}
+   */
+  static fromRaw(raw) {
+    return new HollowBinaryFileData(raw.byteLength)
+  }
+
+  /**
+   * @inheritdoc
+   * @returns {RawHollowBinaryFileData}
+   */
+  toRaw() {
+    return { byteLength: this.byteLength }
+  }
+
+  /** @inheritdoc */
+  getByteLength() {
+    return this.byteLength
+  }
+
+  /** @inheritdoc */
+  isEditable() {
+    return false
+  }
+
+  /** @inheritdoc */
+  async toHollow() {
+    return this
+  }
+}
+
+module.exports = HollowBinaryFileData
diff --git a/libraries/overleaf-editor-core/lib/file_data/hollow_string_file_data.js b/libraries/overleaf-editor-core/lib/file_data/hollow_string_file_data.js
new file mode 100644
index 0000000..717c060
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/file_data/hollow_string_file_data.js
@@ -0,0 +1,69 @@
+// @ts-check
+'use strict'
+
+const assert = require('check-types').assert
+
+const FileData = require('./')
+
+/**
+ * @import { RawHollowStringFileData } from '../types'
+ * @import EditOperation from '../operation/edit_operation'
+ */
+
+class HollowStringFileData extends FileData {
+  /**
+   * @param {number} stringLength
+   * @see FileData
+   */
+  constructor(stringLength) {
+    super()
+    assert.integer(stringLength, 'HollowStringFileData: bad stringLength')
+    assert.greaterOrEqual(
+      stringLength,
+      0,
+      'HollowStringFileData: low stringLength'
+    )
+    this.stringLength = stringLength
+  }
+
+  /**
+   * @param {RawHollowStringFileData} raw
+   * @returns {HollowStringFileData}
+   */
+  static fromRaw(raw) {
+    return new HollowStringFileData(raw.stringLength)
+  }
+
+  /**
+   * @inheritdoc
+   * @returns {RawHollowStringFileData}
+   */
+  toRaw() {
+    return { stringLength: this.stringLength }
+  }
+
+  /** @inheritdoc */
+  getStringLength() {
+    return this.stringLength
+  }
+
+  /** @inheritdoc */
+  isEditable() {
+    return true
+  }
+
+  /** @inheritdoc */
+  async toHollow() {
+    return this
+  }
+
+  /**
+   * @inheritdoc
+   * @param {EditOperation} operation
+   */
+  edit(operation) {
+    this.stringLength = operation.applyToLength(this.stringLength)
+  }
+}
+
+module.exports = HollowStringFileData
diff --git a/libraries/overleaf-editor-core/lib/file_data/index.js b/libraries/overleaf-editor-core/lib/file_data/index.js
new file mode 100644
index 0000000..a6ae574
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/file_data/index.js
@@ -0,0 +1,229 @@
+// @ts-check
+
+'use strict'
+
+const assert = require('check-types').assert
+
+const Blob = require('../blob')
+
+/**
+ * @import { BlobStore, ReadonlyBlobStore, RawFileData, CommentRawData } from "../types"
+ * @import EditOperation from "../operation/edit_operation"
+ * @import CommentList from "../file_data/comment_list"
+ * @import TrackedChangeList from "../file_data/tracked_change_list"
+ */
+
+/**
+ * Helper to represent the content of a file. This class and its subclasses
+ * should be used only through {@link File}.
+ */
+class FileData {
+  /** @see File.fromRaw
+   * @param {RawFileData} raw
+   */
+  static fromRaw(raw) {
+    // TODO(das7pad): can we teach typescript to understand our polymorphism?
+    if (Object.prototype.hasOwnProperty.call(raw, 'hash')) {
+      if (Object.prototype.hasOwnProperty.call(raw, 'byteLength'))
+        // @ts-ignore
+        return BinaryFileData.fromRaw(raw)
+      if (Object.prototype.hasOwnProperty.call(raw, 'stringLength'))
+        // @ts-ignore
+        return LazyStringFileData.fromRaw(raw)
+      // @ts-ignore
+      return HashFileData.fromRaw(raw)
+    }
+    if (Object.prototype.hasOwnProperty.call(raw, 'byteLength'))
+      // @ts-ignore
+      return HollowBinaryFileData.fromRaw(raw)
+    if (Object.prototype.hasOwnProperty.call(raw, 'stringLength'))
+      // @ts-ignore
+      return HollowStringFileData.fromRaw(raw)
+    if (Object.prototype.hasOwnProperty.call(raw, 'content'))
+      // @ts-ignore
+      return StringFileData.fromRaw(raw)
+    throw new Error('FileData: bad raw object ' + JSON.stringify(raw))
+  }
+
+  /** @see File.createHollow
+   * @param {number} byteLength
+   * @param {number} [stringLength]
+   */
+  static createHollow(byteLength, stringLength) {
+    if (stringLength == null) {
+      return new HollowBinaryFileData(byteLength)
+    }
+    return new HollowStringFileData(stringLength)
+  }
+
+  /**
+   * @see File.createLazyFromBlob
+   * @param {Blob} blob
+   * @param {Blob} [rangesBlob]
+   */
+  static createLazyFromBlobs(blob, rangesBlob) {
+    assert.instance(blob, Blob, 'FileData: bad blob')
+    const stringLength = blob.getStringLength()
+    if (stringLength == null) {
+      return new BinaryFileData(blob.getHash(), blob.getByteLength())
+    }
+    return new LazyStringFileData(
+      blob.getHash(),
+      rangesBlob?.getHash(),
+      stringLength
+    )
+  }
+
+  /**
+   * @returns {RawFileData}
+   */
+  toRaw() {
+    throw new Error('FileData: toRaw not implemented')
+  }
+
+  /**
+   * @see File#getHash
+   * @return {string | null | undefined}
+   */
+
+  getHash() {
+    return null
+  }
+
+  /**
+   * @see File#getHash
+   * @return {string | null | undefined}
+   */
+  getRangesHash() {
+    return null
+  }
+
+  /**
+   * @see File#getContent
+   * @param {import('../file').FileGetContentOptions} [opts]
+   * @return {string | null | undefined}
+   */
+  getContent(opts = {}) {
+    return null
+  }
+
+  /**
+   * @see File#isEditable
+   * @return {boolean | null | undefined} null if it is not currently known
+   */
+  isEditable() {
+    return null
+  }
+
+  /**
+   * @see File#getByteLength
+   * @return {number | null | undefined}
+   */
+  getByteLength() {
+    return null
+  }
+
+  /**
+   * @see File#getStringLength
+   * @return {number | null | undefined}
+   */
+  getStringLength() {
+    return null
+  }
+
+  /**
+   * @see File#edit
+   * @param {EditOperation} editOperation
+   */
+  edit(editOperation) {
+    throw new Error('edit not implemented for ' + JSON.stringify(this))
+  }
+
+  /**
+   * @function
+   * @param {ReadonlyBlobStore} blobStore
+   * @return {Promise<FileData>}
+   * @abstract
+   * @see FileData#load
+   */
+  async toEager(blobStore) {
+    throw new Error('toEager not implemented for ' + JSON.stringify(this))
+  }
+
+  /**
+   * @function
+   * @param {ReadonlyBlobStore} blobStore
+   * @return {Promise<FileData>}
+   * @abstract
+   * @see FileData#load
+   */
+  async toLazy(blobStore) {
+    throw new Error('toLazy not implemented for ' + JSON.stringify(this))
+  }
+
+  /**
+   * @function
+   * @param {ReadonlyBlobStore} blobStore
+   * @return {Promise<FileData>}
+   * @abstract
+   * @see FileData#load
+   */
+  async toHollow(blobStore) {
+    throw new Error('toHollow not implemented for ' + JSON.stringify(this))
+  }
+
+  /**
+   * @see File#load
+   * @param {string} kind
+   * @param {ReadonlyBlobStore} blobStore
+   * @return {Promise<FileData>}
+   */
+  async load(kind, blobStore) {
+    if (kind === 'eager') return await this.toEager(blobStore)
+    if (kind === 'lazy') return await this.toLazy(blobStore)
+    if (kind === 'hollow') return await this.toHollow(blobStore)
+    throw new Error('bad file data load kind: ' + kind)
+  }
+
+  /**
+   * @see File#store
+   * @function
+   * @param {BlobStore} blobStore
+   * @return {Promise<RawFileData>} a raw HashFile
+   * @abstract
+   */
+  async store(blobStore) {
+    throw new Error('store not implemented for ' + JSON.stringify(this))
+  }
+
+  /**
+   * @see File#getComments
+   * @function
+   * @return {CommentList}
+   * @abstract
+   */
+  getComments() {
+    throw new Error('getComments not implemented for ' + JSON.stringify(this))
+  }
+
+  /**
+   * @see File#getTrackedChanges
+   * @function
+   * @return {TrackedChangeList}
+   * @abstract
+   */
+  getTrackedChanges() {
+    throw new Error(
+      'getTrackedChanges not implemented for ' + JSON.stringify(this)
+    )
+  }
+}
+
+module.exports = FileData
+
+const BinaryFileData = require('./binary_file_data')
+const HashFileData = require('./hash_file_data')
+const HollowBinaryFileData = require('./hollow_binary_file_data')
+const HollowStringFileData = require('./hollow_string_file_data')
+const LazyStringFileData = require('./lazy_string_file_data')
+const StringFileData = require('./string_file_data')
diff --git a/libraries/overleaf-editor-core/lib/file_data/lazy_string_file_data.js b/libraries/overleaf-editor-core/lib/file_data/lazy_string_file_data.js
new file mode 100644
index 0000000..bc11b3e
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/file_data/lazy_string_file_data.js
@@ -0,0 +1,190 @@
+// @ts-check
+'use strict'
+
+const _ = require('lodash')
+const assert = require('check-types').assert
+
+const Blob = require('../blob')
+const FileData = require('./')
+const EagerStringFileData = require('./string_file_data')
+const EditOperation = require('../operation/edit_operation')
+const EditOperationBuilder = require('../operation/edit_operation_builder')
+
+/**
+ *  @import { BlobStore, ReadonlyBlobStore, RangesBlob, RawFileData, RawLazyStringFileData } from '../types'
+ */
+
+class LazyStringFileData extends FileData {
+  /**
+   * @param {string} hash
+   * @param {string | undefined} rangesHash
+   * @param {number} stringLength
+   * @param {Array.<EditOperation>} [operations]
+   * @see FileData
+   */
+  constructor(hash, rangesHash, stringLength, operations) {
+    super()
+    assert.match(hash, Blob.HEX_HASH_RX)
+    if (rangesHash) {
+      assert.match(rangesHash, Blob.HEX_HASH_RX)
+    }
+    assert.greaterOrEqual(stringLength, 0)
+    assert.maybe.array.of.instance(operations, EditOperation)
+
+    this.hash = hash
+    this.rangesHash = rangesHash
+    this.stringLength = stringLength
+    this.operations = operations || []
+  }
+
+  /**
+   * @param {RawLazyStringFileData} raw
+   * @returns {LazyStringFileData}
+   */
+  static fromRaw(raw) {
+    return new LazyStringFileData(
+      raw.hash,
+      raw.rangesHash,
+      raw.stringLength,
+      raw.operations && _.map(raw.operations, EditOperationBuilder.fromJSON)
+    )
+  }
+
+  /**
+   * @inheritdoc
+   * @returns {RawLazyStringFileData}
+   */
+  toRaw() {
+    /** @type RawLazyStringFileData */
+    const raw = {
+      hash: this.hash,
+      stringLength: this.stringLength,
+    }
+    if (this.rangesHash) {
+      raw.rangesHash = this.rangesHash
+    }
+    if (this.operations.length) {
+      raw.operations = _.map(this.operations, function (operation) {
+        return operation.toJSON()
+      })
+    }
+    return raw
+  }
+
+  /** @inheritdoc */
+  getHash() {
+    if (this.operations.length) return null
+    return this.hash
+  }
+
+  /** @inheritdoc */
+  getRangesHash() {
+    if (this.operations.length) return null
+    return this.rangesHash
+  }
+
+  /** @inheritdoc */
+  isEditable() {
+    return true
+  }
+
+  /**
+   * For project quota checking, we approximate the byte length by the UTF-8
+   * length for hollow files. This isn't strictly speaking correct; it is an
+   * underestimate of byte length.
+   *
+   * @return {number}
+   */
+  getByteLength() {
+    return this.stringLength
+  }
+
+  /** @inheritdoc */
+  getStringLength() {
+    return this.stringLength
+  }
+
+  /**
+   * Get the cached text operations that are to be applied to this file to get
+   * from the content with its last known hash to its latest content.
+   *
+   * @return {Array.<EditOperation>}
+   */
+  getOperations() {
+    return this.operations
+  }
+
+  /**
+   * @inheritdoc
+   * @param {ReadonlyBlobStore} blobStore
+   * @returns {Promise<EagerStringFileData>}
+   */
+  async toEager(blobStore) {
+    const [content, ranges] = await Promise.all([
+      blobStore.getString(this.hash),
+      this.rangesHash
+        ? /** @type {Promise<RangesBlob>} */ (
+            blobStore.getObject(this.rangesHash)
+          )
+        : Promise.resolve(undefined),
+    ])
+    const file = new EagerStringFileData(
+      content,
+      ranges?.comments,
+      ranges?.trackedChanges
+    )
+    applyOperations(this.operations, file)
+    return file
+  }
+
+  /** @inheritdoc */
+  async toLazy() {
+    return this
+  }
+
+  /** @inheritdoc */
+  async toHollow() {
+    // TODO(das7pad): inline 2nd path of FileData.createLazyFromBlobs?
+    // @ts-ignore
+    return FileData.createHollow(null, this.stringLength)
+  }
+
+  /** @inheritdoc
+   * @param {EditOperation} operation
+   */
+  edit(operation) {
+    this.stringLength = operation.applyToLength(this.stringLength)
+    this.operations.push(operation)
+  }
+
+  /** @inheritdoc
+   * @param {BlobStore} blobStore
+   * @return {Promise<RawFileData>}
+   */
+  async store(blobStore) {
+    if (this.operations.length === 0) {
+      /** @type RawFileData */
+      const raw = { hash: this.hash }
+      if (this.rangesHash) {
+        raw.rangesHash = this.rangesHash
+      }
+      return raw
+    }
+    const eager = await this.toEager(blobStore)
+    this.operations.length = 0
+    /** @type RawFileData */
+    return await eager.store(blobStore)
+  }
+}
+
+/**
+ *
+ * @param {EditOperation[]} operations
+ * @param {EagerStringFileData} file
+ * @returns {void}
+ */
+function applyOperations(operations, file) {
+  _.each(operations, operation => operation.apply(file))
+}
+
+module.exports = LazyStringFileData
diff --git a/libraries/overleaf-editor-core/lib/file_data/string_file_data.js b/libraries/overleaf-editor-core/lib/file_data/string_file_data.js
new file mode 100644
index 0000000..2613c30
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/file_data/string_file_data.js
@@ -0,0 +1,151 @@
+// @ts-check
+'use strict'
+
+const assert = require('check-types').assert
+
+const FileData = require('./')
+const CommentList = require('./comment_list')
+const TrackedChangeList = require('./tracked_change_list')
+
+/**
+ * @import { StringFileRawData, RawFileData, BlobStore, CommentRawData } from "../types"
+ * @import { TrackedChangeRawData, RangesBlob } from "../types"
+ * @import EditOperation from "../operation/edit_operation"
+ */
+
+class StringFileData extends FileData {
+  /**
+   * @param {string} content
+   * @param {CommentRawData[]} [rawComments]
+   * @param {TrackedChangeRawData[]} [rawTrackedChanges]
+   */
+  constructor(content, rawComments = [], rawTrackedChanges = []) {
+    super()
+    assert.string(content)
+    this.content = content
+    this.comments = CommentList.fromRaw(rawComments)
+    this.trackedChanges = TrackedChangeList.fromRaw(rawTrackedChanges)
+  }
+
+  /**
+   * @param {StringFileRawData} raw
+   * @returns {StringFileData}
+   */
+  static fromRaw(raw) {
+    return new StringFileData(
+      raw.content,
+      raw.comments || [],
+      raw.trackedChanges || []
+    )
+  }
+
+  /**
+   * @inheritdoc
+   * @returns {StringFileRawData}
+   */
+  toRaw() {
+    /** @type StringFileRawData */
+    const raw = { content: this.content }
+
+    if (this.comments.length) {
+      raw.comments = this.comments.toRaw()
+    }
+
+    if (this.trackedChanges.length) {
+      raw.trackedChanges = this.trackedChanges.toRaw()
+    }
+
+    return raw
+  }
+
+  /** @inheritdoc */
+  isEditable() {
+    return true
+  }
+
+  /**
+   * @inheritdoc
+   * @param {import('../file').FileGetContentOptions} [opts]
+   */
+  getContent(opts = {}) {
+    let content = ''
+    let cursor = 0
+    if (opts.filterTrackedDeletes) {
+      for (const tc of this.trackedChanges.asSorted()) {
+        if (tc.tracking.type !== 'delete') {
+          continue
+        }
+        if (cursor < tc.range.start) {
+          content += this.content.slice(cursor, tc.range.start)
+        }
+        // skip the tracked change
+        cursor = tc.range.end
+      }
+    }
+    if (cursor < this.content.length) {
+      content += this.content.slice(cursor)
+    }
+    return content
+  }
+
+  /** @inheritdoc */
+  getByteLength() {
+    return Buffer.byteLength(this.content)
+  }
+
+  /** @inheritdoc */
+  getStringLength() {
+    return this.content.length
+  }
+
+  /**
+   * @inheritdoc
+   * @param {EditOperation} operation */
+  edit(operation) {
+    operation.apply(this)
+  }
+
+  /** @inheritdoc */
+  getComments() {
+    return this.comments
+  }
+
+  /** @inheritdoc */
+  getTrackedChanges() {
+    return this.trackedChanges
+  }
+
+  /**
+   * @inheritdoc
+   * @returns {Promise<StringFileData>}
+   */
+  async toEager() {
+    return this
+  }
+
+  /** @inheritdoc */
+  async toHollow() {
+    return FileData.createHollow(this.getByteLength(), this.getStringLength())
+  }
+
+  /**
+   * @inheritdoc
+   * @param {BlobStore} blobStore
+   * @return {Promise<RawFileData>}
+   */
+  async store(blobStore) {
+    const blob = await blobStore.putString(this.content)
+    if (this.comments.comments.size || this.trackedChanges.length) {
+      /** @type {RangesBlob} */
+      const ranges = {
+        comments: this.getComments().toRaw(),
+        trackedChanges: this.trackedChanges.toRaw(),
+      }
+      const rangesBlob = await blobStore.putObject(ranges)
+      return { hash: blob.getHash(), rangesHash: rangesBlob.getHash() }
+    }
+    return { hash: blob.getHash() }
+  }
+}
+
+module.exports = StringFileData
diff --git a/libraries/overleaf-editor-core/lib/file_data/tracked_change.js b/libraries/overleaf-editor-core/lib/file_data/tracked_change.js
new file mode 100644
index 0000000..d0e6517
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/file_data/tracked_change.js
@@ -0,0 +1,89 @@
+// @ts-check
+const Range = require('../range')
+const TrackingProps = require('./tracking_props')
+
+/**
+ * @import { TrackedChangeRawData } from "../types"
+ */
+
+class TrackedChange {
+  /**
+   * @param {Range} range
+   * @param {TrackingProps} tracking
+   */
+  constructor(range, tracking) {
+    /**
+     * @readonly
+     * @type {Range}
+     */
+    this.range = range
+    /**
+     * @readonly
+     * @type {TrackingProps}
+     */
+    this.tracking = tracking
+  }
+
+  /**
+   *
+   * @param {TrackedChangeRawData} raw
+   * @returns {TrackedChange}
+   */
+  static fromRaw(raw) {
+    return new TrackedChange(
+      Range.fromRaw(raw.range),
+      TrackingProps.fromRaw(raw.tracking)
+    )
+  }
+
+  /**
+   * @returns {TrackedChangeRawData}
+   */
+  toRaw() {
+    return {
+      range: this.range.toRaw(),
+      tracking: this.tracking.toRaw(),
+    }
+  }
+
+  /**
+   * Checks whether the tracked change can be merged with another
+   * @param {TrackedChange} other
+   * @returns {boolean}
+   */
+  canMerge(other) {
+    if (!(other instanceof TrackedChange)) {
+      return false
+    }
+    return (
+      this.tracking.type === other.tracking.type &&
+      this.tracking.userId === other.tracking.userId &&
+      this.range.touches(other.range) &&
+      this.range.canMerge(other.range)
+    )
+  }
+
+  /**
+   * Merges another tracked change into this, updating the range and tracking
+   * timestamp
+   * @param {TrackedChange} other
+   * @returns {TrackedChange}
+   */
+  merge(other) {
+    if (!this.canMerge(other)) {
+      throw new Error('Cannot merge tracked changes')
+    }
+    return new TrackedChange(
+      this.range.merge(other.range),
+      new TrackingProps(
+        this.tracking.type,
+        this.tracking.userId,
+        this.tracking.ts.getTime() > other.tracking.ts.getTime()
+          ? this.tracking.ts
+          : other.tracking.ts
+      )
+    )
+  }
+}
+
+module.exports = TrackedChange
diff --git a/libraries/overleaf-editor-core/lib/file_data/tracked_change_list.js b/libraries/overleaf-editor-core/lib/file_data/tracked_change_list.js
new file mode 100644
index 0000000..263b37a
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/file_data/tracked_change_list.js
@@ -0,0 +1,276 @@
+// @ts-check
+const Range = require('../range')
+const TrackedChange = require('./tracked_change')
+const TrackingProps = require('../file_data/tracking_props')
+
+/**
+ * @import { TrackingDirective, TrackedChangeRawData } from "../types"
+ */
+
+class TrackedChangeList {
+  /**
+   *
+   * @param {TrackedChange[]} trackedChanges
+   */
+  constructor(trackedChanges) {
+    /**
+     * @type {TrackedChange[]}
+     */
+    this._trackedChanges = trackedChanges
+  }
+
+  /**
+   *
+   * @param {TrackedChangeRawData[]} raw
+   * @returns {TrackedChangeList}
+   */
+  static fromRaw(raw) {
+    return new TrackedChangeList(raw.map(TrackedChange.fromRaw))
+  }
+
+  /**
+   * Converts the tracked changes to a raw object
+   * @returns {TrackedChangeRawData[]}
+   */
+  toRaw() {
+    return this._trackedChanges.map(change => change.toRaw())
+  }
+
+  get length() {
+    return this._trackedChanges.length
+  }
+
+  /**
+   * @returns {readonly TrackedChange[]}
+   */
+  asSorted() {
+    // NOTE: Once all code dependent on this is typed, we can just return
+    // _trackedChanges.
+    return Array.from(this._trackedChanges)
+  }
+
+  /**
+   * Returns the tracked changes that are fully included in the range
+   * @param {Range} range
+   * @returns {TrackedChange[]}
+   */
+  inRange(range) {
+    return this._trackedChanges.filter(change => range.contains(change.range))
+  }
+
+  /**
+   * Returns the tracking props for a given range.
+   * @param {Range} range
+   * @returns {TrackingProps | undefined}
+   */
+  propsAtRange(range) {
+    return this._trackedChanges.find(change => change.range.contains(range))
+      ?.tracking
+  }
+
+  /**
+   * Removes the tracked changes that are fully included in the range
+   * @param {Range} range
+   */
+  removeInRange(range) {
+    this._trackedChanges = this._trackedChanges.filter(
+      change => !range.contains(change.range)
+    )
+  }
+
+  /**
+   * Adds a tracked change to the list
+   * @param {TrackedChange} trackedChange
+   */
+  add(trackedChange) {
+    this._trackedChanges.push(trackedChange)
+    this._mergeRanges()
+  }
+
+  /**
+   * Collapses consecutive (and compatible) ranges
+   * @returns {void}
+   */
+  _mergeRanges() {
+    if (this._trackedChanges.length < 2) {
+      return
+    }
+    // ranges are non-overlapping so we can sort based on their first indices
+    this._trackedChanges.sort((a, b) => a.range.start - b.range.start)
+    const newTrackedChanges = [this._trackedChanges[0]]
+    for (let i = 1; i < this._trackedChanges.length; i++) {
+      const last = newTrackedChanges[newTrackedChanges.length - 1]
+      const current = this._trackedChanges[i]
+      if (last.range.overlaps(current.range)) {
+        throw new Error('Ranges cannot overlap')
+      }
+      if (current.range.isEmpty()) {
+        throw new Error('Tracked changes range cannot be empty')
+      }
+      if (last.canMerge(current)) {
+        newTrackedChanges[newTrackedChanges.length - 1] = last.merge(current)
+      } else {
+        newTrackedChanges.push(current)
+      }
+    }
+    this._trackedChanges = newTrackedChanges
+  }
+
+  /**
+   *
+   * @param {number} cursor
+   * @param {string} insertedText
+   * @param {{tracking?: TrackingProps}} opts
+   */
+  applyInsert(cursor, insertedText, opts = {}) {
+    const newTrackedChanges = []
+    for (const trackedChange of this._trackedChanges) {
+      if (
+        // If the cursor is before or at the insertion point, we need to move
+        // the tracked change
+        trackedChange.range.startIsAfter(cursor) ||
+        cursor === trackedChange.range.start
+      ) {
+        newTrackedChanges.push(
+          new TrackedChange(
+            trackedChange.range.moveBy(insertedText.length),
+            trackedChange.tracking
+          )
+        )
+      } else if (cursor === trackedChange.range.end) {
+        // The insertion is at the end of the tracked change. So we don't need
+        // to move it.
+        newTrackedChanges.push(trackedChange)
+      } else if (trackedChange.range.containsCursor(cursor)) {
+        // If the tracked change is in the inserted text, we need to expand it
+        // split in three chunks. The middle one is added if it is a tracked insertion
+        const [firstRange, , thirdRange] = trackedChange.range.insertAt(
+          cursor,
+          insertedText.length
+        )
+        const firstPart = new TrackedChange(firstRange, trackedChange.tracking)
+        if (!firstPart.range.isEmpty()) {
+          newTrackedChanges.push(firstPart)
+        }
+        // second part will be added at the end if it is a tracked insertion
+        const thirdPart = new TrackedChange(thirdRange, trackedChange.tracking)
+        if (!thirdPart.range.isEmpty()) {
+          newTrackedChanges.push(thirdPart)
+        }
+      } else {
+        newTrackedChanges.push(trackedChange)
+      }
+    }
+
+    if (opts.tracking) {
+      // This is a new tracked change
+      const newTrackedChange = new TrackedChange(
+        new Range(cursor, insertedText.length),
+        opts.tracking
+      )
+      newTrackedChanges.push(newTrackedChange)
+    }
+    this._trackedChanges = newTrackedChanges
+    this._mergeRanges()
+  }
+
+  /**
+   *
+   * @param {number} cursor
+   * @param {number} length
+   */
+  applyDelete(cursor, length) {
+    const newTrackedChanges = []
+    for (const trackedChange of this._trackedChanges) {
+      const deletedRange = new Range(cursor, length)
+      // If the tracked change is after the deletion, we need to move it
+      if (deletedRange.contains(trackedChange.range)) {
+        continue
+      } else if (deletedRange.overlaps(trackedChange.range)) {
+        const newRange = trackedChange.range.subtract(deletedRange)
+        if (!newRange.isEmpty()) {
+          newTrackedChanges.push(
+            new TrackedChange(newRange, trackedChange.tracking)
+          )
+        }
+      } else if (trackedChange.range.startIsAfter(cursor)) {
+        newTrackedChanges.push(
+          new TrackedChange(
+            trackedChange.range.moveBy(-length),
+            trackedChange.tracking
+          )
+        )
+      } else {
+        newTrackedChanges.push(trackedChange)
+      }
+    }
+    this._trackedChanges = newTrackedChanges
+    this._mergeRanges()
+  }
+
+  /**
+   * @param {number} cursor
+   * @param {number} length
+   * @param {{tracking?: TrackingDirective}} opts
+   */
+  applyRetain(cursor, length, opts = {}) {
+    // If there's no tracking info, leave everything as-is
+    if (!opts.tracking) {
+      return
+    }
+    const newTrackedChanges = []
+    const retainedRange = new Range(cursor, length)
+    for (const trackedChange of this._trackedChanges) {
+      if (retainedRange.contains(trackedChange.range)) {
+        // Remove the range
+      } else if (retainedRange.overlaps(trackedChange.range)) {
+        if (trackedChange.range.contains(retainedRange)) {
+          const [leftRange, rightRange] = trackedChange.range.splitAt(cursor)
+          if (!leftRange.isEmpty()) {
+            newTrackedChanges.push(
+              new TrackedChange(leftRange, trackedChange.tracking)
+            )
+          }
+          if (!rightRange.isEmpty() && rightRange.length > length) {
+            newTrackedChanges.push(
+              new TrackedChange(
+                rightRange.moveBy(length).shrinkBy(length),
+                trackedChange.tracking
+              )
+            )
+          }
+        } else if (retainedRange.start <= trackedChange.range.start) {
+          // overlaps to the left
+          const [, reducedRange] = trackedChange.range.splitAt(
+            retainedRange.end
+          )
+          if (!reducedRange.isEmpty()) {
+            newTrackedChanges.push(
+              new TrackedChange(reducedRange, trackedChange.tracking)
+            )
+          }
+        } else {
+          // overlaps to the right
+          const [reducedRange] = trackedChange.range.splitAt(cursor)
+          if (!reducedRange.isEmpty()) {
+            newTrackedChanges.push(
+              new TrackedChange(reducedRange, trackedChange.tracking)
+            )
+          }
+        }
+      } else {
+        // keep the range
+        newTrackedChanges.push(trackedChange)
+      }
+    }
+    if (opts.tracking instanceof TrackingProps) {
+      // This is a new tracked change
+      const newTrackedChange = new TrackedChange(retainedRange, opts.tracking)
+      newTrackedChanges.push(newTrackedChange)
+    }
+    this._trackedChanges = newTrackedChanges
+    this._mergeRanges()
+  }
+}
+
+module.exports = TrackedChangeList
diff --git a/libraries/overleaf-editor-core/lib/file_data/tracking_props.js b/libraries/overleaf-editor-core/lib/file_data/tracking_props.js
new file mode 100644
index 0000000..75ec95c
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/file_data/tracking_props.js
@@ -0,0 +1,67 @@
+// @ts-check
+/**
+ * @import { TrackingPropsRawData, TrackingDirective } from "../types"
+ */
+
+class TrackingProps {
+  /**
+   *
+   * @param {'insert' | 'delete'} type
+   * @param {string} userId
+   * @param {Date} ts
+   */
+  constructor(type, userId, ts) {
+    /**
+     * @readonly
+     * @type {'insert' | 'delete'}
+     */
+    this.type = type
+    /**
+     * @readonly
+     * @type {string}
+     */
+    this.userId = userId
+    /**
+     * @readonly
+     * @type {Date}
+     */
+    this.ts = ts
+  }
+
+  /**
+   *
+   * @param {TrackingPropsRawData} raw
+   * @returns {TrackingProps}
+   */
+  static fromRaw(raw) {
+    return new TrackingProps(raw.type, raw.userId, new Date(raw.ts))
+  }
+
+  /**
+   * @returns {TrackingPropsRawData}
+   */
+  toRaw() {
+    return {
+      type: this.type,
+      userId: this.userId,
+      ts: this.ts.toISOString(),
+    }
+  }
+
+  /**
+   * @param {TrackingDirective} [other]
+   * @returns {boolean}
+   */
+  equals(other) {
+    if (!(other instanceof TrackingProps)) {
+      return false
+    }
+    return (
+      this.type === other.type &&
+      this.userId === other.userId &&
+      this.ts.getTime() === other.ts.getTime()
+    )
+  }
+}
+
+module.exports = TrackingProps
diff --git a/libraries/overleaf-editor-core/lib/file_map.js b/libraries/overleaf-editor-core/lib/file_map.js
new file mode 100644
index 0000000..4412319
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/file_map.js
@@ -0,0 +1,390 @@
+// @ts-check
+'use strict'
+
+const _ = require('lodash')
+const assert = require('check-types').assert
+const OError = require('@overleaf/o-error')
+const pMap = require('p-map')
+
+const File = require('./file')
+const safePathname = require('./safe_pathname')
+
+/**
+ * @import { RawFile, RawFileMap } from './types'
+ *
+ * @typedef {Record<String, File | null>} FileMapData
+ */
+
+class PathnameError extends OError {}
+
+class NonUniquePathnameError extends PathnameError {
+  /**
+   * @param {string[]} pathnames
+   */
+  constructor(pathnames) {
+    super('pathnames are not unique', { pathnames })
+    this.pathnames = pathnames
+  }
+}
+
+class BadPathnameError extends PathnameError {
+  /**
+   * @param {string} pathname
+   * @param {string} reason
+   */
+  constructor(pathname, reason) {
+    if (pathname.length > 10) {
+      pathname = pathname.slice(0, 5) + '...' + pathname.slice(-5)
+    }
+    super('invalid pathname', { reason, pathname })
+    this.pathname = pathname
+  }
+}
+
+class PathnameConflictError extends PathnameError {
+  /**
+   * @param {string} pathname
+   */
+  constructor(pathname) {
+    super('pathname conflicts with another file', { pathname })
+    this.pathname = pathname
+  }
+}
+
+class FileNotFoundError extends PathnameError {
+  /**
+   * @param {string} pathname
+   */
+  constructor(pathname) {
+    super('file does not exist', { pathname })
+    this.pathname = pathname
+  }
+}
+
+/**
+ * A set of {@link File}s. Several properties are enforced on the pathnames:
+ *
+ * 1. File names and paths are case sensitive and can differ by case alone. This
+ * is consistent with most Linux file systems, but it is not consistent with
+ * Windows or OS X. Ideally, we would be case-preserving and case insensitive,
+ * like they are. And we used to be, but it caused too many incompatibilities
+ * with the old system, which was case sensitive. See
+ * https://github.com/overleaf/overleaf-ot-prototype/blob/
+ *   19ed046c09f5a4d14fa12b3ea813ce0d977af88a/editor/core/lib/file_map.js
+ * for an implementation of this map with those properties.
+ *
+ * 2. Uniqueness: No two pathnames are the same.
+ *
+ * 3. No type conflicts: A pathname cannot refer to both a file and a directory
+ * within the same snapshot. That is, you can't have pathnames `a` and `a/b` in
+ * the same file map; {@see FileMap#wouldConflict}.
+ */
+class FileMap {
+  static PathnameError = PathnameError
+  static NonUniquePathnameError = NonUniquePathnameError
+  static BadPathnameError = BadPathnameError
+  static PathnameConflictError = PathnameConflictError
+  static FileNotFoundError = FileNotFoundError
+
+  /**
+   * @param {Record<String, File | null>} files
+   */
+  constructor(files) {
+    // create bare object for use as Map
+    // http://ryanmorr.com/true-hash-maps-in-javascript/
+    /** @type FileMapData */
+    this.files = Object.create(null)
+    _.assign(this.files, files)
+    checkPathnamesAreUnique(this.files)
+    checkPathnamesDoNotConflict(this)
+  }
+
+  /**
+   * @param {RawFileMap} raw
+   * @returns {FileMap}
+   */
+  static fromRaw(raw) {
+    assert.object(raw, 'bad raw files')
+    return new FileMap(_.mapValues(raw, File.fromRaw))
+  }
+
+  /**
+   * Convert to raw object for serialization.
+   *
+   * @return {RawFileMap}
+   */
+  toRaw() {
+    /**
+     * @param {File} file
+     * @return {RawFile}
+     */
+    function fileToRaw(file) {
+      return file.toRaw()
+    }
+    // TODO(das7pad): refine types to enforce no nulls in FileMapData
+    // @ts-ignore
+    return _.mapValues(this.files, fileToRaw)
+  }
+
+  /**
+   * Create the given file.
+   *
+   * @param {string} pathname
+   * @param {File} file
+   */
+  addFile(pathname, file) {
+    checkPathname(pathname)
+    assert.object(file, 'bad file')
+    // TODO(das7pad): make ignoredPathname argument fully optional
+    // @ts-ignore
+    checkNewPathnameDoesNotConflict(this, pathname)
+    addFile(this.files, pathname, file)
+  }
+
+  /**
+   * Remove the given file.
+   *
+   * @param {string} pathname
+   */
+  removeFile(pathname) {
+    checkPathname(pathname)
+
+    const key = findPathnameKey(this.files, pathname)
+    if (!key) {
+      throw new FileMap.FileNotFoundError(pathname)
+    }
+    delete this.files[key]
+  }
+
+  /**
+   * Move or remove a file. If the origin file does not exist, or if the old
+   * and new paths are identical, this has no effect.
+   *
+   * @param {string} pathname
+   * @param {string} newPathname if a blank string, {@link FileMap#removeFile}
+   */
+  moveFile(pathname, newPathname) {
+    if (pathname === newPathname) return
+    if (newPathname === '') return this.removeFile(pathname)
+    checkPathname(pathname)
+    checkPathname(newPathname)
+    checkNewPathnameDoesNotConflict(this, newPathname, pathname)
+
+    const key = findPathnameKey(this.files, pathname)
+    if (!key) {
+      throw new FileMap.FileNotFoundError(pathname)
+    }
+    const file = this.files[key]
+    delete this.files[key]
+
+    addFile(this.files, newPathname, file)
+  }
+
+  /**
+   * The number of files in the file map.
+   *
+   * @return {number}
+   */
+  countFiles() {
+    return _.size(this.files)
+  }
+
+  /**
+   * Get a file by its pathname.
+   *
+   * @param {string} pathname
+   * @return {File | null | undefined}
+   */
+  getFile(pathname) {
+    const key = findPathnameKey(this.files, pathname)
+    if (key) return this.files[key]
+  }
+
+  /**
+   * Whether the given pathname conflicts with any file in the map.
+   *
+   * Paths conflict in type if one path is a strict prefix of the other path. For
+   * example, 'a/b' conflicts with 'a', because in the former case 'a' is a
+   * folder, but in the latter case it is a file. Similarly, the pathname 'a/b/c'
+   * conflicts with 'a' and 'a/b', but it does not conflict with 'a/b/c', 'a/x',
+   * or 'a/b/x'. (In our case, identical paths don't conflict, because AddFile
+   * and MoveFile overwrite existing files.)
+   *
+   * @param {string} pathname
+   * @param {string?} ignoredPathname pretend this pathname does not exist
+   */
+  wouldConflict(pathname, ignoredPathname) {
+    checkPathname(pathname)
+    assert.maybe.string(ignoredPathname)
+    const pathnames = this.getPathnames()
+    const dirname = pathname + '/'
+    // Check the filemap to see whether the supplied pathname is a
+    // parent of any entry, or any entry is a parent of the pathname.
+    for (let i = 0; i < pathnames.length; i++) {
+      // First check if pathname is a strict prefix of pathnames[i] (and that
+      // pathnames[i] is not ignored)
+      if (
+        pathnames[i].startsWith(dirname) &&
+        !pathnamesEqual(pathnames[i], ignoredPathname)
+      ) {
+        return true
+      }
+      // Now make the reverse check, whether pathnames[i] is a strict prefix of
+      // pathname. To avoid expensive string concatenation on each pathname we
+      // first perform a partial check with a.startsWith(b), and then do the
+      // full check for a subsequent '/' if this passes.  This saves about 25%
+      // of the runtime.  Again only return a conflict if pathnames[i] is not
+      // ignored.
+      if (
+        pathname.startsWith(pathnames[i]) &&
+        pathname.length > pathnames[i].length &&
+        pathname[pathnames[i].length] === '/' &&
+        !pathnamesEqual(pathnames[i], ignoredPathname)
+      ) {
+        return true
+      }
+    }
+    // No conflicts - after excluding ignoredPathname, there were no entries
+    // which were a strict prefix of pathname, and pathname was not a strict
+    // prefix of any entry.
+    return false
+  }
+
+  /** @see Snapshot#getFilePathnames */
+  getPathnames() {
+    return _.keys(this.files)
+  }
+
+  /**
+   * Map the files in this map to new values.
+   * @template T
+   * @param {(file: File | null, path: string) => T} iteratee
+   * @return {Record<String, T>}
+   */
+  map(iteratee) {
+    return _.mapValues(this.files, iteratee)
+  }
+
+  /**
+   * Map the files in this map to new values asynchronously, with an optional
+   * limit on concurrency.
+   * @template T
+   * @param {(file: File | null | undefined, path: string, pathnames: string[]) => T} iteratee
+   * @param {number} [concurrency]
+   * @return {Promise<Record<String, T>>}
+   */
+  async mapAsync(iteratee, concurrency) {
+    assert.maybe.number(concurrency, 'bad concurrency')
+
+    const pathnames = this.getPathnames()
+    const files = await pMap(
+      pathnames,
+      file => {
+        return iteratee(this.getFile(file), file, pathnames)
+      },
+      { concurrency: concurrency || 1 }
+    )
+    return _.zipObject(pathnames, files)
+  }
+}
+
+/**
+ * @param {string} pathname0
+ * @param {string?} pathname1
+ * @returns {boolean}
+ */
+function pathnamesEqual(pathname0, pathname1) {
+  return pathname0 === pathname1
+}
+
+/**
+ * @param {FileMapData} files
+ * @returns {boolean}
+ */
+function pathnamesAreUnique(files) {
+  const keys = _.keys(files)
+  return _.uniqWith(keys, pathnamesEqual).length === keys.length
+}
+
+/**
+ * @param {FileMapData} files
+ */
+function checkPathnamesAreUnique(files) {
+  if (pathnamesAreUnique(files)) return
+  throw new FileMap.NonUniquePathnameError(_.keys(files))
+}
+
+/**
+ * @param {string} pathname
+ */
+function checkPathname(pathname) {
+  assert.nonEmptyString(pathname, 'bad pathname')
+  const [isClean, reason] = safePathname.isCleanDebug(pathname)
+  if (isClean) return
+  throw new FileMap.BadPathnameError(pathname, reason)
+}
+
+/**
+ * @param {FileMap} fileMap
+ * @param {string} pathname
+ * @param {string?} ignoredPathname
+ */
+function checkNewPathnameDoesNotConflict(fileMap, pathname, ignoredPathname) {
+  if (fileMap.wouldConflict(pathname, ignoredPathname)) {
+    throw new FileMap.PathnameConflictError(pathname)
+  }
+}
+
+/**
+ * @param {FileMap} fileMap
+ */
+function checkPathnamesDoNotConflict(fileMap) {
+  const pathnames = fileMap.getPathnames()
+  // check pathnames for validity first
+  pathnames.forEach(checkPathname)
+  // convert pathnames to candidate directory names
+  const dirnames = []
+  for (let i = 0; i < pathnames.length; i++) {
+    dirnames[i] = pathnames[i] + '/'
+  }
+  // sort in lexical order and check if one directory contains another
+  dirnames.sort()
+  for (let i = 0; i < dirnames.length - 1; i++) {
+    if (dirnames[i + 1].startsWith(dirnames[i])) {
+      // strip trailing slash to get original pathname
+      const conflictPathname = dirnames[i + 1].substr(0, -1)
+      throw new FileMap.PathnameConflictError(conflictPathname)
+    }
+  }
+}
+
+/**
+ * This function is somewhat vestigial: it was used when this map used
+ * case-insensitive pathname comparison. We could probably simplify some of the
+ * logic in the callers, but in the hope that we will one day return to
+ * case-insensitive semantics, we've just left things as-is for now.
+ *
+ * TODO(das7pad): In a followup, inline this function and make types stricter.
+ *
+ * @param {FileMapData} files
+ * @param {string} pathname
+ * @returns {string | undefined}
+ */
+function findPathnameKey(files, pathname) {
+  // we can check for the key without worrying about properties
+  // in the prototype because we are now using a bare object/
+  if (pathname in files) return pathname
+}
+
+/**
+ * @param {FileMapData} files
+ * @param {string} pathname
+ * @param {File?} file
+ */
+function addFile(files, pathname, file) {
+  const key = findPathnameKey(files, pathname)
+  if (key) delete files[key]
+  files[pathname] = file
+}
+
+module.exports = FileMap
diff --git a/libraries/overleaf-editor-core/lib/history.js b/libraries/overleaf-editor-core/lib/history.js
new file mode 100644
index 0000000..d9d1253
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/history.js
@@ -0,0 +1,135 @@
+'use strict'
+
+const assert = require('check-types').assert
+const pMap = require('p-map')
+
+const Change = require('./change')
+const Snapshot = require('./snapshot')
+
+/**
+ * @import { BlobStore } from "./types"
+ */
+
+class History {
+  /**
+   * @constructor
+   * @param {Snapshot} snapshot
+   * @param {Array.<Change>} changes
+   *
+   * @classdesc
+   * A History is a {@link Snapshot} and a sequence of {@link Change}s that can
+   * be applied to produce a new snapshot.
+   */
+  constructor(snapshot, changes) {
+    assert.instance(snapshot, Snapshot, 'bad snapshot')
+    assert.maybe.array.of.instance(changes, Change, 'bad changes')
+
+    this.snapshot = snapshot
+    /** @type {Array<Change>} */
+    this.changes = changes || []
+  }
+
+  static fromRaw(raw) {
+    return new History(
+      Snapshot.fromRaw(raw.snapshot),
+      raw.changes.map(Change.fromRaw)
+    )
+  }
+
+  toRaw() {
+    function changeToRaw(change) {
+      return change.toRaw()
+    }
+    return {
+      snapshot: this.snapshot.toRaw(),
+      changes: this.changes.map(changeToRaw),
+    }
+  }
+
+  getSnapshot() {
+    return this.snapshot
+  }
+
+  getChanges() {
+    return this.changes
+  }
+
+  countChanges() {
+    return this.changes.length
+  }
+
+  /**
+   * Add changes to this history.
+   *
+   * @param {Array.<Change>} changes
+   */
+  pushChanges(changes) {
+    this.changes.push.apply(this.changes, changes)
+  }
+
+  /**
+   * If this History references blob hashes, either in the Snapshot or the
+   * Changes, add them to the given set.
+   *
+   * @param  {Set.<String>} blobHashes
+   */
+  findBlobHashes(blobHashes) {
+    function findChangeBlobHashes(change) {
+      change.findBlobHashes(blobHashes)
+    }
+    this.snapshot.findBlobHashes(blobHashes)
+    this.changes.forEach(findChangeBlobHashes)
+  }
+
+  /**
+   * If this History contains any File objects, load them.
+   *
+   * @param {string} kind see {File#load}
+   * @param {BlobStore} blobStore
+   * @return {Promise<void>}
+   */
+  async loadFiles(kind, blobStore) {
+    async function loadChangeFiles(changes) {
+      for (const change of changes) {
+        await change.loadFiles(kind, blobStore)
+      }
+    }
+
+    await Promise.all([
+      this.snapshot.loadFiles(kind, blobStore),
+      loadChangeFiles(this.changes),
+    ])
+  }
+
+  /**
+   * Return a version of this history that is suitable for long term storage.
+   * This requires that we store the content of file objects in the provided
+   * blobStore.
+   *
+   * @param {BlobStore} blobStore
+   * @param {number} [concurrency] applies separately to files, changes and
+   *                               operations
+   * @return {Promise<import('overleaf-editor-core/lib/types').RawHistory>}
+   */
+  async store(blobStore, concurrency) {
+    assert.maybe.number(concurrency, 'bad concurrency')
+
+    /**
+     * @param {Change} change
+     */
+    async function storeChange(change) {
+      return await change.store(blobStore, concurrency)
+    }
+
+    const [rawSnapshot, rawChanges] = await Promise.all([
+      this.snapshot.store(blobStore, concurrency),
+      pMap(this.changes, storeChange, { concurrency: concurrency || 1 }),
+    ])
+    return {
+      snapshot: rawSnapshot,
+      changes: rawChanges,
+    }
+  }
+}
+
+module.exports = History
diff --git a/libraries/overleaf-editor-core/lib/label.js b/libraries/overleaf-editor-core/lib/label.js
new file mode 100644
index 0000000..958f758
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/label.js
@@ -0,0 +1,99 @@
+// @ts-check
+'use strict'
+
+const assert = require('check-types').assert
+
+/**
+ * @import { RawLabel } from './types'
+ */
+
+/**
+ * @classdesc
+ * A user-configurable label that can be attached to a specific change. Labels
+ * are not versioned, and they are not stored alongside the Changes in Chunks.
+ * They are instead intended to provide external markers into the history of the
+ * project.
+ */
+class Label {
+  /**
+   * @constructor
+   * @param {string} text
+   * @param {number?} authorId
+   * @param {Date} timestamp
+   * @param {number} version
+   */
+  constructor(text, authorId, timestamp, version) {
+    assert.string(text, 'bad text')
+    assert.maybe.integer(authorId, 'bad author id')
+    assert.date(timestamp, 'bad timestamp')
+    assert.integer(version, 'bad version')
+
+    this.text = text
+    this.authorId = authorId
+    this.timestamp = timestamp
+    this.version = version
+  }
+
+  /**
+   * Create a Label from its raw form.
+   *
+   * @param {RawLabel} raw
+   * @return {Label}
+   */
+  static fromRaw(raw) {
+    return new Label(
+      raw.text,
+      raw.authorId,
+      new Date(raw.timestamp),
+      raw.version
+    )
+  }
+
+  /**
+   * Convert the Label to raw form for transmission.
+   *
+   * @return {RawLabel}
+   */
+  toRaw() {
+    return {
+      text: this.text,
+      authorId: this.authorId,
+      timestamp: this.timestamp.toISOString(),
+      version: this.version,
+    }
+  }
+
+  /**
+   * @return {string}
+   */
+  getText() {
+    return this.text
+  }
+
+  /**
+   * The ID of the author, if any. Note that we now require all saved versions to
+   * have an author, but this was not always the case, so we have to allow nulls
+   * here for historical reasons.
+   *
+   * @return {number | null | undefined}
+   */
+  getAuthorId() {
+    return this.authorId
+  }
+
+  /**
+   * @return {Date}
+   */
+  getTimestamp() {
+    return this.timestamp
+  }
+
+  /**
+   * @return {number}
+   */
+  getVersion() {
+    return this.version
+  }
+}
+
+module.exports = Label
diff --git a/libraries/overleaf-editor-core/lib/operation/add_comment_operation.js b/libraries/overleaf-editor-core/lib/operation/add_comment_operation.js
new file mode 100644
index 0000000..9165d42
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/operation/add_comment_operation.js
@@ -0,0 +1,150 @@
+// @ts-check
+const core = require('../../index')
+const Comment = require('../comment')
+const Range = require('../range')
+const EditOperation = require('./edit_operation')
+
+/**
+ * @import DeleteCommentOperation from './delete_comment_operation'
+ * @import { CommentRawData, RawAddCommentOperation } from '../types'
+ * @import StringFileData from '../file_data/string_file_data'
+ */
+
+/**
+ * @extends EditOperation
+ */
+class AddCommentOperation extends EditOperation {
+  /**
+   * @param {string} commentId
+   * @param {ReadonlyArray<Range>} ranges
+   * @param {boolean} resolved
+   */
+  constructor(commentId, ranges, resolved = false) {
+    super()
+
+    for (const range of ranges) {
+      if (range.isEmpty()) {
+        throw new Error("AddCommentOperation can't be built with empty ranges")
+      }
+    }
+
+    /** @readonly */
+    this.commentId = commentId
+
+    /** @readonly */
+    this.ranges = ranges
+
+    /** @readonly */
+    this.resolved = resolved
+  }
+
+  /**
+   *
+   * @returns {RawAddCommentOperation}
+   */
+  toJSON() {
+    /** @type RawAddCommentOperation */
+    const raw = {
+      commentId: this.commentId,
+      ranges: this.ranges.map(range => range.toRaw()),
+    }
+    if (this.resolved) {
+      raw.resolved = true
+    }
+    return raw
+  }
+
+  /**
+   * @param {StringFileData} fileData
+   */
+  apply(fileData) {
+    fileData.comments.add(
+      new Comment(this.commentId, this.ranges, this.resolved)
+    )
+  }
+
+  /**
+   * @inheritdoc
+   * @param {StringFileData} previousState
+   * @returns {EditOperation}
+   */
+  invert(previousState) {
+    const comment = previousState.comments.getComment(this.commentId)
+    if (!comment) {
+      return new core.DeleteCommentOperation(this.commentId)
+    }
+
+    return new core.AddCommentOperation(
+      comment.id,
+      comment.ranges.slice(),
+      comment.resolved
+    )
+  }
+
+  /**
+   * @inheritdoc
+   * @param {EditOperation} other
+   * @returns {boolean}
+   */
+  canBeComposedWith(other) {
+    return (
+      (other instanceof AddCommentOperation &&
+        this.commentId === other.commentId) ||
+      (other instanceof core.DeleteCommentOperation &&
+        this.commentId === other.commentId) ||
+      (other instanceof core.SetCommentStateOperation &&
+        this.commentId === other.commentId)
+    )
+  }
+
+  /**
+   * @inheritdoc
+   * @param {EditOperation} other
+   * @returns {EditOperation}
+   */
+  compose(other) {
+    if (
+      other instanceof core.DeleteCommentOperation &&
+      other.commentId === this.commentId
+    ) {
+      return other
+    }
+
+    if (
+      other instanceof AddCommentOperation &&
+      other.commentId === this.commentId
+    ) {
+      return other
+    }
+
+    if (
+      other instanceof core.SetCommentStateOperation &&
+      other.commentId === this.commentId
+    ) {
+      return new AddCommentOperation(
+        this.commentId,
+        this.ranges,
+        other.resolved
+      )
+    }
+
+    throw new Error(
+      `Trying to compose AddCommentOperation with ${other?.constructor?.name}.`
+    )
+  }
+
+  /**
+   * @inheritdoc
+   * @param {RawAddCommentOperation} raw
+   * @returns {AddCommentOperation}
+   */
+  static fromJSON(raw) {
+    return new AddCommentOperation(
+      raw.commentId,
+      raw.ranges.map(Range.fromRaw),
+      raw.resolved ?? false
+    )
+  }
+}
+
+module.exports = AddCommentOperation
diff --git a/libraries/overleaf-editor-core/lib/operation/add_file_operation.js b/libraries/overleaf-editor-core/lib/operation/add_file_operation.js
new file mode 100644
index 0000000..8b4b014
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/operation/add_file_operation.js
@@ -0,0 +1,78 @@
+'use strict'
+
+const assert = require('check-types').assert
+
+const File = require('../file')
+const Operation = require('./')
+
+/**
+ * Adds a new file to a project.
+ */
+class AddFileOperation extends Operation {
+  /**
+   * @param {string} pathname
+   * @param {File} file
+   */
+  constructor(pathname, file) {
+    super()
+    assert.string(pathname, 'bad pathname')
+    assert.object(file, 'bad file')
+
+    this.pathname = pathname
+    this.file = file
+  }
+
+  /**
+   * @return {String}
+   */
+  getPathname() {
+    return this.pathname
+  }
+
+  /**
+   * TODO
+   * @param  {Object} raw
+   * @return {AddFileOperation}
+   */
+  static fromRaw(raw) {
+    return new AddFileOperation(raw.pathname, File.fromRaw(raw.file))
+  }
+
+  /**
+   * @inheritdoc
+   */
+  toRaw() {
+    return { pathname: this.pathname, file: this.file.toRaw() }
+  }
+
+  /**
+   * @inheritdoc
+   */
+  getFile() {
+    return this.file
+  }
+
+  /** @inheritdoc */
+  findBlobHashes(blobHashes) {
+    const hash = this.file.getHash()
+    if (hash) blobHashes.add(hash)
+  }
+
+  /** @inheritdoc */
+  async loadFiles(kind, blobStore) {
+    return await this.file.load(kind, blobStore)
+  }
+
+  async store(blobStore) {
+    const rawFile = await this.file.store(blobStore)
+    return { pathname: this.pathname, file: rawFile }
+  }
+
+  /**
+   * @inheritdoc
+   */
+  applyTo(snapshot) {
+    snapshot.addFile(this.pathname, this.file.clone())
+  }
+}
+module.exports = AddFileOperation
diff --git a/libraries/overleaf-editor-core/lib/operation/delete_comment_operation.js b/libraries/overleaf-editor-core/lib/operation/delete_comment_operation.js
new file mode 100644
index 0000000..4f4a457
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/operation/delete_comment_operation.js
@@ -0,0 +1,70 @@
+// @ts-check
+const core = require('../../index')
+const EditNoOperation = require('./edit_no_operation')
+const EditOperation = require('./edit_operation')
+
+/**
+ * @import AddCommentOperation from './add_comment_operation'
+ * @import StringFileData from '../file_data/string_file_data'
+ * @import { RawDeleteCommentOperation } from '../types'
+ */
+
+/**
+ * @extends EditOperation
+ */
+class DeleteCommentOperation extends EditOperation {
+  /**
+   * @param {string} commentId
+   */
+  constructor(commentId) {
+    super()
+    this.commentId = commentId
+  }
+
+  /**
+   * @inheritdoc
+   * @returns {RawDeleteCommentOperation}
+   */
+  toJSON() {
+    return {
+      deleteComment: this.commentId,
+    }
+  }
+
+  /**
+   * @inheritdoc
+   * @param {StringFileData} fileData
+   */
+  apply(fileData) {
+    fileData.comments.delete(this.commentId)
+  }
+
+  /**
+   * @inheritdoc
+   * @param {StringFileData} previousState
+   * @returns {AddCommentOperation | EditNoOperation}
+   */
+  invert(previousState) {
+    const comment = previousState.comments.getComment(this.commentId)
+    if (!comment) {
+      return new EditNoOperation()
+    }
+
+    return new core.AddCommentOperation(
+      comment.id,
+      comment.ranges.slice(),
+      comment.resolved
+    )
+  }
+
+  /**
+   * @inheritdoc
+   * @param {RawDeleteCommentOperation} raw
+   * @returns {DeleteCommentOperation}
+   */
+  static fromJSON(raw) {
+    return new DeleteCommentOperation(raw.deleteComment)
+  }
+}
+
+module.exports = DeleteCommentOperation
diff --git a/libraries/overleaf-editor-core/lib/operation/edit_file_operation.js b/libraries/overleaf-editor-core/lib/operation/edit_file_operation.js
new file mode 100644
index 0000000..8505b8a
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/operation/edit_file_operation.js
@@ -0,0 +1,105 @@
+// @ts-check
+'use strict'
+/**
+ * @import EditOperation from './edit_operation'
+ * @import { RawEditFileOperation } from '../types'
+ * @import Snapshot from "../snapshot"
+ */
+
+const Operation = require('./')
+const EditOperationBuilder = require('./edit_operation_builder')
+
+/**
+ * Edit a file in place. It is a wrapper around a single EditOperation.
+ */
+class EditFileOperation extends Operation {
+  /**
+   * @param {string} pathname
+   * @param {EditOperation} operation
+   */
+  constructor(pathname, operation) {
+    super()
+    this.pathname = pathname
+    this.operation = operation
+  }
+
+  /**
+   * @inheritdoc
+   */
+  toRaw() {
+    return {
+      pathname: this.pathname,
+      ...this.operation.toJSON(),
+    }
+  }
+
+  /**
+   * Deserialize an EditFileOperation.
+   *
+   * @param {RawEditFileOperation} raw
+   * @return {EditFileOperation}
+   */
+  static fromRaw(raw) {
+    return new EditFileOperation(
+      raw.pathname,
+      EditOperationBuilder.fromJSON(raw)
+    )
+  }
+
+  getPathname() {
+    return this.pathname
+  }
+
+  getOperation() {
+    return this.operation
+  }
+
+  /**
+   * @inheritdoc
+   * @param {Snapshot} snapshot
+   */
+  applyTo(snapshot) {
+    // TODO(das7pad): can we teach typescript our polymorphism?
+    // @ts-ignore
+    snapshot.editFile(this.pathname, this.operation)
+  }
+
+  /**
+   * @inheritdoc
+   * @param {Operation} other
+   * @return {boolean}
+   */
+  canBeComposedWithForUndo(other) {
+    return (
+      this.canBeComposedWith(other) &&
+      this.operation.canBeComposedWithForUndo(other.operation)
+    )
+  }
+
+  /**
+   * @inheritdoc
+   * @param {Operation} other
+   * @return {other is EditFileOperation}
+   */
+  canBeComposedWith(other) {
+    // Ensure that other operation is an edit file operation
+    if (!(other instanceof EditFileOperation)) return false
+    // Ensure that both operations are editing the same file
+    if (this.getPathname() !== other.getPathname()) return false
+
+    return this.operation.canBeComposedWith(other.operation)
+  }
+
+  /**
+   * @inheritdoc
+   * @param {EditFileOperation} other
+   */
+  compose(other) {
+    return new EditFileOperation(
+      this.pathname,
+      this.operation.compose(other.operation)
+    )
+  }
+}
+
+module.exports = EditFileOperation
diff --git a/libraries/overleaf-editor-core/lib/operation/edit_no_operation.js b/libraries/overleaf-editor-core/lib/operation/edit_no_operation.js
new file mode 100644
index 0000000..81eae0d
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/operation/edit_no_operation.js
@@ -0,0 +1,29 @@
+const EditOperation = require('./edit_operation')
+
+/**
+ * @import { RawEditNoOperation } from '../types'
+ */
+
+class EditNoOperation extends EditOperation {
+  /**
+   * @inheritdoc
+   * @param {StringFileData} fileData
+   */
+  apply(fileData) {}
+
+  /**
+   * @inheritdoc
+   * @returns {RawEditNoOperation}
+   */
+  toJSON() {
+    return {
+      noOp: true,
+    }
+  }
+
+  static fromJSON() {
+    return new EditNoOperation()
+  }
+}
+
+module.exports = EditNoOperation
diff --git a/libraries/overleaf-editor-core/lib/operation/edit_operation.js b/libraries/overleaf-editor-core/lib/operation/edit_operation.js
new file mode 100644
index 0000000..5058bb0
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/operation/edit_operation.js
@@ -0,0 +1,91 @@
+// @ts-check
+/**
+ * @import FileData from '../file_data'
+ * @import { RawEditOperation } from '../types'
+ */
+
+class EditOperation {
+  constructor() {
+    if (this.constructor === EditOperation) {
+      throw new Error('Cannot instantiate abstract class')
+    }
+  }
+
+  /**
+   * Converts operation into a JSON value.
+   * @returns {RawEditOperation}
+   */
+  toJSON() {
+    throw new Error('Abstract method not implemented')
+  }
+
+  /**
+   * @abstract
+   * @param {FileData} fileData
+   */
+  apply(fileData) {
+    throw new Error('Abstract method not implemented')
+  }
+
+  /**
+   * Determine the effect of this operation on the length of the text.
+   *
+   * NB: This is an Overleaf addition to the original OT system.
+   *
+   * @param {number} length of the original string; non-negative
+   * @return {number} length of the new string; non-negative
+   */
+  applyToLength(length) {
+    return length
+  }
+
+  /**
+   * Computes the inverse of an operation. The inverse of an operation is the
+   * operation that reverts the effects of the operation, e.g. when you have an
+   * operation 'insert("hello "); skip(6);' then the inverse is 'remove("hello ");
+   * skip(6);'. The inverse should be used for implementing undo.
+   * @param {FileData} previousState
+   * @returns {EditOperation}
+   */
+  invert(previousState) {
+    throw new Error('Abstract method not implemented')
+  }
+
+  /**
+   *
+   * @param {EditOperation} other
+   * @returns {boolean}
+   */
+  canBeComposedWith(other) {
+    return false
+  }
+
+  /**
+   * When you use ctrl-z to undo your latest changes, you expect the program not
+   * to undo every single keystroke but to undo your last sentence you wrote at
+   * a stretch or the deletion you did by holding the backspace key down. This
+   * This can be implemented by composing operations on the undo stack. This
+   * method can help decide whether two operations should be composed. It
+   * returns true if the operations are consecutive insert operations or both
+   * operations delete text at the same position. You may want to include other
+   * factors like the time since the last change in your decision.
+   * @param {EditOperation} other
+   */
+  canBeComposedWithForUndo(other) {
+    return false
+  }
+
+  /**
+   * Compose merges two consecutive operations into one operation, that
+   * preserves the changes of both. Or, in other words, for each input string S
+   * and a pair of consecutive operations A and B,
+   * apply(apply(S, A), B) = apply(S, compose(A, B)) must hold.
+   * @param {EditOperation} other
+   * @returns {EditOperation}
+   */
+  compose(other) {
+    throw new Error('Abstract method not implemented')
+  }
+}
+
+module.exports = EditOperation
diff --git a/libraries/overleaf-editor-core/lib/operation/edit_operation_builder.js b/libraries/overleaf-editor-core/lib/operation/edit_operation_builder.js
new file mode 100644
index 0000000..febdebc
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/operation/edit_operation_builder.js
@@ -0,0 +1,93 @@
+// @ts-check
+
+/**
+ * @import EditOperation from './edit_operation'
+ * @import { RawTextOperation, RawAddCommentOperation, RawEditOperation } from '../types'
+ * @import { RawDeleteCommentOperation, RawSetCommentStateOperation } from '../types'
+ */
+
+const DeleteCommentOperation = require('./delete_comment_operation')
+const AddCommentOperation = require('./add_comment_operation')
+const TextOperation = require('./text_operation')
+const SetCommentStateOperation = require('./set_comment_state_operation')
+const EditNoOperation = require('./edit_no_operation')
+
+class EditOperationBuilder {
+  /**
+   *
+   * @param {RawEditOperation} raw
+   * @returns {EditOperation}
+   */
+  static fromJSON(raw) {
+    if (isTextOperation(raw)) {
+      return TextOperation.fromJSON(raw)
+    }
+    if (isRawAddCommentOperation(raw)) {
+      return AddCommentOperation.fromJSON(raw)
+    }
+    if (isRawDeleteCommentOperation(raw)) {
+      return DeleteCommentOperation.fromJSON(raw)
+    }
+    if (isRawSetCommentStateOperation(raw)) {
+      return SetCommentStateOperation.fromJSON(raw)
+    }
+    if (isRawEditNoOperation(raw)) {
+      return EditNoOperation.fromJSON()
+    }
+    throw new Error('Unsupported operation in EditOperationBuilder.fromJSON')
+  }
+}
+
+/**
+ * @param {unknown} raw
+ * @returns {raw is RawTextOperation}
+ */
+function isTextOperation(raw) {
+  return raw !== null && typeof raw === 'object' && 'textOperation' in raw
+}
+
+/**
+ * @param {unknown} raw
+ * @returns {raw is RawAddCommentOperation}
+ */
+function isRawAddCommentOperation(raw) {
+  return (
+    raw !== null &&
+    typeof raw === 'object' &&
+    'commentId' in raw &&
+    'ranges' in raw &&
+    Array.isArray(raw.ranges)
+  )
+}
+
+/**
+ * @param {unknown} raw
+ * @returns {raw is RawDeleteCommentOperation}
+ */
+function isRawDeleteCommentOperation(raw) {
+  return raw !== null && typeof raw === 'object' && 'deleteComment' in raw
+}
+
+/**
+ * @param {unknown} raw
+ * @returns {raw is RawSetCommentStateOperation}
+ */
+function isRawSetCommentStateOperation(raw) {
+  return (
+    raw !== null &&
+    typeof raw === 'object' &&
+    'commentId' in raw &&
+    'resolved' in raw &&
+    typeof raw.resolved === 'boolean'
+  )
+}
+
+/**
+ * @param {unknown} raw
+ * @returns {raw is RawEditNoOperation}
+ */
+function isRawEditNoOperation(raw) {
+  return raw !== null && typeof raw === 'object' && 'noOp' in raw
+}
+
+module.exports = EditOperationBuilder
diff --git a/libraries/overleaf-editor-core/lib/operation/edit_operation_transformer.js b/libraries/overleaf-editor-core/lib/operation/edit_operation_transformer.js
new file mode 100644
index 0000000..c82393c
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/operation/edit_operation_transformer.js
@@ -0,0 +1,162 @@
+// @ts-check
+const core = require('../..')
+const Comment = require('../comment')
+const EditNoOperation = require('./edit_no_operation')
+const TextOperation = require('./text_operation')
+
+/**
+ * @import EditOperation from './edit_operation'
+ */
+
+class EditOperationTransformer {
+  /**
+   * Transform two edit operations against each other.
+   * @param {EditOperation} a
+   * @param {EditOperation} b
+   * @returns {[EditOperation, EditOperation]}
+   */
+  static transform(a, b) {
+    const {
+      AddCommentOperation,
+      DeleteCommentOperation,
+      SetCommentStateOperation,
+    } = core
+
+    if (a instanceof EditNoOperation || b instanceof EditNoOperation) {
+      return [a, b]
+    }
+
+    const transformers = [
+      createTransformer(TextOperation, TextOperation, TextOperation.transform),
+      createTransformer(TextOperation, DeleteCommentOperation, noConflict),
+      createTransformer(TextOperation, SetCommentStateOperation, noConflict),
+      createTransformer(TextOperation, AddCommentOperation, (a, b) => {
+        // apply the text operation to the comment
+        const originalComment = new Comment(b.commentId, b.ranges, b.resolved)
+        const movedComment = originalComment.applyTextOperation(a, b.commentId)
+        return [
+          a,
+          new AddCommentOperation(
+            movedComment.id,
+            movedComment.ranges,
+            movedComment.resolved
+          ),
+        ]
+      }),
+      createTransformer(AddCommentOperation, AddCommentOperation, (a, b) => {
+        if (a.commentId === b.commentId) {
+          return [new EditNoOperation(), b]
+        }
+        return [a, b]
+      }),
+      createTransformer(AddCommentOperation, DeleteCommentOperation, (a, b) => {
+        if (a.commentId === b.commentId) {
+          // delete wins
+          return [new EditNoOperation(), b]
+        }
+        return [a, b]
+      }),
+      createTransformer(
+        AddCommentOperation,
+        SetCommentStateOperation,
+        (a, b) => {
+          if (a.commentId === b.commentId) {
+            const newA = new AddCommentOperation(
+              a.commentId,
+              a.ranges,
+              b.resolved
+            )
+            return [newA, b]
+          }
+          return [a, b]
+        }
+      ),
+      createTransformer(
+        DeleteCommentOperation,
+        DeleteCommentOperation,
+        (a, b) => {
+          if (a.commentId === b.commentId) {
+            // if both operations delete the same comment, we can ignore both
+            return [new EditNoOperation(), new EditNoOperation()]
+          }
+          return [a, b]
+        }
+      ),
+      createTransformer(
+        DeleteCommentOperation,
+        SetCommentStateOperation,
+        (a, b) => {
+          if (a.commentId === b.commentId) {
+            // delete wins
+            return [a, new EditNoOperation()]
+          }
+          return [a, b]
+        }
+      ),
+      createTransformer(
+        SetCommentStateOperation,
+        SetCommentStateOperation,
+        (a, b) => {
+          if (a.commentId !== b.commentId) {
+            return [a, b]
+          }
+
+          if (a.resolved === b.resolved) {
+            return [new EditNoOperation(), new EditNoOperation()]
+          }
+
+          const shouldResolve = a.resolved && b.resolved
+          if (a.resolved === shouldResolve) {
+            return [a, new EditNoOperation()]
+          } else {
+            return [new EditNoOperation(), b]
+          }
+        }
+      ),
+    ]
+
+    for (const transformer of transformers) {
+      const result = transformer(a, b)
+      if (result) {
+        return result
+      }
+    }
+
+    throw new Error(
+      `Transform not implemented for ${a.constructor.name}￮${b.constructor.name}`
+    )
+  }
+}
+
+/**
+ * @template {EditOperation} X
+ * @template {EditOperation} Y
+ * @param {new(...args: any[]) => X} ClassA
+ * @param {new(...args: any[]) => Y} ClassB
+ * @param {(a: X, b: Y) => [EditOperation, EditOperation]} transformer
+ * @returns {(a: EditOperation, b: EditOperation) => [EditOperation, EditOperation] | false}
+ */
+function createTransformer(ClassA, ClassB, transformer) {
+  return (a, b) => {
+    if (a instanceof ClassA && b instanceof ClassB) {
+      return transformer(a, b)
+    }
+    if (b instanceof ClassA && a instanceof ClassB) {
+      const [bPrime, aPrime] = transformer(b, a)
+      return [aPrime, bPrime]
+    }
+    return false
+  }
+}
+
+/**
+ *
+ * @param {EditOperation} a
+ * @param {EditOperation} b
+ * @returns {[EditOperation, EditOperation]}
+ */
+function noConflict(a, b) {
+  return [a, b]
+}
+
+module.exports = EditOperationTransformer
diff --git a/libraries/overleaf-editor-core/lib/operation/index.js b/libraries/overleaf-editor-core/lib/operation/index.js
new file mode 100644
index 0000000..ebc6f73
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/operation/index.js
@@ -0,0 +1,462 @@
+'use strict'
+
+const _ = require('lodash')
+const assert = require('check-types').assert
+const EditOperationTransformer = require('./edit_operation_transformer')
+
+// Dependencies are loaded at the bottom of the file to mitigate circular
+// dependency
+let NoOperation = null
+let AddFileOperation = null
+let MoveFileOperation = null
+let EditFileOperation = null
+let SetFileMetadataOperation = null
+
+/**
+ * @import { BlobStore } from "../types"
+ * @import Snapshot from "../snapshot"
+ */
+
+/**
+ * An `Operation` changes a `Snapshot` when it is applied. See the
+ * {@tutorial OT} tutorial for background.
+ */
+class Operation {
+  /**
+   * Deserialize an Operation.
+   *
+   * @param {Object} raw
+   * @return {Operation} one of the subclasses
+   */
+  static fromRaw(raw) {
+    if ('file' in raw) {
+      return AddFileOperation.fromRaw(raw)
+    }
+    if (
+      'textOperation' in raw ||
+      'commentId' in raw ||
+      'deleteComment' in raw
+    ) {
+      return EditFileOperation.fromRaw(raw)
+    }
+    if ('newPathname' in raw) {
+      return new MoveFileOperation(raw.pathname, raw.newPathname)
+    }
+    if ('metadata' in raw) {
+      return new SetFileMetadataOperation(raw.pathname, raw.metadata)
+    }
+    if (_.isEmpty(raw)) {
+      return new NoOperation()
+    }
+    throw new Error('invalid raw operation ' + JSON.stringify(raw))
+  }
+
+  /**
+   * Serialize an Operation.
+   *
+   * @return {Object}
+   */
+  toRaw() {
+    return {}
+  }
+
+  /**
+   * Whether this operation does nothing when applied.
+   *
+   * @return {Boolean}
+   */
+  isNoOp() {
+    return false
+  }
+
+  /**
+   * If this Operation references blob hashes, add them to the given Set.
+   *
+   * @param  {Set.<String>} blobHashes
+   */
+  findBlobHashes(blobHashes) {}
+
+  /**
+   * If this operation references any files, load the files.
+   *
+   * @param {string} kind see {File#load}
+   * @param {BlobStore} blobStore
+   * @return {Promise<void>}
+   */
+  async loadFiles(kind, blobStore) {}
+
+  /**
+   * Return a version of this operation that is suitable for long term storage.
+   * In most cases, we just need to convert the operation to raw form, but if
+   * the operation involves File objects, we may need to store their content.
+   *
+   * @param {BlobStore} blobStore
+   * @return {Promise.<Object>}
+   */
+  async store(blobStore) {
+    return this.toRaw()
+  }
+
+  /**
+   * Apply this Operation to a snapshot.
+   *
+   * The snapshot is modified in place.
+   *
+   * @param {Snapshot} snapshot
+   */
+  applyTo(snapshot) {
+    assert.object(snapshot, 'bad snapshot')
+  }
+
+  /**
+   * Whether this operation can be composed with another operation to produce a
+   * single operation of the same type as this one, while keeping the composed
+   * operation small and logical enough to be used in the undo stack.
+   *
+   * @param {Operation} other
+   * @return {Boolean}
+   */
+  canBeComposedWithForUndo(other) {
+    return false
+  }
+
+  /**
+   * Whether this operation can be composed with another operation to produce a
+   * single operation of the same type as this one.
+   *
+   * TODO Moves can be composed. For example, if you rename a to b and then decide
+   * shortly after that actually you want to call it c, we could compose the two
+   * to get a -> c). Edits can also be composed --- see rules in TextOperation.
+   * We also need to consider the Change --- we will need to consider both time
+   * and author(s) when composing changes. I guess that AddFile can also be
+   * composed in some cases --- if you upload a file and then decide it was the
+   * wrong one and upload a new one, we could drop the one in the middle, but
+   * that seems like a pretty rare case.
+   *
+   * @param {Operation} other
+   * @return {Boolean}
+   */
+  canBeComposedWith(other) {
+    return false
+  }
+
+  /**
+   * Compose this operation with another operation to produce a single operation
+   * of the same type as this one.
+   *
+   * @param {Operation} other
+   * @return {Operation}
+   */
+  compose(other) {
+    throw new Error('not implemented')
+  }
+
+  /**
+   * Transform takes two operations A and B that happened concurrently and
+   * produces two operations A' and B' (in an array) such that
+   * `apply(apply(S, A), B') = apply(apply(S, B), A')`.
+   *
+   * That is, if one client applies A and then B', they get the same result as
+   * another client who applies B and then A'.
+   *
+   * @param {Operation} a
+   * @param {Operation} b
+   * @return {Operation[]} operations `[a', b']`
+   */
+  static transform(a, b) {
+    if (a.isNoOp() || b.isNoOp()) return [a, b]
+
+    function transpose(transformer) {
+      return transformer(b, a).reverse()
+    }
+
+    const bIsAddFile = b instanceof AddFileOperation
+    const bIsEditFile = b instanceof EditFileOperation
+    const bIsMoveFile = b instanceof MoveFileOperation
+    const bIsSetFileMetadata = b instanceof SetFileMetadataOperation
+
+    if (a instanceof AddFileOperation) {
+      if (bIsAddFile) return transformAddFileAddFile(a, b)
+      if (bIsMoveFile) return transformAddFileMoveFile(a, b)
+      if (bIsEditFile) return transformAddFileEditFile(a, b)
+      if (bIsSetFileMetadata) return transformAddFileSetFileMetadata(a, b)
+      throw new Error('bad op b')
+    }
+    if (a instanceof MoveFileOperation) {
+      if (bIsAddFile) return transpose(transformAddFileMoveFile)
+      if (bIsMoveFile) return transformMoveFileMoveFile(a, b)
+      if (bIsEditFile) return transformMoveFileEditFile(a, b)
+      if (bIsSetFileMetadata) return transformMoveFileSetFileMetadata(a, b)
+      throw new Error('bad op b')
+    }
+    if (a instanceof EditFileOperation) {
+      if (bIsAddFile) return transpose(transformAddFileEditFile)
+      if (bIsMoveFile) return transpose(transformMoveFileEditFile)
+      if (bIsEditFile) return transformEditFileEditFile(a, b)
+      if (bIsSetFileMetadata) return transformEditFileSetFileMetadata(a, b)
+      throw new Error('bad op b')
+    }
+    if (a instanceof SetFileMetadataOperation) {
+      if (bIsAddFile) return transpose(transformAddFileSetFileMetadata)
+      if (bIsMoveFile) return transpose(transformMoveFileSetFileMetadata)
+      if (bIsEditFile) return transpose(transformEditFileSetFileMetadata)
+      if (bIsSetFileMetadata) return transformSetFileMetadatas(a, b)
+      throw new Error('bad op b')
+    }
+    throw new Error('bad op a')
+  }
+
+  /**
+   * Transform each operation in `a` by each operation in `b` and save the primed
+   * operations in place.
+   *
+   * @param {Array.<Operation>} as - modified in place
+   * @param {Array.<Operation>} bs - modified in place
+   */
+  static transformMultiple(as, bs) {
+    for (let i = 0; i < as.length; ++i) {
+      for (let j = 0; j < bs.length; ++j) {
+        const primes = Operation.transform(as[i], bs[j])
+        as[i] = primes[0]
+        bs[j] = primes[1]
+      }
+    }
+  }
+
+  static addFile(pathname, file) {
+    return new AddFileOperation(pathname, file)
+  }
+
+  static editFile(pathname, editOperation) {
+    return new EditFileOperation(pathname, editOperation)
+  }
+
+  static moveFile(pathname, newPathname) {
+    return new MoveFileOperation(pathname, newPathname)
+  }
+
+  static removeFile(pathname) {
+    return new MoveFileOperation(pathname, '')
+  }
+
+  static setFileMetadata(pathname, metadata) {
+    return new SetFileMetadataOperation(pathname, metadata)
+  }
+}
+
+//
+// Transform
+//
+// The way to read these transform functions is that
+// 1. return_value[0] is the op to be applied after arguments[1], and
+// 2. return_value[1] is the op to be applied after arguments[0],
+// in order to arrive at the same project state.
+//
+
+function transformAddFileAddFile(add1, add2) {
+  if (add1.getPathname() === add2.getPathname()) {
+    return [Operation.NO_OP, add2] // add2 wins
+  }
+
+  return [add1, add2]
+}
+
+function transformAddFileMoveFile(add, move) {
+  function relocateAddFile() {
+    return new AddFileOperation(move.getNewPathname(), add.getFile().clone())
+  }
+
+  if (add.getPathname() === move.getPathname()) {
+    if (move.isRemoveFile()) {
+      return [add, Operation.NO_OP]
+    }
+    return [
+      relocateAddFile(),
+      new MoveFileOperation(add.getPathname(), move.getNewPathname()),
+    ]
+  }
+
+  if (add.getPathname() === move.getNewPathname()) {
+    return [relocateAddFile(), new MoveFileOperation(move.getPathname(), '')]
+  }
+
+  return [add, move]
+}
+
+function transformAddFileEditFile(add, edit) {
+  if (add.getPathname() === edit.getPathname()) {
+    return [add, Operation.NO_OP] // the add wins
+  }
+
+  return [add, edit]
+}
+
+function transformAddFileSetFileMetadata(add, set) {
+  if (add.getPathname() === set.getPathname()) {
+    const newFile = add.getFile().clone()
+    newFile.setMetadata(set.getMetadata())
+    return [new AddFileOperation(add.getPathname(), newFile), set]
+  }
+
+  return [add, set]
+}
+
+//
+// This is one of the trickier ones. There are 15 possible equivalence
+// relationships between our four variables:
+//
+// path1, newPath1, path2, newPath2    --- "same move" (all equal)
+//
+// path1, newPath1, path2 | newPath2   --- "no-ops" (1)
+// path1, newPath1, newPath2 | path2   --- "no-ops" (1)
+// path1, path2, newPath2 | newPath1   --- "no-ops" (2)
+// newPath1, path2, newPath2 | path1   --- "no-ops" (2)
+//
+// path1, newPath1 | path2, newPath2   --- "no-ops" (1 and 2)
+// path1, path2 | newPath1, newPath2   --- "same move"
+// path1, newPath2 | newPath1, path2   --- "opposite moves"
+//
+// path1, newPath1 | path2 | newPath2  --- "no-ops" (1)
+// path1, path2 | newPath1 | newPath2  --- "divergent moves"
+// path1, newPath2 | newPath1 | path2  --- "transitive move"
+// newPath1, path2 | path1 | newPath2  --- "transitive move"
+// newPath1, newPath2 | path1 | path2  --- "convergent move"
+// path2, newPath2 | path1 | newPath1  --- "no-ops" (2)
+//
+// path1 | newPath1 | path2 | newPath2 --- "no conflict"
+//
+function transformMoveFileMoveFile(move1, move2) {
+  const path1 = move1.getPathname()
+  const path2 = move2.getPathname()
+  const newPath1 = move1.getNewPathname()
+  const newPath2 = move2.getNewPathname()
+
+  // the same move
+  if (path1 === path2 && newPath1 === newPath2) {
+    return [Operation.NO_OP, Operation.NO_OP]
+  }
+
+  // no-ops
+  if (path1 === newPath1 && path2 === newPath2) {
+    return [Operation.NO_OP, Operation.NO_OP]
+  }
+  if (path1 === newPath1) {
+    return [Operation.NO_OP, move2]
+  }
+  if (path2 === newPath2) {
+    return [move1, Operation.NO_OP]
+  }
+
+  // opposite moves (foo -> bar, bar -> foo)
+  if (path1 === newPath2 && path2 === newPath1) {
+    // We can't handle this very well: if we wanted move2 (say) to win, move2'
+    // would have to be addFile(foo) with the content of bar, but we don't have
+    // the content of bar available here. So, we just destroy both files.
+    return [Operation.removeFile(path1), Operation.removeFile(path2)]
+  }
+
+  // divergent moves (foo -> bar, foo -> baz); convention: move2 wins
+  if (path1 === path2 && newPath1 !== newPath2) {
+    return [Operation.NO_OP, Operation.moveFile(newPath1, newPath2)]
+  }
+
+  // convergent move (foo -> baz, bar -> baz); convention: move2 wins
+  if (newPath1 === newPath2 && path1 !== path2) {
+    return [Operation.removeFile(path1), move2]
+  }
+
+  // transitive move:
+  //   1: foo -> baz, 2: bar -> foo (result: bar -> baz) or
+  //   1: foo -> bar, 2: bar -> baz (result: foo -> baz)
+  if (path1 === newPath2 && newPath1 !== path2) {
+    return [
+      Operation.moveFile(newPath2, newPath1),
+      Operation.moveFile(path2, newPath1),
+    ]
+  }
+  if (newPath1 === path2 && path1 !== newPath2) {
+    return [
+      Operation.moveFile(path1, newPath2),
+      Operation.moveFile(newPath1, newPath2),
+    ]
+  }
+
+  // no conflict
+  return [move1, move2]
+}
+
+function transformMoveFileEditFile(move, edit) {
+  if (move.getPathname() === edit.getPathname()) {
+    if (move.isRemoveFile()) {
+      // let the remove win
+      return [move, Operation.NO_OP]
+    }
+    return [
+      move,
+      Operation.editFile(move.getNewPathname(), edit.getOperation()),
+    ]
+  }
+
+  if (move.getNewPathname() === edit.getPathname()) {
+    // let the move win
+    return [move, Operation.NO_OP]
+  }
+
+  return [move, edit]
+}
+
+function transformMoveFileSetFileMetadata(move, set) {
+  if (move.getPathname() === set.getPathname()) {
+    return [
+      move,
+      Operation.setFileMetadata(move.getNewPathname(), set.getMetadata()),
+    ]
+  }
+  // A: mv foo -> bar
+  // B: set bar.x
+  //
+  // A': mv foo -> bar
+  // B': nothing
+  if (move.getNewPathname() === set.getPathname()) {
+    return [move, Operation.NO_OP] // let the move win
+  }
+  return [move, set]
+}
+
+function transformEditFileEditFile(edit1, edit2) {
+  if (edit1.getPathname() === edit2.getPathname()) {
+    const primeOps = EditOperationTransformer.transform(
+      edit1.getOperation(),
+      edit2.getOperation()
+    )
+    return [
+      Operation.editFile(edit1.getPathname(), primeOps[0]),
+      Operation.editFile(edit2.getPathname(), primeOps[1]),
+    ]
+  }
+
+  return [edit1, edit2]
+}
+
+function transformEditFileSetFileMetadata(edit, set) {
+  // There is no conflict.
+  return [edit, set]
+}
+
+function transformSetFileMetadatas(set1, set2) {
+  if (set1.getPathname() === set2.getPathname()) {
+    return [Operation.NO_OP, set2] // set2 wins
+  }
+  return [set1, set2]
+}
+
+module.exports = Operation
+
+// Work around circular import
+NoOperation = require('./no_operation')
+AddFileOperation = require('./add_file_operation')
+MoveFileOperation = require('./move_file_operation')
+EditFileOperation = require('./edit_file_operation')
+SetFileMetadataOperation = require('./set_file_metadata_operation')
+
+Operation.NO_OP = new NoOperation()
diff --git a/libraries/overleaf-editor-core/lib/operation/move_file_operation.js b/libraries/overleaf-editor-core/lib/operation/move_file_operation.js
new file mode 100644
index 0000000..85e3707
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/operation/move_file_operation.js
@@ -0,0 +1,54 @@
+'use strict'
+
+const Operation = require('./')
+
+/**
+ * Moves or removes a file from a project.
+ */
+class MoveFileOperation extends Operation {
+  /**
+   * @param {string} pathname
+   * @param {string} newPathname
+   */
+  constructor(pathname, newPathname) {
+    super()
+    this.pathname = pathname
+    this.newPathname = newPathname
+  }
+
+  /**
+   * @inheritdoc
+   */
+  toRaw() {
+    return {
+      pathname: this.pathname,
+      newPathname: this.newPathname,
+    }
+  }
+
+  getPathname() {
+    return this.pathname
+  }
+
+  getNewPathname() {
+    return this.newPathname
+  }
+
+  /**
+   * Whether this operation is a MoveFile operation that deletes the file.
+   *
+   * @return {boolean}
+   */
+  isRemoveFile() {
+    return this.getNewPathname() === ''
+  }
+
+  /**
+   * @inheritdoc
+   */
+  applyTo(snapshot) {
+    snapshot.moveFile(this.getPathname(), this.getNewPathname())
+  }
+}
+
+module.exports = MoveFileOperation
diff --git a/libraries/overleaf-editor-core/lib/operation/no_operation.js b/libraries/overleaf-editor-core/lib/operation/no_operation.js
new file mode 100644
index 0000000..4c79665
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/operation/no_operation.js
@@ -0,0 +1,20 @@
+'use strict'
+
+const Operation = require('./')
+
+/**
+ * An explicit no-operation.
+ *
+ * There are several no-ops, such as moving a file to itself, but it's useful
+ * to have a generic no-op as well.
+ */
+class NoOperation extends Operation {
+  /**
+   * @inheritdoc
+   */
+  isNoOp() {
+    return true
+  }
+}
+
+module.exports = NoOperation
diff --git a/libraries/overleaf-editor-core/lib/operation/scan_op.js b/libraries/overleaf-editor-core/lib/operation/scan_op.js
new file mode 100644
index 0000000..4f179f2
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/operation/scan_op.js
@@ -0,0 +1,457 @@
+// @ts-check
+const { containsNonBmpChars } = require('../util')
+const {
+  ApplyError,
+  InvalidInsertionError,
+  UnprocessableError,
+} = require('../errors')
+const ClearTrackingProps = require('../file_data/clear_tracking_props')
+const TrackingProps = require('../file_data/tracking_props')
+
+/**
+ * @import { RawScanOp, RawInsertOp, RawRetainOp, RawRemoveOp, TrackingDirective } from '../types'
+ *
+ * @typedef {{ length: number, inputCursor: number, readonly inputLength: number}} LengthApplyContext
+ */
+
+class ScanOp {
+  constructor() {
+    if (this.constructor === ScanOp) {
+      throw new Error('Cannot instantiate abstract class')
+    }
+  }
+
+  /**
+   * Applies an operation to a length
+   * @param {LengthApplyContext} current
+   * @returns {LengthApplyContext}
+   */
+  applyToLength(current) {
+    throw new Error('abstract method')
+  }
+
+  /**
+   * @returns {RawScanOp}
+   */
+  toJSON() {
+    throw new Error('abstract method')
+  }
+
+  /**
+   * @param {RawScanOp} raw
+   * @returns {ScanOp}
+   */
+  static fromJSON(raw) {
+    if (isRetain(raw)) {
+      return RetainOp.fromJSON(raw)
+    } else if (isInsert(raw)) {
+      return InsertOp.fromJSON(raw)
+    } else if (isRemove(raw)) {
+      return RemoveOp.fromJSON(raw)
+    }
+    throw new UnprocessableError(`Invalid ScanOp ${JSON.stringify(raw)}`)
+  }
+
+  /**
+   * Tests whether two ScanOps are equal
+   * @param {ScanOp} _other
+   * @returns {boolean}
+   */
+  equals(_other) {
+    return false
+  }
+
+  /**
+   * Tests whether two ScanOps can be merged into a single operation
+   * @param {ScanOp} other
+   * @returns
+   */
+  canMergeWith(other) {
+    return false
+  }
+
+  /**
+   * Merge two ScanOps into a single operation
+   * @param {ScanOp} _other
+   * @returns {void}
+   */
+  mergeWith(_other) {
+    throw new Error('abstract method')
+  }
+
+  toString() {
+    'ScanOp'
+  }
+}
+
+class InsertOp extends ScanOp {
+  /**
+   *
+   * @param {string} insertion
+   * @param {TrackingProps | undefined} tracking
+   * @param {string[] | undefined} commentIds
+   */
+  constructor(insertion, tracking = undefined, commentIds = undefined) {
+    super()
+    if (typeof insertion !== 'string') {
+      throw new InvalidInsertionError('insertion must be a string')
+    }
+    if (containsNonBmpChars(insertion)) {
+      throw new InvalidInsertionError('insertion contains non-BMP characters')
+    }
+    /** @type {string} */
+    this.insertion = insertion
+    /** @type {TrackingProps | undefined} */
+    this.tracking = tracking
+    /** @type {string[] | undefined} */
+    this.commentIds = commentIds
+  }
+
+  /**
+   *
+   * @param {RawInsertOp} op
+   * @returns {InsertOp}
+   */
+  static fromJSON(op) {
+    if (typeof op === 'string') {
+      return new InsertOp(op)
+    }
+    // It must be an object with an 'i' property.
+    if (typeof op.i !== 'string') {
+      throw new InvalidInsertionError(
+        'insert operation must have a string property'
+      )
+    }
+    return new InsertOp(
+      op.i,
+      op.tracking && TrackingProps.fromRaw(op.tracking),
+      op.commentIds
+    )
+  }
+
+  /**
+   * @inheritdoc
+   * @param {LengthApplyContext} current
+   * @returns {LengthApplyContext}
+   */
+  applyToLength(current) {
+    current.length += this.insertion.length
+    return current
+  }
+
+  /** @inheritdoc
+   * @param {ScanOp} other
+   */
+  equals(other) {
+    if (!(other instanceof InsertOp)) {
+      return false
+    }
+    if (this.insertion !== other.insertion) {
+      return false
+    }
+    if (this.tracking) {
+      if (!this.tracking.equals(other.tracking)) {
+        return false
+      }
+    } else if (other.tracking) {
+      return false
+    }
+
+    if (this.commentIds) {
+      return (
+        this.commentIds.length === other.commentIds?.length &&
+        this.commentIds.every(id => other.commentIds?.includes(id))
+      )
+    }
+    return !other.commentIds
+  }
+
+  /**
+   * @param {ScanOp} other
+   * @return {other is InsertOp}
+   */
+  canMergeWith(other) {
+    if (!(other instanceof InsertOp)) {
+      return false
+    }
+    if (this.tracking) {
+      if (!this.tracking.equals(other.tracking)) {
+        return false
+      }
+    } else if (other.tracking) {
+      return false
+    }
+    if (this.commentIds) {
+      return (
+        this.commentIds.length === other.commentIds?.length &&
+        this.commentIds.every(id => other.commentIds?.includes(id))
+      )
+    }
+    return !other.commentIds
+  }
+
+  /**
+   * @param {ScanOp} other
+   */
+  mergeWith(other) {
+    if (!this.canMergeWith(other)) {
+      throw new Error('Cannot merge with incompatible operation')
+    }
+    this.insertion += other.insertion
+    // We already have the same tracking info and commentIds
+  }
+
+  /**
+   * @returns {RawInsertOp}
+   */
+  toJSON() {
+    if (!this.tracking && !this.commentIds) {
+      return this.insertion
+    }
+    /** @type RawInsertOp */
+    const obj = { i: this.insertion }
+    if (this.tracking) {
+      obj.tracking = this.tracking.toRaw()
+    }
+    if (this.commentIds) {
+      obj.commentIds = this.commentIds
+    }
+    return obj
+  }
+
+  toString() {
+    return `insert '${this.insertion}'`
+  }
+}
+
+class RetainOp extends ScanOp {
+  /**
+   * @param {number} length
+   * @param {TrackingDirective | undefined} tracking
+   */
+  constructor(length, tracking = undefined) {
+    super()
+    if (length < 0) {
+      throw new Error('length must be non-negative')
+    }
+    /** @type {number} */
+    this.length = length
+    /** @type {TrackingDirective | undefined} */
+    this.tracking = tracking
+  }
+
+  /**
+   * @inheritdoc
+   * @param {LengthApplyContext} current
+   * @returns {LengthApplyContext}
+   */
+  applyToLength(current) {
+    if (current.inputCursor + this.length > current.inputLength) {
+      throw new ApplyError(
+        "Operation can't retain more chars than are left in the string.",
+        this.toJSON(),
+        current.inputLength
+      )
+    }
+    current.length += this.length
+    current.inputCursor += this.length
+    return current
+  }
+
+  /**
+   *
+   * @param {RawRetainOp} op
+   * @returns {RetainOp}
+   */
+  static fromJSON(op) {
+    if (typeof op === 'number') {
+      return new RetainOp(op)
+    }
+    // It must be an object with a 'r' property.
+    if (typeof op.r !== 'number') {
+      throw new Error('retain operation must have a number property')
+    }
+    if (op.tracking) {
+      const tracking =
+        op.tracking.type === 'none'
+          ? new ClearTrackingProps()
+          : TrackingProps.fromRaw(op.tracking)
+      return new RetainOp(op.r, tracking)
+    }
+    return new RetainOp(op.r)
+  }
+
+  /** @inheritdoc
+   * @param {ScanOp} other
+   */
+  equals(other) {
+    if (!(other instanceof RetainOp)) {
+      return false
+    }
+    if (this.length !== other.length) {
+      return false
+    }
+    if (this.tracking) {
+      return this.tracking.equals(other.tracking)
+    }
+    return !other.tracking
+  }
+
+  /**
+   * @param {ScanOp} other
+   * @return {other is RetainOp}
+   */
+  canMergeWith(other) {
+    if (!(other instanceof RetainOp)) {
+      return false
+    }
+    if (this.tracking) {
+      return this.tracking.equals(other.tracking)
+    }
+    return !other.tracking
+  }
+
+  /**
+   * @param {ScanOp} other
+   */
+  mergeWith(other) {
+    if (!this.canMergeWith(other)) {
+      throw new Error('Cannot merge with incompatible operation')
+    }
+    this.length += other.length
+  }
+
+  /**
+   * @returns {RawRetainOp}
+   */
+  toJSON() {
+    if (!this.tracking) {
+      return this.length
+    }
+    return { r: this.length, tracking: this.tracking.toRaw() }
+  }
+
+  toString() {
+    return `retain ${this.length}`
+  }
+}
+
+class RemoveOp extends ScanOp {
+  /**
+   * @param {number} length
+   */
+  constructor(length) {
+    super()
+    if (length < 0) {
+      throw new Error('length must be non-negative')
+    }
+    /** @type {number} */
+    this.length = length
+  }
+
+  /**
+   * @inheritdoc
+   * @param {LengthApplyContext} current
+   * @returns {LengthApplyContext}
+   */
+  applyToLength(current) {
+    current.inputCursor += this.length
+    return current
+  }
+
+  /**
+   *
+   * @param {RawRemoveOp} op
+   * @returns {RemoveOp}
+   */
+  static fromJSON(op) {
+    if (typeof op !== 'number' || op > 0) {
+      throw new Error('delete operation must be a negative number')
+    }
+    return new RemoveOp(-op)
+  }
+
+  /**
+   * @inheritdoc
+   * @param {ScanOp} other
+   * @return {boolean}
+   */
+  equals(other) {
+    if (!(other instanceof RemoveOp)) {
+      return false
+    }
+    return this.length === other.length
+  }
+
+  /**
+   * @param {ScanOp} other
+   * @return {other is RemoveOp}
+   */
+  canMergeWith(other) {
+    return other instanceof RemoveOp
+  }
+
+  /**
+   * @param {ScanOp} other
+   */
+  mergeWith(other) {
+    if (!this.canMergeWith(other)) {
+      throw new Error('Cannot merge with incompatible operation')
+    }
+    this.length += other.length
+  }
+
+  /**
+   * @returns {RawRemoveOp}
+   */
+  toJSON() {
+    return -this.length
+  }
+
+  toString() {
+    return `remove ${this.length}`
+  }
+}
+
+/**
+ * @param {RawScanOp} op
+ * @returns {op is RawRetainOp}
+ */
+function isRetain(op) {
+  return (
+    (typeof op === 'number' && op > 0) ||
+    (typeof op === 'object' &&
+      'r' in op &&
+      typeof op.r === 'number' &&
+      op.r > 0)
+  )
+}
+
+/**
+ * @param {RawScanOp} op
+ * @returns {op is RawInsertOp}
+ */
+function isInsert(op) {
+  return (
+    typeof op === 'string' ||
+    (typeof op === 'object' && 'i' in op && typeof op.i === 'string')
+  )
+}
+
+/**
+ * @param {RawScanOp} op
+ * @returns {op is RawRemoveOp}
+ */
+function isRemove(op) {
+  return typeof op === 'number' && op < 0
+}
+
+module.exports = {
+  ScanOp,
+  InsertOp,
+  RetainOp,
+  RemoveOp,
+  isRetain,
+  isInsert,
+  isRemove,
+}
diff --git a/libraries/overleaf-editor-core/lib/operation/set_comment_state_operation.js b/libraries/overleaf-editor-core/lib/operation/set_comment_state_operation.js
new file mode 100644
index 0000000..5ac1a46
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/operation/set_comment_state_operation.js
@@ -0,0 +1,112 @@
+// @ts-check
+const core = require('../../index')
+const Comment = require('../comment')
+const EditNoOperation = require('./edit_no_operation')
+const EditOperation = require('./edit_operation')
+
+/**
+ * @import DeleteCommentOperation from './delete_comment_operation'
+ * @import { CommentRawData } from '../types'
+ * @import { RawSetCommentStateOperation } from '../types'
+ * @import StringFileData from '../file_data/string_file_data'
+ */
+
+/**
+ * @extends EditOperation
+ */
+class SetCommentStateOperation extends EditOperation {
+  /**
+   * @param {string} commentId
+   * @param {boolean} resolved
+   */
+  constructor(commentId, resolved) {
+    super()
+    this.commentId = commentId
+    this.resolved = resolved
+  }
+
+  /**
+   *
+   * @returns {RawSetCommentStateOperation}
+   */
+  toJSON() {
+    return {
+      resolved: this.resolved,
+      commentId: this.commentId,
+    }
+  }
+
+  /**
+   * @param {StringFileData} fileData
+   */
+  apply(fileData) {
+    const comment = fileData.comments.getComment(this.commentId)
+    if (comment) {
+      const newComment = new Comment(comment.id, comment.ranges, this.resolved)
+      fileData.comments.add(newComment)
+    }
+  }
+
+  /**
+   * @param {StringFileData} previousState
+   * @returns {SetCommentStateOperation | EditNoOperation}
+   */
+  invert(previousState) {
+    const comment = previousState.comments.getComment(this.commentId)
+    if (!comment) {
+      return new EditNoOperation()
+    }
+
+    return new SetCommentStateOperation(this.commentId, comment.resolved)
+  }
+
+  /**
+   * @inheritdoc
+   * @param {EditOperation} other
+   * @returns {boolean}
+   */
+  canBeComposedWith(other) {
+    return (
+      (other instanceof SetCommentStateOperation &&
+        this.commentId === other.commentId) ||
+      (other instanceof core.DeleteCommentOperation &&
+        this.commentId === other.commentId)
+    )
+  }
+
+  /**
+   * @inheritdoc
+   * @param {EditOperation} other
+   * @returns {SetCommentStateOperation | core.DeleteCommentOperation}
+   */
+  compose(other) {
+    if (
+      other instanceof SetCommentStateOperation &&
+      other.commentId === this.commentId
+    ) {
+      return other
+    }
+
+    if (
+      other instanceof core.DeleteCommentOperation &&
+      other.commentId === this.commentId
+    ) {
+      return other
+    }
+
+    throw new Error(
+      `Trying to compose SetCommentStateOperation with ${other?.constructor?.name}.`
+    )
+  }
+
+  /**
+   * @inheritdoc
+   * @param {RawSetCommentStateOperation} raw
+   * @returns {SetCommentStateOperation}
+   */
+  static fromJSON(raw) {
+    return new SetCommentStateOperation(raw.commentId, raw.resolved)
+  }
+}
+
+module.exports = SetCommentStateOperation
diff --git a/libraries/overleaf-editor-core/lib/operation/set_file_metadata_operation.js b/libraries/overleaf-editor-core/lib/operation/set_file_metadata_operation.js
new file mode 100644
index 0000000..5bdd00f
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/operation/set_file_metadata_operation.js
@@ -0,0 +1,53 @@
+'use strict'
+
+const _ = require('lodash')
+const assert = require('check-types').assert
+
+const Operation = require('./')
+
+/**
+ * Moves or removes a file from a project.
+ */
+class SetFileMetadataOperation extends Operation {
+  /**
+   * @param {string} pathname
+   * @param {Object} metadata
+   */
+  constructor(pathname, metadata) {
+    super()
+    assert.string(pathname, 'SetFileMetadataOperation: bad pathname')
+    assert.object(metadata, 'SetFileMetadataOperation: bad metadata')
+
+    this.pathname = pathname
+    this.metadata = metadata
+  }
+
+  /**
+   * @inheritdoc
+   */
+  toRaw() {
+    return {
+      pathname: this.pathname,
+      metadata: _.cloneDeep(this.metadata),
+    }
+  }
+
+  getPathname() {
+    return this.pathname
+  }
+
+  getMetadata() {
+    return this.metadata
+  }
+
+  /**
+   * @inheritdoc
+   */
+  applyTo(snapshot) {
+    const file = snapshot.getFile(this.pathname)
+    if (!file) return
+    file.setMetadata(this.metadata)
+  }
+}
+
+module.exports = SetFileMetadataOperation
diff --git a/libraries/overleaf-editor-core/lib/operation/text_operation.js b/libraries/overleaf-editor-core/lib/operation/text_operation.js
new file mode 100644
index 0000000..148570f
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/operation/text_operation.js
@@ -0,0 +1,929 @@
+// @ts-check
+/**
+ * The text operation from OT.js with some minor cosmetic changes.
+ *
+ * Specifically, this is based on
+ * https://github.com/Operational-Transformation/ot.js/
+ * blob/298825f58fb51fefb352e7df5ddbc668f4d5646f/lib/text-operation.js
+ * from 18 Mar 2013.
+ */
+
+'use strict'
+const containsNonBmpChars = require('../util').containsNonBmpChars
+const EditOperation = require('./edit_operation')
+const {
+  RetainOp,
+  InsertOp,
+  RemoveOp,
+  isRetain,
+  isInsert,
+  isRemove,
+} = require('./scan_op')
+const {
+  UnprocessableError,
+  ApplyError,
+  InvalidInsertionError,
+  TooLongError,
+} = require('../errors')
+const Range = require('../range')
+const ClearTrackingProps = require('../file_data/clear_tracking_props')
+const TrackingProps = require('../file_data/tracking_props')
+
+/**
+ * @import StringFileData from '../file_data/string_file_data'
+ * @import { RawTextOperation, TrackingDirective } from '../types'
+ * @import { ScanOp } from '../operation/scan_op'
+ * @import TrackedChangeList from '../file_data/tracked_change_list'
+ *
+ * @typedef {{tracking?: TrackingProps, commentIds?: string[]}} InsertOptions
+ */
+
+/**
+ * Create an empty text operation.
+ * @extends EditOperation
+ */
+class TextOperation extends EditOperation {
+  /**
+   * Length of the longest file that we'll attempt to edit, in characters.
+   *
+   * @type {number}
+   */
+  static MAX_STRING_LENGTH = 2 * Math.pow(1024, 2)
+  static UnprocessableError = UnprocessableError
+  static ApplyError = ApplyError
+  static InvalidInsertionError = InvalidInsertionError
+  static TooLongError = TooLongError
+
+  constructor() {
+    super()
+
+    /**
+     * When an operation is applied to an input string, you can think of this as
+     * if an imaginary cursor runs over the entire string and skips over some
+     * parts, removes some parts and inserts characters at some positions. These
+     * actions (skip/remove/insert) are stored as an array in the "ops" property.
+     * @type {ScanOp[]}
+     */
+    this.ops = []
+
+    /**
+     * An operation's baseLength is the length of every string the operation
+     * can be applied to.
+     */
+    this.baseLength = 0
+
+    /**
+     * The targetLength is the length of every string that results from applying
+     * the operation on a valid input string.
+     */
+    this.targetLength = 0
+
+    /**
+     * The expected content hash after this operation is applied
+     *
+     * @type {string | null}
+     */
+    this.contentHash = null
+  }
+
+  /**
+   * @param {TextOperation} other
+   * @return {boolean}
+   */
+  equals(other) {
+    if (this.baseLength !== other.baseLength) {
+      return false
+    }
+    if (this.targetLength !== other.targetLength) {
+      return false
+    }
+    if (this.ops.length !== other.ops.length) {
+      return false
+    }
+    for (let i = 0; i < this.ops.length; i++) {
+      if (!this.ops[i].equals(other.ops[i])) {
+        return false
+      }
+    }
+    return true
+  }
+
+  // After an operation is constructed, the user of the library can specify the
+  // actions of an operation (skip/insert/remove) with these three builder
+  // methods. They all return the operation for convenient chaining.
+
+  /**
+   * Skip over a given number of characters.
+   * @param {number | {r: number}} n
+   * @param {{tracking?: TrackingDirective}} opts
+   * @returns {TextOperation}
+   */
+  retain(n, opts = {}) {
+    if (n === 0) {
+      return this
+    }
+
+    if (!isRetain(n)) {
+      throw new Error('retain expects an integer or a retain object')
+    }
+    const newOp = RetainOp.fromJSON(n)
+    newOp.tracking = opts.tracking
+
+    if (newOp.length === 0) {
+      return this
+    }
+
+    this.baseLength += newOp.length
+    this.targetLength += newOp.length
+
+    const lastOperation = this.ops[this.ops.length - 1]
+    if (lastOperation?.canMergeWith(newOp)) {
+      // The last op is a retain op => we can merge them into one op.
+      lastOperation.mergeWith(newOp)
+    } else {
+      // Create a new op.
+      this.ops.push(newOp)
+    }
+    return this
+  }
+
+  /**
+   * Insert a string at the current position.
+   * @param {string | {i: string}} insertValue
+   * @param {InsertOptions} opts
+   * @returns {TextOperation}
+   */
+  insert(insertValue, opts = {}) {
+    if (!isInsert(insertValue)) {
+      throw new Error('insert expects a string or an insert object')
+    }
+    const newOp = InsertOp.fromJSON(insertValue)
+    newOp.tracking = opts.tracking
+    newOp.commentIds = opts.commentIds
+    if (newOp.insertion === '') {
+      return this
+    }
+    this.targetLength += newOp.insertion.length
+    const ops = this.ops
+    const lastOp = this.ops[this.ops.length - 1]
+    if (lastOp?.canMergeWith(newOp)) {
+      // Merge insert op.
+      lastOp.mergeWith(newOp)
+    } else if (lastOp instanceof RemoveOp) {
+      // It doesn't matter when an operation is applied whether the operation
+      // is remove(3), insert("something") or insert("something"), remove(3).
+      // Here we enforce that in this case, the insert op always comes first.
+      // This makes all operations that have the same effect when applied to
+      // a document of the right length equal in respect to the `equals` method.
+      const secondToLastOp = ops[ops.length - 2]
+      if (secondToLastOp?.canMergeWith(newOp)) {
+        secondToLastOp.mergeWith(newOp)
+      } else {
+        ops[ops.length] = ops[ops.length - 1]
+        ops[ops.length - 2] = newOp
+      }
+    } else {
+      ops.push(newOp)
+    }
+    return this
+  }
+
+  /**
+   * Remove a string at the current position.
+   * @param {number | string} n
+   * @returns {TextOperation}
+   */
+  remove(n) {
+    if (typeof n === 'string') {
+      n = n.length
+    }
+    if (typeof n !== 'number') {
+      throw new Error('remove expects an integer or a string')
+    }
+    if (n === 0) {
+      return this
+    }
+    if (n > 0) {
+      n = -n
+    }
+    const newOp = RemoveOp.fromJSON(n)
+    this.baseLength -= n
+    const lastOp = this.ops[this.ops.length - 1]
+    if (lastOp?.canMergeWith(newOp)) {
+      lastOp.mergeWith(newOp)
+    } else {
+      this.ops.push(newOp)
+    }
+    return this
+  }
+
+  /**
+   * Tests whether this operation has no effect.
+   */
+  isNoop() {
+    return (
+      this.ops.length === 0 ||
+      (this.ops.length === 1 && this.ops[0] instanceof RetainOp)
+    )
+  }
+
+  /**
+   * Pretty printing.
+   */
+  toString() {
+    return this.ops.map(op => op.toString()).join(', ')
+  }
+
+  /**
+   * @inheritdoc
+   * @returns {RawTextOperation}
+   */
+  toJSON() {
+    /** @type {RawTextOperation} */
+    const json = { textOperation: this.ops.map(op => op.toJSON()) }
+    if (this.contentHash != null) {
+      json.contentHash = this.contentHash
+    }
+    return json
+  }
+
+  /**
+   * Converts a plain JS object into an operation and validates it.
+   * @param {RawTextOperation} obj
+   * @returns {TextOperation}
+   */
+  static fromJSON = function ({ textOperation: ops, contentHash }) {
+    const o = new TextOperation()
+    for (const op of ops) {
+      if (isRetain(op)) {
+        const retain = RetainOp.fromJSON(op)
+        o.retain(retain.length, { tracking: retain.tracking })
+      } else if (isInsert(op)) {
+        const insert = InsertOp.fromJSON(op)
+        o.insert(insert.insertion, {
+          commentIds: insert.commentIds,
+          tracking: insert.tracking,
+        })
+      } else if (isRemove(op)) {
+        const remove = RemoveOp.fromJSON(op)
+        o.remove(-remove.length)
+      } else {
+        throw new UnprocessableError('unknown operation: ' + JSON.stringify(op))
+      }
+    }
+    if (contentHash != null) {
+      o.contentHash = contentHash
+    }
+    return o
+  }
+
+  /**
+   * Apply an operation to a string, returning a new string. Throws an error if
+   * there's a mismatch between the input string and the operation.
+   * @override
+   * @inheritdoc
+   * @param {StringFileData} file
+   */
+  apply(file) {
+    const str = file.getContent()
+    const operation = this
+    if (containsNonBmpChars(str)) {
+      throw new TextOperation.ApplyError(
+        'The string contains non BMP characters.',
+        operation,
+        str
+      )
+    }
+    if (str.length !== operation.baseLength) {
+      throw new TextOperation.ApplyError(
+        "The operation's base length must be equal to the string's length.",
+        operation,
+        str
+      )
+    }
+
+    const ops = this.ops
+    let inputCursor = 0
+    let result = ''
+    for (const op of ops) {
+      if (op instanceof RetainOp) {
+        if (inputCursor + op.length > str.length) {
+          throw new ApplyError(
+            "Operation can't retain more chars than are left in the string.",
+            op.toJSON(),
+            str
+          )
+        }
+        file.trackedChanges.applyRetain(result.length, op.length, {
+          tracking: op.tracking,
+        })
+        result += str.slice(inputCursor, inputCursor + op.length)
+        inputCursor += op.length
+      } else if (op instanceof InsertOp) {
+        if (containsNonBmpChars(op.insertion)) {
+          throw new InvalidInsertionError(str, op.toJSON())
+        }
+        file.trackedChanges.applyInsert(result.length, op.insertion, {
+          tracking: op.tracking,
+        })
+        file.comments.applyInsert(
+          new Range(result.length, op.insertion.length),
+          { commentIds: op.commentIds }
+        )
+        result += op.insertion
+      } else if (op instanceof RemoveOp) {
+        file.trackedChanges.applyDelete(result.length, op.length)
+        file.comments.applyDelete(new Range(result.length, op.length))
+        inputCursor += op.length
+      } else {
+        throw new UnprocessableError('Unknown ScanOp type during apply')
+      }
+    }
+
+    if (inputCursor !== str.length) {
+      throw new TextOperation.ApplyError(
+        "The operation didn't operate on the whole string.",
+        operation,
+        str
+      )
+    }
+
+    if (result.length > TextOperation.MAX_STRING_LENGTH) {
+      throw new TextOperation.TooLongError(operation, result.length)
+    }
+
+    file.content = result
+  }
+
+  /**
+   * @inheritdoc
+   * @param {number} length of the original string; non-negative
+   * @return {number} length of the new string; non-negative
+   */
+  applyToLength(length) {
+    const operation = this
+    if (length !== operation.baseLength) {
+      throw new TextOperation.ApplyError(
+        "The operation's base length must be equal to the string's length.",
+        operation,
+        length
+      )
+    }
+
+    const { length: newLength, inputCursor } = this.ops.reduce(
+      (intermediate, op) => op.applyToLength(intermediate),
+      { length: 0, inputCursor: 0, inputLength: length }
+    )
+
+    if (inputCursor !== length) {
+      throw new TextOperation.ApplyError(
+        "The operation didn't operate on the whole string.",
+        operation,
+        length
+      )
+    }
+    if (newLength > TextOperation.MAX_STRING_LENGTH) {
+      throw new TextOperation.TooLongError(operation, newLength)
+    }
+    return newLength
+  }
+
+  /**
+   * @inheritdoc
+   * @param {StringFileData} previousState
+   */
+  invert(previousState) {
+    const str = previousState.getContent()
+    let strIndex = 0
+    const inverse = new TextOperation()
+    const ops = this.ops
+    for (let i = 0, l = ops.length; i < l; i++) {
+      const op = ops[i]
+      if (op instanceof RetainOp) {
+        // Where we need to end up after the retains
+        const target = strIndex + op.length
+        // A previous retain could have overriden some tracking info. Now we
+        // need to restore it.
+        const previousRanges = previousState.trackedChanges.inRange(
+          new Range(strIndex, op.length)
+        )
+
+        let removeTrackingInfoIfNeeded
+        if (op.tracking) {
+          removeTrackingInfoIfNeeded = new ClearTrackingProps()
+        }
+
+        for (const trackedChange of previousRanges) {
+          if (strIndex < trackedChange.range.start) {
+            inverse.retain(trackedChange.range.start - strIndex, {
+              tracking: removeTrackingInfoIfNeeded,
+            })
+            strIndex = trackedChange.range.start
+          }
+          if (trackedChange.range.end < strIndex + op.length) {
+            inverse.retain(trackedChange.range.length, {
+              tracking: trackedChange.tracking,
+            })
+            strIndex = trackedChange.range.end
+          }
+          if (trackedChange.range.end !== strIndex) {
+            // No need to split the range at the end
+            const [left] = trackedChange.range.splitAt(strIndex)
+            inverse.retain(left.length, { tracking: trackedChange.tracking })
+            strIndex = left.end
+          }
+        }
+        if (strIndex < target) {
+          inverse.retain(target - strIndex, {
+            tracking: removeTrackingInfoIfNeeded,
+          })
+          strIndex = target
+        }
+      } else if (op instanceof InsertOp) {
+        inverse.remove(op.insertion.length)
+      } else if (op instanceof RemoveOp) {
+        const segments = calculateTrackingCommentSegments(
+          strIndex,
+          op.length,
+          previousState.comments,
+          previousState.trackedChanges
+        )
+        for (const segment of segments) {
+          inverse.insert(str.slice(strIndex, strIndex + segment.length), {
+            tracking: segment.tracking,
+            commentIds: segment.commentIds,
+          })
+          strIndex += segment.length
+        }
+      } else {
+        throw new UnprocessableError('unknown scanop during inversion')
+      }
+    }
+    return inverse
+  }
+
+  /**
+   * @inheritdoc
+   * @param {EditOperation} other
+   */
+  canBeComposedWithForUndo(other) {
+    if (!(other instanceof TextOperation)) {
+      return false
+    }
+
+    if (this.isNoop() || other.isNoop()) {
+      return true
+    }
+
+    const startA = getStartIndex(this)
+    const startB = getStartIndex(other)
+    const simpleA = getSimpleOp(this)
+    const simpleB = getSimpleOp(other)
+    if (!simpleA || !simpleB) {
+      return false
+    }
+
+    if (simpleA instanceof InsertOp && simpleB instanceof InsertOp) {
+      return startA + simpleA.insertion.length === startB
+    }
+
+    if (simpleA instanceof RemoveOp && simpleB instanceof RemoveOp) {
+      // there are two possibilities to delete: with backspace and with the
+      // delete key.
+      return startB + simpleB.length === startA || startA === startB
+    }
+
+    return false
+  }
+
+  /**
+   * @inheritdoc
+   * @param {EditOperation} other
+   */
+  canBeComposedWith(other) {
+    if (!(other instanceof TextOperation)) {
+      return false
+    }
+    return this.targetLength === other.baseLength
+  }
+
+  /**
+   * @inheritdoc
+   * @param {EditOperation} operation2
+   */
+  compose(operation2) {
+    if (!(operation2 instanceof TextOperation)) {
+      throw new Error(
+        `Trying to compose TextOperation with ${operation2?.constructor?.name}.`
+      )
+    }
+    const operation1 = this
+    if (operation1.targetLength !== operation2.baseLength) {
+      throw new Error(
+        'The base length of the second operation has to be the ' +
+          'target length of the first operation'
+      )
+    }
+
+    const operation = new TextOperation() // the combined operation
+    const ops1 = operation1.ops
+    const ops2 = operation2.ops // for fast access
+    let i1 = 0
+    let i2 = 0 // current index into ops1 respectively ops2
+    let op1 = ops1[i1++]
+    let op2 = ops2[i2++] // current ops
+    for (;;) {
+      // Dispatch on the type of op1 and op2
+      if (typeof op1 === 'undefined' && typeof op2 === 'undefined') {
+        // end condition: both ops1 and ops2 have been processed
+        break
+      }
+
+      if (op1 instanceof RemoveOp) {
+        operation.remove(-op1.length)
+        op1 = ops1[i1++]
+        continue
+      }
+
+      if (op2 instanceof InsertOp) {
+        operation.insert(op2.insertion, {
+          tracking: op2.tracking,
+          commentIds: op2.commentIds,
+        })
+        op2 = ops2[i2++]
+        continue
+      }
+
+      if (typeof op1 === 'undefined') {
+        throw new Error(
+          'Cannot compose operations: first operation is too short.'
+        )
+      }
+      if (typeof op2 === 'undefined') {
+        throw new Error(
+          'Cannot compose operations: first operation is too long.'
+        )
+      }
+
+      if (op1 instanceof RetainOp && op2 instanceof RetainOp) {
+        // If both have tracking info, use the latter one. Otherwise use the
+        // tracking info from the former.
+        const tracking = op2.tracking ?? op1.tracking
+        if (op1.length > op2.length) {
+          operation.retain(op2.length, {
+            tracking,
+          })
+          op1 = new RetainOp(op1.length - op2.length, op1.tracking)
+          op2 = ops2[i2++]
+        } else if (op1.length === op2.length) {
+          operation.retain(op1.length, {
+            tracking,
+          })
+          op1 = ops1[i1++]
+          op2 = ops2[i2++]
+        } else {
+          operation.retain(op1.length, {
+            tracking,
+          })
+          op2 = new RetainOp(op2.length - op1.length, op2.tracking)
+          op1 = ops1[i1++]
+        }
+      } else if (op1 instanceof InsertOp && op2 instanceof RemoveOp) {
+        if (op1.insertion.length > op2.length) {
+          op1 = new InsertOp(
+            op1.insertion.slice(op2.length),
+            op1.tracking,
+            op1.commentIds
+          )
+          op2 = ops2[i2++]
+        } else if (op1.insertion.length === op2.length) {
+          op1 = ops1[i1++]
+          op2 = ops2[i2++]
+        } else {
+          op2 = RemoveOp.fromJSON(op1.insertion.length - op2.length)
+          op1 = ops1[i1++]
+        }
+      } else if (op1 instanceof InsertOp && op2 instanceof RetainOp) {
+        /** @type InsertOptions */
+        const opts = {
+          commentIds: op1.commentIds,
+        }
+        if (op2.tracking instanceof TrackingProps) {
+          // Prefer the tracking info on the second operation
+          opts.tracking = op2.tracking
+        } else if (!(op2.tracking instanceof ClearTrackingProps)) {
+          // The second operation does not cancel the first operation's tracking
+          opts.tracking = op1.tracking
+        }
+        if (op1.insertion.length > op2.length) {
+          operation.insert(op1.insertion.slice(0, op2.length), opts)
+          op1 = new InsertOp(
+            op1.insertion.slice(op2.length),
+            op1.tracking,
+            op1.commentIds
+          )
+          op2 = ops2[i2++]
+        } else if (op1.insertion.length === op2.length) {
+          operation.insert(op1.insertion, opts)
+          op1 = ops1[i1++]
+          op2 = ops2[i2++]
+        } else {
+          operation.insert(op1.insertion, opts)
+          op2 = new RetainOp(op2.length - op1.insertion.length, op2.tracking)
+          op1 = ops1[i1++]
+        }
+      } else if (op1 instanceof RetainOp && op2 instanceof RemoveOp) {
+        if (op1.length > op2.length) {
+          operation.remove(-op2.length)
+          op1 = new RetainOp(op1.length - op2.length, op1.tracking)
+          op2 = ops2[i2++]
+        } else if (op1.length === op2.length) {
+          operation.remove(-op2.length)
+          op1 = ops1[i1++]
+          op2 = ops2[i2++]
+        } else {
+          operation.remove(op1.length)
+          op2 = RemoveOp.fromJSON(op1.length - op2.length)
+          op1 = ops1[i1++]
+        }
+      } else {
+        throw new Error(
+          "This shouldn't happen: op1: " +
+            JSON.stringify(op1) +
+            ', op2: ' +
+            JSON.stringify(op2)
+        )
+      }
+    }
+    return operation
+  }
+
+  /**
+   * Transform takes two operations A and B that happened concurrently and
+   * produces two operations A' and B' (in an array) such that
+   * `apply(apply(S, A), B') = apply(apply(S, B), A')`. This function is the
+   * heart of OT.
+   * @param {TextOperation} operation1
+   * @param {TextOperation} operation2
+   * @returns {[TextOperation, TextOperation]}
+   */
+  static transform(operation1, operation2) {
+    if (operation1.baseLength !== operation2.baseLength) {
+      throw new Error('Both operations have to have the same base length')
+    }
+
+    const operation1prime = new TextOperation()
+    const operation2prime = new TextOperation()
+    const ops1 = operation1.ops
+    const ops2 = operation2.ops
+    let i1 = 0
+    let i2 = 0
+    let op1 = ops1[i1++]
+    let op2 = ops2[i2++]
+    for (;;) {
+      // At every iteration of the loop, the imaginary cursor that both
+      // operation1 and operation2 have that operates on the input string must
+      // have the same position in the input string.
+
+      if (typeof op1 === 'undefined' && typeof op2 === 'undefined') {
+        // end condition: both ops1 and ops2 have been processed
+        break
+      }
+
+      // next two cases: one or both ops are insert ops
+      // => insert the string in the corresponding prime operation, skip it in
+      // the other one. If both op1 and op2 are insert ops, prefer op1.
+      if (op1 instanceof InsertOp) {
+        operation1prime.insert(op1.insertion, {
+          tracking: op1.tracking,
+          commentIds: op1.commentIds,
+        })
+        operation2prime.retain(op1.insertion.length)
+        op1 = ops1[i1++]
+        continue
+      }
+      if (op2 instanceof InsertOp) {
+        operation1prime.retain(op2.insertion.length)
+        operation2prime.insert(op2.insertion, {
+          tracking: op2.tracking,
+          commentIds: op2.commentIds,
+        })
+        op2 = ops2[i2++]
+        continue
+      }
+
+      if (typeof op1 === 'undefined') {
+        throw new Error(
+          'Cannot compose operations: first operation is too short.'
+        )
+      }
+      if (typeof op2 === 'undefined') {
+        throw new Error(
+          'Cannot compose operations: first operation is too long.'
+        )
+      }
+
+      let minl
+      if (op1 instanceof RetainOp && op2 instanceof RetainOp) {
+        // Simple case: retain/retain
+
+        // If both have tracking info, we use the one from op1
+        /** @type {TrackingProps | ClearTrackingProps | undefined} */
+        let operation1primeTracking
+        /** @type {TrackingProps | ClearTrackingProps | undefined} */
+        let operation2primeTracking
+        if (op1.tracking) {
+          operation1primeTracking = op1.tracking
+        } else {
+          operation2primeTracking = op2.tracking
+        }
+
+        if (op1.length > op2.length) {
+          minl = op2.length
+          op1 = new RetainOp(op1.length - op2.length, op1.tracking)
+          op2 = ops2[i2++]
+        } else if (op1.length === op2.length) {
+          minl = op2.length
+          op1 = ops1[i1++]
+          op2 = ops2[i2++]
+        } else {
+          minl = op1.length
+          op2 = new RetainOp(op2.length - op1.length, op2.tracking)
+          op1 = ops1[i1++]
+        }
+        operation1prime.retain(minl, { tracking: operation1primeTracking })
+        operation2prime.retain(minl, { tracking: operation2primeTracking })
+      } else if (op1 instanceof RemoveOp && op2 instanceof RemoveOp) {
+        // Both operations remove the same string at the same position. We don't
+        // need to produce any operations, we just skip over the remove ops and
+        // handle the case that one operation removes more than the other.
+        if (op1.length > op2.length) {
+          op1 = RemoveOp.fromJSON(op2.length - op1.length)
+          op2 = ops2[i2++]
+        } else if (op1.length === op2.length) {
+          op1 = ops1[i1++]
+          op2 = ops2[i2++]
+        } else {
+          op2 = RemoveOp.fromJSON(op1.length - op2.length)
+          op1 = ops1[i1++]
+        }
+        // next two cases: remove/retain and retain/remove
+      } else if (op1 instanceof RemoveOp && op2 instanceof RetainOp) {
+        if (op1.length > op2.length) {
+          minl = op2.length
+          op1 = RemoveOp.fromJSON(op2.length - op1.length)
+          op2 = ops2[i2++]
+        } else if (op1.length === op2.length) {
+          minl = op2.length
+          op1 = ops1[i1++]
+          op2 = ops2[i2++]
+        } else {
+          minl = op1.length
+          op2 = new RetainOp(op2.length - op1.length, op2.tracking)
+          op1 = ops1[i1++]
+        }
+        operation1prime.remove(minl)
+      } else if (op1 instanceof RetainOp && op2 instanceof RemoveOp) {
+        if (op1.length > op2.length) {
+          minl = op2.length
+          op1 = new RetainOp(op1.length - op2.length, op1.tracking)
+          op2 = ops2[i2++]
+        } else if (op1.length === op2.length) {
+          minl = op1.length
+          op1 = ops1[i1++]
+          op2 = ops2[i2++]
+        } else {
+          minl = op1.length
+          op2 = RemoveOp.fromJSON(op1.length - op2.length)
+          op1 = ops1[i1++]
+        }
+        operation2prime.remove(minl)
+      } else {
+        throw new Error("The two operations aren't compatible")
+      }
+    }
+
+    return [operation1prime, operation2prime]
+  }
+}
+
+// Operation are essentially lists of ops. There are three types of ops:
+//
+// * Retain ops: Advance the cursor position by a given number of characters.
+//   Represented by positive ints.
+// * Insert ops: Insert a given string at the current cursor position.
+//   Represented by strings.
+// * Remove ops: Remove the next n characters. Represented by negative ints.
+
+/**
+ *
+ * @param {TextOperation} operation
+ * @returns {ScanOp | null}
+ */
+function getSimpleOp(operation) {
+  const ops = operation.ops
+  switch (ops.length) {
+    case 1:
+      return ops[0]
+    case 2:
+      return ops[0] instanceof RetainOp
+        ? ops[1]
+        : ops[1] instanceof RetainOp
+          ? ops[0]
+          : null
+    case 3:
+      if (ops[0] instanceof RetainOp && ops[2] instanceof RetainOp) {
+        return ops[1]
+      }
+  }
+  return null
+}
+
+/**
+ * @param {TextOperation} operation
+ * @return {number}
+ */
+function getStartIndex(operation) {
+  if (operation.ops[0] instanceof RetainOp) {
+    return operation.ops[0].length
+  }
+  return 0
+}
+
+/**
+ * Constructs the segments defined as each overlapping range of tracked
+ * changes and comments. Each segment can have it's own tracking props and
+ * attached comment ids.
+ *
+ *                  The quick brown fox jumps over the lazy dog
+ * Tracked inserts            ----------               -----
+ * Tracked deletes      ------
+ * Comment 1               -------
+ * Comment 2                    ----
+ * Comment 3                           -----------------
+ *
+ * Approx. boundaries:  |  | | || |   |                |   |
+ *
+ * @param {number} cursor
+ * @param {number} length
+ * @param {import('../file_data/comment_list')} commentsList
+ * @param {TrackedChangeList} trackedChangeList
+ * @returns {{length: number, commentIds?: string[], tracking?: TrackingProps}[]}
+ */
+function calculateTrackingCommentSegments(
+  cursor,
+  length,
+  commentsList,
+  trackedChangeList
+) {
+  const breaks = new Set()
+  const opStart = cursor
+  const opEnd = cursor + length
+  /**
+   * Utility function to limit breaks to the boundary set by the operation range
+   * @param {number} rangeBoundary
+   */
+  function addBreak(rangeBoundary) {
+    if (rangeBoundary < opStart || rangeBoundary > opEnd) {
+      return
+    }
+    breaks.add(rangeBoundary)
+  }
+  // Add comment boundaries
+  for (const comment of commentsList.comments.values()) {
+    for (const range of comment.ranges) {
+      addBreak(range.end)
+      addBreak(range.start)
+    }
+  }
+  // Add tracked change boundaries
+  for (const trackedChange of trackedChangeList.asSorted()) {
+    addBreak(trackedChange.range.start)
+    addBreak(trackedChange.range.end)
+  }
+  // Add operation boundaries
+  addBreak(opStart)
+  addBreak(opEnd)
+
+  // Sort the boundaries so that we can construct ranges between them
+  const sortedBreaks = Array.from(breaks).sort((a, b) => a - b)
+
+  const separateRanges = []
+  for (let i = 1; i < sortedBreaks.length; i++) {
+    const start = sortedBreaks[i - 1]
+    const end = sortedBreaks[i]
+    const currentRange = new Range(start, end - start)
+    // The comment ids that cover the current range is part of this sub-range
+    const commentIds = commentsList.idsCoveringRange(currentRange)
+    // The tracking info that covers the current range is part of this sub-range
+    const tracking = trackedChangeList.propsAtRange(currentRange)
+    separateRanges.push({
+      length: currentRange.length,
+      commentIds: commentIds.length > 0 ? commentIds : undefined,
+      tracking,
+    })
+  }
+  return separateRanges
+}
+
+module.exports = TextOperation
diff --git a/libraries/overleaf-editor-core/lib/origin/index.js b/libraries/overleaf-editor-core/lib/origin/index.js
new file mode 100644
index 0000000..6575157
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/origin/index.js
@@ -0,0 +1,64 @@
+'use strict'
+
+const assert = require('check-types').assert
+
+// Dependencies are loaded at the bottom of the file to mitigate circular
+// dependency
+let RestoreOrigin = null
+let RestoreFileOrigin = null
+let RestoreProjectOrigin = null
+
+/**
+ * An Origin records where a {@link Change} came from. The Origin class handles
+ * simple tag origins, like "it came from rich text mode", or "it came from
+ * uploading files". Its subclasses record more detailed data for Changes such
+ * as restoring a version.
+ */
+class Origin {
+  /**
+   * @param {string} kind
+   */
+  constructor(kind) {
+    assert.string(kind, 'Origin: bad kind')
+
+    this.kind = kind
+  }
+
+  /**
+   * Create an Origin from its raw form.
+   *
+   * @param {Object} [raw]
+   * @return {Origin | null}
+   */
+  static fromRaw(raw) {
+    if (!raw) return null
+    if (raw.kind === RestoreOrigin.KIND) return RestoreOrigin.fromRaw(raw)
+    if (raw.kind === RestoreFileOrigin.KIND)
+      return RestoreFileOrigin.fromRaw(raw)
+    if (raw.kind === RestoreProjectOrigin.KIND)
+      return RestoreProjectOrigin.fromRaw(raw)
+    return new Origin(raw.kind)
+  }
+
+  /**
+   * Convert the Origin to raw form for storage or transmission.
+   *
+   * @return {Object}
+   */
+  toRaw() {
+    return { kind: this.kind }
+  }
+
+  /**
+   * @return {string}
+   */
+  getKind() {
+    return this.kind
+  }
+}
+
+module.exports = Origin
+
+RestoreOrigin = require('./restore_origin')
+RestoreFileOrigin = require('./restore_file_origin')
+RestoreProjectOrigin = require('./restore_project_origin')
diff --git a/libraries/overleaf-editor-core/lib/origin/restore_file_origin.js b/libraries/overleaf-editor-core/lib/origin/restore_file_origin.js
new file mode 100644
index 0000000..6e42467
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/origin/restore_file_origin.js
@@ -0,0 +1,62 @@
+'use strict'
+
+const assert = require('check-types').assert
+
+const Origin = require('.')
+
+class RestoreFileOrigin extends Origin {
+  /**
+   * @param {number} version that was restored
+   * @param {string} path that was restored
+   * @param {Date} timestamp from the restored version
+   */
+  constructor(version, path, timestamp) {
+    assert.integer(version, 'RestoreFileOrigin: bad version')
+    assert.string(path, 'RestoreFileOrigin: bad path')
+    assert.date(timestamp, 'RestoreFileOrigin: bad timestamp')
+
+    super(RestoreFileOrigin.KIND)
+    this.version = version
+    this.path = path
+    this.timestamp = timestamp
+  }
+
+  static fromRaw(raw) {
+    return new RestoreFileOrigin(raw.version, raw.path, new Date(raw.timestamp))
+  }
+
+  /** @inheritdoc */
+  toRaw() {
+    return {
+      kind: RestoreFileOrigin.KIND,
+      version: this.version,
+      path: this.path,
+      timestamp: this.timestamp.toISOString(),
+    }
+  }
+
+  /**
+   * @return {number}
+   */
+  getVersion() {
+    return this.version
+  }
+
+  /**
+   * @return {string}
+   */
+  getPath() {
+    return this.path
+  }
+
+  /**
+   * @return {Date}
+   */
+  getTimestamp() {
+    return this.timestamp
+  }
+}
+
+RestoreFileOrigin.KIND = 'file-restore'
+
+module.exports = RestoreFileOrigin
diff --git a/libraries/overleaf-editor-core/lib/origin/restore_origin.js b/libraries/overleaf-editor-core/lib/origin/restore_origin.js
new file mode 100644
index 0000000..15bb425
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/origin/restore_origin.js
@@ -0,0 +1,62 @@
+'use strict'
+
+const assert = require('check-types').assert
+
+const Origin = require('./')
+
+/**
+ * When a {@link Change} is generated by restoring a previous version, this
+ * records the original version. We also store the timestamp of the restored
+ * version for display; technically, this is redundant, because we could
+ * recover it using the version ID. However, it would be very expensive to
+ * recover all referenced versions, and it is also possible that the change
+ * for the restored version will no longer exist, either because it was merged
+ * with other changes or was deleted.
+ *
+ * @see Origin
+ */
+class RestoreOrigin extends Origin {
+  /**
+   * @param {number} version that was restored
+   * @param {Date} timestamp from the restored version
+   */
+  constructor(version, timestamp) {
+    assert.integer(version, 'RestoreOrigin: bad version')
+    assert.date(timestamp, 'RestoreOrigin: bad timestamp')
+
+    super(RestoreOrigin.KIND)
+    this.version = version
+    this.timestamp = timestamp
+  }
+
+  static fromRaw(raw) {
+    return new RestoreOrigin(raw.version, new Date(raw.timestamp))
+  }
+
+  /** @inheritdoc */
+  toRaw() {
+    return {
+      kind: RestoreOrigin.KIND,
+      version: this.version,
+      timestamp: this.timestamp.toISOString(),
+    }
+  }
+
+  /**
+   * @return {number}
+   */
+  getVersion() {
+    return this.version
+  }
+
+  /**
+   * @return {Date}
+   */
+  getTimestamp() {
+    return this.timestamp
+  }
+}
+
+RestoreOrigin.KIND = 'restore'
+
+module.exports = RestoreOrigin
diff --git a/libraries/overleaf-editor-core/lib/origin/restore_project_origin.js b/libraries/overleaf-editor-core/lib/origin/restore_project_origin.js
new file mode 100644
index 0000000..9db14b1
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/origin/restore_project_origin.js
@@ -0,0 +1,51 @@
+'use strict'
+
+const assert = require('check-types').assert
+
+const Origin = require('.')
+
+class RestoreProjectOrigin extends Origin {
+  /**
+   * @param {number} version that was restored
+   * @param {Date} timestamp from the restored version
+   */
+  constructor(version, timestamp) {
+    assert.integer(version, 'RestoreProjectOrigin: bad version')
+    assert.date(timestamp, 'RestoreProjectOrigin: bad timestamp')
+
+    super(RestoreProjectOrigin.KIND)
+    this.version = version
+    this.timestamp = timestamp
+  }
+
+  static fromRaw(raw) {
+    return new RestoreProjectOrigin(raw.version, new Date(raw.timestamp))
+  }
+
+  /** @inheritdoc */
+  toRaw() {
+    return {
+      kind: RestoreProjectOrigin.KIND,
+      version: this.version,
+      timestamp: this.timestamp.toISOString(),
+    }
+  }
+
+  /**
+   * @return {number}
+   */
+  getVersion() {
+    return this.version
+  }
+
+  /**
+   * @return {Date}
+   */
+  getTimestamp() {
+    return this.timestamp
+  }
+}
+
+RestoreProjectOrigin.KIND = 'project-restore'
+
+module.exports = RestoreProjectOrigin
diff --git a/libraries/overleaf-editor-core/lib/ot_client.js b/libraries/overleaf-editor-core/lib/ot_client.js
new file mode 100644
index 0000000..379f9bc
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/ot_client.js
@@ -0,0 +1,239 @@
+'use strict'
+
+const _ = require('lodash')
+
+const ChangeNote = require('./change_note')
+const ChangeRequest = require('./change_request')
+const Chunk = require('./chunk')
+const Operation = require('./operation')
+
+/**
+ * Operational Transformation client.
+ *
+ * See OT.md for explanation.
+ */
+class OtClient {
+  constructor(_projectId, _editor, _blobStore, _socket) {
+    const STATE_DISCONNECTED = 0
+    const STATE_LOADING = 1
+    const STATE_READY = 2
+    const STATE_WAITING = 3
+
+    let _version = null
+    let _state = STATE_DISCONNECTED
+    const _buffer = []
+    let _ackVersion = null
+    let _outstanding = []
+    let _pending = []
+    const _waiting = []
+
+    this.connect = function otClientConnect() {
+      switch (_state) {
+        case STATE_DISCONNECTED:
+          _state = STATE_LOADING
+          _socket.emit('authenticate', {
+            projectId: _projectId,
+            token: 'letmein',
+          })
+          break
+        default:
+          throw new Error('connect in state ' + _state)
+      }
+    }
+
+    /**
+     * The latest project version number for which the client can construct the
+     * project content.
+     *
+     * @return {number} non-negative
+     */
+    this.getVersion = function () {
+      return _version
+    }
+
+    _socket.on('load', function otClientOnLoad(data) {
+      switch (_state) {
+        case STATE_LOADING: {
+          const chunk = Chunk.fromRaw(data)
+          const snapshot = chunk.getSnapshot()
+          snapshot.applyAll(chunk.getChanges(), { strict: true })
+          _version = chunk.getEndVersion()
+          // TODO: we can get remote changes here, so it's not correct to wait for
+          // the editor to load before transitioning to the READY state
+          _editor.load(snapshot).then(function () {
+            _state = STATE_READY
+          })
+          break
+        }
+        default:
+          throw new Error('loaded in state ' + _state)
+      }
+    })
+
+    //
+    // Local Operations
+    //
+
+    function sendOutstandingChange() {
+      const changeRequest = new ChangeRequest(_version, _outstanding)
+      _socket.emit('change', changeRequest.toRaw())
+      _state = STATE_WAITING
+    }
+
+    function sendLocalOperation(operation) {
+      _outstanding.push(operation)
+      sendOutstandingChange()
+    }
+
+    function queueLocalOperation(operation) {
+      _pending.push(operation)
+    }
+
+    this.handleLocalOperation = function otClientHandleLocalOperation(
+      operation
+    ) {
+      switch (_state) {
+        case STATE_READY:
+          sendLocalOperation(operation)
+          break
+        case STATE_WAITING:
+          queueLocalOperation(operation)
+          break
+        default:
+          throw new Error('local operation in state ' + _state)
+      }
+    }
+
+    /**
+     * A promise that resolves when the project reaches the given version.
+     *
+     * @param {number} version non-negative
+     * @return {Promise}
+     */
+    this.waitForVersion = function otClientWaitForVersion(version) {
+      if (!_waiting[version]) _waiting[version] = []
+      return new Promise(function (resolve, reject) {
+        _waiting[version].push(resolve)
+      })
+    }
+
+    function resolveWaitingPromises() {
+      for (const version in _waiting) {
+        if (!Object.prototype.hasOwnProperty.call(_waiting, version)) continue
+        if (version > _version) continue
+        _waiting[version].forEach(function (resolve) {
+          resolve()
+        })
+        delete _waiting[version]
+      }
+    }
+
+    //
+    // Messages from Server
+    //
+
+    function advanceIfReady() {
+      if (_ackVersion !== null && _version === _ackVersion) {
+        _version += 1
+        _ackVersion = null
+        handleAckReady()
+        advanceIfReady()
+        return
+      }
+      const changeNotes = _.remove(_buffer, function (changeNote) {
+        return changeNote.getBaseVersion() === _version
+      })
+      if (changeNotes.length === 1) {
+        handleRemoteChangeReady(changeNotes[0].getChange())
+        _version += 1
+        advanceIfReady()
+        return
+      }
+      if (changeNotes.length !== 0) {
+        throw new Error('multiple remote changes in client version ' + _version)
+      }
+    }
+
+    function bufferRemoteChangeNote(changeNote) {
+      const version = changeNote.getBaseVersion()
+      if (_.find(_buffer, 'baseVersion', version)) {
+        throw new Error('multiple changes in version ' + version)
+      }
+      if (version === _ackVersion) {
+        throw new Error('received change that was acked in ' + _ackVersion)
+      }
+      _buffer.push(changeNote)
+    }
+
+    function handleAckReady() {
+      // console.log('handleAckReady')
+      if (_outstanding.length === 0) {
+        throw new Error('ack complete without outstanding change')
+      }
+      if (_state !== STATE_WAITING) {
+        throw new Error('ack complete in state ' + _state)
+      }
+      _editor.handleChangeAcknowledged()
+      resolveWaitingPromises()
+      if (_pending.length > 0) {
+        _outstanding = _pending
+        _pending = []
+        sendOutstandingChange()
+      } else {
+        _outstanding = []
+        _state = STATE_READY
+      }
+    }
+
+    function handleRemoteChangeReady(change) {
+      if (_pending.length > 0) {
+        if (_outstanding.length === 0) {
+          throw new Error('pending change without outstanding change')
+        }
+      }
+
+      Operation.transformMultiple(_outstanding, change.getOperations())
+      Operation.transformMultiple(_pending, change.getOperations())
+
+      _editor.applyRemoteChange(change)
+    }
+
+    _socket.on('ack', function otClientOnAck(data) {
+      switch (_state) {
+        case STATE_WAITING: {
+          const changeNote = ChangeNote.fromRaw(data)
+          _ackVersion = changeNote.getBaseVersion()
+          advanceIfReady()
+          break
+        }
+        default:
+          throw new Error('ack in state ' + _state)
+      }
+    })
+
+    _socket.on('change', function otClientOnChange(data) {
+      switch (_state) {
+        case STATE_READY:
+        case STATE_WAITING:
+          bufferRemoteChangeNote(ChangeNote.fromRaw(data))
+          advanceIfReady()
+          break
+        default:
+          throw new Error('remote change in state ' + _state)
+      }
+    })
+
+    //
+    // Connection State
+    // TODO: socket.io error handling
+    //
+
+    _socket.on('disconnect', function () {
+      _state = STATE_DISCONNECTED
+      // eslint-disable-next-line no-console
+      console.log('disconnected') // TODO: how do we handle disconnect?
+    })
+  }
+}
+
+module.exports = OtClient
diff --git a/libraries/overleaf-editor-core/lib/range.js b/libraries/overleaf-editor-core/lib/range.js
new file mode 100644
index 0000000..bc47632
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/range.js
@@ -0,0 +1,232 @@
+// @ts-check
+
+const OError = require('@overleaf/o-error')
+
+/**
+ * @import { RawRange } from './types'
+ */
+
+class Range {
+  /**
+   * @param {number} pos
+   * @param {number} length
+   */
+  constructor(pos, length) {
+    if (pos < 0 || length < 0) {
+      throw new OError('Invalid range', { pos, length })
+    }
+    /** @readonly */
+    this.pos = pos
+    /** @readonly */
+    this.length = length
+  }
+
+  /**
+   * @return {number}
+   */
+  get start() {
+    return this.pos
+  }
+
+  /**
+   * @return {number}
+   */
+  get end() {
+    return this.pos + this.length
+  }
+
+  /**
+   * Is this range equal to the given range?
+   *
+   * @param {Range} other
+   * @returns {boolean}
+   */
+  equals(other) {
+    return this.pos === other.pos && this.length === other.length
+  }
+
+  /**
+   * @param {Range} range
+   * @returns {boolean}
+   */
+  startsAfter(range) {
+    return this.start >= range.end
+  }
+
+  /**
+   * @param {number} pos
+   * @returns {boolean}
+   */
+  startIsAfter(pos) {
+    return this.start > pos
+  }
+
+  /**
+   *
+   * @returns {boolean}
+   */
+  isEmpty() {
+    return this.length === 0
+  }
+
+  /**
+   * checks if the range contains a given range
+   * @param {Range} range
+   */
+  contains(range) {
+    return this.start <= range.start && this.end >= range.end
+  }
+
+  /**
+   * checks if the range contains a cursor (i.e. is not at the ends of the range)
+   * @param {number} cursor
+   */
+  containsCursor(cursor) {
+    return this.start <= cursor && this.end >= cursor
+  }
+
+  /**
+   * @param {Range} range
+   */
+  overlaps(range) {
+    return this.start < range.end && this.end > range.start
+  }
+
+  /**
+   * checks if the range touches a given range
+   * @param {Range} range
+   */
+  touches(range) {
+    return this.end === range.start || this.start === range.end
+  }
+
+  /**
+   * @param {Range} range
+   * @returns {Range}
+   */
+  subtract(range) {
+    if (this.contains(range)) {
+      return this.shrinkBy(range.length)
+    }
+
+    if (range.contains(this)) {
+      return new Range(this.pos, 0)
+    }
+
+    if (range.overlaps(this)) {
+      if (range.start < this.start) {
+        const intersectedLength = range.end - this.start
+        return new Range(range.pos, this.length - intersectedLength)
+      } else {
+        const intersectedLength = this.end - range.start
+        return new Range(this.pos, this.length - intersectedLength)
+      }
+    }
+
+    return new Range(this.pos, this.length)
+  }
+
+  /**
+   * @param {Range} range
+   * @returns {boolean}
+   */
+  canMerge(range) {
+    return this.overlaps(range) || this.touches(range)
+  }
+
+  /**
+   * @param {Range} range
+   */
+  merge(range) {
+    if (!this.canMerge(range)) {
+      throw new Error('Ranges cannot be merged')
+    }
+    const newPos = Math.min(this.pos, range.pos)
+    const newEnd = Math.max(this.end, range.end)
+
+    return new Range(newPos, newEnd - newPos)
+  }
+
+  /**
+   * Moves the range by a given number
+   * @param {number} length
+   */
+  moveBy(length) {
+    return new Range(this.pos + length, this.length)
+  }
+
+  /**
+   * Extends the range by a given number
+   * @param {number} extensionLength
+   */
+  extendBy(extensionLength) {
+    return new Range(this.pos, this.length + extensionLength)
+  }
+
+  /**
+   * Shrinks the range by a given number
+   * @param {number} shrinkLength
+   */
+  shrinkBy(shrinkLength) {
+    const newLength = this.length - shrinkLength
+
+    if (newLength < 0) {
+      throw new Error('Cannot shrink range by more than its length')
+    }
+
+    return new Range(this.pos, newLength)
+  }
+
+  /**
+   * Splits a range on the cursor and insert a range with the length provided
+   * @param {number} cursor
+   * @param {number} length
+   * @returns {[Range, Range, Range]}
+   */
+  insertAt(cursor, length) {
+    if (!this.containsCursor(cursor)) {
+      throw new Error('The cursor must be contained in the range')
+    }
+    const rangeUpToCursor = new Range(this.pos, cursor - this.pos)
+    const insertedRange = new Range(cursor, length)
+    const rangeAfterCursor = new Range(
+      cursor + length,
+      this.length - rangeUpToCursor.length
+    )
+    return [rangeUpToCursor, insertedRange, rangeAfterCursor]
+  }
+
+  toRaw() {
+    return {
+      pos: this.pos,
+      length: this.length,
+    }
+  }
+
+  /**
+   * @param {RawRange} raw
+   * @return {Range}
+   */
+  static fromRaw(raw) {
+    return new Range(raw.pos, raw.length)
+  }
+
+  /**
+   * Splits a range into two ranges, at a given cursor
+   * @param {number} cursor
+   * @returns {[Range, Range]}
+   */
+  splitAt(cursor) {
+    if (!this.containsCursor(cursor)) {
+      throw new Error('The cursor must be contained in the range')
+    }
+    const rangeUpToCursor = new Range(this.pos, cursor - this.pos)
+    const rangeAfterCursor = new Range(
+      cursor,
+      this.length - rangeUpToCursor.length
+    )
+    return [rangeUpToCursor, rangeAfterCursor]
+  }
+}
+
+module.exports = Range
diff --git a/libraries/overleaf-editor-core/lib/safe_pathname.js b/libraries/overleaf-editor-core/lib/safe_pathname.js
new file mode 100644
index 0000000..91bbd5b
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/safe_pathname.js
@@ -0,0 +1,142 @@
+// @ts-check
+'use strict'
+
+const path = require('path-browserify')
+
+/**
+ * Regular expressions for Overleaf v2 taken from
+ * https://github.com/overleaf/internal/blob/f7b287b6a07354000a6b463ca3a5828104e4a811/services/web/app/src/Features/Project/SafePath.js
+ */
+
+//
+// Regex of characters that are invalid in filenames
+//
+// eslint-disable-next-line no-control-regex
+const BAD_CHAR_RX = /[/*\u0000-\u001F\u007F\u0080-\u009F\uD800-\uDFFF]/g
+
+//
+// Regex of filename patterns that are invalid ("."  ".." and leading/trailing
+// whitespace)
+//
+const BAD_FILE_RX = /(^\.$)|(^\.\.$)|(^\s+)|(\s+$)/g
+
+//
+// Put a block on filenames which match javascript property names, as they
+// can cause exceptions where the code puts filenames into a hash. This is a
+// temporary workaround until the code in other places is made safe against
+// property names.
+//
+// See https://github.com/overleaf/write_latex/wiki/Using-javascript-Objects-as-Maps
+//
+const BLOCKED_FILE_RX =
+  /^(prototype|constructor|toString|toLocaleString|valueOf|hasOwnProperty|isPrototypeOf|propertyIsEnumerable|__defineGetter__|__lookupGetter__|__defineSetter__|__lookupSetter__|__proto__)$/
+
+//
+// Maximum path length, in characters. This is fairly arbitrary.
+//
+const MAX_PATH = 1024
+
+/**
+ * Replace invalid characters and filename patterns in a filename with
+ * underscores.
+ * @param {string} filename
+ */
+function cleanPart(filename) {
+  filename = filename.replace(BAD_CHAR_RX, '_')
+  filename = filename.replace(BAD_FILE_RX, function (match) {
+    return new Array(match.length + 1).join('_')
+  })
+  return filename
+}
+
+/**
+ * All pathnames in a Snapshot must be clean. We want pathnames that:
+ *
+ * 1. are unambiguous (e.g. no `.`s or redundant path separators)
+ * 2. do not allow directory traversal attacks (e.g. no `..`s or absolute paths)
+ * 3. do not contain leading/trailing space
+ * 4. do not contain the character '*' in filenames
+ *
+ * We normalise the pathname, split it by the separator and then clean each part
+ * as a filename
+ *
+ * @param {string} pathname
+ * @return {String}
+ */
+exports.clean = function (pathname) {
+  return exports.cleanDebug(pathname)[0]
+}
+
+/**
+ * See clean
+ * @param {string} pathname
+ * @return {[string,string]}
+ */
+exports.cleanDebug = function (pathname) {
+  let prev = pathname
+  let reason = ''
+
+  /**
+   * @param {string} label
+   */
+  function recordReasonIfChanged(label) {
+    if (pathname === prev) return
+    if (reason) reason += ','
+    reason += label
+    prev = pathname
+  }
+  pathname = path.normalize(pathname)
+  recordReasonIfChanged('normalize')
+
+  pathname = pathname.replace(/\\/g, '/')
+  recordReasonIfChanged('workaround for IE')
+
+  pathname = pathname.replace(/\/+/g, '/')
+  recordReasonIfChanged('no multiple slashes')
+
+  pathname = pathname.replace(/^(\/.*)$/, '_$1')
+  recordReasonIfChanged('no leading /')
+
+  pathname = pathname.replace(/^(.+)\/$/, '$1')
+  recordReasonIfChanged('no trailing /')
+
+  pathname = pathname.replace(/^ *(.*)$/, '$1')
+  recordReasonIfChanged('no leading spaces')
+
+  pathname = pathname.replace(/^(.*[^ ]) *$/, '$1')
+  recordReasonIfChanged('no trailing spaces')
+
+  if (pathname.length === 0) pathname = '_'
+  recordReasonIfChanged('empty')
+
+  pathname = pathname.split('/').map(cleanPart).join('/')
+  recordReasonIfChanged('cleanPart')
+
+  pathname = pathname.replace(BLOCKED_FILE_RX, '@$1')
+  recordReasonIfChanged('BLOCKED_FILE_RX')
+  return [pathname, reason]
+}
+
+/**
+ * A pathname is clean (see clean) and not too long.
+ *
+ * @param {string} pathname
+ * @return {Boolean}
+ */
+exports.isClean = function pathnameIsClean(pathname) {
+  return exports.isCleanDebug(pathname)[0]
+}
+
+/**
+ * A pathname is clean (see clean) and not too long.
+ *
+ * @param {string} pathname
+ * @return {[boolean,string]}
+ */
+exports.isCleanDebug = function (pathname) {
+  if (pathname.length > MAX_PATH) return [false, 'MAX_PATH']
+  if (pathname.length === 0) return [false, 'empty']
+  const [cleanPathname, reason] = exports.cleanDebug(pathname)
+  if (cleanPathname !== pathname) return [false, reason]
+  return [true, '']
+}
diff --git a/libraries/overleaf-editor-core/lib/snapshot.js b/libraries/overleaf-editor-core/lib/snapshot.js
new file mode 100644
index 0000000..c33b48f
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/snapshot.js
@@ -0,0 +1,284 @@
+// @ts-check
+'use strict'
+
+const assert = require('check-types').assert
+const OError = require('@overleaf/o-error')
+
+const FileMap = require('./file_map')
+const V2DocVersions = require('./v2_doc_versions')
+
+const FILE_LOAD_CONCURRENCY = 50
+
+/**
+ * @import { BlobStore, RawSnapshot, ReadonlyBlobStore } from "./types"
+ * @import Change from "./change"
+ * @import TextOperation from "./operation/text_operation"
+ * @import File from "./file"
+ */
+
+class EditMissingFileError extends OError {}
+
+/**
+ * A Snapshot represents the state of a {@link Project} at a
+ * particular version.
+ */
+class Snapshot {
+  static PROJECT_VERSION_RX_STRING = '^[0-9]+\\.[0-9]+$'
+  static PROJECT_VERSION_RX = new RegExp(Snapshot.PROJECT_VERSION_RX_STRING)
+  static EditMissingFileError = EditMissingFileError
+
+  /**
+   * @param {RawSnapshot} raw
+   * @return {Snapshot}
+   */
+  static fromRaw(raw) {
+    assert.object(raw.files, 'bad raw.files')
+    return new Snapshot(
+      FileMap.fromRaw(raw.files),
+      raw.projectVersion,
+      V2DocVersions.fromRaw(raw.v2DocVersions)
+    )
+  }
+
+  toRaw() {
+    /** @type RawSnapshot */
+    const raw = {
+      files: this.fileMap.toRaw(),
+    }
+    if (this.projectVersion) raw.projectVersion = this.projectVersion
+    if (this.v2DocVersions) raw.v2DocVersions = this.v2DocVersions.toRaw()
+    return raw
+  }
+
+  /**
+   * @param {FileMap} [fileMap]
+   * @param {string} [projectVersion]
+   * @param {V2DocVersions} [v2DocVersions]
+   */
+  constructor(fileMap, projectVersion, v2DocVersions) {
+    assert.maybe.instance(fileMap, FileMap, 'bad fileMap')
+
+    this.fileMap = fileMap || new FileMap({})
+    this.projectVersion = projectVersion
+    this.v2DocVersions = v2DocVersions
+  }
+
+  /**
+   * @return {string | null | undefined}
+   */
+  getProjectVersion() {
+    return this.projectVersion
+  }
+
+  /**
+   * @param {string} projectVersion
+   */
+  setProjectVersion(projectVersion) {
+    assert.maybe.match(
+      projectVersion,
+      Snapshot.PROJECT_VERSION_RX,
+      'Snapshot: bad projectVersion'
+    )
+    this.projectVersion = projectVersion
+  }
+
+  /**
+   * @return {V2DocVersions | null | undefined}
+   */
+  getV2DocVersions() {
+    return this.v2DocVersions
+  }
+
+  /**
+   * @param {V2DocVersions} v2DocVersions
+   */
+  setV2DocVersions(v2DocVersions) {
+    assert.maybe.instance(
+      v2DocVersions,
+      V2DocVersions,
+      'Snapshot: bad v2DocVersions'
+    )
+    this.v2DocVersions = v2DocVersions
+  }
+
+  /**
+   * @param {V2DocVersions} v2DocVersions
+   */
+  updateV2DocVersions(v2DocVersions) {
+    // merge new v2DocVersions into this.v2DocVersions
+    v2DocVersions.applyTo(this)
+  }
+
+  /**
+   * The underlying file map.
+   * @return {FileMap}
+   */
+  getFileMap() {
+    return this.fileMap
+  }
+
+  /**
+   * The pathnames of all of the files.
+   *
+   * @return {Array.<string>} in no particular order
+   */
+  getFilePathnames() {
+    return this.fileMap.getPathnames()
+  }
+
+  /**
+   * Get a File by its pathname.
+   * @see FileMap#getFile
+   * @param {string} pathname
+   */
+  getFile(pathname) {
+    return this.fileMap.getFile(pathname)
+  }
+
+  /**
+   * Add the given file to the snapshot.
+   * @see FileMap#addFile
+   * @param {string} pathname
+   * @param {File} file
+   */
+  addFile(pathname, file) {
+    this.fileMap.addFile(pathname, file)
+  }
+
+  /**
+   * Move or remove a file.
+   * @see FileMap#moveFile
+   * @param {string} pathname
+   * @param {string} newPathname
+   */
+  moveFile(pathname, newPathname) {
+    this.fileMap.moveFile(pathname, newPathname)
+    if (this.v2DocVersions) this.v2DocVersions.moveFile(pathname, newPathname)
+  }
+
+  /**
+   * The number of files in the snapshot.
+   *
+   * @return {number}
+   */
+  countFiles() {
+    return this.fileMap.countFiles()
+  }
+
+  /**
+   * Edit the content of an editable file.
+   *
+   * Throws an error if no file with the given name exists.
+   *
+   * @param {string} pathname
+   * @param {TextOperation} textOperation
+   */
+  editFile(pathname, textOperation) {
+    const file = this.fileMap.getFile(pathname)
+    if (!file) {
+      throw new Snapshot.EditMissingFileError(
+        `can't find file for editing: ${pathname}`
+      )
+    }
+    file.edit(textOperation)
+  }
+
+  /**
+   * Apply all changes in sequence. Modifies the snapshot in place.
+   *
+   * Ignore recoverable errors (caused by historical bad data) unless opts.strict is true
+   *
+   * @param {Change[]} changes
+   * @param {object} [opts]
+   * @param {boolean} opts.strict - do not ignore recoverable errors
+   */
+  applyAll(changes, opts) {
+    for (const change of changes) {
+      change.applyTo(this, opts)
+    }
+  }
+
+  /**
+   * If the Files in this Snapshot reference blob hashes, add them to the given
+   * set.
+   *
+   * @param  {Set.<String>} blobHashes
+   */
+  findBlobHashes(blobHashes) {
+    /**
+     * @param {File} file
+     */
+    function find(file) {
+      const hash = file.getHash()
+      const rangeHash = file.getRangesHash()
+      if (hash) blobHashes.add(hash)
+      if (rangeHash) blobHashes.add(rangeHash)
+    }
+    // TODO(das7pad): refine types to enforce no nulls in FileMapData
+    // @ts-ignore
+    this.fileMap.map(find)
+  }
+
+  /**
+   * Load all of the files in this snapshot.
+   *
+   * @param {string} kind see {File#load}
+   * @param {ReadonlyBlobStore} blobStore
+   * @return {Promise<Record<string, File>>} an object where keys are the pathnames and
+   * values are the files in the snapshot
+   */
+  async loadFiles(kind, blobStore) {
+    /**
+     * @param {File} file
+     */
+    function load(file) {
+      return file.load(kind, blobStore)
+    }
+    // TODO(das7pad): refine types to enforce no nulls in FileMapData
+    // @ts-ignore
+    return await this.fileMap.mapAsync(load, FILE_LOAD_CONCURRENCY)
+  }
+
+  /**
+   * Store each of the files in this snapshot and return the raw snapshot for
+   * long term storage.
+   *
+   * @param {BlobStore} blobStore
+   * @param {number} [concurrency]
+   * @return {Promise.<Object>}
+   */
+  async store(blobStore, concurrency) {
+    assert.maybe.number(concurrency, 'bad concurrency')
+
+    const projectVersion = this.projectVersion
+    const rawV2DocVersions = this.v2DocVersions
+      ? this.v2DocVersions.toRaw()
+      : undefined
+
+    /**
+     * @param {File} file
+     */
+    function store(file) {
+      return file.store(blobStore)
+    }
+    // TODO(das7pad): refine types to enforce no nulls in FileMapData
+    // @ts-ignore
+    const rawFiles = await this.fileMap.mapAsync(store, concurrency)
+    return {
+      files: rawFiles,
+      projectVersion,
+      v2DocVersions: rawV2DocVersions,
+    }
+  }
+
+  /**
+   * Create a deep clone of this snapshot.
+   *
+   * @return {Snapshot}
+   */
+  clone() {
+    return Snapshot.fromRaw(this.toRaw())
+  }
+}
+
+module.exports = Snapshot
diff --git a/libraries/overleaf-editor-core/lib/types.ts b/libraries/overleaf-editor-core/lib/types.ts
new file mode 100644
index 0000000..53bf062
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/types.ts
@@ -0,0 +1,175 @@
+import Blob from './blob'
+import TrackingProps from './file_data/tracking_props'
+import ClearTrackingProps from './file_data/clear_tracking_props'
+
+export type BlobStore = {
+  getBlob(hash: string): Promise<Blob | null>
+  getString(hash: string): Promise<string>
+  putString(content: string): Promise<Blob>
+  putObject(obj: object): Promise<Blob>
+  getObject<T = unknown>(hash: string): Promise<T>
+}
+
+export type ReadonlyBlobStore = Pick<BlobStore, 'getString' | 'getObject'>
+
+export type RangesBlob = {
+  comments: CommentRawData[]
+  trackedChanges: TrackedChangeRawData[]
+}
+
+export type RawRange = {
+  pos: number
+  length: number
+}
+
+export type CommentRawData = {
+  id: string
+  ranges: RawRange[]
+  resolved?: boolean
+}
+
+export type TrackedChangeRawData = {
+  range: RawRange
+  tracking: TrackingPropsRawData
+}
+
+export type TrackingPropsRawData = {
+  type: 'insert' | 'delete'
+  userId: string
+  ts: string
+}
+
+export type ClearTrackingPropsRawData = {
+  type: 'none'
+}
+
+export type TrackingDirective = TrackingProps | ClearTrackingProps
+
+export type StringFileRawData = {
+  content: string
+  comments?: CommentRawData[]
+  trackedChanges?: TrackedChangeRawData[]
+}
+
+export type RawOrigin = {
+  kind: string
+}
+
+export type RawChange = {
+  operations: RawOperation[]
+  timestamp: string
+  authors?: (number | null)[]
+  v2Authors: string[]
+  origin: RawOrigin
+  projectVersion: string
+  v2DocVersions: RawV2DocVersions
+}
+
+export type RawOperation =
+  | RawEditFileOperation
+  // TODO(das7pad): add types for all the other operations
+  | object
+
+export type RawSnapshot = {
+  files: RawFileMap
+  projectVersion?: string
+  v2DocVersions?: RawV2DocVersions | null
+}
+
+export type RawHistory = {
+  snapshot: RawSnapshot
+  changes: RawChange[]
+}
+
+export type RawChunk = {
+  history: RawHistory
+  startVersion: number
+}
+
+export type RawFileMap = Record<string, RawFile>
+
+export type RawFile = { metadata?: Object } & RawFileData
+
+export type RawFileData =
+  | RawBinaryFileData
+  | RawHashFileData
+  | RawHollowBinaryFileData
+  | RawHollowStringFileData
+  | RawLazyStringFileData
+  | StringFileRawData
+
+export type RawHashFileData = { hash: string; rangesHash?: string }
+export type RawBinaryFileData = { hash: string; byteLength: number }
+export type RawLazyStringFileData = {
+  hash: string
+  stringLength: number
+  rangesHash?: string
+  operations?: RawEditOperation[]
+}
+export type RawHollowBinaryFileData = { byteLength: number }
+export type RawHollowStringFileData = { stringLength: number }
+
+export type RawV2DocVersions = Record<string, { pathname: string; v: number }>
+
+export type RawInsertOp =
+  | {
+      i: string
+      commentIds?: string[]
+      tracking?: TrackingPropsRawData
+    }
+  | string
+
+export type RawRemoveOp = number
+export type RawRetainOp =
+  | {
+      r: number
+      commentIds?: string[]
+      tracking?: TrackingPropsRawData | ClearTrackingPropsRawData
+    }
+  | number
+
+export type RawScanOp = RawInsertOp | RawRemoveOp | RawRetainOp
+
+export type RawTextOperation = {
+  textOperation: RawScanOp[]
+  contentHash?: string
+}
+
+export type RawAddCommentOperation = {
+  commentId: string
+  ranges: RawRange[]
+  resolved?: boolean
+}
+
+export type RawDeleteCommentOperation = { deleteComment: string }
+
+export type RawSetCommentStateOperation = {
+  commentId: string
+  resolved: boolean
+}
+
+export type RawEditNoOperation = {
+  noOp: true
+}
+
+export type RawEditFileOperation = RawEditOperation & { pathname: string }
+
+export type RawEditOperation =
+  | RawTextOperation
+  | RawAddCommentOperation
+  | RawDeleteCommentOperation
+  | RawSetCommentStateOperation
+  | RawEditNoOperation
+
+export type LinkedFileData = {
+  importedAt: string
+  provider: string
+  [other: string]: any
+}
+
+export type RawLabel = {
+  text: string
+  authorId: number | null
+  timestamp: string
+  version: number
+}
diff --git a/libraries/overleaf-editor-core/lib/util.js b/libraries/overleaf-editor-core/lib/util.js
new file mode 100644
index 0000000..52b1ab8
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/util.js
@@ -0,0 +1,14 @@
+/*
+ * Misc functions
+ */
+
+'use strict'
+
+/**
+ * @param {string} str
+ * @returns {boolean} true if the given string contains non-BMP chars otherwise false
+ */
+exports.containsNonBmpChars = function utilContainsNonBmpChars(str) {
+  // check for first (high) surrogate in a non-BMP character
+  return /[\uD800-\uDBFF]/.test(str)
+}
diff --git a/libraries/overleaf-editor-core/lib/v2_doc_versions.js b/libraries/overleaf-editor-core/lib/v2_doc_versions.js
new file mode 100644
index 0000000..2cfada5
--- /dev/null
+++ b/libraries/overleaf-editor-core/lib/v2_doc_versions.js
@@ -0,0 +1,83 @@
+// @ts-check
+'use strict'
+
+const _ = require('lodash')
+
+/**
+ * @import File from "./file"
+ * @import Snapshot from "./snapshot"
+ * @import { RawV2DocVersions } from "./types"
+ */
+
+class V2DocVersions {
+  /**
+   * @param {RawV2DocVersions} data
+   */
+  constructor(data) {
+    this.data = data || {}
+  }
+
+  /**
+   * @param {RawV2DocVersions?} [raw]
+   * @return {V2DocVersions|undefined}
+   */
+  static fromRaw(raw) {
+    if (!raw) return undefined
+    return new V2DocVersions(raw)
+  }
+
+  /**
+   * @return {RawV2DocVersions|null}
+   */
+  toRaw() {
+    if (!this.data) return null
+    const raw = _.clone(this.data)
+    return raw
+  }
+
+  /**
+   * Clone this object.
+   *
+   * @return {V2DocVersions|undefined} a new object of the same type
+   */
+  clone() {
+    return V2DocVersions.fromRaw(this.toRaw())
+  }
+
+  /**
+   * @param {Snapshot} snapshot
+   */
+  applyTo(snapshot) {
+    // Only update the snapshot versions if we have new versions
+    if (!_.size(this.data)) return
+
+    // Create v2DocVersions in snapshot if it does not exist
+    // otherwise update snapshot v2docversions
+    if (!snapshot.v2DocVersions) {
+      snapshot.v2DocVersions = this.clone()
+    } else {
+      _.assign(snapshot.v2DocVersions.data, this.data)
+    }
+  }
+
+  /**
+   * Move or remove a doc.
+   * Must be called after FileMap#moveFile, which validates the paths.
+   * @param {string} pathname
+   * @param {string} newPathname
+   */
+  moveFile(pathname, newPathname) {
+    for (const [id, v] of Object.entries(this.data)) {
+      if (v.pathname !== pathname) continue
+
+      if (newPathname === '') {
+        delete this.data[id]
+      } else {
+        v.pathname = newPathname
+      }
+      break
+    }
+  }
+}
+
+module.exports = V2DocVersions
diff --git a/libraries/overleaf-editor-core/package.json b/libraries/overleaf-editor-core/package.json
new file mode 100644
index 0000000..f5d826a
--- /dev/null
+++ b/libraries/overleaf-editor-core/package.json
@@ -0,0 +1,34 @@
+{
+  "name": "overleaf-editor-core",
+  "version": "1.0.0",
+  "description": "Library shared between the editor server and clients.",
+  "main": "index.js",
+  "scripts": {
+    "test": "npm run lint && npm run format && npm run types:check && npm run test:unit",
+    "format": "prettier --list-different $PWD/'**/*.{js,cjs,ts}'",
+    "format:fix": "prettier --write $PWD/'**/*.{js,cjs,ts}'",
+    "lint": "eslint --ext .js --ext .cjs --ext .ts --max-warnings 0 --format unix .",
+    "lint:fix": "eslint --fix --ext .js --ext .cjs --ext .ts .",
+    "test:ci": "npm run test:unit",
+    "test:unit": "mocha --exit test/**/*.{js,cjs}",
+    "types:check": "tsc --noEmit"
+  },
+  "author": "team@overleaf.com",
+  "license": "Proprietary",
+  "private": true,
+  "devDependencies": {
+    "@types/check-types": "^7.3.7",
+    "@types/path-browserify": "^1.0.2",
+    "chai": "^3.3.0",
+    "mocha": "^11.1.0",
+    "sinon": "^9.2.4",
+    "typescript": "^5.0.4"
+  },
+  "dependencies": {
+    "@overleaf/o-error": "*",
+    "check-types": "^5.1.0",
+    "lodash": "^4.17.19",
+    "p-map": "^4.0.0",
+    "path-browserify": "^1.0.1"
+  }
+}
diff --git a/libraries/overleaf-editor-core/test/add_comment_operation.test.js b/libraries/overleaf-editor-core/test/add_comment_operation.test.js
new file mode 100644
index 0000000..72d43d6
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/add_comment_operation.test.js
@@ -0,0 +1,127 @@
+// @ts-check
+const { expect } = require('chai')
+const { AddCommentOperation, DeleteCommentOperation } = require('..')
+const Range = require('../lib/range')
+const StringFileData = require('../lib/file_data/string_file_data')
+
+describe('AddCommentOperation', function () {
+  it('constructs an AddCommentOperation fromJSON', function () {
+    const op = AddCommentOperation.fromJSON({
+      commentId: '123',
+      resolved: true,
+      ranges: [{ pos: 0, length: 1 }],
+    })
+    expect(op).to.be.instanceOf(AddCommentOperation)
+    expect(op.commentId).to.equal('123')
+    expect(op.ranges[0]).to.be.instanceOf(Range)
+    expect(op.resolved).to.be.true
+  })
+
+  it('should convert to JSON', function () {
+    const op = new AddCommentOperation('123', [new Range(0, 1)])
+    expect(op.toJSON()).to.eql({
+      commentId: '123',
+      ranges: [
+        {
+          pos: 0,
+          length: 1,
+        },
+      ],
+    })
+  })
+
+  it('should apply operation', function () {
+    const fileData = new StringFileData('abc')
+    const op = new AddCommentOperation('123', [new Range(0, 1)])
+    op.apply(fileData)
+    expect(fileData.getComments().toRaw()).to.eql([
+      {
+        id: '123',
+        ranges: [{ pos: 0, length: 1 }],
+      },
+    ])
+  })
+
+  describe('invert', function () {
+    it('should delete added comment', function () {
+      const initialFileData = new StringFileData('abc')
+      const fileData = StringFileData.fromRaw(initialFileData.toRaw())
+      const op = new AddCommentOperation('123', [new Range(0, 1)])
+      op.apply(fileData)
+      expect(fileData.getComments().toRaw()).to.eql([
+        {
+          id: '123',
+          ranges: [{ pos: 0, length: 1 }],
+        },
+      ])
+      const invertedOp = op.invert(initialFileData)
+      invertedOp.apply(fileData)
+      expect(fileData.getComments().toRaw()).to.eql([])
+    })
+
+    it('should restore previous comment ranges', function () {
+      const initialComments = [
+        {
+          id: '123',
+          ranges: [{ pos: 0, length: 1 }],
+        },
+      ]
+
+      const initialFileData = new StringFileData(
+        'the quick brown fox jumps over the lazy dog',
+        initialComments
+      )
+      const fileData = StringFileData.fromRaw(initialFileData.toRaw())
+      const op = new AddCommentOperation('123', [new Range(12, 7)], true)
+      op.apply(fileData)
+      expect(fileData.getComments().toRaw()).to.eql([
+        {
+          id: '123',
+          ranges: [{ pos: 12, length: 7 }],
+          resolved: true,
+        },
+      ])
+
+      const invertedOp = op.invert(initialFileData)
+      invertedOp.apply(fileData)
+      expect(fileData.getComments().toRaw()).to.deep.equal(initialComments)
+    })
+
+    it('should restore previous comment resolution status', function () {
+      const initialComments = [
+        {
+          id: '123',
+          ranges: [{ pos: 0, length: 1 }],
+        },
+      ]
+
+      const initialFileData = new StringFileData(
+        'the quick brown fox jumps over the lazy dog',
+        initialComments
+      )
+      const fileData = StringFileData.fromRaw(initialFileData.toRaw())
+      const op = new AddCommentOperation('123', [new Range(0, 1)], true)
+      op.apply(fileData)
+      expect(fileData.getComments().toRaw()).to.eql([
+        {
+          id: '123',
+          ranges: [{ pos: 0, length: 1 }],
+          resolved: true,
+        },
+      ])
+
+      const invertedOp = op.invert(initialFileData)
+      invertedOp.apply(fileData)
+      expect(fileData.getComments().toRaw()).to.deep.equal(initialComments)
+    })
+  })
+
+  it('should compose with DeleteCommentOperation', function () {
+    const addOp = new AddCommentOperation('123', [new Range(0, 1)])
+    const deleteOp = new DeleteCommentOperation('123')
+    expect(addOp.canBeComposedWith(deleteOp)).to.be.true
+
+    const composedOp = addOp.compose(deleteOp)
+    expect(composedOp).to.be.instanceOf(DeleteCommentOperation)
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/change.test.js b/libraries/overleaf-editor-core/test/change.test.js
new file mode 100644
index 0000000..b4704fa
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/change.test.js
@@ -0,0 +1,62 @@
+'use strict'
+
+const { expect } = require('chai')
+const core = require('..')
+const Change = core.Change
+const File = core.File
+const Operation = core.Operation
+
+describe('Change', function () {
+  describe('findBlobHashes', function () {
+    it('finds blob hashes from operations', function () {
+      const blobHashes = new Set()
+
+      const change = Change.fromRaw({
+        operations: [],
+        timestamp: '2015-03-05T12:03:53.035Z',
+        authors: [null],
+      })
+
+      change.findBlobHashes(blobHashes)
+      expect(blobHashes.size).to.equal(0)
+
+      // AddFile with content doesn't have a hash.
+      change.pushOperation(Operation.addFile('a.txt', File.fromString('a')))
+      change.findBlobHashes(blobHashes)
+      expect(blobHashes.size).to.equal(0)
+
+      // AddFile with hash should give us a hash.
+      change.pushOperation(
+        Operation.addFile('b.txt', File.fromHash(File.EMPTY_FILE_HASH))
+      )
+      change.findBlobHashes(blobHashes)
+      expect(blobHashes.size).to.equal(1)
+      expect(blobHashes.has(File.EMPTY_FILE_HASH)).to.be.true
+    })
+  })
+
+  describe('RestoreFileOrigin', function () {
+    it('should convert to and from raw', function () {
+      const origin = new core.RestoreFileOrigin(1, 'path', new Date())
+      const raw = origin.toRaw()
+      const newOrigin = core.Origin.fromRaw(raw)
+      expect(newOrigin).to.eql(origin)
+    })
+
+    it('change should have a correct origin class', function () {
+      const change = Change.fromRaw({
+        operations: [],
+        timestamp: '2015-03-05T12:03:53.035Z',
+        authors: [null],
+        origin: {
+          kind: 'file-restore',
+          version: 1,
+          path: 'path',
+          timestamp: '2015-03-05T12:03:53.035Z',
+        },
+      })
+
+      expect(change.getOrigin()).to.be.an.instanceof(core.RestoreFileOrigin)
+    })
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/comment.test.js b/libraries/overleaf-editor-core/test/comment.test.js
new file mode 100644
index 0000000..f235c9e
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/comment.test.js
@@ -0,0 +1,116 @@
+// @ts-check
+'use strict'
+
+const { expect } = require('chai')
+const Comment = require('../lib/comment')
+const Range = require('../lib/range')
+
+describe('Comment', function () {
+  it('should move ranges to the right of insert', function () {
+    const comment = new Comment('c1', [new Range(5, 10)])
+    const resComment = comment.applyInsert(3, 5, false)
+    expect(resComment.ranges).to.eql([new Range(10, 10)])
+  })
+
+  describe('applyInsert', function () {
+    it('should insert 1 char before the range', function () {
+      const comment = new Comment('c1', [new Range(5, 10)])
+      expect(comment.applyInsert(4, 1).ranges).to.eql([new Range(6, 10)])
+    })
+
+    it('should insert 1 char at the edge, without expandCommand', function () {
+      const comment = new Comment('c1', [new Range(5, 10)])
+      expect(comment.applyInsert(5, 1).ranges).to.eql([new Range(6, 10)])
+    })
+
+    it('should insert 1 char at the edge, with expandCommand', function () {
+      const comment = new Comment('c1', [new Range(5, 10)])
+      expect(comment.applyInsert(5, 1, true).ranges).to.eql([new Range(5, 11)])
+    })
+
+    it('should expand the range after insert inside it', function () {
+      const comment = new Comment('c1', [new Range(5, 10)])
+      expect(comment.applyInsert(6, 1, true).ranges).to.eql([new Range(5, 11)])
+    })
+  })
+
+  it('should split the range if inside another and expandComment is false', function () {
+    const comment = new Comment('c1', [new Range(5, 10)])
+    const commentRes = comment.applyInsert(6, 10, false)
+    expect(commentRes.ranges).to.eql([new Range(5, 1), new Range(16, 9)])
+  })
+
+  it('should insert the range if expandComment is false', function () {
+    const comment = new Comment('c1', [new Range(5, 10)])
+    const commentRes = comment.applyInsert(14, 10, false)
+    expect(commentRes.ranges).to.eql([new Range(5, 9), new Range(24, 1)])
+  })
+
+  it('should move the range if insert is at range start and expandComment is false', function () {
+    const comment = new Comment('c1', [new Range(5, 10)])
+    const commentRes = comment.applyInsert(5, 10, false)
+    expect(commentRes.ranges).to.eql([new Range(15, 10)])
+  })
+
+  it('should ignore the range if insert is at range end and expandComment is false', function () {
+    const comment = new Comment('c1', [new Range(5, 10)])
+    const commentRes = comment.applyInsert(15, 10, false)
+    expect(commentRes.ranges).to.eql([new Range(5, 10)])
+  })
+
+  it('should expand the range after inserting on the edge of it if expandComment is true', function () {
+    const comment = new Comment('c1', [new Range(5, 10)])
+    const commentRes = comment.applyInsert(15, 10, true)
+    expect(commentRes.ranges).to.eql([new Range(5, 20)])
+  })
+
+  it('should move comment ranges if delete is before it', function () {
+    const comment = new Comment('c1', [new Range(5, 10)])
+    const commentRes = comment.applyDelete(new Range(3, 5))
+    expect(commentRes.ranges).to.eql([new Range(3, 7)])
+  })
+
+  it('should merge ranges after delete', function () {
+    const comment = new Comment('c1', [new Range(5, 10), new Range(20, 10)])
+    const commentRes = comment.applyDelete(new Range(7, 18))
+    expect(commentRes.ranges).to.eql([new Range(5, 7)])
+  })
+
+  it('should merge overlapping ranges', function () {
+    const comment = new Comment('c1', [
+      new Range(5, 10),
+      new Range(15, 20),
+      new Range(50, 10),
+    ])
+    expect(comment.ranges).to.eql([new Range(5, 30), new Range(50, 10)])
+  })
+
+  it('should merge unsorted ranges', function () {
+    const comment = new Comment('c1', [
+      new Range(15, 20),
+      new Range(50, 10),
+      new Range(5, 10),
+    ])
+    expect(comment.ranges).to.eql([new Range(5, 30), new Range(50, 10)])
+  })
+
+  it('should throw error when ranges overlap', function () {
+    expect(
+      () =>
+        new Comment('c1', [
+          new Range(5, 10),
+          new Range(10, 5),
+          new Range(50, 10),
+        ])
+    ).to.throw()
+  })
+
+  it('should join touching ranges', function () {
+    const comment = new Comment('c1', [
+      new Range(5, 10),
+      new Range(15, 5),
+      new Range(50, 10),
+    ])
+    expect(comment.ranges).to.eql([new Range(5, 15), new Range(50, 10)])
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/comments_list.test.js b/libraries/overleaf-editor-core/test/comments_list.test.js
new file mode 100644
index 0000000..d687863
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/comments_list.test.js
@@ -0,0 +1,430 @@
+// @ts-check
+'use strict'
+
+const { expect } = require('chai')
+const CommentList = require('../lib/file_data/comment_list')
+const Comment = require('../lib/comment')
+const Range = require('../lib/range')
+
+describe('commentList', function () {
+  it('checks if toRaw() returns a correct comment list', function () {
+    const commentList = new CommentList([
+      new Comment('comm1', [new Range(5, 10)]),
+      new Comment('comm2', [new Range(20, 5)]),
+      new Comment('comm3', [new Range(30, 15)]),
+    ])
+
+    expect(commentList.toRaw()).to.eql([
+      { id: 'comm1', ranges: [{ pos: 5, length: 10 }] },
+      { id: 'comm2', ranges: [{ pos: 20, length: 5 }] },
+      {
+        id: 'comm3',
+        ranges: [{ pos: 30, length: 15 }],
+      },
+    ])
+  })
+
+  it('should get a comment by id', function () {
+    const commentList = new CommentList([
+      new Comment('comm1', [new Range(5, 10)]),
+      new Comment('comm3', [new Range(30, 15)]),
+      new Comment('comm2', [new Range(20, 5)]),
+    ])
+
+    const comment = commentList.getComment('comm2')
+    expect(comment?.toRaw()).to.eql({
+      id: 'comm2',
+      ranges: [
+        {
+          pos: 20,
+          length: 5,
+        },
+      ],
+    })
+  })
+
+  it('should add new comment to the list', function () {
+    const commentList = new CommentList([
+      new Comment('comm1', [new Range(5, 10)]),
+      new Comment('comm2', [new Range(20, 5)]),
+      new Comment('comm3', [new Range(30, 15)]),
+    ])
+
+    commentList.add(new Comment('comm4', [new Range(40, 10)]))
+    expect(commentList.toRaw()).to.eql([
+      { id: 'comm1', ranges: [{ pos: 5, length: 10 }] },
+      { id: 'comm2', ranges: [{ pos: 20, length: 5 }] },
+      {
+        id: 'comm3',
+        ranges: [{ pos: 30, length: 15 }],
+      },
+      {
+        id: 'comm4',
+        ranges: [{ pos: 40, length: 10 }],
+      },
+    ])
+  })
+
+  it('should overwrite existing comment if new one is added', function () {
+    const commentList = new CommentList([
+      new Comment('comm1', [new Range(5, 10)], false),
+      new Comment('comm2', [new Range(20, 5)], true),
+      new Comment('comm3', [new Range(30, 15)]),
+    ])
+
+    commentList.add(new Comment('comm1', [new Range(5, 10)], true))
+    commentList.add(new Comment('comm2', [new Range(40, 10)], true))
+
+    expect(commentList.toRaw()).to.eql([
+      { id: 'comm1', ranges: [{ pos: 5, length: 10 }], resolved: true },
+      {
+        id: 'comm2',
+        ranges: [{ pos: 40, length: 10 }],
+        resolved: true,
+      },
+      {
+        id: 'comm3',
+        ranges: [{ pos: 30, length: 15 }],
+      },
+    ])
+  })
+
+  it('should delete a comment from the list', function () {
+    const commentList = new CommentList([
+      new Comment('comm1', [new Range(5, 10)]),
+      new Comment('comm2', [new Range(20, 5)]),
+      new Comment('comm3', [new Range(30, 15)]),
+    ])
+
+    commentList.delete('comm3')
+    expect(commentList.toRaw()).to.eql([
+      { id: 'comm1', ranges: [{ pos: 5, length: 10 }] },
+      { id: 'comm2', ranges: [{ pos: 20, length: 5 }] },
+    ])
+  })
+
+  it('should not throw an error if comment id does not exist', function () {
+    const commentList = new CommentList([
+      new Comment('comm1', [new Range(5, 10)]),
+      new Comment('comm2', [new Range(20, 5)]),
+      new Comment('comm3', [new Range(30, 15)]),
+    ])
+
+    commentList.delete('comm5')
+
+    expect(commentList.toRaw()).to.eql([
+      { id: 'comm1', ranges: [{ pos: 5, length: 10 }] },
+      { id: 'comm2', ranges: [{ pos: 20, length: 5 }] },
+      {
+        id: 'comm3',
+        ranges: [{ pos: 30, length: 15 }],
+      },
+    ])
+  })
+
+  it('should be iterable', function () {
+    const comment = new Comment('comm1', [new Range(5, 10)])
+    const commentList = new CommentList([comment])
+    expect(Array.from(commentList)).to.deep.equal([comment])
+  })
+
+  describe('inserting a comment between ranges', function () {
+    it('should expand comment on the left', function () {
+      const commentList = CommentList.fromRaw([
+        {
+          id: 'comm1',
+          ranges: [{ pos: 5, length: 10 }],
+        },
+        {
+          id: 'comm2',
+          ranges: [{ pos: 15, length: 10 }],
+        },
+      ])
+
+      commentList.applyInsert(new Range(15, 5), { commentIds: ['comm1'] })
+      expect(commentList.toRaw()).to.eql([
+        { id: 'comm1', ranges: [{ pos: 5, length: 15 }] },
+        { id: 'comm2', ranges: [{ pos: 20, length: 10 }] },
+      ])
+    })
+
+    it('should expand comment on the right', function () {
+      const commentList = CommentList.fromRaw([
+        {
+          id: 'comm1',
+          ranges: [{ pos: 5, length: 10 }],
+        },
+        {
+          id: 'comm2',
+          ranges: [{ pos: 15, length: 10 }],
+        },
+      ])
+
+      commentList.applyInsert(new Range(15, 5), { commentIds: ['comm2'] })
+      expect(commentList.toRaw()).to.eql([
+        { id: 'comm1', ranges: [{ pos: 5, length: 10 }] },
+        { id: 'comm2', ranges: [{ pos: 15, length: 15 }] },
+      ])
+    })
+  })
+
+  it('should delete a text overlapping two comments', function () {
+    const commentList = CommentList.fromRaw([
+      {
+        id: 'comm1',
+        ranges: [{ pos: 5, length: 10 }], // 5-14
+      },
+      {
+        id: 'comm2',
+        ranges: [{ pos: 15, length: 10 }], // 15-24
+      },
+    ])
+
+    commentList.applyDelete(new Range(10, 10)) // 10-19
+    expect(commentList.toRaw()).to.eql([
+      { id: 'comm1', ranges: [{ pos: 5, length: 5 }] },
+      { id: 'comm2', ranges: [{ pos: 10, length: 5 }] },
+    ])
+  })
+
+  describe('move ranges after insert/delete operations', function () {
+    it('expands comments inside inserted text', function () {
+      const commentList = CommentList.fromRaw([
+        {
+          id: 'comm1',
+          ranges: [{ pos: 5, length: 10 }],
+        },
+        {
+          id: 'comm2',
+          ranges: [{ pos: 20, length: 5 }],
+        },
+        {
+          id: 'comm3',
+          ranges: [{ pos: 30, length: 15 }],
+        },
+      ])
+
+      commentList.applyInsert(new Range(7, 5), { commentIds: ['comm1'] })
+      expect(commentList.toRaw()).to.eql([
+        { id: 'comm1', ranges: [{ pos: 5, length: 15 }] },
+        { id: 'comm2', ranges: [{ pos: 25, length: 5 }] },
+        { id: 'comm3', ranges: [{ pos: 35, length: 15 }] },
+      ])
+    })
+
+    it('should insert an overlapping comment without overlapped comment id', function () {
+      const commentList = CommentList.fromRaw([
+        {
+          id: 'comm1',
+          ranges: [{ pos: 5, length: 10 }],
+        },
+        {
+          id: 'comm2',
+          ranges: [{ pos: 20, length: 5 }],
+        },
+        {
+          id: 'comm3',
+          ranges: [{ pos: 30, length: 15 }],
+        },
+      ])
+
+      commentList.applyInsert(new Range(7, 5), { commentIds: ['comm2'] })
+      expect(commentList.toRaw()).to.eql([
+        {
+          id: 'comm1',
+          ranges: [
+            { pos: 5, length: 2 },
+            { pos: 12, length: 8 },
+          ],
+        },
+        {
+          id: 'comm2',
+          ranges: [
+            { pos: 7, length: 5 },
+            { pos: 25, length: 5 },
+          ],
+        },
+        { id: 'comm3', ranges: [{ pos: 35, length: 15 }] },
+      ])
+    })
+
+    it('should insert an overlapping comment with overlapped comment id', function () {
+      const commentList = CommentList.fromRaw([
+        {
+          id: 'comm1',
+          ranges: [{ pos: 5, length: 15 }],
+        },
+        {
+          id: 'comm2',
+          ranges: [{ pos: 20, length: 5 }],
+        },
+        {
+          id: 'comm3',
+          ranges: [{ pos: 30, length: 15 }],
+        },
+      ])
+
+      commentList.applyInsert(new Range(7, 5), {
+        commentIds: ['comm1', 'comm2'],
+      })
+      expect(commentList.toRaw()).to.eql([
+        {
+          id: 'comm1',
+          ranges: [{ pos: 5, length: 20 }],
+        },
+        {
+          id: 'comm2',
+          ranges: [
+            { pos: 7, length: 5 },
+            { pos: 25, length: 5 },
+          ],
+        },
+        { id: 'comm3', ranges: [{ pos: 35, length: 15 }] },
+      ])
+    })
+
+    it('moves comments after inserted text', function () {
+      const commentList = CommentList.fromRaw([
+        {
+          id: 'comm1',
+          ranges: [{ pos: 5, length: 10 }],
+        },
+        {
+          id: 'comm2',
+          ranges: [{ pos: 20, length: 5 }],
+        },
+        {
+          id: 'comm3',
+          ranges: [{ pos: 30, length: 15 }],
+        },
+      ])
+
+      commentList.applyInsert(new Range(16, 5))
+      expect(commentList.toRaw()).to.eql([
+        { id: 'comm1', ranges: [{ pos: 5, length: 10 }] },
+        { id: 'comm2', ranges: [{ pos: 25, length: 5 }] },
+        { id: 'comm3', ranges: [{ pos: 35, length: 15 }] },
+      ])
+    })
+
+    it('does not affect comments outside of inserted text', function () {
+      const commentList = CommentList.fromRaw([
+        {
+          id: 'comm1',
+          ranges: [{ pos: 5, length: 10 }],
+        },
+        {
+          id: 'comm2',
+          ranges: [{ pos: 20, length: 5 }],
+        },
+        {
+          id: 'comm3',
+          ranges: [{ pos: 30, length: 15 }],
+        },
+      ])
+
+      commentList.applyInsert(new Range(50, 5))
+      expect(commentList.toRaw()).to.eql([
+        { id: 'comm1', ranges: [{ pos: 5, length: 10 }] },
+        { id: 'comm2', ranges: [{ pos: 20, length: 5 }] },
+        { id: 'comm3', ranges: [{ pos: 30, length: 15 }] },
+      ])
+    })
+
+    it('should move comments if delete happened before it', function () {
+      const commentList = CommentList.fromRaw([
+        {
+          id: 'comm1',
+          ranges: [{ pos: 5, length: 10 }],
+        },
+        {
+          id: 'comm2',
+          ranges: [{ pos: 20, length: 5 }],
+        },
+        {
+          id: 'comm3',
+          ranges: [{ pos: 30, length: 15 }],
+        },
+      ])
+
+      commentList.applyDelete(new Range(0, 4))
+      expect(commentList.toRaw()).to.eql([
+        { id: 'comm1', ranges: [{ pos: 1, length: 10 }] },
+        { id: 'comm2', ranges: [{ pos: 16, length: 5 }] },
+        { id: 'comm3', ranges: [{ pos: 26, length: 15 }] },
+      ])
+    })
+
+    describe('should remove part of a comment on delete overlapping', function () {
+      it('should delete intersection from the left', function () {
+        const commentList = CommentList.fromRaw([
+          {
+            id: 'comm1',
+            ranges: [{ pos: 5, length: 10 }],
+          },
+        ])
+
+        commentList.applyDelete(new Range(0, 6))
+        expect(commentList.toRaw()).to.eql([
+          { id: 'comm1', ranges: [{ pos: 0, length: 9 }] },
+        ])
+      })
+
+      it('should delete intersection from the right', function () {
+        const commentList = CommentList.fromRaw([
+          {
+            id: 'comm1',
+            ranges: [{ pos: 5, length: 10 }],
+          },
+        ])
+        commentList.applyDelete(new Range(7, 10))
+        expect(commentList.toRaw()).to.eql([
+          { id: 'comm1', ranges: [{ pos: 5, length: 2 }] },
+        ])
+      })
+
+      it('should delete intersection in the middle', function () {
+        const commentList = CommentList.fromRaw([
+          {
+            id: 'comm1',
+            ranges: [{ pos: 5, length: 10 }],
+          },
+        ])
+        commentList.applyDelete(new Range(6, 2))
+        expect(commentList.toRaw()).to.eql([
+          { id: 'comm1', ranges: [{ pos: 5, length: 8 }] },
+        ])
+      })
+    })
+
+    it('should leave comment without ranges', function () {
+      const commentList = CommentList.fromRaw([
+        {
+          id: 'comm1',
+          ranges: [{ pos: 5, length: 10 }],
+        },
+        {
+          id: 'comm2',
+          ranges: [{ pos: 20, length: 5 }],
+        },
+        {
+          id: 'comm3',
+          ranges: [{ pos: 30, length: 15 }],
+        },
+      ])
+
+      commentList.applyDelete(new Range(19, 10))
+      expect(commentList.toRaw()).to.eql([
+        {
+          id: 'comm1',
+          ranges: [{ pos: 5, length: 10 }],
+        },
+        { id: 'comm2', ranges: [] },
+        {
+          id: 'comm3',
+          ranges: [{ pos: 20, length: 15 }],
+        },
+      ])
+    })
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/delete_comment_operation.test.js b/libraries/overleaf-editor-core/test/delete_comment_operation.test.js
new file mode 100644
index 0000000..c6d2260
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/delete_comment_operation.test.js
@@ -0,0 +1,46 @@
+// @ts-check
+const { expect } = require('chai')
+const { AddCommentOperation, DeleteCommentOperation } = require('..')
+const Comment = require('../lib/comment')
+const StringFileData = require('../lib/file_data/string_file_data')
+const Range = require('../lib/range')
+
+describe('DeleteCommentOperation', function () {
+  it('constructs an DeleteCommentOperation fromJSON', function () {
+    const op = DeleteCommentOperation.fromJSON({
+      deleteComment: '123',
+    })
+    expect(op).to.be.instanceOf(DeleteCommentOperation)
+  })
+
+  it('should convert to JSON', function () {
+    const op = new DeleteCommentOperation('123')
+    expect(op.toJSON()).to.eql({
+      deleteComment: '123',
+    })
+  })
+
+  it('should apply operation', function () {
+    const fileData = new StringFileData('abc')
+    const op = new DeleteCommentOperation('123')
+    fileData.comments.add(new Comment('123', [new Range(0, 1)]))
+    op.apply(fileData)
+    expect(fileData.getComments().toRaw()).to.eql([])
+  })
+
+  it('should invert operation', function () {
+    const fileData = new StringFileData('abc')
+    const op = new DeleteCommentOperation('123')
+    fileData.comments.add(new Comment('123', [new Range(0, 1)]))
+    const invertedOp = /** @type {AddCommentOperation} */ (op.invert(fileData))
+    expect(invertedOp).to.be.instanceOf(AddCommentOperation)
+    expect(invertedOp.commentId).to.equal('123')
+    expect(invertedOp.ranges).to.eql([new Range(0, 1)])
+  })
+
+  it('should not throw if comment not found', function () {
+    const fileData = new StringFileData('abc')
+    const op = new DeleteCommentOperation('123')
+    expect(() => op.invert(fileData)).to.not.throw()
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/edit_file_operation.test.js b/libraries/overleaf-editor-core/test/edit_file_operation.test.js
new file mode 100644
index 0000000..c51e380
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/edit_file_operation.test.js
@@ -0,0 +1,81 @@
+// @ts-check
+'use strict'
+
+const { expect } = require('chai')
+
+const ot = require('..')
+const EditOperationBuilder = require('../lib/operation/edit_operation_builder')
+const File = ot.File
+const Operation = ot.Operation
+
+describe('EditFileOperation', function () {
+  function edit(pathname, textOperationJsonObject) {
+    return Operation.editFile(
+      pathname,
+      EditOperationBuilder.fromJSON({ textOperation: textOperationJsonObject })
+    )
+  }
+
+  describe('canBeComposedWith', function () {
+    it('on the same file', function () {
+      const editFileOperation1 = edit('foo.tex', ['x'])
+      const editFileOperation2 = edit('foo.tex', [1, 'y'])
+      expect(editFileOperation1.canBeComposedWith(editFileOperation2)).to.be
+        .true
+    })
+
+    it('on different files', function () {
+      const editFileOperation1 = edit('foo.tex', ['x'])
+      const editFileOperation2 = edit('bar.tex', ['y'])
+      expect(editFileOperation1.canBeComposedWith(editFileOperation2)).to.be
+        .false
+    })
+
+    it('with a different type of opperation', function () {
+      const editFileOperation1 = edit('foo.tex', ['x'])
+      const editFileOperation2 = Operation.addFile(
+        'bar.tex',
+        File.fromString('')
+      )
+      expect(editFileOperation1.canBeComposedWith(editFileOperation2)).to.be
+        .false
+    })
+
+    it('with incompatible lengths', function () {
+      const editFileOperation1 = edit('foo.tex', ['x'])
+      const editFileOperation2 = edit('foo.tex', [2, 'y'])
+      expect(editFileOperation1.canBeComposedWith(editFileOperation2)).to.be
+        .false
+    })
+  })
+
+  describe('canBeComposedWithForUndo', function () {
+    it('can', function () {
+      const editFileOperation1 = edit('foo.tex', ['x'])
+      const editFileOperation2 = edit('foo.tex', [1, 'y'])
+      expect(editFileOperation1.canBeComposedWithForUndo(editFileOperation2)).to
+        .be.true
+    })
+
+    it('cannot', function () {
+      const editFileOperation1 = edit('foo.tex', ['x'])
+      const editFileOperation2 = edit('foo.tex', ['y', 1, 'z'])
+      expect(editFileOperation1.canBeComposedWithForUndo(editFileOperation2)).to
+        .be.false
+    })
+  })
+
+  describe('compose', function () {
+    it('composes text operations', function () {
+      const editFileOperation1 = edit('foo.tex', ['x'])
+      const editFileOperation2 = edit('foo.tex', [1, 'y'])
+      const composedFileOperation =
+        editFileOperation1.compose(editFileOperation2)
+      const expectedComposedFileOperation = edit('foo.tex', ['xy'])
+      expect(composedFileOperation).to.deep.equal(expectedComposedFileOperation)
+
+      // check that the original operation wasn't modified
+      expect(editFileOperation1).to.deep.equal(edit('foo.tex', ['x']))
+    })
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/edit_operation.test.js b/libraries/overleaf-editor-core/test/edit_operation.test.js
new file mode 100644
index 0000000..56570f0
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/edit_operation.test.js
@@ -0,0 +1,315 @@
+const { expect } = require('chai')
+const EditOperationBuilder = require('../lib/operation/edit_operation_builder')
+const TextOperation = require('../lib/operation/text_operation')
+const EditOperationTransformer = require('../lib/operation/edit_operation_transformer')
+const EditOperation = require('../lib/operation/edit_operation')
+const randomTextOperation = require('./support/random_text_operation')
+const random = require('./support/random')
+const AddCommentOperation = require('../lib/operation/add_comment_operation')
+const DeleteCommentOperation = require('../lib/operation/delete_comment_operation')
+const SetCommentStateOperation = require('../lib/operation/set_comment_state_operation')
+const Range = require('../lib/range')
+const EditNoOperation = require('../lib/operation/edit_no_operation')
+
+describe('EditOperation', function () {
+  it('Cannot be instantiated', function () {
+    expect(() => new EditOperation()).to.throw(
+      'Cannot instantiate abstract class'
+    )
+  })
+})
+
+describe('EditOperationTransformer', function () {
+  it('Transforms two TextOperations', function () {
+    const a = new TextOperation().insert('foo')
+    const b = new TextOperation().insert('bar')
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(aPrime).to.be.an.instanceof(TextOperation)
+    expect(bPrime).to.be.an.instanceof(TextOperation)
+  })
+
+  it('Transforms TextOperation and EditNoOperation', function () {
+    const a = new TextOperation().insert('foo')
+    const b = new EditNoOperation()
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(aPrime).to.be.an.instanceof(TextOperation)
+    expect(bPrime).to.be.an.instanceof(EditNoOperation)
+  })
+
+  it('Transforms two AddCommentOperations with same commentId', function () {
+    const a = new AddCommentOperation('comm1', [new Range(0, 1)])
+    const b = new AddCommentOperation('comm1', [new Range(2, 3)])
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(aPrime).to.be.an.instanceof(EditNoOperation)
+    expect(bPrime).to.be.an.instanceof(AddCommentOperation)
+  })
+
+  it('Transforms two AddCommentOperations with different commentId', function () {
+    const a = new AddCommentOperation('comm1', [new Range(0, 1)])
+    const b = new AddCommentOperation('comm2', [new Range(2, 3)])
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(aPrime).to.be.an.instanceof(AddCommentOperation)
+    expect(aPrime.toJSON()).to.eql(a.toJSON())
+    expect(bPrime).to.be.an.instanceof(AddCommentOperation)
+    expect(bPrime.toJSON()).to.eql(b.toJSON())
+  })
+
+  it('Transforms two DeleteCommentOperations with same commentId', function () {
+    const a = new DeleteCommentOperation('comm1')
+    const b = new DeleteCommentOperation('comm1')
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(aPrime).to.be.an.instanceof(EditNoOperation)
+    expect(bPrime).to.be.an.instanceof(EditNoOperation)
+  })
+
+  it('Transforms two DeleteCommentOperations with different commentId', function () {
+    const a = new DeleteCommentOperation('comm1')
+    const b = new DeleteCommentOperation('comm2')
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(aPrime).to.be.an.instanceof(DeleteCommentOperation)
+    expect(aPrime.toJSON()).to.eql(a.toJSON())
+    expect(bPrime).to.be.an.instanceof(DeleteCommentOperation)
+    expect(bPrime.toJSON()).to.eql(b.toJSON())
+  })
+
+  it('Transforms AddCommentOperation and DeleteCommentOperation with same commentId', function () {
+    const a = new AddCommentOperation('comm1', [new Range(0, 1)])
+    const b = new DeleteCommentOperation('comm1')
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(aPrime).to.be.an.instanceof(EditNoOperation)
+    expect(bPrime).to.be.an.instanceof(DeleteCommentOperation)
+    expect(bPrime.toJSON()).to.eql(b.toJSON())
+  })
+
+  it('Transforms DeleteCommentOperation and AddCommentOperation with same commentId', function () {
+    const a = new DeleteCommentOperation('comm1')
+    const b = new AddCommentOperation('comm1', [new Range(0, 1)])
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(aPrime).to.be.an.instanceof(DeleteCommentOperation)
+    expect(aPrime.toJSON()).to.eql(a.toJSON())
+    expect(bPrime).to.be.an.instanceof(EditNoOperation)
+  })
+
+  it('Transforms AddCommentOperation and TextOperation', function () {
+    // abc hello[ world] xyz - insert(9, " world")
+    // abc hello |xyz| -   addComment(10, 3, "comment_id")
+
+    const a = new TextOperation().retain(9).insert(' world')
+    const b = new AddCommentOperation('comm1', [new Range(10, 3)])
+
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(aPrime).to.be.an.instanceof(TextOperation)
+    expect(aPrime.toJSON()).to.eql(a.toJSON())
+    expect(bPrime).to.be.an.instanceof(AddCommentOperation)
+    expect(bPrime.toJSON()).to.eql({
+      commentId: 'comm1',
+      ranges: [{ pos: 16, length: 3 }],
+    })
+  })
+
+  it('Transforms TextOperation and AddCommentOperation', function () {
+    // abc hello |xyz| -   addComment(10, 3, "comment_id")
+    // abc hello[ world] xyz - insert(9, " world")
+
+    const a = new AddCommentOperation('comm1', [new Range(10, 3)])
+    const b = new TextOperation().retain(9).insert(' world')
+
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(bPrime).to.be.an.instanceof(TextOperation)
+    expect(bPrime.toJSON()).to.eql(b.toJSON())
+    expect(aPrime).to.be.an.instanceof(AddCommentOperation)
+    expect(aPrime.toJSON()).to.eql({
+      commentId: 'comm1',
+      ranges: [{ pos: 16, length: 3 }],
+    })
+  })
+
+  it('Transforms AddCommentOperation and TextOperation that makes a detached comment', function () {
+    // [abc hello xyz] - delete(0, 13)
+    // abc |hello| xyz - addComment(5, 5, "comment_id")
+
+    const a = new TextOperation().remove(13)
+    const b = new AddCommentOperation('comm1', [new Range(5, 5)])
+
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(aPrime).to.be.an.instanceof(TextOperation)
+    expect(aPrime.toJSON()).to.eql(a.toJSON())
+    expect(bPrime).to.be.an.instanceof(AddCommentOperation)
+    expect(bPrime.toJSON()).to.eql({
+      commentId: 'comm1',
+      ranges: [],
+    })
+  })
+
+  it('Transforms AddCommentOperation and deletion TextOperation', function () {
+    // abc hell{o xy}z - retain(8).delete(4)
+    // abc hello |xyz| -   addComment(10, 3, "comment_id")
+    // abc hell|z|
+
+    const a = new TextOperation().retain(8).remove(4)
+    const b = new AddCommentOperation('comm1', [new Range(10, 3)])
+
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(aPrime).to.be.an.instanceof(TextOperation)
+    expect(aPrime.toJSON()).to.eql(a.toJSON())
+    expect(bPrime).to.be.an.instanceof(AddCommentOperation)
+    expect(bPrime.toJSON()).to.eql({
+      commentId: 'comm1',
+      ranges: [{ pos: 8, length: 1 }],
+    })
+  })
+
+  it('Transforms AddCommentOperation and complex TextOperation', function () {
+    // [foo ]abc hell{o xy}z - insert(0, "foo ").retain(8).delete(4)
+    // abc hello |xyz| -   addComment(10, 3, "comment_id")
+    // foo abc hell|z|
+
+    const a = new TextOperation().insert('foo ').retain(8).remove(4)
+    const b = new AddCommentOperation('comm1', [new Range(10, 3)])
+
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(aPrime).to.be.an.instanceof(TextOperation)
+    expect(aPrime.toJSON()).to.eql(a.toJSON())
+    expect(bPrime).to.be.an.instanceof(AddCommentOperation)
+    expect(bPrime.toJSON()).to.eql({
+      commentId: 'comm1',
+      ranges: [{ pos: 12, length: 1 }],
+    })
+  })
+
+  it('Transforms DeleteCommentOperation and TextOperation', function () {
+    const a = new TextOperation().retain(9).insert(' world')
+    const b = new DeleteCommentOperation('comm1')
+
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(aPrime).to.be.an.instanceof(TextOperation)
+    expect(aPrime.toJSON()).to.eql(a.toJSON())
+    expect(bPrime).to.be.an.instanceof(DeleteCommentOperation)
+    expect(bPrime.toJSON()).to.eql(b.toJSON())
+  })
+
+  it('Transforms SetCommentStateOperation and TextOperation', function () {
+    const a = new TextOperation().retain(9).insert(' world')
+    const b = new SetCommentStateOperation('comm1', true)
+
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(aPrime).to.be.an.instanceof(TextOperation)
+    expect(aPrime.toJSON()).to.eql(a.toJSON())
+    expect(bPrime).to.be.an.instanceof(SetCommentStateOperation)
+    expect(bPrime.toJSON()).to.eql(b.toJSON())
+  })
+
+  it('Transforms SetCommentStateOperation and AddCommentOperation', function () {
+    const a = new AddCommentOperation('comm1', [new Range(0, 1)])
+    const b = new SetCommentStateOperation('comm1', true)
+
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(aPrime).to.be.an.instanceof(AddCommentOperation)
+    expect(aPrime.toJSON()).to.deep.eql({
+      commentId: 'comm1',
+      ranges: [{ pos: 0, length: 1 }],
+      resolved: true,
+    })
+    expect(bPrime).to.be.an.instanceof(SetCommentStateOperation)
+    expect(bPrime.toJSON()).to.deep.eql(b.toJSON())
+  })
+
+  it('Transforms SetCommentStateOperation and DeleteCommentOperation', function () {
+    const a = new DeleteCommentOperation('comm1')
+    const b = new SetCommentStateOperation('comm1', true)
+
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(aPrime).to.be.an.instanceof(DeleteCommentOperation)
+    expect(aPrime.toJSON()).to.deep.eql(a.toJSON())
+    expect(bPrime).to.be.an.instanceof(EditNoOperation)
+  })
+
+  it('Transforms SetCommentStateOperation and SetCommentStateOperation', function () {
+    const a = new SetCommentStateOperation('comm1', false)
+    const b = new SetCommentStateOperation('comm1', true)
+
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(aPrime.toJSON()).to.deep.eql({
+      commentId: 'comm1',
+      resolved: false,
+    })
+    expect(bPrime).to.be.an.instanceof(EditNoOperation)
+  })
+
+  it('Transforms two SetCommentStateOperation with different commentId', function () {
+    const a = new SetCommentStateOperation('comm1', false)
+    const b = new SetCommentStateOperation('comm2', true)
+
+    const [aPrime, bPrime] = EditOperationTransformer.transform(a, b)
+    expect(aPrime).to.be.an.instanceof(SetCommentStateOperation)
+    expect(aPrime.toJSON()).to.deep.eql(a.toJSON())
+    expect(bPrime).to.be.an.instanceof(SetCommentStateOperation)
+    expect(bPrime.toJSON()).to.deep.eql(b.toJSON())
+  })
+})
+
+describe('EditOperationBuilder', function () {
+  it('Constructs TextOperation from JSON', function () {
+    const raw = {
+      textOperation: [1, 'foo', 3],
+    }
+    const op = EditOperationBuilder.fromJSON(raw)
+    expect(op).to.be.an.instanceof(TextOperation)
+    expect(op.toJSON()).to.deep.equal(raw)
+  })
+
+  it('Constructs AddCommentOperation from JSON', function () {
+    const raw = {
+      commentId: 'comm1',
+      ranges: [{ pos: 0, length: 1 }],
+    }
+    const op = EditOperationBuilder.fromJSON(raw)
+    expect(op).to.be.an.instanceof(AddCommentOperation)
+    expect(op.toJSON()).to.deep.equal(raw)
+  })
+
+  it('Constructs DeleteCommentOperation from JSON', function () {
+    const raw = {
+      deleteComment: 'comm1',
+    }
+    const op = EditOperationBuilder.fromJSON(raw)
+    expect(op).to.be.an.instanceof(DeleteCommentOperation)
+    expect(op.toJSON()).to.deep.equal(raw)
+  })
+
+  it('Constructs SetCommentStateOperation from JSON', function () {
+    const raw = {
+      commentId: 'comm1',
+      resolved: true,
+    }
+    const op = EditOperationBuilder.fromJSON(raw)
+    expect(op).to.be.an.instanceof(SetCommentStateOperation)
+    expect(op.toJSON()).to.deep.equal(raw)
+  })
+
+  it('Constructs EditNoOperation from JSON', function () {
+    const raw = { noOp: true }
+    const op = EditOperationBuilder.fromJSON(raw)
+    expect(op).to.be.an.instanceof(EditNoOperation)
+    expect(op.toJSON()).to.deep.equal(raw)
+  })
+
+  it('Throws error for unsupported operation', function () {
+    const raw = {
+      unsupportedOperation: {
+        op: 'foo',
+      },
+    }
+    expect(() => EditOperationBuilder.fromJSON(raw)).to.throw(
+      'Unsupported operation in EditOperationBuilder.fromJSON'
+    )
+  })
+
+  it('Constructs TextOperation from JSON (randomised)', function () {
+    const str = random.string(50)
+    const randomOperation = randomTextOperation(str)
+    const op = EditOperationBuilder.fromJSON(randomOperation.toJSON())
+    expect(op).to.be.an.instanceof(TextOperation)
+    expect(op.equals(randomOperation)).to.be.true
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/file.test.js b/libraries/overleaf-editor-core/test/file.test.js
new file mode 100644
index 0000000..6c96d97
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/file.test.js
@@ -0,0 +1,96 @@
+'use strict'
+
+const { expect } = require('chai')
+const FakeBlobStore = require('./support/fake_blob_store')
+const ot = require('..')
+const File = ot.File
+
+describe('File', function () {
+  it('can have attached metadata', function () {
+    // no metadata
+    let file = File.fromString('foo')
+    expect(file.getMetadata()).to.eql({})
+
+    // metadata passed in at construction time
+    file = File.fromString('foo', { main: true })
+    expect(file.getMetadata()).to.eql({ main: true })
+
+    // metadata set at runtime
+    file.setMetadata({ main: false })
+    expect(file.getMetadata()).to.eql({ main: false })
+  })
+
+  describe('toRaw', function () {
+    it('returns non-empty metadata', function () {
+      const metadata = { main: true }
+      const file = File.fromHash(File.EMPTY_FILE_HASH, undefined, metadata)
+      expect(file.toRaw()).to.eql({
+        hash: File.EMPTY_FILE_HASH,
+        metadata,
+      })
+
+      delete file.getMetadata().main
+      expect(file.toRaw()).to.eql({ hash: File.EMPTY_FILE_HASH })
+    })
+
+    it('returns a deep clone of metadata', function () {
+      const metadata = { externalFile: { id: 123 } }
+      const file = File.fromHash(File.EMPTY_FILE_HASH, undefined, metadata)
+      const raw = file.toRaw()
+      const fileMetadata = file.getMetadata()
+      const rawMetadata = raw.metadata
+      expect(rawMetadata).not.to.equal(fileMetadata)
+      expect(rawMetadata).to.deep.equal(fileMetadata)
+    })
+  })
+
+  describe('store', function () {
+    it('does not return empty metadata', async function () {
+      const file = File.fromHash(File.EMPTY_FILE_HASH)
+      const fakeBlobStore = new FakeBlobStore()
+      const raw = await file.store(fakeBlobStore)
+      expect(raw).to.eql({ hash: File.EMPTY_FILE_HASH })
+    })
+
+    it('returns non-empty metadata', async function () {
+      const metadata = { main: true }
+      const file = File.fromHash(File.EMPTY_FILE_HASH, undefined, metadata)
+      const fakeBlobStore = new FakeBlobStore()
+      const raw = await file.store(fakeBlobStore)
+      expect(raw).to.eql({
+        hash: File.EMPTY_FILE_HASH,
+        metadata,
+      })
+    })
+
+    it('returns a deep clone of metadata', async function () {
+      const metadata = { externalFile: { id: 123 } }
+      const file = File.fromHash(File.EMPTY_FILE_HASH, undefined, metadata)
+      const fakeBlobStore = new FakeBlobStore()
+      const raw = await file.store(fakeBlobStore)
+      raw.metadata.externalFile.id = 456
+      expect(file.getMetadata().externalFile.id).to.equal(123)
+    })
+  })
+
+  describe('with string data', function () {
+    it('can be created from a string', function () {
+      const file = File.fromString('foo')
+      expect(file.getContent()).to.equal('foo')
+    })
+  })
+
+  describe('with hollow string data', function () {
+    it('can be cloned', function () {
+      const file = File.createHollow(null, 0)
+      expect(file.getStringLength()).to.equal(0)
+      const clone = file.clone()
+      expect(clone.getStringLength()).to.equal(0)
+    })
+  })
+
+  it('getComments() returns an empty comment list', function () {
+    const file = File.fromString('foo')
+    expect(file.getComments().toRaw()).to.eql([])
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/file_map.test.js b/libraries/overleaf-editor-core/test/file_map.test.js
new file mode 100644
index 0000000..7dc1b70
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/file_map.test.js
@@ -0,0 +1,195 @@
+'use strict'
+
+const { expect } = require('chai')
+const _ = require('lodash')
+
+const ot = require('..')
+const File = ot.File
+const FileMap = ot.FileMap
+
+describe('FileMap', function () {
+  function makeTestFile(pathname) {
+    return File.fromString(pathname)
+  }
+
+  function makeTestFiles(pathnames) {
+    return _.zipObject(pathnames, _.map(pathnames, makeTestFile))
+  }
+
+  function makeFileMap(pathnames) {
+    return new FileMap(makeTestFiles(pathnames))
+  }
+
+  it('allows construction with a single file', function () {
+    makeFileMap(['a'])
+  })
+
+  it('allows folders to differ by case', function () {
+    expect(() => {
+      makeFileMap(['a/b', 'A/c'])
+    }).not.to.throw
+    expect(() => {
+      makeFileMap(['a/b/c', 'A/b/d'])
+    }).not.to.throw
+    expect(() => {
+      makeFileMap(['a/b/c', 'a/B/d'])
+    }).not.to.throw
+  })
+
+  it('does not allow conflicting paths on construct', function () {
+    expect(() => {
+      makeFileMap(['a', 'a/b'])
+    }).to.throw(FileMap.PathnameConflictError)
+  })
+
+  it('detects conflicting paths with characters that sort before /', function () {
+    const fileMap = makeFileMap(['a', 'a!'])
+    expect(fileMap.wouldConflict('a/b')).to.be.truthy
+  })
+
+  it('detects conflicting paths', function () {
+    const fileMap = makeFileMap(['a/b/c'])
+    expect(fileMap.wouldConflict('a/b/c/d')).to.be.truthy
+    expect(fileMap.wouldConflict('a')).to.be.truthy
+    expect(fileMap.wouldConflict('b')).to.be.falsy
+    expect(fileMap.wouldConflict('a/b')).to.be.truthy
+    expect(fileMap.wouldConflict('a/c')).to.be.falsy
+    expect(fileMap.wouldConflict('a/b/c')).to.be.falsy
+    expect(fileMap.wouldConflict('a/b/d')).to.be.falsy
+    expect(fileMap.wouldConflict('d/b/c')).to.be.falsy
+  })
+
+  it('allows paths that differ by case', function () {
+    const fileMap = makeFileMap(['a/b/c'])
+    expect(fileMap.wouldConflict('a/b/C')).to.be.falsy
+    expect(fileMap.wouldConflict('A')).to.be.falsy
+    expect(fileMap.wouldConflict('A/b')).to.be.falsy
+    expect(fileMap.wouldConflict('a/B')).to.be.falsy
+    expect(fileMap.wouldConflict('A/B')).to.be.falsy
+  })
+
+  it('does not add a file with a conflicting path', function () {
+    const fileMap = makeFileMap(['a/b'])
+    const file = makeTestFile('a/b/c')
+
+    expect(() => {
+      fileMap.addFile('a/b/c', file)
+    }).to.throw(FileMap.PathnameConflictError)
+  })
+
+  it('does not move a file to a conflicting path', function () {
+    const fileMap = makeFileMap(['a/b', 'a/c'])
+
+    expect(() => {
+      fileMap.moveFile('a/b', 'a')
+    }).to.throw(FileMap.PathnameConflictError)
+  })
+
+  it('errors when trying to move a non-existent file', function () {
+    const fileMap = makeFileMap(['a'])
+    expect(() => fileMap.moveFile('b', 'a')).to.throw(FileMap.FileNotFoundError)
+  })
+
+  it('moves a file over an empty folder', function () {
+    const fileMap = makeFileMap(['a/b'])
+    fileMap.moveFile('a/b', 'a')
+    expect(fileMap.countFiles()).to.equal(1)
+    expect(fileMap.getFile('a')).to.exist
+    expect(fileMap.getFile('a').getContent()).to.equal('a/b')
+  })
+
+  it('does not move a file over a non-empty folder', function () {
+    const fileMap = makeFileMap(['a/b', 'a/c'])
+    expect(() => {
+      fileMap.moveFile('a/b', 'a')
+    }).to.throw(FileMap.PathnameConflictError)
+  })
+
+  it('does not overwrite filename that differs by case on add', function () {
+    const fileMap = makeFileMap(['a'])
+    fileMap.addFile('A', makeTestFile('A'))
+    expect(fileMap.countFiles()).to.equal(2)
+    expect(fileMap.files.a).to.exist
+    expect(fileMap.files.A).to.exist
+    expect(fileMap.getFile('a')).to.exist
+    expect(fileMap.getFile('A').getContent()).to.equal('A')
+  })
+
+  it('changes case on move', function () {
+    const fileMap = makeFileMap(['a'])
+    fileMap.moveFile('a', 'A')
+    expect(fileMap.countFiles()).to.equal(1)
+    expect(fileMap.files.a).not.to.exist
+    expect(fileMap.files.A).to.exist
+    expect(fileMap.getFile('A').getContent()).to.equal('a')
+  })
+
+  it('does not overwrite filename that differs by case on move', function () {
+    const fileMap = makeFileMap(['a', 'b'])
+    fileMap.moveFile('a', 'B')
+    expect(fileMap.countFiles()).to.equal(2)
+    expect(fileMap.files.a).not.to.exist
+    expect(fileMap.files.b).to.exist
+    expect(fileMap.files.B).to.exist
+    expect(fileMap.getFile('B').getContent()).to.equal('a')
+  })
+
+  it('does not find pathname that differs by case', function () {
+    const fileMap = makeFileMap(['a'])
+    expect(fileMap.getFile('a')).to.exist
+    expect(fileMap.getFile('A')).not.to.exist
+    expect(fileMap.getFile('b')).not.to.exist
+  })
+
+  it('does not allow non-safe pathnames', function () {
+    expect(() => {
+      makeFileMap(['c*'])
+    }).to.throw(FileMap.BadPathnameError)
+
+    const fileMap = makeFileMap([])
+
+    expect(() => {
+      fileMap.addFile('c*', makeTestFile('c:'))
+    }).to.throw(FileMap.BadPathnameError)
+
+    fileMap.addFile('a', makeTestFile('a'))
+    expect(() => {
+      fileMap.moveFile('a', 'c*')
+    }).to.throw(FileMap.BadPathnameError)
+
+    expect(() => {
+      fileMap.addFile('hasOwnProperty', makeTestFile('hasOwnProperty'))
+      fileMap.addFile('anotherFile', makeTestFile('anotherFile'))
+    }).to.throw()
+  })
+
+  it('removes a file', function () {
+    const fileMap = makeFileMap(['a', 'b'])
+    fileMap.removeFile('a')
+    expect(fileMap.countFiles()).to.equal(1)
+    expect(fileMap.files.a).not.to.exist
+    expect(fileMap.files.b).to.exist
+  })
+
+  it('errors when trying to remove a non-existent file', function () {
+    const fileMap = makeFileMap(['a'])
+    expect(() => fileMap.removeFile('b')).to.throw(FileMap.FileNotFoundError)
+  })
+
+  it('has mapAsync', async function () {
+    const concurrency = 1
+    for (const test of [
+      [[], {}],
+      [['a'], { a: 'a-a' }], // the test is to map to "content-pathname"
+      [['a', 'b'], { a: 'a-a', b: 'b-b' }],
+    ]) {
+      const input = test[0]
+      const expectedOutput = test[1]
+      const fileMap = makeFileMap(input)
+      const result = await fileMap.mapAsync((file, pathname) => {
+        return file.getContent() + '-' + pathname
+      }, concurrency)
+      expect(result).to.deep.equal(expectedOutput)
+    }
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/hash_file_data.test.js b/libraries/overleaf-editor-core/test/hash_file_data.test.js
new file mode 100644
index 0000000..cf7ff56
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/hash_file_data.test.js
@@ -0,0 +1,124 @@
+const HashFileData = require('../lib/file_data/hash_file_data')
+const { expect } = require('chai')
+const StringFileData = require('../lib/file_data/string_file_data')
+const sinon = require('sinon')
+const Blob = require('../lib/blob')
+
+describe('HashFileData', function () {
+  beforeEach(function () {
+    this.fileHash = 'a5675307b61ec2517330622a6e649b4ca1ee5612'
+    this.rangesHash = '380de212d09bf8498065833dbf242aaf11184316'
+    this.blobStore = {
+      getString: sinon.stub(),
+      getObject: sinon.stub(),
+      getBlob: sinon.stub(),
+    }
+  })
+
+  describe('constructor', function () {
+    it('should create a new instance of HashFileData from content hash and ranges hash', function () {
+      const fileData = new HashFileData(this.fileHash, this.rangesHash)
+
+      expect(fileData).to.be.instanceOf(HashFileData)
+      expect(fileData.getHash()).to.equal(this.fileHash)
+      expect(fileData.getRangesHash()).to.equal(this.rangesHash)
+    })
+
+    it('should create a new instance of HashFileData with no ranges hash', function () {
+      const fileData = new HashFileData(this.fileHash)
+      expect(fileData).to.be.instanceOf(HashFileData)
+      expect(fileData.getHash()).to.equal(this.fileHash)
+      expect(fileData.getRangesHash()).to.be.undefined
+    })
+  })
+
+  describe('fromRaw', function () {
+    it('should create a new instance of HashFileData from raw data', function () {
+      const raw = { hash: this.fileHash, rangesHash: this.rangesHash }
+      const fileData = HashFileData.fromRaw(raw)
+
+      expect(fileData).to.be.instanceOf(HashFileData)
+      expect(fileData.getHash()).to.equal(raw.hash)
+      expect(fileData.getRangesHash()).to.equal(raw.rangesHash)
+    })
+
+    it('should create a new instance of HashFileData from raw data without ranges hash', function () {
+      const raw = { hash: this.fileHash }
+      const fileData = HashFileData.fromRaw(raw)
+
+      expect(fileData).to.be.instanceOf(HashFileData)
+      expect(fileData.getHash()).to.equal(raw.hash)
+      expect(fileData.getRangesHash()).to.equal(undefined)
+    })
+  })
+
+  describe('toRaw', function () {
+    it('should include ranges hash when present', function () {
+      const fileData = new HashFileData(this.fileHash, this.rangesHash)
+      const raw = fileData.toRaw()
+      expect(raw).to.deep.equal({
+        hash: this.fileHash,
+        rangesHash: this.rangesHash,
+      })
+    })
+
+    it('should omit ranges hash when not present', function () {
+      const fileData = new HashFileData(this.fileHash)
+      const raw = fileData.toRaw()
+      expect(raw).to.deep.equal({
+        hash: this.fileHash,
+      })
+    })
+  })
+
+  describe('toEager', function () {
+    it('should convert HashFileData to StringFileData including ranges', async function () {
+      const trackedChanges = [
+        {
+          range: { pos: 5, length: 10 },
+          tracking: {
+            userId: 'foo',
+            type: 'insert',
+            ts: '2024-01-01T00:00:00.000Z',
+          },
+        },
+      ]
+      const comments = [
+        {
+          id: 'comment-1',
+          ranges: [{ pos: 1, length: 4 }],
+        },
+      ]
+      const fileData = new HashFileData(this.fileHash, this.rangesHash)
+      this.blobStore.getString.withArgs(this.fileHash).resolves('content')
+      this.blobStore.getObject.withArgs(this.rangesHash).resolves({
+        trackedChanges,
+        comments,
+      })
+      this.blobStore.getBlob
+        .withArgs(this.rangesHash)
+        .resolves(new Blob(this.rangesHash, 20, 20))
+      this.blobStore.getBlob
+        .withArgs(this.fileHash)
+        .resolves(new Blob(this.fileHash, 20, 20))
+      const eagerFileData = await fileData.toEager(this.blobStore)
+      expect(eagerFileData).to.be.instanceOf(StringFileData)
+      expect(eagerFileData.getContent()).to.equal('content')
+      expect(eagerFileData.trackedChanges.toRaw()).to.deep.equal(trackedChanges)
+      expect(eagerFileData.getComments().toRaw()).to.deep.equal(comments)
+    })
+
+    it('should convert HashFileData to StringFileData without ranges', async function () {
+      const fileData = new HashFileData(this.fileHash, undefined)
+      this.blobStore.getString.withArgs(this.fileHash).resolves('content')
+      this.blobStore.getBlob
+        .withArgs(this.fileHash)
+        .resolves(new Blob(this.fileHash, 20, 20))
+      const eagerFileData = await fileData.toEager(this.blobStore)
+      expect(eagerFileData).to.be.instanceOf(StringFileData)
+      expect(eagerFileData.getContent()).to.equal('content')
+      expect(eagerFileData.trackedChanges.toRaw()).to.deep.equal([])
+      expect(eagerFileData.getComments().toRaw()).to.deep.equal([])
+    })
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/history.test.js b/libraries/overleaf-editor-core/test/history.test.js
new file mode 100644
index 0000000..c5be9d8
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/history.test.js
@@ -0,0 +1,42 @@
+'use strict'
+
+const { expect } = require('chai')
+const core = require('..')
+const Change = core.Change
+const File = core.File
+const History = core.History
+const Operation = core.Operation
+const Snapshot = core.Snapshot
+
+describe('History', function () {
+  describe('findBlobHashes', function () {
+    it('finds blob hashes from snapshot and changes', function () {
+      const history = new History(new Snapshot(), [])
+
+      const blobHashes = new Set()
+      history.findBlobHashes(blobHashes)
+      expect(blobHashes.size).to.equal(0)
+
+      // Add a file with a hash to the snapshot.
+      history.getSnapshot().addFile('foo', File.fromHash(File.EMPTY_FILE_HASH))
+      history.findBlobHashes(blobHashes)
+      expect(Array.from(blobHashes)).to.have.members([File.EMPTY_FILE_HASH])
+
+      // Add a file with a hash to the changes.
+      const testHash = 'a'.repeat(40)
+      const change = Change.fromRaw({
+        operations: [],
+        timestamp: '2015-03-05T12:03:53.035Z',
+        authors: [null],
+      })
+      change.pushOperation(Operation.addFile('bar', File.fromHash(testHash)))
+
+      history.pushChanges([change])
+      history.findBlobHashes(blobHashes)
+      expect(Array.from(blobHashes)).to.have.members([
+        File.EMPTY_FILE_HASH,
+        testHash,
+      ])
+    })
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/hollow_string_file_data.test.js b/libraries/overleaf-editor-core/test/hollow_string_file_data.test.js
new file mode 100644
index 0000000..e40fec2
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/hollow_string_file_data.test.js
@@ -0,0 +1,22 @@
+'use strict'
+
+const { expect } = require('chai')
+const ot = require('..')
+const HollowStringFileData = require('../lib/file_data/hollow_string_file_data')
+const TextOperation = ot.TextOperation
+
+describe('HollowStringFileData', function () {
+  it('validates string length when edited', function () {
+    const maxLength = TextOperation.MAX_STRING_LENGTH
+    const fileData = new HollowStringFileData(maxLength)
+    expect(fileData.getStringLength()).to.equal(maxLength)
+
+    expect(() => {
+      fileData.edit(new TextOperation().retain(maxLength).insert('x'))
+    }).to.throw(TextOperation.TooLongError)
+    expect(fileData.getStringLength()).to.equal(maxLength)
+
+    fileData.edit(new TextOperation().retain(maxLength - 1).remove(1))
+    expect(fileData.getStringLength()).to.equal(maxLength - 1)
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/label.test.js b/libraries/overleaf-editor-core/test/label.test.js
new file mode 100644
index 0000000..448b6f0
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/label.test.js
@@ -0,0 +1,17 @@
+'use strict'
+
+const { expect } = require('chai')
+const ot = require('..')
+const Label = ot.Label
+
+describe('Label', function () {
+  it('can be created by an anonymous author', function () {
+    const label = Label.fromRaw({
+      text: 'test',
+      authorId: null,
+      timestamp: '2016-01-01T00:00:00Z',
+      version: 123,
+    })
+    expect(label.getAuthorId()).to.be.null
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/lazy_string_file_data.test.js b/libraries/overleaf-editor-core/test/lazy_string_file_data.test.js
new file mode 100644
index 0000000..4c9f4aa
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/lazy_string_file_data.test.js
@@ -0,0 +1,196 @@
+// @ts-check
+'use strict'
+
+const _ = require('lodash')
+const { expect } = require('chai')
+const sinon = require('sinon')
+
+const ot = require('..')
+const File = ot.File
+const TextOperation = ot.TextOperation
+const LazyStringFileData = require('../lib/file_data/lazy_string_file_data')
+const EagerStringFileData = require('../lib/file_data/string_file_data')
+
+describe('LazyStringFileData', function () {
+  beforeEach(function () {
+    this.rangesHash = '380de212d09bf8498065833dbf242aaf11184316'
+    this.fileHash = 'a5675307b61ec2517330622a6e649b4ca1ee5612'
+    this.blobStore = {
+      getString: sinon.stub(),
+      putString: sinon.stub().resolves(new ot.Blob(this.fileHash, 19, 19)),
+      getObject: sinon.stub(),
+      putObject: sinon.stub().resolves(new ot.Blob(this.rangesHash, 204, 204)),
+    }
+    this.blobStore.getString.withArgs(File.EMPTY_FILE_HASH).resolves('')
+    this.blobStore.getString
+      .withArgs(this.fileHash)
+      .resolves('the quick brown fox')
+    this.blobStore.getObject.withArgs(this.rangesHash).resolves({
+      comments: [{ id: 'foo', ranges: [{ pos: 0, length: 3 }] }],
+      trackedChanges: [
+        {
+          range: { pos: 4, length: 5 },
+          tracking: {
+            type: 'delete',
+            userId: 'user1',
+            ts: '2024-01-01T00:00:00.000Z',
+          },
+        },
+      ],
+    })
+  })
+
+  it('uses raw text operations for toRaw and fromRaw', function () {
+    const testHash = File.EMPTY_FILE_HASH
+    const fileData = new LazyStringFileData(testHash, undefined, 0)
+    let roundTripFileData
+
+    expect(fileData.toRaw()).to.deep.equal({
+      hash: testHash,
+      stringLength: 0,
+    })
+    roundTripFileData = LazyStringFileData.fromRaw(fileData.toRaw())
+    expect(roundTripFileData.getHash()).to.equal(testHash)
+    expect(roundTripFileData.getStringLength()).to.equal(0)
+    expect(roundTripFileData.getOperations()).to.have.length(0)
+
+    fileData.edit(new TextOperation().insert('a'))
+    expect(fileData.toRaw()).to.deep.equal({
+      hash: testHash,
+      stringLength: 1,
+      operations: [{ textOperation: ['a'] }],
+    })
+    roundTripFileData = LazyStringFileData.fromRaw(fileData.toRaw())
+    expect(roundTripFileData.getHash()).not.to.exist // file has changed
+    expect(roundTripFileData.getStringLength()).to.equal(1)
+    expect(roundTripFileData.getOperations()).to.have.length(1)
+    expect(roundTripFileData.getOperations()[0]).to.be.instanceOf(TextOperation)
+    expect(
+      /** @type {InstanceType<TextOperation>} */ (
+        roundTripFileData.getOperations()[0]
+      ).ops
+    ).to.have.length(1)
+
+    fileData.edit(new TextOperation().retain(1).insert('b'))
+    expect(fileData.toRaw()).to.deep.equal({
+      hash: testHash,
+      stringLength: 2,
+      operations: [{ textOperation: ['a'] }, { textOperation: [1, 'b'] }],
+    })
+    roundTripFileData = LazyStringFileData.fromRaw(fileData.toRaw())
+    expect(roundTripFileData.getHash()).not.to.exist // file has changed
+    expect(roundTripFileData.getStringLength()).to.equal(2)
+    expect(roundTripFileData.getOperations()).to.have.length(2)
+    expect(
+      /** @type {InstanceType<TextOperation>} */ (
+        roundTripFileData.getOperations()[0]
+      ).ops
+    ).to.have.length(1)
+    expect(
+      /** @type {InstanceType<TextOperation>} */ (
+        roundTripFileData.getOperations()[1]
+      ).ops
+    ).to.have.length(2)
+  })
+
+  it('should include rangesHash in toRaw and fromRaw when available', function () {
+    const testHash = File.EMPTY_FILE_HASH
+    const rangesHash = this.rangesHash
+    const fileData = new LazyStringFileData(testHash, rangesHash, 19)
+
+    expect(fileData.toRaw()).to.deep.equal({
+      hash: testHash,
+      rangesHash,
+      stringLength: 19,
+    })
+
+    const roundTripFileData = LazyStringFileData.fromRaw(fileData.toRaw())
+    expect(roundTripFileData.getHash()).to.equal(testHash)
+    expect(roundTripFileData.getRangesHash()).to.equal(rangesHash)
+    expect(roundTripFileData.getStringLength()).to.equal(19)
+    expect(roundTripFileData.getOperations()).to.have.length(0)
+  })
+
+  it('should fetch content from blob store when loading eager string', async function () {
+    const testHash = this.fileHash
+    const rangesHash = this.rangesHash
+    const fileData = new LazyStringFileData(testHash, rangesHash, 19)
+    const eagerString = await fileData.toEager(this.blobStore)
+    expect(eagerString).to.be.instanceOf(EagerStringFileData)
+    expect(eagerString.getContent()).to.equal('the quick brown fox')
+    expect(eagerString.getComments().toRaw()).to.deep.equal([
+      { id: 'foo', ranges: [{ pos: 0, length: 3 }] },
+    ])
+    expect(eagerString.trackedChanges.toRaw()).to.deep.equal([
+      {
+        range: { pos: 4, length: 5 },
+        tracking: {
+          type: 'delete',
+          userId: 'user1',
+          ts: '2024-01-01T00:00:00.000Z',
+        },
+      },
+    ])
+    expect(this.blobStore.getObject.calledWith(rangesHash)).to.be.true
+    expect(this.blobStore.getString.calledWith(testHash)).to.be.true
+  })
+
+  it('should not fetch ranges from blob store if not present', async function () {
+    const testHash = this.fileHash
+    const fileData = new LazyStringFileData(testHash, undefined, 19)
+    const eagerString = await fileData.toEager(this.blobStore)
+    expect(eagerString).to.be.instanceOf(EagerStringFileData)
+    expect(eagerString.getContent()).to.equal('the quick brown fox')
+    expect(eagerString.getComments().toRaw()).to.be.empty
+    expect(eagerString.trackedChanges.length).to.equal(0)
+    expect(this.blobStore.getObject.called).to.be.false
+    expect(this.blobStore.getString.calledWith(testHash)).to.be.true
+  })
+
+  it('validates operations when edited', function () {
+    const testHash = File.EMPTY_FILE_HASH
+    const fileData = new LazyStringFileData(testHash, undefined, 0)
+    expect(fileData.getHash()).equal(testHash)
+    expect(fileData.getByteLength()).to.equal(0) // approximately
+    expect(fileData.getStringLength()).to.equal(0)
+    expect(fileData.getOperations()).to.have.length(0)
+
+    fileData.edit(new TextOperation().insert('a'))
+    expect(fileData.getHash()).not.to.exist
+    expect(fileData.getByteLength()).to.equal(1) // approximately
+    expect(fileData.getStringLength()).to.equal(1)
+    expect(fileData.getOperations()).to.have.length(1)
+
+    expect(() => {
+      fileData.edit(new TextOperation().retain(10))
+    }).to.throw(TextOperation.ApplyError)
+    expect(fileData.getHash()).not.to.exist
+    expect(fileData.getByteLength()).to.equal(1) // approximately
+    expect(fileData.getStringLength()).to.equal(1)
+    expect(fileData.getOperations()).to.have.length(1)
+  })
+
+  it('validates string length when edited', function () {
+    const testHash = File.EMPTY_FILE_HASH
+    const fileData = new LazyStringFileData(testHash, undefined, 0)
+    expect(fileData.getHash()).equal(testHash)
+    expect(fileData.getByteLength()).to.equal(0) // approximately
+    expect(fileData.getStringLength()).to.equal(0)
+    expect(fileData.getOperations()).to.have.length(0)
+
+    const longString = _.repeat('a', TextOperation.MAX_STRING_LENGTH)
+    fileData.edit(new TextOperation().insert(longString))
+    expect(fileData.getHash()).not.to.exist
+    expect(fileData.getByteLength()).to.equal(longString.length) // approximate
+    expect(fileData.getStringLength()).to.equal(longString.length)
+    expect(fileData.getOperations()).to.have.length(1)
+
+    expect(() => {
+      fileData.edit(new TextOperation().retain(longString.length).insert('x'))
+    }).to.throw(TextOperation.TooLongError)
+    expect(fileData.getHash()).not.to.exist
+    expect(fileData.getByteLength()).to.equal(longString.length) // approximate
+    expect(fileData.getStringLength()).to.equal(longString.length)
+    expect(fileData.getOperations()).to.have.length(1)
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/move_file_operation.test.js b/libraries/overleaf-editor-core/test/move_file_operation.test.js
new file mode 100644
index 0000000..d8bf923
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/move_file_operation.test.js
@@ -0,0 +1,64 @@
+'use strict'
+
+const { expect } = require('chai')
+const ot = require('..')
+const File = ot.File
+const MoveFileOperation = ot.MoveFileOperation
+const Snapshot = ot.Snapshot
+const Operation = ot.Operation
+const V2DocVersions = ot.V2DocVersions
+const TextOperation = ot.TextOperation
+
+describe('MoveFileOperation', function () {
+  function makeEmptySnapshot() {
+    return new Snapshot()
+  }
+
+  function makeOneFileSnapshot() {
+    const snapshot = makeEmptySnapshot()
+    snapshot.addFile('foo', File.fromString('test: foo'))
+    return snapshot
+  }
+
+  function makeTwoFileSnapshot() {
+    const snapshot = makeOneFileSnapshot()
+    snapshot.addFile('bar', File.fromString('test: bar'))
+    return snapshot
+  }
+
+  it('moves a file over another', function () {
+    const snapshot = makeOneFileSnapshot()
+    const operation = new MoveFileOperation('foo', 'bar')
+    operation.applyTo(snapshot)
+    expect(snapshot.countFiles()).to.equal(1)
+    expect(snapshot.getFile('bar').getContent()).to.equal('test: foo')
+  })
+
+  it('moves a file to another pathname', function () {
+    const snapshot = makeTwoFileSnapshot()
+    const operation = new MoveFileOperation('foo', 'a')
+    operation.applyTo(snapshot)
+    expect(snapshot.countFiles()).to.equal(2)
+    expect(snapshot.getFile('a').getContent()).to.equal('test: foo')
+    expect(snapshot.getFile('bar').getContent()).to.equal('test: bar')
+  })
+
+  it('should keep v2DocVersions in-sync', function () {
+    const snapshot = makeTwoFileSnapshot()
+    snapshot.setV2DocVersions(
+      V2DocVersions.fromRaw({
+        id1: { pathname: 'foo', v: 1 },
+        id2: { pathname: 'bar', v: 1 },
+      })
+    )
+    Operation.moveFile('foo', 'foo-after').applyTo(snapshot)
+    Operation.editFile(
+      'foo-after',
+      TextOperation.fromJSON({ textOperation: [9, 'edit'] })
+    ).applyTo(snapshot)
+    Operation.removeFile('bar').applyTo(snapshot)
+    expect(snapshot.getV2DocVersions().toRaw()).to.deep.equal({
+      id1: { pathname: 'foo-after', v: 1 },
+    })
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/operation.test.js b/libraries/overleaf-editor-core/test/operation.test.js
new file mode 100644
index 0000000..c2edc66
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/operation.test.js
@@ -0,0 +1,1074 @@
+'use strict'
+
+const _ = require('lodash')
+const { expect } = require('chai')
+
+const ot = require('..')
+const StringFileData = require('../lib/file_data/string_file_data')
+const File = ot.File
+const AddFileOperation = ot.AddFileOperation
+const MoveFileOperation = ot.MoveFileOperation
+const EditFileOperation = ot.EditFileOperation
+const NoOperation = ot.NoOperation
+const Operation = ot.Operation
+const TextOperation = ot.TextOperation
+const AddCommentOperation = ot.AddCommentOperation
+const DeleteCommentOperation = ot.DeleteCommentOperation
+const SetCommentStateOperation = ot.SetCommentStateOperation
+const Snapshot = ot.Snapshot
+
+describe('Operation', function () {
+  function makeEmptySnapshot() {
+    return new Snapshot()
+  }
+
+  function makeOneFileSnapshot() {
+    const snapshot = makeEmptySnapshot()
+    snapshot.addFile('foo', File.fromString(''))
+    return snapshot
+  }
+
+  function makeTwoFileSnapshot() {
+    const snapshot = makeOneFileSnapshot()
+    snapshot.addFile('bar', File.fromString('a'))
+    return snapshot
+  }
+
+  function addFile(pathname, content) {
+    return new AddFileOperation(pathname, File.fromString(content))
+  }
+
+  function roundTripOperation(operation) {
+    return Operation.fromRaw(operation.toRaw())
+  }
+
+  function deepCopySnapshot(snapshot) {
+    return Snapshot.fromRaw(snapshot.toRaw())
+  }
+
+  function runConcurrently(operation0, operation1, snapshot) {
+    const operations = [
+      // make sure they survive serialization
+      roundTripOperation(operation0),
+      roundTripOperation(operation1),
+    ]
+    const primeOperations = Operation.transform(operation0, operation1)
+    const originalSnapshot = snapshot || makeEmptySnapshot()
+    const snapshotA = deepCopySnapshot(originalSnapshot)
+    const snapshotB = deepCopySnapshot(originalSnapshot)
+
+    operations[0].applyTo(snapshotA)
+    operations[1].applyTo(snapshotB)
+
+    primeOperations[0].applyTo(snapshotB)
+    primeOperations[1].applyTo(snapshotA)
+    expect(snapshotA).to.eql(snapshotB)
+
+    return {
+      snapshot: snapshotA,
+      operations,
+      primeOperations,
+
+      log() {
+        console.log(this)
+        return this
+      },
+
+      expectNoTransform() {
+        expect(this.operations).to.deep.eql(this.primeOperations)
+        return this
+      },
+
+      expectTransform() {
+        expect(this.operations).to.not.deep.eql(this.primeOperations)
+        return this
+      },
+
+      swap() {
+        return runConcurrently(operation1, operation0, originalSnapshot)
+      },
+
+      expectFiles(files) {
+        this.expectedFiles = files
+        expect(this.snapshot.countFiles()).to.equal(_.size(files))
+        _.forOwn(files, (expectedFile, pathname) => {
+          if (_.isString(expectedFile)) {
+            expectedFile = { content: expectedFile, metadata: {}, comments: [] }
+          }
+          const file = this.snapshot.getFile(pathname)
+          expect(file.getContent()).to.equal(expectedFile.content)
+          expect(file.getMetadata()).to.eql(expectedFile.metadata)
+          expect(file.getComments().toRaw()).to.deep.equal(
+            expectedFile.comments
+          )
+        })
+        return this
+      },
+
+      expectSymmetry() {
+        if (!this.expectedFiles) {
+          throw new Error('must call expectFiles before expectSymmetry')
+        }
+        this.swap().expectFiles(this.expectedFiles)
+        return this
+      },
+
+      expectPrime(index, klass) {
+        expect(this.primeOperations[index]).to.be.an.instanceof(klass)
+        return this
+      },
+
+      tap(fn) {
+        fn.call(this)
+        return this
+      },
+    }
+  }
+
+  // shorthand for creating an edit operation
+  function edit(pathname, textOperationOps) {
+    return Operation.editFile(
+      pathname,
+      TextOperation.fromJSON({ textOperation: textOperationOps })
+    )
+  }
+
+  it('transforms AddFile-AddFile with different names', function () {
+    runConcurrently(addFile('foo', ''), addFile('bar', 'a'))
+      .expectNoTransform()
+      .expectFiles({ bar: 'a', foo: '' })
+      .expectSymmetry()
+  })
+
+  it('transforms AddFile-AddFile with same name', function () {
+    // the second file 'wins'
+    runConcurrently(addFile('foo', ''), addFile('foo', 'a'))
+      .expectFiles({ foo: 'a' })
+      // if the first add was committed first, the second add overwrites it
+      .expectPrime(1, AddFileOperation)
+      // if the second add was committed first, the first add becomes a no-op
+      .expectPrime(0, NoOperation)
+      .swap()
+      .expectFiles({ foo: '' })
+  })
+
+  it('transforms AddFile-MoveFile with no conflict', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'baz'),
+      addFile('bar', 'a'),
+      makeOneFileSnapshot()
+    )
+      .expectNoTransform()
+      .expectFiles({ bar: 'a', baz: '' })
+      .expectSymmetry()
+  })
+
+  it('transforms AddFile-MoveFile with move from new file', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'baz'),
+      addFile('foo', 'a'),
+      makeOneFileSnapshot()
+    )
+      .expectFiles({ baz: 'a' })
+      // if the move was committed first, the add overwrites it
+      .expectPrime(1, AddFileOperation)
+      // if the add was committed first, the move appears in the history
+      .expectPrime(0, MoveFileOperation)
+      .expectSymmetry()
+  })
+
+  it('transforms AddFile-MoveFile with move to new file', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'baz'),
+      addFile('baz', 'a'),
+      makeOneFileSnapshot()
+    )
+      .expectFiles({ baz: 'a' })
+      // if the move was committed first, the add overwrites it
+      .expectPrime(1, AddFileOperation)
+      // if the add was committed first, the move becomes a delete
+      .expectPrime(0, MoveFileOperation)
+      .tap(function () {
+        expect(this.primeOperations[0].isRemoveFile()).to.be.true
+      })
+      .expectSymmetry()
+  })
+
+  it('transforms AddFile-RemoveFile with no conflict', function () {
+    runConcurrently(
+      Operation.removeFile('foo'),
+      addFile('bar', 'a'),
+      makeOneFileSnapshot()
+    )
+      .expectNoTransform()
+      .expectFiles({ bar: 'a' })
+      .expectSymmetry()
+  })
+
+  it('transforms AddFile-RemoveFile that removes added file', function () {
+    runConcurrently(
+      Operation.removeFile('foo'),
+      addFile('foo', 'a'),
+      makeOneFileSnapshot()
+    )
+      .expectFiles({ foo: 'a' })
+      // if the move was committed first, the add overwrites it
+      .expectPrime(1, AddFileOperation)
+      // if the add was committed first, the move gets dropped
+      .expectPrime(0, NoOperation)
+      .expectSymmetry()
+  })
+
+  it('transforms AddFile-EditFile with no conflict', function () {
+    runConcurrently(
+      edit('foo', ['x']),
+      addFile('bar', 'a'),
+      makeOneFileSnapshot()
+    )
+      .expectNoTransform()
+      .expectFiles({ bar: 'a', foo: 'x' })
+      .expectSymmetry()
+  })
+
+  it('transforms AddFile-EditFile when new file is edited', function () {
+    runConcurrently(
+      edit('foo', ['x']),
+      addFile('foo', 'a'),
+      makeOneFileSnapshot()
+    )
+      .expectFiles({ foo: 'a' })
+      // if the edit was committed first, the add overwrites it
+      .expectPrime(1, AddFileOperation)
+      // if the add was committed first, the edit gets dropped
+      .expectPrime(0, NoOperation)
+      .expectSymmetry()
+  })
+
+  it('transforms AddFile-SetFileMetadata with no conflict', function () {
+    const testMetadata = { baz: 1 }
+    runConcurrently(
+      addFile('bar', 'a'),
+      Operation.setFileMetadata('foo', testMetadata),
+      makeOneFileSnapshot()
+    )
+      .expectNoTransform()
+      .expectFiles({
+        foo: { content: '', metadata: testMetadata, comments: [] },
+        bar: 'a',
+      })
+      .expectSymmetry()
+  })
+
+  it('transforms AddFile-SetFileMetadata with same name', function () {
+    const testMetadata = { baz: 1 }
+    runConcurrently(
+      addFile('foo', 'x'),
+      Operation.setFileMetadata('foo', testMetadata),
+      makeEmptySnapshot()
+    )
+      .expectFiles({
+        foo: { content: 'x', metadata: testMetadata, comments: [] },
+      })
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-MoveFile with no conflict', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'baz'),
+      Operation.moveFile('bar', 'bat'),
+      makeTwoFileSnapshot()
+    )
+      .expectFiles({ bat: 'a', baz: '' })
+      .expectNoTransform()
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-MoveFile same move foo->foo, foo->foo', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'foo'),
+      Operation.moveFile('foo', 'foo'),
+      makeOneFileSnapshot()
+    )
+      .expectFiles({ foo: '' })
+      .expectPrime(1, NoOperation)
+      .expectPrime(0, NoOperation)
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-MoveFile no-op foo->foo, foo->bar', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'foo'),
+      Operation.moveFile('foo', 'bar'),
+      makeOneFileSnapshot()
+    )
+      .expectFiles({ bar: '' })
+      .expectPrime(1, MoveFileOperation)
+      .expectPrime(0, NoOperation)
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-MoveFile no-op foo->foo, bar->foo', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'foo'),
+      Operation.moveFile('foo', 'bar'),
+      makeTwoFileSnapshot()
+    )
+      .expectFiles({ bar: '' })
+      .expectPrime(1, MoveFileOperation)
+      .expectPrime(0, NoOperation)
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-MoveFile no-op foo->foo, bar->bar', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'foo'),
+      Operation.moveFile('bar', 'bar'),
+      makeTwoFileSnapshot()
+    )
+      .expectFiles({ bar: 'a', foo: '' })
+      .expectPrime(1, NoOperation)
+      .expectPrime(0, NoOperation)
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-MoveFile same move foo->bar, foo->bar', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'bar'),
+      Operation.moveFile('foo', 'bar'),
+      makeOneFileSnapshot()
+    )
+      .expectFiles({ bar: '' })
+      .expectPrime(1, NoOperation)
+      .expectPrime(0, NoOperation)
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-MoveFile opposite foo->bar, bar->foo', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'bar'),
+      Operation.moveFile('bar', 'foo'),
+      makeTwoFileSnapshot()
+    )
+      .expectFiles([])
+      .expectPrime(1, MoveFileOperation)
+      .expectPrime(0, MoveFileOperation)
+      .tap(function () {
+        expect(this.primeOperations[1].isRemoveFile()).to.be.true
+        expect(this.primeOperations[1].getPathname()).to.equal('bar')
+
+        expect(this.primeOperations[0].isRemoveFile()).to.be.true
+        expect(this.primeOperations[0].getPathname()).to.equal('foo')
+      })
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-MoveFile no-op foo->foo, bar->baz', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'foo'),
+      Operation.moveFile('bar', 'baz'),
+      makeTwoFileSnapshot()
+    )
+      .expectFiles({ baz: 'a', foo: '' })
+      .expectPrime(1, MoveFileOperation)
+      .expectPrime(0, NoOperation)
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-MoveFile diverge foo->bar, foo->baz', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'bar'),
+      Operation.moveFile('foo', 'baz'),
+      makeOneFileSnapshot()
+    )
+      .expectFiles({ baz: '' })
+      // if foo->bar was committed first, the second move becomes bar->baz
+      .expectPrime(1, MoveFileOperation)
+      // if foo->baz was committed first, the second move becomes a no-op
+      .expectPrime(0, NoOperation)
+      .tap(function () {
+        expect(this.primeOperations[1].getPathname()).to.equal('bar')
+        expect(this.primeOperations[1].getNewPathname()).to.equal('baz')
+      })
+      .swap()
+      .expectFiles({ bar: '' })
+  })
+
+  it('transforms MoveFile-MoveFile transitive foo->baz, bar->foo', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'baz'),
+      Operation.moveFile('bar', 'foo'),
+      makeTwoFileSnapshot()
+    )
+      .expectFiles({ baz: 'a' })
+      .expectPrime(1, MoveFileOperation)
+      .expectPrime(0, MoveFileOperation)
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-MoveFile transitive foo->bar, bar->baz', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'bar'),
+      Operation.moveFile('bar', 'baz'),
+      makeTwoFileSnapshot()
+    )
+      .expectFiles({ baz: '' })
+      .expectPrime(1, MoveFileOperation)
+      .expectPrime(0, MoveFileOperation)
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-MoveFile converge foo->baz, bar->baz', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'baz'),
+      Operation.moveFile('bar', 'baz'),
+      makeTwoFileSnapshot()
+    )
+      .expectFiles({ baz: 'a' })
+      .expectPrime(1, MoveFileOperation)
+      .expectPrime(0, MoveFileOperation)
+      .tap(function () {
+        // if foo->baz was committed first, we just apply the move
+        expect(this.primeOperations[1]).to.eql(this.operations[1])
+
+        // if bar->baz was committed first, the other move becomes a remove
+        expect(this.primeOperations[0].isRemoveFile()).to.be.true
+        expect(this.primeOperations[0].getPathname()).to.equal('foo')
+      })
+      .swap()
+      .expectFiles({ baz: '' })
+  })
+
+  it('transforms MoveFile-RemoveFile no-op foo->foo, foo->', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'foo'),
+      Operation.removeFile('foo'),
+      makeOneFileSnapshot()
+    )
+      .expectFiles([])
+      .expectPrime(1, MoveFileOperation)
+      .expectPrime(0, NoOperation)
+      .tap(function () {
+        expect(this.primeOperations[1].isRemoveFile()).to.be.true
+      })
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-RemoveFile same move foo->, foo->', function () {
+    runConcurrently(
+      Operation.removeFile('foo'),
+      Operation.removeFile('foo'),
+      makeOneFileSnapshot()
+    )
+      .expectFiles([])
+      .expectPrime(1, NoOperation)
+      .expectPrime(0, NoOperation)
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-RemoveFile no conflict foo->, bar->', function () {
+    runConcurrently(
+      Operation.removeFile('foo'),
+      Operation.removeFile('bar'),
+      makeTwoFileSnapshot()
+    )
+      .expectFiles([])
+      .expectNoTransform()
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-RemoveFile no conflict foo->foo, bar->', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'foo'),
+      Operation.removeFile('bar'),
+      makeTwoFileSnapshot()
+    )
+      .expectFiles({ foo: '' })
+      .expectPrime(1, MoveFileOperation)
+      .expectPrime(0, NoOperation)
+      .tap(function () {
+        expect(this.primeOperations[1].isRemoveFile()).to.be.true
+      })
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-RemoveFile transitive foo->, bar->foo', function () {
+    runConcurrently(
+      Operation.removeFile('foo'),
+      Operation.moveFile('bar', 'foo'),
+      makeTwoFileSnapshot()
+    )
+      .expectFiles([])
+      .expectPrime(1, MoveFileOperation)
+      .expectPrime(0, MoveFileOperation)
+      .tap(function () {
+        expect(this.primeOperations[1].isRemoveFile()).to.be.true
+        expect(this.primeOperations[1].getPathname()).to.equal('bar')
+
+        expect(this.primeOperations[0].isRemoveFile()).to.be.true
+        expect(this.primeOperations[0].getPathname()).to.equal('foo')
+      })
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-RemoveFile transitive foo->bar, bar->', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'bar'),
+      Operation.removeFile('bar'),
+      makeTwoFileSnapshot()
+    )
+      .expectFiles({})
+      .expectPrime(1, MoveFileOperation)
+      .expectPrime(0, MoveFileOperation)
+      .tap(function () {
+        expect(this.primeOperations[1].isRemoveFile()).to.be.true
+        expect(this.primeOperations[1].getPathname()).to.equal('bar')
+
+        expect(this.primeOperations[0].isRemoveFile()).to.be.true
+        expect(this.primeOperations[0].getPathname()).to.equal('foo')
+      })
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-EditFile with no conflict', function () {
+    runConcurrently(
+      Operation.moveFile('bar', 'baz'),
+      edit('foo', ['x']),
+      makeTwoFileSnapshot()
+    )
+      .expectFiles({ baz: 'a', foo: 'x' })
+      .expectNoTransform()
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-EditFile with edit on pathname', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'bar'),
+      edit('foo', ['x']),
+      makeOneFileSnapshot()
+    )
+      .expectFiles({ bar: 'x' })
+      .expectPrime(1, EditFileOperation)
+      .expectPrime(0, MoveFileOperation)
+      .tap(function () {
+        expect(this.primeOperations[1].getPathname()).to.equal('bar')
+
+        expect(this.primeOperations[0].getPathname()).to.equal('foo')
+        expect(this.primeOperations[0].getNewPathname()).to.equal('bar')
+      })
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-EditFile with edit on new pathname', function () {
+    runConcurrently(
+      Operation.moveFile('bar', 'foo'),
+      edit('foo', ['x']),
+      makeTwoFileSnapshot()
+    )
+      .expectFiles({ foo: 'a' })
+      .expectPrime(1, NoOperation)
+      .tap(function () {
+        expect(this.primeOperations[0]).to.eql(this.operations[0])
+      })
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-EditFile with no-op move', function () {
+    runConcurrently(
+      Operation.moveFile('foo', 'foo'),
+      edit('foo', ['x']),
+      makeOneFileSnapshot()
+    )
+      .expectFiles({ foo: 'x' })
+      .expectNoTransform()
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-SetFileMetadata with no conflict', function () {
+    const testMetadata = { baz: 1 }
+    runConcurrently(
+      Operation.moveFile('foo', 'baz'),
+      Operation.setFileMetadata('bar', testMetadata),
+      makeTwoFileSnapshot()
+    )
+      .expectNoTransform()
+      .expectFiles({
+        bar: { content: 'a', metadata: testMetadata, comments: [] },
+        baz: '',
+      })
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-SetFileMetadata with set on pathname', function () {
+    const testMetadata = { baz: 1 }
+    runConcurrently(
+      Operation.moveFile('foo', 'bar'),
+      Operation.setFileMetadata('foo', testMetadata),
+      makeOneFileSnapshot()
+    )
+      .expectFiles({
+        bar: { content: '', metadata: testMetadata, comments: [] },
+      })
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-SetFileMetadata w/ set on new pathname', function () {
+    const testMetadata = { baz: 1 }
+    runConcurrently(
+      Operation.moveFile('foo', 'bar'),
+      Operation.setFileMetadata('bar', testMetadata),
+      makeTwoFileSnapshot()
+    )
+      // move wins
+      .expectFiles({ bar: { content: '', metadata: {}, comments: [] } })
+      .expectSymmetry()
+  })
+
+  it('transforms MoveFile-SetFileMetadata with no-op move', function () {
+    const testMetadata = { baz: 1 }
+    runConcurrently(
+      Operation.moveFile('foo', 'foo'),
+      Operation.setFileMetadata('foo', testMetadata),
+      makeOneFileSnapshot()
+    )
+      .expectFiles({
+        foo: { content: '', metadata: testMetadata, comments: [] },
+      })
+      .expectSymmetry()
+  })
+
+  it('transforms EditFile-EditFile with no conflict', function () {
+    runConcurrently(
+      edit('foo', ['x']),
+      edit('bar', [1, 'x']),
+      makeTwoFileSnapshot()
+    )
+      .expectFiles({ bar: 'ax', foo: 'x' })
+      .expectNoTransform()
+      .expectSymmetry()
+  })
+
+  it('transforms EditFile-EditFile on same file', function () {
+    runConcurrently(
+      edit('foo', ['x']),
+      edit('foo', ['y']),
+      makeOneFileSnapshot()
+    )
+      .expectFiles({ foo: 'xy' })
+      .expectPrime(1, EditFileOperation)
+      .expectPrime(0, EditFileOperation)
+      .tap(function () {
+        expect(this.primeOperations[1].getOperation().toJSON()).to.eql({
+          textOperation: [1, 'y'],
+        })
+        expect(this.primeOperations[0].getOperation().toJSON()).to.eql({
+          textOperation: ['x', 1],
+        })
+      })
+      .swap()
+      .expectFiles({ foo: 'yx' })
+  })
+
+  it('transforms EditFile-RemoveFile with no conflict', function () {
+    runConcurrently(
+      edit('foo', ['x']),
+      Operation.removeFile('bar'),
+      makeTwoFileSnapshot()
+    )
+      .expectFiles({ foo: 'x' })
+      .expectNoTransform()
+      .expectSymmetry()
+  })
+
+  it('transforms EditFile-RemoveFile on same file', function () {
+    runConcurrently(
+      edit('foo', ['x']),
+      Operation.removeFile('foo'),
+      makeOneFileSnapshot()
+    )
+      .expectFiles({})
+      .expectSymmetry()
+  })
+
+  it('transforms EditFile-SetFileMetadata with no conflict', function () {
+    const testMetadata = { baz: 1 }
+    runConcurrently(
+      edit('foo', ['x']),
+      Operation.setFileMetadata('bar', testMetadata),
+      makeTwoFileSnapshot()
+    )
+      .expectNoTransform()
+      .expectFiles({
+        foo: { content: 'x', metadata: {}, comments: [] },
+        bar: { content: 'a', metadata: testMetadata, comments: [] },
+      })
+      .expectSymmetry()
+  })
+
+  it('transforms EditFile-SetFileMetadata on same file', function () {
+    const testMetadata = { baz: 1 }
+    runConcurrently(
+      edit('foo', ['x']),
+      Operation.setFileMetadata('foo', testMetadata),
+      makeOneFileSnapshot()
+    )
+      .expectNoTransform()
+      .expectFiles({
+        foo: { content: 'x', metadata: testMetadata, comments: [] },
+      })
+      .expectSymmetry()
+  })
+
+  it('transforms SetFileMetadata-SetFileMetadata w/ no conflict', function () {
+    runConcurrently(
+      Operation.setFileMetadata('foo', { baz: 1 }),
+      Operation.setFileMetadata('bar', { baz: 2 }),
+      makeTwoFileSnapshot()
+    )
+      .expectNoTransform()
+      .expectFiles({
+        foo: { content: '', metadata: { baz: 1 }, comments: [] },
+        bar: { content: 'a', metadata: { baz: 2 }, comments: [] },
+      })
+      .expectSymmetry()
+  })
+
+  it('transforms SetFileMetadata-SetFileMetadata on same file', function () {
+    runConcurrently(
+      Operation.setFileMetadata('foo', { baz: 1 }),
+      Operation.setFileMetadata('foo', { baz: 2 }),
+      makeOneFileSnapshot()
+    )
+      // second op wins
+      .expectFiles({ foo: { content: '', metadata: { baz: 2 }, comments: [] } })
+      .swap()
+      // first op wins
+      .expectFiles({ foo: { content: '', metadata: { baz: 1 }, comments: [] } })
+  })
+
+  it('transforms SetFileMetadata-RemoveFile with no conflict', function () {
+    const testMetadata = { baz: 1 }
+    runConcurrently(
+      Operation.setFileMetadata('foo', testMetadata),
+      Operation.removeFile('bar'),
+      makeTwoFileSnapshot()
+    )
+      .expectNoTransform()
+      .expectFiles({
+        foo: { content: '', metadata: testMetadata, comments: [] },
+      })
+      .expectSymmetry()
+  })
+
+  it('transforms SetFileMetadata-RemoveFile on same file', function () {
+    const testMetadata = { baz: 1 }
+    runConcurrently(
+      Operation.setFileMetadata('foo', testMetadata),
+      Operation.removeFile('foo'),
+      makeOneFileSnapshot()
+    )
+      .expectFiles({})
+      .expectSymmetry()
+  })
+
+  it('transforms no-op with other operation', function () {
+    runConcurrently(Operation.NO_OP, addFile('foo', 'test')).expectFiles({
+      foo: 'test',
+    })
+  })
+
+  describe('EditFile sub operations', function () {
+    it('transforms AddCommentOperation-AddCommentOperation', function () {
+      runConcurrently(
+        Operation.editFile(
+          'foo',
+          AddCommentOperation.fromJSON({
+            commentId: '1',
+            ranges: [
+              {
+                pos: 10,
+                length: 2,
+              },
+            ],
+          })
+        ),
+        Operation.editFile(
+          'foo',
+          AddCommentOperation.fromJSON({
+            commentId: '1',
+            ranges: [
+              {
+                pos: 0,
+                length: 1,
+              },
+            ],
+          })
+        ),
+        makeOneFileSnapshot()
+      )
+        .expectTransform()
+        .expectFiles({
+          foo: {
+            content: '',
+            metadata: {},
+            comments: [
+              {
+                id: '1',
+                ranges: [
+                  {
+                    pos: 0,
+                    length: 1,
+                  },
+                ],
+              },
+            ],
+          },
+        })
+    })
+
+    it('transforms TextOperation-AddCommentOperation', function () {
+      runConcurrently(
+        Operation.editFile(
+          'foo',
+          TextOperation.fromJSON({ textOperation: ['xyz'] })
+        ),
+        Operation.editFile(
+          'foo',
+          AddCommentOperation.fromJSON({
+            commentId: '1',
+            ranges: [
+              {
+                pos: 0,
+                length: 1,
+              },
+            ],
+          })
+        ),
+        makeOneFileSnapshot()
+      )
+        .expectTransform()
+        .expectFiles({
+          foo: {
+            content: 'xyz',
+            metadata: {},
+            comments: [{ id: '1', ranges: [{ pos: 3, length: 1 }] }],
+          },
+        })
+        .expectSymmetry()
+    })
+
+    it('transforms TextOperation-AddCommentOperation (insert with commentId)', function () {
+      runConcurrently(
+        Operation.editFile(
+          'foo',
+          TextOperation.fromJSON({
+            textOperation: [{ i: 'xyz', commentIds: ['1'] }],
+          })
+        ),
+        Operation.editFile(
+          'foo',
+          AddCommentOperation.fromJSON({
+            commentId: '1',
+            ranges: [
+              {
+                pos: 0,
+                length: 1,
+              },
+            ],
+          })
+        ),
+        makeOneFileSnapshot()
+      )
+        .expectTransform()
+        .expectFiles({
+          foo: {
+            content: 'xyz',
+            metadata: {},
+            comments: [{ id: '1', ranges: [{ pos: 0, length: 4 }] }],
+          },
+        })
+        .expectSymmetry()
+    })
+
+    it('transforms AddCommentOperation-SetCommentStateOperation', function () {
+      runConcurrently(
+        Operation.editFile(
+          'foo',
+          AddCommentOperation.fromJSON({
+            commentId: '1',
+            ranges: [{ pos: 1, length: 2 }],
+          })
+        ),
+        Operation.editFile(
+          'foo',
+          SetCommentStateOperation.fromJSON({
+            commentId: '1',
+            resolved: true,
+          })
+        ),
+        makeOneFileSnapshot()
+      )
+        .expectTransform()
+        .expectFiles({
+          foo: {
+            content: '',
+            metadata: {},
+            comments: [
+              { id: '1', ranges: [{ pos: 1, length: 2 }], resolved: true },
+            ],
+          },
+        })
+        .expectSymmetry()
+    })
+
+    it('transforms AddCommentOperation-DeleteCommentOperation ', function () {
+      runConcurrently(
+        Operation.editFile(
+          'foo',
+          AddCommentOperation.fromJSON({
+            commentId: '1',
+            ranges: [{ pos: 1, length: 2 }],
+          })
+        ),
+        Operation.editFile(
+          'foo',
+          DeleteCommentOperation.fromJSON({ deleteComment: '1' })
+        ),
+        makeOneFileSnapshot()
+      )
+        .expectTransform()
+        .expectFiles({
+          foo: {
+            content: '',
+            metadata: {},
+            comments: [],
+          },
+        })
+        .expectSymmetry()
+    })
+
+    it('transforms DeleteCommentOperation-SetCommentStateOperation ', function () {
+      runConcurrently(
+        Operation.editFile(
+          'foo',
+          DeleteCommentOperation.fromJSON({ deleteComment: '1' })
+        ),
+        Operation.editFile(
+          'foo',
+          SetCommentStateOperation.fromJSON({
+            commentId: '1',
+            resolved: true,
+          })
+        ),
+        makeOneFileSnapshot()
+      )
+        .expectTransform()
+        .expectFiles({
+          foo: {
+            content: '',
+            metadata: {},
+            comments: [],
+          },
+        })
+        .expectSymmetry()
+    })
+
+    it('transforms DeleteCommentOperation-DeleteCommentOperation ', function () {
+      runConcurrently(
+        Operation.editFile(
+          'foo',
+          DeleteCommentOperation.fromJSON({ deleteComment: '1' })
+        ),
+        Operation.editFile(
+          'foo',
+          DeleteCommentOperation.fromJSON({ deleteComment: '1' })
+        ),
+        makeOneFileSnapshot()
+      )
+        .expectTransform()
+        .expectFiles({
+          foo: {
+            content: '',
+            metadata: {},
+            comments: [],
+          },
+        })
+        .expectSymmetry()
+    })
+
+    it('transforms SetCommentStateOperation-SetCommentStateOperation to resolved comment', function () {
+      const snapshot = makeEmptySnapshot()
+      const file = new File(
+        new StringFileData('xyz', [
+          { id: '1', ranges: [{ pos: 0, length: 3 }] },
+        ])
+      )
+      snapshot.addFile('foo', file)
+
+      runConcurrently(
+        Operation.editFile(
+          'foo',
+          SetCommentStateOperation.fromJSON({
+            commentId: '1',
+            resolved: true,
+          })
+        ),
+        Operation.editFile(
+          'foo',
+          SetCommentStateOperation.fromJSON({
+            commentId: '1',
+            resolved: true,
+          })
+        ),
+        snapshot
+      )
+        .expectTransform()
+        .expectFiles({
+          foo: {
+            content: 'xyz',
+            metadata: {},
+            comments: [
+              { id: '1', ranges: [{ pos: 0, length: 3 }], resolved: true },
+            ],
+          },
+        })
+        .expectSymmetry()
+    })
+
+    it('transforms SetCommentStateOperation-SetCommentStateOperation to unresolved comment', function () {
+      const snapshot = makeEmptySnapshot()
+      const file = new File(
+        new StringFileData('xyz', [
+          { id: '1', ranges: [{ pos: 0, length: 3 }] },
+        ])
+      )
+      snapshot.addFile('foo', file)
+
+      runConcurrently(
+        Operation.editFile(
+          'foo',
+          SetCommentStateOperation.fromJSON({
+            commentId: '1',
+            resolved: true,
+          })
+        ),
+        Operation.editFile(
+          'foo',
+          SetCommentStateOperation.fromJSON({
+            commentId: '1',
+            resolved: false,
+          })
+        ),
+        snapshot
+      )
+        .expectTransform()
+        .expectFiles({
+          foo: {
+            content: 'xyz',
+            metadata: {},
+            comments: [{ id: '1', ranges: [{ pos: 0, length: 3 }] }],
+          },
+        })
+        .expectSymmetry()
+    })
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/range.test.js b/libraries/overleaf-editor-core/test/range.test.js
new file mode 100644
index 0000000..daad8fd
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/range.test.js
@@ -0,0 +1,452 @@
+// @ts-check
+'use strict'
+
+const { expect } = require('chai')
+const Range = require('../lib/range')
+
+describe('Range', function () {
+  it('should create a range', function () {
+    const from5to14 = new Range(5, 10)
+    expect(from5to14.start).to.eql(5)
+    expect(from5to14.end).to.eql(15)
+  })
+
+  it('should create a range using fromRaw', function () {
+    const from5to14 = Range.fromRaw({ pos: 5, length: 10 })
+    expect(from5to14.start).to.eql(5)
+    expect(from5to14.end).to.eql(15)
+  })
+
+  it('should convert to raw', function () {
+    const from5to14 = new Range(5, 10)
+    expect(from5to14.toRaw()).to.eql({ pos: 5, length: 10 })
+  })
+
+  it('should check isEmpty method', function () {
+    const from5to14 = new Range(5, 10)
+    expect(from5to14.isEmpty()).to.be.false
+
+    const range0length = new Range(5, 0)
+    expect(range0length.isEmpty()).to.be.true
+  })
+
+  it('should not create a range with a negative position', function () {
+    expect(() => new Range(-1, 10)).to.throw
+  })
+
+  it('should not create a range with a negative length', function () {
+    expect(() => new Range(0, -2)).to.throw
+  })
+
+  describe('overlaps', function () {
+    it('same ranges should overlap', function () {
+      const range1 = new Range(1, 3)
+      const range2 = new Range(1, 3)
+      expect(range1.overlaps(range2)).to.eql(true)
+    })
+
+    it('non-touching ranges should not overlap', function () {
+      const from1to3 = new Range(1, 3)
+      const from10to12 = new Range(10, 3)
+      expect(from1to3.overlaps(from10to12)).to.eql(false)
+      expect(from10to12.overlaps(from1to3)).to.eql(false)
+    })
+
+    it('touching ranges should not overlap', function () {
+      const from1to3 = new Range(1, 3)
+      const from4to6 = new Range(4, 3)
+      expect(from1to3.overlaps(from4to6)).to.eql(false)
+      expect(from4to6.overlaps(from1to3)).to.eql(false)
+    })
+
+    it('should overlap', function () {
+      const from1to3 = new Range(1, 3)
+      const from2to4 = new Range(2, 3)
+      expect(from1to3.overlaps(from2to4)).to.eql(true)
+      expect(from2to4.overlaps(from1to3)).to.eql(true)
+    })
+  })
+
+  describe('touches', function () {
+    it('should not touch if ranges are the same', function () {
+      const range1 = new Range(1, 3)
+      const range2 = new Range(1, 3)
+      expect(range1.touches(range2)).to.eql(false)
+      expect(range2.touches(range1)).to.eql(false)
+    })
+
+    it('should return true when ranges touch at one point', function () {
+      const from1to3 = new Range(1, 3)
+      const from4to5 = new Range(4, 2)
+      expect(from1to3.touches(from4to5)).to.eql(true)
+      expect(from4to5.touches(from1to3)).to.eql(true)
+    })
+
+    it('should return false when ranges do not touch', function () {
+      const from1to3 = new Range(1, 3)
+      const from5to6 = new Range(5, 2)
+      expect(from1to3.touches(from5to6)).to.eql(false)
+      expect(from5to6.touches(from1to3)).to.eql(false)
+    })
+
+    it('should return false when ranges overlap', function () {
+      const from1to3 = new Range(1, 3)
+      const from3to4 = new Range(3, 2)
+      expect(from1to3.touches(from3to4)).to.eql(false)
+      expect(from3to4.touches(from1to3)).to.eql(false)
+    })
+  })
+
+  it('should check if range contains another', function () {
+    const from0to2 = new Range(0, 3)
+    const from4to13 = new Range(4, 10)
+    const from4to14 = new Range(4, 11)
+    const from4to15 = new Range(4, 12)
+    const from5to13 = new Range(5, 9)
+    const from5to14 = new Range(5, 10)
+    const from5to15 = new Range(5, 11)
+    const from0to99 = new Range(0, 100)
+
+    expect(from0to2.contains(from0to2)).to.eql(true)
+    expect(from0to2.contains(from4to13)).to.eql(false)
+    expect(from0to2.contains(from4to14)).to.eql(false)
+    expect(from0to2.contains(from4to15)).to.eql(false)
+    expect(from0to2.contains(from5to13)).to.eql(false)
+    expect(from0to2.contains(from5to14)).to.eql(false)
+    expect(from0to2.contains(from5to15)).to.eql(false)
+    expect(from0to2.contains(from0to99)).to.eql(false)
+
+    expect(from4to13.contains(from0to2)).to.eql(false)
+    expect(from4to13.contains(from4to13)).to.eql(true)
+    expect(from4to13.contains(from4to14)).to.eql(false)
+    expect(from4to13.contains(from4to15)).to.eql(false)
+    expect(from4to13.contains(from5to13)).to.eql(true)
+    expect(from4to13.contains(from5to14)).to.eql(false)
+    expect(from4to13.contains(from5to15)).to.eql(false)
+    expect(from4to13.contains(from0to99)).to.eql(false)
+
+    expect(from4to14.contains(from0to2)).to.eql(false)
+    expect(from4to14.contains(from4to13)).to.eql(true)
+    expect(from4to14.contains(from4to14)).to.eql(true)
+    expect(from4to14.contains(from4to15)).to.eql(false)
+    expect(from4to14.contains(from5to13)).to.eql(true)
+    expect(from4to14.contains(from5to14)).to.eql(true)
+    expect(from4to14.contains(from5to15)).to.eql(false)
+    expect(from4to14.contains(from0to99)).to.eql(false)
+
+    expect(from4to15.contains(from0to2)).to.eql(false)
+    expect(from4to15.contains(from4to13)).to.eql(true)
+    expect(from4to15.contains(from4to14)).to.eql(true)
+    expect(from4to15.contains(from4to15)).to.eql(true)
+    expect(from4to15.contains(from5to13)).to.eql(true)
+    expect(from4to15.contains(from5to14)).to.eql(true)
+    expect(from4to15.contains(from5to15)).to.eql(true)
+    expect(from4to15.contains(from0to99)).to.eql(false)
+
+    expect(from5to13.contains(from0to2)).to.eql(false)
+    expect(from5to13.contains(from4to13)).to.eql(false)
+    expect(from5to13.contains(from4to14)).to.eql(false)
+    expect(from5to13.contains(from4to15)).to.eql(false)
+    expect(from5to13.contains(from5to13)).to.eql(true)
+    expect(from5to13.contains(from5to14)).to.eql(false)
+    expect(from5to13.contains(from5to15)).to.eql(false)
+    expect(from5to13.contains(from0to99)).to.eql(false)
+
+    expect(from5to14.contains(from0to2)).to.eql(false)
+    expect(from5to14.contains(from4to13)).to.eql(false)
+    expect(from5to14.contains(from4to14)).to.eql(false)
+    expect(from5to14.contains(from4to15)).to.eql(false)
+    expect(from5to14.contains(from5to13)).to.eql(true)
+    expect(from5to14.contains(from5to14)).to.eql(true)
+    expect(from5to14.contains(from5to15)).to.eql(false)
+    expect(from5to14.contains(from0to99)).to.eql(false)
+
+    expect(from5to15.contains(from0to2)).to.eql(false)
+    expect(from5to15.contains(from4to13)).to.eql(false)
+    expect(from5to15.contains(from4to14)).to.eql(false)
+    expect(from5to15.contains(from4to15)).to.eql(false)
+    expect(from5to15.contains(from5to13)).to.eql(true)
+    expect(from5to15.contains(from5to14)).to.eql(true)
+    expect(from5to15.contains(from5to15)).to.eql(true)
+    expect(from5to15.contains(from0to99)).to.eql(false)
+
+    expect(from0to99.contains(from0to2)).to.eql(true)
+    expect(from0to99.contains(from4to13)).to.eql(true)
+    expect(from0to99.contains(from4to14)).to.eql(true)
+    expect(from0to99.contains(from4to15)).to.eql(true)
+    expect(from0to99.contains(from5to13)).to.eql(true)
+    expect(from0to99.contains(from5to14)).to.eql(true)
+    expect(from0to99.contains(from5to15)).to.eql(true)
+    expect(from0to99.contains(from0to99)).to.eql(true)
+  })
+
+  it('should check if range contains a cursor', function () {
+    const from5to14 = new Range(5, 10)
+    expect(from5to14.containsCursor(4)).to.eql(false)
+    expect(from5to14.containsCursor(5)).to.eql(true)
+    expect(from5to14.containsCursor(6)).to.eql(true)
+    expect(from5to14.containsCursor(14)).to.eql(true)
+    expect(from5to14.containsCursor(15)).to.eql(true)
+    expect(from5to14.containsCursor(16)).to.eql(false)
+  })
+
+  describe('subtract range from another', function () {
+    it('should not subtract', function () {
+      const from1to5 = new Range(1, 6)
+      const from0to1 = new Range(0, 1)
+      const subtracted = from1to5.subtract(from0to1)
+      expect(subtracted.start).to.eql(1)
+      expect(subtracted.length).to.eql(6)
+    })
+
+    it('should subtract from the left', function () {
+      const from5to19 = new Range(5, 15)
+      const from15to24 = new Range(15, 10)
+      const subtracted = from15to24.subtract(from5to19)
+      expect(subtracted.start).to.eql(5)
+      expect(subtracted.end).to.eql(10)
+    })
+
+    it('should subtract from the right', function () {
+      const from10to24 = new Range(10, 15)
+      const from5to19 = new Range(5, 15)
+      const subtracted = from5to19.subtract(from10to24)
+      expect(subtracted.start).to.eql(5)
+      expect(subtracted.end).to.eql(10)
+    })
+
+    it('should subtract from the middle', function () {
+      const from5to19 = new Range(5, 15)
+      const from10to14 = new Range(10, 5)
+      const subtracted = from5to19.subtract(from10to14)
+      expect(subtracted.start).to.eql(5)
+      expect(subtracted.end).to.eql(15)
+    })
+
+    it('should delete entire range', function () {
+      const from0to99 = new Range(0, 100)
+      const from5to19 = new Range(5, 15)
+      const subtracted = from5to19.subtract(from0to99)
+      expect(subtracted.start).to.eql(5)
+      expect(subtracted.end).to.eql(5)
+      expect(subtracted.length).to.eql(0)
+    })
+
+    it('should not subtract if ranges do not overlap', function () {
+      const from5to14 = new Range(5, 10)
+      const from20to29 = new Range(20, 10)
+      const subtracted1 = from5to14.subtract(from20to29)
+      const subtracted2 = from20to29.subtract(from5to14)
+      expect(subtracted1.toRaw()).deep.equal(from5to14.toRaw())
+      expect(subtracted2.toRaw()).deep.equal(from20to29.toRaw())
+    })
+  })
+
+  describe('merge ranges', function () {
+    it('should merge ranges overlaping at the end', function () {
+      const from5to14 = new Range(5, 10)
+      const from10to19 = new Range(10, 10)
+      expect(from5to14.canMerge(from10to19)).to.eql(true)
+      const result = from5to14.merge(from10to19)
+      expect(result.start).to.eql(5)
+      expect(result.end).to.eql(20)
+    })
+
+    it('should merge ranges overlaping at the start', function () {
+      const from5to14 = new Range(5, 10)
+      const from0to9 = new Range(0, 10)
+      expect(from5to14.canMerge(from0to9)).to.eql(true)
+      const result = from5to14.merge(from0to9)
+      expect(result.start).to.eql(0)
+      expect(result.end).to.eql(15)
+    })
+
+    it('should merge ranges if one is covered by another', function () {
+      const from5to14 = new Range(5, 10)
+      const from0to19 = new Range(0, 20)
+      expect(from5to14.canMerge(from0to19)).to.eql(true)
+      const result = from5to14.merge(from0to19)
+      expect(result.toRaw()).deep.equal(from0to19.toRaw())
+    })
+
+    it('should produce the same length after merge', function () {
+      const from5to14 = new Range(5, 10)
+      const from0to19 = new Range(0, 20)
+      expect(from0to19.canMerge(from5to14)).to.eql(true)
+      const result = from0to19.merge(from5to14)
+      expect(result.start).to.eql(0)
+      expect(result.end).to.eql(20)
+    })
+
+    it('should not merge ranges if they do not overlap', function () {
+      const from5to14 = new Range(5, 10)
+      const from20to29 = new Range(20, 10)
+      expect(from5to14.canMerge(from20to29)).to.eql(false)
+      expect(from20to29.canMerge(from5to14)).to.eql(false)
+      expect(() => from5to14.merge(from20to29)).to.throw()
+    })
+  })
+
+  it('should check if range starts after a range', function () {
+    const from0to4 = new Range(0, 5)
+    const from1to5 = new Range(1, 5)
+    const from5to9 = new Range(5, 5)
+    const from6to10 = new Range(6, 5)
+    const from10to14 = new Range(10, 5)
+
+    expect(from0to4.startsAfter(from0to4)).to.eql(false)
+    expect(from0to4.startsAfter(from1to5)).to.eql(false)
+    expect(from0to4.startsAfter(from5to9)).to.eql(false)
+    expect(from0to4.startsAfter(from6to10)).to.eql(false)
+    expect(from0to4.startsAfter(from10to14)).to.eql(false)
+
+    expect(from1to5.startsAfter(from0to4)).to.eql(false)
+    expect(from1to5.startsAfter(from1to5)).to.eql(false)
+    expect(from1to5.startsAfter(from5to9)).to.eql(false)
+    expect(from1to5.startsAfter(from6to10)).to.eql(false)
+    expect(from1to5.startsAfter(from10to14)).to.eql(false)
+
+    expect(from5to9.startsAfter(from0to4)).to.eql(true)
+    expect(from5to9.startsAfter(from1to5)).to.eql(false)
+    expect(from5to9.startsAfter(from5to9)).to.eql(false)
+    expect(from5to9.startsAfter(from6to10)).to.eql(false)
+    expect(from5to9.startsAfter(from10to14)).to.eql(false)
+
+    expect(from6to10.startsAfter(from0to4)).to.eql(true)
+    expect(from6to10.startsAfter(from1to5)).to.eql(true)
+    expect(from6to10.startsAfter(from5to9)).to.eql(false)
+    expect(from6to10.startsAfter(from6to10)).to.eql(false)
+    expect(from6to10.startsAfter(from10to14)).to.eql(false)
+
+    expect(from10to14.startsAfter(from0to4)).to.eql(true)
+    expect(from10to14.startsAfter(from1to5)).to.eql(true)
+    expect(from10to14.startsAfter(from5to9)).to.eql(true)
+    expect(from10to14.startsAfter(from6to10)).to.eql(false)
+    expect(from10to14.startsAfter(from10to14)).to.eql(false)
+  })
+
+  it('should check if range starts after a position', function () {
+    const from5to14 = new Range(5, 10)
+    expect(from5to14.startIsAfter(3)).to.be.true
+    expect(from5to14.startIsAfter(4)).to.be.true
+    expect(from5to14.startIsAfter(5)).to.be.false
+    expect(from5to14.startIsAfter(6)).to.be.false
+    expect(from5to14.startIsAfter(15)).to.be.false
+    expect(from5to14.startIsAfter(16)).to.be.false
+  })
+
+  it('should extend the range', function () {
+    const from5to14 = new Range(5, 10)
+    const result = from5to14.extendBy(3)
+    expect(result.length).to.eql(13)
+    expect(result.start).to.eql(5)
+    expect(result.end).to.eql(18)
+  })
+
+  it('should shrink the range', function () {
+    const from5to14 = new Range(5, 10)
+    const result = from5to14.shrinkBy(3)
+    expect(result.length).to.eql(7)
+    expect(result.start).to.eql(5)
+    expect(result.end).to.eql(12)
+  })
+
+  it('should throw if shrinking too much', function () {
+    const from5to14 = new Range(5, 10)
+    expect(() => from5to14.shrinkBy(11)).to.throw()
+  })
+
+  it('should move the range', function () {
+    const from5to14 = new Range(5, 10)
+    const result = from5to14.moveBy(3)
+    expect(result.length).to.eql(10)
+    expect(result.start).to.eql(8)
+    expect(result.end).to.eql(18)
+  })
+
+  describe('splitAt', function () {
+    it('should split at the start', function () {
+      const range = new Range(5, 10)
+      const [left, right] = range.splitAt(5)
+      expect(left.isEmpty()).to.be.true
+      expect(right.start).to.eql(5)
+      expect(right.end).to.eql(15)
+    })
+
+    it('should not split before the start', function () {
+      const range = new Range(5, 10)
+      expect(() => range.splitAt(4)).to.throw()
+    })
+
+    it('should split at last cursor in range', function () {
+      const range = new Range(5, 10)
+      const [left, right] = range.splitAt(14)
+      expect(left.start).to.equal(5)
+      expect(left.end).to.equal(14)
+      expect(right.start).to.equal(14)
+      expect(right.end).to.equal(15)
+    })
+
+    it('should not split after the end', function () {
+      const range = new Range(5, 10)
+      expect(() => range.splitAt(16)).to.throw()
+    })
+
+    it('should split at end', function () {
+      const range = new Range(5, 10)
+      const [left, right] = range.splitAt(15)
+      expect(left.start).to.equal(5)
+      expect(left.end).to.equal(15)
+      expect(right.start).to.equal(15)
+      expect(right.end).to.equal(15)
+    })
+
+    it('should split in the middle', function () {
+      const range = new Range(5, 10)
+      const [left, right] = range.splitAt(10)
+      expect(left.start).to.equal(5)
+      expect(left.end).to.equal(10)
+      expect(right.start).to.equal(10)
+      expect(right.end).to.equal(15)
+    })
+  })
+
+  describe('insertAt', function () {
+    it('should insert at the start', function () {
+      const range = new Range(5, 10)
+      const [left, inserted, right] = range.insertAt(5, 3)
+      expect(left.isEmpty()).to.be.true
+      expect(inserted.start).to.eql(5)
+      expect(inserted.end).to.eql(8)
+      expect(right.start).to.eql(8)
+      expect(right.end).to.eql(18)
+    })
+
+    it('should insert at the end', function () {
+      const range = new Range(5, 10)
+      const [left, inserted, right] = range.insertAt(15, 3)
+      expect(left.start).to.eql(5)
+      expect(left.end).to.eql(15)
+      expect(inserted.start).to.eql(15)
+      expect(inserted.end).to.eql(18)
+      expect(right.isEmpty()).to.be.true
+    })
+
+    it('should insert in the middle', function () {
+      const range = new Range(5, 10)
+      const [left, inserted, right] = range.insertAt(10, 3)
+      expect(left.start).to.eql(5)
+      expect(left.end).to.eql(10)
+      expect(inserted.start).to.eql(10)
+      expect(inserted.end).to.eql(13)
+      expect(right.start).to.eql(13)
+      expect(right.end).to.eql(18)
+    })
+
+    it('should throw if cursor is out of range', function () {
+      const range = new Range(5, 10)
+      expect(() => range.insertAt(4, 3)).to.throw()
+      expect(() => range.insertAt(16, 3)).to.throw()
+    })
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/safe_pathname.test.js b/libraries/overleaf-editor-core/test/safe_pathname.test.js
new file mode 100644
index 0000000..bfde298
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/safe_pathname.test.js
@@ -0,0 +1,126 @@
+'use strict'
+
+const { expect } = require('chai')
+const ot = require('..')
+const safePathname = ot.safePathname
+
+describe('safePathname', function () {
+  function expectClean(input, output, reason = '') {
+    // check expected output and also idempotency
+    const [cleanedInput, gotReason] = safePathname.cleanDebug(input)
+    expect(cleanedInput).to.equal(output)
+    expect(gotReason).to.equal(reason)
+    expect(safePathname.clean(cleanedInput)).to.equal(cleanedInput)
+    expect(safePathname.isClean(cleanedInput)).to.be.true
+  }
+
+  it('cleans pathnames', function () {
+    // preserve valid pathnames
+    expectClean('llama.jpg', 'llama.jpg')
+    expectClean('DSC4056.JPG', 'DSC4056.JPG')
+
+    // detects unclean pathnames
+    expect(safePathname.isClean('rm -rf /')).to.be.falsy
+
+    // replace invalid characters with underscores
+    expectClean(
+      'test-s*\u0001\u0002m\u0007st\u0008.jpg',
+      'test-s___m_st_.jpg',
+      'cleanPart'
+    )
+
+    // keep slashes, normalize paths, replace ..
+    expectClean('./foo', 'foo', 'normalize')
+    expectClean('../foo', '__/foo', 'cleanPart')
+    expectClean('foo/./bar', 'foo/bar', 'normalize')
+    expectClean('foo/../bar', 'bar', 'normalize')
+    expectClean('../../tricky/foo.bar', '__/__/tricky/foo.bar', 'cleanPart')
+    expectClean(
+      'foo/../../tricky/foo.bar',
+      '__/tricky/foo.bar',
+      'normalize,cleanPart'
+    )
+    expectClean('foo/bar/../../tricky/foo.bar', 'tricky/foo.bar', 'normalize')
+    expectClean(
+      'foo/bar/baz/../../tricky/foo.bar',
+      'foo/tricky/foo.bar',
+      'normalize'
+    )
+
+    // remove illegal chars even when there is no extension
+    expectClean('**foo', '__foo', 'cleanPart')
+
+    // remove windows file paths
+    expectClean('c:\\temp\\foo.txt', 'c:/temp/foo.txt', 'workaround for IE')
+
+    // do not allow a leading slash (relative paths only)
+    expectClean('/foo', '_/foo', 'no leading /')
+    expectClean('//foo', '_/foo', 'normalize,no leading /')
+
+    // do not allow multiple leading slashes
+    expectClean('//foo', '_/foo', 'normalize,no leading /')
+
+    // do not allow a trailing slash
+    expectClean('/', '_', 'no leading /,no trailing /')
+    expectClean('foo/', 'foo', 'no trailing /')
+    expectClean('foo.tex/', 'foo.tex', 'no trailing /')
+
+    // do not allow multiple trailing slashes
+    expectClean('//', '_', 'normalize,no leading /,no trailing /')
+    expectClean('///', '_', 'normalize,no leading /,no trailing /')
+    expectClean('foo//', 'foo', 'normalize,no trailing /')
+
+    // file and folder names that consist of . and .. are not OK
+    expectClean('.', '_', 'cleanPart')
+    expectClean('..', '__', 'cleanPart')
+    // we will allow name with more dots e.g. ... and ....
+    expectClean('...', '...')
+    expectClean('....', '....')
+    expectClean('foo/...', 'foo/...')
+    expectClean('foo/....', 'foo/....')
+    expectClean('foo/.../bar', 'foo/.../bar')
+    expectClean('foo/..../bar', 'foo/..../bar')
+
+    // leading dots are OK
+    expectClean('._', '._')
+    expectClean('.gitignore', '.gitignore')
+
+    // trailing dots are not OK on Windows but we allow them
+    expectClean('_.', '_.')
+    expectClean('foo/_.', 'foo/_.')
+    expectClean('foo/_./bar', 'foo/_./bar')
+    expectClean('foo/_../bar', 'foo/_../bar')
+
+    // spaces are allowed
+    expectClean('a b.png', 'a b.png')
+
+    // leading and trailing spaces are not OK
+    expectClean(' foo', 'foo', 'no leading spaces')
+    expectClean('  foo', 'foo', 'no leading spaces')
+    expectClean('foo ', 'foo', 'no trailing spaces')
+    expectClean('foo  ', 'foo', 'no trailing spaces')
+
+    // reserved file names on Windows should not be OK, but we already have
+    // some in the old system, so have to allow them for now
+    expectClean('AUX', 'AUX')
+    expectClean('foo/AUX', 'foo/AUX')
+    expectClean('AUX/foo', 'AUX/foo')
+
+    // multiple dots are OK
+    expectClean('a.b.png', 'a.b.png')
+    expectClean('a.code.tex', 'a.code.tex')
+
+    // there's no particular reason to allow multiple slashes; sometimes people
+    // seem to rename files to URLs (https://domain/path) in an attempt to
+    // upload a file, and this results in an empty directory name
+    expectClean('foo//bar.png', 'foo/bar.png', 'normalize')
+    expectClean('foo///bar.png', 'foo/bar.png', 'normalize')
+
+    // Check javascript property handling
+    expectClean('foo/prototype', 'foo/prototype') // OK as part of a pathname
+    expectClean('prototype/test.txt', 'prototype/test.txt')
+    expectClean('prototype', '@prototype', 'BLOCKED_FILE_RX') // not OK as whole pathname
+    expectClean('hasOwnProperty', '@hasOwnProperty', 'BLOCKED_FILE_RX')
+    expectClean('**proto**', '@__proto__', 'cleanPart,BLOCKED_FILE_RX')
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/scan_op.test.js b/libraries/overleaf-editor-core/test/scan_op.test.js
new file mode 100644
index 0000000..80ab691
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/scan_op.test.js
@@ -0,0 +1,477 @@
+// @ts-check
+const { expect } = require('chai')
+const {
+  RetainOp,
+  ScanOp,
+  InsertOp,
+  RemoveOp,
+} = require('../lib/operation/scan_op')
+const { UnprocessableError, ApplyError } = require('../lib/errors')
+const TrackingProps = require('../lib/file_data/tracking_props')
+
+describe('ScanOp', function () {
+  describe('fromJSON', function () {
+    it('constructs a RetainOp from object', function () {
+      const op = ScanOp.fromJSON({ r: 1 })
+      expect(op).to.be.instanceOf(RetainOp)
+      expect(/** @type {RetainOp} */ (op).length).to.equal(1)
+    })
+
+    it('constructs a RetainOp from number', function () {
+      const op = ScanOp.fromJSON(2)
+      expect(op).to.be.instanceOf(RetainOp)
+      expect(/** @type {RetainOp} */ (op).length).to.equal(2)
+    })
+
+    it('constructs an InsertOp from string', function () {
+      const op = ScanOp.fromJSON('abc')
+      expect(op).to.be.instanceOf(InsertOp)
+      expect(/** @type {InsertOp} */ (op).insertion).to.equal('abc')
+    })
+
+    it('constructs an InsertOp from object', function () {
+      const op = ScanOp.fromJSON({ i: 'abc' })
+      expect(op).to.be.instanceOf(InsertOp)
+      expect(/** @type {InsertOp} */ (op).insertion).to.equal('abc')
+    })
+
+    it('constructs a RemoveOp from number', function () {
+      const op = ScanOp.fromJSON(-2)
+      expect(op).to.be.instanceOf(RemoveOp)
+      expect(/** @type {RemoveOp} */ (op).length).to.equal(2)
+    })
+
+    it('throws an error for invalid input', function () {
+      expect(() => ScanOp.fromJSON(/** @type {any} */ ({}))).to.throw(
+        UnprocessableError
+      )
+    })
+
+    it('throws an error for zero', function () {
+      expect(() => ScanOp.fromJSON(0)).to.throw(UnprocessableError)
+    })
+  })
+})
+
+describe('RetainOp', function () {
+  it('is equal to another RetainOp with the same length', function () {
+    const op1 = new RetainOp(1)
+    const op2 = new RetainOp(1)
+    expect(op1.equals(op2)).to.be.true
+  })
+
+  it('is not equal to another RetainOp with a different length', function () {
+    const op1 = new RetainOp(1)
+    const op2 = new RetainOp(2)
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('is not equal to another RetainOp with no tracking info', function () {
+    const op1 = new RetainOp(
+      4,
+      new TrackingProps('insert', 'user1', new Date('2024-01-01T00:00:00.000Z'))
+    )
+    const op2 = new RetainOp(4)
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('is not equal to another RetainOp with different tracking info', function () {
+    const op1 = new RetainOp(
+      4,
+      new TrackingProps('insert', 'user1', new Date('2024-01-01T00:00:00.000Z'))
+    )
+    const op2 = new RetainOp(
+      4,
+      new TrackingProps('insert', 'user2', new Date('2024-01-01T00:00:00.000Z'))
+    )
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('is not equal to an InsertOp', function () {
+    const op1 = new RetainOp(1)
+    const op2 = new InsertOp('a')
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('is not equal to a RemoveOp', function () {
+    const op1 = new RetainOp(1)
+    const op2 = new RemoveOp(1)
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('can merge with another RetainOp', function () {
+    const op1 = new RetainOp(1)
+    const op2 = new RetainOp(2)
+    expect(op1.canMergeWith(op2)).to.be.true
+    op1.mergeWith(op2)
+    expect(op1.equals(new RetainOp(3))).to.be.true
+  })
+
+  it('cannot merge with another RetainOp if tracking info is different', function () {
+    const op1 = new RetainOp(
+      4,
+      new TrackingProps('insert', 'user1', new Date('2024-01-01T00:00:00.000Z'))
+    )
+    const op2 = new RetainOp(
+      4,
+      new TrackingProps('insert', 'user2', new Date('2024-01-01T00:00:00.000Z'))
+    )
+    expect(op1.canMergeWith(op2)).to.be.false
+    expect(() => op1.mergeWith(op2)).to.throw(Error)
+  })
+
+  it('can merge with another RetainOp if tracking info is the same', function () {
+    const op1 = new RetainOp(
+      4,
+      new TrackingProps('insert', 'user1', new Date('2024-01-01T00:00:00.000Z'))
+    )
+    const op2 = new RetainOp(
+      4,
+      new TrackingProps('insert', 'user1', new Date('2024-01-01T00:00:00.000Z'))
+    )
+    op1.mergeWith(op2)
+    expect(
+      op1.equals(
+        new RetainOp(
+          8,
+          new TrackingProps(
+            'insert',
+            'user1',
+            new Date('2024-01-01T00:00:00.000Z')
+          )
+        )
+      )
+    ).to.be.true
+  })
+
+  it('cannot merge with an InsertOp', function () {
+    const op1 = new RetainOp(1)
+    const op2 = new InsertOp('a')
+    expect(op1.canMergeWith(op2)).to.be.false
+    expect(() => op1.mergeWith(op2)).to.throw(Error)
+  })
+
+  it('cannot merge with a RemoveOp', function () {
+    const op1 = new RetainOp(1)
+    const op2 = new RemoveOp(1)
+    expect(op1.canMergeWith(op2)).to.be.false
+    expect(() => op1.mergeWith(op2)).to.throw(Error)
+  })
+
+  it('can be converted to JSON', function () {
+    const op = new RetainOp(3)
+    expect(op.toJSON()).to.equal(3)
+  })
+
+  it('adds to the length and cursor when applied to length', function () {
+    const op = new RetainOp(3)
+    const { length, inputCursor } = op.applyToLength({
+      length: 10,
+      inputCursor: 10,
+      inputLength: 30,
+    })
+    expect(length).to.equal(13)
+    expect(inputCursor).to.equal(13)
+  })
+})
+
+describe('InsertOp', function () {
+  it('is equal to another InsertOp with the same insertion', function () {
+    const op1 = new InsertOp('a')
+    const op2 = new InsertOp('a')
+    expect(op1.equals(op2)).to.be.true
+  })
+
+  it('is not equal to another InsertOp with a different insertion', function () {
+    const op1 = new InsertOp('a')
+    const op2 = new InsertOp('b')
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('is not equal to another InsertOp with no tracking info', function () {
+    const op1 = new InsertOp(
+      'a',
+      new TrackingProps('insert', 'user1', new Date('2024-01-01T00:00:00.000Z'))
+    )
+    const op2 = new InsertOp('a')
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('is not equal to another InsertOp with different tracking info', function () {
+    const op1 = new InsertOp(
+      'a',
+      new TrackingProps('insert', 'user1', new Date('2024-01-01T00:00:00.000Z'))
+    )
+    const op2 = new InsertOp(
+      'a',
+      new TrackingProps('insert', 'user2', new Date('2024-01-01T00:00:00.000Z'))
+    )
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('is not equal to another InsertOp with no comment ids', function () {
+    const op1 = new InsertOp('a', undefined, ['1'])
+    const op2 = new InsertOp('a')
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('is not equal to another InsertOp with tracking info', function () {
+    const op1 = new InsertOp('a', undefined)
+    const op2 = new InsertOp(
+      'a',
+      new TrackingProps('insert', 'user1', new Date('2024-01-01T00:00:00.000Z'))
+    )
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('is not equal to another InsertOp with comment ids', function () {
+    const op1 = new InsertOp('a')
+    const op2 = new InsertOp('a', undefined, ['1'])
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('is not equal to another InsertOp with different comment ids', function () {
+    const op1 = new InsertOp('a', undefined, ['1'])
+    const op2 = new InsertOp('a', undefined, ['2'])
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('is not equal to another InsertOp with overlapping comment ids', function () {
+    const op1 = new InsertOp('a', undefined, ['1'])
+    const op2 = new InsertOp('a', undefined, ['2', '1'])
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('is not equal to a RetainOp', function () {
+    const op1 = new InsertOp('a')
+    const op2 = new RetainOp(1)
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('is not equal to a RemoveOp', function () {
+    const op1 = new InsertOp('a')
+    const op2 = new RemoveOp(1)
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('can merge with another InsertOp', function () {
+    const op1 = new InsertOp('a')
+    const op2 = new InsertOp('b')
+    expect(op1.canMergeWith(op2)).to.be.true
+    op1.mergeWith(op2)
+    expect(op1.equals(new InsertOp('ab'))).to.be.true
+  })
+
+  it('cannot merge with another InsertOp if comment id info is different', function () {
+    const op1 = new InsertOp('a', undefined, ['1'])
+    const op2 = new InsertOp('b', undefined, ['1', '2'])
+    expect(op1.canMergeWith(op2)).to.be.false
+    expect(() => op1.mergeWith(op2)).to.throw(Error)
+  })
+
+  it('cannot merge with another InsertOp if comment id info is different while tracking info matches', function () {
+    const op1 = new InsertOp(
+      'a',
+      new TrackingProps(
+        'insert',
+        'user1',
+        new Date('2024-01-01T00:00:00.000Z')
+      ),
+      ['1', '2']
+    )
+    const op2 = new InsertOp(
+      'b',
+      new TrackingProps(
+        'insert',
+        'user1',
+        new Date('2024-01-01T00:00:00.000Z')
+      ),
+      ['3']
+    )
+    expect(op1.canMergeWith(op2)).to.be.false
+    expect(() => op1.mergeWith(op2)).to.throw(Error)
+  })
+
+  it('cannot merge with another InsertOp if comment id is present in other and tracking info matches', function () {
+    const op1 = new InsertOp(
+      'a',
+      new TrackingProps('insert', 'user1', new Date('2024-01-01T00:00:00.000Z'))
+    )
+    const op2 = new InsertOp(
+      'b',
+      new TrackingProps(
+        'insert',
+        'user1',
+        new Date('2024-01-01T00:00:00.000Z')
+      ),
+      ['1']
+    )
+    expect(op1.canMergeWith(op2)).to.be.false
+    expect(() => op1.mergeWith(op2)).to.throw(Error)
+  })
+
+  it('cannot merge with another InsertOp if tracking info is different', function () {
+    const op1 = new InsertOp(
+      'a',
+      new TrackingProps('insert', 'user1', new Date('2024-01-01T00:00:00.000Z'))
+    )
+    const op2 = new InsertOp(
+      'b',
+      new TrackingProps('insert', 'user2', new Date('2024-01-01T00:00:00.000Z'))
+    )
+    expect(op1.canMergeWith(op2)).to.be.false
+    expect(() => op1.mergeWith(op2)).to.throw(Error)
+  })
+
+  it('can merge with another InsertOp if tracking and comment info is the same', function () {
+    const op1 = new InsertOp(
+      'a',
+      new TrackingProps(
+        'insert',
+        'user1',
+        new Date('2024-01-01T00:00:00.000Z')
+      ),
+      ['1', '2']
+    )
+    const op2 = new InsertOp(
+      'b',
+      new TrackingProps(
+        'insert',
+        'user1',
+        new Date('2024-01-01T00:00:00.000Z')
+      ),
+      ['1', '2']
+    )
+    expect(op1.canMergeWith(op2)).to.be.true
+    op1.mergeWith(op2)
+    expect(
+      op1.equals(
+        new InsertOp(
+          'ab',
+          new TrackingProps(
+            'insert',
+            'user1',
+            new Date('2024-01-01T00:00:00.000Z')
+          ),
+          ['1', '2']
+        )
+      )
+    ).to.be.true
+  })
+
+  it('cannot merge with a RetainOp', function () {
+    const op1 = new InsertOp('a')
+    const op2 = new RetainOp(1)
+    expect(op1.canMergeWith(op2)).to.be.false
+    expect(() => op1.mergeWith(op2)).to.throw(Error)
+  })
+
+  it('cannot merge with a RemoveOp', function () {
+    const op1 = new InsertOp('a')
+    const op2 = new RemoveOp(1)
+    expect(op1.canMergeWith(op2)).to.be.false
+    expect(() => op1.mergeWith(op2)).to.throw(Error)
+  })
+
+  it('can be converted to JSON', function () {
+    const op = new InsertOp('a')
+    expect(op.toJSON()).to.equal('a')
+  })
+
+  it('adds to the length when applied to length', function () {
+    const op = new InsertOp('abc')
+    const { length, inputCursor } = op.applyToLength({
+      length: 10,
+      inputCursor: 20,
+      inputLength: 40,
+    })
+    expect(length).to.equal(13)
+    expect(inputCursor).to.equal(20)
+  })
+
+  it('can apply a retain of the rest of the input', function () {
+    const op = new RetainOp(10)
+    const { length, inputCursor } = op.applyToLength({
+      length: 10,
+      inputCursor: 5,
+      inputLength: 15,
+    })
+    expect(length).to.equal(20)
+    expect(inputCursor).to.equal(15)
+  })
+
+  it('cannot apply to length if the input cursor is at the end', function () {
+    const op = new RetainOp(10)
+    expect(() =>
+      op.applyToLength({
+        length: 10,
+        inputCursor: 10,
+        inputLength: 10,
+      })
+    ).to.throw(ApplyError)
+  })
+})
+
+describe('RemoveOp', function () {
+  it('is equal to another RemoveOp with the same length', function () {
+    const op1 = new RemoveOp(1)
+    const op2 = new RemoveOp(1)
+    expect(op1.equals(op2)).to.be.true
+  })
+
+  it('is not equal to another RemoveOp with a different length', function () {
+    const op1 = new RemoveOp(1)
+    const op2 = new RemoveOp(2)
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('is not equal to a RetainOp', function () {
+    const op1 = new RemoveOp(1)
+    const op2 = new RetainOp(1)
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('is not equal to an InsertOp', function () {
+    const op1 = new RemoveOp(1)
+    const op2 = new InsertOp('a')
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('can merge with another RemoveOp', function () {
+    const op1 = new RemoveOp(1)
+    const op2 = new RemoveOp(2)
+    expect(op1.canMergeWith(op2)).to.be.true
+    op1.mergeWith(op2)
+    expect(op1.equals(new RemoveOp(3))).to.be.true
+  })
+
+  it('cannot merge with a RetainOp', function () {
+    const op1 = new RemoveOp(1)
+    const op2 = new RetainOp(1)
+    expect(op1.canMergeWith(op2)).to.be.false
+    expect(() => op1.mergeWith(op2)).to.throw(Error)
+  })
+
+  it('cannot merge with an InsertOp', function () {
+    const op1 = new RemoveOp(1)
+    const op2 = new InsertOp('a')
+    expect(op1.canMergeWith(op2)).to.be.false
+    expect(() => op1.mergeWith(op2)).to.throw(Error)
+  })
+
+  it('can be converted to JSON', function () {
+    const op = new RemoveOp(3)
+    expect(op.toJSON()).to.equal(-3)
+  })
+
+  it('adds to the input cursor when applied to length', function () {
+    const op = new RemoveOp(3)
+    const { length, inputCursor } = op.applyToLength({
+      length: 10,
+      inputCursor: 10,
+      inputLength: 30,
+    })
+    expect(length).to.equal(10)
+    expect(inputCursor).to.equal(13)
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/snapshot.test.js b/libraries/overleaf-editor-core/test/snapshot.test.js
new file mode 100644
index 0000000..f797995
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/snapshot.test.js
@@ -0,0 +1,92 @@
+'use strict'
+
+const { expect } = require('chai')
+const {
+  File,
+  Snapshot,
+  TextOperation,
+  Change,
+  EditFileOperation,
+} = require('..')
+
+describe('Snapshot', function () {
+  describe('findBlobHashes', function () {
+    it('finds blob hashes from files', function () {
+      const snapshot = new Snapshot()
+
+      const blobHashes = new Set()
+      snapshot.findBlobHashes(blobHashes)
+      expect(blobHashes.size).to.equal(0)
+
+      // Add a file without a hash.
+      snapshot.addFile('foo', File.fromString(''))
+      snapshot.findBlobHashes(blobHashes)
+      expect(blobHashes.size).to.equal(0)
+
+      // Add a file with a hash.
+      snapshot.addFile('bar', File.fromHash(File.EMPTY_FILE_HASH))
+      snapshot.findBlobHashes(blobHashes)
+      expect(Array.from(blobHashes)).to.have.members([File.EMPTY_FILE_HASH])
+    })
+  })
+
+  describe('editFile', function () {
+    let snapshot
+    let operation
+
+    beforeEach(function () {
+      snapshot = new Snapshot()
+      snapshot.addFile('hello.txt', File.fromString('hello'))
+      operation = new TextOperation()
+      operation.retain(5)
+      operation.insert(' world!')
+    })
+
+    it('applies text operations to the file', function () {
+      snapshot.editFile('hello.txt', operation)
+      const file = snapshot.getFile('hello.txt')
+      expect(file.getContent()).to.equal('hello world!')
+    })
+
+    it('rejects text operations for nonexistent file', function () {
+      expect(() => {
+        snapshot.editFile('does-not-exist.txt', operation)
+      }).to.throw(Snapshot.EditMissingFileError)
+    })
+  })
+
+  describe('applyAll', function () {
+    let snapshot
+    let change
+
+    beforeEach(function () {
+      snapshot = new Snapshot()
+      snapshot.addFile('empty.txt', File.fromString(''))
+      const badTextOp = new TextOperation()
+      badTextOp.insert('FAIL!')
+      const goodTextOp = new TextOperation()
+      goodTextOp.insert('SUCCESS!')
+      change = new Change(
+        [
+          new EditFileOperation('missing.txt', badTextOp),
+          new EditFileOperation('empty.txt', goodTextOp),
+        ],
+        new Date()
+      )
+    })
+
+    it('ignores recoverable errors', function () {
+      snapshot.applyAll([change])
+      const file = snapshot.getFile('empty.txt')
+      expect(file.getContent()).to.equal('SUCCESS!')
+    })
+
+    it('stops on recoverable errors in strict mode', function () {
+      expect(() => {
+        snapshot.applyAll([change], { strict: true })
+      }).to.throw(Snapshot.EditMissingFileError)
+      const file = snapshot.getFile('empty.txt')
+      expect(file.getContent()).to.equal('')
+    })
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/string_file_data.test.js b/libraries/overleaf-editor-core/test/string_file_data.test.js
new file mode 100644
index 0000000..45a0337
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/string_file_data.test.js
@@ -0,0 +1,167 @@
+// @ts-check
+'use strict'
+
+const { expect } = require('chai')
+const _ = require('lodash')
+
+const ot = require('..')
+const StringFileData = require('../lib/file_data/string_file_data')
+const TextOperation = ot.TextOperation
+
+describe('StringFileData', function () {
+  it('throws when it contains non BMP chars', function () {
+    const content = '𝌆𝌆𝌆'
+    const fileData = new StringFileData(content)
+    const operation = new TextOperation()
+    operation.insert('aa')
+    expect(() => {
+      fileData.edit(operation)
+    }).to.throw(TextOperation.ApplyError, /string contains non BMP characters/)
+  })
+
+  it('validates string length when edited', function () {
+    const longString = _.repeat('a', TextOperation.MAX_STRING_LENGTH)
+    const fileData = new StringFileData(longString)
+    expect(fileData.getByteLength()).to.equal(longString.length)
+    expect(fileData.getStringLength()).to.equal(longString.length)
+
+    expect(() => {
+      fileData.edit(new TextOperation().retain(longString.length).insert('x'))
+    }).to.throw(TextOperation.TooLongError)
+    expect(fileData.getByteLength()).to.equal(longString.length)
+    expect(fileData.getStringLength()).to.equal(longString.length)
+
+    fileData.edit(new TextOperation().retain(longString.length - 1).remove(1))
+    expect(fileData.getByteLength()).to.equal(longString.length - 1)
+    expect(fileData.getStringLength()).to.equal(longString.length - 1)
+  })
+
+  it('getComments() should return an empty array', function () {
+    const fileData = new StringFileData('test')
+    expect(fileData.getComments().toRaw()).to.eql([])
+  })
+
+  it('creates StringFileData with comments', function () {
+    const fileData = new StringFileData('test', [
+      {
+        id: 'comm1',
+        ranges: [
+          {
+            pos: 5,
+            length: 10,
+          },
+        ],
+      },
+      {
+        id: 'comm2',
+        ranges: [
+          {
+            pos: 20,
+            length: 5,
+          },
+        ],
+      },
+    ])
+
+    expect(fileData.getComments().toRaw()).to.eql([
+      { id: 'comm1', ranges: [{ pos: 5, length: 10 }] },
+      { id: 'comm2', ranges: [{ pos: 20, length: 5 }] },
+    ])
+  })
+
+  it('fromRaw() should create StringFileData with comments', function () {
+    const fileData = StringFileData.fromRaw({
+      content: 'test',
+      comments: [
+        {
+          id: 'comm1',
+          ranges: [
+            {
+              pos: 5,
+              length: 10,
+            },
+          ],
+        },
+        {
+          id: 'comm2',
+          ranges: [
+            {
+              pos: 20,
+              length: 5,
+            },
+          ],
+          resolved: true,
+        },
+      ],
+    })
+
+    expect(fileData.getComments().toRaw()).to.eql([
+      { id: 'comm1', ranges: [{ pos: 5, length: 10 }] },
+      { id: 'comm2', ranges: [{ pos: 20, length: 5 }], resolved: true },
+    ])
+  })
+
+  it('getContent should filter out tracked deletions when passed option', function () {
+    const fileData = new StringFileData(
+      'the quick brown fox jumps over the lazy dog',
+      undefined,
+      [
+        {
+          range: { pos: 4, length: 6 },
+          tracking: {
+            type: 'delete',
+            ts: '2024-01-01T00:00:00.000Z',
+            userId: 'user1',
+          },
+        },
+        {
+          range: { pos: 35, length: 5 },
+          tracking: {
+            type: 'delete',
+            ts: '2023-01-01T00:00:00.000Z',
+            userId: 'user2',
+          },
+        },
+      ]
+    )
+
+    expect(fileData.getContent()).to.equal(
+      'the quick brown fox jumps over the lazy dog'
+    )
+    expect(fileData.getContent({ filterTrackedDeletes: true })).to.equal(
+      'the brown fox jumps over the dog'
+    )
+  })
+
+  it('getContent should keep tracked insertions when passed option to remove tracked changes', function () {
+    const fileData = new StringFileData(
+      'the quick brown fox jumps over the lazy dog',
+      undefined,
+      [
+        {
+          range: { pos: 4, length: 6 },
+          tracking: {
+            type: 'insert',
+            ts: '2024-01-01T00:00:00.000Z',
+            userId: 'user1',
+          },
+        },
+        {
+          range: { pos: 35, length: 5 },
+          tracking: {
+            type: 'delete',
+            ts: '2023-01-01T00:00:00.000Z',
+            userId: 'user2',
+          },
+        },
+      ]
+    )
+
+    expect(fileData.getContent()).to.equal(
+      'the quick brown fox jumps over the lazy dog'
+    )
+    expect(fileData.getContent({ filterTrackedDeletes: true })).to.equal(
+      'the quick brown fox jumps over the dog'
+    )
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/support/fake_blob_store.js b/libraries/overleaf-editor-core/test/support/fake_blob_store.js
new file mode 100644
index 0000000..2b6ad7c
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/support/fake_blob_store.js
@@ -0,0 +1,30 @@
+/**
+ * @import { Blob } from "../.."
+ */
+
+/**
+ * Fake blob store for tests
+ */
+class FakeBlobStore {
+  /**
+   * Get a string from the blob store
+   *
+   * @param {string} hash
+   * @return {Promise<string>}
+   */
+  getString(hash) {
+    throw new Error('Not implemented')
+  }
+
+  /**
+   * Store a string in the blob store
+   *
+   * @param {string} content
+   * @return {Promise<Blob>}
+   */
+  putString(content) {
+    throw new Error('Not implemented')
+  }
+}
+
+module.exports = FakeBlobStore
diff --git a/libraries/overleaf-editor-core/test/support/random.js b/libraries/overleaf-editor-core/test/support/random.js
new file mode 100644
index 0000000..76fad2e
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/support/random.js
@@ -0,0 +1,66 @@
+//
+// Randomised testing helpers from OT.js:
+// https://github.com/Operational-Transformation/ot.js/blob/
+//   8873b7e28e83f9adbf6c3a28ec639c9151a838ae/test/helpers.js
+//
+'use strict'
+
+function randomInt(n) {
+  return Math.floor(Math.random() * n)
+}
+
+function randomString(n, newLine = true) {
+  let str = ''
+  while (n--) {
+    if (newLine && Math.random() < 0.15) {
+      str += '\n'
+    } else {
+      const chr = randomInt(26) + 97
+      str += String.fromCharCode(chr)
+    }
+  }
+  return str
+}
+
+function randomElement(arr) {
+  return arr[randomInt(arr.length)]
+}
+
+function randomTest(numTrials, test) {
+  return function () {
+    while (numTrials--) test()
+  }
+}
+
+function randomSubset(arr) {
+  const n = randomInt(arr.length)
+  const subset = []
+  const indices = []
+  for (let i = 0; i < arr.length; i++) indices.push(i)
+  for (let i = 0; i < n; i++) {
+    const index = randomInt(indices.length)
+    subset.push(arr[indices[index]])
+    indices.splice(index, 1)
+  }
+  return subset
+}
+
+function randomComments(number) {
+  const ids = new Set()
+  const comments = []
+  while (comments.length < number) {
+    const id = randomString(10, false)
+    if (!ids.has(id)) {
+      comments.push({ id, ranges: [], resolved: false })
+      ids.add(id)
+    }
+  }
+  return { ids: Array.from(ids), comments }
+}
+
+exports.int = randomInt
+exports.string = randomString
+exports.element = randomElement
+exports.test = randomTest
+exports.comments = randomComments
+exports.subset = randomSubset
diff --git a/libraries/overleaf-editor-core/test/support/random_text_operation.js b/libraries/overleaf-editor-core/test/support/random_text_operation.js
new file mode 100644
index 0000000..a600cdc
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/support/random_text_operation.js
@@ -0,0 +1,57 @@
+const TrackingProps = require('../../lib/file_data/tracking_props')
+const ClearTrackingProps = require('../../lib/file_data/clear_tracking_props')
+const TextOperation = require('../../lib/operation/text_operation')
+const random = require('./random')
+
+/**
+ *
+ * @param {string} str
+ * @param {string[]} [commentIds]
+ * @returns {TextOperation}
+ */
+function randomTextOperation(str, commentIds) {
+  const operation = new TextOperation()
+  let left
+  while (true) {
+    left = str.length - operation.baseLength
+    if (left === 0) break
+    const r = Math.random()
+    const l = 1 + random.int(Math.min(left - 1, 20))
+    const trackedChange =
+      Math.random() < 0.1
+        ? new TrackingProps(
+            random.element(['insert', 'delete']),
+            random.element(['user1', 'user2', 'user3']),
+            new Date(
+              random.element([
+                '2024-01-01T00:00:00.000Z',
+                '2023-01-01T00:00:00.000Z',
+                '2022-01-01T00:00:00.000Z',
+              ])
+            )
+          )
+        : undefined
+    if (r < 0.2) {
+      let operationCommentIds
+      if (commentIds?.length > 0 && Math.random() < 0.3) {
+        operationCommentIds = random.subset(commentIds)
+      }
+      operation.insert(random.string(l), {
+        tracking: trackedChange,
+        commentIds: operationCommentIds,
+      })
+    } else if (r < 0.4) {
+      operation.remove(l)
+    } else if (r < 0.5) {
+      operation.retain(l, { tracking: new ClearTrackingProps() })
+    } else {
+      operation.retain(l, { tracking: trackedChange })
+    }
+  }
+  if (Math.random() < 0.3) {
+    operation.insert(1 + random.string(10))
+  }
+  return operation
+}
+
+module.exports = randomTextOperation
diff --git a/libraries/overleaf-editor-core/test/text_operation.test.js b/libraries/overleaf-editor-core/test/text_operation.test.js
new file mode 100644
index 0000000..fa9bc62
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/text_operation.test.js
@@ -0,0 +1,879 @@
+// @ts-check
+//
+// These tests are based on the OT.js tests:
+// https://github.com/Operational-Transformation/ot.js/blob/
+//   8873b7e28e83f9adbf6c3a28ec639c9151a838ae/test/lib/test-text-operation.js
+//
+'use strict'
+
+const { expect } = require('chai')
+const random = require('./support/random')
+const randomOperation = require('./support/random_text_operation')
+
+const ot = require('..')
+const TextOperation = ot.TextOperation
+const StringFileData = require('../lib/file_data/string_file_data')
+const { RetainOp, InsertOp, RemoveOp } = require('../lib/operation/scan_op')
+const TrackingProps = require('../lib/file_data/tracking_props')
+const ClearTrackingProps = require('../lib/file_data/clear_tracking_props')
+
+describe('TextOperation', function () {
+  const numTrials = 500
+
+  it('tracks base and target lengths', function () {
+    const o = new TextOperation()
+    expect(o.baseLength).to.equal(0)
+    expect(o.targetLength).to.equal(0)
+    o.retain(5)
+    expect(o.baseLength).to.equal(5)
+    expect(o.targetLength).to.equal(5)
+    o.insert('abc')
+    expect(o.baseLength).to.equal(5)
+    expect(o.targetLength).to.equal(8)
+    o.retain(2)
+    expect(o.baseLength).to.equal(7)
+    expect(o.targetLength).to.equal(10)
+    o.remove(2)
+    expect(o.baseLength).to.equal(9)
+    expect(o.targetLength).to.equal(10)
+  })
+
+  it('supports chaining', function () {
+    const o = new TextOperation()
+      .retain(5)
+      .retain(0)
+      .insert('lorem')
+      .insert('')
+      .remove('abc')
+      .remove(3)
+      .remove(0)
+      .remove('')
+    expect(o.ops.length).to.equal(3)
+  })
+
+  it('ignores empty operations', function () {
+    const o = new TextOperation()
+    o.retain(0)
+    o.insert('')
+    o.remove('')
+    expect(o.ops.length).to.equal(0)
+  })
+
+  it('checks for equality', function () {
+    const op1 = new TextOperation().remove(1).insert('lo').retain(2).retain(3)
+    const op2 = new TextOperation().remove(-1).insert('l').insert('o').retain(5)
+    expect(op1.equals(op2)).to.be.true
+    op1.remove(1)
+    op2.retain(1)
+    expect(op1.equals(op2)).to.be.false
+  })
+
+  it('merges ops', function () {
+    function last(arr) {
+      return arr[arr.length - 1]
+    }
+    const o = new TextOperation()
+    expect(o.ops.length).to.equal(0)
+    o.retain(2)
+    expect(o.ops.length).to.equal(1)
+    expect(last(o.ops).equals(new RetainOp(2))).to.be.true
+    o.retain(3)
+    expect(o.ops.length).to.equal(1)
+    expect(last(o.ops).equals(new RetainOp(5))).to.be.true
+    o.insert('abc')
+    expect(o.ops.length).to.equal(2)
+    expect(last(o.ops).equals(new InsertOp('abc'))).to.be.true
+    o.insert('xyz')
+    expect(o.ops.length).to.equal(2)
+    expect(last(o.ops).equals(new InsertOp('abcxyz'))).to.be.true
+    o.remove('d')
+    expect(o.ops.length).to.equal(3)
+    expect(last(o.ops).equals(new RemoveOp(1))).to.be.true
+    o.remove('d')
+    expect(o.ops.length).to.equal(3)
+    expect(last(o.ops).equals(new RemoveOp(2))).to.be.true
+  })
+
+  it('checks for no-ops', function () {
+    const o = new TextOperation()
+    expect(o.isNoop()).to.be.true
+    o.retain(5)
+    expect(o.isNoop()).to.be.true
+    o.retain(3)
+    expect(o.isNoop()).to.be.true
+    o.insert('lorem')
+    expect(o.isNoop()).to.be.false
+  })
+
+  it('converts to string', function () {
+    const o = new TextOperation()
+    o.retain(2)
+    o.insert('lorem')
+    o.remove('ipsum')
+    o.retain(5)
+    expect(o.toString()).to.equal(
+      "retain 2, insert 'lorem', remove 5, retain 5"
+    )
+  })
+
+  it('converts from JSON', function () {
+    const ops = [2, -1, -1, 'cde']
+    const o = TextOperation.fromJSON({ textOperation: ops })
+    expect(o.ops.length).to.equal(3)
+    expect(o.baseLength).to.equal(4)
+    expect(o.targetLength).to.equal(5)
+
+    function assertIncorrectAfter(fn) {
+      const ops2 = ops.slice(0)
+      fn(ops2)
+      expect(() => {
+        TextOperation.fromJSON({ textOperation: ops2 })
+      }).to.throw
+    }
+
+    assertIncorrectAfter(ops2 => {
+      ops2.push({ insert: 'x' })
+    })
+    assertIncorrectAfter(ops2 => {
+      ops2.push(null)
+    })
+  })
+
+  it(
+    'applies (randomised)',
+    random.test(numTrials, () => {
+      const str = random.string(50)
+      const comments = random.comments(6)
+      const o = randomOperation(str, comments.ids)
+      expect(str.length).to.equal(o.baseLength)
+      const file = new StringFileData(str, comments.comments)
+      o.apply(file)
+      const result = file.getContent()
+      expect(result.length).to.equal(o.targetLength)
+    })
+  )
+
+  it(
+    'converts to/from JSON (randomised)',
+    random.test(numTrials, () => {
+      const doc = random.string(50)
+      const comments = random.comments(2)
+      const operation = randomOperation(doc, comments.ids)
+      const roundTripOperation = TextOperation.fromJSON(operation.toJSON())
+      expect(operation.equals(roundTripOperation)).to.be.true
+    })
+  )
+
+  it('throws when invalid operations are applied', function () {
+    const operation = new TextOperation().retain(1)
+    expect(() => {
+      operation.apply(new StringFileData(''))
+    }).to.throw(TextOperation.ApplyError)
+    expect(() => {
+      operation.apply(new StringFileData(' '))
+    }).not.to.throw
+  })
+
+  it('throws when insert text contains non BMP chars', function () {
+    const operation = new TextOperation()
+    const str = '𝌆\n'
+    expect(() => {
+      operation.insert(str)
+    }).to.throw(
+      TextOperation.UnprocessableError,
+      /inserted text contains non BMP characters/
+    )
+  })
+
+  it('throws when base string contains non BMP chars', function () {
+    const operation = new TextOperation()
+    const str = '𝌆\n'
+    expect(() => {
+      operation.apply(new StringFileData(str))
+    }).to.throw(
+      TextOperation.UnprocessableError,
+      /string contains non BMP characters/
+    )
+  })
+
+  it('throws at from JSON when it contains non BMP chars', function () {
+    const operation = ['𝌆\n']
+    expect(() => {
+      TextOperation.fromJSON({ textOperation: operation })
+    }).to.throw(
+      TextOperation.UnprocessableError,
+      /inserted text contains non BMP characters/
+    )
+  })
+
+  describe('invert', function () {
+    it(
+      'inverts (randomised)',
+      random.test(numTrials, () => {
+        const str = random.string(50)
+        const comments = random.comments(6)
+        const o = randomOperation(str, comments.ids)
+        const originalFile = new StringFileData(str, comments.comments)
+        const p = o.invert(originalFile)
+        expect(o.baseLength).to.equal(p.targetLength)
+        expect(o.targetLength).to.equal(p.baseLength)
+        const file = new StringFileData(str, comments.comments)
+        o.apply(file)
+        p.apply(file)
+        const result = file.toRaw()
+        expect(result).to.deep.equal(originalFile.toRaw())
+      })
+    )
+
+    it('re-inserts removed range and comment when inverting', function () {
+      expectInverseToLeadToInitialState(
+        new StringFileData(
+          'foo bar baz',
+          [{ id: 'comment1', ranges: [{ pos: 4, length: 3 }] }],
+          [
+            {
+              range: { pos: 4, length: 3 },
+              tracking: {
+                ts: '2024-01-01T00:00:00.000Z',
+                type: 'insert',
+                userId: 'user1',
+              },
+            },
+          ]
+        ),
+        new TextOperation().retain(4).remove(4).retain(3)
+      )
+    })
+
+    it('deletes inserted range and comment when inverting', function () {
+      expectInverseToLeadToInitialState(
+        new StringFileData('foo baz', [
+          { id: 'comment1', ranges: [], resolved: false },
+        ]),
+        new TextOperation()
+          .retain(4)
+          .insert('bar', {
+            commentIds: ['comment1'],
+            tracking: TrackingProps.fromRaw({
+              ts: '2024-01-01T00:00:00.000Z',
+              type: 'insert',
+              userId: 'user1',
+            }),
+          })
+          .insert(' ')
+          .retain(3)
+      )
+    })
+
+    it('removes a tracked delete', function () {
+      expectInverseToLeadToInitialState(
+        new StringFileData('foo bar baz'),
+        new TextOperation()
+          .retain(4)
+          .retain(4, {
+            tracking: TrackingProps.fromRaw({
+              ts: '2023-01-01T00:00:00.000Z',
+              type: 'delete',
+              userId: 'user1',
+            }),
+          })
+          .retain(3)
+      )
+    })
+
+    it('restores comments that were removed', function () {
+      expectInverseToLeadToInitialState(
+        new StringFileData('foo bar baz', [
+          {
+            id: 'comment1',
+            ranges: [{ pos: 4, length: 3 }],
+            resolved: false,
+          },
+        ]),
+        new TextOperation().retain(4).remove(4).retain(3)
+      )
+    })
+
+    it('re-inserting removed part of comment restores original comment range', function () {
+      expectInverseToLeadToInitialState(
+        new StringFileData('foo bar baz', [
+          {
+            id: 'comment1',
+            ranges: [{ pos: 0, length: 11 }],
+            resolved: false,
+          },
+        ]),
+        new TextOperation().retain(4).remove(4).retain(3)
+      )
+    })
+
+    it('re-inserting removed part of tracked change restores tracked change range', function () {
+      expectInverseToLeadToInitialState(
+        new StringFileData('foo bar baz', undefined, [
+          {
+            range: { pos: 0, length: 11 },
+            tracking: {
+              ts: '2023-01-01T00:00:00.000Z',
+              type: 'delete',
+              userId: 'user1',
+            },
+          },
+        ]),
+        new TextOperation().retain(4).remove(4).retain(3)
+      )
+    })
+  })
+
+  describe('compose', function () {
+    it(
+      'composes (randomised)',
+      random.test(numTrials, () => {
+        // invariant: apply(str, compose(a, b)) === apply(apply(str, a), b)
+        const str = random.string(20)
+        const comments = random.comments(6)
+        const a = randomOperation(str, comments.ids)
+        const file = new StringFileData(str, comments.comments)
+        a.apply(file)
+        const afterA = file.toRaw()
+        expect(afterA.content.length).to.equal(a.targetLength)
+        const b = randomOperation(afterA.content, comments.ids)
+        b.apply(file)
+        const afterB = file.toRaw()
+        expect(afterB.content.length).to.equal(b.targetLength)
+        const ab = a.compose(b)
+        expect(ab.targetLength).to.equal(b.targetLength)
+        ab.apply(new StringFileData(str, comments.comments))
+        const afterAB = file.toRaw()
+        expect(afterAB).to.deep.equal(afterB)
+      })
+    )
+
+    it('composes two operations with comments', function () {
+      expect(
+        compose(
+          new StringFileData('foo baz', [
+            { id: 'comment1', ranges: [], resolved: false },
+          ]),
+          new TextOperation()
+            .retain(4)
+            .insert('bar', {
+              commentIds: ['comment1'],
+              tracking: TrackingProps.fromRaw({
+                ts: '2024-01-01T00:00:00.000Z',
+                type: 'insert',
+                userId: 'user1',
+              }),
+            })
+            .insert(' ')
+            .retain(3),
+          new TextOperation().retain(4).remove(4).retain(3)
+        )
+      ).to.deep.equal({
+        content: 'foo baz',
+        comments: [{ id: 'comment1', ranges: [] }],
+      })
+    })
+
+    it('prioritizes tracked changes info from the latter operation', function () {
+      expect(
+        compose(
+          new StringFileData('foo bar baz'),
+          new TextOperation()
+            .retain(4)
+            .retain(4, {
+              tracking: TrackingProps.fromRaw({
+                ts: '2023-01-01T00:00:00.000Z',
+                type: 'delete',
+                userId: 'user1',
+              }),
+            })
+            .retain(3),
+          new TextOperation()
+            .retain(4)
+            .retain(4, {
+              tracking: TrackingProps.fromRaw({
+                ts: '2024-01-01T00:00:00.000Z',
+                type: 'delete',
+                userId: 'user2',
+              }),
+            })
+            .retain(3)
+        )
+      ).to.deep.equal({
+        content: 'foo bar baz',
+        trackedChanges: [
+          {
+            range: { pos: 4, length: 4 },
+            tracking: {
+              ts: '2024-01-01T00:00:00.000Z',
+              type: 'delete',
+              userId: 'user2',
+            },
+          },
+        ],
+      })
+    })
+
+    it('does not remove tracked change if not overriden by operation 2', function () {
+      expect(
+        compose(
+          new StringFileData('foo bar baz'),
+          new TextOperation()
+            .retain(4)
+            .retain(4, {
+              tracking: TrackingProps.fromRaw({
+                ts: '2023-01-01T00:00:00.000Z',
+                type: 'delete',
+                userId: 'user1',
+              }),
+            })
+            .retain(3),
+          new TextOperation().retain(11)
+        )
+      ).to.deep.equal({
+        content: 'foo bar baz',
+        trackedChanges: [
+          {
+            range: { pos: 4, length: 4 },
+            tracking: {
+              ts: '2023-01-01T00:00:00.000Z',
+              type: 'delete',
+              userId: 'user1',
+            },
+          },
+        ],
+      })
+    })
+
+    it('adds comment ranges from both operations', function () {
+      expect(
+        compose(
+          new StringFileData('foo bar baz', [
+            {
+              id: 'comment1',
+              ranges: [{ pos: 4, length: 3 }],
+              resolved: false,
+            },
+            {
+              id: 'comment2',
+              ranges: [{ pos: 8, length: 3 }],
+              resolved: false,
+            },
+          ]),
+          new TextOperation()
+            .retain(5)
+            .insert('aa', {
+              commentIds: ['comment1'],
+            })
+            .retain(6),
+          new TextOperation()
+            .retain(11)
+            .insert('bb', { commentIds: ['comment2'] })
+            .retain(2)
+        )
+      ).to.deep.equal({
+        content: 'foo baaar bbbaz',
+        comments: [
+          { id: 'comment1', ranges: [{ pos: 4, length: 5 }] },
+          { id: 'comment2', ranges: [{ pos: 10, length: 5 }] },
+        ],
+      })
+    })
+
+    it('it removes the tracking range from a tracked delete if operation 2 resolves it', function () {
+      expect(
+        compose(
+          new StringFileData('foo bar baz'),
+          new TextOperation()
+            .retain(4)
+            .retain(4, {
+              tracking: TrackingProps.fromRaw({
+                ts: '2023-01-01T00:00:00.000Z',
+                type: 'delete',
+                userId: 'user1',
+              }),
+            })
+            .retain(3),
+          new TextOperation()
+            .retain(4)
+            .retain(4, {
+              tracking: new ClearTrackingProps(),
+            })
+            .retain(3)
+        )
+      ).to.deep.equal({
+        content: 'foo bar baz',
+      })
+    })
+
+    it('it removes the tracking from an insert if operation 2 resolves it', function () {
+      expect(
+        compose(
+          new StringFileData('foo bar baz'),
+          new TextOperation()
+            .retain(4)
+            .insert('quux ', {
+              tracking: TrackingProps.fromRaw({
+                ts: '2023-01-01T00:00:00.000Z',
+                type: 'insert',
+                userId: 'user1',
+              }),
+            })
+            .retain(7),
+          new TextOperation()
+            .retain(6)
+            .retain(5, {
+              tracking: new ClearTrackingProps(),
+            })
+            .retain(5)
+        )
+      ).to.deep.equal({
+        content: 'foo quux bar baz',
+        trackedChanges: [
+          {
+            range: { pos: 4, length: 2 },
+            tracking: {
+              ts: '2023-01-01T00:00:00.000Z',
+              type: 'insert',
+              userId: 'user1',
+            },
+          },
+        ],
+      })
+    })
+  })
+
+  describe('transform', function () {
+    it(
+      'transforms (randomised)',
+      random.test(numTrials, () => {
+        // invariant: compose(a, b') = compose(b, a')
+        // where (a', b') = transform(a, b)
+        const str = random.string(20)
+        const comments = random.comments(6)
+        const a = randomOperation(str, comments.ids)
+        const b = randomOperation(str, comments.ids)
+        const primes = TextOperation.transform(a, b)
+        const aPrime = primes[0]
+        const bPrime = primes[1]
+        const abPrime = a.compose(bPrime)
+        const baPrime = b.compose(aPrime)
+        const abFile = new StringFileData(str, comments.comments)
+        const baFile = new StringFileData(str, comments.comments)
+        abPrime.apply(abFile)
+        baPrime.apply(baFile)
+        expect(abPrime.equals(baPrime)).to.be.true
+        expect(abFile.toRaw()).to.deep.equal(baFile.toRaw())
+      })
+    )
+
+    it('adds a tracked change from operation 1', function () {
+      expect(
+        transform(
+          new StringFileData('foo baz'),
+          new TextOperation()
+            .retain(4)
+            .insert('bar', {
+              tracking: TrackingProps.fromRaw({
+                ts: '2024-01-01T00:00:00.000Z',
+                type: 'insert',
+                userId: 'user1',
+              }),
+            })
+            .insert(' ')
+            .retain(3),
+          new TextOperation().retain(7).insert(' qux')
+        )
+      ).to.deep.equal({
+        content: 'foo bar baz qux',
+        trackedChanges: [
+          {
+            range: { pos: 4, length: 3 },
+            tracking: {
+              ts: '2024-01-01T00:00:00.000Z',
+              type: 'insert',
+              userId: 'user1',
+            },
+          },
+        ],
+      })
+    })
+
+    it('prioritizes tracked change from the first operation', function () {
+      expect(
+        transform(
+          new StringFileData('foo bar baz'),
+          new TextOperation()
+            .retain(4)
+            .retain(4, {
+              tracking: TrackingProps.fromRaw({
+                ts: '2023-01-01T00:00:00.000Z',
+                type: 'delete',
+                userId: 'user1',
+              }),
+            })
+            .retain(3),
+          new TextOperation()
+            .retain(4)
+            .retain(4, {
+              tracking: TrackingProps.fromRaw({
+                ts: '2024-01-01T00:00:00.000Z',
+                type: 'delete',
+                userId: 'user2',
+              }),
+            })
+            .retain(3)
+        )
+      ).to.deep.equal({
+        content: 'foo bar baz',
+        trackedChanges: [
+          {
+            range: { pos: 4, length: 4 },
+            tracking: {
+              ts: '2023-01-01T00:00:00.000Z',
+              type: 'delete',
+              userId: 'user1',
+            },
+          },
+        ],
+      })
+    })
+
+    it('splits a tracked change in two to resolve conflicts', function () {
+      expect(
+        transform(
+          new StringFileData('foo bar baz'),
+          new TextOperation()
+            .retain(4)
+            .retain(4, {
+              tracking: TrackingProps.fromRaw({
+                ts: '2023-01-01T00:00:00.000Z',
+                type: 'delete',
+                userId: 'user1',
+              }),
+            })
+            .retain(3),
+          new TextOperation()
+            .retain(4)
+            .retain(5, {
+              tracking: TrackingProps.fromRaw({
+                ts: '2024-01-01T00:00:00.000Z',
+                type: 'delete',
+                userId: 'user2',
+              }),
+            })
+            .retain(2)
+        )
+      ).to.deep.equal({
+        content: 'foo bar baz',
+        trackedChanges: [
+          {
+            range: { pos: 4, length: 4 },
+            tracking: {
+              ts: '2023-01-01T00:00:00.000Z',
+              type: 'delete',
+              userId: 'user1',
+            },
+          },
+          {
+            range: { pos: 8, length: 1 },
+            tracking: {
+              ts: '2024-01-01T00:00:00.000Z',
+              type: 'delete',
+              userId: 'user2',
+            },
+          },
+        ],
+      })
+    })
+
+    it('inserts a tracked change from operation 2 after a tracked change from operation 1', function () {
+      expect(
+        transform(
+          new StringFileData('aaabbbccc'),
+          new TextOperation()
+            .retain(3)
+            .insert('xxx', {
+              tracking: TrackingProps.fromRaw({
+                ts: '2023-01-01T00:00:00.000Z',
+                type: 'insert',
+                userId: 'user1',
+              }),
+            })
+            .retain(6),
+          new TextOperation()
+            .retain(3)
+            .insert('yyy', {
+              tracking: TrackingProps.fromRaw({
+                ts: '2024-01-01T00:00:00.000Z',
+                type: 'insert',
+                userId: 'user2',
+              }),
+            })
+            .retain(6)
+        )
+      ).to.deep.equal({
+        content: 'aaaxxxyyybbbccc',
+        trackedChanges: [
+          {
+            range: { pos: 3, length: 3 },
+            tracking: {
+              ts: '2023-01-01T00:00:00.000Z',
+              type: 'insert',
+              userId: 'user1',
+            },
+          },
+          {
+            range: { pos: 6, length: 3 },
+            tracking: {
+              ts: '2024-01-01T00:00:00.000Z',
+              type: 'insert',
+              userId: 'user2',
+            },
+          },
+        ],
+      })
+    })
+
+    it('preserves a comment even if it is completely removed in one operation', function () {
+      expect(
+        transform(
+          new StringFileData('foo bar baz', [
+            {
+              id: 'comment1',
+              ranges: [{ pos: 4, length: 3 }],
+              resolved: false,
+            },
+          ]),
+          new TextOperation().retain(4).remove(4).retain(3),
+          new TextOperation()
+            .retain(7)
+            .insert('qux ', {
+              commentIds: ['comment1'],
+            })
+            .retain(4)
+        )
+      ).to.deep.equal({
+        content: 'foo qux baz',
+        comments: [{ id: 'comment1', ranges: [{ pos: 4, length: 4 }] }],
+      })
+    })
+
+    it('extends a comment to both ranges if both operations add text in it', function () {
+      expect(
+        transform(
+          new StringFileData('foo bar baz', [
+            {
+              id: 'comment1',
+              ranges: [{ pos: 4, length: 3 }],
+              resolved: false,
+            },
+          ]),
+          new TextOperation()
+            .retain(4)
+            .insert('qux ', {
+              commentIds: ['comment1'],
+            })
+            .retain(7),
+          new TextOperation()
+            .retain(4)
+            .insert('corge ', { commentIds: ['comment1'] })
+            .retain(7)
+        )
+      ).to.deep.equal({
+        content: 'foo qux corge bar baz',
+        comments: [{ id: 'comment1', ranges: [{ pos: 4, length: 13 }] }],
+      })
+    })
+
+    it('adds a tracked change from both operations at different places', function () {
+      expect(
+        transform(
+          new StringFileData('foo bar baz'),
+          new TextOperation()
+            .retain(4)
+            .insert('qux ', {
+              tracking: TrackingProps.fromRaw({
+                ts: '2023-01-01T00:00:00.000Z',
+                type: 'insert',
+                userId: 'user1',
+              }),
+            })
+            .retain(7),
+          new TextOperation()
+            .retain(8)
+            .insert('corge ', {
+              tracking: TrackingProps.fromRaw({
+                ts: '2024-01-01T00:00:00.000Z',
+                type: 'insert',
+                userId: 'user2',
+              }),
+            })
+            .retain(3)
+        )
+      ).to.deep.equal({
+        content: 'foo qux bar corge baz',
+        trackedChanges: [
+          {
+            range: { pos: 4, length: 4 },
+            tracking: {
+              ts: '2023-01-01T00:00:00.000Z',
+              type: 'insert',
+              userId: 'user1',
+            },
+          },
+          {
+            range: { pos: 12, length: 6 },
+            tracking: {
+              ts: '2024-01-01T00:00:00.000Z',
+              type: 'insert',
+              userId: 'user2',
+            },
+          },
+        ],
+      })
+    })
+  })
+})
+
+function expectInverseToLeadToInitialState(fileData, operation) {
+  const initialState = fileData
+  const result = initialState.toRaw()
+  const invertedOperation = operation.invert(initialState)
+  operation.apply(initialState)
+  invertedOperation.apply(initialState)
+  const invertedResult = initialState.toRaw()
+  expect(invertedResult).to.deep.equal(result)
+}
+
+function compose(fileData, op1, op2) {
+  const copy = StringFileData.fromRaw(fileData.toRaw())
+  op1.apply(fileData)
+  op2.apply(fileData)
+  const result1 = fileData.toRaw()
+
+  const composed = op1.compose(op2)
+  composed.apply(copy)
+  const result2 = copy.toRaw()
+
+  expect(result1).to.deep.equal(result2)
+  return fileData.toRaw()
+}
+
+function transform(fileData, a, b) {
+  const initialState = fileData
+  const aFileData = StringFileData.fromRaw(initialState.toRaw())
+  const bFileData = StringFileData.fromRaw(initialState.toRaw())
+
+  const [aPrime, bPrime] = TextOperation.transform(a, b)
+  a.apply(aFileData)
+  bPrime.apply(aFileData)
+  b.apply(bFileData)
+  aPrime.apply(bFileData)
+
+  const resultA = aFileData.toRaw()
+  const resultB = bFileData.toRaw()
+  expect(resultA).to.deep.equal(resultB)
+
+  return aFileData.toRaw()
+}
diff --git a/libraries/overleaf-editor-core/test/tracked_change.test.js b/libraries/overleaf-editor-core/test/tracked_change.test.js
new file mode 100644
index 0000000..8837812
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/tracked_change.test.js
@@ -0,0 +1,55 @@
+// @ts-check
+const TrackedChange = require('../lib/file_data/tracked_change')
+const Range = require('../lib/range')
+const TrackingProps = require('../lib/file_data/tracking_props')
+const { expect } = require('chai')
+
+describe('TrackedChange', function () {
+  it('should survive serialization', function () {
+    const trackedChange = new TrackedChange(
+      new Range(1, 2),
+      new TrackingProps('insert', 'user1', new Date('2024-01-01T00:00:00.000Z'))
+    )
+    const newTrackedChange = TrackedChange.fromRaw(trackedChange.toRaw())
+    expect(newTrackedChange).to.be.instanceOf(TrackedChange)
+    expect(newTrackedChange).to.deep.equal(trackedChange)
+  })
+
+  it('can be created from a raw object', function () {
+    const trackedChange = TrackedChange.fromRaw({
+      range: { pos: 1, length: 2 },
+      tracking: {
+        type: 'insert',
+        userId: 'user1',
+        ts: '2024-01-01T00:00:00.000Z',
+      },
+    })
+    expect(trackedChange).to.be.instanceOf(TrackedChange)
+    expect(trackedChange).to.deep.equal(
+      new TrackedChange(
+        new Range(1, 2),
+        new TrackingProps(
+          'insert',
+          'user1',
+          new Date('2024-01-01T00:00:00.000Z')
+        )
+      )
+    )
+  })
+
+  it('can be serialized to a raw object', function () {
+    const change = new TrackedChange(
+      new Range(1, 2),
+      new TrackingProps('insert', 'user1', new Date('2024-01-01T00:00:00.000Z'))
+    )
+    expect(change).to.be.instanceOf(TrackedChange)
+    expect(change.toRaw()).to.deep.equal({
+      range: { pos: 1, length: 2 },
+      tracking: {
+        type: 'insert',
+        userId: 'user1',
+        ts: '2024-01-01T00:00:00.000Z',
+      },
+    })
+  })
+})
diff --git a/libraries/overleaf-editor-core/test/tracked_change_list.test.js b/libraries/overleaf-editor-core/test/tracked_change_list.test.js
new file mode 100644
index 0000000..6cf47f0
--- /dev/null
+++ b/libraries/overleaf-editor-core/test/tracked_change_list.test.js
@@ -0,0 +1,869 @@
+// @ts-check
+const TrackedChangeList = require('../lib/file_data/tracked_change_list')
+const TrackingProps = require('../lib/file_data/tracking_props')
+const ClearTrackingProps = require('../lib/file_data/clear_tracking_props')
+const { expect } = require('chai')
+/** @import { TrackedChangeRawData } from '../lib/types' */
+
+describe('TrackedChangeList', function () {
+  describe('applyInsert', function () {
+    describe('with same author', function () {
+      it('should merge consecutive tracked changes and use the latest timestamp', function () {
+        const trackedChanges = TrackedChangeList.fromRaw([
+          {
+            range: { pos: 0, length: 3 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+        trackedChanges.applyInsert(3, 'foo', {
+          tracking: TrackingProps.fromRaw({
+            type: 'insert',
+            userId: 'user1',
+            ts: '2024-01-01T00:00:00.000Z',
+          }),
+        })
+        expect(trackedChanges.length).to.equal(1)
+        expect(trackedChanges.toRaw()).to.deep.equal([
+          {
+            range: { pos: 0, length: 6 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2024-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+      })
+
+      it('should extend tracked changes when inserting in the middle', function () {
+        const trackedChanges = TrackedChangeList.fromRaw([
+          {
+            range: { pos: 0, length: 10 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2024-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+        trackedChanges.applyInsert(5, 'foobar', {
+          tracking: TrackingProps.fromRaw({
+            type: 'insert',
+            userId: 'user1',
+            ts: '2024-01-01T00:00:00.000Z',
+          }),
+        })
+        expect(trackedChanges.length).to.equal(1)
+        expect(trackedChanges.toRaw()).to.deep.equal([
+          {
+            range: { pos: 0, length: 16 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2024-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+      })
+
+      it('should merge two tracked changes starting at the same position', function () {
+        const trackedChanges = TrackedChangeList.fromRaw([
+          {
+            range: { pos: 0, length: 3 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+        trackedChanges.applyInsert(0, 'foo', {
+          tracking: TrackingProps.fromRaw({
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          }),
+        })
+        expect(trackedChanges.length).to.equal(1)
+        expect(trackedChanges.toRaw()).to.deep.equal([
+          {
+            range: { pos: 0, length: 6 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+      })
+
+      it('should not extend range when there is a gap between the ranges', function () {
+        const trackedChanges = TrackedChangeList.fromRaw([
+          {
+            range: { pos: 0, length: 3 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+        trackedChanges.applyInsert(4, 'foobar', {
+          tracking: TrackingProps.fromRaw({
+            type: 'insert',
+            userId: 'user1',
+            ts: '2024-01-01T00:00:00.000Z',
+          }),
+        })
+        expect(trackedChanges.length).to.equal(2)
+        expect(trackedChanges.toRaw()).to.deep.equal([
+          {
+            range: { pos: 0, length: 3 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+          {
+            range: { pos: 4, length: 6 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2024-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+      })
+
+      it('should not merge tracked changes if there is a space between them', function () {
+        const trackedChanges = TrackedChangeList.fromRaw([
+          {
+            range: { pos: 5, length: 5 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+        trackedChanges.applyInsert(4, 'foo', {
+          tracking: TrackingProps.fromRaw({
+            type: 'insert',
+            userId: 'user1',
+            ts: '2024-01-01T00:00:00.000Z',
+          }),
+        })
+        expect(trackedChanges.length).to.equal(2)
+        expect(trackedChanges.toRaw()).to.deep.equal([
+          {
+            range: { pos: 4, length: 3 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2024-01-01T00:00:00.000Z',
+            },
+          },
+          {
+            range: { pos: 8, length: 5 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+      })
+    })
+
+    describe('with different authors', function () {
+      it('should not merge consecutive tracked changes', function () {
+        const trackedChanges = TrackedChangeList.fromRaw([
+          {
+            range: { pos: 0, length: 3 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+        trackedChanges.applyInsert(3, 'foo', {
+          tracking: TrackingProps.fromRaw({
+            type: 'insert',
+            userId: 'user2',
+            ts: '2024-01-01T00:00:00.000Z',
+          }),
+        })
+        expect(trackedChanges.length).to.equal(2)
+        expect(trackedChanges.toRaw()).to.deep.equal([
+          {
+            range: { pos: 0, length: 3 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+          {
+            range: { pos: 3, length: 3 },
+            tracking: {
+              type: 'insert',
+              userId: 'user2',
+              ts: '2024-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+      })
+
+      it('should not merge tracked changes at same position', function () {
+        const trackedChanges = TrackedChangeList.fromRaw([
+          {
+            range: { pos: 0, length: 3 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+        trackedChanges.applyInsert(0, 'foo', {
+          tracking: TrackingProps.fromRaw({
+            type: 'insert',
+            userId: 'user2',
+            ts: '2024-01-01T00:00:00.000Z',
+          }),
+        })
+        expect(trackedChanges.length).to.equal(2)
+        expect(trackedChanges.toRaw()).to.deep.equal([
+          {
+            range: { pos: 0, length: 3 },
+            tracking: {
+              type: 'insert',
+              userId: 'user2',
+              ts: '2024-01-01T00:00:00.000Z',
+            },
+          },
+          {
+            range: { pos: 3, length: 3 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+      })
+
+      it('should insert tracked changes in the middle of a tracked range', function () {
+        const trackedChanges = TrackedChangeList.fromRaw([
+          {
+            range: { pos: 0, length: 10 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+        trackedChanges.applyInsert(5, 'foobar', {
+          tracking: TrackingProps.fromRaw({
+            type: 'insert',
+            userId: 'user2',
+            ts: '2024-01-01T00:00:00.000Z',
+          }),
+        })
+        expect(trackedChanges.length).to.equal(3)
+        expect(trackedChanges.toRaw()).to.deep.equal([
+          {
+            range: { pos: 0, length: 5 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+          {
+            range: { pos: 5, length: 6 },
+            tracking: {
+              type: 'insert',
+              userId: 'user2',
+              ts: '2024-01-01T00:00:00.000Z',
+            },
+          },
+          {
+            range: { pos: 11, length: 5 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+      })
+
+      it('should insert tracked changes at the end of a tracked range', function () {
+        const trackedChanges = TrackedChangeList.fromRaw([
+          {
+            range: { pos: 0, length: 5 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+        trackedChanges.applyInsert(5, 'foobar', {
+          tracking: TrackingProps.fromRaw({
+            type: 'insert',
+            userId: 'user2',
+            ts: '2024-01-01T00:00:00.000Z',
+          }),
+        })
+        expect(trackedChanges.length).to.equal(2)
+        expect(trackedChanges.toRaw()).to.deep.equal([
+          {
+            range: { pos: 0, length: 5 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+          {
+            range: { pos: 5, length: 6 },
+            tracking: {
+              type: 'insert',
+              userId: 'user2',
+              ts: '2024-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+      })
+
+      it('should split a track range when inserting at last contained cursor', function () {
+        const trackedChanges = TrackedChangeList.fromRaw([
+          {
+            range: { pos: 0, length: 5 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+        trackedChanges.applyInsert(4, 'foobar', {
+          tracking: TrackingProps.fromRaw({
+            type: 'insert',
+            userId: 'user2',
+            ts: '2024-01-01T00:00:00.000Z',
+          }),
+        })
+        expect(trackedChanges.length).to.equal(3)
+        expect(trackedChanges.toRaw()).to.deep.equal([
+          {
+            range: { pos: 0, length: 4 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+          {
+            range: { pos: 4, length: 6 },
+            tracking: {
+              type: 'insert',
+              userId: 'user2',
+              ts: '2024-01-01T00:00:00.000Z',
+            },
+          },
+          {
+            range: { pos: 10, length: 1 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+      })
+
+      it('should insert a new range if inserted just before the first cursor of a tracked range', function () {
+        const trackedChanges = TrackedChangeList.fromRaw([
+          {
+            range: { pos: 5, length: 5 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+        trackedChanges.applyInsert(5, 'foobar', {
+          tracking: TrackingProps.fromRaw({
+            type: 'insert',
+            userId: 'user2',
+            ts: '2024-01-01T00:00:00.000Z',
+          }),
+        })
+        expect(trackedChanges.length).to.equal(2)
+        expect(trackedChanges.toRaw()).to.deep.equal([
+          {
+            range: { pos: 5, length: 6 },
+            tracking: {
+              type: 'insert',
+              userId: 'user2',
+              ts: '2024-01-01T00:00:00.000Z',
+            },
+          },
+          {
+            range: { pos: 11, length: 5 },
+            tracking: {
+              type: 'insert',
+              userId: 'user1',
+              ts: '2023-01-01T00:00:00.000Z',
+            },
+          },
+        ])
+      })
+    })
+  })
+
+  describe('applyDelete', function () {
+    it('should shrink tracked changes', function () {
+      const trackedChanges = TrackedChangeList.fromRaw([
+        {
+          range: { pos: 0, length: 10 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+      trackedChanges.applyDelete(5, 2)
+      expect(trackedChanges.length).to.equal(1)
+      expect(trackedChanges.toRaw()).to.deep.equal([
+        {
+          range: { pos: 0, length: 8 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+    })
+
+    it('should delete tracked changes when the whole range is deleted', function () {
+      const trackedChanges = TrackedChangeList.fromRaw([
+        {
+          range: { pos: 0, length: 10 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+      trackedChanges.applyDelete(0, 10)
+      expect(trackedChanges.length).to.equal(0)
+      expect(trackedChanges.toRaw()).to.deep.equal([])
+    })
+
+    it('should delete tracked changes when more than the whole range is deleted', function () {
+      const trackedChanges = TrackedChangeList.fromRaw([
+        {
+          range: { pos: 5, length: 10 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+      trackedChanges.applyDelete(0, 25)
+      expect(trackedChanges.length).to.equal(0)
+      expect(trackedChanges.toRaw()).to.deep.equal([])
+    })
+
+    it('should shrink the tracked change from start with overlap', function () {
+      const trackedChanges = TrackedChangeList.fromRaw([
+        {
+          range: { pos: 0, length: 10 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+      trackedChanges.applyDelete(1, 9)
+      expect(trackedChanges.length).to.equal(1)
+      expect(trackedChanges.toRaw()).to.deep.equal([
+        {
+          range: { pos: 0, length: 1 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+    })
+
+    it('should shrink the tracked change from end with overlap', function () {
+      const trackedChanges = TrackedChangeList.fromRaw([
+        {
+          range: { pos: 0, length: 10 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+      trackedChanges.applyDelete(0, 9)
+      expect(trackedChanges.length).to.equal(1)
+      expect(trackedChanges.toRaw()).to.deep.equal([
+        {
+          range: { pos: 0, length: 1 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+    })
+  })
+
+  describe('fromRaw & toRaw', function () {
+    it('should survive serialization', function () {
+      /** @type {TrackedChangeRawData[]} */
+      const initialRaw = [
+        {
+          range: { pos: 0, length: 10 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2024-01-01T00:00:00.000Z',
+          },
+        },
+      ]
+
+      const trackedChanges = TrackedChangeList.fromRaw(initialRaw)
+      const raw = trackedChanges.toRaw()
+      const newTrackedChanges = TrackedChangeList.fromRaw(raw)
+
+      expect(newTrackedChanges).to.deep.equal(trackedChanges)
+      expect(raw).to.deep.equal(initialRaw)
+    })
+  })
+
+  describe('applyRetain', function () {
+    it('should add tracking information to an untracked range', function () {
+      const trackedChanges = TrackedChangeList.fromRaw([])
+      trackedChanges.applyRetain(0, 10, {
+        tracking: TrackingProps.fromRaw({
+          type: 'insert',
+          userId: 'user1',
+          ts: '2024-01-01T00:00:00.000Z',
+        }),
+      })
+      expect(trackedChanges.length).to.equal(1)
+      expect(trackedChanges.toRaw()).to.deep.equal([
+        {
+          range: { pos: 0, length: 10 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2024-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+    })
+
+    it('should shrink a tracked range to make room for retained operation', function () {
+      const trackedChanges = TrackedChangeList.fromRaw([
+        {
+          range: { pos: 3, length: 7 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+      trackedChanges.applyRetain(0, 5, {
+        tracking: TrackingProps.fromRaw({
+          type: 'insert',
+          userId: 'user2',
+          ts: '2024-01-01T00:00:00.000Z',
+        }),
+      })
+      expect(trackedChanges.length).to.equal(2)
+      expect(trackedChanges.toRaw()).to.deep.equal([
+        {
+          range: { pos: 0, length: 5 },
+          tracking: {
+            type: 'insert',
+            userId: 'user2',
+            ts: '2024-01-01T00:00:00.000Z',
+          },
+        },
+        {
+          range: { pos: 5, length: 5 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+    })
+
+    it('should break up a tracked range to make room for retained operation', function () {
+      const trackedChanges = TrackedChangeList.fromRaw([
+        {
+          range: { pos: 0, length: 10 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+      trackedChanges.applyRetain(5, 1, {
+        tracking: TrackingProps.fromRaw({
+          type: 'insert',
+          userId: 'user2',
+          ts: '2024-01-01T00:00:00.000Z',
+        }),
+      })
+      expect(trackedChanges.length).to.equal(3)
+      expect(trackedChanges.toRaw()).to.deep.equal([
+        {
+          range: { pos: 0, length: 5 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+        {
+          range: { pos: 5, length: 1 },
+          tracking: {
+            type: 'insert',
+            userId: 'user2',
+            ts: '2024-01-01T00:00:00.000Z',
+          },
+        },
+        {
+          range: { pos: 6, length: 4 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+    })
+
+    it('should update the timestamp of a tracked range', function () {
+      const trackedChanges = TrackedChangeList.fromRaw([
+        {
+          range: { pos: 0, length: 10 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+      trackedChanges.applyRetain(1, 12, {
+        tracking: TrackingProps.fromRaw({
+          type: 'insert',
+          userId: 'user1',
+          ts: '2024-01-01T00:00:00.000Z',
+        }),
+      })
+      expect(trackedChanges.length).to.equal(1)
+      expect(trackedChanges.toRaw()).to.deep.equal([
+        {
+          range: { pos: 0, length: 13 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2024-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+    })
+
+    it('should leave ignore a retain operation with no tracking info', function () {
+      const trackedChanges = TrackedChangeList.fromRaw([
+        {
+          range: { pos: 0, length: 10 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+      trackedChanges.applyRetain(0, 10)
+      expect(trackedChanges.length).to.equal(1)
+      expect(trackedChanges.toRaw()).to.deep.equal([
+        {
+          range: { pos: 0, length: 10 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+    })
+
+    it('should leave not break up a tracked change for a retain with no tracking info', function () {
+      const trackedChanges = TrackedChangeList.fromRaw([
+        {
+          range: { pos: 0, length: 10 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+      trackedChanges.applyRetain(4, 1)
+      expect(trackedChanges.length).to.equal(1)
+      expect(trackedChanges.toRaw()).to.deep.equal([
+        {
+          range: { pos: 0, length: 10 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+    })
+
+    it('should delete a tracked change which is being resolved', function () {
+      const trackedChanges = TrackedChangeList.fromRaw([
+        {
+          range: { pos: 0, length: 10 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+      trackedChanges.applyRetain(0, 10, {
+        tracking: new ClearTrackingProps(),
+      })
+      expect(trackedChanges.length).to.equal(0)
+      expect(trackedChanges.toRaw()).to.deep.equal([])
+    })
+
+    it('should delete a tracked change which is being resolved by other user', function () {
+      const trackedChanges = TrackedChangeList.fromRaw([
+        {
+          range: { pos: 0, length: 10 },
+          tracking: {
+            type: 'insert',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+      trackedChanges.applyRetain(0, 10, {
+        tracking: new ClearTrackingProps(),
+      })
+      expect(trackedChanges.length).to.equal(0)
+      expect(trackedChanges.toRaw()).to.deep.equal([])
+    })
+
+    it('should delete a tracked change which is being rejected', function () {
+      const trackedChanges = TrackedChangeList.fromRaw([
+        {
+          range: { pos: 0, length: 10 },
+          tracking: {
+            type: 'delete',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+      trackedChanges.applyRetain(0, 10, {
+        tracking: new ClearTrackingProps(),
+      })
+      expect(trackedChanges.length).to.equal(0)
+      expect(trackedChanges.toRaw()).to.deep.equal([])
+    })
+
+    it('should delete a tracked change which is being rejected by other user', function () {
+      const trackedChanges = TrackedChangeList.fromRaw([
+        {
+          range: { pos: 0, length: 10 },
+          tracking: {
+            type: 'delete',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+      trackedChanges.applyRetain(0, 10, {
+        tracking: new ClearTrackingProps(),
+      })
+      expect(trackedChanges.length).to.equal(0)
+      expect(trackedChanges.toRaw()).to.deep.equal([])
+    })
+
+    it('should append a new tracked change when retaining a range from another user with tracking info', function () {
+      const trackedChanges = TrackedChangeList.fromRaw([
+        {
+          range: { pos: 4, length: 4 },
+          tracking: {
+            type: 'delete',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+      trackedChanges.applyRetain(8, 1, {
+        tracking: TrackingProps.fromRaw({
+          type: 'delete',
+          userId: 'user2',
+          ts: '2024-01-01T00:00:00.000Z',
+        }),
+      })
+      expect(trackedChanges.length).to.equal(2)
+      expect(trackedChanges.toRaw()).to.deep.equal([
+        {
+          range: { pos: 4, length: 4 },
+          tracking: {
+            type: 'delete',
+            userId: 'user1',
+            ts: '2023-01-01T00:00:00.000Z',
+          },
+        },
+        {
+          range: { pos: 8, length: 1 },
+          tracking: {
+            type: 'delete',
+            userId: 'user2',
+            ts: '2024-01-01T00:00:00.000Z',
+          },
+        },
+      ])
+    })
+  })
+})
diff --git a/libraries/overleaf-editor-core/tsconfig.json b/libraries/overleaf-editor-core/tsconfig.json
new file mode 100644
index 0000000..d43bb24
--- /dev/null
+++ b/libraries/overleaf-editor-core/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "**/*.js",
+    "**/*.cjs"
+  ]
+}
diff --git a/libraries/promise-utils/.gitignore b/libraries/promise-utils/.gitignore
new file mode 100644
index 0000000..edb0f85
--- /dev/null
+++ b/libraries/promise-utils/.gitignore
@@ -0,0 +1,3 @@
+
+# managed by monorepo$ bin/update_build_scripts
+.npmrc
diff --git a/libraries/promise-utils/.mocharc.json b/libraries/promise-utils/.mocharc.json
new file mode 100644
index 0000000..3be9ee5
--- /dev/null
+++ b/libraries/promise-utils/.mocharc.json
@@ -0,0 +1,5 @@
+{
+  "ui": "bdd",
+  "recursive": "true",
+  "reporter": "spec"
+}
diff --git a/libraries/promise-utils/.nvmrc b/libraries/promise-utils/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/libraries/promise-utils/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/libraries/promise-utils/buildscript.txt b/libraries/promise-utils/buildscript.txt
new file mode 100644
index 0000000..51a6dad
--- /dev/null
+++ b/libraries/promise-utils/buildscript.txt
@@ -0,0 +1,10 @@
+promise-utils
+--dependencies=None
+--docker-repos=gcr.io/overleaf-ops
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--is-library=True
+--node-version=20.18.2
+--public-repo=False
+--script-version=4.7.0
diff --git a/libraries/promise-utils/index.js b/libraries/promise-utils/index.js
new file mode 100644
index 0000000..557210a
--- /dev/null
+++ b/libraries/promise-utils/index.js
@@ -0,0 +1,283 @@
+const { promisify, callbackify } = require('node:util')
+const pLimit = require('p-limit')
+
+module.exports = {
+  promisify,
+  promisifyAll,
+  promisifyClass,
+  promisifyMultiResult,
+  callbackify,
+  callbackifyAll,
+  callbackifyClass,
+  callbackifyMultiResult,
+  expressify,
+  expressifyErrorHandler,
+  promiseMapWithLimit,
+  promiseMapSettledWithLimit,
+}
+
+/**
+ * Promisify all functions in a module.
+ *
+ * This is meant to be used only when all functions in the module are async
+ * callback-style functions.
+ *
+ * It's very much tailored to our current module structure. In particular, it
+ * binds `this` to the module when calling the function in order not to break
+ * modules that call sibling functions using `this`.
+ *
+ * This will not magically fix all modules. Special cases should be promisified
+ * manually.
+ *
+ * The second argument is a bag of options:
+ *
+ * - without: an array of function names that shouldn't be promisified
+ *
+ * - multiResult: an object whose keys are function names and values are lists
+ *   of parameter names. This is meant for functions that invoke their callbacks
+ *   with more than one result in separate parameters. The promisifed function
+ *   will return these results as a single object, with each result keyed under
+ *   the corresponding parameter name.
+ */
+function promisifyAll(module, opts = {}) {
+  const { without = [], multiResult = {} } = opts
+  const promises = {}
+  for (const propName of Object.getOwnPropertyNames(module)) {
+    if (without.includes(propName)) {
+      continue
+    }
+    const propValue = module[propName]
+    if (typeof propValue !== 'function') {
+      continue
+    }
+    if (multiResult[propName] != null) {
+      promises[propName] = promisifyMultiResult(
+        propValue,
+        multiResult[propName]
+      ).bind(module)
+    } else {
+      promises[propName] = promisify(propValue).bind(module)
+    }
+  }
+  return promises
+}
+
+/**
+ * Promisify all methods in a class.
+ *
+ * Options are the same as for promisifyAll
+ */
+function promisifyClass(cls, opts = {}) {
+  const promisified = class extends cls {}
+  const { without = [], multiResult = {} } = opts
+  for (const propName of Object.getOwnPropertyNames(cls.prototype)) {
+    if (propName === 'constructor' || without.includes(propName)) {
+      continue
+    }
+    const propValue = cls.prototype[propName]
+    if (typeof propValue !== 'function') {
+      continue
+    }
+    if (multiResult[propName] != null) {
+      promisified.prototype[propName] = promisifyMultiResult(
+        propValue,
+        multiResult[propName]
+      )
+    } else {
+      promisified.prototype[propName] = promisify(propValue)
+    }
+  }
+  return promisified
+}
+
+/**
+ * Promisify a function that returns multiple results via additional callback
+ * parameters.
+ *
+ * The promisified function returns the results in a single object whose keys
+ * are the names given in the array `resultNames`.
+ *
+ * Example:
+ *
+ *     function f(callback) {
+ *       return callback(null, 1, 2, 3)
+ *     }
+ *
+ *     const g = promisifyMultiResult(f, ['a', 'b', 'c'])
+ *
+ *     const result = await g()  // returns {a: 1, b: 2, c: 3}
+ */
+function promisifyMultiResult(fn, resultNames) {
+  function promisified(...args) {
+    return new Promise((resolve, reject) => {
+      try {
+        fn.bind(this)(...args, (err, ...results) => {
+          if (err != null) {
+            return reject(err)
+          }
+          const promiseResult = {}
+          for (let i = 0; i < resultNames.length; i++) {
+            promiseResult[resultNames[i]] = results[i]
+          }
+          resolve(promiseResult)
+        })
+      } catch (err) {
+        reject(err)
+      }
+    })
+  }
+  return promisified
+}
+
+/**
+ * Reverse of `promisifyAll`.
+ *
+ * Callbackify all async functions in a module and return them in an object. In
+ * contrast with `promisifyAll`, all other exports from the module are added to
+ * the result.
+ *
+ * This is meant to be used like this:
+ *
+ *     const MyPromisifiedModule = {...}
+ *     module.exports = {
+ *       ...callbackifyAll(MyPromisifiedModule),
+ *       promises: MyPromisifiedModule
+ *     }
+ *
+ * @param {Object} module - The module to callbackify
+ * @param {Object} opts - Options
+ * @param {Array<string>} opts.without - Array of method names to exclude from
+ *                                       being callbackified
+ * @param {Object} opts.multiResult - Spec of methods to be callbackified with
+ *                                    callbackifyMultiResult()
+ */
+function callbackifyAll(module, opts = {}) {
+  const { without = [], multiResult = {} } = opts
+  const callbacks = {}
+  for (const propName of Object.getOwnPropertyNames(module)) {
+    if (without.includes(propName)) {
+      continue
+    }
+    const propValue = module[propName]
+    if (typeof propValue === 'function') {
+      if (propValue.constructor.name === 'AsyncFunction') {
+        if (multiResult[propName] != null) {
+          callbacks[propName] = callbackifyMultiResult(
+            propValue,
+            multiResult[propName]
+          ).bind(module)
+        } else {
+          callbacks[propName] = callbackify(propValue).bind(module)
+        }
+      } else {
+        callbacks[propName] = propValue.bind(module)
+      }
+    } else {
+      callbacks[propName] = propValue
+    }
+  }
+  return callbacks
+}
+
+/**
+ * Callbackify all methods in a class.
+ *
+ * Options are the same as for callbackifyAll
+ */
+function callbackifyClass(cls, opts = {}) {
+  const callbackified = class extends cls {}
+  const { without = [], multiResult = {} } = opts
+  for (const propName of Object.getOwnPropertyNames(cls.prototype)) {
+    if (propName === 'constructor' || without.includes(propName)) {
+      continue
+    }
+    const propValue = cls.prototype[propName]
+    if (typeof propValue !== 'function') {
+      continue
+    }
+    if (multiResult[propName] != null) {
+      callbackified.prototype[propName] = callbackifyMultiResult(
+        propValue,
+        multiResult[propName]
+      )
+    } else {
+      callbackified.prototype[propName] = callbackify(propValue)
+    }
+  }
+  return callbackified
+}
+
+/**
+ * Reverse the effect of `promisifyMultiResult`.
+ *
+ * This is meant for providing a temporary backward compatible callback
+ * interface while we migrate to promises.
+ */
+function callbackifyMultiResult(fn, resultNames) {
+  function callbackified(...args) {
+    const [callback] = args.splice(-1)
+    fn.apply(this, args)
+      .then(result => {
+        const cbResults = resultNames.map(resultName => result[resultName])
+        callback(null, ...cbResults)
+      })
+      .catch(err => {
+        callback(err)
+      })
+  }
+  return callbackified
+}
+
+/**
+ * Transform an async function into an Express middleware
+ *
+ * Any error will be passed to the error middlewares via `next()`
+ */
+function expressify(fn) {
+  return (req, res, next) => {
+    return fn(req, res, next).catch(next)
+  }
+}
+
+/**
+ * Transform an async function into an Error Handling Express middleware
+ *
+ * Any error will be passed to the error middlewares via `next()`
+ */
+function expressifyErrorHandler(fn) {
+  return (err, req, res, next) => {
+    fn(err, req, res, next).catch(next)
+  }
+}
+
+/**
+ * Map values in `array` with the async function `fn`
+ *
+ * Limit the number of unresolved promises to `concurrency`.
+ * @template T
+ * @template V
+ * @param {number} concurrency
+ * @param {Array<T>} array
+ * @param {(arg: T) => Promise<V>} fn
+ * @return {Promise<Array<Awaited<V>>>}
+ */
+async function promiseMapWithLimit(concurrency, array, fn) {
+  const limit = pLimit(concurrency)
+  return await Promise.all(array.map(x => limit(() => fn(x))))
+}
+
+/**
+ * Map values in `array` with the async function `fn`
+ *
+ * Limit the number of unresolved promises to `concurrency`.
+ *
+ * @template T, U
+ * @param {number} concurrency
+ * @param {Array<T>} array
+ * @param {(T) => Promise<U>} fn
+ * @return {Promise<Array<PromiseSettledResult<U>>>}
+ */
+function promiseMapSettledWithLimit(concurrency, array, fn) {
+  const limit = pLimit(concurrency)
+  return Promise.allSettled(array.map(x => limit(() => fn(x))))
+}
diff --git a/libraries/promise-utils/package.json b/libraries/promise-utils/package.json
new file mode 100644
index 0000000..40f05b7
--- /dev/null
+++ b/libraries/promise-utils/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "@overleaf/promise-utils",
+  "version": "0.1.0",
+  "description": "utilities to help working with promises",
+  "main": "index.js",
+  "scripts": {
+    "test": "npm run lint && npm run format && npm run types:check && npm run test:unit",
+    "test:unit": "mocha --exit test/**/*.{js,cjs}",
+    "lint": "eslint --ext .js --ext .cjs --ext .ts --max-warnings 0 --format unix .",
+    "lint:fix": "eslint --fix --ext .js --ext .cjs --ext .ts .",
+    "format": "prettier --list-different $PWD/'**/*.{js,cjs,ts}'",
+    "format:fix": "prettier --write $PWD/'**/*.{js,cjs,ts}'",
+    "test:ci": "npm run test:unit",
+    "types:check": "tsc --noEmit"
+  },
+  "author": "Overleaf (https://www.overleaf.com)",
+  "license": "AGPL-3.0-only",
+  "devDependencies": {
+    "chai": "^4.3.10",
+    "chai-as-promised": "^7.1.1",
+    "mocha": "^11.1.0",
+    "typescript": "^5.0.4"
+  },
+  "dependencies": {
+    "p-limit": "^2.3.0"
+  }
+}
diff --git a/libraries/promise-utils/test/setup.js b/libraries/promise-utils/test/setup.js
new file mode 100644
index 0000000..0906818
--- /dev/null
+++ b/libraries/promise-utils/test/setup.js
@@ -0,0 +1,4 @@
+const chai = require('chai')
+const chaiAsPromised = require('chai-as-promised')
+
+chai.use(chaiAsPromised)
diff --git a/libraries/promise-utils/test/unit/PromiseUtilsTests.js b/libraries/promise-utils/test/unit/PromiseUtilsTests.js
new file mode 100644
index 0000000..ad0e12a
--- /dev/null
+++ b/libraries/promise-utils/test/unit/PromiseUtilsTests.js
@@ -0,0 +1,451 @@
+const { expect } = require('chai')
+const {
+  promisifyAll,
+  promisifyClass,
+  callbackifyMultiResult,
+  callbackifyClass,
+  callbackifyAll,
+  expressify,
+  expressifyErrorHandler,
+} = require('../..')
+
+describe('promisifyAll', function () {
+  describe('basic functionality', function () {
+    before(function () {
+      this.module = {
+        SOME_CONSTANT: 1,
+        asyncAdd(a, b, callback) {
+          callback(null, a + b)
+        },
+        asyncDouble(x, callback) {
+          this.asyncAdd(x, x, callback)
+        },
+      }
+      this.promisified = promisifyAll(this.module)
+    })
+
+    it('promisifies functions in the module', async function () {
+      const sum = await this.promisified.asyncAdd(29, 33)
+      expect(sum).to.equal(62)
+    })
+
+    it('binds this to the original module', async function () {
+      const sum = await this.promisified.asyncDouble(38)
+      expect(sum).to.equal(76)
+    })
+
+    it('does not copy over non-functions', async function () {
+      expect(this.promisified).not.to.have.property('SOME_CONSTANT')
+    })
+
+    it('does not modify the prototype of the module', async function () {
+      expect(this.promisified.toString()).to.equal('[object Object]')
+    })
+  })
+
+  describe('without option', function () {
+    before(function () {
+      this.module = {
+        asyncAdd(a, b, callback) {
+          callback(null, a + b)
+        },
+        syncAdd(a, b) {
+          return a + b
+        },
+      }
+      this.promisified = promisifyAll(this.module, { without: ['syncAdd'] })
+    })
+
+    it('does not promisify excluded functions', function () {
+      expect(this.promisified.syncAdd).not.to.exist
+    })
+
+    it('promisifies other functions', async function () {
+      const sum = await this.promisified.asyncAdd(12, 89)
+      expect(sum).to.equal(101)
+    })
+  })
+
+  describe('multiResult option', function () {
+    before(function () {
+      this.module = {
+        asyncAdd(a, b, callback) {
+          callback(null, a + b)
+        },
+        asyncArithmetic(a, b, callback) {
+          callback(null, a + b, a * b)
+        },
+      }
+      this.promisified = promisifyAll(this.module, {
+        multiResult: { asyncArithmetic: ['sum', 'product'] },
+      })
+    })
+
+    it('promisifies multi-result functions', async function () {
+      const result = await this.promisified.asyncArithmetic(3, 6)
+      expect(result).to.deep.equal({ sum: 9, product: 18 })
+    })
+
+    it('promisifies other functions normally', async function () {
+      const sum = await this.promisified.asyncAdd(6, 1)
+      expect(sum).to.equal(7)
+    })
+  })
+})
+
+describe('promisifyClass', function () {
+  describe('basic functionality', function () {
+    before(function () {
+      this.Class = class {
+        constructor(a) {
+          this.a = a
+        }
+
+        asyncAdd(b, callback) {
+          callback(null, this.a + b)
+        }
+      }
+      this.Promisified = promisifyClass(this.Class)
+    })
+
+    it('promisifies the class methods', async function () {
+      const adder = new this.Promisified(1)
+      const sum = await adder.asyncAdd(2)
+      expect(sum).to.equal(3)
+    })
+  })
+
+  describe('without option', function () {
+    before(function () {
+      this.Class = class {
+        constructor(a) {
+          this.a = a
+        }
+
+        asyncAdd(b, callback) {
+          callback(null, this.a + b)
+        }
+
+        syncAdd(b) {
+          return this.a + b
+        }
+      }
+      this.Promisified = promisifyClass(this.Class, { without: ['syncAdd'] })
+    })
+
+    it('does not promisify excluded functions', function () {
+      const adder = new this.Promisified(10)
+      const sum = adder.syncAdd(12)
+      expect(sum).to.equal(22)
+    })
+
+    it('promisifies other functions', async function () {
+      const adder = new this.Promisified(23)
+      const sum = await adder.asyncAdd(3)
+      expect(sum).to.equal(26)
+    })
+  })
+
+  describe('multiResult option', function () {
+    before(function () {
+      this.Class = class {
+        constructor(a) {
+          this.a = a
+        }
+
+        asyncAdd(b, callback) {
+          callback(null, this.a + b)
+        }
+
+        asyncArithmetic(b, callback) {
+          callback(null, this.a + b, this.a * b)
+        }
+      }
+      this.Promisified = promisifyClass(this.Class, {
+        multiResult: { asyncArithmetic: ['sum', 'product'] },
+      })
+    })
+
+    it('promisifies multi-result functions', async function () {
+      const adder = new this.Promisified(3)
+      const result = await adder.asyncArithmetic(6)
+      expect(result).to.deep.equal({ sum: 9, product: 18 })
+    })
+
+    it('promisifies other functions normally', async function () {
+      const adder = new this.Promisified(6)
+      const sum = await adder.asyncAdd(1)
+      expect(sum).to.equal(7)
+    })
+  })
+})
+
+describe('callbackifyMultiResult', function () {
+  it('callbackifies a multi-result function', function (done) {
+    async function asyncArithmetic(a, b) {
+      return { sum: a + b, product: a * b }
+    }
+    const callbackified = callbackifyMultiResult(asyncArithmetic, [
+      'sum',
+      'product',
+    ])
+    callbackified(3, 11, (err, sum, product) => {
+      if (err != null) {
+        return done(err)
+      }
+      expect(sum).to.equal(14)
+      expect(product).to.equal(33)
+      done()
+    })
+  })
+
+  it('propagates errors', function (done) {
+    async function asyncBomb() {
+      throw new Error('BOOM!')
+    }
+    const callbackified = callbackifyMultiResult(asyncBomb, [
+      'explosives',
+      'dynamite',
+    ])
+    callbackified(err => {
+      expect(err).to.exist
+      done()
+    })
+  })
+})
+
+describe('callbackifyAll', function () {
+  describe('basic functionality', function () {
+    before(function () {
+      this.module = {
+        SOME_CONSTANT: 1,
+        async asyncAdd(a, b) {
+          return a + b
+        },
+        async asyncDouble(x, callback) {
+          return await this.asyncAdd(x, x)
+        },
+        dashConcat(a, b) {
+          return `${a}-${b}`
+        },
+      }
+      this.callbackified = callbackifyAll(this.module)
+    })
+
+    it('callbackifies async functions in the module', function (done) {
+      this.callbackified.asyncAdd(77, 18, (err, sum) => {
+        if (err) {
+          return done(err)
+        }
+        expect(sum).to.equal(95)
+        done()
+      })
+    })
+
+    it('binds this to the original module', function (done) {
+      this.callbackified.asyncDouble(20, (err, double) => {
+        if (err) {
+          return done(err)
+        }
+        expect(double).to.equal(40)
+        done()
+      })
+    })
+
+    it('copies over regular functions', function () {
+      const s = this.callbackified.dashConcat('ping', 'pong')
+      expect(s).to.equal('ping-pong')
+    })
+
+    it('copies over non-functions', function () {
+      expect(this.callbackified.SOME_CONSTANT).to.equal(1)
+    })
+  })
+
+  describe('multiResult option', function () {
+    before(function () {
+      this.module = {
+        async asyncAdd(a, b) {
+          return a + b
+        },
+        async asyncArithmetic(a, b) {
+          return { sum: a + b, product: a * b }
+        },
+      }
+      this.callbackified = callbackifyAll(this.module, {
+        multiResult: { asyncArithmetic: ['sum', 'product'] },
+      })
+    })
+
+    it('callbackifies multi-result functions', function (done) {
+      this.callbackified.asyncArithmetic(4, 5, (err, sum, product) => {
+        if (err) {
+          return done(err)
+        }
+        expect(sum).to.equal(9)
+        expect(product).to.equal(20)
+        done()
+      })
+    })
+
+    it('callbackifies other functions normally', function (done) {
+      this.callbackified.asyncAdd(77, 18, (err, sum) => {
+        if (err) {
+          return done(err)
+        }
+        expect(sum).to.equal(95)
+        done()
+      })
+    })
+  })
+
+  describe('without option', function () {
+    before(function () {
+      this.module = {
+        async asyncAdd(a, b) {
+          return a + b
+        },
+        async asyncArithmetic(a, b) {
+          return { sum: a + b, product: a * b }
+        },
+      }
+      this.callbackified = callbackifyAll(this.module, {
+        without: ['asyncAdd'],
+      })
+    })
+
+    it('does not callbackify excluded functions', function () {
+      expect(this.callbackified.asyncAdd).not.to.exist
+    })
+
+    it('callbackifies other functions', async function () {
+      this.callbackified.asyncArithmetic(5, 6, (err, { sum, product }) => {
+        expect(err).not.to.exist
+        expect(sum).to.equal(11)
+        expect(product).to.equal(30)
+      })
+    })
+  })
+})
+
+describe('callbackifyClass', function () {
+  describe('basic functionality', function () {
+    before(function () {
+      this.Class = class {
+        constructor(a) {
+          this.a = a
+        }
+
+        async asyncAdd(b) {
+          return this.a + b
+        }
+      }
+      this.Callbackified = callbackifyClass(this.Class)
+    })
+
+    it('callbackifies the class methods', function (done) {
+      const adder = new this.Callbackified(1)
+      adder.asyncAdd(2, (err, sum) => {
+        expect(err).not.to.exist
+        expect(sum).to.equal(3)
+        done()
+      })
+    })
+  })
+
+  describe('without option', function () {
+    before(function () {
+      this.Class = class {
+        constructor(a) {
+          this.a = a
+        }
+
+        async asyncAdd(b) {
+          return this.a + b
+        }
+
+        syncAdd(b) {
+          return this.a + b
+        }
+      }
+      this.Callbackified = callbackifyClass(this.Class, {
+        without: ['syncAdd'],
+      })
+    })
+
+    it('does not callbackify excluded functions', function () {
+      const adder = new this.Callbackified(10)
+      const sum = adder.syncAdd(12)
+      expect(sum).to.equal(22)
+    })
+
+    it('callbackifies other functions', function (done) {
+      const adder = new this.Callbackified(1)
+      adder.asyncAdd(2, (err, sum) => {
+        expect(err).not.to.exist
+        expect(sum).to.equal(3)
+        done()
+      })
+    })
+  })
+
+  describe('multiResult option', function () {
+    before(function () {
+      this.Class = class {
+        constructor(a) {
+          this.a = a
+        }
+
+        async asyncAdd(b) {
+          return this.a + b
+        }
+
+        async asyncArithmetic(b) {
+          return { sum: this.a + b, product: this.a * b }
+        }
+      }
+      this.Callbackified = callbackifyClass(this.Class, {
+        multiResult: { asyncArithmetic: ['sum', 'product'] },
+      })
+    })
+
+    it('callbackifies multi-result functions', function (done) {
+      const adder = new this.Callbackified(3)
+      adder.asyncArithmetic(6, (err, sum, product) => {
+        expect(err).not.to.exist
+        expect(sum).to.equal(9)
+        expect(product).to.equal(18)
+        done()
+      })
+    })
+
+    it('callbackifies other functions normally', function (done) {
+      const adder = new this.Callbackified(6)
+      adder.asyncAdd(2, (err, sum) => {
+        expect(err).not.to.exist
+        expect(sum).to.equal(8)
+        done()
+      })
+    })
+  })
+})
+
+describe('expressify', function () {
+  it('should propagate any rejection to the "next" callback', function (done) {
+    const fn = () => Promise.reject(new Error('rejected'))
+    expressify(fn)({}, {}, error => {
+      expect(error.message).to.equal('rejected')
+      done()
+    })
+  })
+})
+
+describe('expressifyErrorHandler', function () {
+  it('should propagate any rejection to the "next" callback', function (done) {
+    const fn = () => Promise.reject(new Error('rejected'))
+    expressifyErrorHandler(fn)({}, {}, {}, error => {
+      expect(error.message).to.equal('rejected')
+      done()
+    })
+  })
+})
diff --git a/libraries/promise-utils/tsconfig.json b/libraries/promise-utils/tsconfig.json
new file mode 100644
index 0000000..d43bb24
--- /dev/null
+++ b/libraries/promise-utils/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "**/*.js",
+    "**/*.cjs"
+  ]
+}
diff --git a/libraries/ranges-tracker/.gitignore b/libraries/ranges-tracker/.gitignore
new file mode 100644
index 0000000..eac2002
--- /dev/null
+++ b/libraries/ranges-tracker/.gitignore
@@ -0,0 +1,13 @@
+**.swp
+
+app.js
+app/js/
+test/unit/js/
+public/build/
+
+node_modules/
+
+/public/js/chat.js
+plato/
+
+.npmrc
diff --git a/libraries/ranges-tracker/.nvmrc b/libraries/ranges-tracker/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/libraries/ranges-tracker/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/libraries/ranges-tracker/buildscript.txt b/libraries/ranges-tracker/buildscript.txt
new file mode 100644
index 0000000..d112f85
--- /dev/null
+++ b/libraries/ranges-tracker/buildscript.txt
@@ -0,0 +1,10 @@
+ranges-tracker
+--dependencies=None
+--docker-repos=gcr.io/overleaf-ops
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--is-library=True
+--node-version=20.18.2
+--public-repo=False
+--script-version=4.7.0
diff --git a/libraries/ranges-tracker/index.cjs b/libraries/ranges-tracker/index.cjs
new file mode 100644
index 0000000..a94e265
--- /dev/null
+++ b/libraries/ranges-tracker/index.cjs
@@ -0,0 +1,793 @@
+/**
+ * The purpose of this class is to track a set of inserts and deletes to a document, like
+ * track changes in Word. We store these as a set of ShareJs style ranges:
+ *   {i: "foo", p: 42} # Insert 'foo' at offset 42
+ *   {d: "bar", p: 37} # Delete 'bar' at offset 37
+ * We only track the inserts and deletes, not the whole document, but by being given all
+ * updates that are applied to a document, we can update these appropriately.
+ *
+ * Note that the set of inserts and deletes we store applies to the document as-is at the moment.
+ * So inserts correspond to text which is in the document, while deletes correspond to text which
+ * is no longer there, so their lengths do not affect the position of later offsets.
+ * E.g.
+ *             this is the current text of the document
+ *                         |-----|            |
+ *  {i: "current ", p:12} -^                   ^- {d: "old ", p: 31}
+ *
+ * Track changes rules (should be consistent with Word):
+ *   * When text is inserted at a delete, the text goes to the left of the delete
+ *       I.e. "foo|bar" -> "foobaz|bar", where | is the delete, and 'baz' is inserted
+ *   * Deleting content flagged as 'inserted' does not create a new delete marker, it only
+ *     removes the insert marker. E.g.
+ *       * "abdefghijkl"        -> "abfghijkl"        when 'de' is deleted. No delete marker added
+ *           |---| <- inserted       |-| <- inserted
+ *       * Deletes overlapping regular text and inserted text will insert a delete marker for the
+ *         regular text:
+ *         "abcdefghijkl"    ->    "abcdejkl"   when 'fghi' is deleted
+ *           |----|                  |--||
+ *           ^- inserted 'bcdefg'      \ ^- deleted 'hi'
+ *                                      \--inserted 'bcde'
+ *   * Deletes overlapping other deletes are merged. E.g.
+ *      "abcghijkl"        ->   "ahijkl"     when 'bcg is deleted'
+ *          | <- delete 'def'     | <- delete 'bcdefg'
+ *   * Deletes by another user will consume deletes by the first user
+ *   * Inserts by another user will not combine with inserts by the first user. If they are in the
+ *     middle of a previous insert by the first user, the original insert will be split into two.
+ */
+class RangesTracker {
+  constructor(changes, comments) {
+    if (changes == null) {
+      changes = []
+    }
+    this.changes = changes
+    if (comments == null) {
+      comments = []
+    }
+    this.comments = comments
+    this.track_changes = false
+    this.id_seed = RangesTracker.generateIdSeed()
+    this.id_increment = 0
+    this._dirtyState = {
+      comment: {
+        moved: {},
+        removed: {},
+        added: {},
+      },
+      change: {
+        moved: {},
+        removed: {},
+        added: {},
+      },
+    }
+  }
+
+  getIdSeed() {
+    return this.id_seed
+  }
+
+  setIdSeed(seed) {
+    this.id_seed = seed
+    this.id_increment = 0
+  }
+
+  static generateIdSeed() {
+    // Generate a the first 18 characters of Mongo ObjectId, leaving 6 for the increment part
+    // Reference: https://github.com/dreampulse/ObjectId.js/blob/master/src/main/javascript/Objectid.js
+    const pid = Math.floor(Math.random() * 32767).toString(16)
+    const machine = Math.floor(Math.random() * 16777216).toString(16)
+    const timestamp = Math.floor(new Date().valueOf() / 1000).toString(16)
+    return (
+      '00000000'.substr(0, 8 - timestamp.length) +
+      timestamp +
+      '000000'.substr(0, 6 - machine.length) +
+      machine +
+      '0000'.substr(0, 4 - pid.length) +
+      pid
+    )
+  }
+
+  static generateId() {
+    return this.generateIdSeed() + '000001'
+  }
+
+  newId() {
+    this.id_increment++
+    const increment = this.id_increment.toString(16)
+    const id =
+      this.id_seed + '000000'.substr(0, 6 - increment.length) + increment
+    return id
+  }
+
+  getComment(commentId) {
+    let comment = null
+    for (const c of this.comments) {
+      if (c.id === commentId) {
+        comment = c
+        break
+      }
+    }
+    return comment
+  }
+
+  removeCommentId(commentId) {
+    const comment = this.getComment(commentId)
+    if (comment == null) {
+      return
+    }
+    this.comments = this.comments.filter(c => c.id !== commentId)
+    this._markAsDirty(comment, 'comment', 'removed')
+  }
+
+  moveCommentId(commentId, position, text) {
+    for (const comment of this.comments) {
+      if (comment.id === commentId) {
+        comment.op.p = position
+        comment.op.c = text
+        this._markAsDirty(comment, 'comment', 'moved')
+      }
+    }
+  }
+
+  getChange(changeId) {
+    let change = null
+    for (const c of this.changes) {
+      if (c.id === changeId) {
+        change = c
+        break
+      }
+    }
+    return change
+  }
+
+  getChanges(ids) {
+    const idSet = new Set(ids)
+    return this.changes.filter(change => idSet.has(change.id))
+  }
+
+  removeChangeId(changeId) {
+    this.removeChangeIds([changeId])
+  }
+
+  removeChangeIds(ids) {
+    if (ids == null || ids.length === 0) {
+      return
+    }
+
+    const idSet = new Set(ids)
+    const remainingChanges = []
+    for (const change of this.changes) {
+      if (idSet.has(change.id)) {
+        this._markAsDirty(change, 'change', 'removed')
+      } else {
+        remainingChanges.push(change)
+      }
+    }
+
+    this.changes = remainingChanges
+  }
+
+  validate(text) {
+    let content
+    for (const change of this.changes) {
+      if (change.op.i != null) {
+        content = text.slice(change.op.p, change.op.p + change.op.i.length)
+        if (content !== change.op.i) {
+          throw new Error('insertion does not match text in document')
+        }
+      }
+    }
+    for (const comment of this.comments) {
+      content = text.slice(comment.op.p, comment.op.p + comment.op.c.length)
+      if (content !== comment.op.c) {
+        throw new Error('comment does not match text in document')
+      }
+    }
+  }
+
+  applyOp(op, metadata) {
+    if (metadata == null) {
+      metadata = {}
+    }
+    if (metadata.ts == null) {
+      metadata.ts = new Date()
+    }
+    // Apply an op that has been applied to the document to our changes to keep them up to date
+    if (op.i != null) {
+      this.applyInsertToChanges(op, metadata)
+      this.applyInsertToComments(op)
+    } else if (op.d != null) {
+      this.applyDeleteToChanges(op, metadata)
+      this.applyDeleteToComments(op)
+    } else if (op.c != null) {
+      this.addComment(op, metadata)
+    } else {
+      throw new Error('unknown op type')
+    }
+  }
+
+  applyOps(ops, metadata) {
+    if (metadata == null) {
+      metadata = {}
+    }
+    for (const op of ops) {
+      this.applyOp(op, metadata)
+    }
+  }
+
+  addComment(op, metadata) {
+    const existing = this.getComment(op.t)
+    if (existing != null) {
+      this.moveCommentId(op.t, op.p, op.c)
+    } else {
+      let comment
+      this.comments.push(
+        (comment = {
+          id: op.t || this.newId(),
+          op: {
+            // Copy because we'll modify in place
+            c: op.c,
+            p: op.p,
+            t: op.t,
+          },
+          metadata,
+        })
+      )
+      this._markAsDirty(comment, 'comment', 'added')
+    }
+  }
+
+  applyInsertToComments(op) {
+    for (const comment of this.comments) {
+      if (op.p <= comment.op.p) {
+        comment.op.p += op.i.length
+        this._markAsDirty(comment, 'comment', 'moved')
+      } else if (op.p < comment.op.p + comment.op.c.length) {
+        const offset = op.p - comment.op.p
+        comment.op.c =
+          comment.op.c.slice(0, +(offset - 1) + 1 || undefined) +
+          op.i +
+          comment.op.c.slice(offset)
+        this._markAsDirty(comment, 'comment', 'moved')
+      }
+    }
+  }
+
+  applyDeleteToComments(op) {
+    const opStart = op.p
+    const opLength = op.d.length
+    const opEnd = op.p + opLength
+    for (const comment of this.comments) {
+      const commentStart = comment.op.p
+      const commentEnd = comment.op.p + comment.op.c.length
+      const commentLength = commentEnd - commentStart
+      if (opEnd <= commentStart) {
+        // delete is fully before comment
+        comment.op.p -= opLength
+        this._markAsDirty(comment, 'comment', 'moved')
+      } else if (opStart >= commentEnd) {
+        // delete is fully after comment, nothing to do
+      } else {
+        // delete and comment overlap
+        let remainingAfter, remainingBefore
+        if (opStart <= commentStart) {
+          remainingBefore = ''
+        } else {
+          remainingBefore = comment.op.c.slice(0, opStart - commentStart)
+        }
+        if (opEnd >= commentEnd) {
+          remainingAfter = ''
+        } else {
+          remainingAfter = comment.op.c.slice(opEnd - commentStart)
+        }
+
+        // Check deleted content matches delete op
+        const deletedComment = comment.op.c.slice(
+          remainingBefore.length,
+          commentLength - remainingAfter.length
+        )
+        const offset = Math.max(0, commentStart - opStart)
+        const deletedOpContent = op.d
+          .slice(offset)
+          .slice(0, deletedComment.length)
+        if (deletedComment !== deletedOpContent) {
+          throw new Error('deleted content does not match comment content')
+        }
+
+        comment.op.p = Math.min(commentStart, opStart)
+        comment.op.c = remainingBefore + remainingAfter
+        this._markAsDirty(comment, 'comment', 'moved')
+      }
+    }
+  }
+
+  applyInsertToChanges(op, metadata) {
+    let change
+    const opStart = op.p
+    const opLength = op.i.length
+    const opEnd = op.p + opLength
+    const undoing = !!op.u
+
+    let alreadyMerged = false
+    let previousChange = null
+    const movedChanges = []
+    const removeChanges = []
+    const newChanges = []
+    const trackedDeletesAtOpPosition = []
+    for (let i = 0; i < this.changes.length; i++) {
+      change = this.changes[i]
+      const changeStart = change.op.p
+
+      if (change.op.d != null) {
+        // Shift any deletes after this along by the length of this insert
+        if (opStart < changeStart) {
+          change.op.p += opLength
+          movedChanges.push(change)
+        } else if (opStart === changeStart) {
+          if (
+            !alreadyMerged &&
+            undoing &&
+            change.op.d.length >= op.i.length &&
+            change.op.d.slice(0, op.i.length) === op.i
+          ) {
+            // If we are undoing, then we want to reject any existing tracked delete if we can.
+            // Check if the insert matches the start of the delete, and just
+            // remove it from the delete instead if so.
+            change.op.d = change.op.d.slice(op.i.length)
+            change.op.p += op.i.length
+            if (change.op.d === '') {
+              removeChanges.push(change)
+            } else {
+              movedChanges.push(change)
+            }
+            alreadyMerged = true
+
+            // Any tracked delete that came before this tracked delete
+            // rejection was moved after the incoming insert. Move them back
+            // so that they appear before the tracked delete rejection.
+            for (const trackedDelete of trackedDeletesAtOpPosition) {
+              trackedDelete.op.p -= opLength
+            }
+          } else {
+            // We're not rejecting that tracked delete. Move it after the
+            // insert.
+            change.op.p += opLength
+            movedChanges.push(change)
+
+            // Keep track of tracked deletes that are at the same position as the
+            // insert. If we find a tracked delete to reject, we'll want to
+            // reposition them.
+            if (!alreadyMerged) {
+              trackedDeletesAtOpPosition.push(change)
+            }
+          }
+        }
+      } else if (change.op.i != null) {
+        let offset
+        const changeEnd = changeStart + change.op.i.length
+        const isChangeOverlapping =
+          opStart >= changeStart && opStart <= changeEnd
+
+        // Only merge inserts if they are from the same user
+        const isSameUser = metadata.user_id === change.metadata.user_id
+
+        // If we are undoing, then our changes will be removed from any delete ops just after. In that case, if there is also
+        // an insert op just before, then we shouldn't append it to this insert, but instead only cancel the following delete.
+        // E.g.
+        //                   foo|<--- about to insert 'b' here
+        //  inserted 'foo'  --^ ^-- deleted 'bar'
+        // should become just 'foo' not 'foob' (with the delete marker becoming just 'ar'), .
+        const nextChange = this.changes[i + 1]
+        const isOpAdjacentToNextDelete =
+          nextChange != null &&
+          nextChange.op.d != null &&
+          op.p === changeEnd &&
+          nextChange.op.p === op.p
+        const willOpCancelNextDelete =
+          undoing &&
+          isOpAdjacentToNextDelete &&
+          nextChange.op.d.slice(0, op.i.length) === op.i
+
+        // If there is a delete at the start of the insert, and we're inserting
+        // at the start, we SHOULDN'T merge since the delete acts as a partition.
+        // The previous op will be the delete, but it's already been shifted by this insert
+        //
+        // I.e.
+        // Originally: |-- existing insert --|
+        //             | <- existing delete at same offset
+        //
+        // Now:        |-- existing insert --| <- not shifted yet
+        //             |-- this insert --|| <- existing delete shifted along to end of this op
+        //
+        // After:                         |-- existing insert --|
+        //             |-- this insert --|| <- existing delete
+        //
+        // Without the delete, the inserts would be merged.
+        const isInsertBlockedByDelete =
+          previousChange != null &&
+          previousChange.op.d != null &&
+          previousChange.op.p === opEnd
+
+        // If the insert is overlapping another insert, either at the beginning in the middle or touching the end,
+        // then we merge them into one.
+        if (
+          this.track_changes &&
+          isChangeOverlapping &&
+          !isInsertBlockedByDelete &&
+          !alreadyMerged &&
+          !willOpCancelNextDelete &&
+          isSameUser
+        ) {
+          offset = opStart - changeStart
+          change.op.i =
+            change.op.i.slice(0, offset) + op.i + change.op.i.slice(offset)
+          change.metadata.ts = metadata.ts
+          alreadyMerged = true
+          movedChanges.push(change)
+        } else if (opStart <= changeStart) {
+          // If we're fully before the other insert we can just shift the other insert by our length.
+          // If they are touching, and should have been merged, they will have been above.
+          // If not merged above, then it must be blocked by a delete, and will be after this insert, so we shift it along as well
+          change.op.p += opLength
+          movedChanges.push(change)
+        } else if (
+          (!isSameUser || !this.track_changes) &&
+          changeStart < opStart &&
+          opStart < changeEnd
+        ) {
+          // This user is inserting inside a change by another user, so we need to split the
+          // other user's change into one before and after this one.
+          offset = opStart - changeStart
+          const beforeContent = change.op.i.slice(0, offset)
+          const afterContent = change.op.i.slice(offset)
+
+          // The existing change can become the 'before' change
+          change.op.i = beforeContent
+          movedChanges.push(change)
+
+          // Create a new op afterwards
+          const afterChange = {
+            op: {
+              i: afterContent,
+              p: changeStart + offset + opLength,
+            },
+            metadata: {},
+          }
+          for (const key in change.metadata) {
+            const value = change.metadata[key]
+            afterChange.metadata[key] = value
+          }
+          newChanges.push(afterChange)
+        }
+      }
+
+      previousChange = change
+    }
+
+    if (this.track_changes && !alreadyMerged) {
+      this._addOp(op, metadata)
+    }
+    for ({ op, metadata } of newChanges) {
+      this._addOp(op, metadata)
+    }
+
+    for (change of removeChanges) {
+      this._removeChange(change)
+    }
+
+    for (change of movedChanges) {
+      this._markAsDirty(change, 'change', 'moved')
+    }
+  }
+
+  applyDeleteToChanges(op, metadata) {
+    const opStart = op.p
+    const opLength = op.d.length
+    const opEnd = op.p + opLength
+    const removeChanges = []
+    let movedChanges = []
+
+    // We might end up modifying our delete op if it merges with existing deletes, or cancels out
+    // with an existing insert. Since we might do multiple modifications, we record them and do
+    // all the modifications after looping through the existing changes, so as not to mess up the
+    // offset indexes as we go.
+    const opModifications = []
+    for (const change of this.changes) {
+      let changeStart
+      if (change.op.i != null) {
+        changeStart = change.op.p
+        const changeEnd = changeStart + change.op.i.length
+        if (opEnd <= changeStart) {
+          // Shift ops after us back by our length
+          change.op.p -= opLength
+          movedChanges.push(change)
+        } else if (opStart >= changeEnd) {
+          // Delete is after insert, nothing to do
+        } else {
+          // When the new delete overlaps an insert, we should remove the part of the insert that
+          // is now deleted, and also remove the part of the new delete that overlapped. I.e.
+          // the two cancel out where they overlap.
+          let deleteRemainingAfter,
+            deleteRemainingBefore,
+            insertRemainingAfter,
+            insertRemainingBefore
+          if (opStart >= changeStart) {
+            //                            |-- existing insert --|
+            // insertRemainingBefore -> |.....||--   new delete   --|
+            deleteRemainingBefore = ''
+            insertRemainingBefore = change.op.i.slice(0, opStart - changeStart)
+          } else {
+            // deleteRemainingBefore -> |.....||-- existing insert --|
+            //                            |-- new delete   --|
+            deleteRemainingBefore = op.d.slice(0, changeStart - opStart)
+            insertRemainingBefore = ''
+          }
+
+          if (opEnd <= changeEnd) {
+            //    |--  existing insert  --|
+            // |--  new delete   --||.....| <- insertRemainingAfter
+            deleteRemainingAfter = ''
+            insertRemainingAfter = change.op.i.slice(opEnd - changeStart)
+          } else {
+            // |--  existing insert  --||.....| <- deleteRemainingAfter
+            //            |--  new delete   --|
+            deleteRemainingAfter = op.d.slice(changeEnd - opStart)
+            insertRemainingAfter = ''
+          }
+
+          const insertRemaining = insertRemainingBefore + insertRemainingAfter
+          if (insertRemaining.length > 0) {
+            change.op.i = insertRemaining
+            change.op.p = Math.min(changeStart, opStart)
+            movedChanges.push(change)
+          } else {
+            removeChanges.push(change)
+          }
+
+          // We know what we want to preserve of our delete op before (deleteRemainingBefore) and what we want to preserve
+          // afterwards (deleteRemainingBefore). Now we need to turn that into a modification which deletes the
+          // chunk in the middle not covered by these.
+          const deleteRemovedLength =
+            op.d.length -
+            deleteRemainingBefore.length -
+            deleteRemainingAfter.length
+          const deleteRemovedStart = deleteRemainingBefore.length
+          const modification = {
+            d: op.d.slice(
+              deleteRemovedStart,
+              deleteRemovedStart + deleteRemovedLength
+            ),
+            p: deleteRemovedStart,
+          }
+          if (modification.d.length > 0) {
+            opModifications.push(modification)
+          }
+        }
+      } else if (change.op.d != null) {
+        changeStart = change.op.p
+        if (
+          opEnd < changeStart ||
+          (!this.track_changes && opEnd === changeStart)
+        ) {
+          // Shift ops after us back by our length.
+          // If we're tracking changes, it must be strictly before, since we'll merge
+          // below if they are touching. Otherwise, touching is fine.
+          change.op.p -= opLength
+          movedChanges.push(change)
+        } else if (opStart <= changeStart && changeStart <= opEnd) {
+          if (this.track_changes) {
+            // If we overlap a delete, add it in our content, and delete the existing change.
+            // It's easier to do it this way, rather than modifying the existing delete in case
+            // we overlap many deletes and we'd need to track that. We have a workaround to
+            // update the delete in place if possible below.
+            const offset = changeStart - opStart
+            opModifications.push({ i: change.op.d, p: offset })
+            removeChanges.push(change)
+          } else {
+            change.op.p = opStart
+            movedChanges.push(change)
+          }
+        }
+      }
+    }
+
+    // Copy rather than modify because we still need to apply it to comments
+    op = {
+      p: op.p,
+      d: this._applyOpModifications(op.d, opModifications),
+    }
+
+    for (const change of removeChanges) {
+      // This is a bit of hack to avoid removing one delete and replacing it with another.
+      // If we don't do this, it causes the UI to flicker
+      if (
+        op.d.length > 0 &&
+        change.op.d != null &&
+        op.p <= change.op.p &&
+        change.op.p <= op.p + op.d.length
+      ) {
+        change.op.p = op.p
+        change.op.d = op.d
+        change.metadata = metadata
+        movedChanges.push(change)
+        op.d = '' // stop it being added
+      } else {
+        this._removeChange(change)
+      }
+    }
+
+    if (this.track_changes && op.d.length > 0) {
+      this._addOp(op, metadata)
+    } else {
+      // It's possible that we deleted an insert between two other inserts. I.e.
+      // If we delete 'user_2 insert' in:
+      //   |-- user_1 insert --||-- user_2 insert --||-- user_1 insert --|
+      // it becomes:
+      //   |-- user_1 insert --||-- user_1 insert --|
+      // We need to merge these together again
+      const results = this._scanAndMergeAdjacentUpdates()
+      movedChanges = movedChanges.concat(results.movedChanges)
+      for (const change of results.removeChanges) {
+        this._removeChange(change)
+        movedChanges = movedChanges.filter(c => c !== change)
+      }
+    }
+
+    for (const change of movedChanges) {
+      this._markAsDirty(change, 'change', 'moved')
+    }
+  }
+
+  _addOp(op, metadata) {
+    // Don't take a reference to the existing op since we'll modify this in place with future changes
+    op = this._clone(op)
+    const change = {
+      id: this.newId(),
+      op,
+      metadata: this._clone(metadata),
+    }
+    this.changes.push(change)
+
+    // Keep ops in order of offset, with deletes before inserts
+    this.changes.sort(function (c1, c2) {
+      const result = c1.op.p - c2.op.p
+      if (result !== 0) {
+        return result
+      } else if (c1.op.i != null && c2.op.d != null) {
+        return 1
+      } else if (c1.op.d != null && c2.op.i != null) {
+        return -1
+      } else {
+        return 0
+      }
+    })
+
+    this._markAsDirty(change, 'change', 'added')
+  }
+
+  _removeChange(change) {
+    this.changes = this.changes.filter(c => c !== change)
+    this._markAsDirty(change, 'change', 'removed')
+  }
+
+  _applyOpModifications(content, opModifications) {
+    // Put in descending position order, with deleting first if at the same offset
+    // (Inserting first would modify the content that the delete will delete)
+    opModifications.sort(function (a, b) {
+      const result = b.p - a.p
+      if (result !== 0) {
+        return result
+      } else if (a.i != null && b.d != null) {
+        return 1
+      } else if (a.d != null && b.i != null) {
+        return -1
+      } else {
+        return 0
+      }
+    })
+
+    for (const modification of opModifications) {
+      if (modification.i != null) {
+        content =
+          content.slice(0, modification.p) +
+          modification.i +
+          content.slice(modification.p)
+      } else if (modification.d != null) {
+        if (
+          content.slice(
+            modification.p,
+            modification.p + modification.d.length
+          ) !== modification.d
+        ) {
+          throw new Error('deletion does not match text in document')
+        }
+        content =
+          content.slice(0, modification.p) +
+          content.slice(modification.p + modification.d.length)
+      }
+    }
+    return content
+  }
+
+  _scanAndMergeAdjacentUpdates() {
+    // This should only need calling when deleting an update between two
+    // other updates. There's no other way to get two adjacent updates from the
+    // same user, since they would be merged on insert.
+    let previousChange = null
+    const removeChanges = []
+    const movedChanges = []
+    for (const change of this.changes) {
+      if (previousChange?.op.i != null && change.op.i != null) {
+        const previousChangeEnd =
+          previousChange.op.p + previousChange.op.i.length
+        const previousChangeUserId = previousChange.metadata.user_id
+        const changeStart = change.op.p
+        const changeUserId = change.metadata.user_id
+        if (
+          previousChangeEnd === changeStart &&
+          previousChangeUserId === changeUserId
+        ) {
+          removeChanges.push(change)
+          previousChange.op.i += change.op.i
+          movedChanges.push(previousChange)
+        }
+      } else if (
+        previousChange?.op.d != null &&
+        change.op.d != null &&
+        previousChange?.op.p === change.op.p
+      ) {
+        // Merge adjacent deletes
+        previousChange.op.d += change.op.d
+        removeChanges.push(change)
+        movedChanges.push(previousChange)
+      } else {
+        // Only update to the current change if we haven't removed it.
+        previousChange = change
+      }
+    }
+    return { movedChanges, removeChanges }
+  }
+
+  resetDirtyState() {
+    this._dirtyState = {
+      comment: {
+        moved: {},
+        removed: {},
+        added: {},
+      },
+      change: {
+        moved: {},
+        removed: {},
+        added: {},
+      },
+    }
+  }
+
+  getDirtyState() {
+    return this._dirtyState
+  }
+
+  getTrackedDeletesLength() {
+    let length = 0
+    for (const change of this.changes) {
+      if (change.op.d != null) {
+        length += change.op.d.length
+      }
+    }
+    return length
+  }
+
+  _markAsDirty(object, type, action) {
+    this._dirtyState[type][action][object.id] = object
+  }
+
+  _clone(object) {
+    const clone = {}
+    for (const k in object) {
+      const v = object[k]
+      clone[k] = v
+    }
+    return clone
+  }
+}
+
+module.exports = RangesTracker
diff --git a/libraries/ranges-tracker/package.json b/libraries/ranges-tracker/package.json
new file mode 100644
index 0000000..8aa0a00
--- /dev/null
+++ b/libraries/ranges-tracker/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "@overleaf/ranges-tracker",
+  "description": "Shared logic for syncing comments and tracked changes with operational transforms",
+  "main": "index.cjs",
+  "files": [
+    "index.cjs",
+    "types"
+  ],
+  "author": "Overleaf (https://www.overleaf.com)",
+  "private": true,
+  "scripts": {
+    "lint": "eslint --ext .js --ext .cjs --ext .ts --max-warnings 0 --format unix .",
+    "lint:fix": "eslint --fix --ext .js --ext .cjs --ext .ts .",
+    "format": "prettier --list-different $PWD/'**/*.{js,cjs,ts}'",
+    "format:fix": "prettier --write $PWD/'**/*.{js,cjs,ts}'",
+    "test": "npm run lint && npm run format && npm run types:check && npm run test:unit",
+    "test:ci": "npm run test:unit",
+    "test:unit": "mocha --exit test/**/*.{js,cjs}",
+    "types:check": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "chai": "^4.3.6",
+    "mocha": "^11.1.0",
+    "typescript": "^5.0.4"
+  }
+}
diff --git a/libraries/ranges-tracker/test/unit/ranges-tracker-test.js b/libraries/ranges-tracker/test/unit/ranges-tracker-test.js
new file mode 100644
index 0000000..d207349
--- /dev/null
+++ b/libraries/ranges-tracker/test/unit/ranges-tracker-test.js
@@ -0,0 +1,225 @@
+const { expect } = require('chai')
+const RangesTracker = require('../..')
+
+describe('RangesTracker', function () {
+  describe('with duplicate change ids', function () {
+    beforeEach(function () {
+      this.comments = []
+      this.changes = [
+        { id: 'id1', op: { p: 1, i: 'hello' } },
+        { id: 'id2', op: { p: 10, i: 'world' } },
+        { id: 'id3', op: { p: 20, i: '!!!' } },
+        { id: 'id1', op: { p: 30, d: 'duplicate' } },
+      ]
+      this.rangesTracker = new RangesTracker(this.changes, this.comments)
+    })
+
+    it('getChanges() returns all changes with the given ids', function () {
+      expect(this.rangesTracker.getChanges(['id1', 'id2'])).to.deep.equal([
+        this.changes[0],
+        this.changes[1],
+        this.changes[3],
+      ])
+    })
+
+    it('removeChangeIds() removes all changes with the given ids', function () {
+      this.rangesTracker.removeChangeIds(['id1', 'id2'])
+      expect(this.rangesTracker.changes).to.deep.equal([this.changes[2]])
+    })
+  })
+
+  describe('with duplicate tracked insert ids', function () {
+    beforeEach(function () {
+      this.comments = []
+      this.changes = [
+        { id: 'id1', op: { p: 10, i: 'one' } },
+        { id: 'id1', op: { p: 20, i: 'two' } },
+        { id: 'id1', op: { p: 30, d: 'three' } },
+      ]
+      this.rangesTracker = new RangesTracker(this.changes, this.comments)
+    })
+
+    it("deleting one tracked insert doesn't delete the others", function () {
+      this.rangesTracker.applyOp({ p: 20, d: 'two' })
+      expect(this.rangesTracker.changes).to.deep.equal([
+        this.changes[0],
+        this.changes[2],
+      ])
+    })
+  })
+
+  describe('with duplicate tracked delete ids', function () {
+    beforeEach(function () {
+      this.comments = []
+      this.changes = [
+        { id: 'id1', op: { p: 10, d: 'one' } },
+        { id: 'id1', op: { p: 20, d: 'two' } },
+        { id: 'id1', op: { p: 30, d: 'three' } },
+      ]
+      this.rangesTracker = new RangesTracker(this.changes, this.comments)
+    })
+
+    it('deleting over tracked deletes in tracked changes mode removes the tracked deletes covered', function () {
+      this.rangesTracker.track_changes = true
+      this.rangesTracker.applyOp({
+        p: 15,
+        d: '567890123456789012345',
+      })
+      expect(this.rangesTracker.changes.map(c => c.op)).to.deep.equal([
+        { p: 10, d: 'one' },
+        { p: 15, d: '56789two0123456789three012345' },
+      ])
+    })
+
+    it('a tracked delete between two tracked deletes joins them into a single tracked delete', function () {
+      this.rangesTracker.track_changes = true
+      this.rangesTracker.applyOp({
+        p: 20,
+        d: '0123456789',
+      })
+      expect(this.rangesTracker.changes.map(c => c.op)).to.deep.equal([
+        { p: 10, d: 'one' },
+        { p: 20, d: 'two0123456789three' },
+      ])
+    })
+
+    it("rejecting one tracked delete doesn't reject the others", function () {
+      this.rangesTracker.track_changes = true
+      this.rangesTracker.applyOp({
+        p: 20,
+        i: 'two',
+        u: true,
+      })
+      expect(this.rangesTracker.changes.map(c => c.op)).to.deep.equal([
+        { p: 10, d: 'one' },
+        { p: 33, d: 'three' },
+      ])
+    })
+
+    it("rejecting all tracked deletes doesn't introduce tracked inserts", function () {
+      this.rangesTracker.track_changes = true
+      this.rangesTracker.applyOp({
+        p: 10,
+        i: 'one',
+        u: true,
+      })
+      this.rangesTracker.applyOp({
+        p: 23,
+        i: 'two',
+        u: true,
+      })
+      this.rangesTracker.applyOp({
+        p: 36,
+        i: 'three',
+        u: true,
+      })
+      expect(this.rangesTracker.changes.map(c => c.op)).to.deep.equal([])
+    })
+  })
+
+  describe('with multiple tracked deletes at the same position', function () {
+    beforeEach(function () {
+      this.comments = []
+      this.changes = [
+        { id: 'id1', op: { p: 33, d: 'before' } },
+        { id: 'id2', op: { p: 50, d: 'right before' } },
+        { id: 'id3', op: { p: 50, d: 'this one' } },
+        { id: 'id4', op: { p: 50, d: 'right after' } },
+        { id: 'id5', op: { p: 75, d: 'long after' } },
+      ]
+      this.rangesTracker = new RangesTracker(this.changes, this.comments)
+    })
+
+    it('preserves the text order when rejecting changes', function () {
+      this.rangesTracker.applyOp(
+        { p: 50, i: 'this one', u: true },
+        { user_id: 'user-id' }
+      )
+      expect(this.rangesTracker.changes).to.deep.equal([
+        { id: 'id1', op: { p: 33, d: 'before' } },
+        { id: 'id2', op: { p: 50, d: 'right before' } },
+        { id: 'id4', op: { p: 58, d: 'right after' } },
+        { id: 'id5', op: { p: 83, d: 'long after' } },
+      ])
+    })
+
+    it('moves all tracked deletes after the insert if not rejecting changes', function () {
+      this.rangesTracker.applyOp(
+        { p: 50, i: 'some other text', u: true, orderedRejections: true },
+        { user_id: 'user-id' }
+      )
+      expect(this.rangesTracker.changes).to.deep.equal([
+        { id: 'id1', op: { p: 33, d: 'before' } },
+        { id: 'id2', op: { p: 65, d: 'right before' } },
+        { id: 'id3', op: { p: 65, d: 'this one' } },
+        { id: 'id4', op: { p: 65, d: 'right after' } },
+        { id: 'id5', op: { p: 90, d: 'long after' } },
+      ])
+    })
+  })
+
+  describe('with multiple tracked deletes at the same position with the same content', function () {
+    beforeEach(function () {
+      this.comments = []
+      this.changes = [
+        { id: 'id1', op: { p: 10, d: 'cat' } },
+        { id: 'id2', op: { p: 10, d: 'giraffe' } },
+        { id: 'id3', op: { p: 10, d: 'cat' } },
+        { id: 'id4', op: { p: 10, d: 'giraffe' } },
+      ]
+      this.rangesTracker = new RangesTracker(this.changes, this.comments)
+    })
+
+    it('removes only the first matching tracked delete', function () {
+      this.rangesTracker.applyOp(
+        { p: 10, i: 'giraffe', u: true },
+        { user_id: 'user-id' }
+      )
+      expect(this.rangesTracker.changes).to.deep.equal([
+        { id: 'id1', op: { p: 10, d: 'cat' } },
+        { id: 'id3', op: { p: 17, d: 'cat' } },
+        { id: 'id4', op: { p: 17, d: 'giraffe' } },
+      ])
+    })
+  })
+
+  describe('with a tracked insert at the same position as a tracked delete', function () {
+    beforeEach(function () {
+      this.comments = []
+      this.changes = [
+        {
+          id: 'id1',
+          op: { p: 5, d: 'before' },
+          metadata: { user_id: 'user-id' },
+        },
+        {
+          id: 'id2',
+          op: { p: 10, d: 'delete' },
+          metadata: { user_id: 'user-id' },
+        },
+        {
+          id: 'id3',
+          op: { p: 10, i: 'insert' },
+          metadata: { user_id: 'user-id' },
+        },
+      ]
+      this.rangesTracker = new RangesTracker(this.changes, this.comments)
+    })
+
+    it('places a tracked insert at the same position before both the delete and the insert', function () {
+      this.rangesTracker.track_changes = true
+      this.rangesTracker.applyOp(
+        { p: 10, i: 'incoming' },
+        { user_id: 'user-id' }
+      )
+      expect(this.rangesTracker.changes.map(change => change.op)).to.deep.equal(
+        [
+          { p: 5, d: 'before' },
+          { p: 10, i: 'incoming' },
+          { p: 18, d: 'delete' },
+          { p: 18, i: 'insert' },
+        ]
+      )
+    })
+  })
+})
diff --git a/libraries/ranges-tracker/tsconfig.json b/libraries/ranges-tracker/tsconfig.json
new file mode 100644
index 0000000..d43bb24
--- /dev/null
+++ b/libraries/ranges-tracker/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "**/*.js",
+    "**/*.cjs"
+  ]
+}
diff --git a/libraries/redis-wrapper/.editorconfig b/libraries/redis-wrapper/.editorconfig
new file mode 100644
index 0000000..44f520e
--- /dev/null
+++ b/libraries/redis-wrapper/.editorconfig
@@ -0,0 +1,11 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+max_line_length = 79
+tab_width = 4
+trim_trailing_whitespace = true
diff --git a/libraries/redis-wrapper/.gitignore b/libraries/redis-wrapper/.gitignore
new file mode 100644
index 0000000..eac2002
--- /dev/null
+++ b/libraries/redis-wrapper/.gitignore
@@ -0,0 +1,13 @@
+**.swp
+
+app.js
+app/js/
+test/unit/js/
+public/build/
+
+node_modules/
+
+/public/js/chat.js
+plato/
+
+.npmrc
diff --git a/libraries/redis-wrapper/.mocharc.json b/libraries/redis-wrapper/.mocharc.json
new file mode 100644
index 0000000..dc3280a
--- /dev/null
+++ b/libraries/redis-wrapper/.mocharc.json
@@ -0,0 +1,3 @@
+{
+  "require": "test/setup.js"
+}
diff --git a/libraries/redis-wrapper/.nvmrc b/libraries/redis-wrapper/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/libraries/redis-wrapper/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/libraries/redis-wrapper/Errors.js b/libraries/redis-wrapper/Errors.js
new file mode 100644
index 0000000..b3b3ec0
--- /dev/null
+++ b/libraries/redis-wrapper/Errors.js
@@ -0,0 +1,15 @@
+const OError = require('@overleaf/o-error')
+
+class RedisError extends OError {}
+class RedisHealthCheckFailed extends RedisError {}
+class RedisHealthCheckTimedOut extends RedisHealthCheckFailed {}
+class RedisHealthCheckWriteError extends RedisHealthCheckFailed {}
+class RedisHealthCheckVerifyError extends RedisHealthCheckFailed {}
+
+module.exports = {
+  RedisError,
+  RedisHealthCheckFailed,
+  RedisHealthCheckTimedOut,
+  RedisHealthCheckWriteError,
+  RedisHealthCheckVerifyError,
+}
diff --git a/libraries/redis-wrapper/Readme.md b/libraries/redis-wrapper/Readme.md
new file mode 100644
index 0000000..e69de29
diff --git a/libraries/redis-wrapper/RedisLocker.js b/libraries/redis-wrapper/RedisLocker.js
new file mode 100644
index 0000000..b819ad2
--- /dev/null
+++ b/libraries/redis-wrapper/RedisLocker.js
@@ -0,0 +1,225 @@
+const { promisify } = require('node:util')
+const metrics = require('@overleaf/metrics')
+const logger = require('@overleaf/logger')
+const os = require('node:os')
+const crypto = require('node:crypto')
+
+const HOST = os.hostname()
+const PID = process.pid
+const RND = crypto.randomBytes(4).toString('hex')
+let COUNT = 0
+
+const MAX_REDIS_REQUEST_LENGTH = 5000 // 5 seconds
+
+const UNLOCK_SCRIPT =
+  'if redis.call("get", KEYS[1]) == ARGV[1] then return redis.call("del", KEYS[1]) else return 0 end'
+
+module.exports = class RedisLocker {
+  /**
+   * @param {import('ioredis')} rclient initialized ioredis client
+   * @param {function(string): string} getKey compose the redis key based on the passed id
+   * @param {function(Error, string): Error} wrapTimeoutError assign the id to a designated field on the error
+   * @param {string} metricsPrefix prefix all the metrics with the given prefix
+   * @param {number} lockTTLSeconds
+   *
+   * @example ```
+   * const lock = new RedisLocker({
+   *   rclient,
+   *   getKey(userId) { return `blocking:{userId}` },
+   *   wrapTimeoutError(err, userId) { err.userId = userId; return err },
+   *   metricsPrefix: 'user',
+   * })
+   *
+   * lock.getLock(user._id, (err, value) => {
+   *   if (err) return callback(err)
+   *   // do work
+   *   lock.releaseLock(user._id, callback)
+   * }
+   * ```
+   */
+  constructor({
+    rclient,
+    getKey,
+    wrapTimeoutError,
+    metricsPrefix,
+    lockTTLSeconds = 30,
+  }) {
+    if (
+      typeof lockTTLSeconds !== 'number' ||
+      lockTTLSeconds < 30 ||
+      lockTTLSeconds >= 1000
+    ) {
+      // set upper limit to 1000s to detect wrong units
+      throw new Error('redis lock TTL must be at least 30s and below 1000s')
+    }
+
+    this.rclient = rclient
+    this.getKey = getKey
+    this.wrapTimeoutError = wrapTimeoutError
+    this.metricsPrefix = metricsPrefix
+
+    this.LOCK_TEST_INTERVAL = 50 // 50ms between each test of the lock
+    this.MAX_TEST_INTERVAL = 1000 // back off to 1s between each test of the lock
+    this.MAX_LOCK_WAIT_TIME = 10000 // 10s maximum time to spend trying to get the lock
+    this.LOCK_TTL = lockTTLSeconds // seconds. Time until lock auto expires in redis.
+
+    // read-only copy for unit tests
+    this.unlockScript = UNLOCK_SCRIPT
+
+    this.promises = {
+      checkLock: promisify(this.checkLock.bind(this)),
+      getLock: promisify(this.getLock.bind(this)),
+      releaseLock: promisify(this.releaseLock.bind(this)),
+
+      // tryLock returns two values: gotLock and lockValue. We need to merge
+      // these two values into one for the promises version.
+      tryLock: id =>
+        new Promise((resolve, reject) => {
+          this.tryLock(id, (err, gotLock, lockValue) => {
+            if (err) {
+              reject(err)
+            } else if (!gotLock) {
+              resolve(null)
+            } else {
+              resolve(lockValue)
+            }
+          })
+        }),
+    }
+  }
+
+  // Use a signed lock value as described in
+  // https://redis.io/docs/reference/patterns/distributed-locks/#correct-implementation-with-a-single-instance
+  // to prevent accidental unlocking by multiple processes
+  randomLock() {
+    const time = Date.now()
+    return `locked:host=${HOST}:pid=${PID}:random=${RND}:time=${time}:count=${COUNT++}`
+  }
+
+  /**
+   * @param {Callback} callback
+   */
+  tryLock(id, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    const lockValue = this.randomLock()
+    const key = this.getKey(id)
+    const startTime = Date.now()
+    return this.rclient.set(
+      key,
+      lockValue,
+      'EX',
+      this.LOCK_TTL,
+      'NX',
+      (err, gotLock) => {
+        if (err != null) {
+          return callback(err)
+        }
+        if (gotLock === 'OK') {
+          metrics.inc(this.metricsPrefix + '-not-blocking')
+          const timeTaken = Date.now() - startTime
+          if (timeTaken > MAX_REDIS_REQUEST_LENGTH) {
+            // took too long, so try to free the lock
+            return this.releaseLock(id, lockValue, function (err, result) {
+              if (err != null) {
+                return callback(err)
+              } // error freeing lock
+              return callback(null, false)
+            }) // tell caller they didn't get the lock
+          } else {
+            return callback(null, true, lockValue)
+          }
+        } else {
+          metrics.inc(this.metricsPrefix + '-blocking')
+          return callback(null, false)
+        }
+      }
+    )
+  }
+
+  /**
+   * @param {Callback} callback
+   */
+  getLock(id, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    const startTime = Date.now()
+    let testInterval = this.LOCK_TEST_INTERVAL
+    const attempt = () => {
+      if (Date.now() - startTime > this.MAX_LOCK_WAIT_TIME) {
+        const e = this.wrapTimeoutError(new Error('Timeout'), id)
+        return callback(e)
+      }
+
+      return this.tryLock(id, (error, gotLock, lockValue) => {
+        if (error != null) {
+          return callback(error)
+        }
+        if (gotLock) {
+          return callback(null, lockValue)
+        } else {
+          setTimeout(attempt, testInterval)
+          // back off when the lock is taken to avoid overloading
+          return (testInterval = Math.min(
+            testInterval * 2,
+            this.MAX_TEST_INTERVAL
+          ))
+        }
+      })
+    }
+    attempt()
+  }
+
+  /**
+   * @param {Callback} callback
+   */
+  checkLock(id, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    const key = this.getKey(id)
+    return this.rclient.exists(key, (err, exists) => {
+      if (err != null) {
+        return callback(err)
+      }
+      exists = parseInt(exists)
+      if (exists === 1) {
+        metrics.inc(this.metricsPrefix + '-blocking')
+        return callback(null, false)
+      } else {
+        metrics.inc(this.metricsPrefix + '-not-blocking')
+        return callback(null, true)
+      }
+    })
+  }
+
+  /**
+   * @param {Callback} callback
+   */
+  releaseLock(id, lockValue, callback) {
+    const key = this.getKey(id)
+    return this.rclient.eval(
+      UNLOCK_SCRIPT,
+      1,
+      key,
+      lockValue,
+      (err, result) => {
+        if (err != null) {
+          return callback(err)
+        } else if (result != null && result !== 1) {
+          // successful unlock should release exactly one key
+          logger.error(
+            { id, key, lockValue, redis_err: err, redis_result: result },
+            'unlocking error'
+          )
+          metrics.inc(this.metricsPrefix + '-unlock-error')
+          return callback(new Error('tried to release timed out lock'))
+        } else {
+          return callback(null, result)
+        }
+      }
+    )
+  }
+}
diff --git a/libraries/redis-wrapper/RedisWebLocker.js b/libraries/redis-wrapper/RedisWebLocker.js
new file mode 100644
index 0000000..dac315b
--- /dev/null
+++ b/libraries/redis-wrapper/RedisWebLocker.js
@@ -0,0 +1,207 @@
+const { callbackify, promisify } = require('node:util')
+const metrics = require('@overleaf/metrics')
+const logger = require('@overleaf/logger')
+const os = require('node:os')
+const crypto = require('node:crypto')
+const async = require('async')
+
+const HOST = os.hostname()
+const PID = process.pid
+const RND = crypto.randomBytes(4).toString('hex')
+let COUNT = 0
+
+const LOCK_QUEUES = new Map() // queue lock requests for each name/id so they get the lock on a first-come first-served basis
+
+const UNLOCK_SCRIPT =
+  'if redis.call("get", KEYS[1]) == ARGV[1] then return redis.call("del", KEYS[1]) else return 0 end'
+
+module.exports = class RedisWebLocker {
+  constructor({ rclient, getKey, options }) {
+    this.rclient = rclient
+    this.getKey = getKey
+
+    // ms between each test of the lock
+    this.LOCK_TEST_INTERVAL = options.lockTestInterval || 50
+    // back off to ms between each test of the lock
+    this.MAX_TEST_INTERVAL = options.maxTestInterval || 1000
+    // ms maximum time to spend trying to get the lock
+    this.MAX_LOCK_WAIT_TIME = options.maxLockWaitTime || 10000
+    // seconds. Time until lock auto expires in redis
+    this.REDIS_LOCK_EXPIRY = options.redisLockExpiry || 30
+    // ms, if execution takes longer than this then log
+    this.SLOW_EXECUTION_THRESHOLD = options.slowExecutionThreshold || 5000
+    // read-only copy for unit tests
+    this.unlockScript = UNLOCK_SCRIPT
+
+    const promisifiedRunWithLock = promisify(this.runWithLock).bind(this)
+    this.promises = {
+      runWithLock(namespace, id, runner) {
+        const cbRunner = callbackify(runner)
+        return promisifiedRunWithLock(namespace, id, cbRunner)
+      },
+    }
+  }
+
+  // Use a signed lock value as described in
+  // http://redis.io/topics/distlock#correct-implementation-with-a-single-instance
+  // to prevent accidental unlocking by multiple processes
+  randomLock() {
+    const time = Date.now()
+    return `locked:host=${HOST}:pid=${PID}:random=${RND}:time=${time}:count=${COUNT++}`
+  }
+
+  runWithLock(namespace, id, runner, callback) {
+    // runner must be a function accepting a callback, e.g. runner = (cb) ->
+
+    // This error is defined here so we get a useful stacktrace
+    const slowExecutionError = new Error('slow execution during lock')
+
+    const timer = new metrics.Timer(`lock.${namespace}`)
+    const key = this.getKey(namespace, id)
+    this._getLock(key, namespace, (error, lockValue) => {
+      if (error != null) {
+        return callback(error)
+      }
+
+      // The lock can expire in redis but the process carry on. This setTimeout call
+      // is designed to log if this happens.
+      function countIfExceededLockTimeout() {
+        metrics.inc(`lock.${namespace}.exceeded_lock_timeout`)
+        logger.debug('exceeded lock timeout', {
+          namespace,
+          id,
+          slowExecutionError,
+        })
+      }
+      const exceededLockTimeout = setTimeout(
+        countIfExceededLockTimeout,
+        this.REDIS_LOCK_EXPIRY * 1000
+      )
+
+      runner((error1, ...values) =>
+        this._releaseLock(key, lockValue, error2 => {
+          clearTimeout(exceededLockTimeout)
+
+          const timeTaken = new Date() - timer.start
+          if (timeTaken > this.SLOW_EXECUTION_THRESHOLD) {
+            logger.debug('slow execution during lock', {
+              namespace,
+              id,
+              timeTaken,
+              slowExecutionError,
+            })
+          }
+
+          timer.done()
+          error = error1 || error2
+          if (error != null) {
+            return callback(error)
+          }
+          callback(null, ...values)
+        })
+      )
+    })
+  }
+
+  _tryLock(key, namespace, callback) {
+    const lockValue = this.randomLock()
+    this.rclient.set(
+      key,
+      lockValue,
+      'EX',
+      this.REDIS_LOCK_EXPIRY,
+      'NX',
+      (err, gotLock) => {
+        if (err != null) {
+          return callback(err)
+        }
+        if (gotLock === 'OK') {
+          metrics.inc(`lock.${namespace}.try.success`)
+          callback(err, true, lockValue)
+        } else {
+          metrics.inc(`lock.${namespace}.try.failed`)
+          logger.debug({ key, redis_response: gotLock }, 'lock is locked')
+          callback(err, false)
+        }
+      }
+    )
+  }
+
+  // it's sufficient to serialize within a process because that is where the parallel operations occur
+  _getLock(key, namespace, callback) {
+    // this is what we need to do for each lock we want to request
+    const task = next =>
+      this._getLockByPolling(key, namespace, (error, lockValue) => {
+        // tell the queue to start trying to get the next lock (if any)
+        next()
+        // we have got a lock result, so we can continue with our own execution
+        callback(error, lockValue)
+      })
+    // create a queue for this key if needed
+    const queueName = `${key}:${namespace}`
+    let queue = LOCK_QUEUES.get(queueName)
+    if (queue == null) {
+      const handler = (fn, cb) => fn(cb)
+      // set up a new queue for this key
+      queue = async.queue(handler, 1)
+      queue.push(task)
+      // remove the queue object when queue is empty
+      queue.drain(() => {
+        LOCK_QUEUES.delete(queueName)
+      })
+      // store the queue in our global map
+      LOCK_QUEUES.set(queueName, queue)
+    } else {
+      // queue the request to get the lock
+      queue.push(task)
+    }
+  }
+
+  _getLockByPolling(key, namespace, callback) {
+    const startTime = Date.now()
+    const testInterval = this.LOCK_TEST_INTERVAL
+    let attempts = 0
+    const attempt = () => {
+      if (Date.now() - startTime > this.MAX_LOCK_WAIT_TIME) {
+        metrics.inc(`lock.${namespace}.get.failed`)
+        return callback(new Error('Timeout'))
+      }
+
+      attempts += 1
+      this._tryLock(key, namespace, (error, gotLock, lockValue) => {
+        if (error != null) {
+          return callback(error)
+        }
+        if (gotLock) {
+          metrics.gauge(`lock.${namespace}.get.success.tries`, attempts)
+          callback(null, lockValue)
+        } else {
+          setTimeout(attempt, testInterval)
+        }
+      })
+    }
+    attempt()
+  }
+
+  _releaseLock(key, lockValue, callback) {
+    this.rclient.eval(this.unlockScript, 1, key, lockValue, (err, result) => {
+      if (err != null) {
+        callback(err)
+      } else if (result != null && result !== 1) {
+        // successful unlock should release exactly one key
+        logger.warn(
+          { key, lockValue, redis_err: err, redis_result: result },
+          'unlocking error'
+        )
+        metrics.inc('unlock-error')
+        callback(new Error('tried to release timed out lock'))
+      } else {
+        callback(null, result)
+      }
+    })
+  }
+
+  _lockQueuesSize() {
+    return LOCK_QUEUES.size
+  }
+}
diff --git a/libraries/redis-wrapper/buildscript.txt b/libraries/redis-wrapper/buildscript.txt
new file mode 100644
index 0000000..89de514
--- /dev/null
+++ b/libraries/redis-wrapper/buildscript.txt
@@ -0,0 +1,10 @@
+redis-wrapper
+--dependencies=None
+--docker-repos=gcr.io/overleaf-ops
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--is-library=True
+--node-version=20.18.2
+--public-repo=False
+--script-version=4.7.0
diff --git a/libraries/redis-wrapper/index.js b/libraries/redis-wrapper/index.js
new file mode 100644
index 0000000..2e16014
--- /dev/null
+++ b/libraries/redis-wrapper/index.js
@@ -0,0 +1,173 @@
+const crypto = require('node:crypto')
+const os = require('node:os')
+const { promisify } = require('node:util')
+
+const Redis = require('ioredis')
+
+const {
+  RedisHealthCheckTimedOut,
+  RedisHealthCheckWriteError,
+  RedisHealthCheckVerifyError,
+} = require('./Errors')
+
+const HEARTBEAT_TIMEOUT = 2000
+
+// generate unique values for health check
+const HOST = os.hostname()
+const PID = process.pid
+const RND = crypto.randomBytes(4).toString('hex')
+let COUNT = 0
+
+function createClient(opts) {
+  const standardOpts = Object.assign({}, opts)
+  delete standardOpts.key_schema
+
+  if (standardOpts.retry_max_delay == null) {
+    standardOpts.retry_max_delay = 5000 // ms
+  }
+
+  if (standardOpts.endpoints) {
+    throw new Error(
+      '@overleaf/redis-wrapper: redis-sentinel is no longer supported'
+    )
+  }
+
+  let client
+  if (standardOpts.cluster) {
+    delete standardOpts.cluster
+    client = new Redis.Cluster(opts.cluster, standardOpts)
+  } else {
+    client = new Redis(standardOpts)
+  }
+  monkeyPatchIoRedisExec(client)
+  client.healthCheck = callback => {
+    if (callback) {
+      // callback based invocation
+      healthCheck(client).then(callback).catch(callback)
+    } else {
+      // Promise based invocation
+      return healthCheck(client)
+    }
+  }
+  return client
+}
+
+async function healthCheck(client) {
+  // check the redis connection by storing and retrieving a unique key/value pair
+  const uniqueToken = `host=${HOST}:pid=${PID}:random=${RND}:time=${Date.now()}:count=${COUNT++}`
+
+  // o-error context
+  const context = {
+    uniqueToken,
+    stage: 'add context for a timeout',
+  }
+
+  await runWithTimeout({
+    runner: runCheck(client, uniqueToken, context),
+    timeout: HEARTBEAT_TIMEOUT,
+    context,
+  })
+}
+
+async function runCheck(client, uniqueToken, context) {
+  const healthCheckKey = `_redis-wrapper:healthCheckKey:{${uniqueToken}}`
+  const healthCheckValue = `_redis-wrapper:healthCheckValue:{${uniqueToken}}`
+
+  // set the unique key/value pair
+  context.stage = 'write'
+  const writeAck = await client
+    .set(healthCheckKey, healthCheckValue, 'EX', 60)
+    .catch(err => {
+      throw new RedisHealthCheckWriteError('write errored', context, err)
+    })
+  if (writeAck !== 'OK') {
+    context.writeAck = writeAck
+    throw new RedisHealthCheckWriteError('write failed', context)
+  }
+
+  // check that we can retrieve the unique key/value pair
+  context.stage = 'verify'
+  const [roundTrippedHealthCheckValue, deleteAck] = await client
+    .multi()
+    .get(healthCheckKey)
+    .del(healthCheckKey)
+    .exec()
+    .catch(err => {
+      throw new RedisHealthCheckVerifyError(
+        'read/delete errored',
+        context,
+        err
+      )
+    })
+  if (roundTrippedHealthCheckValue !== healthCheckValue) {
+    context.roundTrippedHealthCheckValue = roundTrippedHealthCheckValue
+    throw new RedisHealthCheckVerifyError('read failed', context)
+  }
+  if (deleteAck !== 1) {
+    context.deleteAck = deleteAck
+    throw new RedisHealthCheckVerifyError('delete failed', context)
+  }
+}
+
+function unwrapMultiResult(result, callback) {
+  // ioredis exec returns a results like:
+  // [ [null, 42], [null, "foo"] ]
+  // where the first entries in each 2-tuple are
+  // presumably errors for each individual command,
+  // and the second entry is the result. We need to transform
+  // this into the same result as the old redis driver:
+  // [ 42, "foo" ]
+  //
+  // Basically reverse:
+  // https://github.com/luin/ioredis/blob/v4.17.3/lib/utils/index.ts#L75-L92
+  const filteredResult = []
+  for (const [err, value] of result || []) {
+    if (err) {
+      return callback(err)
+    } else {
+      filteredResult.push(value)
+    }
+  }
+  callback(null, filteredResult)
+}
+const unwrapMultiResultPromisified = promisify(unwrapMultiResult)
+
+function monkeyPatchIoRedisExec(client) {
+  const _multi = client.multi
+  client.multi = function () {
+    const multi = _multi.apply(client, arguments)
+    const _exec = multi.exec
+    multi.exec = callback => {
+      if (callback) {
+        // callback based invocation
+        _exec.call(multi, (error, result) => {
+          // The command can fail all-together due to syntax errors
+          if (error) return callback(error)
+          unwrapMultiResult(result, callback)
+        })
+      } else {
+        // Promise based invocation
+        return _exec.call(multi).then(unwrapMultiResultPromisified)
+      }
+    }
+    return multi
+  }
+}
+
+async function runWithTimeout({ runner, timeout, context }) {
+  let healthCheckDeadline
+  await Promise.race([
+    new Promise((resolve, reject) => {
+      healthCheckDeadline = setTimeout(() => {
+        // attach the timeout when hitting the timeout only
+        context.timeout = timeout
+        reject(new RedisHealthCheckTimedOut('timeout', context))
+      }, timeout)
+    }),
+    runner.finally(() => clearTimeout(healthCheckDeadline)),
+  ])
+}
+
+module.exports = {
+  createClient,
+}
diff --git a/libraries/redis-wrapper/package.json b/libraries/redis-wrapper/package.json
new file mode 100644
index 0000000..2f15cb0
--- /dev/null
+++ b/libraries/redis-wrapper/package.json
@@ -0,0 +1,43 @@
+{
+  "name": "@overleaf/redis-wrapper",
+  "version": "2.1.0",
+  "description": "Redis wrapper for node which will either use cluster or single instance redis",
+  "main": "index.js",
+  "files": [
+    "index.js",
+    "Errors.js",
+    "RedisLocker.js",
+    "RedisWebLocker.js"
+  ],
+  "author": "Overleaf (https://www.overleaf.com)",
+  "repository": "github:overleaf/redis-wrapper",
+  "license": "ISC",
+  "scripts": {
+    "lint": "eslint --ext .js --ext .cjs --ext .ts --max-warnings 0 --format unix .",
+    "lint:fix": "eslint --fix --ext .js --ext .cjs --ext .ts .",
+    "format": "prettier --list-different $PWD/'**/*.{js,cjs,ts}'",
+    "format:fix": "prettier --write $PWD/'**/*.{js,cjs,ts}'",
+    "test": "npm run lint && npm run format && npm run types:check && npm run test:unit",
+    "test:ci": "npm run test:unit",
+    "test:unit": "mocha --exit test/**/*.{js,cjs}",
+    "types:check": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "@overleaf/logger": "*",
+    "@overleaf/metrics": "*",
+    "@overleaf/o-error": "*"
+  },
+  "dependencies": {
+    "async": "^3.2.5",
+    "ioredis": "~4.27.1"
+  },
+  "devDependencies": {
+    "@overleaf/logger": "*",
+    "@overleaf/o-error": "*",
+    "chai": "^4.3.6",
+    "mocha": "^11.1.0",
+    "sandboxed-module": "^2.0.4",
+    "sinon": "^9.2.4",
+    "typescript": "^5.0.4"
+  }
+}
diff --git a/libraries/redis-wrapper/test/scripts/cluster/clear-dbs.sh b/libraries/redis-wrapper/test/scripts/cluster/clear-dbs.sh
new file mode 100755
index 0000000..650630b
--- /dev/null
+++ b/libraries/redis-wrapper/test/scripts/cluster/clear-dbs.sh
@@ -0,0 +1,4 @@
+while true; do
+  seq 0 8 \
+  | xargs -I% redis-cli -p 700% FLUSHALL > /dev/null
+done
diff --git a/libraries/redis-wrapper/test/scripts/cluster/cluster.js b/libraries/redis-wrapper/test/scripts/cluster/cluster.js
new file mode 100644
index 0000000..58d6c79
--- /dev/null
+++ b/libraries/redis-wrapper/test/scripts/cluster/cluster.js
@@ -0,0 +1,26 @@
+/*
+  execute this script with a redis cluster running to test the health check.
+  starting and stopping shards with this script running is a good test.
+
+  to create a new cluster, use $ ./create-redis-cluster.sh
+  to run a chaos monkey, use $ ./clear-dbs.sh
+*/
+
+const redis = require('../../../')
+const logger = require('@overleaf/logger')
+
+const rclient = redis.createClient({
+  cluster: Array.from({ length: 9 }).map((value, index) => {
+    return { host: '127.0.0.1', port: 7000 + index }
+  }),
+})
+
+setInterval(() => {
+  rclient.healthCheck(err => {
+    if (err) {
+      logger.error({ err }, 'HEALTH CHECK FAILED')
+    } else {
+      logger.info('HEALTH CHECK OK')
+    }
+  })
+}, 1000)
diff --git a/libraries/redis-wrapper/test/scripts/cluster/create-cluster.sh b/libraries/redis-wrapper/test/scripts/cluster/create-cluster.sh
new file mode 100755
index 0000000..dd384a2
--- /dev/null
+++ b/libraries/redis-wrapper/test/scripts/cluster/create-cluster.sh
@@ -0,0 +1,73 @@
+#!/bin/bash
+
+# USAGE: $0 [NUMBER_OF_NODES, default: 9] [DATA_DIR, default: a new temp dir]
+#
+# ports are assigned from 7000 on
+#
+# NOTE: the cluster setup requires redis 5+
+
+set -ex
+
+COUNT=${1:-9}
+DATA=$2
+
+if [[ -z "$DATA" ]]; then
+  IS_TEMP=1
+  TEMP=`mktemp -d`
+  DATA="$TEMP"
+fi
+
+HAS_DATA=
+if [[ -e "$DATA/7000/node.conf" ]]; then
+    HAS_DATA=1
+fi
+
+PIDs=""
+
+cleanup() {
+  # ensure that we delete the temp dir, no matter how the kill cmd exists
+  set +e
+  # invoke kill with at least one PID
+  echo "$PIDs" | xargs -r kill
+  if [[ ! -z "$IS_TEMP" ]]; then
+    rm -rf "$TEMP"
+  fi
+}
+trap cleanup exit
+
+for NUM in `seq "$COUNT"`; do
+  PORT=`expr 6999 + "$NUM"`
+  CWD="$DATA/$PORT"
+  mkdir -p "$CWD"
+  pushd "$CWD"
+  redis-server \
+    --appendonly no \
+    --cluster-enabled yes \
+    --cluster-config-file node.conf \
+    --port "$PORT" \
+    --save "" \
+    > /dev/null \
+  &
+  PIDs="$PIDs $!"
+  popd
+done
+
+# initial nodes
+if [[ -z "$HAS_DATA" ]]; then
+  # confirm the setup
+  echo yes \
+  | redis-cli --cluster create 127.0.0.1:7000 127.0.0.1:7001 127.0.0.1:7002
+fi
+
+# scale up as requested
+for NUM in `seq 4 "$COUNT"`; do
+  PORT=`expr 6999 + "$NUM"`
+  GUARD="$DATA/$PORT/.joined"
+  if [[ ! -e "$GUARD" ]]; then
+    redis-cli --cluster add-node "127.0.0.1:$PORT" 127.0.0.1:7000 --cluster-slave
+    touch "$GUARD"
+  fi
+done
+
+echo "CLUSTER IS READY" >&2
+wait
diff --git a/libraries/redis-wrapper/test/scripts/standalone.js b/libraries/redis-wrapper/test/scripts/standalone.js
new file mode 100644
index 0000000..1665e96
--- /dev/null
+++ b/libraries/redis-wrapper/test/scripts/standalone.js
@@ -0,0 +1,17 @@
+// execute this script with a redis container running to test the health check
+// starting and stopping redis with this script running is a good test
+
+const redis = require('../../')
+const logger = require('@overleaf/logger')
+
+const rclient = redis.createClient({ host: '127.0.0.1', port: '6379' })
+
+setInterval(() => {
+  rclient.healthCheck(err => {
+    if (err) {
+      logger.error({ err }, 'HEALTH CHECK FAILED')
+    } else {
+      logger.info('HEALTH CHECK OK')
+    }
+  })
+}, 1000)
diff --git a/libraries/redis-wrapper/test/setup.js b/libraries/redis-wrapper/test/setup.js
new file mode 100644
index 0000000..6369c63
--- /dev/null
+++ b/libraries/redis-wrapper/test/setup.js
@@ -0,0 +1,9 @@
+const SandboxedModule = require('sandboxed-module')
+
+SandboxedModule.configure({
+  sourceTransformers: {
+    removeNodePrefix: function (source) {
+      return source.replace(/require\(['"]node:/g, "require('")
+    },
+  },
+})
diff --git a/libraries/redis-wrapper/test/unit/src/test.js b/libraries/redis-wrapper/test/unit/src/test.js
new file mode 100644
index 0000000..a71dcf0
--- /dev/null
+++ b/libraries/redis-wrapper/test/unit/src/test.js
@@ -0,0 +1,219 @@
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS206: Consider reworking classes to avoid initClass
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+require('chai').should()
+const SandboxedModule = require('sandboxed-module')
+const assert = require('node:assert')
+const path = require('node:path')
+const sinon = require('sinon')
+const modulePath = path.join(__dirname, './../../../index.js')
+const redisLockerModulePath = path.join(__dirname, './../../../RedisLocker.js')
+const { expect } = require('chai')
+
+describe('index', function () {
+  beforeEach(function () {
+    let Cluster, IoRedis, ioredisConstructor
+    this.settings = {}
+    this.ioredisConstructor = ioredisConstructor = sinon.stub()
+
+    this.ioredis = IoRedis = (function () {
+      let createIoRedis
+      IoRedis = class IoRedis {
+        static initClass() {
+          this.prototype.on = sinon.stub()
+          createIoRedis = ioredisConstructor
+        }
+
+        constructor() {
+          return createIoRedis.apply(this, arguments)
+        }
+      }
+      IoRedis.initClass()
+      return IoRedis
+    })()
+    this.ioredis.Cluster = Cluster = (function () {
+      Cluster = class Cluster {
+        static initClass() {
+          this.prototype.on = sinon.stub()
+        }
+
+        constructor(config, options) {
+          this.config = config
+          this.options = options
+        }
+      }
+      Cluster.initClass()
+      return Cluster
+    })()
+    this.redis = SandboxedModule.require(modulePath, {
+      requires: {
+        ioredis: this.ioredis,
+      },
+      globals: {
+        process,
+        Buffer,
+      },
+    })
+    this.auth_pass = '1234 pass'
+
+    this.RedisLocker = SandboxedModule.require(redisLockerModulePath, {
+      requires: {
+        '@overleaf/metrics': {
+          inc() {},
+        },
+      },
+      globals: {
+        process,
+        Math,
+        Buffer,
+      },
+    })
+  })
+
+  describe('lock TTL', function () {
+    it('should throw an error when creating a client with wrong type', function () {
+      const createNewRedisLock = () => {
+        return new this.RedisLocker({
+          lockTTLSeconds: '60',
+        })
+      }
+      expect(createNewRedisLock).to.throw(
+        'redis lock TTL must be at least 30s and below 1000s'
+      )
+    })
+
+    it('should throw an error when creating a client with small TTL', function () {
+      const createNewRedisLock = () => {
+        return new this.RedisLocker({
+          lockTTLSeconds: 1,
+        })
+      }
+      expect(createNewRedisLock).to.throw(
+        'redis lock TTL must be at least 30s and below 1000s'
+      )
+    })
+
+    it('should throw an error when creating a client with huge TTL', function () {
+      const createNewRedisLock = () => {
+        return new this.RedisLocker({
+          lockTTLSeconds: 30_000,
+        })
+      }
+      expect(createNewRedisLock).to.throw(
+        'redis lock TTL must be at least 30s and below 1000s'
+      )
+    })
+  })
+
+  describe('redis-sentinel', function () {
+    it('should throw an error when creating a client', function () {
+      const redisSentinelOptions = {
+        endpoints: ['127.0.0.1:1234', '127.0.0.1:2345', '127.0.0.1:3456'],
+      }
+      const createNewClient = () => {
+        this.redis.createClient(redisSentinelOptions)
+      }
+      expect(createNewClient).to.throw(
+        '@overleaf/redis-wrapper: redis-sentinel is no longer supported'
+      )
+    })
+  })
+
+  describe('single node redis', function () {
+    beforeEach(function () {
+      return (this.standardOpts = {
+        auth_pass: this.auth_pass,
+        port: 1234,
+        host: 'redis.mysite.env',
+      })
+    })
+
+    it('should work without opts', function () {
+      this.redis.createClient()
+    })
+
+    it('should use the ioredis driver in single-instance mode if a non array is passed', function () {
+      const client = this.redis.createClient(this.standardOpts)
+      return assert.equal(client.constructor, this.ioredis)
+    })
+
+    return it('should call createClient for the ioredis driver in single-instance mode if a non array is passed', function () {
+      this.redis.createClient(this.standardOpts)
+      return this.ioredisConstructor
+        .calledWith(sinon.match(this.standardOpts))
+        .should.equal(true)
+    })
+  })
+
+  describe('cluster', function () {
+    beforeEach(function () {
+      this.cluster = [{ mock: 'cluster' }, { mock: 'cluster2' }]
+      this.extraOptions = { keepAlive: 100 }
+      return (this.settings = {
+        cluster: this.cluster,
+        redisOptions: this.extraOptions,
+        key_schema: {
+          foo(x) {
+            return `${x}`
+          },
+        },
+      })
+    })
+
+    it('should pass the options correctly though with no options', function () {
+      const client = this.redis.createClient({ cluster: this.cluster })
+      assert(client instanceof this.ioredis.Cluster)
+      return client.config.should.deep.equal(this.cluster)
+    })
+
+    it('should not pass the key_schema through to the driver', function () {
+      const client = this.redis.createClient({
+        cluster: this.cluster,
+        key_schema: 'foobar',
+      })
+      assert(client instanceof this.ioredis.Cluster)
+      client.config.should.deep.equal(this.cluster)
+      return expect(client.options).to.deep.equal({ retry_max_delay: 5000 })
+    })
+
+    return it('should pass the options correctly though with additional options', function () {
+      const client = this.redis.createClient(this.settings)
+      assert(client instanceof this.ioredis.Cluster)
+      client.config.should.deep.equal(this.cluster)
+      // need to use expect here because of _.clone in sandbox
+      return expect(client.options).to.deep.equal({
+        redisOptions: this.extraOptions,
+        retry_max_delay: 5000,
+      })
+    })
+  })
+
+  return describe('monkey patch ioredis exec', function () {
+    beforeEach(function () {
+      this.callback = sinon.stub()
+      this.results = []
+      this.multiOrig = { exec: sinon.stub().yields(null, this.results) }
+      this.client = { multi: sinon.stub().returns(this.multiOrig) }
+      this.ioredisConstructor.returns(this.client)
+      this.redis.createClient(this.client)
+      return (this.multi = this.client.multi())
+    })
+
+    it('should return the old redis format for an array', function () {
+      this.results[0] = [null, 42]
+      this.results[1] = [null, 'foo']
+      this.multi.exec(this.callback)
+      return this.callback.calledWith(null, [42, 'foo']).should.equal(true)
+    })
+
+    return it('should return the old redis format when there is an error', function () {
+      this.results[0] = [null, 42]
+      this.results[1] = ['error', 'foo']
+      this.multi.exec(this.callback)
+      return this.callback.calledWith('error').should.equal(true)
+    })
+  })
+})
diff --git a/libraries/redis-wrapper/tsconfig.json b/libraries/redis-wrapper/tsconfig.json
new file mode 100644
index 0000000..d43bb24
--- /dev/null
+++ b/libraries/redis-wrapper/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "**/*.js",
+    "**/*.cjs"
+  ]
+}
diff --git a/libraries/settings/.gitignore b/libraries/settings/.gitignore
new file mode 100644
index 0000000..06d8e1d
--- /dev/null
+++ b/libraries/settings/.gitignore
@@ -0,0 +1,5 @@
+/.npmrc
+/node_modules
+
+# managed by monorepo$ bin/update_build_scripts
+.npmrc
diff --git a/libraries/settings/.nvmrc b/libraries/settings/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/libraries/settings/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/libraries/settings/LICENSE b/libraries/settings/LICENSE
new file mode 100644
index 0000000..54a584e
--- /dev/null
+++ b/libraries/settings/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2014-2021 Overleaf
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/libraries/settings/README.md b/libraries/settings/README.md
new file mode 100644
index 0000000..c06978b
--- /dev/null
+++ b/libraries/settings/README.md
@@ -0,0 +1,19 @@
+@overleaf/settings
+===================
+
+A small module to allow global config settings to be set for all services
+within the Overleaf architecture.
+
+Settings file location
+----------------------
+
+You can specify a custom location for the settings file by setting the
+`OVERLEAF_CONFIG` environment variable. E.g.
+
+	$ export OVERLEAF_CONFIG=/home/james/config/settings.development.js
+
+Otherwise, the settings will be loaded from `config/settings.NODE_ENV.js`,
+where `NODE_ENV` is another environment variable, or defaults to `development`.
+
+The config directory is first looked for in the current directory, and then relative
+to the settings module directory.
diff --git a/libraries/settings/Settings.js b/libraries/settings/Settings.js
new file mode 100644
index 0000000..3a5f31c
--- /dev/null
+++ b/libraries/settings/Settings.js
@@ -0,0 +1,55 @@
+/* eslint-disable no-console */
+const fs = require('node:fs')
+const Path = require('node:path')
+const { merge } = require('./merge')
+
+const CWD = process.cwd()
+const ENTRY_POINT_DIR = process.argv[1]
+  ? Path.dirname(process.argv[1])
+  : undefined
+const NODE_ENV = (process.env.NODE_ENV || 'development').toLowerCase()
+const SHARELATEX_CONFIG = process.env.SHARELATEX_CONFIG
+const OVERLEAF_CONFIG = process.env.OVERLEAF_CONFIG || SHARELATEX_CONFIG
+if (SHARELATEX_CONFIG && SHARELATEX_CONFIG !== OVERLEAF_CONFIG) {
+  throw new Error(
+    'found mismatching SHARELATEX_CONFIG, rename to OVERLEAF_CONFIG'
+  )
+}
+
+let settings
+let settingsExist = false
+const defaultsPath =
+  pathIfExists(Path.join(CWD, 'config/settings.defaults.cjs')) ||
+  pathIfExists(Path.join(CWD, 'config/settings.defaults.js')) ||
+  pathIfExists(Path.join(ENTRY_POINT_DIR, 'config/settings.defaults.cjs')) ||
+  pathIfExists(Path.join(ENTRY_POINT_DIR, 'config/settings.defaults.js'))
+if (defaultsPath) {
+  console.log(`Using default settings from ${defaultsPath}`)
+  settings = require(defaultsPath)
+  settingsExist = true
+} else {
+  settings = {}
+}
+
+const overridesPath =
+  pathIfExists(OVERLEAF_CONFIG) ||
+  pathIfExists(Path.join(CWD, `config/settings.${NODE_ENV}.cjs`)) ||
+  pathIfExists(Path.join(CWD, `config/settings.${NODE_ENV}.js`))
+if (overridesPath) {
+  console.log(`Using settings from ${overridesPath}`)
+  settings = merge(require(overridesPath), settings)
+  settingsExist = true
+}
+
+if (!settingsExist) {
+  console.warn("No settings or defaults found. I'm flying blind.")
+}
+
+module.exports = settings
+
+function pathIfExists(path) {
+  if (path && fs.existsSync(path)) {
+    return path
+  }
+  return null
+}
diff --git a/libraries/settings/buildscript.txt b/libraries/settings/buildscript.txt
new file mode 100644
index 0000000..ed79480
--- /dev/null
+++ b/libraries/settings/buildscript.txt
@@ -0,0 +1,10 @@
+settings
+--dependencies=None
+--docker-repos=gcr.io/overleaf-ops
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--is-library=True
+--node-version=20.18.2
+--public-repo=False
+--script-version=4.7.0
diff --git a/libraries/settings/index.js b/libraries/settings/index.js
new file mode 100755
index 0000000..a2cc75a
--- /dev/null
+++ b/libraries/settings/index.js
@@ -0,0 +1 @@
+module.exports = require('./Settings')
diff --git a/libraries/settings/merge.js b/libraries/settings/merge.js
new file mode 100644
index 0000000..2e11a16
--- /dev/null
+++ b/libraries/settings/merge.js
@@ -0,0 +1,12 @@
+function merge(settings, defaults) {
+  for (const [key, value] of Object.entries(settings)) {
+    if (typeof value === 'object' && !(value instanceof Array)) {
+      defaults[key] = merge(value, defaults[key] || {})
+    } else {
+      defaults[key] = value
+    }
+  }
+  return defaults
+}
+
+module.exports = { merge }
diff --git a/libraries/settings/package.json b/libraries/settings/package.json
new file mode 100644
index 0000000..5ddb514
--- /dev/null
+++ b/libraries/settings/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "@overleaf/settings",
+  "description": "A centralised settings system for Overleaf",
+  "version": "3.0.0",
+  "repository": "overleaf/settings-module",
+  "main": "index.js",
+  "scripts": {
+    "lint": "eslint --ext .js --ext .cjs --ext .ts --max-warnings 0 --format unix .",
+    "lint:fix": "eslint --fix --ext .js --ext .cjs --ext .ts .",
+    "format": "prettier --list-different $PWD/'**/*.{js,cjs,ts}'",
+    "format:fix": "prettier --write $PWD/'**/*.{js,cjs,ts}'",
+    "test": "npm run lint && npm run format && npm run types:check && npm run test:unit",
+    "test:ci": "npm run test:unit",
+    "test:unit": "mocha --exit test/**/*.{js,cjs}",
+    "types:check": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "mocha": "^11.1.0",
+    "typescript": "^5.0.4"
+  }
+}
diff --git a/libraries/settings/test/notests.js b/libraries/settings/test/notests.js
new file mode 100644
index 0000000..62307e4
--- /dev/null
+++ b/libraries/settings/test/notests.js
@@ -0,0 +1 @@
+// There are no tests yet
diff --git a/libraries/settings/tsconfig.json b/libraries/settings/tsconfig.json
new file mode 100644
index 0000000..d43bb24
--- /dev/null
+++ b/libraries/settings/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "**/*.js",
+    "**/*.cjs"
+  ]
+}
diff --git a/libraries/stream-utils/.gitignore b/libraries/stream-utils/.gitignore
new file mode 100644
index 0000000..edb0f85
--- /dev/null
+++ b/libraries/stream-utils/.gitignore
@@ -0,0 +1,3 @@
+
+# managed by monorepo$ bin/update_build_scripts
+.npmrc
diff --git a/libraries/stream-utils/.mocharc.json b/libraries/stream-utils/.mocharc.json
new file mode 100644
index 0000000..3be9ee5
--- /dev/null
+++ b/libraries/stream-utils/.mocharc.json
@@ -0,0 +1,5 @@
+{
+  "ui": "bdd",
+  "recursive": "true",
+  "reporter": "spec"
+}
diff --git a/libraries/stream-utils/.nvmrc b/libraries/stream-utils/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/libraries/stream-utils/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/libraries/stream-utils/buildscript.txt b/libraries/stream-utils/buildscript.txt
new file mode 100644
index 0000000..ad72655
--- /dev/null
+++ b/libraries/stream-utils/buildscript.txt
@@ -0,0 +1,10 @@
+stream-utils
+--dependencies=None
+--docker-repos=gcr.io/overleaf-ops
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--is-library=True
+--node-version=20.18.2
+--public-repo=False
+--script-version=4.7.0
diff --git a/libraries/stream-utils/index.js b/libraries/stream-utils/index.js
new file mode 100644
index 0000000..e4c7d60
--- /dev/null
+++ b/libraries/stream-utils/index.js
@@ -0,0 +1,158 @@
+const { Writable, Readable, PassThrough, Transform } = require('node:stream')
+
+/**
+ * A writable stream that stores all data written to it in a node Buffer.
+ * @extends Writable
+ * @example
+ * const { WritableBuffer } = require('@overleaf/stream-utils')
+ * const bufferStream = new WritableBuffer()
+ * bufferStream.write('hello')
+ * bufferStream.write('world')
+ * bufferStream.end()
+ * bufferStream.contents().toString() // 'helloworld'
+ */
+class WritableBuffer extends Writable {
+  constructor(options) {
+    super(options)
+    this._buffers = []
+    this._size = 0
+  }
+
+  _write(chunk, encoding, callback) {
+    this._buffers.push(chunk)
+    this._size += chunk.length
+    callback()
+  }
+
+  _final(callback) {
+    callback()
+  }
+
+  size() {
+    return this._size
+  }
+
+  getContents() {
+    return Buffer.concat(this._buffers)
+  }
+
+  contents() {
+    return Buffer.concat(this._buffers)
+  }
+}
+
+/**
+ * A readable stream created from a string.
+ * @extends Readable
+ * @example
+ * const { ReadableString } = require('@overleaf/stream-utils')
+ * const stringStream = new ReadableString('hello world')
+ * stringStream.on('data', chunk => console.log(chunk.toString()))
+ * stringStream.on('end', () => console.log('done'))
+ */
+class ReadableString extends Readable {
+  constructor(string, options) {
+    super(options)
+    this._string = string
+  }
+
+  _read(size) {
+    this.push(this._string)
+    this.push(null)
+  }
+}
+
+class SizeExceededError extends Error {}
+
+/**
+ * Limited size stream which will emit a SizeExceededError if the size is exceeded
+ * @extends Transform
+ */
+class LimitedStream extends Transform {
+  constructor(maxSize) {
+    super()
+    this.maxSize = maxSize
+    this.size = 0
+  }
+
+  _transform(chunk, encoding, callback) {
+    this.size += chunk.byteLength
+    if (this.size > this.maxSize) {
+      callback(
+        new SizeExceededError(
+          `exceeded stream size limit of ${this.maxSize}: ${this.size}`
+        )
+      )
+    } else {
+      callback(null, chunk)
+    }
+  }
+}
+
+class AbortError extends Error {}
+
+/**
+ * TimeoutStream which will emit an AbortError if it exceeds a user specified timeout
+ * @extends PassThrough
+ */
+class TimeoutStream extends PassThrough {
+  constructor(timeout) {
+    super()
+    this.t = setTimeout(() => {
+      this.destroy(new AbortError('stream timed out'))
+    }, timeout)
+  }
+
+  _final(callback) {
+    clearTimeout(this.t)
+    callback()
+  }
+}
+
+/**
+ * LoggerStream which will call the provided logger function when the stream exceeds a user specified limit. It will call the provided function again when flushing the stream and it exceeded the user specified limit before.
+ * @extends Transform
+ */
+class LoggerStream extends Transform {
+  /**
+   * Constructor.
+   * @param {number} maxSize
+   * @param {function(currentSizeOfStream: number, isFlush: boolean)} fn
+   * @param {Object?} options optional options for the Transform stream
+   */
+  constructor(maxSize, fn, options) {
+    super(options)
+    this.fn = fn
+    this.size = 0
+    this.maxSize = maxSize
+    this.logged = false
+  }
+
+  _transform(chunk, encoding, callback) {
+    this.size += chunk.byteLength
+    if (this.size > this.maxSize && !this.logged) {
+      this.fn(this.size)
+      this.logged = true
+    }
+    callback(null, chunk)
+  }
+
+  _flush(callback) {
+    if (this.size > this.maxSize) {
+      this.fn(this.size, true)
+    }
+    callback()
+  }
+}
+
+// Export our classes
+
+module.exports = {
+  WritableBuffer,
+  ReadableString,
+  LoggerStream,
+  LimitedStream,
+  TimeoutStream,
+  SizeExceededError,
+  AbortError,
+}
diff --git a/libraries/stream-utils/package.json b/libraries/stream-utils/package.json
new file mode 100644
index 0000000..686084a
--- /dev/null
+++ b/libraries/stream-utils/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "@overleaf/stream-utils",
+  "version": "0.1.0",
+  "description": "stream handling utilities",
+  "main": "index.js",
+  "scripts": {
+    "test": "npm run lint && npm run format && npm run types:check && npm run test:unit",
+    "test:unit": "mocha --exit test/**/*.{js,cjs}",
+    "lint": "eslint --ext .js --ext .cjs --ext .ts --max-warnings 0 --format unix .",
+    "lint:fix": "eslint --fix --ext .js --ext .cjs --ext .ts .",
+    "format": "prettier --list-different $PWD/'**/*.{js,cjs,ts}'",
+    "format:fix": "prettier --write $PWD/'**/*.{js,cjs,ts}'",
+    "test:ci": "npm run test:unit",
+    "types:check": "tsc --noEmit"
+  },
+  "author": "Overleaf (https://www.overleaf.com)",
+  "license": "AGPL-3.0-only",
+  "devDependencies": {
+    "chai": "^4.3.6",
+    "chai-as-promised": "^7.1.1",
+    "mocha": "^11.1.0",
+    "typescript": "^5.0.4"
+  }
+}
diff --git a/libraries/stream-utils/test/unit/LimitedStreamTests.js b/libraries/stream-utils/test/unit/LimitedStreamTests.js
new file mode 100644
index 0000000..6401b7d
--- /dev/null
+++ b/libraries/stream-utils/test/unit/LimitedStreamTests.js
@@ -0,0 +1,30 @@
+const { expect } = require('chai')
+const { LimitedStream, SizeExceededError } = require('../../index')
+
+describe('LimitedStream', function () {
+  it('should emit an error if the stream size exceeds the limit', function (done) {
+    const maxSize = 10
+    const limitedStream = new LimitedStream(maxSize)
+    limitedStream.on('error', err => {
+      expect(err).to.be.an.instanceOf(SizeExceededError)
+      done()
+    })
+    limitedStream.write(Buffer.alloc(maxSize + 1))
+  })
+
+  it('should pass through data if the stream size does not exceed the limit', function (done) {
+    const maxSize = 15
+    const limitedStream = new LimitedStream(maxSize)
+    let data = ''
+    limitedStream.on('data', chunk => {
+      data += chunk.toString()
+    })
+    limitedStream.on('end', () => {
+      expect(data).to.equal('hello world')
+      done()
+    })
+    limitedStream.write('hello')
+    limitedStream.write(' world')
+    limitedStream.end()
+  })
+})
diff --git a/libraries/stream-utils/test/unit/LoggerStreamTests.js b/libraries/stream-utils/test/unit/LoggerStreamTests.js
new file mode 100644
index 0000000..ed664f8
--- /dev/null
+++ b/libraries/stream-utils/test/unit/LoggerStreamTests.js
@@ -0,0 +1,36 @@
+const { expect } = require('chai')
+const { LoggerStream } = require('../../index')
+
+describe('LoggerStream', function () {
+  it('should log the size of the stream when it exceeds the limit', function (done) {
+    const maxSize = 10
+    const loggedSizes = []
+    const loggerStream = new LoggerStream(maxSize, (size, isFlush) => {
+      loggedSizes.push([size, isFlush])
+      if (isFlush) {
+        expect(loggedSizes).to.deep.equal([
+          [11, undefined],
+          [11, true],
+        ])
+        done()
+      }
+    })
+    loggerStream.write(Buffer.alloc(maxSize))
+    loggerStream.write(Buffer.alloc(1))
+    loggerStream.end()
+  })
+
+  it('should not log the size of the stream if it does not exceed the limit', function (done) {
+    const maxSize = 10
+    const loggedSizes = []
+    const loggerStream = new LoggerStream(maxSize, (size, isFlush) => {
+      loggedSizes.push(size)
+    })
+    loggerStream.write(Buffer.alloc(maxSize))
+    loggerStream.end()
+    loggerStream.on('finish', () => {
+      expect(loggedSizes).to.deep.equal([])
+      done()
+    })
+  })
+})
diff --git a/libraries/stream-utils/test/unit/ReadableStringTests.js b/libraries/stream-utils/test/unit/ReadableStringTests.js
new file mode 100644
index 0000000..b08dbc6
--- /dev/null
+++ b/libraries/stream-utils/test/unit/ReadableStringTests.js
@@ -0,0 +1,16 @@
+const { expect } = require('chai')
+const { ReadableString } = require('../../index')
+
+describe('ReadableString', function () {
+  it('should emit the string passed to it', function (done) {
+    const stringStream = new ReadableString('hello world')
+    let data = ''
+    stringStream.on('data', chunk => {
+      data += chunk.toString()
+    })
+    stringStream.on('end', () => {
+      expect(data).to.equal('hello world')
+      done()
+    })
+  })
+})
diff --git a/libraries/stream-utils/test/unit/TimeoutStreamTests.js b/libraries/stream-utils/test/unit/TimeoutStreamTests.js
new file mode 100644
index 0000000..2b203c5
--- /dev/null
+++ b/libraries/stream-utils/test/unit/TimeoutStreamTests.js
@@ -0,0 +1,22 @@
+const { expect } = require('chai')
+const { TimeoutStream, AbortError } = require('../../index')
+
+describe('TimeoutStream', function () {
+  it('should emit an error if the stream times out', function (done) {
+    const timeout = 10
+    const timeoutStream = new TimeoutStream(timeout)
+    timeoutStream.on('error', err => {
+      expect(err).to.be.an.instanceOf(AbortError)
+      done()
+    })
+  })
+
+  it('should not emit an error if the stream does not time out', function (done) {
+    const timeout = 100
+    const timeoutStream = new TimeoutStream(timeout)
+    setTimeout(() => {
+      timeoutStream.end()
+      done()
+    }, 1)
+  })
+})
diff --git a/libraries/stream-utils/test/unit/WritableBufferTests.js b/libraries/stream-utils/test/unit/WritableBufferTests.js
new file mode 100644
index 0000000..a9b16a8
--- /dev/null
+++ b/libraries/stream-utils/test/unit/WritableBufferTests.js
@@ -0,0 +1,20 @@
+const { expect } = require('chai')
+const { WritableBuffer } = require('../../index')
+
+describe('WritableBuffer', function () {
+  it('should store all data written to it in a node Buffer', function () {
+    const bufferStream = new WritableBuffer()
+    bufferStream.write('hello')
+    bufferStream.write('world')
+    bufferStream.end()
+    expect(bufferStream.contents().toString()).to.equal('helloworld')
+  })
+
+  it('should return the size of the data written to it', function () {
+    const bufferStream = new WritableBuffer()
+    bufferStream.write('hello')
+    bufferStream.write('world')
+    bufferStream.end()
+    expect(bufferStream.size()).to.equal(10)
+  })
+})
diff --git a/libraries/stream-utils/tsconfig.json b/libraries/stream-utils/tsconfig.json
new file mode 100644
index 0000000..d43bb24
--- /dev/null
+++ b/libraries/stream-utils/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "**/*.js",
+    "**/*.cjs"
+  ]
+}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..e1e4750
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,45920 @@
+{
+  "name": "overleaf",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "overleaf",
+      "hasInstallScript": true,
+      "workspaces": [
+        "jobs/mirror-documentation",
+        "libraries/*",
+        "services/analytics",
+        "services/chat",
+        "services/clsi",
+        "services/clsi-cache",
+        "services/clsi-perf",
+        "services/contacts",
+        "services/docstore",
+        "services/document-updater",
+        "services/filestore",
+        "services/freegeoip",
+        "services/github-sync",
+        "services/history-v1",
+        "services/idp",
+        "services/latexqc",
+        "services/notifications",
+        "services/project-history",
+        "services/real-time",
+        "services/references",
+        "services/templates",
+        "services/third-party-datastore",
+        "services/third-party-references",
+        "services/tpdsworker",
+        "services/web",
+        "tools/saas-e2e"
+      ],
+      "dependencies": {
+        "patch-package": "^8.0.0"
+      },
+      "devDependencies": {
+        "@types/chai": "^4.3.0",
+        "@types/chai-as-promised": "^7.1.8",
+        "@types/mocha": "^10.0.6",
+        "@typescript-eslint/eslint-plugin": "^8.0.0",
+        "@typescript-eslint/parser": "^8.0.0",
+        "eslint": "^8.15.0",
+        "eslint-config-prettier": "^8.5.0",
+        "eslint-config-standard": "^17.0.0",
+        "eslint-plugin-chai-expect": "^3.0.0",
+        "eslint-plugin-chai-friendly": "^0.7.2",
+        "eslint-plugin-cypress": "^2.15.1",
+        "eslint-plugin-import": "^2.26.0",
+        "eslint-plugin-mocha": "^10.1.0",
+        "eslint-plugin-node": "^11.1.0",
+        "eslint-plugin-prettier": "^4.0.0",
+        "eslint-plugin-promise": "^6.0.0",
+        "eslint-plugin-unicorn": "^56.0.0",
+        "prettier": "3.3.3",
+        "typescript": "^5.5.4"
+      }
+    },
+    "jobs/mirror-documentation": {
+      "name": "mirror_documentation",
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "bluebird": "^3.5.3",
+        "glob": "^7.1.3",
+        "googleapis": "^118.0.0",
+        "node-fetch": "^2.7.0",
+        "overleaf-editor-core": "*",
+        "swagger-client": "^3.8.24",
+        "tmp": "0.0.33"
+      }
+    },
+    "jobs/mirror-documentation/node_modules/tmp": {
+      "version": "0.0.33",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+      "dependencies": {
+        "os-tmpdir": "~1.0.2"
+      },
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "libraries/access-token-encryptor": {
+      "name": "@overleaf/access-token-encryptor",
+      "version": "3.0.0",
+      "license": "AGPL-3.0-only",
+      "dependencies": {
+        "lodash": "^4.17.21"
+      },
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "mocha": "^11.1.0",
+        "sandboxed-module": "^2.0.4",
+        "typescript": "^5.0.4"
+      }
+    },
+    "libraries/eslint-plugin": {
+      "name": "@overleaf/eslint-plugin",
+      "version": "0.1.0",
+      "license": "AGPL-3.0-only",
+      "dependencies": {
+        "eslint": "^8.51.0",
+        "lodash": "^4.17.21"
+      },
+      "devDependencies": {
+        "@typescript-eslint/parser": "^6.7.5"
+      }
+    },
+    "libraries/eslint-plugin/node_modules/@typescript-eslint/parser": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.21.0.tgz",
+      "integrity": "sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "6.21.0",
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/typescript-estree": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "libraries/eslint-plugin/node_modules/debug": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz",
+      "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "libraries/eslint-plugin/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true
+    },
+    "libraries/fetch-utils": {
+      "name": "@overleaf/fetch-utils",
+      "version": "0.1.0",
+      "license": "AGPL-3.0-only",
+      "dependencies": {
+        "@overleaf/o-error": "*",
+        "lodash": "^4.17.21",
+        "node-fetch": "^2.7.0",
+        "selfsigned": "^2.4.1"
+      },
+      "devDependencies": {
+        "@types/node-fetch": "^2.6.11",
+        "body-parser": "^1.20.3",
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "express": "^4.21.2",
+        "mocha": "^11.1.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "libraries/logger": {
+      "name": "@overleaf/logger",
+      "version": "3.1.1",
+      "license": "AGPL-3.0-only",
+      "dependencies": {
+        "@google-cloud/logging-bunyan": "^5.1.0",
+        "@overleaf/fetch-utils": "*",
+        "@overleaf/o-error": "*",
+        "bunyan": "^1.8.14"
+      },
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "mocha": "^11.1.0",
+        "sandboxed-module": "^2.0.4",
+        "sinon": "^9.2.4",
+        "sinon-chai": "^3.7.0",
+        "typescript": "^5.0.4"
+      },
+      "peerDependencies": {
+        "@overleaf/metrics": "*"
+      }
+    },
+    "libraries/metrics": {
+      "name": "@overleaf/metrics",
+      "version": "4.2.0",
+      "dependencies": {
+        "@google-cloud/opentelemetry-cloud-trace-exporter": "^2.1.0",
+        "@google-cloud/profiler": "^6.0.0",
+        "@opentelemetry/api": "^1.4.1",
+        "@opentelemetry/auto-instrumentations-node": "^0.39.1",
+        "@opentelemetry/exporter-trace-otlp-http": "^0.41.2",
+        "@opentelemetry/resources": "^1.15.2",
+        "@opentelemetry/sdk-node": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.15.2",
+        "compression": "^1.7.4",
+        "prom-client": "^14.1.1",
+        "yn": "^3.1.1"
+      },
+      "devDependencies": {
+        "bunyan": "^1.0.0",
+        "chai": "^4.3.6",
+        "mocha": "^11.1.0",
+        "sandboxed-module": "^2.0.4",
+        "sinon": "^9.2.4",
+        "typescript": "^5.0.4"
+      },
+      "peerDependencies": {
+        "@overleaf/logger": "*"
+      }
+    },
+    "libraries/metrics/node_modules/yn": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
+      "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "libraries/mongo-utils": {
+      "name": "@overleaf/mongo-utils",
+      "version": "0.0.1",
+      "license": "AGPL-3.0-only",
+      "dependencies": {
+        "mongodb": "6.12.0",
+        "mongodb-legacy": "6.1.3"
+      },
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "mocha": "^11.1.0",
+        "sandboxed-module": "^2.0.4",
+        "sinon": "^9.2.4",
+        "sinon-chai": "^3.7.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "libraries/o-error": {
+      "name": "@overleaf/o-error",
+      "version": "3.4.0",
+      "license": "MIT",
+      "devDependencies": {
+        "@types/chai": "^4.3.0",
+        "@types/node": "^18.17.4",
+        "chai": "^4.3.6",
+        "mocha": "^11.1.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "libraries/object-persistor": {
+      "name": "@overleaf/object-persistor",
+      "version": "1.0.2",
+      "license": "AGPL-3.0",
+      "dependencies": {
+        "@google-cloud/storage": "^6.10.1",
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/o-error": "*",
+        "@overleaf/stream-utils": "*",
+        "aws-sdk": "^2.1691.0",
+        "fast-crc32c": "overleaf/node-fast-crc32c#aae6b2a4c7a7a159395df9cc6c38dfde702d6f51",
+        "glob": "^7.1.6",
+        "range-parser": "^1.2.1",
+        "tiny-async-pool": "^1.1.0"
+      },
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "mocha": "^11.1.0",
+        "mock-fs": "^5.2.0",
+        "mongodb": "6.12.0",
+        "sandboxed-module": "^2.0.4",
+        "sinon": "^9.2.4",
+        "sinon-chai": "^3.7.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "libraries/object-persistor/node_modules/aws-sdk": {
+      "version": "2.1691.0",
+      "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.1691.0.tgz",
+      "integrity": "sha512-/F2YC+DlsY3UBM2Bdnh5RLHOPNibS/+IcjUuhP8XuctyrN+MlL+fWDAiela32LTDk7hMy4rx8MTgvbJ+0blO5g==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "buffer": "4.9.2",
+        "events": "1.1.1",
+        "ieee754": "1.1.13",
+        "jmespath": "0.16.0",
+        "querystring": "0.2.0",
+        "sax": "1.2.1",
+        "url": "0.10.3",
+        "util": "^0.12.4",
+        "uuid": "8.0.0",
+        "xml2js": "0.6.2"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "libraries/object-persistor/node_modules/uuid": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.0.0.tgz",
+      "integrity": "sha512-jOXGuXZAWdsTH7eZLtyXMqUb9EcWMGZNbL9YcGBJl4MH4nrxHmZJhEHvyLFrkxo+28uLb/NYRcStH48fnD0Vzw==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "libraries/overleaf-editor-core": {
+      "version": "1.0.0",
+      "license": "Proprietary",
+      "dependencies": {
+        "@overleaf/o-error": "*",
+        "check-types": "^5.1.0",
+        "lodash": "^4.17.19",
+        "p-map": "^4.0.0",
+        "path-browserify": "^1.0.1"
+      },
+      "devDependencies": {
+        "@types/check-types": "^7.3.7",
+        "@types/path-browserify": "^1.0.2",
+        "chai": "^3.3.0",
+        "mocha": "^11.1.0",
+        "sinon": "^9.2.4",
+        "typescript": "^5.0.4"
+      }
+    },
+    "libraries/overleaf-editor-core/node_modules/chai": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-3.5.0.tgz",
+      "integrity": "sha1-TQJjewZ/6Vi9v906QOxW/vc3Mkc=",
+      "dev": true,
+      "dependencies": {
+        "assertion-error": "^1.0.1",
+        "deep-eql": "^0.1.3",
+        "type-detect": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "libraries/overleaf-editor-core/node_modules/deep-eql": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-0.1.3.tgz",
+      "integrity": "sha1-71WKyrjeJSBs1xOQbXTlaTDrafI=",
+      "dev": true,
+      "dependencies": {
+        "type-detect": "0.1.1"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "libraries/overleaf-editor-core/node_modules/deep-eql/node_modules/type-detect": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-0.1.1.tgz",
+      "integrity": "sha1-C6XsKohWQORw6k6FBZcZANrFiCI=",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "libraries/overleaf-editor-core/node_modules/type-detect": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-1.0.0.tgz",
+      "integrity": "sha1-diIXzAbbJY7EiQihKY6LlRIejqI=",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "libraries/piece-table": {
+      "name": "@overleaf/piece-table",
+      "version": "1.0.0",
+      "license": "Proprietary",
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "mocha": "^11.1.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "libraries/promise-utils": {
+      "name": "@overleaf/promise-utils",
+      "version": "0.1.0",
+      "license": "AGPL-3.0-only",
+      "dependencies": {
+        "p-limit": "^2.3.0"
+      },
+      "devDependencies": {
+        "chai": "^4.3.10",
+        "chai-as-promised": "^7.1.1",
+        "mocha": "^11.1.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "libraries/promise-utils/node_modules/chai": {
+      "version": "4.3.10",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-4.3.10.tgz",
+      "integrity": "sha512-0UXG04VuVbruMUYbJ6JctvH0YnC/4q3/AkT18q4NaITo91CUm0liMS9VqzT9vZhVQ/1eqPanMWjBM+Juhfb/9g==",
+      "dev": true,
+      "dependencies": {
+        "assertion-error": "^1.1.0",
+        "check-error": "^1.0.3",
+        "deep-eql": "^4.1.3",
+        "get-func-name": "^2.0.2",
+        "loupe": "^2.3.6",
+        "pathval": "^1.1.1",
+        "type-detect": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "libraries/promise-utils/node_modules/deep-eql": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-4.1.3.tgz",
+      "integrity": "sha512-WaEtAOpRA1MQ0eohqZjpGD8zdI0Ovsm8mmFhaDN8dvDZzyoUMcYDnf5Y6iu7HTXxf8JDS23qWa4a+hKCDyOPzw==",
+      "dev": true,
+      "dependencies": {
+        "type-detect": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "libraries/promise-utils/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "libraries/ranges-tracker": {
+      "name": "@overleaf/ranges-tracker",
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "mocha": "^11.1.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "libraries/redis-wrapper": {
+      "name": "@overleaf/redis-wrapper",
+      "version": "2.1.0",
+      "license": "ISC",
+      "dependencies": {
+        "async": "^3.2.5",
+        "ioredis": "~4.27.1"
+      },
+      "devDependencies": {
+        "@overleaf/logger": "*",
+        "@overleaf/o-error": "*",
+        "chai": "^4.3.6",
+        "mocha": "^11.1.0",
+        "sandboxed-module": "^2.0.4",
+        "sinon": "^9.2.4",
+        "typescript": "^5.0.4"
+      },
+      "peerDependencies": {
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/o-error": "*"
+      }
+    },
+    "libraries/settings": {
+      "name": "@overleaf/settings",
+      "version": "3.0.0",
+      "devDependencies": {
+        "mocha": "^11.1.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "libraries/stream-utils": {
+      "name": "@overleaf/stream-utils",
+      "version": "0.1.0",
+      "license": "AGPL-3.0-only",
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "mocha": "^11.1.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "node_modules/@aashutoshrathi/word-wrap": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@aashutoshrathi/word-wrap/-/word-wrap-1.2.6.tgz",
+      "integrity": "sha512-1Yjs2SvM8TflER/OD3cOjhWWOZb58A2t7wpE2S9XfBYTiIl+XFhQG2bjy4Pu1I+EAlCNUzRDYDdFwFYUKvXcIA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/@adobe/css-tools": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.2.tgz",
+      "integrity": "sha512-baYZExFpsdkBNuvGKTKWCwKH57HRZLVtycZS05WTQNVOiXVSeAki3nU35zlRbToeMW8aHlJfyS+1C4BOv27q0A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@ampproject/remapping": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/@ampproject/remapping/-/remapping-2.2.1.tgz",
+      "integrity": "sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.0",
+        "@jridgewell/trace-mapping": "^0.3.9"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@apidevtools/json-schema-ref-parser": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/@apidevtools/json-schema-ref-parser/-/json-schema-ref-parser-9.1.0.tgz",
+      "integrity": "sha512-teB30tFooE3iQs2HQIKJ02D8UZA1Xy1zaczzhUjJs0CymYxeC0g+y5rCY2p8NHBM6DBUVoR8rSM4kHLj1WE9mQ==",
+      "dependencies": {
+        "@jsdevtools/ono": "^7.1.3",
+        "@types/json-schema": "^7.0.6",
+        "call-me-maybe": "^1.0.1",
+        "js-yaml": "^4.1.0"
+      }
+    },
+    "node_modules/@arrows/array": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@arrows/array/-/array-1.4.1.tgz",
+      "integrity": "sha512-MGYS8xi3c4tTy1ivhrVntFvufoNzje0PchjEz6G/SsWRgUKxL4tKwS6iPdO8vsaJYldagAeWMd5KRD0aX3Q39g==",
+      "dev": true,
+      "dependencies": {
+        "@arrows/composition": "^1.2.2"
+      }
+    },
+    "node_modules/@arrows/composition": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@arrows/composition/-/composition-1.2.2.tgz",
+      "integrity": "sha512-9fh1yHwrx32lundiB3SlZ/VwuStPB4QakPsSLrGJFH6rCXvdrd060ivAZ7/2vlqPnEjBkPRRXOcG1YOu19p2GQ==",
+      "dev": true
+    },
+    "node_modules/@arrows/dispatch": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@arrows/dispatch/-/dispatch-1.0.3.tgz",
+      "integrity": "sha512-v/HwvrFonitYZM2PmBlAlCqVqxrkIIoiEuy5bQgn0BdfvlL0ooSBzcPzTMrtzY8eYktPyYcHg8fLbSgyybXEqw==",
+      "dev": true,
+      "dependencies": {
+        "@arrows/composition": "^1.2.2"
+      }
+    },
+    "node_modules/@arrows/error": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@arrows/error/-/error-1.0.2.tgz",
+      "integrity": "sha512-yvkiv1ay4Z3+Z6oQsUkedsQm5aFdyPpkBUQs8vejazU/RmANABx6bMMcBPPHI4aW43VPQmXFfBzr/4FExwWTEA==",
+      "dev": true
+    },
+    "node_modules/@arrows/multimethod": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@arrows/multimethod/-/multimethod-1.4.1.tgz",
+      "integrity": "sha512-AZnAay0dgPnCJxn3We5uKiB88VL+1ZIF2SjZohLj6vqY2UyvB/sKdDnFP+LZNVsTC5lcnGPmLlRRkAh4sXkXsQ==",
+      "dev": true,
+      "dependencies": {
+        "@arrows/array": "^1.4.1",
+        "@arrows/composition": "^1.2.2",
+        "@arrows/error": "^1.0.2",
+        "fast-deep-equal": "^3.1.3"
+      }
+    },
+    "node_modules/@auth0/thumbprint": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/@auth0/thumbprint/-/thumbprint-0.0.6.tgz",
+      "integrity": "sha1-yrEGLGwEZizmxZLUgVfsQmiuhRg="
+    },
+    "node_modules/@auth0/xmldom": {
+      "version": "0.1.21",
+      "resolved": "https://registry.npmjs.org/@auth0/xmldom/-/xmldom-0.1.21.tgz",
+      "integrity": "sha512-//QqjkvBknF7j0Nf205o5wgUMnq8ioHHxEr61OZQ3J0RXGFvs2rb5GLZ8jdNxMqYz4n/PEsbFIQL5RHBixxq5g==",
+      "engines": {
+        "node": ">=0.1"
+      }
+    },
+    "node_modules/@aws-crypto/crc32": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@aws-crypto/crc32/-/crc32-3.0.0.tgz",
+      "integrity": "sha512-IzSgsrxUcsrejQbPVilIKy16kAT52EwB6zSaI+M3xxIhKh5+aldEyvI+z6erM7TCLB2BJsFrtHjp6/4/sr+3dA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-crypto/util": "^3.0.0",
+        "@aws-sdk/types": "^3.222.0",
+        "tslib": "^1.11.1"
+      }
+    },
+    "node_modules/@aws-crypto/crc32/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/@aws-crypto/ie11-detection": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@aws-crypto/ie11-detection/-/ie11-detection-3.0.0.tgz",
+      "integrity": "sha512-341lBBkiY1DfDNKai/wXM3aujNBkXR7tq1URPQDL9wi3AUbI80NR74uF1TXHMm7po1AcnFk8iu2S2IeU/+/A+Q==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^1.11.1"
+      }
+    },
+    "node_modules/@aws-crypto/ie11-detection/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/@aws-crypto/sha256-browser": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@aws-crypto/sha256-browser/-/sha256-browser-3.0.0.tgz",
+      "integrity": "sha512-8VLmW2B+gjFbU5uMeqtQM6Nj0/F1bro80xQXCW6CQBWgosFWXTx77aeOF5CAIAmbOK64SdMBJdNr6J41yP5mvQ==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-crypto/ie11-detection": "^3.0.0",
+        "@aws-crypto/sha256-js": "^3.0.0",
+        "@aws-crypto/supports-web-crypto": "^3.0.0",
+        "@aws-crypto/util": "^3.0.0",
+        "@aws-sdk/types": "^3.222.0",
+        "@aws-sdk/util-locate-window": "^3.0.0",
+        "@aws-sdk/util-utf8-browser": "^3.0.0",
+        "tslib": "^1.11.1"
+      }
+    },
+    "node_modules/@aws-crypto/sha256-browser/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/@aws-crypto/sha256-js": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@aws-crypto/sha256-js/-/sha256-js-3.0.0.tgz",
+      "integrity": "sha512-PnNN7os0+yd1XvXAy23CFOmTbMaDxgxXtTKHybrJ39Y8kGzBATgBFibWJKH6BhytLI/Zyszs87xCOBNyBig6vQ==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-crypto/util": "^3.0.0",
+        "@aws-sdk/types": "^3.222.0",
+        "tslib": "^1.11.1"
+      }
+    },
+    "node_modules/@aws-crypto/sha256-js/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/@aws-crypto/supports-web-crypto": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@aws-crypto/supports-web-crypto/-/supports-web-crypto-3.0.0.tgz",
+      "integrity": "sha512-06hBdMwUAb2WFTuGG73LSC0wfPu93xWwo5vL2et9eymgmu3Id5vFAHBbajVWiGhPO37qcsdCap/FqXvJGJWPIg==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^1.11.1"
+      }
+    },
+    "node_modules/@aws-crypto/supports-web-crypto/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/@aws-crypto/util": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@aws-crypto/util/-/util-3.0.0.tgz",
+      "integrity": "sha512-2OJlpeJpCR48CC8r+uKVChzs9Iungj9wkZrl8Z041DWEWvyIHILYKCPNzJghKsivj+S3mLo6BVc7mBNzdxA46w==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/types": "^3.222.0",
+        "@aws-sdk/util-utf8-browser": "^3.0.0",
+        "tslib": "^1.11.1"
+      }
+    },
+    "node_modules/@aws-crypto/util/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/@aws-sdk/client-cognito-identity": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/client-cognito-identity/-/client-cognito-identity-3.363.0.tgz",
+      "integrity": "sha512-tsJzgBSCpna85IVsuS7FBIK9wkSl7fs8TJ/QzapIgu8rKss0ySHVO6TeMVAdw2BvaQl7CxU9c3PosjhLWHu6KQ==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-crypto/sha256-browser": "3.0.0",
+        "@aws-crypto/sha256-js": "3.0.0",
+        "@aws-sdk/client-sts": "3.363.0",
+        "@aws-sdk/credential-provider-node": "3.363.0",
+        "@aws-sdk/middleware-host-header": "3.363.0",
+        "@aws-sdk/middleware-logger": "3.363.0",
+        "@aws-sdk/middleware-recursion-detection": "3.363.0",
+        "@aws-sdk/middleware-signing": "3.363.0",
+        "@aws-sdk/middleware-user-agent": "3.363.0",
+        "@aws-sdk/types": "3.357.0",
+        "@aws-sdk/util-endpoints": "3.357.0",
+        "@aws-sdk/util-user-agent-browser": "3.363.0",
+        "@aws-sdk/util-user-agent-node": "3.363.0",
+        "@smithy/config-resolver": "^1.0.1",
+        "@smithy/fetch-http-handler": "^1.0.1",
+        "@smithy/hash-node": "^1.0.1",
+        "@smithy/invalid-dependency": "^1.0.1",
+        "@smithy/middleware-content-length": "^1.0.1",
+        "@smithy/middleware-endpoint": "^1.0.1",
+        "@smithy/middleware-retry": "^1.0.2",
+        "@smithy/middleware-serde": "^1.0.1",
+        "@smithy/middleware-stack": "^1.0.1",
+        "@smithy/node-config-provider": "^1.0.1",
+        "@smithy/node-http-handler": "^1.0.2",
+        "@smithy/protocol-http": "^1.0.1",
+        "@smithy/smithy-client": "^1.0.3",
+        "@smithy/types": "^1.0.0",
+        "@smithy/url-parser": "^1.0.1",
+        "@smithy/util-base64": "^1.0.1",
+        "@smithy/util-body-length-browser": "^1.0.1",
+        "@smithy/util-body-length-node": "^1.0.1",
+        "@smithy/util-defaults-mode-browser": "^1.0.1",
+        "@smithy/util-defaults-mode-node": "^1.0.1",
+        "@smithy/util-retry": "^1.0.2",
+        "@smithy/util-utf8": "^1.0.1",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-sso": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/client-sso/-/client-sso-3.363.0.tgz",
+      "integrity": "sha512-PZ+HfKSgS4hlMnJzG+Ev8/mgHd/b/ETlJWPSWjC/f2NwVoBQkBnqHjdyEx7QjF6nksJozcVh5Q+kkYLKc/QwBQ==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-crypto/sha256-browser": "3.0.0",
+        "@aws-crypto/sha256-js": "3.0.0",
+        "@aws-sdk/middleware-host-header": "3.363.0",
+        "@aws-sdk/middleware-logger": "3.363.0",
+        "@aws-sdk/middleware-recursion-detection": "3.363.0",
+        "@aws-sdk/middleware-user-agent": "3.363.0",
+        "@aws-sdk/types": "3.357.0",
+        "@aws-sdk/util-endpoints": "3.357.0",
+        "@aws-sdk/util-user-agent-browser": "3.363.0",
+        "@aws-sdk/util-user-agent-node": "3.363.0",
+        "@smithy/config-resolver": "^1.0.1",
+        "@smithy/fetch-http-handler": "^1.0.1",
+        "@smithy/hash-node": "^1.0.1",
+        "@smithy/invalid-dependency": "^1.0.1",
+        "@smithy/middleware-content-length": "^1.0.1",
+        "@smithy/middleware-endpoint": "^1.0.1",
+        "@smithy/middleware-retry": "^1.0.2",
+        "@smithy/middleware-serde": "^1.0.1",
+        "@smithy/middleware-stack": "^1.0.1",
+        "@smithy/node-config-provider": "^1.0.1",
+        "@smithy/node-http-handler": "^1.0.2",
+        "@smithy/protocol-http": "^1.0.1",
+        "@smithy/smithy-client": "^1.0.3",
+        "@smithy/types": "^1.0.0",
+        "@smithy/url-parser": "^1.0.1",
+        "@smithy/util-base64": "^1.0.1",
+        "@smithy/util-body-length-browser": "^1.0.1",
+        "@smithy/util-body-length-node": "^1.0.1",
+        "@smithy/util-defaults-mode-browser": "^1.0.1",
+        "@smithy/util-defaults-mode-node": "^1.0.1",
+        "@smithy/util-retry": "^1.0.2",
+        "@smithy/util-utf8": "^1.0.1",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-sso-oidc": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/client-sso-oidc/-/client-sso-oidc-3.363.0.tgz",
+      "integrity": "sha512-V3Ebiq/zNtDS/O92HUWGBa7MY59RYSsqWd+E0XrXv6VYTA00RlMTbNcseivNgp2UghOgB9a20Nkz6EqAeIN+RQ==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-crypto/sha256-browser": "3.0.0",
+        "@aws-crypto/sha256-js": "3.0.0",
+        "@aws-sdk/middleware-host-header": "3.363.0",
+        "@aws-sdk/middleware-logger": "3.363.0",
+        "@aws-sdk/middleware-recursion-detection": "3.363.0",
+        "@aws-sdk/middleware-user-agent": "3.363.0",
+        "@aws-sdk/types": "3.357.0",
+        "@aws-sdk/util-endpoints": "3.357.0",
+        "@aws-sdk/util-user-agent-browser": "3.363.0",
+        "@aws-sdk/util-user-agent-node": "3.363.0",
+        "@smithy/config-resolver": "^1.0.1",
+        "@smithy/fetch-http-handler": "^1.0.1",
+        "@smithy/hash-node": "^1.0.1",
+        "@smithy/invalid-dependency": "^1.0.1",
+        "@smithy/middleware-content-length": "^1.0.1",
+        "@smithy/middleware-endpoint": "^1.0.1",
+        "@smithy/middleware-retry": "^1.0.2",
+        "@smithy/middleware-serde": "^1.0.1",
+        "@smithy/middleware-stack": "^1.0.1",
+        "@smithy/node-config-provider": "^1.0.1",
+        "@smithy/node-http-handler": "^1.0.2",
+        "@smithy/protocol-http": "^1.0.1",
+        "@smithy/smithy-client": "^1.0.3",
+        "@smithy/types": "^1.0.0",
+        "@smithy/url-parser": "^1.0.1",
+        "@smithy/util-base64": "^1.0.1",
+        "@smithy/util-body-length-browser": "^1.0.1",
+        "@smithy/util-body-length-node": "^1.0.1",
+        "@smithy/util-defaults-mode-browser": "^1.0.1",
+        "@smithy/util-defaults-mode-node": "^1.0.1",
+        "@smithy/util-retry": "^1.0.2",
+        "@smithy/util-utf8": "^1.0.1",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/client-sts": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/client-sts/-/client-sts-3.363.0.tgz",
+      "integrity": "sha512-0jj14WvBPJQ8xr72cL0mhlmQ90tF0O0wqXwSbtog6PsC8+KDE6Yf+WsxsumyI8E5O8u3eYijBL+KdqG07F/y/w==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-crypto/sha256-browser": "3.0.0",
+        "@aws-crypto/sha256-js": "3.0.0",
+        "@aws-sdk/credential-provider-node": "3.363.0",
+        "@aws-sdk/middleware-host-header": "3.363.0",
+        "@aws-sdk/middleware-logger": "3.363.0",
+        "@aws-sdk/middleware-recursion-detection": "3.363.0",
+        "@aws-sdk/middleware-sdk-sts": "3.363.0",
+        "@aws-sdk/middleware-signing": "3.363.0",
+        "@aws-sdk/middleware-user-agent": "3.363.0",
+        "@aws-sdk/types": "3.357.0",
+        "@aws-sdk/util-endpoints": "3.357.0",
+        "@aws-sdk/util-user-agent-browser": "3.363.0",
+        "@aws-sdk/util-user-agent-node": "3.363.0",
+        "@smithy/config-resolver": "^1.0.1",
+        "@smithy/fetch-http-handler": "^1.0.1",
+        "@smithy/hash-node": "^1.0.1",
+        "@smithy/invalid-dependency": "^1.0.1",
+        "@smithy/middleware-content-length": "^1.0.1",
+        "@smithy/middleware-endpoint": "^1.0.1",
+        "@smithy/middleware-retry": "^1.0.1",
+        "@smithy/middleware-serde": "^1.0.1",
+        "@smithy/middleware-stack": "^1.0.1",
+        "@smithy/node-config-provider": "^1.0.1",
+        "@smithy/node-http-handler": "^1.0.1",
+        "@smithy/protocol-http": "^1.1.0",
+        "@smithy/smithy-client": "^1.0.2",
+        "@smithy/types": "^1.1.0",
+        "@smithy/url-parser": "^1.0.1",
+        "@smithy/util-base64": "^1.0.1",
+        "@smithy/util-body-length-browser": "^1.0.1",
+        "@smithy/util-body-length-node": "^1.0.1",
+        "@smithy/util-defaults-mode-browser": "^1.0.1",
+        "@smithy/util-defaults-mode-node": "^1.0.1",
+        "@smithy/util-retry": "^1.0.1",
+        "@smithy/util-utf8": "^1.0.1",
+        "fast-xml-parser": "4.2.5",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-cognito-identity": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-cognito-identity/-/credential-provider-cognito-identity-3.363.0.tgz",
+      "integrity": "sha512-5x42JvqEsBUrm6/qdf0WWe4mlmJjPItxamQhRjuOzeQD/BxsA2W5VS/7n0Ws0e27DNhlnUErcIJd+bBy6j1fqA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/client-cognito-identity": "3.363.0",
+        "@aws-sdk/types": "3.357.0",
+        "@smithy/property-provider": "^1.0.1",
+        "@smithy/types": "^1.1.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-env": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-env/-/credential-provider-env-3.363.0.tgz",
+      "integrity": "sha512-VAQ3zITT2Q0acht0HezouYnMFKZ2vIOa20X4zQA3WI0HfaP4D6ga6KaenbDcb/4VFiqfqiRHfdyXHP0ThcDRMA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/types": "3.357.0",
+        "@smithy/property-provider": "^1.0.1",
+        "@smithy/types": "^1.1.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-ini": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-ini/-/credential-provider-ini-3.363.0.tgz",
+      "integrity": "sha512-ZYN+INoqyX5FVC3rqUxB6O8nOWkr0gHRRBm1suoOlmuFJ/WSlW/uUGthRBY5x1AQQnBF8cpdlxZzGHd41lFVNw==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/credential-provider-env": "3.363.0",
+        "@aws-sdk/credential-provider-process": "3.363.0",
+        "@aws-sdk/credential-provider-sso": "3.363.0",
+        "@aws-sdk/credential-provider-web-identity": "3.363.0",
+        "@aws-sdk/types": "3.357.0",
+        "@smithy/credential-provider-imds": "^1.0.1",
+        "@smithy/property-provider": "^1.0.1",
+        "@smithy/shared-ini-file-loader": "^1.0.1",
+        "@smithy/types": "^1.1.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-node": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-node/-/credential-provider-node-3.363.0.tgz",
+      "integrity": "sha512-C1qXFIN2yMxD6pGgug0vR1UhScOki6VqdzuBHzXZAGu7MOjvgHNdscEcb3CpWnITHaPL2ztkiw75T1sZ7oIgQg==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/credential-provider-env": "3.363.0",
+        "@aws-sdk/credential-provider-ini": "3.363.0",
+        "@aws-sdk/credential-provider-process": "3.363.0",
+        "@aws-sdk/credential-provider-sso": "3.363.0",
+        "@aws-sdk/credential-provider-web-identity": "3.363.0",
+        "@aws-sdk/types": "3.357.0",
+        "@smithy/credential-provider-imds": "^1.0.1",
+        "@smithy/property-provider": "^1.0.1",
+        "@smithy/shared-ini-file-loader": "^1.0.1",
+        "@smithy/types": "^1.1.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-process": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-process/-/credential-provider-process-3.363.0.tgz",
+      "integrity": "sha512-fOKAINU7Rtj2T8pP13GdCt+u0Ml3gYynp8ki+1jMZIQ+Ju/MdDOqZpKMFKicMn3Z1ttUOgqr+grUdus6z8ceBQ==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/types": "3.357.0",
+        "@smithy/property-provider": "^1.0.1",
+        "@smithy/shared-ini-file-loader": "^1.0.1",
+        "@smithy/types": "^1.1.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-sso": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-sso/-/credential-provider-sso-3.363.0.tgz",
+      "integrity": "sha512-5RUZ5oM0lwZSo3EehT0dXggOjgtxFogpT3cZvoLGtIwrPBvm8jOQPXQUlaqCj10ThF1sYltEyukz/ovtDwYGew==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/client-sso": "3.363.0",
+        "@aws-sdk/token-providers": "3.363.0",
+        "@aws-sdk/types": "3.357.0",
+        "@smithy/property-provider": "^1.0.1",
+        "@smithy/shared-ini-file-loader": "^1.0.1",
+        "@smithy/types": "^1.1.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-provider-web-identity": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-provider-web-identity/-/credential-provider-web-identity-3.363.0.tgz",
+      "integrity": "sha512-Z6w7fjgy79pAax580wdixbStQw10xfyZ+hOYLcPudoYFKjoNx0NQBejg5SwBzCF/HQL23Ksm9kDfbXDX9fkPhA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/types": "3.357.0",
+        "@smithy/property-provider": "^1.0.1",
+        "@smithy/types": "^1.1.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/credential-providers": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/credential-providers/-/credential-providers-3.363.0.tgz",
+      "integrity": "sha512-hVa1DdYasnLud2EKjDAlDHiV/+H/Zq52chHU00c/R8XwPu1s0kZX3NMmlt0D2HhYqC1mUwtdmE58Jra2POviQQ==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/client-cognito-identity": "3.363.0",
+        "@aws-sdk/client-sso": "3.363.0",
+        "@aws-sdk/client-sts": "3.363.0",
+        "@aws-sdk/credential-provider-cognito-identity": "3.363.0",
+        "@aws-sdk/credential-provider-env": "3.363.0",
+        "@aws-sdk/credential-provider-ini": "3.363.0",
+        "@aws-sdk/credential-provider-node": "3.363.0",
+        "@aws-sdk/credential-provider-process": "3.363.0",
+        "@aws-sdk/credential-provider-sso": "3.363.0",
+        "@aws-sdk/credential-provider-web-identity": "3.363.0",
+        "@aws-sdk/types": "3.357.0",
+        "@smithy/credential-provider-imds": "^1.0.1",
+        "@smithy/property-provider": "^1.0.1",
+        "@smithy/types": "^1.1.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/middleware-host-header": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-host-header/-/middleware-host-header-3.363.0.tgz",
+      "integrity": "sha512-FobpclDCf5Y1ueyJDmb9MqguAdPssNMlnqWQpujhYVABq69KHu73fSCWSauFPUrw7YOpV8kG1uagDF0POSxHzA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/types": "3.357.0",
+        "@smithy/protocol-http": "^1.1.0",
+        "@smithy/types": "^1.1.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/middleware-logger": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-logger/-/middleware-logger-3.363.0.tgz",
+      "integrity": "sha512-SSGgthScYnFGTOw8EzbkvquqweFmvn7uJihkpFekbtBNGC/jGOGO+8ziHjTQ8t/iI/YKubEwv+LMi0f77HKSEg==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/types": "3.357.0",
+        "@smithy/types": "^1.1.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/middleware-recursion-detection": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-recursion-detection/-/middleware-recursion-detection-3.363.0.tgz",
+      "integrity": "sha512-MWD/57QgI/N7fG8rtzDTUdSqNpYohQfgj9XCFAoVeI/bU4usrkOrew43L4smJG4XrDxlNT8lSJlDtd64tuiUZA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/types": "3.357.0",
+        "@smithy/protocol-http": "^1.1.0",
+        "@smithy/types": "^1.1.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/middleware-sdk-sts": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-sdk-sts/-/middleware-sdk-sts-3.363.0.tgz",
+      "integrity": "sha512-1yy2Ac50FO8BrODaw5bPWvVrRhaVLqXTFH6iHB+dJLPUkwtY5zLM3Mp+9Ilm7kME+r7oIB1wuO6ZB1Lf4ZszIw==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/middleware-signing": "3.363.0",
+        "@aws-sdk/types": "3.357.0",
+        "@smithy/types": "^1.1.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/middleware-signing": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-signing/-/middleware-signing-3.363.0.tgz",
+      "integrity": "sha512-/7qia715pt9JKYIPDGu22WmdZxD8cfF/5xB+1kmILg7ZtjO0pPuTaCNJ7xiIuFd7Dn7JXp5lop08anX/GOhNRQ==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/types": "3.357.0",
+        "@smithy/property-provider": "^1.0.1",
+        "@smithy/protocol-http": "^1.1.0",
+        "@smithy/signature-v4": "^1.0.1",
+        "@smithy/types": "^1.1.0",
+        "@smithy/util-middleware": "^1.0.1",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/middleware-user-agent": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/middleware-user-agent/-/middleware-user-agent-3.363.0.tgz",
+      "integrity": "sha512-ri8YaQvXP6odteVTMfxPqFR26Q0h9ejtqhUDv47P34FaKXedEM4nC6ix6o+5FEYj6l8syGyktftZ5O70NoEhug==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/types": "3.357.0",
+        "@aws-sdk/util-endpoints": "3.357.0",
+        "@smithy/protocol-http": "^1.1.0",
+        "@smithy/types": "^1.1.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/token-providers": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/token-providers/-/token-providers-3.363.0.tgz",
+      "integrity": "sha512-6+0aJ1zugNgsMmhTtW2LBWxOVSaXCUk2q3xyTchSXkNzallYaRiZMRkieW+pKNntnu0g5H1T0zyfCO0tbXwxEA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/client-sso-oidc": "3.363.0",
+        "@aws-sdk/types": "3.357.0",
+        "@smithy/property-provider": "^1.0.1",
+        "@smithy/shared-ini-file-loader": "^1.0.1",
+        "@smithy/types": "^1.1.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/types": {
+      "version": "3.357.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/types/-/types-3.357.0.tgz",
+      "integrity": "sha512-/riCRaXg3p71BeWnShrai0y0QTdXcouPSM0Cn1olZbzTf7s71aLEewrc96qFrL70XhY4XvnxMpqQh+r43XIL3g==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/util-endpoints": {
+      "version": "3.357.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-endpoints/-/util-endpoints-3.357.0.tgz",
+      "integrity": "sha512-XHKyS5JClT9su9hDif715jpZiWHQF9gKZXER8tW0gOizU3R9cyWc9EsJ2BRhFNhi7nt/JF/CLUEc5qDx3ETbUw==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/types": "3.357.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/util-locate-window": {
+      "version": "3.310.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-locate-window/-/util-locate-window-3.310.0.tgz",
+      "integrity": "sha512-qo2t/vBTnoXpjKxlsC2e1gBrRm80M3bId27r0BRB2VniSSe7bL1mmzM+/HFtujm0iAxtPM+aLEflLJlJeDPg0w==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@aws-sdk/util-user-agent-browser": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-user-agent-browser/-/util-user-agent-browser-3.363.0.tgz",
+      "integrity": "sha512-fk9ymBUIYbxiGm99Cn+kAAXmvMCWTf/cHAcB79oCXV4ELXdPa9lN5xQhZRFNxLUeXG4OAMEuCAUUuZEj8Fnc1Q==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/types": "3.357.0",
+        "@smithy/types": "^1.1.0",
+        "bowser": "^2.11.0",
+        "tslib": "^2.5.0"
+      }
+    },
+    "node_modules/@aws-sdk/util-user-agent-node": {
+      "version": "3.363.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-user-agent-node/-/util-user-agent-node-3.363.0.tgz",
+      "integrity": "sha512-Fli/dvgGA9hdnQUrYb1//wNSFlK2jAfdJcfNXA6SeBYzSeH5pVGYF4kXF0FCdnMA3Fef+Zn1zAP/hw9v8VJHWQ==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-sdk/types": "3.357.0",
+        "@smithy/node-config-provider": "^1.0.1",
+        "@smithy/types": "^1.1.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "aws-crt": ">=1.0.0"
+      },
+      "peerDependenciesMeta": {
+        "aws-crt": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@aws-sdk/util-utf8-browser": {
+      "version": "3.259.0",
+      "resolved": "https://registry.npmjs.org/@aws-sdk/util-utf8-browser/-/util-utf8-browser-3.259.0.tgz",
+      "integrity": "sha512-UvFa/vR+e19XookZF8RzFZBrw2EUkQWxiBW0yYQAhvk3C+QVGl0H3ouca8LDBlBfQKXwmW3huo/59H8rwb1wJw==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.3.1"
+      }
+    },
+    "node_modules/@babel/cli": {
+      "version": "7.24.8",
+      "resolved": "https://registry.npmjs.org/@babel/cli/-/cli-7.24.8.tgz",
+      "integrity": "sha512-isdp+G6DpRyKc+3Gqxy2rjzgF7Zj9K0mzLNnxz+E/fgeag8qT3vVulX4gY9dGO1q0y+0lUv6V3a+uhUzMzrwXg==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "commander": "^6.2.0",
+        "convert-source-map": "^2.0.0",
+        "fs-readdir-recursive": "^1.1.0",
+        "glob": "^7.2.0",
+        "make-dir": "^2.1.0",
+        "slash": "^2.0.0"
+      },
+      "bin": {
+        "babel": "bin/babel.js",
+        "babel-external-helpers": "bin/babel-external-helpers.js"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "optionalDependencies": {
+        "@nicolo-ribaudo/chokidar-2": "2.1.8-no-fsevents.3",
+        "chokidar": "^3.4.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/cli/node_modules/commander": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
+      "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/@babel/cli/node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.26.2",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
+      "integrity": "sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.26.8",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.26.8.tgz",
+      "integrity": "sha512-oH5UPLMWR3L2wEFLnFJ1TZXqHufiTKAiLfqw5zkhS4dKXLJ10yVztfil/twG8EDTA4F/tvVNw9nOl4ZMslB8rQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.26.9",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.26.9.tgz",
+      "integrity": "sha512-lWBYIrF7qK5+GjY5Uy+/hEgp8OJWOD/rpy74GplYRhEauvbHDeFB8t5hPOZxCZ0Oxf4Cc36tK51/l3ymJysrKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@ampproject/remapping": "^2.2.0",
+        "@babel/code-frame": "^7.26.2",
+        "@babel/generator": "^7.26.9",
+        "@babel/helper-compilation-targets": "^7.26.5",
+        "@babel/helper-module-transforms": "^7.26.0",
+        "@babel/helpers": "^7.26.9",
+        "@babel/parser": "^7.26.9",
+        "@babel/template": "^7.26.9",
+        "@babel/traverse": "^7.26.9",
+        "@babel/types": "^7.26.9",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/core/node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.26.9",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.26.9.tgz",
+      "integrity": "sha512-kEWdzjOAUMW4hAyrzJ0ZaTOu9OmpyDIQicIh0zg0EEcEkYXZb2TjtBhnHi2ViX7PKwZqF4xwqfAm299/QMP3lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.26.9",
+        "@babel/types": "^7.26.9",
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-annotate-as-pure": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.24.7.tgz",
+      "integrity": "sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-builder-binary-assignment-operator-visitor": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-builder-binary-assignment-operator-visitor/-/helper-builder-binary-assignment-operator-visitor-7.24.7.tgz",
+      "integrity": "sha512-xZeCVVdwb4MsDBkkyZ64tReWYrLRHlMN72vP7Bdm3OUOuyFZExhsHUUnuWnm2/XOlAJzR0LfPpB56WXZn0X/lA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/traverse": "^7.24.7",
+        "@babel/types": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-builder-react-jsx": {
+      "version": "7.22.10",
+      "resolved": "https://registry.npmjs.org/@babel/helper-builder-react-jsx/-/helper-builder-react-jsx-7.22.10.tgz",
+      "integrity": "sha512-cZr0nzCwrMp7Z8owt+YN8OncOqhG1eZLp/aRT5ftBnkLJTCB3Dnq/t52vSfWc6sGRWdDeawbksuh3pYQGCzVwA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.22.5",
+        "@babel/types": "^7.22.10"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.26.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.26.5.tgz",
+      "integrity": "sha512-IXuyn5EkouFJscIDuFF5EsiSolseme1s0CZB+QxVugqJLYmKdxI1VfIBOst0SUu4rnk2Z7kqTwmoO1lp3HIfnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.26.5",
+        "@babel/helper-validator-option": "^7.25.9",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-create-class-features-plugin": {
+      "version": "7.25.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-class-features-plugin/-/helper-create-class-features-plugin-7.25.0.tgz",
+      "integrity": "sha512-GYM6BxeQsETc9mnct+nIIpf63SAyzvyYN7UB/IlTyd+MBg06afFGp0mIeUqGyWgS2mxad6vqbMrHVlaL3m70sQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.24.7",
+        "@babel/helper-member-expression-to-functions": "^7.24.8",
+        "@babel/helper-optimise-call-expression": "^7.24.7",
+        "@babel/helper-replace-supers": "^7.25.0",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.24.7",
+        "@babel/traverse": "^7.25.0",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-create-regexp-features-plugin": {
+      "version": "7.25.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-create-regexp-features-plugin/-/helper-create-regexp-features-plugin-7.25.2.tgz",
+      "integrity": "sha512-+wqVGP+DFmqwFD3EH6TMTfUNeqDehV3E/dl+Sd54eaXqm17tEUNbEIn4sVivVowbvUpOtIGxdo3GoXyDH9N/9g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.24.7",
+        "regexpu-core": "^5.3.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-define-polyfill-provider": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/@babel/helper-define-polyfill-provider/-/helper-define-polyfill-provider-0.6.2.tgz",
+      "integrity": "sha512-LV76g+C502biUK6AyZ3LK10vDpDyCzZnhZFXkH1L75zHPj68+qc8Zfpx2th+gzwA2MzyK+1g/3EPl62yFnVttQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.22.6",
+        "@babel/helper-plugin-utils": "^7.22.5",
+        "debug": "^4.1.1",
+        "lodash.debounce": "^4.0.8",
+        "resolve": "^1.14.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/helper-member-expression-to-functions": {
+      "version": "7.24.8",
+      "resolved": "https://registry.npmjs.org/@babel/helper-member-expression-to-functions/-/helper-member-expression-to-functions-7.24.8.tgz",
+      "integrity": "sha512-LABppdt+Lp/RlBxqrh4qgf1oEH/WxdzQNDJIu5gC/W1GyvPVrOBiItmmM8wan2fm4oYqFuFfkXmlGpLQhPY8CA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/traverse": "^7.24.8",
+        "@babel/types": "^7.24.8"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.25.9.tgz",
+      "integrity": "sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.25.9",
+        "@babel/types": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.26.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.26.0.tgz",
+      "integrity": "sha512-xO+xu6B5K2czEnQye6BHA7DolFFmS3LB7stHZFaOLb1pAwO1HWLS8fXA+eh0A2yIvltPVmx3eNNDBJA2SLHXFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9",
+        "@babel/traverse": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-optimise-call-expression": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-optimise-call-expression/-/helper-optimise-call-expression-7.24.7.tgz",
+      "integrity": "sha512-jKiTsW2xmWwxT1ixIdfXUZp+P5yURx2suzLZr5Hi64rURpDYdMW0pv+Uf17EYk2Rd428Lx4tLsnjGJzYKDM/6A==",
+      "dev": true,
+      "dependencies": {
+        "@babel/types": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.25.9.tgz",
+      "integrity": "sha512-kSMlyUVdWe25rEsRGviIgOWnoT/nfABVWlqt9N19/dIPWViAOW2s9wznP5tURbs/IDuNk4gPy3YdYRgH3uxhBw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-remap-async-to-generator": {
+      "version": "7.25.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-remap-async-to-generator/-/helper-remap-async-to-generator-7.25.0.tgz",
+      "integrity": "sha512-NhavI2eWEIz/H9dbrG0TuOicDhNexze43i5z7lEqwYm0WEZVTwnPpA0EafUTP7+6/W79HWIP2cTe3Z5NiSTVpw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.24.7",
+        "@babel/helper-wrap-function": "^7.25.0",
+        "@babel/traverse": "^7.25.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-replace-supers": {
+      "version": "7.25.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-replace-supers/-/helper-replace-supers-7.25.0.tgz",
+      "integrity": "sha512-q688zIvQVYtZu+i2PsdIu/uWGRpfxzr5WESsfpShfZECkO+d2o+WROWezCi/Q6kJ0tfPa5+pUGUlfx2HhrA3Bg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-member-expression-to-functions": "^7.24.8",
+        "@babel/helper-optimise-call-expression": "^7.24.7",
+        "@babel/traverse": "^7.25.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-simple-access": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-simple-access/-/helper-simple-access-7.24.7.tgz",
+      "integrity": "sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/traverse": "^7.24.7",
+        "@babel/types": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-skip-transparent-expression-wrappers/-/helper-skip-transparent-expression-wrappers-7.24.7.tgz",
+      "integrity": "sha512-IO+DLT3LQUElMbpzlatRASEyQtfhSE0+m465v++3jyyXeBTBUjtVZg28/gHeV5mrTJqvEKhKroBGAvhW+qPHiQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/traverse": "^7.24.7",
+        "@babel/types": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
+      "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
+      "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.25.9.tgz",
+      "integrity": "sha512-e/zv1co8pp55dNdEcCynfj9X7nyUKUXoUEwfXqaZt0omVOmDe9oOTdKStH4GmAw6zxMFs50ZayuMfHDKlO7Tfw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-wrap-function": {
+      "version": "7.25.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-wrap-function/-/helper-wrap-function-7.25.0.tgz",
+      "integrity": "sha512-s6Q1ebqutSiZnEjaofc/UKDyC4SbzV5n5SrA2Gq8UawLycr3i04f1dX4OzoQVnexm6aOCh37SQNYlJ/8Ku+PMQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/template": "^7.25.0",
+        "@babel/traverse": "^7.25.0",
+        "@babel/types": "^7.25.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.26.9",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.26.9.tgz",
+      "integrity": "sha512-Mz/4+y8udxBKdmzt/UjPACs4G3j5SshJJEFFKxlCGPydG4JAHXxjWjAwjd09tf6oINvl1VfMJo+nB7H2YKQ0dA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.26.9",
+        "@babel/types": "^7.26.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/highlight": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.24.7.tgz",
+      "integrity": "sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.24.7",
+        "chalk": "^2.4.2",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.26.9",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.9.tgz",
+      "integrity": "sha512-81NWa1njQblgZbQHxWHpxxCzNsa3ZwvFqpUg7P+NNUU6f3UU2jBEg4OlF/J6rl8+PQGh1q6/zWScd001YwcA5A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.26.9"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-firefox-class-in-computed-class-key": {
+      "version": "7.25.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-firefox-class-in-computed-class-key/-/plugin-bugfix-firefox-class-in-computed-class-key-7.25.3.tgz",
+      "integrity": "sha512-wUrcsxZg6rqBXG05HG1FPYgsP6EvwF4WpBbxIpWIIYnH8wG0gzx3yZY3dtEHas4sTAOGkbTsc9EGPxwff8lRoA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.8",
+        "@babel/traverse": "^7.25.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-safari-class-field-initializer-scope": {
+      "version": "7.25.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-class-field-initializer-scope/-/plugin-bugfix-safari-class-field-initializer-scope-7.25.0.tgz",
+      "integrity": "sha512-Bm4bH2qsX880b/3ziJ8KD711LT7z4u8CFudmjqle65AZj/HNUFhEf90dqYv6O86buWvSBmeQDjv0Tn2aF/bIBA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.8"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": {
+      "version": "7.25.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression/-/plugin-bugfix-safari-id-destructuring-collision-in-function-expression-7.25.0.tgz",
+      "integrity": "sha512-lXwdNZtTmeVOOFtwM/WDe7yg1PL8sYhRk/XH0FzbR2HDQ0xC+EnQ/JHeoMYSavtU115tnUk0q9CDyq8si+LMAA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.8"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining/-/plugin-bugfix-v8-spread-parameters-in-optional-chaining-7.24.7.tgz",
+      "integrity": "sha512-+izXIbke1T33mY4MSNnrqhPXDz01WYhEf3yF5NbnUtkiNnm+XBZJl3kNfoK6NKmYlz/D07+l2GWVK/QfDkNCuQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.24.7",
+        "@babel/plugin-transform-optional-chaining": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.13.0"
+      }
+    },
+    "node_modules/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": {
+      "version": "7.25.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly/-/plugin-bugfix-v8-static-class-fields-redefine-readonly-7.25.0.tgz",
+      "integrity": "sha512-tggFrk1AIShG/RUQbEwt2Tr/E+ObkfwrPjR6BjbRvsx24+PSjK8zrq0GWPNCjo8qpRx4DuJzlcvWJqlm+0h3kw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.8",
+        "@babel/traverse": "^7.25.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-class-properties": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-class-properties/-/plugin-proposal-class-properties-7.18.6.tgz",
+      "integrity": "sha512-cumfXOF0+nzZrrN8Rf0t7M+tF6sZc7vhQwYQck9q1/5w2OExlD+b4v4RpMJFaV1Z7WcDRgO6FqvxqxGlwo+RHQ==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-class-properties instead.",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-object-rest-spread": {
+      "version": "7.20.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-object-rest-spread/-/plugin-proposal-object-rest-spread-7.20.7.tgz",
+      "integrity": "sha512-d2S98yCiLxDVmBmE8UjGcfPvNEUbA1U5q5WxaWFUGRzJSVAZqm5W6MbPct0jxnegUZ0niLeNX+IOzEs7wYg9Dg==",
+      "deprecated": "This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-object-rest-spread instead.",
+      "dev": true,
+      "dependencies": {
+        "@babel/compat-data": "^7.20.5",
+        "@babel/helper-compilation-targets": "^7.20.7",
+        "@babel/helper-plugin-utils": "^7.20.2",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-transform-parameters": "^7.20.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-proposal-private-property-in-object": {
+      "version": "7.21.0-placeholder-for-preset-env.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz",
+      "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-async-generators": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-async-generators/-/plugin-syntax-async-generators-7.8.4.tgz",
+      "integrity": "sha512-tycmZxkGfZaxhMRbXlPXuVFpdWlXpir2W4AMhSJgRKzk/eDlIXOhb2LHWoLpDF7TEHylV5zNhykX6KAgHJmTNw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-properties": {
+      "version": "7.12.13",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-properties/-/plugin-syntax-class-properties-7.12.13.tgz",
+      "integrity": "sha512-fm4idjKla0YahUNgFNLCB0qySdsoPiZP3iQE3rky0mBUtMZ23yDJ9SJdg6dXTSDnulOVqiF3Hgr9nbXvXTQZYA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.12.13"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-class-static-block": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-class-static-block/-/plugin-syntax-class-static-block-7.14.5.tgz",
+      "integrity": "sha512-b+YyPmr6ldyNnM6sqYeMWE+bgJcJpO6yS4QD7ymxgH34GBPNDM/THBh8iunyvKIZztiwLH4CJZ0RxTk9emgpjw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-dynamic-import": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-dynamic-import/-/plugin-syntax-dynamic-import-7.8.3.tgz",
+      "integrity": "sha512-5gdGbFon+PszYzqs83S3E5mpi7/y/8M9eC90MRTZfduQOYW76ig6SOSPNe41IG5LoP3FGBn2N0RjVDSQiS94kQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-export-namespace-from": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-export-namespace-from/-/plugin-syntax-export-namespace-from-7.8.3.tgz",
+      "integrity": "sha512-MXf5laXo6c1IbEbegDmzGPwGNTsHZmEy6QGznu5Sh2UCWvueywb2ee+CCE4zQiZstxU9BMoQO9i6zUFSY0Kj0Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-flow": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-flow/-/plugin-syntax-flow-7.25.9.tgz",
+      "integrity": "sha512-F3FVgxwamIRS3+kfjNaPARX0DSAiH1exrQUVajXiR34hkdA9eyK+8rJbnu55DQjKL/ayuXqjNr2HDXwBEMEtFQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-assertions": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-assertions/-/plugin-syntax-import-assertions-7.24.7.tgz",
+      "integrity": "sha512-Ec3NRUMoi8gskrkBe3fNmEQfxDvY8bgfQpz6jlk/41kX9eUjvpyqWU7PBP/pLAvMaSQjbMNKJmvX57jP+M6bPg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-attributes": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-attributes/-/plugin-syntax-import-attributes-7.24.7.tgz",
+      "integrity": "sha512-hbX+lKKeUMGihnK8nvKqmXBInriT3GVjzXKFriV3YC6APGxMbP8RZNFwy91+hocLXq90Mta+HshoB31802bb8A==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-import-meta": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-import-meta/-/plugin-syntax-import-meta-7.10.4.tgz",
+      "integrity": "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-json-strings/-/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha512-lY6kdGpWHvjoe2vk4WrAapEuBR69EMxZl+RoGRhrFGNYVK8mOPAW8VfbT/ZgrFbXlDNiiaxQnAtgVCZ6jv30EA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-jsx": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-jsx/-/plugin-syntax-jsx-7.24.7.tgz",
+      "integrity": "sha512-6ddciUPe/mpMnOKv/U+RSd2vvVy+Yw/JfBB0ZHYjEZt9NLHmCUylNYlsbqCCS1Bffjlb0fCwC9Vqz+sBz6PsiQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-logical-assignment-operators": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-logical-assignment-operators/-/plugin-syntax-logical-assignment-operators-7.10.4.tgz",
+      "integrity": "sha512-d8waShlpFDinQ5MtvGU9xDAOzKH47+FFoney2baFIoMr952hKOLp1HR7VszoZvOsV/4+RRszNY7D17ba0te0ig==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-nullish-coalescing-operator/-/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha512-aSff4zPII1u2QD7y+F8oDsz19ew4IGEJg9SVW+bqwpwtfFleiQDMdzA/R+UlWDzfnHFCxxleFT0PMIrR36XLNQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-numeric-separator": {
+      "version": "7.10.4",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-numeric-separator/-/plugin-syntax-numeric-separator-7.10.4.tgz",
+      "integrity": "sha512-9H6YdfkcK/uOnY/K7/aA2xpzaAgkQn37yzWUMRK7OaPOqOpGS1+n0H5hxT9AUw9EsSjPW8SVyMJwYRtWs3X3ug==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.10.4"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-object-rest-spread/-/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha512-XoqMijGZb9y3y2XskN+P1wUGiVwWZ5JmoDRwx5+3GmEplNyVM2s2Dg8ILFQm8rWM48orGy5YpI5Bl8U1y7ydlA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-catch-binding/-/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha512-6VPD0Pc1lpTqw0aKoeRTMiB+kWhAoT24PA+ksWSBrFtl5SIRVpZlwN3NNPQjehA2E/91FV3RjLWoVTglWcSV3Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-optional-chaining": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-optional-chaining/-/plugin-syntax-optional-chaining-7.8.3.tgz",
+      "integrity": "sha512-KoK9ErH1MBlCPxV0VANkXW2/dw4vlbGDrFgz8bmUsBGYkFRcbRwMh6cIJubdPrkxRwuGdtCk0v/wPTKbQgBjkg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-private-property-in-object": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-private-property-in-object/-/plugin-syntax-private-property-in-object-7.14.5.tgz",
+      "integrity": "sha512-0wVnp9dxJ72ZUJDV27ZfbSj6iHLoytYZmh3rFcxNnvsJF3ktkzLDZPy/mA17HGsaQT3/DQsWYX1f1QGWkCoVUg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-top-level-await": {
+      "version": "7.14.5",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-top-level-await/-/plugin-syntax-top-level-await-7.14.5.tgz",
+      "integrity": "sha512-hx++upLv5U1rgYfwe1xBQUhRmU41NEvpUvrp8jkrSCdvGSnM5/qdRMtylJ6PG5OFkBaHkbTAKTnd3/YyESRHFw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-typescript": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-typescript/-/plugin-syntax-typescript-7.24.7.tgz",
+      "integrity": "sha512-c/+fVeJBB0FeKsFvwytYiUD+LBvhHjGSI0g446PRGdSVGZLRNArBUno2PETbAly3tpiNAQR5XaZ+JslxkotsbA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-syntax-unicode-sets-regex": {
+      "version": "7.18.6",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-syntax-unicode-sets-regex/-/plugin-syntax-unicode-sets-regex-7.18.6.tgz",
+      "integrity": "sha512-727YkEAPwSIQTv5im8QHz3upqp92JTWhidIC81Tdx4VJYIte/VndKf1qKrfnnhPLiPghStWfvC/iFaMCQu7Nqg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.18.6",
+        "@babel/helper-plugin-utils": "^7.18.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-arrow-functions": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-arrow-functions/-/plugin-transform-arrow-functions-7.24.7.tgz",
+      "integrity": "sha512-Dt9LQs6iEY++gXUwY03DNFat5C2NbO48jj+j/bSAz6b3HgPs39qcPiYt77fDObIcFwj3/C2ICX9YMwGflUoSHQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-generator-functions": {
+      "version": "7.25.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-generator-functions/-/plugin-transform-async-generator-functions-7.25.0.tgz",
+      "integrity": "sha512-uaIi2FdqzjpAMvVqvB51S42oC2JEVgh0LDsGfZVDysWE8LrJtQC2jvKmOqEYThKyB7bDEb7BP1GYWDm7tABA0Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.8",
+        "@babel/helper-remap-async-to-generator": "^7.25.0",
+        "@babel/plugin-syntax-async-generators": "^7.8.4",
+        "@babel/traverse": "^7.25.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-async-to-generator": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-async-to-generator/-/plugin-transform-async-to-generator-7.24.7.tgz",
+      "integrity": "sha512-SQY01PcJfmQ+4Ash7NE+rpbLFbmqA2GPIgqzxfFTL4t1FKRq4zTms/7htKpoCUI9OcFYgzqfmCdH53s6/jn5fA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.24.7",
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/helper-remap-async-to-generator": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoped-functions": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoped-functions/-/plugin-transform-block-scoped-functions-7.24.7.tgz",
+      "integrity": "sha512-yO7RAz6EsVQDaBH18IDJcMB1HnrUn2FJ/Jslc/WtPPWcjhpUJXU/rjbwmluzp7v/ZzWcEhTMXELnnsz8djWDwQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-block-scoping": {
+      "version": "7.25.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-block-scoping/-/plugin-transform-block-scoping-7.25.0.tgz",
+      "integrity": "sha512-yBQjYoOjXlFv9nlXb3f1casSHOZkWr29NX+zChVanLg5Nc157CrbEX9D7hxxtTpuFy7Q0YzmmWfJxzvps4kXrQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.8"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-properties": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-properties/-/plugin-transform-class-properties-7.24.7.tgz",
+      "integrity": "sha512-vKbfawVYayKcSeSR5YYzzyXvsDFWU2mD8U5TFeXtbCPLFUqe7GyCgvO6XDHzje862ODrOwy6WCPmKeWHbCFJ4w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.24.7",
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-class-static-block": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-class-static-block/-/plugin-transform-class-static-block-7.24.7.tgz",
+      "integrity": "sha512-HMXK3WbBPpZQufbMG4B46A90PkuuhN9vBCb5T8+VAHqvAqvcLi+2cKoukcpmUYkszLhScU3l1iudhrks3DggRQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.24.7",
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-classes": {
+      "version": "7.25.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-classes/-/plugin-transform-classes-7.25.0.tgz",
+      "integrity": "sha512-xyi6qjr/fYU304fiRwFbekzkqVJZ6A7hOjWZd+89FVcBqPV3S9Wuozz82xdpLspckeaafntbzglaW4pqpzvtSw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.24.7",
+        "@babel/helper-compilation-targets": "^7.24.8",
+        "@babel/helper-plugin-utils": "^7.24.8",
+        "@babel/helper-replace-supers": "^7.25.0",
+        "@babel/traverse": "^7.25.0",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-computed-properties": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-computed-properties/-/plugin-transform-computed-properties-7.24.7.tgz",
+      "integrity": "sha512-25cS7v+707Gu6Ds2oY6tCkUwsJ9YIDbggd9+cu9jzzDgiNq7hR/8dkzxWfKWnTic26vsI3EsCXNd4iEB6e8esQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/template": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-destructuring": {
+      "version": "7.24.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-destructuring/-/plugin-transform-destructuring-7.24.8.tgz",
+      "integrity": "sha512-36e87mfY8TnRxc7yc6M9g9gOB7rKgSahqkIKwLpz4Ppk2+zC2Cy1is0uwtuSG6AE4zlTOUa+7JGz9jCJGLqQFQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.8"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dotall-regex": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dotall-regex/-/plugin-transform-dotall-regex-7.24.7.tgz",
+      "integrity": "sha512-ZOA3W+1RRTSWvyqcMJDLqbchh7U4NRGqwRfFSVbOLS/ePIP4vHB5e8T8eXcuqyN1QkgKyj5wuW0lcS85v4CrSw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.24.7",
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-duplicate-keys": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-keys/-/plugin-transform-duplicate-keys-7.24.7.tgz",
+      "integrity": "sha512-JdYfXyCRihAe46jUIliuL2/s0x0wObgwwiGxw/UbgJBr20gQBThrokO4nYKgWkD7uBaqM7+9x5TU7NkExZJyzw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-duplicate-named-capturing-groups-regex": {
+      "version": "7.25.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-duplicate-named-capturing-groups-regex/-/plugin-transform-duplicate-named-capturing-groups-regex-7.25.0.tgz",
+      "integrity": "sha512-YLpb4LlYSc3sCUa35un84poXoraOiQucUTTu8X1j18JV+gNa8E0nyUf/CjZ171IRGr4jEguF+vzJU66QZhn29g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.25.0",
+        "@babel/helper-plugin-utils": "^7.24.8"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-dynamic-import": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-dynamic-import/-/plugin-transform-dynamic-import-7.24.7.tgz",
+      "integrity": "sha512-sc3X26PhZQDb3JhORmakcbvkeInvxz+A8oda99lj7J60QRuPZvNAk9wQlTBS1ZynelDrDmTU4pw1tyc5d5ZMUg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-exponentiation-operator": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-exponentiation-operator/-/plugin-transform-exponentiation-operator-7.24.7.tgz",
+      "integrity": "sha512-Rqe/vSc9OYgDajNIK35u7ot+KeCoetqQYFXM4Epf7M7ez3lWlOjrDjrwMei6caCVhfdw+mIKD4cgdGNy5JQotQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.24.7",
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-export-namespace-from": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-export-namespace-from/-/plugin-transform-export-namespace-from-7.24.7.tgz",
+      "integrity": "sha512-v0K9uNYsPL3oXZ/7F9NNIbAj2jv1whUEtyA6aujhekLs56R++JDQuzRcP2/z4WX5Vg/c5lE9uWZA0/iUoFhLTA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/plugin-syntax-export-namespace-from": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-flow-strip-types": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-flow-strip-types/-/plugin-transform-flow-strip-types-7.25.9.tgz",
+      "integrity": "sha512-/VVukELzPDdci7UUsWQaSkhgnjIWXnIyRpM02ldxaVoFK96c41So8JcKT3m0gYjyv7j5FNPGS5vfELrWalkbDA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/plugin-syntax-flow": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-for-of": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-for-of/-/plugin-transform-for-of-7.24.7.tgz",
+      "integrity": "sha512-wo9ogrDG1ITTTBsy46oGiN1dS9A7MROBTcYsfS8DtsImMkHk9JXJ3EWQM6X2SUw4x80uGPlwj0o00Uoc6nEE3g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-function-name": {
+      "version": "7.25.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-function-name/-/plugin-transform-function-name-7.25.1.tgz",
+      "integrity": "sha512-TVVJVdW9RKMNgJJlLtHsKDTydjZAbwIsn6ySBPQaEAUU5+gVvlJt/9nRmqVbsV/IBanRjzWoaAQKLoamWVOUuA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.24.8",
+        "@babel/helper-plugin-utils": "^7.24.8",
+        "@babel/traverse": "^7.25.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-json-strings": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-json-strings/-/plugin-transform-json-strings-7.24.7.tgz",
+      "integrity": "sha512-2yFnBGDvRuxAaE/f0vfBKvtnvvqU8tGpMHqMNpTN2oWMKIR3NqFkjaAgGwawhqK/pIN2T3XdjGPdaG0vDhOBGw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/plugin-syntax-json-strings": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-literals": {
+      "version": "7.25.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-literals/-/plugin-transform-literals-7.25.2.tgz",
+      "integrity": "sha512-HQI+HcTbm9ur3Z2DkO+jgESMAMcYLuN/A7NRw9juzxAezN9AvqvUTnpKP/9kkYANz6u7dFlAyOu44ejuGySlfw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.8"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-logical-assignment-operators": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-logical-assignment-operators/-/plugin-transform-logical-assignment-operators-7.24.7.tgz",
+      "integrity": "sha512-4D2tpwlQ1odXmTEIFWy9ELJcZHqrStlzK/dAOWYyxX3zT0iXQB6banjgeOJQXzEc4S0E0a5A+hahxPaEFYftsw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-member-expression-literals": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-member-expression-literals/-/plugin-transform-member-expression-literals-7.24.7.tgz",
+      "integrity": "sha512-T/hRC1uqrzXMKLQ6UCwMT85S3EvqaBXDGf0FaMf4446Qx9vKwlghvee0+uuZcDUCZU5RuNi4781UQ7R308zzBw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-amd": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-amd/-/plugin-transform-modules-amd-7.24.7.tgz",
+      "integrity": "sha512-9+pB1qxV3vs/8Hdmz/CulFB8w2tuu6EB94JZFsjdqxQokwGa9Unap7Bo2gGBGIvPmDIVvQrom7r5m/TCDMURhg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.24.7",
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-commonjs": {
+      "version": "7.24.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-commonjs/-/plugin-transform-modules-commonjs-7.24.8.tgz",
+      "integrity": "sha512-WHsk9H8XxRs3JXKWFiqtQebdh9b/pTk4EgueygFzYlTKAg0Ud985mSevdNjdXdFBATSKVJGQXP1tv6aGbssLKA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.24.8",
+        "@babel/helper-plugin-utils": "^7.24.8",
+        "@babel/helper-simple-access": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-systemjs": {
+      "version": "7.25.0",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-systemjs/-/plugin-transform-modules-systemjs-7.25.0.tgz",
+      "integrity": "sha512-YPJfjQPDXxyQWg/0+jHKj1llnY5f/R6a0p/vP4lPymxLu7Lvl4k2WMitqi08yxwQcCVUUdG9LCUj4TNEgAp3Jw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.25.0",
+        "@babel/helper-plugin-utils": "^7.24.8",
+        "@babel/helper-validator-identifier": "^7.24.7",
+        "@babel/traverse": "^7.25.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-modules-umd": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-modules-umd/-/plugin-transform-modules-umd-7.24.7.tgz",
+      "integrity": "sha512-3aytQvqJ/h9z4g8AsKPLvD4Zqi2qT+L3j7XoFFu1XBlZWEl2/1kWnhmAbxpLgPrHSY0M6UA02jyTiwUVtiKR6A==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-module-transforms": "^7.24.7",
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-named-capturing-groups-regex/-/plugin-transform-named-capturing-groups-regex-7.24.7.tgz",
+      "integrity": "sha512-/jr7h/EWeJtk1U/uz2jlsCioHkZk1JJZVcc8oQsJ1dUlaJD83f4/6Zeh2aHt9BIFokHIsSeDfhUmju0+1GPd6g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.24.7",
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-new-target": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-new-target/-/plugin-transform-new-target-7.24.7.tgz",
+      "integrity": "sha512-RNKwfRIXg4Ls/8mMTza5oPF5RkOW8Wy/WgMAp1/F1yZ8mMbtwXW+HDoJiOsagWrAhI5f57Vncrmr9XeT4CVapA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-nullish-coalescing-operator": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-nullish-coalescing-operator/-/plugin-transform-nullish-coalescing-operator-7.24.7.tgz",
+      "integrity": "sha512-Ts7xQVk1OEocqzm8rHMXHlxvsfZ0cEF2yomUqpKENHWMF4zKk175Y4q8H5knJes6PgYad50uuRmt3UJuhBw8pQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-numeric-separator": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-numeric-separator/-/plugin-transform-numeric-separator-7.24.7.tgz",
+      "integrity": "sha512-e6q1TiVUzvH9KRvicuxdBTUj4AdKSRwzIyFFnfnezpCfP2/7Qmbb8qbU2j7GODbl4JMkblitCQjKYUaX/qkkwA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-assign": {
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-assign/-/plugin-transform-object-assign-7.23.3.tgz",
+      "integrity": "sha512-TPJ6O7gVC2rlQH2hvQGRH273G1xdoloCj9Pc07Q7JbIZYDi+Sv5gaE2fu+r5E7qK4zyt6vj0FbZaZTRU5C3OMA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-rest-spread": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-rest-spread/-/plugin-transform-object-rest-spread-7.24.7.tgz",
+      "integrity": "sha512-4QrHAr0aXQCEFni2q4DqKLD31n2DL+RxcwnNjDFkSG0eNQ/xCavnRkfCUjsyqGC2OviNJvZOF/mQqZBw7i2C5Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-compilation-targets": "^7.24.7",
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-transform-parameters": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-object-super": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-object-super/-/plugin-transform-object-super-7.24.7.tgz",
+      "integrity": "sha512-A/vVLwN6lBrMFmMDmPPz0jnE6ZGx7Jq7d6sT/Ev4H65RER6pZ+kczlf1DthF5N0qaPHBsI7UXiE8Zy66nmAovg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/helper-replace-supers": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-catch-binding": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-catch-binding/-/plugin-transform-optional-catch-binding-7.24.7.tgz",
+      "integrity": "sha512-uLEndKqP5BfBbC/5jTwPxLh9kqPWWgzN/f8w6UwAIirAEqiIVJWWY312X72Eub09g5KF9+Zn7+hT7sDxmhRuKA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-optional-chaining": {
+      "version": "7.24.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-optional-chaining/-/plugin-transform-optional-chaining-7.24.8.tgz",
+      "integrity": "sha512-5cTOLSMs9eypEy8JUVvIKOu6NgvbJMnpG62VpIHrTmROdQ+L5mDAaI40g25k5vXti55JWNX5jCkq3HZxXBQANw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.8",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.24.7",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-parameters": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-parameters/-/plugin-transform-parameters-7.24.7.tgz",
+      "integrity": "sha512-yGWW5Rr+sQOhK0Ot8hjDJuxU3XLRQGflvT4lhlSY0DFvdb3TwKaY26CJzHtYllU0vT9j58hc37ndFPsqT1SrzA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-methods": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-methods/-/plugin-transform-private-methods-7.24.7.tgz",
+      "integrity": "sha512-COTCOkG2hn4JKGEKBADkA8WNb35TGkkRbI5iT845dB+NyqgO8Hn+ajPbSnIQznneJTa3d30scb6iz/DhH8GsJQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-class-features-plugin": "^7.24.7",
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-private-property-in-object": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-private-property-in-object/-/plugin-transform-private-property-in-object-7.24.7.tgz",
+      "integrity": "sha512-9z76mxwnwFxMyxZWEgdgECQglF2Q7cFLm0kMf8pGwt+GSJsY0cONKj/UuO4bOH0w/uAel3ekS4ra5CEAyJRmDA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.24.7",
+        "@babel/helper-create-class-features-plugin": "^7.24.7",
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-property-literals": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-property-literals/-/plugin-transform-property-literals-7.24.7.tgz",
+      "integrity": "sha512-EMi4MLQSHfd2nrCqQEWxFdha2gBCqU4ZcCng4WBGZ5CJL4bBRW0ptdqqDdeirGZcpALazVVNJqRmsO8/+oNCBA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-constant-elements": {
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-constant-elements/-/plugin-transform-react-constant-elements-7.23.3.tgz",
+      "integrity": "sha512-zP0QKq/p6O42OL94udMgSfKXyse4RyJ0JqbQ34zDAONWjyrEsghYEyTSK5FIpmXmCpB55SHokL1cRRKHv8L2Qw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-display-name": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-display-name/-/plugin-transform-react-display-name-7.24.7.tgz",
+      "integrity": "sha512-H/Snz9PFxKsS1JLI4dJLtnJgCJRoo0AUm3chP6NYr+9En1JMKloheEiLIhlp5MDVznWo+H3AAC1Mc8lmUEpsgg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-inline-elements": {
+      "version": "7.23.3",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-inline-elements/-/plugin-transform-react-inline-elements-7.23.3.tgz",
+      "integrity": "sha512-NM86KpgxSSvk+GG/PiTBCw386OYdcpLRM6jngy84U7dsZKdtRQSud6BRxSzvuoQmP9r7b7V6X4P9PJjsWVr9mA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-builder-react-jsx": "^7.22.10",
+        "@babel/helper-plugin-utils": "^7.22.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx": {
+      "version": "7.25.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx/-/plugin-transform-react-jsx-7.25.2.tgz",
+      "integrity": "sha512-KQsqEAVBpU82NM/B/N9j9WOdphom1SZH3R+2V7INrQUH+V9EBFwZsEJl8eBIVeQE62FxJCc70jzEZwqU7RcVqA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.24.7",
+        "@babel/helper-module-imports": "^7.24.7",
+        "@babel/helper-plugin-utils": "^7.24.8",
+        "@babel/plugin-syntax-jsx": "^7.24.7",
+        "@babel/types": "^7.25.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-development": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-development/-/plugin-transform-react-jsx-development-7.24.7.tgz",
+      "integrity": "sha512-QG9EnzoGn+Qar7rxuW+ZOsbWOt56FvvI93xInqsZDC5fsekx1AlIO4KIJ5M+D0p0SqSH156EpmZyXq630B8OlQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/plugin-transform-react-jsx": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-pure-annotations": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-pure-annotations/-/plugin-transform-react-pure-annotations-7.24.7.tgz",
+      "integrity": "sha512-PLgBVk3fzbmEjBJ/u8kFzOqS9tUeDjiaWud/rRym/yjCo/M9cASPlnrd2ZmmZpQT40fOOrvR8jh+n8jikrOhNA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.24.7",
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-regenerator": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-regenerator/-/plugin-transform-regenerator-7.24.7.tgz",
+      "integrity": "sha512-lq3fvXPdimDrlg6LWBoqj+r/DEWgONuwjuOuQCSYgRroXDH/IdM1C0IZf59fL5cHLpjEH/O6opIRBbqv7ELnuA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "regenerator-transform": "^0.15.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-reserved-words": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-reserved-words/-/plugin-transform-reserved-words-7.24.7.tgz",
+      "integrity": "sha512-0DUq0pHcPKbjFZCfTss/pGkYMfy3vFWydkUBd9r0GHpIyfs2eCDENvqadMycRS9wZCXR41wucAfJHJmwA0UmoQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-shorthand-properties": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-shorthand-properties/-/plugin-transform-shorthand-properties-7.24.7.tgz",
+      "integrity": "sha512-KsDsevZMDsigzbA09+vacnLpmPH4aWjcZjXdyFKGzpplxhbeB4wYtury3vglQkg6KM/xEPKt73eCjPPf1PgXBA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-spread": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-spread/-/plugin-transform-spread-7.24.7.tgz",
+      "integrity": "sha512-x96oO0I09dgMDxJaANcRyD4ellXFLLiWhuwDxKZX5g2rWP1bTPkBSwCYv96VDXVT1bD9aPj8tppr5ITIh8hBng==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-sticky-regex": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-sticky-regex/-/plugin-transform-sticky-regex-7.24.7.tgz",
+      "integrity": "sha512-kHPSIJc9v24zEml5geKg9Mjx5ULpfncj0wRpYtxbvKyTtHCYDkVE3aHQ03FrpEo4gEe2vrJJS1Y9CJTaThA52g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-template-literals": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-template-literals/-/plugin-transform-template-literals-7.24.7.tgz",
+      "integrity": "sha512-AfDTQmClklHCOLxtGoP7HkeMw56k1/bTQjwsfhL6pppo/M4TOBSq+jjBUBLmV/4oeFg4GWMavIl44ZeCtmmZTw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typeof-symbol": {
+      "version": "7.24.8",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typeof-symbol/-/plugin-transform-typeof-symbol-7.24.8.tgz",
+      "integrity": "sha512-adNTUpDCVnmAE58VEqKlAA6ZBlNkMnWD0ZcW76lyNFN3MJniyGFZfNwERVk8Ap56MCnXztmDr19T4mPTztcuaw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.8"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-typescript": {
+      "version": "7.25.2",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-typescript/-/plugin-transform-typescript-7.25.2.tgz",
+      "integrity": "sha512-lBwRvjSmqiMYe/pS0+1gggjJleUJi7NzjvQ1Fkqtt69hBa/0t1YuW/MLQMAPixfwaQOHUXsd6jeU3Z+vdGv3+A==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-annotate-as-pure": "^7.24.7",
+        "@babel/helper-create-class-features-plugin": "^7.25.0",
+        "@babel/helper-plugin-utils": "^7.24.8",
+        "@babel/helper-skip-transparent-expression-wrappers": "^7.24.7",
+        "@babel/plugin-syntax-typescript": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-escapes": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-escapes/-/plugin-transform-unicode-escapes-7.24.7.tgz",
+      "integrity": "sha512-U3ap1gm5+4edc2Q/P+9VrBNhGkfnf+8ZqppY71Bo/pzZmXhhLdqgaUl6cuB07O1+AQJtCLfaOmswiNbSQ9ivhw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-property-regex": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-property-regex/-/plugin-transform-unicode-property-regex-7.24.7.tgz",
+      "integrity": "sha512-uH2O4OV5M9FZYQrwc7NdVmMxQJOCCzFeYudlZSzUAHRFeOujQefa92E74TQDVskNHCzOXoigEuoyzHDhaEaK5w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.24.7",
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-regex": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-regex/-/plugin-transform-unicode-regex-7.24.7.tgz",
+      "integrity": "sha512-hlQ96MBZSAXUq7ltkjtu3FJCCSMx/j629ns3hA3pXnBXjanNP0LHi+JpPeA81zaWgVK1VGH95Xuy7u0RyQ8kMg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.24.7",
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-unicode-sets-regex": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-unicode-sets-regex/-/plugin-transform-unicode-sets-regex-7.24.7.tgz",
+      "integrity": "sha512-2G8aAvF4wy1w/AGZkemprdGMRg5o6zPNhbHVImRz3lss55TYCBd6xStN19rt8XJHq20sqV0JbyWjOWwQRwV/wg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-create-regexp-features-plugin": "^7.24.7",
+        "@babel/helper-plugin-utils": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/polyfill": {
+      "version": "7.12.1",
+      "resolved": "https://registry.npmjs.org/@babel/polyfill/-/polyfill-7.12.1.tgz",
+      "integrity": "sha512-X0pi0V6gxLi6lFZpGmeNa4zxtwEmCs42isWLNjZZDE0Y8yVfgu0T2OAHlzBbdYlqbW/YXVvoBHpATEM+goCj8g==",
+      "deprecated": "🚨 This package has been deprecated in favor of separate inclusion of a polyfill and regenerator-runtime (when needed). See the @babel/polyfill docs (https://babeljs.io/docs/en/babel-polyfill) for more information.",
+      "dev": true,
+      "dependencies": {
+        "core-js": "^2.6.5",
+        "regenerator-runtime": "^0.13.4"
+      }
+    },
+    "node_modules/@babel/polyfill/node_modules/core-js": {
+      "version": "2.6.12",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
+      "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
+      "deprecated": "core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.",
+      "dev": true,
+      "hasInstallScript": true
+    },
+    "node_modules/@babel/preset-env": {
+      "version": "7.25.3",
+      "resolved": "https://registry.npmjs.org/@babel/preset-env/-/preset-env-7.25.3.tgz",
+      "integrity": "sha512-QsYW7UeAaXvLPX9tdVliMJE7MD7M6MLYVTovRTIwhoYQVFHR1rM4wO8wqAezYi3/BpSD+NzVCZ69R6smWiIi8g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/compat-data": "^7.25.2",
+        "@babel/helper-compilation-targets": "^7.25.2",
+        "@babel/helper-plugin-utils": "^7.24.8",
+        "@babel/helper-validator-option": "^7.24.8",
+        "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "^7.25.3",
+        "@babel/plugin-bugfix-safari-class-field-initializer-scope": "^7.25.0",
+        "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "^7.25.0",
+        "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "^7.24.7",
+        "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "^7.25.0",
+        "@babel/plugin-proposal-private-property-in-object": "7.21.0-placeholder-for-preset-env.2",
+        "@babel/plugin-syntax-async-generators": "^7.8.4",
+        "@babel/plugin-syntax-class-properties": "^7.12.13",
+        "@babel/plugin-syntax-class-static-block": "^7.14.5",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+        "@babel/plugin-syntax-export-namespace-from": "^7.8.3",
+        "@babel/plugin-syntax-import-assertions": "^7.24.7",
+        "@babel/plugin-syntax-import-attributes": "^7.24.7",
+        "@babel/plugin-syntax-import-meta": "^7.10.4",
+        "@babel/plugin-syntax-json-strings": "^7.8.3",
+        "@babel/plugin-syntax-logical-assignment-operators": "^7.10.4",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
+        "@babel/plugin-syntax-numeric-separator": "^7.10.4",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.3",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.3",
+        "@babel/plugin-syntax-private-property-in-object": "^7.14.5",
+        "@babel/plugin-syntax-top-level-await": "^7.14.5",
+        "@babel/plugin-syntax-unicode-sets-regex": "^7.18.6",
+        "@babel/plugin-transform-arrow-functions": "^7.24.7",
+        "@babel/plugin-transform-async-generator-functions": "^7.25.0",
+        "@babel/plugin-transform-async-to-generator": "^7.24.7",
+        "@babel/plugin-transform-block-scoped-functions": "^7.24.7",
+        "@babel/plugin-transform-block-scoping": "^7.25.0",
+        "@babel/plugin-transform-class-properties": "^7.24.7",
+        "@babel/plugin-transform-class-static-block": "^7.24.7",
+        "@babel/plugin-transform-classes": "^7.25.0",
+        "@babel/plugin-transform-computed-properties": "^7.24.7",
+        "@babel/plugin-transform-destructuring": "^7.24.8",
+        "@babel/plugin-transform-dotall-regex": "^7.24.7",
+        "@babel/plugin-transform-duplicate-keys": "^7.24.7",
+        "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "^7.25.0",
+        "@babel/plugin-transform-dynamic-import": "^7.24.7",
+        "@babel/plugin-transform-exponentiation-operator": "^7.24.7",
+        "@babel/plugin-transform-export-namespace-from": "^7.24.7",
+        "@babel/plugin-transform-for-of": "^7.24.7",
+        "@babel/plugin-transform-function-name": "^7.25.1",
+        "@babel/plugin-transform-json-strings": "^7.24.7",
+        "@babel/plugin-transform-literals": "^7.25.2",
+        "@babel/plugin-transform-logical-assignment-operators": "^7.24.7",
+        "@babel/plugin-transform-member-expression-literals": "^7.24.7",
+        "@babel/plugin-transform-modules-amd": "^7.24.7",
+        "@babel/plugin-transform-modules-commonjs": "^7.24.8",
+        "@babel/plugin-transform-modules-systemjs": "^7.25.0",
+        "@babel/plugin-transform-modules-umd": "^7.24.7",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.24.7",
+        "@babel/plugin-transform-new-target": "^7.24.7",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.7",
+        "@babel/plugin-transform-numeric-separator": "^7.24.7",
+        "@babel/plugin-transform-object-rest-spread": "^7.24.7",
+        "@babel/plugin-transform-object-super": "^7.24.7",
+        "@babel/plugin-transform-optional-catch-binding": "^7.24.7",
+        "@babel/plugin-transform-optional-chaining": "^7.24.8",
+        "@babel/plugin-transform-parameters": "^7.24.7",
+        "@babel/plugin-transform-private-methods": "^7.24.7",
+        "@babel/plugin-transform-private-property-in-object": "^7.24.7",
+        "@babel/plugin-transform-property-literals": "^7.24.7",
+        "@babel/plugin-transform-regenerator": "^7.24.7",
+        "@babel/plugin-transform-reserved-words": "^7.24.7",
+        "@babel/plugin-transform-shorthand-properties": "^7.24.7",
+        "@babel/plugin-transform-spread": "^7.24.7",
+        "@babel/plugin-transform-sticky-regex": "^7.24.7",
+        "@babel/plugin-transform-template-literals": "^7.24.7",
+        "@babel/plugin-transform-typeof-symbol": "^7.24.8",
+        "@babel/plugin-transform-unicode-escapes": "^7.24.7",
+        "@babel/plugin-transform-unicode-property-regex": "^7.24.7",
+        "@babel/plugin-transform-unicode-regex": "^7.24.7",
+        "@babel/plugin-transform-unicode-sets-regex": "^7.24.7",
+        "@babel/preset-modules": "0.1.6-no-external-plugins",
+        "babel-plugin-polyfill-corejs2": "^0.4.10",
+        "babel-plugin-polyfill-corejs3": "^0.10.4",
+        "babel-plugin-polyfill-regenerator": "^0.6.1",
+        "core-js-compat": "^3.37.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-flow": {
+      "version": "7.25.9",
+      "resolved": "https://registry.npmjs.org/@babel/preset-flow/-/preset-flow-7.25.9.tgz",
+      "integrity": "sha512-EASHsAhE+SSlEzJ4bzfusnXSHiU+JfAYzj+jbw2vgQKgq5HrUr8qs+vgtiEL5dOH6sEweI+PNt2D7AqrDSHyqQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.25.9",
+        "@babel/helper-validator-option": "^7.25.9",
+        "@babel/plugin-transform-flow-strip-types": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-modules": {
+      "version": "0.1.6-no-external-plugins",
+      "resolved": "https://registry.npmjs.org/@babel/preset-modules/-/preset-modules-0.1.6-no-external-plugins.tgz",
+      "integrity": "sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/types": "^7.4.4",
+        "esutils": "^2.0.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/@babel/preset-react": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/preset-react/-/preset-react-7.24.7.tgz",
+      "integrity": "sha512-AAH4lEkpmzFWrGVlHaxJB7RLH21uPQ9+He+eFLWHmF9IuFQVugz8eAsamaW0DXRrTfco5zj1wWtpdcXJUOfsag==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/helper-validator-option": "^7.24.7",
+        "@babel/plugin-transform-react-display-name": "^7.24.7",
+        "@babel/plugin-transform-react-jsx": "^7.24.7",
+        "@babel/plugin-transform-react-jsx-development": "^7.24.7",
+        "@babel/plugin-transform-react-pure-annotations": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/preset-typescript": {
+      "version": "7.24.7",
+      "resolved": "https://registry.npmjs.org/@babel/preset-typescript/-/preset-typescript-7.24.7.tgz",
+      "integrity": "sha512-SyXRe3OdWwIwalxDg5UtJnJQO+YPcTfwiIY2B0Xlddh9o7jpWLvv8X1RthIeDOxQ+O1ML5BLPCONToObyVQVuQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.24.7",
+        "@babel/helper-validator-option": "^7.24.7",
+        "@babel/plugin-syntax-jsx": "^7.24.7",
+        "@babel/plugin-transform-modules-commonjs": "^7.24.7",
+        "@babel/plugin-transform-typescript": "^7.24.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/register": {
+      "version": "7.24.6",
+      "resolved": "https://registry.npmjs.org/@babel/register/-/register-7.24.6.tgz",
+      "integrity": "sha512-WSuFCc2wCqMeXkz/i3yfAAsxwWflEgbVkZzivgAmXl/MxrXeoYFZOOPllbC8R8WTF7u61wSRQtDVZ1879cdu6w==",
+      "dev": true,
+      "dependencies": {
+        "clone-deep": "^4.0.1",
+        "find-cache-dir": "^2.0.0",
+        "make-dir": "^2.1.0",
+        "pirates": "^4.0.6",
+        "source-map-support": "^0.5.16"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/regjsgen": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/@babel/regjsgen/-/regjsgen-0.8.0.tgz",
+      "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==",
+      "dev": true
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz",
+      "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/runtime-corejs3": {
+      "version": "7.16.8",
+      "resolved": "https://registry.npmjs.org/@babel/runtime-corejs3/-/runtime-corejs3-7.16.8.tgz",
+      "integrity": "sha512-3fKhuICS1lMz0plI5ktOE/yEtBRMVxplzRkdn6mJQ197XiY0JnrzYV0+Mxozq3JZ8SBV9Ecurmw1XsGbwOf+Sg==",
+      "dependencies": {
+        "core-js-pure": "^3.20.2",
+        "regenerator-runtime": "^0.13.4"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/runtime/node_modules/regenerator-runtime": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
+      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA=="
+    },
+    "node_modules/@babel/template": {
+      "version": "7.26.9",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.26.9.tgz",
+      "integrity": "sha512-qyRplbeIpNZhmzOysF/wFMuP9sctmh2cFzRAZOn1YapxBsE1i9bJIY586R/WBLfLcmcBlM8ROBiQURnnNy+zfA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.26.2",
+        "@babel/parser": "^7.26.9",
+        "@babel/types": "^7.26.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.26.9",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.26.9.tgz",
+      "integrity": "sha512-ZYW7L+pL8ahU5fXmNbPF+iZFHCv5scFak7MZ9bwaRPLUhHh7QQEMjZUg0HevihoqCM5iSYHN61EyCoZvqC+bxg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.26.2",
+        "@babel/generator": "^7.26.9",
+        "@babel/parser": "^7.26.9",
+        "@babel/template": "^7.26.9",
+        "@babel/types": "^7.26.9",
+        "debug": "^4.3.1",
+        "globals": "^11.1.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.26.9",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.9.tgz",
+      "integrity": "sha512-Y3IR1cRnOxOCDvMmNiym7XpXQ93iGDDPHx+Zj+NM+rg0fBaShfQLkg+hKPaZCEvg5N/LeCo4+Rj/i3FuJsIQaw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.25.9",
+        "@babel/helper-validator-identifier": "^7.25.9"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@balena/dockerignore": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@balena/dockerignore/-/dockerignore-1.0.2.tgz",
+      "integrity": "sha512-wMue2Sy4GAVTk6Ic4tJVcnfdau+gx2EnG7S+uAEe+TWJFqE4YoWN4/H8MSLj4eYJKxGg26lZwboEniNiNwZQ6Q==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/@bcoe/v8-coverage": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/@bcoe/v8-coverage/-/v8-coverage-0.2.3.tgz",
+      "integrity": "sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==",
+      "dev": true
+    },
+    "node_modules/@codemirror/autocomplete": {
+      "version": "6.18.4",
+      "resolved": "git+ssh://git@github.com/overleaf/codemirror-autocomplete.git#6445cd056671c98d12d1c597ba705e11327ec4c5",
+      "integrity": "sha512-NOpHncgkcZ2w92bO+H6mIzcSToAKt1fWQRImKnDsNbYvp4X/638d6SOuEoE7pSZ7tryJbqKDrE3Zs6nVIXACUA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.17.0",
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/commands": {
+      "version": "6.8.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/commands/-/commands-6.8.0.tgz",
+      "integrity": "sha512-q8VPEFaEP4ikSlt6ZxjB3zW72+7osfAYW9i8Zu943uqbKuz6utc1+F170hyLUCUltXORjQXRyYQNfkckzA/bPQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.4.0",
+        "@codemirror/view": "^6.27.0",
+        "@lezer/common": "^1.1.0"
+      }
+    },
+    "node_modules/@codemirror/lang-css": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-css/-/lang-css-6.0.0.tgz",
+      "integrity": "sha512-jBqc+BTuwhNOTlrimFghLlSrN6iFuE44HULKWoR4qKYObhOIl9Lci1iYj6zMIte1XTQmZguNvjXMyr43LUKwSw==",
+      "dev": true,
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@lezer/css": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-html": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-html/-/lang-html-6.1.0.tgz",
+      "integrity": "sha512-gA7NmJxqvnhwza05CvR7W/39Ap9r/4Vs9uiC0IeFYo1hSlJzc/8N6Evviz6vTW1x8SpHcRYyqKOf6rpl6LfWtg==",
+      "dev": true,
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/lang-css": "^6.0.0",
+        "@codemirror/lang-javascript": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@lezer/common": "^1.0.0",
+        "@lezer/html": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-javascript": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-javascript/-/lang-javascript-6.0.1.tgz",
+      "integrity": "sha512-kjGbBEosl+ozDU5ruDV48w4v3H6KECTFiDjqMLT0KhVwESPfv3wOvnDrTT0uaMOg3YRGnBWsyiIoKHl/tNWWDg==",
+      "dev": true,
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.0.0",
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/lint": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/common": "^1.0.0",
+        "@lezer/javascript": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/lang-markdown": {
+      "version": "6.3.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/lang-markdown/-/lang-markdown-6.3.2.tgz",
+      "integrity": "sha512-c/5MYinGbFxYl4itE9q/rgN/sMTjOr8XL5OWnC+EaRMLfCbVUmmubTJfdgpfcSS2SCaT7b+Q+xi3l6CgoE+BsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/autocomplete": "^6.7.1",
+        "@codemirror/lang-html": "^6.0.0",
+        "@codemirror/language": "^6.3.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "@lezer/common": "^1.2.1",
+        "@lezer/markdown": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/language": {
+      "version": "6.10.8",
+      "resolved": "https://registry.npmjs.org/@codemirror/language/-/language-6.10.8.tgz",
+      "integrity": "sha512-wcP8XPPhDH2vTqf181U8MbZnW+tDyPYy0UzVOa+oHORjyT+mhhom9vBd7dApJwoDz9Nb/a8kHjJIsuA/t8vNFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.23.0",
+        "@lezer/common": "^1.1.0",
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0",
+        "style-mod": "^4.0.0"
+      }
+    },
+    "node_modules/@codemirror/lint": {
+      "version": "6.8.4",
+      "resolved": "https://registry.npmjs.org/@codemirror/lint/-/lint-6.8.4.tgz",
+      "integrity": "sha512-u4q7PnZlJUojeRe8FJa/njJcMctISGgPQ4PnWsd9268R4ZTtU+tfFYmwkBvgcrK2+QQ8tYFVALVb5fVJykKc5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.35.0",
+        "crelt": "^1.0.5"
+      }
+    },
+    "node_modules/@codemirror/search": {
+      "version": "6.5.8",
+      "resolved": "git+ssh://git@github.com/overleaf/codemirror-search.git#04380a528c339cd4b78fb10b3ef017f657ec17bd",
+      "integrity": "sha512-G2sM4Rfnbb8S59HPgLXa2NWS4a9TDf+3cKos/58JPtDQtbBCcHz1c8Oy3x5PhQ+vJS+Mr282WLG8PE/MbhE0eg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0",
+        "crelt": "^1.0.5"
+      }
+    },
+    "node_modules/@codemirror/state": {
+      "version": "6.5.2",
+      "resolved": "https://registry.npmjs.org/@codemirror/state/-/state-6.5.2.tgz",
+      "integrity": "sha512-FVqsPqtPWKVVL3dPSxy8wEF/ymIEuVzF1PK3VbUgrxXpJUSHQWWZz4JMToquRxnkw+36LTamCZG2iua2Ptq0fA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@marijn/find-cluster-break": "^1.0.0"
+      }
+    },
+    "node_modules/@codemirror/view": {
+      "version": "6.36.3",
+      "resolved": "https://registry.npmjs.org/@codemirror/view/-/view-6.36.3.tgz",
+      "integrity": "sha512-N2bilM47QWC8Hnx0rMdDxO2x2ImJ1FvZWXubwKgjeoOrWwEiFrtpA7SFHcuZ+o2Ze2VzbkgbzWVj4+V18LVkeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@codemirror/state": "^6.5.0",
+        "style-mod": "^4.1.0",
+        "w3c-keyname": "^2.2.4"
+      }
+    },
+    "node_modules/@contentful/rich-text-html-renderer": {
+      "version": "16.0.2",
+      "resolved": "https://registry.npmjs.org/@contentful/rich-text-html-renderer/-/rich-text-html-renderer-16.0.2.tgz",
+      "integrity": "sha512-0flmxVixlNk5PMiHXAlABUJ2uURsWxOjbC6ZHhqpEVHU03kHMoIKfDdo6CRZc0S0rMWMO3c14Ei91E97T06T8w==",
+      "dependencies": {
+        "@contentful/rich-text-types": "^16.0.2",
+        "escape-html": "^1.0.3"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@contentful/rich-text-types": {
+      "version": "16.0.2",
+      "resolved": "https://registry.npmjs.org/@contentful/rich-text-types/-/rich-text-types-16.0.2.tgz",
+      "integrity": "sha512-ovbmCKQjlyGek4NuABoqDesC3FBV3e5jPMMdtT2mpOy9ia31MKO0NSFMRGZu7Q+veZzmDMja8S1i/XeFCUT9Pw==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@csstools/cascade-layer-name-parser": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/@csstools/cascade-layer-name-parser/-/cascade-layer-name-parser-1.0.5.tgz",
+      "integrity": "sha512-v/5ODKNBMfBl0us/WQjlfsvSlYxfZLhNMVIsuCPib2ulTwGKYbKJbwqw671+qH9Y4wvWVnu7LBChvml/wBKjFg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^2.3.2",
+        "@csstools/css-tokenizer": "^2.2.1"
+      }
+    },
+    "node_modules/@csstools/color-helpers": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-3.0.2.tgz",
+      "integrity": "sha512-NMVs/l7Y9eIKL5XjbCHEgGcG8LOUT2qVcRjX6EzkCdlvftHVKr2tHIPzHavfrULRZ5Q2gxrJ9f44dAlj6fX97Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      }
+    },
+    "node_modules/@csstools/css-calc": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@csstools/css-calc/-/css-calc-1.1.4.tgz",
+      "integrity": "sha512-ZV1TSmToiNcQL1P3hfzlzZzA02mmVkVmXGaUDUqpYUG84PmLhVSZpKX+KfxAuOcK7de04UXSQPBrAvaya6iiGg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^2.3.2",
+        "@csstools/css-tokenizer": "^2.2.1"
+      }
+    },
+    "node_modules/@csstools/css-color-parser": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/@csstools/css-color-parser/-/css-color-parser-1.4.0.tgz",
+      "integrity": "sha512-SlGd8E6ron24JYQPQAIzu5tvmWi1H4sDKTdA7UDnwF45oJv7AVESbOlOO1YjfBhrQFuvLWUgKiOY9DwGoAxwTA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/color-helpers": "^3.0.2",
+        "@csstools/css-calc": "^1.1.4"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^2.3.2",
+        "@csstools/css-tokenizer": "^2.2.1"
+      }
+    },
+    "node_modules/@csstools/css-parser-algorithms": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/@csstools/css-parser-algorithms/-/css-parser-algorithms-2.6.1.tgz",
+      "integrity": "sha512-ubEkAaTfVZa+WwGhs5jbo5Xfqpeaybr/RvWzvFxRs4jfq16wH8l8Ty/QEEpINxll4xhuGfdMbipRyz5QZh9+FA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-tokenizer": "^2.2.4"
+      }
+    },
+    "node_modules/@csstools/css-tokenizer": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/@csstools/css-tokenizer/-/css-tokenizer-2.2.4.tgz",
+      "integrity": "sha512-PuWRAewQLbDhGeTvFuq2oClaSCKPIBmHyIobCV39JHRYN0byDcUWJl5baPeNUcqrjtdMNqFooE0FGl31I3JOqw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      }
+    },
+    "node_modules/@csstools/media-query-list-parser": {
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@csstools/media-query-list-parser/-/media-query-list-parser-2.1.9.tgz",
+      "integrity": "sha512-qqGuFfbn4rUmyOB0u8CVISIp5FfJ5GAR3mBrZ9/TKndHakdnm6pY0L/fbLcpPnrzwCyyTEZl1nUcXAYHEWneTA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4"
+      }
+    },
+    "node_modules/@csstools/postcss-cascade-layers": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-cascade-layers/-/postcss-cascade-layers-3.0.1.tgz",
+      "integrity": "sha512-dD8W98dOYNOH/yX4V4HXOhfCOnvVAg8TtsL+qCGNoKXuq5z2C/d026wGWgySgC8cajXXo/wNezS31Glj5GcqrA==",
+      "dev": true,
+      "dependencies": {
+        "@csstools/selector-specificity": "^2.0.2",
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-color-function": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-color-function/-/postcss-color-function-2.2.3.tgz",
+      "integrity": "sha512-b1ptNkr1UWP96EEHqKBWWaV5m/0hgYGctgA/RVZhONeP1L3T/8hwoqDm9bB23yVCfOgE9U93KI9j06+pEkJTvw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/css-color-parser": "^1.2.0",
+        "@csstools/css-parser-algorithms": "^2.1.1",
+        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/postcss-progressive-custom-properties": "^2.3.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-color-mix-function": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-color-mix-function/-/postcss-color-mix-function-1.0.3.tgz",
+      "integrity": "sha512-QGXjGugTluqFZWzVf+S3wCiRiI0ukXlYqCi7OnpDotP/zaVTyl/aqZujLFzTOXy24BoWnu89frGMc79ohY5eog==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/css-color-parser": "^1.2.0",
+        "@csstools/css-parser-algorithms": "^2.1.1",
+        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/postcss-progressive-custom-properties": "^2.3.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-font-format-keywords": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-font-format-keywords/-/postcss-font-format-keywords-2.0.2.tgz",
+      "integrity": "sha512-iKYZlIs6JsNT7NKyRjyIyezTCHLh4L4BBB3F5Nx7Dc4Z/QmBgX+YJFuUSar8IM6KclGiAUFGomXFdYxAwJydlA==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-gradients-interpolation-method": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-gradients-interpolation-method/-/postcss-gradients-interpolation-method-3.0.6.tgz",
+      "integrity": "sha512-rBOBTat/YMmB0G8VHwKqDEx+RZ4KCU9j42K8LwS0IpZnyThalZZF7BCSsZ6TFlZhcRZKlZy3LLFI2pLqjNVGGA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/css-color-parser": "^1.2.0",
+        "@csstools/css-parser-algorithms": "^2.1.1",
+        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/postcss-progressive-custom-properties": "^2.3.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-hwb-function": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-hwb-function/-/postcss-hwb-function-2.2.2.tgz",
+      "integrity": "sha512-W5Y5oaJ382HSlbdGfPf60d7dAK6Hqf10+Be1yZbd/TNNrQ/3dDdV1c07YwOXPQ3PZ6dvFMhxbIbn8EC3ki3nEg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/css-color-parser": "^1.2.0",
+        "@csstools/css-parser-algorithms": "^2.1.1",
+        "@csstools/css-tokenizer": "^2.1.1"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-ic-unit": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-ic-unit/-/postcss-ic-unit-2.0.4.tgz",
+      "integrity": "sha512-9W2ZbV7whWnr1Gt4qYgxMWzbevZMOvclUczT5vk4yR6vS53W/njiiUhtm/jh/BKYwQ1W3PECZjgAd2dH4ebJig==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/postcss-progressive-custom-properties": "^2.3.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-is-pseudo-class": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-is-pseudo-class/-/postcss-is-pseudo-class-3.2.1.tgz",
+      "integrity": "sha512-AtANdV34kJl04Al62is3eQRk/BfOfyAvEmRJvbt+nx5REqImLC+2XhuE6skgkcPli1l8ONS67wS+l1sBzySc3Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/selector-specificity": "^2.0.0",
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-logical-float-and-clear": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-logical-float-and-clear/-/postcss-logical-float-and-clear-1.0.1.tgz",
+      "integrity": "sha512-eO9z2sMLddvlfFEW5Fxbjyd03zaO7cJafDurK4rCqyRt9P7aaWwha0LcSzoROlcZrw1NBV2JAp2vMKfPMQO1xw==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-logical-resize": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-logical-resize/-/postcss-logical-resize-1.0.1.tgz",
+      "integrity": "sha512-x1ge74eCSvpBkDDWppl+7FuD2dL68WP+wwP2qvdUcKY17vJksz+XoE1ZRV38uJgS6FNUwC0AxrPW5gy3MxsDHQ==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-logical-viewport-units": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-logical-viewport-units/-/postcss-logical-viewport-units-1.0.3.tgz",
+      "integrity": "sha512-6zqcyRg9HSqIHIPMYdt6THWhRmE5/tyHKJQLysn2TeDf/ftq7Em9qwMTx98t2C/7UxIsYS8lOiHHxAVjWn2WUg==",
+      "dev": true,
+      "dependencies": {
+        "@csstools/css-tokenizer": "^2.1.1"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-media-minmax": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-media-minmax/-/postcss-media-minmax-1.1.0.tgz",
+      "integrity": "sha512-t5Li/DPC5QmW/6VFLfUvsw/4dNYYseWR0tOXDeJg/9EKUodBgNawz5tuk5vYKtNvoj+Q08odMuXcpS5YJj0AFA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/css-calc": "^1.1.4",
+        "@csstools/css-parser-algorithms": "^2.3.2",
+        "@csstools/css-tokenizer": "^2.2.1",
+        "@csstools/media-query-list-parser": "^2.1.5"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-media-queries-aspect-ratio-number-values": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-media-queries-aspect-ratio-number-values/-/postcss-media-queries-aspect-ratio-number-values-1.0.4.tgz",
+      "integrity": "sha512-IwyTbyR8E2y3kh6Fhrs251KjKBJeUPV5GlnUKnpU70PRFEN2DolWbf2V4+o/B9+Oj77P/DullLTulWEQ8uFtAA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/css-parser-algorithms": "^2.2.0",
+        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/media-query-list-parser": "^2.1.1"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-nested-calc": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-nested-calc/-/postcss-nested-calc-2.0.2.tgz",
+      "integrity": "sha512-jbwrP8rN4e7LNaRcpx3xpMUjhtt34I9OV+zgbcsYAAk6k1+3kODXJBf95/JMYWhu9g1oif7r06QVUgfWsKxCFw==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-normalize-display-values": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-normalize-display-values/-/postcss-normalize-display-values-2.0.1.tgz",
+      "integrity": "sha512-TQT5g3JQ5gPXC239YuRK8jFceXF9d25ZvBkyjzBGGoW5st5sPXFVQS8OjYb9IJ/K3CdfK4528y483cgS2DJR/w==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-oklab-function": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-oklab-function/-/postcss-oklab-function-2.2.3.tgz",
+      "integrity": "sha512-AgJ2rWMnLCDcbSMTHSqBYn66DNLBym6JpBpCaqmwZ9huGdljjDRuH3DzOYzkgQ7Pm2K92IYIq54IvFHloUOdvA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/css-color-parser": "^1.2.0",
+        "@csstools/css-parser-algorithms": "^2.1.1",
+        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/postcss-progressive-custom-properties": "^2.3.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-progressive-custom-properties": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-progressive-custom-properties/-/postcss-progressive-custom-properties-2.3.0.tgz",
+      "integrity": "sha512-Zd8ojyMlsL919TBExQ1I0CTpBDdyCpH/yOdqatZpuC3sd22K4SwC7+Yez3Q/vmXMWSAl+shjNeFZ7JMyxMjK+Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-relative-color-syntax": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-relative-color-syntax/-/postcss-relative-color-syntax-1.0.2.tgz",
+      "integrity": "sha512-juCoVInkgH2TZPfOhyx6tIal7jW37L/0Tt+Vcl1LoxqQA9sxcg3JWYZ98pl1BonDnki6s/M7nXzFQHWsWMeHgw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/css-color-parser": "^1.2.0",
+        "@csstools/css-parser-algorithms": "^2.1.1",
+        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/postcss-progressive-custom-properties": "^2.3.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-scope-pseudo-class": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-scope-pseudo-class/-/postcss-scope-pseudo-class-2.0.2.tgz",
+      "integrity": "sha512-6Pvo4uexUCXt+Hz5iUtemQAcIuCYnL+ePs1khFR6/xPgC92aQLJ0zGHonWoewiBE+I++4gXK3pr+R1rlOFHe5w==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-stepped-value-functions": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-stepped-value-functions/-/postcss-stepped-value-functions-2.1.1.tgz",
+      "integrity": "sha512-YCvdF0GCZK35nhLgs7ippcxDlRVe5QsSht3+EghqTjnYnyl3BbWIN6fYQ1dKWYTJ+7Bgi41TgqQFfJDcp9Xy/w==",
+      "dev": true,
+      "dependencies": {
+        "@csstools/css-calc": "^1.1.1",
+        "@csstools/css-parser-algorithms": "^2.1.1",
+        "@csstools/css-tokenizer": "^2.1.1"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-text-decoration-shorthand": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-text-decoration-shorthand/-/postcss-text-decoration-shorthand-2.2.4.tgz",
+      "integrity": "sha512-zPN56sQkS/7YTCVZhOBVCWf7AiNge8fXDl7JVaHLz2RyT4pnyK2gFjckWRLpO0A2xkm1lCgZ0bepYZTwAVd/5A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/color-helpers": "^2.1.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-text-decoration-shorthand/node_modules/@csstools/color-helpers": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@csstools/color-helpers/-/color-helpers-2.1.0.tgz",
+      "integrity": "sha512-OWkqBa7PDzZuJ3Ha7T5bxdSVfSCfTq6K1mbAhbO1MD+GSULGjrp45i5RudyJOedstSarN/3mdwu9upJE7gDXfw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      }
+    },
+    "node_modules/@csstools/postcss-trigonometric-functions": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-trigonometric-functions/-/postcss-trigonometric-functions-2.1.1.tgz",
+      "integrity": "sha512-XcXmHEFfHXhvYz40FtDlA4Fp4NQln2bWTsCwthd2c+MCnYArUYU3YaMqzR5CrKP3pMoGYTBnp5fMqf1HxItNyw==",
+      "dev": true,
+      "dependencies": {
+        "@csstools/css-calc": "^1.1.1",
+        "@csstools/css-parser-algorithms": "^2.1.1",
+        "@csstools/css-tokenizer": "^2.1.1"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/postcss-unset-value": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@csstools/postcss-unset-value/-/postcss-unset-value-2.0.1.tgz",
+      "integrity": "sha512-oJ9Xl29/yU8U7/pnMJRqAZd4YXNCfGEdcP4ywREuqm/xMqcgDNDppYRoCGDt40aaZQIEKBS79LytUDN/DHf0Ew==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/@csstools/selector-specificity": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz",
+      "integrity": "sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      }
+    },
+    "node_modules/@customerio/cdp-analytics-core": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@customerio/cdp-analytics-core/-/cdp-analytics-core-0.3.0.tgz",
+      "integrity": "sha512-5BJ8VgUkLT2YuDZ7Dr+oWnpFNObF5tgfj1hU/E01+kxUAvzUoOiLNL6NjKy9AeZYIFuzqgzYCfmR/1mGYdngsw==",
+      "license": "MIT",
+      "dependencies": {
+        "@lukeed/uuid": "^2.0.0",
+        "dset": "^3.1.2",
+        "tslib": "^2.4.1"
+      }
+    },
+    "node_modules/@customerio/cdp-analytics-node": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/@customerio/cdp-analytics-node/-/cdp-analytics-node-0.3.0.tgz",
+      "integrity": "sha512-p8WCtj+O3JoOooaFeENQzGPD8SDJ8x7z3P6s6xHtIaxsYjPFVfFVRV1avJQb3YTA+Z4Ak5h1oK/zayTIBJA6pQ==",
+      "dependencies": {
+        "@customerio/cdp-analytics-core": "0.3.0",
+        "@lukeed/uuid": "^2.0.0",
+        "buffer": "^6.0.3",
+        "node-fetch": "^2.6.7",
+        "tslib": "^2.4.1",
+        "uuid": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@customerio/cdp-analytics-node/node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/@customerio/cdp-analytics-node/node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@customerio/cdp-analytics-node/node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/@cypress/request": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@cypress/request/-/request-3.0.1.tgz",
+      "integrity": "sha512-TWivJlJi8ZDx2wGOw1dbLuHJKUYX7bWySw377nlnGOW3hP9/MUKIsEdXT/YngWxVdgNCHRBmFlBipE+5/2ZZlQ==",
+      "dev": true,
+      "dependencies": {
+        "aws-sign2": "~0.7.0",
+        "aws4": "^1.8.0",
+        "caseless": "~0.12.0",
+        "combined-stream": "~1.0.6",
+        "extend": "~3.0.2",
+        "forever-agent": "~0.6.1",
+        "form-data": "~2.3.2",
+        "http-signature": "~1.3.6",
+        "is-typedarray": "~1.0.0",
+        "isstream": "~0.1.2",
+        "json-stringify-safe": "~5.0.1",
+        "mime-types": "~2.1.19",
+        "performance-now": "^2.1.0",
+        "qs": "6.10.4",
+        "safe-buffer": "^5.1.2",
+        "tough-cookie": "^4.1.3",
+        "tunnel-agent": "^0.6.0",
+        "uuid": "^8.3.2"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/@cypress/request/node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/@cypress/request/node_modules/form-data": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
+      "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
+      "dev": true,
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.6",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 0.12"
+      }
+    },
+    "node_modules/@cypress/request/node_modules/http-signature": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.3.6.tgz",
+      "integrity": "sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==",
+      "dev": true,
+      "dependencies": {
+        "assert-plus": "^1.0.0",
+        "jsprim": "^2.0.2",
+        "sshpk": "^1.14.1"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/@cypress/request/node_modules/jsprim": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-2.0.2.tgz",
+      "integrity": "sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==",
+      "dev": true,
+      "engines": [
+        "node >=0.6.0"
+      ],
+      "dependencies": {
+        "assert-plus": "1.0.0",
+        "extsprintf": "1.3.0",
+        "json-schema": "0.4.0",
+        "verror": "1.10.0"
+      }
+    },
+    "node_modules/@cypress/request/node_modules/qs": {
+      "version": "6.10.4",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.4.tgz",
+      "integrity": "sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==",
+      "dev": true,
+      "dependencies": {
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/@cypress/request/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "dev": true,
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/@cypress/xvfb": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@cypress/xvfb/-/xvfb-1.2.4.tgz",
+      "integrity": "sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.1.0",
+        "lodash.once": "^4.1.1"
+      }
+    },
+    "node_modules/@cypress/xvfb/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/@discoveryjs/json-ext": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/@discoveryjs/json-ext/-/json-ext-0.5.7.tgz",
+      "integrity": "sha512-dBVuXR082gk3jsFp7Rd/JI4kytwGHecnCoTtXFb7DB6CNHp4rg5k1bhg0nWdLGLnOV71lmDzGQaLMy8iPLY0pw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/@dual-bundle/import-meta-resolve": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@dual-bundle/import-meta-resolve/-/import-meta-resolve-4.0.0.tgz",
+      "integrity": "sha512-ZKXyJeFAzcpKM2kk8ipoGIPUqx9BX52omTGnfwjJvxOCaZTM2wtDK7zN0aIgPRbT9XYAlha0HtmZ+XKteuh0Gw==",
+      "dev": true,
+      "peer": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.0.tgz",
+      "integrity": "sha512-O7vun9Sf8DFjH2UtqK8Ku3LkquL9SZL8OLY1T5NZkA34+wG3OQF7cl4Ql8vdNzM6fzBbYfLaiRLIOZ+2FOCgBQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.0.tgz",
+      "integrity": "sha512-PTyWCYYiU0+1eJKmw21lWtC+d08JDZPQ5g+kFyxP0V+es6VPPSUhM6zk8iImp2jbV6GwjX4pap0JFbUQN65X1g==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.0.tgz",
+      "integrity": "sha512-grvv8WncGjDSyUBjN9yHXNt+cq0snxXbDxy5pJtzMKGmmpPxeAmAhWxXI+01lU5rwZomDgD3kJwulEnhTRUd6g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.0.tgz",
+      "integrity": "sha512-m/ix7SfKG5buCnxasr52+LI78SQ+wgdENi9CqyCXwjVR2X4Jkz+BpC3le3AoBPYTC9NHklwngVXvbJ9/Akhrfg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.0.tgz",
+      "integrity": "sha512-mVwdUb5SRkPayVadIOI78K7aAnPamoeFR2bT5nszFUZ9P8UpK4ratOdYbZZXYSqPKMHfS1wdHCJk1P1EZpRdvw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.0.tgz",
+      "integrity": "sha512-DgDaYsPWFTS4S3nWpFcMn/33ZZwAAeAFKNHNa1QN0rI4pUjgqf0f7ONmXf6d22tqTY+H9FNdgeaAa+YIFUn2Rg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.0.tgz",
+      "integrity": "sha512-VN4ocxy6dxefN1MepBx/iD1dH5K8qNtNe227I0mnTRjry8tj5MRk4zprLEdG8WPyAPb93/e4pSgi1SoHdgOa4w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.0.tgz",
+      "integrity": "sha512-mrSgt7lCh07FY+hDD1TxiTyIHyttn6vnjesnPoVDNmDfOmggTLXRv8Id5fNZey1gl/V2dyVK1VXXqVsQIiAk+A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.0.tgz",
+      "integrity": "sha512-vkB3IYj2IDo3g9xX7HqhPYxVkNQe8qTK55fraQyTzTX/fxaDtXiEnavv9geOsonh2Fd2RMB+i5cbhu2zMNWJwg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.0.tgz",
+      "integrity": "sha512-9QAQjTWNDM/Vk2bgBl17yWuZxZNQIF0OUUuPZRKoDtqF2k4EtYbpyiG5/Dk7nqeK6kIJWPYldkOcBqjXjrUlmg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.0.tgz",
+      "integrity": "sha512-43ET5bHbphBegyeqLb7I1eYn2P/JYGNmzzdidq/w0T8E2SsYL1U6un2NFROFRg1JZLTzdCoRomg8Rvf9M6W6Gg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.0.tgz",
+      "integrity": "sha512-fC95c/xyNFueMhClxJmeRIj2yrSMdDfmqJnyOY4ZqsALkDrrKJfIg5NTMSzVBr5YW1jf+l7/cndBfP3MSDpoHw==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.0.tgz",
+      "integrity": "sha512-nkAMFju7KDW73T1DdH7glcyIptm95a7Le8irTQNO/qtkoyypZAnjchQgooFUDQhNAy4iu08N79W4T4pMBwhPwQ==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.0.tgz",
+      "integrity": "sha512-NhyOejdhRGS8Iwv+KKR2zTq2PpysF9XqY+Zk77vQHqNbo/PwZCzB5/h7VGuREZm1fixhs4Q/qWRSi5zmAiO4Fw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.0.tgz",
+      "integrity": "sha512-5S/rbP5OY+GHLC5qXp1y/Mx//e92L1YDqkiBbO9TQOvuFXM+iDqUNG5XopAnXoRH3FjIUDkeGcY1cgNvnXp/kA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.0.tgz",
+      "integrity": "sha512-XM2BFsEBz0Fw37V0zU4CXfcfuACMrppsMFKdYY2WuTS3yi8O1nFOhil/xhKTmE1nPmVyvQJjJivgDT+xh8pXJA==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.0.tgz",
+      "integrity": "sha512-9yl91rHw/cpwMCNytUDxwj2XjFpxML0y9HAOH9pNVQDpQrBxHy01Dx+vaMu0N1CKa/RzBD2hB4u//nfc+Sd3Cw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.0.tgz",
+      "integrity": "sha512-RuG4PSMPFfrkH6UwCAqBzauBWTygTvb1nxWasEJooGSJ/NwRw7b2HOwyRTQIU97Hq37l3npXoZGYMy3b3xYvPw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.0.tgz",
+      "integrity": "sha512-jl+qisSB5jk01N5f7sPCsBENCOlPiS/xptD5yxOx2oqQfyourJwIKLRA2yqWdifj3owQZCL2sn6o08dBzZGQzA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.0.tgz",
+      "integrity": "sha512-21sUNbq2r84YE+SJDfaQRvdgznTD8Xc0oc3p3iW/a1EVWeNj/SdUCbm5U0itZPQYRuRTW20fPMWMpcrciH2EJw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.0.tgz",
+      "integrity": "sha512-2gwwriSMPcCFRlPlKx3zLQhfN/2WjJ2NSlg5TKLQOJdV0mSxIcYNTMhk3H3ulL/cak+Xj0lY1Ym9ysDV1igceg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.0.tgz",
+      "integrity": "sha512-bxI7ThgLzPrPz484/S9jLlvUAHYMzy6I0XiU1ZMeAEOBcS0VePBFxh1JjTQt3Xiat5b6Oh4x7UC7IwKQKIJRIg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.0.tgz",
+      "integrity": "sha512-ZUAc2YK6JW89xTbXvftxdnYy3m4iHIkDtK3CLce8wg8M2L+YZhIvO1DKpxrd0Yr59AeNNkTiic9YLf6FTtXWMw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.0.tgz",
+      "integrity": "sha512-eSNxISBu8XweVEWG31/JzjkIGbGIJN/TrRoiSVZwZ6pkC6VX4Im/WV2cz559/TXLcYbcrDN8JtKgd9DJVIo8GA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.0.tgz",
+      "integrity": "sha512-ZENoHJBxA20C2zFzh6AI4fT6RraMzjYw4xKWemRTRmRVtN9c5DcH9r/f2ihEkMjOW5eGgrwCslG/+Y/3bL+DHQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.4.0.tgz",
+      "integrity": "sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.3.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.1.tgz",
+      "integrity": "sha512-pZnmmLwYzf+kWaM/Qgrvpen51upAktaaiI01nsJD/Yr3lMOdNtq0cxkrrg16w64VtisN6okbs7Q8AfGqj4c9fA==",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.10.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.10.0.tgz",
+      "integrity": "sha512-Cu96Sd2By9mCNTx2iyKOmq10v22jUVQv0lQnlGNy16oE9589yE+QADPbrMGCkA51cKZSg3Pu/aTJVTGfL/qjUA==",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.0.tgz",
+      "integrity": "sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@google-cloud/bigquery": {
+      "version": "5.10.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/bigquery/-/bigquery-5.10.0.tgz",
+      "integrity": "sha512-kHwPT3O5pihjlhZ4wpNElovv/RY2hyz5MdgON1UlwFM9bVA8kXqdUWS09owjVhHKaHqBxliUpG0DAwjrKHqY7Q==",
+      "dependencies": {
+        "@google-cloud/common": "^3.1.0",
+        "@google-cloud/paginator": "^3.0.0",
+        "@google-cloud/promisify": "^2.0.0",
+        "arrify": "^2.0.1",
+        "big.js": "^6.0.0",
+        "duplexify": "^4.0.0",
+        "extend": "^3.0.2",
+        "is": "^3.3.0",
+        "p-event": "^4.1.0",
+        "stream-events": "^1.0.5",
+        "uuid": "^8.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@google-cloud/bigquery/node_modules/duplexify": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-4.1.2.tgz",
+      "integrity": "sha512-fz3OjcNCHmRP12MJoZMPglx8m4rrFP8rovnk4vT8Fs+aonZoCwGg10dSsQsfP/E62eZcPTMSMP6686fu9Qlqtw==",
+      "dependencies": {
+        "end-of-stream": "^1.4.1",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "node_modules/@google-cloud/bigquery/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/@google-cloud/common": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/common/-/common-3.9.0.tgz",
+      "integrity": "sha512-R9PfmCKbpOizvcLY+fz/TS4HdOQhvmf4EY4xEXvWnotGbGXujuTLJTJ2URy8BGT8TDxlh6gjjfEwjJ8McnNPIg==",
+      "dependencies": {
+        "@google-cloud/projectify": "^2.0.0",
+        "@google-cloud/promisify": "^2.0.0",
+        "arrify": "^2.0.1",
+        "duplexify": "^4.1.1",
+        "ent": "^2.2.0",
+        "extend": "^3.0.2",
+        "google-auth-library": "^7.9.2",
+        "retry-request": "^4.2.2",
+        "teeny-request": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@google-cloud/common/node_modules/duplexify": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-4.1.2.tgz",
+      "integrity": "sha512-fz3OjcNCHmRP12MJoZMPglx8m4rrFP8rovnk4vT8Fs+aonZoCwGg10dSsQsfP/E62eZcPTMSMP6686fu9Qlqtw==",
+      "dependencies": {
+        "end-of-stream": "^1.4.1",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "node_modules/@google-cloud/logging": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/logging/-/logging-11.1.0.tgz",
+      "integrity": "sha512-S3Zsd+HZxIdZgDZByJ+2GaSQ8rA5OLfdZoZ9Ys1iSZ4HRIhO9ZxlXbmGZgGK9JJ2GaXp7Rux4K4LpkqoYPKnEg==",
+      "dependencies": {
+        "@google-cloud/common": "^5.0.0",
+        "@google-cloud/paginator": "^5.0.0",
+        "@google-cloud/projectify": "^4.0.0",
+        "@google-cloud/promisify": "^4.0.0",
+        "arrify": "^2.0.1",
+        "dot-prop": "^6.0.0",
+        "eventid": "^2.0.0",
+        "extend": "^3.0.2",
+        "gcp-metadata": "^6.0.0",
+        "google-auth-library": "^9.0.0",
+        "google-gax": "^4.0.3",
+        "on-finished": "^2.3.0",
+        "pumpify": "^2.0.1",
+        "stream-events": "^1.0.5",
+        "uuid": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@google-cloud/logging-bunyan": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/logging-bunyan/-/logging-bunyan-5.1.0.tgz",
+      "integrity": "sha512-D2Rg5nb+onjWre4eEowWyNmVF1RN7WThWdu1cCOcTMVOoVEGJphMxrBo9VQKQmkqdlAUG4NaM6i2sqieISQDsg==",
+      "dependencies": {
+        "@google-cloud/logging": "^11.0.0",
+        "google-auth-library": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "bunyan": "*"
+      }
+    },
+    "node_modules/@google-cloud/logging-bunyan/node_modules/agent-base": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.0.tgz",
+      "integrity": "sha512-o/zjMZRhJxny7OyEF+Op8X+efiELC7k7yOjMzgfzVqOzXqkBkWI79YoTdOtsuWd5BWhAGAuOY/Xa6xpiaWXiNg==",
+      "dependencies": {
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/@google-cloud/logging-bunyan/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@google-cloud/logging-bunyan/node_modules/gaxios": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/gaxios/-/gaxios-6.1.0.tgz",
+      "integrity": "sha512-EIHuesZxNyIkUGcTQKQPMICyOpDD/bi+LJIJx+NLsSGmnS7N+xCLRX5bi4e9yAu9AlSZdVq+qlyWWVuTh/483w==",
+      "dependencies": {
+        "extend": "^3.0.2",
+        "https-proxy-agent": "^7.0.1",
+        "is-stream": "^2.0.0",
+        "node-fetch": "^2.6.9"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@google-cloud/logging-bunyan/node_modules/gcp-metadata": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-6.0.0.tgz",
+      "integrity": "sha512-Ozxyi23/1Ar51wjUT2RDklK+3HxqDr8TLBNK8rBBFQ7T85iIGnXnVusauj06QyqCXRFZig8LZC+TUddWbndlpQ==",
+      "dependencies": {
+        "gaxios": "^6.0.0",
+        "json-bigint": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@google-cloud/logging-bunyan/node_modules/google-auth-library": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-9.0.0.tgz",
+      "integrity": "sha512-IQGjgQoVUAfOk6khqTVMLvWx26R+yPw9uLyb1MNyMQpdKiKt0Fd9sp4NWoINjyGHR8S3iw12hMTYK7O8J07c6Q==",
+      "dependencies": {
+        "base64-js": "^1.3.0",
+        "ecdsa-sig-formatter": "^1.0.11",
+        "gaxios": "^6.0.0",
+        "gcp-metadata": "^6.0.0",
+        "gtoken": "^7.0.0",
+        "jws": "^4.0.0",
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@google-cloud/logging-bunyan/node_modules/gtoken": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/gtoken/-/gtoken-7.0.1.tgz",
+      "integrity": "sha512-KcFVtoP1CVFtQu0aSk3AyAt2og66PFhZAlkUOuWKwzMLoulHXG5W5wE5xAnHb+yl3/wEFoqGW7/cDGMU8igDZQ==",
+      "dependencies": {
+        "gaxios": "^6.0.0",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@google-cloud/logging-bunyan/node_modules/https-proxy-agent": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.1.tgz",
+      "integrity": "sha512-Eun8zV0kcYS1g19r78osiQLEFIRspRUDd9tIfBCTBPBeMieF/EsJNL8VI3xOIdYRDEkjQnqOYPsZ2DsWsVsFwQ==",
+      "dependencies": {
+        "agent-base": "^7.0.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/@google-cloud/logging-bunyan/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@google-cloud/logging-bunyan/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "node_modules/@google-cloud/logging-bunyan/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/@google-cloud/logging-min": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/logging-min/-/logging-min-10.4.0.tgz",
+      "integrity": "sha512-TcblDYAATO9hHcDcWYFh+vqt3pAV7Qddaih1JK3cpkzLa+BWjD5gAVAWww8W9Wr5yxOX+8CkssanH/xSS4n76Q==",
+      "dependencies": {
+        "@google-cloud/common": "^4.0.0",
+        "@google-cloud/paginator": "^4.0.0",
+        "@google-cloud/projectify": "^3.0.0",
+        "@google-cloud/promisify": "^3.0.0",
+        "arrify": "^2.0.1",
+        "dot-prop": "^6.0.0",
+        "eventid": "^2.0.0",
+        "extend": "^3.0.2",
+        "gcp-metadata": "^4.0.0",
+        "google-auth-library": "^8.0.2",
+        "google-gax": "^3.5.2",
+        "on-finished": "^2.3.0",
+        "pumpify": "^2.0.1",
+        "stream-events": "^1.0.5",
+        "uuid": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/@google-cloud/logging-min/node_modules/@google-cloud/common": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@google-cloud/common/-/common-4.0.3.tgz",
+      "integrity": "sha512-fUoMo5b8iAKbrYpneIRV3z95AlxVJPrjpevxs4SKoclngWZvTXBSGpNisF5+x5m+oNGve7jfB1e6vNBZBUs7Fw==",
+      "dependencies": {
+        "@google-cloud/projectify": "^3.0.0",
+        "@google-cloud/promisify": "^3.0.0",
+        "arrify": "^2.0.1",
+        "duplexify": "^4.1.1",
+        "ent": "^2.2.0",
+        "extend": "^3.0.2",
+        "google-auth-library": "^8.0.2",
+        "retry-request": "^5.0.0",
+        "teeny-request": "^8.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/@google-cloud/logging-min/node_modules/@google-cloud/paginator": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@google-cloud/paginator/-/paginator-4.0.1.tgz",
+      "integrity": "sha512-6G1ui6bWhNyHjmbYwavdN7mpVPRBtyDg/bfqBTAlwr413On2TnFNfDxc9UhTJctkgoCDgQXEKiRPLPR9USlkbQ==",
+      "dependencies": {
+        "arrify": "^2.0.0",
+        "extend": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/@google-cloud/logging-min/node_modules/@google-cloud/projectify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/projectify/-/projectify-3.0.0.tgz",
+      "integrity": "sha512-HRkZsNmjScY6Li8/kb70wjGlDDyLkVk3KvoEo9uIoxSjYLJasGiCch9+PqRVDOCGUFvEIqyogl+BeqILL4OJHA==",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/@google-cloud/logging-min/node_modules/@google-cloud/promisify": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@google-cloud/promisify/-/promisify-3.0.1.tgz",
+      "integrity": "sha512-z1CjRjtQyBOYL+5Qr9DdYIfrdLBe746jRTYfaYU6MeXkqp7UfYs/jX16lFFVzZ7PGEJvqZNqYUEtb1mvDww4pA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@google-cloud/logging-min/node_modules/duplexify": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-4.1.2.tgz",
+      "integrity": "sha512-fz3OjcNCHmRP12MJoZMPglx8m4rrFP8rovnk4vT8Fs+aonZoCwGg10dSsQsfP/E62eZcPTMSMP6686fu9Qlqtw==",
+      "dependencies": {
+        "end-of-stream": "^1.4.1",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "node_modules/@google-cloud/logging-min/node_modules/gcp-metadata": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-4.3.1.tgz",
+      "integrity": "sha512-x850LS5N7V1F3UcV7PoupzGsyD6iVwTVvsh3tbXfkctZnBnjW5yu5z1/3k3SehF7TyoTIe78rJs02GMMy+LF+A==",
+      "dependencies": {
+        "gaxios": "^4.0.0",
+        "json-bigint": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@google-cloud/logging-min/node_modules/gcp-metadata/node_modules/gaxios": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/gaxios/-/gaxios-4.3.3.tgz",
+      "integrity": "sha512-gSaYYIO1Y3wUtdfHmjDUZ8LWaxJQpiavzbF5Kq53akSzvmVg0RfyOcFDbO1KJ/KCGRFz2qG+lS81F0nkr7cRJA==",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "extend": "^3.0.2",
+        "https-proxy-agent": "^5.0.0",
+        "is-stream": "^2.0.0",
+        "node-fetch": "^2.6.7"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@google-cloud/logging-min/node_modules/google-auth-library": {
+      "version": "8.9.0",
+      "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-8.9.0.tgz",
+      "integrity": "sha512-f7aQCJODJFmYWN6PeNKzgvy9LI2tYmXnzpNDHEjG5sDNPgGb2FXQyTBnXeSH+PAtpKESFD+LmHw3Ox3mN7e1Fg==",
+      "dependencies": {
+        "arrify": "^2.0.0",
+        "base64-js": "^1.3.0",
+        "ecdsa-sig-formatter": "^1.0.11",
+        "fast-text-encoding": "^1.0.0",
+        "gaxios": "^5.0.0",
+        "gcp-metadata": "^5.3.0",
+        "gtoken": "^6.1.0",
+        "jws": "^4.0.0",
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@google-cloud/logging-min/node_modules/google-auth-library/node_modules/gcp-metadata": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-5.3.0.tgz",
+      "integrity": "sha512-FNTkdNEnBdlqF2oatizolQqNANMrcqJt6AAYt99B3y1aLLC8Hc5IOBb+ZnnzllodEEf6xMBp6wRcBbc16fa65w==",
+      "dependencies": {
+        "gaxios": "^5.0.0",
+        "json-bigint": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@google-cloud/logging-min/node_modules/google-gax": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/google-gax/-/google-gax-3.6.1.tgz",
+      "integrity": "sha512-g/lcUjGcB6DSw2HxgEmCDOrI/CByOwqRvsuUvNalHUK2iPPPlmAIpbMbl62u0YufGMr8zgE3JL7th6dCb1Ry+w==",
+      "dependencies": {
+        "@grpc/grpc-js": "~1.8.0",
+        "@grpc/proto-loader": "^0.7.0",
+        "@types/long": "^4.0.0",
+        "@types/rimraf": "^3.0.2",
+        "abort-controller": "^3.0.0",
+        "duplexify": "^4.0.0",
+        "fast-text-encoding": "^1.0.3",
+        "google-auth-library": "^8.0.2",
+        "is-stream-ended": "^0.1.4",
+        "node-fetch": "^2.6.1",
+        "object-hash": "^3.0.0",
+        "proto3-json-serializer": "^1.0.0",
+        "protobufjs": "7.2.4",
+        "protobufjs-cli": "1.1.1",
+        "retry-request": "^5.0.0"
+      },
+      "bin": {
+        "compileProtos": "build/tools/compileProtos.js",
+        "minifyProtoJson": "build/tools/minify.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@google-cloud/logging-min/node_modules/google-p12-pem": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/google-p12-pem/-/google-p12-pem-4.0.1.tgz",
+      "integrity": "sha512-WPkN4yGtz05WZ5EhtlxNDWPhC4JIic6G8ePitwUWy4l+XPVYec+a0j0Ts47PDtW59y3RwAhUd9/h9ZZ63px6RQ==",
+      "dependencies": {
+        "node-forge": "^1.3.1"
+      },
+      "bin": {
+        "gp12-pem": "build/src/bin/gp12-pem.js"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/@google-cloud/logging-min/node_modules/gtoken": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/gtoken/-/gtoken-6.1.2.tgz",
+      "integrity": "sha512-4ccGpzz7YAr7lxrT2neugmXQ3hP9ho2gcaityLVkiUecAiwiy60Ii8gRbZeOsXV19fYaRjgBSshs8kXw+NKCPQ==",
+      "dependencies": {
+        "gaxios": "^5.0.1",
+        "google-p12-pem": "^4.0.0",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/@google-cloud/logging-min/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@google-cloud/logging-min/node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/@google-cloud/logging-min/node_modules/retry-request": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/retry-request/-/retry-request-5.0.2.tgz",
+      "integrity": "sha512-wfI3pk7EE80lCIXprqh7ym48IHYdwmAAzESdbU8Q9l7pnRCk9LEhpbOTNKjz6FARLm/Bl5m+4F0ABxOkYUujSQ==",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "extend": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@google-cloud/logging-min/node_modules/teeny-request": {
+      "version": "8.0.3",
+      "resolved": "https://registry.npmjs.org/teeny-request/-/teeny-request-8.0.3.tgz",
+      "integrity": "sha512-jJZpA5He2y52yUhA7pyAGZlgQpcB+xLjcN0eUFxr9c8hP/H7uOXbBNVo/O0C/xVfJLJs680jvkFgVJEEvk9+ww==",
+      "dependencies": {
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "node-fetch": "^2.6.1",
+        "stream-events": "^1.0.5",
+        "uuid": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@google-cloud/logging-min/node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/@google-cloud/logging-min/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/@google-cloud/logging/node_modules/@google-cloud/common": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@google-cloud/common/-/common-5.0.2.tgz",
+      "integrity": "sha512-V7bmBKYQyu0eVG2BFejuUjlBt+zrya6vtsKdY+JxMM/dNntPF41vZ9+LhOshEUH01zOHEqBSvI7Dad7ZS6aUeA==",
+      "dependencies": {
+        "@google-cloud/projectify": "^4.0.0",
+        "@google-cloud/promisify": "^4.0.0",
+        "arrify": "^2.0.1",
+        "duplexify": "^4.1.1",
+        "extend": "^3.0.2",
+        "google-auth-library": "^9.0.0",
+        "html-entities": "^2.5.2",
+        "retry-request": "^7.0.0",
+        "teeny-request": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@google-cloud/logging/node_modules/@google-cloud/paginator": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@google-cloud/paginator/-/paginator-5.0.2.tgz",
+      "integrity": "sha512-DJS3s0OVH4zFDB1PzjxAsHqJT6sKVbRwwML0ZBP9PbU7Yebtu/7SWMRzvO2J3nUi9pRNITCfu4LJeooM2w4pjg==",
+      "dependencies": {
+        "arrify": "^2.0.0",
+        "extend": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@google-cloud/logging/node_modules/@google-cloud/projectify": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/projectify/-/projectify-4.0.0.tgz",
+      "integrity": "sha512-MmaX6HeSvyPbWGwFq7mXdo0uQZLGBYCwziiLIGq5JVX+/bdI3SAq6bP98trV5eTWfLuvsMcIC1YJOF2vfteLFA==",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@google-cloud/logging/node_modules/@google-cloud/promisify": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/promisify/-/promisify-4.0.0.tgz",
+      "integrity": "sha512-Orxzlfb9c67A15cq2JQEyVc7wEsmFBmHjZWZYQMUyJ1qivXyMwdyNOs9odi79hze+2zqdTtu1E19IM/FtqZ10g==",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@google-cloud/logging/node_modules/agent-base": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.1.tgz",
+      "integrity": "sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==",
+      "dependencies": {
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/@google-cloud/logging/node_modules/debug": {
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz",
+      "integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@google-cloud/logging/node_modules/duplexify": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-4.1.3.tgz",
+      "integrity": "sha512-M3BmBhwJRZsSx38lZyhE53Csddgzl5R7xGJNk7CVddZD6CcmwMCH8J+7AprIrQKH7TonKxaCjcv27Qmf+sQ+oA==",
+      "dependencies": {
+        "end-of-stream": "^1.4.1",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1",
+        "stream-shift": "^1.0.2"
+      }
+    },
+    "node_modules/@google-cloud/logging/node_modules/gaxios": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/gaxios/-/gaxios-6.6.0.tgz",
+      "integrity": "sha512-bpOZVQV5gthH/jVCSuYuokRo2bTKOcuBiVWpjmTn6C5Agl5zclGfTljuGsQZxwwDBkli+YhZhP4TdlqTnhOezQ==",
+      "dependencies": {
+        "extend": "^3.0.2",
+        "https-proxy-agent": "^7.0.1",
+        "is-stream": "^2.0.0",
+        "node-fetch": "^2.6.9",
+        "uuid": "^9.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@google-cloud/logging/node_modules/gaxios/node_modules/https-proxy-agent": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.4.tgz",
+      "integrity": "sha512-wlwpilI7YdjSkWaQ/7omYBMTliDcmCN8OLihO6I9B86g06lMyAoqgoDpV0XqoaPOKj+0DIdAvnsWfyAAhmimcg==",
+      "dependencies": {
+        "agent-base": "^7.0.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/@google-cloud/logging/node_modules/gcp-metadata": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-6.1.0.tgz",
+      "integrity": "sha512-Jh/AIwwgaxan+7ZUUmRLCjtchyDiqh4KjBJ5tW3plBZb5iL/BPcso8A5DlzeD9qlw0duCamnNdpFjxwaT0KyKg==",
+      "dependencies": {
+        "gaxios": "^6.0.0",
+        "json-bigint": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@google-cloud/logging/node_modules/google-auth-library": {
+      "version": "9.10.0",
+      "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-9.10.0.tgz",
+      "integrity": "sha512-ol+oSa5NbcGdDqA+gZ3G3mev59OHBZksBTxY/tYwjtcp1H/scAFwJfSQU9/1RALoyZ7FslNbke8j4i3ipwlyuQ==",
+      "dependencies": {
+        "base64-js": "^1.3.0",
+        "ecdsa-sig-formatter": "^1.0.11",
+        "gaxios": "^6.1.1",
+        "gcp-metadata": "^6.1.0",
+        "gtoken": "^7.0.0",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@google-cloud/logging/node_modules/gtoken": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/gtoken/-/gtoken-7.1.0.tgz",
+      "integrity": "sha512-pCcEwRi+TKpMlxAQObHDQ56KawURgyAf6jtIY046fJ5tIv3zDe/LEIubckAO8fj6JnAxLdmWkUfNyulQ2iKdEw==",
+      "dependencies": {
+        "gaxios": "^6.0.0",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@google-cloud/logging/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "node_modules/@google-cloud/logging/node_modules/retry-request": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/retry-request/-/retry-request-7.0.2.tgz",
+      "integrity": "sha512-dUOvLMJ0/JJYEn8NrpOaGNE7X3vpI5XlZS/u0ANjqtcZVKnIxP7IgCFwrKTxENw29emmwug53awKtaMm4i9g5w==",
+      "dependencies": {
+        "@types/request": "^2.48.8",
+        "extend": "^3.0.2",
+        "teeny-request": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@google-cloud/logging/node_modules/teeny-request": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/teeny-request/-/teeny-request-9.0.0.tgz",
+      "integrity": "sha512-resvxdc6Mgb7YEThw6G6bExlXKkv6+YbuzGg9xuXxSgxJF7Ozs+o8Y9+2R3sArdWdW8nOokoQb1yrpFB0pQK2g==",
+      "dependencies": {
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "node-fetch": "^2.6.9",
+        "stream-events": "^1.0.5",
+        "uuid": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@google-cloud/logging/node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/@google-cloud/opentelemetry-cloud-trace-exporter": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/opentelemetry-cloud-trace-exporter/-/opentelemetry-cloud-trace-exporter-2.1.0.tgz",
+      "integrity": "sha512-6IPFnWG4edDgNfgLxXJjTjNYGAW8ZQ7Oz7eGZJMgQsIiEALNIAk4e/MgccglL3yh5ReONY3YePcGRWQKPbxmUg==",
+      "dependencies": {
+        "@google-cloud/opentelemetry-resource-util": "^2.1.0",
+        "@grpc/grpc-js": "^1.1.8",
+        "@grpc/proto-loader": "^0.7.0",
+        "google-auth-library": "^7.0.0",
+        "google-proto-files": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0",
+        "@opentelemetry/core": "^1.0.0",
+        "@opentelemetry/resources": "^1.0.0",
+        "@opentelemetry/sdk-trace-base": "^1.0.0"
+      }
+    },
+    "node_modules/@google-cloud/opentelemetry-resource-util": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/opentelemetry-resource-util/-/opentelemetry-resource-util-2.1.0.tgz",
+      "integrity": "sha512-/Qqnm6f10e89Txt39qpIhD+LCOF80artYOVwNF1ZAzgJFxBldEniNkf19SR+q9LAp75ZZWKyhRlumM1V7fT8gw==",
+      "dependencies": {
+        "gcp-metadata": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/resources": "^1.0.0",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      }
+    },
+    "node_modules/@google-cloud/paginator": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/@google-cloud/paginator/-/paginator-3.0.7.tgz",
+      "integrity": "sha512-jJNutk0arIQhmpUUQJPJErsojqo834KcyB6X7a1mxuic8i1tKXxde8E69IZxNZawRIlZdIK2QY4WALvlK5MzYQ==",
+      "dependencies": {
+        "arrify": "^2.0.0",
+        "extend": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@google-cloud/profiler": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/profiler/-/profiler-6.0.0.tgz",
+      "integrity": "sha512-EAxPbDiNRidAKOEnlUK3M+CcOlqG+REkUEZKirLtxFwzI/m7LmGqDzQvrVWTOSFSEYJ9qQRRnO+Q1osNGk3NUg==",
+      "dependencies": {
+        "@google-cloud/common": "^5.0.0",
+        "@google-cloud/logging-min": "^10.0.0",
+        "@types/console-log-level": "^1.4.0",
+        "@types/semver": "^7.0.0",
+        "console-log-level": "^1.4.0",
+        "delay": "^5.0.0",
+        "extend": "^3.0.2",
+        "gcp-metadata": "^6.0.0",
+        "parse-duration": "^1.0.0",
+        "pprof": "3.2.1",
+        "pretty-ms": "^7.0.0",
+        "protobufjs": "~7.2.4",
+        "semver": "^7.0.0",
+        "teeny-request": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@google-cloud/profiler/node_modules/@google-cloud/common": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/common/-/common-5.0.0.tgz",
+      "integrity": "sha512-IsbTVr7Ag+04GMT87X738vDs85QU1rMvaesm2wEQrtTbZAR92tGmUQ8/D/kdnYgAi98Q4zmfhF+T8Xs/Lw4zAA==",
+      "dependencies": {
+        "@google-cloud/projectify": "^4.0.0",
+        "@google-cloud/promisify": "^4.0.0",
+        "arrify": "^2.0.1",
+        "duplexify": "^4.1.1",
+        "ent": "^2.2.0",
+        "extend": "^3.0.2",
+        "google-auth-library": "^9.0.0",
+        "retry-request": "^6.0.0",
+        "teeny-request": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@google-cloud/profiler/node_modules/@google-cloud/projectify": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/projectify/-/projectify-4.0.0.tgz",
+      "integrity": "sha512-MmaX6HeSvyPbWGwFq7mXdo0uQZLGBYCwziiLIGq5JVX+/bdI3SAq6bP98trV5eTWfLuvsMcIC1YJOF2vfteLFA==",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@google-cloud/profiler/node_modules/@google-cloud/promisify": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/promisify/-/promisify-4.0.0.tgz",
+      "integrity": "sha512-Orxzlfb9c67A15cq2JQEyVc7wEsmFBmHjZWZYQMUyJ1qivXyMwdyNOs9odi79hze+2zqdTtu1E19IM/FtqZ10g==",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@google-cloud/profiler/node_modules/agent-base": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.0.tgz",
+      "integrity": "sha512-o/zjMZRhJxny7OyEF+Op8X+efiELC7k7yOjMzgfzVqOzXqkBkWI79YoTdOtsuWd5BWhAGAuOY/Xa6xpiaWXiNg==",
+      "dependencies": {
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/@google-cloud/profiler/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@google-cloud/profiler/node_modules/duplexify": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-4.1.2.tgz",
+      "integrity": "sha512-fz3OjcNCHmRP12MJoZMPglx8m4rrFP8rovnk4vT8Fs+aonZoCwGg10dSsQsfP/E62eZcPTMSMP6686fu9Qlqtw==",
+      "dependencies": {
+        "end-of-stream": "^1.4.1",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "node_modules/@google-cloud/profiler/node_modules/gaxios": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/gaxios/-/gaxios-6.1.1.tgz",
+      "integrity": "sha512-bw8smrX+XlAoo9o1JAksBwX+hi/RG15J+NTSxmNPIclKC3ZVK6C2afwY8OSdRvOK0+ZLecUJYtj2MmjOt3Dm0w==",
+      "dependencies": {
+        "extend": "^3.0.2",
+        "https-proxy-agent": "^7.0.1",
+        "is-stream": "^2.0.0",
+        "node-fetch": "^2.6.9"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@google-cloud/profiler/node_modules/gaxios/node_modules/https-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-NmLNjm6ucYwtcUmL7JQC1ZQ57LmHP4lT15FQ8D61nak1rO6DH+fz5qNK2Ap5UN4ZapYICE3/0KodcLYSPsPbaA==",
+      "dependencies": {
+        "agent-base": "^7.0.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/@google-cloud/profiler/node_modules/gcp-metadata": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-6.0.0.tgz",
+      "integrity": "sha512-Ozxyi23/1Ar51wjUT2RDklK+3HxqDr8TLBNK8rBBFQ7T85iIGnXnVusauj06QyqCXRFZig8LZC+TUddWbndlpQ==",
+      "dependencies": {
+        "gaxios": "^6.0.0",
+        "json-bigint": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@google-cloud/profiler/node_modules/google-auth-library": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-9.1.0.tgz",
+      "integrity": "sha512-1M9HdOcQNPV5BwSXqwwT238MTKodJFBxZ/V2JP397ieOLv4FjQdfYb9SooR7Mb+oUT2IJ92mLJQf804dyx0MJA==",
+      "dependencies": {
+        "base64-js": "^1.3.0",
+        "ecdsa-sig-formatter": "^1.0.11",
+        "gaxios": "^6.0.0",
+        "gcp-metadata": "^6.0.0",
+        "gtoken": "^7.0.0",
+        "jws": "^4.0.0",
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@google-cloud/profiler/node_modules/gtoken": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/gtoken/-/gtoken-7.0.1.tgz",
+      "integrity": "sha512-KcFVtoP1CVFtQu0aSk3AyAt2og66PFhZAlkUOuWKwzMLoulHXG5W5wE5xAnHb+yl3/wEFoqGW7/cDGMU8igDZQ==",
+      "dependencies": {
+        "gaxios": "^6.0.0",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@google-cloud/profiler/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@google-cloud/profiler/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "node_modules/@google-cloud/profiler/node_modules/retry-request": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/retry-request/-/retry-request-6.0.0.tgz",
+      "integrity": "sha512-24kaFMd3wCnT3n4uPnsQh90ZSV8OISpfTFXJ00Wi+/oD2OPrp63EQ8hznk6rhxdlpwx2QBhQSDz2Fg46ki852g==",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "extend": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@google-cloud/profiler/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@google-cloud/profiler/node_modules/teeny-request": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/teeny-request/-/teeny-request-9.0.0.tgz",
+      "integrity": "sha512-resvxdc6Mgb7YEThw6G6bExlXKkv6+YbuzGg9xuXxSgxJF7Ozs+o8Y9+2R3sArdWdW8nOokoQb1yrpFB0pQK2g==",
+      "dependencies": {
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "node-fetch": "^2.6.9",
+        "stream-events": "^1.0.5",
+        "uuid": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@google-cloud/profiler/node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/@google-cloud/profiler/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/@google-cloud/projectify": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@google-cloud/projectify/-/projectify-2.1.1.tgz",
+      "integrity": "sha512-+rssMZHnlh0twl122gXY4/aCrk0G1acBqkHFfYddtsqpYXGxA29nj9V5V9SfC+GyOG00l650f6lG9KL+EpFEWQ==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@google-cloud/promisify": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@google-cloud/promisify/-/promisify-2.0.4.tgz",
+      "integrity": "sha512-j8yRSSqswWi1QqUGKVEKOG03Q7qOoZP6/h2zN2YO+F5h2+DHU0bSrHCK9Y7lo2DI9fBd8qGAw795sf+3Jva4yA==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@google-cloud/secret-manager": {
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/secret-manager/-/secret-manager-5.6.0.tgz",
+      "integrity": "sha512-0daW/OXQEVc6VQKPyJTQNyD+563I/TYQ7GCQJx4dq3lB666R9FUPvqHx9b/o/qQtZ5pfuoCbGZl3krpxgTSW8Q==",
+      "dependencies": {
+        "google-gax": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@google-cloud/storage": {
+      "version": "6.10.1",
+      "resolved": "https://registry.npmjs.org/@google-cloud/storage/-/storage-6.10.1.tgz",
+      "integrity": "sha512-EtLlT0YbXtrbUxaNbEfTyTytrjELtl4i42flf8COg+Hu5+apdNjsFO9XEY39wshxAuVjLf4fCSm7GTSW+BD3gQ==",
+      "dependencies": {
+        "@google-cloud/paginator": "^3.0.7",
+        "@google-cloud/projectify": "^3.0.0",
+        "@google-cloud/promisify": "^3.0.0",
+        "abort-controller": "^3.0.0",
+        "async-retry": "^1.3.3",
+        "compressible": "^2.0.12",
+        "duplexify": "^4.0.0",
+        "ent": "^2.2.0",
+        "extend": "^3.0.2",
+        "gaxios": "^5.0.0",
+        "google-auth-library": "^8.0.1",
+        "mime": "^3.0.0",
+        "mime-types": "^2.0.8",
+        "p-limit": "^3.0.1",
+        "retry-request": "^5.0.0",
+        "teeny-request": "^8.0.0",
+        "uuid": "^8.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@google-cloud/storage/node_modules/@google-cloud/projectify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/projectify/-/projectify-3.0.0.tgz",
+      "integrity": "sha512-HRkZsNmjScY6Li8/kb70wjGlDDyLkVk3KvoEo9uIoxSjYLJasGiCch9+PqRVDOCGUFvEIqyogl+BeqILL4OJHA==",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/@google-cloud/storage/node_modules/@google-cloud/promisify": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@google-cloud/promisify/-/promisify-3.0.1.tgz",
+      "integrity": "sha512-z1CjRjtQyBOYL+5Qr9DdYIfrdLBe746jRTYfaYU6MeXkqp7UfYs/jX16lFFVzZ7PGEJvqZNqYUEtb1mvDww4pA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@google-cloud/storage/node_modules/duplexify": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-4.1.2.tgz",
+      "integrity": "sha512-fz3OjcNCHmRP12MJoZMPglx8m4rrFP8rovnk4vT8Fs+aonZoCwGg10dSsQsfP/E62eZcPTMSMP6686fu9Qlqtw==",
+      "dependencies": {
+        "end-of-stream": "^1.4.1",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "node_modules/@google-cloud/storage/node_modules/google-auth-library": {
+      "version": "8.7.0",
+      "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-8.7.0.tgz",
+      "integrity": "sha512-1M0NG5VDIvJZEnstHbRdckLZESoJwguinwN8Dhae0j2ZKIQFIV63zxm6Fo6nM4xkgqUr2bbMtV5Dgo+Hy6oo0Q==",
+      "dependencies": {
+        "arrify": "^2.0.0",
+        "base64-js": "^1.3.0",
+        "ecdsa-sig-formatter": "^1.0.11",
+        "fast-text-encoding": "^1.0.0",
+        "gaxios": "^5.0.0",
+        "gcp-metadata": "^5.0.0",
+        "gtoken": "^6.1.0",
+        "jws": "^4.0.0",
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@google-cloud/storage/node_modules/google-p12-pem": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/google-p12-pem/-/google-p12-pem-4.0.1.tgz",
+      "integrity": "sha512-WPkN4yGtz05WZ5EhtlxNDWPhC4JIic6G8ePitwUWy4l+XPVYec+a0j0Ts47PDtW59y3RwAhUd9/h9ZZ63px6RQ==",
+      "dependencies": {
+        "node-forge": "^1.3.1"
+      },
+      "bin": {
+        "gp12-pem": "build/src/bin/gp12-pem.js"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/@google-cloud/storage/node_modules/gtoken": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/gtoken/-/gtoken-6.1.2.tgz",
+      "integrity": "sha512-4ccGpzz7YAr7lxrT2neugmXQ3hP9ho2gcaityLVkiUecAiwiy60Ii8gRbZeOsXV19fYaRjgBSshs8kXw+NKCPQ==",
+      "dependencies": {
+        "gaxios": "^5.0.1",
+        "google-p12-pem": "^4.0.0",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/@google-cloud/storage/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@google-cloud/storage/node_modules/mime": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-3.0.0.tgz",
+      "integrity": "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/@google-cloud/storage/node_modules/retry-request": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/retry-request/-/retry-request-5.0.2.tgz",
+      "integrity": "sha512-wfI3pk7EE80lCIXprqh7ym48IHYdwmAAzESdbU8Q9l7pnRCk9LEhpbOTNKjz6FARLm/Bl5m+4F0ABxOkYUujSQ==",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "extend": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@google-cloud/storage/node_modules/teeny-request": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/teeny-request/-/teeny-request-8.0.2.tgz",
+      "integrity": "sha512-34pe0a4zASseXZCKdeTiIZqSKA8ETHb1EwItZr01PAR3CLPojeAKgSjzeNS4373gi59hNulyDrPKEbh2zO9sCg==",
+      "dependencies": {
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "node-fetch": "^2.6.1",
+        "stream-events": "^1.0.5",
+        "uuid": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@google-cloud/storage/node_modules/teeny-request/node_modules/uuid": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
+      "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/@google-cloud/storage/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/@google-cloud/storage/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/@grpc/grpc-js": {
+      "version": "1.8.22",
+      "resolved": "https://registry.npmjs.org/@grpc/grpc-js/-/grpc-js-1.8.22.tgz",
+      "integrity": "sha512-oAjDdN7fzbUi+4hZjKG96MR6KTEubAeMpQEb+77qy+3r0Ua5xTFuie6JOLr4ZZgl5g+W5/uRTS2M1V8mVAFPuA==",
+      "dependencies": {
+        "@grpc/proto-loader": "^0.7.0",
+        "@types/node": ">=12.12.47"
+      },
+      "engines": {
+        "node": "^8.13.0 || >=10.10.0"
+      }
+    },
+    "node_modules/@grpc/proto-loader": {
+      "version": "0.7.13",
+      "resolved": "https://registry.npmjs.org/@grpc/proto-loader/-/proto-loader-0.7.13.tgz",
+      "integrity": "sha512-AiXO/bfe9bmxBjxxtYxFAXGZvMaN5s8kO+jBHAJCON8rJoB5YS/D6X7ZNc6XQkuHNmyl4CYaMI1fJ/Gn27RGGw==",
+      "dependencies": {
+        "lodash.camelcase": "^4.3.0",
+        "long": "^5.0.0",
+        "protobufjs": "^7.2.5",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "proto-loader-gen-types": "build/bin/proto-loader-gen-types.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@gulpjs/to-absolute-glob": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@gulpjs/to-absolute-glob/-/to-absolute-glob-4.0.0.tgz",
+      "integrity": "sha512-kjotm7XJrJ6v+7knhPaRgaT6q8F8K2jiafwYdNHLzmV0uGLuZY43FK6smNSHUPrhq5kX2slCUy+RGG/xGqmIKA==",
+      "dev": true,
+      "dependencies": {
+        "is-negated-glob": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/@hapi/b64": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@hapi/b64/-/b64-5.0.0.tgz",
+      "integrity": "sha512-ngu0tSEmrezoiIaNGG6rRvKOUkUuDdf4XTPnONHGYfSGRmDqPZX5oJL6HAdKTo1UQHECbdB4OzhWrfgVppjHUw==",
+      "dependencies": {
+        "@hapi/hoek": "9.x.x"
+      }
+    },
+    "node_modules/@hapi/boom": {
+      "version": "9.1.4",
+      "resolved": "https://registry.npmjs.org/@hapi/boom/-/boom-9.1.4.tgz",
+      "integrity": "sha512-Ls1oH8jaN1vNsqcaHVYJrKmgMcKsC1wcp8bujvXrHaAqD2iDYq3HoOwsxwo09Cuda5R5nC0o0IxlrlTuvPuzSw==",
+      "dependencies": {
+        "@hapi/hoek": "9.x.x"
+      }
+    },
+    "node_modules/@hapi/cryptiles": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@hapi/cryptiles/-/cryptiles-5.1.0.tgz",
+      "integrity": "sha512-fo9+d1Ba5/FIoMySfMqPBR/7Pa29J2RsiPrl7bkwo5W5o+AN1dAYQRi4SPrPwwVxVGKjgLOEWrsvt1BonJSfLA==",
+      "dependencies": {
+        "@hapi/boom": "9.x.x"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/@hapi/hoek": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
+      "integrity": "sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ=="
+    },
+    "node_modules/@hapi/iron": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/@hapi/iron/-/iron-6.0.0.tgz",
+      "integrity": "sha512-zvGvWDufiTGpTJPG1Y/McN8UqWBu0k/xs/7l++HVU535NLHXsHhy54cfEMdW7EjwKfbBfM9Xy25FmTiobb7Hvw==",
+      "dependencies": {
+        "@hapi/b64": "5.x.x",
+        "@hapi/boom": "9.x.x",
+        "@hapi/bourne": "2.x.x",
+        "@hapi/cryptiles": "5.x.x",
+        "@hapi/hoek": "9.x.x"
+      }
+    },
+    "node_modules/@hapi/iron/node_modules/@hapi/bourne": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/@hapi/bourne/-/bourne-2.1.0.tgz",
+      "integrity": "sha512-i1BpaNDVLJdRBEKeJWkVO6tYX6DMFBuwMhSuWqLsY4ufeTKGVuV5rBsUhxPayXqnnWHgXUAmWK16H/ykO5Wj4Q=="
+    },
+    "node_modules/@hapi/podium": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/@hapi/podium/-/podium-4.1.3.tgz",
+      "integrity": "sha512-ljsKGQzLkFqnQxE7qeanvgGj4dejnciErYd30dbrYzUOF/FyS/DOF97qcrT3bhoVwCYmxa6PEMhxfCPlnUcD2g==",
+      "dependencies": {
+        "@hapi/hoek": "9.x.x",
+        "@hapi/teamwork": "5.x.x",
+        "@hapi/validate": "1.x.x"
+      }
+    },
+    "node_modules/@hapi/teamwork": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/@hapi/teamwork/-/teamwork-5.1.1.tgz",
+      "integrity": "sha512-1oPx9AE5TIv+V6Ih54RP9lTZBso3rP8j4Xhb6iSVwPXtAM+sDopl5TFMv5Paw73UnpZJ9gjcrTE1BXrWt9eQrg==",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/@hapi/topo": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz",
+      "integrity": "sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==",
+      "dependencies": {
+        "@hapi/hoek": "^9.0.0"
+      }
+    },
+    "node_modules/@hapi/validate": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@hapi/validate/-/validate-1.1.3.tgz",
+      "integrity": "sha512-/XMR0N0wjw0Twzq2pQOzPBZlDzkekGcoCtzO314BpIEsbXdYGthQUbxgkGDf4nhk1+IPDAsXqWjMohRQYO06UA==",
+      "dependencies": {
+        "@hapi/hoek": "^9.0.0",
+        "@hapi/topo": "^5.0.0"
+      }
+    },
+    "node_modules/@hapi/wreck": {
+      "version": "18.0.1",
+      "resolved": "https://registry.npmjs.org/@hapi/wreck/-/wreck-18.0.1.tgz",
+      "integrity": "sha512-OLHER70+rZxvDl75xq3xXOfd3e8XIvz8fWY0dqg92UvhZ29zo24vQgfqgHSYhB5ZiuFpSLeriOisAlxAo/1jWg==",
+      "dependencies": {
+        "@hapi/boom": "^10.0.1",
+        "@hapi/bourne": "^3.0.0",
+        "@hapi/hoek": "^11.0.2"
+      }
+    },
+    "node_modules/@hapi/wreck/node_modules/@hapi/boom": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@hapi/boom/-/boom-10.0.1.tgz",
+      "integrity": "sha512-ERcCZaEjdH3OgSJlyjVk8pHIFeus91CjKP3v+MpgBNp5IvGzP2l/bRiD78nqYcKPaZdbKkK5vDBVPd2ohHBlsA==",
+      "dependencies": {
+        "@hapi/hoek": "^11.0.2"
+      }
+    },
+    "node_modules/@hapi/wreck/node_modules/@hapi/bourne": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@hapi/bourne/-/bourne-3.0.0.tgz",
+      "integrity": "sha512-Waj1cwPXJDucOib4a3bAISsKJVb15MKi9IvmTI/7ssVEm6sywXGjVJDhl6/umt1pK1ZS7PacXU3A1PmFKHEZ2w=="
+    },
+    "node_modules/@hapi/wreck/node_modules/@hapi/hoek": {
+      "version": "11.0.2",
+      "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-11.0.2.tgz",
+      "integrity": "sha512-aKmlCO57XFZ26wso4rJsW4oTUnrgTFw2jh3io7CAtO9w4UltBNwRXvXIVzzyfkaaLRo3nluP/19msA8vDUUuKw=="
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.11.14",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.11.14.tgz",
+      "integrity": "sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==",
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^2.0.2",
+        "debug": "^4.3.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array/node_modules/@humanwhocodes/object-schema": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA=="
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-1.2.1.tgz",
+      "integrity": "sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==",
+      "dev": true
+    },
+    "node_modules/@icons/material": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/@icons/material/-/material-0.2.4.tgz",
+      "integrity": "sha512-QPcGmICAPbGLGb6F/yNf/KzKqvFx8z5qx3D1yFqVAjoFmXK35EgyW+cJ57Te3CNsmzblwtzakLGFqHPqrfb4Tw==",
+      "dev": true,
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
+    "node_modules/@ioredis/commands": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@ioredis/commands/-/commands-1.2.0.tgz",
+      "integrity": "sha512-Sx1pU8EM64o2BrqNpEO1CNLtKQwyhuXuqyfH7oGKCk+1a33d2r5saW8zNwm3j6BTExtjrv2BxTgzzkMwts6vGg==",
+      "license": "MIT"
+    },
+    "node_modules/@isaacs/cliui": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+      "dev": true,
+      "dependencies": {
+        "string-width": "^5.1.2",
+        "string-width-cjs": "npm:string-width@^4.2.0",
+        "strip-ansi": "^7.0.1",
+        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+        "wrap-ansi": "^8.1.0",
+        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/ansi-styles": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true
+    },
+    "node_modules/@isaacs/cliui/node_modules/string-width": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+      "dev": true,
+      "dependencies": {
+        "eastasianwidth": "^0.2.0",
+        "emoji-regex": "^9.2.2",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isaacs/cliui/node_modules/wrap-ansi": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^6.1.0",
+        "string-width": "^5.0.1",
+        "strip-ansi": "^7.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/@isomorphic-git/idb-keyval": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/@isomorphic-git/idb-keyval/-/idb-keyval-3.3.2.tgz",
+      "integrity": "sha512-r8/AdpiS0/WJCNR/t/gsgL+M8NMVj/ek7s60uz3LmpCaTF2mEVlZJlB01ZzalgYzRLXwSPC92o+pdzjM7PN/pA==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/@isomorphic-git/lightning-fs": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@isomorphic-git/lightning-fs/-/lightning-fs-4.6.0.tgz",
+      "integrity": "sha512-tfon8f1h6LawjFI/d8lZPWRPTxmdvyTMbkT/j5yo6dB0hALhKw5D9JsdCcUu/D1pAcMMiU7GZFDsDGqylerr7g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@isomorphic-git/idb-keyval": "3.3.2",
+        "isomorphic-textencoder": "1.0.1",
+        "just-debounce-it": "1.1.0",
+        "just-once": "1.1.0"
+      },
+      "bin": {
+        "superblocktxt": "src/superblocktxt.js"
+      }
+    },
+    "node_modules/@istanbuljs/schema": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.3.tgz",
+      "integrity": "sha512-ZXRY4jNvVgSVQ8DL3LTcakaAtXwTVUxE81hslsyD2AtoXW/wVob10HkOJ1X/pAlcI7D+2YoZKg5do8G/w6RYgA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jest/schemas": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/schemas/-/schemas-29.6.3.tgz",
+      "integrity": "sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==",
+      "dev": true,
+      "dependencies": {
+        "@sinclair/typebox": "^0.27.8"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/types": {
+      "version": "29.6.3",
+      "resolved": "https://registry.npmjs.org/@jest/types/-/types-29.6.3.tgz",
+      "integrity": "sha512-u3UPsIilWKOM3F9CXtrG8LEJmNxwoCQC/XVj4IKYXvvpx7QIi/Kg1LI5uDmDpKlac62NUtX7eLjRh+jVZcLOzw==",
+      "dev": true,
+      "dependencies": {
+        "@jest/schemas": "^29.6.3",
+        "@types/istanbul-lib-coverage": "^2.0.0",
+        "@types/istanbul-reports": "^3.0.0",
+        "@types/node": "*",
+        "@types/yargs": "^17.0.8",
+        "chalk": "^4.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/@jest/types/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@jest/types/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@jest/types/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
+      "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/set-array": "^1.2.1",
+        "@jridgewell/sourcemap-codec": "^1.4.10",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.0.tgz",
+      "integrity": "sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/set-array": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+      "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/source-map": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz",
+      "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.25"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+      "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.25",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+      "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@js-sdsl/ordered-map": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/@js-sdsl/ordered-map/-/ordered-map-4.4.2.tgz",
+      "integrity": "sha512-iUKgm52T8HOE/makSxjqoWhe95ZJA1/G1sYsGev2JDKUSS14KAgg1LHb+Ba+IPow0xflbnSkOsZcO08C7w1gYw==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/js-sdsl"
+      }
+    },
+    "node_modules/@jsdevtools/ono": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/@jsdevtools/ono/-/ono-7.1.3.tgz",
+      "integrity": "sha512-4JQNk+3mVzK3xh2rqd6RB4J46qUR19azEHBneZyTZM+c456qOrbbM/5xcR8huNCCcbVt7+UmizG6GuUvPvKUYg=="
+    },
+    "node_modules/@jsdoc/salty": {
+      "version": "0.2.8",
+      "resolved": "https://registry.npmjs.org/@jsdoc/salty/-/salty-0.2.8.tgz",
+      "integrity": "sha512-5e+SFVavj1ORKlKaKr2BmTOekmXbelU7dC0cDkQLqag7xfuTPuGMUFx7KWJuv4bYZrTsoL2Z18VVCOKYxzoHcg==",
+      "dependencies": {
+        "lodash": "^4.17.21"
+      },
+      "engines": {
+        "node": ">=v12.0.0"
+      }
+    },
+    "node_modules/@jsonjoy.com/base64": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/base64/-/base64-1.1.2.tgz",
+      "integrity": "sha512-q6XAnWQDIMA3+FTiOYajoYqySkO+JSat0ytXGSuRdq9uXE7o92gzuQwQM14xaCRlBLGq3v5miDGC4vkVTn54xA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@jsonjoy.com/json-pack": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/json-pack/-/json-pack-1.2.0.tgz",
+      "integrity": "sha512-io1zEbbYcElht3tdlqEOFxZ0dMTYrHz9iMf0gqn1pPjZFTCgM5R4R5IMA20Chb2UPYYsxjzs8CgZ7Nb5n2K2rA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jsonjoy.com/base64": "^1.1.1",
+        "@jsonjoy.com/util": "^1.1.2",
+        "hyperdyperid": "^1.2.0",
+        "thingies": "^1.20.0"
+      },
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@jsonjoy.com/util": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@jsonjoy.com/util/-/util-1.5.0.tgz",
+      "integrity": "sha512-ojoNsrIuPI9g6o8UxhraZQSyF2ByJanAY4cTFbc8Mf2AXEF4aQRGY1dJxyJpuyav8r9FGflEt/Ff3u5Nt6YMPA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/@juggle/resize-observer": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/@juggle/resize-observer/-/resize-observer-3.3.1.tgz",
+      "integrity": "sha512-zMM9Ds+SawiUkakS7y94Ymqx+S0ORzpG3frZirN3l+UlXUmSUR7hF4wxCVqW+ei94JzV5kt0uXBcoOEAuiydrw==",
+      "dev": true
+    },
+    "node_modules/@leichtgewicht/ip-codec": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@leichtgewicht/ip-codec/-/ip-codec-2.0.5.tgz",
+      "integrity": "sha512-Vo+PSpZG2/fmgmiNzYK9qWRh8h/CHrwD0mo1h1DzL4yzHNSfWYujGTYsWGreD000gcgmZ7K4Ys6Tx9TxtsKdDw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@lezer/common": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/@lezer/common/-/common-1.2.3.tgz",
+      "integrity": "sha512-w7ojc8ejBqr2REPsWxJjrMFsA/ysDCFICn8zEOR9mrqzOu2amhITYuLD8ag6XZf0CFXDrhKqw7+tW8cX66NaDA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@lezer/css": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@lezer/css/-/css-1.0.0.tgz",
+      "integrity": "sha512-616VqgDKumHmYIuxs3tnX1irEQmoDHgF/TlP4O5ICWwyHwLMErq+8iKVuzTkOdBqvYAVmObqThcDEAaaMJjAdg==",
+      "dev": true,
+      "dependencies": {
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/generator": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/@lezer/generator/-/generator-1.7.1.tgz",
+      "integrity": "sha512-MgPJN9Si+ccxzXl3OAmCeZuUKw4XiPl4y664FX/hnnyG9CTqUPq65N3/VGPA2jD23D7QgMTtNqflta+cPN+5mQ==",
+      "dev": true,
+      "dependencies": {
+        "@lezer/common": "^1.1.0",
+        "@lezer/lr": "^1.3.0"
+      },
+      "bin": {
+        "lezer-generator": "src/lezer-generator.cjs"
+      }
+    },
+    "node_modules/@lezer/highlight": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@lezer/highlight/-/highlight-1.2.1.tgz",
+      "integrity": "sha512-Z5duk4RN/3zuVO7Jq0pGLJ3qynpxUVsh7IbUbGj88+uV2ApSAn6kWg2au3iJb+0Zi7kKtqffIESgNcRXWZWmSA==",
+      "dev": true,
+      "dependencies": {
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/html": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@lezer/html/-/html-1.0.0.tgz",
+      "integrity": "sha512-wZHBcieArLTxEi198hqRBBHMySzDKo5suWaESdUw0t44IXp01vkSRwX2brG1qBbKdwJ+C6U0iMl00vWNiyAROg==",
+      "dev": true,
+      "dependencies": {
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/javascript": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@lezer/javascript/-/javascript-1.0.1.tgz",
+      "integrity": "sha512-t7fpf3+gi/jiAtW+Gv734TbKdpPg6b8qATH01/jprW9H2oR++Tb688IHwJvZbk9F4GjpCEv86beuHMpUyC1b5g==",
+      "dev": true,
+      "dependencies": {
+        "@lezer/highlight": "^1.0.0",
+        "@lezer/lr": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/lr": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/@lezer/lr/-/lr-1.4.2.tgz",
+      "integrity": "sha512-pu0K1jCIdnQ12aWNaAVU5bzi7Bd1w54J3ECgANPmYLtQKP0HBj2cE/5coBD66MT10xbtIuUr7tg0Shbsvk0mDA==",
+      "dev": true,
+      "dependencies": {
+        "@lezer/common": "^1.0.0"
+      }
+    },
+    "node_modules/@lezer/markdown": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@lezer/markdown/-/markdown-1.3.2.tgz",
+      "integrity": "sha512-Wu7B6VnrKTbBEohqa63h5vxXjiC4pO5ZQJ/TDbhJxPQaaIoRD/6UVDhSDtVsCwVZV12vvN9KxuLL3ATMnlG0oQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@lezer/common": "^1.0.0",
+        "@lezer/highlight": "^1.0.0"
+      }
+    },
+    "node_modules/@lukeed/csprng": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@lukeed/csprng/-/csprng-1.1.0.tgz",
+      "integrity": "sha512-Z7C/xXCiGWsg0KuKsHTKJxbWhpI3Vs5GwLfOean7MGyVFGqdRgBbAjOCh6u4bbjPc/8MJ2pZmK/0DLdCbivLDA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@lukeed/uuid": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@lukeed/uuid/-/uuid-2.0.1.tgz",
+      "integrity": "sha512-qC72D4+CDdjGqJvkFMMEAtancHUQ7/d/tAiHf64z8MopFDmcrtbcJuerDtFceuAfQJ2pDSfCKCtbqoGBNnwg0w==",
+      "license": "MIT",
+      "dependencies": {
+        "@lukeed/csprng": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@mapbox/node-pre-gyp": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@mapbox/node-pre-gyp/-/node-pre-gyp-1.0.8.tgz",
+      "integrity": "sha512-CMGKi28CF+qlbXh26hDe6NxCd7amqeAzEqnS6IHeO6LoaKyM/n+Xw3HT1COdq8cuioOdlKdqn/hCmqPUOMOywg==",
+      "dependencies": {
+        "detect-libc": "^1.0.3",
+        "https-proxy-agent": "^5.0.0",
+        "make-dir": "^3.1.0",
+        "node-fetch": "^2.6.5",
+        "nopt": "^5.0.0",
+        "npmlog": "^5.0.1",
+        "rimraf": "^3.0.2",
+        "semver": "^7.3.5",
+        "tar": "^6.1.11"
+      },
+      "bin": {
+        "node-pre-gyp": "bin/node-pre-gyp"
+      }
+    },
+    "node_modules/@mapbox/node-pre-gyp/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@mapbox/node-pre-gyp/node_modules/make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "dependencies": {
+        "semver": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@mapbox/node-pre-gyp/node_modules/make-dir/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/@mapbox/node-pre-gyp/node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@mapbox/node-pre-gyp/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@mapbox/node-pre-gyp/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/@marijn/find-cluster-break": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@marijn/find-cluster-break/-/find-cluster-break-1.0.2.tgz",
+      "integrity": "sha512-l0h88YhZFyKdXIFNfSWpyjStDjGHwZ/U7iobcK1cQQD8sejsONdQtTVU+1wVN1PBw40PiiHB1vA5S7VTfQiP9g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@maxmind/geoip2-node": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@maxmind/geoip2-node/-/geoip2-node-5.0.0.tgz",
+      "integrity": "sha512-ki+q5//oU4tZ3BAhegZJcB5czoZyic5JSTEKbrUAQB/BzAoAiGyLW0immEmQvVVyy2SMlvBTJ3zqyRj8K9BbwQ==",
+      "dependencies": {
+        "ip6addr": "^0.2.5",
+        "maxmind": "^4.2.0"
+      }
+    },
+    "node_modules/@mdx-js/react": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-3.1.0.tgz",
+      "integrity": "sha512-QjHtSaoameoalGnKDT3FoIl4+9RwyTmo9ZJGBdLOks/YOiWHoRDI3PUwEzOE7kEmGcV3AFcp9K6dYu9rEuKLAQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/mdx": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/unified"
+      },
+      "peerDependencies": {
+        "@types/react": ">=16",
+        "react": ">=16"
+      }
+    },
+    "node_modules/@mongodb-js/saslprep": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npmjs.org/@mongodb-js/saslprep/-/saslprep-1.1.9.tgz",
+      "integrity": "sha512-tVkljjeEaAhCqTzajSdgbQ6gE6f3oneVwa3iXR6csiEwXXOFsiC6Uh9iAjAhXPtqa/XMDHWjjeNH/77m/Yq2dw==",
+      "dependencies": {
+        "sparse-bitfield": "^3.0.3"
+      }
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-darwin-arm64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-arm64/-/msgpackr-extract-darwin-arm64-3.0.3.tgz",
+      "integrity": "sha512-QZHtlVgbAdy2zAqNA9Gu1UpIuI8Xvsd1v8ic6B2pZmeFnFcMWiPLfWXh7TVw4eGEZ/C9TH281KwhVoeQUKbyjw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-darwin-x64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-darwin-x64/-/msgpackr-extract-darwin-x64-3.0.3.tgz",
+      "integrity": "sha512-mdzd3AVzYKuUmiWOQ8GNhl64/IoFGol569zNRdkLReh6LRLHOXxU4U8eq0JwaD8iFHdVGqSy4IjFL4reoWCDFw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm/-/msgpackr-extract-linux-arm-3.0.3.tgz",
+      "integrity": "sha512-fg0uy/dG/nZEXfYilKoRe7yALaNmHoYeIoJuJ7KJ+YyU2bvY8vPv27f7UKhGRpY6euFYqEVhxCFZgAUNQBM3nw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-linux-arm64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-arm64/-/msgpackr-extract-linux-arm64-3.0.3.tgz",
+      "integrity": "sha512-YxQL+ax0XqBJDZiKimS2XQaf+2wDGVa1enVRGzEvLLVFeqa5kx2bWbtcSXgsxjQB7nRqqIGFIcLteF/sHeVtQg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-linux-x64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-linux-x64/-/msgpackr-extract-linux-x64-3.0.3.tgz",
+      "integrity": "sha512-cvwNfbP07pKUfq1uH+S6KJ7dT9K8WOE4ZiAcsrSes+UY55E/0jLYc+vq+DO7jlmqRb5zAggExKm0H7O/CBaesg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@msgpackr-extract/msgpackr-extract-win32-x64": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@msgpackr-extract/msgpackr-extract-win32-x64/-/msgpackr-extract-win32-x64-3.0.3.tgz",
+      "integrity": "sha512-x0fWaQtYp4E6sktbsdAqnehxDgEc/VwM7uLsRCYWaiGu0ykYdZPiS8zCWdnjHwyiumousxfBm4SO31eXqwEZhQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@napi-rs/canvas": {
+      "version": "0.1.65",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas/-/canvas-0.1.65.tgz",
+      "integrity": "sha512-YcFhXQcp+b2d38zFOJNbpyPHnIL7KAEkhJQ+UeeKI5IpE9B8Cpf/M6RiHPQXSsSqnYbrfFylnW49dyh2oeSblQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">= 10"
+      },
+      "optionalDependencies": {
+        "@napi-rs/canvas-android-arm64": "0.1.65",
+        "@napi-rs/canvas-darwin-arm64": "0.1.65",
+        "@napi-rs/canvas-darwin-x64": "0.1.65",
+        "@napi-rs/canvas-linux-arm-gnueabihf": "0.1.65",
+        "@napi-rs/canvas-linux-arm64-gnu": "0.1.65",
+        "@napi-rs/canvas-linux-arm64-musl": "0.1.65",
+        "@napi-rs/canvas-linux-riscv64-gnu": "0.1.65",
+        "@napi-rs/canvas-linux-x64-gnu": "0.1.65",
+        "@napi-rs/canvas-linux-x64-musl": "0.1.65",
+        "@napi-rs/canvas-win32-x64-msvc": "0.1.65"
+      }
+    },
+    "node_modules/@napi-rs/canvas-android-arm64": {
+      "version": "0.1.65",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-android-arm64/-/canvas-android-arm64-0.1.65.tgz",
+      "integrity": "sha512-ZYwqFYEKcT5Zr8lbiaJNJj/poLaeK2TncolY914r+gD2TJNeP7ZqvE7A2SX/1C9MB4E3DQEwm3YhL3WEf0x3MQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/canvas-darwin-arm64": {
+      "version": "0.1.65",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-darwin-arm64/-/canvas-darwin-arm64-0.1.65.tgz",
+      "integrity": "sha512-Pg1pfiJEyDIsX+V0QaJPRWvXbw5zmWAk3bivFCvt/5pwZb37/sT6E/RqPHT9NnqpDyKW6SriwY9ypjljysUA1Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/canvas-darwin-x64": {
+      "version": "0.1.65",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-darwin-x64/-/canvas-darwin-x64-0.1.65.tgz",
+      "integrity": "sha512-3Tr+/HjdJN7Z/VKIcsxV2DvDIibZCExgfYTgljCkUSFuoI7iNkOE6Dc1Q6j212EB9PeO8KmfrViBqHYT6IwWkA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/canvas-linux-arm-gnueabihf": {
+      "version": "0.1.65",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-arm-gnueabihf/-/canvas-linux-arm-gnueabihf-0.1.65.tgz",
+      "integrity": "sha512-3KP+dYObH7CVkZMZWwk1WX9jRjL+EKdQtD43H8MOI+illf+dwqLlecdQ4d9bQRIxELKJ8dyPWY4fOp/Ngufrdg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/canvas-linux-arm64-gnu": {
+      "version": "0.1.65",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-arm64-gnu/-/canvas-linux-arm64-gnu-0.1.65.tgz",
+      "integrity": "sha512-Ka3StKz7Dq7kjTF3nNJCq43UN/VlANS7qGE3dWkn1d+tQNsCRy/wRmyt1TUFzIjRqcTFMQNRbgYq84+53UBA0A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/canvas-linux-arm64-musl": {
+      "version": "0.1.65",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-arm64-musl/-/canvas-linux-arm64-musl-0.1.65.tgz",
+      "integrity": "sha512-O4xMASm2JrmqYoiDyxVWi+z5C14H+oVEag2rZ5iIA67dhWqYZB+iO7wCFpBYRj31JPBR29FOsu6X9zL+DwBFdw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/canvas-linux-riscv64-gnu": {
+      "version": "0.1.65",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-riscv64-gnu/-/canvas-linux-riscv64-gnu-0.1.65.tgz",
+      "integrity": "sha512-dblWDaA59ZU8bPbkfM+riSke7sFbNZ70LEevUdI5rgiFEUzYUQlU34gSBzemTACj5rCWt1BYeu0GfkLSjNMBSw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/canvas-linux-x64-gnu": {
+      "version": "0.1.65",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-x64-gnu/-/canvas-linux-x64-gnu-0.1.65.tgz",
+      "integrity": "sha512-wsp+atutw13OJXGU3DDkdngtBDoEg01IuK5xMe0L6VFPV8maGkh17CXze078OD5QJOc6kFyw3DDscMLOPF8+oA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/canvas-linux-x64-musl": {
+      "version": "0.1.65",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-linux-x64-musl/-/canvas-linux-x64-musl-0.1.65.tgz",
+      "integrity": "sha512-odX+nN+IozWzhdj31INcHz3Iy9+EckNw+VqsZcaUxZOTu7/3FmktRNI6aC1qe5minZNv1m05YOS1FVf7fvmjlA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@napi-rs/canvas-win32-x64-msvc": {
+      "version": "0.1.65",
+      "resolved": "https://registry.npmjs.org/@napi-rs/canvas-win32-x64-msvc/-/canvas-win32-x64-msvc-0.1.65.tgz",
+      "integrity": "sha512-RZQX3luWnlNWgdMnLMQ1hyfQraeAn9lnxWWVCHuUM4tAWEV8UDdeb7cMwmJW7eyt8kAosmjeHt3cylQMHOxGFg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nicolo-ribaudo/chokidar-2": {
+      "version": "2.1.8-no-fsevents.3",
+      "resolved": "https://registry.npmjs.org/@nicolo-ribaudo/chokidar-2/-/chokidar-2-2.1.8-no-fsevents.3.tgz",
+      "integrity": "sha512-s88O1aVtXftvp5bCPB7WnmXc5IwOZZ7YPuwNPt+GtOOXpPvad1LfbmjYv+qII7zP6RU2QGnqve27dnLycEnyEQ==",
+      "dev": true,
+      "optional": true
+    },
+    "node_modules/@node-oauth/formats": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@node-oauth/formats/-/formats-1.0.0.tgz",
+      "integrity": "sha512-DwSbLtdC8zC5B5gTJkFzJj5s9vr9SGzOgQvV9nH7tUVuMSScg0EswAczhjIapOmH3Y8AyP7C4Jv7b8+QJObWZA=="
+    },
+    "node_modules/@node-oauth/oauth2-server": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@node-oauth/oauth2-server/-/oauth2-server-5.1.0.tgz",
+      "integrity": "sha512-sYvqL1GeZLRSwgl++/oOzxJj/ZBe2yXnp6E5LGNQ5qjpn0+t/dwquXILUe3Sk2Y8/wU7XeRxToOtBVeSVkuJag==",
+      "dependencies": {
+        "@node-oauth/formats": "1.0.0",
+        "basic-auth": "2.0.1",
+        "type-is": "1.6.18"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/@node-rs/crc32": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/@node-rs/crc32/-/crc32-0.1.8.tgz",
+      "integrity": "sha512-gnQhWJDieK9gg+b4g1IR7T3CvBQw15hmPPNc9oTtDCRKITStG1QtfGwLXnGtusxGCLoeDJAKlVHTVDNoeJ29LQ==",
+      "optional": true,
+      "dependencies": {
+        "@node-rs/helper": "^0.1.4"
+      }
+    },
+    "node_modules/@node-rs/helper": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/@node-rs/helper/-/helper-0.1.4.tgz",
+      "integrity": "sha512-f63wMA9m32dkX40XWCbDysoFLFGf+6WB/Vn90mW3CQVQe2hqgQPHLBMgriuI9eW9gnqdLnuHQGArg1WALeXCYA==",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.0.0"
+      }
+    },
+    "node_modules/@node-saml/node-saml": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/@node-saml/node-saml/-/node-saml-4.0.5.tgz",
+      "integrity": "sha512-J5DglElbY1tjOuaR1NPtjOXkXY5bpUhDoKVoeucYN98A3w4fwgjIOPqIGcb6cQsqFq2zZ6vTCeKn5C/hvefSaw==",
+      "dependencies": {
+        "@types/debug": "^4.1.7",
+        "@types/passport": "^1.0.11",
+        "@types/xml-crypto": "^1.4.2",
+        "@types/xml-encryption": "^1.2.1",
+        "@types/xml2js": "^0.4.11",
+        "@xmldom/xmldom": "^0.8.6",
+        "debug": "^4.3.4",
+        "xml-crypto": "^3.0.1",
+        "xml-encryption": "^3.0.2",
+        "xml2js": "^0.5.0",
+        "xmlbuilder": "^15.1.1"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/@node-saml/node-saml/node_modules/@xmldom/xmldom": {
+      "version": "0.8.10",
+      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.10.tgz",
+      "integrity": "sha512-2WALfTl4xo2SkGCYRt6rDTFfk9R1czmBvUQy12gK2KuRKIpWEhcbbzy8EZXtz/jkRqHX8bFEc6FC1HjX4TUWYw==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/@node-saml/node-saml/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@node-saml/node-saml/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "node_modules/@node-saml/node-saml/node_modules/xml-encryption": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/xml-encryption/-/xml-encryption-3.0.2.tgz",
+      "integrity": "sha512-VxYXPvsWB01/aqVLd6ZMPWZ+qaj0aIdF+cStrVJMcFj3iymwZeI0ABzB3VqMYv48DkSpRhnrXqTUkR34j+UDyg==",
+      "dependencies": {
+        "@xmldom/xmldom": "^0.8.5",
+        "escape-html": "^1.0.3",
+        "xpath": "0.0.32"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@node-saml/node-saml/node_modules/xml2js": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.5.0.tgz",
+      "integrity": "sha512-drPFnkQJik/O+uPKpqSgr22mpuFHqKdbS835iAQrUC73L2F5WkboIRd63ai/2Yg6I1jzifPFKH2NTK+cfglkIA==",
+      "dependencies": {
+        "sax": ">=0.6.0",
+        "xmlbuilder": "~11.0.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/@node-saml/node-saml/node_modules/xml2js/node_modules/xmlbuilder": {
+      "version": "11.0.1",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-11.0.1.tgz",
+      "integrity": "sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/@node-saml/node-saml/node_modules/xpath": {
+      "version": "0.0.32",
+      "resolved": "https://registry.npmjs.org/xpath/-/xpath-0.0.32.tgz",
+      "integrity": "sha512-rxMJhSIoiO8vXcWvSifKqhvV96GjiD5wYb8/QHdoRyQvraTpp4IEv944nhGausZZ3u7dhQXteZuZbaqfpB7uYw==",
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/@node-saml/passport-saml": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/@node-saml/passport-saml/-/passport-saml-4.0.4.tgz",
+      "integrity": "sha512-xFw3gw0yo+K1mzlkW15NeBF7cVpRHN/4vpjmBKzov5YFImCWh/G0LcTZ8krH3yk2/eRPc3Or8LRPudVJBjmYaw==",
+      "dependencies": {
+        "@node-saml/node-saml": "^4.0.4",
+        "@types/express": "^4.17.14",
+        "@types/passport": "^1.0.11",
+        "@types/passport-strategy": "^0.2.35",
+        "passport": "^0.6.0",
+        "passport-strategy": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@opentelemetry/api": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/api/-/api-1.4.1.tgz",
+      "integrity": "sha512-O2yRJce1GOc6PAy3QxFM4NzFiWzvScDC1/5ihYBL6BUEVdq0XMWN01sppE+H6bBXbaFYipjwFLEWLg5PaSOThA==",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/api-logs": {
+      "version": "0.41.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/api-logs/-/api-logs-0.41.2.tgz",
+      "integrity": "sha512-JEV2RAqijAFdWeT6HddYymfnkiRu2ASxoTBr4WsnGJhOjWZkEy6vp+Sx9ozr1NaIODOa2HUyckExIqQjn6qywQ==",
+      "dependencies": {
+        "@opentelemetry/api": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/auto-instrumentations-node": {
+      "version": "0.39.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/auto-instrumentations-node/-/auto-instrumentations-node-0.39.2.tgz",
+      "integrity": "sha512-rC8r7rx8U0XT/0F3TyMCyP+lkFeWyenkfeVR2OPvo685TQRA5byTEu4+C3ZHNSbGNcvGUamcSsa0DQ6AvKlINQ==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/instrumentation-amqplib": "^0.33.1",
+        "@opentelemetry/instrumentation-aws-lambda": "^0.37.0",
+        "@opentelemetry/instrumentation-aws-sdk": "^0.36.0",
+        "@opentelemetry/instrumentation-bunyan": "^0.32.1",
+        "@opentelemetry/instrumentation-cassandra-driver": "^0.33.1",
+        "@opentelemetry/instrumentation-connect": "^0.32.1",
+        "@opentelemetry/instrumentation-cucumber": "^0.1.0",
+        "@opentelemetry/instrumentation-dataloader": "^0.5.1",
+        "@opentelemetry/instrumentation-dns": "^0.32.2",
+        "@opentelemetry/instrumentation-express": "^0.33.1",
+        "@opentelemetry/instrumentation-fastify": "^0.32.2",
+        "@opentelemetry/instrumentation-fs": "^0.8.1",
+        "@opentelemetry/instrumentation-generic-pool": "^0.32.2",
+        "@opentelemetry/instrumentation-graphql": "^0.35.1",
+        "@opentelemetry/instrumentation-grpc": "^0.41.2",
+        "@opentelemetry/instrumentation-hapi": "^0.33.0",
+        "@opentelemetry/instrumentation-http": "^0.41.2",
+        "@opentelemetry/instrumentation-ioredis": "^0.35.1",
+        "@opentelemetry/instrumentation-knex": "^0.32.1",
+        "@opentelemetry/instrumentation-koa": "^0.36.0",
+        "@opentelemetry/instrumentation-lru-memoizer": "^0.33.1",
+        "@opentelemetry/instrumentation-memcached": "^0.32.1",
+        "@opentelemetry/instrumentation-mongodb": "^0.37.0",
+        "@opentelemetry/instrumentation-mongoose": "^0.33.1",
+        "@opentelemetry/instrumentation-mysql": "^0.34.1",
+        "@opentelemetry/instrumentation-mysql2": "^0.34.1",
+        "@opentelemetry/instrumentation-nestjs-core": "^0.33.1",
+        "@opentelemetry/instrumentation-net": "^0.32.1",
+        "@opentelemetry/instrumentation-pg": "^0.36.1",
+        "@opentelemetry/instrumentation-pino": "^0.34.1",
+        "@opentelemetry/instrumentation-redis": "^0.35.1",
+        "@opentelemetry/instrumentation-redis-4": "^0.35.1",
+        "@opentelemetry/instrumentation-restify": "^0.34.0",
+        "@opentelemetry/instrumentation-router": "^0.33.1",
+        "@opentelemetry/instrumentation-socket.io": "^0.34.1",
+        "@opentelemetry/instrumentation-tedious": "^0.6.1",
+        "@opentelemetry/instrumentation-winston": "^0.32.1",
+        "@opentelemetry/resource-detector-alibaba-cloud": "^0.28.1",
+        "@opentelemetry/resource-detector-aws": "^1.3.1",
+        "@opentelemetry/resource-detector-container": "^0.3.1",
+        "@opentelemetry/resource-detector-gcp": "^0.29.1",
+        "@opentelemetry/resources": "^1.12.0",
+        "@opentelemetry/sdk-node": "^0.41.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.4.1"
+      }
+    },
+    "node_modules/@opentelemetry/context-async-hooks": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/context-async-hooks/-/context-async-hooks-1.15.2.tgz",
+      "integrity": "sha512-VAMHG67srGFQDG/N2ns5AyUT9vUcoKpZ/NpJ5fDQIPfJd7t3ju+aHwvDsMcrYBWuCh03U3Ky6o16+872CZchBg==",
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.5.0"
+      }
+    },
+    "node_modules/@opentelemetry/core": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/core/-/core-1.15.2.tgz",
+      "integrity": "sha512-+gBv15ta96WqkHZaPpcDHiaz0utiiHZVfm2YOYSqFGrUaJpPkMoSuLBB58YFQGi6Rsb9EHos84X6X5+9JspmLw==",
+      "dependencies": {
+        "@opentelemetry/semantic-conventions": "1.15.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.5.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-jaeger": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/exporter-jaeger/-/exporter-jaeger-1.15.2.tgz",
+      "integrity": "sha512-BwYd5836GYvuiQcF4l5X0ca09jGJr/F37MMGyz94VH0b1dp0uYBwRJw2CQh56RlVZEdpKv29JyDRVZ/4UrRgLQ==",
+      "dependencies": {
+        "@opentelemetry/core": "1.15.2",
+        "@opentelemetry/sdk-trace-base": "1.15.2",
+        "@opentelemetry/semantic-conventions": "1.15.2",
+        "jaeger-client": "^3.15.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-trace-otlp-grpc": {
+      "version": "0.41.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/exporter-trace-otlp-grpc/-/exporter-trace-otlp-grpc-0.41.2.tgz",
+      "integrity": "sha512-tRM/mq7PFj7mXCws5ICMVp/rmgU93JvZdoLE0uLj4tugNz231u2ZgeRYXulBjdeHM88ZQSsWTJMu2mvr/3JV1A==",
+      "dependencies": {
+        "@grpc/grpc-js": "^1.7.1",
+        "@opentelemetry/core": "1.15.2",
+        "@opentelemetry/otlp-grpc-exporter-base": "0.41.2",
+        "@opentelemetry/otlp-transformer": "0.41.2",
+        "@opentelemetry/resources": "1.15.2",
+        "@opentelemetry/sdk-trace-base": "1.15.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-trace-otlp-grpc/node_modules/@opentelemetry/otlp-transformer": {
+      "version": "0.41.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/otlp-transformer/-/otlp-transformer-0.41.2.tgz",
+      "integrity": "sha512-jJbPwB0tNu2v+Xi0c/v/R3YBLJKLonw1p+v3RVjT2VfzeUyzSp/tBeVdY7RZtL6dzZpA9XSmp8UEfWIFQo33yA==",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.41.2",
+        "@opentelemetry/core": "1.15.2",
+        "@opentelemetry/resources": "1.15.2",
+        "@opentelemetry/sdk-logs": "0.41.2",
+        "@opentelemetry/sdk-metrics": "1.15.2",
+        "@opentelemetry/sdk-trace-base": "1.15.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.5.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-trace-otlp-http": {
+      "version": "0.41.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/exporter-trace-otlp-http/-/exporter-trace-otlp-http-0.41.2.tgz",
+      "integrity": "sha512-Y0fGLipjZXLMelWtlS1/MDtrPxf25oM408KukRdkN31a1MEFo4h/ZkNwS7ZfmqHGUa+4rWRt2bi6JBiqy7Ytgw==",
+      "dependencies": {
+        "@opentelemetry/core": "1.15.2",
+        "@opentelemetry/otlp-exporter-base": "0.41.2",
+        "@opentelemetry/otlp-transformer": "0.41.2",
+        "@opentelemetry/resources": "1.15.2",
+        "@opentelemetry/sdk-trace-base": "1.15.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-trace-otlp-http/node_modules/@opentelemetry/otlp-transformer": {
+      "version": "0.41.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/otlp-transformer/-/otlp-transformer-0.41.2.tgz",
+      "integrity": "sha512-jJbPwB0tNu2v+Xi0c/v/R3YBLJKLonw1p+v3RVjT2VfzeUyzSp/tBeVdY7RZtL6dzZpA9XSmp8UEfWIFQo33yA==",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.41.2",
+        "@opentelemetry/core": "1.15.2",
+        "@opentelemetry/resources": "1.15.2",
+        "@opentelemetry/sdk-logs": "0.41.2",
+        "@opentelemetry/sdk-metrics": "1.15.2",
+        "@opentelemetry/sdk-trace-base": "1.15.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.5.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-trace-otlp-proto": {
+      "version": "0.41.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/exporter-trace-otlp-proto/-/exporter-trace-otlp-proto-0.41.2.tgz",
+      "integrity": "sha512-IGZga9IIckqYE3IpRE9FO9G5umabObIrChlXUHYpMJtDgx797dsb3qXCvLeuAwB+HoB8NsEZstlzmLnoa6/HmA==",
+      "dependencies": {
+        "@opentelemetry/core": "1.15.2",
+        "@opentelemetry/otlp-exporter-base": "0.41.2",
+        "@opentelemetry/otlp-proto-exporter-base": "0.41.2",
+        "@opentelemetry/otlp-transformer": "0.41.2",
+        "@opentelemetry/resources": "1.15.2",
+        "@opentelemetry/sdk-trace-base": "1.15.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-trace-otlp-proto/node_modules/@opentelemetry/otlp-transformer": {
+      "version": "0.41.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/otlp-transformer/-/otlp-transformer-0.41.2.tgz",
+      "integrity": "sha512-jJbPwB0tNu2v+Xi0c/v/R3YBLJKLonw1p+v3RVjT2VfzeUyzSp/tBeVdY7RZtL6dzZpA9XSmp8UEfWIFQo33yA==",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.41.2",
+        "@opentelemetry/core": "1.15.2",
+        "@opentelemetry/resources": "1.15.2",
+        "@opentelemetry/sdk-logs": "0.41.2",
+        "@opentelemetry/sdk-metrics": "1.15.2",
+        "@opentelemetry/sdk-trace-base": "1.15.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.5.0"
+      }
+    },
+    "node_modules/@opentelemetry/exporter-zipkin": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/exporter-zipkin/-/exporter-zipkin-1.15.2.tgz",
+      "integrity": "sha512-j9dPe8tyx4KqIqJAfZ/LCYfkF9+ggsT0V1+bVg9ZKTBNcLf5dTsTMdcxUxc/9s599kgcn6UERnti/tozbzwa6Q==",
+      "dependencies": {
+        "@opentelemetry/core": "1.15.2",
+        "@opentelemetry/resources": "1.15.2",
+        "@opentelemetry/sdk-trace-base": "1.15.2",
+        "@opentelemetry/semantic-conventions": "1.15.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation": {
+      "version": "0.41.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation/-/instrumentation-0.41.2.tgz",
+      "integrity": "sha512-rxU72E0pKNH6ae2w5+xgVYZLzc5mlxAbGzF4shxMVK8YC2QQsfN38B2GPbj0jvrKWWNUElfclQ+YTykkNg/grw==",
+      "dependencies": {
+        "@types/shimmer": "^1.0.2",
+        "import-in-the-middle": "1.4.2",
+        "require-in-the-middle": "^7.1.1",
+        "semver": "^7.5.1",
+        "shimmer": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-amqplib": {
+      "version": "0.33.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-amqplib/-/instrumentation-amqplib-0.33.1.tgz",
+      "integrity": "sha512-Eg797WDHVDcRr6+5tihh7ab+ZjS5yCOoW4PkUYCcJHVT31AGfi+PlkLgHknW+uT1oKijMC4D1p6jDa/2rzRv/g==",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-aws-lambda": {
+      "version": "0.37.0",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-aws-lambda/-/instrumentation-aws-lambda-0.37.0.tgz",
+      "integrity": "sha512-jGXW3iQhs/g9ckq2zbk16o3+LKBhZv96Ghhh2IomxLMm4aNTZgoVMgw6mdwtXxmjcpJoG0K1HK4amxSMLV/mUA==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/propagator-aws-xray": "^1.3.1",
+        "@opentelemetry/resources": "^1.8.0",
+        "@opentelemetry/semantic-conventions": "^1.0.0",
+        "@types/aws-lambda": "8.10.119"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-aws-sdk": {
+      "version": "0.36.0",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-aws-sdk/-/instrumentation-aws-sdk-0.36.0.tgz",
+      "integrity": "sha512-I7lOeAxjH9GZbmsqf5YnxwD9btliHHQztySgq2gO2P3zF0Wzd75rBEexbHcIyo/YoQiKpfcWfiNGw9NWgJPleQ==",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/propagation-utils": "^0.30.1",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-bunyan": {
+      "version": "0.32.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-bunyan/-/instrumentation-bunyan-0.32.1.tgz",
+      "integrity": "sha512-TjH357ldA5DpK09XUDWffqV9Km++N9H0dwmxHrElM2TSe4Usgkgw6mlodbuh45hoVDD+cCPi+GO6Dq1QLVEdZg==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@types/bunyan": "1.8.8"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-cassandra-driver": {
+      "version": "0.33.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-cassandra-driver/-/instrumentation-cassandra-driver-0.33.1.tgz",
+      "integrity": "sha512-nn8XtLB1XmViEAnNnZ43jHojYxgNJ1W+QF2B3yBmfVqXJnE0IbzhIiPmU+Zx3ZSzIoWS0EQQM3ljcgDC03FZ7A==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-connect": {
+      "version": "0.32.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-connect/-/instrumentation-connect-0.32.1.tgz",
+      "integrity": "sha512-QHi0hTXtqZj3wSyvKwFmkGYHRnGdl8w76MHZj3Rekxe4ILpcn78fZGJSbA+0eYdOWHnGP0c483uMOeGH08XYmA==",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0",
+        "@types/connect": "3.4.35"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-cucumber": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-cucumber/-/instrumentation-cucumber-0.1.0.tgz",
+      "integrity": "sha512-xSJBLKSjdBWzT8mYgsEt0RW9i0gBPRDh/lL9WXjTv7E1SMWyVAxMLURV+KfVmRjRltwlgXi+/j70dY+k88Q5ZA==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-dataloader": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-dataloader/-/instrumentation-dataloader-0.5.1.tgz",
+      "integrity": "sha512-dqYITnlCo7FSZ8mhyxh9TtogwcebGcuMaXTjYDyIKGshDcjCxhvhNjFDe4y3RD/g/EFKINkYVkVXB1lDqZdxTA==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-dns": {
+      "version": "0.32.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-dns/-/instrumentation-dns-0.32.2.tgz",
+      "integrity": "sha512-6KNN35ot/qyOQN0jh/+9mGCFeWM40fhcJWgg82D0syuxQq2YaUvyGLw6FAi7f0xxaeOPLCQxSK5wL9jTn3KF2g==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-dns/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-dns/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-dns/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/@opentelemetry/instrumentation-express": {
+      "version": "0.33.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-express/-/instrumentation-express-0.33.1.tgz",
+      "integrity": "sha512-awrpiTZWnLOCJ4TeDMTrs6/gH/oXbNipoPx3WUKQlA1yfMlpNynqokTyCYv1n10Zu9Y2P/nIhoNnUw0ywp61nA==",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0",
+        "@types/express": "4.17.17"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-fastify": {
+      "version": "0.32.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-fastify/-/instrumentation-fastify-0.32.2.tgz",
+      "integrity": "sha512-DKa7SgxTtZ0O1ngGtAdwr/g8XguYw6KvLNME+J8rt6QpWQM+xytS0bg4atZAyt6aeYr/kO1sMrGXSlHEEYWIhg==",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-fs": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-fs/-/instrumentation-fs-0.8.1.tgz",
+      "integrity": "sha512-a5U6ydfqVeT4Zp6GL5lZDZNJAmic3CCtgg/f2yqvnpq2fE0cyD/XlW9JWzGhAJaq29E1bxtb9FJ0n6ee3c9dYQ==",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-generic-pool": {
+      "version": "0.32.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-generic-pool/-/instrumentation-generic-pool-0.32.2.tgz",
+      "integrity": "sha512-HMAkKOfSZMKy4YfDLwSByR2q74pk3TMpSxgwWYLeezNpscnNAc4mtZtbWdUL62v8IaCXIc/qizwQYkcKqvGnZQ==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-graphql": {
+      "version": "0.35.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-graphql/-/instrumentation-graphql-0.35.1.tgz",
+      "integrity": "sha512-bAM4W5wU0lZ1UIKK/5b4p8LEU8N6W+VgpcnUIK7GTTDxdhcWTd3Q6oyS6nauhZSzEnAEmmJVXaLQAGIU4sEkyA==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-grpc": {
+      "version": "0.41.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-grpc/-/instrumentation-grpc-0.41.2.tgz",
+      "integrity": "sha512-+fh9GUFv97p25CMreUv4OdP5L21hPgfX3d4fuQ0KIgIZIaX2M6/8cr5Ik+8zWsyhYzfFX3CKq6BXm3UBg7cswQ==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "0.41.2",
+        "@opentelemetry/semantic-conventions": "1.15.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-hapi": {
+      "version": "0.33.0",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-hapi/-/instrumentation-hapi-0.33.0.tgz",
+      "integrity": "sha512-c+I/25OrovuSdeb/OQIZIVTSiatTcH+KE8Nna0xAnwaG4H7Q7eoGet7IBPzNTbunXY9Xt77oFVsN1TMeXeDktg==",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0",
+        "@types/hapi__hapi": "20.0.13"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-http": {
+      "version": "0.41.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-http/-/instrumentation-http-0.41.2.tgz",
+      "integrity": "sha512-dzOC6xkfK0LM6Dzo91aInLdSbdIzKA0IgSDnyLi6YZ0Z7c1bfrFncFx/3gZs8vi+KXLALgfMlpzE7IYDW/cM3A==",
+      "dependencies": {
+        "@opentelemetry/core": "1.15.2",
+        "@opentelemetry/instrumentation": "0.41.2",
+        "@opentelemetry/semantic-conventions": "1.15.2",
+        "semver": "^7.5.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-http/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-http/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-http/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/@opentelemetry/instrumentation-ioredis": {
+      "version": "0.35.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-ioredis/-/instrumentation-ioredis-0.35.1.tgz",
+      "integrity": "sha512-lixraoS9rs81783QRjQ56/S5KzVBllC+zs7UJuTGODi5Egn/YMGp5lNnlbkUxeJl9LMyADMiP7ZGpQtfKwdc3g==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/redis-common": "^0.36.1",
+        "@opentelemetry/semantic-conventions": "^1.0.0",
+        "@types/ioredis4": "npm:@types/ioredis@^4.28.10"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-knex": {
+      "version": "0.32.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-knex/-/instrumentation-knex-0.32.1.tgz",
+      "integrity": "sha512-s+5BtsYUendDTrWAxkr50X3+kb+sVffFzp4z5DC+aZt52P/kF85wm6GyC1mREvvhhK2UKrCq2yMVKD90z0FKsA==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-koa": {
+      "version": "0.36.0",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-koa/-/instrumentation-koa-0.36.0.tgz",
+      "integrity": "sha512-4VRvaFeLAnxG+BQr7pZyWyjsM6RdPWkrwsgZTLFYdI1yTpePoyParfz04vJKPMW55ZJ749g15K2dUy6gVUV41Q==",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0",
+        "@types/koa": "2.13.8",
+        "@types/koa__router": "8.0.11"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-lru-memoizer": {
+      "version": "0.33.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-lru-memoizer/-/instrumentation-lru-memoizer-0.33.1.tgz",
+      "integrity": "sha512-1FFOlGTEigMWppEkv7o+IyeyWTXXpFAfmcFjJRph5m88RsotgzPLCnxaSeS0GMU7E8UJplusNmmsnu7jPJ2YqA==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-memcached": {
+      "version": "0.32.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-memcached/-/instrumentation-memcached-0.32.1.tgz",
+      "integrity": "sha512-laolY41/k6KHYnBQrWpnMlEK49/g8/OQBtvSiPdHiF46wW3eWpXmaTGMRksrRGUtyE+VMRhf7WIDRUYLZULP1g==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0",
+        "@types/memcached": "^2.2.6"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-mongodb": {
+      "version": "0.37.0",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-mongodb/-/instrumentation-mongodb-0.37.0.tgz",
+      "integrity": "sha512-Fwuwf7Fsx/F3QXtU6hbxU4D6DtT33YkAr0+fjtR7qTEcAU0YOxCZfy4tlX2jxjxR1ze8tKfaAWhXBxXwLMWT3g==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/sdk-metrics": "^1.9.1",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-mongoose": {
+      "version": "0.33.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-mongoose/-/instrumentation-mongoose-0.33.1.tgz",
+      "integrity": "sha512-IzYcEZSmlaOlkyACt8gTl0z3eEQafxzEAt/+W+FdNBiUdm81qpVx/1bpzJwSgIsgcLf27Dl5WsPmrSAi4+Bcng==",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-mysql": {
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-mysql/-/instrumentation-mysql-0.34.1.tgz",
+      "integrity": "sha512-zQq7hN3ILm1vIJCGeKHRc4pTK8LOmkTt8oKWf0v+whFs7axieIhXZMoCqIBm6BigLy3Trg5iaKyuSrx7kO6q2g==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0",
+        "@types/mysql": "2.15.21"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-mysql2": {
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-mysql2/-/instrumentation-mysql2-0.34.1.tgz",
+      "integrity": "sha512-SPwgLI2H+gH+GP7b5cWQlFqO/7UeHvw6ZzFKxwLr4vy8wmxYF4aBMLc8qVO8bdXFHd114v0IzOIAvpG6sl/zYQ==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0",
+        "@opentelemetry/sql-common": "^0.40.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-nestjs-core": {
+      "version": "0.33.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-nestjs-core/-/instrumentation-nestjs-core-0.33.1.tgz",
+      "integrity": "sha512-Y5Khvp8ODA6TuDcZKAc63cYDeeZAA/n0ceF0pcVCJwA2NBeD0hmTrCJXES2cvt7wVbHV/SYCu7OpYDQkNjbBWw==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-net": {
+      "version": "0.32.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-net/-/instrumentation-net-0.32.1.tgz",
+      "integrity": "sha512-r9YC8fFDi+B/JiNfMn+vJaOpgdA83bQM3u4mW9mJi2hAI/LcvjJYPx4aTRLWAPSd/HRG/Olzdvx5LdWvzL8LHg==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-pg": {
+      "version": "0.36.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-pg/-/instrumentation-pg-0.36.1.tgz",
+      "integrity": "sha512-k8L7RSRTQ6e+DbHEXZB8Tmf/efkQnWKeClpZb3TEdb34Pvme4PmcpG2zb6JtM99nNrshNlVDLCZ90U3xDneTbw==",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0",
+        "@opentelemetry/sql-common": "^0.40.0",
+        "@types/pg": "8.6.1",
+        "@types/pg-pool": "2.0.3"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-pino": {
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-pino/-/instrumentation-pino-0.34.1.tgz",
+      "integrity": "sha512-/FW/wxTshwwmiSE8KgVoWvfjxz5omKBdDbP0McKZk84V02lwwJk0m7+kc2cSOed5rk7iprpZolwO8a8AFVanNA==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-redis": {
+      "version": "0.35.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-redis/-/instrumentation-redis-0.35.1.tgz",
+      "integrity": "sha512-zY7eTzGyJCMX/0o04Q9yLy7gllf7Zh4s+g7Kv1d2cMLtTt9zGSlncqj49uNCnneywnpMNRUIwcmd+Ch1bQeh+g==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/redis-common": "^0.36.1",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-redis-4": {
+      "version": "0.35.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-redis-4/-/instrumentation-redis-4-0.35.1.tgz",
+      "integrity": "sha512-tQ07wvtjUbHSvvhPPvWyZjYTSzVBTpC746ro5szLnniodvxtKkmP/N+R9KyFXfyH7wwaLIR1Scgq3XSGSppt+Q==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/redis-common": "^0.36.1",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-restify": {
+      "version": "0.34.0",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-restify/-/instrumentation-restify-0.34.0.tgz",
+      "integrity": "sha512-KQZxg6aTaeDXk0NSjdY1Zd1N4BPnefFqOaTk/QuXElASwUGVwJESRvOVXfhtM+3sILbMccwSwPYwqSowYQn0LA==",
+      "dependencies": {
+        "@opentelemetry/core": "^1.8.0",
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-router": {
+      "version": "0.33.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-router/-/instrumentation-router-0.33.1.tgz",
+      "integrity": "sha512-nz8PvjYMQWFgR17Yc5Sj624CamhXP021mWaWfHx6RhI6o67sPt+DT5468yZJZV1gMnaOSQfiBkjWZ7AGQkRutw==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-socket.io": {
+      "version": "0.34.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-socket.io/-/instrumentation-socket.io-0.34.1.tgz",
+      "integrity": "sha512-v9US0hXJaY7dkKOC2/CMLB526wn9F3CQrkeVUidvSm+AxFBoYXKdAUJijdBPWT4PKY98/VjFHuZ3HSe4QD8zPA==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14.0"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-tedious": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-tedious/-/instrumentation-tedious-0.6.1.tgz",
+      "integrity": "sha512-zwgLKmWtAn0XsMb98aMaI7gCawzPqpy+LOgGTlYmUdqSVYnzMAn4QKrx24Rrd5pgmzOEIbAWHlpN7pOc1eIqxA==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2",
+        "@opentelemetry/semantic-conventions": "^1.0.0",
+        "@types/tedious": "^4.0.6"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation-winston": {
+      "version": "0.32.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/instrumentation-winston/-/instrumentation-winston-0.32.1.tgz",
+      "integrity": "sha512-wgXb2W2cbNdRQfXTH0jcnfbhlVPapmu13Wqhedj2pMpXS2aBnWAdvNFlArS6q84MEhzv3A4fVevjbwXa4uCzwQ==",
+      "dependencies": {
+        "@opentelemetry/instrumentation": "^0.41.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.3.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation/node_modules/require-in-the-middle": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/require-in-the-middle/-/require-in-the-middle-7.2.0.tgz",
+      "integrity": "sha512-3TLx5TGyAY6AOqLBoXmHkNql0HIf2RGbuMgCDT2WO/uGVAPJs6h7Kl+bN6TIZGd9bWhWPwnDnTHGtW8Iu77sdw==",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "module-details-from-path": "^1.0.3",
+        "resolve": "^1.22.1"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@opentelemetry/instrumentation/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/@opentelemetry/otlp-exporter-base": {
+      "version": "0.41.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/otlp-exporter-base/-/otlp-exporter-base-0.41.2.tgz",
+      "integrity": "sha512-pfwa6d+Dax3itZcGWiA0AoXeVaCuZbbqUTsCtOysd2re8C2PWXNxDONUfBWsn+KgxAdi+ljwTjJGiaVLDaIEvQ==",
+      "dependencies": {
+        "@opentelemetry/core": "1.15.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/otlp-grpc-exporter-base": {
+      "version": "0.41.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/otlp-grpc-exporter-base/-/otlp-grpc-exporter-base-0.41.2.tgz",
+      "integrity": "sha512-OErK8dYjXG01XIMIpmOV2SzL9ctkZ0Nyhf2UumICOAKtgLvR5dG1JMlsNVp8Jn0RzpsKc6Urv7JpP69wzRXN+A==",
+      "dependencies": {
+        "@grpc/grpc-js": "^1.7.1",
+        "@opentelemetry/core": "1.15.2",
+        "@opentelemetry/otlp-exporter-base": "0.41.2",
+        "protobufjs": "^7.2.3"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/otlp-proto-exporter-base": {
+      "version": "0.41.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/otlp-proto-exporter-base/-/otlp-proto-exporter-base-0.41.2.tgz",
+      "integrity": "sha512-BxmEMiP6tHiFroe5/dTt9BsxCci7BTLtF7A6d4DKHLiLweWWZxQ9l7hON7qt/IhpKrQcAFD1OzZ1Gq2ZkNzhCw==",
+      "dependencies": {
+        "@opentelemetry/core": "1.15.2",
+        "@opentelemetry/otlp-exporter-base": "0.41.2",
+        "protobufjs": "^7.2.3"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/propagation-utils": {
+      "version": "0.30.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/propagation-utils/-/propagation-utils-0.30.1.tgz",
+      "integrity": "sha512-GCZg19gBSOTCeHvSCVy08WUyKAp2LyIRcRQPZk8MMAbmz8JWha3huBS9tNXjB4hYwRqW2SJOZzoYjt2P/BxvEw==",
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/propagator-aws-xray": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/propagator-aws-xray/-/propagator-aws-xray-1.3.1.tgz",
+      "integrity": "sha512-6fDMzFlt5r6VWv7MUd0eOpglXPFqykW8CnOuUxJ1VZyLy6mV1bzBlzpsqEmhx1bjvZYvH93vhGkQZqrm95mlrQ==",
+      "dependencies": {
+        "@opentelemetry/core": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/propagator-b3": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/propagator-b3/-/propagator-b3-1.15.2.tgz",
+      "integrity": "sha512-ZSrL3DpMEDsjD8dPt9Ze3ue53nEXJt512KyxXlLgLWnSNbe1mrWaXWkh7OLDoVJh9LqFw+tlvAhDVt/x3DaFGg==",
+      "dependencies": {
+        "@opentelemetry/core": "1.15.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.5.0"
+      }
+    },
+    "node_modules/@opentelemetry/propagator-jaeger": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/propagator-jaeger/-/propagator-jaeger-1.15.2.tgz",
+      "integrity": "sha512-6m1yu7PVDIRz6BwA36lacfBZJCfAEHKgu+kSyukNwVdVjsTNeyD9xNPQnkl0WN7Rvhk8/yWJ83tLPEyGhk1wCQ==",
+      "dependencies": {
+        "@opentelemetry/core": "1.15.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.5.0"
+      }
+    },
+    "node_modules/@opentelemetry/redis-common": {
+      "version": "0.36.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/redis-common/-/redis-common-0.36.1.tgz",
+      "integrity": "sha512-YjfNEr7DK1Ymc5H0bzhmqVvMcCs+PUEUerzrpTFdHfZxj3HpnnjZTIFKx/gxiL/sajQ8dxycjlreoYTVYKBXlw==",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/resource-detector-alibaba-cloud": {
+      "version": "0.28.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/resource-detector-alibaba-cloud/-/resource-detector-alibaba-cloud-0.28.1.tgz",
+      "integrity": "sha512-0ucRgwid6bSAgYL5fiTkLh7aS9cPyz+Ijyv961SZbpMeIgVBvU931676xrdGNqlmuxavt24BrNUUWZ4XKq8ViA==",
+      "dependencies": {
+        "@opentelemetry/resources": "^1.0.0",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/resource-detector-aws": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/resource-detector-aws/-/resource-detector-aws-1.3.1.tgz",
+      "integrity": "sha512-1n3U0ns0xlA8EIOMY1oEP5+5rZE/nfhIld6nw8T8PK4PkS3kAQb1ZCj3RXajs3qA+qWWIaEvCNREx3A0Ifyt3Q==",
+      "dependencies": {
+        "@opentelemetry/core": "^1.0.0",
+        "@opentelemetry/resources": "^1.0.0",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/resource-detector-container": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/resource-detector-container/-/resource-detector-container-0.3.1.tgz",
+      "integrity": "sha512-7zQASISRLmsaCKurvaoi7kTa0ab4iQEvPVfRo4k5RLSVi4puaCcC+2qOd6Fk4jEqNueevhyn2upGUeH+0EJ6yQ==",
+      "dependencies": {
+        "@opentelemetry/resources": "^1.0.0",
+        "@opentelemetry/semantic-conventions": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/resource-detector-gcp": {
+      "version": "0.29.1",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/resource-detector-gcp/-/resource-detector-gcp-0.29.1.tgz",
+      "integrity": "sha512-u5mB53I49m0cXQ97dgZlgEnNin9xqwl9au2sXmblHG9XS6PocGoAgAiXGYYvITWhR3ID5Ei2GyGoJDFdAtCrVA==",
+      "dependencies": {
+        "@opentelemetry/core": "^1.0.0",
+        "@opentelemetry/resources": "^1.0.0",
+        "@opentelemetry/semantic-conventions": "^1.0.0",
+        "gcp-metadata": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.0.0"
+      }
+    },
+    "node_modules/@opentelemetry/resources": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/resources/-/resources-1.15.2.tgz",
+      "integrity": "sha512-xmMRLenT9CXmm5HMbzpZ1hWhaUowQf8UB4jMjFlAxx1QzQcsD3KFNAVX/CAWzFPtllTyTplrA4JrQ7sCH3qmYw==",
+      "dependencies": {
+        "@opentelemetry/core": "1.15.2",
+        "@opentelemetry/semantic-conventions": "1.15.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.5.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-logs": {
+      "version": "0.41.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/sdk-logs/-/sdk-logs-0.41.2.tgz",
+      "integrity": "sha512-smqKIw0tTW15waj7BAPHFomii5c3aHnSE4LQYTszGoK5P9nZs8tEAIpu15UBxi3aG31ZfsLmm4EUQkjckdlFrw==",
+      "dependencies": {
+        "@opentelemetry/core": "1.15.2",
+        "@opentelemetry/resources": "1.15.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.4.0 <1.5.0",
+        "@opentelemetry/api-logs": ">=0.39.1"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-metrics": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/sdk-metrics/-/sdk-metrics-1.15.2.tgz",
+      "integrity": "sha512-9aIlcX8GnhcsAHW/Wl8bzk4ZnWTpNlLtud+fxUfBtFATu6OZ6TrGrF4JkT9EVrnoxwtPIDtjHdEsSjOqisY/iA==",
+      "dependencies": {
+        "@opentelemetry/core": "1.15.2",
+        "@opentelemetry/resources": "1.15.2",
+        "lodash.merge": "^4.6.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.5.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-node": {
+      "version": "0.41.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/sdk-node/-/sdk-node-0.41.2.tgz",
+      "integrity": "sha512-t3vaB5ajoXLtVFoL8TSoSgaVATmOyUfkIfBE4nvykm0dM2vQjMS/SUUelzR06eiPTbMPsr2UkevWhy2/oXy2vg==",
+      "dependencies": {
+        "@opentelemetry/api-logs": "0.41.2",
+        "@opentelemetry/core": "1.15.2",
+        "@opentelemetry/exporter-jaeger": "1.15.2",
+        "@opentelemetry/exporter-trace-otlp-grpc": "0.41.2",
+        "@opentelemetry/exporter-trace-otlp-http": "0.41.2",
+        "@opentelemetry/exporter-trace-otlp-proto": "0.41.2",
+        "@opentelemetry/exporter-zipkin": "1.15.2",
+        "@opentelemetry/instrumentation": "0.41.2",
+        "@opentelemetry/resources": "1.15.2",
+        "@opentelemetry/sdk-logs": "0.41.2",
+        "@opentelemetry/sdk-metrics": "1.15.2",
+        "@opentelemetry/sdk-trace-base": "1.15.2",
+        "@opentelemetry/sdk-trace-node": "1.15.2",
+        "@opentelemetry/semantic-conventions": "1.15.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.3.0 <1.5.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-trace-base": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/sdk-trace-base/-/sdk-trace-base-1.15.2.tgz",
+      "integrity": "sha512-BEaxGZbWtvnSPchV98qqqqa96AOcb41pjgvhfzDij10tkBhIu9m0Jd6tZ1tJB5ZHfHbTffqYVYE0AOGobec/EQ==",
+      "dependencies": {
+        "@opentelemetry/core": "1.15.2",
+        "@opentelemetry/resources": "1.15.2",
+        "@opentelemetry/semantic-conventions": "1.15.2"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.5.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-trace-node": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/sdk-trace-node/-/sdk-trace-node-1.15.2.tgz",
+      "integrity": "sha512-5deakfKLCbPpKJRCE2GPI8LBE2LezyvR17y3t37ZI3sbaeogtyxmBaFV+slmG9fN8OaIT+EUsm1QAT1+z59gbQ==",
+      "dependencies": {
+        "@opentelemetry/context-async-hooks": "1.15.2",
+        "@opentelemetry/core": "1.15.2",
+        "@opentelemetry/propagator-b3": "1.15.2",
+        "@opentelemetry/propagator-jaeger": "1.15.2",
+        "@opentelemetry/sdk-trace-base": "1.15.2",
+        "semver": "^7.5.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": ">=1.0.0 <1.5.0"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-trace-node/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-trace-node/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@opentelemetry/sdk-trace-node/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/@opentelemetry/semantic-conventions": {
+      "version": "1.15.2",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/semantic-conventions/-/semantic-conventions-1.15.2.tgz",
+      "integrity": "sha512-CjbOKwk2s+3xPIMcd5UNYQzsf+v94RczbdNix9/kQh38WiQkM90sUOi3if8eyHFgiBjBjhwXrA7W3ydiSQP9mw==",
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@opentelemetry/sql-common": {
+      "version": "0.40.0",
+      "resolved": "https://registry.npmjs.org/@opentelemetry/sql-common/-/sql-common-0.40.0.tgz",
+      "integrity": "sha512-vSqRJYUPJVjMFQpYkQS3ruexCPSZJ8esne3LazLwtCPaPRvzZ7WG3tX44RouAn7w4wMp8orKguBqtt+ng2UTnw==",
+      "dependencies": {
+        "@opentelemetry/core": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0"
+      }
+    },
+    "node_modules/@otplib/core": {
+      "version": "12.0.1",
+      "resolved": "https://registry.npmjs.org/@otplib/core/-/core-12.0.1.tgz",
+      "integrity": "sha512-4sGntwbA/AC+SbPhbsziRiD+jNDdIzsZ3JUyfZwjtKyc/wufl1pnSIaG4Uqx8ymPagujub0o92kgBnB89cuAMA=="
+    },
+    "node_modules/@otplib/plugin-crypto": {
+      "version": "12.0.1",
+      "resolved": "https://registry.npmjs.org/@otplib/plugin-crypto/-/plugin-crypto-12.0.1.tgz",
+      "integrity": "sha512-qPuhN3QrT7ZZLcLCyKOSNhuijUi9G5guMRVrxq63r9YNOxxQjPm59gVxLM+7xGnHnM6cimY57tuKsjK7y9LM1g==",
+      "dependencies": {
+        "@otplib/core": "^12.0.1"
+      }
+    },
+    "node_modules/@otplib/plugin-thirty-two": {
+      "version": "12.0.1",
+      "resolved": "https://registry.npmjs.org/@otplib/plugin-thirty-two/-/plugin-thirty-two-12.0.1.tgz",
+      "integrity": "sha512-MtT+uqRso909UkbrrYpJ6XFjj9D+x2Py7KjTO9JDPhL0bJUYVu5kFP4TFZW4NFAywrAtFRxOVY261u0qwb93gA==",
+      "dependencies": {
+        "@otplib/core": "^12.0.1",
+        "thirty-two": "^1.0.2"
+      }
+    },
+    "node_modules/@otplib/preset-default": {
+      "version": "12.0.1",
+      "resolved": "https://registry.npmjs.org/@otplib/preset-default/-/preset-default-12.0.1.tgz",
+      "integrity": "sha512-xf1v9oOJRyXfluBhMdpOkr+bsE+Irt+0D5uHtvg6x1eosfmHCsCC6ej/m7FXiWqdo0+ZUI6xSKDhJwc8yfiOPQ==",
+      "dependencies": {
+        "@otplib/core": "^12.0.1",
+        "@otplib/plugin-crypto": "^12.0.1",
+        "@otplib/plugin-thirty-two": "^12.0.1"
+      }
+    },
+    "node_modules/@otplib/preset-v11": {
+      "version": "12.0.1",
+      "resolved": "https://registry.npmjs.org/@otplib/preset-v11/-/preset-v11-12.0.1.tgz",
+      "integrity": "sha512-9hSetMI7ECqbFiKICrNa4w70deTUfArtwXykPUvSHWOdzOlfa9ajglu7mNCntlvxycTiOAXkQGwjQCzzDEMRMg==",
+      "dependencies": {
+        "@otplib/core": "^12.0.1",
+        "@otplib/plugin-crypto": "^12.0.1",
+        "@otplib/plugin-thirty-two": "^12.0.1"
+      }
+    },
+    "node_modules/@overleaf/access-token-encryptor": {
+      "resolved": "libraries/access-token-encryptor",
+      "link": true
+    },
+    "node_modules/@overleaf/analytics": {
+      "resolved": "services/analytics",
+      "link": true
+    },
+    "node_modules/@overleaf/chat": {
+      "resolved": "services/chat",
+      "link": true
+    },
+    "node_modules/@overleaf/clsi": {
+      "resolved": "services/clsi",
+      "link": true
+    },
+    "node_modules/@overleaf/clsi-cache": {
+      "resolved": "services/clsi-cache",
+      "link": true
+    },
+    "node_modules/@overleaf/clsi-perf": {
+      "resolved": "services/clsi-perf",
+      "link": true
+    },
+    "node_modules/@overleaf/codemirror-tree-view": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@overleaf/codemirror-tree-view/-/codemirror-tree-view-0.1.3.tgz",
+      "integrity": "sha512-/ysOnX+ovObqj0uR78tumQtK/y0qFwbawcCGxT9JDeyJPgfPrK3PYTIvoZ1SgmSxaXpOPkds7aL+4Hv6VWZqSw==",
+      "dev": true,
+      "peerDependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0"
+      }
+    },
+    "node_modules/@overleaf/contacts": {
+      "resolved": "services/contacts",
+      "link": true
+    },
+    "node_modules/@overleaf/docstore": {
+      "resolved": "services/docstore",
+      "link": true
+    },
+    "node_modules/@overleaf/document-updater": {
+      "resolved": "services/document-updater",
+      "link": true
+    },
+    "node_modules/@overleaf/eslint-plugin": {
+      "resolved": "libraries/eslint-plugin",
+      "link": true
+    },
+    "node_modules/@overleaf/fetch-utils": {
+      "resolved": "libraries/fetch-utils",
+      "link": true
+    },
+    "node_modules/@overleaf/filestore": {
+      "resolved": "services/filestore",
+      "link": true
+    },
+    "node_modules/@overleaf/github-sync": {
+      "resolved": "services/github-sync",
+      "link": true
+    },
+    "node_modules/@overleaf/idp": {
+      "resolved": "services/idp",
+      "link": true
+    },
+    "node_modules/@overleaf/logger": {
+      "resolved": "libraries/logger",
+      "link": true
+    },
+    "node_modules/@overleaf/metrics": {
+      "resolved": "libraries/metrics",
+      "link": true
+    },
+    "node_modules/@overleaf/mongo-utils": {
+      "resolved": "libraries/mongo-utils",
+      "link": true
+    },
+    "node_modules/@overleaf/notifications": {
+      "resolved": "services/notifications",
+      "link": true
+    },
+    "node_modules/@overleaf/o-error": {
+      "resolved": "libraries/o-error",
+      "link": true
+    },
+    "node_modules/@overleaf/object-persistor": {
+      "resolved": "libraries/object-persistor",
+      "link": true
+    },
+    "node_modules/@overleaf/piece-table": {
+      "resolved": "libraries/piece-table",
+      "link": true
+    },
+    "node_modules/@overleaf/project-history": {
+      "resolved": "services/project-history",
+      "link": true
+    },
+    "node_modules/@overleaf/promise-utils": {
+      "resolved": "libraries/promise-utils",
+      "link": true
+    },
+    "node_modules/@overleaf/ranges-tracker": {
+      "resolved": "libraries/ranges-tracker",
+      "link": true
+    },
+    "node_modules/@overleaf/real-time": {
+      "resolved": "services/real-time",
+      "link": true
+    },
+    "node_modules/@overleaf/redis-wrapper": {
+      "resolved": "libraries/redis-wrapper",
+      "link": true
+    },
+    "node_modules/@overleaf/references": {
+      "resolved": "services/references",
+      "link": true
+    },
+    "node_modules/@overleaf/saas-e2e": {
+      "resolved": "tools/saas-e2e",
+      "link": true
+    },
+    "node_modules/@overleaf/settings": {
+      "resolved": "libraries/settings",
+      "link": true
+    },
+    "node_modules/@overleaf/stream-utils": {
+      "resolved": "libraries/stream-utils",
+      "link": true
+    },
+    "node_modules/@overleaf/templates": {
+      "resolved": "services/templates",
+      "link": true
+    },
+    "node_modules/@overleaf/third-party-datastore": {
+      "resolved": "services/third-party-datastore",
+      "link": true
+    },
+    "node_modules/@overleaf/thirdparty-references": {
+      "resolved": "services/third-party-references",
+      "link": true
+    },
+    "node_modules/@overleaf/tpdsworker": {
+      "resolved": "services/tpdsworker",
+      "link": true
+    },
+    "node_modules/@overleaf/web": {
+      "resolved": "services/web",
+      "link": true
+    },
+    "node_modules/@phosphor-icons/react": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@phosphor-icons/react/-/react-2.1.7.tgz",
+      "integrity": "sha512-g2e2eVAn1XG2a+LI09QU3IORLhnFNAFkNbo2iwbX6NOKSLOwvEMmTa7CgOzEbgNWR47z8i8kwjdvYZ5fkGx1mQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8",
+        "react-dom": ">= 16.8"
+      }
+    },
+    "node_modules/@pkgjs/parseargs": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+      "dev": true,
+      "optional": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@pmmmwh/react-refresh-webpack-plugin": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/@pmmmwh/react-refresh-webpack-plugin/-/react-refresh-webpack-plugin-0.5.16.tgz",
+      "integrity": "sha512-kLQc9xz6QIqd2oIYyXRUiAp79kGpFBm3fEM9ahfG1HI0WI5gdZ2OVHWdmZYnwODt7ISck+QuQ6sBPrtvUBML7Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-html": "^0.0.9",
+        "core-js-pure": "^3.23.3",
+        "error-stack-parser": "^2.0.6",
+        "html-entities": "^2.1.0",
+        "loader-utils": "^2.0.4",
+        "schema-utils": "^4.2.0",
+        "source-map": "^0.7.3"
+      },
+      "engines": {
+        "node": ">= 10.13"
+      },
+      "peerDependencies": {
+        "@types/webpack": "4.x || 5.x",
+        "react-refresh": ">=0.10.0 <1.0.0",
+        "sockjs-client": "^1.4.0",
+        "type-fest": ">=0.17.0 <5.0.0",
+        "webpack": ">=4.43.0 <6.0.0",
+        "webpack-dev-server": "3.x || 4.x || 5.x",
+        "webpack-hot-middleware": "2.x",
+        "webpack-plugin-serve": "0.x || 1.x"
+      },
+      "peerDependenciesMeta": {
+        "@types/webpack": {
+          "optional": true
+        },
+        "sockjs-client": {
+          "optional": true
+        },
+        "type-fest": {
+          "optional": true
+        },
+        "webpack-dev-server": {
+          "optional": true
+        },
+        "webpack-hot-middleware": {
+          "optional": true
+        },
+        "webpack-plugin-serve": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@pmmmwh/react-refresh-webpack-plugin/node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/@pmmmwh/react-refresh-webpack-plugin/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/@pmmmwh/react-refresh-webpack-plugin/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@pmmmwh/react-refresh-webpack-plugin/node_modules/schema-utils": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
+      "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/@pmmmwh/react-refresh-webpack-plugin/node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@pollyjs/adapter": {
+      "version": "6.0.6",
+      "resolved": "https://registry.npmjs.org/@pollyjs/adapter/-/adapter-6.0.6.tgz",
+      "integrity": "sha512-szhys0NiFQqCJDMC0kpDyjhLqSI7aWc6m6iATCRKgcMcN/7QN85pb3GmRzvnNV8+/Bi2AUSCwxZljcsKhbYVWQ==",
+      "dev": true,
+      "dependencies": {
+        "@pollyjs/utils": "^6.0.6"
+      }
+    },
+    "node_modules/@pollyjs/adapter-node-http": {
+      "version": "6.0.6",
+      "resolved": "https://registry.npmjs.org/@pollyjs/adapter-node-http/-/adapter-node-http-6.0.6.tgz",
+      "integrity": "sha512-jdJG7oncmSHZAtVMmRgOxh5A56b7G8H9ULlk/ZaVJ+jNrlFXhLmPpx8OQoSF4Cuq2ugdiWmwmAjFXHStcpY3Mw==",
+      "dev": true,
+      "dependencies": {
+        "@pollyjs/adapter": "^6.0.6",
+        "@pollyjs/utils": "^6.0.6",
+        "lodash-es": "^4.17.21",
+        "nock": "^13.2.1"
+      }
+    },
+    "node_modules/@pollyjs/core": {
+      "version": "6.0.6",
+      "resolved": "https://registry.npmjs.org/@pollyjs/core/-/core-6.0.6.tgz",
+      "integrity": "sha512-1ZZcmojW8iSFmvHGeLlvuudM3WiDV842FsVvtPAo3HoAYE6jCNveLHJ+X4qvonL4enj1SyTF3hXA107UkQFQrA==",
+      "dev": true,
+      "dependencies": {
+        "@pollyjs/utils": "^6.0.6",
+        "@sindresorhus/fnv1a": "^2.0.1",
+        "blueimp-md5": "^2.19.0",
+        "fast-json-stable-stringify": "^2.1.0",
+        "is-absolute-url": "^3.0.3",
+        "lodash-es": "^4.17.21",
+        "loglevel": "^1.8.0",
+        "route-recognizer": "^0.3.4",
+        "slugify": "^1.6.3"
+      }
+    },
+    "node_modules/@pollyjs/node-server": {
+      "version": "6.0.6",
+      "resolved": "https://registry.npmjs.org/@pollyjs/node-server/-/node-server-6.0.6.tgz",
+      "integrity": "sha512-nkP1+hdNoVOlrRz9R84haXVsaSmo8Xmq7uYK9GeUMSLQy4Fs55ZZ9o2KI6vRA8F6ZqJSbC31xxwwIoTkjyP7Vg==",
+      "dev": true,
+      "dependencies": {
+        "@pollyjs/utils": "^6.0.6",
+        "body-parser": "^1.19.0",
+        "cors": "^2.8.5",
+        "express": "^4.17.1",
+        "fs-extra": "^10.0.0",
+        "http-graceful-shutdown": "^3.1.5",
+        "morgan": "^1.10.0",
+        "nocache": "^3.0.1"
+      }
+    },
+    "node_modules/@pollyjs/node-server/node_modules/nocache": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/nocache/-/nocache-3.0.4.tgz",
+      "integrity": "sha512-WDD0bdg9mbq6F4mRxEYcPWwfA1vxd0mrvKOyxI7Xj/atfRHVeutzuWByG//jfm4uPzp0y4Kj051EORCBSQMycw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/@pollyjs/persister": {
+      "version": "6.0.6",
+      "resolved": "https://registry.npmjs.org/@pollyjs/persister/-/persister-6.0.6.tgz",
+      "integrity": "sha512-9KB1p+frvYvFGur4ifzLnFKFLXAMXrhAhCnVhTnkG2WIqqQPT7y+mKBV/DKCmYFx8GPA9FiNGqt2pB53uJpIdw==",
+      "dev": true,
+      "dependencies": {
+        "@pollyjs/utils": "^6.0.6",
+        "@types/set-cookie-parser": "^2.4.1",
+        "bowser": "^2.4.0",
+        "fast-json-stable-stringify": "^2.1.0",
+        "lodash-es": "^4.17.21",
+        "set-cookie-parser": "^2.4.8",
+        "utf8-byte-length": "^1.0.4"
+      }
+    },
+    "node_modules/@pollyjs/persister-fs": {
+      "version": "6.0.6",
+      "resolved": "https://registry.npmjs.org/@pollyjs/persister-fs/-/persister-fs-6.0.6.tgz",
+      "integrity": "sha512-/ALVgZiH2zGqwLkW0Mntc0Oq1v7tR8LS8JD2SAyIsHpnSXeBUnfPWwjAuYw0vqORHFVEbwned6MBRFfvU/3qng==",
+      "dev": true,
+      "dependencies": {
+        "@pollyjs/node-server": "^6.0.6",
+        "@pollyjs/persister": "^6.0.6"
+      }
+    },
+    "node_modules/@pollyjs/utils": {
+      "version": "6.0.6",
+      "resolved": "https://registry.npmjs.org/@pollyjs/utils/-/utils-6.0.6.tgz",
+      "integrity": "sha512-nhVJoI3nRgRimE0V2DVSvsXXNROUH6iyJbroDu4IdsOIOFC1Ds0w+ANMB4NMwFaqE+AisWOmXFzwAGdAfyiQVg==",
+      "dev": true,
+      "dependencies": {
+        "qs": "^6.10.1",
+        "url-parse": "^1.5.3"
+      }
+    },
+    "node_modules/@popperjs/core": {
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@protobufjs/aspromise": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/aspromise/-/aspromise-1.1.2.tgz",
+      "integrity": "sha1-m4sMxmPWaafY9vXQiToU00jzD78="
+    },
+    "node_modules/@protobufjs/base64": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/base64/-/base64-1.1.2.tgz",
+      "integrity": "sha512-AZkcAA5vnN/v4PDqKyMR5lx7hZttPDgClv83E//FMNhR2TMcLUhfRUBHCmSl0oi9zMgDDqRUJkSxO3wm85+XLg=="
+    },
+    "node_modules/@protobufjs/codegen": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@protobufjs/codegen/-/codegen-2.0.4.tgz",
+      "integrity": "sha512-YyFaikqM5sH0ziFZCN3xDC7zeGaB/d0IUb9CATugHWbd1FRFwWwt4ld4OYMPWu5a3Xe01mGAULCdqhMlPl29Jg=="
+    },
+    "node_modules/@protobufjs/eventemitter": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/eventemitter/-/eventemitter-1.1.0.tgz",
+      "integrity": "sha1-NVy8mLr61ZePntCV85diHx0Ga3A="
+    },
+    "node_modules/@protobufjs/fetch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/fetch/-/fetch-1.1.0.tgz",
+      "integrity": "sha1-upn7WYYUr2VwDBYZ/wbUVLDYTEU=",
+      "dependencies": {
+        "@protobufjs/aspromise": "^1.1.1",
+        "@protobufjs/inquire": "^1.1.0"
+      }
+    },
+    "node_modules/@protobufjs/float": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/float/-/float-1.0.2.tgz",
+      "integrity": "sha1-Xp4avctz/Ap8uLKR33jIy9l7h9E="
+    },
+    "node_modules/@protobufjs/inquire": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/inquire/-/inquire-1.1.0.tgz",
+      "integrity": "sha1-/yAOPnzyQp4tyvwRQIKOjMY48Ik="
+    },
+    "node_modules/@protobufjs/path": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/@protobufjs/path/-/path-1.1.2.tgz",
+      "integrity": "sha1-bMKyDFya1q0NzP0hynZz2Nf79o0="
+    },
+    "node_modules/@protobufjs/pool": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/pool/-/pool-1.1.0.tgz",
+      "integrity": "sha1-Cf0V8tbTq/qbZbw2ZQbWrXhG/1Q="
+    },
+    "node_modules/@protobufjs/utf8": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@protobufjs/utf8/-/utf8-1.1.0.tgz",
+      "integrity": "sha1-p3c2C1s5oaLlEG+OhY8v0tBgxXA="
+    },
+    "node_modules/@react-aria/ssr": {
+      "version": "3.9.4",
+      "resolved": "https://registry.npmjs.org/@react-aria/ssr/-/ssr-3.9.4.tgz",
+      "integrity": "sha512-4jmAigVq409qcJvQyuorsmBR4+9r3+JEC60wC+Y0MZV0HCtTmm8D9guYXlJMdx0SSkgj0hHAyFm/HvPNFofCoQ==",
+      "dev": true,
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      },
+      "engines": {
+        "node": ">= 12"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0"
+      }
+    },
+    "node_modules/@react-dnd/asap": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@react-dnd/asap/-/asap-5.0.2.tgz",
+      "integrity": "sha512-WLyfoHvxhs0V9U+GTsGilGgf2QsPl6ZZ44fnv0/b8T3nQyvzxidxsg/ZltbWssbsRDlYW8UKSQMTGotuTotZ6A==",
+      "dev": true
+    },
+    "node_modules/@react-dnd/invariant": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@react-dnd/invariant/-/invariant-4.0.2.tgz",
+      "integrity": "sha512-xKCTqAK/FFauOM9Ta2pswIyT3D8AQlfrYdOi/toTPEhqCuAs1v5tcJ3Y08Izh1cJ5Jchwy9SeAXmMg6zrKs2iw==",
+      "dev": true
+    },
+    "node_modules/@react-dnd/shallowequal": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/@react-dnd/shallowequal/-/shallowequal-4.0.2.tgz",
+      "integrity": "sha512-/RVXdLvJxLg4QKvMoM5WlwNR9ViO9z8B/qPcc+C0Sa/teJY7QG7kJ441DwzOjMYEY7GmU4dj5EcGHIkKZiQZCA==",
+      "dev": true
+    },
+    "node_modules/@remix-run/router": {
+      "version": "1.19.1",
+      "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.19.1.tgz",
+      "integrity": "sha512-S45oynt/WH19bHbIXjtli6QmwNYvaz+vtnubvNpNDvUOoA/OWh6j1OikIP3G+v5GHdxyC6EXoChG3HgYGEUfcg==",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@replit/codemirror-emacs": {
+      "version": "6.0.0",
+      "resolved": "git+ssh://git@github.com/overleaf/codemirror-emacs.git#4394c03858f27053f8768258e9493866e06e938e",
+      "integrity": "sha512-5rEKNeFfYPi3ytelXa5IIXnRu5Wvpzz80W1xa9k7gorC2wHlFRveIiIeXdwcQQw92pe5cT5vtpldLLZW5xcAIg==",
+      "dev": true,
+      "peerDependencies": {
+        "@codemirror/autocomplete": "^6.0.2",
+        "@codemirror/commands": "^6.0.0",
+        "@codemirror/search": "^6.0.0",
+        "@codemirror/state": "^6.0.1",
+        "@codemirror/view": "^6.3.0"
+      }
+    },
+    "node_modules/@replit/codemirror-indentation-markers": {
+      "version": "6.5.3",
+      "resolved": "git+ssh://git@github.com/overleaf/codemirror-indentation-markers.git#78264032eb286bc47871569ae87bff5ca1c6c161",
+      "integrity": "sha512-M64D1BO2iLWI0ByW4oiiRj104pulG+07FZOz+NfkJMY2zmrbsidKii/8Ibwmp7kEuWY1n7STtTtWxqZZB/HsjA==",
+      "dev": true,
+      "peerDependencies": {
+        "@codemirror/language": "^6.0.0",
+        "@codemirror/state": "^6.0.0",
+        "@codemirror/view": "^6.0.0"
+      }
+    },
+    "node_modules/@replit/codemirror-vim": {
+      "version": "6.2.1",
+      "resolved": "git+ssh://git@github.com/overleaf/codemirror-vim.git#1bef138382d948018f3f9b8a4d7a70ab61774e4b",
+      "integrity": "sha512-ATm1ZFJptmNcNlGKMFsCFQv41PYKBlDwC5pPKpceSEwws0yX2pS1FrV/cMikT9Ylw15s3grYUibYX3ObHZq8sQ==",
+      "dev": true,
+      "peerDependencies": {
+        "@codemirror/commands": "^6.0.0",
+        "@codemirror/language": "^6.1.0",
+        "@codemirror/search": "^6.2.0",
+        "@codemirror/state": "^6.0.1",
+        "@codemirror/view": "^6.0.3"
+      }
+    },
+    "node_modules/@restart/hooks": {
+      "version": "0.4.16",
+      "resolved": "https://registry.npmjs.org/@restart/hooks/-/hooks-0.4.16.tgz",
+      "integrity": "sha512-f7aCv7c+nU/3mF7NWLtVVr0Ra80RqsO89hO72r+Y/nvQr5+q0UFGkocElTH6MJApvReVh6JHUFYn2cw1WdHF3w==",
+      "dev": true,
+      "dependencies": {
+        "dequal": "^2.0.3"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/@restart/ui": {
+      "version": "1.6.9",
+      "resolved": "https://registry.npmjs.org/@restart/ui/-/ui-1.6.9.tgz",
+      "integrity": "sha512-mUbygUsJcRurjZCt1f77gg4DpheD1D+Sc7J3JjAkysUj7t8m4EBJVOqWC9788Qtbc69cJ+HlJc6jBguKwS8Mcw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.21.0",
+        "@popperjs/core": "^2.11.6",
+        "@react-aria/ssr": "^3.5.0",
+        "@restart/hooks": "^0.4.9",
+        "@types/warning": "^3.0.0",
+        "dequal": "^2.0.3",
+        "dom-helpers": "^5.2.0",
+        "uncontrollable": "^8.0.1",
+        "warning": "^4.0.3"
+      },
+      "peerDependencies": {
+        "react": ">=16.14.0",
+        "react-dom": ">=16.14.0"
+      }
+    },
+    "node_modules/@restart/ui/node_modules/dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@restart/ui/node_modules/uncontrollable": {
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-8.0.4.tgz",
+      "integrity": "sha512-ulRWYWHvscPFc0QQXvyJjY6LIXU56f0h8pQFvhxiKk5V1fcI8gp9Ht9leVAhrVjzqMw0BgjspBINx9r6oyJUvQ==",
+      "dev": true,
+      "peerDependencies": {
+        "react": ">=16.14.0"
+      }
+    },
+    "node_modules/@restart/ui/node_modules/warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "dev": true,
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "node_modules/@sentry-internal/tracing": {
+      "version": "7.46.0",
+      "resolved": "https://registry.npmjs.org/@sentry-internal/tracing/-/tracing-7.46.0.tgz",
+      "integrity": "sha512-KYoppa7PPL8Er7bdPoxTNUfIY804JL7hhOEomQHYD22rLynwQ4AaLm3YEY75QWwcGb0B7ZDMV+tSumW7Rxuwuw==",
+      "dev": true,
+      "dependencies": {
+        "@sentry/core": "7.46.0",
+        "@sentry/types": "7.46.0",
+        "@sentry/utils": "7.46.0",
+        "tslib": "^1.9.3"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@sentry-internal/tracing/node_modules/@sentry/core": {
+      "version": "7.46.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.46.0.tgz",
+      "integrity": "sha512-BnNHGh/ZTztqQedFko7vb2u6yLs/kWesOQNivav32ZbsEpVCjcmG1gOJXh2YmGIvj3jXOC9a4xfIuh+lYFcA6A==",
+      "dev": true,
+      "dependencies": {
+        "@sentry/types": "7.46.0",
+        "@sentry/utils": "7.46.0",
+        "tslib": "^1.9.3"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@sentry-internal/tracing/node_modules/@sentry/types": {
+      "version": "7.46.0",
+      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.46.0.tgz",
+      "integrity": "sha512-2FMEMgt2h6u7AoELhNhu9L54GAh67KKfK2pJ1kEXJHmWxM9FSCkizjLs/t+49xtY7jEXr8qYq8bV967VfDPQ9g==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@sentry-internal/tracing/node_modules/@sentry/utils": {
+      "version": "7.46.0",
+      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.46.0.tgz",
+      "integrity": "sha512-elRezDAF84guMG0OVIIZEWm6wUpgbda4HGks98CFnPsrnMm3N1bdBI9XdlxYLtf+ir5KsGR5YlEIf/a0kRUwAQ==",
+      "dev": true,
+      "dependencies": {
+        "@sentry/types": "7.46.0",
+        "tslib": "^1.9.3"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@sentry-internal/tracing/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "dev": true
+    },
+    "node_modules/@sentry/replay": {
+      "version": "7.46.0",
+      "resolved": "https://registry.npmjs.org/@sentry/replay/-/replay-7.46.0.tgz",
+      "integrity": "sha512-rHsAFdeEu47JRy6mEwwN+M+zTTWlOFWw9sR/eDCvik2lxAXBN2mXvf/N/MN9zQB3+QnS13ke+SvwVW7CshLOXg==",
+      "dev": true,
+      "dependencies": {
+        "@sentry/core": "7.46.0",
+        "@sentry/types": "7.46.0",
+        "@sentry/utils": "7.46.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@sentry/replay/node_modules/@sentry/core": {
+      "version": "7.46.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.46.0.tgz",
+      "integrity": "sha512-BnNHGh/ZTztqQedFko7vb2u6yLs/kWesOQNivav32ZbsEpVCjcmG1gOJXh2YmGIvj3jXOC9a4xfIuh+lYFcA6A==",
+      "dev": true,
+      "dependencies": {
+        "@sentry/types": "7.46.0",
+        "@sentry/utils": "7.46.0",
+        "tslib": "^1.9.3"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@sentry/replay/node_modules/@sentry/types": {
+      "version": "7.46.0",
+      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.46.0.tgz",
+      "integrity": "sha512-2FMEMgt2h6u7AoELhNhu9L54GAh67KKfK2pJ1kEXJHmWxM9FSCkizjLs/t+49xtY7jEXr8qYq8bV967VfDPQ9g==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@sentry/replay/node_modules/@sentry/utils": {
+      "version": "7.46.0",
+      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.46.0.tgz",
+      "integrity": "sha512-elRezDAF84guMG0OVIIZEWm6wUpgbda4HGks98CFnPsrnMm3N1bdBI9XdlxYLtf+ir5KsGR5YlEIf/a0kRUwAQ==",
+      "dev": true,
+      "dependencies": {
+        "@sentry/types": "7.46.0",
+        "tslib": "^1.9.3"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@sentry/replay/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "dev": true
+    },
+    "node_modules/@sideway/address": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.4.tgz",
+      "integrity": "sha512-7vwq+rOHVWjyXxVlR76Agnvhy8I9rpzjosTESvmhNeXOXdZZB15Fl+TI9x1SiHZH5Jv2wTGduSxFDIaq0m3DUw==",
+      "dependencies": {
+        "@hapi/hoek": "^9.0.0"
+      }
+    },
+    "node_modules/@sideway/formula": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz",
+      "integrity": "sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg=="
+    },
+    "node_modules/@sideway/pinpoint": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz",
+      "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ=="
+    },
+    "node_modules/@sinclair/typebox": {
+      "version": "0.27.8",
+      "resolved": "https://registry.npmjs.org/@sinclair/typebox/-/typebox-0.27.8.tgz",
+      "integrity": "sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==",
+      "dev": true
+    },
+    "node_modules/@sindresorhus/fnv1a": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/fnv1a/-/fnv1a-2.0.1.tgz",
+      "integrity": "sha512-suq9tRQ6bkpMukTG5K5z0sPWB7t0zExMzZCdmYm6xTSSIm/yCKNm7VCL36wVeyTsFr597/UhU1OAYdHGMDiHrw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@sindresorhus/merge-streams": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/@sindresorhus/merge-streams/-/merge-streams-2.3.0.tgz",
+      "integrity": "sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@sinonjs/commons": {
+      "version": "1.8.3",
+      "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-1.8.3.tgz",
+      "integrity": "sha512-xkNcLAn/wZaX14RPlwizcKicDk9G3F8m2nU3L7Ukm5zBgTwiT0wsoFAHx9Jq56fJA1z/7uKGtCRu16sOUCLIHQ==",
+      "dev": true,
+      "dependencies": {
+        "type-detect": "4.0.8"
+      }
+    },
+    "node_modules/@sinonjs/fake-timers": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-6.0.1.tgz",
+      "integrity": "sha512-MZPUxrmFubI36XS1DI3qmI0YdN1gks62JtFZvxR67ljjSNCeK6U08Zx4msEWOXuofgqUt6zPHSi1H9fbjR/NRA==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^1.7.0"
+      }
+    },
+    "node_modules/@sinonjs/formatio": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@sinonjs/formatio/-/formatio-5.0.1.tgz",
+      "integrity": "sha512-KaiQ5pBf1MpS09MuA0kp6KBQt2JUOQycqVG1NZXvzeaXe5LGFqAKueIS0bw4w0P9r7KuBSVdUk5QjXsUdu2CxQ==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^1",
+        "@sinonjs/samsam": "^5.0.2"
+      }
+    },
+    "node_modules/@sinonjs/samsam": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/@sinonjs/samsam/-/samsam-5.3.1.tgz",
+      "integrity": "sha512-1Hc0b1TtyfBu8ixF/tpfSHTVWKwCBLY4QJbkgnE7HcwyvT2xArDxb4K7dMgqRm3szI+LJbzmW/s4xxEhv6hwDg==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^1.6.0",
+        "lodash.get": "^4.4.2",
+        "type-detect": "^4.0.8"
+      }
+    },
+    "node_modules/@sinonjs/text-encoding": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/@sinonjs/text-encoding/-/text-encoding-0.7.1.tgz",
+      "integrity": "sha512-+iTbntw2IZPb/anVDbypzfQa+ay64MW0Zo8aJ8gZPWMMK6/OubMVb6lUPMagqjOPnmtauXnFCACVl3O7ogjeqQ==",
+      "dev": true
+    },
+    "node_modules/@slack/types": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/@slack/types/-/types-2.10.0.tgz",
+      "integrity": "sha512-JXY9l49rf7dDgvfMZi0maFyugzGkvq0s5u+kDlD68WaRUhjZNLBDKZcsrycMsVVDFfyOK0R1UKkYGmy9Ph069Q==",
+      "engines": {
+        "node": ">= 12.13.0",
+        "npm": ">= 6.12.0"
+      }
+    },
+    "node_modules/@slack/webhook": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/@slack/webhook/-/webhook-7.0.2.tgz",
+      "integrity": "sha512-dsrO/ow6a6+xkLm/lZKbUNTsFJlBc679tD+qwlVTztsQkDxPLH6odM7FKALz1IHa+KpLX8HKUIPV13a7y7z29w==",
+      "dependencies": {
+        "@slack/types": "^2.9.0",
+        "@types/node": ">=18.0.0",
+        "axios": "^1.6.3"
+      },
+      "engines": {
+        "node": ">= 18",
+        "npm": ">= 8.6.0"
+      }
+    },
+    "node_modules/@smithy/abort-controller": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/abort-controller/-/abort-controller-1.0.2.tgz",
+      "integrity": "sha512-tb2h0b+JvMee+eAxTmhnyqyNk51UXIK949HnE14lFeezKsVJTB30maan+CO2IMwnig2wVYQH84B5qk6ylmKCuA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/types": "^1.1.1",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/config-resolver": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/config-resolver/-/config-resolver-1.0.2.tgz",
+      "integrity": "sha512-8Bk7CgnVKg1dn5TgnjwPz2ebhxeR7CjGs5yhVYH3S8x0q8yPZZVWwpRIglwXaf5AZBzJlNO1lh+lUhMf2e73zQ==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/types": "^1.1.1",
+        "@smithy/util-config-provider": "^1.0.2",
+        "@smithy/util-middleware": "^1.0.2",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/credential-provider-imds": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/credential-provider-imds/-/credential-provider-imds-1.0.2.tgz",
+      "integrity": "sha512-fLjCya+JOu2gPJpCiwSUyoLvT8JdNJmOaTOkKYBZoGf7CzqR6lluSyI+eboZnl/V0xqcfcqBG4tgqCISmWS3/w==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/node-config-provider": "^1.0.2",
+        "@smithy/property-provider": "^1.0.2",
+        "@smithy/types": "^1.1.1",
+        "@smithy/url-parser": "^1.0.2",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/eventstream-codec": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/eventstream-codec/-/eventstream-codec-1.0.2.tgz",
+      "integrity": "sha512-eW/XPiLauR1VAgHKxhVvgvHzLROUgTtqat2lgljztbH8uIYWugv7Nz+SgCavB+hWRazv2iYgqrSy74GvxXq/rg==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@aws-crypto/crc32": "3.0.0",
+        "@smithy/types": "^1.1.1",
+        "@smithy/util-hex-encoding": "^1.0.2",
+        "tslib": "^2.5.0"
+      }
+    },
+    "node_modules/@smithy/fetch-http-handler": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/fetch-http-handler/-/fetch-http-handler-1.0.2.tgz",
+      "integrity": "sha512-kynyofLf62LvR8yYphPPdyHb8fWG3LepFinM/vWUTG2Q1pVpmPCM530ppagp3+q2p+7Ox0UvSqldbKqV/d1BpA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/protocol-http": "^1.1.1",
+        "@smithy/querystring-builder": "^1.0.2",
+        "@smithy/types": "^1.1.1",
+        "@smithy/util-base64": "^1.0.2",
+        "tslib": "^2.5.0"
+      }
+    },
+    "node_modules/@smithy/hash-node": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/hash-node/-/hash-node-1.0.2.tgz",
+      "integrity": "sha512-K6PKhcUNrJXtcesyzhIvNlU7drfIU7u+EMQuGmPw6RQDAg/ufUcfKHz4EcUhFAodUmN+rrejhRG9U6wxjeBOQA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/types": "^1.1.1",
+        "@smithy/util-buffer-from": "^1.0.2",
+        "@smithy/util-utf8": "^1.0.2",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/invalid-dependency": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/invalid-dependency/-/invalid-dependency-1.0.2.tgz",
+      "integrity": "sha512-B1Y3Tsa6dfC+Vvb+BJMhTHOfFieeYzY9jWQSTR1vMwKkxsymD0OIAnEw8rD/RiDj/4E4RPGFdx9Mdgnyd6Bv5Q==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/types": "^1.1.1",
+        "tslib": "^2.5.0"
+      }
+    },
+    "node_modules/@smithy/is-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/is-array-buffer/-/is-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-pkyBnsBRpe+c/6ASavqIMRBdRtZNJEVJOEzhpxZ9JoAXiZYbkfaSMRA/O1dUxGdJ653GHONunnZ4xMo/LJ7utQ==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/middleware-content-length": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/middleware-content-length/-/middleware-content-length-1.0.2.tgz",
+      "integrity": "sha512-pa1/SgGIrSmnEr2c9Apw7CdU4l/HW0fK3+LKFCPDYJrzM0JdYpqjQzgxi31P00eAkL0EFBccpus/p1n2GF9urw==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/protocol-http": "^1.1.1",
+        "@smithy/types": "^1.1.1",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/middleware-endpoint": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@smithy/middleware-endpoint/-/middleware-endpoint-1.0.3.tgz",
+      "integrity": "sha512-GsWvTXMFjSgl617PCE2km//kIjjtvMRrR2GAuRDIS9sHiLwmkS46VWaVYy+XE7ubEsEtzZ5yK2e8TKDR6Qr5Lw==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/middleware-serde": "^1.0.2",
+        "@smithy/types": "^1.1.1",
+        "@smithy/url-parser": "^1.0.2",
+        "@smithy/util-middleware": "^1.0.2",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/middleware-retry": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@smithy/middleware-retry/-/middleware-retry-1.0.4.tgz",
+      "integrity": "sha512-G7uRXGFL8c3F7APnoIMTtNAHH8vT4F2qVnAWGAZaervjupaUQuRRHYBLYubK0dWzOZz86BtAXKieJ5p+Ni2Xpg==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/protocol-http": "^1.1.1",
+        "@smithy/service-error-classification": "^1.0.3",
+        "@smithy/types": "^1.1.1",
+        "@smithy/util-middleware": "^1.0.2",
+        "@smithy/util-retry": "^1.0.4",
+        "tslib": "^2.5.0",
+        "uuid": "^8.3.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/middleware-retry/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "optional": true,
+      "peer": true,
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/@smithy/middleware-serde": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/middleware-serde/-/middleware-serde-1.0.2.tgz",
+      "integrity": "sha512-T4PcdMZF4xme6koUNfjmSZ1MLi7eoFeYCtodQNQpBNsS77TuJt1A6kt5kP/qxrTvfZHyFlj0AubACoaUqgzPeg==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/types": "^1.1.1",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/middleware-stack": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/middleware-stack/-/middleware-stack-1.0.2.tgz",
+      "integrity": "sha512-H7/uAQEcmO+eDqweEFMJ5YrIpsBwmrXSP6HIIbtxKJSQpAcMGY7KrR2FZgZBi1FMnSUOh+rQrbOyj5HQmSeUBA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/node-config-provider": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/node-config-provider/-/node-config-provider-1.0.2.tgz",
+      "integrity": "sha512-HU7afWpTToU0wL6KseGDR2zojeyjECQfr8LpjAIeHCYIW7r360ABFf4EaplaJRMVoC3hD9FeltgI3/NtShOqCg==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/property-provider": "^1.0.2",
+        "@smithy/shared-ini-file-loader": "^1.0.2",
+        "@smithy/types": "^1.1.1",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/node-http-handler": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@smithy/node-http-handler/-/node-http-handler-1.0.3.tgz",
+      "integrity": "sha512-PcPUSzTbIb60VCJCiH0PU0E6bwIekttsIEf5Aoo/M0oTfiqsxHTn0Rcij6QoH6qJy6piGKXzLSegspXg5+Kq6g==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/abort-controller": "^1.0.2",
+        "@smithy/protocol-http": "^1.1.1",
+        "@smithy/querystring-builder": "^1.0.2",
+        "@smithy/types": "^1.1.1",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/property-provider": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/property-provider/-/property-provider-1.0.2.tgz",
+      "integrity": "sha512-pXDPyzKX8opzt38B205kDgaxda6LHcTfPvTYQZnwP6BAPp1o9puiCPjeUtkKck7Z6IbpXCPUmUQnzkUzWTA42Q==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/types": "^1.1.1",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/protocol-http": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@smithy/protocol-http/-/protocol-http-1.1.1.tgz",
+      "integrity": "sha512-mFLFa2sSvlUxm55U7B4YCIsJJIMkA6lHxwwqOaBkral1qxFz97rGffP/mmd4JDuin1EnygiO5eNJGgudiUgmDQ==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/types": "^1.1.1",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/querystring-builder": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/querystring-builder/-/querystring-builder-1.0.2.tgz",
+      "integrity": "sha512-6P/xANWrtJhMzTPUR87AbXwSBuz1SDHIfL44TFd/GT3hj6rA+IEv7rftEpPjayUiWRocaNnrCPLvmP31mobOyA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/types": "^1.1.1",
+        "@smithy/util-uri-escape": "^1.0.2",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/querystring-parser": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/querystring-parser/-/querystring-parser-1.0.2.tgz",
+      "integrity": "sha512-IWxwxjn+KHWRRRB+K2Ngl+plTwo2WSgc2w+DvLy0DQZJh9UGOpw40d6q97/63GBlXIt4TEt5NbcFrO30CKlrsA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/types": "^1.1.1",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/service-error-classification": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@smithy/service-error-classification/-/service-error-classification-1.0.3.tgz",
+      "integrity": "sha512-2eglIYqrtcUnuI71yweu7rSfCgt6kVvRVf0C72VUqrd0LrV1M0BM0eYN+nitp2CHPSdmMI96pi+dU9U/UqAMSA==",
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/shared-ini-file-loader": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/shared-ini-file-loader/-/shared-ini-file-loader-1.0.2.tgz",
+      "integrity": "sha512-bdQj95VN+lCXki+P3EsDyrkpeLn8xDYiOISBGnUG/AGPYJXN8dmp4EhRRR7XOoLoSs8anZHR4UcGEOzFv2jwGw==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/types": "^1.1.1",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/signature-v4": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/signature-v4/-/signature-v4-1.0.2.tgz",
+      "integrity": "sha512-rpKUhmCuPmpV5dloUkOb9w1oBnJatvKQEjIHGmkjRGZnC3437MTdzWej9TxkagcZ8NRRJavYnEUixzxM1amFig==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/eventstream-codec": "^1.0.2",
+        "@smithy/is-array-buffer": "^1.0.2",
+        "@smithy/types": "^1.1.1",
+        "@smithy/util-hex-encoding": "^1.0.2",
+        "@smithy/util-middleware": "^1.0.2",
+        "@smithy/util-uri-escape": "^1.0.2",
+        "@smithy/util-utf8": "^1.0.2",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/smithy-client": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@smithy/smithy-client/-/smithy-client-1.0.4.tgz",
+      "integrity": "sha512-gpo0Xl5Nyp9sgymEfpt7oa9P2q/GlM3VmQIdm+FeH0QEdYOQx3OtvwVmBYAMv2FIPWxkMZlsPYRTnEiBTK5TYg==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/middleware-stack": "^1.0.2",
+        "@smithy/types": "^1.1.1",
+        "@smithy/util-stream": "^1.0.2",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/types": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@smithy/types/-/types-1.1.1.tgz",
+      "integrity": "sha512-tMpkreknl2gRrniHeBtdgQwaOlo39df8RxSrwsHVNIGXULy5XP6KqgScUw2m12D15wnJCKWxVhCX+wbrBW/y7g==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/url-parser": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/url-parser/-/url-parser-1.0.2.tgz",
+      "integrity": "sha512-0JRsDMQe53F6EHRWksdcavKDRjyqp8vrjakg8EcCUOa7PaFRRB1SO/xGZdzSlW1RSTWQDEksFMTCEcVEKmAoqA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/querystring-parser": "^1.0.2",
+        "@smithy/types": "^1.1.1",
+        "tslib": "^2.5.0"
+      }
+    },
+    "node_modules/@smithy/util-base64": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-base64/-/util-base64-1.0.2.tgz",
+      "integrity": "sha512-BCm15WILJ3SL93nusoxvJGMVfAMWHZhdeDZPtpAaskozuexd0eF6szdz4kbXaKp38bFCSenA6bkUHqaE3KK0dA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/util-buffer-from": "^1.0.2",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/util-body-length-browser": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-body-length-browser/-/util-body-length-browser-1.0.2.tgz",
+      "integrity": "sha512-Xh8L06H2anF5BHjSYTg8hx+Itcbf4SQZnVMl4PIkCOsKtneMJoGjPRLy17lEzfoh/GOaa0QxgCP6lRMQWzNl4w==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.5.0"
+      }
+    },
+    "node_modules/@smithy/util-body-length-node": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-body-length-node/-/util-body-length-node-1.0.2.tgz",
+      "integrity": "sha512-nXHbZsUtvZeyfL4Ceds9nmy2Uh2AhWXohG4vWHyjSdmT8cXZlJdmJgnH6SJKDjyUecbu+BpKeVvSrA4cWPSOPA==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/util-buffer-from": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-buffer-from/-/util-buffer-from-1.0.2.tgz",
+      "integrity": "sha512-lHAYIyrBO9RANrPvccnPjU03MJnWZ66wWuC5GjWWQVfsmPwU6m00aakZkzHdUT6tGCkGacXSgArP5wgTgA+oCw==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/is-array-buffer": "^1.0.2",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/util-config-provider": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-config-provider/-/util-config-provider-1.0.2.tgz",
+      "integrity": "sha512-HOdmDm+3HUbuYPBABLLHtn8ittuRyy+BSjKOA169H+EMc+IozipvXDydf+gKBRAxUa4dtKQkLraypwppzi+PRw==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/util-defaults-mode-browser": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-defaults-mode-browser/-/util-defaults-mode-browser-1.0.2.tgz",
+      "integrity": "sha512-J1u2PO235zxY7dg0+ZqaG96tFg4ehJZ7isGK1pCBEA072qxNPwIpDzUVGnLJkHZvjWEGA8rxIauDtXfB0qxeAg==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/property-provider": "^1.0.2",
+        "@smithy/types": "^1.1.1",
+        "bowser": "^2.11.0",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/@smithy/util-defaults-mode-node": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-defaults-mode-node/-/util-defaults-mode-node-1.0.2.tgz",
+      "integrity": "sha512-9/BN63rlIsFStvI+AvljMh873Xw6bbI6b19b+PVYXyycQ2DDQImWcjnzRlHW7eP65CCUNGQ6otDLNdBQCgMXqg==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/config-resolver": "^1.0.2",
+        "@smithy/credential-provider-imds": "^1.0.2",
+        "@smithy/node-config-provider": "^1.0.2",
+        "@smithy/property-provider": "^1.0.2",
+        "@smithy/types": "^1.1.1",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/@smithy/util-hex-encoding": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-hex-encoding/-/util-hex-encoding-1.0.2.tgz",
+      "integrity": "sha512-Bxydb5rMJorMV6AuDDMOxro3BMDdIwtbQKHpwvQFASkmr52BnpDsWlxgpJi8Iq7nk1Bt4E40oE1Isy/7ubHGzg==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/util-middleware": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-middleware/-/util-middleware-1.0.2.tgz",
+      "integrity": "sha512-vtXK7GOR2BoseCX8NCGe9SaiZrm9M2lm/RVexFGyPuafTtry9Vyv7hq/vw8ifd/G/pSJ+msByfJVb1642oQHKw==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/util-retry": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@smithy/util-retry/-/util-retry-1.0.4.tgz",
+      "integrity": "sha512-RnZPVFvRoqdj2EbroDo3OsnnQU8eQ4AlnZTOGusbYKybH3269CFdrZfZJloe60AQjX7di3J6t/79PjwCLO5Khw==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/service-error-classification": "^1.0.3",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">= 14.0.0"
+      }
+    },
+    "node_modules/@smithy/util-stream": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-stream/-/util-stream-1.0.2.tgz",
+      "integrity": "sha512-qyN2M9QFMTz4UCHi6GnBfLOGYKxQZD01Ga6nzaXFFC51HP/QmArU72e4kY50Z/EtW8binPxspP2TAsGbwy9l3A==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/fetch-http-handler": "^1.0.2",
+        "@smithy/node-http-handler": "^1.0.3",
+        "@smithy/types": "^1.1.1",
+        "@smithy/util-base64": "^1.0.2",
+        "@smithy/util-buffer-from": "^1.0.2",
+        "@smithy/util-hex-encoding": "^1.0.2",
+        "@smithy/util-utf8": "^1.0.2",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/util-uri-escape": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-uri-escape/-/util-uri-escape-1.0.2.tgz",
+      "integrity": "sha512-k8C0BFNS9HpBMHSgUDnWb1JlCQcFG+PPlVBq9keP4Nfwv6a9Q0yAfASWqUCtzjuMj1hXeLhn/5ADP6JxnID1Pg==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@smithy/util-utf8": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@smithy/util-utf8/-/util-utf8-1.0.2.tgz",
+      "integrity": "sha512-V4cyjKfJlARui0dMBfWJMQAmJzoW77i4N3EjkH/bwnE2Ngbl4tqD2Y0C/xzpzY/J1BdxeCKxAebVFk8aFCaSCw==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@smithy/util-buffer-from": "^1.0.2",
+        "tslib": "^2.5.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@storybook/addon-a11y": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-8.6.4.tgz",
+      "integrity": "sha512-B3/d2cRlnpAlE3kh+OBaly6qrWN9DEqwDyZsNeobaiXnNp11xoHZP2OWjEwXldc0pKls41jeOksXyXrILfvTng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/addon-highlight": "8.6.4",
+        "@storybook/test": "8.6.4",
+        "axe-core": "^4.2.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.4"
+      }
+    },
+    "node_modules/@storybook/addon-actions": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-actions/-/addon-actions-8.6.4.tgz",
+      "integrity": "sha512-mCcyfkeb19fJX0dpQqqZCnWBwjVn0/27xcpR0mbm/KW2wTByU6bKFFujgrHsX3ONl97IcIaUnmwwUwBr1ebZXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/global": "^5.0.0",
+        "@types/uuid": "^9.0.1",
+        "dequal": "^2.0.2",
+        "polished": "^4.2.2",
+        "uuid": "^9.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.4"
+      }
+    },
+    "node_modules/@storybook/addon-actions/node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/@storybook/addon-backgrounds": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-backgrounds/-/addon-backgrounds-8.6.4.tgz",
+      "integrity": "sha512-lRYGumlYdd1RptQJvOTRMx/q2pDmg2MO5GX4la7VfI8KrUyeuC1ZOSRDEcXeTuAZWJztqmtymg6bB7cAAoxCFA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/global": "^5.0.0",
+        "memoizerific": "^1.11.3",
+        "ts-dedent": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.4"
+      }
+    },
+    "node_modules/@storybook/addon-controls": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-controls/-/addon-controls-8.6.4.tgz",
+      "integrity": "sha512-oMMP9Bj0RMfYmaitjFt6oBSjKH4titUqP+wE6PrZ3v+Om56f4buqfNKXRf80As2OrsZn0pjj95muWzVVHqIhyQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/global": "^5.0.0",
+        "dequal": "^2.0.2",
+        "ts-dedent": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.4"
+      }
+    },
+    "node_modules/@storybook/addon-docs": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-8.6.4.tgz",
+      "integrity": "sha512-+kbcjvEAH0Xs+k+raAwfC0WmJilWhxBYnLLeazP3m5AkVI3sIjbzuuZ78NR0DCdRkw9BpuuXMHv5o4tIvLIUlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@mdx-js/react": "^3.0.0",
+        "@storybook/blocks": "8.6.4",
+        "@storybook/csf-plugin": "8.6.4",
+        "@storybook/react-dom-shim": "8.6.4",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "ts-dedent": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.4"
+      }
+    },
+    "node_modules/@storybook/addon-essentials": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-essentials/-/addon-essentials-8.6.4.tgz",
+      "integrity": "sha512-3pF0ZDl5EICqe0eOupPQq6PxeupwkLsfTWANuuJUYTJur82kvJd3Chb7P9vqw0A0QBx6106mL6PIyjrFJJMhLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/addon-actions": "8.6.4",
+        "@storybook/addon-backgrounds": "8.6.4",
+        "@storybook/addon-controls": "8.6.4",
+        "@storybook/addon-docs": "8.6.4",
+        "@storybook/addon-highlight": "8.6.4",
+        "@storybook/addon-measure": "8.6.4",
+        "@storybook/addon-outline": "8.6.4",
+        "@storybook/addon-toolbars": "8.6.4",
+        "@storybook/addon-viewport": "8.6.4",
+        "ts-dedent": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.4"
+      }
+    },
+    "node_modules/@storybook/addon-highlight": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-highlight/-/addon-highlight-8.6.4.tgz",
+      "integrity": "sha512-jFREXnSE/7VuBR8kbluN+DBVkMXEV7MGuCe8Ytb1/D2Q0ohgJe395dfVgEgSMXErOwsn//NV/NgJp6JNXH2DrA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/global": "^5.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.4"
+      }
+    },
+    "node_modules/@storybook/addon-interactions": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-interactions/-/addon-interactions-8.6.4.tgz",
+      "integrity": "sha512-MZAAZjyvmJXCvM35zEiPpXz7vK+fimovt+WZKAMayAbXy5fT+7El0c9dDyTQ2norNKNj9QU/8hiU/1zARSUELQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/global": "^5.0.0",
+        "@storybook/instrumenter": "8.6.4",
+        "@storybook/test": "8.6.4",
+        "polished": "^4.2.2",
+        "ts-dedent": "^2.2.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.4"
+      }
+    },
+    "node_modules/@storybook/addon-links": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-links/-/addon-links-8.6.4.tgz",
+      "integrity": "sha512-TaSIteYLJ12+dVBk7fW96ZvNIFizKs+Vo/YuNAe4xTzFJRrjLkFj9htLVi/dusMfn7lYo5DHIns08LuM+po1Dg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/global": "^5.0.0",
+        "ts-dedent": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "storybook": "^8.6.4"
+      },
+      "peerDependenciesMeta": {
+        "react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@storybook/addon-measure": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-measure/-/addon-measure-8.6.4.tgz",
+      "integrity": "sha512-IpVL1rTy1tO8sy140eU3GdVB1QJ6J62+V6GSstcmqTLxDJQk5jFfg7hVbPEAZZ2sPFmeyceP9AMoBBo0EB355A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/global": "^5.0.0",
+        "tiny-invariant": "^1.3.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.4"
+      }
+    },
+    "node_modules/@storybook/addon-outline": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-outline/-/addon-outline-8.6.4.tgz",
+      "integrity": "sha512-28nAslKTy0zWMdxAZcipMDYrEp1TkXVooAsqMGY5AMXMiORi1ObjhmjTLhVt1dXp+aDg0X+M3B6PqoingmHhqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/global": "^5.0.0",
+        "ts-dedent": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.4"
+      }
+    },
+    "node_modules/@storybook/addon-styling-webpack": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-styling-webpack/-/addon-styling-webpack-1.0.1.tgz",
+      "integrity": "sha512-5n+SXPfMTc4m7sWaJWPWjoHYWc6/B111M2Ia55toQ3GV4ON4vVlTgH9FX+EgCkDticElj99HLTMDJkHRj2yvkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/node-logger": "^8.0.0-alpha.10"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/@storybook/addon-toolbars": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-toolbars/-/addon-toolbars-8.6.4.tgz",
+      "integrity": "sha512-PU2lvgwCKDn93zpp5MEog103UUmSSugcxDf18xaoa9D15Qtr+YuQHd2hXbxA7+dnYL9lA7MLYsstfxE91ieM4Q==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.4"
+      }
+    },
+    "node_modules/@storybook/addon-viewport": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-viewport/-/addon-viewport-8.6.4.tgz",
+      "integrity": "sha512-O5Ij+SRVg6grY6JOL5lOpsFyopZxuZEl2GHfh2SUf9hfowNS0QAgFpJupqXkwZzRSrlf9uKrLkjB6ulLgN2gOQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "memoizerific": "^1.11.3"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.4"
+      }
+    },
+    "node_modules/@storybook/addon-webpack5-compiler-babel": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@storybook/addon-webpack5-compiler-babel/-/addon-webpack5-compiler-babel-3.0.5.tgz",
+      "integrity": "sha512-9dlc5PrehEFUHqkgj8x+aKtOY9XH9Zk6WBbtpgY/JCQ7waJ2VvhyDnrgJeXfek+WYlSkJElnta6SlqP+XRG0PQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.26.0",
+        "babel-loader": "^9.2.1"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@storybook/blocks": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/blocks/-/blocks-8.6.4.tgz",
+      "integrity": "sha512-+oPXwT3KzJzsdkQuGEzBqOKTIFlb6qmlCWWbDwAnP0SEqYHoTVRTAIa44icFP0EZeIe+ypFVAm1E7kWTLmw1hQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/icons": "^1.2.12",
+        "ts-dedent": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+        "storybook": "^8.6.4"
+      },
+      "peerDependenciesMeta": {
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@storybook/builder-webpack5": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/builder-webpack5/-/builder-webpack5-8.6.4.tgz",
+      "integrity": "sha512-6fhjt3uiBZeapRbF477bkJ+ln+yA8vOz0qR86XTq79VrYY5AbBL6F8swVMk9LG1t49vYPR/UuPjYBxsUNKK8MQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/core-webpack": "8.6.4",
+        "@types/semver": "^7.3.4",
+        "browser-assert": "^1.2.1",
+        "case-sensitive-paths-webpack-plugin": "^2.4.0",
+        "cjs-module-lexer": "^1.2.3",
+        "constants-browserify": "^1.0.0",
+        "css-loader": "^6.7.1",
+        "es-module-lexer": "^1.5.0",
+        "fork-ts-checker-webpack-plugin": "^8.0.0",
+        "html-webpack-plugin": "^5.5.0",
+        "magic-string": "^0.30.5",
+        "path-browserify": "^1.0.1",
+        "process": "^0.11.10",
+        "semver": "^7.3.7",
+        "style-loader": "^3.3.1",
+        "terser-webpack-plugin": "^5.3.1",
+        "ts-dedent": "^2.0.0",
+        "url": "^0.11.0",
+        "util": "^0.12.4",
+        "util-deprecate": "^1.0.2",
+        "webpack": "5",
+        "webpack-dev-middleware": "^6.1.2",
+        "webpack-hot-middleware": "^2.25.1",
+        "webpack-virtual-modules": "^0.6.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.4"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@storybook/builder-webpack5/node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/@storybook/builder-webpack5/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/@storybook/builder-webpack5/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@storybook/builder-webpack5/node_modules/punycode": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.4.1.tgz",
+      "integrity": "sha512-jmYNElW7yvO7TV33CjSmvSiE2yco3bV2czu/OzDKdMNVZQWfxCblURLhf+47syQRBntjfLdd/H0egrzIG+oaFQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@storybook/builder-webpack5/node_modules/schema-utils": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
+      "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/@storybook/builder-webpack5/node_modules/semver": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@storybook/builder-webpack5/node_modules/url": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/url/-/url-0.11.4.tgz",
+      "integrity": "sha512-oCwdVC7mTuWiPyjLUz/COz5TLk6wgp0RCsN+wHZ2Ekneac9w8uuV0njcbbie2ME+Vs+d6duwmYuR3HgQXs1fOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "punycode": "^1.4.1",
+        "qs": "^6.12.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/@storybook/builder-webpack5/node_modules/webpack-dev-middleware": {
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-6.1.3.tgz",
+      "integrity": "sha512-A4ChP0Qj8oGociTs6UdlRUGANIGrCDL3y+pmQMc+dSsraXHCatFpmMey4mYELA+juqwUqwQsUgJJISXl1KWmiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "colorette": "^2.0.10",
+        "memfs": "^3.4.12",
+        "mime-types": "^2.1.31",
+        "range-parser": "^1.2.1",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14.15.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@storybook/cli": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/cli/-/cli-8.6.4.tgz",
+      "integrity": "sha512-iVw4B2Pe4/ERDkDeaXtXamFXatNgvtiA6G9p3wUpVSlxjgKW/JbjSwKAMTCsgDIj4dCMm8i0fzmiYXeg5Yprng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.24.4",
+        "@babel/types": "^7.24.0",
+        "@storybook/codemod": "8.6.4",
+        "@types/semver": "^7.3.4",
+        "commander": "^12.1.0",
+        "create-storybook": "8.6.4",
+        "cross-spawn": "^7.0.3",
+        "envinfo": "^7.7.3",
+        "fd-package-json": "^1.2.0",
+        "find-up": "^5.0.0",
+        "giget": "^1.0.0",
+        "glob": "^10.0.0",
+        "globby": "^14.0.1",
+        "jscodeshift": "^0.15.1",
+        "leven": "^3.1.0",
+        "p-limit": "^6.2.0",
+        "prompts": "^2.4.0",
+        "semver": "^7.3.7",
+        "storybook": "8.6.4",
+        "tiny-invariant": "^1.3.1",
+        "ts-dedent": "^2.0.0"
+      },
+      "bin": {
+        "cli": "bin/index.cjs"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/commander": {
+      "version": "12.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-12.1.0.tgz",
+      "integrity": "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/foreground-child": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/glob": {
+      "version": "10.4.5",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
+      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/globby": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-14.1.0.tgz",
+      "integrity": "sha512-0Ia46fDOaT7k4og1PDW4YbodWWr3scS2vAr2lTbsplOt2WkKp0vQbkI9wKis/T5LV/dqPjO3bpS/z6GTJB82LA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sindresorhus/merge-streams": "^2.1.0",
+        "fast-glob": "^3.3.3",
+        "ignore": "^7.0.3",
+        "path-type": "^6.0.0",
+        "slash": "^5.1.0",
+        "unicorn-magic": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/ignore": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.3.tgz",
+      "integrity": "sha512-bAH5jbK/F3T3Jls4I0SO1hmPR0dKU0a7+SY6n1yzRtG54FLO8d6w/nxLFX2Nb7dBu6cCWXPaAME6cYqFUMmuCA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/jscodeshift": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-0.15.2.tgz",
+      "integrity": "sha512-FquR7Okgmc4Sd0aEDwqho3rEiKR3BdvuG9jfdHjLJ6JQoWSMpavug3AoIfnfWhxFlf+5pzQh8qjqz0DWFrNQzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.23.0",
+        "@babel/parser": "^7.23.0",
+        "@babel/plugin-transform-class-properties": "^7.22.5",
+        "@babel/plugin-transform-modules-commonjs": "^7.23.0",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.11",
+        "@babel/plugin-transform-optional-chaining": "^7.23.0",
+        "@babel/plugin-transform-private-methods": "^7.22.5",
+        "@babel/preset-flow": "^7.22.15",
+        "@babel/preset-typescript": "^7.23.0",
+        "@babel/register": "^7.22.15",
+        "babel-core": "^7.0.0-bridge.0",
+        "chalk": "^4.1.2",
+        "flow-parser": "0.*",
+        "graceful-fs": "^4.2.4",
+        "micromatch": "^4.0.4",
+        "neo-async": "^2.5.0",
+        "node-dir": "^0.1.17",
+        "recast": "^0.23.3",
+        "temp": "^0.8.4",
+        "write-file-atomic": "^2.3.0"
+      },
+      "bin": {
+        "jscodeshift": "bin/jscodeshift.js"
+      },
+      "peerDependencies": {
+        "@babel/preset-env": "^7.1.6"
+      },
+      "peerDependenciesMeta": {
+        "@babel/preset-env": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/p-limit": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-6.2.0.tgz",
+      "integrity": "sha512-kuUqqHNUqoIWp/c467RI4X6mmyuojY5jGutNU0wVTmEOOfcuwLqyMVoAi9MKi2Ak+5i9+nhmrK4ufZE8069kHA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/path-type": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-6.0.0.tgz",
+      "integrity": "sha512-Vj7sf++t5pBD637NSfkxpHSMfWaeig5+DKWLhcqIYx6mWQz5hdJTGDVMQiJcw1ZYkhs7AazKDGpRVji1LJCZUQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/semver": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/slash": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz",
+      "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/write-file-atomic": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-2.4.3.tgz",
+      "integrity": "sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "graceful-fs": "^4.1.11",
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.2"
+      }
+    },
+    "node_modules/@storybook/cli/node_modules/write-file-atomic/node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/@storybook/cli/node_modules/yocto-queue": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.2.0.tgz",
+      "integrity": "sha512-KHBC7z61OJeaMGnF3wqNZj+GGNXOyypZviiKpQeiHirG5Ib1ImwcLBH70rbMSkKfSmUNBsdf2PwaEJtKvgmkNw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@storybook/codemod": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/codemod/-/codemod-8.6.4.tgz",
+      "integrity": "sha512-HVB7py6vKB9OMzQ02aAhcqmyT/IDlYrT1960HO6LWRhcpztnBlOHAAlhM91DN8yqN0K47B+GsaN5eDzCT8ggBw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.24.4",
+        "@babel/preset-env": "^7.24.4",
+        "@babel/types": "^7.24.0",
+        "@storybook/core": "8.6.4",
+        "@types/cross-spawn": "^6.0.2",
+        "cross-spawn": "^7.0.3",
+        "es-toolkit": "^1.22.0",
+        "globby": "^14.0.1",
+        "jscodeshift": "^0.15.1",
+        "prettier": "^3.1.1",
+        "recast": "^0.23.5",
+        "tiny-invariant": "^1.3.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      }
+    },
+    "node_modules/@storybook/codemod/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@storybook/codemod/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@storybook/codemod/node_modules/globby": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-14.1.0.tgz",
+      "integrity": "sha512-0Ia46fDOaT7k4og1PDW4YbodWWr3scS2vAr2lTbsplOt2WkKp0vQbkI9wKis/T5LV/dqPjO3bpS/z6GTJB82LA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@sindresorhus/merge-streams": "^2.1.0",
+        "fast-glob": "^3.3.3",
+        "ignore": "^7.0.3",
+        "path-type": "^6.0.0",
+        "slash": "^5.1.0",
+        "unicorn-magic": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@storybook/codemod/node_modules/ignore": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-7.0.3.tgz",
+      "integrity": "sha512-bAH5jbK/F3T3Jls4I0SO1hmPR0dKU0a7+SY6n1yzRtG54FLO8d6w/nxLFX2Nb7dBu6cCWXPaAME6cYqFUMmuCA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/@storybook/codemod/node_modules/jscodeshift": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-0.15.2.tgz",
+      "integrity": "sha512-FquR7Okgmc4Sd0aEDwqho3rEiKR3BdvuG9jfdHjLJ6JQoWSMpavug3AoIfnfWhxFlf+5pzQh8qjqz0DWFrNQzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.23.0",
+        "@babel/parser": "^7.23.0",
+        "@babel/plugin-transform-class-properties": "^7.22.5",
+        "@babel/plugin-transform-modules-commonjs": "^7.23.0",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.22.11",
+        "@babel/plugin-transform-optional-chaining": "^7.23.0",
+        "@babel/plugin-transform-private-methods": "^7.22.5",
+        "@babel/preset-flow": "^7.22.15",
+        "@babel/preset-typescript": "^7.23.0",
+        "@babel/register": "^7.22.15",
+        "babel-core": "^7.0.0-bridge.0",
+        "chalk": "^4.1.2",
+        "flow-parser": "0.*",
+        "graceful-fs": "^4.2.4",
+        "micromatch": "^4.0.4",
+        "neo-async": "^2.5.0",
+        "node-dir": "^0.1.17",
+        "recast": "^0.23.3",
+        "temp": "^0.8.4",
+        "write-file-atomic": "^2.3.0"
+      },
+      "bin": {
+        "jscodeshift": "bin/jscodeshift.js"
+      },
+      "peerDependencies": {
+        "@babel/preset-env": "^7.1.6"
+      },
+      "peerDependenciesMeta": {
+        "@babel/preset-env": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@storybook/codemod/node_modules/path-type": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-6.0.0.tgz",
+      "integrity": "sha512-Vj7sf++t5pBD637NSfkxpHSMfWaeig5+DKWLhcqIYx6mWQz5hdJTGDVMQiJcw1ZYkhs7AazKDGpRVji1LJCZUQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@storybook/codemod/node_modules/slash": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-5.1.0.tgz",
+      "integrity": "sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@storybook/codemod/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@storybook/codemod/node_modules/write-file-atomic": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-2.4.3.tgz",
+      "integrity": "sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "graceful-fs": "^4.1.11",
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.2"
+      }
+    },
+    "node_modules/@storybook/components": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/components/-/components-8.6.4.tgz",
+      "integrity": "sha512-91VEVFWOgHkEFoNFMk6gs1AuOE9Yp7N283BXQOW+AgP+atpzED6t/fIBPGqJ2ewAuzLJ+cFOrasSzoNwVfg3Jg==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
+      }
+    },
+    "node_modules/@storybook/core": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/core/-/core-8.6.4.tgz",
+      "integrity": "sha512-glDbjEBi3wokw1T+KQtl93irHO9N0LCwgylWfWVXYDdQjUJ7pGRQGnw73gPX7Ds9tg3myXFC83GjmY94UYSMbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/theming": "8.6.4",
+        "better-opn": "^3.0.2",
+        "browser-assert": "^1.2.1",
+        "esbuild": "^0.18.0 || ^0.19.0 || ^0.20.0 || ^0.21.0 || ^0.22.0 || ^0.23.0 || ^0.24.0 || ^0.25.0",
+        "esbuild-register": "^3.5.0",
+        "jsdoc-type-pratt-parser": "^4.0.0",
+        "process": "^0.11.10",
+        "recast": "^0.23.5",
+        "semver": "^7.6.2",
+        "util": "^0.12.5",
+        "ws": "^8.2.3"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "prettier": "^2 || ^3"
+      },
+      "peerDependenciesMeta": {
+        "prettier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@storybook/core-webpack": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/core-webpack/-/core-webpack-8.6.4.tgz",
+      "integrity": "sha512-/E+NDs4Ls2KQhQJyEbqyddvcevPGCNbBIRoR691gq2lnZV7lYFfhpGfYlXL1uSoA3WUWmql/gBsa2/O3vB+HKg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ts-dedent": "^2.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.4"
+      }
+    },
+    "node_modules/@storybook/core/node_modules/semver": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@storybook/csf-plugin": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-8.6.4.tgz",
+      "integrity": "sha512-7UpEp4PFTy1iKjZiRaYMG7zvnpLIRPyD0+lUJUlLYG4UIemV3onvnIi1Je1tSZ4hfTup+ulom7JLztVSHZGRMg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "unplugin": "^1.3.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.4"
+      }
+    },
+    "node_modules/@storybook/global": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@storybook/global/-/global-5.0.0.tgz",
+      "integrity": "sha512-FcOqPAXACP0I3oJ/ws6/rrPT9WGhu915Cg8D02a9YxLo0DE9zI+a9A5gRGvmQ09fiWPukqI8ZAEoQEdWUKMQdQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@storybook/icons": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@storybook/icons/-/icons-1.3.2.tgz",
+      "integrity": "sha512-t3xcbCKkPvqyef8urBM0j/nP6sKtnlRkVgC+8JTbTAZQjaTmOjes3byEgzs89p4B/K6cJsg9wLW2k3SknLtYJw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta"
+      }
+    },
+    "node_modules/@storybook/instrumenter": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/instrumenter/-/instrumenter-8.6.4.tgz",
+      "integrity": "sha512-8OtIWLhayTUdqJEeXiPm6l3LTdSkWgQzzV2l2HIe4Adedeot+Rkwu6XHmyRDpnb0+Ish6zmMDqtJBxC2PQsy6Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/global": "^5.0.0",
+        "@vitest/utils": "^2.1.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.4"
+      }
+    },
+    "node_modules/@storybook/manager-api": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/manager-api/-/manager-api-8.6.4.tgz",
+      "integrity": "sha512-w/Nn/VznfbIg2oezDfzZNwSTDY5kBZbzxVBHLCnIcyu2AKt2Yto3pfGi60SikFcTrsClaAKT7D92kMQ9qdQNQQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
+      }
+    },
+    "node_modules/@storybook/node-logger": {
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/@storybook/node-logger/-/node-logger-8.0.4.tgz",
+      "integrity": "sha512-cALLHuX53vLQsoJamGRlquh2pfhPq9copXou2JTmFT6mrCcipo77SzhBDfeeuhaGv6vUWPfmGjPBEHXWGPe4+g==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      }
+    },
+    "node_modules/@storybook/preset-react-webpack": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/preset-react-webpack/-/preset-react-webpack-8.6.4.tgz",
+      "integrity": "sha512-rFd1NvSE2ZP5ZFEqH7wdXXlvnyNChSMp+w4FyGSCgFQOwQKZhhWPPyloi3gGSWztFV9qpzC/ri7TTvG6ptqPPw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/core-webpack": "8.6.4",
+        "@storybook/react": "8.6.4",
+        "@storybook/react-docgen-typescript-plugin": "1.0.6--canary.9.0c3f3b7.0",
+        "@types/semver": "^7.3.4",
+        "find-up": "^5.0.0",
+        "magic-string": "^0.30.5",
+        "react-docgen": "^7.0.0",
+        "resolve": "^1.22.8",
+        "semver": "^7.3.7",
+        "tsconfig-paths": "^4.2.0",
+        "webpack": "5"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "storybook": "^8.6.4"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@storybook/preset-react-webpack/node_modules/semver": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@storybook/preset-react-webpack/node_modules/tsconfig-paths": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-4.2.0.tgz",
+      "integrity": "sha512-NoZ4roiN7LnbKn9QqE1amc9DJfzvZXxF4xDavcOWt1BPkdx+m+0gJuPM+S0vCe7zTJMYUP0R8pO2XMr+Y8oLIg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json5": "^2.2.2",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@storybook/preview-api": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/preview-api/-/preview-api-8.6.4.tgz",
+      "integrity": "sha512-5HBfxggzxGz0dg2c61NpPiQJav7UAmzsQlzmI5SzWOS6lkaylcDG8giwKzASVCXVWBxNji9qIDFM++UH090aDg==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
+      }
+    },
+    "node_modules/@storybook/react": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/react/-/react-8.6.4.tgz",
+      "integrity": "sha512-pfv4hMhu3AScOh0l86uIzmXLSQ0XA/e0reIVwQcxKht6miaKArhx9GkS4mMp6SO23ZoV5G/nfLgUaMVPVE0ZPg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/components": "8.6.4",
+        "@storybook/global": "^5.0.0",
+        "@storybook/manager-api": "8.6.4",
+        "@storybook/preview-api": "8.6.4",
+        "@storybook/react-dom-shim": "8.6.4",
+        "@storybook/theming": "8.6.4"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "@storybook/test": "8.6.4",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "storybook": "^8.6.4",
+        "typescript": ">= 4.2.x"
+      },
+      "peerDependenciesMeta": {
+        "@storybook/test": {
+          "optional": true
+        },
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@storybook/react-docgen-typescript-plugin": {
+      "version": "1.0.6--canary.9.0c3f3b7.0",
+      "resolved": "https://registry.npmjs.org/@storybook/react-docgen-typescript-plugin/-/react-docgen-typescript-plugin-1.0.6--canary.9.0c3f3b7.0.tgz",
+      "integrity": "sha512-KUqXC3oa9JuQ0kZJLBhVdS4lOneKTOopnNBK4tUAgoxWQ3u/IjzdueZjFr7gyBrXMoU6duutk3RQR9u8ZpYJ4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "endent": "^2.0.1",
+        "find-cache-dir": "^3.3.1",
+        "flat-cache": "^3.0.4",
+        "micromatch": "^4.0.2",
+        "react-docgen-typescript": "^2.2.2",
+        "tslib": "^2.0.0"
+      },
+      "peerDependencies": {
+        "typescript": ">= 4.x",
+        "webpack": ">= 4"
+      }
+    },
+    "node_modules/@storybook/react-docgen-typescript-plugin/node_modules/find-cache-dir": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
+      "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "commondir": "^1.0.1",
+        "make-dir": "^3.0.2",
+        "pkg-dir": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/avajs/find-cache-dir?sponsor=1"
+      }
+    },
+    "node_modules/@storybook/react-docgen-typescript-plugin/node_modules/make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "semver": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@storybook/react-dom-shim": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-8.6.4.tgz",
+      "integrity": "sha512-kTGJ3aFdmfCFzYaDFGmZWfTXr9xhbUaf0tJ6+nEjc4tME6mFwMI+tTUT6U/J6mJhZuc2DjvIRA7bM0x77dIDqw==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "storybook": "^8.6.4"
+      }
+    },
+    "node_modules/@storybook/react-webpack5": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/react-webpack5/-/react-webpack5-8.6.4.tgz",
+      "integrity": "sha512-kH439Atpp94+hWF/xftOJ4ZCy7bnNWuLSni7sWvOGkYZpzzzkLXfACanvK6ZY9wUxAh0bbdGfbc3McMvIWfYlw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/builder-webpack5": "8.6.4",
+        "@storybook/preset-react-webpack": "8.6.4",
+        "@storybook/react": "8.6.4"
+      },
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta",
+        "storybook": "^8.6.4",
+        "typescript": ">= 4.2.x"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@storybook/test": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/test/-/test-8.6.4.tgz",
+      "integrity": "sha512-JPjfbaMMuCBT47pg3/MDD9vYFF5OGPAOWEB9nJWJ9IjYAb2Nd8OYJQIDoYJQNT+aLkTVLtvzGnVNwdxpouAJcQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/global": "^5.0.0",
+        "@storybook/instrumenter": "8.6.4",
+        "@testing-library/dom": "10.4.0",
+        "@testing-library/jest-dom": "6.5.0",
+        "@testing-library/user-event": "14.5.2",
+        "@vitest/expect": "2.0.5",
+        "@vitest/spy": "2.0.5"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.6.4"
+      }
+    },
+    "node_modules/@storybook/test/node_modules/@testing-library/dom": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-10.4.0.tgz",
+      "integrity": "sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^5.0.1",
+        "aria-query": "5.3.0",
+        "chalk": "^4.1.0",
+        "dom-accessibility-api": "^0.5.9",
+        "lz-string": "^1.5.0",
+        "pretty-format": "^27.0.2"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@storybook/test/node_modules/@types/aria-query": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.4.tgz",
+      "integrity": "sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@storybook/test/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@storybook/test/node_modules/aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "node_modules/@storybook/test/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@storybook/test/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@storybook/theming": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/@storybook/theming/-/theming-8.6.4.tgz",
+      "integrity": "sha512-g9Ns4uenC9oAWETaJ/tEKEIPMdS+CqjNWZz5Wbw1bLNhXwADZgKrVqawzZi64+bYYtQ+i8VCTjPoFa6s2eHiDQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "storybook": "^8.2.0 || ^8.3.0-0 || ^8.4.0-0 || ^8.5.0-0 || ^8.6.0-0"
+      }
+    },
+    "node_modules/@stripe/react-stripe-js": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/@stripe/react-stripe-js/-/react-stripe-js-3.5.0.tgz",
+      "integrity": "sha512-oo5J2SNbuAUjE9XmQv/SOD7vgZCa1Y9OcZyRAfvQPkyrDrru35sg5c64ANdHEmOWUibism3+25rKdARSw3HOfA==",
+      "license": "MIT",
+      "dependencies": {
+        "prop-types": "^15.7.2"
+      },
+      "peerDependencies": {
+        "@stripe/stripe-js": ">=1.44.1 <7.0.0",
+        "react": ">=16.8.0 <20.0.0",
+        "react-dom": ">=16.8.0 <20.0.0"
+      }
+    },
+    "node_modules/@stripe/stripe-js": {
+      "version": "5.10.0",
+      "resolved": "https://registry.npmjs.org/@stripe/stripe-js/-/stripe-js-5.10.0.tgz",
+      "integrity": "sha512-PTigkxMdMUP6B5ISS7jMqJAKhgrhZwjprDqR1eATtFfh0OpKVNp110xiH+goeVdrJ29/4LeZJR4FaHHWstsu0A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.16"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.11",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.11.tgz",
+      "integrity": "sha512-YNlnKRWF2sVojTpIyzwou9XoTNbzbzONwRhOoniEioF1AtaitTvVZblaQRrAzChWQ1bLYyYSWzM18y4WwgzJ+A==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@testing-library/cypress": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/cypress/-/cypress-10.0.1.tgz",
+      "integrity": "sha512-e8uswjTZIBhaIXjzEcrQQ8nHRWHgZH7XBxKuIWxZ/T7FxfWhCR48nFhUX5nfPizjVOKSThEfOSv67jquc1ASkw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.14.6",
+        "@testing-library/dom": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      },
+      "peerDependencies": {
+        "cypress": "^12.0.0 || ^13.0.0"
+      }
+    },
+    "node_modules/@testing-library/cypress/node_modules/@testing-library/dom": {
+      "version": "9.3.3",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.3.tgz",
+      "integrity": "sha512-fB0R+fa3AUqbLHWyxXa2kGVtf1Fe1ZZFr0Zp6AIbIAzXb2mKbEXl+PCQNUOaq5lbTab5tfctfXRNsWXxa2f7Aw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^5.0.1",
+        "aria-query": "5.1.3",
+        "chalk": "^4.1.0",
+        "dom-accessibility-api": "^0.5.9",
+        "lz-string": "^1.5.0",
+        "pretty-format": "^27.0.2"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@testing-library/cypress/node_modules/@types/aria-query": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.2.tgz",
+      "integrity": "sha512-PHKZuMN+K5qgKIWhBodXzQslTo5P+K/6LqeKXS6O/4liIDdZqaX5RXrCK++LAw+y/nptN48YmUMFiQHRSWYwtQ==",
+      "dev": true
+    },
+    "node_modules/@testing-library/cypress/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@testing-library/cypress/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@testing-library/cypress/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@testing-library/dom": {
+      "version": "8.13.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-8.13.0.tgz",
+      "integrity": "sha512-9VHgfIatKNXQNaZTtLnalIy0jNZzY35a4S3oi08YAt9Hv1VsfZ/DfA45lM8D/UhtHBGJ4/lGwp0PZkVndRkoOQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^4.2.0",
+        "aria-query": "^5.0.0",
+        "chalk": "^4.1.0",
+        "dom-accessibility-api": "^0.5.9",
+        "lz-string": "^1.4.4",
+        "pretty-format": "^27.0.2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@testing-library/dom/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@testing-library/dom/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/@testing-library/dom/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@testing-library/jest-dom": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.5.0.tgz",
+      "integrity": "sha512-xGGHpBXYSHUUr6XsKBfs85TWlYKpTc37cSBBVrXcib2MkHLboWlkClhWF37JKlDb9KEq3dHs+f2xR7XJEWGBxA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@adobe/css-tools": "^4.4.0",
+        "aria-query": "^5.0.0",
+        "chalk": "^3.0.0",
+        "css.escape": "^1.5.1",
+        "dom-accessibility-api": "^0.6.3",
+        "lodash": "^4.17.21",
+        "redent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">=6",
+        "yarn": ">=1"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/chalk": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
+      "integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz",
+      "integrity": "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@testing-library/jest-dom/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@testing-library/react": {
+      "version": "12.1.5",
+      "resolved": "https://registry.npmjs.org/@testing-library/react/-/react-12.1.5.tgz",
+      "integrity": "sha512-OfTXCJUFgjd/digLUuPxa0+/3ZxsQmE7ub9kcbW/wi96Bh3o/p5vrETcBGfP17NWPGqeYYl5LTRpwyGoMC4ysg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "@testing-library/dom": "^8.0.0",
+        "@types/react-dom": "<18.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "react": "<18.0.0",
+        "react-dom": "<18.0.0"
+      }
+    },
+    "node_modules/@testing-library/react-hooks": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/react-hooks/-/react-hooks-8.0.1.tgz",
+      "integrity": "sha512-Aqhl2IVmLt8IovEVarNDFuJDVWVvhnr9/GCU6UUnrYXwgDFF9h2L2o2P9KBni1AST5sT6riAyoukFLyjQUgD/g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "react-error-boundary": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "@types/react": "^16.9.0 || ^17.0.0",
+        "react": "^16.9.0 || ^17.0.0",
+        "react-dom": "^16.9.0 || ^17.0.0",
+        "react-test-renderer": "^16.9.0 || ^17.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        },
+        "react-test-renderer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@testing-library/react-hooks/node_modules/react-error-boundary": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/react-error-boundary/-/react-error-boundary-3.1.4.tgz",
+      "integrity": "sha512-uM9uPzZJTF6wRQORmSrvOIgt4lJ9MC1sNgEOj2XGsDTRE4kmpWxg7ENK9EWNKJRMAOY9z0MuF4yIfl6gp4sotA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.12.5"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      },
+      "peerDependencies": {
+        "react": ">=16.13.1"
+      }
+    },
+    "node_modules/@testing-library/user-event": {
+      "version": "14.5.2",
+      "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.5.2.tgz",
+      "integrity": "sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      },
+      "peerDependencies": {
+        "@testing-library/dom": ">=7.21.4"
+      }
+    },
+    "node_modules/@tootallnate/once": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@tootallnate/once/-/once-2.0.0.tgz",
+      "integrity": "sha512-XCuKFP5PS55gnMVu3dty8KPatLqUoy/ZYzDzAGCQ8JNFCkLXzmI7vNHCR+XpbZaMWQK/vQubr7PkYq8g470J/A==",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@transloadit/prettier-bytes": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/@transloadit/prettier-bytes/-/prettier-bytes-0.0.7.tgz",
+      "integrity": "sha512-VeJbUb0wEKbcwaSlj5n+LscBl9IPgLPkHVGBkh00cztv6X4L/TJXK58LzFuBKX7/GAfiGhIwH67YTLTlzvIzBA==",
+      "dev": true
+    },
+    "node_modules/@trysound/sax": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/@trysound/sax/-/sax-0.2.0.tgz",
+      "integrity": "sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/@types/accepts": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npmjs.org/@types/accepts/-/accepts-1.3.5.tgz",
+      "integrity": "sha512-jOdnI/3qTpHABjM5cx1Hc0sKsPoYCp+DP/GJRGtDlPd7fiV9oXGGIcjW/ZOxLIvjGz8MA+uMZI9metHlgqbgwQ==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/adm-zip": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/@types/adm-zip/-/adm-zip-0.5.7.tgz",
+      "integrity": "sha512-DNEs/QvmyRLurdQPChqq0Md4zGvPwHerAJYWk9l2jCbD1VPpnzRJorOdiq4zsw09NFbYnhfsoEhWtxIzXpn2yw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/aria-query": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-4.2.2.tgz",
+      "integrity": "sha512-HnYpAE1Y6kRyKM/XkEuiRQhTHvkzMBurTHnpFLYLBGPIylZNPs9jJcuOOYWxPLJCSEtmZT0Y8rHDokKN7rRTig==",
+      "dev": true
+    },
+    "node_modules/@types/aws-lambda": {
+      "version": "8.10.119",
+      "resolved": "https://registry.npmjs.org/@types/aws-lambda/-/aws-lambda-8.10.119.tgz",
+      "integrity": "sha512-Vqm22aZrCvCd6I5g1SvpW151jfqwTzEZ7XJ3yZ6xaZG31nUEOEyzzVImjRcsN8Wi/QyPxId/x8GTtgIbsy8kEw=="
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.6.8",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.6.8.tgz",
+      "integrity": "sha512-ASsj+tpEDsEiFr1arWrlN6V3mdfjRMZt6LtK/Vp/kreFLnr5QH5+DhvD5nINYZXzwJvXeGq+05iUXcAzVrqWtw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.20.6",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.20.6.tgz",
+      "integrity": "sha512-r1bzfrm0tomOI8g1SzvCaQHo6Lcv6zu0EA+W2kHrt8dyrHQxGzBBL4kdkzIS+jBMV+EYcMAEAqXqYaLJq5rOZg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.20.7"
+      }
+    },
+    "node_modules/@types/body-parser": {
+      "version": "1.19.2",
+      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.2.tgz",
+      "integrity": "sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==",
+      "dependencies": {
+        "@types/connect": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/bonjour": {
+      "version": "3.5.13",
+      "resolved": "https://registry.npmjs.org/@types/bonjour/-/bonjour-3.5.13.tgz",
+      "integrity": "sha512-z9fJ5Im06zvUL548KvYNecEVlA7cVDkGUi6kZusb04mpyEFKCIZJvloCcmpmLaIahDpOQGHaHmG6imtPMmPXGQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/bootstrap": {
+      "version": "5.2.10",
+      "resolved": "https://registry.npmjs.org/@types/bootstrap/-/bootstrap-5.2.10.tgz",
+      "integrity": "sha512-F2X+cd6551tep0MvVZ6nM8v7XgGN/twpdNDjqS1TUM7YFNEtQYWk+dKAnH+T1gr6QgCoGMPl487xw/9hXooa2g==",
+      "dev": true,
+      "dependencies": {
+        "@popperjs/core": "^2.9.2"
+      }
+    },
+    "node_modules/@types/bootstrap-5": {
+      "name": "@types/bootstrap",
+      "version": "5.2.10",
+      "resolved": "https://registry.npmjs.org/@types/bootstrap/-/bootstrap-5.2.10.tgz",
+      "integrity": "sha512-F2X+cd6551tep0MvVZ6nM8v7XgGN/twpdNDjqS1TUM7YFNEtQYWk+dKAnH+T1gr6QgCoGMPl487xw/9hXooa2g==",
+      "dev": true,
+      "dependencies": {
+        "@popperjs/core": "^2.9.2"
+      }
+    },
+    "node_modules/@types/bunyan": {
+      "version": "1.8.8",
+      "resolved": "https://registry.npmjs.org/@types/bunyan/-/bunyan-1.8.8.tgz",
+      "integrity": "sha512-Cblq+Yydg3u+sGiz2mjHjC5MPmdjY+No4qvHrF+BUhblsmSfMvsHLbOG62tPbonsqBj6sbWv1LHcsoe5Jw+/Ow==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/caseless": {
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/@types/caseless/-/caseless-0.12.5.tgz",
+      "integrity": "sha512-hWtVTC2q7hc7xZ/RLbxapMvDMgUnDvKvMOpKal4DrMyfGBUfB1oKaZlIRr6mJL+If3bAP6sV/QneGzF6tJjZDg=="
+    },
+    "node_modules/@types/chai": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/@types/chai/-/chai-4.3.0.tgz",
+      "integrity": "sha512-/ceqdqeRraGolFTcfoXNiqjyQhZzbINDngeoAq9GoHa8PPK1yNzTaxWjA6BFWp5Ua9JpXEMSS4s5i9tS0hOJtw=="
+    },
+    "node_modules/@types/chai-as-promised": {
+      "version": "7.1.8",
+      "resolved": "https://registry.npmjs.org/@types/chai-as-promised/-/chai-as-promised-7.1.8.tgz",
+      "integrity": "sha512-ThlRVIJhr69FLlh6IctTXFkmhtP3NpMZ2QGq69StYLyKZFp/HOp1VdKZj7RvfNWYYcJ1xlbLGLLWj1UvP5u/Gw==",
+      "dependencies": {
+        "@types/chai": "*"
+      }
+    },
+    "node_modules/@types/check-types": {
+      "version": "7.3.7",
+      "resolved": "https://registry.npmjs.org/@types/check-types/-/check-types-7.3.7.tgz",
+      "integrity": "sha512-ZNAGaVc/joAV3lAuRwPdsQY/caU1RvKoa+U7i/TkYIlOStdYq4vyArFnA1zItfEDkHpXNWApWIqqbp5fsHAiRg==",
+      "dev": true
+    },
+    "node_modules/@types/connect": {
+      "version": "3.4.35",
+      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.35.tgz",
+      "integrity": "sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/connect-history-api-fallback": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/@types/connect-history-api-fallback/-/connect-history-api-fallback-1.5.4.tgz",
+      "integrity": "sha512-n6Cr2xS1h4uAulPRdlw6Jl6s1oG8KrVilPN2yUITEs+K48EzMJJ3W1xy8K5eWuFvjp3R74AOIGSmp2UfBJ8HFw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/express-serve-static-core": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/console-log-level": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/@types/console-log-level/-/console-log-level-1.4.3.tgz",
+      "integrity": "sha512-B6Mzad6H4RugduMX84ehFVvGM/JRAd9lZQk4a6dztB4+zcIUehIjKrbWH/nHO2+0wwx05rgyqjXBvOjAv0uL6A=="
+    },
+    "node_modules/@types/content-disposition": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/@types/content-disposition/-/content-disposition-0.5.5.tgz",
+      "integrity": "sha512-v6LCdKfK6BwcqMo+wYW05rLS12S0ZO0Fl4w1h4aaZMD7bqT3gVUns6FvLJKGZHQmYn3SX55JWGpziwJRwVgutA=="
+    },
+    "node_modules/@types/cookie": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.6.0.tgz",
+      "integrity": "sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA=="
+    },
+    "node_modules/@types/cookiejar": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@types/cookiejar/-/cookiejar-2.1.2.tgz",
+      "integrity": "sha512-t73xJJrvdTjXrn4jLS9VSGRbz0nUY3cl2DMGDU48lKl+HR9dbbjW2A9r3g40VA++mQpy6uuHg33gy7du2BKpog==",
+      "dev": true
+    },
+    "node_modules/@types/cookies": {
+      "version": "0.7.7",
+      "resolved": "https://registry.npmjs.org/@types/cookies/-/cookies-0.7.7.tgz",
+      "integrity": "sha512-h7BcvPUogWbKCzBR2lY4oqaZbO3jXZksexYJVFvkrFeLgbZjQkU4x8pRq6eg2MHXQhY0McQdqmmsxRWlVAHooA==",
+      "dependencies": {
+        "@types/connect": "*",
+        "@types/express": "*",
+        "@types/keygrip": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/cross-spawn": {
+      "version": "6.0.6",
+      "resolved": "https://registry.npmjs.org/@types/cross-spawn/-/cross-spawn-6.0.6.tgz",
+      "integrity": "sha512-fXRhhUkG4H3TQk5dBhQ7m/JDdSNHKwR2BBia62lhwEIq9xGiQKLxd6LymNhn47SjXhsUEPmxi+PKw2OkW4LLjA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/dateformat": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/@types/dateformat/-/dateformat-5.0.2.tgz",
+      "integrity": "sha512-M95hNBMa/hnwErH+a+VOD/sYgTmo15OTYTM2Hr52/e0OdOuY+Crag+kd3/ioZrhg0WGbl9Sm3hR7UU+MH6rfOw==",
+      "dev": true
+    },
+    "node_modules/@types/debug": {
+      "version": "4.1.7",
+      "resolved": "https://registry.npmjs.org/@types/debug/-/debug-4.1.7.tgz",
+      "integrity": "sha512-9AonUzyTjXXhEOa0DnqpzZi6VHlqKMswga9EXjpXnnqxwLtdvPPtlO8evrI5D9S6asFRCQ6v+wpiUKbw+vKqyg==",
+      "dependencies": {
+        "@types/ms": "*"
+      }
+    },
+    "node_modules/@types/diff": {
+      "version": "5.0.9",
+      "resolved": "https://registry.npmjs.org/@types/diff/-/diff-5.0.9.tgz",
+      "integrity": "sha512-RWVEhh/zGXpAVF/ZChwNnv7r4rvqzJ7lYNSmZSVTxjV0PBLf6Qu7RNg+SUtkpzxmiNkjCx0Xn2tPp7FIkshJwQ==",
+      "dev": true
+    },
+    "node_modules/@types/doctrine": {
+      "version": "0.0.9",
+      "resolved": "https://registry.npmjs.org/@types/doctrine/-/doctrine-0.0.9.tgz",
+      "integrity": "sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/eslint": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz",
+      "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "node_modules/@types/eslint-scope": {
+      "version": "3.7.7",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
+      "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+      "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/events": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@types/events/-/events-3.0.0.tgz",
+      "integrity": "sha512-EaObqwIvayI5a8dCzhFrjKzVwKLxjoG9T6Ppd5CEo07LRKfQ8Yokw54r5+Wq7FaBQ+yXRvQAYPrHwya1/UFt9g==",
+      "dev": true
+    },
+    "node_modules/@types/express": {
+      "version": "4.17.17",
+      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.17.tgz",
+      "integrity": "sha512-Q4FmmuLGBG58btUnfS1c1r/NQdlp3DMfGDGig8WhfpA2YRUtEkxAjkZb0yvplJGYdF1fsQ81iMDcH24sSCNC/Q==",
+      "dependencies": {
+        "@types/body-parser": "*",
+        "@types/express-serve-static-core": "^4.17.33",
+        "@types/qs": "*",
+        "@types/serve-static": "*"
+      }
+    },
+    "node_modules/@types/express-serve-static-core": {
+      "version": "4.17.36",
+      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.17.36.tgz",
+      "integrity": "sha512-zbivROJ0ZqLAtMzgzIUC4oNqDG9iF0lSsAqpOD9kbs5xcIM3dTiyuHvBc7R8MtWBp3AAWGaovJa+wzWPjLYW7Q==",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/qs": "*",
+        "@types/range-parser": "*",
+        "@types/send": "*"
+      }
+    },
+    "node_modules/@types/glob": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/@types/glob/-/glob-8.1.0.tgz",
+      "integrity": "sha512-IO+MJPVhoqz+28h1qLAcBEH2+xHMK6MTyHJc7MTnnYb6wsoLR29POVGJ7LycmVXIqyy/4/2ShP5sUwTXuOwb/w==",
+      "dependencies": {
+        "@types/minimatch": "^5.1.2",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/glob-to-regexp": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/@types/glob-to-regexp/-/glob-to-regexp-0.4.4.tgz",
+      "integrity": "sha512-nDKoaKJYbnn1MZxUY0cA1bPmmgZbg0cTq7Rh13d0KWYNOiKbqoR+2d89SnRPszGh7ROzSwZ/GOjZ4jPbmmZ6Eg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/hapi__catbox": {
+      "version": "10.2.4",
+      "resolved": "https://registry.npmjs.org/@types/hapi__catbox/-/hapi__catbox-10.2.4.tgz",
+      "integrity": "sha512-A6ivRrXD5glmnJna1UAGw87QNZRp/vdFO9U4GS+WhOMWzHnw+oTGkMvg0g6y1930CbeheGOCm7A1qHsqH7AXqg=="
+    },
+    "node_modules/@types/hapi__hapi": {
+      "version": "20.0.13",
+      "resolved": "https://registry.npmjs.org/@types/hapi__hapi/-/hapi__hapi-20.0.13.tgz",
+      "integrity": "sha512-LP4IPfhIO5ZPVOrJo7H8c8Slc0WYTFAUNQX1U0LBPKyXioXhH5H2TawIgxKujIyOhbwoBbpvOsBf6o5+ToJIrQ==",
+      "dependencies": {
+        "@hapi/boom": "^9.0.0",
+        "@hapi/iron": "^6.0.0",
+        "@hapi/podium": "^4.1.3",
+        "@types/hapi__catbox": "*",
+        "@types/hapi__mimos": "*",
+        "@types/hapi__shot": "*",
+        "@types/node": "*",
+        "joi": "^17.3.0"
+      }
+    },
+    "node_modules/@types/hapi__mimos": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/@types/hapi__mimos/-/hapi__mimos-4.1.4.tgz",
+      "integrity": "sha512-i9hvJpFYTT/qzB5xKWvDYaSXrIiNqi4ephi+5Lo6+DoQdwqPXQgmVVOZR+s3MBiHoFqsCZCX9TmVWG3HczmTEQ==",
+      "dependencies": {
+        "@types/mime-db": "*"
+      }
+    },
+    "node_modules/@types/hapi__shot": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@types/hapi__shot/-/hapi__shot-4.1.2.tgz",
+      "integrity": "sha512-8wWgLVP1TeGqgzZtCdt+F+k15DWQvLG1Yv6ZzPfb3D5WIo5/S+GGKtJBVo2uNEcqabP5Ifc71QnJTDnTmw1axA==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/hoist-non-react-statics": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz",
+      "integrity": "sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA==",
+      "dependencies": {
+        "@types/react": "*",
+        "hoist-non-react-statics": "^3.3.0"
+      }
+    },
+    "node_modules/@types/html-minifier-terser": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
+      "integrity": "sha512-oh/6byDPnL1zeNXFrDXFLyZjkr1MsBG667IM792caf1L2UPOOMf65NFzjUH/ltyfwjAGfs1rsX1eftK0jC/KIg==",
+      "dev": true
+    },
+    "node_modules/@types/http-assert": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/@types/http-assert/-/http-assert-1.5.3.tgz",
+      "integrity": "sha512-FyAOrDuQmBi8/or3ns4rwPno7/9tJTijVW6aQQjK02+kOQ8zmoNg2XJtAuQhvQcy1ASJq38wirX5//9J1EqoUA=="
+    },
+    "node_modules/@types/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-/K3ds8TRAfBvi5vfjuz8y6+GiAYBZ0x4tXv1Av6CWBWn0IlADc+ZX9pMq7oU0fNQPnBwIZl3rmeLp6SBApbxSQ=="
+    },
+    "node_modules/@types/http-proxy": {
+      "version": "1.17.16",
+      "resolved": "https://registry.npmjs.org/@types/http-proxy/-/http-proxy-1.17.16.tgz",
+      "integrity": "sha512-sdWoUajOB1cd0A8cRRQ1cfyWNbmFKLAqBB89Y8x5iYyG/mkJHc0YUH8pdWBy2omi9qtCpiIgGjuwO0dQST2l5w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/ioredis4": {
+      "name": "@types/ioredis",
+      "version": "4.28.10",
+      "resolved": "https://registry.npmjs.org/@types/ioredis/-/ioredis-4.28.10.tgz",
+      "integrity": "sha512-69LyhUgrXdgcNDv7ogs1qXZomnfOEnSmrmMFqKgt1XMJxmoOSG/u3wYy13yACIfKuMJ8IhKgHafDO3sx19zVQQ==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/istanbul-lib-coverage": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-coverage/-/istanbul-lib-coverage-2.0.4.tgz",
+      "integrity": "sha512-z/QT1XN4K4KYuslS23k62yDIDLwLFkzxOuMplDtObz0+y7VqJCaO2o+SPwHCvLFZh7xazvvoor2tA/hPz9ee7g==",
+      "dev": true
+    },
+    "node_modules/@types/istanbul-lib-report": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz",
+      "integrity": "sha512-plGgXAPfVKFoYfa9NpYDAkseG+g6Jr294RqeqcqDixSbU34MZVJRi/P+7Y8GDpzkEwLaGZZOpKIEmeVZNtKsrg==",
+      "dev": true,
+      "dependencies": {
+        "@types/istanbul-lib-coverage": "*"
+      }
+    },
+    "node_modules/@types/istanbul-reports": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@types/istanbul-reports/-/istanbul-reports-3.0.1.tgz",
+      "integrity": "sha512-c3mAZEuK0lvBp8tmuL74XRKn1+y2dcwOUpH7x4WrF6gk1GIgiluDRgMYQtw2OFcBvAJWlt6ASU3tSqxp0Uu0Aw==",
+      "dev": true,
+      "dependencies": {
+        "@types/istanbul-lib-report": "*"
+      }
+    },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.13",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.13.tgz",
+      "integrity": "sha512-RbSSoHliUbnXj3ny0CNFOoxrIDV6SUGyStHsvDqosw6CkdPV8TtWGlfecuK4ToyMEAql6pzNxgCFKanovUzlgQ=="
+    },
+    "node_modules/@types/json5": {
+      "version": "0.0.29",
+      "resolved": "https://registry.npmjs.org/@types/json5/-/json5-0.0.29.tgz",
+      "integrity": "sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==",
+      "dev": true
+    },
+    "node_modules/@types/keygrip": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@types/keygrip/-/keygrip-1.0.2.tgz",
+      "integrity": "sha512-GJhpTepz2udxGexqos8wgaBx4I/zWIDPh/KOGEwAqtuGDkOUJu5eFvwmdBX4AmB8Odsr+9pHCQqiAqDL/yKMKw=="
+    },
+    "node_modules/@types/koa": {
+      "version": "2.13.8",
+      "resolved": "https://registry.npmjs.org/@types/koa/-/koa-2.13.8.tgz",
+      "integrity": "sha512-Ugmxmgk/yPRW3ptBTh9VjOLwsKWJuGbymo1uGX0qdaqqL18uJiiG1ZoV0rxCOYSaDGhvEp5Ece02Amx0iwaxQQ==",
+      "dependencies": {
+        "@types/accepts": "*",
+        "@types/content-disposition": "*",
+        "@types/cookies": "*",
+        "@types/http-assert": "*",
+        "@types/http-errors": "*",
+        "@types/keygrip": "*",
+        "@types/koa-compose": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/koa__router": {
+      "version": "8.0.11",
+      "resolved": "https://registry.npmjs.org/@types/koa__router/-/koa__router-8.0.11.tgz",
+      "integrity": "sha512-WXgKWpBsbS14kzmzD9LeFapOIa678h7zvUHxDwXwSx4ETKXhXLVUAToX6jZ/U7EihM7qwyD9W/BZvB0MRu7MTQ==",
+      "dependencies": {
+        "@types/koa": "*"
+      }
+    },
+    "node_modules/@types/koa-compose": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/@types/koa-compose/-/koa-compose-3.2.5.tgz",
+      "integrity": "sha512-B8nG/OoE1ORZqCkBVsup/AKcvjdgoHnfi4pZMn5UwAPCbhk/96xyv284eBYW8JlQbQ7zDmnpFr68I/40mFoIBQ==",
+      "dependencies": {
+        "@types/koa": "*"
+      }
+    },
+    "node_modules/@types/ldapjs": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/@types/ldapjs/-/ldapjs-1.0.11.tgz",
+      "integrity": "sha512-O4D1frY6xy2mQr5WouNPeltMe5EHdmU4FxbLDC6TMDX5HXOuafusGu+7Y9WAoqBaYHZ5hcFa7jfkpggyexfeXQ==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q=="
+    },
+    "node_modules/@types/lodash": {
+      "version": "4.14.178",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.14.178.tgz",
+      "integrity": "sha512-0d5Wd09ItQWH1qFbEyQ7oTQ3GZrMfth5JkbN3EvTKLXcHLRDSXeLnlvlOn0wvxVIwK5o2M8JzP/OWz7T3NRsbw==",
+      "dev": true
+    },
+    "node_modules/@types/long": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@types/long/-/long-4.0.1.tgz",
+      "integrity": "sha512-5tXH6Bx/kNGd3MgffdmP4dy2Z+G4eaXw0SE81Tq3BNadtnMR5/ySMzX4SLEzHJzSmPNn4HIdpQsBvXMUykr58w=="
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.1.tgz",
+      "integrity": "sha512-4NpsnpYl2Gt1ljyBGrKMxFYAYvpqbnnkgP/i/g+NLpjEUa3obn1XJCur9YbEXKDAkaXqsR1LbDnGEJ0MmKFxfg==",
+      "dependencies": {
+        "@types/linkify-it": "^5",
+        "@types/mdurl": "^2"
+      }
+    },
+    "node_modules/@types/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg=="
+    },
+    "node_modules/@types/mdx": {
+      "version": "2.0.13",
+      "resolved": "https://registry.npmjs.org/@types/mdx/-/mdx-2.0.13.tgz",
+      "integrity": "sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/memcached": {
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/@types/memcached/-/memcached-2.2.7.tgz",
+      "integrity": "sha512-ImJbz1i8pl+OnyhYdIDnHe8jAuM8TOwM/7VsciqhYX3IL0jPPUToAtVxklfcWFGYckahEYZxhd9FS0z3MM1dpA==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/mime": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.2.tgz",
+      "integrity": "sha512-YATxVxgRqNH6nHEIsvg6k2Boc1JHI9ZbH5iWFFv/MTkchz3b1ieGDa5T0a9RznNdI0KhVbdbWSN+KWWrQZRxTw=="
+    },
+    "node_modules/@types/mime-db": {
+      "version": "1.43.1",
+      "resolved": "https://registry.npmjs.org/@types/mime-db/-/mime-db-1.43.1.tgz",
+      "integrity": "sha512-kGZJY+R+WnR5Rk+RPHUMERtb2qBRViIHCBdtUrY+NmwuGb8pQdfTqQiCKPrxpdoycl8KWm2DLdkpoSdt479XoQ=="
+    },
+    "node_modules/@types/minimatch": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/@types/minimatch/-/minimatch-5.1.2.tgz",
+      "integrity": "sha512-K0VQKziLUWkVKiRVrx4a40iPaxTUefQmjtkQofBkYRcoaaL/8rhwDWww9qWbrgicNOgnpIsMxyNIUM4+n6dUIA=="
+    },
+    "node_modules/@types/mocha": {
+      "version": "10.0.6",
+      "resolved": "https://registry.npmjs.org/@types/mocha/-/mocha-10.0.6.tgz",
+      "integrity": "sha512-dJvrYWxP/UcXm36Qn36fxhUKu8A/xMRXVT2cliFF1Z7UA9liG5Psj3ezNSZw+5puH2czDXRLcXQxf8JbJt0ejg==",
+      "dev": true
+    },
+    "node_modules/@types/mocha-each": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@types/mocha-each/-/mocha-each-2.0.0.tgz",
+      "integrity": "sha512-wZWPqB+pnH9SL7qzORZha1dBt5ypYgPYDSma9wwtQVGmu36QonRWnc8hbJwgMaCPYHTHzrAGMnwp+we/SGI2YQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/mocha": "*"
+      }
+    },
+    "node_modules/@types/ms": {
+      "version": "0.7.31",
+      "resolved": "https://registry.npmjs.org/@types/ms/-/ms-0.7.31.tgz",
+      "integrity": "sha512-iiUgKzV9AuaEkZqkOLDIvlQiL6ltuZd9tGcW3gwpnX8JbuiuhFlEGmmFXEXkN50Cvq7Os88IY2v0dkDqXYWVgA=="
+    },
+    "node_modules/@types/mysql": {
+      "version": "2.15.21",
+      "resolved": "https://registry.npmjs.org/@types/mysql/-/mysql-2.15.21.tgz",
+      "integrity": "sha512-NPotx5CVful7yB+qZbWtXL2fA4e7aEHkihHLjklc6ID8aq7bhguHgeIoC1EmSNTAuCgI6ZXrjt2ZSaXnYX0EUg==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "18.18.3",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.3.tgz",
+      "integrity": "sha512-0OVfGupTl3NBFr8+iXpfZ8NR7jfFO+P1Q+IO/q0wbo02wYkP5gy36phojeYWpLQ6WAMjl+VfmqUk2YbUfp0irA=="
+    },
+    "node_modules/@types/node-fetch": {
+      "version": "2.6.11",
+      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.11.tgz",
+      "integrity": "sha512-24xFj9R5+rfQJLRyM56qh+wnVSYhyXC2tkoBndtY0U+vubqNsYXGjufB2nn8Q6gt0LrARwL6UBtMCSVCwl4B1g==",
+      "dependencies": {
+        "@types/node": "*",
+        "form-data": "^4.0.0"
+      }
+    },
+    "node_modules/@types/node-forge": {
+      "version": "1.3.11",
+      "resolved": "https://registry.npmjs.org/@types/node-forge/-/node-forge-1.3.11.tgz",
+      "integrity": "sha512-FQx220y22OKNTqaByeBGqHWYz4cl94tpcxeFdvBo3wjG6XPBuZ0BNgNZRV5J5TFmmcsJ4IzsLkmGRiQbnYsBEQ==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/normalize-package-data": {
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/@types/normalize-package-data/-/normalize-package-data-2.4.4.tgz",
+      "integrity": "sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==",
+      "dev": true
+    },
+    "node_modules/@types/parse-json": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
+      "dev": true
+    },
+    "node_modules/@types/passport": {
+      "version": "1.0.15",
+      "resolved": "https://registry.npmjs.org/@types/passport/-/passport-1.0.15.tgz",
+      "integrity": "sha512-oHOgzPBp5eLI1U/7421qYV/ZySQXMYCBSfRkDe1tQ0YrIbLY/M/76qIXE7Bs7lFyvw1x5QqiNQ9imvh0fQHe9Q==",
+      "dependencies": {
+        "@types/express": "*"
+      }
+    },
+    "node_modules/@types/passport-strategy": {
+      "version": "0.2.38",
+      "resolved": "https://registry.npmjs.org/@types/passport-strategy/-/passport-strategy-0.2.38.tgz",
+      "integrity": "sha512-GC6eMqqojOooq993Tmnmp7AUTbbQSgilyvpCYQjT+H6JfG/g6RGc7nXEniZlp0zyKJ0WUdOiZWLBZft9Yug1uA==",
+      "dependencies": {
+        "@types/express": "*",
+        "@types/passport": "*"
+      }
+    },
+    "node_modules/@types/path-browserify": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@types/path-browserify/-/path-browserify-1.0.2.tgz",
+      "integrity": "sha512-ZkC5IUqqIFPXx3ASTTybTzmQdwHwe2C0u3eL75ldQ6T9E9IWFJodn6hIfbZGab73DfyiHN4Xw15gNxUq2FbvBA==",
+      "dev": true
+    },
+    "node_modules/@types/pdf-parse": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@types/pdf-parse/-/pdf-parse-1.1.4.tgz",
+      "integrity": "sha512-+gbBHbNCVGGYw1S9lAIIvrHW47UYOhMIFUsJcMkMrzy1Jf0vulBN3XQIjPgnoOXveMuHnF3b57fXROnY/Or7eg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/pg": {
+      "version": "8.6.1",
+      "resolved": "https://registry.npmjs.org/@types/pg/-/pg-8.6.1.tgz",
+      "integrity": "sha512-1Kc4oAGzAl7uqUStZCDvaLFqZrW9qWSjXOmBfdgyBP5La7Us6Mg4GBvRlSoaZMhQF/zSj1C8CtKMBkoiT8eL8w==",
+      "dependencies": {
+        "@types/node": "*",
+        "pg-protocol": "*",
+        "pg-types": "^2.2.0"
+      }
+    },
+    "node_modules/@types/pg-pool": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@types/pg-pool/-/pg-pool-2.0.3.tgz",
+      "integrity": "sha512-fwK5WtG42Yb5RxAwxm3Cc2dJ39FlgcaNiXKvtTLAwtCn642X7dgel+w1+cLWwpSOFImR3YjsZtbkfjxbHtFAeg==",
+      "dependencies": {
+        "@types/pg": "*"
+      }
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.4",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.4.tgz",
+      "integrity": "sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ=="
+    },
+    "node_modules/@types/qs": {
+      "version": "6.9.7",
+      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.9.7.tgz",
+      "integrity": "sha512-FGa1F62FT09qcrueBA6qYTrJPVDzah9a+493+o2PCXsesWHIn27G98TsSMs3WPNbZIEj4+VJf6saSFpvD+3Zsw=="
+    },
+    "node_modules/@types/range-parser": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.4.tgz",
+      "integrity": "sha512-EEhsLsD6UsDM1yFhAvy0Cjr6VwmpMWqFBCb9w07wVugF7w9nfajxLuVmngTIpgS6svCnm6Vaw+MZhoDCKnOfsw=="
+    },
+    "node_modules/@types/react": {
+      "version": "17.0.40",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.40.tgz",
+      "integrity": "sha512-UrXhD/JyLH+W70nNSufXqMZNuUD2cXHu6UjCllC6pmOQgBX4SGXOH8fjRka0O0Ee0HrFxapDD8Bwn81Kmiz6jQ==",
+      "dependencies": {
+        "@types/prop-types": "*",
+        "@types/scheduler": "*",
+        "csstype": "^3.0.2"
+      }
+    },
+    "node_modules/@types/react-bootstrap": {
+      "version": "0.32.36",
+      "resolved": "https://registry.npmjs.org/@types/react-bootstrap/-/react-bootstrap-0.32.36.tgz",
+      "integrity": "sha512-xldfs2zixagAFEafy/XzRvZH1NtjRnLfbgL0cZ2a0Eykz+iILE/Xa46tnUFcLln6ZBq1Qp9uArhIbkkuhBU30g==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/react-color": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@types/react-color/-/react-color-3.0.6.tgz",
+      "integrity": "sha512-OzPIO5AyRmLA7PlOyISlgabpYUa3En74LP8mTMa0veCA719SvYQov4WLMsHvCgXP+L+KI9yGhYnqZafVGG0P4w==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*",
+        "@types/reactcss": "*"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "17.0.13",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.13.tgz",
+      "integrity": "sha512-wEP+B8hzvy6ORDv1QBhcQia4j6ea4SFIBttHYpXKPFZRviBvknq0FRh3VrIxeXUmsPkwuXVZrVGG7KUVONmXCQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/react-google-recaptcha": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@types/react-google-recaptcha/-/react-google-recaptcha-2.1.5.tgz",
+      "integrity": "sha512-iWTjmVttlNgp0teyh7eBXqNOQzVq2RWNiFROWjraOptRnb1OcHJehQnji0sjqIRAk9K0z8stjyhU+OLpPb0N6w==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/react-linkify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/@types/react-linkify/-/react-linkify-1.0.0.tgz",
+      "integrity": "sha512-2NKXPQGaHNfh/dCqkVC55k1tAhQyNoNZa31J50nIneMVwHqUI00FAP+Lyp8e0BarPf84kn4GRVAhtWX9XJBzSQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/react-redux": {
+      "version": "7.1.33",
+      "resolved": "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.33.tgz",
+      "integrity": "sha512-NF8m5AjWCkert+fosDsN3hAlHzpjSiXlVy9EgQEmLoBhaNXbmyeGs/aj5dQzKuF+/q+S7JQagorGDW8pJ28Hmg==",
+      "dependencies": {
+        "@types/hoist-non-react-statics": "^3.3.0",
+        "@types/react": "*",
+        "hoist-non-react-statics": "^3.3.0",
+        "redux": "^4.0.0"
+      }
+    },
+    "node_modules/@types/react-transition-group": {
+      "version": "4.4.10",
+      "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.10.tgz",
+      "integrity": "sha512-hT/+s0VQs2ojCX823m60m5f0sL5idt9SO6Tj6Dg+rdphGPIeJbJ6CxvBYkgkGKrYeDjvIpKTR38UzmtHJOGW3Q==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/reactcss": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@types/reactcss/-/reactcss-1.2.6.tgz",
+      "integrity": "sha512-qaIzpCuXNWomGR1Xq8SCFTtF4v8V27Y6f+b9+bzHiv087MylI/nTCqqdChNeWS7tslgROmYB7yeiruWX7WnqNg==",
+      "dev": true,
+      "dependencies": {
+        "@types/react": "*"
+      }
+    },
+    "node_modules/@types/recurly__recurly-js": {
+      "version": "4.22.0",
+      "resolved": "https://registry.npmjs.org/@types/recurly__recurly-js/-/recurly__recurly-js-4.22.0.tgz",
+      "integrity": "sha512-2dJ1QnwcyCmxeIAzOaBx/r1JqMIqZ7rohxJMY0UynSQidEDfb9X2x3OHMthBXDtTzSFJ1usY934wakxgm7d+Wg==",
+      "dev": true
+    },
+    "node_modules/@types/request": {
+      "version": "2.48.12",
+      "resolved": "https://registry.npmjs.org/@types/request/-/request-2.48.12.tgz",
+      "integrity": "sha512-G3sY+NpsA9jnwm0ixhAFQSJ3Q9JkpLZpJbI3GMv0mIAT0y3mRabYeINzal5WOChIiaTEGQYlHOKgkaM9EisWHw==",
+      "dependencies": {
+        "@types/caseless": "*",
+        "@types/node": "*",
+        "@types/tough-cookie": "*",
+        "form-data": "^2.5.0"
+      }
+    },
+    "node_modules/@types/request/node_modules/form-data": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.5.1.tgz",
+      "integrity": "sha512-m21N3WOmEEURgk6B9GLOE4RuWOFf28Lhh9qGYeNlGq4VDXUlJy2th2slBNU8Gp8EzloYZOibZJ7t5ecIrFSjVA==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.6",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 0.12"
+      }
+    },
+    "node_modules/@types/resolve": {
+      "version": "1.20.6",
+      "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.6.tgz",
+      "integrity": "sha512-A4STmOXPhMUtHH+S6ymgE2GiBSMqf4oTvcQZMcHzokuTLVYzXTB8ttjcgxOVaAp2lGwEdzZ0J+cRbbeevQj1UQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/retry": {
+      "version": "0.12.2",
+      "resolved": "https://registry.npmjs.org/@types/retry/-/retry-0.12.2.tgz",
+      "integrity": "sha512-XISRgDJ2Tc5q4TRqvgJtzsRkFYNJzZrhTdtMoGVBttwzzQJkPnS3WWTFc7kuDRoPtPakl+T+OfdEUjYJj7Jbow==",
+      "dev": true
+    },
+    "node_modules/@types/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@types/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-F3OznnSLAUxFrCEu/L5PY8+ny8DtcFRjx7fZZ9bycvXRi3KPTRS9HOitGZwvPg0juRhXFWIeKX58cnX5YqLohQ==",
+      "dependencies": {
+        "@types/glob": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/scheduler": {
+      "version": "0.16.2",
+      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz",
+      "integrity": "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
+    },
+    "node_modules/@types/semver": {
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.5.0.tgz",
+      "integrity": "sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw=="
+    },
+    "node_modules/@types/send": {
+      "version": "0.17.1",
+      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.1.tgz",
+      "integrity": "sha512-Cwo8LE/0rnvX7kIIa3QHCkcuF21c05Ayb0ZfxPiv0W8VRiZiNW/WuRupHKpqqGVGf7SUA44QSOUKaEd9lIrd/Q==",
+      "dependencies": {
+        "@types/mime": "^1",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/serve-index": {
+      "version": "1.9.4",
+      "resolved": "https://registry.npmjs.org/@types/serve-index/-/serve-index-1.9.4.tgz",
+      "integrity": "sha512-qLpGZ/c2fhSs5gnYsQxtDEq3Oy8SXPClIXkW5ghvAvsNuVSA8k+gCONcUCS/UjLEYvYps+e8uBtfgXgvhwfNug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/express": "*"
+      }
+    },
+    "node_modules/@types/serve-static": {
+      "version": "1.15.7",
+      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.7.tgz",
+      "integrity": "sha512-W8Ym+h8nhuRwaKPaDw34QUkwsGi6Rc4yYqvKFo5rm2FUEhCFbzVWrxXUxuKK8TASjWsysJY0nsmNCGhCOIsrOw==",
+      "dependencies": {
+        "@types/http-errors": "*",
+        "@types/node": "*",
+        "@types/send": "*"
+      }
+    },
+    "node_modules/@types/set-cookie-parser": {
+      "version": "2.4.7",
+      "resolved": "https://registry.npmjs.org/@types/set-cookie-parser/-/set-cookie-parser-2.4.7.tgz",
+      "integrity": "sha512-+ge/loa0oTozxip6zmhRIk8Z/boU51wl9Q6QdLZcokIGMzY5lFXYy/x7Htj2HTC6/KZP1hUbZ1ekx8DYXICvWg==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/shimmer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/@types/shimmer/-/shimmer-1.0.2.tgz",
+      "integrity": "sha512-dKkr1bTxbEsFlh2ARpKzcaAmsYixqt9UyCdoEZk8rHyE4iQYcDCyvSjDSf7JUWJHlJiTtbIoQjxKh6ViywqDAg=="
+    },
+    "node_modules/@types/simple-oauth2": {
+      "version": "5.0.7",
+      "resolved": "https://registry.npmjs.org/@types/simple-oauth2/-/simple-oauth2-5.0.7.tgz",
+      "integrity": "sha512-8JbWVJbiTSBQP/7eiyGKyXWAqp3dKQZpaA+pdW16FCi32ujkzRMG8JfjoAzdWt6W8U591ZNdHcPtP2D7ILTKuA==",
+      "dev": true
+    },
+    "node_modules/@types/sinon": {
+      "version": "10.0.11",
+      "resolved": "https://registry.npmjs.org/@types/sinon/-/sinon-10.0.11.tgz",
+      "integrity": "sha512-dmZsHlBsKUtBpHriNjlK0ndlvEh8dcb9uV9Afsbt89QIyydpC7NcR+nWlAhASfy3GHnxTl4FX/aKE7XZUt/B4g==",
+      "dev": true,
+      "dependencies": {
+        "@types/sinonjs__fake-timers": "*"
+      }
+    },
+    "node_modules/@types/sinon-chai": {
+      "version": "3.2.8",
+      "resolved": "https://registry.npmjs.org/@types/sinon-chai/-/sinon-chai-3.2.8.tgz",
+      "integrity": "sha512-d4ImIQbT/rKMG8+AXpmcan5T2/PNeSjrYhvkwet6z0p8kzYtfgA32xzOBlbU0yqJfq+/0Ml805iFoODO0LP5/g==",
+      "dev": true,
+      "dependencies": {
+        "@types/chai": "*",
+        "@types/sinon": "*"
+      }
+    },
+    "node_modules/@types/sinonjs__fake-timers": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-8.1.1.tgz",
+      "integrity": "sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g==",
+      "dev": true
+    },
+    "node_modules/@types/sizzle": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.3.tgz",
+      "integrity": "sha512-JYM8x9EGF163bEyhdJBpR2QX1R5naCJHC8ucJylJ3w9/CVBaskdQ8WqBf8MmQrd1kRvp/a4TS8HJ+bxzR7ZJYQ==",
+      "dev": true
+    },
+    "node_modules/@types/sockjs": {
+      "version": "0.3.36",
+      "resolved": "https://registry.npmjs.org/@types/sockjs/-/sockjs-0.3.36.tgz",
+      "integrity": "sha512-MK9V6NzAS1+Ud7JV9lJLFqW85VbC9dq3LmwZCuBe4wBDgKC0Kj/jd8Xl+nSviU+Qc3+m7umHHyHg//2KSa0a0Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/superagent": {
+      "version": "4.1.13",
+      "resolved": "https://registry.npmjs.org/@types/superagent/-/superagent-4.1.13.tgz",
+      "integrity": "sha512-YIGelp3ZyMiH0/A09PMAORO0EBGlF5xIKfDpK74wdYvWUs2o96b5CItJcWPdH409b7SAXIIG6p8NdU/4U2Maww==",
+      "dev": true,
+      "dependencies": {
+        "@types/cookiejar": "*",
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/tedious": {
+      "version": "4.0.10",
+      "resolved": "https://registry.npmjs.org/@types/tedious/-/tedious-4.0.10.tgz",
+      "integrity": "sha512-lxm0D01yaVGsX5MvcM3/gFzQi7/ETSrQVs5XTiKbm6im/z+M+/Z2qFODOi93PcHh/OLouWkvpUxKShP8H4DICQ==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/tough-cookie": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/@types/tough-cookie/-/tough-cookie-4.0.5.tgz",
+      "integrity": "sha512-/Ad8+nIOV7Rl++6f1BdKxFSMgmoqEoYbHRpPcx3JEfv8VRsQe9Z4mCXeJBzxs7mbHY/XOZZuXlRNfhpVPbs6ZA=="
+    },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "dev": true,
+      "optional": true
+    },
+    "node_modules/@types/uuid": {
+      "version": "9.0.8",
+      "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.8.tgz",
+      "integrity": "sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA==",
+      "dev": true
+    },
+    "node_modules/@types/validator": {
+      "version": "13.7.15",
+      "resolved": "https://registry.npmjs.org/@types/validator/-/validator-13.7.15.tgz",
+      "integrity": "sha512-yeinDVQunb03AEP8luErFcyf/7Lf7AzKCD0NXfgVoGCCQDNpZET8Jgq74oBgqKld3hafLbfzt/3inUdQvaFeXQ=="
+    },
+    "node_modules/@types/warning": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.3.tgz",
+      "integrity": "sha512-D1XC7WK8K+zZEveUPY+cf4+kgauk8N4eHr/XIHXGlGYkHLud6hK9lYfZk1ry1TNh798cZUCgb6MqGEG8DkJt6Q==",
+      "dev": true
+    },
+    "node_modules/@types/webidl-conversions": {
+      "version": "7.0.3",
+      "resolved": "https://registry.npmjs.org/@types/webidl-conversions/-/webidl-conversions-7.0.3.tgz",
+      "integrity": "sha512-CiJJvcRtIgzadHCYXw7dqEnMNRjhGZlYK05Mj9OyktqV8uVT8fD2BFOB7S1uwBE3Kj2Z+4UyPmFw/Ixgw/LAlA=="
+    },
+    "node_modules/@types/whatwg-url": {
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/@types/whatwg-url/-/whatwg-url-11.0.5.tgz",
+      "integrity": "sha512-coYR071JRaHa+xoEvvYqvnIHaVqaYrLPbsufM9BF63HkwI5Lgmy2QR8Q5K/lYDYo5AK82wOvSOS0UsLTpTG7uQ==",
+      "dependencies": {
+        "@types/webidl-conversions": "*"
+      }
+    },
+    "node_modules/@types/workerpool": {
+      "version": "6.4.7",
+      "resolved": "https://registry.npmjs.org/@types/workerpool/-/workerpool-6.4.7.tgz",
+      "integrity": "sha512-DI2U4obcMzFViyNjLw0xXspim++qkAJ4BWRdYPVMMFtOpTvMr6PAk3UTZEoSqnZnvgUkJ3ck97Ybk+iIfuJHMg==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/ws": {
+      "version": "8.18.1",
+      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
+      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/xml-crypto": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/@types/xml-crypto/-/xml-crypto-1.4.5.tgz",
+      "integrity": "sha512-rHc0tlw/ixu7PCqqlpmP9KDIA79IsoV+HFnhJDsdS4MkVAEhBNaazXjv92Xf9oYjWp9e4His4Qzo8fOzoTjT+Q==",
+      "dependencies": {
+        "@types/node": "*",
+        "xpath": "0.0.27"
+      }
+    },
+    "node_modules/@types/xml-crypto/node_modules/xpath": {
+      "version": "0.0.27",
+      "resolved": "https://registry.npmjs.org/xpath/-/xpath-0.0.27.tgz",
+      "integrity": "sha512-fg03WRxtkCV6ohClePNAECYsmpKKTv5L8y/X3Dn1hQrec3POx2jHZ/0P2qQ6HvsrU1BmeqXcof3NGGueG6LxwQ==",
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/@types/xml-encryption": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@types/xml-encryption/-/xml-encryption-1.2.4.tgz",
+      "integrity": "sha512-I69K/WW1Dv7j6O3jh13z0X8sLWJRXbu5xnHDl9yHzUNDUBtUoBY058eb5s+x/WG6yZC1h8aKdI2EoyEPjyEh+Q==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/xml2js": {
+      "version": "0.4.14",
+      "resolved": "https://registry.npmjs.org/@types/xml2js/-/xml2js-0.4.14.tgz",
+      "integrity": "sha512-4YnrRemBShWRO2QjvUin8ESA41rH+9nQGLUGZV/1IDhi3SL9OhdpNC/MrulTWuptXKwhx/aDxE7toV0f/ypIXQ==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/yargs": {
+      "version": "17.0.24",
+      "resolved": "https://registry.npmjs.org/@types/yargs/-/yargs-17.0.24.tgz",
+      "integrity": "sha512-6i0aC7jV6QzQB8ne1joVZ0eSFIstHsCrobmOtghM11yGlH0j43FKL2UhWdELkyps0zuf7qVTUVCCR+tgSlyLLw==",
+      "dev": true,
+      "dependencies": {
+        "@types/yargs-parser": "*"
+      }
+    },
+    "node_modules/@types/yargs-parser": {
+      "version": "21.0.0",
+      "resolved": "https://registry.npmjs.org/@types/yargs-parser/-/yargs-parser-21.0.0.tgz",
+      "integrity": "sha512-iO9ZQHkZxHn4mSakYV0vFHAVDyEOIJQrV2uZ06HxEPcx+mt8swXoZHIbaaJ2crJYFfErySgktuTZ3BeLz+XmFA==",
+      "dev": true
+    },
+    "node_modules/@types/yauzl": {
+      "version": "2.9.2",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.9.2.tgz",
+      "integrity": "sha512-8uALY5LTvSuHgloDVUvWP3pIauILm+8/0pDMokuDYIoNsOkSwd5AiHBTSEJjKTDcZr5z8UpgOWZkxBF4iJftoA==",
+      "dev": true,
+      "optional": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.0.1.tgz",
+      "integrity": "sha512-5g3Y7GDFsJAnY4Yhvk8sZtFfV6YNF2caLzjrRPUBzewjPCaj0yokePB4LJSobyCzGMzjZZYFbwuzbfDHlimXbQ==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/regexpp": "^4.10.0",
+        "@typescript-eslint/scope-manager": "8.0.1",
+        "@typescript-eslint/type-utils": "8.0.1",
+        "@typescript-eslint/utils": "8.0.1",
+        "@typescript-eslint/visitor-keys": "8.0.1",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.3.1",
+        "natural-compare": "^1.4.0",
+        "ts-api-utils": "^1.3.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "@typescript-eslint/parser": "^8.0.0 || ^8.0.0-alpha.0",
+        "eslint": "^8.57.0 || ^9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.0.1.tgz",
+      "integrity": "sha512-NpixInP5dm7uukMiRyiHjRKkom5RIFA4dfiHvalanD2cF0CLUuQqxfg8PtEUo9yqJI2bBhF+pcSafqnG3UBnRQ==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.0.1",
+        "@typescript-eslint/visitor-keys": "8.0.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/types": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.0.1.tgz",
+      "integrity": "sha512-PpqTVT3yCA/bIgJ12czBuE3iBlM3g4inRSC5J0QOdQFAn07TYrYEQBBKgXH1lQpglup+Zy6c1fxuwTk4MTNKIw==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.0.1.tgz",
+      "integrity": "sha512-W5E+o0UfUcK5EgchLZsyVWqARmsM7v54/qEq6PY3YI5arkgmCzHiuk0zKSJJbm71V0xdRna4BGomkCTXz2/LkQ==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.0.1",
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/eslint-plugin/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/parser": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.0.1.tgz",
+      "integrity": "sha512-5IgYJ9EO/12pOUwiBKFkpU7rS3IU21mtXzB81TNwq2xEybcmAZrE9qwDtsb5uQd9aVO9o0fdabFyAmKveXyujg==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "8.0.1",
+        "@typescript-eslint/types": "8.0.1",
+        "@typescript-eslint/typescript-estree": "8.0.1",
+        "@typescript-eslint/visitor-keys": "8.0.1",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.0.1.tgz",
+      "integrity": "sha512-NpixInP5dm7uukMiRyiHjRKkom5RIFA4dfiHvalanD2cF0CLUuQqxfg8PtEUo9yqJI2bBhF+pcSafqnG3UBnRQ==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.0.1",
+        "@typescript-eslint/visitor-keys": "8.0.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/types": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.0.1.tgz",
+      "integrity": "sha512-PpqTVT3yCA/bIgJ12czBuE3iBlM3g4inRSC5J0QOdQFAn07TYrYEQBBKgXH1lQpglup+Zy6c1fxuwTk4MTNKIw==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.0.1.tgz",
+      "integrity": "sha512-8V9hriRvZQXPWU3bbiUV4Epo7EvgM6RTs+sUmxp5G//dBGy402S7Fx0W0QkB2fb4obCF8SInoUzvTYtc3bkb5w==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.0.1",
+        "@typescript-eslint/visitor-keys": "8.0.1",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^1.3.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.0.1.tgz",
+      "integrity": "sha512-W5E+o0UfUcK5EgchLZsyVWqARmsM7v54/qEq6PY3YI5arkgmCzHiuk0zKSJJbm71V0xdRna4BGomkCTXz2/LkQ==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.0.1",
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/parser/node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.21.0.tgz",
+      "integrity": "sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.0.1.tgz",
+      "integrity": "sha512-+/UT25MWvXeDX9YaHv1IS6KI1fiuTto43WprE7pgSMswHbn1Jm9GEM4Txp+X74ifOWV8emu2AWcbLhpJAvD5Ng==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/typescript-estree": "8.0.1",
+        "@typescript-eslint/utils": "8.0.1",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^1.3.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/types": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.0.1.tgz",
+      "integrity": "sha512-PpqTVT3yCA/bIgJ12czBuE3iBlM3g4inRSC5J0QOdQFAn07TYrYEQBBKgXH1lQpglup+Zy6c1fxuwTk4MTNKIw==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.0.1.tgz",
+      "integrity": "sha512-8V9hriRvZQXPWU3bbiUV4Epo7EvgM6RTs+sUmxp5G//dBGy402S7Fx0W0QkB2fb4obCF8SInoUzvTYtc3bkb5w==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.0.1",
+        "@typescript-eslint/visitor-keys": "8.0.1",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^1.3.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils/node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.0.1.tgz",
+      "integrity": "sha512-W5E+o0UfUcK5EgchLZsyVWqARmsM7v54/qEq6PY3YI5arkgmCzHiuk0zKSJJbm71V0xdRna4BGomkCTXz2/LkQ==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.0.1",
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils/node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils/node_modules/debug": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz",
+      "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils/node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true
+    },
+    "node_modules/@typescript-eslint/type-utils/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/type-utils/node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@typescript-eslint/types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.21.0.tgz",
+      "integrity": "sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==",
+      "dev": true,
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.21.0.tgz",
+      "integrity": "sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "9.0.3",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/debug": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz",
+      "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/minimatch": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
+      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/typescript-estree/node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.0.1.tgz",
+      "integrity": "sha512-CBFR0G0sCt0+fzfnKaciu9IBsKvEKYwN9UZ+eeogK1fYHg4Qxk1yf/wLQkLXlq8wbU2dFlgAesxt8Gi76E8RTA==",
+      "dev": true,
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@typescript-eslint/scope-manager": "8.0.1",
+        "@typescript-eslint/types": "8.0.1",
+        "@typescript-eslint/typescript-estree": "8.0.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.0.1.tgz",
+      "integrity": "sha512-NpixInP5dm7uukMiRyiHjRKkom5RIFA4dfiHvalanD2cF0CLUuQqxfg8PtEUo9yqJI2bBhF+pcSafqnG3UBnRQ==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.0.1",
+        "@typescript-eslint/visitor-keys": "8.0.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/types": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.0.1.tgz",
+      "integrity": "sha512-PpqTVT3yCA/bIgJ12czBuE3iBlM3g4inRSC5J0QOdQFAn07TYrYEQBBKgXH1lQpglup+Zy6c1fxuwTk4MTNKIw==",
+      "dev": true,
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.0.1.tgz",
+      "integrity": "sha512-8V9hriRvZQXPWU3bbiUV4Epo7EvgM6RTs+sUmxp5G//dBGy402S7Fx0W0QkB2fb4obCF8SInoUzvTYtc3bkb5w==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.0.1",
+        "@typescript-eslint/visitor-keys": "8.0.1",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^1.3.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.0.1.tgz",
+      "integrity": "sha512-W5E+o0UfUcK5EgchLZsyVWqARmsM7v54/qEq6PY3YI5arkgmCzHiuk0zKSJJbm71V0xdRna4BGomkCTXz2/LkQ==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "8.0.1",
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/debug": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.6.tgz",
+      "integrity": "sha512-O/09Bd4Z1fBrU4VzkhFqVgpPzaGbw6Sm9FEkBT1A/YBXQFGuuSxa1dN2nxgxS34JmKXqYx8CZAwEVoJFImUXIg==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@typescript-eslint/utils/node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.21.0.tgz",
+      "integrity": "sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==",
+      "dev": true,
+      "dependencies": {
+        "@typescript-eslint/types": "6.21.0",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/@typescript-eslint/visitor-keys/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.2.0.tgz",
+      "integrity": "sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ=="
+    },
+    "node_modules/@vitest/expect": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-2.0.5.tgz",
+      "integrity": "sha512-yHZtwuP7JZivj65Gxoi8upUN2OzHTi3zVfjwdpu2WrvCZPLwsJ2Ey5ILIPccoW23dd/zQBlJ4/dhi7DWNyXCpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/spy": "2.0.5",
+        "@vitest/utils": "2.0.5",
+        "chai": "^5.1.1",
+        "tinyrainbow": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/expect/node_modules/@vitest/pretty-format": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.0.5.tgz",
+      "integrity": "sha512-h8k+1oWHfwTkyTkb9egzwNMfJAEx4veaPSnMeKbVSjp4euqGSbQlm5+6VHwTr7u4FJslVVsUG5nopCaAYdOmSQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/expect/node_modules/@vitest/utils": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.0.5.tgz",
+      "integrity": "sha512-d8HKbqIcya+GR67mkZbrzhS5kKhtp8dQLcmRZLGTscGVg7yImT82cIrhtn2L8+VujWcy6KZweApgNmPsTAO/UQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "2.0.5",
+        "estree-walker": "^3.0.3",
+        "loupe": "^3.1.1",
+        "tinyrainbow": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/expect/node_modules/assertion-error": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-2.0.1.tgz",
+      "integrity": "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@vitest/expect/node_modules/chai": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-5.2.0.tgz",
+      "integrity": "sha512-mCuXncKXk5iCLhfhwTc0izo0gtEmpz5CtG2y8GiOINBlMVS6v8TMRc5TaLWKS6692m9+dVVfzgeVxR5UxWHTYw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "assertion-error": "^2.0.1",
+        "check-error": "^2.1.1",
+        "deep-eql": "^5.0.1",
+        "loupe": "^3.1.0",
+        "pathval": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@vitest/expect/node_modules/check-error": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/check-error/-/check-error-2.1.1.tgz",
+      "integrity": "sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 16"
+      }
+    },
+    "node_modules/@vitest/expect/node_modules/deep-eql": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-5.0.2.tgz",
+      "integrity": "sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/@vitest/expect/node_modules/loupe": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.1.3.tgz",
+      "integrity": "sha512-kkIp7XSkP78ZxJEsSxW3712C6teJVoeHHwgo9zJ380de7IYyJ2ISlxojcH2pC5OFLewESmnRi/+XCDIEEVyoug==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@vitest/expect/node_modules/pathval": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pathval/-/pathval-2.0.0.tgz",
+      "integrity": "sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.16"
+      }
+    },
+    "node_modules/@vitest/pretty-format": {
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@vitest/pretty-format/-/pretty-format-2.1.9.tgz",
+      "integrity": "sha512-KhRIdGV2U9HOUzxfiHmY8IFHTdqtOhIzCpd8WRdJiE7D/HUcZVD0EgQCVjm+Q9gkUXWgBvMmTtZgIG48wq7sOQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyrainbow": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/spy": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-2.0.5.tgz",
+      "integrity": "sha512-c/jdthAhvJdpfVuaexSrnawxZz6pywlTPe84LUB2m/4t3rl2fTo9NFGBG4oWgaD+FTgDDV8hJ/nibT7IfH3JfA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tinyspy": "^3.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/utils": {
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-2.1.9.tgz",
+      "integrity": "sha512-v0psaMSkNJ3A2NMrUEHFRzJtDPFn+/VWZ5WxImB21T9fjucJRmS7xCS3ppEnARb9y11OAzaD+P2Ps+b+BGX5iQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@vitest/pretty-format": "2.1.9",
+        "loupe": "^3.1.2",
+        "tinyrainbow": "^1.2.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
+      }
+    },
+    "node_modules/@vitest/utils/node_modules/loupe": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/loupe/-/loupe-3.1.3.tgz",
+      "integrity": "sha512-kkIp7XSkP78ZxJEsSxW3712C6teJVoeHHwgo9zJ380de7IYyJ2ISlxojcH2pC5OFLewESmnRi/+XCDIEEVyoug==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/ast": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
+      "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
+      "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
+      "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
+      "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
+      "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": "1.13.2",
+        "@webassemblyjs/helper-api-error": "1.13.2",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
+      "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
+      "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/wasm-gen": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/ieee754": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz",
+      "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/@webassemblyjs/leb128": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz",
+      "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/utf8": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz",
+      "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz",
+      "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/helper-wasm-section": "1.14.1",
+        "@webassemblyjs/wasm-gen": "1.14.1",
+        "@webassemblyjs/wasm-opt": "1.14.1",
+        "@webassemblyjs/wasm-parser": "1.14.1",
+        "@webassemblyjs/wast-printer": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz",
+      "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/ieee754": "1.13.2",
+        "@webassemblyjs/leb128": "1.13.2",
+        "@webassemblyjs/utf8": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-opt": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz",
+      "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-buffer": "1.14.1",
+        "@webassemblyjs/wasm-gen": "1.14.1",
+        "@webassemblyjs/wasm-parser": "1.14.1"
+      }
+    },
+    "node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz",
+      "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@webassemblyjs/helper-api-error": "1.13.2",
+        "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+        "@webassemblyjs/ieee754": "1.13.2",
+        "@webassemblyjs/leb128": "1.13.2",
+        "@webassemblyjs/utf8": "1.13.2"
+      }
+    },
+    "node_modules/@webassemblyjs/wast-printer": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz",
+      "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@webassemblyjs/ast": "1.14.1",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webpack-cli/configtest": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/configtest/-/configtest-2.1.1.tgz",
+      "integrity": "sha512-wy0mglZpDSiSS0XHrVR+BAdId2+yxPSoJW8fsna3ZpYSlufjvxnP4YbKTCBZnNIcGN4r6ZPXV55X4mYExOfLmw==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "peerDependencies": {
+        "webpack": "5.x.x",
+        "webpack-cli": "5.x.x"
+      }
+    },
+    "node_modules/@webpack-cli/info": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/info/-/info-2.0.2.tgz",
+      "integrity": "sha512-zLHQdI/Qs1UyT5UBdWNqsARasIA+AaF8t+4u2aS2nEpBQh2mWIVb8qAklq0eUENnC5mOItrIB4LiS9xMtph18A==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "peerDependencies": {
+        "webpack": "5.x.x",
+        "webpack-cli": "5.x.x"
+      }
+    },
+    "node_modules/@webpack-cli/serve": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@webpack-cli/serve/-/serve-2.0.5.tgz",
+      "integrity": "sha512-lqaoKnRYBdo1UgDX8uF24AfGMifWK19TxPmM5FHc2vAGxrJ/qtyUyFBWoY1tISZdelsQ5fBcOusifo5o5wSJxQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "peerDependencies": {
+        "webpack": "5.x.x",
+        "webpack-cli": "5.x.x"
+      },
+      "peerDependenciesMeta": {
+        "webpack-dev-server": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@xmldom/xmldom": {
+      "version": "0.7.13",
+      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.7.13.tgz",
+      "integrity": "sha512-lm2GW5PkosIzccsaZIz7tp8cPADSIlIHWDFTR1N0SzfinhhYgeIQjFMz4rYzanCScr3DqQLeomUDArp6MWKm+g==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/@xtuc/ieee754": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+      "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/@xtuc/long": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+      "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/@yarnpkg/lockfile": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz",
+      "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ=="
+    },
+    "node_modules/5to6-codemod": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/5to6-codemod/-/5to6-codemod-1.8.0.tgz",
+      "integrity": "sha512-RUHjjwl9+p1d46USvmoKsmMaHODFUAESE1de/q0qQM+hwzgk/HssTwb1Nc5dbUpKEkJ7duLg6ggMIwScd+TRig==",
+      "dev": true,
+      "dependencies": {
+        "jscodeshift": "^0.6.3",
+        "lodash": "^4.17.4",
+        "recast": "^0.12.1"
+      }
+    },
+    "node_modules/5to6-codemod/node_modules/ast-types": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.10.1.tgz",
+      "integrity": "sha512-UY7+9DPzlJ9VM8eY0b2TUZcZvF+1pO0hzMtAyjBYKhOmnvRlqYNYnWdtsMj0V16CGaMlpL0G1jnLbLo4AyotuQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/5to6-codemod/node_modules/braces": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-2.3.2.tgz",
+      "integrity": "sha512-aNdbnj9P8PjdXU4ybaWLK2IF3jc/EoDYbC7AazW6to3TRsfXxscC9UXOB5iDiEQrkyIbWp2SLQda4+QAa7nc3w==",
+      "dev": true,
+      "dependencies": {
+        "arr-flatten": "^1.1.0",
+        "array-unique": "^0.3.2",
+        "extend-shallow": "^2.0.1",
+        "fill-range": "^4.0.0",
+        "isobject": "^3.0.1",
+        "repeat-element": "^1.1.2",
+        "snapdragon": "^0.8.1",
+        "snapdragon-node": "^2.0.1",
+        "split-string": "^3.0.2",
+        "to-regex": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/5to6-codemod/node_modules/braces/node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "dev": true,
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/5to6-codemod/node_modules/core-js": {
+      "version": "2.6.12",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
+      "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
+      "deprecated": "core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.",
+      "dev": true,
+      "hasInstallScript": true
+    },
+    "node_modules/5to6-codemod/node_modules/fill-range": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-4.0.0.tgz",
+      "integrity": "sha512-VcpLTWqWDiTerugjj8e3+esbg+skS3M9e54UuR3iCeIDMXCLTsAH8hTSzDQU/X6/6t3eYkOKoZSef2PlU6U1XQ==",
+      "dev": true,
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-number": "^3.0.0",
+        "repeat-string": "^1.6.1",
+        "to-regex-range": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/5to6-codemod/node_modules/fill-range/node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "dev": true,
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/5to6-codemod/node_modules/is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/5to6-codemod/node_modules/is-number": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+      "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+      "dev": true,
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/5to6-codemod/node_modules/is-number/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dev": true,
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/5to6-codemod/node_modules/jscodeshift": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-0.6.4.tgz",
+      "integrity": "sha512-+NF/tlNbc2WEhXUuc4WEJLsJumF84tnaMUZW2hyJw3jThKKRvsPX4sPJVgO1lPE28z0gNL+gwniLG9d8mYvQCQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.1.6",
+        "@babel/parser": "^7.1.6",
+        "@babel/plugin-proposal-class-properties": "^7.1.0",
+        "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
+        "@babel/preset-env": "^7.1.6",
+        "@babel/preset-flow": "^7.0.0",
+        "@babel/preset-typescript": "^7.1.0",
+        "@babel/register": "^7.0.0",
+        "babel-core": "^7.0.0-bridge.0",
+        "colors": "^1.1.2",
+        "flow-parser": "0.*",
+        "graceful-fs": "^4.1.11",
+        "micromatch": "^3.1.10",
+        "neo-async": "^2.5.0",
+        "node-dir": "^0.1.17",
+        "recast": "^0.16.1",
+        "temp": "^0.8.1",
+        "write-file-atomic": "^2.3.0"
+      },
+      "bin": {
+        "jscodeshift": "bin/jscodeshift.js"
+      }
+    },
+    "node_modules/5to6-codemod/node_modules/jscodeshift/node_modules/ast-types": {
+      "version": "0.11.7",
+      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.11.7.tgz",
+      "integrity": "sha512-2mP3TwtkY/aTv5X3ZsMpNAbOnyoC/aMJwJSoaELPkHId0nSQgFcnU4dRW3isxiz7+zBexk0ym3WNVjMiQBnJSw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/5to6-codemod/node_modules/jscodeshift/node_modules/recast": {
+      "version": "0.16.2",
+      "resolved": "https://registry.npmjs.org/recast/-/recast-0.16.2.tgz",
+      "integrity": "sha512-O/7qXi51DPjRVdbrpNzoBQH5dnAPQNbfoOFyRiUwreTMJfIHYOEBzwuH+c0+/BTSJ3CQyKs6ILSWXhESH6Op3A==",
+      "dev": true,
+      "dependencies": {
+        "ast-types": "0.11.7",
+        "esprima": "~4.0.0",
+        "private": "~0.1.5",
+        "source-map": "~0.6.1"
+      },
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/5to6-codemod/node_modules/micromatch": {
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
+      "integrity": "sha512-MWikgl9n9M3w+bpsY3He8L+w9eF9338xRl8IAO5viDizwSzziFEyUzo2xrrloB64ADbTf8uA8vRqqttDTOmccg==",
+      "dev": true,
+      "dependencies": {
+        "arr-diff": "^4.0.0",
+        "array-unique": "^0.3.2",
+        "braces": "^2.3.1",
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "extglob": "^2.0.4",
+        "fragment-cache": "^0.2.1",
+        "kind-of": "^6.0.2",
+        "nanomatch": "^1.2.9",
+        "object.pick": "^1.3.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/5to6-codemod/node_modules/recast": {
+      "version": "0.12.9",
+      "resolved": "https://registry.npmjs.org/recast/-/recast-0.12.9.tgz",
+      "integrity": "sha512-y7ANxCWmMW8xLOaiopiRDlyjQ9ajKRENBH+2wjntIbk3A6ZR1+BLQttkmSHMY7Arl+AAZFwJ10grg2T6f1WI8A==",
+      "dev": true,
+      "dependencies": {
+        "ast-types": "0.10.1",
+        "core-js": "^2.4.1",
+        "esprima": "~4.0.0",
+        "private": "~0.1.5",
+        "source-map": "~0.6.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/5to6-codemod/node_modules/to-regex-range": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-2.1.1.tgz",
+      "integrity": "sha512-ZZWNfCjUokXXDGXFpZehJIkZqq91BcULFq/Pi7M5i4JnxXdhMKAK682z8bCW3o8Hj1wuuzoKcW3DfVzaP6VuNg==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^3.0.0",
+        "repeat-string": "^1.6.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/5to6-codemod/node_modules/write-file-atomic": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-2.4.3.tgz",
+      "integrity": "sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.1.11",
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.2"
+      }
+    },
+    "node_modules/abab": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/abab/-/abab-2.0.6.tgz",
+      "integrity": "sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==",
+      "dev": true
+    },
+    "node_modules/abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-1.1.1.tgz",
+      "integrity": "sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q=="
+    },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "7.4.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz",
+      "integrity": "sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-class-fields": {
+      "version": "0.3.7",
+      "resolved": "https://registry.npmjs.org/acorn-class-fields/-/acorn-class-fields-0.3.7.tgz",
+      "integrity": "sha512-jdUWSFce0fuADUljmExz4TWpPkxmRW/ZCPRqeeUzbGf0vFUcpQYbyq52l75qGd0oSwwtAepeL6hgb/naRgvcKQ==",
+      "dev": true,
+      "dependencies": {
+        "acorn-private-class-elements": "^0.2.7"
+      },
+      "engines": {
+        "node": ">=4.8.2"
+      },
+      "peerDependencies": {
+        "acorn": "^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/acorn-globals": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-6.0.0.tgz",
+      "integrity": "sha512-ZQl7LOWaF5ePqqcX4hLuv/bLXYQNfNWw2c0/yX/TsPRKamzHcTGQnlCjHT3TsmkOUVEPS3crCxiPfdzE/Trlhg==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^7.1.1",
+        "acorn-walk": "^7.1.1"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/acorn-private-class-elements": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/acorn-private-class-elements/-/acorn-private-class-elements-0.2.7.tgz",
+      "integrity": "sha512-+GZH2wOKNZOBI4OOPmzpo4cs6mW297sn6fgIk1dUI08jGjhAaEwvC39mN2gJAg2lmAQJ1rBkFqKWonL3Zz6PVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.8.2"
+      },
+      "peerDependencies": {
+        "acorn": "^6.1.0 || ^7 || ^8"
+      }
+    },
+    "node_modules/acorn-private-methods": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/acorn-private-methods/-/acorn-private-methods-0.3.3.tgz",
+      "integrity": "sha512-46oeEol3YFvLSah5m9hGMlNpxDBCEkdceJgf01AjqKYTK9r6HexKs2rgSbLK81pYjZZMonhftuUReGMlbbv05w==",
+      "dev": true,
+      "dependencies": {
+        "acorn-private-class-elements": "^0.2.7"
+      },
+      "engines": {
+        "node": ">=4.8.2"
+      },
+      "peerDependencies": {
+        "acorn": "^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/acorn-stage3": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/acorn-stage3/-/acorn-stage3-4.0.0.tgz",
+      "integrity": "sha512-BR+LaADtA6GTB5prkNqWmlmCLYmkyW0whvSxdHhbupTaro2qBJ95fJDEiRLPUmiACGHPaYyeH9xmNJWdGfXRQw==",
+      "dev": true,
+      "dependencies": {
+        "acorn-class-fields": "^0.3.7",
+        "acorn-private-methods": "^0.3.3",
+        "acorn-static-class-features": "^0.2.4"
+      },
+      "engines": {
+        "node": ">=4.8.2"
+      },
+      "peerDependencies": {
+        "acorn": "^7.4 || ^8"
+      }
+    },
+    "node_modules/acorn-static-class-features": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/acorn-static-class-features/-/acorn-static-class-features-0.2.4.tgz",
+      "integrity": "sha512-5X4mpYq5J3pdndLmIB0+WtFd/mKWnNYpuTlTzj32wUu/PMmEGOiayQ5UrqgwdBNiaZBtDDh5kddpP7Yg2QaQYA==",
+      "dev": true,
+      "dependencies": {
+        "acorn-private-class-elements": "^0.2.7"
+      },
+      "engines": {
+        "node": ">=4.8.2"
+      },
+      "peerDependencies": {
+        "acorn": "^6.1.0 || ^7 || ^8"
+      }
+    },
+    "node_modules/acorn-walk": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-7.2.0.tgz",
+      "integrity": "sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/adjust-sourcemap-loader": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz",
+      "integrity": "sha512-OXwN5b9pCUXNQHJpwwD2qP40byEmSgzj8B4ydSN0uMNYWiFmJ6x6KwUllMmfk8Rwu/HJDFR7U8ubsWBoN0Xp0A==",
+      "dev": true,
+      "dependencies": {
+        "loader-utils": "^2.0.0",
+        "regex-parser": "^2.2.11"
+      },
+      "engines": {
+        "node": ">=8.9"
+      }
+    },
+    "node_modules/adm-zip": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.5.16.tgz",
+      "integrity": "sha512-TGw5yVi4saajsSEgz25grObGHEUaDrniwvA2qwSC060KfqGPdglhvPMA2lPIoxs3PQIItj2iag35fONcQqgUaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0"
+      }
+    },
+    "node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/aggregate-error": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
+      "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
+      "dependencies": {
+        "clean-stack": "^2.0.0",
+        "indent-string": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ajv-formats/-/ajv-formats-2.1.1.tgz",
+      "integrity": "sha512-Wx0Kx52hxE7C18hkMEggYlEifqWZtYaRgouJor+WMdPnQyEK13vgEWyVNup7SoeeoLMsr4kf5h6dOW11I15MUA==",
+      "dependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependencies": {
+        "ajv": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ajv": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/ajv-formats/node_modules/ajv": {
+      "version": "8.11.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.11.0.tgz",
+      "integrity": "sha512-wGgprdCvMalC0BztXvitD2hC04YffAvtsUn93JbGXYLAtCUO4xd17mCCZQxUOItiBwZvJScWo8NIvQMQ71rdpg==",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ajv-formats/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug=="
+    },
+    "node_modules/ajv-keywords": {
+      "version": "3.5.2",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+      "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+      "dev": true,
+      "peerDependencies": {
+        "ajv": "^6.9.1"
+      }
+    },
+    "node_modules/algoliasearch": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-3.35.1.tgz",
+      "integrity": "sha512-K4yKVhaHkXfJ/xcUnil04xiSrB8B8yHZoFEhWNpXg23eiCnqvTZw1tn/SqvdsANlYHLJlKl0qi3I/Q2Sqo7LwQ==",
+      "dev": true,
+      "dependencies": {
+        "agentkeepalive": "^2.2.0",
+        "debug": "^2.6.9",
+        "envify": "^4.0.0",
+        "es6-promise": "^4.1.0",
+        "events": "^1.1.0",
+        "foreach": "^2.0.5",
+        "global": "^4.3.2",
+        "inherits": "^2.0.1",
+        "isarray": "^2.0.1",
+        "load-script": "^1.0.0",
+        "object-keys": "^1.0.11",
+        "querystring-es3": "^0.2.1",
+        "reduce": "^1.0.1",
+        "semver": "^5.1.0",
+        "tunnel-agent": "^0.6.0"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/algoliasearch/node_modules/agentkeepalive": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-2.2.0.tgz",
+      "integrity": "sha1-xdG9SxKQCPEWPyNvhuX66iAm4u8=",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/algoliasearch/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/algoliasearch/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+      "dev": true
+    },
+    "node_modules/algoliasearch/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/ally.js": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/ally.js/-/ally.js-1.4.1.tgz",
+      "integrity": "sha512-ZewdfuwP6VewtMN36QY0gmiyvBfMnmEaNwbVu2nTS6zRt069viTgkYgaDiqu6vRJ1VJCriNqV0jGMu44R8zNbA==",
+      "dev": true,
+      "dependencies": {
+        "css.escape": "^1.5.0",
+        "platform": "1.3.3"
+      }
+    },
+    "node_modules/ally.js/node_modules/platform": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/platform/-/platform-1.3.3.tgz",
+      "integrity": "sha512-VJK1SRmXBpjwsB4YOHYSturx48rLKMzHgCqDH2ZDa6ZbMS/N5huoNqyQdK5Fj/xayu3fqbXckn5SeCS1EbMDZg==",
+      "dev": true
+    },
+    "node_modules/ansi-color": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-color/-/ansi-color-0.2.1.tgz",
+      "integrity": "sha512-bF6xLaZBLpOQzgYUtYEhJx090nPSZk1BQ/q2oyBK9aMMcJHzx9uXGCjI2Y+LebsN4Jwoykr0V9whbPiogdyHoQ==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/ansi-colors": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
+      "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ansi-escapes": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.21.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-escapes/node_modules/type-fest": {
+      "version": "0.21.3",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
+      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-html": {
+      "version": "0.0.9",
+      "resolved": "https://registry.npmjs.org/ansi-html/-/ansi-html-0.0.9.tgz",
+      "integrity": "sha512-ozbS3LuenHVxNRh/wdnN16QapUHzauqSomAl1jwwJRRsGwFwtj644lIhxfWu0Fy0acCij2+AEgHvjscq3dlVXg==",
+      "dev": true,
+      "engines": [
+        "node >= 0.8.0"
+      ],
+      "license": "Apache-2.0",
+      "bin": {
+        "ansi-html": "bin/ansi-html"
+      }
+    },
+    "node_modules/ansi-html-community": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/ansi-html-community/-/ansi-html-community-0.0.8.tgz",
+      "integrity": "sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==",
+      "dev": true,
+      "engines": [
+        "node >= 0.8.0"
+      ],
+      "bin": {
+        "ansi-html": "bin/ansi-html"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/ansi-styles/node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dev": true,
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/ansi-styles/node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
+      "dev": true
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/append-field": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/append-field/-/append-field-1.0.0.tgz",
+      "integrity": "sha1-HjRA6RXwsSA9I3SOeO3XubW0PlY="
+    },
+    "node_modules/aproba": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/aproba/-/aproba-1.2.0.tgz",
+      "integrity": "sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw=="
+    },
+    "node_modules/arch": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz",
+      "integrity": "sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/archiver": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/archiver/-/archiver-5.3.2.tgz",
+      "integrity": "sha512-+25nxyyznAXF7Nef3y0EbBeqmGZgeN/BxHX29Rs39djAfaFalmQ89SE6CWyDCHzGL0yt/ycBtNOmGTW0FyGWNw==",
+      "dependencies": {
+        "archiver-utils": "^2.1.0",
+        "async": "^3.2.4",
+        "buffer-crc32": "^0.2.1",
+        "readable-stream": "^3.6.0",
+        "readdir-glob": "^1.1.2",
+        "tar-stream": "^2.2.0",
+        "zip-stream": "^4.1.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/archiver-utils": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/archiver-utils/-/archiver-utils-2.1.0.tgz",
+      "integrity": "sha512-bEL/yUb/fNNiNTuUz979Z0Yg5L+LzLxGJz8x79lYmR54fmTIb6ob/hNQgkQnIUDWIFjZVQwl9Xs356I6BAMHfw==",
+      "dependencies": {
+        "glob": "^7.1.4",
+        "graceful-fs": "^4.2.0",
+        "lazystream": "^1.0.0",
+        "lodash.defaults": "^4.2.0",
+        "lodash.difference": "^4.5.0",
+        "lodash.flatten": "^4.4.0",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.union": "^4.6.0",
+        "normalize-path": "^3.0.0",
+        "readable-stream": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/archiver-utils/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
+    },
+    "node_modules/archiver-utils/node_modules/readable-stream": {
+      "version": "2.3.7",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/archiver-utils/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/are-we-there-yet": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/are-we-there-yet/-/are-we-there-yet-2.0.0.tgz",
+      "integrity": "sha512-Ci/qENmwHnsYo9xKIcUJN5LeDKdJ6R1Z1j9V/J5wyq8nh/mYPEpIKJbBZXtZjG04HiK7zV/p6Vs9952MrMeUIw==",
+      "dependencies": {
+        "delegates": "^1.0.0",
+        "readable-stream": "^3.6.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+    },
+    "node_modules/args-js": {
+      "version": "0.10.12",
+      "resolved": "https://registry.npmjs.org/args-js/-/args-js-0.10.12.tgz",
+      "integrity": "sha1-oyeuqA5BByo9hfnCdNtlEeuV5Jw=",
+      "engines": {
+        "node": ">0.8.0",
+        "npm": ">1.1.0"
+      }
+    },
+    "node_modules/aria-query": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
+      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
+      "dev": true,
+      "dependencies": {
+        "deep-equal": "^2.0.5"
+      }
+    },
+    "node_modules/arr-diff": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-4.0.0.tgz",
+      "integrity": "sha512-YVIQ82gZPGBebQV/a8dar4AitzCQs0jjXwMPZllpXMaGjXPYVUawSxQrRsjhjupyVxEvbHgUmIhKVlND+j02kA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/arr-flatten": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz",
+      "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/arr-union": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz",
+      "integrity": "sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.1.tgz",
+      "integrity": "sha512-ahC5W1xgou+KTXix4sAO8Ki12Q+jf4i0+tmk3sC+zgcynshkHxzpXdImBehiUYKKKDwvfFiJl1tZt6ewscS1Mg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.5",
+        "is-array-buffer": "^3.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI="
+    },
+    "node_modules/array-from": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/array-from/-/array-from-2.1.1.tgz",
+      "integrity": "sha1-z+nYwmYoudxa7MYqn12PHzUsEZU=",
+      "dev": true
+    },
+    "node_modules/array-includes": {
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/array-includes/-/array-includes-3.1.6.tgz",
+      "integrity": "sha512-sgTbLvL6cNnw24FnbaDyjmvddQ2ML8arZsgaJhoABMoplz/4QRhtrYS+alr1BUM1Bwp6dhx8vVCBSLG+StwOFw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "get-intrinsic": "^1.1.3",
+        "is-string": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-union": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
+      "integrity": "sha1-mjRBDk9OPaI96jdb5b5w8kd47Dk=",
+      "dependencies": {
+        "array-uniq": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/array-uniq": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
+      "integrity": "sha1-r2rId6Jcx/dOBYiUdThY39sk/bY=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/array-unique": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+      "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/array.prototype.flat": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/array.prototype.flat/-/array.prototype.flat-1.2.5.tgz",
+      "integrity": "sha512-KaYU+S+ndVqyUnignHftkwc58o3uVU1jzczILJ1tN2YaIZpFIKBiP/x/j97E5MVPsaCloPbqWLB/8qCTVvT2qg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.19.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.flatmap": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/array.prototype.flatmap/-/array.prototype.flatmap-1.3.1.tgz",
+      "integrity": "sha512-8UGn9O1FDVvMNB0UlLv4voxRMze7+FpHyF5mSMRjWHUMlpoDViniy05870VlxhfgTnLbpuwTzvD76MTtWxB/mQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "es-shim-unscopables": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array.prototype.tosorted": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array.prototype.tosorted/-/array.prototype.tosorted-1.1.1.tgz",
+      "integrity": "sha512-pZYPXPRl2PqWcsUs6LOMn+1f1532nEoPTYowBtqLwAW+W8vSVhkIGnmOX1t/UQjD6YGI0vcD2B1U7ZFGQH9jnQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "es-shim-unscopables": "^1.0.0",
+        "get-intrinsic": "^1.1.3"
+      }
+    },
+    "node_modules/arraybuffer.prototype.slice": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/arraybuffer.prototype.slice/-/arraybuffer.prototype.slice-1.0.3.tgz",
+      "integrity": "sha512-bMxMKAjg13EBSVscxTaYA4mRc5t1UAXa2kXiGTNfZ079HIWXEkKmkgFrh/nJqamaLSrXO5H4WFFkPEaLJWbs3A==",
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "call-bind": "^1.0.5",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.22.3",
+        "es-errors": "^1.2.1",
+        "get-intrinsic": "^1.2.3",
+        "is-array-buffer": "^3.0.4",
+        "is-shared-array-buffer": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/arrify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-2.0.1.tgz",
+      "integrity": "sha512-3duEwti880xqi4eAMN8AyR4a0ByT90zoYdLlevfrvU43vb0YZwZVfxOgxWrLXXXpyugL0hNZc9G6BiB5B3nUug==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/asap": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+      "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY="
+    },
+    "node_modules/asn1": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz",
+      "integrity": "sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": "~2.1.0"
+      }
+    },
+    "node_modules/assert-never": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/assert-never/-/assert-never-1.2.1.tgz",
+      "integrity": "sha512-TaTivMB6pYI1kXwrFlEhLeGfOqoDNdTxjCdwRfFFkEA30Eu+k48W34nlok2EYWJfFFzqaEmichdNM7th6M5HNw=="
+    },
+    "node_modules/assert-plus": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-0.1.5.tgz",
+      "integrity": "sha1-7nQAlBMALYTOxyGcasgRgS5yMWA=",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/assertion-error": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/assertion-error/-/assertion-error-1.1.0.tgz",
+      "integrity": "sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/assign-symbols": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
+      "integrity": "sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ast-types": {
+      "version": "0.16.1",
+      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.16.1.tgz",
+      "integrity": "sha512-6t10qk83GOG8p0vKmaCr8eiilZwO171AvbROMtvvNiwrTly62t+7XkA8RdIIVbpMhCASAsxgAzdRSwh6nw/5Dg==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/ast-types-flow": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npmjs.org/ast-types-flow/-/ast-types-flow-0.0.7.tgz",
+      "integrity": "sha1-9wtzXGvKGlycItmCw+Oef+ujva0=",
+      "dev": true
+    },
+    "node_modules/astral-regex": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
+      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/async": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.5.tgz",
+      "integrity": "sha512-baNZyqaaLhyLVKm/DlvdW051MSgO6b8eVfIezl9E5PqWxFgzLm/wQntEW4zOytVburDEr0JlALEpdOFwvErLsg=="
+    },
+    "node_modules/async-lock": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/async-lock/-/async-lock-1.4.1.tgz",
+      "integrity": "sha512-Az2ZTpuytrtqENulXwO3GGv1Bztugx6TT37NIo7imr/Qo0gsYiGtSdBa2B6fsXhTpVZDNfu1Qn3pk531e3q+nQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/async-retry": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/async-retry/-/async-retry-1.3.3.tgz",
+      "integrity": "sha512-wfr/jstw9xNi/0teMHrRW7dsz3Lt5ARhYNZ2ewpadnhaIp5mbALhOAP+EAdsC7t4Z6wqsDVv9+W6gm1Dk9mEyw==",
+      "dependencies": {
+        "retry": "0.13.1"
+      }
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k="
+    },
+    "node_modules/at-least-node": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
+      "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/atob": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/atob/-/atob-2.1.2.tgz",
+      "integrity": "sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==",
+      "dev": true,
+      "bin": {
+        "atob": "bin/atob.js"
+      },
+      "engines": {
+        "node": ">= 4.5.0"
+      }
+    },
+    "node_modules/auth0-id-generator": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/auth0-id-generator/-/auth0-id-generator-0.2.0.tgz",
+      "integrity": "sha512-sJVZrGls/XB7TEsAovv6GsGwsjDBhBy014w+9x/DNZH8OTV8F/uioMmT68ADWtfbvfkJaNCYNjRs1dOVFyNqbQ=="
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.16",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.16.tgz",
+      "integrity": "sha512-7vd3UC6xKp0HLfua5IjZlcXvGAGy7cBAXTg2lyQ/8WpNhd6SiZ8Be+xm3FyBSYJx5GKcpRCzBh7RH4/0dnY+uQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "browserslist": "^4.21.10",
+        "caniuse-lite": "^1.0.30001538",
+        "fraction.js": "^4.3.6",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.0.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
+      "integrity": "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/aws-sdk": {
+      "version": "2.1358.0",
+      "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.1358.0.tgz",
+      "integrity": "sha512-ZolqFlnm0mDNgub7FGrVi7r5A1rw+58zZziKhlis3IxOtIpHdx4BQU5pH4htAMuD0Ct557p/dC/wmnZH/1Rc9Q==",
+      "dependencies": {
+        "buffer": "4.9.2",
+        "events": "1.1.1",
+        "ieee754": "1.1.13",
+        "jmespath": "0.16.0",
+        "querystring": "0.2.0",
+        "sax": "1.2.1",
+        "url": "0.10.3",
+        "util": "^0.12.4",
+        "uuid": "8.0.0",
+        "xml2js": "0.5.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/aws-sdk/node_modules/uuid": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.0.0.tgz",
+      "integrity": "sha512-jOXGuXZAWdsTH7eZLtyXMqUb9EcWMGZNbL9YcGBJl4MH4nrxHmZJhEHvyLFrkxo+28uLb/NYRcStH48fnD0Vzw==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/aws-sdk/node_modules/xml2js": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.5.0.tgz",
+      "integrity": "sha512-drPFnkQJik/O+uPKpqSgr22mpuFHqKdbS835iAQrUC73L2F5WkboIRd63ai/2Yg6I1jzifPFKH2NTK+cfglkIA==",
+      "dependencies": {
+        "sax": ">=0.6.0",
+        "xmlbuilder": "~11.0.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/aws-sdk/node_modules/xmlbuilder": {
+      "version": "11.0.1",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-11.0.1.tgz",
+      "integrity": "sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/aws-sign2": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
+      "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/aws4": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.11.0.tgz",
+      "integrity": "sha512-xh1Rl34h6Fi1DC2WWKfxUTVqRsNnr6LsKz2+hfwDxQJWmrx8+c7ylaqBMcHfl1U1r2dsifOvKX3LQuLNZ+XSvA=="
+    },
+    "node_modules/axe-core": {
+      "version": "4.7.1",
+      "resolved": "https://registry.npmjs.org/axe-core/-/axe-core-4.7.1.tgz",
+      "integrity": "sha512-sCXXUhA+cljomZ3ZAwb8i1p3oOlkABzPy08ZDAoGcYuvtBPlQ1Ytde129ArXyHWDhfeewq7rlx9F+cUx2SSlkg==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/axios": {
+      "version": "1.8.4",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.8.4.tgz",
+      "integrity": "sha512-eBSYY4Y68NNlHbHBMdeDmKNtDgXWhQsJcGqzO3iLUM0GraQFSS9cVgPX5I9b3lbdFKyYoAEGAZF1DwhTaljNAw==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/axios/node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
+    "node_modules/axobject-query": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.1.1.tgz",
+      "integrity": "sha512-goKlv8DZrK9hUh975fnHzhNIO4jUnFCfv/dszV5VwUGDFjI6vQ2VwoyjYjYNEbBE8AH87TduWP5uyDR1D+Iteg==",
+      "dev": true,
+      "dependencies": {
+        "deep-equal": "^2.0.5"
+      }
+    },
+    "node_modules/b4a": {
+      "version": "1.6.7",
+      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.6.7.tgz",
+      "integrity": "sha512-OnAYlL5b7LEkALw87fUVafQw5rVR9RjwGd4KUwNQ6DrrNmaVaUCgLipfVlzrPQ4tWOR9P0IXGNOx50jYCCdSJg==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/babel-core": {
+      "version": "7.0.0-bridge.0",
+      "resolved": "https://registry.npmjs.org/babel-core/-/babel-core-7.0.0-bridge.0.tgz",
+      "integrity": "sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==",
+      "dev": true,
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/babel-loader": {
+      "version": "9.2.1",
+      "resolved": "https://registry.npmjs.org/babel-loader/-/babel-loader-9.2.1.tgz",
+      "integrity": "sha512-fqe8naHt46e0yIdkjUZYqddSXfej3AHajX+CSO5X7oy0EmPc6o5Xh+RClNoHjnieWz9AW4kZxW9yyFMhVB1QLA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "find-cache-dir": "^4.0.0",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14.15.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.12.0",
+        "webpack": ">=5"
+      }
+    },
+    "node_modules/babel-loader/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/babel-loader/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/babel-loader/node_modules/find-cache-dir": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-4.0.0.tgz",
+      "integrity": "sha512-9ZonPT4ZAK4a+1pUPVPZJapbi7O5qbbJPdYw/NOQWZZbVLdDTYM3A4R9z/DpAM08IDaFGsvPgiGZ82WEwUDWjg==",
+      "dev": true,
+      "dependencies": {
+        "common-path-prefix": "^3.0.0",
+        "pkg-dir": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/babel-loader/node_modules/find-up": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-6.3.0.tgz",
+      "integrity": "sha512-v2ZsoEuVHYy8ZIlYqwPe/39Cy+cFDzp4dXPaxNvkEuouymu+2Jbz0PxpKarJHYJTmv2HWT3O382qY8l4jMWthw==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^7.1.0",
+        "path-exists": "^5.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/babel-loader/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/babel-loader/node_modules/locate-path": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-7.2.0.tgz",
+      "integrity": "sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^6.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/babel-loader/node_modules/p-limit": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-4.0.0.tgz",
+      "integrity": "sha512-5b0R4txpzjPWVw/cXXUResoD4hb6U/x9BH08L7nw+GN1sezDzPdxeRvpc9c433fZhBan/wusjbCsqwqm4EIBIQ==",
+      "dev": true,
+      "dependencies": {
+        "yocto-queue": "^1.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/babel-loader/node_modules/p-locate": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-6.0.0.tgz",
+      "integrity": "sha512-wPrq66Llhl7/4AGC6I+cqxT07LhXvWL08LNXz1fENOw0Ap4sRZZ/gZpTTJ5jpurzzzfS2W/Ge9BY3LgLjCShcw==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/babel-loader/node_modules/path-exists": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-5.0.0.tgz",
+      "integrity": "sha512-RjhtfwJOxzcFmNOi6ltcbcu4Iu+FL3zEj83dk4kAS+fVpTxXLO1b38RvJgT/0QwvV/L3aY9TAnyv0EOqW4GoMQ==",
+      "dev": true,
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      }
+    },
+    "node_modules/babel-loader/node_modules/pkg-dir": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-7.0.0.tgz",
+      "integrity": "sha512-Ie9z/WINcxxLp27BKOCHGde4ITq9UklYKDzVo1nhk5sqGEXU3FpkwP5GM2voTGJkGd9B3Otl+Q4uwSOeSUtOBA==",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/babel-loader/node_modules/schema-utils": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.1.tgz",
+      "integrity": "sha512-lELhBAAly9NowEsX0yZBlw9ahZG+sK/1RJ21EpzdYHKEs13Vku3LJ+MIPhh4sMs0oCCeufZQEQbMekiA4vuVIQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/babel-loader/node_modules/yocto-queue": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.0.0.tgz",
+      "integrity": "sha512-9bnSc/HEW2uRy67wc+T8UwauLuPJVn28jb+GtJY16iiKWyvmYJRXVT4UamsAEGQfPohgr2q4Tq0sQbQlxTfi1g==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/babel-plugin-macros": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/babel-plugin-macros/-/babel-plugin-macros-3.1.0.tgz",
+      "integrity": "sha512-Cg7TFGpIr01vOQNODXOOaGz2NpCU5gl8x1qJFbb6hbZxR7XrcE2vtbAsTAbJ7/xwJtUuJEw8K8Zr/AE0LHlesg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "cosmiconfig": "^7.0.0",
+        "resolve": "^1.19.0"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      }
+    },
+    "node_modules/babel-plugin-module-resolver": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-module-resolver/-/babel-plugin-module-resolver-5.0.2.tgz",
+      "integrity": "sha512-9KtaCazHee2xc0ibfqsDeamwDps6FZNo5S0Q81dUqEuFzVwPhcT4J5jOqIVvgCA3Q/wO9hKYxN/Ds3tIsp5ygg==",
+      "dev": true,
+      "dependencies": {
+        "find-babel-config": "^2.1.1",
+        "glob": "^9.3.3",
+        "pkg-up": "^3.1.0",
+        "reselect": "^4.1.7",
+        "resolve": "^1.22.8"
+      }
+    },
+    "node_modules/babel-plugin-module-resolver/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/babel-plugin-module-resolver/node_modules/glob": {
+      "version": "9.3.5",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-9.3.5.tgz",
+      "integrity": "sha512-e1LleDykUz2Iu+MTYdkSsuWX8lvAjAcs0Xef0lNIu0S2wOAzuTxCJtcd9S3cijlwYF18EsU3rzb8jPVobxDh9Q==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "minimatch": "^8.0.2",
+        "minipass": "^4.2.4",
+        "path-scurry": "^1.6.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/babel-plugin-module-resolver/node_modules/minimatch": {
+      "version": "8.0.4",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-8.0.4.tgz",
+      "integrity": "sha512-W0Wvr9HyFXZRGIDgCicunpQ299OKXs9RgZfaukz4qAW/pJhcpUfupc9c+OObPOFueNy8VSrZgEmDtk6Kh4WzDA==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/babel-plugin-module-resolver/node_modules/minipass": {
+      "version": "4.2.8",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-4.2.8.tgz",
+      "integrity": "sha512-fNzuVyifolSLFL4NzpF+wEF4qrgqaaKX0haXPQEdQ7NKAN+WecoKMHV09YcuL/DHxrUsYQOK3MiuDf7Ip2OXfQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs2": {
+      "version": "0.4.11",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs2/-/babel-plugin-polyfill-corejs2-0.4.11.tgz",
+      "integrity": "sha512-sMEJ27L0gRHShOh5G54uAAPaiCOygY/5ratXuiyb2G46FmlSpc9eFCzYVyDiPxfNbwzA7mYahmjQc5q+CZQ09Q==",
+      "dev": true,
+      "dependencies": {
+        "@babel/compat-data": "^7.22.6",
+        "@babel/helper-define-polyfill-provider": "^0.6.2",
+        "semver": "^6.3.1"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-corejs3": {
+      "version": "0.10.4",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-corejs3/-/babel-plugin-polyfill-corejs3-0.10.4.tgz",
+      "integrity": "sha512-25J6I8NGfa5YkCDogHRID3fVCadIR8/pGl1/spvCkzb6lVn6SR3ojpx9nOn9iEBcUsjY24AmdKm5khcfKdylcg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.6.1",
+        "core-js-compat": "^3.36.1"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-polyfill-regenerator": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-polyfill-regenerator/-/babel-plugin-polyfill-regenerator-0.6.2.tgz",
+      "integrity": "sha512-2R25rQZWP63nGwaAswvDazbPXfrM3HwVoBXK6HcqeKrSrL/JqcC/rDcf95l4r7LXLyxDXc8uQDa064GubtCABg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-define-polyfill-provider": "^0.6.2"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
+      }
+    },
+    "node_modules/babel-plugin-react-transform": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/babel-plugin-react-transform/-/babel-plugin-react-transform-2.0.2.tgz",
+      "integrity": "sha512-y/e6c6xTp5vNAOWJ628872w0ntFbiM4baNSvubOE4xWIEeI8J3npUz0I1DVbzcjijtyket2WRXSqCFYoI3ENZQ==",
+      "dev": true,
+      "dependencies": {
+        "lodash": "^4.6.1"
+      }
+    },
+    "node_modules/babel-plugin-transform-react-remove-prop-types": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-react-remove-prop-types/-/babel-plugin-transform-react-remove-prop-types-0.3.3.tgz",
+      "integrity": "sha512-JTASijWmnc92y7uqEH17cb092qois29MkLzaRU3fYAhV88aANm7R+SEkdcXt1kxMaX7x1Lh1OWbyexKtHNi3OQ==",
+      "dev": true
+    },
+    "node_modules/babel-walk": {
+      "version": "3.0.0-canary-5",
+      "resolved": "https://registry.npmjs.org/babel-walk/-/babel-walk-3.0.0-canary-5.tgz",
+      "integrity": "sha512-GAwkz0AihzY5bkwIY5QDR+LvsRQgB/B+1foMPvi0FZPMl5fjD7ICiznUiBdLYMH1QYe6vqu4gWYytZOccLouFw==",
+      "dependencies": {
+        "@babel/types": "^7.9.6"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/backbone": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/backbone/-/backbone-1.6.0.tgz",
+      "integrity": "sha512-13PUjmsgw/49EowNcQvfG4gmczz1ximTMhUktj0Jfrjth0MVaTxehpU+qYYX4MxnuIuhmvBLC6/ayxuAGnOhbA==",
+      "dev": true,
+      "dependencies": {
+        "underscore": ">=1.8.3"
+      }
+    },
+    "node_modules/backoff": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/backoff/-/backoff-2.5.0.tgz",
+      "integrity": "sha1-9hbtqdPktmuMp/ynn2lXIsX44m8=",
+      "dependencies": {
+        "precond": "0.2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+    },
+    "node_modules/bare-events": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.5.4.tgz",
+      "integrity": "sha512-+gFfDkR8pj4/TrWCGUGWmJIkBwuxPS5F+a5yWjOHQt2hHvNZd5YLzadjmDUtFmMM4y429bnKLa8bYBMHcYdnQA==",
+      "license": "Apache-2.0",
+      "optional": true
+    },
+    "node_modules/bare-fs": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.0.1.tgz",
+      "integrity": "sha512-ilQs4fm/l9eMfWY2dY0WCIUplSUp7U0CT1vrqMg1MUdeZl4fypu5UP0XcDBK5WBQPJAKP1b7XEodISmekH/CEg==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "bare-events": "^2.0.0",
+        "bare-path": "^3.0.0",
+        "bare-stream": "^2.0.0"
+      },
+      "engines": {
+        "bare": ">=1.7.0"
+      }
+    },
+    "node_modules/bare-os": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/bare-os/-/bare-os-3.6.0.tgz",
+      "integrity": "sha512-BUrFS5TqSBdA0LwHop4OjPJwisqxGy6JsWVqV6qaFoe965qqtaKfDzHY5T2YA1gUL0ZeeQeA+4BBc1FJTcHiPw==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "bare": ">=1.14.0"
+      }
+    },
+    "node_modules/bare-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bare-path/-/bare-path-3.0.0.tgz",
+      "integrity": "sha512-tyfW2cQcB5NN8Saijrhqn0Zh7AnFNsnczRcuWODH0eYAXBsJ5gVxAUuNr7tsHSC6IZ77cA0SitzT+s47kot8Mw==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "bare-os": "^3.0.1"
+      }
+    },
+    "node_modules/bare-stream": {
+      "version": "2.6.5",
+      "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.6.5.tgz",
+      "integrity": "sha512-jSmxKJNJmHySi6hC42zlZnq00rga4jjxcgNZjY9N5WlOe/iOoGRtdwGsHzQv2RlH2KOYMwGUXhf2zXd32BA9RA==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "streamx": "^2.21.0"
+      },
+      "peerDependencies": {
+        "bare-buffer": "*",
+        "bare-events": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-buffer": {
+          "optional": true
+        },
+        "bare-events": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/base": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz",
+      "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==",
+      "dev": true,
+      "dependencies": {
+        "cache-base": "^1.0.1",
+        "class-utils": "^0.3.5",
+        "component-emitter": "^1.2.1",
+        "define-property": "^1.0.0",
+        "isobject": "^3.0.1",
+        "mixin-deep": "^1.2.0",
+        "pascalcase": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-x": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/base-x/-/base-x-4.0.0.tgz",
+      "integrity": "sha512-FuwxlW4H5kh37X/oW59pwTzzTKRzfrrQwhmyspRM7swOEZcHtDZSCt45U6oKgtuFE+WYPblePMVIPR4RZrh/hw=="
+    },
+    "node_modules/base/node_modules/define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+      "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+      "dev": true,
+      "dependencies": {
+        "is-descriptor": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/base64-stream": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/base64-stream/-/base64-stream-0.1.5.tgz",
+      "integrity": "sha512-j3OFbLDb8Wy0SM7HrP1zj8ADVHqaKoL8VNrDnd7wedkoz5onf9le2DgOsCdmg8QQPnUPXd7LLCjGnYAk/YDBFg==",
+      "dependencies": {
+        "readable-stream": "^2.0.2"
+      }
+    },
+    "node_modules/base64-stream/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
+    },
+    "node_modules/base64-stream/node_modules/readable-stream": {
+      "version": "2.3.7",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/base64-stream/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/base64id": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/base64id/-/base64id-0.1.0.tgz",
+      "integrity": "sha1-As4P3u4M709ACA4ec+g08LG/zj8=",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/base64url": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/base64url/-/base64url-3.0.1.tgz",
+      "integrity": "sha512-ir1UPr3dkwexU7FdV8qBBbNDRUhMmIekYMFZfi+C/sLNnRESKPl23nB9b2pltqfOQNnGzsDdId90AEtG5tCx4A==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/basic-auth": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/basic-auth/-/basic-auth-2.0.1.tgz",
+      "integrity": "sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==",
+      "dependencies": {
+        "safe-buffer": "5.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/batch": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/batch/-/batch-0.6.1.tgz",
+      "integrity": "sha512-x+VAiMRL6UPkx+kudNvxTl6hB2XNNCG2r+7wixVfIYwu/2HKRXimwQyaumLjMveWvT2Hkd/cAJw+QBMfJ/EKVw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/bcrypt": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/bcrypt/-/bcrypt-5.0.1.tgz",
+      "integrity": "sha512-9BTgmrhZM2t1bNuDtrtIMVSmmxZBrJ71n8Wg+YgdjHuIWYF7SjjmCPZFB+/5i/o/PIeRpwVJR3P+NrpIItUjqw==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@mapbox/node-pre-gyp": "^1.0.0",
+        "node-addon-api": "^3.1.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/bcrypt-pbkdf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
+      "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=",
+      "dependencies": {
+        "tweetnacl": "^0.14.3"
+      }
+    },
+    "node_modules/bcryptjs": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npmjs.org/bcryptjs/-/bcryptjs-2.4.3.tgz",
+      "integrity": "sha1-mrVie5PmBiH/fNrF2pczAn3x0Ms="
+    },
+    "node_modules/benchmark": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/benchmark/-/benchmark-2.1.4.tgz",
+      "integrity": "sha512-l9MlfN4M1K/H2fbhfMy3B7vJd6AGKJVQn2h6Sg/Yx+KckoUA7ewS5Vv6TjSq18ooE1kS9hhAlQRH3AkXIh/aOQ==",
+      "dev": true,
+      "dependencies": {
+        "lodash": "^4.17.4",
+        "platform": "^1.3.3"
+      }
+    },
+    "node_modules/benny": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/benny/-/benny-3.7.1.tgz",
+      "integrity": "sha512-USzYxODdVfOS7JuQq/L0naxB788dWCiUgUTxvN+WLPt/JfcDURNNj8kN/N+uK6PDvuR67/9/55cVKGPleFQINA==",
+      "dev": true,
+      "dependencies": {
+        "@arrows/composition": "^1.0.0",
+        "@arrows/dispatch": "^1.0.2",
+        "@arrows/multimethod": "^1.1.6",
+        "benchmark": "^2.1.4",
+        "common-tags": "^1.8.0",
+        "fs-extra": "^10.0.0",
+        "json2csv": "^5.0.6",
+        "kleur": "^4.1.4",
+        "log-update": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/benny/node_modules/commander": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
+      "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/benny/node_modules/json2csv": {
+      "version": "5.0.7",
+      "resolved": "https://registry.npmjs.org/json2csv/-/json2csv-5.0.7.tgz",
+      "integrity": "sha512-YRZbUnyaJZLZUJSRi2G/MqahCyRv9n/ds+4oIetjDF3jWQA7AG7iSeKTiZiCNqtMZM7HDyt0e/W6lEnoGEmMGA==",
+      "dev": true,
+      "dependencies": {
+        "commander": "^6.1.0",
+        "jsonparse": "^1.3.1",
+        "lodash.get": "^4.4.2"
+      },
+      "bin": {
+        "json2csv": "bin/json2csv.js"
+      },
+      "engines": {
+        "node": ">= 10",
+        "npm": ">= 6.13.0"
+      }
+    },
+    "node_modules/better-opn": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/better-opn/-/better-opn-3.0.2.tgz",
+      "integrity": "sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "open": "^8.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/big.js": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-6.1.1.tgz",
+      "integrity": "sha512-1vObw81a8ylZO5ePrtMay0n018TcftpTA5HFKDaSuiUDBo8biRBtjIobw60OpwuvrGk+FsxKamqN4cnmj/eXdg==",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/bigjs"
+      }
+    },
+    "node_modules/bignumber.js": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/bignumber.js/-/bignumber.js-9.0.2.tgz",
+      "integrity": "sha512-GAcQvbpsM0pUb0zw1EI0KhQEZ+lRwR5fYaAp3vPOYuP7aDvGy6cVN6XHLauvF8SOga2y0dcLcjt3iQDTSEliyw==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.2.0.tgz",
+      "integrity": "sha512-jDctJ/IVQbZoJykoeHbhXpOlNBqGNcwXJKJog42E5HDPUwQTSdjCHdihjj0DlnheQ7blbT6dHOafNAiS8ooQKA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/bindings": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/bindings/-/bindings-1.5.0.tgz",
+      "integrity": "sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==",
+      "dependencies": {
+        "file-uri-to-path": "1.0.0"
+      }
+    },
+    "node_modules/bintrees": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/bintrees/-/bintrees-1.0.1.tgz",
+      "integrity": "sha1-DmVcm5wkNeqraL9AJyJtK1WjRSQ="
+    },
+    "node_modules/bl": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-4.1.0.tgz",
+      "integrity": "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==",
+      "dependencies": {
+        "buffer": "^5.5.0",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      }
+    },
+    "node_modules/bl/node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/blob-util": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/blob-util/-/blob-util-2.0.2.tgz",
+      "integrity": "sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ==",
+      "dev": true
+    },
+    "node_modules/bluebird": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
+      "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg=="
+    },
+    "node_modules/blueimp-md5": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/blueimp-md5/-/blueimp-md5-2.19.0.tgz",
+      "integrity": "sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w==",
+      "dev": true
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.3",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
+      "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "on-finished": "2.4.1",
+        "qs": "6.13.0",
+        "raw-body": "2.5.2",
+        "type-is": "~1.6.18",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/body-parser/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/body-parser/node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/body-parser/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+    },
+    "node_modules/body-parser/node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/bonjour-service": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/bonjour-service/-/bonjour-service-1.3.0.tgz",
+      "integrity": "sha512-3YuAUiSkWykd+2Azjgyxei8OWf8thdn8AITIog2M4UICzoqfjlqr64WIjEXZllf/W6vK1goqleSR6brGomxQqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "multicast-dns": "^7.2.5"
+      }
+    },
+    "node_modules/boolbase": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz",
+      "integrity": "sha1-aN/1++YMUes3cl6p4+0xDcwed24=",
+      "dev": true
+    },
+    "node_modules/bootstrap": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-3.4.1.tgz",
+      "integrity": "sha512-yN5oZVmRCwe5aKwzRj6736nSmKDX7pLYwsXiCj/EYmo16hODaBiT4En5btW/jhBF/seV+XMx3aYwukYC3A49DA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/bootstrap-5": {
+      "name": "bootstrap",
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.3.tgz",
+      "integrity": "sha512-8HLCdWgyoMguSO9o+aH+iuZ+aht+mzW0u3HIMzVu7Srrpv7EBBxTnrFlSCskwdY1+EOFQSm7uMJhNQHkdPcmjg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/twbs"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/bootstrap"
+        }
+      ],
+      "peerDependencies": {
+        "@popperjs/core": "^2.11.8"
+      }
+    },
+    "node_modules/bowser": {
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/bowser/-/bowser-2.11.0.tgz",
+      "integrity": "sha512-AlcaJBi/pqqJBIQ8U9Mcpc9i8Aqxn88Skv5d+xBX006BY5u8N3mGLHa5Lgppa7L/HfwgwLgZ6NYs+Ag6uUmJRA=="
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
+      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browser-assert": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/browser-assert/-/browser-assert-1.2.1.tgz",
+      "integrity": "sha512-nfulgvOR6S4gt9UKCeGJOuSGBPGiFT6oQ/2UBnvTY/5aQ1PnksW72fhZkM30DzoRRv2WpwZf1vHHEr3mtuXIWQ==",
+      "dev": true
+    },
+    "node_modules/browser-process-hrtime": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/browser-process-hrtime/-/browser-process-hrtime-1.0.0.tgz",
+      "integrity": "sha512-9o5UecI3GhkpM6DrXr69PblIuWxPKk9Y0jHBRhdocZ2y7YECBFCsHm79Pr3OyR2AvjhDkabFJaDJMYRazHgsow==",
+      "dev": true
+    },
+    "node_modules/browser-stdout": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/browser-stdout/-/browser-stdout-1.3.1.tgz",
+      "integrity": "sha512-qhAVI1+Av2X7qelOfAIYwXONood6XlZE/fXaBSmW/T5SzLAmCgzi+eiWE7fUvbHaeNBQH13UftjpXxsfLkMpgw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/browserslist": {
+      "version": "4.24.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.0.tgz",
+      "integrity": "sha512-Rmb62sR1Zpjql25eSanFGEhAxcFwfA1K0GuQcLoaJBAcENegrQut3hYdhXFF1obQfiDyqIW/cLM5HSJ/9k884A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "caniuse-lite": "^1.0.30001663",
+        "electron-to-chromium": "^1.5.28",
+        "node-releases": "^2.0.18",
+        "update-browserslist-db": "^1.1.0"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/bson": {
+      "version": "6.10.1",
+      "resolved": "https://registry.npmjs.org/bson/-/bson-6.10.1.tgz",
+      "integrity": "sha512-P92xmHDQjSKPLHqFxefqMxASNq/aWJMEZugpCjf+AF/pgcUpMMQCg7t7+ewko0/u8AapvF3luf/FoehddEK+sA==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=16.20.1"
+      }
+    },
+    "node_modules/btoa": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/btoa/-/btoa-1.2.1.tgz",
+      "integrity": "sha512-SB4/MIGlsiVkMcHmT+pSmIPoNDoHg+7cMzmt3Uxt628MTz2487DKSqK/fuhFBrkuqrYv5UCEnACpF4dTFNKc/g==",
+      "bin": {
+        "btoa": "bin/btoa.js"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "4.9.2",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-4.9.2.tgz",
+      "integrity": "sha512-xq+q3SRMOxGivLhBNaUdC64hDTQwejJ+H0T/NB1XMtTVEwNTrfFF3gAxiyW0Bu/xWEGhjVKgUcMhCrUy2+uCWg==",
+      "dependencies": {
+        "base64-js": "^1.0.2",
+        "ieee754": "^1.1.4",
+        "isarray": "^1.0.0"
+      }
+    },
+    "node_modules/buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha1-DTM+PwDqxQqhRUq9MO+MKl2ackI=",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/buffer-equal-constant-time": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/buffer-equal-constant-time/-/buffer-equal-constant-time-1.0.1.tgz",
+      "integrity": "sha1-+OcRMvf/5uAaXJaXpMbz5I1cyBk="
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="
+    },
+    "node_modules/buffer-writer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/buffer-writer/-/buffer-writer-2.0.0.tgz",
+      "integrity": "sha512-a7ZpuTZU1TRtnwyCNW3I5dc0wWNC3VR9S++Ewyk2HHZdrO3CQJqSpd+95Us590V6AL7JqUAH2IwZ/398PmNFgw==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/buffer/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
+    },
+    "node_modules/bufrw": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/bufrw/-/bufrw-1.3.0.tgz",
+      "integrity": "sha512-jzQnSbdJqhIltU9O5KUiTtljP9ccw2u5ix59McQy4pV2xGhVLhRZIndY8GIrgh5HjXa6+QJ9AQhOd2QWQizJFQ==",
+      "dependencies": {
+        "ansi-color": "^0.2.1",
+        "error": "^7.0.0",
+        "hexer": "^1.5.0",
+        "xtend": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 0.10.x"
+      }
+    },
+    "node_modules/buildcheck": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/buildcheck/-/buildcheck-0.0.6.tgz",
+      "integrity": "sha512-8f9ZJCUXyT1M35Jx7MkBgmBMo3oHTTBIPLiY9xyL0pl3T5RwcPEY8cUHr5LBNfu/fk6c2T4DJZuVM/8ZZT2D2A==",
+      "optional": true,
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/builtin-modules": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/builtin-modules/-/builtin-modules-3.3.0.tgz",
+      "integrity": "sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/builtins": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/builtins/-/builtins-4.1.0.tgz",
+      "integrity": "sha512-1bPRZQtmKaO6h7qV1YHXNtr6nCK28k0Zo95KM4dXfILcZZwoHJBN1m3lfLv9LPkcOZlrSr+J1bzMaZFO98Yq0w==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "semver": "^7.0.0"
+      }
+    },
+    "node_modules/builtins/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/builtins/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/builtins/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/bull": {
+      "version": "3.29.3",
+      "resolved": "https://registry.npmjs.org/bull/-/bull-3.29.3.tgz",
+      "integrity": "sha512-MOqV1dKLy1YQgP9m3lFolyMxaU+1+o4afzYYf0H4wNM+x/S0I1QPQfkgGlLiH00EyFrvSmeubeCYFP47rTfpjg==",
+      "dependencies": {
+        "cron-parser": "^2.13.0",
+        "debuglog": "^1.0.0",
+        "get-port": "^5.1.1",
+        "ioredis": "^4.27.0",
+        "lodash": "^4.17.21",
+        "p-timeout": "^3.2.0",
+        "promise.prototype.finally": "^3.1.2",
+        "semver": "^7.3.2",
+        "util.promisify": "^1.0.1",
+        "uuid": "^8.3.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/bull/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/bull/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/bull/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/bull/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/bundle-name": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/bundle-name/-/bundle-name-4.1.0.tgz",
+      "integrity": "sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "run-applescript": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/bunyan": {
+      "version": "1.8.15",
+      "resolved": "https://registry.npmjs.org/bunyan/-/bunyan-1.8.15.tgz",
+      "integrity": "sha512-0tECWShh6wUysgucJcBAoYegf3JJoZWibxdqhTm7OHPeT42qdjkZ29QCMcKwbgU1kiH+auSIasNRXMLWXafXig==",
+      "engines": [
+        "node >=0.10.0"
+      ],
+      "bin": {
+        "bunyan": "bin/bunyan"
+      },
+      "optionalDependencies": {
+        "dtrace-provider": "~0.8",
+        "moment": "^2.19.3",
+        "mv": "~2",
+        "safe-json-stringify": "~1"
+      }
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/c8": {
+      "version": "7.14.0",
+      "resolved": "https://registry.npmjs.org/c8/-/c8-7.14.0.tgz",
+      "integrity": "sha512-i04rtkkcNcCf7zsQcSv/T9EbUn4RXQ6mropeMcjFOsQXQ0iGLAr/xT6TImQg4+U9hmNpN9XdvPkjUL1IzbgxJw==",
+      "dev": true,
+      "dependencies": {
+        "@bcoe/v8-coverage": "^0.2.3",
+        "@istanbuljs/schema": "^0.1.3",
+        "find-up": "^5.0.0",
+        "foreground-child": "^2.0.0",
+        "istanbul-lib-coverage": "^3.2.0",
+        "istanbul-lib-report": "^3.0.0",
+        "istanbul-reports": "^3.1.4",
+        "rimraf": "^3.0.2",
+        "test-exclude": "^6.0.0",
+        "v8-to-istanbul": "^9.0.0",
+        "yargs": "^16.2.0",
+        "yargs-parser": "^20.2.9"
+      },
+      "bin": {
+        "c8": "bin/c8.js"
+      },
+      "engines": {
+        "node": ">=10.12.0"
+      }
+    },
+    "node_modules/c8/node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "dev": true,
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/c8/node_modules/yargs": {
+      "version": "16.2.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
+      "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+      "dev": true,
+      "dependencies": {
+        "cliui": "^7.0.2",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^20.2.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/c8/node_modules/yargs-parser": {
+      "version": "20.2.9",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.9.tgz",
+      "integrity": "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/cache-base": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz",
+      "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==",
+      "dev": true,
+      "dependencies": {
+        "collection-visit": "^1.0.0",
+        "component-emitter": "^1.2.1",
+        "get-value": "^2.0.6",
+        "has-value": "^1.0.0",
+        "isobject": "^3.0.1",
+        "set-value": "^2.0.0",
+        "to-object-path": "^0.3.0",
+        "union-value": "^1.0.0",
+        "unset-value": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cache-flow": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/cache-flow/-/cache-flow-1.9.0.tgz",
+      "integrity": "sha512-oGRBf4bCZbzyKAbZrfSqtfv9+rrDCtSiHihjjc1okmmvIYT0WqPHNq/yh/sDAUBT46RkpxZ4FqaGVrLBagnzgQ==",
+      "dependencies": {
+        "cluster": "^0.7.7",
+        "date-fns": "^2.23.0",
+        "ioredis": "^4.27.6",
+        "lru-cache-for-clusters-as-promised": "^1.7.1",
+        "object-hash": "^2.2.0"
+      }
+    },
+    "node_modules/cachedir": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/cachedir/-/cachedir-2.3.0.tgz",
+      "integrity": "sha512-A+Fezp4zxnit6FanDmv9EqXNAi3vt9DWp51/71UEhXukb7QUuvtv9344h91dyAxuTLoSYJFU299qzR3tzwPAhw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.7.tgz",
+      "integrity": "sha512-GHTSNSYICQ7scH7sZ+M2rFopRoLh8t2bLSW6BbgrtLsahOIB5iyAVJf9GjWK3cYTDaMj4XdBpM1cA6pIS0Kv2w==",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "set-function-length": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-me-maybe": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-me-maybe/-/call-me-maybe-1.0.2.tgz",
+      "integrity": "sha512-HpX65o1Hnr9HH25ojC1YGs7HCQLq0GCOibSaWER0eNpgJ/Z1MZv2mTc7+xh6WOPxbRVcmgbv4hGU+uSQ/2xFZQ=="
+    },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/camel-case": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-4.1.2.tgz",
+      "integrity": "sha512-gxGWBrTT1JuMx6R+o5PTXMmUnhnVzLQ9SNutD4YqKtI6ap897t3tKECYla6gCWEkplXnlNybEkZg9GEGxKFCgw==",
+      "dev": true,
+      "dependencies": {
+        "pascal-case": "^3.1.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/camelcase": {
+      "version": "6.3.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-6.3.0.tgz",
+      "integrity": "sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/camelcase-keys": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/camelcase-keys/-/camelcase-keys-4.2.0.tgz",
+      "integrity": "sha1-oqpfsa9oh1glnDLBQUJteJI7m3c=",
+      "dependencies": {
+        "camelcase": "^4.1.0",
+        "map-obj": "^2.0.0",
+        "quick-lru": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/camelcase-keys/node_modules/camelcase": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-4.1.0.tgz",
+      "integrity": "sha1-1UVjW+HjPFQmScaRc+Xeas+uNN0=",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/camelize": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/camelize/-/camelize-1.0.0.tgz",
+      "integrity": "sha1-FkpUg+Yw+kMh5a8HAg5TGDGyYJs="
+    },
+    "node_modules/caniuse-api": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/caniuse-api/-/caniuse-api-3.0.0.tgz",
+      "integrity": "sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.0.0",
+        "caniuse-lite": "^1.0.0",
+        "lodash.memoize": "^4.1.2",
+        "lodash.uniq": "^4.5.0"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001667",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001667.tgz",
+      "integrity": "sha512-7LTwJjcRkzKFmtqGsibMeuXmvFDfZq/nzIjnmgCGzKKRVzjD72selLDK1oPF/Oxzmt4fNcPvTDvGqSDG4tCALw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ]
+    },
+    "node_modules/canvas": {
+      "version": "2.11.2",
+      "resolved": "https://registry.npmjs.org/canvas/-/canvas-2.11.2.tgz",
+      "integrity": "sha512-ItanGBMrmRV7Py2Z+Xhs7cT+FNt5K0vPL4p9EZ/UX/Mu7hFbkxSjKF2KVtPwX7UYWp7dRKnrTvReflgrItJbdw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@mapbox/node-pre-gyp": "^1.0.0",
+        "nan": "^2.17.0",
+        "simple-get": "^3.0.3"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/case-sensitive-paths-webpack-plugin": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz",
+      "integrity": "sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/caseless": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
+      "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw="
+    },
+    "node_modules/catharsis": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/catharsis/-/catharsis-0.9.0.tgz",
+      "integrity": "sha512-prMTQVpcns/tzFgFVkVp6ak6RykZyWb3gu8ckUpd6YkTlacOd3DXGJjIpD4Q6zJirizvaiAjSSHlOsA+6sNh2A==",
+      "dependencies": {
+        "lodash": "^4.17.15"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/celebrate": {
+      "version": "15.0.3",
+      "resolved": "https://registry.npmjs.org/celebrate/-/celebrate-15.0.3.tgz",
+      "integrity": "sha512-ToF8ILq/F0KhQ0CPtexP7Cu9GkqKJ91VKy3ZOCV24aaNWdm3QCHqnXAKfKHrtcM2B2zmPFe11p8WWsQkmq8k4g==",
+      "dependencies": {
+        "escape-html": "1.0.3",
+        "joi": "17.x.x",
+        "lodash": "4.17.x"
+      }
+    },
+    "node_modules/chai": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-4.3.6.tgz",
+      "integrity": "sha512-bbcp3YfHCUzMOvKqsztczerVgBKSsEijCySNlHHbX3VG1nskvqjz5Rfso1gGwD6w6oOV3eI60pKuMOV5MV7p3Q==",
+      "dev": true,
+      "dependencies": {
+        "assertion-error": "^1.1.0",
+        "check-error": "^1.0.2",
+        "deep-eql": "^3.0.1",
+        "get-func-name": "^2.0.0",
+        "loupe": "^2.3.1",
+        "pathval": "^1.1.1",
+        "type-detect": "^4.0.5"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chai-as-promised": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/chai-as-promised/-/chai-as-promised-7.1.1.tgz",
+      "integrity": "sha512-azL6xMoi+uxu6z4rhWQ1jbdUhOMhis2PvscD/xjLqNMkv3BPPp2JyyuTHOrf9BOosGpNQ11v6BKv/g57RXbiaA==",
+      "dev": true,
+      "dependencies": {
+        "check-error": "^1.0.2"
+      },
+      "peerDependencies": {
+        "chai": ">= 2.1.2 < 5"
+      }
+    },
+    "node_modules/chai-exclude": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/chai-exclude/-/chai-exclude-2.1.0.tgz",
+      "integrity": "sha512-IBnm50Mvl3O1YhPpTgbU8MK0Gw7NHcb18WT2TxGdPKOMtdtZVKLHmQwdvOF7mTlHVQStbXuZKFwkevFtbHjpVg==",
+      "dev": true,
+      "dependencies": {
+        "fclone": "^1.0.11"
+      },
+      "peerDependencies": {
+        "chai": ">= 4.0.0 < 5"
+      }
+    },
+    "node_modules/chai-http": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/chai-http/-/chai-http-4.4.0.tgz",
+      "integrity": "sha512-uswN3rZpawlRaa5NiDUHcDZ3v2dw5QgLyAwnQ2tnVNuP7CwIsOFuYJ0xR1WiR7ymD4roBnJIzOUep7w9jQMFJA==",
+      "dev": true,
+      "dependencies": {
+        "@types/chai": "4",
+        "@types/superagent": "4.1.13",
+        "charset": "^1.0.1",
+        "cookiejar": "^2.1.4",
+        "is-ip": "^2.0.0",
+        "methods": "^1.1.2",
+        "qs": "^6.11.2",
+        "superagent": "^8.0.9"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/chai-http/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/chai-http/node_modules/formidable": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/formidable/-/formidable-2.1.2.tgz",
+      "integrity": "sha512-CM3GuJ57US06mlpQ47YcunuUZ9jpm8Vx+P2CGt2j7HpgkKZO/DJYQ0Bobim8G6PFQmK5lOqOOdUXboU+h73A4g==",
+      "dev": true,
+      "dependencies": {
+        "dezalgo": "^1.0.4",
+        "hexoid": "^1.0.0",
+        "once": "^1.4.0",
+        "qs": "^6.11.0"
+      },
+      "funding": {
+        "url": "https://ko-fi.com/tunnckoCore/commissions"
+      }
+    },
+    "node_modules/chai-http/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/chai-http/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true
+    },
+    "node_modules/chai-http/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/chai-http/node_modules/superagent": {
+      "version": "8.1.2",
+      "resolved": "https://registry.npmjs.org/superagent/-/superagent-8.1.2.tgz",
+      "integrity": "sha512-6WTxW1EB6yCxV5VFOIPQruWGHqc3yI7hEmZK6h+pyk69Lk/Ut7rLUY6W/ONF2MjBuGjvmMiIpsrVJ2vjrHlslA==",
+      "dev": true,
+      "dependencies": {
+        "component-emitter": "^1.3.0",
+        "cookiejar": "^2.1.4",
+        "debug": "^4.3.4",
+        "fast-safe-stringify": "^2.1.1",
+        "form-data": "^4.0.0",
+        "formidable": "^2.1.2",
+        "methods": "^1.1.2",
+        "mime": "2.6.0",
+        "qs": "^6.11.0",
+        "semver": "^7.3.8"
+      },
+      "engines": {
+        "node": ">=6.4.0 <13 || >=14"
+      }
+    },
+    "node_modules/chai-http/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chalk/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/chalk/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/chalk/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/character-entities": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/character-entities/-/character-entities-2.0.2.tgz",
+      "integrity": "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==",
+      "dev": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/character-parser": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/character-parser/-/character-parser-2.2.0.tgz",
+      "integrity": "sha1-x84o821LzZdE5f/CxfzeHHMmH8A=",
+      "dependencies": {
+        "is-regex": "^1.0.3"
+      }
+    },
+    "node_modules/charset": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/charset/-/charset-1.0.1.tgz",
+      "integrity": "sha512-6dVyOOYjpfFcL1Y4qChrAoQLRHvj2ziyhcm0QJlhOcAhykL/k1kTUPbeo+87MNRTRdk2OIIsIXbuF3x2wi5EXg==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/chart.js": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/chart.js/-/chart.js-4.0.1.tgz",
+      "integrity": "sha512-5/8/9eBivwBZK81mKvmIwTb2Pmw4D/5h1RK9fBWZLLZ8mCJ+kfYNmV9rMrGoa5Hgy2/wVDBMLSUDudul2/9ihA==",
+      "dev": true,
+      "engines": {
+        "pnpm": "^7.0.0"
+      }
+    },
+    "node_modules/chartjs-adapter-moment": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/chartjs-adapter-moment/-/chartjs-adapter-moment-1.0.1.tgz",
+      "integrity": "sha512-Uz+nTX/GxocuqXpGylxK19YG4R3OSVf8326D+HwSTsNw1LgzyIGRo+Qujwro1wy6X+soNSnfj5t2vZ+r6EaDmA==",
+      "dev": true,
+      "peerDependencies": {
+        "chart.js": ">=3.0.0",
+        "moment": "^2.10.2"
+      }
+    },
+    "node_modules/chartjs-plugin-datalabels": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/chartjs-plugin-datalabels/-/chartjs-plugin-datalabels-2.2.0.tgz",
+      "integrity": "sha512-14ZU30lH7n89oq+A4bWaJPnAG8a7ZTk7dKf48YAzMvJjQtjrgg5Dpk9f+LbjCF6bpx3RAGTeL13IXpKQYyRvlw==",
+      "dev": true,
+      "peerDependencies": {
+        "chart.js": ">=3.0.0"
+      }
+    },
+    "node_modules/check-error": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/check-error/-/check-error-1.0.3.tgz",
+      "integrity": "sha512-iKEoDYaRmd1mxM90a2OEfWhjsjPpYPuQ+lMYsoxB126+t8fw7ySEO48nmDg5COTjxDI65/Y2OWpeEHk3ZOe8zg==",
+      "dev": true,
+      "dependencies": {
+        "get-func-name": "^2.0.2"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/check-more-types": {
+      "version": "2.24.0",
+      "resolved": "https://registry.npmjs.org/check-more-types/-/check-more-types-2.24.0.tgz",
+      "integrity": "sha1-FCD/sQ/URNz8ebQ4kbv//TKoRgA=",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/check-types": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/check-types/-/check-types-5.1.0.tgz",
+      "integrity": "sha1-NzlN07YEKlEVXpJsOpF1PUmeXcg="
+    },
+    "node_modules/cheerio": {
+      "version": "1.0.0-rc.10",
+      "resolved": "https://registry.npmjs.org/cheerio/-/cheerio-1.0.0-rc.10.tgz",
+      "integrity": "sha512-g0J0q/O6mW8z5zxQ3A8E8J1hUgp4SMOvEoW/x84OwyHKe/Zccz83PVT4y5Crcr530FV6NgmKI1qvGTKVl9XXVw==",
+      "dev": true,
+      "dependencies": {
+        "cheerio-select": "^1.5.0",
+        "dom-serializer": "^1.3.2",
+        "domhandler": "^4.2.0",
+        "htmlparser2": "^6.1.0",
+        "parse5": "^6.0.1",
+        "parse5-htmlparser2-tree-adapter": "^6.0.1",
+        "tslib": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/cheerio?sponsor=1"
+      }
+    },
+    "node_modules/cheerio-select": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/cheerio-select/-/cheerio-select-1.5.0.tgz",
+      "integrity": "sha512-qocaHPv5ypefh6YNxvnbABM07KMxExbtbfuJoIie3iZXX1ERwYmJcIiRrr9H05ucQP1k28dav8rpdDgjQd8drg==",
+      "dev": true,
+      "dependencies": {
+        "css-select": "^4.1.3",
+        "css-what": "^5.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0",
+        "domutils": "^2.7.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chownr": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-1.1.4.tgz",
+      "integrity": "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg=="
+    },
+    "node_modules/chrome-trace-event": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
+      "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
+      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/citty": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npmjs.org/citty/-/citty-0.1.6.tgz",
+      "integrity": "sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "consola": "^3.2.3"
+      }
+    },
+    "node_modules/cjs-module-lexer": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/cjs-module-lexer/-/cjs-module-lexer-1.2.3.tgz",
+      "integrity": "sha512-0TNiGstbQmCFwt4akjjBg5pLRTSyj/PkWQ1ZoO2zntmg9yLqSRxwEa4iCfQLGjqhiqBfOJa7W/E8wfGrTDmlZQ=="
+    },
+    "node_modules/class-utils": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
+      "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==",
+      "dev": true,
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "define-property": "^0.2.5",
+        "isobject": "^3.0.0",
+        "static-extend": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/class-utils/node_modules/define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "dev": true,
+      "dependencies": {
+        "is-descriptor": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/class-utils/node_modules/is-descriptor": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz",
+      "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==",
+      "dev": true,
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/classnames": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
+      "dev": true
+    },
+    "node_modules/clean-css": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/clean-css/-/clean-css-5.3.0.tgz",
+      "integrity": "sha512-YYuuxv4H/iNb1Z/5IbMRoxgrzjWGhOEFfd+groZ5dMCVkpENiMZmwspdrzBo9286JjM1gZJPAyL7ZIdzuvu2AQ==",
+      "dev": true,
+      "dependencies": {
+        "source-map": "~0.6.0"
+      },
+      "engines": {
+        "node": ">= 10.0"
+      }
+    },
+    "node_modules/clean-git-ref": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/clean-git-ref/-/clean-git-ref-2.0.1.tgz",
+      "integrity": "sha512-bLSptAy2P0s6hU4PzuIMKmMJJSE6gLXGH1cntDu7bWJUksvuM+7ReOK61mozULErYvP6a15rnYl0zFDef+pyPw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/clean-regexp": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/clean-regexp/-/clean-regexp-1.0.0.tgz",
+      "integrity": "sha512-GfisEZEJvzKrmGWkvfhgzcz/BllN1USeqD2V6tg14OAOgaCD2Z/PUEuxnAZ/nPvmaHRG7a8y77p1T/IRQ4D1Hw==",
+      "dev": true,
+      "dependencies": {
+        "escape-string-regexp": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/clean-regexp/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/clean-stack": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
+      "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/cli-color": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/cli-color/-/cli-color-2.0.3.tgz",
+      "integrity": "sha512-OkoZnxyC4ERN3zLzZaY9Emb7f/MhBOIpePv0Ycok0fJYT+Ouo00UBEIwsVsr0yoow++n5YWlSUgST9GKhNHiRQ==",
+      "dev": true,
+      "dependencies": {
+        "d": "^1.0.1",
+        "es5-ext": "^0.10.61",
+        "es6-iterator": "^2.0.3",
+        "memoizee": "^0.4.15",
+        "timers-ext": "^0.1.7"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/cli-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
+      "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
+      "dev": true,
+      "dependencies": {
+        "restore-cursor": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cli-table3": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.1.tgz",
+      "integrity": "sha512-w0q/enDHhPLq44ovMGdQeeDLvwxwavsJX7oQGYt/LrBlYsyaxyDnp6z3QzFut/6kLLKnlcUVJLrpB7KBfgG/RA==",
+      "dev": true,
+      "dependencies": {
+        "string-width": "^4.2.0"
+      },
+      "engines": {
+        "node": "10.* || >= 12.*"
+      },
+      "optionalDependencies": {
+        "colors": "1.4.0"
+      }
+    },
+    "node_modules/cli-truncate": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-2.1.0.tgz",
+      "integrity": "sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==",
+      "dev": true,
+      "dependencies": {
+        "slice-ansi": "^3.0.0",
+        "string-width": "^4.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/cli-truncate/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/cli-truncate/node_modules/slice-ansi": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-3.0.0.tgz",
+      "integrity": "sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "astral-regex": "^2.0.0",
+        "is-fullwidth-code-point": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-7.0.4.tgz",
+      "integrity": "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==",
+      "dev": true,
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^7.0.0"
+      }
+    },
+    "node_modules/clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/clone-deep": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-4.0.1.tgz",
+      "integrity": "sha512-neHB9xuzh/wk0dIHweyAXv2aPGZIVk3pLMe+/RNzINf17fe0OG96QroktYAUm7SM1PBnzTabaLboqqxDyMU+SQ==",
+      "dev": true,
+      "dependencies": {
+        "is-plain-object": "^2.0.4",
+        "kind-of": "^6.0.2",
+        "shallow-clone": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/clone-stats": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz",
+      "integrity": "sha512-au6ydSpg6nsrigcZ4m8Bc9hxjeW+GJ8xh5G3BJCMt4WXe1H10UNaVOamqQTmrx1kjVuxAHIQSNU6hY4Nsn9/ag==",
+      "dev": true
+    },
+    "node_modules/cluster": {
+      "version": "0.7.7",
+      "resolved": "https://registry.npmjs.org/cluster/-/cluster-0.7.7.tgz",
+      "integrity": "sha1-5JfiZ8yVa9CwUTrbSqOTNX0Ahe8=",
+      "dependencies": {
+        "log": ">= 1.2.0",
+        "mkdirp": ">= 0.0.1"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/cluster-key-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/cluster-key-slot/-/cluster-key-slot-1.1.0.tgz",
+      "integrity": "sha512-2Nii8p3RwAPiFwsnZvukotvow2rIHM+yQ6ZcBXGHdniadkYGZYiGmkHJIbZPIV9nfv7m/U1IPMVVcAhoWFeklw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/collection-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
+      "integrity": "sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==",
+      "dev": true,
+      "dependencies": {
+        "map-visit": "^1.0.0",
+        "object-visit": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "node_modules/color-support": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-support/-/color-support-1.1.3.tgz",
+      "integrity": "sha512-qiBjkpbMLO/HL68y+lh4q0/O1MZFj2RX6X/KmMa3+gJD3z+WwI1ZzDHysvqHGS3mP6mznPckpXmw1nI9cJjyRg==",
+      "bin": {
+        "color-support": "bin.js"
+      }
+    },
+    "node_modules/colord": {
+      "version": "2.9.3",
+      "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
+      "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw==",
+      "dev": true
+    },
+    "node_modules/colorette": {
+      "version": "2.0.19",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.19.tgz",
+      "integrity": "sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ=="
+    },
+    "node_modules/colors": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
+      "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.1.90"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/common-path-prefix": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/common-path-prefix/-/common-path-prefix-3.0.0.tgz",
+      "integrity": "sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==",
+      "dev": true
+    },
+    "node_modules/common-tags": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/common-tags/-/common-tags-1.8.2.tgz",
+      "integrity": "sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/commondir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+      "integrity": "sha1-3dgA2gxmEnOTzKWVDqloo6rxJTs=",
+      "dev": true
+    },
+    "node_modules/component-emitter": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.0.tgz",
+      "integrity": "sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg=="
+    },
+    "node_modules/compress-commons": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/compress-commons/-/compress-commons-4.1.1.tgz",
+      "integrity": "sha512-QLdDLCKNV2dtoTorqgxngQCMA+gWXkM/Nwu7FpeBhk/RdkzimqC3jueb/FDmaZeXh+uby1jkBqE3xArsLBE5wQ==",
+      "dependencies": {
+        "buffer-crc32": "^0.2.13",
+        "crc32-stream": "^4.0.2",
+        "normalize-path": "^3.0.0",
+        "readable-stream": "^3.6.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/compress-commons/node_modules/crc32-stream": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/crc32-stream/-/crc32-stream-4.0.2.tgz",
+      "integrity": "sha512-DxFZ/Hk473b/muq1VJ///PMNLj0ZMnzye9thBpmjpJKCc5eMgB95aK8zCGrGfQ90cWo561Te6HK9D+j4KPdM6w==",
+      "dependencies": {
+        "crc-32": "^1.2.0",
+        "readable-stream": "^3.4.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "dependencies": {
+        "mime-db": ">= 1.43.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/compression": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.7.4.tgz",
+      "integrity": "sha512-jaSIDzP9pZVS4ZfQ+TzvtiWhdpFhE2RDHz8QJkpX9SIpLq88VueF5jJw6t+6CUQcAoA6t+x89MLrWAqpfDE8iQ==",
+      "dependencies": {
+        "accepts": "~1.3.5",
+        "bytes": "3.0.0",
+        "compressible": "~2.0.16",
+        "debug": "2.6.9",
+        "on-headers": "~1.0.2",
+        "safe-buffer": "5.1.2",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/compression/node_modules/bytes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.0.0.tgz",
+      "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/compression/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/compression/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+    },
+    "node_modules/compute-scroll-into-view": {
+      "version": "1.0.17",
+      "resolved": "https://registry.npmjs.org/compute-scroll-into-view/-/compute-scroll-into-view-1.0.17.tgz",
+      "integrity": "sha512-j4dx+Fb0URmzbwwMUrhqWM2BEWHdFGx+qZ9qqASHRPqvTYdqvWnHg0H1hIbcyLnvgnoNAVMlwkepyqM3DaIFUg==",
+      "dev": true
+    },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s="
+    },
+    "node_modules/concat-stream": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
+      "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
+      "engines": [
+        "node >= 0.8"
+      ],
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.2.2",
+        "typedarray": "^0.0.6"
+      }
+    },
+    "node_modules/concat-stream/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="
+    },
+    "node_modules/concat-stream/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/concat-stream/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/confbox": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.8.tgz",
+      "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/config": {
+      "version": "1.31.0",
+      "resolved": "https://registry.npmjs.org/config/-/config-1.31.0.tgz",
+      "integrity": "sha512-Ep/l9Rd1J9IPueztJfpbOqVzuKHQh4ZODMNt9xqTYdBBNRXbV4oTu34kCkkfdRVcDq0ohtpaeXGgb+c0LQxFRA==",
+      "dependencies": {
+        "json5": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/config-chain": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
+      "integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
+      "dev": true,
+      "dependencies": {
+        "ini": "^1.3.4",
+        "proto-list": "~1.2.1"
+      }
+    },
+    "node_modules/config/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/connect-flash": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/connect-flash/-/connect-flash-0.1.1.tgz",
+      "integrity": "sha512-2rcfELQt/ZMP+SM/pG8PyhJRaLKp+6Hk2IUBNkEit09X+vwn3QsAL3ZbYtxUn7NVPzbMTSLRDhqe0B/eh30RYA==",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/connect-history-api-fallback": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz",
+      "integrity": "sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/connect-redis": {
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/connect-redis/-/connect-redis-6.1.3.tgz",
+      "integrity": "sha512-aaNluLlAn/3JPxRwdzw7lhvEoU6Enb+d83xnokUNhC9dktqBoawKWL+WuxinxvBLTz6q9vReTnUDnUslaz74aw==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/consola": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/consola/-/consola-3.4.0.tgz",
+      "integrity": "sha512-EiPU8G6dQG0GFHNR8ljnZFki/8a+cQwEQ+7wpxdChl02Q8HXlwEZWD5lqAF8vC2sEC3Tehr8hy7vErz88LHyUA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.18.0 || >=16.10.0"
+      }
+    },
+    "node_modules/console-control-strings": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/console-control-strings/-/console-control-strings-1.1.0.tgz",
+      "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4="
+    },
+    "node_modules/console-log-level": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/console-log-level/-/console-log-level-1.4.1.tgz",
+      "integrity": "sha512-VZzbIORbP+PPcN/gg3DXClTLPLg5Slwd5fL2MIc+o1qZ4BXBvWyc6QxPk6T/Mkr6IVjRpoAGf32XxP3ZWMVRcQ=="
+    },
+    "node_modules/constantinople": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/constantinople/-/constantinople-4.0.1.tgz",
+      "integrity": "sha512-vCrqcSIq4//Gx74TXXCGnHpulY1dskqLTFGDmhrGxzeXL8lF8kvXv6mpNWlJj1uD4DW23D4ljAqbY4RRaaUZIw==",
+      "dependencies": {
+        "@babel/parser": "^7.6.0",
+        "@babel/types": "^7.6.1"
+      }
+    },
+    "node_modules/constants-browserify": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
+      "integrity": "sha512-xFxOwqIzR/e1k1gLiWEophSCMqXcwVHIH7akf7b/vxcUeGunlj3hvZaaqxwHsTgn+IndtkQJgSztIDWeumWJDQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-disposition/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/content-security-policy-builder": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/content-security-policy-builder/-/content-security-policy-builder-2.1.0.tgz",
+      "integrity": "sha512-/MtLWhJVvJNkA9dVLAp6fg9LxD2gfI6R2Fi1hPmfjYXSahJJzcfvoeDOxSyp4NvxMuwWv3WMssE9o31DoULHrQ==",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/contentful": {
+      "version": "10.8.5",
+      "resolved": "https://registry.npmjs.org/contentful/-/contentful-10.8.5.tgz",
+      "integrity": "sha512-aol2LmjRAmuOKQPITZtNasIkRFIECnrcQf2UiXGBZ2ldUpCAjyr533553fuGst2SeHZoKleLyYqFNgHcznDBUw==",
+      "dependencies": {
+        "@contentful/rich-text-types": "^16.0.2",
+        "axios": "^1.6.7",
+        "contentful-resolve-response": "^1.8.1",
+        "contentful-sdk-core": "^8.1.0",
+        "json-stringify-safe": "^5.0.1",
+        "type-fest": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/contentful-resolve-response": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/contentful-resolve-response/-/contentful-resolve-response-1.8.1.tgz",
+      "integrity": "sha512-VXGK2c8dBIGcRCknqudKmkDr2PzsUYfjLN6hhx71T09UzoXOdA/c0kfDhsf/BBCBWPWcLaUgaJEFU0lCo45TSg==",
+      "dependencies": {
+        "fast-copy": "^2.1.7"
+      },
+      "engines": {
+        "node": ">=4.7.2"
+      }
+    },
+    "node_modules/contentful-sdk-core": {
+      "version": "8.1.2",
+      "resolved": "https://registry.npmjs.org/contentful-sdk-core/-/contentful-sdk-core-8.1.2.tgz",
+      "integrity": "sha512-XZvX2JMJF4YiICXLrHFv59KBHaQJ6ElqAP8gSNgnCu4x+pPG7Y1bC2JMNOiyAgJuGQGVUOcNZ5PmK+tsNEayYw==",
+      "dependencies": {
+        "fast-copy": "^2.1.7",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.isstring": "^4.0.1",
+        "p-throttle": "^4.1.1",
+        "qs": "^6.11.2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/contentful/node_modules/type-fest": {
+      "version": "4.13.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-4.13.1.tgz",
+      "integrity": "sha512-ASMgM+Vf2cLwDMt1KXSkMUDSYCxtckDJs8zsaVF/mYteIsiARKCVtyXtcK38mIKbLTctZP8v6GMqdNaeI3fo7g==",
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/convert-source-map": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-1.8.0.tgz",
+      "integrity": "sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "~5.1.1"
+      }
+    },
+    "node_modules/cookie": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.2.4.tgz",
+      "integrity": "sha1-qMFVqnubLPLE0y68e5oKoojMxr0=",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-parser": {
+      "version": "1.4.6",
+      "resolved": "https://registry.npmjs.org/cookie-parser/-/cookie-parser-1.4.6.tgz",
+      "integrity": "sha512-z3IzaNjdwUC2olLIB5/ITd0/setiaFMLYiZJle7xg5Fe9KWAceil7xszYfHHBtDFYLSgJduS2Ty0P1uJdPDJeA==",
+      "dependencies": {
+        "cookie": "0.4.1",
+        "cookie-signature": "1.0.6"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/cookie-parser/node_modules/cookie": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.1.tgz",
+      "integrity": "sha512-ZwrFkGJxUR3EIoXtO+yVE69Eb7KlixbaeAWfBQB9vVsNn/o+Yw69gBWSSDK825hQNdN+wF8zELf3dFNl/kxkUA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-parser/node_modules/cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw="
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.2.1.tgz",
+      "integrity": "sha512-78KWk9T26NhzXtuL26cIJ8/qNHANyJ/ZYrmEXFzUmhZdjpBv+DlWlOANRTGBt48YcyslsLrj0bMLFTmXvLRCOw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.6.0"
+      }
+    },
+    "node_modules/cookiejar": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/cookiejar/-/cookiejar-2.1.4.tgz",
+      "integrity": "sha512-LDx6oHrK+PhzLKJU9j5S7/Y3jM/mUHvD/DeI1WQmJn652iPC5Y4TBzC9l+5OMOXlyTTA+SmVUPm0HQUwpD5Jqw=="
+    },
+    "node_modules/copy-anything": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/copy-anything/-/copy-anything-2.0.6.tgz",
+      "integrity": "sha512-1j20GZTsvKNkc4BY3NpMOM8tt///wY3FpIzozTOFO2ffuZcV61nojHXVKIy3WM+7ADCy5FVhdZYHYDdgTU0yJw==",
+      "dev": true,
+      "dependencies": {
+        "is-what": "^3.14.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mesqueeb"
+      }
+    },
+    "node_modules/copy-descriptor": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz",
+      "integrity": "sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/copy-webpack-plugin": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/copy-webpack-plugin/-/copy-webpack-plugin-11.0.0.tgz",
+      "integrity": "sha512-fX2MWpamkW0hZxMEg0+mYnA40LTosOSa5TqZ9GYIBzyJa9C3QUaMPSE2xAi/buNr8u89SfD9wHSQVBzrRa/SOQ==",
+      "dev": true,
+      "dependencies": {
+        "fast-glob": "^3.2.11",
+        "glob-parent": "^6.0.1",
+        "globby": "^13.1.1",
+        "normalize-path": "^3.0.0",
+        "schema-utils": "^4.0.0",
+        "serialize-javascript": "^6.0.0"
+      },
+      "engines": {
+        "node": ">= 14.15.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      }
+    },
+    "node_modules/copy-webpack-plugin/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/copy-webpack-plugin/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/copy-webpack-plugin/node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/copy-webpack-plugin/node_modules/globby": {
+      "version": "13.1.4",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-13.1.4.tgz",
+      "integrity": "sha512-iui/IiiW+QrJ1X1hKH5qwlMQyv34wJAYwH1vrf8b9kBA4sNiif3gKsMHa+BrdnOpEudWjpotfa7LrTzB1ERS/g==",
+      "dev": true,
+      "dependencies": {
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.11",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^4.0.0"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/copy-webpack-plugin/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/copy-webpack-plugin/node_modules/schema-utils": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.1.tgz",
+      "integrity": "sha512-lELhBAAly9NowEsX0yZBlw9ahZG+sK/1RJ21EpzdYHKEs13Vku3LJ+MIPhh4sMs0oCCeufZQEQbMekiA4vuVIQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/copy-webpack-plugin/node_modules/slash": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-4.0.0.tgz",
+      "integrity": "sha512-3dOsAHXXUkQTpOYcoAxLIorMTp4gIQr5IW3iVb7A7lFIp0VHhnynm9izx6TssdrIcVIESAlVjtnO2K8bg+Coew==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/core-js": {
+      "version": "3.38.1",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.38.1.tgz",
+      "integrity": "sha512-OP35aUorbU3Zvlx7pjsFdu1rGNnD4pgw/CWoYzRY3t2EzoVT7shKHY1dlAy3f41cGIO7ZDPQimhGFTlEYkG/Hw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-js-compat": {
+      "version": "3.38.1",
+      "resolved": "https://registry.npmjs.org/core-js-compat/-/core-js-compat-3.38.1.tgz",
+      "integrity": "sha512-JRH6gfXxGmrzF3tZ57lFx97YARxCXPaMzPo6jELZhv88pBH5VXpQ+y0znKGlFnzuaihqhLbefxSJxWJMPtfDzw==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.23.3"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-js-pure": {
+      "version": "3.30.2",
+      "resolved": "https://registry.npmjs.org/core-js-pure/-/core-js-pure-3.30.2.tgz",
+      "integrity": "sha512-p/npFUJXXBkCCTIlEGBdghofn00jWG6ZOtdoIXSJmAu2QBvN0IqpZXWweOytcwE6cfx8ZvVUy1vw8zxhe4Y2vg==",
+      "hasInstallScript": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/core-js"
+      }
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac="
+    },
+    "node_modules/cors": {
+      "version": "2.8.5",
+      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
+      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
+      "dev": true,
+      "dependencies": {
+        "object-assign": "^4",
+        "vary": "^1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/cosmiconfig": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.1.tgz",
+      "integrity": "sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/parse-json": "^4.0.0",
+        "import-fresh": "^3.2.1",
+        "parse-json": "^5.0.0",
+        "path-type": "^4.0.0",
+        "yaml": "^1.10.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/crc-32": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz",
+      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
+      "bin": {
+        "crc32": "bin/crc32.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/create-storybook": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/create-storybook/-/create-storybook-8.6.4.tgz",
+      "integrity": "sha512-YwxtA+CtGHWYvQrFh1dat3Q/kXWHekok0MAqaorD9/Mf/cpybA8afHDsdq2PDq0LXg0Od3QI4Ha04+eaB6F8gA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "recast": "^0.23.5",
+        "semver": "^7.6.2"
+      },
+      "bin": {
+        "create-storybook": "bin/index.cjs"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      }
+    },
+    "node_modules/create-storybook/node_modules/semver": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/crelt": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/crelt/-/crelt-1.0.5.tgz",
+      "integrity": "sha512-+BO9wPPi+DWTDcNYhr/W90myha8ptzftZT+LwcmUbbok0rcP/fequmFYCw8NMoH7pkAZQzU78b3kYrlua5a9eA==",
+      "dev": true
+    },
+    "node_modules/cron": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/cron/-/cron-1.8.2.tgz",
+      "integrity": "sha512-Gk2c4y6xKEO8FSAUTklqtfSr7oTq0CiPQeLBG5Fl0qoXpZyMcj1SG59YL+hqq04bu6/IuEA7lMkYDAplQNKkyg==",
+      "dependencies": {
+        "moment-timezone": "^0.5.x"
+      }
+    },
+    "node_modules/cron-parser": {
+      "version": "2.18.0",
+      "resolved": "https://registry.npmjs.org/cron-parser/-/cron-parser-2.18.0.tgz",
+      "integrity": "sha512-s4odpheTyydAbTBQepsqd2rNWGa2iV3cyo8g7zbI2QQYGLVsfbhmwukayS1XHppe02Oy1fg7mg6xoaraVJeEcg==",
+      "dependencies": {
+        "is-nan": "^1.3.0",
+        "moment-timezone": "^0.5.31"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/cross-env": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cross-env/-/cross-env-4.0.0.tgz",
+      "integrity": "sha512-dofkcyPqOy/AR14nbYSpk+TZ4IJZqg2as+/mQNkzh+7Xba2I1I1eyg/1G2dtSpD2LHjcEWwnGquiH2OP5LoeOw==",
+      "license": "MIT",
+      "dependencies": {
+        "cross-spawn": "^5.1.0",
+        "is-windows": "^1.0.0"
+      },
+      "bin": {
+        "cross-env": "dist/bin/cross-env.js"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/cross-fetch": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/cross-fetch/-/cross-fetch-3.1.8.tgz",
+      "integrity": "sha512-cvA+JwZoU0Xq+h6WkMvAUqPEYy92Obet6UdKLfW60qn99ftItKjB5T+BkyWOFWe2pUyfQ+IJHmpOTznqk1M6Kg==",
+      "dependencies": {
+        "node-fetch": "^2.6.12"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/csrf": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/csrf/-/csrf-3.1.0.tgz",
+      "integrity": "sha512-uTqEnCvWRk042asU6JtapDTcJeeailFy4ydOQS28bj1hcLnYRiqi8SsD2jS412AY1I/4qdOwWZun774iqywf9w==",
+      "dependencies": {
+        "rndm": "1.2.0",
+        "tsscmp": "1.0.6",
+        "uid-safe": "2.1.5"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/css-blank-pseudo": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/css-blank-pseudo/-/css-blank-pseudo-5.0.2.tgz",
+      "integrity": "sha512-aCU4AZ7uEcVSUzagTlA9pHciz7aWPKA/YzrEkpdSopJ2pvhIxiQ5sYeMz1/KByxlIo4XBdvMNJAVKMg/GRnhfw==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/css-declaration-sorter": {
+      "version": "6.4.1",
+      "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz",
+      "integrity": "sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==",
+      "dev": true,
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.9"
+      }
+    },
+    "node_modules/css-functions-list": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/css-functions-list/-/css-functions-list-3.2.2.tgz",
+      "integrity": "sha512-c+N0v6wbKVxTu5gOBBFkr9BEdBWaqqjQeiJ8QvSRIJOf+UxlJh930m8e6/WNeODIK0mYLFkoONrnj16i2EcvfQ==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=12 || >=16"
+      }
+    },
+    "node_modules/css-has-pseudo": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/css-has-pseudo/-/css-has-pseudo-5.0.2.tgz",
+      "integrity": "sha512-q+U+4QdwwB7T9VEW/LyO6CFrLAeLqOykC5mDqJXc7aKZAhDbq7BvGT13VGJe+IwBfdN2o3Xdw2kJ5IxwV1Sc9Q==",
+      "dev": true,
+      "dependencies": {
+        "@csstools/selector-specificity": "^2.0.1",
+        "postcss-selector-parser": "^6.0.10",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/css-loader": {
+      "version": "6.8.1",
+      "resolved": "https://registry.npmjs.org/css-loader/-/css-loader-6.8.1.tgz",
+      "integrity": "sha512-xDAXtEVGlD0gJ07iclwWVkLoZOpEvAWaSyf6W18S2pOC//K8+qUDIx8IIT3D+HjnmkJPQeesOPv5aiUaJsCM2g==",
+      "dev": true,
+      "dependencies": {
+        "icss-utils": "^5.1.0",
+        "postcss": "^8.4.21",
+        "postcss-modules-extract-imports": "^3.0.0",
+        "postcss-modules-local-by-default": "^4.0.3",
+        "postcss-modules-scope": "^3.0.0",
+        "postcss-modules-values": "^4.0.0",
+        "postcss-value-parser": "^4.2.0",
+        "semver": "^7.3.8"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/css-loader/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/css-loader/node_modules/postcss-modules-extract-imports": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz",
+      "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==",
+      "dev": true,
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/css-loader/node_modules/postcss-modules-scope": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-3.0.0.tgz",
+      "integrity": "sha512-hncihwFA2yPath8oZ15PZqvWGkWf+XUfQgUGamS4LqoP1anQLOsOJw0vr7J7IwLpoY9fatA2qiGUGmuZL0Iqlg==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.4"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/css-loader/node_modules/postcss-modules-values": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-modules-values/-/postcss-modules-values-4.0.0.tgz",
+      "integrity": "sha512-RDxHkAiEGI78gS2ofyvCsu7iycRv7oqw5xMWn9iMoR0N/7mf9D50ecQqUo5BZ9Zh2vH4bCUR/ktCqbB9m8vJjQ==",
+      "dev": true,
+      "dependencies": {
+        "icss-utils": "^5.0.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/css-loader/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/css-loader/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/css-mediaquery": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/css-mediaquery/-/css-mediaquery-0.1.2.tgz",
+      "integrity": "sha512-COtn4EROW5dBGlE/4PiKnh6rZpAPxDeFLaEEwt4i10jpDMFt2EhQGS79QmmrO+iKCHv0PU/HrOWEhijFd1x99Q=="
+    },
+    "node_modules/css-minimizer-webpack-plugin": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/css-minimizer-webpack-plugin/-/css-minimizer-webpack-plugin-5.0.1.tgz",
+      "integrity": "sha512-3caImjKFQkS+ws1TGcFn0V1HyDJFq1Euy589JlD6/3rV2kj+w7r5G9WDMgSHvpvXHNZ2calVypZWuEDQd9wfLg==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.18",
+        "cssnano": "^6.0.1",
+        "jest-worker": "^29.4.3",
+        "postcss": "^8.4.24",
+        "schema-utils": "^4.0.1",
+        "serialize-javascript": "^6.0.1"
+      },
+      "engines": {
+        "node": ">= 14.15.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@parcel/css": {
+          "optional": true
+        },
+        "@swc/css": {
+          "optional": true
+        },
+        "clean-css": {
+          "optional": true
+        },
+        "csso": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/css-minimizer-webpack-plugin/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/css-minimizer-webpack-plugin/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/css-minimizer-webpack-plugin/node_modules/jest-worker": {
+      "version": "29.5.0",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-29.5.0.tgz",
+      "integrity": "sha512-NcrQnevGoSp4b5kg+akIpthoAFHxPBcb5P6mYPY0fUNT+sSvmtu6jlkEle3anczUKIKEbMxFimk9oTP/tpIPgA==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*",
+        "jest-util": "^29.5.0",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/css-minimizer-webpack-plugin/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/css-minimizer-webpack-plugin/node_modules/schema-utils": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.1.tgz",
+      "integrity": "sha512-lELhBAAly9NowEsX0yZBlw9ahZG+sK/1RJ21EpzdYHKEs13Vku3LJ+MIPhh4sMs0oCCeufZQEQbMekiA4vuVIQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/css-prefers-color-scheme": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-8.0.2.tgz",
+      "integrity": "sha512-OvFghizHJ45x7nsJJUSYLyQNTzsCU8yWjxAc/nhPQg1pbs18LMoET8N3kOweFDPy0JV0OSXN2iqRFhPBHYOeMA==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/css-select": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-4.2.1.tgz",
+      "integrity": "sha512-/aUslKhzkTNCQUB2qTX84lVmfia9NyjP3WpDGtj/WxhwBzWBYUV3DgUpurHTme8UTPcPlAD1DJ+b0nN/t50zDQ==",
+      "dev": true,
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^5.1.0",
+        "domhandler": "^4.3.0",
+        "domutils": "^2.8.0",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css-tree": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.3.1.tgz",
+      "integrity": "sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==",
+      "dev": true,
+      "dependencies": {
+        "mdn-data": "2.0.30",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0"
+      }
+    },
+    "node_modules/css-what": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-5.1.0.tgz",
+      "integrity": "sha512-arSMRWIIFY0hV8pIxZMEfmMI47Wj3R/aWpZDDxWYCPEiOMv6tfOrnpDtgxBYPEQD4V0Y/958+1TdC3iWTFcUPw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/css.escape": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/css.escape/-/css.escape-1.5.1.tgz",
+      "integrity": "sha512-YUifsXXuknHlUsmlgyY0PKzgPOr7/FjCePfHNt0jxm83wHZi44VDMQ7/fGNkjY3/jV1MC+1CmZbaHzugyeRtpg==",
+      "dev": true
+    },
+    "node_modules/cssdb": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npmjs.org/cssdb/-/cssdb-7.9.0.tgz",
+      "integrity": "sha512-WPMT9seTQq6fPAa1yN4zjgZZeoTriSN2LqW9C+otjar12DQIWA4LuSfFrvFJiKp4oD0xIk1vumDLw8K9ur4NBw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        }
+      ]
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/cssnano": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/cssnano/-/cssnano-6.0.1.tgz",
+      "integrity": "sha512-fVO1JdJ0LSdIGJq68eIxOqFpIJrZqXUsBt8fkrBcztCQqAjQD51OhZp7tc0ImcbwXD4k7ny84QTV90nZhmqbkg==",
+      "dev": true,
+      "dependencies": {
+        "cssnano-preset-default": "^6.0.1",
+        "lilconfig": "^2.1.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/cssnano"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/cssnano-preset-default": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/cssnano-preset-default/-/cssnano-preset-default-6.0.1.tgz",
+      "integrity": "sha512-7VzyFZ5zEB1+l1nToKyrRkuaJIx0zi/1npjvZfbBwbtNTzhLtlvYraK/7/uqmX2Wb2aQtd983uuGw79jAjLSuQ==",
+      "dev": true,
+      "dependencies": {
+        "css-declaration-sorter": "^6.3.1",
+        "cssnano-utils": "^4.0.0",
+        "postcss-calc": "^9.0.0",
+        "postcss-colormin": "^6.0.0",
+        "postcss-convert-values": "^6.0.0",
+        "postcss-discard-comments": "^6.0.0",
+        "postcss-discard-duplicates": "^6.0.0",
+        "postcss-discard-empty": "^6.0.0",
+        "postcss-discard-overridden": "^6.0.0",
+        "postcss-merge-longhand": "^6.0.0",
+        "postcss-merge-rules": "^6.0.1",
+        "postcss-minify-font-values": "^6.0.0",
+        "postcss-minify-gradients": "^6.0.0",
+        "postcss-minify-params": "^6.0.0",
+        "postcss-minify-selectors": "^6.0.0",
+        "postcss-normalize-charset": "^6.0.0",
+        "postcss-normalize-display-values": "^6.0.0",
+        "postcss-normalize-positions": "^6.0.0",
+        "postcss-normalize-repeat-style": "^6.0.0",
+        "postcss-normalize-string": "^6.0.0",
+        "postcss-normalize-timing-functions": "^6.0.0",
+        "postcss-normalize-unicode": "^6.0.0",
+        "postcss-normalize-url": "^6.0.0",
+        "postcss-normalize-whitespace": "^6.0.0",
+        "postcss-ordered-values": "^6.0.0",
+        "postcss-reduce-initial": "^6.0.0",
+        "postcss-reduce-transforms": "^6.0.0",
+        "postcss-svgo": "^6.0.0",
+        "postcss-unique-selectors": "^6.0.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/cssnano-utils": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-4.0.0.tgz",
+      "integrity": "sha512-Z39TLP+1E0KUcd7LGyF4qMfu8ZufI0rDzhdyAMsa/8UyNUU8wpS0fhdBxbQbv32r64ea00h4878gommRVg2BHw==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/csso": {
+      "version": "5.0.5",
+      "resolved": "https://registry.npmjs.org/csso/-/csso-5.0.5.tgz",
+      "integrity": "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==",
+      "dev": true,
+      "dependencies": {
+        "css-tree": "~2.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/css-tree": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/css-tree/-/css-tree-2.2.1.tgz",
+      "integrity": "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==",
+      "dev": true,
+      "dependencies": {
+        "mdn-data": "2.0.28",
+        "source-map-js": "^1.0.1"
+      },
+      "engines": {
+        "node": "^10 || ^12.20.0 || ^14.13.0 || >=15.0.0",
+        "npm": ">=7.0.0"
+      }
+    },
+    "node_modules/csso/node_modules/mdn-data": {
+      "version": "2.0.28",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.28.tgz",
+      "integrity": "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==",
+      "dev": true
+    },
+    "node_modules/cssom": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.5.0.tgz",
+      "integrity": "sha512-iKuQcq+NdHqlAcwUY0o/HL69XQrUaQdMjmStJ8JFmUaiiQErlhrmuigkg/CU4E2J0IyUKUrMAgl36TvN67MqTw==",
+      "dev": true
+    },
+    "node_modules/cssstyle": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-2.3.0.tgz",
+      "integrity": "sha512-AZL67abkUzIuvcHqk7c09cezpGNcxUxU4Ioi/05xHk4DQeTkWmGYftIE6ctU6AEt+Gn4n1lDStOtj7FKycP71A==",
+      "dev": true,
+      "dependencies": {
+        "cssom": "~0.3.6"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cssstyle/node_modules/cssom": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/cssom/-/cssom-0.3.8.tgz",
+      "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
+      "dev": true
+    },
+    "node_modules/csstype": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.2.tgz",
+      "integrity": "sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ=="
+    },
+    "node_modules/csurf": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/csurf/-/csurf-1.11.0.tgz",
+      "integrity": "sha512-UCtehyEExKTxgiu8UHdGvHj4tnpE/Qctue03Giq5gPgMQ9cg/ciod5blZQ5a4uCEenNQjxyGuzygLdKUmee/bQ==",
+      "dependencies": {
+        "cookie": "0.4.0",
+        "cookie-signature": "1.0.6",
+        "csrf": "3.1.0",
+        "http-errors": "~1.7.3"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/csurf/node_modules/cookie": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.0.tgz",
+      "integrity": "sha512-+Hp8fLp57wnUSt0tY0tHEXh4voZRDnoIrZPqlo3DPiI4y9lwg/jqx+1Om94/W6ZaPDOUbnjOt/99w66zk+l1Xg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/csurf/node_modules/cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw="
+    },
+    "node_modules/csurf/node_modules/http-errors": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.7.3.tgz",
+      "integrity": "sha512-ZTTX0MWrsQ2ZAhA1cejAwDLycFsd7I7nVtnkT3Ol0aqodaKW+0CTZDQ1uBv5whptCnc8e8HeRRJxRs0kmm/Qfw==",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.1.1",
+        "statuses": ">= 1.5.0 < 2",
+        "toidentifier": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/csurf/node_modules/setprototypeof": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.1.tgz",
+      "integrity": "sha512-JvdAWfbXeIGaZ9cILp38HntZSFSo3mWg6xGcJJsd+d4aRMOqauag1C63dJfDw7OaMYwEbHMOxEZ1lqVRYP2OAw=="
+    },
+    "node_modules/csurf/node_modules/toidentifier": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.0.tgz",
+      "integrity": "sha512-yaOH/Pk/VEhBWWTlhI+qXxDFXlejDGcQipMlyxda9nthulaxLZUNcUqFxokp0vcYnvteJln5FNQDRrxj3YcbVw==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/csv": {
+      "version": "5.5.3",
+      "resolved": "https://registry.npmjs.org/csv/-/csv-5.5.3.tgz",
+      "integrity": "sha512-QTaY0XjjhTQOdguARF0lGKm5/mEq9PD9/VhZZegHDIBq2tQwgNpHc3dneD4mGo2iJs+fTKv5Bp0fZ+BRuY3Z0g==",
+      "dependencies": {
+        "csv-generate": "^3.4.3",
+        "csv-parse": "^4.16.3",
+        "csv-stringify": "^5.6.5",
+        "stream-transform": "^2.1.3"
+      },
+      "engines": {
+        "node": ">= 0.1.90"
+      }
+    },
+    "node_modules/csv-generate": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/csv-generate/-/csv-generate-3.4.3.tgz",
+      "integrity": "sha512-w/T+rqR0vwvHqWs/1ZyMDWtHHSJaN06klRqJXBEpDJaM/+dZkso0OKh1VcuuYvK3XM53KysVNq8Ko/epCK8wOw=="
+    },
+    "node_modules/csv-parse": {
+      "version": "4.16.3",
+      "resolved": "https://registry.npmjs.org/csv-parse/-/csv-parse-4.16.3.tgz",
+      "integrity": "sha512-cO1I/zmz4w2dcKHVvpCr7JVRu8/FymG5OEpmvsZYlccYolPBLoVGKUHgNoc4ZGkFeFlWGEDmMyBM+TTqRdW/wg=="
+    },
+    "node_modules/csv-stringify": {
+      "version": "5.6.5",
+      "resolved": "https://registry.npmjs.org/csv-stringify/-/csv-stringify-5.6.5.tgz",
+      "integrity": "sha512-PjiQ659aQ+fUTQqSrd1XEDnOr52jh30RBurfzkscaE2tPaFsDH5wOAHJiw8XAHphRknCwMUE9KRayc4K/NbO8A=="
+    },
+    "node_modules/cypress": {
+      "version": "13.13.2",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-13.13.2.tgz",
+      "integrity": "sha512-PvJQU33933NvS1StfzEb8/mu2kMy4dABwCF+yd5Bi7Qly1HOVf+Bufrygee/tlmty/6j5lX+KIi8j9Q3JUMbhA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "dependencies": {
+        "@cypress/request": "^3.0.1",
+        "@cypress/xvfb": "^1.2.4",
+        "@types/sinonjs__fake-timers": "8.1.1",
+        "@types/sizzle": "^2.3.2",
+        "arch": "^2.2.0",
+        "blob-util": "^2.0.2",
+        "bluebird": "^3.7.2",
+        "buffer": "^5.7.1",
+        "cachedir": "^2.3.0",
+        "chalk": "^4.1.0",
+        "check-more-types": "^2.24.0",
+        "cli-cursor": "^3.1.0",
+        "cli-table3": "~0.6.1",
+        "commander": "^6.2.1",
+        "common-tags": "^1.8.0",
+        "dayjs": "^1.10.4",
+        "debug": "^4.3.4",
+        "enquirer": "^2.3.6",
+        "eventemitter2": "6.4.7",
+        "execa": "4.1.0",
+        "executable": "^4.1.1",
+        "extract-zip": "2.0.1",
+        "figures": "^3.2.0",
+        "fs-extra": "^9.1.0",
+        "getos": "^3.2.1",
+        "is-ci": "^3.0.1",
+        "is-installed-globally": "~0.4.0",
+        "lazy-ass": "^1.6.0",
+        "listr2": "^3.8.3",
+        "lodash": "^4.17.21",
+        "log-symbols": "^4.0.0",
+        "minimist": "^1.2.8",
+        "ospath": "^1.2.2",
+        "pretty-bytes": "^5.6.0",
+        "process": "^0.11.10",
+        "proxy-from-env": "1.0.0",
+        "request-progress": "^3.0.0",
+        "semver": "^7.5.3",
+        "supports-color": "^8.1.1",
+        "tmp": "~0.2.3",
+        "untildify": "^4.0.0",
+        "yauzl": "^2.10.0"
+      },
+      "bin": {
+        "cypress": "bin/cypress"
+      },
+      "engines": {
+        "node": "^16.0.0 || ^18.0.0 || >=20.0.0"
+      }
+    },
+    "node_modules/cypress-plugin-tab": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/cypress-plugin-tab/-/cypress-plugin-tab-1.0.5.tgz",
+      "integrity": "sha512-QtTJcifOVwwbeMP3hsOzQOKf3EqKsLyjtg9ZAGlYDntrCRXrsQhe4ZQGIthRMRLKpnP6/tTk6G0gJ2sZUfRliQ==",
+      "dev": true,
+      "dependencies": {
+        "ally.js": "^1.4.1"
+      }
+    },
+    "node_modules/cypress/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/cypress/node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/cypress/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/cypress/node_modules/chalk/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cypress/node_modules/commander": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
+      "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/cypress/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/cypress/node_modules/execa": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-4.1.0.tgz",
+      "integrity": "sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==",
+      "dev": true,
+      "dependencies": {
+        "cross-spawn": "^7.0.0",
+        "get-stream": "^5.0.0",
+        "human-signals": "^1.1.1",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.0",
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2",
+        "strip-final-newline": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/cypress/node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "dev": true,
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/cypress/node_modules/is-ci": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-3.0.1.tgz",
+      "integrity": "sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==",
+      "dev": true,
+      "dependencies": {
+        "ci-info": "^3.2.0"
+      },
+      "bin": {
+        "is-ci": "bin.js"
+      }
+    },
+    "node_modules/cypress/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/cypress/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true
+    },
+    "node_modules/cypress/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/cypress/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/d": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/d/-/d-1.0.1.tgz",
+      "integrity": "sha512-m62ShEObQ39CfralilEQRjH6oAMtNCV1xJyEx5LpRYUVN+EviphDgUc/F3hnYbADmkiNs67Y+3ylmlG7Lnu+FA==",
+      "dependencies": {
+        "es5-ext": "^0.10.50",
+        "type": "^1.0.1"
+      }
+    },
+    "node_modules/d/node_modules/type": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/type/-/type-1.2.0.tgz",
+      "integrity": "sha512-+5nt5AAniqsCnu2cEQQdpzCAh33kVx8n0VoFidKpB1dVVLAN/F+bgVOqOJqOnEnrhp222clB5p3vUlD+1QAnfg=="
+    },
+    "node_modules/d3": {
+      "version": "3.5.17",
+      "resolved": "https://registry.npmjs.org/d3/-/d3-3.5.17.tgz",
+      "integrity": "sha1-vEZ0gAQ3iyGjYMn8fPUjF5B2L7g=",
+      "dev": true
+    },
+    "node_modules/damerau-levenshtein": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz",
+      "integrity": "sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==",
+      "dev": true
+    },
+    "node_modules/dashdash": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
+      "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
+      "dependencies": {
+        "assert-plus": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/dashdash/node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/dasherize": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dasherize/-/dasherize-2.0.0.tgz",
+      "integrity": "sha1-bYCcnNDPe7iVLYD8hPoT1H3bEwg="
+    },
+    "node_modules/data-urls": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/data-urls/-/data-urls-3.0.2.tgz",
+      "integrity": "sha512-Jy/tj3ldjZJo63sVAvg6LHt2mHvl4V6AgRAmNDtLdm7faqtsx+aJG42rsyCo9JCoRVKwPFzKlIPx3DIibwSIaQ==",
+      "dev": true,
+      "dependencies": {
+        "abab": "^2.0.6",
+        "whatwg-mimetype": "^3.0.0",
+        "whatwg-url": "^11.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/data-urls/node_modules/tr46": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
+      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
+      "dev": true,
+      "dependencies": {
+        "punycode": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/data-urls/node_modules/whatwg-url": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
+      "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
+      "dev": true,
+      "dependencies": {
+        "tr46": "^3.0.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/data-view-buffer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-buffer/-/data-view-buffer-1.0.1.tgz",
+      "integrity": "sha512-0lht7OugA5x3iJLOWFhWK/5ehONdprk0ISXqVFn/NFrDu+cuc8iADFrGQz5BnRK7LLU3JmkbXSxaqX+/mXYtUA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-length": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/data-view-byte-length/-/data-view-byte-length-1.0.1.tgz",
+      "integrity": "sha512-4J7wRJD3ABAzr8wP+OcIcqq2dlUKp4DVflx++hs5h5ZKydWMI6/D/fAot+yh6g2tHh8fLFTvNOaVN357NvSrOQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/data-view-byte-offset": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/data-view-byte-offset/-/data-view-byte-offset-1.0.0.tgz",
+      "integrity": "sha512-t/Ygsytq+R995EJ5PZlD4Cu56sWa8InXySaViRzw9apusqsOO2bQP+SbYzAhR0pFKoB+43lYy8rWban9JSuXnA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
+        "is-data-view": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/date-fns": {
+      "version": "2.28.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.28.0.tgz",
+      "integrity": "sha512-8d35hViGYx/QH0icHYCeLmsLmMUheMmTyV9Fcm6gvNwdw31yXXH+O85sOBJ+OLnLQMKZowvpKb6FgMIQjcpvQw==",
+      "engines": {
+        "node": ">=0.11"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/date-fns"
+      }
+    },
+    "node_modules/dateformat": {
+      "version": "1.0.4-1.2.3",
+      "resolved": "https://registry.npmjs.org/dateformat/-/dateformat-1.0.4-1.2.3.tgz",
+      "integrity": "sha1-TBKxAb3buIgMI1babkVEWaXri3U=",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/daterangepicker": {
+      "version": "2.1.27",
+      "resolved": "https://registry.npmjs.org/daterangepicker/-/daterangepicker-2.1.27.tgz",
+      "integrity": "sha512-D12idm34JQYLbhQn9oaZQGuSoLC7C4RQypx4yThqiPO+56ejrWMKN+89/KWf1RwYENwUdWOSSqzF5ZF2EkiE5g==",
+      "dev": true,
+      "dependencies": {
+        "jquery": ">=1.10",
+        "moment": "^2.9.0"
+      }
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.0.tgz",
+      "integrity": "sha512-JLC809s6Y948/FuCZPm5IX8rRhQwOiyMb2TfVVQEixG7P8Lm/gt5S7yoQZmC8x1UehI9Pb7sksEt4xx14m+7Ug==",
+      "dev": true
+    },
+    "node_modules/debug": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.3.tgz",
+      "integrity": "sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/debug/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "node_modules/debuglog": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/debuglog/-/debuglog-1.0.1.tgz",
+      "integrity": "sha1-qiT/uaw9+aI1GDfPstJ5NgzXhJI=",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-1.2.0.tgz",
+      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/decimal.js": {
+      "version": "10.4.3",
+      "resolved": "https://registry.npmjs.org/decimal.js/-/decimal.js-10.4.3.tgz",
+      "integrity": "sha512-VBBaLc1MgL5XpzgIP7ny5Z6Nx3UrRkIViUkPUdtl9aya5amy3De1gsUUSB1g3+3sExYNjCAsAznmukyxCb1GRA==",
+      "dev": true
+    },
+    "node_modules/decode-named-character-reference": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/decode-named-character-reference/-/decode-named-character-reference-1.0.2.tgz",
+      "integrity": "sha512-O8x12RzrUF8xyVcY0KJowWsmaJxQbmy0/EtnNtHRpsOcT7dFk5W598coHqBVpmWo1oQQfsCqfCmkZN5DJrZVdg==",
+      "dev": true,
+      "dependencies": {
+        "character-entities": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/decode-uri-component": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/decode-uri-component/-/decode-uri-component-0.2.2.tgz",
+      "integrity": "sha512-FqUYQ+8o158GyGTrMFJms9qh3CqTKvAqgqsTnkLI8sKu0028orqBhxNMFkFen0zGyg6epACD32pjVk58ngIErQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/decompress-response": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
+      "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "mimic-response": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/dedent": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/dedent/-/dedent-0.7.0.tgz",
+      "integrity": "sha512-Q6fKUPqnAHAyhiUgFU7BUzLiv0kd8saH9al7tnu5Q/okj6dnupxyTgFIBjVzJATdfIAm9NAsvXNzjaKa+bxVyA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/deep-diff": {
+      "version": "0.3.8",
+      "resolved": "https://registry.npmjs.org/deep-diff/-/deep-diff-0.3.8.tgz",
+      "integrity": "sha512-yVn6RZmHiGnxRKR9sJb3iVV2XTF1Ghh2DiWRZ3dMnGc43yUdWWF/kX6lQyk3+P84iprfWKU/8zFTrlkvtFm1ug=="
+    },
+    "node_modules/deep-eql": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-3.0.1.tgz",
+      "integrity": "sha512-+QeIQyN5ZuO+3Uk5DYh6/1eKO0m0YmJFGNmFHGACpf1ClL1nmlV/p4gNgbl2pJGxgXb4faqo6UE+M5ACEMyVcw==",
+      "dev": true,
+      "dependencies": {
+        "type-detect": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
+    "node_modules/deep-equal": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.1.tgz",
+      "integrity": "sha512-lKdkdV6EOGoVn65XaOsPdH4rMxTZOnmFyuIkMjM1i5HHCbfjC97dawgTAy0deYNfuqUqW+Q5VrVaQYtUpSd6yQ==",
+      "dev": true,
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "es-get-iterator": "^1.1.3",
+        "get-intrinsic": "^1.2.0",
+        "is-arguments": "^1.1.1",
+        "is-array-buffer": "^3.0.2",
+        "is-date-object": "^1.0.5",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "isarray": "^2.0.5",
+        "object-is": "^1.1.5",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.0",
+        "side-channel": "^1.0.4",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.9"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/deep-extend": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/deep-extend/-/deep-extend-0.6.0.tgz",
+      "integrity": "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/deep-freeze": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/deep-freeze/-/deep-freeze-0.0.1.tgz",
+      "integrity": "sha512-Z+z8HiAvsGwmjqlphnHW5oz6yWlOwu6EQfFTjmeTWlDeda3FS2yv3jhq35TX/ewmsnqB+RX2IdsIOyjJCQN5tg=="
+    },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="
+    },
+    "node_modules/deepmerge": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
+      "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/default-browser": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/default-browser/-/default-browser-5.2.1.tgz",
+      "integrity": "sha512-WY/3TUME0x3KPYdRRxEJJvXRHV4PyPoUsxtZa78lwItwRQRHhd2U9xOscaT/YTf8uCXIAjeJOFBVEh/7FtD8Xg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "bundle-name": "^4.1.0",
+        "default-browser-id": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/default-browser-id": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/default-browser-id/-/default-browser-id-5.0.0.tgz",
+      "integrity": "sha512-A6p/pu/6fyBcA1TRz/GqWYPViplrftcW2gZC9q79ngNCKAeR/X3gcEdXQHl4KNXV+3wgIJ1CPkJQ3IHM6lcsyA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/defaults": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/defaults/-/defaults-1.0.4.tgz",
+      "integrity": "sha512-eFuaLoy/Rxalv2kr+lqMlUnrDWV+3j4pljOIJgLIhI058IQfWJ7vXhyEIHu+HtC738klGALYxOKDO0bQP3tg8A==",
+      "dependencies": {
+        "clone": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/defaults/node_modules/clone": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+      "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.4.tgz",
+      "integrity": "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A==",
+      "dependencies": {
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-lazy-prop": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
+      "integrity": "sha512-Ds09qNh8yw3khSjiJjiUInaGX9xlqZDY7JVryGxdxV7NPeuqQfplOpQ66yJFZut3jLa5zOwkXw1g9EI2uKh4Og==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "license": "MIT",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-property": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-2.0.2.tgz",
+      "integrity": "sha512-jwK2UV4cnPpbcG7+VRARKTZPUWowwXA8bzH5NP6ud0oeAxyYPuGZUAC7hMugpCdz4BeSZl2Dl9k66CHJ/46ZYQ==",
+      "dev": true,
+      "dependencies": {
+        "is-descriptor": "^1.0.2",
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/defu": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
+      "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/delay": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/delay/-/delay-5.0.0.tgz",
+      "integrity": "sha512-ReEBKkIfe4ya47wlPYf/gu5ib6yUG0/Aez0JQZQz94kiWtRQvZIQbTiehsnwHvLSWJnQdhVeqYue7Id1dKr0qw==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delegates/-/delegates-1.0.0.tgz",
+      "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o="
+    },
+    "node_modules/denque": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/denque/-/denque-1.5.1.tgz",
+      "integrity": "sha512-XwE+iZ4D6ZUB7mfYRMb5wByE8L74HCn30FBN7sWnXksWc1LO1bPDl67pBR9o/kC4z/xSNAwkMYcGgqDV3BE3Hw==",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-1.1.2.tgz",
+      "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/dequal": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/dequal/-/dequal-2.0.3.tgz",
+      "integrity": "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=",
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/detect-node": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node/-/detect-node-2.1.0.tgz",
+      "integrity": "sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/devlop": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/devlop/-/devlop-1.1.0.tgz",
+      "integrity": "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==",
+      "dev": true,
+      "dependencies": {
+        "dequal": "^2.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/dezalgo": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/dezalgo/-/dezalgo-1.0.4.tgz",
+      "integrity": "sha512-rXSP0bf+5n0Qonsb+SVVfNfIsimO4HEtmnIpPHY8Q1UCzKlQrDMfdobr8nJOOsRgWCyMRqeSBQzmWUMq7zvVig==",
+      "dev": true,
+      "dependencies": {
+        "asap": "^2.0.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/diff": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-5.2.0.tgz",
+      "integrity": "sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
+    "node_modules/diff-match-patch": {
+      "version": "1.0.5",
+      "resolved": "git+ssh://git@github.com/overleaf/diff-match-patch.git#89805f9c671a77a263fc53461acd62aa7498f688",
+      "integrity": "sha512-UfwfKGxT/Wm2KaxFSZsp7/+YOnAgIzxQXs86zu1IFMLU/+3ouxnEvXqPDn3yxSxlsO4r1B+I2GGQHsIthp6/7Q==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/diff3": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/diff3/-/diff3-0.0.3.tgz",
+      "integrity": "sha512-iSq8ngPOt0K53A6eVr4d5Kn6GNrM2nQZtC740pzIriHtn4pOQ2lyzEXQMBeVcWERN0ye7fhBsk9PbLLQOnUx/g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/dijkstrajs": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/dijkstrajs/-/dijkstrajs-1.0.2.tgz",
+      "integrity": "sha512-QV6PMaHTCNmKSeP6QoXhVTw9snc9VD8MulTT0Bd99Pacp4SS1cjcrYPgBPmibqKVtMJJfqC6XvOXgPMEEPH/fg==",
+      "dev": true
+    },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dnd-core": {
+      "version": "16.0.1",
+      "resolved": "https://registry.npmjs.org/dnd-core/-/dnd-core-16.0.1.tgz",
+      "integrity": "sha512-HK294sl7tbw6F6IeuK16YSBUoorvHpY8RHO+9yFfaJyCDVb6n7PRcezrOEOa2SBCqiYpemh5Jx20ZcjKdFAVng==",
+      "dev": true,
+      "dependencies": {
+        "@react-dnd/asap": "^5.0.1",
+        "@react-dnd/invariant": "^4.0.1",
+        "redux": "^4.2.0"
+      }
+    },
+    "node_modules/dns-packet": {
+      "version": "5.6.1",
+      "resolved": "https://registry.npmjs.org/dns-packet/-/dns-packet-5.6.1.tgz",
+      "integrity": "sha512-l4gcSouhcgIKRvyy99RNVOgxXiicE+2jZoNmaNmZ6JXiGajBOJAesk1OBlJuM5k2c+eudGdLxDqXuPCKIj6kpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@leichtgewicht/ip-codec": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/doctypes": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/doctypes/-/doctypes-1.1.0.tgz",
+      "integrity": "sha512-LLBi6pEqS6Do3EKQ3J0NqHWV5hhb78Pi8vvESYwyOy2c31ZEZVdtitdzsQsKb7878PEERhzUk0ftqGhG6Mz+pQ=="
+    },
+    "node_modules/dom-accessibility-api": {
+      "version": "0.5.11",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.11.tgz",
+      "integrity": "sha512-7X6GvzjYf4yTdRKuCVScV+aA9Fvh5r8WzWrXBH9w82ZWB/eYDMGCnazoC/YAqAzUJWHzLOnZqr46K3iEyUhUvw==",
+      "dev": true
+    },
+    "node_modules/dom-converter": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/dom-converter/-/dom-converter-0.2.0.tgz",
+      "integrity": "sha512-gd3ypIPfOMr9h5jIKq8E3sHOTCjeirnl0WK5ZdS1AW0Odt0b1PaWaHdJ4Qk4klv+YB9aJBS7mESXjFoDQPu6DA==",
+      "dev": true,
+      "dependencies": {
+        "utila": "~0.4"
+      }
+    },
+    "node_modules/dom-serializer": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-1.3.2.tgz",
+      "integrity": "sha512-5c54Bk5Dw4qAxNOI1pFEizPSjVsx5+bpJKmL2kPn8JhBUq2q09tTCa3mjijun2NfK78NMouDYNMBkOrPZiS+ig==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.2.0",
+        "entities": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/dom-walk": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/dom-walk/-/dom-walk-0.1.2.tgz",
+      "integrity": "sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w==",
+      "dev": true
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ]
+    },
+    "node_modules/domexception": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/domexception/-/domexception-4.0.0.tgz",
+      "integrity": "sha512-A2is4PLG+eeSfoTMA95/s4pvAoSo2mKtiM5jlHkAVewmiO8ISFTFKZjH7UAM1Atli/OT/7JHOrJRJiMKUZKYBw==",
+      "dev": true,
+      "dependencies": {
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/domhandler": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-4.3.0.tgz",
+      "integrity": "sha512-fC0aXNQXqKSFTr2wDNZDhsEYjCiYsDWl3D01kwt25hm1YIPyDGHvvi3rw+PLqHAl/m71MaiF7d5zvBr0p5UB2g==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.2.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/dompurify": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.2.4.tgz",
+      "integrity": "sha512-ysFSFEDVduQpyhzAob/kkuJjf5zWkZD8/A9ywSp1byueyuCfHamrCBa14/Oc2iiB0e51B+NpxSl5gmzn+Ms/mg==",
+      "dev": true,
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "2.8.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-2.8.0.tgz",
+      "integrity": "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==",
+      "dev": true,
+      "dependencies": {
+        "dom-serializer": "^1.0.1",
+        "domelementtype": "^2.2.0",
+        "domhandler": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/dont-sniff-mimetype": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/dont-sniff-mimetype/-/dont-sniff-mimetype-1.1.0.tgz",
+      "integrity": "sha512-ZjI4zqTaxveH2/tTlzS1wFp+7ncxNZaIEWYg3lzZRHkKf5zPT/MnEG6WL0BhHMJUabkh8GeU5NL5j+rEUCb7Ug==",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/dot-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/dot-case/-/dot-case-3.0.4.tgz",
+      "integrity": "sha512-Kv5nKlh6yRrdrGvxeJ2e5y2eRUpkUosIW4A2AS38zwSz27zu7ufDwQPi5Jhs3XAlGNetl3bmnGhQsMtkKJnj3w==",
+      "dev": true,
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/dot-prop": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-6.0.1.tgz",
+      "integrity": "sha512-tE7ztYzXHIeyvc7N+hR3oi7FIbf/NIjVP9hmAt3yMXzrQ072/fpjGLx2GxNxGxUl5V73MEqYzioOMoVhGMJ5cA==",
+      "dependencies": {
+        "is-obj": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/dottie": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/dottie/-/dottie-2.0.6.tgz",
+      "integrity": "sha512-iGCHkfUc5kFekGiqhe8B/mdaurD+lakO9txNnTvKtA6PISrw86LgqHvRzWYPyoE2Ph5aMIrCw9/uko6XHTKCwA=="
+    },
+    "node_modules/downshift": {
+      "version": "6.1.7",
+      "resolved": "https://registry.npmjs.org/downshift/-/downshift-6.1.7.tgz",
+      "integrity": "sha512-cVprZg/9Lvj/uhYRxELzlu1aezRcgPWBjTvspiGTVEU64gF5pRdSRKFVLcxqsZC637cLAGMbL40JavEfWnqgNg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.14.8",
+        "compute-scroll-into-view": "^1.0.17",
+        "prop-types": "^15.7.2",
+        "react-is": "^17.0.2",
+        "tslib": "^2.3.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.12.0"
+      }
+    },
+    "node_modules/dropbox": {
+      "version": "10.34.0",
+      "resolved": "https://registry.npmjs.org/dropbox/-/dropbox-10.34.0.tgz",
+      "integrity": "sha512-5jb5/XzU0fSnq36/hEpwT5/QIep7MgqKuxghEG44xCu7HruOAjPdOb3x0geXv5O/hd0nHpQpWO+r5MjYTpMvJg==",
+      "dependencies": {
+        "node-fetch": "^2.6.1"
+      },
+      "engines": {
+        "node": ">=0.10.3"
+      },
+      "peerDependencies": {
+        "@types/node-fetch": "^2.5.7"
+      }
+    },
+    "node_modules/dset": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npmjs.org/dset/-/dset-3.1.4.tgz",
+      "integrity": "sha512-2QF/g9/zTaPDc3BjNcVTGoBbXBgYfMTTceLaYcFJ/W9kggFUkhxD/hMEeuLKbugyef9SqAx8cpgwlIP/jinUTA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/dtrace-provider": {
+      "version": "0.8.8",
+      "resolved": "https://registry.npmjs.org/dtrace-provider/-/dtrace-provider-0.8.8.tgz",
+      "integrity": "sha512-b7Z7cNtHPhH9EJhNNbbeqTcXB8LGFFZhq1PGgEvpeHlzd36bhbdTWoE/Ba/YguqpBSlAPKnARWhVlhunCMwfxg==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "nan": "^2.14.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/duration": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/duration/-/duration-0.2.2.tgz",
+      "integrity": "sha512-06kgtea+bGreF5eKYgI/36A6pLXggY7oR4p1pq4SmdFBn1ReOL5D8RhG64VrqfTTKNucqqtBAwEj8aB88mcqrg==",
+      "dependencies": {
+        "d": "1",
+        "es5-ext": "~0.10.46"
+      }
+    },
+    "node_modules/east": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/east/-/east-2.0.3.tgz",
+      "integrity": "sha512-ZY0gVpOxMPs99TXSK1v+KIzR2G4yP5Sru6XNbun2ebjZCWxcTQWnYdTlzHGMd7KDmiCOuZtbh8TvelakV3BWMw==",
+      "dependencies": {
+        "commander": "5.1.0",
+        "expressionify": "0.9.3",
+        "mhook": "1.0.1",
+        "p-map": "4.0.0",
+        "p-props": "4.0.0",
+        "p-timeout": "3.2.0",
+        "path-exists": "4.0.0",
+        "underscore": "1.12.1"
+      },
+      "bin": {
+        "east": "bin/east.js"
+      },
+      "engines": {
+        "node": ">=10.17.0"
+      }
+    },
+    "node_modules/east/node_modules/commander": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-5.1.0.tgz",
+      "integrity": "sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/east/node_modules/underscore": {
+      "version": "1.12.1",
+      "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.12.1.tgz",
+      "integrity": "sha512-hEQt0+ZLDVUMhebKxL4x1BTtDY7bavVofhZ9KZ4aI26X9SRaE+Y3m83XUL1UP2jn8ynjndwCCpEHdUG+9pP1Tw=="
+    },
+    "node_modules/eastasianwidth": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
+      "dev": true
+    },
+    "node_modules/ecc-jsbn": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
+      "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=",
+      "dependencies": {
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.1.0"
+      }
+    },
+    "node_modules/ecdsa-sig-formatter": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/ecdsa-sig-formatter/-/ecdsa-sig-formatter-1.0.11.tgz",
+      "integrity": "sha512-nagl3RYrbNv6kQkeJIpt6NJZy8twLB/2vtz6yN9Z4vRKHN4/QZJIEbqohALSgwKdnksuY3k5Addp5lg8sVoVcQ==",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/editorconfig": {
+      "version": "0.15.3",
+      "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-0.15.3.tgz",
+      "integrity": "sha512-M9wIMFx96vq0R4F+gRpY3o2exzb8hEj/n9S8unZtHSvYjibBp/iMufSzvmOcV/laG0ZtuTVGtiJggPOSW2r93g==",
+      "dev": true,
+      "dependencies": {
+        "commander": "^2.19.0",
+        "lru-cache": "^4.1.5",
+        "semver": "^5.6.0",
+        "sigmund": "^1.0.1"
+      },
+      "bin": {
+        "editorconfig": "bin/editorconfig"
+      }
+    },
+    "node_modules/editorconfig/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true
+    },
+    "node_modules/editorconfig/node_modules/lru-cache": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
+      "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
+      "dev": true,
+      "dependencies": {
+        "pseudomap": "^1.0.2",
+        "yallist": "^2.1.2"
+      }
+    },
+    "node_modules/editorconfig/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/editorconfig/node_modules/yallist": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+      "integrity": "sha512-ncTzHV7NvsQZkYe1DW7cbDLm0YpzHmZF5r/iyP3ZnQtMiJ+pjzisCiMNI+Sj+xQF5pXhSHxSB3uDbsBTzY/c2A==",
+      "dev": true
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0="
+    },
+    "node_modules/ejs": {
+      "version": "3.1.10",
+      "resolved": "https://registry.npmjs.org/ejs/-/ejs-3.1.10.tgz",
+      "integrity": "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA==",
+      "dependencies": {
+        "jake": "^10.8.5"
+      },
+      "bin": {
+        "ejs": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.34",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.34.tgz",
+      "integrity": "sha512-/TZAiChbAflBNjCg+VvstbcwAtIL/VdMFO3NgRFIzBjpvPzWOTIbbO8kNb6RwU4bt9TP7K+3KqBKw/lOU+Y+GA==",
+      "dev": true
+    },
+    "node_modules/email-addresses": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/email-addresses/-/email-addresses-5.0.0.tgz",
+      "integrity": "sha512-4OIPYlA6JXqtVn8zpHpGiI7vE6EQOAg16aGnDMIAlZVinnoZ8208tW1hAbjWydgN/4PLTT9q+O1K6AH/vALJGw=="
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+    },
+    "node_modules/emojis-list": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/emojis-list/-/emojis-list-3.0.0.tgz",
+      "integrity": "sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/encode-utf8": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/encode-utf8/-/encode-utf8-1.0.3.tgz",
+      "integrity": "sha512-ucAnuBEhUK4boH2HjVYG5Q2mQyPorvv0u/ocS+zhdw0S8AlHYY+GOFhP1Gio5z4icpP2ivFSvhtFjQi8+T9ppw==",
+      "dev": true
+    },
+    "node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/endent": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/endent/-/endent-2.1.0.tgz",
+      "integrity": "sha512-r8VyPX7XL8U01Xgnb1CjZ3XV+z90cXIJ9JPE/R9SEC9vpw2P6CfsRPJmp20DppC5N7ZAMCmjYkJIa744Iyg96w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dedent": "^0.7.0",
+        "fast-json-parse": "^1.0.3",
+        "objectorarray": "^1.0.5"
+      }
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.17.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
+      "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/enquirer": {
+      "version": "2.3.6",
+      "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.3.6.tgz",
+      "integrity": "sha512-yjNnPr315/FjS4zIsUxYguYUPP2e1NK4d7E7ZOLiyYCcbFBiTMyID+2wvm2w6+pZ/odMA7cRkjhsPbltwBOrLg==",
+      "dev": true,
+      "dependencies": {
+        "ansi-colors": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/ensure-type": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/ensure-type/-/ensure-type-1.5.1.tgz",
+      "integrity": "sha512-Dxe+mVF4MupV6eueWiFa6hUd9OL9lIM2/LqR40k1P+dwG+G2il2UigXTU9aQlaw+Y/N0BKSaTofNw73htTbC5g==",
+      "dev": true
+    },
+    "node_modules/ent": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ent/-/ent-2.2.0.tgz",
+      "integrity": "sha1-6WQhkyWiHQX0RGai9obtbOX13R0="
+    },
+    "node_modules/entities": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
+      "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/env-paths": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/envify": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/envify/-/envify-4.1.0.tgz",
+      "integrity": "sha512-IKRVVoAYr4pIx4yIWNsz9mOsboxlNXiu7TNBnem/K/uTHdkyzXWDzHCK7UTolqBbgaBz0tQHsD3YNls0uIIjiw==",
+      "dev": true,
+      "dependencies": {
+        "esprima": "^4.0.0",
+        "through": "~2.3.4"
+      },
+      "bin": {
+        "envify": "bin/envify"
+      }
+    },
+    "node_modules/envinfo": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/envinfo/-/envinfo-7.8.1.tgz",
+      "integrity": "sha512-/o+BXHmB7ocbHEAs6F2EnG0ogybVVUdkRunTT2glZU9XAaGmhqskrvKwqXuDfNjEO0LZKWdejEEpnq8aM0tOaw==",
+      "dev": true,
+      "bin": {
+        "envinfo": "dist/cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eol": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/eol/-/eol-0.9.1.tgz",
+      "integrity": "sha512-Ds/TEoZjwggRoz/Q2O7SE3i4Jm66mqTDfmdHdq/7DKVk3bro9Q8h6WdXKdPqFLMoqxrDK5SVRzHVPOS6uuGtrg==",
+      "dev": true
+    },
+    "node_modules/errno": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
+      "integrity": "sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==",
+      "dev": true,
+      "optional": true,
+      "dependencies": {
+        "prr": "~1.0.1"
+      },
+      "bin": {
+        "errno": "cli.js"
+      }
+    },
+    "node_modules/error": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/error/-/error-7.0.2.tgz",
+      "integrity": "sha512-UtVv4l5MhijsYUxPJo4390gzfZvAnTHreNnDjnTZaKIiZ/SemXxAhBkYSKtWa5RtBXbLP8tMgn/n0RUa/H7jXw==",
+      "dependencies": {
+        "string-template": "~0.2.1",
+        "xtend": "~4.0.0"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.2.tgz",
+      "integrity": "sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==",
+      "dev": true,
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
+    "node_modules/error-stack-parser": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/error-stack-parser/-/error-stack-parser-2.1.4.tgz",
+      "integrity": "sha512-Sk5V6wVazPhq5MhpO+AUxJn5x7XSXGl1R93Vn7i+zS15KDVxQijejNCrz8340/2bgLBjR9GtEG8ZVKONDjcqGQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "stackframe": "^1.3.4"
+      }
+    },
+    "node_modules/es-abstract": {
+      "version": "1.23.3",
+      "resolved": "https://registry.npmjs.org/es-abstract/-/es-abstract-1.23.3.tgz",
+      "integrity": "sha512-e+HfNH61Bj1X9/jLc5v1owaLYuHdeHHSQlkhCBiTK8rBvKaULl/beGMxwrMXjpYrv4pz22BlY570vVePA2ho4A==",
+      "license": "MIT",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.1",
+        "arraybuffer.prototype.slice": "^1.0.3",
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.7",
+        "data-view-buffer": "^1.0.1",
+        "data-view-byte-length": "^1.0.1",
+        "data-view-byte-offset": "^1.0.0",
+        "es-define-property": "^1.0.0",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.0.0",
+        "es-set-tostringtag": "^2.0.3",
+        "es-to-primitive": "^1.2.1",
+        "function.prototype.name": "^1.1.6",
+        "get-intrinsic": "^1.2.4",
+        "get-symbol-description": "^1.0.2",
+        "globalthis": "^1.0.3",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2",
+        "has-proto": "^1.0.3",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.2",
+        "internal-slot": "^1.0.7",
+        "is-array-buffer": "^3.0.4",
+        "is-callable": "^1.2.7",
+        "is-data-view": "^1.0.1",
+        "is-negative-zero": "^2.0.3",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.3",
+        "is-string": "^1.0.7",
+        "is-typed-array": "^1.1.13",
+        "is-weakref": "^1.0.2",
+        "object-inspect": "^1.13.1",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.5",
+        "regexp.prototype.flags": "^1.5.2",
+        "safe-array-concat": "^1.1.2",
+        "safe-regex-test": "^1.0.3",
+        "string.prototype.trim": "^1.2.9",
+        "string.prototype.trimend": "^1.0.8",
+        "string.prototype.trimstart": "^1.0.8",
+        "typed-array-buffer": "^1.0.2",
+        "typed-array-byte-length": "^1.0.1",
+        "typed-array-byte-offset": "^1.0.2",
+        "typed-array-length": "^1.0.6",
+        "unbox-primitive": "^1.0.2",
+        "which-typed-array": "^1.1.15"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.0.tgz",
+      "integrity": "sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==",
+      "dependencies": {
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-get-iterator": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
+      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "is-arguments": "^1.1.1",
+        "is-map": "^2.0.2",
+        "is-set": "^2.0.2",
+        "is-string": "^1.0.7",
+        "isarray": "^2.0.5",
+        "stop-iteration-iterator": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-module-lexer": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.4.tgz",
+      "integrity": "sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.0.0.tgz",
+      "integrity": "sha512-MZ4iQ6JwHOBQjahnjwaC1ZtIBH+2ohjamzAO3oaHcXYup7qxjF2fixyH+Q71voWHeOkI2q/TnJao/KfXYIZWbw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.0.3.tgz",
+      "integrity": "sha512-3T8uNMC3OQTHkFUsFq8r/BwAXLHvU/9O9mE0fBc/MY5iq/8H7ncvO947LmYA6ldWw9Uh8Yhf25zu6n7nML5QWQ==",
+      "license": "MIT",
+      "dependencies": {
+        "get-intrinsic": "^1.2.4",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-shim-unscopables": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/es-shim-unscopables/-/es-shim-unscopables-1.0.0.tgz",
+      "integrity": "sha512-Jm6GPcCdC30eMLbZ2x8z2WuRwAws3zTBBKuusffYVUrNj/GVSUAZ+xKMaUpfNDR5IbyNA5LJbaecoUVbmUcB1w==",
+      "dev": true,
+      "dependencies": {
+        "has": "^1.0.3"
+      }
+    },
+    "node_modules/es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha512-QCOllgZJtaUo9miYBcLChTUaHNjJF3PYs1VidD7AwiEj1kYxKeQTctLAezAOH5ZKRH0g2IgPn6KwB4IT8iRpvA==",
+      "dependencies": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-toolkit": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/es-toolkit/-/es-toolkit-1.32.0.tgz",
+      "integrity": "sha512-ZfSfHP1l6ubgW/B/FRtqb9bYdMvI6jizbOSfbwwJNcOQ1QE6TFsC3jpQkZ900uUPSR3t3SU5Ds7UWKnYz+uP8Q==",
+      "dev": true,
+      "license": "MIT",
+      "workspaces": [
+        "docs",
+        "benchmarks"
+      ]
+    },
+    "node_modules/es5-ext": {
+      "version": "0.10.64",
+      "resolved": "https://registry.npmjs.org/es5-ext/-/es5-ext-0.10.64.tgz",
+      "integrity": "sha512-p2snDhiLaXe6dahss1LddxqEm+SkuDvV8dnIQG0MWjyHpcMNfXKPE+/Cc0y+PhxJX3A4xGNeFCj5oc0BUh6deg==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "es6-iterator": "^2.0.3",
+        "es6-symbol": "^3.1.3",
+        "esniff": "^2.0.1",
+        "next-tick": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/es6-iterator": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es6-iterator/-/es6-iterator-2.0.3.tgz",
+      "integrity": "sha1-p96IkUGgWpSwhUQDstCg+/qY87c=",
+      "dependencies": {
+        "d": "1",
+        "es5-ext": "^0.10.35",
+        "es6-symbol": "^3.1.1"
+      }
+    },
+    "node_modules/es6-promise": {
+      "version": "4.2.8",
+      "resolved": "https://registry.npmjs.org/es6-promise/-/es6-promise-4.2.8.tgz",
+      "integrity": "sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w=="
+    },
+    "node_modules/es6-symbol": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/es6-symbol/-/es6-symbol-3.1.3.tgz",
+      "integrity": "sha512-NJ6Yn3FuDinBaBRWl/q5X/s4koRHBrgKAu+yGI6JCBeiu3qrcbJhwT2GeR/EXVfylRk8dpQVJoLEFhK+Mu31NA==",
+      "dependencies": {
+        "d": "^1.0.1",
+        "ext": "^1.1.2"
+      }
+    },
+    "node_modules/es6-weak-map": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/es6-weak-map/-/es6-weak-map-2.0.3.tgz",
+      "integrity": "sha512-p5um32HOTO1kP+w7PRnB+5lQ43Z6muuMuIMffvDN8ZB4GcnjLBV6zGStpbASIMk4DCAvEaamhe2zhyCb/QXXsA==",
+      "dev": true,
+      "dependencies": {
+        "d": "1",
+        "es5-ext": "^0.10.46",
+        "es6-iterator": "^2.0.3",
+        "es6-symbol": "^3.1.1"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.0.tgz",
+      "integrity": "sha512-BXq5mqc8ltbaN34cDqWuYKyNhX8D/Z0J1xdtdQ8UcIIIyJyz+ZMKUt58tF3SrZ85jcfN/PZYhjR5uDQAYNVbuw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.0",
+        "@esbuild/android-arm": "0.25.0",
+        "@esbuild/android-arm64": "0.25.0",
+        "@esbuild/android-x64": "0.25.0",
+        "@esbuild/darwin-arm64": "0.25.0",
+        "@esbuild/darwin-x64": "0.25.0",
+        "@esbuild/freebsd-arm64": "0.25.0",
+        "@esbuild/freebsd-x64": "0.25.0",
+        "@esbuild/linux-arm": "0.25.0",
+        "@esbuild/linux-arm64": "0.25.0",
+        "@esbuild/linux-ia32": "0.25.0",
+        "@esbuild/linux-loong64": "0.25.0",
+        "@esbuild/linux-mips64el": "0.25.0",
+        "@esbuild/linux-ppc64": "0.25.0",
+        "@esbuild/linux-riscv64": "0.25.0",
+        "@esbuild/linux-s390x": "0.25.0",
+        "@esbuild/linux-x64": "0.25.0",
+        "@esbuild/netbsd-arm64": "0.25.0",
+        "@esbuild/netbsd-x64": "0.25.0",
+        "@esbuild/openbsd-arm64": "0.25.0",
+        "@esbuild/openbsd-x64": "0.25.0",
+        "@esbuild/sunos-x64": "0.25.0",
+        "@esbuild/win32-arm64": "0.25.0",
+        "@esbuild/win32-ia32": "0.25.0",
+        "@esbuild/win32-x64": "0.25.0"
+      }
+    },
+    "node_modules/esbuild-register": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/esbuild-register/-/esbuild-register-3.6.0.tgz",
+      "integrity": "sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.3.4"
+      },
+      "peerDependencies": {
+        "esbuild": ">=0.12 <1"
+      }
+    },
+    "node_modules/esbuild-register/node_modules/debug": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
+      "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg="
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/escodegen": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
+      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
+      "dev": true,
+      "dependencies": {
+        "esprima": "^4.0.1",
+        "estraverse": "^5.2.0",
+        "esutils": "^2.0.2"
+      },
+      "bin": {
+        "escodegen": "bin/escodegen.js",
+        "esgenerate": "bin/esgenerate.js"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "optionalDependencies": {
+        "source-map": "~0.6.1"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.57.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.0.tgz",
+      "integrity": "sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.57.0",
+        "@humanwhocodes/config-array": "^0.11.14",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-config-prettier": {
+      "version": "8.5.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-8.5.0.tgz",
+      "integrity": "sha512-obmWKLUNCnhtQRKc+tmnYuQl0pFU1ibYJQ5BGhTVB08bHe9wC8qUeG7c08dj9XX+AuPj1YSGSQIHl1pnDHZR0Q==",
+      "dev": true,
+      "bin": {
+        "eslint-config-prettier": "bin/cli.js"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-config-standard": {
+      "version": "17.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-standard/-/eslint-config-standard-17.0.0.tgz",
+      "integrity": "sha512-/2ks1GKyqSOkH7JFvXJicu0iMpoojkwB+f5Du/1SC0PtBL+s8v30k9njRZ21pm2drKYm2342jFnGWzttxPmZVg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "peerDependencies": {
+        "eslint": "^8.0.1",
+        "eslint-plugin-import": "^2.25.2",
+        "eslint-plugin-n": "^15.0.0",
+        "eslint-plugin-promise": "^6.0.0"
+      }
+    },
+    "node_modules/eslint-config-standard-jsx": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-config-standard-jsx/-/eslint-config-standard-jsx-11.0.0.tgz",
+      "integrity": "sha512-+1EV/R0JxEK1L0NGolAr8Iktm3Rgotx3BKwgaX+eAuSX8D952LULKtjgZD3F+e6SvibONnhLwoTi9DPxN5LvvQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "peerDependencies": {
+        "eslint": "^8.8.0",
+        "eslint-plugin-react": "^7.28.0"
+      }
+    },
+    "node_modules/eslint-import-resolver-node": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/eslint-import-resolver-node/-/eslint-import-resolver-node-0.3.6.tgz",
+      "integrity": "sha512-0En0w03NRVMn9Uiyn8YRPDKvWjxCWkslUEhGNTdGx15RvPJYQ+lbOlqrlNI2vEAs4pDYK4f/HN2TbDmk5TP0iw==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7",
+        "resolve": "^1.20.0"
+      }
+    },
+    "node_modules/eslint-import-resolver-node/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-module-utils": {
+      "version": "2.7.3",
+      "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.7.3.tgz",
+      "integrity": "sha512-088JEC7O3lDZM9xGe0RerkOMd0EjFl+Yvd1jPWIkMT5u3H9+HC34mWWPnqPrN13gieT9pBOO+Qt07Nb/6TresQ==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^3.2.7",
+        "find-up": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/find-up": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-2.1.0.tgz",
+      "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/locate-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-2.0.0.tgz",
+      "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^2.0.0",
+        "path-exists": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/p-limit": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-1.3.0.tgz",
+      "integrity": "sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==",
+      "dev": true,
+      "dependencies": {
+        "p-try": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/p-locate": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-2.0.0.tgz",
+      "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/p-try": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-1.0.0.tgz",
+      "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-module-utils/node_modules/path-exists": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+      "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-plugin-chai-expect": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-chai-expect/-/eslint-plugin-chai-expect-3.0.0.tgz",
+      "integrity": "sha512-NS0YBcToJl+BRKBSMCwRs/oHJIX67fG5Gvb4tGked+9Wnd1/PzKijd82B2QVKcSSOwRe+pp4RAJ2AULeck4eQw==",
+      "dev": true,
+      "engines": {
+        "node": "10.* || 12.* || >= 14.*"
+      },
+      "peerDependencies": {
+        "eslint": ">=2.0.0 <= 8.x"
+      }
+    },
+    "node_modules/eslint-plugin-chai-friendly": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-chai-friendly/-/eslint-plugin-chai-friendly-0.7.2.tgz",
+      "integrity": "sha512-LOIfGx5sZZ5FwM1shr2GlYAWV9Omdi+1/3byuVagvQNoGUuU0iHhp7AfjA1uR+4dJ4Isfb4+FwBJgQajIw9iAg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=3.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-cypress": {
+      "version": "2.15.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-cypress/-/eslint-plugin-cypress-2.15.1.tgz",
+      "integrity": "sha512-eLHLWP5Q+I4j2AWepYq0PgFEei9/s5LvjuSqWrxurkg1YZ8ltxdvMNmdSf0drnsNo57CTgYY/NIHHLRSWejR7w==",
+      "dev": true,
+      "dependencies": {
+        "globals": "^13.20.0"
+      },
+      "peerDependencies": {
+        "eslint": ">= 3.2.1"
+      }
+    },
+    "node_modules/eslint-plugin-cypress/node_modules/globals": {
+      "version": "13.23.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
+      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint-plugin-es": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-es/-/eslint-plugin-es-4.1.0.tgz",
+      "integrity": "sha512-GILhQTnjYE2WorX5Jyi5i4dz5ALWxBIdQECVQavL6s7cI76IZTDWleTHkxz/QT3kvcs2QlGHvKLYsSlPOlPXnQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "eslint-utils": "^2.0.0",
+        "regexpp": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=4.19.1"
+      }
+    },
+    "node_modules/eslint-plugin-import": {
+      "version": "2.26.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-import/-/eslint-plugin-import-2.26.0.tgz",
+      "integrity": "sha512-hYfi3FXaM8WPLf4S1cikh/r4IxnO6zrhZbEGz2b660EJRbuxgpDS5gkCuYgGWg2xxh2rBuIr4Pvhve/7c31koA==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.4",
+        "array.prototype.flat": "^1.2.5",
+        "debug": "^2.6.9",
+        "doctrine": "^2.1.0",
+        "eslint-import-resolver-node": "^0.3.6",
+        "eslint-module-utils": "^2.7.3",
+        "has": "^1.0.3",
+        "is-core-module": "^2.8.1",
+        "is-glob": "^4.0.3",
+        "minimatch": "^3.1.2",
+        "object.values": "^1.1.5",
+        "resolve": "^1.22.0",
+        "tsconfig-paths": "^3.14.1"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-import/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+      "dev": true
+    },
+    "node_modules/eslint-plugin-jsx-a11y": {
+      "version": "6.7.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-jsx-a11y/-/eslint-plugin-jsx-a11y-6.7.1.tgz",
+      "integrity": "sha512-63Bog4iIethyo8smBklORknVjB0T2dwB8Mr/hIC+fBS0uyHdYYpzM/Ed+YC8VxTjlXHEWFOdmgwcDn1U2L9VCA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.20.7",
+        "aria-query": "^5.1.3",
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "ast-types-flow": "^0.0.7",
+        "axe-core": "^4.6.2",
+        "axobject-query": "^3.1.1",
+        "damerau-levenshtein": "^1.0.8",
+        "emoji-regex": "^9.2.2",
+        "has": "^1.0.3",
+        "jsx-ast-utils": "^3.3.3",
+        "language-tags": "=1.0.5",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-jsx-a11y/node_modules/emoji-regex": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
+      "dev": true
+    },
+    "node_modules/eslint-plugin-mocha": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-mocha/-/eslint-plugin-mocha-10.1.0.tgz",
+      "integrity": "sha512-xLqqWUF17llsogVOC+8C6/jvQ+4IoOREbN7ZCHuOHuD6cT5cDD4h7f2LgsZuzMAiwswWE21tO7ExaknHVDrSkw==",
+      "dev": true,
+      "dependencies": {
+        "eslint-utils": "^3.0.0",
+        "rambda": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-mocha/node_modules/eslint-utils": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
+      "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^2.0.0"
+      },
+      "engines": {
+        "node": "^10.0.0 || ^12.0.0 || >= 14.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=5"
+      }
+    },
+    "node_modules/eslint-plugin-n": {
+      "version": "15.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-n/-/eslint-plugin-n-15.2.0.tgz",
+      "integrity": "sha512-lWLg++jGwC88GDGGBX3CMkk0GIWq0y41aH51lavWApOKcMQcYoL3Ayd0lEdtD3SnQtR+3qBvWQS3qGbR2BxRWg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "builtins": "^4.0.0",
+        "eslint-plugin-es": "^4.1.0",
+        "eslint-utils": "^3.0.0",
+        "ignore": "^5.1.1",
+        "is-core-module": "^2.3.0",
+        "minimatch": "^3.0.4",
+        "resolve": "^1.10.1",
+        "semver": "^6.3.0"
+      },
+      "engines": {
+        "node": ">=12.22.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-n/node_modules/eslint-utils": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-3.0.0.tgz",
+      "integrity": "sha512-uuQC43IGctw68pJA1RgbQS8/NP7rch6Cwd4j3ZBtgo4/8Flj4eGE7ZYSZRN3iq5pVUv6GPdW5Z1RFleo84uLDA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^2.0.0"
+      },
+      "engines": {
+        "node": "^10.0.0 || ^12.0.0 || >= 14.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=5"
+      }
+    },
+    "node_modules/eslint-plugin-node": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-node/-/eslint-plugin-node-11.1.0.tgz",
+      "integrity": "sha512-oUwtPJ1W0SKD0Tr+wqu92c5xuCeQqB3hSCHasn/ZgjFdA9iDGNkNf2Zi9ztY7X+hNuMib23LNGRm6+uN+KLE3g==",
+      "dev": true,
+      "dependencies": {
+        "eslint-plugin-es": "^3.0.0",
+        "eslint-utils": "^2.0.0",
+        "ignore": "^5.1.1",
+        "minimatch": "^3.0.4",
+        "resolve": "^1.10.1",
+        "semver": "^6.1.0"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=5.16.0"
+      }
+    },
+    "node_modules/eslint-plugin-node/node_modules/eslint-plugin-es": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-es/-/eslint-plugin-es-3.0.1.tgz",
+      "integrity": "sha512-GUmAsJaN4Fc7Gbtl8uOBlayo2DqhwWvEzykMHSCZHU3XdJ+NSzzZcVhXh3VxX5icqQ+oQdIEawXX8xkR3mIFmQ==",
+      "dev": true,
+      "dependencies": {
+        "eslint-utils": "^2.0.0",
+        "regexpp": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      },
+      "peerDependencies": {
+        "eslint": ">=4.19.1"
+      }
+    },
+    "node_modules/eslint-plugin-prettier": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-4.0.0.tgz",
+      "integrity": "sha512-98MqmCJ7vJodoQK359bqQWaxOE0CS8paAz/GgjaZLyex4TTk3g9HugoO89EqWCrFiOqn9EVvcoo7gZzONCWVwQ==",
+      "dev": true,
+      "dependencies": {
+        "prettier-linter-helpers": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      },
+      "peerDependencies": {
+        "eslint": ">=7.28.0",
+        "prettier": ">=2.0.0"
+      },
+      "peerDependenciesMeta": {
+        "eslint-config-prettier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-promise": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-6.0.0.tgz",
+      "integrity": "sha512-7GPezalm5Bfi/E22PnQxDWH2iW9GTvAlUNTztemeHb6c1BniSyoeTrM87JkC0wYdi6aQrZX9p2qEiAno8aTcbw==",
+      "dev": true,
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-react": {
+      "version": "7.32.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.32.2.tgz",
+      "integrity": "sha512-t2fBMa+XzonrrNkyVirzKlvn5RXzzPwRHtMvLAtVZrt8oxgnTQaYbU6SXTOO1mwQgp1y5+toMSKInnzGr0Knqg==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.6",
+        "array.prototype.flatmap": "^1.3.1",
+        "array.prototype.tosorted": "^1.1.1",
+        "doctrine": "^2.1.0",
+        "estraverse": "^5.3.0",
+        "jsx-ast-utils": "^2.4.1 || ^3.0.0",
+        "minimatch": "^3.1.2",
+        "object.entries": "^1.1.6",
+        "object.fromentries": "^2.0.6",
+        "object.hasown": "^1.1.2",
+        "object.values": "^1.1.6",
+        "prop-types": "^15.8.1",
+        "resolve": "^2.0.0-next.4",
+        "semver": "^6.3.0",
+        "string.prototype.matchall": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=4"
+      },
+      "peerDependencies": {
+        "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz",
+      "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/doctrine": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
+      "integrity": "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==",
+      "dev": true,
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/eslint-plugin-react/node_modules/resolve": {
+      "version": "2.0.0-next.4",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-2.0.0-next.4.tgz",
+      "integrity": "sha512-iMDbmAWtfU+MHpxt/I5iWI7cY6YVEZUQ3MBgPQ++XD1PELuJHIl82xBmObyP2KyQmkNB2dsqF7seoQQiAn5yDQ==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.9.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/eslint-plugin-testing-library": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-testing-library/-/eslint-plugin-testing-library-7.1.1.tgz",
+      "integrity": "sha512-nszC833aZPwB6tik1nMkbFqmtgIXTT0sfJEYs0zMBKMlkQ4to2079yUV96SvmLh00ovSBJI4pgcBC1TiIP8mXg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/scope-manager": "^8.15.0",
+        "@typescript-eslint/utils": "^8.15.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0",
+        "pnpm": "^9.14.0"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-testing-library/node_modules/@typescript-eslint/scope-manager": {
+      "version": "8.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.21.0.tgz",
+      "integrity": "sha512-G3IBKz0/0IPfdeGRMbp+4rbjfSSdnGkXsM/pFZA8zM9t9klXDnB/YnKOBQ0GoPmoROa4bCq2NeHgJa5ydsQ4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.21.0",
+        "@typescript-eslint/visitor-keys": "8.21.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/eslint-plugin-testing-library/node_modules/@typescript-eslint/types": {
+      "version": "8.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.21.0.tgz",
+      "integrity": "sha512-PAL6LUuQwotLW2a8VsySDBwYMm129vFm4tMVlylzdoTybTHaAi0oBp7Ac6LhSrHHOdLM3efH+nAR6hAWoMF89A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/eslint-plugin-testing-library/node_modules/@typescript-eslint/typescript-estree": {
+      "version": "8.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.21.0.tgz",
+      "integrity": "sha512-x+aeKh/AjAArSauz0GiQZsjT8ciadNMHdkUSwBB9Z6PrKc/4knM4g3UfHml6oDJmKC88a6//cdxnO/+P2LkMcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.21.0",
+        "@typescript-eslint/visitor-keys": "8.21.0",
+        "debug": "^4.3.4",
+        "fast-glob": "^3.3.2",
+        "is-glob": "^4.0.3",
+        "minimatch": "^9.0.4",
+        "semver": "^7.6.0",
+        "ts-api-utils": "^2.0.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4 <5.8.0"
+      }
+    },
+    "node_modules/eslint-plugin-testing-library/node_modules/@typescript-eslint/utils": {
+      "version": "8.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.21.0.tgz",
+      "integrity": "sha512-xcXBfcq0Kaxgj7dwejMbFyq7IOHgpNMtVuDveK7w3ZGwG9owKzhALVwKpTF2yrZmEwl9SWdetf3fxNzJQaVuxw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@typescript-eslint/scope-manager": "8.21.0",
+        "@typescript-eslint/types": "8.21.0",
+        "@typescript-eslint/typescript-estree": "8.21.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^8.57.0 || ^9.0.0",
+        "typescript": ">=4.8.4 <5.8.0"
+      }
+    },
+    "node_modules/eslint-plugin-testing-library/node_modules/@typescript-eslint/visitor-keys": {
+      "version": "8.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.21.0.tgz",
+      "integrity": "sha512-BkLMNpdV6prozk8LlyK/SOoWLmUFi+ZD+pcqti9ILCbVvHGk1ui1g4jJOc2WDLaeExz2qWwojxlPce5PljcT3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "8.21.0",
+        "eslint-visitor-keys": "^4.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
+    },
+    "node_modules/eslint-plugin-testing-library/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-testing-library/node_modules/debug": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-testing-library/node_modules/eslint-visitor-keys": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.0.tgz",
+      "integrity": "sha512-UyLnSehNt62FFhSwjZlHmeokpRK59rcz29j+F1/aDgbkbRTk7wIc9XzdoasMUbRNKDM0qQt/+BJ4BrpFeABemw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-plugin-testing-library/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/eslint-plugin-testing-library/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-plugin-testing-library/node_modules/ts-api-utils": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-2.0.0.tgz",
+      "integrity": "sha512-xCt/TOAc+EOHS1XPnijD3/yzpH6qg2xppZO1YDqGoVsNXfQfzHpOdNuXwrwOU8u4ITXJyDCTyt8w5g1sZv9ynQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.12"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.8.4"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn": {
+      "version": "56.0.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-unicorn/-/eslint-plugin-unicorn-56.0.0.tgz",
+      "integrity": "sha512-aXpddVz/PQMmd69uxO98PA4iidiVNvA0xOtbpUoz1WhBd4RxOQQYqN618v68drY0hmy5uU2jy1bheKEVWBjlPw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.24.7",
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "ci-info": "^4.0.0",
+        "clean-regexp": "^1.0.0",
+        "core-js-compat": "^3.38.1",
+        "esquery": "^1.6.0",
+        "globals": "^15.9.0",
+        "indent-string": "^4.0.0",
+        "is-builtin-module": "^3.2.1",
+        "jsesc": "^3.0.2",
+        "pluralize": "^8.0.0",
+        "read-pkg-up": "^7.0.1",
+        "regexp-tree": "^0.1.27",
+        "regjsparser": "^0.10.0",
+        "semver": "^7.6.3",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/eslint-plugin-unicorn?sponsor=1"
+      },
+      "peerDependencies": {
+        "eslint": ">=8.56.0"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/node_modules/ci-info": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-4.0.0.tgz",
+      "integrity": "sha512-TdHqgGf9odd8SXNuxtUBVx8Nv+qZOejE6qyqiy5NtbYYQOeFa6zmHkxlPzmaLxWWHsU6nJmB7AETdVPi+2NBUg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/node_modules/globals": {
+      "version": "15.11.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-15.11.0.tgz",
+      "integrity": "sha512-yeyNSjdbyVaWurlwCpcA6XNBrHTMIeDdj0/hnvX/OLJ9ekOXYbLsLinH/MucQyGvNnXhidTdNhTtJaffL2sMfw==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/node_modules/regjsparser": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.10.0.tgz",
+      "integrity": "sha512-qx+xQGZVsy55CH0a1hiVwHmqjLryfh7wQyF5HO07XJ9f7dQMY/gPQHhlyDkIzJKC+x2fUCpCcUODUUUFrm7SHA==",
+      "dev": true,
+      "dependencies": {
+        "jsesc": "~0.5.0"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/node_modules/regjsparser/node_modules/jsesc": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
+      "dev": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint-plugin-unicorn/node_modules/strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
+      "dependencies": {
+        "min-indent": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+      "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+      "dev": true,
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/eslint-scope/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/eslint-utils": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-2.1.0.tgz",
+      "integrity": "sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==",
+      "dev": true,
+      "dependencies": {
+        "eslint-visitor-keys": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      }
+    },
+    "node_modules/eslint-utils/node_modules/eslint-visitor-keys": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+      "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-2.1.0.tgz",
+      "integrity": "sha512-0rSmRBzXgDzIsD6mGdJgevzgezI534Cer5L/vyMX0kHzT/jiB43jRhd9YUlMGYLQy2zprNmoT8qasCGtY+QaKw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eslint/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/eslint/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/eslint/node_modules/globals": {
+      "version": "13.23.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.23.0.tgz",
+      "integrity": "sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==",
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint/node_modules/optionator": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.3.tgz",
+      "integrity": "sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==",
+      "dependencies": {
+        "@aashutoshrathi/word-wrap": "^1.2.3",
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/eslint/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/esm": {
+      "version": "3.2.25",
+      "resolved": "https://registry.npmjs.org/esm/-/esm-3.2.25.tgz",
+      "integrity": "sha512-U1suiZ2oDVWv4zPO56S0NcR5QriEahGtdN2OR6FiOG4WJvcjBVFB0qI4+eKoWFH483PKGuLuu6V8Z4T5g63UVA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/esmock": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/esmock/-/esmock-2.6.3.tgz",
+      "integrity": "sha512-1gtVLLHyB742JNWkIFfiKwB8rXgJZO/X717ua4yzT0hIqsDFjtnrpAKHO+HlIMSIhMExCWJzpk9lDsh2XuKAKw==",
+      "engines": {
+        "node": ">=14.16.0"
+      }
+    },
+    "node_modules/esniff": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/esniff/-/esniff-2.0.1.tgz",
+      "integrity": "sha512-kTUIGKQ/mDPFoJ0oVfcmyJn4iBDRptjNVIzwIFR7tqWXdVI9xfA2RMwY/gbSpJG3lkdWNEjLap/NqVHZiJsdfg==",
+      "dependencies": {
+        "d": "^1.0.1",
+        "es5-ext": "^0.10.62",
+        "event-emitter": "^0.3.5",
+        "type": "^2.7.2"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree/node_modules/acorn": {
+      "version": "8.10.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
+      "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/espree/node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/esprima-next": {
+      "version": "5.8.1",
+      "resolved": "https://registry.npmjs.org/esprima-next/-/esprima-next-5.8.1.tgz",
+      "integrity": "sha512-jPuleZ9j065A9xGKreFh9YSgPlbL9/miG/l4KslkwEb7Ilwl5Ct7BmDkSTHA0rW0qnqLx+hsZWIB66s1XaMAyA==",
+      "dev": true,
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-3.0.3.tgz",
+      "integrity": "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "^1.0.0"
+      }
+    },
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/event-emitter": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npmjs.org/event-emitter/-/event-emitter-0.3.5.tgz",
+      "integrity": "sha1-34xp7vFkeSPHFXuc6DhAYQsCzDk=",
+      "dependencies": {
+        "d": "1",
+        "es5-ext": "~0.10.14"
+      }
+    },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/eventemitter2": {
+      "version": "6.4.7",
+      "resolved": "https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.7.tgz",
+      "integrity": "sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg==",
+      "dev": true
+    },
+    "node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/eventid": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/eventid/-/eventid-2.0.1.tgz",
+      "integrity": "sha512-sPNTqiMokAvV048P2c9+foqVJzk49o6d4e0D/sq5jog3pw+4kBgyR0gaM1FM7Mx6Kzd9dztesh9oYz1LWWOpzw==",
+      "dependencies": {
+        "uuid": "^8.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/eventid/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/events": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/events/-/events-1.1.1.tgz",
+      "integrity": "sha1-nr23Y1rQmccNzEwqH1AEKI6L2SQ=",
+      "engines": {
+        "node": ">=0.4.x"
+      }
+    },
+    "node_modules/events-listener": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/events-listener/-/events-listener-1.1.0.tgz",
+      "integrity": "sha512-Kd3EgYfODHueq6GzVfs/VUolh2EgJsS8hkO3KpnDrxVjU3eq63eXM2ujXkhPP+OkeUOhL8CxdfZbQXzryb5C4g=="
+    },
+    "node_modules/eventsource-parser": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-1.1.2.tgz",
+      "integrity": "sha512-v0eOBUbiaFojBu2s2NPBfYUoRR9GjcDNvCXVaqEf5vVfpIAh9f8RCo4vXTP8c63QRKCFwoLpMpTdPwwhEKVgzA==",
+      "engines": {
+        "node": ">=14.18"
+      }
+    },
+    "node_modules/executable": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/executable/-/executable-4.1.1.tgz",
+      "integrity": "sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==",
+      "dev": true,
+      "dependencies": {
+        "pify": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/exegesis": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/exegesis/-/exegesis-4.1.1.tgz",
+      "integrity": "sha512-PvSqaMOw2absLBgsthtJyVOeCHN4lxQ1dM7ibXb6TfZZJaoXtGELoEAGJRFvdN16+u9kg8oy1okZXRk8VpimWA==",
+      "dependencies": {
+        "@apidevtools/json-schema-ref-parser": "^9.0.3",
+        "ajv": "^8.3.0",
+        "ajv-formats": "^2.1.0",
+        "body-parser": "^1.18.3",
+        "content-type": "^1.0.4",
+        "deep-freeze": "0.0.1",
+        "events-listener": "^1.1.0",
+        "glob": "^7.1.3",
+        "json-ptr": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "lodash": "^4.17.11",
+        "openapi3-ts": "^3.1.1",
+        "promise-breaker": "^6.0.0",
+        "pump": "^3.0.0",
+        "qs": "^6.6.0",
+        "raw-body": "^2.3.3",
+        "semver": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0",
+        "npm": ">5.0.0"
+      }
+    },
+    "node_modules/exegesis-express": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/exegesis-express/-/exegesis-express-4.0.0.tgz",
+      "integrity": "sha512-V2hqwTtYRj0bj43K4MCtm0caD97YWkqOUHFMRCBW5L1x9IjyqOEc7Xa4oQjjiFbeFOSQzzwPV+BzXsQjSz08fw==",
+      "dependencies": {
+        "exegesis": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=6.0.0",
+        "npm": ">5.0.0"
+      }
+    },
+    "node_modules/exegesis/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/exegesis/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug=="
+    },
+    "node_modules/exegesis/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/exegesis/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/exegesis/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/expand-brackets": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
+      "integrity": "sha512-w/ozOKR9Obk3qoWeY/WDi6MFta9AoMR+zud60mdnbniMcBxRuFJyDt2LdX/14A1UABeqk+Uk+LDfUpvoGKppZA==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^2.3.3",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "posix-character-classes": "^0.1.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-brackets/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/expand-brackets/node_modules/define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "dev": true,
+      "dependencies": {
+        "is-descriptor": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-brackets/node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "dev": true,
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-brackets/node_modules/is-descriptor": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz",
+      "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==",
+      "dev": true,
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/expand-brackets/node_modules/is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-brackets/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true
+    },
+    "node_modules/expect": {
+      "version": "1.20.2",
+      "resolved": "https://registry.npmjs.org/expect/-/expect-1.20.2.tgz",
+      "integrity": "sha512-vUOB6rNLhhRgchrNzJZH72FXDgiHmmEqX07Nlb1363HyZm/GFzkNMq0X0eIygMtdc4f2okltziddtVM4D5q0Jw==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "~1.1.2",
+        "has": "^1.0.1",
+        "is-equal": "^1.5.1",
+        "is-regex": "^1.0.3",
+        "object-inspect": "^1.1.0",
+        "object-keys": "^1.0.9",
+        "tmatch": "^2.0.1"
+      }
+    },
+    "node_modules/expect/node_modules/define-properties": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.4.tgz",
+      "integrity": "sha512-uckOqKcfaVvtBdsVkdPv3XjveQJsNQqmhXgRi8uhvWWuPYZCNlzT8qAyblUgNoXdHdjMTzAqeGjAoli8f+bzPA==",
+      "dev": true,
+      "dependencies": {
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/express": {
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
+      "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.20.3",
+        "content-disposition": "0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "0.7.1",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "1.3.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "merge-descriptors": "1.0.3",
+        "methods": "~1.1.2",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.12",
+        "proxy-addr": "~2.0.7",
+        "qs": "6.13.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "0.19.0",
+        "serve-static": "1.16.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/express-basic-auth": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/express-basic-auth/-/express-basic-auth-1.2.1.tgz",
+      "integrity": "sha512-L6YQ1wQ/mNjVLAmK3AG1RK6VkokA1BIY6wmiH304Xtt/cLTps40EusZsU1Uop+v9lTDPxdtzbFmdXfFO3KEnwA==",
+      "dependencies": {
+        "basic-auth": "^2.0.1"
+      }
+    },
+    "node_modules/express-bearer-token": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/express-bearer-token/-/express-bearer-token-2.4.0.tgz",
+      "integrity": "sha512-2+kRZT2xo+pmmvSY7Ma5FzxTJpO3kGaPCEXPbAm3GaoZ/z6FE4K6L7cvs1AUZwY2xkk15PcQw7t4dWjsl5rdJw==",
+      "dependencies": {
+        "cookie": "^0.3.1",
+        "cookie-parser": "^1.4.4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/express-bearer-token/node_modules/cookie": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.3.1.tgz",
+      "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/express-flash": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/express-flash/-/express-flash-0.0.2.tgz",
+      "integrity": "sha512-QVUR0ZZRCaa8+iPHoUQaQJrQWcQuK/Q+19M7IUIdIEtvwhrA/ifHT7y1CVJI41YfGiOQnbGtn3uvd2vOdgu58A==",
+      "dependencies": {
+        "connect-flash": "0.1.x"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/express-http-proxy": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/express-http-proxy/-/express-http-proxy-1.6.3.tgz",
+      "integrity": "sha512-/l77JHcOUrDUX8V67E287VEUQT0lbm71gdGVoodnlWBziarYKgMcpqT7xvh/HM8Jv52phw8Bd8tY+a7QjOr7Yg==",
+      "dependencies": {
+        "debug": "^3.0.1",
+        "es6-promise": "^4.1.1",
+        "raw-body": "^2.3.0"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/express-http-proxy/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/express-rate-limit": {
+      "version": "2.14.2",
+      "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-2.14.2.tgz",
+      "integrity": "sha512-aVYzfYU2Bv+v6ry/fBpTrX8MorM0p/TeDnx4CqiLevg9ftG8eW+pyuZ6JEreGdG2t1vXyTGHuSNRKLeYixuqZg==",
+      "dependencies": {
+        "defaults": "^1.0.3"
+      }
+    },
+    "node_modules/express-session": {
+      "version": "1.17.2",
+      "resolved": "https://registry.npmjs.org/express-session/-/express-session-1.17.2.tgz",
+      "integrity": "sha512-mPcYcLA0lvh7D4Oqr5aNJFMtBMKPLl++OKKxkHzZ0U0oDq1rpKBnkR5f5vCHR26VeArlTOEF9td4x5IjICksRQ==",
+      "dependencies": {
+        "cookie": "0.4.1",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "~2.0.0",
+        "on-headers": "~1.0.2",
+        "parseurl": "~1.3.3",
+        "safe-buffer": "5.2.1",
+        "uid-safe": "~2.1.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/express-session/node_modules/cookie": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.1.tgz",
+      "integrity": "sha512-ZwrFkGJxUR3EIoXtO+yVE69Eb7KlixbaeAWfBQB9vVsNn/o+Yw69gBWSSDK825hQNdN+wF8zELf3dFNl/kxkUA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/express-session/node_modules/cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw="
+    },
+    "node_modules/express-session/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/express-session/node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/express-session/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+    },
+    "node_modules/express-session/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/express/node_modules/cookie": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
+      "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/express/node_modules/cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw="
+    },
+    "node_modules/express/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/express/node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/express/node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/express/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/express/node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/express/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/express/node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/expressionify": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/expressionify/-/expressionify-0.9.3.tgz",
+      "integrity": "sha1-/iJnx+hpRXfxP02oML/DyNgXf5I="
+    },
+    "node_modules/ext": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/ext/-/ext-1.6.0.tgz",
+      "integrity": "sha512-sdBImtzkq2HpkdRLtlLWDa6w4DX22ijZLKx8BMPUuKe1c5lbN6xwQDQCxSfxBQnHZ13ls/FH0MQZx/q/gr6FQg==",
+      "dependencies": {
+        "type": "^2.5.0"
+      }
+    },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+    },
+    "node_modules/extend-shallow": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+      "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+      "dev": true,
+      "dependencies": {
+        "assign-symbols": "^1.0.0",
+        "is-extendable": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/extglob": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/extglob/-/extglob-2.0.4.tgz",
+      "integrity": "sha512-Nmb6QXkELsuBr24CJSkilo6UHHgbekK5UiZgfE6UHD3Eb27YC6oD+bhcT+tJ6cl8dmsgdQxnWlcry8ksBIBLpw==",
+      "dev": true,
+      "dependencies": {
+        "array-unique": "^0.3.2",
+        "define-property": "^1.0.0",
+        "expand-brackets": "^2.1.4",
+        "extend-shallow": "^2.0.1",
+        "fragment-cache": "^0.2.1",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/extglob/node_modules/define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+      "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+      "dev": true,
+      "dependencies": {
+        "is-descriptor": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/extglob/node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "dev": true,
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/extglob/node_modules/is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/extract-zip": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
+      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.1.1",
+        "get-stream": "^5.1.0",
+        "yauzl": "^2.10.0"
+      },
+      "bin": {
+        "extract-zip": "cli.js"
+      },
+      "engines": {
+        "node": ">= 10.17.0"
+      },
+      "optionalDependencies": {
+        "@types/yauzl": "^2.9.1"
+      }
+    },
+    "node_modules/extsprintf": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
+      "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=",
+      "engines": [
+        "node >=0.6.0"
+      ]
+    },
+    "node_modules/fake-indexeddb": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/fake-indexeddb/-/fake-indexeddb-6.0.0.tgz",
+      "integrity": "sha512-YEboHE5VfopUclOck7LncgIqskAqnv4q0EWbYCaxKKjAvO93c+TJIaBuGy8CBFdbg9nKdpN3AuPRwVBJ4k7NrQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/fast-content-type-parse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/fast-content-type-parse/-/fast-content-type-parse-2.0.1.tgz",
+      "integrity": "sha512-nGqtvLrj5w0naR6tDPfB4cUmYCqouzyQiz6C5y/LtcDllJdrcc6WaWW6iXyIIOErTa/XRybj28aasdn4LkVk6Q==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fastify"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/fastify"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/fast-copy": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/fast-copy/-/fast-copy-2.1.7.tgz",
+      "integrity": "sha512-ozrGwyuCTAy7YgFCua8rmqmytECYk/JYAMXcswOcm0qvGoE3tPb7ivBeIHTOK2DiapBhDZgacIhzhQIKU5TCfA=="
+    },
+    "node_modules/fast-crc32c": {
+      "version": "2.0.0",
+      "resolved": "git+ssh://git@github.com/overleaf/node-fast-crc32c.git#aae6b2a4c7a7a159395df9cc6c38dfde702d6f51",
+      "integrity": "sha512-tv+vSqnHnz1MnUZvtJuTXPH2MjrO91lNUiMmafe6zflExluR8D16jhwtubb/lWk+fTOCv7S7pURWLulsC/sMrg==",
+      "license": "MIT",
+      "optionalDependencies": {
+        "@node-rs/crc32": "^0.1.7"
+      }
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
+    },
+    "node_modules/fast-diff": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.2.0.tgz",
+      "integrity": "sha512-xJuoT5+L99XlZ8twedaRf6Ax2TgQVxvgZOYoPKqZufmJib0tL2tegPBOZb1pVNgIhlqDlA0eO0c3wBvQcmzx4w==",
+      "dev": true
+    },
+    "node_modules/fast-fifo": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
+      "integrity": "sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ=="
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-json-parse": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/fast-json-parse/-/fast-json-parse-1.0.3.tgz",
+      "integrity": "sha512-FRWsaZRWEJ1ESVNbDWmsAlqDk96gPQezzLghafp5J4GUKjbCz3OkAHuZs5TuPEtkbVQERysLp9xv6c24fBm8Aw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-json-patch": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/fast-json-patch/-/fast-json-patch-3.1.1.tgz",
+      "integrity": "sha512-vf6IHUX2SBcA+5/+4883dsIjpBTqmfBjmYiWK1savxQmFk4JfBMLa7ynTYOs1Rolp/T1betJxHiGD3g1Mn8lUQ=="
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc="
+    },
+    "node_modules/fast-safe-stringify": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/fast-safe-stringify/-/fast-safe-stringify-2.1.1.tgz",
+      "integrity": "sha512-W+KJc2dmILlPplD/H4K9l9LcAHAfPtP6BY84uVLXQ6Evcz9Lcg33Y2z1IVblT6xdY54PXYVHEv+0Wpq8Io6zkA==",
+      "dev": true
+    },
+    "node_modules/fast-text-encoding": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/fast-text-encoding/-/fast-text-encoding-1.0.3.tgz",
+      "integrity": "sha512-dtm4QZH9nZtcDt8qJiOH9fcQd1NAgi+K1O2DbE6GG1PPCK/BWfOH3idCTRQ4ImXRUOyopDEgDEnVEE7Y/2Wrig=="
+    },
+    "node_modules/fast-uri": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.0.1.tgz",
+      "integrity": "sha512-MWipKbbYiYI0UC7cl8m/i/IWTqfC8YXsqjzybjddLsFjStroQzsHXkc73JutMvBiXmOvapk+axIl79ig5t55Bw==",
+      "dev": true
+    },
+    "node_modules/fast-xml-parser": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmjs.org/fast-xml-parser/-/fast-xml-parser-4.2.5.tgz",
+      "integrity": "sha512-B9/wizE4WngqQftFPmdaMYlXoJlJOYxGQOanC77fq9k8+Z0v5dDSVh+3glErdIROP//s/jgb7ZuxKfB8nVyo0g==",
+      "funding": [
+        {
+          "type": "paypal",
+          "url": "https://paypal.me/naturalintelligence"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/NaturalIntelligence"
+        }
+      ],
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "strnum": "^1.0.5"
+      },
+      "bin": {
+        "fxparser": "src/cli/cli.js"
+      }
+    },
+    "node_modules/fastest-levenshtein": {
+      "version": "1.0.16",
+      "resolved": "https://registry.npmjs.org/fastest-levenshtein/-/fastest-levenshtein-1.0.16.tgz",
+      "integrity": "sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4.9.1"
+      }
+    },
+    "node_modules/fastparse": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/fastparse/-/fastparse-1.1.2.tgz",
+      "integrity": "sha512-483XLLxTVIwWK3QTrMGRqUfUpoOs/0hbQrl2oz4J0pAcm3A3bu84wxTFqGqkJzewCLdME38xJLJAxBABfQT8sQ==",
+      "dev": true
+    },
+    "node_modules/fastq": {
+      "version": "1.13.0",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.13.0.tgz",
+      "integrity": "sha512-YpkpUnK8od0o1hmeSc7UUs/eB/vIPWJYjKck2QKIzAf71Vm1AAQ3EbuZB3g2JIy+pg+ERD0vqI79KyZiB2e2Nw==",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/faye-websocket": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/faye-websocket/-/faye-websocket-0.11.4.tgz",
+      "integrity": "sha512-CzbClwlXAuiRQAlUyfqPgvPoNKTckTPGfwZV4ZdAhVcP2lh9KUxJg2b5GkE7XbjKQ3YJnQ9z6D9ntLAlB+tP8g==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "websocket-driver": ">=0.5.1"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/fclone": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/fclone/-/fclone-1.0.11.tgz",
+      "integrity": "sha1-EOhdo4v+p/xZk0HClu4ddyZu5kA=",
+      "dev": true
+    },
+    "node_modules/fd-package-json": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/fd-package-json/-/fd-package-json-1.2.0.tgz",
+      "integrity": "sha512-45LSPmWf+gC5tdCQMNH4s9Sr00bIkiD9aN7dc5hqkrEw1geRYyDQS1v1oMHAW3ysfxfndqGsrDREHHjNNbKUfA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "walk-up-path": "^3.0.1"
+      }
+    },
+    "node_modules/fd-slicer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha1-JcfInLH5B3+IkbvmHY85Dq4lbx4=",
+      "dependencies": {
+        "pend": "~1.2.0"
+      }
+    },
+    "node_modules/feature-detect-es6": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/feature-detect-es6/-/feature-detect-es6-1.5.0.tgz",
+      "integrity": "sha512-DzWPIGzTnfp3/KK1d/YPfmgLqeDju9F2DQYBL35VusgSApcA7XGqVtXfR4ETOOFEzdFJ3J7zh0Gkk011TiA4uQ==",
+      "dependencies": {
+        "array-back": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/feature-detect-es6/node_modules/array-back": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/array-back/-/array-back-1.0.4.tgz",
+      "integrity": "sha1-ZEun8JX3/898Q7Xw3DnTwfA8Bjs=",
+      "dependencies": {
+        "typical": "^2.6.0"
+      },
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/feature-policy": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/feature-policy/-/feature-policy-0.3.0.tgz",
+      "integrity": "sha512-ZtijOTFN7TzCujt1fnNhfWPFPSHeZkesff9AXZj+UEjYBynWNUIYpC87Ve4wHzyexQsImicLu7WsC2LHq7/xrQ==",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/figures": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
+      "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
+      "dev": true,
+      "dependencies": {
+        "escape-string-regexp": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/figures/node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/file-loader": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/file-loader/-/file-loader-6.2.0.tgz",
+      "integrity": "sha512-qo3glqyTa61Ytg4u73GultjHGjdRyig3tG6lPtyX/jOEJvHif9uB0/OCI2Kif6ctF3caQTW2G5gym21oAsI4pw==",
+      "dev": true,
+      "dependencies": {
+        "loader-utils": "^2.0.0",
+        "schema-utils": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^4.0.0 || ^5.0.0"
+      }
+    },
+    "node_modules/file-selector": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/file-selector/-/file-selector-0.6.0.tgz",
+      "integrity": "sha512-QlZ5yJC0VxHxQQsQhXvBaC7VRJ2uaxTf+Tfpu4Z/OcVQJVpZO+DGU0rkoVW5ce2SccxugvpBJoMvUs59iILYdw==",
+      "dependencies": {
+        "tslib": "^2.4.0"
+      },
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/file-uri-to-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz",
+      "integrity": "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw=="
+    },
+    "node_modules/filelist": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/filelist/-/filelist-1.0.4.tgz",
+      "integrity": "sha512-w1cEuf3S+DrLCQL7ET6kz+gmlJdbq9J7yXCSjK/OZCPA+qEN1WyF4ZAf0YYJa4/shHJra2t/d/r8SV4Ji+x+8Q==",
+      "dependencies": {
+        "minimatch": "^5.0.1"
+      }
+    },
+    "node_modules/filelist/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/filelist/node_modules/minimatch": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.0.tgz",
+      "integrity": "sha512-9TPBGGak4nHfGZsPBohm9AWg6NoT7QTCehS3BIJABslyZbzxfV78QM2Y6+i741OPZIafFAaiiEMh5OyIrJPgtg==",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
+      "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "2.0.1",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/finalhandler/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/finalhandler/node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/finalhandler/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/finalhandler/node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/finalhandler/node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/find-babel-config": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/find-babel-config/-/find-babel-config-2.1.1.tgz",
+      "integrity": "sha512-5Ji+EAysHGe1OipH7GN4qDjok5Z1uw5KAwDCbicU/4wyTZY7CqOCzcWbG7J5ad9mazq67k89fXlbc1MuIfl9uA==",
+      "dev": true,
+      "dependencies": {
+        "json5": "^2.2.3",
+        "path-exists": "^4.0.0"
+      }
+    },
+    "node_modules/find-cache-dir": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-2.1.0.tgz",
+      "integrity": "sha512-Tq6PixE0w/VMFfCgbONnkiQIVol/JJL7nRMi20fqzA4NRs9AfeqMGeRdPi3wIhYkxjeBaWh2rxwapn5Tu3IqOQ==",
+      "dev": true,
+      "dependencies": {
+        "commondir": "^1.0.1",
+        "make-dir": "^2.0.0",
+        "pkg-dir": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/find-cache-dir/node_modules/find-up": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+      "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/find-cache-dir/node_modules/locate-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+      "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^3.0.0",
+        "path-exists": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/find-cache-dir/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/find-cache-dir/node_modules/p-locate": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+      "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/find-cache-dir/node_modules/path-exists": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+      "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/find-cache-dir/node_modules/pkg-dir": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-3.0.0.tgz",
+      "integrity": "sha512-/E57AYkoeQ25qkxMj5PBOVgF8Kiu/h7cYS30Z5+R7WaiCCBfLq58ZI/dSeaEKb9WVJV5n/03QwrN3IeWIFllvw==",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/find-yarn-workspace-root": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/find-yarn-workspace-root/-/find-yarn-workspace-root-2.0.0.tgz",
+      "integrity": "sha512-1IMnbjt4KzsQfnhnzNd8wUEgXZ44IzZaZmnLYx7D5FZlaHt2gW20Cri8Q+E/t5tIj4+epTBub+2Zxu/vNILzqQ==",
+      "dependencies": {
+        "micromatch": "^4.0.2"
+      }
+    },
+    "node_modules/findit2": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/findit2/-/findit2-2.2.3.tgz",
+      "integrity": "sha512-lg/Moejf4qXovVutL0Lz4IsaPoNYMuxt4PA0nGqFxnJ1CTTGGlEO2wKgoDpwknhvZ8k4Q2F+eesgkLbG2Mxfog==",
+      "engines": {
+        "node": ">=0.8.22"
+      }
+    },
+    "node_modules/flat": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/flat/-/flat-5.0.2.tgz",
+      "integrity": "sha512-b6suED+5/3rTpUBdG1gupIl8MPFCAMA0QXwmljLhvCUKcUvdE4gWky9zpuGCcXHOsz4J9wPGNWq6OKpmIzz3hQ==",
+      "dev": true,
+      "bin": {
+        "flat": "cli.js"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.0.4.tgz",
+      "integrity": "sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg==",
+      "dependencies": {
+        "flatted": "^3.1.0",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flat-cache/node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz",
+      "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw=="
+    },
+    "node_modules/flow-parser": {
+      "version": "0.250.0",
+      "resolved": "https://registry.npmjs.org/flow-parser/-/flow-parser-0.250.0.tgz",
+      "integrity": "sha512-8mkLh/CotlvqA9vCyQMbhJoPx2upEg9oKxARAayz8zQ58wCdABnTZy6U4xhMHvHvbTUFgZQk4uH2cglOCOel5A==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/flowstate": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/flowstate/-/flowstate-0.4.1.tgz",
+      "integrity": "sha1-tfu4t/wte9xbVL5GyYMJ73NvTsA=",
+      "dependencies": {
+        "clone": "^1.0.2",
+        "uid-safe": "^2.1.0",
+        "utils-flatten": "^1.0.0"
+      }
+    },
+    "node_modules/flowstate/node_modules/clone": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+      "integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4=",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.6",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dependencies": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "node_modules/for-in": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
+      "integrity": "sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/foreach": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/foreach/-/foreach-2.0.5.tgz",
+      "integrity": "sha1-C+4AUBiusmDQo6865ljdATbsG5k=",
+      "dev": true
+    },
+    "node_modules/foreground-child": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-2.0.0.tgz",
+      "integrity": "sha512-dCIq9FpEcyQyXKCkyzmlPTFNgrCzPudOe+mhvJU5zAtlBnGVy2yKxtfsxK2tQBThwq225jcvBjpw1Gr40uzZCA==",
+      "dev": true,
+      "dependencies": {
+        "cross-spawn": "^7.0.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/forever-agent": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
+      "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/fork-ts-checker-webpack-plugin": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-8.0.0.tgz",
+      "integrity": "sha512-mX3qW3idpueT2klaQXBzrIM/pHw+T0B/V9KHEvNrqijTq9NFnMZU6oreVxDYcf33P8a5cW+67PjodNHthGnNVg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.16.7",
+        "chalk": "^4.1.2",
+        "chokidar": "^3.5.3",
+        "cosmiconfig": "^7.0.1",
+        "deepmerge": "^4.2.2",
+        "fs-extra": "^10.0.0",
+        "memfs": "^3.4.1",
+        "minimatch": "^3.0.4",
+        "node-abort-controller": "^3.0.1",
+        "schema-utils": "^3.1.1",
+        "semver": "^7.3.5",
+        "tapable": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=12.13.0",
+        "yarn": ">=1.0.0"
+      },
+      "peerDependencies": {
+        "typescript": ">3.6.0",
+        "webpack": "^5.11.0"
+      }
+    },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/semver": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/fork-ts-checker-webpack-plugin/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/form-data-encoder": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/form-data-encoder/-/form-data-encoder-1.7.2.tgz",
+      "integrity": "sha512-qfqtYan3rxrnCk1VYaA4H+Ms9xdpPqvLZa6xmMgFvhO32x7/3J/ExcTd6qpxM0vH2GdMI+poehyBZvqfMTto8A=="
+    },
+    "node_modules/formdata-node": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/formdata-node/-/formdata-node-4.3.2.tgz",
+      "integrity": "sha512-k7lYJyzDOSL6h917favP8j1L0/wNyylzU+x+1w4p5haGVHNlP58dbpdJhiCUsDbWsa9HwEtLp89obQgXl2e0qg==",
+      "dependencies": {
+        "node-domexception": "1.0.0",
+        "web-streams-polyfill": "4.0.0-beta.1"
+      },
+      "engines": {
+        "node": ">= 12.20"
+      }
+    },
+    "node_modules/formidable": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/formidable/-/formidable-1.2.6.tgz",
+      "integrity": "sha512-KcpbcpuLNOwrEjnbpMC0gS+X8ciDoZE1kkqzat4a8vrprf+s9pKNQ/QIwWfbfs4ltgmFl3MD177SNTkve3BwGQ==",
+      "deprecated": "Please upgrade to latest, formidable@v2 or formidable@v3! Check these notes: https://bit.ly/2ZEqIau",
+      "funding": {
+        "url": "https://ko-fi.com/tunnckoCore/commissions"
+      }
+    },
+    "node_modules/formik": {
+      "version": "2.2.9",
+      "resolved": "https://registry.npmjs.org/formik/-/formik-2.2.9.tgz",
+      "integrity": "sha512-LQLcISMmf1r5at4/gyJigGn0gOwFbeEAlji+N9InZF6LIMXnFNkO42sCI8Jt84YZggpD4cPWObAZaxpEFtSzNA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://opencollective.com/formik"
+        }
+      ],
+      "dependencies": {
+        "deepmerge": "^2.1.1",
+        "hoist-non-react-statics": "^3.3.0",
+        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
+        "react-fast-compare": "^2.0.1",
+        "tiny-warning": "^1.0.2",
+        "tslib": "^1.10.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/formik/node_modules/deepmerge": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-2.2.1.tgz",
+      "integrity": "sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/formik/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "dev": true
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.6.tgz",
+      "integrity": "sha512-n2aZ9tNfYDwaHhvFTkhFErqOMIb8uyzSQ+vGJBjZyanAKZVbGUQ1sngfk9FdkBw7G26O7AgNjLcecLffD1c7eg==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "patreon",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fragment-cache": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/fragment-cache/-/fragment-cache-0.2.1.tgz",
+      "integrity": "sha512-GMBAbW9antB8iZRHLoGw0b3HANt57diZYFO/HL1JGIC1MjKrdmhxvrJbupnVvpys0zsz7yBApXdQyfepKly2kA==",
+      "dev": true,
+      "dependencies": {
+        "map-cache": "^0.2.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/freegeoip": {
+      "resolved": "services/freegeoip",
+      "link": true
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fs-constants": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs-constants/-/fs-constants-1.0.0.tgz",
+      "integrity": "sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow=="
+    },
+    "node_modules/fs-extra": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.0.0.tgz",
+      "integrity": "sha512-C5owb14u9eJwizKGdchcDUQeFtlSHHthBk8pbX9Vc1PFZrLombudjDnNns88aYslCyF6IY5SUw3Roz6xShcEIQ==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/fs-minipass": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-2.1.0.tgz",
+      "integrity": "sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==",
+      "dependencies": {
+        "minipass": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/fs-mkdirp-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/fs-mkdirp-stream/-/fs-mkdirp-stream-2.0.1.tgz",
+      "integrity": "sha512-UTOY+59K6IA94tec8Wjqm0FSh5OVudGNB0NL/P6fB3HiE3bYOY3VYBGijsnOHNkQSwC1FKkU77pmq7xp9CskLw==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.8",
+        "streamx": "^2.12.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/fs-monkey": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.3.tgz",
+      "integrity": "sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==",
+      "dev": true
+    },
+    "node_modules/fs-readdir-recursive": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fs-readdir-recursive/-/fs-readdir-recursive-1.1.0.tgz",
+      "integrity": "sha512-GNanXlVr2pf02+sPN40XN8HG+ePaNcvM0q5mZBd668Obwb0yD5GiUbZOFgwn8kGMY6I3mdyDJzieUy3PTYyTRA==",
+      "dev": true
+    },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/function.prototype.name": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.6.tgz",
+      "integrity": "sha512-Z5kx79swU5P27WEayXM1tBi5Ze/lbIyiNgU3qyXUOf9b2rgXYyF9Dy9Cx+IQv/Lc8WCG6L82zwUPpSS9hGehIg==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "functions-have-names": "^1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functional-red-black-tree": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz",
+      "integrity": "sha512-dsKNQNdj6xA3T+QlADDA7mOSlX0qiMINjn0cgr+eGHGsbSHzTabcIogz2+p/iqP1Xs6EP/sS2SbqH+brGTbq0g==",
+      "dev": true
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/fuse.js": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-3.6.1.tgz",
+      "integrity": "sha512-hT9yh/tiinkmirKrlv4KWOjztdoZo1mx9Qh4KvWqC7isoXwdUY3PNWUxceF4/qO9R6riA2C29jdTOeQOIROjgw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/gauge": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/gauge/-/gauge-3.0.2.tgz",
+      "integrity": "sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==",
+      "dependencies": {
+        "aproba": "^1.0.3 || ^2.0.0",
+        "color-support": "^1.1.2",
+        "console-control-strings": "^1.0.0",
+        "has-unicode": "^2.0.1",
+        "object-assign": "^4.1.1",
+        "signal-exit": "^3.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1",
+        "wide-align": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/gaxios": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/gaxios/-/gaxios-5.0.2.tgz",
+      "integrity": "sha512-TjtV2AJOZoMQqRYoy5eM8cCQogYwazWNYLQ72QB0kwa6vHHruYkGmhhyrlzbmgNHK1dNnuP2WSH81urfzyN2Og==",
+      "dependencies": {
+        "extend": "^3.0.2",
+        "https-proxy-agent": "^5.0.0",
+        "is-stream": "^2.0.0",
+        "node-fetch": "^2.6.7"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/gcp-metadata": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-5.3.0.tgz",
+      "integrity": "sha512-FNTkdNEnBdlqF2oatizolQqNANMrcqJt6AAYt99B3y1aLLC8Hc5IOBb+ZnnzllodEEf6xMBp6wRcBbc16fa65w==",
+      "dependencies": {
+        "gaxios": "^5.0.0",
+        "json-bigint": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/generic-pool": {
+      "version": "2.5.4",
+      "resolved": "https://registry.npmjs.org/generic-pool/-/generic-pool-2.5.4.tgz",
+      "integrity": "sha1-OMYYhRPhQDCUjsblz2VSPZd5KZs=",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-func-name": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/get-func-name/-/get-func-name-2.0.2.tgz",
+      "integrity": "sha512-8vXOvuE167CtIc3OyItco7N/dpRtBbYOsPsXCz7X/PMnlGjYjSGuZJgM1Y7mmew7BKf9BqvLX2tnOVy1BBUsxQ==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.2.4.tgz",
+      "integrity": "sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "has-proto": "^1.0.1",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-package-type": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/get-package-type/-/get-package-type-0.1.0.tgz",
+      "integrity": "sha512-pjzuKtY64GYfWizNAJ0fr9VqttZkNiK2iS430LtIHzjBEr6bX8Am2zm4sW4Ro5wjWW5cAlRL1qAMTcXbjNAO2Q==",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/get-port": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/get-port/-/get-port-5.1.1.tgz",
+      "integrity": "sha512-g/Q1aTSDOxFpchXC4i8ZWvxA1lnPqx/JHqcpIw0/LX9T8x/GBbi6YnlN5nhaKIFkT8oFsscUKgDJYxfwfS6QsQ==",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "dev": true,
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-symbol-description": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/get-symbol-description/-/get-symbol-description-1.0.2.tgz",
+      "integrity": "sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.5",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-value": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz",
+      "integrity": "sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/getopts": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/getopts/-/getopts-2.3.0.tgz",
+      "integrity": "sha512-5eDf9fuSXwxBL6q5HX+dhDj+dslFGWzU5thZ9kNKUkcPtaPdatmUFKwHFrLb/uf/WpA4BHET+AX3Scl56cAjpA=="
+    },
+    "node_modules/getos": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/getos/-/getos-3.2.1.tgz",
+      "integrity": "sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==",
+      "dev": true,
+      "dependencies": {
+        "async": "^3.2.0"
+      }
+    },
+    "node_modules/getpass": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
+      "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
+      "dependencies": {
+        "assert-plus": "^1.0.0"
+      }
+    },
+    "node_modules/getpass/node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/giget": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/giget/-/giget-1.2.5.tgz",
+      "integrity": "sha512-r1ekGw/Bgpi3HLV3h1MRBIlSAdHoIMklpaQ3OQLFcRw9PwAj2rqigvIbg+dBUI51OxVI2jsEtDywDBjSiuf7Ug==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "citty": "^0.1.6",
+        "consola": "^3.4.0",
+        "defu": "^6.1.4",
+        "node-fetch-native": "^1.6.6",
+        "nypm": "^0.5.4",
+        "pathe": "^2.0.3",
+        "tar": "^6.2.1"
+      },
+      "bin": {
+        "giget": "dist/cli.mjs"
+      }
+    },
+    "node_modules/glob": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.0.tgz",
+      "integrity": "sha512-lmLf6gtyrPq8tTjSmrO94wBeQbFR3HbLHbuyD69wuyQkImp2hWqMGB47OX65FBkPffO641IP9jWa1z4ivqG26Q==",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/glob-stream": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/glob-stream/-/glob-stream-8.0.0.tgz",
+      "integrity": "sha512-CdIUuwOkYNv9ZadR3jJvap8CMooKziQZ/QCSPhEb7zqfsEI5YnPmvca7IvbaVE3z58ZdUYD2JsU6AUWjL8WZJA==",
+      "dev": true,
+      "dependencies": {
+        "@gulpjs/to-absolute-glob": "^4.0.0",
+        "anymatch": "^3.1.3",
+        "fastq": "^1.13.0",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "is-negated-glob": "^1.0.0",
+        "normalize-path": "^3.0.0",
+        "streamx": "^2.12.5"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob-stream/node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
+      "dev": true
+    },
+    "node_modules/global": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/global/-/global-4.4.0.tgz",
+      "integrity": "sha512-wv/LAoHdRE3BeTGz53FAamhGlPLhlssK45usmGFThIi4XqnBmjKQ16u+RNbP7WvigRZDxUsM0J3gcQ5yicaL0w==",
+      "dev": true,
+      "dependencies": {
+        "min-document": "^2.19.0",
+        "process": "^0.11.10"
+      }
+    },
+    "node_modules/global-dirs": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-3.0.0.tgz",
+      "integrity": "sha512-v8ho2DS5RiCjftj1nD9NmnfaOzTdud7RRnVd9kFNOjqZbISlx5DQ+OrTkywgd0dIt7oFCvKetZSHoHcP3sDdiA==",
+      "dev": true,
+      "dependencies": {
+        "ini": "2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/global-dirs/node_modules/ini": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-2.0.0.tgz",
+      "integrity": "sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/global-modules": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-2.0.0.tgz",
+      "integrity": "sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "global-prefix": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/global-prefix": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-3.0.0.tgz",
+      "integrity": "sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "ini": "^1.3.5",
+        "kind-of": "^6.0.2",
+        "which": "^1.3.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/global-prefix/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
+    "node_modules/globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-11.12.0.tgz",
+      "integrity": "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/globalthis": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/globalthis/-/globalthis-1.0.3.tgz",
+      "integrity": "sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==",
+      "dependencies": {
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/globby": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-5.0.0.tgz",
+      "integrity": "sha1-69hGZ8oNuzMLmbz8aOrCvFQ3Dg0=",
+      "dependencies": {
+        "array-union": "^1.0.1",
+        "arrify": "^1.0.0",
+        "glob": "^7.0.3",
+        "object-assign": "^4.0.1",
+        "pify": "^2.0.0",
+        "pinkie-promise": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/globby/node_modules/arrify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/arrify/-/arrify-1.0.1.tgz",
+      "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/globjoin": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/globjoin/-/globjoin-0.1.4.tgz",
+      "integrity": "sha512-xYfnw62CKG8nLkZBfWbhWwDw02CHty86jfPcc2cr3ZfeuK9ysoVPPEUxf21bAD/rWAgk52SuBrLJlefNy8mvFg==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/google-auth-library": {
+      "version": "7.14.1",
+      "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-7.14.1.tgz",
+      "integrity": "sha512-5Rk7iLNDFhFeBYc3s8l1CqzbEBcdhwR193RlD4vSNFajIcINKI8W8P0JLmBpwymHqqWbX34pJDQu39cSy/6RsA==",
+      "dependencies": {
+        "arrify": "^2.0.0",
+        "base64-js": "^1.3.0",
+        "ecdsa-sig-formatter": "^1.0.11",
+        "fast-text-encoding": "^1.0.0",
+        "gaxios": "^4.0.0",
+        "gcp-metadata": "^4.2.0",
+        "gtoken": "^5.0.4",
+        "jws": "^4.0.0",
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/google-auth-library/node_modules/gaxios": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/gaxios/-/gaxios-4.3.2.tgz",
+      "integrity": "sha512-T+ap6GM6UZ0c4E6yb1y/hy2UB6hTrqhglp3XfmU9qbLCGRYhLVV5aRPpC4EmoG8N8zOnkYCgoBz+ScvGAARY6Q==",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "extend": "^3.0.2",
+        "https-proxy-agent": "^5.0.0",
+        "is-stream": "^2.0.0",
+        "node-fetch": "^2.6.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/google-auth-library/node_modules/gcp-metadata": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-4.3.1.tgz",
+      "integrity": "sha512-x850LS5N7V1F3UcV7PoupzGsyD6iVwTVvsh3tbXfkctZnBnjW5yu5z1/3k3SehF7TyoTIe78rJs02GMMy+LF+A==",
+      "dependencies": {
+        "gaxios": "^4.0.0",
+        "json-bigint": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/google-auth-library/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/google-auth-library/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/google-gax": {
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/google-gax/-/google-gax-4.3.5.tgz",
+      "integrity": "sha512-zXRSGgHp33ottCQMdYlKEFX/MhWkzKVX5P3Vpmx+DW6rtseLILzp3V0YV5Rh4oQzzkM0BH9+nJIyX01EUgmd3g==",
+      "dependencies": {
+        "@grpc/grpc-js": "~1.10.3",
+        "@grpc/proto-loader": "^0.7.0",
+        "@types/long": "^4.0.0",
+        "abort-controller": "^3.0.0",
+        "duplexify": "^4.0.0",
+        "google-auth-library": "^9.3.0",
+        "node-fetch": "^2.6.1",
+        "object-hash": "^3.0.0",
+        "proto3-json-serializer": "^2.0.0",
+        "protobufjs": "7.3.0",
+        "retry-request": "^7.0.0",
+        "uuid": "^9.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/google-gax/node_modules/@grpc/grpc-js": {
+      "version": "1.10.11",
+      "resolved": "https://registry.npmjs.org/@grpc/grpc-js/-/grpc-js-1.10.11.tgz",
+      "integrity": "sha512-3RaoxOqkHHN2c05bwtBNVJmOf/UwMam0rZYtdl7dsRpsvDwcNpv6LkGgzltQ7xVf822LzBoKEPRvf4D7+xeIDw==",
+      "dependencies": {
+        "@grpc/proto-loader": "^0.7.13",
+        "@js-sdsl/ordered-map": "^4.4.2"
+      },
+      "engines": {
+        "node": ">=12.10.0"
+      }
+    },
+    "node_modules/google-gax/node_modules/agent-base": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.1.tgz",
+      "integrity": "sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==",
+      "dependencies": {
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/google-gax/node_modules/debug": {
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.5.tgz",
+      "integrity": "sha512-pt0bNEmneDIvdL1Xsd9oDQ/wrQRkXDT4AUWlNZNPKvW5x/jyO9VFXkJUP07vQ2upmw5PlaITaPKc31jK13V+jg==",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/google-gax/node_modules/duplexify": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-4.1.2.tgz",
+      "integrity": "sha512-fz3OjcNCHmRP12MJoZMPglx8m4rrFP8rovnk4vT8Fs+aonZoCwGg10dSsQsfP/E62eZcPTMSMP6686fu9Qlqtw==",
+      "dependencies": {
+        "end-of-stream": "^1.4.1",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "node_modules/google-gax/node_modules/gaxios": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/gaxios/-/gaxios-6.6.0.tgz",
+      "integrity": "sha512-bpOZVQV5gthH/jVCSuYuokRo2bTKOcuBiVWpjmTn6C5Agl5zclGfTljuGsQZxwwDBkli+YhZhP4TdlqTnhOezQ==",
+      "dependencies": {
+        "extend": "^3.0.2",
+        "https-proxy-agent": "^7.0.1",
+        "is-stream": "^2.0.0",
+        "node-fetch": "^2.6.9",
+        "uuid": "^9.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/google-gax/node_modules/gcp-metadata": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-6.1.0.tgz",
+      "integrity": "sha512-Jh/AIwwgaxan+7ZUUmRLCjtchyDiqh4KjBJ5tW3plBZb5iL/BPcso8A5DlzeD9qlw0duCamnNdpFjxwaT0KyKg==",
+      "dependencies": {
+        "gaxios": "^6.0.0",
+        "json-bigint": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/google-gax/node_modules/google-auth-library": {
+      "version": "9.10.0",
+      "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-9.10.0.tgz",
+      "integrity": "sha512-ol+oSa5NbcGdDqA+gZ3G3mev59OHBZksBTxY/tYwjtcp1H/scAFwJfSQU9/1RALoyZ7FslNbke8j4i3ipwlyuQ==",
+      "dependencies": {
+        "base64-js": "^1.3.0",
+        "ecdsa-sig-formatter": "^1.0.11",
+        "gaxios": "^6.1.1",
+        "gcp-metadata": "^6.1.0",
+        "gtoken": "^7.0.0",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/google-gax/node_modules/gtoken": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/gtoken/-/gtoken-7.1.0.tgz",
+      "integrity": "sha512-pCcEwRi+TKpMlxAQObHDQ56KawURgyAf6jtIY046fJ5tIv3zDe/LEIubckAO8fj6JnAxLdmWkUfNyulQ2iKdEw==",
+      "dependencies": {
+        "gaxios": "^6.0.0",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/google-gax/node_modules/https-proxy-agent": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.4.tgz",
+      "integrity": "sha512-wlwpilI7YdjSkWaQ/7omYBMTliDcmCN8OLihO6I9B86g06lMyAoqgoDpV0XqoaPOKj+0DIdAvnsWfyAAhmimcg==",
+      "dependencies": {
+        "agent-base": "^7.0.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/google-gax/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "node_modules/google-gax/node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/google-gax/node_modules/proto3-json-serializer": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/proto3-json-serializer/-/proto3-json-serializer-2.0.2.tgz",
+      "integrity": "sha512-SAzp/O4Yh02jGdRc+uIrGoe87dkN/XtwxfZ4ZyafJHymd79ozp5VG5nyZ7ygqPM5+cpLDjjGnYFUkngonyDPOQ==",
+      "dependencies": {
+        "protobufjs": "^7.2.5"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/google-gax/node_modules/protobufjs": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-7.3.0.tgz",
+      "integrity": "sha512-YWD03n3shzV9ImZRX3ccbjqLxj7NokGN0V/ESiBV5xWqrommYHYiihuIyavq03pWSGqlyvYUFmfoMKd+1rPA/g==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@protobufjs/aspromise": "^1.1.2",
+        "@protobufjs/base64": "^1.1.2",
+        "@protobufjs/codegen": "^2.0.4",
+        "@protobufjs/eventemitter": "^1.1.0",
+        "@protobufjs/fetch": "^1.1.0",
+        "@protobufjs/float": "^1.0.2",
+        "@protobufjs/inquire": "^1.1.0",
+        "@protobufjs/path": "^1.1.2",
+        "@protobufjs/pool": "^1.1.0",
+        "@protobufjs/utf8": "^1.1.0",
+        "@types/node": ">=13.7.0",
+        "long": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/google-gax/node_modules/retry-request": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/retry-request/-/retry-request-7.0.2.tgz",
+      "integrity": "sha512-dUOvLMJ0/JJYEn8NrpOaGNE7X3vpI5XlZS/u0ANjqtcZVKnIxP7IgCFwrKTxENw29emmwug53awKtaMm4i9g5w==",
+      "dependencies": {
+        "@types/request": "^2.48.8",
+        "extend": "^3.0.2",
+        "teeny-request": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/google-gax/node_modules/teeny-request": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/teeny-request/-/teeny-request-9.0.0.tgz",
+      "integrity": "sha512-resvxdc6Mgb7YEThw6G6bExlXKkv6+YbuzGg9xuXxSgxJF7Ozs+o8Y9+2R3sArdWdW8nOokoQb1yrpFB0pQK2g==",
+      "dependencies": {
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "node-fetch": "^2.6.9",
+        "stream-events": "^1.0.5",
+        "uuid": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/google-gax/node_modules/teeny-request/node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/google-gax/node_modules/teeny-request/node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/google-gax/node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/google-p12-pem": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/google-p12-pem/-/google-p12-pem-3.1.3.tgz",
+      "integrity": "sha512-MC0jISvzymxePDVembypNefkAQp+DRP7dBE+zNUPaIjEspIlYg0++OrsNr248V9tPbz6iqtZ7rX1hxWA5B8qBQ==",
+      "dependencies": {
+        "node-forge": "^1.0.0"
+      },
+      "bin": {
+        "gp12-pem": "build/src/bin/gp12-pem.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/google-proto-files": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/google-proto-files/-/google-proto-files-3.0.3.tgz",
+      "integrity": "sha512-7JaU/smPA/FpNsCaXyVjitwiQyn5zYC/ETA+xag3ziovBojIWvzevyrbVqhxgnQdgMJ0p1RVSvpzQL6hkg6yGw==",
+      "dependencies": {
+        "protobufjs": "^7.0.0",
+        "walkdir": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/googleapis": {
+      "version": "118.0.0",
+      "resolved": "https://registry.npmjs.org/googleapis/-/googleapis-118.0.0.tgz",
+      "integrity": "sha512-Ny6zJOGn5P/YDT6GQbJU6K0lSzEu4Yuxnsn45ZgBIeSQ1RM0FolEjUToLXquZd89DU9wUfqA5XYHPEctk1TFWg==",
+      "dependencies": {
+        "google-auth-library": "^8.0.2",
+        "googleapis-common": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/googleapis-common": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/googleapis-common/-/googleapis-common-6.0.4.tgz",
+      "integrity": "sha512-m4ErxGE8unR1z0VajT6AYk3s6a9gIMM6EkDZfkPnES8joeOlEtFEJeF8IyZkb0tjPXkktUfYrE4b3Li1DNyOwA==",
+      "dependencies": {
+        "extend": "^3.0.2",
+        "gaxios": "^5.0.1",
+        "google-auth-library": "^8.0.2",
+        "qs": "^6.7.0",
+        "url-template": "^2.0.8",
+        "uuid": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/googleapis-common/node_modules/google-auth-library": {
+      "version": "8.8.0",
+      "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-8.8.0.tgz",
+      "integrity": "sha512-0iJn7IDqObDG5Tu9Tn2WemmJ31ksEa96IyK0J0OZCpTh6CrC6FrattwKX87h3qKVuprCJpdOGKc1Xi8V0kMh8Q==",
+      "dependencies": {
+        "arrify": "^2.0.0",
+        "base64-js": "^1.3.0",
+        "ecdsa-sig-formatter": "^1.0.11",
+        "fast-text-encoding": "^1.0.0",
+        "gaxios": "^5.0.0",
+        "gcp-metadata": "^5.2.0",
+        "gtoken": "^6.1.0",
+        "jws": "^4.0.0",
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/googleapis-common/node_modules/google-p12-pem": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/google-p12-pem/-/google-p12-pem-4.0.1.tgz",
+      "integrity": "sha512-WPkN4yGtz05WZ5EhtlxNDWPhC4JIic6G8ePitwUWy4l+XPVYec+a0j0Ts47PDtW59y3RwAhUd9/h9ZZ63px6RQ==",
+      "dependencies": {
+        "node-forge": "^1.3.1"
+      },
+      "bin": {
+        "gp12-pem": "build/src/bin/gp12-pem.js"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/googleapis-common/node_modules/gtoken": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/gtoken/-/gtoken-6.1.2.tgz",
+      "integrity": "sha512-4ccGpzz7YAr7lxrT2neugmXQ3hP9ho2gcaityLVkiUecAiwiy60Ii8gRbZeOsXV19fYaRjgBSshs8kXw+NKCPQ==",
+      "dependencies": {
+        "gaxios": "^5.0.1",
+        "google-p12-pem": "^4.0.0",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/googleapis-common/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/googleapis-common/node_modules/uuid": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.0.tgz",
+      "integrity": "sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/googleapis-common/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/googleapis/node_modules/google-auth-library": {
+      "version": "8.8.0",
+      "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-8.8.0.tgz",
+      "integrity": "sha512-0iJn7IDqObDG5Tu9Tn2WemmJ31ksEa96IyK0J0OZCpTh6CrC6FrattwKX87h3qKVuprCJpdOGKc1Xi8V0kMh8Q==",
+      "dependencies": {
+        "arrify": "^2.0.0",
+        "base64-js": "^1.3.0",
+        "ecdsa-sig-formatter": "^1.0.11",
+        "fast-text-encoding": "^1.0.0",
+        "gaxios": "^5.0.0",
+        "gcp-metadata": "^5.2.0",
+        "gtoken": "^6.1.0",
+        "jws": "^4.0.0",
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/googleapis/node_modules/google-p12-pem": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/google-p12-pem/-/google-p12-pem-4.0.1.tgz",
+      "integrity": "sha512-WPkN4yGtz05WZ5EhtlxNDWPhC4JIic6G8ePitwUWy4l+XPVYec+a0j0Ts47PDtW59y3RwAhUd9/h9ZZ63px6RQ==",
+      "dependencies": {
+        "node-forge": "^1.3.1"
+      },
+      "bin": {
+        "gp12-pem": "build/src/bin/gp12-pem.js"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/googleapis/node_modules/gtoken": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/gtoken/-/gtoken-6.1.2.tgz",
+      "integrity": "sha512-4ccGpzz7YAr7lxrT2neugmXQ3hP9ho2gcaityLVkiUecAiwiy60Ii8gRbZeOsXV19fYaRjgBSshs8kXw+NKCPQ==",
+      "dependencies": {
+        "gaxios": "^5.0.1",
+        "google-p12-pem": "^4.0.0",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/googleapis/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/googleapis/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/gopd": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.0.1.tgz",
+      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
+      "dependencies": {
+        "get-intrinsic": "^1.1.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag=="
+    },
+    "node_modules/graphlib": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/graphlib/-/graphlib-2.1.8.tgz",
+      "integrity": "sha512-jcLLfkpoVGmH7/InMC/1hIvOPSUh38oJtGhvrOFGzioE1DZ+0YW16RgmOJhHiuWTvGiJQ9Z1Ik43JvkRPRvE+A==",
+      "dependencies": {
+        "lodash": "^4.17.15"
+      }
+    },
+    "node_modules/gtoken": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/gtoken/-/gtoken-5.3.1.tgz",
+      "integrity": "sha512-yqOREjzLHcbzz1UrQoxhBtpk8KjrVhuqPE7od1K2uhyxG2BHjKZetlbLw/SPZak/QqTIQW+addS+EcjqQsZbwQ==",
+      "dependencies": {
+        "gaxios": "^4.0.0",
+        "google-p12-pem": "^3.0.3",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/gtoken/node_modules/gaxios": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/gaxios/-/gaxios-4.3.2.tgz",
+      "integrity": "sha512-T+ap6GM6UZ0c4E6yb1y/hy2UB6hTrqhglp3XfmU9qbLCGRYhLVV5aRPpC4EmoG8N8zOnkYCgoBz+ScvGAARY6Q==",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "extend": "^3.0.2",
+        "https-proxy-agent": "^5.0.0",
+        "is-stream": "^2.0.0",
+        "node-fetch": "^2.6.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/gulp-sort": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/gulp-sort/-/gulp-sort-2.0.0.tgz",
+      "integrity": "sha1-xnYqLx8N4KP8WVohWZ0/rI26Gso=",
+      "dev": true,
+      "dependencies": {
+        "through2": "^2.0.1"
+      }
+    },
+    "node_modules/gulp-sort/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
+      "dev": true
+    },
+    "node_modules/gulp-sort/node_modules/readable-stream": {
+      "version": "2.3.7",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+      "dev": true,
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/gulp-sort/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/gulp-sort/node_modules/through2": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
+      "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==",
+      "dev": true,
+      "dependencies": {
+        "readable-stream": "~2.3.6",
+        "xtend": "~4.0.1"
+      }
+    },
+    "node_modules/handle-thing": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/handle-thing/-/handle-thing-2.0.1.tgz",
+      "integrity": "sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/handlebars": {
+      "version": "4.7.8",
+      "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.8.tgz",
+      "integrity": "sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==",
+      "dev": true,
+      "dependencies": {
+        "minimist": "^1.2.5",
+        "neo-async": "^2.6.2",
+        "source-map": "^0.6.1",
+        "wordwrap": "^1.0.0"
+      },
+      "bin": {
+        "handlebars": "bin/handlebars"
+      },
+      "engines": {
+        "node": ">=0.4.7"
+      },
+      "optionalDependencies": {
+        "uglify-js": "^3.1.4"
+      }
+    },
+    "node_modules/handlebars-loader": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/handlebars-loader/-/handlebars-loader-1.7.3.tgz",
+      "integrity": "sha512-dDb+8D51vE3OTSE2wuGPWRAegtsEuw8Mk8hCjtRu/pNcBfN5q+M8ZG3kVJxBuOeBrVElpFStipGmaxSBTRR1mQ==",
+      "dev": true,
+      "dependencies": {
+        "async": "^3.2.2",
+        "fastparse": "^1.0.0",
+        "loader-utils": "1.4.x",
+        "object-assign": "^4.1.0"
+      },
+      "peerDependencies": {
+        "handlebars": ">= 1.3.0 < 5"
+      }
+    },
+    "node_modules/handlebars-loader/node_modules/big.js": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/handlebars-loader/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dev": true,
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/handlebars-loader/node_modules/loader-utils": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
+      "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
+      "dev": true,
+      "dependencies": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/har-schema": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
+      "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/har-validator": {
+      "version": "5.1.5",
+      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz",
+      "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==",
+      "deprecated": "this library is no longer supported",
+      "dependencies": {
+        "ajv": "^6.12.3",
+        "har-schema": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/has-bigints": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.2.tgz",
+      "integrity": "sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==",
+      "dependencies": {
+        "es-define-property": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-proto": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-proto/-/has-proto-1.0.3.tgz",
+      "integrity": "sha512-SJ1amZAJUiZS+PhsVLf5tGydlaVB8EdFpaSO4gmiUKUOxk8qzn5AIy4ZeJUmh22znIdk/uMAUT2pl3FxzVUH+Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.0.3.tgz",
+      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-unicode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/has-unicode/-/has-unicode-2.0.1.tgz",
+      "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk="
+    },
+    "node_modules/has-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz",
+      "integrity": "sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==",
+      "dev": true,
+      "dependencies": {
+        "get-value": "^2.0.6",
+        "has-values": "^1.0.0",
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-values": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz",
+      "integrity": "sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==",
+      "dev": true,
+      "dependencies": {
+        "is-number": "^3.0.0",
+        "kind-of": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-values/node_modules/is-number": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+      "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+      "dev": true,
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-values/node_modules/is-number/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dev": true,
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-values/node_modules/kind-of": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
+      "integrity": "sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==",
+      "dev": true,
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/he": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/he/-/he-1.2.0.tgz",
+      "integrity": "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==",
+      "dev": true,
+      "bin": {
+        "he": "bin/he"
+      }
+    },
+    "node_modules/helmet": {
+      "version": "3.23.3",
+      "resolved": "https://registry.npmjs.org/helmet/-/helmet-3.23.3.tgz",
+      "integrity": "sha512-U3MeYdzPJQhtvqAVBPntVgAvNSOJyagwZwyKsFdyRa8TV3pOKVFljalPOCxbw5Wwf2kncGhmP0qHjyazIdNdSA==",
+      "dependencies": {
+        "depd": "2.0.0",
+        "dont-sniff-mimetype": "1.1.0",
+        "feature-policy": "0.3.0",
+        "helmet-crossdomain": "0.4.0",
+        "helmet-csp": "2.10.0",
+        "hide-powered-by": "1.1.0",
+        "hpkp": "2.0.0",
+        "hsts": "2.2.0",
+        "nocache": "2.1.0",
+        "referrer-policy": "1.2.0",
+        "x-xss-protection": "1.3.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/helmet-crossdomain": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/helmet-crossdomain/-/helmet-crossdomain-0.4.0.tgz",
+      "integrity": "sha512-AB4DTykRw3HCOxovD1nPR16hllrVImeFp5VBV9/twj66lJ2nU75DP8FPL0/Jp4jj79JhTfG+pFI2MD02kWJ+fA==",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/helmet-csp": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/helmet-csp/-/helmet-csp-2.10.0.tgz",
+      "integrity": "sha512-Rz953ZNEFk8sT2XvewXkYN0Ho4GEZdjAZy4stjiEQV3eN7GDxg1QKmYggH7otDyIA7uGA6XnUMVSgeJwbR5X+w==",
+      "dependencies": {
+        "bowser": "2.9.0",
+        "camelize": "1.0.0",
+        "content-security-policy-builder": "2.1.0",
+        "dasherize": "2.0.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/helmet-csp/node_modules/bowser": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/bowser/-/bowser-2.9.0.tgz",
+      "integrity": "sha512-2ld76tuLBNFekRgmJfT2+3j5MIrP6bFict8WAIT3beq+srz1gcKNAdNKMqHqauQt63NmAa88HfP1/Ypa9Er3HA=="
+    },
+    "node_modules/helmet/node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/hexer": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/hexer/-/hexer-1.5.0.tgz",
+      "integrity": "sha512-dyrPC8KzBzUJ19QTIo1gXNqIISRXQ0NwteW6OeQHRN4ZuZeHkdODfj0zHBdOlHbRY8GqbqK57C9oWSvQZizFsg==",
+      "dependencies": {
+        "ansi-color": "^0.2.1",
+        "minimist": "^1.1.0",
+        "process": "^0.10.0",
+        "xtend": "^4.0.0"
+      },
+      "bin": {
+        "hexer": "cli.js"
+      },
+      "engines": {
+        "node": ">= 0.10.x"
+      }
+    },
+    "node_modules/hexer/node_modules/process": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.10.1.tgz",
+      "integrity": "sha512-dyIett8dgGIZ/TXKUzeYExt7WA6ldDzys9vTDU/cCA9L17Ypme+KzS+NjQCjpn9xsvi/shbMC+yP/BcFMBz0NA==",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/hexoid": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/hexoid/-/hexoid-1.0.0.tgz",
+      "integrity": "sha512-QFLV0taWQOZtvIRIAdBChesmogZrtuXvVWsFHZTk2SU+anspqZ2vMnoLg7IE1+Uk16N19APic1BuF8bC8c2m5g==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/hide-powered-by": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/hide-powered-by/-/hide-powered-by-1.1.0.tgz",
+      "integrity": "sha512-Io1zA2yOA1YJslkr+AJlWSf2yWFkKjvkcL9Ni1XSUqnGLr/qRQe2UI3Cn/J9MsJht7yEVCe0SscY1HgVMujbgg==",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/hoist-non-react-statics": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz",
+      "integrity": "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==",
+      "dependencies": {
+        "react-is": "^16.7.0"
+      }
+    },
+    "node_modules/hoist-non-react-statics/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
+    "node_modules/hosted-git-info": {
+      "version": "2.8.9",
+      "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-2.8.9.tgz",
+      "integrity": "sha512-mxIDAb9Lsm6DoOJ7xH+5+X4y1LU/4Hi50L9C5sIswK3JzULS4bwk1FvjdBgvYR4bzT4tuUQiC15FE2f5HbLvYw==",
+      "dev": true
+    },
+    "node_modules/hpack.js": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/hpack.js/-/hpack.js-2.1.6.tgz",
+      "integrity": "sha512-zJxVehUdMGIKsRaNt7apO2Gqp0BdqW5yaiGHXXmbpvxgBYVZnAql+BJb4RO5ad2MgpbZKn5G6nMnegrH1FcNYQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "obuf": "^1.0.0",
+        "readable-stream": "^2.0.1",
+        "wbuf": "^1.1.0"
+      }
+    },
+    "node_modules/hpack.js/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/hpack.js/node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/hpack.js/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/hpkp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/hpkp/-/hpkp-2.0.0.tgz",
+      "integrity": "sha1-EOFCJk52IVpdMMROxD3mTe5tFnI="
+    },
+    "node_modules/hsts": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/hsts/-/hsts-2.2.0.tgz",
+      "integrity": "sha512-ToaTnQ2TbJkochoVcdXYm4HOCliNozlviNsg+X2XQLQvZNI/kCHR9rZxVYpJB3UPcHz80PgxRyWQ7PdU1r+VBQ==",
+      "dependencies": {
+        "depd": "2.0.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/hsts/node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/html-encoding-sniffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-3.0.0.tgz",
+      "integrity": "sha512-oWv4T4yJ52iKrufjnyZPkrN0CH3QnrUqdB6In1g5Fe1mia8GmF36gnfNySxoZtxD5+NmYw1EElVXiBk93UeskA==",
+      "dev": true,
+      "dependencies": {
+        "whatwg-encoding": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/html-entities": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.5.2.tgz",
+      "integrity": "sha512-K//PSRMQk4FZ78Kyau+mZurHn3FH0Vwr+H36eE0rPbeYkRRi9YxceYPhuN60UwWorxyKHhqoAJl2OFKa4BVtaA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/mdevils"
+        },
+        {
+          "type": "patreon",
+          "url": "https://patreon.com/mdevils"
+        }
+      ]
+    },
+    "node_modules/html-escaper": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/html-escaper/-/html-escaper-2.0.2.tgz",
+      "integrity": "sha512-H2iMtd0I4Mt5eYiapRdIDjp+XzelXQ0tFE4JS7YFwFevXXMmOp9myNrUvCg0D6ws8iqkRPBfKHgbwig1SmlLfg==",
+      "dev": true
+    },
+    "node_modules/html-minifier-terser": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/html-minifier-terser/-/html-minifier-terser-6.1.0.tgz",
+      "integrity": "sha512-YXxSlJBZTP7RS3tWnQw74ooKa6L9b9i9QYXY21eUEvhZ3u9XLfv6OnFsQq6RxkhHygsaUMvYsZRV5rU/OVNZxw==",
+      "dev": true,
+      "dependencies": {
+        "camel-case": "^4.1.2",
+        "clean-css": "^5.2.2",
+        "commander": "^8.3.0",
+        "he": "^1.2.0",
+        "param-case": "^3.0.4",
+        "relateurl": "^0.2.7",
+        "terser": "^5.10.0"
+      },
+      "bin": {
+        "html-minifier-terser": "cli.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/html-minifier-terser/node_modules/commander": {
+      "version": "8.3.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
+      "integrity": "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==",
+      "dev": true,
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/html-parse-stringify": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
+      "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
+      "dev": true,
+      "dependencies": {
+        "void-elements": "3.1.0"
+      }
+    },
+    "node_modules/html-tags": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/html-tags/-/html-tags-3.3.1.tgz",
+      "integrity": "sha512-ztqyC3kLto0e9WbNp0aeP+M3kTt+nbaIveGmUxAtZa+8iFgKLUOD4YKM5j+f3QD89bra7UeumolZHKuOXnTmeQ==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/html-webpack-plugin": {
+      "version": "5.5.3",
+      "resolved": "https://registry.npmjs.org/html-webpack-plugin/-/html-webpack-plugin-5.5.3.tgz",
+      "integrity": "sha512-6YrDKTuqaP/TquFH7h4srYWsZx+x6k6+FbsTm0ziCwGHDP78Unr1r9F/H4+sGmMbX08GQcJ+K64x55b+7VM/jg==",
+      "dev": true,
+      "dependencies": {
+        "@types/html-minifier-terser": "^6.0.0",
+        "html-minifier-terser": "^6.0.2",
+        "lodash": "^4.17.21",
+        "pretty-error": "^4.0.0",
+        "tapable": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/html-webpack-plugin"
+      },
+      "peerDependencies": {
+        "webpack": "^5.20.0"
+      }
+    },
+    "node_modules/htmlparser2": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-6.1.0.tgz",
+      "integrity": "sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==",
+      "dev": true,
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "dependencies": {
+        "domelementtype": "^2.0.1",
+        "domhandler": "^4.0.0",
+        "domutils": "^2.5.2",
+        "entities": "^2.0.0"
+      }
+    },
+    "node_modules/http-deceiver": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/http-deceiver/-/http-deceiver-1.2.7.tgz",
+      "integrity": "sha512-LmpOGxTfbpgtGVxJrj5k7asXHCgNZp5nLfp+hWc8QQRqtb7fUy6kRY3BO1h9ddF6yIPYUARgxGOwB42DnxIaNw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-errors/node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-errors/node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-graceful-shutdown": {
+      "version": "3.1.13",
+      "resolved": "https://registry.npmjs.org/http-graceful-shutdown/-/http-graceful-shutdown-3.1.13.tgz",
+      "integrity": "sha512-Ci5LRufQ8AtrQ1U26AevS8QoMXDOhnAHCJI3eZu1com7mZGHxREmw3dNj85ftpQokQCvak8nI2pnFS8zyM1M+Q==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/http-graceful-shutdown/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/http-graceful-shutdown/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true
+    },
+    "node_modules/http-parser-js": {
+      "version": "0.5.10",
+      "resolved": "https://registry.npmjs.org/http-parser-js/-/http-parser-js-0.5.10.tgz",
+      "integrity": "sha512-Pysuw9XpUq5dVc/2SMHpuTY01RFl8fttgcyunjL7eEMhGM3cI4eOmiCycJDVCo/7O7ClfQD3SaI6ftDzqOXYMA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/http-proxy": {
+      "version": "1.18.1",
+      "resolved": "https://registry.npmjs.org/http-proxy/-/http-proxy-1.18.1.tgz",
+      "integrity": "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eventemitter3": "^4.0.0",
+        "follow-redirects": "^1.0.0",
+        "requires-port": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/http-proxy-agent": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-5.0.0.tgz",
+      "integrity": "sha512-n2hY8YdoRE1i7r6M0w9DIw5GgZN0G25P8zLCRQ8rjXtTU3vsNFBI/vWK/UIeE6g5MUUz6avwAPXmL6Fy9D/90w==",
+      "dependencies": {
+        "@tootallnate/once": "2",
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/http-proxy-middleware": {
+      "version": "2.0.9",
+      "resolved": "https://registry.npmjs.org/http-proxy-middleware/-/http-proxy-middleware-2.0.9.tgz",
+      "integrity": "sha512-c1IyJYLYppU574+YI7R4QyX2ystMtVXZwIdzazUIPIJsHuWNd+mho2j+bKoHftndicGj9yh+xjd+l0yj7VeT1Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/http-proxy": "^1.17.8",
+        "http-proxy": "^1.18.1",
+        "is-glob": "^4.0.1",
+        "is-plain-obj": "^3.0.0",
+        "micromatch": "^4.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "@types/express": "^4.17.13"
+      },
+      "peerDependenciesMeta": {
+        "@types/express": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/http-proxy-middleware/node_modules/is-plain-obj": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-3.0.0.tgz",
+      "integrity": "sha512-gwsOE28k+23GP1B6vFl1oVh/WOzmawBrKwo5Ev6wMKzPkaXaCDIQKzLnvsA42DRlbVTWorkgTKIviAKCWkfUwA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/http-signature": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
+      "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=",
+      "dependencies": {
+        "assert-plus": "^1.0.0",
+        "jsprim": "^1.2.2",
+        "sshpk": "^1.7.0"
+      },
+      "engines": {
+        "node": ">=0.8",
+        "npm": ">=1.3.7"
+      }
+    },
+    "node_modules/http-signature/node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/http-status": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/http-status/-/http-status-1.5.0.tgz",
+      "integrity": "sha512-wcGvY31MpFNHIkUcXHHnvrE4IKYlpvitJw5P/1u892gMBAM46muQ+RH7UN1d+Ntnfx5apnOnVY6vcLmrWHOLwg==",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.0.tgz",
+      "integrity": "sha512-EkYm5BcKUGiduxzSt3Eppko+PiNWNEpa4ySk9vTC6wDsQJW9rHSa+UhGNJoRYp7bz6Ht1eaRIa6QaJqO5rCFbA==",
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz",
+      "integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.12.0"
+      }
+    },
+    "node_modules/hyperdyperid": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/hyperdyperid/-/hyperdyperid-1.2.0.tgz",
+      "integrity": "sha512-Y93lCzHYgGWdrJ66yIktxiaGULYc6oGiABxhcO5AufBeOyoIdZF7bIfLaOrbM0iGIOXQQgxxRrFEnb+Y6w1n4A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.18"
+      }
+    },
+    "node_modules/hyphenate-style-name": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.4.tgz",
+      "integrity": "sha512-ygGZLjmXfPHj+ZWh6LwbC37l43MhfztxetbFCoYTM2VjkIUpeHgSNn7QIyVFj7YQ1Wl9Cbw5sholVJPzWvC2MQ=="
+    },
+    "node_modules/i18next": {
+      "version": "23.10.0",
+      "resolved": "https://registry.npmjs.org/i18next/-/i18next-23.10.0.tgz",
+      "integrity": "sha512-/TgHOqsa7/9abUKJjdPeydoyDc0oTi/7u9F8lMSj6ufg4cbC1Oj3f/Jja7zj7WRIhEQKB7Q4eN6y68I9RDxxGQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://locize.com"
+        },
+        {
+          "type": "individual",
+          "url": "https://locize.com/i18next.html"
+        },
+        {
+          "type": "individual",
+          "url": "https://www.i18next.com/how-to/faq#i18next-is-awesome.-how-can-i-support-the-project"
+        }
+      ],
+      "dependencies": {
+        "@babel/runtime": "^7.23.2"
+      }
+    },
+    "node_modules/i18next-fs-backend": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/i18next-fs-backend/-/i18next-fs-backend-2.3.1.tgz",
+      "integrity": "sha512-tvfXskmG/9o+TJ5Fxu54sSO5OkY6d+uMn+K6JiUGLJrwxAVfer+8V3nU8jq3ts9Pe5lXJv4b1N7foIjJ8Iy2Gg=="
+    },
+    "node_modules/i18next-http-middleware": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/i18next-http-middleware/-/i18next-http-middleware-3.5.0.tgz",
+      "integrity": "sha512-BqATaFCMVHJYZX4cBmhvpBqZNvnvjjmcSzxJvLWTwgJ4gn5kwYoyVikn7AB5kxiQrFjSuZsjDFv76CdsAHwpZw=="
+    },
+    "node_modules/i18next-scanner": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/i18next-scanner/-/i18next-scanner-4.4.0.tgz",
+      "integrity": "sha512-bgnVEfoFHLVxfXNQtsFFzexB/5kwgDZZkZ6+AnCmyaFKEQQbtMkgPgLHlMZ0deIIEG6KN/tYAus5ZJzng2Ac9g==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.0.4",
+        "acorn-jsx": "^5.3.1",
+        "acorn-stage3": "^4.0.0",
+        "acorn-walk": "^8.0.0",
+        "chalk": "^4.1.0",
+        "clone-deep": "^4.0.0",
+        "commander": "^9.0.0",
+        "deepmerge": "^4.0.0",
+        "ensure-type": "^1.5.0",
+        "eol": "^0.9.1",
+        "esprima-next": "^5.7.0",
+        "gulp-sort": "^2.0.0",
+        "i18next": "*",
+        "lodash": "^4.0.0",
+        "parse5": "^6.0.0",
+        "sortobject": "^4.0.0",
+        "through2": "^4.0.0",
+        "vinyl": "^3.0.0",
+        "vinyl-fs": "^4.0.0"
+      },
+      "bin": {
+        "i18next-scanner": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/i18next-scanner/node_modules/acorn": {
+      "version": "8.10.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
+      "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/i18next-scanner/node_modules/acorn-walk": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.2.0.tgz",
+      "integrity": "sha512-k+iyHEuPgSw6SbuDpGQM+06HQUa04DZ3o+F6CSzXMvvI5KMvnaEqXe+YVe555R9nn6GPt404fos4wcgpw12SDA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/i18next-scanner/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/i18next-scanner/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/i18next-scanner/node_modules/commander": {
+      "version": "9.5.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
+      "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==",
+      "dev": true,
+      "engines": {
+        "node": "^12.20.0 || >=14"
+      }
+    },
+    "node_modules/i18next-scanner/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/icss-utils": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz",
+      "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==",
+      "dev": true,
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.1.13.tgz",
+      "integrity": "sha512-4vf7I2LYV/HaWerSo3XmlMkp5eZ83i+/CDluXi/IGTs/O1sejBNhTtnxzmRZfvOUqj7lZjqHkeTvpgSFDlWZTg=="
+    },
+    "node_modules/ignore": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
+      "integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/ignore-by-default": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/ignore-by-default/-/ignore-by-default-1.0.1.tgz",
+      "integrity": "sha512-Ius2VYcGNk7T90CppJqcIkS5ooHUZyIQK+ClZfMfMNFEF9VSE73Fq+906u/CWu92x4gzZMWOwfFYckPObzdEbA==",
+      "dev": true
+    },
+    "node_modules/image-size": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
+      "integrity": "sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=",
+      "dev": true,
+      "optional": true,
+      "bin": {
+        "image-size": "bin/image-size.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/immutable": {
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.5.tgz",
+      "integrity": "sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw==",
+      "dev": true
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+      "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/import-fresh/node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/import-in-the-middle": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/import-in-the-middle/-/import-in-the-middle-1.4.2.tgz",
+      "integrity": "sha512-9WOz1Yh/cvO/p69sxRmhyQwrIGGSp7EIdcb+fFNVi7CzQGQB8U1/1XrKVSbEd/GNOAeM0peJtmi7+qphe7NvAw==",
+      "dependencies": {
+        "acorn": "^8.8.2",
+        "acorn-import-assertions": "^1.9.0",
+        "cjs-module-lexer": "^1.2.2",
+        "module-details-from-path": "^1.0.3"
+      }
+    },
+    "node_modules/import-in-the-middle/node_modules/acorn": {
+      "version": "8.10.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.10.0.tgz",
+      "integrity": "sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/import-in-the-middle/node_modules/acorn-import-assertions": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
+      "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
+      "peerDependencies": {
+        "acorn": "^8"
+      }
+    },
+    "node_modules/import-local": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/import-local/-/import-local-3.1.0.tgz",
+      "integrity": "sha512-ASB07uLtnDs1o6EHjKpX34BKYDSqnFerfTOJL2HvMqF70LnxpjkzDB8J44oT9pu4AMPkQwf8jl6szgvNd2tRIg==",
+      "dev": true,
+      "dependencies": {
+        "pkg-dir": "^4.2.0",
+        "resolve-cwd": "^3.0.0"
+      },
+      "bin": {
+        "import-local-fixture": "fixtures/cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/inflection": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/inflection/-/inflection-1.13.4.tgz",
+      "integrity": "sha512-6I/HUDeYFfuNCVS3td055BaXBwKYuzw7K3ExVMStBowKo9oOAMJIXIHvdyR3iboTCp1b+1i5DSkIZTcwIktuDw==",
+      "engines": [
+        "node >= 0.4.0"
+      ]
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
+      "dev": true
+    },
+    "node_modules/install": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/install/-/install-0.13.0.tgz",
+      "integrity": "sha512-zDml/jzr2PKU9I8J/xyZBQn8rPCAY//UOYNmR01XwNwyfhEWObo2SWfSl1+0tm1u6PhxLwDnfsT/6jB7OUxqFA==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/internal-slot": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.7.tgz",
+      "integrity": "sha512-NGnrKwXzSms2qUUih/ILZ5JBqNTSa1+ZmP6flaIp6KmSElgE9qdndzS3cqjrDovwFdmwsGsLdeFgB6suw+1e9g==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "hasown": "^2.0.0",
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/interpret": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/interpret/-/interpret-2.2.0.tgz",
+      "integrity": "sha512-Ju0Bz/cEia55xDwUWEa8+olFpCiQoypjnQySseKtmjNrnps3P+xfpUmGr90T7yjlVJmOtybRvPXhKMbHr+fWnw==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/invariant": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
+      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
+      "dev": true,
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "node_modules/ioredis": {
+      "version": "4.27.11",
+      "resolved": "https://registry.npmjs.org/ioredis/-/ioredis-4.27.11.tgz",
+      "integrity": "sha512-qBU2uCHgRs4kJT/qzxeFhbmizmNLQ1HH59EvKt1WnzDPMjjWxZS1+W6ynXdE47TxxqNLKYemJxEXXUb7Y4JJ+w==",
+      "dependencies": {
+        "cluster-key-slot": "^1.1.0",
+        "debug": "^4.3.1",
+        "denque": "^1.1.0",
+        "lodash.defaults": "^4.2.0",
+        "lodash.flatten": "^4.4.0",
+        "lodash.isarguments": "^3.1.0",
+        "p-map": "^2.1.0",
+        "redis-commands": "1.7.0",
+        "redis-errors": "^1.2.0",
+        "redis-parser": "^3.0.0",
+        "standard-as-callback": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/ioredis"
+      }
+    },
+    "node_modules/ioredis/node_modules/p-map": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-2.1.0.tgz",
+      "integrity": "sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ip-address": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-9.0.5.tgz",
+      "integrity": "sha512-zHtQzGojZXTwZTHQqra+ETKd4Sn3vgi7uBmlPoXVWZqYvuKmtI0l/VZTjqGmJY9x88GGOaZ9+G9ES8hC4T4X8g==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "jsbn": "1.1.0",
+        "sprintf-js": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/ip-address/node_modules/jsbn": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-1.1.0.tgz",
+      "integrity": "sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==",
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/ip-address/node_modules/sprintf-js": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.1.3.tgz",
+      "integrity": "sha512-Oo+0REFV59/rz3gfJNKQiBlwfHaSESl1pcGyABQsnnIfWOFt6JNj5gCog2U6MLZ//IGYD+nA8nI+mTShREReaA==",
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/ip-regex": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/ip-regex/-/ip-regex-2.1.0.tgz",
+      "integrity": "sha1-+ni/XS5pE8kRzp+BnuUUa7bYROk=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/ip6addr": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/ip6addr/-/ip6addr-0.2.5.tgz",
+      "integrity": "sha512-9RGGSB6Zc9Ox5DpDGFnJdIeF0AsqXzdH+FspCfPPaU/L/4tI6P+5lIoFUFm9JXs9IrJv1boqAaNCQmoDADTSKQ==",
+      "dependencies": {
+        "assert-plus": "^1.0.0",
+        "jsprim": "^2.0.2"
+      }
+    },
+    "node_modules/ip6addr/node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/ip6addr/node_modules/jsprim": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-2.0.2.tgz",
+      "integrity": "sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==",
+      "engines": [
+        "node >=0.6.0"
+      ],
+      "dependencies": {
+        "assert-plus": "1.0.0",
+        "extsprintf": "1.3.0",
+        "json-schema": "0.4.0",
+        "verror": "1.10.0"
+      }
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/is/-/is-3.3.0.tgz",
+      "integrity": "sha512-nW24QBoPcFGGHJGUwnfpI7Yc5CdqWNdsyHQszVE/z2pKHXzh7FZ5GWhJqSyaQ9wMkQnsTx+kAI8bHlCX4tKdbg==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/is-absolute-url": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-3.0.3.tgz",
+      "integrity": "sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-accessor-descriptor": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.1.tgz",
+      "integrity": "sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA==",
+      "dev": true,
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-arguments": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.4.tgz",
+      "integrity": "sha512-wcjaerHw0ydZwfhiKbXJWLDY8A7yV7KhjQOpb83hGgGfId/aQa4TOvwyzn2PuswW2gPCYEL/nEAiSVpdOj1lXw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=",
+      "dev": true
+    },
+    "node_modules/is-arrow-function": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-arrow-function/-/is-arrow-function-2.0.3.tgz",
+      "integrity": "sha512-iDStzcT1FJMzx+TjCOK//uDugSe/Mif/8a+T0htydQ3qkJGvSweTZpVYz4hpJH0baloSPiAFQdA8WslAgJphvQ==",
+      "dev": true,
+      "dependencies": {
+        "is-callable": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-async-function": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-async-function/-/is-async-function-2.0.0.tgz",
+      "integrity": "sha512-Y1JXKrfykRJGdlDwdKlLpLyMIiWqWvuSd17TvZk68PLAOGOoF4Xyav1z0Xhoi+gCYjZVeC5SI+hYFOfvXmGRCA==",
+      "dev": true,
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "dependencies": {
+        "has-bigints": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==",
+      "dev": true
+    },
+    "node_modules/is-builtin-module": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz",
+      "integrity": "sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==",
+      "dev": true,
+      "dependencies": {
+        "builtin-modules": "^3.3.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.13.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.13.1.tgz",
+      "integrity": "sha512-hHrIjvZsftOsvKSn2TRYl63zvxsgE0K+0mYMoH6gD4omR5IWB2KynivBQczo3+wF1cCkjzvptnI9Q0sPU66ilw==",
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-data-descriptor": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.1.tgz",
+      "integrity": "sha512-bc4NlCDiCr28U4aEsQ3Qs2491gVq4V8G7MQyws968ImqjKuYtTJXrl7Vq7jsN7Ly/C3xj5KWFrY7sHNeDkAzXw==",
+      "dev": true,
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-data-view": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-data-view/-/is-data-view-1.0.1.tgz",
+      "integrity": "sha512-AHkaJrsUVW6wq6JS8y3JnM/GJF/9cf+k20+iDzlSaJrinEo5+7vRiteOSwBhHRiAyQATN1AmY4hwzxJKPmYf+w==",
+      "license": "MIT",
+      "dependencies": {
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-descriptor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz",
+      "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==",
+      "dev": true,
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-docker": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-2.2.1.tgz",
+      "integrity": "sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-equal": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/is-equal/-/is-equal-1.7.0.tgz",
+      "integrity": "sha512-hErktGR9jmoYXNWlbrwGjc8eHh09mbY6TWSTTFtnMcKaCuSMN8z+Ni5ma/8mkbVpe4CbB7V6kN1MkCg9bCx5bA==",
+      "dev": true,
+      "dependencies": {
+        "es-get-iterator": "^1.1.3",
+        "es-to-primitive": "^1.2.1",
+        "functions-have-names": "^1.2.3",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
+        "hasown": "^2.0.0",
+        "is-arrow-function": "^2.0.3",
+        "is-bigint": "^1.0.4",
+        "is-boolean-object": "^1.1.2",
+        "is-callable": "^1.2.7",
+        "is-date-object": "^1.0.5",
+        "is-generator-function": "^1.0.10",
+        "is-number-object": "^1.0.7",
+        "is-regex": "^1.1.4",
+        "is-string": "^1.0.7",
+        "is-symbol": "^1.0.4",
+        "isarray": "^2.0.5",
+        "object-inspect": "^1.13.1",
+        "object.entries": "^1.1.7",
+        "object.getprototypeof": "^1.0.5",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-expression": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-expression/-/is-expression-4.0.0.tgz",
+      "integrity": "sha512-zMIXX63sxzG3XrkHkrAPvm/OVZVSCPNkwMHU8oTX7/U3AL78I0QXCEICXUM13BIa8TYGZ68PiTKfQz3yaTNr4A==",
+      "dependencies": {
+        "acorn": "^7.1.1",
+        "object-assign": "^4.1.1"
+      }
+    },
+    "node_modules/is-extendable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+      "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+      "dev": true,
+      "dependencies": {
+        "is-plain-object": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-finalizationregistry": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-finalizationregistry/-/is-finalizationregistry-1.0.2.tgz",
+      "integrity": "sha512-0by5vtUJs8iFQb5TYUHHPudOR+qXYIMKtiUzvLIZITZUjknFmziyBJuLhVRc+Ds0dREFlskDNJKYIdIzu/9pfw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-generator-function": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/is-generator-function/-/is-generator-function-1.0.10.tgz",
+      "integrity": "sha512-jsEjy9l3yiXEQ+PsXdmBwEPcOxaXWLspKdplFUVI9vq1iZgIekeC0L167qeu86czQaxed3q/Uzuw0swL0irL8A==",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-inside-container": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-inside-container/-/is-inside-container-1.0.0.tgz",
+      "integrity": "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-docker": "^3.0.0"
+      },
+      "bin": {
+        "is-inside-container": "cli.js"
+      },
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-inside-container/node_modules/is-docker": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-docker/-/is-docker-3.0.0.tgz",
+      "integrity": "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "is-docker": "cli.js"
+      },
+      "engines": {
+        "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-installed-globally": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.4.0.tgz",
+      "integrity": "sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==",
+      "dev": true,
+      "dependencies": {
+        "global-dirs": "^3.0.0",
+        "is-path-inside": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-ip": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-ip/-/is-ip-2.0.0.tgz",
+      "integrity": "sha1-aO6gfooKCpTC0IDdZ0xzGrKkYas=",
+      "dev": true,
+      "dependencies": {
+        "ip-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
+      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-nan": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/is-nan/-/is-nan-1.3.2.tgz",
+      "integrity": "sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==",
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-negated-glob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-negated-glob/-/is-negated-glob-1.0.0.tgz",
+      "integrity": "sha512-czXVVn/QEmgvej1f50BZ648vUI+em0xqMq2Sn+QncCLN4zj1UAxlT+kw/6ggQTOaZPd1HqKQGEqbpQVtJucWug==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-negative-zero": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/is-negative-zero/-/is-negative-zero-2.0.3.tgz",
+      "integrity": "sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-network-error": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-network-error/-/is-network-error-1.0.1.tgz",
+      "integrity": "sha512-OwQXkwBJeESyhFw+OumbJVD58BFBJJI5OM5S1+eyrDKlgDZPX2XNT5gXS56GSD3NPbbwUuMlR1Q71SRp5SobuQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-obj": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-obj/-/is-obj-2.0.0.tgz",
+      "integrity": "sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-plain-obj": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-plain-obj/-/is-plain-obj-2.1.0.tgz",
+      "integrity": "sha512-YWnfyRwxL/+SsrWYfOpUtz5b3YD+nyfkHvjbcanzk8zgyO4ASD67uVMRt8k5bM4lLMDnXfriRhOpemw+NfT1eA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "dev": true,
+      "dependencies": {
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-potential-custom-element-name": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
+      "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
+      "dev": true
+    },
+    "node_modules/is-promise": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/is-promise/-/is-promise-2.2.2.tgz",
+      "integrity": "sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ=="
+    },
+    "node_modules/is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
+      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shallow-equal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-shallow-equal/-/is-shallow-equal-1.0.1.tgz",
+      "integrity": "sha512-lq5RvK+85Hs5J3p4oA4256M1FEffzmI533ikeDHvJd42nouRRx5wBzt36JuviiGe5dIPyHON/d0/Up+PBo6XkQ==",
+      "dev": true
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.3.tgz",
+      "integrity": "sha512-nA2hv5XIhLR3uVzDDfCIknerhx8XUKnstuOERPNNIinXG7v9u+ohXF67vxm4TPTEPU6lm61ZkwP3c9PCB97rhg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-stream-ended": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/is-stream-ended/-/is-stream-ended-0.1.4.tgz",
+      "integrity": "sha512-xj0XPvmr7bQFTvirqnFr50o0hQIh6ZItDqloxt5aJrR4NQsYeSsyFQERYGCAzfindAcnKjINnwEEgLx4IqVzQw=="
+    },
+    "node_modules/is-string": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.13.tgz",
+      "integrity": "sha512-uZ25/bUAlUY5fR4OKT4rZQEBrzQWYV9ZJYGGsUmEJ6thodVJ1HX64ePQ6Z0qPWP+m+Uq6e9UugrE38jeYsDSMw==",
+      "license": "MIT",
+      "dependencies": {
+        "which-typed-array": "^1.1.14"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+      "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo="
+    },
+    "node_modules/is-unicode-supported": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
+      "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-valid-glob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-valid-glob/-/is-valid-glob-1.0.0.tgz",
+      "integrity": "sha512-AhiROmoEFDSsjx8hW+5sGwgKVIORcXnrlAx/R0ZSeaPw70Vw0CqkGBBhHGL58Uox2eXnU1AnvXJl1XlyedO5bA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-valid-hostname": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-valid-hostname/-/is-valid-hostname-1.0.2.tgz",
+      "integrity": "sha512-X/kiF3Xndj6WI7l/yLyzR7V1IbQd6L4S4cewSL0fRciemPmHbaXIKR2qtf+zseH+lbMG0vFp4HvCUe7amGZVhw=="
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
+      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakref": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakref/-/is-weakref-1.0.2.tgz",
+      "integrity": "sha512-qctsuLZmIQ0+vSSMfoVvyFe2+GSEvnmZ2ezTup1SBse9+twCCeial6EEi3Nc2KFcf6+qz2FBPnjXsk8xhKSaPQ==",
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
+      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-what": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/is-what/-/is-what-3.14.1.tgz",
+      "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
+      "dev": true
+    },
+    "node_modules/is-windows": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+      "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-wsl": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-2.2.0.tgz",
+      "integrity": "sha512-fKzAra0rGJUUBwGBgNkHZuToZcn+TtXHpeCgmkMJMMYx1sQDYaCSyjJBSCa2nH1DGm7s3n1oBnohoVTBaN7Lww==",
+      "dependencies": {
+        "is-docker": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw=="
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA="
+    },
+    "node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/isomorphic-git": {
+      "version": "1.29.0",
+      "resolved": "https://registry.npmjs.org/isomorphic-git/-/isomorphic-git-1.29.0.tgz",
+      "integrity": "sha512-zWGqk8901cicvVEhVpN76AwKrS/TzHak2NQCtNXIAavpMIy/yqh+d/JtC9A8AUKZAauUdOyEWKI29tuCLAL+Zg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "async-lock": "^1.4.1",
+        "clean-git-ref": "^2.0.1",
+        "crc-32": "^1.2.0",
+        "diff3": "0.0.3",
+        "ignore": "^5.1.4",
+        "minimisted": "^2.0.0",
+        "pako": "^1.0.10",
+        "path-browserify": "^1.0.1",
+        "pify": "^4.0.1",
+        "readable-stream": "^3.4.0",
+        "sha.js": "^2.4.9",
+        "simple-get": "^4.0.1"
+      },
+      "bin": {
+        "isogit": "cli.cjs"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/isomorphic-git/node_modules/pify": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/isomorphic-git/node_modules/simple-get": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz",
+      "integrity": "sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "decompress-response": "^6.0.0",
+        "once": "^1.3.1",
+        "simple-concat": "^1.0.0"
+      }
+    },
+    "node_modules/isomorphic-textencoder": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/isomorphic-textencoder/-/isomorphic-textencoder-1.0.1.tgz",
+      "integrity": "sha512-676hESgHullDdHDsj469hr+7t3i/neBKU9J7q1T4RHaWwLAsaQnywC0D1dIUId0YZ+JtVrShzuBk1soo0+GVcQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-text-encoding": "^1.0.0"
+      }
+    },
+    "node_modules/isstream": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
+      "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo="
+    },
+    "node_modules/istanbul-lib-coverage": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-coverage/-/istanbul-lib-coverage-3.2.0.tgz",
+      "integrity": "sha512-eOeJ5BHCmHYvQK7xt9GkdHuzuCGS1Y6g9Gvnx3Ym33fz/HpLRYxiS0wHNr+m/MBC8B647Xt608vCDEvhl9c6Mw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-report": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/istanbul-lib-report/-/istanbul-lib-report-3.0.0.tgz",
+      "integrity": "sha512-wcdi+uAKzfiGT2abPpKZ0hSU1rGQjUQnLvtY5MpQ7QCTahD3VODhcu4wcfY1YtkGaDD5yuydOLINXsfbus9ROw==",
+      "dev": true,
+      "dependencies": {
+        "istanbul-lib-coverage": "^3.0.0",
+        "make-dir": "^3.0.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-lib-report/node_modules/make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "dev": true,
+      "dependencies": {
+        "semver": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/istanbul-lib-report/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/istanbul-reports": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/istanbul-reports/-/istanbul-reports-3.1.5.tgz",
+      "integrity": "sha512-nUsEMa9pBt/NOHqbcbeJEgqIlY/K7rVWUX6Lql2orY5e9roQOthbR3vtY4zzf2orPELg80fnxxk9zUyPlgwD1w==",
+      "dev": true,
+      "dependencies": {
+        "html-escaper": "^2.0.0",
+        "istanbul-lib-report": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jackspeak": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+      "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+      "dev": true,
+      "license": "BlueOak-1.0.0",
+      "dependencies": {
+        "@isaacs/cliui": "^8.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      },
+      "optionalDependencies": {
+        "@pkgjs/parseargs": "^0.11.0"
+      }
+    },
+    "node_modules/jaeger-client": {
+      "version": "3.19.0",
+      "resolved": "https://registry.npmjs.org/jaeger-client/-/jaeger-client-3.19.0.tgz",
+      "integrity": "sha512-M0c7cKHmdyEUtjemnJyx/y9uX16XHocL46yQvyqDlPdvAcwPDbHrIbKjQdBqtiE4apQ/9dmr+ZLJYYPGnurgpw==",
+      "dependencies": {
+        "node-int64": "^0.4.0",
+        "opentracing": "^0.14.4",
+        "thriftrw": "^3.5.0",
+        "uuid": "^8.3.2",
+        "xorshift": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/jaeger-client/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/jake": {
+      "version": "10.8.5",
+      "resolved": "https://registry.npmjs.org/jake/-/jake-10.8.5.tgz",
+      "integrity": "sha512-sVpxYeuAhWt0OTWITwT98oyV0GsXyMlXCF+3L1SuafBVUIr/uILGRB+NqwkzhgXKvoJpDIpQvqkUALgdmQsQxw==",
+      "dependencies": {
+        "async": "^3.2.3",
+        "chalk": "^4.0.2",
+        "filelist": "^1.0.1",
+        "minimatch": "^3.0.4"
+      },
+      "bin": {
+        "jake": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/jake/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jake/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/jake/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-util": {
+      "version": "29.7.0",
+      "resolved": "https://registry.npmjs.org/jest-util/-/jest-util-29.7.0.tgz",
+      "integrity": "sha512-z6EbKajIpqGKU56y5KBUgy1dt1ihhQJgWzUlZHArA/+X2ad7Cb5iF+AK1EWVL/Bo7Rz9uurpqw6SiBCefUbCGA==",
+      "dev": true,
+      "dependencies": {
+        "@jest/types": "^29.6.3",
+        "@types/node": "*",
+        "chalk": "^4.0.0",
+        "ci-info": "^3.2.0",
+        "graceful-fs": "^4.2.9",
+        "picomatch": "^2.2.3"
+      },
+      "engines": {
+        "node": "^14.15.0 || ^16.10.0 || >=18.0.0"
+      }
+    },
+    "node_modules/jest-util/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/jest-util/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/jest-util/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jest-worker": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+      "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+      "dev": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "1.18.2",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.18.2.tgz",
+      "integrity": "sha512-QAdOptna2NYiSSpv0O/BwoHBSmz4YhpzJHyi+fnMRTXFjp7B8i/YG5Z8IfusxB1ufjcD2Sre1F3R+nX3fvy7gg==",
+      "dev": true,
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/jmespath": {
+      "version": "0.16.0",
+      "resolved": "https://registry.npmjs.org/jmespath/-/jmespath-0.16.0.tgz",
+      "integrity": "sha512-9FzQjJ7MATs1tSpnco1K6ayiYE3figslrXA72G2HQ/n76RzvYlofyi5QM+iX4YRs/pu3yzxlVQSST23+dMDknw==",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/joi": {
+      "version": "17.12.0",
+      "resolved": "https://registry.npmjs.org/joi/-/joi-17.12.0.tgz",
+      "integrity": "sha512-HSLsmSmXz+PV9PYoi3p7cgIbj06WnEBNT28n+bbBNcPZXZFqCzzvGqpTBPujx/Z0nh1+KNQPDrNgdmQ8dq0qYw==",
+      "dependencies": {
+        "@hapi/hoek": "^9.3.0",
+        "@hapi/topo": "^5.1.0",
+        "@sideway/address": "^4.1.4",
+        "@sideway/formula": "^3.0.1",
+        "@sideway/pinpoint": "^2.0.0"
+      }
+    },
+    "node_modules/jose": {
+      "version": "4.15.5",
+      "resolved": "https://registry.npmjs.org/jose/-/jose-4.15.5.tgz",
+      "integrity": "sha512-jc7BFxgKPKi94uOvEmzlSWFFe2+vASyXaKUpdQKatWAESU2MWjDfFf0fdfc83CDKcA5QecabZeNLyfhe3yKNkg==",
+      "funding": {
+        "url": "https://github.com/sponsors/panva"
+      }
+    },
+    "node_modules/jquery": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.7.1.tgz",
+      "integrity": "sha512-m4avr8yL8kmFN8psrbFFFmB/If14iN5o9nw/NgnnM+kybDJpRsAynV2BsfpTYrTRysYUdADVD7CkUUizgkpLfg=="
+    },
+    "node_modules/js-beautify": {
+      "version": "1.14.7",
+      "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.14.7.tgz",
+      "integrity": "sha512-5SOX1KXPFKx+5f6ZrPsIPEY7NwKeQz47n3jm2i+XeHx9MoRsfQenlOP13FQhWvg8JRS0+XLO6XYUQ2GX+q+T9A==",
+      "dev": true,
+      "dependencies": {
+        "config-chain": "^1.1.13",
+        "editorconfig": "^0.15.3",
+        "glob": "^8.0.3",
+        "nopt": "^6.0.0"
+      },
+      "bin": {
+        "css-beautify": "js/bin/css-beautify.js",
+        "html-beautify": "js/bin/html-beautify.js",
+        "js-beautify": "js/bin/js-beautify.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/js-beautify/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/js-beautify/node_modules/glob": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
+      "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
+      "dev": true,
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^5.0.1",
+        "once": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/js-beautify/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dev": true,
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/js-beautify/node_modules/nopt": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-6.0.0.tgz",
+      "integrity": "sha512-ZwLpbTgdhuZUnZzjd7nb1ZV+4DoiC6/sfiVKok72ym/4Tlf+DFdlHYmT2JPmcNNWV6Pi3SDf1kT+A4r9RTuT9g==",
+      "dev": true,
+      "dependencies": {
+        "abbrev": "^1.0.0"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": "^12.13.0 || ^14.15.0 || >=16.0.0"
+      }
+    },
+    "node_modules/js-stringify": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/js-stringify/-/js-stringify-1.0.2.tgz",
+      "integrity": "sha512-rtS5ATOo2Q5k1G+DADISilDA6lv79zIiwFd6CcjuIxGKLFm5C+RLImRscVap9k55i+MOZwgliw+NejvkLuGD5g=="
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/js2xmlparser": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/js2xmlparser/-/js2xmlparser-4.0.2.tgz",
+      "integrity": "sha512-6n4D8gLlLf1n5mNLQPRfViYzu9RATblzPEtm1SthMX1Pjao0r9YI9nw7ZIfRxQMERS87mcswrg+r/OYrPRX6jA==",
+      "dependencies": {
+        "xmlcreate": "^2.0.4"
+      }
+    },
+    "node_modules/jsbn": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
+      "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM="
+    },
+    "node_modules/jscodeshift": {
+      "version": "17.0.0",
+      "resolved": "https://registry.npmjs.org/jscodeshift/-/jscodeshift-17.0.0.tgz",
+      "integrity": "sha512-Af+MFsNwLSVO+t4kKjJdJKh6iNbNHfDfFGdyltJ2wUFN3furgbvHguJmB85iou+fY7wbHgI8eiEKpp6doGgtKg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.24.7",
+        "@babel/parser": "^7.24.7",
+        "@babel/plugin-transform-class-properties": "^7.24.7",
+        "@babel/plugin-transform-modules-commonjs": "^7.24.7",
+        "@babel/plugin-transform-nullish-coalescing-operator": "^7.24.7",
+        "@babel/plugin-transform-optional-chaining": "^7.24.7",
+        "@babel/plugin-transform-private-methods": "^7.24.7",
+        "@babel/preset-flow": "^7.24.7",
+        "@babel/preset-typescript": "^7.24.7",
+        "@babel/register": "^7.24.6",
+        "flow-parser": "0.*",
+        "graceful-fs": "^4.2.4",
+        "micromatch": "^4.0.7",
+        "neo-async": "^2.5.0",
+        "picocolors": "^1.0.1",
+        "recast": "^0.23.9",
+        "temp": "^0.9.4",
+        "write-file-atomic": "^5.0.1"
+      },
+      "bin": {
+        "jscodeshift": "bin/jscodeshift.js"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "@babel/preset-env": "^7.1.6"
+      },
+      "peerDependenciesMeta": {
+        "@babel/preset-env": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jscodeshift/node_modules/rimraf": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
+      "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "dev": true,
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
+    "node_modules/jscodeshift/node_modules/temp": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/temp/-/temp-0.9.4.tgz",
+      "integrity": "sha512-yYrrsWnrXMcdsnu/7YMYAofM1ktpL5By7vZhf15CrXijWWrEYZks5AXBudalfSWJLlnen/QUJUB5aoB0kqZUGA==",
+      "dev": true,
+      "dependencies": {
+        "mkdirp": "^0.5.1",
+        "rimraf": "~2.6.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/jsdoc": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/jsdoc/-/jsdoc-4.0.3.tgz",
+      "integrity": "sha512-Nu7Sf35kXJ1MWDZIMAuATRQTg1iIPdzh7tqJ6jjvaU/GfDf+qi5UV8zJR3Mo+/pYFvm8mzay4+6O5EWigaQBQw==",
+      "dependencies": {
+        "@babel/parser": "^7.20.15",
+        "@jsdoc/salty": "^0.2.1",
+        "@types/markdown-it": "^14.1.1",
+        "bluebird": "^3.7.2",
+        "catharsis": "^0.9.0",
+        "escape-string-regexp": "^2.0.0",
+        "js2xmlparser": "^4.0.2",
+        "klaw": "^3.0.0",
+        "markdown-it": "^14.1.0",
+        "markdown-it-anchor": "^8.6.7",
+        "marked": "^4.0.10",
+        "mkdirp": "^1.0.4",
+        "requizzle": "^0.2.3",
+        "strip-json-comments": "^3.1.0",
+        "underscore": "~1.13.2"
+      },
+      "bin": {
+        "jsdoc": "jsdoc.js"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/jsdoc-type-pratt-parser": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-4.1.0.tgz",
+      "integrity": "sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/jsdoc/node_modules/escape-string-regexp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+      "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/jsdoc/node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/jsdom": {
+      "version": "19.0.0",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-19.0.0.tgz",
+      "integrity": "sha512-RYAyjCbxy/vri/CfnjUWJQQtZ3LKlLnDqj+9XLNnJPgEGeirZs3hllKR20re8LUZ6o1b1X4Jat+Qd26zmP41+A==",
+      "dev": true,
+      "dependencies": {
+        "abab": "^2.0.5",
+        "acorn": "^8.5.0",
+        "acorn-globals": "^6.0.0",
+        "cssom": "^0.5.0",
+        "cssstyle": "^2.3.0",
+        "data-urls": "^3.0.1",
+        "decimal.js": "^10.3.1",
+        "domexception": "^4.0.0",
+        "escodegen": "^2.0.0",
+        "form-data": "^4.0.0",
+        "html-encoding-sniffer": "^3.0.0",
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.0",
+        "parse5": "6.0.1",
+        "saxes": "^5.0.1",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^4.0.0",
+        "w3c-hr-time": "^1.0.2",
+        "w3c-xmlserializer": "^3.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^2.0.0",
+        "whatwg-mimetype": "^3.0.0",
+        "whatwg-url": "^10.0.0",
+        "ws": "^8.2.3",
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependencies": {
+        "canvas": "^2.5.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/jsdom-global": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/jsdom-global/-/jsdom-global-3.0.2.tgz",
+      "integrity": "sha1-a9KZwTsMRiay2iwDk81DhdYGrLk=",
+      "dev": true,
+      "peerDependencies": {
+        "jsdom": ">=10.0.0"
+      }
+    },
+    "node_modules/jsdom/node_modules/acorn": {
+      "version": "8.7.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.0.tgz",
+      "integrity": "sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/jsdom/node_modules/tr46": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
+      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
+      "dev": true,
+      "dependencies": {
+        "punycode": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/jsdom/node_modules/whatwg-url": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-10.0.0.tgz",
+      "integrity": "sha512-CLxxCmdUby142H5FZzn4D8ikO1cmypvXVQktsgosNy4a4BHrDHeciBBGZhb0bNoR5/MltoCatso+vFjjGx8t0w==",
+      "dev": true,
+      "dependencies": {
+        "tr46": "^3.0.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json-bigint": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-bigint/-/json-bigint-1.0.0.tgz",
+      "integrity": "sha512-SiPv/8VpZuWbvLSMtTDU8hEfrZWg/mH/nV/b4o0CYbSxu1UIQPLdwKOCIyLQX+VIPO5vrLX3i8qtqFyhdPSUSQ==",
+      "dependencies": {
+        "bignumber.js": "^9.0.0"
+      }
+    },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/json-parse-better-errors": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json-parse-better-errors/-/json-parse-better-errors-1.0.2.tgz",
+      "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==",
+      "dev": true
+    },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true
+    },
+    "node_modules/json-ptr": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/json-ptr/-/json-ptr-3.1.1.tgz",
+      "integrity": "sha512-SiSJQ805W1sDUCD1+/t1/1BIrveq2Fe9HJqENxZmMCILmrPI7WhS/pePpIOx85v6/H2z1Vy7AI08GV2TzfXocg=="
+    },
+    "node_modules/json-refs": {
+      "version": "3.0.15",
+      "resolved": "https://registry.npmjs.org/json-refs/-/json-refs-3.0.15.tgz",
+      "integrity": "sha512-0vOQd9eLNBL18EGl5yYaO44GhixmImes2wiYn9Z3sag3QnehWrYWlB9AFtMxCL2Bj3fyxgDYkxGFEU/chlYssw==",
+      "dependencies": {
+        "commander": "~4.1.1",
+        "graphlib": "^2.1.8",
+        "js-yaml": "^3.13.1",
+        "lodash": "^4.17.15",
+        "native-promise-only": "^0.8.1",
+        "path-loader": "^1.0.10",
+        "slash": "^3.0.0",
+        "uri-js": "^4.2.2"
+      },
+      "bin": {
+        "json-refs": "bin/json-refs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/json-refs/node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/json-refs/node_modules/js-yaml": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/json-refs/node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/json-schema": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
+      "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA=="
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
+    },
+    "node_modules/json-stable-stringify": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify/-/json-stable-stringify-1.1.1.tgz",
+      "integrity": "sha512-SU/971Kt5qVQfJpyDveVhQ/vya+5hvrjClFOcr8c0Fq5aODJjMwutrOfCU+eCnVD5gpx1Q3fEqkyom77zH1iIg==",
+      "dependencies": {
+        "call-bind": "^1.0.5",
+        "isarray": "^2.0.5",
+        "jsonify": "^0.0.1",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE="
+    },
+    "node_modules/json-stringify-safe": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+      "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus="
+    },
+    "node_modules/json2csv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/json2csv/-/json2csv-4.5.4.tgz",
+      "integrity": "sha512-YxBhY4Lmn8IvVZ36nqg5omxneLy9JlorkqW1j/EDCeqvmi+CQ4uM+wsvXlcIqvGDewIPXMC/O/oF8DX9EH5aoA==",
+      "dependencies": {
+        "commander": "^2.15.1",
+        "jsonparse": "^1.3.1",
+        "lodash.get": "^4.4.2"
+      },
+      "bin": {
+        "json2csv": "bin/json2csv.js"
+      }
+    },
+    "node_modules/json2csv/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/jsonfile": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/jsonify": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/jsonify/-/jsonify-0.0.1.tgz",
+      "integrity": "sha512-2/Ki0GcmuqSrgFyelQq9M05y7PS0mEwuIzrf3f1fPqkVDVRvZrPZtVSMHxdgo8Aq0sxAOb/cr2aqqA3LeWHVPg==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/jsonparse": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz",
+      "integrity": "sha1-P02uSpH6wxX3EGL4UhzCOfE2YoA=",
+      "engines": [
+        "node >= 0.2.0"
+      ]
+    },
+    "node_modules/jsonwebtoken": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/jsonwebtoken/-/jsonwebtoken-9.0.2.tgz",
+      "integrity": "sha512-PRp66vJ865SSqOlgqS8hujT5U4AOgMfhrwYIuIhfKaoSCZcirrmASQr8CX7cUg+RMih+hgznrjp99o+W4pJLHQ==",
+      "dependencies": {
+        "jws": "^3.2.2",
+        "lodash.includes": "^4.3.0",
+        "lodash.isboolean": "^3.0.3",
+        "lodash.isinteger": "^4.0.4",
+        "lodash.isnumber": "^3.0.3",
+        "lodash.isplainobject": "^4.0.6",
+        "lodash.isstring": "^4.0.1",
+        "lodash.once": "^4.0.0",
+        "ms": "^2.1.1",
+        "semver": "^7.5.4"
+      },
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      }
+    },
+    "node_modules/jsonwebtoken/node_modules/jwa": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/jwa/-/jwa-1.4.1.tgz",
+      "integrity": "sha512-qiLX/xhEEFKUAJ6FiBMbes3w9ATzyk5W7Hvzpa/SLYdxNtng+gcurvrI7TbACjIXlsJyr05/S1oUhZrc63evQA==",
+      "dependencies": {
+        "buffer-equal-constant-time": "1.0.1",
+        "ecdsa-sig-formatter": "1.0.11",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/jsonwebtoken/node_modules/jws": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/jws/-/jws-3.2.2.tgz",
+      "integrity": "sha512-YHlZCB6lMTllWDtSPHz/ZXTsi8S00usEV6v1tjq8tOUZzw7DpSDWVXjXDre6ed1w/pd495ODpHZYSdkRTsa0HA==",
+      "dependencies": {
+        "jwa": "^1.4.1",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/jsonwebtoken/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/jsonwebtoken/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/jsonwebtoken/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/jsprim": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz",
+      "integrity": "sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==",
+      "dependencies": {
+        "assert-plus": "1.0.0",
+        "extsprintf": "1.3.0",
+        "json-schema": "0.4.0",
+        "verror": "1.10.0"
+      },
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/jsprim/node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/jstransformer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/jstransformer/-/jstransformer-1.0.0.tgz",
+      "integrity": "sha1-7Yvwkh4vPx7U1cGkT2hwntJHIsM=",
+      "dependencies": {
+        "is-promise": "^2.0.0",
+        "promise": "^7.0.1"
+      }
+    },
+    "node_modules/jsx-ast-utils": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-3.3.3.tgz",
+      "integrity": "sha512-fYQHZTZ8jSfmWZ0iyzfwiU4WDX4HpHbMCZ3gPlWYiCl3BoeOTsqKBqnTVfH2rYT7eP5c3sVbeSPHnnJOaTrWiw==",
+      "dev": true,
+      "dependencies": {
+        "array-includes": "^3.1.5",
+        "object.assign": "^4.1.3"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/just-debounce-it": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/just-debounce-it/-/just-debounce-it-1.1.0.tgz",
+      "integrity": "sha512-87Nnc0qZKgBZuhFZjYVjSraic0x7zwjhaTMrCKlj0QYKH6lh0KbFzVnfu6LHan03NO7J8ygjeBeD0epejn5Zcg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/just-extend": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/just-extend/-/just-extend-4.2.1.tgz",
+      "integrity": "sha512-g3UB796vUFIY90VIv/WX3L2c8CS2MdWUww3CNrYmqza1Fg0DURc2K/O4YrnklBdQarSJ/y8JnJYDGc+1iumQjg==",
+      "dev": true
+    },
+    "node_modules/just-once": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/just-once/-/just-once-1.1.0.tgz",
+      "integrity": "sha512-+rZVpl+6VyTilK7vB/svlMPil4pxqIJZkbnN7DKZTOzyXfun6ZiFeq2Pk4EtCEHZ0VU4EkdFzG8ZK5F3PErcDw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jwa": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/jwa/-/jwa-2.0.0.tgz",
+      "integrity": "sha512-jrZ2Qx916EA+fq9cEAeCROWPTfCwi1IVHqT2tapuqLEVVDKFDENFw1oL+MwrTvH6msKxsd1YTDVw6uKEcsrLEA==",
+      "dependencies": {
+        "buffer-equal-constant-time": "1.0.1",
+        "ecdsa-sig-formatter": "1.0.11",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/jws": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jws/-/jws-4.0.0.tgz",
+      "integrity": "sha512-KDncfTmOZoOMTFG4mBlG0qUIOlc03fmzH+ru6RgYVZhPkyiy/92Owlt/8UEN+a4TXR1FQetfIpJE8ApdvdVxTg==",
+      "dependencies": {
+        "jwa": "^2.0.0",
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "node_modules/kareem": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/kareem/-/kareem-2.6.3.tgz",
+      "integrity": "sha512-C3iHfuGUXK2u8/ipq9LfjFfXFxAZMQJJq7vLS45r3D9Y2xQ/m4S8zaR4zMLFWh9AsNPXmcFfUDhTEO8UIC/V6Q==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/klaw": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/klaw/-/klaw-3.0.0.tgz",
+      "integrity": "sha512-0Fo5oir+O9jnXu5EefYbVK+mHMBeEVEy2cmctR1O1NECcCkPRreJKrS6Qt/j3KC2C148Dfo9i3pCmCMsdqGr0g==",
+      "dependencies": {
+        "graceful-fs": "^4.1.9"
+      }
+    },
+    "node_modules/klaw-sync": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/klaw-sync/-/klaw-sync-6.0.0.tgz",
+      "integrity": "sha512-nIeuVSzdCCs6TDPTqI8w1Yre34sSq7AkZ4B3sfOBbI2CgVSB4Du4aLQijFU2+lhAFCwt9+42Hel6lQNIv6AntQ==",
+      "dependencies": {
+        "graceful-fs": "^4.1.11"
+      }
+    },
+    "node_modules/kleur": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-4.1.5.tgz",
+      "integrity": "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/knex": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/knex/-/knex-2.4.0.tgz",
+      "integrity": "sha512-i0GWwqYp1Hs2yvc2rlDO6nzzkLhwdyOZKRdsMTB8ZxOs2IXQyL5rBjSbS1krowCh6V65T4X9CJaKtuIfkaPGSA==",
+      "dependencies": {
+        "colorette": "2.0.19",
+        "commander": "^9.1.0",
+        "debug": "4.3.4",
+        "escalade": "^3.1.1",
+        "esm": "^3.2.25",
+        "get-package-type": "^0.1.0",
+        "getopts": "2.3.0",
+        "interpret": "^2.2.0",
+        "lodash": "^4.17.21",
+        "pg-connection-string": "2.5.0",
+        "rechoir": "^0.8.0",
+        "resolve-from": "^5.0.0",
+        "tarn": "^3.0.2",
+        "tildify": "2.0.0"
+      },
+      "bin": {
+        "knex": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "peerDependenciesMeta": {
+        "better-sqlite3": {
+          "optional": true
+        },
+        "mysql": {
+          "optional": true
+        },
+        "mysql2": {
+          "optional": true
+        },
+        "pg": {
+          "optional": true
+        },
+        "pg-native": {
+          "optional": true
+        },
+        "sqlite3": {
+          "optional": true
+        },
+        "tedious": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/knex/node_modules/commander": {
+      "version": "9.5.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-9.5.0.tgz",
+      "integrity": "sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==",
+      "engines": {
+        "node": "^12.20.0 || >=14"
+      }
+    },
+    "node_modules/knex/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/knex/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "node_modules/known-css-properties": {
+      "version": "0.30.0",
+      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.30.0.tgz",
+      "integrity": "sha512-VSWXYUnsPu9+WYKkfmJyLKtIvaRJi1kXUqVmBACORXZQxT5oZDsoZ2vQP+bQFDnWtpI/4eq3MLoRMjI2fnLzTQ==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/language-subtag-registry": {
+      "version": "0.3.21",
+      "resolved": "https://registry.npmjs.org/language-subtag-registry/-/language-subtag-registry-0.3.21.tgz",
+      "integrity": "sha512-L0IqwlIXjilBVVYKFT37X9Ih11Um5NEl9cbJIuU/SwP/zEEAbBPOnEeeuxVMf45ydWQRDQN3Nqc96OgbH1K+Pg==",
+      "dev": true
+    },
+    "node_modules/language-tags": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/language-tags/-/language-tags-1.0.5.tgz",
+      "integrity": "sha1-0yHbxNowuovzAk4ED6XBRmH5GTo=",
+      "dev": true,
+      "dependencies": {
+        "language-subtag-registry": "~0.3.2"
+      }
+    },
+    "node_modules/latexqc": {
+      "resolved": "services/latexqc",
+      "link": true
+    },
+    "node_modules/launch-editor": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/launch-editor/-/launch-editor-2.10.0.tgz",
+      "integrity": "sha512-D7dBRJo/qcGX9xlvt/6wUYzQxjh5G1RvZPgPv8vi4KRU99DVQL/oW7tnVOCCTm2HGeo3C5HvGE5Yrh6UBoZ0vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picocolors": "^1.0.0",
+        "shell-quote": "^1.8.1"
+      }
+    },
+    "node_modules/lazy-ass": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/lazy-ass/-/lazy-ass-1.6.0.tgz",
+      "integrity": "sha1-eZllXoZGwX8In90YfRUNMyTVRRM=",
+      "dev": true,
+      "engines": {
+        "node": "> 0.8"
+      }
+    },
+    "node_modules/lazystream": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/lazystream/-/lazystream-1.0.1.tgz",
+      "integrity": "sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==",
+      "dependencies": {
+        "readable-stream": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.6.3"
+      }
+    },
+    "node_modules/lazystream/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
+    },
+    "node_modules/lazystream/node_modules/readable-stream": {
+      "version": "2.3.7",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/lazystream/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/ldap-filter": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/ldap-filter/-/ldap-filter-0.2.2.tgz",
+      "integrity": "sha1-8rhCvguG2jNSeYUFsx68rlkNd9A=",
+      "dependencies": {
+        "assert-plus": "0.1.5"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/ldapauth-fork": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/ldapauth-fork/-/ldapauth-fork-4.3.3.tgz",
+      "integrity": "sha512-x76VpQ5ZqkwAJmqwcD6KIwDiNEbgIGIPGwC/eA17e1dxWhlTx36w0DlLOFwjTuZ2iuaLTsZsUprlVqvSlwc/1Q==",
+      "dependencies": {
+        "@types/ldapjs": "^1.0.0",
+        "@types/node": "*",
+        "bcryptjs": "^2.4.0",
+        "ldapjs": "^1.0.2",
+        "lru-cache": "^5.1.1"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/ldapauth-fork/node_modules/asn1": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.3.tgz",
+      "integrity": "sha1-2sh4dxPJlmhJ/IGAd36+nB3fO4Y="
+    },
+    "node_modules/ldapauth-fork/node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/ldapauth-fork/node_modules/extsprintf": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.2.0.tgz",
+      "integrity": "sha1-WtlGwi9bMrp/jNdCZxHG6KP8JSk=",
+      "engines": [
+        "node >=0.6.0"
+      ]
+    },
+    "node_modules/ldapauth-fork/node_modules/ldapjs": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/ldapjs/-/ldapjs-1.0.2.tgz",
+      "integrity": "sha1-VE/3Ayt7g8aPBwEyjZKXqmlDQPk=",
+      "dependencies": {
+        "asn1": "0.2.3",
+        "assert-plus": "^1.0.0",
+        "backoff": "^2.5.0",
+        "bunyan": "^1.8.3",
+        "dashdash": "^1.14.0",
+        "ldap-filter": "0.2.2",
+        "once": "^1.4.0",
+        "vasync": "^1.6.4",
+        "verror": "^1.8.1"
+      },
+      "bin": {
+        "ldapjs-add": "bin/ldapjs-add",
+        "ldapjs-compare": "bin/ldapjs-compare",
+        "ldapjs-delete": "bin/ldapjs-delete",
+        "ldapjs-modify": "bin/ldapjs-modify",
+        "ldapjs-search": "bin/ldapjs-search"
+      },
+      "engines": {
+        "node": ">=0.10"
+      },
+      "optionalDependencies": {
+        "dtrace-provider": "~0.8"
+      }
+    },
+    "node_modules/ldapauth-fork/node_modules/vasync": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/vasync/-/vasync-1.6.4.tgz",
+      "integrity": "sha1-3+k2Fq0OeugBszKp2Iv8XNyOHR8=",
+      "engines": [
+        "node >=0.6.0"
+      ],
+      "dependencies": {
+        "verror": "1.6.0"
+      }
+    },
+    "node_modules/ldapauth-fork/node_modules/vasync/node_modules/verror": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/verror/-/verror-1.6.0.tgz",
+      "integrity": "sha1-fROyex+swuLakEBetepuW90lLqU=",
+      "engines": [
+        "node >=0.6.0"
+      ],
+      "dependencies": {
+        "extsprintf": "1.2.0"
+      }
+    },
+    "node_modules/lead": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/lead/-/lead-4.0.0.tgz",
+      "integrity": "sha512-DpMa59o5uGUWWjruMp71e6knmwKU3jRBBn1kjuLWN9EeIOxNeSAwvHf03WIl8g/ZMR2oSQC9ej3yeLBwdDc/pg==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/less": {
+      "version": "3.13.1",
+      "resolved": "https://registry.npmjs.org/less/-/less-3.13.1.tgz",
+      "integrity": "sha512-SwA1aQXGUvp+P5XdZslUOhhLnClSLIjWvJhmd+Vgib5BFIr9lMNlQwmwUNOjXThF/A0x+MCYYPeWEfeWiLRnTw==",
+      "dev": true,
+      "dependencies": {
+        "copy-anything": "^2.0.1",
+        "tslib": "^1.10.0"
+      },
+      "bin": {
+        "lessc": "bin/lessc"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "optionalDependencies": {
+        "errno": "^0.1.1",
+        "graceful-fs": "^4.1.2",
+        "image-size": "~0.5.0",
+        "make-dir": "^2.1.0",
+        "mime": "^1.4.1",
+        "native-request": "^1.0.5",
+        "source-map": "~0.6.0"
+      }
+    },
+    "node_modules/less-loader": {
+      "version": "11.1.3",
+      "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-11.1.3.tgz",
+      "integrity": "sha512-A5b7O8dH9xpxvkosNrP0dFp2i/dISOJa9WwGF3WJflfqIERE2ybxh1BFDj5CovC2+jCE4M354mk90hN6ziXlVw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 14.15.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "less": "^3.5.0 || ^4.0.0",
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/less/node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "dev": true,
+      "optional": true,
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/less/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "dev": true
+    },
+    "node_modules/leven": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/leven/-/leven-3.1.0.tgz",
+      "integrity": "sha512-qsda+H8jTaUaN/x5vzW2rzc+8Rw4TAQ/4KjB46IwK5VH+IlVeeeje/EoZRpiXvIqjFgK84QffqPztGI3VBLG1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/lilconfig": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
+      "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true
+    },
+    "node_modules/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
+      "dependencies": {
+        "uc.micro": "^2.0.0"
+      }
+    },
+    "node_modules/linkify-it/node_modules/uc.micro": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz",
+      "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A=="
+    },
+    "node_modules/listr2": {
+      "version": "3.14.0",
+      "resolved": "https://registry.npmjs.org/listr2/-/listr2-3.14.0.tgz",
+      "integrity": "sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==",
+      "dev": true,
+      "dependencies": {
+        "cli-truncate": "^2.1.0",
+        "colorette": "^2.0.16",
+        "log-update": "^4.0.0",
+        "p-map": "^4.0.0",
+        "rfdc": "^1.3.0",
+        "rxjs": "^7.5.1",
+        "through": "^2.3.8",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "enquirer": ">= 2.3.0 < 3"
+      },
+      "peerDependenciesMeta": {
+        "enquirer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/load-script": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/load-script/-/load-script-1.0.0.tgz",
+      "integrity": "sha1-BJGTngvuVkPuSUp+PaPSuscMbKQ=",
+      "dev": true
+    },
+    "node_modules/loader-runner": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.2.0.tgz",
+      "integrity": "sha512-92+huvxMvYlMzMt0iIOukcwYBFpkYJdpl2xsZ7LrlayO7E8SOv+JJUEK17B/dJIHAOLMfh2dZZ/Y18WgmGtYNw==",
+      "dev": true,
+      "engines": {
+        "node": ">=6.11.5"
+      }
+    },
+    "node_modules/loader-utils": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
+      "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+      "dev": true,
+      "dependencies": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^2.1.2"
+      },
+      "engines": {
+        "node": ">=8.9.0"
+      }
+    },
+    "node_modules/loader-utils/node_modules/big.js": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lockfile": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/lockfile/-/lockfile-1.0.4.tgz",
+      "integrity": "sha512-cvbTwETRfsFh4nHsL1eGWapU1XFi5Ot9E85sWAwia7Y7EgB7vfqcZhTKZ+l7hCGxSPoushMv5GKhT5PdLv03WA==",
+      "dev": true,
+      "dependencies": {
+        "signal-exit": "^3.0.2"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
+    "node_modules/lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
+      "dev": true
+    },
+    "node_modules/lodash._arraypool": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash._arraypool/-/lodash._arraypool-2.4.1.tgz",
+      "integrity": "sha1-6I7suS4ruEyQZWEv2VigcZzUf5Q="
+    },
+    "node_modules/lodash._basebind": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash._basebind/-/lodash._basebind-2.4.1.tgz",
+      "integrity": "sha1-6UC5690nwyfgqNqxtVkWxTQelXU=",
+      "dependencies": {
+        "lodash._basecreate": "~2.4.1",
+        "lodash._setbinddata": "~2.4.1",
+        "lodash._slice": "~2.4.1",
+        "lodash.isobject": "~2.4.1"
+      }
+    },
+    "node_modules/lodash._baseclone": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash._baseclone/-/lodash._baseclone-2.4.1.tgz",
+      "integrity": "sha1-MPgj5X4X43NdODvWK2Czh1Q7QYY=",
+      "dependencies": {
+        "lodash._getarray": "~2.4.1",
+        "lodash._releasearray": "~2.4.1",
+        "lodash._slice": "~2.4.1",
+        "lodash.assign": "~2.4.1",
+        "lodash.foreach": "~2.4.1",
+        "lodash.forown": "~2.4.1",
+        "lodash.isarray": "~2.4.1",
+        "lodash.isobject": "~2.4.1"
+      }
+    },
+    "node_modules/lodash._basecreate": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash._basecreate/-/lodash._basecreate-2.4.1.tgz",
+      "integrity": "sha1-+Ob1tXip405UEXm1a47uv0oofgg=",
+      "dependencies": {
+        "lodash._isnative": "~2.4.1",
+        "lodash.isobject": "~2.4.1",
+        "lodash.noop": "~2.4.1"
+      }
+    },
+    "node_modules/lodash._basecreatecallback": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash._basecreatecallback/-/lodash._basecreatecallback-2.4.1.tgz",
+      "integrity": "sha1-fQsmdknLKeehOdAQO3wR+uhOSFE=",
+      "dependencies": {
+        "lodash._setbinddata": "~2.4.1",
+        "lodash.bind": "~2.4.1",
+        "lodash.identity": "~2.4.1",
+        "lodash.support": "~2.4.1"
+      }
+    },
+    "node_modules/lodash._basecreatewrapper": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash._basecreatewrapper/-/lodash._basecreatewrapper-2.4.1.tgz",
+      "integrity": "sha1-TTHy595+E0+/KAN2K4FQsyUZZm8=",
+      "dependencies": {
+        "lodash._basecreate": "~2.4.1",
+        "lodash._setbinddata": "~2.4.1",
+        "lodash._slice": "~2.4.1",
+        "lodash.isobject": "~2.4.1"
+      }
+    },
+    "node_modules/lodash._createwrapper": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash._createwrapper/-/lodash._createwrapper-2.4.1.tgz",
+      "integrity": "sha1-UdaVeXPaTtVW43KQ2MGhjFPeFgc=",
+      "dependencies": {
+        "lodash._basebind": "~2.4.1",
+        "lodash._basecreatewrapper": "~2.4.1",
+        "lodash._slice": "~2.4.1",
+        "lodash.isfunction": "~2.4.1"
+      }
+    },
+    "node_modules/lodash._getarray": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash._getarray/-/lodash._getarray-2.4.1.tgz",
+      "integrity": "sha1-+vH3+BD6mFolHCGHQESBCUg55e4=",
+      "dependencies": {
+        "lodash._arraypool": "~2.4.1"
+      }
+    },
+    "node_modules/lodash._isnative": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash._isnative/-/lodash._isnative-2.4.1.tgz",
+      "integrity": "sha1-PqZAS3hKe+g2x7V1gOHN95sUgyw="
+    },
+    "node_modules/lodash._maxpoolsize": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash._maxpoolsize/-/lodash._maxpoolsize-2.4.1.tgz",
+      "integrity": "sha1-nUgvRjuOZq++WcLBTtsRcGAXIzQ="
+    },
+    "node_modules/lodash._objecttypes": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash._objecttypes/-/lodash._objecttypes-2.4.1.tgz",
+      "integrity": "sha1-fAt/admKH3ZSn4kLDNsbTf7BHBE="
+    },
+    "node_modules/lodash._releasearray": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash._releasearray/-/lodash._releasearray-2.4.1.tgz",
+      "integrity": "sha1-phOWMNdtFTawfdyAliiJsIL2pkE=",
+      "dependencies": {
+        "lodash._arraypool": "~2.4.1",
+        "lodash._maxpoolsize": "~2.4.1"
+      }
+    },
+    "node_modules/lodash._setbinddata": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash._setbinddata/-/lodash._setbinddata-2.4.1.tgz",
+      "integrity": "sha1-98IAzRuS7yNrOZ7s9zxkjReqlNI=",
+      "dependencies": {
+        "lodash._isnative": "~2.4.1",
+        "lodash.noop": "~2.4.1"
+      }
+    },
+    "node_modules/lodash._shimkeys": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash._shimkeys/-/lodash._shimkeys-2.4.1.tgz",
+      "integrity": "sha1-bpzJZm/wgfC1psl4uD4kLmlJ0gM=",
+      "dependencies": {
+        "lodash._objecttypes": "~2.4.1"
+      }
+    },
+    "node_modules/lodash._slice": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash._slice/-/lodash._slice-2.4.1.tgz",
+      "integrity": "sha1-dFz0GlNZexj2iImFREBe+isG2Q8="
+    },
+    "node_modules/lodash.assign": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash.assign/-/lodash.assign-2.4.1.tgz",
+      "integrity": "sha1-hMOVlt1xGBqXsGUpE6fJZ15Jsao=",
+      "dependencies": {
+        "lodash._basecreatecallback": "~2.4.1",
+        "lodash._objecttypes": "~2.4.1",
+        "lodash.keys": "~2.4.1"
+      }
+    },
+    "node_modules/lodash.bind": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash.bind/-/lodash.bind-2.4.1.tgz",
+      "integrity": "sha1-XRn6AFyMTSNvr0dCx7eh/Kvikmc=",
+      "dependencies": {
+        "lodash._createwrapper": "~2.4.1",
+        "lodash._slice": "~2.4.1"
+      }
+    },
+    "node_modules/lodash.camelcase": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz",
+      "integrity": "sha1-soqmKIorn8ZRA1x3EfZathkDMaY="
+    },
+    "node_modules/lodash.clonedeep": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash.clonedeep/-/lodash.clonedeep-2.4.1.tgz",
+      "integrity": "sha1-8pIDtAsS/uCkXTYxZIJZvrq8eGg=",
+      "dependencies": {
+        "lodash._baseclone": "~2.4.1",
+        "lodash._basecreatecallback": "~2.4.1"
+      }
+    },
+    "node_modules/lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==",
+      "dev": true
+    },
+    "node_modules/lodash.defaults": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-4.2.0.tgz",
+      "integrity": "sha1-0JF4cW/+pN3p5ft7N/bwgCJ0WAw="
+    },
+    "node_modules/lodash.difference": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.difference/-/lodash.difference-4.5.0.tgz",
+      "integrity": "sha1-nMtOUF1Ia5FlE0V3KIWi3yf9AXw="
+    },
+    "node_modules/lodash.flatten": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.flatten/-/lodash.flatten-4.4.0.tgz",
+      "integrity": "sha1-8xwiIlqWMtK7+OSt2+8kCqdlph8="
+    },
+    "node_modules/lodash.foreach": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash.foreach/-/lodash.foreach-2.4.1.tgz",
+      "integrity": "sha1-/j/Do0yGyUyrb5UiVgKCdB4BYwk=",
+      "dependencies": {
+        "lodash._basecreatecallback": "~2.4.1",
+        "lodash.forown": "~2.4.1"
+      }
+    },
+    "node_modules/lodash.forown": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash.forown/-/lodash.forown-2.4.1.tgz",
+      "integrity": "sha1-eLQer+FAX6lmRZ6kGT/VAtCEUks=",
+      "dependencies": {
+        "lodash._basecreatecallback": "~2.4.1",
+        "lodash._objecttypes": "~2.4.1",
+        "lodash.keys": "~2.4.1"
+      }
+    },
+    "node_modules/lodash.get": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.get/-/lodash.get-4.4.2.tgz",
+      "integrity": "sha1-LRd/ZS+jHpObRDjVNBSZ36OCXpk="
+    },
+    "node_modules/lodash.has": {
+      "version": "4.5.2",
+      "resolved": "https://registry.npmjs.org/lodash.has/-/lodash.has-4.5.2.tgz",
+      "integrity": "sha1-0Z9NwQlQWMzL4rDN9O4P5Ko3yGI=",
+      "dev": true
+    },
+    "node_modules/lodash.identity": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash.identity/-/lodash.identity-2.4.1.tgz",
+      "integrity": "sha1-ZpTP+mX++TH3wxzobHRZfPVg9PE="
+    },
+    "node_modules/lodash.includes": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/lodash.includes/-/lodash.includes-4.3.0.tgz",
+      "integrity": "sha512-W3Bx6mdkRTGtlJISOvVD/lbqjTlPPUDTMnlXZFnVwi9NKJ6tiAk6LVdlhZMm17VZisqhKcgzpO5Wz91PCt5b0w=="
+    },
+    "node_modules/lodash.isarguments": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz",
+      "integrity": "sha1-L1c9hcaiQon/AGY7SRwdM4/zRYo="
+    },
+    "node_modules/lodash.isarray": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash.isarray/-/lodash.isarray-2.4.1.tgz",
+      "integrity": "sha1-tSoybB9i9tfac6MdVAHfbvRPD6E=",
+      "dependencies": {
+        "lodash._isnative": "~2.4.1"
+      }
+    },
+    "node_modules/lodash.isboolean": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz",
+      "integrity": "sha512-Bz5mupy2SVbPHURB98VAcw+aHh4vRV5IPNhILUCsOzRmsTmSQ17jIuqopAentWoehktxGd9e/hbIXq980/1QJg=="
+    },
+    "node_modules/lodash.isequal": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+      "integrity": "sha1-QVxEePK8wwEgwizhDtMib30+GOA="
+    },
+    "node_modules/lodash.isfunction": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash.isfunction/-/lodash.isfunction-2.4.1.tgz",
+      "integrity": "sha1-LP1XXHPkmKtX4xm3f6Aq3vE6lNE="
+    },
+    "node_modules/lodash.isinteger": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/lodash.isinteger/-/lodash.isinteger-4.0.4.tgz",
+      "integrity": "sha512-DBwtEWN2caHQ9/imiNeEA5ys1JoRtRfY3d7V9wkqtbycnAmTvRRmbHKDV4a0EYc678/dia0jrte4tjYwVBaZUA=="
+    },
+    "node_modules/lodash.isnumber": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/lodash.isnumber/-/lodash.isnumber-3.0.3.tgz",
+      "integrity": "sha512-QYqzpfwO3/CWf3XP+Z+tkQsfaLL/EnUlXWVkIk5FUPc4sBdTehEqZONuyRt2P67PXAk+NXmTBcc97zw9t1FQrw=="
+    },
+    "node_modules/lodash.isobject": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash.isobject/-/lodash.isobject-2.4.1.tgz",
+      "integrity": "sha1-Wi5H/mmVPx7mMafrof5k0tBlWPU=",
+      "dependencies": {
+        "lodash._objecttypes": "~2.4.1"
+      }
+    },
+    "node_modules/lodash.isplainobject": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+      "integrity": "sha1-fFJqUtibRcRcxpC4gWO+BJf1UMs="
+    },
+    "node_modules/lodash.isstring": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/lodash.isstring/-/lodash.isstring-4.0.1.tgz",
+      "integrity": "sha1-1SfftUVuynzJu5XV2ur4i6VKVFE="
+    },
+    "node_modules/lodash.keys": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash.keys/-/lodash.keys-2.4.1.tgz",
+      "integrity": "sha1-SN6kbfj/djKxDXBrissmWR4rNyc=",
+      "dependencies": {
+        "lodash._isnative": "~2.4.1",
+        "lodash._shimkeys": "~2.4.1",
+        "lodash.isobject": "~2.4.1"
+      }
+    },
+    "node_modules/lodash.memoize": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/lodash.memoize/-/lodash.memoize-4.1.2.tgz",
+      "integrity": "sha512-t7j+NzmgnQzTAYXcsHYLgimltOV1MXHtlOWf6GjL9Kj8GK5FInw5JotxvbOs+IvV1/Dzo04/fCGfLVs7aXb4Ag==",
+      "dev": true
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="
+    },
+    "node_modules/lodash.noop": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash.noop/-/lodash.noop-2.4.1.tgz",
+      "integrity": "sha1-T7VPgWZS5a4Q6PcvcXo4jHMmU4o="
+    },
+    "node_modules/lodash.once": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
+      "integrity": "sha1-DdOXEhPHxW34gJd9UEyI+0cal6w="
+    },
+    "node_modules/lodash.support": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/lodash.support/-/lodash.support-2.4.1.tgz",
+      "integrity": "sha1-Mg4LZwMWc8KNeiu12eAzGkUkBRU=",
+      "dependencies": {
+        "lodash._isnative": "~2.4.1"
+      }
+    },
+    "node_modules/lodash.truncate": {
+      "version": "4.4.2",
+      "resolved": "https://registry.npmjs.org/lodash.truncate/-/lodash.truncate-4.4.2.tgz",
+      "integrity": "sha512-jttmRe7bRse52OsWIMDLaXxWqRAmtIUccAQ3garviCqJjafXOfNMO0yMfNpdD6zbGaTU0P5Nz7e7gAT6cKmJRw==",
+      "dev": true
+    },
+    "node_modules/lodash.union": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/lodash.union/-/lodash.union-4.6.0.tgz",
+      "integrity": "sha1-SLtQiECfFvGCFmZkHETdGqrjzYg="
+    },
+    "node_modules/lodash.uniq": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+      "integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==",
+      "dev": true
+    },
+    "node_modules/log": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/log/-/log-6.3.1.tgz",
+      "integrity": "sha512-McG47rJEWOkXTDioZzQNydAVvZNeEkSyLJ1VWkFwfW+o1knW+QSi8D1KjPn/TnctV+q99lkvJNe1f0E1IjfY2A==",
+      "dependencies": {
+        "d": "^1.0.1",
+        "duration": "^0.2.2",
+        "es5-ext": "^0.10.53",
+        "event-emitter": "^0.3.5",
+        "sprintf-kit": "^2.0.1",
+        "type": "^2.5.0",
+        "uni-global": "^1.0.0"
+      }
+    },
+    "node_modules/log-symbols": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
+      "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
+      "dev": true,
+      "dependencies": {
+        "chalk": "^4.1.0",
+        "is-unicode-supported": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-symbols/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/log-symbols/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/log-symbols/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/log-update": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz",
+      "integrity": "sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==",
+      "dev": true,
+      "dependencies": {
+        "ansi-escapes": "^4.3.0",
+        "cli-cursor": "^3.1.0",
+        "slice-ansi": "^4.0.0",
+        "wrap-ansi": "^6.2.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/wrap-ansi": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/loglevel": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/loglevel/-/loglevel-1.9.1.tgz",
+      "integrity": "sha512-hP3I3kCrDIMuRwAwHltphhDM1r8i55H33GgqjXbrisuJhF4kRhW1dNuxsRklp4bXl8DSdLaNLuiL4A/LWRfxvg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.6.0"
+      },
+      "funding": {
+        "type": "tidelift",
+        "url": "https://tidelift.com/funding/github/npm/loglevel"
+      }
+    },
+    "node_modules/long": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/long/-/long-5.2.3.tgz",
+      "integrity": "sha512-lcHwpNoggQTObv5apGNCTdJrO69eHOZMi4BNC+rTLER8iHAqGrUVeLh/irVIM7zTw2bOXA8T6uNPeujwOLg/2Q=="
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/loupe": {
+      "version": "2.3.7",
+      "resolved": "https://registry.npmjs.org/loupe/-/loupe-2.3.7.tgz",
+      "integrity": "sha512-zSMINGVYkdpYSOBmLi0D1Uo7JU9nVdQKrHxC8eYlV+9YKK9WePqAlL7lSlorG/U2Fw1w0hTBmaa/jrQ3UbPHtA==",
+      "dev": true,
+      "dependencies": {
+        "get-func-name": "^2.0.1"
+      }
+    },
+    "node_modules/lower-case": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-2.0.2.tgz",
+      "integrity": "sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/lru-cache-for-clusters-as-promised": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/lru-cache-for-clusters-as-promised/-/lru-cache-for-clusters-as-promised-1.7.4.tgz",
+      "integrity": "sha512-7A+O3nSLQZua1Et9MTuKP7Tl7Zo2L5OucBafTsmAXHQ7M9whxforWoM2RsX25sP3HmaVwF7D7Eg64o6iqAuZkw==",
+      "dependencies": {
+        "cron": "1.8.2",
+        "debug": "4.3.3",
+        "lru-cache": "6.0.0",
+        "uuid": "8.3.2"
+      }
+    },
+    "node_modules/lru-cache-for-clusters-as-promised/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/lru-cache-for-clusters-as-promised/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/lru-cache-for-clusters-as-promised/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/lru-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/lru-queue/-/lru-queue-0.1.0.tgz",
+      "integrity": "sha512-BpdYkt9EvGl8OfWHDQPISVpcl5xZthb+XPsbELj5AQXxIC8IriDZIQYjBJPEm5rS420sjZ0TLEzRcq5KdBhYrQ==",
+      "dev": true,
+      "dependencies": {
+        "es5-ext": "~0.10.2"
+      }
+    },
+    "node_modules/luxon": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.5.0.tgz",
+      "integrity": "sha512-rh+Zjr6DNfUYR3bPwJEnuwDdqMbxZW7LOQfUN4B54+Cl+0o5zaU9RJ6bcidfDtC1cWCZXQ+nvX8bf6bAji37QQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/lz-string": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
+      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+      "dev": true,
+      "bin": {
+        "lz-string": "bin/bin.js"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.17",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz",
+      "integrity": "sha512-sNPKHvyjVf7gyjwS4xGTaW/mCnF8wnjtifKBEhxfZ7E/S8tQ0rssrwGNn6q8JH/ohItJfSQp9mBtQYuTlH5QnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0"
+      }
+    },
+    "node_modules/mailtrap": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/mailtrap/-/mailtrap-3.4.0.tgz",
+      "integrity": "sha512-gegg90/gMY8hvfxB+WMtE8RRZyhQr90jUw00QOLApIAomItumqFBCpZv5IfG51EUKThu9+p7X4QdNA4buryenw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "axios": ">=0.27"
+      },
+      "engines": {
+        "node": ">=16.20.1",
+        "yarn": ">=1.22.17"
+      },
+      "peerDependencies": {
+        "@types/nodemailer": "^6.4.9",
+        "nodemailer": "^6.9.4"
+      },
+      "peerDependenciesMeta": {
+        "@types/nodemailer": {
+          "optional": true
+        },
+        "nodemailer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/make-dir": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-2.1.0.tgz",
+      "integrity": "sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==",
+      "dev": true,
+      "dependencies": {
+        "pify": "^4.0.1",
+        "semver": "^5.6.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/make-dir/node_modules/pify": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/make-dir/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/map-cache": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz",
+      "integrity": "sha512-8y/eV9QQZCiyn1SprXSrCmqJN0yNRATe+PO8ztwqrvrbdRLA3eYJF0yaR0YayLWkMbsQSKWS9N2gPcGEc4UsZg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/map-obj": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/map-obj/-/map-obj-2.0.0.tgz",
+      "integrity": "sha1-plzSkIepJZi4eRJXpSPgISIqwfk=",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/map-or-similar": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/map-or-similar/-/map-or-similar-1.5.0.tgz",
+      "integrity": "sha512-0aF7ZmVon1igznGI4VS30yugpduQW3y3GkcgGJOp7d8x8QrizhigUxjI/m2UojsXXto+jLAH3KSz+xOJTiORjg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/map-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
+      "integrity": "sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==",
+      "dev": true,
+      "dependencies": {
+        "object-visit": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/markdown-it": {
+      "version": "14.1.0",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.0.tgz",
+      "integrity": "sha512-a54IwgWPaeBCAAsv13YgmALOF1elABB08FxO9i+r4VFk5Vl4pKokRPeX8u5TCgSsPi6ec1otfLjdOpVcgbpshg==",
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "entities": "^4.4.0",
+        "linkify-it": "^5.0.0",
+        "mdurl": "^2.0.0",
+        "punycode.js": "^2.3.1",
+        "uc.micro": "^2.1.0"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.mjs"
+      }
+    },
+    "node_modules/markdown-it-anchor": {
+      "version": "8.6.7",
+      "resolved": "https://registry.npmjs.org/markdown-it-anchor/-/markdown-it-anchor-8.6.7.tgz",
+      "integrity": "sha512-FlCHFwNnutLgVTflOYHPW2pPcl2AACqVzExlkGQNsi4CJgqOHN7YTgDd4LuhgN1BFO3TS0vLAruV1Td6dwWPJA==",
+      "peerDependencies": {
+        "@types/markdown-it": "*",
+        "markdown-it": "*"
+      }
+    },
+    "node_modules/markdown-it/node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/markdown-it/node_modules/uc.micro": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz",
+      "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A=="
+    },
+    "node_modules/marked": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/marked/-/marked-4.1.0.tgz",
+      "integrity": "sha512-+Z6KDjSPa6/723PQYyc1axYZpYYpDnECDaU6hkaf5gqBieBkMKYReL5hteF2QizhlMbgbo8umXl/clZ67+GlsA==",
+      "bin": {
+        "marked": "bin/marked.js"
+      },
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/match-sorter": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/match-sorter/-/match-sorter-6.3.1.tgz",
+      "integrity": "sha512-mxybbo3pPNuA+ZuCUhm5bwNkXrJTbsk5VWbR5wiwz/GC6LIiegBGn2w3O08UG/jdbYLinw51fSQ5xNU1U3MgBw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.12.5",
+        "remove-accents": "0.4.2"
+      }
+    },
+    "node_modules/matchmediaquery": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/matchmediaquery/-/matchmediaquery-0.4.2.tgz",
+      "integrity": "sha512-wrZpoT50ehYOudhDjt/YvUJc6eUzcdFPdmbizfgvswCKNHD1/OBOHYJpHie+HXpu6bSkEGieFMYk6VuutaiRfA==",
+      "dependencies": {
+        "css-mediaquery": "^0.1.2"
+      }
+    },
+    "node_modules/material-colors": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/material-colors/-/material-colors-1.2.6.tgz",
+      "integrity": "sha512-6qE4B9deFBIa9YSpOc9O0Sgc43zTeVYbgDT5veRKSlB2+ZuHNoVVxA1L/ckMUayV9Ay9y7Z/SZCLcGteW9i7bg==",
+      "dev": true
+    },
+    "node_modules/mathjax": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/mathjax/-/mathjax-3.2.2.tgz",
+      "integrity": "sha512-Bt+SSVU8eBG27zChVewOicYs7Xsdt40qm4+UpHyX7k0/O9NliPc+x77k1/FEsPsjKPZGJvtRZM1vO+geW0OhGw==",
+      "dev": true
+    },
+    "node_modules/mathml-tag-names": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz",
+      "integrity": "sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg==",
+      "dev": true,
+      "peer": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/wooorm"
+      }
+    },
+    "node_modules/maxmind": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/maxmind/-/maxmind-4.3.6.tgz",
+      "integrity": "sha512-CwnEZqJX0T6b2rWrc0/V3n9hL/hWAMEn7fY09077YJUHiHx7cn/esA2ZIz8BpYLSJUf7cGVel0oUJa9jMwyQpg==",
+      "dependencies": {
+        "mmdb-lib": "2.0.2",
+        "tiny-lru": "8.0.2"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      }
+    },
+    "node_modules/mdn-data": {
+      "version": "2.0.30",
+      "resolved": "https://registry.npmjs.org/mdn-data/-/mdn-data-2.0.30.tgz",
+      "integrity": "sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==",
+      "dev": true
+    },
+    "node_modules/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w=="
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/memfs": {
+      "version": "3.5.1",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.5.1.tgz",
+      "integrity": "sha512-UWbFJKvj5k+nETdteFndTpYxdeTMox/ULeqX5k/dpaQJCCFmj5EeKv3dBcyO2xmkRAx2vppRu5dVG7SOtsGOzA==",
+      "dev": true,
+      "dependencies": {
+        "fs-monkey": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/memoizee": {
+      "version": "0.4.15",
+      "resolved": "https://registry.npmjs.org/memoizee/-/memoizee-0.4.15.tgz",
+      "integrity": "sha512-UBWmJpLZd5STPm7PMUlOw/TSy972M+z8gcyQ5veOnSDRREz/0bmpyTfKt3/51DhEBqCZQn1udM/5flcSPYhkdQ==",
+      "dev": true,
+      "dependencies": {
+        "d": "^1.0.1",
+        "es5-ext": "^0.10.53",
+        "es6-weak-map": "^2.0.3",
+        "event-emitter": "^0.3.5",
+        "is-promise": "^2.2.2",
+        "lru-queue": "^0.1.0",
+        "next-tick": "^1.1.0",
+        "timers-ext": "^0.1.7"
+      }
+    },
+    "node_modules/memoizerific": {
+      "version": "1.11.3",
+      "resolved": "https://registry.npmjs.org/memoizerific/-/memoizerific-1.11.3.tgz",
+      "integrity": "sha512-/EuHYwAPdLtXwAwSZkh/Gutery6pD2KYd44oQLhAvQp/50mpyduZh8Q7PYHXTCJ+wuXxt7oij2LXyIJOOYFPog==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "map-or-similar": "^1.5.0"
+      }
+    },
+    "node_modules/memory-pager": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/memory-pager/-/memory-pager-1.5.0.tgz",
+      "integrity": "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg=="
+    },
+    "node_modules/mensch": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/mensch/-/mensch-0.3.4.tgz",
+      "integrity": "sha512-IAeFvcOnV9V0Yk+bFhYR07O3yNina9ANIN5MoXBKYJ/RLYPurd2d0yw14MDhpr9/momp0WofT1bPUh3hkzdi/g==",
+      "dev": true
+    },
+    "node_modules/meow": {
+      "version": "13.2.0",
+      "resolved": "https://registry.npmjs.org/meow/-/meow-13.2.0.tgz",
+      "integrity": "sha512-pxQJQzB6djGPXh08dacEloMFopsOqGVRKFPYvPOt9XDZ1HasbgDZA74CJGreSU4G3Ak7EFJGoiH2auq+yXISgA==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+      "dev": true
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/method-override": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/method-override/-/method-override-3.0.0.tgz",
+      "integrity": "sha512-IJ2NNN/mSl9w3kzWB92rcdHpz+HjkxhDJWNDBqSlas+zQdP8wBiJzITPg08M/k2uVvMow7Sk41atndNtt/PHSA==",
+      "dependencies": {
+        "debug": "3.1.0",
+        "methods": "~1.1.2",
+        "parseurl": "~1.3.2",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/method-override/node_modules/debug": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.1.0.tgz",
+      "integrity": "sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/method-override/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mhook": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/mhook/-/mhook-1.0.1.tgz",
+      "integrity": "sha1-C6igyiARIlgzA9tKsdDi/5jytUw="
+    },
+    "node_modules/micromark": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/micromark/-/micromark-4.0.0.tgz",
+      "integrity": "sha512-o/sd0nMof8kYff+TqcDx3VSrgBTcZpSvYcAHIfHhv5VAuNmisCxjhx6YmxS8PFEpb9z5WKWKPdzf0jM23ro3RQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "@types/debug": "^4.0.0",
+        "debug": "^4.0.0",
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-core-commonmark": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-combine-extensions": "^2.0.0",
+        "micromark-util-decode-numeric-character-reference": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-sanitize-uri": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-core-commonmark": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-2.0.0.tgz",
+      "integrity": "sha512-jThOz/pVmAYUtkroV3D5c1osFXAMv9e0ypGDOIZuCeAe91/sD6BoE2Sjzt30yuXtwOYUmySOhMas/PVyh02itA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "decode-named-character-reference": "^1.0.0",
+        "devlop": "^1.0.0",
+        "micromark-factory-destination": "^2.0.0",
+        "micromark-factory-label": "^2.0.0",
+        "micromark-factory-space": "^2.0.0",
+        "micromark-factory-title": "^2.0.0",
+        "micromark-factory-whitespace": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-classify-character": "^2.0.0",
+        "micromark-util-html-tag-name": "^2.0.0",
+        "micromark-util-normalize-identifier": "^2.0.0",
+        "micromark-util-resolve-all": "^2.0.0",
+        "micromark-util-subtokenize": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-destination": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-destination/-/micromark-factory-destination-2.0.0.tgz",
+      "integrity": "sha512-j9DGrQLm/Uhl2tCzcbLhy5kXsgkHUrjJHg4fFAeoMRwJmJerT9aw4FEhIbZStWN8A3qMwOp1uzHr4UL8AInxtA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-label": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-label/-/micromark-factory-label-2.0.0.tgz",
+      "integrity": "sha512-RR3i96ohZGde//4WSe/dJsxOX6vxIg9TimLAS3i4EhBAFx8Sm5SmqVfR8E87DPSR31nEAjZfbt91OMZWcNgdZw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-space": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-space/-/micromark-factory-space-2.0.0.tgz",
+      "integrity": "sha512-TKr+LIDX2pkBJXFLzpyPyljzYK3MtmllMUMODTQJIUfDGncESaqB90db9IAUcz4AZAJFdd8U9zOp9ty1458rxg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-title": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-title/-/micromark-factory-title-2.0.0.tgz",
+      "integrity": "sha512-jY8CSxmpWLOxS+t8W+FG3Xigc0RDQA9bKMY/EwILvsesiRniiVMejYTE4wumNc2f4UbAa4WsHqe3J1QS1sli+A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-factory-whitespace": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-factory-whitespace/-/micromark-factory-whitespace-2.0.0.tgz",
+      "integrity": "sha512-28kbwaBjc5yAI1XadbdPYHX/eDnqaUFVikLwrO7FDnKG7lpgxnvk/XGRhX/PN0mOZ+dBSZ+LgunHS+6tYQAzhA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-factory-space": "^2.0.0",
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-character": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-character/-/micromark-util-character-2.1.0.tgz",
+      "integrity": "sha512-KvOVV+X1yLBfs9dCBSopq/+G1PcgT3lAK07mC4BzXi5E7ahzMAF8oIupDDJ6mievI6F+lAATkbQQlQixJfT3aQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-chunked": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-chunked/-/micromark-util-chunked-2.0.0.tgz",
+      "integrity": "sha512-anK8SWmNphkXdaKgz5hJvGa7l00qmcaUQoMYsBwDlSKFKjc6gjGXPDw3FNL3Nbwq5L8gE+RCbGqTw49FK5Qyvg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-classify-character": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-classify-character/-/micromark-util-classify-character-2.0.0.tgz",
+      "integrity": "sha512-S0ze2R9GH+fu41FA7pbSqNWObo/kzwf8rN/+IGlW/4tC6oACOs8B++bh+i9bVyNnwCcuksbFwsBme5OCKXCwIw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-combine-extensions": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-combine-extensions/-/micromark-util-combine-extensions-2.0.0.tgz",
+      "integrity": "sha512-vZZio48k7ON0fVS3CUgFatWHoKbbLTK/rT7pzpJ4Bjp5JjkZeasRfrS9wsBdDJK2cJLHMckXZdzPSSr1B8a4oQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-decode-numeric-character-reference": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/micromark-util-decode-numeric-character-reference/-/micromark-util-decode-numeric-character-reference-2.0.1.tgz",
+      "integrity": "sha512-bmkNc7z8Wn6kgjZmVHOX3SowGmVdhYS7yBpMnuMnPzDq/6xwVA604DuOXMZTO1lvq01g+Adfa0pE2UKGlxL1XQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-encode": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-encode/-/micromark-util-encode-2.0.0.tgz",
+      "integrity": "sha512-pS+ROfCXAGLWCOc8egcBvT0kf27GoWMqtdarNfDcjb6YLuV5cM3ioG45Ys2qOVqeqSbjaKg72vU+Wby3eddPsA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
+    "node_modules/micromark-util-html-tag-name": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-html-tag-name/-/micromark-util-html-tag-name-2.0.0.tgz",
+      "integrity": "sha512-xNn4Pqkj2puRhKdKTm8t1YHC/BAjx6CEwRFXntTaRf/x16aqka6ouVoutm+QdkISTlT7e2zU7U4ZdlDLJd2Mcw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
+    "node_modules/micromark-util-normalize-identifier": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-normalize-identifier/-/micromark-util-normalize-identifier-2.0.0.tgz",
+      "integrity": "sha512-2xhYT0sfo85FMrUPtHcPo2rrp1lwbDEEzpx7jiH2xXJLqBuy4H0GgXk5ToU8IEwoROtXuL8ND0ttVa4rNqYK3w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-resolve-all": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-resolve-all/-/micromark-util-resolve-all-2.0.0.tgz",
+      "integrity": "sha512-6KU6qO7DZ7GJkaCgwBNtplXCvGkJToU86ybBAUdavvgsCiG8lSSvYxr9MhwmQ+udpzywHsl4RpGJsYWG1pDOcA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-sanitize-uri": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-sanitize-uri/-/micromark-util-sanitize-uri-2.0.0.tgz",
+      "integrity": "sha512-WhYv5UEcZrbAtlsnPuChHUAsu/iBPOVaEVsntLBIdpibO0ddy8OzavZz3iL2xVvBZOpolujSliP65Kq0/7KIYw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "micromark-util-character": "^2.0.0",
+        "micromark-util-encode": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-subtokenize": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-subtokenize/-/micromark-util-subtokenize-2.0.0.tgz",
+      "integrity": "sha512-vc93L1t+gpR3p8jxeVdaYlbV2jTYteDje19rNSS/H5dlhxUYll5Fy6vJ2cDwP8RnsXi818yGty1ayP55y3W6fg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ],
+      "dependencies": {
+        "devlop": "^1.0.0",
+        "micromark-util-chunked": "^2.0.0",
+        "micromark-util-symbol": "^2.0.0",
+        "micromark-util-types": "^2.0.0"
+      }
+    },
+    "node_modules/micromark-util-symbol": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-symbol/-/micromark-util-symbol-2.0.0.tgz",
+      "integrity": "sha512-8JZt9ElZ5kyTnO94muPxIGS8oyElRJaiJO8EzV6ZSyGQ1Is8xwl4Q45qU5UOg+bGH4AikWziz0iN4sFLWs8PGw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
+    "node_modules/micromark-util-types": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/micromark-util-types/-/micromark-util-types-2.0.0.tgz",
+      "integrity": "sha512-oNh6S2WMHWRZrmutsRmDDfkzKtxF+bc2VxLC9dvtrDIRFln627VsFP6fLMgTryGDljgLPjkrzQSDcPrjPyDJ5w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "GitHub Sponsors",
+          "url": "https://github.com/sponsors/unifiedjs"
+        },
+        {
+          "type": "OpenCollective",
+          "url": "https://opencollective.com/unified"
+        }
+      ]
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-2.6.0.tgz",
+      "integrity": "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg==",
+      "dev": true,
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.51.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.51.0.tgz",
+      "integrity": "sha512-5y8A56jg7XVQx2mbv1lu49NR4dokRnhZYTtL+KGfaa27uq4pSTXkwQkFJl4pkRMyNFz/EtYDSkiiEHx3F7UN6g==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/mime-match/-/mime-match-1.0.2.tgz",
+      "integrity": "sha1-P4fDHprxpf1IX7nbE0Qosju7e6g=",
+      "dev": true,
+      "dependencies": {
+        "wildcard": "^1.1.0"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.34",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.34.tgz",
+      "integrity": "sha512-6cP692WwGIs9XXdOO4++N+7qjqv0rqxxVvJ3VHPh/Sc9mVZcQP+ZGhkKiTvWMQRr2tbHkJP/Yn7Y0npb3ZBs4A==",
+      "dependencies": {
+        "mime-db": "1.51.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/mimic-response": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
+      "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/min-document": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/min-document/-/min-document-2.19.0.tgz",
+      "integrity": "sha1-e9KC4/WELtKVu3SM3Z8f+iyCRoU=",
+      "dev": true,
+      "dependencies": {
+        "dom-walk": "^0.1.0"
+      }
+    },
+    "node_modules/min-indent": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/min-indent/-/min-indent-1.0.1.tgz",
+      "integrity": "sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mini-css-extract-plugin": {
+      "version": "2.7.6",
+      "resolved": "https://registry.npmjs.org/mini-css-extract-plugin/-/mini-css-extract-plugin-2.7.6.tgz",
+      "integrity": "sha512-Qk7HcgaPkGG6eD77mLvZS1nmxlao3j+9PkrT9Uc7HAE1id3F41+DdBRYRYkbyfNRGzm8/YWtzhw7nVPmwhqTQw==",
+      "dev": true,
+      "dependencies": {
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/mini-css-extract-plugin/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/mini-css-extract-plugin/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/mini-css-extract-plugin/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/mini-css-extract-plugin/node_modules/schema-utils": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.0.1.tgz",
+      "integrity": "sha512-lELhBAAly9NowEsX0yZBlw9ahZG+sK/1RJ21EpzdYHKEs13Vku3LJ+MIPhh4sMs0oCCeufZQEQbMekiA4vuVIQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/minimalistic-assert": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz",
+      "integrity": "sha512-UtJcAD4yEaGtjPezWuO9wC4nwUnVH/8/Im3yEHQP4b67cXlD/Qr9hdITCU1xDbSEXg2XKNaP8jsReV7vQd00/A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minimisted": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/minimisted/-/minimisted-2.0.1.tgz",
+      "integrity": "sha512-1oPjfuLQa2caorJUM8HV8lGgWCc0qqAO1MNv/k05G4qslmsndV/5WdNZrqCiyqiz3wohia2Ij2B7w2Dr7/IyrA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.5"
+      }
+    },
+    "node_modules/minipass": {
+      "version": "3.1.6",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.1.6.tgz",
+      "integrity": "sha512-rty5kpw9/z8SX9dmxblFA6edItUmwJgMeYDZRrwlIVN27i8gysGbznJwUggw2V/FVqFSDdWy040ZPS811DYAqQ==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/minipass/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/minizlib": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-2.1.2.tgz",
+      "integrity": "sha512-bAxsR8BVfj60DWXHE3u30oHzfl4G7khkSuPW+qvpd7jFRHm7dLxOjUk1EHACJ/hxLY8phGJ0YhYHZo7jil7Qdg==",
+      "dependencies": {
+        "minipass": "^3.0.0",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/minizlib/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/mirror_documentation": {
+      "resolved": "jobs/mirror-documentation",
+      "link": true
+    },
+    "node_modules/mixin-deep": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
+      "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==",
+      "dev": true,
+      "dependencies": {
+        "for-in": "^1.0.2",
+        "is-extendable": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/mixme": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/mixme/-/mixme-0.5.4.tgz",
+      "integrity": "sha512-3KYa4m4Vlqx98GPdOHghxSdNtTvcP8E0kkaJ5Dlh+h2DRzF7zpuVVcA8B0QpKd11YJeP9QQ7ASkKzOeu195Wzw==",
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
+    "node_modules/mixpanel": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/mixpanel/-/mixpanel-0.13.0.tgz",
+      "integrity": "sha512-YOWmpr/o4+zJ8LPjuLUkWLc2ImFeIkX6hF1t62Wlvq6loC6e8EK8qieYO4gYPTPxxtjAryl7xmIvf/7qnPwjrQ==",
+      "dependencies": {
+        "https-proxy-agent": "5.0.0"
+      },
+      "engines": {
+        "node": ">=10.0"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/mkdirp-classic": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz",
+      "integrity": "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A=="
+    },
+    "node_modules/mlly": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.7.4.tgz",
+      "integrity": "sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.14.0",
+        "pathe": "^2.0.1",
+        "pkg-types": "^1.3.0",
+        "ufo": "^1.5.4"
+      }
+    },
+    "node_modules/mlly/node_modules/acorn": {
+      "version": "8.14.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
+      "integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/mmdb-lib": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/mmdb-lib/-/mmdb-lib-2.0.2.tgz",
+      "integrity": "sha512-shi1I+fCPQonhTi7qyb6hr7hi87R7YS69FlfJiMFuJ12+grx0JyL56gLNzGTYXPU7EhAPkMLliGeyHer0K+AVA==",
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      }
+    },
+    "node_modules/mmmagic": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/mmmagic/-/mmmagic-0.5.3.tgz",
+      "integrity": "sha512-xLqCu7GJYTzJczg0jafXFuh+iPzQL/ru0YYf4GiTTz8Cehru/wiXtUS8Pp8Xi77zNaiVndJ0OO1yAFci6iHyFg==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "nan": "^2.13.2"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mocha": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/mocha/-/mocha-11.1.0.tgz",
+      "integrity": "sha512-8uJR5RTC2NgpY3GrYcgpZrsEd9zKbPDpob1RezyR2upGHRQtHWofmzTMzTMSV6dru3tj5Ukt0+Vnq1qhFEEwAg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-colors": "^4.1.3",
+        "browser-stdout": "^1.3.1",
+        "chokidar": "^3.5.3",
+        "debug": "^4.3.5",
+        "diff": "^5.2.0",
+        "escape-string-regexp": "^4.0.0",
+        "find-up": "^5.0.0",
+        "glob": "^10.4.5",
+        "he": "^1.2.0",
+        "js-yaml": "^4.1.0",
+        "log-symbols": "^4.1.0",
+        "minimatch": "^5.1.6",
+        "ms": "^2.1.3",
+        "serialize-javascript": "^6.0.2",
+        "strip-json-comments": "^3.1.1",
+        "supports-color": "^8.1.1",
+        "workerpool": "^6.5.1",
+        "yargs": "^17.7.2",
+        "yargs-parser": "^21.1.1",
+        "yargs-unparser": "^2.0.0"
+      },
+      "bin": {
+        "_mocha": "bin/_mocha",
+        "mocha": "bin/mocha.js"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/mocha-each": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mocha-each/-/mocha-each-2.0.1.tgz",
+      "integrity": "sha512-0ZgWY5ajbnROXkfyaDb+0RAYzDBH3QVow/1zJiyl7lYMRnj1Nid8RDP2+/2TTajB5n4vr21v35MjB72GjFFj2g==",
+      "dev": true,
+      "dependencies": {
+        "sprintf-js": "^1.0.3"
+      }
+    },
+    "node_modules/mocha/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/mocha/node_modules/debug": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mocha/node_modules/foreground-child": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.1.tgz",
+      "integrity": "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "cross-spawn": "^7.0.6",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/mocha/node_modules/glob": {
+      "version": "10.4.5",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
+      "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "foreground-child": "^3.1.0",
+        "jackspeak": "^3.1.2",
+        "minimatch": "^9.0.4",
+        "minipass": "^7.1.2",
+        "package-json-from-dist": "^1.0.0",
+        "path-scurry": "^1.11.1"
+      },
+      "bin": {
+        "glob": "dist/esm/bin.mjs"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/mocha/node_modules/glob/node_modules/minimatch": {
+      "version": "9.0.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+      "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/mocha/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/mocha/node_modules/minipass": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+      "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/mocha/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/mocha/node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/mock-fs": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/mock-fs/-/mock-fs-5.2.0.tgz",
+      "integrity": "sha512-2dF2R6YMSZbpip1V1WHKGLNjr/k48uQClqMVb5H3MOvwc9qhYis3/IWbj02qIg/Y8MDXKFF4c5v0rxx2o6xTZw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/module-details-from-path": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/module-details-from-path/-/module-details-from-path-1.0.3.tgz",
+      "integrity": "sha1-EUyUlnPiqKNenTV4hSeqN7Z52is="
+    },
+    "node_modules/moment": {
+      "version": "2.29.4",
+      "resolved": "https://registry.npmjs.org/moment/-/moment-2.29.4.tgz",
+      "integrity": "sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/moment-timezone": {
+      "version": "0.5.40",
+      "resolved": "https://registry.npmjs.org/moment-timezone/-/moment-timezone-0.5.40.tgz",
+      "integrity": "sha512-tWfmNkRYmBkPJz5mr9GVDn9vRlVZOTe6yqY92rFxiOdWXbjaR0+9LwQnZGGuNR63X456NqmEkbskte8tWL5ePg==",
+      "dependencies": {
+        "moment": ">= 2.9.0"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/mongodb": {
+      "version": "6.12.0",
+      "resolved": "https://registry.npmjs.org/mongodb/-/mongodb-6.12.0.tgz",
+      "integrity": "sha512-RM7AHlvYfS7jv7+BXund/kR64DryVI+cHbVAy9P61fnb1RcWZqOW1/Wj2YhqMCx+MuYhqTRGv7AwHBzmsCKBfA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@mongodb-js/saslprep": "^1.1.9",
+        "bson": "^6.10.1",
+        "mongodb-connection-string-url": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=16.20.1"
+      },
+      "peerDependencies": {
+        "@aws-sdk/credential-providers": "^3.188.0",
+        "@mongodb-js/zstd": "^1.1.0 || ^2.0.0",
+        "gcp-metadata": "^5.2.0",
+        "kerberos": "^2.0.1",
+        "mongodb-client-encryption": ">=6.0.0 <7",
+        "snappy": "^7.2.2",
+        "socks": "^2.7.1"
+      },
+      "peerDependenciesMeta": {
+        "@aws-sdk/credential-providers": {
+          "optional": true
+        },
+        "@mongodb-js/zstd": {
+          "optional": true
+        },
+        "gcp-metadata": {
+          "optional": true
+        },
+        "kerberos": {
+          "optional": true
+        },
+        "mongodb-client-encryption": {
+          "optional": true
+        },
+        "snappy": {
+          "optional": true
+        },
+        "socks": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mongodb-connection-string-url": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mongodb-connection-string-url/-/mongodb-connection-string-url-3.0.1.tgz",
+      "integrity": "sha512-XqMGwRX0Lgn05TDB4PyG2h2kKO/FfWJyCzYQbIhXUxz7ETt0I/FqHjUeqj37irJ+Dl1ZtU82uYyj14u2XsZKfg==",
+      "dependencies": {
+        "@types/whatwg-url": "^11.0.2",
+        "whatwg-url": "^13.0.0"
+      }
+    },
+    "node_modules/mongodb-connection-string-url/node_modules/tr46": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-4.1.1.tgz",
+      "integrity": "sha512-2lv/66T7e5yNyhAAC4NaKe5nVavzuGJQVVtRYLyQ2OI8tsJ61PMLlelehb0wi2Hx6+hT/OJUWZcw8MjlSRnxvw==",
+      "dependencies": {
+        "punycode": "^2.3.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/mongodb-connection-string-url/node_modules/whatwg-url": {
+      "version": "13.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-13.0.0.tgz",
+      "integrity": "sha512-9WWbymnqj57+XEuqADHrCJ2eSXzn8WXIW/YSGaZtb2WKAInQ6CHfaUUcTyyver0p8BDg5StLQq8h1vtZuwmOig==",
+      "dependencies": {
+        "tr46": "^4.1.1",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/mongodb-legacy": {
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/mongodb-legacy/-/mongodb-legacy-6.1.3.tgz",
+      "integrity": "sha512-XJ2PIbVEHUUF4/SyH00dfeprfeLOdWiHcKq8At+JoEZeTue+IAG39G2ixRwClnI7roPb/46K8IF713v9dgQ8rg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "mongodb": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=16.20.1"
+      }
+    },
+    "node_modules/mongoose": {
+      "version": "8.9.5",
+      "resolved": "https://registry.npmjs.org/mongoose/-/mongoose-8.9.5.tgz",
+      "integrity": "sha512-SPhOrgBm0nKV3b+IIHGqpUTOmgVL5Z3OO9AwkFEmvOZznXTvplbomstCnPOGAyungtRXE5pJTgKpKcZTdjeESg==",
+      "license": "MIT",
+      "dependencies": {
+        "bson": "^6.10.1",
+        "kareem": "2.6.3",
+        "mongodb": "~6.12.0",
+        "mpath": "0.9.0",
+        "mquery": "5.0.0",
+        "ms": "2.1.3",
+        "sift": "17.1.3"
+      },
+      "engines": {
+        "node": ">=16.20.1"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mongoose"
+      }
+    },
+    "node_modules/morgan": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/morgan/-/morgan-1.10.0.tgz",
+      "integrity": "sha512-AbegBVI4sh6El+1gNwvD5YIck7nSA36weD7xvIxG4in80j/UoK8AEGaWnnz8v1GxonMCltmlNs5ZKbGvl9b1XQ==",
+      "dev": true,
+      "dependencies": {
+        "basic-auth": "~2.0.1",
+        "debug": "2.6.9",
+        "depd": "~2.0.0",
+        "on-finished": "~2.3.0",
+        "on-headers": "~1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/morgan/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/morgan/node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/morgan/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true
+    },
+    "node_modules/mpath": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/mpath/-/mpath-0.9.0.tgz",
+      "integrity": "sha512-ikJRQTk8hw5DEoFVxHG1Gn9T/xcjtdnOKIU1JTmGjZZlg9LST2mBLmcX3/ICIbgJydT2GOc15RnNy5mHmzfSew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/mquery": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/mquery/-/mquery-5.0.0.tgz",
+      "integrity": "sha512-iQMncpmEK8R8ncT8HJGsGc9Dsp8xcgYMVSbs5jgnm1lFHTZqMJTUWTDx1LBO8+mK3tPNZWFLBghQEIOULSTHZg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "4.x"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/msgpackr": {
+      "version": "1.11.2",
+      "resolved": "https://registry.npmjs.org/msgpackr/-/msgpackr-1.11.2.tgz",
+      "integrity": "sha512-F9UngXRlPyWCDEASDpTf6c9uNhGPTqnTeLVt7bN+bU1eajoR/8V9ys2BRaV5C/e5ihE6sJ9uPIKaYt6bFuO32g==",
+      "license": "MIT",
+      "optionalDependencies": {
+        "msgpackr-extract": "^3.0.2"
+      }
+    },
+    "node_modules/msgpackr-extract": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/msgpackr-extract/-/msgpackr-extract-3.0.3.tgz",
+      "integrity": "sha512-P0efT1C9jIdVRefqjzOQ9Xml57zpOXnIuS+csaB4MdZbTdmGDLo8XhzBG1N7aO11gKDDkJvBLULeFTo46wwreA==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "node-gyp-build-optional-packages": "5.2.2"
+      },
+      "bin": {
+        "download-msgpackr-prebuilds": "bin/download-prebuilds.js"
+      },
+      "optionalDependencies": {
+        "@msgpackr-extract/msgpackr-extract-darwin-arm64": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.3",
+        "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.3"
+      }
+    },
+    "node_modules/multer": {
+      "version": "1.4.5-lts.1",
+      "resolved": "https://registry.npmjs.org/multer/-/multer-1.4.5-lts.1.tgz",
+      "integrity": "sha512-ywPWvcDMeH+z9gQq5qYHCCy+ethsk4goepZ45GLD63fOu0YcNecQxi64nDs3qluZB+murG3/D4dJ7+dGctcCQQ==",
+      "license": "MIT",
+      "dependencies": {
+        "append-field": "^1.0.0",
+        "busboy": "^1.0.0",
+        "concat-stream": "^1.5.2",
+        "mkdirp": "^0.5.4",
+        "object-assign": "^4.1.1",
+        "type-is": "^1.6.4",
+        "xtend": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/multicast-dns": {
+      "version": "7.2.5",
+      "resolved": "https://registry.npmjs.org/multicast-dns/-/multicast-dns-7.2.5.tgz",
+      "integrity": "sha512-2eznPJP8z2BFLX50tf0LuODrpINqP1RVIm/CObbTcBRITQgmC/TjcREF1NeTBzIcR5XO/ukWo+YHOjBbFwIupg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "dns-packet": "^5.2.2",
+        "thunky": "^1.0.2"
+      },
+      "bin": {
+        "multicast-dns": "cli.js"
+      }
+    },
+    "node_modules/mute-stream": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz",
+      "integrity": "sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA=="
+    },
+    "node_modules/mv": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/mv/-/mv-2.1.1.tgz",
+      "integrity": "sha1-rmzg1vbV4KT32JN5jQPB6pVZtqI=",
+      "optional": true,
+      "dependencies": {
+        "mkdirp": "~0.5.1",
+        "ncp": "~2.0.0",
+        "rimraf": "~2.4.0"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/mv/node_modules/glob": {
+      "version": "6.0.4",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-6.0.4.tgz",
+      "integrity": "sha1-DwiGD2oVUSey+t1PnOJLGqtuTSI=",
+      "optional": true,
+      "dependencies": {
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "2 || 3",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/mv/node_modules/rimraf": {
+      "version": "2.4.5",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.4.5.tgz",
+      "integrity": "sha1-7nEM5dk6j9uFb7Xqj/Di11k0sto=",
+      "optional": true,
+      "dependencies": {
+        "glob": "^6.0.1"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
+    "node_modules/namespace-emitter": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/namespace-emitter/-/namespace-emitter-2.0.1.tgz",
+      "integrity": "sha512-N/sMKHniSDJBjfrkbS/tpkPj4RAbvW3mr8UAzvlMHyun93XEm83IAvhWtJVHo+RHn/oO8Job5YN4b+wRjSVp5g==",
+      "dev": true
+    },
+    "node_modules/nan": {
+      "version": "2.22.2",
+      "resolved": "https://registry.npmjs.org/nan/-/nan-2.22.2.tgz",
+      "integrity": "sha512-DANghxFkS1plDdRsX0X9pm0Z6SJNN6gBdtXfanwoZ8hooC5gosGFSBGRYHUVPz1asKA/kMRqDRdHrluZ61SpBQ==",
+      "license": "MIT"
+    },
+    "node_modules/nanoclone": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/nanoclone/-/nanoclone-0.2.1.tgz",
+      "integrity": "sha512-wynEP02LmIbLpcYw8uBKpcfF6dmg2vcpKqxeH5UcoKEYdExslsdUA4ugFauuaeYdTB76ez6gJW8XAZ6CgkXYxA==",
+      "dev": true
+    },
+    "node_modules/nanomatch": {
+      "version": "1.2.13",
+      "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
+      "integrity": "sha512-fpoe2T0RbHwBTBUOftAfBPaDEi06ufaUai0mE6Yn1kacc3SnTErfb/h+X94VXzI64rKFHYImXSvdwGGCmwOqCA==",
+      "dev": true,
+      "dependencies": {
+        "arr-diff": "^4.0.0",
+        "array-unique": "^0.3.2",
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "fragment-cache": "^0.2.1",
+        "is-windows": "^1.0.2",
+        "kind-of": "^6.0.2",
+        "object.pick": "^1.3.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/native-promise-only": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/native-promise-only/-/native-promise-only-0.8.1.tgz",
+      "integrity": "sha1-IKMYwwy0X3H+et+/eyHJnBRy7xE="
+    },
+    "node_modules/native-request": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/native-request/-/native-request-1.1.0.tgz",
+      "integrity": "sha512-uZ5rQaeRn15XmpgE0xoPL8YWqcX90VtCFglYwAgkvKM5e8fog+vePLAhHxuuv/gRkrQxIeh5U3q9sMNUrENqWw==",
+      "dev": true,
+      "optional": true
+    },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc="
+    },
+    "node_modules/ncp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ncp/-/ncp-2.0.0.tgz",
+      "integrity": "sha1-GVoh1sRuNh0vsSgbo4uR6d9727M=",
+      "optional": true,
+      "bin": {
+        "ncp": "bin/ncp"
+      }
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/neo-async": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+      "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+      "dev": true
+    },
+    "node_modules/next-tick": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-1.1.0.tgz",
+      "integrity": "sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ=="
+    },
+    "node_modules/nise": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/nise/-/nise-4.1.0.tgz",
+      "integrity": "sha512-eQMEmGN/8arp0xsvGoQ+B1qvSkR73B1nWSCh7nOt5neMCtwcQVYQGdzQMhcNscktTsWB54xnlSQFzOAPJD8nXA==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^1.7.0",
+        "@sinonjs/fake-timers": "^6.0.0",
+        "@sinonjs/text-encoding": "^0.7.1",
+        "just-extend": "^4.0.2",
+        "path-to-regexp": "^1.7.0"
+      }
+    },
+    "node_modules/nise/node_modules/isarray": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+      "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=",
+      "dev": true
+    },
+    "node_modules/nise/node_modules/path-to-regexp": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.9.0.tgz",
+      "integrity": "sha512-xIp7/apCFJuUHdDLWe8O1HIkb0kQrOMb/0u6FXQjemHn/ii5LrIzU6bdECnsiTF/GjZkMEKg1xdiZwNqDYlZ6g==",
+      "dev": true,
+      "dependencies": {
+        "isarray": "0.0.1"
+      }
+    },
+    "node_modules/no-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-3.0.4.tgz",
+      "integrity": "sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==",
+      "dev": true,
+      "dependencies": {
+        "lower-case": "^2.0.2",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/nocache": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/nocache/-/nocache-2.1.0.tgz",
+      "integrity": "sha512-0L9FvHG3nfnnmaEQPjT9xhfN4ISk0A8/2j4M37Np4mcDesJjHgEUfgPhdCyZuFI954tjokaIj/A3NdpFNdEh4Q==",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/nock": {
+      "version": "13.5.4",
+      "resolved": "https://registry.npmjs.org/nock/-/nock-13.5.4.tgz",
+      "integrity": "sha512-yAyTfdeNJGGBFxWdzSKCBYxs5FxLbCg5X5Q4ets974hcQzG1+qCxvIyOo4j2Ry6MUlhWVMX4OoYDefAIIwupjw==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.1.0",
+        "json-stringify-safe": "^5.0.1",
+        "propagate": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13"
+      }
+    },
+    "node_modules/node-abort-controller": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/node-abort-controller/-/node-abort-controller-3.1.1.tgz",
+      "integrity": "sha512-AGK2yQKIjRuqnc6VkX2Xj5d+QW8xZ87pa1UK6yA6ouUyuxfHuMP6umE5QK7UmTeOAymo+Zx1Fxiuw9rVx8taHQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-addon-api": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-3.2.1.tgz",
+      "integrity": "sha512-mmcei9JghVNDYydghQmeDX8KoAm0FAiYyIcUt/N4nhyAipB17pllZQDOJD2fotxABnt4Mdz+dKTO7eftLg4d0A=="
+    },
+    "node_modules/node-dir": {
+      "version": "0.1.17",
+      "resolved": "https://registry.npmjs.org/node-dir/-/node-dir-0.1.17.tgz",
+      "integrity": "sha512-tmPX422rYgofd4epzrNoOXiE8XFZYOcCq1vD7MAXCDO+O+zndlA2ztdKKMa+EeuBG5tHETpr4ml4RGgpqDCCAg==",
+      "dev": true,
+      "dependencies": {
+        "minimatch": "^3.0.2"
+      },
+      "engines": {
+        "node": ">= 0.10.5"
+      }
+    },
+    "node_modules/node-domexception": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
+      "integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/jimmywarting"
+        },
+        {
+          "type": "github",
+          "url": "https://paypal.me/jimmywarting"
+        }
+      ],
+      "engines": {
+        "node": ">=10.5.0"
+      }
+    },
+    "node_modules/node-ensure": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/node-ensure/-/node-ensure-0.0.0.tgz",
+      "integrity": "sha512-DRI60hzo2oKN1ma0ckc6nQWlHU69RH6xN0sjQTjMpChPfTYvKZdcQFfdYK2RWbJcKyUizSIy/l8OTGxMAM1QDw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-fetch-native": {
+      "version": "1.6.6",
+      "resolved": "https://registry.npmjs.org/node-fetch-native/-/node-fetch-native-1.6.6.tgz",
+      "integrity": "sha512-8Mc2HhqPdlIfedsuZoc3yioPuzp6b+L5jRCRY1QzuWZh2EGJVQrGppC6V6cF0bLdbW0+O2YpqCA25aF/1lvipQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/node-fetch/node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o="
+    },
+    "node_modules/node-fetch/node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE="
+    },
+    "node_modules/node-fetch/node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha1-lmRU6HZUYuN2RNNib2dCzotwll0=",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/node-forge": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/node-forge/-/node-forge-1.3.1.tgz",
+      "integrity": "sha512-dPEtOeMvF9VMcYV/1Wb8CPoVAXtp6MKMlcbAt4ddqmGqUJ6fQZFXkNZNkNlfevtNkGtaSoXf/vNNNSvgrdXwtA==",
+      "engines": {
+        "node": ">= 6.13.0"
+      }
+    },
+    "node_modules/node-gyp-build-optional-packages": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.2.2.tgz",
+      "integrity": "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^2.0.1"
+      },
+      "bin": {
+        "node-gyp-build-optional-packages": "bin.js",
+        "node-gyp-build-optional-packages-optional": "optional.js",
+        "node-gyp-build-optional-packages-test": "build-test.js"
+      }
+    },
+    "node_modules/node-gyp-build-optional-packages/node_modules/detect-libc": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.0.3.tgz",
+      "integrity": "sha512-bwy0MGW55bG41VqxxypOsdSdGqLwXPI/focwgTYCFMbdUiBAxLg9CFzG08sz2aqzknwiX7Hkl0bQENjg8iLByw==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/node-int64": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/node-int64/-/node-int64-0.4.0.tgz",
+      "integrity": "sha512-O5lz91xSOeoXP6DulyHfllpq+Eg00MWitZIbtPfoSEvqIHdl5gfcY6hYzDWnj0qD5tz52PI08u9qUvSVeUBeHw=="
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
+      "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==",
+      "dev": true
+    },
+    "node_modules/nodemailer": {
+      "version": "6.9.9",
+      "resolved": "https://registry.npmjs.org/nodemailer/-/nodemailer-6.9.9.tgz",
+      "integrity": "sha512-dexTll8zqQoVJEZPwQAKzxxtFn0qTnjdQTchoU6Re9BUUGBJiOy3YMn/0ShTW6J5M0dfQ1NeDeRTTl4oIWgQMA==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/nodemailer-ses-transport": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/nodemailer-ses-transport/-/nodemailer-ses-transport-1.5.1.tgz",
+      "integrity": "sha1-3AWYwb9T6GUuYy6PMWks4CLX3qk=",
+      "dependencies": {
+        "aws-sdk": "^2.2.36"
+      }
+    },
+    "node_modules/nodemon": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/nodemon/-/nodemon-3.0.1.tgz",
+      "integrity": "sha512-g9AZ7HmkhQkqXkRc20w+ZfQ73cHLbE8hnPbtaFbFtCumZsjyMhKk9LajQ07U5Ux28lvFjZ5X7HvWR1xzU8jHVw==",
+      "dev": true,
+      "dependencies": {
+        "chokidar": "^3.5.2",
+        "debug": "^3.2.7",
+        "ignore-by-default": "^1.0.1",
+        "minimatch": "^3.1.2",
+        "pstree.remy": "^1.1.8",
+        "semver": "^7.5.3",
+        "simple-update-notifier": "^2.0.0",
+        "supports-color": "^5.5.0",
+        "touch": "^3.1.0",
+        "undefsafe": "^2.0.5"
+      },
+      "bin": {
+        "nodemon": "bin/nodemon.js"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/nodemon"
+      }
+    },
+    "node_modules/nodemon/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/nodemon/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/nodemon/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/nodemon/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/nodemon/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/nodemon/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/nopt": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-5.0.0.tgz",
+      "integrity": "sha512-Tbj67rffqceeLpcRXrT7vKAN8CwfPeIBgM7E6iBkmKLV7bEMwpGgYLGv0jACUsECaa/vuxP0IjEont6umdMgtQ==",
+      "dependencies": {
+        "abbrev": "1"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/normalize-package-data": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
+      "integrity": "sha512-/5CMN3T0R4XTj4DcGaexo+roZSdSFW/0AOOTROrjxzCG1wrWXEsGbRKevjlIL+ZDE4sZlJr5ED4YW0yqmkK+eA==",
+      "dev": true,
+      "dependencies": {
+        "hosted-git-info": "^2.1.4",
+        "resolve": "^1.10.0",
+        "semver": "2 || 3 || 4 || 5",
+        "validate-npm-package-license": "^3.0.1"
+      }
+    },
+    "node_modules/normalize-package-data/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/normalize-range": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+      "integrity": "sha1-LRDAa9/TEuqXd2laTShDlFa3WUI=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/now-and-later": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-3.0.0.tgz",
+      "integrity": "sha512-pGO4pzSdaxhWTGkfSfHx3hVzJVslFPwBp2Myq9MYN/ChfJZF87ochMAXnvz6/58RJSf5ik2q9tXprBBrk2cpcg==",
+      "dev": true,
+      "dependencies": {
+        "once": "^1.4.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "dev": true,
+      "dependencies": {
+        "path-key": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/npmlog": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/npmlog/-/npmlog-5.0.1.tgz",
+      "integrity": "sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==",
+      "dependencies": {
+        "are-we-there-yet": "^2.0.0",
+        "console-control-strings": "^1.1.0",
+        "gauge": "^3.0.0",
+        "set-blocking": "^2.0.0"
+      }
+    },
+    "node_modules/nth-check": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.0.1.tgz",
+      "integrity": "sha512-it1vE95zF6dTT9lBsYbxvqh0Soy4SPowchj0UBGj/V6cTPnXXtQOPUbhZ6CmGzAD/rW22LQK6E96pcdJXk4A4w==",
+      "dev": true,
+      "dependencies": {
+        "boolbase": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/nth-check?sponsor=1"
+      }
+    },
+    "node_modules/nvd3": {
+      "version": "1.8.6",
+      "resolved": "https://registry.npmjs.org/nvd3/-/nvd3-1.8.6.tgz",
+      "integrity": "sha1-LT66dL8zNjtRAevx0JPFmlOuc8Q=",
+      "dev": true,
+      "peerDependencies": {
+        "d3": "^3.4.4"
+      }
+    },
+    "node_modules/nwsapi": {
+      "version": "2.2.7",
+      "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz",
+      "integrity": "sha512-ub5E4+FBPKwAZx0UwIQOjYWGHTEq5sPqHQNRN8Z9e4A7u3Tj1weLJsL59yH9vmvqEtBHaOmT6cYQKIZOxp35FQ==",
+      "dev": true
+    },
+    "node_modules/nypm": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/nypm/-/nypm-0.5.4.tgz",
+      "integrity": "sha512-X0SNNrZiGU8/e/zAB7sCTtdxWTMSIO73q+xuKgglm2Yvzwlo8UoC5FNySQFCvl84uPaeADkqHUZUkWy4aH4xOA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "citty": "^0.1.6",
+        "consola": "^3.4.0",
+        "pathe": "^2.0.3",
+        "pkg-types": "^1.3.1",
+        "tinyexec": "^0.3.2",
+        "ufo": "^1.5.4"
+      },
+      "bin": {
+        "nypm": "dist/cli.mjs"
+      },
+      "engines": {
+        "node": "^14.16.0 || >=16.10.0"
+      }
+    },
+    "node_modules/oauth": {
+      "version": "0.9.15",
+      "resolved": "https://registry.npmjs.org/oauth/-/oauth-0.9.15.tgz",
+      "integrity": "sha1-vR/vr2hslrdUda7VGWQS/2DPucE="
+    },
+    "node_modules/oauth-sign": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
+      "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-copy": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz",
+      "integrity": "sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==",
+      "dev": true,
+      "dependencies": {
+        "copy-descriptor": "^0.1.0",
+        "define-property": "^0.2.5",
+        "kind-of": "^3.0.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-copy/node_modules/define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "dev": true,
+      "dependencies": {
+        "is-descriptor": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-copy/node_modules/is-descriptor": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz",
+      "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==",
+      "dev": true,
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object-copy/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dev": true,
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-hash": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.2.0.tgz",
+      "integrity": "sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.1",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.1.tgz",
+      "integrity": "sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-is": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
+      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object-visit": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz",
+      "integrity": "sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==",
+      "dev": true,
+      "dependencies": {
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.5.tgz",
+      "integrity": "sha512-byy+U7gp+FVwmyzKPYhW2h5l3crpmGsxl7X2s8y43IgxvG4g3QZ6CffDtsNQy1WsmZpQbO+ybo0AlW7TY6DcBQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.5",
+        "define-properties": "^1.2.1",
+        "has-symbols": "^1.0.3",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.entries": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/object.entries/-/object.entries-1.1.7.tgz",
+      "integrity": "sha512-jCBs/0plmPsOnrKAfFQXRG2NFjlhZgjjcBLSmTnEhU8U6vVTsVe8ANeQJCHTl3gSsI4J+0emOoCgoKlmQPMgmA==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.fromentries": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/object.fromentries/-/object.fromentries-2.0.6.tgz",
+      "integrity": "sha512-VciD13dswC4j1Xt5394WR4MzmAQmlgN72phd/riNp9vtD7tp4QQWJ0R4wvclXcafgcYK8veHRed2W6XeGBvcfg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.getownpropertydescriptors": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/object.getownpropertydescriptors/-/object.getownpropertydescriptors-2.1.3.tgz",
+      "integrity": "sha512-VdDoCwvJI4QdC6ndjpqFmoL3/+HxffFBbcJzKi5hwLLqqx3mdbedRpfZDdK0SrOSauj8X4GzBvnDZl4vTN7dOw==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.19.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.getprototypeof": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/object.getprototypeof/-/object.getprototypeof-1.0.5.tgz",
+      "integrity": "sha512-4G0QiXpoIppBUz5efmxTm/HTbVN2ioGjk/PbsaNvwISFX+saj8muGp6vNuzIdsosFxM4V/kpUVNvy/+9+DVBZQ==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "reflect.getprototypeof": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.hasown": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/object.hasown/-/object.hasown-1.1.2.tgz",
+      "integrity": "sha512-B5UIT3J1W+WuWIU55h0mjlwaqxiE5vYENJXIXZ4VFe05pNYrkKuK0U/6aFcb0pKywYJh7IhfoqUfKVmrJJHZHw==",
+      "dev": true,
+      "dependencies": {
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object.pick": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz",
+      "integrity": "sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==",
+      "dev": true,
+      "dependencies": {
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object.values": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/object.values/-/object.values-1.1.6.tgz",
+      "integrity": "sha512-FVVTkD1vENCsAcwNs9k6jea2uHC/X0+JcjG8YA60FN5CMaJmG95wT9jek/xX9nornqGRrBkKtzuAu2wuHpKqvw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/objectorarray": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/objectorarray/-/objectorarray-1.0.5.tgz",
+      "integrity": "sha512-eJJDYkhJFFbBBAxeh8xW+weHlkI28n2ZdQV/J/DNfWfSKlGEf2xcfAbZTv3riEXHAhL9SVOTs2pRmXiSTf78xg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/obuf": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz",
+      "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/octonode": {
+      "version": "0.9.5",
+      "resolved": "https://registry.npmjs.org/octonode/-/octonode-0.9.5.tgz",
+      "integrity": "sha512-l+aX9jNVkaagh7u/q2QpNKdL8XUagdztl+ebXxBRU6FJ1tpRxAH/ygIuWh0h7eS491BsyH6bb0QZIQEC2+u5oA==",
+      "dependencies": {
+        "bluebird": "^3.5.0",
+        "deep-extend": "^0.6.0",
+        "randomstring": "^1.1.5",
+        "request": "^2.72.0"
+      },
+      "engines": {
+        "node": ">0.4.11"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz",
+      "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/on-headers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.0.2.tgz",
+      "integrity": "sha512-pZAE+FJLoyITytdqK0U5s+FIpjN0JP3OzFi/u8Rx+EV5/W+JTWGXG8xFzevE7AjBfDqHv/8vL8qQsIhHnqRkrA==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dev": true,
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/open": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-8.4.2.tgz",
+      "integrity": "sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "define-lazy-prop": "^2.0.0",
+        "is-docker": "^2.1.1",
+        "is-wsl": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/openapi3-ts": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/openapi3-ts/-/openapi3-ts-3.1.2.tgz",
+      "integrity": "sha512-S8fijNOqe/ut0kEDAwHZnI7sVYqb8Q3XnISmSyXmK76jgrcf4ableI75KTY1qdksd9EI/t39Vi5M4VYKrkNKfQ==",
+      "dependencies": {
+        "yaml": "^2.1.3"
+      }
+    },
+    "node_modules/openapi3-ts/node_modules/yaml": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz",
+      "integrity": "sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/opentracing": {
+      "version": "0.14.7",
+      "resolved": "https://registry.npmjs.org/opentracing/-/opentracing-0.14.7.tgz",
+      "integrity": "sha512-vz9iS7MJ5+Bp1URw8Khvdyw1H/hGvzHWlKQ7eRrQojSCDL1/SrWfrY9QebLw97n2deyRtzHRC3MkQfVNUCo91Q==",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.8.3.tgz",
+      "integrity": "sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==",
+      "dependencies": {
+        "deep-is": "~0.1.3",
+        "fast-levenshtein": "~2.0.6",
+        "levn": "~0.3.0",
+        "prelude-ls": "~1.1.2",
+        "type-check": "~0.3.2",
+        "word-wrap": "~1.2.3"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/optionator/node_modules/levn": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.3.0.tgz",
+      "integrity": "sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==",
+      "dependencies": {
+        "prelude-ls": "~1.1.2",
+        "type-check": "~0.3.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/optionator/node_modules/prelude-ls": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.1.2.tgz",
+      "integrity": "sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/optionator/node_modules/type-check": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.3.2.tgz",
+      "integrity": "sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==",
+      "dependencies": {
+        "prelude-ls": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/options": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/options/-/options-0.0.6.tgz",
+      "integrity": "sha512-bOj3L1ypm++N+n7CEbbe473A414AB7z+amKYshRb//iuL3MpdDCLhPnw6aVTdKB9g5ZRVHIEp8eUln6L2NUStg==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/os-tmpdir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
+      "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ospath": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/ospath/-/ospath-1.2.2.tgz",
+      "integrity": "sha1-EnZjl3Sj+O8lcvf+QoDg6kVQwHs=",
+      "dev": true
+    },
+    "node_modules/otplib": {
+      "version": "12.0.1",
+      "resolved": "https://registry.npmjs.org/otplib/-/otplib-12.0.1.tgz",
+      "integrity": "sha512-xDGvUOQjop7RDgxTQ+o4pOol0/3xSZzawTiPKRrHnQWAy0WjhNs/5HdIDJCrqC4MBynmjXgULc6YfioaxZeFgg==",
+      "dependencies": {
+        "@otplib/core": "^12.0.1",
+        "@otplib/preset-default": "^12.0.1",
+        "@otplib/preset-v11": "^12.0.1"
+      }
+    },
+    "node_modules/overleaf-editor": {
+      "resolved": "services/history-v1",
+      "link": true
+    },
+    "node_modules/overleaf-editor-core": {
+      "resolved": "libraries/overleaf-editor-core",
+      "link": true
+    },
+    "node_modules/p-event": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/p-event/-/p-event-4.2.0.tgz",
+      "integrity": "sha512-KXatOjCRXXkSePPb1Nbi0p0m+gQAwdlbhi4wQKJPI1HsMQS9g+Sqp2o+QHziPr7eYJyOZet836KoHEVM1mwOrQ==",
+      "dependencies": {
+        "p-timeout": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-finally": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/p-finally/-/p-finally-1.0.0.tgz",
+      "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-map": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
+      "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
+      "dependencies": {
+        "aggregate-error": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-props": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/p-props/-/p-props-4.0.0.tgz",
+      "integrity": "sha512-3iKFbPdoPG7Ne3cMA53JnjPsTMaIzE9gxKZnvKJJivTAeqLEZPBu6zfi6DYq9AsH1nYycWmo3sWCNI8Kz6T2Zg==",
+      "dependencies": {
+        "p-map": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-queue": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/p-queue/-/p-queue-8.1.0.tgz",
+      "integrity": "sha512-mxLDbbGIBEXTJL0zEx8JIylaj3xQ7Z/7eEVjcF9fJX4DBiH9oqe+oahYnlKKxm0Ci9TlWTyhSHgygxMxjIB2jw==",
+      "license": "MIT",
+      "dependencies": {
+        "eventemitter3": "^5.0.1",
+        "p-timeout": "^6.1.2"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-queue/node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+      "license": "MIT"
+    },
+    "node_modules/p-queue/node_modules/p-timeout": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-6.1.4.tgz",
+      "integrity": "sha512-MyIV3ZA/PmyBN/ud8vV9XzwTrNtR4jFrObymZYnZqMmW0zA8Z17vnT0rBgFE/TlohB+YCHqXMgZzb3Csp49vqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-retry": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-6.2.1.tgz",
+      "integrity": "sha512-hEt02O4hUct5wtwg4H4KcWgDdm+l1bOaEy/hWzd8xtXB9BqxTWBBhb+2ImAtH4Cv4rPjV76xN3Zumqk3k3AhhQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/retry": "0.12.2",
+        "is-network-error": "^1.0.0",
+        "retry": "^0.13.1"
+      },
+      "engines": {
+        "node": ">=16.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-throttle": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/p-throttle/-/p-throttle-4.1.1.tgz",
+      "integrity": "sha512-TuU8Ato+pRTPJoDzYD4s7ocJYcNSEZRvlxoq3hcPI2kZDZ49IQ1Wkj7/gDJc3X7XiEAAvRGtDzdXJI0tC3IL1g==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-timeout": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-3.2.0.tgz",
+      "integrity": "sha512-rhIwUycgwwKcP9yTOOFK/AKsAopjjCakVqLHePO3CC6Mir1Z99xT+R63jZxAT5lFZLa2inS5h+ZS2GvR99/FBg==",
+      "dependencies": {
+        "p-finally": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/p-try": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/p-try/-/p-try-2.2.0.tgz",
+      "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/package-json-from-dist": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.0.tgz",
+      "integrity": "sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==",
+      "dev": true
+    },
+    "node_modules/packet-reader": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/packet-reader/-/packet-reader-1.0.0.tgz",
+      "integrity": "sha512-HAKu/fG3HpHFO0AA8WE8q2g+gBJaZ9MG7fcKk+IJPLTGAD6Psw4443l+9DGRbOIh3/aXr7Phy0TjilYivJo5XQ=="
+    },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "dev": true,
+      "license": "(MIT AND Zlib)"
+    },
+    "node_modules/param-case": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/param-case/-/param-case-3.0.4.tgz",
+      "integrity": "sha512-RXlj7zCYokReqWpOPH9oYivUzLYZ5vAPIfEmCTNViosC78F8F0H9y7T7gG2M39ymgutxF5gcFEsyZQSph9Bp3A==",
+      "dev": true,
+      "dependencies": {
+        "dot-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-data-url": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/parse-data-url/-/parse-data-url-2.0.0.tgz",
+      "integrity": "sha512-6iXM6OBCHADCN9Bzv5QbWm1v41xSH15kIWE5hAJ9+sdkVM6pJFg+FlLm8n7gZ17pmZv6Wdr3+leXB2Uifxm7kw==",
+      "dependencies": {
+        "valid-data-url": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/parse-duration": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/parse-duration/-/parse-duration-1.1.0.tgz",
+      "integrity": "sha512-z6t9dvSJYaPoQq7quMzdEagSFtpGu+utzHqqxmpVWNNZRIXnvqyCvn9XsTdh7c/w0Bqmdz3RB3YnRaKtpRtEXQ=="
+    },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parse-ms": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/parse-ms/-/parse-ms-2.1.0.tgz",
+      "integrity": "sha512-kHt7kzLoS9VBZfUsiKjv43mr91ea+U05EyKkEtqp7vNbHxmaVuEqN7XxeEVnGrMtYOAxGrDElSi96K7EgO1zCA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/parse-srcset": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/parse-srcset/-/parse-srcset-1.0.2.tgz",
+      "integrity": "sha1-8r0iH2zJcKk42IVWq8WJyqqiveE="
+    },
+    "node_modules/parse5": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-6.0.1.tgz",
+      "integrity": "sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==",
+      "dev": true
+    },
+    "node_modules/parse5-htmlparser2-tree-adapter": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-6.0.1.tgz",
+      "integrity": "sha512-qPuWvbLgvDGilKc5BoicRovlT4MtYT6JfJyBOMDsKoiT+GiuP5qyrPCnR9HcPECIJJmZh5jRndyNThnhhb/vlA==",
+      "dev": true,
+      "dependencies": {
+        "parse5": "^6.0.1"
+      }
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/pascal-case": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/pascal-case/-/pascal-case-3.1.2.tgz",
+      "integrity": "sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==",
+      "dev": true,
+      "dependencies": {
+        "no-case": "^3.0.4",
+        "tslib": "^2.0.3"
+      }
+    },
+    "node_modules/pascalcase": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
+      "integrity": "sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/passport": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/passport/-/passport-0.6.0.tgz",
+      "integrity": "sha512-0fe+p3ZnrWRW74fe8+SvCyf4a3Pb2/h7gFkQ8yTJpAO50gDzlfjZUZTO1k5Eg9kUct22OxHLqDZoKUWRHOh9ug==",
+      "dependencies": {
+        "passport-strategy": "1.x.x",
+        "pause": "0.0.1",
+        "utils-merge": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/jaredhanson"
+      }
+    },
+    "node_modules/passport-google-oauth20": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/passport-google-oauth20/-/passport-google-oauth20-2.0.0.tgz",
+      "integrity": "sha512-KSk6IJ15RoxuGq7D1UKK/8qKhNfzbLeLrG3gkLZ7p4A6DBCcv7xpyQwuXtWdpyR0+E0mwkpjY1VfPOhxQrKzdQ==",
+      "dependencies": {
+        "passport-oauth2": "1.x.x"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/passport-ldapauth": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/passport-ldapauth/-/passport-ldapauth-2.1.4.tgz",
+      "integrity": "sha512-VeVL69ZK+cpJe0DKMSGuwcf7k+V4dr0U0Y7ZhXL785pcRb5gRA6qYZfIH+XTsAzwqTK9l0Dn3Ds4weOZ1jKkLQ==",
+      "dependencies": {
+        "@types/node": "*",
+        "@types/passport": "^1.0.0",
+        "ldapauth-fork": "^4.3.2",
+        "passport-strategy": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/passport-local": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/passport-local/-/passport-local-1.0.0.tgz",
+      "integrity": "sha1-H+YyaMkudWBmJkN+O5BmYsFbpu4=",
+      "dependencies": {
+        "passport-strategy": "1.x.x"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/passport-oauth2": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/passport-oauth2/-/passport-oauth2-1.6.1.tgz",
+      "integrity": "sha512-ZbV43Hq9d/SBSYQ22GOiglFsjsD1YY/qdiptA+8ej+9C1dL1TVB+mBE5kDH/D4AJo50+2i8f4bx0vg4/yDDZCQ==",
+      "dependencies": {
+        "base64url": "3.x.x",
+        "oauth": "0.9.x",
+        "passport-strategy": "1.x.x",
+        "uid2": "0.0.x",
+        "utils-merge": "1.x.x"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/jaredhanson"
+      }
+    },
+    "node_modules/passport-orcid": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/passport-orcid/-/passport-orcid-0.0.4.tgz",
+      "integrity": "sha512-swqn1PIQpzAz0qHXwlBlBaRFkfYXsXJ9o33T11QykCuuxR/UppbHGPgBOnrZaIf/Mytq6uYn8s5C4lAahaMYxQ==",
+      "dependencies": {
+        "passport-oauth2": "^1.5.0"
+      }
+    },
+    "node_modules/passport-strategy": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/passport-strategy/-/passport-strategy-1.0.0.tgz",
+      "integrity": "sha1-tVOaqPwiWj0a0XlHbd8ja0QPUuQ=",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/patch-package": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/patch-package/-/patch-package-8.0.0.tgz",
+      "integrity": "sha512-da8BVIhzjtgScwDJ2TtKsfT5JFWz1hYoBl9rUQ1f38MC2HwnEIkK8VN3dKMKcP7P7bvvgzNDbfNHtx3MsQb5vA==",
+      "dependencies": {
+        "@yarnpkg/lockfile": "^1.1.0",
+        "chalk": "^4.1.2",
+        "ci-info": "^3.7.0",
+        "cross-spawn": "^7.0.3",
+        "find-yarn-workspace-root": "^2.0.0",
+        "fs-extra": "^9.0.0",
+        "json-stable-stringify": "^1.0.2",
+        "klaw-sync": "^6.0.0",
+        "minimist": "^1.2.6",
+        "open": "^7.4.2",
+        "rimraf": "^2.6.3",
+        "semver": "^7.5.3",
+        "slash": "^2.0.0",
+        "tmp": "^0.0.33",
+        "yaml": "^2.2.2"
+      },
+      "bin": {
+        "patch-package": "index.js"
+      },
+      "engines": {
+        "node": ">=14",
+        "npm": ">5"
+      }
+    },
+    "node_modules/patch-package/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/patch-package/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/patch-package/node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/patch-package/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/patch-package/node_modules/open": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/open/-/open-7.4.2.tgz",
+      "integrity": "sha512-MVHddDVweXZF3awtlAS+6pgKLlm/JgxZ90+/NBurBoQctVOOB/zDdVjcyPzQ+0laDGbsWgrRkflI65sQeOgT9Q==",
+      "dependencies": {
+        "is-docker": "^2.0.0",
+        "is-wsl": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/patch-package/node_modules/rimraf": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
+      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
+    "node_modules/patch-package/node_modules/semver": {
+      "version": "7.6.0",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
+      "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/patch-package/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/patch-package/node_modules/tmp": {
+      "version": "0.0.33",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.0.33.tgz",
+      "integrity": "sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==",
+      "dependencies": {
+        "os-tmpdir": "~1.0.2"
+      },
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/patch-package/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/patch-package/node_modules/yaml": {
+      "version": "2.3.4",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.4.tgz",
+      "integrity": "sha512-8aAvwVUSHpfEqTQ4w/KMlf3HcRdt50E5ODIQJBw1fQ5RL34xabzxtUlzTXVqc4rkZsPbvrXKWnABCD7kWSmocA==",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g=="
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-loader": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/path-loader/-/path-loader-1.0.10.tgz",
+      "integrity": "sha512-CMP0v6S6z8PHeJ6NFVyVJm6WyJjIwFvyz2b0n2/4bKdS/0uZa/9sKUlYZzubrn3zuDRU0zIuEDX9DZYQ2ZI8TA==",
+      "dependencies": {
+        "native-promise-only": "^0.8.1",
+        "superagent": "^3.8.3"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
+    },
+    "node_modules/path-scurry": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+      "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^10.2.0",
+        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/path-scurry/node_modules/lru-cache": {
+      "version": "10.2.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.0.tgz",
+      "integrity": "sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==",
+      "dev": true,
+      "engines": {
+        "node": "14 || >=16.14"
+      }
+    },
+    "node_modules/path-scurry/node_modules/minipass": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz",
+      "integrity": "sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
+      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
+      "license": "MIT"
+    },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pathval": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/pathval/-/pathval-1.1.1.tgz",
+      "integrity": "sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/pause": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/pause/-/pause-0.0.1.tgz",
+      "integrity": "sha1-HUCLP9t2kjuVQ9lvtMnf1TXZy10="
+    },
+    "node_modules/pdf-parse": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/pdf-parse/-/pdf-parse-1.1.1.tgz",
+      "integrity": "sha512-v6ZJ/efsBpGrGGknjtq9J/oC8tZWq0KWL5vQrk2GlzLEQPUDB1ex+13Rmidl1neNN358Jn9EHZw5y07FFtaC7A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^3.1.0",
+        "node-ensure": "^0.0.0"
+      },
+      "engines": {
+        "node": ">=6.8.1"
+      }
+    },
+    "node_modules/pdf-parse/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/pdfjs-dist": {
+      "version": "4.10.38",
+      "resolved": "https://registry.npmjs.org/pdfjs-dist/-/pdfjs-dist-4.10.38.tgz",
+      "integrity": "sha512-/Y3fcFrXEAsMjJXeL9J8+ZG9U01LbuWaYypvDW2ycW1jL269L3js3DVBjDJ0Up9Np1uqDXsDrRihHANhZOlwdQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=20"
+      },
+      "optionalDependencies": {
+        "@napi-rs/canvas": "^0.1.65"
+      }
+    },
+    "node_modules/pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha1-elfrVQpng/kRUzH89GY9XI4AelA="
+    },
+    "node_modules/performance-now": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+      "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns="
+    },
+    "node_modules/pg": {
+      "version": "8.7.1",
+      "resolved": "https://registry.npmjs.org/pg/-/pg-8.7.1.tgz",
+      "integrity": "sha512-7bdYcv7V6U3KAtWjpQJJBww0UEsWuh4yQ/EjNf2HeO/NnvKjpvhEIe/A/TleP6wtmSKnUnghs5A9jUoK6iDdkA==",
+      "dependencies": {
+        "buffer-writer": "2.0.0",
+        "packet-reader": "1.0.0",
+        "pg-connection-string": "^2.5.0",
+        "pg-pool": "^3.4.1",
+        "pg-protocol": "^1.5.0",
+        "pg-types": "^2.1.0",
+        "pgpass": "1.x"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      },
+      "peerDependencies": {
+        "pg-native": ">=2.0.0"
+      },
+      "peerDependenciesMeta": {
+        "pg-native": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/pg-connection-string": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/pg-connection-string/-/pg-connection-string-2.5.0.tgz",
+      "integrity": "sha512-r5o/V/ORTA6TmUnyWZR9nCj1klXCO2CEKNRlVuJptZe85QuhFayC7WeMic7ndayT5IRIR0S0xFxFi2ousartlQ=="
+    },
+    "node_modules/pg-copy-streams": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/pg-copy-streams/-/pg-copy-streams-2.2.2.tgz",
+      "integrity": "sha512-mjSqs6hrsRhBojCuY2hxyg48B+3th5ARBjMxBCEisIqBvdRD0g5ETdbts20TzrOfha8ueJQOmQCJCprtczJtGQ=="
+    },
+    "node_modules/pg-cursor": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/pg-cursor/-/pg-cursor-2.12.1.tgz",
+      "integrity": "sha512-V13tEaA9Oq1w+V6Q3UBIB/blxJrwbbr35/dY54r/86soBJ7xkP236bXaORUTVXUPt9B6Ql2BQu+uwQiuMfRVgg==",
+      "peerDependencies": {
+        "pg": "^8"
+      }
+    },
+    "node_modules/pg-int8": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/pg-int8/-/pg-int8-1.0.1.tgz",
+      "integrity": "sha512-WCtabS6t3c8SkpDBUlb1kjOs7l66xsGdKpIPZsg4wR+B3+u9UAum2odSsF9tnvxg80h4ZxLWMy4pRjOsFIqQpw==",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/pg-pool": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npmjs.org/pg-pool/-/pg-pool-3.4.1.tgz",
+      "integrity": "sha512-TVHxR/gf3MeJRvchgNHxsYsTCHQ+4wm3VIHSS19z8NC0+gioEhq1okDY1sm/TYbfoP6JLFx01s0ShvZ3puP/iQ==",
+      "peerDependencies": {
+        "pg": ">=8.0"
+      }
+    },
+    "node_modules/pg-protocol": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/pg-protocol/-/pg-protocol-1.5.0.tgz",
+      "integrity": "sha512-muRttij7H8TqRNu/DxrAJQITO4Ac7RmX3Klyr/9mJEOBeIpgnF8f9jAfRz5d3XwQZl5qBjF9gLsUtMPJE0vezQ=="
+    },
+    "node_modules/pg-query-stream": {
+      "version": "4.7.1",
+      "resolved": "https://registry.npmjs.org/pg-query-stream/-/pg-query-stream-4.7.1.tgz",
+      "integrity": "sha512-UMgsgn/pOIYsIifRySp59vwlpTpLADMK9HWJtq5ff0Z3MxBnPMGnCQeaQl5VuL+7ov4F96mSzIRIcz+Duo6OiQ==",
+      "dependencies": {
+        "pg-cursor": "^2.12.1"
+      },
+      "peerDependencies": {
+        "pg": "^8"
+      }
+    },
+    "node_modules/pg-types": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/pg-types/-/pg-types-2.2.0.tgz",
+      "integrity": "sha512-qTAAlrEsl8s4OiEQY69wDvcMIdQN6wdz5ojQiOy6YRMuynxenON0O5oCpJI6lshc6scgAY8qvJ2On/p+CXY0GA==",
+      "dependencies": {
+        "pg-int8": "1.0.1",
+        "postgres-array": "~2.0.0",
+        "postgres-bytea": "~1.0.0",
+        "postgres-date": "~1.0.4",
+        "postgres-interval": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/pgpass": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/pgpass/-/pgpass-1.0.5.tgz",
+      "integrity": "sha512-FdW9r/jQZhSeohs1Z3sI1yxFQNFvMcnmfuj4WBMUTxOrAyLMaTcE1aAMBiTlbMNaXvBCQuVi0R7hd8udDSP7ug==",
+      "dependencies": {
+        "split2": "^4.1.0"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha1-7RQaasBDqEnqWISY59yosVMw6Qw=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pinkie": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
+      "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pinkie-promise": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
+      "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=",
+      "dependencies": {
+        "pinkie": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
+      "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/pkg-dir": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pkg-dir/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pkg-dir/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pkg-dir/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pkg-dir/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pkg-types": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.3.1.tgz",
+      "integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.1.8",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.1"
+      }
+    },
+    "node_modules/pkg-up": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/pkg-up/-/pkg-up-3.1.0.tgz",
+      "integrity": "sha512-nDywThFk1i4BQK4twPQ6TA4RT8bDY96yeuCVBWL3ePARCiEKDRSrNGbFIgUJpLp+XeIR65v8ra7WuJOFUBtkMA==",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/pkg-up/node_modules/find-up": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-3.0.0.tgz",
+      "integrity": "sha512-1yD6RmLI1XBfxugvORwlck6f75tYL+iR0jqwsOrOxMZyGYqUuDhJ0l4AXdO1iX/FTs9cBAMEk1gWSEx1kSbylg==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pkg-up/node_modules/locate-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz",
+      "integrity": "sha512-7AO748wWnIhNqAuaty2ZWHkQHRSNfPVIsPIfwEOWO22AmaoVrWavlOcMR5nzTLNYvp36X220/maaRsrec1G65A==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^3.0.0",
+        "path-exists": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pkg-up/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pkg-up/node_modules/p-locate": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-3.0.0.tgz",
+      "integrity": "sha512-x+12w/To+4GFfgJhBEpiDcLozRJGegY+Ei7/z0tSLkMmxGZNybVMSfWj9aJn8Z5Fc7dBUNJOOVgPv2H7IwulSQ==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/pkg-up/node_modules/path-exists": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-3.0.0.tgz",
+      "integrity": "sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/platform": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/platform/-/platform-1.3.6.tgz",
+      "integrity": "sha512-fnWVljUchTro6RiCFvCXBbNhJc2NijN7oIQxbwsyL0buWJPG85v81ehlHI9fXrJsMNgTofEoWIQeClKpgxFLrg==",
+      "dev": true
+    },
+    "node_modules/pluralize": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/pluralize/-/pluralize-8.0.0.tgz",
+      "integrity": "sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/pngjs": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/pngjs/-/pngjs-5.0.0.tgz",
+      "integrity": "sha512-40QW5YalBNfQo5yRYmiw7Yz6TKKVr3h6970B2YE+3fQpsWcrbj1PzJgxeJ19DRQjhMbKPIuMY8rFaXc8moolVw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/policyfile": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/policyfile/-/policyfile-0.0.4.tgz",
+      "integrity": "sha512-UfDtlscNialXfmVEwEPm0t/5qtM0xPK025eYWd/ilv89hxLIhVQmt3QIzMHincLO2MBtZyww0386pt13J4aIhQ==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/polished": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/polished/-/polished-4.3.1.tgz",
+      "integrity": "sha512-OBatVyC/N7SCW/FaDHrSd+vn0o5cS855TOmYi4OkdWUMSJCET/xip//ch8xGUvtr3i44X9LVyWwQlRMTN3pwSA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.17.8"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/posix-character-classes": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/posix-character-classes/-/posix-character-classes-0.1.1.tgz",
+      "integrity": "sha512-xTgYBc3fuo7Yt7JbiuFxSYGToMoz8fLoE6TC9Wx1P/u+LfeThMOAqmuyECnlBaaJb+u1m9hHiXUEtwW4OzfUJg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/possible-typed-array-names": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.0.0.tgz",
+      "integrity": "sha512-d7Uw+eZoloe0EHDIYoe+bQ5WXnGMOpmiZFTuMWCwpjzzkL2nTjcKiAk4hh8TjnGye2TwWOk3UXucZ+3rbmBa8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.4.38",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.38.tgz",
+      "integrity": "sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.7",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.2.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-attribute-case-insensitive": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-attribute-case-insensitive/-/postcss-attribute-case-insensitive-6.0.2.tgz",
+      "integrity": "sha512-IRuCwwAAQbgaLhxQdQcIIK0dCVXg3XDUnzgKD8iwdiYdwU4rMWRWyl/W9/0nA4ihVpq5pyALiHB2veBJ0292pw==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-calc": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-calc/-/postcss-calc-9.0.1.tgz",
+      "integrity": "sha512-TipgjGyzP5QzEhsOZUaIkeO5mKeMFpebWzRogWG/ysonUlnHcq5aJe0jOjpfzUU8PeSaBQnrE8ehR0QA5vs8PQ==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.11",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.2"
+      }
+    },
+    "node_modules/postcss-clamp": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-clamp/-/postcss-clamp-4.1.0.tgz",
+      "integrity": "sha512-ry4b1Llo/9zz+PKC+030KUnPITTJAHeOwjfAyyB60eT0AorGLdzp52s31OsPRHRf8NchkgFoG2y6fCfn1IV1Ow==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": ">=7.6.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.6"
+      }
+    },
+    "node_modules/postcss-color-functional-notation": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-color-functional-notation/-/postcss-color-functional-notation-5.1.0.tgz",
+      "integrity": "sha512-w2R4py6zrVE1U7FwNaAc76tNQlG9GLkrBbcFw+VhUjyDDiV28vfZG+l4LyPmpoQpeSJVtu8VgNjE8Jv5SpC7dQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/postcss-progressive-custom-properties": "^2.3.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-color-hex-alpha": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-color-hex-alpha/-/postcss-color-hex-alpha-9.0.2.tgz",
+      "integrity": "sha512-SfPjgr//VQ/DOCf80STIAsdAs7sbIbxATvVmd+Ec7JvR8onz9pjawhq3BJM3Pie40EE3TyB0P6hft16D33Nlyg==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-color-rebeccapurple": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-color-rebeccapurple/-/postcss-color-rebeccapurple-8.0.2.tgz",
+      "integrity": "sha512-xWf/JmAxVoB5bltHpXk+uGRoGFwu4WDAR7210el+iyvTdqiKpDhtcT8N3edXMoVJY0WHFMrKMUieql/wRNiXkw==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-colormin": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-colormin/-/postcss-colormin-6.0.0.tgz",
+      "integrity": "sha512-EuO+bAUmutWoZYgHn2T1dG1pPqHU6L4TjzPlu4t1wZGXQ/fxV16xg2EJmYi0z+6r+MGV1yvpx1BHkUaRrPa2bw==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "caniuse-api": "^3.0.0",
+        "colord": "^2.9.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-convert-values": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-convert-values/-/postcss-convert-values-6.0.0.tgz",
+      "integrity": "sha512-U5D8QhVwqT++ecmy8rnTb+RL9n/B806UVaS3m60lqle4YDFcpbS3ae5bTQIh3wOGUSDHSEtMYLs/38dNG7EYFw==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-custom-media": {
+      "version": "9.1.5",
+      "resolved": "https://registry.npmjs.org/postcss-custom-media/-/postcss-custom-media-9.1.5.tgz",
+      "integrity": "sha512-GStyWMz7Qbo/Gtw1xVspzVSX8eipgNg4lpsO3CAeY4/A1mzok+RV6MCv3fg62trWijh/lYEj6vps4o8JcBBpDA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/cascade-layer-name-parser": "^1.0.2",
+        "@csstools/css-parser-algorithms": "^2.2.0",
+        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/media-query-list-parser": "^2.1.1"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-custom-properties": {
+      "version": "13.3.2",
+      "resolved": "https://registry.npmjs.org/postcss-custom-properties/-/postcss-custom-properties-13.3.2.tgz",
+      "integrity": "sha512-2Coszybpo8lpLY24vy2CYv9AasiZ39/bs8Imv0pWMq55Gl8NWzfc24OAo3zIX7rc6uUJAqESnVOMZ6V6lpMjJA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/cascade-layer-name-parser": "^1.0.5",
+        "@csstools/css-parser-algorithms": "^2.3.2",
+        "@csstools/css-tokenizer": "^2.2.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-custom-selectors": {
+      "version": "7.1.6",
+      "resolved": "https://registry.npmjs.org/postcss-custom-selectors/-/postcss-custom-selectors-7.1.6.tgz",
+      "integrity": "sha512-svsjWRaxqL3vAzv71dV0/65P24/FB8TbPX+lWyyf9SZ7aZm4S4NhCn7N3Bg+Z5sZunG3FS8xQ80LrCU9hb37cw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/cascade-layer-name-parser": "^1.0.5",
+        "@csstools/css-parser-algorithms": "^2.3.2",
+        "@csstools/css-tokenizer": "^2.2.1",
+        "postcss-selector-parser": "^6.0.13"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-dir-pseudo-class": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-dir-pseudo-class/-/postcss-dir-pseudo-class-7.0.2.tgz",
+      "integrity": "sha512-cMnslilYxBf9k3qejnovrUONZx1rXeUZJw06fgIUBzABJe3D2LiLL5WAER7Imt3nrkaIgG05XZBztueLEf5P8w==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-discard-comments": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-6.0.0.tgz",
+      "integrity": "sha512-p2skSGqzPMZkEQvJsgnkBhCn8gI7NzRH2683EEjrIkoMiwRELx68yoUJ3q3DGSGuQ8Ug9Gsn+OuDr46yfO+eFw==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-discard-duplicates": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-6.0.0.tgz",
+      "integrity": "sha512-bU1SXIizMLtDW4oSsi5C/xHKbhLlhek/0/yCnoMQany9k3nPBq+Ctsv/9oMmyqbR96HYHxZcHyK2HR5P/mqoGA==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-discard-empty": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-6.0.0.tgz",
+      "integrity": "sha512-b+h1S1VT6dNhpcg+LpyiUrdnEZfICF0my7HAKgJixJLW7BnNmpRH34+uw/etf5AhOlIhIAuXApSzzDzMI9K/gQ==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-discard-overridden": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-6.0.0.tgz",
+      "integrity": "sha512-4VELwssYXDFigPYAZ8vL4yX4mUepF/oCBeeIT4OXsJPYOtvJumyz9WflmJWTfDwCUcpDR+z0zvCWBXgTx35SVw==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-double-position-gradients": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-double-position-gradients/-/postcss-double-position-gradients-4.0.4.tgz",
+      "integrity": "sha512-nUAbUXURemLXIrl4Xoia2tiu5z/n8sY+BVDZApoeT9BlpByyrp02P/lFCRrRvZ/zrGRE+MOGLhk8o7VcMCtPtQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/postcss-progressive-custom-properties": "^2.3.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-focus-visible": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-focus-visible/-/postcss-focus-visible-8.0.2.tgz",
+      "integrity": "sha512-f/Vd+EC/GaKElknU59esVcRYr/Y3t1ZAQyL4u2xSOgkDy4bMCmG7VP5cGvj3+BTLNE9ETfEuz2nnt4qkZwTTeA==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-focus-within": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-7.0.2.tgz",
+      "integrity": "sha512-AHAJ89UQBcqBvFgQJE9XasGuwMNkKsGj4D/f9Uk60jFmEBHpAL14DrnSk3Rj+SwZTr/WUG+mh+Rvf8fid/346w==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-font-variant": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz",
+      "integrity": "sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==",
+      "dev": true,
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-gap-properties": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-gap-properties/-/postcss-gap-properties-4.0.1.tgz",
+      "integrity": "sha512-V5OuQGw4lBumPlwHWk/PRfMKjaq/LTGR4WDTemIMCaMevArVfCCA9wBJiL1VjDAd+rzuCIlkRoRvDsSiAaZ4Fg==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-image-set-function": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-image-set-function/-/postcss-image-set-function-5.0.2.tgz",
+      "integrity": "sha512-Sszjwo0ubETX0Fi5MvpYzsONwrsjeabjMoc5YqHvURFItXgIu3HdCjcVuVKGMPGzKRhgaknmdM5uVWInWPJmeg==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-initial": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-initial/-/postcss-initial-4.0.1.tgz",
+      "integrity": "sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==",
+      "dev": true,
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-lab-function": {
+      "version": "5.2.3",
+      "resolved": "https://registry.npmjs.org/postcss-lab-function/-/postcss-lab-function-5.2.3.tgz",
+      "integrity": "sha512-fi32AYKzji5/rvgxo5zXHFvAYBw0u0OzELbeCNjEZVLUir18Oj+9RmNphtM8QdLUaUnrfx8zy8vVYLmFLkdmrQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/css-color-parser": "^1.2.0",
+        "@csstools/css-parser-algorithms": "^2.1.1",
+        "@csstools/css-tokenizer": "^2.1.1",
+        "@csstools/postcss-progressive-custom-properties": "^2.3.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-loader": {
+      "version": "7.3.3",
+      "resolved": "https://registry.npmjs.org/postcss-loader/-/postcss-loader-7.3.3.tgz",
+      "integrity": "sha512-YgO/yhtevGO/vJePCQmTxiaEwER94LABZN0ZMT4A0vsak9TpO+RvKRs7EmJ8peIlB9xfXCsS7M8LjqncsUZ5HA==",
+      "dev": true,
+      "dependencies": {
+        "cosmiconfig": "^8.2.0",
+        "jiti": "^1.18.2",
+        "semver": "^7.3.8"
+      },
+      "engines": {
+        "node": ">= 14.15.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "postcss": "^7.0.0 || ^8.0.1",
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/postcss-loader/node_modules/cosmiconfig": {
+      "version": "8.3.6",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-8.3.6.tgz",
+      "integrity": "sha512-kcZ6+W5QzcJ3P1Mt+83OUv/oHFqZHIx8DuxG6eZ5RGMERoLqp4BuGjhHLYGK+Kf5XVkQvqBSmAy/nGWN3qDgEA==",
+      "dev": true,
+      "dependencies": {
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0",
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-loader/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/postcss-loader/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/postcss-loader/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/postcss-logical": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-6.2.0.tgz",
+      "integrity": "sha512-aqlfKGaY0nnbgI9jwUikp4gJKBqcH5noU/EdnIVceghaaDPYhZuyJVxlvWNy55tlTG5tunRKCTAX9yljLiFgmw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-media-query-parser": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz",
+      "integrity": "sha512-3sOlxmbKcSHMjlUXQZKQ06jOswE7oVkXPxmZdoB1r5l0q6gTFTQSHxNxOrCccElbW7dxNytifNEo8qidX2Vsig==",
+      "dev": true
+    },
+    "node_modules/postcss-merge-longhand": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-merge-longhand/-/postcss-merge-longhand-6.0.0.tgz",
+      "integrity": "sha512-4VSfd1lvGkLTLYcxFuISDtWUfFS4zXe0FpF149AyziftPFQIWxjvFSKhA4MIxMe4XM3yTDgQMbSNgzIVxChbIg==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0",
+        "stylehacks": "^6.0.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-merge-rules": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-merge-rules/-/postcss-merge-rules-6.0.1.tgz",
+      "integrity": "sha512-a4tlmJIQo9SCjcfiCcCMg/ZCEe0XTkl/xK0XHBs955GWg9xDX3NwP9pwZ78QUOWB8/0XCjZeJn98Dae0zg6AAw==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "caniuse-api": "^3.0.0",
+        "cssnano-utils": "^4.0.0",
+        "postcss-selector-parser": "^6.0.5"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-minify-font-values": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-minify-font-values/-/postcss-minify-font-values-6.0.0.tgz",
+      "integrity": "sha512-zNRAVtyh5E8ndZEYXA4WS8ZYsAp798HiIQ1V2UF/C/munLp2r1UGHwf1+6JFu7hdEhJFN+W1WJQKBrtjhFgEnA==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-minify-gradients": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-minify-gradients/-/postcss-minify-gradients-6.0.0.tgz",
+      "integrity": "sha512-wO0F6YfVAR+K1xVxF53ueZJza3L+R3E6cp0VwuXJQejnNUH0DjcAFe3JEBeTY1dLwGa0NlDWueCA1VlEfiKgAA==",
+      "dev": true,
+      "dependencies": {
+        "colord": "^2.9.1",
+        "cssnano-utils": "^4.0.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-minify-params": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-minify-params/-/postcss-minify-params-6.0.0.tgz",
+      "integrity": "sha512-Fz/wMQDveiS0n5JPcvsMeyNXOIMrwF88n7196puSuQSWSa+/Ofc1gDOSY2xi8+A4PqB5dlYCKk/WfqKqsI+ReQ==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "cssnano-utils": "^4.0.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-minify-selectors": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-minify-selectors/-/postcss-minify-selectors-6.0.0.tgz",
+      "integrity": "sha512-ec/q9JNCOC2CRDNnypipGfOhbYPuUkewGwLnbv6omue/PSASbHSU7s6uSQ0tcFRVv731oMIx8k0SP4ZX6be/0g==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.5"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-modules-local-by-default": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/postcss-modules-local-by-default/-/postcss-modules-local-by-default-4.0.3.tgz",
+      "integrity": "sha512-2/u2zraspoACtrbFRnTijMiQtb4GW4BvatjaG/bCjYQo8kLTdevCUlwuBHx2sCnSyrI3x3qj4ZK1j5LQBgzmwA==",
+      "dev": true,
+      "dependencies": {
+        "icss-utils": "^5.0.0",
+        "postcss-selector-parser": "^6.0.2",
+        "postcss-value-parser": "^4.1.0"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >= 14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-nesting": {
+      "version": "11.3.0",
+      "resolved": "https://registry.npmjs.org/postcss-nesting/-/postcss-nesting-11.3.0.tgz",
+      "integrity": "sha512-JlS10AQm/RzyrUGgl5irVkAlZYTJ99mNueUl+Qab+TcHhVedLiylWVkKBhRale+rS9yWIJK48JVzQlq3LcSdeA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/selector-specificity": "^2.0.0",
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-normalize-charset": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-6.0.0.tgz",
+      "integrity": "sha512-cqundwChbu8yO/gSWkuFDmKrCZ2vJzDAocheT2JTd0sFNA4HMGoKMfbk2B+J0OmO0t5GUkiAkSM5yF2rSLUjgQ==",
+      "dev": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-display-values": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-display-values/-/postcss-normalize-display-values-6.0.0.tgz",
+      "integrity": "sha512-Qyt5kMrvy7dJRO3OjF7zkotGfuYALETZE+4lk66sziWSPzlBEt7FrUshV6VLECkI4EN8Z863O6Nci4NXQGNzYw==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-positions": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-positions/-/postcss-normalize-positions-6.0.0.tgz",
+      "integrity": "sha512-mPCzhSV8+30FZyWhxi6UoVRYd3ZBJgTRly4hOkaSifo0H+pjDYcii/aVT4YE6QpOil15a5uiv6ftnY3rm0igPg==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-repeat-style": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-repeat-style/-/postcss-normalize-repeat-style-6.0.0.tgz",
+      "integrity": "sha512-50W5JWEBiOOAez2AKBh4kRFm2uhrT3O1Uwdxz7k24aKtbD83vqmcVG7zoIwo6xI2FZ/HDlbrCopXhLeTpQib1A==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-string": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-string/-/postcss-normalize-string-6.0.0.tgz",
+      "integrity": "sha512-KWkIB7TrPOiqb8ZZz6homet2KWKJwIlysF5ICPZrXAylGe2hzX/HSf4NTX2rRPJMAtlRsj/yfkrWGavFuB+c0w==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-timing-functions": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-timing-functions/-/postcss-normalize-timing-functions-6.0.0.tgz",
+      "integrity": "sha512-tpIXWciXBp5CiFs8sem90IWlw76FV4oi6QEWfQwyeREVwUy39VSeSqjAT7X0Qw650yAimYW5gkl2Gd871N5SQg==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-unicode": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-unicode/-/postcss-normalize-unicode-6.0.0.tgz",
+      "integrity": "sha512-ui5crYkb5ubEUDugDc786L/Me+DXp2dLg3fVJbqyAl0VPkAeALyAijF2zOsnZyaS1HyfPuMH0DwyY18VMFVNkg==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-url": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-url/-/postcss-normalize-url-6.0.0.tgz",
+      "integrity": "sha512-98mvh2QzIPbb02YDIrYvAg4OUzGH7s1ZgHlD3fIdTHLgPLRpv1ZTKJDnSAKr4Rt21ZQFzwhGMXxpXlfrUBKFHw==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-normalize-whitespace": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-normalize-whitespace/-/postcss-normalize-whitespace-6.0.0.tgz",
+      "integrity": "sha512-7cfE1AyLiK0+ZBG6FmLziJzqQCpTQY+8XjMhMAz8WSBSCsCNNUKujgIgjCAmDT3cJ+3zjTXFkoD15ZPsckArVw==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-opacity-percentage": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-opacity-percentage/-/postcss-opacity-percentage-2.0.0.tgz",
+      "integrity": "sha512-lyDrCOtntq5Y1JZpBFzIWm2wG9kbEdujpNt4NLannF+J9c8CgFIzPa80YQfdza+Y+yFfzbYj/rfoOsYsooUWTQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "kofi",
+          "url": "https://ko-fi.com/mrcgrtz"
+        },
+        {
+          "type": "liberapay",
+          "url": "https://liberapay.com/mrcgrtz"
+        }
+      ],
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2"
+      }
+    },
+    "node_modules/postcss-ordered-values": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-ordered-values/-/postcss-ordered-values-6.0.0.tgz",
+      "integrity": "sha512-K36XzUDpvfG/nWkjs6d1hRBydeIxGpKS2+n+ywlKPzx1nMYDYpoGbcjhj5AwVYJK1qV2/SDoDEnHzlPD6s3nMg==",
+      "dev": true,
+      "dependencies": {
+        "cssnano-utils": "^4.0.0",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-overflow-shorthand": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-overflow-shorthand/-/postcss-overflow-shorthand-4.0.1.tgz",
+      "integrity": "sha512-HQZ0qi/9iSYHW4w3ogNqVNr2J49DHJAl7r8O2p0Meip38jsdnRPgiDW7r/LlLrrMBMe3KHkvNtAV2UmRVxzLIg==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-page-break": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/postcss-page-break/-/postcss-page-break-3.0.4.tgz",
+      "integrity": "sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==",
+      "dev": true,
+      "peerDependencies": {
+        "postcss": "^8"
+      }
+    },
+    "node_modules/postcss-place": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-place/-/postcss-place-8.0.1.tgz",
+      "integrity": "sha512-Ow2LedN8sL4pq8ubukO77phSVt4QyCm35ZGCYXKvRFayAwcpgB0sjNJglDoTuRdUL32q/ZC1VkPBo0AOEr4Uiw==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-preset-env": {
+      "version": "8.5.1",
+      "resolved": "https://registry.npmjs.org/postcss-preset-env/-/postcss-preset-env-8.5.1.tgz",
+      "integrity": "sha512-qhWnJJjP6ArLUINWJ38t6Aftxnv9NW6cXK0NuwcLCcRilbuw72dSFLkCVUJeCfHGgJiKzX+pnhkGiki0PEynWg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "dependencies": {
+        "@csstools/postcss-cascade-layers": "^3.0.1",
+        "@csstools/postcss-color-function": "^2.2.3",
+        "@csstools/postcss-color-mix-function": "^1.0.3",
+        "@csstools/postcss-font-format-keywords": "^2.0.2",
+        "@csstools/postcss-gradients-interpolation-method": "^3.0.6",
+        "@csstools/postcss-hwb-function": "^2.2.2",
+        "@csstools/postcss-ic-unit": "^2.0.4",
+        "@csstools/postcss-is-pseudo-class": "^3.2.1",
+        "@csstools/postcss-logical-float-and-clear": "^1.0.1",
+        "@csstools/postcss-logical-resize": "^1.0.1",
+        "@csstools/postcss-logical-viewport-units": "^1.0.3",
+        "@csstools/postcss-media-minmax": "^1.0.4",
+        "@csstools/postcss-media-queries-aspect-ratio-number-values": "^1.0.4",
+        "@csstools/postcss-nested-calc": "^2.0.2",
+        "@csstools/postcss-normalize-display-values": "^2.0.1",
+        "@csstools/postcss-oklab-function": "^2.2.3",
+        "@csstools/postcss-progressive-custom-properties": "^2.3.0",
+        "@csstools/postcss-relative-color-syntax": "^1.0.2",
+        "@csstools/postcss-scope-pseudo-class": "^2.0.2",
+        "@csstools/postcss-stepped-value-functions": "^2.1.1",
+        "@csstools/postcss-text-decoration-shorthand": "^2.2.4",
+        "@csstools/postcss-trigonometric-functions": "^2.1.1",
+        "@csstools/postcss-unset-value": "^2.0.1",
+        "autoprefixer": "^10.4.14",
+        "browserslist": "^4.21.9",
+        "css-blank-pseudo": "^5.0.2",
+        "css-has-pseudo": "^5.0.2",
+        "css-prefers-color-scheme": "^8.0.2",
+        "cssdb": "^7.6.0",
+        "postcss-attribute-case-insensitive": "^6.0.2",
+        "postcss-clamp": "^4.1.0",
+        "postcss-color-functional-notation": "^5.1.0",
+        "postcss-color-hex-alpha": "^9.0.2",
+        "postcss-color-rebeccapurple": "^8.0.2",
+        "postcss-custom-media": "^9.1.5",
+        "postcss-custom-properties": "^13.2.0",
+        "postcss-custom-selectors": "^7.1.3",
+        "postcss-dir-pseudo-class": "^7.0.2",
+        "postcss-double-position-gradients": "^4.0.4",
+        "postcss-focus-visible": "^8.0.2",
+        "postcss-focus-within": "^7.0.2",
+        "postcss-font-variant": "^5.0.0",
+        "postcss-gap-properties": "^4.0.1",
+        "postcss-image-set-function": "^5.0.2",
+        "postcss-initial": "^4.0.1",
+        "postcss-lab-function": "^5.2.3",
+        "postcss-logical": "^6.2.0",
+        "postcss-nesting": "^11.3.0",
+        "postcss-opacity-percentage": "^2.0.0",
+        "postcss-overflow-shorthand": "^4.0.1",
+        "postcss-page-break": "^3.0.4",
+        "postcss-place": "^8.0.1",
+        "postcss-pseudo-class-any-link": "^8.0.2",
+        "postcss-replace-overflow-wrap": "^4.0.0",
+        "postcss-selector-not": "^7.0.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-pseudo-class-any-link": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/postcss-pseudo-class-any-link/-/postcss-pseudo-class-any-link-8.0.2.tgz",
+      "integrity": "sha512-FYTIuRE07jZ2CW8POvctRgArQJ43yxhr5vLmImdKUvjFCkR09kh8pIdlCwdx/jbFm7MiW4QP58L4oOUv3grQYA==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-reduce-initial": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-initial/-/postcss-reduce-initial-6.0.0.tgz",
+      "integrity": "sha512-s2UOnidpVuXu6JiiI5U+fV2jamAw5YNA9Fdi/GRK0zLDLCfXmSGqQtzpUPtfN66RtCbb9fFHoyZdQaxOB3WxVA==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "caniuse-api": "^3.0.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-reduce-transforms": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-reduce-transforms/-/postcss-reduce-transforms-6.0.0.tgz",
+      "integrity": "sha512-FQ9f6xM1homnuy1wLe9lP1wujzxnwt1EwiigtWwuyf8FsqqXUDUp2Ulxf9A5yjlUOTdCJO6lonYjg1mgqIIi2w==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-replace-overflow-wrap": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-4.0.0.tgz",
+      "integrity": "sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==",
+      "dev": true,
+      "peerDependencies": {
+        "postcss": "^8.0.3"
+      }
+    },
+    "node_modules/postcss-reporter": {
+      "version": "7.0.5",
+      "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-7.0.5.tgz",
+      "integrity": "sha512-glWg7VZBilooZGOFPhN9msJ3FQs19Hie7l5a/eE6WglzYqVeH3ong3ShFcp9kDWJT1g2Y/wd59cocf9XxBtkWA==",
+      "dev": true,
+      "dependencies": {
+        "picocolors": "^1.0.0",
+        "thenby": "^1.3.4"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/postcss/"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/postcss-resolve-nested-selector": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz",
+      "integrity": "sha512-HvExULSwLqHLgUy1rl3ANIqCsvMS0WHss2UOsXhXnQaZ9VCc2oBvIpXrl00IUFT5ZDITME0o6oiXeiHr2SAIfw==",
+      "dev": true
+    },
+    "node_modules/postcss-safe-parser": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-safe-parser/-/postcss-safe-parser-7.0.0.tgz",
+      "integrity": "sha512-ovehqRNVCpuFzbXoTb4qLtyzK3xn3t/CUBxOs8LsnQjQrShaB4lKiHoVqY8ANaC0hBMHq5QVWk77rwGklFUDrg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss-safe-parser"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "peer": true,
+      "engines": {
+        "node": ">=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.31"
+      }
+    },
+    "node_modules/postcss-scss": {
+      "version": "4.0.9",
+      "resolved": "https://registry.npmjs.org/postcss-scss/-/postcss-scss-4.0.9.tgz",
+      "integrity": "sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss-scss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.29"
+      }
+    },
+    "node_modules/postcss-selector-not": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-selector-not/-/postcss-selector-not-7.0.1.tgz",
+      "integrity": "sha512-1zT5C27b/zeJhchN7fP0kBr16Cc61mu7Si9uWWLoA3Px/D9tIJPKchJCkUH3tPO5D0pCFmGeApAv8XpXBQJ8SQ==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.10"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/csstools"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.0.16",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.16.tgz",
+      "integrity": "sha512-A0RVJrX+IUkVZbW3ClroRWurercFhieevHB38sr2+l9eUClMqome3LmEmnhlNy+5Mr2EYN6B2Kaw9wYdd+VHiw==",
+      "dev": true,
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-svgo": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-svgo/-/postcss-svgo-6.0.0.tgz",
+      "integrity": "sha512-r9zvj/wGAoAIodn84dR/kFqwhINp5YsJkLoujybWG59grR/IHx+uQ2Zo+IcOwM0jskfYX3R0mo+1Kip1VSNcvw==",
+      "dev": true,
+      "dependencies": {
+        "postcss-value-parser": "^4.2.0",
+        "svgo": "^3.0.2"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >= 18"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-unique-selectors": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/postcss-unique-selectors/-/postcss-unique-selectors-6.0.0.tgz",
+      "integrity": "sha512-EPQzpZNxOxP7777t73RQpZE5e9TrnCrkvp7AH7a0l89JmZiPnS82y216JowHXwpBCQitfyxrof9TK3rYbi7/Yw==",
+      "dev": true,
+      "dependencies": {
+        "postcss-selector-parser": "^6.0.5"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true
+    },
+    "node_modules/postcss/node_modules/nanoid": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/postgres-array": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/postgres-array/-/postgres-array-2.0.0.tgz",
+      "integrity": "sha512-VpZrUqU5A69eQyW2c5CA1jtLecCsN2U/bD6VilrFDWq5+5UIEVO7nazS3TEcHf1zuPYO/sqGvUvW62g86RXZuA==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postgres-bytea": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/postgres-bytea/-/postgres-bytea-1.0.0.tgz",
+      "integrity": "sha1-AntTPAqokOJtFy1Hz5zOzFIazTU=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/postgres-date": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/postgres-date/-/postgres-date-1.0.7.tgz",
+      "integrity": "sha512-suDmjLVQg78nMK2UZ454hAG+OAW+HQPZ6n++TNDUX+L0+uUlLywnoxJKDou51Zm+zTCjrCl0Nq6J9C5hP9vK/Q==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/postgres-interval": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/postgres-interval/-/postgres-interval-1.2.0.tgz",
+      "integrity": "sha512-9ZhXKM/rw350N1ovuWHbGxnGh/SNJ4cnxHiM0rxE4VN41wsg8P8zWn9hv/buK00RP4WvlOyr/RBDiptyxVbkZQ==",
+      "dependencies": {
+        "xtend": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pprof": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/pprof/-/pprof-3.2.1.tgz",
+      "integrity": "sha512-KnextTM3EHQ2zqN8fUjB0VpE+njcVR7cOfo7DjJSLKzIbKTPelDtokI04ScR/Vd8CLDj+M99tsaKV+K6FHzpzA==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@mapbox/node-pre-gyp": "^1.0.0",
+        "bindings": "^1.2.1",
+        "delay": "^5.0.0",
+        "findit2": "^2.2.3",
+        "nan": "^2.14.0",
+        "p-limit": "^3.0.0",
+        "pify": "^5.0.0",
+        "protobufjs": "~7.2.4",
+        "source-map": "^0.7.3",
+        "split": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=10.4.1"
+      }
+    },
+    "node_modules/pprof/node_modules/pify": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-5.0.0.tgz",
+      "integrity": "sha512-eW/gHNMlxdSP6dmG6uJip6FXN0EQBwm2clYYd8Wul42Cwu/DK8HEftzsapcNdYe2MfLiIwZqsDk2RDEsTE79hA==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pprof/node_modules/source-map": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.4.tgz",
+      "integrity": "sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/precond": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/precond/-/precond-0.2.3.tgz",
+      "integrity": "sha1-qpWRvKokkj8eD0hJ0kD0fvwQdaw=",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/prettier": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz",
+      "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==",
+      "dev": true,
+      "bin": {
+        "prettier": "bin/prettier.cjs"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
+    "node_modules/prettier-linter-helpers": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz",
+      "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==",
+      "dev": true,
+      "dependencies": {
+        "fast-diff": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/pretty-bytes": {
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz",
+      "integrity": "sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pretty-error": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz",
+      "integrity": "sha512-AoJ5YMAcXKYxKhuJGdcvse+Voc6v1RgnsR3nWcYU7q4t6z0Q6T86sv5Zq8VIRbOWWFpvdGE83LtdSMNd+6Y0xw==",
+      "dev": true,
+      "dependencies": {
+        "lodash": "^4.17.20",
+        "renderkid": "^3.0.0"
+      }
+    },
+    "node_modules/pretty-format": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
+      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^17.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/pretty-ms": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/pretty-ms/-/pretty-ms-7.0.1.tgz",
+      "integrity": "sha512-973driJZvxiGOQ5ONsFhOF/DtzPMOMtgC11kCpUrPGMTgqp2q/1gwzCquocrN33is0VZ5GFHXZYMM9l6h67v2Q==",
+      "dependencies": {
+        "parse-ms": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/private": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/private/-/private-0.1.8.tgz",
+      "integrity": "sha512-VvivMrbvd2nKkiG38qjULzlc+4Vx4wm/whI9pQD35YrARNnhxeiRktSOhSukRLFNlzg6Br/cJPet5J/u19r/mg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha1-czIwDoQBYb2j5podHZGn1LwW8YI=",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="
+    },
+    "node_modules/progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/prom-client": {
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/prom-client/-/prom-client-14.1.1.tgz",
+      "integrity": "sha512-hFU32q7UZQ59bVJQGUtm3I2PrJ3gWvoCkilX9sF165ks1qflhugVCeK+S1JjJYHvyt3o5kj68+q3bchormjnzw==",
+      "dependencies": {
+        "tdigest": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/promise": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
+      "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==",
+      "dependencies": {
+        "asap": "~2.0.3"
+      }
+    },
+    "node_modules/promise-breaker": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/promise-breaker/-/promise-breaker-6.0.0.tgz",
+      "integrity": "sha512-BthzO9yTPswGf7etOBiHCVuugs2N01/Q/94dIPls48z2zCmrnDptUUZzfIb+41xq0MnYZ/BzmOd6ikDR4ibNZA=="
+    },
+    "node_modules/promise.prototype.finally": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/promise.prototype.finally/-/promise.prototype.finally-3.1.3.tgz",
+      "integrity": "sha512-EXRF3fC9/0gz4qkt/f5EP5iW4kj9oFpBICNpCNOb/52+8nlHIX07FPLbi/q4qYBQ1xZqivMzTpNQSnArVASolQ==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.19.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/promptly": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/promptly/-/promptly-3.2.0.tgz",
+      "integrity": "sha512-WnR9obtgW+rG4oUV3hSnNGl1pHm3V1H/qD9iJBumGSmVsSC5HpZOLuu8qdMb6yCItGfT7dcRszejr/5P3i9Pug==",
+      "dependencies": {
+        "read": "^1.0.4"
+      }
+    },
+    "node_modules/prompts": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/prompts/-/prompts-2.4.2.tgz",
+      "integrity": "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "kleur": "^3.0.3",
+        "sisteransi": "^1.0.5"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/prompts/node_modules/kleur": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/kleur/-/kleur-3.0.3.tgz",
+      "integrity": "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/prop-types": {
+      "version": "15.8.1",
+      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
+      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
+      "dependencies": {
+        "loose-envify": "^1.4.0",
+        "object-assign": "^4.1.1",
+        "react-is": "^16.13.1"
+      }
+    },
+    "node_modules/prop-types-extra": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/prop-types-extra/-/prop-types-extra-1.1.1.tgz",
+      "integrity": "sha512-59+AHNnHYCdiC+vMwY52WmvP5dM3QLeoumYuEyceQDi9aEhtwN9zIQ2ZNo25sMyXnbh32h+P1ezDsUpUH3JAew==",
+      "dev": true,
+      "dependencies": {
+        "react-is": "^16.3.2",
+        "warning": "^4.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=0.14.0"
+      }
+    },
+    "node_modules/prop-types-extra/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
+      "dev": true
+    },
+    "node_modules/prop-types-extra/node_modules/warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "dev": true,
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "node_modules/prop-types/node_modules/react-is": {
+      "version": "16.13.1",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
+      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="
+    },
+    "node_modules/propagate": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/propagate/-/propagate-2.0.1.tgz",
+      "integrity": "sha512-vGrhOavPSTz4QVNuBNdcNXePNdNMaO1xj9yBeH1ScQPjk/rhg9sSlCXPhMkFuaNNW/syTvYqsnbIJxMBfRbbag==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/property-expr": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/property-expr/-/property-expr-2.0.5.tgz",
+      "integrity": "sha512-IJUkICM5dP5znhCckHSv30Q4b5/JA5enCtkRHYaOVOAocnH/1BQEYTC5NMfT3AVl/iXKdr3aqQbQn9DxyWknwA==",
+      "dev": true
+    },
+    "node_modules/proto-list": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
+      "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==",
+      "dev": true
+    },
+    "node_modules/proto3-json-serializer": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/proto3-json-serializer/-/proto3-json-serializer-1.1.1.tgz",
+      "integrity": "sha512-AwAuY4g9nxx0u52DnSMkqqgyLHaW/XaPLtaAo3y/ZCfeaQB/g4YDH4kb8Wc/mWzWvu0YjOznVnfn373MVZZrgw==",
+      "dependencies": {
+        "protobufjs": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/protobufjs": {
+      "version": "7.2.5",
+      "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-7.2.5.tgz",
+      "integrity": "sha512-gGXRSXvxQ7UiPgfw8gevrfRWcTlSbOFg+p/N+JVJEK5VhueL2miT6qTymqAmjr1Q5WbOCyJbyrk6JfWKwlFn6A==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@protobufjs/aspromise": "^1.1.2",
+        "@protobufjs/base64": "^1.1.2",
+        "@protobufjs/codegen": "^2.0.4",
+        "@protobufjs/eventemitter": "^1.1.0",
+        "@protobufjs/fetch": "^1.1.0",
+        "@protobufjs/float": "^1.0.2",
+        "@protobufjs/inquire": "^1.1.0",
+        "@protobufjs/path": "^1.1.2",
+        "@protobufjs/pool": "^1.1.0",
+        "@protobufjs/utf8": "^1.1.0",
+        "@types/node": ">=13.7.0",
+        "long": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/protobufjs-cli": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/protobufjs-cli/-/protobufjs-cli-1.1.1.tgz",
+      "integrity": "sha512-VPWMgIcRNyQwWUv8OLPyGQ/0lQY/QTQAVN5fh+XzfDwsVw1FZ2L3DM/bcBf8WPiRz2tNpaov9lPZfNcmNo6LXA==",
+      "dependencies": {
+        "chalk": "^4.0.0",
+        "escodegen": "^1.13.0",
+        "espree": "^9.0.0",
+        "estraverse": "^5.1.0",
+        "glob": "^8.0.0",
+        "jsdoc": "^4.0.0",
+        "minimist": "^1.2.0",
+        "semver": "^7.1.2",
+        "tmp": "^0.2.1",
+        "uglify-js": "^3.7.7"
+      },
+      "bin": {
+        "pbjs": "bin/pbjs",
+        "pbts": "bin/pbts"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "protobufjs": "^7.0.0"
+      }
+    },
+    "node_modules/protobufjs-cli/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/protobufjs-cli/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/protobufjs-cli/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/protobufjs-cli/node_modules/escodegen": {
+      "version": "1.14.3",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-1.14.3.tgz",
+      "integrity": "sha512-qFcX0XJkdg+PB3xjZZG/wKSuT1PnQWx57+TVSjIMmILd2yC/6ByYElPwJnslDsuWuSAp4AwJGumarAAmJch5Kw==",
+      "dependencies": {
+        "esprima": "^4.0.1",
+        "estraverse": "^4.2.0",
+        "esutils": "^2.0.2",
+        "optionator": "^0.8.1"
+      },
+      "bin": {
+        "escodegen": "bin/escodegen.js",
+        "esgenerate": "bin/esgenerate.js"
+      },
+      "engines": {
+        "node": ">=4.0"
+      },
+      "optionalDependencies": {
+        "source-map": "~0.6.1"
+      }
+    },
+    "node_modules/protobufjs-cli/node_modules/escodegen/node_modules/estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+      "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/protobufjs-cli/node_modules/glob": {
+      "version": "8.1.0",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-8.1.0.tgz",
+      "integrity": "sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^5.0.1",
+        "once": "^1.3.0"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/protobufjs-cli/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/protobufjs-cli/node_modules/semver": {
+      "version": "7.6.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.2.tgz",
+      "integrity": "sha512-FNAIBWCx9qcRhoHcgcJ0gvU7SN1lYU2ZXuSfl04bSC5OpvDHFyJCjdNHomPXxjQlCBU67YW64PzY7/VIEH7F2w==",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/protobufjs-cli/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.0.0.tgz",
+      "integrity": "sha1-M8UDmPcOp+uW0h97gXYwpVeRx+4=",
+      "dev": true
+    },
+    "node_modules/prr": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/prr/-/prr-1.0.1.tgz",
+      "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=",
+      "dev": true,
+      "optional": true
+    },
+    "node_modules/pseudomap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
+      "integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM="
+    },
+    "node_modules/psl": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
+      "integrity": "sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ=="
+    },
+    "node_modules/pstree.remy": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/pstree.remy/-/pstree.remy-1.1.8.tgz",
+      "integrity": "sha512-77DZwxQmxKnu3aR542U+X8FypNzbfJ+C5XQDk3uWjWxn6151aIMGthWYRXTqT1E5oJvg+ljaa2OJi+VfvCOQ8w==",
+      "dev": true
+    },
+    "node_modules/pug": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/pug/-/pug-3.0.3.tgz",
+      "integrity": "sha512-uBi6kmc9f3SZ3PXxqcHiUZLmIXgfgWooKWXcwSGwQd2Zi5Rb0bT14+8CJjJgI8AB+nndLaNgHGrcc6bPIB665g==",
+      "dependencies": {
+        "pug-code-gen": "^3.0.3",
+        "pug-filters": "^4.0.0",
+        "pug-lexer": "^5.0.1",
+        "pug-linker": "^4.0.0",
+        "pug-load": "^3.0.0",
+        "pug-parser": "^6.0.0",
+        "pug-runtime": "^3.0.1",
+        "pug-strip-comments": "^2.0.0"
+      }
+    },
+    "node_modules/pug-attrs": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pug-attrs/-/pug-attrs-3.0.0.tgz",
+      "integrity": "sha512-azINV9dUtzPMFQktvTXciNAfAuVh/L/JCl0vtPCwvOA21uZrC08K/UnmrL+SXGEVc1FwzjW62+xw5S/uaLj6cA==",
+      "dependencies": {
+        "constantinople": "^4.0.1",
+        "js-stringify": "^1.0.2",
+        "pug-runtime": "^3.0.0"
+      }
+    },
+    "node_modules/pug-code-gen": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/pug-code-gen/-/pug-code-gen-3.0.3.tgz",
+      "integrity": "sha512-cYQg0JW0w32Ux+XTeZnBEeuWrAY7/HNE6TWnhiHGnnRYlCgyAUPoyh9KzCMa9WhcJlJ1AtQqpEYHc+vbCzA+Aw==",
+      "dependencies": {
+        "constantinople": "^4.0.1",
+        "doctypes": "^1.1.0",
+        "js-stringify": "^1.0.2",
+        "pug-attrs": "^3.0.0",
+        "pug-error": "^2.1.0",
+        "pug-runtime": "^3.0.1",
+        "void-elements": "^3.1.0",
+        "with": "^7.0.0"
+      }
+    },
+    "node_modules/pug-error": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/pug-error/-/pug-error-2.1.0.tgz",
+      "integrity": "sha512-lv7sU9e5Jk8IeUheHata6/UThZ7RK2jnaaNztxfPYUY+VxZyk/ePVaNZ/vwmH8WqGvDz3LrNYt/+gA55NDg6Pg=="
+    },
+    "node_modules/pug-filters": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/pug-filters/-/pug-filters-4.0.0.tgz",
+      "integrity": "sha512-yeNFtq5Yxmfz0f9z2rMXGw/8/4i1cCFecw/Q7+D0V2DdtII5UvqE12VaZ2AY7ri6o5RNXiweGH79OCq+2RQU4A==",
+      "dependencies": {
+        "constantinople": "^4.0.1",
+        "jstransformer": "1.0.0",
+        "pug-error": "^2.0.0",
+        "pug-walk": "^2.0.0",
+        "resolve": "^1.15.1"
+      }
+    },
+    "node_modules/pug-lexer": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/pug-lexer/-/pug-lexer-5.0.1.tgz",
+      "integrity": "sha512-0I6C62+keXlZPZkOJeVam9aBLVP2EnbeDw3An+k0/QlqdwH6rv8284nko14Na7c0TtqtogfWXcRoFE4O4Ff20w==",
+      "dependencies": {
+        "character-parser": "^2.2.0",
+        "is-expression": "^4.0.0",
+        "pug-error": "^2.0.0"
+      }
+    },
+    "node_modules/pug-linker": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/pug-linker/-/pug-linker-4.0.0.tgz",
+      "integrity": "sha512-gjD1yzp0yxbQqnzBAdlhbgoJL5qIFJw78juN1NpTLt/mfPJ5VgC4BvkoD3G23qKzJtIIXBbcCt6FioLSFLOHdw==",
+      "dependencies": {
+        "pug-error": "^2.0.0",
+        "pug-walk": "^2.0.0"
+      }
+    },
+    "node_modules/pug-load": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pug-load/-/pug-load-3.0.0.tgz",
+      "integrity": "sha512-OCjTEnhLWZBvS4zni/WUMjH2YSUosnsmjGBB1An7CsKQarYSWQ0GCVyd4eQPMFJqZ8w9xgs01QdiZXKVjk92EQ==",
+      "dependencies": {
+        "object-assign": "^4.1.1",
+        "pug-walk": "^2.0.0"
+      }
+    },
+    "node_modules/pug-parser": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/pug-parser/-/pug-parser-6.0.0.tgz",
+      "integrity": "sha512-ukiYM/9cH6Cml+AOl5kETtM9NR3WulyVP2y4HOU45DyMim1IeP/OOiyEWRr6qk5I5klpsBnbuHpwKmTx6WURnw==",
+      "dependencies": {
+        "pug-error": "^2.0.0",
+        "token-stream": "1.0.0"
+      }
+    },
+    "node_modules/pug-runtime": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/pug-runtime/-/pug-runtime-3.0.1.tgz",
+      "integrity": "sha512-L50zbvrQ35TkpHwv0G6aLSuueDRwc/97XdY8kL3tOT0FmhgG7UypU3VztfV/LATAvmUfYi4wNxSajhSAeNN+Kg=="
+    },
+    "node_modules/pug-strip-comments": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pug-strip-comments/-/pug-strip-comments-2.0.0.tgz",
+      "integrity": "sha512-zo8DsDpH7eTkPHCXFeAk1xZXJbyoTfdPlNR0bK7rpOMuhBYb0f5qUVCO1xlsitYd3w5FQTK7zpNVKb3rZoUrrQ==",
+      "dependencies": {
+        "pug-error": "^2.0.0"
+      }
+    },
+    "node_modules/pug-walk": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/pug-walk/-/pug-walk-2.0.0.tgz",
+      "integrity": "sha512-yYELe9Q5q9IQhuvqsZNwA5hfPkMJ8u92bQLIMcsMxf/VADjNtEYptU+inlufAFYcWdHlwNfZOEnOOQrZrcyJCQ=="
+    },
+    "node_modules/pump": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/pumpify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pumpify/-/pumpify-2.0.1.tgz",
+      "integrity": "sha512-m7KOje7jZxrmutanlkS1daj1dS6z6BgslzOXmcSEpIlCxM3VJH7lG5QLeck/6hgF6F4crFf01UtQmNsJfweTAw==",
+      "dependencies": {
+        "duplexify": "^4.1.1",
+        "inherits": "^2.0.3",
+        "pump": "^3.0.0"
+      }
+    },
+    "node_modules/pumpify/node_modules/duplexify": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-4.1.2.tgz",
+      "integrity": "sha512-fz3OjcNCHmRP12MJoZMPglx8m4rrFP8rovnk4vT8Fs+aonZoCwGg10dSsQsfP/E62eZcPTMSMP6686fu9Qlqtw==",
+      "dependencies": {
+        "end-of-stream": "^1.4.1",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/punycode.js": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
+      "integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qrcode": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/qrcode/-/qrcode-1.5.0.tgz",
+      "integrity": "sha512-9MgRpgVc+/+47dFvQeD6U2s0Z92EsKzcHogtum4QB+UNd025WOJSHvn/hjk9xmzj7Stj95CyUAs31mrjxliEsQ==",
+      "dev": true,
+      "dependencies": {
+        "dijkstrajs": "^1.0.1",
+        "encode-utf8": "^1.0.3",
+        "pngjs": "^5.0.0",
+        "yargs": "^15.3.1"
+      },
+      "bin": {
+        "qrcode": "bin/qrcode"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/qrcode/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/qrcode/node_modules/camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-5.3.1.tgz",
+      "integrity": "sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qrcode/node_modules/cliui": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-6.0.0.tgz",
+      "integrity": "sha512-t6wbgtoCXvAzst7QgXxJYqPt0usEfbgQdftEPbLL/cvv6HPE5VgvqCuAIDR0NgU52ds6rFwqrgakNLrHEjCbrQ==",
+      "dev": true,
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^6.2.0"
+      }
+    },
+    "node_modules/qrcode/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/qrcode/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/qrcode/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/qrcode/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/qrcode/node_modules/wrap-ansi": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/qrcode/node_modules/y18n": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-4.0.3.tgz",
+      "integrity": "sha512-JKhqTOwSrqNA1NY5lSztJ1GrBiUodLMmIZuLiDaMRJ+itFd+ABVE8XBjOvIWL+rSqNDC74LCSFmlb/U4UZ4hJQ==",
+      "dev": true
+    },
+    "node_modules/qrcode/node_modules/yargs": {
+      "version": "15.4.1",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-15.4.1.tgz",
+      "integrity": "sha512-aePbxDmcYW++PaqBsJ+HYUFwCdv4LVvdnhBy78E57PIor8/OVvhMrADFFEDh8DHDFRv/O9i3lPhsENjO7QX0+A==",
+      "dev": true,
+      "dependencies": {
+        "cliui": "^6.0.0",
+        "decamelize": "^1.2.0",
+        "find-up": "^4.1.0",
+        "get-caller-file": "^2.0.1",
+        "require-directory": "^2.1.1",
+        "require-main-filename": "^2.0.0",
+        "set-blocking": "^2.0.0",
+        "string-width": "^4.2.0",
+        "which-module": "^2.0.0",
+        "y18n": "^4.0.0",
+        "yargs-parser": "^18.1.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/qrcode/node_modules/yargs-parser": {
+      "version": "18.1.3",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-18.1.3.tgz",
+      "integrity": "sha512-o50j0JeToy/4K6OZcaQmW6lyXXKhq7csREXcDwk2omFPJEwUNOVtJKvmDr9EI1fAJZUyZcRF7kxGBWmRXudrCQ==",
+      "dev": true,
+      "dependencies": {
+        "camelcase": "^5.0.0",
+        "decamelize": "^1.2.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
+      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
+      "dependencies": {
+        "side-channel": "^1.0.6"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/querystring": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/querystring/-/querystring-0.2.0.tgz",
+      "integrity": "sha1-sgmEkgO7Jd+CDadW50cAWHhSFiA=",
+      "deprecated": "The querystring API is considered Legacy. new code should use the URLSearchParams API instead.",
+      "engines": {
+        "node": ">=0.4.x"
+      }
+    },
+    "node_modules/querystring-es3": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/querystring-es3/-/querystring-es3-0.2.1.tgz",
+      "integrity": "sha1-nsYfeQSYdXB9aUFFlv2Qek1xHnM=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.4.x"
+      }
+    },
+    "node_modules/querystringify": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ=="
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/quick-lru": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-1.1.0.tgz",
+      "integrity": "sha1-Q2CxfGETatOAeDl/8RQW4Ybc+7g=",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/rambda": {
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/rambda/-/rambda-7.5.0.tgz",
+      "integrity": "sha512-y/M9weqWAH4iopRd7EHDEQQvpFPHj1AA3oHozE9tfITHUtTR7Z9PSlIRRG2l1GuW7sefC1cXFfIcF+cgnShdBA==",
+      "dev": true
+    },
+    "node_modules/random-bytes": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/random-bytes/-/random-bytes-1.0.0.tgz",
+      "integrity": "sha1-T2ih3Arli9P7lYSMMDJNt11kNgs=",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/randombytes": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.0.3.tgz",
+      "integrity": "sha1-Z0yZdgkBw8QRJ3GjHlIdw0nMCew="
+    },
+    "node_modules/randomstring": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/randomstring/-/randomstring-1.2.2.tgz",
+      "integrity": "sha512-9FByiB8guWZLbE+akdQiWE3I1I6w7Vn5El4o4y7o5bWQ6DWPcEOp+aLG7Jezc8BVRKKpgJd2ppRX0jnKu1YCfg==",
+      "dependencies": {
+        "array-uniq": "1.0.2",
+        "randombytes": "2.0.3"
+      },
+      "bin": {
+        "randomstring": "bin/randomstring"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/randomstring/node_modules/array-uniq": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.2.tgz",
+      "integrity": "sha1-X8w3OSB3VyPP1k1lxkvvU7+eum0=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/rate-limiter-flexible": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/rate-limiter-flexible/-/rate-limiter-flexible-2.4.1.tgz",
+      "integrity": "sha512-dgH4T44TzKVO9CLArNto62hJOwlWJMLUjVVr/ii0uUzZXEXthDNr7/yefW5z/1vvHAfycc1tnuiYyNJ8CTRB3g=="
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
+      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/react": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz",
+      "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-async-script": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/react-async-script/-/react-async-script-1.2.0.tgz",
+      "integrity": "sha512-bCpkbm9JiAuMGhkqoAiC0lLkb40DJ0HOEJIku+9JDjxX3Rcs+ztEOG13wbrOskt3n2DTrjshhaQ/iay+SnGg5Q==",
+      "dev": true,
+      "dependencies": {
+        "hoist-non-react-statics": "^3.3.0",
+        "prop-types": "^15.5.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.4.1"
+      }
+    },
+    "node_modules/react-chartjs-2": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/react-chartjs-2/-/react-chartjs-2-5.0.1.tgz",
+      "integrity": "sha512-u38C9OxynlNCBp+79grgXRs7DSJ9w8FuQ5/HO5FbYBbri8HSZW+9SWgjVshLkbXBfXnMGWakbHEtvN0nL2UG7Q==",
+      "dev": true,
+      "peerDependencies": {
+        "chart.js": "^4.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/react-color": {
+      "version": "2.19.3",
+      "resolved": "https://registry.npmjs.org/react-color/-/react-color-2.19.3.tgz",
+      "integrity": "sha512-LEeGE/ZzNLIsFWa1TMe8y5VYqr7bibneWmvJwm1pCn/eNmrabWDh659JSPn9BuaMpEfU83WTOJfnCcjDZwNQTA==",
+      "dev": true,
+      "dependencies": {
+        "@icons/material": "^0.2.4",
+        "lodash": "^4.17.15",
+        "lodash-es": "^4.17.15",
+        "material-colors": "^1.2.1",
+        "prop-types": "^15.5.10",
+        "reactcss": "^1.2.0",
+        "tinycolor2": "^1.4.1"
+      },
+      "peerDependencies": {
+        "react": "*"
+      }
+    },
+    "node_modules/react-deep-force-update": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/react-deep-force-update/-/react-deep-force-update-1.1.2.tgz",
+      "integrity": "sha512-WUSQJ4P/wWcusaH+zZmbECOk7H5N2pOIl0vzheeornkIMhu+qrNdGFm0bDZLCb0hSF0jf/kH1SgkNGfBdTc4wA==",
+      "dev": true
+    },
+    "node_modules/react-dnd": {
+      "version": "16.0.1",
+      "resolved": "https://registry.npmjs.org/react-dnd/-/react-dnd-16.0.1.tgz",
+      "integrity": "sha512-QeoM/i73HHu2XF9aKksIUuamHPDvRglEwdHL4jsp784BgUuWcg6mzfxT0QDdQz8Wj0qyRKx2eMg8iZtWvU4E2Q==",
+      "dev": true,
+      "dependencies": {
+        "@react-dnd/invariant": "^4.0.1",
+        "@react-dnd/shallowequal": "^4.0.1",
+        "dnd-core": "^16.0.1",
+        "fast-deep-equal": "^3.1.3",
+        "hoist-non-react-statics": "^3.3.2"
+      },
+      "peerDependencies": {
+        "@types/hoist-non-react-statics": ">= 3.3.1",
+        "@types/node": ">= 12",
+        "@types/react": ">= 16",
+        "react": ">= 16.14"
+      },
+      "peerDependenciesMeta": {
+        "@types/hoist-non-react-statics": {
+          "optional": true
+        },
+        "@types/node": {
+          "optional": true
+        },
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-dnd-html5-backend": {
+      "version": "16.0.1",
+      "resolved": "https://registry.npmjs.org/react-dnd-html5-backend/-/react-dnd-html5-backend-16.0.1.tgz",
+      "integrity": "sha512-Wu3dw5aDJmOGw8WjH1I1/yTH+vlXEL4vmjk5p+MHxP8HuHJS1lAGeIdG/hze1AvNeXWo/JgULV87LyQOr+r5jw==",
+      "dev": true,
+      "dependencies": {
+        "dnd-core": "^16.0.1"
+      }
+    },
+    "node_modules/react-docgen": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/react-docgen/-/react-docgen-7.1.1.tgz",
+      "integrity": "sha512-hlSJDQ2synMPKFZOsKo9Hi8WWZTC7POR8EmWvTSjow+VDgKzkmjQvFm2fk0tmRw+f0vTOIYKlarR0iL4996pdg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.18.9",
+        "@babel/traverse": "^7.18.9",
+        "@babel/types": "^7.18.9",
+        "@types/babel__core": "^7.18.0",
+        "@types/babel__traverse": "^7.18.0",
+        "@types/doctrine": "^0.0.9",
+        "@types/resolve": "^1.20.2",
+        "doctrine": "^3.0.0",
+        "resolve": "^1.22.1",
+        "strip-indent": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.14.0"
+      }
+    },
+    "node_modules/react-docgen-typescript": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/react-docgen-typescript/-/react-docgen-typescript-2.2.2.tgz",
+      "integrity": "sha512-tvg2ZtOpOi6QDwsb3GZhOjDkkX0h8Z2gipvTg6OVMUyoYoURhEiRNePT8NZItTVCDh39JJHnLdfCOkzoLbFnTg==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "typescript": ">= 4.3.x"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz",
+      "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1",
+        "scheduler": "^0.20.2"
+      },
+      "peerDependencies": {
+        "react": "17.0.2"
+      }
+    },
+    "node_modules/react-error-boundary": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/react-error-boundary/-/react-error-boundary-2.3.2.tgz",
+      "integrity": "sha512-ZMzi7s4pj/6A/6i9RS4tG7g1PdF2Rgr4/7FTQ8sbKHex19uNji0j+xq0OS//c6TUgQRKoL6P51BNNNFmYpRMhw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.11.2"
+      },
+      "engines": {
+        "node": ">=10",
+        "npm": ">=6"
+      },
+      "peerDependencies": {
+        "react": ">=16.13.1"
+      }
+    },
+    "node_modules/react-fast-compare": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-2.0.4.tgz",
+      "integrity": "sha512-suNP+J1VU1MWFKcyt7RtjiSWUjvidmQSlqu+eHslq+342xCbGTYmC0mEhPCOHxlW0CywylOC1u2DFAT+bv4dBw==",
+      "dev": true
+    },
+    "node_modules/react-google-recaptcha": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/react-google-recaptcha/-/react-google-recaptcha-3.1.0.tgz",
+      "integrity": "sha512-cYW2/DWas8nEKZGD7SCu9BSuVz8iOcOLHChHyi7upUuVhkpkhYG/6N3KDiTQ3XAiZ2UAZkfvYKMfAHOzBOcGEg==",
+      "dev": true,
+      "dependencies": {
+        "prop-types": "^15.5.0",
+        "react-async-script": "^1.2.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.4.1"
+      }
+    },
+    "node_modules/react-i18next": {
+      "version": "13.3.1",
+      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-13.3.1.tgz",
+      "integrity": "sha512-JAtYREK879JXaN9GdzfBI4yJeo/XyLeXWUsRABvYXiFUakhZJ40l+kaTo+i+A/3cKIED41kS/HAbZ5BzFtq/Og==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.22.5",
+        "html-parse-stringify": "^3.0.1"
+      },
+      "peerDependencies": {
+        "i18next": ">= 23.2.3",
+        "react": ">= 16.8.0"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-is": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
+    },
+    "node_modules/react-lifecycles-compat": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/react-lifecycles-compat/-/react-lifecycles-compat-3.0.4.tgz",
+      "integrity": "sha512-fBASbA6LnOU9dOU2eW7aQ8xmYBSXUIWr+UmF9b1efZBazGNO+rcXT/icdKnYm2pTwcRylVUYwW7H1PHfLekVzA==",
+      "dev": true
+    },
+    "node_modules/react-linkify": {
+      "version": "1.0.0-alpha",
+      "resolved": "https://registry.npmjs.org/react-linkify/-/react-linkify-1.0.0-alpha.tgz",
+      "integrity": "sha512-7gcIUvJkAXXttt1fmBK9cwn+1jTa4hbKLGCZ9J1U6EOkyb2/+LKL1Z28d9rtDLMnpvImlNlLPdTPooorl5cpmg==",
+      "dev": true,
+      "dependencies": {
+        "linkify-it": "^2.0.3",
+        "tlds": "^1.199.0"
+      }
+    },
+    "node_modules/react-linkify/node_modules/linkify-it": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-2.2.0.tgz",
+      "integrity": "sha512-GnAl/knGn+i1U/wjBz3akz2stz+HrHLsxMwHQGofCDfPvlf+gDKN58UtfmUquTY4/MXeE2x7k19KQmeoZi94Iw==",
+      "dev": true,
+      "dependencies": {
+        "uc.micro": "^1.0.1"
+      }
+    },
+    "node_modules/react-proxy": {
+      "version": "1.1.8",
+      "resolved": "https://registry.npmjs.org/react-proxy/-/react-proxy-1.1.8.tgz",
+      "integrity": "sha512-46GkBpZD97R/vV+iw+u6aFACzIHOst9gCl41d5K5vepPBz2i2gqHmXQJWKXsrUsSOdylKahN3sd9taswFN8Wzw==",
+      "dev": true,
+      "dependencies": {
+        "lodash": "^4.6.1",
+        "react-deep-force-update": "^1.0.0"
+      }
+    },
+    "node_modules/react-redux": {
+      "version": "7.2.9",
+      "resolved": "https://registry.npmjs.org/react-redux/-/react-redux-7.2.9.tgz",
+      "integrity": "sha512-Gx4L3uM182jEEayZfRbI/G11ZpYdNAnBs70lFVMNdHJI76XYtR+7m0MN+eAs7UHBPhWXcnFPaS+9owSCJQHNpQ==",
+      "dependencies": {
+        "@babel/runtime": "^7.15.4",
+        "@types/react-redux": "^7.1.20",
+        "hoist-non-react-statics": "^3.3.2",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.7.2",
+        "react-is": "^17.0.2"
+      },
+      "peerDependencies": {
+        "react": "^16.8.3 || ^17 || ^18"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-refresh": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.14.0.tgz",
+      "integrity": "sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-resizable-panels": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/react-resizable-panels/-/react-resizable-panels-2.1.1.tgz",
+      "integrity": "sha512-+cUV/yZBYfiBj+WJtpWDJ3NtR4zgDZfHt3+xtaETKE+FCvp+RK/NJxacDQKxMHgRUTSkfA6AnGljQ5QZNsCQoA==",
+      "dev": true,
+      "peerDependencies": {
+        "react": "^16.14.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "node_modules/react-responsive": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/react-responsive/-/react-responsive-10.0.0.tgz",
+      "integrity": "sha512-N6/UiRLGQyGUqrarhBZmrSmHi2FXSD++N5VbSKsBBvWfG0ZV7asvUBluSv5lSzdMyEVjzZ6Y8DL4OHABiztDOg==",
+      "dependencies": {
+        "hyphenate-style-name": "^1.0.0",
+        "matchmediaquery": "^0.4.2",
+        "prop-types": "^15.6.1",
+        "shallow-equal": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0"
+      }
+    },
+    "node_modules/react-router": {
+      "version": "6.26.1",
+      "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.26.1.tgz",
+      "integrity": "sha512-kIwJveZNwp7teQRI5QmwWo39A5bXRyqpH0COKKmPnyD2vBvDwgFXSqDUYtt1h+FEyfnE8eXr7oe0MxRzVwCcvQ==",
+      "dependencies": {
+        "@remix-run/router": "1.19.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8"
+      }
+    },
+    "node_modules/react-router-dom": {
+      "version": "6.26.1",
+      "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.26.1.tgz",
+      "integrity": "sha512-veut7m41S1fLql4pLhxeSW3jlqs+4MtjRLj0xvuCEXsxusJCbs6I8yn9BxzzDX2XDgafrccY6hwjmd/bL54tFw==",
+      "dependencies": {
+        "@remix-run/router": "1.19.1",
+        "react-router": "6.26.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8",
+        "react-dom": ">=16.8"
+      }
+    },
+    "node_modules/react-transform-hmr": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/react-transform-hmr/-/react-transform-hmr-1.0.4.tgz",
+      "integrity": "sha512-8bK1DWUZynE6swD2jNPbzO5mvhB8fs9Ub5GksoVqYkc9i06FdSLC36qQYjaKOW79KBdsROq2cK0tRKITiEzmyg==",
+      "dev": true,
+      "dependencies": {
+        "global": "^4.3.0",
+        "react-proxy": "^1.1.7"
+      }
+    },
+    "node_modules/reactcss": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/reactcss/-/reactcss-1.2.3.tgz",
+      "integrity": "sha512-KiwVUcFu1RErkI97ywr8nvx8dNOpT03rbnma0SSalTYjkrPYaEajR4a/MRt6DZ46K6arDRbWMNHF+xH7G7n/8A==",
+      "dev": true,
+      "dependencies": {
+        "lodash": "^4.0.1"
+      }
+    },
+    "node_modules/read": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/read/-/read-1.0.7.tgz",
+      "integrity": "sha1-s9oZvQUkMal2cdRKQmNK33ELQMQ=",
+      "dependencies": {
+        "mute-stream": "~0.0.4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/read-pkg": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz",
+      "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==",
+      "dev": true,
+      "dependencies": {
+        "@types/normalize-package-data": "^2.4.0",
+        "normalize-package-data": "^2.5.0",
+        "parse-json": "^5.0.0",
+        "type-fest": "^0.6.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/read-pkg-up/-/read-pkg-up-7.0.1.tgz",
+      "integrity": "sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^4.1.0",
+        "read-pkg": "^5.2.0",
+        "type-fest": "^0.8.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/find-up": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-4.1.0.tgz",
+      "integrity": "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw==",
+      "dev": true,
+      "dependencies": {
+        "locate-path": "^5.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/locate-path": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-5.0.0.tgz",
+      "integrity": "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g==",
+      "dev": true,
+      "dependencies": {
+        "p-locate": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dev": true,
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/p-locate": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-4.1.0.tgz",
+      "integrity": "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A==",
+      "dev": true,
+      "dependencies": {
+        "p-limit": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg-up/node_modules/type-fest": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.8.1.tgz",
+      "integrity": "sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/read-pkg/node_modules/type-fest": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz",
+      "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+      "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/readdir-glob": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/readdir-glob/-/readdir-glob-1.1.3.tgz",
+      "integrity": "sha512-v05I2k7xN8zXvPD9N+z/uhXPaj0sUFCe2rcWZIpBsqxfP7xXFQ0tipAd/wjj1YxWyWtUS5IDJpOG82JKt2EAVA==",
+      "dependencies": {
+        "minimatch": "^5.1.0"
+      }
+    },
+    "node_modules/readdir-glob/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/readdir-glob/node_modules/minimatch": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-5.1.6.tgz",
+      "integrity": "sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/recast": {
+      "version": "0.23.9",
+      "resolved": "https://registry.npmjs.org/recast/-/recast-0.23.9.tgz",
+      "integrity": "sha512-Hx/BGIbwj+Des3+xy5uAtAbdCyqK9y9wbBcDFDYanLS9JnMqf7OeF87HQwUimE87OEc72mr6tkKUKMBBL+hF9Q==",
+      "dev": true,
+      "dependencies": {
+        "ast-types": "^0.16.1",
+        "esprima": "~4.0.0",
+        "source-map": "~0.6.1",
+        "tiny-invariant": "^1.3.3",
+        "tslib": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/rechoir": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/rechoir/-/rechoir-0.8.0.tgz",
+      "integrity": "sha512-/vxpCXddiX8NGfGO/mTafwjq4aFa/71pvamip0++IQk3zG8cbCj0fifNPrjjF1XMXUne91jL9OoxmdykoEtifQ==",
+      "dependencies": {
+        "resolve": "^1.20.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/recurly": {
+      "version": "4.12.0",
+      "resolved": "https://registry.npmjs.org/recurly/-/recurly-4.12.0.tgz",
+      "integrity": "sha512-pmsREYXBBPYYAqeurlAAmB7sNiYfRva5Imi+nxZ41QHDZsDWuM35Q4/TSouLy8HdEE+HPfB4XHHpGNjo2LAM+A=="
+    },
+    "node_modules/redent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redent/-/redent-3.0.0.tgz",
+      "integrity": "sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "indent-string": "^4.0.0",
+        "strip-indent": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/redent/node_modules/strip-indent": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-3.0.0.tgz",
+      "integrity": "sha512-laJTa3Jb+VQpaC6DseHhF7dXVqHTfJPCRDaEbid/drOhgitgYku/letMUqOXFoWV0zIIUbjpdH2t+tYj4bQMRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "min-indent": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/redis": {
+      "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/redis/-/redis-0.7.3.tgz",
+      "integrity": "sha512-0Pgb0jOLfn6eREtEIRn/ifyZJjl2H+wUY4F/Pe7T4UhmoSrZ/1HU5ZqiBpDk8I8Wbyv2N5DpXKzbEtMj3drprg==",
+      "optional": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/redis-commands": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/redis-commands/-/redis-commands-1.7.0.tgz",
+      "integrity": "sha512-nJWqw3bTFy21hX/CPKHth6sfhZbdiHP6bTawSgQBlKOVRG7EZkfHbbHwQJnrE4vsQf0CMNE+3gJ4Fmm16vdVlQ=="
+    },
+    "node_modules/redis-errors": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/redis-errors/-/redis-errors-1.2.0.tgz",
+      "integrity": "sha1-62LSrbFeTq9GEMBK/hUpOEJQq60=",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/redis-parser": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/redis-parser/-/redis-parser-3.0.0.tgz",
+      "integrity": "sha1-tm2CjNyv5rS4pCin3vTGvKwxyLQ=",
+      "dependencies": {
+        "redis-errors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/redlock": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/redlock/-/redlock-4.2.0.tgz",
+      "integrity": "sha512-j+oQlG+dOwcetUt2WJWttu4CZVeRzUrcVcISFmEmfyuwCVSJ93rDT7YSgg7H7rnxwoRyk/jU46kycVka5tW7jA==",
+      "dependencies": {
+        "bluebird": "^3.7.2"
+      },
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/reduce": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/reduce/-/reduce-1.0.2.tgz",
+      "integrity": "sha512-xX7Fxke/oHO5IfZSk77lvPa/7bjMh9BuCk4OOoX5XTXrM7s0Z+MkPfSDfz0q7r91BhhGSs8gii/VEN/7zhCPpQ==",
+      "dev": true,
+      "dependencies": {
+        "object-keys": "^1.1.0"
+      }
+    },
+    "node_modules/redux": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/redux/-/redux-4.2.1.tgz",
+      "integrity": "sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==",
+      "dependencies": {
+        "@babel/runtime": "^7.9.2"
+      }
+    },
+    "node_modules/redux-logger": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/redux-logger/-/redux-logger-3.0.6.tgz",
+      "integrity": "sha512-JoCIok7bg/XpqA1JqCqXFypuqBbQzGQySrhFzewB7ThcnysTO30l4VCst86AuB9T9tuT03MAA56Jw2PNhRSNCg==",
+      "dependencies": {
+        "deep-diff": "^0.3.5"
+      }
+    },
+    "node_modules/redux-mock-store": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/redux-mock-store/-/redux-mock-store-1.5.0.tgz",
+      "integrity": "sha512-8AN6ti8SeH28FZm/mz+E2sj2JoaFCDudswbeFrt4Rnbi4KmI/KXumbskY7caO52zAgsda+DIgKBc60MJJhnhbg==",
+      "deprecated": "breaking changes in minor version",
+      "dev": true,
+      "dependencies": {
+        "lodash.isplainobject": "^4.0.6"
+      },
+      "peerDependencies": {
+        "redux": "*"
+      }
+    },
+    "node_modules/redux-thunk": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/redux-thunk/-/redux-thunk-2.2.0.tgz",
+      "integrity": "sha512-OOFWh9mt/7i94QPq4IAxhSIUyfIJJRnk6pe1IwgXethQik3kyg1wuxVZZlW9QOmL5rP/MrwzV+Cb+/HBKlvM8Q=="
+    },
+    "node_modules/referer-parser": {
+      "version": "0.0.4",
+      "resolved": "git+ssh://git@github.com/overleaf/nodejs-referer-parser.git#8b8b103762d05b7be4cfa2f810e1d408be67d7bb",
+      "integrity": "sha512-73u9iYlvAoOF3PuteH1Yl3hdIGcGefyyZbgcNcaF8gAnSrx/cHlgiht/AhbT+rcM0dv0bPo9NxBmTrR1jr8DMQ==",
+      "dependencies": {
+        "js-yaml": "^4.1.0"
+      }
+    },
+    "node_modules/referrer-policy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/referrer-policy/-/referrer-policy-1.2.0.tgz",
+      "integrity": "sha512-LgQJIuS6nAy1Jd88DCQRemyE3mS+ispwlqMk3b0yjZ257fI1v9c+/p6SD5gP5FGyXUIgrNOAfmyioHwZtYv2VA==",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/reflect.getprototypeof": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
+      "integrity": "sha512-ECkTw8TmJwW60lOTR+ZkODISW6RQ8+2CL3COqtiJKLd6MmB45hN51HprHFziKLGkAuTGQhBb91V8cy+KHlaCjw==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "es-abstract": "^1.22.1",
+        "get-intrinsic": "^1.2.1",
+        "globalthis": "^1.0.3",
+        "which-builtin-type": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regenerate": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/regenerate/-/regenerate-1.4.2.tgz",
+      "integrity": "sha512-zrceR/XhGYU/d/opr2EKO7aRHUeiBI8qjtfHqADTwZd6Szfy16la6kqD0MIUs5z5hx6AaKa+PixpPrR289+I0A==",
+      "dev": true
+    },
+    "node_modules/regenerate-unicode-properties": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-10.1.0.tgz",
+      "integrity": "sha512-d1VudCLoIGitcU/hEg2QqvyGZQmdC0Lf8BqdOMXGFSvJP4bNV1+XqbPQeHHLD51Jh4QJJ225dlIFvY4Ly6MXmQ==",
+      "dev": true,
+      "dependencies": {
+        "regenerate": "^1.4.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.11.tgz",
+      "integrity": "sha512-kY1AZVr2Ra+t+piVaJ4gxaFaReZVH40AKNo7UCX6W+dEwBo/2oZJzqfuN1qLq1oL45o56cPaTXELwrTh8Fpggg=="
+    },
+    "node_modules/regenerator-transform": {
+      "version": "0.15.2",
+      "resolved": "https://registry.npmjs.org/regenerator-transform/-/regenerator-transform-0.15.2.tgz",
+      "integrity": "sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.8.4"
+      }
+    },
+    "node_modules/regex-not": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
+      "integrity": "sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==",
+      "dev": true,
+      "dependencies": {
+        "extend-shallow": "^3.0.2",
+        "safe-regex": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/regex-parser": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/regex-parser/-/regex-parser-2.3.0.tgz",
+      "integrity": "sha512-TVILVSz2jY5D47F4mA4MppkBrafEaiUWJO/TcZHEIuI13AqoZMkK1WMA4Om1YkYbTx+9Ki1/tSUXbceyr9saRg==",
+      "dev": true
+    },
+    "node_modules/regexp-tree": {
+      "version": "0.1.27",
+      "resolved": "https://registry.npmjs.org/regexp-tree/-/regexp-tree-0.1.27.tgz",
+      "integrity": "sha512-iETxpjK6YoRWJG5o6hXLwvjYAoW+FEZn9os0PD/b6AP6xQwsa/Y7lCVgIixBbUPMfhu+i2LtdeAqVTgGlQarfA==",
+      "dev": true,
+      "bin": {
+        "regexp-tree": "bin/regexp-tree"
+      }
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.2.tgz",
+      "integrity": "sha512-NcDiDkTLuPR+++OCKB0nWafEmhg/Da8aUPLPMQbK+bxKKCm1/S5he+AqYa4PlMCVBalb4/yxIRub6qkEx5yJbw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "define-properties": "^1.2.1",
+        "es-errors": "^1.3.0",
+        "set-function-name": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/regexparam": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/regexparam/-/regexparam-3.0.0.tgz",
+      "integrity": "sha512-RSYAtP31mvYLkAHrOlh25pCNQ5hWnT106VukGaaFfuJrZFkGRX5GhUAdPqpSDXxOhA2c4akmRuplv1mRqnBn6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/regexpp": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
+      "integrity": "sha512-pq2bWo9mVD43nbts2wGv17XLiNLya+GklZ8kaDLV2Z08gDCsGpnKn9BFMepvWuHCbyVvY7J5o5+BVvoQbmlJLg==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/mysticatea"
+      }
+    },
+    "node_modules/regexpu-core": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/regexpu-core/-/regexpu-core-5.3.2.tgz",
+      "integrity": "sha512-RAM5FlZz+Lhmo7db9L298p2vHP5ZywrVXmVXpmAD9GuL5MPH6t9ROw1iA/wfHkQ76Qe7AaPF0nGuim96/IrQMQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/regjsgen": "^0.8.0",
+        "regenerate": "^1.4.2",
+        "regenerate-unicode-properties": "^10.1.0",
+        "regjsparser": "^0.9.1",
+        "unicode-match-property-ecmascript": "^2.0.0",
+        "unicode-match-property-value-ecmascript": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/regjsparser": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/regjsparser/-/regjsparser-0.9.1.tgz",
+      "integrity": "sha512-dQUtn90WanSNl+7mQKcXAgZxvUe7Z0SqXlgzv0za4LwiUhyzBC58yQO3liFoUgu8GiJVInAhJjkj1N0EtQ5nkQ==",
+      "dev": true,
+      "dependencies": {
+        "jsesc": "~0.5.0"
+      },
+      "bin": {
+        "regjsparser": "bin/parser"
+      }
+    },
+    "node_modules/regjsparser/node_modules/jsesc": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-0.5.0.tgz",
+      "integrity": "sha512-uZz5UnB7u4T9LvwmFqXii7pZSouaRPorGs5who1Ip7VO0wxanFvBL7GkM6dTHlgX+jhBApRetaWpnDabOeTcnA==",
+      "dev": true,
+      "bin": {
+        "jsesc": "bin/jsesc"
+      }
+    },
+    "node_modules/relateurl": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/relateurl/-/relateurl-0.2.7.tgz",
+      "integrity": "sha1-VNvzd+UUQKypCkzSdGANP/LYiKk=",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/remove-accents": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/remove-accents/-/remove-accents-0.4.2.tgz",
+      "integrity": "sha1-CkPTqq4egNuRngeuJUsoXZ4ce7U=",
+      "dev": true
+    },
+    "node_modules/remove-trailing-separator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
+      "integrity": "sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw==",
+      "dev": true
+    },
+    "node_modules/renderkid": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/renderkid/-/renderkid-3.0.0.tgz",
+      "integrity": "sha512-q/7VIQA8lmM1hF+jn+sFSPWGlMkSAeNYcPLmDQx2zzuiDfaLrOmumR8iaUKlenFgh0XRPIUeSPlH3A+AW3Z5pg==",
+      "dev": true,
+      "dependencies": {
+        "css-select": "^4.1.3",
+        "dom-converter": "^0.2.0",
+        "htmlparser2": "^6.1.0",
+        "lodash": "^4.17.21",
+        "strip-ansi": "^6.0.1"
+      }
+    },
+    "node_modules/repeat-element": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.4.tgz",
+      "integrity": "sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/repeat-string": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
+      "integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/replace-ext": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-2.0.0.tgz",
+      "integrity": "sha512-UszKE5KVK6JvyD92nzMn9cDapSk6w/CaFZ96CnmDMUqH9oowfxF/ZjRITD25H4DnOQClLA4/j7jLGXXLVKxAug==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/request": {
+      "version": "2.88.2",
+      "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
+      "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
+      "deprecated": "request has been deprecated, see https://github.com/request/request/issues/3142",
+      "dependencies": {
+        "aws-sign2": "~0.7.0",
+        "aws4": "^1.8.0",
+        "caseless": "~0.12.0",
+        "combined-stream": "~1.0.6",
+        "extend": "~3.0.2",
+        "forever-agent": "~0.6.1",
+        "form-data": "~2.3.2",
+        "har-validator": "~5.1.3",
+        "http-signature": "~1.2.0",
+        "is-typedarray": "~1.0.0",
+        "isstream": "~0.1.2",
+        "json-stringify-safe": "~5.0.1",
+        "mime-types": "~2.1.19",
+        "oauth-sign": "~0.9.0",
+        "performance-now": "^2.1.0",
+        "qs": "~6.5.2",
+        "safe-buffer": "^5.1.2",
+        "tough-cookie": "~2.5.0",
+        "tunnel-agent": "^0.6.0",
+        "uuid": "^3.3.2"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/request-progress": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/request-progress/-/request-progress-3.0.0.tgz",
+      "integrity": "sha1-TKdUCBx/7GP1BeT6qCWqBs1mnb4=",
+      "dev": true,
+      "dependencies": {
+        "throttleit": "^1.0.0"
+      }
+    },
+    "node_modules/request/node_modules/form-data": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
+      "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.6",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 0.12"
+      }
+    },
+    "node_modules/request/node_modules/qs": {
+      "version": "6.5.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz",
+      "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/request/node_modules/tough-cookie": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
+      "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
+      "dependencies": {
+        "psl": "^1.1.28",
+        "punycode": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/requestretry": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/requestretry/-/requestretry-7.1.0.tgz",
+      "integrity": "sha512-TqVDgp251BW4b8ddQ2ptaj/57Z3LZHLscAUT7v6qs70buqF2/IoOVjYbpjJ6HiW7j5+waqegGI8xKJ/+uzgDmw==",
+      "dependencies": {
+        "extend": "^3.0.2",
+        "lodash": "^4.17.15"
+      },
+      "peerDependencies": {
+        "request": "2.*.*"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-from-string": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
+      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/require-like": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/require-like/-/require-like-0.1.2.tgz",
+      "integrity": "sha1-rW8wwTvs15cBDEaK+ndcDAprR/o=",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/require-main-filename/-/require-main-filename-2.0.0.tgz",
+      "integrity": "sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg==",
+      "dev": true
+    },
+    "node_modules/requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8="
+    },
+    "node_modules/requizzle": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/requizzle/-/requizzle-0.2.4.tgz",
+      "integrity": "sha512-JRrFk1D4OQ4SqovXOgdav+K8EAhSB/LJZqCz8tbX0KObcdeM15Ss59ozWMBWmmINMagCwmqn4ZNryUGpBsl6Jw==",
+      "dependencies": {
+        "lodash": "^4.17.21"
+      }
+    },
+    "node_modules/reselect": {
+      "version": "4.1.8",
+      "resolved": "https://registry.npmjs.org/reselect/-/reselect-4.1.8.tgz",
+      "integrity": "sha512-ab9EmR80F/zQTMNeneUr4cv+jSwPJgIlvEmVwLerwrWVbpLlBuls9XHzIeTFy4cegU2NHBp3va0LKOzU5qFEYQ==",
+      "dev": true
+    },
+    "node_modules/resolve": {
+      "version": "1.22.8",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+      "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+      "dependencies": {
+        "is-core-module": "^2.13.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/resolve-cwd": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-cwd/-/resolve-cwd-3.0.0.tgz",
+      "integrity": "sha512-OrZaX2Mb+rJCpH/6CpSqt9xFVpN++x01XnN2ie9g6P5/3xelLAkXWVADpdz1IHD/KFfEXyE6V0U01OQ3UO2rEg==",
+      "dev": true,
+      "dependencies": {
+        "resolve-from": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/resolve-from": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
+      "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/resolve-options": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-options/-/resolve-options-2.0.0.tgz",
+      "integrity": "sha512-/FopbmmFOQCfsCx77BRFdKOniglTiHumLgwvd6IDPihy1GKkadZbgQJBcTb2lMzSR1pndzd96b1nZrreZ7+9/A==",
+      "dev": true,
+      "dependencies": {
+        "value-or-function": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/resolve-url": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/resolve-url/-/resolve-url-0.2.1.tgz",
+      "integrity": "sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==",
+      "deprecated": "https://github.com/lydell/resolve-url#deprecated",
+      "dev": true
+    },
+    "node_modules/resolve-url-loader": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-url-loader/-/resolve-url-loader-5.0.0.tgz",
+      "integrity": "sha512-uZtduh8/8srhBoMx//5bwqjQ+rfYOUq8zC9NrMUGtjBiGTtFJM42s58/36+hTqeqINcnYe08Nj3LkK9lW4N8Xg==",
+      "dev": true,
+      "dependencies": {
+        "adjust-sourcemap-loader": "^4.0.0",
+        "convert-source-map": "^1.7.0",
+        "loader-utils": "^2.0.0",
+        "postcss": "^8.2.14",
+        "source-map": "0.6.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/restore-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
+      "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
+      "dev": true,
+      "dependencies": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ret": {
+      "version": "0.1.15",
+      "resolved": "https://registry.npmjs.org/ret/-/ret-0.1.15.tgz",
+      "integrity": "sha512-TTlYpa+OL+vMMNG24xSlQGEJ3B/RzEfUlLct7b5G/ytav+wPrplCpVMFuwzXbkecJrb6IYo1iFb0S9v37754mg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12"
+      }
+    },
+    "node_modules/retry": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npmjs.org/retry/-/retry-0.13.1.tgz",
+      "integrity": "sha512-XQBQ3I8W1Cge0Seh+6gjj03LbmRFWuoszgK9ooCpwYIrhhoO80pfq4cUkU5DkknwfOfFteRwlZ56PYOGYyFWdg==",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/retry-as-promised": {
+      "version": "7.0.4",
+      "resolved": "https://registry.npmjs.org/retry-as-promised/-/retry-as-promised-7.0.4.tgz",
+      "integrity": "sha512-XgmCoxKWkDofwH8WddD0w85ZfqYz+ZHlr5yo+3YUCfycWawU56T5ckWXsScsj5B8tqUcIG67DxXByo3VUgiAdA=="
+    },
+    "node_modules/retry-request": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/retry-request/-/retry-request-4.2.2.tgz",
+      "integrity": "sha512-xA93uxUD/rogV7BV59agW/JHPGXeREMWiZc9jhcwY4YdZ7QOtC7qbomYg0n4wyk2lJhggjvKvhNX8wln/Aldhg==",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "extend": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+      "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rfdc": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.3.0.tgz",
+      "integrity": "sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==",
+      "dev": true
+    },
+    "node_modules/rndm": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/rndm/-/rndm-1.2.0.tgz",
+      "integrity": "sha1-8z/pz7Urv9UgqhgyO8ZdsRCht2w="
+    },
+    "node_modules/route-recognizer": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/route-recognizer/-/route-recognizer-0.3.4.tgz",
+      "integrity": "sha512-2+MhsfPhvauN1O8KaXpXAOfR/fwe8dnUXVM+xw7yt40lJRfPVQxV6yryZm0cgRvAj5fMF/mdRZbL2ptwbs5i2g==",
+      "dev": true
+    },
+    "node_modules/run-applescript": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/run-applescript/-/run-applescript-7.0.0.tgz",
+      "integrity": "sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/rxjs": {
+      "version": "7.5.5",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.5.5.tgz",
+      "integrity": "sha512-sy+H0pQofO95VDmFLzyaw9xNJU4KTRSwQIGM6+iG3SypAtCiLDzpeG8sJrNCWn2Up9km+KhkvTdbkrdy+yzZdw==",
+      "dev": true,
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/safe-array-concat": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/safe-array-concat/-/safe-array-concat-1.1.2.tgz",
+      "integrity": "sha512-vj6RsCsWBCf19jIeHEfkRMw8DPiBb+DMXklQ/1SGDHOMlHdPUkZXFQ2YdplS23zESTijAcurb1aSgJA3AgMu1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "get-intrinsic": "^1.2.4",
+        "has-symbols": "^1.0.3",
+        "isarray": "^2.0.5"
+      },
+      "engines": {
+        "node": ">=0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="
+    },
+    "node_modules/safe-json-stringify": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/safe-json-stringify/-/safe-json-stringify-1.2.0.tgz",
+      "integrity": "sha512-gH8eh2nZudPQO6TytOvbxnuhYBOvDBBLW52tz5q6X58lJcd/tkmqFR+5Z9adS8aJtURSXWThWy/xJtJwixErvg==",
+      "optional": true
+    },
+    "node_modules/safe-regex": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/safe-regex/-/safe-regex-1.1.0.tgz",
+      "integrity": "sha512-aJXcif4xnaNUzvUuC5gcb46oTS7zvg4jpMTnuqtrEPlR3vFr4pxtdTwaF1Qs3Enjn9HK+ZlwQui+a7z0SywIzg==",
+      "dev": true,
+      "dependencies": {
+        "ret": "~0.1.10"
+      }
+    },
+    "node_modules/safe-regex-test": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/safe-regex-test/-/safe-regex-test-1.0.3.tgz",
+      "integrity": "sha512-CdASjNJPvRa7roO6Ra/gLYBTzYzzPyyBXxIMdGW3USQLyjWEls2RgW5UBTXaQVp+OrpeCK3bLem8smtmheoRuw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.6",
+        "es-errors": "^1.3.0",
+        "is-regex": "^1.1.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
+    "node_modules/saml": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/saml/-/saml-3.0.1.tgz",
+      "integrity": "sha512-bOjVqZcHY8PkdTBD7Y27KHykC7403BEM46SeCq5r0QPNEPE7M7RmWKy7hPjYsID9VNkCNSHYSVrrRS8Y9hNVWA==",
+      "dependencies": {
+        "@xmldom/xmldom": "^0.7.4",
+        "async": "^3.2.4",
+        "moment": "^2.29.4",
+        "valid-url": "~1.0.9",
+        "xml-crypto": "^2.1.3",
+        "xml-encryption": "^2.0.0",
+        "xml-name-validator": "~2.0.1",
+        "xpath": "0.0.5"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/saml/node_modules/xml-crypto": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/xml-crypto/-/xml-crypto-2.1.6.tgz",
+      "integrity": "sha512-jjvpO8vHNV8QFhW5bMypP+k4BjBqHe/HrpIwpPcdUnUTIJakSIuN96o3Sdah4tKu2z64kM/JHEH8iEHGCc6Gyw==",
+      "license": "MIT",
+      "dependencies": {
+        "@xmldom/xmldom": "^0.7.9",
+        "xpath": "0.0.32"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/saml/node_modules/xml-crypto/node_modules/xpath": {
+      "version": "0.0.32",
+      "resolved": "https://registry.npmjs.org/xpath/-/xpath-0.0.32.tgz",
+      "integrity": "sha512-rxMJhSIoiO8vXcWvSifKqhvV96GjiD5wYb8/QHdoRyQvraTpp4IEv944nhGausZZ3u7dhQXteZuZbaqfpB7uYw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/saml/node_modules/xml-name-validator": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-2.0.1.tgz",
+      "integrity": "sha512-jRKe/iQYMyVJpzPH+3HL97Lgu5HrCfii+qSo+TfjKHtOnvbnvdVfMYrn9Q34YV81M2e5sviJlI6Ko9y+nByzvA=="
+    },
+    "node_modules/samlp": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/samlp/-/samlp-7.0.2.tgz",
+      "integrity": "sha512-ajROyMKj4HKqXEbThx5ktsMWRsIGziAWWgh9ObnzobUJgCObSUPB13KM9G50huIQffMy3lXx87JDhzYXg5iJ5A==",
+      "dependencies": {
+        "@auth0/thumbprint": "0.0.6",
+        "@auth0/xmldom": "0.1.21",
+        "auth0-id-generator": "^0.2.0",
+        "ejs": "^3.1.8",
+        "flowstate": "^0.4.0",
+        "querystring": "^0.2.0",
+        "saml": "^3.0.1",
+        "xml-crypto": "^2.0.0",
+        "xpath": "0.0.5",
+        "xtend": "^1.0.3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/samlp/node_modules/xml-crypto": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/xml-crypto/-/xml-crypto-2.1.6.tgz",
+      "integrity": "sha512-jjvpO8vHNV8QFhW5bMypP+k4BjBqHe/HrpIwpPcdUnUTIJakSIuN96o3Sdah4tKu2z64kM/JHEH8iEHGCc6Gyw==",
+      "license": "MIT",
+      "dependencies": {
+        "@xmldom/xmldom": "^0.7.9",
+        "xpath": "0.0.32"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/samlp/node_modules/xml-crypto/node_modules/xpath": {
+      "version": "0.0.32",
+      "resolved": "https://registry.npmjs.org/xpath/-/xpath-0.0.32.tgz",
+      "integrity": "sha512-rxMJhSIoiO8vXcWvSifKqhvV96GjiD5wYb8/QHdoRyQvraTpp4IEv944nhGausZZ3u7dhQXteZuZbaqfpB7uYw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/samlp/node_modules/xtend": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-1.0.3.tgz",
+      "integrity": "sha1-P12Tc1PM7Y4IU5mlY/2yJUHClgo=",
+      "engines": {
+        "node": ">=0.4"
+      }
+    },
+    "node_modules/sandboxed-module": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/sandboxed-module/-/sandboxed-module-2.0.4.tgz",
+      "integrity": "sha512-AwEPOdO8mg/wJjr876yCHP2DHqVN0MaggEXhp6IIf3bcI5cYoQl9QrrCHSrvToHjvdEiS5x4TVZRgjD2bEmNTA==",
+      "dev": true,
+      "dependencies": {
+        "require-like": "0.1.2",
+        "stack-trace": "0.0.9"
+      }
+    },
+    "node_modules/sanitize-html": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/sanitize-html/-/sanitize-html-2.12.1.tgz",
+      "integrity": "sha512-Plh+JAn0UVDpBRP/xEjsk+xDCoOvMBwQUf/K+/cBAVuTbtX8bj2VB7S1sL1dssVpykqp0/KPSesHrqXtokVBpA==",
+      "dependencies": {
+        "deepmerge": "^4.2.2",
+        "escape-string-regexp": "^4.0.0",
+        "htmlparser2": "^8.0.0",
+        "is-plain-object": "^5.0.0",
+        "parse-srcset": "^1.0.2",
+        "postcss": "^8.3.11"
+      }
+    },
+    "node_modules/sanitize-html/node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/sanitize-html/node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/sanitize-html/node_modules/domutils": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.0.1.tgz",
+      "integrity": "sha512-z08c1l761iKhDFtfXO04C7kTdPBLi41zwOZl00WS8b5eiaebNpY00HKbztwBq+e3vyqWNwWF3mP9YLUeqIrF+Q==",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/sanitize-html/node_modules/entities": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.4.0.tgz",
+      "integrity": "sha512-oYp7156SP8LkeGD0GF85ad1X9Ai79WtRsZ2gxJqtBuzH+98YUV6jkHEKlZkMbcrjJjIVJNIDP/3WL9wQkoPbWA==",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/sanitize-html/node_modules/htmlparser2": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.1.tgz",
+      "integrity": "sha512-4lVbmc1diZC7GUJQtRQ5yBAeUCL1exyMwmForWkRLnwyzWBFxN633SALPMGYaWZvKe9j1pRZJpauvmxENSp/EA==",
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "entities": "^4.3.0"
+      }
+    },
+    "node_modules/sanitize-html/node_modules/is-plain-object": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sass": {
+      "version": "1.77.1",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.1.tgz",
+      "integrity": "sha512-OMEyfirt9XEfyvocduUIOlUSkWOXS/LAt6oblR/ISXCTukyavjex+zQNm51pPCOiFKY1QpWvEH1EeCkgyV3I6w==",
+      "dev": true,
+      "dependencies": {
+        "chokidar": ">=3.0.0 <4.0.0",
+        "immutable": "^4.0.0",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/sass-loader": {
+      "version": "14.2.1",
+      "resolved": "https://registry.npmjs.org/sass-loader/-/sass-loader-14.2.1.tgz",
+      "integrity": "sha512-G0VcnMYU18a4N7VoNDegg2OuMjYtxnqzQWARVWCIVSZwJeiL9kg8QMsuIZOplsJgTzZLF6jGxI3AClj8I9nRdQ==",
+      "dev": true,
+      "dependencies": {
+        "neo-async": "^2.6.2"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "@rspack/core": "0.x || 1.x",
+        "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0 || ^9.0.0",
+        "sass": "^1.3.0",
+        "sass-embedded": "*",
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@rspack/core": {
+          "optional": true
+        },
+        "node-sass": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/sax": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/sax/-/sax-1.2.1.tgz",
+      "integrity": "sha1-e45lYZCyKOgaZq6nSEgNgozS03o="
+    },
+    "node_modules/saxes": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-5.0.1.tgz",
+      "integrity": "sha512-5LBh1Tls8c9xgGjw3QrMwETmTMVk0oFgvrFSvWx62llR2hcEInrKNZ2GZCCuuy2lvWrdl5jhbpeqc5hRYKFOcw==",
+      "dev": true,
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz",
+      "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "object-assign": "^4.1.1"
+      }
+    },
+    "node_modules/schema-utils": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+      "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.8",
+        "ajv": "^6.12.5",
+        "ajv-keywords": "^3.5.2"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/scroll-into-view-if-needed": {
+      "version": "2.2.28",
+      "resolved": "https://registry.npmjs.org/scroll-into-view-if-needed/-/scroll-into-view-if-needed-2.2.28.tgz",
+      "integrity": "sha512-8LuxJSuFVc92+0AdNv4QOxRL4Abeo1DgLnGNkn1XlaujPH/3cCFz3QI60r2VNu4obJJROzgnIUw5TKQkZvZI1w==",
+      "dev": true,
+      "dependencies": {
+        "compute-scroll-into-view": "^1.0.17"
+      }
+    },
+    "node_modules/select-hose": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
+      "integrity": "sha512-mEugaLK+YfkijB4fx0e6kImuJdCIt2LxCRcbEYPqRGCs4F2ogyfZU5IAZRdjCP8JPq2AtdNoC/Dux63d9Kiryg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/selfsigned": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/selfsigned/-/selfsigned-2.4.1.tgz",
+      "integrity": "sha512-th5B4L2U+eGLq1TVh7zNRGBapioSORUeymIydxgFpwww9d2qyKvtuPU2jJuHvYAwwqi2Y596QBL3eEqcPEYL8Q==",
+      "dependencies": {
+        "@types/node-forge": "^1.3.0",
+        "node-forge": "^1"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/send": {
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
+      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/send/node_modules/debug/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/send/node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/send/node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/send/node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/send/node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/sequelize": {
+      "version": "6.31.0",
+      "resolved": "https://registry.npmjs.org/sequelize/-/sequelize-6.31.0.tgz",
+      "integrity": "sha512-nCPVtv+QydBmb3Us2jCNAr1Dx3gST83VZxxrUQn/JAVFCOrmYOgUaPUz5bevummyNf30zfHsZhIKYAOD3ULfTA==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/sequelize"
+        }
+      ],
+      "dependencies": {
+        "@types/debug": "^4.1.7",
+        "@types/validator": "^13.7.1",
+        "debug": "^4.3.3",
+        "dottie": "^2.0.2",
+        "inflection": "^1.13.2",
+        "lodash": "^4.17.21",
+        "moment": "^2.29.1",
+        "moment-timezone": "^0.5.35",
+        "pg-connection-string": "^2.5.0",
+        "retry-as-promised": "^7.0.3",
+        "semver": "^7.3.5",
+        "sequelize-pool": "^7.1.0",
+        "toposort-class": "^1.0.1",
+        "uuid": "^8.3.2",
+        "validator": "^13.7.0",
+        "wkx": "^0.5.0"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependenciesMeta": {
+        "ibm_db": {
+          "optional": true
+        },
+        "mariadb": {
+          "optional": true
+        },
+        "mysql2": {
+          "optional": true
+        },
+        "oracledb": {
+          "optional": true
+        },
+        "pg": {
+          "optional": true
+        },
+        "pg-hstore": {
+          "optional": true
+        },
+        "snowflake-sdk": {
+          "optional": true
+        },
+        "sqlite3": {
+          "optional": true
+        },
+        "tedious": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/sequelize-cli": {
+      "version": "6.6.0",
+      "resolved": "https://registry.npmjs.org/sequelize-cli/-/sequelize-cli-6.6.0.tgz",
+      "integrity": "sha512-FwTClhGRvXKanFRHMZbgfXOBV8UC2B3VkE0WOdW1n39/36PF4lWyurF95f246une/V4eaO3a7/Ywvy++3r+Jmg==",
+      "dev": true,
+      "dependencies": {
+        "cli-color": "^2.0.3",
+        "fs-extra": "^9.1.0",
+        "js-beautify": "^1.14.5",
+        "lodash": "^4.17.21",
+        "resolve": "^1.22.1",
+        "umzug": "^2.3.0",
+        "yargs": "^16.2.0"
+      },
+      "bin": {
+        "sequelize": "lib/sequelize",
+        "sequelize-cli": "lib/sequelize"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/sequelize-cli/node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "dev": true,
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/sequelize-cli/node_modules/yargs": {
+      "version": "16.2.0",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz",
+      "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==",
+      "dev": true,
+      "dependencies": {
+        "cliui": "^7.0.2",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.0",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^20.2.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/sequelize-pool": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/sequelize-pool/-/sequelize-pool-7.1.0.tgz",
+      "integrity": "sha512-G9c0qlIWQSK29pR/5U2JF5dDQeqqHRragoyahj/Nx4KOOQ3CPPfzxnfqFPCSB7x5UgjOgnZ61nSxz+fjDpRlJg==",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/sequelize/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/sequelize/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/sequelize/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/sequelize/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/serialize-javascript": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
+      "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/serialize-javascript/node_modules/randombytes": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+      "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+      "dev": true,
+      "dependencies": {
+        "safe-buffer": "^5.1.0"
+      }
+    },
+    "node_modules/serve-index": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/serve-index/-/serve-index-1.9.1.tgz",
+      "integrity": "sha512-pXHfKNP4qujrtteMrSBb0rc8HJ9Ms/GrXwcUtUtD5s4ewDJI8bT3Cz2zTVRMKtri49pLx2e0Ya8ziP5Ya2pZZw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.4",
+        "batch": "0.6.1",
+        "debug": "2.6.9",
+        "escape-html": "~1.0.3",
+        "http-errors": "~1.6.2",
+        "mime-types": "~2.1.17",
+        "parseurl": "~1.3.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/serve-index/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/serve-index/node_modules/http-errors": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-1.6.3.tgz",
+      "integrity": "sha512-lks+lVC8dgGyh97jxvxeYTWQFvh4uw4yC12gVl63Cg30sjPX4wuGcdkICVXDAESr6OJGjqGA8Iz5mkeN6zlD7A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.1.0",
+        "statuses": ">= 1.4.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/serve-index/node_modules/inherits": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.3.tgz",
+      "integrity": "sha512-x00IRNXNy63jwGkJmzPigoySHbaqpNuzKbBOmzK+g2OdZpQ9w+sxCN+VSB3ja7IAge2OP2qpfxTjeNcyjmW1uw==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/serve-index/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/serve-index/node_modules/setprototypeof": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.1.0.tgz",
+      "integrity": "sha512-BvE/TwpZX4FXExxOxZyRGQQv651MSwmWKZGqvmPcRIjDqWub67kTKuIMx43cZZrS/cBBzwBcNDWoFxt2XEFIpQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/serve-static": {
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
+      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
+      "dependencies": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.19.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/serve-static/node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc="
+    },
+    "node_modules/set-cookie-parser": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/set-cookie-parser/-/set-cookie-parser-2.6.0.tgz",
+      "integrity": "sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==",
+      "dev": true
+    },
+    "node_modules/set-function-length": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.2.2.tgz",
+      "integrity": "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==",
+      "dependencies": {
+        "define-data-property": "^1.1.4",
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.4",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
+      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-value": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz",
+      "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==",
+      "dev": true,
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-extendable": "^0.1.1",
+        "is-plain-object": "^2.0.3",
+        "split-string": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/set-value/node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "dev": true,
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/set-value/node_modules/is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
+    },
+    "node_modules/sha.js": {
+      "version": "2.4.11",
+      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
+      "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
+      "dev": true,
+      "license": "(MIT AND BSD-3-Clause)",
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      },
+      "bin": {
+        "sha.js": "bin.js"
+      }
+    },
+    "node_modules/shallow-clone": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-3.0.1.tgz",
+      "integrity": "sha512-/6KqX+GVUdqPuPPd2LxDDxzX6CAbjJehAAOKlNpqqUpAqPM6HeL8f+o3a+JsyGjn2lv0WY8UsTgUJjU9Ok55NA==",
+      "dev": true,
+      "dependencies": {
+        "kind-of": "^6.0.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shallow-equal": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/shallow-equal/-/shallow-equal-3.1.0.tgz",
+      "integrity": "sha512-pfVOw8QZIXpMbhBWvzBISicvToTiM5WBF1EeAUZDDSb5Dt29yl4AYbyywbJFSEsRUMr7gJaxqCdr4L3tQf9wVg=="
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shell-quote": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.2.tgz",
+      "integrity": "sha512-AzqKpGKjrj7EM6rKVQEPpB288oCfnrEIuyoT9cyF4nmGa7V8Zk6f7RRqYisX8X9m+Q7bd632aZW4ky7EhbQztA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/shimmer": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/shimmer/-/shimmer-1.2.1.tgz",
+      "integrity": "sha512-sQTKC1Re/rM6XyFM6fIAGHRPVGvyXfgzIDvzoq608vM+jeyVD0Tu1E6Np0Kc2zAIFWIj963V2800iF/9LPieQw=="
+    },
+    "node_modules/side-channel": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.0.6.tgz",
+      "integrity": "sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.4",
+        "object-inspect": "^1.13.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/sift": {
+      "version": "17.1.3",
+      "resolved": "https://registry.npmjs.org/sift/-/sift-17.1.3.tgz",
+      "integrity": "sha512-Rtlj66/b0ICeFzYTuNvX/EF1igRbbnGSvEyT79McoZa/DeGhMyC5pWKOEsZKnpkqtSeovd5FL/bjHWC3CIIvCQ==",
+      "license": "MIT"
+    },
+    "node_modules/sigmund": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/sigmund/-/sigmund-1.0.1.tgz",
+      "integrity": "sha512-fCvEXfh6NWpm+YSuY2bpXb/VIihqWA6hLsgboC+0nl71Q7N7o2eaCW8mJa/NLvQhs6jpd3VZV4UiUQlV6+lc8g==",
+      "dev": true
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
+    },
+    "node_modules/simple-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
+      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/simple-get": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-3.1.1.tgz",
+      "integrity": "sha512-CQ5LTKGfCpvE1K0n2us+kuMPbk/q0EKl82s4aheV9oXjFEz6W/Y7oQFVJuU6QG77hRT4Ghb5RURteF5vnWjupA==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "decompress-response": "^4.2.0",
+        "once": "^1.3.1",
+        "simple-concat": "^1.0.0"
+      }
+    },
+    "node_modules/simple-get/node_modules/decompress-response": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-4.2.1.tgz",
+      "integrity": "sha512-jOSne2qbyE+/r8G1VU+G/82LBs2Fs4LAsTiLSHOCOMZQl2OKZ6i8i4IyHemTe+/yIXOtTcRQMzPcgyhoFlqPkw==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "mimic-response": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/simple-get/node_modules/mimic-response": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-2.1.0.tgz",
+      "integrity": "sha512-wXqjST+SLt7R009ySCglWBCFpjUygmCIfD790/kVbiGmUgfYGuB14PiTd5DwVxSV4NcYHjzMkoj5LjQZwTQLEA==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/simple-oauth2": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/simple-oauth2/-/simple-oauth2-5.0.0.tgz",
+      "integrity": "sha512-8291lo/z5ZdpmiOFzOs1kF3cxn22bMj5FFH+DNUppLJrpoIlM1QnFiE7KpshHu3J3i21TVcx4yW+gXYjdCKDLQ==",
+      "dependencies": {
+        "@hapi/hoek": "^10.0.1",
+        "@hapi/wreck": "^18.0.0",
+        "debug": "^4.3.4",
+        "joi": "^17.6.4"
+      }
+    },
+    "node_modules/simple-oauth2/node_modules/@hapi/hoek": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-10.0.1.tgz",
+      "integrity": "sha512-CvlW7jmOhWzuqOqiJQ3rQVLMcREh0eel4IBnxDx2FAcK8g7qoJRQK4L1CPBASoCY6y8e6zuCy3f2g+HWdkzcMw=="
+    },
+    "node_modules/simple-oauth2/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/simple-oauth2/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "node_modules/simple-update-notifier": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/simple-update-notifier/-/simple-update-notifier-2.0.0.tgz",
+      "integrity": "sha512-a2B9Y0KlNXl9u/vsW6sTIu9vGEpfKu2wRV6l1H3XEas/0gUIzGzBoP/IouTcUQbm9JWZLH3COxyn03TYlFax6w==",
+      "dev": true,
+      "dependencies": {
+        "semver": "^7.5.3"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/simple-update-notifier/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dev": true,
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/simple-update-notifier/node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dev": true,
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/simple-update-notifier/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+      "dev": true
+    },
+    "node_modules/sinon": {
+      "version": "9.2.4",
+      "resolved": "https://registry.npmjs.org/sinon/-/sinon-9.2.4.tgz",
+      "integrity": "sha512-zljcULZQsJxVra28qIAL6ow1Z9tpattkCTEJR4RBP3TGc00FcttsP5pK284Nas5WjMZU5Yzy3kAIp3B3KRf5Yg==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^1.8.1",
+        "@sinonjs/fake-timers": "^6.0.1",
+        "@sinonjs/samsam": "^5.3.1",
+        "diff": "^4.0.2",
+        "nise": "^4.0.4",
+        "supports-color": "^7.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/sinon"
+      }
+    },
+    "node_modules/sinon-chai": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/sinon-chai/-/sinon-chai-3.7.0.tgz",
+      "integrity": "sha512-mf5NURdUaSdnatJx3uhoBOrY9dtL19fiOtAdT1Azxg3+lNJFiuN0uzaU3xX1LeAfL17kHQhTAJgpsfhbMJMY2g==",
+      "dev": true,
+      "peerDependencies": {
+        "chai": "^4.0.0",
+        "sinon": ">=4.0.0"
+      }
+    },
+    "node_modules/sinon-stub-promise": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/sinon-stub-promise/-/sinon-stub-promise-4.0.0.tgz",
+      "integrity": "sha1-bUmLoRmFV80B40Zq+S3H33JRksI=",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/sinon/node_modules/diff": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+      "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
+    "node_modules/sinon/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/sisteransi": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/sisteransi/-/sisteransi-1.0.5.tgz",
+      "integrity": "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/slash": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-2.0.0.tgz",
+      "integrity": "sha512-ZYKh3Wh2z1PpEXWr0MpSBZ0V6mZHAQfYevttO11c51CaWjGTaadiKZ+wVt1PbMlDV5qhMFslpZCemhwOK7C89A==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/slice-ansi": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
+      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "astral-regex": "^2.0.0",
+        "is-fullwidth-code-point": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/slice-ansi/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/slugify": {
+      "version": "1.6.5",
+      "resolved": "https://registry.npmjs.org/slugify/-/slugify-1.6.5.tgz",
+      "integrity": "sha512-8mo9bslnBO3tr5PEVFzMPIWwWnipGS0xVbYf65zxDqfNwmzYn1LpiKNrR6DlClusuvo+hDHd1zKpmfAe83NQSQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/smart-buffer": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
+      "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">= 6.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/snapdragon": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npmjs.org/snapdragon/-/snapdragon-0.8.2.tgz",
+      "integrity": "sha512-FtyOnWN/wCHTVXOMwvSv26d+ko5vWlIDD6zoUJ7LW8vh+ZBC8QdljveRP+crNrtBwioEUWy/4dMtbBjA4ioNlg==",
+      "dev": true,
+      "dependencies": {
+        "base": "^0.11.1",
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "map-cache": "^0.2.2",
+        "source-map": "^0.5.6",
+        "source-map-resolve": "^0.5.0",
+        "use": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon-node": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/snapdragon-node/-/snapdragon-node-2.1.1.tgz",
+      "integrity": "sha512-O27l4xaMYt/RSQ5TR3vpWCAB5Kb/czIcqUFOM/C4fYcLnbZUc1PkjTAMjof2pBWaSTwOUd6qUHcFGVGj7aIwnw==",
+      "dev": true,
+      "dependencies": {
+        "define-property": "^1.0.0",
+        "isobject": "^3.0.0",
+        "snapdragon-util": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon-node/node_modules/define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+      "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+      "dev": true,
+      "dependencies": {
+        "is-descriptor": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon-util": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/snapdragon-util/-/snapdragon-util-3.0.1.tgz",
+      "integrity": "sha512-mbKkMdQKsjX4BAL4bRYTj21edOf8cN7XHdYUJEe+Zn99hVEYcMvKPct1IqNe7+AZPirn8BCDOQBHQZknqmKlZQ==",
+      "dev": true,
+      "dependencies": {
+        "kind-of": "^3.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon-util/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dev": true,
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dev": true,
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/snapdragon/node_modules/define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "dev": true,
+      "dependencies": {
+        "is-descriptor": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon/node_modules/extend-shallow": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-2.0.1.tgz",
+      "integrity": "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug==",
+      "dev": true,
+      "dependencies": {
+        "is-extendable": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon/node_modules/is-descriptor": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz",
+      "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==",
+      "dev": true,
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/snapdragon/node_modules/is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/snapdragon/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "dev": true
+    },
+    "node_modules/snapdragon/node_modules/source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.5.7.tgz",
+      "integrity": "sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/socket.io": {
+      "version": "0.9.19-overleaf-11",
+      "resolved": "git+ssh://git@github.com/overleaf/socket.io.git#5afa587036620afa232d0f7b778ebb1541d7e4d5",
+      "dependencies": {
+        "base64id": "0.1.0",
+        "policyfile": "0.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      },
+      "optionalDependencies": {
+        "redis": "0.7.3"
+      }
+    },
+    "node_modules/socket.io-client": {
+      "version": "0.9.17-overleaf-5",
+      "resolved": "git+ssh://git@github.com/overleaf/socket.io-client.git#805a73d2a2e2408982597d5986a401088b7aa588",
+      "dependencies": {
+        "ws": "^1.1.5",
+        "xmlhttprequest": "^1.8.0"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/socket.io-client/node_modules/ws": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-1.1.5.tgz",
+      "integrity": "sha512-o3KqipXNUdS7wpQzBHSe180lBGO60SoK0yVo3CYJgb2MkobuWuBX6dhkYP5ORCLd55y+SaflMOV5fqAB53ux4w==",
+      "dependencies": {
+        "options": ">=0.0.5",
+        "ultron": "1.0.x"
+      }
+    },
+    "node_modules/sockjs": {
+      "version": "0.3.24",
+      "resolved": "https://registry.npmjs.org/sockjs/-/sockjs-0.3.24.tgz",
+      "integrity": "sha512-GJgLTZ7vYb/JtPSSZ10hsOYIvEYsjbNU+zPdIHcUaWVNUEPivzxku31865sSSud0Da0W4lEeOPlmw93zLQchuQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "faye-websocket": "^0.11.3",
+        "uuid": "^8.3.2",
+        "websocket-driver": "^0.7.4"
+      }
+    },
+    "node_modules/sockjs/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/socks": {
+      "version": "2.8.3",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.3.tgz",
+      "integrity": "sha512-l5x7VUUWbjVFbafGLxPWkYsHIhEvmF85tbIeFZWc8ZPtoMyybuEhL7Jye/ooC4/d48FgOjSJXgsF/AJPYCW8Zw==",
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "ip-address": "^9.0.5",
+        "smart-buffer": "^4.2.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/sortobject": {
+      "version": "4.16.0",
+      "resolved": "https://registry.npmjs.org/sortobject/-/sortobject-4.16.0.tgz",
+      "integrity": "sha512-jdcWhqJjxyYxRcXa30qImF3PZea1GpNwdKxUac28T28+GodptH4XihPuRlgCY0hITIEQVnw8DtQ81Fb6fomBaw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://bevry.me/fund"
+      }
+    },
+    "node_modules/source-list-map": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/source-list-map/-/source-list-map-2.0.1.tgz",
+      "integrity": "sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==",
+      "dev": true
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/source-map-resolve": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/source-map-resolve/-/source-map-resolve-0.5.3.tgz",
+      "integrity": "sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==",
+      "deprecated": "See https://github.com/lydell/source-map-resolve#deprecated",
+      "dev": true,
+      "dependencies": {
+        "atob": "^2.1.2",
+        "decode-uri-component": "^0.2.0",
+        "resolve-url": "^0.2.1",
+        "source-map-url": "^0.4.0",
+        "urix": "^0.1.0"
+      }
+    },
+    "node_modules/source-map-support": {
+      "version": "0.5.21",
+      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "source-map": "^0.6.0"
+      }
+    },
+    "node_modules/source-map-url": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.1.tgz",
+      "integrity": "sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==",
+      "deprecated": "See https://github.com/lydell/source-map-url#deprecated",
+      "dev": true
+    },
+    "node_modules/spark-md5": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/spark-md5/-/spark-md5-3.0.2.tgz",
+      "integrity": "sha512-wcFzz9cDfbuqe0FZzfi2or1sgyIrsDwmPwfZC4hiNidPdPINjeUwNfv5kldczoEAcjl9Y1L3SM7Uz2PUEQzxQw=="
+    },
+    "node_modules/sparse-bitfield": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/sparse-bitfield/-/sparse-bitfield-3.0.3.tgz",
+      "integrity": "sha1-/0rm5oZWBWuks+eSqzM004JzyhE=",
+      "dependencies": {
+        "memory-pager": "^1.0.2"
+      }
+    },
+    "node_modules/spdx-correct": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/spdx-correct/-/spdx-correct-3.2.0.tgz",
+      "integrity": "sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==",
+      "dev": true,
+      "dependencies": {
+        "spdx-expression-parse": "^3.0.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-exceptions": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/spdx-exceptions/-/spdx-exceptions-2.5.0.tgz",
+      "integrity": "sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==",
+      "dev": true
+    },
+    "node_modules/spdx-expression-parse": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-3.0.1.tgz",
+      "integrity": "sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==",
+      "dev": true,
+      "dependencies": {
+        "spdx-exceptions": "^2.1.0",
+        "spdx-license-ids": "^3.0.0"
+      }
+    },
+    "node_modules/spdx-license-ids": {
+      "version": "3.0.20",
+      "resolved": "https://registry.npmjs.org/spdx-license-ids/-/spdx-license-ids-3.0.20.tgz",
+      "integrity": "sha512-jg25NiDV/1fLtSgEgyvVyDunvaNHbuwF9lfNV17gSmPFAlYzdfNBlLtLzXTevwkPj7DhGbmN9VnmJIgLnhvaBw==",
+      "dev": true
+    },
+    "node_modules/spdy": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/spdy/-/spdy-4.0.2.tgz",
+      "integrity": "sha512-r46gZQZQV+Kl9oItvl1JZZqJKGr+oEkB08A6BzkiR7593/7IbtuncXHd2YoYeTsG4157ZssMu9KYvUHLcjcDoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.0",
+        "handle-thing": "^2.0.0",
+        "http-deceiver": "^1.2.7",
+        "select-hose": "^2.0.0",
+        "spdy-transport": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/spdy-transport": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/spdy-transport/-/spdy-transport-3.0.0.tgz",
+      "integrity": "sha512-hsLVFE5SjA6TCisWeJXFKniGGOpBgMLmerfO2aCyCU5s7nJ/rpAepqmFifv/GCbSbueEeAJJnmSQ2rKC/g8Fcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "debug": "^4.1.0",
+        "detect-node": "^2.0.4",
+        "hpack.js": "^2.1.6",
+        "obuf": "^1.1.2",
+        "readable-stream": "^3.0.6",
+        "wbuf": "^1.7.3"
+      }
+    },
+    "node_modules/split": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/split/-/split-1.0.1.tgz",
+      "integrity": "sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==",
+      "dependencies": {
+        "through": "2"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/split-ca": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/split-ca/-/split-ca-1.0.1.tgz",
+      "integrity": "sha1-bIOv82kvphJW4M0ZfgXp3hV2kaY="
+    },
+    "node_modules/split-string": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
+      "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==",
+      "dev": true,
+      "dependencies": {
+        "extend-shallow": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/split2": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/split2/-/split2-4.1.0.tgz",
+      "integrity": "sha512-VBiJxFkxiXRlUIeyMQi8s4hgvKCSjtknJv/LVYbrgALPwf5zSKmEwV9Lst25AkvMDnvxODugjdl6KZgwKM1WYQ==",
+      "engines": {
+        "node": ">= 10.x"
+      }
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw="
+    },
+    "node_modules/sprintf-kit": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/sprintf-kit/-/sprintf-kit-2.0.1.tgz",
+      "integrity": "sha512-2PNlcs3j5JflQKcg4wpdqpZ+AjhQJ2OZEo34NXDtlB0tIPG84xaaXhpA8XFacFiwjKA4m49UOYG83y3hbMn/gQ==",
+      "dependencies": {
+        "es5-ext": "^0.10.53"
+      }
+    },
+    "node_modules/sshpk": {
+      "version": "1.17.0",
+      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.17.0.tgz",
+      "integrity": "sha512-/9HIEs1ZXGhSPE8X6Ccm7Nam1z8KcoCqPdI7ecm1N33EzAetWahvQWVqLZtaZQ+IDKX4IyA2o0gBzqIMkAagHQ==",
+      "dependencies": {
+        "asn1": "~0.2.3",
+        "assert-plus": "^1.0.0",
+        "bcrypt-pbkdf": "^1.0.0",
+        "dashdash": "^1.12.0",
+        "ecc-jsbn": "~0.1.1",
+        "getpass": "^0.1.1",
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.0.2",
+        "tweetnacl": "~0.14.0"
+      },
+      "bin": {
+        "sshpk-conv": "bin/sshpk-conv",
+        "sshpk-sign": "bin/sshpk-sign",
+        "sshpk-verify": "bin/sshpk-verify"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sshpk/node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/stack-trace": {
+      "version": "0.0.9",
+      "resolved": "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.9.tgz",
+      "integrity": "sha1-qPbq7KkGdMMz58Q5U/J1tFFRBpU=",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/stackframe": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/stackframe/-/stackframe-1.3.4.tgz",
+      "integrity": "sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/standard-as-callback": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/standard-as-callback/-/standard-as-callback-2.1.0.tgz",
+      "integrity": "sha512-qoRRSyROncaz1z0mvYqIE4lCd9p2R90i6GxW3uZv5ucSu8tU7B5HXUP1gG8pVZsYNVaXjk8ClXHPttLyxAL48A=="
+    },
+    "node_modules/static-extend": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
+      "integrity": "sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==",
+      "dev": true,
+      "dependencies": {
+        "define-property": "^0.2.5",
+        "object-copy": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/static-extend/node_modules/define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "dev": true,
+      "dependencies": {
+        "is-descriptor": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/static-extend/node_modules/is-descriptor": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz",
+      "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==",
+      "dev": true,
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-1.5.0.tgz",
+      "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
+      "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
+      "dev": true,
+      "dependencies": {
+        "internal-slot": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/storybook": {
+      "version": "8.6.4",
+      "resolved": "https://registry.npmjs.org/storybook/-/storybook-8.6.4.tgz",
+      "integrity": "sha512-XXh1Acvf1r3BQX0BDLQw6yhZ7yUGvYxIcKOBuMdetnX7iXtczipJTfw0uyFwk0ltkKEE9PpJvivYmARF3u64VQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@storybook/core": "8.6.4"
+      },
+      "bin": {
+        "getstorybook": "bin/index.cjs",
+        "sb": "bin/index.cjs",
+        "storybook": "bin/index.cjs"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/storybook"
+      },
+      "peerDependencies": {
+        "prettier": "^2 || ^3"
+      },
+      "peerDependenciesMeta": {
+        "prettier": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/stream-composer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/stream-composer/-/stream-composer-1.0.2.tgz",
+      "integrity": "sha512-bnBselmwfX5K10AH6L4c8+S5lgZMWI7ZYrz2rvYjCPB2DIMC4Ig8OpxGpNJSxRZ58oti7y1IcNvjBAz9vW5m4w==",
+      "dev": true,
+      "dependencies": {
+        "streamx": "^2.13.2"
+      }
+    },
+    "node_modules/stream-events": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/stream-events/-/stream-events-1.0.5.tgz",
+      "integrity": "sha512-E1GUzBSgvct8Jsb3v2X15pjzN1tYebtbLaMg+eBOUOAxgbLoSbT2NS91ckc5lJD1KfLjId+jXJRgo0qnV5Nerg==",
+      "dependencies": {
+        "stubs": "^3.0.0"
+      }
+    },
+    "node_modules/stream-shift": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.3.tgz",
+      "integrity": "sha512-76ORR0DO1o1hlKwTbi/DM3EXWGf3ZJYO8cXX5RJwnul2DEg2oyoZyjLNoQM8WsvZiFKCRfC1O0J7iCvie3RZmQ=="
+    },
+    "node_modules/stream-transform": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/stream-transform/-/stream-transform-2.1.3.tgz",
+      "integrity": "sha512-9GHUiM5hMiCi6Y03jD2ARC1ettBXkQBoQAe7nJsPknnI0ow10aXjTnew8QtYQmLjzn974BnmWEAJgCY6ZP1DeQ==",
+      "dependencies": {
+        "mixme": "^0.5.1"
+      }
+    },
+    "node_modules/streamifier": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/streamifier/-/streamifier-0.1.1.tgz",
+      "integrity": "sha1-l+mNj6TRBdYqJpHR3AfoINuN/E8=",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/streamx": {
+      "version": "2.22.0",
+      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.22.0.tgz",
+      "integrity": "sha512-sLh1evHOzBy/iWRiR6d1zRcLao4gGZr3C1kzNz4fopCOKJb6xD9ub8Mpi9Mr1R6id5o43S+d93fI48UC5uM9aw==",
+      "license": "MIT",
+      "dependencies": {
+        "fast-fifo": "^1.3.2",
+        "text-decoder": "^1.1.0"
+      },
+      "optionalDependencies": {
+        "bare-events": "^2.2.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string_decoder/node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/string-template": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/string-template/-/string-template-0.2.1.tgz",
+      "integrity": "sha512-Yptehjogou2xm4UJbxJ4CxgZx12HBfeystp0y3x7s4Dj32ltVVG1Gg8YhKjHZkHicuKpZX/ffilA8505VbUbpw=="
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string-width-cjs": {
+      "name": "string-width",
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/string.prototype.matchall": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.matchall/-/string.prototype.matchall-4.0.8.tgz",
+      "integrity": "sha512-6zOCOcJ+RJAQshcTvXPHoxoQGONa3e/Lqx90wUA+wEzX78sg5Bo+1tQo4N0pohS0erG9qtCqJDjNCQBjeWVxyg==",
+      "dev": true,
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "es-abstract": "^1.20.4",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "internal-slot": "^1.0.3",
+        "regexp.prototype.flags": "^1.4.3",
+        "side-channel": "^1.0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trim": {
+      "version": "1.2.9",
+      "resolved": "https://registry.npmjs.org/string.prototype.trim/-/string.prototype.trim-1.2.9.tgz",
+      "integrity": "sha512-klHuCNxiMZ8MlsOihJhJEBJAiMVqU3Z2nEXWfWnIqjN0gEFS9J9+IxKozWWtQGcgoa1WUZzLjKPTr4ZHNFTFxw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.0",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimend": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimend/-/string.prototype.trimend-1.0.8.tgz",
+      "integrity": "sha512-p73uL5VCHCO2BZZ6krwwQE3kCzM7NKmis8S//xEC6fQonchbum4eP6kR4DLEjQFO3Wnj3Fuo8NM0kOSjVdHjZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/string.prototype.trimstart": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/string.prototype.trimstart/-/string.prototype.trimstart-1.0.8.tgz",
+      "integrity": "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi-cjs": {
+      "name": "strip-ansi",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-bom": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
+      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/strip-indent": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/strip-indent/-/strip-indent-4.0.0.tgz",
+      "integrity": "sha512-mnVSV2l+Zv6BLpSD/8V87CW/y9EmmbYzGCIavsnsI6/nwn26DwffM/yztm30Z/I2DY9wdS3vXVCMnHDgZaVNoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "min-indent": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/stripe": {
+      "version": "17.7.0",
+      "resolved": "https://registry.npmjs.org/stripe/-/stripe-17.7.0.tgz",
+      "integrity": "sha512-aT2BU9KkizY9SATf14WhhYVv2uOapBWX0OFWF4xvcj1mPaNotlSc2CsxpS4DS46ZueSppmCF5BX1sNYBtwBvfw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": ">=8.1.0",
+        "qs": "^6.11.0"
+      },
+      "engines": {
+        "node": ">=12.*"
+      }
+    },
+    "node_modules/strnum": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/strnum/-/strnum-1.0.5.tgz",
+      "integrity": "sha512-J8bbNyKKXl5qYcR36TIO8W3mVGVHrmmxsd5PAItGkmyzwJvybiw2IVq5nqd0i4LSNSkB/sx9VHllbfFdr9k1JA==",
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/stubs": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/stubs/-/stubs-3.0.0.tgz",
+      "integrity": "sha1-6NK6H6nJBXAwPAMLaQD31fiavls="
+    },
+    "node_modules/style-loader": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.3.tgz",
+      "integrity": "sha512-53BiGLXAcll9maCYtZi2RCQZKa8NQQai5C4horqKyRmHj9H7QmcUyucrH+4KW/gBQbXM2AsB0axoEcFZPlfPcw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/style-mod": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/style-mod/-/style-mod-4.1.0.tgz",
+      "integrity": "sha512-Ca5ib8HrFn+f+0n4N4ScTIA9iTOQ7MaGS1ylHcoVqW9J7w2w8PzN6g9gKmTYgGEBH8e120+RCmhpje6jC5uGWA==",
+      "dev": true
+    },
+    "node_modules/stylehacks": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/stylehacks/-/stylehacks-6.0.0.tgz",
+      "integrity": "sha512-+UT589qhHPwz6mTlCLSt/vMNTJx8dopeJlZAlBMJPWA3ORqu6wmQY7FBXf+qD+FsqoBJODyqNxOUP3jdntFRdw==",
+      "dev": true,
+      "dependencies": {
+        "browserslist": "^4.21.4",
+        "postcss-selector-parser": "^6.0.4"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.15"
+      }
+    },
+    "node_modules/stylelint": {
+      "version": "16.4.0",
+      "resolved": "https://registry.npmjs.org/stylelint/-/stylelint-16.4.0.tgz",
+      "integrity": "sha512-uSx7VMuXwLuYcNSIg+0/fFNv0WinsfLAqsVVy7h7p80clKOHiGE8pfY6UjqwylTHiJrRIahTl6a8FPxGezhWoA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "@csstools/css-parser-algorithms": "^2.6.1",
+        "@csstools/css-tokenizer": "^2.2.4",
+        "@csstools/media-query-list-parser": "^2.1.9",
+        "@csstools/selector-specificity": "^3.0.3",
+        "@dual-bundle/import-meta-resolve": "^4.0.0",
+        "balanced-match": "^2.0.0",
+        "colord": "^2.9.3",
+        "cosmiconfig": "^9.0.0",
+        "css-functions-list": "^3.2.2",
+        "css-tree": "^2.3.1",
+        "debug": "^4.3.4",
+        "fast-glob": "^3.3.2",
+        "fastest-levenshtein": "^1.0.16",
+        "file-entry-cache": "^8.0.0",
+        "global-modules": "^2.0.0",
+        "globby": "^11.1.0",
+        "globjoin": "^0.1.4",
+        "html-tags": "^3.3.1",
+        "ignore": "^5.3.1",
+        "imurmurhash": "^0.1.4",
+        "is-plain-object": "^5.0.0",
+        "known-css-properties": "^0.30.0",
+        "mathml-tag-names": "^2.1.3",
+        "meow": "^13.2.0",
+        "micromatch": "^4.0.5",
+        "normalize-path": "^3.0.0",
+        "picocolors": "^1.0.0",
+        "postcss": "^8.4.38",
+        "postcss-resolve-nested-selector": "^0.1.1",
+        "postcss-safe-parser": "^7.0.0",
+        "postcss-selector-parser": "^6.0.16",
+        "postcss-value-parser": "^4.2.0",
+        "resolve-from": "^5.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^7.1.0",
+        "supports-hyperlinks": "^3.0.0",
+        "svg-tags": "^1.0.0",
+        "table": "^6.8.2",
+        "write-file-atomic": "^5.0.1"
+      },
+      "bin": {
+        "stylelint": "bin/stylelint.mjs"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/stylelint"
+      }
+    },
+    "node_modules/stylelint-config-recommended": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended/-/stylelint-config-recommended-14.0.0.tgz",
+      "integrity": "sha512-jSkx290CglS8StmrLp2TxAppIajzIBZKYm3IxT89Kg6fGlxbPiTiyH9PS5YUuVAFwaJLl1ikiXX0QWjI0jmgZQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "peerDependencies": {
+        "stylelint": "^16.0.0"
+      }
+    },
+    "node_modules/stylelint-config-recommended-scss": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-14.0.0.tgz",
+      "integrity": "sha512-HDvpoOAQ1RpF+sPbDOT2Q2/YrBDEJDnUymmVmZ7mMCeNiFSdhRdyGEimBkz06wsN+HaFwUh249gDR+I9JR7Onw==",
+      "dev": true,
+      "dependencies": {
+        "postcss-scss": "^4.0.9",
+        "stylelint-config-recommended": "^14.0.0",
+        "stylelint-scss": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3.3",
+        "stylelint": "^16.0.2"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/stylelint-config-standard": {
+      "version": "36.0.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard/-/stylelint-config-standard-36.0.0.tgz",
+      "integrity": "sha512-3Kjyq4d62bYFp/Aq8PMKDwlgUyPU4nacXsjDLWJdNPRUgpuxALu1KnlAHIj36cdtxViVhXexZij65yM0uNIHug==",
+      "dev": true,
+      "dependencies": {
+        "stylelint-config-recommended": "^14.0.0"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "peerDependencies": {
+        "stylelint": "^16.1.0"
+      }
+    },
+    "node_modules/stylelint-config-standard-scss": {
+      "version": "13.1.0",
+      "resolved": "https://registry.npmjs.org/stylelint-config-standard-scss/-/stylelint-config-standard-scss-13.1.0.tgz",
+      "integrity": "sha512-Eo5w7/XvwGHWkeGLtdm2FZLOMYoZl1omP2/jgFCXyl2x5yNz7/8vv4Tj6slHvMSSUNTaGoam/GAZ0ZhukvalfA==",
+      "dev": true,
+      "dependencies": {
+        "stylelint-config-recommended-scss": "^14.0.0",
+        "stylelint-config-standard": "^36.0.0"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.3.3",
+        "stylelint": "^16.3.1"
+      },
+      "peerDependenciesMeta": {
+        "postcss": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/stylelint-scss": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/stylelint-scss/-/stylelint-scss-6.2.1.tgz",
+      "integrity": "sha512-ZoGLbVb1keZYRVGQlhB8G6sZOoNqw61whzzzGFWp05N12ErqLFfBv3JPrXiMLZaW98sBS7K/vUQhRnvUj4vwdw==",
+      "dev": true,
+      "dependencies": {
+        "known-css-properties": "^0.29.0",
+        "postcss-media-query-parser": "^0.2.3",
+        "postcss-resolve-nested-selector": "^0.1.1",
+        "postcss-selector-parser": "^6.0.15",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "engines": {
+        "node": ">=18.12.0"
+      },
+      "peerDependencies": {
+        "stylelint": "^16.0.2"
+      }
+    },
+    "node_modules/stylelint-scss/node_modules/known-css-properties": {
+      "version": "0.29.0",
+      "resolved": "https://registry.npmjs.org/known-css-properties/-/known-css-properties-0.29.0.tgz",
+      "integrity": "sha512-Ne7wqW7/9Cz54PDt4I3tcV+hAyat8ypyOGzYRJQfdxnnjeWsTxt1cy8pjvvKeI5kfXuyvULyeeAvwvvtAX3ayQ==",
+      "dev": true
+    },
+    "node_modules/stylelint/node_modules/@csstools/selector-specificity": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-3.0.3.tgz",
+      "integrity": "sha512-KEPNw4+WW5AVEIyzC80rTbWEUatTW2lXpN8+8ILC8PiPeWPjwUzrPZDIOZ2wwqDmeqOYTdSGyL3+vE5GC3FB3Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/csstools"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/csstools"
+        }
+      ],
+      "peer": true,
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      },
+      "peerDependencies": {
+        "postcss-selector-parser": "^6.0.13"
+      }
+    },
+    "node_modules/stylelint/node_modules/ansi-regex": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
+      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
+      }
+    },
+    "node_modules/stylelint/node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stylelint/node_modules/balanced-match": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-2.0.0.tgz",
+      "integrity": "sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/stylelint/node_modules/cosmiconfig": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.0.tgz",
+      "integrity": "sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "env-paths": "^2.2.1",
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/stylelint/node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/stylelint/node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "node_modules/stylelint/node_modules/flat-cache": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/stylelint/node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/stylelint/node_modules/is-plain-object": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/stylelint/node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/stylelint/node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/stylelint/node_modules/strip-ansi": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "ansi-regex": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
+      }
+    },
+    "node_modules/superagent": {
+      "version": "3.8.3",
+      "resolved": "https://registry.npmjs.org/superagent/-/superagent-3.8.3.tgz",
+      "integrity": "sha512-GLQtLMCoEIK4eDv6OGtkOoSMt3D+oq0y3dsxMuYuDvaNUvuT8eFBuLmfR0iYYzHC1e8hpzC6ZsxbuP6DIalMFA==",
+      "deprecated": "Please upgrade to v7.0.2+ of superagent.  We have fixed numerous issues with streams, form-data, attach(), filesystem errors not bubbling up (ENOENT on attach()), and all tests are now passing.  See the releases tab for more information at <https://github.com/visionmedia/superagent/releases>. Thanks to @shadowgate15, @spence-s, and @niftylettuce. Superagent is sponsored by Forward Email at <https://forwardemail.net>.",
+      "dependencies": {
+        "component-emitter": "^1.2.0",
+        "cookiejar": "^2.1.0",
+        "debug": "^3.1.0",
+        "extend": "^3.0.0",
+        "form-data": "^2.3.1",
+        "formidable": "^1.2.0",
+        "methods": "^1.1.1",
+        "mime": "^1.4.1",
+        "qs": "^6.5.1",
+        "readable-stream": "^2.3.5"
+      },
+      "engines": {
+        "node": ">= 4.0"
+      }
+    },
+    "node_modules/superagent/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/superagent/node_modules/form-data": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.5.1.tgz",
+      "integrity": "sha512-m21N3WOmEEURgk6B9GLOE4RuWOFf28Lhh9qGYeNlGq4VDXUlJy2th2slBNU8Gp8EzloYZOibZJ7t5ecIrFSjVA==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.6",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 0.12"
+      }
+    },
+    "node_modules/superagent/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE="
+    },
+    "node_modules/superagent/node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/superagent/node_modules/readable-stream": {
+      "version": "2.3.7",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.7.tgz",
+      "integrity": "sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/superagent/node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/supports-hyperlinks": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/supports-hyperlinks/-/supports-hyperlinks-3.0.0.tgz",
+      "integrity": "sha512-QBDPHyPQDRTy9ku4URNGY5Lah8PAaXs6tAAwp55sL5WCsSW7GIfdf6W5ixfziW+t7wh3GVvHyHHyQ1ESsoRvaA==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "has-flag": "^4.0.0",
+        "supports-color": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=14.18"
+      }
+    },
+    "node_modules/supports-hyperlinks/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "peer": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/svg-tags": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/svg-tags/-/svg-tags-1.0.0.tgz",
+      "integrity": "sha512-ovssysQTa+luh7A5Weu3Rta6FJlFBBbInjOh722LIt6klpU2/HtdUbszju/G4devcvk8PGt7FCLv5wftu3THUA==",
+      "dev": true,
+      "peer": true
+    },
+    "node_modules/svgo": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/svgo/-/svgo-3.0.4.tgz",
+      "integrity": "sha512-T+Xul3JwuJ6VGXKo/p2ndqx1ibxNKnLTvRc1ZTWKCfyKS/GgNjRZcYsK84fxTsy/izr91g/Rwx6fGnVgaFSI5g==",
+      "dev": true,
+      "dependencies": {
+        "@trysound/sax": "0.2.0",
+        "commander": "^7.2.0",
+        "css-select": "^5.1.0",
+        "css-tree": "^2.2.1",
+        "css-what": "^6.1.0",
+        "csso": "5.0.5",
+        "picocolors": "^1.0.0"
+      },
+      "bin": {
+        "svgo": "bin/svgo"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/svgo"
+      }
+    },
+    "node_modules/svgo/node_modules/commander": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
+      "integrity": "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/svgo/node_modules/css-select": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/css-select/-/css-select-5.1.0.tgz",
+      "integrity": "sha512-nwoRF1rvRRnnCqqY7updORDsuqKzqYJ28+oSMaJMMgOauh3fvwHqMS7EZpIPqK8GL+g9mKxF1vP/ZjSeNjEVHg==",
+      "dev": true,
+      "dependencies": {
+        "boolbase": "^1.0.0",
+        "css-what": "^6.1.0",
+        "domhandler": "^5.0.2",
+        "domutils": "^3.0.1",
+        "nth-check": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/svgo/node_modules/css-what": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/css-what/-/css-what-6.1.0.tgz",
+      "integrity": "sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/fb55"
+      }
+    },
+    "node_modules/svgo/node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/svgo/node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dev": true,
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/svgo/node_modules/domutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
+      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
+      "dev": true,
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/svgo/node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/swagger-client": {
+      "version": "3.18.4",
+      "resolved": "https://registry.npmjs.org/swagger-client/-/swagger-client-3.18.4.tgz",
+      "integrity": "sha512-Wj26oEctONq/u0uM+eSj18675YM5e2vFnx7Kr4neLeXEHKUsfceVQ/OdtrBXdrT3VbtdBbZfMTfl1JOBpix2MA==",
+      "dependencies": {
+        "@babel/runtime-corejs3": "^7.11.2",
+        "btoa": "^1.2.1",
+        "cookie": "~0.4.1",
+        "cross-fetch": "^3.1.5",
+        "deepmerge": "~4.2.2",
+        "fast-json-patch": "^3.0.0-1",
+        "form-data-encoder": "^1.4.3",
+        "formdata-node": "^4.0.0",
+        "is-plain-object": "^5.0.0",
+        "js-yaml": "^4.1.0",
+        "lodash": "^4.17.21",
+        "qs": "^6.10.2",
+        "traverse": "~0.6.6",
+        "url": "~0.11.0"
+      }
+    },
+    "node_modules/swagger-client/node_modules/cookie": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.2.tgz",
+      "integrity": "sha512-aSWTXFzaKWkvHO1Ny/s+ePFpvKsPnjc551iI41v3ny/ow6tBG5Vd+FuqGNhh1LxOmVzOlGUriIlOaokOvhaStA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/swagger-client/node_modules/is-plain-object": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/swagger-client/node_modules/punycode": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.3.2.tgz",
+      "integrity": "sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0="
+    },
+    "node_modules/swagger-client/node_modules/traverse": {
+      "version": "0.6.6",
+      "resolved": "https://registry.npmjs.org/traverse/-/traverse-0.6.6.tgz",
+      "integrity": "sha1-y99WD9e5r2MlAv7UD5GMFX6pcTc="
+    },
+    "node_modules/swagger-client/node_modules/url": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/url/-/url-0.11.0.tgz",
+      "integrity": "sha1-ODjpfPxgUh63PFJajlW/3Z4uKPE=",
+      "dependencies": {
+        "punycode": "1.3.2",
+        "querystring": "0.2.0"
+      }
+    },
+    "node_modules/swagger-converter": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/swagger-converter/-/swagger-converter-0.1.7.tgz",
+      "integrity": "sha1-oJdRnG8e5N1n4wjZtT3cnCslf5c=",
+      "dependencies": {
+        "lodash.clonedeep": "^2.4.1"
+      }
+    },
+    "node_modules/swagger-tools": {
+      "version": "0.10.4",
+      "resolved": "https://registry.npmjs.org/swagger-tools/-/swagger-tools-0.10.4.tgz",
+      "integrity": "sha512-VQpijIi8cpB/frUZOZlVpS7U3CrdSAZBfiHu448R1njiNXUnE7heF3Svz3qFBr5SYtaPvaqWpHMbvboirCXVzA==",
+      "license": "MIT",
+      "dependencies": {
+        "async": "^2.5.0",
+        "body-parser": "1.18.2",
+        "commander": "~2.11.0",
+        "debug": "^3.1.0",
+        "js-yaml": "^3.3.1",
+        "json-refs": "^3.0.2",
+        "lodash": "^4.17.4",
+        "multer": "^1.1.0",
+        "parseurl": "^1.3.0",
+        "path-to-regexp": "^2.0.0",
+        "qs": "^6.0.3",
+        "serve-static": "^1.10.0",
+        "spark-md5": "^3.0.0",
+        "superagent": "^3.5.2",
+        "swagger-converter": "^0.1.7",
+        "traverse": "^0.6.6",
+        "z-schema": "^3.15.4"
+      },
+      "bin": {
+        "swagger-tools": "bin/swagger-tools"
+      }
+    },
+    "node_modules/swagger-tools/node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "license": "MIT",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/swagger-tools/node_modules/async": {
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+      "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
+      "license": "MIT",
+      "dependencies": {
+        "lodash": "^4.17.14"
+      }
+    },
+    "node_modules/swagger-tools/node_modules/commander": {
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.11.0.tgz",
+      "integrity": "sha512-b0553uYA5YAEGgyYIGYROzKQ7X5RAqedkfjiZxwi0kL1g3bOaBNNZfYkzt/CL0umgD5wc9Jec2FbB98CjkMRvQ==",
+      "license": "MIT"
+    },
+    "node_modules/swagger-tools/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/swagger-tools/node_modules/js-yaml": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/swagger-tools/node_modules/path-to-regexp": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-3.3.0.tgz",
+      "integrity": "sha512-qyCH421YQPS2WFDxDjftfc1ZR5WKQzVzqsp4n9M2kQhVOo/ByahFoUNJfl58kOcEGfQ//7weFTDhm+ss8Ecxgw=="
+    },
+    "node_modules/symbol-tree": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
+      "integrity": "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==",
+      "dev": true
+    },
+    "node_modules/table": {
+      "version": "6.8.2",
+      "resolved": "https://registry.npmjs.org/table/-/table-6.8.2.tgz",
+      "integrity": "sha512-w2sfv80nrAh2VCbqR5AK27wswXhqcck2AhfnNW76beQXskGZ1V12GwS//yYVa3d3fcvAip2OUnbDAjW2k3v9fA==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^8.0.1",
+        "lodash.truncate": "^4.4.2",
+        "slice-ansi": "^4.0.0",
+        "string-width": "^4.2.3",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/table/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/table/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/tapable": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+      "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tar": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/tar/-/tar-6.2.1.tgz",
+      "integrity": "sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==",
+      "dependencies": {
+        "chownr": "^2.0.0",
+        "fs-minipass": "^2.0.0",
+        "minipass": "^5.0.0",
+        "minizlib": "^2.1.1",
+        "mkdirp": "^1.0.3",
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/tar-fs": {
+      "version": "3.0.8",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.0.8.tgz",
+      "integrity": "sha512-ZoROL70jptorGAlgAYiLoBLItEKw/fUxg9BSYK/dF/GAGYFJOJJJMvjPAKDJraCXFwadD456FCuvLWgfhMsPwg==",
+      "license": "MIT",
+      "dependencies": {
+        "pump": "^3.0.0",
+        "tar-stream": "^3.1.5"
+      },
+      "optionalDependencies": {
+        "bare-fs": "^4.0.1",
+        "bare-path": "^3.0.0"
+      }
+    },
+    "node_modules/tar-fs/node_modules/tar-stream": {
+      "version": "3.1.7",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.7.tgz",
+      "integrity": "sha512-qJj60CXt7IU1Ffyc3NJMjh6EkuCFej46zUqJ4J7pqYlThyd9bO0XBTmcOIhSzZJVWfsLks0+nle/j538YAW9RQ==",
+      "license": "MIT",
+      "dependencies": {
+        "b4a": "^1.6.4",
+        "fast-fifo": "^1.2.0",
+        "streamx": "^2.15.0"
+      }
+    },
+    "node_modules/tar-stream": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-2.2.0.tgz",
+      "integrity": "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==",
+      "dependencies": {
+        "bl": "^4.0.3",
+        "end-of-stream": "^1.4.1",
+        "fs-constants": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tar/node_modules/chownr": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/chownr/-/chownr-2.0.0.tgz",
+      "integrity": "sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/tar/node_modules/minipass": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/minipass/-/minipass-5.0.0.tgz",
+      "integrity": "sha512-3FnjYuehv9k6ovOEbyOswadCDPX1piCfhV8ncmYtHOjuPwylVWsghTLo7rabjC3Rx5xD4HDx8Wm1xnMF7S5qFQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tar/node_modules/mkdirp": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
+      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/tar/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/tarn": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/tarn/-/tarn-3.0.2.tgz",
+      "integrity": "sha512-51LAVKUSZSVfI05vjPESNc5vwqqZpbXCsU+/+wxlOrUjk2SnFTt97v9ZgQrD4YmxYW1Px6w2KjaDitCfkvgxMQ==",
+      "engines": {
+        "node": ">=8.0.0"
+      }
+    },
+    "node_modules/tdigest": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/tdigest/-/tdigest-0.1.1.tgz",
+      "integrity": "sha1-Ljyyw56kSeVdHmzZEReszKRYgCE=",
+      "dependencies": {
+        "bintrees": "1.0.1"
+      }
+    },
+    "node_modules/teeny-request": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/teeny-request/-/teeny-request-7.1.3.tgz",
+      "integrity": "sha512-Ew3aoFzgQEatLA5OBIjdr1DWJUaC1xardG+qbPPo5k/y/3fMwXLxpjh5UB5dVfElktLaQbbMs80chkz53ByvSg==",
+      "dependencies": {
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "node-fetch": "^2.6.1",
+        "stream-events": "^1.0.5",
+        "uuid": "^8.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/teeny-request/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/teex": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/teex/-/teex-1.0.1.tgz",
+      "integrity": "sha512-eYE6iEI62Ni1H8oIa7KlDU6uQBtqr4Eajni3wX7rpfXD8ysFx8z0+dri+KWEPWpBsxXfxu58x/0jvTVT1ekOSg==",
+      "dev": true,
+      "dependencies": {
+        "streamx": "^2.12.5"
+      }
+    },
+    "node_modules/temp": {
+      "version": "0.8.4",
+      "resolved": "https://registry.npmjs.org/temp/-/temp-0.8.4.tgz",
+      "integrity": "sha512-s0ZZzd0BzYv5tLSptZooSjK8oj6C+c19p7Vqta9+6NPOf7r+fxq0cJe6/oN4LTC79sy5NY8ucOJNgwsKCSbfqg==",
+      "dependencies": {
+        "rimraf": "~2.6.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/temp/node_modules/rimraf": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.6.3.tgz",
+      "integrity": "sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      }
+    },
+    "node_modules/terser": {
+      "version": "5.31.3",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.31.3.tgz",
+      "integrity": "sha512-pAfYn3NIZLyZpa83ZKigvj6Rn9c/vd5KfYGX7cN1mnzqgDcxWvrU5ZtAfIKhEXz9nRecw4z3LXkjaq96/qZqAA==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/source-map": "^0.3.3",
+        "acorn": "^8.8.2",
+        "commander": "^2.20.0",
+        "source-map-support": "~0.5.20"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/terser-webpack-plugin": {
+      "version": "5.3.12",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.12.tgz",
+      "integrity": "sha512-jDLYqo7oF8tJIttjXO6jBY5Hk8p3A8W4ttih7cCEq64fQFWmgJ4VqAQjKr7WwIDlmXKEc6QeoRb5ecjZ+2afcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^4.3.0",
+        "serialize-javascript": "^6.0.2",
+        "terser": "^5.31.1"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "uglify-js": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/terser-webpack-plugin/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/terser-webpack-plugin/node_modules/schema-utils": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
+      "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/terser/node_modules/acorn": {
+      "version": "8.12.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
+      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/terser/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true
+    },
+    "node_modules/test-exclude": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/test-exclude/-/test-exclude-6.0.0.tgz",
+      "integrity": "sha512-cAGWPIyOHU6zlmg88jwm7VRyXnMN7iV68OGAbYDk/Mh/xC/pzVPlQtY6ngoIH/5/tciuhGfvESU8GrHrcxD56w==",
+      "dev": true,
+      "dependencies": {
+        "@istanbuljs/schema": "^0.1.2",
+        "glob": "^7.1.4",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/text-decoder": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.3.tgz",
+      "integrity": "sha512-3/o9z3X0X0fTupwsYvR03pJ/DjWuqqrfwBgTQzdWDiQSm9KitAyz/9WqsT2JQW7KV2m+bC2ol/zqpW37NHxLaA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "b4a": "^1.6.4"
+      }
+    },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ="
+    },
+    "node_modules/thenby": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/thenby/-/thenby-1.3.4.tgz",
+      "integrity": "sha512-89Gi5raiWA3QZ4b2ePcEwswC3me9JIg+ToSgtE0JWeCynLnLxNr/f9G+xfo9K+Oj4AFdom8YNJjibIARTJmapQ==",
+      "dev": true
+    },
+    "node_modules/thingies": {
+      "version": "1.21.0",
+      "resolved": "https://registry.npmjs.org/thingies/-/thingies-1.21.0.tgz",
+      "integrity": "sha512-hsqsJsFMsV+aD4s3CWKk85ep/3I9XzYV/IXaSouJMYIoDlgyi11cBhsqYe9/geRfB0YIikBQg6raRaM+nIMP9g==",
+      "dev": true,
+      "license": "Unlicense",
+      "engines": {
+        "node": ">=10.18"
+      },
+      "peerDependencies": {
+        "tslib": "^2"
+      }
+    },
+    "node_modules/thirty-two": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/thirty-two/-/thirty-two-1.0.2.tgz",
+      "integrity": "sha1-TKL//AKlEpDSdEueP1V2k8prYno=",
+      "engines": {
+        "node": ">=0.2.6"
+      }
+    },
+    "node_modules/thread-loader": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/thread-loader/-/thread-loader-4.0.2.tgz",
+      "integrity": "sha512-UOk/KBydsQjh4Ja5kocxDUzhv11KYptHN/h8gdSwo6/MBkYrWqQua6K2qwlpXnCXS9c/uLs8F/JF8rpveF0+fA==",
+      "dev": true,
+      "dependencies": {
+        "json-parse-better-errors": "^1.0.2",
+        "loader-runner": "^4.1.0",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 16.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      }
+    },
+    "node_modules/thread-loader/node_modules/ajv": {
+      "version": "8.12.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.12.0.tgz",
+      "integrity": "sha512-sRu1kpcO9yLtYxBKvqfTeh9KzZEwO3STyX1HT+4CaDzC6HpTGYhIhPIzj9XuKU7KYDwnaeh5hcOwjy1QuJzBPA==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/thread-loader/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/thread-loader/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "node_modules/thread-loader/node_modules/schema-utils": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.2.0.tgz",
+      "integrity": "sha512-L0jRsrPpjdckP3oPug3/VxNKt2trR8TcabrM6FOAAlvC/9Phcmm+cuAgTlxBqdBR1WJx7Naj9WHw+aOmheSVbw==",
+      "dev": true,
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 12.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/thriftrw": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/thriftrw/-/thriftrw-3.12.0.tgz",
+      "integrity": "sha512-4YZvR4DPEI41n4Opwr4jmrLGG4hndxr7387kzRFIIzxHQjarPusH4lGXrugvgb7TtPrfZVTpZCVe44/xUxowEw==",
+      "dependencies": {
+        "bufrw": "^1.3.0",
+        "error": "7.0.2",
+        "long": "^2.4.0"
+      },
+      "bin": {
+        "thrift2json": "thrift2json.js"
+      },
+      "engines": {
+        "node": ">= 0.10.x"
+      }
+    },
+    "node_modules/thriftrw/node_modules/long": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/long/-/long-2.4.0.tgz",
+      "integrity": "sha512-ijUtjmO/n2A5PaosNG9ZGDsQ3vxJg7ZW8vsY8Kp0f2yIZWhSJvjmegV7t+9RPQKxKrvj8yKGehhS+po14hPLGQ==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/throng": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/throng/-/throng-4.0.0.tgz",
+      "integrity": "sha1-mDxroZk7WOroWZmKpof/6I34TBc=",
+      "dependencies": {
+        "lodash.defaults": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/throttleit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/throttleit/-/throttleit-1.0.0.tgz",
+      "integrity": "sha1-nnhYNtr0Z0MUWlmEtiaNgoUorGw=",
+      "dev": true
+    },
+    "node_modules/through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU="
+    },
+    "node_modules/through2": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/through2/-/through2-4.0.2.tgz",
+      "integrity": "sha512-iOqSav00cVxEEICeD7TjLB1sueEL+81Wpzp2bY17uZjZN0pWZPuo4suZ/61VujxmqSGFfgOcNuTZ85QJwNZQpw==",
+      "dev": true,
+      "dependencies": {
+        "readable-stream": "3"
+      }
+    },
+    "node_modules/thunky": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/thunky/-/thunky-1.1.0.tgz",
+      "integrity": "sha512-eHY7nBftgThBqOyHGVN+l8gF0BucP09fMo0oO/Lb0w1OF80dJv+lDVpXG60WMQvkcxAkNybKsrEIE3ZtKGmPrA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tildify": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/tildify/-/tildify-2.0.0.tgz",
+      "integrity": "sha512-Cc+OraorugtXNfs50hU9KS369rFXCfgGLpfCfvlc+Ud5u6VWmUQsOAa9HbTvheQdYnrdJqqv1e5oIqXppMYnSw==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/timekeeper": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/timekeeper/-/timekeeper-2.2.0.tgz",
+      "integrity": "sha512-W3AmPTJWZkRwu+iSNxPIsLZ2ByADsOLbbLxe46UJyWj3mlYLlwucKiq+/dPm0l9wTzqoF3/2PH0AGFCebjq23A==",
+      "dev": true
+    },
+    "node_modules/timers-ext": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/timers-ext/-/timers-ext-0.1.7.tgz",
+      "integrity": "sha512-b85NUNzTSdodShTIbky6ZF02e8STtVVfD+fu4aXXShEELpozH+bCpJLYMPZbsABN2wDH7fJpqIoXxJpzbf0NqQ==",
+      "dev": true,
+      "dependencies": {
+        "es5-ext": "~0.10.46",
+        "next-tick": "1"
+      }
+    },
+    "node_modules/tiny-async-pool": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/tiny-async-pool/-/tiny-async-pool-1.3.0.tgz",
+      "integrity": "sha512-01EAw5EDrcVrdgyCLgoSPvqznC0sVxDSVeiOz09FUpjh71G79VCqneOr+xvt7T1r76CF6ZZfPjHorN2+d+3mqA==",
+      "dependencies": {
+        "semver": "^5.5.0"
+      }
+    },
+    "node_modules/tiny-async-pool/node_modules/semver": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-5.7.2.tgz",
+      "integrity": "sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==",
+      "bin": {
+        "semver": "bin/semver"
+      }
+    },
+    "node_modules/tiny-invariant": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/tiny-invariant/-/tiny-invariant-1.3.3.tgz",
+      "integrity": "sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==",
+      "dev": true
+    },
+    "node_modules/tiny-lru": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/tiny-lru/-/tiny-lru-8.0.2.tgz",
+      "integrity": "sha512-ApGvZ6vVvTNdsmt676grvCkUCGwzG9IqXma5Z07xJgiC5L7akUMof5U8G2JTI9Rz/ovtVhJBlY6mNhEvtjzOIg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tiny-warning": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tiny-warning/-/tiny-warning-1.0.3.tgz",
+      "integrity": "sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==",
+      "dev": true
+    },
+    "node_modules/tinycolor2": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/tinycolor2/-/tinycolor2-1.6.0.tgz",
+      "integrity": "sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==",
+      "dev": true
+    },
+    "node_modules/tinyexec": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/tinyexec/-/tinyexec-0.3.2.tgz",
+      "integrity": "sha512-KQQR9yN7R5+OSwaK0XQoj22pwHoTlgYqmUscPYoknOoWCWfj/5/ABTMRi69FrKU5ffPVh5QcFikpWJI/P1ocHA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tinyrainbow": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/tinyrainbow/-/tinyrainbow-1.2.0.tgz",
+      "integrity": "sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tinyspy": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/tinyspy/-/tinyspy-3.0.2.tgz",
+      "integrity": "sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/tlds": {
+      "version": "1.228.0",
+      "resolved": "https://registry.npmjs.org/tlds/-/tlds-1.228.0.tgz",
+      "integrity": "sha512-Q0TU9zh5hDs2CpRFNM7SOW3K7OSgUgJC/cMrq9t44ei4tu+G3KV8BZyIJuYVvryJHH96mKgc9WXdhgKVvGD7jg==",
+      "dev": true,
+      "bin": {
+        "tlds": "bin.js"
+      }
+    },
+    "node_modules/tmatch": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/tmatch/-/tmatch-2.0.1.tgz",
+      "integrity": "sha512-OHn/lzGWAsh5MBNTXUiHc595HAbIASCs6M+hDrkMObbSzsXej0SCKrQxr4J6EmRHbdo3qwyetPzuzEktkZiy4g==",
+      "dev": true
+    },
+    "node_modules/tmp": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.3.tgz",
+      "integrity": "sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==",
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/to-object-path": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
+      "integrity": "sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==",
+      "dev": true,
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-object-path/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dev": true,
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/to-regex/-/to-regex-3.0.2.tgz",
+      "integrity": "sha512-FWtleNAtZ/Ki2qtqej2CXTOayOH9bHDQF+Q48VpWyDXjbYxA4Yz8iDB31zXOBUlOHHKidDbqGVrTUvQMPmBGBw==",
+      "dev": true,
+      "dependencies": {
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "regex-not": "^1.0.2",
+        "safe-regex": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/to-string-loader": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/to-string-loader/-/to-string-loader-1.2.0.tgz",
+      "integrity": "sha512-KsWUL8FccgBW9FPFm4vYoQbOOcO5m6hKOGYoXjbseD9/4Ft+ravXN5jolQ9kTKYcK4zPt1j+khx97GPGnVoi6A==",
+      "dev": true,
+      "dependencies": {
+        "loader-utils": "^1.0.0"
+      }
+    },
+    "node_modules/to-string-loader/node_modules/big.js": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/big.js/-/big.js-5.2.2.tgz",
+      "integrity": "sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/to-string-loader/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dev": true,
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/to-string-loader/node_modules/loader-utils": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-1.4.2.tgz",
+      "integrity": "sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==",
+      "dev": true,
+      "dependencies": {
+        "big.js": "^5.2.2",
+        "emojis-list": "^3.0.0",
+        "json5": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/to-through": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/to-through/-/to-through-3.0.0.tgz",
+      "integrity": "sha512-y8MN937s/HVhEoBU1SxfHC+wxCHkV1a9gW8eAdTadYh/bGyesZIVcbjI+mSpFbSVwQici/XjBjuUyri1dnXwBw==",
+      "dev": true,
+      "dependencies": {
+        "streamx": "^2.12.5"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/token-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/token-stream/-/token-stream-1.0.0.tgz",
+      "integrity": "sha1-zCAOqyYT9BZtJ/+a/HylbUnfbrQ="
+    },
+    "node_modules/toposort": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/toposort/-/toposort-2.0.2.tgz",
+      "integrity": "sha1-riF2gXXRVZ1IvvNUILL0li8JwzA=",
+      "dev": true
+    },
+    "node_modules/toposort-class": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toposort-class/-/toposort-class-1.0.1.tgz",
+      "integrity": "sha1-f/0feMi+KMO6Rc1OGj9e4ZO9mYg="
+    },
+    "node_modules/touch": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/touch/-/touch-3.1.0.tgz",
+      "integrity": "sha512-WBx8Uy5TLtOSRtIq+M03/sKDrXCLHxwDcquSP2c43Le03/9serjQBIztjRz6FkJez9D/hleyAXTBGLwwZUw9lA==",
+      "dev": true,
+      "dependencies": {
+        "nopt": "~1.0.10"
+      },
+      "bin": {
+        "nodetouch": "bin/nodetouch.js"
+      }
+    },
+    "node_modules/touch/node_modules/nopt": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/nopt/-/nopt-1.0.10.tgz",
+      "integrity": "sha512-NWmpvLSqUrgrAC9HCuxEvb+PSloHpqVu+FqcO4eeF2h5qYRhA7ev6KvelyQAKtegUbC6RypJnlEOhd8vloNKYg==",
+      "dev": true,
+      "dependencies": {
+        "abbrev": "1"
+      },
+      "bin": {
+        "nopt": "bin/nopt.js"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/tough-cookie": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
+      "integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
+      "dependencies": {
+        "psl": "^1.1.33",
+        "punycode": "^2.1.1",
+        "universalify": "^0.2.0",
+        "url-parse": "^1.5.3"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tough-cookie/node_modules/universalify": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
+      "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/traverse": {
+      "version": "0.6.9",
+      "resolved": "https://registry.npmjs.org/traverse/-/traverse-0.6.9.tgz",
+      "integrity": "sha512-7bBrcF+/LQzSgFmT0X5YclVqQxtv7TDJ1f8Wj7ibBu/U6BMLeOpUxuZjV7rMc44UtKxlnMFigdhFAIszSX1DMg==",
+      "license": "MIT",
+      "dependencies": {
+        "gopd": "^1.0.1",
+        "typedarray.prototype.slice": "^1.0.3",
+        "which-typed-array": "^1.1.15"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tree-dump": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/tree-dump/-/tree-dump-1.0.2.tgz",
+      "integrity": "sha512-dpev9ABuLWdEubk+cIaI9cHwRNNDjkBBLXTwI4UCUFdQ5xXKqNXoK4FEciw/vxf+NQ7Cb7sGUyeUtORvHIdRXQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=10.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      },
+      "peerDependencies": {
+        "tslib": "2"
+      }
+    },
+    "node_modules/ts-api-utils": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.3.0.tgz",
+      "integrity": "sha512-UQMIo7pb8WRomKR1/+MFVLTroIvDVtMX3K6OUir8ynLyzB8Jeriont2bTAtmNPa1ekAgN7YPDyf6V+ygrdU+eQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.2.0"
+      }
+    },
+    "node_modules/ts-dedent": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz",
+      "integrity": "sha512-q5W7tVM71e2xjHZTlgfTDoPF/SmqKG5hddq9SzR49CH2hayqRKJtQ4mtRlSxKaJlR/+9rEM+mnBHf7I2/BQcpQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.10"
+      }
+    },
+    "node_modules/tsconfig-paths": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/tsconfig-paths/-/tsconfig-paths-3.14.1.tgz",
+      "integrity": "sha512-fxDhWnFSLt3VuTwtvJt5fpwxBHg5AdKWMsgcPOOIilyjymcYVZoCQF8fvFRezCNfblEXmi+PcM1eYHeOAgXCOQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/json5": "^0.0.29",
+        "json5": "^1.0.1",
+        "minimist": "^1.2.6",
+        "strip-bom": "^3.0.0"
+      }
+    },
+    "node_modules/tsconfig-paths/node_modules/json5": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz",
+      "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==",
+      "dev": true,
+      "dependencies": {
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "json5": "lib/cli.js"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.5.2.tgz",
+      "integrity": "sha512-5svOrSA2w3iGFDs1HibEVBGbDrAY82bFQ3HZ3ixB+88nsbsWQoKqDRb5UBYAUPEzbBn6dAp5gRNXglySbx1MlA=="
+    },
+    "node_modules/tsscmp": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/tsscmp/-/tsscmp-1.0.6.tgz",
+      "integrity": "sha512-LxhtAkPDTkVCMQjt2h6eBVY28KCjikZqZfMcC15YBeNjkgUpdCfBu5HoiOTDu86v6smE8yOjyEktJ8hlbANHQA==",
+      "engines": {
+        "node": ">=0.6.x"
+      }
+    },
+    "node_modules/tty-browserify": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/tty-browserify/-/tty-browserify-0.0.1.tgz",
+      "integrity": "sha512-C3TaO7K81YvjCgQH9Q1S3R3P3BtN3RIM8n+OvX4il1K1zgE8ZhI0op7kClgkxtutIE8hQrcrHBXvIheqKUUCxw==",
+      "dev": true
+    },
+    "node_modules/tunnel-agent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+      "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/tweetnacl": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+      "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q="
+    },
+    "node_modules/type": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/type/-/type-2.7.2.tgz",
+      "integrity": "sha512-dzlvlNlt6AXU7EBSfpAscydQ7gXB+pPGsPnfJnZpiNJBDj7IaJzQlBZYGdEi4R9HmPdBv2XmWJ6YUtoTa7lmCw=="
+    },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-detect": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
+      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typed-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/typed-array-buffer/-/typed-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-gEymJYKZtKXzzBzM4jqa9w6Q1Jjm7x2d+sh19AdsD4wqnMPDYyvwpsIc2Q/835kHuo3BEQ7CjelGhfTsoBb2MQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "es-errors": "^1.3.0",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/typed-array-byte-length": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-length/-/typed-array-byte-length-1.0.1.tgz",
+      "integrity": "sha512-3iMJ9q0ao7WE9tWcaYKIptkNBuOIcZCCT0d4MRvuuH88fEoEH62IuQe0OtraD3ebQEoTRk8XCBoknUNc1Y67pw==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-proto": "^1.0.3",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-byte-offset": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/typed-array-byte-offset/-/typed-array-byte-offset-1.0.2.tgz",
+      "integrity": "sha512-Ous0vodHa56FviZucS2E63zkgtgrACj7omjwd/8lTEMEPFFyjfixMZ1ZXenpgCFBBt4EC1J2XsyVS2gkG0eTFA==",
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-proto": "^1.0.3",
+        "is-typed-array": "^1.1.13"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typed-array-length": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/typed-array-length/-/typed-array-length-1.0.6.tgz",
+      "integrity": "sha512-/OxDN6OtAk5KBpGb28T+HZc2M+ADtvRxXrKKbUwtsLgdoxgX13hyy7ek6bFRl5+aBs2yZzB0c4CnQfAtVypW/g==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-proto": "^1.0.3",
+        "is-typed-array": "^1.1.13",
+        "possible-typed-array-names": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c="
+    },
+    "node_modules/typedarray.prototype.slice": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/typedarray.prototype.slice/-/typedarray.prototype.slice-1.0.3.tgz",
+      "integrity": "sha512-8WbVAQAUlENo1q3c3zZYuy5k9VzBQvp8AX9WOtbvyWlLM1v5JaSRmjubLjzHF4JFtptjH/5c/i95yaElvcjC0A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind": "^1.0.7",
+        "define-properties": "^1.2.1",
+        "es-abstract": "^1.23.0",
+        "es-errors": "^1.3.0",
+        "typed-array-buffer": "^1.0.2",
+        "typed-array-byte-offset": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.5.4",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.4.tgz",
+      "integrity": "sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==",
+      "dev": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/typical": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/typical/-/typical-2.6.1.tgz",
+      "integrity": "sha1-XAgOXWYcu+OCWdLnCjxyU+hziB0="
+    },
+    "node_modules/uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-1.0.6.tgz",
+      "integrity": "sha512-8Y75pvTYkLJW2hWQHXxoqRgV7qb9B+9vFEtidML+7koHUFapnVJAZ6cKs+Qjz5Aw3aZWHMC6u0wJE3At+nSGwA==",
+      "dev": true
+    },
+    "node_modules/ufo": {
+      "version": "1.5.4",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.5.4.tgz",
+      "integrity": "sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/uglify-js": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/uglify-js/-/uglify-js-3.15.0.tgz",
+      "integrity": "sha512-x+xdeDWq7FiORDvyIJ0q/waWd4PhjBNOm5dQUOq2AKC0IEjxOS66Ha9tctiVDGcRQuh69K7fgU5oRuTK4cysSg==",
+      "bin": {
+        "uglifyjs": "bin/uglifyjs"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/uid-safe": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/uid-safe/-/uid-safe-2.1.5.tgz",
+      "integrity": "sha512-KPHm4VL5dDXKz01UuEd88Df+KzynaohSL9fBh096KWAxSKZQDI2uBrVqtvRM4rwrIrRRKsdLNML/lnaaVSRioA==",
+      "dependencies": {
+        "random-bytes": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/uid2": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/uid2/-/uid2-0.0.4.tgz",
+      "integrity": "sha512-IevTus0SbGwQzYh3+fRsAMTVVPOoIVufzacXcHPmdlle1jUpq7BRL+mw3dgeLanvGZdwwbWhRV6XrcFNdBmjWA=="
+    },
+    "node_modules/ultron": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/ultron/-/ultron-1.0.2.tgz",
+      "integrity": "sha512-QMpnpVtYaWEeY+MwKDN/UdKlE/LsFZXM5lO1u7GaZzNgmIbGixHEmVMIKT+vqYOALu3m5GYQy9kz4Xu4IVn7Ow=="
+    },
+    "node_modules/umzug": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/umzug/-/umzug-2.3.0.tgz",
+      "integrity": "sha512-Z274K+e8goZK8QJxmbRPhl89HPO1K+ORFtm6rySPhFKfKc5GHhqdzD0SGhSWHkzoXasqJuItdhorSvY7/Cgflw==",
+      "dev": true,
+      "dependencies": {
+        "bluebird": "^3.7.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/unbox-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz",
+      "integrity": "sha512-61pPlCD9h51VoreyJ0BReideM3MDKMKnh6+V9L08331ipq6Q8OFXZYiqP6n/tbHx4s5I9uRhcye6BrbkizkBDw==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-bigints": "^1.0.2",
+        "has-symbols": "^1.0.3",
+        "which-boxed-primitive": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/uncontrollable": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npmjs.org/uncontrollable/-/uncontrollable-7.2.1.tgz",
+      "integrity": "sha512-svtcfoTADIB0nT9nltgjujTi7BzVmwjZClOmskKu/E8FW9BXzg9os8OLr4f8Dlnk0rYWJIWr4wv9eKUXiQvQwQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.6.3",
+        "@types/react": ">=16.9.11",
+        "invariant": "^2.2.4",
+        "react-lifecycles-compat": "^3.0.4"
+      },
+      "peerDependencies": {
+        "react": ">=15.0.0"
+      }
+    },
+    "node_modules/undefsafe": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/undefsafe/-/undefsafe-2.0.5.tgz",
+      "integrity": "sha512-WxONCrssBM8TSPRqN5EmsjVrsv4A8X12J4ArBiiayv3DyyG3ZlIg6yysuuSYdZsVz3TKcTg2fd//Ujd4CHV1iA==",
+      "dev": true
+    },
+    "node_modules/underscore": {
+      "version": "1.13.6",
+      "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.13.6.tgz",
+      "integrity": "sha512-+A5Sja4HP1M08MaXya7p5LvjuM7K6q/2EaC0+iovj/wOcMsTzMvDFbasi/oSapiwOlt252IqsKqPjCl7huKS0A=="
+    },
+    "node_modules/uni-global": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/uni-global/-/uni-global-1.0.0.tgz",
+      "integrity": "sha512-WWM3HP+siTxzIWPNUg7hZ4XO8clKi6NoCAJJWnuRL+BAqyFXF8gC03WNyTefGoUXYc47uYgXxpKLIEvo65PEHw==",
+      "dependencies": {
+        "type": "^2.5.0"
+      }
+    },
+    "node_modules/unicode-canonical-property-names-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-canonical-property-names-ecmascript/-/unicode-canonical-property-names-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-ecmascript": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-ecmascript/-/unicode-match-property-ecmascript-2.0.0.tgz",
+      "integrity": "sha512-5kaZCrbp5mmbz5ulBkDkbY0SsPOjKqVS35VpL9ulMPfSl0J0Xsm+9Evphv9CoIZFwre7aJoa94AY6seMKGVN5Q==",
+      "dev": true,
+      "dependencies": {
+        "unicode-canonical-property-names-ecmascript": "^2.0.0",
+        "unicode-property-aliases-ecmascript": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-match-property-value-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-match-property-value-ecmascript/-/unicode-match-property-value-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-qxkjQt6qjg/mYscYMC0XKRn3Rh0wFPlfxB0xkt9CfyTvpX1Ra0+rAmdX2QyAobptSEvuy4RtpPRui6XkV+8wjA==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicode-property-aliases-ecmascript": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/unicode-property-aliases-ecmascript/-/unicode-property-aliases-ecmascript-2.1.0.tgz",
+      "integrity": "sha512-6t3foTQI9qne+OZoVQB/8x8rk2k1eVy1gRXhV3oFQ5T6R1dqQ1xtin3XqSlx3+ATBkliTaR/hHyJBm+LVPNM8w==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/unicorn-magic": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/unicorn-magic/-/unicorn-magic-0.3.0.tgz",
+      "integrity": "sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/union-value": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
+      "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==",
+      "dev": true,
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "get-value": "^2.0.6",
+        "is-extendable": "^0.1.1",
+        "set-value": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/union-value/node_modules/is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-0.1.1.tgz",
+      "integrity": "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/universalify": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
+      "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/unplugin": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-1.16.1.tgz",
+      "integrity": "sha512-4/u/j4FrCKdi17jaxuJA0jClGxB1AvU2hw/IuayPc4ay1XGaJs/rbb4v5WKwAjNifjmXK9PIFyuPiaK8azyR9w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.14.0",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/unplugin/node_modules/acorn": {
+      "version": "8.14.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.1.tgz",
+      "integrity": "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/unset-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz",
+      "integrity": "sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==",
+      "dev": true,
+      "dependencies": {
+        "has-value": "^0.3.1",
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unset-value/node_modules/has-value": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz",
+      "integrity": "sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==",
+      "dev": true,
+      "dependencies": {
+        "get-value": "^2.0.3",
+        "has-values": "^0.1.4",
+        "isobject": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unset-value/node_modules/has-value/node_modules/isobject": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+      "integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==",
+      "dev": true,
+      "dependencies": {
+        "isarray": "1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unset-value/node_modules/has-values": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz",
+      "integrity": "sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unset-value/node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "dev": true
+    },
+    "node_modules/untildify": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz",
+      "integrity": "sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz",
+      "integrity": "sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "escalade": "^3.1.2",
+        "picocolors": "^1.0.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/urix": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/urix/-/urix-0.1.0.tgz",
+      "integrity": "sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==",
+      "deprecated": "Please see https://github.com/lydell/urix#deprecated",
+      "dev": true
+    },
+    "node_modules/url": {
+      "version": "0.10.3",
+      "resolved": "https://registry.npmjs.org/url/-/url-0.10.3.tgz",
+      "integrity": "sha1-Ah5NnHcF8hu/N9A861h2dAJ3TGQ=",
+      "dependencies": {
+        "punycode": "1.3.2",
+        "querystring": "0.2.0"
+      }
+    },
+    "node_modules/url-loader": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/url-loader/-/url-loader-4.1.1.tgz",
+      "integrity": "sha512-3BTV812+AVHHOJQO8O5MkWgZ5aosP7GnROJwvzLS9hWDj00lZ6Z0wNak423Lp9PBZN05N+Jk/N5Si8jRAlGyWA==",
+      "dev": true,
+      "dependencies": {
+        "loader-utils": "^2.0.0",
+        "mime-types": "^2.1.27",
+        "schema-utils": "^3.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "file-loader": "*",
+        "webpack": "^4.0.0 || ^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "file-loader": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/url-parse": {
+      "version": "1.5.10",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
+      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+      "dependencies": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.0"
+      }
+    },
+    "node_modules/url-template": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npmjs.org/url-template/-/url-template-2.0.8.tgz",
+      "integrity": "sha512-XdVKMF4SJ0nP/O7XIPB0JwAEuT9lDIYnNsK8yGVe43y0AWoKeJNdv3ZNWh7ksJ6KqQFjOO6ox/VEitLnaVNufw=="
+    },
+    "node_modules/url/node_modules/punycode": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-1.3.2.tgz",
+      "integrity": "sha1-llOgNvt8HuQjQvIyXM7v6jkmxI0="
+    },
+    "node_modules/use": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/use/-/use-3.1.1.tgz",
+      "integrity": "sha512-cwESVXlO3url9YWlFW/TA9cshCEhtu7IKJ/p5soJ/gGpj7vbvFrAY/eIioQ6Dw23KjZhYgiIo8HOs1nQ2vr/oQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/utf-8-validate": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/utf-8-validate/-/utf-8-validate-5.0.8.tgz",
+      "integrity": "sha512-k4dW/Qja1BYDl2qD4tOMB9PFVha/UJtxTc1cXYOe3WwA/2m0Yn4qB7wLMpJyLJ/7DR0XnTut3HsCSzDT4ZvKgA==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "node-gyp-build": "^4.3.0"
+      },
+      "engines": {
+        "node": ">=6.14.2"
+      }
+    },
+    "node_modules/utf-8-validate/node_modules/node-gyp-build": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/node-gyp-build/-/node-gyp-build-4.3.0.tgz",
+      "integrity": "sha512-iWjXZvmboq0ja1pUGULQBexmxq8CV4xBhX7VDOTbL7ZR4FOowwY/VOtRxBN/yKxmdGoIp4j5ysNT4u3S2pDQ3Q==",
+      "bin": {
+        "node-gyp-build": "bin.js",
+        "node-gyp-build-optional": "optional.js",
+        "node-gyp-build-test": "build-test.js"
+      }
+    },
+    "node_modules/utf8-byte-length": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/utf8-byte-length/-/utf8-byte-length-1.0.4.tgz",
+      "integrity": "sha512-4+wkEYLBbWxqTahEsWrhxepcoVOJ+1z5PGIjPZxRkytcdSUaNjIjBM7Xn8E+pdSuV7SzvWovBFA54FO0JSoqhA==",
+      "dev": true
+    },
+    "node_modules/util": {
+      "version": "0.12.5",
+      "resolved": "https://registry.npmjs.org/util/-/util-0.12.5.tgz",
+      "integrity": "sha512-kZf/K6hEIrWHI6XqOFUiiMa+79wE/D8Q+NCNAWclkyg3b4d2k7s0QGepNjiABc+aR3N1PAyHL7p6UcLY6LmrnA==",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "is-arguments": "^1.0.4",
+        "is-generator-function": "^1.0.7",
+        "is-typed-array": "^1.1.3",
+        "which-typed-array": "^1.1.2"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8="
+    },
+    "node_modules/util.promisify": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/util.promisify/-/util.promisify-1.1.1.tgz",
+      "integrity": "sha512-/s3UsZUrIfa6xDhr7zZhnE9SLQ5RIXyYfiVnMMyMDzOc8WhWN4Nbh36H842OyurKbCDAesZOJaVyvmSl6fhGQw==",
+      "dependencies": {
+        "call-bind": "^1.0.0",
+        "define-properties": "^1.1.3",
+        "for-each": "^0.3.3",
+        "has-symbols": "^1.0.1",
+        "object.getownpropertydescriptors": "^2.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/utila": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/utila/-/utila-0.4.0.tgz",
+      "integrity": "sha1-ihagXURWV6Oupe7MWxKk+lN5dyw=",
+      "dev": true
+    },
+    "node_modules/utils-flatten": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/utils-flatten/-/utils-flatten-1.0.0.tgz",
+      "integrity": "sha1-AfMNMZO+RkxAsxdV5nQNDbDO8kM=",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/uuid": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+      "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
+      "deprecated": "Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.",
+      "bin": {
+        "uuid": "bin/uuid"
+      }
+    },
+    "node_modules/v8-compile-cache": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/v8-compile-cache/-/v8-compile-cache-2.4.0.tgz",
+      "integrity": "sha512-ocyWc3bAHBB/guyqJQVI5o4BZkPhznPYUG2ea80Gond/BgNWpap8TOmLSeeQG7bnh2KMISxskdADG59j7zruhw==",
+      "dev": true
+    },
+    "node_modules/v8-to-istanbul": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/v8-to-istanbul/-/v8-to-istanbul-9.1.0.tgz",
+      "integrity": "sha512-6z3GW9x8G1gd+JIIgQQQxXuiJtCXeAjp6RaPEPLv62mH3iPHPxV6W3robxtCzNErRo6ZwTmzWhsbNvjyEBKzKA==",
+      "dev": true,
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.12",
+        "@types/istanbul-lib-coverage": "^2.0.1",
+        "convert-source-map": "^1.6.0"
+      },
+      "engines": {
+        "node": ">=10.12.0"
+      }
+    },
+    "node_modules/valid-data-url": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/valid-data-url/-/valid-data-url-2.0.0.tgz",
+      "integrity": "sha512-dyCZnv3aCey7yfTgIqdZanKl7xWAEEKCbgmR7SKqyK6QT/Z07ROactrgD1eA37C69ODRj7rNOjzKWVPh0EUjBA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/valid-url": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/valid-url/-/valid-url-1.0.9.tgz",
+      "integrity": "sha1-HBRHm0DxOXp1eC8RXkCGRHQzogA="
+    },
+    "node_modules/validate-npm-package-license": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
+      "integrity": "sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==",
+      "dev": true,
+      "dependencies": {
+        "spdx-correct": "^3.0.0",
+        "spdx-expression-parse": "^3.0.0"
+      }
+    },
+    "node_modules/validator": {
+      "version": "13.7.0",
+      "resolved": "https://registry.npmjs.org/validator/-/validator-13.7.0.tgz",
+      "integrity": "sha512-nYXQLCBkpJ8X6ltALua9dRrZDHVYxjJ1wgskNt1lH9fzGjs3tgojGSCBjmEPwkWS1y29+DrizMTW19Pr9uB2nw==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/value-or-function": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/value-or-function/-/value-or-function-4.0.0.tgz",
+      "integrity": "sha512-aeVK81SIuT6aMJfNo9Vte8Dw0/FZINGBV8BfCraGtqVxIeLAEhJyoWs8SmvRVmXfGss2PmmOwZCuBPbZR+IYWg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/verror": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
+      "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
+      "engines": [
+        "node >=0.6.0"
+      ],
+      "dependencies": {
+        "assert-plus": "^1.0.0",
+        "core-util-is": "1.0.2",
+        "extsprintf": "^1.2.0"
+      }
+    },
+    "node_modules/verror/node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/vinyl": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-3.0.0.tgz",
+      "integrity": "sha512-rC2VRfAVVCGEgjnxHUnpIVh3AGuk62rP3tqVrn+yab0YH7UULisC085+NYH+mnqf3Wx4SpSi1RQMwudL89N03g==",
+      "dev": true,
+      "dependencies": {
+        "clone": "^2.1.2",
+        "clone-stats": "^1.0.0",
+        "remove-trailing-separator": "^1.1.0",
+        "replace-ext": "^2.0.0",
+        "teex": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/vinyl-contents": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/vinyl-contents/-/vinyl-contents-2.0.0.tgz",
+      "integrity": "sha512-cHq6NnGyi2pZ7xwdHSW1v4Jfnho4TEGtxZHw01cmnc8+i7jgR6bRnED/LbrKan/Q7CvVLbnvA5OepnhbpjBZ5Q==",
+      "dev": true,
+      "dependencies": {
+        "bl": "^5.0.0",
+        "vinyl": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/vinyl-contents/node_modules/bl": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/bl/-/bl-5.1.0.tgz",
+      "integrity": "sha512-tv1ZJHLfTDnXE6tMHv73YgSJaWR2AFuPwMntBe7XL/GBFHnT0CLnsHMogfk5+GzCDC5ZWarSCYaIGATZt9dNsQ==",
+      "dev": true,
+      "dependencies": {
+        "buffer": "^6.0.3",
+        "inherits": "^2.0.4",
+        "readable-stream": "^3.4.0"
+      }
+    },
+    "node_modules/vinyl-contents/node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "node_modules/vinyl-contents/node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/vinyl-fs": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/vinyl-fs/-/vinyl-fs-4.0.0.tgz",
+      "integrity": "sha512-7GbgBnYfaquMk3Qu9g22x000vbYkOex32930rBnc3qByw6HfMEAoELjCjoJv4HuEQxHAurT+nvMHm6MnJllFLw==",
+      "dev": true,
+      "dependencies": {
+        "fs-mkdirp-stream": "^2.0.1",
+        "glob-stream": "^8.0.0",
+        "graceful-fs": "^4.2.11",
+        "iconv-lite": "^0.6.3",
+        "is-valid-glob": "^1.0.0",
+        "lead": "^4.0.0",
+        "normalize-path": "3.0.0",
+        "resolve-options": "^2.0.0",
+        "stream-composer": "^1.0.2",
+        "streamx": "^2.14.0",
+        "to-through": "^3.0.0",
+        "value-or-function": "^4.0.0",
+        "vinyl": "^3.0.0",
+        "vinyl-sourcemap": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/vinyl-fs/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vinyl-sourcemap": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/vinyl-sourcemap/-/vinyl-sourcemap-2.0.0.tgz",
+      "integrity": "sha512-BAEvWxbBUXvlNoFQVFVHpybBbjW1r03WhohJzJDSfgrrK5xVYIDTan6xN14DlyImShgDRv2gl9qhM6irVMsV0Q==",
+      "dev": true,
+      "dependencies": {
+        "convert-source-map": "^2.0.0",
+        "graceful-fs": "^4.2.10",
+        "now-and-later": "^3.0.0",
+        "streamx": "^2.12.5",
+        "vinyl": "^3.0.0",
+        "vinyl-contents": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/vinyl-sourcemap/node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true
+    },
+    "node_modules/void-elements": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
+      "integrity": "sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/w3c-hr-time": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/w3c-hr-time/-/w3c-hr-time-1.0.2.tgz",
+      "integrity": "sha512-z8P5DvDNjKDoFIHK7q8r8lackT6l+jo/Ye3HOle7l9nICP9lf1Ci25fy9vHd0JOWewkIFzXIEig3TdKT7JQ5fQ==",
+      "dev": true,
+      "dependencies": {
+        "browser-process-hrtime": "^1.0.0"
+      }
+    },
+    "node_modules/w3c-keyname": {
+      "version": "2.2.8",
+      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
+      "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
+      "dev": true
+    },
+    "node_modules/w3c-xmlserializer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-3.0.0.tgz",
+      "integrity": "sha512-3WFqGEgSXIyGhOmAFtlicJNMjEps8b1MG31NCA0/vOF9+nKMUW1ckhi9cnNHmf88Rzw5V+dwIwsm2C7X8k9aQg==",
+      "dev": true,
+      "dependencies": {
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/walk-up-path": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/walk-up-path/-/walk-up-path-3.0.1.tgz",
+      "integrity": "sha512-9YlCL/ynK3CTlrSRrDxZvUauLzAswPCrsaCgilqFevUYpeEW0/3ScEjaa3kbW/T0ghhkEr7mv+fpjqn1Y1YuTA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/walkdir": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/walkdir/-/walkdir-0.4.1.tgz",
+      "integrity": "sha512-3eBwRyEln6E1MSzcxcVpQIhRG8Q1jLvEqRmCZqS3dsfXEDR/AhOF4d+jHg1qvDCpYaVRZjENPQyrVxAkQqxPgQ==",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/watchpack": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.1.tgz",
+      "integrity": "sha512-8wrBCMtVhqcXP2Sup1ctSkga6uc2Bx0IIvKyT7yTFier5AXHooSI+QyQQAtTb7+E0IUCCKyTFmXqdqgum2XWGg==",
+      "dev": true,
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/wbuf": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/wbuf/-/wbuf-1.7.3.tgz",
+      "integrity": "sha512-O84QOnr0icsbFGLS0O3bI5FswxzRr8/gHwWkDlQFskhSPryQXvrTMxjxGP4+iWYoauLoBvfDpkrOauZ+0iZpDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "minimalistic-assert": "^1.0.0"
+      }
+    },
+    "node_modules/web-streams-polyfill": {
+      "version": "4.0.0-beta.1",
+      "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-4.0.0-beta.1.tgz",
+      "integrity": "sha512-3ux37gEX670UUphBF9AMCq8XM6iQ8Ac6A+DSRRjDoRBm1ufCkaCDdNVbaqq60PsEkdNlLKrGtv/YBP4EJXqNtQ==",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-7.0.0.tgz",
+      "integrity": "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/webpack": {
+      "version": "5.98.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.98.0.tgz",
+      "integrity": "sha512-UFynvx+gM44Gv9qFgj0acCQK2VE1CtdfwFdimkapco3hlPCJ/zeq73n2yVKimVbtm+TnApIugGhLJnkU6gjYXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.7",
+        "@types/estree": "^1.0.6",
+        "@webassemblyjs/ast": "^1.14.1",
+        "@webassemblyjs/wasm-edit": "^1.14.1",
+        "@webassemblyjs/wasm-parser": "^1.14.1",
+        "acorn": "^8.14.0",
+        "browserslist": "^4.24.0",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.17.1",
+        "es-module-lexer": "^1.2.1",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.11",
+        "json-parse-even-better-errors": "^2.3.1",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^4.3.0",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.3.11",
+        "watchpack": "^2.4.1",
+        "webpack-sources": "^3.2.3"
+      },
+      "bin": {
+        "webpack": "bin/webpack.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-assets-manifest": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/webpack-assets-manifest/-/webpack-assets-manifest-5.2.1.tgz",
+      "integrity": "sha512-MsEcXVio1GY6R+b4dVfTHIDMB0RB90KajQG8neRbH92vE2S1ClGw9mNa9NPlratYBvZOhExmN0qqMNFTaCTuIg==",
+      "dev": true,
+      "dependencies": {
+        "chalk": "^4.1.2",
+        "deepmerge": "^4.3.1",
+        "lockfile": "^1.0.4",
+        "lodash.get": "^4.4.2",
+        "lodash.has": "^4.5.2",
+        "schema-utils": "^3.3.0",
+        "tapable": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "peerDependencies": {
+        "webpack": "^5.2.0"
+      }
+    },
+    "node_modules/webpack-assets-manifest/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/webpack-assets-manifest/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/webpack-assets-manifest/node_modules/deepmerge": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.3.1.tgz",
+      "integrity": "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/webpack-assets-manifest/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/webpack-cli": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-5.1.4.tgz",
+      "integrity": "sha512-pIDJHIEI9LR0yxHXQ+Qh95k2EvXpWzZ5l+d+jIo+RdSm9MiHfzazIxwwni/p7+x4eJZuvG1AJwgC4TNQ7NRgsg==",
+      "dev": true,
+      "dependencies": {
+        "@discoveryjs/json-ext": "^0.5.0",
+        "@webpack-cli/configtest": "^2.1.1",
+        "@webpack-cli/info": "^2.0.2",
+        "@webpack-cli/serve": "^2.0.5",
+        "colorette": "^2.0.14",
+        "commander": "^10.0.1",
+        "cross-spawn": "^7.0.3",
+        "envinfo": "^7.7.3",
+        "fastest-levenshtein": "^1.0.12",
+        "import-local": "^3.0.2",
+        "interpret": "^3.1.1",
+        "rechoir": "^0.8.0",
+        "webpack-merge": "^5.7.3"
+      },
+      "bin": {
+        "webpack-cli": "bin/cli.js"
+      },
+      "engines": {
+        "node": ">=14.15.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "5.x.x"
+      },
+      "peerDependenciesMeta": {
+        "@webpack-cli/generators": {
+          "optional": true
+        },
+        "webpack-bundle-analyzer": {
+          "optional": true
+        },
+        "webpack-dev-server": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-cli/node_modules/commander": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
+      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/webpack-cli/node_modules/interpret": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/interpret/-/interpret-3.1.1.tgz",
+      "integrity": "sha512-6xwYfHbajpoF0xLW+iwLkhwgvLoZDfjYfoFNu8ftMoXINzwuymNLd9u/KmwtdT2GbR+/Cz66otEGEVVUHX9QLQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack-dev-middleware": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-7.4.2.tgz",
+      "integrity": "sha512-xOO8n6eggxnwYpy1NlzUKpvrjfJTvae5/D6WOK0S2LSo7vjmo5gCM1DbLUmFqrMTJP+W/0YZNctm7jasWvLuBA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "colorette": "^2.0.10",
+        "memfs": "^4.6.0",
+        "mime-types": "^2.1.31",
+        "on-finished": "^2.4.1",
+        "range-parser": "^1.2.1",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-dev-middleware/node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/webpack-dev-middleware/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/webpack-dev-middleware/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/webpack-dev-middleware/node_modules/memfs": {
+      "version": "4.17.0",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-4.17.0.tgz",
+      "integrity": "sha512-4eirfZ7thblFmqFjywlTmuWVSvccHAJbn1r8qQLzmTO11qcqpohOjmY2mFce6x7x7WtskzRqApPD0hv+Oa74jg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@jsonjoy.com/json-pack": "^1.0.3",
+        "@jsonjoy.com/util": "^1.3.0",
+        "tree-dump": "^1.0.1",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 4.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/streamich"
+      }
+    },
+    "node_modules/webpack-dev-middleware/node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/webpack-dev-middleware/node_modules/schema-utils": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
+      "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/webpack-dev-server": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/webpack-dev-server/-/webpack-dev-server-5.2.1.tgz",
+      "integrity": "sha512-ml/0HIj9NLpVKOMq+SuBPLHcmbG+TGIjXRHsYfZwocUBIqEvws8NnS/V9AFQ5FKP+tgn5adwVwRrTEpGL33QFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/bonjour": "^3.5.13",
+        "@types/connect-history-api-fallback": "^1.5.4",
+        "@types/express": "^4.17.21",
+        "@types/express-serve-static-core": "^4.17.21",
+        "@types/serve-index": "^1.9.4",
+        "@types/serve-static": "^1.15.5",
+        "@types/sockjs": "^0.3.36",
+        "@types/ws": "^8.5.10",
+        "ansi-html-community": "^0.0.8",
+        "bonjour-service": "^1.2.1",
+        "chokidar": "^3.6.0",
+        "colorette": "^2.0.10",
+        "compression": "^1.7.4",
+        "connect-history-api-fallback": "^2.0.0",
+        "express": "^4.21.2",
+        "graceful-fs": "^4.2.6",
+        "http-proxy-middleware": "^2.0.7",
+        "ipaddr.js": "^2.1.0",
+        "launch-editor": "^2.6.1",
+        "open": "^10.0.3",
+        "p-retry": "^6.2.0",
+        "schema-utils": "^4.2.0",
+        "selfsigned": "^2.4.1",
+        "serve-index": "^1.9.1",
+        "sockjs": "^0.3.24",
+        "spdy": "^4.0.2",
+        "webpack-dev-middleware": "^7.4.2",
+        "ws": "^8.18.0"
+      },
+      "bin": {
+        "webpack-dev-server": "bin/webpack-dev-server.js"
+      },
+      "engines": {
+        "node": ">= 18.12.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "webpack": {
+          "optional": true
+        },
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/@types/express": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.21.tgz",
+      "integrity": "sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/body-parser": "*",
+        "@types/express-serve-static-core": "^4.17.33",
+        "@types/qs": "*",
+        "@types/serve-static": "*"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/define-lazy-prop": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/define-lazy-prop/-/define-lazy-prop-3.0.0.tgz",
+      "integrity": "sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/ipaddr.js": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-2.2.0.tgz",
+      "integrity": "sha512-Ag3wB2o37wslZS19hZqorUnrnzSkpOVy+IiiDEiTqNubEYpYuHWIf6K4psgN2ZWKExS4xhVCrRVfb/wfW8fWJA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/is-wsl": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/is-wsl/-/is-wsl-3.1.0.tgz",
+      "integrity": "sha512-UcVfVfaK4Sc4m7X3dUSoHoozQGBEFeDC+zVo06t98xe8CzHSZZBekNXH+tu0NalHolcJ/QAGqS46Hef7QXBIMw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-inside-container": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=16"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/webpack-dev-server/node_modules/open": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/open/-/open-10.1.1.tgz",
+      "integrity": "sha512-zy1wx4+P3PfhXSEPJNtZmJXfhkkIaxU1VauWIrDZw1O7uJRDRJtKr9n3Ic4NgbA16KyOxOXO2ng9gYwCdXuSXA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "default-browser": "^5.2.1",
+        "define-lazy-prop": "^3.0.0",
+        "is-inside-container": "^1.0.0",
+        "is-wsl": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/webpack-dev-server/node_modules/schema-utils": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
+      "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/webpack-hot-middleware": {
+      "version": "2.25.3",
+      "resolved": "https://registry.npmjs.org/webpack-hot-middleware/-/webpack-hot-middleware-2.25.3.tgz",
+      "integrity": "sha512-IK/0WAHs7MTu1tzLTjio73LjS3Ov+VvBKQmE8WPlJutgG5zT6Urgq/BbAdRrHTRpyzK0dvAvFh1Qg98akxgZpA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-html-community": "0.0.8",
+        "html-entities": "^2.1.0",
+        "strip-ansi": "^6.0.0"
+      }
+    },
+    "node_modules/webpack-manifest-plugin": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/webpack-manifest-plugin/-/webpack-manifest-plugin-5.0.0.tgz",
+      "integrity": "sha512-8RQfMAdc5Uw3QbCQ/CBV/AXqOR8mt03B6GJmRbhWopE8GzRfEpn+k0ZuWywxW+5QZsffhmFDY1J6ohqJo+eMuw==",
+      "dev": true,
+      "dependencies": {
+        "tapable": "^2.0.0",
+        "webpack-sources": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=12.22.0"
+      },
+      "peerDependencies": {
+        "webpack": "^5.47.0"
+      }
+    },
+    "node_modules/webpack-manifest-plugin/node_modules/webpack-sources": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-2.3.1.tgz",
+      "integrity": "sha512-y9EI9AO42JjEcrTJFOYmVywVZdKVUfOvDUPsJea5GIr1JOEGFVqwlY2K098fFoIjOkDzHn2AjRvM8dsBZu+gCA==",
+      "dev": true,
+      "dependencies": {
+        "source-list-map": "^2.0.1",
+        "source-map": "^0.6.1"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack-merge": {
+      "version": "5.10.0",
+      "resolved": "https://registry.npmjs.org/webpack-merge/-/webpack-merge-5.10.0.tgz",
+      "integrity": "sha512-+4zXKdx7UnO+1jaN4l2lHVD+mFvnlZQP/6ljaJVb4SZiwIKeUnrT5l0gkT8z+n4hKpC+jpOv6O9R+gLtag7pSA==",
+      "dev": true,
+      "dependencies": {
+        "clone-deep": "^4.0.1",
+        "flat": "^5.0.2",
+        "wildcard": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/webpack-merge/node_modules/wildcard": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-2.0.0.tgz",
+      "integrity": "sha512-JcKqAHLPxcdb9KM49dufGXn2x3ssnfjbcaQdLlfZsL9rH9wgDQjUtDxbo8NE0F6SFvydeu1VhZe7hZuHsB2/pw==",
+      "dev": true
+    },
+    "node_modules/webpack-sources": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
+      "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/webpack-virtual-modules": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+      "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/webpack/node_modules/acorn": {
+      "version": "8.14.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+      "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/webpack/node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/webpack/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "node_modules/webpack/node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "node_modules/webpack/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/webpack/node_modules/schema-utils": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
+      "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/websocket-driver": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/websocket-driver/-/websocket-driver-0.7.4.tgz",
+      "integrity": "sha512-b17KeDIQVjvb0ssuSDF2cYXSg2iztliJ4B9WdsuB6J952qCPKmnVq4DyW5motImXHDC1cBT/1UezrJVsKw5zjg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "http-parser-js": ">=0.5.1",
+        "safe-buffer": ">=5.1.0",
+        "websocket-extensions": ">=0.1.1"
+      },
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/websocket-extensions": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz",
+      "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/whatwg-encoding": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-encoding/-/whatwg-encoding-2.0.0.tgz",
+      "integrity": "sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==",
+      "dev": true,
+      "dependencies": {
+        "iconv-lite": "0.6.3"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/whatwg-encoding/node_modules/iconv-lite": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
+      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
+      "dev": true,
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/whatwg-mimetype": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-mimetype/-/whatwg-mimetype-3.0.0.tgz",
+      "integrity": "sha512-nt+N2dzIutVRxARx1nghPKGv1xHikU7HKdfafKkLNLindmPU/ch3U31NOCGGA/dmPcmb1VlofO0vnKAcsm0o/Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dependencies": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-builtin-type": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/which-builtin-type/-/which-builtin-type-1.1.3.tgz",
+      "integrity": "sha512-YmjsSMDBYsM1CaFiayOVT06+KJeXf0o5M/CAd4o1lTadFAtacTUM49zoYxr/oroopFDfhvN6iEcBxUyc3gvKmw==",
+      "dev": true,
+      "dependencies": {
+        "function.prototype.name": "^1.1.5",
+        "has-tostringtag": "^1.0.0",
+        "is-async-function": "^2.0.0",
+        "is-date-object": "^1.0.5",
+        "is-finalizationregistry": "^1.0.2",
+        "is-generator-function": "^1.0.10",
+        "is-regex": "^1.1.4",
+        "is-weakref": "^1.0.2",
+        "isarray": "^2.0.5",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
+      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
+      "dev": true,
+      "dependencies": {
+        "is-map": "^2.0.1",
+        "is-set": "^2.0.1",
+        "is-weakmap": "^2.0.1",
+        "is-weakset": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/which-module/-/which-module-2.0.0.tgz",
+      "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=",
+      "dev": true
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.15.tgz",
+      "integrity": "sha512-oV0jmFtUky6CXfkqehVvBP/LSWJ2sy4vWMioiENyJLePrBO/yKyV9OyJySfAKosh+RYkIl5zJCNZ8/4JncrpdA==",
+      "license": "MIT",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.7",
+        "call-bind": "^1.0.7",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/wide-align": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/wide-align/-/wide-align-1.1.3.tgz",
+      "integrity": "sha512-QGkOQc8XL6Bt5PwnsExKBPuMKBxnGxWWW3fU55Xt4feHozMUhdUMaBCk290qpm/wG5u/RSKzwdAC4i51YigihA==",
+      "dependencies": {
+        "string-width": "^1.0.2 || 2"
+      }
+    },
+    "node_modules/wide-align/node_modules/ansi-regex": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-3.0.1.tgz",
+      "integrity": "sha512-+O9Jct8wf++lXxxFc4hc8LsjaSq0HFzzL7cVsw8pRDIPdjKD2mT4ytDZlLuSBZ4cLKZFXIrMGO7DbQCtMJJMKw==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/wide-align/node_modules/is-fullwidth-code-point": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-2.0.0.tgz",
+      "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/wide-align/node_modules/string-width": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-2.1.1.tgz",
+      "integrity": "sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw==",
+      "dependencies": {
+        "is-fullwidth-code-point": "^2.0.0",
+        "strip-ansi": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/wide-align/node_modules/strip-ansi": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-4.0.0.tgz",
+      "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+      "dependencies": {
+        "ansi-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/wildcard": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/wildcard/-/wildcard-1.1.2.tgz",
+      "integrity": "sha1-pwIEUwhNjNLv5wup02liY94XEKU=",
+      "dev": true
+    },
+    "node_modules/with": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/with/-/with-7.0.2.tgz",
+      "integrity": "sha512-RNGKj82nUPg3g5ygxkQl0R937xLyho1J24ItRCBTr/m1YnZkzJy1hUiHUJrc/VlsDQzsCnInEGSg3bci0Lmd4w==",
+      "dependencies": {
+        "@babel/parser": "^7.9.6",
+        "@babel/types": "^7.9.6",
+        "assert-never": "^1.2.1",
+        "babel-walk": "3.0.0-canary-5"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/wkx": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/wkx/-/wkx-0.5.0.tgz",
+      "integrity": "sha512-Xng/d4Ichh8uN4l0FToV/258EjMGU9MGcA0HV2d9B/ZpZB3lqQm7nkOdZdm5GhKtLLhAE7PiVQwN4eN+2YJJUg==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/wordwrap": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/wordwrap/-/wordwrap-1.0.0.tgz",
+      "integrity": "sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=",
+      "dev": true
+    },
+    "node_modules/workerpool": {
+      "version": "6.5.1",
+      "resolved": "https://registry.npmjs.org/workerpool/-/workerpool-6.5.1.tgz",
+      "integrity": "sha512-Fs4dNYcsdpYSAfVxhnl1L5zTksjvOJxtC5hzMNl+1t9B8hTJTdKDyZ5ju7ztgPy+ft9tBFXoOlDNiOT9WUXZlA==",
+      "license": "Apache-2.0"
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs": {
+      "name": "wrap-ansi",
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrap-ansi/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8="
+    },
+    "node_modules/write-file-atomic": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/write-file-atomic/-/write-file-atomic-5.0.1.tgz",
+      "integrity": "sha512-+QU2zd6OTD8XWIJCbffaiQeH9U73qIqafo1x6V1snCWYGJf6cVE0cDR4D8xRzcEnfI21IFrUPzPGtcPf8AC+Rw==",
+      "dev": true,
+      "dependencies": {
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^4.0.1"
+      },
+      "engines": {
+        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
+      }
+    },
+    "node_modules/write-file-atomic/node_modules/signal-exit": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
+      "dev": true,
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "node_modules/ws": {
+      "version": "8.18.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.0.tgz",
+      "integrity": "sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==",
+      "dev": true,
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/x-xss-protection": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/x-xss-protection/-/x-xss-protection-1.3.0.tgz",
+      "integrity": "sha512-kpyBI9TlVipZO4diReZMAHWtS0MMa/7Kgx8hwG/EuZLiA6sg4Ah/4TRdASHhRRN3boobzcYgFRUFSgHRge6Qhg==",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/xml-crypto": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/xml-crypto/-/xml-crypto-3.2.1.tgz",
+      "integrity": "sha512-0GUNbPtQt+PLMsC5HoZRONX+K6NBJEqpXe/lsvrFj0EqfpGPpVfJKGE7a5jCg8s2+Wkrf/2U1G41kIH+zC9eyQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@xmldom/xmldom": "^0.8.8",
+        "xpath": "0.0.32"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/xml-crypto/node_modules/@xmldom/xmldom": {
+      "version": "0.8.10",
+      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.10.tgz",
+      "integrity": "sha512-2WALfTl4xo2SkGCYRt6rDTFfk9R1czmBvUQy12gK2KuRKIpWEhcbbzy8EZXtz/jkRqHX8bFEc6FC1HjX4TUWYw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/xml-crypto/node_modules/xpath": {
+      "version": "0.0.32",
+      "resolved": "https://registry.npmjs.org/xpath/-/xpath-0.0.32.tgz",
+      "integrity": "sha512-rxMJhSIoiO8vXcWvSifKqhvV96GjiD5wYb8/QHdoRyQvraTpp4IEv944nhGausZZ3u7dhQXteZuZbaqfpB7uYw==",
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/xml-encryption": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/xml-encryption/-/xml-encryption-2.0.0.tgz",
+      "integrity": "sha512-4Av83DdvAgUQQMfi/w8G01aJshbEZP9ewjmZMpS9t3H+OCZBDvyK4GJPnHGfWiXlArnPbYvR58JB9qF2x9Ds+Q==",
+      "dependencies": {
+        "@xmldom/xmldom": "^0.7.0",
+        "escape-html": "^1.0.3",
+        "xpath": "0.0.32"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/xml-encryption/node_modules/xpath": {
+      "version": "0.0.32",
+      "resolved": "https://registry.npmjs.org/xpath/-/xpath-0.0.32.tgz",
+      "integrity": "sha512-rxMJhSIoiO8vXcWvSifKqhvV96GjiD5wYb8/QHdoRyQvraTpp4IEv944nhGausZZ3u7dhQXteZuZbaqfpB7uYw==",
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/xml-name-validator": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
+      "integrity": "sha512-ICP2e+jsHvAj2E2lIHxa5tjXRlKDJo4IdvPvCXbXQGdzSfmSpNVyIKMvoZHjDY9DP0zV17iI85o90vRFXNccRw==",
+      "dev": true,
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/xml2js": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/xml2js/-/xml2js-0.6.2.tgz",
+      "integrity": "sha512-T4rieHaC1EXcES0Kxxj4JWgaUQHDk+qwHcYOCFHfiwKz7tOVPLq7Hjq9dM1WCMhylqMEfP7hMcOIChvotiZegA==",
+      "dependencies": {
+        "sax": ">=0.6.0",
+        "xmlbuilder": "~11.0.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/xml2js/node_modules/xmlbuilder": {
+      "version": "11.0.1",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-11.0.1.tgz",
+      "integrity": "sha512-fDlsI/kFEx7gLvbecc0/ohLG50fugQp8ryHzMTuW9vSa1GJ0XYWKnhsUx7oie3G98+r56aTQIUB4kht42R3JvA==",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/xmlbuilder": {
+      "version": "15.1.1",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-15.1.1.tgz",
+      "integrity": "sha512-yMqGBqtXyeN1e3TGYvgNgDVZ3j84W4cwkOXQswghol6APgZWaff9lnbvN7MHYJOiXsvGPXtjTYJEiC9J2wv9Eg==",
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/xmlchars": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
+      "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
+      "dev": true
+    },
+    "node_modules/xmlcreate": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/xmlcreate/-/xmlcreate-2.0.4.tgz",
+      "integrity": "sha512-nquOebG4sngPmGPICTS5EnxqhKbCmz5Ox5hsszI2T6U5qdrJizBc+0ilYSEjTSzU0yZcmvppztXe/5Al5fUwdg=="
+    },
+    "node_modules/xmlhttprequest": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/xmlhttprequest/-/xmlhttprequest-1.8.0.tgz",
+      "integrity": "sha512-58Im/U0mlVBLM38NdZjHyhuMtCqa61469k2YP/AaPbvCoV9aQGUpbJBj1QRm2ytRiVQBD/fsw7L2bJGDVQswBA==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/xorshift": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/xorshift/-/xorshift-1.2.0.tgz",
+      "integrity": "sha512-iYgNnGyeeJ4t6U11NpA/QiKy+PXn5Aa3Azg5qkwIFz1tBLllQrjjsk9yzD7IAK0naNU4JxdeDgqW9ov4u/hc4g=="
+    },
+    "node_modules/xpath": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/xpath/-/xpath-0.0.5.tgz",
+      "integrity": "sha1-RUA29u8PPfWvXUukoRn7dWdLPmw=",
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/xregexp": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/xregexp/-/xregexp-4.4.1.tgz",
+      "integrity": "sha512-2u9HwfadaJaY9zHtRRnH6BY6CQVNQKkYm3oLtC9gJXXzfsbACg5X5e4EZZGVAH+YIfa+QA9lsFQTTe3HURF3ag==",
+      "dependencies": {
+        "@babel/runtime-corejs3": "^7.12.1"
+      }
+    },
+    "node_modules/xtend": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+      "engines": {
+        "node": ">=0.4"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="
+    },
+    "node_modules/yaml": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "20.2.4",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-20.2.4.tgz",
+      "integrity": "sha512-WOkpgNhPTlE73h4VFAFsOnomJVaovO8VqLDzy5saChRBFQFBoMYirowyW+Q9HB4HFF4Z7VZTiG3iSzJJA29yRA==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yargs-unparser": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/yargs-unparser/-/yargs-unparser-2.0.0.tgz",
+      "integrity": "sha512-7pRTIA9Qc1caZ0bZ6RYRGbHJthJWuakf+WmHK0rVeLkNrrGhfoabBNdue6kdINI6r4if7ocq9aD/n7xwKOdzOA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "camelcase": "^6.0.0",
+        "decamelize": "^4.0.0",
+        "flat": "^5.0.2",
+        "is-plain-obj": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yargs-unparser/node_modules/decamelize": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/decamelize/-/decamelize-4.0.0.tgz",
+      "integrity": "sha512-9iE1PgSik9HeIIw2JO94IidnE3eBoQrFJ3w7sFuzSX4DpmZ3v5sZpUiV5Swcf6mQEF+Y0ru8Neo+p+nyh2J+hQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/yargs/node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs/node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha1-x+sXyT4RLLEIb6bY5R+wZnt5pfk=",
+      "dependencies": {
+        "buffer-crc32": "~0.2.3",
+        "fd-slicer": "~1.1.0"
+      }
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/yup": {
+      "version": "0.32.11",
+      "resolved": "https://registry.npmjs.org/yup/-/yup-0.32.11.tgz",
+      "integrity": "sha512-Z2Fe1bn+eLstG8DRR6FTavGD+MeAwyfmouhHsIUgaADz8jvFKbO/fXc2trJKZg+5EBjh4gGm3iU/t3onKlXHIg==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.15.4",
+        "@types/lodash": "^4.14.175",
+        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
+        "nanoclone": "^0.2.1",
+        "property-expr": "^2.0.4",
+        "toposort": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/z-schema": {
+      "version": "3.25.1",
+      "resolved": "https://registry.npmjs.org/z-schema/-/z-schema-3.25.1.tgz",
+      "integrity": "sha512-7tDlwhrBG+oYFdXNOjILSurpfQyuVgkRe3hB2q8TEssamDHB7BbLWYkYO98nTn0FibfdFroFKDjndbgufAgS/Q==",
+      "dependencies": {
+        "core-js": "^2.5.7",
+        "lodash.get": "^4.0.0",
+        "lodash.isequal": "^4.0.0",
+        "validator": "^10.0.0"
+      },
+      "bin": {
+        "z-schema": "bin/z-schema"
+      },
+      "optionalDependencies": {
+        "commander": "^2.7.1"
+      }
+    },
+    "node_modules/z-schema/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "optional": true
+    },
+    "node_modules/z-schema/node_modules/core-js": {
+      "version": "2.6.12",
+      "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.6.12.tgz",
+      "integrity": "sha512-Kb2wC0fvsWfQrgk8HU5lW6U/Lcs8+9aaYcy4ZFc6DDlo4nZ7n70dEgE5rtR0oG6ufKDUnrwfWL1mXR5ljDatrQ==",
+      "deprecated": "core-js@<3.4 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.",
+      "hasInstallScript": true
+    },
+    "node_modules/z-schema/node_modules/validator": {
+      "version": "10.11.0",
+      "resolved": "https://registry.npmjs.org/validator/-/validator-10.11.0.tgz",
+      "integrity": "sha512-X/p3UZerAIsbBfN/IwahhYaBbY68EN/UQBWHtsbXGT5bfrH/p4NQzUCG1kF/rtKaNpnJ7jAu6NGTdSNtyNIXMw==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/zip-stream": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/zip-stream/-/zip-stream-4.1.0.tgz",
+      "integrity": "sha512-zshzwQW7gG7hjpBlgeQP9RuyPGNxvJdzR8SUM3QhxCnLjWN2E7j3dOvpeDcQoETfHx0urRS7EtmVToql7YpU4A==",
+      "dependencies": {
+        "archiver-utils": "^2.1.0",
+        "compress-commons": "^4.1.0",
+        "readable-stream": "^3.6.0"
+      },
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/zlib": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/zlib/-/zlib-1.0.5.tgz",
+      "integrity": "sha512-40fpE2II+Cd3k8HWTWONfeKE2jL+P42iWJ1zzps5W51qcTsOUKM5Q5m2PFb0CLxlmFAaUuUdJGc3OfZy947v0w==",
+      "hasInstallScript": true,
+      "engines": {
+        "node": ">=0.2.0"
+      }
+    },
+    "services/analytics": {
+      "name": "@overleaf/analytics",
+      "dependencies": {
+        "@customerio/cdp-analytics-node": "^0.3.0",
+        "@google-cloud/bigquery": "^5.9.0",
+        "@google-cloud/storage": "^6.10.1",
+        "@overleaf/fetch-utils": "*",
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/o-error": "*",
+        "@overleaf/promise-utils": "*",
+        "@overleaf/redis-wrapper": "*",
+        "@overleaf/settings": "*",
+        "@overleaf/stream-utils": "^0.1.0",
+        "bluebird": "^3.7.2",
+        "body-parser": "^1.20.3",
+        "bull": "^3.18.0",
+        "camelcase-keys": "^4.2.0",
+        "celebrate": "^15.0.3",
+        "csv": "^5.4.0",
+        "east": "^2.0.3",
+        "express": "^4.21.2",
+        "joi": "^17.12.0",
+        "json2csv": "^4.5.4",
+        "lodash": "^4.17.21",
+        "minimist": "^1.2.7",
+        "mixpanel": "^0.13.0",
+        "moment": "^2.29.4",
+        "mongodb": "6.12.0",
+        "p-limit": "^2.3.0",
+        "pg": "^8.7.1",
+        "pg-copy-streams": "^2.2.2",
+        "promptly": "^3.0.3",
+        "recurly": "^4.0.1",
+        "request": "^2.88.2",
+        "sequelize": "^6.31.0",
+        "yargs": "^17.0.0"
+      },
+      "devDependencies": {
+        "@pollyjs/adapter-node-http": "^6.0.6",
+        "@pollyjs/core": "^6.0.6",
+        "@pollyjs/persister-fs": "^6.0.6",
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "mocha": "^11.1.0",
+        "sandboxed-module": "^2.0.4",
+        "sequelize-cli": "^6.6.0",
+        "sinon": "^9.2.4",
+        "sinon-chai": "^3.7.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/analytics/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "services/chat": {
+      "name": "@overleaf/chat",
+      "version": "1.0.0",
+      "license": "AGPL-3.0",
+      "dependencies": {
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/settings": "*",
+        "async": "^3.2.5",
+        "body-parser": "^1.20.3",
+        "exegesis-express": "^4.0.0",
+        "express": "^4.21.2",
+        "mongodb": "6.12.0"
+      },
+      "devDependencies": {
+        "acorn": "^7.1.1",
+        "ajv": "^6.12.0",
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "mocha": "^11.1.0",
+        "request": "^2.88.2",
+        "sandboxed-module": "^2.0.4",
+        "sinon": "^9.2.4",
+        "timekeeper": "^2.2.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/clsi": {
+      "name": "@overleaf/clsi",
+      "dependencies": {
+        "@overleaf/fetch-utils": "*",
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/o-error": "*",
+        "@overleaf/promise-utils": "*",
+        "@overleaf/settings": "*",
+        "archiver": "5.3.2",
+        "async": "^3.2.5",
+        "body-parser": "^1.20.3",
+        "bunyan": "^1.8.15",
+        "dockerode": "^4.0.5",
+        "express": "^4.21.2",
+        "lodash": "^4.17.21",
+        "p-limit": "^3.1.0",
+        "request": "^2.88.2",
+        "send": "^0.19.0",
+        "tar-fs": "^3.0.4",
+        "workerpool": "^6.1.5"
+      },
+      "devDependencies": {
+        "@types/workerpool": "^6.1.0",
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "mocha": "^11.1.0",
+        "mock-fs": "^5.1.2",
+        "node-fetch": "^2.7.0",
+        "sandboxed-module": "^2.0.4",
+        "sinon": "~9.0.1",
+        "sinon-chai": "^3.7.0",
+        "timekeeper": "2.2.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/clsi-cache": {
+      "name": "@overleaf/clsi-cache",
+      "dependencies": {
+        "@overleaf/fetch-utils": "*",
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/o-error": "*",
+        "@overleaf/promise-utils": "*",
+        "@overleaf/settings": "*",
+        "body-parser": "^1.20.3",
+        "bunyan": "^1.8.15",
+        "celebrate": "^15.0.3",
+        "express": "^4.21.2"
+      },
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "mocha": "^11.1.0"
+      }
+    },
+    "services/clsi-perf": {
+      "name": "@overleaf/clsi-perf",
+      "dependencies": {
+        "@google-cloud/bigquery": "^5.6.0",
+        "@overleaf/fetch-utils": "*",
+        "@overleaf/logger": "*",
+        "@overleaf/o-error": "*",
+        "@overleaf/settings": "*",
+        "bunyan": "^1.8.15",
+        "cookie": "^0.4.1",
+        "express": "^4.21.2",
+        "glob": "^7.2.0",
+        "p-limit": "^3.1.0"
+      },
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "mocha": "^11.1.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/clsi-perf/node_modules/cookie": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.4.1.tgz",
+      "integrity": "sha512-ZwrFkGJxUR3EIoXtO+yVE69Eb7KlixbaeAWfBQB9vVsNn/o+Yw69gBWSSDK825hQNdN+wF8zELf3dFNl/kxkUA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "services/clsi/node_modules/@grpc/grpc-js": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/@grpc/grpc-js/-/grpc-js-1.13.2.tgz",
+      "integrity": "sha512-nnR5nmL6lxF8YBqb6gWvEgLdLh/Fn+kvAdX5hUOnt48sNSb0riz/93ASd2E5gvanPA41X6Yp25bIfGRp1SMb2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@grpc/proto-loader": "^0.7.13",
+        "@js-sdsl/ordered-map": "^4.4.2"
+      },
+      "engines": {
+        "node": ">=12.10.0"
+      }
+    },
+    "services/clsi/node_modules/cpu-features": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/cpu-features/-/cpu-features-0.0.10.tgz",
+      "integrity": "sha512-9IkYqtX3YHPCzoVg1Py+o9057a3i0fp7S530UWokCSaFVTc7CwXPRiOjRjBQQ18ZCNafx78YfnG+HALxtVmOGA==",
+      "hasInstallScript": true,
+      "optional": true,
+      "dependencies": {
+        "buildcheck": "~0.0.6",
+        "nan": "^2.19.0"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "services/clsi/node_modules/diff": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+      "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
+    "services/clsi/node_modules/docker-modem": {
+      "version": "5.0.6",
+      "resolved": "https://registry.npmjs.org/docker-modem/-/docker-modem-5.0.6.tgz",
+      "integrity": "sha512-ens7BiayssQz/uAxGzH8zGXCtiV24rRWXdjNha5V4zSOcxmAZsfGVm/PPFbwQdqEkDnhG+SyR9E3zSHUbOKXBQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "readable-stream": "^3.5.0",
+        "split-ca": "^1.0.1",
+        "ssh2": "^1.15.0"
+      },
+      "engines": {
+        "node": ">= 8.0"
+      }
+    },
+    "services/clsi/node_modules/dockerode": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/dockerode/-/dockerode-4.0.5.tgz",
+      "integrity": "sha512-ZPmKSr1k1571Mrh7oIBS/j0AqAccoecY2yH420ni5j1KyNMgnoTh4Nu4FWunh0HZIJmRSmSysJjBIpa/zyWUEA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@balena/dockerignore": "^1.0.2",
+        "@grpc/grpc-js": "^1.11.1",
+        "@grpc/proto-loader": "^0.7.13",
+        "docker-modem": "^5.0.6",
+        "protobufjs": "^7.3.2",
+        "tar-fs": "~2.1.2",
+        "uuid": "^10.0.0"
+      },
+      "engines": {
+        "node": ">= 8.0"
+      }
+    },
+    "services/clsi/node_modules/dockerode/node_modules/tar-fs": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.2.tgz",
+      "integrity": "sha512-EsaAXwxmx8UB7FRKqeozqEPop69DXcmYwTQwXvyAPF352HJsPdkVhvTaDPYqfNgruveJIJy3TA2l+2zj8LJIJA==",
+      "license": "MIT",
+      "dependencies": {
+        "chownr": "^1.1.1",
+        "mkdirp-classic": "^0.5.2",
+        "pump": "^3.0.0",
+        "tar-stream": "^2.1.4"
+      }
+    },
+    "services/clsi/node_modules/protobufjs": {
+      "version": "7.4.0",
+      "resolved": "https://registry.npmjs.org/protobufjs/-/protobufjs-7.4.0.tgz",
+      "integrity": "sha512-mRUWCc3KUU4w1jU8sGxICXH/gNS94DvI1gxqDvBzhj1JpcsimQkYiOJfwsPUykUI5ZaspFbSgmBLER8IrQ3tqw==",
+      "hasInstallScript": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "@protobufjs/aspromise": "^1.1.2",
+        "@protobufjs/base64": "^1.1.2",
+        "@protobufjs/codegen": "^2.0.4",
+        "@protobufjs/eventemitter": "^1.1.0",
+        "@protobufjs/fetch": "^1.1.0",
+        "@protobufjs/float": "^1.0.2",
+        "@protobufjs/inquire": "^1.1.0",
+        "@protobufjs/path": "^1.1.2",
+        "@protobufjs/pool": "^1.1.0",
+        "@protobufjs/utf8": "^1.1.0",
+        "@types/node": ">=13.7.0",
+        "long": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "services/clsi/node_modules/sinon": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/sinon/-/sinon-9.0.3.tgz",
+      "integrity": "sha512-IKo9MIM111+smz9JGwLmw5U1075n1YXeAq8YeSFlndCLhAL5KGn6bLgu7b/4AYHTV/LcEMcRm2wU2YiL55/6Pg==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^1.7.2",
+        "@sinonjs/fake-timers": "^6.0.1",
+        "@sinonjs/formatio": "^5.0.1",
+        "@sinonjs/samsam": "^5.1.0",
+        "diff": "^4.0.2",
+        "nise": "^4.0.4",
+        "supports-color": "^7.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/sinon"
+      }
+    },
+    "services/clsi/node_modules/ssh2": {
+      "version": "1.16.0",
+      "resolved": "https://registry.npmjs.org/ssh2/-/ssh2-1.16.0.tgz",
+      "integrity": "sha512-r1X4KsBGedJqo7h8F5c4Ybpcr5RjyP+aWIG007uBPRjmdQWfEiVLzSK71Zji1B9sKxwaCvD8y8cwSkYrlLiRRg==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "asn1": "^0.2.6",
+        "bcrypt-pbkdf": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      },
+      "optionalDependencies": {
+        "cpu-features": "~0.0.10",
+        "nan": "^2.20.0"
+      }
+    },
+    "services/clsi/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "services/clsi/node_modules/uuid": {
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz",
+      "integrity": "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "services/contacts": {
+      "name": "@overleaf/contacts",
+      "dependencies": {
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/settings": "*",
+        "async": "^3.2.5",
+        "body-parser": "^1.20.3",
+        "bunyan": "^1.8.15",
+        "express": "^4.21.2",
+        "mongodb": "6.12.0",
+        "request": "~2.88.2",
+        "underscore": "~1.13.1"
+      },
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "esmock": "^2.6.3",
+        "mocha": "^11.1.0",
+        "sinon": "~9.0.1",
+        "sinon-chai": "^3.7.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/contacts/node_modules/diff": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+      "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
+    "services/contacts/node_modules/sinon": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/sinon/-/sinon-9.0.3.tgz",
+      "integrity": "sha512-IKo9MIM111+smz9JGwLmw5U1075n1YXeAq8YeSFlndCLhAL5KGn6bLgu7b/4AYHTV/LcEMcRm2wU2YiL55/6Pg==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^1.7.2",
+        "@sinonjs/fake-timers": "^6.0.1",
+        "@sinonjs/formatio": "^5.0.1",
+        "@sinonjs/samsam": "^5.1.0",
+        "diff": "^4.0.2",
+        "nise": "^4.0.4",
+        "supports-color": "^7.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/sinon"
+      }
+    },
+    "services/contacts/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "services/docstore": {
+      "name": "@overleaf/docstore",
+      "dependencies": {
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/o-error": "*",
+        "@overleaf/object-persistor": "*",
+        "@overleaf/promise-utils": "*",
+        "@overleaf/settings": "*",
+        "@overleaf/stream-utils": "^0.1.0",
+        "async": "^3.2.5",
+        "body-parser": "^1.20.3",
+        "bunyan": "^1.8.15",
+        "celebrate": "^15.0.3",
+        "express": "^4.21.2",
+        "lodash": "^4.17.21",
+        "mongodb-legacy": "6.1.3",
+        "p-map": "^4.0.0",
+        "request": "^2.88.2"
+      },
+      "devDependencies": {
+        "@google-cloud/storage": "^6.10.1",
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "mocha": "^11.1.0",
+        "sandboxed-module": "~2.0.4",
+        "sinon": "~9.0.2",
+        "sinon-chai": "^3.7.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/docstore/node_modules/diff": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+      "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
+    "services/docstore/node_modules/sinon": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/sinon/-/sinon-9.0.3.tgz",
+      "integrity": "sha512-IKo9MIM111+smz9JGwLmw5U1075n1YXeAq8YeSFlndCLhAL5KGn6bLgu7b/4AYHTV/LcEMcRm2wU2YiL55/6Pg==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^1.7.2",
+        "@sinonjs/fake-timers": "^6.0.1",
+        "@sinonjs/formatio": "^5.0.1",
+        "@sinonjs/samsam": "^5.1.0",
+        "diff": "^4.0.2",
+        "nise": "^4.0.4",
+        "supports-color": "^7.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/sinon"
+      }
+    },
+    "services/docstore/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "services/document-updater": {
+      "name": "@overleaf/document-updater",
+      "dependencies": {
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/o-error": "*",
+        "@overleaf/promise-utils": "*",
+        "@overleaf/ranges-tracker": "*",
+        "@overleaf/redis-wrapper": "*",
+        "@overleaf/settings": "*",
+        "@types/chai-as-promised": "^7.1.8",
+        "async": "^3.2.5",
+        "body-parser": "^1.20.3",
+        "bunyan": "^1.8.15",
+        "diff-match-patch": "overleaf/diff-match-patch#89805f9c671a77a263fc53461acd62aa7498f688",
+        "express": "^4.21.2",
+        "lodash": "^4.17.21",
+        "minimist": "^1.2.8",
+        "mongodb-legacy": "6.1.3",
+        "request": "^2.88.2",
+        "requestretry": "^7.1.0"
+      },
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "cluster-key-slot": "^1.0.5",
+        "mocha": "^11.1.0",
+        "sandboxed-module": "^2.0.4",
+        "sinon": "^9.2.4",
+        "sinon-chai": "^3.7.0",
+        "timekeeper": "^2.0.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/filestore": {
+      "name": "@overleaf/filestore",
+      "dependencies": {
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/o-error": "*",
+        "@overleaf/object-persistor": "*",
+        "@overleaf/settings": "*",
+        "@overleaf/stream-utils": "^0.1.0",
+        "body-parser": "^1.20.3",
+        "bunyan": "^1.8.15",
+        "express": "^4.21.2",
+        "glob": "^7.1.6",
+        "lodash.once": "^4.1.1",
+        "node-fetch": "^2.7.0",
+        "range-parser": "^1.2.1",
+        "tiny-async-pool": "^1.1.0"
+      },
+      "devDependencies": {
+        "@google-cloud/storage": "^6.10.1",
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "mocha": "^11.1.0",
+        "mongodb": "6.12.0",
+        "sandboxed-module": "2.0.4",
+        "sinon": "9.0.2",
+        "sinon-chai": "^3.7.0",
+        "streamifier": "^0.1.1",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/filestore/node_modules/diff": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+      "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
+    "services/filestore/node_modules/sinon": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/sinon/-/sinon-9.0.2.tgz",
+      "integrity": "sha512-0uF8Q/QHkizNUmbK3LRFqx5cpTttEVXudywY9Uwzy8bTfZUhljZ7ARzSxnRHWYWtVTeh4Cw+tTb3iU21FQVO9A==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^1.7.2",
+        "@sinonjs/fake-timers": "^6.0.1",
+        "@sinonjs/formatio": "^5.0.1",
+        "@sinonjs/samsam": "^5.0.3",
+        "diff": "^4.0.2",
+        "nise": "^4.0.1",
+        "supports-color": "^7.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/sinon"
+      }
+    },
+    "services/filestore/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "services/freegeoip": {
+      "version": "1.0.0",
+      "license": "ISC",
+      "dependencies": {
+        "@maxmind/geoip2-node": "^5.0.0",
+        "@overleaf/fetch-utils": "*",
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "express": "^4.21.2",
+        "is-valid-hostname": "^1.0.2",
+        "tar-stream": "^2.2.0",
+        "zlib": "^1.0.5"
+      },
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "mocha": "^11.1.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/github-sync": {
+      "name": "@overleaf/github-sync",
+      "dependencies": {
+        "@octokit/request": "^9.2.2",
+        "@overleaf/access-token-encryptor": "*",
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/mongo-utils": "*",
+        "@overleaf/o-error": "*",
+        "@overleaf/promise-utils": "*",
+        "@overleaf/settings": "*",
+        "async": "^3.2.5",
+        "base64-stream": "^0.1.2",
+        "body-parser": "^1.20.3",
+        "bunyan": "^1.8.15",
+        "express": "^4.21.2",
+        "lodash": "^4.17.21",
+        "mongodb-legacy": "6.1.3",
+        "octonode": "^0.9.5",
+        "p-limit": "^2.2.0",
+        "randomstring": "^1.1.5",
+        "request": "^2.88.2"
+      },
+      "devDependencies": {
+        "@overleaf/fetch-utils": "*",
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "mocha": "^11.1.0",
+        "sandboxed-module": "^2.0.4",
+        "sinon": "^9.2.4",
+        "sinon-chai": "^3.7.0",
+        "timekeeper": "2.2.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/github-sync/node_modules/@octokit/endpoint": {
+      "version": "10.1.3",
+      "resolved": "https://registry.npmjs.org/@octokit/endpoint/-/endpoint-10.1.3.tgz",
+      "integrity": "sha512-nBRBMpKPhQUxCsQQeW+rCJ/OPSMcj3g0nfHn01zGYZXuNDvvXudF/TYY6APj5THlurerpFN4a/dQAIAaM6BYhA==",
+      "license": "MIT",
+      "dependencies": {
+        "@octokit/types": "^13.6.2",
+        "universal-user-agent": "^7.0.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "services/github-sync/node_modules/@octokit/openapi-types": {
+      "version": "23.0.1",
+      "resolved": "https://registry.npmjs.org/@octokit/openapi-types/-/openapi-types-23.0.1.tgz",
+      "integrity": "sha512-izFjMJ1sir0jn0ldEKhZ7xegCTj/ObmEDlEfpFrx4k/JyZSMRHbO3/rBwgE7f3m2DHt+RrNGIVw4wSmwnm3t/g==",
+      "license": "MIT"
+    },
+    "services/github-sync/node_modules/@octokit/request": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/@octokit/request/-/request-9.2.2.tgz",
+      "integrity": "sha512-dZl0ZHx6gOQGcffgm1/Sf6JfEpmh34v3Af2Uci02vzUYz6qEN6zepoRtmybWXIGXFIK8K9ylE3b+duCWqhArtg==",
+      "license": "MIT",
+      "dependencies": {
+        "@octokit/endpoint": "^10.1.3",
+        "@octokit/request-error": "^6.1.7",
+        "@octokit/types": "^13.6.2",
+        "fast-content-type-parse": "^2.0.0",
+        "universal-user-agent": "^7.0.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "services/github-sync/node_modules/@octokit/request-error": {
+      "version": "6.1.7",
+      "resolved": "https://registry.npmjs.org/@octokit/request-error/-/request-error-6.1.7.tgz",
+      "integrity": "sha512-69NIppAwaauwZv6aOzb+VVLwt+0havz9GT5YplkeJv7fG7a40qpLt/yZKyiDxAhgz0EtgNdNcb96Z0u+Zyuy2g==",
+      "license": "MIT",
+      "dependencies": {
+        "@octokit/types": "^13.6.2"
+      },
+      "engines": {
+        "node": ">= 18"
+      }
+    },
+    "services/github-sync/node_modules/@octokit/types": {
+      "version": "13.8.0",
+      "resolved": "https://registry.npmjs.org/@octokit/types/-/types-13.8.0.tgz",
+      "integrity": "sha512-x7DjTIbEpEWXK99DMd01QfWy0hd5h4EN+Q7shkdKds3otGQP+oWE/y0A76i1OvH9fygo4ddvNf7ZvF0t78P98A==",
+      "license": "MIT",
+      "dependencies": {
+        "@octokit/openapi-types": "^23.0.1"
+      }
+    },
+    "services/github-sync/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "services/github-sync/node_modules/universal-user-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/universal-user-agent/-/universal-user-agent-7.0.2.tgz",
+      "integrity": "sha512-0JCqzSKnStlRRQfCdowvqy3cy0Dvtlb8xecj/H8JFZuCze4rwjPZQOgvFvn0Ws/usCHQFGpyr+pB9adaGwXn4Q==",
+      "license": "ISC"
+    },
+    "services/history-v1": {
+      "name": "overleaf-editor",
+      "version": "1.0.0",
+      "license": "Proprietary",
+      "dependencies": {
+        "@google-cloud/secret-manager": "^5.6.0",
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/mongo-utils": "*",
+        "@overleaf/o-error": "*",
+        "@overleaf/object-persistor": "*",
+        "@overleaf/promise-utils": "*",
+        "@overleaf/redis-wrapper": "*",
+        "@overleaf/settings": "*",
+        "@overleaf/stream-utils": "^0.1.0",
+        "archiver": "^5.3.0",
+        "basic-auth": "^2.0.1",
+        "bluebird": "^3.7.2",
+        "body-parser": "^1.20.3",
+        "bull": "^4.16.5",
+        "bunyan": "^1.8.12",
+        "check-types": "^11.1.2",
+        "command-line-args": "^3.0.3",
+        "config": "^1.19.0",
+        "express": "^4.21.2",
+        "fs-extra": "^9.0.1",
+        "generic-pool": "^2.1.1",
+        "helmet": "^3.22.0",
+        "http-status": "^1.4.2",
+        "jsonwebtoken": "^9.0.0",
+        "knex": "^2.4.0",
+        "lodash": "^4.17.19",
+        "mongodb": "6.12.0",
+        "overleaf-editor-core": "*",
+        "p-limit": "^6.2.0",
+        "pg": "^8.7.1",
+        "pg-query-stream": "^4.2.4",
+        "swagger-tools": "^0.10.4",
+        "temp": "^0.8.3",
+        "throng": "^4.0.0",
+        "tsscmp": "^1.0.6",
+        "utf-8-validate": "^5.0.4"
+      },
+      "devDependencies": {
+        "benny": "^3.7.1",
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "chai-exclude": "^2.1.1",
+        "mocha": "^11.1.0",
+        "node-fetch": "^2.7.0",
+        "sinon": "^9.0.2",
+        "swagger-client": "^3.10.0",
+        "typescript": "^5.0.4",
+        "yauzl": "^2.9.1"
+      }
+    },
+    "services/history-v1/node_modules/array-back": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/array-back/-/array-back-1.0.4.tgz",
+      "integrity": "sha1-ZEun8JX3/898Q7Xw3DnTwfA8Bjs=",
+      "dependencies": {
+        "typical": "^2.6.0"
+      },
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "services/history-v1/node_modules/bull": {
+      "version": "4.16.5",
+      "resolved": "https://registry.npmjs.org/bull/-/bull-4.16.5.tgz",
+      "integrity": "sha512-lDsx2BzkKe7gkCYiT5Acj02DpTwDznl/VNN7Psn7M3USPG7Vs/BaClZJJTAG+ufAR9++N1/NiUTdaFBWDIl5TQ==",
+      "license": "MIT",
+      "dependencies": {
+        "cron-parser": "^4.9.0",
+        "get-port": "^5.1.1",
+        "ioredis": "^5.3.2",
+        "lodash": "^4.17.21",
+        "msgpackr": "^1.11.2",
+        "semver": "^7.5.2",
+        "uuid": "^8.3.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "services/history-v1/node_modules/chai-exclude": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/chai-exclude/-/chai-exclude-2.1.1.tgz",
+      "integrity": "sha512-IHgNmgAFOkyRPnmOtZio9UsOHQ6RnzVr2LOs+5V9urYYqjhV/ERLQapC0Eq2DmID5eDWyngAcBxNUm0ZK0QbrQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fclone": "^1.0.11"
+      },
+      "peerDependencies": {
+        "chai": ">= 4.0.0 < 5"
+      }
+    },
+    "services/history-v1/node_modules/check-types": {
+      "version": "11.1.2",
+      "resolved": "https://registry.npmjs.org/check-types/-/check-types-11.1.2.tgz",
+      "integrity": "sha512-tzWzvgePgLORb9/3a0YenggReLKAIb2owL03H2Xdoe5pKcUyWRSEQ8xfCar8t2SIAuEDwtmx2da1YB52YuHQMQ=="
+    },
+    "services/history-v1/node_modules/command-line-args": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/command-line-args/-/command-line-args-3.0.5.tgz",
+      "integrity": "sha1-W9StReeYPlwTRJGOQCgO4mk8WsA=",
+      "dependencies": {
+        "array-back": "^1.0.4",
+        "feature-detect-es6": "^1.3.1",
+        "find-replace": "^1.0.2",
+        "typical": "^2.6.0"
+      },
+      "bin": {
+        "command-line-args": "bin.js"
+      }
+    },
+    "services/history-v1/node_modules/cron-parser": {
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/cron-parser/-/cron-parser-4.9.0.tgz",
+      "integrity": "sha512-p0SaNjrHOnQeR8/VnfGbmg9te2kfyYSQ7Sc/j/6DtPL3JQvKxmjO9TSjNFpujqV3vEYYBvNNvXSxzyksBWAx1Q==",
+      "license": "MIT",
+      "dependencies": {
+        "luxon": "^3.2.1"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "services/history-v1/node_modules/debug": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "services/history-v1/node_modules/denque": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/denque/-/denque-2.1.0.tgz",
+      "integrity": "sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw==",
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "services/history-v1/node_modules/find-replace": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/find-replace/-/find-replace-1.0.3.tgz",
+      "integrity": "sha1-uI5zZNLZyVlVnziMZmcNYTBEH6A=",
+      "dependencies": {
+        "array-back": "^1.0.4",
+        "test-value": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "services/history-v1/node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "services/history-v1/node_modules/ioredis": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/ioredis/-/ioredis-5.5.0.tgz",
+      "integrity": "sha512-7CutT89g23FfSa8MDoIFs2GYYa0PaNiW/OrT+nRyjRXHDZd17HmIgy+reOQ/yhh72NznNjGuS8kbCAcA4Ro4mw==",
+      "license": "MIT",
+      "dependencies": {
+        "@ioredis/commands": "^1.1.1",
+        "cluster-key-slot": "^1.1.0",
+        "debug": "^4.3.4",
+        "denque": "^2.1.0",
+        "lodash.defaults": "^4.2.0",
+        "lodash.isarguments": "^3.1.0",
+        "redis-errors": "^1.2.0",
+        "redis-parser": "^3.0.0",
+        "standard-as-callback": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=12.22.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/ioredis"
+      }
+    },
+    "services/history-v1/node_modules/p-limit": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-6.2.0.tgz",
+      "integrity": "sha512-kuUqqHNUqoIWp/c467RI4X6mmyuojY5jGutNU0wVTmEOOfcuwLqyMVoAi9MKi2Ak+5i9+nhmrK4ufZE8069kHA==",
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "services/history-v1/node_modules/semver": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-hlq8tAfn0m/61p4BVRcPzIGr6LKiMwo4VM6dGi6pt4qcRkmNzTcWq6eCEjEh+qXjkMDvPlOFFSGwQjoEa6gyMA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "services/history-v1/node_modules/test-value": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/test-value/-/test-value-2.1.0.tgz",
+      "integrity": "sha1-Edpv9nDzRxpztiXKTz/c97t0gpE=",
+      "dependencies": {
+        "array-back": "^1.0.3",
+        "typical": "^2.6.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "services/history-v1/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "services/history-v1/node_modules/yocto-queue": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-1.1.1.tgz",
+      "integrity": "sha512-b4JR1PFR10y1mKjhHY9LaGo6tmrgjit7hxVIeAmyMw3jegXR4dhYqLaQF5zMXZxY7tLpMyJeLjr1C4rLmkVe8g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "services/idp": {
+      "name": "@overleaf/idp",
+      "dependencies": {
+        "ejs": "^3.1.10",
+        "express": "^4.21.2",
+        "samlp": "^7.0.2"
+      },
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "mocha": "^11.1.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/latexqc": {
+      "version": "0.0.1",
+      "license": "MIT",
+      "dependencies": {
+        "@overleaf/fetch-utils": "*",
+        "@overleaf/o-error": "*",
+        "aws-sdk": "^2.1174.0",
+        "body-parser": "^1.20.3",
+        "bootstrap": "^5.3.3",
+        "compression": "^1.7.1",
+        "cookie-parser": "^1.4.6",
+        "cross-env": "^4.0.0",
+        "es6-promise": "^4.2.8",
+        "express": "^4.21.2",
+        "express-basic-auth": "^1.2.0",
+        "express-flash": "0.0.2",
+        "express-rate-limit": "^2.11.0",
+        "helmet": "^7.1.0",
+        "jquery": "^3.7.1",
+        "jsonwebtoken": "^9.0.2",
+        "method-override": "^2.3.10",
+        "prop-types": "^15.8.1",
+        "react": "^17.0.2",
+        "react-cookie": "^7.2.0",
+        "react-dom": "^17.0.2",
+        "react-dropzone": "^14.2.3",
+        "react-helmet": "^6.1.0",
+        "react-redux": "^7.2.2",
+        "react-responsive": "^10.0.0",
+        "react-router-dom": "^6.26.1",
+        "redux": "^4.2.1",
+        "redux-logger": "^3.0.1",
+        "redux-thunk": "~2.2.0",
+        "source-map-support": "^0.5.12",
+        "throng": "^4.0.0"
+      },
+      "devDependencies": {
+        "@babel/core": "^7.25.2",
+        "@babel/plugin-syntax-import-meta": "^7.10.4",
+        "@babel/plugin-transform-object-assign": "^7.22.5",
+        "@babel/plugin-transform-react-constant-elements": "^7.22.5",
+        "@babel/plugin-transform-react-inline-elements": "^7.22.5",
+        "@babel/polyfill": "^7.12.1",
+        "@babel/preset-env": "^7.25.3",
+        "@babel/preset-react": "^7.24.7",
+        "@babel/register": "^7.24.6",
+        "@testing-library/react": "^12.1.5",
+        "babel-loader": "^9.1.3",
+        "babel-plugin-react-transform": "^2.0.2",
+        "babel-plugin-transform-react-remove-prop-types": "^0.3.3",
+        "chai": "^4.3.10",
+        "chai-as-promised": "^7.1.1",
+        "css-loader": "^6.8.1",
+        "cssnano": "^6.0.0",
+        "eslint": "^7.21.0",
+        "eslint-config-prettier": "^8.5.0",
+        "eslint-config-standard": "^16.0.3",
+        "eslint-plugin-react": "^7.32.2",
+        "eslint-plugin-unicorn": "^56.0.0",
+        "expect": "^1.15.2",
+        "file-loader": "^6.2.0",
+        "jsdom": "^20.0.0",
+        "mini-css-extract-plugin": "^2.7.6",
+        "mocha": "^11.1.0",
+        "nodemon": "^3.0.1",
+        "postcss": "^8.4.31",
+        "postcss-import": "^15.1.0",
+        "postcss-loader": "^7.3.0",
+        "postcss-preset-env": "^8.3.2",
+        "postcss-reporter": "^7.0.5",
+        "react-transform-hmr": "^1.0.4",
+        "redux-mock-store": "1.5.0",
+        "sandboxed-module": "^2.0.4",
+        "sinon": "^19.0.2",
+        "sinon-chai": "^3.7.0",
+        "style-loader": "^3.3.3",
+        "url-loader": "^4.1.1",
+        "webpack": "^5.98.0",
+        "webpack-cli": "^5.1.4",
+        "webpack-dev-middleware": "^6.1.2",
+        "webpack-hot-middleware": "^2.25.1",
+        "webpack-manifest-plugin": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "services/latexqc/node_modules/@babel/code-frame": {
+      "version": "7.12.11",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.12.11.tgz",
+      "integrity": "sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/highlight": "^7.10.4"
+      }
+    },
+    "services/latexqc/node_modules/@eslint/eslintrc": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-0.4.3.tgz",
+      "integrity": "sha512-J6KFFz5QCYUJq3pf0mjEcCJVERbzv71PUIDczuh9JkwGEzced6CO5ADLHB1rbf/+oPBtoPfMYNOpGDzCANlbXw==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.1.1",
+        "espree": "^7.3.0",
+        "globals": "^13.9.0",
+        "ignore": "^4.0.6",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^3.13.1",
+        "minimatch": "^3.0.4",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "services/latexqc/node_modules/@humanwhocodes/config-array": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.5.0.tgz",
+      "integrity": "sha512-FagtKFz74XrTl7y6HCzQpwDfXP0yhxe9lHLD1UZxjvZIcbyRz8zTFF/yYNfSfzU414eDwZ1SrO0Qvtyf+wFMQg==",
+      "deprecated": "Use @eslint/config-array instead",
+      "dev": true,
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^1.2.0",
+        "debug": "^4.1.1",
+        "minimatch": "^3.0.4"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "services/latexqc/node_modules/@sinonjs/commons": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@sinonjs/commons/-/commons-3.0.1.tgz",
+      "integrity": "sha512-K3mCHKQ9sVh8o1C9cxkwxaOmXoAMlDxC1mYyHrjqOWEcBjYr76t96zL2zlj5dUGZ3HSw240X1qgH3Mjf1yJWpQ==",
+      "dev": true,
+      "dependencies": {
+        "type-detect": "4.0.8"
+      }
+    },
+    "services/latexqc/node_modules/@sinonjs/commons/node_modules/type-detect": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.0.8.tgz",
+      "integrity": "sha512-0fr/mIH1dlO+x7TlcMy+bIDqKPsw/70tVyeHW787goQjhmqaZe10uwLujubK9q9Lg6Fiho1KUKDYz0Z7k7g5/g==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "services/latexqc/node_modules/@sinonjs/fake-timers": {
+      "version": "13.0.2",
+      "resolved": "https://registry.npmjs.org/@sinonjs/fake-timers/-/fake-timers-13.0.2.tgz",
+      "integrity": "sha512-4Bb+oqXZTSTZ1q27Izly9lv8B9dlV61CROxPiVtywwzv5SnytJqhvYe6FclHYuXml4cd1VHPo1zd5PmTeJozvA==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^3.0.1"
+      }
+    },
+    "services/latexqc/node_modules/@sinonjs/samsam": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/@sinonjs/samsam/-/samsam-8.0.2.tgz",
+      "integrity": "sha512-v46t/fwnhejRSFTGqbpn9u+LQ9xJDse10gNnPgAcxgdoCDMXj/G2asWAC/8Qs+BAZDicX+MNZouXT1A7c83kVw==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^3.0.1",
+        "lodash.get": "^4.4.2",
+        "type-detect": "^4.1.0"
+      }
+    },
+    "services/latexqc/node_modules/@sinonjs/text-encoding": {
+      "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/@sinonjs/text-encoding/-/text-encoding-0.7.3.tgz",
+      "integrity": "sha512-DE427ROAphMQzU4ENbliGYrBSYPXF+TtLg9S8vzeA+OF4ZKzoDdzfL8sxuMUGS/lgRhM6j1URSk9ghf7Xo1tyA==",
+      "dev": true
+    },
+    "services/latexqc/node_modules/@types/hoist-non-react-statics": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.5.tgz",
+      "integrity": "sha512-SbcrWzkKBw2cdwRTwQAswfpB9g9LJWfjtUeW/jvNwbhC8cpmmNYVePa+ncbUe0rGTQ7G3Ff6mYUN2VMfLVr+Sg==",
+      "dependencies": {
+        "@types/react": "*",
+        "hoist-non-react-statics": "^3.3.0"
+      }
+    },
+    "services/latexqc/node_modules/acorn-globals": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/acorn-globals/-/acorn-globals-7.0.1.tgz",
+      "integrity": "sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.1.0",
+        "acorn-walk": "^8.0.2"
+      }
+    },
+    "services/latexqc/node_modules/acorn-globals/node_modules/acorn": {
+      "version": "8.12.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
+      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "services/latexqc/node_modules/acorn-walk": {
+      "version": "8.3.3",
+      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.3.tgz",
+      "integrity": "sha512-MxXdReSRhGO7VlFe1bRG/oI7/mdLV9B9JJT0N8vZOhF7gFRR5l3M8W9G8JxmKV+JC5mGqJ0QvqfSOLsCPa4nUw==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^8.11.0"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "services/latexqc/node_modules/acorn-walk/node_modules/acorn": {
+      "version": "8.12.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
+      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "services/latexqc/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "services/latexqc/node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dev": true,
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "services/latexqc/node_modules/attr-accept": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/attr-accept/-/attr-accept-2.2.2.tgz",
+      "integrity": "sha512-7prDjvt9HmqiZ0cl5CRjtS84sEyhsHP2coDkaZKRKVfCDo9s7iw7ChVmar78Gu9pC4SoR/28wFu/G5JJhTnqEg==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "services/latexqc/node_modules/bootstrap": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.3.tgz",
+      "integrity": "sha512-8HLCdWgyoMguSO9o+aH+iuZ+aht+mzW0u3HIMzVu7Srrpv7EBBxTnrFlSCskwdY1+EOFQSm7uMJhNQHkdPcmjg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/twbs"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/bootstrap"
+        }
+      ],
+      "license": "MIT",
+      "peerDependencies": {
+        "@popperjs/core": "^2.11.8"
+      }
+    },
+    "services/latexqc/node_modules/chai": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/chai/-/chai-4.5.0.tgz",
+      "integrity": "sha512-RITGBfijLkBddZvnn8jdqoTypxvqbOLYQkGGxXzeFjVHvudaPw0HNFD9x928/eUwYWd2dPCugVqspGALTZZQKw==",
+      "dev": true,
+      "dependencies": {
+        "assertion-error": "^1.1.0",
+        "check-error": "^1.0.3",
+        "deep-eql": "^4.1.3",
+        "get-func-name": "^2.0.2",
+        "loupe": "^2.3.6",
+        "pathval": "^1.1.1",
+        "type-detect": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "services/latexqc/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "services/latexqc/node_modules/cookie": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.6.0.tgz",
+      "integrity": "sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "services/latexqc/node_modules/debug": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "services/latexqc/node_modules/debug/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "services/latexqc/node_modules/deep-eql": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/deep-eql/-/deep-eql-4.1.4.tgz",
+      "integrity": "sha512-SUwdGfqdKOwxCPeVYjwSyRpJ7Z+fhpwIAtmCUdZIWZ/YP5R9WAsyuSgpLVDi9bjWoN2LXHNss/dk3urXtdQxGg==",
+      "dev": true,
+      "dependencies": {
+        "type-detect": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "services/latexqc/node_modules/diff": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-7.0.0.tgz",
+      "integrity": "sha512-PJWHUb1RFevKCwaFA9RlG5tCd+FO5iRh9A8HEtkmBH2Li03iJriB6m6JIN4rGz3K3JLawI7/veA1xzRKP6ISBw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
+    "services/latexqc/node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "services/latexqc/node_modules/eslint": {
+      "version": "7.32.0",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-7.32.0.tgz",
+      "integrity": "sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "7.12.11",
+        "@eslint/eslintrc": "^0.4.3",
+        "@humanwhocodes/config-array": "^0.5.0",
+        "ajv": "^6.10.0",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.0.1",
+        "doctrine": "^3.0.0",
+        "enquirer": "^2.3.5",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^5.1.1",
+        "eslint-utils": "^2.1.0",
+        "eslint-visitor-keys": "^2.0.0",
+        "espree": "^7.3.1",
+        "esquery": "^1.4.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "functional-red-black-tree": "^1.0.1",
+        "glob-parent": "^5.1.2",
+        "globals": "^13.6.0",
+        "ignore": "^4.0.6",
+        "import-fresh": "^3.0.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "js-yaml": "^3.13.1",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.0.4",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.1",
+        "progress": "^2.0.0",
+        "regexpp": "^3.1.0",
+        "semver": "^7.2.1",
+        "strip-ansi": "^6.0.0",
+        "strip-json-comments": "^3.1.0",
+        "table": "^6.0.9",
+        "text-table": "^0.2.0",
+        "v8-compile-cache": "^2.0.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "services/latexqc/node_modules/eslint-config-standard": {
+      "version": "16.0.3",
+      "resolved": "https://registry.npmjs.org/eslint-config-standard/-/eslint-config-standard-16.0.3.tgz",
+      "integrity": "sha512-x4fmJL5hGqNJKGHSjnLdgA6U6h1YW/G2dW9fA+cyVur4SK6lyue8+UgNKWlZtUDTXvgKDD/Oa3GQjmB5kjtVvg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "peerDependencies": {
+        "eslint": "^7.12.1",
+        "eslint-plugin-import": "^2.22.1",
+        "eslint-plugin-node": "^11.1.0",
+        "eslint-plugin-promise": "^4.2.1 || ^5.0.0"
+      }
+    },
+    "services/latexqc/node_modules/eslint-plugin-promise": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-5.2.0.tgz",
+      "integrity": "sha512-SftLb1pUG01QYq2A/hGAWfDRXqYD82zE7j7TopDOyNdU+7SvvoXREls/+PRTY17vUXzXnZA/zfnyKgRH6x4JJw==",
+      "dev": true,
+      "peer": true,
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0"
+      }
+    },
+    "services/latexqc/node_modules/espree": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-7.3.1.tgz",
+      "integrity": "sha512-v3JCNCE64umkFpmkFGqzVKsOT0tN1Zr+ueqLZfpV1Ob8e+CEgPWa+OxCoGH3tnhimMKIaBm4m/vaRpJ/krRz2g==",
+      "dev": true,
+      "dependencies": {
+        "acorn": "^7.4.0",
+        "acorn-jsx": "^5.3.1",
+        "eslint-visitor-keys": "^1.3.0"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "services/latexqc/node_modules/espree/node_modules/eslint-visitor-keys": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz",
+      "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "services/latexqc/node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "services/latexqc/node_modules/helmet": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/helmet/-/helmet-7.1.0.tgz",
+      "integrity": "sha512-g+HZqgfbpXdCkme/Cd/mZkV0aV3BZZZSugecH03kl38m/Kmdx8jKjBikpDj2cr+Iynv4KpYEviojNdTJActJAg==",
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "services/latexqc/node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "dev": true,
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "services/latexqc/node_modules/ignore": {
+      "version": "4.0.6",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-4.0.6.tgz",
+      "integrity": "sha512-cyFDKrqc/YdcWFniJhzI42+AzS+gNwmUzOSFcRCQYwySuBBBy/KjuxWLZ/FHEH6Moq1NizMOBWyTcv8O4OZIMg==",
+      "dev": true,
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "services/latexqc/node_modules/js-yaml": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "dev": true,
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "services/latexqc/node_modules/jsdom": {
+      "version": "20.0.3",
+      "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-20.0.3.tgz",
+      "integrity": "sha512-SYhBvTh89tTfCD/CRdSOm13mOBa42iTaTyfyEWBdKcGdPxPtLFBXuHR8XHb33YNYaP+lLbmSvBTsnoesCNJEsQ==",
+      "dev": true,
+      "dependencies": {
+        "abab": "^2.0.6",
+        "acorn": "^8.8.1",
+        "acorn-globals": "^7.0.0",
+        "cssom": "^0.5.0",
+        "cssstyle": "^2.3.0",
+        "data-urls": "^3.0.2",
+        "decimal.js": "^10.4.2",
+        "domexception": "^4.0.0",
+        "escodegen": "^2.0.0",
+        "form-data": "^4.0.0",
+        "html-encoding-sniffer": "^3.0.0",
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.1",
+        "is-potential-custom-element-name": "^1.0.1",
+        "nwsapi": "^2.2.2",
+        "parse5": "^7.1.1",
+        "saxes": "^6.0.0",
+        "symbol-tree": "^3.2.4",
+        "tough-cookie": "^4.1.2",
+        "w3c-xmlserializer": "^4.0.0",
+        "webidl-conversions": "^7.0.0",
+        "whatwg-encoding": "^2.0.0",
+        "whatwg-mimetype": "^3.0.0",
+        "whatwg-url": "^11.0.0",
+        "ws": "^8.11.0",
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "peerDependencies": {
+        "canvas": "^2.5.0"
+      },
+      "peerDependenciesMeta": {
+        "canvas": {
+          "optional": true
+        }
+      }
+    },
+    "services/latexqc/node_modules/jsdom/node_modules/acorn": {
+      "version": "8.12.1",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.12.1.tgz",
+      "integrity": "sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg==",
+      "dev": true,
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "services/latexqc/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==",
+      "dev": true
+    },
+    "services/latexqc/node_modules/just-extend": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/just-extend/-/just-extend-6.2.0.tgz",
+      "integrity": "sha512-cYofQu2Xpom82S6qD778jBDpwvvy39s1l/hrYij2u9AMdQcGRpaBu6kY4mVhuno5kJVi1DAz4aiphA2WI1/OAw==",
+      "dev": true
+    },
+    "services/latexqc/node_modules/method-override": {
+      "version": "2.3.10",
+      "resolved": "https://registry.npmjs.org/method-override/-/method-override-2.3.10.tgz",
+      "integrity": "sha512-Ks2/7e+3JuwQcpLybc6wTHyqg13HDjOhLcE+YaAEub9DbSxF+ieMvxUlybmWW9luRMh9Cd0rO9aNtzUT51xfNQ==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "methods": "~1.1.2",
+        "parseurl": "~1.3.2",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "services/latexqc/node_modules/method-override/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "services/latexqc/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "services/latexqc/node_modules/nise": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npmjs.org/nise/-/nise-6.1.1.tgz",
+      "integrity": "sha512-aMSAzLVY7LyeM60gvBS423nBmIPP+Wy7St7hsb+8/fc1HmeoHJfLO8CKse4u3BtOZvQLJghYPI2i/1WZrEj5/g==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^3.0.1",
+        "@sinonjs/fake-timers": "^13.0.1",
+        "@sinonjs/text-encoding": "^0.7.3",
+        "just-extend": "^6.2.0",
+        "path-to-regexp": "^8.1.0"
+      }
+    },
+    "services/latexqc/node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "services/latexqc/node_modules/parse5": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/parse5/-/parse5-7.1.2.tgz",
+      "integrity": "sha512-Czj1WaSVpaoj0wbhMzLmWD69anp2WH7FXMB9n1Sy8/ZFF9jolSQVMu1Ij5WIyGmcBmhk7EOndpO4mIpihVqAXw==",
+      "dev": true,
+      "dependencies": {
+        "entities": "^4.4.0"
+      },
+      "funding": {
+        "url": "https://github.com/inikulin/parse5?sponsor=1"
+      }
+    },
+    "services/latexqc/node_modules/path-to-regexp": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-8.2.0.tgz",
+      "integrity": "sha512-TdrF7fW9Rphjq4RjrW0Kp2AW0Ahwu9sRGTkS6bvDi0SCwZlEZYmcfDbEsTz8RVk0EHIS/Vd1bv3JhG+1xZuAyQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "services/latexqc/node_modules/react-cookie": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/react-cookie/-/react-cookie-7.2.0.tgz",
+      "integrity": "sha512-mqhPERUyfOljq5yJ4woDFI33bjEtigsl8JDJdPPeNhr0eSVZmBc/2Vdf8mFxOUktQxhxTR1T+uF0/FRTZyBEgw==",
+      "dependencies": {
+        "@types/hoist-non-react-statics": "^3.3.5",
+        "hoist-non-react-statics": "^3.3.2",
+        "universal-cookie": "^7.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.3.0"
+      }
+    },
+    "services/latexqc/node_modules/react-dropzone": {
+      "version": "14.2.3",
+      "resolved": "https://registry.npmjs.org/react-dropzone/-/react-dropzone-14.2.3.tgz",
+      "integrity": "sha512-O3om8I+PkFKbxCukfIR3QAGftYXDZfOE2N1mr/7qebQJHs7U+/RSL/9xomJNpRg9kM5h9soQSdf0Gc7OHF5Fug==",
+      "dependencies": {
+        "attr-accept": "^2.2.2",
+        "file-selector": "^0.6.0",
+        "prop-types": "^15.8.1"
+      },
+      "engines": {
+        "node": ">= 10.13"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8 || 18.0.0"
+      }
+    },
+    "services/latexqc/node_modules/react-fast-compare": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.2.tgz",
+      "integrity": "sha512-nsO+KSNgo1SbJqJEYRE9ERzo7YtYbou/OqjSQKxV7jcKox7+usiUVZOAC+XnDOABXggQTno0Y1CpVnuWEc1boQ=="
+    },
+    "services/latexqc/node_modules/react-helmet": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/react-helmet/-/react-helmet-6.1.0.tgz",
+      "integrity": "sha512-4uMzEY9nlDlgxr61NL3XbKRy1hEkXmKNXhjbAIOVw5vcFrsdYbH2FEwcNyWvWinl103nXgzYNlns9ca+8kFiWw==",
+      "dependencies": {
+        "object-assign": "^4.1.1",
+        "prop-types": "^15.7.2",
+        "react-fast-compare": "^3.1.1",
+        "react-side-effect": "^2.1.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.3.0"
+      }
+    },
+    "services/latexqc/node_modules/react-helmet/node_modules/react-side-effect": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/react-side-effect/-/react-side-effect-2.1.2.tgz",
+      "integrity": "sha512-PVjOcvVOyIILrYoyGEpDN3vmYNLdy1CajSFNt4TDsVQC5KpTijDvWVoR+/7Rz2xT978D8/ZtFceXxzsPwZEDvw==",
+      "peerDependencies": {
+        "react": "^16.3.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
+    "services/latexqc/node_modules/saxes": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/saxes/-/saxes-6.0.0.tgz",
+      "integrity": "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA==",
+      "dev": true,
+      "dependencies": {
+        "xmlchars": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=v12.22.7"
+      }
+    },
+    "services/latexqc/node_modules/schema-utils": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
+      "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "services/latexqc/node_modules/schema-utils/node_modules/ajv": {
+      "version": "8.17.1",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.17.1.tgz",
+      "integrity": "sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "fast-uri": "^3.0.1",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "services/latexqc/node_modules/schema-utils/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "services/latexqc/node_modules/semver": {
+      "version": "7.6.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.3.tgz",
+      "integrity": "sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "services/latexqc/node_modules/sinon": {
+      "version": "19.0.2",
+      "resolved": "https://registry.npmjs.org/sinon/-/sinon-19.0.2.tgz",
+      "integrity": "sha512-euuToqM+PjO4UgXeLETsfQiuoyPXlqFezr6YZDFwHR3t4qaX0fZUe1MfPMznTL5f8BWrVS89KduLdMUsxFCO6g==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^3.0.1",
+        "@sinonjs/fake-timers": "^13.0.2",
+        "@sinonjs/samsam": "^8.0.1",
+        "diff": "^7.0.0",
+        "nise": "^6.1.1",
+        "supports-color": "^7.2.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/sinon"
+      }
+    },
+    "services/latexqc/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "services/latexqc/node_modules/tr46": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-3.0.0.tgz",
+      "integrity": "sha512-l7FvfAHlcmulp8kr+flpQZmVwtu7nfRV7NZujtN0OqES8EL4O4e0qqzL0DC5gAvx/ZC/9lk6rhcUwYvkBnBnYA==",
+      "dev": true,
+      "dependencies": {
+        "punycode": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "services/latexqc/node_modules/type-detect": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/type-detect/-/type-detect-4.1.0.tgz",
+      "integrity": "sha512-Acylog8/luQ8L7il+geoSxhEkazvkslg7PSNKOX59mbB9cOveP5aq9h74Y7YU8yDpJwetzQQrfIwtf4Wp4LKcw==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "services/latexqc/node_modules/universal-cookie": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/universal-cookie/-/universal-cookie-7.2.0.tgz",
+      "integrity": "sha512-PvcyflJAYACJKr28HABxkGemML5vafHmiL4ICe3e+BEKXRMt0GaFLZhAwgv637kFFnnfiSJ8e6jknrKkMrU+PQ==",
+      "dependencies": {
+        "@types/cookie": "^0.6.0",
+        "cookie": "^0.6.0"
+      }
+    },
+    "services/latexqc/node_modules/w3c-xmlserializer": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/w3c-xmlserializer/-/w3c-xmlserializer-4.0.0.tgz",
+      "integrity": "sha512-d+BFHzbiCx6zGfz0HyQ6Rg69w9k19nviJspaj4yNscGjrHu94sVP+aRm75yEbCh+r2/yR+7q6hux9LVtbuTGBw==",
+      "dev": true,
+      "dependencies": {
+        "xml-name-validator": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "services/latexqc/node_modules/webpack-dev-middleware": {
+      "version": "6.1.3",
+      "resolved": "https://registry.npmjs.org/webpack-dev-middleware/-/webpack-dev-middleware-6.1.3.tgz",
+      "integrity": "sha512-A4ChP0Qj8oGociTs6UdlRUGANIGrCDL3y+pmQMc+dSsraXHCatFpmMey4mYELA+juqwUqwQsUgJJISXl1KWmiw==",
+      "dev": true,
+      "dependencies": {
+        "colorette": "^2.0.10",
+        "memfs": "^3.4.12",
+        "mime-types": "^2.1.31",
+        "range-parser": "^1.2.1",
+        "schema-utils": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 14.15.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "services/latexqc/node_modules/whatwg-url": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-11.0.0.tgz",
+      "integrity": "sha512-RKT8HExMpoYx4igMiVMY83lN6UeITKJlBQ+vR/8ZJ8OCdSiN3RwCq+9gH0+Xzj0+5IrM6i4j/6LuvzbZIQgEcQ==",
+      "dev": true,
+      "dependencies": {
+        "tr46": "^3.0.0",
+        "webidl-conversions": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "services/notifications": {
+      "name": "@overleaf/notifications",
+      "license": "ISC",
+      "dependencies": {
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/settings": "*",
+        "async": "^3.2.5",
+        "body-parser": "^1.20.3",
+        "bunyan": "^1.8.15",
+        "express": "^4.21.2",
+        "method-override": "^3.0.0",
+        "mongodb-legacy": "6.1.3",
+        "request": "^2.88.2"
+      },
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "mocha": "^11.1.0",
+        "sandboxed-module": "^2.0.4",
+        "sinon": "^9.2.4",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/project-history": {
+      "name": "@overleaf/project-history",
+      "dependencies": {
+        "@overleaf/fetch-utils": "*",
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/o-error": "*",
+        "@overleaf/promise-utils": "*",
+        "@overleaf/redis-wrapper": "*",
+        "@overleaf/settings": "*",
+        "async": "^3.2.5",
+        "aws-sdk": "^2.650.0",
+        "body-parser": "^1.20.3",
+        "bunyan": "^1.8.15",
+        "celebrate": "^15.0.3",
+        "diff-match-patch": "overleaf/diff-match-patch#89805f9c671a77a263fc53461acd62aa7498f688",
+        "esmock": "^2.6.3",
+        "express": "^4.21.2",
+        "lodash": "^4.17.20",
+        "minimist": "^1.2.8",
+        "mongodb-legacy": "6.1.3",
+        "overleaf-editor-core": "*",
+        "p-queue": "^8.1.0",
+        "request": "^2.88.2"
+      },
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "mocha": "^11.1.0",
+        "nock": "^13.5.3",
+        "sinon": "~9.0.1",
+        "sinon-chai": "^3.7.0",
+        "timekeeper": "2.2.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/project-history/node_modules/diff": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+      "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
+    "services/project-history/node_modules/sinon": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/sinon/-/sinon-9.0.3.tgz",
+      "integrity": "sha512-IKo9MIM111+smz9JGwLmw5U1075n1YXeAq8YeSFlndCLhAL5KGn6bLgu7b/4AYHTV/LcEMcRm2wU2YiL55/6Pg==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^1.7.2",
+        "@sinonjs/fake-timers": "^6.0.1",
+        "@sinonjs/formatio": "^5.0.1",
+        "@sinonjs/samsam": "^5.1.0",
+        "diff": "^4.0.2",
+        "nise": "^4.0.4",
+        "supports-color": "^7.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/sinon"
+      }
+    },
+    "services/project-history/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "services/real-time": {
+      "name": "@overleaf/real-time",
+      "dependencies": {
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/o-error": "*",
+        "@overleaf/redis-wrapper": "*",
+        "@overleaf/settings": "*",
+        "async": "^3.2.5",
+        "base64id": "0.1.0",
+        "body-parser": "^1.20.3",
+        "bunyan": "^1.8.15",
+        "connect-redis": "^6.1.3",
+        "cookie-parser": "^1.4.6",
+        "express": "^4.21.2",
+        "express-session": "^1.17.1",
+        "joi": "^17.12.0",
+        "lodash": "^4.17.21",
+        "proxy-addr": "^2.0.7",
+        "request": "^2.88.2",
+        "socket.io": "github:overleaf/socket.io#0.9.19-overleaf-11",
+        "socket.io-client": "github:overleaf/socket.io-client#0.9.17-overleaf-5"
+      },
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "cookie-signature": "^1.1.0",
+        "mocha": "^11.1.0",
+        "sandboxed-module": "~0.3.0",
+        "sinon": "^9.2.4",
+        "sinon-chai": "^3.7.0",
+        "timekeeper": "0.0.4",
+        "typescript": "^5.0.4",
+        "uid-safe": "^2.1.5"
+      }
+    },
+    "services/real-time/node_modules/sandboxed-module": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/sandboxed-module/-/sandboxed-module-0.3.0.tgz",
+      "integrity": "sha1-8fvvvYCaT2kHO9B8rm/H2y6vX2o=",
+      "dev": true,
+      "dependencies": {
+        "require-like": "0.1.2",
+        "stack-trace": "0.0.6"
+      }
+    },
+    "services/real-time/node_modules/stack-trace": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.6.tgz",
+      "integrity": "sha1-HnGb1qJin/CcGJ4Xqe+QKpT8XbA=",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "services/real-time/node_modules/timekeeper": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmjs.org/timekeeper/-/timekeeper-0.0.4.tgz",
+      "integrity": "sha1-kNt58X2Ni1NiFUOJSSuXJ2LP0nY=",
+      "dev": true
+    },
+    "services/references": {
+      "name": "@overleaf/references",
+      "dependencies": {
+        "@overleaf/fetch-utils": "*",
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/o-error": "*",
+        "@overleaf/redis-wrapper": "*",
+        "@overleaf/settings": "*",
+        "async": "^3.2.5",
+        "bunyan": "^1.8.15",
+        "express": "^4.21.2",
+        "ioredis": "^4.16.1",
+        "lodash": "^4.17.19"
+      },
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "esmock": "^2.6.9",
+        "mocha": "^11.1.0",
+        "mongodb": "6.12.0",
+        "sinon": "^9.2.4",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/references/node_modules/esmock": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/esmock/-/esmock-2.6.9.tgz",
+      "integrity": "sha512-SJ5YnoWi8yuGghBrupScARmIcUh2A2a2gIfdVRtQ2MQpQo91wMWHx/fsN0ZDERLAUso1ea4Q/9CKCL88O5MEpg==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.16.0"
+      }
+    },
+    "services/spelling": {
+      "name": "@overleaf/spelling",
+      "version": "0.1.4",
+      "extraneous": true,
+      "dependencies": {
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/o-error": "*",
+        "@overleaf/settings": "*",
+        "async": "^3.2.5",
+        "body-parser": "^1.20.3",
+        "bunyan": "^1.8.15",
+        "express": "^4.21.0",
+        "lru-cache": "^5.1.1",
+        "request": "^2.88.2",
+        "underscore": "1.13.1"
+      },
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "esmock": "^2.6.3",
+        "mocha": "^10.2.0",
+        "sinon": "^9.2.4",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/templates": {
+      "name": "@overleaf/templates",
+      "dependencies": {
+        "@overleaf/fetch-utils": "*",
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/promise-utils": "*",
+        "@overleaf/settings": "*",
+        "args-js": "0.10.12",
+        "async": "^3.2.5",
+        "body-parser": "^1.20.3",
+        "bunyan": "^1.8.15",
+        "express": "^4.21.2",
+        "install": "^0.13.0",
+        "lodash": "^4.17.21",
+        "marked": "^4.1.0",
+        "method-override": "^3.0.0",
+        "mongoose": "^8.9.5",
+        "request": "^2.88.2"
+      },
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "mocha": "^11.1.0",
+        "sandboxed-module": "^2.0.4",
+        "sinon": "^9.2.4",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/third-party-datastore": {
+      "name": "@overleaf/third-party-datastore",
+      "dependencies": {
+        "@overleaf/access-token-encryptor": "*",
+        "@overleaf/fetch-utils": "*",
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/o-error": "*",
+        "@overleaf/settings": "*",
+        "async": "^3.2.5",
+        "body-parser": "^1.20.3",
+        "bunyan": "^1.8.15",
+        "dropbox": "^10.34.0",
+        "express": "^4.21.2",
+        "lodash": "^4.17.21",
+        "lru-cache": "^4.1.5",
+        "minimatch": "^7.4.2",
+        "minimist": "^1.2.8",
+        "mongodb-legacy": "6.1.3",
+        "node-fetch": "^2.7.0",
+        "p-limit": "^2.3.0"
+      },
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "mocha": "^11.1.0",
+        "sandboxed-module": "^2.0.4",
+        "sinon": "9.0.1",
+        "sinon-chai": "^3.7.0",
+        "sinon-stub-promise": "^4.0.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/third-party-datastore/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "services/third-party-datastore/node_modules/diff": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+      "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
+    "services/third-party-datastore/node_modules/lru-cache": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-4.1.5.tgz",
+      "integrity": "sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==",
+      "dependencies": {
+        "pseudomap": "^1.0.2",
+        "yallist": "^2.1.2"
+      }
+    },
+    "services/third-party-datastore/node_modules/minimatch": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-7.4.2.tgz",
+      "integrity": "sha512-xy4q7wou3vUoC9k1xGTXc+awNdGaGVHtFUaey8tiX4H1QRc04DZ/rmDFwNm2EBsuYEhAZ6SgMmYf3InGY6OauA==",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "services/third-party-datastore/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "services/third-party-datastore/node_modules/sinon": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/sinon/-/sinon-9.0.1.tgz",
+      "integrity": "sha512-iTTyiQo5T94jrOx7X7QLBZyucUJ2WvL9J13+96HMfm2CGoJYbIPqRfl6wgNcqmzk0DI28jeGx5bUTXizkrqBmg==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^1.7.0",
+        "@sinonjs/fake-timers": "^6.0.0",
+        "@sinonjs/formatio": "^5.0.1",
+        "@sinonjs/samsam": "^5.0.3",
+        "diff": "^4.0.2",
+        "nise": "^4.0.1",
+        "supports-color": "^7.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/sinon"
+      }
+    },
+    "services/third-party-datastore/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "services/third-party-datastore/node_modules/yallist": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",
+      "integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI="
+    },
+    "services/third-party-references": {
+      "name": "@overleaf/thirdparty-references",
+      "license": "ISC",
+      "dependencies": {
+        "@overleaf/access-token-encryptor": "*",
+        "@overleaf/fetch-utils": "*",
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/o-error": "*",
+        "@overleaf/promise-utils": "*",
+        "@overleaf/settings": "*",
+        "async": "^3.2.5",
+        "body-parser": "^1.20.3",
+        "bunyan": "^1.8.15",
+        "express": "^4.21.0",
+        "lodash": "^4.17.21",
+        "lru-cache": "^5.1.1",
+        "mongodb-legacy": "6.1.3",
+        "oauth": "0.9.15",
+        "request": "^2.88.2",
+        "simple-oauth2": "^5.0.0"
+      },
+      "devDependencies": {
+        "@types/simple-oauth2": "^5.0.7",
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "esmock": "^2.6.3",
+        "mocha": "^11.1.0",
+        "sinon": "9.0.2",
+        "sinon-chai": "^3.7.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/third-party-references/node_modules/diff": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
+      "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
+    "services/third-party-references/node_modules/sinon": {
+      "version": "9.0.2",
+      "resolved": "https://registry.npmjs.org/sinon/-/sinon-9.0.2.tgz",
+      "integrity": "sha512-0uF8Q/QHkizNUmbK3LRFqx5cpTttEVXudywY9Uwzy8bTfZUhljZ7ARzSxnRHWYWtVTeh4Cw+tTb3iU21FQVO9A==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^1.7.2",
+        "@sinonjs/fake-timers": "^6.0.1",
+        "@sinonjs/formatio": "^5.0.1",
+        "@sinonjs/samsam": "^5.0.3",
+        "diff": "^4.0.2",
+        "nise": "^4.0.1",
+        "supports-color": "^7.1.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/sinon"
+      }
+    },
+    "services/third-party-references/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "services/tpdsworker": {
+      "name": "@overleaf/tpdsworker",
+      "dependencies": {
+        "@overleaf/fetch-utils": "*",
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/o-error": "*",
+        "@overleaf/redis-wrapper": "*",
+        "@overleaf/settings": "*",
+        "body-parser": "^1.20.3",
+        "bunyan": "^1.8.15",
+        "dtrace-provider": "^0.8.8",
+        "express": "^4.21.2",
+        "express-basic-auth": "^1.2.0",
+        "ioredis": "^4.16.0",
+        "lodash": "^4.17.15",
+        "redlock": "^4.1.0",
+        "request": "^2.88.2"
+      },
+      "devDependencies": {
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "chai-http": "^4.4.0",
+        "mocha": "^11.1.0",
+        "typescript": "^5.0.4"
+      }
+    },
+    "services/web": {
+      "name": "@overleaf/web",
+      "dependencies": {
+        "@contentful/rich-text-html-renderer": "^16.0.2",
+        "@contentful/rich-text-types": "^16.0.2",
+        "@google-cloud/bigquery": "^6.0.1",
+        "@node-oauth/oauth2-server": "^5.1.0",
+        "@node-saml/passport-saml": "^4.0.4",
+        "@overleaf/access-token-encryptor": "*",
+        "@overleaf/fetch-utils": "*",
+        "@overleaf/logger": "*",
+        "@overleaf/metrics": "*",
+        "@overleaf/mongo-utils": "*",
+        "@overleaf/o-error": "*",
+        "@overleaf/object-persistor": "*",
+        "@overleaf/promise-utils": "*",
+        "@overleaf/redis-wrapper": "*",
+        "@overleaf/settings": "*",
+        "@phosphor-icons/react": "^2.1.7",
+        "@slack/webhook": "^7.0.2",
+        "@stripe/react-stripe-js": "^3.1.1",
+        "@stripe/stripe-js": "^5.6.0",
+        "@xmldom/xmldom": "^0.7.13",
+        "accepts": "^1.3.7",
+        "ajv": "^8.12.0",
+        "archiver": "^5.3.0",
+        "async": "^3.2.5",
+        "base-x": "^4.0.0",
+        "basic-auth": "^2.0.1",
+        "bcrypt": "^5.0.0",
+        "body-parser": "^1.20.3",
+        "bowser": "^2.11.0",
+        "bull": "^3.18.0",
+        "bunyan": "^1.8.15",
+        "cache-flow": "^1.9.0",
+        "celebrate": "^15.0.3",
+        "connect-redis": "^6.1.3",
+        "content-disposition": "^0.5.0",
+        "contentful": "^10.8.5",
+        "cookie": "^0.2.3",
+        "cookie-parser": "1.4.6",
+        "crc-32": "^1.2.2",
+        "csurf": "^1.11.0",
+        "csv": "^6.2.5",
+        "dateformat": "1.0.4-1.2.3",
+        "east": "^2.0.2",
+        "ejs": "^3.1.10",
+        "email-addresses": "^5.0.0",
+        "eventsource-parser": "^1.1.2",
+        "express": "^4.21.2",
+        "express-bearer-token": "^2.4.0",
+        "express-http-proxy": "^1.6.0",
+        "express-session": "^1.17.1",
+        "globby": "^5.0.0",
+        "helmet": "^6.0.1",
+        "https-proxy-agent": "^7.0.6",
+        "i18next": "^23.10.0",
+        "i18next-fs-backend": "^2.3.1",
+        "i18next-http-middleware": "^3.5.0",
+        "joi": "^17.12.0",
+        "jose": "^4.3.8",
+        "json2csv": "^4.3.3",
+        "jsonwebtoken": "^9.0.0",
+        "lodash": "^4.17.19",
+        "lru-cache": "^7.10.1",
+        "marked": "^4.1.0",
+        "method-override": "^2.3.3",
+        "minimatch": "^7.4.2",
+        "minimist": "^1.2.7",
+        "mmmagic": "^0.5.3",
+        "moment": "^2.29.4",
+        "mongodb-legacy": "6.1.3",
+        "mongoose": "8.9.5",
+        "multer": "overleaf/multer#e1df247fbf8e7590520d20ae3601eaef9f3d2e9e",
+        "nocache": "^2.1.0",
+        "node-fetch": "^2.7.0",
+        "nodemailer": "^6.7.0",
+        "nodemailer-ses-transport": "^1.5.1",
+        "on-headers": "^1.0.2",
+        "otplib": "^12.0.1",
+        "p-limit": "^2.3.0",
+        "p-props": "4.0.0",
+        "p-queue": "^8.1.0",
+        "parse-data-url": "^2.0.0",
+        "passport": "^0.6.0",
+        "passport-google-oauth20": "^2.0.0",
+        "passport-ldapauth": "^2.1.4",
+        "passport-local": "^1.0.0",
+        "passport-oauth2": "^1.5.0",
+        "passport-orcid": "0.0.4",
+        "pug": "^3.0.3",
+        "pug-runtime": "^3.0.1",
+        "rate-limiter-flexible": "^2.4.1",
+        "recurly": "^4.0.0",
+        "referer-parser": "github:overleaf/nodejs-referer-parser#8b8b103762d05b7be4cfa2f810e1d408be67d7bb",
+        "request": "^2.88.2",
+        "requestretry": "^7.1.0",
+        "sanitize-html": "^2.8.1",
+        "stripe": "^17.7.0",
+        "tough-cookie": "^4.0.0",
+        "tsscmp": "^1.0.6",
+        "uid-safe": "^2.1.5",
+        "utf-8-validate": "^5.0.2",
+        "valid-data-url": "^2.0.0",
+        "valid-url": "^1.0.9",
+        "xml-crypto": "^2.1.6",
+        "xml2js": "^0.6.2",
+        "xregexp": "^4.3.0",
+        "yauzl": "^2.10.0"
+      },
+      "devDependencies": {
+        "@babel/cli": "^7.24.8",
+        "@babel/core": "^7.25.2",
+        "@babel/preset-env": "^7.25.3",
+        "@babel/preset-react": "^7.24.7",
+        "@babel/preset-typescript": "^7.24.7",
+        "@babel/register": "^7.24.6",
+        "@codemirror/autocomplete": "github:overleaf/codemirror-autocomplete#6445cd056671c98d12d1c597ba705e11327ec4c5",
+        "@codemirror/commands": "^6.8.0",
+        "@codemirror/lang-markdown": "^6.3.2",
+        "@codemirror/language": "^6.10.8",
+        "@codemirror/lint": "^6.8.4",
+        "@codemirror/search": "github:overleaf/codemirror-search#04380a528c339cd4b78fb10b3ef017f657ec17bd",
+        "@codemirror/state": "^6.5.2",
+        "@codemirror/view": "^6.36.3",
+        "@juggle/resize-observer": "^3.3.1",
+        "@lezer/common": "^1.2.3",
+        "@lezer/generator": "^1.7.1",
+        "@lezer/highlight": "^1.2.1",
+        "@lezer/lr": "^1.4.2",
+        "@lezer/markdown": "^1.3.2",
+        "@overleaf/codemirror-tree-view": "^0.1.3",
+        "@overleaf/dictionaries": "https://github.com/overleaf/dictionaries/archive/refs/tags/v0.0.3.tar.gz",
+        "@overleaf/ranges-tracker": "*",
+        "@overleaf/stream-utils": "*",
+        "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
+        "@pollyjs/adapter-node-http": "^6.0.6",
+        "@pollyjs/core": "^6.0.6",
+        "@pollyjs/persister-fs": "^6.0.6",
+        "@replit/codemirror-emacs": "overleaf/codemirror-emacs#4394c03858f27053f8768258e9493866e06e938e",
+        "@replit/codemirror-indentation-markers": "overleaf/codemirror-indentation-markers#78264032eb286bc47871569ae87bff5ca1c6c161",
+        "@replit/codemirror-vim": "overleaf/codemirror-vim#1bef138382d948018f3f9b8a4d7a70ab61774e4b",
+        "@sentry/browser": "7.46.0",
+        "@storybook/addon-a11y": "^8.6.4",
+        "@storybook/addon-essentials": "^8.6.4",
+        "@storybook/addon-interactions": "^8.6.4",
+        "@storybook/addon-links": "^8.6.4",
+        "@storybook/addon-styling-webpack": "^1.0.1",
+        "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
+        "@storybook/cli": "^8.6.4",
+        "@storybook/react": "^8.6.4",
+        "@storybook/react-webpack5": "^8.6.4",
+        "@storybook/theming": "^8.6.4",
+        "@testing-library/cypress": "^10.0.1",
+        "@testing-library/dom": "^9.3.0",
+        "@testing-library/react": "^12.1.5",
+        "@testing-library/react-hooks": "^8.0.1",
+        "@testing-library/user-event": "^14.4.3",
+        "@types/bootstrap": "^5.2.10",
+        "@types/bootstrap-5": "npm:@types/bootstrap@^5.2.10",
+        "@types/chai": "^4.3.0",
+        "@types/dateformat": "^5.0.2",
+        "@types/diff": "^5.0.9",
+        "@types/events": "^3.0.0",
+        "@types/express": "^4.17.13",
+        "@types/mocha": "^9.1.0",
+        "@types/mocha-each": "^2.0.0",
+        "@types/react": "^17.0.40",
+        "@types/react-bootstrap": "^0.32.36",
+        "@types/react-color": "^3.0.6",
+        "@types/react-dom": "^17.0.13",
+        "@types/react-google-recaptcha": "^2.1.5",
+        "@types/react-linkify": "^1.0.0",
+        "@types/recurly__recurly-js": "^4.22.0",
+        "@types/sinon-chai": "^3.2.8",
+        "@types/uuid": "^9.0.8",
+        "@uppy/core": "^3.8.0",
+        "@uppy/dashboard": "^3.7.1",
+        "@uppy/drag-drop": "^3.0.3",
+        "@uppy/file-input": "^3.0.4",
+        "@uppy/progress-bar": "^3.0.4",
+        "@uppy/react": "^3.2.1",
+        "@uppy/utils": "^5.7.0",
+        "@uppy/xhr-upload": "^3.6.0",
+        "5to6-codemod": "^1.8.0",
+        "abort-controller": "^3.0.0",
+        "acorn": "^7.1.1",
+        "acorn-walk": "^7.1.1",
+        "algoliasearch": "^3.35.1",
+        "autoprefixer": "^10.4.16",
+        "babel-loader": "^9.1.3",
+        "babel-plugin-macros": "^3.1.0",
+        "babel-plugin-module-resolver": "^5.0.2",
+        "backbone": "^1.6.0",
+        "bootstrap": "^3.4.1",
+        "bootstrap-5": "npm:bootstrap@^5.3.3",
+        "c8": "^7.2.0",
+        "chai": "^4.3.6",
+        "chai-as-promised": "^7.1.1",
+        "chai-exclude": "^2.0.3",
+        "chart.js": "^4.0.1",
+        "chartjs-adapter-moment": "^1.0.1",
+        "chartjs-plugin-datalabels": "^2.2.0",
+        "cheerio": "^1.0.0-rc.3",
+        "classnames": "^2.2.6",
+        "cookie-signature": "^1.2.1",
+        "copy-webpack-plugin": "^11.0.0",
+        "core-js": "^3.38.1",
+        "css-loader": "^6.8.1",
+        "css-minimizer-webpack-plugin": "^5.0.1",
+        "cypress": "13.13.2",
+        "cypress-plugin-tab": "^1.0.5",
+        "d3": "^3.5.16",
+        "daterangepicker": "2.1.27",
+        "diff": "^5.1.0",
+        "dompurify": "^3.2.4",
+        "downshift": "^6.1.0",
+        "es6-promise": "^4.2.8",
+        "escodegen": "^2.0.0",
+        "eslint-config-standard-jsx": "^11.0.0",
+        "eslint-plugin-jsx-a11y": "^6.7.1",
+        "eslint-plugin-react": "^7.32.2",
+        "eslint-plugin-react-hooks": "^4.6.0",
+        "eslint-plugin-testing-library": "^7.1.1",
+        "eslint-plugin-unicorn": "^56.0.0",
+        "esmock": "^2.6.7",
+        "events": "^3.3.0",
+        "fake-indexeddb": "^6.0.0",
+        "fetch-mock": "^12.5.2",
+        "formik": "^2.2.9",
+        "fuse.js": "^3.0.0",
+        "glob": "^7.1.6",
+        "handlebars": "^4.7.8",
+        "handlebars-loader": "^1.7.3",
+        "html-webpack-plugin": "^5.5.3",
+        "i18next-scanner": "^4.4.0",
+        "jquery": "^3.7.1",
+        "jscodeshift": "^17.0.0",
+        "jsdom": "^19.0.0",
+        "jsdom-global": "^3.0.2",
+        "less": "^3.13.1",
+        "less-loader": "^11.1.3",
+        "match-sorter": "^6.2.0",
+        "mathjax": "^3.2.2",
+        "mensch": "^0.3.4",
+        "micromark": "^4.0.0",
+        "mini-css-extract-plugin": "^2.7.6",
+        "mocha": "^11.1.0",
+        "mocha-each": "^2.0.1",
+        "mock-fs": "^5.1.2",
+        "nock": "^13.5.6",
+        "nvd3": "^1.8.6",
+        "overleaf-editor-core": "*",
+        "pdfjs-dist": "4.10.38",
+        "pirates": "^4.0.1",
+        "postcss": "^8.4.31",
+        "postcss-loader": "^7.3.3",
+        "prop-types": "^15.7.2",
+        "qrcode": "^1.4.4",
+        "react": "^17.0.2",
+        "react-bootstrap-5": "npm:react-bootstrap@^2.10.5",
+        "react-chartjs-2": "^5.0.1",
+        "react-color": "^2.19.3",
+        "react-dnd": "^16.0.1",
+        "react-dnd-html5-backend": "^16.0.1",
+        "react-dom": "^17.0.2",
+        "react-error-boundary": "^2.3.1",
+        "react-google-recaptcha": "^3.1.0",
+        "react-i18next": "^13.3.1",
+        "react-linkify": "^1.0.0-alpha",
+        "react-refresh": "^0.14.0",
+        "react-resizable-panels": "^2.1.1",
+        "resolve-url-loader": "^5.0.0",
+        "samlp": "^7.0.2",
+        "sandboxed-module": "overleaf/node-sandboxed-module#cafa2d60f17ce75cc023e6f296eb8de79d92d35d",
+        "sass": "^1.77.1",
+        "sass-loader": "^14.2.1",
+        "scroll-into-view-if-needed": "^2.2.25",
+        "sinon": "^7.5.0",
+        "sinon-chai": "^3.7.0",
+        "sinon-mongoose": "^2.3.0",
+        "storybook": "^8.6.4",
+        "stylelint-config-standard-scss": "^13.1.0",
+        "terser-webpack-plugin": "^5.3.9",
+        "thread-loader": "^4.0.2",
+        "timekeeper": "^2.2.0",
+        "to-string-loader": "^1.2.0",
+        "tty-browserify": "^0.0.1",
+        "typescript": "^5.0.4",
+        "uuid": "^9.0.1",
+        "w3c-keyname": "^2.2.8",
+        "webpack": "^5.98.0",
+        "webpack-assets-manifest": "^5.2.1",
+        "webpack-cli": "^5.1.4",
+        "webpack-dev-server": "^5.2.0",
+        "webpack-merge": "^5.10.0",
+        "yup": "^0.32.11"
+      }
+    },
+    "services/web/node_modules/@babel/runtime": {
+      "version": "7.25.7",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.7.tgz",
+      "integrity": "sha512-FjoyLe754PMiYsFaN5C94ttGiOmBNYTf6pLr4xXHAT5uctHb092PBszndLDR5XA/jghQvn4n7JMHl7dmTgbm9w==",
+      "dev": true,
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "services/web/node_modules/@google-cloud/bigquery": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/@google-cloud/bigquery/-/bigquery-6.0.3.tgz",
+      "integrity": "sha512-BP464228S9dqDCb4dR99h9D8+N498YZi/AZvoOJUaieg2H6qbiYBE1xlYuaMvyV1WEQT/2/yZTCJnCo5WiaY0Q==",
+      "dependencies": {
+        "@google-cloud/common": "^4.0.0",
+        "@google-cloud/paginator": "^4.0.0",
+        "@google-cloud/promisify": "^3.0.0",
+        "arrify": "^2.0.1",
+        "big.js": "^6.0.0",
+        "duplexify": "^4.0.0",
+        "extend": "^3.0.2",
+        "is": "^3.3.0",
+        "p-event": "^4.1.0",
+        "readable-stream": "^4.0.0",
+        "stream-events": "^1.0.5",
+        "uuid": "^8.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "services/web/node_modules/@google-cloud/bigquery/node_modules/readable-stream": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-4.2.0.tgz",
+      "integrity": "sha512-gJrBHsaI3lgBoGMW/jHZsQ/o/TIWiu5ENCJG1BB7fuCKzpFM8GaS2UoBVt9NO+oI+3FcrBNbUkl3ilDe09aY4A==",
+      "dependencies": {
+        "abort-controller": "^3.0.0",
+        "buffer": "^6.0.3",
+        "events": "^3.3.0",
+        "process": "^0.11.10"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "services/web/node_modules/@google-cloud/bigquery/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "services/web/node_modules/@google-cloud/common": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/@google-cloud/common/-/common-4.0.3.tgz",
+      "integrity": "sha512-fUoMo5b8iAKbrYpneIRV3z95AlxVJPrjpevxs4SKoclngWZvTXBSGpNisF5+x5m+oNGve7jfB1e6vNBZBUs7Fw==",
+      "dependencies": {
+        "@google-cloud/projectify": "^3.0.0",
+        "@google-cloud/promisify": "^3.0.0",
+        "arrify": "^2.0.1",
+        "duplexify": "^4.1.1",
+        "ent": "^2.2.0",
+        "extend": "^3.0.2",
+        "google-auth-library": "^8.0.2",
+        "retry-request": "^5.0.0",
+        "teeny-request": "^8.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "services/web/node_modules/@google-cloud/paginator": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/@google-cloud/paginator/-/paginator-4.0.1.tgz",
+      "integrity": "sha512-6G1ui6bWhNyHjmbYwavdN7mpVPRBtyDg/bfqBTAlwr413On2TnFNfDxc9UhTJctkgoCDgQXEKiRPLPR9USlkbQ==",
+      "dependencies": {
+        "arrify": "^2.0.0",
+        "extend": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "services/web/node_modules/@google-cloud/projectify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/@google-cloud/projectify/-/projectify-3.0.0.tgz",
+      "integrity": "sha512-HRkZsNmjScY6Li8/kb70wjGlDDyLkVk3KvoEo9uIoxSjYLJasGiCch9+PqRVDOCGUFvEIqyogl+BeqILL4OJHA==",
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "services/web/node_modules/@google-cloud/promisify": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@google-cloud/promisify/-/promisify-3.0.1.tgz",
+      "integrity": "sha512-z1CjRjtQyBOYL+5Qr9DdYIfrdLBe746jRTYfaYU6MeXkqp7UfYs/jX16lFFVzZ7PGEJvqZNqYUEtb1mvDww4pA==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "services/web/node_modules/@overleaf/dictionaries": {
+      "version": "0.0.3",
+      "resolved": "https://github.com/overleaf/dictionaries/archive/refs/tags/v0.0.3.tar.gz",
+      "integrity": "sha512-/VJRrwY62Va2M4K5BE5UMruJHgKPGp0SGQkY/nrrQpBbHhMuTVoRtXkR+hcOfi1Iu6SO0vcwiK+L7xzs+fZmXQ==",
+      "dev": true
+    },
+    "services/web/node_modules/@sentry/browser": {
+      "version": "7.46.0",
+      "resolved": "https://registry.npmjs.org/@sentry/browser/-/browser-7.46.0.tgz",
+      "integrity": "sha512-4rX9hKPjxzfH5LhZzO5DlS5NXQ8qZg2ibepaqEgcDHrpYh5813mjjnE4OQA8wiZ6WuG3xKFgHBrGeliD5jXz9w==",
+      "dev": true,
+      "dependencies": {
+        "@sentry-internal/tracing": "7.46.0",
+        "@sentry/core": "7.46.0",
+        "@sentry/replay": "7.46.0",
+        "@sentry/types": "7.46.0",
+        "@sentry/utils": "7.46.0",
+        "tslib": "^1.9.3"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "services/web/node_modules/@sentry/browser/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "dev": true
+    },
+    "services/web/node_modules/@sentry/core": {
+      "version": "7.46.0",
+      "resolved": "https://registry.npmjs.org/@sentry/core/-/core-7.46.0.tgz",
+      "integrity": "sha512-BnNHGh/ZTztqQedFko7vb2u6yLs/kWesOQNivav32ZbsEpVCjcmG1gOJXh2YmGIvj3jXOC9a4xfIuh+lYFcA6A==",
+      "dev": true,
+      "dependencies": {
+        "@sentry/types": "7.46.0",
+        "@sentry/utils": "7.46.0",
+        "tslib": "^1.9.3"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "services/web/node_modules/@sentry/core/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "dev": true
+    },
+    "services/web/node_modules/@sentry/types": {
+      "version": "7.46.0",
+      "resolved": "https://registry.npmjs.org/@sentry/types/-/types-7.46.0.tgz",
+      "integrity": "sha512-2FMEMgt2h6u7AoELhNhu9L54GAh67KKfK2pJ1kEXJHmWxM9FSCkizjLs/t+49xtY7jEXr8qYq8bV967VfDPQ9g==",
+      "dev": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "services/web/node_modules/@sentry/utils": {
+      "version": "7.46.0",
+      "resolved": "https://registry.npmjs.org/@sentry/utils/-/utils-7.46.0.tgz",
+      "integrity": "sha512-elRezDAF84guMG0OVIIZEWm6wUpgbda4HGks98CFnPsrnMm3N1bdBI9XdlxYLtf+ir5KsGR5YlEIf/a0kRUwAQ==",
+      "dev": true,
+      "dependencies": {
+        "@sentry/types": "7.46.0",
+        "tslib": "^1.9.3"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "services/web/node_modules/@sentry/utils/node_modules/tslib": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz",
+      "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==",
+      "dev": true
+    },
+    "services/web/node_modules/@sinonjs/formatio": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/@sinonjs/formatio/-/formatio-3.2.2.tgz",
+      "integrity": "sha512-B8SEsgd8gArBLMD6zpRw3juQ2FVSsmdd7qlevyDqzS9WTCtvF55/gAL+h6gue8ZvPYcdiPdvueM/qm//9XzyTQ==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^1",
+        "@sinonjs/samsam": "^3.1.0"
+      }
+    },
+    "services/web/node_modules/@sinonjs/samsam": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/@sinonjs/samsam/-/samsam-3.3.3.tgz",
+      "integrity": "sha512-bKCMKZvWIjYD0BLGnNrxVuw4dkWCYsLqFOUWw8VgKF/+5Y+mE7LfHWPIYoDXowH+3a9LsWDMo0uAP8YDosPvHQ==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^1.3.0",
+        "array-from": "^2.1.1",
+        "lodash": "^4.17.15"
+      }
+    },
+    "services/web/node_modules/@testing-library/dom": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.0.tgz",
+      "integrity": "sha512-Dffe68pGwI6WlLRYR2I0piIkyole9cSBH5jGQKCGMRpHW5RHCqAUaqc2Kv0tUyd4dU4DLPKhJIjyKOnjv4tuUw==",
+      "dev": true,
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^5.0.1",
+        "aria-query": "^5.0.0",
+        "chalk": "^4.1.0",
+        "dom-accessibility-api": "^0.5.9",
+        "lz-string": "^1.5.0",
+        "pretty-format": "^27.0.2"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "services/web/node_modules/@types/aria-query": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.1.tgz",
+      "integrity": "sha512-XTIieEY+gvJ39ChLcB4If5zHtPxt3Syj5rgZR+e1ctpmK8NjPf0zFqsz4JpLJT0xla9GFDKjy8Cpu331nrmE1Q==",
+      "dev": true
+    },
+    "services/web/node_modules/@types/express": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.21.tgz",
+      "integrity": "sha512-ejlPM315qwLpaQlQDTjPdsUFSc6ZsP4AN6AlWnogPjQ7CVi7PYF3YVz+CY3jE2pwYf7E/7HlDAN0rV2GxTG0HQ==",
+      "dev": true,
+      "dependencies": {
+        "@types/body-parser": "*",
+        "@types/express-serve-static-core": "^4.17.33",
+        "@types/qs": "*",
+        "@types/serve-static": "*"
+      }
+    },
+    "services/web/node_modules/@types/mocha": {
+      "version": "9.1.1",
+      "resolved": "https://registry.npmjs.org/@types/mocha/-/mocha-9.1.1.tgz",
+      "integrity": "sha512-Z61JK7DKDtdKTWwLeElSEBcWGRLY8g95ic5FoQqI9CMx0ns/Ghep3B4DfcEimiKMvtamNVULVNKEsiwV3aQmXw==",
+      "dev": true
+    },
+    "services/web/node_modules/@uppy/companion-client": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npmjs.org/@uppy/companion-client/-/companion-client-3.7.0.tgz",
+      "integrity": "sha512-37qJNMkqo01SM9h2gkFbV6e+aXM02s2zAda2dGsRLRsjvl/Tx69NlmxJ3xqG/7HWRnYcbBWtspb7y0tt1i/afg==",
+      "dev": true,
+      "dependencies": {
+        "@uppy/utils": "^5.7.0",
+        "namespace-emitter": "^2.0.1",
+        "p-retry": "^6.1.0"
+      }
+    },
+    "services/web/node_modules/@uppy/core": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/@uppy/core/-/core-3.8.0.tgz",
+      "integrity": "sha512-C93vVhid929+VLGjaD9CZOLJDg8GkEGMUGveFp3Tyo/wujiG+sB3fOF+c6TzKpzPLfNtVpskU1BnI7tZrq1LWw==",
+      "dev": true,
+      "dependencies": {
+        "@transloadit/prettier-bytes": "0.0.9",
+        "@uppy/store-default": "^3.2.0",
+        "@uppy/utils": "^5.7.0",
+        "lodash": "^4.17.21",
+        "mime-match": "^1.0.2",
+        "namespace-emitter": "^2.0.1",
+        "nanoid": "^4.0.0",
+        "preact": "^10.5.13"
+      }
+    },
+    "services/web/node_modules/@uppy/core/node_modules/@transloadit/prettier-bytes": {
+      "version": "0.0.9",
+      "resolved": "https://registry.npmjs.org/@transloadit/prettier-bytes/-/prettier-bytes-0.0.9.tgz",
+      "integrity": "sha512-pCvdmea/F3Tn4hAtHqNXmjcixSaroJJ+L3STXlYJdir1g1m2mRQpWbN8a4SvgQtaw2930Ckhdx8qXdXBFMKbAA==",
+      "dev": true
+    },
+    "services/web/node_modules/@uppy/dashboard": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/@uppy/dashboard/-/dashboard-3.7.1.tgz",
+      "integrity": "sha512-qtCMXd2Ymrw0qNGSTlEEMyyDkGUCm+wX5/VrmV9lnfT7JtlSfotUK0K6KvkBeu2v1Chsu27C6Xlq6RddZMR2xQ==",
+      "dev": true,
+      "dependencies": {
+        "@transloadit/prettier-bytes": "0.0.7",
+        "@uppy/informer": "^3.0.4",
+        "@uppy/provider-views": "^3.7.0",
+        "@uppy/status-bar": "^3.2.5",
+        "@uppy/thumbnail-generator": "^3.0.6",
+        "@uppy/utils": "^5.6.0",
+        "classnames": "^2.2.6",
+        "is-shallow-equal": "^1.0.1",
+        "lodash": "^4.17.21",
+        "memoize-one": "^6.0.0",
+        "nanoid": "^4.0.0",
+        "preact": "^10.5.13"
+      },
+      "peerDependencies": {
+        "@uppy/core": "^3.7.1"
+      }
+    },
+    "services/web/node_modules/@uppy/drag-drop": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@uppy/drag-drop/-/drag-drop-3.0.3.tgz",
+      "integrity": "sha512-0bCgQKxg+9vkxQipTgrX9yQIuK9a0hZrkipm1+Ynq6jTeig49b7II1bWYnoKdiYhi6nRE4UnDJf4z09yCAU7rA==",
+      "dev": true,
+      "dependencies": {
+        "@uppy/utils": "^5.4.3",
+        "preact": "^10.5.13"
+      },
+      "peerDependencies": {
+        "@uppy/core": "^3.4.0"
+      }
+    },
+    "services/web/node_modules/@uppy/file-input": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@uppy/file-input/-/file-input-3.0.4.tgz",
+      "integrity": "sha512-D7Nw9GgpABYTcC8SZluDyxd+ppe7+gJejNbPZqMpQyW1S/ME3me55dkDQaVWn8yrgv7347zO2ciue9Rfmko+rQ==",
+      "dev": true,
+      "dependencies": {
+        "@uppy/utils": "^5.5.2",
+        "preact": "^10.5.13"
+      },
+      "peerDependencies": {
+        "@uppy/core": "^3.6.0"
+      }
+    },
+    "services/web/node_modules/@uppy/informer": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@uppy/informer/-/informer-3.0.4.tgz",
+      "integrity": "sha512-gzocdxn8qAFsW2EryehwjghladaBgv6Isjte53FTBV7o/vjaHPP6huKGbYpljyuQi8i9V+KrmvNGslofssgJ4g==",
+      "dev": true,
+      "dependencies": {
+        "@uppy/utils": "^5.5.2",
+        "preact": "^10.5.13"
+      },
+      "peerDependencies": {
+        "@uppy/core": "^3.6.0"
+      }
+    },
+    "services/web/node_modules/@uppy/progress-bar": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/@uppy/progress-bar/-/progress-bar-3.0.4.tgz",
+      "integrity": "sha512-sxv/mG7Uc9uyTnRvfcXBhO+TWd+UqjuW5aHXCKWwTkMgDShHR0T46sEk12q+jwgbFwyeFg3p0GU3hgUxqxiEUQ==",
+      "dev": true,
+      "dependencies": {
+        "@uppy/utils": "^5.5.2",
+        "preact": "^10.5.13"
+      },
+      "peerDependencies": {
+        "@uppy/core": "^3.6.0"
+      }
+    },
+    "services/web/node_modules/@uppy/provider-views": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/@uppy/provider-views/-/provider-views-3.8.0.tgz",
+      "integrity": "sha512-sTtx5bgsg2WVR+MyF0gnnM3Z7g3CyFx+Stlz//AvB6g27EMqtqO4zwDR3mestMrETkWYov5bhhqUbt2BaeANpA==",
+      "dev": true,
+      "dependencies": {
+        "@uppy/utils": "^5.7.0",
+        "classnames": "^2.2.6",
+        "nanoid": "^4.0.0",
+        "p-queue": "^7.3.4",
+        "preact": "^10.5.13"
+      },
+      "peerDependencies": {
+        "@uppy/core": "^3.8.0"
+      }
+    },
+    "services/web/node_modules/@uppy/provider-views/node_modules/eventemitter3": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.1.tgz",
+      "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "services/web/node_modules/@uppy/provider-views/node_modules/p-queue": {
+      "version": "7.4.1",
+      "resolved": "https://registry.npmjs.org/p-queue/-/p-queue-7.4.1.tgz",
+      "integrity": "sha512-vRpMXmIkYF2/1hLBKisKeVYJZ8S2tZ0zEAmIJgdVKP2nq0nh4qCdf8bgw+ZgKrkh71AOCaqzwbJJk1WtdcF3VA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eventemitter3": "^5.0.1",
+        "p-timeout": "^5.0.2"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "services/web/node_modules/@uppy/provider-views/node_modules/p-timeout": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/p-timeout/-/p-timeout-5.1.0.tgz",
+      "integrity": "sha512-auFDyzzzGZZZdHz3BtET9VEz0SE/uMEAx7uWfGPucfzEwwe/xH0iVeZibQmANYE/hp9T2+UUZT5m+BKyrDp3Ew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "services/web/node_modules/@uppy/react": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/@uppy/react/-/react-3.2.1.tgz",
+      "integrity": "sha512-PoLplDF6YDI7f06T8ORnJhav6CcKNSYWJETXqItZR3jcXIve6pdcCuskqd+l0yiYWf4J2IdyLQXtzgGfIJl7xQ==",
+      "dev": true,
+      "dependencies": {
+        "@uppy/utils": "^5.6.0",
+        "prop-types": "^15.6.1"
+      },
+      "peerDependencies": {
+        "@uppy/core": "^3.7.1",
+        "@uppy/dashboard": "^3.7.1",
+        "@uppy/drag-drop": "^3.0.3",
+        "@uppy/file-input": "^3.0.4",
+        "@uppy/progress-bar": "^3.0.4",
+        "@uppy/status-bar": "^3.2.5",
+        "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@uppy/dashboard": {
+          "optional": true
+        },
+        "@uppy/drag-drop": {
+          "optional": true
+        },
+        "@uppy/file-input": {
+          "optional": true
+        },
+        "@uppy/progress-bar": {
+          "optional": true
+        },
+        "@uppy/status-bar": {
+          "optional": true
+        }
+      }
+    },
+    "services/web/node_modules/@uppy/status-bar": {
+      "version": "3.2.5",
+      "resolved": "https://registry.npmjs.org/@uppy/status-bar/-/status-bar-3.2.5.tgz",
+      "integrity": "sha512-bRSxBPio5B+Kuf6w8ll+/i9VUwG8f0FnbZ1yQvCr8J9vxhd0Z5hvwhX4NP8uzHC6ZPJHlEQOTsxzGQ6y+Mdm0A==",
+      "dev": true,
+      "dependencies": {
+        "@transloadit/prettier-bytes": "0.0.9",
+        "@uppy/utils": "^5.5.2",
+        "classnames": "^2.2.6",
+        "preact": "^10.5.13"
+      },
+      "peerDependencies": {
+        "@uppy/core": "^3.6.0"
+      }
+    },
+    "services/web/node_modules/@uppy/status-bar/node_modules/@transloadit/prettier-bytes": {
+      "version": "0.0.9",
+      "resolved": "https://registry.npmjs.org/@transloadit/prettier-bytes/-/prettier-bytes-0.0.9.tgz",
+      "integrity": "sha512-pCvdmea/F3Tn4hAtHqNXmjcixSaroJJ+L3STXlYJdir1g1m2mRQpWbN8a4SvgQtaw2930Ckhdx8qXdXBFMKbAA==",
+      "dev": true
+    },
+    "services/web/node_modules/@uppy/store-default": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/@uppy/store-default/-/store-default-3.2.0.tgz",
+      "integrity": "sha512-Y7t0peUG89ZKa30vM4qlRIC6uKxIfOANeMT9Nzjwcxvzz8l7es22jG3eAj9WF2F7YSu7xdsH8ODs6SIrJJ8gow==",
+      "dev": true
+    },
+    "services/web/node_modules/@uppy/thumbnail-generator": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/@uppy/thumbnail-generator/-/thumbnail-generator-3.0.6.tgz",
+      "integrity": "sha512-gsi/BQBiunHneXCbo8VglFbhEb0CoQXQjCyGNKoEq/deEcbXhBBDxkiGcgv83l5GZJl2jLiKWqXnXAXREkldrQ==",
+      "dev": true,
+      "dependencies": {
+        "@uppy/utils": "^5.5.2",
+        "exifr": "^7.0.0"
+      },
+      "peerDependencies": {
+        "@uppy/core": "^3.6.0"
+      }
+    },
+    "services/web/node_modules/@uppy/utils": {
+      "version": "5.7.0",
+      "resolved": "https://registry.npmjs.org/@uppy/utils/-/utils-5.7.0.tgz",
+      "integrity": "sha512-AJj7gAx5YfMgyevwOxVdIP2h4Nw/O6h57wKA6gj+Lce6tMORcqzGt4yQiKBsrBI0bPyFWCbzA3vX5t0//1JCBA==",
+      "dev": true,
+      "dependencies": {
+        "lodash": "^4.17.21",
+        "preact": "^10.5.13"
+      }
+    },
+    "services/web/node_modules/@uppy/xhr-upload": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/@uppy/xhr-upload/-/xhr-upload-3.6.0.tgz",
+      "integrity": "sha512-HgWr+CvJzJXAp639AiZatdEWmRdhhN5LrjTZurAkvm9nPQarpi1bo0DChO+1bpkXWOR/1VarBbZOr8lNecEn7Q==",
+      "dev": true,
+      "dependencies": {
+        "@uppy/companion-client": "^3.7.0",
+        "@uppy/utils": "^5.7.0",
+        "nanoid": "^4.0.0"
+      },
+      "peerDependencies": {
+        "@uppy/core": "^3.8.0"
+      }
+    },
+    "services/web/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",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "services/web/node_modules/ajv": {
+      "version": "8.16.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-8.16.0.tgz",
+      "integrity": "sha512-F0twR8U1ZU67JIEtekUcLkXkoO5mMMmgGD8sK/xUFzJ805jxHQl92hImFAqqXMyMYjSPOyUPAwHYhB72g5sTXw==",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "json-schema-traverse": "^1.0.0",
+        "require-from-string": "^2.0.2",
+        "uri-js": "^4.4.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "services/web/node_modules/ajv-keywords": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-5.1.0.tgz",
+      "integrity": "sha512-YCS/JNFAUyr5vAuhk1DWm1CBxRHW9LbJ2ozWeemrIqpbsqKjHVxYPyi5GC0rjZIT5JxJ3virVTS8wk4i/Z+krw==",
+      "dev": true,
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3"
+      },
+      "peerDependencies": {
+        "ajv": "^8.8.2"
+      }
+    },
+    "services/web/node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "services/web/node_modules/aria-query": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.3.0.tgz",
+      "integrity": "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==",
+      "dev": true,
+      "dependencies": {
+        "dequal": "^2.0.3"
+      }
+    },
+    "services/web/node_modules/brace-expansion": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "services/web/node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
+    "services/web/node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "services/web/node_modules/csv": {
+      "version": "6.2.5",
+      "resolved": "https://registry.npmjs.org/csv/-/csv-6.2.5.tgz",
+      "integrity": "sha512-T+K0H7MIrlrnP6KxYKo3lK+uLl6OC2Gmwdd81TG/VdkhKvpatl35sR7tyRSpDLGl22y2T+q9KvNHnVtn4OAscQ==",
+      "dependencies": {
+        "csv-generate": "^4.2.1",
+        "csv-parse": "^5.3.3",
+        "csv-stringify": "^6.2.3",
+        "stream-transform": "^3.2.1"
+      },
+      "engines": {
+        "node": ">= 0.1.90"
+      }
+    },
+    "services/web/node_modules/csv-generate": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/csv-generate/-/csv-generate-4.2.1.tgz",
+      "integrity": "sha512-w6GFHjvApv6bcJ2xdi9JGsH6ZvUBfC+vUdfefnEzurXG6hMRwzkBLnhztU2H7v7+zfCk1I/knnQ+tGbgpxWrBw=="
+    },
+    "services/web/node_modules/csv-parse": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/csv-parse/-/csv-parse-5.3.3.tgz",
+      "integrity": "sha512-kEWkAPleNEdhFNkHQpFHu9RYPogsFj3dx6bCxL847fsiLgidzWg0z/O0B1kVWMJUc5ky64zGp18LX2T3DQrOfw=="
+    },
+    "services/web/node_modules/csv-stringify": {
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/csv-stringify/-/csv-stringify-6.2.3.tgz",
+      "integrity": "sha512-4qGjUMwnlaRc00gc2jrIYh2w/h1fo25B0mTuY9K8fBiIgtmCX3LcgUbrEGViL98Ci4Se/F5LFEtu8k+dItJVZQ=="
+    },
+    "services/web/node_modules/debug": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
+      "integrity": "sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "services/web/node_modules/dom-helpers": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/dom-helpers/-/dom-helpers-5.2.1.tgz",
+      "integrity": "sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.8.7",
+        "csstype": "^3.0.2"
+      }
+    },
+    "services/web/node_modules/duplexify": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-4.1.2.tgz",
+      "integrity": "sha512-fz3OjcNCHmRP12MJoZMPglx8m4rrFP8rovnk4vT8Fs+aonZoCwGg10dSsQsfP/E62eZcPTMSMP6686fu9Qlqtw==",
+      "dependencies": {
+        "end-of-stream": "^1.4.1",
+        "inherits": "^2.0.3",
+        "readable-stream": "^3.1.1",
+        "stream-shift": "^1.0.0"
+      }
+    },
+    "services/web/node_modules/esmock": {
+      "version": "2.6.7",
+      "resolved": "https://registry.npmjs.org/esmock/-/esmock-2.6.7.tgz",
+      "integrity": "sha512-4DmjZ0qQIG+NQV1njHvWrua/cZEuJq56A3pSELT2BjNuol1aads7BluofCbLErdO41Ic1XCd2UMepVLpjL64YQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=14.16.0"
+      }
+    },
+    "services/web/node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
+    "services/web/node_modules/exifr": {
+      "version": "7.1.3",
+      "resolved": "https://registry.npmjs.org/exifr/-/exifr-7.1.3.tgz",
+      "integrity": "sha512-g/aje2noHivrRSLbAUtBPWFbxKdKhgj/xr1vATDdUXPOFYJlQ62Ft0oy+72V6XLIpDJfHs6gXLbBLAolqOXYRw==",
+      "dev": true
+    },
+    "services/web/node_modules/fetch-mock": {
+      "version": "12.5.2",
+      "resolved": "https://registry.npmjs.org/fetch-mock/-/fetch-mock-12.5.2.tgz",
+      "integrity": "sha512-b5KGDFmdmado2MPQjZl6ix3dAG3iwCitb0XQwN72y2s9VnWZ3ObaGNy+bkpm1390foiLDybdJ7yjRGKD36kATw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/glob-to-regexp": "^0.4.4",
+        "dequal": "^2.0.3",
+        "glob-to-regexp": "^0.4.1",
+        "regexparam": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=18.11.0"
+      }
+    },
+    "services/web/node_modules/google-auth-library": {
+      "version": "8.7.0",
+      "resolved": "https://registry.npmjs.org/google-auth-library/-/google-auth-library-8.7.0.tgz",
+      "integrity": "sha512-1M0NG5VDIvJZEnstHbRdckLZESoJwguinwN8Dhae0j2ZKIQFIV63zxm6Fo6nM4xkgqUr2bbMtV5Dgo+Hy6oo0Q==",
+      "dependencies": {
+        "arrify": "^2.0.0",
+        "base64-js": "^1.3.0",
+        "ecdsa-sig-formatter": "^1.0.11",
+        "fast-text-encoding": "^1.0.0",
+        "gaxios": "^5.0.0",
+        "gcp-metadata": "^5.0.0",
+        "gtoken": "^6.1.0",
+        "jws": "^4.0.0",
+        "lru-cache": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "services/web/node_modules/google-auth-library/node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "services/web/node_modules/google-p12-pem": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/google-p12-pem/-/google-p12-pem-4.0.1.tgz",
+      "integrity": "sha512-WPkN4yGtz05WZ5EhtlxNDWPhC4JIic6G8ePitwUWy4l+XPVYec+a0j0Ts47PDtW59y3RwAhUd9/h9ZZ63px6RQ==",
+      "dependencies": {
+        "node-forge": "^1.3.1"
+      },
+      "bin": {
+        "gp12-pem": "build/src/bin/gp12-pem.js"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "services/web/node_modules/gtoken": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/gtoken/-/gtoken-6.1.2.tgz",
+      "integrity": "sha512-4ccGpzz7YAr7lxrT2neugmXQ3hP9ho2gcaityLVkiUecAiwiy60Ii8gRbZeOsXV19fYaRjgBSshs8kXw+NKCPQ==",
+      "dependencies": {
+        "gaxios": "^5.0.1",
+        "google-p12-pem": "^4.0.0",
+        "jws": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "services/web/node_modules/helmet": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/helmet/-/helmet-6.0.1.tgz",
+      "integrity": "sha512-8wo+VdQhTMVBMCITYZaGTbE4lvlthelPYSvoyNvk4RECTmrVjMerp9RfUOQXZWLvCcAn1pKj7ZRxK4lI9Alrcw==",
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "services/web/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"
+      }
+    },
+    "services/web/node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "services/web/node_modules/isarray": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+      "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ==",
+      "dev": true
+    },
+    "services/web/node_modules/json-schema-traverse": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz",
+      "integrity": "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug=="
+    },
+    "services/web/node_modules/lolex": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lolex/-/lolex-4.2.0.tgz",
+      "integrity": "sha512-gKO5uExCXvSm6zbF562EvM+rd1kQDnB9AZBbiQVzf1ZmdDpxUSvpnAaVOP83N/31mRK8Ml8/VE8DMvsAZQ+7wg==",
+      "dev": true
+    },
+    "services/web/node_modules/lru-cache": {
+      "version": "7.10.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.10.1.tgz",
+      "integrity": "sha512-BQuhQxPuRl79J5zSXRP+uNzPOyZw2oFI9JLRQ80XswSvg21KMKNtQza9eF42rfI/3Z40RvzBdXgziEkudzjo8A==",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "services/web/node_modules/memoize-one": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
+      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==",
+      "dev": true
+    },
+    "services/web/node_modules/method-override": {
+      "version": "2.3.10",
+      "resolved": "https://registry.npmjs.org/method-override/-/method-override-2.3.10.tgz",
+      "integrity": "sha1-49r41d7hDdLc59SuiNYrvud0drQ=",
+      "dependencies": {
+        "debug": "2.6.9",
+        "methods": "~1.1.2",
+        "parseurl": "~1.3.2",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "services/web/node_modules/method-override/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "services/web/node_modules/method-override/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g="
+    },
+    "services/web/node_modules/minimatch": {
+      "version": "7.4.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-7.4.2.tgz",
+      "integrity": "sha512-xy4q7wou3vUoC9k1xGTXc+awNdGaGVHtFUaey8tiX4H1QRc04DZ/rmDFwNm2EBsuYEhAZ6SgMmYf3InGY6OauA==",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
+    "services/web/node_modules/multer": {
+      "version": "1.4.5-lts.1",
+      "resolved": "git+ssh://git@github.com/overleaf/multer.git#e1df247fbf8e7590520d20ae3601eaef9f3d2e9e",
+      "integrity": "sha512-3fJSnWF3iBZJ6Z9y8AjFVY+O4DUKspxSnzXidb3zCKqBYyEKRrpGp7OXjT9th2gWPd+9u64ZyRWUf+YRYn1GCw==",
+      "license": "MIT",
+      "dependencies": {
+        "append-field": "^1.0.0",
+        "busboy": "^1.0.0",
+        "concat-stream": "^1.5.2",
+        "mkdirp": "^0.5.4",
+        "object-assign": "^4.1.1",
+        "type-is": "^1.6.4",
+        "xtend": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "services/web/node_modules/nanoid": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-4.0.2.tgz",
+      "integrity": "sha512-7ZtY5KTCNheRGfEFxnedV5zFiORN1+Y1N6zvPTnHQd8ENUvfaDBeuJDZb2bN/oXwXxu3qkTXDzy57W5vAmDTBw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.js"
+      },
+      "engines": {
+        "node": "^14 || ^16 || >=18"
+      }
+    },
+    "services/web/node_modules/nise": {
+      "version": "1.5.3",
+      "resolved": "https://registry.npmjs.org/nise/-/nise-1.5.3.tgz",
+      "integrity": "sha512-Ymbac/94xeIrMf59REBPOv0thr+CJVFMhrlAkW/gjCIE58BGQdCj0x7KRCb3yz+Ga2Rz3E9XXSvUyyxqqhjQAQ==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/formatio": "^3.2.1",
+        "@sinonjs/text-encoding": "^0.7.1",
+        "just-extend": "^4.0.2",
+        "lolex": "^5.0.1",
+        "path-to-regexp": "^1.7.0"
+      }
+    },
+    "services/web/node_modules/nise/node_modules/lolex": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/lolex/-/lolex-5.1.2.tgz",
+      "integrity": "sha512-h4hmjAvHTmd+25JSwrtTIuwbKdwg5NzZVRMLn9saij4SZaepCrTCxPr35H/3bjwfMJtN+t3CX8672UIkglz28A==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^1.7.0"
+      }
+    },
+    "services/web/node_modules/nock": {
+      "version": "13.5.6",
+      "resolved": "https://registry.npmjs.org/nock/-/nock-13.5.6.tgz",
+      "integrity": "sha512-o2zOYiCpzRqSzPj0Zt/dQ/DqZeYoaQ7TUonc/xUPjCGl9WeHpNbxgVvOquXYAaJzI0M9BXV3HTzG0p8IUAbBTQ==",
+      "dev": true,
+      "dependencies": {
+        "debug": "^4.1.0",
+        "json-stringify-safe": "^5.0.1",
+        "propagate": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13"
+      }
+    },
+    "services/web/node_modules/p-limit": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz",
+      "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==",
+      "dependencies": {
+        "p-try": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "services/web/node_modules/p-retry": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/p-retry/-/p-retry-6.2.0.tgz",
+      "integrity": "sha512-JA6nkq6hKyWLLasXQXUrO4z8BUZGUt/LjlJxx8Gb2+2ntodU/SS63YZ8b0LUTbQ8ZB9iwOfhEPhg4ykKnn2KsA==",
+      "dev": true,
+      "dependencies": {
+        "@types/retry": "0.12.2",
+        "is-network-error": "^1.0.0",
+        "retry": "^0.13.1"
+      },
+      "engines": {
+        "node": ">=16.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "services/web/node_modules/path-to-regexp": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.9.0.tgz",
+      "integrity": "sha512-xIp7/apCFJuUHdDLWe8O1HIkb0kQrOMb/0u6FXQjemHn/ii5LrIzU6bdECnsiTF/GjZkMEKg1xdiZwNqDYlZ6g==",
+      "dev": true,
+      "dependencies": {
+        "isarray": "0.0.1"
+      }
+    },
+    "services/web/node_modules/preact": {
+      "version": "10.19.3",
+      "resolved": "https://registry.npmjs.org/preact/-/preact-10.19.3.tgz",
+      "integrity": "sha512-nHHTeFVBTHRGxJXKkKu5hT8C/YWBkPso4/Gad6xuj5dbptt9iF9NZr9pHbPhBrnT2klheu7mHTxTZ/LjwJiEiQ==",
+      "dev": true,
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/preact"
+      }
+    },
+    "services/web/node_modules/react-bootstrap-5": {
+      "name": "react-bootstrap",
+      "version": "2.10.5",
+      "resolved": "https://registry.npmjs.org/react-bootstrap/-/react-bootstrap-2.10.5.tgz",
+      "integrity": "sha512-XueAOEn64RRkZ0s6yzUTdpFtdUXs5L5491QU//8ZcODKJNDLt/r01tNyriZccjgRImH1REynUc9pqjiRMpDLWQ==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.24.7",
+        "@restart/hooks": "^0.4.9",
+        "@restart/ui": "^1.6.9",
+        "@types/react-transition-group": "^4.4.6",
+        "classnames": "^2.3.2",
+        "dom-helpers": "^5.2.1",
+        "invariant": "^2.2.4",
+        "prop-types": "^15.8.1",
+        "prop-types-extra": "^1.1.0",
+        "react-transition-group": "^4.4.5",
+        "uncontrollable": "^7.2.1",
+        "warning": "^4.0.3"
+      },
+      "peerDependencies": {
+        "@types/react": ">=16.14.8",
+        "react": ">=16.14.0",
+        "react-dom": ">=16.14.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "services/web/node_modules/react-bootstrap-5/node_modules/react-transition-group": {
+      "version": "4.4.5",
+      "resolved": "https://registry.npmjs.org/react-transition-group/-/react-transition-group-4.4.5.tgz",
+      "integrity": "sha512-pZcd1MCJoiKiBR2NRxeCRg13uCXbydPnmB4EOeRrY7480qNWO8IIgQG6zlDkm6uRMsURXPuKq0GWtiM59a5Q6g==",
+      "dev": true,
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "dom-helpers": "^5.0.1",
+        "loose-envify": "^1.4.0",
+        "prop-types": "^15.6.2"
+      },
+      "peerDependencies": {
+        "react": ">=16.6.0",
+        "react-dom": ">=16.6.0"
+      }
+    },
+    "services/web/node_modules/regenerator-runtime": {
+      "version": "0.14.1",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.1.tgz",
+      "integrity": "sha512-dYnhHh0nJoMfnkZs6GmmhFknAGRrLznOu5nc9ML+EJxGvrx6H7teuevqVqCuPcPK//3eDrrjQhehXVx9cnkGdw==",
+      "dev": true
+    },
+    "services/web/node_modules/retry-request": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/retry-request/-/retry-request-5.0.2.tgz",
+      "integrity": "sha512-wfI3pk7EE80lCIXprqh7ym48IHYdwmAAzESdbU8Q9l7pnRCk9LEhpbOTNKjz6FARLm/Bl5m+4F0ABxOkYUujSQ==",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "extend": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "services/web/node_modules/sandboxed-module": {
+      "version": "2.3.0",
+      "resolved": "git+ssh://git@github.com/overleaf/node-sandboxed-module.git#cafa2d60f17ce75cc023e6f296eb8de79d92d35d",
+      "integrity": "sha512-ZNZDUOzXHKWBvxoRKm1ETmOBxEMrxn6iEgF3G8Ws7pgdNY18t3MIfnMmMGdDcF3//bp6VGgSXa+Gnpcovf/K3w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "require-like": "0.1.2",
+        "stack-trace": "0.0.10"
+      }
+    },
+    "services/web/node_modules/schema-utils": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-4.3.0.tgz",
+      "integrity": "sha512-Gf9qqc58SpCA/xdziiHz35F4GNIWYWZrEshUc/G/r5BnLph6xpKuLeoJoQuj5WfBIx/eQLf+hmVPYHaxJu7V2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/json-schema": "^7.0.9",
+        "ajv": "^8.9.0",
+        "ajv-formats": "^2.1.1",
+        "ajv-keywords": "^5.1.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "services/web/node_modules/sinon": {
+      "version": "7.5.0",
+      "resolved": "https://registry.npmjs.org/sinon/-/sinon-7.5.0.tgz",
+      "integrity": "sha512-AoD0oJWerp0/rY9czP/D6hDTTUYGpObhZjMpd7Cl/A6+j0xBE+ayL/ldfggkBXUs0IkvIiM1ljM8+WkOc5k78Q==",
+      "dev": true,
+      "dependencies": {
+        "@sinonjs/commons": "^1.4.0",
+        "@sinonjs/formatio": "^3.2.1",
+        "@sinonjs/samsam": "^3.3.3",
+        "diff": "^3.5.0",
+        "lolex": "^4.2.0",
+        "nise": "^1.5.2",
+        "supports-color": "^5.5.0"
+      }
+    },
+    "services/web/node_modules/sinon-mongoose": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/sinon-mongoose/-/sinon-mongoose-2.3.0.tgz",
+      "integrity": "sha512-d0rrL53wuDDs91GMCFAvQam64IpdVfkaxA4cGLTZfw1d5tTg6+F/D7F080d1n3d1gSHJBZLUf9pGpijC/x7xKQ==",
+      "dev": true,
+      "peerDependencies": {
+        "sinon": "5 - 7"
+      }
+    },
+    "services/web/node_modules/sinon/node_modules/diff": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/diff/-/diff-3.5.0.tgz",
+      "integrity": "sha512-A46qtFgd+g7pDZinpnwiRJtxbC1hpgf0uzP3iG89scHk0AUC7A1TGxf5OiiOUv/JMZR8GOt8hL900hV0bOy5xA==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.3.1"
+      }
+    },
+    "services/web/node_modules/sinon/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "services/web/node_modules/sinon/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "services/web/node_modules/stack-trace": {
+      "version": "0.0.10",
+      "resolved": "https://registry.npmjs.org/stack-trace/-/stack-trace-0.0.10.tgz",
+      "integrity": "sha1-VHxws0fo0ytOEI6hoqFZ5f3eGcA=",
+      "dev": true,
+      "engines": {
+        "node": "*"
+      }
+    },
+    "services/web/node_modules/stream-transform": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/stream-transform/-/stream-transform-3.2.1.tgz",
+      "integrity": "sha512-ApK+WTJ5bCOf0A2tlec1qhvr8bGEBM/sgXXB7mysdCYgZJO5DZeaV3h3G+g0HnAQ372P5IhiGqnW29zoLOfTzQ=="
+    },
+    "services/web/node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "services/web/node_modules/teeny-request": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/teeny-request/-/teeny-request-8.0.2.tgz",
+      "integrity": "sha512-34pe0a4zASseXZCKdeTiIZqSKA8ETHb1EwItZr01PAR3CLPojeAKgSjzeNS4373gi59hNulyDrPKEbh2zO9sCg==",
+      "dependencies": {
+        "http-proxy-agent": "^5.0.0",
+        "https-proxy-agent": "^5.0.0",
+        "node-fetch": "^2.6.1",
+        "stream-events": "^1.0.5",
+        "uuid": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "services/web/node_modules/teeny-request/node_modules/agent-base": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-6.0.2.tgz",
+      "integrity": "sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "services/web/node_modules/teeny-request/node_modules/https-proxy-agent": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-5.0.1.tgz",
+      "integrity": "sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==",
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "6",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "services/web/node_modules/terser-webpack-plugin": {
+      "version": "5.3.11",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.11.tgz",
+      "integrity": "sha512-RVCsMfuD0+cTt3EwX8hSl2Ks56EbFHWmhluwcqoPKtBnfjiT6olaq7PRIRfhyU8nnC2MrnDrBLfrD/RGE+cVXQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/trace-mapping": "^0.3.25",
+        "jest-worker": "^27.4.5",
+        "schema-utils": "^4.3.0",
+        "serialize-javascript": "^6.0.2",
+        "terser": "^5.31.1"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/core": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "uglify-js": {
+          "optional": true
+        }
+      }
+    },
+    "services/web/node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "services/web/node_modules/warning": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
+      "integrity": "sha512-rpJyN222KWIvHJ/F53XSZv0Zl/accqHR8et1kpaMTD/fLCRxtV8iX8czMzY7sVZupTI3zcUTg8eycS2kNF9l6w==",
+      "dev": true,
+      "dependencies": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "services/web/node_modules/xml-crypto": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/xml-crypto/-/xml-crypto-2.1.6.tgz",
+      "integrity": "sha512-jjvpO8vHNV8QFhW5bMypP+k4BjBqHe/HrpIwpPcdUnUTIJakSIuN96o3Sdah4tKu2z64kM/JHEH8iEHGCc6Gyw==",
+      "license": "MIT",
+      "dependencies": {
+        "@xmldom/xmldom": "^0.7.9",
+        "xpath": "0.0.32"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "services/web/node_modules/xpath": {
+      "version": "0.0.32",
+      "resolved": "https://registry.npmjs.org/xpath/-/xpath-0.0.32.tgz",
+      "integrity": "sha512-rxMJhSIoiO8vXcWvSifKqhvV96GjiD5wYb8/QHdoRyQvraTpp4IEv944nhGausZZ3u7dhQXteZuZbaqfpB7uYw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "services/web/node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "tools/saas-e2e": {
+      "name": "@overleaf/saas-e2e",
+      "devDependencies": {
+        "@isomorphic-git/lightning-fs": "^4.6.0",
+        "@testing-library/cypress": "^10.0.1",
+        "@types/adm-zip": "^0.5.5",
+        "@types/pdf-parse": "^1.1.4",
+        "@types/uuid": "^9.0.8",
+        "adm-zip": "^0.5.12",
+        "cypress": "13.13.2",
+        "isomorphic-git": "^1.25.10",
+        "mailtrap": "^3.4.0",
+        "pdf-parse": "^1.1.1",
+        "typescript": "^5.0.4",
+        "uuid": "^9.0.1"
+      }
+    },
+    "tools/saas-e2e/node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "dev": true,
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "license": "MIT",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..7dc9a63
--- /dev/null
+++ b/package.json
@@ -0,0 +1,80 @@
+{
+  "name": "overleaf",
+  "private": true,
+  "dependencies": {
+    "patch-package": "^8.0.0"
+  },
+  "devDependencies": {
+    "@types/chai": "^4.3.0",
+    "@types/chai-as-promised": "^7.1.8",
+    "@types/mocha": "^10.0.6",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "eslint": "^8.15.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-config-standard": "^17.0.0",
+    "eslint-plugin-chai-expect": "^3.0.0",
+    "eslint-plugin-chai-friendly": "^0.7.2",
+    "eslint-plugin-cypress": "^2.15.1",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-mocha": "^10.1.0",
+    "eslint-plugin-node": "^11.1.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-promise": "^6.0.0",
+    "eslint-plugin-unicorn": "^56.0.0",
+    "prettier": "3.3.3",
+    "typescript": "^5.5.4"
+  },
+  "overrides": {
+    "cross-env": {
+      "cross-spawn": "^7.0.6"
+    },
+    "fetch-mock": {
+      "path-to-regexp": "3.3.0"
+    },
+    "google-gax": {
+      "protobufjs": "^7.2.5"
+    },
+    "swagger-tools": {
+      "body-parser": "1.20.3",
+      "multer": "1.4.5-lts.1",
+      "path-to-regexp": "3.3.0",
+      "qs": "6.13.0"
+    }
+  },
+  "scripts": {
+    "format": "prettier --list-different $PWD/'**/*.js'",
+    "format:fix": "prettier --write $PWD/'**/*.js'",
+    "lint": "eslint --max-warnings 0 --format unix .",
+    "lint:fix": "eslint --fix .",
+    "postinstall": "patch-package"
+  },
+  "workspaces": [
+    "jobs/mirror-documentation",
+    "libraries/*",
+    "services/analytics",
+    "services/chat",
+    "services/clsi",
+    "services/clsi-cache",
+    "services/clsi-perf",
+    "services/contacts",
+    "services/docstore",
+    "services/document-updater",
+    "services/filestore",
+    "services/freegeoip",
+    "services/github-sync",
+    "services/history-v1",
+    "services/idp",
+    "services/latexqc",
+    "services/notifications",
+    "services/project-history",
+    "services/real-time",
+    "services/references",
+    "services/templates",
+    "services/third-party-datastore",
+    "services/third-party-references",
+    "services/tpdsworker",
+    "services/web",
+    "tools/saas-e2e"
+  ]
+}
diff --git a/patches/@google-cloud+storage++retry-request+5.0.2.patch b/patches/@google-cloud+storage++retry-request+5.0.2.patch
new file mode 100644
index 0000000..bbf8a8f
--- /dev/null
+++ b/patches/@google-cloud+storage++retry-request+5.0.2.patch
@@ -0,0 +1,30 @@
+diff --git a/node_modules/@google-cloud/storage/node_modules/retry-request/index.js b/node_modules/@google-cloud/storage/node_modules/retry-request/index.js
+index a293298..df21af6 100644
+--- a/node_modules/@google-cloud/storage/node_modules/retry-request/index.js
++++ b/node_modules/@google-cloud/storage/node_modules/retry-request/index.js
+@@ -1,6 +1,6 @@
+ 'use strict';
+ 
+-const {PassThrough} = require('stream');
++const { PassThrough, pipeline } = require('stream');
+ const debug = require('debug')('retry-request');
+ const extend = require('extend');
+ 
+@@ -166,7 +166,7 @@ function retryRequest(requestOpts, opts, callback) {
+         })
+         .on('complete', retryStream.emit.bind(retryStream, 'complete'));
+ 
+-      requestStream.pipe(delayStream);
++      pipeline(requestStream, delayStream, () => {});
+     } else {
+       activeRequest = opts.request(requestOpts, onResponse);
+     }
+@@ -232,7 +232,7 @@ function retryRequest(requestOpts, opts, callback) {
+     // No more attempts need to be made, just continue on.
+     if (streamMode) {
+       retryStream.emit('response', response);
+-      delayStream.pipe(retryStream);
++      pipeline(delayStream, retryStream, () => {});
+       requestStream.on('error', err => {
+         retryStream.destroy(err);
+       });
diff --git a/patches/@google-cloud+storage++teeny-request+8.0.2.patch b/patches/@google-cloud+storage++teeny-request+8.0.2.patch
new file mode 100644
index 0000000..738eef5
--- /dev/null
+++ b/patches/@google-cloud+storage++teeny-request+8.0.2.patch
@@ -0,0 +1,50 @@
+diff --git a/node_modules/@google-cloud/storage/node_modules/teeny-request/build/src/index.js b/node_modules/@google-cloud/storage/node_modules/teeny-request/build/src/index.js
+index a2251ca..e29e796 100644
+--- a/node_modules/@google-cloud/storage/node_modules/teeny-request/build/src/index.js
++++ b/node_modules/@google-cloud/storage/node_modules/teeny-request/build/src/index.js
+@@ -166,27 +166,27 @@ function teenyRequest(reqOpts, callback) {
+     }
+     if (callback === undefined) {
+         // Stream mode
+-        const requestStream = streamEvents(new stream_1.PassThrough());
+-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+-        let responseStream;
+-        requestStream.once('reading', () => {
+-            if (responseStream) {
+-                responseStream.pipe(requestStream);
+-            }
+-            else {
+-                requestStream.once('response', () => {
+-                    responseStream.pipe(requestStream);
+-                });
+-            }
+-        });
++        const requestStream = new stream_1.PassThrough();
++        // // eslint-disable-next-line @typescript-eslint/no-explicit-any
++        // let responseStream;
++        // requestStream.once('reading', () => {
++        //     if (responseStream) {
++        //         responseStream.pipe(requestStream);
++        //     }
++        //     else {
++        //         requestStream.once('response', () => {
++        //             responseStream.pipe(requestStream);
++        //         });
++        //     }
++        // });
+         options.compress = false;
+         teenyRequest.stats.requestStarting();
+         (0, node_fetch_1.default)(uri, options).then(res => {
+-            teenyRequest.stats.requestFinished();
+-            responseStream = res.body;
+-            responseStream.on('error', (err) => {
+-                requestStream.emit('error', err);
+-            });
++            teenyRequest.stats.requestFinished(); stream_1.pipeline(res.body, requestStream, () => {});
++            // responseStream = res.body;
++            // responseStream.on('error', (err) => {
++            //     requestStream.emit('error', err);
++            // });
+             const response = fetchToRequestResponse(options, res);
+             requestStream.emit('response', response);
+         }, err => {
diff --git a/patches/README.md b/patches/README.md
new file mode 100644
index 0000000..c158e27
--- /dev/null
+++ b/patches/README.md
@@ -0,0 +1 @@
+The patches in this folder are applied by `patch-package` to dependencies, particularly those which need changes that are difficult to apply upstream.
diff --git a/patches/body-parser+1.20.3.patch b/patches/body-parser+1.20.3.patch
new file mode 100644
index 0000000..b41d212
--- /dev/null
+++ b/patches/body-parser+1.20.3.patch
@@ -0,0 +1,44 @@
+diff --git a/node_modules/body-parser/lib/read.js b/node_modules/body-parser/lib/read.js
+index fce6283..6131c31 100644
+--- a/node_modules/body-parser/lib/read.js
++++ b/node_modules/body-parser/lib/read.js
+@@ -18,7 +18,7 @@ var iconv = require('iconv-lite')
+ var onFinished = require('on-finished')
+ var unpipe = require('unpipe')
+ var zlib = require('zlib')
+-
++var Stream = require('stream')
+ /**
+  * Module exports.
+  */
+@@ -166,25 +166,25 @@ function contentstream (req, debug, inflate) {
+     case 'deflate':
+       stream = zlib.createInflate()
+       debug('inflate body')
+-      req.pipe(stream)
++      // req.pipe(stream)
+       break
+     case 'gzip':
+       stream = zlib.createGunzip()
+       debug('gunzip body')
+-      req.pipe(stream)
++      // req.pipe(stream)
+       break
+     case 'identity':
+       stream = req
+       stream.length = length
+-      break
++      return req
+     default:
+       throw createError(415, 'unsupported content encoding "' + encoding + '"', {
+         encoding: encoding,
+         type: 'encoding.unsupported'
+       })
+   }
+-
+-  return stream
++  var pass = new Stream.PassThrough(); Stream.pipeline(req, stream, pass, () => {})
++  return pass
+ }
+ 
+ /**
diff --git a/patches/forwarded+0.2.0.patch b/patches/forwarded+0.2.0.patch
new file mode 100644
index 0000000..7c13376
--- /dev/null
+++ b/patches/forwarded+0.2.0.patch
@@ -0,0 +1,13 @@
+diff --git a/node_modules/forwarded/index.js b/node_modules/forwarded/index.js
+index b2b6bdd..75e6254 100644
+--- a/node_modules/forwarded/index.js
++++ b/node_modules/forwarded/index.js
+@@ -46,7 +46,7 @@ function forwarded (req) {
+ function getSocketAddr (req) {
+   return req.socket
+     ? req.socket.remoteAddress
+-    : req.connection.remoteAddress
++    : req.connection && req.connection.remoteAddress
+ }
+ 
+ /**
diff --git a/patches/node-fetch+2.7.0.patch b/patches/node-fetch+2.7.0.patch
new file mode 100644
index 0000000..49d0752
--- /dev/null
+++ b/patches/node-fetch+2.7.0.patch
@@ -0,0 +1,76 @@
+diff --git a/node_modules/node-fetch/lib/index.js b/node_modules/node-fetch/lib/index.js
+index 567ff5d..8eb45f7 100644
+--- a/node_modules/node-fetch/lib/index.js
++++ b/node_modules/node-fetch/lib/index.js
+@@ -545,8 +545,8 @@ function clone(instance) {
+ 		// tee instance body
+ 		p1 = new PassThrough();
+ 		p2 = new PassThrough();
+-		body.pipe(p1);
+-		body.pipe(p2);
++		Stream.pipeline(body, p1, () => {});
++		Stream.pipeline(body, p2, () => {});
+ 		// set instance body to teed body and return the other teed body
+ 		instance[INTERNALS].body = p1;
+ 		body = p2;
+@@ -648,14 +648,14 @@ function writeToStream(dest, instance) {
+ 		// body is null
+ 		dest.end();
+ 	} else if (isBlob(body)) {
+-		body.stream().pipe(dest);
++		Stream.pipeline(body.stream(), dest, () => {});
+ 	} else if (Buffer.isBuffer(body)) {
+ 		// body is buffer
+ 		dest.write(body);
+ 		dest.end();
+ 	} else {
+ 		// body is stream
+-		body.pipe(dest);
++		Stream.pipeline(body, dest, () => {});
+ 	}
+ }
+ 
+@@ -1638,7 +1638,7 @@ function fetch(url, opts) {
+ 			res.once('end', function () {
+ 				if (signal) signal.removeEventListener('abort', abortAndFinalize);
+ 			});
+-			let body = res.pipe(new PassThrough$1());
++			let body = Stream.pipeline(res, new PassThrough(), error => { if (error) reject(error); });
+ 
+ 			const response_options = {
+ 				url: request.url,
+@@ -1679,7 +1679,7 @@ function fetch(url, opts) {
+ 
+ 			// for gzip
+ 			if (codings == 'gzip' || codings == 'x-gzip') {
+-				body = body.pipe(zlib.createGunzip(zlibOptions));
++				body = Stream.pipeline(body, zlib.createGunzip(zlibOptions), error => { if (error) reject(error); });
+ 				response = new Response(body, response_options);
+ 				resolve(response);
+ 				return;
+@@ -1689,13 +1689,13 @@ function fetch(url, opts) {
+ 			if (codings == 'deflate' || codings == 'x-deflate') {
+ 				// handle the infamous raw deflate response from old servers
+ 				// a hack for old IIS and Apache servers
+-				const raw = res.pipe(new PassThrough$1());
++				const raw = Stream.pipeline(res, new PassThrough(), error => { if (error) reject(error); });
+ 				raw.once('data', function (chunk) {
+ 					// see http://stackoverflow.com/questions/37519828
+ 					if ((chunk[0] & 0x0F) === 0x08) {
+-						body = body.pipe(zlib.createInflate());
++						body = Stream.pipeline(body, zlib.createInflate(), error => { if (error) reject(error); });
+ 					} else {
+-						body = body.pipe(zlib.createInflateRaw());
++						body = Stream.pipeline(body, zlib.createInflateRaw(), error => { if (error) reject(error); });
+ 					}
+ 					response = new Response(body, response_options);
+ 					resolve(response);
+@@ -1712,7 +1712,7 @@ function fetch(url, opts) {
+ 
+ 			// for br
+ 			if (codings == 'br' && typeof zlib.createBrotliDecompress === 'function') {
+-				body = body.pipe(zlib.createBrotliDecompress());
++				body = Stream.pipeline(body, zlib.createBrotliDecompress(), error => { if (error) reject(error); });
+ 				response = new Response(body, response_options);
+ 				resolve(response);
+ 				return;
diff --git a/patches/passport-oauth2+1.6.1.patch b/patches/passport-oauth2+1.6.1.patch
new file mode 100644
index 0000000..25a571b
--- /dev/null
+++ b/patches/passport-oauth2+1.6.1.patch
@@ -0,0 +1,13 @@
+diff --git a/node_modules/passport-oauth2/lib/utils.js b/node_modules/passport-oauth2/lib/utils.js
+index 486f9e1..4584507 100644
+--- a/node_modules/passport-oauth2/lib/utils.js
++++ b/node_modules/passport-oauth2/lib/utils.js
+@@ -24,7 +24,7 @@ exports.originalURL = function(req, options) {
+   var trustProxy = options.proxy;
+   
+   var proto = (req.headers['x-forwarded-proto'] || '').toLowerCase()
+-    , tls = req.connection.encrypted || (trustProxy && 'https' == proto.split(/\s*,\s*/)[0])
++    , tls = (req.connection && req.connection.encrypted) || (trustProxy && 'https' == proto.split(/\s*,\s*/)[0])
+     , host = (trustProxy && req.headers['x-forwarded-host']) || req.headers.host
+     , protocol = tls ? 'https' : 'http'
+     , path = req.url || '';
diff --git a/patches/retry-request+4.2.2.patch b/patches/retry-request+4.2.2.patch
new file mode 100644
index 0000000..f3096b5
--- /dev/null
+++ b/patches/retry-request+4.2.2.patch
@@ -0,0 +1,30 @@
+diff --git a/node_modules/retry-request/index.js b/node_modules/retry-request/index.js
+index 6cd6f65..39efb89 100644
+--- a/node_modules/retry-request/index.js
++++ b/node_modules/retry-request/index.js
+@@ -1,6 +1,6 @@
+ 'use strict';
+ 
+-var { PassThrough } = require('stream');
++var { PassThrough, pipeline } = require('stream');
+ var debug = require('debug')('retry-request');
+ var extend = require('extend');
+ 
+@@ -164,7 +164,7 @@ function retryRequest(requestOpts, opts, callback) {
+         })
+         .on('complete', retryStream.emit.bind(retryStream, 'complete'));
+ 
+-      requestStream.pipe(delayStream);
++      pipeline(requestStream, delayStream, () => {});
+     } else {
+       activeRequest = opts.request(requestOpts, onResponse);
+     }
+@@ -220,7 +220,7 @@ function retryRequest(requestOpts, opts, callback) {
+     // No more attempts need to be made, just continue on.
+     if (streamMode) {
+       retryStream.emit('response', response);
+-      delayStream.pipe(retryStream);
++      pipeline(delayStream, retryStream, () => {});
+       requestStream.on('error', function (err) {
+         retryStream.destroy(err);
+       });
diff --git a/patches/send+0.19.0.patch b/patches/send+0.19.0.patch
new file mode 100644
index 0000000..6635078
--- /dev/null
+++ b/patches/send+0.19.0.patch
@@ -0,0 +1,57 @@
+diff --git a/node_modules/send/index.js b/node_modules/send/index.js
+index 768f8ca..a882f4d 100644
+--- a/node_modules/send/index.js
++++ b/node_modules/send/index.js
+@@ -788,29 +788,29 @@ SendStream.prototype.stream = function stream (path, options) {
+   // pipe
+   var stream = fs.createReadStream(path, options)
+   this.emit('stream', stream)
+-  stream.pipe(res)
+-
+-  // cleanup
+-  function cleanup () {
+-    destroy(stream, true)
+-  }
+-
+-  // response finished, cleanup
+-  onFinished(res, cleanup)
+-
+-  // error handling
+-  stream.on('error', function onerror (err) {
+-    // clean up stream early
+-    cleanup()
+-
+-    // error
+-    self.onStatError(err)
+-  })
+-
+-  // end
+-  stream.on('end', function onend () {
+-    self.emit('end')
+-  })
++  Stream.pipeline(stream, res, err => { if (err) { self.onStatError(err) } else { self.emit('end') } })
++
++  // // cleanup
++  // function cleanup () {
++  //   destroy(stream, true)
++  // }
++  //
++  // // response finished, cleanup
++  // onFinished(res, cleanup)
++  //
++  // // error handling
++  // stream.on('error', function onerror (err) {
++  //   // clean up stream early
++  //   cleanup()
++  //
++  //   // error
++  //   self.onStatError(err)
++  // })
++  //
++  // // end
++  // stream.on('end', function onend () {
++  //   self.emit('end')
++  // })
+ }
+ 
+ /**
diff --git a/patches/teeny-request+7.1.3.patch b/patches/teeny-request+7.1.3.patch
new file mode 100644
index 0000000..213ed04
--- /dev/null
+++ b/patches/teeny-request+7.1.3.patch
@@ -0,0 +1,49 @@
+diff --git a/node_modules/teeny-request/build/src/index.js b/node_modules/teeny-request/build/src/index.js
+index f209888..e9fe982 100644
+--- a/node_modules/teeny-request/build/src/index.js
++++ b/node_modules/teeny-request/build/src/index.js
+@@ -166,27 +166,27 @@ function teenyRequest(reqOpts, callback) {
+     }
+     if (callback === undefined) {
+         // Stream mode
+-        const requestStream = streamEvents(new stream_1.PassThrough());
++        const requestStream = new stream_1.PassThrough();
+         // eslint-disable-next-line @typescript-eslint/no-explicit-any
+-        let responseStream;
+-        requestStream.once('reading', () => {
+-            if (responseStream) {
+-                responseStream.pipe(requestStream);
+-            }
+-            else {
+-                requestStream.once('response', () => {
+-                    responseStream.pipe(requestStream);
+-                });
+-            }
+-        });
++        // let responseStream;
++        // requestStream.once('reading', () => {
++        //     if (responseStream) {
++        //         responseStream.pipe(requestStream);
++        //     }
++        //     else {
++        //         requestStream.once('response', () => {
++        //             responseStream.pipe(requestStream);
++        //         });
++        //     }
++        // });
+         options.compress = false;
+         teenyRequest.stats.requestStarting();
+         node_fetch_1.default(uri, options).then(res => {
+-            teenyRequest.stats.requestFinished();
+-            responseStream = res.body;
+-            responseStream.on('error', (err) => {
+-                requestStream.emit('error', err);
+-            });
++            teenyRequest.stats.requestFinished(); stream_1.pipeline(res.body, requestStream, () => {});
++            // responseStream = res.body;
++            // responseStream.on('error', (err) => {
++            //     requestStream.emit('error', err);
++            // });
+             const response = fetchToRequestResponse(options, res);
+             requestStream.emit('response', response);
+         }, err => {
diff --git a/patches/thread-loader+4.0.2.patch b/patches/thread-loader+4.0.2.patch
new file mode 100644
index 0000000..25b9691
--- /dev/null
+++ b/patches/thread-loader+4.0.2.patch
@@ -0,0 +1,81 @@
+diff --git a/node_modules/thread-loader/dist/WorkerPool.js b/node_modules/thread-loader/dist/WorkerPool.js
+index 4145779..f0ff068 100644
+--- a/node_modules/thread-loader/dist/WorkerPool.js
++++ b/node_modules/thread-loader/dist/WorkerPool.js
+@@ -258,6 +258,19 @@ class PoolWorker {
+           finalCallback();
+           break;
+         }
++      case 'logMessage':
++        {
++          const {
++            data: { loggerName, methodName, args }
++          } = message;
++          const {
++            data: jobData
++          } = this.jobs[id];
++          const logger = jobData.getLogger(loggerName);
++          logger[methodName].apply(logger, args);
++          finalCallback();
++          break;
++        }
+       case 'emitWarning':
+         {
+           const {
+diff --git a/node_modules/thread-loader/dist/index.js b/node_modules/thread-loader/dist/index.js
+index 75cd30f..d834af6 100644
+--- a/node_modules/thread-loader/dist/index.js
++++ b/node_modules/thread-loader/dist/index.js
+@@ -43,6 +43,7 @@ function pitch() {
+     sourceMap: this.sourceMap,
+     emitError: this.emitError,
+     emitWarning: this.emitWarning,
++    getLogger: this.getLogger,
+     loadModule: this.loadModule,
+     resolve: this.resolve,
+     getResolve: this.getResolve,
+diff --git a/node_modules/thread-loader/dist/worker.js b/node_modules/thread-loader/dist/worker.js
+index 8e67959..aca94f1 100644
+--- a/node_modules/thread-loader/dist/worker.js
++++ b/node_modules/thread-loader/dist/worker.js
+@@ -90,6 +90,22 @@ function writeJson(data) {
+   writePipeWrite(lengthBuffer);
+   writePipeWrite(messageBuffer);
+ }
++const LOGGER_METHODS = ['error', 'warn', 'info', 'log', 'debug', 'trace', 'group', 'groupEnd', 'groupCollapsed', 'status', 'clear', 'profile', 'profileEnd'];
++class Logger {
++  constructor(id, loggerName) {
++    this.id = id
++    this.loggerName = loggerName
++    for (const methodName of LOGGER_METHODS) {
++      this[methodName] = (...args) => {
++        writeJson({
++          type: 'logMessage',
++          id: this.id,
++          data: { loggerName, methodName, args }
++        })
++      }
++    }
++  }
++}
+ const queue = (0, _queue.default)(({
+   id,
+   data
+@@ -190,6 +206,7 @@ const queue = (0, _queue.default)(({
+           }
+           return options;
+         },
++        getLogger: (name) => new Logger(id, name),
+         emitWarning: warning => {
+           writeJson({
+             type: 'emitWarning',
+@@ -211,6 +228,9 @@ const queue = (0, _queue.default)(({
+           module._compile(code, filename); // eslint-disable-line no-underscore-dangle
+           return module.exports;
+         },
++        addDependency: filename => {
++          buildDependencies.push(filename);
++        },
+         addBuildDependency: filename => {
+           buildDependencies.push(filename);
+         },
diff --git a/server-ce/.editorconfig b/server-ce/.editorconfig
new file mode 100644
index 0000000..9d08a1a
--- /dev/null
+++ b/server-ce/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
diff --git a/server-ce/.eslintrc b/server-ce/.eslintrc
new file mode 100644
index 0000000..fc58ef3
--- /dev/null
+++ b/server-ce/.eslintrc
@@ -0,0 +1,25 @@
+{
+  "extends": [
+    "eslint:recommended",
+    "standard",
+    "prettier"
+  ],
+  "plugins": [
+    "unicorn"
+  ],
+  "parserOptions": {
+    "ecmaVersion": 2020
+  },
+  "env": {
+    "node": true
+  },
+  "rules": {
+    // Do not allow importing of implicit dependencies.
+    "import/no-extraneous-dependencies": "error",
+    "unicorn/prefer-node-protocol": "error"
+  },
+  "overrides": [
+    // Extra rules for Cypress tests
+    { "files": ["**/*.spec.ts"], "extends": ["plugin:cypress/recommended"] }
+  ]
+}
diff --git a/server-ce/Dockerfile b/server-ce/Dockerfile
new file mode 100644
index 0000000..be2d652
--- /dev/null
+++ b/server-ce/Dockerfile
@@ -0,0 +1,143 @@
+# ---------------------------------------------
+# Overleaf Community Edition (overleaf/overleaf)
+# ---------------------------------------------
+
+ARG OVERLEAF_BASE_TAG=sharelatex/sharelatex-base:arm64
+FROM $OVERLEAF_BASE_TAG
+
+WORKDIR /overleaf
+
+# Add required source files
+# -------------------------
+ADD server-ce/genScript.js /overleaf/genScript.js
+ADD server-ce/services.js /overleaf/services.js
+ADD package.json package-lock.json /overleaf/
+ADD libraries/ /overleaf/libraries/
+ADD services/ /overleaf/services/
+
+# Add npm patches
+# -----------------------
+ADD patches/ /overleaf/patches
+
+# Install npm dependencies and build webpack assets
+# ------------------------
+RUN --mount=type=cache,target=/root/.cache \
+    --mount=type=cache,target=/root/.npm \
+    --mount=type=cache,target=/overleaf/services/web/node_modules/.cache,id=server-ce-webpack-cache \
+    --mount=type=tmpfs,target=/tmp true \
+&&  node genScript install | bash \
+&&  node genScript compile | bash
+
+# Copy runit service startup scripts to its location
+# --------------------------------------------------
+ADD server-ce/runit /etc/service
+
+# Copy runit global settings to its location
+# ------------------------------------------
+ADD server-ce/config/env.sh /etc/overleaf/env.sh
+
+# Configure nginx
+# ---------------
+ADD server-ce/nginx/nginx.conf.template /etc/nginx/templates/nginx.conf.template
+ADD server-ce/nginx/overleaf.conf /etc/nginx/sites-enabled/overleaf.conf
+ADD server-ce/nginx/clsi-nginx.conf /etc/nginx/sites-enabled/clsi-nginx.conf
+
+
+# Configure log rotation
+# ----------------------
+ADD server-ce/logrotate/overleaf /etc/logrotate.d/overleaf
+RUN chmod 644 /etc/logrotate.d/overleaf
+
+# Configure cron tasks
+# ----------------------
+ADD server-ce/cron /overleaf/cron
+ADD server-ce/config/crontab-history /etc/cron.d/crontab-history
+RUN chmod 600 /etc/cron.d/crontab-history
+ADD server-ce/config/crontab-deletion /etc/cron.d/crontab-deletion
+RUN chmod 600 /etc/cron.d/crontab-deletion
+
+# Copy Phusion Image startup and shutdown scripts to their locations
+# ------------------------------------------------------------------
+COPY server-ce/init_scripts/ /etc/my_init.d/
+COPY server-ce/init_preshutdown_scripts/ /etc/my_init.pre_shutdown.d/
+
+# Copy app settings files
+# -----------------------
+COPY server-ce/config/settings.js /etc/overleaf/settings.js
+
+# Copy history-v1 files
+# -----------------------
+COPY server-ce/config/production.json /overleaf/services/history-v1/config/production.json
+COPY server-ce/config/custom-environment-variables.json /overleaf/services/history-v1/config/custom-environment-variables.json
+
+# Copy grunt thin wrapper
+# -----------------------
+ADD server-ce/bin/grunt /usr/local/bin/grunt
+RUN chmod +x /usr/local/bin/grunt
+
+# Fix error with envsubst
+# -----------------------
+RUN rm -rf /etc/apt/sources.list.d/ubuntu.sources
+COPY server-ce/ubuntu.sources /etc/apt/sources.list.d/ubuntu.sources
+RUN apt-get update \
+&&  apt-get install -y \
+        gettext-base
+
+# Install full texlive
+RUN apt-get install -y texlive-full
+
+# Install pygments for minted
+RUN apt-get install -y python3-pygments
+
+# Node doesn't run with this file
+# -----------------------
+RUN find / -name 'crc32c.node' -type f -delete
+    
+    
+
+# Copy history helper scripts
+# ---------------------------
+ADD server-ce/bin/flush-history-queues /overleaf/bin/flush-history-queues
+RUN chmod +x /overleaf/bin/flush-history-queues
+ADD server-ce/bin/force-history-resyncs /overleaf/bin/force-history-resyncs
+RUN chmod +x /overleaf/bin/force-history-resyncs
+
+# Copy Latexmkrc
+# -----------------------
+COPY server-ce/config/latexmkrc /usr/local/share/latexmk/LatexMk
+
+# File that controls open|closed status of the site
+# -------------------------------------------------
+ENV SITE_MAINTENANCE_FILE="/etc/overleaf/site_status"
+RUN touch $SITE_MAINTENANCE_FILE
+
+# Set Environment Variables
+# --------------------------------
+ENV OVERLEAF_CONFIG=/etc/overleaf/settings.js
+
+ENV WEB_API_USER="overleaf"
+ENV ADMIN_PRIVILEGE_AVAILABLE="true"
+
+ENV OVERLEAF_APP_NAME="Overleaf Community Edition"
+
+ENV OPTIMISE_PDF="true"
+
+# Phusion Image timeouts before sending SIGKILL to processes
+# ----------------------------------------------------------
+ENV KILL_PROCESS_TIMEOUT=55
+ENV KILL_ALL_PROCESSES_TIMEOUT=55
+ENV GRACEFUL_SHUTDOWN_DELAY_SECONDS=1
+
+ENV NODE_ENV="production"
+ENV LOG_LEVEL="info"
+
+
+EXPOSE 80
+
+ENTRYPOINT ["/sbin/my_init"]
+
+# Store the revision
+# ------------------
+# This should be the last step to optimize docker image caching.
+ARG MONOREPO_REVISION
+RUN echo "monorepo-server-ce,$MONOREPO_REVISION" > /var/www/revisions.txt
diff --git a/server-ce/Dockerfile-base b/server-ce/Dockerfile-base
new file mode 100644
index 0000000..a7836ec
--- /dev/null
+++ b/server-ce/Dockerfile-base
@@ -0,0 +1,91 @@
+# --------------------------------------------------
+# Overleaf Base Image (sharelatex/sharelatex-base)
+# --------------------------------------------------
+
+FROM phusion-baseimage:offline
+
+# Makes sure LuaTex cache is writable
+# -----------------------------------
+ENV TEXMFVAR=/var/lib/overleaf/tmp/texmf-var
+
+# Update to ensure dependencies are updated
+# ------------------------------------------
+ENV REBUILT_AFTER="2025-03-27"
+
+# Install dependencies
+# --------------------
+RUN --mount=type=cache,target=/var/cache/apt,sharing=locked \
+# Technically, we are using potentially stale package-lists with the below line.
+# Practically, apt refreshes the lists as needed and release builds run in fresh CI VMs without the cache.
+    --mount=type=cache,target=/var/lib/apt/lists,sharing=locked true \
+# Enable caching: https://docs.docker.com/reference/dockerfile/#example-cache-apt-packages
+&&  rm -f /etc/apt/apt.conf.d/docker-clean && echo 'Binary::apt::APT::Keep-Downloaded-Packages "true";' > /etc/apt/apt.conf.d/keep-cache \
+&&  apt-get update \
+&&  apt-get install -y \
+      unattended-upgrades \
+      build-essential wget net-tools unzip time imagemagick optipng strace nginx git python3 python-is-python3 zlib1g-dev libpcre3-dev gettext-base libwww-perl ca-certificates curl gnupg \
+      qpdf texlive-base latexmk texlive-extra-utils \
+# upgrade base-image, batch all the upgrades together, rather than installing them on-by-one (which is slow!)
+&&  unattended-upgrade --verbose --no-minimal-upgrade-steps \
+# install Node.js https://github.com/nodesource/distributions#nodejs
+&&  mkdir -p /etc/apt/keyrings \
+&&  curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | gpg --dearmor -o /etc/apt/keyrings/nodesource.gpg \
+&&  echo "deb [signed-by=/etc/apt/keyrings/nodesource.gpg] https://deb.nodesource.com/node_20.x nodistro main" | tee /etc/apt/sources.list.d/nodesource.list \
+&&  apt-get update \
+&&  apt-get install -y nodejs \
+    \
+&&  rm -rf \
+# We are adding a custom nginx config in the main Dockerfile.
+      /etc/nginx/nginx.conf \
+      /etc/nginx/sites-enabled/default
+
+# Install TexLive
+# ---------------
+# CTAN mirrors occasionally fail, in that case install TexLive using a
+# different server, for example https://ctan.crest.fr
+#
+# # docker build \
+#     --build-arg TEXLIVE_MIRROR=https://ctan.crest.fr/tex-archive/systems/texlive/tlnet \
+#     -f Dockerfile-base -t sharelatex/sharelatex-base .
+# ARG TEXLIVE_MIRROR=https://mirror.ox.ac.uk/sites/ctan.org/systems/texlive/tlnet
+
+# RUN mkdir /install-tl-unx \
+# &&  wget --quiet https://tug.org/texlive/files/texlive.asc \
+# &&  gpg --import texlive.asc \
+# &&  rm texlive.asc \
+# &&  wget --quiet ${TEXLIVE_MIRROR}/install-tl-unx.tar.gz \
+# &&  wget --quiet ${TEXLIVE_MIRROR}/install-tl-unx.tar.gz.sha512 \
+# &&  wget --quiet ${TEXLIVE_MIRROR}/install-tl-unx.tar.gz.sha512.asc \
+# &&  gpg --verify install-tl-unx.tar.gz.sha512.asc \
+# &&  sha512sum -c install-tl-unx.tar.gz.sha512 \
+# &&  tar -xz -C /install-tl-unx --strip-components=1 -f install-tl-unx.tar.gz \
+# &&  rm install-tl-unx.tar.gz* \
+# &&  echo "tlpdbopt_autobackup 0" >> /install-tl-unx/texlive.profile \
+# &&  echo "tlpdbopt_install_docfiles 0" >> /install-tl-unx/texlive.profile \
+# &&  echo "tlpdbopt_install_srcfiles 0" >> /install-tl-unx/texlive.profile \
+# &&  echo "selected_scheme scheme-basic" >> /install-tl-unx/texlive.profile \
+#     \
+# &&  /install-tl-unx/install-tl \
+#       -profile /install-tl-unx/texlive.profile \
+#       -repository ${TEXLIVE_MIRROR} \
+#     \
+# &&  $(find /usr/local/texlive -name tlmgr) path add \
+# &&  tlmgr install --repository ${TEXLIVE_MIRROR} \
+#       latexmk \
+#       texcount \
+#       synctex \
+#       etoolbox \
+#       xetex \
+# &&  tlmgr path add \
+# &&  rm -rf /install-tl-unx
+
+
+# Set up overleaf user and home directory
+# -----------------------------------------
+RUN adduser --system --group --home /overleaf --no-create-home overleaf && \
+	mkdir -p /var/lib/overleaf && \
+	chown www-data:www-data /var/lib/overleaf && \
+	mkdir -p /var/log/overleaf && \
+	chown www-data:www-data /var/log/overleaf && \
+	mkdir -p /var/lib/overleaf/data/template_files && \
+	chown www-data:www-data /var/lib/overleaf/data/template_files
diff --git a/server-ce/Makefile b/server-ce/Makefile
new file mode 100644
index 0000000..e90d77b
--- /dev/null
+++ b/server-ce/Makefile
@@ -0,0 +1,60 @@
+# Makefile
+
+MONOREPO_ROOT := ../
+HERE=$(shell pwd)
+export MONOREPO_REVISION := $(shell git rev-parse HEAD)
+export BRANCH_NAME ?= $(shell git rev-parse --abbrev-ref HEAD)
+export OVERLEAF_BASE_BRANCH ?= sharelatex/sharelatex-base:$(BRANCH_NAME)
+export OVERLEAF_BASE_LATEST ?= sharelatex/sharelatex-base
+export OVERLEAF_BASE_TAG ?= sharelatex/sharelatex-base:arm64
+export OVERLEAF_BRANCH ?= sharelatex/sharelatex:$(BRANCH_NAME)
+export OVERLEAF_LATEST ?= sharelatex/sharelatex
+export OVERLEAF_TAG ?= sharelatex/sharelatex:arm64
+
+all: build-base build-community
+
+build-base:
+	cp .dockerignore $(MONOREPO_ROOT)
+	docker build \
+	  --build-arg BUILDKIT_INLINE_CACHE=1 \
+	  --progress=plain \
+	  --file Dockerfile-base \
+	  --tag $(OVERLEAF_BASE_TAG) \
+	  --tag $(OVERLEAF_BASE_BRANCH) \
+	  $(MONOREPO_ROOT)
+
+
+build-community:
+	cp .dockerignore $(MONOREPO_ROOT)
+	docker build \
+	  --build-arg BUILDKIT_INLINE_CACHE=1 \
+	  --progress=plain \
+	  --build-arg OVERLEAF_BASE_TAG \
+	  --build-arg MONOREPO_REVISION \
+	  --file Dockerfile \
+	  --tag $(OVERLEAF_TAG) \
+	  --tag $(OVERLEAF_BRANCH) \
+	  $(MONOREPO_ROOT)
+
+SHELLCHECK_OPTS = \
+	--shell=bash \
+	--external-sources \
+	--exclude=SC1091
+SHELLCHECK_COLOR := $(if $(CI),--color=never,--color)
+SHELLCHECK_FILES := { git ls-files "*.sh" -z; git grep -Plz "\A\#\!.*bash"; } | sort -zu
+
+shellcheck:
+	@$(SHELLCHECK_FILES) | xargs -0 -r docker run --rm -v $(HERE):/mnt -w /mnt \
+		koalaman/shellcheck:stable $(SHELLCHECK_OPTS) $(SHELLCHECK_COLOR)
+
+shellcheck_fix:
+	@$(SHELLCHECK_FILES) | while IFS= read -r -d '' file; do \
+		diff=$$(docker run --rm -v $(HERE):/mnt -w /mnt koalaman/shellcheck:stable $(SHELLCHECK_OPTS) --format=diff "$$file" 2>/dev/null); \
+		if [ -n "$$diff" ] && ! echo "$$diff" | patch -p1 >/dev/null 2>&1; then echo "\033[31m$$file\033[0m"; \
+		elif [ -n "$$diff" ]; then echo "$$file"; \
+		else echo "\033[2m$$file\033[0m"; fi \
+	done
+
+.PHONY: all \
+	build-base build-community \
+	shellcheck shellcheck_fix
diff --git a/server-ce/bin/flush-history-queues b/server-ce/bin/flush-history-queues
new file mode 100755
index 0000000..b54bc55
--- /dev/null
+++ b/server-ce/bin/flush-history-queues
@@ -0,0 +1,8 @@
+#!/bin/bash
+
+set -euo pipefail
+
+source /etc/container_environment.sh
+source /etc/overleaf/env.sh
+cd /overleaf/services/project-history
+node scripts/flush_all.js 100000
diff --git a/server-ce/bin/force-history-resyncs b/server-ce/bin/force-history-resyncs
new file mode 100755
index 0000000..389c98a
--- /dev/null
+++ b/server-ce/bin/force-history-resyncs
@@ -0,0 +1,8 @@
+#!/bin/bash
+
+set -euo pipefail
+
+source /etc/container_environment.sh
+source /etc/overleaf/env.sh
+cd /overleaf/services/project-history
+node scripts/force_resync.js 1000 force
diff --git a/server-ce/bin/grunt b/server-ce/bin/grunt
new file mode 100755
index 0000000..462c68d
--- /dev/null
+++ b/server-ce/bin/grunt
@@ -0,0 +1,36 @@
+#!/bin/bash
+# Thin wrapper on old grunt tasks to ease migrating.
+
+set -e
+set -x
+TASK="$1"
+shift 1
+
+cd /overleaf/services/web
+
+case "$TASK" in
+  user:create-admin)
+    echo "The grunt command is deprecated, run the create-user script using node instead"
+    node modules/server-ce-scripts/scripts/create-user.mjs --admin "$@"
+    ;;
+
+  user:delete)
+    echo "The grunt command is deprecated, run the delete-user script using node instead"
+    node modules/server-ce-scripts/scripts/delete-user.mjs "$@"
+    ;;
+
+  check:mongo)
+    echo "The grunt command is deprecated, run the check-mongodb script using node instead"
+    node modules/server-ce-scripts/scripts/check-mongodb.mjs
+    ;;
+
+  check:redis)
+    echo "The grunt command is deprecated, run the check-redis script using node instead"
+    node modules/server-ce-scripts/scripts/check-redis.mjs
+    ;;
+
+  *)
+    echo "Unknown task $TASK"
+    exit 1
+    ;;
+esac
diff --git a/server-ce/bin/rename-env-vars-5-0.sh b/server-ce/bin/rename-env-vars-5-0.sh
new file mode 100755
index 0000000..292d698
--- /dev/null
+++ b/server-ce/bin/rename-env-vars-5-0.sh
@@ -0,0 +1,18 @@
+#!/bin/bash
+
+set -euo pipefail
+
+FILE=${1:-docker-compose.yml}
+if [[ ! -f "$FILE" ]]; then
+  echo "Expected to find $FILE, are you in the wrong directory?"
+  exit 2
+fi
+
+BACKUP_FILE="$FILE.$(date '+%Y.%m.%d-%H.%M.%S')"
+echo "Creating backup file $BACKUP_FILE"
+cp "$FILE" "$BACKUP_FILE"
+
+echo "Replacing 'SHARELATEX_' with 'OVERLEAF_' in $FILE"
+sed -i "s/SHARELATEX_/OVERLEAF_/g" "$FILE"
+
+echo "Done."
diff --git a/server-ce/bin/shared b/server-ce/bin/shared
new file mode 120000
index 0000000..418b1bc
--- /dev/null
+++ b/server-ce/bin/shared
@@ -0,0 +1 @@
+../../bin/shared/
\ No newline at end of file
diff --git a/server-ce/cloudbuild.public.yaml b/server-ce/cloudbuild.public.yaml
new file mode 100644
index 0000000..f682a17
--- /dev/null
+++ b/server-ce/cloudbuild.public.yaml
@@ -0,0 +1,77 @@
+---
+
+steps:
+  - id: build_base
+    name: us-east1-docker.pkg.dev/overleaf-ops/ol-docker/cloud-builder
+    dir: server-ce
+    args:
+      - 'build-base'
+  - id: tag_main_latest_base
+    name: gcr.io/cloud-builders/docker
+    script: |
+      #!/usr/bin/env bash
+      set -e
+      if [ ${BRANCH_NAME} == main ]; then
+        docker tag ${_IMAGE_BASE} ${_IMAGE_BASE_LATEST};
+        docker push ${_IMAGE_BASE_LATEST};
+      fi
+    automapSubstitutions: true
+  - id: prefetch_ce
+    name: gcr.io/cloud-builders/docker
+    script: |
+      #!/usr/bin/env bash
+      set +e # Ignore pull failures
+      docker pull ${_IMAGE_TAG_BRANCH}
+      docker pull ${_IMAGE_TAG_LATEST}
+      exit 0
+    automapSubstitutions: true
+    waitFor:
+      - '-'
+  - id: build_community
+    name: us-east1-docker.pkg.dev/overleaf-ops/ol-docker/cloud-builder
+    dir: server-ce
+    args:
+      - build-community
+    waitFor:
+      # do not wait for prefetch_ce, docker buildx will pull it as needed
+      - build_base
+  - id: tag_main_latest
+    name: gcr.io/cloud-builders/docker
+    script: |
+      #!/usr/bin/env bash
+      set -e
+      if [ $BRANCH_NAME == main ]; then
+        docker tag ${_IMAGE_TAG} ${_IMAGE_TAG_LATEST};
+        docker push ${_IMAGE_TAG_LATEST};
+      fi
+    automapSubstitutions: true
+    waitFor:
+      - build_community
+timeout: 3600s
+options:
+  machineType: E2_HIGHCPU_32
+  env:
+    - 'BRANCH_NAME=${BRANCH_NAME}'
+    # docker build
+    - 'OVERLEAF_BASE_BRANCH=${_IMAGE_BASE_BRANCH}'
+    - 'OVERLEAF_BASE_LATEST=${_IMAGE_BASE_LATEST}'
+    - 'OVERLEAF_BASE_TAG=${_IMAGE_BASE}'
+    - 'OVERLEAF_BRANCH=${_IMAGE_TAG_BRANCH}'
+    - 'OVERLEAF_LATEST=${_IMAGE_TAG_LATEST}'
+    - 'OVERLEAF_TAG=${_IMAGE_TAG}'
+images:
+  - '${_IMAGE_BASE}'
+  - '${_IMAGE_BASE_BRANCH}'
+  - '${_IMAGE_TAG}'
+  - '${_IMAGE_TAG_BRANCH}'
+substitutions:
+  _IMAGE_BASE: 'us-east1-docker.pkg.dev/overleaf-ops/ol-docker/overleaf-base:${BRANCH_NAME}-${SHORT_SHA}_${BUILD_ID}'
+  _IMAGE_BASE_BRANCH: 'us-east1-docker.pkg.dev/overleaf-ops/ol-docker/overleaf-base:${BRANCH_NAME}'
+  _IMAGE_BASE_LATEST: 'us-east1-docker.pkg.dev/overleaf-ops/ol-docker/overleaf-base:latest'
+  _IMAGE_TAG_BRANCH: 'us-east1-docker.pkg.dev/overleaf-ops/ol-docker/overleaf:${BRANCH_NAME}'
+  _IMAGE_TAG_LATEST: 'us-east1-docker.pkg.dev/overleaf-ops/ol-docker/overleaf:latest'
+  _IMAGE_TAG: 'us-east1-docker.pkg.dev/overleaf-ops/ol-docker/overleaf:${BRANCH_NAME}-${SHORT_SHA}_${BUILD_ID}'
+tags:
+  - 'overleaf-public'
+  - '${BRANCH_NAME}'
+  - '${SHORT_SHA}'
diff --git a/server-ce/config/crontab-deletion b/server-ce/config/crontab-deletion
new file mode 100644
index 0000000..91a780d
--- /dev/null
+++ b/server-ce/config/crontab-deletion
@@ -0,0 +1,3 @@
+5 * * * *    root  /overleaf/cron/deactivate-projects.sh >> /var/log/overleaf/cron-deactivate-projects.log 2>&1
+15 * * * *   root  /overleaf/cron/delete-users.sh >> /var/log/overleaf/cron-delete-users.log 2>&1
+20 * * * *   root  /overleaf/cron/delete-projects.sh >> /var/log/overleaf/cron-delete-projects.log 2>&1
diff --git a/server-ce/config/crontab-history b/server-ce/config/crontab-history
new file mode 100644
index 0000000..cfa12f9
--- /dev/null
+++ b/server-ce/config/crontab-history
@@ -0,0 +1,3 @@
+*/20 * * * *  root  /overleaf/cron/project-history-periodic-flush.sh >> /var/log/overleaf/cron-project-history-periodic-flush.log 2>&1
+30 * * * *    root  /overleaf/cron/project-history-retry-soft.sh >> /var/log/overleaf/project-history-retry-soft.log 2>&1
+45 * * * *    root  /overleaf/cron/project-history-retry-hard.sh >> /var/log/overleaf/project-history-retry-hard.log 2>&1
diff --git a/server-ce/config/custom-environment-variables.json b/server-ce/config/custom-environment-variables.json
new file mode 100644
index 0000000..f65f74a
--- /dev/null
+++ b/server-ce/config/custom-environment-variables.json
@@ -0,0 +1,61 @@
+{
+  "databaseUrl": "HISTORY_CONNECTION_STRING",
+  "databaseUrlReadOnly": "HISTORY_FOLLOWER_CONNECTION_STRING",
+  "herokuDatabaseUrl": "DATABASE_URL",
+  "databasePoolMin": "DATABASE_POOL_MIN",
+  "databasePoolMax": "DATABASE_POOL_MAX",
+  "persistor": {
+    "backend": "OVERLEAF_HISTORY_BACKEND",
+    "s3": {
+      "key": "OVERLEAF_HISTORY_S3_ACCESS_KEY_ID",
+      "secret": "OVERLEAF_HISTORY_S3_SECRET_ACCESS_KEY",
+      "maxRetries": "OVERLEAF_HISTORY_S3_MAX_RETRIES",
+      "endpoint": "OVERLEAF_HISTORY_S3_ENDPOINT",
+      "pathStyle": "OVERLEAF_HISTORY_S3_PATH_STYLE",
+      "region": "OVERLEAF_HISTORY_S3_REGION",
+      "httpOptions": {
+        "timeout": "OVERLEAF_HISTORY_S3_TIMEOUT"
+      }
+    }
+  },
+  "blobStore": {
+    "globalBucket": "OVERLEAF_HISTORY_BLOBS_BUCKET",
+    "projectBucket": "OVERLEAF_HISTORY_PROJECT_BLOBS_BUCKET"
+  },
+  "chunkStore": {
+    "historyStoreConcurrency": "HISTORY_STORE_CONCURRENCY",
+    "bucket": "OVERLEAF_HISTORY_CHUNKS_BUCKET"
+  },
+  "zipStore": {
+    "bucket": "OVERLEAF_HISTORY_ZIPS_BUCKET",
+    "zipTimeoutMs": "ZIP_STORE_ZIP_TIMEOUT_MS"
+  },
+  "mongo": {
+    "uri": "OVERLEAF_MONGO_URL"
+  },
+  "basicHttpAuth": {
+    "password": "STAGING_PASSWORD",
+    "oldPassword": "BASIC_HTTP_AUTH_OLD_PASSWORD"
+  },
+  "jwtAuth": {
+    "key": "OT_JWT_AUTH_KEY",
+    "oldKey": "OT_JWT_AUTH_OLD_KEY",
+    "algorithm": "OT_JWT_AUTH_ALG"
+  },
+  "clusterWorkers": "CLUSTER_WORKERS",
+  "maxFileUploadSize": "MAX_FILE_UPLOAD_SIZE",
+  "httpsOnly": "HTTPS_ONLY",
+  "httpRequestTimeout": "OVERLEAF_HISTORY_V1_HTTP_REQUEST_TIMEOUT",
+  "redis": {
+    "history": {
+      "host": "OVERLEAF_REDIS_HOST",
+      "password": "OVERLEAF_REDIS_PASS",
+      "port": "OVERLEAF_REDIS_PORT"
+    },
+    "lock": {
+      "host": "OVERLEAF_REDIS_HOST",
+      "password": "OVERLEAF_REDIS_PASS",
+      "port": "OVERLEAF_REDIS_PORT"
+    }
+  }
+}
diff --git a/server-ce/config/env.sh b/server-ce/config/env.sh
new file mode 100644
index 0000000..b12ca24
--- /dev/null
+++ b/server-ce/config/env.sh
@@ -0,0 +1,13 @@
+export CHAT_HOST=127.0.0.1
+export CLSI_HOST=127.0.0.1
+export CONTACTS_HOST=127.0.0.1
+export DOCSTORE_HOST=127.0.0.1
+export DOCUMENT_UPDATER_HOST=127.0.0.1
+export DOCUPDATER_HOST=127.0.0.1
+export FILESTORE_HOST=127.0.0.1
+export HISTORY_V1_HOST=127.0.0.1
+export NOTIFICATIONS_HOST=127.0.0.1
+export PROJECT_HISTORY_HOST=127.0.0.1
+export REALTIME_HOST=127.0.0.1
+export WEB_HOST=127.0.0.1
+export WEB_API_HOST=127.0.0.1
diff --git a/server-ce/config/latexmkrc b/server-ce/config/latexmkrc
new file mode 100644
index 0000000..5bdc87c
--- /dev/null
+++ b/server-ce/config/latexmkrc
@@ -0,0 +1,3 @@
+# equivalent to -gt option. Used to prevent latexmk from skipping recompilation
+# of output.log and output.pdf
+$go_mode = 3;
diff --git a/server-ce/config/production.json b/server-ce/config/production.json
new file mode 100644
index 0000000..f902bea
--- /dev/null
+++ b/server-ce/config/production.json
@@ -0,0 +1,24 @@
+{
+  "persistor": {
+    "backend": "fs",
+    "useSubdirectories": true
+  },
+  "basicHttpAuth": {
+    "password": "password"
+  },
+  "useDeleteObjects": "false",
+  "jwtAuth": {
+    "algorithm": "HS256"
+  },
+  "mongo": {},
+  "blobStore": {
+    "globalBucket": "/var/lib/overleaf/data/history/overleaf-global-blobs",
+    "projectBucket": "/var/lib/overleaf/data/history/overleaf-project-blobs"
+  },
+  "chunkStore": {
+    "bucket": "/var/lib/overleaf/data/history/overleaf-chunks"
+  },
+  "zipStore": {
+    "bucket": "/var/lib/overleaf/data/history/overleaf-zips"
+  }
+}
diff --git a/server-ce/config/settings.js b/server-ce/config/settings.js
new file mode 100644
index 0000000..0cf2c5a
--- /dev/null
+++ b/server-ce/config/settings.js
@@ -0,0 +1,473 @@
+/* eslint-disable
+    camelcase,
+    no-cond-assign,
+    no-dupe-keys,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let redisConfig, siteUrl
+let e
+const Path = require('path')
+
+// These credentials are used for authenticating api requests
+// between services that may need to go over public channels
+const httpAuthUser = process.env.WEB_API_USER
+const httpAuthPass = process.env.WEB_API_PASSWORD
+const httpAuthUsers = {}
+if (httpAuthUser && httpAuthPass) {
+  httpAuthUsers[httpAuthUser] = httpAuthPass
+}
+
+const parse = function (option) {
+  if (option != null) {
+    try {
+      const opt = JSON.parse(option)
+      return opt
+    } catch (err) {
+      throw new Error(`problem parsing ${option}, invalid JSON`)
+    }
+  }
+}
+
+const parseIntOrFail = function (value) {
+  const parsedValue = parseInt(value, 10)
+  if (isNaN(parsedValue)) {
+    throw new Error(`'${value}' is an invalid integer`)
+  }
+  return parsedValue
+}
+
+const DATA_DIR = '/var/lib/overleaf/data'
+const TMP_DIR = '/var/lib/overleaf/tmp'
+
+const settings = {
+  clsi: {
+    optimiseInDocker: process.env.OPTIMISE_PDF === 'true',
+  },
+
+  brandPrefix: '',
+
+  allowAnonymousReadAndWriteSharing:
+    process.env.OVERLEAF_ALLOW_ANONYMOUS_READ_AND_WRITE_SHARING === 'true',
+
+  // Databases
+  // ---------
+
+  // Overleaf Community Edition's main persistent data store is MongoDB (http://www.mongodb.org/)
+  // Documentation about the URL connection string format can be found at:
+  //
+  //    http://docs.mongodb.org/manual/reference/connection-string/
+  //
+  // The following works out of the box with Mongo's default settings:
+  mongo: {
+    url: process.env.OVERLEAF_MONGO_URL || 'mongodb://dockerhost/sharelatex',
+  },
+
+  // Redis is used in Overleaf Community Edition for high volume queries, like real-time
+  // editing, and session management.
+  //
+  // The following config will work with Redis's default settings:
+  redis: {
+    web: (redisConfig = {
+      host: process.env.OVERLEAF_REDIS_HOST || 'dockerhost',
+      port: process.env.OVERLEAF_REDIS_PORT || '6379',
+      password: process.env.OVERLEAF_REDIS_PASS || undefined,
+      key_schema: {
+        // document-updater
+        blockingKey({ doc_id }) {
+          return `Blocking:${doc_id}`
+        },
+        docLines({ doc_id }) {
+          return `doclines:${doc_id}`
+        },
+        docOps({ doc_id }) {
+          return `DocOps:${doc_id}`
+        },
+        docVersion({ doc_id }) {
+          return `DocVersion:${doc_id}`
+        },
+        docHash({ doc_id }) {
+          return `DocHash:${doc_id}`
+        },
+        projectKey({ doc_id }) {
+          return `ProjectId:${doc_id}`
+        },
+        docsInProject({ project_id }) {
+          return `DocsIn:${project_id}`
+        },
+        ranges({ doc_id }) {
+          return `Ranges:${doc_id}`
+        },
+        // document-updater:realtime
+        pendingUpdates({ doc_id }) {
+          return `PendingUpdates:${doc_id}`
+        },
+        // document-updater:history
+        uncompressedHistoryOps({ doc_id }) {
+          return `UncompressedHistoryOps:${doc_id}`
+        },
+        docsWithHistoryOps({ project_id }) {
+          return `DocsWithHistoryOps:${project_id}`
+        },
+        // document-updater:lock
+        blockingKey({ doc_id }) {
+          return `Blocking:${doc_id}`
+        },
+        // realtime
+        clientsInProject({ project_id }) {
+          return `clients_in_project:${project_id}`
+        },
+        connectedUser({ project_id, client_id }) {
+          return `connected_user:${project_id}:${client_id}`
+        },
+      },
+    }),
+    fairy: redisConfig,
+    // document-updater
+    realtime: redisConfig,
+    documentupdater: redisConfig,
+    lock: redisConfig,
+    history: redisConfig,
+    websessions: redisConfig,
+    api: redisConfig,
+    pubsub: redisConfig,
+    project_history: redisConfig,
+
+    project_history_migration: {
+      host: redisConfig.host,
+      port: redisConfig.port,
+      password: redisConfig.password,
+      maxRetriesPerRequest: parseInt(
+        process.env.REDIS_MAX_RETRIES_PER_REQUEST || '20'
+      ),
+      key_schema: {
+        projectHistoryOps({ projectId }) {
+          return `ProjectHistory:Ops:{${projectId}}` // NOTE: the extra braces are intentional
+        },
+      },
+    },
+  },
+
+  // Local disk caching
+  // ------------------
+  path: {
+    // If we ever need to write something to disk (e.g. incoming requests
+    // that need processing but may be too big for memory), then write
+    // them to disk here:
+    dumpFolder: Path.join(TMP_DIR, 'dumpFolder'),
+    // Where to write uploads before they are processed
+    uploadFolder: Path.join(TMP_DIR, 'uploads'),
+    // Where to write intermediate file for full project history migration
+    projectHistories: Path.join(TMP_DIR, 'projectHistories'),
+    // Where to write the project to disk before running LaTeX on it
+    compilesDir: Path.join(DATA_DIR, 'compiles'),
+    // Where to cache downloaded URLs for the CLSI
+    clsiCacheDir: Path.join(DATA_DIR, 'cache'),
+    // Where to write the output files to disk after running LaTeX
+    outputDir: Path.join(DATA_DIR, 'output'),
+  },
+
+  // Server Config
+  // -------------
+
+  // Where your instance of Overleaf Community Edition can be found publicly. This is used
+  // when emails are sent out and in generated links:
+  siteUrl: (siteUrl = process.env.OVERLEAF_SITE_URL || 'http://localhost'),
+
+  // Status page URL as displayed on the maintenance/500 pages.
+  statusPageUrl: process.env.OVERLEAF_STATUS_PAGE_URL,
+
+  // The name this is used to describe your Overleaf Community Edition Installation
+  appName: process.env.OVERLEAF_APP_NAME || 'Overleaf Community Edition',
+
+  restrictInvitesToExistingAccounts:
+    process.env.OVERLEAF_RESTRICT_INVITES_TO_EXISTING_ACCOUNTS === 'true',
+
+  nav: {
+    title:
+      process.env.OVERLEAF_NAV_TITLE ||
+      process.env.OVERLEAF_APP_NAME ||
+      'Overleaf Community Edition',
+  },
+
+  // The email address which users will be directed to as the main point of
+  // contact for this installation of Overleaf Community Edition.
+  adminEmail: process.env.OVERLEAF_ADMIN_EMAIL || 'placeholder@example.com',
+
+  // If provided, a sessionSecret is used to sign cookies so that they cannot be
+  // spoofed. This is recommended.
+  security: {
+    sessionSecret:
+      process.env.OVERLEAF_SESSION_SECRET || process.env.CRYPTO_RANDOM,
+  },
+
+  csp: {
+    enabled: process.env.OVERLEAF_CSP_ENABLED !== 'false',
+  },
+
+  rateLimit: {
+    subnetRateLimiterDisabled:
+      process.env.SUBNET_RATE_LIMITER_DISABLED !== 'false',
+  },
+
+  // These credentials are used for authenticating api requests
+  // between services that may need to go over public channels
+  httpAuthUsers,
+
+  // Should javascript assets be served minified or not.
+  useMinifiedJs: true,
+
+  // Should static assets be sent with a header to tell the browser to cache
+  // them. This should be false in development where changes are being made,
+  // but should be set to true in production.
+  cacheStaticAssets: true,
+
+  // If you are running Overleaf Community Edition over https, set this to true to send the
+  // cookie with a secure flag (recommended).
+  secureCookie: process.env.OVERLEAF_SECURE_COOKIE != null,
+
+  // If you are running Overleaf Community Edition behind a proxy (like Apache, Nginx, etc)
+  // then set this to true to allow it to correctly detect the forwarded IP
+  // address and http/https protocol information.
+
+  behindProxy: process.env.OVERLEAF_BEHIND_PROXY || false,
+  trustedProxyIps: process.env.OVERLEAF_TRUSTED_PROXY_IPS,
+
+  // The amount of time, in milliseconds, until the (rolling) cookie session expires
+  cookieSessionLength: parseInt(
+    process.env.OVERLEAF_COOKIE_SESSION_LENGTH || 5 * 24 * 60 * 60 * 1000, // default 5 days
+    10
+  ),
+
+  redisLockTTLSeconds: parseInt(
+    process.env.OVERLEAF_REDIS_LOCK_TTL_SECONDS || '60',
+    10
+  ),
+
+  i18n: {
+    subdomainLang: {
+      www: {
+        lngCode: process.env.OVERLEAF_SITE_LANGUAGE || 'en',
+        url: siteUrl,
+      },
+    },
+    defaultLng: process.env.OVERLEAF_SITE_LANGUAGE || 'en',
+  },
+
+  currentImageName: process.env.TEX_LIVE_DOCKER_IMAGE,
+
+  apis: {
+    web: {
+      url: 'http://127.0.0.1:3000',
+      user: httpAuthUser,
+      pass: httpAuthPass,
+    },
+    project_history: {
+      sendProjectStructureOps: true,
+      url: 'http://127.0.0.1:3054',
+    },
+    v1_history: {
+      url: process.env.V1_HISTORY_URL || 'http://127.0.0.1:3100/api',
+      user: 'staging',
+      pass: process.env.STAGING_PASSWORD,
+      requestTimeout: parseInt(
+        process.env.OVERLEAF_HISTORY_V1_HTTP_REQUEST_TIMEOUT || '300000', // default is 5min
+        10
+      ),
+    },
+  },
+  references: {},
+  notifications: undefined,
+
+  defaultFeatures: {
+    collaborators: -1,
+    dropbox: true,
+    versioning: true,
+    compileTimeout: parseIntOrFail(process.env.COMPILE_TIMEOUT || 180),
+    compileGroup: 'standard',
+    trackChanges: true,
+    references: true,
+  },
+}
+
+// # OPTIONAL CONFIGURABLE SETTINGS
+
+if (process.env.OVERLEAF_LEFT_FOOTER != null) {
+  try {
+    settings.nav.left_footer = JSON.parse(process.env.OVERLEAF_LEFT_FOOTER)
+  } catch (error) {
+    e = error
+    console.error('could not parse OVERLEAF_LEFT_FOOTER, not valid JSON')
+  }
+}
+
+if (process.env.OVERLEAF_RIGHT_FOOTER != null) {
+  settings.nav.right_footer = process.env.OVERLEAF_RIGHT_FOOTER
+  try {
+    settings.nav.right_footer = JSON.parse(process.env.OVERLEAF_RIGHT_FOOTER)
+  } catch (error1) {
+    e = error1
+    console.error('could not parse OVERLEAF_RIGHT_FOOTER, not valid JSON')
+  }
+}
+
+if (process.env.OVERLEAF_HEADER_IMAGE_URL != null) {
+  settings.nav.custom_logo = process.env.OVERLEAF_HEADER_IMAGE_URL
+}
+
+if (process.env.OVERLEAF_HEADER_EXTRAS != null) {
+  try {
+    settings.nav.header_extras = JSON.parse(process.env.OVERLEAF_HEADER_EXTRAS)
+  } catch (error2) {
+    e = error2
+    console.error('could not parse OVERLEAF_HEADER_EXTRAS, not valid JSON')
+  }
+}
+
+if (process.env.OVERLEAF_LOGIN_SUPPORT_TEXT != null) {
+  settings.nav.login_support_text = process.env.OVERLEAF_LOGIN_SUPPORT_TEXT
+}
+
+if (process.env.OVERLEAF_LOGIN_SUPPORT_TITLE != null) {
+  settings.nav.login_support_title = process.env.OVERLEAF_LOGIN_SUPPORT_TITLE
+}
+
+// Sending Email
+// -------------
+//
+// You must configure a mail server to be able to send invite emails from
+// Overleaf Community Edition. The config settings are passed to nodemailer. See the nodemailer
+// documentation for available options:
+//
+//     http://www.nodemailer.com/docs/transports
+
+if (process.env.OVERLEAF_EMAIL_FROM_ADDRESS != null) {
+  settings.email = {
+    fromAddress: process.env.OVERLEAF_EMAIL_FROM_ADDRESS,
+    replyTo: process.env.OVERLEAF_EMAIL_REPLY_TO || '',
+    driver: process.env.OVERLEAF_EMAIL_DRIVER,
+    parameters: {
+      // AWS Creds
+      AWSAccessKeyID: process.env.OVERLEAF_EMAIL_AWS_SES_ACCESS_KEY_ID,
+      AWSSecretKey: process.env.OVERLEAF_EMAIL_AWS_SES_SECRET_KEY,
+
+      // SMTP Creds
+      host: process.env.OVERLEAF_EMAIL_SMTP_HOST,
+      port: process.env.OVERLEAF_EMAIL_SMTP_PORT,
+      secure: parse(process.env.OVERLEAF_EMAIL_SMTP_SECURE),
+      ignoreTLS: parse(process.env.OVERLEAF_EMAIL_SMTP_IGNORE_TLS),
+      name: process.env.OVERLEAF_EMAIL_SMTP_NAME,
+      logger: process.env.OVERLEAF_EMAIL_SMTP_LOGGER === 'true',
+    },
+
+    textEncoding: process.env.OVERLEAF_EMAIL_TEXT_ENCODING,
+    template: {
+      customFooter: process.env.OVERLEAF_CUSTOM_EMAIL_FOOTER,
+    },
+  }
+
+  if (process.env.OVERLEAF_EMAIL_AWS_SES_REGION != null) {
+    settings.email.parameters.region = process.env.OVERLEAF_EMAIL_AWS_SES_REGION
+  }
+
+  if (
+    process.env.OVERLEAF_EMAIL_SMTP_USER != null ||
+    process.env.OVERLEAF_EMAIL_SMTP_PASS != null
+  ) {
+    settings.email.parameters.auth = {
+      user: process.env.OVERLEAF_EMAIL_SMTP_USER,
+      pass: process.env.OVERLEAF_EMAIL_SMTP_PASS,
+    }
+  }
+
+  if (process.env.OVERLEAF_EMAIL_SMTP_TLS_REJECT_UNAUTH != null) {
+    settings.email.parameters.tls = {
+      rejectUnauthorized: parse(
+        process.env.OVERLEAF_EMAIL_SMTP_TLS_REJECT_UNAUTH
+      ),
+    }
+  }
+}
+
+// i18n
+if (process.env.OVERLEAF_LANG_DOMAIN_MAPPING != null) {
+  settings.i18n.subdomainLang = parse(process.env.OVERLEAF_LANG_DOMAIN_MAPPING)
+}
+
+// Password Settings
+// -----------
+// These restrict the passwords users can use when registering
+// opts are from http://antelle.github.io/passfield
+if (
+  process.env.OVERLEAF_PASSWORD_VALIDATION_PATTERN ||
+  process.env.OVERLEAF_PASSWORD_VALIDATION_MIN_LENGTH ||
+  process.env.OVERLEAF_PASSWORD_VALIDATION_MAX_LENGTH
+) {
+  settings.passwordStrengthOptions = {
+    pattern: process.env.OVERLEAF_PASSWORD_VALIDATION_PATTERN || 'aA$3',
+    length: {
+      min: process.env.OVERLEAF_PASSWORD_VALIDATION_MIN_LENGTH || 8,
+      max: process.env.OVERLEAF_PASSWORD_VALIDATION_MAX_LENGTH || 72,
+    },
+  }
+}
+
+// /References
+// -----------
+if (process.env.OVERLEAF_ELASTICSEARCH_URL != null) {
+  settings.references.elasticsearch = {
+    host: process.env.OVERLEAF_ELASTICSEARCH_URL,
+  }
+}
+
+// filestore
+switch (process.env.OVERLEAF_FILESTORE_BACKEND) {
+  case 's3':
+    settings.filestore = {
+      backend: 's3',
+      stores: {
+        user_files: process.env.OVERLEAF_FILESTORE_USER_FILES_BUCKET_NAME,
+        template_files:
+          process.env.OVERLEAF_FILESTORE_TEMPLATE_FILES_BUCKET_NAME,
+      },
+      s3: {
+        key:
+          process.env.OVERLEAF_FILESTORE_S3_ACCESS_KEY_ID ||
+          process.env.AWS_ACCESS_KEY_ID,
+        secret:
+          process.env.OVERLEAF_FILESTORE_S3_SECRET_ACCESS_KEY ||
+          process.env.AWS_SECRET_ACCESS_KEY,
+        endpoint: process.env.OVERLEAF_FILESTORE_S3_ENDPOINT,
+        pathStyle: process.env.OVERLEAF_FILESTORE_S3_PATH_STYLE === 'true',
+        region:
+          process.env.OVERLEAF_FILESTORE_S3_REGION ||
+          process.env.AWS_DEFAULT_REGION,
+      },
+    }
+    break
+  default:
+    settings.filestore = {
+      backend: 'fs',
+      stores: {
+        user_files: Path.join(DATA_DIR, 'user_files'),
+        template_files: Path.join(DATA_DIR, 'template_files'),
+      },
+    }
+}
+
+// With lots of incoming and outgoing HTTP connections to different services,
+// sometimes long running, it is a good idea to increase the default number
+// of sockets that Node will hold open.
+const http = require('http')
+http.globalAgent.maxSockets = 300
+const https = require('https')
+https.globalAgent.maxSockets = 300
+
+module.exports = settings
diff --git a/server-ce/cron/deactivate-projects.sh b/server-ce/cron/deactivate-projects.sh
new file mode 100755
index 0000000..fab0fbf
--- /dev/null
+++ b/server-ce/cron/deactivate-projects.sh
@@ -0,0 +1,28 @@
+#!/usr/bin/env bash
+
+set -eux
+
+echo "-------------------------"
+echo "Deactivating old projects"
+echo "-------------------------"
+date
+
+ENABLE_CRON_RESOURCE_DELETION=$(cat /etc/container_environment/ENABLE_CRON_RESOURCE_DELETION)
+
+if [[ "${ENABLE_CRON_RESOURCE_DELETION:-null}" != "true" ]]; then
+  echo "Skipping old project deactivation due to ENABLE_CRON_RESOURCE_DELETION not set to true"
+  exit 0
+fi
+
+WEB_URL='http://127.0.0.1:3000'
+
+USER=$(cat /etc/container_environment/WEB_API_USER)
+PASS=$(cat /etc/container_environment/WEB_API_PASSWORD)
+
+curl -v -X POST                                                \
+  -u "${USER}:${PASS}"                                         \
+  -H "Content-Type: application/json"                          \
+  -d '{"numberOfProjectsToArchive":"720","ageOfProjects":"7"}' \
+  "${WEB_URL}/internal/deactivateOldProjects"
+
+echo "Done."
diff --git a/server-ce/cron/delete-projects.sh b/server-ce/cron/delete-projects.sh
new file mode 100755
index 0000000..e1ea5ac
--- /dev/null
+++ b/server-ce/cron/delete-projects.sh
@@ -0,0 +1,25 @@
+#!/usr/bin/env bash
+
+set -eux
+
+echo "-------------------------"
+echo "Expiring deleted projects"
+echo "-------------------------"
+date
+
+ENABLE_CRON_RESOURCE_DELETION=$(cat /etc/container_environment/ENABLE_CRON_RESOURCE_DELETION)
+
+if [[ "${ENABLE_CRON_RESOURCE_DELETION:-null}" != "true" ]]; then
+  echo "Skipping project expiration due to ENABLE_CRON_RESOURCE_DELETION not set to true"
+  exit 0
+fi
+
+WEB_URL='http://127.0.0.1:3000'
+
+USER=$(cat /etc/container_environment/WEB_API_USER)
+PASS=$(cat /etc/container_environment/WEB_API_PASSWORD)
+
+curl -X POST -v -u "${USER}:${PASS}" \
+  "${WEB_URL}/internal/expire-deleted-projects-after-duration"
+
+echo "Done."
diff --git a/server-ce/cron/delete-users.sh b/server-ce/cron/delete-users.sh
new file mode 100755
index 0000000..fe97bff
--- /dev/null
+++ b/server-ce/cron/delete-users.sh
@@ -0,0 +1,25 @@
+#!/usr/bin/env bash
+
+set -eux
+
+echo "----------------------"
+echo "Expiring deleted users"
+echo "----------------------"
+date
+
+ENABLE_CRON_RESOURCE_DELETION=$(cat /etc/container_environment/ENABLE_CRON_RESOURCE_DELETION)
+
+if [[ "${ENABLE_CRON_RESOURCE_DELETION:-null}" != "true" ]]; then
+  echo "Skipping user expiration due to ENABLE_CRON_RESOURCE_DELETION not set to true"
+  exit 0
+fi
+
+WEB_URL='http://127.0.0.1:3000'
+
+USER=$(cat /etc/container_environment/WEB_API_USER)
+PASS=$(cat /etc/container_environment/WEB_API_PASSWORD)
+
+curl -X POST -v -u "${USER}:${PASS}" \
+  "${WEB_URL}/internal/expire-deleted-users-after-duration"
+
+echo "Done."
diff --git a/server-ce/cron/project-history-periodic-flush.sh b/server-ce/cron/project-history-periodic-flush.sh
new file mode 100755
index 0000000..76feae4
--- /dev/null
+++ b/server-ce/cron/project-history-periodic-flush.sh
@@ -0,0 +1,12 @@
+#!/usr/bin/env bash
+
+set -eux
+
+echo "--------------------------"
+echo "Flush project-history queue"
+echo "--------------------------"
+date
+
+PROJECT_HISTORY_URL='http://127.0.0.1:3054'
+
+curl -X POST "${PROJECT_HISTORY_URL}/flush/old?timeout=3600000&limit=5000&background=1"
diff --git a/server-ce/cron/project-history-retry-hard.sh b/server-ce/cron/project-history-retry-hard.sh
new file mode 100755
index 0000000..651a661
--- /dev/null
+++ b/server-ce/cron/project-history-retry-hard.sh
@@ -0,0 +1,12 @@
+#!/usr/bin/env bash
+
+set -eux
+
+echo "-----------------------------------"
+echo "Retry project-history errors (hard)"
+echo "-----------------------------------"
+date
+
+PROJECT_HISTORY_URL='http://127.0.0.1:3054'
+
+curl -X POST "${PROJECT_HISTORY_URL}/retry/failures?failureType=hard&timeout=3600000&limit=10000"
diff --git a/server-ce/cron/project-history-retry-soft.sh b/server-ce/cron/project-history-retry-soft.sh
new file mode 100755
index 0000000..70c5970
--- /dev/null
+++ b/server-ce/cron/project-history-retry-soft.sh
@@ -0,0 +1,11 @@
+#!/usr/bin/env bash
+
+set -eux
+
+echo "-----------------------------------"
+echo "Retry project-history errors (soft)"
+echo "-----------------------------------"
+
+PROJECT_HISTORY_URL='http://127.0.0.1:3054'
+
+curl -X POST "${PROJECT_HISTORY_URL}/retry/failures?failureType=soft&timeout=3600000&limit=10000"
diff --git a/server-ce/genScript.js b/server-ce/genScript.js
new file mode 100644
index 0000000..c433f3a
--- /dev/null
+++ b/server-ce/genScript.js
@@ -0,0 +1,42 @@
+const services = require('./services')
+
+console.log('#!/bin/bash')
+console.log('set -ex')
+
+switch (process.argv.pop()) {
+  case 'install':
+    console.log('npm install --omit=dev')
+    break
+  case 'compile':
+    for (const service of services) {
+      console.log('pushd', `services/${service.name}`)
+      switch (service.name) {
+        case 'web':
+          // precompile pug in background
+          console.log('npm run precompile-pug &')
+          console.log('pug_precompile=$!')
+
+          // Avoid downloading of cypress
+          console.log('export CYPRESS_INSTALL_BINARY=0')
+
+          // install webpack and frontend dependencies
+          console.log('npm install --include=dev')
+          // run webpack
+          console.log('npm run webpack:production')
+          // uninstall webpack and frontend dependencies
+          console.log('npm install --omit=dev')
+
+          // Wait for pug precompile to finish
+          console.log('wait "$pug_precompile"')
+          break
+        default:
+          console.log(`echo ${service.name} does not require a compilation`)
+      }
+      console.log('popd')
+    }
+    break
+  default:
+    console.error('unknown command')
+    console.log('exit 101')
+    process.exit(101)
+}
diff --git a/server-ce/hotfix/2.0.1/Dockerfile b/server-ce/hotfix/2.0.1/Dockerfile
new file mode 100644
index 0000000..12a8537
--- /dev/null
+++ b/server-ce/hotfix/2.0.1/Dockerfile
@@ -0,0 +1,13 @@
+FROM sharelatex/sharelatex:2.0.0
+
+
+# Patch 1: Fixes project deletion (https://github.com/overleaf/overleaf/issues/644)
+ADD disable_project_history.patch /etc/sharelatex/disable_project_history.patch
+RUN cd /etc/sharelatex && \
+    patch < disable_project_history.patch
+
+
+# Patch 2: Fixes admin creation via CLI (https://github.com/overleaf/overleaf/issues/647)
+ADD create_and_destroy_users.patch /var/www/sharelatex/tasks/create_and_destroy_users.patch
+RUN cd /var/www/sharelatex/tasks/ && \
+    patch < create_and_destroy_users.patch
diff --git a/server-ce/hotfix/2.0.1/create_and_destroy_users.patch b/server-ce/hotfix/2.0.1/create_and_destroy_users.patch
new file mode 100644
index 0000000..bb2dc16
--- /dev/null
+++ b/server-ce/hotfix/2.0.1/create_and_destroy_users.patch
@@ -0,0 +1,11 @@
+--- CreateAndDestoryUsers.coffee
++++ CreateAndDestoryUsers.coffee
+@@ -21,7 +21,7 @@ module.exports = (grunt) ->
+ 			user.save (error) ->
+ 				throw error if error?
+ 				ONE_WEEK = 7 * 24 * 60 * 60 # seconds
+-				OneTimeTokenHandler.getNewToken user._id, { expiresIn: ONE_WEEK }, (err, token)->
++				OneTimeTokenHandler.getNewToken "password", { expiresIn: ONE_WEEK, email:user.email, user_id: user._id.toString() }, (err, token)->
+ 					return next(err) if err?
+
+ 					console.log ""
diff --git a/server-ce/hotfix/2.0.1/disable_project_history.patch b/server-ce/hotfix/2.0.1/disable_project_history.patch
new file mode 100644
index 0000000..830570a
--- /dev/null
+++ b/server-ce/hotfix/2.0.1/disable_project_history.patch
@@ -0,0 +1,11 @@
+--- settings.coffee
++++ settings.coffee
+@@ -200,6 +200,8 @@ settings =
+ 		# is not available
+ 		v1:
+ 			url: ""
++		project_history:
++			enabled: false
+ 	references:{}
+ 	notifications:undefined
+
diff --git a/server-ce/hotfix/2.0.2/1-anon-upload.patch b/server-ce/hotfix/2.0.2/1-anon-upload.patch
new file mode 100644
index 0000000..7503790
--- /dev/null
+++ b/server-ce/hotfix/2.0.2/1-anon-upload.patch
@@ -0,0 +1,60 @@
+--- UploadsRouter.js
++++ UploadsRouter.js
+@@ -1,13 +1,3 @@
+-/* eslint-disable
+-    no-unused-vars,
+-*/
+-// TODO: This file was created by bulk-decaffeinate.
+-// Fix any style issues and re-enable lint.
+-/*
+- * decaffeinate suggestions:
+- * DS102: Remove unnecessary code created because of implicit returns
+- * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+- */
+ const AuthorizationMiddleware = require('../Authorization/AuthorizationMiddleware')
+ const AuthenticationController = require('../Authentication/AuthenticationController')
+ const ProjectUploadController = require('./ProjectUploadController')
+@@ -28,18 +18,30 @@ module.exports = {
+       ProjectUploadController.uploadProject
+     )
+
+-    return webRouter.post(
+-      '/Project/:Project_id/upload',
+-      RateLimiterMiddleware.rateLimit({
+-        endpointName: 'file-upload',
+-        params: ['Project_id'],
+-        maxRequests: 200,
+-        timeInterval: 60 * 30
+-      }),
+-      AuthenticationController.requireLogin(),
+-      AuthorizationMiddleware.ensureUserCanWriteProjectContent,
+-      ProjectUploadController.multerMiddleware,
+-      ProjectUploadController.uploadFile
+-    )
++    const fileUploadEndpoint = '/Project/:Project_id/upload'
++    const fileUploadRateLimit = RateLimiterMiddleware.rateLimit({
++      endpointName: 'file-upload',
++      params: ['Project_id'],
++      maxRequests: 200,
++      timeInterval: 60 * 30
++    })
++    if (Settings.allowAnonymousReadAndWriteSharing) {
++      webRouter.post(
++        fileUploadEndpoint,
++        fileUploadRateLimit,
++        AuthorizationMiddleware.ensureUserCanWriteProjectContent,
++        ProjectUploadController.multerMiddleware,
++        ProjectUploadController.uploadFile
++      )
++    } else {
++      webRouter.post(
++        fileUploadEndpoint,
++        fileUploadRateLimit,
++        AuthenticationController.requireLogin(),
++        AuthorizationMiddleware.ensureUserCanWriteProjectContent,
++        ProjectUploadController.multerMiddleware,
++        ProjectUploadController.uploadFile
++      )
++    }
+   }
+ }
diff --git a/server-ce/hotfix/2.0.2/2-read-only-access.patch b/server-ce/hotfix/2.0.2/2-read-only-access.patch
new file mode 100644
index 0000000..246cc3e
--- /dev/null
+++ b/server-ce/hotfix/2.0.2/2-read-only-access.patch
@@ -0,0 +1,11 @@
+--- TokenAccessHandler.js
++++ TokenAccessHandler.js
+@@ -255,7 +255,7 @@ const TokenAccessHandler = {
+ 
+   getV1DocPublishedInfo(token, callback) {
+     // default to allowing access
+-    if (!Settings.apis || !Settings.apis.v1) {
++    if (!Settings.apis.v1 || !Settings.apis.v1.url) {
+       return callback(null, { allow: true })
+     }
+     V1Api.request(
diff --git a/server-ce/hotfix/2.0.2/3-url-linking-1.patch b/server-ce/hotfix/2.0.2/3-url-linking-1.patch
new file mode 100644
index 0000000..1738098
--- /dev/null
+++ b/server-ce/hotfix/2.0.2/3-url-linking-1.patch
@@ -0,0 +1,11 @@
+--- Features.js
++++ Features.js
+@@ -53,6 +53,8 @@ module.exports = Features = {
+         return Settings.apis.references.url != null
+       case 'saml':
+         return Settings.enableSaml
++      case 'link-url':
++        return Settings.apis.linkedUrlProxy && Settings.apis.linkedUrlProxy.url
+       default:
+         throw new Error(`unknown feature: ${feature}`)
+     }
diff --git a/server-ce/hotfix/2.0.2/4-url-linking-2.patch b/server-ce/hotfix/2.0.2/4-url-linking-2.patch
new file mode 100644
index 0000000..587a8e6
--- /dev/null
+++ b/server-ce/hotfix/2.0.2/4-url-linking-2.patch
@@ -0,0 +1,20 @@
+--- new-file-modal.pug
++++ new-file-modal.pug
+@@ -21,11 +21,12 @@ script(type='text/ng-template', id='newFileModalTemplate')
+ 								i.fa.fa-fw.fa-folder-open
+ 								|
+ 								| From Another Project
+-						li(ng-class="type == 'url' ? 'active' : null")
+-							a(href, ng-click="type = 'url'")
+-								i.fa.fa-fw.fa-globe
+-								|
+-								| From External URL
++						if hasFeature('link-url')
++							li(ng-class="type == 'url' ? 'active' : null")
++								a(href, ng-click="type = 'url'")
++									i.fa.fa-fw.fa-globe
++									|
++									| From External URL
+ 						!= moduleIncludes("newFileModal:selector", locals)
+ 
+ 				td(class="modal-new-file--body modal-new-file--body-{{type}}")
diff --git a/server-ce/hotfix/2.0.2/5-disable-analytics-1.patch b/server-ce/hotfix/2.0.2/5-disable-analytics-1.patch
new file mode 100644
index 0000000..198ee03
--- /dev/null
+++ b/server-ce/hotfix/2.0.2/5-disable-analytics-1.patch
@@ -0,0 +1,26 @@
+--- AnalyticsController.js
++++ AnalyticsController.js
+@@ -3,9 +3,13 @@ const Errors = require('../Errors/Errors')
+ const AuthenticationController = require('../Authentication/AuthenticationController')
+ const InstitutionsAPI = require('../Institutions/InstitutionsAPI')
+ const GeoIpLookup = require('../../infrastructure/GeoIpLookup')
++const Features = require('../../infrastructure/Features')
+ 
+ module.exports = {
+   updateEditingSession(req, res, next) {
++    if (!Features.hasFeature('analytics')) {
++      return res.send(204)
++    }
+     const userId = AuthenticationController.getLoggedInUserId(req)
+     const { projectId } = req.params
+     let countryCode = null
+@@ -28,6 +32,9 @@ module.exports = {
+   },
+ 
+   recordEvent(req, res, next) {
++    if (!Features.hasFeature('analytics')) {
++      return res.send(204)
++    }
+     const userId =
+       AuthenticationController.getLoggedInUserId(req) || req.sessionID
+     AnalyticsManager.recordEvent(userId, req.params.event, req.body, error =>
diff --git a/server-ce/hotfix/2.0.2/6-disable-analytics-2.patch b/server-ce/hotfix/2.0.2/6-disable-analytics-2.patch
new file mode 100644
index 0000000..9fb41c1
--- /dev/null
+++ b/server-ce/hotfix/2.0.2/6-disable-analytics-2.patch
@@ -0,0 +1,10 @@
+--- Features.js
++++ Features.js
+@@ -41,6 +41,7 @@ module.exports = Features = {
+       case 'templates-server-pro':
+         return Settings.overleaf == null
+       case 'affiliations':
++      case 'analytics':
+         // Checking both properties is needed for the time being to allow
+         // enabling the feature in web-api and disabling in Server Pro
+         // see https://github.com/overleaf/web-internal/pull/2127
diff --git a/server-ce/hotfix/2.0.2/Dockerfile b/server-ce/hotfix/2.0.2/Dockerfile
new file mode 100644
index 0000000..7a75ed9
--- /dev/null
+++ b/server-ce/hotfix/2.0.2/Dockerfile
@@ -0,0 +1,31 @@
+FROM sharelatex/sharelatex:2.0.1
+
+
+# Patch 1: Fixes anonymous link sharing
+ADD 1-anon-upload.patch /var/www/sharelatex/web/app/src/Features/Uploads/1-anon-upload.patch
+RUN cd /var/www/sharelatex/web/app/src/Features/Uploads/ && \
+    patch < 1-anon-upload.patch
+
+
+# Patch 2: Fixes read-only access
+ADD 2-read-only-access.patch /var/www/sharelatex/web/app/src/Features/TokenAccess/3-read-only-access.patch
+RUN cd /var/www/sharelatex/web/app/src/Features/TokenAccess/ && \
+    patch < 3-read-only-access.patch
+
+
+# Patch 3: Fixes url linking
+ADD 3-url-linking-1.patch /var/www/sharelatex/web/app/src/infrastructure/6-url-linking-1.patch
+RUN cd /var/www/sharelatex/web/app/src/infrastructure/ && \
+    patch < 6-url-linking-1.patch
+ADD 4-url-linking-2.patch /var/www/sharelatex/web/app/views/project/editor/7-url-linking-2.patch
+RUN cd /var/www/sharelatex/web/app/views/project/editor/ && \
+    patch < 7-url-linking-2.patch
+
+
+# Patch 4: Disables analytics
+ADD 5-disable-analytics-1.patch /var/www/sharelatex/web/app/src/Features/Analytics/8-disable-analytics-1.patch
+RUN cd /var/www/sharelatex/web/app/src/Features/Analytics/ && \
+    patch < 8-disable-analytics-1.patch
+ADD 6-disable-analytics-2.patch /var/www/sharelatex/web/app/src/infrastructure/9-disable-analytics-2.patch
+RUN cd /var/www/sharelatex/web/app/src/infrastructure/ && \
+    patch < 9-disable-analytics-2.patch
diff --git a/server-ce/hotfix/2.1.1/Dockerfile b/server-ce/hotfix/2.1.1/Dockerfile
new file mode 100644
index 0000000..313c596
--- /dev/null
+++ b/server-ce/hotfix/2.1.1/Dockerfile
@@ -0,0 +1,8 @@
+FROM sharelatex/sharelatex:2.1.0
+
+# Patch: defines recaptcha config to fix share-related issues
+# - https://github.com/overleaf/overleaf/issues/684
+ADD add-recaptcha-config.patch /etc/sharelatex/add-recaptcha-config.patch
+RUN cd /etc/sharelatex/ && \
+    patch < add-recaptcha-config.patch
+
diff --git a/server-ce/hotfix/2.1.1/add-recaptcha-config.patch b/server-ce/hotfix/2.1.1/add-recaptcha-config.patch
new file mode 100644
index 0000000..cdca537
--- /dev/null
+++ b/server-ce/hotfix/2.1.1/add-recaptcha-config.patch
@@ -0,0 +1,14 @@
+--- a/settings.coffee
++++ b/settings.coffee
+@@ -180,6 +180,11 @@ settings =
+ 	# cookie with a secure flag (recommended).
+ 	secureCookie: process.env["SHARELATEX_SECURE_COOKIE"]?
+ 
++	recaptcha:
++		disabled:
++			invite: true
++			register: true
++
+ 	# If you are running ShareLaTeX behind a proxy (like Apache, Nginx, etc)
+ 	# then set this to true to allow it to correctly detect the forwarded IP
+ 	# address and http/https protocol information.
diff --git a/server-ce/hotfix/2.3.1/Dockerfile b/server-ce/hotfix/2.3.1/Dockerfile
new file mode 100644
index 0000000..36f136a
--- /dev/null
+++ b/server-ce/hotfix/2.3.1/Dockerfile
@@ -0,0 +1,7 @@
+FROM sharelatex/sharelatex:2.3.0
+
+
+# Patch: Fixes NPE when invoking synctex (https://github.com/overleaf/overleaf/issues/756)
+ADD check-clsi-setting-exists.patch /var/www/sharelatex/clsi/app/js/check-clsi-setting-exists.patch
+RUN cd /var/www/sharelatex/clsi/app/js && \
+    patch < check-clsi-setting-exists.patch
diff --git a/server-ce/hotfix/2.3.1/check-clsi-setting-exists.patch b/server-ce/hotfix/2.3.1/check-clsi-setting-exists.patch
new file mode 100644
index 0000000..6f6535b
--- /dev/null
+++ b/server-ce/hotfix/2.3.1/check-clsi-setting-exists.patch
@@ -0,0 +1,11 @@
+--- a/app/js/CompileManager.js
++++ b/app/js/CompileManager.js
+@@ -536,7 +536,7 @@ module.exports = CompileManager = {
+       compileName,
+       command,
+       directory,
+-      Settings.clsi != null ? Settings.clsi.docker.image : undefined,
++      Settings.clsi && Settings.clsi.docker ? Settings.clsi.docker.image : undefined,
+       timeout,
+       {},
+       function(error, output) {
diff --git a/server-ce/hotfix/2.4.1/Dockerfile b/server-ce/hotfix/2.4.1/Dockerfile
new file mode 100644
index 0000000..d765551
--- /dev/null
+++ b/server-ce/hotfix/2.4.1/Dockerfile
@@ -0,0 +1,6 @@
+FROM sharelatex/sharelatex:2.4.0
+
+
+# Patch: Fixes missing dependencies on web startup (https://github.com/overleaf/overleaf/issues/767)
+RUN cd /var/www/sharelatex/web && \
+    npm install i18next@^19.6.3 i18next-fs-backend@^1.0.7 i18next-http-middleware@^3.0.2
diff --git a/server-ce/hotfix/2.4.2/Dockerfile b/server-ce/hotfix/2.4.2/Dockerfile
new file mode 100644
index 0000000..640eea7
--- /dev/null
+++ b/server-ce/hotfix/2.4.2/Dockerfile
@@ -0,0 +1,10 @@
+FROM sharelatex/sharelatex:2.4.1
+
+
+# Patch: Fixes anonymous read/write sharing
+COPY anonymous-metadata.patch ${baseDir}
+RUN cd ${baseDir} && patch -p0 < anonymous-metadata.patch
+
+# Patch: Fixes left footer with html text
+COPY left-footer-skip-translation.patch ${baseDir}
+RUN cd ${baseDir} && patch -p0 < left-footer-skip-translation.patch
diff --git a/server-ce/hotfix/2.4.2/anonymous-metadata.patch b/server-ce/hotfix/2.4.2/anonymous-metadata.patch
new file mode 100644
index 0000000..ea041ab
--- /dev/null
+++ b/server-ce/hotfix/2.4.2/anonymous-metadata.patch
@@ -0,0 +1,43 @@
+--- /var/www/sharelatex/web/app/src/router.js	2020-09-14 20:21:39.741433000 +0000
++++ /var/www/sharelatex/web/app/src/router.js	2020-09-14 20:13:08.000000000 +0000
+@@ -607,16 +607,17 @@
+     ProjectDownloadsController.downloadMultipleProjects
+   )
+ 
++  console.log(`allowAnonymousReadAndWriteSharing: ${Settings.allowAnonymousReadAndWriteSharing}`)
+   webRouter.get(
+     '/project/:project_id/metadata',
+     AuthorizationMiddleware.ensureUserCanReadProject,
+-    AuthenticationController.requireLogin(),
++    Settings.allowAnonymousReadAndWriteSharing ? (req, res, next) => { next() } : AuthenticationController.requireLogin(),
+     MetaController.getMetadata
+-  )
++  ) 
+   webRouter.post(
+     '/project/:project_id/doc/:doc_id/metadata',
+     AuthorizationMiddleware.ensureUserCanReadProject,
+-    AuthenticationController.requireLogin(),
++    Settings.allowAnonymousReadAndWriteSharing ? (req, res, next) => { next() } : AuthenticationController.requireLogin(),
+     MetaController.broadcastMetadataForDoc
+   )
+   privateApiRouter.post(
+--- /var/www/sharelatex/web/app/src/Features/Contacts/ContactRouter.js	2020-09-14 20:21:52.243779000 +0000
++++ /var/www/sharelatex/web/app/src/Features/Contacts/ContactRouter.js	2020-09-14 20:13:08.000000000 +0000
+@@ -5,6 +5,8 @@
+  * DS102: Remove unnecessary code created because of implicit returns
+  * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+  */
++const Settings = require('settings-sharelatex')
++
+ const AuthenticationController = require('../Authentication/AuthenticationController')
+ const ContactController = require('./ContactController')
+ 
+@@ -12,7 +14,7 @@
+   apply(webRouter, apiRouter) {
+     return webRouter.get(
+       '/user/contacts',
+-      AuthenticationController.requireLogin(),
++      Settings.allowAnonymousReadAndWriteSharing ? (req, res, next) => { next() } : AuthenticationController.requireLogin(),
+       ContactController.getContacts
+     )
+   }
diff --git a/server-ce/hotfix/2.4.2/left-footer-skip-translation.patch b/server-ce/hotfix/2.4.2/left-footer-skip-translation.patch
new file mode 100644
index 0000000..ee6e33a
--- /dev/null
+++ b/server-ce/hotfix/2.4.2/left-footer-skip-translation.patch
@@ -0,0 +1,12 @@
+
+--- /var/www/sharelatex/web/app/views/layout/footer.pug
++++ /var/www/sharelatex/web/app/app/views/layout/footer.pug
+@@ -32,7 +32,7 @@ footer.site-footer
+ 						if item.url
+ 							a(href=item.url, class=item.class) !{translate(item.text)}
+ 						else
+-							| !{translate(item.text)}
++							| !{item.text}
+ 
+ 			ul.col-md-3.text-right
+ 
diff --git a/server-ce/hotfix/2.5.1/Dockerfile b/server-ce/hotfix/2.5.1/Dockerfile
new file mode 100644
index 0000000..d22f912
--- /dev/null
+++ b/server-ce/hotfix/2.5.1/Dockerfile
@@ -0,0 +1,13 @@
+FROM sharelatex/sharelatex:2.5.0
+
+# Patch #826: Fixes log path for contacts service to be picked up by logrotate
+COPY contacts-run.patch /etc/service/contacts-sharelatex
+RUN cd /etc/service/contacts-sharelatex && patch < contacts-run.patch
+
+# Patch #826: delete old logs for the contacts service
+COPY delete-old-logs.patch /etc/my_init.d
+RUN cd /etc/my_init.d && patch < delete-old-logs.patch \
+&&  chmod +x /etc/my_init.d/10_delete_old_logs.sh
+
+# Patch #827: fix logrotate file permissions
+RUN chmod 644 /etc/logrotate.d/sharelatex
diff --git a/server-ce/hotfix/2.5.1/contacts-run.patch b/server-ce/hotfix/2.5.1/contacts-run.patch
new file mode 100644
index 0000000..81ef36e
--- /dev/null
+++ b/server-ce/hotfix/2.5.1/contacts-run.patch
@@ -0,0 +1,8 @@
+--- a/run
++++ b/run
+@@ -7,4 +7,4 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:30360"
+ fi
+
+-exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /var/www/sharelatex/contacts/app.js >> /var/log/sharelatex/contacts 2>&1
++exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /var/www/sharelatex/contacts/app.js >> /var/log/sharelatex/contacts.log 2>&1
diff --git a/server-ce/hotfix/2.5.1/delete-old-logs.patch b/server-ce/hotfix/2.5.1/delete-old-logs.patch
new file mode 100644
index 0000000..bc2be14
--- /dev/null
+++ b/server-ce/hotfix/2.5.1/delete-old-logs.patch
@@ -0,0 +1,10 @@
+--- /dev/null
++++ b/10_delete_old_logs.sh
+@@ -0,0 +1,7 @@
++#!/bin/sh
++set -e
++
++# Up to version 2.5.0 the logs of the contacts service were written into a
++#  file that was not picked up by logrotate.
++# The service is stable and we can safely discard any logs.
++rm -vf /var/log/sharelatex/contacts
diff --git a/server-ce/hotfix/2.5.2/12_update_token_email.js b/server-ce/hotfix/2.5.2/12_update_token_email.js
new file mode 100644
index 0000000..5ac870b
--- /dev/null
+++ b/server-ce/hotfix/2.5.2/12_update_token_email.js
@@ -0,0 +1,29 @@
+const Settings = require('settings-sharelatex')
+const mongojs = require('mongojs')
+const db = mongojs(Settings.mongo.url, ['tokens'])
+// eslint-disable-next-line import/no-extraneous-dependencies
+const async = require('async')
+
+exports.migrate = (client, done) => {
+  console.log(`>> Updating 'data.email' to lower case in tokens`)
+
+  db.tokens.find({}, { 'data.email': 1 }, (err, tokens) => {
+    if (err) {
+      return done(err)
+    }
+
+    async.eachSeries(
+      tokens,
+      (token, callback) => {
+        db.tokens.update(
+          { _id: token._id },
+          { $set: { 'data.email': token.data.email.toLowerCase() } },
+          callback
+        )
+      },
+      done
+    )
+  })
+}
+
+exports.rollback = (client, done) => done()
diff --git a/server-ce/hotfix/2.5.2/Dockerfile b/server-ce/hotfix/2.5.2/Dockerfile
new file mode 100644
index 0000000..ddf596d
--- /dev/null
+++ b/server-ce/hotfix/2.5.2/Dockerfile
@@ -0,0 +1,8 @@
+FROM sharelatex/sharelatex:2.5.1
+
+# Patch: fixes registration token creation
+COPY create-token-lowercase-email.patch ${baseDir}
+RUN cd ${baseDir} && patch -p0 < create-token-lowercase-email.patch
+
+# Migration for tokens with invalid email addresses
+ADD 12_update_token_email.js /var/www/sharelatex/migrations/12_update_token_email.js
diff --git a/server-ce/hotfix/2.5.2/create-token-lowercase-email.patch b/server-ce/hotfix/2.5.2/create-token-lowercase-email.patch
new file mode 100644
index 0000000..23dfaa3
--- /dev/null
+++ b/server-ce/hotfix/2.5.2/create-token-lowercase-email.patch
@@ -0,0 +1,11 @@
+--- /var/www/sharelatex/web/app/src/Features/User/UserRegistrationHandler.js
++++ /var/www/sharelatex/web/app/src/Features/User/UserRegistrationHandler.js
+@@ -122,7 +122,7 @@ const UserRegistrationHandler = {
+         const ONE_WEEK = 7 * 24 * 60 * 60 // seconds
+         OneTimeTokenHandler.getNewToken(
+           'password',
+-          { user_id: user._id.toString(), email },
++          { user_id: user._id.toString(), email: user.email },
+           { expiresIn: ONE_WEEK },
+           (err, token) => {
+             if (err != null) {
diff --git a/server-ce/hotfix/2.6.1/Dockerfile b/server-ce/hotfix/2.6.1/Dockerfile
new file mode 100644
index 0000000..6df467b
--- /dev/null
+++ b/server-ce/hotfix/2.6.1/Dockerfile
@@ -0,0 +1,5 @@
+FROM sharelatex/sharelatex:2.6.0-RC1
+
+# Patch: fixes Project restore inserts bad projectId into deletedFiles
+COPY document-deleter-object-id.patch ${baseDir}
+RUN cd ${baseDir} && patch -p0 < document-deleter-object-id.patch
diff --git a/server-ce/hotfix/2.6.1/document-deleter-object-id.patch b/server-ce/hotfix/2.6.1/document-deleter-object-id.patch
new file mode 100644
index 0000000..a92ce49
--- /dev/null
+++ b/server-ce/hotfix/2.6.1/document-deleter-object-id.patch
@@ -0,0 +1,10 @@
+--- /var/www/sharelatex/web/app/src/Features/Project/ProjectDeleter.js
++++ /var/www/sharelatex/web/app/src/Features/Project/ProjectDeleter.js
+@@ -278,6 +278,7 @@ async function deleteProject(projectId, options = {}) {
+ }
+ 
+ async function undeleteProject(projectId, options = {}) {
++  projectId = ObjectId(projectId)
+   let deletedProject = await DeletedProject.findOne({
+     'deleterData.deletedProjectId': projectId
+   }).exec()
diff --git a/server-ce/hotfix/2.6.2/Dockerfile b/server-ce/hotfix/2.6.2/Dockerfile
new file mode 100644
index 0000000..2df3651
--- /dev/null
+++ b/server-ce/hotfix/2.6.2/Dockerfile
@@ -0,0 +1,5 @@
+FROM sharelatex/sharelatex:2.6.1
+
+# Patch: fixes overleaf.com onboarding email being sent in CE/SP
+COPY onboarding-email.patch ${baseDir}
+RUN cd ${baseDir} && patch -p0 < onboarding-email.patch
diff --git a/server-ce/hotfix/2.6.2/onboarding-email.patch b/server-ce/hotfix/2.6.2/onboarding-email.patch
new file mode 100644
index 0000000..2d1fed5
--- /dev/null
+++ b/server-ce/hotfix/2.6.2/onboarding-email.patch
@@ -0,0 +1,25 @@
+--- /var/www/sharelatex/web/app/src/Features/User/UserCreator.js
++++ /var/www/sharelatex/web/app/src/Features/User/UserCreator.js
+@@ -85,13 +85,15 @@ async function createNewUser(attributes, options = {}) {
+   }
+ 
+   Analytics.recordEvent(user._id, 'user-registered')
+-  try {
+-    await UserOnboardingEmailQueueManager.scheduleOnboardingEmail(user)
+-  } catch (error) {
+-    logger.error(
+-      `Failed to schedule sending of onboarding email for user '${user._id}'`,
+-      error
+-    )
++  if(Features.hasFeature('saas')) {
++    try {
++      await UserOnboardingEmailQueueManager.scheduleOnboardingEmail(user)
++    } catch (error) {
++      logger.error(
++          `Failed to schedule sending of onboarding email for user '${user._id}'`,
++          error
++      )
++    }
+   }
+ 
+   return user
diff --git a/server-ce/hotfix/2.7.1/Dockerfile b/server-ce/hotfix/2.7.1/Dockerfile
new file mode 100644
index 0000000..5d7cb3e
--- /dev/null
+++ b/server-ce/hotfix/2.7.1/Dockerfile
@@ -0,0 +1,5 @@
+FROM sharelatex/sharelatex:2.7.0
+
+# Patch: fixes overleaf.com onboarding email being sent in CE/SP
+COPY remove-disconnect-endpoint.patch .
+RUN patch -p0 < remove-disconnect-endpoint.patch
diff --git a/server-ce/hotfix/2.7.1/remove-disconnect-endpoint.patch b/server-ce/hotfix/2.7.1/remove-disconnect-endpoint.patch
new file mode 100644
index 0000000..c1328a2
--- /dev/null
+++ b/server-ce/hotfix/2.7.1/remove-disconnect-endpoint.patch
@@ -0,0 +1,14 @@
+--- /var/www/sharelatex/web/app/src/router.js
+--- /var/www/sharelatex/web/app/src/router.js
+@@ -995,11 +995,6 @@ function initialize(webRouter, privateApiRouter, publicApiRouter) {
+     AdminController.unregisterServiceWorker
+   )
+
+-  privateApiRouter.post(
+-    '/disconnectAllUsers',
+-    AdminController.disconnectAllUsers
+-  )
+-
+   privateApiRouter.get('/perfTest', (req, res) => res.send('hello'))
+
+   publicApiRouter.get('/status', (req, res) => {
diff --git a/server-ce/hotfix/3.0.1/Dockerfile b/server-ce/hotfix/3.0.1/Dockerfile
new file mode 100644
index 0000000..3db2819
--- /dev/null
+++ b/server-ce/hotfix/3.0.1/Dockerfile
@@ -0,0 +1,5 @@
+FROM sharelatex/sharelatex:3.0.0
+
+# Patch: fixes overleaf.com onboarding email being sent in CE/SP
+COPY remove-disconnect-endpoint.patch .
+RUN patch -p0 < remove-disconnect-endpoint.patch
diff --git a/server-ce/hotfix/3.0.1/remove-disconnect-endpoint.patch b/server-ce/hotfix/3.0.1/remove-disconnect-endpoint.patch
new file mode 100644
index 0000000..c1328a2
--- /dev/null
+++ b/server-ce/hotfix/3.0.1/remove-disconnect-endpoint.patch
@@ -0,0 +1,14 @@
+--- /var/www/sharelatex/web/app/src/router.js
+--- /var/www/sharelatex/web/app/src/router.js
+@@ -995,11 +995,6 @@ function initialize(webRouter, privateApiRouter, publicApiRouter) {
+     AdminController.unregisterServiceWorker
+   )
+
+-  privateApiRouter.post(
+-    '/disconnectAllUsers',
+-    AdminController.disconnectAllUsers
+-  )
+-
+   privateApiRouter.get('/perfTest', (req, res) => res.send('hello'))
+
+   publicApiRouter.get('/status', (req, res) => {
diff --git a/server-ce/hotfix/3.1.1/Dockerfile b/server-ce/hotfix/3.1.1/Dockerfile
new file mode 100644
index 0000000..b0b5b6f
--- /dev/null
+++ b/server-ce/hotfix/3.1.1/Dockerfile
@@ -0,0 +1,11 @@
+FROM sharelatex/sharelatex:3.1.0
+
+# Patch: fixes Sharelatex History navigation
+# https://github.com/overleaf/overleaf/issues/1035
+COPY fix-history-navigation.patch .
+RUN patch -p0 < fix-history-navigation.patch
+
+
+# Rebuild client
+# --------------
+RUN node genScript compile | bash
diff --git a/server-ce/hotfix/3.1.1/fix-history-navigation.patch b/server-ce/hotfix/3.1.1/fix-history-navigation.patch
new file mode 100644
index 0000000..0033abf
--- /dev/null
+++ b/server-ce/hotfix/3.1.1/fix-history-navigation.patch
@@ -0,0 +1,16 @@
+--- services/web/frontend/js/ide/history/controllers/HistoryListController.js
++++ services/web/frontend/js/ide/history/controllers/HistoryListController.js
+@@ -62,7 +62,12 @@ App.controller('HistoryListController', function ($scope, $modal, ide) {
+     return (() => {
+       const result = []
+       for (const update of Array.from($scope.history.updates)) {
+-        let inSelection
++
++        // replacing this declaration with `let` introduces a bug in history point selection:
++        // https://github.com/overleaf/overleaf/issues/1035
++        // eslint-disable-next-line no-var
++        var inSelection
++
+         if (update.selectedTo) {
+           inSelection = true
+           beforeSelection = false
\ No newline at end of file
diff --git a/server-ce/hotfix/3.2.1/Dockerfile b/server-ce/hotfix/3.2.1/Dockerfile
new file mode 100644
index 0000000..766eefa
--- /dev/null
+++ b/server-ce/hotfix/3.2.1/Dockerfile
@@ -0,0 +1,6 @@
+FROM sharelatex/sharelatex:3.2.0
+
+# Patch: fixes source editor broken
+# https://github.com/overleaf/overleaf/issues/1043
+COPY disable-codemirror.patch .
+RUN patch -p0 < disable-codemirror.patch
diff --git a/server-ce/hotfix/3.2.1/disable-codemirror.patch b/server-ce/hotfix/3.2.1/disable-codemirror.patch
new file mode 100644
index 0000000..139fa90
--- /dev/null
+++ b/server-ce/hotfix/3.2.1/disable-codemirror.patch
@@ -0,0 +1,15 @@
+--- services/web/app/src/Features/Project/ProjectController.js
+--- services/web/app/src/Features/Project/ProjectController.js
+@@ -1134,11 +1134,7 @@ const ProjectController = {
+               detachRole = req.params.detachRole
+             }
+ 
+-            const showNewSourceEditorOption =
+-              (newSourceEditorAssignment &&
+-                newSourceEditorAssignment.variant === 'codemirror') ||
+-              user.betaProgram ||
+-              shouldDisplayFeature('new_source_editor', false) // also allow override via ?new_source_editor=true
++            const showNewSourceEditorOption = false // disabled in CE/SP (Hotfix 3.2.1)
+ 
+             const showSymbolPalette =
+               !Features.hasFeature('saas') ||
diff --git a/server-ce/hotfix/3.2.2/Dockerfile b/server-ce/hotfix/3.2.2/Dockerfile
new file mode 100644
index 0000000..e4b04cf
--- /dev/null
+++ b/server-ce/hotfix/3.2.2/Dockerfile
@@ -0,0 +1,5 @@
+FROM sharelatex/sharelatex:3.2.1
+
+# Fixes compilation errors in embedded compiles
+# https://github.com/overleaf/overleaf/issues/1044
+ENV PATH="${PATH}:/usr/local/texlive/2022/bin/x86_64-linux"
diff --git a/server-ce/hotfix/3.3.2/Dockerfile b/server-ce/hotfix/3.3.2/Dockerfile
new file mode 100644
index 0000000..6cfe14f
--- /dev/null
+++ b/server-ce/hotfix/3.3.2/Dockerfile
@@ -0,0 +1,5 @@
+FROM sharelatex/sharelatex:3.3.0
+
+# Patch: add migration for convert_archived_state script
+COPY pr_10442.patch .
+RUN patch -p0 < pr_10442.patch
diff --git a/server-ce/hotfix/3.3.2/pr_10442.patch b/server-ce/hotfix/3.3.2/pr_10442.patch
new file mode 100644
index 0000000..6f5353d
--- /dev/null
+++ b/server-ce/hotfix/3.3.2/pr_10442.patch
@@ -0,0 +1,132 @@
+--- services/web/scripts/convert_archived_state.js
++++ services/web/scripts/convert_archived_state.js
+@@ -6,62 +6,77 @@
+ const { promiseMapWithLimit } = require('../app/src/util/promises')
+
+ // $ node scripts/convert_archived_state.js FIRST,SECOND
+-const STAGE = process.argv.pop()
+
+-async function main() {
+-  if (STAGE.includes('FIRST')) {
+-    await batchedUpdate(
+-      'projects',
+-      { archived: false },
+-      {
+-        $set: { archived: [] },
+-      }
+-    )
++async function main(STAGE) {
++  for (const FIELD of ['archived', 'trashed']) {
++    if (STAGE.includes('FIRST')) {
++      await batchedUpdate(
++        'projects',
++        { [FIELD]: false },
++        {
++          $set: { [FIELD]: [] },
++        }
++      )
+
+-    console.error('Done, with first part')
+-  }
++      console.error('Done, with first part for field:', FIELD)
++    }
+
+-  if (STAGE.includes('SECOND')) {
+-    await batchedUpdate('projects', { archived: true }, performUpdate, {
+-      _id: 1,
+-      owner_ref: 1,
+-      collaberator_refs: 1,
+-      readOnly_refs: 1,
+-      tokenAccessReadAndWrite_refs: 1,
+-      tokenAccessReadOnly_refs: 1,
+-    })
++    if (STAGE.includes('SECOND')) {
++      await batchedUpdate(
++        'projects',
++        { [FIELD]: true },
++        async function performUpdate(collection, nextBatch) {
++          await promiseMapWithLimit(
++            WRITE_CONCURRENCY,
++            nextBatch,
++            async project => {
++              try {
++                await upgradeFieldToArray({ collection, project, FIELD })
++              } catch (err) {
++                console.error(project._id, err)
++                throw err
++              }
++            }
++          )
++        },
++        {
++          _id: 1,
++          owner_ref: 1,
++          collaberator_refs: 1,
++          readOnly_refs: 1,
++          tokenAccessReadAndWrite_refs: 1,
++          tokenAccessReadOnly_refs: 1,
++        }
++      )
+
+-    console.error('Done, with second part')
++      console.error('Done, with second part for field:', FIELD)
++    }
+   }
+ }
+
+-main()
+-  .then(() => {
+-    process.exit(0)
+-  })
+-  .catch(error => {
+-    console.error({ error })
+-    process.exit(1)
+-  })
+-
+-async function performUpdate(collection, nextBatch) {
+-  await promiseMapWithLimit(WRITE_CONCURRENCY, nextBatch, project =>
+-    setArchived(collection, project)
+-  )
++module.exports = main
++
++if (require.main === module) {
++  main(process.argv.pop())
++    .then(() => {
++      process.exit(0)
++    })
++    .catch(error => {
++      console.error({ error })
++      process.exit(1)
++    })
+ }
+
+-async function setArchived(collection, project) {
+-  const archived = calculateArchivedArray(project)
+-
++async function upgradeFieldToArray({ collection, project, FIELD }) {
+   return collection.updateOne(
+     { _id: project._id },
+     {
+-      $set: { archived },
++      $set: { [FIELD]: getAllUserIds(project) },
+     }
+   )
+ }
+
+-function calculateArchivedArray(project) {
++function getAllUserIds(project) {
+   return _.unionWith(
+     [project.owner_ref],
+     project.collaberator_refs,
+--- /dev/null
++++ services/web/migrations/20221111111111_ce_sp_convert_archived_state.js
+@@ -0,0 +1,9 @@
++const runScript = require('../scripts/convert_archived_state')
++
++exports.tags = ['server-ce', 'server-pro']
++
++exports.migrate = async () => {
++  await runScript('FIRST,SECOND')
++}
++
++exports.rollback = async () => {}
diff --git a/server-ce/hotfix/3.5.1/Dockerfile b/server-ce/hotfix/3.5.1/Dockerfile
new file mode 100644
index 0000000..cd10840
--- /dev/null
+++ b/server-ce/hotfix/3.5.1/Dockerfile
@@ -0,0 +1,6 @@
+FROM sharelatex/sharelatex:3.5.0
+
+# Patch: fix German locales
+COPY fix_de_locales.patch .
+RUN patch -p0 < fix_de_locales.patch
+RUN node genScript compile | bash
diff --git a/server-ce/hotfix/3.5.1/fix_de_locales.patch b/server-ce/hotfix/3.5.1/fix_de_locales.patch
new file mode 100644
index 0000000..54ed1f1
--- /dev/null
+++ b/server-ce/hotfix/3.5.1/fix_de_locales.patch
@@ -0,0 +1,10 @@
+--- services/web/locales/de.json
++++ services/web/locales/de.json
+@@ -348,7 +348,6 @@
+   "edit_dictionary_empty": "Dein benutzerdefiniertes Wörterbuch ist leer.",
+   "edit_dictionary_remove": "Aus Wörterbuch entfernen",
+   "editing": "Bearbeitung",
+-  "editor_and_pdf": "Editor &amp; PDF",
+   "editor_disconected_click_to_reconnect": "Editor wurde getrennt",
+   "editor_only_hide_pdf": "Nur Editor <0>(PDF ausblenden)</0>",
+   "editor_resources": "Editor-Literatur",
diff --git a/server-ce/hotfix/3.5.10/Dockerfile b/server-ce/hotfix/3.5.10/Dockerfile
new file mode 100644
index 0000000..ae09f89
--- /dev/null
+++ b/server-ce/hotfix/3.5.10/Dockerfile
@@ -0,0 +1,9 @@
+FROM sharelatex/sharelatex:3.5.9
+
+# Patch: clear invite and invite tokens through the websocket
+COPY pr_13427.patch .
+RUN patch -p0 < pr_13427.patch
+
+# Patch: https://github.com/Automattic/mongoose/commit/f1efabf350522257364aa5c2cb36e441cf08f1a2
+COPY mongoose_proto.patch .
+RUN patch -p0 < mongoose_proto.patch
diff --git a/server-ce/hotfix/3.5.10/mongoose_proto.patch b/server-ce/hotfix/3.5.10/mongoose_proto.patch
new file mode 100644
index 0000000..37559db
--- /dev/null
+++ b/server-ce/hotfix/3.5.10/mongoose_proto.patch
@@ -0,0 +1,12 @@
+--- node_modules/mongoose/lib/document.js
++++ node_modules/mongoose/lib/document.js
+@@ -689,6 +689,10 @@ function init(self, obj, doc, opts, prefix) {
+
+   function _init(index) {
+     i = keys[index];
++    // avoid prototype pollution
++    if (i === '__proto__' || i === 'constructor') {
++      return;
++    }
+     path = prefix + i;
+     schema = self.$__schema.path(path);
diff --git a/server-ce/hotfix/3.5.10/pr_13427.patch b/server-ce/hotfix/3.5.10/pr_13427.patch
new file mode 100644
index 0000000..716b7ce
--- /dev/null
+++ b/server-ce/hotfix/3.5.10/pr_13427.patch
@@ -0,0 +1,92 @@
+--- services/web/app/src/Features/Editor/EditorHttpController.js
++++ services/web/app/src/Features/Editor/EditorHttpController.js
+@@ -73,6 +73,7 @@ async function joinProject(req, res, next) {
+   if (isRestrictedUser) {
+     project.owner = { _id: project.owner._id }
+     project.members = []
++    project.invites = []
+   }
+   // Only show the 'renamed or deleted' message once
+   if (project.deletedByExternalDataSource) {
+--- services/web/app/src/Features/Project/ProjectEditorHandler.js
++++ services/web/app/src/Features/Project/ProjectEditorHandler.js
+@@ -48,19 +48,13 @@
+         deletedDocsFromDocstore
+       ),
+       members: [],
+-      invites,
++      invites: this.buildInvitesView(invites),
+       imageName:
+         project.imageName != null
+           ? Path.basename(project.imageName)
+           : undefined,
+     }
+
+-    if (result.invites == null) {
+-      result.invites = []
+-    }
+-    result.invites.forEach(invite => {
+-      delete invite.token
+-    })
+     ;({ owner, ownerFeatures, members } =
+       this.buildOwnerAndMembersViews(members))
+     result.owner = owner
+@@ -99,7 +93,7 @@
+     let owner = null
+     let ownerFeatures = null
+     const filteredMembers = []
+-    for (const member of Array.from(members || [])) {
++    for (const member of members || []) {
+       if (member.privilegeLevel === 'owner') {
+         ownerFeatures = member.user.features
+         owner = this.buildUserModelView(member.user, 'owner')
+@@ -128,24 +122,15 @@
+   },
+
+   buildFolderModelView(folder) {
+-    let file
+     const fileRefs = _.filter(folder.fileRefs || [], file => file != null)
+     return {
+       _id: folder._id,
+       name: folder.name,
+-      folders: Array.from(folder.folders || []).map(childFolder =>
++      folders: (folder.folders || []).map(childFolder =>
+         this.buildFolderModelView(childFolder)
+       ),
+-      fileRefs: (() => {
+-        const result = []
+-        for (file of Array.from(fileRefs)) {
+-          result.push(this.buildFileModelView(file))
+-        }
+-        return result
+-      })(),
+-      docs: Array.from(folder.docs || []).map(doc =>
+-        this.buildDocModelView(doc)
+-      ),
++      fileRefs: fileRefs.map(file => this.buildFileModelView(file)),
++      docs: (folder.docs || []).map(doc => this.buildDocModelView(doc)),
+     }
+   },
+
+@@ -164,4 +149,21 @@
+       name: doc.name,
+     }
+   },
++
++  buildInvitesView(invites) {
++    if (invites == null) {
++      return []
++    }
++    return invites.map(invite =>
++      _.pick(invite, [
++        '_id',
++        'createdAt',
++        'email',
++        'expires',
++        'privileges',
++        'projectId',
++        'sendingUserId',
++      ])
++    )
++  },
+ }
diff --git a/server-ce/hotfix/3.5.11/Dockerfile b/server-ce/hotfix/3.5.11/Dockerfile
new file mode 100644
index 0000000..650f194
--- /dev/null
+++ b/server-ce/hotfix/3.5.11/Dockerfile
@@ -0,0 +1,8 @@
+FROM sharelatex/sharelatex:3.5.10
+
+# Patch: Drop the old history collections and increase mongo query timeout
+ADD clean_sl_history_data.js /overleaf/services/web/scripts/history/clean_sl_history_data.js
+
+# Patch: convert large deleted docs to files
+COPY pr_14200.patch .
+RUN patch -p0 < pr_14200.patch
diff --git a/server-ce/hotfix/3.5.11/clean_sl_history_data.js b/server-ce/hotfix/3.5.11/clean_sl_history_data.js
new file mode 100644
index 0000000..a7497c8
--- /dev/null
+++ b/server-ce/hotfix/3.5.11/clean_sl_history_data.js
@@ -0,0 +1,70 @@
+// Increase default mongo query timeout from 1min to 1h
+process.env.MONGO_SOCKET_TIMEOUT = process.env.MONGO_SOCKET_TIMEOUT || '360000'
+const { waitForDb, db } = require('../../app/src/infrastructure/mongodb')
+
+async function main() {
+  await checkAllProjectsAreMigrated()
+  await setAllowDowngradeToFalse()
+  await deleteHistoryCollections()
+  console.log('Legacy history data cleaned up successfully')
+  process.exit(0)
+}
+
+async function checkAllProjectsAreMigrated() {
+  console.log('checking all projects are migrated to Full Project History')
+
+  const count = await db.projects.countDocuments({
+    'overleaf.history.display': { $ne: true },
+  })
+
+  if (count === 0) {
+    console.log('All projects are migrated to Full Project History')
+  } else {
+    console.error(
+      `There are ${count} projects that are not migrated to Full Project History` +
+        ` please complete the migration before running this script again.`
+    )
+    process.exit(1)
+  }
+}
+
+async function setAllowDowngradeToFalse() {
+  console.log('unsetting `allowDowngrade` flag in all projects')
+  await db.projects.updateMany(
+    {
+      'overleaf.history.id': { $exists: true },
+      'overleaf.history.allowDowngrade': true,
+    },
+    { $unset: { 'overleaf.history.allowDowngrade': 1 } }
+  )
+  console.log('unsetting `allowDowngrade` flag in all projects - Done')
+}
+
+async function deleteHistoryCollections() {
+  await gracefullyDropCollection(db.docHistory)
+  await gracefullyDropCollection(db.docHistoryIndex)
+  await gracefullyDropCollection(db.projectHistoryMetaData)
+}
+
+async function gracefullyDropCollection(collection) {
+  const collectionName = collection.collectionName
+  console.log(`removing \`${collectionName}\` data`)
+  try {
+    await collection.drop()
+  } catch (err) {
+    if (err.code === 26) {
+      // collection already deleted
+      console.log(`removing \`${collectionName}\` data - Already removed`)
+    } else {
+      throw err
+    }
+  }
+  console.log(`removing \`${collectionName}\` data - Done`)
+}
+
+waitForDb()
+  .then(main)
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
diff --git a/server-ce/hotfix/3.5.11/pr_14200.patch b/server-ce/hotfix/3.5.11/pr_14200.patch
new file mode 100644
index 0000000..57dd5f9
--- /dev/null
+++ b/server-ce/hotfix/3.5.11/pr_14200.patch
@@ -0,0 +1,95 @@
+--- services/web/modules/history-migration/app/src/HistoryUpgradeHelper.js
++++ services/web/modules/history-migration/app/src/HistoryUpgradeHelper.js
+@@ -1,6 +1,9 @@
++const _ = require('lodash')
++const fs = require('fs')
+ const { ReadPreference, ObjectId } = require('mongodb')
+ const { db } = require('../../../../app/src/infrastructure/mongodb')
+ const Settings = require('@overleaf/settings')
++const logger = require('@overleaf/logger')
+
+ const ProjectHistoryHandler = require('../../../../app/src/Features/Project/ProjectHistoryHandler')
+ const HistoryManager = require('../../../../app/src/Features/History/HistoryManager')
+@@ -8,6 +11,8 @@ const ProjectHistoryController = require('./ProjectHistoryController')
+ const ProjectEntityHandler = require('../../../../app/src/Features/Project/ProjectEntityHandler')
+ const ProjectEntityUpdateHandler = require('../../../../app/src/Features/Project/ProjectEntityUpdateHandler')
+ const DocumentUpdaterHandler = require('../../../../app/src/Features/DocumentUpdater/DocumentUpdaterHandler')
++const { Doc } = require('../../../../app/src/models/Doc')
++const FileWriter = require('../../../../app/src/infrastructure/FileWriter')
+
+ // Timestamp of when 'Enable history for SL in background' release
+ const ID_WHEN_FULL_PROJECT_HISTORY_ENABLED =
+@@ -340,9 +345,33 @@ async function anyDocHistoryIndexExists(project) {
+   )
+ }
+
++async function convertDeletedDocToFile(projectId, docId, userId, source, doc) {
++  // write the doc to a temporary file and upload to filestore
++  const tmpFilePath = await FileWriter.promises.writeLinesToDisk(
++    projectId,
++    doc.lines
++  )
++  await ProjectEntityUpdateHandler.promises.upsertFileWithPath(
++    projectId,
++    `/_deleted/${docId}/${doc.name}`,
++    tmpFilePath,
++    null,
++    userId,
++    source
++  )
++  // hard delete the original doc, otherwise it will get picked up again
++  // by readDeletedDocs in ProjectHistoryController and the final
++  // resync of the history will fail.
++  await db.docs.deleteOne({ _id: docId })
++  await db.docOps.deleteOne({ doc_id: docId })
++  // clean up the temporary file
++  await fs.promises.unlink(tmpFilePath)
++}
++
+ async function convertLargeDocsToFile(projectId, userId) {
+-  const docs = await ProjectEntityHandler.promises.getAllDocs(projectId)
+   let convertedDocCount = 0
++  const docs = await ProjectEntityHandler.promises.getAllDocs(projectId)
++  // Convert large docs to files
+   for (const doc of Object.values(docs)) {
+     const sizeBound = JSON.stringify(doc.lines)
+     if (docIsTooLarge(sizeBound, doc.lines, Settings.max_doc_length)) {
+@@ -355,6 +384,39 @@ async function convertLargeDocsToFile(projectId, userId) {
+       convertedDocCount++
+     }
+   }
++  // Convert deleted docs to files, these cannot be converted by
++  // ProjectEntityUpdateHandler so we do it manually
++  const docsCursor = Doc.find({
++    project_id: ObjectId(projectId),
++  })
++    .lean()
++    .cursor()
++  for await (const doc of docsCursor) {
++    // check whether the doc is present in the filetree instead of
++    // relying on the deletedAt property
++    const docExistsInFiletree = _.find(docs, existingDoc =>
++      existingDoc._id.equals(doc._id)
++    )
++    if (docExistsInFiletree || doc.inS3) {
++      continue
++    }
++    const sizeBound = JSON.stringify(doc.lines)
++    if (docIsTooLarge(sizeBound, doc.lines, Settings.max_doc_length)) {
++      const docId = doc._id.toString()
++      if (!_.isEmpty(doc.ranges)) {
++        throw new Error(`found too large deleted doc with ranges: ${docId}`)
++      }
++      logger.warn({ projectId, docId }, 'converting large deleted doc')
++      await convertDeletedDocToFile(
++        projectId,
++        doc._id,
++        userId,
++        'history-migration',
++        doc
++      )
++      convertedDocCount++
++    }
++  }
+   return convertedDocCount
+ }
diff --git a/server-ce/hotfix/3.5.12/Dockerfile b/server-ce/hotfix/3.5.12/Dockerfile
new file mode 100644
index 0000000..a6eef50
--- /dev/null
+++ b/server-ce/hotfix/3.5.12/Dockerfile
@@ -0,0 +1,5 @@
+FROM sharelatex/sharelatex:3.5.11
+
+# Patch: fix matching version when rewinding history
+COPY fix-matching-version-error.patch .
+RUN patch -p0 < fix-matching-version-error.patch
diff --git a/server-ce/hotfix/3.5.12/fix-matching-version-error.patch b/server-ce/hotfix/3.5.12/fix-matching-version-error.patch
new file mode 100644
index 0000000..dd768c2
--- /dev/null
+++ b/server-ce/hotfix/3.5.12/fix-matching-version-error.patch
@@ -0,0 +1,22 @@
+--- services/track-changes/app/js/ZipManager.js
++++ services/track-changes/app/js/ZipManager.js
+@@ -95,6 +95,19 @@ async function rewindDoc(projectId, docId, zipfile) {
+       continue
+     }
+
++    if (previousUpdate && update.v >= previousUpdate.v) {
++      logger.warn(
++        {
++          projectId,
++          docId,
++          previousUpdateVersion: previousUpdate.v,
++          updateVersion: update.v,
++        },
++        'adjusting version for update with matching version'
++      )
++      update.v = previousUpdate.v - 1
++    }
++
+     const updatePath = `${id}/updates/${update.v}`
+
+     try {
diff --git a/server-ce/hotfix/3.5.13/Dockerfile b/server-ce/hotfix/3.5.13/Dockerfile
new file mode 100644
index 0000000..0ae5f77
--- /dev/null
+++ b/server-ce/hotfix/3.5.13/Dockerfile
@@ -0,0 +1,5 @@
+FROM sharelatex/sharelatex:3.5.12
+
+# Patch: fix soft history retry in cron job
+COPY history_soft_retry.patch .
+RUN patch -p0 < history_soft_retry.patch
diff --git a/server-ce/hotfix/3.5.13/history_soft_retry.patch b/server-ce/hotfix/3.5.13/history_soft_retry.patch
new file mode 100644
index 0000000..a28855f
--- /dev/null
+++ b/server-ce/hotfix/3.5.13/history_soft_retry.patch
@@ -0,0 +1,8 @@
+--- cron/project-history-retry-soft.sh
++++ cron/project-history-retry-soft.sh
+@@ -8,4 +8,4 @@ echo "-----------------------------------"
+
+ PROJECT_HISTORY_URL='http://localhost:3054'
+
+-curl -X POST "${PROJECT_HISTORY_URL}/retry/failures?failureType=hard&timeout=3600000&limit=10000"
++curl -X POST "${PROJECT_HISTORY_URL}/retry/failures?failureType=soft&timeout=3600000&limit=10000"
diff --git a/server-ce/hotfix/3.5.2/Dockerfile b/server-ce/hotfix/3.5.2/Dockerfile
new file mode 100644
index 0000000..ff4d776
--- /dev/null
+++ b/server-ce/hotfix/3.5.2/Dockerfile
@@ -0,0 +1,5 @@
+FROM sharelatex/sharelatex:3.5.1
+
+# Patch: improvements to history migration script
+COPY migrate_history_fixes.patch .
+RUN patch -p0 < migrate_history_fixes.patch
diff --git a/server-ce/hotfix/3.5.2/migrate_history_fixes.patch b/server-ce/hotfix/3.5.2/migrate_history_fixes.patch
new file mode 100644
index 0000000..8fe97e1
--- /dev/null
+++ b/server-ce/hotfix/3.5.2/migrate_history_fixes.patch
@@ -0,0 +1,92 @@
+--- services/track-changes/app/js/DiffGenerator.js
++++ services/track-changes/app/js/DiffGenerator.js
+@@ -63,6 +63,7 @@ module.exports = DiffGenerator = {
+       if (p > max_p) {
+         logger.warn({ max_p, p }, 'truncating position to content length')
+         p = max_p
++        op.p = p // fix out of range offsets to avoid invalid history exports in ZipManager
+       }
+
+       const textToBeRemoved = content.slice(p, p + op.i.length)
+@@ -74,6 +75,9 @@ module.exports = DiffGenerator = {
+
+       return content.slice(0, p) + content.slice(p + op.i.length)
+     } else if (op.d != null) {
++      if (op.p > content.length) {
++        op.p = content.length // fix out of range offsets to avoid invalid history exports in ZipManager
++      }
+       return content.slice(0, op.p) + op.d + content.slice(op.p)
+     } else {
+       return content
+
+--- services/web/modules/history-migration/app/src/HistoryUpgradeHelper.js
++++ services/web/modules/history-migration/app/src/HistoryUpgradeHelper.js
+@@ -107,6 +107,15 @@ async function upgradeProject(project, options) {
+   if (!upgradeFn) {
+     return { error: 'unsupported history type' }
+   }
++  if (options.forceClean) {
++    try {
++      const projectId = project._id
++      // delete any existing history stored in the mongo backend
++      await HistoryManager.promises.deleteProject(projectId, projectId)
++    } catch (err) {
++      // failed to delete existing history, but we can try to continue
++    }
++  }
+   const result = await upgradeFn(project, options)
+   result.historyType = historyType
+   return result
+
+--- services/web/scripts/history/migrate_history.js
++++ services/web/scripts/history/migrate_history.js
+@@ -2,6 +2,25 @@
+ process.env.MONGO_SOCKET_TIMEOUT =
+   parseInt(process.env.MONGO_SOCKET_TIMEOUT, 10) || 3600000
+
++const fs = require('fs')
++
++if (fs.existsSync('/etc/container_environment.json')) {
++  try {
++    const envData = JSON.parse(
++      fs.readFileSync('/etc/container_environment.json', 'utf8')
++    )
++    for (const [key, value] of Object.entries(envData)) {
++      process.env[key] = value
++    }
++  } catch (err) {
++    console.error(
++      'cannot read /etc/container_environment.json, the script needs to be run as root',
++      err
++    )
++    process.exit(1)
++  }
++}
++
+ const VERSION = '0.9.0-cli'
+ const {
+   countProjects,
+@@ -11,7 +30,6 @@ const {
+ } = require('../../modules/history-migration/app/src/HistoryUpgradeHelper')
+ const { waitForDb } = require('../../app/src/infrastructure/mongodb')
+ const minimist = require('minimist')
+-const fs = require('fs')
+ const util = require('util')
+ const pLimit = require('p-limit')
+ const logger = require('@overleaf/logger')
+@@ -34,6 +52,7 @@ const argv = minimist(process.argv.slice(2), {
+     'use-query-hint',
+     'retry-failed',
+     'archive-on-failure',
++    'force-clean',
+   ],
+   string: ['output', 'user-id'],
+   alias: {
+@@ -168,6 +187,7 @@ async function migrateProjects(projectsToMigrate) {
+     convertLargeDocsToFile: argv['convert-large-docs-to-file'],
+     userId: argv['user-id'],
+     reason: VERSION,
++    forceClean: argv['force-clean'],
+   }
+   async function _migrateProject(project) {
+     if (INTERRUPT) {
diff --git a/server-ce/hotfix/3.5.3/Dockerfile b/server-ce/hotfix/3.5.3/Dockerfile
new file mode 100644
index 0000000..8b1ee4b
--- /dev/null
+++ b/server-ce/hotfix/3.5.3/Dockerfile
@@ -0,0 +1,5 @@
+FROM sharelatex/sharelatex:3.5.2
+
+# Patch: remove stats collection from history migration script
+COPY remove_stats_collection.patch .
+RUN patch -p0 < remove_stats_collection.patch
diff --git a/server-ce/hotfix/3.5.3/remove_stats_collection.patch b/server-ce/hotfix/3.5.3/remove_stats_collection.patch
new file mode 100644
index 0000000..3f4c7b6
--- /dev/null
+++ b/server-ce/hotfix/3.5.3/remove_stats_collection.patch
@@ -0,0 +1,16 @@
+--- services/web/scripts/history/migrate_history.js
++++ services/web/scripts/history/migrate_history.js
+@@ -110,14 +110,6 @@ async function findProjectsToMigrate() {
+     process.exit(1)
+   }
+
+-  // Find the total number of history records for the projects we need to migrate
+-  let docHistoryCount = 0
+-  for await (const project of projectsToMigrate) {
+-    const count = await countDocHistory({ project_id: project._id })
+-    docHistoryCount += count
+-  }
+-
+-  console.log('Total history records to migrate:', docHistoryCount)
+   return projectsToMigrate
+ }
diff --git a/server-ce/hotfix/3.5.4/Dockerfile b/server-ce/hotfix/3.5.4/Dockerfile
new file mode 100644
index 0000000..b1e0c9a
--- /dev/null
+++ b/server-ce/hotfix/3.5.4/Dockerfile
@@ -0,0 +1,5 @@
+FROM sharelatex/sharelatex:3.5.3
+
+# Patch: run primary email check in saas only
+COPY primary_email_check_saas.patch .
+RUN patch -p0 < primary_email_check_saas.patch
diff --git a/server-ce/hotfix/3.5.4/primary_email_check_saas.patch b/server-ce/hotfix/3.5.4/primary_email_check_saas.patch
new file mode 100644
index 0000000..838fcb4
--- /dev/null
+++ b/server-ce/hotfix/3.5.4/primary_email_check_saas.patch
@@ -0,0 +1,10 @@
+--- services/web/app/src/Features/Project/ProjectController.js
++++ services/web/app/src/Features/Project/ProjectController.js
+@@ -535,6 +535,7 @@ const ProjectController = {
+
+         if (
+           user &&
++          Features.hasFeature('saas') &&
+           UserPrimaryEmailCheckHandler.requiresPrimaryEmailCheck(user)
+         ) {
+           return res.redirect('/user/emails/primary-email-check')
diff --git a/server-ce/hotfix/3.5.5/Dockerfile b/server-ce/hotfix/3.5.5/Dockerfile
new file mode 100644
index 0000000..558ec0f
--- /dev/null
+++ b/server-ce/hotfix/3.5.5/Dockerfile
@@ -0,0 +1,7 @@
+FROM sharelatex/sharelatex:3.5.4
+
+# Patch: fix shutdown sequence: flush document-updater before history services.
+RUN cd /etc/my_init.pre_shutdown.d \
+&&  mv 02_flush_document_updater 01_flush_document_updater \
+&&  mv 01_flush_project_history 02_flush_project_history \
+&&  mv 01_flush_track_changes 02_flush_track_changes
diff --git a/server-ce/hotfix/3.5.6/Dockerfile b/server-ce/hotfix/3.5.6/Dockerfile
new file mode 100644
index 0000000..3c78fe9
--- /dev/null
+++ b/server-ce/hotfix/3.5.6/Dockerfile
@@ -0,0 +1,8 @@
+FROM sharelatex/sharelatex:3.5.5
+
+# Patch: support trustProxyIps in Overleaf Community Edition/Server Pro
+COPY trusted_proxy_ips.patch .
+RUN patch -p0 --directory=/etc/sharelatex < trusted_proxy_ips.patch
+
+# Patch: add script to cleanup legacy history data
+ADD clean_sl_history_data.js /overleaf/services/web/scripts/history/clean_sl_history_data.js
diff --git a/server-ce/hotfix/3.5.6/clean_sl_history_data.js b/server-ce/hotfix/3.5.6/clean_sl_history_data.js
new file mode 100644
index 0000000..1800692
--- /dev/null
+++ b/server-ce/hotfix/3.5.6/clean_sl_history_data.js
@@ -0,0 +1,60 @@
+const { waitForDb, db } = require('../../app/src/infrastructure/mongodb')
+
+async function main() {
+  await checkAllProjectsAreMigrated()
+  await setAllowDowngradeToFalse()
+  await deleteHistoryCollections()
+  console.log('Legacy history data cleaned up successfully')
+  process.exit(0)
+}
+
+async function checkAllProjectsAreMigrated() {
+  console.log('checking all projects are migrated to Full Project History')
+
+  const count = await db.projects.countDocuments({
+    'overleaf.history.display': { $ne: true },
+  })
+
+  if (count === 0) {
+    console.log('All projects are migrated to Full Project History')
+  } else {
+    console.error(
+      `There are ${count} projects that are not migrated to Full Project History` +
+        ` please complete the migration before running this script again.`
+    )
+    process.exit(1)
+  }
+}
+
+async function setAllowDowngradeToFalse() {
+  console.log('unsetting `allowDowngrade` flag in all projects')
+  await db.projects.updateMany(
+    {
+      'overleaf.history.id': { $exists: true },
+      'overleaf.history.allowDowngrade': true,
+    },
+    { $unset: { 'overleaf.history.allowDowngrade': 1 } }
+  )
+  console.log('unsetting `allowDowngrade` flag in all projects - Done')
+}
+
+async function deleteHistoryCollections() {
+  console.log('removing `docHistory` data')
+  await db.docHistory.deleteMany({})
+  console.log('removing `docHistory` data - Done')
+
+  console.log('removing `docHistoryIndex` data')
+  await db.docHistoryIndex.deleteMany({})
+  console.log('removing `docHistoryIndex` data - Done')
+
+  console.log('removing `projectHistoryMetaData` data')
+  await db.projectHistoryMetaData.deleteMany({})
+  console.log('removing `projectHistoryMetaData` data - Done')
+}
+
+waitForDb()
+  .then(main)
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
diff --git a/server-ce/hotfix/3.5.6/trusted_proxy_ips.patch b/server-ce/hotfix/3.5.6/trusted_proxy_ips.patch
new file mode 100644
index 0000000..cdba9e3
--- /dev/null
+++ b/server-ce/hotfix/3.5.6/trusted_proxy_ips.patch
@@ -0,0 +1,10 @@
+--- settings.js
++++ settings.js
+@@ -245,6 +245,7 @@ const settings = {
+   // address and http/https protocol information.
+
+   behindProxy: process.env.SHARELATEX_BEHIND_PROXY || false,
++  trustedProxyIps: process.env.SHARELATEX_TRUSTED_PROXY_IPS,
+
+   i18n: {
+     subdomainLang: {
diff --git a/server-ce/hotfix/3.5.7/Dockerfile b/server-ce/hotfix/3.5.7/Dockerfile
new file mode 100644
index 0000000..fed7904
--- /dev/null
+++ b/server-ce/hotfix/3.5.7/Dockerfile
@@ -0,0 +1,5 @@
+FROM sharelatex/sharelatex:3.5.6
+
+# Patch: clean up history id on `migrate_history.js --force-clean`
+COPY force_clean_fix.patch .
+RUN patch -p0 < force_clean_fix.patch
diff --git a/server-ce/hotfix/3.5.7/force_clean_fix.patch b/server-ce/hotfix/3.5.7/force_clean_fix.patch
new file mode 100644
index 0000000..40cbf2a
--- /dev/null
+++ b/server-ce/hotfix/3.5.7/force_clean_fix.patch
@@ -0,0 +1,40 @@
+--- services/web/modules/history-migration/app/src/HistoryUpgradeHelper.js
++++ services/web/modules/history-migration/app/src/HistoryUpgradeHelper.js
+@@ -115,6 +115,11 @@ async function upgradeProject(project, options) {
+       const projectId = project._id
+       // delete any existing history stored in the mongo backend
+       await HistoryManager.promises.deleteProject(projectId, projectId)
++      // unset overleaf.history.id to prevent the migration script from failing on checks
++      await db.projects.updateOne(
++        { _id: projectId },
++        { $unset: { 'overleaf.history.id': '' } }
++      )
+     } catch (err) {
+       // failed to delete existing history, but we can try to continue
+     }
+--- services/web/scripts/history/migrate_history.js
++++ services/web/scripts/history/migrate_history.js
+@@ -147,7 +147,7 @@ async function migrateProjects(projectsToMigrate) {
+   }
+   // send log output for each migration to a file
+   const output = fs.createWriteStream(argv.output, { flags: 'a' })
+-  console.log(`Writing log output to ${argv.output}`)
++  console.log(`Writing log output to ${process.cwd()}/${argv.output}`)
+   const logger = new console.Console({ stdout: output })
+   function logJson(obj) {
+     logger.log(JSON.stringify(obj))
+@@ -253,8 +253,12 @@ async function main() {
+   console.log('Projects migrated: ', projectsMigrated)
+   console.log('Projects failed: ', projectsFailed)
+   if (projectsFailed > 0) {
+-    console.log(`Log output written to ${argv.output}`)
+-    console.log('Please check the log for errors.')
++    console.log('------------------------------------------------------')
++    console.log(`Log output written to ${process.cwd()}/${argv.output}`)
++    console.log(
++      'Please check the log for errors. Attach the content of the file when contacting support.'
++    )
++    console.log('------------------------------------------------------')
+   }
+   if (INTERRUPT) {
+     console.log('Migration interrupted, please run again to continue.')
diff --git a/server-ce/hotfix/3.5.8/Dockerfile b/server-ce/hotfix/3.5.8/Dockerfile
new file mode 100644
index 0000000..ea7b7f7
--- /dev/null
+++ b/server-ce/hotfix/3.5.8/Dockerfile
@@ -0,0 +1,5 @@
+FROM sharelatex/sharelatex:3.5.7
+
+# Patch: fixes anonymous edits breaking history
+COPY pr_13574.patch .
+RUN patch -p0 < pr_13574.patch
diff --git a/server-ce/hotfix/3.5.8/pr_13574.patch b/server-ce/hotfix/3.5.8/pr_13574.patch
new file mode 100644
index 0000000..6d50715
--- /dev/null
+++ b/server-ce/hotfix/3.5.8/pr_13574.patch
@@ -0,0 +1,22 @@
+--- services/project-history/app/js/UpdateTranslator.js
++++ services/project-history/app/js/UpdateTranslator.js
+@@ -73,9 +73,18 @@ function _convertToChange(projectId, updateWithBlob) {
+     throw error
+   }
+
++  let v2Authors
++  if (update.meta.user_id === 'anonymous-user') {
++    // history-v1 uses null to represent an anonymous author
++    v2Authors = [null]
++  } else {
++    // user_id is missing on resync operations that update the contents of a doc
++    v2Authors = _.compact([update.meta.user_id])
++  }
++
+   const rawChange = {
+     operations,
+-    v2Authors: _.compact([update.meta.user_id]),
++    v2Authors,
+     timestamp: new Date(update.meta.ts).toISOString(),
+     projectVersion,
+     v2DocVersions: Object.keys(v2DocVersions).length ? v2DocVersions : null,
diff --git a/server-ce/hotfix/3.5.9/Dockerfile b/server-ce/hotfix/3.5.9/Dockerfile
new file mode 100644
index 0000000..d726a81
--- /dev/null
+++ b/server-ce/hotfix/3.5.9/Dockerfile
@@ -0,0 +1,10 @@
+FROM sharelatex/sharelatex:3.5.8
+
+# Node update
+RUN curl -sSL https://deb.nodesource.com/setup_16.x | bash - \
+    && apt-get install -y nodejs
+
+# Patch: fetch access tokens via endpoint
+COPY pr_13485.patch .
+RUN patch -p0 < pr_13485.patch
+RUN node genScript compile | bash
diff --git a/server-ce/hotfix/3.5.9/pr_13485.patch b/server-ce/hotfix/3.5.9/pr_13485.patch
new file mode 100644
index 0000000..14dc931
--- /dev/null
+++ b/server-ce/hotfix/3.5.9/pr_13485.patch
@@ -0,0 +1,389 @@
+--- services/web/app/src/Features/Collaborators/CollaboratorsController.js
++++ services/web/app/src/Features/Collaborators/CollaboratorsController.js
+@@ -11,6 +11,7 @@ const Errors = require('../Errors/Errors')
+ const logger = require('@overleaf/logger')
+ const { expressify } = require('../../util/promises')
+ const { hasAdminAccess } = require('../Helpers/AdminAuthorizationHelper')
++const TokenAccessHandler = require('../TokenAccess/TokenAccessHandler')
+
+ module.exports = {
+   removeUserFromProject: expressify(removeUserFromProject),
+@@ -18,6 +19,7 @@ module.exports = {
+   getAllMembers: expressify(getAllMembers),
+   setCollaboratorInfo: expressify(setCollaboratorInfo),
+   transferOwnership: expressify(transferOwnership),
++  getShareTokens: expressify(getShareTokens),
+ }
+
+ async function removeUserFromProject(req, res, next) {
+@@ -114,3 +116,37 @@ async function _removeUserIdFromProject(projectId, userId) {
+   )
+   await TagsHandler.promises.removeProjectFromAllTags(userId, projectId)
+ }
++
++async function getShareTokens(req, res) {
++  const projectId = req.params.Project_id
++  const userId = SessionManager.getLoggedInUserId(req.session)
++
++  let tokens
++  if (userId) {
++    tokens = await CollaboratorsGetter.promises.getPublicShareTokens(
++      ObjectId(userId),
++      ObjectId(projectId)
++    )
++  } else {
++    // anonymous access, the token is already available in the session
++    const readOnly = TokenAccessHandler.getRequestToken(req, projectId)
++    tokens = { readOnly }
++  }
++  if (!tokens) {
++    return res.sendStatus(403)
++  }
++
++  if (tokens.readOnly || tokens.readAndWrite) {
++    logger.info(
++      {
++        projectId,
++        userId: userId || 'anonymous',
++        ip: req.ip,
++        tokens: Object.keys(tokens),
++      },
++      'project tokens accessed'
++    )
++  }
++
++  res.json(tokens)
++}
+--- services/web/app/src/Features/Collaborators/CollaboratorsGetter.js
++++ services/web/app/src/Features/Collaborators/CollaboratorsGetter.js
+@@ -25,6 +25,7 @@ module.exports = {
+   getInvitedCollaboratorCount: callbackify(getInvitedCollaboratorCount),
+   getProjectsUserIsMemberOf: callbackify(getProjectsUserIsMemberOf),
+   isUserInvitedMemberOfProject: callbackify(isUserInvitedMemberOfProject),
++  getPublicShareTokens: callbackify(getPublicShareTokens),
+   userIsTokenMember: callbackify(userIsTokenMember),
+   getAllInvitedMembers: callbackify(getAllInvitedMembers),
+   promises: {
+@@ -37,6 +38,7 @@ module.exports = {
+     getInvitedCollaboratorCount,
+     getProjectsUserIsMemberOf,
+     isUserInvitedMemberOfProject,
++    getPublicShareTokens,
+     userIsTokenMember,
+     getAllInvitedMembers,
+   },
+@@ -133,6 +135,40 @@ async function isUserInvitedMemberOfProject(userId, projectId) {
+   return false
+ }
+
++async function getPublicShareTokens(userId, projectId) {
++  const memberInfo = await Project.findOne(
++    {
++      _id: projectId,
++    },
++    {
++      isOwner: { $eq: ['$owner_ref', userId] },
++      hasTokenReadOnlyAccess: {
++        $and: [
++          { $in: [userId, '$tokenAccessReadOnly_refs'] },
++          { $eq: ['$publicAccesLevel', PublicAccessLevels.TOKEN_BASED] },
++        ],
++      },
++      tokens: 1,
++    }
++  )
++    .lean()
++    .exec()
++
++  if (!memberInfo) {
++    return null
++  }
++
++  if (memberInfo.isOwner) {
++    return memberInfo.tokens
++  } else if (memberInfo.hasTokenReadOnlyAccess) {
++    return {
++      readOnly: memberInfo.tokens.readOnly,
++    }
++  } else {
++    return {}
++  }
++}
++
+ async function getProjectsUserIsMemberOf(userId, fields) {
+   const limit = pLimit(2)
+   const [readAndWrite, readOnly, tokenReadAndWrite, tokenReadOnly] =
+--- services/web/app/src/Features/Collaborators/CollaboratorsRouter.js
++++ services/web/app/src/Features/Collaborators/CollaboratorsRouter.js
+@@ -22,6 +22,10 @@ const rateLimiters = {
+     points: 200,
+     duration: 60 * 10,
+   }),
++  getProjectTokens: new RateLimiter('get-project-tokens', {
++    points: 200,
++    duration: 60 * 10,
++  }),
+ }
+
+ module.exports = {
+@@ -139,5 +143,12 @@ module.exports = {
+       CollaboratorsInviteController.acceptInvite,
+       AnalyticsRegistrationSourceMiddleware.clearSource()
+     )
++
++    webRouter.get(
++      '/project/:Project_id/tokens',
++      RateLimiterMiddleware.rateLimit(rateLimiters.getProjectTokens),
++      AuthorizationMiddleware.ensureUserCanReadProject,
++      CollaboratorsController.getShareTokens
++    )
+   },
+ }
+--- services/web/app/src/Features/Editor/EditorController.js
++++ services/web/app/src/Features/Editor/EditorController.js
+@@ -581,20 +581,7 @@ const EditorController = {
+           { newAccessLevel }
+         )
+         if (newAccessLevel === PublicAccessLevels.TOKEN_BASED) {
+-          ProjectDetailsHandler.ensureTokensArePresent(
+-            projectId,
+-            function (err, tokens) {
+-              if (err) {
+-                return callback(err)
+-              }
+-              EditorRealTimeController.emitToRoom(
+-                projectId,
+-                'project:tokens:changed',
+-                { tokens }
+-              )
+-              callback()
+-            }
+-          )
++          ProjectDetailsHandler.ensureTokensArePresent(projectId, callback)
+         } else {
+           callback()
+         }
+--- services/web/app/src/Features/Editor/EditorHttpController.js
++++ services/web/app/src/Features/Editor/EditorHttpController.js
+@@ -67,8 +67,6 @@ async function joinProject(req, res, next) {
+   if (!project) {
+     return res.sendStatus(403)
+   }
+-  // Hide access tokens if this is not the project owner
+-  TokenAccessHandler.protectTokens(project, privilegeLevel)
+   // Hide sensitive data if the user is restricted
+   if (isRestrictedUser) {
+     project.owner = { _id: project.owner._id }
+--- services/web/app/src/Features/Project/ProjectController.js
++++ services/web/app/src/Features/Project/ProjectController.js
+@@ -343,7 +343,7 @@ const ProjectController = {
+     const userId = SessionManager.getLoggedInUserId(req.session)
+     ProjectGetter.findAllUsersProjects(
+       userId,
+-      'name lastUpdated publicAccesLevel archived trashed owner_ref tokens',
++      'name lastUpdated publicAccesLevel archived trashed owner_ref',
+       (err, projects) => {
+         if (err != null) {
+           return next(err)
+@@ -1072,7 +1072,6 @@ const ProjectController = {
+     // If a project is simultaneously trashed and archived, we will consider it archived but not trashed.
+     const trashed = ProjectHelper.isTrashed(project, userId) && !archived
+
+-    TokenAccessHandler.protectTokens(project, accessLevel)
+     const model = {
+       id: project._id,
+       name: project.name,
+--- services/web/app/src/Features/Project/ProjectDetailsHandler.js
++++ services/web/app/src/Features/Project/ProjectDetailsHandler.js
+@@ -207,14 +207,13 @@ async function ensureTokensArePresent(projectId) {
+     project.tokens.readOnly != null &&
+     project.tokens.readAndWrite != null
+   ) {
+-    return project.tokens
++    return
+   }
+   await _generateTokens(project)
+   await Project.updateOne(
+     { _id: projectId },
+     { $set: { tokens: project.tokens } }
+   ).exec()
+-  return project.tokens
+ }
+
+ async function clearTokens(projectId) {
+--- services/web/app/src/Features/Project/ProjectEditorHandler.js
++++ services/web/app/src/Features/Project/ProjectEditorHandler.js
+@@ -49,7 +49,6 @@ module.exports = ProjectEditorHandler = {
+       ),
+       members: [],
+       invites,
+-      tokens: project.tokens,
+       imageName:
+         project.imageName != null
+           ? Path.basename(project.imageName)
+--- services/web/app/src/Features/TokenAccess/TokenAccessHandler.js
++++ services/web/app/src/Features/TokenAccess/TokenAccessHandler.js
+@@ -246,22 +246,6 @@ const TokenAccessHandler = {
+     })
+   },
+
+-  protectTokens(project, privilegeLevel) {
+-    if (!project || !project.tokens) {
+-      return
+-    }
+-    if (privilegeLevel === PrivilegeLevels.OWNER) {
+-      return
+-    }
+-    if (privilegeLevel !== PrivilegeLevels.READ_AND_WRITE) {
+-      project.tokens.readAndWrite = ''
+-      project.tokens.readAndWritePrefix = ''
+-    }
+-    if (privilegeLevel !== PrivilegeLevels.READ_ONLY) {
+-      project.tokens.readOnly = ''
+-    }
+-  },
+-
+   getV1DocPublishedInfo(token, callback) {
+     // default to allowing access
+     if (!Settings.apis.v1 || !Settings.apis.v1.url) {
+@@ -304,7 +288,6 @@ TokenAccessHandler.promises = promisifyAll(TokenAccessHandler, {
+     '_projectFindOne',
+     'grantSessionTokenAccess',
+     'getRequestToken',
+-    'protectTokens',
+   ],
+   multiResult: {
+     validateTokenForAnonymousAccess: ['isValidReadAndWrite', 'isValidReadOnly'],
+--- services/web/frontend/js/features/share-project-modal/components/link-sharing.js
++++ services/web/frontend/js/features/share-project-modal/components/link-sharing.js
+@@ -1,4 +1,4 @@
+-import { useCallback, useState } from 'react'
++import { useCallback, useState, useEffect } from 'react'
+ import PropTypes from 'prop-types'
+ import { Button, Col, Row } from 'react-bootstrap'
+ import { Trans } from 'react-i18next'
+@@ -10,6 +10,8 @@ import CopyLink from '../../../shared/components/copy-link'
+ import { useProjectContext } from '../../../shared/context/project-context'
+ import * as eventTracking from '../../../infrastructure/event-tracking'
+ import { useUserContext } from '../../../shared/context/user-context'
++import { getJSON } from '../../../infrastructure/fetch-json'
++import useAbortController from '../../../shared/hooks/use-abort-controller'
+
+ export default function LinkSharing({ canAddCollaborators }) {
+   const [inflight, setInflight] = useState(false)
+@@ -27,8 +29,7 @@ export default function LinkSharing({ canAddCollaborators }) {
+       )
+         .then(() => {
+           // NOTE: not calling `updateProject` here as it receives data via
+-          // project:publicAccessLevel:changed and project:tokens:changed
+-          // over the websocket connection
++          // project:publicAccessLevel:changed over the websocket connection
+           // TODO: eventTracking.sendMB('project-make-token-based') when newPublicAccessLevel is 'tokenBased'
+         })
+         .finally(() => {
+@@ -106,7 +107,17 @@ PrivateSharing.propTypes = {
+ }
+
+ function TokenBasedSharing({ setAccessLevel, inflight, canAddCollaborators }) {
+-  const { tokens } = useProjectContext()
++  const { _id: projectId } = useProjectContext()
++
++  const [tokens, setTokens] = useState(null)
++
++  const { signal } = useAbortController()
++
++  useEffect(() => {
++    getJSON(`/project/${projectId}/tokens`, { signal })
++      .then(data => setTokens(data))
++      .catch(error => console.error(error))
++  }, [projectId, signal])
+
+   return (
+     <Row className="public-access-level">
+@@ -194,7 +205,17 @@ LegacySharing.propTypes = {
+ }
+
+ export function ReadOnlyTokenLink() {
+-  const { tokens } = useProjectContext()
++  const { _id: projectId } = useProjectContext()
++
++  const [tokens, setTokens] = useState(null)
++
++  const { signal } = useAbortController()
++
++  useEffect(() => {
++    getJSON(`/project/${projectId}/tokens`, { signal })
++      .then(data => setTokens(data))
++      .catch(error => console.error(error))
++  }, [projectId, signal])
+
+   return (
+     <Row className="public-access-level">
+--- services/web/frontend/js/features/share-project-modal/controllers/react-share-project-modal-controller.js
++++ services/web/frontend/js/features/share-project-modal/controllers/react-share-project-modal-controller.js
+@@ -31,16 +31,6 @@ export default App.controller(
+       })
+     }
+
+-    /* tokens */
+-
+-    ide.socket.on('project:tokens:changed', data => {
+-      if (data.tokens != null) {
+-        $scope.$applyAsync(() => {
+-          $scope.project.tokens = data.tokens
+-        })
+-      }
+-    })
+-
+     ide.socket.on('project:membership:changed', data => {
+       if (data.members) {
+         listProjectMembers($scope.project._id)
+--- services/web/frontend/js/shared/context/mock/mock-ide.js
++++ services/web/frontend/js/shared/context/mock/mock-ide.js
+@@ -27,10 +27,6 @@ export const getMockIde = () => {
+           zotero: false,
+         },
+         publicAccessLevel: '',
+-        tokens: {
+-          readOnly: '',
+-          readAndWrite: '',
+-        },
+         owner: {
+           _id: '',
+           email: '',
+--- services/web/frontend/js/shared/context/project-context.js
++++ services/web/frontend/js/shared/context/project-context.js
+@@ -28,10 +28,6 @@ export const projectShape = {
+     versioning: PropTypes.bool,
+   }),
+   publicAccessLevel: PropTypes.string,
+-  tokens: PropTypes.shape({
+-    readOnly: PropTypes.string,
+-    readAndWrite: PropTypes.string,
+-  }),
+   owner: PropTypes.shape({
+     _id: PropTypes.string.isRequired,
+     email: PropTypes.string.isRequired,
+@@ -81,7 +77,6 @@ export function ProjectProvider({ children }) {
+     invites,
+     features,
+     publicAccesLevel: publicAccessLevel,
+-    tokens,
+     owner,
+   } = project || projectFallback
+
+@@ -94,7 +89,6 @@ export function ProjectProvider({ children }) {
+       invites,
+       features,
+       publicAccessLevel,
+-      tokens,
+       owner,
+     }
+   }, [
+@@ -105,7 +99,6 @@ export function ProjectProvider({ children }) {
+     invites,
+     features,
+     publicAccessLevel,
+-    tokens,
+     owner,
+   ])
diff --git a/server-ce/hotfix/4.0.1/Dockerfile b/server-ce/hotfix/4.0.1/Dockerfile
new file mode 100644
index 0000000..95d0536
--- /dev/null
+++ b/server-ce/hotfix/4.0.1/Dockerfile
@@ -0,0 +1,9 @@
+FROM sharelatex/sharelatex:4.0.0
+
+# Patch: Block access to metrics endpoint
+COPY pr_13229_ce_only.patch .
+RUN patch -p0 --directory=/ < pr_13229_ce_only.patch
+
+# Patch: Remove documentation link from editor outline
+COPY outline_doc_icon.patch .
+RUN patch -p0 < outline_doc_icon.patch
diff --git a/server-ce/hotfix/4.0.1/outline_doc_icon.patch b/server-ce/hotfix/4.0.1/outline_doc_icon.patch
new file mode 100644
index 0000000..847cfde
--- /dev/null
+++ b/server-ce/hotfix/4.0.1/outline_doc_icon.patch
@@ -0,0 +1,9 @@
+--- services/web/app/views/project/editor/file-tree-react.pug
++++ services/web/app/views/project/editor/file-tree-react.pug
+@@ -38,5 +38,3 @@ aside.editor-sidebar.full-size
+ 				highlighted-line="highlightedLine"
+ 				show="show"
+ 			)
+-
+-	documentation-button
+\ No newline at end of file
diff --git a/server-ce/hotfix/4.0.1/pr_13229_ce_only.patch b/server-ce/hotfix/4.0.1/pr_13229_ce_only.patch
new file mode 100644
index 0000000..9bb134f
--- /dev/null
+++ b/server-ce/hotfix/4.0.1/pr_13229_ce_only.patch
@@ -0,0 +1,14 @@
+--- etc/nginx/sites-enabled/sharelatex.conf
++++ etc/nginx/sites-enabled/sharelatex.conf
+@@ -4,6 +4,11 @@ server {
+
+ 	root /overleaf/services/web/public/;
+
++	# block external access to prometheus /metrics
++	location /metrics {
++		internal;
++	}
++
+ 	location / {
+ 		proxy_pass http://127.0.0.1:3000;
+ 		proxy_http_version 1.1;
diff --git a/server-ce/hotfix/4.0.3/Dockerfile b/server-ce/hotfix/4.0.3/Dockerfile
new file mode 100644
index 0000000..02199b7
--- /dev/null
+++ b/server-ce/hotfix/4.0.3/Dockerfile
@@ -0,0 +1,7 @@
+# 4.0.1 was tagged as 4.0.2 in dockerhub to keep parity with Server Pro
+FROM sharelatex/sharelatex:4.0.1
+
+
+# Patch: fixes anonymous edits breaking history
+COPY pr_13574.patch .
+RUN patch -p0 < pr_13574.patch
diff --git a/server-ce/hotfix/4.0.3/pr_13574.patch b/server-ce/hotfix/4.0.3/pr_13574.patch
new file mode 100644
index 0000000..6d50715
--- /dev/null
+++ b/server-ce/hotfix/4.0.3/pr_13574.patch
@@ -0,0 +1,22 @@
+--- services/project-history/app/js/UpdateTranslator.js
++++ services/project-history/app/js/UpdateTranslator.js
+@@ -73,9 +73,18 @@ function _convertToChange(projectId, updateWithBlob) {
+     throw error
+   }
+
++  let v2Authors
++  if (update.meta.user_id === 'anonymous-user') {
++    // history-v1 uses null to represent an anonymous author
++    v2Authors = [null]
++  } else {
++    // user_id is missing on resync operations that update the contents of a doc
++    v2Authors = _.compact([update.meta.user_id])
++  }
++
+   const rawChange = {
+     operations,
+-    v2Authors: _.compact([update.meta.user_id]),
++    v2Authors,
+     timestamp: new Date(update.meta.ts).toISOString(),
+     projectVersion,
+     v2DocVersions: Object.keys(v2DocVersions).length ? v2DocVersions : null,
diff --git a/server-ce/hotfix/4.0.4/Dockerfile b/server-ce/hotfix/4.0.4/Dockerfile
new file mode 100644
index 0000000..a1d86ae
--- /dev/null
+++ b/server-ce/hotfix/4.0.4/Dockerfile
@@ -0,0 +1,10 @@
+FROM sharelatex/sharelatex:4.0.3
+
+# Node update
+RUN curl -sSL https://deb.nodesource.com/setup_16.x | bash - \
+    && apt-get install -y nodejs
+
+# Patch: fetch access tokens via endpoint
+COPY pr_13485.patch .
+RUN patch -p0 < pr_13485.patch
+RUN node genScript compile | bash
diff --git a/server-ce/hotfix/4.0.4/pr_13485.patch b/server-ce/hotfix/4.0.4/pr_13485.patch
new file mode 100644
index 0000000..14dc931
--- /dev/null
+++ b/server-ce/hotfix/4.0.4/pr_13485.patch
@@ -0,0 +1,389 @@
+--- services/web/app/src/Features/Collaborators/CollaboratorsController.js
++++ services/web/app/src/Features/Collaborators/CollaboratorsController.js
+@@ -11,6 +11,7 @@ const Errors = require('../Errors/Errors')
+ const logger = require('@overleaf/logger')
+ const { expressify } = require('../../util/promises')
+ const { hasAdminAccess } = require('../Helpers/AdminAuthorizationHelper')
++const TokenAccessHandler = require('../TokenAccess/TokenAccessHandler')
+
+ module.exports = {
+   removeUserFromProject: expressify(removeUserFromProject),
+@@ -18,6 +19,7 @@ module.exports = {
+   getAllMembers: expressify(getAllMembers),
+   setCollaboratorInfo: expressify(setCollaboratorInfo),
+   transferOwnership: expressify(transferOwnership),
++  getShareTokens: expressify(getShareTokens),
+ }
+
+ async function removeUserFromProject(req, res, next) {
+@@ -114,3 +116,37 @@ async function _removeUserIdFromProject(projectId, userId) {
+   )
+   await TagsHandler.promises.removeProjectFromAllTags(userId, projectId)
+ }
++
++async function getShareTokens(req, res) {
++  const projectId = req.params.Project_id
++  const userId = SessionManager.getLoggedInUserId(req.session)
++
++  let tokens
++  if (userId) {
++    tokens = await CollaboratorsGetter.promises.getPublicShareTokens(
++      ObjectId(userId),
++      ObjectId(projectId)
++    )
++  } else {
++    // anonymous access, the token is already available in the session
++    const readOnly = TokenAccessHandler.getRequestToken(req, projectId)
++    tokens = { readOnly }
++  }
++  if (!tokens) {
++    return res.sendStatus(403)
++  }
++
++  if (tokens.readOnly || tokens.readAndWrite) {
++    logger.info(
++      {
++        projectId,
++        userId: userId || 'anonymous',
++        ip: req.ip,
++        tokens: Object.keys(tokens),
++      },
++      'project tokens accessed'
++    )
++  }
++
++  res.json(tokens)
++}
+--- services/web/app/src/Features/Collaborators/CollaboratorsGetter.js
++++ services/web/app/src/Features/Collaborators/CollaboratorsGetter.js
+@@ -25,6 +25,7 @@ module.exports = {
+   getInvitedCollaboratorCount: callbackify(getInvitedCollaboratorCount),
+   getProjectsUserIsMemberOf: callbackify(getProjectsUserIsMemberOf),
+   isUserInvitedMemberOfProject: callbackify(isUserInvitedMemberOfProject),
++  getPublicShareTokens: callbackify(getPublicShareTokens),
+   userIsTokenMember: callbackify(userIsTokenMember),
+   getAllInvitedMembers: callbackify(getAllInvitedMembers),
+   promises: {
+@@ -37,6 +38,7 @@ module.exports = {
+     getInvitedCollaboratorCount,
+     getProjectsUserIsMemberOf,
+     isUserInvitedMemberOfProject,
++    getPublicShareTokens,
+     userIsTokenMember,
+     getAllInvitedMembers,
+   },
+@@ -133,6 +135,40 @@ async function isUserInvitedMemberOfProject(userId, projectId) {
+   return false
+ }
+
++async function getPublicShareTokens(userId, projectId) {
++  const memberInfo = await Project.findOne(
++    {
++      _id: projectId,
++    },
++    {
++      isOwner: { $eq: ['$owner_ref', userId] },
++      hasTokenReadOnlyAccess: {
++        $and: [
++          { $in: [userId, '$tokenAccessReadOnly_refs'] },
++          { $eq: ['$publicAccesLevel', PublicAccessLevels.TOKEN_BASED] },
++        ],
++      },
++      tokens: 1,
++    }
++  )
++    .lean()
++    .exec()
++
++  if (!memberInfo) {
++    return null
++  }
++
++  if (memberInfo.isOwner) {
++    return memberInfo.tokens
++  } else if (memberInfo.hasTokenReadOnlyAccess) {
++    return {
++      readOnly: memberInfo.tokens.readOnly,
++    }
++  } else {
++    return {}
++  }
++}
++
+ async function getProjectsUserIsMemberOf(userId, fields) {
+   const limit = pLimit(2)
+   const [readAndWrite, readOnly, tokenReadAndWrite, tokenReadOnly] =
+--- services/web/app/src/Features/Collaborators/CollaboratorsRouter.js
++++ services/web/app/src/Features/Collaborators/CollaboratorsRouter.js
+@@ -22,6 +22,10 @@ const rateLimiters = {
+     points: 200,
+     duration: 60 * 10,
+   }),
++  getProjectTokens: new RateLimiter('get-project-tokens', {
++    points: 200,
++    duration: 60 * 10,
++  }),
+ }
+
+ module.exports = {
+@@ -139,5 +143,12 @@ module.exports = {
+       CollaboratorsInviteController.acceptInvite,
+       AnalyticsRegistrationSourceMiddleware.clearSource()
+     )
++
++    webRouter.get(
++      '/project/:Project_id/tokens',
++      RateLimiterMiddleware.rateLimit(rateLimiters.getProjectTokens),
++      AuthorizationMiddleware.ensureUserCanReadProject,
++      CollaboratorsController.getShareTokens
++    )
+   },
+ }
+--- services/web/app/src/Features/Editor/EditorController.js
++++ services/web/app/src/Features/Editor/EditorController.js
+@@ -581,20 +581,7 @@ const EditorController = {
+           { newAccessLevel }
+         )
+         if (newAccessLevel === PublicAccessLevels.TOKEN_BASED) {
+-          ProjectDetailsHandler.ensureTokensArePresent(
+-            projectId,
+-            function (err, tokens) {
+-              if (err) {
+-                return callback(err)
+-              }
+-              EditorRealTimeController.emitToRoom(
+-                projectId,
+-                'project:tokens:changed',
+-                { tokens }
+-              )
+-              callback()
+-            }
+-          )
++          ProjectDetailsHandler.ensureTokensArePresent(projectId, callback)
+         } else {
+           callback()
+         }
+--- services/web/app/src/Features/Editor/EditorHttpController.js
++++ services/web/app/src/Features/Editor/EditorHttpController.js
+@@ -67,8 +67,6 @@ async function joinProject(req, res, next) {
+   if (!project) {
+     return res.sendStatus(403)
+   }
+-  // Hide access tokens if this is not the project owner
+-  TokenAccessHandler.protectTokens(project, privilegeLevel)
+   // Hide sensitive data if the user is restricted
+   if (isRestrictedUser) {
+     project.owner = { _id: project.owner._id }
+--- services/web/app/src/Features/Project/ProjectController.js
++++ services/web/app/src/Features/Project/ProjectController.js
+@@ -343,7 +343,7 @@ const ProjectController = {
+     const userId = SessionManager.getLoggedInUserId(req.session)
+     ProjectGetter.findAllUsersProjects(
+       userId,
+-      'name lastUpdated publicAccesLevel archived trashed owner_ref tokens',
++      'name lastUpdated publicAccesLevel archived trashed owner_ref',
+       (err, projects) => {
+         if (err != null) {
+           return next(err)
+@@ -1072,7 +1072,6 @@ const ProjectController = {
+     // If a project is simultaneously trashed and archived, we will consider it archived but not trashed.
+     const trashed = ProjectHelper.isTrashed(project, userId) && !archived
+
+-    TokenAccessHandler.protectTokens(project, accessLevel)
+     const model = {
+       id: project._id,
+       name: project.name,
+--- services/web/app/src/Features/Project/ProjectDetailsHandler.js
++++ services/web/app/src/Features/Project/ProjectDetailsHandler.js
+@@ -207,14 +207,13 @@ async function ensureTokensArePresent(projectId) {
+     project.tokens.readOnly != null &&
+     project.tokens.readAndWrite != null
+   ) {
+-    return project.tokens
++    return
+   }
+   await _generateTokens(project)
+   await Project.updateOne(
+     { _id: projectId },
+     { $set: { tokens: project.tokens } }
+   ).exec()
+-  return project.tokens
+ }
+
+ async function clearTokens(projectId) {
+--- services/web/app/src/Features/Project/ProjectEditorHandler.js
++++ services/web/app/src/Features/Project/ProjectEditorHandler.js
+@@ -49,7 +49,6 @@ module.exports = ProjectEditorHandler = {
+       ),
+       members: [],
+       invites,
+-      tokens: project.tokens,
+       imageName:
+         project.imageName != null
+           ? Path.basename(project.imageName)
+--- services/web/app/src/Features/TokenAccess/TokenAccessHandler.js
++++ services/web/app/src/Features/TokenAccess/TokenAccessHandler.js
+@@ -246,22 +246,6 @@ const TokenAccessHandler = {
+     })
+   },
+
+-  protectTokens(project, privilegeLevel) {
+-    if (!project || !project.tokens) {
+-      return
+-    }
+-    if (privilegeLevel === PrivilegeLevels.OWNER) {
+-      return
+-    }
+-    if (privilegeLevel !== PrivilegeLevels.READ_AND_WRITE) {
+-      project.tokens.readAndWrite = ''
+-      project.tokens.readAndWritePrefix = ''
+-    }
+-    if (privilegeLevel !== PrivilegeLevels.READ_ONLY) {
+-      project.tokens.readOnly = ''
+-    }
+-  },
+-
+   getV1DocPublishedInfo(token, callback) {
+     // default to allowing access
+     if (!Settings.apis.v1 || !Settings.apis.v1.url) {
+@@ -304,7 +288,6 @@ TokenAccessHandler.promises = promisifyAll(TokenAccessHandler, {
+     '_projectFindOne',
+     'grantSessionTokenAccess',
+     'getRequestToken',
+-    'protectTokens',
+   ],
+   multiResult: {
+     validateTokenForAnonymousAccess: ['isValidReadAndWrite', 'isValidReadOnly'],
+--- services/web/frontend/js/features/share-project-modal/components/link-sharing.js
++++ services/web/frontend/js/features/share-project-modal/components/link-sharing.js
+@@ -1,4 +1,4 @@
+-import { useCallback, useState } from 'react'
++import { useCallback, useState, useEffect } from 'react'
+ import PropTypes from 'prop-types'
+ import { Button, Col, Row } from 'react-bootstrap'
+ import { Trans } from 'react-i18next'
+@@ -10,6 +10,8 @@ import CopyLink from '../../../shared/components/copy-link'
+ import { useProjectContext } from '../../../shared/context/project-context'
+ import * as eventTracking from '../../../infrastructure/event-tracking'
+ import { useUserContext } from '../../../shared/context/user-context'
++import { getJSON } from '../../../infrastructure/fetch-json'
++import useAbortController from '../../../shared/hooks/use-abort-controller'
+
+ export default function LinkSharing({ canAddCollaborators }) {
+   const [inflight, setInflight] = useState(false)
+@@ -27,8 +29,7 @@ export default function LinkSharing({ canAddCollaborators }) {
+       )
+         .then(() => {
+           // NOTE: not calling `updateProject` here as it receives data via
+-          // project:publicAccessLevel:changed and project:tokens:changed
+-          // over the websocket connection
++          // project:publicAccessLevel:changed over the websocket connection
+           // TODO: eventTracking.sendMB('project-make-token-based') when newPublicAccessLevel is 'tokenBased'
+         })
+         .finally(() => {
+@@ -106,7 +107,17 @@ PrivateSharing.propTypes = {
+ }
+
+ function TokenBasedSharing({ setAccessLevel, inflight, canAddCollaborators }) {
+-  const { tokens } = useProjectContext()
++  const { _id: projectId } = useProjectContext()
++
++  const [tokens, setTokens] = useState(null)
++
++  const { signal } = useAbortController()
++
++  useEffect(() => {
++    getJSON(`/project/${projectId}/tokens`, { signal })
++      .then(data => setTokens(data))
++      .catch(error => console.error(error))
++  }, [projectId, signal])
+
+   return (
+     <Row className="public-access-level">
+@@ -194,7 +205,17 @@ LegacySharing.propTypes = {
+ }
+
+ export function ReadOnlyTokenLink() {
+-  const { tokens } = useProjectContext()
++  const { _id: projectId } = useProjectContext()
++
++  const [tokens, setTokens] = useState(null)
++
++  const { signal } = useAbortController()
++
++  useEffect(() => {
++    getJSON(`/project/${projectId}/tokens`, { signal })
++      .then(data => setTokens(data))
++      .catch(error => console.error(error))
++  }, [projectId, signal])
+
+   return (
+     <Row className="public-access-level">
+--- services/web/frontend/js/features/share-project-modal/controllers/react-share-project-modal-controller.js
++++ services/web/frontend/js/features/share-project-modal/controllers/react-share-project-modal-controller.js
+@@ -31,16 +31,6 @@ export default App.controller(
+       })
+     }
+
+-    /* tokens */
+-
+-    ide.socket.on('project:tokens:changed', data => {
+-      if (data.tokens != null) {
+-        $scope.$applyAsync(() => {
+-          $scope.project.tokens = data.tokens
+-        })
+-      }
+-    })
+-
+     ide.socket.on('project:membership:changed', data => {
+       if (data.members) {
+         listProjectMembers($scope.project._id)
+--- services/web/frontend/js/shared/context/mock/mock-ide.js
++++ services/web/frontend/js/shared/context/mock/mock-ide.js
+@@ -27,10 +27,6 @@ export const getMockIde = () => {
+           zotero: false,
+         },
+         publicAccessLevel: '',
+-        tokens: {
+-          readOnly: '',
+-          readAndWrite: '',
+-        },
+         owner: {
+           _id: '',
+           email: '',
+--- services/web/frontend/js/shared/context/project-context.js
++++ services/web/frontend/js/shared/context/project-context.js
+@@ -28,10 +28,6 @@ export const projectShape = {
+     versioning: PropTypes.bool,
+   }),
+   publicAccessLevel: PropTypes.string,
+-  tokens: PropTypes.shape({
+-    readOnly: PropTypes.string,
+-    readAndWrite: PropTypes.string,
+-  }),
+   owner: PropTypes.shape({
+     _id: PropTypes.string.isRequired,
+     email: PropTypes.string.isRequired,
+@@ -81,7 +77,6 @@ export function ProjectProvider({ children }) {
+     invites,
+     features,
+     publicAccesLevel: publicAccessLevel,
+-    tokens,
+     owner,
+   } = project || projectFallback
+
+@@ -94,7 +89,6 @@ export function ProjectProvider({ children }) {
+       invites,
+       features,
+       publicAccessLevel,
+-      tokens,
+       owner,
+     }
+   }, [
+@@ -105,7 +99,6 @@ export function ProjectProvider({ children }) {
+     invites,
+     features,
+     publicAccessLevel,
+-    tokens,
+     owner,
+   ])
diff --git a/server-ce/hotfix/4.0.5/Dockerfile b/server-ce/hotfix/4.0.5/Dockerfile
new file mode 100644
index 0000000..f62bd56
--- /dev/null
+++ b/server-ce/hotfix/4.0.5/Dockerfile
@@ -0,0 +1,13 @@
+FROM sharelatex/sharelatex:4.0.4
+
+# Patch: clear invite and invite tokens through the websocket
+COPY pr_13427.patch .
+RUN patch -p0 < pr_13427.patch
+
+# Patch: https://github.com/Automattic/mongoose/commit/f1efabf350522257364aa5c2cb36e441cf08f1a2
+COPY mongoose_proto.patch .
+RUN patch -p0 < mongoose_proto.patch
+
+# Patch: Allow digits in PDF filenames
+COPY pr_13122.patch .
+RUN patch -p0 < pr_13122.patch
diff --git a/server-ce/hotfix/4.0.5/mongoose_proto.patch b/server-ce/hotfix/4.0.5/mongoose_proto.patch
new file mode 100644
index 0000000..d519ad9
--- /dev/null
+++ b/server-ce/hotfix/4.0.5/mongoose_proto.patch
@@ -0,0 +1,12 @@
+--- services/web/node_modules/mongoose/lib/document.js
++++ services/web/node_modules/mongoose/lib/document.js
+@@ -739,6 +739,10 @@ function init(self, obj, doc, opts, prefix) {
+
+   function _init(index) {
+     i = keys[index];
++    // avoid prototype pollution
++    if (i === '__proto__' || i === 'constructor') {
++      return;
++    }
+     path = prefix + i;
+     schemaType = docSchema.path(path);
diff --git a/server-ce/hotfix/4.0.5/pr_13122.patch b/server-ce/hotfix/4.0.5/pr_13122.patch
new file mode 100644
index 0000000..3a1a5ff
--- /dev/null
+++ b/server-ce/hotfix/4.0.5/pr_13122.patch
@@ -0,0 +1,11 @@
+--- services/web/app/src/Features/Compile/CompileController.js
++++ services/web/app/src/Features/Compile/CompileController.js
+@@ -371,7 +371,7 @@ module.exports = CompileController = {
+   },
+
+   _getSafeProjectName(project) {
+-    return project.name.replace(/\P{L}/gu, '_')
++    return project.name.replace(/[^\p{L}\p{Nd}]/gu, '_')
+   },
+
+   deleteAuxFiles(req, res, next) {
diff --git a/server-ce/hotfix/4.0.5/pr_13427.patch b/server-ce/hotfix/4.0.5/pr_13427.patch
new file mode 100644
index 0000000..716b7ce
--- /dev/null
+++ b/server-ce/hotfix/4.0.5/pr_13427.patch
@@ -0,0 +1,92 @@
+--- services/web/app/src/Features/Editor/EditorHttpController.js
++++ services/web/app/src/Features/Editor/EditorHttpController.js
+@@ -73,6 +73,7 @@ async function joinProject(req, res, next) {
+   if (isRestrictedUser) {
+     project.owner = { _id: project.owner._id }
+     project.members = []
++    project.invites = []
+   }
+   // Only show the 'renamed or deleted' message once
+   if (project.deletedByExternalDataSource) {
+--- services/web/app/src/Features/Project/ProjectEditorHandler.js
++++ services/web/app/src/Features/Project/ProjectEditorHandler.js
+@@ -48,19 +48,13 @@
+         deletedDocsFromDocstore
+       ),
+       members: [],
+-      invites,
++      invites: this.buildInvitesView(invites),
+       imageName:
+         project.imageName != null
+           ? Path.basename(project.imageName)
+           : undefined,
+     }
+
+-    if (result.invites == null) {
+-      result.invites = []
+-    }
+-    result.invites.forEach(invite => {
+-      delete invite.token
+-    })
+     ;({ owner, ownerFeatures, members } =
+       this.buildOwnerAndMembersViews(members))
+     result.owner = owner
+@@ -99,7 +93,7 @@
+     let owner = null
+     let ownerFeatures = null
+     const filteredMembers = []
+-    for (const member of Array.from(members || [])) {
++    for (const member of members || []) {
+       if (member.privilegeLevel === 'owner') {
+         ownerFeatures = member.user.features
+         owner = this.buildUserModelView(member.user, 'owner')
+@@ -128,24 +122,15 @@
+   },
+
+   buildFolderModelView(folder) {
+-    let file
+     const fileRefs = _.filter(folder.fileRefs || [], file => file != null)
+     return {
+       _id: folder._id,
+       name: folder.name,
+-      folders: Array.from(folder.folders || []).map(childFolder =>
++      folders: (folder.folders || []).map(childFolder =>
+         this.buildFolderModelView(childFolder)
+       ),
+-      fileRefs: (() => {
+-        const result = []
+-        for (file of Array.from(fileRefs)) {
+-          result.push(this.buildFileModelView(file))
+-        }
+-        return result
+-      })(),
+-      docs: Array.from(folder.docs || []).map(doc =>
+-        this.buildDocModelView(doc)
+-      ),
++      fileRefs: fileRefs.map(file => this.buildFileModelView(file)),
++      docs: (folder.docs || []).map(doc => this.buildDocModelView(doc)),
+     }
+   },
+
+@@ -164,4 +149,21 @@
+       name: doc.name,
+     }
+   },
++
++  buildInvitesView(invites) {
++    if (invites == null) {
++      return []
++    }
++    return invites.map(invite =>
++      _.pick(invite, [
++        '_id',
++        'createdAt',
++        'email',
++        'expires',
++        'privileges',
++        'projectId',
++        'sendingUserId',
++      ])
++    )
++  },
+ }
diff --git a/server-ce/hotfix/4.0.6/Dockerfile b/server-ce/hotfix/4.0.6/Dockerfile
new file mode 100644
index 0000000..dcd5c6d
--- /dev/null
+++ b/server-ce/hotfix/4.0.6/Dockerfile
@@ -0,0 +1,4 @@
+FROM sharelatex/sharelatex:4.0.5
+
+# Patch: Drop the old history collections and increase mongo query timeout
+ADD clean_sl_history_data.js /overleaf/services/web/scripts/history/clean_sl_history_data.js
diff --git a/server-ce/hotfix/4.0.6/clean_sl_history_data.js b/server-ce/hotfix/4.0.6/clean_sl_history_data.js
new file mode 100644
index 0000000..a7497c8
--- /dev/null
+++ b/server-ce/hotfix/4.0.6/clean_sl_history_data.js
@@ -0,0 +1,70 @@
+// Increase default mongo query timeout from 1min to 1h
+process.env.MONGO_SOCKET_TIMEOUT = process.env.MONGO_SOCKET_TIMEOUT || '360000'
+const { waitForDb, db } = require('../../app/src/infrastructure/mongodb')
+
+async function main() {
+  await checkAllProjectsAreMigrated()
+  await setAllowDowngradeToFalse()
+  await deleteHistoryCollections()
+  console.log('Legacy history data cleaned up successfully')
+  process.exit(0)
+}
+
+async function checkAllProjectsAreMigrated() {
+  console.log('checking all projects are migrated to Full Project History')
+
+  const count = await db.projects.countDocuments({
+    'overleaf.history.display': { $ne: true },
+  })
+
+  if (count === 0) {
+    console.log('All projects are migrated to Full Project History')
+  } else {
+    console.error(
+      `There are ${count} projects that are not migrated to Full Project History` +
+        ` please complete the migration before running this script again.`
+    )
+    process.exit(1)
+  }
+}
+
+async function setAllowDowngradeToFalse() {
+  console.log('unsetting `allowDowngrade` flag in all projects')
+  await db.projects.updateMany(
+    {
+      'overleaf.history.id': { $exists: true },
+      'overleaf.history.allowDowngrade': true,
+    },
+    { $unset: { 'overleaf.history.allowDowngrade': 1 } }
+  )
+  console.log('unsetting `allowDowngrade` flag in all projects - Done')
+}
+
+async function deleteHistoryCollections() {
+  await gracefullyDropCollection(db.docHistory)
+  await gracefullyDropCollection(db.docHistoryIndex)
+  await gracefullyDropCollection(db.projectHistoryMetaData)
+}
+
+async function gracefullyDropCollection(collection) {
+  const collectionName = collection.collectionName
+  console.log(`removing \`${collectionName}\` data`)
+  try {
+    await collection.drop()
+  } catch (err) {
+    if (err.code === 26) {
+      // collection already deleted
+      console.log(`removing \`${collectionName}\` data - Already removed`)
+    } else {
+      throw err
+    }
+  }
+  console.log(`removing \`${collectionName}\` data - Done`)
+}
+
+waitForDb()
+  .then(main)
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
diff --git a/server-ce/hotfix/4.1.1/Dockerfile b/server-ce/hotfix/4.1.1/Dockerfile
new file mode 100644
index 0000000..55fc5b5
--- /dev/null
+++ b/server-ce/hotfix/4.1.1/Dockerfile
@@ -0,0 +1 @@
+FROM sharelatex/sharelatex:4.1.0
diff --git a/server-ce/hotfix/4.1.2/Dockerfile b/server-ce/hotfix/4.1.2/Dockerfile
new file mode 100644
index 0000000..6669ec0
--- /dev/null
+++ b/server-ce/hotfix/4.1.2/Dockerfile
@@ -0,0 +1 @@
+FROM sharelatex/sharelatex:4.1.1
diff --git a/server-ce/hotfix/4.1.3/Dockerfile b/server-ce/hotfix/4.1.3/Dockerfile
new file mode 100644
index 0000000..ed1c9ff
--- /dev/null
+++ b/server-ce/hotfix/4.1.3/Dockerfile
@@ -0,0 +1,5 @@
+FROM sharelatex/sharelatex:4.1.2
+
+# Patch: fix soft history retry in cron job
+COPY history_soft_retry.patch .
+RUN patch -p0 < history_soft_retry.patch
diff --git a/server-ce/hotfix/4.1.3/history_soft_retry.patch b/server-ce/hotfix/4.1.3/history_soft_retry.patch
new file mode 100644
index 0000000..a28855f
--- /dev/null
+++ b/server-ce/hotfix/4.1.3/history_soft_retry.patch
@@ -0,0 +1,8 @@
+--- cron/project-history-retry-soft.sh
++++ cron/project-history-retry-soft.sh
+@@ -8,4 +8,4 @@ echo "-----------------------------------"
+
+ PROJECT_HISTORY_URL='http://localhost:3054'
+
+-curl -X POST "${PROJECT_HISTORY_URL}/retry/failures?failureType=hard&timeout=3600000&limit=10000"
++curl -X POST "${PROJECT_HISTORY_URL}/retry/failures?failureType=soft&timeout=3600000&limit=10000"
diff --git a/server-ce/hotfix/4.1.4/Dockerfile b/server-ce/hotfix/4.1.4/Dockerfile
new file mode 100644
index 0000000..e7120b9
--- /dev/null
+++ b/server-ce/hotfix/4.1.4/Dockerfile
@@ -0,0 +1,9 @@
+FROM sharelatex/sharelatex:4.1.3
+
+# Patch: Make history-v1 http request timeout configurable
+COPY pr_15409.patch /
+RUN cd / && patch -p0 < pr_15409.patch
+
+# Patch: Add verbose logging for I/O in history-v1
+COPY pr_15410.patch .
+RUN patch -p0 < pr_15410.patch
diff --git a/server-ce/hotfix/4.1.4/pr_15409.patch b/server-ce/hotfix/4.1.4/pr_15409.patch
new file mode 100644
index 0000000..865ec3f
--- /dev/null
+++ b/server-ce/hotfix/4.1.4/pr_15409.patch
@@ -0,0 +1,90 @@
+--- overleaf/services/history-v1/config/custom-environment-variables.json
++++ overleaf/services/history-v1/config/custom-environment-variables.json
+@@ -43,5 +43,6 @@
+   },
+   "clusterWorkers": "CLUSTER_WORKERS",
+   "maxFileUploadSize": "MAX_FILE_UPLOAD_SIZE",
+-  "httpsOnly": "HTTPS_ONLY"
++  "httpsOnly": "HTTPS_ONLY",
++  "httpRequestTimeout": "SHARELATEX_HISTORY_V1_HTTP_REQUEST_TIMEOUT"
+ }
+--- etc/sharelatex/settings.js
++++ etc/sharelatex/settings.js
+@@ -261,6 +261,10 @@ const settings = {
+       url: process.env.V1_HISTORY_URL || 'http://localhost:3100/api',
+       user: 'staging',
+       pass: process.env.STAGING_PASSWORD,
++      requestTimeout: parseInt(
++        process.env.SHARELATEX_HISTORY_V1_HTTP_REQUEST_TIMEOUT || '300000', // default is 5min
++        10
++      ),
+     },
+   },
+   references: {},
+diff --git a/services/history-v1/app.js b/services/history-v1/app.js
+index 6b3a2ba8f89..2ad490fb6b6 100644
+--- overleaf/services/history-v1/app.js
++++ overleaf/services/history-v1/app.js
+@@ -5,6 +5,7 @@
+ // Metrics must be initialized before importing anything else
+ require('@overleaf/metrics/initialize')
+
++const config = require('config')
+ const Events = require('events')
+ const BPromise = require('bluebird')
+ const express = require('express')
+@@ -47,9 +48,9 @@ app.use(cors())
+ security.setupSSL(app)
+ security.setupBasicHttpAuthForSwaggerDocs(app)
+
++const HTTP_REQUEST_TIMEOUT = parseInt(config.get('httpRequestTimeout'), 10)
+ app.use(function (req, res, next) {
+-  // use a 5 minute timeout on all responses
+-  res.setTimeout(5 * 60 * 1000)
++  res.setTimeout(HTTP_REQUEST_TIMEOUT)
+   next()
+ })
+
+--- overleaf/services/history-v1/config/default.json
++++ overleaf/services/history-v1/config/default.json
+@@ -25,5 +25,6 @@
+   "maxFileUploadSize": "52428800",
+   "databasePoolMin": "2",
+   "databasePoolMax": "10",
+-  "httpsOnly": "false"
++  "httpsOnly": "false",
++  "httpRequestTimeout": "300000"
+ }
+--- overleaf/services/project-history/app/js/HistoryStoreManager.js
++++ overleaf/services/project-history/app/js/HistoryStoreManager.js
+@@ -17,7 +17,7 @@ import * as Errors from './Errors.js'
+ import * as LocalFileWriter from './LocalFileWriter.js'
+ import * as HashManager from './HashManager.js'
+
+-const HTTP_REQUEST_TIMEOUT = 300 * 1000 // 5 minutes
++const HTTP_REQUEST_TIMEOUT = Settings.apis.history_v1.requestTimeout
+
+ /**
+  * Container for functions that need to be mocked in tests
+--- overleaf/services/project-history/config/settings.defaults.cjs
++++ overleaf/services/project-history/config/settings.defaults.cjs
+@@ -20,6 +20,9 @@ module.exports = {
+     filestore: {
+       url: `http://${process.env.FILESTORE_HOST || 'localhost'}:3009`,
+     },
++    history_v1: {
++      requestTimeout: parseInt(process.env.V1_REQUEST_TIMEOUT || '300000', 10),
++    },
+     web: {
+       url: `http://${
+         process.env.WEB_API_HOST || process.env.WEB_HOST || 'localhost'
+--- overleaf/services/project-history/test/unit/js/HistoryStoreManager/HistoryStoreManagerTests.js
++++ overleaf/services/project-history/test/unit/js/HistoryStoreManager/HistoryStoreManagerTests.js
+@@ -23,6 +23,7 @@ describe('HistoryStoreManager', function () {
+         filestore: {
+           url: 'http://filestore.sharelatex.production',
+         },
++        history_v1: { requestTimeout: 123 },
+       },
+     }
+     this.latestChunkRequestArgs = sinon.match({
diff --git a/server-ce/hotfix/4.1.4/pr_15410.patch b/server-ce/hotfix/4.1.4/pr_15410.patch
new file mode 100644
index 0000000..3fd7d45
--- /dev/null
+++ b/server-ce/hotfix/4.1.4/pr_15410.patch
@@ -0,0 +1,153 @@
+--- services/history-v1/api/controllers/projects.js
++++ services/history-v1/api/controllers/projects.js
+@@ -194,18 +194,23 @@ async function getProjectBlob(req, res, next) {
+   const hash = req.swagger.params.hash.value
+
+   const blobStore = new BlobStore(projectId)
+-  let stream
++  logger.debug({ projectId, hash }, 'getProjectBlob started')
+   try {
+-    stream = await blobStore.getStream(hash)
+-  } catch (err) {
+-    if (err instanceof Blob.NotFoundError) {
+-      return render.notFound(res)
+-    } else {
+-      throw err
++    let stream
++    try {
++      stream = await blobStore.getStream(hash)
++    } catch (err) {
++      if (err instanceof Blob.NotFoundError) {
++        return render.notFound(res)
++      } else {
++        throw err
++      }
+     }
++    res.set('Content-Type', 'application/octet-stream')
++    await pipeline(stream, res)
++  } finally {
++    logger.debug({ projectId, hash }, 'getProjectBlob finished')
+   }
+-  res.set('Content-Type', 'application/octet-stream')
+-  await pipeline(stream, res)
+ }
+
+ async function getSnapshotAtVersion(projectId, version) {
+--- services/history-v1/storage/lib/blob_store/index.js
++++ services/history-v1/storage/lib/blob_store/index.js
+@@ -20,6 +20,7 @@ const projectKey = require('../project_key')
+ const streams = require('../streams')
+ const postgresBackend = require('./postgres')
+ const mongoBackend = require('./mongo')
++const logger = require('@overleaf/logger')
+
+ const GLOBAL_BLOBS = new Map()
+
+@@ -34,9 +35,14 @@ function makeProjectKey(projectId, hash) {
+ async function uploadBlob(projectId, blob, stream) {
+   const bucket = config.get('blobStore.projectBucket')
+   const key = makeProjectKey(projectId, blob.getHash())
+-  await persistor.sendStream(bucket, key, stream, {
+-    contentType: 'application/octet-stream',
+-  })
++  logger.debug({ projectId, blob }, 'uploadBlob started')
++  try {
++    await persistor.sendStream(bucket, key, stream, {
++      contentType: 'application/octet-stream',
++    })
++  } finally {
++    logger.debug({ projectId, blob }, 'uploadBlob finished')
++  }
+ }
+
+ function getBlobLocation(projectId, hash) {
+@@ -109,7 +115,12 @@ async function getStringLengthOfFile(byteLength, pathname) {
+ async function deleteBlobsInBucket(projectId) {
+   const bucket = config.get('blobStore.projectBucket')
+   const prefix = `${projectKey.format(projectId)}/`
+-  await persistor.deleteDirectory(bucket, prefix)
++  logger.debug({ projectId }, 'deleteBlobsInBucket started')
++  try {
++    await persistor.deleteDirectory(bucket, prefix)
++  } finally {
++    logger.debug({ projectId }, 'deleteBlobsInBucket finished')
++  }
+ }
+
+ async function loadGlobalBlobs() {
+@@ -202,9 +213,15 @@ class BlobStore {
+   async getString(hash) {
+     assert.blobHash(hash, 'bad hash')
+
+-    const stream = await this.getStream(hash)
+-    const buffer = await streams.readStreamToBuffer(stream)
+-    return buffer.toString()
++    const projectId = this.projectId
++    logger.debug({ projectId, hash }, 'getString started')
++    try {
++      const stream = await this.getStream(hash)
++      const buffer = await streams.readStreamToBuffer(stream)
++      return buffer.toString()
++    } finally {
++      logger.debug({ projectId, hash }, 'getString finished')
++    }
+   }
+
+   /**
+--- services/history-v1/storage/lib/history_store.js
++++ services/history-v1/storage/lib/history_store.js
+@@ -8,6 +8,7 @@ const path = require('path')
+
+ const OError = require('@overleaf/o-error')
+ const objectPersistor = require('@overleaf/object-persistor')
++const logger = require('@overleaf/logger')
+
+ const assert = require('./assert')
+ const persistor = require('./persistor')
+@@ -70,6 +71,7 @@ HistoryStore.prototype.loadRaw = function historyStoreLoadRaw(
+
+   const key = getKey(projectId, chunkId)
+
++  logger.debug({ projectId, chunkId }, 'loadRaw started')
+   return BPromise.resolve()
+     .then(() => persistor.getObjectStream(BUCKET, key))
+     .then(streams.gunzipStreamToBuffer)
+@@ -80,6 +82,7 @@ HistoryStore.prototype.loadRaw = function historyStoreLoadRaw(
+       }
+       throw new HistoryStore.LoadError(projectId, chunkId).withCause(err)
+     })
++    .finally(() => logger.debug({ projectId, chunkId }, 'loadRaw finished'))
+ }
+
+ /**
+@@ -102,6 +105,7 @@ HistoryStore.prototype.storeRaw = function historyStoreStoreRaw(
+   const key = getKey(projectId, chunkId)
+   const stream = streams.gzipStringToStream(JSON.stringify(rawHistory))
+
++  logger.debug({ projectId, chunkId }, 'storeRaw started')
+   return BPromise.resolve()
+     .then(() =>
+       persistor.sendStream(BUCKET, key, stream, {
+@@ -112,6 +116,7 @@ HistoryStore.prototype.storeRaw = function historyStoreStoreRaw(
+     .catch(err => {
+       throw new HistoryStore.StoreError(projectId, chunkId).withCause(err)
+     })
++    .finally(() => logger.debug({ projectId, chunkId }, 'storeRaw finished'))
+ }
+
+ /**
+@@ -121,12 +126,13 @@ HistoryStore.prototype.storeRaw = function historyStoreStoreRaw(
+  * @return {Promise}
+  */
+ HistoryStore.prototype.deleteChunks = function historyDeleteChunks(chunks) {
++  logger.debug({ chunks }, 'deleteChunks started')
+   return BPromise.all(
+     chunks.map(chunk => {
+       const key = getKey(chunk.projectId, chunk.chunkId)
+       return persistor.deleteObject(BUCKET, key)
+     })
+-  )
++  ).finally(() => logger.debug({ chunks }, 'deleteChunks finished'))
+ }
+
+ module.exports = new HistoryStore()
diff --git a/server-ce/hotfix/4.1.5/Dockerfile b/server-ce/hotfix/4.1.5/Dockerfile
new file mode 100644
index 0000000..ca89588
--- /dev/null
+++ b/server-ce/hotfix/4.1.5/Dockerfile
@@ -0,0 +1,5 @@
+FROM sharelatex/sharelatex:4.1.4
+
+# Patch: Change streaming compression in history-v1
+COPY pr_15445.patch .
+RUN patch -p0 < pr_15445.patch
diff --git a/server-ce/hotfix/4.1.5/pr_15445.patch b/server-ce/hotfix/4.1.5/pr_15445.patch
new file mode 100644
index 0000000..1dcd18d
--- /dev/null
+++ b/server-ce/hotfix/4.1.5/pr_15445.patch
@@ -0,0 +1,44 @@
+--- services/history-v1/storage/lib/history_store.js
++++ services/history-v1/storage/lib/history_store.js
+@@ -103,11 +103,11 @@ HistoryStore.prototype.storeRaw = function historyStoreStoreRaw(
+   assert.object(rawHistory, 'bad rawHistory')
+
+   const key = getKey(projectId, chunkId)
+-  const stream = streams.gzipStringToStream(JSON.stringify(rawHistory))
+
+   logger.debug({ projectId, chunkId }, 'storeRaw started')
+   return BPromise.resolve()
+-    .then(() =>
++    .then(() => streams.gzipStringToStream(JSON.stringify(rawHistory)))
++    .then(stream =>
+       persistor.sendStream(BUCKET, key, stream, {
+         contentType: 'application/json',
+         contentEncoding: 'gzip',
+--- services/history-v1/storage/lib/streams.js
++++ services/history-v1/storage/lib/streams.js
+@@ -79,8 +79,15 @@ function gunzipStreamToBuffer(readStream) {
+ exports.gunzipStreamToBuffer = gunzipStreamToBuffer
+
+ function gzipStringToStream(string) {
+-  const gzip = zlib.createGzip()
+-  return new ReadableString(string).pipe(gzip)
++  return new BPromise(function (resolve, reject) {
++    zlib.gzip(Buffer.from(string), function (error, result) {
++      if (error) {
++        reject(error)
++      } else {
++        resolve(new ReadableString(result))
++      }
++    })
++  })
+ }
+
+ /**
+@@ -88,6 +95,6 @@ function gzipStringToStream(string) {
+  *
+  * @function
+  * @param {string} string
+- * @return {stream.Writable}
++ * @return {Promise.<stream.Readable>}
+  */
+ exports.gzipStringToStream = gzipStringToStream
diff --git a/server-ce/hotfix/4.1.6/Dockerfile b/server-ce/hotfix/4.1.6/Dockerfile
new file mode 100644
index 0000000..33c19af
--- /dev/null
+++ b/server-ce/hotfix/4.1.6/Dockerfile
@@ -0,0 +1,5 @@
+FROM sharelatex/sharelatex:4.1.5
+
+# Adds missing dependency patches
+ADD patches /overleaf/patches
+RUN npm run postinstall
diff --git a/server-ce/hotfix/4.1.6/patches/@google-cloud+storage++retry-request+5.0.2.patch b/server-ce/hotfix/4.1.6/patches/@google-cloud+storage++retry-request+5.0.2.patch
new file mode 100644
index 0000000..bbf8a8f
--- /dev/null
+++ b/server-ce/hotfix/4.1.6/patches/@google-cloud+storage++retry-request+5.0.2.patch
@@ -0,0 +1,30 @@
+diff --git a/node_modules/@google-cloud/storage/node_modules/retry-request/index.js b/node_modules/@google-cloud/storage/node_modules/retry-request/index.js
+index a293298..df21af6 100644
+--- a/node_modules/@google-cloud/storage/node_modules/retry-request/index.js
++++ b/node_modules/@google-cloud/storage/node_modules/retry-request/index.js
+@@ -1,6 +1,6 @@
+ 'use strict';
+ 
+-const {PassThrough} = require('stream');
++const { PassThrough, pipeline } = require('stream');
+ const debug = require('debug')('retry-request');
+ const extend = require('extend');
+ 
+@@ -166,7 +166,7 @@ function retryRequest(requestOpts, opts, callback) {
+         })
+         .on('complete', retryStream.emit.bind(retryStream, 'complete'));
+ 
+-      requestStream.pipe(delayStream);
++      pipeline(requestStream, delayStream, () => {});
+     } else {
+       activeRequest = opts.request(requestOpts, onResponse);
+     }
+@@ -232,7 +232,7 @@ function retryRequest(requestOpts, opts, callback) {
+     // No more attempts need to be made, just continue on.
+     if (streamMode) {
+       retryStream.emit('response', response);
+-      delayStream.pipe(retryStream);
++      pipeline(delayStream, retryStream, () => {});
+       requestStream.on('error', err => {
+         retryStream.destroy(err);
+       });
diff --git a/server-ce/hotfix/4.1.6/patches/@google-cloud+storage++teeny-request+8.0.2.patch b/server-ce/hotfix/4.1.6/patches/@google-cloud+storage++teeny-request+8.0.2.patch
new file mode 100644
index 0000000..738eef5
--- /dev/null
+++ b/server-ce/hotfix/4.1.6/patches/@google-cloud+storage++teeny-request+8.0.2.patch
@@ -0,0 +1,50 @@
+diff --git a/node_modules/@google-cloud/storage/node_modules/teeny-request/build/src/index.js b/node_modules/@google-cloud/storage/node_modules/teeny-request/build/src/index.js
+index a2251ca..e29e796 100644
+--- a/node_modules/@google-cloud/storage/node_modules/teeny-request/build/src/index.js
++++ b/node_modules/@google-cloud/storage/node_modules/teeny-request/build/src/index.js
+@@ -166,27 +166,27 @@ function teenyRequest(reqOpts, callback) {
+     }
+     if (callback === undefined) {
+         // Stream mode
+-        const requestStream = streamEvents(new stream_1.PassThrough());
+-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+-        let responseStream;
+-        requestStream.once('reading', () => {
+-            if (responseStream) {
+-                responseStream.pipe(requestStream);
+-            }
+-            else {
+-                requestStream.once('response', () => {
+-                    responseStream.pipe(requestStream);
+-                });
+-            }
+-        });
++        const requestStream = new stream_1.PassThrough();
++        // // eslint-disable-next-line @typescript-eslint/no-explicit-any
++        // let responseStream;
++        // requestStream.once('reading', () => {
++        //     if (responseStream) {
++        //         responseStream.pipe(requestStream);
++        //     }
++        //     else {
++        //         requestStream.once('response', () => {
++        //             responseStream.pipe(requestStream);
++        //         });
++        //     }
++        // });
+         options.compress = false;
+         teenyRequest.stats.requestStarting();
+         (0, node_fetch_1.default)(uri, options).then(res => {
+-            teenyRequest.stats.requestFinished();
+-            responseStream = res.body;
+-            responseStream.on('error', (err) => {
+-                requestStream.emit('error', err);
+-            });
++            teenyRequest.stats.requestFinished(); stream_1.pipeline(res.body, requestStream, () => {});
++            // responseStream = res.body;
++            // responseStream.on('error', (err) => {
++            //     requestStream.emit('error', err);
++            // });
+             const response = fetchToRequestResponse(options, res);
+             requestStream.emit('response', response);
+         }, err => {
diff --git a/server-ce/hotfix/4.1.6/patches/README.md b/server-ce/hotfix/4.1.6/patches/README.md
new file mode 100644
index 0000000..c158e27
--- /dev/null
+++ b/server-ce/hotfix/4.1.6/patches/README.md
@@ -0,0 +1 @@
+The patches in this folder are applied by `patch-package` to dependencies, particularly those which need changes that are difficult to apply upstream.
diff --git a/server-ce/hotfix/4.1.6/patches/body-parser+1.20.1.patch b/server-ce/hotfix/4.1.6/patches/body-parser+1.20.1.patch
new file mode 100644
index 0000000..b41d212
--- /dev/null
+++ b/server-ce/hotfix/4.1.6/patches/body-parser+1.20.1.patch
@@ -0,0 +1,44 @@
+diff --git a/node_modules/body-parser/lib/read.js b/node_modules/body-parser/lib/read.js
+index fce6283..6131c31 100644
+--- a/node_modules/body-parser/lib/read.js
++++ b/node_modules/body-parser/lib/read.js
+@@ -18,7 +18,7 @@ var iconv = require('iconv-lite')
+ var onFinished = require('on-finished')
+ var unpipe = require('unpipe')
+ var zlib = require('zlib')
+-
++var Stream = require('stream')
+ /**
+  * Module exports.
+  */
+@@ -166,25 +166,25 @@ function contentstream (req, debug, inflate) {
+     case 'deflate':
+       stream = zlib.createInflate()
+       debug('inflate body')
+-      req.pipe(stream)
++      // req.pipe(stream)
+       break
+     case 'gzip':
+       stream = zlib.createGunzip()
+       debug('gunzip body')
+-      req.pipe(stream)
++      // req.pipe(stream)
+       break
+     case 'identity':
+       stream = req
+       stream.length = length
+-      break
++      return req
+     default:
+       throw createError(415, 'unsupported content encoding "' + encoding + '"', {
+         encoding: encoding,
+         type: 'encoding.unsupported'
+       })
+   }
+-
+-  return stream
++  var pass = new Stream.PassThrough(); Stream.pipeline(req, stream, pass, () => {})
++  return pass
+ }
+ 
+ /**
diff --git a/server-ce/hotfix/4.1.6/patches/express++finalhandler+1.2.0.patch b/server-ce/hotfix/4.1.6/patches/express++finalhandler+1.2.0.patch
new file mode 100644
index 0000000..a7e0db2
--- /dev/null
+++ b/server-ce/hotfix/4.1.6/patches/express++finalhandler+1.2.0.patch
@@ -0,0 +1,13 @@
+diff --git a/node_modules/express/node_modules/finalhandler/index.js b/node_modules/express/node_modules/finalhandler/index.js
+index f628e42..72f17d6 100644
+--- a/node_modules/express/node_modules/finalhandler/index.js
++++ b/node_modules/express/node_modules/finalhandler/index.js
+@@ -125,7 +125,7 @@ function finalhandler (req, res, options) {
+     // cannot actually respond
+     if (headersSent(res)) {
+       debug('cannot %d after headers sent', status)
+-      req.socket.destroy()
++      if (req.socket) req.socket.destroy()
+       return
+     }
+ 
diff --git a/server-ce/hotfix/4.1.6/patches/express++send+0.18.0.patch b/server-ce/hotfix/4.1.6/patches/express++send+0.18.0.patch
new file mode 100644
index 0000000..323c6ea
--- /dev/null
+++ b/server-ce/hotfix/4.1.6/patches/express++send+0.18.0.patch
@@ -0,0 +1,57 @@
+diff --git a/node_modules/express/node_modules/send/index.js b/node_modules/express/node_modules/send/index.js
+index 89afd7e..de56daf 100644
+--- a/node_modules/express/node_modules/send/index.js
++++ b/node_modules/express/node_modules/send/index.js
+@@ -789,29 +789,29 @@ SendStream.prototype.stream = function stream (path, options) {
+   // pipe
+   var stream = fs.createReadStream(path, options)
+   this.emit('stream', stream)
+-  stream.pipe(res)
+-
+-  // cleanup
+-  function cleanup () {
+-    destroy(stream, true)
+-  }
+-
+-  // response finished, cleanup
+-  onFinished(res, cleanup)
+-
+-  // error handling
+-  stream.on('error', function onerror (err) {
+-    // clean up stream early
+-    cleanup()
+-
+-    // error
+-    self.onStatError(err)
+-  })
+-
+-  // end
+-  stream.on('end', function onend () {
+-    self.emit('end')
+-  })
++  Stream.pipeline(stream, res, err => { if (err) { self.onStatError(err) } else { self.emit('end') } })
++
++  // // cleanup
++  // function cleanup () {
++  //   destroy(stream, true)
++  // }
++  //
++  // // response finished, cleanup
++  // onFinished(res, cleanup)
++  //
++  // // error handling
++  // stream.on('error', function onerror (err) {
++  //   // clean up stream early
++  //   cleanup()
++  //
++  //   // error
++  //   self.onStatError(err)
++  // })
++  //
++  // // end
++  // stream.on('end', function onend () {
++  //   self.emit('end')
++  // })
+ }
+ 
+ /**
diff --git a/server-ce/hotfix/4.1.6/patches/finalhandler+1.1.2.patch b/server-ce/hotfix/4.1.6/patches/finalhandler+1.1.2.patch
new file mode 100644
index 0000000..74f7461
--- /dev/null
+++ b/server-ce/hotfix/4.1.6/patches/finalhandler+1.1.2.patch
@@ -0,0 +1,13 @@
+diff --git a/node_modules/finalhandler/index.js b/node_modules/finalhandler/index.js
+index 5673507..40f4684 100644
+--- a/node_modules/finalhandler/index.js
++++ b/node_modules/finalhandler/index.js
+@@ -125,7 +125,7 @@ function finalhandler (req, res, options) {
+     // cannot actually respond
+     if (headersSent(res)) {
+       debug('cannot %d after headers sent', status)
+-      req.socket.destroy()
++      if (req.socket) req.socket.destroy()
+       return
+     }
+ 
diff --git a/server-ce/hotfix/4.1.6/patches/forwarded+0.2.0.patch b/server-ce/hotfix/4.1.6/patches/forwarded+0.2.0.patch
new file mode 100644
index 0000000..7c13376
--- /dev/null
+++ b/server-ce/hotfix/4.1.6/patches/forwarded+0.2.0.patch
@@ -0,0 +1,13 @@
+diff --git a/node_modules/forwarded/index.js b/node_modules/forwarded/index.js
+index b2b6bdd..75e6254 100644
+--- a/node_modules/forwarded/index.js
++++ b/node_modules/forwarded/index.js
+@@ -46,7 +46,7 @@ function forwarded (req) {
+ function getSocketAddr (req) {
+   return req.socket
+     ? req.socket.remoteAddress
+-    : req.connection.remoteAddress
++    : req.connection && req.connection.remoteAddress
+ }
+ 
+ /**
diff --git a/server-ce/hotfix/4.1.6/patches/ngcomponent+4.1.0.patch b/server-ce/hotfix/4.1.6/patches/ngcomponent+4.1.0.patch
new file mode 100644
index 0000000..d8bc681
--- /dev/null
+++ b/server-ce/hotfix/4.1.6/patches/ngcomponent+4.1.0.patch
@@ -0,0 +1,9 @@
+diff --git a/node_modules/ngcomponent/index.ts b/node_modules/ngcomponent/index.ts
+index 5fe33c5..8e1c6fc 100644
+--- a/node_modules/ngcomponent/index.ts
++++ b/node_modules/ngcomponent/index.ts
+@@ -1,3 +1,4 @@
++// @ts-nocheck
+ import { IChangesObject } from 'angular'
+ import assign = require('lodash/assign')
+ import mapValues = require('lodash/mapValues')
diff --git a/server-ce/hotfix/4.1.6/patches/node-fetch+2.6.7.patch b/server-ce/hotfix/4.1.6/patches/node-fetch+2.6.7.patch
new file mode 100644
index 0000000..8707726
--- /dev/null
+++ b/server-ce/hotfix/4.1.6/patches/node-fetch+2.6.7.patch
@@ -0,0 +1,76 @@
+diff --git a/node_modules/node-fetch/lib/index.js b/node_modules/node-fetch/lib/index.js
+index e5b04f1..8c80924 100644
+--- a/node_modules/node-fetch/lib/index.js
++++ b/node_modules/node-fetch/lib/index.js
+@@ -545,8 +545,8 @@ function clone(instance) {
+ 		// tee instance body
+ 		p1 = new PassThrough();
+ 		p2 = new PassThrough();
+-		body.pipe(p1);
+-		body.pipe(p2);
++		Stream.pipeline(body, p1, () => {});
++		Stream.pipeline(body, p2, () => {});
+ 		// set instance body to teed body and return the other teed body
+ 		instance[INTERNALS].body = p1;
+ 		body = p2;
+@@ -648,14 +648,14 @@ function writeToStream(dest, instance) {
+ 		// body is null
+ 		dest.end();
+ 	} else if (isBlob(body)) {
+-		body.stream().pipe(dest);
++		Stream.pipeline(body.stream(), dest, () => {});
+ 	} else if (Buffer.isBuffer(body)) {
+ 		// body is buffer
+ 		dest.write(body);
+ 		dest.end();
+ 	} else {
+ 		// body is stream
+-		body.pipe(dest);
++		Stream.pipeline(body, dest, () => {});
+ 	}
+ }
+ 
+@@ -1594,7 +1594,7 @@ function fetch(url, opts) {
+ 			res.once('end', function () {
+ 				if (signal) signal.removeEventListener('abort', abortAndFinalize);
+ 			});
+-			let body = res.pipe(new PassThrough$1());
++			let body = new PassThrough$1(); setTimeout(() => Stream.pipeline(res, body, (err) => { if (err) req.abort() }), 0); // Note: let the call-site attach event handler to "body" before we start streaming. 
+ 
+ 			const response_options = {
+ 				url: request.url,
+@@ -1635,7 +1635,7 @@ function fetch(url, opts) {
+ 
+ 			// for gzip
+ 			if (codings == 'gzip' || codings == 'x-gzip') {
+-				body = body.pipe(zlib.createGunzip(zlibOptions));
++				const bodyGzip = zlib.createGunzip(zlibOptions); Stream.pipeline(body, bodyGzip, () => {}); body = bodyGzip;
+ 				response = new Response(body, response_options);
+ 				resolve(response);
+ 				return;
+@@ -1645,13 +1645,13 @@ function fetch(url, opts) {
+ 			if (codings == 'deflate' || codings == 'x-deflate') {
+ 				// handle the infamous raw deflate response from old servers
+ 				// a hack for old IIS and Apache servers
+-				const raw = res.pipe(new PassThrough$1());
++				const raw = new PassThrough$1(); setTimeout(() => Stream.pipeline(res, raw, () => {}), 0); // Note: delay piping into "raw" until we start piping into "body". 
+ 				raw.once('data', function (chunk) {
+ 					// see http://stackoverflow.com/questions/37519828
+ 					if ((chunk[0] & 0x0F) === 0x08) {
+-						body = body.pipe(zlib.createInflate());
++						const bodyDeflate = zlib.createInflate(); Stream.pipeline(body, bodyDeflate, () => {}); body = bodyDeflate;
+ 					} else {
+-						body = body.pipe(zlib.createInflateRaw());
++						const bodyDeflate = zlib.createInflateRaw(); Stream.pipeline(body, bodyDeflate, () => {}); body = bodyDeflate;
+ 					}
+ 					response = new Response(body, response_options);
+ 					resolve(response);
+@@ -1661,7 +1661,7 @@ function fetch(url, opts) {
+ 
+ 			// for br
+ 			if (codings == 'br' && typeof zlib.createBrotliDecompress === 'function') {
+-				body = body.pipe(zlib.createBrotliDecompress());
++				const bodyBrotli = zlib.createBrotliDecompress(); Stream.pipeline(body, bodyBrotli, () => {}); body = bodyBrotli;
+ 				response = new Response(body, response_options);
+ 				resolve(response);
+ 				return;
diff --git a/server-ce/hotfix/4.1.6/patches/passport-oauth2+1.6.1.patch b/server-ce/hotfix/4.1.6/patches/passport-oauth2+1.6.1.patch
new file mode 100644
index 0000000..25a571b
--- /dev/null
+++ b/server-ce/hotfix/4.1.6/patches/passport-oauth2+1.6.1.patch
@@ -0,0 +1,13 @@
+diff --git a/node_modules/passport-oauth2/lib/utils.js b/node_modules/passport-oauth2/lib/utils.js
+index 486f9e1..4584507 100644
+--- a/node_modules/passport-oauth2/lib/utils.js
++++ b/node_modules/passport-oauth2/lib/utils.js
+@@ -24,7 +24,7 @@ exports.originalURL = function(req, options) {
+   var trustProxy = options.proxy;
+   
+   var proto = (req.headers['x-forwarded-proto'] || '').toLowerCase()
+-    , tls = req.connection.encrypted || (trustProxy && 'https' == proto.split(/\s*,\s*/)[0])
++    , tls = (req.connection && req.connection.encrypted) || (trustProxy && 'https' == proto.split(/\s*,\s*/)[0])
+     , host = (trustProxy && req.headers['x-forwarded-host']) || req.headers.host
+     , protocol = tls ? 'https' : 'http'
+     , path = req.url || '';
diff --git a/server-ce/hotfix/4.1.6/patches/react2angular+4.0.6.patch b/server-ce/hotfix/4.1.6/patches/react2angular+4.0.6.patch
new file mode 100644
index 0000000..afcf627
--- /dev/null
+++ b/server-ce/hotfix/4.1.6/patches/react2angular+4.0.6.patch
@@ -0,0 +1,9 @@
+diff --git a/node_modules/react2angular/index.tsx b/node_modules/react2angular/index.tsx
+index 5cee831..a07e040 100644
+--- a/node_modules/react2angular/index.tsx
++++ b/node_modules/react2angular/index.tsx
+@@ -1,3 +1,4 @@
++// @ts-nocheck
+ import { IAugmentedJQuery, IComponentOptions } from 'angular'
+ import fromPairs = require('lodash.frompairs')
+ import NgComponent from 'ngcomponent'
diff --git a/server-ce/hotfix/4.1.6/patches/retry-request+4.2.2.patch b/server-ce/hotfix/4.1.6/patches/retry-request+4.2.2.patch
new file mode 100644
index 0000000..f3096b5
--- /dev/null
+++ b/server-ce/hotfix/4.1.6/patches/retry-request+4.2.2.patch
@@ -0,0 +1,30 @@
+diff --git a/node_modules/retry-request/index.js b/node_modules/retry-request/index.js
+index 6cd6f65..39efb89 100644
+--- a/node_modules/retry-request/index.js
++++ b/node_modules/retry-request/index.js
+@@ -1,6 +1,6 @@
+ 'use strict';
+ 
+-var { PassThrough } = require('stream');
++var { PassThrough, pipeline } = require('stream');
+ var debug = require('debug')('retry-request');
+ var extend = require('extend');
+ 
+@@ -164,7 +164,7 @@ function retryRequest(requestOpts, opts, callback) {
+         })
+         .on('complete', retryStream.emit.bind(retryStream, 'complete'));
+ 
+-      requestStream.pipe(delayStream);
++      pipeline(requestStream, delayStream, () => {});
+     } else {
+       activeRequest = opts.request(requestOpts, onResponse);
+     }
+@@ -220,7 +220,7 @@ function retryRequest(requestOpts, opts, callback) {
+     // No more attempts need to be made, just continue on.
+     if (streamMode) {
+       retryStream.emit('response', response);
+-      delayStream.pipe(retryStream);
++      pipeline(delayStream, retryStream, () => {});
+       requestStream.on('error', function (err) {
+         retryStream.destroy(err);
+       });
diff --git a/server-ce/hotfix/4.1.6/patches/send+0.17.2.patch b/server-ce/hotfix/4.1.6/patches/send+0.17.2.patch
new file mode 100644
index 0000000..1c0b779
--- /dev/null
+++ b/server-ce/hotfix/4.1.6/patches/send+0.17.2.patch
@@ -0,0 +1,61 @@
+diff --git a/node_modules/send/index.js b/node_modules/send/index.js
+index 06d7507..8854216 100644
+--- a/node_modules/send/index.js
++++ b/node_modules/send/index.js
+@@ -795,31 +795,31 @@ SendStream.prototype.stream = function stream (path, options) {
+   // pipe
+   var stream = fs.createReadStream(path, options)
+   this.emit('stream', stream)
+-  stream.pipe(res)
+-
+-  // response finished, done with the fd
+-  onFinished(res, function onfinished () {
+-    finished = true
+-    destroy(stream)
+-  })
+-
+-  // error handling code-smell
+-  stream.on('error', function onerror (err) {
+-    // request already finished
+-    if (finished) return
+-
+-    // clean up stream
+-    finished = true
+-    destroy(stream)
+-
+-    // error
+-    self.onStatError(err)
+-  })
+-
+-  // end
+-  stream.on('end', function onend () {
+-    self.emit('end')
+-  })
++  Stream.pipeline(stream, res, err => { if (err) { self.onStatError(err) } else { self.emit('end') } })
++
++  // // response finished, done with the fd
++  // onFinished(res, function onfinished () {
++  //   finished = true
++  //   destroy(stream)
++  // })
++  //
++  // // error handling code-smell
++  // stream.on('error', function onerror (err) {
++  //   // request already finished
++  //   if (finished) return
++  //
++  //   // clean up stream
++  //   finished = true
++  //   destroy(stream)
++  //
++  //   // error
++  //   self.onStatError(err)
++  // })
++  //
++  // // end
++  // stream.on('end', function onend () {
++  //   self.emit('end')
++  // })
+ }
+ 
+ /**
diff --git a/server-ce/hotfix/4.1.6/patches/teeny-request+7.1.3.patch b/server-ce/hotfix/4.1.6/patches/teeny-request+7.1.3.patch
new file mode 100644
index 0000000..213ed04
--- /dev/null
+++ b/server-ce/hotfix/4.1.6/patches/teeny-request+7.1.3.patch
@@ -0,0 +1,49 @@
+diff --git a/node_modules/teeny-request/build/src/index.js b/node_modules/teeny-request/build/src/index.js
+index f209888..e9fe982 100644
+--- a/node_modules/teeny-request/build/src/index.js
++++ b/node_modules/teeny-request/build/src/index.js
+@@ -166,27 +166,27 @@ function teenyRequest(reqOpts, callback) {
+     }
+     if (callback === undefined) {
+         // Stream mode
+-        const requestStream = streamEvents(new stream_1.PassThrough());
++        const requestStream = new stream_1.PassThrough();
+         // eslint-disable-next-line @typescript-eslint/no-explicit-any
+-        let responseStream;
+-        requestStream.once('reading', () => {
+-            if (responseStream) {
+-                responseStream.pipe(requestStream);
+-            }
+-            else {
+-                requestStream.once('response', () => {
+-                    responseStream.pipe(requestStream);
+-                });
+-            }
+-        });
++        // let responseStream;
++        // requestStream.once('reading', () => {
++        //     if (responseStream) {
++        //         responseStream.pipe(requestStream);
++        //     }
++        //     else {
++        //         requestStream.once('response', () => {
++        //             responseStream.pipe(requestStream);
++        //         });
++        //     }
++        // });
+         options.compress = false;
+         teenyRequest.stats.requestStarting();
+         node_fetch_1.default(uri, options).then(res => {
+-            teenyRequest.stats.requestFinished();
+-            responseStream = res.body;
+-            responseStream.on('error', (err) => {
+-                requestStream.emit('error', err);
+-            });
++            teenyRequest.stats.requestFinished(); stream_1.pipeline(res.body, requestStream, () => {});
++            // responseStream = res.body;
++            // responseStream.on('error', (err) => {
++            //     requestStream.emit('error', err);
++            // });
+             const response = fetchToRequestResponse(options, res);
+             requestStream.emit('response', response);
+         }, err => {
diff --git a/server-ce/hotfix/4.2.1/Dockerfile b/server-ce/hotfix/4.2.1/Dockerfile
new file mode 100644
index 0000000..2f956e7
--- /dev/null
+++ b/server-ce/hotfix/4.2.1/Dockerfile
@@ -0,0 +1 @@
+FROM sharelatex/sharelatex:4.2.0
diff --git a/server-ce/hotfix/4.2.2/Dockerfile b/server-ce/hotfix/4.2.2/Dockerfile
new file mode 100644
index 0000000..4af80fa
--- /dev/null
+++ b/server-ce/hotfix/4.2.2/Dockerfile
@@ -0,0 +1,5 @@
+FROM sharelatex/sharelatex:4.2.1
+
+# Patch: https://github.com/overleaf/internal/pull/16956
+COPY pr_16956.patch .
+RUN patch -p0 < pr_16956.patch
diff --git a/server-ce/hotfix/4.2.2/pr_16956.patch b/server-ce/hotfix/4.2.2/pr_16956.patch
new file mode 100644
index 0000000..884f2a6
--- /dev/null
+++ b/server-ce/hotfix/4.2.2/pr_16956.patch
@@ -0,0 +1,34 @@
+--- services/web/app/src/Features/Editor/EditorHttpController.js
++++ services/web/app/src/Features/Editor/EditorHttpController.js
+@@ -8,7 +8,6 @@ const CollaboratorsGetter = require('../Collaborators/CollaboratorsGetter')
+ const CollaboratorsInviteHandler = require('../Collaborators/CollaboratorsInviteHandler')
+ const CollaboratorsHandler = require('../Collaborators/CollaboratorsHandler')
+ const PrivilegeLevels = require('../Authorization/PrivilegeLevels')
+-const TokenAccessHandler = require('../TokenAccess/TokenAccessHandler')
+ const SessionManager = require('../Authentication/SessionManager')
+ const Errors = require('../Errors/Errors')
+ const DocstoreManager = require('../Docstore/DocstoreManager')
+@@ -178,7 +177,7 @@ async function _buildJoinProjectView(req, projectId, userId) {
+     await CollaboratorsGetter.promises.getInvitedMembersWithPrivilegeLevels(
+       projectId
+     )
+-  const token = TokenAccessHandler.getRequestToken(req, projectId)
++  const token = req.headers['x-sl-anonymous-access-token']
+   const privilegeLevel =
+     await AuthorizationManager.promises.getPrivilegeLevelForProject(
+       userId,
+--- services/web/app/src/Features/TokenAccess/TokenAccessHandler.js
++++ services/web/app/src/Features/TokenAccess/TokenAccessHandler.js
+@@ -213,10 +213,9 @@ const TokenAccessHandler = {
+
+   getRequestToken(req, projectId) {
+     const token =
+-      (req.session &&
+-        req.session.anonTokenAccess &&
+-        req.session.anonTokenAccess[projectId.toString()]) ||
+-      req.headers['x-sl-anonymous-access-token']
++      req.session &&
++      req.session.anonTokenAccess &&
++      req.session.anonTokenAccess[projectId.toString()]
+     return token
+   },
diff --git a/server-ce/hotfix/4.2.3/Dockerfile b/server-ce/hotfix/4.2.3/Dockerfile
new file mode 100644
index 0000000..06c526d
--- /dev/null
+++ b/server-ce/hotfix/4.2.3/Dockerfile
@@ -0,0 +1,6 @@
+FROM sharelatex/sharelatex:4.2.2
+
+# Upgrade Node.js to version 18.19.1
+RUN apt-get update \
+&&  apt-get install -y nodejs=18.19.1-1nodesource1 \
+&&  rm -rf /var/lib/apt/lists/*
diff --git a/server-ce/hotfix/4.2.4/Dockerfile b/server-ce/hotfix/4.2.4/Dockerfile
new file mode 100644
index 0000000..30d3be8
--- /dev/null
+++ b/server-ce/hotfix/4.2.4/Dockerfile
@@ -0,0 +1,23 @@
+FROM sharelatex/sharelatex:4.2.3
+
+# Upgrade Node.js to version 18.20.2
+RUN apt-get update \
+&&  apt-get install -y nodejs=18.20.2-1nodesource1 \
+&&  rm -rf /var/lib/apt/lists/*
+
+# Patch: force services to use ipv4 in server-ce container
+ADD env.sh /etc/sharelatex/env.sh
+COPY pr_17601-1.patch /etc/sharelatex/
+RUN cd /etc/sharelatex && patch -p0 < pr_17601-1.patch && rm pr_17601-1.patch
+COPY pr_17601-2.patch /overleaf/cron/
+RUN cd /overleaf/cron && patch -p0 < pr_17601-2.patch && rm pr_17601-2.patch
+COPY pr_17601-3.patch /etc/service/
+RUN cd /etc/service && patch -p0 < pr_17601-3.patch && rm pr_17601-3.patch
+
+# Add history utility scripts
+ADD bin/* /overleaf/bin/
+
+# Patch: https://github.com/overleaf/internal/pull/17885
+COPY pr_17885.patch .
+RUN patch -p0 -d /etc/my_init.pre_shutdown.d < pr_17885.patch \
+&&  rm pr_17885.patch
diff --git a/server-ce/hotfix/4.2.4/bin/flush-history-queues b/server-ce/hotfix/4.2.4/bin/flush-history-queues
new file mode 100755
index 0000000..fcfe33b
--- /dev/null
+++ b/server-ce/hotfix/4.2.4/bin/flush-history-queues
@@ -0,0 +1,7 @@
+#!/bin/bash
+
+set -euo pipefail
+
+source /etc/container_environment.sh
+cd /overleaf/services/project-history
+node scripts/flush_all.js 100000
diff --git a/server-ce/hotfix/4.2.4/bin/force-history-resyncs b/server-ce/hotfix/4.2.4/bin/force-history-resyncs
new file mode 100755
index 0000000..c43b1ce
--- /dev/null
+++ b/server-ce/hotfix/4.2.4/bin/force-history-resyncs
@@ -0,0 +1,7 @@
+#!/bin/bash
+
+set -euo pipefail
+
+source /etc/container_environment.sh
+cd /overleaf/services/project-history
+node scripts/force_resync.js 1000 force
diff --git a/server-ce/hotfix/4.2.4/env.sh b/server-ce/hotfix/4.2.4/env.sh
new file mode 100644
index 0000000..2dee36a
--- /dev/null
+++ b/server-ce/hotfix/4.2.4/env.sh
@@ -0,0 +1,14 @@
+export CHAT_HOST=127.0.0.1
+export CLSI_HOST=127.0.0.1
+export CONTACTS_HOST=127.0.0.1
+export DOCSTORE_HOST=127.0.0.1
+export DOCUMENT_UPDATER_HOST=127.0.0.1
+export DOCUPDATER_HOST=127.0.0.1
+export FILESTORE_HOST=127.0.0.1
+export HISTORY_V1_HOST=127.0.0.1
+export NOTIFICATIONS_HOST=127.0.0.1
+export PROJECT_HISTORY_HOST=127.0.0.1
+export REALTIME_HOST=127.0.0.1
+export SPELLING_HOST=127.0.0.1
+export WEB_HOST=127.0.0.1
+export WEB_API_HOST=127.0.0.1
diff --git a/server-ce/hotfix/4.2.4/pr_17601-1.patch b/server-ce/hotfix/4.2.4/pr_17601-1.patch
new file mode 100644
index 0000000..3f8c136
--- /dev/null
+++ b/server-ce/hotfix/4.2.4/pr_17601-1.patch
@@ -0,0 +1,31 @@
+--- settings.js
++++ settings.js
+@@ -256,16 +256,16 @@ const settings = {
+
+   apis: {
+     web: {
+-      url: 'http://localhost:3000',
++      url: 'http://127.0.0.1:3000',
+       user: httpAuthUser,
+       pass: httpAuthPass,
+     },
+     project_history: {
+       sendProjectStructureOps: true,
+-      url: 'http://localhost:3054',
++      url: 'http://127.0.0.1:3054',
+     },
+     v1_history: {
+-      url: process.env.V1_HISTORY_URL || 'http://localhost:3100/api',
++      url: process.env.V1_HISTORY_URL || 'http://127.0.0.1:3100/api',
+       user: 'staging',
+       pass: process.env.STAGING_PASSWORD,
+       requestTimeout: parseInt(
+@@ -409,7 +409,7 @@ if (
+
+ if (parse(process.env.OVERLEAF_IS_SERVER_PRO) === true) {
+   settings.bypassPercentageRollouts = true
+-  settings.apis.references = { url: 'http://localhost:3040' }
++  settings.apis.references = { url: 'http://127.0.0.1:3040' }
+ }
+
+ // Compiler
diff --git a/server-ce/hotfix/4.2.4/pr_17601-2.patch b/server-ce/hotfix/4.2.4/pr_17601-2.patch
new file mode 100644
index 0000000..2322ad9
--- /dev/null
+++ b/server-ce/hotfix/4.2.4/pr_17601-2.patch
@@ -0,0 +1,63 @@
+--- deactivate-projects.sh
++++ deactivate-projects.sh
+@@ -14,7 +14,7 @@ if [[ "${ENABLE_CRON_RESOURCE_DELETION:-null}" != "true" ]]; then
+   exit 0
+ fi
+
+-WEB_URL='http://localhost:3000'
++WEB_URL='http://127.0.0.1:3000'
+
+ USER=$(cat /etc/container_environment/WEB_API_USER)
+ PASS=$(cat /etc/container_environment/WEB_API_PASSWORD)
+--- delete-projects.sh
++++ delete-projects.sh
+@@ -14,7 +14,7 @@ if [[ "${ENABLE_CRON_RESOURCE_DELETION:-null}" != "true" ]]; then
+   exit 0
+ fi
+
+-WEB_URL='http://localhost:3000'
++WEB_URL='http://127.0.0.1:3000'
+
+ USER=$(cat /etc/container_environment/WEB_API_USER)
+ PASS=$(cat /etc/container_environment/WEB_API_PASSWORD)
+--- delete-users.sh
++++ delete-users.sh
+@@ -14,7 +14,7 @@ if [[ "${ENABLE_CRON_RESOURCE_DELETION:-null}" != "true" ]]; then
+   exit 0
+ fi
+
+-WEB_URL='http://localhost:3000'
++WEB_URL='http://127.0.0.1:3000'
+
+ USER=$(cat /etc/container_environment/WEB_API_USER)
+ PASS=$(cat /etc/container_environment/WEB_API_PASSWORD)
+--- project-history-periodic-flush.sh
++++ project-history-periodic-flush.sh
+@@ -7,6 +7,6 @@ echo "Flush project-history queue"
+ echo "--------------------------"
+ date
+
+-PROJECT_HISTORY_URL='http://localhost:3054'
++PROJECT_HISTORY_URL='http://127.0.0.1:3054'
+
+ curl -X POST "${PROJECT_HISTORY_URL}/flush/old?timeout=3600000&limit=5000&background=1"
+--- project-history-retry-hard.sh
++++ project-history-retry-hard.sh
+@@ -7,6 +7,6 @@ echo "Retry project-history errors (hard)"
+ echo "-----------------------------------"
+ date
+
+-PROJECT_HISTORY_URL='http://localhost:3054'
++PROJECT_HISTORY_URL='http://127.0.0.1:3054'
+
+ curl -X POST "${PROJECT_HISTORY_URL}/retry/failures?failureType=hard&timeout=3600000&limit=10000"
+--- project-history-retry-soft.sh
++++ project-history-retry-soft.sh
+@@ -6,6 +6,6 @@ echo "-----------------------------------"
+ echo "Retry project-history errors (soft)"
+ echo "-----------------------------------"
+
+-PROJECT_HISTORY_URL='http://localhost:3054'
++PROJECT_HISTORY_URL='http://127.0.0.1:3054'
+
+ curl -X POST "${PROJECT_HISTORY_URL}/retry/failures?failureType=soft&timeout=3600000&limit=10000"
diff --git a/server-ce/hotfix/4.2.4/pr_17601-3.patch b/server-ce/hotfix/4.2.4/pr_17601-3.patch
new file mode 100644
index 0000000..de64af5
--- /dev/null
+++ b/server-ce/hotfix/4.2.4/pr_17601-3.patch
@@ -0,0 +1,118 @@
+--- chat-sharelatex/run
++++ chat-sharelatex/run
+@@ -6,4 +6,7 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:30100"
+ fi
+
++source /etc/sharelatex/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS  /overleaf/services/chat/app.js >> /var/log/sharelatex/chat.log 2>&1
+--- clsi-sharelatex/run
++++ clsi-sharelatex/run
+@@ -15,4 +15,7 @@ if [ -e '/var/run/docker.sock' ]; then
+   usermod -aG dockeronhost www-data
+ fi
+
++source /etc/sharelatex/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/clsi/app.js >> /var/log/sharelatex/clsi.log 2>&1
+--- contacts-sharelatex/run
++++ contacts-sharelatex/run
+@@ -6,4 +6,7 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:30360"
+ fi
+
++source /etc/sharelatex/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/contacts/app.js >> /var/log/sharelatex/contacts.log 2>&1
+--- docstore-sharelatex/run
++++ docstore-sharelatex/run
+@@ -6,4 +6,7 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:30160"
+ fi
+
++source /etc/sharelatex/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/docstore/app.js >> /var/log/sharelatex/docstore.log 2>&1
+--- document-updater-sharelatex/run
++++ document-updater-sharelatex/run
+@@ -6,4 +6,7 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:30030"
+ fi
+
++source /etc/sharelatex/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/document-updater/app.js >> /var/log/sharelatex/document-updater.log 2>&1
+--- filestore-sharelatex/run
++++ filestore-sharelatex/run
+@@ -1,2 +1,6 @@
+ #!/bin/bash
++
++source /etc/sharelatex/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node /overleaf/services/filestore/app.js >> /var/log/sharelatex/filestore.log 2>&1
+--- notifications-sharelatex/run
++++ notifications-sharelatex/run
+@@ -6,4 +6,7 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:30420"
+ fi
+
++source /etc/sharelatex/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/notifications/app.js >> /var/log/sharelatex/notifications.log 2>&1
+--- project-history-sharelatex/run
++++ project-history-sharelatex/run
+@@ -6,4 +6,7 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:30540"
+ fi
+
++source /etc/sharelatex/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/project-history/app.js >> /var/log/sharelatex/project-history.log 2>&1
+--- real-time-sharelatex/run
++++ real-time-sharelatex/run
+@@ -1,2 +1,6 @@
+ #!/bin/bash
++
++source /etc/sharelatex/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node /overleaf/services/real-time/app.js >> /var/log/sharelatex/real-time.log 2>&1
+--- spelling-sharelatex/run
++++ spelling-sharelatex/run
+@@ -6,4 +6,7 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:30050"
+ fi
+
++source /etc/sharelatex/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/spelling/app.js >> /var/log/sharelatex/spelling.log 2>&1
+--- web-api-sharelatex/run
++++ web-api-sharelatex/run
+@@ -6,6 +6,7 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:30000"
+ fi
+
++source /etc/sharelatex/env.sh
+ export LISTEN_ADDRESS=0.0.0.0
+ export ENABLED_SERVICES="api"
+ export METRICS_APP_NAME="web-api"
+--- web-sharelatex/run
++++ web-sharelatex/run
+@@ -6,6 +6,8 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:40000"
+ fi
+
++source /etc/sharelatex/env.sh
++export LISTEN_ADDRESS=127.0.0.1
+ export ENABLED_SERVICES="web"
+ export WEB_PORT="4000"
diff --git a/server-ce/hotfix/4.2.4/pr_17885.patch b/server-ce/hotfix/4.2.4/pr_17885.patch
new file mode 100644
index 0000000..d9816eb
--- /dev/null
+++ b/server-ce/hotfix/4.2.4/pr_17885.patch
@@ -0,0 +1,33 @@
+--- 00_close_site
++++ 00_close_site
+@@ -1,5 +1,8 @@
+ #!/bin/sh
+
++. /etc/container_environment.sh
++. /etc/sharelatex/env.sh
++
+ SITE_MAINTENANCE_FILE_BAK="$SITE_MAINTENANCE_FILE.bak.shutdown"
+
+ mv "${SITE_MAINTENANCE_FILE}" "${SITE_MAINTENANCE_FILE_BAK}"
+--- 01_flush_document_updater
++++ 01_flush_document_updater
+@@ -1,5 +1,8 @@
+ #!/bin/sh
+
++. /etc/container_environment.sh
++. /etc/sharelatex/env.sh
++
+ cd /overleaf/services/document-updater && node scripts/flush_all.js >> /var/log/sharelatex/document-updater.log 2>&1
+
+ EXIT_CODE="$?"
+--- 02_flush_project_history
++++ 02_flush_project_history
+@@ -1,5 +1,8 @@
+ #!/bin/sh
+
++. /etc/container_environment.sh
++. /etc/sharelatex/env.sh
++
+ cd /overleaf/services/project-history && node scripts/flush_all.js >> /var/log/sharelatex/project-history.log 2>&1
+
+ EXIT_CODE="$?"
diff --git a/server-ce/hotfix/4.2.5/Dockerfile b/server-ce/hotfix/4.2.5/Dockerfile
new file mode 100644
index 0000000..b140c0d
--- /dev/null
+++ b/server-ce/hotfix/4.2.5/Dockerfile
@@ -0,0 +1,29 @@
+FROM sharelatex/sharelatex:4.2.4
+
+# apply an override to the swagger-tools package to force security updates to multer and qs
+# from https://github.com/overleaf/internal/pull/18433
+COPY pr_18433.patch .
+RUN patch -p1 < pr_18433.patch && rm pr_18433.patch
+RUN npm install --include-workspace-root -w services/history-v1 swagger-tools@0.10.4 && rm -rf /root/.cache /root/.npm $(find /tmp/ -mindepth 1 -maxdepth 1)
+
+# remove google-cloud packages which are unused in server-pro have a vulnerable dependency
+RUN npm uninstall -w libraries/logger @google-cloud/logging-bunyan
+RUN npm uninstall -w libraries/metrics @google-cloud/opentelemetry-cloud-trace-exporter @google-cloud/profiler
+
+# the passport-twitter package has been removed from the monorepo
+RUN npm uninstall -w services/web passport-twitter
+
+# remove the unused services/web/scripts/translations directory
+RUN rm -r services/web/scripts/translations
+
+COPY pr_18393.patch .
+RUN patch -p1 < pr_18393.patch && rm pr_18393.patch
+COPY pr_18444.patch .
+RUN patch -p1 < pr_18444.patch && rm pr_18444.patch
+COPY pr_18819.patch .
+RUN patch -p1 < pr_18819.patch && rm pr_18819.patch
+COPY pr_18570.patch .
+RUN patch -p1 < pr_18570.patch && rm pr_18570.patch
+
+# Recompile frontend assets
+RUN node genScript compile | bash
diff --git a/server-ce/hotfix/4.2.5/pr_18393.patch b/server-ce/hotfix/4.2.5/pr_18393.patch
new file mode 100644
index 0000000..5af1af7
--- /dev/null
+++ b/server-ce/hotfix/4.2.5/pr_18393.patch
@@ -0,0 +1,111 @@
+diff --git a/services/web/frontend/js/features/source-editor/components/command-tooltip/href-tooltip.tsx b/services/web/frontend/js/features/source-editor/components/command-tooltip/href-tooltip.tsx
+index a0d681d9cb5..2f9a4333cd6 100644
+--- a/services/web/frontend/js/features/source-editor/components/command-tooltip/href-tooltip.tsx
++++ b/services/web/frontend/js/features/source-editor/components/command-tooltip/href-tooltip.tsx
+@@ -17,6 +17,7 @@ import {
+ import { Button, ControlLabel, FormControl, FormGroup } from 'react-bootstrap'
+ import Icon from '../../../../shared/components/icon'
+ import { EditorState } from '@codemirror/state'
++import { openURL } from '@/features/source-editor/utils/url'
+
+ export const HrefTooltipContent: FC = () => {
+   const state = useCodeMirrorStateContext()
+@@ -108,7 +109,7 @@ export const HrefTooltipContent: FC = () => {
+         className="ol-cm-command-tooltip-link"
+         onClick={() => {
+           // TODO: unescape content
+-          window.open(url, '_blank')
++          openURL(url)
+         }}
+       >
+         <Icon type="external-link" fw />
+diff --git a/services/web/frontend/js/features/source-editor/components/command-tooltip/url-tooltip.tsx b/services/web/frontend/js/features/source-editor/components/command-tooltip/url-tooltip.tsx
+index c51b497de01..632d71dd031 100644
+--- a/services/web/frontend/js/features/source-editor/components/command-tooltip/url-tooltip.tsx
++++ b/services/web/frontend/js/features/source-editor/components/command-tooltip/url-tooltip.tsx
+@@ -9,6 +9,7 @@ import {
+ } from '../../lezer-latex/latex.terms.mjs'
+ import Icon from '../../../../shared/components/icon'
+ import { EditorState } from '@codemirror/state'
++import { openURL } from '@/features/source-editor/utils/url'
+
+ export const UrlTooltipContent: FC = () => {
+   const { t } = useTranslation()
+@@ -23,7 +24,7 @@ export const UrlTooltipContent: FC = () => {
+         onClick={() => {
+           const url = readUrl(state)
+           if (url) {
+-            window.open(url, '_blank')
++            openURL(url)
+           }
+         }}
+       >
+diff --git a/services/web/frontend/js/features/source-editor/utils/url.ts b/services/web/frontend/js/features/source-editor/utils/url.ts
+new file mode 100644
+index 00000000000..8bfc9bdeab8
+--- /dev/null
++++ b/services/web/frontend/js/features/source-editor/utils/url.ts
+@@ -0,0 +1,11 @@
++const ALLOWED_PROTOCOLS = ['https:', 'http:']
++
++export const openURL = (content: string) => {
++  const url = new URL(content, document.location.href)
++
++  if (!ALLOWED_PROTOCOLS.includes(url.protocol)) {
++    throw new Error(`Not opening URL with protocol ${url.protocol}`)
++  }
++
++  window.open(url, '_blank')
++}
+diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-command-tooltip.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-command-tooltip.spec.tsx
+index 837f90a64ab..d46b522a116 100644
+--- a/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-command-tooltip.spec.tsx
++++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-command-tooltip.spec.tsx
+@@ -54,8 +54,8 @@ describe('<CodeMirrorEditor/> command tooltip in Visual mode', function () {
+     // open the link
+     cy.findByRole('button', { name: 'Go to page' }).click()
+     cy.get('@window-open').should(
+-      'have.been.calledOnceWithExactly',
+-      'https://example.com',
++      'have.been.calledWithMatch',
++      Cypress.sinon.match.has('href', 'https://example.com/'),
+       '_blank'
+     )
+
+@@ -112,8 +112,8 @@ describe('<CodeMirrorEditor/> command tooltip in Visual mode', function () {
+     // open the link
+     cy.findByRole('button', { name: 'Go to page' }).click()
+     cy.get('@window-open').should(
+-      'have.been.calledOnceWithExactly',
+-      'https://example.com',
++      'have.been.calledWithMatch',
++      Cypress.sinon.match.has('href', 'https://example.com/'),
+       '_blank'
+     )
+   })
+diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-tooltips.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-tooltips.spec.tsx
+index c6e28f9eeeb..106a80ba187 100644
+--- a/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-tooltips.spec.tsx
++++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-tooltips.spec.tsx
+@@ -42,8 +42,8 @@ describe('<CodeMirrorEditor/> tooltips in Visual mode', function () {
+       })
+       cy.findByRole('button', { name: 'Go to page' }).click()
+       cy.get('@open-window').should(
+-        'have.been.calledOnceWithExactly',
+-        'https://example.com/foo',
++        'have.been.calledWithMatch',
++        Cypress.sinon.match.has('href', 'https://example.com/foo'),
+         '_blank'
+       )
+       cy.findByRole('button', { name: 'Remove link' }).click()
+@@ -62,8 +62,8 @@ describe('<CodeMirrorEditor/> tooltips in Visual mode', function () {
+       })
+       cy.findByRole('button', { name: 'Go to page' }).click()
+       cy.get('@open-window').should(
+-        'have.been.calledOnceWithExactly',
+-        'https://example.com',
++        'have.been.calledWithMatch',
++        Cypress.sinon.match.has('href', 'https://example.com/'),
+         '_blank'
+       )
+     })
diff --git a/server-ce/hotfix/4.2.5/pr_18433.patch b/server-ce/hotfix/4.2.5/pr_18433.patch
new file mode 100644
index 0000000..1e14f23
--- /dev/null
+++ b/server-ce/hotfix/4.2.5/pr_18433.patch
@@ -0,0 +1,63 @@
+diff --git a/package-lock.json b/package-lock.json
+index b9eba6086b..bb1a5cebaf 100644
+--- a/package-lock.json
++++ b/package-lock.json
+@@ -70674,8 +70674,7 @@
+       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+     },
+     "multer": {
+-      "version": "1.4.4",
+-      "resolved": "https://registry.npmjs.org/multer/-/multer-1.4.4.tgz",
++      "version": "https://registry.npmjs.org/multer/-/multer-1.4.4.tgz",
+       "integrity": "sha512-2wY2+xD4udX612aMqMcB8Ws2Voq6NIUPEtD1be6m411T4uDH/VtL9i//xvcyFlTVfRdaBsk7hV5tgrGQqhuBiw==",
+       "requires": {
+         "append-field": "^1.0.0",
+@@ -76995,10 +76994,10 @@
+         "js-yaml": "^3.3.1",
+         "json-refs": "^3.0.2",
+         "lodash": "^4.17.4",
+-        "multer": "^1.1.0",
++        "multer": "1.4.5-lts.1",
+         "parseurl": "^1.3.0",
+         "path-to-regexp": "^2.0.0",
+-        "qs": "^6.0.3",
++        "qs": "6.5.3",
+         "serve-static": "^1.10.0",
+         "spark-md5": "^3.0.0",
+         "superagent": "^3.5.2",
+@@ -77035,7 +77034,7 @@
+             "http-errors": "~1.6.2",
+             "iconv-lite": "0.4.19",
+             "on-finished": "~2.3.0",
+-            "qs": "6.5.1",
++            "qs": "6.5.3",
+             "raw-body": "2.3.2",
+             "type-is": "~1.6.15"
+           },
+@@ -77109,8 +77108,7 @@
+           "integrity": "sha512-G6zHoVqC6GGTQkZwF4lkuEyMbVOjoBKAEybQUypI1WTkqinCOrq2x6U2+phkJ1XsEMTy4LjtwPI7HW+NVrRR2w=="
+         },
+         "qs": {
+-          "version": "6.5.1",
+-          "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz",
++          "version": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz",
+           "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A=="
+         },
+         "raw-body": {
+diff --git a/package.json b/package.json
+index f092472caf..329d4fc5ce 100644
+--- a/package.json
++++ b/package.json
+@@ -1,6 +1,12 @@
+ {
+   "name": "overleaf",
+   "private": true,
++  "overrides": {
++    "swagger-tools": {
++      "multer": "1.4.5-lts.1",
++      "qs": "6.5.3"
++    }
++  },
+   "dependencies": {
+     "patch-package": "^8.0.0"
+   },
diff --git a/server-ce/hotfix/4.2.5/pr_18444.patch b/server-ce/hotfix/4.2.5/pr_18444.patch
new file mode 100644
index 0000000..e79fe18
--- /dev/null
+++ b/server-ce/hotfix/4.2.5/pr_18444.patch
@@ -0,0 +1,41 @@
+diff --git a/services/web/frontend/js/features/file-view/components/file-view-pdf.tsx b/services/web/frontend/js/features/file-view/components/file-view-pdf.tsx
+index 4d3b80bb9a2..3efc61a2199 100644
+--- a/services/web/frontend/js/features/file-view/components/file-view-pdf.tsx
++++ b/services/web/frontend/js/features/file-view/components/file-view-pdf.tsx
+@@ -33,7 +33,10 @@ const FileViewPdf: FC<{
+           return
+         }
+
+-        const pdf = await PDFJS.getDocument(preview.url).promise
++        const pdf = await PDFJS.getDocument({
++          url: preview.url,
++          isEvalSupported: false,
++        }).promise
+
+         // bail out if loading the PDF took too long
+         if (!mountedRef.current) {
+diff --git a/services/web/frontend/js/features/pdf-preview/util/pdf-js-wrapper.js b/services/web/frontend/js/features/pdf-preview/util/pdf-js-wrapper.js
+index 9b419b1397f..6a92630a215 100644
+--- a/services/web/frontend/js/features/pdf-preview/util/pdf-js-wrapper.js
++++ b/services/web/frontend/js/features/pdf-preview/util/pdf-js-wrapper.js
+@@ -96,6 +96,7 @@ export default class PDFJSWrapper {
+         rangeChunkSize,
+         disableAutoFetch: true,
+         disableStream,
++        isEvalSupported: false,
+         textLayerMode: 2, // PDFJSViewer.TextLayerMode.ENABLE,
+         range: rangeTransport,
+       })
+diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/graphics.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/graphics.ts
+index 7321f9e02b5..f6c744aaec2 100644
+--- a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/graphics.ts
++++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/graphics.ts
+@@ -143,7 +143,7 @@ export class GraphicsWidget extends WidgetType {
+       return
+     }
+
+-    const pdf = await PDFJS.getDocument(url).promise
++    const pdf = await PDFJS.getDocument({ url, isEvalSupported: false }).promise
+     const page = await pdf.getPage(1)
+
+     // bail out if loading the PDF took too long
diff --git a/server-ce/hotfix/4.2.5/pr_18570.patch b/server-ce/hotfix/4.2.5/pr_18570.patch
new file mode 100644
index 0000000..05bc9f5
--- /dev/null
+++ b/server-ce/hotfix/4.2.5/pr_18570.patch
@@ -0,0 +1,30 @@
+--- a/genScript.js
++++ b/genScript.js
+@@ -5,16 +5,26 @@ console.log('set -ex')
+
+ switch (process.argv.pop()) {
+   case 'install':
+-    console.log('npm ci')
++    console.log('npm install --omit=dev')
+     break
+   case 'compile':
+     for (const service of services) {
+       console.log('pushd', `services/${service.name}`)
+       switch (service.name) {
+         case 'web':
++          // Avoid downloading of cypress
++          console.log('export CYPRESS_INSTALL_BINARY=0')
++
++          // install webpack and frontend dependencies
++          console.log('npm install --include=dev')
++          // install misplaced dependencies (fixed via 18389)
++          console.log('pushd ../../ && npm install --include=dev --workspaces=false && popd')
++          // run webpack
+           console.log('npm run webpack:production')
+           // drop webpack/babel cache
+           console.log('rm -rf node_modules/.cache')
++          // uninstall webpack and frontend dependencies
++          console.log('pushd ../../ && npm install --omit=dev && popd')
+           break
+         default:
+           console.log(`echo ${service.name} does not require a compilation`)
diff --git a/server-ce/hotfix/4.2.5/pr_18819.patch b/server-ce/hotfix/4.2.5/pr_18819.patch
new file mode 100644
index 0000000..858c044
--- /dev/null
+++ b/server-ce/hotfix/4.2.5/pr_18819.patch
@@ -0,0 +1,17 @@
+--- a/services/web/frontend/js/features/mathjax/load-mathjax.ts
++++ b/services/web/frontend/js/features/mathjax/load-mathjax.ts
+@@ -36,6 +36,15 @@ export const loadMathJax = async () => {
+         },
+         startup: {
+           typeset: false,
++          ready() {
++            window.MathJax.startup.defaultReady()
++            const safe = window.MathJax.startup.document.safe
++            safe.filterAttributes.set('fontfamily', 'filterFontFamily')
++            safe.filterMethods.filterFontFamily = (
++              _safe: any,
++              family: string
++            ) => family.split(/;/)[0]
++          },
+         },
+       }
diff --git a/server-ce/hotfix/4.2.6/Dockerfile b/server-ce/hotfix/4.2.6/Dockerfile
new file mode 100644
index 0000000..87c3853
--- /dev/null
+++ b/server-ce/hotfix/4.2.6/Dockerfile
@@ -0,0 +1,3 @@
+FROM sharelatex/sharelatex:4.2.5
+
+# Server Pro only hotfix
diff --git a/server-ce/hotfix/4.2.7/Dockerfile b/server-ce/hotfix/4.2.7/Dockerfile
new file mode 100644
index 0000000..088bd4d
--- /dev/null
+++ b/server-ce/hotfix/4.2.7/Dockerfile
@@ -0,0 +1,13 @@
+FROM sharelatex/sharelatex:4.2.6
+
+COPY pr_19293.patch .
+RUN patch -p1 < pr_19293.patch && rm pr_19293.patch
+
+COPY pr_19296.patch .
+RUN patch -p1 < pr_19296.patch && rm pr_19296.patch
+
+COPY pr_19297.patch .
+RUN patch -p1 < pr_19297.patch && rm pr_19297.patch
+
+COPY pr_19071.patch .
+RUN patch -p1 < pr_19071.patch && rm pr_19071.patch
diff --git a/server-ce/hotfix/4.2.7/pr_19071.patch b/server-ce/hotfix/4.2.7/pr_19071.patch
new file mode 100644
index 0000000..2e925e8
--- /dev/null
+++ b/server-ce/hotfix/4.2.7/pr_19071.patch
@@ -0,0 +1,37 @@
+--- a/services/web/app/src/Features/Collaborators/CollaboratorsInviteHandler.js
++++ b/services/web/app/src/Features/Collaborators/CollaboratorsInviteHandler.js
+@@ -7,13 +7,16 @@ const UserGetter = require('../User/UserGetter')
+ const ProjectGetter = require('../Project/ProjectGetter')
+ const Crypto = require('crypto')
+ const NotificationsBuilder = require('../Notifications/NotificationsBuilder')
++const _ = require('lodash')
+
+ const randomBytes = promisify(Crypto.randomBytes)
+
+ const CollaboratorsInviteHandler = {
+   async getAllInvites(projectId) {
+     logger.debug({ projectId }, 'fetching invites for project')
+-    const invites = await ProjectInvite.find({ projectId }).exec()
++    const invites = await ProjectInvite.find({ projectId })
++      .select('_id email sendingUserId projectId privileges createdAt expires')
++      .exec()
+     logger.debug(
+       { projectId, count: invites.length },
+       'found invites for project'
+@@ -101,7 +104,15 @@ const CollaboratorsInviteHandler = {
+       logger.err({ err, projectId, email }, 'error sending messages for invite')
+     })
+
+-    return invite
++    return _.pick(invite.toObject(), [
++      'email',
++      'sendingUserId',
++      'projectId',
++      'privileges',
++      '_id',
++      'createdAt',
++      'expires',
++    ])
+   },
+
+   async revokeInvite(projectId, inviteId) {
diff --git a/server-ce/hotfix/4.2.7/pr_19293.patch b/server-ce/hotfix/4.2.7/pr_19293.patch
new file mode 100644
index 0000000..3a9c7d0
--- /dev/null
+++ b/server-ce/hotfix/4.2.7/pr_19293.patch
@@ -0,0 +1,17 @@
+--- a/services/clsi/app/js/StaticServerForbidSymlinks.js
++++ b/services/clsi/app/js/StaticServerForbidSymlinks.js
+@@ -25,9 +25,13 @@ module.exports = ForbidSymlinks = function (staticFn, root, options) {
+     let file, projectId, result
+     const path = req.url
+     // check that the path is of the form /project_id_or_name/path/to/file.log
+-    if ((result = path.match(/^\/?([a-zA-Z0-9_-]+)\/(.*)/))) {
++    if ((result = path.match(/^\/([a-zA-Z0-9_-]+)\/(.*)$/s))) {
+       projectId = result[1]
+       file = result[2]
++      if (path !== `/${projectId}/${file}`) {
++        logger.warn({ path }, 'unrecognized file request')
++        return res.sendStatus(404)
++      }
+     } else {
+       logger.warn({ path }, 'unrecognized file request')
+       return res.sendStatus(404)
diff --git a/server-ce/hotfix/4.2.7/pr_19296.patch b/server-ce/hotfix/4.2.7/pr_19296.patch
new file mode 100644
index 0000000..578c488
--- /dev/null
+++ b/server-ce/hotfix/4.2.7/pr_19296.patch
@@ -0,0 +1,22 @@
+--- a/services/clsi/app/js/LatexRunner.js
++++ b/services/clsi/app/js/LatexRunner.js
+@@ -110,11 +110,14 @@ function _writeLogOutput(projectId, directory, output, callback) {
+   // internal method for writing non-empty log files
+   function _writeFile(file, content, cb) {
+     if (content && content.length > 0) {
+-      fs.writeFile(file, content, err => {
+-        if (err) {
+-          logger.error({ err, projectId, file }, 'error writing log file') // don't fail on error
+-        }
+-        cb()
++      fs.unlink(file, () => {
++        fs.writeFile(file, content, { flag: 'wx' }, err => {
++          if (err) {
++            // don't fail on error
++            logger.error({ err, projectId, file }, 'error writing log file')
++          }
++          cb()
++        })
+       })
+     } else {
+       cb()
diff --git a/server-ce/hotfix/4.2.7/pr_19297.patch b/server-ce/hotfix/4.2.7/pr_19297.patch
new file mode 100644
index 0000000..2e46183
--- /dev/null
+++ b/server-ce/hotfix/4.2.7/pr_19297.patch
@@ -0,0 +1,70 @@
+--- a/services/web/app/src/Features/Spelling/SpellingController.js
++++ b/services/web/app/src/Features/Spelling/SpellingController.js
+@@ -28,39 +28,35 @@ module.exports = {
+     })
+   },
+
+-  proxyRequestToSpellingApi(req, res) {
++  proxyCheckRequestToSpellingApi(req, res) {
+     const { language } = req.body
+
+-    let url = req.url.slice('/spelling'.length)
+-
+-    if (url === '/check') {
+-      if (!language) {
+-        logger.error('"language" field should be included for spell checking')
+-        return res.status(422).json({ misspellings: [] })
+-      }
++    if (!language) {
++      logger.error({}, '"language" field should be included for spell checking')
++      return res.status(422).json({ misspellings: [] })
++    }
+
+-      if (!languageCodeIsSupported(language)) {
+-        // this log statement can be changed to 'error' once projects with
+-        // unsupported languages are removed from the DB
+-        logger.debug({ language }, 'language not supported')
+-        return res.status(422).json({ misspellings: [] })
+-      }
++    if (!languageCodeIsSupported(language)) {
++      // this log statement can be changed to 'error' once projects with
++      // unsupported languages are removed from the DB
++      logger.debug({ language }, 'language not supported')
++      return res.status(422).json({ misspellings: [] })
+     }
+
+     const userId = SessionManager.getLoggedInUserId(req.session)
+-    url = `/user/${userId}${url}`
++    const url = `${Settings.apis.spelling.url}/user/${userId}/check`
+     req.headers.Host = Settings.apis.spelling.host
+     return request({
+-      url: Settings.apis.spelling.url + url,
+-      method: req.method,
++      url,
++      method: 'POST',
+       headers: req.headers,
+       json: req.body,
+       timeout: TEN_SECONDS,
+     })
+       .on('error', function (error) {
+-        logger.error({ err: error }, 'Spelling API error')
++        logger.error({ err: error }, 'Spelling Check API error')
+         return res.status(500).end()
+       })
+       .pipe(res)
+   },
+-}
++}
+\ No newline at end of file
+
+--- a/services/web/app/src/router.js
++++ b/services/web/app/src/router.js
+@@ -1083,7 +1083,7 @@ function initialize(webRouter, privateApiRouter, publicApiRouter) {
+   webRouter.post(
+     '/spelling/check',
+     AuthenticationController.requireLogin(),
+-    SpellingController.proxyRequestToSpellingApi
++    SpellingController.proxyCheckRequestToSpellingApi
+   )
+   webRouter.post(
+     '/spelling/learn',
diff --git a/server-ce/hotfix/4.2.8/Dockerfile b/server-ce/hotfix/4.2.8/Dockerfile
new file mode 100644
index 0000000..a2dbe4f
--- /dev/null
+++ b/server-ce/hotfix/4.2.8/Dockerfile
@@ -0,0 +1,11 @@
+FROM sharelatex/sharelatex:4.2.7
+
+# Fix crash on on invalid URLs
+COPY pr_19612.patch .
+RUN patch -p1 < pr_19612.patch && rm pr_19612.patch
+
+COPY pr_19550.patch .
+RUN patch -p1 < pr_19550.patch && rm pr_19550.patch
+
+COPY is_19575.patch /etc/nginx/sites-enabled/
+RUN cd /etc/nginx/sites-enabled && patch -p0 < is_19575.patch && rm is_19575.patch
diff --git a/server-ce/hotfix/4.2.8/is_19575.patch b/server-ce/hotfix/4.2.8/is_19575.patch
new file mode 100644
index 0000000..5854d85
--- /dev/null
+++ b/server-ce/hotfix/4.2.8/is_19575.patch
@@ -0,0 +1,19 @@
+--- sharelatex.conf
++++ sharelatex.conf
+@@ -67,6 +67,16 @@ server {
+ 		proxy_http_version 1.1;
+   }
+
++  # block external access to metrics
++  location ~* ^/metrics/?$ {
++    return 404 'Not found';
++  }
++
++  # block external access to all health checks /health_check, /health_check/full, etc
++  location ~* ^/health_check {
++    return 404 'Not found';
++  }
++
+   # Load any extra configuration for this vhost
+   include /etc/nginx/vhost-extras/overleaf/*.conf;
+ }
diff --git a/server-ce/hotfix/4.2.8/pr_19550.patch b/server-ce/hotfix/4.2.8/pr_19550.patch
new file mode 100644
index 0000000..484a3f2
--- /dev/null
+++ b/server-ce/hotfix/4.2.8/pr_19550.patch
@@ -0,0 +1,58 @@
+diff --git a/services/web/app/src/infrastructure/CSP.js b/services/web/app/src/infrastructure/CSP.js
+index 28f4f380d3d..abc11c59a48 100644
+--- a/services/web/app/src/infrastructure/CSP.js
++++ b/services/web/app/src/infrastructure/CSP.js
+@@ -6,6 +6,7 @@ module.exports = function ({
+   reportPercentage,
+   reportOnly = false,
+   exclude = [],
++  viewDirectives = {},
+ }) {
+   const header = reportOnly
+     ? 'Content-Security-Policy-Report-Only'
+@@ -33,7 +34,12 @@ module.exports = function ({
+
+         res.locals.scriptNonce = scriptNonce
+
+-        const policy = buildViewPolicy(scriptNonce, reportPercentage, reportUri)
++        const policy = buildViewPolicy(
++          scriptNonce,
++          reportPercentage,
++          reportUri,
++          viewDirectives[view]
++        )
+
+         // Note: https://csp-evaluator.withgoogle.com/ is useful for checking the policy
+
+@@ -68,11 +74,17 @@ const buildDefaultPolicy = (reportUri, styleSrc) => {
+   return directives.join('; ')
+ }
+
+-const buildViewPolicy = (scriptNonce, reportPercentage, reportUri) => {
++const buildViewPolicy = (
++  scriptNonce,
++  reportPercentage,
++  reportUri,
++  viewDirectives
++) => {
+   const directives = [
+     `script-src 'nonce-${scriptNonce}' 'unsafe-inline' 'strict-dynamic' https: 'report-sample'`, // only allow scripts from certain sources
+     `object-src 'none'`, // forbid loading an "object" element
+     `base-uri 'none'`, // forbid setting a "base" element
++    ...(viewDirectives ?? []),
+   ]
+
+   if (reportUri) {
+--- a/services/web/config/settings.defaults.js
++++ b/services/web/config/settings.defaults.js
+@@ -868,6 +868,9 @@ module.exports = {
+     reportPercentage: parseFloat(process.env.CSP_REPORT_PERCENTAGE) || 0,
+     reportUri: process.env.CSP_REPORT_URI,
+     exclude: ['app/views/project/editor'],
++    viewDirectives: {
++      'app/views/project/ide-react': [`img-src 'self' data: blob:`],
++    },
+   },
+
+   unsupportedBrowsers: {
+
diff --git a/server-ce/hotfix/4.2.8/pr_19612.patch b/server-ce/hotfix/4.2.8/pr_19612.patch
new file mode 100644
index 0000000..3f46f92
--- /dev/null
+++ b/server-ce/hotfix/4.2.8/pr_19612.patch
@@ -0,0 +1,46 @@
+diff --git a/services/web/app/src/Features/HealthCheck/HealthCheckController.js b/services/web/app/src/Features/HealthCheck/HealthCheckController.js
+index 278f04bb767..ff074cfa816 100644
+--- a/services/web/app/src/Features/HealthCheck/HealthCheckController.js
++++ b/services/web/app/src/Features/HealthCheck/HealthCheckController.js
+@@ -45,6 +45,10 @@ module.exports = {
+         logger.err({ err }, 'failed api redis health check')
+         return res.sendStatus(500)
+       }
++      if (!settings.smokeTest.userId) {
++        logger.err({}, 'smokeTest.userId is undefined in health check')
++        return res.sendStatus(404)
++      }
+       UserGetter.getUserEmail(settings.smokeTest.userId, (err, email) => {
+         if (err) {
+           logger.err({ err }, 'failed api mongo health check')
+diff --git a/services/web/app/src/infrastructure/ExpressLocals.js b/services/web/app/src/infrastructure/ExpressLocals.js
+index 5f14977d3a3..2e9ed4f1ebb 100644
+--- a/services/web/app/src/infrastructure/ExpressLocals.js
++++ b/services/web/app/src/infrastructure/ExpressLocals.js
+@@ -11,6 +11,7 @@ const Features = require('./Features')
+ const SessionManager = require('../Features/Authentication/SessionManager')
+ const PackageVersions = require('./PackageVersions')
+ const Modules = require('./Modules')
++const Errors = require('../Features/Errors/Errors')
+ const {
+   canRedirectToAdminDomain,
+   hasAdminAccess,
+@@ -236,10 +237,14 @@ module.exports = function (webRouter, privateApiRouter, publicApiRouter) {
+
+     // Don't include the query string parameters, otherwise Google
+     // treats ?nocdn=true as the canonical version
+-    const parsedOriginalUrl = new URL(req.originalUrl, Settings.siteUrl)
+-    res.locals.currentUrl = parsedOriginalUrl.pathname
+-    res.locals.currentUrlWithQueryParams =
+-      parsedOriginalUrl.pathname + parsedOriginalUrl.search
++    try {
++      const parsedOriginalUrl = new URL(req.originalUrl, Settings.siteUrl)
++      res.locals.currentUrl = parsedOriginalUrl.pathname
++      res.locals.currentUrlWithQueryParams =
++        parsedOriginalUrl.pathname + parsedOriginalUrl.search
++    } catch (err) {
++      return next(new Errors.InvalidError())
++    }
+     res.locals.capitalize = function (string) {
+       if (string.length === 0) {
+         return ''
diff --git a/server-ce/hotfix/4.2.9/Dockerfile b/server-ce/hotfix/4.2.9/Dockerfile
new file mode 100644
index 0000000..43ca479
--- /dev/null
+++ b/server-ce/hotfix/4.2.9/Dockerfile
@@ -0,0 +1 @@
+FROM sharelatex/sharelatex:4.2.8
diff --git a/server-ce/hotfix/5.0.1/Dockerfile b/server-ce/hotfix/5.0.1/Dockerfile
new file mode 100644
index 0000000..32ba317
--- /dev/null
+++ b/server-ce/hotfix/5.0.1/Dockerfile
@@ -0,0 +1,17 @@
+FROM sharelatex/sharelatex:5.0.0-RC4
+
+# Bugfix: Grammarly ad shouldn't be displayed in Overleaf CE
+COPY pr_17625.patch .
+RUN patch -p0 < pr_17625.patch
+
+# Patch: force services to use ipv4 in server-ce container
+ADD env.sh /etc/overleaf/env.sh
+COPY pr_17601-1.patch /etc/overleaf/
+RUN cd /etc/overleaf && patch -p0 < pr_17601-1.patch && rm pr_17601-1.patch
+COPY pr_17601-2.patch /overleaf/cron/
+RUN cd /overleaf/cron && patch -p0 < pr_17601-2.patch  && rm pr_17601-2.patch
+COPY pr_17601-3.patch /etc/nginx/sites-enabled/
+RUN cd /etc/nginx/sites-enabled && patch -p0 < pr_17601-3.patch  && rm pr_17601-3.patch
+COPY pr_17601-4.patch /etc/service/
+RUN cd /etc/service && patch -p0 < pr_17601-4.patch  && rm pr_17601-4.patch
+
diff --git a/server-ce/hotfix/5.0.1/env.sh b/server-ce/hotfix/5.0.1/env.sh
new file mode 100644
index 0000000..2dee36a
--- /dev/null
+++ b/server-ce/hotfix/5.0.1/env.sh
@@ -0,0 +1,14 @@
+export CHAT_HOST=127.0.0.1
+export CLSI_HOST=127.0.0.1
+export CONTACTS_HOST=127.0.0.1
+export DOCSTORE_HOST=127.0.0.1
+export DOCUMENT_UPDATER_HOST=127.0.0.1
+export DOCUPDATER_HOST=127.0.0.1
+export FILESTORE_HOST=127.0.0.1
+export HISTORY_V1_HOST=127.0.0.1
+export NOTIFICATIONS_HOST=127.0.0.1
+export PROJECT_HISTORY_HOST=127.0.0.1
+export REALTIME_HOST=127.0.0.1
+export SPELLING_HOST=127.0.0.1
+export WEB_HOST=127.0.0.1
+export WEB_API_HOST=127.0.0.1
diff --git a/server-ce/hotfix/5.0.1/pr_17601-1.patch b/server-ce/hotfix/5.0.1/pr_17601-1.patch
new file mode 100644
index 0000000..3f8c136
--- /dev/null
+++ b/server-ce/hotfix/5.0.1/pr_17601-1.patch
@@ -0,0 +1,31 @@
+--- settings.js
++++ settings.js
+@@ -256,16 +256,16 @@ const settings = {
+
+   apis: {
+     web: {
+-      url: 'http://localhost:3000',
++      url: 'http://127.0.0.1:3000',
+       user: httpAuthUser,
+       pass: httpAuthPass,
+     },
+     project_history: {
+       sendProjectStructureOps: true,
+-      url: 'http://localhost:3054',
++      url: 'http://127.0.0.1:3054',
+     },
+     v1_history: {
+-      url: process.env.V1_HISTORY_URL || 'http://localhost:3100/api',
++      url: process.env.V1_HISTORY_URL || 'http://127.0.0.1:3100/api',
+       user: 'staging',
+       pass: process.env.STAGING_PASSWORD,
+       requestTimeout: parseInt(
+@@ -409,7 +409,7 @@ if (
+
+ if (parse(process.env.OVERLEAF_IS_SERVER_PRO) === true) {
+   settings.bypassPercentageRollouts = true
+-  settings.apis.references = { url: 'http://localhost:3040' }
++  settings.apis.references = { url: 'http://127.0.0.1:3040' }
+ }
+
+ // Compiler
diff --git a/server-ce/hotfix/5.0.1/pr_17601-2.patch b/server-ce/hotfix/5.0.1/pr_17601-2.patch
new file mode 100644
index 0000000..2322ad9
--- /dev/null
+++ b/server-ce/hotfix/5.0.1/pr_17601-2.patch
@@ -0,0 +1,63 @@
+--- deactivate-projects.sh
++++ deactivate-projects.sh
+@@ -14,7 +14,7 @@ if [[ "${ENABLE_CRON_RESOURCE_DELETION:-null}" != "true" ]]; then
+   exit 0
+ fi
+
+-WEB_URL='http://localhost:3000'
++WEB_URL='http://127.0.0.1:3000'
+
+ USER=$(cat /etc/container_environment/WEB_API_USER)
+ PASS=$(cat /etc/container_environment/WEB_API_PASSWORD)
+--- delete-projects.sh
++++ delete-projects.sh
+@@ -14,7 +14,7 @@ if [[ "${ENABLE_CRON_RESOURCE_DELETION:-null}" != "true" ]]; then
+   exit 0
+ fi
+
+-WEB_URL='http://localhost:3000'
++WEB_URL='http://127.0.0.1:3000'
+
+ USER=$(cat /etc/container_environment/WEB_API_USER)
+ PASS=$(cat /etc/container_environment/WEB_API_PASSWORD)
+--- delete-users.sh
++++ delete-users.sh
+@@ -14,7 +14,7 @@ if [[ "${ENABLE_CRON_RESOURCE_DELETION:-null}" != "true" ]]; then
+   exit 0
+ fi
+
+-WEB_URL='http://localhost:3000'
++WEB_URL='http://127.0.0.1:3000'
+
+ USER=$(cat /etc/container_environment/WEB_API_USER)
+ PASS=$(cat /etc/container_environment/WEB_API_PASSWORD)
+--- project-history-periodic-flush.sh
++++ project-history-periodic-flush.sh
+@@ -7,6 +7,6 @@ echo "Flush project-history queue"
+ echo "--------------------------"
+ date
+
+-PROJECT_HISTORY_URL='http://localhost:3054'
++PROJECT_HISTORY_URL='http://127.0.0.1:3054'
+
+ curl -X POST "${PROJECT_HISTORY_URL}/flush/old?timeout=3600000&limit=5000&background=1"
+--- project-history-retry-hard.sh
++++ project-history-retry-hard.sh
+@@ -7,6 +7,6 @@ echo "Retry project-history errors (hard)"
+ echo "-----------------------------------"
+ date
+
+-PROJECT_HISTORY_URL='http://localhost:3054'
++PROJECT_HISTORY_URL='http://127.0.0.1:3054'
+
+ curl -X POST "${PROJECT_HISTORY_URL}/retry/failures?failureType=hard&timeout=3600000&limit=10000"
+--- project-history-retry-soft.sh
++++ project-history-retry-soft.sh
+@@ -6,6 +6,6 @@ echo "-----------------------------------"
+ echo "Retry project-history errors (soft)"
+ echo "-----------------------------------"
+
+-PROJECT_HISTORY_URL='http://localhost:3054'
++PROJECT_HISTORY_URL='http://127.0.0.1:3054'
+
+ curl -X POST "${PROJECT_HISTORY_URL}/retry/failures?failureType=soft&timeout=3600000&limit=10000"
diff --git a/server-ce/hotfix/5.0.1/pr_17601-3.patch b/server-ce/hotfix/5.0.1/pr_17601-3.patch
new file mode 100644
index 0000000..fa138d6
--- /dev/null
+++ b/server-ce/hotfix/5.0.1/pr_17601-3.patch
@@ -0,0 +1,46 @@
+--- overleaf.conf
++++ overleaf.conf
+@@ -10,7 +10,7 @@ server {
+ 	}
+
+ 	location / {
+-		proxy_pass http://localhost:4000;
++		proxy_pass http://127.0.0.1:4000;
+ 		proxy_http_version 1.1;
+ 		proxy_set_header Upgrade $http_upgrade;
+ 		proxy_set_header Connection "upgrade";
+@@ -22,7 +22,7 @@ server {
+ 	}
+
+ 	location /socket.io {
+-		proxy_pass http://localhost:3026;
++		proxy_pass http://127.0.0.1:3026;
+ 		proxy_http_version 1.1;
+ 		proxy_set_header Upgrade $http_upgrade;
+ 		proxy_set_header Connection "upgrade";
+@@ -48,22 +48,22 @@ server {
+
+   # handle output files for specific users
+   location ~ ^/project/([0-9a-f]+)/user/([0-9a-f]+)/build/([0-9a-f-]+)/output/output\.([a-z]+)$ {
+-		proxy_pass http://localhost:8080; # clsi-nginx.conf
++		proxy_pass http://127.0.0.1:8080; # clsi-nginx.conf
+ 		proxy_http_version 1.1;
+   }
+   # handle output files for anonymous users
+   location ~ ^/project/([0-9a-f]+)/build/([0-9a-f-]+)/output/output\.([a-z]+)$ {
+-		proxy_pass http://localhost:8080; # clsi-nginx.conf
++		proxy_pass http://127.0.0.1:8080; # clsi-nginx.conf
+ 		proxy_http_version 1.1;
+   }
+   # PDF range for specific users
+   location ~ ^/project/([0-9a-f]+)/user/([0-9a-f]+)/content/([0-9a-f-]+/[0-9a-f]+)$ {
+-		proxy_pass http://localhost:8080; # clsi-nginx.conf
++		proxy_pass http://127.0.0.1:8080; # clsi-nginx.conf
+ 		proxy_http_version 1.1;
+   }
+   # PDF range for anonymous users
+   location ~ ^/project/([0-9a-f]+)/content/([0-9a-f-]+/[0-9a-f]+)$ {
+-		proxy_pass http://localhost:8080; # clsi-nginx.conf
++		proxy_pass http://127.0.0.1:8080; # clsi-nginx.conf
+ 		proxy_http_version 1.1;
+   }
diff --git a/server-ce/hotfix/5.0.1/pr_17601-4.patch b/server-ce/hotfix/5.0.1/pr_17601-4.patch
new file mode 100644
index 0000000..9b1fed6
--- /dev/null
+++ b/server-ce/hotfix/5.0.1/pr_17601-4.patch
@@ -0,0 +1,118 @@
+--- chat-overleaf/run
++++ chat-overleaf/run
+@@ -6,4 +6,7 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:30100"
+ fi
+
++source /etc/overleaf/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/chat/app.js >> /var/log/overleaf/chat.log 2>&1
+--- clsi-overleaf/run
++++ clsi-overleaf/run
+@@ -15,4 +15,7 @@ if [ -e '/var/run/docker.sock' ]; then
+   usermod -aG dockeronhost www-data
+ fi
+
++source /etc/overleaf/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/clsi/app.js >> /var/log/overleaf/clsi.log 2>&1
+--- contacts-overleaf/run
++++ contacts-overleaf/run
+@@ -6,4 +6,7 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:30360"
+ fi
+
++source /etc/overleaf/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/contacts/app.js >> /var/log/overleaf/contacts.log 2>&1
+--- docstore-overleaf/run
++++ docstore-overleaf/run
+@@ -6,4 +6,7 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:30160"
+ fi
+
++source /etc/overleaf/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/docstore/app.js >> /var/log/overleaf/docstore.log 2>&1
+--- document-updater-overleaf/run
++++ document-updater-overleaf/run
+@@ -6,4 +6,7 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:30030"
+ fi
+
++source /etc/overleaf/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/document-updater/app.js >> /var/log/overleaf/document-updater.log 2>&1
+--- filestore-overleaf/run
++++ filestore-overleaf/run
+@@ -1,2 +1,6 @@
+ #!/bin/bash
++
++source /etc/overleaf/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node /overleaf/services/filestore/app.js >> /var/log/overleaf/filestore.log 2>&1
+--- notifications-overleaf/run
++++ notifications-overleaf/run
+@@ -6,4 +6,7 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:30420"
+ fi
+
++source /etc/overleaf/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/notifications/app.js >> /var/log/overleaf/notifications.log 2>&1
+--- project-history-overleaf/run
++++ project-history-overleaf/run
+@@ -6,4 +6,7 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:30540"
+ fi
+
++source /etc/overleaf/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/project-history/app.js >> /var/log/overleaf/project-history.log 2>&1
+--- real-time-overleaf/run
++++ real-time-overleaf/run
+@@ -1,2 +1,6 @@
+ #!/bin/bash
++
++source /etc/overleaf/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node /overleaf/services/real-time/app.js >> /var/log/overleaf/real-time.log 2>&1
+--- spelling-overleaf/run
++++ spelling-overleaf/run
+@@ -6,4 +6,7 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:30050"
+ fi
+
++source /etc/overleaf/env.sh
++export LISTEN_ADDRESS=127.0.0.1
++
+ exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/spelling/app.js >> /var/log/overleaf/spelling.log 2>&1
+--- web-api-overleaf/run
++++ web-api-overleaf/run
+@@ -6,6 +6,7 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:30000"
+ fi
+
++source /etc/overleaf/env.sh
+ export LISTEN_ADDRESS=0.0.0.0
+ export ENABLED_SERVICES="api"
+ export METRICS_APP_NAME="web-api"
+--- web-overleaf/run
++++ web-overleaf/run
+@@ -6,6 +6,8 @@ if [ "$DEBUG_NODE" == "true" ]; then
+     NODE_PARAMS="--inspect=0.0.0.0:40000"
+ fi
+
++source /etc/overleaf/env.sh
++export LISTEN_ADDRESS=127.0.0.1
+ export ENABLED_SERVICES="web"
+ export WEB_PORT="4000"
diff --git a/server-ce/hotfix/5.0.1/pr_17625.patch b/server-ce/hotfix/5.0.1/pr_17625.patch
new file mode 100644
index 0000000..0241c11
--- /dev/null
+++ b/server-ce/hotfix/5.0.1/pr_17625.patch
@@ -0,0 +1,23 @@
+--- services/web/frontend/js/features/source-editor/components/grammarly-advert.tsx
++++ services/web/frontend/js/features/source-editor/components/grammarly-advert.tsx
+@@ -6,8 +6,12 @@ import useRemindMeLater from '@/shared/hooks/use-remind-me-later'
+ import GrammarlyLogo from '@/shared/svgs/grammarly-logo'
+ import * as eventTracking from '../../../infrastructure/event-tracking'
+ import useWaitForGrammarlyCheck from '@/shared/hooks/use-wait-for-grammarly-check'
++import getMeta from '@/utils/meta'
++import { ExposedSettings } from '../../../../../types/exposed-settings'
+
+ export default function GrammarlyAdvert() {
++  const { isOverleaf } = getMeta('ol-ExposedSettings') as ExposedSettings
++
+   const [show, setShow] = useState(false)
+   const { t } = useTranslation()
+
+@@ -57,7 +61,7 @@ export default function GrammarlyAdvert() {
+     remindThemLater()
+   }, [remindThemLater])
+
+-  if (!show) {
++  if (!isOverleaf || !show) {
+     return null
+   }
diff --git a/server-ce/hotfix/5.0.2/910_initiate_doc_version_recovery b/server-ce/hotfix/5.0.2/910_initiate_doc_version_recovery
new file mode 100755
index 0000000..cda3d67
--- /dev/null
+++ b/server-ce/hotfix/5.0.2/910_initiate_doc_version_recovery
@@ -0,0 +1,50 @@
+#!/bin/bash
+
+set -euo pipefail
+
+source /etc/container_environment.sh
+source /etc/overleaf/env.sh
+
+LOG_FILE=/var/lib/overleaf/data/history/doc-version-recovery.log
+export DOC_VERSION_RECOVERY_RESYNCS_NEEDED_FILE=/var/lib/overleaf/data/history/doc-version-recovery-resyncs.log
+
+echo "Checking for doc version recovery. This can take a while if needed. Logs are in $LOG_FILE"
+cd /overleaf/services/history-v1
+LOG_LEVEL=info node storage/scripts/recover_doc_versions.js 2>&1 | tee -a "$LOG_FILE"
+
+function resyncAllProjectsInBackground() {
+  waitForService docstore 3016
+  waitForService document-updater 3003
+  waitForService filestore 3009
+  waitForService history-v1 3100
+  waitForService project-history 3054
+  waitForService web-api 4000
+
+  # Resync files that had their versions updated
+  while read -r project_id; do
+    echo "Resyncing project $project_id..."
+    curl -X POST --silent "http://127.0.0.1:3054/project/$project_id/resync?force=true"
+  done < "$DOC_VERSION_RECOVERY_RESYNCS_NEEDED_FILE"
+
+  # Resync files that have broken histories
+  /overleaf/bin/force-history-resyncs
+
+  echo "Finished resyncing history for all projects. Adding .done suffix to log file"
+  mv "$DOC_VERSION_RECOVERY_RESYNCS_NEEDED_FILE" "$DOC_VERSION_RECOVERY_RESYNCS_NEEDED_FILE.done"
+}
+
+function waitForService() {
+  local name=$1
+  local port=$2
+  while ! curl --fail --silent "http://127.0.0.1:$port/status"; do
+    echo "Waiting for $name service to start up"
+    sleep 10
+  done
+}
+
+if [ -f "$DOC_VERSION_RECOVERY_RESYNCS_NEEDED_FILE" ]; then
+  echo "Finished recovery of doc versions. Resyncing history for all projects in the background."
+  resyncAllProjectsInBackground &
+else
+  echo "No recovery of doc versions needed."
+fi
diff --git a/server-ce/hotfix/5.0.2/Dockerfile b/server-ce/hotfix/5.0.2/Dockerfile
new file mode 100644
index 0000000..e5bad9f
--- /dev/null
+++ b/server-ce/hotfix/5.0.2/Dockerfile
@@ -0,0 +1,35 @@
+FROM sharelatex/sharelatex:5.0.1
+
+# Upgrade Node.js to version 18.20.2
+RUN apt-get update \
+&&  apt-get install -y nodejs=18.20.2-1nodesource1 \
+&&  rm -rf /var/lib/apt/lists/*
+
+# Patch: https://github.com/overleaf/internal/pull/17843
+COPY pr_17843.patch .
+RUN patch -p0 < pr_17843.patch \
+&&  rm pr_17843.patch
+
+# Add history utility scripts
+ADD bin/* /overleaf/bin/
+
+# Patch: https://github.com/overleaf/internal/pull/17885
+COPY pr_17885.patch .
+RUN patch -p0 -d /etc/my_init.pre_shutdown.d < pr_17885.patch \
+&&  rm pr_17885.patch
+
+# Recompile frontend for Grammarly patch in 5.0.1
+RUN node genScript compile | bash
+
+# Patch: https://github.com/overleaf/internal/pull/17960
+COPY pr_17960.patch .
+RUN patch -p0 < pr_17960.patch \
+&&  rm pr_17960.patch
+
+# Fix bad ordering of migrations
+RUN mv /overleaf/services/web/migrations/20231219081700_move_doc_versions_from_docops_to_docs.js \
+       /overleaf/services/web/migrations/20231105000000_move_doc_versions_from_docops_to_docs.js
+
+# Add doc versions recovery scripts
+ADD 910_initiate_doc_version_recovery /etc/my_init.d/910_initiate_doc_version_recovery
+ADD recover_doc_versions.js /overleaf/services/history-v1/storage/scripts/recover_doc_versions.js
diff --git a/server-ce/hotfix/5.0.2/bin/flush-history-queues b/server-ce/hotfix/5.0.2/bin/flush-history-queues
new file mode 100755
index 0000000..b54bc55
--- /dev/null
+++ b/server-ce/hotfix/5.0.2/bin/flush-history-queues
@@ -0,0 +1,8 @@
+#!/bin/bash
+
+set -euo pipefail
+
+source /etc/container_environment.sh
+source /etc/overleaf/env.sh
+cd /overleaf/services/project-history
+node scripts/flush_all.js 100000
diff --git a/server-ce/hotfix/5.0.2/bin/force-history-resyncs b/server-ce/hotfix/5.0.2/bin/force-history-resyncs
new file mode 100755
index 0000000..389c98a
--- /dev/null
+++ b/server-ce/hotfix/5.0.2/bin/force-history-resyncs
@@ -0,0 +1,8 @@
+#!/bin/bash
+
+set -euo pipefail
+
+source /etc/container_environment.sh
+source /etc/overleaf/env.sh
+cd /overleaf/services/project-history
+node scripts/force_resync.js 1000 force
diff --git a/server-ce/hotfix/5.0.2/pr_17843.patch b/server-ce/hotfix/5.0.2/pr_17843.patch
new file mode 100644
index 0000000..6865b9b
--- /dev/null
+++ b/server-ce/hotfix/5.0.2/pr_17843.patch
@@ -0,0 +1,48 @@
+--- services/project-history/app/js/ErrorRecorder.js
++++ services/project-history/app/js/ErrorRecorder.js
+@@ -210,6 +210,14 @@ export function getFailures(callback) {
+       'Error: bad response from filestore: 404': 'filestore-404',
+       'Error: bad response from filestore: 500': 'filestore-500',
+       'NotFoundError: got a 404 from web api': 'web-api-404',
++      'OError: history store a non-success status code: 413':
++        'history-store-413',
++      'OError: history store a non-success status code: 422':
++        'history-store-422',
++      'OError: history store a non-success status code: 500':
++        'history-store-500',
++      'OError: history store a non-success status code: 503':
++        'history-store-503',
+       'Error: history store a non-success status code: 413':
+         'history-store-413',
+       'Error: history store a non-success status code: 422':
+--- services/project-history/app/js/RetryManager.js
++++ services/project-history/app/js/RetryManager.js
+@@ -20,6 +20,7 @@ const TEMPORARY_FAILURES = [
+
+ const HARD_FAILURES = [
+   'Error: history store a non-success status code: 422',
++  'OError: history store a non-success status code: 422',
+   'OpsOutOfOrderError: project structure version out of order',
+   'OpsOutOfOrderError: project structure version out of order on incoming updates',
+   'OpsOutOfOrderError: doc version out of order',
+--- services/project-history/scripts/clear_deleted_history.js
++++ services/project-history/scripts/clear_deleted_history.js
+@@ -143,7 +143,7 @@ function checkAndClear(project, callback) {
+ // find all the broken projects from the failure records
+ async function main() {
+   const results = await db.projectHistoryFailures
+-    .find({ error: 'Error: history store a non-success status code: 422' })
++    .find({ error: /history store a non-success status code: 422/ })
+     .toArray()
+
+   console.log('number of queues without history store 442 =', results.length)
+--- services/project-history/scripts/force_resync.js
++++ services/project-history/scripts/force_resync.js
+@@ -198,6 +198,7 @@ function checkAndClear(project, callback) {
+ // find all the broken projects from the failure records
+ const errorsToResync = [
+   'Error: history store a non-success status code: 422',
++  'OError: history store a non-success status code: 422',
+   'OpsOutOfOrderError: project structure version out of order',
+ ]
+
diff --git a/server-ce/hotfix/5.0.2/pr_17885.patch b/server-ce/hotfix/5.0.2/pr_17885.patch
new file mode 100644
index 0000000..0e7d326
--- /dev/null
+++ b/server-ce/hotfix/5.0.2/pr_17885.patch
@@ -0,0 +1,33 @@
+--- 00_close_site
++++ 00_close_site
+@@ -1,5 +1,8 @@
+ #!/bin/sh
+
++. /etc/container_environment.sh
++. /etc/overleaf/env.sh
++
+ SITE_MAINTENANCE_FILE_BAK="$SITE_MAINTENANCE_FILE.bak.shutdown"
+
+ mv "${SITE_MAINTENANCE_FILE}" "${SITE_MAINTENANCE_FILE_BAK}"
+--- 01_flush_document_updater
++++ 01_flush_document_updater
+@@ -1,5 +1,8 @@
+ #!/bin/sh
+
++. /etc/container_environment.sh
++. /etc/overleaf/env.sh
++
+ cd /overleaf/services/document-updater && node scripts/flush_all.js >> /var/log/overleaf/document-updater.log 2>&1
+
+ EXIT_CODE="$?"
+--- 02_flush_project_history
++++ 02_flush_project_history
+@@ -1,5 +1,8 @@
+ #!/bin/sh
+
++. /etc/container_environment.sh
++. /etc/overleaf/env.sh
++
+ cd /overleaf/services/project-history && node scripts/flush_all.js >> /var/log/overleaf/project-history.log 2>&1
+
+ EXIT_CODE="$?"
diff --git a/server-ce/hotfix/5.0.2/pr_17960.patch b/server-ce/hotfix/5.0.2/pr_17960.patch
new file mode 100644
index 0000000..9a04321
--- /dev/null
+++ b/server-ce/hotfix/5.0.2/pr_17960.patch
@@ -0,0 +1,32 @@
+diff --git a/services/project-history/scripts/force_resync.js b/services/project-history/scripts/force_resync.js
+index 5e77b35826..13e7d3cd5c 100755
+--- services/project-history/scripts/force_resync.js
++++ services/project-history/scripts/force_resync.js
+@@ -77,7 +77,7 @@ function checkAndClear(project, callback) {
+   function startResync(cb) {
+     if (force) {
+       console.log('2. starting resync for', projectId)
+-      SyncManager.startResync(projectId, err => {
++      SyncManager.startHardResync(projectId, err => {
+         if (err) {
+           console.log('ERR', JSON.stringify(err.message))
+           return cb(err)
+@@ -195,17 +195,8 @@ function checkAndClear(project, callback) {
+   )
+ }
+
+-// find all the broken projects from the failure records
+-const errorsToResync = [
+-  'Error: history store a non-success status code: 422',
+-  'OError: history store a non-success status code: 422',
+-  'OpsOutOfOrderError: project structure version out of order',
+-]
+-
+ async function main() {
+-  const results = await db.projectHistoryFailures
+-    .find({ error: { $in: errorsToResync } })
+-    .toArray()
++  const results = await db.projectHistoryFailures.find().toArray()
+
+   console.log('number of queues without history store 442 =', results.length)
+   // now check if the project is truly deleted in mongo
diff --git a/server-ce/hotfix/5.0.2/recover_doc_versions.js b/server-ce/hotfix/5.0.2/recover_doc_versions.js
new file mode 100644
index 0000000..32e1dde
--- /dev/null
+++ b/server-ce/hotfix/5.0.2/recover_doc_versions.js
@@ -0,0 +1,243 @@
+const fsPromises = require('fs/promises')
+const { ObjectId } = require('mongodb')
+const BPromise = require('bluebird')
+const logger = require('@overleaf/logger')
+const mongodb = require('../lib/mongodb')
+const { chunkStore } = require('..')
+const Events = require('events')
+
+// Silence warning.
+Events.setMaxListeners(20)
+
+const BATCH_SIZE = 1000
+const OPTIONS = {
+  concurrency: parseInt(process.env.DOC_VERSION_RECOVERY_CONCURRENCY, 10) || 20,
+  force: process.env.DOC_VERSION_RECOVERY_FORCE === 'true',
+  'skip-history-failures':
+    process.env.DOC_VERSION_RECOVERY_SKIP_HISTORY_FAILURES === 'true',
+  'resyncs-needed-file': process.env.DOC_VERSION_RECOVERY_RESYNCS_NEEDED_FILE,
+}
+
+const db = {
+  deletedProjects: mongodb.db.collection('deletedProjects'),
+  docs: mongodb.db.collection('docs'),
+  migrations: mongodb.db.collection('migrations'),
+  projects: mongodb.db.collection('projects'),
+}
+
+const BAD_MIGRATION_NAME =
+  '20231219081700_move_doc_versions_from_docops_to_docs'
+
+let loggingChain = Promise.resolve()
+const projectIdsThatNeedResyncing = []
+
+async function flushLogQueue() {
+  const logPath = OPTIONS['resyncs-needed-file']
+  loggingChain = loggingChain.then(async () => {
+    const batch = projectIdsThatNeedResyncing.splice(0)
+    if (batch.length === 0) return
+    try {
+      await fsPromises.appendFile(logPath, batch.join('\n') + '\n')
+    } catch (err) {
+      projectIdsThatNeedResyncing.push(...batch)
+      logger.err({ err, logPath, batch }, 'Failed to write to log file')
+    }
+  })
+  await loggingChain
+}
+async function recordProjectNeedsResync(projectId) {
+  if (OPTIONS['resyncs-needed-file']) {
+    projectIdsThatNeedResyncing.push(projectId)
+    await flushLogQueue()
+  } else {
+    console.log(`Project ${projectId} needs a hard resync.`)
+  }
+}
+
+async function main() {
+  const badMigration = await db.migrations.findOne({ name: BAD_MIGRATION_NAME })
+  if (OPTIONS.force || badMigration != null) {
+    console.warn('Need to recover doc versions. This will take a while.')
+    await runRecovery()
+  }
+  await db.migrations.deleteOne({ name: BAD_MIGRATION_NAME })
+  console.log('Done.')
+}
+
+async function runRecovery() {
+  let batch = []
+  const summary = {
+    updated: 0,
+    ignored: 0,
+    skipped: 0,
+    deletedUpdated: 0,
+    deletedIgnored: 0,
+  }
+  const processBatchAndLogProgress = async () => {
+    try {
+      await BPromise.map(batch, project => processProject(project, summary), {
+        concurrency: OPTIONS.concurrency,
+      })
+    } finally {
+      console.log(`${summary.updated} projects updated`)
+      console.log(`${summary.ignored} projects had good versions`)
+      console.log(`${summary.deletedUpdated} deleted projects updated`)
+      console.log(
+        `${summary.deletedIgnored} deleted projects had good versions`
+      )
+      console.log(`${summary.skipped} projects skipped`)
+    }
+    batch = []
+  }
+
+  await printDBStats()
+  await touchResyncsNeededFile()
+  for await (const project of getProjects()) {
+    batch.push(project)
+    if (batch.length >= BATCH_SIZE) {
+      await processBatchAndLogProgress()
+    }
+  }
+
+  for await (const deletedProject of getDeletedProjects()) {
+    const project = deletedProject.project
+    project.isDeleted = true
+    batch.push(project)
+    if (batch.length >= BATCH_SIZE) {
+      await processBatchAndLogProgress()
+    }
+  }
+
+  if (batch.length > 0) {
+    await processBatchAndLogProgress()
+  }
+
+  await backfillMissingVersions()
+}
+
+async function printDBStats() {
+  const projects = await db.projects.estimatedDocumentCount()
+  const docs = await db.docs.estimatedDocumentCount()
+  console.log(
+    `Need to check ${projects} projects with a total of ${docs} docs.`
+  )
+}
+
+async function touchResyncsNeededFile() {
+  if (OPTIONS['resyncs-needed-file']) {
+    await fsPromises.appendFile(OPTIONS['resyncs-needed-file'], '')
+  }
+}
+
+function getProjects() {
+  return db.projects.find({}, { projection: { _id: 1, overleaf: 1 } })
+}
+
+function getDeletedProjects() {
+  return db.deletedProjects.find(
+    { project: { $ne: null } },
+    { projection: { 'project._id': 1, 'project.overleaf': 1 } }
+  )
+}
+
+async function processProject(project, summary) {
+  const projectId = project._id.toString()
+  let updated = false
+  try {
+    const historyDocVersions = await getHistoryDocVersions(project)
+
+    for (const { docId, version } of historyDocVersions) {
+      const update = await fixMongoDocVersion(docId, version)
+      if (update != null) {
+        updated = true
+      }
+    }
+
+    if (project.isDeleted) {
+      if (updated) {
+        summary.deletedUpdated += 1
+      } else {
+        summary.deletedIgnored += 1
+      }
+    } else {
+      await recordProjectNeedsResync(projectId)
+      if (updated) {
+        summary.updated += 1
+      } else {
+        summary.ignored += 1
+      }
+    }
+  } catch (err) {
+    logger.error({ err, projectId }, 'Failed to process project')
+    if (OPTIONS['skip-history-failures']) {
+      summary.skipped += 1
+    } else {
+      throw err
+    }
+  }
+}
+
+async function getHistoryDocVersions(project) {
+  const historyId = project.overleaf.history.id
+  const chunk = await chunkStore.loadLatest(historyId)
+  if (chunk == null) {
+    return []
+  }
+
+  const snapshot = chunk.getSnapshot()
+  const changes = chunk.getChanges()
+  snapshot.applyAll(changes)
+  const v2DocVersions = snapshot.getV2DocVersions()
+  if (v2DocVersions == null) {
+    return []
+  }
+  return Object.entries(v2DocVersions.data).map(([docId, versionInfo]) => ({
+    docId,
+    version: versionInfo.v,
+  }))
+}
+
+async function fixMongoDocVersion(docId, historyVersion) {
+  const docBeforeUpdate = await db.docs.findOneAndUpdate(
+    {
+      _id: new ObjectId(docId),
+      $or: [
+        { version: { $lte: historyVersion } },
+        { version: { $exists: false } },
+      ],
+    },
+    { $set: { version: historyVersion + 1 } }
+  )
+  if (docBeforeUpdate != null) {
+    return {
+      previousVersion: docBeforeUpdate.version,
+      newVersion: historyVersion + 1,
+    }
+  } else {
+    return null
+  }
+}
+
+/**
+ * Set all remaining versions to 0
+ */
+async function backfillMissingVersions() {
+  console.log('Defaulting version to 0 for remaining docs.')
+  await db.docs.updateMany(
+    { version: { $exists: false } },
+    { $set: { version: 0 } }
+  )
+}
+
+main()
+  .finally(async () => {
+    console.log('Flushing log queue.')
+    await flushLogQueue()
+  })
+  .then(() => {
+    process.exit(0)
+  })
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
diff --git a/server-ce/hotfix/5.0.3/910_initiate_doc_version_recovery b/server-ce/hotfix/5.0.3/910_initiate_doc_version_recovery
new file mode 100755
index 0000000..b5f9ce2
--- /dev/null
+++ b/server-ce/hotfix/5.0.3/910_initiate_doc_version_recovery
@@ -0,0 +1,51 @@
+#!/bin/bash
+
+set -euo pipefail
+
+source /etc/container_environment.sh
+source /etc/overleaf/env.sh
+
+LOG_FILE=/var/lib/overleaf/data/history/doc-version-recovery.log
+RESYNCS_NEEDED_FILE=/var/lib/overleaf/data/history/doc-version-recovery-resyncs-5.0.3.log
+
+echo "Checking for doc version recovery. This can take a while if needed. Logs are in $LOG_FILE"
+cd /overleaf/services/history-v1
+LOG_LEVEL=info DOC_VERSION_RECOVERY_RESYNCS_NEEDED_FILE="$RESYNCS_NEEDED_FILE" node storage/scripts/recover_doc_versions.js 2>&1 | tee -a "$LOG_FILE"
+
+function resyncAllProjectsInBackground() {
+  waitForService docstore 3016
+  waitForService document-updater 3003
+  waitForService filestore 3009
+  waitForService history-v1 3100
+  waitForService project-history 3054
+  waitForService web-api 4000
+
+  # Resync files that had their versions updated
+  while read -r project_id; do
+    echo "Resyncing project $project_id..."
+    curl -X POST --silent "http://127.0.0.1:3054/project/$project_id/resync?force=true"
+  done < "$RESYNCS_NEEDED_FILE"
+
+  # Resync files that have broken histories
+  /overleaf/bin/force-history-resyncs
+
+  echo "Finished resyncing history for all projects. Adding .done suffix to log file"
+  mv "$RESYNCS_NEEDED_FILE" "$RESYNCS_NEEDED_FILE.done"
+}
+
+function waitForService() {
+  local name=$1
+  local port=$2
+  while ! curl --fail --silent "http://127.0.0.1:$port/status"; do
+    echo "Waiting for $name service to start up"
+    sleep 10
+  done
+}
+
+if [ -f "$RESYNCS_NEEDED_FILE" ]; then
+  echo "Finished recovery of doc versions. Resyncing history for all projects in the background."
+  resyncAllProjectsInBackground &
+else
+  echo "No recovery of doc versions needed."
+fi
+
diff --git a/server-ce/hotfix/5.0.3/Dockerfile b/server-ce/hotfix/5.0.3/Dockerfile
new file mode 100644
index 0000000..79be043
--- /dev/null
+++ b/server-ce/hotfix/5.0.3/Dockerfile
@@ -0,0 +1,7 @@
+FROM sharelatex/sharelatex:5.0.2-RC6
+
+# Patch: https://github.com/overleaf/internal/pull/18065
+RUN npm install @overleaf/redis-wrapper @overleaf/settings -w services/history-v1
+ADD 910_initiate_doc_version_recovery /etc/my_init.d/910_initiate_doc_version_recovery
+COPY pr_18065.patch .
+RUN patch -p0 < pr_18065.patch && rm pr_18065.patch
diff --git a/server-ce/hotfix/5.0.3/pr_18065.patch b/server-ce/hotfix/5.0.3/pr_18065.patch
new file mode 100644
index 0000000..4fe440f
--- /dev/null
+++ b/server-ce/hotfix/5.0.3/pr_18065.patch
@@ -0,0 +1,307 @@
+--- services/history-v1/storage/scripts/recover_doc_versions.js
++++ services/history-v1/storage/scripts/recover_doc_versions.js
+@@ -2,6 +2,10 @@ const fsPromises = require('fs/promises')
+ const { ObjectId } = require('mongodb')
+ const BPromise = require('bluebird')
+ const logger = require('@overleaf/logger')
++const Settings = require('@overleaf/settings')
++const rclient = require('@overleaf/redis-wrapper').createClient(
++  Settings.redis.documentupdater
++)
+ const mongodb = require('../lib/mongodb')
+ const { chunkStore } = require('..')
+ const Events = require('events')
+@@ -28,8 +32,14 @@ const db = {
+ const BAD_MIGRATION_NAME =
+   '20231219081700_move_doc_versions_from_docops_to_docs'
+
++const RECOVERY_FILES_502 = [
++  '/var/lib/overleaf/data/history/doc-version-recovery-resyncs.log',
++  '/var/lib/overleaf/data/history/doc-version-recovery-resyncs.log.done',
++]
++
+ let loggingChain = Promise.resolve()
+ const projectIdsThatNeedResyncing = []
++const unflushedDocIds = new Set()
+
+ async function flushLogQueue() {
+   const logPath = OPTIONS['resyncs-needed-file']
+@@ -55,23 +65,67 @@ async function recordProjectNeedsResync(projectId) {
+ }
+
+ async function main() {
++  const recovery502Ran = await did502RecoveryRun()
++  await getUnflushedDocIds()
+   const badMigration = await db.migrations.findOne({ name: BAD_MIGRATION_NAME })
+-  if (OPTIONS.force || badMigration != null) {
++
++  if (unflushedDocIds.size > 0 && !recovery502Ran && badMigration != null) {
++    // Tell customers that they need to flush
++    console.log(`
++--------------------------------------------------------------------
++Detected unflushed changes while recovering doc versions.
++Please go back to version 5.0.1 and follow the recovery procedure
++for flushing document updates:
++
++https://github.com/overleaf/overleaf/wiki/Doc-version-recovery
++--------------------------------------------------------------------`)
++    process.exit(1)
++  }
++
++  if (OPTIONS.force || recovery502Ran || badMigration != null) {
+     console.warn('Need to recover doc versions. This will take a while.')
+     await runRecovery()
++    await db.migrations.deleteOne({ name: BAD_MIGRATION_NAME })
++    await delete502RecoveryFiles()
+   }
+-  await db.migrations.deleteOne({ name: BAD_MIGRATION_NAME })
++
+   console.log('Done.')
+ }
+
++async function did502RecoveryRun() {
++  for (const file of RECOVERY_FILES_502) {
++    try {
++      await fsPromises.stat(file)
++      return true
++    } catch (err) {
++      // file doesn't exist. continue
++    }
++  }
++  return false
++}
++
++async function delete502RecoveryFiles() {
++  for (const file of RECOVERY_FILES_502) {
++    try {
++      await fsPromises.rename(file, file.replace('.log', '-5.0.2.log'))
++    } catch (err) {
++      // file doesn't exist. continue
++    }
++  }
++}
++
+ async function runRecovery() {
+   let batch = []
+   const summary = {
+-    updated: 0,
+     ignored: 0,
+     skipped: 0,
+-    deletedUpdated: 0,
++    deletedUpdatedMongo: 0,
++    deletedUpdatedRedis: 0,
++    deletedUpdatedBoth: 0,
+     deletedIgnored: 0,
++    updatedMongo: 0,
++    updatedRedis: 0,
++    updatedBoth: 0,
+   }
+   const processBatchAndLogProgress = async () => {
+     try {
+@@ -79,9 +133,21 @@ async function runRecovery() {
+         concurrency: OPTIONS.concurrency,
+       })
+     } finally {
+-      console.log(`${summary.updated} projects updated`)
++      console.log(`${summary.updatedRedis} projects updated in Redis`)
++      console.log(`${summary.updatedMongo} projects updated in Mongo`)
++      console.log(
++        `${summary.updatedBoth} projects updated in both Mongo and Redis`
++      )
+       console.log(`${summary.ignored} projects had good versions`)
+-      console.log(`${summary.deletedUpdated} deleted projects updated`)
++      console.log(
++        `${summary.deletedUpdatedMongo} deleted projects updated in Mongo`
++      )
++      console.log(
++        `${summary.deletedUpdatedRedis} deleted projects updated in Redis`
++      )
++      console.log(
++        `${summary.deletedUpdatedBoth} deleted projects updated in both Mongo and Redis`
++      )
+       console.log(
+         `${summary.deletedIgnored} deleted projects had good versions`
+       )
+@@ -91,7 +157,7 @@ async function runRecovery() {
+   }
+
+   await printDBStats()
+-  await touchResyncsNeededFile()
++  await initResyncsNeededFile()
+   for await (const project of getProjects()) {
+     batch.push(project)
+     if (batch.length >= BATCH_SIZE) {
+@@ -115,17 +181,38 @@ async function runRecovery() {
+   await backfillMissingVersions()
+ }
+
++async function getUnflushedDocIds() {
++  const batchSize = 1000
++  let cursor = '0'
++  do {
++    const [newCursor, keys] = await rclient.scan(
++      cursor,
++      'MATCH',
++      Settings.redis.documentupdater.key_schema.docVersion({ doc_id: '*' }),
++      'COUNT',
++      batchSize
++    )
++    for (const key of keys) {
++      unflushedDocIds.add(key.slice('DocVersion:'.length))
++    }
++    cursor = newCursor
++  } while (cursor !== '0')
++}
++
+ async function printDBStats() {
+   const projects = await db.projects.estimatedDocumentCount()
++  const deletedProjects = await db.deletedProjects.countDocuments()
+   const docs = await db.docs.estimatedDocumentCount()
+   console.log(
+-    `Need to check ${projects} projects with a total of ${docs} docs.`
++    `Need to check ${projects} projects and up-to ${deletedProjects} deleted projects with a total of ${docs} docs.`
+   )
+ }
+
+-async function touchResyncsNeededFile() {
+-  if (OPTIONS['resyncs-needed-file']) {
+-    await fsPromises.appendFile(OPTIONS['resyncs-needed-file'], '')
++async function initResyncsNeededFile() {
++  const logPath = OPTIONS['resyncs-needed-file']
++  if (logPath) {
++    await fsPromises.writeFile(logPath, '')
++    await fsPromises.rm(`${logPath}.done`, { force: true })
+   }
+ }
+
+@@ -135,34 +222,47 @@ function getProjects() {
+
+ function getDeletedProjects() {
+   return db.deletedProjects.find(
+-    { project: { $ne: null } },
++    { 'project.overleaf.history.id': { $exists: true } },
+     { projection: { 'project._id': 1, 'project.overleaf': 1 } }
+   )
+ }
+
+ async function processProject(project, summary) {
+   const projectId = project._id.toString()
+-  let updated = false
++  let updatedMongo = false
++  let updatedRedis = false
+   try {
+     const historyDocVersions = await getHistoryDocVersions(project)
+
+     for (const { docId, version } of historyDocVersions) {
+-      const update = await fixMongoDocVersion(docId, version)
++      const update = await fixDocVersion(docId, version)
+       if (update != null) {
+-        updated = true
++        if (update.in === 'mongo') {
++          updatedMongo = true
++        } else if (update.in === 'redis') {
++          updatedRedis = true
++        }
+       }
+     }
+
+     if (project.isDeleted) {
+-      if (updated) {
+-        summary.deletedUpdated += 1
++      if (updatedMongo && updatedRedis) {
++        summary.deletedUpdatedBoth += 1
++      } else if (updatedMongo) {
++        summary.deletedUpdatedMongo += 1
++      } else if (updatedRedis) {
++        summary.deletedUpdatedRedis += 1
+       } else {
+         summary.deletedIgnored += 1
+       }
+     } else {
+       await recordProjectNeedsResync(projectId)
+-      if (updated) {
+-        summary.updated += 1
++      if (updatedMongo && updatedRedis) {
++        summary.updatedBoth += 1
++      } else if (updatedMongo) {
++        summary.updatedMongo += 1
++      } else if (updatedRedis) {
++        summary.updatedRedis += 1
+       } else {
+         summary.ignored += 1
+       }
+@@ -197,25 +297,61 @@ async function getHistoryDocVersions(project) {
+   }))
+ }
+
+-async function fixMongoDocVersion(docId, historyVersion) {
+-  const docBeforeUpdate = await db.docs.findOneAndUpdate(
+-    {
+-      _id: new ObjectId(docId),
+-      $or: [
+-        { version: { $lte: historyVersion } },
+-        { version: { $exists: false } },
+-      ],
+-    },
+-    { $set: { version: historyVersion + 1 } }
+-  )
+-  if (docBeforeUpdate != null) {
++async function fixDocVersion(docId, historyVersion) {
++  const redisVersion = await getRedisDocVersion(docId)
++  if (redisVersion != null && historyVersion >= redisVersion) {
++    await setRedisDocVersion(docId, historyVersion + 1)
+     return {
+-      previousVersion: docBeforeUpdate.version,
++      in: 'redis',
++      previousVersion: redisVersion,
+       newVersion: historyVersion + 1,
+     }
+   } else {
++    const docBeforeUpdate = await db.docs.findOneAndUpdate(
++      {
++        _id: new ObjectId(docId),
++        $or: [
++          { version: { $lte: historyVersion } },
++          { version: { $exists: false } },
++        ],
++      },
++      { $set: { version: historyVersion + 1 } },
++      { projection: { _id: 1, version: 1 } }
++    )
++
++    if (docBeforeUpdate != null) {
++      return {
++        in: 'mongo',
++        previousVersion: docBeforeUpdate.version,
++        newVersion: historyVersion + 1,
++      }
++    } else {
++      return null
++    }
++  }
++}
++
++async function getRedisDocVersion(docId) {
++  if (!unflushedDocIds.has(docId)) {
+     return null
+   }
++  const result = await rclient.get(
++    Settings.redis.documentupdater.key_schema.docVersion({ doc_id: docId })
++  )
++  if (result == null) {
++    return null
++  }
++  return parseInt(result, 10)
++}
++
++async function setRedisDocVersion(docId, version) {
++  const multi = rclient.multi()
++  multi.set(
++    Settings.redis.documentupdater.key_schema.docVersion({ doc_id: docId }),
++    version
++  )
++  multi.set(`UnflushedTime:{${docId}}`, Date.now(), 'NX')
++  await multi.exec()
+ }
+
+ /**
diff --git a/server-ce/hotfix/5.0.4/Dockerfile b/server-ce/hotfix/5.0.4/Dockerfile
new file mode 100644
index 0000000..e5def9d
--- /dev/null
+++ b/server-ce/hotfix/5.0.4/Dockerfile
@@ -0,0 +1,30 @@
+FROM sharelatex/sharelatex:5.0.3
+
+# apply an override to the swagger-tools package to force security updates to multer and qs
+# from https://github.com/overleaf/internal/pull/18433
+COPY pr_18433.patch .
+RUN patch -p1 < pr_18433.patch && rm pr_18433.patch
+RUN npm install --include-workspace-root -w services/history-v1 swagger-tools@0.10.4 && rm -rf /root/.cache /root/.npm $(find /tmp/ -mindepth 1 -maxdepth 1)
+
+# remove google-cloud packages which are unused in server-pro have a vulnerable dependency
+RUN npm uninstall -w libraries/logger @google-cloud/logging-bunyan
+RUN npm uninstall -w libraries/metrics @google-cloud/opentelemetry-cloud-trace-exporter @google-cloud/profiler
+
+# the passport-twitter package has been removed from the monorepo
+RUN npm uninstall -w services/web passport-twitter
+
+# remove the unused services/web/scripts/translations directory
+RUN rm -r services/web/scripts/translations
+
+# Validate URL protocol before opening from Visual Editor tooltip
+# from https://github.com/overleaf/internal/pull/18393
+COPY pr_18393.patch .
+RUN patch -p1 < pr_18393.patch && rm pr_18393.patch
+
+# Set isEvalSupported to false when loading a PDF document
+# from https://github.com/overleaf/internal/pull/18444
+COPY pr_18444.patch .
+RUN patch -p1 < pr_18444.patch && rm pr_18444.patch
+
+# ensure that the vulnerability audit is run after all changes
+RUN npm audit --audit-level=high
diff --git a/server-ce/hotfix/5.0.4/pr_18393.patch b/server-ce/hotfix/5.0.4/pr_18393.patch
new file mode 100644
index 0000000..13da910
--- /dev/null
+++ b/server-ce/hotfix/5.0.4/pr_18393.patch
@@ -0,0 +1,111 @@
+diff --git a/services/web/frontend/js/features/source-editor/components/command-tooltip/href-tooltip.tsx b/services/web/frontend/js/features/source-editor/components/command-tooltip/href-tooltip.tsx
+index a0d681d9cb5..2f9a4333cd6 100644
+--- a/services/web/frontend/js/features/source-editor/components/command-tooltip/href-tooltip.tsx
++++ b/services/web/frontend/js/features/source-editor/components/command-tooltip/href-tooltip.tsx
+@@ -17,6 +17,7 @@ import {
+ import { Button, ControlLabel, FormControl, FormGroup } from 'react-bootstrap'
+ import Icon from '../../../../shared/components/icon'
+ import { EditorState } from '@codemirror/state'
++import { openURL } from '@/features/source-editor/utils/url'
+ 
+ export const HrefTooltipContent: FC = () => {
+   const state = useCodeMirrorStateContext()
+@@ -108,7 +109,7 @@ export const HrefTooltipContent: FC = () => {
+         className="ol-cm-command-tooltip-link"
+         onClick={() => {
+           // TODO: unescape content
+-          window.open(url, '_blank')
++          openURL(url)
+         }}
+       >
+         <Icon type="external-link" fw />
+diff --git a/services/web/frontend/js/features/source-editor/components/command-tooltip/url-tooltip.tsx b/services/web/frontend/js/features/source-editor/components/command-tooltip/url-tooltip.tsx
+index c51b497de01..632d71dd031 100644
+--- a/services/web/frontend/js/features/source-editor/components/command-tooltip/url-tooltip.tsx
++++ b/services/web/frontend/js/features/source-editor/components/command-tooltip/url-tooltip.tsx
+@@ -9,6 +9,7 @@ import {
+ } from '../../lezer-latex/latex.terms.mjs'
+ import Icon from '../../../../shared/components/icon'
+ import { EditorState } from '@codemirror/state'
++import { openURL } from '@/features/source-editor/utils/url'
+ 
+ export const UrlTooltipContent: FC = () => {
+   const { t } = useTranslation()
+@@ -23,7 +24,7 @@ export const UrlTooltipContent: FC = () => {
+         onClick={() => {
+           const url = readUrl(state)
+           if (url) {
+-            window.open(url, '_blank')
++            openURL(url)
+           }
+         }}
+       >
+diff --git a/services/web/frontend/js/features/source-editor/utils/url.ts b/services/web/frontend/js/features/source-editor/utils/url.ts
+new file mode 100644
+index 00000000000..8bfc9bdeab8
+--- /dev/null
++++ b/services/web/frontend/js/features/source-editor/utils/url.ts
+@@ -0,0 +1,11 @@
++const ALLOWED_PROTOCOLS = ['https:', 'http:']
++
++export const openURL = (content: string) => {
++  const url = new URL(content, document.location.href)
++
++  if (!ALLOWED_PROTOCOLS.includes(url.protocol)) {
++    throw new Error(`Not opening URL with protocol ${url.protocol}`)
++  }
++
++  window.open(url, '_blank')
++}
+diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-command-tooltip.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-command-tooltip.spec.tsx
+index 837f90a64ab..d46b522a116 100644
+--- a/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-command-tooltip.spec.tsx
++++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-command-tooltip.spec.tsx
+@@ -54,8 +54,8 @@ describe('<CodeMirrorEditor/> command tooltip in Visual mode', function () {
+     // open the link
+     cy.findByRole('button', { name: 'Go to page' }).click()
+     cy.get('@window-open').should(
+-      'have.been.calledOnceWithExactly',
+-      'https://example.com',
++      'have.been.calledWithMatch',
++      Cypress.sinon.match.has('href', 'https://example.com/'),
+       '_blank'
+     )
+ 
+@@ -112,8 +112,8 @@ describe('<CodeMirrorEditor/> command tooltip in Visual mode', function () {
+     // open the link
+     cy.findByRole('button', { name: 'Go to page' }).click()
+     cy.get('@window-open').should(
+-      'have.been.calledOnceWithExactly',
+-      'https://example.com',
++      'have.been.calledWithMatch',
++      Cypress.sinon.match.has('href', 'https://example.com/'),
+       '_blank'
+     )
+   })
+diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-tooltips.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-tooltips.spec.tsx
+index c6e28f9eeeb..106a80ba187 100644
+--- a/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-tooltips.spec.tsx
++++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-tooltips.spec.tsx
+@@ -42,8 +42,8 @@ describe('<CodeMirrorEditor/> tooltips in Visual mode', function () {
+       })
+       cy.findByRole('button', { name: 'Go to page' }).click()
+       cy.get('@open-window').should(
+-        'have.been.calledOnceWithExactly',
+-        'https://example.com/foo',
++        'have.been.calledWithMatch',
++        Cypress.sinon.match.has('href', 'https://example.com/foo'),
+         '_blank'
+       )
+       cy.findByRole('button', { name: 'Remove link' }).click()
+@@ -62,8 +62,8 @@ describe('<CodeMirrorEditor/> tooltips in Visual mode', function () {
+       })
+       cy.findByRole('button', { name: 'Go to page' }).click()
+       cy.get('@open-window').should(
+-        'have.been.calledOnceWithExactly',
+-        'https://example.com',
++        'have.been.calledWithMatch',
++        Cypress.sinon.match.has('href', 'https://example.com/'),
+         '_blank'
+       )
+     })
diff --git a/server-ce/hotfix/5.0.4/pr_18433.patch b/server-ce/hotfix/5.0.4/pr_18433.patch
new file mode 100644
index 0000000..1e14f23
--- /dev/null
+++ b/server-ce/hotfix/5.0.4/pr_18433.patch
@@ -0,0 +1,63 @@
+diff --git a/package-lock.json b/package-lock.json
+index b9eba6086b..bb1a5cebaf 100644
+--- a/package-lock.json
++++ b/package-lock.json
+@@ -70674,8 +70674,7 @@
+       "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+     },
+     "multer": {
+-      "version": "1.4.4",
+-      "resolved": "https://registry.npmjs.org/multer/-/multer-1.4.4.tgz",
++      "version": "https://registry.npmjs.org/multer/-/multer-1.4.4.tgz",
+       "integrity": "sha512-2wY2+xD4udX612aMqMcB8Ws2Voq6NIUPEtD1be6m411T4uDH/VtL9i//xvcyFlTVfRdaBsk7hV5tgrGQqhuBiw==",
+       "requires": {
+         "append-field": "^1.0.0",
+@@ -76995,10 +76994,10 @@
+         "js-yaml": "^3.3.1",
+         "json-refs": "^3.0.2",
+         "lodash": "^4.17.4",
+-        "multer": "^1.1.0",
++        "multer": "1.4.5-lts.1",
+         "parseurl": "^1.3.0",
+         "path-to-regexp": "^2.0.0",
+-        "qs": "^6.0.3",
++        "qs": "6.5.3",
+         "serve-static": "^1.10.0",
+         "spark-md5": "^3.0.0",
+         "superagent": "^3.5.2",
+@@ -77035,7 +77034,7 @@
+             "http-errors": "~1.6.2",
+             "iconv-lite": "0.4.19",
+             "on-finished": "~2.3.0",
+-            "qs": "6.5.1",
++            "qs": "6.5.3",
+             "raw-body": "2.3.2",
+             "type-is": "~1.6.15"
+           },
+@@ -77109,8 +77108,7 @@
+           "integrity": "sha512-G6zHoVqC6GGTQkZwF4lkuEyMbVOjoBKAEybQUypI1WTkqinCOrq2x6U2+phkJ1XsEMTy4LjtwPI7HW+NVrRR2w=="
+         },
+         "qs": {
+-          "version": "6.5.1",
+-          "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz",
++          "version": "https://registry.npmjs.org/qs/-/qs-6.5.1.tgz",
+           "integrity": "sha512-eRzhrN1WSINYCDCbrz796z37LOe3m5tmW7RQf6oBntukAG1nmovJvhnwHHRMAfeoItc1m2Hk02WER2aQ/iqs+A=="
+         },
+         "raw-body": {
+diff --git a/package.json b/package.json
+index f092472caf..329d4fc5ce 100644
+--- a/package.json
++++ b/package.json
+@@ -1,6 +1,12 @@
+ {
+   "name": "overleaf",
+   "private": true,
++  "overrides": {
++    "swagger-tools": {
++      "multer": "1.4.5-lts.1",
++      "qs": "6.5.3"
++    }
++  },
+   "dependencies": {
+     "patch-package": "^8.0.0"
+   },
diff --git a/server-ce/hotfix/5.0.4/pr_18444.patch b/server-ce/hotfix/5.0.4/pr_18444.patch
new file mode 100644
index 0000000..6e36129
--- /dev/null
+++ b/server-ce/hotfix/5.0.4/pr_18444.patch
@@ -0,0 +1,41 @@
+diff --git a/services/web/frontend/js/features/file-view/components/file-view-pdf.tsx b/services/web/frontend/js/features/file-view/components/file-view-pdf.tsx
+index 4d3b80bb9a2..3efc61a2199 100644
+--- a/services/web/frontend/js/features/file-view/components/file-view-pdf.tsx
++++ b/services/web/frontend/js/features/file-view/components/file-view-pdf.tsx
+@@ -33,7 +33,10 @@ const FileViewPdf: FC<{
+           return
+         }
+ 
+-        const pdf = await PDFJS.getDocument(preview.url).promise
++        const pdf = await PDFJS.getDocument({
++          url: preview.url,
++          isEvalSupported: false,
++        }).promise
+ 
+         // bail out if loading the PDF took too long
+         if (!mountedRef.current) {
+diff --git a/services/web/frontend/js/features/pdf-preview/util/pdf-js-wrapper.js b/services/web/frontend/js/features/pdf-preview/util/pdf-js-wrapper.js
+index 9b419b1397f..6a92630a215 100644
+--- a/services/web/frontend/js/features/pdf-preview/util/pdf-js-wrapper.js
++++ b/services/web/frontend/js/features/pdf-preview/util/pdf-js-wrapper.js
+@@ -96,6 +96,7 @@ export default class PDFJSWrapper {
+         rangeChunkSize,
+         disableAutoFetch: true,
+         disableStream,
++        isEvalSupported: false,
+         textLayerMode: 2, // PDFJSViewer.TextLayerMode.ENABLE,
+         range: rangeTransport,
+       })
+diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/graphics.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/graphics.ts
+index 7321f9e02b5..f6c744aaec2 100644
+--- a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/graphics.ts
++++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/graphics.ts
+@@ -143,7 +143,7 @@ export class GraphicsWidget extends WidgetType {
+       return
+     }
+ 
+-    const pdf = await PDFJS.getDocument(url).promise
++    const pdf = await PDFJS.getDocument({ url, isEvalSupported: false }).promise
+     const page = await pdf.getPage(1)
+ 
+     // bail out if loading the PDF took too long
diff --git a/server-ce/hotfix/5.0.5/Dockerfile b/server-ce/hotfix/5.0.5/Dockerfile
new file mode 100644
index 0000000..b9ad108
--- /dev/null
+++ b/server-ce/hotfix/5.0.5/Dockerfile
@@ -0,0 +1,12 @@
+FROM sharelatex/sharelatex:5.0.4
+
+# Install dev dependencies as part of "genScript compile"
+COPY pr_18570.patch .
+RUN patch -p1 < pr_18570.patch && rm pr_18570.patch
+
+# Adopted from https://github.com/overleaf/internal/pull/18819
+COPY pr_18819.patch .
+RUN patch -p1 < pr_18819.patch && rm pr_18819.patch
+
+# Recompile frontend assets
+RUN node genScript compile | bash
diff --git a/server-ce/hotfix/5.0.5/pr_18570.patch b/server-ce/hotfix/5.0.5/pr_18570.patch
new file mode 100644
index 0000000..05bc9f5
--- /dev/null
+++ b/server-ce/hotfix/5.0.5/pr_18570.patch
@@ -0,0 +1,30 @@
+--- a/genScript.js
++++ b/genScript.js
+@@ -5,16 +5,26 @@ console.log('set -ex')
+
+ switch (process.argv.pop()) {
+   case 'install':
+-    console.log('npm ci')
++    console.log('npm install --omit=dev')
+     break
+   case 'compile':
+     for (const service of services) {
+       console.log('pushd', `services/${service.name}`)
+       switch (service.name) {
+         case 'web':
++          // Avoid downloading of cypress
++          console.log('export CYPRESS_INSTALL_BINARY=0')
++
++          // install webpack and frontend dependencies
++          console.log('npm install --include=dev')
++          // install misplaced dependencies (fixed via 18389)
++          console.log('pushd ../../ && npm install --include=dev --workspaces=false && popd')
++          // run webpack
+           console.log('npm run webpack:production')
+           // drop webpack/babel cache
+           console.log('rm -rf node_modules/.cache')
++          // uninstall webpack and frontend dependencies
++          console.log('pushd ../../ && npm install --omit=dev && popd')
+           break
+         default:
+           console.log(`echo ${service.name} does not require a compilation`)
diff --git a/server-ce/hotfix/5.0.5/pr_18819.patch b/server-ce/hotfix/5.0.5/pr_18819.patch
new file mode 100644
index 0000000..8352565
--- /dev/null
+++ b/server-ce/hotfix/5.0.5/pr_18819.patch
@@ -0,0 +1,17 @@
+--- a/services/web/frontend/js/features/mathjax/load-mathjax.ts
++++ b/services/web/frontend/js/features/mathjax/load-mathjax.ts
+@@ -64,6 +64,15 @@ export const loadMathJax = async (options?: {
+               .findID('Renderer')
+               .disable()
+           },
++          ready() {
++            window.MathJax.startup.defaultReady()
++            const safe = window.MathJax.startup.document.safe
++            safe.filterAttributes.set('fontfamily', 'filterFontFamily')
++            safe.filterMethods.filterFontFamily = (
++              _safe: any,
++              family: string
++            ) => family.split(/;/)[0]
++          },
+         },
+       }
diff --git a/server-ce/hotfix/5.0.6/Dockerfile b/server-ce/hotfix/5.0.6/Dockerfile
new file mode 100644
index 0000000..1e993dd
--- /dev/null
+++ b/server-ce/hotfix/5.0.6/Dockerfile
@@ -0,0 +1,3 @@
+FROM sharelatex/sharelatex:5.0.5
+
+# Server Pro only hotfix
diff --git a/server-ce/hotfix/5.0.7/Dockerfile b/server-ce/hotfix/5.0.7/Dockerfile
new file mode 100644
index 0000000..cb9c227
--- /dev/null
+++ b/server-ce/hotfix/5.0.7/Dockerfile
@@ -0,0 +1,13 @@
+FROM sharelatex/sharelatex:5.0.6
+
+COPY pr_19293.patch .
+RUN patch -p1 < pr_19293.patch && rm pr_19293.patch
+
+COPY pr_19296.patch .
+RUN patch -p1 < pr_19296.patch && rm pr_19296.patch
+
+COPY pr_19297.patch .
+RUN patch -p1 < pr_19297.patch && rm pr_19297.patch
+
+COPY pr_19071.patch .
+RUN patch -p1 < pr_19071.patch && rm pr_19071.patch
diff --git a/server-ce/hotfix/5.0.7/pr_19071.patch b/server-ce/hotfix/5.0.7/pr_19071.patch
new file mode 100644
index 0000000..2e925e8
--- /dev/null
+++ b/server-ce/hotfix/5.0.7/pr_19071.patch
@@ -0,0 +1,37 @@
+--- a/services/web/app/src/Features/Collaborators/CollaboratorsInviteHandler.js
++++ b/services/web/app/src/Features/Collaborators/CollaboratorsInviteHandler.js
+@@ -7,13 +7,16 @@ const UserGetter = require('../User/UserGetter')
+ const ProjectGetter = require('../Project/ProjectGetter')
+ const Crypto = require('crypto')
+ const NotificationsBuilder = require('../Notifications/NotificationsBuilder')
++const _ = require('lodash')
+
+ const randomBytes = promisify(Crypto.randomBytes)
+
+ const CollaboratorsInviteHandler = {
+   async getAllInvites(projectId) {
+     logger.debug({ projectId }, 'fetching invites for project')
+-    const invites = await ProjectInvite.find({ projectId }).exec()
++    const invites = await ProjectInvite.find({ projectId })
++      .select('_id email sendingUserId projectId privileges createdAt expires')
++      .exec()
+     logger.debug(
+       { projectId, count: invites.length },
+       'found invites for project'
+@@ -101,7 +104,15 @@ const CollaboratorsInviteHandler = {
+       logger.err({ err, projectId, email }, 'error sending messages for invite')
+     })
+
+-    return invite
++    return _.pick(invite.toObject(), [
++      'email',
++      'sendingUserId',
++      'projectId',
++      'privileges',
++      '_id',
++      'createdAt',
++      'expires',
++    ])
+   },
+
+   async revokeInvite(projectId, inviteId) {
diff --git a/server-ce/hotfix/5.0.7/pr_19293.patch b/server-ce/hotfix/5.0.7/pr_19293.patch
new file mode 100644
index 0000000..3a9c7d0
--- /dev/null
+++ b/server-ce/hotfix/5.0.7/pr_19293.patch
@@ -0,0 +1,17 @@
+--- a/services/clsi/app/js/StaticServerForbidSymlinks.js
++++ b/services/clsi/app/js/StaticServerForbidSymlinks.js
+@@ -25,9 +25,13 @@ module.exports = ForbidSymlinks = function (staticFn, root, options) {
+     let file, projectId, result
+     const path = req.url
+     // check that the path is of the form /project_id_or_name/path/to/file.log
+-    if ((result = path.match(/^\/?([a-zA-Z0-9_-]+)\/(.*)/))) {
++    if ((result = path.match(/^\/([a-zA-Z0-9_-]+)\/(.*)$/s))) {
+       projectId = result[1]
+       file = result[2]
++      if (path !== `/${projectId}/${file}`) {
++        logger.warn({ path }, 'unrecognized file request')
++        return res.sendStatus(404)
++      }
+     } else {
+       logger.warn({ path }, 'unrecognized file request')
+       return res.sendStatus(404)
diff --git a/server-ce/hotfix/5.0.7/pr_19296.patch b/server-ce/hotfix/5.0.7/pr_19296.patch
new file mode 100644
index 0000000..578c488
--- /dev/null
+++ b/server-ce/hotfix/5.0.7/pr_19296.patch
@@ -0,0 +1,22 @@
+--- a/services/clsi/app/js/LatexRunner.js
++++ b/services/clsi/app/js/LatexRunner.js
+@@ -110,11 +110,14 @@ function _writeLogOutput(projectId, directory, output, callback) {
+   // internal method for writing non-empty log files
+   function _writeFile(file, content, cb) {
+     if (content && content.length > 0) {
+-      fs.writeFile(file, content, err => {
+-        if (err) {
+-          logger.error({ err, projectId, file }, 'error writing log file') // don't fail on error
+-        }
+-        cb()
++      fs.unlink(file, () => {
++        fs.writeFile(file, content, { flag: 'wx' }, err => {
++          if (err) {
++            // don't fail on error
++            logger.error({ err, projectId, file }, 'error writing log file')
++          }
++          cb()
++        })
+       })
+     } else {
+       cb()
diff --git a/server-ce/hotfix/5.0.7/pr_19297.patch b/server-ce/hotfix/5.0.7/pr_19297.patch
new file mode 100644
index 0000000..2e46183
--- /dev/null
+++ b/server-ce/hotfix/5.0.7/pr_19297.patch
@@ -0,0 +1,70 @@
+--- a/services/web/app/src/Features/Spelling/SpellingController.js
++++ b/services/web/app/src/Features/Spelling/SpellingController.js
+@@ -28,39 +28,35 @@ module.exports = {
+     })
+   },
+
+-  proxyRequestToSpellingApi(req, res) {
++  proxyCheckRequestToSpellingApi(req, res) {
+     const { language } = req.body
+
+-    let url = req.url.slice('/spelling'.length)
+-
+-    if (url === '/check') {
+-      if (!language) {
+-        logger.error('"language" field should be included for spell checking')
+-        return res.status(422).json({ misspellings: [] })
+-      }
++    if (!language) {
++      logger.error({}, '"language" field should be included for spell checking')
++      return res.status(422).json({ misspellings: [] })
++    }
+
+-      if (!languageCodeIsSupported(language)) {
+-        // this log statement can be changed to 'error' once projects with
+-        // unsupported languages are removed from the DB
+-        logger.debug({ language }, 'language not supported')
+-        return res.status(422).json({ misspellings: [] })
+-      }
++    if (!languageCodeIsSupported(language)) {
++      // this log statement can be changed to 'error' once projects with
++      // unsupported languages are removed from the DB
++      logger.debug({ language }, 'language not supported')
++      return res.status(422).json({ misspellings: [] })
+     }
+
+     const userId = SessionManager.getLoggedInUserId(req.session)
+-    url = `/user/${userId}${url}`
++    const url = `${Settings.apis.spelling.url}/user/${userId}/check`
+     req.headers.Host = Settings.apis.spelling.host
+     return request({
+-      url: Settings.apis.spelling.url + url,
+-      method: req.method,
++      url,
++      method: 'POST',
+       headers: req.headers,
+       json: req.body,
+       timeout: TEN_SECONDS,
+     })
+       .on('error', function (error) {
+-        logger.error({ err: error }, 'Spelling API error')
++        logger.error({ err: error }, 'Spelling Check API error')
+         return res.status(500).end()
+       })
+       .pipe(res)
+   },
+-}
++}
+\ No newline at end of file
+
+--- a/services/web/app/src/router.js
++++ b/services/web/app/src/router.js
+@@ -1083,7 +1083,7 @@ function initialize(webRouter, privateApiRouter, publicApiRouter) {
+   webRouter.post(
+     '/spelling/check',
+     AuthenticationController.requireLogin(),
+-    SpellingController.proxyRequestToSpellingApi
++    SpellingController.proxyCheckRequestToSpellingApi
+   )
+   webRouter.post(
+     '/spelling/learn',
diff --git a/server-ce/hotfix/5.1.1/Dockerfile b/server-ce/hotfix/5.1.1/Dockerfile
new file mode 100644
index 0000000..5936808
--- /dev/null
+++ b/server-ce/hotfix/5.1.1/Dockerfile
@@ -0,0 +1,20 @@
+FROM sharelatex/sharelatex:5.1.0
+
+# Confirmation email fix
+COPY pr_19676.patch .
+RUN patch -p1 < pr_19676.patch && rm pr_19676.patch
+
+# Fix crash on on invalid URLs
+COPY pr_19612.patch .
+RUN patch -p1 < pr_19612.patch && rm pr_19612.patch
+
+# Remove Editor Resources check from launchpad
+COPY pr_19543.patch .
+RUN patch -p1 < pr_19543.patch && rm pr_19543.patch
+
+COPY pr_19550.patch .
+RUN patch -p1 < pr_19550.patch && rm pr_19550.patch
+
+COPY is_19575.patch /etc/nginx/sites-enabled/
+RUN cd /etc/nginx/sites-enabled && patch -p0 < is_19575.patch && rm is_19575.patch
+
diff --git a/server-ce/hotfix/5.1.1/is_19575.patch b/server-ce/hotfix/5.1.1/is_19575.patch
new file mode 100644
index 0000000..ca78ae5
--- /dev/null
+++ b/server-ce/hotfix/5.1.1/is_19575.patch
@@ -0,0 +1,19 @@
+--- overleaf.conf
++++ overleaf.conf
+@@ -67,6 +67,16 @@ server {
+ 		proxy_http_version 1.1;
+   }
+
++  # block external access to metrics
++  location ~* ^/metrics/?$ {
++    return 404 'Not found';
++  }
++
++  # block external access to all health checks /health_check, /health_check/full, etc
++  location ~* ^/health_check {
++    return 404 'Not found';
++  }
++
+   # Load any extra configuration for this vhost
+   include /etc/nginx/vhost-extras/overleaf/*.conf;
+ }
diff --git a/server-ce/hotfix/5.1.1/pr_19543.patch b/server-ce/hotfix/5.1.1/pr_19543.patch
new file mode 100644
index 0000000..77e2b11
--- /dev/null
+++ b/server-ce/hotfix/5.1.1/pr_19543.patch
@@ -0,0 +1,30 @@
+diff --git a/services/web/locales/en.json b/services/web/locales/en.json
+index a953a01a1d7..13e20b37279 100644
+--- a/services/web/locales/en.json
++++ b/services/web/locales/en.json
+@@ -519,7 +519,6 @@
+   "editor_disconected_click_to_reconnect": "Editor disconnected, click anywhere to reconnect.",
+   "editor_limit_exceeded_in_this_project": "Too many editors in this project",
+   "editor_only_hide_pdf": "Editor only <0>(hide PDF)</0>",
+-  "editor_resources": "Editor Resources",
+   "editor_theme": "Editor theme",
+   "educational_discount_applied": "40% educational discount applied!",
+   "educational_discount_available_for_groups_of_ten_or_more": "The educational discount is available for groups of 10 or more",
+diff --git a/services/web/modules/launchpad/app/views/launchpad.pug b/services/web/modules/launchpad/app/views/launchpad.pug
+index c478fe7b649..28d3ff8fc83 100644
+--- a/services/web/modules/launchpad/app/views/launchpad.pug
++++ b/services/web/modules/launchpad/app/views/launchpad.pug
+@@ -166,13 +166,6 @@ block content
+
+ 											h2 #{translate('status_checks')}
+
+-											<!-- ide js -->
+-											.row.row-spaced-small
+-												.col-sm-5
+-													| #{translate('editor_resources')}
+-												.col-sm-7
+-													+launchpad-check('ide')
+-
+ 											<!-- websocket -->
+ 											.row.row-spaced-small
+ 												.col-sm-5
diff --git a/server-ce/hotfix/5.1.1/pr_19550.patch b/server-ce/hotfix/5.1.1/pr_19550.patch
new file mode 100644
index 0000000..f52a5dd
--- /dev/null
+++ b/server-ce/hotfix/5.1.1/pr_19550.patch
@@ -0,0 +1,59 @@
+diff --git a/services/web/app/src/infrastructure/CSP.js b/services/web/app/src/infrastructure/CSP.js
+index 28f4f380d3d..abc11c59a48 100644
+--- a/services/web/app/src/infrastructure/CSP.js
++++ b/services/web/app/src/infrastructure/CSP.js
+@@ -6,6 +6,7 @@ module.exports = function ({
+   reportPercentage,
+   reportOnly = false,
+   exclude = [],
++  viewDirectives = {},
+ }) {
+   const header = reportOnly
+     ? 'Content-Security-Policy-Report-Only'
+@@ -33,7 +34,12 @@ module.exports = function ({
+
+         res.locals.scriptNonce = scriptNonce
+
+-        const policy = buildViewPolicy(scriptNonce, reportPercentage, reportUri)
++        const policy = buildViewPolicy(
++          scriptNonce,
++          reportPercentage,
++          reportUri,
++          viewDirectives[view]
++        )
+
+         // Note: https://csp-evaluator.withgoogle.com/ is useful for checking the policy
+
+@@ -68,11 +74,17 @@ const buildDefaultPolicy = (reportUri, styleSrc) => {
+   return directives.join('; ')
+ }
+
+-const buildViewPolicy = (scriptNonce, reportPercentage, reportUri) => {
++const buildViewPolicy = (
++  scriptNonce,
++  reportPercentage,
++  reportUri,
++  viewDirectives
++) => {
+   const directives = [
+     `script-src 'nonce-${scriptNonce}' 'unsafe-inline' 'strict-dynamic' https: 'report-sample'`, // only allow scripts from certain sources
+     `object-src 'none'`, // forbid loading an "object" element
+     `base-uri 'none'`, // forbid setting a "base" element
++    ...(viewDirectives ?? []),
+   ]
+
+   if (reportUri) {
+diff --git a/services/web/config/settings.defaults.js b/services/web/config/settings.defaults.js
+index cad13ab8156..ab738babdcd 100644
+--- a/services/web/config/settings.defaults.js
++++ b/services/web/config/settings.defaults.js
+@@ -911,6 +911,9 @@ module.exports = {
+     reportPercentage: parseFloat(process.env.CSP_REPORT_PERCENTAGE) || 0,
+     reportUri: process.env.CSP_REPORT_URI,
+     exclude: [],
++    viewDirectives: {
++      'app/views/project/ide-react': [`img-src 'self' data: blob:`],
++    },
+   },
+
+   unsupportedBrowsers: {
diff --git a/server-ce/hotfix/5.1.1/pr_19612.patch b/server-ce/hotfix/5.1.1/pr_19612.patch
new file mode 100644
index 0000000..3f46f92
--- /dev/null
+++ b/server-ce/hotfix/5.1.1/pr_19612.patch
@@ -0,0 +1,46 @@
+diff --git a/services/web/app/src/Features/HealthCheck/HealthCheckController.js b/services/web/app/src/Features/HealthCheck/HealthCheckController.js
+index 278f04bb767..ff074cfa816 100644
+--- a/services/web/app/src/Features/HealthCheck/HealthCheckController.js
++++ b/services/web/app/src/Features/HealthCheck/HealthCheckController.js
+@@ -45,6 +45,10 @@ module.exports = {
+         logger.err({ err }, 'failed api redis health check')
+         return res.sendStatus(500)
+       }
++      if (!settings.smokeTest.userId) {
++        logger.err({}, 'smokeTest.userId is undefined in health check')
++        return res.sendStatus(404)
++      }
+       UserGetter.getUserEmail(settings.smokeTest.userId, (err, email) => {
+         if (err) {
+           logger.err({ err }, 'failed api mongo health check')
+diff --git a/services/web/app/src/infrastructure/ExpressLocals.js b/services/web/app/src/infrastructure/ExpressLocals.js
+index 5f14977d3a3..2e9ed4f1ebb 100644
+--- a/services/web/app/src/infrastructure/ExpressLocals.js
++++ b/services/web/app/src/infrastructure/ExpressLocals.js
+@@ -11,6 +11,7 @@ const Features = require('./Features')
+ const SessionManager = require('../Features/Authentication/SessionManager')
+ const PackageVersions = require('./PackageVersions')
+ const Modules = require('./Modules')
++const Errors = require('../Features/Errors/Errors')
+ const {
+   canRedirectToAdminDomain,
+   hasAdminAccess,
+@@ -236,10 +237,14 @@ module.exports = function (webRouter, privateApiRouter, publicApiRouter) {
+
+     // Don't include the query string parameters, otherwise Google
+     // treats ?nocdn=true as the canonical version
+-    const parsedOriginalUrl = new URL(req.originalUrl, Settings.siteUrl)
+-    res.locals.currentUrl = parsedOriginalUrl.pathname
+-    res.locals.currentUrlWithQueryParams =
+-      parsedOriginalUrl.pathname + parsedOriginalUrl.search
++    try {
++      const parsedOriginalUrl = new URL(req.originalUrl, Settings.siteUrl)
++      res.locals.currentUrl = parsedOriginalUrl.pathname
++      res.locals.currentUrlWithQueryParams =
++        parsedOriginalUrl.pathname + parsedOriginalUrl.search
++    } catch (err) {
++      return next(new Errors.InvalidError())
++    }
+     res.locals.capitalize = function (string) {
+       if (string.length === 0) {
+         return ''
diff --git a/server-ce/hotfix/5.1.1/pr_19676.patch b/server-ce/hotfix/5.1.1/pr_19676.patch
new file mode 100644
index 0000000..287ee78
--- /dev/null
+++ b/server-ce/hotfix/5.1.1/pr_19676.patch
@@ -0,0 +1,26 @@
+diff --git a/services/web/app/src/Features/Email/EmailBuilder.js b/services/web/app/src/Features/Email/EmailBuilder.js
+index 46d014a8e14..d839d67f634 100644
+--- a/services/web/app/src/Features/Email/EmailBuilder.js
++++ b/services/web/app/src/Features/Email/EmailBuilder.js
+@@ -234,7 +234,7 @@ templates.confirmEmail = ctaTemplate({
+   },
+   secondaryMessage() {
+     return [
+-      'If you did not request this, please let us know at <a href="mailto:support@overleaf.com">support@overleaf.com</a>.',
++      `If you did not request this, please let us know at <a href="mailto:${settings.adminEmail}">${settings.adminEmail}</a>.`,
+       `If you have any questions or trouble confirming your email address, please get in touch with our support team at ${settings.adminEmail}.`,
+     ]
+   },
+diff --git a/services/web/app/src/Features/User/UserRegistrationHandler.js b/services/web/app/src/Features/User/UserRegistrationHandler.js
+index 2802fdc81c5..02c52f73fd2 100644
+--- a/services/web/app/src/Features/User/UserRegistrationHandler.js
++++ b/services/web/app/src/Features/User/UserRegistrationHandler.js
+@@ -113,7 +113,7 @@ const UserRegistrationHandler = {
+
+     const setNewPasswordUrl = `${settings.siteUrl}/user/activate?token=${token}&user_id=${user._id}`
+
+-    EmailHandler.promises
++    await EmailHandler.promises
+       .sendEmail('registered', {
+         to: user.email,
+         setNewPasswordUrl,
diff --git a/server-ce/hotfix/5.2.1/Dockerfile b/server-ce/hotfix/5.2.1/Dockerfile
new file mode 100644
index 0000000..63cc952
--- /dev/null
+++ b/server-ce/hotfix/5.2.1/Dockerfile
@@ -0,0 +1,5 @@
+FROM sharelatex/sharelatex:5.2.0
+
+# Subnet rate limiter fix
+COPY pr_21327.patch /
+RUN cd / && patch -p0 < pr_21327.patch && rm pr_21327.patch
diff --git a/server-ce/hotfix/5.2.1/pr_21327.patch b/server-ce/hotfix/5.2.1/pr_21327.patch
new file mode 100644
index 0000000..f2e49df
--- /dev/null
+++ b/server-ce/hotfix/5.2.1/pr_21327.patch
@@ -0,0 +1,36 @@
+--- overleaf/services/web/app/src/infrastructure/RateLimiter.js
++++ overleaf/services/web/app/src/infrastructure/RateLimiter.js
+@@ -39,7 +39,7 @@ class RateLimiter {
+       keyPrefix: `rate-limit:${name}`,
+       storeClient: rclient,
+     })
+-    if (opts.subnetPoints) {
++    if (opts.subnetPoints && !Settings.rateLimit?.subnetRateLimiterDisabled) {
+       this._subnetRateLimiter = new RateLimiterFlexible.RateLimiterRedis({
+         ...opts,
+         points: opts.subnetPoints,
+--- overleaf/services/web/config/settings.defaults.js
++++ overleaf/services/web/config/settings.defaults.js
+@@ -777,6 +777,8 @@ module.exports = {
+   reloadModuleViewsOnEachRequest: process.env.NODE_ENV === 'development',
+
+   rateLimit: {
++    subnetRateLimiterDisabled:
++      process.env.SUBNET_RATE_LIMITER_DISABLED === 'true',
+     autoCompile: {
+       everyone: process.env.RATE_LIMIT_AUTO_COMPILE_EVERYONE || 100,
+       standard: process.env.RATE_LIMIT_AUTO_COMPILE_STANDARD || 25,
+--- etc/overleaf/settings.js
++++ etc/overleaf/settings.js
+@@ -212,6 +212,11 @@ const settings = {
+     enabled: process.env.OVERLEAF_CSP_ENABLED !== 'false',
+   },
+
++  rateLimit: {
++    subnetRateLimiterDisabled:
++      process.env.SUBNET_RATE_LIMITER_DISABLED !== 'false',
++  },
++
+   // These credentials are used for authenticating api requests
+   // between services that may need to go over public channels
+   httpAuthUsers,
diff --git a/server-ce/hotfix/5.3.1/Dockerfile b/server-ce/hotfix/5.3.1/Dockerfile
new file mode 100644
index 0000000..ec0bef5
--- /dev/null
+++ b/server-ce/hotfix/5.3.1/Dockerfile
@@ -0,0 +1,14 @@
+FROM sharelatex/sharelatex:5.3.0
+
+# Update copyright year
+COPY pr_22950.patch .
+RUN patch -p0 < pr_22950.patch && rm pr_22950.patch
+
+
+# Update Mongoose
+RUN npm install mongoose@^8.9.5 --save -w services/web \
+  && npm install mongodb@6.12.0 --save \
+    -w services/chat -w services/contacts -w services/docstore \
+    -w services/history-v1 -w libraries/mongo-utils \
+  && npm install mongodb@6.12.0 --save \
+  && rm -rf /root/.cache /root/.npm $(find /tmp/ -mindepth 1 -maxdepth 1)
diff --git a/server-ce/hotfix/5.3.1/pr_22950.patch b/server-ce/hotfix/5.3.1/pr_22950.patch
new file mode 100644
index 0000000..cd066f9
--- /dev/null
+++ b/server-ce/hotfix/5.3.1/pr_22950.patch
@@ -0,0 +1,33 @@
+--- services/web/app/views/layout/thin-footer-bootstrap-5.pug
++++ services/web/app/views/layout/thin-footer-bootstrap-5.pug
+@@ -7,7 +7,7 @@ footer.site-footer
+ 				if !settings.nav.hide_powered_by
+ 					li
+ 						//- year of Server Pro release, static
+-						| © 2024
++						| © 2025
+ 						|
+ 						a(href='https://www.overleaf.com/for/enterprises') Powered by Overleaf
+
+--- services/web/app/views/layout/thin-footer.pug
++++ services/web/app/views/layout/thin-footer.pug
+@@ -9,7 +9,7 @@ footer.site-footer
+ 				else if !settings.nav.hide_powered_by
+ 					li
+ 						//- year of Server Pro release, static
+-						| © 2024
++						| © 2025
+ 						|
+ 						a(href='https://www.overleaf.com/for/enterprises') Powered by Overleaf
+
+--- services/web/frontend/js/features/ui/components/bootstrap-5/footer/thin-footer.tsx
++++ services/web/frontend/js/features/ui/components/bootstrap-5/footer/thin-footer.tsx
+@@ -60,7 +60,7 @@ function ThinFooter({
+             {showPoweredBy ? (
+               <>
+                 <li>
+-                  {/* year of Server Pro release, static */}© 2024{' '}
++                  {/* year of Server Pro release, static */}© 2025{' '}
+                   <a href="https://www.overleaf.com/for/enterprises">
+                     Powered by Overleaf
+                   </a>
diff --git a/server-ce/hotfix/5.3.2/Dockerfile b/server-ce/hotfix/5.3.2/Dockerfile
new file mode 100644
index 0000000..3a43371
--- /dev/null
+++ b/server-ce/hotfix/5.3.2/Dockerfile
@@ -0,0 +1 @@
+FROM sharelatex/sharelatex:5.3.1
diff --git a/server-ce/hotfix/5.3.3/Dockerfile b/server-ce/hotfix/5.3.3/Dockerfile
new file mode 100644
index 0000000..034eafb
--- /dev/null
+++ b/server-ce/hotfix/5.3.3/Dockerfile
@@ -0,0 +1 @@
+FROM sharelatex/sharelatex:5.3.2
diff --git a/server-ce/init_preshutdown_scripts/00_close_site b/server-ce/init_preshutdown_scripts/00_close_site
new file mode 100755
index 0000000..ed5404f
--- /dev/null
+++ b/server-ce/init_preshutdown_scripts/00_close_site
@@ -0,0 +1,34 @@
+#!/bin/sh
+
+. /etc/container_environment.sh
+. /etc/overleaf/env.sh
+
+SITE_MAINTENANCE_FILE_BAK="$SITE_MAINTENANCE_FILE.bak.shutdown"
+
+mv "${SITE_MAINTENANCE_FILE}" "${SITE_MAINTENANCE_FILE_BAK}"
+echo "closed" > "${SITE_MAINTENANCE_FILE}"
+
+# status file is polled every 5 seconds
+sleep 5
+
+# giving a grace period of 5 seconds for users before disconnecting them and start shutting down
+cd /overleaf/services/web && node scripts/disconnect_all_users.mjs --delay-in-seconds=5 >> /var/log/overleaf/web.log 2>&1
+
+EXIT_CODE="$?"
+if [ $EXIT_CODE -ne 0 ]
+then
+  echo "scripts/disconnect_all_users.mjs failed with exit code $EXIT_CODE"
+  exit 1
+fi
+
+sleep 10 &
+GIVE_EDITOR_10_SECONDS_TO_RELOAD=$!
+
+# wait for disconnection
+while ! sv stop real-time-overleaf; do
+  sleep 1
+done
+
+wait $GIVE_EDITOR_10_SECONDS_TO_RELOAD
+
+exit 0
diff --git a/server-ce/init_preshutdown_scripts/01_flush_document_updater b/server-ce/init_preshutdown_scripts/01_flush_document_updater
new file mode 100755
index 0000000..0900fe5
--- /dev/null
+++ b/server-ce/init_preshutdown_scripts/01_flush_document_updater
@@ -0,0 +1,15 @@
+#!/bin/sh
+
+. /etc/container_environment.sh
+. /etc/overleaf/env.sh
+
+cd /overleaf/services/document-updater && node scripts/flush_all.js >> /var/log/overleaf/document-updater.log 2>&1
+
+EXIT_CODE="$?"
+if [ $EXIT_CODE -ne 0 ]
+then
+  echo "document-updater/scripts/flush_all.js failed with exit code $EXIT_CODE"
+  exit 1
+fi
+
+exit 0
diff --git a/server-ce/init_preshutdown_scripts/02_flush_project_history b/server-ce/init_preshutdown_scripts/02_flush_project_history
new file mode 100755
index 0000000..f8ac516
--- /dev/null
+++ b/server-ce/init_preshutdown_scripts/02_flush_project_history
@@ -0,0 +1,15 @@
+#!/bin/sh
+
+. /etc/container_environment.sh
+. /etc/overleaf/env.sh
+
+cd /overleaf/services/project-history && node scripts/flush_all.js >> /var/log/overleaf/project-history.log 2>&1
+
+EXIT_CODE="$?"
+if [ $EXIT_CODE -ne 0 ]
+then
+  echo "project-history/scripts/flush_all.js failed with exit code $EXIT_CODE"
+  exit 1
+fi
+
+exit 0
diff --git a/server-ce/init_scripts/000_check_for_old_bind_mounts_5.sh b/server-ce/init_scripts/000_check_for_old_bind_mounts_5.sh
new file mode 100755
index 0000000..6c501c7
--- /dev/null
+++ b/server-ce/init_scripts/000_check_for_old_bind_mounts_5.sh
@@ -0,0 +1,78 @@
+#!/bin/bash
+
+set -e
+
+POTENTIAL_OLD_PATHS="
+/etc/sharelatex
+/var/lib/sharelatex
+/var/log/sharelatex
+"
+
+OLD_ITEMS=""
+for path in ${POTENTIAL_OLD_PATHS}; do
+  if [[ -e "$path" ]]; then
+    OLD_ITEMS="$OLD_ITEMS $path"
+  fi
+done
+
+if [[ "$OLD_ITEMS" == "" ]]; then
+  exit 0
+fi
+
+OLD_ITEMS=$(echo "$OLD_ITEMS" | xargs -n1 | sed 's/^/      - /')
+N=$(echo "$OLD_ITEMS" | wc -l)
+cat <<EOF
+------------------------------------------------------------------------
+
+                   ShareLaTeX to Overleaf rebranding
+                   ---------------------------------
+
+  Starting with version 5.0, ShareLaTeX branded file system paths are no
+   longer supported as we are migrating to the Overleaf brand.
+
+  Your configuration still uses $N ShareLaTeX branded paths:
+$OLD_ITEMS
+
+  Please update the in-container bind-mount target to refer to the
+   Overleaf equivalent:
+    - /etc/sharelatex     -> /etc/overleaf
+    - /var/lib/sharelatex -> /var/lib/overleaf
+    - /var/log/sharelatex -> /var/log/overleaf
+
+  Overleaf toolkit setups:
+
+    github.com/overleaf/toolkit$ bin/upgrade
+
+
+  Legacy docker compose setups/Horizontal scaling setups:
+
+    before:
+
+      services:
+        sharelatex:
+          volumes:
+           - /my/docker-host/path:/var/lib/sharelatex
+
+    after:
+
+      services:
+        sharelatex:
+          volumes:
+           - /my/docker-host/path:/var/lib/overleaf
+
+
+  Other deployment methods:
+
+    Adapt the docker compose example or get in touch with support.
+
+
+  Server Pro: Please update SANDBOXED_COMPILES_HOST_DIR if needed.
+
+
+  Refusing to startup, exiting in 10s.
+
+------------------------------------------------------------------------
+EOF
+
+sleep 10
+exit 101
diff --git a/server-ce/init_scripts/000_check_for_old_env_vars_5.sh b/server-ce/init_scripts/000_check_for_old_env_vars_5.sh
new file mode 100755
index 0000000..2beb008
--- /dev/null
+++ b/server-ce/init_scripts/000_check_for_old_env_vars_5.sh
@@ -0,0 +1,56 @@
+#!/bin/bash
+
+set -e
+
+OLD_ITEMS=$(env | cut -d '=' -f1 | grep SHARELATEX | sed 's/^/      - /')
+
+if [[ "$OLD_ITEMS" == "" ]]; then
+  exit 0
+fi
+
+N=$(echo "$OLD_ITEMS" | wc -l)
+cat <<EOF
+------------------------------------------------------------------------
+
+                   ShareLaTeX to Overleaf rebranding
+                   ---------------------------------
+
+  Starting with version 5.0, ShareLaTeX branded variables are no
+   longer supported as we are migrating to the Overleaf brand.
+
+  Your configuration still uses $N ShareLaTeX environment variables:
+$OLD_ITEMS
+
+  Please either replace them with the "OVERLEAF_" prefix,
+   e.g. SHARELATEX_MONGO_URL -> OVERLEAF_MONGO_URL, or
+   remove old entries from your configuration.
+
+  You can use the following script for migrating your config.
+
+  Overleaf toolkit setups:
+
+    github.com/overleaf/toolkit$ bin/upgrade
+    github.com/overleaf/toolkit$ bin/rename-env-vars-5-0.sh
+
+
+  Legacy docker compose setups/Horizontal scaling setups:
+
+    github.com/overleaf/overleaf$ git pull
+    github.com/overleaf/overleaf$ server-ce/bin/rename-env-vars-5-0.sh
+
+    # When using a docker-compose.override.yml file (or other file name):
+    github.com/overleaf/overleaf$ server-ce/bin/rename-env-vars-5-0.sh docker-compose.override.yml
+
+
+  Other deployment methods:
+
+    Try using the docker compose script or get in touch with support.
+
+
+  Refusing to startup, exiting in 10s.
+
+------------------------------------------------------------------------
+EOF
+
+sleep 10
+exit 101
diff --git a/server-ce/init_scripts/100_generate_secrets.sh b/server-ce/init_scripts/100_generate_secrets.sh
new file mode 100755
index 0000000..ec7e846
--- /dev/null
+++ b/server-ce/init_scripts/100_generate_secrets.sh
@@ -0,0 +1,38 @@
+#!/bin/bash
+set -e -o pipefail
+
+# generate secrets and defines them as environment variables
+# https://github.com/phusion/baseimage-docker#centrally-defining-your-own-environment-variables
+
+WEB_API_PASSWORD_FILE=/etc/container_environment/WEB_API_PASSWORD
+STAGING_PASSWORD_FILE=/etc/container_environment/STAGING_PASSWORD # HTTP auth for history-v1
+V1_HISTORY_PASSWORD_FILE=/etc/container_environment/V1_HISTORY_PASSWORD
+CRYPTO_RANDOM_FILE=/etc/container_environment/CRYPTO_RANDOM
+OT_JWT_AUTH_KEY_FILE=/etc/container_environment/OT_JWT_AUTH_KEY
+
+generate_secret () {
+  dd if=/dev/urandom bs=1 count=32 2>/dev/null | base64 -w 0 | rev | cut -b 2- | rev | tr -d '\n+/'
+}
+
+if [ ! -f "$WEB_API_PASSWORD_FILE" ] ||
+  [ ! -f "$STAGING_PASSWORD_FILE" ] ||
+  [ ! -f "$V1_HISTORY_PASSWORD_FILE" ] ||
+  [ ! -f "$CRYPTO_RANDOM_FILE" ] ||
+  [ ! -f "$OT_JWT_AUTH_KEY_FILE" ]
+then
+    echo "generating random secrets"
+
+    SECRET=$(generate_secret)
+    echo "${SECRET}" > ${WEB_API_PASSWORD_FILE}
+
+    SECRET=$(generate_secret)
+    echo "${SECRET}" > ${STAGING_PASSWORD_FILE}
+    echo "${SECRET}" > ${V1_HISTORY_PASSWORD_FILE}
+
+    SECRET=$(generate_secret)
+    echo "${SECRET}" > ${CRYPTO_RANDOM_FILE}
+
+    SECRET=$(generate_secret)
+    echo "${SECRET}" > ${OT_JWT_AUTH_KEY_FILE}
+fi
+
diff --git a/server-ce/init_scripts/100_make_overleaf_data_dirs.sh b/server-ce/init_scripts/100_make_overleaf_data_dirs.sh
new file mode 100755
index 0000000..80b69eb
--- /dev/null
+++ b/server-ce/init_scripts/100_make_overleaf_data_dirs.sh
@@ -0,0 +1,38 @@
+#!/bin/sh
+set -e
+
+mkdir -p /var/lib/overleaf/data
+chown www-data:www-data /var/lib/overleaf/data
+
+mkdir -p /var/lib/overleaf/data/user_files
+chown www-data:www-data /var/lib/overleaf/data/user_files
+
+mkdir -p /var/lib/overleaf/data/compiles
+chown www-data:www-data /var/lib/overleaf/data/compiles
+
+mkdir -p /var/lib/overleaf/data/output
+chown www-data:www-data /var/lib/overleaf/data/output
+
+mkdir -p /var/lib/overleaf/data/cache
+chown www-data:www-data /var/lib/overleaf/data/cache
+
+mkdir -p /var/lib/overleaf/data/template_files
+chown www-data:www-data /var/lib/overleaf/data/template_files
+
+mkdir -p /var/lib/overleaf/data/history
+chown www-data:www-data /var/lib/overleaf/data/history
+
+mkdir -p /var/lib/overleaf/tmp/projectHistories
+chown www-data:www-data /var/lib/overleaf/tmp/projectHistories
+
+mkdir -p /var/lib/overleaf/tmp/dumpFolder
+chown www-data:www-data /var/lib/overleaf/tmp/dumpFolder
+
+mkdir -p /var/lib/overleaf/tmp
+chown www-data:www-data /var/lib/overleaf/tmp
+
+mkdir -p /var/lib/overleaf/tmp/uploads
+chown www-data:www-data /var/lib/overleaf/tmp/uploads
+
+mkdir -p /var/lib/overleaf/tmp/dumpFolder
+chown www-data:www-data /var/lib/overleaf/tmp/dumpFolder
diff --git a/server-ce/init_scripts/100_restore_site_status.sh b/server-ce/init_scripts/100_restore_site_status.sh
new file mode 100755
index 0000000..151d57c
--- /dev/null
+++ b/server-ce/init_scripts/100_restore_site_status.sh
@@ -0,0 +1,12 @@
+#!/bin/bash
+
+set -e
+
+# pre-shutdown scripts close the site by overriding the content of SITE_MAINTENANCE_FILE,
+# this script restores the original value on container restart
+SITE_MAINTENANCE_FILE_BAK="$SITE_MAINTENANCE_FILE.bak.shutdown"
+
+if [ -f "${SITE_MAINTENANCE_FILE_BAK}" ]; then
+    mv -f "${SITE_MAINTENANCE_FILE_BAK}" "${SITE_MAINTENANCE_FILE}"
+    rm -f "${SITE_MAINTENANCE_FILE_BAK}"
+fi
diff --git a/server-ce/init_scripts/100_set_docker_host_ipaddress.sh b/server-ce/init_scripts/100_set_docker_host_ipaddress.sh
new file mode 100755
index 0000000..646b55a
--- /dev/null
+++ b/server-ce/init_scripts/100_set_docker_host_ipaddress.sh
@@ -0,0 +1,5 @@
+#!/bin/bash
+set -e -o pipefail
+
+# See the bottom of http://stackoverflow.com/questions/24319662/from-inside-of-a-docker-container-how-do-i-connect-to-the-localhost-of-the-mach
+echo "$(route -n | awk '/UG[ \t]/{print $2}') dockerhost" >> /etc/hosts
diff --git a/server-ce/init_scripts/200_nginx_config_template.sh b/server-ce/init_scripts/200_nginx_config_template.sh
new file mode 100755
index 0000000..f570726
--- /dev/null
+++ b/server-ce/init_scripts/200_nginx_config_template.sh
@@ -0,0 +1,43 @@
+#!/bin/sh
+
+set -e
+
+## Generate nginx config files from templates,
+## with environment variables substituted
+
+nginx_dir='/etc/nginx'
+nginx_templates_dir="${nginx_dir}/templates"
+
+if ! [ -d "${nginx_templates_dir}" ]; then
+  echo "Nginx: no template directory found, skipping"
+  exit 0
+fi
+
+nginx_template_file="${nginx_templates_dir}/nginx.conf.template"
+nginx_config_file="${nginx_dir}/nginx.conf"
+
+if [ -f "${nginx_template_file}" ]; then
+  export NGINX_KEEPALIVE_TIMEOUT="${NGINX_KEEPALIVE_TIMEOUT:-65}"
+  export NGINX_WORKER_CONNECTIONS="${NGINX_WORKER_CONNECTIONS:-768}"
+  export NGINX_WORKER_PROCESSES="${NGINX_WORKER_PROCESSES:-4}"
+
+  echo "Nginx: generating config file from template"
+
+  # Note the single-quotes, they are important.
+  # This is a pass-list of env-vars that envsubst
+  # should operate on.
+  # shellcheck disable=SC2016
+  envsubst '
+    ${NGINX_KEEPALIVE_TIMEOUT}
+    ${NGINX_WORKER_CONNECTIONS}
+    ${NGINX_WORKER_PROCESSES}
+  ' \
+    < "${nginx_template_file}" \
+    > "${nginx_config_file}"
+
+  echo "Checking Nginx config"
+  nginx -t
+
+  echo "Nginx: reloading config"
+  service nginx reload
+fi
diff --git a/server-ce/init_scripts/300_delete_old_logs.sh b/server-ce/init_scripts/300_delete_old_logs.sh
new file mode 100755
index 0000000..dad919e
--- /dev/null
+++ b/server-ce/init_scripts/300_delete_old_logs.sh
@@ -0,0 +1,7 @@
+#!/bin/sh
+set -e
+
+# Up to version 2.5.0 the logs of the contacts service were written into a
+#  file that was not picked up by logrotate.
+# The service is stable and we can safely discard any logs.
+rm -vf /var/log/overleaf/contacts
diff --git a/server-ce/init_scripts/500_check_db_access.sh b/server-ce/init_scripts/500_check_db_access.sh
new file mode 100755
index 0000000..bbf2b9e
--- /dev/null
+++ b/server-ce/init_scripts/500_check_db_access.sh
@@ -0,0 +1,8 @@
+#!/bin/sh
+set -e
+
+echo "Checking can connect to mongo and redis"
+cd /overleaf/services/web
+node modules/server-ce-scripts/scripts/check-mongodb.mjs
+node modules/server-ce-scripts/scripts/check-redis.mjs
+echo "All checks passed"
diff --git a/server-ce/init_scripts/900_run_web_migrations.sh b/server-ce/init_scripts/900_run_web_migrations.sh
new file mode 100755
index 0000000..59b7d23
--- /dev/null
+++ b/server-ce/init_scripts/900_run_web_migrations.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+if [[ "${OVERLEAF_IS_SERVER_PRO:-null}" == "true" ]]; then
+  environment="server-pro"
+else
+  environment="server-ce"
+fi
+
+echo "Running migrations for $environment"
+cd /overleaf/services/web
+npm run migrations -- migrate -t "$environment"
+echo "Finished migrations"
diff --git a/server-ce/init_scripts/910_check_texlive_images b/server-ce/init_scripts/910_check_texlive_images
new file mode 100755
index 0000000..90dec00
--- /dev/null
+++ b/server-ce/init_scripts/910_check_texlive_images
@@ -0,0 +1,6 @@
+#!/bin/sh
+set -e
+
+echo "Checking texlive images"
+cd /overleaf/services/web
+node modules/server-ce-scripts/scripts/check-texlive-images.mjs
diff --git a/server-ce/init_scripts/910_initiate_doc_version_recovery b/server-ce/init_scripts/910_initiate_doc_version_recovery
new file mode 100755
index 0000000..1daecd3
--- /dev/null
+++ b/server-ce/init_scripts/910_initiate_doc_version_recovery
@@ -0,0 +1,50 @@
+#!/bin/bash
+
+set -euo pipefail
+
+source /etc/container_environment.sh
+source /etc/overleaf/env.sh
+
+LOG_FILE=/var/lib/overleaf/data/history/doc-version-recovery.log
+RESYNCS_NEEDED_FILE=/var/lib/overleaf/data/history/doc-version-recovery-resyncs-5.0.3.log
+
+echo "Checking for doc version recovery. This can take a while if needed. Logs are in $LOG_FILE"
+cd /overleaf/services/history-v1
+LOG_LEVEL=info DOC_VERSION_RECOVERY_RESYNCS_NEEDED_FILE="$RESYNCS_NEEDED_FILE" node storage/scripts/recover_doc_versions.js 2>&1 | tee -a "$LOG_FILE"
+
+function resyncAllProjectsInBackground() {
+  waitForService docstore 3016
+  waitForService document-updater 3003
+  waitForService filestore 3009
+  waitForService history-v1 3100
+  waitForService project-history 3054
+  waitForService web-api 4000
+
+  # Resync files that had their versions updated
+  while read -r project_id; do
+    echo "Resyncing project $project_id..."
+    curl -X POST --silent "http://127.0.0.1:3054/project/$project_id/resync?force=true"
+  done < "$RESYNCS_NEEDED_FILE"
+
+  # Resync files that have broken histories
+  /overleaf/bin/force-history-resyncs
+
+  echo "Finished resyncing history for all projects. Adding .done suffix to log file"
+  mv "$RESYNCS_NEEDED_FILE" "$RESYNCS_NEEDED_FILE.done"
+}
+
+function waitForService() {
+  local name=$1
+  local port=$2
+  while ! curl --fail --silent "http://127.0.0.1:$port/status"; do
+    echo "Waiting for $name service to start up"
+    sleep 10
+  done
+}
+
+if [ -f "$RESYNCS_NEEDED_FILE" ]; then
+  echo "Finished recovery of doc versions. Resyncing history for all projects in the background."
+  resyncAllProjectsInBackground &
+else
+  echo "No recovery of doc versions needed."
+fi
diff --git a/server-ce/logrotate/overleaf b/server-ce/logrotate/overleaf
new file mode 100644
index 0000000..6c6f8d7
--- /dev/null
+++ b/server-ce/logrotate/overleaf
@@ -0,0 +1,9 @@
+/var/log/overleaf/*.log {
+  daily
+  missingok
+  rotate 5
+  compress
+  copytruncate
+  notifempty
+  create 644 root adm
+}
diff --git a/server-ce/nginx/clsi-nginx.conf b/server-ce/nginx/clsi-nginx.conf
new file mode 100644
index 0000000..aac976e
--- /dev/null
+++ b/server-ce/nginx/clsi-nginx.conf
@@ -0,0 +1,61 @@
+# keep in sync with clsi-startup.sh files
+# keep in sync with clsi/nginx.conf
+# Changes to the above:
+#  - added debug header
+#  - remove CORS rules, Server-CE/Server-Pro runs behind a single origin
+#  - change /output path to /var/lib/overleaf/data/output
+
+server {
+  # Extra header for debugging.
+  add_header 'X-Served-By' 'clsi-nginx' always;
+
+  # Security-Headers
+  add_header 'X-Content-Type-Options' 'nosniff' always;
+  add_header 'X-Download-Options' 'noopen' always;
+  add_header 'X-Frame-Options' 'SAMEORIGIN' always;
+  add_header 'X-XSS-Protection' '1; mode=block' always;
+
+  listen 8080;
+  server_name clsi-nginx;
+  server_tokens off;
+  access_log off;
+  # Ignore symlinks possibly created by users
+  disable_symlinks on;
+  # enable compression for tex auxiliary files, but not for pdf files
+  gzip on;
+  gzip_types text/plain;
+  gzip_proxied any;
+  types {
+      text/plain log blg aux stdout stderr;
+      application/pdf pdf;
+  }
+  # handle output files for specific users
+  location ~ ^/project/([0-9a-f]+)/user/([0-9a-f]+)/build/([0-9a-f-]+)/output/output\.([a-z.]+)$ {
+    alias /var/lib/overleaf/data/output/$1-$2/generated-files/$3/output.$4;
+  }
+  # handle .blg files for specific users
+  location ~ ^/project/([0-9a-f]+)/user/([0-9a-f]+)/build/([0-9a-f-]+)/output/(.+)\.blg$ {
+    alias /var/lib/overleaf/data/output/$1-$2/generated-files/$3/$4.blg;
+  }
+  # handle output files for anonymous users
+  location ~ ^/project/([0-9a-f]+)/build/([0-9a-f-]+)/output/output\.([a-z.]+)$ {
+    alias /var/lib/overleaf/data/output/$1/generated-files/$2/output.$3;
+  }
+  # handle .blg files for anonymous users
+  location ~ ^/project/([0-9a-f]+)/build/([0-9a-f-]+)/output/(.+)\.blg$ {
+    alias /var/lib/overleaf/data/output/$1/generated-files/$2/$3.blg;
+  }
+
+  # PDF range for specific users
+  location ~ ^/project/([0-9a-f]+)/user/([0-9a-f]+)/content/([0-9a-f-]+/[0-9a-f]+)$ {
+    # Cache for one day
+    expires 1d;
+    alias /var/lib/overleaf/data/output/$1-$2/content/$3;
+  }
+  # PDF range for anonymous users
+  location ~ ^/project/([0-9a-f]+)/content/([0-9a-f-]+/[0-9a-f]+)$ {
+    # Cache for one day
+    expires 1d;
+    alias /var/lib/overleaf/data/output/$1/content/$2;
+  }
+}
diff --git a/server-ce/nginx/nginx.conf.template b/server-ce/nginx/nginx.conf.template
new file mode 100644
index 0000000..639937f
--- /dev/null
+++ b/server-ce/nginx/nginx.conf.template
@@ -0,0 +1,81 @@
+## ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ##
+## ! This file was generated from a template ! ##
+## ! See /etc/nginx/templates/               ! ##
+## ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ##
+daemon off;
+user www-data;
+worker_processes ${NGINX_WORKER_PROCESSES};
+pid /run/nginx.pid;
+
+events {
+	worker_connections ${NGINX_WORKER_CONNECTIONS};
+	# multi_accept on;
+}
+
+http {
+
+	##
+	# Basic Settings
+	##
+
+	sendfile on;
+	tcp_nopush on;
+	tcp_nodelay on;
+	keepalive_timeout ${NGINX_KEEPALIVE_TIMEOUT};
+	types_hash_max_size 2048;
+	# server_tokens off;
+
+	# server_names_hash_bucket_size 64;
+	# server_name_in_redirect off;
+
+	include /etc/nginx/mime.types;
+	default_type application/octet-stream;
+
+	##
+	# Logging Settings
+	##
+
+	access_log /var/log/nginx/access.log;
+	error_log /var/log/nginx/error.log;
+
+	##
+	# Gzip Settings
+	##
+
+	gzip on;
+	gzip_disable "msie6";
+	gzip_proxied any; # allow upstream server to compress.
+
+	client_max_body_size 50m;
+
+	# gzip_vary on;
+	# gzip_proxied any;
+	# gzip_comp_level 6;
+	# gzip_buffers 16 8k;
+	# gzip_http_version 1.1;
+	# gzip_types text/plain text/css application/json application/x-javascript text/xml application/xml application/xml+rss text/javascript;
+
+	##
+	# nginx-naxsi config
+	##
+	# Uncomment it if you installed nginx-naxsi
+	##
+
+	#include /etc/nginx/naxsi_core.rules;
+
+	##
+	# nginx-passenger config
+	##
+	# Uncomment it if you installed nginx-passenger
+	##
+
+	#passenger_root /usr;
+	#passenger_ruby /usr/bin/ruby;
+
+	##
+	# Virtual Host Configs
+	##
+
+	include /etc/nginx/conf.d/*.conf;
+	include /etc/nginx/sites-enabled/*;
+}
diff --git a/server-ce/nginx/overleaf.conf b/server-ce/nginx/overleaf.conf
new file mode 100644
index 0000000..77e59df
--- /dev/null
+++ b/server-ce/nginx/overleaf.conf
@@ -0,0 +1,82 @@
+server {
+	listen         80;
+	server_name    _; # Catch all, see http://nginx.org/en/docs/http/server_names.html
+
+	root /overleaf/services/web/public/;
+
+	# block external access to prometheus /metrics
+	location /metrics {
+		internal;
+	}
+
+	location / {
+		proxy_pass http://127.0.0.1:4000;
+		proxy_http_version 1.1;
+		proxy_set_header Upgrade $http_upgrade;
+		proxy_set_header Connection "upgrade";
+		proxy_set_header Host $host;
+		proxy_set_header X-Forwarded-Host $host;
+		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+		proxy_read_timeout 10m;
+		proxy_send_timeout 10m;
+	}
+
+	location /socket.io {
+		proxy_pass http://127.0.0.1:3026;
+		proxy_http_version 1.1;
+		proxy_set_header Upgrade $http_upgrade;
+		proxy_set_header Connection "upgrade";
+		proxy_set_header Host $host;
+		proxy_set_header X-Forwarded-Host $host;
+		proxy_set_header X-Forwarded-Proto $scheme;
+		proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
+		proxy_read_timeout 10m;
+		proxy_send_timeout 10m;
+	}
+
+	location /stylesheets {
+		expires 1y;
+	}
+
+	location /minjs {
+		expires 1y;
+	}
+
+	location /img {
+		expires 1y;
+	}
+
+  # handle output files for specific users
+  location ~ ^/project/([0-9a-f]+)/user/([0-9a-f]+)/build/([0-9a-f-]+)/output/output\.([a-z.]+)$ {
+		proxy_pass http://127.0.0.1:8080; # clsi-nginx.conf
+		proxy_http_version 1.1;
+  }
+  # handle output files for anonymous users
+  location ~ ^/project/([0-9a-f]+)/build/([0-9a-f-]+)/output/output\.([a-z.]+)$ {
+		proxy_pass http://127.0.0.1:8080; # clsi-nginx.conf
+		proxy_http_version 1.1;
+  }
+  # PDF range for specific users
+  location ~ ^/project/([0-9a-f]+)/user/([0-9a-f]+)/content/([0-9a-f-]+/[0-9a-f]+)$ {
+		proxy_pass http://127.0.0.1:8080; # clsi-nginx.conf
+		proxy_http_version 1.1;
+  }
+  # PDF range for anonymous users
+  location ~ ^/project/([0-9a-f]+)/content/([0-9a-f-]+/[0-9a-f]+)$ {
+		proxy_pass http://127.0.0.1:8080; # clsi-nginx.conf
+		proxy_http_version 1.1;
+  }
+
+  # block external access to metrics
+  location ~* ^/metrics/?$ {
+    return 404 'Not found';
+  }
+
+  # block external access to all health checks /health_check, /health_check/full, etc
+  location ~* ^/health_check {
+    return 404 'Not found';
+  }
+
+  # Load any extra configuration for this vhost
+  include /etc/nginx/vhost-extras/overleaf/*.conf;
+}
diff --git a/server-ce/runit/chat-overleaf/run b/server-ce/runit/chat-overleaf/run
new file mode 100755
index 0000000..ea91753
--- /dev/null
+++ b/server-ce/runit/chat-overleaf/run
@@ -0,0 +1,12 @@
+#!/bin/bash
+
+NODE_PARAMS=""
+if [ "$DEBUG_NODE" == "true" ]; then
+    echo "running debug - chat"
+    NODE_PARAMS="--inspect=0.0.0.0:30100"
+fi
+
+source /etc/overleaf/env.sh
+export LISTEN_ADDRESS=127.0.0.1
+
+exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/chat/app.js >> /var/log/overleaf/chat.log 2>&1
diff --git a/server-ce/runit/clsi-overleaf/run b/server-ce/runit/clsi-overleaf/run
new file mode 100755
index 0000000..ece2031
--- /dev/null
+++ b/server-ce/runit/clsi-overleaf/run
@@ -0,0 +1,21 @@
+#!/bin/bash
+
+NODE_PARAMS=""
+if [ "$DEBUG_NODE" == "true" ]; then
+    echo "running debug - clsi"
+    NODE_PARAMS="--inspect=0.0.0.0:30130"
+fi
+
+# Set permissions on docker.sock if present,
+# To enable sibling-containers (see entrypoint.sh in clsi project)
+if [ -e '/var/run/docker.sock' ]; then
+  echo ">> Setting permissions on docker socket"
+  DOCKER_GROUP=$(stat -c '%g' /var/run/docker.sock)
+  groupadd --non-unique --gid "${DOCKER_GROUP}" dockeronhost
+  usermod -aG dockeronhost www-data
+fi
+
+source /etc/overleaf/env.sh
+export LISTEN_ADDRESS=127.0.0.1
+
+exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/clsi/app.js >> /var/log/overleaf/clsi.log 2>&1
diff --git a/server-ce/runit/contacts-overleaf/run b/server-ce/runit/contacts-overleaf/run
new file mode 100755
index 0000000..8844f66
--- /dev/null
+++ b/server-ce/runit/contacts-overleaf/run
@@ -0,0 +1,12 @@
+#!/bin/bash
+
+NODE_PARAMS=""
+if [ "$DEBUG_NODE" == "true" ]; then
+    echo "running debug - contacts"
+    NODE_PARAMS="--inspect=0.0.0.0:30360"
+fi
+
+source /etc/overleaf/env.sh
+export LISTEN_ADDRESS=127.0.0.1
+
+exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/contacts/app.js >> /var/log/overleaf/contacts.log 2>&1
diff --git a/server-ce/runit/docstore-overleaf/run b/server-ce/runit/docstore-overleaf/run
new file mode 100755
index 0000000..b8166d1
--- /dev/null
+++ b/server-ce/runit/docstore-overleaf/run
@@ -0,0 +1,12 @@
+#!/bin/bash
+
+NODE_PARAMS=""
+if [ "$DEBUG_NODE" == "true" ]; then
+    echo "running debug - docstore"
+    NODE_PARAMS="--inspect=0.0.0.0:30160"
+fi
+
+source /etc/overleaf/env.sh
+export LISTEN_ADDRESS=127.0.0.1
+
+exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/docstore/app.js >> /var/log/overleaf/docstore.log 2>&1
diff --git a/server-ce/runit/document-updater-overleaf/run b/server-ce/runit/document-updater-overleaf/run
new file mode 100755
index 0000000..0cd485b
--- /dev/null
+++ b/server-ce/runit/document-updater-overleaf/run
@@ -0,0 +1,12 @@
+#!/bin/bash
+
+NODE_PARAMS=""
+if [ "$DEBUG_NODE" == "true" ]; then
+    echo "running debug - document updater"
+    NODE_PARAMS="--inspect=0.0.0.0:30030"
+fi
+
+source /etc/overleaf/env.sh
+export LISTEN_ADDRESS=127.0.0.1
+
+exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/document-updater/app.js >> /var/log/overleaf/document-updater.log 2>&1
diff --git a/server-ce/runit/filestore-overleaf/run b/server-ce/runit/filestore-overleaf/run
new file mode 100755
index 0000000..66329e9
--- /dev/null
+++ b/server-ce/runit/filestore-overleaf/run
@@ -0,0 +1,6 @@
+#!/bin/bash
+
+source /etc/overleaf/env.sh
+export LISTEN_ADDRESS=127.0.0.1
+
+exec /sbin/setuser www-data /usr/bin/node /overleaf/services/filestore/app.js >> /var/log/overleaf/filestore.log 2>&1
diff --git a/server-ce/runit/history-v1-overleaf/run b/server-ce/runit/history-v1-overleaf/run
new file mode 100755
index 0000000..15979fa
--- /dev/null
+++ b/server-ce/runit/history-v1-overleaf/run
@@ -0,0 +1,9 @@
+#!/bin/bash
+
+NODE_PARAMS=""
+if [ "$DEBUG_NODE" == "true" ]; then
+    echo "running debug - history-v1"
+    NODE_PARAMS="--inspect=0.0.0.0:30640"
+fi
+
+NODE_CONFIG_DIR=/overleaf/services/history-v1/config exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/history-v1/app.js >> /var/log/overleaf/history-v1.log 2>&1
diff --git a/server-ce/runit/nginx/run b/server-ce/runit/nginx/run
new file mode 100755
index 0000000..9eacfb4
--- /dev/null
+++ b/server-ce/runit/nginx/run
@@ -0,0 +1,2 @@
+#!/bin/bash
+exec nginx
\ No newline at end of file
diff --git a/server-ce/runit/notifications-overleaf/run b/server-ce/runit/notifications-overleaf/run
new file mode 100755
index 0000000..1d0f2c8
--- /dev/null
+++ b/server-ce/runit/notifications-overleaf/run
@@ -0,0 +1,12 @@
+#!/bin/bash
+
+NODE_PARAMS=""
+if [ "$DEBUG_NODE" == "true" ]; then
+    echo "running debug - notifications"
+    NODE_PARAMS="--inspect=0.0.0.0:30420"
+fi
+
+source /etc/overleaf/env.sh
+export LISTEN_ADDRESS=127.0.0.1
+
+exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/notifications/app.js >> /var/log/overleaf/notifications.log 2>&1
diff --git a/server-ce/runit/project-history-overleaf/run b/server-ce/runit/project-history-overleaf/run
new file mode 100755
index 0000000..fe1a6bd
--- /dev/null
+++ b/server-ce/runit/project-history-overleaf/run
@@ -0,0 +1,12 @@
+#!/bin/bash
+
+NODE_PARAMS=""
+if [ "$DEBUG_NODE" == "true" ]; then
+    echo "running debug - project-history"
+    NODE_PARAMS="--inspect=0.0.0.0:30540"
+fi
+
+source /etc/overleaf/env.sh
+export LISTEN_ADDRESS=127.0.0.1
+
+exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/project-history/app.js >> /var/log/overleaf/project-history.log 2>&1
diff --git a/server-ce/runit/real-time-overleaf/run b/server-ce/runit/real-time-overleaf/run
new file mode 100755
index 0000000..8081dd7
--- /dev/null
+++ b/server-ce/runit/real-time-overleaf/run
@@ -0,0 +1,6 @@
+#!/bin/bash
+
+source /etc/overleaf/env.sh
+export LISTEN_ADDRESS=127.0.0.1
+
+exec /sbin/setuser www-data /usr/bin/node /overleaf/services/real-time/app.js >> /var/log/overleaf/real-time.log 2>&1
diff --git a/server-ce/runit/web-api-overleaf/run b/server-ce/runit/web-api-overleaf/run
new file mode 100755
index 0000000..9aafc53
--- /dev/null
+++ b/server-ce/runit/web-api-overleaf/run
@@ -0,0 +1,14 @@
+#!/bin/bash
+
+NODE_PARAMS=""
+if [ "$DEBUG_NODE" == "true" ]; then
+    echo "running debug - web-api"
+    NODE_PARAMS="--inspect=0.0.0.0:30000"
+fi
+
+source /etc/overleaf/env.sh
+export LISTEN_ADDRESS=0.0.0.0
+export ENABLED_SERVICES="api"
+export METRICS_APP_NAME="web-api"
+
+exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/web/app.mjs >> /var/log/overleaf/web-api.log 2>&1
diff --git a/server-ce/runit/web-overleaf/run b/server-ce/runit/web-overleaf/run
new file mode 100755
index 0000000..438328a
--- /dev/null
+++ b/server-ce/runit/web-overleaf/run
@@ -0,0 +1,14 @@
+#!/bin/bash
+
+NODE_PARAMS=""
+if [ "$DEBUG_NODE" == "true" ]; then
+    echo "running debug - web"
+    NODE_PARAMS="--inspect=0.0.0.0:40000"
+fi
+
+source /etc/overleaf/env.sh
+export LISTEN_ADDRESS=127.0.0.1
+export ENABLED_SERVICES="web"
+export WEB_PORT="4000"
+
+exec /sbin/setuser www-data /usr/bin/node $NODE_PARAMS /overleaf/services/web/app.mjs >> /var/log/overleaf/web.log 2>&1
diff --git a/server-ce/services.js b/server-ce/services.js
new file mode 100644
index 0000000..d0b0a9c
--- /dev/null
+++ b/server-ce/services.js
@@ -0,0 +1,41 @@
+module.exports = [
+  {
+    name: 'web',
+  },
+  {
+    name: 'real-time',
+  },
+  {
+    name: 'document-updater',
+  },
+  {
+    name: 'clsi',
+  },
+  {
+    name: 'filestore',
+  },
+  {
+    name: 'docstore',
+  },
+  {
+    name: 'chat',
+  },
+  {
+    name: 'contacts',
+  },
+  {
+    name: 'notifications',
+  },
+  {
+    name: 'project-history',
+  },
+  {
+    name: 'history-v1',
+  },
+]
+
+if (require.main === module) {
+  for (const service of module.exports) {
+    console.log(service.name)
+  }
+}
diff --git a/server-ce/test/.gitignore b/server-ce/test/.gitignore
new file mode 100644
index 0000000..56be476
--- /dev/null
+++ b/server-ce/test/.gitignore
@@ -0,0 +1,2 @@
+data/
+docker-mailtrap/
diff --git a/server-ce/test/Dockerfile b/server-ce/test/Dockerfile
new file mode 100644
index 0000000..721b99c
--- /dev/null
+++ b/server-ce/test/Dockerfile
@@ -0,0 +1,8 @@
+FROM node:20.18.2
+RUN curl -fsSL https://download.docker.com/linux/debian/gpg | apt-key add - \
+&&  echo \
+      "deb [arch=$(dpkg --print-architecture)] https://download.docker.com/linux/debian $(. /etc/os-release && echo "$VERSION_CODENAME") stable" \
+    > /etc/apt/sources.list.d/docker.list \
+&&  apt-get update \
+&&  apt-get install -y docker-ce-cli docker-compose-plugin  \
+&&  rm -rf /var/lib/apt/lists/*
diff --git a/server-ce/test/Makefile b/server-ce/test/Makefile
new file mode 100644
index 0000000..18f4446
--- /dev/null
+++ b/server-ce/test/Makefile
@@ -0,0 +1,63 @@
+all: test-e2e
+
+# We are updating the docker compose config via the host-admin service.
+# The host-admin service is running inside docker and has its own file-system layout.
+# We need to have both file-system layouts agree on the path for the docker compose project.
+# Notable the container labels com.docker.compose.project.working_dir and com.docker.compose.project.config_files need to match when creating containers from the docker host (how you started things) and from host-admin (how tests reconfigure the instance).
+export PWD = $(shell pwd)
+
+export TEX_LIVE_DOCKER_IMAGE ?= gcr.io/overleaf-ops/texlive-full:2023.1
+export ALL_TEX_LIVE_DOCKER_IMAGES ?= gcr.io/overleaf-ops/texlive-full:2023.1,gcr.io/overleaf-ops/texlive-full:2022.1
+export IMAGE_TAG_PRO ?= us-east1-docker.pkg.dev/overleaf-ops/ol-docker/pro:latest
+export CYPRESS_SHARD ?=
+export COMPOSE_PROJECT_NAME ?= test
+
+test-e2e-native:
+	docker compose -f docker-compose.yml -f docker-compose.native.yml up --no-log-prefix sharelatex host-admin -d
+	CYPRESS_HOST_ADMIN_URL='http://localhost:8081' \
+	CYPRESS_SAML_URL='http://localhost:8082' \
+	CYPRESS_MAILTRAP_URL='http://localhost:8083' \
+		npm run cypress:open
+
+test-e2e:
+	docker compose up --no-log-prefix --exit-code-from=e2e e2e
+
+test-e2e-open:
+	docker compose up --no-log-prefix --exit-code-from=e2e-open e2e-open
+
+clean:
+	docker compose down --volumes --timeout 0
+
+prefetch: prefetch_default
+prefetch_default: prefetch_default_compose
+prefetch_default_compose:
+	docker compose pull e2e mongo redis
+
+prefetch_default: prefetch_default_compose_build
+prefetch_default_compose_build:
+	docker compose build host-admin
+
+prefetch: prefetch_custom
+prefetch_custom: prefetch_custom_compose_pull
+prefetch_custom_compose_pull:
+	docker compose pull saml ldap
+
+prefetch_custom: prefetch_custom_texlive
+prefetch_custom_texlive:
+	echo "$$ALL_TEX_LIVE_DOCKER_IMAGES" | tr ',' '\n' | xargs -I% \
+	sh -exc 'tag=%; re_tag=quay.io/sharelatex/$${tag#*/*/}; docker pull $$tag; docker tag $$tag $$re_tag'
+
+prefetch_custom: prefetch_old
+prefetch_old:
+	docker pull $(IMAGE_TAG_PRO:latest=4.2)
+	docker pull $(IMAGE_TAG_PRO:latest=5.0.1-RC1)
+	docker pull $(IMAGE_TAG_PRO:latest=5.0)
+
+# Google Cloud Build runs on a very ancient Docker version that does not support the subdir flag.
+# Use services -> mailtrap -> build -> context = https://github.com/dbck/docker-mailtrap.git#v1.5.0:build in docker-compose.yml eventually.
+prefetch_default_compose_build: build_mailtrap
+build_mailtrap:
+	git clone https://github.com/dbck/docker-mailtrap.git || true && cd docker-mailtrap && git checkout v1.5.0
+	docker build -t mailtrap docker-mailtrap/build
+
+.PHONY: test-e2e test-e2e-open
diff --git a/server-ce/test/accounts.spec.ts b/server-ce/test/accounts.spec.ts
new file mode 100644
index 0000000..eeeb104
--- /dev/null
+++ b/server-ce/test/accounts.spec.ts
@@ -0,0 +1,38 @@
+import { createMongoUser, ensureUserExists, login } from './helpers/login'
+import { isExcludedBySharding, startWith } from './helpers/config'
+
+describe('Accounts', function () {
+  if (isExcludedBySharding('CE_DEFAULT')) return
+  startWith({})
+  ensureUserExists({ email: 'user@example.com' })
+
+  it('can log in and out', function () {
+    login('user@example.com')
+    cy.visit('/project')
+    cy.findByText('Account').click()
+    cy.findByText('Log Out').click()
+    cy.url().should('include', '/login')
+    cy.visit('/project')
+    cy.url().should('include', '/login')
+  })
+
+  it('should render the email on the user activate screen', () => {
+    const email = 'not-activated-user@example.com'
+    cy.then(async () => {
+      const { url } = await createMongoUser({ email })
+      return url
+    }).as('url')
+    cy.get('@url').then(url => {
+      cy.visit(`${url}`)
+      cy.url().should('contain', '/user/activate')
+      cy.findByText('Please set a password')
+      cy.get('input[autocomplete="username"]').should(
+        'have.attr',
+        'value',
+        email
+      )
+      cy.get('input[name="password"]')
+      cy.findByRole('button', { name: 'Activate' })
+    })
+  })
+})
diff --git a/server-ce/test/admin.spec.ts b/server-ce/test/admin.spec.ts
new file mode 100644
index 0000000..18b33c6
--- /dev/null
+++ b/server-ce/test/admin.spec.ts
@@ -0,0 +1,327 @@
+import { isExcludedBySharding, startWith } from './helpers/config'
+import {
+  activateUser,
+  createMongoUser,
+  ensureUserExists,
+  login,
+} from './helpers/login'
+import { v4 as uuid } from 'uuid'
+import { createProject } from './helpers/project'
+import { beforeWithReRunOnTestRetry } from './helpers/beforeWithReRunOnTestRetry'
+import { openEmail } from './helpers/email'
+
+describe('admin panel', function () {
+  function registrationTests() {
+    it('via GUI and opening URL manually', () => {
+      const user = `${uuid()}@example.com`
+      cy.get('input[name="email"]').type(user + '{enter}')
+
+      cy.get('td')
+        .contains(/\/user\/activate/)
+        .then($td => {
+          const url = $td.text().trim()
+          activateUser(url)
+        })
+    })
+
+    it('via GUI and email', () => {
+      const user = `${uuid()}@example.com`
+      cy.get('input[name="email"]').type(user + '{enter}')
+
+      let url: string
+      cy.get('td')
+        .contains(/\/user\/activate/)
+        .then($td => {
+          url = $td.text().trim()
+        })
+
+      cy.then(() => {
+        openEmail(
+          'Activate your Overleaf Community Edition Account',
+          (frame, { url }) => {
+            frame.contains('Set password').then(el => {
+              expect(el.attr('href')!).to.equal(url)
+            })
+          },
+          { url }
+        )
+        // Run activateUser in the main origin instead of inside openEmail. See docs on openEmail.
+        activateUser(url)
+      })
+    })
+    it('via script and opening URL manually', () => {
+      const user = `${uuid()}@example.com`
+      let url: string
+      cy.then(async () => {
+        ;({ url } = await createMongoUser({ email: user }))
+      })
+      cy.then(() => {
+        activateUser(url)
+      })
+    })
+    it('via script and email', () => {
+      const user = `${uuid()}@example.com`
+      let url: string
+      cy.then(async () => {
+        ;({ url } = await createMongoUser({ email: user }))
+      })
+      cy.then(() => {
+        openEmail(
+          'Activate your Overleaf Community Edition Account',
+          (frame, { url }) => {
+            frame.contains('Set password').then(el => {
+              expect(el.attr('href')!).to.equal(url)
+            })
+          },
+          { url }
+        )
+        // Run activateUser in the main origin instead of inside openEmail. See docs on openEmail.
+        activateUser(url)
+      })
+    })
+  }
+
+  describe('in CE', () => {
+    if (isExcludedBySharding('CE_DEFAULT')) return
+    startWith({ pro: false, version: 'latest' })
+    const admin = 'admin@example.com'
+    const user = `user+${uuid()}@example.com`
+    ensureUserExists({ email: admin, isAdmin: true })
+    ensureUserExists({ email: user })
+
+    describe('create users', () => {
+      beforeEach(() => {
+        login(admin)
+        cy.visit('/project')
+        cy.get('nav').findByText('Admin').click()
+        cy.get('nav').findByText('Manage Users').click()
+      })
+      registrationTests()
+    })
+  })
+
+  describe('in server pro', () => {
+    const admin = 'admin@example.com'
+    const user1 = 'user@example.com'
+    const user2 = 'user2@example.com'
+
+    let testProjectName = ''
+    let testProjectId = ''
+    let deletedProjectName = ''
+    let projectToDeleteId = ''
+
+    const findProjectRow = (projectName: string) => {
+      cy.log('find project row')
+      return cy.findByText(projectName).parent().parent()
+    }
+
+    if (isExcludedBySharding('PRO_DEFAULT_2')) return
+    startWith({
+      pro: true,
+    })
+    ensureUserExists({ email: admin, isAdmin: true })
+    ensureUserExists({ email: user1 })
+    ensureUserExists({ email: user2 })
+
+    beforeWithReRunOnTestRetry(() => {
+      testProjectName = `project-${uuid()}`
+      deletedProjectName = `deleted-project-${uuid()}`
+      login(user1)
+      createProject(testProjectName, { open: false }).then(
+        id => (testProjectId = id)
+      )
+      createProject(deletedProjectName, { open: false }).then(
+        id => (projectToDeleteId = id)
+      )
+    })
+
+    describe('manage site', () => {
+      beforeEach(() => {
+        login(admin)
+        cy.visit('/project')
+        cy.get('nav').findByText('Admin').click()
+        cy.get('nav').findByText('Manage Site').click()
+      })
+
+      it('publish and clear admin messages', () => {
+        const message = 'Admin Message ' + uuid()
+
+        cy.log('create system message')
+        cy.get('[role="tab"]').contains('System Messages').click()
+        cy.get('input[name="content"]').type(message)
+        cy.get('button').contains('Post Message').click()
+        cy.findByText(message)
+
+        login(user1)
+        cy.visit('/project')
+        cy.findByText(message)
+
+        cy.log('clear system messages')
+        login(admin)
+        cy.visit('/project')
+        cy.get('nav').findByText('Admin').click()
+        cy.get('nav').findByText('Manage Site').click()
+        cy.get('[role="tab"]').contains('System Messages').click()
+        cy.get('button').contains('Clear all messages').click()
+
+        cy.log('verify system messages are no longer displayed')
+        login(user1)
+        cy.visit('/project')
+        cy.findByText(message).should('not.exist')
+      })
+    })
+
+    describe('manage users', () => {
+      beforeEach(() => {
+        login(admin)
+        cy.visit('/project')
+        cy.get('nav').findByText('Admin').click()
+        cy.get('nav').findByText('Manage Users').click()
+      })
+
+      describe('create users', () => {
+        beforeEach(() => {
+          cy.get('a').contains('New User').click()
+        })
+        registrationTests()
+      })
+
+      it('user list RegExp search', () => {
+        cy.get('input[name="isRegExpSearch"]').click()
+        cy.get('input[name="email"]').type('user[0-9]{enter}')
+        cy.findByText(user2)
+        cy.findByText(user1).should('not.exist')
+      })
+    })
+
+    describe('user page', () => {
+      beforeEach(() => {
+        login(admin)
+        cy.visit('/project')
+        cy.get('nav').findByText('Admin').click()
+        cy.get('nav').findByText('Manage Users').click()
+        cy.get('input[name="email"]').type(user1 + '{enter}')
+        cy.findByText(user1).click()
+        cy.url().should('match', /\/admin\/user\/[a-fA-F0-9]{24}/)
+      })
+
+      it('displays expected tabs', () => {
+        const tabs = [
+          'User Info',
+          'Projects',
+          'Deleted Projects',
+          'Audit Log',
+          'Sessions',
+        ]
+        cy.get('[role="tab"]').each((el, index) => {
+          cy.wrap(el).findByText(tabs[index]).click()
+        })
+        cy.get('[role="tab"]').should('have.length', tabs.length)
+      })
+
+      describe('user info tab', () => {
+        beforeEach(() => {
+          cy.get('[role="tab"]').contains('User Info').click()
+        })
+
+        it('displays required sections', () => {
+          // not exhaustive list, checks the tab content is rendered
+          cy.findByText('Profile')
+          cy.findByText('Editor Settings')
+        })
+
+        it('should not display SaaS-only sections', () => {
+          cy.findByText('Referred User Count').should('not.exist')
+          cy.findByText('Split Test Assignments').should('not.exist')
+          cy.findByText('Experimental Features').should('not.exist')
+          cy.findByText('Service Integration').should('not.exist')
+          cy.findByText('SSO Integrations').should('not.exist')
+          cy.findByText('Security').should('not.exist')
+        })
+      })
+
+      it('transfer project ownership', () => {
+        cy.log("access project admin through owners' project list")
+        cy.get('[role="tab"]').contains('Projects').click()
+        cy.get(`a[href="/admin/project/${testProjectId}"]`).click()
+
+        cy.findByText('Transfer Ownership').click()
+        cy.get('button[type="submit"]').should('be.disabled')
+        cy.get('input[name="user_id"]').type(user2)
+        cy.get('button[type="submit"]').should('not.be.disabled')
+        cy.get('button[type="submit"]').click()
+        cy.findByText('Transfer project to this user?')
+        cy.get('button').contains('Confirm').click()
+
+        cy.log('check the project is displayed in the new owner projects tab')
+        cy.get('input[name="email"]').type(user2 + '{enter}')
+        cy.findByText(user2).click()
+        cy.get('[role="tab"]').contains('Projects').click()
+        cy.get(`a[href="/admin/project/${testProjectId}"]`)
+      })
+    })
+
+    describe('project page', () => {
+      beforeEach(() => {
+        login(admin)
+        cy.visit(`/admin/project/${testProjectId}`)
+      })
+
+      it('displays expected tabs', () => {
+        const tabs = ['Project Info', 'Deleted Docs', 'Audit Log']
+        cy.get('[role="tab"]').each((el, index) => {
+          cy.wrap(el).findByText(tabs[index]).click()
+        })
+        cy.get('[role="tab"]').should('have.length', tabs.length)
+      })
+    })
+
+    it('restore deleted projects', () => {
+      login(user1)
+      cy.visit('/project')
+
+      cy.log('select project to delete')
+      findProjectRow(deletedProjectName).within(() =>
+        cy.get('input[type="checkbox"]').first().check()
+      )
+
+      cy.log('delete project')
+      findProjectRow(deletedProjectName).within(() =>
+        cy.findByRole('button', { name: 'Trash' }).click()
+      )
+      cy.get('button').contains('Confirm').click()
+      cy.findByText(deletedProjectName).should('not.exist')
+
+      cy.log('navigate to thrashed projects and delete the project')
+      cy.get('.project-list-sidebar-react').within(() => {
+        cy.findByText('Trashed Projects').click()
+      })
+      findProjectRow(deletedProjectName).within(() =>
+        cy.findByRole('button', { name: 'Delete' }).click()
+      )
+      cy.get('button').contains('Confirm').click()
+      cy.findByText(deletedProjectName).should('not.exist')
+
+      cy.log('login as an admin and navigate to the deleted project')
+      login(admin)
+      cy.visit('/admin/user')
+      cy.get('input[name="email"]').type(user1 + '{enter}')
+      cy.get('a').contains(user1).click()
+      cy.findByText('Deleted Projects').click()
+      cy.get('a').contains(deletedProjectName).click()
+
+      cy.log('undelete the project')
+      cy.findByText('Undelete').click()
+      cy.findByText('Undelete').should('not.exist')
+      cy.url().should('contain', `/admin/project/${projectToDeleteId}`)
+
+      cy.log('login as the user and verify the project is restored')
+      login(user1)
+      cy.visit('/project')
+      cy.get('.project-list-sidebar-react').within(() => {
+        cy.findByText('Trashed Projects').click()
+      })
+      cy.findByText(`${deletedProjectName} (Restored)`)
+    })
+  })
+})
diff --git a/server-ce/test/create-and-compile-project.spec.ts b/server-ce/test/create-and-compile-project.spec.ts
new file mode 100644
index 0000000..20f8f0d
--- /dev/null
+++ b/server-ce/test/create-and-compile-project.spec.ts
@@ -0,0 +1,124 @@
+import { ensureUserExists, login } from './helpers/login'
+import {
+  createProject,
+  openProjectViaInviteNotification,
+} from './helpers/project'
+import { isExcludedBySharding, startWith } from './helpers/config'
+import { throttledRecompile } from './helpers/compile'
+
+describe('Project creation and compilation', function () {
+  if (isExcludedBySharding('CE_DEFAULT')) return
+  startWith({})
+  ensureUserExists({ email: 'user@example.com' })
+  ensureUserExists({ email: 'collaborator@example.com' })
+
+  it('users can create project and compile it', function () {
+    login('user@example.com')
+    createProject('test-project')
+    const recompile = throttledRecompile()
+    cy.findByText('\\maketitle').parent().click()
+    cy.findByText('\\maketitle').parent().type('\n\\section{{}Test Section}')
+    recompile()
+    cy.get('.pdf-viewer').should('contain.text', 'Test Section')
+  })
+
+  it('create and edit markdown file', function () {
+    const fileName = `test-${Date.now()}.md`
+    const markdownContent = '# Markdown title'
+    login('user@example.com')
+    createProject('test-project')
+
+    // FIXME: Add aria-label maybe? or at least data-test-id
+    cy.findByText('New file').click({ force: true })
+    cy.findByRole('dialog').within(() => {
+      cy.get('input').clear()
+      cy.get('input').type(fileName)
+      cy.findByText('Create').click()
+    })
+    cy.findByText(fileName).click()
+    // wait until we've switched to the newly created empty file
+    cy.get('.cm-line').should('have.length', 1)
+    cy.get('.cm-line').type(markdownContent)
+    cy.findByText('main.tex').click()
+    cy.get('.cm-content').should('contain.text', '\\maketitle')
+    cy.findByText(fileName).click()
+    cy.get('.cm-content').should('contain.text', markdownContent)
+  })
+
+  it('can link and display linked image from other project', function () {
+    const sourceProjectName = `test-project-${Date.now()}`
+    const targetProjectName = `${sourceProjectName}-target`
+    login('user@example.com')
+
+    createProject(sourceProjectName, {
+      type: 'Example Project',
+      open: false,
+    }).as('sourceProjectId')
+    createProject(targetProjectName)
+
+    // link the image from `projectName` into this project
+    cy.findByText('New file').click({ force: true })
+    cy.findByRole('dialog').within(() => {
+      cy.findByText('From another project').click()
+      cy.findByLabelText('Select a Project').select(sourceProjectName)
+      cy.findByLabelText('Select a File').select('frog.jpg')
+      cy.findByText('Create').click()
+    })
+    cy.findByTestId('file-tree').findByText('frog.jpg').click()
+    cy.findByText('Another project')
+      .should('have.attr', 'href')
+      .then(href => {
+        cy.get('@sourceProjectId').then(sourceProjectId => {
+          expect(href).to.equal(`/project/${sourceProjectId}`)
+        })
+      })
+  })
+
+  it('can refresh linked files as collaborator', function () {
+    const sourceProjectName = `test-project-${Date.now()}`
+    const targetProjectName = `${sourceProjectName}-target`
+    login('user@example.com')
+    createProject(sourceProjectName, {
+      type: 'Example Project',
+      open: false,
+    }).as('sourceProjectId')
+    createProject(targetProjectName).as('targetProjectId')
+
+    // link the image from `projectName` into this project
+    cy.findByText('New file').click({ force: true })
+    cy.findByRole('dialog').within(() => {
+      cy.findByText('From another project').click()
+      cy.findByLabelText('Select a Project').select(sourceProjectName)
+      cy.findByLabelText('Select a File').select('frog.jpg')
+      cy.findByText('Create').click()
+    })
+
+    cy.findByText('Share').click()
+    cy.findByRole('dialog').within(() => {
+      cy.findByTestId('collaborator-email-input').type(
+        'collaborator@example.com,'
+      )
+      cy.findByText('Invite').click({ force: true })
+      cy.findByText('Invite not yet accepted.')
+    })
+
+    cy.visit('/project')
+    cy.findByText('Account').click()
+    cy.findByText('Log Out').click()
+
+    login('collaborator@example.com')
+    openProjectViaInviteNotification(targetProjectName)
+    cy.get('@targetProjectId').then(targetProjectId => {
+      cy.url().should('include', targetProjectId)
+    })
+
+    cy.findByTestId('file-tree').findByText('frog.jpg').click()
+    cy.findByText('Another project')
+      .should('have.attr', 'href')
+      .then(href => {
+        cy.get('@sourceProjectId').then(sourceProjectId => {
+          expect(href).to.equal(`/project/${sourceProjectId}`)
+        })
+      })
+  })
+})
diff --git a/server-ce/test/customization.spec.ts b/server-ce/test/customization.spec.ts
new file mode 100644
index 0000000..03c9bc3
--- /dev/null
+++ b/server-ce/test/customization.spec.ts
@@ -0,0 +1,26 @@
+import { isExcludedBySharding, startWith } from './helpers/config'
+
+describe('Customization', () => {
+  if (isExcludedBySharding('CE_CUSTOM_1')) return
+  startWith({
+    vars: {
+      OVERLEAF_APP_NAME: 'CUSTOM APP NAME',
+      OVERLEAF_LEFT_FOOTER: JSON.stringify([{ text: 'CUSTOM LEFT FOOTER' }]),
+      OVERLEAF_RIGHT_FOOTER: JSON.stringify([{ text: 'CUSTOM RIGHT FOOTER' }]),
+    },
+  })
+
+  it('should display custom name', () => {
+    cy.visit('/')
+    cy.get('nav').findByText('CUSTOM APP NAME')
+  })
+
+  it('should display custom left footer', () => {
+    cy.visit('/')
+    cy.get('footer').findByText('CUSTOM LEFT FOOTER')
+  })
+  it('should display custom right footer', () => {
+    cy.visit('/')
+    cy.get('footer').findByText('CUSTOM RIGHT FOOTER')
+  })
+})
diff --git a/server-ce/test/cypress.config.js b/server-ce/test/cypress.config.js
new file mode 100644
index 0000000..07ea87b
--- /dev/null
+++ b/server-ce/test/cypress.config.js
@@ -0,0 +1,28 @@
+const { defineConfig } = require('cypress')
+const { readPdf, readFileInZip } = require('./helpers/read-file')
+
+const specPattern = process.env.SPEC_PATTERN || './**/*.spec.{js,ts,tsx}'
+
+module.exports = defineConfig({
+  defaultCommandTimeout: 10_000,
+  fixturesFolder: 'cypress/fixtures',
+  video: process.env.CYPRESS_VIDEO === 'true',
+  screenshotsFolder: 'cypress/results',
+  videosFolder: 'cypress/results',
+  videoUploadOnPasses: false,
+  viewportHeight: 768,
+  viewportWidth: 1024,
+  e2e: {
+    baseUrl: 'http://localhost',
+    setupNodeEvents(on, config) {
+      on('task', {
+        readPdf,
+        readFileInZip,
+      })
+    },
+    specPattern,
+  },
+  retries: {
+    runMode: 3,
+  },
+})
diff --git a/server-ce/test/cypress/.gitignore b/server-ce/test/cypress/.gitignore
new file mode 100644
index 0000000..5b36de2
--- /dev/null
+++ b/server-ce/test/cypress/.gitignore
@@ -0,0 +1,3 @@
+downloads/
+results/
+data/
diff --git a/server-ce/test/cypress/support/e2e.js b/server-ce/test/cypress/support/e2e.js
new file mode 100644
index 0000000..f8f1eac
--- /dev/null
+++ b/server-ce/test/cypress/support/e2e.js
@@ -0,0 +1,12 @@
+import '@testing-library/cypress/add-commands'
+
+Cypress.on('uncaught:exception', (err, runnable) => {
+  if (err.message.includes('ResizeObserver')) {
+    // spurious error from PDF preview
+    return false
+  }
+  if (err.message.includes('rcube_webmail')) {
+    // spurious error from mailtrap
+    return false
+  }
+})
diff --git a/server-ce/test/docker-compose.native.yml b/server-ce/test/docker-compose.native.yml
new file mode 100644
index 0000000..c229f6a
--- /dev/null
+++ b/server-ce/test/docker-compose.native.yml
@@ -0,0 +1,25 @@
+version: '2.2'
+services:
+  sharelatex:
+    ports:
+      - "127.0.0.1:80:80"
+    environment:
+      OVERLEAF_SITE_URL: 'http://localhost'
+
+  host-admin:
+    ports:
+      - "127.0.0.1:8081:80"
+    environment:
+      NATIVE_CYPRESS: 'true'
+      ACCESS_CONTROL_ALLOW_ORIGIN: 'http://localhost'
+
+  saml:
+    ports:
+      - 127.0.0.1:8082:80
+    environment:
+      SAML_BASE_URL_PATH: 'http://localhost:8082/simplesaml/'
+      SAML_TEST_SP_LOCATION: 'http://localhost/saml/callback'
+
+  mailtrap:
+    ports:
+      - 127.0.0.1:8083:80
diff --git a/server-ce/test/docker-compose.yml b/server-ce/test/docker-compose.yml
new file mode 100644
index 0000000..43f494a
--- /dev/null
+++ b/server-ce/test/docker-compose.yml
@@ -0,0 +1,149 @@
+version: '2.2'
+services:
+  sharelatex:
+    image: ${IMAGE_TAG_CE:-sharelatex/sharelatex:latest}
+    stop_grace_period: 0s
+    depends_on:
+      mongo:
+        condition: service_healthy
+      redis:
+        condition: service_started
+      mailtrap:
+        condition: service_started
+    environment:
+      OVERLEAF_SITE_URL: 'http://sharelatex'
+      OVERLEAF_APP_NAME: Overleaf Community Edition
+      OVERLEAF_MONGO_URL: mongodb://mongo/sharelatex?directConnection=true
+      OVERLEAF_REDIS_HOST: redis
+      REDIS_HOST: redis
+      OVERLEAF_EMAIL_FROM_ADDRESS: 'welcome@example.com'
+      OVERLEAF_EMAIL_SMTP_HOST: 'mailtrap'
+      OVERLEAF_EMAIL_SMTP_PORT: '25'
+      OVERLEAF_EMAIL_SMTP_IGNORE_TLS: 'true'
+      ENABLED_LINKED_FILE_TYPES: 'project_file,project_output_file'
+      ENABLE_CONVERSIONS: 'true'
+      EMAIL_CONFIRMATION_DISABLED: 'true'
+    healthcheck:
+      test: curl --fail http://localhost:3000/status
+      interval: 3s
+      timeout: 3s
+      retries: 30
+
+  mailtrap:
+    image: mailtrap
+    environment:
+      MAILTRAP_PASSWORD: 'password-for-mailtrap'
+
+  mongo:
+    image: mongo:6.0
+    command: '--replSet overleaf'
+    volumes:
+      - ../bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+    environment:
+      MONGO_INITDB_DATABASE: sharelatex
+    extra_hosts:
+      # Required when using the automatic database setup for initializing the replica set.
+      # This override is not needed when running the setup after starting up mongo.
+      - mongo:127.0.0.1
+    healthcheck:
+      test: echo 'db.stats().ok' | mongosh localhost:27017/test --quiet
+      interval: 3s
+      timeout: 3s
+      retries: 30
+
+  redis:
+    image: redis:7.2.1
+
+  git-bridge:
+    image: quay.io/sharelatex/git-bridge:latest
+    environment:
+      GIT_BRIDGE_API_BASE_URL: "http://sharelatex:3000/api/v0/" # "http://sharelatex/api/v0/" for version 4.1.6 and earlier
+      GIT_BRIDGE_OAUTH2_SERVER: "http://sharelatex"
+      GIT_BRIDGE_POSTBACK_BASE_URL: "http://git-bridge:8000"
+      GIT_BRIDGE_ROOT_DIR: "/data/git-bridge"
+    user: root
+    command: ["/server-pro-start.sh"]
+
+  e2e:
+    image: cypress/included:13.13.2
+    stop_grace_period: 0s
+    entrypoint: npm
+    command: run cypress:run
+    working_dir: /e2e
+    volumes:
+      - ./:/e2e
+    environment:
+      CYPRESS_SHARD:
+      CYPRESS_BASE_URL: http://sharelatex
+      SPEC_PATTERN: '**/*.spec.{js,jsx,ts,tsx}'
+    depends_on:
+      sharelatex:
+        condition: service_healthy
+      host-admin:
+        condition: service_healthy
+
+  e2e-open:
+    image: cypress/included:13.13.2
+    stop_grace_period: 0s
+    entrypoint: npm
+    command: run cypress:open
+    working_dir: /e2e
+    volumes:
+      - ./:/e2e
+      - /tmp/.X11-unix:/tmp/.X11-unix
+    user: "${DOCKER_USER:-1000:1000}"
+    environment:
+      CYPRESS_SHARD:
+      CYPRESS_BASE_URL: http://sharelatex
+      SPEC_PATTERN: '**/*.spec.{js,jsx,ts,tsx}'
+      DISPLAY: ${DISPLAY:-:0}
+    depends_on:
+      sharelatex:
+        condition: service_healthy
+      host-admin:
+        condition: service_healthy
+
+  host-admin:
+    build: .
+    entrypoint: ["node", "--watch", "host-admin.js"]
+    # See comment in Makefile regarding matching file paths
+    working_dir: $PWD
+    volumes:
+      - $PWD:$PWD
+      - /var/run/docker.sock:/var/run/docker.sock
+    stop_grace_period: 0s
+    environment:
+      PWD:
+      CYPRESS_SHARD:
+      COMPOSE_PROJECT_NAME:
+      TEX_LIVE_DOCKER_IMAGE:
+      ALL_TEX_LIVE_DOCKER_IMAGES:
+      IMAGE_TAG_CE: ${IMAGE_TAG_CE:-sharelatex/sharelatex:latest}
+      IMAGE_TAG_PRO: ${IMAGE_TAG_PRO:-quay.io/sharelatex/sharelatex-pro:latest}
+    depends_on:
+      mongo:
+        condition: service_healthy
+    healthcheck:
+      test: curl --fail http://localhost/status
+      interval: 3s
+      timeout: 3s
+      retries: 30
+
+  saml:
+    restart: always
+    image: gcr.io/overleaf-ops/saml-test
+    environment:
+      SAML_TEST_SP_ENTITY_ID: 'sharelatex-test-saml'
+      SAML_BASE_URL_PATH: 'http://saml/simplesaml/'
+      SAML_TEST_SP_LOCATION: 'http://sharelatex/saml/callback'
+
+  ldap:
+    restart: always
+    image: rroemhild/test-openldap:1.1
+    # Workaround large memory allocation (using the max-open-files-limit as socket buffer scale).
+    # REF: https://github.com/moby/moby/issues/8231#issuecomment-63877553
+    # REF: https://github.com/moby/moby/issues/8231#issuecomment-63871343
+    command:
+      - 'bash'
+      - '-c'
+      - 'ulimit -n 1024 && exec bash /run.sh'
diff --git a/server-ce/test/editor.spec.ts b/server-ce/test/editor.spec.ts
new file mode 100644
index 0000000..648c55a
--- /dev/null
+++ b/server-ce/test/editor.spec.ts
@@ -0,0 +1,382 @@
+import {
+  createNewFile,
+  createProject,
+  enableLinkSharing,
+  openFile,
+  openProjectById,
+  openProjectViaLinkSharingAsUser,
+  toggleTrackChanges,
+} from './helpers/project'
+import { isExcludedBySharding, startWith } from './helpers/config'
+import { ensureUserExists, login } from './helpers/login'
+import { v4 as uuid } from 'uuid'
+import { beforeWithReRunOnTestRetry } from './helpers/beforeWithReRunOnTestRetry'
+import { prepareWaitForNextCompileSlot } from './helpers/compile'
+
+describe('editor', () => {
+  if (isExcludedBySharding('PRO_DEFAULT_1')) return
+  startWith({ pro: true })
+  ensureUserExists({ email: 'user@example.com' })
+  ensureUserExists({ email: 'collaborator@example.com' })
+
+  let projectName: string
+  let projectId: string
+  let recompile: () => void
+  let waitForCompileRateLimitCoolOff: (fn: () => void) => void
+  beforeWithReRunOnTestRetry(function () {
+    projectName = `project-${uuid()}`
+    login('user@example.com')
+    createProject(projectName, { type: 'Example Project', open: false }).then(
+      id => (projectId = id)
+    )
+    ;({ recompile, waitForCompileRateLimitCoolOff } =
+      prepareWaitForNextCompileSlot())
+  })
+
+  beforeEach(() => {
+    login('user@example.com')
+    waitForCompileRateLimitCoolOff(() => {
+      openProjectById(projectId)
+    })
+  })
+
+  describe('spelling', function () {
+    function changeSpellCheckLanguageTo(lng: string) {
+      cy.log(`change project language to '${lng}'`)
+      cy.get('button').contains('Menu').click()
+      cy.get('select[id=settings-menu-spellCheckLanguage]').select(lng)
+      cy.get('[id="left-menu"]').type('{esc}') // close left menu
+    }
+
+    afterEach(function () {
+      changeSpellCheckLanguageTo('Off')
+    })
+
+    it('word dictionary and spelling', () => {
+      changeSpellCheckLanguageTo('English (American)')
+      createNewFile()
+      const word = createRandomLetterString()
+
+      cy.log('edit project file')
+      cy.get('.cm-line').type(word)
+
+      cy.get('.ol-cm-spelling-error').should('exist')
+
+      changeSpellCheckLanguageTo('Spanish')
+
+      cy.log('add word to dictionary')
+      cy.get('.ol-cm-spelling-error').contains(word).rightclick()
+      cy.findByText('Add to Dictionary').click()
+      cy.get('.ol-cm-spelling-error').should('not.exist')
+
+      cy.log('remove word from dictionary')
+      cy.get('button').contains('Menu').click()
+      cy.get('button').contains('Edit').click()
+      cy.get('[id="dictionary-modal"]').within(() => {
+        cy.findByText(word)
+          .parent()
+          .within(() => cy.get('button').click())
+
+        // the modal has 2 close buttons, this ensures the one with the visible label is
+        // clicked, otherwise it would need `force: true`
+        cy.get('.btn').contains('Close').click()
+      })
+
+      cy.log('close left panel')
+      cy.get('[id="left-menu"]').type('{esc}')
+
+      cy.log('rewrite word to force spelling error')
+      cy.get('.cm-line').type('{selectAll}{del}' + word + '{enter}')
+
+      cy.get('.ol-cm-spelling-error').should('contain.text', word)
+    })
+  })
+
+  describe('collaboration', () => {
+    beforeWithReRunOnTestRetry(function () {
+      enableLinkSharing().then(({ linkSharingReadAndWrite }) => {
+        const email = 'collaborator@example.com'
+        login(email)
+        openProjectViaLinkSharingAsUser(
+          linkSharingReadAndWrite,
+          projectName,
+          email
+        )
+      })
+
+      login('user@example.com')
+      waitForCompileRateLimitCoolOff(() => {
+        openProjectById(projectId)
+      })
+    })
+
+    it('track-changes', () => {
+      cy.log('disable track-changes before populating doc')
+      toggleTrackChanges(false)
+
+      const fileName = createNewFile()
+      const oldContent = 'oldContent'
+      cy.get('.cm-line').type(`${oldContent}\n\nstatic`)
+
+      cy.log('recompile to force flush')
+      recompile()
+
+      cy.log('enable track-changes for everyone')
+      toggleTrackChanges(true)
+
+      login('collaborator@example.com')
+      waitForCompileRateLimitCoolOff(() => {
+        openProjectById(projectId)
+      })
+      openFile(fileName, 'static')
+
+      cy.log('make changes in main file')
+      // cy.type() "clicks" in the center of the selected element before typing. This "click" discards the text as selected by the dblclick.
+      // Go down to the lower level event based typing, the frontend tests in web use similar events.
+      cy.get('.cm-editor').as('editor')
+      cy.get('@editor').findByText(oldContent).dblclick()
+      cy.get('@editor').trigger('keydown', { key: 'Delete' })
+      cy.get('@editor').trigger('keydown', { key: 'Enter' })
+      cy.get('@editor').trigger('keydown', { key: 'Enter' })
+
+      cy.log('recompile to force flush')
+      recompile()
+
+      login('user@example.com')
+      waitForCompileRateLimitCoolOff(() => {
+        openProjectById(projectId)
+      })
+      openFile(fileName, 'static')
+
+      cy.log('reject changes')
+      cy.contains('.toolbar-item', 'Review').click()
+      cy.get('.cm-content').should('not.contain.text', oldContent)
+      cy.findByText('Reject change').click({ force: true })
+      cy.contains('.toolbar-item', 'Review').click()
+
+      cy.log('recompile to force flush')
+      recompile()
+
+      cy.log('verify the changes are applied')
+      cy.get('.cm-content').should('contain.text', oldContent)
+
+      cy.log('disable track-changes for everyone again')
+      toggleTrackChanges(false)
+    })
+
+    it('track-changes rich text', () => {
+      cy.log('disable track-changes before populating doc')
+      toggleTrackChanges(false)
+
+      const fileName = createNewFile()
+      const oldContent = 'oldContent'
+      cy.get('.cm-line').type(`\\section{{}${oldContent}}\n\nstatic`)
+
+      cy.log('recompile to force flush')
+      recompile()
+
+      cy.log('enable track-changes for everyone')
+      toggleTrackChanges(true)
+
+      login('collaborator@example.com')
+      waitForCompileRateLimitCoolOff(() => {
+        openProjectById(projectId)
+      })
+      cy.log('enable visual editor and make changes in main file')
+      cy.findByText('Visual Editor').click()
+
+      openFile(fileName, 'static')
+
+      // cy.type() "clicks" in the center of the selected element before typing. This "click" discards the text as selected by the dblclick.
+      // Go down to the lower level event based typing, the frontend tests in web use similar events.
+      cy.get('.cm-editor').as('editor')
+      cy.get('@editor').findByText(oldContent).dblclick()
+      cy.get('@editor').trigger('keydown', { key: 'Delete' })
+      cy.get('@editor').trigger('keydown', { key: 'Enter' })
+      cy.get('@editor').trigger('keydown', { key: 'Enter' })
+
+      cy.log('recompile to force flush')
+      recompile()
+
+      login('user@example.com')
+      waitForCompileRateLimitCoolOff(() => {
+        openProjectById(projectId)
+      })
+      openFile(fileName, 'static')
+
+      cy.log('reject changes')
+      cy.contains('.toolbar-item', 'Review').click()
+      cy.get('.cm-content').should('not.contain.text', oldContent)
+      cy.findAllByText('Reject change').first().click({ force: true })
+      cy.contains('.toolbar-item', 'Review').click()
+
+      cy.log('recompile to force flush')
+      recompile()
+
+      cy.log('verify the changes are applied in the visual editor')
+      cy.findByText('Visual Editor').click()
+      cy.get('.cm-content').should('contain.text', oldContent)
+
+      cy.log('disable track-changes for everyone again')
+      toggleTrackChanges(false)
+    })
+  })
+
+  describe('editor', () => {
+    it('renders jpg', () => {
+      cy.findByTestId('file-tree').findByText('frog.jpg').click()
+      cy.get('[alt="frog.jpg"]')
+        .should('be.visible')
+        .and('have.prop', 'naturalWidth')
+        .should('be.greaterThan', 0)
+    })
+
+    it('symbol palette', () => {
+      createNewFile()
+
+      cy.get('button[aria-label="Toggle Symbol Palette"]').click({
+        force: true,
+      })
+      cy.get('button').contains('𝜉').click()
+      cy.get('.cm-content').should('contain.text', '\\xi')
+
+      cy.log('recompile to force flush and avoid "unsaved changes" prompt')
+      recompile()
+    })
+  })
+
+  describe('add new file to project', () => {
+    beforeEach(() => {
+      cy.get('button').contains('New file').click({ force: true })
+    })
+
+    it('can upload file', () => {
+      const name = `${uuid()}.txt`
+      const content = `Test File Content ${name}`
+      cy.get('button').contains('Upload').click({ force: true })
+      cy.get('input[type=file]')
+        .first()
+        .selectFile(
+          {
+            contents: Cypress.Buffer.from(content),
+            fileName: name,
+            lastModified: Date.now(),
+          },
+          { force: true }
+        )
+      // force: The file-tree pane is too narrow to display the full name.
+      cy.findByTestId('file-tree').findByText(name).click({ force: true })
+      cy.findByText(content)
+    })
+
+    it('should not display import from URL', () => {
+      cy.findByText('From external URL').should('not.exist')
+    })
+  })
+
+  describe('left menu', () => {
+    beforeEach(() => {
+      cy.get('button').contains('Menu').click()
+    })
+
+    it('can download project sources', () => {
+      cy.get('a').contains('Source').click()
+      cy.task('readFileInZip', {
+        pathToZip: `cypress/downloads/${projectName}.zip`,
+        fileToRead: 'main.tex',
+      }).should('contain', 'Your introduction goes here')
+    })
+
+    it('can download project PDF', () => {
+      cy.log('ensure project is compiled')
+      cy.get('.pdf-viewer').should('contain.text', 'Your Paper')
+
+      cy.get('.nav-downloads').within(() => {
+        cy.findByText('PDF').click()
+        const pdfName = projectName.replaceAll('-', '_')
+        cy.task('readPdf', `cypress/downloads/${pdfName}.pdf`).should(
+          'contain',
+          'Your introduction goes here'
+        )
+      })
+    })
+
+    it('word count', () => {
+      cy.log('ensure project is compiled')
+      cy.get('.pdf-viewer').should('contain.text', 'Your Paper')
+
+      cy.findByText('Word Count').click()
+
+      cy.get('#word-count-modal').within(() => {
+        cy.findByText('Total Words:')
+        cy.findByText('607')
+        cy.findByText('Headers:')
+        cy.findByText('14')
+        cy.findByText('Math Inline:')
+        cy.findByText('6')
+        cy.findByText('Math Display:')
+        cy.findByText('1')
+      })
+    })
+  })
+
+  describe('layout selector', () => {
+    it('show editor only and switch between editor and pdf', () => {
+      cy.get('.pdf-viewer').should('be.visible')
+      cy.get('.cm-editor').should('be.visible')
+
+      cy.findByText('Layout').click()
+      cy.findByText('Editor only').click()
+
+      cy.get('.pdf-viewer').should('not.be.visible')
+      cy.get('.cm-editor').should('be.visible')
+
+      cy.findByText('Switch to PDF').click()
+
+      cy.get('.pdf-viewer').should('be.visible')
+      cy.get('.cm-editor').should('not.be.visible')
+
+      cy.findByText('Switch to editor').click()
+
+      cy.get('.pdf-viewer').should('not.be.visible')
+      cy.get('.cm-editor').should('be.visible')
+    })
+
+    it('show PDF only and go back to Editor & PDF', () => {
+      cy.get('.pdf-viewer').should('be.visible')
+      cy.get('.cm-editor').should('be.visible')
+
+      cy.findByText('Layout').click()
+      cy.findByText('PDF only').click()
+
+      cy.get('.pdf-viewer').should('be.visible')
+      cy.get('.cm-editor').should('not.be.visible')
+
+      cy.findByText('Layout').click()
+      cy.findByText('Editor & PDF').click()
+
+      cy.get('.pdf-viewer').should('be.visible')
+      cy.get('.cm-editor').should('be.visible')
+    })
+
+    it('PDF in a separate tab (tests editor only)', () => {
+      cy.get('.pdf-viewer').should('be.visible')
+      cy.get('.cm-editor').should('be.visible')
+
+      cy.findByText('Layout').click()
+      cy.findByText('PDF in separate tab').click()
+
+      cy.get('.pdf-viewer').should('not.exist')
+      cy.get('.cm-editor').should('be.visible')
+    })
+  })
+})
+
+function createRandomLetterString() {
+  const chars = 'abcdefghijklmnopqrstuvwxyz'
+  let result = ''
+  for (let i = 0; i < 12; i++) {
+    result += chars.charAt(Math.floor(Math.random() * chars.length))
+  }
+  return result
+}
diff --git a/server-ce/test/external-auth.spec.ts b/server-ce/test/external-auth.spec.ts
new file mode 100644
index 0000000..f26947e
--- /dev/null
+++ b/server-ce/test/external-auth.spec.ts
@@ -0,0 +1,73 @@
+import { isExcludedBySharding, startWith } from './helpers/config'
+import { createProject } from './helpers/project'
+
+describe('SAML', () => {
+  if (isExcludedBySharding('PRO_CUSTOM_1')) return
+  const samlURL = Cypress.env('SAML_URL') || 'http://saml'
+
+  startWith({
+    pro: true,
+    vars: {
+      EXTERNAL_AUTH: 'saml',
+      OVERLEAF_SAML_ENTRYPOINT: `${samlURL}/simplesaml/saml2/idp/SSOService.php`,
+      OVERLEAF_SAML_CALLBACK_URL: `${Cypress.config().baseUrl}/saml/callback`,
+      OVERLEAF_SAML_ISSUER: 'sharelatex-test-saml',
+      OVERLEAF_SAML_IDENTITY_SERVICE_NAME: 'SAML Test Server',
+      OVERLEAF_SAML_EMAIL_FIELD: 'email',
+      OVERLEAF_SAML_FIRST_NAME_FIELD: 'givenName',
+      OVERLEAF_SAML_LAST_NAME_FIELD: 'sn',
+      OVERLEAF_SAML_UPDATE_USER_DETAILS_ON_LOGIN: 'true',
+      OVERLEAF_SAML_CERT:
+        'MIIDXTCCAkWgAwIBAgIJAOvOeQ4xFTzsMA0GCSqGSIb3DQEBCwUAMEUxCzAJBgNVBAYTAkdCMRMwEQYDVQQIDApTb21lLVN0YXRlMSEwHwYDVQQKDBhJbnRlcm5ldCBXaWRnaXRzIFB0eSBMdGQwHhcNMTYxMTE1MTQxMjU5WhcNMjYxMTE1MTQxMjU5WjBFMQswCQYDVQQGEwJHQjETMBEGA1UECAwKU29tZS1TdGF0ZTEhMB8GA1UECgwYSW50ZXJuZXQgV2lkZ2l0cyBQdHkgTHRkMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAxCT6MBe5G9VoLU8MfztOEbUhnwLp17ak8eFUqxqeXkkqtWB0b/cmIBU3xoQoO3dIF8PBzfqehqfYVhrNt/TFgcmDfmJnPJRL1RJWMW3VmiP5odJ3LwlkKbZpkeT3wZ8HEJIR1+zbpxiBNkbd2GbdR1iumcsHzMYX1A2CBj+ZMV5VijC+K4P0e9c05VsDEUtLmfeAasJAiumQoVVgAe/BpiXjICGGewa6EPFI7mKkifIRKOGxdRESwZZjxP30bI31oDN0cgKqIgSJtJ9nfCn9jgBMBkQHu42WMuaWD4jrGd7+vYdX+oIfArs9aKgAH5kUGhGdew2R9SpBefrhbNxG8QIDAQABo1AwTjAdBgNVHQ4EFgQU+aSojSyyLChP/IpZcafvSdhj7KkwHwYDVR0jBBgwFoAU+aSojSyyLChP/IpZcafvSdhj7KkwDAYDVR0TBAUwAwEB/zANBgkqhkiG9w0BAQsFAAOCAQEABl3+OOVLBWMKs6PjA8lPuloWDNzSr3v76oUcHqAb+cfbucjXrOVsS9RJ0X9yxvCQyfM9FfY43DbspnN3izYhdvbJD8kKLNf0LA5st+ZxLfy0ACyL2iyAwICaqndqxAjQYplFAHmpUiu1DiHckyBPekokDJd+ze95urHMOsaGS5RWPoKJVE0bkaAeZCmEu0NNpXRSBiuxXSTeSAJfv6kyE/rkdhzUKyUl/cGQFrsVYfAFQVA+W6CKOh74ErSEzSHQQYndl7nD33snD/YqdU1ROxV6aJzLKCg+sdj+wRXSP2u/UHnM4jW9TGJfhO42jzL6WVuEvr9q4l7zWzUQKKKhtQ==',
+    },
+  })
+
+  it('login', () => {
+    cy.visit('/')
+    cy.findByText('Log in with SAML Test Server').click()
+
+    cy.origin(samlURL, () => {
+      cy.get('input[name="username"]').type('sally')
+      cy.get('input[name="password"]').type('sally123')
+      cy.get('button[type="submit"]').click()
+    })
+
+    cy.log('wait for login to finish')
+    cy.url().should('contain', '/project')
+
+    createProject('via SAML')
+  })
+})
+
+describe('LDAP', () => {
+  if (isExcludedBySharding('PRO_CUSTOM_1')) return
+  startWith({
+    pro: true,
+    vars: {
+      EXTERNAL_AUTH: 'ldap',
+      OVERLEAF_LDAP_URL: 'ldap://ldap:389',
+      OVERLEAF_LDAP_SEARCH_BASE: 'ou=people,dc=planetexpress,dc=com',
+      OVERLEAF_LDAP_SEARCH_FILTER: '(uid={{username}})',
+      OVERLEAF_LDAP_BIND_DN: 'cn=admin,dc=planetexpress,dc=com',
+      OVERLEAF_LDAP_BIND_CREDENTIALS: 'GoodNewsEveryone',
+      OVERLEAF_LDAP_EMAIL_ATT: 'mail',
+      OVERLEAF_LDAP_NAME_ATT: 'cn',
+      OVERLEAF_LDAP_LAST_NAME_ATT: 'sn',
+      OVERLEAF_LDAP_UPDATE_USER_DETAILS_ON_LOGIN: 'true',
+    },
+  })
+
+  it('login', () => {
+    cy.visit('/')
+    cy.findByText('Log in LDAP')
+
+    cy.get('input[name="login"]').type('fry')
+    cy.get('input[name="password"]').type('fry')
+    cy.get('button[type="submit"]').click()
+
+    cy.log('wait for login to finish')
+    cy.url().should('contain', '/project')
+
+    createProject('via LDAP')
+  })
+})
diff --git a/server-ce/test/git-bridge.spec.ts b/server-ce/test/git-bridge.spec.ts
new file mode 100644
index 0000000..071091b
--- /dev/null
+++ b/server-ce/test/git-bridge.spec.ts
@@ -0,0 +1,396 @@
+import { v4 as uuid } from 'uuid'
+import { isExcludedBySharding, startWith } from './helpers/config'
+import { ensureUserExists, login } from './helpers/login'
+import {
+  createProject,
+  enableLinkSharing,
+  openProjectByName,
+  openProjectViaLinkSharingAsUser,
+  shareProjectByEmailAndAcceptInviteViaDash,
+} from './helpers/project'
+
+import git from 'isomorphic-git'
+import http from 'isomorphic-git/http/web'
+import LightningFS from '@isomorphic-git/lightning-fs'
+import { throttledRecompile } from './helpers/compile'
+
+describe('git-bridge', function () {
+  const ENABLED_VARS = {
+    GIT_BRIDGE_ENABLED: 'true',
+    GIT_BRIDGE_HOST: 'git-bridge',
+    GIT_BRIDGE_PORT: '8000',
+    V1_HISTORY_URL: 'http://sharelatex:3100/api',
+  }
+
+  function gitURL(projectId: string) {
+    const url = new URL(Cypress.config().baseUrl!)
+    url.username = 'git'
+    url.pathname = `/git/${projectId}`
+    return url
+  }
+
+  describe('enabled in Server Pro', function () {
+    if (isExcludedBySharding('PRO_CUSTOM_1')) return
+    startWith({
+      pro: true,
+      vars: ENABLED_VARS,
+    })
+    ensureUserExists({ email: 'user@example.com' })
+
+    function clearAllTokens() {
+      cy.get('button.linking-git-bridge-revoke-button').each(el => {
+        cy.wrap(el).click()
+        cy.findByText('Delete token').click()
+      })
+    }
+
+    function maybeClearAllTokens() {
+      cy.visit('/user/settings')
+      cy.findByText('Git Integration')
+      cy.get('button')
+        .contains(/Generate token|Add another token/)
+        .then(btn => {
+          if (btn.text() === 'Add another token') {
+            clearAllTokens()
+          }
+        })
+    }
+
+    beforeEach(function () {
+      login('user@example.com')
+    })
+
+    it('should render the git-bridge UI in the settings', () => {
+      maybeClearAllTokens()
+      cy.visit('/user/settings')
+      cy.findByText('Git Integration')
+      cy.get('button').contains('Generate token').click()
+      cy.get('code')
+        .contains(/olp_[a-zA-Z0-9]{16}/)
+        .as('newToken')
+      cy.findAllByText('Close').last().click()
+      cy.get('@newToken').then(token => {
+        // There can be more than one token with the same prefix when retrying
+        cy.findAllByText(
+          `${token.text().slice(0, 'olp_1234'.length)}${'*'.repeat(12)}`
+        ).should('have.length.at.least', 1)
+      })
+      cy.get('button').contains('Generate token').should('not.exist')
+      cy.get('button').contains('Add another token').should('exist')
+      clearAllTokens()
+      cy.get('button').contains('Generate token').should('exist')
+      cy.get('button').contains('Add another token').should('not.exist')
+    })
+
+    it('should render the git-bridge UI in the editor', function () {
+      maybeClearAllTokens()
+      createProject('git').as('projectId')
+      cy.get('header').findByText('Menu').click()
+      cy.findByText('Sync')
+      cy.findByText('Git').click()
+      cy.findByTestId('git-bridge-modal').within(() => {
+        cy.get('@projectId').then(id => {
+          cy.get('code').contains(`git clone ${gitURL(id.toString())}`)
+        })
+        cy.findByRole('button', {
+          name: 'Generate token',
+        }).click()
+        cy.get('code').contains(/olp_[a-zA-Z0-9]{16}/)
+      })
+
+      // Re-open
+      cy.url().then(url => cy.visit(url))
+      cy.get('header').findByText('Menu').click()
+      cy.findByText('Git').click()
+      cy.findByTestId('git-bridge-modal').within(() => {
+        cy.get('@projectId').then(id => {
+          cy.get('code').contains(`git clone ${gitURL(id.toString())}`)
+        })
+        cy.findByText('Generate token').should('not.exist')
+        cy.findByText(/generate a new one in Account Settings/)
+        cy.findByText('Go to settings')
+          .should('have.attr', 'target', '_blank')
+          .and('have.attr', 'href', '/user/settings')
+      })
+    })
+
+    describe('git access', () => {
+      ensureUserExists({ email: 'collaborator-rw@example.com' })
+      ensureUserExists({ email: 'collaborator-ro@example.com' })
+      ensureUserExists({ email: 'collaborator-link-rw@example.com' })
+      ensureUserExists({ email: 'collaborator-link-ro@example.com' })
+
+      let projectName: string
+      beforeEach(() => {
+        projectName = uuid()
+        createProject(projectName, { open: false }).as('projectId')
+      })
+
+      it('should expose r/w interface to owner', () => {
+        maybeClearAllTokens()
+        openProjectByName(projectName)
+        checkGitAccess('readAndWrite')
+      })
+
+      it('should expose r/w interface to invited r/w collaborator', () => {
+        shareProjectByEmailAndAcceptInviteViaDash(
+          projectName,
+          'collaborator-rw@example.com',
+          'Editor'
+        )
+        maybeClearAllTokens()
+        openProjectByName(projectName)
+        checkGitAccess('readAndWrite')
+      })
+
+      it('should expose r/o interface to invited r/o collaborator', () => {
+        shareProjectByEmailAndAcceptInviteViaDash(
+          projectName,
+          'collaborator-ro@example.com',
+          'Viewer'
+        )
+        maybeClearAllTokens()
+        openProjectByName(projectName)
+        checkGitAccess('readOnly')
+      })
+
+      it('should expose r/w interface to link-sharing r/w collaborator', () => {
+        openProjectByName(projectName)
+        enableLinkSharing().then(({ linkSharingReadAndWrite }) => {
+          const email = 'collaborator-link-rw@example.com'
+          login(email)
+          maybeClearAllTokens()
+          openProjectViaLinkSharingAsUser(
+            linkSharingReadAndWrite,
+            projectName,
+            email
+          )
+          checkGitAccess('readAndWrite')
+        })
+      })
+
+      it('should expose r/o interface to link-sharing r/o collaborator', () => {
+        openProjectByName(projectName)
+        enableLinkSharing().then(({ linkSharingReadOnly }) => {
+          const email = 'collaborator-link-ro@example.com'
+          login(email)
+          maybeClearAllTokens()
+          openProjectViaLinkSharingAsUser(
+            linkSharingReadOnly,
+            projectName,
+            email
+          )
+          checkGitAccess('readOnly')
+        })
+      })
+    })
+
+    function checkGitAccess(access: 'readOnly' | 'readAndWrite') {
+      const recompile = throttledRecompile()
+
+      cy.get('header').findByText('Menu').click()
+      cy.findByText('Sync')
+      cy.findByText('Git').click()
+      cy.get('@projectId').then(projectId => {
+        cy.findByTestId('git-bridge-modal').within(() => {
+          cy.get('code').contains(`git clone ${gitURL(projectId.toString())}`)
+        })
+        cy.findByRole('button', {
+          name: 'Generate token',
+        }).click()
+        cy.get('code')
+          .contains(/olp_[a-zA-Z0-9]{16}/)
+          .then(async tokenEl => {
+            const token = tokenEl.text()
+
+            // close Git modal
+            cy.findAllByText('Close').last().click()
+            // close editor menu
+            cy.get('.left-menu-modal-backdrop').click()
+
+            const fs = new LightningFS('fs')
+            const dir = `/${projectId}`
+
+            async function readFile(path: string): Promise<string> {
+              return new Promise((resolve, reject) => {
+                fs.readFile(path, { encoding: 'utf8' }, (err, blob) => {
+                  if (err) return reject(err)
+                  resolve(blob as string)
+                })
+              })
+            }
+
+            async function writeFile(path: string, data: string) {
+              return new Promise<void>((resolve, reject) => {
+                fs.writeFile(path, data, undefined, err => {
+                  if (err) return reject(err)
+                  resolve()
+                })
+              })
+            }
+
+            const commonOptions = {
+              dir,
+              fs,
+            }
+            const url = gitURL(projectId.toString())
+            url.username = '' // basic auth is specified separately.
+            const httpOptions = {
+              http,
+              url: url.toString(),
+              headers: {
+                Authorization: `Basic ${Buffer.from(`git:${token}`).toString('base64')}`,
+              },
+            }
+            const authorOptions = {
+              author: { name: 'user', email: 'user@example.com' },
+              committer: { name: 'user', email: 'user@example.com' },
+            }
+            const mainTex = `${dir}/main.tex`
+
+            // Clone
+            cy.then({ timeout: 10_000 }, async () => {
+              await git.clone({
+                ...commonOptions,
+                ...httpOptions,
+              })
+            })
+
+            cy.findByText(/\\documentclass/)
+              .parent()
+              .parent()
+              .then(async editor => {
+                const onDisk = await readFile(mainTex)
+                expect(onDisk.replaceAll('\n', '')).to.equal(editor.text())
+              })
+
+            const text = `
+\\documentclass{article}
+\\begin{document}
+Hello world
+\\end{document}
+`
+
+            // Make a change
+            cy.then(async () => {
+              await writeFile(mainTex, text)
+              await git.add({
+                ...commonOptions,
+                filepath: 'main.tex',
+              })
+              await git.commit({
+                ...commonOptions,
+                ...authorOptions,
+                message: 'Swap main.tex',
+              })
+            })
+
+            if (access === 'readAndWrite') {
+              // check history before push
+              cy.findAllByText('History').last().click()
+              cy.findByText('(via Git)').should('not.exist')
+              cy.findAllByText('Back to editor').last().click()
+
+              cy.then(async () => {
+                await git.push({
+                  ...commonOptions,
+                  ...httpOptions,
+                })
+              })
+            } else {
+              cy.then(async () => {
+                try {
+                  await git.push({
+                    ...commonOptions,
+                    ...httpOptions,
+                  })
+                  expect.fail('push should have failed')
+                } catch (err) {
+                  expect(err).to.match(/branches were not updated/)
+                  expect(err).to.match(/forbidden/)
+                }
+              })
+
+              return // return early, below are write access bits
+            }
+
+            // check push in editor
+            cy.findByText(/\\documentclass/)
+              .parent()
+              .parent()
+              .should('have.text', text.replaceAll('\n', ''))
+
+            // Wait for history sync - trigger flush by toggling the UI
+            cy.findAllByText('History').last().click()
+            cy.findAllByText('Back to editor').last().click()
+
+            // check push in history
+            cy.findAllByText('History').last().click()
+            cy.findByText(/Hello world/)
+            cy.findByText('(via Git)').should('exist')
+
+            // Back to the editor
+            cy.findAllByText('Back to editor').last().click()
+            cy.findByText(/\\documentclass/)
+              .parent()
+              .parent()
+              .click()
+              .type('% via editor{enter}')
+
+            // Trigger flush via compile
+            recompile()
+
+            // Back into the history, check what we just added
+            cy.findAllByText('History').last().click()
+            cy.findByText(/% via editor/)
+
+            // Pull the change
+            cy.then(async () => {
+              await git.pull({
+                ...commonOptions,
+                ...httpOptions,
+                ...authorOptions,
+              })
+
+              expect(await readFile(mainTex)).to.equal(text + '% via editor\n')
+            })
+          })
+      })
+    }
+  })
+
+  function checkDisabled() {
+    ensureUserExists({ email: 'user@example.com' })
+
+    it('should not render the git-bridge UI in the settings', () => {
+      login('user@example.com')
+      cy.visit('/user/settings')
+      cy.findByText('Git Integration').should('not.exist')
+    })
+    it('should not render the git-bridge UI in the editor', function () {
+      login('user@example.com')
+      createProject('maybe git')
+      cy.get('header').findByText('Menu').click()
+      cy.findByText('Word Count') // wait for lazy loading
+      cy.findByText('Sync').should('not.exist')
+      cy.findByText('Git').should('not.exist')
+    })
+  }
+
+  describe('disabled in Server Pro', () => {
+    if (isExcludedBySharding('PRO_DEFAULT_1')) return
+    startWith({
+      pro: true,
+    })
+    checkDisabled()
+  })
+
+  describe('unavailable in CE', () => {
+    if (isExcludedBySharding('CE_CUSTOM_1')) return
+    startWith({
+      pro: false,
+      vars: ENABLED_VARS,
+    })
+    checkDisabled()
+  })
+})
diff --git a/server-ce/test/graceful-shutdown.spec.ts b/server-ce/test/graceful-shutdown.spec.ts
new file mode 100644
index 0000000..40dc144
--- /dev/null
+++ b/server-ce/test/graceful-shutdown.spec.ts
@@ -0,0 +1,95 @@
+import { ensureUserExists, login } from './helpers/login'
+import {
+  isExcludedBySharding,
+  STARTUP_TIMEOUT,
+  startWith,
+} from './helpers/config'
+import { dockerCompose, getRedisKeys } from './helpers/hostAdminClient'
+import { createProject } from './helpers/project'
+import { throttledRecompile } from './helpers/compile'
+
+const USER = 'user@example.com'
+const PROJECT_NAME = 'Old Project'
+
+function bringServerProBackUp() {
+  cy.log('bring server pro back up')
+  cy.then({ timeout: STARTUP_TIMEOUT }, async () => {
+    await dockerCompose('up', '--detach', '--wait', 'sharelatex')
+  })
+}
+
+describe('GracefulShutdown', function () {
+  if (isExcludedBySharding('PRO_CUSTOM_1')) return
+  startWith({
+    pro: true,
+    withDataDir: true,
+    resetData: true,
+  })
+  ensureUserExists({ email: USER })
+
+  let projectId: string
+  it('should display banner and flush changes out of redis', () => {
+    bringServerProBackUp()
+    login(USER)
+    createProject(PROJECT_NAME).then(id => {
+      projectId = id
+    })
+    const recompile = throttledRecompile()
+
+    cy.log('add additional content')
+    cy.findByText('\\maketitle').parent().click()
+    cy.findByText('\\maketitle').parent().type(`\n\\section{{}New Section}`)
+    recompile()
+
+    cy.log(
+      'check flush from frontend to backend: should include new section in PDF'
+    )
+    cy.get('.pdf-viewer').should('contain.text', 'New Section')
+
+    cy.log('should have unflushed content in redis before shutdown')
+    cy.then(async () => {
+      const keys = await getRedisKeys()
+      expect(keys).to.contain(`DocsIn:${projectId}`)
+      expect(keys).to.contain(`ProjectHistory:Ops:{${projectId}}`)
+    })
+
+    cy.log('trigger graceful shutdown')
+    let pendingShutdown: Promise<any>
+    cy.then(() => {
+      pendingShutdown = dockerCompose('stop', '--timeout=60', 'sharelatex')
+    })
+
+    cy.log('wait for banner')
+    cy.findByText(/performing maintenance/)
+    cy.log('wait for page reload')
+    cy.findByText(/is currently down for maintenance/)
+
+    cy.log('wait for shutdown to complete')
+    cy.then({ timeout: 60 * 1000 }, async () => {
+      await pendingShutdown
+    })
+
+    cy.log('should not have any unflushed content in redis after shutdown')
+    cy.then(async () => {
+      const keys = await getRedisKeys()
+      expect(keys).to.not.contain(`DocsIn:${projectId}`)
+      expect(keys).to.not.contain(`ProjectHistory:Ops:{${projectId}}`)
+    })
+
+    bringServerProBackUp()
+
+    cy.then(() => {
+      cy.visit(`/project/${projectId}?trick-cypress-into-page-reload=true`)
+    })
+
+    cy.log('check loading doc from mongo')
+    cy.findByText('New Section')
+
+    cy.log('check PDF')
+    cy.get('.pdf-viewer').should('contain.text', 'New Section')
+
+    cy.log('check history')
+    cy.findByText('History').click()
+    cy.findByText(/\\section\{New Section}/)
+  })
+})
diff --git a/server-ce/test/helpers/beforeWithReRunOnTestRetry.ts b/server-ce/test/helpers/beforeWithReRunOnTestRetry.ts
new file mode 100644
index 0000000..ce552c3
--- /dev/null
+++ b/server-ce/test/helpers/beforeWithReRunOnTestRetry.ts
@@ -0,0 +1,8 @@
+export function beforeWithReRunOnTestRetry(fn: () => void | Promise<any>) {
+  let ranOnce = false
+  beforeEach(() => {
+    if (ranOnce && Cypress.currentRetry === 0) return
+    ranOnce = true
+    return fn()
+  })
+}
diff --git a/server-ce/test/helpers/compile.ts b/server-ce/test/helpers/compile.ts
new file mode 100644
index 0000000..9f0c9e4
--- /dev/null
+++ b/server-ce/test/helpers/compile.ts
@@ -0,0 +1,40 @@
+/**
+ * Helper function for throttling clicks on the recompile button to avoid hitting server side rate limits.
+ * The naive approach is waiting a fixed a mount of time (3s) just before clicking the button.
+ * This helper takes into account that other UI interactions take time. We can deduce that latency from the fixed delay (3s minus other latency). This can bring down the effective waiting time to 0s.
+ */
+export function throttledRecompile() {
+  const { queueReset, recompile } = prepareWaitForNextCompileSlot()
+  queueReset()
+  return recompile
+}
+
+export function prepareWaitForNextCompileSlot() {
+  let lastCompile = 0
+  function queueReset() {
+    cy.then(() => {
+      lastCompile = Date.now()
+    })
+  }
+  function waitForCompileRateLimitCoolOff(triggerCompile: () => void) {
+    cy.then(() => {
+      cy.log('Wait for recompile rate-limit to cool off')
+      const msSinceLastCompile = Date.now() - lastCompile
+      cy.wait(Math.max(0, 1_000 - msSinceLastCompile))
+      queueReset()
+      triggerCompile()
+      cy.log('Wait for compile to finish')
+      cy.findByText('Recompile').should('be.visible')
+    })
+  }
+  function recompile() {
+    waitForCompileRateLimitCoolOff(() => {
+      cy.findByText('Recompile').click()
+    })
+  }
+  return {
+    queueReset,
+    waitForCompileRateLimitCoolOff,
+    recompile,
+  }
+}
diff --git a/server-ce/test/helpers/config.ts b/server-ce/test/helpers/config.ts
new file mode 100644
index 0000000..030e70c
--- /dev/null
+++ b/server-ce/test/helpers/config.ts
@@ -0,0 +1,64 @@
+import { reconfigure } from './hostAdminClient'
+import { resetActivateUserRateLimit, resetCreatedUsersCache } from './login'
+
+export const STARTUP_TIMEOUT =
+  parseInt(Cypress.env('STARTUP_TIMEOUT'), 10) || 120_000
+
+export function isExcludedBySharding(
+  shard:
+    | 'CE_DEFAULT'
+    | 'CE_CUSTOM_1'
+    | 'CE_CUSTOM_2'
+    | 'PRO_DEFAULT_1'
+    | 'PRO_DEFAULT_2'
+    | 'PRO_CUSTOM_1'
+    | 'PRO_CUSTOM_2'
+    | 'PRO_CUSTOM_3'
+) {
+  const SHARD = Cypress.env('SHARD')
+  return SHARD && shard !== SHARD
+}
+
+let previousConfigFrontend: string
+
+export function startWith({
+  pro = false,
+  version = 'latest',
+  vars = {},
+  varsFn = () => ({}),
+  withDataDir = false,
+  resetData = false,
+}) {
+  before(async function () {
+    Object.assign(vars, varsFn())
+    const cfg = JSON.stringify({
+      pro,
+      version,
+      vars,
+      withDataDir,
+      resetData,
+    })
+    if (resetData) {
+      resetCreatedUsersCache()
+      resetActivateUserRateLimit()
+      // no return here, always reconfigure when resetting data
+    } else if (previousConfigFrontend === cfg) {
+      return
+    }
+
+    this.timeout(STARTUP_TIMEOUT)
+    const { previousConfigServer } = await reconfigure({
+      pro,
+      version,
+      vars,
+      withDataDir,
+      resetData,
+    })
+    if (previousConfigServer !== cfg) {
+      await Cypress.session.clearAllSavedSessions()
+    }
+    previousConfigFrontend = cfg
+  })
+}
+
+export { reconfigure }
diff --git a/server-ce/test/helpers/email.ts b/server-ce/test/helpers/email.ts
new file mode 100644
index 0000000..036f746
--- /dev/null
+++ b/server-ce/test/helpers/email.ts
@@ -0,0 +1,39 @@
+/**
+ * Helper function for opening an email in Roundcube based mailtrap.
+ * We need to cross an origin boundary, which complicates the use of variables.
+ * Any variables need to be explicitly defined and the "runner" may only reference these and none from its scope.
+ * It is not possible to use Cypress helper functions, e.g. from the testing library or other functions like "activateUser", inside the "runner".
+ * REF: https://github.com/testing-library/cypress-testing-library/issues/221
+ */
+export function openEmail<T>(
+  subject: string | RegExp,
+  runner: (frame: Cypress.Chainable<JQuery<any>>, args: T) => void,
+  args?: T
+) {
+  const runnerS = runner.toString()
+  cy.origin(
+    Cypress.env('MAILTRAP_URL') || 'http://mailtrap',
+    { args: { args, runnerS, subject } },
+    ({ args, runnerS, subject }) => {
+      cy.visit('/')
+      cy.get('input[name="_user"]').type('mailtrap')
+      cy.get('input[name="_pass"]').type('password-for-mailtrap')
+      cy.get('button[type="submit"]').click()
+      cy.url().then(url => {
+        if (!url.includes('?_task=login')) return
+        cy.log('mailtrap login is flaky in cypress, submit again')
+        cy.get('input[name="_pass"]').type('password-for-mailtrap')
+        cy.get('button[type="submit"]').click()
+      })
+      // Use force as the subject is partially hidden
+      cy.contains(subject).click({ force: true })
+      cy.log('wait for iframe loading')
+      cy.wait(1000)
+      cy.get('iframe[id="messagecontframe"]').then(frame => {
+        // runnerS='(frame, args) => { runner body }'. Extract the runnable function.
+        const runner = new Function('return ' + runnerS)()
+        runner(cy.wrap(frame.prop('contentWindow').document.body), args)
+      })
+    }
+  )
+}
diff --git a/server-ce/test/helpers/hostAdminClient.ts b/server-ce/test/helpers/hostAdminClient.ts
new file mode 100644
index 0000000..cafeaa2
--- /dev/null
+++ b/server-ce/test/helpers/hostAdminClient.ts
@@ -0,0 +1,92 @@
+const hostAdminURL = Cypress.env('HOST_ADMIN_URL') || 'http://host-admin'
+
+export async function dockerCompose(cmd: string, ...args: string[]) {
+  return await fetchJSON(`${hostAdminURL}/docker/compose/${cmd}`, {
+    method: 'POST',
+    body: JSON.stringify({
+      args,
+    }),
+  })
+}
+
+export async function reconfigure({
+  pro = false,
+  version = 'latest',
+  vars = {},
+  withDataDir = false,
+  resetData = false,
+}): Promise<{ previousConfigServer: string }> {
+  return await fetchJSON(`${hostAdminURL}/reconfigure`, {
+    method: 'POST',
+    body: JSON.stringify({
+      pro,
+      version,
+      vars,
+      withDataDir,
+      resetData,
+    }),
+  })
+}
+
+async function fetchJSON<T = { stdout: string; stderr: string }>(
+  input: RequestInfo,
+  init?: RequestInit
+): Promise<T> {
+  if (init?.body) {
+    init.headers = { 'Content-Type': 'application/json' }
+  }
+  let res
+  for (let attempt = 0; attempt < 5; attempt++) {
+    try {
+      res = await fetch(input, init)
+      break
+    } catch {
+      await sleep(3_000)
+    }
+  }
+  if (!res) {
+    res = await fetch(input, init)
+  }
+  const { error, stdout, stderr, ...rest } = await res.json()
+  if (error) {
+    console.error(input, init, 'failed:', error)
+    if (stdout) console.log(stdout)
+    if (stderr) console.warn(stderr)
+    const err = new Error(error.message)
+    Object.assign(err, error)
+    throw err
+  }
+  return { stdout, stderr, ...rest }
+}
+
+export async function runScript({
+  cwd,
+  script,
+  args = [],
+}: {
+  cwd: string
+  script: string
+  args?: string[]
+}) {
+  return await fetchJSON(`${hostAdminURL}/run/script`, {
+    method: 'POST',
+    body: JSON.stringify({
+      cwd,
+      script,
+      args,
+    }),
+  })
+}
+
+export async function getRedisKeys() {
+  const { stdout } = await fetchJSON(`${hostAdminURL}/redis/keys`, {
+    method: 'GET',
+  })
+  return stdout.split('\n')
+}
+
+async function sleep(ms: number) {
+  return new Promise(resolve => {
+    setTimeout(resolve, ms)
+  })
+}
diff --git a/server-ce/test/helpers/login.ts b/server-ce/test/helpers/login.ts
new file mode 100644
index 0000000..fa95abe
--- /dev/null
+++ b/server-ce/test/helpers/login.ts
@@ -0,0 +1,113 @@
+import { runScript } from './hostAdminClient'
+
+const DEFAULT_PASSWORD = 'Passw0rd!'
+
+const createdUsers = new Set<string>()
+
+export function resetCreatedUsersCache() {
+  createdUsers.clear()
+}
+
+export async function createMongoUser({
+  email,
+  isAdmin = false,
+}: {
+  email: string
+  isAdmin?: boolean
+}) {
+  const t0 = Math.floor(Date.now() / 1000)
+  const { stdout } = await runScript({
+    cwd: 'services/web',
+    script: 'modules/server-ce-scripts/scripts/create-user.js',
+    args: [`--email=${email}`, `--admin=${isAdmin}`],
+  })
+  const [url] = stdout.match(/http:\/\/.+\/user\/activate\?token=\S+/)!
+  const userId = new URL(url, location.origin).searchParams.get('user_id')!
+  const signupDate = parseInt(userId.slice(0, 8), 16)
+  if (signupDate < t0) {
+    return { url, exists: true }
+  }
+  return { url, exists: false }
+}
+
+export function ensureUserExists({
+  email,
+  password = DEFAULT_PASSWORD,
+  isAdmin = false,
+}: {
+  email: string
+  password?: string
+  isAdmin?: boolean
+}) {
+  let url: string
+  let exists: boolean
+  before(async function () {
+    exists = createdUsers.has(email)
+    if (exists) return
+    ;({ url, exists } = await createMongoUser({ email, isAdmin }))
+  })
+  before(function () {
+    if (exists) return
+    activateUser(url, password)
+    cy.then(() => {
+      createdUsers.add(email)
+    })
+  })
+}
+
+export function login(username: string, password = DEFAULT_PASSWORD) {
+  cy.session(
+    [username, password],
+    () => {
+      cy.visit('/login')
+      cy.get('input[name="email"]').type(username)
+      cy.get('input[name="password"]').type(password)
+      cy.findByRole('button', { name: 'Login' }).click()
+      cy.url().should('contain', '/project')
+    },
+    {
+      cacheAcrossSpecs: true,
+      async validate() {
+        // Hit a cheap endpoint that is behind AuthenticationController.requireLogin().
+        cy.request({ url: '/user/personal_info', followRedirect: false }).then(
+          response => {
+            expect(response.status).to.equal(200)
+          }
+        )
+      },
+    }
+  )
+}
+
+let activateRateLimitState = { count: 0, reset: 0 }
+export function resetActivateUserRateLimit() {
+  activateRateLimitState = { count: 0, reset: 0 }
+}
+
+function handleActivateUserRateLimit() {
+  cy.then(() => {
+    activateRateLimitState.count++
+    if (activateRateLimitState.reset < Date.now()) {
+      activateRateLimitState.reset = Date.now() + 65_000
+      activateRateLimitState.count = 1
+    } else if (activateRateLimitState.count >= 6) {
+      cy.wait(activateRateLimitState.reset - Date.now())
+      activateRateLimitState.count = 1
+    }
+  })
+}
+
+export function activateUser(url: string, password = DEFAULT_PASSWORD) {
+  handleActivateUserRateLimit()
+
+  cy.session(url, () => {
+    cy.visit(url)
+    cy.url().then(url => {
+      if (url.includes('/login')) return
+      cy.url().should('contain', '/user/activate')
+      cy.get('input[name="password"]').type(password)
+      cy.findByRole('button', { name: 'Activate' }).click()
+      cy.url().should('contain', '/project')
+    })
+  })
+}
diff --git a/server-ce/test/helpers/project.ts b/server-ce/test/helpers/project.ts
new file mode 100644
index 0000000..662327d
--- /dev/null
+++ b/server-ce/test/helpers/project.ts
@@ -0,0 +1,251 @@
+import { login } from './login'
+import { openEmail } from './email'
+import { v4 as uuid } from 'uuid'
+
+export function createProject(
+  name: string,
+  {
+    type = 'Blank Project',
+    newProjectButtonMatcher = /new project/i,
+    open = true,
+  }: {
+    type?: 'Blank Project' | 'Example Project'
+    newProjectButtonMatcher?: RegExp
+    open?: boolean
+  } = {}
+): Cypress.Chainable<string> {
+  cy.url().then(url => {
+    if (!url.endsWith('/project')) {
+      cy.visit('/project')
+    }
+  })
+  const interceptId = uuid()
+  let projectId = ''
+  if (!open) {
+    cy.then(() => {
+      // Register intercept just before creating the project, otherwise we might
+      // intercept a request from a prior createProject invocation.
+      cy.intercept(
+        { method: 'GET', url: /\/project\/[a-fA-F0-9]{24}$/, times: 1 },
+        req => {
+          projectId = req.url.split('/').pop()!
+          // Redirect back to the project dashboard, effectively reload the page.
+          req.redirect('/project')
+        }
+      ).as(interceptId)
+    })
+  }
+  cy.findAllByRole('button').contains(newProjectButtonMatcher).click()
+  // FIXME: This should only look in the left menu
+  cy.findAllByText(type).first().click()
+  cy.findByRole('dialog').within(() => {
+    cy.get('input').type(name)
+    cy.findByText('Create').click()
+  })
+  if (open) {
+    cy.url().should('match', /\/project\/[a-fA-F0-9]{24}/)
+    waitForMainDocToLoad()
+    return cy
+      .url()
+      .should('match', /\/project\/[a-fA-F0-9]{24}/)
+      .then(url => url.split('/').pop())
+  } else {
+    const alias = `@${interceptId}` // IDEs do not like computed values in cy.wait().
+    cy.wait(alias)
+    return cy.then(() => projectId)
+  }
+}
+
+export function openProjectByName(projectName: string) {
+  cy.visit('/project')
+  cy.findByText(projectName).click()
+  waitForMainDocToLoad()
+}
+
+export function openProjectById(projectId: string) {
+  cy.visit(`/project/${projectId}`)
+  waitForMainDocToLoad()
+}
+
+export function openProjectViaLinkSharingAsAnon(url: string) {
+  cy.visit(url)
+  waitForMainDocToLoad()
+}
+
+export function openProjectViaLinkSharingAsUser(
+  url: string,
+  projectName: string,
+  email: string
+) {
+  cy.visit(url)
+  cy.findByText(projectName) // wait for lazy loading
+  cy.contains(`as ${email}`)
+  cy.findByText('OK, join project').click()
+  waitForMainDocToLoad()
+}
+
+export function openProjectViaInviteNotification(projectName: string) {
+  cy.visit('/project')
+  cy.findByText(projectName)
+    .parent()
+    .parent()
+    .within(() => {
+      cy.findByText('Join Project').click()
+    })
+  cy.findByText('Open Project').click()
+  cy.url().should('match', /\/project\/[a-fA-F0-9]{24}/)
+  waitForMainDocToLoad()
+}
+
+function shareProjectByEmail(
+  projectName: string,
+  email: string,
+  level: 'Viewer' | 'Editor'
+) {
+  openProjectByName(projectName)
+  cy.findByText('Share').click()
+  cy.findByRole('dialog').within(() => {
+    cy.findByLabelText('Add people', { selector: 'input' }).type(`${email},`)
+    cy.findByLabelText('Add people', { selector: 'input' })
+      .parents('form')
+      .within(() => {
+        cy.findByTestId('add-collaborator-select')
+          .click()
+          .then(() => {
+            cy.findByText(level).click()
+          })
+      })
+    cy.findByText('Invite').click({ force: true })
+    cy.findByText('Invite not yet accepted.')
+  })
+}
+
+export function shareProjectByEmailAndAcceptInviteViaDash(
+  projectName: string,
+  email: string,
+  level: 'Viewer' | 'Editor'
+) {
+  shareProjectByEmail(projectName, email, level)
+
+  login(email)
+  openProjectViaInviteNotification(projectName)
+}
+
+export function shareProjectByEmailAndAcceptInviteViaEmail(
+  projectName: string,
+  email: string,
+  level: 'Viewer' | 'Editor'
+) {
+  shareProjectByEmail(projectName, email, level)
+
+  login(email)
+
+  openEmail(projectName, frame => {
+    frame.contains('View project').then(a => {
+      cy.log(
+        'bypass target=_blank and navigate current browser tab/cypress-iframe to project invite'
+      )
+      cy.visit(a.attr('href')!)
+    })
+  })
+  cy.url().should('match', /\/project\/[a-f0-9]+\/invite\/token\/[a-f0-9]+/)
+  cy.findByText(/user would like you to join/)
+  cy.contains(new RegExp(`You are accepting this invite as ${email}`))
+  cy.findByText('Join Project').click()
+  waitForMainDocToLoad()
+}
+
+export function enableLinkSharing() {
+  let linkSharingReadOnly: string
+  let linkSharingReadAndWrite: string
+  const origin = new URL(Cypress.config().baseUrl!).origin
+
+  waitForMainDocToLoad()
+
+  cy.findByText('Share').click()
+  cy.findByText('Turn on link sharing').click()
+  cy.findByText('Anyone with this link can view this project')
+    .next()
+    .should('contain.text', origin + '/read')
+    .then(el => {
+      linkSharingReadOnly = el.text()
+    })
+  cy.findByText('Anyone with this link can edit this project')
+    .next()
+    .should('contain.text', origin + '/')
+    .then(el => {
+      linkSharingReadAndWrite = el.text()
+    })
+
+  return cy.then(() => {
+    return { linkSharingReadOnly, linkSharingReadAndWrite }
+  })
+}
+
+export function waitForMainDocToLoad() {
+  cy.log('Wait for main doc to load; it will steal the focus after loading')
+  cy.get('.cm-content').should('contain.text', 'Introduction')
+}
+
+export function openFile(fileName: string, waitFor: string) {
+  // force: The file-tree pane is too narrow to display the full name.
+  cy.findByTestId('file-tree').findByText(fileName).click({ force: true })
+
+  // wait until we've switched to the selected file
+  cy.findByText('Loading…').should('not.exist')
+  cy.findByText(waitFor)
+}
+
+export function createNewFile() {
+  const fileName = `${uuid()}.tex`
+
+  cy.log('create new project file')
+  cy.get('button').contains('New file').click({ force: true })
+  cy.findByRole('dialog').within(() => {
+    cy.get('input').clear()
+    cy.get('input').type(fileName)
+    cy.findByText('Create').click()
+  })
+  // force: The file-tree pane is too narrow to display the full name.
+  cy.findByTestId('file-tree').findByText(fileName).click({ force: true })
+
+  // wait until we've switched to the newly created empty file
+  cy.findByText('Loading…').should('not.exist')
+  cy.get('.cm-line').should('have.length', 1)
+
+  return fileName
+}
+
+export function toggleTrackChanges(state: boolean) {
+  cy.findByText('Review').click()
+  cy.get('.track-changes-menu-button').then(el => {
+    // when the menu is expanded renders the `expand_more` icon,
+    // and the `chevron_right` icon when it's collapsed
+    if (!el.text().includes('expand_more')) {
+      el.click()
+    }
+  })
+
+  cy.findByText('Everyone')
+    .parent()
+    .within(() => {
+      cy.get('.form-check-input').then(el => {
+        if (el.prop('checked') === state) return
+
+        const id = uuid()
+        const alias = `@${id}`
+        cy.intercept({
+          method: 'POST',
+          url: '**/track_changes',
+          times: 1,
+        }).as(id)
+        if (state) {
+          cy.get('.form-check-input').check()
+        } else {
+          cy.get('.form-check-input').uncheck()
+        }
+        cy.wait(alias)
+      })
+    })
+  cy.contains('.toolbar-item', 'Review').click()
+}
diff --git a/server-ce/test/helpers/read-file.ts b/server-ce/test/helpers/read-file.ts
new file mode 100644
index 0000000..15d032e
--- /dev/null
+++ b/server-ce/test/helpers/read-file.ts
@@ -0,0 +1,52 @@
+import fs from 'fs'
+import path from 'path'
+import pdf from 'pdf-parse'
+import AdmZip from 'adm-zip'
+import { promisify } from 'util'
+
+const sleep = promisify(setTimeout)
+
+const MAX_ATTEMPTS = 15
+const POLL_INTERVAL = 500
+
+type ReadFileInZipArgs = {
+  pathToZip: string
+  fileToRead: string
+}
+
+export async function readFileInZip({
+  pathToZip,
+  fileToRead,
+}: ReadFileInZipArgs) {
+  let attempt = 0
+  while (attempt < MAX_ATTEMPTS) {
+    if (fs.existsSync(pathToZip)) {
+      const zip = new AdmZip(path.resolve(pathToZip))
+      const entry = zip
+        .getEntries()
+        .find(entry => entry.entryName == fileToRead)
+      if (entry) {
+        return entry.getData().toString('utf8')
+      } else {
+        throw new Error(`${fileToRead} not found in ${pathToZip}`)
+      }
+    }
+    await sleep(POLL_INTERVAL)
+    attempt++
+  }
+  throw new Error(`${pathToZip} not found`)
+}
+
+export async function readPdf(file: string) {
+  let attempt = 0
+  while (attempt < MAX_ATTEMPTS) {
+    if (fs.existsSync(file)) {
+      const dataBuffer = fs.readFileSync(path.resolve(file))
+      const { text } = await pdf(dataBuffer)
+      return text
+    }
+    await sleep(POLL_INTERVAL)
+    attempt++
+  }
+  throw new Error(`${file} not found`)
+}
diff --git a/server-ce/test/helpers/waitUntilScrollingFinished.ts b/server-ce/test/helpers/waitUntilScrollingFinished.ts
new file mode 100644
index 0000000..af4c565
--- /dev/null
+++ b/server-ce/test/helpers/waitUntilScrollingFinished.ts
@@ -0,0 +1,39 @@
+export function waitUntilScrollingFinished(selector: string, start = -1) {
+  const pollSlow = 100
+  const pollFast = 10
+  const deadline =
+    performance.now() + Cypress.config('defaultCommandTimeout') - pollSlow * 2
+  return cy.get(selector).then(el => {
+    cy.log(
+      `waiting until scrolling finished for ${selector}, starting from ${start}`
+    )
+    return new Cypress.Promise<number>((resolve, reject) => {
+      const waitForStable = (prev: number, stableFor: number) => {
+        if (performance.now() > deadline) {
+          return reject(new Error('timeout waiting for scrolling to finish'))
+        }
+        const current = el.scrollTop()!
+        if (current !== prev) {
+          setTimeout(() => waitForStable(current, 0), pollFast)
+        } else if (stableFor < 5) {
+          setTimeout(() => waitForStable(current, stableFor + 1), pollFast)
+        } else {
+          resolve(current)
+        }
+      }
+
+      const waitForChange = () => {
+        if (performance.now() > deadline) {
+          return reject(new Error('timeout waiting for scrolling to start'))
+        }
+        const current = el.scrollTop()!
+        if (current === start) {
+          setTimeout(() => waitForChange(), pollSlow)
+        } else {
+          setTimeout(() => waitForStable(current, 0), pollFast)
+        }
+      }
+      waitForChange()
+    })
+  })
+}
diff --git a/server-ce/test/history.spec.ts b/server-ce/test/history.spec.ts
new file mode 100644
index 0000000..f0d7e74
--- /dev/null
+++ b/server-ce/test/history.spec.ts
@@ -0,0 +1,124 @@
+import { createProject } from './helpers/project'
+import { throttledRecompile } from './helpers/compile'
+import { ensureUserExists, login } from './helpers/login'
+import { isExcludedBySharding, startWith } from './helpers/config'
+
+describe('History', function () {
+  if (isExcludedBySharding('CE_DEFAULT')) return
+  startWith({})
+  ensureUserExists({ email: 'user@example.com' })
+  beforeEach(function () {
+    login('user@example.com')
+  })
+
+  function addLabel(name: string) {
+    cy.log(`add label ${JSON.stringify(name)}`)
+    cy.findByText('Labels').click()
+    cy.findAllByTestId('history-version-details')
+      .first()
+      .within(() => {
+        cy.get('button').click() // TODO: add test-id or aria-label
+        cy.findByText('Label this version').click()
+      })
+    cy.findByRole('dialog').within(() => {
+      cy.get('input[placeholder="New label name"]').type(`${name}{enter}`)
+    })
+  }
+
+  function downloadVersion(name: string) {
+    cy.log(`download version ${JSON.stringify(name)}`)
+    cy.findByText('Labels').click()
+    cy.findByText(name)
+      .closest('[data-testid="history-version-details"]')
+      .within(() => {
+        cy.get('.history-version-dropdown-menu-btn').click()
+        cy.findByText('Download this version').click()
+      })
+  }
+
+  const CLASS_ADDITION = 'ol-cm-addition-marker'
+  const CLASS_DELETION = 'ol-cm-deletion-marker'
+
+  it('should support labels, comparison and download', () => {
+    createProject('labels')
+    const recompile = throttledRecompile()
+
+    cy.log('add content, including a line that will get removed soon')
+    cy.findByText('\\maketitle').parent().click()
+    cy.findByText('\\maketitle').parent().type('\n% added')
+    cy.findByText('\\maketitle').parent().type('\n% to be removed')
+    recompile()
+    cy.findByText('History').click()
+
+    cy.log('expect to see additions in history')
+    cy.get('.document-diff-container').within(() => {
+      cy.findByText('% to be removed').should('have.class', CLASS_ADDITION)
+      cy.findByText('% added').should('have.class', CLASS_ADDITION)
+    })
+
+    addLabel('Before removal')
+
+    cy.log('remove content')
+    cy.findByText('Back to editor').click()
+    cy.findByText('% to be removed').parent().type('{end}{shift}{upArrow}{del}')
+    recompile()
+    cy.findByText('History').click()
+
+    cy.log('expect to see annotation for newly removed content in history')
+    cy.get('.document-diff-container').within(() => {
+      cy.findByText('% to be removed').should('have.class', CLASS_DELETION)
+      cy.findByText('% added').should('not.have.class', CLASS_ADDITION)
+    })
+
+    addLabel('After removal')
+
+    cy.log('add more content after labeling')
+    cy.findByText('Back to editor').click()
+    cy.findByText('\\maketitle').parent().click()
+    cy.findByText('\\maketitle').parent().type('\n% more')
+    recompile()
+
+    cy.log('compare non current versions')
+    cy.findByText('History').click()
+    cy.findByText('Labels').click()
+    cy.findAllByTestId('compare-icon-version').last().click()
+    cy.findAllByTestId('compare-icon-version').filter(':visible').click()
+    cy.findByText('Compare up to this version').click()
+
+    cy.log(
+      'expect to see annotation for removed content between the two versions'
+    )
+    cy.get('.document-diff-container').within(() => {
+      cy.findByText('% to be removed').should('have.class', CLASS_DELETION)
+      cy.findByText('% added').should('not.have.class', CLASS_ADDITION)
+      cy.findByText('% more').should('not.exist')
+    })
+
+    downloadVersion('Before removal')
+    cy.task('readFileInZip', {
+      pathToZip: `cypress/downloads/labels (Version 2).zip`,
+      fileToRead: 'main.tex',
+    })
+      .should('contain', '% added')
+      .should('contain', '% to be removed')
+      .should('not.contain', '% more')
+
+    downloadVersion('After removal')
+    cy.task('readFileInZip', {
+      pathToZip: `cypress/downloads/labels (Version 3).zip`,
+      fileToRead: 'main.tex',
+    })
+      .should('contain', '% added')
+      .should('not.contain', '% to be removed')
+      .should('not.contain', '% more')
+
+    downloadVersion('Current state')
+    cy.task('readFileInZip', {
+      pathToZip: `cypress/downloads/labels (Version 4).zip`,
+      fileToRead: 'main.tex',
+    })
+      .should('contain', '% added')
+      .should('not.contain', '% to be removed')
+      .should('contain', '% more')
+  })
+})
diff --git a/server-ce/test/host-admin.js b/server-ce/test/host-admin.js
new file mode 100644
index 0000000..9e4cd5d
--- /dev/null
+++ b/server-ce/test/host-admin.js
@@ -0,0 +1,331 @@
+const fs = require('fs')
+const Path = require('path')
+const { execFile } = require('child_process')
+const express = require('express')
+const bodyParser = require('body-parser')
+const {
+  celebrate: validate,
+  Joi,
+  errors: handleValidationErrors,
+} = require('celebrate')
+const YAML = require('js-yaml')
+
+const DATA_DIR = Path.join(
+  __dirname,
+  'data',
+  // Give each shard their own data dir.
+  process.env.CYPRESS_SHARD || 'default'
+)
+const PATHS = {
+  DOCKER_COMPOSE_FILE: 'docker-compose.yml',
+  // Give each shard their own override file.
+  DOCKER_COMPOSE_OVERRIDE: `docker-compose.${process.env.CYPRESS_SHARD || 'override'}.yml`,
+  DOCKER_COMPOSE_NATIVE: 'docker-compose.native.yml',
+  DATA_DIR,
+  SANDBOXED_COMPILES_HOST_DIR: Path.join(DATA_DIR, 'compiles'),
+}
+const IMAGES = {
+  CE: process.env.IMAGE_TAG_CE.replace(/:.+/, ''),
+  PRO: process.env.IMAGE_TAG_PRO.replace(/:.+/, ''),
+}
+
+let previousConfig = ''
+
+function readDockerComposeOverride() {
+  try {
+    return YAML.load(fs.readFileSync(PATHS.DOCKER_COMPOSE_OVERRIDE, 'utf-8'))
+  } catch (error) {
+    if (error.code !== 'ENOENT') {
+      throw error
+    }
+    return {
+      services: {
+        sharelatex: {
+          environment: {},
+        },
+        'git-bridge': {},
+      },
+    }
+  }
+}
+
+function writeDockerComposeOverride(cfg) {
+  fs.writeFileSync(PATHS.DOCKER_COMPOSE_OVERRIDE, YAML.dump(cfg))
+}
+
+function runDockerCompose(command, args, callback) {
+  const files = ['-f', PATHS.DOCKER_COMPOSE_FILE]
+  if (process.env.NATIVE_CYPRESS) {
+    files.push('-f', PATHS.DOCKER_COMPOSE_NATIVE)
+  }
+  if (fs.existsSync(PATHS.DOCKER_COMPOSE_OVERRIDE)) {
+    files.push('-f', PATHS.DOCKER_COMPOSE_OVERRIDE)
+  }
+  execFile('docker', ['compose', ...files, command, ...args], callback)
+}
+
+function purgeDataDir() {
+  fs.rmSync(PATHS.DATA_DIR, { recursive: true, force: true })
+}
+
+const app = express()
+app.get('/status', (req, res) => {
+  res.send('host-admin is up')
+})
+
+app.use(bodyParser.json())
+app.use((req, res, next) => {
+  // Basic access logs
+  console.log(req.method, req.url, req.body)
+  // Add CORS headers
+  const accessControlAllowOrigin =
+    process.env.ACCESS_CONTROL_ALLOW_ORIGIN || 'http://sharelatex'
+  res.setHeader('Access-Control-Allow-Origin', accessControlAllowOrigin)
+  res.setHeader('Access-Control-Allow-Headers', 'Content-Type')
+  res.setHeader('Access-Control-Max-Age', '3600')
+  next()
+})
+
+app.post(
+  '/run/script',
+  validate(
+    {
+      body: {
+        cwd: Joi.string().required(),
+        script: Joi.string().required(),
+        args: Joi.array().items(Joi.string()),
+      },
+    },
+    { allowUnknown: false }
+  ),
+  (req, res) => {
+    const { cwd, script, args } = req.body
+
+    runDockerCompose(
+      'exec',
+      [
+        'sharelatex',
+        'bash',
+        '-c',
+        `source /etc/container_environment.sh && source /etc/overleaf/env.sh || source /etc/sharelatex/env.sh && cd ${JSON.stringify(cwd)} && node ${JSON.stringify(script)} ${args.map(a => JSON.stringify(a)).join(' ')}`,
+      ],
+      (error, stdout, stderr) => {
+        res.json({
+          error,
+          stdout,
+          stderr,
+        })
+      }
+    )
+  }
+)
+
+const allowedVars = Joi.object(
+  Object.fromEntries(
+    [
+      'OVERLEAF_APP_NAME',
+      'OVERLEAF_LEFT_FOOTER',
+      'OVERLEAF_RIGHT_FOOTER',
+      'OVERLEAF_PROXY_LEARN',
+      'GIT_BRIDGE_ENABLED',
+      'GIT_BRIDGE_HOST',
+      'GIT_BRIDGE_PORT',
+      'V1_HISTORY_URL',
+      'DOCKER_RUNNER',
+      'SANDBOXED_COMPILES',
+      'SANDBOXED_COMPILES_SIBLING_CONTAINERS',
+      'ALL_TEX_LIVE_DOCKER_IMAGE_NAMES',
+      'OVERLEAF_TEMPLATES_USER_ID',
+      'OVERLEAF_NEW_PROJECT_TEMPLATE_LINKS',
+      'OVERLEAF_ALLOW_PUBLIC_ACCESS',
+      'OVERLEAF_ALLOW_ANONYMOUS_READ_AND_WRITE_SHARING',
+      'EXTERNAL_AUTH',
+      'OVERLEAF_SAML_ENTRYPOINT',
+      'OVERLEAF_SAML_CALLBACK_URL',
+      'OVERLEAF_SAML_ISSUER',
+      'OVERLEAF_SAML_IDENTITY_SERVICE_NAME',
+      'OVERLEAF_SAML_EMAIL_FIELD',
+      'OVERLEAF_SAML_FIRST_NAME_FIELD',
+      'OVERLEAF_SAML_LAST_NAME_FIELD',
+      'OVERLEAF_SAML_UPDATE_USER_DETAILS_ON_LOGIN',
+      'OVERLEAF_SAML_CERT',
+      'OVERLEAF_LDAP_URL',
+      'OVERLEAF_LDAP_SEARCH_BASE',
+      'OVERLEAF_LDAP_SEARCH_FILTER',
+      'OVERLEAF_LDAP_BIND_DN',
+      'OVERLEAF_LDAP_BIND_CREDENTIALS',
+      'OVERLEAF_LDAP_EMAIL_ATT',
+      'OVERLEAF_LDAP_NAME_ATT',
+      'OVERLEAF_LDAP_LAST_NAME_ATT',
+      'OVERLEAF_LDAP_UPDATE_USER_DETAILS_ON_LOGIN',
+      // Old branding, used for upgrade tests
+      'SHARELATEX_SITE_URL',
+      'SHARELATEX_MONGO_URL',
+      'SHARELATEX_REDIS_HOST',
+    ].map(name => [name, Joi.string()])
+  )
+)
+
+function setVarsDockerCompose({ pro, vars, version, withDataDir }) {
+  const cfg = readDockerComposeOverride()
+
+  cfg.services.sharelatex.image = `${pro ? IMAGES.PRO : IMAGES.CE}:${version}`
+  cfg.services['git-bridge'].image = `quay.io/sharelatex/git-bridge:${version}`
+
+  cfg.services.sharelatex.environment = vars
+
+  if (cfg.services.sharelatex.environment.GIT_BRIDGE_ENABLED === 'true') {
+    cfg.services.sharelatex.depends_on = ['git-bridge']
+  } else {
+    cfg.services.sharelatex.depends_on = []
+  }
+
+  if (['ldap', 'saml'].includes(vars.EXTERNAL_AUTH)) {
+    cfg.services.sharelatex.depends_on.push(vars.EXTERNAL_AUTH)
+  }
+
+  const dataDirInContainer =
+    version === 'latest' || version >= '5.0'
+      ? '/var/lib/overleaf/data'
+      : '/var/lib/sharelatex/data'
+
+  cfg.services.sharelatex.volumes = []
+  if (withDataDir) {
+    cfg.services.sharelatex.volumes.push(
+      `${PATHS.DATA_DIR}:${dataDirInContainer}`
+    )
+  }
+
+  if (
+    cfg.services.sharelatex.environment
+      .SANDBOXED_COMPILES_SIBLING_CONTAINERS === 'true'
+  ) {
+    cfg.services.sharelatex.environment.SANDBOXED_COMPILES_HOST_DIR =
+      PATHS.SANDBOXED_COMPILES_HOST_DIR
+    cfg.services.sharelatex.environment.TEX_LIVE_DOCKER_IMAGE =
+      process.env.TEX_LIVE_DOCKER_IMAGE
+    cfg.services.sharelatex.environment.ALL_TEX_LIVE_DOCKER_IMAGES =
+      process.env.ALL_TEX_LIVE_DOCKER_IMAGES
+    cfg.services.sharelatex.volumes.push(
+      '/var/run/docker.sock:/var/run/docker.sock'
+    )
+    if (!withDataDir) {
+      cfg.services.sharelatex.volumes.push(
+        `${PATHS.SANDBOXED_COMPILES_HOST_DIR}:${dataDirInContainer}/compiles`
+      )
+    }
+  }
+
+  writeDockerComposeOverride(cfg)
+}
+
+app.post(
+  '/docker/compose/:cmd',
+  validate(
+    {
+      body: {
+        args: Joi.array().allow(
+          '--detach',
+          '--wait',
+          '--volumes',
+          '--timeout=60',
+          'sharelatex',
+          'git-bridge',
+          'mongo',
+          'redis'
+        ),
+      },
+      params: {
+        cmd: Joi.allow('up', 'stop', 'down', 'ps', 'logs'),
+      },
+    },
+    { allowUnknown: false }
+  ),
+  (req, res) => {
+    const { cmd } = req.params
+    const { args } = req.body
+    runDockerCompose(cmd, args, (error, stdout, stderr) => {
+      res.json({ error, stdout, stderr })
+    })
+  }
+)
+
+function maybeResetData(resetData, callback) {
+  if (!resetData) return callback()
+
+  previousConfig = ''
+  runDockerCompose(
+    'down',
+    ['--timeout=0', '--volumes', 'mongo', 'redis', 'sharelatex'],
+    (error, stdout, stderr) => {
+      if (error) return callback(error, stdout, stderr)
+
+      try {
+        purgeDataDir()
+      } catch (error) {
+        return callback(error)
+      }
+      callback()
+    }
+  )
+}
+
+app.post(
+  '/reconfigure',
+  validate(
+    {
+      body: {
+        pro: Joi.boolean().required(),
+        version: Joi.string().required(),
+        vars: allowedVars,
+        withDataDir: Joi.boolean().optional(),
+        resetData: Joi.boolean().optional(),
+      },
+    },
+    { allowUnknown: false }
+  ),
+  (req, res) => {
+    const { pro, version, vars, withDataDir, resetData } = req.body
+    maybeResetData(resetData, (error, stdout, stderr) => {
+      if (error) return res.json({ error, stdout, stderr })
+
+      const previousConfigServer = previousConfig
+      const newConfig = JSON.stringify(req.body)
+      if (previousConfig === newConfig) {
+        return res.json({ previousConfigServer })
+      }
+
+      try {
+        setVarsDockerCompose({ pro, version, vars, withDataDir })
+      } catch (error) {
+        return res.json({ error })
+      }
+
+      if (error) return res.json({ error, stdout, stderr })
+      runDockerCompose(
+        'up',
+        ['--detach', '--wait', 'sharelatex'],
+        (error, stdout, stderr) => {
+          previousConfig = newConfig
+          res.json({ error, stdout, stderr, previousConfigServer })
+        }
+      )
+    })
+  }
+)
+
+app.get('/redis/keys', (req, res) => {
+  runDockerCompose(
+    'exec',
+    ['redis', 'redis-cli', 'KEYS', '*'],
+    (error, stdout, stderr) => {
+      res.json({ error, stdout, stderr })
+    }
+  )
+})
+
+app.use(handleValidationErrors())
+
+purgeDataDir()
+
+app.listen(80)
diff --git a/server-ce/test/learn-wiki.spec.ts b/server-ce/test/learn-wiki.spec.ts
new file mode 100644
index 0000000..c0cc872
--- /dev/null
+++ b/server-ce/test/learn-wiki.spec.ts
@@ -0,0 +1,106 @@
+import { isExcludedBySharding, startWith } from './helpers/config'
+import { ensureUserExists, login } from './helpers/login'
+import { v4 as uuid } from 'uuid'
+
+describe('LearnWiki', function () {
+  const COPYING_A_PROJECT_URL = '/learn/how-to/Copying_a_project'
+  const UPLOADING_A_PROJECT_URL = '/learn/how-to/Uploading_a_project'
+
+  const WITHOUT_PROJECTS_USER = 'user-without-projects@example.com'
+  const REGULAR_USER = 'user@example.com'
+
+  // Re-use value for "exists" and "does not exist" tests
+  const LABEL_LEARN_LATEX = 'Learn LaTeX with a tutorial'
+
+  ensureUserExists({ email: WITHOUT_PROJECTS_USER })
+  ensureUserExists({ email: REGULAR_USER })
+
+  describe('enabled in Pro', () => {
+    if (isExcludedBySharding('PRO_CUSTOM_2')) return
+    startWith({
+      pro: true,
+      vars: {
+        OVERLEAF_PROXY_LEARN: 'true',
+      },
+    })
+
+    it('should add a documentation entry to the nav bar', () => {
+      login(REGULAR_USER)
+      cy.visit('/project')
+      cy.get('nav').findByText('Documentation')
+    })
+
+    it('should display a tutorial link in the welcome page', () => {
+      login(WITHOUT_PROJECTS_USER)
+      cy.visit('/project')
+      cy.findByText(LABEL_LEARN_LATEX)
+    })
+
+    it('should render wiki page', () => {
+      login(REGULAR_USER)
+      cy.visit(UPLOADING_A_PROJECT_URL)
+      // Wiki content
+      cy.get('.page').findByText('Uploading a project')
+      cy.get('.page').contains(/how to create an Overleaf project/)
+      cy.get('img[alt="Creating a new project on Overleaf"]')
+        .should('be.visible')
+        .and((el: any) => {
+          expect(el[0].naturalWidth, 'renders image').to.be.greaterThan(0)
+        })
+      // Wiki navigation
+      cy.get('.contents').findByText('Copying a project')
+    })
+
+    it('should navigate back and forth', function () {
+      login(REGULAR_USER)
+      cy.visit(COPYING_A_PROJECT_URL)
+      cy.get('.page').findByText('Copying a project')
+      cy.get('.contents').findByText('Uploading a project').click()
+      cy.url().should('contain', UPLOADING_A_PROJECT_URL)
+      cy.get('.page').findByText('Uploading a project')
+      cy.get('.contents').findByText('Copying a project').click()
+      cy.url().should('contain', COPYING_A_PROJECT_URL)
+      cy.get('.page').findByText('Copying a project')
+    })
+  })
+
+  describe('disabled in Pro', () => {
+    if (isExcludedBySharding('PRO_DEFAULT_1')) return
+    startWith({ pro: true })
+    checkDisabled()
+  })
+
+  describe('unavailable in CE', () => {
+    if (isExcludedBySharding('CE_CUSTOM_1')) return
+    startWith({
+      pro: false,
+      vars: {
+        OVERLEAF_PROXY_LEARN: 'true',
+      },
+    })
+
+    checkDisabled()
+  })
+
+  function checkDisabled() {
+    it('should not add a documentation entry to the nav bar', () => {
+      login(REGULAR_USER)
+      cy.visit('/project')
+      cy.findByText('Documentation').should('not.exist')
+    })
+
+    it('should not render wiki page', () => {
+      login(REGULAR_USER)
+      cy.visit(COPYING_A_PROJECT_URL, {
+        failOnStatusCode: false,
+      })
+      cy.findByText('Not found')
+    })
+
+    it('should not display a tutorial link in the welcome page', () => {
+      login(WITHOUT_PROJECTS_USER)
+      cy.visit('/project')
+      cy.findByText(LABEL_LEARN_LATEX).should('not.exist')
+    })
+  }
+})
diff --git a/server-ce/test/package-lock.json b/server-ce/test/package-lock.json
new file mode 100644
index 0000000..0587028
--- /dev/null
+++ b/server-ce/test/package-lock.json
@@ -0,0 +1,3538 @@
+{
+  "name": "@overleaf/server-ce/test",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "@overleaf/server-ce/test",
+      "dependencies": {
+        "@isomorphic-git/lightning-fs": "^4.6.0",
+        "@testing-library/cypress": "^10.0.1",
+        "@types/adm-zip": "^0.5.5",
+        "@types/pdf-parse": "^1.1.4",
+        "@types/uuid": "^9.0.8",
+        "adm-zip": "^0.5.12",
+        "body-parser": "^1.20.3",
+        "celebrate": "^15.0.3",
+        "cypress": "13.13.2",
+        "express": "^4.21.2",
+        "isomorphic-git": "^1.25.10",
+        "js-yaml": "^4.1.0",
+        "pdf-parse": "^1.1.1",
+        "typescript": "^5.0.4",
+        "uuid": "^9.0.1"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.22.13",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.22.13.tgz",
+      "integrity": "sha512-XktuhWlJ5g+3TJXc5upd9Ks1HutSArik6jf2eAjYFyIOf4ej3RN+184cZbzDvbPnuTJIUhPKKJE3cIsYTiAT3w==",
+      "dependencies": {
+        "@babel/highlight": "^7.22.13",
+        "chalk": "^2.4.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/code-frame/node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/code-frame/node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/code-frame/node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/@babel/code-frame/node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
+    },
+    "node_modules/@babel/code-frame/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/code-frame/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.22.20.tgz",
+      "integrity": "sha512-Y4OZ+ytlatR8AI+8KZfKuL5urKp7qey08ha31L8b3BwewJAoJamTzyvxPR/5D+KkdJCGPq/+8TukHBlY10FX9A==",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/highlight": {
+      "version": "7.22.20",
+      "resolved": "https://registry.npmjs.org/@babel/highlight/-/highlight-7.22.20.tgz",
+      "integrity": "sha512-dkdMCN3py0+ksCgYmGG8jKeGA/8Tk+gJwSYYlFGxG5lmhfKNoAy004YpLxpS1W2J8m/EK2Ew+yOs9pVRwO89mg==",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.22.20",
+        "chalk": "^2.4.2",
+        "js-tokens": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/highlight/node_modules/ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz",
+      "integrity": "sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==",
+      "dependencies": {
+        "color-convert": "^1.9.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/highlight/node_modules/chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz",
+      "integrity": "sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==",
+      "dependencies": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/highlight/node_modules/color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+      "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+      "dependencies": {
+        "color-name": "1.1.3"
+      }
+    },
+    "node_modules/@babel/highlight/node_modules/color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+      "integrity": "sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw=="
+    },
+    "node_modules/@babel/highlight/node_modules/has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
+      "integrity": "sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/highlight/node_modules/supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz",
+      "integrity": "sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==",
+      "dependencies": {
+        "has-flag": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/@babel/runtime": {
+      "version": "7.23.2",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.2.tgz",
+      "integrity": "sha512-mM8eg4yl5D6i3lu2QKPuPH4FArvJ8KhTofbE7jwMUv9KX5mBvwPAqnV3MlyBNqdp9RyRKP6Yck8TrfYrPvX3bg==",
+      "dependencies": {
+        "regenerator-runtime": "^0.14.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@colors/colors": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/@colors/colors/-/colors-1.5.0.tgz",
+      "integrity": "sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==",
+      "optional": true,
+      "engines": {
+        "node": ">=0.1.90"
+      }
+    },
+    "node_modules/@cypress/request": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@cypress/request/-/request-3.0.1.tgz",
+      "integrity": "sha512-TWivJlJi8ZDx2wGOw1dbLuHJKUYX7bWySw377nlnGOW3hP9/MUKIsEdXT/YngWxVdgNCHRBmFlBipE+5/2ZZlQ==",
+      "dependencies": {
+        "aws-sign2": "~0.7.0",
+        "aws4": "^1.8.0",
+        "caseless": "~0.12.0",
+        "combined-stream": "~1.0.6",
+        "extend": "~3.0.2",
+        "forever-agent": "~0.6.1",
+        "form-data": "~2.3.2",
+        "http-signature": "~1.3.6",
+        "is-typedarray": "~1.0.0",
+        "isstream": "~0.1.2",
+        "json-stringify-safe": "~5.0.1",
+        "mime-types": "~2.1.19",
+        "performance-now": "^2.1.0",
+        "qs": "6.10.4",
+        "safe-buffer": "^5.1.2",
+        "tough-cookie": "^4.1.3",
+        "tunnel-agent": "^0.6.0",
+        "uuid": "^8.3.2"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/@cypress/request/node_modules/uuid": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz",
+      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg==",
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/@cypress/xvfb": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@cypress/xvfb/-/xvfb-1.2.4.tgz",
+      "integrity": "sha512-skbBzPggOVYCbnGgV+0dmBdW/s77ZkAOXIC1knS8NagwDjBrNC1LuXtQJeiN6l+m7lzmHtaoUw/ctJKdqkG57Q==",
+      "dependencies": {
+        "debug": "^3.1.0",
+        "lodash.once": "^4.1.1"
+      }
+    },
+    "node_modules/@cypress/xvfb/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/@hapi/hoek": {
+      "version": "9.3.0",
+      "resolved": "https://registry.npmjs.org/@hapi/hoek/-/hoek-9.3.0.tgz",
+      "integrity": "sha512-/c6rf4UJlmHlC9b5BaNvzAcFv7HZ2QHaV0D4/HNlBdvFnvQq8RI4kYdhyPCl7Xj+oWvTWQ8ujhqS53LIgAe6KQ=="
+    },
+    "node_modules/@hapi/topo": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/@hapi/topo/-/topo-5.1.0.tgz",
+      "integrity": "sha512-foQZKJig7Ob0BMAYBfcJk8d77QtOe7Wo4ox7ff1lQYoNNAb6jwcY1ncdoy2e9wQZzvNy7ODZCYJkK8kzmcAnAg==",
+      "dependencies": {
+        "@hapi/hoek": "^9.0.0"
+      }
+    },
+    "node_modules/@isomorphic-git/idb-keyval": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/@isomorphic-git/idb-keyval/-/idb-keyval-3.3.2.tgz",
+      "integrity": "sha512-r8/AdpiS0/WJCNR/t/gsgL+M8NMVj/ek7s60uz3LmpCaTF2mEVlZJlB01ZzalgYzRLXwSPC92o+pdzjM7PN/pA=="
+    },
+    "node_modules/@isomorphic-git/lightning-fs": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@isomorphic-git/lightning-fs/-/lightning-fs-4.6.0.tgz",
+      "integrity": "sha512-tfon8f1h6LawjFI/d8lZPWRPTxmdvyTMbkT/j5yo6dB0hALhKw5D9JsdCcUu/D1pAcMMiU7GZFDsDGqylerr7g==",
+      "dependencies": {
+        "@isomorphic-git/idb-keyval": "3.3.2",
+        "isomorphic-textencoder": "1.0.1",
+        "just-debounce-it": "1.1.0",
+        "just-once": "1.1.0"
+      },
+      "bin": {
+        "superblocktxt": "src/superblocktxt.js"
+      }
+    },
+    "node_modules/@sideway/address": {
+      "version": "4.1.5",
+      "resolved": "https://registry.npmjs.org/@sideway/address/-/address-4.1.5.tgz",
+      "integrity": "sha512-IqO/DUQHUkPeixNQ8n0JA6102hT9CmaljNTPmQ1u8MEhBo/R4Q8eKLN/vGZxuebwOroDB4cbpjheD4+/sKFK4Q==",
+      "dependencies": {
+        "@hapi/hoek": "^9.0.0"
+      }
+    },
+    "node_modules/@sideway/formula": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz",
+      "integrity": "sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg=="
+    },
+    "node_modules/@sideway/pinpoint": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@sideway/pinpoint/-/pinpoint-2.0.0.tgz",
+      "integrity": "sha512-RNiOoTPkptFtSVzQevY/yWtZwf/RxyVnPy/OcA9HBM3MlGDnBEYL5B41H0MTn0Uec8Hi+2qUtTfG2WWZBmMejQ=="
+    },
+    "node_modules/@testing-library/cypress": {
+      "version": "10.0.1",
+      "resolved": "https://registry.npmjs.org/@testing-library/cypress/-/cypress-10.0.1.tgz",
+      "integrity": "sha512-e8uswjTZIBhaIXjzEcrQQ8nHRWHgZH7XBxKuIWxZ/T7FxfWhCR48nFhUX5nfPizjVOKSThEfOSv67jquc1ASkw==",
+      "dependencies": {
+        "@babel/runtime": "^7.14.6",
+        "@testing-library/dom": "^9.0.0"
+      },
+      "engines": {
+        "node": ">=12",
+        "npm": ">=6"
+      },
+      "peerDependencies": {
+        "cypress": "^12.0.0 || ^13.0.0"
+      }
+    },
+    "node_modules/@testing-library/dom": {
+      "version": "9.3.3",
+      "resolved": "https://registry.npmjs.org/@testing-library/dom/-/dom-9.3.3.tgz",
+      "integrity": "sha512-fB0R+fa3AUqbLHWyxXa2kGVtf1Fe1ZZFr0Zp6AIbIAzXb2mKbEXl+PCQNUOaq5lbTab5tfctfXRNsWXxa2f7Aw==",
+      "dependencies": {
+        "@babel/code-frame": "^7.10.4",
+        "@babel/runtime": "^7.12.5",
+        "@types/aria-query": "^5.0.1",
+        "aria-query": "5.1.3",
+        "chalk": "^4.1.0",
+        "dom-accessibility-api": "^0.5.9",
+        "lz-string": "^1.5.0",
+        "pretty-format": "^27.0.2"
+      },
+      "engines": {
+        "node": ">=14"
+      }
+    },
+    "node_modules/@types/adm-zip": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/@types/adm-zip/-/adm-zip-0.5.5.tgz",
+      "integrity": "sha512-YCGstVMjc4LTY5uK9/obvxBya93axZOVOyf2GSUulADzmLhYE45u2nAssCs/fWBs1Ifq5Vat75JTPwd5XZoPJw==",
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/@types/aria-query": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/@types/aria-query/-/aria-query-5.0.3.tgz",
+      "integrity": "sha512-0Z6Tr7wjKJIk4OUEjVUQMtyunLDy339vcMaj38Kpj6jM2OE1p3S4kXExKZ7a3uXQAPCoy3sbrP1wibDKaf39oA=="
+    },
+    "node_modules/@types/node": {
+      "version": "18.18.8",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.18.8.tgz",
+      "integrity": "sha512-OLGBaaK5V3VRBS1bAkMVP2/W9B+H8meUfl866OrMNQqt7wDgdpWPp5o6gmIc9pB+lIQHSq4ZL8ypeH1vPxcPaQ==",
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "node_modules/@types/pdf-parse": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@types/pdf-parse/-/pdf-parse-1.1.4.tgz",
+      "integrity": "sha512-+gbBHbNCVGGYw1S9lAIIvrHW47UYOhMIFUsJcMkMrzy1Jf0vulBN3XQIjPgnoOXveMuHnF3b57fXROnY/Or7eg=="
+    },
+    "node_modules/@types/sinonjs__fake-timers": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@types/sinonjs__fake-timers/-/sinonjs__fake-timers-8.1.1.tgz",
+      "integrity": "sha512-0kSuKjAS0TrGLJ0M/+8MaFkGsQhZpB6pxOmvS3K8FYI72K//YmdfoW9X2qPsAKh1mkwxGD5zib9s1FIFed6E8g=="
+    },
+    "node_modules/@types/sizzle": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@types/sizzle/-/sizzle-2.3.5.tgz",
+      "integrity": "sha512-tAe4Q+OLFOA/AMD+0lq8ovp8t3ysxAOeaScnfNdZpUxaGl51ZMDEITxkvFl1STudQ58mz6gzVGl9VhMKhwRnZQ=="
+    },
+    "node_modules/@types/uuid": {
+      "version": "9.0.8",
+      "resolved": "https://registry.npmjs.org/@types/uuid/-/uuid-9.0.8.tgz",
+      "integrity": "sha512-jg+97EGIcY9AGHJJRaaPVgetKDsrTgbRjQ5Msgjh/DQKEFl0DtyRr/VCOyD1T2R1MNeWPK/u7JoGhlDZnKBAfA=="
+    },
+    "node_modules/@types/yauzl": {
+      "version": "2.10.2",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.2.tgz",
+      "integrity": "sha512-Km7XAtUIduROw7QPgvcft0lIupeG8a8rdKL8RiSyKvlE7dYY31fEn41HVuQsRFDuROA8tA4K2UVL+WdfFmErBA==",
+      "optional": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/adm-zip": {
+      "version": "0.5.12",
+      "resolved": "https://registry.npmjs.org/adm-zip/-/adm-zip-0.5.12.tgz",
+      "integrity": "sha512-6TVU49mK6KZb4qG6xWaaM4C7sA/sgUMLy/JYMOzkcp3BvVLpW0fXDFQiIzAuxFCt/2+xD7fNIiPFAoLZPhVNLQ==",
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/aggregate-error": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/aggregate-error/-/aggregate-error-3.1.0.tgz",
+      "integrity": "sha512-4I7Td01quW/RpocfNayFdFVk1qSuoh0E7JrbRJ16nH01HhKFQ88INq9Sd+nd72zqRySlr9BmDA8xlEJ6vJMrYA==",
+      "dependencies": {
+        "clean-stack": "^2.0.0",
+        "indent-string": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-colors": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
+      "integrity": "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/ansi-escapes": {
+      "version": "4.3.2",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
+      "integrity": "sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==",
+      "dependencies": {
+        "type-fest": "^0.21.3"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/arch": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/arch/-/arch-2.2.0.tgz",
+      "integrity": "sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="
+    },
+    "node_modules/aria-query": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npmjs.org/aria-query/-/aria-query-5.1.3.tgz",
+      "integrity": "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ==",
+      "dependencies": {
+        "deep-equal": "^2.0.5"
+      }
+    },
+    "node_modules/array-buffer-byte-length": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/array-buffer-byte-length/-/array-buffer-byte-length-1.0.0.tgz",
+      "integrity": "sha512-LPuwb2P+NrQw3XhxGc36+XSvuBPopovXYTR9Ew++Du9Yb/bx5AzBfrIsBoj0EZUifjQU+sHL21sseZ3jerWO/A==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "is-array-buffer": "^3.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg=="
+    },
+    "node_modules/asn1": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz",
+      "integrity": "sha512-ix/FxPn0MDjeyJ7i/yoHGFt/EX6LyNbxSEhPPXODPL+KB0VPk86UYfL0lMdy+KCnv+fmvIzySwaK5COwqVbWTQ==",
+      "dependencies": {
+        "safer-buffer": "~2.1.0"
+      }
+    },
+    "node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha512-NfJ4UzBCcQGLDlQq7nHxH+tv3kyZ0hHQqF5BO6J7tNJeP5do1llPr8dZ8zHonfhAu0PHAdMkSo+8o0wxg9lZWw==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/astral-regex": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/astral-regex/-/astral-regex-2.0.0.tgz",
+      "integrity": "sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/async": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/async/-/async-3.2.4.tgz",
+      "integrity": "sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ=="
+    },
+    "node_modules/async-lock": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/async-lock/-/async-lock-1.4.1.tgz",
+      "integrity": "sha512-Az2ZTpuytrtqENulXwO3GGv1Bztugx6TT37NIo7imr/Qo0gsYiGtSdBa2B6fsXhTpVZDNfu1Qn3pk531e3q+nQ=="
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
+    "node_modules/at-least-node": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
+      "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/available-typed-arrays": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.5.tgz",
+      "integrity": "sha512-DMD0KiN46eipeziST1LPP/STfDU0sufISXmjSgvVsoU2tqxctQeASejWcfNtxYKqETM1UxQ8sp2OrSBWpHY6sw==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/aws-sign2": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
+      "integrity": "sha512-08kcGqnYf/YmjoRhfxyu+CLxBjUtHLXLXX/vUfx9l2LYzG3c1m61nrpyFUZI6zeS+Li/wWMMidD9KgrqtGq3mA==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/aws4": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.12.0.tgz",
+      "integrity": "sha512-NmWvPnx0F1SfrQbYwOi7OeaNGokp9XhzNioJ/CSBs8Qa4vxug81mhJEAVZwxXuBmYB5KDRfMq/F3RR0BIU7sWg=="
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/bcrypt-pbkdf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
+      "integrity": "sha512-qeFIXtP4MSoi6NLqO12WfqARWWuCKi2Rn/9hJLEmtB5yTNr9DqFWkJRCf2qShWzPeAMRnOgCrq0sg/KLv5ES9w==",
+      "dependencies": {
+        "tweetnacl": "^0.14.3"
+      }
+    },
+    "node_modules/blob-util": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/blob-util/-/blob-util-2.0.2.tgz",
+      "integrity": "sha512-T7JQa+zsXXEa6/8ZhHcQEW1UFfVM49Ts65uBkFL6fz2QmrElqmbajIDJvuA0tEhRe5eIjpV9ZF+0RfZR9voJFQ=="
+    },
+    "node_modules/bluebird": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
+      "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg=="
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.3",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
+      "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "on-finished": "2.4.1",
+        "qs": "6.13.0",
+        "raw-body": "2.5.2",
+        "type-is": "~1.6.18",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/body-parser/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/body-parser/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/body-parser/node_modules/qs": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
+      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
+      "dependencies": {
+        "side-channel": "^1.0.6"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/buffer": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npmjs.org/buffer/-/buffer-5.7.1.tgz",
+      "integrity": "sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.1.13"
+      }
+    },
+    "node_modules/buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/cachedir": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/cachedir/-/cachedir-2.4.0.tgz",
+      "integrity": "sha512-9EtFOZR8g22CL7BWjJ9BUx1+A/djkofnyW3aOXZORNW2kxoUpx2h+uN2cOqwPmFhnpVmxg+KW2OjOSgChTEvsQ==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/call-bind": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.5.tgz",
+      "integrity": "sha512-C3nQxfFZxFRVoJoGKKI8y3MOEo129NQ+FgQ08iye+Mk4zNZZGdjfs06bVTr+DBSlA66Q2VEcMki/cUCP4SercQ==",
+      "dependencies": {
+        "function-bind": "^1.1.2",
+        "get-intrinsic": "^1.2.1",
+        "set-function-length": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.3.tgz",
+      "integrity": "sha512-YTd+6wGlNlPxSuri7Y6X8tY2dmm12UMH66RpKMhiX6rsk5wXXnYgbUcOt8kiS31/AjfoTOvCsE+w8nZQLQnzHA==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "get-intrinsic": "^1.2.6"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/caseless": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
+      "integrity": "sha512-4tYFyifaFfGacoiObjJegolkwSU4xQNGbVgUiNYVUxbQ2x2lUsFvY4hVgVzGiIe6WLOPqycWXA40l+PWsxthUw=="
+    },
+    "node_modules/celebrate": {
+      "version": "15.0.3",
+      "resolved": "https://registry.npmjs.org/celebrate/-/celebrate-15.0.3.tgz",
+      "integrity": "sha512-ToF8ILq/F0KhQ0CPtexP7Cu9GkqKJ91VKy3ZOCV24aaNWdm3QCHqnXAKfKHrtcM2B2zmPFe11p8WWsQkmq8k4g==",
+      "dependencies": {
+        "escape-html": "1.0.3",
+        "joi": "17.x.x",
+        "lodash": "4.17.x"
+      }
+    },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
+    "node_modules/check-more-types": {
+      "version": "2.24.0",
+      "resolved": "https://registry.npmjs.org/check-more-types/-/check-more-types-2.24.0.tgz",
+      "integrity": "sha512-Pj779qHxV2tuapviy1bSZNEL1maXr13bPYpsvSDB68HlYcYuhlDrmGd63i0JHMCLKzc7rUSNIrpdJlhVlNwrxA==",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/ci-info": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/ci-info/-/ci-info-3.9.0.tgz",
+      "integrity": "sha512-NIxF55hv4nSqQswkAeiOi1r83xy8JldOFDTWiug55KBu9Jnblncd2U6ViHmYgHf01TPZS77NJBhBMKdWj9HQMQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/sibiraj-s"
+        }
+      ],
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/clean-git-ref": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/clean-git-ref/-/clean-git-ref-2.0.1.tgz",
+      "integrity": "sha512-bLSptAy2P0s6hU4PzuIMKmMJJSE6gLXGH1cntDu7bWJUksvuM+7ReOK61mozULErYvP6a15rnYl0zFDef+pyPw=="
+    },
+    "node_modules/clean-stack": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/clean-stack/-/clean-stack-2.2.0.tgz",
+      "integrity": "sha512-4diC9HaTE+KRAMWhDhrGOECgWZxoevMc5TlkObMqNSsVU62PYzXZ/SMTjzyGAFF1YusgxGcSWTEXBhp0CPwQ1A==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/cli-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz",
+      "integrity": "sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==",
+      "dependencies": {
+        "restore-cursor": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/cli-table3": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/cli-table3/-/cli-table3-0.6.3.tgz",
+      "integrity": "sha512-w5Jac5SykAeZJKntOxJCrm63Eg5/4dhMWIcuTbo9rpE+brgaSZo0RuNJZeOyMgsUdhDeojvgyQLmjI+K50ZGyg==",
+      "dependencies": {
+        "string-width": "^4.2.0"
+      },
+      "engines": {
+        "node": "10.* || >= 12.*"
+      },
+      "optionalDependencies": {
+        "@colors/colors": "1.5.0"
+      }
+    },
+    "node_modules/cli-truncate": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-2.1.0.tgz",
+      "integrity": "sha512-n8fOixwDD6b/ObinzTrp1ZKFzbgvKZvuz/TvejnLn1aQfC6r52XEx85FmuC+3HI+JM7coBRXUvNqEU2PHVrHpg==",
+      "dependencies": {
+        "slice-ansi": "^3.0.0",
+        "string-width": "^4.2.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "node_modules/colorette": {
+      "version": "2.0.20",
+      "resolved": "https://registry.npmjs.org/colorette/-/colorette-2.0.20.tgz",
+      "integrity": "sha512-IfEDxwoWIjkeXL1eXcDiow4UbKjhLdq6/EuSVR9GMN7KVH3r9gQ83e73hsz1Nd1T3ijd5xv1wcWRYO+D6kCI2w=="
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/commander": {
+      "version": "6.2.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
+      "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/common-tags": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/common-tags/-/common-tags-1.8.2.tgz",
+      "integrity": "sha512-gk/Z852D2Wtb//0I+kRFNKKE9dIIVirjoqPoA1wJU+XePVXZfGeBpk45+A1rKO4Q43prqWBNY/MiIeRLbPWUaA==",
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
+      "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
+      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ=="
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+      "integrity": "sha512-3lqz5YjWTYnW6dlDa5TLaTCcShfar1e40rmcJVwCBJC6mWlFuj0eCHIElmG1g5kyuJ/GD+8Wn4FFCcz4gJPfaQ=="
+    },
+    "node_modules/crc-32": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/crc-32/-/crc-32-1.2.2.tgz",
+      "integrity": "sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==",
+      "bin": {
+        "crc32": "bin/crc32.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/cypress": {
+      "version": "13.13.2",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-13.13.2.tgz",
+      "integrity": "sha512-PvJQU33933NvS1StfzEb8/mu2kMy4dABwCF+yd5Bi7Qly1HOVf+Bufrygee/tlmty/6j5lX+KIi8j9Q3JUMbhA==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@cypress/request": "^3.0.1",
+        "@cypress/xvfb": "^1.2.4",
+        "@types/sinonjs__fake-timers": "8.1.1",
+        "@types/sizzle": "^2.3.2",
+        "arch": "^2.2.0",
+        "blob-util": "^2.0.2",
+        "bluebird": "^3.7.2",
+        "buffer": "^5.7.1",
+        "cachedir": "^2.3.0",
+        "chalk": "^4.1.0",
+        "check-more-types": "^2.24.0",
+        "cli-cursor": "^3.1.0",
+        "cli-table3": "~0.6.1",
+        "commander": "^6.2.1",
+        "common-tags": "^1.8.0",
+        "dayjs": "^1.10.4",
+        "debug": "^4.3.4",
+        "enquirer": "^2.3.6",
+        "eventemitter2": "6.4.7",
+        "execa": "4.1.0",
+        "executable": "^4.1.1",
+        "extract-zip": "2.0.1",
+        "figures": "^3.2.0",
+        "fs-extra": "^9.1.0",
+        "getos": "^3.2.1",
+        "is-ci": "^3.0.1",
+        "is-installed-globally": "~0.4.0",
+        "lazy-ass": "^1.6.0",
+        "listr2": "^3.8.3",
+        "lodash": "^4.17.21",
+        "log-symbols": "^4.0.0",
+        "minimist": "^1.2.8",
+        "ospath": "^1.2.2",
+        "pretty-bytes": "^5.6.0",
+        "process": "^0.11.10",
+        "proxy-from-env": "1.0.0",
+        "request-progress": "^3.0.0",
+        "semver": "^7.5.3",
+        "supports-color": "^8.1.1",
+        "tmp": "~0.2.3",
+        "untildify": "^4.0.0",
+        "yauzl": "^2.10.0"
+      },
+      "bin": {
+        "cypress": "bin/cypress"
+      },
+      "engines": {
+        "node": "^16.0.0 || ^18.0.0 || >=20.0.0"
+      }
+    },
+    "node_modules/cypress/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/dashdash": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
+      "integrity": "sha512-jRFi8UDGo6j+odZiEpjazZaWqEal3w/basFjQHQEwVtZJGDpxbH1MeYluwCS8Xq5wmLJooDlMgvVarmWfGM44g==",
+      "dependencies": {
+        "assert-plus": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.10",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.10.tgz",
+      "integrity": "sha512-vjAczensTgRcqDERK0SR2XMwsF/tSvnvlv6VcF2GIhg6Sx4yOIt/irsr1RDJsKiIyBzJDpCoXiWWq28MqH2cnQ=="
+    },
+    "node_modules/debug": {
+      "version": "4.3.4",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.4.tgz",
+      "integrity": "sha512-PRWFHuSU3eDtQJPvnNY7Jcket1j0t5OuOsFzPPzsekD52Zl8qUfFIPEiswXqIvHWGVHOgX+7G/vCNNhehwxfkQ==",
+      "dependencies": {
+        "ms": "2.1.2"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/decompress-response": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/decompress-response/-/decompress-response-6.0.0.tgz",
+      "integrity": "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==",
+      "dependencies": {
+        "mimic-response": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/deep-equal": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npmjs.org/deep-equal/-/deep-equal-2.2.2.tgz",
+      "integrity": "sha512-xjVyBf0w5vH0I42jdAZzOKVldmPgSulmiyPRywoyq7HXC9qdgo17kxJE+rdnif5Tz6+pIrpJI8dCpMNLIGkUiA==",
+      "dependencies": {
+        "array-buffer-byte-length": "^1.0.0",
+        "call-bind": "^1.0.2",
+        "es-get-iterator": "^1.1.3",
+        "get-intrinsic": "^1.2.1",
+        "is-arguments": "^1.1.1",
+        "is-array-buffer": "^3.0.2",
+        "is-date-object": "^1.0.5",
+        "is-regex": "^1.1.4",
+        "is-shared-array-buffer": "^1.0.2",
+        "isarray": "^2.0.5",
+        "object-is": "^1.1.5",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.4",
+        "regexp.prototype.flags": "^1.5.0",
+        "side-channel": "^1.0.4",
+        "which-boxed-primitive": "^1.0.2",
+        "which-collection": "^1.0.1",
+        "which-typed-array": "^1.1.9"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/define-data-property": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/define-data-property/-/define-data-property-1.1.1.tgz",
+      "integrity": "sha512-E7uGkTzkk1d0ByLeSc6ZsFS79Axg+m1P/VsgYsxHgiuc3tFSj+MjMIwe90FC4lOAZzNBdY7kkO2P2wKdsQ1vgQ==",
+      "dependencies": {
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/define-properties": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.2.1.tgz",
+      "integrity": "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "has-property-descriptors": "^1.0.0",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/diff3": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/diff3/-/diff3-0.0.3.tgz",
+      "integrity": "sha512-iSq8ngPOt0K53A6eVr4d5Kn6GNrM2nQZtC740pzIriHtn4pOQ2lyzEXQMBeVcWERN0ye7fhBsk9PbLLQOnUx/g=="
+    },
+    "node_modules/dom-accessibility-api": {
+      "version": "0.5.16",
+      "resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.5.16.tgz",
+      "integrity": "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg=="
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ecc-jsbn": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
+      "integrity": "sha512-eh9O+hwRHNbG4BLTjEl3nw044CkGm5X6LoaCf7LPp7UU8Qrt47JYNi6nPX8xjW97TKGKm1ouctg0QSpZe9qrnw==",
+      "dependencies": {
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.1.0"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
+      "integrity": "sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/enquirer": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/enquirer/-/enquirer-2.4.1.tgz",
+      "integrity": "sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ==",
+      "dependencies": {
+        "ansi-colors": "^4.1.1",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-get-iterator": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/es-get-iterator/-/es-get-iterator-1.1.3.tgz",
+      "integrity": "sha512-sPZmqHBe6JIiTfN5q2pEi//TwxmAFHwj/XEuYjTuse78i8KxaqMTTzxPoFKuzRpDpTJ+0NAbpfenkmH2rePtuw==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.3",
+        "has-symbols": "^1.0.3",
+        "is-arguments": "^1.1.1",
+        "is-map": "^2.0.2",
+        "is-set": "^2.0.2",
+        "is-string": "^1.0.7",
+        "isarray": "^2.0.5",
+        "stop-iteration-iterator": "^1.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/eventemitter2": {
+      "version": "6.4.7",
+      "resolved": "https://registry.npmjs.org/eventemitter2/-/eventemitter2-6.4.7.tgz",
+      "integrity": "sha512-tYUSVOGeQPKt/eC1ABfhHy5Xd96N3oIijJvN3O9+TsC28T5V9yX9oEfEK5faP0EFSNVOG97qtAS68GBrQB2hDg=="
+    },
+    "node_modules/execa": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/execa/-/execa-4.1.0.tgz",
+      "integrity": "sha512-j5W0//W7f8UxAn8hXVnwG8tLwdiUy4FJLcSupCg6maBYZDpyBvTApK7KyuI4bKj8KOh1r2YH+6ucuYtJv1bTZA==",
+      "dependencies": {
+        "cross-spawn": "^7.0.0",
+        "get-stream": "^5.0.0",
+        "human-signals": "^1.1.1",
+        "is-stream": "^2.0.0",
+        "merge-stream": "^2.0.0",
+        "npm-run-path": "^4.0.0",
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2",
+        "strip-final-newline": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sindresorhus/execa?sponsor=1"
+      }
+    },
+    "node_modules/executable": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/executable/-/executable-4.1.1.tgz",
+      "integrity": "sha512-8iA79xD3uAch729dUG8xaaBBFGaEa0wdD2VkYLFHwlqosEj/jT66AzcreRDSgV7ehnNLBW2WR5jIXwGKjVdTLg==",
+      "dependencies": {
+        "pify": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/express": {
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
+      "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.20.3",
+        "content-disposition": "0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "0.7.1",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "1.3.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "merge-descriptors": "1.0.3",
+        "methods": "~1.1.2",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.12",
+        "proxy-addr": "~2.0.7",
+        "qs": "6.13.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "0.19.0",
+        "serve-static": "1.16.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/express/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/express/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/express/node_modules/qs": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
+      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
+      "dependencies": {
+        "side-channel": "^1.0.6"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+    },
+    "node_modules/extract-zip": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
+      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "get-stream": "^5.1.0",
+        "yauzl": "^2.10.0"
+      },
+      "bin": {
+        "extract-zip": "cli.js"
+      },
+      "engines": {
+        "node": ">= 10.17.0"
+      },
+      "optionalDependencies": {
+        "@types/yauzl": "^2.9.1"
+      }
+    },
+    "node_modules/extsprintf": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
+      "integrity": "sha512-11Ndz7Nv+mvAC1j0ktTa7fAb0vLyGGX+rMHNBYQviQDGU0Hw7lhctJANqbPhu9nV9/izT/IntTgZ7Im/9LJs9g==",
+      "engines": [
+        "node >=0.6.0"
+      ]
+    },
+    "node_modules/fast-text-encoding": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/fast-text-encoding/-/fast-text-encoding-1.0.6.tgz",
+      "integrity": "sha512-VhXlQgj9ioXCqGstD37E/HBeqEGV/qOD/kmbVG8h5xKBYvM1L3lR1Zn4555cQ8GkYbJa8aJSipLPndE1k6zK2w=="
+    },
+    "node_modules/fd-slicer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
+      "dependencies": {
+        "pend": "~1.2.0"
+      }
+    },
+    "node_modules/figures": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/figures/-/figures-3.2.0.tgz",
+      "integrity": "sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==",
+      "dependencies": {
+        "escape-string-regexp": "^1.0.5"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
+      "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "on-finished": "2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "2.0.1",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/finalhandler/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/finalhandler/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/for-each": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
+      "integrity": "sha512-jqYfLp7mo9vIyQf8ykW2v7A+2N4QjeCeI5+Dz9XraiO1ign81wjiH7Fb9vSOWvQfNtmSa4H2RoQTrrXivdUZmw==",
+      "dependencies": {
+        "is-callable": "^1.1.3"
+      }
+    },
+    "node_modules/forever-agent": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
+      "integrity": "sha512-j0KLYPhm6zeac4lz3oJ3o65qvgQCcPubiyotZrXqEaG4hNagNYO8qdlUrX5vwqv9ohqeT/Z3j6+yW067yWWdUw==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/form-data": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
+      "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.6",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 0.12"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fs-extra": {
+      "version": "9.1.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+      "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+      "dependencies": {
+        "at-least-node": "^1.0.0",
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/functions-have-names": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/functions-have-names/-/functions-have-names-1.2.3.tgz",
+      "integrity": "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/getos": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/getos/-/getos-3.2.1.tgz",
+      "integrity": "sha512-U56CfOK17OKgTVqozZjUKNdkfEv6jk5WISBJ8SHoagjE6L69zOwl3Z+O8myjY9MEW3i2HPWQBt/LTbCgcC973Q==",
+      "dependencies": {
+        "async": "^3.2.0"
+      }
+    },
+    "node_modules/getpass": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
+      "integrity": "sha512-0fzj9JxOLfJ+XGLhR8ze3unN0KZCgZwiSSDz168VERjK8Wl8kVSdcu2kspd4s4wtAa1y/qrVRiAA0WclVsu0ng==",
+      "dependencies": {
+        "assert-plus": "^1.0.0"
+      }
+    },
+    "node_modules/global-dirs": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/global-dirs/-/global-dirs-3.0.1.tgz",
+      "integrity": "sha512-NBcGGFbBA9s1VzD41QXDG+3++t9Mn5t1FpLdhESY6oKY4gYTFpX4wO3sqGUa0Srjtbfj3szX0RnemmrVRUdULA==",
+      "dependencies": {
+        "ini": "2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+    },
+    "node_modules/has-bigints": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.0.2.tgz",
+      "integrity": "sha512-tSvCKtBr9lkF0Ex0aQiP9N+OpV4zi2r/Nee5VkRDbaqv35RLYMzbwQfFSZZH0kR+Rd6302UJZ2p/bJCEoR3VoQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/has-property-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/has-property-descriptors/-/has-property-descriptors-1.0.1.tgz",
+      "integrity": "sha512-VsX8eaIewvas0xnvinAe9bw4WfIeODpGYikiWYLH+dma0Jw6KHYqWiWfhQlgOVK8D6PvjubK5Uc4P0iIhIcNVg==",
+      "dependencies": {
+        "get-intrinsic": "^1.2.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
+      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
+      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
+      "dependencies": {
+        "depd": "2.0.0",
+        "inherits": "2.0.4",
+        "setprototypeof": "1.2.0",
+        "statuses": "2.0.1",
+        "toidentifier": "1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/http-signature": {
+      "version": "1.3.6",
+      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.3.6.tgz",
+      "integrity": "sha512-3adrsD6zqo4GsTqtO7FyrejHNv+NgiIfAfv68+jVlFmSr9OGy7zrxONceFRLKvnnZA5jbxQBX1u9PpB6Wi32Gw==",
+      "dependencies": {
+        "assert-plus": "^1.0.0",
+        "jsprim": "^2.0.2",
+        "sshpk": "^1.14.1"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/human-signals": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/human-signals/-/human-signals-1.1.1.tgz",
+      "integrity": "sha512-SEQu7vl8KjNL2eoGBLF3+wAjpsNfA9XMlXAYj/3EdaNfAlxKthD1xjEQfGOUhllCGGJVNY34bRr6lPINhNjyZw==",
+      "engines": {
+        "node": ">=8.12.0"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/ignore": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.1.tgz",
+      "integrity": "sha512-5Fytz/IraMjqpwfd34ke28PTVMjZjJG2MPn5t7OE4eUCUNf8BAa7b5WUS9/Qvr6mwOQS7Mk6vdsMno5he+T8Xw==",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/indent-string": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/indent-string/-/indent-string-4.0.0.tgz",
+      "integrity": "sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
+    },
+    "node_modules/ini": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-2.0.0.tgz",
+      "integrity": "sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/internal-slot": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.0.6.tgz",
+      "integrity": "sha512-Xj6dv+PsbtwyPpEflsejS+oIZxmMlV44zAhG479uYu89MsjcYOhCFnNyKrkJrihbsiasQyY0afoCl/9BLR65bg==",
+      "dependencies": {
+        "get-intrinsic": "^1.2.2",
+        "hasown": "^2.0.0",
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-arguments": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.1.1.tgz",
+      "integrity": "sha512-8Q7EARjzEnKpt/PCD7e1cgUS0a6X8u5tdSiMqXhojOdoV9TsMsiO+9VLC5vAmO8N7/GmXn7yjR8qnA6bVAEzfA==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-array-buffer": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/is-array-buffer/-/is-array-buffer-3.0.2.tgz",
+      "integrity": "sha512-y+FyyR/w8vfIRq4eQcM1EYgSTnmHXPqaF+IgzgraytCFq5Xh8lllDVmAZolPJiZttZLeFSINPYMaEJ7/vWUa1w==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.2.0",
+        "is-typed-array": "^1.1.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-bigint": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-bigint/-/is-bigint-1.0.4.tgz",
+      "integrity": "sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==",
+      "dependencies": {
+        "has-bigints": "^1.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-boolean-object": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
+      "integrity": "sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-callable": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/is-callable/-/is-callable-1.2.7.tgz",
+      "integrity": "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-ci": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/is-ci/-/is-ci-3.0.1.tgz",
+      "integrity": "sha512-ZYvCgrefwqoQ6yTyYUbQu64HsITZ3NfKX1lzaEYdkTDcfKzzCI/wthRRYKkdjHKFVgNiXKAKm65Zo1pk2as/QQ==",
+      "dependencies": {
+        "ci-info": "^3.2.0"
+      },
+      "bin": {
+        "is-ci": "bin.js"
+      }
+    },
+    "node_modules/is-date-object": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/is-date-object/-/is-date-object-1.0.5.tgz",
+      "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-installed-globally": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/is-installed-globally/-/is-installed-globally-0.4.0.tgz",
+      "integrity": "sha512-iwGqO3J21aaSkC7jWnHP/difazwS7SFeIqxv6wEtLU8Y5KlzFTjyqcSIT0d8s4+dDhKytsk9PJZ2BkS5eZwQRQ==",
+      "dependencies": {
+        "global-dirs": "^3.0.0",
+        "is-path-inside": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-map": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-map/-/is-map-2.0.2.tgz",
+      "integrity": "sha512-cOZFQQozTha1f4MxLFzlgKYPTyj26picdZTx82hbc/Xf4K/tZOOXSCkMvU4pKioRXGDLJRn0GM7Upe7kR721yg==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-number-object": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-number-object/-/is-number-object-1.0.7.tgz",
+      "integrity": "sha512-k1U0IRzLMo7ZlYIfzRu23Oh6MiIFasgpb9X76eqfFZAqwH44UI4KTBvBYIZ1dSL9ZzChTB9ShHfLkR4pdW5krQ==",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-regex": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/is-regex/-/is-regex-1.1.4.tgz",
+      "integrity": "sha512-kvRdxDsxZjhzUX07ZnLydzS1TU/TJlTUHHY4YLL87e37oUA49DfkLqgy+VjFocowy29cKvcSiu+kIv728jTTVg==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-set": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-set/-/is-set-2.0.2.tgz",
+      "integrity": "sha512-+2cnTEZeY5z/iXGbLhPrOAaK/Mau5k5eXq9j14CpRTftq0pAJu2MwVRSZhyZWBzx3o6X795Lz6Bpb6R0GKf37g==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-shared-array-buffer": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
+      "integrity": "sha512-sqN2UDu1/0y6uvXyStCOzyhAjCSlHceFoMKJW8W9EU9cvic/QdsZ0kEU93HEy3IUEFZIiH/3w+AH/UQbPHNdhA==",
+      "dependencies": {
+        "call-bind": "^1.0.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-stream": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz",
+      "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-string": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/is-string/-/is-string-1.0.7.tgz",
+      "integrity": "sha512-tE2UXzivje6ofPW7l23cjDOMa09gb7xlAqG6jG5ej6uPV32TlWP3NKPigtaGeHNu9fohccRYvIiZMfOOnOYUtg==",
+      "dependencies": {
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-symbol": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/is-symbol/-/is-symbol-1.0.4.tgz",
+      "integrity": "sha512-C/CPBqKWnvdcxqIARxyOh4v1UUEOCHpgDa0WYgpKDFMszcrPcffg5uhwSgPCLD2WWxmq6isisz87tzT01tuGhg==",
+      "dependencies": {
+        "has-symbols": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typed-array": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/is-typed-array/-/is-typed-array-1.1.12.tgz",
+      "integrity": "sha512-Z14TF2JNG8Lss5/HMqt0//T9JeHXttXy5pH/DBU4vi98ozO2btxzq9MwYDZYnKwU8nRsz/+GVFVRDq3DkVuSPg==",
+      "dependencies": {
+        "which-typed-array": "^1.1.11"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+      "integrity": "sha512-cyA56iCMHAh5CdzjJIa4aohJyeO1YbwLi3Jc35MmRU6poroFjIGZzUzupGiRPOjgHg9TLu43xbpwXk523fMxKA=="
+    },
+    "node_modules/is-unicode-supported": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/is-unicode-supported/-/is-unicode-supported-0.1.0.tgz",
+      "integrity": "sha512-knxG2q4UC3u8stRGyAVJCOdxFmv5DZiRcdlIaAQXAbSfJya+OhopNotLQrstBhququ4ZpuKbDc/8S6mgXgPFPw==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/is-weakmap": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.1.tgz",
+      "integrity": "sha512-NSBR4kH5oVj1Uwvv970ruUkCV7O1mzgVFO4/rev2cLRda9Tm9HrL70ZPut4rOHgY0FNrUu9BCbXA2sdQ+x0chA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-weakset": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/is-weakset/-/is-weakset-2.0.2.tgz",
+      "integrity": "sha512-t2yVvttHkQktwnNNmBQ98AhENLdPUTDTE21uPqAQ0ARwQfGeQKRVS0NNurH7bTf7RrvcVn1OOge45CnBeHCSmg==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "get-intrinsic": "^1.1.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-2.0.5.tgz",
+      "integrity": "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw=="
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
+    },
+    "node_modules/isomorphic-git": {
+      "version": "1.25.10",
+      "resolved": "https://registry.npmjs.org/isomorphic-git/-/isomorphic-git-1.25.10.tgz",
+      "integrity": "sha512-IxGiaKBwAdcgBXwIcxJU6rHLk+NrzYaaPKXXQffcA0GW3IUrQXdUPDXDo+hkGVcYruuz/7JlGBiuaeTCgIgivQ==",
+      "dependencies": {
+        "async-lock": "^1.4.1",
+        "clean-git-ref": "^2.0.1",
+        "crc-32": "^1.2.0",
+        "diff3": "0.0.3",
+        "ignore": "^5.1.4",
+        "minimisted": "^2.0.0",
+        "pako": "^1.0.10",
+        "pify": "^4.0.1",
+        "readable-stream": "^3.4.0",
+        "sha.js": "^2.4.9",
+        "simple-get": "^4.0.1"
+      },
+      "bin": {
+        "isogit": "cli.cjs"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/isomorphic-git/node_modules/pify": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-4.0.1.tgz",
+      "integrity": "sha512-uB80kBFb/tfd68bVleG9T5GGsGPjJrLAUpR5PZIrhBnIaRTQRjqdJSsIKkOP6OAIFbj7GOrcudc5pNjZ+geV2g==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/isomorphic-textencoder": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/isomorphic-textencoder/-/isomorphic-textencoder-1.0.1.tgz",
+      "integrity": "sha512-676hESgHullDdHDsj469hr+7t3i/neBKU9J7q1T4RHaWwLAsaQnywC0D1dIUId0YZ+JtVrShzuBk1soo0+GVcQ==",
+      "dependencies": {
+        "fast-text-encoding": "^1.0.0"
+      }
+    },
+    "node_modules/isstream": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
+      "integrity": "sha512-Yljz7ffyPbrLpLngrMtZ7NduUgVvi6wG9RJ9IUcyCd59YQ911PBJphODUcbOVbqYfxe1wuYf/LJ8PauMRwsM/g=="
+    },
+    "node_modules/joi": {
+      "version": "17.13.1",
+      "resolved": "https://registry.npmjs.org/joi/-/joi-17.13.1.tgz",
+      "integrity": "sha512-vaBlIKCyo4FCUtCm7Eu4QZd/q02bWcxfUO6YSXAZOWF6gzcLBeba8kwotUdYJjDLW8Cz8RywsSOqiNJZW0mNvg==",
+      "dependencies": {
+        "@hapi/hoek": "^9.3.0",
+        "@hapi/topo": "^5.1.0",
+        "@sideway/address": "^4.1.5",
+        "@sideway/formula": "^3.0.1",
+        "@sideway/pinpoint": "^2.0.0"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
+    },
+    "node_modules/js-yaml": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.0.tgz",
+      "integrity": "sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/jsbn": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
+      "integrity": "sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg=="
+    },
+    "node_modules/json-schema": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
+      "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA=="
+    },
+    "node_modules/json-stringify-safe": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+      "integrity": "sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA=="
+    },
+    "node_modules/jsonfile": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/jsprim": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-2.0.2.tgz",
+      "integrity": "sha512-gqXddjPqQ6G40VdnI6T6yObEC+pDNvyP95wdQhkWkg7crHH3km5qP1FsOXEkzEQwnz6gz5qGTn1c2Y52wP3OyQ==",
+      "engines": [
+        "node >=0.6.0"
+      ],
+      "dependencies": {
+        "assert-plus": "1.0.0",
+        "extsprintf": "1.3.0",
+        "json-schema": "0.4.0",
+        "verror": "1.10.0"
+      }
+    },
+    "node_modules/just-debounce-it": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/just-debounce-it/-/just-debounce-it-1.1.0.tgz",
+      "integrity": "sha512-87Nnc0qZKgBZuhFZjYVjSraic0x7zwjhaTMrCKlj0QYKH6lh0KbFzVnfu6LHan03NO7J8ygjeBeD0epejn5Zcg=="
+    },
+    "node_modules/just-once": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/just-once/-/just-once-1.1.0.tgz",
+      "integrity": "sha512-+rZVpl+6VyTilK7vB/svlMPil4pxqIJZkbnN7DKZTOzyXfun6ZiFeq2Pk4EtCEHZ0VU4EkdFzG8ZK5F3PErcDw=="
+    },
+    "node_modules/lazy-ass": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/lazy-ass/-/lazy-ass-1.6.0.tgz",
+      "integrity": "sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw==",
+      "engines": {
+        "node": "> 0.8"
+      }
+    },
+    "node_modules/listr2": {
+      "version": "3.14.0",
+      "resolved": "https://registry.npmjs.org/listr2/-/listr2-3.14.0.tgz",
+      "integrity": "sha512-TyWI8G99GX9GjE54cJ+RrNMcIFBfwMPxc3XTFiAYGN4s10hWROGtOg7+O6u6LE3mNkyld7RSLE6nrKBvTfcs3g==",
+      "dependencies": {
+        "cli-truncate": "^2.1.0",
+        "colorette": "^2.0.16",
+        "log-update": "^4.0.0",
+        "p-map": "^4.0.0",
+        "rfdc": "^1.3.0",
+        "rxjs": "^7.5.1",
+        "through": "^2.3.8",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "enquirer": ">= 2.3.0 < 3"
+      },
+      "peerDependenciesMeta": {
+        "enquirer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
+    "node_modules/lodash.once": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.once/-/lodash.once-4.1.1.tgz",
+      "integrity": "sha512-Sb487aTOCr9drQVL8pIxOzVhafOjZN9UU54hiN8PU3uAiSV7lx1yYNpbNmex2PK6dSJoNTSJUUswT651yww3Mg=="
+    },
+    "node_modules/log-symbols": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/log-symbols/-/log-symbols-4.1.0.tgz",
+      "integrity": "sha512-8XPvpAA8uyhfteu8pIvQxpJZ7SYYdpUivZpGy6sFsBuKRY/7rQGavedeB8aK+Zkyq6upMFVL/9AW6vOYzfRyLg==",
+      "dependencies": {
+        "chalk": "^4.1.0",
+        "is-unicode-supported": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/log-update/-/log-update-4.0.0.tgz",
+      "integrity": "sha512-9fkkDevMefjg0mmzWFBW8YkFP91OrizzkW3diF7CpG+S2EYdy4+TVfGwz1zeF8x7hCx1ovSPTOE9Ngib74qqUg==",
+      "dependencies": {
+        "ansi-escapes": "^4.3.0",
+        "cli-cursor": "^3.1.0",
+        "slice-ansi": "^4.0.0",
+        "wrap-ansi": "^6.2.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/log-update/node_modules/slice-ansi": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-4.0.0.tgz",
+      "integrity": "sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ==",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "astral-regex": "^2.0.0",
+        "is-fullwidth-code-point": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/slice-ansi?sponsor=1"
+      }
+    },
+    "node_modules/log-update/node_modules/wrap-ansi": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-6.2.0.tgz",
+      "integrity": "sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+      "dependencies": {
+        "yallist": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/lz-string": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
+      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+      "bin": {
+        "lz-string": "bin/bin.js"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/merge-stream": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+      "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w=="
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
+      "integrity": "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/mimic-response": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/mimic-response/-/mimic-response-3.1.0.tgz",
+      "integrity": "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/minimisted": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/minimisted/-/minimisted-2.0.1.tgz",
+      "integrity": "sha512-1oPjfuLQa2caorJUM8HV8lGgWCc0qqAO1MNv/k05G4qslmsndV/5WdNZrqCiyqiz3wohia2Ij2B7w2Dr7/IyrA==",
+      "dependencies": {
+        "minimist": "^1.2.5"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
+      "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/node-ensure": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/node-ensure/-/node-ensure-0.0.0.tgz",
+      "integrity": "sha512-DRI60hzo2oKN1ma0ckc6nQWlHU69RH6xN0sjQTjMpChPfTYvKZdcQFfdYK2RWbJcKyUizSIy/l8OTGxMAM1QDw=="
+    },
+    "node_modules/npm-run-path": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-4.0.1.tgz",
+      "integrity": "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw==",
+      "dependencies": {
+        "path-key": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-is": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/object-is/-/object-is-1.1.5.tgz",
+      "integrity": "sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/object-keys/-/object-keys-1.1.1.tgz",
+      "integrity": "sha512-NuAESUOUMrlIXOfHKzD6bpPu3tYt3xvjNdRIQ+FeT0lNb4K8WR70CaDxhuNguS2XG+GjkyMwOzsN5ZktImfhLA==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/object.assign": {
+      "version": "4.1.4",
+      "resolved": "https://registry.npmjs.org/object.assign/-/object.assign-4.1.4.tgz",
+      "integrity": "sha512-1mxKf0e58bvyjSCtKYY4sRe9itRk3PJpquJOjeIkz885CczcI4IvJJDLPS72oowuSh+pBxUFROpX+TU++hxhZQ==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.1.4",
+        "has-symbols": "^1.0.3",
+        "object-keys": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/onetime": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz",
+      "integrity": "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==",
+      "dependencies": {
+        "mimic-fn": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/ospath": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/ospath/-/ospath-1.2.2.tgz",
+      "integrity": "sha512-o6E5qJV5zkAbIDNhGSIlyOhScKXgQrSRMilfph0clDfM0nEnBOlKlH4sWDmG95BW/CvwNz0vmm7dJVtU2KlMiA=="
+    },
+    "node_modules/p-map": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/p-map/-/p-map-4.0.0.tgz",
+      "integrity": "sha512-/bjOqmgETBYB5BoEeGVea8dmvHb2m9GLy1E9W43yeyfP6QQCZGFNa+XRceJEuDB6zqr+gKpIAmlLebMpykw/MQ==",
+      "dependencies": {
+        "aggregate-error": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
+      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ=="
+    },
+    "node_modules/pdf-parse": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/pdf-parse/-/pdf-parse-1.1.1.tgz",
+      "integrity": "sha512-v6ZJ/efsBpGrGGknjtq9J/oC8tZWq0KWL5vQrk2GlzLEQPUDB1ex+13Rmidl1neNN358Jn9EHZw5y07FFtaC7A==",
+      "dependencies": {
+        "debug": "^3.1.0",
+        "node-ensure": "^0.0.0"
+      },
+      "engines": {
+        "node": ">=6.8.1"
+      }
+    },
+    "node_modules/pdf-parse/node_modules/debug": {
+      "version": "3.2.7",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-3.2.7.tgz",
+      "integrity": "sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==",
+      "dependencies": {
+        "ms": "^2.1.1"
+      }
+    },
+    "node_modules/pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg=="
+    },
+    "node_modules/performance-now": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+      "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow=="
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pretty-bytes": {
+      "version": "5.6.0",
+      "resolved": "https://registry.npmjs.org/pretty-bytes/-/pretty-bytes-5.6.0.tgz",
+      "integrity": "sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/pretty-format": {
+      "version": "27.5.1",
+      "resolved": "https://registry.npmjs.org/pretty-format/-/pretty-format-27.5.1.tgz",
+      "integrity": "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==",
+      "dependencies": {
+        "ansi-regex": "^5.0.1",
+        "ansi-styles": "^5.0.0",
+        "react-is": "^17.0.1"
+      },
+      "engines": {
+        "node": "^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0"
+      }
+    },
+    "node_modules/pretty-format/node_modules/ansi-styles": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz",
+      "integrity": "sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/process": {
+      "version": "0.11.10",
+      "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
+      "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==",
+      "engines": {
+        "node": ">= 0.6.0"
+      }
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.0.0.tgz",
+      "integrity": "sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A=="
+    },
+    "node_modules/psl": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
+      "integrity": "sha512-E/ZsdU4HLs/68gYzgGTkMicWTLPdAftJLfJFlLUAAKZGkStNU72sZjT66SnMDVOfOWY/YAoiD7Jxa9iHvngcag=="
+    },
+    "node_modules/pump": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.0.tgz",
+      "integrity": "sha512-LwZy+p3SFs1Pytd/jYct4wpv49HiYCqd9Rlc5ZVdk0V+8Yzv6jR5Blk3TRmPL1ft69TxP0IMZGJ+WPFU2BFhww==",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.10.4",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.10.4.tgz",
+      "integrity": "sha512-OQiU+C+Ds5qiH91qh/mg0w+8nwQuLjM4F4M/PbmhDOoYehPh+Fb0bDjtR1sOvy7YKxvj28Y/M0PhP5uVX0kB+g==",
+      "dependencies": {
+        "side-channel": "^1.0.4"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/querystringify": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/querystringify/-/querystringify-2.2.0.tgz",
+      "integrity": "sha512-FIqgj2EUvTa7R50u0rGsyTftzjYmv/a3hO345bZNrqabNqjtgiDMgmo4mkUjd+nzU5oF3dClKqFIPUKybUyqoQ=="
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
+      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "http-errors": "2.0.0",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/react-is": {
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
+      "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
+    },
+    "node_modules/readable-stream": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz",
+      "integrity": "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/regenerator-runtime": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.14.0.tgz",
+      "integrity": "sha512-srw17NI0TUWHuGa5CFGGmhfNIeja30WMBfbslPNhf6JrqQlLN5gcrvig1oqPxiVaXb0oW0XRKtH6Nngs5lKCIA=="
+    },
+    "node_modules/regexp.prototype.flags": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/regexp.prototype.flags/-/regexp.prototype.flags-1.5.1.tgz",
+      "integrity": "sha512-sy6TXMN+hnP/wMy+ISxg3krXx7BAtWVO4UouuCN/ziM9UEne0euamVNafDfvC83bRNr95y0V5iijeDQFUNpvrg==",
+      "dependencies": {
+        "call-bind": "^1.0.2",
+        "define-properties": "^1.2.0",
+        "set-function-name": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/request-progress": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/request-progress/-/request-progress-3.0.0.tgz",
+      "integrity": "sha512-MnWzEHHaxHO2iWiQuHrUPBi/1WeBf5PkxQqNyNvLl9VAYSdXkP8tQ3pBSeCPD+yw0v0Aq1zosWLz0BdeXpWwZg==",
+      "dependencies": {
+        "throttleit": "^1.0.0"
+      }
+    },
+    "node_modules/requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/requires-port/-/requires-port-1.0.0.tgz",
+      "integrity": "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="
+    },
+    "node_modules/restore-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz",
+      "integrity": "sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==",
+      "dependencies": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/rfdc": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/rfdc/-/rfdc-1.3.0.tgz",
+      "integrity": "sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA=="
+    },
+    "node_modules/rxjs": {
+      "version": "7.8.1",
+      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.1.tgz",
+      "integrity": "sha512-AA3TVj+0A2iuIoQkWEK/tqFjBq2j+6PO6Y0zJcvzLAFhEFIO3HL0vls9hWLncZbAAbK0mar7oZ4V079I/qPMxg==",
+      "dependencies": {
+        "tslib": "^2.1.0"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
+    "node_modules/semver": {
+      "version": "7.5.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz",
+      "integrity": "sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==",
+      "dependencies": {
+        "lru-cache": "^6.0.0"
+      },
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/send": {
+      "version": "0.19.0",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
+      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "2.0.0",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "2.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/send/node_modules/debug/node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
+    },
+    "node_modules/send/node_modules/encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
+      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="
+    },
+    "node_modules/serve-static": {
+      "version": "1.16.2",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
+      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
+      "dependencies": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.19.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/set-function-length": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/set-function-length/-/set-function-length-1.1.1.tgz",
+      "integrity": "sha512-VoaqjbBJKiWtg4yRcKBQ7g7wnGnLV3M8oLvVWwOk2PdYY6PEFegR1vezXR0tw6fZGF9csVakIRjrJiy2veSBFQ==",
+      "dependencies": {
+        "define-data-property": "^1.1.1",
+        "get-intrinsic": "^1.2.1",
+        "gopd": "^1.0.1",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/set-function-name": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-function-name/-/set-function-name-2.0.1.tgz",
+      "integrity": "sha512-tMNCiqYVkXIZgc2Hnoy2IvC/f8ezc5koaRFkCjrpWzGpCd3qbZXPzVy9MAZzK1ch/X0jvSkojys3oqJN0qCmdA==",
+      "dependencies": {
+        "define-data-property": "^1.0.1",
+        "functions-have-names": "^1.2.3",
+        "has-property-descriptors": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
+    },
+    "node_modules/sha.js": {
+      "version": "2.4.11",
+      "resolved": "https://registry.npmjs.org/sha.js/-/sha.js-2.4.11.tgz",
+      "integrity": "sha512-QMEp5B7cftE7APOjk5Y6xgrbWu+WkLVQwk8JNjZ8nKRciZaByEW6MubieAiToS7+dwvrjGhH8jRXz3MVd0AYqQ==",
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "safe-buffer": "^5.0.1"
+      },
+      "bin": {
+        "sha.js": "bin.js"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/signal-exit": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-3.0.7.tgz",
+      "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="
+    },
+    "node_modules/simple-concat": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/simple-concat/-/simple-concat-1.0.1.tgz",
+      "integrity": "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/simple-get": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/simple-get/-/simple-get-4.0.1.tgz",
+      "integrity": "sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "dependencies": {
+        "decompress-response": "^6.0.0",
+        "once": "^1.3.1",
+        "simple-concat": "^1.0.0"
+      }
+    },
+    "node_modules/slice-ansi": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-3.0.0.tgz",
+      "integrity": "sha512-pSyv7bSTC7ig9Dcgbw9AuRNUb5k5V6oDudjZoMBSr13qpLBG7tB+zgCkARjq7xIUgdz5P1Qe8u+rSGdouOOIyQ==",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "astral-regex": "^2.0.0",
+        "is-fullwidth-code-point": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/sshpk": {
+      "version": "1.18.0",
+      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.18.0.tgz",
+      "integrity": "sha512-2p2KJZTSqQ/I3+HX42EpYOa2l3f8Erv8MWKsy2I9uf4wA7yFIkXRffYdsx86y6z4vHtV8u7g+pPlr8/4ouAxsQ==",
+      "dependencies": {
+        "asn1": "~0.2.3",
+        "assert-plus": "^1.0.0",
+        "bcrypt-pbkdf": "^1.0.0",
+        "dashdash": "^1.12.0",
+        "ecc-jsbn": "~0.1.1",
+        "getpass": "^0.1.1",
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.0.2",
+        "tweetnacl": "~0.14.0"
+      },
+      "bin": {
+        "sshpk-conv": "bin/sshpk-conv",
+        "sshpk-sign": "bin/sshpk-sign",
+        "sshpk-verify": "bin/sshpk-verify"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/statuses": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
+      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/stop-iteration-iterator": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/stop-iteration-iterator/-/stop-iteration-iterator-1.0.0.tgz",
+      "integrity": "sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==",
+      "dependencies": {
+        "internal-slot": "^1.0.4"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
+      "integrity": "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==",
+      "dependencies": {
+        "safe-buffer": "~5.2.0"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-final-newline": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-final-newline/-/strip-final-newline-2.0.0.tgz",
+      "integrity": "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/throttleit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/throttleit/-/throttleit-1.0.0.tgz",
+      "integrity": "sha512-rkTVqu6IjfQ/6+uNuuc3sZek4CEYxTJom3IktzgdSxcZqdARuebbA/f4QmAxMQIxqq9ZLEUkSYqvuk1I6VKq4g=="
+    },
+    "node_modules/through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/through/-/through-2.3.8.tgz",
+      "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg=="
+    },
+    "node_modules/tmp": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.3.tgz",
+      "integrity": "sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==",
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/tough-cookie": {
+      "version": "4.1.3",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-4.1.3.tgz",
+      "integrity": "sha512-aX/y5pVRkfRnfmuX+OdbSdXvPe6ieKX/G2s7e98f4poJHnqH3281gDPm/metm6E/WRamfx7WC4HUqkWHfQHprw==",
+      "dependencies": {
+        "psl": "^1.1.33",
+        "punycode": "^2.1.1",
+        "universalify": "^0.2.0",
+        "url-parse": "^1.5.3"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/tough-cookie/node_modules/universalify": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-0.2.0.tgz",
+      "integrity": "sha512-CJ1QgKmNg3CwvAv/kOFmtnEN05f0D/cn9QntgNOQlQF9dgvVTHj3t+8JPdjqawCHk7V/KA+fbUqzZ9XWhcqPUg==",
+      "engines": {
+        "node": ">= 4.0.0"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.6.2",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.6.2.tgz",
+      "integrity": "sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q=="
+    },
+    "node_modules/tunnel-agent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+      "integrity": "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/tweetnacl": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+      "integrity": "sha512-KXXFFdAbFXY4geFIwoyNK+f5Z1b7swfXABfL7HXCmoIWMKU3dmS26672A4EeQtDzLKy7SXmfBu51JolvEKwtGA=="
+    },
+    "node_modules/type-fest": {
+      "version": "0.21.3",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz",
+      "integrity": "sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.2.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.2.2.tgz",
+      "integrity": "sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA=="
+    },
+    "node_modules/universalify": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
+      "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/untildify": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/untildify/-/untildify-4.0.0.tgz",
+      "integrity": "sha512-KK8xQ1mkzZeg9inewmFVDNkg3l5LUhoq9kN6iWYB/CC9YMG8HA+c1Q8HwDe6dEX7kErrEVNVBO3fWsVq5iDgtw==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/url-parse": {
+      "version": "1.5.10",
+      "resolved": "https://registry.npmjs.org/url-parse/-/url-parse-1.5.10.tgz",
+      "integrity": "sha512-WypcfiRhfeUP9vvF0j6rw0J3hrWrw6iZv3+22h6iRMJ/8z1Tj6XfLP4DsUix5MhMPnXpiHDoKyoZ/bdCkwBCiQ==",
+      "dependencies": {
+        "querystringify": "^2.1.1",
+        "requires-port": "^1.0.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/verror": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
+      "integrity": "sha512-ZZKSmDAEFOijERBLkmYfJ+vmk3w+7hOLYDNkRCuRuMJGEmqYNCNLyBBFwWKVMhfwaEF3WOd0Zlw86U/WC/+nYw==",
+      "engines": [
+        "node >=0.6.0"
+      ],
+      "dependencies": {
+        "assert-plus": "^1.0.0",
+        "core-util-is": "1.0.2",
+        "extsprintf": "^1.2.0"
+      }
+    },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/which-boxed-primitive": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/which-boxed-primitive/-/which-boxed-primitive-1.0.2.tgz",
+      "integrity": "sha512-bwZdv0AKLpplFY2KZRX6TvyuN7ojjr7lwkg6ml0roIy9YeuSr7JS372qlNW18UQYzgYK9ziGcerWqZOmEn9VNg==",
+      "dependencies": {
+        "is-bigint": "^1.0.1",
+        "is-boolean-object": "^1.1.0",
+        "is-number-object": "^1.0.4",
+        "is-string": "^1.0.5",
+        "is-symbol": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-collection": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/which-collection/-/which-collection-1.0.1.tgz",
+      "integrity": "sha512-W8xeTUwaln8i3K/cY1nGXzdnVZlidBcagyNFtBdD5kxnb4TvGKR7FfSIS3mYpwWS1QUCutfKz8IY8RjftB0+1A==",
+      "dependencies": {
+        "is-map": "^2.0.1",
+        "is-set": "^2.0.1",
+        "is-weakmap": "^2.0.1",
+        "is-weakset": "^2.0.1"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/which-typed-array": {
+      "version": "1.1.13",
+      "resolved": "https://registry.npmjs.org/which-typed-array/-/which-typed-array-1.1.13.tgz",
+      "integrity": "sha512-P5Nra0qjSncduVPEAr7xhoF5guty49ArDTwzJ/yNuPIbZppyRxFQsRCWrocxIY+CnMVG+qfbU2FmDKyvSGClow==",
+      "dependencies": {
+        "available-typed-arrays": "^1.0.5",
+        "call-bind": "^1.0.4",
+        "for-each": "^0.3.3",
+        "gopd": "^1.0.1",
+        "has-tostringtag": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
+    },
+    "node_modules/yallist": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A=="
+    },
+    "node_modules/yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+      "dependencies": {
+        "buffer-crc32": "~0.2.3",
+        "fd-slicer": "~1.1.0"
+      }
+    }
+  }
+}
diff --git a/server-ce/test/package.json b/server-ce/test/package.json
new file mode 100644
index 0000000..36ba3df
--- /dev/null
+++ b/server-ce/test/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "@overleaf/server-ce/test",
+  "description": "e2e tests for Overleaf Community Edition",
+  "private": true,
+  "scripts": {
+    "cypress:open": "cypress open --e2e --browser chrome",
+    "cypress:run": "cypress run --e2e --browser chrome",
+    "format": "prettier --list-different $PWD/'**/*.{js,mjs,ts,tsx,json}'",
+    "format:fix": "prettier --write $PWD/'**/*.{js,mjs,ts,tsx,json}'"
+  },
+  "dependencies": {
+    "@isomorphic-git/lightning-fs": "^4.6.0",
+    "@testing-library/cypress": "^10.0.1",
+    "@types/adm-zip": "^0.5.5",
+    "@types/pdf-parse": "^1.1.4",
+    "@types/uuid": "^9.0.8",
+    "adm-zip": "^0.5.12",
+    "body-parser": "^1.20.3",
+    "celebrate": "^15.0.3",
+    "cypress": "13.13.2",
+    "express": "^4.21.2",
+    "isomorphic-git": "^1.25.10",
+    "js-yaml": "^4.1.0",
+    "pdf-parse": "^1.1.1",
+    "typescript": "^5.0.4",
+    "uuid": "^9.0.1"
+  }
+}
diff --git a/server-ce/test/project-list.spec.ts b/server-ce/test/project-list.spec.ts
new file mode 100644
index 0000000..3056242
--- /dev/null
+++ b/server-ce/test/project-list.spec.ts
@@ -0,0 +1,106 @@
+import { ensureUserExists, login } from './helpers/login'
+import { createProject } from './helpers/project'
+import { isExcludedBySharding, startWith } from './helpers/config'
+import { v4 as uuid } from 'uuid'
+
+const WITHOUT_PROJECTS_USER = 'user-without-projects@example.com'
+const REGULAR_USER = 'user@example.com'
+
+describe('Project List', () => {
+  if (isExcludedBySharding('PRO_DEFAULT_2')) return
+  startWith({ pro: true })
+
+  const findProjectRow = (projectName: string) => {
+    cy.log('find project row')
+    return cy.findByText(projectName).parent().parent()
+  }
+
+  describe('user with no projects', () => {
+    ensureUserExists({ email: WITHOUT_PROJECTS_USER })
+
+    it("'Import from GitHub' is not displayed in the welcome page", () => {
+      login(WITHOUT_PROJECTS_USER)
+      cy.visit('/project')
+      cy.findByText('Create a new project').click()
+      cy.findByText(/Import from GitHub/i).should('not.exist')
+    })
+  })
+
+  describe('user with projects', () => {
+    const projectName = `test-project-${uuid()}`
+    ensureUserExists({ email: REGULAR_USER })
+
+    before(() => {
+      login(REGULAR_USER)
+      createProject(projectName, { type: 'Example Project', open: false })
+    })
+    beforeEach(function () {
+      login(REGULAR_USER)
+      cy.visit('/project')
+    })
+
+    it('Can download project sources', () => {
+      findProjectRow(projectName).within(() =>
+        cy.findByRole('button', { name: 'Download .zip file' }).click()
+      )
+
+      cy.task('readFileInZip', {
+        pathToZip: `cypress/downloads/${projectName}.zip`,
+        fileToRead: 'main.tex',
+      }).should('contain', 'Your introduction goes here')
+    })
+
+    it('Can download project PDF', () => {
+      findProjectRow(projectName).within(() =>
+        cy.findByRole('button', { name: 'Download PDF' }).click()
+      )
+
+      const pdfName = projectName.replaceAll('-', '_')
+      cy.task('readPdf', `cypress/downloads/${pdfName}.pdf`).should(
+        'contain',
+        'Your introduction goes here'
+      )
+    })
+
+    it('can assign and remove tags to projects', () => {
+      const tagName = uuid().slice(0, 7) // long tag names are truncated in the UI, which affects selectors
+      cy.log('select project')
+      cy.get(`[aria-label="Select ${projectName}"]`).click()
+
+      cy.log('add tag to project')
+      cy.get('button[aria-label="Tags"]').click()
+      cy.findByText('Create new tag').click()
+      cy.get('input[name="new-tag-form-name"]').type(`${tagName}{enter}`)
+      cy.get(`button[aria-label="Select tag ${tagName}"]`) // tag label in project row
+
+      cy.log('remove tag')
+      cy.get(`button[aria-label="Remove tag ${tagName}"]`)
+        .first()
+        .click({ force: true })
+      cy.get(`button[aria-label="Select tag ${tagName}"]`).should('not.exist')
+    })
+
+    it('can filter by tag', () => {
+      cy.log('create a separate project to filter')
+      const nonTaggedProjectName = `project-${uuid()}`
+      login(REGULAR_USER)
+      createProject(nonTaggedProjectName, { open: false })
+
+      cy.log('select project')
+      cy.get(`[aria-label="Select ${projectName}"]`).click()
+
+      cy.log('add tag to project')
+      const tagName = uuid().slice(0, 7) // long tag names are truncated in the UI, which affects selectors
+      cy.get('button[aria-label="Tags"]').click()
+      cy.findByText('Create new tag').click()
+      cy.get('input[name="new-tag-form-name"]').type(`${tagName}{enter}`)
+
+      cy.log(
+        'check the non-tagged project is filtered out after clicking the tag'
+      )
+      cy.findByText(nonTaggedProjectName).should('exist')
+      cy.get('button').contains(tagName).click({ force: true })
+      cy.findByText(nonTaggedProjectName).should('not.exist')
+    })
+  })
+})
diff --git a/server-ce/test/project-sharing.spec.ts b/server-ce/test/project-sharing.spec.ts
new file mode 100644
index 0000000..e264392
--- /dev/null
+++ b/server-ce/test/project-sharing.spec.ts
@@ -0,0 +1,305 @@
+import { v4 as uuid } from 'uuid'
+import { isExcludedBySharding, startWith } from './helpers/config'
+import { ensureUserExists, login } from './helpers/login'
+import {
+  createProject,
+  enableLinkSharing,
+  openProjectByName,
+  openProjectViaLinkSharingAsAnon,
+  openProjectViaLinkSharingAsUser,
+  shareProjectByEmailAndAcceptInviteViaDash,
+  shareProjectByEmailAndAcceptInviteViaEmail,
+} from './helpers/project'
+import { throttledRecompile } from './helpers/compile'
+import { beforeWithReRunOnTestRetry } from './helpers/beforeWithReRunOnTestRetry'
+
+describe('Project Sharing', function () {
+  if (isExcludedBySharding('CE_CUSTOM_2')) return
+  ensureUserExists({ email: 'user@example.com' })
+  startWith({ withDataDir: true })
+
+  let projectName: string
+  beforeWithReRunOnTestRetry(function () {
+    projectName = `Project ${uuid()}`
+    setupTestProject()
+  })
+
+  beforeEach(() => {
+    // Always start with a fresh session
+    cy.session([uuid()], () => {})
+  })
+
+  let linkSharingReadOnly: string
+  let linkSharingReadAndWrite: string
+
+  function setupTestProject() {
+    login('user@example.com')
+    createProject(projectName)
+
+    // Add chat message
+    cy.findByText('Chat').click()
+    // wait for lazy loading of the chat pane
+    cy.findByText('Send your first message to your collaborators')
+    cy.get(
+      'textarea[placeholder="Send a message to your collaborators…"]'
+    ).type('New Chat Message{enter}')
+
+    // Get link sharing links
+    enableLinkSharing().then(
+      ({ linkSharingReadOnly: ro, linkSharingReadAndWrite: rw }) => {
+        linkSharingReadAndWrite = rw
+        linkSharingReadOnly = ro
+      }
+    )
+  }
+
+  function expectContentReadOnlyAccess() {
+    cy.url().should('match', /\/project\/[a-fA-F0-9]{24}/)
+    cy.get('.cm-content').should('contain.text', '\\maketitle')
+    cy.get('.cm-content').should('have.attr', 'contenteditable', 'false')
+  }
+
+  function expectContentWriteAccess() {
+    const section = `Test Section ${uuid()}`
+    cy.url().should('match', /\/project\/[a-fA-F0-9]{24}/)
+    const recompile = throttledRecompile()
+    // wait for the editor to finish loading
+    cy.get('.cm-content').should('contain.text', '\\maketitle')
+    // the editor should be writable
+    cy.get('.cm-content').should('have.attr', 'contenteditable', 'true')
+    cy.findByText('\\maketitle').parent().click()
+    cy.findByText('\\maketitle').parent().type(`\n\\section{{}${section}}`)
+    // should have written
+    cy.get('.cm-content').should('contain.text', `\\section{${section}}`)
+    // check PDF
+    recompile()
+    cy.get('.pdf-viewer').should('contain.text', projectName)
+    cy.get('.pdf-viewer').should('contain.text', section)
+  }
+
+  function expectNoAccess() {
+    // try read only access link
+    cy.visit(linkSharingReadOnly)
+    cy.url().should('match', /\/login/)
+
+    // Cypress bugs: cypress resolves the link-sharing link outside the browser, and it carries over the hash of the link-sharing link to the login page redirect (bug 1).
+    // Effectively, cypress then instructs the browser to change the page from /login#read-only-hash to /login#read-and-write-hash.
+    // This is turn does not trigger a "page load", but rather just "scrolling", which in turn trips up the "page loaded" detection in cypress (bug 2).
+    // Work around this by navigating away from the /login page in between checks.
+    cy.visit('/user/password/reset')
+
+    // try read and write access link
+    cy.visit(linkSharingReadAndWrite)
+    cy.url().should('match', /\/login/)
+  }
+
+  function expectChatAccess() {
+    cy.findByText('Chat').click()
+    cy.findByText('New Chat Message')
+  }
+
+  function expectHistoryAccess() {
+    cy.findByText('History').click()
+    cy.findByText('Labels')
+    cy.findByText(/\\begin\{document}/)
+    cy.findAllByTestId('history-version-metadata-users')
+      .last()
+      .should('have.text', 'user')
+    cy.findByText('Back to editor').click()
+  }
+
+  function expectNoChatAccess() {
+    cy.findByText('Layout') // wait for lazy loading
+    cy.findByText('Chat').should('not.exist')
+  }
+
+  function expectNoHistoryAccess() {
+    cy.findByText('Layout') // wait for lazy loading
+    cy.findByText('History').should('not.exist')
+  }
+
+  function expectFullReadOnlyAccess() {
+    expectContentReadOnlyAccess()
+    expectChatAccess()
+    expectHistoryAccess()
+  }
+
+  function expectRestrictedReadOnlyAccess() {
+    expectContentReadOnlyAccess()
+    expectNoChatAccess()
+    expectNoHistoryAccess()
+  }
+
+  function expectReadAndWriteAccess() {
+    expectContentWriteAccess()
+    expectChatAccess()
+    expectHistoryAccess()
+  }
+
+  function expectProjectDashboardEntry() {
+    cy.visit('/project')
+    cy.findByText(projectName)
+  }
+
+  function expectEditAuthoredAs(author: string) {
+    cy.findByText('History').click()
+    cy.findAllByTestId('history-version-metadata-users')
+      .first()
+      .should('contain.text', author) // might have other edits in the same group
+  }
+
+  describe('via email', function () {
+    const email = 'collaborator-email@example.com'
+    ensureUserExists({ email })
+
+    beforeEach(function () {
+      login('user@example.com')
+      shareProjectByEmailAndAcceptInviteViaEmail(projectName, email, 'Viewer')
+    })
+
+    it('should grant the collaborator read access', () => {
+      expectFullReadOnlyAccess()
+      expectProjectDashboardEntry()
+    })
+  })
+
+  describe('read only', () => {
+    const email = 'collaborator-ro@example.com'
+    ensureUserExists({ email })
+
+    beforeWithReRunOnTestRetry(function () {
+      login('user@example.com')
+      shareProjectByEmailAndAcceptInviteViaDash(projectName, email, 'Viewer')
+    })
+
+    it('should grant the collaborator read access', () => {
+      login(email)
+      openProjectByName(projectName)
+      expectFullReadOnlyAccess()
+      expectProjectDashboardEntry()
+    })
+  })
+
+  describe('read and write', () => {
+    const email = 'collaborator-rw@example.com'
+    ensureUserExists({ email })
+
+    beforeWithReRunOnTestRetry(function () {
+      login('user@example.com')
+      shareProjectByEmailAndAcceptInviteViaDash(projectName, email, 'Editor')
+    })
+
+    it('should grant the collaborator write access', () => {
+      login(email)
+      openProjectByName(projectName)
+      expectReadAndWriteAccess()
+      expectEditAuthoredAs('You')
+      expectProjectDashboardEntry()
+    })
+  })
+
+  describe('token access', () => {
+    describe('logged in', () => {
+      describe('read only', () => {
+        const email = 'collaborator-link-ro@example.com'
+        ensureUserExists({ email })
+
+        it('should grant restricted read access', () => {
+          login(email)
+          openProjectViaLinkSharingAsUser(
+            linkSharingReadOnly,
+            projectName,
+            email
+          )
+          expectRestrictedReadOnlyAccess()
+          expectProjectDashboardEntry()
+        })
+      })
+
+      describe('read and write', () => {
+        const email = 'collaborator-link-rw@example.com'
+        ensureUserExists({ email })
+
+        it('should grant full write access', () => {
+          login(email)
+          openProjectViaLinkSharingAsUser(
+            linkSharingReadAndWrite,
+            projectName,
+            email
+          )
+          expectReadAndWriteAccess()
+          expectEditAuthoredAs('You')
+          expectProjectDashboardEntry()
+        })
+      })
+    })
+
+    describe('with OVERLEAF_ALLOW_PUBLIC_ACCESS=false', () => {
+      describe('wrap startup', () => {
+        startWith({
+          vars: {
+            OVERLEAF_ALLOW_PUBLIC_ACCESS: 'false',
+          },
+          withDataDir: true,
+        })
+        it('should block access', () => {
+          expectNoAccess()
+        })
+      })
+
+      describe('with OVERLEAF_ALLOW_ANONYMOUS_READ_AND_WRITE_SHARING=true', () => {
+        startWith({
+          vars: {
+            OVERLEAF_ALLOW_PUBLIC_ACCESS: 'false',
+            OVERLEAF_ALLOW_ANONYMOUS_READ_AND_WRITE_SHARING: 'true',
+          },
+          withDataDir: true,
+        })
+        it('should block access', () => {
+          expectNoAccess()
+        })
+      })
+    })
+
+    describe('with OVERLEAF_ALLOW_PUBLIC_ACCESS=true', () => {
+      describe('wrap startup', () => {
+        startWith({
+          vars: {
+            OVERLEAF_ALLOW_PUBLIC_ACCESS: 'true',
+          },
+          withDataDir: true,
+        })
+        it('should grant read access with read link', () => {
+          openProjectViaLinkSharingAsAnon(linkSharingReadOnly)
+          expectRestrictedReadOnlyAccess()
+        })
+
+        it('should prompt for login with write link', () => {
+          cy.visit(linkSharingReadAndWrite)
+          cy.url().should('match', /\/login/)
+        })
+      })
+
+      describe('with OVERLEAF_ALLOW_ANONYMOUS_READ_AND_WRITE_SHARING=true', () => {
+        startWith({
+          vars: {
+            OVERLEAF_ALLOW_PUBLIC_ACCESS: 'true',
+            OVERLEAF_ALLOW_ANONYMOUS_READ_AND_WRITE_SHARING: 'true',
+          },
+          withDataDir: true,
+        })
+
+        it('should grant read access with read link', () => {
+          openProjectViaLinkSharingAsAnon(linkSharingReadOnly)
+          expectRestrictedReadOnlyAccess()
+        })
+
+        it('should grant write access with write link', () => {
+          openProjectViaLinkSharingAsAnon(linkSharingReadAndWrite)
+          expectReadAndWriteAccess()
+          expectEditAuthoredAs('Anonymous')
+        })
+      })
+    })
+  })
+})
diff --git a/server-ce/test/sandboxed-compiles.spec.ts b/server-ce/test/sandboxed-compiles.spec.ts
new file mode 100644
index 0000000..505f8cf
--- /dev/null
+++ b/server-ce/test/sandboxed-compiles.spec.ts
@@ -0,0 +1,245 @@
+import { ensureUserExists, login } from './helpers/login'
+import { createProject } from './helpers/project'
+import { isExcludedBySharding, startWith } from './helpers/config'
+import { throttledRecompile } from './helpers/compile'
+import { v4 as uuid } from 'uuid'
+import { waitUntilScrollingFinished } from './helpers/waitUntilScrollingFinished'
+import { beforeWithReRunOnTestRetry } from './helpers/beforeWithReRunOnTestRetry'
+
+const LABEL_TEX_LIVE_VERSION = 'TeX Live version'
+
+describe('SandboxedCompiles', function () {
+  const enabledVars = {
+    DOCKER_RUNNER: 'true',
+    SANDBOXED_COMPILES: 'true',
+    SANDBOXED_COMPILES_SIBLING_CONTAINERS: 'true',
+    ALL_TEX_LIVE_DOCKER_IMAGE_NAMES: '2023,2022',
+  }
+
+  describe('enabled in Server Pro', function () {
+    if (isExcludedBySharding('PRO_CUSTOM_2')) return
+    startWith({
+      pro: true,
+      vars: enabledVars,
+      resetData: true,
+    })
+    ensureUserExists({ email: 'user@example.com' })
+    beforeEach(function () {
+      login('user@example.com')
+    })
+
+    it('should offer TexLive images and switch the compiler', function () {
+      createProject('sandboxed')
+      const recompile = throttledRecompile()
+      cy.log('wait for compile')
+      cy.get('.pdf-viewer').should('contain.text', 'sandboxed')
+
+      cy.log('Check which compiler version was used, expect 2023')
+      cy.get('[aria-label="View logs"]').click()
+      cy.findByText(/This is pdfTeX, Version .+ \(TeX Live 2023\) /)
+
+      cy.log('Switch TeXLive version from 2023 to 2022')
+      cy.get('header').findByText('Menu').click()
+      cy.findByText(LABEL_TEX_LIVE_VERSION)
+        .parent()
+        .findByText('2023')
+        .parent()
+        .select('2022')
+      cy.get('.left-menu-modal-backdrop').click()
+
+      cy.log('Trigger compile with other TeX Live version')
+      recompile()
+
+      cy.log('Check which compiler version was used, expect 2022')
+      cy.get('[aria-label="View logs"]').click()
+      cy.findByText(/This is pdfTeX, Version .+ \(TeX Live 2022\) /)
+    })
+
+    checkSyncTeX()
+    checkXeTeX()
+    checkRecompilesAfterErrors()
+  })
+
+  function checkSyncTeX() {
+    describe('SyncTeX', function () {
+      let projectName: string
+      beforeEach(function () {
+        projectName = `Project ${uuid()}`
+        createProject(projectName)
+        const recompile = throttledRecompile()
+        cy.findByText('\\maketitle').parent().click()
+        cy.findByText('\\maketitle')
+          .parent()
+          .type(
+            `\n\\pagebreak\n\\section{{}Section A}\n\\pagebreak\n\\section{{}Section B}\n\\pagebreak`
+          )
+        recompile()
+        cy.log('wait for pdf-rendering')
+        cy.get('.pdf-viewer').within(() => {
+          cy.findByText(projectName)
+        })
+      })
+
+      it('should sync to code', function () {
+        cy.log('navigate to \\maketitle using double click in PDF')
+        cy.get('.pdf-viewer').within(() => {
+          cy.findByText(projectName).dblclick()
+        })
+        cy.get('.cm-activeLine').should('have.text', '\\maketitle')
+
+        cy.log('navigate to Section A using double click in PDF')
+        cy.get('.pdf-viewer').within(() => {
+          cy.findByText('Section A').dblclick()
+        })
+        cy.get('.cm-activeLine').should('have.text', '\\section{Section A}')
+
+        cy.log('navigate to Section B using arrow button')
+        cy.get('.pdfjs-viewer-inner')
+          .should('have.prop', 'scrollTop')
+          .as('start')
+        cy.get('.pdf-viewer').within(() => {
+          cy.findByText('Section B').scrollIntoView()
+        })
+        cy.get('@start').then((start: any) => {
+          waitUntilScrollingFinished('.pdfjs-viewer-inner', start)
+        })
+        // The sync button is swapped as the position in the PDF changes.
+        // Cypress appears to click on a button that references a stale position.
+        // Adding a cy.wait() statement is the most reliable "fix" so far :/
+        cy.wait(1000)
+        cy.get('[aria-label^="Go to PDF location in code"]').click()
+        cy.get('.cm-activeLine').should('have.text', '\\section{Section B}')
+      })
+
+      it('should sync to pdf', function () {
+        cy.log('zoom in')
+        cy.findByText('45%').click()
+        cy.findByText('400%').click()
+        cy.log('scroll to top')
+        cy.get('.pdfjs-viewer-inner').scrollTo('top')
+        waitUntilScrollingFinished('.pdfjs-viewer-inner', -1).as('start')
+
+        cy.log('navigate to title')
+        cy.findByText('\\maketitle').parent().click()
+        cy.get('[aria-label="Go to code location in PDF"]').click()
+        cy.get('@start').then((start: any) => {
+          waitUntilScrollingFinished('.pdfjs-viewer-inner', start)
+            .as('title')
+            .should('be.greaterThan', start)
+        })
+
+        cy.log('navigate to Section A')
+        cy.get('.cm-content').within(() => cy.findByText('Section A').click())
+        cy.get('[aria-label="Go to code location in PDF"]').click()
+        cy.get('@title').then((title: any) => {
+          waitUntilScrollingFinished('.pdfjs-viewer-inner', title)
+            .as('sectionA')
+            .should('be.greaterThan', title)
+        })
+
+        cy.log('navigate to Section B')
+        cy.get('.cm-content').within(() => cy.findByText('Section B').click())
+        cy.get('[aria-label="Go to code location in PDF"]').click()
+        cy.get('@sectionA').then((title: any) => {
+          waitUntilScrollingFinished('.pdfjs-viewer-inner', title)
+            .as('sectionB')
+            .should('be.greaterThan', title)
+        })
+      })
+    })
+  }
+
+  function checkRecompilesAfterErrors() {
+    it('recompiles even if there are Latex errors', function () {
+      login('user@example.com')
+      createProject('test-project')
+      const recompile = throttledRecompile()
+      cy.findByText('\\maketitle').parent().click()
+      cy.findByText('\\maketitle')
+        .parent()
+        .type('\n\\fakeCommand{} \n\\section{{}Test Section}')
+      recompile()
+      recompile()
+      cy.get('.pdf-viewer').should('contain.text', 'Test Section')
+      cy.get('.logs-pane').should('not.contain.text', 'No PDF')
+    })
+  }
+
+  function checkXeTeX() {
+    it('should be able to use XeLaTeX', function () {
+      createProject('XeLaTeX')
+      const recompile = throttledRecompile()
+      cy.log('wait for compile')
+      cy.get('.pdf-viewer').should('contain.text', 'XeLaTeX')
+
+      cy.log('Check which compiler was used, expect pdfLaTeX')
+      cy.get('[aria-label="View logs"]').click()
+      cy.findByText(/This is pdfTeX/)
+
+      cy.log('Switch compiler to from pdfLaTeX to XeLaTeX')
+      cy.get('header').findByText('Menu').click()
+      cy.findByText('Compiler')
+        .parent()
+        .findByText('pdfLaTeX')
+        .parent()
+        .select('XeLaTeX')
+      cy.get('.left-menu-modal-backdrop').click()
+
+      cy.log('Trigger compile with other compiler')
+      recompile()
+
+      cy.log('Check which compiler was used, expect XeLaTeX')
+      cy.get('[aria-label="View logs"]').click()
+      cy.findByText(/This is XeTeX/)
+    })
+  }
+
+  function checkUsesDefaultCompiler() {
+    beforeEach(function () {
+      login('user@example.com')
+    })
+
+    it('should not offer TexLive images and use default compiler', function () {
+      createProject('sandboxed')
+      cy.log('wait for compile')
+      cy.get('.pdf-viewer').should('contain.text', 'sandboxed')
+
+      cy.log('Check which compiler version was used, expect 2025')
+      cy.get('[aria-label="View logs"]').click()
+      cy.findByText(/This is pdfTeX, Version .+ \(TeX Live 2025\) /)
+
+      cy.log('Check that there is no TeX Live version toggle')
+      cy.get('header').findByText('Menu').click()
+      cy.findByText('Word Count') // wait for lazy loading
+      cy.findByText(LABEL_TEX_LIVE_VERSION).should('not.exist')
+    })
+  }
+
+  describe('disabled in Server Pro', function () {
+    if (isExcludedBySharding('PRO_DEFAULT_2')) return
+    startWith({ pro: true })
+    ensureUserExists({ email: 'user@example.com' })
+    beforeEach(function () {
+      login('user@example.com')
+    })
+
+    checkUsesDefaultCompiler()
+    checkSyncTeX()
+    checkXeTeX()
+    checkRecompilesAfterErrors()
+  })
+
+  describe.skip('unavailable in CE', function () {
+    if (isExcludedBySharding('CE_CUSTOM_1')) return
+    startWith({ pro: false, vars: enabledVars, resetData: true })
+    ensureUserExists({ email: 'user@example.com' })
+    beforeEach(function () {
+      login('user@example.com')
+    })
+
+    checkUsesDefaultCompiler()
+    checkSyncTeX()
+    checkXeTeX()
+    checkRecompilesAfterErrors()
+  })
+})
diff --git a/server-ce/test/templates.spec.ts b/server-ce/test/templates.spec.ts
new file mode 100644
index 0000000..bb58165
--- /dev/null
+++ b/server-ce/test/templates.spec.ts
@@ -0,0 +1,257 @@
+import { isExcludedBySharding, startWith } from './helpers/config'
+import { ensureUserExists, login } from './helpers/login'
+import { createProject } from './helpers/project'
+
+const WITHOUT_PROJECTS_USER = 'user-without-projects@example.com'
+const ADMIN_USER = 'admin@example.com'
+const REGULAR_USER = 'user@example.com'
+const TEMPLATES_USER = 'templates@example.com'
+
+// Re-use value for "exists" and "does not exist" tests
+const LABEL_BROWSE_TEMPLATES = 'Browse templates'
+
+describe('Templates', () => {
+  ensureUserExists({ email: TEMPLATES_USER })
+  ensureUserExists({ email: WITHOUT_PROJECTS_USER })
+
+  let OVERLEAF_TEMPLATES_USER_ID: string
+  before(function () {
+    login(TEMPLATES_USER)
+    cy.visit('/')
+    cy.get('meta[name="ol-user_id"]').then(el => {
+      OVERLEAF_TEMPLATES_USER_ID = el.attr('content')!
+    })
+  })
+
+  function varsFn() {
+    return {
+      OVERLEAF_TEMPLATES_USER_ID,
+      OVERLEAF_NEW_PROJECT_TEMPLATE_LINKS:
+        '[{"name":"All Templates","url":"/templates/all"}]',
+    }
+  }
+
+  describe('enabled in Server Pro', () => {
+    if (isExcludedBySharding('PRO_CUSTOM_2')) return
+    startWith({
+      pro: true,
+      varsFn,
+    })
+    ensureUserExists({ email: REGULAR_USER })
+    ensureUserExists({ email: ADMIN_USER, isAdmin: true })
+
+    it('should show templates link on welcome page', () => {
+      login(WITHOUT_PROJECTS_USER)
+      cy.visit('/')
+      cy.findByText(LABEL_BROWSE_TEMPLATES).click()
+      cy.url().should('match', /\/templates$/)
+    })
+
+    it('should have templates feature', () => {
+      login(TEMPLATES_USER)
+      const name = `Template ${Date.now()}`
+      const description = `Template Description ${Date.now()}`
+
+      cy.visit('/')
+      createProject(name).as('templateProjectId')
+
+      cy.get('header').findByText('Menu').click()
+      cy.findByText('Manage Template').click()
+
+      cy.findByText('Template Description')
+        .click()
+        .parent()
+        .get('textarea')
+        .type(description)
+      cy.findByText('Publish').click()
+      cy.findByText('Publishing…').parent().should('be.disabled')
+      cy.findByText('Publish').should('not.exist')
+      cy.findByText('Unpublish', { timeout: 10_000 })
+      cy.findByText('Republish')
+
+      cy.findByText('View it in the template gallery').click()
+      cy.url()
+        .should('match', /\/templates\/[a-f0-9]{24}$/)
+        .as('templateURL')
+
+      cy.findAllByText(name).first().should('exist')
+      cy.findByText(description)
+      cy.findByText('Open as Template')
+      cy.findByText('Unpublish')
+      cy.findByText('Republish')
+      cy.get('img')
+        .should('have.attr', 'src')
+        .and('match', /\/v\/0\//)
+      cy.findByText('Republish').click()
+      cy.findByText('Publishing…').parent().should('be.disabled')
+      cy.findByText('Republish', { timeout: 10_000 })
+      cy.get('img', { timeout: 10_000 })
+        .should('have.attr', 'src')
+        .and('match', /\/v\/1\//)
+
+      // custom tag
+      const tagName = `${Date.now()}`
+      cy.visit('/')
+      cy.findByText(name)
+        .parent()
+        .parent()
+        .within(() => cy.get('input[type="checkbox"]').first().check())
+      cy.get('.project-list-sidebar-react').within(() => {
+        cy.findAllByText('New Tag').first().click()
+      })
+      cy.focused().type(tagName)
+      cy.findByText('Create').click()
+      cy.get('.project-list-sidebar-react').within(() => {
+        cy.findByText(tagName)
+          .parent()
+          .within(() => cy.get('.name').should('have.text', `${tagName} (1)`))
+      })
+
+      // Check listing
+      cy.visit('/templates')
+      cy.findByText(tagName)
+      cy.visit('/templates/all')
+      cy.findByText(name)
+      cy.visit(`/templates/${tagName}`)
+      cy.findByText(name)
+
+      // Unpublish via template page
+      cy.get('@templateURL').then(url => cy.visit(`${url}`))
+      cy.findByText('Unpublish').click()
+      cy.url().should('match', /\/templates$/)
+      cy.get('@templateURL').then(url =>
+        cy.visit(`${url}`, {
+          failOnStatusCode: false,
+        })
+      )
+      cy.findByText('Not found')
+      cy.visit('/templates/all')
+      cy.findByText(name).should('not.exist')
+      cy.visit(`/templates/${tagName}`)
+      cy.findByText(name).should('not.exist')
+
+      // Publish again
+      cy.get('@templateProjectId').then(projectId =>
+        cy.visit(`/project/${projectId}`)
+      )
+      cy.get('header').findByText('Menu').click()
+      cy.findByText('Manage Template').click()
+      cy.findByText('Publish').click()
+      cy.findByText('Unpublish', { timeout: 10_000 })
+
+      // Should assign a new template id
+      cy.findByText('View it in the template gallery').click()
+      cy.url()
+        .should('match', /\/templates\/[a-f0-9]{24}$/)
+        .as('newTemplateURL')
+      cy.get('@newTemplateURL').then(newURL => {
+        cy.get('@templateURL').then(prevURL => {
+          expect(newURL).to.match(/\/templates\/[a-f0-9]{24}$/)
+          expect(prevURL).to.not.equal(newURL)
+        })
+      })
+
+      // Open project from template
+      login(REGULAR_USER)
+      cy.visit('/templates')
+      cy.findByText(tagName).click()
+      cy.findByText(name).click()
+      cy.findByText('Open as Template').click()
+      cy.url().should('match', /\/project\/[a-f0-9]{24}$/)
+      cy.get('.project-name').findByText(name)
+      cy.get('header').findByText('Menu').click()
+      cy.findByText('Word Count') // wait for lazy loading
+      cy.findByText('Manage Template').should('not.exist')
+
+      // Check management as regular user
+      cy.get('@newTemplateURL').then(url => cy.visit(`${url}`))
+      cy.findByText('Open as Template')
+      cy.findByText('Unpublish').should('not.exist')
+      cy.findByText('Republish').should('not.exist')
+
+      // Check management as admin user
+      login(ADMIN_USER)
+      cy.get('@newTemplateURL').then(url => cy.visit(`${url}`))
+      cy.findByText('Open as Template')
+      cy.findByText('Unpublish')
+      cy.findByText('Republish')
+      cy.get('@templateProjectId').then(projectId =>
+        cy.visit(`/project/${projectId}`)
+      )
+      cy.get('header').findByText('Menu').click()
+      cy.findByText('Manage Template').click()
+      cy.findByText('Unpublish')
+
+      // Back to templates user
+      login(TEMPLATES_USER)
+
+      // Unpublish via editor
+      cy.get('@templateProjectId').then(projectId =>
+        cy.visit(`/project/${projectId}`)
+      )
+      cy.get('header').findByText('Menu').click()
+      cy.findByText('Manage Template').click()
+      cy.findByText('Unpublish').click()
+      cy.findByText('Publish')
+      cy.visit('/templates/all')
+      cy.findByText(name).should('not.exist')
+
+      // check for template links, after creating the first project
+      cy.visit('/')
+      cy.findAllByRole('button')
+        .contains(/new project/i)
+        .click()
+      cy.findAllByText('All Templates')
+        .first()
+        .parent()
+        .should('have.attr', 'href', '/templates/all')
+    })
+  })
+
+  function checkDisabled() {
+    it('should not have templates feature', () => {
+      login(TEMPLATES_USER)
+
+      cy.visit('/')
+      createProject('maybe templates')
+
+      cy.get('header').findByText('Menu').click()
+      cy.findByText('Word Count') // wait for lazy loading
+      cy.findByText('Manage Template').should('not.exist')
+
+      cy.visit('/templates', { failOnStatusCode: false })
+      cy.findByText('Not found')
+      cy.visit('/templates/all', { failOnStatusCode: false })
+      cy.findByText('Not found')
+
+      // check for template links, after creating the first project
+      cy.visit('/')
+      cy.findAllByRole('button')
+        .contains(/new project/i)
+        .click()
+      cy.findAllByText('All Templates').should('not.exist')
+    })
+
+    it('should not show templates link on welcome page', () => {
+      login(WITHOUT_PROJECTS_USER)
+      cy.visit('/')
+      cy.findByText(/new project/i) // wait for lazy loading
+      cy.findByText(LABEL_BROWSE_TEMPLATES).should('not.exist')
+    })
+  }
+
+  describe('disabled Server Pro', () => {
+    if (isExcludedBySharding('PRO_DEFAULT_2')) return
+    startWith({ pro: true })
+    checkDisabled()
+  })
+
+  describe('unavailable in CE', () => {
+    if (isExcludedBySharding('CE_CUSTOM_1')) return
+    startWith({
+      pro: false,
+      varsFn,
+    })
+    checkDisabled()
+  })
+})
diff --git a/server-ce/test/tsconfig.json b/server-ce/test/tsconfig.json
new file mode 100644
index 0000000..8d72981
--- /dev/null
+++ b/server-ce/test/tsconfig.json
@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "esnext" /* Specify ECMAScript target version */,
+    "module": "es2020" /* Specify module code generation */,
+    "allowJs": true /* Allow JavaScript files to be compiled. */,
+    //    "checkJs": true /* Report errors in .js files. */,
+    "jsx": "preserve" /* Specify JSX code generation */,
+    "noEmit": true /* Do not emit outputs. */,
+    "strict": true /* Enable all strict type-checking options. */,
+    "moduleResolution": "node" /* Specify module resolution strategy */,
+    "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
+    "skipLibCheck": true /* Skip type checking of declaration files. */,
+    "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */,
+    "types": ["cypress", "node", "@testing-library/cypress"]
+  },
+  "include": ["**/*.ts", "**/*.tsx"]
+}
diff --git a/server-ce/test/upgrading.spec.ts b/server-ce/test/upgrading.spec.ts
new file mode 100644
index 0000000..16e0320
--- /dev/null
+++ b/server-ce/test/upgrading.spec.ts
@@ -0,0 +1,226 @@
+import { ensureUserExists, login } from './helpers/login'
+import { isExcludedBySharding, startWith } from './helpers/config'
+import { dockerCompose, runScript } from './helpers/hostAdminClient'
+import { createProject, openProjectByName } from './helpers/project'
+import { throttledRecompile } from './helpers/compile'
+import { v4 as uuid } from 'uuid'
+
+const USER = 'user@example.com'
+const PROJECT_NAME = 'Old Project'
+
+describe('Upgrading', function () {
+  if (isExcludedBySharding('PRO_CUSTOM_3')) return
+
+  function testUpgrade(
+    steps: {
+      version: string
+      vars?: Object
+      newProjectButtonMatcher?: RegExp
+      hook?: () => void
+    }[]
+  ) {
+    const startOptions = steps.shift()!
+
+    before(async () => {
+      cy.log('Create old instance')
+    })
+    startWith({
+      pro: true,
+      version: startOptions.version,
+      withDataDir: true,
+      resetData: true,
+      vars: startOptions.vars,
+    })
+    before(function () {
+      cy.log('Create initial user after deleting it')
+    })
+    ensureUserExists({ email: USER })
+    before(() => {
+      cy.log('Populate old instance')
+      login(USER)
+      createProject(PROJECT_NAME, {
+        newProjectButtonMatcher: startOptions.newProjectButtonMatcher,
+      })
+      const recompile = throttledRecompile()
+      cy.log('Wait for successful compile')
+      cy.get('.pdf-viewer').should('contain.text', PROJECT_NAME)
+
+      cy.log('Increment the doc version three times')
+      for (let i = 0; i < 3; i++) {
+        cy.log('Add content')
+        cy.findByText('\\maketitle').parent().click()
+        cy.findByText('\\maketitle')
+          .parent()
+          .type(`\n\\section{{}Old Section ${i}}`)
+
+        cy.log('Trigger full flush')
+        recompile()
+        cy.get('header').findByText('Menu').click()
+        cy.findByText('Source').click()
+        cy.get('.left-menu-modal-backdrop').click({ force: true })
+      }
+
+      cy.log('Check compile and history')
+      for (let i = 0; i < 3; i++) {
+        cy.get('.pdf-viewer').should('contain.text', `Old Section ${i}`)
+      }
+      cy.findByText('History').click()
+      for (let i = 0; i < 3; i++) {
+        cy.findByText(new RegExp(`\\\\section\{Old Section ${i}}`))
+      }
+    })
+
+    for (const step of steps) {
+      before(() => {
+        cy.log(`Upgrade to version ${step.version}`)
+
+        // Navigate way from editor to avoid redirect to /login when the next instance comes up (which slows down tests)
+        cy.visit('/project', {})
+      })
+      before(async function () {
+        cy.log('Graceful shutdown: flush all the things')
+        this.timeout(20 * 1000)
+        // Ideally we could use the container shutdown procedure, but it's too slow and unreliable for tests.
+        // TODO(das7pad): adopt the below after speeding up the graceful shutdown procedure on all supported releases
+        // await dockerCompose('stop', 'sharelatex')
+
+        // For now, we are stuck with manually flushing things
+        await runScript({
+          cwd: 'services/document-updater',
+          script: 'scripts/flush_all.js',
+        })
+        await runScript({
+          cwd: 'services/project-history',
+          script: 'scripts/flush_all.js',
+        })
+      })
+      startWith({
+        pro: true,
+        version: step.version,
+        vars: step.vars,
+        withDataDir: true,
+      })
+
+      step.hook?.()
+    }
+    beforeEach(() => {
+      login(USER)
+    })
+
+    it('should list the old project', () => {
+      cy.visit('/project')
+      cy.findByText(PROJECT_NAME)
+    })
+
+    it('should open the old project', () => {
+      openProjectByName(PROJECT_NAME)
+
+      cy.url().should('match', /\/project\/[a-fA-F0-9]{24}/)
+      cy.findByRole('navigation').within(() => {
+        cy.findByText(PROJECT_NAME)
+      })
+      const recompile = throttledRecompile()
+
+      cy.log('wait for successful compile')
+      cy.get('.pdf-viewer').should('contain.text', PROJECT_NAME)
+      cy.get('.pdf-viewer').should('contain.text', 'Old Section 2')
+
+      cy.log('Add more content')
+      const newSection = `New Section ${uuid()}`
+      cy.findByText('\\maketitle').parent().click()
+      cy.findByText('\\maketitle').parent().type(`\n\\section{{}${newSection}}`)
+
+      cy.log('Check compile and history')
+      recompile()
+      cy.get('.pdf-viewer').should('contain.text', newSection)
+      cy.findByText('History').click()
+      cy.findByText(/\\section\{Old Section 2}/)
+      cy.findByText(new RegExp(`\\\\section\\{${newSection}}`))
+    })
+  }
+
+  const optionsFourDotTwo = {
+    version: '4.2',
+    vars: {
+      // Add core vars with old branding
+      SHARELATEX_SITE_URL: 'http://sharelatex',
+      SHARELATEX_MONGO_URL: 'mongodb://mongo/sharelatex',
+      SHARELATEX_REDIS_HOST: 'redis',
+    },
+    newProjectButtonMatcher: /create first project/i,
+  }
+  describe('from 4.2 to latest', () => {
+    testUpgrade([optionsFourDotTwo, { version: 'latest' }])
+  })
+  describe('from 5.0 to latest', () => {
+    testUpgrade([{ version: '5.0' }, { version: 'latest' }])
+  })
+  describe('doc version recovery', () => {
+    testUpgrade([
+      optionsFourDotTwo,
+      {
+        version: '5.0.1-RC1',
+        hook() {
+          before(function () {
+            login(USER)
+            cy.visit('/')
+            cy.findByText(PROJECT_NAME).click()
+            const recompile = throttledRecompile()
+
+            cy.log('Make a change')
+            cy.findByText('\\maketitle').parent().click()
+            cy.findByText('\\maketitle')
+              .parent()
+              .type('\n\\section{{}FiveOOne Section}')
+
+            cy.log('Trigger flush')
+            recompile()
+            cy.get('.pdf-viewer').should('contain.text', 'FiveOOne Section')
+
+            cy.log('Check for broken history, i.e. not synced with latest edit')
+            cy.findByText('History').click()
+            cy.findByText(/\\section\{Old Section 2}/) // wait for lazy loading
+            cy.findByText(/\\section\{FiveOOne Section}/).should('not.exist')
+          })
+        },
+      },
+      {
+        version: 'latest',
+        hook() {
+          before(async function () {
+            this.timeout(20_000)
+            const needle = 'Finished resyncing history for all projects.'
+            for (let i = 0; i < 30; i++) {
+              const { stdout } = await dockerCompose('logs', 'sharelatex')
+              if (stdout.includes(needle)) {
+                return
+              }
+              await new Promise(resolve => setTimeout(resolve, 500))
+            }
+            const { stdout } = await dockerCompose('logs', 'sharelatex')
+            expect(stdout).to.contain(
+              needle,
+              'Doc version recovery did not finish yet.'
+            )
+          })
+
+          before(function () {
+            login(USER)
+            cy.visit('/')
+            cy.findByText(PROJECT_NAME).click()
+
+            cy.log(
+              'The edit that was made while the history was broken should be there now.'
+            )
+            cy.findByText('History').click()
+            cy.findByText(/\\section\{FiveOOne Section}/)
+
+            // TODO(das7pad): restore after https://github.com/overleaf/internal/issues/19588 is fixed.
+            // cy.log('Check indicator of force resync')
+            // cy.findByText('Overleaf History System')
+          })
+        },
+      },
+    ])
+  })
+})
diff --git a/server-ce/ubuntu.sources b/server-ce/ubuntu.sources
new file mode 100644
index 0000000..ea29354
--- /dev/null
+++ b/server-ce/ubuntu.sources
@@ -0,0 +1,39 @@
+Types: deb
+URIs: https://mirrors.tuna.tsinghua.edu.cn/ubuntu-ports
+Suites: noble noble-updates noble-backports
+Components: main restricted universe multiverse
+Signed-By: /usr/share/keyrings/ubuntu-archive-keyring.gpg
+
+# 默认注释了源码镜像以提高 apt update 速度，如有需要可自行取消注释
+# Types: deb-src
+# URIs: https://mirrors.tuna.tsinghua.edu.cn/ubuntu-ports
+# Suites: noble noble-updates noble-backports
+# Components: main restricted universe multiverse
+# Signed-By: /usr/share/keyrings/ubuntu-archive-keyring.gpg
+
+# 以下安全更新软件源包含了官方源与镜像站配置，如有需要可自行修改注释切换
+Types: deb
+URIs: http://ports.ubuntu.com/ubuntu-ports/
+Suites: noble-security
+Components: main restricted universe multiverse
+Signed-By: /usr/share/keyrings/ubuntu-archive-keyring.gpg
+
+# Types: deb-src
+# URIs: http://ports.ubuntu.com/ubuntu-ports/
+# Suites: noble-security
+# Components: main restricted universe multiverse
+# Signed-By: /usr/share/keyrings/ubuntu-archive-keyring.gpg
+
+# 预发布软件源，不建议启用
+
+# Types: deb
+# URIs: https://mirrors.tuna.tsinghua.edu.cn/ubuntu-ports
+# Suites: noble-proposed
+# Components: main restricted universe multiverse
+# Signed-By: /usr/share/keyrings/ubuntu-archive-keyring.gpg
+
+# # Types: deb-src
+# # URIs: https://mirrors.tuna.tsinghua.edu.cn/ubuntu-ports
+# # Suites: noble-proposed
+# # Components: main restricted universe multiverse
+# # Signed-By: /usr/share/keyrings/ubuntu-archive-keyring.gpg
\ No newline at end of file
diff --git a/services/chat/.gitignore b/services/chat/.gitignore
new file mode 100644
index 0000000..f0cf94b
--- /dev/null
+++ b/services/chat/.gitignore
@@ -0,0 +1,12 @@
+**.swp
+
+public/build/
+
+node_modules/
+
+plato/
+
+**/*.map
+
+# managed by dev-environment$ bin/update_build_scripts
+.npmrc
diff --git a/services/chat/.mocharc.json b/services/chat/.mocharc.json
new file mode 100644
index 0000000..dc3280a
--- /dev/null
+++ b/services/chat/.mocharc.json
@@ -0,0 +1,3 @@
+{
+  "require": "test/setup.js"
+}
diff --git a/services/chat/.nvmrc b/services/chat/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/services/chat/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/services/chat/Dockerfile b/services/chat/Dockerfile
new file mode 100644
index 0000000..14056c2
--- /dev/null
+++ b/services/chat/Dockerfile
@@ -0,0 +1,27 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+FROM node:20.18.2 AS base
+
+WORKDIR /overleaf/services/chat
+
+# Google Cloud Storage needs a writable $HOME/.config for resumable uploads
+# (see https://googleapis.dev/nodejs/storage/latest/File.html#createWriteStream)
+RUN mkdir /home/node/.config && chown node:node /home/node/.config
+
+FROM base AS app
+
+COPY package.json package-lock.json /overleaf/
+COPY services/chat/package.json /overleaf/services/chat/
+COPY libraries/ /overleaf/libraries/
+COPY patches/ /overleaf/patches/
+
+RUN cd /overleaf && npm ci --quiet
+
+COPY services/chat/ /overleaf/services/chat/
+
+FROM app
+USER node
+
+CMD ["node", "--expose-gc", "app.js"]
diff --git a/services/chat/LICENSE b/services/chat/LICENSE
new file mode 100644
index 0000000..ac8619d
--- /dev/null
+++ b/services/chat/LICENSE
@@ -0,0 +1,662 @@
+
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<http://www.gnu.org/licenses/>.
diff --git a/services/chat/Makefile b/services/chat/Makefile
new file mode 100644
index 0000000..94f0afb
--- /dev/null
+++ b/services/chat/Makefile
@@ -0,0 +1,156 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+BUILD_NUMBER ?= local
+BRANCH_NAME ?= $(shell git rev-parse --abbrev-ref HEAD)
+PROJECT_NAME = chat
+BUILD_DIR_NAME = $(shell pwd | xargs basename | tr -cd '[a-zA-Z0-9_.\-]')
+
+DOCKER_COMPOSE_FLAGS ?= -f docker-compose.yml
+DOCKER_COMPOSE := BUILD_NUMBER=$(BUILD_NUMBER) \
+	BRANCH_NAME=$(BRANCH_NAME) \
+	PROJECT_NAME=$(PROJECT_NAME) \
+	MOCHA_GREP=${MOCHA_GREP} \
+	docker compose ${DOCKER_COMPOSE_FLAGS}
+
+COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE ?= test_acceptance_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_ACCEPTANCE = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE) $(DOCKER_COMPOSE)
+
+COMPOSE_PROJECT_NAME_TEST_UNIT ?= test_unit_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_UNIT = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_UNIT) $(DOCKER_COMPOSE)
+
+clean:
+	-docker rmi ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-docker rmi us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-$(DOCKER_COMPOSE_TEST_UNIT) down --rmi local
+	-$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down --rmi local
+
+HERE=$(shell pwd)
+MONOREPO=$(shell cd ../../ && pwd)
+# Run the linting commands in the scope of the monorepo.
+# Eslint and prettier (plus some configs) are on the root.
+RUN_LINTING = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(HERE) node:20.18.2 npm run --silent
+
+RUN_LINTING_CI = docker run --rm --volume $(MONOREPO)/.editorconfig:/overleaf/.editorconfig --volume $(MONOREPO)/.eslintignore:/overleaf/.eslintignore --volume $(MONOREPO)/.eslintrc:/overleaf/.eslintrc --volume $(MONOREPO)/.prettierignore:/overleaf/.prettierignore --volume $(MONOREPO)/.prettierrc:/overleaf/.prettierrc --volume $(MONOREPO)/tsconfig.backend.json:/overleaf/tsconfig.backend.json ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) npm run --silent
+
+# Same but from the top of the monorepo
+RUN_LINTING_MONOREPO = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(MONOREPO) node:20.18.2 npm run --silent
+
+SHELLCHECK_OPTS = \
+	--shell=bash \
+	--external-sources
+SHELLCHECK_COLOR := $(if $(CI),--color=never,--color)
+SHELLCHECK_FILES := { git ls-files "*.sh" -z; git grep -Plz "\A\#\!.*bash"; } | sort -zu
+
+shellcheck:
+	@$(SHELLCHECK_FILES) | xargs -0 -r docker run --rm -v $(HERE):/mnt -w /mnt \
+		koalaman/shellcheck:stable $(SHELLCHECK_OPTS) $(SHELLCHECK_COLOR)
+
+shellcheck_fix:
+	@$(SHELLCHECK_FILES) | while IFS= read -r -d '' file; do \
+		diff=$$(docker run --rm -v $(HERE):/mnt -w /mnt koalaman/shellcheck:stable $(SHELLCHECK_OPTS) --format=diff "$$file" 2>/dev/null); \
+		if [ -n "$$diff" ] && ! echo "$$diff" | patch -p1 >/dev/null 2>&1; then echo "\033[31m$$file\033[0m"; \
+		elif [ -n "$$diff" ]; then echo "$$file"; \
+		else echo "\033[2m$$file\033[0m"; fi \
+	done
+
+format:
+	$(RUN_LINTING) format
+
+format_ci:
+	$(RUN_LINTING_CI) format
+
+format_fix:
+	$(RUN_LINTING) format:fix
+
+lint:
+	$(RUN_LINTING) lint
+
+lint_ci:
+	$(RUN_LINTING_CI) lint
+
+lint_fix:
+	$(RUN_LINTING) lint:fix
+
+typecheck:
+	$(RUN_LINTING) types:check
+
+typecheck_ci:
+	$(RUN_LINTING_CI) types:check
+
+test: format lint typecheck shellcheck test_unit test_acceptance
+
+test_unit:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) run --rm test_unit
+	$(MAKE) test_unit_clean
+endif
+
+test_clean: test_unit_clean
+test_unit_clean:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) down -v -t 0
+endif
+
+test_acceptance: test_acceptance_clean test_acceptance_pre_run test_acceptance_run
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_debug: test_acceptance_clean test_acceptance_pre_run test_acceptance_run_debug
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_run:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance
+endif
+
+test_acceptance_run_debug:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run -p 127.0.0.9:19999:19999 --rm test_acceptance npm run test:acceptance -- --inspect=0.0.0.0:19999 --inspect-brk
+endif
+
+test_clean: test_acceptance_clean
+test_acceptance_clean:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down -v -t 0
+
+test_acceptance_pre_run:
+ifneq (,$(wildcard test/acceptance/js/scripts/pre-run))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance test/acceptance/js/scripts/pre-run
+endif
+
+benchmarks:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance npm run benchmarks
+
+build:
+	docker build \
+		--pull \
+		--build-arg BUILDKIT_INLINE_CACHE=1 \
+		--tag ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):main \
+		--file Dockerfile \
+		../..
+
+tar:
+	$(DOCKER_COMPOSE) up tar
+
+publish:
+
+	docker push $(DOCKER_REPO)/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+
+
+.PHONY: clean \
+	format format_fix \
+	lint lint_fix \
+	build_types typecheck \
+	lint_ci format_ci typecheck_ci \
+	shellcheck shellcheck_fix \
+	test test_clean test_unit test_unit_clean \
+	test_acceptance test_acceptance_debug test_acceptance_pre_run \
+	test_acceptance_run test_acceptance_run_debug test_acceptance_clean \
+	benchmarks \
+	build tar publish \
diff --git a/services/chat/README.md b/services/chat/README.md
new file mode 100644
index 0000000..8bbc012
--- /dev/null
+++ b/services/chat/README.md
@@ -0,0 +1,11 @@
+overleaf/chat
+===============
+
+The backend API that powers the chat service in Overleaf
+
+License
+-------
+
+The code in this repository is released under the GNU AFFERO GENERAL PUBLIC LICENSE, version 3. A copy can be found in the `LICENSE` file.
+
+Copyright (c) Overleaf, 2014-2019.
diff --git a/services/chat/app.js b/services/chat/app.js
new file mode 100644
index 0000000..691b4ce
--- /dev/null
+++ b/services/chat/app.js
@@ -0,0 +1,26 @@
+// Metrics must be initialized before importing anything else
+import '@overleaf/metrics/initialize.js'
+
+import logger from '@overleaf/logger'
+import settings from '@overleaf/settings'
+import { mongoClient } from './app/js/mongodb.js'
+import { createServer } from './app/js/server.js'
+
+const port = settings.internal.chat.port
+const host = settings.internal.chat.host
+mongoClient
+  .connect()
+  .then(async () => {
+    const { server } = await createServer()
+    server.listen(port, host, function (err) {
+      if (err) {
+        logger.fatal({ err }, `Cannot bind to ${host}:${port}. Exiting.`)
+        process.exit(1)
+      }
+      logger.debug(`Chat starting up, listening on ${host}:${port}`)
+    })
+  })
+  .catch(err => {
+    logger.fatal({ err }, 'Cannot connect to mongo. Exiting.')
+    process.exit(1)
+  })
diff --git a/services/chat/app/js/Features/Messages/MessageFormatter.js b/services/chat/app/js/Features/Messages/MessageFormatter.js
new file mode 100644
index 0000000..31e9300
--- /dev/null
+++ b/services/chat/app/js/Features/Messages/MessageFormatter.js
@@ -0,0 +1,60 @@
+export function formatMessageForClientSide(message) {
+  if (message._id) {
+    message.id = message._id.toString()
+    delete message._id
+  }
+  const formattedMessage = {
+    id: message.id,
+    content: message.content,
+    timestamp: message.timestamp,
+    user_id: message.user_id,
+  }
+  if (message.edited_at) {
+    formattedMessage.edited_at = message.edited_at
+  }
+  return formattedMessage
+}
+
+export function formatMessagesForClientSide(messages) {
+  return messages.map(message => formatMessageForClientSide(message))
+}
+
+export function groupMessagesByThreads(rooms, messages) {
+  let room, thread
+  const roomsById = {}
+  for (room of rooms) {
+    roomsById[room._id.toString()] = room
+  }
+
+  const threads = {}
+  const getThread = function (room) {
+    const threadId = room.thread_id.toString()
+    if (threads[threadId]) {
+      return threads[threadId]
+    } else {
+      const thread = { messages: [] }
+      if (room.resolved) {
+        thread.resolved = true
+        thread.resolved_at = room.resolved.ts
+        thread.resolved_by_user_id = room.resolved.user_id
+      }
+      threads[threadId] = thread
+      return thread
+    }
+  }
+
+  for (const message of messages) {
+    room = roomsById[message.room_id.toString()]
+    if (room) {
+      thread = getThread(room)
+      thread.messages.push(formatMessageForClientSide(message))
+    }
+  }
+
+  for (const threadId in threads) {
+    thread = threads[threadId]
+    thread.messages.sort((a, b) => a.timestamp - b.timestamp)
+  }
+
+  return threads
+}
diff --git a/services/chat/app/js/Features/Messages/MessageHttpController.js b/services/chat/app/js/Features/Messages/MessageHttpController.js
new file mode 100644
index 0000000..45208e2
--- /dev/null
+++ b/services/chat/app/js/Features/Messages/MessageHttpController.js
@@ -0,0 +1,313 @@
+import logger from '@overleaf/logger'
+import * as MessageManager from './MessageManager.js'
+import * as MessageFormatter from './MessageFormatter.js'
+import * as ThreadManager from '../Threads/ThreadManager.js'
+import { ObjectId } from '../../mongodb.js'
+
+const DEFAULT_MESSAGE_LIMIT = 50
+const MAX_MESSAGE_LENGTH = 10 * 1024 // 10kb, about 1,500 words
+
+function readContext(context, req) {
+  req.body = context.requestBody
+  req.params = context.params.path
+  req.query = context.params.query
+  if (typeof req.params.projectId !== 'undefined') {
+    if (!ObjectId.isValid(req.params.projectId)) {
+      context.res.status(400).setBody('Invalid projectId')
+    }
+  }
+  if (typeof req.params.threadId !== 'undefined') {
+    if (!ObjectId.isValid(req.params.threadId)) {
+      context.res.status(400).setBody('Invalid threadId')
+    }
+  }
+}
+
+/**
+ * @param context
+ * @param {(req: unknown, res: unknown) => Promise<unknown>} ControllerMethod
+ * @returns {Promise<*>}
+ */
+export async function callMessageHttpController(context, ControllerMethod) {
+  const req = {}
+  readContext(context, req)
+  if (context.res.statusCode !== 400) {
+    return await ControllerMethod(req, context.res)
+  } else {
+    return context.res.body
+  }
+}
+
+export async function getGlobalMessages(context) {
+  return await callMessageHttpController(context, _getGlobalMessages)
+}
+
+export async function sendGlobalMessage(context) {
+  return await callMessageHttpController(context, _sendGlobalMessage)
+}
+
+export async function sendMessage(context) {
+  return await callMessageHttpController(context, _sendThreadMessage)
+}
+
+export async function getThreads(context) {
+  return await callMessageHttpController(context, _getAllThreads)
+}
+
+export async function resolveThread(context) {
+  return await callMessageHttpController(context, _resolveThread)
+}
+
+export async function reopenThread(context) {
+  return await callMessageHttpController(context, _reopenThread)
+}
+
+export async function deleteThread(context) {
+  return await callMessageHttpController(context, _deleteThread)
+}
+
+export async function editMessage(context) {
+  return await callMessageHttpController(context, _editMessage)
+}
+
+export async function deleteMessage(context) {
+  return await callMessageHttpController(context, _deleteMessage)
+}
+
+export async function deleteUserMessage(context) {
+  return await callMessageHttpController(context, _deleteUserMessage)
+}
+
+export async function getResolvedThreadIds(context) {
+  return await callMessageHttpController(context, _getResolvedThreadIds)
+}
+
+export async function destroyProject(context) {
+  return await callMessageHttpController(context, _destroyProject)
+}
+
+export async function duplicateCommentThreads(context) {
+  return await callMessageHttpController(context, _duplicateCommentThreads)
+}
+
+export async function generateThreadData(context) {
+  return await callMessageHttpController(context, _generateThreadData)
+}
+
+export async function getStatus(context) {
+  const message = 'chat is alive'
+  context.res.status(200).setBody(message)
+  return message
+}
+
+const _getGlobalMessages = async (req, res) => {
+  await _getMessages(ThreadManager.GLOBAL_THREAD, req, res)
+}
+
+async function _sendGlobalMessage(req, res) {
+  const { user_id: userId, content } = req.body
+  const { projectId } = req.params
+  return await _sendMessage(
+    userId,
+    projectId,
+    content,
+    ThreadManager.GLOBAL_THREAD,
+    res
+  )
+}
+
+async function _sendThreadMessage(req, res) {
+  const { user_id: userId, content } = req.body
+  const { projectId, threadId } = req.params
+  return await _sendMessage(userId, projectId, content, threadId, res)
+}
+
+const _getAllThreads = async (req, res) => {
+  const { projectId } = req.params
+  logger.debug({ projectId }, 'getting all threads')
+  const rooms = await ThreadManager.findAllThreadRooms(projectId)
+  const roomIds = rooms.map(r => r._id)
+  const messages = await MessageManager.findAllMessagesInRooms(roomIds)
+  const threads = MessageFormatter.groupMessagesByThreads(rooms, messages)
+  res.json(threads)
+}
+
+const _generateThreadData = async (req, res) => {
+  const { projectId } = req.params
+  const { threads } = req.body
+  logger.debug({ projectId }, 'getting all threads')
+  const rooms = await ThreadManager.findThreadsById(projectId, threads)
+  const roomIds = rooms.map(r => r._id)
+  const messages = await MessageManager.findAllMessagesInRooms(roomIds)
+  logger.debug({ rooms, messages }, 'looked up messages in the rooms')
+  const threadData = MessageFormatter.groupMessagesByThreads(rooms, messages)
+  res.json(threadData)
+}
+
+const _resolveThread = async (req, res) => {
+  const { projectId, threadId } = req.params
+  const { user_id: userId } = req.body
+  logger.debug({ userId, projectId, threadId }, 'marking thread as resolved')
+  await ThreadManager.resolveThread(projectId, threadId, userId)
+  res.status(204)
+}
+
+const _reopenThread = async (req, res) => {
+  const { projectId, threadId } = req.params
+  logger.debug({ projectId, threadId }, 'reopening thread')
+  await ThreadManager.reopenThread(projectId, threadId)
+  res.status(204)
+}
+
+const _deleteThread = async (req, res) => {
+  const { projectId, threadId } = req.params
+  logger.debug({ projectId, threadId }, 'deleting thread')
+  const roomId = await ThreadManager.deleteThread(projectId, threadId)
+  await MessageManager.deleteAllMessagesInRoom(roomId)
+  res.status(204)
+}
+
+const _editMessage = async (req, res) => {
+  const { content, userId } = req.body
+  const { projectId, threadId, messageId } = req.params
+  logger.debug({ projectId, threadId, messageId, content }, 'editing message')
+  const room = await ThreadManager.findOrCreateThread(projectId, threadId)
+  const found = await MessageManager.updateMessage(
+    room._id,
+    messageId,
+    userId,
+    content,
+    Date.now()
+  )
+  if (!found) {
+    res.status(404)
+    return
+  }
+  res.status(204)
+}
+
+const _deleteMessage = async (req, res) => {
+  const { projectId, threadId, messageId } = req.params
+  logger.debug({ projectId, threadId, messageId }, 'deleting message')
+  const room = await ThreadManager.findOrCreateThread(projectId, threadId)
+  await MessageManager.deleteMessage(room._id, messageId)
+  res.status(204)
+}
+
+const _deleteUserMessage = async (req, res) => {
+  const { projectId, threadId, userId, messageId } = req.params
+  const room = await ThreadManager.findOrCreateThread(projectId, threadId)
+  await MessageManager.deleteUserMessage(userId, room._id, messageId)
+  res.status(204)
+}
+
+const _getResolvedThreadIds = async (req, res) => {
+  const { projectId } = req.params
+  const resolvedThreadIds = await ThreadManager.getResolvedThreadIds(projectId)
+  res.json({ resolvedThreadIds })
+}
+
+const _destroyProject = async (req, res) => {
+  const { projectId } = req.params
+  logger.debug({ projectId }, 'destroying project')
+  const rooms = await ThreadManager.findAllThreadRoomsAndGlobalThread(projectId)
+  const roomIds = rooms.map(r => r._id)
+  logger.debug({ projectId, roomIds }, 'deleting all messages in rooms')
+  await MessageManager.deleteAllMessagesInRooms(roomIds)
+  logger.debug({ projectId }, 'deleting all threads in project')
+  await ThreadManager.deleteAllThreadsInProject(projectId)
+  res.status(204)
+}
+
+async function _sendMessage(userId, projectId, content, clientThreadId, res) {
+  if (!ObjectId.isValid(userId)) {
+    const message = 'Invalid userId'
+    res.status(400).setBody(message)
+    return message
+  }
+  if (!content) {
+    const message = 'No content provided'
+    res.status(400).setBody(message)
+    return message
+  }
+  if (content.length > MAX_MESSAGE_LENGTH) {
+    const message = `Content too long (> ${MAX_MESSAGE_LENGTH} bytes)`
+    res.status(400).setBody(message)
+    return message
+  }
+  logger.debug(
+    { clientThreadId, projectId, userId, content },
+    'new message received'
+  )
+  const thread = await ThreadManager.findOrCreateThread(
+    projectId,
+    clientThreadId
+  )
+  let message = await MessageManager.createMessage(
+    thread._id,
+    userId,
+    content,
+    Date.now()
+  )
+  message = MessageFormatter.formatMessageForClientSide(message)
+  message.room_id = projectId
+  res.status(201).setBody(message)
+}
+
+async function _getMessages(clientThreadId, req, res) {
+  let before, limit
+  const { projectId } = req.params
+  if (req.query.before) {
+    before = parseInt(req.query.before, 10)
+  } else {
+    before = null
+  }
+  if (req.query.limit) {
+    limit = parseInt(req.query.limit, 10)
+  } else {
+    limit = DEFAULT_MESSAGE_LIMIT
+  }
+  logger.debug(
+    { limit, before, projectId, clientThreadId },
+    'get message request received'
+  )
+  const thread = await ThreadManager.findOrCreateThread(
+    projectId,
+    clientThreadId
+  )
+  const threadObjectId = thread._id
+  logger.debug(
+    { limit, before, projectId, clientThreadId, threadObjectId },
+    'found or created thread'
+  )
+  let messages = await MessageManager.getMessages(threadObjectId, limit, before)
+  messages = MessageFormatter.formatMessagesForClientSide(messages)
+  logger.debug({ projectId, messages }, 'got messages')
+  res.status(200).setBody(messages)
+}
+
+async function _duplicateCommentThreads(req, res) {
+  const { projectId } = req.params
+  const { threads } = req.body
+  const result = {}
+  for (const id of threads) {
+    logger.debug({ projectId, thread: id }, 'duplicating thread')
+    try {
+      const { oldRoom, newRoom } = await ThreadManager.duplicateThread(
+        projectId,
+        id
+      )
+      await MessageManager.duplicateRoomToOtherRoom(oldRoom._id, newRoom._id)
+      result[id] = { duplicateId: newRoom.thread_id }
+    } catch (error) {
+      if (error instanceof ThreadManager.MissingThreadError) {
+        // Expected error when the comment has been deleted prior to duplication
+        result[id] = { error: 'not found' }
+      } else {
+        logger.err({ error }, 'error duplicating thread')
+        result[id] = { error: 'unknown' }
+      }
+    }
+  }
+  res.json({ newThreads: result })
+}
diff --git a/services/chat/app/js/Features/Messages/MessageManager.js b/services/chat/app/js/Features/Messages/MessageManager.js
new file mode 100644
index 0000000..efff22a
--- /dev/null
+++ b/services/chat/app/js/Features/Messages/MessageManager.js
@@ -0,0 +1,112 @@
+import { db, ObjectId } from '../../mongodb.js'
+
+export async function createMessage(roomId, userId, content, timestamp) {
+  let newMessageOpts = {
+    content,
+    room_id: roomId,
+    user_id: userId,
+    timestamp,
+  }
+  newMessageOpts = _ensureIdsAreObjectIds(newMessageOpts)
+  const confirmation = await db.messages.insertOne(newMessageOpts)
+  newMessageOpts._id = confirmation.insertedId
+  return newMessageOpts
+}
+
+export async function getMessages(roomId, limit, before) {
+  let query = { room_id: roomId }
+  if (before) {
+    query.timestamp = { $lt: before }
+  }
+  query = _ensureIdsAreObjectIds(query)
+  return await db.messages
+    .find(query)
+    .sort({ timestamp: -1 })
+    .limit(limit)
+    .toArray()
+}
+
+export async function findAllMessagesInRooms(roomIds) {
+  return await db.messages
+    .find({
+      room_id: { $in: roomIds },
+    })
+    .toArray()
+}
+
+export async function deleteAllMessagesInRoom(roomId) {
+  await db.messages.deleteMany({
+    room_id: roomId,
+  })
+}
+
+export async function deleteAllMessagesInRooms(roomIds) {
+  await db.messages.deleteMany({
+    room_id: { $in: roomIds },
+  })
+}
+
+export async function updateMessage(
+  roomId,
+  messageId,
+  userId,
+  content,
+  timestamp
+) {
+  const query = _ensureIdsAreObjectIds({
+    _id: messageId,
+    room_id: roomId,
+  })
+  if (userId) {
+    query.user_id = new ObjectId(userId)
+  }
+  const res = await db.messages.updateOne(query, {
+    $set: {
+      content,
+      edited_at: timestamp,
+    },
+  })
+  return res.modifiedCount === 1
+}
+
+export async function deleteMessage(roomId, messageId) {
+  const query = _ensureIdsAreObjectIds({
+    _id: messageId,
+    room_id: roomId,
+  })
+  await db.messages.deleteOne(query)
+}
+
+export async function deleteUserMessage(userId, roomId, messageId) {
+  await db.messages.deleteOne({
+    _id: new ObjectId(messageId),
+    user_id: new ObjectId(userId),
+    room_id: new ObjectId(roomId),
+  })
+}
+
+function _ensureIdsAreObjectIds(query) {
+  if (query.user_id && !(query.user_id instanceof ObjectId)) {
+    query.user_id = new ObjectId(query.user_id)
+  }
+  if (query.room_id && !(query.room_id instanceof ObjectId)) {
+    query.room_id = new ObjectId(query.room_id)
+  }
+  if (query._id && !(query._id instanceof ObjectId)) {
+    query._id = new ObjectId(query._id)
+  }
+  return query
+}
+
+export async function duplicateRoomToOtherRoom(sourceRoomId, targetRoomId) {
+  const sourceMessages = await findAllMessagesInRooms([sourceRoomId])
+  const targetMessages = sourceMessages.map(comment => {
+    return _ensureIdsAreObjectIds({
+      room_id: targetRoomId,
+      content: comment.content,
+      timestamp: comment.timestamp,
+      user_id: comment.user_id,
+    })
+  })
+  await db.messages.insertMany(targetMessages)
+}
diff --git a/services/chat/app/js/Features/Threads/ThreadManager.js b/services/chat/app/js/Features/Threads/ThreadManager.js
new file mode 100644
index 0000000..5697b39
--- /dev/null
+++ b/services/chat/app/js/Features/Threads/ThreadManager.js
@@ -0,0 +1,157 @@
+import { db, ObjectId } from '../../mongodb.js'
+
+export class MissingThreadError extends Error {}
+
+export const GLOBAL_THREAD = 'GLOBAL'
+
+export async function findOrCreateThread(projectId, threadId) {
+  let query, update
+  projectId = new ObjectId(projectId.toString())
+  if (threadId !== GLOBAL_THREAD) {
+    threadId = new ObjectId(threadId.toString())
+  }
+
+  if (threadId === GLOBAL_THREAD) {
+    query = {
+      project_id: projectId,
+      thread_id: { $exists: false },
+    }
+    update = {
+      project_id: projectId,
+    }
+  } else {
+    query = {
+      project_id: projectId,
+      thread_id: threadId,
+    }
+    update = {
+      project_id: projectId,
+      thread_id: threadId,
+    }
+  }
+
+  const result = await db.rooms.findOneAndUpdate(
+    query,
+    { $set: update },
+    { upsert: true, returnDocument: 'after' }
+  )
+  return result
+}
+
+export async function findAllThreadRooms(projectId) {
+  return await db.rooms
+    .find(
+      {
+        project_id: new ObjectId(projectId.toString()),
+        thread_id: { $exists: true },
+      },
+      {
+        thread_id: 1,
+        resolved: 1,
+      }
+    )
+    .toArray()
+}
+
+export async function findAllThreadRoomsAndGlobalThread(projectId) {
+  return await db.rooms
+    .find(
+      {
+        project_id: new ObjectId(projectId.toString()),
+      },
+      {
+        thread_id: 1,
+        resolved: 1,
+      }
+    )
+    .toArray()
+}
+
+export async function resolveThread(projectId, threadId, userId) {
+  await db.rooms.updateOne(
+    {
+      project_id: new ObjectId(projectId.toString()),
+      thread_id: new ObjectId(threadId.toString()),
+    },
+    {
+      $set: {
+        resolved: {
+          user_id: userId,
+          ts: new Date(),
+        },
+      },
+    }
+  )
+}
+
+export async function reopenThread(projectId, threadId) {
+  await db.rooms.updateOne(
+    {
+      project_id: new ObjectId(projectId.toString()),
+      thread_id: new ObjectId(threadId.toString()),
+    },
+    {
+      $unset: {
+        resolved: true,
+      },
+    }
+  )
+}
+
+export async function deleteThread(projectId, threadId) {
+  const room = await findOrCreateThread(projectId, threadId)
+  await db.rooms.deleteOne({
+    _id: room._id,
+  })
+  return room._id
+}
+
+export async function deleteAllThreadsInProject(projectId) {
+  await db.rooms.deleteMany({
+    project_id: new ObjectId(projectId.toString()),
+  })
+}
+
+export async function getResolvedThreadIds(projectId) {
+  const resolvedThreadIds = await db.rooms
+    .find(
+      {
+        project_id: new ObjectId(projectId),
+        thread_id: { $exists: true },
+        resolved: { $exists: true },
+      },
+      { projection: { thread_id: 1 } }
+    )
+    .map(record => record.thread_id.toString())
+    .toArray()
+  return resolvedThreadIds
+}
+
+export async function duplicateThread(projectId, threadId) {
+  const room = await db.rooms.findOne({
+    project_id: new ObjectId(projectId),
+    thread_id: new ObjectId(threadId),
+  })
+  if (!room) {
+    throw new MissingThreadError('Trying to duplicate a non-existent thread')
+  }
+  const newRoom = {
+    project_id: room.project_id,
+    thread_id: new ObjectId(),
+  }
+  if (room.resolved) {
+    newRoom.resolved = room.resolved
+  }
+  const confirmation = await db.rooms.insertOne(newRoom)
+  newRoom._id = confirmation.insertedId
+  return { oldRoom: room, newRoom }
+}
+
+export async function findThreadsById(projectId, threadIds) {
+  return await db.rooms
+    .find({
+      project_id: new ObjectId(projectId),
+      thread_id: { $in: threadIds.map(id => new ObjectId(id)) },
+    })
+    .toArray()
+}
diff --git a/services/chat/app/js/mongodb.js b/services/chat/app/js/mongodb.js
new file mode 100644
index 0000000..2ed6e01
--- /dev/null
+++ b/services/chat/app/js/mongodb.js
@@ -0,0 +1,18 @@
+import Metrics from '@overleaf/metrics'
+import Settings from '@overleaf/settings'
+import { MongoClient } from 'mongodb'
+
+export { ObjectId } from 'mongodb'
+
+export const mongoClient = new MongoClient(
+  Settings.mongo.url,
+  Settings.mongo.options
+)
+const mongoDb = mongoClient.db()
+
+export const db = {
+  messages: mongoDb.collection('messages'),
+  rooms: mongoDb.collection('rooms'),
+}
+
+Metrics.mongodb.monitor(mongoClient)
diff --git a/services/chat/app/js/server.js b/services/chat/app/js/server.js
new file mode 100644
index 0000000..80970fc
--- /dev/null
+++ b/services/chat/app/js/server.js
@@ -0,0 +1,51 @@
+import http from 'node:http'
+import metrics from '@overleaf/metrics'
+import logger from '@overleaf/logger'
+import express from 'express'
+import exegesisExpress from 'exegesis-express'
+import path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import * as messagesController from './Features/Messages/MessageHttpController.js'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+logger.initialize('chat')
+metrics.open_sockets.monitor()
+
+metrics.leaked_sockets.monitor(logger)
+
+export async function createServer() {
+  const app = express()
+
+  app.use(metrics.http.monitor(logger))
+  metrics.injectMetricsRoute(app)
+
+  // See https://github.com/exegesis-js/exegesis/blob/master/docs/Options.md
+  const options = {
+    controllers: { messagesController },
+    ignoreServers: true,
+    allowMissingControllers: false,
+  }
+
+  // const exegesisMiddleware = await exegesisExpress.middleware(
+  const exegesisMiddleware = await exegesisExpress.middleware(
+    path.resolve(__dirname, '../../chat.yaml'),
+    options
+  )
+
+  // If you have any body parsers, this should go before them.
+  app.use(exegesisMiddleware)
+
+  // Return a 404
+  app.use((req, res) => {
+    res.status(404).json({ message: `Not found` })
+  })
+
+  // Handle any unexpected errors
+  app.use((err, req, res, next) => {
+    res.status(500).json({ message: `Internal error: ${err.message}` })
+  })
+
+  const server = http.createServer(app)
+  return { app, server }
+}
diff --git a/services/chat/app/js/util/promises.js b/services/chat/app/js/util/promises.js
new file mode 100644
index 0000000..fd46c8c
--- /dev/null
+++ b/services/chat/app/js/util/promises.js
@@ -0,0 +1,10 @@
+/**
+ * Transform an async function into an Express middleware
+ *
+ * Any error will be passed to the error middlewares via `next()`
+ */
+export function expressify(fn) {
+  return (req, res, next) => {
+    fn(req, res, next).catch(next)
+  }
+}
diff --git a/services/chat/buildscript.txt b/services/chat/buildscript.txt
new file mode 100644
index 0000000..1dc88e9
--- /dev/null
+++ b/services/chat/buildscript.txt
@@ -0,0 +1,9 @@
+chat
+--dependencies=mongo
+--docker-repos=us-east1-docker.pkg.dev/overleaf-ops/ol-docker
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--node-version=20.18.2
+--public-repo=False
+--script-version=4.7.0
diff --git a/services/chat/chat.yaml b/services/chat/chat.yaml
new file mode 100644
index 0000000..35ed3d3
--- /dev/null
+++ b/services/chat/chat.yaml
@@ -0,0 +1,416 @@
+openapi: 3.1.0
+x-stoplight:
+  id: okoe8mh50pjec
+info:
+  title: chat
+  version: '1.0'
+servers:
+  - url: 'http://chat:3010'
+x-exegesis-controller: messagesController
+paths:
+  '/project/{projectId}/messages':
+    parameters:
+      - schema:
+          type: string
+        name: projectId
+        in: path
+        required: true
+    get:
+      summary: Get Global messages
+      tags: []
+      responses:
+        '201':
+          description: OK
+          content:
+            application/json:
+              schema:
+                type: array
+                items:
+                  $ref: '#/components/schemas/Message'
+      operationId: getGlobalMessages
+      description: Get global messages for the project with Project ID provided
+      parameters:
+        - schema:
+            type: string
+          in: query
+          name: before
+        - schema:
+            type: string
+          in: query
+          name: limit
+    post:
+      summary: Send Global message
+      operationId: sendGlobalMessage
+      responses:
+        '201':
+          description: OK
+      requestBody:
+        content:
+          application/json:
+            schema:
+              $ref: '#/components/schemas/Message'
+            examples:
+              example-1:
+                value:
+                  user_id: string
+                  content: string
+        description: 'UserID and Content of the message to be posted. '
+      description: Send global message  for the project with Project ID provided
+  '/project/{projectId}/thread/{threadId}/messages':
+    parameters:
+      - schema:
+          type: string
+        name: projectId
+        in: path
+        required: true
+      - schema:
+          type: string
+        name: threadId
+        in: path
+        required: true
+    post:
+      summary: Send message
+      operationId: sendMessage
+      responses:
+        '201':
+          description: Created
+      description: Add a message to the thread with thread ID provided from the Project with Project ID provided.
+      requestBody:
+        content:
+          application/json:
+            schema:
+              $ref: '#/components/schemas/Message'
+        description: |-
+          JSON object with :
+          - user_id: Id of the user
+          - content: Content of the message
+  '/project/{projectId}/threads':
+    parameters:
+      - schema:
+          type: string
+        name: projectId
+        in: path
+        required: true
+    get:
+      summary: Get Threads
+      tags: []
+      responses:
+        '200':
+          description: OK
+          content:
+            application/json:
+              schema:
+                type: array
+                items:
+                  $ref: '#/components/schemas/Thread'
+              examples: {}
+        '404':
+          description: Not Found
+      operationId: getThreads
+      description: Get the list of threads for the project with Project ID provided
+  '/project/{projectId}/thread/{threadId}/messages/{messageId}/edit':
+    parameters:
+      - schema:
+          type: string
+        name: projectId
+        in: path
+        required: true
+      - schema:
+          type: string
+        name: threadId
+        in: path
+        required: true
+      - schema:
+          type: string
+        name: messageId
+        in: path
+        required: true
+    post:
+      summary: Edit message
+      operationId: editMessage
+      responses:
+        '204':
+          description: No Content
+        '404':
+          description: Not Found
+      requestBody:
+        content:
+          application/json:
+            schema:
+              type: object
+              properties:
+                content:
+                  type: string
+                user_id:
+                  type: string
+                  readOnly: true
+              required:
+                - content
+            examples: {}
+        description: |-
+          JSON object with :
+          - content: Content of the message to edit
+          - user_id: Id of the user (optional)
+      description: |
+        Update message with Message ID provided from the Thread ID and Project ID provided
+  '/project/{projectId}/thread/{threadId}/messages/{messageId}':
+    parameters:
+      - schema:
+          type: string
+        name: projectId
+        in: path
+        required: true
+      - schema:
+          type: string
+        name: threadId
+        in: path
+        required: true
+      - schema:
+          type: string
+        name: messageId
+        in: path
+        required: true
+    delete:
+      summary: Delete message
+      operationId: deleteMessage
+      responses:
+        '204':
+          description: No Content
+      description: 'Delete message with Message ID provided, from the Thread with ThreadID and ProjectID provided'
+  '/project/{projectId}/thread/{threadId}/user/{userId}/messages/{messageId}':
+    parameters:
+      - schema:
+          type: string
+        name: projectId
+        in: path
+        required: true
+      - schema:
+          type: string
+        name: threadId
+        in: path
+        required: true
+      - schema:
+          type: string
+        name: userId
+        in: path
+        required: true
+      - schema:
+          type: string
+        name: messageId
+        in: path
+        required: true
+    delete:
+      summary: Delete message written by a given user
+      operationId: deleteUserMessage
+      responses:
+        '204':
+          description: No Content
+  '/project/{projectId}/thread/{threadId}/resolve':
+    parameters:
+      - schema:
+          type: string
+        name: projectId
+        in: path
+        required: true
+      - schema:
+          type: string
+        name: threadId
+        in: path
+        required: true
+    post:
+      summary: Resolve Thread
+      operationId: resolveThread
+      responses:
+        '204':
+          description: No Content
+      requestBody:
+        content:
+          application/json:
+            schema:
+              type: object
+              properties:
+                user_id:
+                  type: string
+              required:
+                - user_id
+        description: |-
+          JSON object with :
+          - user_id: Id of the user.
+      description: Mark Thread with ThreadID and ProjectID provided owned by the user with UserID provided as resolved.
+  '/project/{projectId}/thread/{threadId}/reopen':
+    parameters:
+      - schema:
+          type: string
+        name: projectId
+        in: path
+        required: true
+      - schema:
+          type: string
+        name: threadId
+        in: path
+        required: true
+    post:
+      summary: Reopen Thread
+      operationId: reopenThread
+      responses:
+        '204':
+          description: No Content
+      description: |-
+        Reopen Thread with ThreadID and ProjectID provided.
+        i.e unmark it as resolved.
+  '/project/{projectId}/thread/{threadId}':
+    parameters:
+      - schema:
+          type: string
+        name: projectId
+        in: path
+        required: true
+      - schema:
+          type: string
+        name: threadId
+        in: path
+        required: true
+    delete:
+      summary: Delete thread
+      operationId: deleteThread
+      responses:
+        '204':
+          description: No Content
+      description: Delete thread with ThreadID and ProjectID provided
+  '/project/{projectId}/resolved-thread-ids':
+    parameters:
+      - schema:
+          type: string
+        name: projectId
+        in: path
+        required: true
+    get:
+      summary: Get resolved thread ids
+      operationId: getResolvedThreadIds
+      responses:
+        '200':
+          description: Resolved thread ids
+  '/project/{projectId}':
+    parameters:
+      - schema:
+          type: string
+        name: projectId
+        in: path
+        required: true
+    delete:
+      summary: Destroy project
+      operationId: destroyProject
+      responses:
+        '204':
+          description: No Content
+      description: 'Delete all threads from Project with Project ID provided, and all messages in those threads.'
+  /status:
+    get:
+      summary: Check status
+      tags: []
+      responses:
+        '200':
+          description: OK
+          content:
+            application/json:
+              schema:
+                type: string
+                description: chat is alive
+      operationId: getStatus
+      description: Check that the Chat service is alive
+    head:
+      summary: Check status
+      tags: []
+      responses:
+        '200':
+          description: OK
+          content:
+            application/json:
+              schema:
+                type: string
+                description: chat is alive
+      operationId: getStatus
+      description: Check that the Chat service is alive
+  '/project/{projectId}/duplicate-comment-threads':
+    parameters:
+      - schema:
+          type: string
+        name: projectId
+        in: path
+        required: true
+    post:
+      summary: Duplicate comment threads
+      operationId: duplicateCommentThreads
+      requestBody:
+        content:
+          application/json:
+            schema:
+              type: object
+              properties:
+                threads:
+                  type: array
+                  items:
+                    type: string
+      responses:
+        '200':
+          content:
+            application/json:
+              schema:
+                type: object
+                properties:
+                  newThreads:
+                    type: object
+                description: Mapping of old thread ids to their duplicated thread ids
+      description: Duplicate a list of comment threads
+  '/project/{projectId}/generate-thread-data':
+    parameters:
+      - schema:
+          type: string
+        name: projectId
+        in: path
+        required: true
+    post:
+      summary: Generate thread data to load into the frontend
+      operationId: generateThreadData
+      requestBody:
+        content:
+          application/json:
+            schema:
+              type: object
+              properties:
+                threads:
+                  type: array
+                  items:
+                    type: string
+      responses:
+        '200':
+          content:
+            application/json:
+              schema:
+                type: object
+      description: Load threads and generate a json blob containing all messages in all the threads
+components:
+  schemas:
+    Message:
+      title: Message
+      x-stoplight:
+        id: ue9n1vvezlutw
+      type: object
+      examples:
+        - user_id: string
+        - content: string
+      properties:
+        user_id:
+          type: string
+        content:
+          type: string
+      required:
+        - user_id
+        - content
+    Thread:
+      title: Thread
+      x-stoplight:
+        id: 0ppt3jw4h5bua
+      type: array
+      items:
+        $ref: '#/components/schemas/Message'
diff --git a/services/chat/config/settings.defaults.cjs b/services/chat/config/settings.defaults.cjs
new file mode 100644
index 0000000..4b7dc29
--- /dev/null
+++ b/services/chat/config/settings.defaults.cjs
@@ -0,0 +1,33 @@
+const http = require('node:http')
+const https = require('node:https')
+
+http.globalAgent.keepAlive = false
+https.globalAgent.keepAlive = false
+
+module.exports = {
+  internal: {
+    chat: {
+      host: process.env.LISTEN_ADDRESS || '127.0.0.1',
+      port: 3010,
+    },
+  },
+
+  apis: {
+    web: {
+      url: `http://${process.env.WEB_HOST || '127.0.0.1'}:${
+        process.env.WEB_PORT || 3000
+      }`,
+      user: process.env.WEB_API_USER || 'overleaf',
+      pass: process.env.WEB_API_PASSWORD || 'password',
+    },
+  },
+
+  mongo: {
+    url:
+      process.env.MONGO_CONNECTION_STRING ||
+      `mongodb://${process.env.MONGO_HOST || '127.0.0.1'}/sharelatex`,
+    options: {
+      monitorCommands: true,
+    },
+  },
+}
diff --git a/services/chat/docker-compose.ci.yml b/services/chat/docker-compose.ci.yml
new file mode 100644
index 0000000..51eb64d
--- /dev/null
+++ b/services/chat/docker-compose.ci.yml
@@ -0,0 +1,52 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    user: node
+    command: npm run test:unit:_run
+    environment:
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+
+
+  test_acceptance:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      MOCHA_GREP: ${MOCHA_GREP}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    depends_on:
+      mongo:
+        condition: service_started
+    user: node
+    command: npm run test:acceptance
+
+
+  tar:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    volumes:
+      - ./:/tmp/build/
+    command: tar -czf /tmp/build/build.tar.gz --exclude=build.tar.gz --exclude-vcs .
+    user: root
+  mongo:
+    image: mongo:6.0.13
+    command: --replSet overleaf
+    volumes:
+      - ../../bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+    environment:
+      MONGO_INITDB_DATABASE: sharelatex
+    extra_hosts:
+      # Required when using the automatic database setup for initializing the
+      # replica set. This override is not needed when running the setup after
+      # starting up mongo.
+      - mongo:127.0.0.1
diff --git a/services/chat/docker-compose.yml b/services/chat/docker-compose.yml
new file mode 100644
index 0000000..b830d25
--- /dev/null
+++ b/services/chat/docker-compose.yml
@@ -0,0 +1,56 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    image: node:20.18.2
+    volumes:
+      - .:/overleaf/services/chat
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/chat
+    environment:
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    command: npm run --silent test:unit
+    user: node
+
+  test_acceptance:
+    image: node:20.18.2
+    volumes:
+      - .:/overleaf/services/chat
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/chat
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    user: node
+    depends_on:
+      mongo:
+        condition: service_started
+    command: npm run --silent test:acceptance
+
+  mongo:
+    image: mongo:6.0.13
+    command: --replSet overleaf
+    volumes:
+      - ../../bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+    environment:
+      MONGO_INITDB_DATABASE: sharelatex
+    extra_hosts:
+      # Required when using the automatic database setup for initializing the
+      # replica set. This override is not needed when running the setup after
+      # starting up mongo.
+      - mongo:127.0.0.1
+
diff --git a/services/chat/package.json b/services/chat/package.json
new file mode 100644
index 0000000..f3d37eb
--- /dev/null
+++ b/services/chat/package.json
@@ -0,0 +1,49 @@
+{
+  "name": "@overleaf/chat",
+  "description": "The backend API that powers Overleaf chat",
+  "private": true,
+  "main": "app.js",
+  "type": "module",
+  "scripts": {
+    "start": "node app.js",
+    "test:acceptance": "npm run test:acceptance:_run -- --grep=$MOCHA_GREP",
+    "test:unit": "npm run test:unit:_run -- --grep=$MOCHA_GREP",
+    "nodemon": "node --watch app.js",
+    "test:acceptance:_run": "mocha --recursive --reporter spec --timeout 15000 --exit $@ test/acceptance/js",
+    "test:unit:_run": "mocha --recursive --reporter spec $@ test/unit/js",
+    "lint": "eslint --max-warnings 0 --format unix .",
+    "format": "prettier --list-different $PWD/'**/*.*js'",
+    "format:fix": "prettier --write $PWD/'**/*.*js'",
+    "lint:fix": "eslint --fix .",
+    "types:check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@overleaf/logger": "*",
+    "@overleaf/metrics": "*",
+    "@overleaf/settings": "*",
+    "async": "^3.2.5",
+    "body-parser": "^1.20.3",
+    "exegesis-express": "^4.0.0",
+    "express": "^4.21.2",
+    "mongodb": "6.12.0"
+  },
+  "devDependencies": {
+    "acorn": "^7.1.1",
+    "ajv": "^6.12.0",
+    "chai": "^4.3.6",
+    "chai-as-promised": "^7.1.1",
+    "mocha": "^11.1.0",
+    "request": "^2.88.2",
+    "sandboxed-module": "^2.0.4",
+    "sinon": "^9.2.4",
+    "timekeeper": "^2.2.0",
+    "typescript": "^5.0.4"
+  },
+  "version": "1.0.0",
+  "directories": {
+    "test": "test"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "AGPL-3.0"
+}
diff --git a/services/chat/test/acceptance/js/CloningCommentThreadsTests.js b/services/chat/test/acceptance/js/CloningCommentThreadsTests.js
new file mode 100644
index 0000000..f4adde1
--- /dev/null
+++ b/services/chat/test/acceptance/js/CloningCommentThreadsTests.js
@@ -0,0 +1,93 @@
+import { ObjectId } from '../../../app/js/mongodb.js'
+import { expect } from 'chai'
+
+import * as ChatClient from './helpers/ChatClient.js'
+import * as ChatApp from './helpers/ChatApp.js'
+
+const user1Id = new ObjectId().toString()
+const user2Id = new ObjectId().toString()
+
+async function createCommentThread(projectId, threadId = new ObjectId()) {
+  const { response: response1 } = await ChatClient.sendMessage(
+    projectId,
+    threadId.toString(),
+    user1Id,
+    'message 1'
+  )
+  expect(response1.statusCode).to.equal(201)
+  const { response: response2 } = await ChatClient.sendMessage(
+    projectId,
+    threadId,
+    user2Id,
+    'message 2'
+  )
+  expect(response2.statusCode).to.equal(201)
+  return threadId.toString()
+}
+
+describe('Cloning comment threads', async function () {
+  const projectId = new ObjectId().toString()
+
+  before(async function () {
+    await ChatApp.ensureRunning()
+    this.thread1Id = await createCommentThread(projectId)
+    this.thread2Id = await createCommentThread(projectId)
+    this.thread3Id = await createCommentThread(projectId)
+  })
+
+  describe('with non-orphaned threads', async function () {
+    before(async function () {
+      const {
+        response: { body: result, statusCode },
+      } = await ChatClient.duplicateCommentThreads(projectId, [this.thread3Id])
+      this.result = result
+      expect(statusCode).to.equal(200)
+      expect(this.result).to.have.property('newThreads')
+      this.newThreadId = this.result.newThreads[this.thread3Id].duplicateId
+    })
+
+    it('should duplicate threads', function () {
+      expect(this.result.newThreads).to.have.property(this.thread3Id)
+      expect(this.result.newThreads[this.thread3Id]).to.have.property(
+        'duplicateId'
+      )
+      expect(this.result.newThreads[this.thread3Id].duplicateId).to.not.equal(
+        this.thread3Id
+      )
+    })
+
+    it('should not duplicate other threads threads', function () {
+      expect(this.result.newThreads).to.not.have.property(this.thread1Id)
+      expect(this.result.newThreads).to.not.have.property(this.thread2Id)
+    })
+
+    it('should duplicate the messages in the thread', async function () {
+      const {
+        response: { body: threads },
+      } = await ChatClient.getThreads(projectId)
+      function ignoreId(comment) {
+        return {
+          ...comment,
+          id: undefined,
+        }
+      }
+      expect(threads[this.thread3Id].messages.map(ignoreId)).to.deep.equal(
+        threads[this.newThreadId].messages.map(ignoreId)
+      )
+    })
+
+    it('should have two separate unlinked threads', async function () {
+      await ChatClient.sendMessage(
+        projectId,
+        this.newThreadId,
+        user1Id,
+        'third message'
+      )
+      const {
+        response: { body: threads },
+      } = await ChatClient.getThreads(projectId)
+      expect(threads[this.thread3Id].messages.length).to.equal(2)
+      expect(threads[this.newThreadId].messages.length).to.equal(3)
+    })
+  })
+})
diff --git a/services/chat/test/acceptance/js/DeletingAMessageTests.js b/services/chat/test/acceptance/js/DeletingAMessageTests.js
new file mode 100644
index 0000000..9a4a060
--- /dev/null
+++ b/services/chat/test/acceptance/js/DeletingAMessageTests.js
@@ -0,0 +1,47 @@
+import { ObjectId } from '../../../app/js/mongodb.js'
+import { expect } from 'chai'
+
+import * as ChatClient from './helpers/ChatClient.js'
+import * as ChatApp from './helpers/ChatApp.js'
+
+describe('Deleting a message', async function () {
+  const projectId = new ObjectId().toString()
+  const userId = new ObjectId().toString()
+  const threadId = new ObjectId().toString()
+
+  before(async function () {
+    await ChatApp.ensureRunning()
+  })
+
+  describe('in a thread', async function () {
+    before(async function () {
+      const { response } = await ChatClient.sendMessage(
+        projectId,
+        threadId,
+        userId,
+        'first message'
+      )
+      expect(response.statusCode).to.equal(201)
+      const { response: response2, body: message } =
+        await ChatClient.sendMessage(
+          projectId,
+          threadId,
+          userId,
+          'deleted message'
+        )
+      expect(response2.statusCode).to.equal(201)
+      const { response: response3 } = await ChatClient.deleteMessage(
+        projectId,
+        threadId,
+        message.id
+      )
+      expect(response3.statusCode).to.equal(204)
+    })
+
+    it('should then remove the message from the threads', async function () {
+      const { response, body: threads } = await ChatClient.getThreads(projectId)
+      expect(response.statusCode).to.equal(200)
+      expect(threads[threadId].messages.length).to.equal(1)
+    })
+  })
+})
diff --git a/services/chat/test/acceptance/js/DeletingAThreadTests.js b/services/chat/test/acceptance/js/DeletingAThreadTests.js
new file mode 100644
index 0000000..c199218
--- /dev/null
+++ b/services/chat/test/acceptance/js/DeletingAThreadTests.js
@@ -0,0 +1,38 @@
+import { ObjectId } from '../../../app/js/mongodb.js'
+import { expect } from 'chai'
+
+import * as ChatClient from './helpers/ChatClient.js'
+import * as ChatApp from './helpers/ChatApp.js'
+
+describe('Deleting a thread', async function () {
+  const projectId = new ObjectId().toString()
+  const userId = new ObjectId().toString()
+  before(async function () {
+    await ChatApp.ensureRunning()
+  })
+
+  describe('with a thread that is deleted', async function () {
+    const threadId = new ObjectId().toString()
+    const content = 'deleted thread message'
+    before(async function () {
+      const { response } = await ChatClient.sendMessage(
+        projectId,
+        threadId,
+        userId,
+        content
+      )
+      expect(response.statusCode).to.equal(201)
+      const { response: response2 } = await ChatClient.deleteThread(
+        projectId,
+        threadId
+      )
+      expect(response2.statusCode).to.equal(204)
+    })
+
+    it('should then not list the thread for the project', async function () {
+      const { response, body: threads } = await ChatClient.getThreads(projectId)
+      expect(response.statusCode).to.equal(200)
+      expect(Object.keys(threads).length).to.equal(0)
+    })
+  })
+})
diff --git a/services/chat/test/acceptance/js/DestroyingAProjectTests.js b/services/chat/test/acceptance/js/DestroyingAProjectTests.js
new file mode 100644
index 0000000..95c6c35
--- /dev/null
+++ b/services/chat/test/acceptance/js/DestroyingAProjectTests.js
@@ -0,0 +1,66 @@
+import { ObjectId } from '../../../app/js/mongodb.js'
+import { expect } from 'chai'
+
+import * as ChatClient from './helpers/ChatClient.js'
+import * as ChatApp from './helpers/ChatApp.js'
+
+const db = ChatApp.db
+
+async function getMessage(messageId) {
+  return await db.messages.findOne({
+    _id: new ObjectId(messageId),
+  })
+}
+
+describe('Destroying a project', async function () {
+  const projectId = new ObjectId().toString()
+  const userId = new ObjectId().toString()
+  before(async function () {
+    await ChatApp.ensureRunning()
+  })
+
+  describe('with a project that has threads and messages', async function () {
+    const threadId = new ObjectId().toString()
+    before(async function () {
+      const { response } = await ChatClient.sendMessage(
+        projectId,
+        threadId,
+        userId,
+        'destroyed thread message'
+      )
+      expect(response.statusCode).to.equal(201)
+      this.threadMessageId = response.body.id
+      const { response: response2 } = await ChatClient.sendGlobalMessage(
+        projectId,
+        userId,
+        'destroyed global message'
+      )
+      expect(response2.statusCode).to.equal(201)
+      this.globalThreadMessageId = response2.body.id
+
+      const threadRooms = await db.rooms
+        .find({ project_id: new ObjectId(projectId) })
+        .toArray()
+      expect(threadRooms.length).to.equal(2)
+      const threadMessage = await getMessage(this.threadMessageId)
+      expect(threadMessage).to.exist
+      const globalThreadMessage = await getMessage(this.globalThreadMessageId)
+      expect(globalThreadMessage).to.exist
+
+      const { response: responseDestroy } =
+        await ChatClient.destroyProject(projectId)
+      expect(responseDestroy.statusCode).to.equal(204)
+    })
+
+    it('should remove the messages and threads from the database', async function () {
+      const threadRooms = await db.rooms
+        .find({ project_id: new ObjectId(projectId) })
+        .toArray()
+      expect(threadRooms.length).to.equal(0)
+      const threadMessage = await getMessage(this.threadMessageId)
+      expect(threadMessage).to.be.null
+      const globalThreadMessage = await getMessage(this.globalThreadMessageId)
+      expect(globalThreadMessage).to.be.null
+    })
+  })
+})
diff --git a/services/chat/test/acceptance/js/EditingAMessageTests.js b/services/chat/test/acceptance/js/EditingAMessageTests.js
new file mode 100644
index 0000000..39f7edb
--- /dev/null
+++ b/services/chat/test/acceptance/js/EditingAMessageTests.js
@@ -0,0 +1,96 @@
+import { ObjectId } from '../../../app/js/mongodb.js'
+import { expect } from 'chai'
+
+import * as ChatClient from './helpers/ChatClient.js'
+import * as ChatApp from './helpers/ChatApp.js'
+
+describe('Editing a message', async function () {
+  let projectId, userId, threadId
+  before(async function () {
+    await ChatApp.ensureRunning()
+  })
+
+  describe('in a thread', async function () {
+    const content = 'thread message'
+    const newContent = 'updated thread message'
+    let messageId
+    beforeEach(async function () {
+      projectId = new ObjectId().toString()
+      userId = new ObjectId().toString()
+      threadId = new ObjectId().toString()
+
+      const { response, body: message } = await ChatClient.sendMessage(
+        projectId,
+        threadId,
+        userId,
+        content
+      )
+      expect(response.statusCode).to.equal(201)
+      expect(message.id).to.exist
+      expect(message.content).to.equal(content)
+      messageId = message.id
+    })
+
+    describe('without user', function () {
+      beforeEach(async function () {
+        const { response } = await ChatClient.editMessage(
+          projectId,
+          threadId,
+          messageId,
+          newContent
+        )
+        expect(response.statusCode).to.equal(204)
+      })
+
+      it('should then list the updated message in the threads', async function () {
+        const { response, body: threads } =
+          await ChatClient.getThreads(projectId)
+        expect(response.statusCode).to.equal(200)
+        expect(threads[threadId].messages.length).to.equal(1)
+        expect(threads[threadId].messages[0].content).to.equal(newContent)
+      })
+    })
+
+    describe('with the same user', function () {
+      beforeEach(async function () {
+        const { response } = await ChatClient.editMessageWithUser(
+          projectId,
+          threadId,
+          messageId,
+          userId,
+          newContent
+        )
+        expect(response.statusCode).to.equal(204)
+      })
+
+      it('should then list the updated message in the threads', async function () {
+        const { response, body: threads } =
+          await ChatClient.getThreads(projectId)
+        expect(response.statusCode).to.equal(200)
+        expect(threads[threadId].messages.length).to.equal(1)
+        expect(threads[threadId].messages[0].content).to.equal(newContent)
+      })
+    })
+
+    describe('with another user', function () {
+      beforeEach(async function () {
+        const { response } = await ChatClient.editMessageWithUser(
+          projectId,
+          threadId,
+          messageId,
+          new ObjectId(),
+          newContent
+        )
+        expect(response.statusCode).to.equal(404)
+      })
+
+      it('should then list the old message in the threads', async function () {
+        const { response, body: threads } =
+          await ChatClient.getThreads(projectId)
+        expect(response.statusCode).to.equal(200)
+        expect(threads[threadId].messages.length).to.equal(1)
+        expect(threads[threadId].messages[0].content).to.equal(content)
+      })
+    })
+  })
+})
diff --git a/services/chat/test/acceptance/js/GettingMessagesTests.js b/services/chat/test/acceptance/js/GettingMessagesTests.js
new file mode 100644
index 0000000..4fb20da
--- /dev/null
+++ b/services/chat/test/acceptance/js/GettingMessagesTests.js
@@ -0,0 +1,164 @@
+import { ObjectId } from '../../../app/js/mongodb.js'
+import { expect } from 'chai'
+
+import * as ChatClient from './helpers/ChatClient.js'
+import * as ChatApp from './helpers/ChatApp.js'
+
+async function getCount() {
+  return await ChatClient.getMetric(line => {
+    return (
+      line.includes('timer_http_request_count') &&
+      line.includes('path="project_{projectId}_messages"') &&
+      line.includes('method="POST"')
+    )
+  })
+}
+
+describe('Getting messages', async function () {
+  const userId1 = new ObjectId().toString()
+  const userId2 = new ObjectId().toString()
+  const content1 = 'foo bar'
+  const content2 = 'hello world'
+  before(async function () {
+    await ChatApp.ensureRunning()
+  })
+
+  describe('globally', async function () {
+    const projectId = new ObjectId().toString()
+    before(async function () {
+      const previousCount = await getCount()
+      const { response } = await ChatClient.sendGlobalMessage(
+        projectId,
+        userId1,
+        content1
+      )
+      expect(response.statusCode).to.equal(201)
+      const { response: response2 } = await ChatClient.sendGlobalMessage(
+        projectId,
+        userId2,
+        content2
+      )
+      expect(response2.statusCode).to.equal(201)
+      const { response: response3, body } = await ChatClient.checkStatus()
+      expect(response3.statusCode).to.equal(200)
+      expect(body).to.equal('chat is alive')
+      expect(await getCount()).to.equal(previousCount + 2)
+    })
+
+    it('should contain the messages and populated users when getting the messages', async function () {
+      const { response, body: messages } =
+        await ChatClient.getGlobalMessages(projectId)
+      expect(response.statusCode).to.equal(200)
+      expect(messages.length).to.equal(2)
+      messages.reverse()
+      expect(messages[0].content).to.equal(content1)
+      expect(messages[0].user_id).to.equal(userId1)
+      expect(messages[1].content).to.equal(content2)
+      expect(messages[1].user_id).to.equal(userId2)
+    })
+  })
+
+  describe('from all the threads', async function () {
+    const projectId = new ObjectId().toString()
+    const threadId1 = new ObjectId().toString()
+    const threadId2 = new ObjectId().toString()
+
+    before(async function () {
+      const { response } = await ChatClient.sendMessage(
+        projectId,
+        threadId1,
+        userId1,
+        'one'
+      )
+      expect(response.statusCode).to.equal(201)
+      const { response: response2 } = await ChatClient.sendMessage(
+        projectId,
+        threadId2,
+        userId2,
+        'two'
+      )
+      expect(response2.statusCode).to.equal(201)
+      const { response: response3 } = await ChatClient.sendMessage(
+        projectId,
+        threadId1,
+        userId1,
+        'three'
+      )
+      expect(response3.statusCode).to.equal(201)
+      const { response: response4 } = await ChatClient.sendMessage(
+        projectId,
+        threadId2,
+        userId2,
+        'four'
+      )
+      expect(response4.statusCode).to.equal(201)
+    })
+
+    it('should contain a dictionary of threads with messages with populated users', async function () {
+      const { response, body: threads } = await ChatClient.getThreads(projectId)
+      expect(response.statusCode).to.equal(200)
+      expect(Object.keys(threads).length).to.equal(2)
+      const thread1 = threads[threadId1]
+      expect(thread1.messages.length).to.equal(2)
+      const thread2 = threads[threadId2]
+      expect(thread2.messages.length).to.equal(2)
+
+      expect(thread1.messages[0].content).to.equal('one')
+      expect(thread1.messages[0].user_id).to.equal(userId1)
+      expect(thread1.messages[1].content).to.equal('three')
+      expect(thread1.messages[1].user_id).to.equal(userId1)
+
+      expect(thread2.messages[0].content).to.equal('two')
+      expect(thread2.messages[0].user_id).to.equal(userId2)
+      expect(thread2.messages[1].content).to.equal('four')
+      expect(thread2.messages[1].user_id).to.equal(userId2)
+    })
+  })
+
+  describe('from a list of threads', function () {
+    const projectId = new ObjectId().toString()
+    const threadId1 = new ObjectId().toString()
+    const threadId2 = new ObjectId().toString()
+    const threadId3 = new ObjectId().toString()
+
+    before(async function () {
+      const { response } = await ChatClient.sendMessage(
+        projectId,
+        threadId1,
+        userId1,
+        'one'
+      )
+      expect(response.statusCode).to.equal(201)
+      const { response: response2 } = await ChatClient.sendMessage(
+        projectId,
+        threadId2,
+        userId2,
+        'two'
+      )
+      expect(response2.statusCode).to.equal(201)
+      const { response: response3 } = await ChatClient.sendMessage(
+        projectId,
+        threadId1,
+        userId1,
+        'three'
+      )
+      expect(response3.statusCode).to.equal(201)
+    })
+
+    it('should contain a dictionary of threads with messages with populated users', async function () {
+      const { response, body: threads } = await ChatClient.generateThreadData(
+        projectId,
+        [threadId1, threadId3]
+      )
+      expect(response.statusCode).to.equal(200)
+      expect(Object.keys(threads).length).to.equal(1)
+      const thread1 = threads[threadId1]
+      expect(thread1.messages.length).to.equal(2)
+
+      expect(thread1.messages[0].content).to.equal('one')
+      expect(thread1.messages[0].user_id).to.equal(userId1)
+      expect(thread1.messages[1].content).to.equal('three')
+      expect(thread1.messages[1].user_id).to.equal(userId1)
+    })
+  })
+})
diff --git a/services/chat/test/acceptance/js/ResolvingAThreadTests.js b/services/chat/test/acceptance/js/ResolvingAThreadTests.js
new file mode 100644
index 0000000..208d232
--- /dev/null
+++ b/services/chat/test/acceptance/js/ResolvingAThreadTests.js
@@ -0,0 +1,114 @@
+import { ObjectId } from '../../../app/js/mongodb.js'
+import { expect } from 'chai'
+
+import * as ChatClient from './helpers/ChatClient.js'
+import * as ChatApp from './helpers/ChatApp.js'
+
+describe('Resolving a thread', async function () {
+  const projectId = new ObjectId().toString()
+  const userId = new ObjectId().toString()
+  before(async function () {
+    await ChatApp.ensureRunning()
+  })
+
+  describe('with a resolved thread', async function () {
+    const threadId = new ObjectId().toString()
+    const content = 'resolved message'
+    before(async function () {
+      const { response } = await ChatClient.sendMessage(
+        projectId,
+        threadId,
+        userId,
+        content
+      )
+      expect(response.statusCode).to.equal(201)
+      const { response: response2 } = await ChatClient.resolveThread(
+        projectId,
+        threadId,
+        userId
+      )
+      expect(response2.statusCode).to.equal(204)
+    })
+
+    it('should then list the thread as resolved', async function () {
+      const { response, body: threads } = await ChatClient.getThreads(projectId)
+      expect(response.statusCode).to.equal(200)
+      expect(threads[threadId].resolved).to.equal(true)
+      expect(threads[threadId].resolved_by_user_id).to.equal(userId)
+      const resolvedAt = new Date(threads[threadId].resolved_at)
+      expect(new Date() - resolvedAt).to.be.below(1000)
+    })
+
+    it('should list the thread id in the resolved thread ids endpoint', async function () {
+      const { response, body } =
+        await ChatClient.getResolvedThreadIds(projectId)
+      expect(response.statusCode).to.equal(200)
+      expect(body.resolvedThreadIds).to.include(threadId)
+    })
+  })
+
+  describe('when a thread is not resolved', async function () {
+    const threadId = new ObjectId().toString()
+    const content = 'open message'
+    before(async function () {
+      const { response } = await ChatClient.sendMessage(
+        projectId,
+        threadId,
+        userId,
+        content
+      )
+      expect(response.statusCode).to.equal(201)
+    })
+
+    it('should not list the thread as resolved', async function () {
+      const { response, body: threads } = await ChatClient.getThreads(projectId)
+      expect(response.statusCode).to.equal(200)
+      expect(threads[threadId].resolved).to.be.undefined
+    })
+
+    it('should not list the thread in the resolved thread ids endpoint', async function () {
+      const { response, body } =
+        await ChatClient.getResolvedThreadIds(projectId)
+      expect(response.statusCode).to.equal(200)
+      expect(body.resolvedThreadIds).not.to.include(threadId)
+    })
+  })
+
+  describe('when a thread is resolved then reopened', async function () {
+    const threadId = new ObjectId().toString()
+    const content = 'resolved message'
+    before(async function () {
+      const { response } = await ChatClient.sendMessage(
+        projectId,
+        threadId,
+        userId,
+        content
+      )
+      expect(response.statusCode).to.equal(201)
+      const { response: response2 } = await ChatClient.resolveThread(
+        projectId,
+        threadId,
+        userId
+      )
+      expect(response2.statusCode).to.equal(204)
+      const { response: response3 } = await ChatClient.reopenThread(
+        projectId,
+        threadId
+      )
+      expect(response3.statusCode).to.equal(204)
+    })
+
+    it('should not list the thread as resolved', async function () {
+      const { response, body: threads } = await ChatClient.getThreads(projectId)
+      expect(response.statusCode).to.equal(200)
+      expect(threads[threadId].resolved).to.be.undefined
+    })
+
+    it('should not list the thread in the resolved thread ids endpoint', async function () {
+      const { response, body } =
+        await ChatClient.getResolvedThreadIds(projectId)
+      expect(response.statusCode).to.equal(200)
+      expect(body.resolvedThreadIds).not.to.include(threadId)
+    })
+  })
+})
diff --git a/services/chat/test/acceptance/js/SendingAMessageTests.js b/services/chat/test/acceptance/js/SendingAMessageTests.js
new file mode 100644
index 0000000..7dbc1df
--- /dev/null
+++ b/services/chat/test/acceptance/js/SendingAMessageTests.js
@@ -0,0 +1,143 @@
+import { ObjectId } from '../../../app/js/mongodb.js'
+import { expect } from 'chai'
+
+import * as ChatClient from './helpers/ChatClient.js'
+import * as ChatApp from './helpers/ChatApp.js'
+
+describe('Sending a message', async function () {
+  before(async function () {
+    await ChatApp.ensureRunning()
+  })
+
+  describe('globally', async function () {
+    const projectId = new ObjectId().toString()
+    const userId = new ObjectId().toString()
+    const content = 'global message'
+    before(async function () {
+      const { response, body } = await ChatClient.sendGlobalMessage(
+        projectId,
+        userId,
+        content
+      )
+      expect(response.statusCode).to.equal(201)
+      expect(body.content).to.equal(content)
+      expect(body.user_id).to.equal(userId)
+      expect(body.room_id).to.equal(projectId)
+    })
+
+    it('should then list the message in the project messages', async function () {
+      const { response, body: messages } =
+        await ChatClient.getGlobalMessages(projectId)
+      expect(response.statusCode).to.equal(200)
+      expect(messages.length).to.equal(1)
+      expect(messages[0].content).to.equal(content)
+    })
+  })
+
+  describe('to a thread', async function () {
+    const projectId = new ObjectId().toString()
+    const userId = new ObjectId().toString()
+    const threadId = new ObjectId().toString()
+    const content = 'thread message'
+    before(async function () {
+      const { response, body } = await ChatClient.sendMessage(
+        projectId,
+        threadId,
+        userId,
+        content
+      )
+      expect(response.statusCode).to.equal(201)
+      expect(body.content).to.equal(content)
+      expect(body.user_id).to.equal(userId)
+      expect(body.room_id).to.equal(projectId)
+    })
+
+    it('should then list the message in the threads', async function () {
+      const { response, body: threads } = await ChatClient.getThreads(projectId)
+      expect(response.statusCode).to.equal(200)
+      expect(threads[threadId].messages.length).to.equal(1)
+      expect(threads[threadId].messages[0].content).to.equal(content)
+    })
+
+    it('should not appear in the global messages', async function () {
+      const { response, body: messages } =
+        await ChatClient.getGlobalMessages(projectId)
+      expect(response.statusCode).to.equal(200)
+      expect(messages.length).to.equal(0)
+    })
+  })
+
+  describe('failure cases', async function () {
+    const projectId = new ObjectId().toString()
+    const userId = new ObjectId().toString()
+    const threadId = new ObjectId().toString()
+
+    describe('with a malformed userId', async function () {
+      it('should return a graceful error', async function () {
+        const { response, body } = await ChatClient.sendMessage(
+          projectId,
+          threadId,
+          'malformed-user',
+          'content'
+        )
+        expect(response.statusCode).to.equal(400)
+        expect(body).to.equal('Invalid userId')
+      })
+    })
+
+    describe('with a malformed projectId', async function () {
+      it('should return a graceful error', async function () {
+        const { response, body } = await ChatClient.sendMessage(
+          'malformed-project',
+          threadId,
+          userId,
+          'content'
+        )
+        expect(response.statusCode).to.equal(400)
+        expect(body).to.equal('Invalid projectId')
+      })
+    })
+
+    describe('with a malformed threadId', async function () {
+      it('should return a graceful error', async function () {
+        const { response, body } = await ChatClient.sendMessage(
+          projectId,
+          'malformed-thread-id',
+          userId,
+          'content'
+        )
+        expect(response.statusCode).to.equal(400)
+        expect(body).to.equal('Invalid threadId')
+      })
+    })
+
+    describe('with no content', async function () {
+      it('should return a graceful error', async function () {
+        const { response, body } = await ChatClient.sendMessage(
+          projectId,
+          threadId,
+          userId,
+          null
+        )
+        expect(response.statusCode).to.equal(400)
+        // Exegesis is responding with validation errors. I can´t find a way to choose the validation error yet.
+        // expect(body).to.equal('No content provided')
+        expect(body.message).to.equal('Validation errors')
+      })
+    })
+
+    describe('with very long content', async function () {
+      it('should return a graceful error', async function () {
+        const content = '-'.repeat(10 * 1024 + 1)
+        const { response, body } = await ChatClient.sendMessage(
+          projectId,
+          threadId,
+          userId,
+          content
+        )
+        expect(response.statusCode).to.equal(400)
+        expect(body).to.equal('Content too long (> 10240 bytes)')
+      })
+    })
+  })
+})
diff --git a/services/chat/test/acceptance/js/helpers/ChatApp.js b/services/chat/test/acceptance/js/helpers/ChatApp.js
new file mode 100644
index 0000000..3a0baf5
--- /dev/null
+++ b/services/chat/test/acceptance/js/helpers/ChatApp.js
@@ -0,0 +1,15 @@
+import { createServer } from '../../../../app/js/server.js'
+import { promisify } from 'node:util'
+
+export { db } from '../../../../app/js/mongodb.js'
+
+let serverPromise = null
+
+export async function ensureRunning() {
+  if (!serverPromise) {
+    const { app } = await createServer()
+    const startServer = promisify(app.listen.bind(app))
+    serverPromise = startServer(3010, '127.0.0.1')
+  }
+  return serverPromise
+}
diff --git a/services/chat/test/acceptance/js/helpers/ChatClient.js b/services/chat/test/acceptance/js/helpers/ChatClient.js
new file mode 100644
index 0000000..6a8196d
--- /dev/null
+++ b/services/chat/test/acceptance/js/helpers/ChatClient.js
@@ -0,0 +1,166 @@
+import Request from 'request'
+
+const request = Request.defaults({
+  baseUrl: 'http://127.0.0.1:3010',
+})
+
+async function asyncRequest(options) {
+  return await new Promise((resolve, reject) => {
+    request(options, (err, response, body) => {
+      if (err) {
+        reject(err)
+      } else {
+        resolve({ response, body })
+      }
+    })
+  })
+}
+
+export async function sendGlobalMessage(projectId, userId, content) {
+  return await asyncRequest({
+    method: 'post',
+    url: `/project/${projectId}/messages`,
+    json: {
+      user_id: userId,
+      content,
+    },
+  })
+}
+
+export async function getGlobalMessages(projectId) {
+  return await asyncRequest({
+    method: 'get',
+    url: `/project/${projectId}/messages`,
+    json: true,
+  })
+}
+
+export async function sendMessage(projectId, threadId, userId, content) {
+  return await asyncRequest({
+    method: 'post',
+    url: `/project/${projectId}/thread/${threadId}/messages`,
+    json: {
+      user_id: userId,
+      content,
+    },
+  })
+}
+
+export async function getThreads(projectId) {
+  return await asyncRequest({
+    method: 'get',
+    url: `/project/${projectId}/threads`,
+    json: true,
+  })
+}
+
+export async function resolveThread(projectId, threadId, userId) {
+  return await asyncRequest({
+    method: 'post',
+    url: `/project/${projectId}/thread/${threadId}/resolve`,
+    json: {
+      user_id: userId,
+    },
+  })
+}
+
+export async function getResolvedThreadIds(projectId) {
+  return await asyncRequest({
+    method: 'get',
+    url: `/project/${projectId}/resolved-thread-ids`,
+    json: true,
+  })
+}
+
+export async function editMessage(projectId, threadId, messageId, content) {
+  return await asyncRequest({
+    method: 'post',
+    url: `/project/${projectId}/thread/${threadId}/messages/${messageId}/edit`,
+    json: {
+      content,
+    },
+  })
+}
+
+export async function editMessageWithUser(
+  projectId,
+  threadId,
+  messageId,
+  userId,
+  content
+) {
+  return await asyncRequest({
+    method: 'post',
+    url: `/project/${projectId}/thread/${threadId}/messages/${messageId}/edit`,
+    json: {
+      content,
+      userId,
+    },
+  })
+}
+
+export async function checkStatus() {
+  return await asyncRequest({
+    method: 'get',
+    url: `/status`,
+    json: true,
+  })
+}
+
+export async function getMetric(matcher) {
+  const { body } = await asyncRequest({
+    method: 'get',
+    url: `/metrics`,
+  })
+  const found = body.split('\n').find(matcher)
+  if (!found) return 0
+  return parseInt(found.split(' ')[1], 0)
+}
+
+export async function reopenThread(projectId, threadId) {
+  return await asyncRequest({
+    method: 'post',
+    url: `/project/${projectId}/thread/${threadId}/reopen`,
+  })
+}
+
+export async function deleteThread(projectId, threadId) {
+  return await asyncRequest({
+    method: 'delete',
+    url: `/project/${projectId}/thread/${threadId}`,
+  })
+}
+
+export async function deleteMessage(projectId, threadId, messageId) {
+  return await asyncRequest({
+    method: 'delete',
+    url: `/project/${projectId}/thread/${threadId}/messages/${messageId}`,
+  })
+}
+
+export async function destroyProject(projectId) {
+  return await asyncRequest({
+    method: 'delete',
+    url: `/project/${projectId}`,
+  })
+}
+
+export async function duplicateCommentThreads(projectId, threads) {
+  return await asyncRequest({
+    method: 'post',
+    url: `/project/${projectId}/duplicate-comment-threads`,
+    json: {
+      threads,
+    },
+  })
+}
+
+export async function generateThreadData(projectId, threads) {
+  return await asyncRequest({
+    method: 'post',
+    url: `/project/${projectId}/generate-thread-data`,
+    json: {
+      threads,
+    },
+  })
+}
diff --git a/services/chat/test/setup.js b/services/chat/test/setup.js
new file mode 100644
index 0000000..d61deff
--- /dev/null
+++ b/services/chat/test/setup.js
@@ -0,0 +1,9 @@
+import chai from 'chai'
+import chaiAsPromised from 'chai-as-promised'
+import { ObjectId } from 'mongodb'
+
+// ensure every ObjectId has the id string as a property for correct comparisons
+ObjectId.cacheHexString = true
+
+chai.should()
+chai.use(chaiAsPromised)
diff --git a/services/chat/tsconfig.json b/services/chat/tsconfig.json
new file mode 100644
index 0000000..d3fdd30
--- /dev/null
+++ b/services/chat/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "app.js",
+    "app/js/**/*",
+    "benchmarks/**/*",
+    "config/**/*",
+    "scripts/**/*",
+    "test/**/*",
+    "types"
+  ]
+}
diff --git a/services/clsi/.gitignore b/services/clsi/.gitignore
new file mode 100644
index 0000000..3604662
--- /dev/null
+++ b/services/clsi/.gitignore
@@ -0,0 +1,14 @@
+**.swp
+node_modules
+test/acceptance/fixtures/tmp
+compiles
+output
+.DS_Store
+*~
+cache
+.vagrant
+config/*
+npm-debug.log
+
+# managed by dev-environment$ bin/update_build_scripts
+.npmrc
diff --git a/services/clsi/.mocharc.json b/services/clsi/.mocharc.json
new file mode 100644
index 0000000..dc3280a
--- /dev/null
+++ b/services/clsi/.mocharc.json
@@ -0,0 +1,3 @@
+{
+  "require": "test/setup.js"
+}
diff --git a/services/clsi/.nvmrc b/services/clsi/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/services/clsi/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/services/clsi/.viminfo b/services/clsi/.viminfo
new file mode 100644
index 0000000..78c0129
--- /dev/null
+++ b/services/clsi/.viminfo
@@ -0,0 +1,35 @@
+# This viminfo file was generated by Vim 7.4.
+# You may edit it if you're careful!
+
+# Value of 'encoding' when this file was written
+*encoding=latin1
+
+
+# hlsearch on (H) or off (h):
+~h
+# Command Line History (newest to oldest):
+:x
+
+# Search String History (newest to oldest):
+
+# Expression History (newest to oldest):
+
+# Input Line History (newest to oldest):
+
+# Input Line History (newest to oldest):
+
+# Registers:
+
+# File marks:
+'0  1  0  ~/hello
+
+# Jumplist (newest first):
+-'  1  0  ~/hello
+
+# History of marks within files (newest to oldest):
+
+> ~/hello
+	"	1	0
+	^	1	1
+	.	1	0
+	+	1	0
diff --git a/services/clsi/Dockerfile b/services/clsi/Dockerfile
new file mode 100644
index 0000000..c5f46c1
--- /dev/null
+++ b/services/clsi/Dockerfile
@@ -0,0 +1,32 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+FROM node:20.18.2 AS base
+
+WORKDIR /overleaf/services/clsi
+COPY services/clsi/install_deps.sh /overleaf/services/clsi/
+RUN chmod 0755 ./install_deps.sh && ./install_deps.sh
+ENTRYPOINT ["/bin/sh", "/entrypoint.sh"]
+COPY services/clsi/entrypoint.sh /
+
+# Google Cloud Storage needs a writable $HOME/.config for resumable uploads
+# (see https://googleapis.dev/nodejs/storage/latest/File.html#createWriteStream)
+RUN mkdir /home/node/.config && chown node:node /home/node/.config
+
+FROM base AS app
+
+COPY package.json package-lock.json /overleaf/
+COPY services/clsi/package.json /overleaf/services/clsi/
+COPY libraries/ /overleaf/libraries/
+COPY patches/ /overleaf/patches/
+
+RUN cd /overleaf && npm ci --quiet
+
+COPY services/clsi/ /overleaf/services/clsi/
+
+FROM app
+RUN mkdir -p cache compiles output \
+&&  chown node:node cache compiles output
+
+CMD ["node", "--expose-gc", "app.js"]
diff --git a/services/clsi/LICENSE b/services/clsi/LICENSE
new file mode 100644
index 0000000..dba13ed
--- /dev/null
+++ b/services/clsi/LICENSE
@@ -0,0 +1,661 @@
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<http://www.gnu.org/licenses/>.
diff --git a/services/clsi/Makefile b/services/clsi/Makefile
new file mode 100644
index 0000000..2f673db
--- /dev/null
+++ b/services/clsi/Makefile
@@ -0,0 +1,158 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+BUILD_NUMBER ?= local
+BRANCH_NAME ?= $(shell git rev-parse --abbrev-ref HEAD)
+PROJECT_NAME = clsi
+BUILD_DIR_NAME = $(shell pwd | xargs basename | tr -cd '[a-zA-Z0-9_.\-]')
+
+DOCKER_COMPOSE_FLAGS ?= -f docker-compose.yml
+DOCKER_COMPOSE := BUILD_NUMBER=$(BUILD_NUMBER) \
+	BRANCH_NAME=$(BRANCH_NAME) \
+	PROJECT_NAME=$(PROJECT_NAME) \
+	MOCHA_GREP=${MOCHA_GREP} \
+	docker compose ${DOCKER_COMPOSE_FLAGS}
+
+COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE ?= test_acceptance_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_ACCEPTANCE = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE) $(DOCKER_COMPOSE)
+
+COMPOSE_PROJECT_NAME_TEST_UNIT ?= test_unit_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_UNIT = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_UNIT) $(DOCKER_COMPOSE)
+
+clean:
+	-docker rmi ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-docker rmi gcr.io/overleaf-ops/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-docker rmi us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-$(DOCKER_COMPOSE_TEST_UNIT) down --rmi local
+	-$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down --rmi local
+
+HERE=$(shell pwd)
+MONOREPO=$(shell cd ../../ && pwd)
+# Run the linting commands in the scope of the monorepo.
+# Eslint and prettier (plus some configs) are on the root.
+RUN_LINTING = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(HERE) node:20.18.2 npm run --silent
+
+RUN_LINTING_CI = docker run --rm --volume $(MONOREPO)/.editorconfig:/overleaf/.editorconfig --volume $(MONOREPO)/.eslintignore:/overleaf/.eslintignore --volume $(MONOREPO)/.eslintrc:/overleaf/.eslintrc --volume $(MONOREPO)/.prettierignore:/overleaf/.prettierignore --volume $(MONOREPO)/.prettierrc:/overleaf/.prettierrc --volume $(MONOREPO)/tsconfig.backend.json:/overleaf/tsconfig.backend.json ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) npm run --silent
+
+# Same but from the top of the monorepo
+RUN_LINTING_MONOREPO = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(MONOREPO) node:20.18.2 npm run --silent
+
+SHELLCHECK_OPTS = \
+	--shell=bash \
+	--external-sources
+SHELLCHECK_COLOR := $(if $(CI),--color=never,--color)
+SHELLCHECK_FILES := { git ls-files "*.sh" -z; git grep -Plz "\A\#\!.*bash"; } | sort -zu
+
+shellcheck:
+	@$(SHELLCHECK_FILES) | xargs -0 -r docker run --rm -v $(HERE):/mnt -w /mnt \
+		koalaman/shellcheck:stable $(SHELLCHECK_OPTS) $(SHELLCHECK_COLOR)
+
+shellcheck_fix:
+	@$(SHELLCHECK_FILES) | while IFS= read -r -d '' file; do \
+		diff=$$(docker run --rm -v $(HERE):/mnt -w /mnt koalaman/shellcheck:stable $(SHELLCHECK_OPTS) --format=diff "$$file" 2>/dev/null); \
+		if [ -n "$$diff" ] && ! echo "$$diff" | patch -p1 >/dev/null 2>&1; then echo "\033[31m$$file\033[0m"; \
+		elif [ -n "$$diff" ]; then echo "$$file"; \
+		else echo "\033[2m$$file\033[0m"; fi \
+	done
+
+format:
+	$(RUN_LINTING) format
+
+format_ci:
+	$(RUN_LINTING_CI) format
+
+format_fix:
+	$(RUN_LINTING) format:fix
+
+lint:
+	$(RUN_LINTING) lint
+
+lint_ci:
+	$(RUN_LINTING_CI) lint
+
+lint_fix:
+	$(RUN_LINTING) lint:fix
+
+typecheck:
+	$(RUN_LINTING) types:check
+
+typecheck_ci:
+	$(RUN_LINTING_CI) types:check
+
+test: format lint typecheck shellcheck test_unit test_acceptance
+
+test_unit:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) run --rm test_unit
+	$(MAKE) test_unit_clean
+endif
+
+test_clean: test_unit_clean
+test_unit_clean:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) down -v -t 0
+endif
+
+test_acceptance: test_acceptance_clean test_acceptance_pre_run test_acceptance_run
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_debug: test_acceptance_clean test_acceptance_pre_run test_acceptance_run_debug
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_run:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance
+endif
+
+test_acceptance_run_debug:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run -p 127.0.0.9:19999:19999 --rm test_acceptance npm run test:acceptance -- --inspect=0.0.0.0:19999 --inspect-brk
+endif
+
+test_clean: test_acceptance_clean
+test_acceptance_clean:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down -v -t 0
+
+test_acceptance_pre_run:
+ifneq (,$(wildcard test/acceptance/js/scripts/pre-run))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance test/acceptance/js/scripts/pre-run
+endif
+
+benchmarks:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance npm run benchmarks
+
+build:
+	docker build \
+		--pull \
+		--build-arg BUILDKIT_INLINE_CACHE=1 \
+		--tag ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag gcr.io/overleaf-ops/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag gcr.io/overleaf-ops/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from gcr.io/overleaf-ops/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from gcr.io/overleaf-ops/$(PROJECT_NAME):main \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--file Dockerfile \
+		../..
+
+tar:
+	$(DOCKER_COMPOSE) up tar
+
+publish:
+
+	docker push $(DOCKER_REPO)/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+
+
+.PHONY: clean \
+	format format_fix \
+	lint lint_fix \
+	build_types typecheck \
+	lint_ci format_ci typecheck_ci \
+	shellcheck shellcheck_fix \
+	test test_clean test_unit test_unit_clean \
+	test_acceptance test_acceptance_debug test_acceptance_pre_run \
+	test_acceptance_run test_acceptance_run_debug test_acceptance_clean \
+	benchmarks \
+	build tar publish \
diff --git a/services/clsi/README.md b/services/clsi/README.md
new file mode 100644
index 0000000..16e40b8
--- /dev/null
+++ b/services/clsi/README.md
@@ -0,0 +1,188 @@
+overleaf/clsi
+===============
+
+A web api for compiling LaTeX documents in the cloud
+
+The Common LaTeX Service Interface (CLSI) provides a RESTful interface to traditional LaTeX tools (or, more generally, any command line tool for composing marked-up documents into a display format such as PDF or HTML). The CLSI listens on the following ports by default:
+
+* TCP/3013 - the RESTful interface
+* TCP/3048 - reports load information
+* TCP/3049 - HTTP interface to control the CLSI service
+
+These defaults can be modified in `config/settings.defaults.js`.
+
+The provided `Dockerfile` builds a Docker image which has the Docker command line tools installed. The configuration in `docker-compose-config.yml` mounts the Docker socket, in order that the CLSI container can talk to the Docker host it is running in. This allows it to spin up `sibling containers` running an image with a TeX distribution installed to perform the actual compiles.
+
+The CLSI can be configured through the following environment variables:
+
+* `ALLOWED_COMPILE_GROUPS` - Space separated list of allowed compile groups
+* `ALLOWED_IMAGES` - Space separated list of allowed Docker TeX Live images
+* `CATCH_ERRORS` - Set to `true` to log uncaught exceptions
+* `COMPILE_GROUP_DOCKER_CONFIGS` - JSON string of Docker configs for compile groups
+* `COMPILES_HOST_DIR` - Working directory for LaTeX compiles
+* `OUTPUT_HOST_DIR` - Output directory for LaTeX compiles
+* `COMPILE_SIZE_LIMIT` - Sets the body-parser [limit](https://github.com/expressjs/body-parser#limit)
+* `DOCKER_RUNNER` - Set to true to use sibling containers
+* `DOCKER_RUNTIME` -
+* `FILESTORE_DOMAIN_OVERRIDE` - The url for the filestore service e.g.`http://$FILESTORE_HOST:3009`
+* `FILESTORE_PARALLEL_FILE_DOWNLOADS` - Number of parallel file downloads
+* `LISTEN_ADDRESS` - The address for the RESTful service to listen on. Set to `0.0.0.0` to listen on all network interfaces
+* `PROCESS_LIFE_SPAN_LIMIT_MS` - Process life span limit in milliseconds
+* `SMOKE_TEST` - Whether to run smoke tests
+* `TEXLIVE_IMAGE` - The TeX Live Docker image to use for sibling containers, e.g. `gcr.io/overleaf-ops/texlive-full:2017.1`
+* `TEX_LIVE_IMAGE_NAME_OVERRIDE` - The name of the registry for the Docker image e.g. `gcr.io/overleaf-ops`
+* `TEXLIVE_IMAGE_USER` - When using sibling containers, the user to run as in the TeX Live image. Defaults to `tex`
+* `TEXLIVE_OPENOUT_ANY` - Sets the `openout_any` environment variable for TeX Live (see the `\openout` primitive [documentation](http://tug.org/texinfohtml/web2c.html#tex-invocation))
+
+Further environment variables configure the [metrics module](https://github.com/overleaf/metrics-module)
+
+Installation
+------------
+
+The CLSI can be installed and set up as part of the entire [Overleaf stack](https://github.com/overleaf/overleaf) (complete with front end editor and document storage), or it can be run as a standalone service. To run is as a standalone service, first checkout this repository:
+
+```shell
+git clone git@github.com:overleaf/overleaf.git
+```
+
+Then build the Docker image:
+
+```shell
+docker build . -t overleaf/clsi -f services/clsi/Dockerfile
+```
+
+Then pull the TeX Live image:
+
+```shell
+docker pull texlive/texlive
+```
+
+Then start the Docker container:
+
+```shell
+docker run --rm \
+  -p 127.0.0.1:3013:3013 \
+  -e LISTEN_ADDRESS=0.0.0.0 \
+  -e DOCKER_RUNNER=true \
+  -e TEXLIVE_IMAGE=texlive/texlive \
+  -e TEXLIVE_IMAGE_USER=root \
+  -e COMPILES_HOST_DIR="$PWD/compiles" \
+  -v "$PWD/compiles:/overleaf/services/clsi/compiles" \
+  -v "$PWD/cache:/overleaf/services/clsi/cache" \
+  -v /var/run/docker.sock:/var/run/docker.sock \
+  --name clsi \
+  overleaf/clsi
+```
+
+Note: if you're running the CLSI in macOS you may need to use `-v /var/run/docker.sock.raw:/var/run/docker.sock` instead.
+
+The CLSI should then be running at <http://localhost:3013>
+
+Important note for Linux users
+==============================
+
+The Node application runs as user `node` in the CLSI, which has uid `1000`. As a consequence of this, the `compiles` folder gets created on your host with `uid` and `gid` set to `1000`.
+
+```shell
+ls -lnd compiles
+```
+> `drwxr-xr-x 2 1000 1000 4096 Mar 19 12:41 compiles`
+
+If there is a user/group on your host which also happens to have `uid` / `gid` `1000` then that user/group will have ownership of the compiles folder on your host.
+
+LaTeX runs in the sibling containers as the user specified in the `TEXLIVE_IMAGE_USER` environment variable. In the example above this is set to `root`, which has uid `0`. This creates a problem with the above permissions, as the root user does not have permission to write to subfolders of `compiles`.
+
+A quick fix is to give the `root` group ownership and read write permissions to `compiles`, with `setgid` set so that new subfolders also inherit this ownership:
+
+```shell
+sudo chown -R 1000:root compiles
+sudo chmod -R g+w compiles
+sudo chmod g+s compiles
+```
+
+Another solution is to create a `overleaf` group and add both `root` and the user with `uid` `1000` to it. If the host does not have a user with that `uid`, you will need to create one first.
+
+```shell
+sudo useradd --uid 1000 host-node-user # If required
+sudo groupadd overleaf
+sudo usermod -a -G overleaf root
+sudo usermod -a -G overleaf $(id -nu 1000)
+sudo chown -R 1000:overleaf compiles
+sudo chmod -R g+w compiles
+sudo chmod g+s compiles
+```
+
+This is a facet of the way docker works on Linux. See this [upstream issue](https://github.com/moby/moby/issues/7198)
+
+
+API
+---
+
+The CLSI is based on a JSON API.
+
+#### Example Request
+
+(Note that valid JSON should not contain any comments like the example below).
+
+    POST /project/<project-id>/compile
+
+```json5
+{
+    "compile": {
+        "options": {
+            // Which compiler to use. Can be latex, pdflatex, xelatex or lualatex
+            "compiler": "lualatex",
+            // How many seconds to wait before killing the process. Default is 60.
+            "timeout": 40
+        },
+        // The main file to run LaTeX on
+        "rootResourcePath": "main.tex",
+        // An array of files to include in the compilation. May have either the content
+        // passed directly, or a URL where it can be downloaded.
+        "resources": [
+          {
+            "path": "main.tex",
+            "content": "\\documentclass{article}\n\\begin{document}\nHello World\n\\end{document}"
+          }
+          // ,{
+          //     "path": "image.png",
+          //     "url": "www.example.com/image.png",
+          //     "modified": 123456789 // Unix time since epoch
+          // }
+        ]
+    }
+}
+```
+
+With `curl`, if you place the above JSON in a file called `data.json`, the request would look like this:
+
+```shell
+curl -X POST -H 'Content-Type: application/json' -d @data.json http://localhost:3013/project/<id>/compile
+```
+
+You can specify any project-id in the URL, and the files and LaTeX environment will be persisted between requests.
+URLs will be downloaded and cached until provided with a more recent modified date.
+
+#### Example Response
+
+```json
+{
+    "compile": {
+        "status": "success",
+        "outputFiles": [{
+            "type": "pdf",
+            "url": "http://localhost:3013/project/<project-id>/output/output.pdf"
+        }, {
+            "type": "log",
+            "url": "http://localhost:3013/project/<project-id>/output/output.log"
+        }]
+    }
+}
+```
+
+License
+-------
+
+The code in this repository is released under the GNU AFFERO GENERAL PUBLIC LICENSE, version 3. A copy can be found in the `LICENSE` file.
+
+Copyright (c) Overleaf, 2014-2021.
diff --git a/services/clsi/app.js b/services/clsi/app.js
new file mode 100644
index 0000000..8de9d89
--- /dev/null
+++ b/services/clsi/app.js
@@ -0,0 +1,386 @@
+// Metrics must be initialized before importing anything else
+require('@overleaf/metrics/initialize')
+
+const CompileController = require('./app/js/CompileController')
+const ContentController = require('./app/js/ContentController')
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+logger.initialize('clsi')
+const Metrics = require('@overleaf/metrics')
+
+const smokeTest = require('./test/smoke/js/SmokeTests')
+const ContentTypeMapper = require('./app/js/ContentTypeMapper')
+const Errors = require('./app/js/Errors')
+const { createOutputZip } = require('./app/js/OutputController')
+
+const Path = require('node:path')
+
+Metrics.open_sockets.monitor(true)
+Metrics.memory.monitor(logger)
+Metrics.leaked_sockets.monitor(logger)
+
+const ProjectPersistenceManager = require('./app/js/ProjectPersistenceManager')
+const OutputCacheManager = require('./app/js/OutputCacheManager')
+const ContentCacheManager = require('./app/js/ContentCacheManager')
+
+ProjectPersistenceManager.init()
+OutputCacheManager.init()
+
+const express = require('express')
+const bodyParser = require('body-parser')
+const app = express()
+
+Metrics.injectMetricsRoute(app)
+app.use(Metrics.http.monitor(logger))
+
+// Compile requests can take longer than the default two
+// minutes (including file download time), so bump up the
+// timeout a bit.
+const TIMEOUT = 10 * 60 * 1000
+app.use(function (req, res, next) {
+  req.setTimeout(TIMEOUT)
+  res.setTimeout(TIMEOUT)
+  res.removeHeader('X-Powered-By')
+  next()
+})
+
+app.param('project_id', function (req, res, next, projectId) {
+  if (projectId?.match(/^[a-zA-Z0-9_-]+$/)) {
+    next()
+  } else {
+    next(new Error('invalid project id'))
+  }
+})
+
+app.param('user_id', function (req, res, next, userId) {
+  if (userId?.match(/^[0-9a-f]{24}$/)) {
+    next()
+  } else {
+    next(new Error('invalid user id'))
+  }
+})
+
+app.param('build_id', function (req, res, next, buildId) {
+  if (buildId?.match(OutputCacheManager.BUILD_REGEX)) {
+    next()
+  } else {
+    next(new Error(`invalid build id ${buildId}`))
+  }
+})
+
+app.param('contentId', function (req, res, next, contentId) {
+  if (contentId?.match(OutputCacheManager.CONTENT_REGEX)) {
+    next()
+  } else {
+    next(new Error(`invalid content id ${contentId}`))
+  }
+})
+
+app.param('hash', function (req, res, next, hash) {
+  if (hash?.match(ContentCacheManager.HASH_REGEX)) {
+    next()
+  } else {
+    next(new Error(`invalid hash ${hash}`))
+  }
+})
+
+app.post(
+  '/project/:project_id/compile',
+  bodyParser.json({ limit: Settings.compileSizeLimit }),
+  CompileController.compile
+)
+app.post('/project/:project_id/compile/stop', CompileController.stopCompile)
+app.delete('/project/:project_id', CompileController.clearCache)
+
+app.get('/project/:project_id/sync/code', CompileController.syncFromCode)
+app.get('/project/:project_id/sync/pdf', CompileController.syncFromPdf)
+app.get('/project/:project_id/wordcount', CompileController.wordcount)
+app.get('/project/:project_id/status', CompileController.status)
+app.post('/project/:project_id/status', CompileController.status)
+
+// Per-user containers
+app.post(
+  '/project/:project_id/user/:user_id/compile',
+  bodyParser.json({ limit: Settings.compileSizeLimit }),
+  CompileController.compile
+)
+app.post(
+  '/project/:project_id/user/:user_id/compile/stop',
+  CompileController.stopCompile
+)
+app.delete('/project/:project_id/user/:user_id', CompileController.clearCache)
+
+app.get(
+  '/project/:project_id/user/:user_id/sync/code',
+  CompileController.syncFromCode
+)
+app.get(
+  '/project/:project_id/user/:user_id/sync/pdf',
+  CompileController.syncFromPdf
+)
+app.get(
+  '/project/:project_id/user/:user_id/wordcount',
+  CompileController.wordcount
+)
+
+const ForbidSymlinks = require('./app/js/StaticServerForbidSymlinks')
+
+// create a static server which does not allow access to any symlinks
+// avoids possible mismatch of root directory between middleware check
+// and serving the files
+const staticOutputServer = ForbidSymlinks(
+  express.static,
+  Settings.path.outputDir,
+  {
+    setHeaders(res, path, stat) {
+      if (Path.basename(path) === 'output.pdf') {
+        // Calculate an etag in the same way as nginx
+        // https://github.com/tj/send/issues/65
+        const etag = (path, stat) =>
+          `"${Math.ceil(+stat.mtime / 1000).toString(16)}` +
+          '-' +
+          Number(stat.size).toString(16) +
+          '"'
+        res.set('Etag', etag(path, stat))
+      }
+      res.set('Content-Type', ContentTypeMapper.map(path))
+    },
+  }
+)
+
+// This needs to be before GET /project/:project_id/build/:build_id/output/*
+app.get(
+  '/project/:project_id/build/:build_id/output/output.zip',
+  bodyParser.json(),
+  createOutputZip
+)
+
+// This needs to be before GET /project/:project_id/user/:user_id/build/:build_id/output/*
+app.get(
+  '/project/:project_id/user/:user_id/build/:build_id/output/output.zip',
+  bodyParser.json(),
+  createOutputZip
+)
+
+app.get(
+  '/project/:project_id/user/:user_id/build/:build_id/output/*',
+  function (req, res, next) {
+    // for specific build get the path from the OutputCacheManager (e.g. .clsi/buildId)
+    req.url =
+      `/${req.params.project_id}-${req.params.user_id}/` +
+      OutputCacheManager.path(req.params.build_id, `/${req.params[0]}`)
+    staticOutputServer(req, res, next)
+  }
+)
+
+app.get(
+  '/project/:projectId/content/:contentId/:hash',
+  ContentController.getPdfRange
+)
+app.get(
+  '/project/:projectId/user/:userId/content/:contentId/:hash',
+  ContentController.getPdfRange
+)
+
+app.get(
+  '/project/:project_id/build/:build_id/output/*',
+  function (req, res, next) {
+    // for specific build get the path from the OutputCacheManager (e.g. .clsi/buildId)
+    req.url =
+      `/${req.params.project_id}/` +
+      OutputCacheManager.path(req.params.build_id, `/${req.params[0]}`)
+    staticOutputServer(req, res, next)
+  }
+)
+
+app.get('/oops', function (req, res, next) {
+  logger.error({ err: 'hello' }, 'test error')
+  res.send('error\n')
+})
+
+app.get('/oops-internal', function (req, res, next) {
+  setTimeout(function () {
+    throw new Error('Test error')
+  }, 1)
+})
+
+app.get('/status', (req, res, next) => res.send('CLSI is alive\n'))
+
+Settings.processTooOld = false
+if (Settings.processLifespanLimitMs) {
+  // Pre-emp instances have a maximum lifespan of 24h after which they will be
+  //  shutdown, with a 30s grace period.
+  // Spread cycling of VMs by up-to 2.4h _before_ their limit to avoid large
+  //  numbers of VMs that are temporarily unavailable (while they reboot).
+  Settings.processLifespanLimitMs -=
+    Settings.processLifespanLimitMs * (Math.random() / 10)
+  logger.info(
+    { target: new Date(Date.now() + Settings.processLifespanLimitMs) },
+    'Lifespan limited'
+  )
+
+  setTimeout(() => {
+    logger.info({}, 'shutting down, process is too old')
+    Settings.processTooOld = true
+  }, Settings.processLifespanLimitMs)
+}
+
+function runSmokeTest() {
+  if (Settings.processTooOld) return
+  const INTERVAL = 30 * 1000
+  if (
+    smokeTest.lastRunSuccessful() &&
+    CompileController.timeSinceLastSuccessfulCompile() < INTERVAL / 2
+  ) {
+    logger.debug('skipping smoke tests, got recent successful user compile')
+    return setTimeout(runSmokeTest, INTERVAL / 2)
+  }
+  logger.debug('running smoke tests')
+  smokeTest.triggerRun(err => {
+    if (err) logger.error({ err }, 'smoke tests failed')
+    setTimeout(runSmokeTest, INTERVAL)
+  })
+}
+if (Settings.smokeTest) {
+  runSmokeTest()
+}
+
+app.get('/health_check', function (req, res) {
+  if (Settings.processTooOld) {
+    return res.status(500).json({ processTooOld: true })
+  }
+  smokeTest.sendLastResult(res)
+})
+
+app.get('/smoke_test_force', (req, res) => smokeTest.sendNewResult(res))
+
+app.use(function (error, req, res, next) {
+  if (error instanceof Errors.NotFoundError) {
+    logger.debug({ err: error, url: req.url }, 'not found error')
+    res.sendStatus(404)
+  } else if (error instanceof Errors.InvalidParameter) {
+    res.status(400).send(error.message)
+  } else if (error.code === 'EPIPE') {
+    // inspect container returns EPIPE when shutting down
+    res.sendStatus(503) // send 503 Unavailable response
+  } else {
+    logger.error({ err: error, url: req.url }, 'server error')
+    res.sendStatus(error.statusCode || 500)
+  }
+})
+
+const net = require('node:net')
+const os = require('node:os')
+
+let STATE = 'up'
+
+const loadTcpServer = net.createServer(function (socket) {
+  socket.on('error', function (err) {
+    if (err.code === 'ECONNRESET') {
+      // this always comes up, we don't know why
+      return
+    }
+    logger.err({ err }, 'error with socket on load check')
+    socket.destroy()
+  })
+
+  if (STATE === 'up' && Settings.internal.load_balancer_agent.report_load) {
+    let availableWorkingCpus
+    const currentLoad = os.loadavg()[0]
+
+    // staging clis's have 1 cpu core only
+    if (os.cpus().length === 1) {
+      availableWorkingCpus = 1
+    } else {
+      availableWorkingCpus = os.cpus().length - 1
+    }
+
+    const freeLoad = availableWorkingCpus - currentLoad
+    const freeLoadPercentage = Math.round(
+      (freeLoad / availableWorkingCpus) * 100
+    )
+    if (
+      Settings.internal.load_balancer_agent.allow_maintenance &&
+      freeLoadPercentage <= 0
+    ) {
+      // When its 0 the server is set to drain implicitly.
+      // Drain will move new projects to different servers.
+      // Drain will keep existing projects assigned to the same server.
+      // Maint will more existing and new projects to different servers.
+      socket.write(`maint, 0%\n`, 'ASCII')
+    } else {
+      // Ready will cancel the maint state.
+      socket.write(`up, ready, ${Math.max(freeLoadPercentage, 1)}%\n`, 'ASCII')
+      if (freeLoadPercentage <= 0) {
+        // This metric records how often we would have gone into maintenance mode.
+        Metrics.inc('clsi-prevented-maint')
+      }
+    }
+    socket.end()
+  } else {
+    socket.write(`${STATE}\n`, 'ASCII')
+    socket.end()
+  }
+})
+
+const loadHttpServer = express()
+
+loadHttpServer.post('/state/up', function (req, res, next) {
+  STATE = 'up'
+  logger.debug('getting message to set server to down')
+  res.sendStatus(204)
+})
+
+loadHttpServer.post('/state/down', function (req, res, next) {
+  STATE = 'down'
+  logger.debug('getting message to set server to down')
+  res.sendStatus(204)
+})
+
+loadHttpServer.post('/state/maint', function (req, res, next) {
+  STATE = 'maint'
+  logger.debug('getting message to set server to maint')
+  res.sendStatus(204)
+})
+
+const port = Settings.internal.clsi.port
+const host = Settings.internal.clsi.host
+
+const loadTcpPort = Settings.internal.load_balancer_agent.load_port
+const loadHttpPort = Settings.internal.load_balancer_agent.local_port
+
+if (!module.parent) {
+  // Called directly
+
+  // handle uncaught exceptions when running in production
+  if (Settings.catchErrors) {
+    process.removeAllListeners('uncaughtException')
+    process.on('uncaughtException', error =>
+      logger.error({ err: error }, 'uncaughtException')
+    )
+  }
+
+  app.listen(port, host, error => {
+    if (error) {
+      logger.fatal({ error }, `Error starting CLSI on ${host}:${port}`)
+    } else {
+      logger.debug(`CLSI starting up, listening on ${host}:${port}`)
+    }
+  })
+
+  loadTcpServer.listen(loadTcpPort, host, function (error) {
+    if (error != null) {
+      throw error
+    }
+    logger.debug(`Load tcp agent listening on load port ${loadTcpPort}`)
+  })
+
+  loadHttpServer.listen(loadHttpPort, host, function (error) {
+    if (error != null) {
+      throw error
+    }
+    logger.debug(`Load http agent listening on load port ${loadHttpPort}`)
+  })
+}
+
+module.exports = app
diff --git a/services/clsi/app/js/CLSICacheHandler.js b/services/clsi/app/js/CLSICacheHandler.js
new file mode 100644
index 0000000..de6f512
--- /dev/null
+++ b/services/clsi/app/js/CLSICacheHandler.js
@@ -0,0 +1,276 @@
+const crypto = require('node:crypto')
+const fs = require('node:fs')
+const Path = require('node:path')
+const { pipeline } = require('node:stream/promises')
+const { createGzip, createGunzip } = require('node:zlib')
+const tarFs = require('tar-fs')
+const _ = require('lodash')
+const {
+  fetchNothing,
+  fetchStream,
+  RequestFailedError,
+} = require('@overleaf/fetch-utils')
+const logger = require('@overleaf/logger')
+const Metrics = require('@overleaf/metrics')
+const Settings = require('@overleaf/settings')
+const { CACHE_SUBDIR } = require('./OutputCacheManager')
+const { isExtraneousFile } = require('./ResourceWriter')
+
+const TIMING_BUCKETS = [
+  0, 10, 100, 1000, 2000, 5000, 10000, 15000, 20000, 30000,
+]
+const MAX_ENTRIES_IN_OUTPUT_TAR = 100
+
+/**
+ * @param {string} projectId
+ * @param {string} userId
+ * @param {string} buildId
+ * @param {string} editorId
+ * @param {[{path: string}]} outputFiles
+ * @param {string} compileGroup
+ * @param {Record<string, any>} options
+ */
+function notifyCLSICacheAboutBuild({
+  projectId,
+  userId,
+  buildId,
+  editorId,
+  outputFiles,
+  compileGroup,
+  options,
+}) {
+  if (!Settings.apis.clsiCache.enabled) return
+
+  /**
+   * @param {[{path: string}]} files
+   */
+  const enqueue = files => {
+    Metrics.count('clsi_cache_enqueue_files', files.length)
+    fetchNothing(`${Settings.apis.clsiCache.url}/enqueue`, {
+      method: 'POST',
+      json: {
+        projectId,
+        userId,
+        buildId,
+        editorId,
+        files,
+        downloadHost: Settings.apis.clsi.downloadHost,
+        clsiServerId: Settings.apis.clsi.clsiServerId,
+        compileGroup,
+        options,
+      },
+      signal: AbortSignal.timeout(15_000),
+    }).catch(err => {
+      logger.warn(
+        { err, projectId, userId, buildId },
+        'enqueue for clsi cache failed'
+      )
+    })
+  }
+
+  // PDF preview
+  enqueue(
+    outputFiles
+      .filter(
+        f =>
+          f.path === 'output.pdf' ||
+          f.path === 'output.log' ||
+          f.path === 'output.synctex.gz' ||
+          f.path.endsWith('.blg')
+      )
+      .map(f => {
+        if (f.path === 'output.pdf') {
+          return _.pick(f, 'path', 'size', 'contentId', 'ranges')
+        }
+        return _.pick(f, 'path')
+      })
+  )
+
+  // Compile Cache
+  buildTarball({ projectId, userId, buildId, outputFiles })
+    .then(() => {
+      enqueue([{ path: 'output.tar.gz' }])
+    })
+    .catch(err => {
+      logger.warn(
+        { err, projectId, userId, buildId },
+        'build output.tar.gz for clsi cache failed'
+      )
+    })
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} userId
+ * @param {string} buildId
+ * @param {[{path: string}]} outputFiles
+ * @return {Promise<void>}
+ */
+async function buildTarball({ projectId, userId, buildId, outputFiles }) {
+  const timer = new Metrics.Timer('clsi_cache_build', 1, {}, TIMING_BUCKETS)
+  const outputDir = Path.join(
+    Settings.path.outputDir,
+    userId ? `${projectId}-${userId}` : projectId,
+    CACHE_SUBDIR,
+    buildId
+  )
+
+  const files = outputFiles.filter(f => !isExtraneousFile(f.path))
+  if (files.length > MAX_ENTRIES_IN_OUTPUT_TAR) {
+    Metrics.inc('clsi_cache_build_too_many_entries')
+    throw new Error('too many output files for output.tar.gz')
+  }
+  Metrics.count('clsi_cache_build_files', files.length)
+
+  const path = Path.join(outputDir, 'output.tar.gz')
+  try {
+    await pipeline(
+      tarFs.pack(outputDir, { entries: files.map(f => f.path) }),
+      createGzip(),
+      fs.createWriteStream(path)
+    )
+  } catch (err) {
+    try {
+      await fs.promises.unlink(path)
+    } catch (e) {}
+    throw err
+  } finally {
+    timer.done()
+  }
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} userId
+ * @param {string} editorId
+ * @param {string} buildId
+ * @param {string} outputDir
+ * @return {Promise<boolean>}
+ */
+async function downloadOutputDotSynctexFromCompileCache(
+  projectId,
+  userId,
+  editorId,
+  buildId,
+  outputDir
+) {
+  if (!Settings.apis.clsiCache.enabled) return false
+
+  const timer = new Metrics.Timer(
+    'clsi_cache_download',
+    1,
+    { method: 'synctex' },
+    TIMING_BUCKETS
+  )
+  let stream
+  try {
+    stream = await fetchStream(
+      `${Settings.apis.clsiCache.url}/project/${projectId}/${
+        userId ? `user/${userId}/` : ''
+      }build/${editorId}-${buildId}/search/output/output.synctex.gz`,
+      {
+        method: 'GET',
+        signal: AbortSignal.timeout(10_000),
+      }
+    )
+  } catch (err) {
+    if (err instanceof RequestFailedError && err.response.status === 404) {
+      timer.done({ status: 'not-found' })
+      return false
+    }
+    timer.done({ status: 'error' })
+    throw err
+  }
+  await fs.promises.mkdir(outputDir, { recursive: true })
+  const dst = Path.join(outputDir, 'output.synctex.gz')
+  const tmp = dst + crypto.randomUUID()
+  try {
+    await pipeline(stream, fs.createWriteStream(tmp))
+    await fs.promises.rename(tmp, dst)
+  } catch (err) {
+    try {
+      await fs.promises.unlink(tmp)
+    } catch {}
+    throw err
+  }
+  timer.done({ status: 'success' })
+  return true
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} userId
+ * @param {string} compileDir
+ * @return {Promise<boolean>}
+ */
+async function downloadLatestCompileCache(projectId, userId, compileDir) {
+  if (!Settings.apis.clsiCache.enabled) return false
+
+  const url = `${Settings.apis.clsiCache.url}/project/${projectId}/${
+    userId ? `user/${userId}/` : ''
+  }latest/output/output.tar.gz`
+  const timer = new Metrics.Timer(
+    'clsi_cache_download',
+    1,
+    { method: 'tar' },
+    TIMING_BUCKETS
+  )
+  let stream
+  try {
+    stream = await fetchStream(url, {
+      method: 'GET',
+      signal: AbortSignal.timeout(10_000),
+    })
+  } catch (err) {
+    if (err instanceof RequestFailedError && err.response.status === 404) {
+      timer.done({ status: 'not-found' })
+      return false
+    }
+    timer.done({ status: 'error' })
+    throw err
+  }
+  let n = 0
+  let abort = false
+  await pipeline(
+    stream,
+    createGunzip(),
+    tarFs.extract(compileDir, {
+      // use ignore hook for counting entries (files+folders) and validation.
+      // Include folders as they incur mkdir calls.
+      ignore(_, header) {
+        if (abort) return true // log once
+        n++
+        if (n > MAX_ENTRIES_IN_OUTPUT_TAR) {
+          abort = true
+          logger.warn(
+            {
+              url,
+              compileDir,
+            },
+            'too many entries in tar-ball from clsi-cache'
+          )
+        } else if (header.type !== 'file' && header.type !== 'directory') {
+          abort = true
+          logger.warn(
+            {
+              url,
+              compileDir,
+              entryType: header.type,
+            },
+            'unexpected entry in tar-ball from clsi-cache'
+          )
+        }
+        return abort
+      },
+    })
+  )
+  Metrics.count('clsi_cache_download_entries', n)
+  timer.done({ status: 'success' })
+  return !abort
+}
+
+module.exports = {
+  notifyCLSICacheAboutBuild,
+  downloadLatestCompileCache,
+  downloadOutputDotSynctexFromCompileCache,
+}
diff --git a/services/clsi/app/js/CommandRunner.js b/services/clsi/app/js/CommandRunner.js
new file mode 100644
index 0000000..61d58dd
--- /dev/null
+++ b/services/clsi/app/js/CommandRunner.js
@@ -0,0 +1,20 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+/*
+ * decaffeinate suggestions:
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let commandRunnerPath
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+
+if ((Settings.clsi != null ? Settings.clsi.dockerRunner : undefined) === true) {
+  commandRunnerPath = './DockerRunner'
+} else {
+  commandRunnerPath = './LocalCommandRunner'
+}
+logger.debug({ commandRunnerPath }, 'selecting command runner for clsi')
+const CommandRunner = require(commandRunnerPath)
+
+module.exports = CommandRunner
diff --git a/services/clsi/app/js/CompileController.js b/services/clsi/app/js/CompileController.js
new file mode 100644
index 0000000..87a7db6
--- /dev/null
+++ b/services/clsi/app/js/CompileController.js
@@ -0,0 +1,276 @@
+const Path = require('node:path')
+const RequestParser = require('./RequestParser')
+const CompileManager = require('./CompileManager')
+const Settings = require('@overleaf/settings')
+const Metrics = require('./Metrics')
+const ProjectPersistenceManager = require('./ProjectPersistenceManager')
+const logger = require('@overleaf/logger')
+const Errors = require('./Errors')
+const { notifyCLSICacheAboutBuild } = require('./CLSICacheHandler')
+
+let lastSuccessfulCompileTimestamp = 0
+
+function timeSinceLastSuccessfulCompile() {
+  return Date.now() - lastSuccessfulCompileTimestamp
+}
+
+function compile(req, res, next) {
+  const timer = new Metrics.Timer('compile-request')
+  RequestParser.parse(req.body, function (error, request) {
+    if (error) {
+      return next(error)
+    }
+    timer.opts = request.metricsOpts
+    request.project_id = req.params.project_id
+    if (req.params.user_id != null) {
+      request.user_id = req.params.user_id
+    }
+    ProjectPersistenceManager.markProjectAsJustAccessed(
+      request.project_id,
+      function (error) {
+        if (error) {
+          return next(error)
+        }
+        const stats = {}
+        const timings = {}
+        CompileManager.doCompileWithLock(
+          request,
+          stats,
+          timings,
+          (error, result) => {
+            let { buildId, outputFiles } = result || {}
+            let code, status
+            if (outputFiles == null) {
+              outputFiles = []
+            }
+            if (error instanceof Errors.AlreadyCompilingError) {
+              code = 423 // Http 423 Locked
+              status = 'compile-in-progress'
+            } else if (error instanceof Errors.FilesOutOfSyncError) {
+              code = 409 // Http 409 Conflict
+              status = 'retry'
+              logger.warn(
+                {
+                  projectId: request.project_id,
+                  userId: request.user_id,
+                },
+                'files out of sync, please retry'
+              )
+            } else if (
+              error?.code === 'EPIPE' ||
+              error instanceof Errors.TooManyCompileRequestsError
+            ) {
+              // docker returns EPIPE when shutting down
+              code = 503 // send 503 Unavailable response
+              status = 'unavailable'
+            } else if (error?.terminated) {
+              status = 'terminated'
+            } else if (error?.validate) {
+              status = `validation-${error.validate}`
+            } else if (error?.timedout) {
+              status = 'timedout'
+              logger.debug(
+                { err: error, projectId: request.project_id },
+                'timeout running compile'
+              )
+            } else if (error) {
+              status = 'error'
+              code = 500
+              logger.error(
+                { err: error, projectId: request.project_id },
+                'error running compile'
+              )
+            } else {
+              if (
+                outputFiles.some(
+                  file => file.path === 'output.pdf' && file.size > 0
+                )
+              ) {
+                status = 'success'
+                lastSuccessfulCompileTimestamp = Date.now()
+              } else if (request.stopOnFirstError) {
+                status = 'stopped-on-first-error'
+              } else {
+                status = 'failure'
+                logger.warn(
+                  { projectId: request.project_id, outputFiles },
+                  'project failed to compile successfully, no output.pdf generated'
+                )
+              }
+
+              // log an error if any core files are found
+              if (outputFiles.some(file => file.path === 'core')) {
+                logger.error(
+                  { projectId: request.project_id, req, outputFiles },
+                  'core file found in output'
+                )
+              }
+            }
+
+            if (error) {
+              outputFiles = error.outputFiles || []
+              buildId = error.buildId
+            }
+
+            if (
+              status === 'success' &&
+              request.editorId &&
+              request.populateClsiCache
+            ) {
+              notifyCLSICacheAboutBuild({
+                projectId: request.project_id,
+                userId: request.user_id,
+                buildId: outputFiles[0].build,
+                editorId: request.editorId,
+                outputFiles,
+                compileGroup: request.compileGroup,
+                options: {
+                  compiler: request.compiler,
+                  draft: request.draft,
+                  imageName: request.imageName
+                    ? Path.basename(request.imageName)
+                    : undefined,
+                  rootResourcePath: request.rootResourcePath,
+                  stopOnFirstError: request.stopOnFirstError,
+                },
+              })
+            }
+
+            timer.done()
+            res.status(code || 200).send({
+              compile: {
+                status,
+                error: error?.message || error,
+                stats,
+                timings,
+                buildId,
+                outputUrlPrefix: Settings.apis.clsi.outputUrlPrefix,
+                outputFiles: outputFiles.map(file => ({
+                  url:
+                    `${Settings.apis.clsi.url}/project/${request.project_id}` +
+                    (request.user_id != null
+                      ? `/user/${request.user_id}`
+                      : '') +
+                    `/build/${file.build}/output/${file.path}`,
+                  ...file,
+                })),
+              },
+            })
+          }
+        )
+      }
+    )
+  })
+}
+
+function stopCompile(req, res, next) {
+  const { project_id: projectId, user_id: userId } = req.params
+  CompileManager.stopCompile(projectId, userId, function (error) {
+    if (error) {
+      return next(error)
+    }
+    res.sendStatus(204)
+  })
+}
+
+function clearCache(req, res, next) {
+  ProjectPersistenceManager.clearProject(
+    req.params.project_id,
+    req.params.user_id,
+    function (error) {
+      if (error) {
+        return next(error)
+      }
+      // No content
+      res.sendStatus(204)
+    }
+  )
+}
+
+function syncFromCode(req, res, next) {
+  const { file, editorId, buildId, compileFromClsiCache } = req.query
+  const line = parseInt(req.query.line, 10)
+  const column = parseInt(req.query.column, 10)
+  const { imageName } = req.query
+  const projectId = req.params.project_id
+  const userId = req.params.user_id
+  CompileManager.syncFromCode(
+    projectId,
+    userId,
+    file,
+    line,
+    column,
+    { imageName, editorId, buildId, compileFromClsiCache },
+    function (error, pdfPositions) {
+      if (error) {
+        return next(error)
+      }
+      res.json({
+        pdf: pdfPositions,
+      })
+    }
+  )
+}
+
+function syncFromPdf(req, res, next) {
+  const page = parseInt(req.query.page, 10)
+  const h = parseFloat(req.query.h)
+  const v = parseFloat(req.query.v)
+  const { imageName, editorId, buildId, compileFromClsiCache } = req.query
+  const projectId = req.params.project_id
+  const userId = req.params.user_id
+  CompileManager.syncFromPdf(
+    projectId,
+    userId,
+    page,
+    h,
+    v,
+    { imageName, editorId, buildId, compileFromClsiCache },
+    function (error, codePositions) {
+      if (error) {
+        return next(error)
+      }
+      res.json({
+        code: codePositions,
+      })
+    }
+  )
+}
+
+function wordcount(req, res, next) {
+  const file = req.query.file || 'main.tex'
+  const projectId = req.params.project_id
+  const userId = req.params.user_id
+  const { image } = req.query
+  logger.debug({ image, file, projectId }, 'word count request')
+
+  CompileManager.wordcount(
+    projectId,
+    userId,
+    file,
+    image,
+    function (error, result) {
+      if (error) {
+        return next(error)
+      }
+      res.json({
+        texcount: result,
+      })
+    }
+  )
+}
+
+function status(req, res, next) {
+  res.send('OK')
+}
+
+module.exports = {
+  compile,
+  stopCompile,
+  clearCache,
+  syncFromCode,
+  syncFromPdf,
+  wordcount,
+  status,
+  timeSinceLastSuccessfulCompile,
+}
diff --git a/services/clsi/app/js/CompileManager.js b/services/clsi/app/js/CompileManager.js
new file mode 100644
index 0000000..b65fb3c
--- /dev/null
+++ b/services/clsi/app/js/CompileManager.js
@@ -0,0 +1,701 @@
+const fsPromises = require('node:fs/promises')
+const os = require('node:os')
+const Path = require('node:path')
+const { callbackify } = require('node:util')
+
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const OError = require('@overleaf/o-error')
+
+const ResourceWriter = require('./ResourceWriter')
+const LatexRunner = require('./LatexRunner')
+const OutputFileFinder = require('./OutputFileFinder')
+const OutputCacheManager = require('./OutputCacheManager')
+const Metrics = require('./Metrics')
+const DraftModeManager = require('./DraftModeManager')
+const TikzManager = require('./TikzManager')
+const LockManager = require('./LockManager')
+const Errors = require('./Errors')
+const CommandRunner = require('./CommandRunner')
+const { emitPdfStats } = require('./ContentCacheMetrics')
+const SynctexOutputParser = require('./SynctexOutputParser')
+const {
+  downloadLatestCompileCache,
+  downloadOutputDotSynctexFromCompileCache,
+} = require('./CLSICacheHandler')
+
+const COMPILE_TIME_BUCKETS = [
+  // NOTE: These buckets are locked in per metric name.
+  //       If you want to change them, you will need to rename metrics.
+  0, 1, 2, 3, 4, 6, 8, 11, 15, 22, 31, 43, 61, 86, 121, 170, 240,
+].map(seconds => seconds * 1000)
+
+function getCompileName(projectId, userId) {
+  if (userId != null) {
+    return `${projectId}-${userId}`
+  } else {
+    return projectId
+  }
+}
+
+function getCompileDir(projectId, userId) {
+  return Path.join(Settings.path.compilesDir, getCompileName(projectId, userId))
+}
+
+function getOutputDir(projectId, userId) {
+  return Path.join(Settings.path.outputDir, getCompileName(projectId, userId))
+}
+
+async function doCompileWithLock(request, stats, timings) {
+  const compileDir = getCompileDir(request.project_id, request.user_id)
+  request.isInitialCompile =
+    (await fsPromises.mkdir(compileDir, { recursive: true })) === compileDir
+  // prevent simultaneous compiles
+  const lock = LockManager.acquire(compileDir)
+  try {
+    return await doCompile(request, stats, timings)
+  } finally {
+    lock.release()
+  }
+}
+
+async function doCompile(request, stats, timings) {
+  const { project_id: projectId, user_id: userId } = request
+  const compileDir = getCompileDir(request.project_id, request.user_id)
+
+  const timerE2E = new Metrics.Timer(
+    'compile-e2e-v2',
+    1,
+    request.metricsOpts,
+    COMPILE_TIME_BUCKETS
+  )
+  if (request.isInitialCompile) {
+    stats.isInitialCompile = 1
+    request.metricsOpts.compile = 'initial'
+    if (request.compileFromClsiCache) {
+      try {
+        if (await downloadLatestCompileCache(projectId, userId, compileDir)) {
+          stats.restoredClsiCache = 1
+          request.metricsOpts.compile = 'from-clsi-cache'
+        }
+      } catch (err) {
+        logger.warn(
+          { err, projectId, userId },
+          'failed to populate compile dir from cache'
+        )
+      }
+    }
+  } else {
+    request.metricsOpts.compile = 'recompile'
+  }
+  const writeToDiskTimer = new Metrics.Timer(
+    'write-to-disk',
+    1,
+    request.metricsOpts
+  )
+  logger.debug(
+    { projectId: request.project_id, userId: request.user_id },
+    'syncing resources to disk'
+  )
+
+  let resourceList
+  try {
+    // NOTE: resourceList is insecure, it should only be used to exclude files from the output list
+    resourceList = await ResourceWriter.promises.syncResourcesToDisk(
+      request,
+      compileDir
+    )
+  } catch (error) {
+    if (error instanceof Errors.FilesOutOfSyncError) {
+      OError.tag(error, 'files out of sync, please retry', {
+        projectId: request.project_id,
+        userId: request.user_id,
+      })
+    } else {
+      OError.tag(error, 'error writing resources to disk', {
+        projectId: request.project_id,
+        userId: request.user_id,
+      })
+    }
+    throw error
+  }
+  logger.debug(
+    {
+      projectId: request.project_id,
+      userId: request.user_id,
+      timeTaken: Date.now() - writeToDiskTimer.start,
+    },
+    'written files to disk'
+  )
+  timings.sync = writeToDiskTimer.done()
+
+  // set up environment variables for chktex
+  const env = {
+    OVERLEAF_PROJECT_ID: request.project_id,
+  }
+  if (Settings.texliveOpenoutAny && Settings.texliveOpenoutAny !== '') {
+    // override default texlive openout_any environment variable
+    env.openout_any = Settings.texliveOpenoutAny
+  }
+  if (Settings.texliveMaxPrintLine && Settings.texliveMaxPrintLine !== '') {
+    // override default texlive max_print_line environment variable
+    env.max_print_line = Settings.texliveMaxPrintLine
+  }
+  // only run chktex on LaTeX files (not knitr .Rtex files or any others)
+  const isLaTeXFile = request.rootResourcePath?.match(/\.tex$/i)
+  if (request.check != null && isLaTeXFile) {
+    env.CHKTEX_OPTIONS = '-nall -e9 -e10 -w15 -w16'
+    env.CHKTEX_ULIMIT_OPTIONS = '-t 5 -v 64000'
+    if (request.check === 'error') {
+      env.CHKTEX_EXIT_ON_ERROR = 1
+    }
+    if (request.check === 'validate') {
+      env.CHKTEX_VALIDATE = 1
+    }
+  }
+
+  // apply a series of file modifications/creations for draft mode and tikz
+  if (request.draft) {
+    await DraftModeManager.promises.injectDraftMode(
+      Path.join(compileDir, request.rootResourcePath)
+    )
+  }
+
+  const needsMainFile = await TikzManager.promises.checkMainFile(
+    compileDir,
+    request.rootResourcePath,
+    resourceList
+  )
+  if (needsMainFile) {
+    await TikzManager.promises.injectOutputFile(
+      compileDir,
+      request.rootResourcePath
+    )
+  }
+
+  const compileTimer = new Metrics.Timer('run-compile', 1, request.metricsOpts)
+  // find the image tag to log it as a metric, e.g. 2015.1 (convert . to - for graphite)
+  let tag = 'default'
+  if (request.imageName != null) {
+    const match = request.imageName.match(/:(.*)/)
+    if (match != null) {
+      tag = match[1].replace(/\./g, '-')
+    }
+  }
+  // exclude smoke test
+  if (!request.project_id.match(/^[0-9a-f]{24}$/)) {
+    tag = 'other'
+  }
+  Metrics.inc('compiles', 1, request.metricsOpts)
+  Metrics.inc(`compiles-with-image.${tag}`, 1, request.metricsOpts)
+  const compileName = getCompileName(request.project_id, request.user_id)
+
+  try {
+    await LatexRunner.promises.runLatex(compileName, {
+      directory: compileDir,
+      mainFile: request.rootResourcePath,
+      compiler: request.compiler,
+      timeout: request.timeout,
+      image: request.imageName,
+      flags: request.flags,
+      environment: env,
+      compileGroup: request.compileGroup,
+      stopOnFirstError: request.stopOnFirstError,
+      stats,
+      timings,
+    })
+
+    // We use errors to return the validation state. It would be nice to use a
+    // more appropriate mechanism.
+    if (request.check === 'validate') {
+      const validationError = new Error('validation')
+      validationError.validate = 'pass'
+      throw validationError
+    }
+  } catch (originalError) {
+    let error = originalError
+    // request was for validation only
+    if (request.check === 'validate' && !error.validate) {
+      error = new Error('validation')
+      error.validate = originalError.code ? 'fail' : 'pass'
+    }
+
+    // request was for compile, and failed on validation
+    if (request.check === 'error' && originalError.message === 'exited') {
+      error = new Error('compilation')
+      error.validate = 'fail'
+    }
+
+    // record timeout errors as a separate counter, success is recorded later
+    if (error.timedout) {
+      Metrics.inc('compiles-timeout', 1, request.metricsOpts)
+    }
+
+    const { outputFiles, allEntries, buildId } = await _saveOutputFiles({
+      request,
+      compileDir,
+      resourceList,
+      stats,
+      timings,
+    })
+    error.outputFiles = outputFiles // return output files so user can check logs
+    error.buildId = buildId
+    // Clear project if this compile was abruptly terminated
+    if (error.terminated || error.timedout) {
+      await clearProjectWithListing(
+        request.project_id,
+        request.user_id,
+        allEntries
+      )
+    }
+
+    throw error
+  }
+
+  // compile completed normally
+  Metrics.inc('compiles-succeeded', 1, request.metricsOpts)
+  for (const metricKey in stats) {
+    const metricValue = stats[metricKey]
+    Metrics.count(metricKey, metricValue, 1, request.metricsOpts)
+  }
+  for (const metricKey in timings) {
+    const metricValue = timings[metricKey]
+    Metrics.timing(metricKey, metricValue, 1, request.metricsOpts)
+  }
+  const loadavg = typeof os.loadavg === 'function' ? os.loadavg() : undefined
+  if (loadavg != null) {
+    Metrics.gauge('load-avg', loadavg[0])
+  }
+  const ts = compileTimer.done()
+  logger.debug(
+    {
+      projectId: request.project_id,
+      userId: request.user_id,
+      timeTaken: ts,
+      stats,
+      timings,
+      loadavg,
+    },
+    'done compile'
+  )
+  if (stats['latex-runs'] > 0) {
+    Metrics.histogram(
+      'avg-compile-per-pass-v2',
+      ts / stats['latex-runs'],
+      COMPILE_TIME_BUCKETS,
+      request.metricsOpts
+    )
+    Metrics.timing(
+      'avg-compile-per-pass-v2',
+      ts / stats['latex-runs'],
+      1,
+      request.metricsOpts
+    )
+  }
+  if (stats['latex-runs'] > 0 && timings['cpu-time'] > 0) {
+    Metrics.timing(
+      'run-compile-cpu-time-per-pass',
+      timings['cpu-time'] / stats['latex-runs'],
+      1,
+      request.metricsOpts
+    )
+  }
+  // Emit compile time.
+  timings.compile = ts
+
+  const { outputFiles, buildId } = await _saveOutputFiles({
+    request,
+    compileDir,
+    resourceList,
+    stats,
+    timings,
+  })
+
+  // Emit e2e compile time.
+  timings.compileE2E = timerE2E.done()
+  Metrics.timing('compile-e2e-v2', timings.compileE2E, 1, request.metricsOpts)
+
+  if (stats['pdf-size']) {
+    emitPdfStats(stats, timings, request)
+  }
+
+  return { outputFiles, buildId }
+}
+
+async function _saveOutputFiles({
+  request,
+  compileDir,
+  resourceList,
+  stats,
+  timings,
+}) {
+  const timer = new Metrics.Timer(
+    'process-output-files',
+    1,
+    request.metricsOpts
+  )
+  const outputDir = getOutputDir(request.project_id, request.user_id)
+
+  const { outputFiles: rawOutputFiles, allEntries } =
+    await OutputFileFinder.promises.findOutputFiles(resourceList, compileDir)
+
+  const { buildId, outputFiles } =
+    await OutputCacheManager.promises.saveOutputFiles(
+      { request, stats, timings },
+      rawOutputFiles,
+      compileDir,
+      outputDir
+    )
+
+  timings.output = timer.done()
+  return { outputFiles, allEntries, buildId }
+}
+
+async function stopCompile(projectId, userId) {
+  const compileName = getCompileName(projectId, userId)
+  await LatexRunner.promises.killLatex(compileName)
+}
+
+async function clearProject(projectId, userId) {
+  const compileDir = getCompileDir(projectId, userId)
+  await fsPromises.rm(compileDir, { force: true, recursive: true })
+}
+
+async function clearProjectWithListing(projectId, userId, allEntries) {
+  const compileDir = getCompileDir(projectId, userId)
+
+  const exists = await _checkDirectory(compileDir)
+  if (!exists) {
+    // skip removal if no directory present
+    return
+  }
+
+  for (const pathInProject of allEntries) {
+    const path = Path.join(compileDir, pathInProject)
+    if (path.endsWith('/')) {
+      await fsPromises.rmdir(path)
+    } else {
+      await fsPromises.unlink(path)
+    }
+  }
+  await fsPromises.rmdir(compileDir)
+}
+
+async function _findAllDirs() {
+  const root = Settings.path.compilesDir
+  const files = await fsPromises.readdir(root)
+  const allDirs = files.map(file => Path.join(root, file))
+  return allDirs
+}
+
+async function clearExpiredProjects(maxCacheAgeMs) {
+  const now = Date.now()
+  const dirs = await _findAllDirs()
+  for (const dir of dirs) {
+    let stats
+    try {
+      stats = await fsPromises.stat(dir)
+    } catch (err) {
+      // ignore errors checking directory
+      continue
+    }
+
+    const age = now - stats.mtime
+    const hasExpired = age > maxCacheAgeMs
+    if (hasExpired) {
+      await fsPromises.rm(dir, { force: true, recursive: true })
+    }
+  }
+}
+
+async function _checkDirectory(compileDir) {
+  let stats
+  try {
+    stats = await fsPromises.lstat(compileDir)
+  } catch (err) {
+    if (err.code === 'ENOENT') {
+      //  directory does not exist
+      return false
+    }
+    OError.tag(err, 'error on stat of project directory for removal', {
+      dir: compileDir,
+    })
+    throw err
+  }
+  if (!stats.isDirectory()) {
+    throw new OError('project directory is not directory', {
+      dir: compileDir,
+      stats,
+    })
+  }
+  return true
+}
+
+async function syncFromCode(projectId, userId, filename, line, column, opts) {
+  // If LaTeX was run in a virtual environment, the file path that synctex expects
+  // might not match the file path on the host. The .synctex.gz file however, will be accessed
+  // wherever it is on the host.
+  const compileName = getCompileName(projectId, userId)
+  const baseDir = Settings.path.synctexBaseDir(compileName)
+  const inputFilePath = Path.join(baseDir, filename)
+  const outputFilePath = Path.join(baseDir, 'output.pdf')
+  const command = [
+    'synctex',
+    'view',
+    '-i',
+    `${line}:${column}:${inputFilePath}`,
+    '-o',
+    outputFilePath,
+  ]
+  const stdout = await _runSynctex(projectId, userId, command, opts)
+  logger.debug(
+    { projectId, userId, filename, line, column, command, stdout },
+    'synctex code output'
+  )
+  return SynctexOutputParser.parseViewOutput(stdout)
+}
+
+async function syncFromPdf(projectId, userId, page, h, v, opts) {
+  const compileName = getCompileName(projectId, userId)
+  const baseDir = Settings.path.synctexBaseDir(compileName)
+  const outputFilePath = `${baseDir}/output.pdf`
+  const command = [
+    'synctex',
+    'edit',
+    '-o',
+    `${page}:${h}:${v}:${outputFilePath}`,
+  ]
+  const stdout = await _runSynctex(projectId, userId, command, opts)
+  logger.debug({ projectId, userId, page, h, v, stdout }, 'synctex pdf output')
+  return SynctexOutputParser.parseEditOutput(stdout, baseDir)
+}
+
+async function _checkFileExists(dir, filename) {
+  try {
+    await fsPromises.stat(dir)
+  } catch (error) {
+    if (error.code === 'ENOENT') {
+      throw new Errors.NotFoundError('no output directory')
+    }
+    throw error
+  }
+
+  const file = Path.join(dir, filename)
+  let stats
+  try {
+    stats = await fsPromises.stat(file)
+  } catch (error) {
+    if (error.code === 'ENOENT') {
+      throw new Errors.NotFoundError('no output file')
+    }
+  }
+  if (!stats.isFile()) {
+    throw new Error('not a file')
+  }
+}
+
+async function _runSynctex(projectId, userId, command, opts) {
+  const { imageName, editorId, buildId, compileFromClsiCache } = opts
+
+  if (imageName && !_isImageNameAllowed(imageName)) {
+    throw new Errors.InvalidParameter('invalid image')
+  }
+  if (editorId && !/^[a-f0-9-]+$/.test(editorId)) {
+    throw new Errors.InvalidParameter('invalid editorId')
+  }
+  if (buildId && !OutputCacheManager.BUILD_REGEX.test(buildId)) {
+    throw new Errors.InvalidParameter('invalid buildId')
+  }
+
+  const outputDir = getOutputDir(projectId, userId)
+  const runInOutputDir = buildId && CommandRunner.canRunSyncTeXInOutputDir()
+
+  const directory = runInOutputDir
+    ? Path.join(outputDir, OutputCacheManager.CACHE_SUBDIR, buildId)
+    : getCompileDir(projectId, userId)
+  const timeout = 60 * 1000 // increased to allow for large projects
+  const compileName = getCompileName(projectId, userId)
+  const compileGroup = runInOutputDir ? 'synctex-output' : 'synctex'
+  const defaultImageName =
+    Settings.clsi && Settings.clsi.docker && Settings.clsi.docker.image
+  // eslint-disable-next-line @typescript-eslint/return-await
+  return await OutputCacheManager.promises.queueDirOperation(
+    outputDir,
+    /**
+     * @return {Promise<string>}
+     */
+    async () => {
+      try {
+        await _checkFileExists(directory, 'output.synctex.gz')
+      } catch (err) {
+        if (
+          err instanceof Errors.NotFoundError &&
+          compileFromClsiCache &&
+          editorId &&
+          buildId
+        ) {
+          try {
+            await downloadOutputDotSynctexFromCompileCache(
+              projectId,
+              userId,
+              editorId,
+              buildId,
+              directory
+            )
+          } catch (err) {
+            logger.warn(
+              { err, projectId, userId, editorId, buildId },
+              'failed to download output.synctex.gz from clsi-cache'
+            )
+          }
+          await _checkFileExists(directory, 'output.synctex.gz')
+        } else {
+          throw err
+        }
+      }
+      try {
+        const output = await CommandRunner.promises.run(
+          compileName,
+          command,
+          directory,
+          imageName || defaultImageName,
+          timeout,
+          {},
+          compileGroup
+        )
+        return output.stdout
+      } catch (error) {
+        throw OError.tag(error, 'error running synctex', {
+          command,
+          projectId,
+          userId,
+        })
+      }
+    }
+  )
+}
+
+async function wordcount(projectId, userId, filename, image) {
+  logger.debug({ projectId, userId, filename, image }, 'running wordcount')
+  const filePath = `$COMPILE_DIR/${filename}`
+  const command = ['texcount', '-nocol', '-inc', filePath]
+  const compileDir = getCompileDir(projectId, userId)
+  const timeout = 60 * 1000
+  const compileName = getCompileName(projectId, userId)
+  const compileGroup = 'wordcount'
+
+  if (image && !_isImageNameAllowed(image)) {
+    throw new Errors.InvalidParameter('invalid image')
+  }
+
+  try {
+    await fsPromises.mkdir(compileDir, { recursive: true })
+  } catch (err) {
+    throw OError.tag(err, 'error ensuring dir for wordcount', {
+      projectId,
+      userId,
+      filename,
+    })
+  }
+
+  try {
+    const { stdout } = await CommandRunner.promises.run(
+      compileName,
+      command,
+      compileDir,
+      image,
+      timeout,
+      {},
+      compileGroup
+    )
+    const results = _parseWordcountFromOutput(stdout)
+    logger.debug(
+      { projectId, userId, wordcount: results },
+      'word count results'
+    )
+    return results
+  } catch (err) {
+    throw OError.tag(err, 'error reading word count output', {
+      command,
+      compileDir,
+      projectId,
+      userId,
+    })
+  }
+}
+
+function _parseWordcountFromOutput(output) {
+  const results = {
+    encode: '',
+    textWords: 0,
+    headWords: 0,
+    outside: 0,
+    headers: 0,
+    elements: 0,
+    mathInline: 0,
+    mathDisplay: 0,
+    errors: 0,
+    messages: '',
+  }
+  for (const line of output.split('\n')) {
+    const [data, info] = line.split(':')
+    if (data.indexOf('Encoding') > -1) {
+      results.encode = info.trim()
+    }
+    if (data.indexOf('in text') > -1) {
+      results.textWords = parseInt(info, 10)
+    }
+    if (data.indexOf('in head') > -1) {
+      results.headWords = parseInt(info, 10)
+    }
+    if (data.indexOf('outside') > -1) {
+      results.outside = parseInt(info, 10)
+    }
+    if (data.indexOf('of head') > -1) {
+      results.headers = parseInt(info, 10)
+    }
+    if (data.indexOf('Number of floats/tables/figures') > -1) {
+      results.elements = parseInt(info, 10)
+    }
+    if (data.indexOf('Number of math inlines') > -1) {
+      results.mathInline = parseInt(info, 10)
+    }
+    if (data.indexOf('Number of math displayed') > -1) {
+      results.mathDisplay = parseInt(info, 10)
+    }
+    if (data === '(errors') {
+      // errors reported as (errors:123)
+      results.errors = parseInt(info, 10)
+    }
+    if (line.indexOf('!!! ') > -1) {
+      // errors logged as !!! message !!!
+      results.messages += line + '\n'
+    }
+  }
+  return results
+}
+
+function _isImageNameAllowed(imageName) {
+  const ALLOWED_IMAGES =
+    Settings.clsi && Settings.clsi.docker && Settings.clsi.docker.allowedImages
+  return !ALLOWED_IMAGES || ALLOWED_IMAGES.includes(imageName)
+}
+
+module.exports = {
+  doCompileWithLock: callbackify(doCompileWithLock),
+  stopCompile: callbackify(stopCompile),
+  clearProject: callbackify(clearProject),
+  clearExpiredProjects: callbackify(clearExpiredProjects),
+  syncFromCode: callbackify(syncFromCode),
+  syncFromPdf: callbackify(syncFromPdf),
+  wordcount: callbackify(wordcount),
+  promises: {
+    doCompileWithLock,
+    stopCompile,
+    clearProject,
+    clearExpiredProjects,
+    syncFromCode,
+    syncFromPdf,
+    wordcount,
+  },
+}
diff --git a/services/clsi/app/js/ContentCacheManager.js b/services/clsi/app/js/ContentCacheManager.js
new file mode 100644
index 0000000..5457c0d
--- /dev/null
+++ b/services/clsi/app/js/ContentCacheManager.js
@@ -0,0 +1,441 @@
+/**
+ * ContentCacheManager - maintains a cache of stream hashes from a PDF file
+ */
+
+const { callbackify } = require('node:util')
+const fs = require('node:fs')
+const crypto = require('node:crypto')
+const Path = require('node:path')
+const Settings = require('@overleaf/settings')
+const OError = require('@overleaf/o-error')
+const pLimit = require('p-limit')
+const { parseXrefTable } = require('./XrefParser')
+const {
+  QueueLimitReachedError,
+  TimedOutError,
+  NoXrefTableError,
+} = require('./Errors')
+const workerpool = require('workerpool')
+const Metrics = require('@overleaf/metrics')
+
+/**
+ * @type {import('workerpool').WorkerPool}
+ */
+let WORKER_POOL
+// NOTE: Check for main thread to avoid recursive start of pool.
+if (Settings.pdfCachingEnableWorkerPool && workerpool.isMainThread) {
+  WORKER_POOL = workerpool.pool(Path.join(__dirname, 'ContentCacheWorker.js'), {
+    // Cap number of worker threads.
+    maxWorkers: Settings.pdfCachingWorkerPoolSize,
+    // Warmup workers.
+    minWorkers: Settings.pdfCachingWorkerPoolSize,
+    // Limit queue back-log
+    maxQueueSize: Settings.pdfCachingWorkerPoolBackLogLimit,
+  })
+  setInterval(() => {
+    const {
+      totalWorkers,
+      busyWorkers,
+      idleWorkers,
+      pendingTasks,
+      activeTasks,
+    } = WORKER_POOL.stats()
+    Metrics.gauge('pdf_caching_total_workers', totalWorkers)
+    Metrics.gauge('pdf_caching_busy_workers', busyWorkers)
+    Metrics.gauge('pdf_caching_idle_workers', idleWorkers)
+    Metrics.gauge('pdf_caching_pending_tasks', pendingTasks)
+    Metrics.gauge('pdf_caching_active_tasks', activeTasks)
+  }, 15 * 1000)
+}
+
+/**
+ *
+ * @param {String} contentDir path to directory where content hash files are cached
+ * @param {String} filePath the pdf file to scan for streams
+ * @param {number} pdfSize the pdf size
+ * @param {number} pdfCachingMinChunkSize per request threshold
+ * @param {number} compileTime
+ */
+async function update({
+  contentDir,
+  filePath,
+  pdfSize,
+  pdfCachingMinChunkSize,
+  compileTime,
+}) {
+  if (pdfSize < pdfCachingMinChunkSize) {
+    return {
+      contentRanges: [],
+      newContentRanges: [],
+      reclaimedSpace: 0,
+      startXRefTable: undefined,
+    }
+  }
+  if (Settings.pdfCachingEnableWorkerPool) {
+    return await updateOtherEventLoop({
+      contentDir,
+      filePath,
+      pdfSize,
+      pdfCachingMinChunkSize,
+      compileTime,
+    })
+  } else {
+    return await updateSameEventLoop({
+      contentDir,
+      filePath,
+      pdfSize,
+      pdfCachingMinChunkSize,
+      compileTime,
+    })
+  }
+}
+
+/**
+ *
+ * @param {String} contentDir path to directory where content hash files are cached
+ * @param {String} filePath the pdf file to scan for streams
+ * @param {number} pdfSize the pdf size
+ * @param {number} pdfCachingMinChunkSize per request threshold
+ * @param {number} compileTime
+ */
+async function updateOtherEventLoop({
+  contentDir,
+  filePath,
+  pdfSize,
+  pdfCachingMinChunkSize,
+  compileTime,
+}) {
+  const workerLatencyInMs = 100
+  // Prefer getting the timeout error from the worker vs timing out the worker.
+  const timeout = getMaxOverhead(compileTime) + workerLatencyInMs
+  try {
+    return await WORKER_POOL.exec('updateSameEventLoop', [
+      {
+        contentDir,
+        filePath,
+        pdfSize,
+        pdfCachingMinChunkSize,
+        compileTime,
+      },
+    ]).timeout(timeout)
+  } catch (e) {
+    if (e instanceof workerpool.Promise.TimeoutError) {
+      throw new TimedOutError('context-lost-in-worker', { timeout })
+    }
+    if (e.message?.includes?.('Max queue size of ')) {
+      throw new QueueLimitReachedError()
+    }
+    if (e.message?.includes?.('xref')) {
+      throw new NoXrefTableError(e.message)
+    }
+    throw e
+  }
+}
+
+/**
+ *
+ * @param {String} contentDir path to directory where content hash files are cached
+ * @param {String} filePath the pdf file to scan for streams
+ * @param {number} pdfSize the pdf size
+ * @param {number} pdfCachingMinChunkSize per request threshold
+ * @param {number} compileTime
+ */
+async function updateSameEventLoop({
+  contentDir,
+  filePath,
+  pdfSize,
+  pdfCachingMinChunkSize,
+  compileTime,
+}) {
+  const checkDeadline = getDeadlineChecker(compileTime)
+  // keep track of hashes expire old ones when they reach a generation > N.
+  const tracker = await HashFileTracker.from(contentDir)
+  tracker.updateAge()
+  checkDeadline('after init HashFileTracker')
+
+  const [reclaimedSpace, overheadDeleteStaleHashes] =
+    await tracker.deleteStaleHashes(5)
+  checkDeadline('after delete stale hashes')
+
+  const { xRefEntries, startXRefTable } = await parseXrefTable(
+    filePath,
+    pdfSize
+  )
+
+  xRefEntries.sort((a, b) => {
+    return a.offset - b.offset
+  })
+  xRefEntries.forEach((obj, idx) => {
+    obj.idx = idx
+  })
+
+  checkDeadline('after parsing')
+
+  const uncompressedObjects = []
+  for (const object of xRefEntries) {
+    if (!object.uncompressed) {
+      continue
+    }
+    const nextObject = xRefEntries[object.idx + 1]
+    if (!nextObject) {
+      // Ignore this possible edge case.
+      // The last object should be part of the xRef table.
+      continue
+    } else {
+      object.endOffset = nextObject.offset
+    }
+    const size = object.endOffset - object.offset
+    object.size = size
+    if (size < pdfCachingMinChunkSize) {
+      continue
+    }
+    uncompressedObjects.push({ object, idx: uncompressedObjects.length })
+  }
+
+  checkDeadline('after finding uncompressed')
+
+  let timedOutErr = null
+  const contentRanges = []
+  const newContentRanges = []
+  const handle = await fs.promises.open(filePath)
+  try {
+    for (const { object, idx } of uncompressedObjects) {
+      let buffer = Buffer.alloc(object.size, 0)
+      const { bytesRead } = await handle.read(
+        buffer,
+        0,
+        object.size,
+        object.offset
+      )
+      checkDeadline('after read ' + idx)
+      if (bytesRead !== object.size) {
+        throw new OError('could not read full chunk', {
+          object,
+          bytesRead,
+        })
+      }
+      const idxObj = buffer.indexOf('obj')
+      if (idxObj > 100) {
+        throw new OError('objectId is too large', {
+          object,
+          idxObj,
+        })
+      }
+      const objectIdRaw = buffer.subarray(0, idxObj)
+      buffer = buffer.subarray(objectIdRaw.byteLength)
+
+      const hash = pdfStreamHash(buffer)
+      checkDeadline('after hash ' + idx)
+      const range = {
+        objectId: objectIdRaw.toString(),
+        start: object.offset + objectIdRaw.byteLength,
+        end: object.endOffset,
+        hash,
+      }
+
+      if (tracker.has(range.hash)) {
+        // Optimization: Skip writing of already seen hashes.
+        tracker.track(range)
+        contentRanges.push(range)
+        continue
+      }
+
+      await writePdfStream(contentDir, hash, buffer)
+      tracker.track(range)
+      contentRanges.push(range)
+      newContentRanges.push(range)
+      checkDeadline('after write ' + idx)
+    }
+  } catch (err) {
+    if (err instanceof TimedOutError) {
+      // Let the frontend use ranges that were processed so far.
+      timedOutErr = err
+    } else {
+      throw err
+    }
+  } finally {
+    await handle.close()
+
+    // Flush from both success and failure code path. This allows the next
+    //  cycle to complete faster as it can use the already written ranges.
+    await tracker.flush()
+  }
+  return {
+    contentRanges,
+    newContentRanges,
+    reclaimedSpace,
+    startXRefTable,
+    overheadDeleteStaleHashes,
+    timedOutErr,
+  }
+}
+
+function getStatePath(contentDir) {
+  return Path.join(contentDir, '.state.v0.json')
+}
+
+class HashFileTracker {
+  constructor(contentDir, { hashAge = [], hashSize = [] }) {
+    this.contentDir = contentDir
+    this.hashAge = new Map(hashAge)
+    this.hashSize = new Map(hashSize)
+  }
+
+  static async from(contentDir) {
+    const statePath = getStatePath(contentDir)
+    let state = {}
+    try {
+      const blob = await fs.promises.readFile(statePath)
+      state = JSON.parse(blob)
+    } catch (e) {}
+    return new HashFileTracker(contentDir, state)
+  }
+
+  has(hash) {
+    return this.hashAge.has(hash)
+  }
+
+  track(range) {
+    if (!this.hashSize.has(range.hash)) {
+      this.hashSize.set(range.hash, range.end - range.start)
+    }
+    this.hashAge.set(range.hash, 0)
+  }
+
+  updateAge() {
+    for (const [hash, age] of this.hashAge) {
+      this.hashAge.set(hash, age + 1)
+    }
+    return this
+  }
+
+  findStale(maxAge) {
+    const stale = []
+    for (const [hash, age] of this.hashAge) {
+      if (age > maxAge) {
+        stale.push(hash)
+      }
+    }
+    return stale
+  }
+
+  async flush() {
+    const statePath = getStatePath(this.contentDir)
+    const blob = JSON.stringify({
+      hashAge: Array.from(this.hashAge.entries()),
+      hashSize: Array.from(this.hashSize.entries()),
+    })
+    const atomicWrite = statePath + '~'
+    try {
+      await fs.promises.writeFile(atomicWrite, blob)
+    } catch (err) {
+      try {
+        await fs.promises.unlink(atomicWrite)
+      } catch (e) {}
+      throw err
+    }
+    try {
+      await fs.promises.rename(atomicWrite, statePath)
+    } catch (err) {
+      try {
+        await fs.promises.unlink(atomicWrite)
+      } catch (e) {}
+      throw err
+    }
+  }
+
+  async deleteStaleHashes(n) {
+    const t0 = Date.now()
+    // delete any hash file older than N generations
+    const hashes = this.findStale(n)
+
+    let reclaimedSpace = 0
+    if (hashes.length === 0) {
+      return [reclaimedSpace, Date.now() - t0]
+    }
+
+    await promiseMapWithLimit(10, hashes, async hash => {
+      try {
+        await fs.promises.unlink(Path.join(this.contentDir, hash))
+      } catch (err) {
+        if (err?.code === 'ENOENT') {
+          // Ignore already deleted entries. The previous cleanup cycle may have
+          //  been killed halfway through the deletion process, or before we
+          //  flushed the state to disk.
+        } else {
+          throw err
+        }
+      }
+      this.hashAge.delete(hash)
+      reclaimedSpace += this.hashSize.get(hash)
+      this.hashSize.delete(hash)
+    })
+    return [reclaimedSpace, Date.now() - t0]
+  }
+}
+
+function pdfStreamHash(buffer) {
+  const hash = crypto.createHash('sha256')
+  hash.update(buffer)
+  return hash.digest('hex')
+}
+
+async function writePdfStream(dir, hash, buffer) {
+  const filename = Path.join(dir, hash)
+  const atomicWriteFilename = filename + '~'
+  try {
+    await fs.promises.writeFile(atomicWriteFilename, buffer)
+    await fs.promises.rename(atomicWriteFilename, filename)
+  } catch (err) {
+    try {
+      await fs.promises.unlink(atomicWriteFilename)
+    } catch (_) {
+      throw err
+    }
+  }
+}
+
+function getMaxOverhead(compileTime) {
+  return Math.min(
+    // Adding 10s to a  40s compile time is OK.
+    // Adding  1s to a   3s compile time is OK.
+    Math.max(compileTime / 4, 1000),
+    // Adding 30s to a 120s compile time is not OK, limit to 10s.
+    Settings.pdfCachingMaxProcessingTime
+  )
+}
+
+function getDeadlineChecker(compileTime) {
+  const timeout = getMaxOverhead(compileTime)
+
+  const deadline = Date.now() + timeout
+  let lastStage = { stage: 'start', now: Date.now() }
+  let completedStages = 0
+  return function (stage) {
+    const now = Date.now()
+    if (now > deadline) {
+      throw new TimedOutError(stage, {
+        timeout,
+        completedStages,
+        lastStage: lastStage.stage,
+        diffToLastStage: now - lastStage.now,
+      })
+    }
+    completedStages++
+    lastStage = { stage, now }
+  }
+}
+
+function promiseMapWithLimit(concurrency, array, fn) {
+  const limit = pLimit(concurrency)
+  return Promise.all(array.map(x => limit(() => fn(x))))
+}
+
+module.exports = {
+  HASH_REGEX: /^[0-9a-f]{64}$/,
+  update: callbackify(update),
+  promises: {
+    update,
+    updateSameEventLoop,
+  },
+}
diff --git a/services/clsi/app/js/ContentCacheMetrics.js b/services/clsi/app/js/ContentCacheMetrics.js
new file mode 100644
index 0000000..1e2b598
--- /dev/null
+++ b/services/clsi/app/js/ContentCacheMetrics.js
@@ -0,0 +1,146 @@
+const logger = require('@overleaf/logger')
+const Metrics = require('./Metrics')
+const os = require('node:os')
+
+let CACHED_LOAD = {
+  expires: -1,
+  load: [0, 0, 0],
+}
+function getSystemLoad() {
+  if (CACHED_LOAD.expires < Date.now()) {
+    CACHED_LOAD = {
+      expires: Date.now() + 10 * 1000,
+      load: os.loadavg(),
+    }
+  }
+  return CACHED_LOAD.load
+}
+
+const ONE_MB = 1024 * 1024
+
+function emitPdfStats(stats, timings, request) {
+  if (timings['compute-pdf-caching']) {
+    emitPdfCachingStats(stats, timings, request)
+  } else {
+    // How much bandwidth will the pdf incur when downloaded in full?
+    Metrics.summary('pdf-bandwidth', stats['pdf-size'], request.metricsOpts)
+  }
+}
+
+function emitPdfCachingStats(stats, timings, request) {
+  if (!stats['pdf-size']) return // double check
+
+  if (stats['pdf-caching-timed-out']) {
+    Metrics.inc('pdf-caching-timed-out', 1, request.metricsOpts)
+  }
+  if (timings['pdf-caching-overhead-delete-stale-hashes'] !== undefined) {
+    Metrics.summary(
+      'pdf-caching-overhead-delete-stale-hashes',
+      timings['pdf-caching-overhead-delete-stale-hashes'],
+      request.metricsOpts
+    )
+  }
+
+  // How much extra time did we spent in PDF.js?
+  Metrics.timing(
+    'compute-pdf-caching',
+    timings['compute-pdf-caching'],
+    1,
+    request.metricsOpts
+  )
+
+  // How large is the overhead of hashing up-front?
+  const fraction =
+    timings.compileE2E - timings['compute-pdf-caching'] !== 0
+      ? timings.compileE2E /
+        (timings.compileE2E - timings['compute-pdf-caching'])
+      : 1
+  if (fraction > 1.5 && timings.compileE2E > 10 * 1000) {
+    logger.warn(
+      {
+        stats,
+        timings,
+        load: getSystemLoad(),
+      },
+      'slow pdf caching'
+    )
+  }
+  Metrics.summary(
+    'overhead-compute-pdf-ranges',
+    fraction * 100 - 100,
+    request.metricsOpts
+  )
+
+  // How does the hashing scale to pdf size in MB?
+  Metrics.timing(
+    'compute-pdf-caching-relative-to-pdf-size',
+    timings['compute-pdf-caching'] / (stats['pdf-size'] / ONE_MB),
+    1,
+    request.metricsOpts
+  )
+  if (stats['pdf-caching-total-ranges-size']) {
+    // How does the hashing scale to total ranges size in MB?
+    Metrics.timing(
+      'compute-pdf-caching-relative-to-total-ranges-size',
+      timings['compute-pdf-caching'] /
+        (stats['pdf-caching-total-ranges-size'] / ONE_MB),
+      1,
+      request.metricsOpts
+    )
+    // How fast is the hashing per range on average?
+    Metrics.timing(
+      'compute-pdf-caching-relative-to-ranges-count',
+      timings['compute-pdf-caching'] / stats['pdf-caching-n-ranges'],
+      1,
+      request.metricsOpts
+    )
+
+    // How many ranges are new?
+    Metrics.summary(
+      'new-pdf-ranges-relative-to-total-ranges',
+      (stats['pdf-caching-n-new-ranges'] / stats['pdf-caching-n-ranges']) * 100,
+      request.metricsOpts
+    )
+  }
+
+  // How much content is cacheable?
+  Metrics.summary(
+    'cacheable-ranges-to-pdf-size',
+    (stats['pdf-caching-total-ranges-size'] / stats['pdf-size']) * 100,
+    request.metricsOpts
+  )
+
+  const sizeWhenDownloadedInFull =
+    // All of the pdf
+    stats['pdf-size'] -
+    // These ranges are potentially cached.
+    stats['pdf-caching-total-ranges-size'] +
+    // These ranges are not cached.
+    stats['pdf-caching-new-ranges-size']
+
+  // How much bandwidth can we save when downloading the pdf in full?
+  Metrics.summary(
+    'pdf-bandwidth-savings',
+    100 - (sizeWhenDownloadedInFull / stats['pdf-size']) * 100,
+    request.metricsOpts
+  )
+
+  // How much bandwidth will the pdf incur when downloaded in full?
+  Metrics.summary(
+    'pdf-bandwidth',
+    sizeWhenDownloadedInFull,
+    request.metricsOpts
+  )
+
+  // How much space do the ranges use?
+  // This will accumulate the ranges size over time, skipping already written ranges.
+  Metrics.summary(
+    'pdf-ranges-disk-size',
+    stats['pdf-caching-new-ranges-size'] - stats['pdf-caching-reclaimed-space'],
+    request.metricsOpts
+  )
+}
+
+module.exports = {
+  emitPdfStats,
+}
diff --git a/services/clsi/app/js/ContentCacheWorker.js b/services/clsi/app/js/ContentCacheWorker.js
new file mode 100644
index 0000000..9ecb5b1
--- /dev/null
+++ b/services/clsi/app/js/ContentCacheWorker.js
@@ -0,0 +1,4 @@
+const workerpool = require('workerpool')
+const ContentCacheManager = require('./ContentCacheManager')
+
+workerpool.worker(ContentCacheManager.promises)
diff --git a/services/clsi/app/js/ContentController.js b/services/clsi/app/js/ContentController.js
new file mode 100644
index 0000000..96eba61
--- /dev/null
+++ b/services/clsi/app/js/ContentController.js
@@ -0,0 +1,24 @@
+const Path = require('node:path')
+const send = require('send')
+const Settings = require('@overleaf/settings')
+const OutputCacheManager = require('./OutputCacheManager')
+
+const ONE_DAY_S = 24 * 60 * 60
+const ONE_DAY_MS = ONE_DAY_S * 1000
+
+function getPdfRange(req, res, next) {
+  const { projectId, userId, contentId, hash } = req.params
+  const perUserDir = userId ? `${projectId}-${userId}` : projectId
+  const path = Path.join(
+    Settings.path.outputDir,
+    perUserDir,
+    OutputCacheManager.CONTENT_SUBDIR,
+    contentId,
+    hash
+  )
+  res.setHeader('cache-control', `public, max-age=${ONE_DAY_S}`)
+  res.setHeader('expires', new Date(Date.now() + ONE_DAY_MS).toUTCString())
+  send(req, path).pipe(res)
+}
+
+module.exports = { getPdfRange }
diff --git a/services/clsi/app/js/ContentTypeMapper.js b/services/clsi/app/js/ContentTypeMapper.js
new file mode 100644
index 0000000..5bf0c31
--- /dev/null
+++ b/services/clsi/app/js/ContentTypeMapper.js
@@ -0,0 +1,38 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+let ContentTypeMapper
+const Path = require('node:path')
+
+// here we coerce html, css and js to text/plain,
+// otherwise choose correct mime type based on file extension,
+// falling back to octet-stream
+module.exports = ContentTypeMapper = {
+  map(path) {
+    switch (Path.extname(path)) {
+      case '.txt':
+      case '.html':
+      case '.js':
+      case '.css':
+      case '.svg':
+        return 'text/plain'
+      case '.csv':
+        return 'text/csv'
+      case '.pdf':
+        return 'application/pdf'
+      case '.png':
+        return 'image/png'
+      case '.jpg':
+      case '.jpeg':
+        return 'image/jpeg'
+      case '.tiff':
+        return 'image/tiff'
+      case '.gif':
+        return 'image/gif'
+      default:
+        return 'application/octet-stream'
+    }
+  },
+}
diff --git a/services/clsi/app/js/DockerLockManager.js b/services/clsi/app/js/DockerLockManager.js
new file mode 100644
index 0000000..97804b7
--- /dev/null
+++ b/services/clsi/app/js/DockerLockManager.js
@@ -0,0 +1,110 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let LockManager
+const logger = require('@overleaf/logger')
+
+const LockState = {} // locks for docker container operations, by container name
+
+module.exports = LockManager = {
+  MAX_LOCK_HOLD_TIME: 15000, // how long we can keep a lock
+  MAX_LOCK_WAIT_TIME: 10000, // how long we wait for a lock
+  LOCK_TEST_INTERVAL: 1000, // retry time
+
+  tryLock(key, callback) {
+    let lockValue
+    if (callback == null) {
+      callback = function () {}
+    }
+    const existingLock = LockState[key]
+    if (existingLock != null) {
+      // the lock is already taken, check how old it is
+      const lockAge = Date.now() - existingLock.created
+      if (lockAge < LockManager.MAX_LOCK_HOLD_TIME) {
+        return callback(null, false) // we didn't get the lock, bail out
+      } else {
+        logger.error(
+          { key, lock: existingLock, age: lockAge },
+          'taking old lock by force'
+        )
+      }
+    }
+    // take the lock
+    LockState[key] = lockValue = { created: Date.now() }
+    return callback(null, true, lockValue)
+  },
+
+  getLock(key, callback) {
+    let attempt
+    if (callback == null) {
+      callback = function () {}
+    }
+    const startTime = Date.now()
+    return (attempt = () =>
+      LockManager.tryLock(key, function (error, gotLock, lockValue) {
+        if (error != null) {
+          return callback(error)
+        }
+        if (gotLock) {
+          return callback(null, lockValue)
+        } else if (Date.now() - startTime > LockManager.MAX_LOCK_WAIT_TIME) {
+          const e = new Error('Lock timeout')
+          e.key = key
+          return callback(e)
+        } else {
+          return setTimeout(attempt, LockManager.LOCK_TEST_INTERVAL)
+        }
+      }))()
+  },
+
+  releaseLock(key, lockValue, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    const existingLock = LockState[key]
+    if (existingLock === lockValue) {
+      // lockValue is an object, so we can test by reference
+      delete LockState[key] // our lock, so we can free it
+      return callback()
+    } else if (existingLock != null) {
+      // lock exists but doesn't match ours
+      logger.error(
+        { key, lock: existingLock },
+        'tried to release lock taken by force'
+      )
+      return callback()
+    } else {
+      logger.error(
+        { key, lock: existingLock },
+        'tried to release lock that has gone'
+      )
+      return callback()
+    }
+  },
+
+  runWithLock(key, runner, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return LockManager.getLock(key, function (error, lockValue) {
+      if (error != null) {
+        return callback(error)
+      }
+      return runner((error1, ...args) =>
+        LockManager.releaseLock(key, lockValue, function (error2) {
+          error = error1 || error2
+          if (error != null) {
+            return callback(error)
+          }
+          return callback(null, ...Array.from(args))
+        })
+      )
+    })
+  },
+}
diff --git a/services/clsi/app/js/DockerRunner.js b/services/clsi/app/js/DockerRunner.js
new file mode 100644
index 0000000..def02ea
--- /dev/null
+++ b/services/clsi/app/js/DockerRunner.js
@@ -0,0 +1,597 @@
+const { promisify } = require('node:util')
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const Docker = require('dockerode')
+const dockerode = new Docker()
+const crypto = require('node:crypto')
+const async = require('async')
+const LockManager = require('./DockerLockManager')
+const Path = require('node:path')
+const _ = require('lodash')
+
+const ONE_HOUR_IN_MS = 60 * 60 * 1000
+logger.debug('using docker runner')
+
+let containerMonitorTimeout
+let containerMonitorInterval
+
+const DockerRunner = {
+  run(
+    projectId,
+    command,
+    directory,
+    image,
+    timeout,
+    environment,
+    compileGroup,
+    callback
+  ) {
+    command = command.map(arg =>
+      arg.toString().replace('$COMPILE_DIR', '/compile')
+    )
+    if (image == null) {
+      image = Settings.clsi.docker.image
+    }
+
+    if (
+      Settings.clsi.docker.allowedImages &&
+      !Settings.clsi.docker.allowedImages.includes(image)
+    ) {
+      return callback(new Error('image not allowed'))
+    }
+
+    if (Settings.texliveImageNameOveride != null) {
+      const img = image.split('/')
+      image = `${Settings.texliveImageNameOveride}/${img[2]}`
+    }
+
+    if (compileGroup === 'synctex-output') {
+      // In: directory = '/overleaf/services/clsi/output/projectId-userId/generated-files/buildId'
+      //             directory.split('/').slice(-3) === 'projectId-userId/generated-files/buildId'
+      //  sandboxedCompilesHostDirOutput = '/host/output'
+      // Out:                  directory = '/host/output/projectId-userId/generated-files/buildId'
+      directory = Path.join(
+        Settings.path.sandboxedCompilesHostDirOutput,
+        ...directory.split('/').slice(-3)
+      )
+    } else {
+      // In:   directory = '/overleaf/services/clsi/compiles/projectId-userId'
+      //                       Path.basename(directory) === 'projectId-userId'
+      //  sandboxedCompilesHostDirCompiles = '/host/compiles'
+      // Out:                    directory = '/host/compiles/projectId-userId'
+      directory = Path.join(
+        Settings.path.sandboxedCompilesHostDirCompiles,
+        Path.basename(directory)
+      )
+    }
+
+    const volumes = { [directory]: '/compile' }
+    if (
+      compileGroup === 'synctex' ||
+      compileGroup === 'synctex-output' ||
+      compileGroup === 'wordcount'
+    ) {
+      volumes[directory] += ':ro'
+    }
+
+    const options = DockerRunner._getContainerOptions(
+      command,
+      image,
+      volumes,
+      timeout,
+      environment,
+      compileGroup
+    )
+    const fingerprint = DockerRunner._fingerprintContainer(options)
+    const name = `project-${projectId}-${fingerprint}`
+    options.name = name
+
+    // logOptions = _.clone(options)
+    // logOptions?.HostConfig?.SecurityOpt = "secomp used, removed in logging"
+    logger.debug({ projectId }, 'running docker container')
+    DockerRunner._runAndWaitForContainer(
+      options,
+      volumes,
+      timeout,
+      (error, output) => {
+        if (error && error.statusCode === 500) {
+          logger.debug(
+            { err: error, projectId },
+            'error running container so destroying and retrying'
+          )
+          DockerRunner.destroyContainer(name, null, true, error => {
+            if (error != null) {
+              return callback(error)
+            }
+            DockerRunner._runAndWaitForContainer(
+              options,
+              volumes,
+              timeout,
+              callback
+            )
+          })
+        } else {
+          callback(error, output)
+        }
+      }
+    )
+
+    // pass back the container name to allow it to be killed
+    return name
+  },
+
+  kill(containerId, callback) {
+    logger.debug({ containerId }, 'sending kill signal to container')
+    const container = dockerode.getContainer(containerId)
+    container.kill(error => {
+      if (
+        error != null &&
+        error.message != null &&
+        error.message.match(/Cannot kill container .* is not running/)
+      ) {
+        logger.warn(
+          { err: error, containerId },
+          'container not running, continuing'
+        )
+        error = null
+      }
+      if (error != null) {
+        logger.error({ err: error, containerId }, 'error killing container')
+        callback(error)
+      } else {
+        callback()
+      }
+    })
+  },
+
+  _runAndWaitForContainer(options, volumes, timeout, _callback) {
+    const callback = _.once(_callback)
+    const { name } = options
+
+    let streamEnded = false
+    let containerReturned = false
+    let output = {}
+
+    function callbackIfFinished() {
+      if (streamEnded && containerReturned) {
+        callback(null, output)
+      }
+    }
+
+    function attachStreamHandler(error, _output) {
+      if (error != null) {
+        return callback(error)
+      }
+      output = _output
+      streamEnded = true
+      callbackIfFinished()
+    }
+
+    DockerRunner.startContainer(
+      options,
+      volumes,
+      attachStreamHandler,
+      (error, containerId) => {
+        if (error != null) {
+          return callback(error)
+        }
+
+        DockerRunner.waitForContainer(name, timeout, (error, exitCode) => {
+          if (error != null) {
+            return callback(error)
+          }
+          if (exitCode === 137) {
+            // exit status from kill -9
+            const err = new Error('terminated')
+            err.terminated = true
+            return callback(err)
+          }
+          if (exitCode === 1) {
+            // exit status from chktex
+            const err = new Error('exited')
+            err.code = exitCode
+            return callback(err)
+          }
+          containerReturned = true
+          if (options != null && options.HostConfig != null) {
+            options.HostConfig.SecurityOpt = null
+          }
+          logger.debug({ exitCode, options }, 'docker container has exited')
+          callbackIfFinished()
+        })
+      }
+    )
+  },
+
+  _getContainerOptions(
+    command,
+    image,
+    volumes,
+    timeout,
+    environment,
+    compileGroup
+  ) {
+    const timeoutInSeconds = timeout / 1000
+
+    const dockerVolumes = {}
+    for (const hostVol in volumes) {
+      const dockerVol = volumes[hostVol]
+      dockerVolumes[dockerVol] = {}
+
+      if (volumes[hostVol].slice(-3).indexOf(':r') === -1) {
+        volumes[hostVol] = `${dockerVol}:rw`
+      }
+    }
+
+    // merge settings and environment parameter
+    const env = {}
+    for (const src of [Settings.clsi.docker.env, environment || {}]) {
+      for (const key in src) {
+        const value = src[key]
+        env[key] = value
+      }
+    }
+    // set the path based on the image year
+    const match = image.match(/:([0-9]+)\.[0-9]+/)
+    const year = match ? match[1] : '2014'
+    env.PATH = `/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/local/texlive/${year}/bin/x86_64-linux/`
+    const options = {
+      Cmd: command,
+      Image: image,
+      Volumes: dockerVolumes,
+      WorkingDir: '/compile',
+      NetworkDisabled: true,
+      Memory: 1024 * 1024 * 1024 * 1024, // 1 Gb
+      User: Settings.clsi.docker.user,
+      Env: Object.entries(env).map(([key, value]) => `${key}=${value}`),
+      HostConfig: {
+        Binds: Object.entries(volumes).map(
+          ([hostVol, dockerVol]) => `${hostVol}:${dockerVol}`
+        ),
+        LogConfig: { Type: 'none', Config: {} },
+        Ulimits: [
+          {
+            Name: 'cpu',
+            Soft: timeoutInSeconds + 5,
+            Hard: timeoutInSeconds + 10,
+          },
+        ],
+        CapDrop: 'ALL',
+        SecurityOpt: ['no-new-privileges'],
+      },
+    }
+
+    if (Settings.clsi.docker.seccomp_profile != null) {
+      options.HostConfig.SecurityOpt.push(
+        `seccomp=${Settings.clsi.docker.seccomp_profile}`
+      )
+    }
+
+    if (Settings.clsi.docker.apparmor_profile != null) {
+      options.HostConfig.SecurityOpt.push(
+        `apparmor=${Settings.clsi.docker.apparmor_profile}`
+      )
+    }
+
+    if (Settings.clsi.docker.runtime) {
+      options.HostConfig.Runtime = Settings.clsi.docker.runtime
+    }
+
+    if (Settings.clsi.docker.Readonly) {
+      options.HostConfig.ReadonlyRootfs = true
+      options.HostConfig.Tmpfs = { '/tmp': 'rw,noexec,nosuid,size=65536k' }
+      options.Volumes['/home/tex'] = {}
+    }
+
+    // Allow per-compile group overriding of individual settings
+    if (
+      Settings.clsi.docker.compileGroupConfig &&
+      Settings.clsi.docker.compileGroupConfig[compileGroup]
+    ) {
+      const override = Settings.clsi.docker.compileGroupConfig[compileGroup]
+      for (const key in override) {
+        _.set(options, key, override[key])
+      }
+    }
+
+    return options
+  },
+
+  _fingerprintContainer(containerOptions) {
+    // Yay, Hashing!
+    const json = JSON.stringify(containerOptions)
+    return crypto.createHash('md5').update(json).digest('hex')
+  },
+
+  startContainer(options, volumes, attachStreamHandler, callback) {
+    LockManager.runWithLock(
+      options.name,
+      releaseLock =>
+        DockerRunner._startContainer(
+          options,
+          volumes,
+          attachStreamHandler,
+          releaseLock
+        ),
+      callback
+    )
+  },
+
+  // Check that volumes exist and are directories
+  _startContainer(options, volumes, attachStreamHandler, callback) {
+    callback = _.once(callback)
+    const { name } = options
+
+    logger.debug({ containerName: name }, 'starting container')
+    const container = dockerode.getContainer(name)
+
+    function createAndStartContainer() {
+      dockerode.createContainer(options, (error, container) => {
+        if (error != null) {
+          return callback(error)
+        }
+        startExistingContainer()
+      })
+    }
+
+    function startExistingContainer() {
+      DockerRunner.attachToContainer(
+        options.name,
+        attachStreamHandler,
+        error => {
+          if (error != null) {
+            return callback(error)
+          }
+          container.start(error => {
+            if (error != null && error.statusCode !== 304) {
+              callback(error)
+            } else {
+              // already running
+              callback()
+            }
+          })
+        }
+      )
+    }
+
+    container.inspect((error, stats) => {
+      if (error != null && error.statusCode === 404) {
+        createAndStartContainer()
+      } else if (error != null) {
+        logger.err(
+          { containerName: name, error },
+          'unable to inspect container to start'
+        )
+        callback(error)
+      } else {
+        startExistingContainer()
+      }
+    })
+  },
+
+  attachToContainer(containerId, attachStreamHandler, attachStartCallback) {
+    const container = dockerode.getContainer(containerId)
+    container.attach({ stdout: 1, stderr: 1, stream: 1 }, (error, stream) => {
+      if (error != null) {
+        logger.error(
+          { err: error, containerId },
+          'error attaching to container'
+        )
+        return attachStartCallback(error)
+      } else {
+        attachStartCallback()
+      }
+
+      logger.debug({ containerId }, 'attached to container')
+
+      const MAX_OUTPUT = 1024 * 1024 * 2 // limit output to 2MB
+      function createStringOutputStream(name) {
+        return {
+          data: '',
+          overflowed: false,
+          write(data) {
+            if (this.overflowed) {
+              return
+            }
+            if (this.data.length < MAX_OUTPUT) {
+              this.data += data
+            } else {
+              logger.info(
+                {
+                  containerId,
+                  length: this.data.length,
+                  maxLen: MAX_OUTPUT,
+                },
+                `${name} exceeds max size`
+              )
+              this.data += `(...truncated at ${MAX_OUTPUT} chars...)`
+              this.overflowed = true
+            }
+          },
+          // kill container if too much output
+          // docker.containers.kill(containerId, () ->)
+        }
+      }
+
+      const stdout = createStringOutputStream('stdout')
+      const stderr = createStringOutputStream('stderr')
+
+      container.modem.demuxStream(stream, stdout, stderr)
+
+      stream.on('error', err =>
+        logger.error(
+          { err, containerId },
+          'error reading from container stream'
+        )
+      )
+
+      stream.on('end', () =>
+        attachStreamHandler(null, { stdout: stdout.data, stderr: stderr.data })
+      )
+    })
+  },
+
+  waitForContainer(containerId, timeout, _callback) {
+    const callback = _.once(_callback)
+
+    const container = dockerode.getContainer(containerId)
+
+    let timedOut = false
+    const timeoutId = setTimeout(() => {
+      timedOut = true
+      logger.debug({ containerId }, 'timeout reached, killing container')
+      container.kill(err => {
+        logger.warn({ err, containerId }, 'failed to kill container')
+      })
+    }, timeout)
+
+    logger.debug({ containerId }, 'waiting for docker container')
+    container.wait((error, res) => {
+      if (error != null) {
+        clearTimeout(timeoutId)
+        logger.warn({ err: error, containerId }, 'error waiting for container')
+        return callback(error)
+      }
+      if (timedOut) {
+        logger.debug({ containerId }, 'docker container timed out')
+        error = new Error('container timed out')
+        error.timedout = true
+        callback(error)
+      } else {
+        clearTimeout(timeoutId)
+        logger.debug(
+          { containerId, exitCode: res.StatusCode },
+          'docker container returned'
+        )
+        callback(null, res.StatusCode)
+      }
+    })
+  },
+
+  destroyContainer(containerName, containerId, shouldForce, callback) {
+    // We want the containerName for the lock and, ideally, the
+    // containerId to delete.  There is a bug in the docker.io module
+    // where if you delete by name and there is an error, it throws an
+    // async exception, but if you delete by id it just does a normal
+    // error callback. We fall back to deleting by name if no id is
+    // supplied.
+    LockManager.runWithLock(
+      containerName,
+      releaseLock =>
+        DockerRunner._destroyContainer(
+          containerId || containerName,
+          shouldForce,
+          releaseLock
+        ),
+      callback
+    )
+  },
+
+  _destroyContainer(containerId, shouldForce, callback) {
+    logger.debug({ containerId }, 'destroying docker container')
+    const container = dockerode.getContainer(containerId)
+    container.remove({ force: shouldForce === true, v: true }, error => {
+      if (error != null && error.statusCode === 404) {
+        logger.warn(
+          { err: error, containerId },
+          'container not found, continuing'
+        )
+        error = null
+      }
+      if (error != null) {
+        logger.error({ err: error, containerId }, 'error destroying container')
+      } else {
+        logger.debug({ containerId }, 'destroyed container')
+      }
+      callback(error)
+    })
+  },
+
+  // handle expiry of docker containers
+
+  MAX_CONTAINER_AGE: Settings.clsi.docker.maxContainerAge || ONE_HOUR_IN_MS,
+
+  examineOldContainer(container, callback) {
+    const name = container.Name || (container.Names && container.Names[0])
+    const created = container.Created * 1000 // creation time is returned in seconds
+    const now = Date.now()
+    const age = now - created
+    const maxAge = DockerRunner.MAX_CONTAINER_AGE
+    const ttl = maxAge - age
+    logger.debug(
+      { containerName: name, created, now, age, maxAge, ttl },
+      'checking whether to destroy container'
+    )
+    return { name, id: container.Id, ttl }
+  },
+
+  destroyOldContainers(callback) {
+    dockerode.listContainers({ all: true }, (error, containers) => {
+      if (error != null) {
+        return callback(error)
+      }
+      const jobs = []
+      for (const container of containers) {
+        const { name, id, ttl } = DockerRunner.examineOldContainer(container)
+        if (name.slice(0, 9) === '/project-' && ttl <= 0) {
+          // strip the / prefix
+          // the LockManager uses the plain container name
+          const plainName = name.slice(1)
+          jobs.push(cb =>
+            DockerRunner.destroyContainer(plainName, id, false, () => cb())
+          )
+        }
+      }
+      // Ignore errors because some containers get stuck but
+      // will be destroyed next time
+      async.series(jobs, callback)
+    })
+  },
+
+  startContainerMonitor() {
+    logger.debug(
+      { maxAge: DockerRunner.MAX_CONTAINER_AGE },
+      'starting container expiry'
+    )
+
+    // guarantee only one monitor is running
+    DockerRunner.stopContainerMonitor()
+
+    // randomise the start time
+    const randomDelay = Math.floor(Math.random() * 5 * 60 * 1000)
+    containerMonitorTimeout = setTimeout(() => {
+      containerMonitorInterval = setInterval(
+        () =>
+          DockerRunner.destroyOldContainers(err => {
+            if (err) {
+              logger.error({ err }, 'failed to destroy old containers')
+            }
+          }),
+        ONE_HOUR_IN_MS
+      )
+    }, randomDelay)
+  },
+
+  stopContainerMonitor() {
+    if (containerMonitorTimeout) {
+      clearTimeout(containerMonitorTimeout)
+      containerMonitorTimeout = undefined
+    }
+    if (containerMonitorInterval) {
+      clearInterval(containerMonitorInterval)
+      containerMonitorInterval = undefined
+    }
+  },
+
+  canRunSyncTeXInOutputDir() {
+    return Boolean(Settings.path.sandboxedCompilesHostDirOutput)
+  },
+}
+
+DockerRunner.startContainerMonitor()
+
+module.exports = DockerRunner
+module.exports.promises = {
+  run: promisify(DockerRunner.run),
+  kill: promisify(DockerRunner.kill),
+}
diff --git a/services/clsi/app/js/DraftModeManager.js b/services/clsi/app/js/DraftModeManager.js
new file mode 100644
index 0000000..cf8abab
--- /dev/null
+++ b/services/clsi/app/js/DraftModeManager.js
@@ -0,0 +1,24 @@
+const fsPromises = require('node:fs/promises')
+const { callbackify } = require('node:util')
+const logger = require('@overleaf/logger')
+
+async function injectDraftMode(filename) {
+  const content = await fsPromises.readFile(filename, { encoding: 'utf8' })
+  const modifiedContent =
+    '\\PassOptionsToPackage{draft}{graphicx}\\PassOptionsToPackage{draft}{graphics}' +
+    content
+  logger.debug(
+    {
+      content: content.slice(0, 1024), // \documentclass is normally v near the top
+      modifiedContent: modifiedContent.slice(0, 1024),
+      filename,
+    },
+    'injected draft class'
+  )
+  await fsPromises.writeFile(filename, modifiedContent, { encoding: 'utf8' })
+}
+
+module.exports = {
+  injectDraftMode: callbackify(injectDraftMode),
+  promises: { injectDraftMode },
+}
diff --git a/services/clsi/app/js/Errors.js b/services/clsi/app/js/Errors.js
new file mode 100644
index 0000000..64c3c7b
--- /dev/null
+++ b/services/clsi/app/js/Errors.js
@@ -0,0 +1,49 @@
+/* eslint-disable
+    no-proto,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+const OError = require('@overleaf/o-error')
+
+let Errors
+function NotFoundError(message) {
+  const error = new Error(message)
+  error.name = 'NotFoundError'
+  error.__proto__ = NotFoundError.prototype
+  return error
+}
+NotFoundError.prototype.__proto__ = Error.prototype
+
+function FilesOutOfSyncError(message) {
+  const error = new Error(message)
+  error.name = 'FilesOutOfSyncError'
+  error.__proto__ = FilesOutOfSyncError.prototype
+  return error
+}
+FilesOutOfSyncError.prototype.__proto__ = Error.prototype
+
+function AlreadyCompilingError(message) {
+  const error = new Error(message)
+  error.name = 'AlreadyCompilingError'
+  error.__proto__ = AlreadyCompilingError.prototype
+  return error
+}
+AlreadyCompilingError.prototype.__proto__ = Error.prototype
+
+class QueueLimitReachedError extends OError {}
+class TimedOutError extends OError {}
+class NoXrefTableError extends OError {}
+class TooManyCompileRequestsError extends OError {}
+class InvalidParameter extends OError {}
+
+module.exports = Errors = {
+  QueueLimitReachedError,
+  TimedOutError,
+  NotFoundError,
+  FilesOutOfSyncError,
+  AlreadyCompilingError,
+  NoXrefTableError,
+  TooManyCompileRequestsError,
+  InvalidParameter,
+}
diff --git a/services/clsi/app/js/LatexRunner.js b/services/clsi/app/js/LatexRunner.js
new file mode 100644
index 0000000..beefa00
--- /dev/null
+++ b/services/clsi/app/js/LatexRunner.js
@@ -0,0 +1,203 @@
+const Path = require('node:path')
+const { promisify } = require('node:util')
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const CommandRunner = require('./CommandRunner')
+const fs = require('node:fs')
+
+const ProcessTable = {} // table of currently running jobs (pids or docker container names)
+
+const TIME_V_METRICS = Object.entries({
+  'cpu-percent': /Percent of CPU this job got: (\d+)/m,
+  'cpu-time': /User time.*: (\d+.\d+)/m,
+  'sys-time': /System time.*: (\d+.\d+)/m,
+})
+
+const COMPILER_FLAGS = {
+  latex: '-pdfdvi',
+  lualatex: '-lualatex',
+  pdflatex: '-pdf',
+  xelatex: '-xelatex',
+}
+
+function runLatex(projectId, options, callback) {
+  const {
+    directory,
+    mainFile,
+    image,
+    environment,
+    flags,
+    compileGroup,
+    stopOnFirstError,
+    stats,
+    timings,
+  } = options
+  const compiler = options.compiler || 'pdflatex'
+  const timeout = options.timeout || 60000 // milliseconds
+
+  logger.debug(
+    {
+      directory,
+      compiler,
+      timeout,
+      mainFile,
+      environment,
+      flags,
+      compileGroup,
+      stopOnFirstError,
+    },
+    'starting compile'
+  )
+
+  let command
+  try {
+    command = _buildLatexCommand(mainFile, {
+      compiler,
+      stopOnFirstError,
+      flags,
+    })
+  } catch (err) {
+    return callback(err)
+  }
+
+  const id = `${projectId}` // record running project under this id
+
+  ProcessTable[id] = CommandRunner.run(
+    projectId,
+    command,
+    directory,
+    image,
+    timeout,
+    environment,
+    compileGroup,
+    function (error, output) {
+      delete ProcessTable[id]
+      if (error) {
+        return callback(error)
+      }
+      const runs =
+        output?.stderr?.match(/^Run number \d+ of .*latex/gm)?.length || 0
+      const failed = output?.stdout?.match(/^Latexmk: Errors/m) != null ? 1 : 0
+      // counters from latexmk output
+      stats['latexmk-errors'] = failed
+      stats['latex-runs'] = runs
+      stats['latex-runs-with-errors'] = failed ? runs : 0
+      stats[`latex-runs-${runs}`] = 1
+      stats[`latex-runs-with-errors-${runs}`] = failed ? 1 : 0
+      // timing information from /usr/bin/time
+      const stderr = (output && output.stderr) || ''
+      if (stderr.includes('Command being timed:')) {
+        // Add metrics for runs with `$ time -v ...`
+        for (const [timing, matcher] of TIME_V_METRICS) {
+          const match = stderr.match(matcher)
+          if (match) {
+            timings[timing] = parseFloat(match[1])
+          }
+        }
+      }
+      // record output files
+      _writeLogOutput(projectId, directory, output, () => {
+        callback(error, output)
+      })
+    }
+  )
+}
+
+function _writeLogOutput(projectId, directory, output, callback) {
+  if (!output) {
+    return callback()
+  }
+  // internal method for writing non-empty log files
+  function _writeFile(file, content, cb) {
+    if (content && content.length > 0) {
+      fs.unlink(file, () => {
+        fs.writeFile(file, content, { flag: 'wx' }, err => {
+          if (err) {
+            // don't fail on error
+            logger.error({ err, projectId, file }, 'error writing log file')
+          }
+          cb()
+        })
+      })
+    } else {
+      cb()
+    }
+  }
+  // write stdout and stderr, ignoring errors
+  _writeFile(Path.join(directory, 'output.stdout'), output.stdout, () => {
+    _writeFile(Path.join(directory, 'output.stderr'), output.stderr, () => {
+      callback()
+    })
+  })
+}
+
+function killLatex(projectId, callback) {
+  const id = `${projectId}`
+  logger.debug({ id }, 'killing running compile')
+  if (ProcessTable[id] == null) {
+    logger.warn({ id }, 'no such project to kill')
+    callback(null)
+  } else {
+    CommandRunner.kill(ProcessTable[id], callback)
+  }
+}
+
+function _buildLatexCommand(mainFile, opts = {}) {
+  const command = []
+
+  if (Settings.clsi?.strace) {
+    command.push('strace', '-o', 'strace', '-ff')
+  }
+
+  if (Settings.clsi?.latexmkCommandPrefix) {
+    command.push(...Settings.clsi.latexmkCommandPrefix)
+  }
+
+  // Basic command and flags
+  command.push(
+    'latexmk',
+    '-cd',
+    '-jobname=output',
+    '-auxdir=$COMPILE_DIR',
+    '-outdir=$COMPILE_DIR',
+    '-synctex=1',
+    '-interaction=batchmode'
+  )
+
+  // Stop on first error option
+  if (opts.stopOnFirstError) {
+    command.push('-halt-on-error')
+  } else {
+    // Run all passes despite errors
+    command.push('-f')
+  }
+
+  // Extra flags
+  if (opts.flags) {
+    command.push(...opts.flags)
+  }
+
+  // TeX Engine selection
+  const compilerFlag = COMPILER_FLAGS[opts.compiler]
+  if (compilerFlag) {
+    command.push(compilerFlag)
+  } else {
+    throw new Error(`unknown compiler: ${opts.compiler}`)
+  }
+
+  // We want to run latexmk on the tex file which we will automatically
+  // generate from the Rtex/Rmd/md file.
+  mainFile = mainFile.replace(/\.(Rtex|md|Rmd|Rnw)$/, '.tex')
+  command.push(Path.join('$COMPILE_DIR', mainFile))
+
+  return command
+}
+
+module.exports = {
+  runLatex,
+  killLatex,
+  promises: {
+    runLatex: promisify(runLatex),
+    killLatex: promisify(killLatex),
+  },
+}
diff --git a/services/clsi/app/js/LocalCommandRunner.js b/services/clsi/app/js/LocalCommandRunner.js
new file mode 100644
index 0000000..ce27473
--- /dev/null
+++ b/services/clsi/app/js/LocalCommandRunner.js
@@ -0,0 +1,111 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let CommandRunner
+const { spawn } = require('node:child_process')
+const { promisify } = require('node:util')
+const _ = require('lodash')
+const logger = require('@overleaf/logger')
+
+logger.debug('using standard command runner')
+
+module.exports = CommandRunner = {
+  run(
+    projectId,
+    command,
+    directory,
+    image,
+    timeout,
+    environment,
+    compileGroup,
+    callback
+  ) {
+    let key, value
+    callback = _.once(callback)
+    command = Array.from(command).map(arg =>
+      arg.toString().replace('$COMPILE_DIR', directory)
+    )
+    logger.debug({ projectId, command, directory }, 'running command')
+    logger.warn('timeouts and sandboxing are not enabled with CommandRunner')
+
+    // merge environment settings
+    const env = {}
+    for (key in process.env) {
+      value = process.env[key]
+      env[key] = value
+    }
+    for (key in environment) {
+      value = environment[key]
+      env[key] = value
+    }
+
+    // run command as detached process so it has its own process group (which can be killed if needed)
+    const proc = spawn(command[0], command.slice(1), {
+      cwd: directory,
+      env,
+      stdio: ['pipe', 'pipe', 'ignore'],
+    })
+
+    let stdout = ''
+    proc.stdout.setEncoding('utf8').on('data', data => (stdout += data))
+
+    proc.on('error', function (err) {
+      logger.err(
+        { err, projectId, command, directory },
+        'error running command'
+      )
+      return callback(err)
+    })
+
+    proc.on('close', function (code, signal) {
+      let err
+      logger.debug({ code, signal, projectId }, 'command exited')
+      if (signal === 'SIGTERM') {
+        // signal from kill method below
+        err = new Error('terminated')
+        err.terminated = true
+        return callback(err)
+      } else if (code === 1) {
+        // exit status from chktex
+        err = new Error('exited')
+        err.code = code
+        return callback(err)
+      } else {
+        return callback(null, { stdout })
+      }
+    })
+
+    return proc.pid
+  }, // return process id to allow job to be killed if necessary
+
+  kill(pid, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    try {
+      process.kill(-pid) // kill all processes in group
+    } catch (err) {
+      return callback(err)
+    }
+    return callback()
+  },
+
+  canRunSyncTeXInOutputDir() {
+    return true
+  },
+}
+
+module.exports.promises = {
+  run: promisify(CommandRunner.run),
+  kill: promisify(CommandRunner.kill),
+}
diff --git a/services/clsi/app/js/LockManager.js b/services/clsi/app/js/LockManager.js
new file mode 100644
index 0000000..a44810f
--- /dev/null
+++ b/services/clsi/app/js/LockManager.js
@@ -0,0 +1,66 @@
+const logger = require('@overleaf/logger')
+const Errors = require('./Errors')
+const RequestParser = require('./RequestParser')
+const Metrics = require('@overleaf/metrics')
+const Settings = require('@overleaf/settings')
+
+// The lock timeout should be higher than the maximum end-to-end compile time.
+// Here, we use the maximum compile timeout plus 2 minutes.
+const LOCK_TIMEOUT_MS = RequestParser.MAX_TIMEOUT * 1000 + 120000
+
+const LOCKS = new Map()
+
+function acquire(key) {
+  const currentLock = LOCKS.get(key)
+  if (currentLock != null) {
+    if (currentLock.isExpired()) {
+      logger.warn({ key }, 'Compile lock expired')
+      currentLock.release()
+    } else {
+      throw new Errors.AlreadyCompilingError('compile in progress')
+    }
+  }
+
+  checkConcurrencyLimit()
+
+  const lock = new Lock(key)
+  LOCKS.set(key, lock)
+  return lock
+}
+
+function checkConcurrencyLimit() {
+  Metrics.gauge('concurrent_compile_requests', LOCKS.size)
+
+  if (LOCKS.size <= Settings.compileConcurrencyLimit) {
+    return
+  }
+
+  Metrics.inc('exceeded-compilier-concurrency-limit')
+
+  throw new Errors.TooManyCompileRequestsError(
+    'too many concurrent compile requests'
+  )
+}
+
+class Lock {
+  constructor(key) {
+    this.key = key
+    this.expiresAt = Date.now() + LOCK_TIMEOUT_MS
+  }
+
+  isExpired() {
+    return Date.now() >= this.expiresAt
+  }
+
+  release() {
+    const lockWasActive = LOCKS.delete(this.key)
+    if (!lockWasActive) {
+      logger.error({ key: this.key }, 'Lock was released twice')
+    }
+    if (this.isExpired()) {
+      Metrics.inc('compile_lock_expired_before_release')
+    }
+  }
+}
+
+module.exports = { acquire }
diff --git a/services/clsi/app/js/Metrics.js b/services/clsi/app/js/Metrics.js
new file mode 100644
index 0000000..f0e5779
--- /dev/null
+++ b/services/clsi/app/js/Metrics.js
@@ -0,0 +1,3 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+module.exports = require('@overleaf/metrics')
diff --git a/services/clsi/app/js/OutputCacheManager.js b/services/clsi/app/js/OutputCacheManager.js
new file mode 100644
index 0000000..a1a0a89
--- /dev/null
+++ b/services/clsi/app/js/OutputCacheManager.js
@@ -0,0 +1,688 @@
+let OutputCacheManager
+const { callbackify, promisify } = require('node:util')
+const async = require('async')
+const fs = require('node:fs')
+const Path = require('node:path')
+const logger = require('@overleaf/logger')
+const _ = require('lodash')
+const Settings = require('@overleaf/settings')
+const crypto = require('node:crypto')
+const Metrics = require('./Metrics')
+
+const OutputFileOptimiser = require('./OutputFileOptimiser')
+const ContentCacheManager = require('./ContentCacheManager')
+const {
+  QueueLimitReachedError,
+  TimedOutError,
+  NoXrefTableError,
+} = require('./Errors')
+
+const OLDEST_BUILD_DIR = new Map()
+const PENDING_PROJECT_ACTIONS = new Map()
+
+function init() {
+  doInit().catch(err => {
+    logger.fatal({ err }, 'low level error setting up cleanup of output dir')
+    // consider shutting down?
+  })
+}
+
+async function doInit() {
+  await fillCache()
+  const oldestTimestamp = await runBulkCleanup()
+  scheduleBulkCleanup(oldestTimestamp)
+}
+
+function scheduleBulkCleanup(oldestTimestamp) {
+  const delay =
+    Math.max(OutputCacheManager.CACHE_AGE + oldestTimestamp - Date.now(), 0) +
+    60 * 1000
+  setTimeout(async function () {
+    const oldestTimestamp = await runBulkCleanup()
+    scheduleBulkCleanup(oldestTimestamp)
+  }, delay)
+}
+
+async function fillCache() {
+  const handle = await fs.promises.opendir(Settings.path.outputDir)
+  try {
+    for await (const { name: projectIdAndUserId } of handle) {
+      OLDEST_BUILD_DIR.set(
+        Path.join(Settings.path.outputDir, projectIdAndUserId),
+        // Queue them for cleanup in the next hour.
+        Date.now() - Math.random() * OutputCacheManager.CACHE_AGE
+      )
+    }
+  } finally {
+    try {
+      await handle.close()
+    } catch (e) {}
+  }
+}
+
+async function runBulkCleanup() {
+  const cleanupThreshold = Date.now() - OutputCacheManager.CACHE_AGE
+  let oldestTimestamp = Date.now()
+  for (const [dir, timeStamp] of OLDEST_BUILD_DIR.entries()) {
+    if (timeStamp < cleanupThreshold) {
+      await cleanupDirectory(dir, { limit: OutputCacheManager.CACHE_LIMIT })
+    } else if (timeStamp < oldestTimestamp) {
+      oldestTimestamp = timeStamp
+    }
+  }
+  return oldestTimestamp
+}
+
+async function cleanupDirectory(dir, options) {
+  return await queueDirOperation(dir, async () => {
+    try {
+      await OutputCacheManager.promises.expireOutputFiles(dir, options)
+    } catch (err) {
+      logger.err({ dir, err }, 'cleanup of output directory failed')
+    }
+  })
+}
+
+/**
+ * @template T
+ *
+ * @param {string} dir
+ * @param {() => Promise<T>} fn
+ * @return {Promise<T>}
+ */
+async function queueDirOperation(dir, fn) {
+  const pending = PENDING_PROJECT_ACTIONS.get(dir) || Promise.resolve()
+  const p = pending.then(fn, fn).finally(() => {
+    if (PENDING_PROJECT_ACTIONS.get(dir) === p) {
+      PENDING_PROJECT_ACTIONS.delete(dir)
+    }
+  })
+  PENDING_PROJECT_ACTIONS.set(dir, p)
+  return p
+}
+
+module.exports = OutputCacheManager = {
+  CONTENT_SUBDIR: 'content',
+  CACHE_SUBDIR: 'generated-files',
+  ARCHIVE_SUBDIR: 'archived-logs',
+  // build id is HEXDATE-HEXRANDOM from Date.now() and RandomBytes
+  BUILD_REGEX: /^[0-9a-f]+-[0-9a-f]+$/,
+  CONTENT_REGEX: /^[0-9a-f]+-[0-9a-f]+$/,
+  CACHE_LIMIT: 2, // maximum number of cache directories
+  CACHE_AGE: 90 * 60 * 1000, // up to 90 minutes old
+
+  init,
+  queueDirOperation: callbackify(queueDirOperation),
+
+  path(buildId, file) {
+    // used by static server, given build id return '.cache/clsi/buildId'
+    if (buildId.match(OutputCacheManager.BUILD_REGEX)) {
+      return Path.join(OutputCacheManager.CACHE_SUBDIR, buildId, file)
+    } else {
+      // for invalid build id, return top level
+      return file
+    }
+  },
+
+  generateBuildId(callback) {
+    // generate a secure build id from Date.now() and 8 random bytes in hex
+    crypto.randomBytes(8, function (err, buf) {
+      if (err) {
+        return callback(err)
+      }
+      const random = buf.toString('hex')
+      const date = Date.now().toString(16)
+      callback(err, `${date}-${random}`)
+    })
+  },
+
+  saveOutputFiles(
+    { request, stats, timings },
+    outputFiles,
+    compileDir,
+    outputDir,
+    callback
+  ) {
+    const getBuildId = cb => {
+      if (request.buildId) return cb(null, request.buildId)
+      OutputCacheManager.generateBuildId(cb)
+    }
+    getBuildId(function (err, buildId) {
+      if (err) {
+        return callback(err)
+      }
+      if (!OLDEST_BUILD_DIR.has(outputDir)) {
+        // Register for cleanup
+        OLDEST_BUILD_DIR.set(outputDir, Date.now())
+      }
+
+      OutputCacheManager.queueDirOperation(
+        outputDir,
+        () =>
+          OutputCacheManager.promises.saveOutputFilesInBuildDir(
+            outputFiles,
+            compileDir,
+            outputDir,
+            buildId
+          ),
+        function (err, result) {
+          if (err) {
+            return callback(err)
+          }
+          OutputCacheManager.collectOutputPdfSize(
+            result,
+            outputDir,
+            stats,
+            (err, outputFiles) => {
+              if (err) return callback(err, { outputFiles, buildId })
+
+              const enablePdfCaching = request.enablePdfCaching
+              const enablePdfCachingDark =
+                Settings.enablePdfCachingDark && !request.enablePdfCaching
+              if (
+                !Settings.enablePdfCaching ||
+                (!enablePdfCaching && !enablePdfCachingDark)
+              ) {
+                return callback(null, { outputFiles, buildId })
+              }
+
+              OutputCacheManager.saveStreamsInContentDir(
+                { request, stats, timings, enablePdfCachingDark },
+                outputFiles,
+                compileDir,
+                outputDir,
+                (err, status) => {
+                  Metrics.inc('pdf-caching-status', 1, {
+                    status,
+                    ...request.metricsOpts,
+                  })
+                  if (err) {
+                    logger.warn(
+                      { err, outputDir, stats, timings },
+                      'pdf caching failed'
+                    )
+                    return callback(null, { outputFiles, buildId })
+                  }
+                  callback(err, { outputFiles, buildId })
+                }
+              )
+            }
+          )
+        }
+      )
+    })
+  },
+
+  saveOutputFilesInBuildDir(
+    outputFiles,
+    compileDir,
+    outputDir,
+    buildId,
+    callback
+  ) {
+    // make a compileDir/CACHE_SUBDIR/build_id directory and
+    // copy all the output files into it
+    // Put the files into a new cache subdirectory
+    const cacheDir = Path.join(
+      outputDir,
+      OutputCacheManager.CACHE_SUBDIR,
+      buildId
+    )
+    // Is it a per-user compile? check if compile directory is PROJECTID-USERID
+    const perUser = Path.basename(compileDir).match(
+      /^[0-9a-f]{24}-[0-9a-f]{24}$/
+    )
+
+    // Archive logs in background
+    if (Settings.clsi?.archive_logs || Settings.clsi?.strace) {
+      OutputCacheManager.archiveLogs(
+        outputFiles,
+        compileDir,
+        outputDir,
+        buildId,
+        function (err) {
+          if (err) {
+            return logger.warn({ err }, 'erroring archiving log files')
+          }
+        }
+      )
+    }
+
+    // make the new cache directory
+    fs.mkdir(cacheDir, { recursive: true }, function (err) {
+      if (err) {
+        logger.error(
+          { err, directory: cacheDir },
+          'error creating cache directory'
+        )
+        callback(err)
+      } else {
+        // copy all the output files into the new cache directory
+        const results = []
+        const dirCache = new Set()
+        dirCache.add(cacheDir)
+        async.mapSeries(
+          outputFiles,
+          function (file, cb) {
+            // don't send dot files as output, express doesn't serve them
+            if (OutputCacheManager._fileIsHidden(file.path)) {
+              logger.debug(
+                { compileDir, path: file.path },
+                'ignoring dotfile in output'
+              )
+              return cb()
+            }
+            // copy other files into cache directory if valid
+            const src = Path.join(compileDir, file.path)
+            const dst = Path.join(cacheDir, file.path)
+            OutputCacheManager._checkIfShouldCopy(
+              src,
+              function (err, shouldCopy) {
+                if (err) {
+                  return cb(err)
+                }
+                if (!shouldCopy) {
+                  return cb()
+                }
+                OutputCacheManager._copyFile(src, dst, dirCache, err => {
+                  if (err) {
+                    return cb(err)
+                  }
+                  file.build = buildId
+                  results.push(file)
+                  cb()
+                })
+              }
+            )
+          },
+          function (err) {
+            if (err) {
+              callback(err)
+              // clean up the directory we just created
+              fs.rm(cacheDir, { force: true, recursive: true }, function (err) {
+                if (err) {
+                  return logger.error(
+                    { err, dir: cacheDir },
+                    'error removing cache dir after failure'
+                  )
+                }
+              })
+            } else {
+              // pass back the list of new files in the cache
+              callback(null, results)
+              // let file expiry run in the background, expire all previous files if per-user
+              cleanupDirectory(outputDir, {
+                keep: buildId,
+                limit: perUser ? 1 : null,
+              }).catch(() => {})
+            }
+          }
+        )
+      }
+    })
+  },
+
+  collectOutputPdfSize(outputFiles, outputDir, stats, callback) {
+    const outputFile = outputFiles.find(x => x.path === 'output.pdf')
+    if (!outputFile) return callback(null, outputFiles)
+    const outputFilePath = Path.join(
+      outputDir,
+      OutputCacheManager.path(outputFile.build, outputFile.path)
+    )
+    fs.stat(outputFilePath, (err, stat) => {
+      if (err) return callback(err, outputFiles)
+
+      outputFile.size = stat.size
+      stats['pdf-size'] = outputFile.size
+      callback(null, outputFiles)
+    })
+  },
+
+  saveStreamsInContentDir(
+    { request, stats, timings, enablePdfCachingDark },
+    outputFiles,
+    compileDir,
+    outputDir,
+    callback
+  ) {
+    const cacheRoot = Path.join(outputDir, OutputCacheManager.CONTENT_SUBDIR)
+    // check if content dir exists
+    OutputCacheManager.ensureContentDir(cacheRoot, function (err, contentDir) {
+      if (err) return callback(err, 'content-dir-unavailable')
+
+      const outputFile = outputFiles.find(x => x.path === 'output.pdf')
+      if (outputFile) {
+        // possibly we should copy the file from the build dir here
+        const outputFilePath = Path.join(
+          outputDir,
+          OutputCacheManager.path(outputFile.build, outputFile.path)
+        )
+        const pdfSize = outputFile.size
+        const timer = new Metrics.Timer(
+          'compute-pdf-ranges',
+          1,
+          request.metricsOpts
+        )
+        ContentCacheManager.update(
+          {
+            contentDir,
+            filePath: outputFilePath,
+            pdfSize,
+            pdfCachingMinChunkSize: request.pdfCachingMinChunkSize,
+            compileTime: timings.compile,
+          },
+          function (err, result) {
+            if (err && err instanceof NoXrefTableError) {
+              return callback(null, err.message)
+            }
+            if (err && err instanceof QueueLimitReachedError) {
+              logger.warn({ err, outputDir }, 'pdf caching queue limit reached')
+              stats['pdf-caching-queue-limit-reached'] = 1
+              return callback(null, 'queue-limit')
+            }
+            if (err && err instanceof TimedOutError) {
+              logger.warn(
+                { err, outputDir, stats, timings },
+                'pdf caching timed out'
+              )
+              stats['pdf-caching-timed-out'] = 1
+              return callback(null, 'timed-out')
+            }
+            if (err) return callback(err, 'failed')
+            const {
+              contentRanges,
+              newContentRanges,
+              reclaimedSpace,
+              overheadDeleteStaleHashes,
+              timedOutErr,
+              startXRefTable,
+            } = result
+
+            let status = 'success'
+            if (timedOutErr) {
+              // Soft failure: let the frontend use partial set of ranges.
+              logger.warn(
+                {
+                  err: timedOutErr,
+                  overheadDeleteStaleHashes,
+                  outputDir,
+                  stats,
+                  timings,
+                },
+                'pdf caching timed out - soft failure'
+              )
+              stats['pdf-caching-timed-out'] = 1
+              status = 'timed-out-soft-failure'
+            }
+
+            if (enablePdfCachingDark) {
+              // In dark mode we are doing the computation only and do not emit
+              //  any ranges to the frontend.
+            } else {
+              outputFile.contentId = Path.basename(contentDir)
+              outputFile.ranges = contentRanges
+              outputFile.startXRefTable = startXRefTable
+            }
+
+            timings['compute-pdf-caching'] = timer.done()
+            stats['pdf-caching-n-ranges'] = contentRanges.length
+            stats['pdf-caching-total-ranges-size'] = contentRanges.reduce(
+              (sum, next) => sum + (next.end - next.start),
+              0
+            )
+            stats['pdf-caching-n-new-ranges'] = newContentRanges.length
+            stats['pdf-caching-new-ranges-size'] = newContentRanges.reduce(
+              (sum, next) => sum + (next.end - next.start),
+              0
+            )
+            stats['pdf-caching-reclaimed-space'] = reclaimedSpace
+            timings['pdf-caching-overhead-delete-stale-hashes'] =
+              overheadDeleteStaleHashes
+            callback(null, status)
+          }
+        )
+      } else {
+        callback(null, 'missing-pdf')
+      }
+    })
+  },
+
+  ensureContentDir(contentRoot, callback) {
+    fs.mkdir(contentRoot, { recursive: true }, function (err) {
+      if (err) {
+        return callback(err)
+      }
+      fs.readdir(contentRoot, function (err, results) {
+        if (err) return callback(err)
+        const dirs = results.sort()
+        const contentId = dirs.find(dir =>
+          OutputCacheManager.BUILD_REGEX.test(dir)
+        )
+        if (contentId) {
+          callback(null, Path.join(contentRoot, contentId))
+        } else {
+          // make a content directory
+          OutputCacheManager.generateBuildId(function (err, contentId) {
+            if (err) {
+              return callback(err)
+            }
+            const contentDir = Path.join(contentRoot, contentId)
+            fs.mkdir(contentDir, { recursive: true }, function (err) {
+              if (err) {
+                return callback(err)
+              }
+              callback(null, contentDir)
+            })
+          })
+        }
+      })
+    })
+  },
+
+  archiveLogs(outputFiles, compileDir, outputDir, buildId, callback) {
+    const archiveDir = Path.join(
+      outputDir,
+      OutputCacheManager.ARCHIVE_SUBDIR,
+      buildId
+    )
+    logger.debug({ dir: archiveDir }, 'archiving log files for project')
+    fs.mkdir(archiveDir, { recursive: true }, function (err) {
+      if (err) {
+        return callback(err)
+      }
+      const dirCache = new Set()
+      dirCache.add(archiveDir)
+      async.mapSeries(
+        outputFiles,
+        function (file, cb) {
+          const src = Path.join(compileDir, file.path)
+          const dst = Path.join(archiveDir, file.path)
+          OutputCacheManager._checkIfShouldArchive(
+            src,
+            function (err, shouldArchive) {
+              if (err) {
+                return cb(err)
+              }
+              if (!shouldArchive) {
+                return cb()
+              }
+              OutputCacheManager._copyFile(src, dst, dirCache, cb)
+            }
+          )
+        },
+        callback
+      )
+    })
+  },
+
+  expireOutputFiles(outputDir, options, callback) {
+    // look in compileDir for build dirs and delete if > N or age of mod time > T
+    const cleanupAll = cb => {
+      fs.rm(outputDir, { force: true, recursive: true }, err => {
+        if (err) {
+          return cb(err)
+        }
+        // Drop reference after successful cleanup of the output dir.
+        OLDEST_BUILD_DIR.delete(outputDir)
+        cb(null)
+      })
+    }
+
+    const cacheRoot = Path.join(outputDir, OutputCacheManager.CACHE_SUBDIR)
+    fs.readdir(cacheRoot, function (err, results) {
+      if (err) {
+        if (err.code === 'ENOENT') {
+          // cache directory is empty
+          return cleanupAll(callback)
+        }
+        logger.error({ err, projectId: cacheRoot }, 'error clearing cache')
+        return callback(err)
+      }
+
+      const dirs = results.sort().reverse()
+      const currentTime = Date.now()
+
+      let oldestDirTimeToKeep = 0
+
+      const isExpired = function (dir, index) {
+        if (options?.keep === dir) {
+          // This is the directory we just created for the compile request.
+          oldestDirTimeToKeep = currentTime
+          return false
+        }
+        // remove any directories over the requested (non-null) limit
+        if (options?.limit != null && index > options.limit) {
+          return true
+        }
+        // remove any directories over the hard limit
+        if (index > OutputCacheManager.CACHE_LIMIT) {
+          return true
+        }
+        // we can get the build time from the first part of the directory name DDDD-RRRR
+        // DDDD is date and RRRR is random bytes
+        const dirTime = parseInt(dir.split('-')[0], 16)
+        const age = currentTime - dirTime
+        const expired = age > OutputCacheManager.CACHE_AGE
+        if (expired) {
+          return true
+        }
+        oldestDirTimeToKeep = dirTime
+        return false
+      }
+
+      const toRemove = _.filter(dirs, isExpired)
+      if (toRemove.length === dirs.length) {
+        // No builds left after cleanup.
+        return cleanupAll(callback)
+      }
+
+      const removeDir = (dir, cb) =>
+        fs.rm(
+          Path.join(cacheRoot, dir),
+          { force: true, recursive: true },
+          function (err, result) {
+            logger.debug({ cache: cacheRoot, dir }, 'removed expired cache dir')
+            if (err) {
+              logger.error({ err, dir }, 'cache remove error')
+            }
+            cb(err, result)
+          }
+        )
+      async.eachSeries(
+        toRemove,
+        (dir, cb) => removeDir(dir, cb),
+        err => {
+          if (err) {
+            // On error: keep the timestamp in the past.
+            // The next iteration of the cleanup loop will retry the deletion.
+            return callback(err)
+          }
+          // On success: push the timestamp into the future.
+          OLDEST_BUILD_DIR.set(outputDir, oldestDirTimeToKeep)
+          callback(null)
+        }
+      )
+    })
+  },
+
+  _fileIsHidden(path) {
+    return path?.match(/^\.|\/\./) != null
+  },
+
+  _ensureParentExists(dst, dirCache, callback) {
+    let parent = Path.dirname(dst)
+    if (dirCache.has(parent)) {
+      callback()
+    } else {
+      fs.mkdir(parent, { recursive: true }, err => {
+        if (err) return callback(err)
+        while (!dirCache.has(parent)) {
+          dirCache.add(parent)
+          parent = Path.dirname(parent)
+        }
+        callback()
+      })
+    }
+  },
+
+  _copyFile(src, dst, dirCache, callback) {
+    OutputCacheManager._ensureParentExists(dst, dirCache, err => {
+      if (err) {
+        logger.warn(
+          { err, dst },
+          'creating parent directory in output cache failed'
+        )
+        return callback(err, false)
+      }
+      // copy output file into the cache
+      fs.copyFile(src, dst, function (err) {
+        if (err?.code === 'ENOENT') {
+          logger.warn(
+            { err, file: src },
+            'file has disappeared when copying to build cache'
+          )
+          callback(err, false)
+        } else if (err) {
+          logger.error({ err, src, dst }, 'copy error for file in cache')
+          callback(err)
+        } else {
+          if (Settings.clsi?.optimiseInDocker) {
+            // don't run any optimisations on the pdf when they are done
+            // in the docker container
+            callback()
+          } else {
+            // call the optimiser for the file too
+            OutputFileOptimiser.optimiseFile(src, dst, callback)
+          }
+        }
+      })
+    })
+  },
+
+  _checkIfShouldCopy(src, callback) {
+    callback(null, !Path.basename(src).match(/^strace/))
+  },
+
+  _checkIfShouldArchive(src, callback) {
+    if (Path.basename(src).match(/^strace/)) {
+      return callback(null, true)
+    }
+    const basename = Path.basename(src)
+    if (
+      Settings.clsi?.archive_logs &&
+      ['output.log', 'output.blg'].includes(basename)
+    ) {
+      return callback(null, true)
+    }
+    callback(null, false)
+  },
+}
+
+OutputCacheManager.promises = {
+  expireOutputFiles: promisify(OutputCacheManager.expireOutputFiles),
+  saveOutputFiles: promisify(OutputCacheManager.saveOutputFiles),
+  saveOutputFilesInBuildDir: promisify(
+    OutputCacheManager.saveOutputFilesInBuildDir
+  ),
+  queueDirOperation,
+}
diff --git a/services/clsi/app/js/OutputController.js b/services/clsi/app/js/OutputController.js
new file mode 100644
index 0000000..e5048c4
--- /dev/null
+++ b/services/clsi/app/js/OutputController.js
@@ -0,0 +1,23 @@
+const OutputFileArchiveManager = require('./OutputFileArchiveManager')
+const { expressify } = require('@overleaf/promise-utils')
+const { pipeline } = require('node:stream/promises')
+
+async function createOutputZip(req, res) {
+  const {
+    project_id: projectId,
+    user_id: userId,
+    build_id: buildId,
+  } = req.params
+
+  const archive = await OutputFileArchiveManager.archiveFilesForBuild(
+    projectId,
+    userId,
+    buildId
+  )
+
+  res.attachment('output.zip')
+  res.setHeader('X-Content-Type-Options', 'nosniff')
+  await pipeline(archive, res)
+}
+
+module.exports = { createOutputZip: expressify(createOutputZip) }
diff --git a/services/clsi/app/js/OutputFileArchiveManager.js b/services/clsi/app/js/OutputFileArchiveManager.js
new file mode 100644
index 0000000..64c5198
--- /dev/null
+++ b/services/clsi/app/js/OutputFileArchiveManager.js
@@ -0,0 +1,113 @@
+const archiver = require('archiver')
+const OutputCacheManager = require('./OutputCacheManager')
+const OutputFileFinder = require('./OutputFileFinder')
+const Settings = require('@overleaf/settings')
+const { open } = require('node:fs/promises')
+const { NotFoundError } = require('./Errors')
+const logger = require('@overleaf/logger')
+
+// NOTE: Updating this list requires a corresponding change in
+// * services/web/frontend/js/features/pdf-preview/util/file-list.ts
+const ignoreFiles = ['output.fls', 'output.fdb_latexmk']
+
+function getContentDir(projectId, userId) {
+  let subDir
+  if (userId != null) {
+    subDir = `${projectId}-${userId}`
+  } else {
+    subDir = projectId
+  }
+  return `${Settings.path.outputDir}/${subDir}/`
+}
+
+module.exports = {
+  async archiveFilesForBuild(projectId, userId, build) {
+    logger.debug({ projectId, userId, build }, 'Will create zip file')
+
+    const contentDir = getContentDir(projectId, userId)
+
+    const outputFiles = await this._getAllOutputFiles(
+      contentDir,
+      projectId,
+      userId,
+      build
+    )
+
+    const archive = archiver('zip')
+
+    archive.on('error', err => {
+      logger.warn(
+        { err, projectId, userId, build },
+        'error emitted when creating output files archive'
+      )
+    })
+
+    archive.on('warning', err => {
+      logger.warn(
+        { err, projectId, userId, build },
+        'warning emitted when creating output files archive'
+      )
+    })
+
+    const missingFiles = []
+
+    for (const { path } of outputFiles) {
+      let fileHandle
+      try {
+        fileHandle = await open(
+          `${contentDir}${OutputCacheManager.path(build, path)}`
+        )
+      } catch (error) {
+        logger.warn(
+          { path, error, projectId, userId, build },
+          'error opening file to add to output files archive'
+        )
+        missingFiles.push(path)
+        continue
+      }
+      const fileStream = fileHandle.createReadStream()
+      archive.append(fileStream, { name: path })
+    }
+
+    if (missingFiles.length > 0) {
+      archive.append(missingFiles.join('\n'), {
+        name: 'missing_files.txt',
+      })
+    }
+
+    archive.finalize().catch(error => {
+      logger.error(
+        { error, projectId, userId, build },
+        'error finalizing output files archive'
+      )
+    })
+
+    return archive
+  },
+
+  async _getAllOutputFiles(contentDir, projectId, userId, build) {
+    try {
+      const { outputFiles } = await OutputFileFinder.promises.findOutputFiles(
+        [],
+        `${contentDir}${OutputCacheManager.path(build, '.')}`
+      )
+
+      return outputFiles.filter(
+        // Ignore the pdf, clsi-cache tar-ball and also ignore the files ignored by the frontend.
+        ({ path }) =>
+          path !== 'output.pdf' &&
+          path !== 'output.tar.gz' &&
+          !ignoreFiles.includes(path)
+      )
+    } catch (error) {
+      if (
+        error.code === 'ENOENT' ||
+        error.code === 'ENOTDIR' ||
+        error.code === 'EACCES'
+      ) {
+        throw new NotFoundError('Output files not found')
+      }
+      throw error
+    }
+  },
+}
diff --git a/services/clsi/app/js/OutputFileFinder.js b/services/clsi/app/js/OutputFileFinder.js
new file mode 100644
index 0000000..e62038c
--- /dev/null
+++ b/services/clsi/app/js/OutputFileFinder.js
@@ -0,0 +1,53 @@
+const Path = require('node:path')
+const fs = require('node:fs')
+const { callbackifyMultiResult } = require('@overleaf/promise-utils')
+
+async function walkFolder(compileDir, d, files, allEntries) {
+  const dirents = await fs.promises.readdir(Path.join(compileDir, d), {
+    withFileTypes: true,
+  })
+  for (const dirent of dirents) {
+    const p = Path.join(d, dirent.name)
+    if (dirent.isDirectory()) {
+      await walkFolder(compileDir, p, files, allEntries)
+      allEntries.push(p + '/')
+    } else if (dirent.isFile()) {
+      files.push(p)
+      allEntries.push(p)
+    } else {
+      allEntries.push(p)
+    }
+  }
+}
+
+async function findOutputFiles(resources, directory) {
+  const files = []
+  const allEntries = []
+  await walkFolder(directory, '', files, allEntries)
+
+  const incomingResources = new Set(resources.map(resource => resource.path))
+
+  const outputFiles = []
+  for (const path of files) {
+    if (incomingResources.has(path)) continue
+    if (path === '.project-sync-state') continue
+    outputFiles.push({
+      path,
+      type: Path.extname(path).replace(/^\./, '') || undefined,
+    })
+  }
+  return {
+    outputFiles,
+    allEntries,
+  }
+}
+
+module.exports = {
+  findOutputFiles: callbackifyMultiResult(findOutputFiles, [
+    'outputFiles',
+    'allEntries',
+  ]),
+  promises: {
+    findOutputFiles,
+  },
+}
diff --git a/services/clsi/app/js/OutputFileOptimiser.js b/services/clsi/app/js/OutputFileOptimiser.js
new file mode 100644
index 0000000..09ca986
--- /dev/null
+++ b/services/clsi/app/js/OutputFileOptimiser.js
@@ -0,0 +1,100 @@
+/* eslint-disable
+    no-return-assign,
+    no-undef,
+    no-unused-vars,
+    n/no-deprecated-api,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let OutputFileOptimiser
+const fs = require('node:fs')
+const Path = require('node:path')
+const { spawn } = require('node:child_process')
+const logger = require('@overleaf/logger')
+const Metrics = require('./Metrics')
+const _ = require('lodash')
+
+module.exports = OutputFileOptimiser = {
+  optimiseFile(src, dst, callback) {
+    // check output file (src) and see if we can optimise it, storing
+    // the result in the build directory (dst)
+    if (callback == null) {
+      callback = function () {}
+    }
+    if (src.match(/\/output\.pdf$/)) {
+      return OutputFileOptimiser.checkIfPDFIsOptimised(
+        src,
+        function (err, isOptimised) {
+          if (err != null || isOptimised) {
+            return callback(null)
+          }
+          return OutputFileOptimiser.optimisePDF(src, dst, callback)
+        }
+      )
+    } else {
+      return callback(null)
+    }
+  },
+
+  checkIfPDFIsOptimised(file, callback) {
+    const SIZE = 16 * 1024 // check the header of the pdf
+    const result = Buffer.alloc(SIZE) // fills with zeroes by default
+    return fs.open(file, 'r', function (err, fd) {
+      if (err != null) {
+        return callback(err)
+      }
+      return fs.read(fd, result, 0, SIZE, 0, (errRead, bytesRead, buffer) =>
+        fs.close(fd, function (errClose) {
+          if (errRead != null) {
+            return callback(errRead)
+          }
+          if (typeof errReadClose !== 'undefined' && errReadClose !== null) {
+            return callback(errClose)
+          }
+          const isOptimised =
+            buffer.toString('ascii').indexOf('/Linearized 1') >= 0
+          return callback(null, isOptimised)
+        })
+      )
+    })
+  },
+
+  optimisePDF(src, dst, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    const tmpOutput = dst + '.opt'
+    const args = ['--linearize', '--newline-before-endstream', src, tmpOutput]
+    logger.debug({ args }, 'running qpdf command')
+
+    const timer = new Metrics.Timer('qpdf')
+    const proc = spawn('qpdf', args, { stdio: 'ignore' })
+    callback = _.once(callback) // avoid double call back for error and close event
+    proc.on('error', function (err) {
+      logger.warn({ err, args }, 'qpdf failed')
+      return callback(null)
+    }) // ignore the error
+    return proc.on('close', function (code) {
+      timer.done()
+      if (code !== 0) {
+        logger.warn({ code, args }, 'qpdf returned error')
+        return callback(null) // ignore the error
+      }
+      return fs.rename(tmpOutput, dst, function (err) {
+        if (err != null) {
+          logger.warn(
+            { tmpOutput, dst },
+            'failed to rename output of qpdf command'
+          )
+        }
+        return callback(null)
+      })
+    })
+  }, // ignore the error
+}
diff --git a/services/clsi/app/js/ProjectPersistenceManager.js b/services/clsi/app/js/ProjectPersistenceManager.js
new file mode 100644
index 0000000..e96a459
--- /dev/null
+++ b/services/clsi/app/js/ProjectPersistenceManager.js
@@ -0,0 +1,247 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let ProjectPersistenceManager
+const UrlCache = require('./UrlCache')
+const CompileManager = require('./CompileManager')
+const async = require('async')
+const logger = require('@overleaf/logger')
+const oneDay = 24 * 60 * 60 * 1000
+const Metrics = require('@overleaf/metrics')
+const Settings = require('@overleaf/settings')
+const { callbackify } = require('node:util')
+const Path = require('node:path')
+const fs = require('node:fs')
+
+// projectId -> timestamp mapping.
+const LAST_ACCESS = new Map()
+
+async function collectDiskStats() {
+  const paths = [
+    Settings.path.compilesDir,
+    Settings.path.outputDir,
+    Settings.path.clsiCacheDir,
+  ]
+
+  const diskStats = {}
+  for (const path of paths) {
+    try {
+      const { blocks, bavail, bsize } = await fs.promises.statfs(path)
+      const stats = {
+        // Warning: these values will be wrong by a factor in Docker-for-Mac.
+        // See https://github.com/docker/for-mac/issues/2136
+        total: blocks * bsize, // Total size of the file system in bytes
+        available: bavail * bsize, // Free space available to unprivileged users.
+      }
+      const diskAvailablePercent = (stats.available / stats.total) * 100
+      Metrics.gauge('disk_available_percent', diskAvailablePercent, 1, {
+        path,
+      })
+      const lowDisk = diskAvailablePercent < 10
+      diskStats[path] = { stats, lowDisk }
+    } catch (err) {
+      logger.err({ err, path }, 'error getting disk usage')
+    }
+  }
+  return diskStats
+}
+
+async function refreshExpiryTimeout() {
+  for (const [path, { stats, lowDisk }] of Object.entries(
+    await collectDiskStats()
+  )) {
+    const lowerExpiry = ProjectPersistenceManager.EXPIRY_TIMEOUT * 0.9
+    if (lowDisk && Settings.project_cache_length_ms / 2 < lowerExpiry) {
+      logger.warn(
+        {
+          path,
+          stats,
+          newExpiryTimeoutInDays: (lowerExpiry / oneDay).toFixed(2),
+        },
+        'disk running low on space, modifying EXPIRY_TIMEOUT'
+      )
+      ProjectPersistenceManager.EXPIRY_TIMEOUT = lowerExpiry
+      break
+    }
+  }
+}
+
+module.exports = ProjectPersistenceManager = {
+  EXPIRY_TIMEOUT: Settings.project_cache_length_ms || oneDay * 2.5,
+
+  promises: {
+    refreshExpiryTimeout,
+  },
+
+  refreshExpiryTimeout: callbackify(refreshExpiryTimeout),
+
+  init() {
+    fs.readdir(Settings.path.compilesDir, (err, dirs) => {
+      if (err) {
+        logger.warn({ err }, 'cannot get project listing')
+        dirs = []
+      }
+
+      async.eachLimit(
+        dirs,
+        10,
+        (projectAndUserId, cb) => {
+          const compileDir = Path.join(
+            Settings.path.compilesDir,
+            projectAndUserId
+          )
+          const projectId = projectAndUserId.slice(0, 24)
+          fs.stat(compileDir, (err, stats) => {
+            if (err) {
+              // Schedule for immediate cleanup
+              LAST_ACCESS.set(projectId, 0)
+            } else {
+              // Cleanup eventually.
+              LAST_ACCESS.set(projectId, stats.mtime.getTime())
+            }
+            cb()
+          })
+        },
+        () => {
+          setInterval(
+            () => {
+              ProjectPersistenceManager.refreshExpiryTimeout(() => {
+                ProjectPersistenceManager.clearExpiredProjects(err => {
+                  if (err) {
+                    logger.error({ err }, 'clearing expired projects failed')
+                  }
+                })
+              })
+            },
+            10 * 60 * 1000
+          )
+        }
+      )
+    })
+
+    // Collect disk stats frequently to have them ready the next time /metrics is scraped (60s +- jitter).
+    setInterval(() => {
+      collectDiskStats().catch(err => {
+        logger.err({ err }, 'low level error collecting disk stats')
+      })
+    }, 50_000)
+  },
+
+  markProjectAsJustAccessed(projectId, callback) {
+    LAST_ACCESS.set(projectId, Date.now())
+    callback()
+  },
+
+  clearExpiredProjects(callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return ProjectPersistenceManager._findExpiredProjectIds(
+      function (error, projectIds) {
+        if (error != null) {
+          return callback(error)
+        }
+        logger.debug({ projectIds }, 'clearing expired projects')
+        const jobs = Array.from(projectIds || []).map(projectId =>
+          (
+            projectId => callback =>
+              ProjectPersistenceManager.clearProjectFromCache(
+                projectId,
+                { reason: 'expired' },
+                function (err) {
+                  if (err != null) {
+                    logger.error({ err, projectId }, 'error clearing project')
+                  }
+                  return callback()
+                }
+              )
+          )(projectId)
+        )
+        return async.series(jobs, function (error) {
+          if (error != null) {
+            return callback(error)
+          }
+          return CompileManager.clearExpiredProjects(
+            ProjectPersistenceManager.EXPIRY_TIMEOUT,
+            error => callback(error)
+          )
+        })
+      }
+    )
+  }, // ignore any errors from deleting directories
+
+  clearProject(projectId, userId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    logger.debug({ projectId, userId }, 'clearing project for user')
+    return CompileManager.clearProject(projectId, userId, function (error) {
+      if (error != null) {
+        return callback(error)
+      }
+      return ProjectPersistenceManager.clearProjectFromCache(
+        projectId,
+        { reason: 'cleared' },
+        function (error) {
+          if (error != null) {
+            return callback(error)
+          }
+          return callback()
+        }
+      )
+    })
+  },
+
+  clearProjectFromCache(projectId, options, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    logger.debug({ projectId }, 'clearing project from cache')
+    return UrlCache.clearProject(projectId, options, function (error) {
+      if (error != null) {
+        logger.err({ error, projectId }, 'error clearing project from cache')
+        return callback(error)
+      }
+      return ProjectPersistenceManager._clearProjectFromDatabase(
+        projectId,
+        function (error) {
+          if (error != null) {
+            logger.err(
+              { error, projectId },
+              'error clearing project from database'
+            )
+          }
+          return callback(error)
+        }
+      )
+    })
+  },
+
+  _clearProjectFromDatabase(projectId, callback) {
+    LAST_ACCESS.delete(projectId)
+    callback()
+  },
+
+  _findExpiredProjectIds(callback) {
+    const expiredFrom = Date.now() - ProjectPersistenceManager.EXPIRY_TIMEOUT
+    const expiredProjectsIds = []
+    for (const [projectId, lastAccess] of LAST_ACCESS.entries()) {
+      if (lastAccess < expiredFrom) {
+        expiredProjectsIds.push(projectId)
+      }
+    }
+    // ^ may be a fairly busy loop, continue detached.
+    setTimeout(() => callback(null, expiredProjectsIds), 0)
+  },
+}
+
+logger.debug(
+  { EXPIRY_TIMEOUT: ProjectPersistenceManager.EXPIRY_TIMEOUT },
+  'project assets kept timeout'
+)
diff --git a/services/clsi/app/js/RequestParser.js b/services/clsi/app/js/RequestParser.js
new file mode 100644
index 0000000..4e9d722
--- /dev/null
+++ b/services/clsi/app/js/RequestParser.js
@@ -0,0 +1,250 @@
+const settings = require('@overleaf/settings')
+const OutputCacheManager = require('./OutputCacheManager')
+
+const VALID_COMPILERS = ['pdflatex', 'latex', 'xelatex', 'lualatex']
+const MAX_TIMEOUT = 600
+const EDITOR_ID_REGEX = /^[a-f0-9-]{36}$/ // UUID
+
+function parse(body, callback) {
+  const response = {}
+
+  if (body.compile == null) {
+    return callback(
+      new Error('top level object should have a compile attribute')
+    )
+  }
+
+  const { compile } = body
+  if (!compile.options) {
+    compile.options = {}
+  }
+
+  try {
+    response.metricsOpts = {
+      path: _parseAttribute('metricsPath', compile.options.metricsPath, {
+        default: '',
+        type: 'string',
+      }),
+      method: _parseAttribute('metricsMethod', compile.options.metricsMethod, {
+        default: '',
+        type: 'string',
+      }),
+      // Will be populated later. Must always be populated for prom library.
+      compile: 'initial',
+    }
+    response.compiler = _parseAttribute('compiler', compile.options.compiler, {
+      validValues: VALID_COMPILERS,
+      default: 'pdflatex',
+      type: 'string',
+    })
+    response.compileFromClsiCache = _parseAttribute(
+      'compileFromClsiCache',
+      compile.options.compileFromClsiCache,
+      { default: false, type: 'boolean' }
+    )
+    response.populateClsiCache = _parseAttribute(
+      'populateClsiCache',
+      compile.options.populateClsiCache,
+      { default: false, type: 'boolean' }
+    )
+    response.enablePdfCaching = _parseAttribute(
+      'enablePdfCaching',
+      compile.options.enablePdfCaching,
+      {
+        default: false,
+        type: 'boolean',
+      }
+    )
+    response.pdfCachingMinChunkSize = _parseAttribute(
+      'pdfCachingMinChunkSize',
+      compile.options.pdfCachingMinChunkSize,
+      {
+        default: settings.pdfCachingMinChunkSize,
+        type: 'number',
+      }
+    )
+    response.timeout = _parseAttribute('timeout', compile.options.timeout, {
+      default: MAX_TIMEOUT,
+      type: 'number',
+    })
+    response.imageName = _parseAttribute(
+      'imageName',
+      compile.options.imageName,
+      {
+        type: 'string',
+        validValues:
+          settings.clsi &&
+          settings.clsi.docker &&
+          settings.clsi.docker.allowedImages,
+      }
+    )
+    response.draft = _parseAttribute('draft', compile.options.draft, {
+      default: false,
+      type: 'boolean',
+    })
+    response.stopOnFirstError = _parseAttribute(
+      'stopOnFirstError',
+      compile.options.stopOnFirstError,
+      {
+        default: false,
+        type: 'boolean',
+      }
+    )
+    response.check = _parseAttribute('check', compile.options.check, {
+      type: 'string',
+    })
+    response.flags = _parseAttribute('flags', compile.options.flags, {
+      default: [],
+      type: 'object',
+    })
+    if (settings.allowedCompileGroups) {
+      response.compileGroup = _parseAttribute(
+        'compileGroup',
+        compile.options.compileGroup,
+        {
+          validValues: settings.allowedCompileGroups,
+          default: '',
+          type: 'string',
+        }
+      )
+    }
+    // The syncType specifies whether the request contains all
+    // resources (full) or only those resources to be updated
+    // in-place (incremental).
+    response.syncType = _parseAttribute('syncType', compile.options.syncType, {
+      validValues: ['full', 'incremental'],
+      type: 'string',
+    })
+
+    // The syncState is an identifier passed in with the request
+    // which has the property that it changes when any resource is
+    // added, deleted, moved or renamed.
+    //
+    // on syncType full the syncState identifier is passed in and
+    // stored
+    //
+    // on syncType incremental the syncState identifier must match
+    // the stored value
+    response.syncState = _parseAttribute(
+      'syncState',
+      compile.options.syncState,
+      { type: 'string' }
+    )
+
+    if (response.timeout > MAX_TIMEOUT) {
+      response.timeout = MAX_TIMEOUT
+    }
+    response.timeout = response.timeout * 1000 // milliseconds
+
+    response.resources = (compile.resources || []).map(resource =>
+      _parseResource(resource)
+    )
+
+    const rootResourcePath = _parseAttribute(
+      'rootResourcePath',
+      compile.rootResourcePath,
+      {
+        default: 'main.tex',
+        type: 'string',
+      }
+    )
+    response.rootResourcePath = _checkPath(rootResourcePath)
+
+    response.editorId = _parseAttribute('editorId', compile.options.editorId, {
+      type: 'string',
+      regex: EDITOR_ID_REGEX,
+    })
+    response.buildId = _parseAttribute('buildId', compile.options.buildId, {
+      type: 'string',
+      regex: OutputCacheManager.BUILD_REGEX,
+    })
+  } catch (error1) {
+    const error = error1
+    return callback(error)
+  }
+
+  callback(null, response)
+}
+
+function _parseResource(resource) {
+  let modified
+  if (resource.path == null || typeof resource.path !== 'string') {
+    throw new Error('all resources should have a path attribute')
+  }
+
+  if (resource.modified != null) {
+    modified = new Date(resource.modified)
+    if (isNaN(modified.getTime())) {
+      throw new Error(
+        `resource modified date could not be understood: ${resource.modified}`
+      )
+    }
+  }
+
+  if (resource.url == null && resource.content == null) {
+    throw new Error(
+      'all resources should have either a url or content attribute'
+    )
+  }
+  if (resource.content != null && typeof resource.content !== 'string') {
+    throw new Error('content attribute should be a string')
+  }
+  if (resource.url != null && typeof resource.url !== 'string') {
+    throw new Error('url attribute should be a string')
+  }
+  if (resource.fallbackURL && typeof resource.fallbackURL !== 'string') {
+    throw new Error('fallbackURL attribute should be a string')
+  }
+
+  return {
+    path: resource.path,
+    modified,
+    url: resource.url,
+    fallbackURL: resource.fallbackURL,
+    content: resource.content,
+  }
+}
+
+function _parseAttribute(name, attribute, options) {
+  if (attribute != null) {
+    if (options.validValues != null) {
+      if (options.validValues.indexOf(attribute) === -1) {
+        throw new Error(
+          `${name} attribute should be one of: ${options.validValues.join(
+            ', '
+          )}`
+        )
+      }
+    }
+    if (options.type != null) {
+      // eslint-disable-next-line valid-typeof
+      if (typeof attribute !== options.type) {
+        throw new Error(`${name} attribute should be a ${options.type}`)
+      }
+    }
+    if (options.type === 'string' && options.regex instanceof RegExp) {
+      if (!options.regex.test(attribute)) {
+        throw new Error(
+          `${name} attribute does not match regex ${options.regex}`
+        )
+      }
+    }
+  } else {
+    if (options.default != null) {
+      return options.default
+    }
+  }
+  return attribute
+}
+
+function _checkPath(path) {
+  // check that the request does not use a relative path
+  for (const dir of Array.from(path.split('/'))) {
+    if (dir === '..') {
+      throw new Error('relative path in root resource')
+    }
+  }
+  return path
+}
+
+module.exports = { parse, MAX_TIMEOUT }
diff --git a/services/clsi/app/js/ResourceStateManager.js b/services/clsi/app/js/ResourceStateManager.js
new file mode 100644
index 0000000..a5f747e
--- /dev/null
+++ b/services/clsi/app/js/ResourceStateManager.js
@@ -0,0 +1,116 @@
+const Path = require('node:path')
+const fs = require('node:fs')
+const logger = require('@overleaf/logger')
+const Errors = require('./Errors')
+const SafeReader = require('./SafeReader')
+
+module.exports = {
+  // The sync state is an identifier which must match for an
+  // incremental update to be allowed.
+  //
+  // The initial value is passed in and stored on a full
+  // compile, along with the list of resources..
+  //
+  // Subsequent incremental compiles must come with the same value - if
+  // not they will be rejected with a 409 Conflict response. The
+  // previous list of resources is returned.
+  //
+  // An incremental compile can only update existing files with new
+  // content.  The sync state identifier must change if any docs or
+  // files are moved, added, deleted or renamed.
+
+  SYNC_STATE_FILE: '.project-sync-state',
+  SYNC_STATE_MAX_SIZE: 128 * 1024,
+
+  saveProjectState(state, resources, basePath, callback) {
+    const stateFile = Path.join(basePath, this.SYNC_STATE_FILE)
+    if (state == null) {
+      // remove the file if no state passed in
+      logger.debug({ state, basePath }, 'clearing sync state')
+      fs.unlink(stateFile, function (err) {
+        if (err && err.code !== 'ENOENT') {
+          return callback(err)
+        } else {
+          return callback()
+        }
+      })
+    } else {
+      logger.debug({ state, basePath }, 'writing sync state')
+      const resourceList = resources.map(resource => resource.path)
+      fs.writeFile(
+        stateFile,
+        [...resourceList, `stateHash:${state}`].join('\n'),
+        callback
+      )
+    }
+  },
+
+  checkProjectStateMatches(state, basePath, callback) {
+    const stateFile = Path.join(basePath, this.SYNC_STATE_FILE)
+    const size = this.SYNC_STATE_MAX_SIZE
+    SafeReader.readFile(
+      stateFile,
+      size,
+      'utf8',
+      function (err, result, bytesRead) {
+        if (err) {
+          return callback(err)
+        }
+        if (bytesRead === size) {
+          logger.error(
+            { file: stateFile, size, bytesRead },
+            'project state file truncated'
+          )
+        }
+        const array = result ? result.toString().split('\n') : []
+        const adjustedLength = Math.max(array.length, 1)
+        const resourceList = array.slice(0, adjustedLength - 1)
+        const oldState = array[adjustedLength - 1]
+        const newState = `stateHash:${state}`
+        logger.debug(
+          { state, oldState, basePath, stateMatches: newState === oldState },
+          'checking sync state'
+        )
+        if (newState !== oldState) {
+          return callback(
+            new Errors.FilesOutOfSyncError(
+              'invalid state for incremental update'
+            )
+          )
+        } else {
+          const resources = resourceList.map(path => ({ path }))
+          callback(null, resources)
+        }
+      }
+    )
+  },
+
+  checkResourceFiles(resources, allFiles, basePath, callback) {
+    // check the paths are all relative to current directory
+    const containsRelativePath = resource => {
+      const dirs = resource.path.split('/')
+      return dirs.indexOf('..') !== -1
+    }
+    if (resources.some(containsRelativePath)) {
+      return callback(new Error('relative path in resource file list'))
+    }
+    // check if any of the input files are not present in list of files
+    const seenFiles = new Set(allFiles)
+    const missingFiles = resources
+      .map(resource => resource.path)
+      .filter(path => !seenFiles.has(path))
+    if (missingFiles.length > 0) {
+      logger.err(
+        { missingFiles, basePath, allFiles, resources },
+        'missing input files for project'
+      )
+      return callback(
+        new Errors.FilesOutOfSyncError(
+          'resource files missing in incremental update'
+        )
+      )
+    } else {
+      callback()
+    }
+  },
+}
diff --git a/services/clsi/app/js/ResourceWriter.js b/services/clsi/app/js/ResourceWriter.js
new file mode 100644
index 0000000..bf88538
--- /dev/null
+++ b/services/clsi/app/js/ResourceWriter.js
@@ -0,0 +1,384 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+    no-useless-escape,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let ResourceWriter
+const { promisify } = require('node:util')
+const UrlCache = require('./UrlCache')
+const Path = require('node:path')
+const fs = require('node:fs')
+const async = require('async')
+const OutputFileFinder = require('./OutputFileFinder')
+const ResourceStateManager = require('./ResourceStateManager')
+const Metrics = require('./Metrics')
+const logger = require('@overleaf/logger')
+const settings = require('@overleaf/settings')
+
+const parallelFileDownloads = settings.parallelFileDownloads || 1
+
+module.exports = ResourceWriter = {
+  syncResourcesToDisk(request, basePath, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    if (request.syncType === 'incremental') {
+      logger.debug(
+        { projectId: request.project_id, userId: request.user_id },
+        'incremental sync'
+      )
+      return ResourceStateManager.checkProjectStateMatches(
+        request.syncState,
+        basePath,
+        function (error, resourceList) {
+          if (error != null) {
+            return callback(error)
+          }
+          return ResourceWriter._removeExtraneousFiles(
+            request,
+            resourceList,
+            basePath,
+            function (error, outputFiles, allFiles) {
+              if (error != null) {
+                return callback(error)
+              }
+              return ResourceStateManager.checkResourceFiles(
+                resourceList,
+                allFiles,
+                basePath,
+                function (error) {
+                  if (error != null) {
+                    return callback(error)
+                  }
+                  return ResourceWriter.saveIncrementalResourcesToDisk(
+                    request.project_id,
+                    request.resources,
+                    basePath,
+                    function (error) {
+                      if (error != null) {
+                        return callback(error)
+                      }
+                      return callback(null, resourceList)
+                    }
+                  )
+                }
+              )
+            }
+          )
+        }
+      )
+    }
+    logger.debug(
+      { projectId: request.project_id, userId: request.user_id },
+      'full sync'
+    )
+    UrlCache.createProjectDir(request.project_id, error => {
+      if (error != null) {
+        return callback(error)
+      }
+      ResourceWriter.saveAllResourcesToDisk(
+        request,
+        basePath,
+        function (error) {
+          if (error != null) {
+            return callback(error)
+          }
+          return ResourceStateManager.saveProjectState(
+            request.syncState,
+            request.resources,
+            basePath,
+            function (error) {
+              if (error != null) {
+                return callback(error)
+              }
+              return callback(null, request.resources)
+            }
+          )
+        }
+      )
+    })
+  },
+
+  saveIncrementalResourcesToDisk(projectId, resources, basePath, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return ResourceWriter._createDirectory(basePath, error => {
+      if (error != null) {
+        return callback(error)
+      }
+      const jobs = Array.from(resources).map(resource =>
+        (resource => {
+          return callback =>
+            ResourceWriter._writeResourceToDisk(
+              projectId,
+              resource,
+              basePath,
+              callback
+            )
+        })(resource)
+      )
+      return async.parallelLimit(jobs, parallelFileDownloads, callback)
+    })
+  },
+
+  saveAllResourcesToDisk(request, basePath, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return ResourceWriter._createDirectory(basePath, error => {
+      if (error != null) {
+        return callback(error)
+      }
+      const { project_id: projectId, resources } = request
+      ResourceWriter._removeExtraneousFiles(
+        request,
+        resources,
+        basePath,
+        error => {
+          if (error != null) {
+            return callback(error)
+          }
+          const jobs = Array.from(resources).map(resource =>
+            (resource => {
+              return callback =>
+                ResourceWriter._writeResourceToDisk(
+                  projectId,
+                  resource,
+                  basePath,
+                  callback
+                )
+            })(resource)
+          )
+          return async.parallelLimit(jobs, parallelFileDownloads, callback)
+        }
+      )
+    })
+  },
+
+  _createDirectory(basePath, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return fs.mkdir(basePath, function (err) {
+      if (err != null) {
+        if (err.code === 'EEXIST') {
+          return callback()
+        } else {
+          logger.debug({ err, dir: basePath }, 'error creating directory')
+          return callback(err)
+        }
+      } else {
+        return callback()
+      }
+    })
+  },
+
+  _removeExtraneousFiles(request, resources, basePath, _callback) {
+    if (_callback == null) {
+      _callback = function () {}
+    }
+    const timer = new Metrics.Timer(
+      'unlink-output-files',
+      1,
+      request.metricsOpts
+    )
+    const callback = function (error, ...result) {
+      timer.done()
+      return _callback(error, ...Array.from(result))
+    }
+
+    return OutputFileFinder.findOutputFiles(
+      resources,
+      basePath,
+      (error, outputFiles, allFiles) => {
+        if (error != null) {
+          return callback(error)
+        }
+
+        const jobs = []
+        for (const { path } of outputFiles || []) {
+          const shouldDelete = ResourceWriter.isExtraneousFile(path)
+          if (shouldDelete) {
+            jobs.push(callback =>
+              ResourceWriter._deleteFileIfNotDirectory(
+                Path.join(basePath, path),
+                callback
+              )
+            )
+          }
+        }
+
+        return async.series(jobs, function (error) {
+          if (error != null) {
+            return callback(error)
+          }
+          return callback(null, outputFiles, allFiles)
+        })
+      }
+    )
+  },
+
+  isExtraneousFile(path) {
+    let shouldDelete = true
+    if (
+      path.match(/^output\./) ||
+      path.match(/\.aux$/) ||
+      path.match(/^cache\//)
+    ) {
+      // knitr cache
+      shouldDelete = false
+    }
+    if (path.match(/^output-.*/)) {
+      // Tikz cached figures (default case)
+      shouldDelete = false
+    }
+    if (path.match(/\.(pdf|dpth|md5)$/)) {
+      // Tikz cached figures (by extension)
+      shouldDelete = false
+    }
+    if (
+      path.match(/\.(pygtex|pygstyle)$/) ||
+      path.match(/(^|\/)_minted-[^\/]+\//)
+    ) {
+      // minted files/directory
+      shouldDelete = false
+    }
+    if (path.match(/\.md\.tex$/) || path.match(/(^|\/)_markdown_[^\/]+\//)) {
+      // markdown files/directory
+      shouldDelete = false
+    }
+    if (path.match(/-eps-converted-to\.pdf$/)) {
+      // Epstopdf generated files
+      shouldDelete = false
+    }
+    if (
+      path === 'output.tar.gz' ||
+      path === 'output.synctex.gz' ||
+      path === 'output.pdfxref' ||
+      path === 'output.pdf' ||
+      path === 'output.dvi' ||
+      path === 'output.log' ||
+      path === 'output.xdv' ||
+      path === 'output.stdout' ||
+      path === 'output.stderr'
+    ) {
+      shouldDelete = true
+    }
+    if (path === 'output.tex') {
+      // created by TikzManager if present in output files
+      shouldDelete = true
+    }
+    return shouldDelete
+  },
+
+  _deleteFileIfNotDirectory(path, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return fs.stat(path, function (error, stat) {
+      if (error != null && error.code === 'ENOENT') {
+        return callback()
+      } else if (error != null) {
+        logger.err(
+          { err: error, path },
+          'error stating file in deleteFileIfNotDirectory'
+        )
+        return callback(error)
+      } else if (stat.isFile()) {
+        return fs.unlink(path, function (error) {
+          if (error != null) {
+            logger.err(
+              { err: error, path },
+              'error removing file in deleteFileIfNotDirectory'
+            )
+            return callback(error)
+          } else {
+            return callback()
+          }
+        })
+      } else {
+        return callback()
+      }
+    })
+  },
+
+  _writeResourceToDisk(projectId, resource, basePath, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return ResourceWriter.checkPath(
+      basePath,
+      resource.path,
+      function (error, path) {
+        if (error != null) {
+          return callback(error)
+        }
+        return fs.mkdir(
+          Path.dirname(path),
+          { recursive: true },
+          function (error) {
+            if (error != null) {
+              return callback(error)
+            }
+            // TODO: Don't overwrite file if it hasn't been modified
+            if (resource.url != null) {
+              return UrlCache.downloadUrlToFile(
+                projectId,
+                resource.url,
+                resource.fallbackURL,
+                path,
+                resource.modified,
+                function (err) {
+                  if (err != null) {
+                    logger.err(
+                      {
+                        err,
+                        projectId,
+                        path,
+                        resourceUrl: resource.url,
+                        modified: resource.modified,
+                      },
+                      'error downloading file for resources'
+                    )
+                    Metrics.inc('download-failed')
+                  }
+                  return callback()
+                }
+              ) // try and continue compiling even if http resource can not be downloaded at this time
+            } else {
+              fs.writeFile(path, resource.content, callback)
+            }
+          }
+        )
+      }
+    )
+  },
+
+  checkPath(basePath, resourcePath, callback) {
+    const path = Path.normalize(Path.join(basePath, resourcePath))
+    if (path.slice(0, basePath.length + 1) !== basePath + '/') {
+      return callback(new Error('resource path is outside root directory'))
+    } else {
+      return callback(null, path)
+    }
+  },
+}
+
+module.exports.promises = {
+  syncResourcesToDisk: promisify(ResourceWriter.syncResourcesToDisk),
+  saveIncrementalResourcesToDisk: promisify(
+    ResourceWriter.saveIncrementalResourcesToDisk
+  ),
+  saveAllResourcesToDisk: promisify(ResourceWriter.saveAllResourcesToDisk),
+  checkPath: promisify(ResourceWriter.checkPath),
+}
diff --git a/services/clsi/app/js/SafeReader.js b/services/clsi/app/js/SafeReader.js
new file mode 100644
index 0000000..8b1b5ab
--- /dev/null
+++ b/services/clsi/app/js/SafeReader.js
@@ -0,0 +1,62 @@
+/* eslint-disable
+    no-unused-vars,
+    n/no-deprecated-api,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let SafeReader
+const fs = require('node:fs')
+const logger = require('@overleaf/logger')
+
+module.exports = SafeReader = {
+  // safely read up to size bytes from a file and return result as a
+  // string
+
+  readFile(file, size, encoding, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return fs.open(file, 'r', function (err, fd) {
+      if (err != null && err.code === 'ENOENT') {
+        return callback()
+      }
+      if (err != null) {
+        return callback(err)
+      }
+
+      // safely return always closing the file
+      const callbackWithClose = (err, ...result) =>
+        fs.close(fd, function (err1) {
+          if (err != null) {
+            return callback(err)
+          }
+          if (err1 != null) {
+            return callback(err1)
+          }
+          return callback(null, ...Array.from(result))
+        })
+      const buff = Buffer.alloc(size) // fills with zeroes by default
+      return fs.read(
+        fd,
+        buff,
+        0,
+        buff.length,
+        0,
+        function (err, bytesRead, buffer) {
+          if (err != null) {
+            return callbackWithClose(err)
+          }
+          const result = buffer.toString(encoding, 0, bytesRead)
+          return callbackWithClose(null, result, bytesRead)
+        }
+      )
+    })
+  },
+}
diff --git a/services/clsi/app/js/StaticServerForbidSymlinks.js b/services/clsi/app/js/StaticServerForbidSymlinks.js
new file mode 100644
index 0000000..a5ec774
--- /dev/null
+++ b/services/clsi/app/js/StaticServerForbidSymlinks.js
@@ -0,0 +1,89 @@
+/* eslint-disable
+    no-cond-assign,
+    no-unused-vars,
+    n/no-deprecated-api,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let ForbidSymlinks
+const Path = require('node:path')
+const fs = require('node:fs')
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+
+module.exports = ForbidSymlinks = function (staticFn, root, options) {
+  const expressStatic = staticFn(root, options)
+  const basePath = Path.resolve(root)
+  return function (req, res, next) {
+    let file, projectId, result
+    const path = req.url
+    // check that the path is of the form /project_id_or_name/path/to/file.log
+    if ((result = path.match(/^\/([a-zA-Z0-9_-]+)\/(.*)$/s))) {
+      projectId = result[1]
+      file = result[2]
+      if (path !== `/${projectId}/${file}`) {
+        logger.warn({ path }, 'unrecognized file request')
+        return res.sendStatus(404)
+      }
+    } else {
+      logger.warn({ path }, 'unrecognized file request')
+      return res.sendStatus(404)
+    }
+    // check that the file does not use a relative path
+    for (const dir of Array.from(file.split('/'))) {
+      if (dir === '..') {
+        logger.warn({ path }, 'attempt to use a relative path')
+        return res.sendStatus(404)
+      }
+    }
+    // check that the requested path is normalized
+    const requestedFsPath = `${basePath}/${projectId}/${file}`
+    if (requestedFsPath !== Path.normalize(requestedFsPath)) {
+      logger.error(
+        { path: requestedFsPath },
+        'requestedFsPath is not normalized'
+      )
+      return res.sendStatus(404)
+    }
+    // check that the requested path is not a symlink
+    return fs.realpath(requestedFsPath, function (err, realFsPath) {
+      if (err != null) {
+        if (err.code === 'ENOENT') {
+          return res.sendStatus(404)
+        } else {
+          logger.error(
+            {
+              err,
+              requestedFsPath,
+              realFsPath,
+              path: req.params[0],
+              projectId: req.params.project_id,
+            },
+            'error checking file access'
+          )
+          return res.sendStatus(500)
+        }
+      } else if (requestedFsPath !== realFsPath) {
+        logger.warn(
+          {
+            requestedFsPath,
+            realFsPath,
+            path: req.params[0],
+            projectId: req.params.project_id,
+          },
+          'trying to access a different file (symlink), aborting'
+        )
+        return res.sendStatus(404)
+      } else {
+        return expressStatic(req, res, next)
+      }
+    })
+  }
+}
diff --git a/services/clsi/app/js/SynctexOutputParser.js b/services/clsi/app/js/SynctexOutputParser.js
new file mode 100644
index 0000000..5b2d237
--- /dev/null
+++ b/services/clsi/app/js/SynctexOutputParser.js
@@ -0,0 +1,113 @@
+const Path = require('node:path')
+
+/**
+ * Parse output from the `synctex view` command
+ */
+function parseViewOutput(output) {
+  return _parseOutput(output, (record, label, value) => {
+    switch (label) {
+      case 'Page':
+        _setIntProp(record, 'page', value)
+        break
+      case 'h':
+        _setFloatProp(record, 'h', value)
+        break
+      case 'v':
+        _setFloatProp(record, 'v', value)
+        break
+      case 'W':
+        _setFloatProp(record, 'width', value)
+        break
+      case 'H':
+        _setFloatProp(record, 'height', value)
+        break
+    }
+  })
+}
+
+/**
+ * Parse output from the `synctex edit` command
+ */
+function parseEditOutput(output, baseDir) {
+  return _parseOutput(output, (record, label, value) => {
+    switch (label) {
+      case 'Input':
+        if (Path.isAbsolute(value)) {
+          record.file = Path.relative(baseDir, value)
+        } else {
+          record.file = value
+        }
+        break
+      case 'Line':
+        _setIntProp(record, 'line', value)
+        break
+      case 'Column':
+        _setIntProp(record, 'column', value)
+        break
+    }
+  })
+}
+
+/**
+ * Generic parser for synctex output
+ *
+ * Parses the output into records. Each line is split into a label and a value,
+ * which are then sent to `processLine` for further processing.
+ */
+function _parseOutput(output, processLine) {
+  const lines = output.split('\n')
+  let currentRecord = null
+  const records = []
+  for (const line of lines) {
+    const [label, value] = _splitLine(line)
+
+    // A line that starts with 'Output:' indicates a new record
+    if (label === 'Output') {
+      // Start new record
+      currentRecord = {}
+      records.push(currentRecord)
+      continue
+    }
+
+    // Ignore the line if we're not in a record yet
+    if (currentRecord == null) {
+      continue
+    }
+
+    // Process the line
+    processLine(currentRecord, label, value)
+  }
+  return records
+}
+
+/**
+ * Split a line in label and value components.
+ *
+ * The components are separated by a colon. Note that this is slightly
+ * different from `line.split(':', 2)`. This version puts the entirety of the
+ * line after the colon in the value component, even if there are more colons
+ * on the line.
+ */
+function _splitLine(line) {
+  const splitIndex = line.indexOf(':')
+  if (splitIndex === -1) {
+    return ['', line]
+  }
+  return [line.slice(0, splitIndex).trim(), line.slice(splitIndex + 1).trim()]
+}
+
+function _setIntProp(record, prop, value) {
+  const intValue = parseInt(value, 10)
+  if (!isNaN(intValue)) {
+    record[prop] = intValue
+  }
+}
+
+function _setFloatProp(record, prop, value) {
+  const floatValue = parseFloat(value)
+  if (!isNaN(floatValue)) {
+    record[prop] = floatValue
+  }
+}
+
+module.exports = { parseViewOutput, parseEditOutput }
diff --git a/services/clsi/app/js/TikzManager.js b/services/clsi/app/js/TikzManager.js
new file mode 100644
index 0000000..ca9db6b
--- /dev/null
+++ b/services/clsi/app/js/TikzManager.js
@@ -0,0 +1,109 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let TikzManager
+const fs = require('node:fs')
+const Path = require('node:path')
+const { promisify } = require('node:util')
+const ResourceWriter = require('./ResourceWriter')
+const SafeReader = require('./SafeReader')
+const logger = require('@overleaf/logger')
+
+// for \tikzexternalize or pstool to work the main file needs to match the
+// jobname.  Since we set the -jobname to output, we have to create a
+// copy of the main file as 'output.tex'.
+
+module.exports = TikzManager = {
+  checkMainFile(compileDir, mainFile, resources, callback) {
+    // if there's already an output.tex file, we don't want to touch it
+    if (callback == null) {
+      callback = function () {}
+    }
+    for (const resource of Array.from(resources)) {
+      if (resource.path === 'output.tex') {
+        logger.debug(
+          { compileDir, mainFile },
+          'output.tex already in resources'
+        )
+        return callback(null, false)
+      }
+    }
+    // if there's no output.tex, see if we are using tikz/pgf or pstool in the main file
+    return ResourceWriter.checkPath(
+      compileDir,
+      mainFile,
+      function (error, path) {
+        if (error != null) {
+          return callback(error)
+        }
+        return SafeReader.readFile(
+          path,
+          65536,
+          'utf8',
+          function (error, content) {
+            if (error != null) {
+              return callback(error)
+            }
+            const usesTikzExternalize =
+              (content != null
+                ? content.indexOf('\\tikzexternalize')
+                : undefined) >= 0
+            const usesPsTool =
+              (content != null ? content.indexOf('{pstool}') : undefined) >= 0
+            logger.debug(
+              { compileDir, mainFile, usesTikzExternalize, usesPsTool },
+              'checked for packages needing main file as output.tex'
+            )
+            const needsMainFile = usesTikzExternalize || usesPsTool
+            return callback(null, needsMainFile)
+          }
+        )
+      }
+    )
+  },
+
+  injectOutputFile(compileDir, mainFile, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return ResourceWriter.checkPath(
+      compileDir,
+      mainFile,
+      function (error, path) {
+        if (error != null) {
+          return callback(error)
+        }
+        return fs.readFile(path, 'utf8', function (error, content) {
+          if (error != null) {
+            return callback(error)
+          }
+          logger.debug(
+            { compileDir, mainFile },
+            'copied file to output.tex as project uses packages which require it'
+          )
+          // use wx flag to ensure that output file does not already exist
+          return fs.writeFile(
+            Path.join(compileDir, 'output.tex'),
+            content,
+            { flag: 'wx' },
+            callback
+          )
+        })
+      }
+    )
+  },
+}
+
+module.exports.promises = {
+  checkMainFile: promisify(TikzManager.checkMainFile),
+  injectOutputFile: promisify(TikzManager.injectOutputFile),
+}
diff --git a/services/clsi/app/js/UrlCache.js b/services/clsi/app/js/UrlCache.js
new file mode 100644
index 0000000..36703e7
--- /dev/null
+++ b/services/clsi/app/js/UrlCache.js
@@ -0,0 +1,132 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const UrlFetcher = require('./UrlFetcher')
+const Settings = require('@overleaf/settings')
+const fs = require('node:fs')
+const Path = require('node:path')
+const { callbackify } = require('node:util')
+const Metrics = require('./Metrics')
+
+const PENDING_DOWNLOADS = new Map()
+
+function getProjectDir(projectId) {
+  return Path.join(Settings.path.clsiCacheDir, projectId)
+}
+
+function getCachePath(projectId, url, lastModified) {
+  // The url is a filestore URL.
+  // It is sufficient to look at the path and mtime for uniqueness.
+  const mtime = (lastModified && lastModified.getTime()) || 0
+  const key = new URL(url).pathname.replace(/\//g, '-') + '-' + mtime
+  return Path.join(getProjectDir(projectId), key)
+}
+
+async function clearProject(projectId, options) {
+  const timer = new Metrics.Timer('url_cache', {
+    status: options?.reason || 'unknown',
+    path: 'delete',
+  })
+  await fs.promises.rm(getProjectDir(projectId), {
+    force: true,
+    recursive: true,
+  })
+  timer.done()
+}
+
+async function createProjectDir(projectId) {
+  await fs.promises.mkdir(getProjectDir(projectId), { recursive: true })
+}
+
+async function downloadUrlToFile(
+  projectId,
+  url,
+  fallbackURL,
+  destPath,
+  lastModified
+) {
+  const cachePath = getCachePath(projectId, url, lastModified)
+  try {
+    const timer = new Metrics.Timer('url_cache', {
+      status: 'cache-hit',
+      path: 'copy',
+    })
+    try {
+      await fs.promises.copyFile(cachePath, destPath)
+    } catch (err) {
+      if (err.code === 'ENOENT' && fallbackURL) {
+        const fallbackPath = getCachePath(projectId, fallbackURL, lastModified)
+        await fs.promises.copyFile(fallbackPath, destPath)
+      } else {
+        throw err
+      }
+    }
+    // the metric is only updated if the file is present in the cache
+    timer.done()
+    return
+  } catch (e) {
+    if (e.code !== 'ENOENT') {
+      throw e
+    }
+  }
+  // time the download
+  {
+    const timer = new Metrics.Timer('url_cache', {
+      status: 'cache-miss',
+      path: 'download',
+    })
+    try {
+      await download(url, fallbackURL, cachePath)
+    } finally {
+      timer.done()
+    }
+  }
+  // time the file copy
+  {
+    const timer = new Metrics.Timer('url_cache', {
+      status: 'cache-miss',
+      path: 'copy',
+    })
+    await fs.promises.copyFile(cachePath, destPath)
+    timer.done()
+  }
+}
+
+async function download(url, fallbackURL, cachePath) {
+  let pending = PENDING_DOWNLOADS.get(cachePath)
+  if (pending) {
+    return pending
+  }
+
+  pending = UrlFetcher.promises.pipeUrlToFileWithRetry(
+    url,
+    fallbackURL,
+    cachePath
+  )
+  PENDING_DOWNLOADS.set(cachePath, pending)
+  try {
+    await pending
+  } finally {
+    PENDING_DOWNLOADS.delete(cachePath)
+  }
+}
+
+module.exports = {
+  clearProject: callbackify(clearProject),
+  createProjectDir: callbackify(createProjectDir),
+  downloadUrlToFile: callbackify(downloadUrlToFile),
+  promises: {
+    clearProject,
+    createProjectDir,
+    downloadUrlToFile,
+  },
+}
diff --git a/services/clsi/app/js/UrlFetcher.js b/services/clsi/app/js/UrlFetcher.js
new file mode 100644
index 0000000..2c44f3a
--- /dev/null
+++ b/services/clsi/app/js/UrlFetcher.js
@@ -0,0 +1,122 @@
+const fs = require('node:fs')
+const logger = require('@overleaf/logger')
+const Settings = require('@overleaf/settings')
+const {
+  CustomHttpAgent,
+  CustomHttpsAgent,
+  fetchStream,
+  RequestFailedError,
+} = require('@overleaf/fetch-utils')
+const { URL } = require('node:url')
+const { pipeline } = require('node:stream/promises')
+const Metrics = require('./Metrics')
+
+const MAX_CONNECT_TIME = 1000
+const httpAgent = new CustomHttpAgent({ connectTimeout: MAX_CONNECT_TIME })
+const httpsAgent = new CustomHttpsAgent({ connectTimeout: MAX_CONNECT_TIME })
+
+async function pipeUrlToFileWithRetry(url, fallbackURL, filePath) {
+  let remainingAttempts = 3
+  let lastErr
+  while (remainingAttempts-- > 0) {
+    const timer = new Metrics.Timer('url_fetcher', {
+      path: lastErr ? ' retry' : 'fetch',
+    })
+    try {
+      await pipeUrlToFile(url, fallbackURL, filePath)
+      timer.done({ status: 'success' })
+      return
+    } catch (err) {
+      timer.done({ status: 'error' })
+      logger.warn(
+        { err, url, filePath, remainingAttempts },
+        'error downloading url'
+      )
+      lastErr = err
+    }
+  }
+  throw lastErr
+}
+
+async function pipeUrlToFile(url, fallbackURL, filePath) {
+  const u = new URL(url)
+  if (
+    Settings.filestoreDomainOveride &&
+    u.host !== Settings.apis.clsiPerf.host
+  ) {
+    url = `${Settings.filestoreDomainOveride}${u.pathname}${u.search}`
+  }
+  if (fallbackURL) {
+    const u2 = new URL(fallbackURL)
+    if (
+      Settings.filestoreDomainOveride &&
+      u2.host !== Settings.apis.clsiPerf.host
+    ) {
+      fallbackURL = `${Settings.filestoreDomainOveride}${u2.pathname}${u2.search}`
+    }
+  }
+
+  let stream
+  try {
+    stream = await fetchStream(url, {
+      signal: AbortSignal.timeout(60 * 1000),
+      // provide a function to get the agent for each request
+      // as there may be multiple requests with different protocols
+      // due to redirects.
+      agent: _url => (_url.protocol === 'https:' ? httpsAgent : httpAgent),
+    })
+  } catch (err) {
+    if (
+      fallbackURL &&
+      err instanceof RequestFailedError &&
+      err.response.status === 404
+    ) {
+      stream = await fetchStream(fallbackURL, {
+        signal: AbortSignal.timeout(60 * 1000),
+        // provide a function to get the agent for each request
+        // as there may be multiple requests with different protocols
+        // due to redirects.
+        agent: _url => (_url.protocol === 'https:' ? httpsAgent : httpAgent),
+      })
+      url = fallbackURL
+    } else {
+      throw err
+    }
+  }
+
+  const source = inferSource(url)
+  Metrics.inc('url_source', 1, { path: source })
+
+  const atomicWrite = filePath + '~'
+  try {
+    const output = fs.createWriteStream(atomicWrite)
+    await pipeline(stream, output)
+    await fs.promises.rename(atomicWrite, filePath)
+    Metrics.count('UrlFetcher.downloaded_bytes', output.bytesWritten, {
+      path: source,
+    })
+  } catch (err) {
+    try {
+      await fs.promises.unlink(atomicWrite)
+    } catch (e) {}
+    throw err
+  }
+}
+
+const BUCKET_REGEX = /\/bucket\/([^/]+)\/key\//
+
+function inferSource(url) {
+  if (url.includes(Settings.apis.clsiPerf.host)) {
+    return 'clsi-perf'
+  } else if (url.includes('/project/') && url.includes('/file/')) {
+    return 'user-files'
+  } else if (url.includes('/key/')) {
+    const match = url.match(BUCKET_REGEX)
+    if (match) return match[1]
+  }
+  return 'unknown'
+}
+
+module.exports.promises = {
+  pipeUrlToFileWithRetry,
+}
diff --git a/services/clsi/app/js/XrefParser.js b/services/clsi/app/js/XrefParser.js
new file mode 100644
index 0000000..5f2d154
--- /dev/null
+++ b/services/clsi/app/js/XrefParser.js
@@ -0,0 +1,67 @@
+const { NoXrefTableError } = require('./Errors')
+const fs = require('node:fs')
+const { O_RDONLY, O_NOFOLLOW } = fs.constants
+const MAX_XREF_FILE_SIZE = 1024 * 1024
+
+/**  Parse qpdf --show-xref output to get a table of xref entries
+ *
+ * @param {string} filePath
+ * @param {number} pdfFileSize
+ * @returns
+ */
+async function parseXrefTable(filePath, pdfFileSize) {
+  try {
+    // the xref table will be written to output.pdfxref when available
+    const xRefFilePath = filePath + 'xref'
+    // check the size of the file (as it is untrusted)
+    const stats = await fs.promises.stat(xRefFilePath)
+    if (!stats.isFile()) {
+      throw new NoXrefTableError('xref file invalid type')
+    }
+    if (stats.size === 0) {
+      throw new NoXrefTableError('xref file empty')
+    }
+    if (stats.size > MAX_XREF_FILE_SIZE) {
+      throw new NoXrefTableError('xref file too large')
+    }
+    const content = await fs.promises.readFile(xRefFilePath, {
+      encoding: 'ascii',
+      flag: O_RDONLY | O_NOFOLLOW,
+    })
+    // the qpdf xref table output looks like this:
+    //
+    //    3/0: uncompressed; offset = 194159
+    //
+    // we only need the uncompressed objects
+    const matches = content.matchAll(
+      // put an upper limit of 10^10 on all the matched numbers for safety
+      // ignore the generation id in "id/gen"
+      // in a linearized pdf all objects must have generation number 0
+      /^\d{1,9}\/\d{1,9}: uncompressed; offset = (\d{1,9})$/gm
+    )
+    // include a zero-index object for backwards compatibility with
+    // our existing xref table parsing code
+    const xRefEntries = [{ offset: 0 }]
+    // extract all the xref table entries
+    for (const match of matches) {
+      const offset = parseInt(match[1], 10)
+      xRefEntries.push({ offset, uncompressed: true })
+    }
+    if (xRefEntries.length === 1) {
+      throw new NoXrefTableError('xref file has no objects')
+    }
+    return { xRefEntries }
+  } catch (err) {
+    if (err instanceof NoXrefTableError) {
+      throw err
+    } else if (err.code) {
+      throw new NoXrefTableError(`xref file error ${err.code}`)
+    } else {
+      throw new NoXrefTableError('xref file parse error')
+    }
+  }
+}
+
+module.exports = {
+  parseXrefTable,
+}
diff --git a/services/clsi/bin/.gitignore b/services/clsi/bin/.gitignore
new file mode 100644
index 0000000..e69de29
diff --git a/services/clsi/bin/acceptance_test b/services/clsi/bin/acceptance_test
new file mode 100644
index 0000000..fd2e513
--- /dev/null
+++ b/services/clsi/bin/acceptance_test
@@ -0,0 +1,4 @@
+#!/bin/bash
+set -e;
+MOCHA="node_modules/.bin/mocha --recursive --reporter spec --timeout 15000"
+$MOCHA "$@"
diff --git a/services/clsi/buildscript.txt b/services/clsi/buildscript.txt
new file mode 100644
index 0000000..1834ac9
--- /dev/null
+++ b/services/clsi/buildscript.txt
@@ -0,0 +1,11 @@
+clsi
+--data-dirs=cache,compiles,output
+--dependencies=
+--docker-repos=gcr.io/overleaf-ops,us-east1-docker.pkg.dev/overleaf-ops/ol-docker
+--env-add=ENABLE_PDF_CACHING="true",PDF_CACHING_ENABLE_WORKER_POOL="true",ALLOWED_IMAGES=quay.io/sharelatex/texlive-full:2017.1,TEXLIVE_IMAGE=quay.io/sharelatex/texlive-full:2017.1,TEX_LIVE_IMAGE_NAME_OVERRIDE=gcr.io/overleaf-ops,TEXLIVE_IMAGE_USER="tex",DOCKER_RUNNER="true",COMPILES_HOST_DIR=$PWD/compiles,OUTPUT_HOST_DIR=$PWD/output
+--env-pass-through=
+--esmock-loader=False
+--node-version=20.18.2
+--public-repo=True
+--script-version=4.7.0
+--use-large-ci-runner=True
diff --git a/services/clsi/docker-compose.ci.yml b/services/clsi/docker-compose.ci.yml
new file mode 100644
index 0000000..1754a3a
--- /dev/null
+++ b/services/clsi/docker-compose.ci.yml
@@ -0,0 +1,47 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    command: npm run test:unit:_run
+    environment:
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+
+
+  test_acceptance:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      MOCHA_GREP: ${MOCHA_GREP}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+      ENABLE_PDF_CACHING: "true"
+      PDF_CACHING_ENABLE_WORKER_POOL: "true"
+      ALLOWED_IMAGES: quay.io/sharelatex/texlive-full:2017.1
+      TEXLIVE_IMAGE: quay.io/sharelatex/texlive-full:2017.1
+      TEX_LIVE_IMAGE_NAME_OVERRIDE: gcr.io/overleaf-ops
+      TEXLIVE_IMAGE_USER: "tex"
+      DOCKER_RUNNER: "true"
+      COMPILES_HOST_DIR: $PWD/compiles
+      OUTPUT_HOST_DIR: $PWD/output
+    volumes:
+      - ./compiles:/overleaf/services/clsi/compiles
+      - /var/run/docker.sock:/var/run/docker.sock
+    command: npm run test:acceptance
+
+
+  tar:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    volumes:
+      - ./:/tmp/build/
+    command: tar -czf /tmp/build/build.tar.gz --exclude=build.tar.gz --exclude-vcs .
+    user: root
diff --git a/services/clsi/docker-compose.yml b/services/clsi/docker-compose.yml
new file mode 100644
index 0000000..3e70c25
--- /dev/null
+++ b/services/clsi/docker-compose.yml
@@ -0,0 +1,54 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    build:
+      context: ../..
+      dockerfile: services/clsi/Dockerfile
+      target: base
+    volumes:
+      - .:/overleaf/services/clsi
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/clsi
+    environment:
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    command: npm run --silent test:unit
+
+  test_acceptance:
+    build:
+      context: ../..
+      dockerfile: services/clsi/Dockerfile
+      target: base
+    volumes:
+      - .:/overleaf/services/clsi
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+      - /var/run/docker.sock:/var/run/docker.sock
+    working_dir: /overleaf/services/clsi
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+      ENABLE_PDF_CACHING: "true"
+      PDF_CACHING_ENABLE_WORKER_POOL: "true"
+      ALLOWED_IMAGES: quay.io/sharelatex/texlive-full:2017.1
+      TEXLIVE_IMAGE: quay.io/sharelatex/texlive-full:2017.1
+      TEX_LIVE_IMAGE_NAME_OVERRIDE: gcr.io/overleaf-ops
+      TEXLIVE_IMAGE_USER: "tex"
+      DOCKER_RUNNER: "true"
+      COMPILES_HOST_DIR: $PWD/compiles
+      OUTPUT_HOST_DIR: $PWD/output
+    command: npm run --silent test:acceptance
+
diff --git a/services/clsi/entrypoint.sh b/services/clsi/entrypoint.sh
new file mode 100755
index 0000000..bb551c9
--- /dev/null
+++ b/services/clsi/entrypoint.sh
@@ -0,0 +1,14 @@
+#!/bin/sh
+
+# add the node user to the docker group on the host
+DOCKER_GROUP=$(stat -c '%g' /var/run/docker.sock)
+groupadd --non-unique --gid "${DOCKER_GROUP}" dockeronhost
+usermod -aG dockeronhost node
+
+# compatibility: initial volume setup
+mkdir -p /overleaf/services/clsi/cache && chown node:node /overleaf/services/clsi/cache
+mkdir -p /overleaf/services/clsi/compiles && chown node:node /overleaf/services/clsi/compiles
+mkdir -p /overleaf/services/clsi/db && chown node:node /overleaf/services/clsi/db
+mkdir -p /overleaf/services/clsi/output && chown node:node /overleaf/services/clsi/output
+
+exec runuser -u node -- "$@"
diff --git a/services/clsi/install_deps.sh b/services/clsi/install_deps.sh
new file mode 100755
index 0000000..07711b2
--- /dev/null
+++ b/services/clsi/install_deps.sh
@@ -0,0 +1,24 @@
+#!/bin/bash
+set -ex
+
+apt-get update
+
+apt-get install -y \
+  poppler-utils \
+  ghostscript \
+
+rm -rf /var/lib/apt/lists/*
+
+# Allow ImageMagick to process PDF files. This is for tests only, but since we
+# use the production images for tests, this will apply to production as well.
+patch /etc/ImageMagick-6/policy.xml <<EOF
+--- old.xml	2022-03-23 09:16:03.985433900 -0400
++++ new.xml	2022-03-23 09:16:18.625471992 -0400
+@@ -91,6 +91,5 @@
+   <policy domain="coder" rights="none" pattern="PS2" />
+   <policy domain="coder" rights="none" pattern="PS3" />
+   <policy domain="coder" rights="none" pattern="EPS" />
+-  <policy domain="coder" rights="none" pattern="PDF" />
+   <policy domain="coder" rights="none" pattern="XPS" />
+ </policymap>
+EOF
diff --git a/services/clsi/kube.yaml b/services/clsi/kube.yaml
new file mode 100644
index 0000000..d3fb042
--- /dev/null
+++ b/services/clsi/kube.yaml
@@ -0,0 +1,41 @@
+apiVersion: v1
+kind: Service
+metadata:
+  name: clsi
+  namespace: default
+spec:
+  type: LoadBalancer
+  ports:
+  - port: 80
+    protocol: TCP
+    targetPort: 80
+  selector:
+    run: clsi
+---
+apiVersion: extensions/v1beta1
+kind: Deployment
+metadata:
+  name: clsi
+  namespace: default
+spec:
+  replicas: 2
+  template:
+    metadata:
+      labels:
+        run: clsi
+    spec:
+      containers:
+      - name: clsi
+        image: gcr.io/henry-terraform-admin/clsi
+        imagePullPolicy: Always
+        readinessProbe:
+          httpGet:
+            path: status
+            port: 80
+          periodSeconds: 5
+          initialDelaySeconds: 0
+          failureThreshold: 3
+          successThreshold: 1
+
+
+
diff --git a/services/clsi/nginx.conf b/services/clsi/nginx.conf
new file mode 100644
index 0000000..604eb93
--- /dev/null
+++ b/services/clsi/nginx.conf
@@ -0,0 +1,117 @@
+# keep in sync with clsi-startup.sh files
+# keep in sync with server-ce/nginx/clsi-nginx.conf
+# Changes to the above:
+#  - added debug header
+
+server {
+  # Extra header for dev-env.
+  add_header 'X-Served-By' 'clsi-nginx' always;
+
+  listen 8080;
+  server_name clsi-proxy;
+  server_tokens off;
+  access_log off;
+  # Ignore symlinks possibly created by users
+  disable_symlinks on;
+  # enable compression for tex auxiliary files, but not for pdf files
+  gzip on;
+  gzip_types text/plain;
+  gzip_proxied any;
+  types {
+      text/plain log blg aux stdout stderr;
+      application/pdf pdf;
+  }
+
+  # user content domain access check
+  # The project-id is zero prefixed. No actual user project uses these ids.
+  # mongo-id 000000000000000000000000 -> 1970-01-01T00:00:00.000Z
+  # mongo-id 000000010000000000000000 -> 1970-01-01T00:00:01.000Z
+  # mongo-id 100000000000000000000000 -> 1978-07-04T21:24:16.000Z
+  # This allows us to distinguish between check-traffic and regular output traffic.
+  location ~ ^/project/0([0-9a-f]+)/user/([0-9a-f]+)/build/([0-9a-f-]+)/output/output\.pdf$ {
+    if ($request_method = 'OPTIONS') {
+      # handle OPTIONS method for CORS requests
+      add_header 'Allow' 'GET,HEAD';
+      return 204;
+    }
+    alias /var/clsi/tiny.pdf;
+  }
+  location ~ ^/project/0([0-9a-f]+)/build/([0-9a-f-]+)/output/output\.pdf$ {
+    if ($request_method = 'OPTIONS') {
+      # handle OPTIONS method for CORS requests
+      add_header 'Allow' 'GET,HEAD';
+      return 204;
+    }
+    alias /var/clsi/tiny.pdf;
+  }
+
+  # handle output files for specific users
+  location ~ ^/project/([0-9a-f]+)/user/([0-9a-f]+)/build/([0-9a-f-]+)/output/output\.([a-z.]+)$ {
+    if ($request_method = 'OPTIONS') {
+      # handle OPTIONS method for CORS requests
+      add_header 'Allow' 'GET,HEAD';
+      return 204;
+    }
+    alias /output/$1-$2/generated-files/$3/output.$4;
+  }
+  # handle .blg files for specific users
+  location ~ ^/project/([0-9a-f]+)/user/([0-9a-f]+)/build/([0-9a-f-]+)/output/(.+)\.blg$ {
+    if ($request_method = 'OPTIONS') {
+      # handle OPTIONS method for CORS requests
+      add_header 'Allow' 'GET,HEAD';
+      return 204;
+    }
+    alias /output/$1-$2/generated-files/$3/$4.blg;
+  }
+  # handle output files for anonymous users
+  location ~ ^/project/([0-9a-f]+)/build/([0-9a-f-]+)/output/output\.([a-z.]+)$ {
+    if ($request_method = 'OPTIONS') {
+      # handle OPTIONS method for CORS requests
+      add_header 'Allow' 'GET,HEAD';
+      return 204;
+    }
+    alias /output/$1/generated-files/$2/output.$3;
+  }
+  # handle .blg files for anonymous users
+  location ~ ^/project/([0-9a-f]+)/build/([0-9a-f-]+)/output/(.+)\.blg$ {
+    if ($request_method = 'OPTIONS') {
+      # handle OPTIONS method for CORS requests
+      add_header 'Allow' 'GET,HEAD';
+      return 204;
+    }
+    alias /output/$1/generated-files/$2/$3.blg;
+  }
+
+  # PDF range for specific users
+  location ~ ^/project/([0-9a-f]+)/user/([0-9a-f]+)/content/([0-9a-f-]+/[0-9a-f]+)$ {
+    if ($request_method = 'OPTIONS') {
+      # handle OPTIONS method for CORS requests
+      add_header 'Allow' 'GET,HEAD';
+      return 204;
+    }
+    # Cache for one day
+    expires 1d;
+    alias /output/$1-$2/content/$3;
+  }
+  # PDF range for anonymous users
+  location ~ ^/project/([0-9a-f]+)/content/([0-9a-f-]+/[0-9a-f]+)$ {
+    if ($request_method = 'OPTIONS') {
+      # handle OPTIONS method for CORS requests
+      add_header 'Allow' 'GET,HEAD';
+      return 204;
+    }
+    # Cache for one day
+    expires 1d;
+    alias /output/$1/content/$2;
+  }
+
+  # status endpoint for haproxy httpchk option
+  location /status {
+    return 200;
+  }
+
+  # load shedding probe
+  location = /instance-state {
+    alias /var/clsi/instance-state;
+  }
+}
diff --git a/services/clsi/package.json b/services/clsi/package.json
new file mode 100644
index 0000000..86566e0
--- /dev/null
+++ b/services/clsi/package.json
@@ -0,0 +1,52 @@
+{
+  "name": "@overleaf/clsi",
+  "description": "A Node.js implementation of the CLSI LaTeX web-API",
+  "private": true,
+  "main": "app.js",
+  "scripts": {
+    "start": "node app.js",
+    "test:acceptance:_run": "mocha --recursive --reporter spec --timeout 15000 --exit $@ test/acceptance/js",
+    "test:acceptance": "npm run test:acceptance:_run -- --grep=$MOCHA_GREP",
+    "test:unit:_run": "mocha --recursive --reporter spec $@ test/unit/js",
+    "test:unit": "npm run test:unit:_run -- --grep=$MOCHA_GREP",
+    "nodemon": "node --watch app.js",
+    "lint": "eslint --max-warnings 0 --format unix .",
+    "format": "prettier --list-different $PWD/'**/*.*js'",
+    "format:fix": "prettier --write $PWD/'**/*.*js'",
+    "lint:fix": "eslint --fix .",
+    "types:check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@overleaf/fetch-utils": "*",
+    "@overleaf/logger": "*",
+    "@overleaf/metrics": "*",
+    "@overleaf/o-error": "*",
+    "@overleaf/promise-utils": "*",
+    "@overleaf/settings": "*",
+    "archiver": "5.3.2",
+    "async": "^3.2.5",
+    "body-parser": "^1.20.3",
+    "bunyan": "^1.8.15",
+    "dockerode": "^4.0.5",
+    "express": "^4.21.2",
+    "lodash": "^4.17.21",
+    "p-limit": "^3.1.0",
+    "request": "^2.88.2",
+    "send": "^0.19.0",
+    "tar-fs": "^3.0.4",
+    "workerpool": "^6.1.5"
+  },
+  "devDependencies": {
+    "@types/workerpool": "^6.1.0",
+    "chai": "^4.3.6",
+    "chai-as-promised": "^7.1.1",
+    "mocha": "^11.1.0",
+    "mock-fs": "^5.1.2",
+    "node-fetch": "^2.7.0",
+    "sandboxed-module": "^2.0.4",
+    "sinon": "~9.0.1",
+    "sinon-chai": "^3.7.0",
+    "timekeeper": "2.2.0",
+    "typescript": "^5.0.4"
+  }
+}
diff --git a/services/clsi/patch-texlive-dockerfile b/services/clsi/patch-texlive-dockerfile
new file mode 100644
index 0000000..61cb796
--- /dev/null
+++ b/services/clsi/patch-texlive-dockerfile
@@ -0,0 +1,3 @@
+FROM quay.io/sharelatex/texlive-full:2017.1
+
+# RUN usermod -u 1001 tex
diff --git a/services/clsi/scripts/demo-pdfjs-Xref.js b/services/clsi/scripts/demo-pdfjs-Xref.js
new file mode 100644
index 0000000..1f55c57
--- /dev/null
+++ b/services/clsi/scripts/demo-pdfjs-Xref.js
@@ -0,0 +1,12 @@
+const fs = require('node:fs')
+const { parseXrefTable } = require('../app/lib/pdfjs/parseXrefTable')
+
+const pdfPath = process.argv[2]
+
+async function main() {
+  const size = (await fs.promises.stat(pdfPath)).size
+  const { xRefEntries } = await parseXrefTable(pdfPath, size)
+  console.log('Xref entries', xRefEntries)
+}
+
+main().catch(console.error)
diff --git a/services/clsi/seccomp/clsi-profile.json b/services/clsi/seccomp/clsi-profile.json
new file mode 100644
index 0000000..084354b
--- /dev/null
+++ b/services/clsi/seccomp/clsi-profile.json
@@ -0,0 +1,841 @@
+{
+    "defaultAction": "SCMP_ACT_ERRNO",
+    "architectures": [
+        "SCMP_ARCH_X86_64",
+        "SCMP_ARCH_X86",
+        "SCMP_ARCH_X32"
+    ],
+    "syscalls": [
+        {
+          "name": "getrandom",
+          "action": "SCMP_ACT_ALLOW",
+          "args": []
+        },
+        {
+            "name": "access",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "arch_prctl",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "brk",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "chdir",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "chmod",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "clock_getres",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "clock_gettime",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "clock_nanosleep",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "clone",
+            "action": "SCMP_ACT_ALLOW",
+            "args": [
+                {
+                    "index": 0,
+                    "value": 2080505856,
+                    "valueTwo": 0,
+                    "op": "SCMP_CMP_MASKED_EQ"
+                }
+            ]
+        },
+        {
+            "name": "close",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "copy_file_range",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "creat",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "dup",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "dup2",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "dup3",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "execve",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "execveat",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "exit",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "exit_group",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "faccessat",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "fadvise64",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "fadvise64_64",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "fallocate",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "fchdir",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "fchmod",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "fchmodat",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "fcntl",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "fcntl64",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "fdatasync",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "fork",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "fstat",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "fstat64",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "fstatat64",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "fstatfs",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "fstatfs64",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "fsync",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "ftruncate",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "ftruncate64",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "futex",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "futimesat",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getcpu",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getcwd",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getdents",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getdents64",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getegid",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getegid32",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "geteuid",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "geteuid32",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getgid",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getgid32",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getgroups",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getgroups32",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getpgid",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getpgrp",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getpid",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getppid",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getpriority",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getresgid",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getresgid32",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getresuid",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getresuid32",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getrlimit",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "get_robust_list",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getrusage",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getsid",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "gettid",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getuid",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "getuid32",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "ioctl",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "kill",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "_llseek",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "lseek",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "lstat",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "lstat64",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "madvise",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "mkdir",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "mkdirat",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "mmap",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "mmap2",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "mprotect",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "mremap",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "munmap",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "newfstatat",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "open",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "openat",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "pause",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "pipe",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "pipe2",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "prctl",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "pread64",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "preadv",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "prlimit64",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "pwrite64",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "pwritev",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "read",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "readlink",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "readlinkat",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "readv",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "rename",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "renameat",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "renameat2",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "restart_syscall",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "rmdir",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "rt_sigaction",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "rt_sigpending",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "rt_sigprocmask",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "rt_sigqueueinfo",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "rt_sigreturn",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "rt_sigsuspend",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "rt_sigtimedwait",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "rt_tgsigqueueinfo",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "sched_getaffinity",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "sched_getparam",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "sched_get_priority_max",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "sched_get_priority_min",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "sched_getscheduler",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "sched_rr_get_interval",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "sched_yield",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "sendfile",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "sendfile64",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "setgroups",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "setgroups32",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "set_robust_list",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "set_tid_address",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "sigaltstack",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "stat",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "stat64",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "statfs",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "statfs64",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "sync",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "sync_file_range",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "syncfs",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "sysinfo",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "tgkill",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "timer_create",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "timer_delete",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "timer_getoverrun",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "timer_gettime",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "timer_settime",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "times",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "tkill",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "truncate",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "truncate64",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "umask",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "uname",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "unlink",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "unlinkat",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "utime",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "utimensat",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "utimes",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "vfork",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "vhangup",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "wait4",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "waitid",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "write",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "writev",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "pread",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "setgid",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "setuid",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "capget",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "capset",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+            "name": "fchown",
+            "action": "SCMP_ACT_ALLOW",
+            "args": []
+        },
+        {
+          "name": "gettimeofday",
+          "action": "SCMP_ACT_ALLOW",
+          "args": []
+        }, {
+          "name": "epoll_pwait",
+          "action": "SCMP_ACT_ALLOW",
+          "args": []
+        }
+    ]
+}
\ No newline at end of file
diff --git a/services/clsi/synctex.profile b/services/clsi/synctex.profile
new file mode 100644
index 0000000..577a901
--- /dev/null
+++ b/services/clsi/synctex.profile
@@ -0,0 +1,34 @@
+include /etc/firejail/disable-common.inc
+include /etc/firejail/disable-devel.inc
+# include /etc/firejail/disable-mgmt.inc  ## removed in 0.9.40
+# include /etc/firejail/disable-secret.inc ## removed in 0.9.40
+
+read-only /bin
+blacklist /boot
+blacklist /dev
+read-only /etc
+blacklist /home # blacklisted for synctex
+read-only /lib
+read-only /lib64
+blacklist /media
+blacklist /mnt
+blacklist /opt
+blacklist /root
+read-only /run
+blacklist /sbin
+blacklist /selinux
+blacklist /src
+blacklist /sys
+read-only /usr
+
+caps.drop all
+noroot
+nogroups
+net none
+private-tmp
+private-dev
+shell none
+seccomp
+nonewprivs
+
+
diff --git a/services/clsi/test/acceptance/fixtures/examples/asymptote/main.tex b/services/clsi/test/acceptance/fixtures/examples/asymptote/main.tex
new file mode 100644
index 0000000..910cef5
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/asymptote/main.tex
@@ -0,0 +1,117 @@
+\documentclass[12pt]{article}
+
+% Use this form to include EPS (latex) or PDF (pdflatex) files:
+\usepackage{asymptote}
+
+% Use this form with latex or pdflatex to include inline LaTeX code by default:
+%\usepackage[inline]{asymptote}
+
+% Use this form with latex or pdflatex to create PDF attachments by default:
+%\usepackage[attach]{asymptote}
+
+% Enable this line to support the attach option:
+%\usepackage[dvips]{attachfile2}
+
+\begin{document}
+
+% Optional subdirectory for asy files (no spaces):
+\def\asydir{}
+
+\begin{asydef}
+// Global Asymptote definitions can be put here.
+import three;
+usepackage("bm");
+texpreamble("\def\V#1{\bm{#1}}");
+// One can globally override the default toolbar settings here:
+// settings.toolbar=true;
+\end{asydef}
+
+Here is a venn diagram produced with Asymptote, drawn to width 4cm:
+
+\def\A{A}
+\def\B{\V{B}}
+
+%\begin{figure}
+\begin{center}
+\begin{asy}
+size(4cm,0);
+pen colour1=red;
+pen colour2=green;
+
+pair z0=(0,0);
+pair z1=(-1,0);
+pair z2=(1,0);
+real r=1.5;
+path c1=circle(z1,r);
+path c2=circle(z2,r);
+fill(c1,colour1);
+fill(c2,colour2);
+
+picture intersection=new picture;
+fill(intersection,c1,colour1+colour2);
+clip(intersection,c2);
+
+add(intersection);
+
+draw(c1);
+draw(c2);
+
+//draw("$\A$",box,z1);              // Requires [inline] package option.
+//draw(Label("$\B$","$B$"),box,z2); // Requires [inline] package option.
+draw("$A$",box,z1);            
+draw("$\V{B}$",box,z2);
+
+pair z=(0,-2);
+real m=3;
+margin BigMargin=Margin(0,m*dot(unit(z1-z),unit(z0-z)));
+
+draw(Label("$A\cap B$",0),conj(z)--z0,Arrow,BigMargin);
+draw(Label("$A\cup B$",0),z--z0,Arrow,BigMargin);
+draw(z--z1,Arrow,Margin(0,m));
+draw(z--z2,Arrow,Margin(0,m));
+
+shipout(bbox(0.25cm));
+\end{asy}
+%\caption{Venn diagram}\label{venn}
+\end{center}
+%\end{figure}
+
+Each graph is drawn in its own environment. One can specify the width
+and height to \LaTeX\ explicitly. This 3D example can be viewed
+interactively either with Adobe Reader or Asymptote's fast OpenGL-based
+renderer. To support {\tt latexmk}, 3D figures should specify
+\verb+inline=true+. It is sometimes desirable to embed 3D files as annotated
+attachments; this requires the \verb+attach=true+ option as well as the
+\verb+attachfile2+ \LaTeX\ package.
+\begin{center}
+\begin{asy}[height=4cm,inline=true,attach=false,viewportwidth=\linewidth]
+currentprojection=orthographic(5,4,2);
+draw(unitcube,blue);
+label("$V-E+F=2$",(0,1,0.5),3Y,blue+fontsize(17pt));
+\end{asy}
+\end{center}
+
+One can also scale the figure to the full line width:
+\begin{center}
+\begin{asy}[width=\the\linewidth,inline=true]
+pair z0=(0,0);
+pair z1=(2,0);
+pair z2=(5,0);
+pair zf=z1+0.75*(z2-z1);
+
+draw(z1--z2);
+dot(z1,red+0.15cm);
+dot(z2,darkgreen+0.3cm);
+label("$m$",z1,1.2N,red);
+label("$M$",z2,1.5N,darkgreen);
+label("$\hat{\ }$",zf,0.2*S,fontsize(24pt)+blue);
+
+pair s=-0.2*I;
+draw("$x$",z0+s--z1+s,N,red,Arrows,Bars,PenMargins);
+s=-0.5*I;
+draw("$\bar{x}$",z0+s--zf+s,blue,Arrows,Bars,PenMargins);
+s=-0.95*I;
+draw("$X$",z0+s--z2+s,darkgreen,Arrows,Bars,PenMargins);
+\end{asy}
+\end{center}
+\end{document}
diff --git a/services/clsi/test/acceptance/fixtures/examples/asymptote/output.pdf b/services/clsi/test/acceptance/fixtures/examples/asymptote/output.pdf
new file mode 100644
index 0000000..0b85562
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/asymptote/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/asymptote/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/asymptote/output.pdfxref
new file mode 100644
index 0000000..de34f56
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/asymptote/output.pdfxref
@@ -0,0 +1,81 @@
+1/0: uncompressed; offset = 123103
+2/0: uncompressed; offset = 123422
+3/0: uncompressed; offset = 15
+4/0: uncompressed; offset = 216
+5/0: uncompressed; offset = 1084
+6/0: uncompressed; offset = 1244
+7/0: uncompressed; offset = 4001
+8/0: uncompressed; offset = 4155
+9/0: uncompressed; offset = 4297
+10/0: uncompressed; offset = 4933
+11/0: uncompressed; offset = 5309
+12/0: uncompressed; offset = 5498
+13/0: uncompressed; offset = 30250
+14/0: uncompressed; offset = 31471
+15/0: uncompressed; offset = 38404
+16/0: uncompressed; offset = 39046
+17/0: uncompressed; offset = 40166
+18/0: uncompressed; offset = 40906
+19/0: uncompressed; offset = 65560
+20/0: uncompressed; offset = 74702
+21/0: uncompressed; offset = 81705
+22/0: uncompressed; offset = 97182
+23/0: uncompressed; offset = 104117
+24/0: uncompressed; offset = 111195
+25/0: uncompressed; offset = 118571
+26/0: compressed; stream = 6, index = 0
+27/0: compressed; stream = 6, index = 1
+28/0: compressed; stream = 6, index = 2
+29/0: compressed; stream = 6, index = 3
+30/0: compressed; stream = 6, index = 4
+31/0: compressed; stream = 6, index = 5
+32/0: compressed; stream = 6, index = 6
+33/0: compressed; stream = 6, index = 7
+34/0: compressed; stream = 6, index = 8
+35/0: compressed; stream = 6, index = 9
+36/0: compressed; stream = 6, index = 10
+37/0: compressed; stream = 6, index = 11
+38/0: compressed; stream = 6, index = 12
+39/0: compressed; stream = 6, index = 13
+40/0: compressed; stream = 6, index = 14
+41/0: compressed; stream = 6, index = 15
+42/0: compressed; stream = 6, index = 16
+43/0: compressed; stream = 6, index = 17
+44/0: compressed; stream = 6, index = 18
+45/0: compressed; stream = 6, index = 19
+46/0: compressed; stream = 6, index = 20
+47/0: compressed; stream = 6, index = 21
+48/0: compressed; stream = 6, index = 22
+49/0: compressed; stream = 6, index = 23
+50/0: compressed; stream = 6, index = 24
+51/0: compressed; stream = 6, index = 25
+52/0: compressed; stream = 6, index = 26
+53/0: compressed; stream = 6, index = 27
+54/0: compressed; stream = 6, index = 28
+55/0: compressed; stream = 6, index = 29
+56/0: compressed; stream = 6, index = 30
+57/0: compressed; stream = 6, index = 31
+58/0: compressed; stream = 6, index = 32
+59/0: compressed; stream = 6, index = 33
+60/0: compressed; stream = 6, index = 34
+61/0: compressed; stream = 6, index = 35
+62/0: compressed; stream = 6, index = 36
+63/0: compressed; stream = 6, index = 37
+64/0: compressed; stream = 6, index = 38
+65/0: compressed; stream = 6, index = 39
+66/0: compressed; stream = 6, index = 40
+67/0: compressed; stream = 6, index = 41
+68/0: compressed; stream = 6, index = 42
+69/0: compressed; stream = 6, index = 43
+70/0: compressed; stream = 6, index = 44
+71/0: compressed; stream = 6, index = 45
+72/0: compressed; stream = 6, index = 46
+73/0: compressed; stream = 6, index = 47
+74/0: compressed; stream = 6, index = 48
+75/0: compressed; stream = 6, index = 49
+76/0: compressed; stream = 6, index = 50
+77/0: compressed; stream = 6, index = 51
+78/0: compressed; stream = 6, index = 52
+79/0: compressed; stream = 6, index = 53
+80/0: compressed; stream = 6, index = 54
+81/0: compressed; stream = 6, index = 55
diff --git a/services/clsi/test/acceptance/fixtures/examples/biber_bibliography/bibliography.bib b/services/clsi/test/acceptance/fixtures/examples/biber_bibliography/bibliography.bib
new file mode 100644
index 0000000..5e796e0
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/biber_bibliography/bibliography.bib
@@ -0,0 +1,9 @@
+@book{DouglasAdams,
+  title={The Hitchhiker's Guide to the Galaxy},
+  author={Adams, Douglas},
+  isbn={9781417642595},
+  url={http://books.google.com/books?id=W-xMPgAACAAJ},
+  year={1995},
+  publisher={San Val}
+}
+
diff --git a/services/clsi/test/acceptance/fixtures/examples/biber_bibliography/main.tex b/services/clsi/test/acceptance/fixtures/examples/biber_bibliography/main.tex
new file mode 100644
index 0000000..2f032d6
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/biber_bibliography/main.tex
@@ -0,0 +1,12 @@
+\documentclass{article}
+
+\usepackage[backend=biber]{biblatex}
+\addbibresource{bibliography.bib}
+
+\begin{document}
+
+The meaning of life, the universe and everything is 42 \cite{DouglasAdams}
+
+\printbibliography
+
+\end{document}
diff --git a/services/clsi/test/acceptance/fixtures/examples/biber_bibliography/output.bbl b/services/clsi/test/acceptance/fixtures/examples/biber_bibliography/output.bbl
new file mode 100644
index 0000000..48e803b
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/biber_bibliography/output.bbl
@@ -0,0 +1,48 @@
+% $ biblatex auxiliary file $
+% $ biblatex version 1.5 $
+% $ biber version 0.9.3 $
+% Do not modify the above lines!
+%
+% This is an auxiliary file used by the 'biblatex' package.
+% This file may safely be deleted. It will be recreated by
+% biber or bibtex as required.
+%
+\begingroup
+\makeatletter
+\@ifundefined{ver@biblatex.sty}
+  {\@latex@error
+     {Missing 'biblatex' package}
+     {The bibliography requires the 'biblatex' package.}
+      \aftergroup\endinput}
+  {}
+\endgroup
+
+
+\refsection{0}
+  \entry{DouglasAdams}{book}{}
+    \name{labelname}{1}{}{%
+      {{}{Adams}{A\bibinitperiod}{Douglas}{D\bibinitperiod}{}{}{}{}}%
+    }
+    \name{author}{1}{}{%
+      {{}{Adams}{A\bibinitperiod}{Douglas}{D\bibinitperiod}{}{}{}{}}%
+    }
+    \list{publisher}{1}{%
+      {San Val}%
+    }
+    \strng{namehash}{AD1}
+    \strng{fullhash}{AD1}
+    \field{sortinit}{A}
+    \field{isbn}{9781417642595}
+    \field{title}{The Hitchhiker's Guide to the Galaxy}
+    \field{year}{1995}
+    \verb{url}
+    \verb http://books.google.com/books?id=W-xMPgAACAAJ
+    \endverb
+  \endentry
+
+  \lossort
+  \endlossort
+
+\endrefsection
+\endinput
+
diff --git a/services/clsi/test/acceptance/fixtures/examples/biber_bibliography/output.pdf b/services/clsi/test/acceptance/fixtures/examples/biber_bibliography/output.pdf
new file mode 100644
index 0000000..a2e037e
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/biber_bibliography/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/biber_bibliography/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/biber_bibliography/output.pdfxref
new file mode 100644
index 0000000..1f1ac2b
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/biber_bibliography/output.pdfxref
@@ -0,0 +1,31 @@
+1/0: uncompressed; offset = 59313
+2/0: uncompressed; offset = 59561
+3/0: uncompressed; offset = 15
+4/0: uncompressed; offset = 216
+5/0: uncompressed; offset = 734
+6/0: uncompressed; offset = 784
+7/0: uncompressed; offset = 913
+8/0: uncompressed; offset = 1028
+9/0: uncompressed; offset = 1528
+10/0: uncompressed; offset = 9787
+11/0: uncompressed; offset = 18282
+12/0: uncompressed; offset = 33607
+13/0: uncompressed; offset = 45579
+14/0: uncompressed; offset = 58005
+15/0: compressed; stream = 14, index = 0
+16/0: compressed; stream = 14, index = 1
+17/0: compressed; stream = 14, index = 2
+18/0: compressed; stream = 14, index = 3
+19/0: compressed; stream = 14, index = 4
+20/0: compressed; stream = 14, index = 5
+21/0: compressed; stream = 14, index = 6
+22/0: compressed; stream = 14, index = 7
+23/0: compressed; stream = 14, index = 8
+24/0: compressed; stream = 14, index = 9
+25/0: compressed; stream = 14, index = 10
+26/0: compressed; stream = 14, index = 11
+27/0: compressed; stream = 14, index = 12
+28/0: compressed; stream = 14, index = 13
+29/0: compressed; stream = 14, index = 14
+30/0: compressed; stream = 14, index = 15
+31/0: compressed; stream = 14, index = 16
diff --git a/services/clsi/test/acceptance/fixtures/examples/biber_bibliography/output.run.xml b/services/clsi/test/acceptance/fixtures/examples/biber_bibliography/output.run.xml
new file mode 100644
index 0000000..4d8dc94
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/biber_bibliography/output.run.xml
@@ -0,0 +1,84 @@
+<?xml version="1.0" standalone="yes"?>
+<!-- logreq request file -->
+<!-- logreq version 1.0 / dtd version 1.0 -->
+<!-- Do not edit this file! -->
+<!DOCTYPE requests [
+  <!ELEMENT requests (internal | external)*>
+  <!ELEMENT internal (generic, (provides | requires)*)>
+  <!ELEMENT external (generic, cmdline?, input?, output?, (provides | requires)*)>
+  <!ELEMENT cmdline (binary, (option | infile | outfile)*)>
+  <!ELEMENT input (file)+>
+  <!ELEMENT output (file)+>
+  <!ELEMENT provides (file)+>
+  <!ELEMENT requires (file)+>
+  <!ELEMENT generic (#PCDATA)>
+  <!ELEMENT binary (#PCDATA)>
+  <!ELEMENT option (#PCDATA)>
+  <!ELEMENT infile (#PCDATA)>
+  <!ELEMENT outfile (#PCDATA)>
+  <!ELEMENT file (#PCDATA)>
+  <!ATTLIST requests
+    version CDATA #REQUIRED
+  >
+  <!ATTLIST internal
+    package CDATA #REQUIRED
+    priority (9) #REQUIRED
+    active (0 | 1) #REQUIRED
+  >
+  <!ATTLIST external
+    package CDATA #REQUIRED
+    priority (1 | 2 | 3 | 4 | 5 | 6 | 7 | 8) #REQUIRED
+    active (0 | 1) #REQUIRED
+  >
+  <!ATTLIST provides
+    type (static | dynamic | editable) #REQUIRED
+  >
+  <!ATTLIST requires
+    type (static | dynamic | editable) #REQUIRED
+  >
+  <!ATTLIST file
+    type CDATA #IMPLIED
+  >
+]>
+<requests version="1.0">
+  <internal package="biblatex" priority="9" active="0">
+    <generic>latex</generic>
+    <provides type="dynamic">
+      <file>output.bcf</file>
+    </provides>
+    <requires type="dynamic">
+      <file>output.bbl</file>
+    </requires>
+    <requires type="static">
+      <file>blx-compat.def</file>
+      <file>biblatex.def</file>
+      <file>numeric.bbx</file>
+      <file>standard.bbx</file>
+      <file>numeric.cbx</file>
+      <file>biblatex.cfg</file>
+      <file>english.lbx</file>
+    </requires>
+  </internal>
+  <external package="biblatex" priority="5" active="0">
+    <generic>biber</generic>
+    <cmdline>
+      <binary>biber</binary>
+      <infile>output</infile>
+    </cmdline>
+    <input>
+      <file>output.bcf</file>
+    </input>
+    <output>
+      <file>output.bbl</file>
+    </output>
+    <provides type="dynamic">
+      <file>output.bbl</file>
+    </provides>
+    <requires type="dynamic">
+      <file>output.bcf</file>
+    </requires>
+    <requires type="editable">
+      <file>bibliography.bib</file>
+    </requires>
+  </external>
+</requests>
diff --git a/services/clsi/test/acceptance/fixtures/examples/draft_legacy/frog.jpg b/services/clsi/test/acceptance/fixtures/examples/draft_legacy/frog.jpg
new file mode 100644
index 0000000..5b889ef
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/draft_legacy/frog.jpg differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/draft_legacy/main.tex b/services/clsi/test/acceptance/fixtures/examples/draft_legacy/main.tex
new file mode 100644
index 0000000..e3c77e1
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/draft_legacy/main.tex
@@ -0,0 +1,25 @@
+\documentclass{article}
+
+\usepackage{graphics}
+
+\title{Your Paper}
+\author{You}
+
+\begin{document}
+\maketitle
+
+\begin{abstract}
+Your abstract.
+\end{abstract}
+
+\section{Introduction}
+
+This is the start of the document.
+
+\begin{figure}[ht]
+\includegraphics[0,0][100,100]{frog.jpg}
+\end{figure}
+
+This is the end of the document.
+
+\end{document}
diff --git a/services/clsi/test/acceptance/fixtures/examples/draft_legacy/options.json b/services/clsi/test/acceptance/fixtures/examples/draft_legacy/options.json
new file mode 100644
index 0000000..183ed4b
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/draft_legacy/options.json
@@ -0,0 +1,3 @@
+{
+  "draft": true
+}
\ No newline at end of file
diff --git a/services/clsi/test/acceptance/fixtures/examples/draft_legacy/output.pdf b/services/clsi/test/acceptance/fixtures/examples/draft_legacy/output.pdf
new file mode 100644
index 0000000..c85b128
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/draft_legacy/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/draft_legacy/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/draft_legacy/output.pdfxref
new file mode 100644
index 0000000..eab8b42
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/draft_legacy/output.pdfxref
@@ -0,0 +1,39 @@
+1/0: uncompressed; offset = 67338
+2/0: uncompressed; offset = 67606
+3/0: uncompressed; offset = 15
+4/0: uncompressed; offset = 216
+5/0: uncompressed; offset = 790
+6/0: uncompressed; offset = 840
+7/0: uncompressed; offset = 975
+8/0: uncompressed; offset = 1083
+9/0: uncompressed; offset = 1578
+10/0: uncompressed; offset = 9881
+11/0: uncompressed; offset = 17868
+12/0: uncompressed; offset = 29906
+13/0: uncompressed; offset = 38400
+14/0: uncompressed; offset = 46656
+15/0: uncompressed; offset = 56198
+16/0: uncompressed; offset = 65682
+17/0: compressed; stream = 16, index = 0
+18/0: compressed; stream = 16, index = 1
+19/0: compressed; stream = 16, index = 2
+20/0: compressed; stream = 16, index = 3
+21/0: compressed; stream = 16, index = 4
+22/0: compressed; stream = 16, index = 5
+23/0: compressed; stream = 16, index = 6
+24/0: compressed; stream = 16, index = 7
+25/0: compressed; stream = 16, index = 8
+26/0: compressed; stream = 16, index = 9
+27/0: compressed; stream = 16, index = 10
+28/0: compressed; stream = 16, index = 11
+29/0: compressed; stream = 16, index = 12
+30/0: compressed; stream = 16, index = 13
+31/0: compressed; stream = 16, index = 14
+32/0: compressed; stream = 16, index = 15
+33/0: compressed; stream = 16, index = 16
+34/0: compressed; stream = 16, index = 17
+35/0: compressed; stream = 16, index = 18
+36/0: compressed; stream = 16, index = 19
+37/0: compressed; stream = 16, index = 20
+38/0: compressed; stream = 16, index = 21
+39/0: compressed; stream = 16, index = 22
diff --git a/services/clsi/test/acceptance/fixtures/examples/draft_mode/frog.jpg b/services/clsi/test/acceptance/fixtures/examples/draft_mode/frog.jpg
new file mode 100644
index 0000000..5b889ef
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/draft_mode/frog.jpg differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/draft_mode/main.tex b/services/clsi/test/acceptance/fixtures/examples/draft_mode/main.tex
new file mode 100644
index 0000000..643ed95
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/draft_mode/main.tex
@@ -0,0 +1,37 @@
+\documentclass{article}
+% Language setting
+% Replace `english' with e.g. `spanish' to change the document language
+\usepackage[english]{babel}
+
+% Set page size and margins
+% Replace `letterpaper' with `a4paper' for UK/EU standard size
+\usepackage[letterpaper,top=2cm,bottom=2cm,left=3cm,right=3cm,marginparwidth=1.75cm]{geometry}
+
+% Useful packages
+\usepackage{amsmath}
+\usepackage{graphicx}
+\usepackage[colorlinks=true, allcolors=blue]{hyperref}
+
+\title{Your Paper}
+\author{You}
+
+\begin{document}
+\maketitle
+
+\begin{abstract}
+Your abstract.
+\end{abstract}
+
+\section{Introduction}
+
+This is the start of the document.
+
+\begin{figure}[h]
+  \centering
+  \includegraphics[width=0.3\textwidth]{frog.jpg}
+  \caption{\label{fig:frog}This frog was uploaded via the file-tree menu.}
+\end{figure}
+
+This is the end of the document.
+
+\end{document}
diff --git a/services/clsi/test/acceptance/fixtures/examples/draft_mode/options.json b/services/clsi/test/acceptance/fixtures/examples/draft_mode/options.json
new file mode 100644
index 0000000..183ed4b
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/draft_mode/options.json
@@ -0,0 +1,3 @@
+{
+  "draft": true
+}
\ No newline at end of file
diff --git a/services/clsi/test/acceptance/fixtures/examples/draft_mode/output.pdf b/services/clsi/test/acceptance/fixtures/examples/draft_mode/output.pdf
new file mode 100644
index 0000000..182a9c3
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/draft_mode/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/draft_mode/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/draft_mode/output.pdfxref
new file mode 100644
index 0000000..aa568c0
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/draft_mode/output.pdfxref
@@ -0,0 +1,50 @@
+1/0: uncompressed; offset = 69708
+2/0: uncompressed; offset = 70038
+3/0: uncompressed; offset = 15
+4/0: uncompressed; offset = 216
+5/0: uncompressed; offset = 867
+6/0: uncompressed; offset = 990
+7/0: uncompressed; offset = 1143
+8/0: uncompressed; offset = 1251
+9/0: uncompressed; offset = 1834
+10/0: uncompressed; offset = 10137
+11/0: uncompressed; offset = 18124
+12/0: uncompressed; offset = 31939
+13/0: uncompressed; offset = 40433
+14/0: uncompressed; offset = 48689
+15/0: uncompressed; offset = 58231
+16/0: uncompressed; offset = 67715
+17/0: compressed; stream = 16, index = 0
+18/0: compressed; stream = 16, index = 1
+19/0: compressed; stream = 16, index = 2
+20/0: compressed; stream = 16, index = 3
+21/0: compressed; stream = 16, index = 4
+22/0: compressed; stream = 16, index = 5
+23/0: compressed; stream = 16, index = 6
+24/0: compressed; stream = 16, index = 7
+25/0: compressed; stream = 16, index = 8
+26/0: compressed; stream = 16, index = 9
+27/0: compressed; stream = 16, index = 10
+28/0: compressed; stream = 16, index = 11
+29/0: compressed; stream = 16, index = 12
+30/0: compressed; stream = 16, index = 13
+31/0: compressed; stream = 16, index = 14
+32/0: compressed; stream = 16, index = 15
+33/0: compressed; stream = 16, index = 16
+34/0: compressed; stream = 16, index = 17
+35/0: compressed; stream = 16, index = 18
+36/0: compressed; stream = 16, index = 19
+37/0: compressed; stream = 16, index = 20
+38/0: compressed; stream = 16, index = 21
+39/0: compressed; stream = 16, index = 22
+40/0: compressed; stream = 16, index = 23
+41/0: compressed; stream = 16, index = 24
+42/0: compressed; stream = 16, index = 25
+43/0: compressed; stream = 16, index = 26
+44/0: compressed; stream = 16, index = 27
+45/0: compressed; stream = 16, index = 28
+46/0: compressed; stream = 16, index = 29
+47/0: compressed; stream = 16, index = 30
+48/0: compressed; stream = 16, index = 31
+49/0: compressed; stream = 16, index = 32
+50/0: compressed; stream = 16, index = 33
diff --git a/services/clsi/test/acceptance/fixtures/examples/epstopdf/image-eps-converted-to.pdf b/services/clsi/test/acceptance/fixtures/examples/epstopdf/image-eps-converted-to.pdf
new file mode 100644
index 0000000..7b92690
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/epstopdf/image-eps-converted-to.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/epstopdf/image.eps b/services/clsi/test/acceptance/fixtures/examples/epstopdf/image.eps
new file mode 100644
index 0000000..fb131b9
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/epstopdf/image.eps
@@ -0,0 +1,6673 @@
+%!PS-Adobe-3.0 EPSF-1.2
+%%BoundingBox: 0 0 432 268
+%%HiResBoundingBox: 0 0 432 268
+%%Creator: (Wolfram Mathematica 8.0 for Linux x86 (64-bit) (February 23, 2011))
+%%CreationDate: (Monday, October 8, 2012)(15:03:46)
+%%Title: Clipboard
+%%DocumentNeededResources: font Times-Roman
+%%DocumentSuppliedResources: font Times-Roman-MISO
+%%+ font Mathematica2
+%%+ font Mathematica1
+%%DocumentNeededFonts: Times-Roman
+%%DocumentSuppliedFonts: Times-Roman-MISO
+%%+ Mathematica2
+%%+ Mathematica1
+%%DocumentFonts: Times-Roman
+%%+ Times-Roman-MISO
+%%+ Mathematica2
+%%+ Mathematica1
+%%EndComments
+/p{gsave}bind def
+/P{grestore}bind def
+/g{setgray}bind def
+/r{setrgbcolor}bind def
+/k{setcmykcolor}bind def
+/w{setlinewidth}bind def
+/np{newpath}bind def
+/m{moveto}bind def
+/Mr{rmoveto}bind def
+/Mx{currentpoint exch pop moveto}bind def
+/My{currentpoint pop exch moveto}bind def
+/X{0 rmoveto}bind def
+/Y{0 exch rmoveto}bind def
+/N{currentpoint 3 -1 roll show moveto}bind def
+/L{lineto}bind def
+/rL{rlineto}bind def
+/C{curveto}bind def
+/cp{closepath}bind def
+/F{eofill}bind def
+/f{fill}bind def
+/s{stroke}bind def
+/S{show}bind def
+/tri{p 9 6 roll r 6 4 roll m 4 2 roll L L cp F P}bind def
+/Msf{findfont exch scalefont[1 0 0 -1 0 0]makefont setfont}bind def
+1 -1 scale 0 -267.698 translate
+-35.28 -2.88 translate
+[1 0 0 1 0 0 ]  concat
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+
+%%MathematicaCell
+%Cell[BoxData[
+% GraphicsBox[{{}, {}, 
+%   {GrayLevel[0], LineBox[CompressedData["
+%1:eJw113dcTf8fB/B7697q7tW0KSoJWRnp/ba3rCR7kxmSzKy+KFlFvqSMjB++
+%ESqKrlVEKJoy2nvv3S/O+5x/7uPce8/n83m/nu+zeq7cOmeNBofDqeVyOH8+
+%2a0l/9EWydgK9V7d4EmZe47Cm8LwOycM2X1fGDzdYkfqz3L1024exbOfBoC3
+%r26ui2c5/R4EpUfSFFnDytWX/v2z/Q9yO+VvM84uo/8Hg9/5EpPBp8vUJbP/
+%fBMCXy8fN5GPKqPjn4DGhdnXo/JK1cKUG86jheEwxHn2wDHnSmm8Z7DcMeyV
+%7+hStfni069rzZ7D73FreM8KSmj8KKiZGhB1z6dEHdRxdMqNl+C31zh+u20J
+%zfcK1nC8d2oVFqsH/93egLor7NzkU0zzvwWPY/98uDG6WP2m1qxjhmhwtBjk
+%dye/iNbzDkRHH6e5ny1Sz/k74XvY7J513WxUEa0vFhJ+vlgTkFOoztzzZ8AP
+%YDckMqHAu5DWGwf9rDutaBhWqN72Z3nOn2DLwfSeGb8LaP2fobqXp8v54wVq
+%RiMedJ1rPhpaFVA98XBvmqp6Y1q+evLfCRIgKtrukO+hfKovAa4/0ex0wDxf
+%/We2xae/wuWhSVqYkEf1foM7E+x2fnPLU/8tJ+Ub9MHHQYN75FH9iZCe2ui9
+%4F2uuvuf5XRLghFBj47Yb8mlPJLAyiiZ11kvV71u7Z8tGcxC4sIeROZQPikQ
+%nNGyS29ljvrPaLrBKXB/zgzOGJ0cyisVnGs38MYEZ6vr/gxXmwpxOW67tedl
+%U35pMMcjofO/jVlq278DfoegKVuPNQVkUZ7f4RpHXT5wfJb67/I80mF2ZJu1
+%cWEm5fsDHKa6JZd5Z6o/xf3ZfoDBO+2sPYMyKe+fYGHW3z0pOUOt93eBv+DB
+%/IdHm/ZkUP6/4Mi8AfcqumWo/w63+DfofvIPWuzxmzwy4HDdvBtr4n5RPRng
+%XyQ/26D8RT4ZMPzRQcuhjj+pvgxocL11Ky/gB3llQtVuy7W2OelUbyYkKzUb
+%upink18mhO8U4sXN36n+LKgLm1j3X0gaeWaB1zML89G1qZRHFmim+1ksHZ5K
+%vtlgedzAUmNvCuWTDQ3HXh8c/iKZvLPBRX+wU01bEuWVA6+K352eiUnknwMT
+%axKOmR9KpPxywHbtC6ejr75RP+RCoPeYCnfuN8ozF3oOWGKVjV+pP3LBe7L5
+%piz3BMo3Dxx73Vu6Niqe+iUPxjkazH/X8IXyzoM+e25rp+74TP2TD+LzNpol
+%pXGUfz4kRp4W8dZ9pH7KhytWwuBOv2PJowD+O3xdbDv/PXkUQOigqX62cTHk
+%UQAmpw6MmzEmmjwKID7AsmxD6BvyKAQn433ymWavyaMQ9Dj2C8ZeekkehfD2
+%tIXdFv0o8iiCLxaLbU3qItRn/noUgeSth6vXt3DyKAKT2d+7fgx+Qh7FUOYz
+%5qzF8RDyKAazMPW0oKj75FEMtptcBlWtu0UeJTCxx4K8oZKr5FEChh625dcX
+%+ZBHCdxdculc2bQ95FEK/jDse0aTGzAepXDat36zh6EPMB6lEOMyLXttSyAw
+%HmXw0vl9VIrLLWA8yiDsQt/zKyvuA+NRBjv2/d43+GkIMB7lUHT/5ubmpifA
+%eJTD2mtGW4vgKTAe5fB4Z5evQccigfGoAOVTaPVLiAKmngqY/6hX1yGyV8D4
+%VEBui2yWT9hrYOqrAGPprh6ey94C41UBT9Mc+z4XxABTbwVYR3y/ZB36Dhi/
+%Crh4w3aAYmUsMPVXgmNgbMYq+UdgPCvBzrn8foY6jvKohF1ulbIi58/A+FbC
+%qfuxDgGKeMqnEmpM34d7FscD410J2DMwyigmgfKqgsnmb18fvPYVGP8qyP+i
+%eXn3/m+UXxVk1g8+OnVhIjDnZxWU1nmvz7FOojyroIeBPsdSPxmY/qiCWTF9
+%JVibTPlWwzDfRG2DpBRg+qUaTjQei30Zmkp5V8O1LS5aQ/zSgOmfanAvvXnN
+%fvd3yr8a7G59+7JjcTow/VQNMr7DyVn4gzxq4Oo/D/X5vX+SRw30CbVN8hT+
+%Io8aWFESNqam4hd51MCExLtuY1J/k0cN3LLSbRmxPIM8asBzeCet0MQM8qiB
+%xasjHkZMySSPWoiyEMg7qTPJoxby2zPkrUOyyKMWLhklHVp0L4s8aiFlYNjQ
+%vr2yyaMWTljpGO/5N5s8asG5x7V9qMghjzp4963x2KkTOeRRB5EuJi12Grnk
+%UQeF/fc1B+3NJY+O/4+32L6lNpc86mCRzYR5UVvzyKMO9DZbrbtYlEce9WA1
+%w8COvzafPOoh3SfIODcznzzqwe12cr91SwvIox5SRvB2uKYXkEc98DhqF6lj
+%IXnUw9beZyJtUgrJowFsrQ6d0ZpfRB4NYHrH/+TapCLyaIAuOL1mtn0xeTTA
+%GuPw70VJxeTRABNkzUUqhxLyaACvueemlaeWkEcDOFnuMly9qJQ8GsFlgFfM
+%gV+l5NEI+U+NetquLCOPRngeGBIYmFdGHo2wcvfdxR82lpNHI5zRh4MnK8vJ
+%oxG4C3e46NhUkEcTNMd1Tw5wryCPJpi5wunA1TcV5NEEPv2vtpRoVwJzvWyC
+%hNniq7emV5JHE+j1eBv69GwleTTBucifASNTKsmjGQ6uu2yt37WKPJph027d
+%liWrqsijGZZWO1vp3K0ij2ZIWrG+uVtlFXk0w5uBsu6Bw6vJoxnEvr7uFw5W
+%k0cLZAa39qx4X00eLdCw/9iod4oa8miBzg+mjuIvqiGPFni9sK/u26Aa8miB
+%Al/97Y1lNeTRAv945ufdGFFLHi3Qpbvry89Ha8mjFbJ6eHq7xdeSRyu4t5vZ
+%X+9SRx6t8HFCVbC9Ux15tMJJ19DlHmF15NEKBUP6rQJePXm0wrlbvnoec+rJ
+%ow2GN6beXXKtnjzaIEQ7Qvmhop482mD5z+vvorGBPNrApmT4yTlnG8ijDfQq
+%YhoOZjWQRxsIRxUOnz2kkTzaoelrk27YP43k0Q6orNB8m9ZIHu2w1HNA0X7L
+%JvJoB0Mb7tisQ03k0Q4nnwiKeSlN5NEOrolmkc/6NZMHB0+MWM0dc6SZ6uFg
+%7LMxG3Z/byYfDm6x7mLnOqiF6uOg79Tpd829WsiLgzNttkwMz2mBv+Wu5eC3
+%2QNna0Mr+XFw67ivTf0vtdL1gYPJni0OpnWt5MlBz/itIby5bZQHB1sbMyRR
+%D9vIl4Mng7Y/Wydrp3w4+GOPlMvf2k7eHDwaGWJx6ks75cXF5DI/5+OGHGT8
+%ueh/JmX++ykcZPLj4nHJw1On9nKQ6QcujnPtZ5PxHweZPLmYMH6oV0QGB5n+
+%4OL7L1PajHW5yOTLRRvp2tM9J3OR6RcuvjN3mfxkHxeZvLnIyX8mKwzhItM/
+%XLR7Glv1NJ+LTP5c3Ou/b/LgbhrI9BMXh4UZzZ9nr4EMhwbKe4SeMfXWQMZD
+%A9/FH4OwaA1kPDRwxL86ri1tGsh4aGBk9AfkjtBExkMDd7rFhH/boYlM/2ng
+%4ATDJ1seaCLj0THvBndRdrEmMh4a2Du8LXiYOQ8ZDw18dd4yfPs6HjIeGmia
+%1DnC7xYPGQ8NtN/c//GDPB4yHho4LPTEwxhTPjIeGhj4wmluhRMfGQ9NLJ7n
+%mGv8H588NHHZ7mzu/ko+eWjij+WDrPjWWuShiUM9n54O3a9FHproO9Y5/0m0
+%FnloomCt/IGmTJs8NHG00ZFz9x21yUMTM0cbX4i9qU0empi9YeGrzdXa5KGJ
+%Xvo9TS+P1SEPTaxVVV3c76NDHprYMNZ2uixPhzx4+NEnJXbXSAF58DBb97z7
+%xzMC8uBh2zLR5oGFAvLg4QHhp+f3xgnJg4cRws6zVl8VkgcPraICnnu0C8mD
+%h14jQjcPXyEiDx7GpEws8owWkQcPV1zemBzdT0wePFzjsF5Hx09MHjzUuXtS
+%5ceTkAcPJzs6TQ/YKSEPHgZO/xLhXCQhDz4mdptgumiVlDz4uPCrVpRPhpQ8
+%+HjQZoT/uZUy8uBjr415hx8UysiDj6tc5vYeOUpOHny89DlzY8RROXnw8YP4
+%2ODrCXLy6Dh+bFe1XS8FefCx3n/ZZ4tdCvLg45ul2VYv4xXkwccGvW3hdwco
+%yYOPe54UTHjkqyQPLbzbdNf7AkdFHlrIUWPfEBcVeXT0kUty5/FVKvLQQr7R
+%zaMz9uqSR0dfRW7eoKfUIw8tdO/WLXFihB55aGGd1ZKK9W765KGF41+08r7P
+%NSAPLTzbeGeVaIEheWihmb5sW85FI/LQwtHDQspjbDuThxbqTQ8JHBXclTy0
+%8NGVKzfH2fUkD208suB8pPknQ/LQxrkbyiR29/TIQxtTp7aeKF+rSx7aOOrC
+%4WEXL6nIQxsrrU5OsNVSkYc2Opd6f15yTkke2rhlkNmQe4OV5NFxXpgZWaZm
+%sx7a+CT3WZoikPXQxvCAL9Y/VrIe2vhc5jRvuaWCPDr2HbF5eaucPHQwNt7k
+%dUGHN+Ohg8szu38bf1dOHjroOoNTnO0hJw8dNLh9xX/Wajl56ODH7Zn+AyfI
+%yUMHHS8WbhlqJicPHayrWcPvLpEjc//UwWNdgnq45cvIQwc1LfudCQmXkYcO
+%9p/le+K+p4w8dNBUEuTfbbmMPHTQwS6g5JO1jDx00LKqzOSEQkYeAlyvv2CP
+%WSl7fgjwXtXzlkMf2PNDgJ2Gvm1w/p+UPAQIid39v5+QkocAz37gLb2+UUoe
+%AnQ03/Xp3kwpeQhwEH93Yf4gKXkIULVkY9dRhlLyEODI1Z+X+LdJyEOAe0VR
+%B6pyJeQhwJeuv+v6f5aQhwBX5R4QTA2XkIcQ+00ct2nwNQl5CHFSXO2vn14S
+%8hCi/y/dk2N3SchDiI0ub9bbr5KQhxCD7zSaSmdJyEOIptmFtStGS8hDiP8z
+%vvlmmoWEPIRosnSx6K2RhDyEuDVm966XOhLyEGL/5o2FoxvY65UQy276/BhW
+%ICYPIVb0vOMXlComDyH+1+p95UismDxE+LzfgvNxEWLyEKEgPUCx976YPEQY
+%O2uA8mSAmDxEGCbuv6X5jJg8RLguUKV8e0RMHiKcK3jUNcdVTB4i9JiQmDp/
+%g5g8Ova33QgwXComDxFW/HvZ1XyOmDxE+H2cfOGRiWLyEOHPuV0/m4wSk4cI
+%Rw4yGS4cKCYPMb7rbJ08qLeYPMQoWBQ86XInMXmI0eHZiU0oF5OHGL3HDbja
+%U0tMHmI06GPUbNMiIg8xrkz1MThdJSIPMYYeLQs1KBSRhxiN6nPOJv5m7x9i
+%PHTWI/p1sog8xHhsAudK1icReYjx48pae6uO+w3jIcbS10cy7j8XkYcY7beN
+%z5j/REQeErzdq+Rh3/si8pDgogMWm0yDROQhQcPN9tEz/EXkIcFrpVMXXfYV
+%kYcE3Ve7L5Z6i8hDgvsWHku//cfhr4cET9WPX7n6gIg8JPhTc/GC8btE5CFB
+%jwdPJkzscGQ8JDgqLkTo5CQiDwka3NnW9f5KEXlIMLXx8TtpRx8wHlI0Gfrg
+%/ml7EXlIMfRmulV/OxF5SHH1ovT9RZNF5CHFSdue178eKyIPKb5clnwkzIb1
+%6LhObBxhGT2M9ZCiw+ry96UDWQ8pfnXPnzDQgvWQ4qgVQi/P3qyHFH3vnX/R
+%2p31kOJQ3dTo451YDykG8swCzfVYDynumvhQniVjPWR4e2LdqYdC1kOGd/wm
+%p/ryWQ8Z1h+OifHmsB4yDGyy5V5uFpKHDAsXqVIj64TkIcOf+d2tKyuF5CHD
+%AylXDEeUCslDhpv2nfjtWyAkDxmeOjjzCDdHSB4yPGuVevvgbyF5yHDv1AVN
+%inQhecjwtYk793GykDzk2NX8Ysuar0KqR46iVP5Q889C8pFj3kuDSS2xQqpP
+%joYDWuf/ihaSlxxf+PUoi38lpHrleOOkdvjXF0Lyk6Pa521i1jMh1S/Hx+1G
+%CZww9vlMjm2Lp6RZPmLzkGNBj/bY9cFCZN5nOu476/YWP7zL5iNHq7DgG1q3
+%2ec3OVaevW3qdIPNS47lccqA1EAhPT/IMZ0/ycTen81PjsZDV+/4eVFI/SDH
+%6c5vmredZ/OU48iN7p7Kc0LqDzl6XXU2Up9i85Xjhv5Nuq5eQuoXOQb5BPUb
+%cZzNW47TJA8rtDyE1D9yjPfwP/T7EJu/HOf17rv69QEh9ZMcz7Xoj324l/VQ
+%YJ5Gb7M7bqyHAuHBsCF3d7IeCkx4fu126HbWQ4G2ZxsHfdzKeijQftr1psJN
+%rIcCM8y/LFFuYD0UaB0SrTt+HeuhwHqfrF0HVrMeCtTvMz3z1QrWQ4FCboNS
+%uox9flZgnx4tUSsXsx4KfHuv2kvtyHoocMWXDVEmDqyHAo2CTZeem8d6KNBj
+%qnO99hzWQ4EH7B9P9LBjPRToGHFHXziD9VBgb4d9tRemsh4KvHz1XTeLyayH
+%Ant8CV8XM4H1UOCMkVYjncaxHgpcN6abg2oM69FR75Tvs97ash4KxM3JbXtt
+%WA8Fpr25fWXkSNZDidf1lpa3W7MeSuzbuVfEx6GshxI3Ogi0AwazHko85/Xo
+%k6sV66FE25/LdtoPYD2U6PZsQdJIS9ZDiQOv6Bv0sWA9lCi4yNtoYM56KHFl
+%U6yt1JT1UOJUt4hRot6shxI3KOSPJMashxLN93vl6PVkPZTY/L6+xLg766HE
+%IapVUuuurEfHfHe+JNh1Zj2UOCWiJGyzEeuhxBXVRulnDFgPJf7PetaiZ3qs
+%R8f+4bSwPBXroURV1to4QyXrocQj/V2WzJKzHkq8O2DNvpNS1kOJfcIUNz+J
+%WQ8lFojPfFWKWA8lBqgn9VoiYD1UKHTg6t/XZj1UOPfEleh2Puuhwp+xr7Y7
+%8FgPFcZ3VWs+0WA9On4/cmO2Lpf1UGFfYd85u9vZ90cV3ihKm5/VKiAPFdrc
+%mxNm1yIgDxXqn71l/KpJQB4qPFUxy2FYo4A8VDhoZoDmw3oBeagwwSZpgGWd
+%gDxU6HqWj8E1AvJQ4dV1Rw8PrhaQhwp/VxQufV4pII+O96i4M7mTKwTkoUK/
+%DTv6p5UJyEOFlY+G/LOpVEAeKtxxcYAbr0RAHh3vJZHL1gQWCchDhbc1upWP
+%7nhfZjxUqO57Lfp3voA8VLjxznOlR56APFR474X0i2WugDxUuDpzSmJatoA8
+%dPHMBqeU41kC/D+QSguY
+%     "]]}, 
+%   {GrayLevel[0], LineBox[CompressedData["
+%1:eJw113dczfsfB/BzTvPMzoispGGEzJtrv98qZFzRtSJZyYpCXDKvkK3749rE
+%jcxKSEY5lAZpUlFJpb3XaY9fnPfn+0+P+n7P5/N5v57v8/30MV7lZr+Gx+Fw
+%VFwO5+dPdg3+Y5N4+KVq5W79wOm5nofA0/+3/IGu7PdzEN594CYdqFY+73u4
+%bN7z6/Cs6XVygozdvwX6g/qU18VWKS9f+nndg0fWhkbCzVX0fCCk7Bv4qFZe
+%pSyf9/MvwdBjiWr0ndBK+vxT6BD6xJg4VioF6X7ukwShMKbG1HA1p5LGewHZ
+%++0H7btVoTR3PBOhGhQGO2rTps+3raDxX4P+DdstzWXlyltdn073ewOhltbC
+%ZWfKab63kL88dvbVUeXK0b+uSEiV5ReeTy2j+d/B1ee6G5bvLFNGqgZ1zRAF
+%O5xbi+t7ldF6YuBqovuk2eGlSvtfE8ZCg8fgHNflpbS+9xAbPnuZE7dUmev5
+%c8APwLkqCRD6ldB6P0LyuaUuJ2xKlFt+Ls89Hqwnx71NKCim9SdA2Lp9JzKP
+%FCvVGkmg52Y18uHAYqonCYKa3nNmxBYpbX9NkAzXJAc2PlhXRPUlwy3jzsI4
+%3SLlz9kcz6RA5tkn7hF3C6neT2CYE3l5l22h8lc56Z8gZmfeAlVRAdX/GdxP
+%PHIY712gNPq5nL6pUGIc6jhlQAHlkQq/dwwM1YvKV651+XmlQdEq8YQbq/Mp
+%n3TQ+K3kdQM3X/lzNP3AdEjs7GfW7cYPyusLRINQ0jTph7Lh53CqL3Aq4suQ
+%S5l5lN9XUOVmFPJ25Skn/xowA/zPXTQf2j2P8syA50NHfen+JFf5a3mHM6Fk
+%pgKi7HIp3yxQZedNtizPUcZ//HllQYjzNff1R3Mo728wKLf4nINZjrLbrwVm
+%w8fBR5b3P/Cd8s+GaTsvhotCs5W/hnP8Dk5X27ttrPhGHjkw0WnO10mm36ie
+%HFgd86Jn4OIs8smBsOJpIT6nMqm+HDjyg38t+20GeeXCbW2vRc9UX6neXPC2
+%2u/FM/9KfrnA3eSv/W7pF6o/Dza+Oe7deiqdPPOg7MDX9TeUaZRHHvydM2hj
+%YnUq+f6AKzGlzm7GqZTPD5iXYM7bN+8zef+AJ2KTqsoDnyivfPhkG+SQEpRC
+%/vlwPim0b7/sZMovH2xsj1/OFyZTPxRAwve5vbnjkijPAugR4NA8LC6B+qMA
+%rlVsSZ9lGk/5FsK9U3H3eZ5x1C+FIGlW/uuZ+J7yLuwab8GecNNY6p8iGO9+
+%4EzhjmjKvwgcbTSuPIt9R/1UBDGWv3lb9owkj2Lw06yb4r3uLXkUQ7NjBkdv
+%k5I8iqFu3o8HI7XDyKMYcFl/j9arz8mjBB79+8a1bUQIeZTAyqiAxNa3weRR
+%Am8MF036cuMheZRCt1PtYX7Pbyt9fnmUwoDjh5J/O3eNPEohzF0ybo3DGfIo
+%A6ltcsLzU0vJowwKl/+5aPPxo6D2KINhTwt+t553GdQe5ZAoVsaeHn0L1B7l
+%0G3btXHHpj4AtUc51C31i9g/LBjUHhVQNfNA46vwp6D2qADz/unbP9o9B7VH
+%BdhscL75Kf8VqD0q4UyNM7zYqwS1RyW0FS7vcffkW1B7VEJvQWa3MY6RoPao
+%gjEF5+18LaJA7VEFpx/vbjvOiQG1RxV8Xvjmo0NqLKg9qkF6LNBP+eAD1VMN
+%a68EO1sd+ghqn2qwG7Dkej+nBKqvGvz17Zf0MkwCtVc1bPg2vL1EmEz1VsPY
+%1QLfqNZkUPtVQ+VX5Qf/8hSqvwYMBla+cMn+BGrPGuAG7p1skfyZ8qiByg+T
+%fpS9SwW1bw2sjO5Xe/tFGuVTA6/GTHA7F5QOau8aMJlqZ+3l/4XyqoXIurm3
+%V1//Cmr/Whi4fyLf5UIG5VcL1teK3Lz/yQT197MWjF2PZoeczKI8a+HJvVnv
+%dY99A3V/1MLmiKySE0eyKd866FXzunrm4e+g7pc6GBXTuf+SVQ7lXQfc2kWB
+%+pE5oO6fOrjbvqZ4ik0u5d/1/O4B3lrRudRPdRDwMbl9v20eedRDbIXy7am4
+%PPKoh8yLgZZWdj/Iox7e7L5w6+anH+RRD2aen4fdXJxPHvVQ5j55vEd2PnnU
+%g2dzg26+cwF51EPtjUdT+OUF5KECYWhP5+JtheShAvel//O93lZIHl33VU4h
+%zYeLyEMFE6Lt+hpJi8lDBa17/+gluVJMHioY1So/8W5ACXk0QIjDswKbJyXk
+%0QBr37y56Iul5NEAW+L8xsQllJJHA7xvaX4Wv6yMPBogvnlQw7OKMvJoAGXd
+%UdHefeXk0QivfDJmWEoryKMRhnlJL3z+r4I8GiHgjPNchzGV5NEI/w4LPZH+
+%oZI8GmGUym6X3Yoq8mgEh2aVLKKhijyaYE5q1jKT6dXk0QQlw8w+LztbTR5N
+%IE57eXFUTjV5NMEGvVozT4sa8miCfO302fN315BHE3zof8Ip4n0NeTTB5rTT
+%VyJ61JJHM3B2Xk+yX1dLHs2QluP7ZF9XX6o9mqGh3qvZll9HHs1gpJ138fGS
+%OvJohhGpbSvCH9aRRzMknvxTd3NnHXm0AHSGXky0ryePFhgzufVOhn89ebTA
+%FIXlf0da60H9vmwBB72ipsa5KvJogVjf7lLjOyryaIFkc9tGfoeKPFrBcOti
+%8aMFDeTRCrevX3GxCGwgj1boF5dvtFmnkTxaISfwndOBlY3k0QomRgY/Noc1
+%kkcrHHlwr8aiRxN5tEF+5KrEDI8m8mgDX/25591TmsijDXQ0C3PLRzSTRxtE
+%X4j0W+nTTB5t0DvJ1zClupk82mBZvHTxNPsW8mgD/rT3CyKftpBHOzxtfHd/
+%aY9W8miHovSG97y9reTRDkGizVMS81rJox3mbDuT/nZGG3m0w4qNx4wKgtvI
+%ox0875Q9ntm7nTw6IPjI56aWw+3k0QFXt3OOltW0k0cHuKnyAu2Xd5BHBwQd
+%uh5mkNBBHh0wanODxazJneTRAaNzd5xvDeokj04oWeJZcEnGQbVHJ7wr2nRE
+%PJuDao9O+G+tcdRcbw6qPTqhbrGv65ZIDqo9OkF/4PUH2zhcVHt0wgl/XbcN
+%k7lIxw8UJI05u2gvF9X1cBCl9scwnItqHw6aTkgy+62Di+r6OFh4PmCbFfJQ
+%7cXBD/d77v3Li4e/ynXhYNbMBSPjY3io9uOg2bkZWavEGqh+P3DQ4KzK64/5
+%Gqj25ODMx3O27L+qgeo8OCjteBpiXqiBal8O8rYlr5w+UhPV+XAQ7jcpyvZq
+%otqbg8YbRm0e+1ET1XlxUf/FX74j+2ih2p+Lnat6DO3cpEX5cfFl8FiLgLda
+%qO4HLh4VGQ9ebqBNeXLxRVzfxQPctFHdH1z8ZJQ01uK9NuXLRV9pypgL/XVQ
+%3S9dOXlM2Hf0kA7lzcVlwvVLpIU6qO4fLjYt9xi3c6Yu5c9FLc+P2U3Buqju
+%Jy7+I9g47mofPnnwcNhL311hx/nkwcPoDudTfm188uBhvJ5BwPGtAvLg4d8O
+%UWbPywXkwUOx8/LprzYKUd1/PBxfHFflXyUkDx6+CVq3a+guEXnw8O7Cjffu
+%6orJg4cbfWIL4q6LyYOHt5Pfz5AF9SYPHnb7LBoSy+1DHjwMM3QOaV3chzx4
+%GGR6rLdhSB/y0MC/0/Iza7obkocGZk8JsRXuNyQPDVz1oXTUkkpD8tBANIve
+%2telL3lo4Pht33pvKOpLHhp4v8+2qhEeRuShgTcW/jN/rE4/8tDAThPrP244
+%9iMPDZQs3DHHLqwfeWjg14FBwQJzY/LQQM9v376Y3jEmDw08qLI/vWKSCXlo
+%otuIJIlzowl5aOLIwRn+O8pNyaPr/iGRbdX8/uShiQZZ3+dO6DGIPDTxYWd8
+%jCKjJ3loYknACkHIoO7koYmPex61bXymTx6aOH5MmMAxWUEemijWd/3DaKiC
+%PDTR8L1NYa+HcvLQxChweatvIycPTVyy0ju6tlxGHpr4+ftTU/xPRh5aGP17
+%4m7jlTLy0MIBPoOzjg2UkYcWLo25u1G7XkoeWniJJ+x5LUpKHlo4u1D/wror
+%UvLQwo+9dwYleEjJQwtv3g84NXWelDy0MP+CXbTbCCl5aGFa6qvF9TIpeWhh
+%k7zVtVeZHnlooXsfk+jqED3y0EJN/81nZYf0yEMba819Xcct0CMPbXwdHjWF
+%a65HHtoY9Ubv3ymdEvLQRp6Z7+176RLy0MaRL+6M7PtYQh7aaOx83Hn9aQl5
+%aGNV+czgTa4S8tDGluKpjzVnS8hDGz1qb+jqW0jIQxtNjZdpe+pJyKNrfQOu
+%pPSvE5OHNmrsSQpsSxeThzb2EY/dXRYuJg8dLHGqds+7JSYPHdTP0f6ccFJM
+%Hjro8yfY+G8Xk4cOLg/33Dx/uZg8dNBb9iQ2aYaYPHTQSDJimNRSTB466G/S
+%mqpjLCYPHTTfGaJ5VywmDx107N1rZ2WLiDx0cGSywcfEYhF56GD47/XdbNNF
+%5KGDzQ+99s+OFpGHLmbrTHzyKUREHrpYzdsd8e22iDx0cfSGqMmrzovIQxeH
+%9c7hO3iLyEMXX05J7/F6p4g8dLG5V8m8UxtE5KGLi55effDOUYTq/VMXvxqp
+%+jrYichDF2M8suNmW4nIQxc5OS79L1qKyEMX2wyyD04wF5GHLh75Ni1wmKGI
+%PHQxooeBdJtMRB58/LtgtCNPW0QefMy//1dxVouQPPgYv2b31tau96nag4+v
+%XgSecCoQkgcfl5ekGWhkCsmDj896xRgXJgnJg4+Dd52M1IoRkgcfT1gIuCvC
+%heTBx3spQcl1T4TkwcdvB9Ymvr4vJA8+2rqeLgq7KSQPPl6/sci++qKQPARo
+%5yX0/NNHSB4CXLpte1WRt5A8BHhO5BR2b7+QPAT4tv2R34W/hOQhwDcnF395
+%7Mb2DwFqu64c27iW7R8CDDgy+tnqFULyEODU0szHzYuF5CHA0nqN5KfzhOQh
+%wPXNrYfPzxSShwCXcS1DL1sLyUOAbgdbPkVMFJKHAEuMv6tEY4TkIURJdIVo
+%13AheQgx2DsmX9OceQix0Op+aJAJ8+iqqxjSPfswDyFO/2qdv6o78xCi6Vfj
+%UBcp8xDioI8Hg70FzEOIs2dGit9pMg8hjjBJutirU0AeQuzu1/j2RLOAPLpy
+%0fJw6V4vIA8h5o/au+ZFpYA8RJhitX7dthIBeYhwT8PVy9PyBeQhQutX872G
+%f2f7uQgnjHs/aEQG289FuNEsbfTUVAF5iNDC/4iPe5KAPET4wcZD+1GcgDxE
+%6DVP8kQjRkAeInx18bnTxggBeYhQ3zH0ZmG4gDxEqMed+JvHCwF5iNCy4mu/
+%biEC8hChysMuOPqRgDzEaFw9euvxhwLyEOPShA6bFXcF5CHGPtutA6fdEpCH
+%GJ10Ok5MvCEgj6733mj9xdZXBeQhRpdHdpccLgrIQ4yTps4u3X9OQB5iHLiE
+%0/+pj4A8xJguWu/SdJJ5iDFlgK/FzGPMo+s9G9Gt495h5iFGf4HLgx4HmYcE
+%b1yO/ufcPuYhweDq0j2Gu5mHBL+9rjj55C/mIcFdaXXOCz2YhwR3xjsO0trC
+%PCRYse+k6s0m5iFBt14Bhkc3MA8JDrsksF26lnlIcHPGWfPxzsxDgsbufZ+a
+%rWQeEuSb/q+ppxPzkGBBt57+PZcyDwmKeesHmy1mHnq4qseQK+MWMA893JOn
+%cXixPfPQw5PWAScP2jEPPbxzQFUQMpt56OH7IXOSamcwDz18azD56LjpzEMP
+%df13NR+1YR56qCzjD86bwjz08EuMz1MbYB56aJt57a+gicxDD+tdtf82Hc88
+%9DDZ82xf39+ZhxT3h5z+x9SS1SPFpcX3W4JGMR8pxqc8gqkjWH1STH3s0TvP
+%gnlJ0fSDzcIjQ1i9UozrnDxplDnzk6JzxSyrwgGsfik6ZZ22v2nGPKXoenXo
+%59UmLA8pZo9qX2jRT0DnGSnaD18wqMOQ5SPFT52Gw1J7M28pHtedavekJ8tL
+%irEjxuZeNBDQ/w9SfL3uqMehbiw/Kc77WuC4Q8H6QYobrrQI3GQsTynOsLm4
+%c5Me6w8pHtq1ymarmOUrxYhYTYO9QtYvUsw38Lx9is/yluKQXe9e+umw/pHi
+%rPMh+W+0WP5SNJ46uyNPg/WTFDO+WFQJeMxDhqtj/XljOcxDhhkV3kUbOth5
+%RIaH95Q5/td1HlF7yPBskEonp4WdT2RoLbr+p0kznzxk6PV41sv1jXzykGFm
+%wZX1z1R88pBh9/DWYzr1fPKQYa0lRC6r5ZOHDDfYTk57Xs2n75sMeZYPAntU
+%8clDht3qvYP3VPDJQ4Z7jYOHFnbti2oPGbbt8Hr5ZymfPGRoar9hX1Qxnzxk
+%2KNuz/cJRXzykKEiup/LswI+eciwMbNshmU+nzy66onIcnyexycPGRY6KEWQ
+%yycPGTqvtDr64TufPGRd++W6IodsPnl0Pe+4Pqk8i08eMrx+uWz6oUw+echQ
+%33SWX98Mdh6U4z1RfHb4Fz55yFFof7f7inTmIceTcycaaacxDznGrYvTfPSZ
+%echxzb31lss+MQ85BuS2TpekMA85Jtne3hSRxDzkODzlwlLPROYhx/xdlncs
+%E5hH13p8EuPqPjIPOe6LmjE+JI55yHGuR3CO5wfmIcd0T9v/Wb1nHnLsNcRv
+%oSSWechxXuTV4qxo5iHHPSr90YFRzKPr+VkNd7zeMQ854qL+q5dEMg85rm41
+%0bWMYB5y5G7b1iF/yzzkeG7B/rJaJfPoWp972j9pr5mHHHdecVgWFs485Cg7
+%fbrzVhjzkGPaC9l2n1fMQ4HXE9eH73vJPBRoNUU0x+0F81Dg6CVyyernzEOB
+%X6sbZQ6hzEOBKxx5bfOeMQ8F7iqT1c4OYR4KfPhxnfGsp8yj69z3tDhx5hPm
+%ocC+kdut/njMPBTIvdB9rX0w81DgmS9xdQ6PmIcCqw6dPLc6iHko0GtC761u
+%gcxDgTNqHhzeG8A8FLjK23n86YfMQ4ELx0zk3HzAPLrGFy6c8ew+81DgvLuu
+%ofH3mIcC1xTuVRXeZR4KNLvnNIB3l3kocOe3yQeN7jCPrvWIXGPBn3ko8Nje
+%KcNX3mYeCjRasrvl0C3mocDl/LOj7vsxD31U8aOPp/zHx/8Dq98lgg==
+%     "]]}, 
+%   {GrayLevel[0], LineBox[CompressedData["
+%1:eJw92XVYVNvXwPGhmWKKDhEMbEUM1Ktrid3YCihiKxa2qIAoBnaDioqg2Ipd
+%iIFSiiAlId3dHe/8nLXf+ec+4zDnnL0++3tm5rlmyzfPWaXM4XCKVTic//2X
+%PbQjVt3cYFYdulf78aRs1+3g/sXs10Yue34Ivlu9ilpRXRX6potX6ew3p6D3
+%mIPB81Kq6PULcCLT8uSYz1WhV3z/PeDzLT+b7vfY31+HuqG1aZyzVaFls//3
+%L/6w03WFS8Ju9v5AMHs28NatZVWhvOSALaN5QbCxuKlu5WR2vHtw9IJdTI9B
+%VaG9HU5/qe/1ENLfKIen67HjP4Zpa0yFxp2VoYHydycHPIX7g7qt3xhTSecL
+%hulPXSKe+1WGWv17PIfsgLEJRRsq6fwv4Ph7nrbhf5WhX+t7yc/wEj41GBkO
+%4lfS9byGjdHN0aNTK0LnKE4Ih78b3xp5r4Ku7y04mTSt67e7IjTb9X8HfAfn
+%qnfacSdV0PV+gKqCRz9zdCpCXf53eVtCYAVf9jMor5yu/yPsteqMdHheHqrQ
+%+ASeE0MylDzLaT2f4Exd3RV/2/LQyf9O8Bly7xvs72taTuv7DEFfs/Y9LC8L
+%/d/Z5KcEbtZSf+MPZbTeryAJG3d0t3dZ6L/lJH+F/FuvdvxYVEbrD4PBwxY3
+%yyzKQk3/dzldvoGp46os2/pSmsc3cJDdtNj5tTR0zer/Pb5D65m2Bu+zpTSf
+%cICEdKubjqWh/zua9uNwcNjeZdT1/qU0rwiYe0IWeaq1JLThf4erj4CUA15n
+%N0SW0PwiIWxa4f1xl0tCx/w7YBSYHjlkpLyqhOYZBQ4TT4z4OLgk9N/leUXD
+%U6zf6sgpofn+gKRLQzM5McWhP3/8ewDf763D8avFNO+f0PbXeKXGuuJQnX8X
+%GAPqNjONXYYV0/xjIM7JqiFWpTj03+EcfkGBXmhit7gi8oiFoea/nddeL6L1
+%xEJiqvYdX+ci8omFlFNZbh+ti2h9seD+ZKJ7sloRecXBDY/pq9N+F9J64+CY
+%hQ8/+UYh+cWBe9SQ/z5vKKT1/4bvzt+KL44oJM/fwD9oc9tZvZDm8RsuRK8d
+%1iu+gHzjgXMoKiPxRgHNJx6W+IU/2r2hgLzjYYX/8yz+iAKaVwKExV/tf0Kt
+%gPwTYM3Er5eUf+fT/BLA5dZI8fLr+bQfEsFpc9cL79bn0zwTwbjlV1nHsHza
+%H4mQvN5NNkoln+abBEe2XJ239Fce7ZckaIjUXbXvah7NOwlS2/5YHFqTR/sn
+%GVotM57vs8qj+SfDHu1xHWs7c2k/JYNd9439JkXnkscfaEvj6Usu55LHH2j0
+%MkqOXp5LHn/A13995p4BueTxB56knjxq0JJDHilwf6nG5wffcsgjBRYdsftt
+%cTaHPFLgs9vTyEsOOeSRCvYf9h4rtMgJPfPPIxU0jvNVR9dmk0cqSIzUc90+
+%ZpNHGvwYtS324bFs8kgD2xubT36fl00eaVBQ9X1/smk2eaSDU6uKb0JJFnmk
+%Q0+uWuOHl1nkkQ53annfrnpkkcdfUDq+bZXTtCzy+AtN+3+46OtmkcdfaNlj
+%cufG50zyyICzi7UHpCzIJI8M8I/aYZRcmkEeGZAuWWr52yODPDJB9PSkNFAn
+%gzwywW30om5T7/8lj0wYZlh0+euYv+SRBWbFaR0Yn07ryYLgbNNLm9ekk08W
+%TEm6vdK9NY3WlwXlPw3/XDydRl5ZcG7bss0e3dJovVlw1K/oVP/XqeSXBd+G
+%PJ4cPTWV1p8NxVMKbC0zUsgzG1JOO0494pJC88iGiPx7NrdUU8g3Gy6Kxzje
+%vvyH5pMN6a1DL13q84e8s0HT0UAyISSZ5pUDw/bsX58/K5n8cyBsQ6bvvJwk
+%ml8OOK5v331mexL1mQOcHxDwQz2J5pkDHaOFWaE+ibQ/cmDtfjO/q30Sab65
+%cMBlgWzShwTaL7mwdUzLk6QZCTTvXNihrZ3aLzOe9k8ubN7/Jsp5SzzNPxf0
+%cnydzynF037KheHdIq9uOPebPPJgdYKpBXT7TR55cClx4tqE53HkkQf+eht/
+%TB0fRx55oPJSctAnIZY88uDswgHWL1bGkkceCPaa2B8u/kUeeTBw29fBNZq/
+%yCMfbv1NO2vTK4Y88iEvob/n6kk/ySMfVreUCKtW/SCPfNCf/eQU/1A0eeTD
+%3uhlBma3osgjH8oadgmuh0aSRwHIek/vofQ3gjwKAB1GDMpqDiePArDy3cs7
+%oxtOHgWgE/9+/73B38mjAAbqlZU+nvmNPAogWtnSqff6MPIohNJC7Y/WXl/J
+%oxCiFoS/HHTzC3kUgsEj9ef+7z6TRyGI+L0CTiZ8Io9CODOieOGZ9FDyKISc
+%Xe5/F2t9JI8i6Dzq0aMJP5BHEfxYfyqqzuUdeRTB+T32vLRbb8ijCIKsH327
+%HfeKPIrAvjN+XDfOS/IogvXBJqKSAc/Jowhix63hdtgHk0cxOP83dMgXyRPy
+%KAbPoaf7DVv7gDyK4b8dU5/afAwij2JY/evarHeSQPIohlvzB00dsOomeRSD
+%o/vxzqz1vuRRArsTZaVzNM6RRwl8nvJshfYUL/IogafF2fnCn+voflkCHwev
+%0zgVtQUUHiWwMtHiid64I6DwKIG6D0fX+krPg8KjFP7Embw9e+wKKDxKYdPQ
+%8eMfKvmDwqMU5t6o5Ol+DgSFRykkcDpDAw7cBYVHKchOtK6WTHgICo9SeDKA
+%Z/pK9SkoPMpAd+noUVGFwaDwKINIx7KNrtHPQeFRBpaW81ISnr4EhUcZpGWU
+%ds649BoUHmWQ9KjT5sL+t6DwKIO+r3q1c1a9B4VHGTzLyf4weWYIKDzK4Rtu
+%MRpoHQoKj3IYZZf3adnZT6DwKIe/qycen3LkMyg8yqFL1igfbbcvoPAoBxU/
+%G+G77V9B4SF//ip+KW4IA4VHBbgOM88UrvwGCo8KmOXzNPazw3dQeFTAgfqw
+%9PL54aDwqICffYpCvGdFkEcFfM/ZZL17SiR5VMDxSV8Tt46PIo9KaEjs8mgG
+%RJNHJej8mvV8+qgf5FEJu0KMcvyG/ySPSpjvn198dkgMeVRC+fvY86qDf5FH
+%JVzYaFAxQD+WPKqgclvtm02XY2k9VTAtN6mbnl4c+VRB7dlrZXqX42h9VTB0
+%4fusgXq/yasKmhcmX313+Tf8W+7qKjgU+2D8Lv148quCHqoLQ375xoPi/iA/
+%vn1/tzFGCeRZBUPumZ9W9UugeVTBjA+LDfRME8m3ClaHR5697p9I86mCbDuz
+%Oyu7J5F3FaTd/V1+PiiJ5lUNE23umRX0SSb/ajhuONbmiPx7jGJ+1eCghIa+
+%g//QfqgG3xNPHgte/6F5VkP4l+3hBaNSaH9Uw9NUx3Fln1JovtXwsNqzfMfE
+%VNov8ufvT2k6/EileVfD/KcvLh6ck0b7pxoM9Mr366ek0fyr4aeT3ZZWx3Ta
+%T9VQHBI1aW5hOnnUgFr40sdKm/+SRw28nhxwR6nxL3nUwKrOX3FH3DPIowaK
+%DI/lzdLMJI8aWBIWl3jgbCbtvxq4Mi8x6I4wizxqYNyJn2qX52SRRw3EHxUM
+%iricRR7y4wVd0xz5N4s8aiBn9Phbf82zyaMGVKpGiB+szSaPGkh92f3Yg8fZ
+%5FEDvMXqFcV12eRRC5xxO1rmjMohj1r4e33qT65nDnnUwtnYX5dqInLIoxbm
+%LbpiqinOJY9aGKqnKVi8MJc8aqFQ8mtp4fVc8qgFu6v+V98V5JJHLaRr3Twe
+%PSCPPGrB4m3IQY1deeRRCy3LNqqvD80jj1pQ43HaLDXzyUN+PXfjK6xn55NH
+%HTgdWbLK7ko+edSBpvY9i4jcfPKog3737p850L+APOrgS5vw0rZdBeRRB/7O
+%2c+DPheQRx0E1AgdtQSF5FEHPl39e6csKCSPOkj/o4Qp/oXkUQfz/Fc/E5UX
+%kkcd3LbS+3DRuog86kB0eELEskNF5FEHPd1X9F0SW0QedRAvOvr9rXExedRD
+%2LvqyCXrismjHjbN21jR81UxedTDt4DYpctUSsijHsww7VyYbQl51EPkWusd
+%ftdLyKMeYkK6C26WlZBHPdiEZvatGVlKHvWwIXj7voPHSsmjHob0DN22608p
+%edRD/rzaO18tysijHjr87p5evKuMPOoh/rvznOnhZeTRABt87ilt0isnjwb4
+%41I+qHZNOXk0gJnJjx0Rb8rJowEe1RzrVcStII8GaN88qmKRfQV5NED+144/
+%Ux9VkEcDTOAZzdzWWUEeDfC8JHWj6pxK8miA99WDs7MDK8mjAQ7ZbpCNaKok
+%jwYI/FRlGNejijwaADr2rI2ZVUUeDXBqit7Quj1V5NEIz5qrtNYEVpFHI1zx
+%+vAzPKaKPBrhq75j8IHmKvJohIvaSeUruleTRyNYmxuZuc6qJo9GKFvNmRDq
+%Wk0ejTAxqb3PpDvV5NEI+guqVIrjqsmjEZRTalzT26vJoxHMqkdpN/euIY9G
+%2P22Z8qwBTXk0QidX3LLP3nWkEcTcLtnmxx+UkMeTbDQ4eqU1ek15NEEM/c5
+%V5zm1pJHE3iPW8ipH1ZLHk1g+ZRvfnJlLXk0gavLI32Hc7Xk0QQ8aC3a8KmW
+%Pj+bIKET1j+vqCWPJlCa9PLGCJM68miCQwYTZqpOryOPJtBqfSZrknem8GiC
+%GXYux0bcryOPJkgZ3e/E55Q68mgG7V+/9m3g1pNHM9TxdtusH1FPHs0Q5587
+%JmhdPXk0w6TdoweNvlJPHs2w+/Sjbs1R9eTRDKbJzq86WuvJoxlcZLOU5/Rv
+%II9mUNpbujhnaQN5NMPZiMaAkDMN5NEMWZMHL6j40kAezZAU8mPIKvk+Ung0
+%Q2FHjptJr0byaIGVPXtv7WnfSB4tMMVr5FuXU43k0QL9HhWNNZY7KzxaYETl
+%S2N+QyN5tMDYqEvR0/o0kUcLvBo/7savpU3k0QIbe8R+DDvfRB4t0PfdzB6N
+%EU3k0QI7Fm5o9OpoIo8WCLFYOF8/Q4oKjxaIfXJO716pFBUeLaD5JF40q1mK
+%Co8WkG36XifUkKHCoxVarG0PpWvLUOHRChmaHZN/mstQ4dEKCw+Z7Pw5SIYK
+%j1b45N1rS9EYGSo8WsFhsINJlxkyVHi0wpqVnGtb7WWo8GiFQ5udshPWyVDh
+%0QptGxdtddgtQ4VHK1SEZ5nUHpahwqMVat2dBPcuylDh0QqOlrsa9gTKUOEh
+%//vpD6rXPZehwqMN7IOXzHX9IkOFRxvYuukdvhYnQ4VHG2SmvHEpzJKhwqMN
+%rH4ccJxYJUOFRxv0O9/o+aNThgqPNjgwrO7ZZpE2KjzaYGHiEu3hptqo8GiD
+%8+laa7oO1EaFRxu8v1jxujtoo8KjDUz6en6ZOUubPNogfH/ieD9HbfJoAyja
+%0SLdok0ebVAx8uqpJx7a5NEO626UqK09q00e7VBuUpc46ZY2ebTDD2fJ7kXP
+%tcmjHQb7LjA4FqZNHu1wYULt4cJEbfJoh9l/zu7dXqhNHu2g17Ww26BmbfJo
+%h2U3eF15fB3yaAdlw/fnzU10yEP+3MZnxcqBOuTRDk3LqnwSx+qQRzvMeZw4
+%fc88HfLogEQ3t6Xz1uiQRwcsueMhXemqQx4dMNxNsvjxSR3y6ICSEaeDevvr
+%kEcHWOxy6Z33Qoc8OqBVvfJBSoQOeXTA/uH3tsn+6pBHB+ztlr/0WLUOeXRA
+%26WGmxPUdcmjA5Tm9soZY6RLHh3gZDq2+PAgXfLogFmrHs/Qm6hLHh1gddNA
+%udFelzw64YptnorJVl3y6IQ+1UOWXTuqSx6dsPH4VgOXG7rk0QkhLuU9/F7p
+%kkcnpFefi+kVo0senaAzwfqdYYEueXSC2q4wvmOHLnl0wpi/Wp56enrk0Qmn
+%BY5lYwbpkYf8+ZGlvIQpeuTRCcsObXuXukKPPDpBd9vgCkc3PfLg4L4bhfdd
+%fPVoPRz8kHxCvf2FHvlwMPY294xxnB6tj4NuEw8e+16uR14cNEy2tdTh69N6
+%Odir4Ty3vZc++XEw7WTKxzuT9Gn9HDR+YN2larU+eXIwtCxGWH1Yn+bBwQil
+%P88ig/RR8XuGg9OcvVLXRurTfDiof23AqOJSffLmYPLNgPEzRQY0Lw4K04Xd
+%Aq0MUPH9gYOcZuONnYsMaH4cDBKHa69wN6D9wMFxyz28iu8Y0Dw5uGLtg+sn
+%fhnQ/uDgn54R8TubDWi+HDzQ2NF6s7sh7RcOWnIe2JrONqR5c1DdL+Zoi5sh
+%7R8Obgy4u6zbY0OaPwffzEk79iPDkPYTB20M1B8ki43IQwknfM4Zaz3eiDyU
+%8HAT72L8biPyUEL19xdFux8bkYcSbsxtHPktz4g8lLDzmajFxMiYPJQwymRD
+%6WtbY/JQwqS5QeXcQ8bkoYRio/jMzmfG5KGED8x9z0xKNSYPJZzqeMSgvs6Y
+%elPCaxNmDBe2GZOHEo7fYdTVqMCYPJTQPnZyq/NdY/JQwkpf9Z+bRxqTh/z9
+%vMC0l1eMyEMJhzyueFUXb0geSsiPFJ01b2YeSmh0vXfJTWPmoYQyk6FqxtP1
+%yUMJ7XY9Vg47qUceSng0+kLj8Fxd8lDC0dkvSmymsZ7lr7tVeZwMY/cnJWyo
+%35//aLoOeShh1/aYyxOztclDGTt8Bl1K+//7rzKqOz/MaeqtTR7K2Ffz0Zf6
+%VPb5qIy/3+/9r/Ac+3xRxm6hya2/bdnnpTKGe7wWWGizzxtltKn3GV6eJiUP
+%ZdQN6xfWFiQlD2V0KDJKu7RLSh7KOMki3mX6VCl5KOOOlgwDblcpeSjj9skD
+%T65pkpCHMp5eobPVNF5CHsp4Yu2CublPJOQhX1+QqdGDUxLyUMZXt4/b9N0s
+%IQ9l1MozzbKdLSEPZSzh+quVDpGQhzLe7TjSu8hAQh7y+Ri+knTjSMhDvl7t
+%tEzfQjF5KKOSUso6vVgxeShjd+eFPrffislDGfd/abUyDhSThzL2i6vftOW0
+%mDxUcIy7hZ/PXjF5qGBj4rTxXmvF5KGCz6fbv7VcICYPFZxpO7DywHgxeahg
+%c8VNHXcrMXmo4M//bjiKuonJQwVbu8WsHCkTk4cKtvCvDstWEZOHChbVP1Dq
+%XSIiDxW0sbkzY9dPEXmooJnOw1sfgkXkoYJ8lWnd4i+JyEMF7bc0xETuE5GH
+%Cm6/8PTjiRUi8lDB9NERyWrTROShgufn3JwxzEpEHipo+XLsXB1jEXmo4M0Y
+%8UM/NRF5qOCms35XvlVqkYcKBjtZHz2YqkUeKqjT8Wzat29a5KGCNeu7jrwd
+%rEUeKmg4++bkTj8t8lDBBKt7L7K8tchDBeFQ7dzRu7XIQxWnDgmMEa/WIg9V
+%jPT2rbadp0UeqvjNs2O/yjgt8lDFDM/T3C6DtchDFc8Ihx/yMdMiD1XUv3Gj
+%p6tEizxU0a7s/In3SlrkoYondYLHz6oRkocq2jxetnxsrpA8VNGZa831ShCS
+%h/x1/dm3TL8LyUMVh/f7O0PtjZA8VNEqqN9ly/tC8lDFiVHCF8+uCclDFR3a
+%ElN3nhaShyre6Ts02sNTSB6qaB2f6xmzQ0geqhhq+Mhr8ToheaiiZnjnDosl
+%QvJQxcMfDacMnC0kD1W8cWe01dYJQvJQxc04e2PFCCF5yOc5v9zjzgAheaji
+%f86LOk53E5KHKo4Xhbk80xeShxq+//7KkaclJA813DvtcffjKkLyUMPO1LGb
+%xzQLyEMNh8ycsbd7pYA81FBzafC4ofkC8lDDZTqLTm9NE5CHGpZ83dUtM05A
+%Hmo4OfI+uEQIyEMNt3vUDx0UKiAPNfRatq639JWAPNRw4+s6E9NHAvJQw1yl
+%J5NnBwrIQw1/Lr3RHnhVQB5quDXe84b5eQF5qOH333bdQrwF5KGGK/8ILT08
+%BeShhhseZoU4ugrIQw1jq9+kLdsqIA81NNo91v3QegF5qOGLVhXJ9+UC8pDP
+%79jYwB72AvJQw69P6sJuzRWQhxo+5R+fNma6gDzUcMfb/a4N4wXkoYZ/Ays6
+%I0cLyEMdDVTjo94ME5CHOoYtGZjyaaCAPNSxxwZeeVYv5qGOylayRV3MmYc6
+%Kk3bULDNiHmo49PDe3pkaTMPdczUNLBbo8U81LFzrOC8iibzUMcgt4jVL5WY
+%hzqeqNRxcW/lk4c6JmXMVXes55OHOu6rThsxr5JPHur4M2BM45JiPnmo4xKx
+%uoVrLp881DEw6q7347988lDHN00bDjQm88lDHR1XPmmx/c0nD3UM2TGr5f0P
+%Pnmo41uLfPPR4XzyUMf3XScm/vjMJw91HL0xw3jzBz55qOOaWbUt3V/zyUMd
+%v0wzby8P5pOHOvZ0con48pBPHvJ5Tc4/8zCITx4aOL0gyuz2LT55aKBHbdzG
+%h3588tBAFeWOO999+OShgYPuDl1Xdp5PHhq4T999TI/TfPLQwAdrLSY7e/PJ
+%QwMbi5ZqhnjxyUMDV6dzLc0P8MlDAys7V/c6u49PHhqobpPqJN7NPDSwn8Y5
+%U79tzEMDNV+knB+6mXloYEfTy81/1zMPDYztkht/ZjXz0MDD4Sufzl7OPDRQ
+%X9u0xWQp89DANYMMZzcuZh4amOxU/Tp9PvPQwL4R9f4/ZzMPDez9dtLh6BnM
+%QwOPTg6I+z2FeWigmv3EcQUTmIcGcvu7RKjaMA8NLDFvshw4hnlo4NZjQZdW
+%jmQemphpvsY7YBjz0MQV6v0elg9mHppoNeveoLEDmYcmzk0/GHijL/PQxEXh
+%uhyNXsxDfrzpAR57ujMPTUzqca9fXVfmoYmhb2o/7DZhHppoPO+JqaYh89DE
+%6w45//nrMg9NvBf6MBNkzEMTF98Z3a9UxDw08THf8JafgHloom5tSuICLp9+
+%f8rPd6StzEideWhi3TqxZrEy89BED8f5Az508shDEwNd327wbeORhybqhF2f
+%tq+ZRx7y9RmE9Hdu4JGHJg7Jq3uyrJZHHpo4zcZCd0kVjzw0ce/X+Sucynnk
+%IZ+v8fwZziU88tDESouOcrdCHnlw0aBvbqRvHo88uHi83XTju2weeXBxwfTq
+%1twMHnlwcbLm9q/SdB55cDHt5rlBU1N45MFFvp2T9+EkHnlw8dQmA6/oeB55
+%cDH8nN4unTgeeXAx0/Ne56oYHnlw8cql5SEfo3nkwcVjmya3GkfyyIOLXX0m
+%9T3wnUceXGzWbU8s/cojDy6WdB8w3+Ezjzy4+GDw+te/P/LIg4vWx9OCZ33g
+%kQcX3wgmmce/ZR5c1N8cKXR4zTy4GCBy8C5+wTy4uK1gw4V9z5gHF98GCLrq
+%PWUeXOzhHVf48hHz4OKQ08eP2D1gHlzc3vKsWfUe8+Bi28bAvy/uMA8epsVX
+%aq8NZB487Mrv9sbsFvPg4f2tKh8zbzAPHkbFb7UN9GMePMzQnvZjw1XmwUO9
+%BVuPjfJlHjx0nucUL7zMPHj4ouBeVP4F5sFD4cQTsz+dYx48PLX4euutM8yD
+%hzu52hVHTjEP+XUc0lbfdoJ58NDnQr27kzfz4GGu/lWzeUeZBw9DHk57PP0w
+%8+BhdPnpBZMPMQ8eFo7JmjDFk3nwcNecFS0zPJgHD7+nxzfNd2Me8jnv1lJe
+%vo958HDgJf3D21yZBw9t1+isOrabefBQypEW+O9kHjycXTN04aftzIOHomsj
+%qrK2Mg8+ui0xDldzYR7y+9Cd8V0HbmYefAy4UHnJfiPzkN8nNrhPOuHMPOT3
+%sbbi+Z/WMQ8+frC/kdO0hnnw8b86s19Wq5mH/L543/zPtpXMg4/L591seLmc
+%efAx92fuxbZlzIOPYpHD3YmOzIOPEVM6Us4vYR58FF1WM8y3Zx58XNX+NNPa
+%jnnw8XifAMGZRcyDjxMnqF8pWcA8+HhS2WP2lPnMQ35fvJJ69f5c5sHH4RyL
+%3lpzmAcf0xd9qdlhyzz4eFWUbJY9k3nwceDjZp+ZM5gHH826aPf+NI158NGg
+%aM9Iq6nMQ/658tYp+v5k5iFAs0dzw7tNYh4C1Lh3a5P/BOYhQLcOpzVm45mH
+%ALd0fNALsGEeApxun7Cl91jmIcC7pTJRMDAPATrH2W3+bwzzEGBS6C7zqP+Y
+%hwA3+ElLFo9iHgL8o5TBqRjBPOTfe0uyfQ9ZMw8BxvYP5pkMZx4C7GNjFfZ6
+%KPMQoP9Tw/L5Q5iH/Hvfw8fRDYOZhwBfF6X4+FoyDwEO2NeUPGYQ8xDgs9zZ
+%WDCAeQhwtNeGfWf7Mw8BRs8O7j6mH/MQoM+kdQ3lfZiHAPe47hx4ozfzEKD9
+%1GPFc3sxD/n36h7h/XgWzEOAPz73bP3cg3kIMSanydWtO/MQ4sUTGVUjuzEP
+%IX7RXb6t1Yx5CLFS1yL3Q1fmIUT3wDfOB0yZh/x30/4818ldmIcQh5760CYy
+%YR5CPPSpMyPNiHkI0XLryJV3DZmHEBOnJq3bZcA8hPj2L+f1ZH3mIcSI+Dgv
+%Iz3mIcQFrqHSah3mIUTrETFvw7WZhxB7Buzz8JcxDyHOzR9lsF/KPITYlqGe
+%YCdhHkKc/t3+ywgx85DPozM92FDEPIR4xpQf2S5kHvLX7wXeyhEwDyEunryU
+%E8VnHkI8V9hd/TmPeQgxuM/PD35c5iH/3edxcI23JvPQwhGnFlvs0WAe8t/5
+%9SZX1qkzDy2M9HB+YqfGPOS/s9+VBc1UZR5aaF615MJ4Feahhd57M9tHKTMP
+%Law+btIyRIl5aKGL2oIRgzjMQwvPLVxr2a+TSx5aqFbb9rpPB5c8tDCxxapv
+%33YueWhh6YjlZv3auOShhYVHuv4a2MolDy3c7jkwf0gLlzy08EzQMruRzVzy
+%0EK35W6fbJq45KGFuW0DNKc3cslDC78Vx6QtbOCShxYKVk1atFL+uavw0MJ3
+%JywOba3jkocWFl+J6eJZyyUP+Xq9hxy8UMMlDy0cr+kfcqeaSx5a+OitrOhd
+%FZc8tLDPz+9r4iq55CFC3cSka0UVXPIQYR/D1c5K8ucKDxHOv6xhZ1TOJQ8R
+%ThumNmF4GZc8RPh+bMvcefLvDQoPEc749DhnawmXPESo4pq8/1wxlzxE2COm
+%0fFFEZc8RLindO/VpELmIcIt3OdzWwuYhwgLB9w50bWAeYjQr8T29cR85iG/
+%3guD52zOYx4i/Har+bNPLvMQ4X2Tl9Zfc5iHCO0GaAytzGYeIqySFv0yzmYe
+%Imzt+Nx3Wpb8e9M/DxF6fGtw35vJPER40v7gvocZzEOEO9y2xGX8ZR4ilIQc
+%PSL9yzxEuOqS7bpJ6cxDhJrfbdfuT2MeIowcYnTlRSrzEOPie38sylNoPWpi
+%HDql++yeKcxHjJMD9qx3+sNV/L4SiTFj9PrVfsnMS4zCLocbUpNovQZiHJQb
+%9Uk/ifmJsf/GH6sXJdL6u4lxn3FXb58E5ilG28lvrFPjaR4DxGjS093TJJ75
+%yq/vcOVJp9+0X63FCHc44XfimLcYI3vN61keS/OyEaPHU9fbVrHMX4x/0qe4
+%7/tF85suRpedvZ98i2H7QYwOa5MniWNongvFeHez5lr7n2x/iFG6qSwj6AfN
+%10mMu33E3vXRXPr/M2LcmfLOcXw0zdtZjKFFtyaej2L7R4xTQxKm5kXS/HeI
+%Uav+cvbQSLafxDjs774DRyPIw0OMF6dKPNPD2f4So9L7oNGDwsnDW4xL736x
+%PvydPE6LUfy08EP6N/K4IMa9nQNdhnxj+0+Mzlofu58II4/rYoz1v7Qr/yvb
+%j2Lsod3zGH4lj7tiNL/qtfXqF7Y/xVgbURTR+Jk8notxTop9+bzP7P4hn2fR
+%nsPPPpFHiBi9v8ycLfnE9q8Yx7ROt3YJJY9wMdpMKNz7+yPbz2J8bRmYN/gj
+%ecSJ8Zn3tbGXQtj+FqOeS6R58wfySJfP67j7tSUf2H4Xo07WyxVf3pNHgRjD
+%v3Gn9XrP9r8Y59343n7qHXlUiTH54CnlhresBzHyup8/svQtebSIceIky6jw
+%N6wPCfImunEGv2F9SHB5w+kF116zPiT4yajIU/M160OCI3RTi7a/Yn1I8P6B
+%rvNyXrI+JHhmXvDbWS9ZHxLcmnd7QOgL1ocEN2+z2j/gBetDgpUOlrIbz1kf
+%EhRJTs8TP2d9SHD6l/SOA89YHxLM1vXIqwtmfUjQRFY+Ym0w60OCQ66V6aY/
+%ZX3Ir0fXPmX2U9aHBK8Orov+/oT1IcGVfNmm0U9YHxJU7Xzj+OIx60OC5Q+l
+%yX0fsz4k6DRo95/AR+x+KsFeTU+bTR6xPiRombYs+vJD1ocEfU+UBkgfsj4k
+%aBqy/NnJB6wPCe538+XzHrA+JDiH093/8H3Wh/z6ZitPUr3P+pA/r3dw8rzH
+%+pBghVvIcqV7rA8Jrg3r2ONxl/UhwdATlQ2cu6wPCRZPNz1+IIj1IcHMEVwP
+%5SDWhwTx5gMrrzusDwmm3+NlaNxhfUiwR9rXTO/brA8J7ozO6SW6zfqQ4MJ+
+%M36dD2R9SHCFZuZ4g0DWhwSl16q8bgSwPiTodUWrqEcA60OC9kX3vz68xfqQ
+%yH9PRlUNucX6kOAMfdd+If6sDwk6SAP6TfQnjwIJTvjoZhZ7k/UhwbFGz/Xt
+%brI+JBhXku6fd4P1Id9PE/c1b77B+pBgxrQ67bbrrA8pug2fa3f0OutDik/s
+%dq7Quc76kOLMhcEzA/xYH1I8YCrbaenH+pCiclBYbug11ocUc0x9fs26xvqQ
+%4rqI/g8yr7I+pNhRa6W+5SrrQ37+RWeclK6yPqTo02XbwPNXWB9SvGp+jtvj
+%CutDig8Ww7nXvqwPKR4/kxs71Zf1IcXYniYLM3xYH1IcvXhb3VYf1of89cu9
+%MjR8WB9SBM/lln6XWR9StN07c7bVZdaHFIc2+a2JvMT6kGJJxeHJyy6xPqS4
+%I8o2o/Ei60OKl/PcY09fZH1IsV4y06zXRdaH/HifNJs/XWB9SDFyx9M3dhdY
+%H/J5j7C2rTvP+pDiO9kjvdPnWR9SXPGr5mDv86wPKf52F+K3c6wPKQq2meg6
+%nWN9SHHMqoCX7WdZH1LMU3Oec+Us60OKTpsLXYafZX1IcXF08qLEM6wPKe50
+%SF+77QzrQ4oG5zdNlp5hfcjnYf94TvBp1ocU9z27mmZ7mvUhxe4xfl2rT7E+
+%pNimOePz2VOsD7m/Wr+8wadYH3JfTumwhJOsDykeGzR0z86TrA8pJrmHb9I/
+%yfqQ4vh5zRbvT7A+pFho88pu6QnWhxS//ne9WukE60OKfbgD228fZ31IMfPS
+%lZCpx1kfUvQYc+ZXpTfrQ4YXu3wruODN+pDhbmn/8yO9WR8y/HZhQlvWMdaH
+%DMdm7j5/5BjrQ4ZvRjvYDTjG+pDhzqcLkhOPsj5kqPLMInX/UdaHDCP9Hkzs
+%eZT1IcOS1idhMUdYHzJU35aXt+sI60OGsn6qaHaE9SHDISk7rKIPsz5k2K1o
+%ydYdh1kfMpxnOrzG9DDrQ4ZDBeP+RHmxPmRoXmG/facX60O+fjX1ueZerA8Z
+%+k7Xt4s5xPqQYbD5r7+uh1gfMrwQvJHb6xDrQ4b97cVWiQdZHzIcPmvBE8+D
+%rA8Z3r/829jyIOtDhjru+ksyPVkfMsxcN8zllCfrQz7Pvu8jRnuyPmR4t8fg
+%JeUHWB/yeW1sWuB3gPUhw6kfg/rNOMD6kKGueVpnuwfrQ4bTnxkrPfFgfchw
+%WlwNd5kH60OG1qXyu4wH60OGASPqm766sz5kuMP53eqd7qwPGbo+K2ro5c76
+%kGGb106zdDfWh3z+41f7nHZjfchQeewUu3FurA8Zbnru4dq4n/Uhwz/n3oc9
+%2M/6kOHxVe+PLNvP+pCh1bCJ3jr7WR8yTHjbMjl6H+tDhhmZCYke+1gfMvy1
+%wSV/2D7Wh3y/nMsYV76X9SHDo9OOBwfsZX3I3/986F27vawP+d/r6CyU7mV9
+%aGNE04ukSFcu/h+i+QLA
+%     "]]}, 
+%   {GrayLevel[0], LineBox[CompressedData["
+%1:eJw113lczNsbB/BpmmavZokkW7cI19ZybZfOI5VoVymKJCJbiVC3ouxLJJWI
+%uOLey00JP1uYuAiFlLQo2hftm/b6DXOe7z+9pu/M+Z7n8z5zzjM6a3yXrmMy
+%GIxOJQbjx1+8Ul26/o4JaJf9oZG8qCxoP7EvejblzHx8HU3Kp3Tv3KfSLrs/
+%5kC9w/0EYvLPcO7Gt230/hUSCL43zWPaZOfO/riukUvnfW4OX9lG359MLp2e
+%4fRVr03W4PDjP6nkOLep5s+GVvr5O8R/ZtyTlXdaZfz8RL/5/HvkN9fQC5rB
+%rXS8B0R9W1JLxsJW2ST3k886Jz4i3df91u0UtNLxn5CuwPe3dXNbZFfkn85P
+%TCdX6xcp551roc97SsaeXSA7sKZFZvTz+o+cu2fBNpjcQp//nGw94u32sqJZ
+%9l/nRPkTXpBj6y1fGm5vpvPJIAe1JiYnMZtlS38+8BVJ3xWvPzOqic7vNXmX
+%EvnwjU6TrCzox4BviOGo0dt9UhvpfLPIRH1zkfaCRtm2H9Pze0vYlebXKrIb
+%6PzfkfS0E4bpqxtkCo1sovf0TMejlnpaTzYxStlZk763Xmb58wEfiEWWzrh2
+%UT2t7wMZ+76vYOaf32Q/nuZ+Moes+8e++ILBN1pvLulmDSpNe1Yn+1lOfi7J
+%2q+kW7C0jtb/kahbvitKrqiVjf0xnTF55G7pwekXd9TSPPLIxOEub9JUamXr
+%vX9cn8iI7SY3hWdqaD75ZJnBKub+iTWyH6NpJOeTzZuAO/FhNc2rgESvbe6u
+%saqWff8xXGcBufAx51FuSRXNr5DYvXROH+ZXJTP5OWARmRzfp7qDWUXzLCLW
+%He4uddGVsp/TO/CZBCzmBH3Sr6T5FpOh/7UEZD2skL3N+nEVE6dLHZ6DNhU0
+%7xIyI377/ZCyctmwnxP8QtiJLrGTAspp/l/I4/P321R45bKfw7l/JfY7Pe5r
+%XyijHqVkzICdT4JBGa2nlFyws3TUfllKfUpJsdLhEqZbKa2vlPS/D9zlWPqV
+%epURrdyQ2z6Cr7TeMtKt22sTP/ML9Ssjq13q/FevKaH1l5M7ET3VshPF1LOc
+%kDuSwZK0zzSPcjLX0C00qK6I+lYQ3U3SeDfNIppPBdGPdB78xaKQeleQw8KO
+%x3sCCmhelWTqNqdxm6/mU/9K4mhePz4z7xPNr5K4f+v9PMj+RNdDFel6wdRM
+%nJ1H86wi1zh3H52OZoNifVSR624L1xgks0GRbzXZ8i79iyyDDYr1Uk36NijX
+%TStjgyLvamL6yND/VC8bFOunhlxcJ/izUMoBRf41JInt/og3lQOK9VRDLryI
+%mDDVggMKj1rSvuLwQkMPDig8asn1lPDrWrs5oPCoJbuW/6vaFskBhUct0Q4X
+%cFKvcUDhUUfMohOuOT3jgMKjjqiP6tSsLeKAwqOOpAdUqy1r54DC4xvRyOmX
+%3RZwIfKnxzfya5ZdbKcuFxQe38jbm0kfpfO4oPCoJ5n9jp1jnbig8Kgn+5M4
+%9fzNXFB41JNAPe7Bin1cUHg0kKIzyeHR8VxQeDSQB8Xx18ff5oLCo4Esn9v6
+%9NIbLig8GoljSnrGYBkXFB6NJOiwh/eMHi71aCRXhwseWol41KOJbMn0Zi3S
+%51GPJpImWOM8zIRHPZqIzW1OZoYTj3o0k4TR0+4s38SjHs3kaKnV8PQwHvVo
+%JiwDHw+lOB71aCFWMIM1NplH62khUS9reRrPedSnhVgbGJ//XMij9bUQVePI
+%wh3NPOrVQiKs1OrqWHxabwt54B+UPmUkn/q1kFcjWx1Np/Np/a3EyPjRhwlm
+%fOrZSlK5r5vyXfk0j1bCuFbW5rCFT31bSalhsvf5MD7Np5W0rPhNIymGT71b
+%SXH1dM2Qa3yaVxvxbw3J037Mp/5thPVCemR3Np/m10ZeXnTNiKngg+L72Ubu
+%elZxt37n0zzbSO7iPZUqPAFdH21EZ6bqTXttAc23nZjbs7udpgroemknc097
+%zFcnApp3O3kxm1+xw15A1087+T1jUVCkp4Dm305m/hK/aqm/gK6ndhJ0+qHa
+%w3AB9eggy2sdZ72NElCPDtJQlKsTdllAPToIz1qq/y5VQD06CPu37G1P0gXU
+%o4McKw2fZ/FeQD06SEZtZLRXiYB6dJCjG7duEdULqEcnCf3rz9k23QLq0UkK
+%HErbR6gIqUcn+Tt+dukmsZB6dJKsC8b3zEYLqUcn6XltrHt5opB6dJI6rvX6
+%UCMh9fhOVmUM+uTNF1KP7yQyqOvBP4uE1OM7ebvdM6zNXkg9vhPd3P2bUpcL
+%qcd38m6q/5QyTyH1+E469l2Yvd9HSD26SB37zalYPyH16CLrJ++ql+4SUo8u
+%EqezIHgwWEg9ukiQC+uEY7iQenSRoqilT6SHhNSji+zZ4Fv7+zEh9egmH9Sm
+%2r0/IaQe3US3503em1NC6tFNJp2McjOIFlKPbjLayrKOGSukHt3k5DdG3IIz
+%QurRTbQttkqb5K8VHt0E3L5bCeKE1KOH7LnrnHNOfl/h0UP+47jMuxSLHj1E
+%dbxgkXYMevSQvcabWBqn0aOHzDDfueB4JHr0kD7fuqDDEejRS3Z1nq/jH0WP
+%XmJw+Z3WiIPo0UtsjmnF3AsT0v2yl7wemPBLQzB69JJTUu20tF3o0UsKTQaL
+%J/mjRx/JC1N78Ptm9Ogjz6Z5CLrXoUcfMbw4RcvLAz36yGpXJdtwV/ToI9yC
+%m87uDujRR9JWbwvrWIwe/eTS+3y2gyl69JMvo6bl75yLHv3Ex+PTk42G6NFP
+%vubv/NNwMnr0E795re45OujRT9gr8sfba6FHPzENeTGYJEKPAfIhKHKoiYMe
+%A2TNeda/2kMC6jFAjpjxcmZ+F1CPATL54f63CxoF1GOA/JUOdxdUCqjHAPFe
+%/+z4/M8C6jFIApqjOUY5AuoxSMIuGSye8FpAPQZJV9XacaPk32+FxyDpfMxa
+%NeyegHoMkqf3v/2nkYz71SCJPrabMe4q7ldDJDUmjGt4HverIeIoOKu+7DTu
+%V0Pk1OQRJYeO4n41RPr3Maa+DsP9aojcC7YyHBWI+9UQmfXilvp+P9yvGDBB
+%i1U7uB7rYUD7pkTdUx64fzHAMMi9ZI4L1seASZ4uen22uJ8x4KXppLAPFgL4
+%Wa43A/ROTD3z0gT3NwbUloqO58wU0P2BAQEaVqo903C/Y0BC2JK7s/QxDwbY
+%JwiXxY7F/U8+fuHBa6ojMB8G9J4rq7oswv2QATc812gv5WFeSlAyh9czion7
+%oxLMspycxOrj0/yUABqjVTkdeH4pQaL5yJLxjXyapxI0vp/DW12N55kSJI3R
+%s7n7lU/zVYIp1e6dEwvxfFMCW/u7pXdy+DRvJQh+ZfjOPQvPOyXYslY8oPOS
+%T/NXgm0HC58y0vH8U4KeUCLpesCnHky4t/d4GP8OnodMmLUuzW9mMp96MCGx
+%57ZO8D94PjLBOfn60+LLfOrBhJXR622WXsDzkgm/ivcwq8/wqQcTtG1SNkdE
+%4fnJhNa7anE2EXzqwYSooazB8YfxPGXCwemZK4ftw/6ACQsjR87QCuVTDyY8
+%VdeuNw7EfoEJSapm1T47+NRDGeIfx7Ym+2L/oAy/eV2yUd2EHspwYkdeQag3
+%eiiDkW6OWGUNeihDjdGXlxdXoocyjH2X3WazHD2U4Y1txr9qzuihDJ8fP3lW
+%YY8eyuA/+GHtG2v0UAb192eVn1uihzIE2M43yjZDD2X41M1PagD0YIF63PhC
+%7fnowYJXGr7PV8xBDxa8WP5r/7+/oQcL7G61HxUaogcLtoYdbv9jGnqwYPtS
+%k4yByejBgojzR8Mi9NGDBcPZA+ZT9NCDBQZeB1IKx6EHCz5/U74YOxo9WLCs
+%rt3McyR6sKDu2j3vOZrowYKKPz6+HquBHirQo9PDlIrRQwUCnM9HaaihhwoE
+%dwY80BGghwq8rPaYO4+LHiqwt1LNxksFPVQg+6lgZCwTPVRgR88vbz8O8aiH
+%ChBPVcexA9i/qkBJlaZbQC+PesjvP9FOyuviUQ8V2FXtc9q0k0c9VODwHKWZ
+%D9qw32XDgb73z+e2YH/NBqXogIEXjdj/sqE0EhLc63nUgw2XN6Sf7K/FfpgN
+%1rKBwqvV2I+zIS2WMcG1Evtj+Xhz42KGl/OoBxt87w0zK/6K/TIbTB24XddL
+%sH9nQ9jhb9Xhn3nUgw3m1o4Fa+T9tsKDDR990q4syedRDzZ0ufZdn5eH/T4H
+%1mjV+M3M5VEPDri0n1SZ/YFHPTjwNeBxKrznUQ8OJIZYDjq8xd8HHAi0LXyz
+%MZNHPTiw+9n220df86gHB1zvORWnZqAHByygmXx9gR4cyDArDBz2HD04kKSf
+%luvwDD04cPNzqUtMOnrI75cHZ355gh5cuKW82Xv6Y/Tgwh33tcUH0tCDC5wl
+%3ZnlD9CDC8Yfnn02v48eXJCcDhtMvoseXHC9IRga/T/04ELyQG9M1G0ePT+5
+%ULv5oonqLfTgQlTK/7wjbqIHF/bYjd8iTUEPLixq+scj4QZ6cCEwM9FrWhJ6
+%yOfj98Du+XX04EHXaaWkVdfQgwftgWNeD/6NHjzY57t7deJf6MGDzQWMYuur
+%6MEDr4sZ4r5E9OCBVbzm8OTL6MGDML249+v+RA8ehLfpOOlcQg8eHKpLaitL
+%QA8e6OU97//rAnrwYHLMQnO/8+jBAzuN2Ffz49GDD51Z043Uz6EHH4pWm9hV
+%xqEHH2xcSooen0EPPviOq4qMj0UPPvz++Oyp4Bj04EOL+Pkjz2j04ANv7Mnz
+%S06jBx/e39qvNysKPfhwNXFzoP4p9ODDwI2cbdqR6MGH7sTqPZKT6MGHhfXb
+%U4Qn0IMPnBmH7vIj0EMAq41/1RMeRw95H+HsrSk6hh7yvm3oYq/mUfQQwOxr
+%Goa6R9BDAAvVHhobHEYPAUStdHY0PYQeAvC3t/BadhA95H3Rp7YNWw6ghwDq
+%0z1WHNqPHvK+4tIo3Sv70EMAWrmRr/8LRw/550e/elgVhh5CMPUKuCAIQw8h
+%KJtHjTHaix5CmB5XHr5yD3oIoWMo6tvRUPSQ/66asD7vQQh6CKH1jmpCQzB6
+%yPve/KHfdYLRQwgjuLVrXf9ADyE070v5cCoIPYTAE1otfxuIHvLXHZJPgkD0
+%EELgUNYU693oIYSWRP+CE7vQQxWKwtR4H3eihyo8d24pH7kTPVTB0WNayNoA
+%9FCFsoHWTyk70EMV3EadujOwHT1UITmj09lmO3qowqHbK9IT/NFDFe6daE5s
+%24YeqpB9vcHccht6qAIj2/fART/0UAWf6kSVHl/0UIUd43LWO/mihxp4KU27
+%mroVPdSgpj/EUbQVPdRgha5+yLYt6KEGUxP4IR83o4caXPnlatjszeihBluP
+%hYYnbEIPNfBxel7F3oQearDD8V2o30b0UAP/htBzn33QQw02xD6KsPRBD/l8
+%0pd8u7sBPdRgVohV44QN6KEGUZ1/x8StRw91UJ+496lgPXqoQ16/m/9eb/RQ
+%h1yp6Oz3deihDtlHvlpuXYce6mDIH7GxZi16qIPrScsBz7XooQ6/apV1lHih
+%hzqUelUGunmhhzpIh91eWLQGPdRBP6NUe8Ua9JC/P+1V2WdP9FCH56OFD1d5
+%oocIGkbYnilfjfWIwFaTKd6wGn1E4P6x41GTB9YngtEtYck7PdBLBKmGUZVD
+%q7BeETzYdsLh6Cr0E4Gnw+bKYauwfvn9xBdNl1eipwgkqcojDVZiHiIw0ro1
+%IJPv44rfMyKwV7pB7N0xHxFsX5yQXOaG3iLomLbXdIcb5iWCvz6Gf+W4Yf8g
+%Am1vm8rzKzA/EUQZ5hwwXIHrQQRZDDXH18sxTxEEly177rkc14cI9qyWru11
+%xXxFkGtmuyDaFdeLCFaGul+f7op5i2B+t8+iTBdcPyJghbWKNrhg/iLYrR+s
+%z3bB9SSCfQdYrleXoYcY1vXPyzFbhh5iOJq+p6bKGT3EUN68J+uQM3qIQbfY
+%Y/RkZ/QQg1bqf5ffOqGHGD7pbyzb5oQeYuAtyPDVdEIPMawqGHPrsSN6iGFj
+%+pHCtY7oIYZXupeyhI74fZO/n6/E/99S9BCD2vclh1ctRQ8xGD0ouMVdih5i
+%MEzJHrjtgB5iEPeWtXs4oIe83mEuSUIH9BBDQo/6uIf26CGff2ZjyAZ79BDD
+%jTDueE179BDD6+E1rS/t0EMMA8t6L++yQw8xtB62ZE6yQw/5eAHLm4ps0UMM
+%Q580QyJs0UMMe6b9dgxs0UMCV3b01HXYoIcEbK80ZF+zQQ8JtAUVqnjYoIcE
+%fHXemAyzQQ8JnHKZfSvTGj3k9x9ywvZZo4cE1v7x7tbv1ughgUxVu/Z2K/SQ
+%wNQPX1JuWKGHBIxkxhnrrdBDAmXujdN/sUIPCSwxWGBesgQ9JHDd5eTss0vQ
+%QwLvh5+86rwEPSTAMTh/TLIEPSTwarePT/Zi9JDAv4bxlScWo4cEsk5PLbBZ
+%jB4SsOHMSRIuRg8JpD4dpvfWEj0k8LHZ+EiEJXpIYNSdDeNsLdFDAj47Hqap
+%W6KHBLT0nmrnLEIPCVSY6dZHL0IPKVwNFX5zWYQeUri7eIqR9iL0kAJX/1dG
+%qQV6SOHI5CneVyzQQwqhST1nfSzQQz7eVqn1dAv0kAJ71ZOTneboIYXHN71M
+%HpmjhxQcnGM37DNHDymEWNx3tDJHDynMGLHAV2qOHlK4b7x8eLEZekjB7eMx
+%vatm6CEFE+ulwVvN0EMKKddI0Gwz9JCC8dncCqYZekjB1W+4yduF6CGFywfW
+%jDq7ED2kwGl69mjtQvSQwuDe2rIZC9FDCtWnvEIHTNFD/vwt7/a+MUUPKVjH
+%6XLiTNFDCn9kjvmwzhQ9pFD4yiXfyBQ9NGCbumUmU/76/4f9glI=
+%     "]]}},
+%  AspectRatio->NCache[GoldenRatio^(-1), 0.6180339887498948],
+%  Axes->None,
+%  AxesOrigin->{0, 0},
+%  Epilog->{
+%    InsetBox[
+%     BoxData[
+%      FormBox[
+%       InterpretationBox[
+%        Cell[
+%         BoxData[
+%          FormBox["\"|q| = 0.02\"", TraditionalForm]], "Text", "TR"], 
+%        Text["|q| = 0.02"]], TraditionalForm]], {0.8, 4}, BaseStyle \
+%-> 14], 
+%    InsetBox[
+%     BoxData[
+%      FormBox[
+%       InterpretationBox[
+%        Cell[
+%         BoxData[
+%          FormBox["\"|q| = 0.05\"", TraditionalForm]], "Text", "TR"], 
+%        Text["|q| = 0.05"]], TraditionalForm]], {1.67, 6.4}, \
+%BaseStyle -> 14], 
+%    InsetBox[
+%     BoxData[
+%      FormBox[
+%       InterpretationBox[
+%        Cell[
+%         BoxData[
+%          FormBox["\"|q| = 0.07\"", TraditionalForm]], "Text", "TR"], 
+%        Text["|q| = 0.07"]], TraditionalForm]], {2.85, 12}, \
+%BaseStyle -> 14], 
+%    InsetBox[
+%     BoxData[
+%      FormBox[
+%       InterpretationBox[
+%        Cell[
+%         BoxData[
+%          FormBox["\"|q| = 0.1\"", TraditionalForm]], "Text", "TR"], \
+%
+%        Text["|q| = 0.1"]], TraditionalForm]], {3.2, 7}, BaseStyle \
+%-> 14], Null},
+%  Frame->True,
+%  FrameLabel->{
+%    FormBox["\"Impact parameter, b\"", TraditionalForm], 
+%    FormBox["\"Spatial rotation, \[Chi]\"", TraditionalForm]},
+%  FrameStyle->{{14, 
+%     GrayLevel[1]}, {14, 
+%     GrayLevel[1]}},
+%  FrameTicks->{Automatic, {{0, 
+%      FormBox["0", TraditionalForm]}, {
+%      NCache[Pi, 3.141592653589793], 
+%      FormBox["\[Pi]", TraditionalForm]}, {
+%      NCache[2 Pi, 6.283185307179586], 
+%      FormBox[
+%       RowBox[{"2", " ", "\[Pi]"}], TraditionalForm]}, {
+%      NCache[3 Pi, 9.42477796076938], 
+%      FormBox[
+%       RowBox[{"3", " ", "\[Pi]"}], TraditionalForm]}, {
+%      NCache[4 Pi, 12.566370614359172`], 
+%      FormBox[
+%       RowBox[{"4", " ", "\[Pi]"}], TraditionalForm]}}},
+%  FrameTicksStyle->{16, 16},
+%  ImageSize->600,
+%  PlotRange->{All, All},
+%  PlotRangeClipping->True,
+%  PlotRangePadding->{Automatic, Automatic},
+%  TicksStyle->16]], "Output",
+% CellChangeTimes->{3.556953242036603*^9, {3.556953596625984*^9, \
+%3.556953702375863*^9}, {3.556953796337514*^9, 3.556953956593231*^9}, \
+%{3.556954020687426*^9, 3.556954030706046*^9}, {
+%   3.558693364370013*^9, 3.5586933829491863`*^9}, \
+%{3.55869345851305*^9, 3.5586934742140837`*^9}}]
+%%EndMathematicaCell
+p
+np 33 1 m
+33 273 L
+469 273 L
+469 1 L
+cp
+clip np
+p
+np 35 3 m
+35 271 L
+467 271 L
+467 3 L
+cp
+clip np
+3.239 setmiterlimit
+p
+np 70 3 m
+70 238 L
+450 238 L
+450 3 L
+cp
+clip np
+P
+p
+np 70 3 m
+70 238 L
+450 238 L
+450 3 L
+cp
+clip np
+P
+p
+np 70 3 m
+70 238 L
+450 238 L
+450 3 L
+cp
+clip np
+0 g
+0.36 w
+[ ] 0 setdash
+3.25 setmiterlimit
+78.19 226.892 m
+78.919 226.724 L
+79.648 226.555 L
+80.376 226.386 L
+81.105 226.217 L
+81.834 226.048 L
+82.562 225.878 L
+83.291 225.707 L
+84.02 225.537 L
+84.749 225.366 L
+85.477 225.194 L
+86.206 225.022 L
+86.935 224.85 L
+87.663 224.678 L
+88.392 224.505 L
+89.121 224.331 L
+89.849 224.158 L
+90.578 223.984 L
+91.307 223.809 L
+92.035 223.635 L
+92.764 223.459 L
+93.493 223.284 L
+94.221 223.108 L
+94.95 222.932 L
+95.679 222.755 L
+96.407 222.578 L
+97.136 222.4 L
+97.865 222.222 L
+98.593 222.044 L
+99.322 221.865 L
+100.051 221.686 L
+100.779 221.507 L
+101.508 221.327 L
+102.237 221.147 L
+102.965 220.966 L
+103.694 220.785 L
+104.423 220.604 L
+105.152 220.422 L
+105.88 220.24 L
+106.609 220.057 L
+107.338 219.874 L
+108.066 219.691 L
+108.795 219.507 L
+109.524 219.323 L
+110.252 219.138 L
+110.981 218.953 L
+111.71 218.767 L
+112.438 218.581 L
+113.167 218.395 L
+113.896 218.208 L
+114.624 218.021 L
+115.353 217.833 L
+116.082 217.645 L
+116.81 217.457 L
+117.539 217.268 L
+118.268 217.078 L
+118.996 216.889 L
+119.725 216.698 L
+120.454 216.508 L
+121.182 216.316 L
+121.911 216.125 L
+122.64 215.933 L
+123.368 215.74 L
+124.097 215.547 L
+124.826 215.354 L
+125.554 215.16 L
+126.283 214.965 L
+127.012 214.77 L
+127.741 214.575 L
+128.469 214.379 L
+129.198 214.183 L
+129.927 213.986 L
+130.655 213.789 L
+131.384 213.591 L
+132.113 213.392 L
+132.841 213.194 L
+133.57 212.994 L
+134.299 212.794 L
+135.027 212.594 L
+135.756 212.393 L
+136.485 212.192 L
+137.213 211.99 L
+137.942 211.787 L
+138.671 211.584 L
+139.399 211.38 L
+140.128 211.176 L
+140.857 210.972 L
+141.585 210.766 L
+142.314 210.56 L
+143.043 210.354 L
+143.771 210.147 L
+144.5 209.939 L
+145.229 209.731 L
+145.957 209.522 L
+146.686 209.313 L
+147.415 209.103 L
+148.144 208.893 L
+148.872 208.681 L
+149.601 208.47 L
+150.33 208.257 L
+151.058 208.044 L
+151.787 207.83 L
+152.516 207.616 L
+153.244 207.401 L
+153.973 207.185 L
+154.702 206.969 L
+155.43 206.752 L
+156.159 206.534 L
+156.888 206.316 L
+157.616 206.097 L
+158.345 205.877 L
+159.074 205.656 L
+159.802 205.435 L
+160.531 205.213 L
+161.26 204.99 L
+161.988 204.767 L
+162.717 204.542 L
+163.446 204.317 L
+164.174 204.092 L
+164.903 203.865 L
+165.632 203.638 L
+166.36 203.409 L
+167.089 203.181 L
+167.818 202.951 L
+168.547 202.72 L
+169.275 202.489 L
+170.004 202.256 L
+170.733 202.023 L
+171.461 201.789 L
+172.19 201.554 L
+172.919 201.318 L
+173.647 201.081 L
+174.376 200.844 L
+175.105 200.605 L
+175.833 200.365 L
+176.562 200.125 L
+177.291 199.883 L
+178.019 199.641 L
+178.748 199.397 L
+179.477 199.153 L
+180.205 198.907 L
+180.934 198.661 L
+181.663 198.413 L
+182.391 198.164 L
+183.12 197.914 L
+183.849 197.664 L
+184.577 197.412 L
+185.306 197.158 L
+186.035 196.904 L
+186.763 196.649 L
+187.492 196.392 L
+188.221 196.134 L
+188.95 195.875 L
+189.678 195.615 L
+190.407 195.353 L
+191.136 195.091 L
+191.864 194.826 L
+192.593 194.561 L
+193.322 194.294 L
+194.05 194.026 L
+194.779 193.757 L
+195.508 193.486 L
+196.236 193.214 L
+196.965 192.94 L
+197.694 192.665 L
+198.422 192.388 L
+199.151 192.11 L
+199.88 191.83 L
+200.608 191.549 L
+201.337 191.266 L
+202.066 190.981 L
+202.794 190.695 L
+203.523 190.408 L
+204.252 190.118 L
+204.98 189.827 L
+205.709 189.534 L
+206.438 189.239 L
+207.166 188.942 L
+207.895 188.644 L
+208.624 188.343 L
+209.353 188.041 L
+210.081 187.737 L
+210.81 187.43 L
+211.539 187.122 L
+212.267 186.811 L
+212.996 186.499 L
+213.725 186.184 L
+214.453 185.867 L
+215.182 185.548 L
+215.911 185.226 L
+216.639 184.903 L
+217.368 184.576 L
+218.097 184.248 L
+218.825 183.917 L
+219.554 183.583 L
+220.283 183.247 L
+221.011 182.908 L
+221.74 182.566 L
+222.469 182.221 L
+223.197 181.874 L
+223.926 181.524 L
+224.655 181.171 L
+225.383 180.815 L
+226.112 180.455 L
+226.841 180.093 L
+227.569 179.727 L
+228.298 179.358 L
+229.027 178.986 L
+229.756 178.61 L
+230.484 178.23 L
+231.213 177.847 L
+231.942 177.46 L
+232.67 177.069 L
+233.399 176.674 L
+234.128 176.276 L
+234.856 175.872 L
+235.585 175.465 L
+236.314 175.053 L
+237.042 174.637 L
+237.771 174.216 L
+238.5 173.79 L
+239.228 173.359 L
+239.957 172.924 L
+240.686 172.482 L
+241.414 172.036 L
+242.143 171.584 L
+242.872 171.126 L
+243.6 170.662 L
+244.329 170.192 L
+245.058 169.716 L
+245.786 169.233 L
+246.515 168.744 L
+247.244 168.247 L
+247.972 167.743 L
+248.701 167.232 L
+249.43 166.713 L
+250.159 166.186 L
+250.887 165.65 L
+251.616 165.106 L
+252.345 164.553 L
+253.073 163.99 L
+253.802 163.417 L
+254.531 162.834 L
+255.259 162.241 L
+255.988 161.636 L
+256.717 161.02 L
+257.445 160.391 L
+258.174 159.75 L
+258.903 159.095 L
+259.631 158.426 L
+260.36 157.743 L
+261.089 157.044 L
+261.817 156.328 L
+262.546 155.595 L
+263.275 154.844 L
+264.003 154.074 L
+264.732 153.283 L
+265.461 152.471 L
+266.189 151.635 L
+266.918 150.774 L
+267.647 149.887 L
+268.375 148.972 L
+269.104 148.026 L
+269.833 147.047 L
+270.561 146.033 L
+271.29 144.98 L
+272.019 143.886 L
+272.748 142.746 L
+273.476 141.556 L
+274.205 140.31 L
+274.934 139.004 L
+275.662 137.63 L
+276.391 136.179 L
+277.12 134.642 L
+277.848 133.005 L
+278.577 131.258 L
+279.306 129.378 L
+280.034 127.344 L
+280.763 125.125 L
+281.492 122.683 L
+282.22 119.959 L
+282.949 116.88 L
+283.678 113.326 L
+284.406 109.112 L
+285.135 103.916 L
+285.864 97.083 L
+286.592 86.986 L
+287.321 66.511 L
+288.05 107.215 L
+288.778 120.201 L
+289.507 125.455 L
+290.236 128.764 L
+290.964 131.167 L
+291.693 133.043 L
+292.422 134.577 L
+293.151 135.87 L
+293.879 136.983 L
+294.608 137.958 L
+295.337 138.825 L
+296.065 139.602 L
+296.794 140.306 L
+297.523 140.948 L
+298.251 141.537 L
+298.98 142.081 L
+299.709 142.585 L
+300.437 143.054 L
+301.166 143.493 L
+301.895 143.904 L
+302.623 144.291 L
+303.352 144.655 L
+304.081 145 L
+304.809 145.327 L
+305.538 145.636 L
+306.267 145.931 L
+306.995 146.212 L
+307.724 146.479 L
+308.453 146.735 L
+309.181 146.98 L
+309.91 147.214 L
+310.639 147.439 L
+311.367 147.655 L
+312.096 147.863 L
+312.825 148.062 L
+313.554 148.255 L
+314.282 148.44 L
+315.011 148.619 L
+315.74 148.792 L
+316.468 148.959 L
+317.197 149.12 L
+317.926 149.276 L
+318.654 149.427 L
+319.383 149.574 L
+320.112 149.716 L
+320.84 149.853 L
+321.569 149.987 L
+322.298 150.117 L
+323.026 150.243 L
+323.755 150.366 L
+324.484 150.485 L
+325.212 150.601 L
+325.941 150.713 L
+326.67 150.823 L
+327.398 150.93 L
+328.127 151.035 L
+328.856 151.136 L
+329.584 151.235 L
+330.313 151.332 L
+331.042 151.426 L
+331.77 151.518 L
+332.499 151.608 L
+333.228 151.696 L
+333.957 151.782 L
+334.685 151.866 L
+335.414 151.948 L
+336.143 152.028 L
+336.871 152.106 L
+337.6 152.183 L
+338.329 152.258 L
+339.057 152.331 L
+339.786 152.403 L
+340.515 152.474 L
+341.243 152.542 L
+341.972 152.61 L
+342.701 152.676 L
+343.429 152.741 L
+344.158 152.805 L
+344.887 152.867 L
+345.615 152.928 L
+346.344 152.988 L
+347.073 153.047 L
+347.801 153.105 L
+348.53 153.161 L
+349.259 153.217 L
+349.987 153.271 L
+350.716 153.325 L
+351.445 153.377 L
+352.173 153.429 L
+352.902 153.48 L
+353.631 153.53 L
+354.36 153.579 L
+355.088 153.627 L
+355.817 153.674 L
+356.546 153.721 L
+357.274 153.766 L
+358.003 153.811 L
+358.732 153.855 L
+359.46 153.899 L
+360.189 153.942 L
+360.918 153.984 L
+361.646 154.025 L
+362.375 154.066 L
+363.104 154.106 L
+363.832 154.145 L
+364.561 154.184 L
+365.29 154.222 L
+366.018 154.26 L
+366.747 154.297 L
+367.476 154.333 L
+368.204 154.369 L
+368.933 154.405 L
+369.662 154.44 L
+370.39 154.474 L
+371.119 154.508 L
+371.848 154.541 L
+372.576 154.574 L
+373.305 154.606 L
+374.034 154.638 L
+374.763 154.669 L
+375.491 154.7 L
+376.22 154.731 L
+376.949 154.761 L
+377.677 154.791 L
+378.406 154.82 L
+379.135 154.849 L
+379.863 154.877 L
+380.592 154.905 L
+381.321 154.933 L
+382.049 154.96 L
+382.778 154.987 L
+383.507 155.014 L
+384.235 155.04 L
+384.964 155.066 L
+385.693 155.092 L
+386.421 155.117 L
+387.15 155.142 L
+387.879 155.166 L
+388.607 155.19 L
+389.336 155.214 L
+390.065 155.238 L
+390.793 155.261 L
+391.522 155.284 L
+392.251 155.307 L
+392.979 155.33 L
+393.708 155.352 L
+394.437 155.374 L
+395.166 155.395 L
+395.894 155.417 L
+396.623 155.438 L
+397.352 155.458 L
+398.08 155.479 L
+398.809 155.499 L
+399.538 155.519 L
+400.266 155.539 L
+400.995 155.559 L
+401.724 155.578 L
+402.452 155.597 L
+403.181 155.616 L
+403.91 155.635 L
+404.638 155.653 L
+405.367 155.672 L
+406.096 155.69 L
+406.824 155.708 L
+407.553 155.725 L
+408.282 155.743 L
+409.01 155.76 L
+409.739 155.777 L
+410.468 155.794 L
+411.196 155.811 L
+411.925 155.827 L
+412.654 155.843 L
+413.382 155.859 L
+414.111 155.875 L
+414.84 155.891 L
+415.568 155.907 L
+416.297 155.922 L
+417.026 155.937 L
+417.755 155.952 L
+418.483 155.967 L
+419.212 155.982 L
+419.941 155.997 L
+420.669 156.011 L
+421.398 156.025 L
+422.127 156.04 L
+422.855 156.054 L
+423.584 156.067 L
+424.313 156.081 L
+425.041 156.095 L
+425.77 156.108 L
+426.499 156.121 L
+427.227 156.135 L
+427.956 156.148 L
+428.685 156.16 L
+429.413 156.173 L
+430.142 156.186 L
+430.871 156.198 L
+431.599 156.211 L
+432.328 156.223 L
+433.057 156.235 L
+433.785 156.247 L
+434.514 156.259 L
+435.243 156.271 L
+435.971 156.282 L
+436.7 156.294 L
+437.429 156.305 L
+438.158 156.316 L
+438.886 156.328 L
+439.615 156.339 L
+440.344 156.35 L
+441.072 156.36 L
+441.801 156.371 L
+442.53 156.382 L
+s
+78.19 227.244 m
+78.919 227.062 L
+79.648 226.879 L
+80.376 226.696 L
+81.105 226.513 L
+81.834 226.329 L
+82.562 226.144 L
+83.291 225.96 L
+84.02 225.774 L
+84.749 225.589 L
+85.477 225.403 L
+86.206 225.216 L
+86.935 225.029 L
+87.663 224.842 L
+88.392 224.654 L
+89.121 224.465 L
+89.849 224.277 L
+90.578 224.088 L
+91.307 223.898 L
+92.035 223.708 L
+92.764 223.518 L
+93.493 223.327 L
+94.221 223.135 L
+94.95 222.944 L
+95.679 222.751 L
+96.407 222.559 L
+97.136 222.366 L
+97.865 222.172 L
+98.593 221.978 L
+99.322 221.783 L
+100.051 221.589 L
+100.779 221.393 L
+101.508 221.197 L
+102.237 221.001 L
+102.965 220.804 L
+103.694 220.607 L
+104.423 220.409 L
+105.152 220.211 L
+105.88 220.013 L
+106.609 219.813 L
+107.338 219.614 L
+108.066 219.414 L
+108.795 219.213 L
+109.524 219.012 L
+110.252 218.811 L
+110.981 218.609 L
+111.71 218.406 L
+112.438 218.203 L
+113.167 217.999 L
+113.896 217.795 L
+114.624 217.591 L
+115.353 217.386 L
+116.082 217.18 L
+116.81 216.974 L
+117.539 216.767 L
+118.268 216.56 L
+118.996 216.352 L
+119.725 216.144 L
+120.454 215.935 L
+121.182 215.726 L
+121.911 215.516 L
+122.64 215.305 L
+123.368 215.094 L
+124.097 214.883 L
+124.826 214.67 L
+125.554 214.458 L
+126.283 214.244 L
+127.012 214.03 L
+127.741 213.816 L
+128.469 213.6 L
+129.198 213.385 L
+129.927 213.168 L
+130.655 212.951 L
+131.384 212.733 L
+132.113 212.515 L
+132.841 212.296 L
+133.57 212.076 L
+134.299 211.856 L
+135.027 211.635 L
+135.756 211.413 L
+136.485 211.191 L
+137.213 210.968 L
+137.942 210.744 L
+138.671 210.52 L
+139.399 210.294 L
+140.128 210.068 L
+140.857 209.842 L
+141.585 209.614 L
+142.314 209.386 L
+143.043 209.157 L
+143.771 208.927 L
+144.5 208.697 L
+145.229 208.466 L
+145.957 208.234 L
+146.686 208.001 L
+147.415 207.767 L
+148.144 207.532 L
+148.872 207.297 L
+149.601 207.06 L
+150.33 206.823 L
+151.058 206.585 L
+151.787 206.346 L
+152.516 206.106 L
+153.244 205.865 L
+153.973 205.623 L
+154.702 205.381 L
+155.43 205.137 L
+156.159 204.892 L
+156.888 204.646 L
+157.616 204.4 L
+158.345 204.152 L
+159.074 203.903 L
+159.802 203.653 L
+160.531 203.402 L
+161.26 203.15 L
+161.988 202.897 L
+162.717 202.643 L
+163.446 202.387 L
+164.174 202.131 L
+164.903 201.873 L
+165.632 201.614 L
+166.36 201.354 L
+167.089 201.092 L
+167.818 200.83 L
+168.547 200.565 L
+169.275 200.3 L
+170.004 200.033 L
+170.733 199.765 L
+171.461 199.496 L
+172.19 199.225 L
+172.919 198.953 L
+173.647 198.68 L
+174.376 198.405 L
+175.105 198.128 L
+175.833 197.85 L
+176.562 197.57 L
+177.291 197.289 L
+178.019 197.006 L
+178.748 196.722 L
+179.477 196.435 L
+180.205 196.148 L
+180.934 195.858 L
+181.663 195.567 L
+182.391 195.274 L
+183.12 194.979 L
+183.849 194.682 L
+184.577 194.383 L
+185.306 194.083 L
+186.035 193.78 L
+186.763 193.475 L
+187.492 193.169 L
+188.221 192.86 L
+188.95 192.549 L
+189.678 192.236 L
+190.407 191.921 L
+191.136 191.603 L
+191.864 191.284 L
+192.593 190.961 L
+193.322 190.637 L
+194.05 190.31 L
+194.779 189.98 L
+195.508 189.648 L
+196.236 189.313 L
+196.965 188.976 L
+197.694 188.635 L
+198.422 188.292 L
+199.151 187.946 L
+199.88 187.598 L
+200.608 187.246 L
+201.337 186.891 L
+202.066 186.533 L
+202.794 186.171 L
+203.523 185.807 L
+204.252 185.438 L
+204.98 185.067 L
+205.709 184.692 L
+206.438 184.313 L
+207.166 183.93 L
+207.895 183.544 L
+208.624 183.153 L
+209.353 182.759 L
+210.081 182.36 L
+210.81 181.957 L
+211.539 181.549 L
+212.267 181.137 L
+212.996 180.72 L
+213.725 180.299 L
+214.453 179.872 L
+215.182 179.44 L
+215.911 179.003 L
+216.639 178.56 L
+217.368 178.112 L
+218.097 177.657 L
+218.825 177.197 L
+219.554 176.73 L
+220.283 176.257 L
+221.011 175.777 L
+221.74 175.29 L
+222.469 174.796 L
+223.197 174.295 L
+223.926 173.785 L
+224.655 173.268 L
+225.383 172.742 L
+226.112 172.207 L
+226.841 171.662 L
+227.569 171.109 L
+228.298 170.546 L
+229.027 169.971 L
+229.756 169.387 L
+230.484 168.79 L
+231.213 168.182 L
+231.942 167.561 L
+232.67 166.927 L
+233.399 166.28 L
+234.128 165.617 L
+234.856 164.94 L
+235.585 164.246 L
+236.314 163.535 L
+237.042 162.806 L
+237.771 162.058 L
+238.5 161.289 L
+239.228 160.499 L
+239.957 159.686 L
+240.686 158.848 L
+241.414 157.985 L
+242.143 157.093 L
+242.872 156.17 L
+243.6 155.216 L
+244.329 154.226 L
+245.058 153.198 L
+245.786 152.13 L
+246.515 151.016 L
+247.244 149.854 L
+247.972 148.638 L
+248.701 95.265 L
+249.43 93.925 L
+250.159 92.513 L
+250.887 91.021 L
+251.616 89.437 L
+252.345 87.751 L
+253.073 85.948 L
+253.802 84.008 L
+254.531 81.914 L
+255.259 79.635 L
+255.988 77.137 L
+256.717 74.37 L
+257.445 71.271 L
+258.174 67.749 L
+258.903 63.665 L
+259.631 58.799 L
+260.36 52.774 L
+261.089 44.836 L
+261.817 33.16 L
+262.546 10.25 L
+263.275 102.86 L
+264.003 118.171 L
+264.732 124.159 L
+265.461 127.877 L
+266.189 130.553 L
+266.918 132.626 L
+267.647 134.311 L
+268.375 135.722 L
+269.104 136.932 L
+269.833 137.986 L
+270.561 138.919 L
+271.29 139.753 L
+272.019 140.505 L
+272.748 141.189 L
+273.476 141.814 L
+274.205 142.389 L
+274.934 142.921 L
+275.662 143.415 L
+276.391 143.875 L
+277.12 144.305 L
+277.848 144.709 L
+278.577 145.088 L
+279.306 145.446 L
+280.034 145.784 L
+280.763 146.105 L
+281.492 146.409 L
+282.22 146.698 L
+282.949 146.973 L
+283.678 147.236 L
+284.406 147.486 L
+285.135 147.726 L
+285.864 147.955 L
+286.592 148.175 L
+287.321 148.386 L
+288.05 148.589 L
+288.778 148.784 L
+289.507 148.972 L
+290.236 149.152 L
+290.964 149.327 L
+291.693 149.495 L
+292.422 149.657 L
+293.151 149.814 L
+293.879 149.965 L
+294.608 150.112 L
+295.337 150.254 L
+296.065 150.392 L
+296.794 150.525 L
+297.523 150.654 L
+298.251 150.78 L
+298.98 150.901 L
+299.709 151.02 L
+300.437 151.135 L
+301.166 151.246 L
+301.895 151.355 L
+302.623 151.46 L
+303.352 151.563 L
+304.081 151.663 L
+304.809 151.761 L
+305.538 151.856 L
+306.267 151.949 L
+306.995 152.039 L
+307.724 152.127 L
+308.453 152.213 L
+309.181 152.297 L
+309.91 152.379 L
+310.639 152.459 L
+311.367 152.537 L
+312.096 152.613 L
+312.825 152.688 L
+313.554 152.761 L
+314.282 152.832 L
+315.011 152.902 L
+315.74 152.97 L
+316.468 153.037 L
+317.197 153.102 L
+317.926 153.166 L
+318.654 153.228 L
+319.383 153.29 L
+320.112 153.35 L
+320.84 153.409 L
+321.569 153.466 L
+322.298 153.523 L
+323.026 153.578 L
+323.755 153.633 L
+324.484 153.686 L
+325.212 153.738 L
+325.941 153.789 L
+326.67 153.84 L
+327.398 153.889 L
+328.127 153.937 L
+328.856 153.985 L
+329.584 154.032 L
+330.313 154.078 L
+331.042 154.123 L
+331.77 154.167 L
+332.499 154.21 L
+333.228 154.253 L
+333.957 154.295 L
+334.685 154.336 L
+335.414 154.376 L
+336.143 154.416 L
+336.871 154.455 L
+337.6 154.494 L
+338.329 154.532 L
+339.057 154.569 L
+339.786 154.606 L
+340.515 154.642 L
+341.243 154.677 L
+341.972 154.712 L
+342.701 154.746 L
+343.429 154.78 L
+344.158 154.813 L
+344.887 154.846 L
+345.615 154.878 L
+346.344 154.91 L
+347.073 154.941 L
+347.801 154.972 L
+348.53 155.002 L
+349.259 155.032 L
+349.987 155.061 L
+350.716 155.09 L
+351.445 155.118 L
+352.173 155.146 L
+352.902 155.174 L
+353.631 155.201 L
+354.36 155.228 L
+355.088 155.255 L
+355.817 155.281 L
+356.546 155.306 L
+357.274 155.332 L
+358.003 155.357 L
+358.732 155.381 L
+359.46 155.406 L
+360.189 155.43 L
+360.918 155.453 L
+361.646 155.476 L
+362.375 155.499 L
+363.104 155.522 L
+363.832 155.544 L
+364.561 155.567 L
+365.29 155.588 L
+366.018 155.61 L
+366.747 155.631 L
+367.476 155.652 L
+368.204 155.672 L
+368.933 155.693 L
+369.662 155.713 L
+370.39 155.733 L
+371.119 155.752 L
+371.848 155.772 L
+372.576 155.791 L
+373.305 155.81 L
+374.034 155.828 L
+374.763 155.847 L
+375.491 155.865 L
+376.22 155.883 L
+376.949 155.9 L
+377.677 155.918 L
+378.406 155.935 L
+379.135 155.952 L
+379.863 155.969 L
+380.592 155.986 L
+381.321 156.002 L
+382.049 156.018 L
+382.778 156.034 L
+383.507 156.05 L
+384.235 156.066 L
+384.964 156.081 L
+385.693 156.097 L
+386.421 156.112 L
+387.15 156.127 L
+387.879 156.141 L
+388.607 156.156 L
+389.336 156.171 L
+390.065 156.185 L
+390.793 156.199 L
+391.522 156.213 L
+392.251 156.227 L
+392.979 156.24 L
+393.708 156.254 L
+394.437 156.267 L
+395.166 156.28 L
+395.894 156.293 L
+396.623 156.306 L
+397.352 156.319 L
+398.08 156.331 L
+398.809 156.344 L
+399.538 156.356 L
+400.266 156.368 L
+400.995 156.38 L
+401.724 156.392 L
+402.452 156.404 L
+403.181 156.416 L
+403.91 156.427 L
+404.638 156.439 L
+405.367 156.45 L
+406.096 156.461 L
+406.824 156.472 L
+407.553 156.483 L
+408.282 156.494 L
+409.01 156.505 L
+409.739 156.515 L
+410.468 156.526 L
+411.196 156.536 L
+411.925 156.546 L
+412.654 156.557 L
+413.382 156.567 L
+414.111 156.577 L
+414.84 156.587 L
+415.568 156.596 L
+416.297 156.606 L
+417.026 156.616 L
+417.755 156.625 L
+418.483 156.634 L
+419.212 156.644 L
+419.941 156.653 L
+420.669 156.662 L
+421.398 156.671 L
+422.127 156.68 L
+422.855 156.689 L
+423.584 156.697 L
+424.313 156.706 L
+425.041 156.715 L
+425.77 156.723 L
+426.499 156.732 L
+427.227 156.74 L
+427.956 156.748 L
+428.685 156.756 L
+429.413 156.764 L
+430.142 156.772 L
+430.871 156.78 L
+431.599 156.788 L
+432.328 156.796 L
+433.057 156.804 L
+433.785 156.811 L
+434.514 156.819 L
+435.243 156.826 L
+435.971 156.834 L
+436.7 156.841 L
+437.429 156.849 L
+438.158 156.856 L
+438.886 156.863 L
+439.615 156.87 L
+440.344 156.877 L
+441.072 156.884 L
+441.801 156.891 L
+442.53 156.898 L
+s
+78.19 227.796 m
+78.555 227.699 L
+78.919 227.602 L
+79.283 227.504 L
+79.648 227.407 L
+80.012 227.309 L
+80.376 227.211 L
+80.741 227.113 L
+81.105 227.016 L
+81.469 226.917 L
+81.834 226.819 L
+82.198 226.721 L
+82.562 226.622 L
+82.927 226.524 L
+83.291 226.425 L
+83.655 226.327 L
+84.02 226.228 L
+84.384 226.129 L
+84.749 226.03 L
+85.113 225.93 L
+85.477 225.831 L
+85.842 225.732 L
+86.206 225.632 L
+86.57 225.532 L
+86.935 225.433 L
+87.299 225.333 L
+87.663 225.233 L
+88.028 225.133 L
+88.392 225.032 L
+88.756 224.932 L
+89.121 224.832 L
+89.485 224.731 L
+89.849 224.63 L
+90.214 224.53 L
+90.578 224.429 L
+90.942 224.328 L
+91.307 224.227 L
+91.671 224.125 L
+92.035 224.024 L
+92.4 223.923 L
+92.764 223.821 L
+93.128 223.719 L
+93.493 223.618 L
+93.857 223.516 L
+94.221 223.414 L
+94.586 223.311 L
+94.95 223.209 L
+95.314 223.107 L
+95.679 223.004 L
+96.043 222.902 L
+96.407 222.799 L
+96.772 222.696 L
+97.136 222.593 L
+97.5 222.49 L
+97.865 222.387 L
+98.229 222.284 L
+98.593 222.18 L
+98.958 222.077 L
+99.322 221.973 L
+99.686 221.869 L
+100.051 221.765 L
+100.415 221.661 L
+100.779 221.557 L
+101.144 221.453 L
+101.508 221.349 L
+101.872 221.244 L
+102.237 221.14 L
+102.601 221.035 L
+102.965 220.93 L
+103.33 220.825 L
+103.694 220.72 L
+104.058 220.615 L
+104.423 220.51 L
+104.787 220.404 L
+105.152 220.299 L
+105.516 220.193 L
+105.88 220.087 L
+106.245 219.981 L
+106.609 219.875 L
+106.973 219.769 L
+107.338 219.663 L
+107.702 219.556 L
+108.066 219.45 L
+108.431 219.343 L
+108.795 219.236 L
+109.159 219.129 L
+109.524 219.022 L
+109.888 218.915 L
+110.252 218.808 L
+110.617 218.7 L
+110.981 218.593 L
+111.345 218.485 L
+111.71 218.377 L
+112.074 218.269 L
+112.438 218.161 L
+112.803 218.053 L
+113.167 217.945 L
+113.531 217.836 L
+113.896 217.727 L
+114.26 217.619 L
+114.624 217.51 L
+114.989 217.401 L
+115.353 217.291 L
+115.717 217.182 L
+116.082 217.073 L
+116.446 216.963 L
+116.81 216.853 L
+117.175 216.743 L
+117.539 216.633 L
+117.903 216.523 L
+118.268 216.413 L
+118.632 216.303 L
+118.996 216.192 L
+119.361 216.081 L
+119.725 215.97 L
+120.089 215.859 L
+120.454 215.748 L
+120.818 215.637 L
+121.182 215.525 L
+121.547 215.414 L
+121.911 215.302 L
+122.275 215.19 L
+122.64 215.078 L
+123.004 214.965 L
+123.368 214.853 L
+123.733 214.74 L
+124.097 214.628 L
+124.461 214.515 L
+124.826 214.402 L
+125.19 214.288 L
+125.554 214.175 L
+125.919 214.061 L
+126.283 213.948 L
+126.648 213.834 L
+127.012 213.72 L
+127.376 213.605 L
+127.741 213.491 L
+128.105 213.376 L
+128.469 213.262 L
+128.834 213.147 L
+129.198 213.032 L
+129.562 212.916 L
+129.927 212.801 L
+130.291 212.685 L
+130.655 212.57 L
+131.02 212.454 L
+131.384 212.337 L
+131.748 212.221 L
+132.113 212.105 L
+132.477 211.988 L
+132.841 211.871 L
+133.206 211.754 L
+133.57 211.636 L
+133.934 211.519 L
+134.299 211.401 L
+134.663 211.283 L
+135.027 211.165 L
+135.392 211.047 L
+135.756 210.928 L
+136.12 210.81 L
+136.485 210.691 L
+136.849 210.572 L
+137.213 210.452 L
+137.578 210.332 L
+137.942 210.213 L
+138.306 210.093 L
+138.671 209.973 L
+139.035 209.852 L
+139.399 209.732 L
+139.764 209.611 L
+140.128 209.49 L
+140.492 209.368 L
+140.857 209.247 L
+141.221 209.125 L
+141.585 209.003 L
+141.95 208.881 L
+142.314 208.758 L
+142.678 208.635 L
+143.043 208.513 L
+143.407 208.389 L
+143.771 208.266 L
+144.136 208.142 L
+144.5 208.018 L
+144.864 207.894 L
+145.229 207.77 L
+145.593 207.645 L
+145.957 207.52 L
+146.322 207.395 L
+146.686 207.269 L
+147.051 207.143 L
+147.415 207.017 L
+147.779 206.891 L
+148.144 206.764 L
+148.508 206.637 L
+148.872 206.51 L
+149.237 206.383 L
+149.601 206.255 L
+149.965 206.127 L
+150.33 205.999 L
+150.694 205.87 L
+151.058 205.741 L
+151.423 205.612 L
+151.787 205.483 L
+152.151 205.353 L
+152.516 205.223 L
+152.88 205.092 L
+153.244 204.962 L
+153.609 204.831 L
+153.973 204.699 L
+154.337 204.567 L
+154.702 204.435 L
+155.066 204.303 L
+155.43 204.17 L
+155.795 204.037 L
+156.159 203.904 L
+156.523 203.77 L
+156.888 203.636 L
+157.252 203.502 L
+157.616 203.367 L
+157.981 203.232 L
+158.345 203.096 L
+158.709 202.961 L
+159.074 202.824 L
+159.438 202.688 L
+159.802 202.551 L
+160.167 202.414 L
+160.531 202.276 L
+160.895 202.138 L
+161.26 201.999 L
+161.624 201.86 L
+161.988 201.721 L
+162.353 201.581 L
+162.717 201.441 L
+163.081 201.301 L
+163.446 201.16 L
+163.81 201.018 L
+164.174 200.877 L
+164.539 200.735 L
+164.903 200.592 L
+165.267 200.449 L
+165.632 200.305 L
+165.996 200.161 L
+166.36 200.017 L
+166.725 199.872 L
+167.089 199.727 L
+167.454 199.581 L
+167.818 199.435 L
+168.182 199.288 L
+168.547 199.141 L
+168.911 198.993 L
+169.275 198.845 L
+169.64 198.696 L
+170.004 198.547 L
+170.368 198.397 L
+170.733 198.247 L
+171.097 198.097 L
+171.461 197.945 L
+171.826 197.793 L
+172.19 197.641 L
+172.554 197.488 L
+172.919 197.335 L
+173.283 197.181 L
+173.647 197.026 L
+174.012 196.871 L
+174.376 196.716 L
+174.74 196.559 L
+175.105 196.403 L
+175.469 196.245 L
+175.833 196.087 L
+176.198 195.929 L
+176.562 195.77 L
+176.926 195.61 L
+177.291 195.449 L
+177.655 195.288 L
+178.019 195.126 L
+178.384 194.964 L
+178.748 194.801 L
+179.112 194.637 L
+179.477 194.473 L
+179.841 194.308 L
+180.205 194.142 L
+180.57 193.976 L
+180.934 193.809 L
+181.298 193.641 L
+181.663 193.472 L
+182.027 193.304 L
+182.391 193.134 L
+182.756 192.963 L
+183.12 192.791 L
+183.484 192.62 L
+183.849 192.447 L
+184.213 192.273 L
+184.577 192.098 L
+184.942 191.923 L
+185.306 191.747 L
+185.67 191.57 L
+186.035 191.392 L
+186.399 191.214 L
+186.763 191.035 L
+187.128 190.854 L
+187.492 190.673 L
+187.856 190.491 L
+188.221 190.309 L
+188.585 190.125 L
+188.95 189.94 L
+189.314 189.755 L
+189.678 189.568 L
+190.043 189.381 L
+190.407 189.192 L
+190.771 189.003 L
+191.136 188.813 L
+191.5 188.622 L
+191.864 188.429 L
+192.229 188.236 L
+192.593 188.042 L
+192.957 187.847 L
+193.322 187.65 L
+193.686 187.453 L
+194.05 187.254 L
+194.415 187.054 L
+194.779 186.854 L
+195.143 186.652 L
+195.508 186.449 L
+195.872 186.244 L
+196.236 186.039 L
+196.601 185.832 L
+196.965 185.625 L
+197.329 185.415 L
+197.694 185.205 L
+198.058 184.994 L
+198.422 184.781 L
+198.787 184.567 L
+199.151 184.351 L
+199.515 184.134 L
+199.88 131.817 L
+200.244 131.597 L
+200.608 131.376 L
+200.973 131.153 L
+201.337 130.93 L
+201.701 130.704 L
+202.066 130.477 L
+202.43 130.249 L
+202.794 130.019 L
+203.159 129.787 L
+203.523 129.554 L
+203.887 129.318 L
+204.252 129.082 L
+204.616 128.844 L
+204.98 128.604 L
+205.345 128.362 L
+205.709 128.118 L
+206.073 127.873 L
+206.438 127.625 L
+206.802 127.376 L
+207.166 127.125 L
+207.531 126.872 L
+207.895 126.616 L
+208.259 126.358 L
+208.624 126.099 L
+208.988 125.837 L
+209.353 125.573 L
+209.717 125.307 L
+210.081 125.038 L
+210.446 124.767 L
+210.81 124.494 L
+211.174 124.217 L
+211.539 123.939 L
+211.903 123.657 L
+212.267 123.373 L
+212.632 123.086 L
+212.996 122.797 L
+213.36 122.504 L
+213.725 122.208 L
+214.089 121.91 L
+214.453 121.608 L
+214.818 121.302 L
+215.182 120.994 L
+215.546 120.681 L
+215.911 120.366 L
+216.275 120.046 L
+216.639 119.723 L
+217.004 119.395 L
+217.368 119.064 L
+217.732 118.728 L
+218.097 118.389 L
+218.461 118.044 L
+218.825 117.695 L
+219.19 117.34 L
+219.554 116.982 L
+219.918 116.617 L
+220.283 116.248 L
+220.647 115.872 L
+221.011 115.491 L
+221.376 115.103 L
+221.74 114.71 L
+222.104 114.31 L
+222.469 113.903 L
+222.833 113.488 L
+223.197 113.067 L
+223.562 112.637 L
+223.926 112.199 L
+224.29 111.753 L
+224.655 111.297 L
+225.019 110.833 L
+225.383 110.358 L
+225.748 109.874 L
+226.112 109.378 L
+226.476 108.871 L
+226.841 108.353 L
+227.205 107.821 L
+227.569 107.276 L
+227.934 106.717 L
+228.298 106.144 L
+228.662 105.556 L
+229.027 104.951 L
+229.391 104.329 L
+229.756 103.689 L
+230.12 103.031 L
+230.484 102.352 L
+230.849 101.653 L
+231.213 100.932 L
+231.577 100.19 L
+231.942 99.426 L
+232.306 98.638 L
+232.67 97.827 L
+233.035 96.995 L
+233.399 96.143 L
+233.763 95.275 L
+234.128 94.395 L
+234.492 93.515 L
+234.856 92.647 L
+235.221 91.816 L
+235.585 91.055 L
+235.949 90.419 L
+236.314 89.987 L
+236.678 89.872 L
+237.042 90.228 L
+237.407 91.227 L
+237.771 93.008 L
+238.135 95.595 L
+238.5 98.813 L
+238.864 102.357 L
+239.228 105.928 L
+239.593 109.305 L
+239.957 112.388 L
+240.321 115.15 L
+240.686 117.611 L
+241.05 119.793 L
+241.414 121.734 L
+241.779 123.473 L
+242.143 125.035 L
+242.507 126.442 L
+242.872 127.722 L
+243.236 128.889 L
+243.6 129.959 L
+243.965 130.941 L
+244.329 131.852 L
+244.693 132.693 L
+245.058 133.477 L
+245.422 134.21 L
+245.786 134.895 L
+246.151 135.537 L
+246.515 136.14 L
+246.879 136.711 L
+247.244 137.249 L
+247.608 137.759 L
+247.972 138.243 L
+248.337 138.702 L
+248.701 139.14 L
+249.065 139.557 L
+249.43 139.955 L
+249.794 140.335 L
+250.159 140.699 L
+250.523 141.048 L
+250.887 141.382 L
+251.252 141.704 L
+251.616 142.013 L
+251.98 142.31 L
+252.345 142.596 L
+252.709 142.871 L
+253.073 143.138 L
+253.438 143.394 L
+253.802 143.643 L
+254.166 143.882 L
+254.531 144.115 L
+254.895 144.339 L
+255.259 144.557 L
+255.624 144.768 L
+255.988 144.972 L
+256.352 145.171 L
+256.717 145.364 L
+257.081 145.551 L
+257.445 145.733 L
+257.81 145.91 L
+258.174 146.082 L
+258.538 146.25 L
+258.903 146.413 L
+259.267 146.572 L
+259.631 146.727 L
+259.996 146.878 L
+260.36 147.025 L
+260.724 147.169 L
+261.089 147.309 L
+261.453 147.446 L
+261.817 147.579 L
+262.182 147.71 L
+262.546 147.837 L
+262.91 147.962 L
+263.275 148.084 L
+263.639 148.203 L
+264.003 148.32 L
+264.368 148.434 L
+264.732 148.546 L
+265.096 148.655 L
+265.461 148.763 L
+265.825 148.868 L
+266.189 148.97 L
+266.554 149.071 L
+266.918 149.17 L
+267.282 149.267 L
+267.647 149.362 L
+268.011 149.455 L
+268.375 149.547 L
+268.74 149.636 L
+269.104 149.724 L
+269.468 149.811 L
+269.833 149.896 L
+270.197 149.979 L
+270.561 150.061 L
+270.926 150.141 L
+271.29 150.22 L
+271.655 150.298 L
+272.019 150.374 L
+272.383 150.449 L
+272.748 150.523 L
+273.112 150.595 L
+273.476 150.667 L
+273.841 150.737 L
+274.205 150.806 L
+274.569 150.874 L
+274.934 150.941 L
+275.298 151.006 L
+275.662 151.071 L
+276.027 151.135 L
+276.391 151.198 L
+276.755 151.259 L
+277.12 151.32 L
+277.484 151.38 L
+277.848 151.439 L
+278.213 151.497 L
+278.577 151.554 L
+278.941 151.611 L
+279.306 151.666 L
+279.67 151.721 L
+280.034 151.775 L
+280.399 151.828 L
+280.763 151.881 L
+281.127 151.932 L
+281.492 151.983 L
+281.856 152.034 L
+282.22 152.083 L
+282.585 152.132 L
+282.949 152.181 L
+283.313 152.228 L
+283.678 152.275 L
+284.042 152.321 L
+284.406 152.367 L
+284.771 152.412 L
+285.135 152.457 L
+285.499 152.501 L
+285.864 152.544 L
+286.228 152.587 L
+286.592 152.63 L
+286.957 152.671 L
+287.321 152.713 L
+287.685 152.753 L
+288.05 152.794 L
+288.414 152.833 L
+288.778 152.872 L
+289.143 152.911 L
+289.507 152.949 L
+289.871 152.987 L
+290.236 153.025 L
+290.6 153.062 L
+290.964 153.098 L
+291.329 153.134 L
+291.693 153.17 L
+292.058 153.205 L
+292.422 153.24 L
+292.786 153.274 L
+293.151 153.308 L
+293.515 153.342 L
+293.879 153.375 L
+294.244 153.408 L
+294.608 153.44 L
+294.972 153.473 L
+295.337 153.504 L
+295.701 153.536 L
+296.065 153.567 L
+296.43 153.597 L
+296.794 153.628 L
+297.158 153.658 L
+297.523 153.688 L
+297.887 153.717 L
+298.251 153.746 L
+298.616 153.775 L
+298.98 153.803 L
+299.344 153.832 L
+299.709 153.86 L
+300.073 153.887 L
+300.437 153.914 L
+300.802 153.941 L
+301.166 153.968 L
+301.53 153.995 L
+301.895 154.021 L
+302.259 154.047 L
+302.623 154.072 L
+302.988 154.098 L
+303.352 154.123 L
+303.716 154.148 L
+304.081 154.173 L
+304.445 154.197 L
+304.809 154.221 L
+305.174 154.245 L
+305.538 154.269 L
+305.902 154.292 L
+306.267 154.315 L
+306.631 154.338 L
+306.995 154.361 L
+307.36 154.384 L
+307.724 154.406 L
+308.088 154.428 L
+308.453 154.45 L
+308.817 154.472 L
+309.181 154.493 L
+309.546 154.515 L
+309.91 154.536 L
+310.274 154.557 L
+310.639 154.578 L
+311.003 154.598 L
+311.367 154.618 L
+311.732 154.639 L
+312.096 154.659 L
+312.461 154.678 L
+312.825 154.698 L
+313.189 154.717 L
+313.554 154.737 L
+313.918 154.756 L
+314.282 154.775 L
+314.647 154.793 L
+315.011 154.812 L
+315.375 154.83 L
+315.74 154.849 L
+316.104 154.867 L
+316.468 154.885 L
+316.833 154.902 L
+317.197 154.92 L
+317.561 154.938 L
+317.926 154.955 L
+318.29 154.972 L
+318.654 154.989 L
+319.019 155.006 L
+319.383 155.023 L
+319.747 155.039 L
+320.112 155.056 L
+320.476 155.072 L
+320.84 155.088 L
+321.205 155.104 L
+321.569 155.12 L
+321.933 155.136 L
+322.298 155.152 L
+322.662 155.167 L
+323.026 155.183 L
+323.391 155.198 L
+323.755 155.213 L
+324.119 155.228 L
+324.484 155.243 L
+324.848 155.258 L
+325.212 155.272 L
+325.577 155.287 L
+325.941 155.301 L
+326.305 155.316 L
+326.67 155.33 L
+327.034 155.344 L
+327.398 155.358 L
+327.763 155.372 L
+328.127 155.386 L
+328.491 155.399 L
+328.856 155.413 L
+329.22 155.426 L
+329.584 155.439 L
+329.949 155.453 L
+330.313 155.466 L
+330.677 155.479 L
+331.042 155.492 L
+331.406 155.505 L
+331.77 155.517 L
+332.135 155.53 L
+332.499 155.542 L
+332.864 155.555 L
+333.228 155.567 L
+333.592 155.579 L
+333.957 155.592 L
+334.321 155.604 L
+334.685 155.616 L
+335.05 155.628 L
+335.414 155.639 L
+335.778 155.651 L
+336.143 155.663 L
+336.507 155.674 L
+336.871 155.686 L
+337.236 155.697 L
+337.6 155.708 L
+337.964 155.719 L
+338.329 155.731 L
+338.693 155.742 L
+339.057 155.753 L
+339.422 155.763 L
+339.786 155.774 L
+340.15 155.785 L
+340.515 155.796 L
+340.879 155.806 L
+341.243 155.817 L
+341.608 155.827 L
+341.972 155.838 L
+342.336 155.848 L
+342.701 155.858 L
+343.065 155.868 L
+343.429 155.878 L
+343.794 155.888 L
+344.158 155.898 L
+344.522 155.908 L
+344.887 155.918 L
+345.251 155.927 L
+345.615 155.937 L
+345.98 155.947 L
+346.344 155.956 L
+346.708 155.966 L
+347.073 155.975 L
+347.437 155.984 L
+347.801 155.994 L
+348.166 156.003 L
+348.53 156.012 L
+348.894 156.021 L
+349.259 156.03 L
+349.623 156.039 L
+349.987 156.048 L
+350.352 156.057 L
+350.716 156.065 L
+351.08 156.074 L
+351.445 156.083 L
+351.809 156.091 L
+352.173 156.1 L
+352.538 156.108 L
+352.902 156.117 L
+353.266 156.125 L
+353.631 156.133 L
+353.995 156.142 L
+354.36 156.15 L
+354.724 156.158 L
+355.088 156.166 L
+355.453 156.174 L
+355.817 156.182 L
+356.181 156.19 L
+356.546 156.198 L
+356.91 156.206 L
+357.274 156.214 L
+357.639 156.221 L
+358.003 156.229 L
+358.367 156.237 L
+358.732 156.244 L
+359.096 156.252 L
+359.46 156.259 L
+359.825 156.267 L
+360.189 156.274 L
+360.553 156.282 L
+360.918 156.289 L
+361.282 156.296 L
+361.646 156.303 L
+362.011 156.311 L
+362.375 156.318 L
+362.739 156.325 L
+363.104 156.332 L
+363.468 156.339 L
+363.832 156.346 L
+364.197 156.353 L
+364.561 156.36 L
+364.925 156.366 L
+365.29 156.373 L
+365.654 156.38 L
+366.018 156.387 L
+366.383 156.393 L
+366.747 156.4 L
+367.111 156.407 L
+367.476 156.413 L
+367.84 156.42 L
+368.204 156.426 L
+368.569 156.433 L
+368.933 156.439 L
+369.297 156.445 L
+369.662 156.452 L
+370.026 156.458 L
+370.39 156.464 L
+370.755 156.47 L
+371.119 156.476 L
+371.483 156.483 L
+371.848 156.489 L
+372.212 156.495 L
+372.576 156.501 L
+372.941 156.507 L
+373.305 156.513 L
+373.669 156.519 L
+374.034 156.524 L
+374.398 156.53 L
+374.763 156.536 L
+375.127 156.542 L
+375.491 156.548 L
+375.856 156.553 L
+376.22 156.559 L
+376.584 156.565 L
+376.949 156.57 L
+377.313 156.576 L
+377.677 156.581 L
+378.042 156.587 L
+378.406 156.592 L
+378.77 156.598 L
+379.135 156.603 L
+379.499 156.609 L
+379.863 156.614 L
+380.228 156.619 L
+380.592 156.625 L
+380.956 156.63 L
+381.321 156.635 L
+381.685 156.64 L
+382.049 156.646 L
+382.414 156.651 L
+382.778 156.656 L
+383.142 156.661 L
+383.507 156.666 L
+383.871 156.671 L
+384.235 156.676 L
+384.6 156.681 L
+384.964 156.686 L
+385.328 156.691 L
+385.693 156.696 L
+386.057 156.701 L
+386.421 156.706 L
+386.786 156.71 L
+387.15 156.715 L
+387.514 156.72 L
+387.879 156.725 L
+388.243 156.729 L
+388.607 156.734 L
+388.972 156.739 L
+389.336 156.743 L
+389.7 156.748 L
+390.065 156.753 L
+390.429 156.757 L
+390.793 156.762 L
+391.158 156.766 L
+391.522 156.771 L
+391.886 156.775 L
+392.251 156.78 L
+392.615 156.784 L
+392.979 156.788 L
+393.344 156.793 L
+393.708 156.797 L
+394.072 156.802 L
+394.437 156.806 L
+394.801 156.81 L
+395.166 156.814 L
+395.53 156.819 L
+395.894 156.823 L
+396.259 156.827 L
+396.623 156.831 L
+396.987 156.835 L
+397.352 156.84 L
+397.716 156.844 L
+398.08 156.848 L
+398.445 156.852 L
+398.809 156.856 L
+399.173 156.86 L
+399.538 156.864 L
+399.902 156.868 L
+400.266 156.872 L
+400.631 156.876 L
+400.995 156.88 L
+401.359 156.884 L
+401.724 156.887 L
+402.088 156.891 L
+402.452 156.895 L
+402.817 156.899 L
+403.181 156.903 L
+403.545 156.907 L
+403.91 156.91 L
+404.274 156.914 L
+404.638 156.918 L
+405.003 156.921 L
+405.367 156.925 L
+405.731 156.929 L
+406.096 156.933 L
+406.46 156.936 L
+406.824 156.94 L
+407.189 156.943 L
+407.553 156.947 L
+407.917 156.95 L
+408.282 156.954 L
+408.646 156.958 L
+409.01 156.961 L
+409.375 156.965 L
+409.739 156.968 L
+410.103 156.972 L
+410.468 156.975 L
+410.832 156.978 L
+411.196 156.982 L
+411.561 156.985 L
+411.925 156.989 L
+412.289 156.992 L
+412.654 156.995 L
+413.018 156.999 L
+413.382 157.002 L
+413.747 157.005 L
+414.111 157.008 L
+414.475 157.012 L
+414.84 157.015 L
+415.204 157.018 L
+415.568 157.021 L
+415.933 157.025 L
+416.297 157.028 L
+416.662 157.031 L
+417.026 157.034 L
+417.39 157.037 L
+417.755 157.04 L
+418.119 157.043 L
+418.483 157.047 L
+418.848 157.05 L
+419.212 157.053 L
+419.576 157.056 L
+419.941 157.059 L
+420.305 157.062 L
+420.669 157.065 L
+421.034 157.068 L
+421.398 157.071 L
+421.762 157.074 L
+422.127 157.077 L
+422.491 157.08 L
+422.855 157.083 L
+423.22 157.085 L
+423.584 157.088 L
+423.948 157.091 L
+424.313 157.094 L
+424.677 157.097 L
+425.041 157.1 L
+425.406 157.103 L
+425.77 157.105 L
+426.134 157.108 L
+426.499 157.111 L
+426.863 157.114 L
+427.227 157.117 L
+427.592 157.119 L
+427.956 157.122 L
+428.32 157.125 L
+428.685 157.127 L
+429.049 157.13 L
+429.413 157.133 L
+429.778 157.136 L
+430.142 157.138 L
+430.506 157.141 L
+430.871 157.143 L
+431.235 157.146 L
+431.599 157.149 L
+431.964 157.151 L
+432.328 157.154 L
+432.692 157.156 L
+433.057 157.159 L
+433.421 157.162 L
+433.785 157.164 L
+434.15 157.167 L
+434.514 157.169 L
+434.878 157.172 L
+435.243 157.174 L
+435.607 157.177 L
+435.971 157.179 L
+436.336 157.182 L
+436.7 157.184 L
+437.065 157.187 L
+437.429 157.189 L
+437.793 157.191 L
+438.158 157.194 L
+438.522 157.196 L
+438.886 157.199 L
+439.251 157.201 L
+439.615 157.203 L
+439.979 157.206 L
+440.344 157.208 L
+440.708 157.21 L
+441.072 157.213 L
+441.437 157.215 L
+441.801 157.217 L
+442.165 157.22 L
+442.53 157.222 L
+s
+78.19 230.21 m
+78.919 229.983 L
+79.648 229.756 L
+80.376 229.529 L
+81.105 229.302 L
+81.834 229.074 L
+82.562 228.847 L
+83.291 228.619 L
+84.02 228.391 L
+84.749 228.163 L
+85.477 227.935 L
+86.206 227.707 L
+86.935 227.479 L
+87.663 227.251 L
+88.392 227.023 L
+89.121 226.795 L
+89.849 226.567 L
+90.578 226.339 L
+91.307 226.111 L
+92.035 225.884 L
+92.764 225.656 L
+93.493 225.429 L
+94.221 225.201 L
+94.95 224.974 L
+95.679 224.747 L
+96.407 224.52 L
+97.136 224.294 L
+97.865 224.067 L
+98.593 223.841 L
+99.322 223.615 L
+100.051 223.39 L
+100.779 223.164 L
+101.508 222.939 L
+102.237 222.714 L
+102.965 222.49 L
+103.694 222.266 L
+104.423 222.042 L
+105.152 221.819 L
+105.88 221.596 L
+106.609 221.373 L
+107.338 221.151 L
+108.066 220.929 L
+108.795 220.707 L
+109.524 220.486 L
+110.252 220.265 L
+110.981 220.045 L
+111.71 219.825 L
+112.438 219.606 L
+113.167 219.387 L
+113.896 219.169 L
+114.624 218.951 L
+115.353 218.733 L
+116.082 218.517 L
+116.81 218.3 L
+117.539 218.085 L
+118.268 217.869 L
+118.996 217.655 L
+119.725 217.44 L
+120.454 217.227 L
+121.182 217.014 L
+121.911 216.801 L
+122.64 216.59 L
+123.368 216.378 L
+124.097 216.168 L
+124.826 215.958 L
+125.554 215.748 L
+126.283 215.539 L
+127.012 163.232 L
+127.741 163.025 L
+128.469 162.818 L
+129.198 162.612 L
+129.927 162.406 L
+130.655 162.201 L
+131.384 161.997 L
+132.113 161.794 L
+132.841 161.591 L
+133.57 161.39 L
+134.299 161.188 L
+135.027 160.988 L
+135.756 160.789 L
+136.485 160.59 L
+137.213 160.392 L
+137.942 160.194 L
+138.671 159.998 L
+139.399 159.803 L
+140.128 159.608 L
+140.857 159.414 L
+141.585 159.221 L
+142.314 159.029 L
+143.043 158.839 L
+143.771 158.648 L
+144.5 158.459 L
+145.229 158.271 L
+145.957 158.084 L
+146.686 157.898 L
+147.415 157.714 L
+148.144 157.53 L
+148.872 157.347 L
+149.601 157.166 L
+150.33 156.985 L
+151.058 156.806 L
+151.787 156.628 L
+152.516 156.452 L
+153.244 156.277 L
+153.973 156.103 L
+154.702 155.931 L
+155.43 155.761 L
+156.159 155.591 L
+156.888 155.424 L
+157.616 155.258 L
+158.345 155.094 L
+159.074 154.931 L
+159.802 154.771 L
+160.531 154.612 L
+161.26 154.455 L
+161.988 154.3 L
+162.717 154.148 L
+163.446 153.997 L
+164.174 153.849 L
+164.903 153.703 L
+165.632 153.56 L
+166.36 153.419 L
+167.089 153.28 L
+167.818 153.145 L
+168.547 153.012 L
+169.275 152.882 L
+170.004 152.754 L
+170.733 152.631 L
+171.461 152.51 L
+172.19 152.392 L
+172.919 152.278 L
+173.647 152.167 L
+174.376 152.06 L
+175.105 151.956 L
+175.833 151.856 L
+176.562 151.76 L
+177.291 151.668 L
+178.019 151.58 L
+178.748 151.497 L
+179.477 151.417 L
+180.205 151.342 L
+180.934 151.271 L
+181.663 151.205 L
+182.391 151.143 L
+183.12 151.086 L
+183.849 151.033 L
+184.577 150.985 L
+185.306 150.942 L
+186.035 150.904 L
+186.763 150.87 L
+187.492 150.841 L
+188.221 150.817 L
+188.95 150.797 L
+189.678 150.783 L
+190.407 150.773 L
+191.136 150.767 L
+191.864 150.766 L
+192.593 150.77 L
+193.322 150.778 L
+194.05 150.79 L
+194.779 150.806 L
+195.508 150.827 L
+196.236 150.851 L
+196.965 150.88 L
+197.694 150.911 L
+198.422 150.947 L
+199.151 150.986 L
+199.88 151.028 L
+200.608 151.073 L
+201.337 151.121 L
+202.066 151.172 L
+202.794 151.225 L
+203.523 151.281 L
+204.252 151.339 L
+204.98 151.398 L
+205.709 151.46 L
+206.438 151.524 L
+207.166 151.589 L
+207.895 151.656 L
+208.624 151.723 L
+209.353 151.792 L
+210.081 151.862 L
+210.81 151.933 L
+211.539 152.005 L
+212.267 152.077 L
+212.996 152.149 L
+213.725 152.222 L
+214.453 152.295 L
+215.182 152.368 L
+215.911 152.441 L
+216.639 152.515 L
+217.368 152.588 L
+218.097 152.661 L
+218.825 152.733 L
+219.554 152.806 L
+220.283 152.877 L
+221.011 152.949 L
+221.74 153.019 L
+222.469 153.09 L
+223.197 153.159 L
+223.926 153.228 L
+224.655 153.296 L
+225.383 153.364 L
+226.112 153.431 L
+226.841 153.497 L
+227.569 153.562 L
+228.298 153.626 L
+229.027 153.69 L
+229.756 153.753 L
+230.484 153.815 L
+231.213 153.876 L
+231.942 153.936 L
+232.67 153.995 L
+233.399 154.053 L
+234.128 154.111 L
+234.856 154.167 L
+235.585 154.223 L
+236.314 154.278 L
+237.042 154.332 L
+237.771 154.385 L
+238.5 154.437 L
+239.228 154.488 L
+239.957 154.539 L
+240.686 154.589 L
+241.414 154.637 L
+242.143 154.685 L
+242.872 154.733 L
+243.6 154.779 L
+244.329 154.824 L
+245.058 154.869 L
+245.786 154.913 L
+246.515 154.957 L
+247.244 154.999 L
+247.972 155.041 L
+248.701 155.082 L
+249.43 155.122 L
+250.159 155.162 L
+250.887 155.201 L
+251.616 155.239 L
+252.345 155.276 L
+253.073 155.313 L
+253.802 155.35 L
+254.531 155.385 L
+255.259 155.42 L
+255.988 155.455 L
+256.717 155.488 L
+257.445 155.521 L
+258.174 155.554 L
+258.903 155.586 L
+259.631 155.618 L
+260.36 155.648 L
+261.089 155.679 L
+261.817 155.709 L
+262.546 155.738 L
+263.275 155.767 L
+264.003 155.795 L
+264.732 155.823 L
+265.461 155.85 L
+266.189 155.877 L
+266.918 155.904 L
+267.647 155.93 L
+268.375 155.955 L
+269.104 155.98 L
+269.833 156.005 L
+270.561 156.029 L
+271.29 156.053 L
+272.019 156.077 L
+272.748 156.1 L
+273.476 156.122 L
+274.205 156.145 L
+274.934 156.167 L
+275.662 156.188 L
+276.391 156.209 L
+277.12 156.23 L
+277.848 156.251 L
+278.577 156.271 L
+279.306 156.291 L
+280.034 156.31 L
+280.763 156.33 L
+281.492 156.349 L
+282.22 156.367 L
+282.949 156.385 L
+283.678 156.404 L
+284.406 156.421 L
+285.135 156.439 L
+285.864 156.456 L
+286.592 156.473 L
+287.321 156.49 L
+288.05 156.506 L
+288.778 156.522 L
+289.507 156.538 L
+290.236 156.554 L
+290.964 156.569 L
+291.693 156.584 L
+292.422 156.599 L
+293.151 156.614 L
+293.879 156.628 L
+294.608 156.643 L
+295.337 156.657 L
+296.065 156.671 L
+296.794 156.684 L
+297.523 156.698 L
+298.251 156.711 L
+298.98 156.724 L
+299.709 156.737 L
+300.437 156.75 L
+301.166 156.762 L
+301.895 156.774 L
+302.623 156.787 L
+303.352 156.799 L
+304.081 156.81 L
+304.809 156.822 L
+305.538 156.833 L
+306.267 156.845 L
+306.995 156.856 L
+307.724 156.867 L
+308.453 156.878 L
+309.181 156.888 L
+309.91 156.899 L
+310.639 156.909 L
+311.367 156.92 L
+312.096 156.93 L
+312.825 156.94 L
+313.554 156.949 L
+314.282 156.959 L
+315.011 156.969 L
+315.74 156.978 L
+316.468 156.988 L
+317.197 156.997 L
+317.926 157.006 L
+318.654 157.015 L
+319.383 157.024 L
+320.112 157.032 L
+320.84 157.041 L
+321.569 157.049 L
+322.298 157.058 L
+323.026 157.066 L
+323.755 157.074 L
+324.484 157.082 L
+325.212 157.09 L
+325.941 157.098 L
+326.67 157.106 L
+327.398 157.113 L
+328.127 157.121 L
+328.856 157.128 L
+329.584 157.136 L
+330.313 157.143 L
+331.042 157.15 L
+331.77 157.157 L
+332.499 157.164 L
+333.228 157.171 L
+333.957 157.178 L
+334.685 157.185 L
+335.414 157.192 L
+336.143 157.198 L
+336.871 157.205 L
+337.6 157.211 L
+338.329 157.217 L
+339.057 157.224 L
+339.786 157.23 L
+340.515 157.236 L
+341.243 157.242 L
+341.972 157.248 L
+342.701 157.254 L
+343.429 157.26 L
+344.158 157.266 L
+344.887 157.271 L
+345.615 157.277 L
+346.344 157.283 L
+347.073 157.288 L
+347.801 157.294 L
+348.53 157.299 L
+349.259 157.304 L
+349.987 157.31 L
+350.716 157.315 L
+351.445 157.32 L
+352.173 157.325 L
+352.902 157.33 L
+353.631 157.335 L
+354.36 157.34 L
+355.088 157.345 L
+355.817 157.35 L
+356.546 157.354 L
+357.274 157.359 L
+358.003 157.364 L
+358.732 157.368 L
+359.46 157.373 L
+360.189 157.377 L
+360.918 157.382 L
+361.646 157.386 L
+362.375 157.391 L
+363.104 157.395 L
+363.832 157.399 L
+364.561 157.403 L
+365.29 157.408 L
+366.018 157.412 L
+366.747 157.416 L
+367.476 157.42 L
+368.204 157.424 L
+368.933 157.428 L
+369.662 157.432 L
+370.39 157.436 L
+371.119 157.439 L
+371.848 157.443 L
+372.576 157.447 L
+373.305 157.451 L
+374.034 157.454 L
+374.763 157.458 L
+375.491 157.462 L
+376.22 157.465 L
+376.949 157.469 L
+377.677 157.472 L
+378.406 157.476 L
+379.135 157.479 L
+379.863 157.482 L
+380.592 157.486 L
+381.321 157.489 L
+382.049 157.492 L
+382.778 157.496 L
+383.507 157.499 L
+384.235 157.502 L
+384.964 157.505 L
+385.693 157.508 L
+386.421 157.512 L
+387.15 157.515 L
+387.879 157.518 L
+388.607 157.521 L
+389.336 157.524 L
+390.065 157.527 L
+390.793 157.53 L
+391.522 157.532 L
+392.251 157.535 L
+392.979 157.538 L
+393.708 157.541 L
+394.437 157.544 L
+395.166 157.547 L
+395.894 157.549 L
+396.623 157.552 L
+397.352 157.555 L
+398.08 157.557 L
+398.809 157.56 L
+399.538 157.563 L
+400.266 157.565 L
+400.995 157.568 L
+401.724 157.57 L
+402.452 157.573 L
+403.181 157.575 L
+403.91 157.578 L
+404.638 157.58 L
+405.367 157.583 L
+406.096 157.585 L
+406.824 157.587 L
+407.553 157.59 L
+408.282 157.592 L
+409.01 157.594 L
+409.739 157.597 L
+410.468 157.599 L
+411.196 157.601 L
+411.925 157.603 L
+412.654 157.606 L
+413.382 157.608 L
+414.111 157.61 L
+414.84 157.612 L
+415.568 157.614 L
+416.297 157.616 L
+417.026 157.619 L
+417.755 157.621 L
+418.483 157.623 L
+419.212 157.625 L
+419.941 157.627 L
+420.669 157.629 L
+421.398 157.631 L
+422.127 157.633 L
+422.855 157.635 L
+423.584 157.637 L
+424.313 157.639 L
+425.041 157.64 L
+425.77 157.642 L
+426.499 157.644 L
+427.227 157.646 L
+427.956 157.648 L
+428.685 157.65 L
+429.413 157.652 L
+430.142 157.653 L
+430.871 157.655 L
+431.599 157.657 L
+432.328 157.659 L
+433.057 157.66 L
+433.785 157.662 L
+434.514 157.664 L
+435.243 157.666 L
+435.971 157.667 L
+436.7 157.669 L
+437.429 157.671 L
+438.158 157.672 L
+438.886 157.674 L
+439.615 157.675 L
+440.344 157.677 L
+441.072 157.679 L
+441.801 157.68 L
+442.53 157.682 L
+s
+P
+0 g
+0.144 w
+[ ] 0 setdash
+3.25 setmiterlimit
+450.12 237.508 m
+70.6 237.508 L
+s
+70.6 237.508 m
+70.6 2.952 L
+s
+1 g
+[ ] 0 setdash
+70.6 2.952 m
+450.12 2.952 L
+s
+450.12 2.952 m
+450.12 237.508 L
+s
+0 g
+[ ] 0 setdash
+p
+0 setlinecap
+78.19 237.508 m
+78.19 234.611 L
+s
+P
+p
+np 74 239 m
+74 253 L
+82 253 L
+82 239 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 75.19 239.668 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.19 -1.668 m
+-2.19 14.332 L
+7.81 14.332 L
+7.81 -1.668 L
+cp
+clip np
+/MISOfy
+{
+	/newfontname exch def
+	/oldfontname exch def
+	oldfontname findfont
+	dup length dict begin
+		{1 index/FID ne{def}{pop pop}ifelse}forall
+		/Encoding ISOLatin1Encoding def
+		currentdict
+	end
+	newfontname exch definefont pop
+}def
+%%IncludeResource: font Times-Roman
+%%IncludeFont: Times-Roman
+%%BeginResource: font Times-Roman-MISO
+%%BeginFont: Times-Roman-MISO
+/Times-Roman /Times-Roman-MISO MISOfy
+%%EndFont
+%%EndResource
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+0 10.5 m
+(0) N
+P
+[1 0 0 1 -75.19 -239.668 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+92.764 237.508 m
+92.764 235.77 L
+s
+P
+p
+0 setlinecap
+107.338 237.508 m
+107.338 235.77 L
+s
+P
+p
+0 setlinecap
+121.911 237.508 m
+121.911 235.77 L
+s
+P
+p
+0 setlinecap
+136.485 237.508 m
+136.485 235.77 L
+s
+P
+p
+0 setlinecap
+151.058 237.508 m
+151.058 234.611 L
+s
+P
+p
+np 147 239 m
+147 253 L
+155 253 L
+155 239 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 148.058 239.668 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.058 -1.668 m
+-2.058 14.332 L
+7.942 14.332 L
+7.942 -1.668 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+0 10.5 m
+(1) N
+P
+[1 0 0 1 -148.058 -239.668 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+165.632 237.508 m
+165.632 235.77 L
+s
+P
+p
+0 setlinecap
+180.205 237.508 m
+180.205 235.77 L
+s
+P
+p
+0 setlinecap
+194.779 237.508 m
+194.779 235.77 L
+s
+P
+p
+0 setlinecap
+209.353 237.508 m
+209.353 235.77 L
+s
+P
+p
+0 setlinecap
+223.926 237.508 m
+223.926 234.611 L
+s
+P
+p
+np 220 239 m
+220 253 L
+228 253 L
+228 239 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 220.926 239.668 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.926 -1.668 m
+-1.926 14.332 L
+8.074 14.332 L
+8.074 -1.668 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+0 10.5 m
+(2) N
+P
+[1 0 0 1 -220.926 -239.668 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+238.5 237.508 m
+238.5 235.77 L
+s
+P
+p
+0 setlinecap
+253.073 237.508 m
+253.073 235.77 L
+s
+P
+p
+0 setlinecap
+267.647 237.508 m
+267.647 235.77 L
+s
+P
+p
+0 setlinecap
+282.22 237.508 m
+282.22 235.77 L
+s
+P
+p
+0 setlinecap
+296.794 237.508 m
+296.794 234.611 L
+s
+P
+p
+np 293 239 m
+293 253 L
+301 253 L
+301 239 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 293.794 239.668 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.794 -1.668 m
+-1.794 14.332 L
+8.206 14.332 L
+8.206 -1.668 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+0 10.5 m
+(3) N
+P
+[1 0 0 1 -293.794 -239.668 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+311.367 237.508 m
+311.367 235.77 L
+s
+P
+p
+0 setlinecap
+325.941 237.508 m
+325.941 235.77 L
+s
+P
+p
+0 setlinecap
+340.515 237.508 m
+340.515 235.77 L
+s
+P
+p
+0 setlinecap
+355.088 237.508 m
+355.088 235.77 L
+s
+P
+p
+0 setlinecap
+369.662 237.508 m
+369.662 234.611 L
+s
+P
+p
+np 365 239 m
+365 253 L
+374 253 L
+374 239 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 366.287 239.668 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.287 -1.668 m
+-2.287 14.332 L
+8.713 14.332 L
+8.713 -1.668 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+0.75 10.5 m
+(4) N
+P
+[1 0 0 1 -366.287 -239.668 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+384.235 237.508 m
+384.235 235.77 L
+s
+P
+p
+0 setlinecap
+398.809 237.508 m
+398.809 235.77 L
+s
+P
+p
+0 setlinecap
+413.382 237.508 m
+413.382 235.77 L
+s
+P
+p
+0 setlinecap
+427.956 237.508 m
+427.956 235.77 L
+s
+P
+p
+0 setlinecap
+442.53 237.508 m
+442.53 234.611 L
+s
+P
+p
+np 439 239 m
+439 253 L
+447 253 L
+447 239 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 439.53 239.668 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.53 -1.668 m
+-1.53 14.332 L
+8.47 14.332 L
+8.47 -1.668 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+0 10.5 m
+(5) N
+P
+[1 0 0 1 -439.53 -239.668 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+70.6 210.041 m
+73.497 210.041 L
+s
+P
+p
+np 61 203 m
+61 217 L
+69 217 L
+69 203 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 62.44 203.666 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.44 -1.666 m
+-2.44 14.334 L
+7.56 14.334 L
+7.56 -1.666 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+0 10.5 m
+(0) N
+P
+[1 0 0 1 -62.44 -203.666 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+70.6 157.941 m
+73.497 157.941 L
+s
+P
+p
+np 61 151 m
+61 165 L
+69 165 L
+69 151 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 61.69 151.566 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.69 -1.566 m
+-1.69 14.434 L
+8.31 14.434 L
+8.31 -1.566 L
+cp
+clip np
+%%BeginResource: font Mathematica1
+%%BeginFont: Mathematica1
+%!PS-AdobeFont-1.0: Mathematica1 001.000
+%%CreationDate: 8/26/01 at 4:07 PM
+%%VMusage: 1024 31527  
+% Mathematica typeface design by Andre Kuzniarek, with Gregg Snyder and Stephen Wolfram. Copyright \(c\) 1996-2001 Wolfram Research, Inc. [http://www.wolfram.com]. All rights reserved. [Font version 2.00]
+% ADL: 800 200 0
+%%EndComments
+FontDirectory/Mathematica1 known{/Mathematica1 findfont dup/UniqueID known{dup
+/UniqueID get 5095641 eq exch/FontType get 1 eq and}{pop false}ifelse
+{save true}{false}ifelse}{false}ifelse
+20 dict begin
+/FontInfo 16 dict dup begin
+  /version (001.000) readonly def
+  /FullName (Mathematica1) readonly def
+  /FamilyName (Mathematica1) readonly def
+  /Weight (Medium) readonly def
+  /ItalicAngle 0 def
+  /isFixedPitch false def
+  /UnderlinePosition -133 def
+  /UnderlineThickness 20 def
+  /Notice (Mathematica typeface design by Andre Kuzniarek, with Gregg Snyder and Stephen Wolfram. Copyright \(c\) 1996-2001 Wolfram Research, Inc. [http://www.wolfram.com]. All rights reserved. [Font version 2.00]) readonly def
+  /em 1000 def
+  /ascent 800 def
+  /descent 200 def
+end readonly def
+/FontName /Mathematica1 def
+/Encoding 256 array
+dup 0/NUL put
+dup 1/Eth put
+dup 2/eth put
+dup 3/Lslash put
+dup 4/lslash put
+dup 5/Scaron put
+dup 6/scaron put
+dup 7/Yacute put
+dup 8/yacute put
+dup 9/HT put
+dup 10/LF put
+dup 11/Thorn put
+dup 12/thorn put
+dup 13/CR put
+dup 14/Zcaron put
+dup 15/zcaron put
+dup 16/DLE put
+dup 17/DC1 put
+dup 18/DC2 put
+dup 19/DC3 put
+dup 20/DC4 put
+dup 21/onehalf put
+dup 22/onequarter put
+dup 23/onesuperior put
+dup 24/threequarters put
+dup 25/threesuperior put
+dup 26/twosuperior put
+dup 27/brokenbar put
+dup 28/minus put
+dup 29/multiply put
+dup 30/RS put
+dup 31/US put
+dup 32/Space put
+dup 33/Exclamation put
+dup 34/ForAll put
+dup 35/NumberSign put
+dup 36/Exists put
+dup 37/Percent put
+dup 38/Ampersand put
+dup 39/SmallMember put
+dup 40/LParen put
+dup 41/RParen put
+dup 42/Star put
+dup 43/Plus put
+dup 44/Comma put
+dup 45/Minus put
+dup 46/Period put
+dup 47/Slash put
+dup 48/Zero put
+dup 49/One put
+dup 50/Two put
+dup 51/Three put
+dup 52/Four put
+dup 53/Five put
+dup 54/Six put
+dup 55/Seven put
+dup 56/Eight put
+dup 57/Nine put
+dup 58/Colon put
+dup 59/SemiColon put
+dup 60/Less put
+dup 61/Equal put
+dup 62/Greater put
+dup 63/Question put
+dup 64/TildeFullEqual put
+dup 65/CapAlpha put
+dup 66/CapBeta put
+dup 67/CapChi put
+dup 68/CapDelta put
+dup 69/CapEpsilon put
+dup 70/CapPhi put
+dup 71/CapGamma put
+dup 72/CapEta put
+dup 73/CapIota put
+dup 74/CurlyTheta put
+dup 75/CapKappa put
+dup 76/CapLambda put
+dup 77/CapMu put
+dup 78/CapNu put
+dup 79/CapOmicron put
+dup 80/CapPi put
+dup 81/CapTheta put
+dup 82/CapRho put
+dup 83/CapSigma put
+dup 84/CapTau put
+dup 85/CapUpsilon put
+dup 86/FinalSigma put
+dup 87/CapOmega put
+dup 88/CapXi put
+dup 89/CapPsi put
+dup 90/CapZeta put
+dup 91/LBracket put
+dup 92/Therefore put
+dup 93/RBracket put
+dup 94/Perpendicular put
+dup 95/Underbar put
+dup 96/Hat put
+dup 97/Alpha put
+dup 98/Beta put
+dup 99/Chi put
+dup 100/Delta put
+dup 101/Epsilon put
+dup 102/Phi put
+dup 103/Gamma put
+dup 104/Eta put
+dup 105/Iota put
+dup 106/CurlyPhi put
+dup 107/Kappa put
+dup 108/Lambda put
+dup 109/Mu put
+dup 110/Nu put
+dup 111/Omicron put
+dup 112/Pi put
+dup 113/Theta put
+dup 114/Rho put
+dup 115/Sigma put
+dup 116/Tau put
+dup 117/Upsilon put
+dup 118/CurlyPi put
+dup 119/Omega put
+dup 120/Xi put
+dup 121/Psi put
+dup 122/Zeta put
+dup 123/LBrace put
+dup 124/VertBar put
+dup 125/RBrace put
+dup 126/Tilde put
+dup 127/DEL put
+dup 128/FractionBarExt put
+dup 129/EscapeChar put
+dup 130/SelectPlaceholder put
+dup 131/Placeholder put
+dup 132/Continuation put
+dup 133/Skeleton put
+dup 134/LSkeleton put
+dup 135/RSkeleton put
+dup 136/Spacer put
+dup 137/Cross put
+dup 138/DblEqual put
+dup 139/Grave put
+dup 140/Acute put
+dup 141/DoubleAcute put
+dup 142/OverTilde put
+dup 143/OverBar put
+dup 144/DblUpDownArrow put
+dup 145/DblUpExtens1 put
+dup 146/DblLongLArrow put
+dup 147/DblExtens put
+dup 148/DblLongRArrow put
+dup 149/DblLRArrow2 put
+dup 150/DblLongLRArrow put
+dup 151/UpDownArrow put
+dup 152/LongLArrow put
+dup 153/LongRArrow put
+dup 154/LongLRArrow put
+dup 155/ColonEqual put
+dup 156/Diamond2 put
+dup 157/NotSquareSprsetEqual put
+dup 158/AtSign put
+dup 159/Solidmedsqr put
+dup 160/OverDot put
+dup 161/CurlyCapUpsilon put
+dup 162/Prime put
+dup 163/LessEqual put
+dup 164/Fraction put
+dup 165/Infinity put
+dup 166/RuleDelayed put
+dup 167/ClubSuit put
+dup 168/DiamondSuit put
+dup 169/HeartSuit put
+dup 170/SpadeSuit put
+dup 171/LRArrow put
+dup 172/LArrow put
+dup 173/UpArrow put
+dup 174/RArrow put
+dup 175/DownArrow put
+dup 176/Degree put
+dup 177/PlusMinus put
+dup 178/DoublePrime put
+dup 179/GreaterEqual put
+dup 180/Multiply put
+dup 181/Proportional put
+dup 182/PartialDiff put
+dup 183/Bullet put
+dup 184/Divide put
+dup 185/NotEqual put
+dup 186/Equivalence put
+dup 187/Approxequal put
+dup 188/Ellipsis put
+dup 189/ArrowVertEx put
+dup 190/ArrowHorizEx put
+dup 191/CarriageReturn put
+dup 192/Aleph put
+dup 193/IFraktur put
+dup 194/RFraktur put
+dup 195/Weierstrass put
+dup 196/CircleMultiply put
+dup 197/CirclePlus put
+dup 198/EmptySet put
+dup 199/Union put
+dup 200/Intersection put
+dup 201/ProperSuperset put
+dup 202/NbSpace put
+dup 203/NotSubset put
+dup 204/ProperSubset put
+dup 205/ReflexSubset put
+dup 206/Element put
+dup 207/NotElement put
+dup 208/Angle put
+dup 209/Gradient put
+dup 210/RegTM put
+dup 211/Copyright put
+dup 212/TM put
+dup 213/Product put
+dup 214/Radical put
+dup 215/DotMath put
+dup 216/LogicalNot put
+dup 217/Wedge put
+dup 218/Vee put
+dup 219/DblLRArrow put
+dup 220/DblLArrow put
+dup 221/DblUpArrow put
+dup 222/DblRArrow put
+dup 223/DblDownArrow put
+dup 224/Lozenge put
+dup 225/LAngle put
+dup 226/Diffd put
+dup 227/Expe put
+dup 228/Imagi put
+dup 229/Sum put
+dup 230/LParenTop put
+dup 231/LParenEx put
+dup 232/LParenBot put
+dup 233/LBracketTop put
+dup 234/LBracketEx put
+dup 235/LBracketBot put
+dup 236/LBraceTop put
+dup 237/LBraceMid put
+dup 238/LBraceBot put
+dup 239/BraceEx put
+dup 240/Slot put
+dup 241/RAngle put
+dup 242/Intergral put
+dup 243/IntegralTop put
+dup 244/IntegralEx put
+dup 245/IntegralBot put
+dup 246/RParenTop put
+dup 247/RParenEx put
+dup 248/RParenBot put
+dup 249/RBracketTop put
+dup 250/RBracketEx put
+dup 251/RBracketBot put
+dup 252/RBraceTop put
+dup 253/RBraceMid put
+dup 254/RBraceBot put
+dup 255/Wolf put
+ readonly def
+/PaintType 0 def
+/FontType 1 def
+/StrokeWidth 0 def
+/FontMatrix[0.001 0 0 0.001 0 0]readonly def
+/UniqueID 5095641 def
+/FontBBox{-120 -220 1544 923}readonly def
+currentdict end
+currentfile eexec
+D8061D93A8246509E76A3EC656E953B7C22E43117F5A3BC2421790057C314DAE3EFBFF49F45DA34B
+424A961BE670A194E7E4BF0FF295DEE23134A14A7C08B6602621D885EE631B1D8D3003CF2093E039
+4D77FCEFCA8BA8965D1783DCAD9EFE6C7E420CF7B898933309A89F84721ADE7F3AE4443C5EAE8155
+759A9EB6F738F7BA81C192EE45DAD00F398FFD6904111BBD91BFEE328004F2A18BCCD98DCDB2CE23
+961B00F204E50EA022D00CE2B68E653626D4BB5AFA334A0D657307416FAF7AA8C43ED4DC541F1B7B
+B7500B3F423D9D369F8192FD00A59FD5E6ABC70F788FB70976CC1907DDC309F4B690AA2D2BF12CAE
+C493958CC0E76CE9EB5FF8BD1F1650F659E5C123EE455B7D77C39952C212AF319BF19A91E36DE52F
+0EF84B602704BD6C7C94E1B0E067210DB919F6231755A2CC5D5FE129279B43A2E2CCD27F56F00B05
+C8AC10AB07FABBEFB3509088301FE78CAF8B440C5BA2FFE06BBFCD066046618F3B6AA2E4B17B296E
+1F3F1560E19CBAD54E16E4B7A65622E468F6BDF97C50277E355D1DD8843D0A449A147FFBA071BA99
+CF70D7576DC18B96FEAF8070BF25F3A3141F873241EF4A07F332306B56F1D5909A4F233A9DB3A08E
+E43DF38DD6DB2D6DAB908967A907303EE1FA04F048FA6EBC531738C170B8B0F095FF3B05D14C2BDC
+272F7EDA8926A77D9CDA49A90AE1387A51A24ECDB2E4E287B0F95A83AD2EC0310F9B6F396AC10479
+835035FD5D4C84D91917FE8A8755C976504AB1A830ED516B5F325EA4ADFD115900D23039A2BC84EE
+D21CC21E2BBE29A5E0CF28BE047CBD515DF7785F37DDD4474042B102A1F28193BB8567FF6FDEF811
+25CE9A504BE5011C0010DCEBCF321824C9DA249D8DB11F79298F7B674CEDB6F33C111F8B0115E407
+99E0FE1B6CE9F6B2A3EED1827A9CEB453D643FE5CE2540DCBCAF7B2EA2C8F0AE9434D4BAAEAB3488
+FEC7541D57179BDEAA0BB6145EA783E73E70E0AA71A4FA58E81EB510E9FD2CF4ACFBF28E48CA313C
+CF5ED2BE032B7C9A07ABBEC9CCD8D5AC9F775D36BECC252B9FE01B6AA79A70E22478904DADDA08BB
+7CA3B66F3A83AEEBA37406127353790348AE5FBD144ABD8E1B32D1BCC70E2BC22A63E854D38317E6
+BB97C52A6C9B0C6AB5C336CE2D417A714825DCD237F7486C33925A995CD8AD3B359176C4CA775FE2
+2C6F8A7C7343F31F39D1B9A5A744973BF65D655DDB59E3495B28DBE2A877EBB32A22A4AB8EB13C67
+02B239F6932E2DC8B4B88915923B1C2AFF2F876A31F765B91747D5A858BD632B0BE4F135AC484016
+AE1BC01E44B6653A58EE1380B6DF24AEB73220A36FA8FDE9A152C16E049D2F247A9AA71CD2DF3D9E
+653054FAF518BBC1EEB43200DB0BACA93FEA9445FA5F32A99926C4F1F2370B2E3E03CEFBEECE5D5C
+DE299FE1641A9CE0C90E42E7C465DF8C19C153EA76C11791F8E112853E708CD0F6EFC22E44808A44
+3686442645D643E7118D128BF34188FD313E53B8E951E605E96825738C4DC893D942C145C3E1153F
+CDED16D1EE10374626F45781461FFC94C77D431BCF167FD29136A0B369631E139A59B06AC5281B3D
+52470B38237B469C0E49CBE74C82A940F8AAD10E05C5DD2A8F3218C4BE40DCED0982770869190845
+D2E8BA2A1A2F9CF16DDDE418B6E2013C3258FBE9AFCDACCD57B01C4FEF3526C06FD5BAB6F195C557
+23A96FA3E5CDB2ADC9AA8989DF78F163F19E26F3B9EAF60D44B745FCA49B09D9CE5CC16D1E2C78C5
+A28F14D3374956E9721C0542A01A731A3D5A771C7B51FB72960BB22C99BC8F216530AA86C1A0346B
+3D986EF1DF68BCC46EC4C809C6D54FB9C50F225ABA2C96965F4DE77E2C5D131318231C6773F0976C
+DBD016B803C38B8923822BDF160FB87BBE744D0953EDEBDE87394282B9950C89F58824D731355E8F
+A3CE364F742E3337A983BD1219CE8787CFA6925B560001F6F78343647821D408B60965966C16C454
+394D33268483F51984614FD9964CCE5F1AA4AB12144874A72D3FE97F4416ABE4213B4EDCA9ECF73A
+937B562F978E059705E561A6D0C8B89B59B4CAB2248BFC4A6D3D98F89FF38A4D1C3E5A4570E2E2E8
+D328772E11DEA2116C260B13328045139A819F5489A2C302F311898230CD26DD03E6CE3BE75EDB86
+0D982FBC8E1E24D1F83E8CA64174495B2F32BDF0505FC96E9C65FDB0EB0C4ADA410F0A1C4BB4D551
+93B1AA5EA1F988882A56413F77CF24FF6516CD5095077BA566116797895FD7EA616D10510957025A
+1DA05064FD9176303A248C94CE2A9875C03C7D8755A1A8010B712B64BAD73BEA4195D51A328F076D
+12C0E52E87D98A5269D157D544CD7B4E1CAAEA6BDD59F08D0C5FBB84A6B099BECF8BEB721A874BAA
+1BD1F8CDB5ED5CD3B49A763EAA36D33837667A6643B83537EF5515DBF7659E28692E0ACEB48FD051
+45534A443092E0A510B05B5B51B402CB3372A4E8BAF98A7FEB6D8BEF6B364A5EA0F3FDF301A44EE2
+3485D4493E7B4C33E0E352202931188D156983C40F7A4B615B6F5281B33FB32A2E6A0F7AE84BEA2C
+5C3635D7DA17371D608847EB402270B83293EC09E4B1D85996C1CC81196BE590EC9EF0F258364746
+BC4763976FDDB3707D37AFCBDC0F4EB2B1502F137EBBB1541B992EAD43B5D64CCDF505FF2F127115
+4857C69B689A11760979F6D2BB032CF0DCCBB33D2B6F6D6BB29A1D0E371AA5869A408225C0AFF523
+CEFB08A7D3D17DF9064010363196CC569C436E720B1B4573CDAE1CD93A10FD2D4ACB14E47046B5B7
+66B75B40BA97027FEC4218980B002FAB60A9F1F5A37861B9A63F696732F8127B2C6F036BF32311B8
+FF08A489E88218092D57A99C8981EF8CBBD09DF49CC836B9C1968692D1FB551F47619F020289F1A3
+D3898A96DC1C7D39A21B49C2D0DD9508CB8A8BD6A5EB40FF86F555FA32017B67AEC07BECD659E8C4
+8DD1D43E8D1EE08A117479015F78BF20D3318224572D9C90884856E4307A8AFFC83EDD317B008484
+3BBE8EB2A4E2D70077A639FE3637C3DCF87C67F1BE62E63CC67BCEF8EBD07E030524A53DD440F2A1
+3A019B7AA89E155AAD1497974258A01DA45DE1D94BB9F925290FE9BDDA29EA3F2BF1E64DF7EBCFC4
+23AB2C7310D9D87A5CA673EE95189135E1B134B431B231428FF2BF64C8F155CBDDAD17BCB524CF7E
+ABD66B75705BFFB1DDB27B72D681D7AA19FAD0FF23EEF028B606DD20D58588AACB299A3CF38372A8
+E7494A65227C1E4A231AC7843962B8A4A7BDD90F3F8B83277E696F3514139BB8DD207641B62286F0
+0E32C7FAD7029DC0E092564C7CE1BC5240FCBFB00A06F075D9536F0326CFFBA958BA7A1A11AA047B
+B14E7DE16761BB0FEF19ABE85154359807C339961B9695CDED59E489CA4D9BB75D86D9EDDF0502BC
+0B4EC36B1D71FCD4E03881ECEC703E5DA23B3F5DB98CB8DAED81D5BA20B844A92A4B92FE5B082952
+6837237C7F994786878404BE744D0953C676E52CB05FCE193E8827F977B31929E36E320E770A6F1E
+972B84AFA21E01719759DF0132C5CF9692BAA487E86E8453C09FF97642600D1024ED5D6C7D5B387D
+CB5E6147D20B4A14D7D485B5747D765C5A1CA40B9416DC4EF5DC08F43F0706B27B1C90E901556E1C
+EFF304EA8DF8D727E4B7E7CEAD14E4FC7E76002DBC37B92BD0E58AF29DA7DA91E6F99DADF1A9CBDD
+04648E2F5B811F2AF0729646B17D32D7EF25AD47E267EE53A61A7CD744C9ABFDB1EDB71C0705412B
+15769188CA1601AF0395796FAC0E2139EF90FAA65D27AAEEEE319D2831A56CE82203523097D0574D
+22742D17E519D95560B8445B5B29033BF3454B94F20C23EBE8B90DDF26D903F1D66CB39D3A64579D
+39D136C537CCD9FF2D6ACE5F79DE696C7330C0C4EA179D7911B7B67858D86CEE0833AB1E105B1993
+2A9BD572C41E78FB4A2A2421514DC2066E2F56101A9027F4BBA5D48E5DA9218E81CE46B95B50380F
+560C67A5D547A8D32610AECECBB6F5A09DF44994F6DAC64F7399C07E182033BC1B9A32B69C41FDFC
+7E1DCDDF273F045F154D727AFEE3CDB816CF2ECDB6733C579276353DD59C9D2AFA455935C1FCD0AB
+7D57F9DD79FBCC7A45E5E5A501FF17EE1C5FF0823C6FDE29C60F85F6786940D8E3540E891B5BF7F5
+D36C57AC3AD359BFAB12B215E7FC94B933386C250E6B236506FA3D151ABAD893A817772071C09144
+6E5FB23A17591A4CECAA46DD46E3C41B4578F21D8894A59B72FAF6F88EE6E514FBD2FE69447D2B59
+9A6AA8BC5C1FD5C25E50BFB5CE5DBF5AD5771BC42FCC3706B6E9F7E4FAAFF2E63ED1684C5A4C136D
+609D03E31EBCF31E864AAA74D8DDBCA52F85CCF14AB739CC55617EFC964D6CC6988AA45245B19CE2
+B63CB865DF1F1DA4A200A4A043C5CB706CD303EB31C32866ED92077AB11BF136D158840EAC67E7A1
+1BC2BFDCD5894AF735D677E1AC98BF3F19F69AF75355F168632037F6EDEBF61BE5854057AD05972C
+7DA8D37AE65D35738547A9D835C6351D8D732F8C0DC49D7605F00A6A6045559D3A0B0CC21DFDD75E
+2FCF25522001741EBBEB5CC97DDBD9DDCE490FE3CB186C101940DD02CACB685ECCB8C1DEDCDD4156
+F5F9F6B3CA53EC6E7E8A2F8159451CD5479D91BFBF91C6B32A1E0053017369330EAD2DDE323BCAC5
+EEC91A595473F447355B1BDFB873D0B538BF54AFB8EAADE5309E1B74283218F59272E59619D66405
+E74B5A9D6323CB76AF00FB27FD984F740601248C7206F59EF7FF4E95AF95327D12C47D2D34CBFF33
+29F28236831D7F0FD9D633B940D8282E1F1D5D95616CD839C6B41A7195A22B7A320864E48943CE99
+C68E3591A97689986A6536C3A1C37DA9838FF71A8C1A03094537C95D3585DF5AD9292874D8D05720
+030133B02E2754DA24712B52D6D8871422C709532B09D147EC8ACD861FA5392A82A6C2981347E327
+1986017B8315822B5FCB19A1B31BF6909E0D6490EC823434BFCE031045D20FFC675A73EBD7A39A50
+44C3B40906186CCF6E8502CD7915F053BC8CF6BE9FDD9A0330AE943D5C9A11D60D43F5BBE8A045EF
+CDB7D19C0053F4F082303442C35C432E0DA4408C5917D24A6658DB807BD754AF140CE84A34F79851
+9323060D60F4EAC0E82D3E17042BB6729C69A8B8774904C6214C2EB016C528DC1428DB41075AA6C5
+4E4D849901838C6B6DADF7B67CD0CBC6EE1B415B44654D89397274D4A6AD2BA69DD81567F5B802F2
+684DD3516ECA0F6D66046EDA0B2B38F420A238D67D98676925ECBE6711D64DAE5DBE8AC5473A2EE9
+97AE65F0715A2E5DB2C75F20D9939EF58692EDA3AEA81F25AEC888327CFA6CC13D496714E63A1A87
+11FC50250D6D23FC7A8017038281F659A685ED7F1BB1ADBF8833ABC6DBEC0D96D08334E58C67E0F9
+0046132F0D4FBCB9CDF52EE74561498B42701AB826A6DD77F46C14753748E1EC66F4BD3583FCB4F1
+DC91050CF18B0D51BC366549261282779FC9694A7B987973C0D59F65CFF3CDB88D23952E46F5EEC1
+BDA0DC354188C11B0FA191F5C11A45BB9093701B33B8E7AC1A8621793D5326E92CDD3A76FB9B67D6
+860567B9CEE7B9F9056C6E9971F642DC0BCC1D2882B5BDF1B1CDCAA3FC61775A74E70CDFC128DE0F
+9606091BB8E53905108EE77A1D3C506550FCFCAE454B020379BE3A7D6C62D162697AF1383F7BC8F2
+34FD616324C1E56E3E440277862CAB2C02395D9937816117F71A6828344182E6B5AF2799E29A6611
+9C0543E135300E44746EF2EBA57C4EABB1A15D8AC6D037F4BA2BE1EB4D1A7496F9711FC67E56D4D0
+FDA4D810B5383A72ACA15872DE9F3A9890E33759CE4DA493691BCA47A92E42D950DF588C3574D6FC
+72B5AF7DDE915E3F5925B3E97DEBE6A4208CE7337754045607679296C4EEEA3A3EF1915E85EB1A32
+F1BBADB2904B09806631E20BBF5E57AF11BC784C75BF049B4BC7E479F1D4AE7754CBED7B11ED80A5
+2DD0006FAE5CC23A7C234CF628B42F4104A490E7D59E8B1F2A1395D37641C478FF8CB9FB602B29FD
+3E48D6087CAEE48B523887F27F69DB32BF80B760B030A6766F8F9B19DE70704DAF81D3DED2BF663D
+89B5BD8AF253BB8FA59DF84A52FDED83D2737532B6D66AFB9EF0446ACD44BFAB797AB9FDB47F2E18
+8F0A55887853772EBFD029B5FA0AFBAF10A88D464BD6F634C5839B230D583E36671A51DDB1EBF471
+8ABB84D057729D514751B0EEF4F756B91DEDAD7D9AD529B3886008F1F32645F3A205F304B2A8D808
+D37A38E389B8587E8D3654DC374568FCEBBA160395BE1D132B1ACB434164525FBF250A5AA30F3520
+F0F2A75F9D1B7C6EAB0223C209A120D894D6ECA336B57B7F2AB0E2A94E6616D7539010C700311966
+7B4A9EB3A812FEF4D100AB4C036401D21DDF8AEB393074638D154418D3A7AE51CD1F0C2D5CF4B475
+3B582D5071F91E6D3AFBFB09EAABBEAB2A60A5D388D16232939B5483CF7D5C1C9D05DDC85B266F39
+6F61E179AB9FAB644040014293EB53F2B50E8751F9D92D1DAE8DC89594905A39357C0098265FBD24
+E407F9A22027E36D5608FAF15BD9E354228E3BA943EC30301ABB2CB105F3B6D57C001EBF8328A8CA
+318A7B1B999AE8BF9E2FD530B669640116149B622EB3C0A8CCDE62449DE9D39E0F5E5E01CBBF4F5E
+52B33A2BD60B52FA4A5CE98B7313FE4C3FA30FA07DE4516109C3EAEE97ABE430C505647DD8B3DBF2
+BB4B3A806B14A9E0F629863F15D12A1CA62E8E055FA6ACABDE1926D3231CAC271C30A3F7AAC6084D
+D88628B943052B618E4E39148600AC1EDB57B0835C291F73D29C51FCA3C5EFB1DB18A5CA47433B45
+C57EB3CB28AEBC68E4171E6DE357793B0FD2A1F4E76180248017112674DAD7ACA6ECAAF209CA174A
+5603CEA5CE528F20919443900636E2FC79C303EA7B467A3F001EA8CB849BCF28BF40A3364C08ABC9
+B5D935CFEDA827A8C3FE2F6ABA54017D2AD0393A05AE21F7AE1F58AE1E992B5C889219DA157FA7EE
+92E291DE2F9DFC244F2CF0FDCEFCACC487F0EA830985B687556D5AF53B81814DE9CE0C6C430DCBCE
+51EBC6091B4E0227732E07DF20D59E9EED4D8A83761CED84CCE244BFD6A39103A2B48A684AEC9210
+5C94495D54FD6690AF857E5A3915E6A15689F1816F75F1FC8D5769B240639B339EBE54BC6D84794D
+50F4EBE892530351984C6F8BEBE097CD46F4FED7D46E32830A16F77C13F13D17003737482F02D1B6
+F04C57B4C2B1929AA315B4BE1C7C9CB55F8981508546B67E4EBF84B6026C355C5E4E07CD98C95F07
+56F6643FB1DD7D8C77C4AF4C4F23602DD3F61D1C46583071AC460E74084F7F7CF812BC53975CAAF8
+B3C1160B5D6864AF08A1733FA893CE4248C8F8B46AEFCCF317DC726BC1E5F2445E462E0591BEAAEA
+49AD8E4E2D3CF07F900EC46D596E9CDB3A8710A0B93CE5DA9D35E612596A6374F35AED0EF55DC46A
+8E14A91163B87417259DE926BBC3FC5423FF0AE2AA6D740BFFD26981A57C8C1D97FB04A90A567296
+B07437F94C8FFF4709213DD5D8862A777CF3F97723F43A4F913F4A30F7554ACDAE34713654E21731
+C594C3718C0547FCDAF7BB1620B2D6BB19E65596A585290CC43F50B34A2FE6EB1E495ACFFB16DFEE
+8784B66FCB9359600412969E2BDA330C421C68345A797C49728450A6CF41C926AE8EBBE80BD97863
+593C3E8AB5415A8BA625957F242378948F5C7EA9C2641312E8E46955FE5C1A1824C71D3B0C9FD211
+7CC965DA7C21D257587F291AB7C594459A11B977A278C74CF5E6598B0C75ABBB2FC1B3D167D7E31D
+B519F4A0BDA650A3FE7F1A281DB9B69B57A23656BD820B22D0E30B07361FE7C90933E24A32B6DE2D
+F240635D543315226E32487F264AFE83EFEAC74117321A82A92F4FC7B259F26DBE74C966B4CB3F4E
+3499E30B9B326F72D73919D9FA9024AAC0B95B6751AD4CE569CC3DDFC399428DF1298FB1733FFCE6
+240FB3BE3A2837E1A66E08B784CDD131B5A61423508000785CDC5610CE4DA1DD314131767C8857E3
+3D9741EF3FD7B8D0AF0371CFFA3DCF74FF2D3B421AC0339EBC05FB4B61A2F46D6BD1144747AD148B
+7968D7DF4D0F742AB39B0A04A88D66F5CF9876970879879872BFDA0C56C253DE5C72016B4990CEBB
+2455DCDEC7465EE7C7E1C557B570E9F3EF3E31A22DC8AB9B17F34F48E135BE7820ACE383DB7C5B05
+8A9DC855C6850E49AB7D7D00ED2D23C50AEE671B11752F0A682EFE179CECBFAB47B76676AC0E8FD1
+0A47353D3AC3477A59B0F3CAF22849DE97AAC8B79935F7C57F3052DE7E13BA0FE7CEC4685C86E841
+EA8C7D6734D0FEEFF538CC2AA1414EC9126637E169FBE4ECAFDFA29A08451B25954F0094710195E1
+69E0A6004419E432E9319BE2AEC8D93407B25B758336946C6E30032657DD857BE9C0A05F487423D2
+0C2772D4416D27FEB5CCC971DDEDFE9B8C2D7DF9DEC90D0868D5DD18850BE567A04D08310883D9B2
+D50B817D0690F8550E238C1139C0A117B48199B1B4D489C9E52C58E0CA75E6C386ADD447D8AE52D1
+D979FD52A50D82BBCB8867B5D49C19BDEC414929DB67A00AF7C6482A87E46BD11D8E4E52783E5845
+FB2CC7439F99FF6552C7288354B436B1C361AB8C2932F77B14A50A7407FC0BCC29662D710248CA46
+AC42A03FBBEF9C972783942F3721BD32BDA3273D1E353D9E013D4CFF630BFE4E7C2963FECFE350A2
+860421D17D6ACA888FA26403726A0E16BD10638D8511A2C8A36C99E9B72A422038E1149BF88A7CA1
+B2DB196333F3AD32D6FE28F18FE1ADA06FD25E4597936A924E71C188B9E8779BDBA928A182042C96
+F6A14A6FAB5C1A819DB8E9374E32F77393734A65606809E90D188F749180A3E6CA7AD8044E168677
+15FDFF350D70B14454B692715DC3AE2CAA561FB953B478E873EB19C41A8D83288451E4E910D5988F
+33D83C5974DD0EE4DF2E6C849C500D0714038ECB1E9336D71D852889F2FBCA6769949699BE6BBF19
+A9318CCD7C845D0EC7FF3CFD871328CF7B45E6BBBBD16094E8ABE4D3789DEAD2C930AC8D810C911C
+03AF2BDA4EBA62810F19B4506592005ACFF16EB58E33D6A71EA4DAD28A2D7B10FF89ACAB4BCC0F96
+E622EBA20347AE04C62A298257D1623977D185BB46B42CCDD733F72B37072B8DFAA5D7FF77E35618
+3F6D25EE1D951F7EBFBEA8FA17A859B8545BDB212A6BFE9C3078C32124C4E5D4DA09404E40498F76
+7B7164C13E12BF006EE8DE408070296EF0A08AF759206DB3C445BF49EAB18ECDE1FEDEFFAB653FDC
+B13FA4649B35D12266FD42D0498331560E96F54D4238678F70233F56097E1944FC671D6BB1AB66CD
+E0E9DC24349E44D67C36B3E3A00B07755749A597DF31C25F28D55779841BD3F6221BCDE389852DD4
+590E075C1298B36181D9F64BDCB54A556C05A9EF661EA1CC7C7549A3E1CCF79B87A6E71C3ACDECC9
+C4EFB05B643744407029258B8225DBF960DE529EEC262D1D3113F6CDDBCF4BDAB706BF085C0FF2EE
+E8420CF755E46B053B774DF37C5683F8432EEC183C96176BFB24B3F478FACACBF1FCB73D83D4D857
+2D0F15783C8AE95D7CE959D794FDE1D973867D8F30A301598BDB7F2824B2629D64B88F0FF4498B6F
+3728CF8916EA884C5930677E7481F90C85ED41DD28AA00E714D3A4F2CC136E417A4C591C7944C409
+70D2BCBE410A940937C3CAA118FA32317444B401968B8ECB2F0B3C8DAF6D4886C2015000A71FDAD4
+066B82312A4CD1E49A9ACFA05C3E7CA5A5CB3FA713CA0AD9E66A34730A36612C72D1F803D4CB1501
+9184FA2FDB3E5D067BC64B29299D5531565264B70FFFF86F5A5B03848E55D73337650208D21F35BB
+D5C14748CBE17EB3A7E02BE53136DC69E8740C597CE28472CAEEB96EF2A5752CF17CFBB82F6C104F
+2BBB50C216C49E8AB7E661207E1742B35392752051A1E409BEDCDA2654CB5155B770C8C5E4A2968A
+A35CF1924D0C74A8D23AB811B7DCE60F1EBC1494A295C8D670E84B7B886A6064151065BD96F2D364
+7BA049A444CF16EB6432CAFCC70FF2E8B354F55A192C94BF08D156856A6512403F5140DF4C8D254E
+DA59B2B3ADEE19A35E9A61202B711193A7E7BA8EF427152157DA5A51084EA46510864E1CD7B4FD11
+16E74D7BA769ABCFAC556BBA7CC528C18003A2AE059CC97C18263500667F6A9A8C421F2ABDD73EAD
+82D9D08940DEE1688D4AA200ED80C3AFEF6A4979154D99478D4F4EB3738333E8581A755190D87BE3
+09A319ED170A107512F056E4C619D4BB1615BA6C0680117610A26462F267B76F9DBC9A7A3AC08C9A
+512A44697082A2718B62FD1D565010AC96E1006F958070AB7567A33E1FF7BD450681DF6BD4EBD265
+CF12726A7EFDEFBB9BA1E596BC5C2940A4FC9DE60116C9082138F1C672977F4AA6B7986ADABBB2B0
+651A7B0C06C4BD405C58B8C81BE075997E118E10FC008AD1F9ACF9F6AAC6C9E3F6DC7FCB838720E8
+D0D9BB99F203EEA2566F18232711E832810F10DD4E2DE44A0A81603EB1162E1BDB60AA1E2D771EC2
+E6E2C3B39508E5CA03A1E2A7F2860BC6F0B57240880DF54C325F4729EEFA1D2753D57F055CDFCA5C
+E9C6630980C7121FC21E2F7223E6111C18FFDA0A0A7643A213DE9525AE138814C4183BF03A26A36F
+EE9199821464C845A746945413629DC53F5A2B0D8CE9282B580ED662F2F07398D6A8B7093CFCC6F5
+E0F5A7926D2862AD1CCACB84D85902038551EE3EAED02AC7754E3B65818C530A0252C049A68862DC
+A459DDD937F7BA64DB16AC86885B68AF46422D7C4923070E20CBAAC9F14E43979C5D5AC4C9321016
+7CCC52E7DA272146D68D8F61DB4D60063E74F6673B41ACB601DEEB1DF73517A8C5388F00E8A9D236
+9C85DBFE4C1E9864AB52E09F465EE98C194151E66CB98E6981EFFCADBC48532E9795290CF745FDA9
+CB7FD40BB77C148A8B90C0CA50176103E2ECCAA57030F7C0882F1E891F9EEBA077AA4992FAE38C75
+5470A4C35454EBAB45271DD76E4DBB2D9147817F7D3FB800EA136D3F27C84B4D45ACEAD13D3C91EE
+BD6836AC04F95E578D1B7B8CE5B718E42FD1BBE91EF9A7873F0C6DC59AD231D08CEB4AE312F83F1A
+9310155D2C4F216A6FC72385C899B5390EBADE7CF7BEB028F73DD76EDEEF639E9EDE034ACB25BA57
+8C7BEC3581FEE0B221F7340570489596FC60EC805405E0D2ACF0687A62A75358B3878972D4C039D9
+07D868DD00C5F7F3342384C09B01F1926F7D37C2B862FC516361253CBBDAB354898B31B1FE58F773
+61517F2C2E106708AB659D95CE3E9E7777B7327DE01AE2D1E0C84B9EE3887C094C149700CB095D5D
+A5FEAF1AA9027AF257576A7370D79FF4DB98511AA27C5C083FA0CA60A3A5E66B8DA9A22FE5DD3DDF
+C529BEA71E83881D8B010D140AD686DBEC9AF4B331086F6556B695CAB14BF24B5FE64382E6F9BC21
+5E9EC40C0914B1E27BC25F43E6F555B551726A8D9CD590D5AD3732777EF3B00CBAA89F8E8E0E0347
+7D45B00181A7B196FD4919F110C0F2C0F1B41231051AB5BC8F8025ED00C10F2C2F51E97B622A4E84
+E6AADA59F896F83EFADE779B37FACC56BDCA1892A3BD965B65D51B55AC1D73ABCD16D0EADE55C0BD
+3C1BE9FDB323E9FBC9835C63F757051E29E773D3491706DEEBAA0F1182F0E02D0CB701661B30770D
+94E240E1358195781006E18CBFC2D83F229A89C3066E35CAE1384A0266D5A37824A089E855F11209
+9F723AF03BC1C8B1C0BCFFDEBE3EF73A40BF83F5E038B63267DE5413B88D30155E62EDCFA35C0047
+0178E5558CDA2B30C4EE2A9854C93E0E484D4363E3614E5BE829FAEAE51935386D20DBFC00B42952
+7F56FB045EC4D97B3D649415045337AF44BCF4AD9B9F9BF3EA72151DB616FF8F6B13EF66516D9640
+67460FF123C7EA525A97F1D04BDE9D3D495602620659F6E5DCF1AFC5360D1C371BDF9984C4A7B462
+180A3CAA7098E0FB0BDCE694806BA466883BD28D77DB4CFB6635BB7DB45B4D83AAD4260A4CA0D411
+0E251AE7476A95327BD6AC1AC88F85CCB705FBD09993B9E2990D51C37F1110F78B887C54E4EFDA80
+4ADAE5D81477913B6938FE1B39913C6582021A1ACA834500D9D75C9942CE2375D0A2A73805751EC0
+970D6FA62D4354337A43D85DEA6C6F3334F40221FC473DD79344D028FAC689645963B371A55CDA92
+F6BC989F4F1880AC11D8A056DF7A0EE60471800126526488B95B785698D2AC488CC027D31190ECE2
+54F80757DC9B4FF18171409C457F5FC58DD1D43E8D1EE08A6AA2F374B7C245B7A21287DC333BCB1E
+EB498A2BD723EE6BB30B76E574773F70A61F1E163A25941531C049ADEDDB59AE75B7A6725D997752
+10ED356DD93D0F0AD7EE6495F07869C570125125BC84946F6AA1152CA18FCAD3B68004A7F7AFC6E0
+9EE6E1B365A4DA15DA95AB980A566DEC7394F385FE041B3B7F46D62424F4726B55DCB4BD3625CA68
+1221CE01DAE78E24F8045EF21F85C13D27D1F0F1B589F936F62F699B93EF05930C6F5730B0AFDB7A
+7A829F2ECBF0DD196ED66C7E4E4E7E05B565BB98385F017D01B1305856DB747C3634BF05DAB08836
+029674ED3A4053CC3DC696F758F86970F94034B4F0DFEAA4DBDE449800DB040B55E7FC83E6B5584F
+A00F7C70ED18524037CCB48A22A5A69506A825DED81D98FE93177DEEFD42B485013D4C4184CD690D
+714530B56E355FB01BC92DD90A7AE8095748A872F79121A28E965E6149F37C9D5F4DF64574F605E1
+B929174AE0CF533F77EBA0E10862BBAC46BEBF583B951BD0BFC5128B08CD998DE897033E7CA8B198
+625D865701394543845CDB7A45BF82DD8B6319658E28B34FD319E38E650869742BD2672623ED9810
+8DF14CE5C911AE0AF2035B4F9CC0D1D84176CF3AEBC4834E8BBF07B7720521C4E6C081A962FE29E0
+700C4F4ECFE92C39BEDD64C3DDF52959A4102CC242C35F56139643F22613D675F970CFDF8C6A57BE
+9D168C9CDF93915F66A5CB37DDB9B8B729F8131391F9D6EADC8BDD5C13D22A0EF967622F3F7C08DC
+C422E3D41B3BDA6B4520C98FD08262303E042DF37B9911C1447F3DC8A854973323E1C380A02DACDF
+8A53A0D1EDE9BF34A50E8B76C5AD5B15F8E25B2783BCF4B1247309E9B70CC951CF3D98C1A25E9CB7
+11235352F3BA91FABA828F2D7D91F0FFC50852860C531C20A5FAAFBCE1197CA367F0F84DEB86A8FF
+A9FF4C252EB2633AA2BDAB30F2094721F482CF926DA3299452177B79251B311AA60D4CC82F5A9F50
+E942703877AF1C10CD92DCFD16CF19BC7314FDA5A85284BDE964DE2BEE782F4D52D17FD2084E0A95
+59EBD5AADCC74A6DE64C1F799385F5EC2E2F5F869F78F7289A26B03A9FD906934C3A6BA4A7B36E7C
+3B77A7581BE9CD62B49C34572A870053CBA85DCDB9FDDE407B29CB3D02AD1C752B54DBB995DF0F8F
+CB117CF8500B97849275A4625EF9937AFD7C8751B9B021E778F7DE9A9B191BFC470823FB8EA919BA
+DB8B68755DD83C6905B118FA18FAAE216E2494FDEE9C1125C3941092C592DEC7A5B0C763E7E0D3CF
+DA02AF9FFCD234A01D75C661603820C37E9A681356A6DB424F5F991FACCFF78EAE3518C0747C35E0
+8EDEA2E108CBBFFA0B2D3BFD612B5743AC95CC4A0580A6739BE4EDE6CB1E8B2F4CB5C6FA4572329A
+06080E0085748067462F3EAEBCAD734DDA18BF206EAEFE9F882807694B80A63AF2F40625E98DF55F
+BE08AEEEC2C1BFBC16F1BB4D391B17122EFB5FB539005A613EF5C9F154BD50F05862F813F2083CEA
+149FEDC651191259BA4FAA658A42AF151B03A7B553AA79726A44AF9175A724E0D65CE84F41F3B7B0
+E0B684656EA56B4E7E654946AEFABDABCC4F3876B3C3A67373F4133FA8498DCFEBDC27476FBB28C4
+003FBFB063267FEAB2B2BB8DC647345803B2723DBA8905AB0741137C43768B434CE118954AE55DD6
+61AAA1BB60B87ADE97D4197211A0C70CDD7855783B7C570FD742AE5A5940A3D90F9EFF687C4F1E4A
+D3C4F5C3B9FF20B61C0076B9FF060EB99860F31C41B5AEC0D2C4DE626C6059678DFA35BAC5F2F171
+A3BD00065AB2007EABA499E4E7F30EB994F8BA757FF9BB0C9A2E3E384BC1DD4B62036E2D70819AD0
+A535816761800CFEA50681AFBF0057E69A0CDBB4BAAFB8B15F7727BE1169BDD4FAF692F9CEC12893
+E4E4425DE4CB20F330951EB5A7FBB0FC10DE78A7F9B0EF6FA629CA13E8C2F616A1BD42B1E26E2A0B
+533DEA701AB7BA93526E2439755FB9BD5CB076C3309E73807A5935AF6CDBBDABD5DD7B036324130B
+8BC40163FA0999364553CFBE351509F8A5167F205E228ECD66EC9375D0E0713563AE75B6C23423AE
+63EB67167F2F4512BEFFE96B90913E6920F1F8B7139F1CAC9E38482B6CD26576776A01103FDEB164
+A176023370D08906E2EF27E1E8B6F6C27EC67A86EA36A6C82B681385F3A60AD53A8512E0880D7ACB
+5567F2654731CCC1796C47E18DD6CCE30F65E27DDC5A3E56BFA0460DFC3F9FF1E98B7BDA9DDCC615
+718D7C6CD8DC1270E70FDD4973B287396E2B85ADFCC83C71DBEBB97346E858CFDA78713C0EDEFEF6
+B84984D719C4729C0A3F2A7422DFFBB2AA5FE61891D3D16CDC1BA4A84E7A74B0076FEBE0C2C74F4B
+B9314E5246D7E67DE23466D47C8AA93AC4859B347D8CE31FCFB4D41137B51C41BF19D626A59D0999
+FF2A4FA5FE6FA60E029494EF99C8B00700E6E752F4F9ED52F2AF5845563ED8AA5D4E19F82DC0F87E
+255ADA53AC62E3D7BC788EAA135431DFF49F2D3ACB61798353B27409D149FD635690F8AD324804DE
+A99D12B02F15D9C6DAA01BE2C1512BB8DBE86EB31D7034866C10558C008D69DAD8830745F2BEFC2F
+FCD957D0FEC30BFEC54F3C440F3A99BFDD7C6D0D657402A064F2656694E5F5A5524CF4A7A2AD4625
+5DE9D2E9916DB9DC2C39986A221C31F89A1884ADBF7DD62D4EBD47957E7A359F2ACFD38E073E8502
+5F907941ED233EE3582AA955CEF67A8ECE6D8B301EF37B7D40ED84FA9DD604C74C8E870F9C26A2D4
+DEC8F03563D29E1DFB974CA191D4696D877A468082951B02A88884B9B760961D9C37154F32D54512
+4F0E4357B68547CAE9CDB571089752D7881613E7FD8DAA8CFB98CA9E930B48B78AE13523E43A3568
+7B42DD2F0A99034ECA1DD782DA692EFF6AC99D6734DF1AED3616B198E6C242EA7A9954B7337ABA3D
+13EBF06B95E16F19047AB0EDBAB6A8928D81003E593C1F134B0E2B8C250EA251B59CD04905F57016
+1662514225C393C42BCC172DD23D8871908522CFA5CE113EC05F39E4583EBDEB5DA425E4627A4A2B
+D5C511F9C9C155BC81D0EFAFB0D0F2E96BD49A5C942933336EDF9AE0CDCBB159761DFC50F6180FB5
+024D2E5C2A20233AFF282FD3B1AAE9B65D2989BB8176AA8C7A1F58E43A9AF3A6D0168CADB6930706
+C4F974282D4A23F71B0A41C75086DC1C45CB98ED68ED0E4FC62807EDEF13C6C85741B11FA957D791
+D92B750F3B7BDFCA7E148149E55EDED66700483C4D5BFC3973580F7199FD99CE6B358B508FFF5DF1
+78A5E495977D851B0B06DC7F6B38388D5C94BC8934584D8EE2F4E0CCD3332A737BC066F042B14931
+57BE93622E346FC6B293B8DA0D3EED02508AD2183454FD4D5D21235268834B257EA8B06117F67589
+3E0505E64709FDE03F2D5C82B163C29629EEBF5D408547AC363758D8D134AD7B9A55AD9C7D90B67E
+6DF3AAE6867759D2A75993265118BF6C5A261C6D80EF039A0163BCF8E6B40E643D1BF87BD2592BFD
+6A41EFDF9CFC2E6DDCA83FEC28B5EEEA2E363C20AFB4A13B5EEB2CA3BAEB2CA6F4824AF1A59E4CBD
+884CA4C62852A095E4B13CD018669AF3898DFC4840C874B97408C811E431163887E5BB8CEAC12FA4
+A1EC50E8305137437441AE0FDF8FA4DFFFC77C05FCCC41696E40889A02DC4B1267D5B892647D6AFB
+BA549F737543652D3C3A051E36BDB692DD7EA0D8964EEC27BCAE8EF5FA853C54D67A8ABEF7B01FB5
+AA473DF48CFBD3D697C9B55C852773A35B9A7C97908DB701AB66DCFB274A824B60E275E1CB341147
+36B26E50EFB1DF01F01688E09E096533E95B3AF5D09D7823DED38487C58B4F10D6AC76EB48731CED
+78AB098C452AC83CCEDFE4E8E4AEB4A93A715306A096F262BFDE5036F38A3B733B1A0134904A3EE0
+8A9F7C2723FB5D0535C5B57CB80C29E292A49AF936DAC66CDE5C01640490109E679FBDC13F892438
+D70CAFB12909FD2ABFEAB23ABF6D129F5628B36FA00548ACCC39C8312030DBB87364DA44FACF3818
+D4C8ACFE3302B1487D5CFED16E17B05CE9889219C13C9DEA28C9BAE5D788578C309CB7781244E30B
+7DFFFAF5A9F594B8781F849EB20B1F3A346C2D697CFFEA6AB4134DD46C86BD0F89AB3EE9DBB2F87E
+988D906C21A43E5ADE58BFE82D4D4009A39EA3D1E779FC374FF21B86BE48AA4A33186DFA0F97BBB3
+218CE963643EF2A35788D613DFF934139B3EEA36377E67A713D20BD3DF04720AB49834E3FCD78908
+1FB726CF642A5B87D5D23609661F7D694EA0256F3EA0DBAB7C2CF79CF89CA0FC9D25281EE0FC16B0
+D089DC5B156462343A375F1EA2682A53F70A1F239D58080F4F884DBFFA68CC6D63365A8CC308DC5C
+BC2387BF3D3107C95FF4DDC3A902B31C3F414355748B10518EBE00C92682CFA413FD071A16B8D129
+4021B0ECC5025E33F6116C89C7B983C6BFC31C5C8D7FB5E5E81D3AC500123CC05B3C8DE01357E192
+0DCFD172EB4B488CEB9E1ED5FA1D235C96FAD22B319239FDBA08ECA2C5C1192B4D7A797ECE135228
+6BBF1E59AB3B54B8886E67A82AD971DFD1EB21CC5E3512CA922F9B870A48E6DC94F94181E422D274
+2D3A14FCB3939FC8C1D62CAF79033D6EF4DCC93751BDABE588BF5D97B52AFC5084C5BC17246FF977
+7AA4D738BB9B15E534ABFD68848B879A9840EEF4774734F0BACED5E7B6177DFD430E0497E36D1077
+7654F351348BCEAAA18C3B362B2791A006782C25C9D544CF1594EA623BB4C782C6AABCA95F9CBB1A
+8C86318834E1430376406D2B6CD5AB09644361B83AFF66C96CF549C2D309F7439254C6C3A5B210E8
+23F83647FF420BE66901C317349C1B305014EE7E9F90DDA917E3F853F1A8AF3DF1528A81C50B76A0
+F02E933229C2743BFA639003025697612BFD8575DCEA0BA5FFF805EEB4D9FBFA8D2014BC239E9D5C
+4C87E36D1C83E010B92F43C06733976BC84AAF1C05C0A0CF45CA7746ED7E1DF5A12F2401C0FFBEAB
+EFA199A7299E4BE5089C2CD83E7838F163F6284FC299B213513F803E93ABD8D759595DBF513D68BF
+96031B9FB95A945B7C9153B0B315436C850FA5F1415AA2C9565F6FA39E9F5C5FB265CEEEA8C98E4D
+00A72CE7F9F6677DCA7E58C1A8C111A9C6C44781867AA5FC71F36486AEE73FB81C03BF4EC728E43D
+75564244AACA3D66B6D36DFD38332AD05F150D4972FD475FD087E13C9312D5A17A83411B45740153
+81CB568CF85BD66428FF9EA2C07E7BF8D0AF4469AA367DAC0230650036240634AB81766E832EBA8A
+2D8BFA402DA804D264757E74B3465EE21A1EA1C92929444DAB2EC83050AD169F257B77D3F4B9BA61
+B11361F5DA6DD2DD933E101B64F9DC82945A2D421807F09F3E587D4B13BE0FDD6D7133CE890C3AC7
+1D0880418880362E27635986795E2E8426A0A7D7E8E5C41317209D957B53B6CB9E4EE7C3EEAF3315
+E006B7FD90E7A58FAE5289AE513D7751201459BE029563B58D967AD24E90DE5E96357D37E86CAEB1
+6059CD8593F92617AF636C7D32E2B074A40B6A1C40828313C8DF1BCBB002DF276D424519EEE2F234
+FF9B9B27126996834BEFB6E05A7BFE958B4AFC810E8B77F0EDDCD43E81549154F81E282276A7133C
+23650ACB159EFEA53ABABAE1C1CCEF5642898A5605A285205DB40DF6C768029D8CAF85C520AA66CE
+5BF1E0A0520CC94917FCC3118953403A1B16312096DBD56883F03E78A14315A5F97345E13C363C06
+3A01D49492349D60A9114A77BB9FD48FC0C3AC76D190204DC69C3ED4A265B8148F2C5F2E147A504E
+4F373637C065FB894446031F78C4BDEA68088681E0C5099CAB1D13833FA87AB96E511013A9B3D806
+E71EF6E0A1442C91FC2A1795A13145ACBBF5D18880695EF11832ACD328BDE6E0A7308B12759D12C8
+6B558CDA038590787704BC1BF49EE8C788C41594332624D56082ED8627EC110233CA328D2A0BEDAE
+3511719EDAA726F338D324D1577593948A8B9F0300F27FD4420638C6972EEE2D6248B87643275DB7
+69F72E8F86803184035F6A539A7CDF43A79886ECF110ECD7053FC04EB5E51B3C7625B3BF95C0F5EC
+044FB7226281BC723988AC2498ACC0489DF0BFD1DA82D04FE3ACF6B63EB269BA9489F8D5D07DA9A3
+AD04BA924B99B9C1EA64AFE7BB2886513EA6730462D4FB5DD82659C7DB7687F4CD8E006581A15EA7
+715E274C9B89F66F1ACE9C2AE7698FCF7479A04F2208DEBA6DE801A6D184A8A9AF6BC1B0E37CEE3B
+323DC4EF93EAA8219F946DB9F4D9C133C6CE0FCC6884F9C2F3A816C4ABEF44DD6256E7BC4574600E
+1D825080660BF6858B415648258399839118F3C11410C1C29B3C208A3B54AD5D7484708DCFBCA04C
+849F2AAB79E4D96328D990C63DE05DC8E804DDAE255F94FC3D56270BAFF6F86190796F91BFA018C4
+FE4FAEC3F1ABE8ADE43D0DA18E710BC1F419F77DEBAACD3BE011BB93E111B18CCEDA8EB0352934F9
+690F3E73D71655191F150BC3788677D1FE46070FDB354BCCAC8C179009553A7D67C87518131A4D8B
+4FFF85FB9485C9F30F4CD31EECBC4A44CC267F6C57AA05A11C6FCC09B5CCC83F189F6A32F8EA56F2
+2D20DA4D4008F08EFB1487675CCAE22BC9494441682F4E46839F0F4D2D16AD58AD0886C60C925DB9
+C7D9AA1A7FF41C94B6289E1B72382789006F40B99B78B05ED1FB1F715CE4C0A1078AAC02EFBE6306
+F53F5F7E73DAD249995DAEBF17E5F55082CC6885A54F93F1A935E0389FE54E8B1B6C5ED19D483620
+A697873D5F18CE9A48E3C2C1C871FD4739A78782D8112602DDF8D4FC497C459067A6B118AA998740
+6C8DE97C2F09CB9D388D341EAEC0A5BB4BBBED92BE59B273C77F3D6965418669BFCE0C43D5C86275
+D8E658BE1893DA8E698DC858CA459711969B2CBF4CE294071EA572496575CC35CAF57ED49C2FF1AC
+CC21E19D189B7C2A1ABB1AEAD7185675413C224CC4C0E1AF4EB76BA9F44148A95D8609838B967784
+2391DECB30BB0FEB92CC890F224FD2E9E9D34466D6091443CB69E845D4419F9A04664706FC8D2D15
+9002422367F39CA1B1CB1A6C32A65F46230CA2376C3E5125CDFD367514E087E59873EEE569B7F376
+227DB126060F063662F118C7BD01946BD04172147B601BABA952A01E0AD31AB1147D48FC2C3F52BB
+75D9618E6F03F1F1EA393AF0E8474025F451616C4ED236ED831E14F40BEF5B86806B73ED64AFE7B1
+2A3C1F5036BB9AE79862EDAF13BDFFF06C94939AFDA1A749364BEE73449520111CF56181527F9568
+F3189652FA7FFDF4BA1086DC5992C6E0282B6F88D7CB73F485F8A27A77453C151B0BA40E294653A9
+73298EBECE8132B440ED4B4437283356B79CADA8198512A45044A7AF04CD02CD4DF7F47D5D1E7FE9
+52C346B01D03D1F69904D1AB5E8C433B0615E88CF4D01B3C96361F82B5CF7CB4D92FF3971E44F0C3
+317D3C5B0BC8DF4BCD4DC63474D0E0B5BEFF3177E2722D4AD4AC4B4AB6269EE948BBAB6019ECF2F5
+846A3D215F6C0D999D489215D4328875DE21F2CA243CF184280B229ECA4B8A9C5290973503AE5883
+03C67DDECC577F12B41F0D4DA266772867F9D93E1863BF76C6AEA5DE3FC6567EECE93D96F717E39E
+DF536ABDFEC14DF6748DC90A2CDF6066246DF69D2745D2944123AB3A6ADCFBE7C74EA8E8D712AE86
+F76B3059178E78FB2FBE8D1F25831C70F58FB6B5922B371A27501E7463E01C844A2226CBA263B570
+4E5C4D3E50FE31435437E1ED39E6E3BF47B4E2C4588274F044B3294E7B2BFE302E76EFA3CB74108D
+A6CFBBBF383F5C456128ADB5E667E1F7ECB4C3E00AB8937769E5A2830520E9FC0A1DA1662F881ECC
+DD7967647B5841D8FDE1DF7C9F5475523F236005EEC0DF307BFCEF379355C30A83EDC96D6086E224
+388DC7B5E951B819347AC5A1F9FBE7EF1907726EE7E972AA1DDECBF7F72658C20FDE99FEE686D7E5
+01A7759DEF55169938F34978A6BD4DB49E494883F67E868A9AB177FA8E6F81157A95A03B4D9DB572
+EC1CFF33B450BC13E00830BBA20AFF928CCE04B4F79F3795DB54A4A8B5A2F3CB323194990050CBBB
+C7CD32103E0911160FF4DFF135A77DD0CC15867B994CC88E1EC10E3A097D329DBB90FBB62981FF61
+C2521F9AB4B9393C6764E5B4361D0FBB1938456CE437142F0AAD9341588BD15EA0F6EDDACF12A62E
+C025F3294AB1AC45719C5EFEE94067390D579AED4D1D36041D358CF1A24446176DCC808CE2D6CE02
+7A2C2F6E517A5ADAC722EE94A1710BF61254DB4693B30225C12B9C4F856E1D24075327017D6B288B
+B52EDE713B3710778A565EFF6C89656BE3C5F590F6ECA600390C1BFDE9B0EEBC2E4FBB9E0E2F405B
+39738F7969F64E8228494B298C3FFF4C7DED00B0EEC336B7EFEAA892C4A80CE9ABAAB4318FB34348
+93AAE6A90FF00B892D1DEE254DACDB268A6308E91FB628A98989956958C9634896B878CF93F4E0AB
+A0170C1B7BE2A0C4A0D514D7BBBC4CA114349D4D4985E96DB7E2ABB752C7828A9E36D9B0B4551DCD
+D878C06C3C68D2C214EC8121F6675D8D03545606B582B09B76B6D8608DFCED5C4A721F7008FC2014
+1D877353E8BA5DEB1CB61F7C956D4A9F8CFFC8C4FF81B2660AE4BE45F7A63141BAEDEA05C43CAC2F
+A04163ACECAEF90F61E0473E5CBF1F1994076B6A72CB5C33B17DD57E2632F7C6DEF7837F8A939055
+CF357795865D86C7745DE54C6079C791850B20C0C7349472FB6018521DD5924ED1505A1B8C8F9CF4
+C892CB40795C4ADBA3CC11C8A52A1DCFA8FD334D7F3C344CB4057E80A4B66AF6A97799F8DE817CDD
+0202870BBF42E76C9BABD2D9B66D10F1A68388AF1A511887FFC50EC7D07581D4C4FC3F6C4F7EFCA9
+4799D74132B5EA25DF0C9557902C7EF1E04E612D9E40DBA459513E584C3A3EE5614ACEBA165E07A7
+CA3394969C2CF1FFF28B1C7DA85451270DF0FB71DE22A03FC2F17531FD59B12B55DEA7F5F56B0DF9
+34C96E26124342571BD04FAE6A12C6EB0E21F06275605FABE91C6EDCF55B298BC4CC52891DD90360
+AA5FDC150004BAE65225FFC42D13026F9C6FE343D7CE2F52229B4846F6E23BB2BBDB6DCF60F07A74
+8F19F74A1168DC5C67BEF840A3C68CA7A4D8CE7F94610F4CEE989459D0CDF1B194C63A2B82479746
+03A89150C4C6AC67AE3A1341F9516887C6BA254F81C5B552C527765A52ED5C4FC45D575F606E465F
+7C2EDD2F5927319BE737D48099C333BBA84486F5F8CC0B32052DB6E57DC55A68019788DEABF8D649
+A531C1880D07E425D55D4DD4F3966B2FBD2A0B55E5C429051DCF0E3B9CB1DE6A5B3DA05DDBBDD3CC
+1C81877AED2BD272FC7A10707C07DAA54FD6CD37E15C247E3100A1A0C527727B73D45C8E02798C44
+1864A2D1D30FAF94121F0CADA24753221C85DD5B43E5F00FCAF73A1E531D9453307581C6FA28BB5C
+54D93F149D3871D2E017E6E7FFF7B0BEC71B83AD12AF353CD13311D3A6F16C51938986C9B6A24EAA
+06B8BE6DF27A5090B3B120D1D1E064C6C1745536C6B0AE5C899C3DCA91BC38B7E900D9614F291B9D
+BAA85AFBBBB57D58C3E1FA8713CCA1BF4EED469773EB4B9605125C08A8F7E998E37BD893F3533232
+ECDF47D26E8B2A0437220FAA760DC8E90FCBEF59AF6C1C55FE1A28A4C98E2A67DD5A7E55BD4FE272
+15533A56561F0D80989BFE15B321976CDEF26FD6530EF7A368A7239CC55D7AE2B8F0E980DF63CFE6
+F562F3ADD0AB906B60682BA447CE4A86E6D5538E13C6847791D8A16F5BA29E5840847A7E33AFF57E
+BBEC1A5B329A461FD0E858DE5163A2120BA12839C3A216C44F364452A2D6401EB549791012C4B65F
+4FEECA2B73B2D88CA49B44493802B01A23321470A2593A8F8ADE3F88D87247851561372137E11D10
+11A733C671C71D33EC939B05060C73697EE577A8F2BAE08309585887E5F314BCC642BA2715B51E0B
+4D093F6B11CD37BD9728EE90A0C92D15BD1105637052F89B417F6F36340588601C9C2BE9526D01B2
+E88EEAFA300E38B0EB5E2B54341533B31DA1193588974DC054FFBDF374960D28F0C8C1AB8505CF5C
+64988DB86E17213EF0D9D6D52ADB1BCEBCD02B5E16F0866D21D7C0FE108D551E695CEAFBB83AADC7
+362727C47BF24C482EAD6F122F1F35923DE5D6A248BB36433D044F73C944E6CE4D9FBDF0417ED53C
+8F56B6D389519E7A539D6BE9444A4747957FEABCFFDCA5FA54BFF46F637B3A3299988929CDE008E9
+E3C4CCA97054A822C4AAD01ECF9861AF6238E6643358B0EA141B0E161C6ABCB45F38740B344D4112
+9D4E898DAEA8F2065263D68D97966FA24BF88E61BD86CF2C7BFD1F058FCF04AEB88F3A30C9D446C6
+3611112CCF30F163C103D6C7C5AF946ADD33B50A58FCD8EC612268F7E119BDF387104F22E4C2CAE2
+DAC407F206186F12D93BA87711FB05E6E96F17DE333305196FA7C33DC06255828744B590FA0E67CC
+E4B0375276FC7AB9B324978B15FC228DAC17F955C7B3D441C540192145FBD002EE20FBDF6F397F95
+336C0A056609E28430E123A432EE91594E20A8D9E5774FE8768C84CC040A706D8D3590BBC9AFE373
+4A5536162846B6B7BB7B248924F1DAFD768B9546BD2A2CFA1203D6A3FF45C8EBDE2355F01744484C
+DA9FC337CF7D9D54106407F54FEEA81B77BFEBEE088F344CA2E537644B615D8D6B6A79D03F6CBD9B
+573FBA87EB00410B5251A29007CFB60E711F642C19847F58333B48F66B6758E4ABE524A4671B0635
+C491341B3CDEE650CB9F774A5B6FB92AA70FEC7D9A057084214D81EA5A36A7F8EBE9922A70F2B102
+121736E0BFB178A08ADC0A58E2A9DB347FB9B0BE707C038CC19A5519C3FA9AAEF660653086191E59
+320D0E696218CE1E8EA7DB5FB3318EEC98C130F3F1C45D0D2401223421FF99BD6E1546873C6F12C6
+F45D2E1C3EE41634F5A415FC8338A18EF2299EFCECEE00F9025E79610168548BF2A52623A479EEAE
+CC55BE5172B0CF07F9B04E2B2AC08A2BC839DFBA9680F2BB2E438519BF3B434C71B4AD9E64262C76
+9F6C1AD174FCFF3F41B5BD7652AB296C543F323F0A16E88C6D1FD3025C33794551DCAED303B57A87
+CD1E7FA46E16ED357CE0FEBAAD2678A4D84E4D6B1635F412465C0F3E7246407BDDF934F0E2E0F5D3
+EFE318D7D63A7B6BD0CD5556B6DA811D521408EF336CCE2D2B6777AA472A9EE0DB9FE0D6914059FE
+25EFF5D7E3D2A6EB96B23669118B9EFFEE5B7FB8F1EEEA355998BB48430156F14766FD77605BBF80
+CDEF19879E8F8C07B6998AF145B0AED86FA94A952F2F49D2891D41AB0184EFA8616B139E640A3A9B
+D808BDF79E283B0CC4686935D0D96630D590A5F4A7C71C05E110BF3CDB5150D8CAC418AB25419BCF
+DD5EF0A2015305561CA26494E267BA89892AD21E0BFF44D48E330694A1CE12183B9A7E4E25D78EA3
+498EDF9A22DD7718ABD06DE2C28D7762F609A1E9A5C40A878FB8AB33A60383152A119B9FA077B109
+90AF19C261CE43AFC116593C30BC27EE4D8CBCA0C0298BB84327FDBDD93F073B1E06F71933C0323A
+6E7FD2AABA783E9BC995C4AED621434B82B34424B768B4427EE65228E612581B0B8A7AAC3149788D
+FDD106A6AB93E01771802AD93B63EC386B057690E5C34A409421E532C6614EC61A0197C13EAEE438
+35ED9BB38CF811E39CF8F154684E3D8B12E3B673152B82DD9B15A2A68A6163D2CCD72D3117F7C24C
+F1575671832ECC4AC6B912882C0231050D60ACDC7D6F36C6BB4E32B6019B32D1DA08C7ACFC1DF451
+3A338FACC16D297C56C6138FB02FC7FB5BF7B9DE4C61B63C6B37B0F9CB42E6FF86693BAE1CEBB60C
+9C15CB6222F547E0D0776BC5545A73A2ED3C7799F0CA3C2D5EE17849DFB15C6ECF7C2846AD10870A
+00E0810F35A57770EEE9D49D05B54500DF164A02FFC324CCFDB5F828AF7307DDFBBE647E98909C73
+A3CC6BFB360042823C678EE6ACA0D658C12776F2A573656073E4F40505F5CB4A3D340B034B0FBC29
+C3B6B055D23F0BD47E44B441D430B8703883AF8EBA79081D528AF5646340A27291472B8E1F19C8BB
+B4AD17C7EA1FCFCC7B52E6EBAE0BC8204AA52C08B3A63B2F07FBFF20092139143A24130191C41D2D
+69077D71FC204C5FD41275DCEBEF7E5701BFF6C0A4217F6F60C2E37697C7F1C35D2451B040BA0D28
+0C9D23AAEF592BFFB436165C314C3CB75223D15694B6EF312CBCE8035A1A9172365FCCD119CD5DCC
+569B84C6BBC5AC9CAB6942096034523671156FAE2012F6A24A001DCB2F35A8A031A2366CA98F1E52
+944B58FBF1852710CEE0116BD2C7D68DB956B15FB6AAA147155E9F179E67357F231F8252D728AF12
+49DAFCF6AB4EBC8637E1BA10D27555D2FAAC9EEE5E51C8BBC793ECC6011C4FEDDF7116E719147927
+0BC11D5EDD9215A4E8087A6A16A591BF7ADFDB69C4A03361C0DD078017DC5851BBF60E06A86C6C0B
+E08087C99F4F9002ED5206534913353AE16C4F358BC1564A442CAE506A107D1FBC0B9ED99AFC6633
+209BEDBBB681CCE475645E92155285C00FD6985216CCE60064946F94778F7AA85ED87F5762C20FE9
+DC007954281BD6FCA8554D2A0CA5B76A3ED42EE5F44F3B276E574F64B20E1AD489753903ECD20B4B
+EC88ABD1E1CF5D06AA1815AB771E350EB6D04078EC04616B977CDA8CE88C483DDEE9F28D58366D3C
+224C41D19E550B5ECB9775F569C2D391F61C4667A9BD11C69A88473AA7884B823F762195CC403823
+690A32087893C29C63100A5935842F6B612C95EC9B5F07459608786310C8AE65DBBDCFED21B43191
+874E20D08F12E1384DCE1A990CA5F07DE36BD012DC9EC558FE7CC44494F48CA3BCBF1F1F11BB98BA
+EBBF8691F8590F84AD849923E656860EFC0EC27496FE6D6C185791E3261027DEEE4C57032547F94E
+7D593F7885526AAF054BB850C02E863D831ECFEE61A781B89867139889A362F95F48A837ADB955C9
+939F609D2EBBD56775151D2EA4B09D38FC1D824A952EE7E52849260DE61F07333076CF887A3AC2F4
+CD088C29E47715C5242E2366CB493B2FEB38C19FC159EC50EAE88409CF0A30C0A6823C45D0532C2A
+72E45A17916F6CEEB475C4D4A19372AE271326697CCCAFBB43D92C25A052797186FE8314FB41FD94
+2A4B24548866BAC19A83BCD2E6979FB3C7B70B075DCDAB3EF6B6181A00A98AE73B6D968EE2DDEF07
+503A92E4FE1E0B67A90A2F351D600DF960101A15808AA99B3C680A8F50D5CBBC96D98A3A2AD5F14C
+43857F4CB9DF9372FE74B5D6CA9CD801667399E778B56EF702A56F0F393137B20BF11BCFF9DFC0F0
+4E67649D07A2A5F4C42C9A929231D5BACFB6B53210E9FE311642D8BAA7358E6A7370B6CE921765B3
+68A354B42C8877E59227146409DA83E407657BEB475329F228CDFDD11BC73123234649AEF0E2E9DA
+76C12AF91713828368FB778905A6B7150258695D4D9DF6111E1B28A9462002D7C476FE44A9B13F32
+9FF84930D213787932A1BA01EA608ABE7054FFDAAE2176EB960005E5407D7C1D39AEF8EAD8683A50
+D93398C584312EE4A12C07E9D55AE9981D7EF57D66499CA93EA653EDDA1BECB494662E54CD7ED8A3
+0B2A8522CAB12B2751F7E9B3B66CA0B5C8905E0F3A51F68C96E9C02F10FE515FD6133D3ED298D15E
+8B1649F3D13341BDADDA7FCB838720E8D0D9DD92D0A241A0CD8E25D7B313DDAA2F25B543BB0E7965
+402ED0F24AD146E49919ABD9604ECFEA5A7A49E58664DCEFDC893F5D722CF24A44D26369F5D86569
+9632141348086A80AE528EDAFFF9D9986D5665DBCD375DF221D5EF1757D79361E5A5BCBE333B6C9C
+1CF46794A7C7C776477023BB298C970F6DFF9AE6C7ADDA8CEBE73B07117BFED6CED2A36548081C79
+BDA9A70C8FC5FA16D0EFD3E9F869DD5DBDF6E70CDA4217935FEFE577B64DA1DDBADB9A092B9D1E3C
+E1FD3B6E0117DDED155313A5DB7D8742C3409FC18B9743F09ADEC49BFF2FDBBEF9D5FA7110266287
+7C65E3A1421BA56E258A49D76C436C97AE2116F772CA5EEA5726BF17AD5D5CE37DC5F45235730E90
+A1A1E3087132C820EB9E0E311500F2CA193C72E2ACCB4D77ADFA34E268B014FFAB5DD1BE7187251A
+A69B7BB3A517796BACEFB9ACE0114FAAEFB0D9BCA028A52F5037291232A04C2353B9663BFCBEC2D9
+30CB007954B8C6396003214262AA9CA9FA876B4191313FD1831D664863C4A19946AEB8F4E21C468B
+9C94B8CAA407A74AF418DFB60D46BEE5029C884950D3BE8A58023DA864E9AB34005337D335B0B35A
+91DDEB53A54C3233150E27225B0800C841E489E9EA6C12F5D95112BB723C3E88AAEDA3A942D06242
+2CD80B04DDF024ED79224E166086C5770EB10C389D0BF0327B2F753358D9BD552C04EA52BA154EEE
+5A84C51FBBFC79055AD0F1243E489F82FD3D1A3D2CCB24A02DB3F306767564A2451DA405BAFFED98
+20241A82C6F4F6E1D2A36FD954540EF3C091247120F5E1B362D1EBCBF80951A3158B1547E7A0CCFE
+40C03F992BAD00496C32BBE9B0A06EE9554EA3FAA247A7399A37D05329CADB006F679B58F2E5969B
+13A5516A9F6949505A64B7B3FE5E748B9B9662C05E6C5CB79D64FD72C54F557ADE72880B3F9D8718
+58D5EA3FEF2BD3FCFD670794AEA6144D13782BA89648C98E7CF5160089DB9798E49BE2DEBC2669C1
+0C42AE1AD7C1FF4921EF465300977E057C0AEE61579460F56E51B6EAFC1F7F41D669ADE9610EE777
+055F927444F971121CD76A55A273CEBB481B89D6B78D0066ECE31BE3EEF65CE9FD22D22EFD6E3ED4
+536E6439782AD53550CEF1A903125F228A3E2F1AA3342B0551C59924149358F8E941969125F6E54C
+8B2C068F57FE0DF91912CD71BE9492768191F4F6B70BA45C72409D4AC6E9619E8A34398E6A66E984
+55F1793D8A2C0DF30EABE2B19679318AE09014262DFBB9AED5D637653FBA1C10821908ED6E088910
+AA033E2E0798A630966D29F84845A9C937C27A268CAB8BA1AE9B32E12B52EE4B64BE5388AD32035C
+7F98904F052B31D7C4819E27BCBC597E8503A5614E0DC2BBE5C51922980E3F492B61BEEB169C3EB6
+AB9F1DA82EA6BCFBCC16199923C8399B0495EE9A9E1749DAD9FB289FF3FCCF34F55DF7D94F91EF31
+B3B4C8074C567C4FAB337A337BCC2F459075244F665B079C159AAB83781E465F5259D41313183EC5
+F5F53BFB4797942F93EAD6CBF9255F9B4DD0748A3BC6BF36ACBE0127AF68EA6566B65430D0595FD2
+A7A2FF74055BF2E70BFFF2B79131F1871CEDEFB495FF914B88770654F9E5556AF535E1B9AF812004
+99288AA39D1388ACCB5B11B13596B550F2746B2A83B076F4F606F7580156E54FBF6976AA4CFC9581
+0A7FAC41A1635FDCFD6F7CD6BF738190D7F9FEAAB8C0B7CE38DD1459E2465C3B75625C8BAFE3B60A
+F66ED183965AB9681A8174C44311D8EE36E468A8FFE2035B7C5AB6A372FE37FF627F4697C0D19F7C
+8A1E356F829BBF2B8F4A95A49F85CA16ADDCA5C0817D6A4F7C4EAEE908DA13E0C89C9AEFF6D1D7B5
+BCD1BBF672B46C4960720CD1C74E70C78784CBFA8930576AD4067D406A0FCE9248DCE6D610D7EF0E
+97F3F9CEA1D08DDA90DFF0C484DD32265FD13A2571513F361DE3061F2EA76886112AC7589B290220
+E34610277CF81535CD628CA688CA812275D7B9909757DD519F1FC89FE4D0AFE5FDB999323A470C6A
+A0D9BA9CC92BAC24514E7CB3A3EAD2A70271EA8B02B2DDFEC6CE803F1B761D9BB7099FFCBF918D8E
+B602946FB0DC14F0FD1289037B15A4A96A4605BBE53BCEA9112BF9746F3BDDC06CCCD808C62F2B41
+D4F508EEFB03AD22E2E154888DC63C6BEC6A21D1851A5C82397FA49BD163BA8A72527827E4B6F50F
+585325219FAA9B3A2CE14A0134C19DAE50373A0F9E6DDC8205467242D11A3989D17730C8169964B9
+CC9549BE20A84FD9137DD9C9F7DEBAC3A41345DFEB0AEDCD7ED408A909000FE8D9CAC85D93052256
+7A2C9312769DC85F902D4A5F5766EA3C561549F1F2B4C5269276946809ECA26B6F51DB4CBDA9E668
+BE1023D8962C0DBCACD5BBC9E5F61C459B825036E1322737C0F196C0DF93DA76011DF2CA06F7B383
+8C672A802EA24A474ACF7A51F2DE867ECAF5674B1053CD5419F5FAC20584A3F7565D7CE584CD395B
+1968B622FE3C68DAD2F0E33274DFDF03B5A8EA047B077DA1316DF487C91ECEA84E9B417EA25EC9CF
+1F1CEDD7A1C2CB0D51A58BD8F9772FAED8D553141ADAB148AFDA200479CD04C0FFD1478EBC618303
+5437A5BC1AEE3218E9B27D21656EB9F31BD4E7D3186C89DF251207E8B67265585083111BC1AFD4D6
+A2773629147A29CBB4BBC3935B83392487858E0D18FFC96E57C83C4C6744C8E0DBF001DFD64B660C
+CC8064907AA4BECC12376A1EB55EDF655CBBB4744C1A6166590B9572073A2AB577EF446B80567241
+389F990AE6C90B286EB48454166BBF264422FF2A387FA0B413F2295B6B188A64927DF702C232CCAE
+59A2CCD1D109840A464BAC74A45B865A6667C901D86F771C4A36421308551F532497990BC15DA648
+6E322566C210C517DAADDBC24DACB39CA41611B9F961E4696D1FEC46E71C608DFDEEF19ECDD88724
+24E1BEF7176B0AFA4888BDB4C56C8690AFD03428F32740DFBC4BE22B7583DC47BBA42DF4E83C14AA
+29F4E79397BBDCD2EC43338BA1F0D2CA9DA6E64A065FCB0073ACD0D86E46EEBF1454C9C172C6BAA5
+0F37FA19756B05405763387237794E9FF74E6749BF6CE5EE9145413950D342DBE5B0EFDE57163127
+2A8D060E935547E1FB0FB1FD60400FF856D027671CCAECFF7E215BE61E8A77E9BF5C72C2C1E4501A
+A11B2F8574BD823574EC9598D579A9C5C525867F4BAAAA78DDA0E5BD7AC832DEA41328A507874A85
+90B7F133E743471D4FA27DFAC39C6F99E233C913183B2A039CBEB5CB3BF8825A92D83D266246D5B3
+CC7B11469E611E260C6ED16D17C9693B13B78E3F0DE2F0ABBE73FD6AE1ED25F57B4894254FFDB332
+0E65ADA53669B95CA28BB4BD166507E9D8F12727E46D2B9593186C090764FE8A95F1594291FD551C
+A96E4CBE1D6FD42852B2B65E7F10C4F17707F930DD934E2A2ACBDFA40E04EABC1E54632D67AB7D5C
+00DC103A3D11DCF78B6771D98ABD5CCA0B253283C67B0863C80D1A78FE6D5422568207509FDB1946
+92706C7A211B29955F6354092C9732DB2ABA8CDAF407FF25B40BF9D73317D5985E19E6C12B6AB5F5
+DD59328905F822E1EBEB87C4E386EF20CEB7EAF842700F09BDC50D7AE6442D1C93804D56FE194785
+968373A154E1F426BF76692CE3E4474360ACB9FEBD3191B8EE909E7C224EF90EEF36CD660AC9A642
+4DB5BB20B8835D365D35A442ECB2444F30466C3323001A087639B73848E3EE275406CFFB495ECDB4
+52F2A357F45D2D32BB22CAF9F9C2C44741A5341B29BB6C4322287A2A3891E1E853B976E17DD9306F
+D98BDE8A0C97ABDCC7C708BD1BF49B524CD0DCECB40DDC557E9C90A1EDDEE57BBABC4C338F08A625
+E03C1C1A20DEA709051EB1A3264D7002D6DD2BB7B622AF93C7DF54F49EFA5FBA58F115A049A91875
+A2476C19F9133D0BE1B07C8102746163CEA0A98F9B62EA59C9CED7AD808DD52DDF8687933AE52A7D
+9D7081150A812801D3FA78F90C4933E5DF09C991325324DEC6ED364ADF73DFC7B78953B51FBA2F81
+F264C2A94139289CEBF7ECD6D8FEE9E579BE231FE1ABBCC07B4BF1884CABDCEBFC56610A5E2B7510
+37FE804511FB5443F7B21290E38855F6DE5EE38960E02481DC57F83CFCB87C8FF1CB196CDC19B2B4
+6C7C72B64D7D45C678851ED7E2860DE7DB772BE7B33C84ADF7E6F9B2063D1263CDF55E6220753ACD
+67C4701EBDC0799AF47AC58A0CCE796384A50DE6A814DD994B372630E64E5FDFF57393522F689DF7
+81C44599B21AB1C214D4ACF94F07CFEE79C628C85378B96D9007ACD4225E14DAD8C70984DC596DF1
+96BC814E7346217C94F172FA40B3DFC73C30E6E530DDE4A91F6A5166AE19EAA3D2CC3D9D6917BFD3
+1EFAC19C236463AF8D7FB7D9B3A4D6FB6D962C59B296E988561957A3C3D11F33ACF69F5768A2DA30
+462BA9AFE67D3C41A1E8368099361F50D4F6368963A48C75F1590804E7918A02EB9DA5F60F49828C
+95AC60E9D86DEB7699C35037669C02D408269D6BF481EC745E4EC630F68FF5168BE5E0BDF875EEC1
+5EB9CAA9CBED1CE2A0EB4CE97C14E10114087DCBE5DE1DB6A070CBC6B68EE141B7D62ED320F7B74C
+07D9762E0F5C8AF0779D38B7677ED65B5DD2F83ED06F041B5701228EFEAA0FFC031E44D6D68B274A
+45FF9EB62FDA007CDC98B86831E9A668098364B421E1FE2A45D85824612A521777C6177316F0C6DB
+D9847A2F61326E74A3114EAC3ABAEE456156DF125E4EDAD6BDB66E7DA6370C90ADC4AF4EC1958170
+C32D5AAF3B45BF749EE1DFAD8A5D0C03973B7C1589EAE4E67F6C87213C721E4A33466F3F54253545
+5014417CFFC9AF461CF695F5E1D7A37E4C7680A5624AA11EEA65C59BB38A96734E4A4A238C636638
+9EB8083D5AD753FA7F74EDF10054315EDD53DE61D48846F70AA9272626E23BA3DAB7CCEE819B0A88
+9CE775AA7F5205C95A19AAF475729D2C0BCAD9AB5459380A5F034C108A64B80621820D779582A198
+14058DFDCC6C2D6461AC6F98C64AABA53A2EF77CEF612EA766FE15498F56F54106D70D0F8DD4134C
+8C64B282E79A96F15D4BBE0297885ACF775BA5009006315637D60AD86D25A3CA6AC5BF5B4DB95B1A
+672A8C589D89101809D838236560F7690E329784C1D335203BFED3A258CD79467D16B6DA06A282BC
+4B9669986CB50C54DADE3D5B20FD5CD9FDDE60AF4B5D8D9C50E77CF50DF3B36F37F381FE7E28A719
+91C8199D18258C09BD0440F5E258A5D2E22C6CFBFDC5F91228992E86532F4C0A50067BCB2D4387B2
+9FEFB8043D7BC44A322FD3629D7D92B6EEBA21B035DAC884110BDC6B22CF59B08C195BBA1C682E5F
+8CF32F479937D329FE8EC6E9A3A3AA63AE95EEB766E0EACEEAD4DCF46617888AE687009112732A7A
+8FA8419A4652075EDDF83E291613B66BA793D3858CEA093C79B89B0C93E11CAAB86AD1980C401713
+0B6A02545DE484FDA6E4DFBCEBBC848751B2A8821CB3F7AC96D2EA9B83B575AB60CECA41EA567EE0
+8ADAC8F1060255057527485D6B12A26D2E7EF6892865FD65FEF28F8B46249C4F19341089D59DAF82
+582CAD1A3B53C763A0E57134A57C4A24AB4FD358592ADB01BE8F1D9FAE9CA97A3BC3A0E2939913E0
+62960CC1D29ECEF9E61BAC20E92F13C49078E7F1562C9D7C01C2B300ECD6ADCAC9AA0C1F1BA30401
+0573F79D158C66D91A8D987C5239C9D4FEED1DC5C9586C4129C33E7C737C624EE9BD1EDE38E9F72A
+78DC19E144B5AABF3B0FB72216815E371A5D6452684965CB7208B87CE5A27E444820E03F80AD2DF4
+E280D25D9BDE41E719BB2C939E25B7965DB162CA8665CBFE65DFDC7992A508D54FE4EE8454C11482
+7186A280D3D9EDF397640A809E3646675AB6621B9CDF42808E2F19859AC975CF70F41D2B3D22F8E0
+C180126F4A12122B207A150BC8E1819962DAEBB821DE59B7EEF8FF9219474597AF859E353B4B713F
+5F1350F4049DCE99627492E396038B10A2F8E82AB679F65BE14A166E4502921BA44CCFE04E5DD3FE
+B04BA47C3F7A3E7DBF7D55328AD1E96092C73EDB16C3325537295DF768E2633D01304EA0B01379AA
+DAFE6CCA2AB3E246768C5AC841A458A2F69141A9A9D716D129B26643F1BBC95D8CD0ED44148F7C6A
+F370201E454F4AFF7C11A8080508FEDE242343E7ADDD5A8AAF079C50765A79BD25FBBDC59EDF980F
+FE0B60435692C49D20AC22F8BD1FCA3F3D8200CA26D61A30212558B54671E63BC09776A3AE7A906F
+CA63281F080A00500C42C02B8F82357A3EBF572CFC4BEBA3FE86537DDDF23A861C240A31778A131E
+F638C1DBB7E87A45487C092D23FD9FB2C162C3253636ED263B141178FCA9F2D5BE2D81F99B2872C4
+B3C08749CE18C9C00E75DA6B3E4C6A6DD79EBA731618EF5B5E767BB40429D8FEEC6ABFE9975746FB
+3A82A03A07B7D0DA8BAECFD1F72AFE17EB0C0CF100A2D48F4449A42C482BB1D64C19F8FEA73F5BA1
+8FC9BFEE3F640C39C081669A9B0EE3FF6B2BDC0A726301EF0E2259E65BE59275C76E7A3F1C76C3A3
+3AD0E2F79198DCA39C482B4E1196238DBA937692CF319436830BBF441C0A8A04161DC0814B5DF049
+83099439EF421B6D37D351D4A988A8DFE93D796B2E8B2564C602F79E6162F56F933196A0DCE91051
+600BAFFD9D439A91F17C20CD6A9104B553D823A0317E3C8344E9F0B2560AD583BF876AE307892500
+2177AF61BDBD745CEC2B2A7931D27423D2667584AE0D6CAA2B281EB9271ADE86C493791AC9A2265B
+8324F764D20DE65F6267439F1574DB02C600E771D3C743D420FA6F8BF01A977B91AF035E0D5412AB
+0B85D6ED3ED9D0345ED434F9B95FD911A9D3828CD162686E6ECCD2B6A5B1104F0E6838AAC7FB3FC7
+09F08F8E82B4BFCB55D8984771F9F4D339EE7FF391448C7807A436A78B6A487D3A5A86F314B302FA
+C5BE1C1DB9844F975619D615D1C7A20EC2B144797E0648CF5C044C8DD1699EEA3AC9D7E3BAA54A85
+11A932623D5ED3F0A9C3028CA439AC395F58DEAF1C0354A169D9AC7F380900D9828C3ECBB975F6FE
+6BD79EA4BEA9B71F3A9B1D2EAF8F1E475B4FB99758192EBCDA21B47EA33F57C58E904DA260C801AE
+CF457C84592B81CFA96C10E448D705D24871F3D1AD1FE004406C8070A54FA3747788C5B55E9462E6
+F51378BF3F848360542CAD2D5FF9EDAC84C164DFEC115A2F3D873760EAE58CC8F361B37E6CE076EF
+325A1C54DFF84DB95DB7DB5B56C48ED15C5426E6153D8A94B1A35B22EAB1D7B871097DF12C093BA5
+538957AB7D0AB2E39A2D1AECB91F0A693B8F6A00601929B6C55AAE8A227CAB6404FEBCC8BC4EEEE0
+ADD4CFD7DEC225170A0063457918B9875AD7F022A8F9932ADE316E4126EAB75C1D0B2B9F44E85F1C
+54755D1301345665EA630C8E885A8D9AB069DEA2CC6D12E4A0BF6E80C3AE12BC7ABE507422A5D92B
+65F70B4A472DD945EBB960880EC4C34E4C206C260FDF86A997D7D399A0219A51E6F8BC1189EC0ED0
+B8686F0243BFAFD829979747442AB1DA8282F10F4C37C4E6C88D231460DA3BF34C23A4755E2F8F21
+F6D138C86B6091CB3BCE5ED170242C4CC87C010FE63DA9A2ECBDD85311DA8572AD67E40F744D2EC9
+6607701D9790574F051C859EF29291AFA301C809E0A5513DF9A7FC2DB1776DBD4A2CB622BD17811B
+C0E584A8D89D4BEB17C2D0AA8BF31CD7E2B36C0E1888409788E30EAC2E46AFA1CFE457D3A19C28C5
+80669CB82CF36BF40DFAFED78F99A5D5DF189CE293413FFBA9E8D2457986C68483242AD767D5F026
+1CE303153C35D5DEB1789448088B51C48A9B8E903BBC69ED7FB0129CCE33A0337198F11DBA94FDAE
+AD74BBC5E519F559094E15B03AF3EFA89DC38B4278C68D2AEEEBE4B28B351D7B72F52D94480D8CBC
+06544645F20800B8284A4E7C8FAD59D0AA8EC8EC0551912CBC62694A5DD15C469BBE614FB187C084
+838D676E5A1CC8DFA8676758EB7D53FD2BA8F1C434F4F70AED8F2CE27EED2F6A82E20E30EACF9BF0
+CE28B4BF7D556815A887D777B7D75F60D2C410AA2D378B7BFAA6C3A5BF0A5EF80D3E35A0CF393A5E
+BC27A895D712C6F004F1A03F9FCF493973F33E6FB106407DFD992AB0E9E36EF395663A6EEFFD71BB
+2DAD9DFE6AA4685F307B8FD69BB2F74E672666414A71FA479B37D3DEF6AEAF80FA14821C65F7ABBE
+5CC6DD49002216E23B3D22C282F3DE0077EA81017E79D8C3BDB61EC031CFB13FA981120A6C518F4B
+4C39C9DD5AC6EDA29ABA527C9948BC3162EF65E8251C9D4E3494C6A51A41D489F8BC89250128EBD7
+0EFD01B9F03C40B6E0384364F2571F7D969016A959E4243D7AB728F0F030B8E2FB456D8E47A85898
+313B0E91C68C7A8A7226603427AC6DCB5C69924FD026E90CB0EE89AC42D874BB15AFC981079E9DC7
+1271C3E461265AF327D4AAB4AEFAB6A9DC3F84DCE7C7868D4719006344B9055C8BA952A2250B8041
+E5EF519BB788201124BE90AECAC2293A310D9565E1EA4AEB99F7ED7106649169E8EBF3DCB210706A
+F2FA65158D3059DFBD7AB5B00DBB06B016F73FEDB3AE1C1CC03BC2D94B143BFBD759338EB181B1F6
+841F7B539D8D126FC5B31B244A3A00ABBB121A98F73314D1F1683F513C3CCC9A0C2180824ACE5D45
+E454062CE1217F7AFBDC60A6022B0134EDA6C5D787DE8A5925BEB374F64D612329B9AC17B6EC03F8
+56CFEE502C1FC3AAC7B6F251E8DE4147DCB1580185C406F38E6B729307EADFF6D7A0E824C9830093
+F0C4FECEEFC7FF839306FEFEB780FFBD8879F22AFDADCA4C0767B8EEAE5DB869D7BD91355F0255E1
+CAC68A81A276967F233624DE0D2082B89E2C2D1DB0F8BE0B2BD7051C4DE9B1564AA6CBA03E50386F
+D685943D1EDDF5BE0EB34418C48E5EA645CBA552A0444B254E82E9E84A5B7BD0064D5EA87B1716C1
+4EF7FD14E2187FCE16FF6ECBC0A6588B30B4329626F024BDBA65457028668BC6750A4DD668D017CC
+EF35CD9CF45EC73885FC91B8AD78920919B4747A710D25BB850B558C5CCF7170C20012DD0F2874A6
+699DF53EDC6C75716A5B6B06C98F4904BAD22B18C77B3EEF32DE3F45A8AC12383DA16DF6F06CD923
+D344CFC2253ECF97A52F2DC6A22539231E29A324F851265BA82BE566E42167247CEBD914EBE42EAB
+E189E74FE1FF17ADA8A5F47DC9866CF86694DEE28EED333B0A8AE380557820E3F1D32B05AE27FFE1
+68267FADD310C4EE550F71704EF71F4C669952F30E485AF37561884066C0E3425C748BBAC77CC7A9
+87EC336B8BEBA44358BEA4ECFEA32494A8006E9852C4BFCB1C0F00ACC247F1F8E3F3B34539C67638
+64527F9F885132DCACBFCB1DC80EE3B2A711145DDA1D3B5F83144E2CD698D43A02B0DEB706C78D75
+A24FA39B9374E1155969FAD7D5FB477F4C3C7440DBFE1BD1DC877360E8690A6D3A64EF0A1313A520
+C49320295302227CE5625E134EA442A537505D206EE46E7E218BDA38F7B6BA124ACA0E949725CEEB
+961EF8B0727E3A78287E61E65A84AC14D1014A213259A48F04C634C1F04C73B4110D0DB491250CCD
+7DAE323CC8BD29BEF605DD92AA5480009DEAD1256E5C9FFB18362D63B022C2A378D15ADE2C6AE603
+1DF385CF090226F0AF889464584A9EA63B884453DE231058C5661C4F7DCF7505D7B1E48C78AA5799
+8FF39084FFF1CD18CB2989D867F2E085B291FE52367B4E8667E5CDA4F41DDBC7129DA5BDC39549E0
+8B67D9C9E4C332D91FE261728521245CBF51870F24C42F5814F393719A9E126C5693C0E776E4D8F3
+0F0288537B8E9A7C5DA4F931FC83F96A1950B1DF26C0448B646D3BF42C0429E2BD0164703FC71833
+19DDEA75CE65D9DFFE8369787FE664306D843421C2C0C3A5B210E823F8366161A96CA88D95FD6486
+5F9E5B0D53DCEE4A98AC10A8FF1BC34A46DB6016E973C9FA298D3F58228E3D9FCCCF9632556CE2E7
+F9C81E05FDB0FC1071E69A4C158E742D0B8939CA3DE33A4BE8D01D679C81C6BA9CF396A6768CA626
+05D796AA5C323E3A6208F2DA5000FC4462ED81AD0044D9959E40E4764562ADA76E33EC63271966F1
+7A13AD376A54FFA40FA247896A22C1C4A4CE51094CA1892A0B9904EB762839AAE1EDB5A0A5A69343
+CCA45F88F61926B23E6C85688862B1D10F1ED827FCCE2A427E49D960DBEE0D39EDE08D2565C6F5AD
+66CA83DAC1467C38F742132F715DA7E9757A5D067FDB4A8859D148473F302BF6ECB9B7EA5C0DF851
+8F58D4D076625B92BC8201028064950D70CD40492DA83B98FFD79BD3DCD9CEE95178B6DEA9AB10B3
+4C61A74B49C3697CF714F56A9B1E366B04500C9A67704AF6F721851EA4566B96E220E7B526873F94
+E6013EA8C489639D291167BCAEFB661C96C27DC7BCD5B317C1F101CD8DF2FB29F6162B5ECE903C0D
+5570C8C6325F05218850E4A5B5F94C7CE334BADDFC5DB98EF5333B4A92129F41D046D0F5EB6F342C
+F362BC8E45511FCF328E2CE2D4C579516307AEC400BA207071C887F5185AF536A6827307D7698095
+E8A6F8C19812A11C32AD207FBC353172C8DF626C5C05CD24C171B3C8DAB270A74AC48E35F0A8849C
+E0934B93D56C93599F5235EC441B5232257C4C6767C7B5A35830010E60E56AFBE9199B42E725A216
+C49D45A3C554767DF192F04D1A192D5CE196831EB7A56201A4A96CD44DD084729774334F698E1902
+614405347A37A4C753C0211D7F24D5265CF033E3C4D30E61886CF781D2AC30385E6021A892AB116D
+1F5505635BF5C915D0300ACA8AC32CAA0F3639550C4AEB390DA7B86E53B6BB0E4819626757BA9986
+BCA4B4B18F6BF3706577A3BE146F2585025D5A36EB14E587C5469EEEB622D31FD32EBFA812B9CCDC
+CFF7D17D00D9F21BF8871661F20E89A25A4543068EC509D0DF7DEA2A24FF68957943BE0FC7BD319D
+92A575E12E6FB8112D72A100FEF3EE85972304BBE07FC1026CCC068E8A414F641116E51F76009C5A
+F9E664BCCF93C943CFF2115235BB3290F935AA3FAB4F2E73FCDB9FA5E1866EFE278FFE7EA9DD6F89
+38CD5E5F4F31F6C659AF7EFF5B291AFB86521678B42C99275024EDAD04E5929D201A36F4A6C4DCD7
+2E349D6B9A1F90B123DEDE3DA50EDF929F9285747CD504C8F4A73D522F312D623BD65A35419C0729
+30976129B2D99B32D1DEDD81D64F7879CEDDFF04BBBF1286E07BCE651E2DEC190DFB9D25F3C1EEC8
+D7277752BB7CCC313A0FEEBF0EFFA2A189861AD4EA13AD4FDBD5160DC273F12525815F0D693C1413
+AFE4FBE09BCBD71E16C33E6CF8D18732447FFDCC2E4AF9E270D725C1D262D96E72538CA3309BCAF2
+35A3FAFAB27D265C583E6F6F062B555C97DFD89AC46E6154670ADCA13FD99F7A4B9B8BB224D43764
+8CC9DB76E177F562862C912D8CBC248A4C628FF2D0C9688611CED3DFB89064B988F16655633B7CC7
+AFAE34B2937528EA0814ED245D6B0D2AEF87A5B63E2BD7E4F7D9CFE372C295A0891F97C3855C97EC
+C03C7C2A231704BED419612255F8B2C9262D48CB4FB46D63CC9697A210FA9D7BFC3BAB7E46172D3F
+52A4AF9C4114BC72A5C7CBA042FA633AFD5E404F29408D4485837E55E6F9702F04C7AB410C351039
+6A78C8672F8EAD53BB9CBCED63FB9E72E7238CC88FB4E7C48C3DE3E4B80E277B952727916A4127A2
+5CC1413C390F4DAFD5253B07BC96DAE8CF4DA08330DEE580CBC1E12B75A661819E96B018D47A8B71
+B6BFAFC5E3CBFE68E5193417B6E730E6A2820838D22049BE6BB64B74AA13779D46519965ED80D5FC
+30B0A6F73D26DEBD8150B3D27B3F135F608D59BB1632AD9C2E11177FAF54CBD1C4E58D58C395BAE8
+AD7C7AEEB0E1C3F0C0B7A5E7142E9A1DCCC8B4EF56C319D4A4F750857D2FD180F871772B9CC69FB9
+B222F83C3ACCB66125AF6848B2EFDCE3D2284FA5844641FB32F701FBF32F1D2F2E2233B66E36CCD1
+49FCB3FCDB6EA04367D11624717D73D9128EA7D9AABB8658BE9E9986E532
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+cleartomark{restore}if
+
+%%EndFont
+%%EndResource
+11.52 /Mathematica1 Msf
+0.75 10.5 m
+(p) N
+P
+[1 0 0 1 -61.69 -151.566 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+70.6 105.842 m
+73.497 105.842 L
+s
+P
+p
+np 52 98 m
+52 113 L
+69 113 L
+69 98 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 53.44 99.467 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.44 -2.467 m
+-2.44 14.533 L
+16.56 14.533 L
+16.56 -2.467 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+0 10.5 m
+(2) N
+11.52 /Mathematica1 Msf
+9 10.5 m
+(p) N
+P
+[1 0 0 1 -53.44 -99.467 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+70.6 53.742 m
+73.497 53.742 L
+s
+P
+p
+np 52 46 m
+52 61 L
+69 61 L
+69 46 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 53.44 47.367 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.44 -2.367 m
+-2.44 14.633 L
+16.56 14.633 L
+16.56 -2.367 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+0 10.5 m
+(3) N
+11.52 /Mathematica1 Msf
+9 10.5 m
+(p) N
+P
+[1 0 0 1 -53.44 -47.367 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+1 g
+[ ] 0 setdash
+p
+0 setlinecap
+78.19 2.952 m
+78.19 5.849 L
+s
+P
+p
+0 setlinecap
+92.764 2.952 m
+92.764 4.69 L
+s
+P
+p
+0 setlinecap
+107.338 2.952 m
+107.338 4.69 L
+s
+P
+p
+0 setlinecap
+121.911 2.952 m
+121.911 4.69 L
+s
+P
+p
+0 setlinecap
+136.485 2.952 m
+136.485 4.69 L
+s
+P
+p
+0 setlinecap
+151.058 2.952 m
+151.058 5.849 L
+s
+P
+p
+0 setlinecap
+165.632 2.952 m
+165.632 4.69 L
+s
+P
+p
+0 setlinecap
+180.205 2.952 m
+180.205 4.69 L
+s
+P
+p
+0 setlinecap
+194.779 2.952 m
+194.779 4.69 L
+s
+P
+p
+0 setlinecap
+209.353 2.952 m
+209.353 4.69 L
+s
+P
+p
+0 setlinecap
+223.926 2.952 m
+223.926 5.849 L
+s
+P
+p
+0 setlinecap
+238.5 2.952 m
+238.5 4.69 L
+s
+P
+p
+0 setlinecap
+253.073 2.952 m
+253.073 4.69 L
+s
+P
+p
+0 setlinecap
+267.647 2.952 m
+267.647 4.69 L
+s
+P
+p
+0 setlinecap
+282.22 2.952 m
+282.22 4.69 L
+s
+P
+p
+0 setlinecap
+296.794 2.952 m
+296.794 5.849 L
+s
+P
+p
+0 setlinecap
+311.367 2.952 m
+311.367 4.69 L
+s
+P
+p
+0 setlinecap
+325.941 2.952 m
+325.941 4.69 L
+s
+P
+p
+0 setlinecap
+340.515 2.952 m
+340.515 4.69 L
+s
+P
+p
+0 setlinecap
+355.088 2.952 m
+355.088 4.69 L
+s
+P
+p
+0 setlinecap
+369.662 2.952 m
+369.662 5.849 L
+s
+P
+p
+0 setlinecap
+384.235 2.952 m
+384.235 4.69 L
+s
+P
+p
+0 setlinecap
+398.809 2.952 m
+398.809 4.69 L
+s
+P
+p
+0 setlinecap
+413.382 2.952 m
+413.382 4.69 L
+s
+P
+p
+0 setlinecap
+427.956 2.952 m
+427.956 4.69 L
+s
+P
+p
+0 setlinecap
+442.53 2.952 m
+442.53 5.849 L
+s
+P
+p
+0 setlinecap
+450.12 210.041 m
+447.223 210.041 L
+s
+P
+p
+np 451 203 m
+451 217 L
+459 217 L
+459 203 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 452.28 203.666 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.28 -1.666 m
+-2.28 14.334 L
+7.72 14.334 L
+7.72 -1.666 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+1 g
+0 10.5 m
+(0) N
+P
+[1 0 0 1 -452.28 -203.666 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+450.12 157.941 m
+447.223 157.941 L
+s
+P
+p
+np 451 151 m
+451 165 L
+460 165 L
+460 151 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 452.28 151.566 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.28 -1.566 m
+-2.28 14.434 L
+8.72 14.434 L
+8.72 -1.566 L
+cp
+clip np
+11.52 /Mathematica1 Msf
+1 g
+0.75 10.5 m
+(p) N
+P
+[1 0 0 1 -452.28 -151.566 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+450.12 105.842 m
+447.223 105.842 L
+s
+P
+p
+np 451 98 m
+451 113 L
+468 113 L
+468 98 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 452.28 99.467 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.28 -2.467 m
+-2.28 14.533 L
+16.72 14.533 L
+16.72 -2.467 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+1 g
+0 10.5 m
+(2) N
+11.52 /Mathematica1 Msf
+9 10.5 m
+(p) N
+P
+[1 0 0 1 -452.28 -99.467 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+450.12 53.742 m
+447.223 53.742 L
+s
+P
+p
+np 451 46 m
+451 61 L
+468 61 L
+468 46 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 452.28 47.367 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.28 -2.367 m
+-2.28 14.633 L
+16.72 14.633 L
+16.72 -2.367 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+1 g
+0 10.5 m
+(3) N
+11.52 /Mathematica1 Msf
+9 10.5 m
+(p) N
+P
+[1 0 0 1 -452.28 -47.367 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+p
+np 210 257 m
+210 272 L
+310 272 L
+310 257 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 211.235 257.578 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.235 -1.578 m
+-2.235 15.422 L
+99.765 15.422 L
+99.765 -1.578 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+10.08 /Times-Roman-MISO Msf
+p
+0 9 m
+(I) N
+P
+p
+3.75 9 m
+(m) N
+P
+p
+12.75 9 m
+(p) N
+P
+p
+19.5 9 m
+(a) N
+P
+p
+24.75 9 m
+(c) N
+P
+p
+30 9 m
+(t) N
+P
+p
+36.75 9 m
+(p) N
+P
+p
+43.5 9 m
+(a) N
+P
+p
+48.75 9 m
+(r) N
+P
+p
+53.25 9 m
+(a) N
+P
+p
+58.5 9 m
+(m) N
+P
+p
+67.5 9 m
+(e) N
+P
+p
+72.75 9 m
+(t) N
+P
+p
+76.5 9 m
+(e) N
+P
+p
+81.75 9 m
+(r) N
+P
+86.25 9 m
+(,) N
+92.25 9 m
+(b) N
+P
+[1 0 0 1 -211.235 -257.578 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+p
+np 34 75 m
+34 165 L
+49 165 L
+49 75 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[0 -1 1 0 35.28 164.105 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.895 -2.28 m
+-1.895 14.72 L
+90.105 14.72 L
+90.105 -2.28 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+10.08 /Times-Roman-MISO Msf
+p
+0 9 m
+(S) N
+P
+p
+6 9 m
+(p) N
+P
+p
+12.75 9 m
+(a) N
+P
+p
+18 9 m
+(t) N
+P
+p
+21.75 9 m
+(i) N
+P
+p
+24.75 9 m
+(a) N
+P
+p
+30 9 m
+(l) N
+P
+p
+36 9 m
+(r) N
+P
+p
+40.5 9 m
+(o) N
+P
+p
+46.5 9 m
+(t) N
+P
+p
+50.25 9 m
+(a) N
+P
+p
+55.5 9 m
+(t) N
+P
+p
+59.25 9 m
+(i) N
+P
+p
+62.25 9 m
+(o) N
+P
+p
+68.25 9 m
+(n) N
+P
+75 9 m
+(,) N
+10.08 /Mathematica1 Msf
+81.75 9 m
+(c) N
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+10.08 /Times-Roman-MISO Msf
+P
+[0 1 -1 0 164.105 -35.28 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+p
+np 70 3 m
+70 238 L
+450 238 L
+450 3 L
+cp
+clip np
+p
+np 117 136 m
+117 152 L
+155 152 L
+155 136 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 118.485 136.705 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.485 -1.705 m
+-2.485 16.295 L
+37.515 16.295 L
+37.515 -1.705 L
+cp
+clip np
+p
+np -0.485 0.295 m
+-0.485 13.295 L
+35.515 13.295 L
+35.515 0.295 L
+cp
+clip np
+[1 0 0 1 0 0 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.485 -1.705 m
+-2.485 15.295 L
+37.515 15.295 L
+37.515 -1.705 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+%%BeginResource: font Mathematica2
+%%BeginFont: Mathematica2
+%!PS-AdobeFont-1.0: Mathematica2 001.000
+%%CreationDate: 8/28/01 at 12:01 AM
+%%VMusage: 1024 29061  
+% Mathematica typeface design by Andre Kuzniarek. Copyright \(c\) 1996-2001 Wolfram Research, Inc. [http://www.wolfram.com]. All rights reserved. [Font version 2.00]
+% ADL: 800 200 0
+%%EndComments
+FontDirectory/Mathematica2 known{/Mathematica2 findfont dup/UniqueID known{dup
+/UniqueID get 5095653 eq exch/FontType get 1 eq and}{pop false}ifelse
+{save true}{false}ifelse}{false}ifelse
+20 dict begin
+/FontInfo 16 dict dup begin
+  /version (001.000) readonly def
+  /FullName (Mathematica2) readonly def
+  /FamilyName (Mathematica2) readonly def
+  /Weight (Medium) readonly def
+  /ItalicAngle 0 def
+  /isFixedPitch false def
+  /UnderlinePosition -133 def
+  /UnderlineThickness 20 def
+  /Notice (Mathematica typeface design by Andre Kuzniarek. Copyright \(c\) 1996-2001 Wolfram Research, Inc. [http://www.wolfram.com]. All rights reserved. [Font version 2.00]) readonly def
+  /em 1000 def
+  /ascent 800 def
+  /descent 200 def
+end readonly def
+/FontName /Mathematica2 def
+/Encoding 256 array
+dup 0/NUL put
+dup 1/Eth put
+dup 2/eth put
+dup 3/Lslash put
+dup 4/lslash put
+dup 5/Scaron put
+dup 6/scaron put
+dup 7/Yacute put
+dup 8/yacute put
+dup 9/HT put
+dup 10/LF put
+dup 11/Thorn put
+dup 12/thorn put
+dup 13/CR put
+dup 14/Zcaron put
+dup 15/zcaron put
+dup 16/DLE put
+dup 17/DC1 put
+dup 18/DC2 put
+dup 19/DC3 put
+dup 20/DC4 put
+dup 21/onehalf put
+dup 22/onequarter put
+dup 23/onesuperior put
+dup 24/threequarters put
+dup 25/threesuperior put
+dup 26/twosuperior put
+dup 27/brokenbar put
+dup 28/minus put
+dup 29/multiply put
+dup 30/RS put
+dup 31/US put
+dup 32/Space put
+dup 33/Radical1Extens put
+dup 34/Radical2 put
+dup 35/Radical2Extens put
+dup 36/Radical3 put
+dup 37/Radical3Extens put
+dup 38/Radical4 put
+dup 39/Radical4Extens put
+dup 40/Radical5 put
+dup 41/Radical5VertExtens put
+dup 42/Radical5Top put
+dup 43/Radical5Extens put
+dup 44/FixedFreeRadical1 put
+dup 45/FixedFreeRadical2 put
+dup 46/FixedFreeRadical3 put
+dup 47/FixedFreeRadical4 put
+dup 48/TexRad1 put
+dup 49/TexRad2 put
+dup 50/TexRad3 put
+dup 51/TexRad4 put
+dup 52/TexRad5 put
+dup 53/TexRad5VertExt put
+dup 54/TexRad5Top put
+dup 55/TexRadExtens put
+dup 56/LBrace1 put
+dup 57/LBrace2 put
+dup 58/LBrace3 put
+dup 59/LBrace4 put
+dup 60/RBrace1 put
+dup 61/RBrace2 put
+dup 62/RBrace3 put
+dup 63/RBrace4 put
+dup 64/LBracket1 put
+dup 65/LBracket2 put
+dup 66/LBracket3 put
+dup 67/LBracket4 put
+dup 68/RBracket1 put
+dup 69/RBracket2 put
+dup 70/RBracket3 put
+dup 71/RBracket4 put
+dup 72/LParen1 put
+dup 73/LParen2 put
+dup 74/LParen3 put
+dup 75/LParen4 put
+dup 76/RParen1 put
+dup 77/RParen2 put
+dup 78/RParen3 put
+dup 79/RParen4 put
+dup 80/DblLBracket1 put
+dup 81/DblLBracket2 put
+dup 82/DblLBracket3 put
+dup 83/DblLBracket4 put
+dup 84/DblRBracket1 put
+dup 85/DblRBracket2 put
+dup 86/DblRBracket3 put
+dup 87/DblRBracket4 put
+dup 88/LAngleBracket1 put
+dup 89/LAngleBracket2 put
+dup 90/LAngleBracket3 put
+dup 91/LAngleBracket4 put
+dup 92/RAngleBracket1 put
+dup 93/RAngleBracket2 put
+dup 94/RAngleBracket3 put
+dup 95/RAngleBracket4 put
+dup 96/LCeiling1 put
+dup 97/LCeiling2 put
+dup 98/LCeiling3 put
+dup 99/LCeiling4 put
+dup 100/LFloor1 put
+dup 101/LFloor2 put
+dup 102/LFloor3 put
+dup 103/LFloor4 put
+dup 104/LFlrClngExtens put
+dup 105/LParenTop put
+dup 106/LParenExtens put
+dup 107/LParenBottom put
+dup 108/LBraceTop put
+dup 109/LBraceMiddle put
+dup 110/LBraceBottom put
+dup 111/BraceExtens put
+dup 112/RCeiling1 put
+dup 113/RCeiling2 put
+dup 114/RCeiling3 put
+dup 115/RCeiling4 put
+dup 116/RFloor1 put
+dup 117/RFloor2 put
+dup 118/RFloor3 put
+dup 119/RFloor4 put
+dup 120/RFlrClngExtens put
+dup 121/RParenTop put
+dup 122/RParenExtens put
+dup 123/RParenBottom put
+dup 124/RBraceTop put
+dup 125/RBraceMiddle put
+dup 126/RBraceBottom put
+dup 127/DEL put
+dup 128/LBracketTop put
+dup 129/LBracketExtens put
+dup 130/LBracketBottom put
+dup 131/RBracketTop put
+dup 132/RBracketExtens put
+dup 133/RBracketBottom put
+dup 134/DblLBracketBottom put
+dup 135/DblLBracketExtens put
+dup 136/DblLBracketTop put
+dup 137/DblRBracketBottom put
+dup 138/DblRBracketExtens put
+dup 139/DblRBracketTop put
+dup 140/LeftHook put
+dup 141/HookExt put
+dup 142/RightHook put
+dup 143/Radical1 put
+dup 144/Slash1 put
+dup 145/Slash2 put
+dup 146/Slash3 put
+dup 147/Slash4 put
+dup 148/BackSlash1 put
+dup 149/BackSlash2 put
+dup 150/BackSlash3 put
+dup 151/BackSlash4 put
+dup 152/ContourIntegral put
+dup 153/DblContInteg put
+dup 154/CntrClckwContInteg put
+dup 155/ClckwContInteg put
+dup 156/SquareContInteg put
+dup 157/UnionPlus put
+dup 158/SquareIntersection put
+dup 159/SquareUnion put
+dup 160/LBracketBar1 put
+dup 161/LBracketBar2 put
+dup 162/LBracketBar3 put
+dup 163/LBracketBar4 put
+dup 164/RBracketBar1 put
+dup 165/RBracketBar2 put
+dup 166/RBracketBar3 put
+dup 167/RBracketBar4 put
+dup 168/ContourIntegral2 put
+dup 169/DblContInteg2 put
+dup 170/CntrClckwContInteg2 put
+dup 171/ClckwContInteg2 put
+dup 172/SquareContInteg2 put
+dup 173/UnionPlus2 put
+dup 174/SquareIntersection2 put
+dup 175/SquareUnion2 put
+dup 176/DblLBracketBar1 put
+dup 177/DblLBracketBar2 put
+dup 178/DblLBracketBar3 put
+dup 179/DblLBracketBar4 put
+dup 180/DblRBracketBar1 put
+dup 181/DblRBracketBar2 put
+dup 182/DblRBracketBar3 put
+dup 183/DblRBracketBar4 put
+dup 184/ContourIntegral3 put
+dup 185/DblContInteg3 put
+dup 186/CntrClckwContInteg3 put
+dup 187/ClckwContInteg3 put
+dup 188/SquareContInteg3 put
+dup 189/UnionPlus3 put
+dup 190/SquareIntersection3 put
+dup 191/SquareUnion3 put
+dup 192/DblBar1 put
+dup 193/DblBar2 put
+dup 194/DblBar3 put
+dup 195/DblBar4 put
+dup 196/BarExt put
+dup 197/DblBarExt put
+dup 198/OverCircle put
+dup 199/Hacek put
+dup 200/VertBar1 put
+dup 201/VertBar2 put
+dup 202/Nbspace put
+dup 203/VertBar3 put
+dup 204/VertBar4 put
+dup 205/FIntegral put
+dup 206/FIntegral2 put
+dup 207/FIntegral3 put
+dup 208/OverDoubleDot put
+dup 209/OverTripleDot put
+dup 210/OverLVector put
+dup 211/OverRVector put
+dup 212/OverLRVector put
+dup 213/OverLArrow put
+dup 214/OverArrowVectExt put
+dup 215/OverRArrow put
+dup 216/OverLRArrow put
+dup 217/Integral put
+dup 218/Summation put
+dup 219/Product put
+dup 220/Intersection put
+dup 221/Union put
+dup 222/LogicalOr put
+dup 223/LogicalAnd put
+dup 224/Integral1 put
+dup 225/Integral2 put
+dup 226/Sum1 put
+dup 227/Sum2 put
+dup 228/Product1 put
+dup 229/Product2 put
+dup 230/Union1 put
+dup 231/Union2 put
+dup 232/Intersect1 put
+dup 233/Intersect2 put
+dup 234/Or1 put
+dup 235/Or2 put
+dup 236/And1 put
+dup 237/And2 put
+dup 238/SmallVee put
+dup 239/SmallWedge put
+dup 240/DoubleGrave put
+dup 241/Breve put
+dup 242/DownBreve put
+dup 243/OverTilde put
+dup 244/Tilde2 put
+dup 245/Tilde3 put
+dup 246/Tilde4 put
+dup 247/BackQuote put
+dup 248/DblBackQuote put
+dup 249/Quote put
+dup 250/DblQuote put
+dup 251/VertBar put
+dup 252/DblVertBar put
+dup 253/VertBarExten put
+dup 254/DblVertBarExten put
+dup 255/Coproduct put
+ readonly def
+/PaintType 0 def
+/FontType 1 def
+/StrokeWidth 0 def
+/FontMatrix[0.001 0 0 0.001 0 0]readonly def
+/UniqueID 5095653 def
+/FontBBox{-13 -4075 2499 2436}readonly def
+currentdict end
+currentfile eexec
+D8061D93A8246509E76A3EC656E953B7C22E43117F5A3BC2421790057C314DAE3EFBFF49F45DD7CD
+91B890E4155C4895C5126A36B01A58FDB2004471266DA05A0931953736AD8B3DEB3BCB2A24BC816A
+C1C90A1577C96B9096D6F51F9E21E625ADF6C3A49867A632A605C117E6325C820121799F412E226B
+EFE61F2813676F172CBD7EC10FF1EFBB92DF3A88E9378921BBD00E6024CC08EF057CECD09B824E0A
+CCDAA4644296DE34D19D779A21C30666026829D38FB35A2284CAED23C8B913E7B28BB3DA7C8CE390
+4C0BAE30B0287680CCCAB2E6D4CAB2E7D786ABF54068028FD7D94FAC236094761B62B7E76F68D2BE
+58C23AF85001950EFC1A9C1BB71520B78DDF6AA0058D25D041E86D01878DF56A5C48D74DCB2BBD68
+D75C94A3CE878484D28049331CE3D4364B40FAA2C754E8F443D244C5BC44B1C7868E36EAF4F7EF1F
+6CB81E6CF63FABD65C29A991EB7D724DA06535AE43F3D0E2D04F6113B493C15463B4CEBFB72AB879
+7E4645F9CC0BB17E02A9626BEA4B4259F798B53B18DF2ACCF2B86BF2209CF0265DE0A46869333F98
+CCF70BF2C9239A0ABD2E97923AA5695BAFEA31E27B8F532BAA45F2980A11D069265A5312A260A627
+A765C4A08897E5C500990AE6FDA4CD6D575905468417297380EB6400CB2CF001C4B8EB79811CD8D7
+C173A337922B99DAB1048D5D03C78F78F36FEE31673D8C5FF8AD689A63AEA055CA705DB47D3AF965
+73571985E62F63866018C96EC4CA7E735C9294D8C81C03806D23CB87C0C08F86F5FA68CFC9AE48F6
+958AE016DCE4D60EB64AEAAD59D8A2592BC398BCA479FBC2F0C20C3E7F730481494C88781A6A9E0E
+4F47A94619A3841FAC76A4FB252EB6FB43628AE1A4944539B1DFF672940AA5E93FFACFAC04624EF6
+7ED9C691788F0004DB7FFD1C995F2C52C0042F02F5C789F85D9E51716F3B4EDB21D4B9E660E4A892
+B747201EEC6DD6A8881FA3039664061094D1892108A2AD068D7F0251BFA72D874ECB2F42D27CC343
+052156F6A3A66D2CA6DAEF046A433FD54FEB4410315690971D0F43363EC0119B21F4BE3DFDC8C28D
+BF5D68F145D3AC932EE62C32DFDEB1C48C2455392193268C893093BF911645986607DD13D8285895
+1854A7FF81FC98ADD44742907818B3C8E3187371BD9FE6EF5B4315E82C359BF2EA91D2894EE7FD9A
+734BF2745D7FE8D08D29DA2A03176C992E11F1AADCE219D5E33F325BCFF4521D6D04E61B913B6C41
+740AF8BD9EA83F3AE7C4E5402366A812B1724431EE78D2028317B975E91941B591CC6C97740C453C
+C7D7AB3CE97AE2F4DFAB6B9C8810A52A276BEAABD687BDA0971EE623A40B7AD6A8E69ED8BE63959D
+3DCF8799E2505AC7F7B0E2FFECB0B08027A6266B7F96311B0AD78B7B6C78392AA062A73FDF179FEC
+7F748929D060289F899FE417D4028FF332204FE04146BB130EF05FB57AF4BF9337EF71094DC5922E
+3EF2D6A9F8257AF242019C349B65C2A3972ACA842D14EAB6A8D287456C9D7D295198F4AB7632EE43
+7D006B8124A80BBF26C1B902379D7F90080B51F982630E27B6031CE20930C273EA5D7FF0FC7E996E
+67B072796CD96A7739444D21FE10DE7B57D143E4155EEE1B89F32EBCBF4C64D6D3FA1C46E06C9E9F
+F99BC9BBCC61A400C7DBF812C42AAED863FE9EE3B02E731D1809F3CAB941252DE486BFE641F60F60
+C788F68519A6B04A4D6F50F02F93C6B8774B960C1FE893373D2AC2D865C487CFFE7669E1F1E73630
+7D34C15835F0453C8B0C1AE352CE1F27065F1082E6C84F86330F76B39C246315D6996AB69F81A020
+30D92CCB4C2A5AA4F4B3CAC88B2C8C9C621294A5EAB6AC3778DB99BD2F411735DC1421861417B4FD
+399B365AEA45185A3D9D687546E36BB73994FB7FA3EE890AE3734BD9381B0E7AE514E8C517B87268
+7364C38D0A8379039F33336799205F2F54BBF7C2E9B30B27BCFB9FF2CD64F5D700F2455EE66B6252
+6E79ED2B0E5FF9732281CA50D27A93F259B6D4B5C7F856BB7D4F2E0F7741FA2419BBAF86C372E34D
+59BC7AABC4CEF4F47EE40E118AB95A4863E16C55824D34002D59844D1F51B5DC6FB6BB5D595C4404
+1E05A84FD453A129279F894D726F6CD53BA3E234518324C5F715DAE6E7B5695326FC0C9B6CA2B53D
+B25EC76BE9662388058629E70DC7BD861E188F1FF32A754A455195163CB4754D116D24E6A6300B67
+1862625E260442DEA2505E36D5F7AA4AD1FEB3B42632E382959C7E84569B2A790A0D0A208C2D4816
+AD28046B42C7A4797D424277AD9425C04DB87DCF112AE431CFFF6E4FFA979E947502AE5E1755C112
+0AE2361888B956F3F513A5975680E6E8374D8BF26C32AADC826D729E9026B14A68BC3D065E11C697
+D4D474CF963AFE083DD7D9278A0C27447E25AD70DD40B2EBAB8040164E11CD75AE3125C29806DEF4
+AD1B989F7001E227685DEF6EBE3287DE43BBA5FE2123A0EC835AECF879C13F7CFDC409901F291E89
+06C26E42B189862AFAE029F03D86D35E44E318FE16537E2B73E4F39F1E6945A3A6432438DCB6D2B2
+09814B5228D08165568617C279499ECA1B88C90300F1C88C45D4BE3DC726A59E24B46C5B2FF228C6
+E6645819C6F1D5B05737BE7353F4787EE52A21DC47A44F3C44406E79BBFDDC164682B02F4C39300D
+12EF37A58E317FC1B8CE58E04BE666ED5DA75DBF752BEDDA4C7491E4D6922BCCA9CF421CE6751002
+8638EF643119841F423626D6B19A5D2CFB193B093D7646913F64614C098E5F5FF9422EBA75FA9AA8
+4F8ED114AEAB011E6F0727FB96F26BECBBAFE3AA8D0ABC5A8E9906B6CBB9E03F8CC4FCA97C884B83
+7CC33C619CD3195C55633B72D3F2D45561CD226F42B859B8099812D591886FA851107A185169FA7C
+944248DE28642FA3043FF3B60236BFD781257C6FE4D56174AD16ABBF9659C05F08673A70496A0787
+C187D4367CB0CF48BD9A4FE0E481273E4909A1092626A13917DCBDE920028B06E094F5B28887B990
+32521E1720B75EB284AA6FFE53FA5CD5B903F951FCF7B33CC981FE7BCC4BDF4907ACC3AA60B69969
+A9AF204C84EC8C0F5DCB8A85E39EA9F2D4B67095A44CA0C8B072D7A61F3015D502B1A0F660C22221
+3231986D5E8C04AECBAFE999D1735A80051C06CA279D0FF6215633FB7A706454DA7236DB17AD72EE
+1F6044A26A0EB77AB3BCE823E3F5E0DD31ACB029A1D17665FF16E5D1ACDDFD83CAEE1D48666D7BC6
+DADC34D317C335855D118892CBD32412F5870C3D2E599A46AA997A5E2BBDD3001C2957D81345DBED
+583B72C4FB356F0C872A31A35087775EF18601930C0874EEA1ACB3ED3690EF447926439CC383087C
+C9D5C6EB21EDF5941CB4E99FDA434A91676D76DC1A1BD801EECA6B0A88370B7005D41A1253CF8217
+1285986DC302B51123DBA9733BDEF0361AE0580FE6FBA5F29CF1438801586559D7436436CFE33E6A
+D6EFA850BB8C9382E1A068246F370388186DC278F31F770C2C96881AC6E40823B24D6D536514A2C7
+AF3D159621080442592CAC03D6967BCBDB38FCA1A45F76F1A10027F1DCC076533C6AFC097FBCF0DA
+A0078BE0828247F938AF76A87EFC14D9F5444CBCDCE637E2325D86B9D99D1ED70F44194E19F6C7A9
+9E415DC8A6E484DAAE52AAC1307A5353E8F649A35214B3F43DB5F3DB3ED06580A570E60B3E52679F
+F90A3B00D4EB4DFBCF0D2F9C5545A6DE10BCC849A0BA9E18F29C6F09ED0F0DD48AD37B7925654433
+A6D02965A3813BA2EAB2E6C2004ADD216DAE99471EE518BD0DA0F534F1512A8E26286B07FEDE71E6
+0A5A057A22AEF095A8B4752F54C04CB8BC170F3D6B725B83A6780176194B21BA906E37B7923E2548
+604F8DB18E0A3E1B5FF04D00898C29C6033DAC54637CF5B068291559D8526D5201F3503FBA4EE12D
+D7A6CF6271618F41FE08384521CD771FA80364D747430A071EE3D3ABDB5400DD36A0285430D537FA
+F6EF8ACAF85C250D6652F327B2BD3B29E1C64E6E66C788FF1D9C3AC6DD38691CDECD0F3FF4079BAD
+A2BC0CBE14AA3FCC38E3F31B3298A6995C87B34A7245ABA2C968F908D8337860507569C370654635
+570615F987531551414B5CCAF7F4D0B38F701619C553E746BD90655294270560046A925A021C98F9
+3EA8FF5B5B8A0D05AD483E6DDC5257635308C6C0FE9182D0E4FB011A00981A7B95DB5BF5A82F8B1E
+B68E8822F8B1B7CF01AF11302B44307F3A71D5EB3465F793CAEB1E72D2C63E3D264380A75FF1DDA5
+00B5F82B04179EA9DAC10731FDEDF5913EFDEDDF5799D2A86EF2D16C0B52D99FCEAD392E9226AA6D
+3D11D29054130C8602F703CB1EBDAAA089A02C0EBD53343A7B297836CB63E4B2C33C8760ECEB15E5
+6B59D4B296B8B724244D37651C3CB862C7135D62B2692F5A27B9374C5C3C5399E5C4DCCD76572294
+F742B1F545B736BF4C82D8F4E2941CD52C0B944261DD4CCF8A968B646662F3D187557206FF165F3C
+0D3D5CA1E428D61D7936E1D00C5377A047EE80E0A5612F7FDEBB8B224270ED23A031A049E8676516
+BF66EBAFCF3F9D4975B0F212FB7A914EE45640972B61AE8E60E602DC7C20758BC07A159B08862F16
+6302D8CBEF03C4B0C73BD8504EB5B14DBC64FBDDC867FE51F76099769A7BD4FA4CF4096EAAAFD55F
+9A20F6D4B84D8FD139112A43204026F15F9FF5AB6729537CCDA60369C24D7EFF4B6B971EBF0BD277
+A9AD1BF1066508A0A7DD9A8D45447A39B92D6B0F7DA4BEC2689D25F35C8C490891F053F90DEE5E2D
+8C9D7FD1E23D0F1C5F57921BDB13BC9B8C3CED4FC42C4DDBF0706985A0DDABCC683FF5EA8416C225
+ABD219024432E3972C3314C30A672FD21523C83D93B2AC8D1DF023EEB1BD74E825FCD19873E63A45
+F6935E6685CF5EF472191B976F9EED2A4765E1B21B46EE1C4CB90AE89DA48E52BC4EDBAC2C855A67
+CB0BE9160F3126151CD171081192D0D6CB27E4EB2D725F31AE95FB283149F53F22BD8E414354D4BB
+56724057601FE4BF34A5B188C00B0E550639CD796CC66EF895AA5315BEAD49B5639EF0878CDF2CA4
+271027678693EA212D0C11A6EA52F748AD0F62A0336BEC8497EE933EEC461E461CCD2F5291B980E2
+8B7D66690B10EEBE22B092179396EEF5D00E42E6CB73BAD4485F2063AEA6B6207E136ABB925332C2
+60F12D8B60B211A9BB15F37F42F53AC2559F5A8397DDD491D314B6DB0B50E41F0AA0A42FFDD5B9F3
+FBD8EFB7E343C06F793DA6BBEE4FAAFB233C31EAA3AD701B1F1C4F2FB05A7647439D19CC856C7D98
+EB3375B3ED2255FA33D9ACB87C1937E0B7F34C9B299C8D2A7F85D41141C598F9505C72B5AC2DE9BD
+E24CDAE1DEE416786B93D4EE713E437D2C4A3251A296B785C81A8232F98ADD04B3D2B41394F8BDEA
+7B602A555EDBD51A088C2277D8E86B08A0D05CB6142E33E973BB3F2CE841D323ABE6FBBF83B84272
+220F569DE23264AB672C2590D4527A29510E7F289DC2193E66FF23D83703E27E9E81572E7534B1DA
+510BB846576E8A39D9CF44483F297C92317ED8E46237B3D73844B3B19D37831B44EC116CBAC3F75B
+B67928C4D4E741EC95E96FAD74D852220F4F1A8FDCD273E0F6E77F09EFD5723CCA1398A021FAE947
+9CAC5922DAC8E2F46704BC216C7BCC1575A455CCE2C2A080B9FDCD0758D9D921EEB6DF96C64A31D1
+C9BEA80F48461857ED7DB635A3BABB3BB6155E835E605B09E06A2AAF6BF3EA70B8C0E098CD1A818E
+30B9A4AADC284EE2B87E945B717FA73AFF5FB788E51827F6FBE319ADDD059614B493ECCE718789A2
+EB0F117EC811EC38A3F4EDEACA660612BD247425A3FB2E6022CC14FDF69B6660B37FCD4359F1BA54
+D12B1F478D76CF898824762C25A026B01C94752F6F3724C31AE788CFE992D9CA152902EEBC4AD8B7
+A5F0E68A5A0408A2F0BA71CE0D94B4A905B35F2781D7E7A2712DC62E87518BFE72A5BC4A9F36A4B3
+B1494B0C4C14705203762E0CD0B28BE31234449C7655B5D6165D7CC4A16431F7A8ECA58D25711E98
+4FF2CE123C05AF9A65D478B73739715DE62A199D47BAC65785EE1DD25AF91868F91D037C0AD754BA
+CE3DC4B67F1FDCA8FD9FA39796EFA9C975DBFAA99DB70624B3563408D0048E3AAC6B4F228DC0AC08
+B9C2B63657EEDB53B46D157426A3B4B4B8CC5B4F30BC24CF9BED442DB51F3C7A0656DFBEFA401E1E
+0823065499C69D51C477360FD13ACA8896A8117789C4561F3D85F3A80D18E39F1D6BF76C7876922A
+1038ADAFD53F2D092369B356D0CA3FE6A27D7B9BD3985C78424C21E60F6BB46408013DFD7A30D320
+EAD9AC6E5FD36655AC6706666A76F1E426640C4B0BE692E4879991EA9EDF4596C0DDF43D4E370360
+D91E8B2839D368DA2A910AA6092337E2E20DEECF43D583CF164881079ED5A492B5EFCC1CAF91512E
+0FEA8140CA3E2553733D6F743728ACAC3E643394015967DAC8839D5A804503A45DBC539FB8656D75
+2F00EECF73E7EC8746CB13F438CAFD554C01150048F758573903B0B3260AEDD78BC2EE87D201E219
+486315A4C01D95DAAB54335A4F2CAFC3F43F12A9574CD2DECCBC1858406C701EE62C281A55B729DC
+EBBE74FDFF275A0A7B8B22C7490187D1839F4FF271723C140095F28221C4145C9061F9A5B3EDF8D2
+9E0DA04D9A8AF6ECD42DB897DD5C9318D636FAB698554BD9EF9B0902BFD8C96CB958773A3C4A5FCE
+8A334C673206C39277E45AB50DA2661F89D621AF057CF1A7ECDE344DC7658514B4C655937E7BE010
+B0694B069FF64D5582E3A4B7F6AF6C96D056ABB20CC883AB25A9BEABB18A84F0258CA3E4F33FFB77
+9841F5970DB447969FE9C6BFDB066ACBC040648D74F553EE434BADC353450A3792EEF9CFDB2FBCD6
+07153F2EF73C1BCCE3784609F26C80193BAEF766E7CC7C33A4CAB862E6E01FC1CDF11E2FBF25FE1D
+308CFF9CD924893861BABF78F762F3CADD3E0BEB38F6157CD08F1B8767606427C4A631AFC9488E6D
+4D1A8F4B51ED48582BCD3089BE037ECFF18DF6175EC317EA56D4FDE37288F089532C13F7B3C1EF7D
+333E7FAF8B49D95F535F60889CD7245E5CB0BEBFDAE8F7A0AC1AB7DA18F2BC06267B27403F1BAD9F
+DF5F13254E96C294C4568EC7154479570E514A55208D19A4538959F7C5B2A0C9CFE4B4A40300F248
+5943C6AAB753F3F0E551727B8DA8E75305A9CE623757B36FB7D34D13CB14EE561C404CDB2D88F375
+2BBFD9FDBCC92CF110D6C35629E3040D995CD25B90BED2CE79BBDC846EAA321B1BC46DFF7845380F
+BF08782D6A31EC7D41F251786FDE403A39626D6052D5189CFBB3DCFF09E81C09D0CE7D571F979509
+79B26AA4F6D07F97A33522306AD692D4D960CEF1CEA3D251A841E2A23C7AE3EA44B3F31E79808F22
+B6ED20DEE4186927394624E22D37E873B660BB8DE6FFAE058DD5817A3BBD68963D055D406F253701
+D940B5E58DAB01FDFF1C626D0D35E8E7995D37057DD07F6D4D45F152A141269A7FB81433652209B2
+B23D69BB5D8D367D95D4A94B2C2924FB83F50F651458CABCB65009912F00F485A924A61A0008DB44
+D478CAFDB7D9524204947703B822755A1301FE163A8248C8AED7073362D918D097597B24A3B579DF
+FE00F47776428D2B992E1F5FAD6190ADD1C789BB9A913BB1B938EDE357BB436F734477F7BF332E36
+7C380D049AED8687B4C2AB6EB813E719718C9CE62296C24F783B16E9635A7E4402840BD26D3A0DA5
+78050C49E6D8239EBE9E053719BE94CF6D8C7942AE1660F28B21B3C1E6E15459C1FEEA4FAAE64AA7
+165824F7B939E28E51009FB778E370C6001B3F546EBB76454912D730A3F8C7F6F9EC01B9F90A2E5E
+58EFF9EA99BE57A0154147C2B7A7C7E493E37C9BD0ECDEAD4AA4DBFF95D7E451246C9D4C30E71F4D
+76441A297A1223FD2F8E017B10C108B0F0F67385060E9C18133A6264AB2B445F6DBCE86CA803357D
+749244A6FFD8FF8AD37EBAF3787F3702764C5EE2CA7547D7A9FED5AECDD2064F7C767078579DE13C
+F135CB05561B15BD9803646611422353774984D386BAD640C5EED157569356A17BB6233EB298960B
+8E34209562AE170A08D15F3A29967DE067F6AD183BA1EB49A99F4899031A01410D7311BB9B7A984E
+BD6A303D44CF42B40F12769D44160583BCD68C68F823DDC0D73150083404B12AAA68E97206053C6D
+23FF0620231D3570A089520E928E980F56A273092DF94EB3A99FBFD877B58860231B2A761DC91A41
+A427778B06F07D4F78924FF986F837C1437B44EAD5E7C56B9CE9CCFC0F6ABDBFDBDE4A32E3FFF336
+7F7194DA20D038CC44C4413B2CAC15C05B22758569D1008EA057DCDCF4A324C924021B35B10ED632
+BBE921BE2E34795951DDA394FABF3EDCEB99B3CA15D6579559F0BBECF8DF6E6DAE427DF75657AEDC
+FE180A88DDA445A5A5E239B364B8884714B0ECE259F32F1742DBAC0BFA9A1052E2B14E632B56A474
+F2C9DCA9B5FD8D62A39227CA8C208DC69E5F543A745A913641950AE0DCCE02D20D374B652E2CC41B
+F0417F99C2EFCE1C23204261FD1BCED5A1E8AD4736C5F23E14482D766390B1C62A320F751CA13454
+8DBA0B08E4BA0A0CA5F6DC765F9520D15D895792BE580133B92EF3691B95331DC76A551C4AE9AB10
+24D7EFC4A02B5654057224C3433A2AD6859E3E4C40F8F0B089C846002C75ABD667C68606D7300B7D
+0569753AC074BE6943AD20018835A6EA28B99C983BE3BEA9B742A76F2D7A2A26B35664D24FFBF656
+EA28D525A78298C898C0BC2DDB56FA37151AF5A08B28226CE6BF09726C37F1B0BD39DB144CBB5494
+5DC48C374BA8716F6C9A4626C95B6993DB2CCD59A7430E3A3B2E6CCAB9A801760B8548C8447D129A
+01EDF187435162EC13A65C943CE9EA547C3694F88F9706AF29F5357EE59500EC080E7FB844E8021D
+907EE02C344DDCB78559AD7FDA31A3031D5CA80C004DBC04BE54B38752D49DFD19F1124C059ED68F
+6E85E1A3A848F98707D7413ED3DEEEA823D958CCE720B85303CF208AEBB9B799653EBE4DD16186CB
+F8C0301AAC6271EF9E2CF6732A6CB8548B7CAF2399287D6AEBD5ACC7C9D0DEB85BE38150072A0184
+51D3F1A8ECD784AF8149BF932E0422EDFC608B20B46D80D3EB68D746E1EF40423CD6FA218C9F569A
+3442B0E70A2D464DC59CAEBC9607333D7B8FB90349676207AACEEE5ACE8E0E9F9C5896751ED4DA00
+95D68C421D8754D665D3D58C682AAB1DD72EF9050894EB680110C3E7F02C3551D73C63CDE8B45E5C
+453BC9AC1FB3145CB6F0141B8E4928351FCE66F2A5AD534E5DD8BD901CEBFEB963DE2787095D7755
+81E588D3A165BD55B51F039992567B85FD3AE92C7526E33B44B8149E57BF7E57579E37611AA29DC5
+9EC94F583181201638BD4BBEEA23BB9EF067CFEC2E436D726F401EBA897480AEF7E38B9798C6CD42
+182C43B2BFCA7D8B6B696544F6B00C7B7D0D2C70D955304A4FC8D97E317C01113404129D480AF8E8
+EC0075A94859D5A79DF5F3FDC2EEF4F0BC1113D2C92DAB9859E9944DFAF557DF43AAF42B4FADE1BB
+F5AD6728F884F0D4E7671787F1A3500B00E62929147C72FED37CC222EE991630EC9AF614160872D1
+BF4666DF3B682373AB1CE36FB87C42597FF1F96D3D7B07DC8755C2304AE69B955FD2547D316E16C0
+458BEEAD37B904BC27DE764240E67A68ED5FB57BA1F9C7C4C8F2BFF745F3E6FC732FD5E37CC1DED3
+6EDE20B06FD832673AC78DFB7655D7358CA03332A18241D96BB0A45D16BF2A2B80D0A68C74C8DAB3
+F18936EF73085EEACA9B24B18EB7DFFA75C707C947E17736EB7B608C4AB90ABB53A53F44D8661485
+5D60E36CA31704053CC453F2A50B878AFCE0361EC30444F5D6009ACB5D9673E5536B11A02B659252
+A64923E738F494D6264824392234FCED4D66E0342D03189778D41AEFD907272A919AAF40066A304C
+6D7831F90B347CB8EACCAC6A726B40BE4671D6A0A591DC36A30ABBF91F9E780137D80EAD43BD49AF
+690A3789F39D3EBFEA9CC64B82D601B88805B6FDAC3C84C61638DFF1E391DC74FE4D08A0683BC5D4
+E6634F82F4DA357742764FFB2B8D264275F82052921F7647BD8709857BB1C98C205D13EE51C14E9A
+DAD1324562267D1931B5143A2ABD173C745B7272A6FECD532B5F189C8749DE0ECD3A6B1799C1834A
+414554EA6972309C48DAB44A9DC41D8B28361E89CCE4DE8AD6058469D2F603E7AA62631E80C01535
+539580E124A24E9387E3E0E58A63AFB29944207BE5929455A150AA58E27EC885CCF019CABE1B8769
+0AA7FD1F4166DF820A324FA0FE3B59F8B767BFE029A7E3ECED513A6CC622AA8CE96563219EE328CE
+BD649EE99E5F108FD57646926CBA30BE3AA8E00EB4CCA282AA35C0742410477E2E5771DAB74E4181
+D91DBCF25DF36BDBDFC5AB6C73A982A390416A23C8DA10655906878AF714C3478C8A0C7534F6022B
+80925A069F63834539B18D9CBE67844520A195019C15F8F858E91CC50DE001EDB52C89F06035473A
+022A718893BF7F6FC0B2E6CD4C1CB26E98C1A191EA5429BAE831F464971180F5EC2CC6E6F8F9EDB8
+2E2A7CA8C5656BFBDD618F7D31635A23C73F330EC76F4543C9795600F8EA45DF62BF4E071FFE3758
+2DADBF252F2A3EB399F61BEAE10BE0FEA537C272CE850026872F4BDFE5921245147B71DAFDC8EE88
+C509B6D8AC249557725FC5D14198A2DC889A4A9ED045870F767906A226826AC93FF1E09D75B4DF79
+8FD690C5146175EF2CBED8F03C9DEEBD95AABA69E98E25A98CC96820CF1C684F02E7739F525B12C2
+72613012143FC26919B800342903624AB29219E6266716E451C9D60A4FA010B8D26B56A4C91AE1C2
+ED778E35E66B49C4DE64021894C2B39E7C883518B06E04D198B7D056A24C3E65BC9E30BF2F73F2DE
+21E676A37E2AFD625220831F598E93BCBE098AD73FB6EA5CBD9D17EFBE6EE35FE4EE93BD3A75A2F7
+118EACBCCB82216DF70F56C2E82F77F072093824C6ADB800C66F0F26BF7AE513A490AC3DCF648DF8
+2E54567ECB9D6FE66E908748B7D5090910EC99EB9B222E92B058F3EF34A11918D6FCDDBE2B9C27D7
+DB19AD215E7B327689E0597963E6EC907A23A0EBFCDF86ACDC349CD8983EE83144B5B8489545AE2D
+ACCDC8E553FF4A1601F42CF82A90D571E36193BDF4A7893B2637DDC0C73EC0C21BDC4BE1D02BD257
+F4C240DD6AC53A321E13FD2EF4343B11B9C8152EC02EA6C4DBF7F66C9356647A948CA9E26672BD7F
+9B828FE109600B1638806DBB95DA6AD0F78050FB13AA580139C7198B1673D4AF9BB610A83A709D3B
+7D7B01AFFC0A740F03A5E2E3EB7AF145E3338D46D03A83FB82DD6487A52F9494A89717FB500A26AB
+C949C51FE25DEE8F78E199AA53EC1DDF9D767D8FDA77FA32F19200BDC539F00A23DEF166D97F0DF6
+64489D932D115523CED7460212BB35D887FC3507C2592ECF622FEA49AE2F04299A547ACEF75EB0C8
+8ABDFA7A042D5EE4C88D716B00E79C40173A3F7044546D093B988463623DC1649FC6CD645D01E102
+1AAD11911190D0B07C0A66AE7F9F9CDCD0D841A976A8298C26A0850FF4FD42EDECC37B97A19F7240
+3413098A81025E4451850EAF180299667A392B7D2E96C4068CE110CC3CE15C6E58CBB11CE21A3E9D
+FDC88ECF14A8F2D422E1CFCDDEA320DF5CAF93E6F9AFACBADCAEFBF542775D07EBF09A96F0162438
+62662AB782A464DC7A96BAC2B0F0F043E83690C3B24432F61293A1C5B3699605EEE8339AB079BA1B
+A7C65ED392B6E94FF817CC25AD32E89C95A0667F124F26B11AF5B45A9AEDE4F443429ED30130D7C4
+68C940A7C538ACBDEEF77BC084F8A24FD0060BB9CC12A710DB9DF03CD381FB6E76F79D3DE40DEA4D
+FEC56ECAADEAD68DF4492DBAE69EF1663E2CF90614871094BF6F0E1C9FA0EBB2D34923A19A557BE9
+54D914F35BA044FC800D822D88B5E70CAC27D6D56C66AD6CC3C7647DC679C8D3E1D39AA8282BCD27
+982428F5FAAB76EB16BCD26A1685C044E3C7B87B3A1685279DED690D76C0F1C52B76FD13C419165E
+754BDD7FEA75E26DFE2B916DD0CD40301CCC945683C8E1F49A03A0DCE1974A76B754BF04D36C2693
+969FE4C6C39D60D995738F1DE0ED6A7E0B80B40BC14B440B6B8F1085E83995E224BFF4EEC6F67EAB
+103B4BB6D21F9741932DFFBE85C0BA3D2AF925D670318D1157FACAE9C09B3AAB5B1FCFC889348207
+8D5A3F7787C699C420C9BF0883D3B8B3D7753E9A146175245CA9E2EE04FBE258B6E42334EF141A41
+D68ABA286864E72F0E4ADF41C1C96E60E69320E79211984A734392C870D72B8C236AD631672AB9F0
+FE48EF2611740799DF5B3339BD49697C4DFC0557C1022AAF15C24FDC54FBDEE2129EC70473A17EEF
+D202EE43A1B5C7B78A299B6EC8BC7595FDA6BD0BD22E025E8FFD89115448D99FD27BAEB680A22C59
+7295E33201199E9E1E38AF099926344D1B7CA626166CFFBA2F3D1C15AD63F0C6035A5B9BC5AD644B
+3D5636C2FF3B9403AFFC3AF0460B328C390D3B416C7880A0DFF10BF512BBB933081FAF4B2E06C093
+E80950F08BDEF07D56BD042433CB0A0C72E1F17692C9F5C7AA97C31AFEFA39233C62D5430F11DD31
+478E86A36A8AD3817B0AB397C8D6935960D905994ECD2AA8299D248AA274AE0FD1F1377F0443B37E
+67DE63151184DB5EDDB4DEB9CCAC76896BEBE32E30E0F3C2557429FBD4B85ADE7829428C5CC95CBE
+018C17BF38FE4B26B0AB736FEF35F6E3DACF0BEBB3B795D7982075B75D87324AC28D7E5B446F04F1
+0A001FF191A5FDD10B4729E57578FC42C26D473F22C70D5629AE05FC33E50A4EBA2C5D4D63B1D147
+9ED7B8FD7A0D824413D06437118C788543A21520653572608F9172CB1D1AC529280AADAEBB5A4E30
+AF99A58EDF2952BEEA29F366FB6FE7A804DFB1D116B73B45033E9E7E9767A9F41F2FAA76F97411D6
+420FB211B4BECF6C785FFEEBD90AB932E82EB0AEC7ABFA4A7AEE53E2482617576EB28BB2A3C7044E
+15F0B6521F3B073021C3CE55890951E041EFA38937F2C0683BAD1AF255CF3747AF2F0B8A92BBE44D
+88F7768D35B8F4EAEF0AADA3A42E26E3E3EC25E286C40808665B80C6265716DEEFAE3A86C9B54D34
+74285F3BA2946302A065B800EC7A9694B0B715BC86D3EEB649FAB8A47D170550D9213E8B8E9367CD
+FC8527955263AB2AA55FB7ADB7DA9A4E727E3E69D9C7946369CC078DD7751DCEA1C0601C57F4B5E4
+48BAD7F5F8A919632178C77B7B5F95E402DD808AD59EDC020D82399DBD3A9D9F3FD089B0909C171A
+940673E361F5728A89DB3E2CD0AE2009A6D64FD85ACEF62F8B42F009BBE11EA0AC14525C2ED72E03
+0DDF4F670D18B94C07C027509F281F7B59D854A5E46F4DC544BB320C427642D84B914A2E5043B1B6
+FC94802BE925FF260775F6D17A5C55C5A5D5931F88E3D7E8485D8026545CDED1DC96D1ED7E0088CA
+ECBFEB99F110A5CCDF7EF3B4190F3DA6ADCD5A46DB27C0F076B558667A1B9ED967363799307E77B0
+9859909B4E86A27639DF3A8C0B193502FD22C0298AE0398E7D33C3039D7878922AA9997C93F29655
+5F5D7BF3A34D46BA5592FE2DAC5A32DD9945852962457B81DE4B6B9050660EEE1A0D95785D824A5B
+DEABACAC8A8A90E7303093F0DFE57ACDF0EF2843DD7497B1B80AE7E883735D9BD689C84A61DE8127
+3E2DCA2F64B00B62F0FA3D3B5359241525434847763059927565F4D98CB8AD1842E31488E4C1DC58
+4BEEAFFE1D3E76AA2E6C81CE2DA9F00DD32841412695C8EE17EA60499E99B97D30C32DDB0B9E473C
+E65C259949129A4682DDE5DEAC0611464650236934D7C57D1EF7E8B5D9E5D7458F0FCA9795853710
+F37B5C24E39D7EE92B2D4066D533A662AE2B063B741559B24AACF24DAB6FB6786F639ABD8B34C7E7
+AF20E5FC999BA74AD93CD821B545C2531C506719605A64FC06DA8907550087A4599EFA621DDFEC17
+B904B6115BF94AAFDC56F3570065D75DADA1AB177F4C333A04A0119A89BD209DB0CDBC5DA0C8B99F
+EFF54B2F4FB4BF95AC573EBE6D5CC8110E6387365CCECA5630F5105C887DD5803DC1376986456634
+C3B3BBC235A72AF168CD5B350E0A8BBC303A2CFC37FF627F4697C0D19BEAE28FC3996E967CEAC4FC
+8D9D309E2FA65172E899285BAD3F8B45B38C9C2BCE94C31911079850A040C08789EE377B9E652A10
+01EE4F44420757358E183D48EED67C3008E6F05C3971C732B98ABC24271527B267D8B10735CB1FBE
+773E33FA51B5B472E402676E3590C7BE28BFFDE77AC34544718A20833C9891A176AA3A62D686E072
+7AB2150A1E77FAD5012D0299593B0222CA38CED2B9953B1E5893F176132F1197609D04F2F1D647B6
+F44B2EB0AD94211733F226B570E9D963AF9A6DF04FDFA26C0BDF31EDC41DA521F9D0090A9FA5DD13
+B9D977329F6412815A8C52C3290DD42EDBD312592DACBE0BFDEA209F389DE8E4B5D8ED51B46F1557
+C2B50098C2262D3DB298E12C0AC3E03B82CD2807CE04E109ADD00EB181D701E4BC3622DE8A86E977
+3D6C4AEB830F3283BCCEA663AFAB740B546C3577E9182EFE660AB380F0504590CEEC89313A608A29
+9F9DFFE22DA6296EA3E39857D7229885C78F097E7E7845E6C908A0570D4ED0AE320DFADB7AF87E5D
+F85AFCD1B271B672813C0A0E2EFBAC5275807ACD3A2F09EAB95DE6F571E3F3C827FB3EA9DE89DEB5
+4B8B14770305B23EDE569571D0BB8BAF4811E12A0DD5BA4809818D2FE088DC1CD4BE72EECB36C819
+AC25B41BADFA27D5839D548CEED7DD18F5F2BF69EFCAC0ECD4FD942995E930C147E1A7AD93628180
+E62F20F3779824324C5A1C35ECEF68DE30BF5DFDB5DDEBF66CBC459B2C7FBCF0ADC0274D137BE67E
+B22FA117C85CF7D52BBBB4CA5F9A6F73AFC23BF2E23B4B1EEACD33DAA3187F1D104843876EB44322
+67EDDDED02B6A507D13E3B9F012FCB8C9F0D14D951415BCFB20B3211B5B9860B0C6826BE597F2F9C
+94DA2788E65107C5CC77CE1265E33DDE9378AF9019E7E68522997470A52088253FDCA09AF9F071C2
+988CEBDB46B7F7C8D08B5467A1B3FA0EFC552C5E20D4B9D565AFEF9B520FA2F544E802EB8E8E0C76
+21FF63F4A5C0C59F94E9E1731D8F3C80C772805DE264C7501E705BB21EC37A1379BEF8B8A9E50EB5
+6FE9CF9C10C9D25CBDC68124D2133B2DB6348175537EF872CCB8B1787330A5ACFEA87E2BE6615DFE
+442EC74BBED30021A0437ED3E9DBA6EC49A824F0374B446271DE6E1B16AC74816F6216BAB7329725
+8CFBA83C178F5EC009C57404391898BCC3314411F129F12D68218AB6D0BCCE2E5AA9AA1D5FEE1E2F
+0AFAA4BCC3D226C5512B456CA8F28DE54858F18DE2B30AB4FA02840859988BDE7ECECB4EB0002523
+C6EC40BAC2E7ABC411329F803DE2DCE1EEB354E4E6771E4328ADEE4E713AD248BF4F91108C52B169
+140F33D5C56F1EA2240E7E182C060187E29020139C373B4A6CC4D2156F7C15590D3C07C98535853F
+4DF901EA9F2C66510C190D9456EE037DCDAA428D433CC2231B2B627CE2B5304B6A4630576BC48984
+66D7A8BB75D53ECA10C74D434A4E50B1A706ED6C7BA274A9CAD5D929B9BB8A631825A9C32A8F468D
+578507DF2291DEAB6338ECC92CE8664D4B1C211A4CCE186679B6C71ACD5655B97ED8E552B09C1C85
+387749406C549057DEFC059CC85639203160B8FF05A48F7D5C4F452B111891846A521674C0E2734D
+50B8C7E7B5D9F438C58DB139A6509DE3495388E0D7AD24F64FE73707C7BFB8CB06FA0E0C41346B98
+220E007E28515428C1874AC996819F16CB152C16F89CCDB3F9C83070AD90337F1823AC0A48B72749
+C6C29A8FDE1EC2E76B0D29FF711891EC81D0ED0B3349E9FDC413047731D70C33E57D2C4B637C8FCA
+B027CADCB3E11F94F61CF3A56E4D90E8550F456BB90638DB6118229C9B74C9533508F343C0EB422F
+87627EFB562C7730E1A804E3E4DC80FC0F199CE210045ECB1E3313C3364F78A500A8ACBFCAE0F7D6
+56FDC8B1BB95262A32ED7562A62EE5CF989235D1E641D726F34D215242D44A946662EE94E765A3C8
+75557732FB4DE1CC2699202802D4A5D99C621478C1C6D583FEE8CBDAF54C73C8C17BC73F1B414EEA
+BD901409B83E98D62749F9E742FCA7C632C176D323E72FAB241D143950B87AFCA5B7B75936FC6638
+1FD0E537C30D744E970A08636D27AE7A277F3838BEB7D1BF821F331D483FCEE4EF9FF98F350B5B3E
+CF2D6A5BBE95862FD5DEA6D3A5322DE6723B5201FF81EB1D1BC5BD0F77CC1737837655BE23E0662E
+AFDAB16BC0635F40DA516BEBA8128C414D6EB5F5AF5F98B8C0129606FCF536181E7A8ECA563BBFDF
+0AC65F1932F1DF20DDD6739F7B1EFEFFE282FB6DF35222E8148FB5968BC7E40A582D7B146E374270
+D3D014849E898E91997288BE44220B6B6E431B7AE3F2F7C5BF3E3444F5088F9F42B7F676EA14671B
+C70A84B77BC275E82516040F7B9DDC582C0FE335852A83C31BE3B3F716F17253AE57372D14951A2B
+58F69C2DF7B93052823311E4208A72C10D0625869BC5F3808D231E86CD259824D7E6C7669013CC55
+B61E4C20C0041C35BBD7F1C291EE7A3CAE016A8C90C56F22C515375252FC3E188B80940816EA5117
+88A2FC7AEEEEDAB9E0A33F2C82D886F9BE029BFA1348DAD16874751460DC149CAB5189D061E7C804
+1939D80A03BB529E3580A235F8C37EE25C503BECB9C31CB91904BFF4460837A1165A7474C83B5773
+5945BE04F3FAC3381310E4BEF8D8D4A7343B75D23BEFC58060C48BCEB52566A021C197ADCE5FA025
+1AD31CF2F90CF6A72122C38FEEACE6BE36176B1A990DBC42A33F0BC0090799C2F6C8AE6990725562
+B07725B3DD15C9011205C28700DF82AE4F00F9842DDEA3BB5C15D3A4CDCD18E692427505D7B24CEB
+40CD7AE0D81A4C83A0F9ED579F924FCB19D9D017E60C6500CC64572E0161EBA57EBC11A5932F24FE
+9F1AF444B3C657AD162BD39682D23D6355EF5D84440A124138CEAC85C926BDF484AD7B976D9A44AC
+6015C25354DCD72A889474F31B8BD3CB7371B95A9729FF0E46EA3644477AA4C11FF5913D917B7742
+065F0593482B6E6EEC9EE63633A6A963819F3E6A2920136B17C982353F1F071B3D585DD24B22DE9E
+EFB2B34F776DA85F85E9E107D16960AD67046476ADEC509FCFC64E8AAA6427935FC231C817A21C71
+6DCCE088EA4186DFF0A3A7A1C367615B8E7462DA176C9F9EA893DD04E29DFBF88679991AAB79A172
+48C06E2BCF3B91C108E09331FB57D94BE85EDCC66DA8225FF4B38E12F8563398E62622EBD2EAB098
+691EDED4D5D7AFC360AD6F263C043DAF483DA05CF70DD8BA8F96D2A5A87043DFACFBBBB3F8A378E2
+A896897DD48D8B13888A023AE6AD778DE5FA991907E731E5C5B0A3DABDC360D77CC71C59C34506C6
+39C21BA9FF7A9CF322C21B457D62F20448BA19CB765C4C0AE7CAD9A972F60ED60A21C92AB665537F
+EAC8738AF8A27D3946F759162731F62C0A657CED40C66B8A9941EC2559074279CE0F6E10BE3F44C1
+D517E10D85EDA6BB6D097F4DF55A3DB7D50679675A781FA1FFFD6F1A8349B2870C8114A05F5F7645
+3B38446D57ED63FF8731661F0FEA79033E4C8B5CFA29CEC43355780C5E2EE86CCD449577EBDC0140
+47AA5CEC980CEA8200867212DDDAC234BEFC9FDFFDB43DD32F44883EC6F2963D4D28171E19E144FE
+1BE2B8FCE99016691A00E4EA594F94E973E899D14DC44486BA6B4278DCB292FA5C7E6D73068A3BA5
+1557C3F072547E7F2F869D4E9AC03514276EBDB0920FA04E67E2934A250B1A502A8D06A25037CE59
+920D0E136C02D5DDEE2EDBE31A38BA32C4122AF89F295ADDF579FBFC72391283DC1914E9322A63E9
+44A280ABE7CEFA54ED2EF42B79FA97EF21EE83EF20CE34850FB66C378EC7C08B2BAB924F58FB8123
+FEFB43A385BC1EB922AD8360750FC1B0D8A303AD19286308B7A39A5086A50A8FDF7D60188342A9F6
+42286540945790524174800F8C44ED71306ACC3437FB49D8FC43FBF8E88103A76B4A92D95DB9B45A
+FA067E31EAEFE6BC818D11D7CB8566BAB418B596A7494FC7326AB3CC029D010917B305CE585B194B
+C5415088BC7AC7852A6D52EABD223E2634DCB29080217F6755B023C591F08C7E5D72267664136639
+9766EDF511FA744675D473AB37BED0ABD92E04049AA9008014C5EEC1B0443C6C86302CF6A3C38BDC
+B8D9E0538E349BD930707DFB002700B5EB427192AD6105E01B8C2FE488CF617E9EACE73EFE3BAFD0
+F87CB57E02AD31627E6439188006655D6B992B393F4858254C2106FE9A3F0EF7347347C66C94A999
+D49527A2A177EE20A08BF594FF1E08CB091D22A8C1569320EB5145FE4A2674151750620B5EEC822F
+A48C5F8B565DE0E18AD05F99827FF24D3BE03B007774F25284844D0F1F8F95643646960F303A831D
+4C2C4ED9E0664C1D705137C157671D62179B47FA4A6441DAE99C2F7C8765C4C931EF345CD8F92D11
+E290B2FDEB1B0FAB4BA661A4511F75768808AC1DF2FE79BC285B976D364ED25C64EDEE62E8E035A4
+B79344D55B1E7E2B43AF1CF94ABFC8D0CA5E89240EEA231464449B831F1B3F9EF01AD07B38F0B402
+712A0346892A1DBBBCDBCC827220CE7F492CD7471FAD35B43E71CA14F1F1A9CEA740C4E1A98337B1
+5EB97B10AD57DAA9E9ED134CBB4614321D548C6A71D8ED95900E7947A7E4331D7DF3EF367F6DE8F3
+113A7DDBEA0F741F9C189B8B586B83671475A492AAF9994D884FEF3A646ED4F272668DDDB05EA230
+399223AE63088D636AE6AC7CE2DA06CA6AADE9272FECE86D0EEA8290B927B17450DA6F34A3D566E2
+096300CD8D5A34139489228ECFEB104714FF907A6E1D3DE35BC0FCCF45A2781AFC5562CCDB627E06
+F23DDBEBD4212F36C332C4A5A9498032213DA7C3FD03FC4832D1F2AC9EFEE3B840BF8356A16E14CE
+989C37E6234CAC7A215DAE7C4DE2E2B6D9A876F709422113B503556A4BBD0ADC107B6B639F1BAC9C
+6FAC7F4092D23C04EB8684C9D0A5F184160CB660CF6E8672ABE1AFA596EA86890DD22D0A406B2118
+9BB626943F378227132475A25710B75E5B3BB2ED7DC0412A0A079E2AC311ED55AD8E7B2A1A55FC84
+E62D61398511B70877F3DDDFEE5D033A9ACB66899021951378EAFB9E9A799AC9686FBC2E9E9B3A51
+6DA9DECFDE87FA4BC042A5D26C2117E29AEE8840B18361B7B38B21493401E931B431EAB1A3371628
+EF13BE5A0C64A3B9F8B6A29D209884706D2A9AC85B86E3839706269366EC7E53F31BA4219F741E55
+21E42F0A10B7B29E839B924AD90861FDFE3A3D446D1E32C06E66A5D7187A63E590000D1356718648
+7C99BC31088356C9ED29BD80C61E442B81E15657AB191E90EE77A6804C762C45D3C1937EA17454CB
+D76D781A0C96A0914B9DE3D3984BAF6075D3A25AC69BEB34CC413D26C39824B83F853DF864C269F6
+8443970933FEF93208BAE4DB3BBE90DD3CABF6EAAD2F6CE664CFA05999FB1CC406A3502DAA6C8145
+3C69CD218B18BF0B9654FC3637EBAB8007A2EEA6ABDD11FB338E89FEC84B344857804D028F849E44
+5982E294384A442390AD36D7C4182EDD7A05BE6744FCBD3BBE6FAF4796063CF42499F2DEC302AEA7
+B64FEF6DD74F278FB5C2897CFBB87FE03538B2739E25EDEB806142E0030F7413018EC1833840BF37
+269E21DDFF67B8059BDC83DE9C6461F3EC2BC2224D2585AFA2AABEFE7D3B2A899C3E08F00AF2A707
+55C145C6BFFAC8F96B54EE682C3C8CE01BB44EB574E1C721974F236E8A2AA28DF0A4AD285EC4DE58
+DBD3A2FAC8A20173AE84CBF877559ECCEC64D9448F8CA0FE5272BEA6543738D5EDD54B73AED3C4CD
+172F91C4F70616B36D37B1252D355820DA88536C829B1542C1EF4F76375360E7123525744F55001E
+71F5AB1E5B39A5248CCC6789647F1FAE5E989A8A8ECAA2A9116ED69DC9B9AC25A743F70AC4B62D72
+5F120D94431528EF8C74611F7529BE325AF84663989C219B70274584D1EC4485E11AEFFE4A29F534
+6912577C010FC753DB47204BFD9E504027B335EEBD952FD299E5562407234C5DBF0B839D1010AE10
+5D56766F87910E44AC7968842833A302882AB481FE0AD444911F7EB8555DBB9F3D062E9E9FF3B529
+4E9A3B3AED4AECE34C816BE7FBCDAEBA33FDC491C725F13801A6BE162F7F8E99491E8BF77F2D2010
+D9FDD78BA2606A28810CB5D88CE00218D49609C62E96BBD36110DD611C3573EA341FD2AF6FE0C932
+58565D4A6C88CDA3951E287168A478F5EE074BAA9676EF5911D8EDF8D66A7E8F3BED1BB786F480F4
+423C3D3CDED2E80AB76CF5CE5A53B092A44FE52806D8EA72033BD3E7BCF1DA9C870108F32D8987FC
+25E7D873985C3C4882A5CDFE7A8B51F3754842FD6F1FF6235DBB88F04989BB2F2816A476B513C10F
+AB6F81CF115EF5044D3366A4E192EF68D385B6B6F4BDA7D14D9627F40843035CA80DE49F9DB52CD8
+714F769DF97F73E3152E8DE34D8C37163D485750F8F4E37AE8A3C3BF54D97BC3B2978985B557F9E2
+9F0537CB743EBFA0B7864BBEA9C126F13C02CECFDA50A8019F90900F409B6D700CBB9EEE18FD1952
+D496DBFDBAC800FB83B37C705367F182D91B21C7F6C242D8735A75343C84DBFFE583337DE2A95890
+660584B513C5BEB7A0926BCA7B7DC3ED4D080CC3F1264A4215ACD35DCC62D896B4354F2F7254444A
+7235E0E3D53D02583710DBFF2CD55AE5E61D25ED1B3C3B6708E5BB308A3D658F043C26B881C949C1
+0940AF6BDFD2DB0D544DE119BC7F7B03451E61FE18845000D350AD6D04A09D8E3E999E6DAC6AB73F
+818A11EAD345EAED03BA083A6EEE7E9CA8CFB760FCBC88B8DBE0887F79AB430913604F15272F9C73
+DAD19D591B40CB7863414A8FAB21C41F80A4BB0A3AFD9D4B1322487429149470DE62F305906F1244
+2AE20521BE034F159A7E7EA211A2FC6193AF59CBDD4B43207BCDE8697DD515459F80F8EDB982C97C
+05ED3996E03891DD7EEAD505F6A71A924CC1CEF29053ABC8F0B5F56D0DA1249F317406822C225863
+ECEED46BE0072EDDFDF5F63DC8E94FC119087A66E394A653D5AC774407B006B35C406E7EE4385565
+78290F8CB8B131B88BD78CB87A11CDA44C5A199BC71388A81F2F30E2C003094E793969673E8D0906
+1F4A3FAB9B14C52EC89BACA1C52703F000A967EEC445E5423D3BCB9253D91AA64BB26727C8461FA7
+FF61022B4C6A9E793901D3407487B4962A16B564CAC93D7AA28A22C28318F69770E12DF9D6CFFF17
+09EE0604890191217696AA52630231FE11153761310A72D60E6925AD6B9D63A66047F32B9425C91E
+57505CFFE42A90185451297C2CAD408B0CA4F8E923EC26A3D5D66448550AFA3CE3BE9296C8149878
+F853F2A7C3B2E98899C8F9B47B1405F96D2B22E9F1CD62A2945AB62F67AB0297982809A829826BC0
+F24A7777508EE0A71BA7588663D8118E3BAC936A61FF4A628EE96C0B9AE05072A5A4307E68EF2C3E
+97A46EB31A2A7D4A33CE9C44E1111D73D9D3C6A0F22F50D8C22153C2CBB5BE187C0F2F37708237D6
+FEBC445843CF88F4C3A249B39DC971CA003A78028F8A2CB3BFBD2C26CFE457A9561350AF93E60295
+D21E1C2024312B1F2F76F2EAEB822CA72412F860F5A87DF705C2F82E681AB9AF45A19023E02538B6
+9E0F273BB4811F07D153029BF988D3EB66358D987895B96B5EC4C24F3409C1EE1B5978B1EC8F3E2E
+75FDF2BEDB0AF0CC66481FA98ADBA8DF4D8C8EB800F88C7776BACEE6F61095FC2CA891574F309E1C
+0C27E37D8B03472DB3FB8D6668E286501118F7DADBF1106687AEC6DC4C162D22E3BD0BD42DBED782
+BA4707ED5181DAA9ACED58FB358DA0AA9B63AB4394D42360C3F5082A6F168CF41D381073A1D99CA3
+3BD97F62446D62059BF4A8616A8809147B739400362748EDCF39FFD2BF2C16D4632C06A5D43B48D5
+0D0B98E4449B4F1D39659DCCE8AC72A2E8F32487FF8686E550299F37A6353A8E558D4A8B074C2F5B
+864DBC8FA3391E3B5135FC738E4C13868D67234489B6AE382792FD5214D5F9E5249AD65C433C22A4
+D63FA7A36A48A339F443AB39C23D2025741186C8B18AAE9952D41E25E930D6905B29F85A4589E9D3
+95FF040E3F72FBF29650D4DA2B6FA27F60DAC4169DC9764021F4E7E094FA25F6B5AF25602C593266
+ADED528EAE6C967E66F0BA05F258E34CF6AA5488D3F7406C2AA9D9FD9C533E827F26862D348B5223
+A690E40953F337352C8245F1861A19E5326490F2A9742917B5546884E8036DE0874363F812CF6FF9
+574DFD5BA77A1DD7C5778B2B9A2E22F2482744E2CE9323E590C60FF02412CC7AB0EC30D0EC857D27
+A4E3D8B35FD69FE28287B2160AC0BCF645A0654403D26B05041654B17D82928044BBAC40871BC3FD
+D8EFC3207928BDE5D66926ED199017B223AAEBA563F2723AFFAB737F6482DD269F44ECCA3B32FA03
+FFCE3ED882B449BEE196F59E6616EF1A2F08B42B1A184727D5BD96DF83972BE1B5F8CF098F61B84A
+B5BBCBF231E099CFC07D4748D43F129D123FD8051628564931E43A70BC09BF20AE2C0ABB009014AF
+89753F91ACB574C5A218A47A02DA3AE44D3F688F9D96076AED9EDE7388B2935C01FD400BA7EC9574
+96E317C6931E3ED7078A53CB4CEE4E56311F4D8A368AE981606AD7E9DB0EA2A10E079476D9881596
+8C9675D9CF15E29B9328600FECCC02B484D8749B4154D69CF90997AD650D881735AA71289AE93FB5
+8C56686C1F9FB0E696CC0285A1A870373E5DCAC285A1B4FE903CC30B8ACAD2E4613873ED77D813D2
+9FA4984A7530F5B046A71011D97CDE4BAE9648AD54537A1D87A5AF1B92560DD7064F3EDD3CCFA7A4
+FBD6166D067945F103C13B3019540C3FE706804A7A00E1D28A0C26A40AC5A8845E39631A00099CE9
+88C3F12C8954EA84BF268D99E2E13726BF9C63474A5FC874CBF723BD48A5461177789E11B4F1CC63
+0FF4D60DE4F01422C1029E664782232A8BEFC38CD058135C79E015A55BA933AD8D446A81051D956E
+429779863DBA60F4258DFC62D1DC3CC3862C5D310579417FEF4D7642ACBA8BA5284DC5833F581150
+ACF91709D6B3A41395960197AB43E63B8C6C2F745DEB4647E298341F3E3023D7DA22509340E28140
+97A0C193493711E60C5DA99C464D8DFC83A61291BD0E13AB6A42C81253C0F1B37E71E7706BF2D662
+76C60A3A7DECCC58E56524A200F8C6C0512FAD2FEB51F5C24109E284FADFFD8484A7A053E8EA544F
+AFC1C7BA21E4824866090E542B8BB0BE603060A36D8A8CD64EC92D6037B438EA6A7F3A23E9608F29
+02E8DB10F2854D89E2CE6F093E6804299305BFF3D1601C2830F793B92CC2542A6CB0E9DA602E00FF
+DEF234702D0DEFCD270F2984642F13B818F65BD407B61227A94AB11E7ACE8D40849808AB3A7E6EFE
+B2D4F3B9FCD233B8497B35299DF28F651B0B2960B4545BF2C05952229EB1CF676DA761995413051E
+885A529957538A8B2C6BBDCEDB2A3F4104004B880624C2F55B544EEE8DD29231386492598C2BE995
+6E7BA78FA75FAEBED43807FAF072839BAA02333D38BF4A59B1F3ACEA5C7BC188C0BE8A8BCF2069BB
+E36BDB2203EAC19D249C4ACFBF8F9717111B7F4637D631D058EAE0CD4E4E8A9F0ACE1BE19B3A241C
+9C6DCE2513690473D8F4A59E1A7FCC926885CC324086981FE0C6AADB8F48116822C59B1E93F53829
+77CC88B82FEEDD2B4CC6095691FFA1419D5A6850D3576C4E705C676850D0BCAB84D52791355DCC7D
+70A7F5CF603B4D0D7F0CF4F25AEF44F21A2D627D45D306DE0BE1C794AB90DD1EECAB2D61A115D3D4
+AFAD1914E808B16BC868FD48208E1F915B0E8ECFD59AA5895CD7ACF95E0DCE87DD8B12F683C8EFD9
+625CD388337C262013626A06ED60556FA70A8D425D36B48E430758AB4CAD34A656F457A60E4DF933
+07C4D5B2698501E6D1F270CFF70E47DE38A5FCA2B04D7BEC3A2945EB93C49F1D366835581B42F43C
+C99D71F13F45A9FF8D12E26C43E1B994BE5AB44E5309B0F936D78C93169D666DDE6D18E33A5E016F
+32278897FD7E76BAFE39498C6A849F4A6D882D109C40B42488059554CC95530FBBAB2591DCFADED7
+3EE5F2F2BBF17F4A131B8126F9E0AEB4B379CEE4EAD92A1BB29E3789EC19671E77558B4DE961629F
+28B49DB4D8FAAF541D23205844EAA801FEA468D26F32BF9CAC30BCA244246A55F600BFBB61C5E8C4
+10CA07319DD094770DFFC1CB700DF67097F61C46036353C8AB3A5E5198445A194BF189E20490E970
+7D2C03C1A003BC782A66841AE5DDEED2297BB6DD019C98A66A8F279748DA39C85CE2082D09210EAF
+CA995591A1A3DCA52EFC9A752DAE0CFB125127DA2932AAAAD7E9850AD78D48304260B4C270EFF12B
+160DEF2C2B8E30E8C137975AD20046F37A72F1355F31D878334D96313D330C24EE7350D4042AAE2F
+A345EDCEB133121D4B39645B1D6114D0597C3301B4CA56DA2B4A457D7A51BD13B7AC61FE6E1CD451
+6253F606FD4B57E9F4895CAC93691EEBC2AC992CC5D122DD3FC6A9EC8FD337CD402F03F901CE7986
+2F4F4E4500617DA0F913E357BED3ED04F49FD61FD1C66606CB231C3B7A5042C7C07EAB2E02BE8CF6
+AEE5E16B4AB725B5FB5D01EAD4887E365BC2ACA579BD80E0AA686E4A08DFFC70F99132353E3D5898
+5205807271753BA3DB7264C4567DF5FE999514F28E1DD6D3E966D8810978B140F8DD9BB259078A47
+013BCF247C37F543C0899B532F34843CA56F18F688B42A12DDE2A90CA457860540B6FA138F753DAB
+E7331188ED6F535480FBFE934F68EFB1C9C16D4F11EDB35F944EAE63751101928EDD0E7AFE64D7C8
+5E9CAFCBA88450DEF9122A245FC1ECCF9EF8DD94EE6A70CF16ECAB39B52597AB1E8C47B6DA4FF0DE
+C7D0FABC84DDCC8C652DD7C941DB3FDCC5F0542A8F433AF9FDF4D393E123884E1DD5D359D46DAC61
+0694020BAE84B3BD4C068E3BC871BE21DA13571BB61387E207926769236776B5B31A4A462902966C
+DC3D92BE171F10EF8395D2402F0C492A3FE55979CB903CFF2CD2319CE4B46481489E798A131635CB
+2E70147193FE3C8F4570FD01BE10E004B17341C4DB8B029BCBBC45D31227A684E5F38F5D6F0821C3
+ED13D31DBCFF51BD759C84A98145FC86D82F871D2D83F43C3DD7FE9A064120338A7BC63A2C60667E
+25B50EA1C267174B334F4437856295A6B826F54C3EA9ED39CA6909A0F6D9669F1E75A7A05CFBE7B4
+2C330668E311872177F0BE3A9B3EAE611EB48721AAC2F10C3CCD897CEA8A136E5E10C2337BC5EEB2
+FBC1A3646A6B6792CA3946BA5D4D135D929547042A2F0D0A202A4D86E3F7098C823E7AE4331CEC6B
+607F6AA434180B4153F6B10DCC914A92D6D0934551BC9DDB3C78065B2177B264216AF5524D798AE6
+2A90D00A70CB36C5B9950499163C2C1B04339FA76D28E03A4D0C80FCF7BF29B8A188C67EAB6A4BE7
+8C07713C7EE09043301B5BFD60222DD0D0943180AFB286D2953A8A12661986A4812E2C0DE5B3E703
+DAB34AF0E9306A5711D286AD09A3C6AB80841491BD0E5A1D1ABE1D600CB494BC17EC4F74B45870F6
+AC41EFE16BB6C87F382DFA4B2B8DDC9C2E912FD139A2FFD5C92D836F3D749EEB985C62A376849751
+A6AC56B1F679A85FDAD9448DC7A4CFE323AFB540408547C53297DB6FE9A0B08901BC285997934A2A
+1772090FBA175CF4660764B87A21A738519D5B619840D15F45DF3589E8B80A6DDF1F395B65345869
+58C7060DC131700DFF6E25962494583085E6F8BAEA557A5666E6634E4704D0C07BB0A2EB228A7BEF
+EB890B4EEC638303B8005BCCE922CF3A7AE627206F2946A142B0095FF960BB8B8F9C975B6FF07479
+2D5C3DFA125B7BE7A8356D8B44E264AF6AA582DB84BA09D2FFDC2213903FE8FE16DE5EF61E518DE0
+6A29D98E217038A4CA4D219E4F114858CA493AEF0CD6495A7C5EF1ADA06AB543051B1A5213952D46
+648BE06D15B1728768BB853CE32943AB0988D172227780CE82D1A1D297D0D6ECC51B290E156645B6
+9BD54699940AB17EBE10EDF258BBA6BFEA39F4F0B066FF6B3FA16C7C72F2565CC028F249BAA4B488
+B48A2513DCC5D1E205FB874BCFE45612DF4EDAF815CDD53CBB80842B429B1AFA32D35EA58E17F4E7
+252C2C9A737AAECFC25FD8CA5520D3EA38AF71C61B88F31FB53A7F5369305D63495ADABA455C3C4C
+35D9FE423A00CFBB278CD482D3FD33BEEAC1F359AD9B6AA17D60CC46FAB670ABFB3B2B4161B9EB9D
+949A06CC3B734F63DE821FE0B8EA065B6F79C0601E46E8CEB6E2DE0C052771E0EC7012063F1AC46C
+3FC454767469225AA266784DD77256C6FDE25D7D857FCEF2562AEBE38A9A47063AEF91449723E680
+B36D824BB95BE95C9802F7AD4DF1AF37B4777A1E116A7EEF770F0A499BC9F9675A775503091D4EBD
+F55118782E3E54AEBC67A0545E8D75BA5A482C6CEC50595D45AF041664689AA4338C1428870CDC15
+BFEEF788C1D1E87B3389103225E2619120B129FDF048DF3F5DDAFF1CE87428E6BFA591B91D82720C
+E4A72FBB952403435248657ECD5456CA814FA0ECBE70BC3D391AEA0A195AE8FBE92D054AD0F3E549
+841ACDCE59DCAA9DAC20348A1D05DF7B4127C75F4C6607EF8501F741CBC96AD8D429A4CA8034CA52
+9AB673EE706F1FF51DD93F45802031EEBF8F3AD29D2A74888B1CB344F88ACEB9B4DEA13ECAE0A3B7
+1FF5CAA38D0DC484B96E90251D56732B85DB8A8DBF10E0A5921121CFDFDB6EA9CA45B98584401C3F
+346BD026DA2A17E75CEEB74E48667F9BF5C538623E88021F0C24EC7D082C3E1FFDE5A6F68F0F3F6D
+2B61547C4C14614118F7942851B090D6C8D80BA06D9139CB5AEB0EF77DEF2376C0BF602FB1083178
+27E86DDCC00622438FD7A268C0252CA2E20DA887A9D5ED251FD5CCE811E514D702206E413DEE7528
+3A6AEF793F5E3E3B0B10E59226102DF2A7347A95B96E39C6B6ABD1FB4B7CDC0813D7390E2819EE50
+7E5458E06D43CC3BF16E40CEC4E64909615CBFCD233B5D316BC8B8B46243CDB7F2FBECA2F208D0A7
+985048E88A5E685A9EE8C3A351FFCFB522C1EE41A8E4EF0A080C0D110D2A0D8A980AF1F604D1CD52
+3CF41D08A45EB809AF11F530C138F256FFD49BC20F77005D004AC85FD563E8E8BA5F79CC60FDE714
+1416F4C14FFF281ECE2BE1D167B7B1ECE17790454F795B056CE4DF1D08F25F0E5E2A16CFA066AF97
+F3A80015068FA2A1D65F329A5CF7856114A77EE7295C7929CA27796D8C51B31347CBC7C4EEF1E75D
+12237C558BE5B65DCAA4CDDCB419E543B1785DF8B225C2E9778839123E6F85E53D925C6D2FC0327A
+EF9CA13D1F2F9B3E510A1A4190D3057227621788AFB6567132238BE86559BCA006B85AFBB8AFE5D7
+A8CE58AF731F2550108C6B8CD63632184B1E218F01881CB94CEBFFC310F263565A39C83C874AE474
+AA213F7DD9CB3B8446A3E47E81BACF7B16E4A80899BF2D30C28F9DE0678DF364589DA6A454398E30
+21A92AD1D8B0DC494D96A06C7568E34547F0E68829E5D15F6500ECD7403B40B5CC2A479D0F8CE3E8
+709861608AED046339BE055BAED1A6BD2311CF918E74378D893710D42A769671326E947F108A38C2
+3F92EF5C6A50EFE36E858671F17151C719B9C7D60E8E429F088616D616080DC676760BE83A3F5229
+6C4B13CA3818E3FEB56D51DB5979F28063F7D537C15493D57CAA1E55438C01C794336D9F21520484
+FE5B5BAEAD7121E3CCC5086E2F2191DBEE9527CA61CE85CC0A4D99EA29169B17A10B3D4372EA493D
+48CF572E570CF48B3B7512268A9AC4CC161F97695D19412C36F1D67522E272B1C18B6122A355B43C
+37636E71462503C43C1AEF5ACE34A6442075B59892BA54E9B5A99B9733BAF64161450F8ECF4FB2B2
+DA6F9AAEBC827CD9AEF94BB463935C26E1DD5DDCA5BA87E0EFB62D9D3226DC28427EC097B68C9EE1
+E47D125F884F8656C8AD55D625A8F7F1A306383A5036A12E63B6FAC4A215AC88725611EBA74B6770
+B20F45356879DB807E9C9105D14C83104B2DCB4F274A2F37152425935B3F2D1633E4444540F7411B
+24C17055850C9528D912F9DD40984CA1B3BE277F82198BC99B80233B8AAB674A44B42B9123E886B7
+B3161D48B4AA24970BB75A983569690BFD4B92E6ECB410DDCA14A3BF59057397FF1AF159BE230216
+FF2F7009C3A3DDD81F2BD1F5C10C2C2F30A8095D7371427AC9D527AC6794CF8593303F786F21CCBE
+36DFBE01B0ADD78DB3C9483D9DB09A9E2577A3A4296E7BD09C41F5C91B29C9D7E69EF06B5BDB66E0
+853C3DB133769BC8858121A350CADC1D61C77C1A313833D077938AB2E10EF970590256479B1549B0
+401A9C5E97F12A269A305B372F0EFC035B06AE3E2187D6E3A62DE3B4E8075F0ECF5BE32A5B97A4AC
+23A7335C4AB29917129C08250DBD1D5BC123C92E821BBB1A7598E32DDDF1876C6FBB7B858FD317D7
+6022955595338AAD2BFB3B17DA11380E7473A5F566C6329E0F38D9A67E68FD4B8CFCC82FC0BD7BA3
+9A25D5BD0952CC71CF0BD7B5EE184A8E62FBB366D95AB051BC3A80E9F6C27EC100E00C4A002291B0
+4D758A9683657FCB07A2AA8B07DF585CD4205B4DC55330E8A2A367CBE966E84618ACFCAAF81C8A9D
+3A3165FE5A623720A0C11CBDD5CA200100DD2C970A09B124D98987D6A2CA7CBB40DA5B585B86FCB3
+8E96F54C64A921D7A5D2F805C67339DC4FC026FB2EE533BB9700F66F4AD58949B3DB75D770C4D7C5
+C23DC720D78124A7ABF30CDFF10C708219903431C7B1A19317341CEA22AA11A588F8AF9BFA4AAC40
+31EF22F13BA597BD1E5958CEA741274197113CB0B7975424C17F73733ED30BDC0170CD0084BB7DC1
+8F031BEF2A6C44D0EA0EBB84E31D5B4C50B63DF0AF96AAF33E3C986D4B82D161E2F9049DE9710EF8
+A11BA0E08266A3547F20567E582EDB47633772D37FCCD119AF5B11F338098F185D5B055975F56092
+CC6979FF49487D69E08A4E8754FD51D29410F56E0F3EFB9C3B86253B3B0A39E9D217604F664CC696
+634D216524F976D066034DDE8EDF5E8F9644337C50C7D8E2230B38E0EE88C53DEEDB3363477E32CB
+88B3ACB6931B9717FC93F8D1A9DDDA3A7D8A56783F2B651A1DE216493C34DCD17A7635D21CEC0770
+751424B599B00CE950E60D8A8B3444F1629220DF073137E2ADE1B6243C1C69BD5E10450B948BFCBA
+46A841B98BCE7C86E120789C73C87E581868021E68F78CB903AA6D494331174CBF944221DEA9E567
+A2542BD399C5E471D972FAB7E8950AEFF3D91A1296E685B0BFF91367C2703DCAB10AB236DE603E3E
+993C4C9020EEBFE89726AB9FB92AF9D371D7188448CAB9FD2704506C39F0842E36EB8B9AAFB1F26F
+CD366E66725AD28B19FA57537757EC71B04B451F056C3AEBFA04D1C0CABC9492B6B8D239EEC36776
+D6B515ED43A66AB4342BE4C8B2027F2D008EA231A24B472DA8352A05DDEE31CBC3577E5814DD2D4E
+C17A216A7C8FFB27012346C9ED12F7819B96A5B135B6196E888C9AC73D7D4B7DC370E2FBFA17FD74
+0BF516CFF69294493900BFD63721A537BEFB31C5262567103F9CEA4E8DB02964B983E1AF190ECCEF
+41F552C45E9B94E29AE3F129687EC35719F591C1987A08DCED3B822344DF81A70AE78E14A81EF1A1
+A77FD5D19F7D35B7C12A473EE11C655E15DC5D3C94F226CBDA85377338BFCEA18359176CA7EED622
+84F9015F2D592E27F1037C95570CFDCA3B9B90D35DB8C341434BBF04C0E692D4C2C3F59EF386CD1C
+5A8C783198EBE42C89E3B64C662F7875325982E9299C18DBD1FD2257DD964F9F9DDEEBFE56E4AE9E
+8163E8C58581BFD5818BF396CCDE3A66F58E17BDD262D63E5D9AE0D0E43C304CCAC4776B87D40F6B
+5AD7E625B2065FAABA81AAF2E2D32E0ACAB12DB2A9FE9C6160FBA7DE5AF019810AD9C64B2E6567B0
+F0108E8EDEC635F4BA88BDEBD3561CDBBB9063B4D19C493E0CA4F551255A7DF6BCE96C17A5DD4877
+7F654F4F114CF29ECDB9779F63EECDC04E1FA06E48701547A8F96483B4195C0DE90B0FD1B95B5F12
+5C43BB973D0B6414A994595359289B5FFEE4A08D684C2E7E3F417585581318D54DF2EEAE7CF36E2C
+A1A70EA76154B88C1E4FFDF5EBC28ABE264B40583F2DE1F761DC25DF242396AE502CC63EFD6EE284
+DB37B0DF36A8833ED3EA5A1DB372C8E1F3203E6E945A53D83B87250CD72C851F68A602E7BCF92DDC
+E600D518069F8900F3BCA434D21694229572D55F307E0FAFA3DAEA864BAA19F227097963CE83882D
+22FB7F1AA3FE558A3669BB7FA37C0A591B4BF3E2A2FF85BFEDE5E424E0AE337EABDFD67BBF38E160
+09A687D2E7C1882DB79304D722EACA233EFA489B10E8D4D404D12A5A4683FDE377A9A952CCAB257E
+ABB408D75FF130206DC3447F26E74D1D00354313E340878917177DBD2AA5A2A70E2087D551DA5181
+6FAD07F6E826DB0BF21560BB26906D3100E12AA3801D4A8BDCBF1A0A8D58F1054EE2A0DB04ADDF3F
+EAF1FD6E322BBEE274A4995EFFEAAD0F24D9FB45730F6BA0F42D88BE4AEBE9777F8AF508DED61024
+EF955B26ACEC51AF5C21BAD7AD93CC0C9DBE03C0FE9637A3099E5EF329051C87FFF70042D788F21F
+4DE645FEBF58374F7E38A9AFE3DE4D2888DD807A09169DA8516DFE37591C122A4798343C1A8121C7
+430F244EE5B19A21897A4423E21CE0492E75C9320E37BD65F1EACA7FC6FE032842E4D985E666E633
+AE5CC62B3449404672B284EA5C6A01E927787104ECCE1354D1C0E5AA2452B7B12937B946B74EFA98
+8C5C79EEE5ACDCFC994CAA853AFA08EB9E180C5E898FDDF8903EB0863E98A4FA537207C154CE5B98
+EF4E97FB6A1CBB07C45D34221EED26998EC864475D231FF76E830A7C0900C4B5FCB980E3F67F4EAE
+3DD8086CFA1874E65C424646C7A8F84272DAB04A5984FCE3F4B89380B3A5C6F04EA3B683CC224913
+9209136336AC9349AA89690B5DE0D93E92F996BA7E346B043EBD45A35FA297DB70E9A6250B138674
+FDDFA609BE11EBA8106EEE3923B4E2657CF7A82443C25022A5DED862E8E3A5BFA7B8AC1C1B804B23
+C08A7D8FE594140E8432C1A5E183FE361B6B8C763054458798B756A6CD2535FF4667C634DF78AFBC
+C87D40DCD56FFFA12CFC6EDC6A8AF41AF657E0137320624F1895D9AA84AABAC5F3653E977B054C52
+92B06FEAAAC0E5C7FD45B6654D0D9CCDF292A8489E1E6CD929F0AF25B9604CE33BD25662133CEE99
+CDBBD00F865431193767480700CA019D694B38D695CC29F732B5B39B6CE654F1AA18AC3223B60E55
+3FC3C3E114E6A2E59617BFD58AD8E429200B59E035DB7D67C8DC6C72001D005924670ECF7A06FF5F
+7B3DD5556DDDE1BE5163F7CD6FC969033EBBAD85856522ECA91F2A200A75BDDA69070240D86C2D7D
+959F1DBE45D488A96F308269E8262327A410D057446F596418DF4A12267A7A3FF5ADEA0846896D3A
+EFE3D5C72387F7EEEE809BCCD23D1126B86C45A0F66404FAF617D03379A2E44865051E92B4C835F7
+21492147DE3DCCE47EAD192D3F10A5DD459634D6C253F4D09DD98E7DDC836EED8DE08A78A6F6FB93
+84565CF6DA8D4C948144272D5F8787643B9B550F96E42A8CFC0F1C1F2B14D83201199E9E1F5BC0E6
+51E39E16A744930F4409C61CDF9F456C7EAC5C62BD22CE0DDCCDF3755DC670FDC8FEBF09F241BF95
+1A1694BD70B9695A15653F719DF4374AFC6C27F58DD144253BDF86FC1BB3D4FEAEEB9196BCEC7168
+AF1488AB7072751FA24C6642B87DCADF4B2427631E7D7FA39D126410189CD8E24CF0A490FDC7045A
+A9A83D02CAB57B9C27211FE1805080FBCEF23B86CDB19885A574C589BDB15C4CB3651FA3D2D6B619
+4449B16D927047E376A84F9423562CD548D192AD0A57E0D5B41010D1C7D87929DB6F456B0A073DF9
+A8220BEB3D4DA01518B5C85C82ABCC821BEEC1965283DABF6AF3AC55ABDDAEF1B53E6119DBB4A114
+44FB1769F9891B5DC931ADFEC8ECEFFA179427FCB08C1B149EDA70717C5E9322F3CE9405438481F3
+90968A38061EDAA2223147D6143877E4C4E645EC0A9803A933116D610491FDC639DF69B418156772
+E14A428864982D3230EFFAA1D2D3388B0F70D8FE202CDD6CB0E97B3290ECCF4A1A69D93C11D3D735
+FF0B5A9A161A86CA4F16B7C231B8BF71D5083697B2F24C0BDAA6E83E5DD2222DA248D4ED3B5509CC
+7CA40D8D5A2507A1D40FC1AE9486343CA2B2C65B6CED9B1F4C0535ADF7BECCE45E1DB74C7417B06D
+897C6ECDD05F068857D931B3D960103628675BE2FB82DA774ED3786670D8C2BA4ECC36C203C7F7E0
+9C97A09E3B2E2C3EC30B53A8825519B664D09F149AB73F183A4A22C8F20E2052F76649AB881BA28C
+6C3C3950EA9B3961F87F6AEFF24DD7B4E10DE28C15DCB27F593F98CBC9CDE19360C5531B2A0C6DC1
+8FAE2832AF49BF9522C068F3036516F711AADEE496EE4E3EFA2F55EA4891DEC6D8A868E0B0017076
+3040CA4D42A73A71057DFE315FF8625BBD74F41E5CA77B7DF096C2F4F0D51B1184CA9F2C8517FCB3
+956C44873D630E94EAA1D2D1451B332770172B2D7A21ECAC864C612235C0B39ADF55EF074F2073FA
+D3B54A66B07AEA1FB495A9F7269BD1C07692B0B762DA6881EE6B265ACED0BF0794C0397F8D8B13FF
+275BE77561067E2C1FA536131184682BFD32384C6488012D29E8E55838E5A5AA7C40C20AB6B03BFD
+BF4EFD2001A612100D585BAC1C77C1CB1ADAF2B000E09686091AB7D1AB6ADE395A03580BD78E961D
+14D052E7D4A61227534B55FACAFC4E8F9326DE35BA53A463F7D94B705698300771185DB19E78FABC
+D0AE4FCE005B79C795B692F2D9C00B6A61D4B343C35E417BBA169EE82A2E4AE204A126B08A94191C
+6E5B5E8328A147BD6ED5A5AD5C9143A50C47789DCFA699720336AFFBD6B1646D8C35139B0DC34340
+C76C7E4FD72DABF80BF64BA04742D07B380E20A678EBCB19057F2346FEC653F1302992279DCCD2E8
+902B2B8F78435AF3400DAE319E94E3148BA88C056701D524DD67FF368C85EC6366F31689A62FFC03
+4BE436588ECBB8B41E8C43112F3B65F50D20A5EC51A26FE899E74731B01C7771F75B76070DC0B223
+1845BE9C09670E65C4DF54C0FB36511B735251AEEBD13FDC0FCFC3134D8DA826E4100521CFEAB202
+B83267EB3F69AEEA25FDE1E9C86407E38AB4CA2D1B91607EFC96DDC5BB10FCD46DEAA5FFED196959
+12302ED55DFACFDC6F22C1528AE3A9902B75F46A489352C87B0F5056FD149DDE67219A3C3D1DD875
+BAD81AD443E0F90DC79D979E10B4262DD20B255B04BBBE5C988B23667135CC61D988928F5F07753A
+C76807203942F6B62A178A1E5CBBFBBAEBE735D09B747BF00C360F2E2B6C9F2261F7DB018EDF40B1
+3DB4B7962D4D2F858E1FA6376F21ED9CEA4BEE07FFE27F136BF60352AFB71CDBFF7E65F6B4624E16
+C6E5AB7FF60B4711A178FEE691DD8D362B14175A69070FBC5B9EB15248E4DFDA3C9453335D0E1EB2
+7714E4624C7215A73B53402B02CF7AA05A14CE1E5AE161B75F218BF0EE1215D3CD925D5ACB7DBD2E
+BD8E4405433F432C491999794C814D5B384B7A1C0AB28A11CBD0A6EA12678508CF86232309B0BBF7
+EEA929FB7951F5A6B367C5AC57DD7D3B3C1E2188DD4664D14FBC32B1A1EB53D7EE7F55F4D5C2D014
+528EBB7F0E595F7618721451EE6B83EB240A6C4D33377893D4EF542F47EB2845A09759D5554C74DC
+5E9109FFC8C929CF1AC446D8149957720EE4FB670D3CA61378549DB992126B23618CF49361D6D4B1
+C73C3D37E4A4465ABB349CFA34E9351D1192E366267EDF02DE432ABC80792B0CFD41FFD0AAA42E63
+3F5B2177A351D33477C636CA573CB02C07F7F7A41C9F1BC4C112BD6459DD130757D2BD6F47495C3F
+92E99522871DAC2865
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+cleartomark{restore}if
+
+%%EndFont
+%%EndResource
+9.72 /Mathematica2 Msf
+0 9 m
+(\310) N
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+2.25 9 m
+(q) N
+9.72 /Mathematica2 Msf
+7.5 9 m
+(\310) N
+9.72 /Mathematica1 Msf
+12 9 m
+(=) N
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+p
+20.25 9 m
+(0) N
+P
+p
+24.75 9 m
+(.) N
+P
+p
+27 9 m
+(0) N
+P
+p
+31.5 9 m
+(2) N
+P
+P
+[1 0 0 1 0 0 ]  concat
+1 w
+[ ] 0 setdash
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+P
+P
+[1 0 0 1 -118.485 -136.705 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+p
+np 181 96 m
+181 112 L
+219 112 L
+219 96 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 181.505 96.904 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.505 -1.904 m
+-1.505 16.096 L
+38.495 16.096 L
+38.495 -1.904 L
+cp
+clip np
+p
+np 0.495 0.0956 m
+0.495 13.096 L
+37.495 13.096 L
+37.495 0.0956 L
+cp
+clip np
+[1 0 0 1 0 0 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.505 -0.904 m
+-1.505 15.096 L
+38.495 15.096 L
+38.495 -0.904 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+9.72 /Mathematica2 Msf
+0 9 m
+(\310) N
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+2.25 9 m
+(q) N
+9.72 /Mathematica2 Msf
+7.5 9 m
+(\310) N
+9.72 /Mathematica1 Msf
+12 9 m
+(=) N
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+p
+20.25 9 m
+(0) N
+P
+p
+24.75 9 m
+(.) N
+P
+p
+27 9 m
+(0) N
+P
+p
+31.5 9 m
+(5) N
+P
+P
+[1 0 0 1 0 0 ]  concat
+1 w
+[ ] 0 setdash
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+P
+P
+[1 0 0 1 -181.505 -96.904 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+p
+np 267 3 m
+267 19 L
+305 19 L
+305 3 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 267.864 4.035 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.864 -2.035 m
+-1.864 15.965 L
+38.136 15.965 L
+38.136 -2.035 L
+cp
+clip np
+p
+np 0.136 -0.0353 m
+0.136 12.965 L
+36.136 12.965 L
+36.136 -0.0353 L
+cp
+clip np
+[1 0 0 1 0 0 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.864 -1.035 m
+-1.864 14.965 L
+38.136 14.965 L
+38.136 -1.035 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+9.72 /Mathematica2 Msf
+0 9 m
+(\310) N
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+2.25 9 m
+(q) N
+9.72 /Mathematica2 Msf
+7.5 9 m
+(\310) N
+9.72 /Mathematica1 Msf
+12 9 m
+(=) N
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+p
+20.25 9 m
+(0) N
+P
+p
+24.75 9 m
+(.) N
+P
+p
+27 9 m
+(0) N
+P
+p
+31.5 9 m
+(7) N
+P
+P
+[1 0 0 1 0 0 ]  concat
+1 w
+[ ] 0 setdash
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+P
+P
+[1 0 0 1 -267.864 -4.035 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+p
+np 295 86 m
+295 102 L
+328 102 L
+328 86 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 295.617 86.954 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.617 -1.954 m
+-1.617 16.046 L
+33.383 16.046 L
+33.383 -1.954 L
+cp
+clip np
+p
+np 0.383 0.0458 m
+0.383 13.046 L
+32.383 13.046 L
+32.383 0.0458 L
+cp
+clip np
+[1 0 0 1 0 0 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.617 -0.954 m
+-1.617 15.046 L
+33.383 15.046 L
+33.383 -0.954 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+9.72 /Mathematica2 Msf
+0 9 m
+(\310) N
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+2.25 9 m
+(q) N
+9.72 /Mathematica2 Msf
+7.5 9 m
+(\310) N
+9.72 /Mathematica1 Msf
+12 9 m
+(=) N
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+p
+20.25 9 m
+(0) N
+P
+p
+24.75 9 m
+(.) N
+P
+p
+27 9 m
+(1) N
+P
+P
+[1 0 0 1 0 0 ]  concat
+1 w
+[ ] 0 setdash
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+P
+P
+[1 0 0 1 -295.617 -86.954 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+P
+P
+P
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+%Trailer
+%EOF
diff --git a/services/clsi/test/acceptance/fixtures/examples/epstopdf/main.tex b/services/clsi/test/acceptance/fixtures/examples/epstopdf/main.tex
new file mode 100644
index 0000000..c35a378
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/epstopdf/main.tex
@@ -0,0 +1,10 @@
+\documentclass{article}
+
+\usepackage{graphicx}
+\usepackage{epstopdf}
+
+\begin{document}
+
+\includegraphics[width=\textwidth]{image}
+
+\end{document}
diff --git a/services/clsi/test/acceptance/fixtures/examples/epstopdf/output.pdf b/services/clsi/test/acceptance/fixtures/examples/epstopdf/output.pdf
new file mode 100644
index 0000000..74641a9
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/epstopdf/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/epstopdf/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/epstopdf/output.pdfxref
new file mode 100644
index 0000000..f6f11e1
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/epstopdf/output.pdfxref
@@ -0,0 +1,30 @@
+1/0: uncompressed; offset = 31354
+2/0: uncompressed; offset = 31614
+3/0: uncompressed; offset = 15
+4/0: uncompressed; offset = 216
+5/0: uncompressed; offset = 727
+6/0: uncompressed; offset = 777
+7/0: uncompressed; offset = 909
+8/0: uncompressed; offset = 1017
+9/0: uncompressed; offset = 19127
+10/0: uncompressed; offset = 19313
+11/0: uncompressed; offset = 19557
+12/0: uncompressed; offset = 19948
+13/0: uncompressed; offset = 20677
+14/0: uncompressed; offset = 23321
+15/0: uncompressed; offset = 30318
+16/0: compressed; stream = 15, index = 0
+17/0: compressed; stream = 15, index = 1
+18/0: compressed; stream = 15, index = 2
+19/0: compressed; stream = 15, index = 3
+20/0: compressed; stream = 15, index = 4
+21/0: compressed; stream = 15, index = 5
+22/0: compressed; stream = 15, index = 6
+23/0: compressed; stream = 15, index = 7
+24/0: compressed; stream = 15, index = 8
+25/0: compressed; stream = 15, index = 9
+26/0: compressed; stream = 15, index = 10
+27/0: compressed; stream = 15, index = 11
+28/0: compressed; stream = 15, index = 12
+29/0: compressed; stream = 15, index = 13
+30/0: compressed; stream = 15, index = 14
diff --git a/services/clsi/test/acceptance/fixtures/examples/feynmf/main.tex b/services/clsi/test/acceptance/fixtures/examples/feynmf/main.tex
new file mode 100644
index 0000000..c36ed70
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/feynmf/main.tex
@@ -0,0 +1,28 @@
+\documentclass[a4paper]{article}
+\usepackage{feynmf}
+
+\begin{document}
+
+\setlength{\unitlength}{1mm}
+
+\begin{fmffile}{diagram}
+
+\begin{center}
+\begin{fmfgraph*}(41,17)
+\fmfleftn{i}{2}
+\fmfrightn{o}{2}
+\fmflabel{$g_2$}{i1}
+\fmflabel{$g_1$}{i2}
+\fmflabel{$p_2$}{o1}
+\fmflabel{$p_1$}{o2}
+\fmf{quark}{i1,v1}
+\fmf{quark}{i2,v1}
+\fmfblob{.35w}{v1}
+\fmf{quark}{v1,o1}
+\fmf{quark}{v1,o2}
+\end{fmfgraph*}
+\end{center}
+
+\end{fmffile}
+
+\end{document}
\ No newline at end of file
diff --git a/services/clsi/test/acceptance/fixtures/examples/feynmf/output.pdf b/services/clsi/test/acceptance/fixtures/examples/feynmf/output.pdf
new file mode 100644
index 0000000..60b36ad
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/feynmf/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/feynmf/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/feynmf/output.pdfxref
new file mode 100644
index 0000000..2aa923d
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/feynmf/output.pdfxref
@@ -0,0 +1,28 @@
+1/0: uncompressed; offset = 27064
+2/0: uncompressed; offset = 27312
+3/0: uncompressed; offset = 15
+4/0: uncompressed; offset = 216
+5/0: uncompressed; offset = 713
+6/0: uncompressed; offset = 763
+7/0: uncompressed; offset = 892
+8/0: uncompressed; offset = 1007
+9/0: uncompressed; offset = 1235
+10/0: uncompressed; offset = 4832
+11/0: uncompressed; offset = 12199
+12/0: uncompressed; offset = 19196
+13/0: uncompressed; offset = 26341
+14/0: compressed; stream = 13, index = 0
+15/0: compressed; stream = 13, index = 1
+16/0: compressed; stream = 13, index = 2
+17/0: compressed; stream = 13, index = 3
+18/0: compressed; stream = 13, index = 4
+19/0: compressed; stream = 13, index = 5
+20/0: compressed; stream = 13, index = 6
+21/0: compressed; stream = 13, index = 7
+22/0: compressed; stream = 13, index = 8
+23/0: compressed; stream = 13, index = 9
+24/0: compressed; stream = 13, index = 10
+25/0: compressed; stream = 13, index = 11
+26/0: compressed; stream = 13, index = 12
+27/0: compressed; stream = 13, index = 13
+28/0: compressed; stream = 13, index = 14
diff --git a/services/clsi/test/acceptance/fixtures/examples/feynmp/main.tex b/services/clsi/test/acceptance/fixtures/examples/feynmp/main.tex
new file mode 100644
index 0000000..6027bf9
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/feynmp/main.tex
@@ -0,0 +1,28 @@
+\documentclass[a4paper]{article}
+\usepackage{feynmp}
+
+\begin{document}
+
+\setlength{\unitlength}{1mm}
+
+\begin{fmffile}{diagram}
+
+\begin{center}
+\begin{fmfgraph*}(41,17)
+\fmfleftn{i}{2}
+\fmfrightn{o}{2}
+\fmflabel{$g_2$}{i1}
+\fmflabel{$g_1$}{i2}
+\fmflabel{$p_2$}{o1}
+\fmflabel{$p_1$}{o2}
+\fmf{quark}{i1,v1}
+\fmf{quark}{i2,v1}
+\fmfblob{.35w}{v1}
+\fmf{quark}{v1,o1}
+\fmf{quark}{v1,o2}
+\end{fmfgraph*}
+\end{center}
+
+\end{fmffile}
+
+\end{document}
\ No newline at end of file
diff --git a/services/clsi/test/acceptance/fixtures/examples/feynmp/options.json b/services/clsi/test/acceptance/fixtures/examples/feynmp/options.json
new file mode 100644
index 0000000..a280541
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/feynmp/options.json
@@ -0,0 +1,3 @@
+{
+	"compiler": "latex"
+}
diff --git a/services/clsi/test/acceptance/fixtures/examples/feynmp/output.pdf b/services/clsi/test/acceptance/fixtures/examples/feynmp/output.pdf
new file mode 100644
index 0000000..03c76e9
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/feynmp/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/feynmp/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/feynmp/output.pdfxref
new file mode 100644
index 0000000..c4ef625
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/feynmp/output.pdfxref
@@ -0,0 +1,20 @@
+1/0: uncompressed; offset = 4964
+2/0: uncompressed; offset = 5023
+3/0: uncompressed; offset = 5234
+4/0: uncompressed; offset = 15
+5/0: uncompressed; offset = 734
+6/0: uncompressed; offset = 799
+7/0: uncompressed; offset = 933
+8/0: uncompressed; offset = 1104
+9/0: uncompressed; offset = 1947
+10/0: uncompressed; offset = 1992
+11/0: uncompressed; offset = 2182
+12/0: uncompressed; offset = 2427
+13/0: uncompressed; offset = 2597
+14/0: uncompressed; offset = 2822
+15/0: uncompressed; offset = 2989
+16/0: uncompressed; offset = 3239
+17/0: uncompressed; offset = 3271
+18/0: uncompressed; offset = 3328
+19/0: uncompressed; offset = 3740
+20/0: uncompressed; offset = 4270
diff --git a/services/clsi/test/acceptance/fixtures/examples/fontawesome/main.tex b/services/clsi/test/acceptance/fixtures/examples/fontawesome/main.tex
new file mode 100644
index 0000000..42bfa8e
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/fontawesome/main.tex
@@ -0,0 +1,12 @@
+\documentclass{article}
+\usepackage{fontawesome}
+
+\begin{document}
+Cloud \faCloud
+
+Cog \faCog
+
+Database \faDatabase
+
+Leaf \faLeaf
+\end{document}
diff --git a/services/clsi/test/acceptance/fixtures/examples/fontawesome/output.pdf b/services/clsi/test/acceptance/fixtures/examples/fontawesome/output.pdf
new file mode 100644
index 0000000..da0df0a
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/fontawesome/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/fontawesome/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/fontawesome/output.pdfxref
new file mode 100644
index 0000000..96eb1a0
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/fontawesome/output.pdfxref
@@ -0,0 +1,23 @@
+1/0: uncompressed; offset = 31058
+2/0: uncompressed; offset = 31307
+3/0: uncompressed; offset = 15
+4/0: uncompressed; offset = 216
+5/0: uncompressed; offset = 678
+6/0: uncompressed; offset = 728
+7/0: uncompressed; offset = 855
+8/0: uncompressed; offset = 970
+9/0: uncompressed; offset = 1203
+10/0: uncompressed; offset = 18852
+11/0: uncompressed; offset = 30165
+12/0: compressed; stream = 11, index = 0
+13/0: compressed; stream = 11, index = 1
+14/0: compressed; stream = 11, index = 2
+15/0: compressed; stream = 11, index = 3
+16/0: compressed; stream = 11, index = 4
+17/0: compressed; stream = 11, index = 5
+18/0: compressed; stream = 11, index = 6
+19/0: compressed; stream = 11, index = 7
+20/0: compressed; stream = 11, index = 8
+21/0: compressed; stream = 11, index = 9
+22/0: compressed; stream = 11, index = 10
+23/0: compressed; stream = 11, index = 11
diff --git a/services/clsi/test/acceptance/fixtures/examples/fontawesome_xelatex/main.tex b/services/clsi/test/acceptance/fixtures/examples/fontawesome_xelatex/main.tex
new file mode 100644
index 0000000..5158b67
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/fontawesome_xelatex/main.tex
@@ -0,0 +1,16 @@
+\documentclass{article}
+\usepackage{fontspec}
+\defaultfontfeatures{Extension = .otf} % this is needed because
+                                       % fontawesome package loads by
+                                       % font name only
+\usepackage{fontawesome}
+
+\begin{document}
+Cloud \faCloud
+
+Cog \faCog
+
+Database \faDatabase
+
+Leaf \faLeaf
+\end{document}
diff --git a/services/clsi/test/acceptance/fixtures/examples/fontawesome_xelatex/options.json b/services/clsi/test/acceptance/fixtures/examples/fontawesome_xelatex/options.json
new file mode 100644
index 0000000..a2e0c09
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/fontawesome_xelatex/options.json
@@ -0,0 +1,3 @@
+{
+	"compiler": "xelatex"
+}
diff --git a/services/clsi/test/acceptance/fixtures/examples/fontawesome_xelatex/output.pdf b/services/clsi/test/acceptance/fixtures/examples/fontawesome_xelatex/output.pdf
new file mode 100644
index 0000000..e329b97
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/fontawesome_xelatex/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/fontawesome_xelatex/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/fontawesome_xelatex/output.pdfxref
new file mode 100644
index 0000000..d5c979d
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/fontawesome_xelatex/output.pdfxref
@@ -0,0 +1,26 @@
+1/0: uncompressed; offset = 6344
+2/0: uncompressed; offset = 15
+3/0: uncompressed; offset = 216
+4/0: uncompressed; offset = 707
+5/0: uncompressed; offset = 757
+6/0: uncompressed; offset = 887
+7/0: uncompressed; offset = 990
+8/0: uncompressed; offset = 1257
+9/0: uncompressed; offset = 1679
+10/0: uncompressed; offset = 2052
+11/0: uncompressed; offset = 4249
+12/0: uncompressed; offset = 4343
+13/0: uncompressed; offset = 5387
+14/0: uncompressed; offset = 5481
+15/0: uncompressed; offset = 5519
+16/0: compressed; stream = 15, index = 0
+17/0: compressed; stream = 15, index = 1
+18/0: compressed; stream = 15, index = 2
+19/0: compressed; stream = 15, index = 3
+20/0: compressed; stream = 15, index = 4
+21/0: compressed; stream = 15, index = 5
+22/0: compressed; stream = 15, index = 6
+23/0: compressed; stream = 15, index = 7
+24/0: compressed; stream = 15, index = 8
+25/0: compressed; stream = 15, index = 9
+26/0: compressed; stream = 15, index = 10
diff --git a/services/clsi/test/acceptance/fixtures/examples/glossaries/main.tex b/services/clsi/test/acceptance/fixtures/examples/glossaries/main.tex
new file mode 100644
index 0000000..336f708
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/glossaries/main.tex
@@ -0,0 +1,17 @@
+\documentclass{article}
+
+\usepackage{glossaries}
+\makeglossaries
+
+\newglossaryentry{Physics}{
+  name=Physics,
+  description={is the study of stuff}
+}
+
+\begin{document}
+
+To solve various problems in \Gls{Physics} it can useful to express any arbitrary piecewise-smooth function as a Fourier Series composed of multiple sine and cosine funcions.
+
+\printglossaries
+
+\end{document}
diff --git a/services/clsi/test/acceptance/fixtures/examples/glossaries/output.glg b/services/clsi/test/acceptance/fixtures/examples/glossaries/output.glg
new file mode 100644
index 0000000..6bae571
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/glossaries/output.glg
@@ -0,0 +1,7 @@
+This is makeindex, version 2.15 [TeX Live 2011] (kpathsea + Thai support).
+Scanning style file ./output.ist...........................done (27 attributes redefined, 0 ignored).
+Scanning input file output.glo....done (1 entries accepted, 0 rejected).
+Sorting entries...done (0 comparisons).
+Generating output file output.gls....done (6 lines written, 0 warnings).
+Output written in output.gls.
+Transcript written in output.glg.
diff --git a/services/clsi/test/acceptance/fixtures/examples/glossaries/output.glo b/services/clsi/test/acceptance/fixtures/examples/glossaries/output.glo
new file mode 100644
index 0000000..0b6f71e
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/glossaries/output.glo
@@ -0,0 +1 @@
+\glossaryentry{Physics?\glossaryentryfield{Physics}{\glsnamefont{Physics}}{is the study of stuff}{\relax }|setentrycounter[]{page}\glsnumberformat}{1}
diff --git a/services/clsi/test/acceptance/fixtures/examples/glossaries/output.gls b/services/clsi/test/acceptance/fixtures/examples/glossaries/output.gls
new file mode 100644
index 0000000..128261a
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/glossaries/output.gls
@@ -0,0 +1,6 @@
+\glossarysection[\glossarytoctitle]{\glossarytitle}\glossarypreamble
+\begin{theglossary}\glossaryheader
+\glsgroupheading{P}\relax \glsresetentrylist %
+\glossaryentryfield{Physics}{\glsnamefont{Physics}}{is the study of stuff}{\relax }{\glossaryentrynumbers{\relax 
+		\setentrycounter[]{page}\glsnumberformat{1}}}%
+\end{theglossary}\glossarypostamble
diff --git a/services/clsi/test/acceptance/fixtures/examples/glossaries/output.ist b/services/clsi/test/acceptance/fixtures/examples/glossaries/output.ist
new file mode 100644
index 0000000..1861f24
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/glossaries/output.ist
@@ -0,0 +1,29 @@
+% makeindex style file created by the glossaries package
+% for document 'output' on 2013-7-28
+actual '?'
+encap '|'
+level '!'
+quote '"'
+keyword "\\glossaryentry"
+preamble "\\glossarysection[\\glossarytoctitle]{\\glossarytitle}\\glossarypreamble\n\\begin{theglossary}\\glossaryheader\n"
+postamble "\%\n\\end{theglossary}\\glossarypostamble\n"
+group_skip "\\glsgroupskip\n"
+item_0 "\%\n"
+item_1 "\%\n"
+item_2 "\%\n"
+item_01 "\%\n"
+item_x1 "\\relax \\glsresetentrylist\n"
+item_12 "\%\n"
+item_x2 "\\relax \\glsresetentrylist\n"
+delim_0 "\{\\glossaryentrynumbers\{\\relax "
+delim_1 "\{\\glossaryentrynumbers\{\\relax "
+delim_2 "\{\\glossaryentrynumbers\{\\relax "
+delim_t "\}\}"
+delim_n "\\delimN "
+delim_r "\\delimR "
+headings_flag 1
+heading_prefix "\\glsgroupheading\{"
+heading_suffix "\}\\relax \\glsresetentrylist "
+symhead_positive "glssymbols"
+numhead_positive "glsnumbers"
+page_compositor "."
diff --git a/services/clsi/test/acceptance/fixtures/examples/glossaries/output.pdf b/services/clsi/test/acceptance/fixtures/examples/glossaries/output.pdf
new file mode 100644
index 0000000..23a0614
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/glossaries/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/glossaries/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/glossaries/output.pdfxref
new file mode 100644
index 0000000..cbbbeb0
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/glossaries/output.pdfxref
@@ -0,0 +1,23 @@
+1/0: uncompressed; offset = 34767
+2/0: uncompressed; offset = 35015
+3/0: uncompressed; offset = 15
+4/0: uncompressed; offset = 216
+5/0: uncompressed; offset = 678
+6/0: uncompressed; offset = 728
+7/0: uncompressed; offset = 856
+8/0: uncompressed; offset = 971
+9/0: uncompressed; offset = 1394
+10/0: uncompressed; offset = 10990
+11/0: uncompressed; offset = 19087
+12/0: uncompressed; offset = 33769
+13/0: compressed; stream = 12, index = 0
+14/0: compressed; stream = 12, index = 1
+15/0: compressed; stream = 12, index = 2
+16/0: compressed; stream = 12, index = 3
+17/0: compressed; stream = 12, index = 4
+18/0: compressed; stream = 12, index = 5
+19/0: compressed; stream = 12, index = 6
+20/0: compressed; stream = 12, index = 7
+21/0: compressed; stream = 12, index = 8
+22/0: compressed; stream = 12, index = 9
+23/0: compressed; stream = 12, index = 10
diff --git a/services/clsi/test/acceptance/fixtures/examples/gnuplot/main.tex b/services/clsi/test/acceptance/fixtures/examples/gnuplot/main.tex
new file mode 100644
index 0000000..09077a5
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/gnuplot/main.tex
@@ -0,0 +1,26 @@
+\documentclass{article}
+\usepackage{pgfplots}
+\usepackage{nopageno}
+
+\pgfplotsset{compat=newest}
+
+\begin{document}
+
+\begin{tikzpicture}
+  \begin{axis}
+    \addplot +[no markers,
+      raw gnuplot,
+      thick,
+      empty line = jump
+      ] gnuplot {
+      set contour base;
+      set cntrparam levels discrete 0.003;
+      unset surface;
+      set view map;
+      set isosamples 500;
+      splot x**3-3*x+3-y**2;
+    };
+  \end{axis}
+\end{tikzpicture}
+
+\end{document}
\ No newline at end of file
diff --git a/services/clsi/test/acceptance/fixtures/examples/gnuplot/output.pdf b/services/clsi/test/acceptance/fixtures/examples/gnuplot/output.pdf
new file mode 100644
index 0000000..9e93e54
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/gnuplot/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/gnuplot/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/gnuplot/output.pdfxref
new file mode 100644
index 0000000..f9dee6b
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/gnuplot/output.pdfxref
@@ -0,0 +1,22 @@
+1/0: uncompressed; offset = 23295
+2/0: uncompressed; offset = 23543
+3/0: uncompressed; offset = 15
+4/0: uncompressed; offset = 216
+5/0: uncompressed; offset = 671
+6/0: uncompressed; offset = 721
+7/0: uncompressed; offset = 847
+8/0: uncompressed; offset = 955
+9/0: uncompressed; offset = 7385
+10/0: uncompressed; offset = 15752
+11/0: uncompressed; offset = 22721
+12/0: compressed; stream = 11, index = 0
+13/0: compressed; stream = 11, index = 1
+14/0: compressed; stream = 11, index = 2
+15/0: compressed; stream = 11, index = 3
+16/0: compressed; stream = 11, index = 4
+17/0: compressed; stream = 11, index = 5
+18/0: compressed; stream = 11, index = 6
+19/0: compressed; stream = 11, index = 7
+20/0: compressed; stream = 11, index = 8
+21/0: compressed; stream = 11, index = 9
+22/0: compressed; stream = 11, index = 10
diff --git a/services/clsi/test/acceptance/fixtures/examples/hebrew/main.tex b/services/clsi/test/acceptance/fixtures/examples/hebrew/main.tex
new file mode 100644
index 0000000..0eb48d9
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/hebrew/main.tex
@@ -0,0 +1,14 @@
+\documentclass{article}
+\usepackage[utf8x]{inputenc}
+\usepackage[hebrew,english]{babel}
+
+\begin{document}
+\selectlanguage{hebrew}
+
+ כדי לכתוב משהו באנגלית חייבים להשתמש במקרו הבא וכאן
+
+ ממשיכים לכתוב בעברית. טקסט נוסחאות תמיד יהיה בכיוון שמאל-לימין
+
+\selectlanguage{english}
+This is a test.
+\end{document}
diff --git a/services/clsi/test/acceptance/fixtures/examples/hebrew/output.pdf b/services/clsi/test/acceptance/fixtures/examples/hebrew/output.pdf
new file mode 100644
index 0000000..b7f6883
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/hebrew/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/hebrew/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/hebrew/output.pdfxref
new file mode 100644
index 0000000..4750e43
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/hebrew/output.pdfxref
@@ -0,0 +1,20 @@
+1/0: uncompressed; offset = 24490
+2/0: uncompressed; offset = 24739
+3/0: uncompressed; offset = 15
+4/0: uncompressed; offset = 216
+5/0: uncompressed; offset = 657
+6/0: uncompressed; offset = 707
+7/0: uncompressed; offset = 833
+8/0: uncompressed; offset = 948
+9/0: uncompressed; offset = 1290
+10/0: uncompressed; offset = 13083
+11/0: uncompressed; offset = 23411
+12/0: compressed; stream = 11, index = 0
+13/0: compressed; stream = 11, index = 1
+14/0: compressed; stream = 11, index = 2
+15/0: compressed; stream = 11, index = 3
+16/0: compressed; stream = 11, index = 4
+17/0: compressed; stream = 11, index = 5
+18/0: compressed; stream = 11, index = 6
+19/0: compressed; stream = 11, index = 7
+20/0: compressed; stream = 11, index = 8
diff --git a/services/clsi/test/acceptance/fixtures/examples/knitr/main.Rtex b/services/clsi/test/acceptance/fixtures/examples/knitr/main.Rtex
new file mode 100644
index 0000000..add779a
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/knitr/main.Rtex
@@ -0,0 +1,13 @@
+\documentclass{article}
+\begin{document}
+
+Hello world $x^2 = 0$.
+
+%% chunk options: cache this chunk
+%% begin.rcode my-cache, cache=TRUE
+% set.seed(123)
+% x = runif(10)
+% sd(x)  # standard deviation
+%% end.rcode
+
+\end{document}
\ No newline at end of file
diff --git a/services/clsi/test/acceptance/fixtures/examples/knitr/output.pdf b/services/clsi/test/acceptance/fixtures/examples/knitr/output.pdf
new file mode 100644
index 0000000..67435f5
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/knitr/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/knitr/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/knitr/output.pdfxref
new file mode 100644
index 0000000..3fe1986
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/knitr/output.pdfxref
@@ -0,0 +1,31 @@
+1/0: uncompressed; offset = 43550
+2/0: uncompressed; offset = 43799
+3/0: uncompressed; offset = 15
+4/0: uncompressed; offset = 216
+5/0: uncompressed; offset = 734
+6/0: uncompressed; offset = 784
+7/0: uncompressed; offset = 913
+8/0: uncompressed; offset = 1021
+9/0: uncompressed; offset = 1546
+10/0: uncompressed; offset = 5794
+11/0: uncompressed; offset = 12915
+12/0: uncompressed; offset = 23660
+13/0: uncompressed; offset = 30657
+14/0: uncompressed; offset = 42604
+15/0: compressed; stream = 14, index = 0
+16/0: compressed; stream = 14, index = 1
+17/0: compressed; stream = 14, index = 2
+18/0: compressed; stream = 14, index = 3
+19/0: compressed; stream = 14, index = 4
+20/0: compressed; stream = 14, index = 5
+21/0: compressed; stream = 14, index = 6
+22/0: compressed; stream = 14, index = 7
+23/0: compressed; stream = 14, index = 8
+24/0: compressed; stream = 14, index = 9
+25/0: compressed; stream = 14, index = 10
+26/0: compressed; stream = 14, index = 11
+27/0: compressed; stream = 14, index = 12
+28/0: compressed; stream = 14, index = 13
+29/0: compressed; stream = 14, index = 14
+30/0: compressed; stream = 14, index = 15
+31/0: compressed; stream = 14, index = 16
diff --git a/services/clsi/test/acceptance/fixtures/examples/knitr_utf8/main.Rtex b/services/clsi/test/acceptance/fixtures/examples/knitr_utf8/main.Rtex
new file mode 100644
index 0000000..29d575e
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/knitr_utf8/main.Rtex
@@ -0,0 +1,35 @@
+\documentclass{article}
+\usepackage[utf8]{inputenc}
+\usepackage[spanish]{babel}
+ 
+\begin{document}
+ 
+\tableofcontents
+ 
+\vspace{2cm} %Add a 2cm space
+ 
+\begin{abstract}
+Este es un breve resumen del contenido del 
+documento escrito en español.
+\end{abstract}
+ 
+\section{Sección Introductoria}
+Esta es la primera sección, podemos agregar 
+algunos elementos adicionales y todo será 
+escrito correctamente. Más aún, si una palabra 
+es demaciado larga y tiene que ser truncada, 
+babel tratará de truncarla correctamente 
+dependiendo del idioma.
+ 
+\section{Sección con teoremas}
+Esta sección es para ver que pasa con los comandos 
+que definen texto
+ 
+%% chunk options: cache this chunk
+%% begin.rcode my-cache, cache=TRUE
+% set.seed(123)
+% x = runif(10)
+% sd(x)  # standard deviation
+%% end.rcode
+ 
+\end{document}
diff --git a/services/clsi/test/acceptance/fixtures/examples/knitr_utf8/output.pdf b/services/clsi/test/acceptance/fixtures/examples/knitr_utf8/output.pdf
new file mode 100644
index 0000000..1c236e6
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/knitr_utf8/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/knitr_utf8/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/knitr_utf8/output.pdfxref
new file mode 100644
index 0000000..30918b7
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/knitr_utf8/output.pdfxref
@@ -0,0 +1,39 @@
+1/0: uncompressed; offset = 75299
+2/0: uncompressed; offset = 75548
+3/0: uncompressed; offset = 15
+4/0: uncompressed; offset = 216
+5/0: uncompressed; offset = 790
+6/0: uncompressed; offset = 840
+7/0: uncompressed; offset = 975
+8/0: uncompressed; offset = 1083
+9/0: uncompressed; offset = 2128
+10/0: uncompressed; offset = 13799
+11/0: uncompressed; offset = 23682
+12/0: uncompressed; offset = 31867
+13/0: uncompressed; offset = 36116
+14/0: uncompressed; offset = 50352
+15/0: uncompressed; offset = 61569
+16/0: uncompressed; offset = 73516
+17/0: compressed; stream = 16, index = 0
+18/0: compressed; stream = 16, index = 1
+19/0: compressed; stream = 16, index = 2
+20/0: compressed; stream = 16, index = 3
+21/0: compressed; stream = 16, index = 4
+22/0: compressed; stream = 16, index = 5
+23/0: compressed; stream = 16, index = 6
+24/0: compressed; stream = 16, index = 7
+25/0: compressed; stream = 16, index = 8
+26/0: compressed; stream = 16, index = 9
+27/0: compressed; stream = 16, index = 10
+28/0: compressed; stream = 16, index = 11
+29/0: compressed; stream = 16, index = 12
+30/0: compressed; stream = 16, index = 13
+31/0: compressed; stream = 16, index = 14
+32/0: compressed; stream = 16, index = 15
+33/0: compressed; stream = 16, index = 16
+34/0: compressed; stream = 16, index = 17
+35/0: compressed; stream = 16, index = 18
+36/0: compressed; stream = 16, index = 19
+37/0: compressed; stream = 16, index = 20
+38/0: compressed; stream = 16, index = 21
+39/0: compressed; stream = 16, index = 22
diff --git a/services/clsi/test/acceptance/fixtures/examples/latex_compiler/image.eps b/services/clsi/test/acceptance/fixtures/examples/latex_compiler/image.eps
new file mode 100644
index 0000000..fb131b9
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/latex_compiler/image.eps
@@ -0,0 +1,6673 @@
+%!PS-Adobe-3.0 EPSF-1.2
+%%BoundingBox: 0 0 432 268
+%%HiResBoundingBox: 0 0 432 268
+%%Creator: (Wolfram Mathematica 8.0 for Linux x86 (64-bit) (February 23, 2011))
+%%CreationDate: (Monday, October 8, 2012)(15:03:46)
+%%Title: Clipboard
+%%DocumentNeededResources: font Times-Roman
+%%DocumentSuppliedResources: font Times-Roman-MISO
+%%+ font Mathematica2
+%%+ font Mathematica1
+%%DocumentNeededFonts: Times-Roman
+%%DocumentSuppliedFonts: Times-Roman-MISO
+%%+ Mathematica2
+%%+ Mathematica1
+%%DocumentFonts: Times-Roman
+%%+ Times-Roman-MISO
+%%+ Mathematica2
+%%+ Mathematica1
+%%EndComments
+/p{gsave}bind def
+/P{grestore}bind def
+/g{setgray}bind def
+/r{setrgbcolor}bind def
+/k{setcmykcolor}bind def
+/w{setlinewidth}bind def
+/np{newpath}bind def
+/m{moveto}bind def
+/Mr{rmoveto}bind def
+/Mx{currentpoint exch pop moveto}bind def
+/My{currentpoint pop exch moveto}bind def
+/X{0 rmoveto}bind def
+/Y{0 exch rmoveto}bind def
+/N{currentpoint 3 -1 roll show moveto}bind def
+/L{lineto}bind def
+/rL{rlineto}bind def
+/C{curveto}bind def
+/cp{closepath}bind def
+/F{eofill}bind def
+/f{fill}bind def
+/s{stroke}bind def
+/S{show}bind def
+/tri{p 9 6 roll r 6 4 roll m 4 2 roll L L cp F P}bind def
+/Msf{findfont exch scalefont[1 0 0 -1 0 0]makefont setfont}bind def
+1 -1 scale 0 -267.698 translate
+-35.28 -2.88 translate
+[1 0 0 1 0 0 ]  concat
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+
+%%MathematicaCell
+%Cell[BoxData[
+% GraphicsBox[{{}, {}, 
+%   {GrayLevel[0], LineBox[CompressedData["
+%1:eJw113dcTf8fB/B7697q7tW0KSoJWRnp/ba3rCR7kxmSzKy+KFlFvqSMjB++
+%ESqKrlVEKJoy2nvv3S/O+5x/7uPce8/n83m/nu+zeq7cOmeNBofDqeVyOH8+
+%2a0l/9EWydgK9V7d4EmZe47Cm8LwOycM2X1fGDzdYkfqz3L1024exbOfBoC3
+%r26ui2c5/R4EpUfSFFnDytWX/v2z/Q9yO+VvM84uo/8Hg9/5EpPBp8vUJbP/
+%fBMCXy8fN5GPKqPjn4DGhdnXo/JK1cKUG86jheEwxHn2wDHnSmm8Z7DcMeyV
+%7+hStfni069rzZ7D73FreM8KSmj8KKiZGhB1z6dEHdRxdMqNl+C31zh+u20J
+%zfcK1nC8d2oVFqsH/93egLor7NzkU0zzvwWPY/98uDG6WP2m1qxjhmhwtBjk
+%dye/iNbzDkRHH6e5ny1Sz/k74XvY7J513WxUEa0vFhJ+vlgTkFOoztzzZ8AP
+%YDckMqHAu5DWGwf9rDutaBhWqN72Z3nOn2DLwfSeGb8LaP2fobqXp8v54wVq
+%RiMedJ1rPhpaFVA98XBvmqp6Y1q+evLfCRIgKtrukO+hfKovAa4/0ex0wDxf
+%/We2xae/wuWhSVqYkEf1foM7E+x2fnPLU/8tJ+Ub9MHHQYN75FH9iZCe2ui9
+%4F2uuvuf5XRLghFBj47Yb8mlPJLAyiiZ11kvV71u7Z8tGcxC4sIeROZQPikQ
+%nNGyS29ljvrPaLrBKXB/zgzOGJ0cyisVnGs38MYEZ6vr/gxXmwpxOW67tedl
+%U35pMMcjofO/jVlq278DfoegKVuPNQVkUZ7f4RpHXT5wfJb67/I80mF2ZJu1
+%cWEm5fsDHKa6JZd5Z6o/xf3ZfoDBO+2sPYMyKe+fYGHW3z0pOUOt93eBv+DB
+%/IdHm/ZkUP6/4Mi8AfcqumWo/w63+DfofvIPWuzxmzwy4HDdvBtr4n5RPRng
+%XyQ/26D8RT4ZMPzRQcuhjj+pvgxocL11Ky/gB3llQtVuy7W2OelUbyYkKzUb
+%upink18mhO8U4sXN36n+LKgLm1j3X0gaeWaB1zML89G1qZRHFmim+1ksHZ5K
+%vtlgedzAUmNvCuWTDQ3HXh8c/iKZvLPBRX+wU01bEuWVA6+K352eiUnknwMT
+%axKOmR9KpPxywHbtC6ejr75RP+RCoPeYCnfuN8ozF3oOWGKVjV+pP3LBe7L5
+%piz3BMo3Dxx73Vu6Niqe+iUPxjkazH/X8IXyzoM+e25rp+74TP2TD+LzNpol
+%pXGUfz4kRp4W8dZ9pH7KhytWwuBOv2PJowD+O3xdbDv/PXkUQOigqX62cTHk
+%UQAmpw6MmzEmmjwKID7AsmxD6BvyKAQn433ymWavyaMQ9Dj2C8ZeekkehfD2
+%tIXdFv0o8iiCLxaLbU3qItRn/noUgeSth6vXt3DyKAKT2d+7fgx+Qh7FUOYz
+%5qzF8RDyKAazMPW0oKj75FEMtptcBlWtu0UeJTCxx4K8oZKr5FEChh625dcX
+%+ZBHCdxdculc2bQ95FEK/jDse0aTGzAepXDat36zh6EPMB6lEOMyLXttSyAw
+%HmXw0vl9VIrLLWA8yiDsQt/zKyvuA+NRBjv2/d43+GkIMB7lUHT/5ubmpifA
+%eJTD2mtGW4vgKTAe5fB4Z5evQccigfGoAOVTaPVLiAKmngqY/6hX1yGyV8D4
+%VEBui2yWT9hrYOqrAGPprh6ey94C41UBT9Mc+z4XxABTbwVYR3y/ZB36Dhi/
+%Crh4w3aAYmUsMPVXgmNgbMYq+UdgPCvBzrn8foY6jvKohF1ulbIi58/A+FbC
+%qfuxDgGKeMqnEmpM34d7FscD410J2DMwyigmgfKqgsnmb18fvPYVGP8qyP+i
+%eXn3/m+UXxVk1g8+OnVhIjDnZxWU1nmvz7FOojyroIeBPsdSPxmY/qiCWTF9
+%JVibTPlWwzDfRG2DpBRg+qUaTjQei30Zmkp5V8O1LS5aQ/zSgOmfanAvvXnN
+%fvd3yr8a7G59+7JjcTow/VQNMr7DyVn4gzxq4Oo/D/X5vX+SRw30CbVN8hT+
+%Io8aWFESNqam4hd51MCExLtuY1J/k0cN3LLSbRmxPIM8asBzeCet0MQM8qiB
+%xasjHkZMySSPWoiyEMg7qTPJoxby2zPkrUOyyKMWLhklHVp0L4s8aiFlYNjQ
+%vr2yyaMWTljpGO/5N5s8asG5x7V9qMghjzp4963x2KkTOeRRB5EuJi12Grnk
+%UQeF/fc1B+3NJY+O/4+32L6lNpc86mCRzYR5UVvzyKMO9DZbrbtYlEce9WA1
+%w8COvzafPOoh3SfIODcznzzqwe12cr91SwvIox5SRvB2uKYXkEc98DhqF6lj
+%IXnUw9beZyJtUgrJowFsrQ6d0ZpfRB4NYHrH/+TapCLyaIAuOL1mtn0xeTTA
+%GuPw70VJxeTRABNkzUUqhxLyaACvueemlaeWkEcDOFnuMly9qJQ8GsFlgFfM
+%gV+l5NEI+U+NetquLCOPRngeGBIYmFdGHo2wcvfdxR82lpNHI5zRh4MnK8vJ
+%oxG4C3e46NhUkEcTNMd1Tw5wryCPJpi5wunA1TcV5NEEPv2vtpRoVwJzvWyC
+%hNniq7emV5JHE+j1eBv69GwleTTBucifASNTKsmjGQ6uu2yt37WKPJph027d
+%liWrqsijGZZWO1vp3K0ij2ZIWrG+uVtlFXk0w5uBsu6Bw6vJoxnEvr7uFw5W
+%k0cLZAa39qx4X00eLdCw/9iod4oa8miBzg+mjuIvqiGPFni9sK/u26Aa8miB
+%Al/97Y1lNeTRAv945ufdGFFLHi3Qpbvry89Ha8mjFbJ6eHq7xdeSRyu4t5vZ
+%X+9SRx6t8HFCVbC9Ux15tMJJ19DlHmF15NEKBUP6rQJePXm0wrlbvnoec+rJ
+%ow2GN6beXXKtnjzaIEQ7Qvmhop482mD5z+vvorGBPNrApmT4yTlnG8ijDfQq
+%YhoOZjWQRxsIRxUOnz2kkTzaoelrk27YP43k0Q6orNB8m9ZIHu2w1HNA0X7L
+%JvJoB0Mb7tisQ03k0Q4nnwiKeSlN5NEOrolmkc/6NZMHB0+MWM0dc6SZ6uFg
+%7LMxG3Z/byYfDm6x7mLnOqiF6uOg79Tpd829WsiLgzNttkwMz2mBv+Wu5eC3
+%2QNna0Mr+XFw67ivTf0vtdL1gYPJni0OpnWt5MlBz/itIby5bZQHB1sbMyRR
+%D9vIl4Mng7Y/Wydrp3w4+GOPlMvf2k7eHDwaGWJx6ks75cXF5DI/5+OGHGT8
+%ueh/JmX++ykcZPLj4nHJw1On9nKQ6QcujnPtZ5PxHweZPLmYMH6oV0QGB5n+
+%4OL7L1PajHW5yOTLRRvp2tM9J3OR6RcuvjN3mfxkHxeZvLnIyX8mKwzhItM/
+%XLR7Glv1NJ+LTP5c3Ou/b/LgbhrI9BMXh4UZzZ9nr4EMhwbKe4SeMfXWQMZD
+%A9/FH4OwaA1kPDRwxL86ri1tGsh4aGBk9AfkjtBExkMDd7rFhH/boYlM/2ng
+%4ATDJ1seaCLj0THvBndRdrEmMh4a2Du8LXiYOQ8ZDw18dd4yfPs6HjIeGmia
+%1DnC7xYPGQ8NtN/c//GDPB4yHho4LPTEwxhTPjIeGhj4wmluhRMfGQ9NLJ7n
+%mGv8H588NHHZ7mzu/ko+eWjij+WDrPjWWuShiUM9n54O3a9FHproO9Y5/0m0
+%FnloomCt/IGmTJs8NHG00ZFz9x21yUMTM0cbX4i9qU0empi9YeGrzdXa5KGJ
+%Xvo9TS+P1SEPTaxVVV3c76NDHprYMNZ2uixPhzx4+NEnJXbXSAF58DBb97z7
+%xzMC8uBh2zLR5oGFAvLg4QHhp+f3xgnJg4cRws6zVl8VkgcPraICnnu0C8mD
+%h14jQjcPXyEiDx7GpEws8owWkQcPV1zemBzdT0wePFzjsF5Hx09MHjzUuXtS
+%5ceTkAcPJzs6TQ/YKSEPHgZO/xLhXCQhDz4mdptgumiVlDz4uPCrVpRPhpQ8
+%+HjQZoT/uZUy8uBjr415hx8UysiDj6tc5vYeOUpOHny89DlzY8RROXnw8YP4
+%2ODrCXLy6Dh+bFe1XS8FefCx3n/ZZ4tdCvLg45ul2VYv4xXkwccGvW3hdwco
+%yYOPe54UTHjkqyQPLbzbdNf7AkdFHlrIUWPfEBcVeXT0kUty5/FVKvLQQr7R
+%zaMz9uqSR0dfRW7eoKfUIw8tdO/WLXFihB55aGGd1ZKK9W765KGF41+08r7P
+%NSAPLTzbeGeVaIEheWihmb5sW85FI/LQwtHDQspjbDuThxbqTQ8JHBXclTy0
+%8NGVKzfH2fUkD208suB8pPknQ/LQxrkbyiR29/TIQxtTp7aeKF+rSx7aOOrC
+%4WEXL6nIQxsrrU5OsNVSkYc2Opd6f15yTkke2rhlkNmQe4OV5NFxXpgZWaZm
+%sx7a+CT3WZoikPXQxvCAL9Y/VrIe2vhc5jRvuaWCPDr2HbF5eaucPHQwNt7k
+%dUGHN+Ohg8szu38bf1dOHjroOoNTnO0hJw8dNLh9xX/Wajl56ODH7Zn+AyfI
+%yUMHHS8WbhlqJicPHayrWcPvLpEjc//UwWNdgnq45cvIQwc1LfudCQmXkYcO
+%9p/le+K+p4w8dNBUEuTfbbmMPHTQwS6g5JO1jDx00LKqzOSEQkYeAlyvv2CP
+%WSl7fgjwXtXzlkMf2PNDgJ2Gvm1w/p+UPAQIid39v5+QkocAz37gLb2+UUoe
+%AnQ03/Xp3kwpeQhwEH93Yf4gKXkIULVkY9dRhlLyEODI1Z+X+LdJyEOAe0VR
+%B6pyJeQhwJeuv+v6f5aQhwBX5R4QTA2XkIcQ+00ct2nwNQl5CHFSXO2vn14S
+%8hCi/y/dk2N3SchDiI0ub9bbr5KQhxCD7zSaSmdJyEOIptmFtStGS8hDiP8z
+%vvlmmoWEPIRosnSx6K2RhDyEuDVm966XOhLyEGL/5o2FoxvY65UQy276/BhW
+%ICYPIVb0vOMXlComDyH+1+p95UismDxE+LzfgvNxEWLyEKEgPUCx976YPEQY
+%O2uA8mSAmDxEGCbuv6X5jJg8RLguUKV8e0RMHiKcK3jUNcdVTB4i9JiQmDp/
+%g5g8Ova33QgwXComDxFW/HvZ1XyOmDxE+H2cfOGRiWLyEOHPuV0/m4wSk4cI
+%Rw4yGS4cKCYPMb7rbJ08qLeYPMQoWBQ86XInMXmI0eHZiU0oF5OHGL3HDbja
+%U0tMHmI06GPUbNMiIg8xrkz1MThdJSIPMYYeLQs1KBSRhxiN6nPOJv5m7x9i
+%PHTWI/p1sog8xHhsAudK1icReYjx48pae6uO+w3jIcbS10cy7j8XkYcY7beN
+%z5j/REQeErzdq+Rh3/si8pDgogMWm0yDROQhQcPN9tEz/EXkIcFrpVMXXfYV
+%kYcE3Ve7L5Z6i8hDgvsWHku//cfhr4cET9WPX7n6gIg8JPhTc/GC8btE5CFB
+%jwdPJkzscGQ8JDgqLkTo5CQiDwka3NnW9f5KEXlIMLXx8TtpRx8wHlI0Gfrg
+%/ml7EXlIMfRmulV/OxF5SHH1ovT9RZNF5CHFSdue178eKyIPKb5clnwkzIb1
+%6LhObBxhGT2M9ZCiw+ry96UDWQ8pfnXPnzDQgvWQ4qgVQi/P3qyHFH3vnX/R
+%2p31kOJQ3dTo451YDykG8swCzfVYDynumvhQniVjPWR4e2LdqYdC1kOGd/wm
+%p/ryWQ8Z1h+OifHmsB4yDGyy5V5uFpKHDAsXqVIj64TkIcOf+d2tKyuF5CHD
+%AylXDEeUCslDhpv2nfjtWyAkDxmeOjjzCDdHSB4yPGuVevvgbyF5yHDv1AVN
+%inQhecjwtYk793GykDzk2NX8Ysuar0KqR46iVP5Q889C8pFj3kuDSS2xQqpP
+%joYDWuf/ihaSlxxf+PUoi38lpHrleOOkdvjXF0Lyk6Pa521i1jMh1S/Hx+1G
+%CZww9vlMjm2Lp6RZPmLzkGNBj/bY9cFCZN5nOu476/YWP7zL5iNHq7DgG1q3
+%2ec3OVaevW3qdIPNS47lccqA1EAhPT/IMZ0/ycTen81PjsZDV+/4eVFI/SDH
+%6c5vmredZ/OU48iN7p7Kc0LqDzl6XXU2Up9i85Xjhv5Nuq5eQuoXOQb5BPUb
+%cZzNW47TJA8rtDyE1D9yjPfwP/T7EJu/HOf17rv69QEh9ZMcz7Xoj324l/VQ
+%YJ5Gb7M7bqyHAuHBsCF3d7IeCkx4fu126HbWQ4G2ZxsHfdzKeijQftr1psJN
+%rIcCM8y/LFFuYD0UaB0SrTt+HeuhwHqfrF0HVrMeCtTvMz3z1QrWQ4FCboNS
+%uox9flZgnx4tUSsXsx4KfHuv2kvtyHoocMWXDVEmDqyHAo2CTZeem8d6KNBj
+%qnO99hzWQ4EH7B9P9LBjPRToGHFHXziD9VBgb4d9tRemsh4KvHz1XTeLyayH
+%Ant8CV8XM4H1UOCMkVYjncaxHgpcN6abg2oM69FR75Tvs97ash4KxM3JbXtt
+%WA8Fpr25fWXkSNZDidf1lpa3W7MeSuzbuVfEx6GshxI3Ogi0AwazHko85/Xo
+%k6sV66FE25/LdtoPYD2U6PZsQdJIS9ZDiQOv6Bv0sWA9lCi4yNtoYM56KHFl
+%U6yt1JT1UOJUt4hRot6shxI3KOSPJMashxLN93vl6PVkPZTY/L6+xLg766HE
+%IapVUuuurEfHfHe+JNh1Zj2UOCWiJGyzEeuhxBXVRulnDFgPJf7PetaiZ3qs
+%R8f+4bSwPBXroURV1to4QyXrocQj/V2WzJKzHkq8O2DNvpNS1kOJfcIUNz+J
+%WQ8lFojPfFWKWA8lBqgn9VoiYD1UKHTg6t/XZj1UOPfEleh2Puuhwp+xr7Y7
+%8FgPFcZ3VWs+0WA9On4/cmO2Lpf1UGFfYd85u9vZ90cV3ihKm5/VKiAPFdrc
+%mxNm1yIgDxXqn71l/KpJQB4qPFUxy2FYo4A8VDhoZoDmw3oBeagwwSZpgGWd
+%gDxU6HqWj8E1AvJQ4dV1Rw8PrhaQhwp/VxQufV4pII+O96i4M7mTKwTkoUK/
+%DTv6p5UJyEOFlY+G/LOpVEAeKtxxcYAbr0RAHh3vJZHL1gQWCchDhbc1upWP
+%7nhfZjxUqO57Lfp3voA8VLjxznOlR56APFR474X0i2WugDxUuDpzSmJatoA8
+%dPHMBqeU41kC/D+QSguY
+%     "]]}, 
+%   {GrayLevel[0], LineBox[CompressedData["
+%1:eJw113dczfsfB/BzTvPMzoispGGEzJtrv98qZFzRtSJZyYpCXDKvkK3749rE
+%jcxKSEY5lAZpUlFJpb3XaY9fnPfn+0+P+n7P5/N5v57v8/30MV7lZr+Gx+Fw
+%VFwO5+dPdg3+Y5N4+KVq5W79wOm5nofA0/+3/IGu7PdzEN594CYdqFY+73u4
+%bN7z6/Cs6XVygozdvwX6g/qU18VWKS9f+nndg0fWhkbCzVX0fCCk7Bv4qFZe
+%pSyf9/MvwdBjiWr0ndBK+vxT6BD6xJg4VioF6X7ukwShMKbG1HA1p5LGewHZ
+%++0H7btVoTR3PBOhGhQGO2rTps+3raDxX4P+DdstzWXlyltdn073ewOhltbC
+%ZWfKab63kL88dvbVUeXK0b+uSEiV5ReeTy2j+d/B1ee6G5bvLFNGqgZ1zRAF
+%O5xbi+t7ldF6YuBqovuk2eGlSvtfE8ZCg8fgHNflpbS+9xAbPnuZE7dUmev5
+%c8APwLkqCRD6ldB6P0LyuaUuJ2xKlFt+Ls89Hqwnx71NKCim9SdA2Lp9JzKP
+%FCvVGkmg52Y18uHAYqonCYKa3nNmxBYpbX9NkAzXJAc2PlhXRPUlwy3jzsI4
+%3SLlz9kcz6RA5tkn7hF3C6neT2CYE3l5l22h8lc56Z8gZmfeAlVRAdX/GdxP
+%PHIY712gNPq5nL6pUGIc6jhlQAHlkQq/dwwM1YvKV651+XmlQdEq8YQbq/Mp
+%n3TQ+K3kdQM3X/lzNP3AdEjs7GfW7cYPyusLRINQ0jTph7Lh53CqL3Aq4suQ
+%S5l5lN9XUOVmFPJ25Skn/xowA/zPXTQf2j2P8syA50NHfen+JFf5a3mHM6Fk
+%pgKi7HIp3yxQZedNtizPUcZ//HllQYjzNff1R3Mo728wKLf4nINZjrLbrwVm
+%w8fBR5b3P/Cd8s+GaTsvhotCs5W/hnP8Dk5X27ttrPhGHjkw0WnO10mm36ie
+%HFgd86Jn4OIs8smBsOJpIT6nMqm+HDjyg38t+20GeeXCbW2vRc9UX6neXPC2
+%2u/FM/9KfrnA3eSv/W7pF6o/Dza+Oe7deiqdPPOg7MDX9TeUaZRHHvydM2hj
+%YnUq+f6AKzGlzm7GqZTPD5iXYM7bN+8zef+AJ2KTqsoDnyivfPhkG+SQEpRC
+%/vlwPim0b7/sZMovH2xsj1/OFyZTPxRAwve5vbnjkijPAugR4NA8LC6B+qMA
+%rlVsSZ9lGk/5FsK9U3H3eZ5x1C+FIGlW/uuZ+J7yLuwab8GecNNY6p8iGO9+
+%4EzhjmjKvwgcbTSuPIt9R/1UBDGWv3lb9owkj2Lw06yb4r3uLXkUQ7NjBkdv
+%k5I8iqFu3o8HI7XDyKMYcFl/j9arz8mjBB79+8a1bUQIeZTAyqiAxNa3weRR
+%Am8MF036cuMheZRCt1PtYX7Pbyt9fnmUwoDjh5J/O3eNPEohzF0ybo3DGfIo
+%A6ltcsLzU0vJowwKl/+5aPPxo6D2KINhTwt+t553GdQe5ZAoVsaeHn0L1B7l
+%0G3btXHHpj4AtUc51C31i9g/LBjUHhVQNfNA46vwp6D2qADz/unbP9o9B7VH
+%BdhscL75Kf8VqD0q4UyNM7zYqwS1RyW0FS7vcffkW1B7VEJvQWa3MY6RoPao
+%gjEF5+18LaJA7VEFpx/vbjvOiQG1RxV8Xvjmo0NqLKg9qkF6LNBP+eAD1VMN
+%a68EO1sd+ghqn2qwG7Dkej+nBKqvGvz17Zf0MkwCtVc1bPg2vL1EmEz1VsPY
+%1QLfqNZkUPtVQ+VX5Qf/8hSqvwYMBla+cMn+BGrPGuAG7p1skfyZ8qiByg+T
+%fpS9SwW1bw2sjO5Xe/tFGuVTA6/GTHA7F5QOau8aMJlqZ+3l/4XyqoXIurm3
+%V1//Cmr/Whi4fyLf5UIG5VcL1teK3Lz/yQT197MWjF2PZoeczKI8a+HJvVnv
+%dY99A3V/1MLmiKySE0eyKd866FXzunrm4e+g7pc6GBXTuf+SVQ7lXQfc2kWB
+%+pE5oO6fOrjbvqZ4ik0u5d/1/O4B3lrRudRPdRDwMbl9v20eedRDbIXy7am4
+%PPKoh8yLgZZWdj/Iox7e7L5w6+anH+RRD2aen4fdXJxPHvVQ5j55vEd2PnnU
+%g2dzg26+cwF51EPtjUdT+OUF5KECYWhP5+JtheShAvel//O93lZIHl33VU4h
+%zYeLyEMFE6Lt+hpJi8lDBa17/+gluVJMHioY1So/8W5ACXk0QIjDswKbJyXk
+%0QBr37y56Iul5NEAW+L8xsQllJJHA7xvaX4Wv6yMPBogvnlQw7OKMvJoAGXd
+%UdHefeXk0QivfDJmWEoryKMRhnlJL3z+r4I8GiHgjPNchzGV5NEI/w4LPZH+
+%oZI8GmGUym6X3Yoq8mgEh2aVLKKhijyaYE5q1jKT6dXk0QQlw8w+LztbTR5N
+%IE57eXFUTjV5NMEGvVozT4sa8miCfO302fN315BHE3zof8Ip4n0NeTTB5rTT
+%VyJ61JJHM3B2Xk+yX1dLHs2QluP7ZF9XX6o9mqGh3qvZll9HHs1gpJ138fGS
+%OvJohhGpbSvCH9aRRzMknvxTd3NnHXm0AHSGXky0ryePFhgzufVOhn89ebTA
+%FIXlf0da60H9vmwBB72ipsa5KvJogVjf7lLjOyryaIFkc9tGfoeKPFrBcOti
+%8aMFDeTRCrevX3GxCGwgj1boF5dvtFmnkTxaISfwndOBlY3k0QomRgY/Noc1
+%kkcrHHlwr8aiRxN5tEF+5KrEDI8m8mgDX/25591TmsijDXQ0C3PLRzSTRxtE
+%X4j0W+nTTB5t0DvJ1zClupk82mBZvHTxNPsW8mgD/rT3CyKftpBHOzxtfHd/
+%aY9W8miHovSG97y9reTRDkGizVMS81rJox3mbDuT/nZGG3m0w4qNx4wKgtvI
+%ox0875Q9ntm7nTw6IPjI56aWw+3k0QFXt3OOltW0k0cHuKnyAu2Xd5BHBwQd
+%uh5mkNBBHh0wanODxazJneTRAaNzd5xvDeokj04oWeJZcEnGQbVHJ7wr2nRE
+%PJuDao9O+G+tcdRcbw6qPTqhbrGv65ZIDqo9OkF/4PUH2zhcVHt0wgl/XbcN
+%k7lIxw8UJI05u2gvF9X1cBCl9scwnItqHw6aTkgy+62Di+r6OFh4PmCbFfJQ
+%7cXBD/d77v3Li4e/ynXhYNbMBSPjY3io9uOg2bkZWavEGqh+P3DQ4KzK64/5
+%Gqj25ODMx3O27L+qgeo8OCjteBpiXqiBal8O8rYlr5w+UhPV+XAQ7jcpyvZq
+%otqbg8YbRm0e+1ET1XlxUf/FX74j+2ih2p+Lnat6DO3cpEX5cfFl8FiLgLda
+%qO4HLh4VGQ9ebqBNeXLxRVzfxQPctFHdH1z8ZJQ01uK9NuXLRV9pypgL/XVQ
+%3S9dOXlM2Hf0kA7lzcVlwvVLpIU6qO4fLjYt9xi3c6Yu5c9FLc+P2U3Buqju
+%Jy7+I9g47mofPnnwcNhL311hx/nkwcPoDudTfm188uBhvJ5BwPGtAvLg4d8O
+%UWbPywXkwUOx8/LprzYKUd1/PBxfHFflXyUkDx6+CVq3a+guEXnw8O7Cjffu
+%6orJg4cbfWIL4q6LyYOHt5Pfz5AF9SYPHnb7LBoSy+1DHjwMM3QOaV3chzx4
+%GGR6rLdhSB/y0MC/0/Iza7obkocGZk8JsRXuNyQPDVz1oXTUkkpD8tBANIve
+%2telL3lo4Pht33pvKOpLHhp4v8+2qhEeRuShgTcW/jN/rE4/8tDAThPrP244
+%9iMPDZQs3DHHLqwfeWjg14FBwQJzY/LQQM9v376Y3jEmDw08qLI/vWKSCXlo
+%otuIJIlzowl5aOLIwRn+O8pNyaPr/iGRbdX8/uShiQZZ3+dO6DGIPDTxYWd8
+%jCKjJ3loYknACkHIoO7koYmPex61bXymTx6aOH5MmMAxWUEemijWd/3DaKiC
+%PDTR8L1NYa+HcvLQxChweatvIycPTVyy0ju6tlxGHpr4+ftTU/xPRh5aGP17
+%4m7jlTLy0MIBPoOzjg2UkYcWLo25u1G7XkoeWniJJ+x5LUpKHlo4u1D/wror
+%UvLQwo+9dwYleEjJQwtv3g84NXWelDy0MP+CXbTbCCl5aGFa6qvF9TIpeWhh
+%k7zVtVeZHnlooXsfk+jqED3y0EJN/81nZYf0yEMba819Xcct0CMPbXwdHjWF
+%a65HHtoY9Ubv3ymdEvLQRp6Z7+176RLy0MaRL+6M7PtYQh7aaOx83Hn9aQl5
+%aGNV+czgTa4S8tDGluKpjzVnS8hDGz1qb+jqW0jIQxtNjZdpe+pJyKNrfQOu
+%pPSvE5OHNmrsSQpsSxeThzb2EY/dXRYuJg8dLHGqds+7JSYPHdTP0f6ccFJM
+%Hjro8yfY+G8Xk4cOLg/33Dx/uZg8dNBb9iQ2aYaYPHTQSDJimNRSTB466G/S
+%mqpjLCYPHTTfGaJ5VywmDx107N1rZ2WLiDx0cGSywcfEYhF56GD47/XdbNNF
+%5KGDzQ+99s+OFpGHLmbrTHzyKUREHrpYzdsd8e22iDx0cfSGqMmrzovIQxeH
+%9c7hO3iLyEMXX05J7/F6p4g8dLG5V8m8UxtE5KGLi55effDOUYTq/VMXvxqp
+%+jrYichDF2M8suNmW4nIQxc5OS79L1qKyEMX2wyyD04wF5GHLh75Ni1wmKGI
+%PHQxooeBdJtMRB58/LtgtCNPW0QefMy//1dxVouQPPgYv2b31tau96nag4+v
+%XgSecCoQkgcfl5ekGWhkCsmDj896xRgXJgnJg4+Dd52M1IoRkgcfT1gIuCvC
+%heTBx3spQcl1T4TkwcdvB9Ymvr4vJA8+2rqeLgq7KSQPPl6/sci++qKQPARo
+%5yX0/NNHSB4CXLpte1WRt5A8BHhO5BR2b7+QPAT4tv2R34W/hOQhwDcnF395
+%7Mb2DwFqu64c27iW7R8CDDgy+tnqFULyEODU0szHzYuF5CHA0nqN5KfzhOQh
+%wPXNrYfPzxSShwCXcS1DL1sLyUOAbgdbPkVMFJKHAEuMv6tEY4TkIURJdIVo
+%13AheQgx2DsmX9OceQix0Op+aJAJ8+iqqxjSPfswDyFO/2qdv6o78xCi6Vfj
+%UBcp8xDioI8Hg70FzEOIs2dGit9pMg8hjjBJutirU0AeQuzu1/j2RLOAPLpy
+%0fJw6V4vIA8h5o/au+ZFpYA8RJhitX7dthIBeYhwT8PVy9PyBeQhQutX872G
+%f2f7uQgnjHs/aEQG289FuNEsbfTUVAF5iNDC/4iPe5KAPET4wcZD+1GcgDxE
+%6DVP8kQjRkAeInx18bnTxggBeYhQ3zH0ZmG4gDxEqMed+JvHCwF5iNCy4mu/
+%biEC8hChysMuOPqRgDzEaFw9euvxhwLyEOPShA6bFXcF5CHGPtutA6fdEpCH
+%GJ10Ok5MvCEgj6733mj9xdZXBeQhRpdHdpccLgrIQ4yTps4u3X9OQB5iHLiE
+%0/+pj4A8xJguWu/SdJJ5iDFlgK/FzGPMo+s9G9Gt495h5iFGf4HLgx4HmYcE
+%b1yO/ufcPuYhweDq0j2Gu5mHBL+9rjj55C/mIcFdaXXOCz2YhwR3xjsO0trC
+%PCRYse+k6s0m5iFBt14Bhkc3MA8JDrsksF26lnlIcHPGWfPxzsxDgsbufZ+a
+%rWQeEuSb/q+ppxPzkGBBt57+PZcyDwmKeesHmy1mHnq4qseQK+MWMA893JOn
+%cXixPfPQw5PWAScP2jEPPbxzQFUQMpt56OH7IXOSamcwDz18azD56LjpzEMP
+%df13NR+1YR56qCzjD86bwjz08EuMz1MbYB56aJt57a+gicxDD+tdtf82Hc88
+%9DDZ82xf39+ZhxT3h5z+x9SS1SPFpcX3W4JGMR8pxqc8gqkjWH1STH3s0TvP
+%gnlJ0fSDzcIjQ1i9UozrnDxplDnzk6JzxSyrwgGsfik6ZZ22v2nGPKXoenXo
+%59UmLA8pZo9qX2jRT0DnGSnaD18wqMOQ5SPFT52Gw1J7M28pHtedavekJ8tL
+%irEjxuZeNBDQ/w9SfL3uqMehbiw/Kc77WuC4Q8H6QYobrrQI3GQsTynOsLm4
+%c5Me6w8pHtq1ymarmOUrxYhYTYO9QtYvUsw38Lx9is/yluKQXe9e+umw/pHi
+%rPMh+W+0WP5SNJ46uyNPg/WTFDO+WFQJeMxDhqtj/XljOcxDhhkV3kUbOth5
+%RIaH95Q5/td1HlF7yPBskEonp4WdT2RoLbr+p0kznzxk6PV41sv1jXzykGFm
+%wZX1z1R88pBh9/DWYzr1fPKQYa0lRC6r5ZOHDDfYTk57Xs2n75sMeZYPAntU
+%8clDht3qvYP3VPDJQ4Z7jYOHFnbti2oPGbbt8Hr5ZymfPGRoar9hX1Qxnzxk
+%2KNuz/cJRXzykKEiup/LswI+eciwMbNshmU+nzy66onIcnyexycPGRY6KEWQ
+%yycPGTqvtDr64TufPGRd++W6IodsPnl0Pe+4Pqk8i08eMrx+uWz6oUw+echQ
+%33SWX98Mdh6U4z1RfHb4Fz55yFFof7f7inTmIceTcycaaacxDznGrYvTfPSZ
+%echxzb31lss+MQ85BuS2TpekMA85Jtne3hSRxDzkODzlwlLPROYhx/xdlncs
+%E5hH13p8EuPqPjIPOe6LmjE+JI55yHGuR3CO5wfmIcd0T9v/Wb1nHnLsNcRv
+%oSSWechxXuTV4qxo5iHHPSr90YFRzKPr+VkNd7zeMQ854qL+q5dEMg85rm41
+%0bWMYB5y5G7b1iF/yzzkeG7B/rJaJfPoWp972j9pr5mHHHdecVgWFs485Cg7
+%fbrzVhjzkGPaC9l2n1fMQ4HXE9eH73vJPBRoNUU0x+0F81Dg6CVyyernzEOB
+%X6sbZQ6hzEOBKxx5bfOeMQ8F7iqT1c4OYR4KfPhxnfGsp8yj69z3tDhx5hPm
+%ocC+kdut/njMPBTIvdB9rX0w81DgmS9xdQ6PmIcCqw6dPLc6iHko0GtC761u
+%gcxDgTNqHhzeG8A8FLjK23n86YfMQ4ELx0zk3HzAPLrGFy6c8ew+81DgvLuu
+%ofH3mIcC1xTuVRXeZR4KNLvnNIB3l3kocOe3yQeN7jCPrvWIXGPBn3ko8Nje
+%KcNX3mYeCjRasrvl0C3mocDl/LOj7vsxD31U8aOPp/zHx/8Dq98lgg==
+%     "]]}, 
+%   {GrayLevel[0], LineBox[CompressedData["
+%1:eJw92XVYVNvXwPGhmWKKDhEMbEUM1Ktrid3YCihiKxa2qIAoBnaDioqg2Ipd
+%iIFSiiAlId3dHe/8nLXf+ec+4zDnnL0++3tm5rlmyzfPWaXM4XCKVTic//2X
+%PbQjVt3cYFYdulf78aRs1+3g/sXs10Yue34Ivlu9ilpRXRX6potX6ew3p6D3
+%mIPB81Kq6PULcCLT8uSYz1WhV3z/PeDzLT+b7vfY31+HuqG1aZyzVaFls//3
+%L/6w03WFS8Ju9v5AMHs28NatZVWhvOSALaN5QbCxuKlu5WR2vHtw9IJdTI9B
+%VaG9HU5/qe/1ENLfKIen67HjP4Zpa0yFxp2VoYHydycHPIX7g7qt3xhTSecL
+%hulPXSKe+1WGWv17PIfsgLEJRRsq6fwv4Ph7nrbhf5WhX+t7yc/wEj41GBkO
+%4lfS9byGjdHN0aNTK0LnKE4Ih78b3xp5r4Ku7y04mTSt67e7IjTb9X8HfAfn
+%qnfacSdV0PV+gKqCRz9zdCpCXf53eVtCYAVf9jMor5yu/yPsteqMdHheHqrQ
+%+ASeE0MylDzLaT2f4Exd3RV/2/LQyf9O8Bly7xvs72taTuv7DEFfs/Y9LC8L
+%/d/Z5KcEbtZSf+MPZbTeryAJG3d0t3dZ6L/lJH+F/FuvdvxYVEbrD4PBwxY3
+%yyzKQk3/dzldvoGp46os2/pSmsc3cJDdtNj5tTR0zer/Pb5D65m2Bu+zpTSf
+%cICEdKubjqWh/zua9uNwcNjeZdT1/qU0rwiYe0IWeaq1JLThf4erj4CUA15n
+%N0SW0PwiIWxa4f1xl0tCx/w7YBSYHjlkpLyqhOYZBQ4TT4z4OLgk9N/leUXD
+%U6zf6sgpofn+gKRLQzM5McWhP3/8ewDf763D8avFNO+f0PbXeKXGuuJQnX8X
+%GAPqNjONXYYV0/xjIM7JqiFWpTj03+EcfkGBXmhit7gi8oiFoea/nddeL6L1
+%xEJiqvYdX+ci8omFlFNZbh+ti2h9seD+ZKJ7sloRecXBDY/pq9N+F9J64+CY
+%hQ8/+UYh+cWBe9SQ/z5vKKT1/4bvzt+KL44oJM/fwD9oc9tZvZDm8RsuRK8d
+%1iu+gHzjgXMoKiPxRgHNJx6W+IU/2r2hgLzjYYX/8yz+iAKaVwKExV/tf0Kt
+%gPwTYM3Er5eUf+fT/BLA5dZI8fLr+bQfEsFpc9cL79bn0zwTwbjlV1nHsHza
+%H4mQvN5NNkoln+abBEe2XJ239Fce7ZckaIjUXbXvah7NOwlS2/5YHFqTR/sn
+%GVotM57vs8qj+SfDHu1xHWs7c2k/JYNd9439JkXnkscfaEvj6Usu55LHH2j0
+%MkqOXp5LHn/A13995p4BueTxB56knjxq0JJDHilwf6nG5wffcsgjBRYdsftt
+%cTaHPFLgs9vTyEsOOeSRCvYf9h4rtMgJPfPPIxU0jvNVR9dmk0cqSIzUc90+
+%ZpNHGvwYtS324bFs8kgD2xubT36fl00eaVBQ9X1/smk2eaSDU6uKb0JJFnmk
+%Q0+uWuOHl1nkkQ53annfrnpkkcdfUDq+bZXTtCzy+AtN+3+46OtmkcdfaNlj
+%cufG50zyyICzi7UHpCzIJI8M8I/aYZRcmkEeGZAuWWr52yODPDJB9PSkNFAn
+%gzwywW30om5T7/8lj0wYZlh0+euYv+SRBWbFaR0Yn07ryYLgbNNLm9ekk08W
+%TEm6vdK9NY3WlwXlPw3/XDydRl5ZcG7bss0e3dJovVlw1K/oVP/XqeSXBd+G
+%PJ4cPTWV1p8NxVMKbC0zUsgzG1JOO0494pJC88iGiPx7NrdUU8g3Gy6Kxzje
+%vvyH5pMN6a1DL13q84e8s0HT0UAyISSZ5pUDw/bsX58/K5n8cyBsQ6bvvJwk
+%ml8OOK5v331mexL1mQOcHxDwQz2J5pkDHaOFWaE+ibQ/cmDtfjO/q30Sab65
+%cMBlgWzShwTaL7mwdUzLk6QZCTTvXNihrZ3aLzOe9k8ubN7/Jsp5SzzNPxf0
+%cnydzynF037KheHdIq9uOPebPPJgdYKpBXT7TR55cClx4tqE53HkkQf+eht/
+%TB0fRx55oPJSctAnIZY88uDswgHWL1bGkkceCPaa2B8u/kUeeTBw29fBNZq/
+%yCMfbv1NO2vTK4Y88iEvob/n6kk/ySMfVreUCKtW/SCPfNCf/eQU/1A0eeTD
+%3uhlBma3osgjH8oadgmuh0aSRwHIek/vofQ3gjwKAB1GDMpqDiePArDy3cs7
+%oxtOHgWgE/9+/73B38mjAAbqlZU+nvmNPAogWtnSqff6MPIohNJC7Y/WXl/J
+%oxCiFoS/HHTzC3kUgsEj9ef+7z6TRyGI+L0CTiZ8Io9CODOieOGZ9FDyKISc
+%Xe5/F2t9JI8i6Dzq0aMJP5BHEfxYfyqqzuUdeRTB+T32vLRbb8ijCIKsH327
+%HfeKPIrAvjN+XDfOS/IogvXBJqKSAc/Jowhix63hdtgHk0cxOP83dMgXyRPy
+%KAbPoaf7DVv7gDyK4b8dU5/afAwij2JY/evarHeSQPIohlvzB00dsOomeRSD
+%o/vxzqz1vuRRArsTZaVzNM6RRwl8nvJshfYUL/IogafF2fnCn+voflkCHwev
+%0zgVtQUUHiWwMtHiid64I6DwKIG6D0fX+krPg8KjFP7Embw9e+wKKDxKYdPQ
+%8eMfKvmDwqMU5t6o5Ol+DgSFRykkcDpDAw7cBYVHKchOtK6WTHgICo9SeDKA
+%Z/pK9SkoPMpAd+noUVGFwaDwKINIx7KNrtHPQeFRBpaW81ISnr4EhUcZpGWU
+%ds649BoUHmWQ9KjT5sL+t6DwKIO+r3q1c1a9B4VHGTzLyf4weWYIKDzK4Rtu
+%MRpoHQoKj3IYZZf3adnZT6DwKIe/qycen3LkMyg8yqFL1igfbbcvoPAoBxU/
+%G+G77V9B4SF//ip+KW4IA4VHBbgOM88UrvwGCo8KmOXzNPazw3dQeFTAgfqw
+%9PL54aDwqICffYpCvGdFkEcFfM/ZZL17SiR5VMDxSV8Tt46PIo9KaEjs8mgG
+%RJNHJej8mvV8+qgf5FEJu0KMcvyG/ySPSpjvn198dkgMeVRC+fvY86qDf5FH
+%JVzYaFAxQD+WPKqgclvtm02XY2k9VTAtN6mbnl4c+VRB7dlrZXqX42h9VTB0
+%4fusgXq/yasKmhcmX313+Tf8W+7qKjgU+2D8Lv148quCHqoLQ375xoPi/iA/
+%vn1/tzFGCeRZBUPumZ9W9UugeVTBjA+LDfRME8m3ClaHR5697p9I86mCbDuz
+%Oyu7J5F3FaTd/V1+PiiJ5lUNE23umRX0SSb/ajhuONbmiPx7jGJ+1eCghIa+
+%g//QfqgG3xNPHgte/6F5VkP4l+3hBaNSaH9Uw9NUx3Fln1JovtXwsNqzfMfE
+%VNov8ufvT2k6/EileVfD/KcvLh6ck0b7pxoM9Mr366ek0fyr4aeT3ZZWx3Ta
+%T9VQHBI1aW5hOnnUgFr40sdKm/+SRw28nhxwR6nxL3nUwKrOX3FH3DPIowaK
+%DI/lzdLMJI8aWBIWl3jgbCbtvxq4Mi8x6I4wizxqYNyJn2qX52SRRw3EHxUM
+%iricRR7y4wVd0xz5N4s8aiBn9Phbf82zyaMGVKpGiB+szSaPGkh92f3Yg8fZ
+%5FEDvMXqFcV12eRRC5xxO1rmjMohj1r4e33qT65nDnnUwtnYX5dqInLIoxbm
+%LbpiqinOJY9aGKqnKVi8MJc8aqFQ8mtp4fVc8qgFu6v+V98V5JJHLaRr3Twe
+%PSCPPGrB4m3IQY1deeRRCy3LNqqvD80jj1pQ43HaLDXzyUN+PXfjK6xn55NH
+%HTgdWbLK7ko+edSBpvY9i4jcfPKog3737p850L+APOrgS5vw0rZdBeRRB/7O
+%2c+DPheQRx0E1AgdtQSF5FEHPl39e6csKCSPOkj/o4Qp/oXkUQfz/Fc/E5UX
+%kkcd3LbS+3DRuog86kB0eELEskNF5FEHPd1X9F0SW0QedRAvOvr9rXExedRD
+%2LvqyCXrismjHjbN21jR81UxedTDt4DYpctUSsijHsww7VyYbQl51EPkWusd
+%ftdLyKMeYkK6C26WlZBHPdiEZvatGVlKHvWwIXj7voPHSsmjHob0DN22608p
+%edRD/rzaO18tysijHjr87p5evKuMPOoh/rvznOnhZeTRABt87ilt0isnjwb4
+%41I+qHZNOXk0gJnJjx0Rb8rJowEe1RzrVcStII8GaN88qmKRfQV5NED+144/
+%Ux9VkEcDTOAZzdzWWUEeDfC8JHWj6pxK8miA99WDs7MDK8mjAQ7ZbpCNaKok
+%jwYI/FRlGNejijwaADr2rI2ZVUUeDXBqit7Quj1V5NEIz5qrtNYEVpFHI1zx
+%+vAzPKaKPBrhq75j8IHmKvJohIvaSeUruleTRyNYmxuZuc6qJo9GKFvNmRDq
+%Wk0ejTAxqb3PpDvV5NEI+guqVIrjqsmjEZRTalzT26vJoxHMqkdpN/euIY9G
+%2P22Z8qwBTXk0QidX3LLP3nWkEcTcLtnmxx+UkMeTbDQ4eqU1ek15NEEM/c5
+%V5zm1pJHE3iPW8ipH1ZLHk1g+ZRvfnJlLXk0gavLI32Hc7Xk0QQ8aC3a8KmW
+%Pj+bIKET1j+vqCWPJlCa9PLGCJM68miCQwYTZqpOryOPJtBqfSZrknem8GiC
+%GXYux0bcryOPJkgZ3e/E55Q68mgG7V+/9m3g1pNHM9TxdtusH1FPHs0Q5587
+%JmhdPXk0w6TdoweNvlJPHs2w+/Sjbs1R9eTRDKbJzq86WuvJoxlcZLOU5/Rv
+%II9mUNpbujhnaQN5NMPZiMaAkDMN5NEMWZMHL6j40kAezZAU8mPIKvk+Ung0
+%Q2FHjptJr0byaIGVPXtv7WnfSB4tMMVr5FuXU43k0QL9HhWNNZY7KzxaYETl
+%S2N+QyN5tMDYqEvR0/o0kUcLvBo/7savpU3k0QIbe8R+DDvfRB4t0PfdzB6N
+%EU3k0QI7Fm5o9OpoIo8WCLFYOF8/Q4oKjxaIfXJO716pFBUeLaD5JF40q1mK
+%Co8WkG36XifUkKHCoxVarG0PpWvLUOHRChmaHZN/mstQ4dEKCw+Z7Pw5SIYK
+%j1b45N1rS9EYGSo8WsFhsINJlxkyVHi0wpqVnGtb7WWo8GiFQ5udshPWyVDh
+%0QptGxdtddgtQ4VHK1SEZ5nUHpahwqMVat2dBPcuylDh0QqOlrsa9gTKUOEh
+%//vpD6rXPZehwqMN7IOXzHX9IkOFRxvYuukdvhYnQ4VHG2SmvHEpzJKhwqMN
+%rH4ccJxYJUOFRxv0O9/o+aNThgqPNjgwrO7ZZpE2KjzaYGHiEu3hptqo8GiD
+%8+laa7oO1EaFRxu8v1jxujtoo8KjDUz6en6ZOUubPNogfH/ieD9HbfJoAyja
+%0SLdok0ebVAx8uqpJx7a5NEO626UqK09q00e7VBuUpc46ZY2ebTDD2fJ7kXP
+%tcmjHQb7LjA4FqZNHu1wYULt4cJEbfJoh9l/zu7dXqhNHu2g17Ww26BmbfJo
+%h2U3eF15fB3yaAdlw/fnzU10yEP+3MZnxcqBOuTRDk3LqnwSx+qQRzvMeZw4
+%fc88HfLogEQ3t6Xz1uiQRwcsueMhXemqQx4dMNxNsvjxSR3y6ICSEaeDevvr
+%kEcHWOxy6Z33Qoc8OqBVvfJBSoQOeXTA/uH3tsn+6pBHB+ztlr/0WLUOeXRA
+%26WGmxPUdcmjA5Tm9soZY6RLHh3gZDq2+PAgXfLogFmrHs/Qm6hLHh1gddNA
+%udFelzw64YptnorJVl3y6IQ+1UOWXTuqSx6dsPH4VgOXG7rk0QkhLuU9/F7p
+%kkcnpFefi+kVo0senaAzwfqdYYEueXSC2q4wvmOHLnl0wpi/Wp56enrk0Qmn
+%BY5lYwbpkYf8+ZGlvIQpeuTRCcsObXuXukKPPDpBd9vgCkc3PfLg4L4bhfdd
+%fPVoPRz8kHxCvf2FHvlwMPY294xxnB6tj4NuEw8e+16uR14cNEy2tdTh69N6
+%Odir4Ty3vZc++XEw7WTKxzuT9Gn9HDR+YN2larU+eXIwtCxGWH1Yn+bBwQil
+%P88ig/RR8XuGg9OcvVLXRurTfDiof23AqOJSffLmYPLNgPEzRQY0Lw4K04Xd
+%Aq0MUPH9gYOcZuONnYsMaH4cDBKHa69wN6D9wMFxyz28iu8Y0Dw5uGLtg+sn
+%fhnQ/uDgn54R8TubDWi+HDzQ2NF6s7sh7RcOWnIe2JrONqR5c1DdL+Zoi5sh
+%7R8Obgy4u6zbY0OaPwffzEk79iPDkPYTB20M1B8ki43IQwknfM4Zaz3eiDyU
+%8HAT72L8biPyUEL19xdFux8bkYcSbsxtHPktz4g8lLDzmajFxMiYPJQwymRD
+%6WtbY/JQwqS5QeXcQ8bkoYRio/jMzmfG5KGED8x9z0xKNSYPJZzqeMSgvs6Y
+%elPCaxNmDBe2GZOHEo7fYdTVqMCYPJTQPnZyq/NdY/JQwkpf9Z+bRxqTh/z9
+%vMC0l1eMyEMJhzyueFUXb0geSsiPFJ01b2YeSmh0vXfJTWPmoYQyk6FqxtP1
+%yUMJ7XY9Vg47qUceSng0+kLj8Fxd8lDC0dkvSmymsZ7lr7tVeZwMY/cnJWyo
+%35//aLoOeShh1/aYyxOztclDGTt8Bl1K+//7rzKqOz/MaeqtTR7K2Ffz0Zf6
+%VPb5qIy/3+/9r/Ac+3xRxm6hya2/bdnnpTKGe7wWWGizzxtltKn3GV6eJiUP
+%ZdQN6xfWFiQlD2V0KDJKu7RLSh7KOMki3mX6VCl5KOOOlgwDblcpeSjj9skD
+%T65pkpCHMp5eobPVNF5CHsp4Yu2CublPJOQhX1+QqdGDUxLyUMZXt4/b9N0s
+%IQ9l1MozzbKdLSEPZSzh+quVDpGQhzLe7TjSu8hAQh7y+Ri+knTjSMhDvl7t
+%tEzfQjF5KKOSUso6vVgxeShjd+eFPrffislDGfd/abUyDhSThzL2i6vftOW0
+%mDxUcIy7hZ/PXjF5qGBj4rTxXmvF5KGCz6fbv7VcICYPFZxpO7DywHgxeahg
+%c8VNHXcrMXmo4M//bjiKuonJQwVbu8WsHCkTk4cKtvCvDstWEZOHChbVP1Dq
+%XSIiDxW0sbkzY9dPEXmooJnOw1sfgkXkoYJ8lWnd4i+JyEMF7bc0xETuE5GH
+%Cm6/8PTjiRUi8lDB9NERyWrTROShgufn3JwxzEpEHipo+XLsXB1jEXmo4M0Y
+%8UM/NRF5qOCms35XvlVqkYcKBjtZHz2YqkUeKqjT8Wzat29a5KGCNeu7jrwd
+%rEUeKmg4++bkTj8t8lDBBKt7L7K8tchDBeFQ7dzRu7XIQxWnDgmMEa/WIg9V
+%jPT2rbadp0UeqvjNs2O/yjgt8lDFDM/T3C6DtchDFc8Ihx/yMdMiD1XUv3Gj
+%p6tEizxU0a7s/In3SlrkoYondYLHz6oRkocq2jxetnxsrpA8VNGZa831ShCS
+%h/x1/dm3TL8LyUMVh/f7O0PtjZA8VNEqqN9ly/tC8lDFiVHCF8+uCclDFR3a
+%ElN3nhaShyre6Ts02sNTSB6qaB2f6xmzQ0geqhhq+Mhr8ToheaiiZnjnDosl
+%QvJQxcMfDacMnC0kD1W8cWe01dYJQvJQxc04e2PFCCF5yOc5v9zjzgAheaji
+%f86LOk53E5KHKo4Xhbk80xeShxq+//7KkaclJA813DvtcffjKkLyUMPO1LGb
+%xzQLyEMNh8ycsbd7pYA81FBzafC4ofkC8lDDZTqLTm9NE5CHGpZ83dUtM05A
+%Hmo4OfI+uEQIyEMNt3vUDx0UKiAPNfRatq639JWAPNRw4+s6E9NHAvJQw1yl
+%J5NnBwrIQw1/Lr3RHnhVQB5quDXe84b5eQF5qOH333bdQrwF5KGGK/8ILT08
+%BeShhhseZoU4ugrIQw1jq9+kLdsqIA81NNo91v3QegF5qOGLVhXJ9+UC8pDP
+%79jYwB72AvJQw69P6sJuzRWQhxo+5R+fNma6gDzUcMfb/a4N4wXkoYZ/Ays6
+%I0cLyEMdDVTjo94ME5CHOoYtGZjyaaCAPNSxxwZeeVYv5qGOylayRV3MmYc6
+%Kk3bULDNiHmo49PDe3pkaTMPdczUNLBbo8U81LFzrOC8iibzUMcgt4jVL5WY
+%hzqeqNRxcW/lk4c6JmXMVXes55OHOu6rThsxr5JPHur4M2BM45JiPnmo4xKx
+%uoVrLp881DEw6q7347988lDHN00bDjQm88lDHR1XPmmx/c0nD3UM2TGr5f0P
+%Pnmo41uLfPPR4XzyUMf3XScm/vjMJw91HL0xw3jzBz55qOOaWbUt3V/zyUMd
+%v0wzby8P5pOHOvZ0con48pBPHvJ5Tc4/8zCITx4aOL0gyuz2LT55aKBHbdzG
+%h3588tBAFeWOO999+OShgYPuDl1Xdp5PHhq4T999TI/TfPLQwAdrLSY7e/PJ
+%QwMbi5ZqhnjxyUMDV6dzLc0P8MlDAys7V/c6u49PHhqobpPqJN7NPDSwn8Y5
+%U79tzEMDNV+knB+6mXloYEfTy81/1zMPDYztkht/ZjXz0MDD4Sufzl7OPDRQ
+%X9u0xWQp89DANYMMZzcuZh4amOxU/Tp9PvPQwL4R9f4/ZzMPDez9dtLh6BnM
+%QwOPTg6I+z2FeWigmv3EcQUTmIcGcvu7RKjaMA8NLDFvshw4hnlo4NZjQZdW
+%jmQemphpvsY7YBjz0MQV6v0elg9mHppoNeveoLEDmYcmzk0/GHijL/PQxEXh
+%uhyNXsxDfrzpAR57ujMPTUzqca9fXVfmoYmhb2o/7DZhHppoPO+JqaYh89DE
+%6w45//nrMg9NvBf6MBNkzEMTF98Z3a9UxDw08THf8JafgHloom5tSuICLp9+
+%f8rPd6StzEideWhi3TqxZrEy89BED8f5Az508shDEwNd327wbeORhybqhF2f
+%tq+ZRx7y9RmE9Hdu4JGHJg7Jq3uyrJZHHpo4zcZCd0kVjzw0ce/X+Sucynnk
+%IZ+v8fwZziU88tDESouOcrdCHnlw0aBvbqRvHo88uHi83XTju2weeXBxwfTq
+%1twMHnlwcbLm9q/SdB55cDHt5rlBU1N45MFFvp2T9+EkHnlw8dQmA6/oeB55
+%cDH8nN4unTgeeXAx0/Ne56oYHnlw8cql5SEfo3nkwcVjmya3GkfyyIOLXX0m
+%9T3wnUceXGzWbU8s/cojDy6WdB8w3+Ezjzy4+GDw+te/P/LIg4vWx9OCZ33g
+%kQcX3wgmmce/ZR5c1N8cKXR4zTy4GCBy8C5+wTy4uK1gw4V9z5gHF98GCLrq
+%PWUeXOzhHVf48hHz4OKQ08eP2D1gHlzc3vKsWfUe8+Bi28bAvy/uMA8epsVX
+%aq8NZB487Mrv9sbsFvPg4f2tKh8zbzAPHkbFb7UN9GMePMzQnvZjw1XmwUO9
+%BVuPjfJlHjx0nucUL7zMPHj4ouBeVP4F5sFD4cQTsz+dYx48PLX4euutM8yD
+%hzu52hVHTjEP+XUc0lbfdoJ58NDnQr27kzfz4GGu/lWzeUeZBw9DHk57PP0w
+%8+BhdPnpBZMPMQ8eFo7JmjDFk3nwcNecFS0zPJgHD7+nxzfNd2Me8jnv1lJe
+%vo958HDgJf3D21yZBw9t1+isOrabefBQypEW+O9kHjycXTN04aftzIOHomsj
+%qrK2Mg8+ui0xDldzYR7y+9Cd8V0HbmYefAy4UHnJfiPzkN8nNrhPOuHMPOT3
+%sbbi+Z/WMQ8+frC/kdO0hnnw8b86s19Wq5mH/L543/zPtpXMg4/L591seLmc
+%efAx92fuxbZlzIOPYpHD3YmOzIOPEVM6Us4vYR58FF1WM8y3Zx58XNX+NNPa
+%jnnw8XifAMGZRcyDjxMnqF8pWcA8+HhS2WP2lPnMQ35fvJJ69f5c5sHH4RyL
+%3lpzmAcf0xd9qdlhyzz4eFWUbJY9k3nwceDjZp+ZM5gHH826aPf+NI158NGg
+%aM9Iq6nMQ/658tYp+v5k5iFAs0dzw7tNYh4C1Lh3a5P/BOYhQLcOpzVm45mH
+%ALd0fNALsGEeApxun7Cl91jmIcC7pTJRMDAPATrH2W3+bwzzEGBS6C7zqP+Y
+%hwA3+ElLFo9iHgL8o5TBqRjBPOTfe0uyfQ9ZMw8BxvYP5pkMZx4C7GNjFfZ6
+%KPMQoP9Tw/L5Q5iH/Hvfw8fRDYOZhwBfF6X4+FoyDwEO2NeUPGYQ8xDgs9zZ
+%WDCAeQhwtNeGfWf7Mw8BRs8O7j6mH/MQoM+kdQ3lfZiHAPe47hx4ozfzEKD9
+%1GPFc3sxD/n36h7h/XgWzEOAPz73bP3cg3kIMSanydWtO/MQ4sUTGVUjuzEP
+%IX7RXb6t1Yx5CLFS1yL3Q1fmIUT3wDfOB0yZh/x30/4818ldmIcQh5760CYy
+%YR5CPPSpMyPNiHkI0XLryJV3DZmHEBOnJq3bZcA8hPj2L+f1ZH3mIcSI+Dgv
+%Iz3mIcQFrqHSah3mIUTrETFvw7WZhxB7Buzz8JcxDyHOzR9lsF/KPITYlqGe
+%YCdhHkKc/t3+ywgx85DPozM92FDEPIR4xpQf2S5kHvLX7wXeyhEwDyEunryU
+%E8VnHkI8V9hd/TmPeQgxuM/PD35c5iH/3edxcI23JvPQwhGnFlvs0WAe8t/5
+%9SZX1qkzDy2M9HB+YqfGPOS/s9+VBc1UZR5aaF615MJ4Feahhd57M9tHKTMP
+%Law+btIyRIl5aKGL2oIRgzjMQwvPLVxr2a+TSx5aqFbb9rpPB5c8tDCxxapv
+%33YueWhh6YjlZv3auOShhYVHuv4a2MolDy3c7jkwf0gLlzy08EzQMruRzVzy
+%0EK35W6fbJq45KGFuW0DNKc3cslDC78Vx6QtbOCShxYKVk1atFL+uavw0MJ3
+%JywOba3jkocWFl+J6eJZyyUP+Xq9hxy8UMMlDy0cr+kfcqeaSx5a+OitrOhd
+%FZc8tLDPz+9r4iq55CFC3cSka0UVXPIQYR/D1c5K8ucKDxHOv6xhZ1TOJQ8R
+%ThumNmF4GZc8RPh+bMvcefLvDQoPEc749DhnawmXPESo4pq8/1wxlzxE2COm
+%0fFFEZc8RLindO/VpELmIcIt3OdzWwuYhwgLB9w50bWAeYjQr8T29cR85iG/
+%3guD52zOYx4i/Har+bNPLvMQ4X2Tl9Zfc5iHCO0GaAytzGYeIqySFv0yzmYe
+%Imzt+Nx3Wpb8e9M/DxF6fGtw35vJPER40v7gvocZzEOEO9y2xGX8ZR4ilIQc
+%PSL9yzxEuOqS7bpJ6cxDhJrfbdfuT2MeIowcYnTlRSrzEOPie38sylNoPWpi
+%HDql++yeKcxHjJMD9qx3+sNV/L4SiTFj9PrVfsnMS4zCLocbUpNovQZiHJQb
+%9Uk/ifmJsf/GH6sXJdL6u4lxn3FXb58E5ilG28lvrFPjaR4DxGjS093TJJ75
+%yq/vcOVJp9+0X63FCHc44XfimLcYI3vN61keS/OyEaPHU9fbVrHMX4x/0qe4
+%7/tF85suRpedvZ98i2H7QYwOa5MniWNongvFeHez5lr7n2x/iFG6qSwj6AfN
+%10mMu33E3vXRXPr/M2LcmfLOcXw0zdtZjKFFtyaej2L7R4xTQxKm5kXS/HeI
+%Uav+cvbQSLafxDjs774DRyPIw0OMF6dKPNPD2f4So9L7oNGDwsnDW4xL736x
+%PvydPE6LUfy08EP6N/K4IMa9nQNdhnxj+0+Mzlofu58II4/rYoz1v7Qr/yvb
+%j2Lsod3zGH4lj7tiNL/qtfXqF7Y/xVgbURTR+Jk8notxTop9+bzP7P4hn2fR
+%nsPPPpFHiBi9v8ycLfnE9q8Yx7ROt3YJJY9wMdpMKNz7+yPbz2J8bRmYN/gj
+%ecSJ8Zn3tbGXQtj+FqOeS6R58wfySJfP67j7tSUf2H4Xo07WyxVf3pNHgRjD
+%v3Gn9XrP9r8Y59343n7qHXlUiTH54CnlhresBzHyup8/svQtebSIceIky6jw
+%N6wPCfImunEGv2F9SHB5w+kF116zPiT4yajIU/M160OCI3RTi7a/Yn1I8P6B
+%rvNyXrI+JHhmXvDbWS9ZHxLcmnd7QOgL1ocEN2+z2j/gBetDgpUOlrIbz1kf
+%EhRJTs8TP2d9SHD6l/SOA89YHxLM1vXIqwtmfUjQRFY+Ym0w60OCQ66V6aY/
+%ZX3Ir0fXPmX2U9aHBK8Orov+/oT1IcGVfNmm0U9YHxJU7Xzj+OIx60OC5Q+l
+%yX0fsz4k6DRo95/AR+x+KsFeTU+bTR6xPiRombYs+vJD1ocEfU+UBkgfsj4k
+%aBqy/NnJB6wPCe538+XzHrA+JDiH093/8H3Wh/z6ZitPUr3P+pA/r3dw8rzH
+%+pBghVvIcqV7rA8Jrg3r2ONxl/UhwdATlQ2cu6wPCRZPNz1+IIj1IcHMEVwP
+%5SDWhwTx5gMrrzusDwmm3+NlaNxhfUiwR9rXTO/brA8J7ozO6SW6zfqQ4MJ+
+%M36dD2R9SHCFZuZ4g0DWhwSl16q8bgSwPiTodUWrqEcA60OC9kX3vz68xfqQ
+%yH9PRlUNucX6kOAMfdd+If6sDwk6SAP6TfQnjwIJTvjoZhZ7k/UhwbFGz/Xt
+%brI+JBhXku6fd4P1Id9PE/c1b77B+pBgxrQ67bbrrA8pug2fa3f0OutDik/s
+%dq7Quc76kOLMhcEzA/xYH1I8YCrbaenH+pCiclBYbug11ocUc0x9fs26xvqQ
+%4rqI/g8yr7I+pNhRa6W+5SrrQ37+RWeclK6yPqTo02XbwPNXWB9SvGp+jtvj
+%CutDig8Ww7nXvqwPKR4/kxs71Zf1IcXYniYLM3xYH1IcvXhb3VYf1of89cu9
+%MjR8WB9SBM/lln6XWR9StN07c7bVZdaHFIc2+a2JvMT6kGJJxeHJyy6xPqS4
+%I8o2o/Ei60OKl/PcY09fZH1IsV4y06zXRdaH/HifNJs/XWB9SDFyx9M3dhdY
+%H/J5j7C2rTvP+pDiO9kjvdPnWR9SXPGr5mDv86wPKf52F+K3c6wPKQq2meg6
+%nWN9SHHMqoCX7WdZH1LMU3Oec+Us60OKTpsLXYafZX1IcXF08qLEM6wPKe50
+%SF+77QzrQ4oG5zdNlp5hfcjnYf94TvBp1ocU9z27mmZ7mvUhxe4xfl2rT7E+
+%pNimOePz2VOsD7m/Wr+8wadYH3JfTumwhJOsDykeGzR0z86TrA8pJrmHb9I/
+%yfqQ4vh5zRbvT7A+pFho88pu6QnWhxS//ne9WukE60OKfbgD228fZ31IMfPS
+%lZCpx1kfUvQYc+ZXpTfrQ4YXu3wruODN+pDhbmn/8yO9WR8y/HZhQlvWMdaH
+%DMdm7j5/5BjrQ4ZvRjvYDTjG+pDhzqcLkhOPsj5kqPLMInX/UdaHDCP9Hkzs
+%eZT1IcOS1idhMUdYHzJU35aXt+sI60OGsn6qaHaE9SHDISk7rKIPsz5k2K1o
+%ydYdh1kfMpxnOrzG9DDrQ4ZDBeP+RHmxPmRoXmG/facX60O+fjX1ueZerA8Z
+%+k7Xt4s5xPqQYbD5r7+uh1gfMrwQvJHb6xDrQ4b97cVWiQdZHzIcPmvBE8+D
+%rA8Z3r/829jyIOtDhjru+ksyPVkfMsxcN8zllCfrQz7Pvu8jRnuyPmR4t8fg
+%JeUHWB/yeW1sWuB3gPUhw6kfg/rNOMD6kKGueVpnuwfrQ4bTnxkrPfFgfchw
+%WlwNd5kH60OG1qXyu4wH60OGASPqm766sz5kuMP53eqd7qwPGbo+K2ro5c76
+%kGGb106zdDfWh3z+41f7nHZjfchQeewUu3FurA8Zbnru4dq4n/Uhwz/n3oc9
+%2M/6kOHxVe+PLNvP+pCh1bCJ3jr7WR8yTHjbMjl6H+tDhhmZCYke+1gfMvy1
+%wSV/2D7Wh3y/nMsYV76X9SHDo9OOBwfsZX3I3/986F27vawP+d/r6CyU7mV9
+%aGNE04ukSFcu/h+i+QLA
+%     "]]}, 
+%   {GrayLevel[0], LineBox[CompressedData["
+%1:eJw113lczNsbB/BpmmavZokkW7cI19ZybZfOI5VoVymKJCJbiVC3ouxLJJWI
+%uOLey00JP1uYuAiFlLQo2hftm/b6DXOe7z+9pu/M+Z7n8z5zzjM6a3yXrmMy
+%GIxOJQbjx1+8Ul26/o4JaJf9oZG8qCxoP7EvejblzHx8HU3Kp3Tv3KfSLrs/
+%5kC9w/0EYvLPcO7Gt230/hUSCL43zWPaZOfO/riukUvnfW4OX9lG359MLp2e
+%4fRVr03W4PDjP6nkOLep5s+GVvr5O8R/ZtyTlXdaZfz8RL/5/HvkN9fQC5rB
+%rXS8B0R9W1JLxsJW2ST3k886Jz4i3df91u0UtNLxn5CuwPe3dXNbZFfkn85P
+%TCdX6xcp551roc97SsaeXSA7sKZFZvTz+o+cu2fBNpjcQp//nGw94u32sqJZ
+%9l/nRPkTXpBj6y1fGm5vpvPJIAe1JiYnMZtlS38+8BVJ3xWvPzOqic7vNXmX
+%EvnwjU6TrCzox4BviOGo0dt9UhvpfLPIRH1zkfaCRtm2H9Pze0vYlebXKrIb
+%6PzfkfS0E4bpqxtkCo1sovf0TMejlnpaTzYxStlZk763Xmb58wEfiEWWzrh2
+%UT2t7wMZ+76vYOaf32Q/nuZ+Moes+8e++ILBN1pvLulmDSpNe1Yn+1lOfi7J
+%2q+kW7C0jtb/kahbvitKrqiVjf0xnTF55G7pwekXd9TSPPLIxOEub9JUamXr
+%vX9cn8iI7SY3hWdqaD75ZJnBKub+iTWyH6NpJOeTzZuAO/FhNc2rgESvbe6u
+%saqWff8xXGcBufAx51FuSRXNr5DYvXROH+ZXJTP5OWARmRzfp7qDWUXzLCLW
+%He4uddGVsp/TO/CZBCzmBH3Sr6T5FpOh/7UEZD2skL3N+nEVE6dLHZ6DNhU0
+%7xIyI377/ZCyctmwnxP8QtiJLrGTAspp/l/I4/P321R45bKfw7l/JfY7Pe5r
+%XyijHqVkzICdT4JBGa2nlFyws3TUfllKfUpJsdLhEqZbKa2vlPS/D9zlWPqV
+%epURrdyQ2z6Cr7TeMtKt22sTP/ML9Ssjq13q/FevKaH1l5M7ET3VshPF1LOc
+%kDuSwZK0zzSPcjLX0C00qK6I+lYQ3U3SeDfNIppPBdGPdB78xaKQeleQw8KO
+%x3sCCmhelWTqNqdxm6/mU/9K4mhePz4z7xPNr5K4f+v9PMj+RNdDFel6wdRM
+%nJ1H86wi1zh3H52OZoNifVSR624L1xgks0GRbzXZ8i79iyyDDYr1Uk36NijX
+%TStjgyLvamL6yND/VC8bFOunhlxcJ/izUMoBRf41JInt/og3lQOK9VRDLryI
+%mDDVggMKj1rSvuLwQkMPDig8asn1lPDrWrs5oPCoJbuW/6vaFskBhUct0Q4X
+%cFKvcUDhUUfMohOuOT3jgMKjjqiP6tSsLeKAwqOOpAdUqy1r54DC4xvRyOmX
+%3RZwIfKnxzfya5ZdbKcuFxQe38jbm0kfpfO4oPCoJ5n9jp1jnbig8Kgn+5M4
+%9fzNXFB41JNAPe7Bin1cUHg0kKIzyeHR8VxQeDSQB8Xx18ff5oLCo4Esn9v6
+%9NIbLig8GoljSnrGYBkXFB6NJOiwh/eMHi71aCRXhwseWol41KOJbMn0Zi3S
+%51GPJpImWOM8zIRHPZqIzW1OZoYTj3o0k4TR0+4s38SjHs3kaKnV8PQwHvVo
+%JiwDHw+lOB71aCFWMIM1NplH62khUS9reRrPedSnhVgbGJ//XMij9bUQVePI
+%wh3NPOrVQiKs1OrqWHxabwt54B+UPmUkn/q1kFcjWx1Np/Np/a3EyPjRhwlm
+%fOrZSlK5r5vyXfk0j1bCuFbW5rCFT31bSalhsvf5MD7Np5W0rPhNIymGT71b
+%SXH1dM2Qa3yaVxvxbw3J037Mp/5thPVCemR3Np/m10ZeXnTNiKngg+L72Ubu
+%elZxt37n0zzbSO7iPZUqPAFdH21EZ6bqTXttAc23nZjbs7udpgroemknc097
+%zFcnApp3O3kxm1+xw15A1087+T1jUVCkp4Dm305m/hK/aqm/gK6ndhJ0+qHa
+%w3AB9eggy2sdZ72NElCPDtJQlKsTdllAPToIz1qq/y5VQD06CPu37G1P0gXU
+%o4McKw2fZ/FeQD06SEZtZLRXiYB6dJCjG7duEdULqEcnCf3rz9k23QLq0UkK
+%HErbR6gIqUcn+Tt+dukmsZB6dJKsC8b3zEYLqUcn6XltrHt5opB6dJI6rvX6
+%UCMh9fhOVmUM+uTNF1KP7yQyqOvBP4uE1OM7ebvdM6zNXkg9vhPd3P2bUpcL
+%qcd38m6q/5QyTyH1+E469l2Yvd9HSD26SB37zalYPyH16CLrJ++ql+4SUo8u
+%EqezIHgwWEg9ukiQC+uEY7iQenSRoqilT6SHhNSji+zZ4Fv7+zEh9egmH9Sm
+%2r0/IaQe3US3503em1NC6tFNJp2McjOIFlKPbjLayrKOGSukHt3k5DdG3IIz
+%QurRTbQttkqb5K8VHt0E3L5bCeKE1KOH7LnrnHNOfl/h0UP+47jMuxSLHj1E
+%dbxgkXYMevSQvcabWBqn0aOHzDDfueB4JHr0kD7fuqDDEejRS3Z1nq/jH0WP
+%XmJw+Z3WiIPo0UtsjmnF3AsT0v2yl7wemPBLQzB69JJTUu20tF3o0UsKTQaL
+%J/mjRx/JC1N78Ptm9Ogjz6Z5CLrXoUcfMbw4RcvLAz36yGpXJdtwV/ToI9yC
+%m87uDujRR9JWbwvrWIwe/eTS+3y2gyl69JMvo6bl75yLHv3Ex+PTk42G6NFP
+%vubv/NNwMnr0E795re45OujRT9gr8sfba6FHPzENeTGYJEKPAfIhKHKoiYMe
+%A2TNeda/2kMC6jFAjpjxcmZ+F1CPATL54f63CxoF1GOA/JUOdxdUCqjHAPFe
+%/+z4/M8C6jFIApqjOUY5AuoxSMIuGSye8FpAPQZJV9XacaPk32+FxyDpfMxa
+%NeyegHoMkqf3v/2nkYz71SCJPrabMe4q7ldDJDUmjGt4HverIeIoOKu+7DTu
+%V0Pk1OQRJYeO4n41RPr3Maa+DsP9aojcC7YyHBWI+9UQmfXilvp+P9yvGDBB
+%i1U7uB7rYUD7pkTdUx64fzHAMMi9ZI4L1seASZ4uen22uJ8x4KXppLAPFgL4
+%Wa43A/ROTD3z0gT3NwbUloqO58wU0P2BAQEaVqo903C/Y0BC2JK7s/QxDwbY
+%JwiXxY7F/U8+fuHBa6ojMB8G9J4rq7oswv2QATc812gv5WFeSlAyh9czion7
+%oxLMspycxOrj0/yUABqjVTkdeH4pQaL5yJLxjXyapxI0vp/DW12N55kSJI3R
+%s7n7lU/zVYIp1e6dEwvxfFMCW/u7pXdy+DRvJQh+ZfjOPQvPOyXYslY8oPOS
+%T/NXgm0HC58y0vH8U4KeUCLpesCnHky4t/d4GP8OnodMmLUuzW9mMp96MCGx
+%57ZO8D94PjLBOfn60+LLfOrBhJXR622WXsDzkgm/ivcwq8/wqQcTtG1SNkdE
+%4fnJhNa7anE2EXzqwYSooazB8YfxPGXCwemZK4ftw/6ACQsjR87QCuVTDyY8
+%VdeuNw7EfoEJSapm1T47+NRDGeIfx7Ym+2L/oAy/eV2yUd2EHspwYkdeQag3
+%eiiDkW6OWGUNeihDjdGXlxdXoocyjH2X3WazHD2U4Y1txr9qzuihDJ8fP3lW
+%YY8eyuA/+GHtG2v0UAb192eVn1uihzIE2M43yjZDD2X41M1PagD0YIF63PhC
+%7fnowYJXGr7PV8xBDxa8WP5r/7+/oQcL7G61HxUaogcLtoYdbv9jGnqwYPtS
+%k4yByejBgojzR8Mi9NGDBcPZA+ZT9NCDBQZeB1IKx6EHCz5/U74YOxo9WLCs
+%rt3McyR6sKDu2j3vOZrowYKKPz6+HquBHirQo9PDlIrRQwUCnM9HaaihhwoE
+%dwY80BGghwq8rPaYO4+LHiqwt1LNxksFPVQg+6lgZCwTPVRgR88vbz8O8aiH
+%ChBPVcexA9i/qkBJlaZbQC+PesjvP9FOyuviUQ8V2FXtc9q0k0c9VODwHKWZ
+%D9qw32XDgb73z+e2YH/NBqXogIEXjdj/sqE0EhLc63nUgw2XN6Sf7K/FfpgN
+%1rKBwqvV2I+zIS2WMcG1Evtj+Xhz42KGl/OoBxt87w0zK/6K/TIbTB24XddL
+%sH9nQ9jhb9Xhn3nUgw3m1o4Fa+T9tsKDDR990q4syedRDzZ0ufZdn5eH/T4H
+%1mjV+M3M5VEPDri0n1SZ/YFHPTjwNeBxKrznUQ8OJIZYDjq8xd8HHAi0LXyz
+%MZNHPTiw+9n220df86gHB1zvORWnZqAHByygmXx9gR4cyDArDBz2HD04kKSf
+%luvwDD04cPNzqUtMOnrI75cHZ355gh5cuKW82Xv6Y/Tgwh33tcUH0tCDC5wl
+%3ZnlD9CDC8Yfnn02v48eXJCcDhtMvoseXHC9IRga/T/04ELyQG9M1G0ePT+5
+%ULv5oonqLfTgQlTK/7wjbqIHF/bYjd8iTUEPLixq+scj4QZ6cCEwM9FrWhJ6
+%yOfj98Du+XX04EHXaaWkVdfQgwftgWNeD/6NHjzY57t7deJf6MGDzQWMYuur
+%6MEDr4sZ4r5E9OCBVbzm8OTL6MGDML249+v+RA8ehLfpOOlcQg8eHKpLaitL
+%QA8e6OU97//rAnrwYHLMQnO/8+jBAzuN2Ffz49GDD51Z043Uz6EHH4pWm9hV
+%xqEHH2xcSooen0EPPviOq4qMj0UPPvz++Oyp4Bj04EOL+Pkjz2j04ANv7Mnz
+%S06jBx/e39qvNysKPfhwNXFzoP4p9ODDwI2cbdqR6MGH7sTqPZKT6MGHhfXb
+%U4Qn0IMPnBmH7vIj0EMAq41/1RMeRw95H+HsrSk6hh7yvm3oYq/mUfQQwOxr
+%Goa6R9BDAAvVHhobHEYPAUStdHY0PYQeAvC3t/BadhA95H3Rp7YNWw6ghwDq
+%0z1WHNqPHvK+4tIo3Sv70EMAWrmRr/8LRw/550e/elgVhh5CMPUKuCAIQw8h
+%KJtHjTHaix5CmB5XHr5yD3oIoWMo6tvRUPSQ/66asD7vQQh6CKH1jmpCQzB6
+%yPve/KHfdYLRQwgjuLVrXf9ADyE070v5cCoIPYTAE1otfxuIHvLXHZJPgkD0
+%EELgUNYU693oIYSWRP+CE7vQQxWKwtR4H3eihyo8d24pH7kTPVTB0WNayNoA
+%9FCFsoHWTyk70EMV3EadujOwHT1UITmj09lmO3qowqHbK9IT/NFDFe6daE5s
+%24YeqpB9vcHccht6qAIj2/fART/0UAWf6kSVHl/0UIUd43LWO/mihxp4KU27
+%mroVPdSgpj/EUbQVPdRgha5+yLYt6KEGUxP4IR83o4caXPnlatjszeihBluP
+%hYYnbEIPNfBxel7F3oQearDD8V2o30b0UAP/htBzn33QQw02xD6KsPRBD/l8
+%0pd8u7sBPdRgVohV44QN6KEGUZ1/x8StRw91UJ+496lgPXqoQ16/m/9eb/RQ
+%h1yp6Oz3deihDtlHvlpuXYce6mDIH7GxZi16qIPrScsBz7XooQ6/apV1lHih
+%hzqUelUGunmhhzpIh91eWLQGPdRBP6NUe8Ua9JC/P+1V2WdP9FCH56OFD1d5
+%oocIGkbYnilfjfWIwFaTKd6wGn1E4P6x41GTB9YngtEtYck7PdBLBKmGUZVD
+%q7BeETzYdsLh6Cr0E4Gnw+bKYauwfvn9xBdNl1eipwgkqcojDVZiHiIw0ro1
+%IJPv44rfMyKwV7pB7N0xHxFsX5yQXOaG3iLomLbXdIcb5iWCvz6Gf+W4Yf8g
+%Am1vm8rzKzA/EUQZ5hwwXIHrQQRZDDXH18sxTxEEly177rkc14cI9qyWru11
+%xXxFkGtmuyDaFdeLCFaGul+f7op5i2B+t8+iTBdcPyJghbWKNrhg/iLYrR+s
+%z3bB9SSCfQdYrleXoYcY1vXPyzFbhh5iOJq+p6bKGT3EUN68J+uQM3qIQbfY
+%Y/RkZ/QQg1bqf5ffOqGHGD7pbyzb5oQeYuAtyPDVdEIPMawqGHPrsSN6iGFj
+%+pHCtY7oIYZXupeyhI74fZO/n6/E/99S9BCD2vclh1ctRQ8xGD0ouMVdih5i
+%MEzJHrjtgB5iEPeWtXs4oIe83mEuSUIH9BBDQo/6uIf26CGff2ZjyAZ79BDD
+%jTDueE179BDD6+E1rS/t0EMMA8t6L++yQw8xtB62ZE6yQw/5eAHLm4ps0UMM
+%Q580QyJs0UMMe6b9dgxs0UMCV3b01HXYoIcEbK80ZF+zQQ8JtAUVqnjYoIcE
+%fHXemAyzQQ8JnHKZfSvTGj3k9x9ywvZZo4cE1v7x7tbv1ughgUxVu/Z2K/SQ
+%wNQPX1JuWKGHBIxkxhnrrdBDAmXujdN/sUIPCSwxWGBesgQ9JHDd5eTss0vQ
+%QwLvh5+86rwEPSTAMTh/TLIEPSTwarePT/Zi9JDAv4bxlScWo4cEsk5PLbBZ
+%jB4SsOHMSRIuRg8JpD4dpvfWEj0k8LHZ+EiEJXpIYNSdDeNsLdFDAj47Hqap
+%W6KHBLT0nmrnLEIPCVSY6dZHL0IPKVwNFX5zWYQeUri7eIqR9iL0kAJX/1dG
+%qQV6SOHI5CneVyzQQwqhST1nfSzQQz7eVqn1dAv0kAJ71ZOTneboIYXHN71M
+%HpmjhxQcnGM37DNHDymEWNx3tDJHDynMGLHAV2qOHlK4b7x8eLEZekjB7eMx
+%vatm6CEFE+ulwVvN0EMKKddI0Gwz9JCC8dncCqYZekjB1W+4yduF6CGFywfW
+%jDq7ED2kwGl69mjtQvSQwuDe2rIZC9FDCtWnvEIHTNFD/vwt7/a+MUUPKVjH
+%6XLiTNFDCn9kjvmwzhQ9pFD4yiXfyBQ9NGCbumUmU/76/4f9glI=
+%     "]]}},
+%  AspectRatio->NCache[GoldenRatio^(-1), 0.6180339887498948],
+%  Axes->None,
+%  AxesOrigin->{0, 0},
+%  Epilog->{
+%    InsetBox[
+%     BoxData[
+%      FormBox[
+%       InterpretationBox[
+%        Cell[
+%         BoxData[
+%          FormBox["\"|q| = 0.02\"", TraditionalForm]], "Text", "TR"], 
+%        Text["|q| = 0.02"]], TraditionalForm]], {0.8, 4}, BaseStyle \
+%-> 14], 
+%    InsetBox[
+%     BoxData[
+%      FormBox[
+%       InterpretationBox[
+%        Cell[
+%         BoxData[
+%          FormBox["\"|q| = 0.05\"", TraditionalForm]], "Text", "TR"], 
+%        Text["|q| = 0.05"]], TraditionalForm]], {1.67, 6.4}, \
+%BaseStyle -> 14], 
+%    InsetBox[
+%     BoxData[
+%      FormBox[
+%       InterpretationBox[
+%        Cell[
+%         BoxData[
+%          FormBox["\"|q| = 0.07\"", TraditionalForm]], "Text", "TR"], 
+%        Text["|q| = 0.07"]], TraditionalForm]], {2.85, 12}, \
+%BaseStyle -> 14], 
+%    InsetBox[
+%     BoxData[
+%      FormBox[
+%       InterpretationBox[
+%        Cell[
+%         BoxData[
+%          FormBox["\"|q| = 0.1\"", TraditionalForm]], "Text", "TR"], \
+%
+%        Text["|q| = 0.1"]], TraditionalForm]], {3.2, 7}, BaseStyle \
+%-> 14], Null},
+%  Frame->True,
+%  FrameLabel->{
+%    FormBox["\"Impact parameter, b\"", TraditionalForm], 
+%    FormBox["\"Spatial rotation, \[Chi]\"", TraditionalForm]},
+%  FrameStyle->{{14, 
+%     GrayLevel[1]}, {14, 
+%     GrayLevel[1]}},
+%  FrameTicks->{Automatic, {{0, 
+%      FormBox["0", TraditionalForm]}, {
+%      NCache[Pi, 3.141592653589793], 
+%      FormBox["\[Pi]", TraditionalForm]}, {
+%      NCache[2 Pi, 6.283185307179586], 
+%      FormBox[
+%       RowBox[{"2", " ", "\[Pi]"}], TraditionalForm]}, {
+%      NCache[3 Pi, 9.42477796076938], 
+%      FormBox[
+%       RowBox[{"3", " ", "\[Pi]"}], TraditionalForm]}, {
+%      NCache[4 Pi, 12.566370614359172`], 
+%      FormBox[
+%       RowBox[{"4", " ", "\[Pi]"}], TraditionalForm]}}},
+%  FrameTicksStyle->{16, 16},
+%  ImageSize->600,
+%  PlotRange->{All, All},
+%  PlotRangeClipping->True,
+%  PlotRangePadding->{Automatic, Automatic},
+%  TicksStyle->16]], "Output",
+% CellChangeTimes->{3.556953242036603*^9, {3.556953596625984*^9, \
+%3.556953702375863*^9}, {3.556953796337514*^9, 3.556953956593231*^9}, \
+%{3.556954020687426*^9, 3.556954030706046*^9}, {
+%   3.558693364370013*^9, 3.5586933829491863`*^9}, \
+%{3.55869345851305*^9, 3.5586934742140837`*^9}}]
+%%EndMathematicaCell
+p
+np 33 1 m
+33 273 L
+469 273 L
+469 1 L
+cp
+clip np
+p
+np 35 3 m
+35 271 L
+467 271 L
+467 3 L
+cp
+clip np
+3.239 setmiterlimit
+p
+np 70 3 m
+70 238 L
+450 238 L
+450 3 L
+cp
+clip np
+P
+p
+np 70 3 m
+70 238 L
+450 238 L
+450 3 L
+cp
+clip np
+P
+p
+np 70 3 m
+70 238 L
+450 238 L
+450 3 L
+cp
+clip np
+0 g
+0.36 w
+[ ] 0 setdash
+3.25 setmiterlimit
+78.19 226.892 m
+78.919 226.724 L
+79.648 226.555 L
+80.376 226.386 L
+81.105 226.217 L
+81.834 226.048 L
+82.562 225.878 L
+83.291 225.707 L
+84.02 225.537 L
+84.749 225.366 L
+85.477 225.194 L
+86.206 225.022 L
+86.935 224.85 L
+87.663 224.678 L
+88.392 224.505 L
+89.121 224.331 L
+89.849 224.158 L
+90.578 223.984 L
+91.307 223.809 L
+92.035 223.635 L
+92.764 223.459 L
+93.493 223.284 L
+94.221 223.108 L
+94.95 222.932 L
+95.679 222.755 L
+96.407 222.578 L
+97.136 222.4 L
+97.865 222.222 L
+98.593 222.044 L
+99.322 221.865 L
+100.051 221.686 L
+100.779 221.507 L
+101.508 221.327 L
+102.237 221.147 L
+102.965 220.966 L
+103.694 220.785 L
+104.423 220.604 L
+105.152 220.422 L
+105.88 220.24 L
+106.609 220.057 L
+107.338 219.874 L
+108.066 219.691 L
+108.795 219.507 L
+109.524 219.323 L
+110.252 219.138 L
+110.981 218.953 L
+111.71 218.767 L
+112.438 218.581 L
+113.167 218.395 L
+113.896 218.208 L
+114.624 218.021 L
+115.353 217.833 L
+116.082 217.645 L
+116.81 217.457 L
+117.539 217.268 L
+118.268 217.078 L
+118.996 216.889 L
+119.725 216.698 L
+120.454 216.508 L
+121.182 216.316 L
+121.911 216.125 L
+122.64 215.933 L
+123.368 215.74 L
+124.097 215.547 L
+124.826 215.354 L
+125.554 215.16 L
+126.283 214.965 L
+127.012 214.77 L
+127.741 214.575 L
+128.469 214.379 L
+129.198 214.183 L
+129.927 213.986 L
+130.655 213.789 L
+131.384 213.591 L
+132.113 213.392 L
+132.841 213.194 L
+133.57 212.994 L
+134.299 212.794 L
+135.027 212.594 L
+135.756 212.393 L
+136.485 212.192 L
+137.213 211.99 L
+137.942 211.787 L
+138.671 211.584 L
+139.399 211.38 L
+140.128 211.176 L
+140.857 210.972 L
+141.585 210.766 L
+142.314 210.56 L
+143.043 210.354 L
+143.771 210.147 L
+144.5 209.939 L
+145.229 209.731 L
+145.957 209.522 L
+146.686 209.313 L
+147.415 209.103 L
+148.144 208.893 L
+148.872 208.681 L
+149.601 208.47 L
+150.33 208.257 L
+151.058 208.044 L
+151.787 207.83 L
+152.516 207.616 L
+153.244 207.401 L
+153.973 207.185 L
+154.702 206.969 L
+155.43 206.752 L
+156.159 206.534 L
+156.888 206.316 L
+157.616 206.097 L
+158.345 205.877 L
+159.074 205.656 L
+159.802 205.435 L
+160.531 205.213 L
+161.26 204.99 L
+161.988 204.767 L
+162.717 204.542 L
+163.446 204.317 L
+164.174 204.092 L
+164.903 203.865 L
+165.632 203.638 L
+166.36 203.409 L
+167.089 203.181 L
+167.818 202.951 L
+168.547 202.72 L
+169.275 202.489 L
+170.004 202.256 L
+170.733 202.023 L
+171.461 201.789 L
+172.19 201.554 L
+172.919 201.318 L
+173.647 201.081 L
+174.376 200.844 L
+175.105 200.605 L
+175.833 200.365 L
+176.562 200.125 L
+177.291 199.883 L
+178.019 199.641 L
+178.748 199.397 L
+179.477 199.153 L
+180.205 198.907 L
+180.934 198.661 L
+181.663 198.413 L
+182.391 198.164 L
+183.12 197.914 L
+183.849 197.664 L
+184.577 197.412 L
+185.306 197.158 L
+186.035 196.904 L
+186.763 196.649 L
+187.492 196.392 L
+188.221 196.134 L
+188.95 195.875 L
+189.678 195.615 L
+190.407 195.353 L
+191.136 195.091 L
+191.864 194.826 L
+192.593 194.561 L
+193.322 194.294 L
+194.05 194.026 L
+194.779 193.757 L
+195.508 193.486 L
+196.236 193.214 L
+196.965 192.94 L
+197.694 192.665 L
+198.422 192.388 L
+199.151 192.11 L
+199.88 191.83 L
+200.608 191.549 L
+201.337 191.266 L
+202.066 190.981 L
+202.794 190.695 L
+203.523 190.408 L
+204.252 190.118 L
+204.98 189.827 L
+205.709 189.534 L
+206.438 189.239 L
+207.166 188.942 L
+207.895 188.644 L
+208.624 188.343 L
+209.353 188.041 L
+210.081 187.737 L
+210.81 187.43 L
+211.539 187.122 L
+212.267 186.811 L
+212.996 186.499 L
+213.725 186.184 L
+214.453 185.867 L
+215.182 185.548 L
+215.911 185.226 L
+216.639 184.903 L
+217.368 184.576 L
+218.097 184.248 L
+218.825 183.917 L
+219.554 183.583 L
+220.283 183.247 L
+221.011 182.908 L
+221.74 182.566 L
+222.469 182.221 L
+223.197 181.874 L
+223.926 181.524 L
+224.655 181.171 L
+225.383 180.815 L
+226.112 180.455 L
+226.841 180.093 L
+227.569 179.727 L
+228.298 179.358 L
+229.027 178.986 L
+229.756 178.61 L
+230.484 178.23 L
+231.213 177.847 L
+231.942 177.46 L
+232.67 177.069 L
+233.399 176.674 L
+234.128 176.276 L
+234.856 175.872 L
+235.585 175.465 L
+236.314 175.053 L
+237.042 174.637 L
+237.771 174.216 L
+238.5 173.79 L
+239.228 173.359 L
+239.957 172.924 L
+240.686 172.482 L
+241.414 172.036 L
+242.143 171.584 L
+242.872 171.126 L
+243.6 170.662 L
+244.329 170.192 L
+245.058 169.716 L
+245.786 169.233 L
+246.515 168.744 L
+247.244 168.247 L
+247.972 167.743 L
+248.701 167.232 L
+249.43 166.713 L
+250.159 166.186 L
+250.887 165.65 L
+251.616 165.106 L
+252.345 164.553 L
+253.073 163.99 L
+253.802 163.417 L
+254.531 162.834 L
+255.259 162.241 L
+255.988 161.636 L
+256.717 161.02 L
+257.445 160.391 L
+258.174 159.75 L
+258.903 159.095 L
+259.631 158.426 L
+260.36 157.743 L
+261.089 157.044 L
+261.817 156.328 L
+262.546 155.595 L
+263.275 154.844 L
+264.003 154.074 L
+264.732 153.283 L
+265.461 152.471 L
+266.189 151.635 L
+266.918 150.774 L
+267.647 149.887 L
+268.375 148.972 L
+269.104 148.026 L
+269.833 147.047 L
+270.561 146.033 L
+271.29 144.98 L
+272.019 143.886 L
+272.748 142.746 L
+273.476 141.556 L
+274.205 140.31 L
+274.934 139.004 L
+275.662 137.63 L
+276.391 136.179 L
+277.12 134.642 L
+277.848 133.005 L
+278.577 131.258 L
+279.306 129.378 L
+280.034 127.344 L
+280.763 125.125 L
+281.492 122.683 L
+282.22 119.959 L
+282.949 116.88 L
+283.678 113.326 L
+284.406 109.112 L
+285.135 103.916 L
+285.864 97.083 L
+286.592 86.986 L
+287.321 66.511 L
+288.05 107.215 L
+288.778 120.201 L
+289.507 125.455 L
+290.236 128.764 L
+290.964 131.167 L
+291.693 133.043 L
+292.422 134.577 L
+293.151 135.87 L
+293.879 136.983 L
+294.608 137.958 L
+295.337 138.825 L
+296.065 139.602 L
+296.794 140.306 L
+297.523 140.948 L
+298.251 141.537 L
+298.98 142.081 L
+299.709 142.585 L
+300.437 143.054 L
+301.166 143.493 L
+301.895 143.904 L
+302.623 144.291 L
+303.352 144.655 L
+304.081 145 L
+304.809 145.327 L
+305.538 145.636 L
+306.267 145.931 L
+306.995 146.212 L
+307.724 146.479 L
+308.453 146.735 L
+309.181 146.98 L
+309.91 147.214 L
+310.639 147.439 L
+311.367 147.655 L
+312.096 147.863 L
+312.825 148.062 L
+313.554 148.255 L
+314.282 148.44 L
+315.011 148.619 L
+315.74 148.792 L
+316.468 148.959 L
+317.197 149.12 L
+317.926 149.276 L
+318.654 149.427 L
+319.383 149.574 L
+320.112 149.716 L
+320.84 149.853 L
+321.569 149.987 L
+322.298 150.117 L
+323.026 150.243 L
+323.755 150.366 L
+324.484 150.485 L
+325.212 150.601 L
+325.941 150.713 L
+326.67 150.823 L
+327.398 150.93 L
+328.127 151.035 L
+328.856 151.136 L
+329.584 151.235 L
+330.313 151.332 L
+331.042 151.426 L
+331.77 151.518 L
+332.499 151.608 L
+333.228 151.696 L
+333.957 151.782 L
+334.685 151.866 L
+335.414 151.948 L
+336.143 152.028 L
+336.871 152.106 L
+337.6 152.183 L
+338.329 152.258 L
+339.057 152.331 L
+339.786 152.403 L
+340.515 152.474 L
+341.243 152.542 L
+341.972 152.61 L
+342.701 152.676 L
+343.429 152.741 L
+344.158 152.805 L
+344.887 152.867 L
+345.615 152.928 L
+346.344 152.988 L
+347.073 153.047 L
+347.801 153.105 L
+348.53 153.161 L
+349.259 153.217 L
+349.987 153.271 L
+350.716 153.325 L
+351.445 153.377 L
+352.173 153.429 L
+352.902 153.48 L
+353.631 153.53 L
+354.36 153.579 L
+355.088 153.627 L
+355.817 153.674 L
+356.546 153.721 L
+357.274 153.766 L
+358.003 153.811 L
+358.732 153.855 L
+359.46 153.899 L
+360.189 153.942 L
+360.918 153.984 L
+361.646 154.025 L
+362.375 154.066 L
+363.104 154.106 L
+363.832 154.145 L
+364.561 154.184 L
+365.29 154.222 L
+366.018 154.26 L
+366.747 154.297 L
+367.476 154.333 L
+368.204 154.369 L
+368.933 154.405 L
+369.662 154.44 L
+370.39 154.474 L
+371.119 154.508 L
+371.848 154.541 L
+372.576 154.574 L
+373.305 154.606 L
+374.034 154.638 L
+374.763 154.669 L
+375.491 154.7 L
+376.22 154.731 L
+376.949 154.761 L
+377.677 154.791 L
+378.406 154.82 L
+379.135 154.849 L
+379.863 154.877 L
+380.592 154.905 L
+381.321 154.933 L
+382.049 154.96 L
+382.778 154.987 L
+383.507 155.014 L
+384.235 155.04 L
+384.964 155.066 L
+385.693 155.092 L
+386.421 155.117 L
+387.15 155.142 L
+387.879 155.166 L
+388.607 155.19 L
+389.336 155.214 L
+390.065 155.238 L
+390.793 155.261 L
+391.522 155.284 L
+392.251 155.307 L
+392.979 155.33 L
+393.708 155.352 L
+394.437 155.374 L
+395.166 155.395 L
+395.894 155.417 L
+396.623 155.438 L
+397.352 155.458 L
+398.08 155.479 L
+398.809 155.499 L
+399.538 155.519 L
+400.266 155.539 L
+400.995 155.559 L
+401.724 155.578 L
+402.452 155.597 L
+403.181 155.616 L
+403.91 155.635 L
+404.638 155.653 L
+405.367 155.672 L
+406.096 155.69 L
+406.824 155.708 L
+407.553 155.725 L
+408.282 155.743 L
+409.01 155.76 L
+409.739 155.777 L
+410.468 155.794 L
+411.196 155.811 L
+411.925 155.827 L
+412.654 155.843 L
+413.382 155.859 L
+414.111 155.875 L
+414.84 155.891 L
+415.568 155.907 L
+416.297 155.922 L
+417.026 155.937 L
+417.755 155.952 L
+418.483 155.967 L
+419.212 155.982 L
+419.941 155.997 L
+420.669 156.011 L
+421.398 156.025 L
+422.127 156.04 L
+422.855 156.054 L
+423.584 156.067 L
+424.313 156.081 L
+425.041 156.095 L
+425.77 156.108 L
+426.499 156.121 L
+427.227 156.135 L
+427.956 156.148 L
+428.685 156.16 L
+429.413 156.173 L
+430.142 156.186 L
+430.871 156.198 L
+431.599 156.211 L
+432.328 156.223 L
+433.057 156.235 L
+433.785 156.247 L
+434.514 156.259 L
+435.243 156.271 L
+435.971 156.282 L
+436.7 156.294 L
+437.429 156.305 L
+438.158 156.316 L
+438.886 156.328 L
+439.615 156.339 L
+440.344 156.35 L
+441.072 156.36 L
+441.801 156.371 L
+442.53 156.382 L
+s
+78.19 227.244 m
+78.919 227.062 L
+79.648 226.879 L
+80.376 226.696 L
+81.105 226.513 L
+81.834 226.329 L
+82.562 226.144 L
+83.291 225.96 L
+84.02 225.774 L
+84.749 225.589 L
+85.477 225.403 L
+86.206 225.216 L
+86.935 225.029 L
+87.663 224.842 L
+88.392 224.654 L
+89.121 224.465 L
+89.849 224.277 L
+90.578 224.088 L
+91.307 223.898 L
+92.035 223.708 L
+92.764 223.518 L
+93.493 223.327 L
+94.221 223.135 L
+94.95 222.944 L
+95.679 222.751 L
+96.407 222.559 L
+97.136 222.366 L
+97.865 222.172 L
+98.593 221.978 L
+99.322 221.783 L
+100.051 221.589 L
+100.779 221.393 L
+101.508 221.197 L
+102.237 221.001 L
+102.965 220.804 L
+103.694 220.607 L
+104.423 220.409 L
+105.152 220.211 L
+105.88 220.013 L
+106.609 219.813 L
+107.338 219.614 L
+108.066 219.414 L
+108.795 219.213 L
+109.524 219.012 L
+110.252 218.811 L
+110.981 218.609 L
+111.71 218.406 L
+112.438 218.203 L
+113.167 217.999 L
+113.896 217.795 L
+114.624 217.591 L
+115.353 217.386 L
+116.082 217.18 L
+116.81 216.974 L
+117.539 216.767 L
+118.268 216.56 L
+118.996 216.352 L
+119.725 216.144 L
+120.454 215.935 L
+121.182 215.726 L
+121.911 215.516 L
+122.64 215.305 L
+123.368 215.094 L
+124.097 214.883 L
+124.826 214.67 L
+125.554 214.458 L
+126.283 214.244 L
+127.012 214.03 L
+127.741 213.816 L
+128.469 213.6 L
+129.198 213.385 L
+129.927 213.168 L
+130.655 212.951 L
+131.384 212.733 L
+132.113 212.515 L
+132.841 212.296 L
+133.57 212.076 L
+134.299 211.856 L
+135.027 211.635 L
+135.756 211.413 L
+136.485 211.191 L
+137.213 210.968 L
+137.942 210.744 L
+138.671 210.52 L
+139.399 210.294 L
+140.128 210.068 L
+140.857 209.842 L
+141.585 209.614 L
+142.314 209.386 L
+143.043 209.157 L
+143.771 208.927 L
+144.5 208.697 L
+145.229 208.466 L
+145.957 208.234 L
+146.686 208.001 L
+147.415 207.767 L
+148.144 207.532 L
+148.872 207.297 L
+149.601 207.06 L
+150.33 206.823 L
+151.058 206.585 L
+151.787 206.346 L
+152.516 206.106 L
+153.244 205.865 L
+153.973 205.623 L
+154.702 205.381 L
+155.43 205.137 L
+156.159 204.892 L
+156.888 204.646 L
+157.616 204.4 L
+158.345 204.152 L
+159.074 203.903 L
+159.802 203.653 L
+160.531 203.402 L
+161.26 203.15 L
+161.988 202.897 L
+162.717 202.643 L
+163.446 202.387 L
+164.174 202.131 L
+164.903 201.873 L
+165.632 201.614 L
+166.36 201.354 L
+167.089 201.092 L
+167.818 200.83 L
+168.547 200.565 L
+169.275 200.3 L
+170.004 200.033 L
+170.733 199.765 L
+171.461 199.496 L
+172.19 199.225 L
+172.919 198.953 L
+173.647 198.68 L
+174.376 198.405 L
+175.105 198.128 L
+175.833 197.85 L
+176.562 197.57 L
+177.291 197.289 L
+178.019 197.006 L
+178.748 196.722 L
+179.477 196.435 L
+180.205 196.148 L
+180.934 195.858 L
+181.663 195.567 L
+182.391 195.274 L
+183.12 194.979 L
+183.849 194.682 L
+184.577 194.383 L
+185.306 194.083 L
+186.035 193.78 L
+186.763 193.475 L
+187.492 193.169 L
+188.221 192.86 L
+188.95 192.549 L
+189.678 192.236 L
+190.407 191.921 L
+191.136 191.603 L
+191.864 191.284 L
+192.593 190.961 L
+193.322 190.637 L
+194.05 190.31 L
+194.779 189.98 L
+195.508 189.648 L
+196.236 189.313 L
+196.965 188.976 L
+197.694 188.635 L
+198.422 188.292 L
+199.151 187.946 L
+199.88 187.598 L
+200.608 187.246 L
+201.337 186.891 L
+202.066 186.533 L
+202.794 186.171 L
+203.523 185.807 L
+204.252 185.438 L
+204.98 185.067 L
+205.709 184.692 L
+206.438 184.313 L
+207.166 183.93 L
+207.895 183.544 L
+208.624 183.153 L
+209.353 182.759 L
+210.081 182.36 L
+210.81 181.957 L
+211.539 181.549 L
+212.267 181.137 L
+212.996 180.72 L
+213.725 180.299 L
+214.453 179.872 L
+215.182 179.44 L
+215.911 179.003 L
+216.639 178.56 L
+217.368 178.112 L
+218.097 177.657 L
+218.825 177.197 L
+219.554 176.73 L
+220.283 176.257 L
+221.011 175.777 L
+221.74 175.29 L
+222.469 174.796 L
+223.197 174.295 L
+223.926 173.785 L
+224.655 173.268 L
+225.383 172.742 L
+226.112 172.207 L
+226.841 171.662 L
+227.569 171.109 L
+228.298 170.546 L
+229.027 169.971 L
+229.756 169.387 L
+230.484 168.79 L
+231.213 168.182 L
+231.942 167.561 L
+232.67 166.927 L
+233.399 166.28 L
+234.128 165.617 L
+234.856 164.94 L
+235.585 164.246 L
+236.314 163.535 L
+237.042 162.806 L
+237.771 162.058 L
+238.5 161.289 L
+239.228 160.499 L
+239.957 159.686 L
+240.686 158.848 L
+241.414 157.985 L
+242.143 157.093 L
+242.872 156.17 L
+243.6 155.216 L
+244.329 154.226 L
+245.058 153.198 L
+245.786 152.13 L
+246.515 151.016 L
+247.244 149.854 L
+247.972 148.638 L
+248.701 95.265 L
+249.43 93.925 L
+250.159 92.513 L
+250.887 91.021 L
+251.616 89.437 L
+252.345 87.751 L
+253.073 85.948 L
+253.802 84.008 L
+254.531 81.914 L
+255.259 79.635 L
+255.988 77.137 L
+256.717 74.37 L
+257.445 71.271 L
+258.174 67.749 L
+258.903 63.665 L
+259.631 58.799 L
+260.36 52.774 L
+261.089 44.836 L
+261.817 33.16 L
+262.546 10.25 L
+263.275 102.86 L
+264.003 118.171 L
+264.732 124.159 L
+265.461 127.877 L
+266.189 130.553 L
+266.918 132.626 L
+267.647 134.311 L
+268.375 135.722 L
+269.104 136.932 L
+269.833 137.986 L
+270.561 138.919 L
+271.29 139.753 L
+272.019 140.505 L
+272.748 141.189 L
+273.476 141.814 L
+274.205 142.389 L
+274.934 142.921 L
+275.662 143.415 L
+276.391 143.875 L
+277.12 144.305 L
+277.848 144.709 L
+278.577 145.088 L
+279.306 145.446 L
+280.034 145.784 L
+280.763 146.105 L
+281.492 146.409 L
+282.22 146.698 L
+282.949 146.973 L
+283.678 147.236 L
+284.406 147.486 L
+285.135 147.726 L
+285.864 147.955 L
+286.592 148.175 L
+287.321 148.386 L
+288.05 148.589 L
+288.778 148.784 L
+289.507 148.972 L
+290.236 149.152 L
+290.964 149.327 L
+291.693 149.495 L
+292.422 149.657 L
+293.151 149.814 L
+293.879 149.965 L
+294.608 150.112 L
+295.337 150.254 L
+296.065 150.392 L
+296.794 150.525 L
+297.523 150.654 L
+298.251 150.78 L
+298.98 150.901 L
+299.709 151.02 L
+300.437 151.135 L
+301.166 151.246 L
+301.895 151.355 L
+302.623 151.46 L
+303.352 151.563 L
+304.081 151.663 L
+304.809 151.761 L
+305.538 151.856 L
+306.267 151.949 L
+306.995 152.039 L
+307.724 152.127 L
+308.453 152.213 L
+309.181 152.297 L
+309.91 152.379 L
+310.639 152.459 L
+311.367 152.537 L
+312.096 152.613 L
+312.825 152.688 L
+313.554 152.761 L
+314.282 152.832 L
+315.011 152.902 L
+315.74 152.97 L
+316.468 153.037 L
+317.197 153.102 L
+317.926 153.166 L
+318.654 153.228 L
+319.383 153.29 L
+320.112 153.35 L
+320.84 153.409 L
+321.569 153.466 L
+322.298 153.523 L
+323.026 153.578 L
+323.755 153.633 L
+324.484 153.686 L
+325.212 153.738 L
+325.941 153.789 L
+326.67 153.84 L
+327.398 153.889 L
+328.127 153.937 L
+328.856 153.985 L
+329.584 154.032 L
+330.313 154.078 L
+331.042 154.123 L
+331.77 154.167 L
+332.499 154.21 L
+333.228 154.253 L
+333.957 154.295 L
+334.685 154.336 L
+335.414 154.376 L
+336.143 154.416 L
+336.871 154.455 L
+337.6 154.494 L
+338.329 154.532 L
+339.057 154.569 L
+339.786 154.606 L
+340.515 154.642 L
+341.243 154.677 L
+341.972 154.712 L
+342.701 154.746 L
+343.429 154.78 L
+344.158 154.813 L
+344.887 154.846 L
+345.615 154.878 L
+346.344 154.91 L
+347.073 154.941 L
+347.801 154.972 L
+348.53 155.002 L
+349.259 155.032 L
+349.987 155.061 L
+350.716 155.09 L
+351.445 155.118 L
+352.173 155.146 L
+352.902 155.174 L
+353.631 155.201 L
+354.36 155.228 L
+355.088 155.255 L
+355.817 155.281 L
+356.546 155.306 L
+357.274 155.332 L
+358.003 155.357 L
+358.732 155.381 L
+359.46 155.406 L
+360.189 155.43 L
+360.918 155.453 L
+361.646 155.476 L
+362.375 155.499 L
+363.104 155.522 L
+363.832 155.544 L
+364.561 155.567 L
+365.29 155.588 L
+366.018 155.61 L
+366.747 155.631 L
+367.476 155.652 L
+368.204 155.672 L
+368.933 155.693 L
+369.662 155.713 L
+370.39 155.733 L
+371.119 155.752 L
+371.848 155.772 L
+372.576 155.791 L
+373.305 155.81 L
+374.034 155.828 L
+374.763 155.847 L
+375.491 155.865 L
+376.22 155.883 L
+376.949 155.9 L
+377.677 155.918 L
+378.406 155.935 L
+379.135 155.952 L
+379.863 155.969 L
+380.592 155.986 L
+381.321 156.002 L
+382.049 156.018 L
+382.778 156.034 L
+383.507 156.05 L
+384.235 156.066 L
+384.964 156.081 L
+385.693 156.097 L
+386.421 156.112 L
+387.15 156.127 L
+387.879 156.141 L
+388.607 156.156 L
+389.336 156.171 L
+390.065 156.185 L
+390.793 156.199 L
+391.522 156.213 L
+392.251 156.227 L
+392.979 156.24 L
+393.708 156.254 L
+394.437 156.267 L
+395.166 156.28 L
+395.894 156.293 L
+396.623 156.306 L
+397.352 156.319 L
+398.08 156.331 L
+398.809 156.344 L
+399.538 156.356 L
+400.266 156.368 L
+400.995 156.38 L
+401.724 156.392 L
+402.452 156.404 L
+403.181 156.416 L
+403.91 156.427 L
+404.638 156.439 L
+405.367 156.45 L
+406.096 156.461 L
+406.824 156.472 L
+407.553 156.483 L
+408.282 156.494 L
+409.01 156.505 L
+409.739 156.515 L
+410.468 156.526 L
+411.196 156.536 L
+411.925 156.546 L
+412.654 156.557 L
+413.382 156.567 L
+414.111 156.577 L
+414.84 156.587 L
+415.568 156.596 L
+416.297 156.606 L
+417.026 156.616 L
+417.755 156.625 L
+418.483 156.634 L
+419.212 156.644 L
+419.941 156.653 L
+420.669 156.662 L
+421.398 156.671 L
+422.127 156.68 L
+422.855 156.689 L
+423.584 156.697 L
+424.313 156.706 L
+425.041 156.715 L
+425.77 156.723 L
+426.499 156.732 L
+427.227 156.74 L
+427.956 156.748 L
+428.685 156.756 L
+429.413 156.764 L
+430.142 156.772 L
+430.871 156.78 L
+431.599 156.788 L
+432.328 156.796 L
+433.057 156.804 L
+433.785 156.811 L
+434.514 156.819 L
+435.243 156.826 L
+435.971 156.834 L
+436.7 156.841 L
+437.429 156.849 L
+438.158 156.856 L
+438.886 156.863 L
+439.615 156.87 L
+440.344 156.877 L
+441.072 156.884 L
+441.801 156.891 L
+442.53 156.898 L
+s
+78.19 227.796 m
+78.555 227.699 L
+78.919 227.602 L
+79.283 227.504 L
+79.648 227.407 L
+80.012 227.309 L
+80.376 227.211 L
+80.741 227.113 L
+81.105 227.016 L
+81.469 226.917 L
+81.834 226.819 L
+82.198 226.721 L
+82.562 226.622 L
+82.927 226.524 L
+83.291 226.425 L
+83.655 226.327 L
+84.02 226.228 L
+84.384 226.129 L
+84.749 226.03 L
+85.113 225.93 L
+85.477 225.831 L
+85.842 225.732 L
+86.206 225.632 L
+86.57 225.532 L
+86.935 225.433 L
+87.299 225.333 L
+87.663 225.233 L
+88.028 225.133 L
+88.392 225.032 L
+88.756 224.932 L
+89.121 224.832 L
+89.485 224.731 L
+89.849 224.63 L
+90.214 224.53 L
+90.578 224.429 L
+90.942 224.328 L
+91.307 224.227 L
+91.671 224.125 L
+92.035 224.024 L
+92.4 223.923 L
+92.764 223.821 L
+93.128 223.719 L
+93.493 223.618 L
+93.857 223.516 L
+94.221 223.414 L
+94.586 223.311 L
+94.95 223.209 L
+95.314 223.107 L
+95.679 223.004 L
+96.043 222.902 L
+96.407 222.799 L
+96.772 222.696 L
+97.136 222.593 L
+97.5 222.49 L
+97.865 222.387 L
+98.229 222.284 L
+98.593 222.18 L
+98.958 222.077 L
+99.322 221.973 L
+99.686 221.869 L
+100.051 221.765 L
+100.415 221.661 L
+100.779 221.557 L
+101.144 221.453 L
+101.508 221.349 L
+101.872 221.244 L
+102.237 221.14 L
+102.601 221.035 L
+102.965 220.93 L
+103.33 220.825 L
+103.694 220.72 L
+104.058 220.615 L
+104.423 220.51 L
+104.787 220.404 L
+105.152 220.299 L
+105.516 220.193 L
+105.88 220.087 L
+106.245 219.981 L
+106.609 219.875 L
+106.973 219.769 L
+107.338 219.663 L
+107.702 219.556 L
+108.066 219.45 L
+108.431 219.343 L
+108.795 219.236 L
+109.159 219.129 L
+109.524 219.022 L
+109.888 218.915 L
+110.252 218.808 L
+110.617 218.7 L
+110.981 218.593 L
+111.345 218.485 L
+111.71 218.377 L
+112.074 218.269 L
+112.438 218.161 L
+112.803 218.053 L
+113.167 217.945 L
+113.531 217.836 L
+113.896 217.727 L
+114.26 217.619 L
+114.624 217.51 L
+114.989 217.401 L
+115.353 217.291 L
+115.717 217.182 L
+116.082 217.073 L
+116.446 216.963 L
+116.81 216.853 L
+117.175 216.743 L
+117.539 216.633 L
+117.903 216.523 L
+118.268 216.413 L
+118.632 216.303 L
+118.996 216.192 L
+119.361 216.081 L
+119.725 215.97 L
+120.089 215.859 L
+120.454 215.748 L
+120.818 215.637 L
+121.182 215.525 L
+121.547 215.414 L
+121.911 215.302 L
+122.275 215.19 L
+122.64 215.078 L
+123.004 214.965 L
+123.368 214.853 L
+123.733 214.74 L
+124.097 214.628 L
+124.461 214.515 L
+124.826 214.402 L
+125.19 214.288 L
+125.554 214.175 L
+125.919 214.061 L
+126.283 213.948 L
+126.648 213.834 L
+127.012 213.72 L
+127.376 213.605 L
+127.741 213.491 L
+128.105 213.376 L
+128.469 213.262 L
+128.834 213.147 L
+129.198 213.032 L
+129.562 212.916 L
+129.927 212.801 L
+130.291 212.685 L
+130.655 212.57 L
+131.02 212.454 L
+131.384 212.337 L
+131.748 212.221 L
+132.113 212.105 L
+132.477 211.988 L
+132.841 211.871 L
+133.206 211.754 L
+133.57 211.636 L
+133.934 211.519 L
+134.299 211.401 L
+134.663 211.283 L
+135.027 211.165 L
+135.392 211.047 L
+135.756 210.928 L
+136.12 210.81 L
+136.485 210.691 L
+136.849 210.572 L
+137.213 210.452 L
+137.578 210.332 L
+137.942 210.213 L
+138.306 210.093 L
+138.671 209.973 L
+139.035 209.852 L
+139.399 209.732 L
+139.764 209.611 L
+140.128 209.49 L
+140.492 209.368 L
+140.857 209.247 L
+141.221 209.125 L
+141.585 209.003 L
+141.95 208.881 L
+142.314 208.758 L
+142.678 208.635 L
+143.043 208.513 L
+143.407 208.389 L
+143.771 208.266 L
+144.136 208.142 L
+144.5 208.018 L
+144.864 207.894 L
+145.229 207.77 L
+145.593 207.645 L
+145.957 207.52 L
+146.322 207.395 L
+146.686 207.269 L
+147.051 207.143 L
+147.415 207.017 L
+147.779 206.891 L
+148.144 206.764 L
+148.508 206.637 L
+148.872 206.51 L
+149.237 206.383 L
+149.601 206.255 L
+149.965 206.127 L
+150.33 205.999 L
+150.694 205.87 L
+151.058 205.741 L
+151.423 205.612 L
+151.787 205.483 L
+152.151 205.353 L
+152.516 205.223 L
+152.88 205.092 L
+153.244 204.962 L
+153.609 204.831 L
+153.973 204.699 L
+154.337 204.567 L
+154.702 204.435 L
+155.066 204.303 L
+155.43 204.17 L
+155.795 204.037 L
+156.159 203.904 L
+156.523 203.77 L
+156.888 203.636 L
+157.252 203.502 L
+157.616 203.367 L
+157.981 203.232 L
+158.345 203.096 L
+158.709 202.961 L
+159.074 202.824 L
+159.438 202.688 L
+159.802 202.551 L
+160.167 202.414 L
+160.531 202.276 L
+160.895 202.138 L
+161.26 201.999 L
+161.624 201.86 L
+161.988 201.721 L
+162.353 201.581 L
+162.717 201.441 L
+163.081 201.301 L
+163.446 201.16 L
+163.81 201.018 L
+164.174 200.877 L
+164.539 200.735 L
+164.903 200.592 L
+165.267 200.449 L
+165.632 200.305 L
+165.996 200.161 L
+166.36 200.017 L
+166.725 199.872 L
+167.089 199.727 L
+167.454 199.581 L
+167.818 199.435 L
+168.182 199.288 L
+168.547 199.141 L
+168.911 198.993 L
+169.275 198.845 L
+169.64 198.696 L
+170.004 198.547 L
+170.368 198.397 L
+170.733 198.247 L
+171.097 198.097 L
+171.461 197.945 L
+171.826 197.793 L
+172.19 197.641 L
+172.554 197.488 L
+172.919 197.335 L
+173.283 197.181 L
+173.647 197.026 L
+174.012 196.871 L
+174.376 196.716 L
+174.74 196.559 L
+175.105 196.403 L
+175.469 196.245 L
+175.833 196.087 L
+176.198 195.929 L
+176.562 195.77 L
+176.926 195.61 L
+177.291 195.449 L
+177.655 195.288 L
+178.019 195.126 L
+178.384 194.964 L
+178.748 194.801 L
+179.112 194.637 L
+179.477 194.473 L
+179.841 194.308 L
+180.205 194.142 L
+180.57 193.976 L
+180.934 193.809 L
+181.298 193.641 L
+181.663 193.472 L
+182.027 193.304 L
+182.391 193.134 L
+182.756 192.963 L
+183.12 192.791 L
+183.484 192.62 L
+183.849 192.447 L
+184.213 192.273 L
+184.577 192.098 L
+184.942 191.923 L
+185.306 191.747 L
+185.67 191.57 L
+186.035 191.392 L
+186.399 191.214 L
+186.763 191.035 L
+187.128 190.854 L
+187.492 190.673 L
+187.856 190.491 L
+188.221 190.309 L
+188.585 190.125 L
+188.95 189.94 L
+189.314 189.755 L
+189.678 189.568 L
+190.043 189.381 L
+190.407 189.192 L
+190.771 189.003 L
+191.136 188.813 L
+191.5 188.622 L
+191.864 188.429 L
+192.229 188.236 L
+192.593 188.042 L
+192.957 187.847 L
+193.322 187.65 L
+193.686 187.453 L
+194.05 187.254 L
+194.415 187.054 L
+194.779 186.854 L
+195.143 186.652 L
+195.508 186.449 L
+195.872 186.244 L
+196.236 186.039 L
+196.601 185.832 L
+196.965 185.625 L
+197.329 185.415 L
+197.694 185.205 L
+198.058 184.994 L
+198.422 184.781 L
+198.787 184.567 L
+199.151 184.351 L
+199.515 184.134 L
+199.88 131.817 L
+200.244 131.597 L
+200.608 131.376 L
+200.973 131.153 L
+201.337 130.93 L
+201.701 130.704 L
+202.066 130.477 L
+202.43 130.249 L
+202.794 130.019 L
+203.159 129.787 L
+203.523 129.554 L
+203.887 129.318 L
+204.252 129.082 L
+204.616 128.844 L
+204.98 128.604 L
+205.345 128.362 L
+205.709 128.118 L
+206.073 127.873 L
+206.438 127.625 L
+206.802 127.376 L
+207.166 127.125 L
+207.531 126.872 L
+207.895 126.616 L
+208.259 126.358 L
+208.624 126.099 L
+208.988 125.837 L
+209.353 125.573 L
+209.717 125.307 L
+210.081 125.038 L
+210.446 124.767 L
+210.81 124.494 L
+211.174 124.217 L
+211.539 123.939 L
+211.903 123.657 L
+212.267 123.373 L
+212.632 123.086 L
+212.996 122.797 L
+213.36 122.504 L
+213.725 122.208 L
+214.089 121.91 L
+214.453 121.608 L
+214.818 121.302 L
+215.182 120.994 L
+215.546 120.681 L
+215.911 120.366 L
+216.275 120.046 L
+216.639 119.723 L
+217.004 119.395 L
+217.368 119.064 L
+217.732 118.728 L
+218.097 118.389 L
+218.461 118.044 L
+218.825 117.695 L
+219.19 117.34 L
+219.554 116.982 L
+219.918 116.617 L
+220.283 116.248 L
+220.647 115.872 L
+221.011 115.491 L
+221.376 115.103 L
+221.74 114.71 L
+222.104 114.31 L
+222.469 113.903 L
+222.833 113.488 L
+223.197 113.067 L
+223.562 112.637 L
+223.926 112.199 L
+224.29 111.753 L
+224.655 111.297 L
+225.019 110.833 L
+225.383 110.358 L
+225.748 109.874 L
+226.112 109.378 L
+226.476 108.871 L
+226.841 108.353 L
+227.205 107.821 L
+227.569 107.276 L
+227.934 106.717 L
+228.298 106.144 L
+228.662 105.556 L
+229.027 104.951 L
+229.391 104.329 L
+229.756 103.689 L
+230.12 103.031 L
+230.484 102.352 L
+230.849 101.653 L
+231.213 100.932 L
+231.577 100.19 L
+231.942 99.426 L
+232.306 98.638 L
+232.67 97.827 L
+233.035 96.995 L
+233.399 96.143 L
+233.763 95.275 L
+234.128 94.395 L
+234.492 93.515 L
+234.856 92.647 L
+235.221 91.816 L
+235.585 91.055 L
+235.949 90.419 L
+236.314 89.987 L
+236.678 89.872 L
+237.042 90.228 L
+237.407 91.227 L
+237.771 93.008 L
+238.135 95.595 L
+238.5 98.813 L
+238.864 102.357 L
+239.228 105.928 L
+239.593 109.305 L
+239.957 112.388 L
+240.321 115.15 L
+240.686 117.611 L
+241.05 119.793 L
+241.414 121.734 L
+241.779 123.473 L
+242.143 125.035 L
+242.507 126.442 L
+242.872 127.722 L
+243.236 128.889 L
+243.6 129.959 L
+243.965 130.941 L
+244.329 131.852 L
+244.693 132.693 L
+245.058 133.477 L
+245.422 134.21 L
+245.786 134.895 L
+246.151 135.537 L
+246.515 136.14 L
+246.879 136.711 L
+247.244 137.249 L
+247.608 137.759 L
+247.972 138.243 L
+248.337 138.702 L
+248.701 139.14 L
+249.065 139.557 L
+249.43 139.955 L
+249.794 140.335 L
+250.159 140.699 L
+250.523 141.048 L
+250.887 141.382 L
+251.252 141.704 L
+251.616 142.013 L
+251.98 142.31 L
+252.345 142.596 L
+252.709 142.871 L
+253.073 143.138 L
+253.438 143.394 L
+253.802 143.643 L
+254.166 143.882 L
+254.531 144.115 L
+254.895 144.339 L
+255.259 144.557 L
+255.624 144.768 L
+255.988 144.972 L
+256.352 145.171 L
+256.717 145.364 L
+257.081 145.551 L
+257.445 145.733 L
+257.81 145.91 L
+258.174 146.082 L
+258.538 146.25 L
+258.903 146.413 L
+259.267 146.572 L
+259.631 146.727 L
+259.996 146.878 L
+260.36 147.025 L
+260.724 147.169 L
+261.089 147.309 L
+261.453 147.446 L
+261.817 147.579 L
+262.182 147.71 L
+262.546 147.837 L
+262.91 147.962 L
+263.275 148.084 L
+263.639 148.203 L
+264.003 148.32 L
+264.368 148.434 L
+264.732 148.546 L
+265.096 148.655 L
+265.461 148.763 L
+265.825 148.868 L
+266.189 148.97 L
+266.554 149.071 L
+266.918 149.17 L
+267.282 149.267 L
+267.647 149.362 L
+268.011 149.455 L
+268.375 149.547 L
+268.74 149.636 L
+269.104 149.724 L
+269.468 149.811 L
+269.833 149.896 L
+270.197 149.979 L
+270.561 150.061 L
+270.926 150.141 L
+271.29 150.22 L
+271.655 150.298 L
+272.019 150.374 L
+272.383 150.449 L
+272.748 150.523 L
+273.112 150.595 L
+273.476 150.667 L
+273.841 150.737 L
+274.205 150.806 L
+274.569 150.874 L
+274.934 150.941 L
+275.298 151.006 L
+275.662 151.071 L
+276.027 151.135 L
+276.391 151.198 L
+276.755 151.259 L
+277.12 151.32 L
+277.484 151.38 L
+277.848 151.439 L
+278.213 151.497 L
+278.577 151.554 L
+278.941 151.611 L
+279.306 151.666 L
+279.67 151.721 L
+280.034 151.775 L
+280.399 151.828 L
+280.763 151.881 L
+281.127 151.932 L
+281.492 151.983 L
+281.856 152.034 L
+282.22 152.083 L
+282.585 152.132 L
+282.949 152.181 L
+283.313 152.228 L
+283.678 152.275 L
+284.042 152.321 L
+284.406 152.367 L
+284.771 152.412 L
+285.135 152.457 L
+285.499 152.501 L
+285.864 152.544 L
+286.228 152.587 L
+286.592 152.63 L
+286.957 152.671 L
+287.321 152.713 L
+287.685 152.753 L
+288.05 152.794 L
+288.414 152.833 L
+288.778 152.872 L
+289.143 152.911 L
+289.507 152.949 L
+289.871 152.987 L
+290.236 153.025 L
+290.6 153.062 L
+290.964 153.098 L
+291.329 153.134 L
+291.693 153.17 L
+292.058 153.205 L
+292.422 153.24 L
+292.786 153.274 L
+293.151 153.308 L
+293.515 153.342 L
+293.879 153.375 L
+294.244 153.408 L
+294.608 153.44 L
+294.972 153.473 L
+295.337 153.504 L
+295.701 153.536 L
+296.065 153.567 L
+296.43 153.597 L
+296.794 153.628 L
+297.158 153.658 L
+297.523 153.688 L
+297.887 153.717 L
+298.251 153.746 L
+298.616 153.775 L
+298.98 153.803 L
+299.344 153.832 L
+299.709 153.86 L
+300.073 153.887 L
+300.437 153.914 L
+300.802 153.941 L
+301.166 153.968 L
+301.53 153.995 L
+301.895 154.021 L
+302.259 154.047 L
+302.623 154.072 L
+302.988 154.098 L
+303.352 154.123 L
+303.716 154.148 L
+304.081 154.173 L
+304.445 154.197 L
+304.809 154.221 L
+305.174 154.245 L
+305.538 154.269 L
+305.902 154.292 L
+306.267 154.315 L
+306.631 154.338 L
+306.995 154.361 L
+307.36 154.384 L
+307.724 154.406 L
+308.088 154.428 L
+308.453 154.45 L
+308.817 154.472 L
+309.181 154.493 L
+309.546 154.515 L
+309.91 154.536 L
+310.274 154.557 L
+310.639 154.578 L
+311.003 154.598 L
+311.367 154.618 L
+311.732 154.639 L
+312.096 154.659 L
+312.461 154.678 L
+312.825 154.698 L
+313.189 154.717 L
+313.554 154.737 L
+313.918 154.756 L
+314.282 154.775 L
+314.647 154.793 L
+315.011 154.812 L
+315.375 154.83 L
+315.74 154.849 L
+316.104 154.867 L
+316.468 154.885 L
+316.833 154.902 L
+317.197 154.92 L
+317.561 154.938 L
+317.926 154.955 L
+318.29 154.972 L
+318.654 154.989 L
+319.019 155.006 L
+319.383 155.023 L
+319.747 155.039 L
+320.112 155.056 L
+320.476 155.072 L
+320.84 155.088 L
+321.205 155.104 L
+321.569 155.12 L
+321.933 155.136 L
+322.298 155.152 L
+322.662 155.167 L
+323.026 155.183 L
+323.391 155.198 L
+323.755 155.213 L
+324.119 155.228 L
+324.484 155.243 L
+324.848 155.258 L
+325.212 155.272 L
+325.577 155.287 L
+325.941 155.301 L
+326.305 155.316 L
+326.67 155.33 L
+327.034 155.344 L
+327.398 155.358 L
+327.763 155.372 L
+328.127 155.386 L
+328.491 155.399 L
+328.856 155.413 L
+329.22 155.426 L
+329.584 155.439 L
+329.949 155.453 L
+330.313 155.466 L
+330.677 155.479 L
+331.042 155.492 L
+331.406 155.505 L
+331.77 155.517 L
+332.135 155.53 L
+332.499 155.542 L
+332.864 155.555 L
+333.228 155.567 L
+333.592 155.579 L
+333.957 155.592 L
+334.321 155.604 L
+334.685 155.616 L
+335.05 155.628 L
+335.414 155.639 L
+335.778 155.651 L
+336.143 155.663 L
+336.507 155.674 L
+336.871 155.686 L
+337.236 155.697 L
+337.6 155.708 L
+337.964 155.719 L
+338.329 155.731 L
+338.693 155.742 L
+339.057 155.753 L
+339.422 155.763 L
+339.786 155.774 L
+340.15 155.785 L
+340.515 155.796 L
+340.879 155.806 L
+341.243 155.817 L
+341.608 155.827 L
+341.972 155.838 L
+342.336 155.848 L
+342.701 155.858 L
+343.065 155.868 L
+343.429 155.878 L
+343.794 155.888 L
+344.158 155.898 L
+344.522 155.908 L
+344.887 155.918 L
+345.251 155.927 L
+345.615 155.937 L
+345.98 155.947 L
+346.344 155.956 L
+346.708 155.966 L
+347.073 155.975 L
+347.437 155.984 L
+347.801 155.994 L
+348.166 156.003 L
+348.53 156.012 L
+348.894 156.021 L
+349.259 156.03 L
+349.623 156.039 L
+349.987 156.048 L
+350.352 156.057 L
+350.716 156.065 L
+351.08 156.074 L
+351.445 156.083 L
+351.809 156.091 L
+352.173 156.1 L
+352.538 156.108 L
+352.902 156.117 L
+353.266 156.125 L
+353.631 156.133 L
+353.995 156.142 L
+354.36 156.15 L
+354.724 156.158 L
+355.088 156.166 L
+355.453 156.174 L
+355.817 156.182 L
+356.181 156.19 L
+356.546 156.198 L
+356.91 156.206 L
+357.274 156.214 L
+357.639 156.221 L
+358.003 156.229 L
+358.367 156.237 L
+358.732 156.244 L
+359.096 156.252 L
+359.46 156.259 L
+359.825 156.267 L
+360.189 156.274 L
+360.553 156.282 L
+360.918 156.289 L
+361.282 156.296 L
+361.646 156.303 L
+362.011 156.311 L
+362.375 156.318 L
+362.739 156.325 L
+363.104 156.332 L
+363.468 156.339 L
+363.832 156.346 L
+364.197 156.353 L
+364.561 156.36 L
+364.925 156.366 L
+365.29 156.373 L
+365.654 156.38 L
+366.018 156.387 L
+366.383 156.393 L
+366.747 156.4 L
+367.111 156.407 L
+367.476 156.413 L
+367.84 156.42 L
+368.204 156.426 L
+368.569 156.433 L
+368.933 156.439 L
+369.297 156.445 L
+369.662 156.452 L
+370.026 156.458 L
+370.39 156.464 L
+370.755 156.47 L
+371.119 156.476 L
+371.483 156.483 L
+371.848 156.489 L
+372.212 156.495 L
+372.576 156.501 L
+372.941 156.507 L
+373.305 156.513 L
+373.669 156.519 L
+374.034 156.524 L
+374.398 156.53 L
+374.763 156.536 L
+375.127 156.542 L
+375.491 156.548 L
+375.856 156.553 L
+376.22 156.559 L
+376.584 156.565 L
+376.949 156.57 L
+377.313 156.576 L
+377.677 156.581 L
+378.042 156.587 L
+378.406 156.592 L
+378.77 156.598 L
+379.135 156.603 L
+379.499 156.609 L
+379.863 156.614 L
+380.228 156.619 L
+380.592 156.625 L
+380.956 156.63 L
+381.321 156.635 L
+381.685 156.64 L
+382.049 156.646 L
+382.414 156.651 L
+382.778 156.656 L
+383.142 156.661 L
+383.507 156.666 L
+383.871 156.671 L
+384.235 156.676 L
+384.6 156.681 L
+384.964 156.686 L
+385.328 156.691 L
+385.693 156.696 L
+386.057 156.701 L
+386.421 156.706 L
+386.786 156.71 L
+387.15 156.715 L
+387.514 156.72 L
+387.879 156.725 L
+388.243 156.729 L
+388.607 156.734 L
+388.972 156.739 L
+389.336 156.743 L
+389.7 156.748 L
+390.065 156.753 L
+390.429 156.757 L
+390.793 156.762 L
+391.158 156.766 L
+391.522 156.771 L
+391.886 156.775 L
+392.251 156.78 L
+392.615 156.784 L
+392.979 156.788 L
+393.344 156.793 L
+393.708 156.797 L
+394.072 156.802 L
+394.437 156.806 L
+394.801 156.81 L
+395.166 156.814 L
+395.53 156.819 L
+395.894 156.823 L
+396.259 156.827 L
+396.623 156.831 L
+396.987 156.835 L
+397.352 156.84 L
+397.716 156.844 L
+398.08 156.848 L
+398.445 156.852 L
+398.809 156.856 L
+399.173 156.86 L
+399.538 156.864 L
+399.902 156.868 L
+400.266 156.872 L
+400.631 156.876 L
+400.995 156.88 L
+401.359 156.884 L
+401.724 156.887 L
+402.088 156.891 L
+402.452 156.895 L
+402.817 156.899 L
+403.181 156.903 L
+403.545 156.907 L
+403.91 156.91 L
+404.274 156.914 L
+404.638 156.918 L
+405.003 156.921 L
+405.367 156.925 L
+405.731 156.929 L
+406.096 156.933 L
+406.46 156.936 L
+406.824 156.94 L
+407.189 156.943 L
+407.553 156.947 L
+407.917 156.95 L
+408.282 156.954 L
+408.646 156.958 L
+409.01 156.961 L
+409.375 156.965 L
+409.739 156.968 L
+410.103 156.972 L
+410.468 156.975 L
+410.832 156.978 L
+411.196 156.982 L
+411.561 156.985 L
+411.925 156.989 L
+412.289 156.992 L
+412.654 156.995 L
+413.018 156.999 L
+413.382 157.002 L
+413.747 157.005 L
+414.111 157.008 L
+414.475 157.012 L
+414.84 157.015 L
+415.204 157.018 L
+415.568 157.021 L
+415.933 157.025 L
+416.297 157.028 L
+416.662 157.031 L
+417.026 157.034 L
+417.39 157.037 L
+417.755 157.04 L
+418.119 157.043 L
+418.483 157.047 L
+418.848 157.05 L
+419.212 157.053 L
+419.576 157.056 L
+419.941 157.059 L
+420.305 157.062 L
+420.669 157.065 L
+421.034 157.068 L
+421.398 157.071 L
+421.762 157.074 L
+422.127 157.077 L
+422.491 157.08 L
+422.855 157.083 L
+423.22 157.085 L
+423.584 157.088 L
+423.948 157.091 L
+424.313 157.094 L
+424.677 157.097 L
+425.041 157.1 L
+425.406 157.103 L
+425.77 157.105 L
+426.134 157.108 L
+426.499 157.111 L
+426.863 157.114 L
+427.227 157.117 L
+427.592 157.119 L
+427.956 157.122 L
+428.32 157.125 L
+428.685 157.127 L
+429.049 157.13 L
+429.413 157.133 L
+429.778 157.136 L
+430.142 157.138 L
+430.506 157.141 L
+430.871 157.143 L
+431.235 157.146 L
+431.599 157.149 L
+431.964 157.151 L
+432.328 157.154 L
+432.692 157.156 L
+433.057 157.159 L
+433.421 157.162 L
+433.785 157.164 L
+434.15 157.167 L
+434.514 157.169 L
+434.878 157.172 L
+435.243 157.174 L
+435.607 157.177 L
+435.971 157.179 L
+436.336 157.182 L
+436.7 157.184 L
+437.065 157.187 L
+437.429 157.189 L
+437.793 157.191 L
+438.158 157.194 L
+438.522 157.196 L
+438.886 157.199 L
+439.251 157.201 L
+439.615 157.203 L
+439.979 157.206 L
+440.344 157.208 L
+440.708 157.21 L
+441.072 157.213 L
+441.437 157.215 L
+441.801 157.217 L
+442.165 157.22 L
+442.53 157.222 L
+s
+78.19 230.21 m
+78.919 229.983 L
+79.648 229.756 L
+80.376 229.529 L
+81.105 229.302 L
+81.834 229.074 L
+82.562 228.847 L
+83.291 228.619 L
+84.02 228.391 L
+84.749 228.163 L
+85.477 227.935 L
+86.206 227.707 L
+86.935 227.479 L
+87.663 227.251 L
+88.392 227.023 L
+89.121 226.795 L
+89.849 226.567 L
+90.578 226.339 L
+91.307 226.111 L
+92.035 225.884 L
+92.764 225.656 L
+93.493 225.429 L
+94.221 225.201 L
+94.95 224.974 L
+95.679 224.747 L
+96.407 224.52 L
+97.136 224.294 L
+97.865 224.067 L
+98.593 223.841 L
+99.322 223.615 L
+100.051 223.39 L
+100.779 223.164 L
+101.508 222.939 L
+102.237 222.714 L
+102.965 222.49 L
+103.694 222.266 L
+104.423 222.042 L
+105.152 221.819 L
+105.88 221.596 L
+106.609 221.373 L
+107.338 221.151 L
+108.066 220.929 L
+108.795 220.707 L
+109.524 220.486 L
+110.252 220.265 L
+110.981 220.045 L
+111.71 219.825 L
+112.438 219.606 L
+113.167 219.387 L
+113.896 219.169 L
+114.624 218.951 L
+115.353 218.733 L
+116.082 218.517 L
+116.81 218.3 L
+117.539 218.085 L
+118.268 217.869 L
+118.996 217.655 L
+119.725 217.44 L
+120.454 217.227 L
+121.182 217.014 L
+121.911 216.801 L
+122.64 216.59 L
+123.368 216.378 L
+124.097 216.168 L
+124.826 215.958 L
+125.554 215.748 L
+126.283 215.539 L
+127.012 163.232 L
+127.741 163.025 L
+128.469 162.818 L
+129.198 162.612 L
+129.927 162.406 L
+130.655 162.201 L
+131.384 161.997 L
+132.113 161.794 L
+132.841 161.591 L
+133.57 161.39 L
+134.299 161.188 L
+135.027 160.988 L
+135.756 160.789 L
+136.485 160.59 L
+137.213 160.392 L
+137.942 160.194 L
+138.671 159.998 L
+139.399 159.803 L
+140.128 159.608 L
+140.857 159.414 L
+141.585 159.221 L
+142.314 159.029 L
+143.043 158.839 L
+143.771 158.648 L
+144.5 158.459 L
+145.229 158.271 L
+145.957 158.084 L
+146.686 157.898 L
+147.415 157.714 L
+148.144 157.53 L
+148.872 157.347 L
+149.601 157.166 L
+150.33 156.985 L
+151.058 156.806 L
+151.787 156.628 L
+152.516 156.452 L
+153.244 156.277 L
+153.973 156.103 L
+154.702 155.931 L
+155.43 155.761 L
+156.159 155.591 L
+156.888 155.424 L
+157.616 155.258 L
+158.345 155.094 L
+159.074 154.931 L
+159.802 154.771 L
+160.531 154.612 L
+161.26 154.455 L
+161.988 154.3 L
+162.717 154.148 L
+163.446 153.997 L
+164.174 153.849 L
+164.903 153.703 L
+165.632 153.56 L
+166.36 153.419 L
+167.089 153.28 L
+167.818 153.145 L
+168.547 153.012 L
+169.275 152.882 L
+170.004 152.754 L
+170.733 152.631 L
+171.461 152.51 L
+172.19 152.392 L
+172.919 152.278 L
+173.647 152.167 L
+174.376 152.06 L
+175.105 151.956 L
+175.833 151.856 L
+176.562 151.76 L
+177.291 151.668 L
+178.019 151.58 L
+178.748 151.497 L
+179.477 151.417 L
+180.205 151.342 L
+180.934 151.271 L
+181.663 151.205 L
+182.391 151.143 L
+183.12 151.086 L
+183.849 151.033 L
+184.577 150.985 L
+185.306 150.942 L
+186.035 150.904 L
+186.763 150.87 L
+187.492 150.841 L
+188.221 150.817 L
+188.95 150.797 L
+189.678 150.783 L
+190.407 150.773 L
+191.136 150.767 L
+191.864 150.766 L
+192.593 150.77 L
+193.322 150.778 L
+194.05 150.79 L
+194.779 150.806 L
+195.508 150.827 L
+196.236 150.851 L
+196.965 150.88 L
+197.694 150.911 L
+198.422 150.947 L
+199.151 150.986 L
+199.88 151.028 L
+200.608 151.073 L
+201.337 151.121 L
+202.066 151.172 L
+202.794 151.225 L
+203.523 151.281 L
+204.252 151.339 L
+204.98 151.398 L
+205.709 151.46 L
+206.438 151.524 L
+207.166 151.589 L
+207.895 151.656 L
+208.624 151.723 L
+209.353 151.792 L
+210.081 151.862 L
+210.81 151.933 L
+211.539 152.005 L
+212.267 152.077 L
+212.996 152.149 L
+213.725 152.222 L
+214.453 152.295 L
+215.182 152.368 L
+215.911 152.441 L
+216.639 152.515 L
+217.368 152.588 L
+218.097 152.661 L
+218.825 152.733 L
+219.554 152.806 L
+220.283 152.877 L
+221.011 152.949 L
+221.74 153.019 L
+222.469 153.09 L
+223.197 153.159 L
+223.926 153.228 L
+224.655 153.296 L
+225.383 153.364 L
+226.112 153.431 L
+226.841 153.497 L
+227.569 153.562 L
+228.298 153.626 L
+229.027 153.69 L
+229.756 153.753 L
+230.484 153.815 L
+231.213 153.876 L
+231.942 153.936 L
+232.67 153.995 L
+233.399 154.053 L
+234.128 154.111 L
+234.856 154.167 L
+235.585 154.223 L
+236.314 154.278 L
+237.042 154.332 L
+237.771 154.385 L
+238.5 154.437 L
+239.228 154.488 L
+239.957 154.539 L
+240.686 154.589 L
+241.414 154.637 L
+242.143 154.685 L
+242.872 154.733 L
+243.6 154.779 L
+244.329 154.824 L
+245.058 154.869 L
+245.786 154.913 L
+246.515 154.957 L
+247.244 154.999 L
+247.972 155.041 L
+248.701 155.082 L
+249.43 155.122 L
+250.159 155.162 L
+250.887 155.201 L
+251.616 155.239 L
+252.345 155.276 L
+253.073 155.313 L
+253.802 155.35 L
+254.531 155.385 L
+255.259 155.42 L
+255.988 155.455 L
+256.717 155.488 L
+257.445 155.521 L
+258.174 155.554 L
+258.903 155.586 L
+259.631 155.618 L
+260.36 155.648 L
+261.089 155.679 L
+261.817 155.709 L
+262.546 155.738 L
+263.275 155.767 L
+264.003 155.795 L
+264.732 155.823 L
+265.461 155.85 L
+266.189 155.877 L
+266.918 155.904 L
+267.647 155.93 L
+268.375 155.955 L
+269.104 155.98 L
+269.833 156.005 L
+270.561 156.029 L
+271.29 156.053 L
+272.019 156.077 L
+272.748 156.1 L
+273.476 156.122 L
+274.205 156.145 L
+274.934 156.167 L
+275.662 156.188 L
+276.391 156.209 L
+277.12 156.23 L
+277.848 156.251 L
+278.577 156.271 L
+279.306 156.291 L
+280.034 156.31 L
+280.763 156.33 L
+281.492 156.349 L
+282.22 156.367 L
+282.949 156.385 L
+283.678 156.404 L
+284.406 156.421 L
+285.135 156.439 L
+285.864 156.456 L
+286.592 156.473 L
+287.321 156.49 L
+288.05 156.506 L
+288.778 156.522 L
+289.507 156.538 L
+290.236 156.554 L
+290.964 156.569 L
+291.693 156.584 L
+292.422 156.599 L
+293.151 156.614 L
+293.879 156.628 L
+294.608 156.643 L
+295.337 156.657 L
+296.065 156.671 L
+296.794 156.684 L
+297.523 156.698 L
+298.251 156.711 L
+298.98 156.724 L
+299.709 156.737 L
+300.437 156.75 L
+301.166 156.762 L
+301.895 156.774 L
+302.623 156.787 L
+303.352 156.799 L
+304.081 156.81 L
+304.809 156.822 L
+305.538 156.833 L
+306.267 156.845 L
+306.995 156.856 L
+307.724 156.867 L
+308.453 156.878 L
+309.181 156.888 L
+309.91 156.899 L
+310.639 156.909 L
+311.367 156.92 L
+312.096 156.93 L
+312.825 156.94 L
+313.554 156.949 L
+314.282 156.959 L
+315.011 156.969 L
+315.74 156.978 L
+316.468 156.988 L
+317.197 156.997 L
+317.926 157.006 L
+318.654 157.015 L
+319.383 157.024 L
+320.112 157.032 L
+320.84 157.041 L
+321.569 157.049 L
+322.298 157.058 L
+323.026 157.066 L
+323.755 157.074 L
+324.484 157.082 L
+325.212 157.09 L
+325.941 157.098 L
+326.67 157.106 L
+327.398 157.113 L
+328.127 157.121 L
+328.856 157.128 L
+329.584 157.136 L
+330.313 157.143 L
+331.042 157.15 L
+331.77 157.157 L
+332.499 157.164 L
+333.228 157.171 L
+333.957 157.178 L
+334.685 157.185 L
+335.414 157.192 L
+336.143 157.198 L
+336.871 157.205 L
+337.6 157.211 L
+338.329 157.217 L
+339.057 157.224 L
+339.786 157.23 L
+340.515 157.236 L
+341.243 157.242 L
+341.972 157.248 L
+342.701 157.254 L
+343.429 157.26 L
+344.158 157.266 L
+344.887 157.271 L
+345.615 157.277 L
+346.344 157.283 L
+347.073 157.288 L
+347.801 157.294 L
+348.53 157.299 L
+349.259 157.304 L
+349.987 157.31 L
+350.716 157.315 L
+351.445 157.32 L
+352.173 157.325 L
+352.902 157.33 L
+353.631 157.335 L
+354.36 157.34 L
+355.088 157.345 L
+355.817 157.35 L
+356.546 157.354 L
+357.274 157.359 L
+358.003 157.364 L
+358.732 157.368 L
+359.46 157.373 L
+360.189 157.377 L
+360.918 157.382 L
+361.646 157.386 L
+362.375 157.391 L
+363.104 157.395 L
+363.832 157.399 L
+364.561 157.403 L
+365.29 157.408 L
+366.018 157.412 L
+366.747 157.416 L
+367.476 157.42 L
+368.204 157.424 L
+368.933 157.428 L
+369.662 157.432 L
+370.39 157.436 L
+371.119 157.439 L
+371.848 157.443 L
+372.576 157.447 L
+373.305 157.451 L
+374.034 157.454 L
+374.763 157.458 L
+375.491 157.462 L
+376.22 157.465 L
+376.949 157.469 L
+377.677 157.472 L
+378.406 157.476 L
+379.135 157.479 L
+379.863 157.482 L
+380.592 157.486 L
+381.321 157.489 L
+382.049 157.492 L
+382.778 157.496 L
+383.507 157.499 L
+384.235 157.502 L
+384.964 157.505 L
+385.693 157.508 L
+386.421 157.512 L
+387.15 157.515 L
+387.879 157.518 L
+388.607 157.521 L
+389.336 157.524 L
+390.065 157.527 L
+390.793 157.53 L
+391.522 157.532 L
+392.251 157.535 L
+392.979 157.538 L
+393.708 157.541 L
+394.437 157.544 L
+395.166 157.547 L
+395.894 157.549 L
+396.623 157.552 L
+397.352 157.555 L
+398.08 157.557 L
+398.809 157.56 L
+399.538 157.563 L
+400.266 157.565 L
+400.995 157.568 L
+401.724 157.57 L
+402.452 157.573 L
+403.181 157.575 L
+403.91 157.578 L
+404.638 157.58 L
+405.367 157.583 L
+406.096 157.585 L
+406.824 157.587 L
+407.553 157.59 L
+408.282 157.592 L
+409.01 157.594 L
+409.739 157.597 L
+410.468 157.599 L
+411.196 157.601 L
+411.925 157.603 L
+412.654 157.606 L
+413.382 157.608 L
+414.111 157.61 L
+414.84 157.612 L
+415.568 157.614 L
+416.297 157.616 L
+417.026 157.619 L
+417.755 157.621 L
+418.483 157.623 L
+419.212 157.625 L
+419.941 157.627 L
+420.669 157.629 L
+421.398 157.631 L
+422.127 157.633 L
+422.855 157.635 L
+423.584 157.637 L
+424.313 157.639 L
+425.041 157.64 L
+425.77 157.642 L
+426.499 157.644 L
+427.227 157.646 L
+427.956 157.648 L
+428.685 157.65 L
+429.413 157.652 L
+430.142 157.653 L
+430.871 157.655 L
+431.599 157.657 L
+432.328 157.659 L
+433.057 157.66 L
+433.785 157.662 L
+434.514 157.664 L
+435.243 157.666 L
+435.971 157.667 L
+436.7 157.669 L
+437.429 157.671 L
+438.158 157.672 L
+438.886 157.674 L
+439.615 157.675 L
+440.344 157.677 L
+441.072 157.679 L
+441.801 157.68 L
+442.53 157.682 L
+s
+P
+0 g
+0.144 w
+[ ] 0 setdash
+3.25 setmiterlimit
+450.12 237.508 m
+70.6 237.508 L
+s
+70.6 237.508 m
+70.6 2.952 L
+s
+1 g
+[ ] 0 setdash
+70.6 2.952 m
+450.12 2.952 L
+s
+450.12 2.952 m
+450.12 237.508 L
+s
+0 g
+[ ] 0 setdash
+p
+0 setlinecap
+78.19 237.508 m
+78.19 234.611 L
+s
+P
+p
+np 74 239 m
+74 253 L
+82 253 L
+82 239 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 75.19 239.668 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.19 -1.668 m
+-2.19 14.332 L
+7.81 14.332 L
+7.81 -1.668 L
+cp
+clip np
+/MISOfy
+{
+	/newfontname exch def
+	/oldfontname exch def
+	oldfontname findfont
+	dup length dict begin
+		{1 index/FID ne{def}{pop pop}ifelse}forall
+		/Encoding ISOLatin1Encoding def
+		currentdict
+	end
+	newfontname exch definefont pop
+}def
+%%IncludeResource: font Times-Roman
+%%IncludeFont: Times-Roman
+%%BeginResource: font Times-Roman-MISO
+%%BeginFont: Times-Roman-MISO
+/Times-Roman /Times-Roman-MISO MISOfy
+%%EndFont
+%%EndResource
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+0 10.5 m
+(0) N
+P
+[1 0 0 1 -75.19 -239.668 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+92.764 237.508 m
+92.764 235.77 L
+s
+P
+p
+0 setlinecap
+107.338 237.508 m
+107.338 235.77 L
+s
+P
+p
+0 setlinecap
+121.911 237.508 m
+121.911 235.77 L
+s
+P
+p
+0 setlinecap
+136.485 237.508 m
+136.485 235.77 L
+s
+P
+p
+0 setlinecap
+151.058 237.508 m
+151.058 234.611 L
+s
+P
+p
+np 147 239 m
+147 253 L
+155 253 L
+155 239 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 148.058 239.668 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.058 -1.668 m
+-2.058 14.332 L
+7.942 14.332 L
+7.942 -1.668 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+0 10.5 m
+(1) N
+P
+[1 0 0 1 -148.058 -239.668 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+165.632 237.508 m
+165.632 235.77 L
+s
+P
+p
+0 setlinecap
+180.205 237.508 m
+180.205 235.77 L
+s
+P
+p
+0 setlinecap
+194.779 237.508 m
+194.779 235.77 L
+s
+P
+p
+0 setlinecap
+209.353 237.508 m
+209.353 235.77 L
+s
+P
+p
+0 setlinecap
+223.926 237.508 m
+223.926 234.611 L
+s
+P
+p
+np 220 239 m
+220 253 L
+228 253 L
+228 239 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 220.926 239.668 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.926 -1.668 m
+-1.926 14.332 L
+8.074 14.332 L
+8.074 -1.668 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+0 10.5 m
+(2) N
+P
+[1 0 0 1 -220.926 -239.668 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+238.5 237.508 m
+238.5 235.77 L
+s
+P
+p
+0 setlinecap
+253.073 237.508 m
+253.073 235.77 L
+s
+P
+p
+0 setlinecap
+267.647 237.508 m
+267.647 235.77 L
+s
+P
+p
+0 setlinecap
+282.22 237.508 m
+282.22 235.77 L
+s
+P
+p
+0 setlinecap
+296.794 237.508 m
+296.794 234.611 L
+s
+P
+p
+np 293 239 m
+293 253 L
+301 253 L
+301 239 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 293.794 239.668 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.794 -1.668 m
+-1.794 14.332 L
+8.206 14.332 L
+8.206 -1.668 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+0 10.5 m
+(3) N
+P
+[1 0 0 1 -293.794 -239.668 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+311.367 237.508 m
+311.367 235.77 L
+s
+P
+p
+0 setlinecap
+325.941 237.508 m
+325.941 235.77 L
+s
+P
+p
+0 setlinecap
+340.515 237.508 m
+340.515 235.77 L
+s
+P
+p
+0 setlinecap
+355.088 237.508 m
+355.088 235.77 L
+s
+P
+p
+0 setlinecap
+369.662 237.508 m
+369.662 234.611 L
+s
+P
+p
+np 365 239 m
+365 253 L
+374 253 L
+374 239 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 366.287 239.668 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.287 -1.668 m
+-2.287 14.332 L
+8.713 14.332 L
+8.713 -1.668 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+0.75 10.5 m
+(4) N
+P
+[1 0 0 1 -366.287 -239.668 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+384.235 237.508 m
+384.235 235.77 L
+s
+P
+p
+0 setlinecap
+398.809 237.508 m
+398.809 235.77 L
+s
+P
+p
+0 setlinecap
+413.382 237.508 m
+413.382 235.77 L
+s
+P
+p
+0 setlinecap
+427.956 237.508 m
+427.956 235.77 L
+s
+P
+p
+0 setlinecap
+442.53 237.508 m
+442.53 234.611 L
+s
+P
+p
+np 439 239 m
+439 253 L
+447 253 L
+447 239 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 439.53 239.668 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.53 -1.668 m
+-1.53 14.332 L
+8.47 14.332 L
+8.47 -1.668 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+0 10.5 m
+(5) N
+P
+[1 0 0 1 -439.53 -239.668 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+70.6 210.041 m
+73.497 210.041 L
+s
+P
+p
+np 61 203 m
+61 217 L
+69 217 L
+69 203 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 62.44 203.666 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.44 -1.666 m
+-2.44 14.334 L
+7.56 14.334 L
+7.56 -1.666 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+0 10.5 m
+(0) N
+P
+[1 0 0 1 -62.44 -203.666 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+70.6 157.941 m
+73.497 157.941 L
+s
+P
+p
+np 61 151 m
+61 165 L
+69 165 L
+69 151 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 61.69 151.566 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.69 -1.566 m
+-1.69 14.434 L
+8.31 14.434 L
+8.31 -1.566 L
+cp
+clip np
+%%BeginResource: font Mathematica1
+%%BeginFont: Mathematica1
+%!PS-AdobeFont-1.0: Mathematica1 001.000
+%%CreationDate: 8/26/01 at 4:07 PM
+%%VMusage: 1024 31527  
+% Mathematica typeface design by Andre Kuzniarek, with Gregg Snyder and Stephen Wolfram. Copyright \(c\) 1996-2001 Wolfram Research, Inc. [http://www.wolfram.com]. All rights reserved. [Font version 2.00]
+% ADL: 800 200 0
+%%EndComments
+FontDirectory/Mathematica1 known{/Mathematica1 findfont dup/UniqueID known{dup
+/UniqueID get 5095641 eq exch/FontType get 1 eq and}{pop false}ifelse
+{save true}{false}ifelse}{false}ifelse
+20 dict begin
+/FontInfo 16 dict dup begin
+  /version (001.000) readonly def
+  /FullName (Mathematica1) readonly def
+  /FamilyName (Mathematica1) readonly def
+  /Weight (Medium) readonly def
+  /ItalicAngle 0 def
+  /isFixedPitch false def
+  /UnderlinePosition -133 def
+  /UnderlineThickness 20 def
+  /Notice (Mathematica typeface design by Andre Kuzniarek, with Gregg Snyder and Stephen Wolfram. Copyright \(c\) 1996-2001 Wolfram Research, Inc. [http://www.wolfram.com]. All rights reserved. [Font version 2.00]) readonly def
+  /em 1000 def
+  /ascent 800 def
+  /descent 200 def
+end readonly def
+/FontName /Mathematica1 def
+/Encoding 256 array
+dup 0/NUL put
+dup 1/Eth put
+dup 2/eth put
+dup 3/Lslash put
+dup 4/lslash put
+dup 5/Scaron put
+dup 6/scaron put
+dup 7/Yacute put
+dup 8/yacute put
+dup 9/HT put
+dup 10/LF put
+dup 11/Thorn put
+dup 12/thorn put
+dup 13/CR put
+dup 14/Zcaron put
+dup 15/zcaron put
+dup 16/DLE put
+dup 17/DC1 put
+dup 18/DC2 put
+dup 19/DC3 put
+dup 20/DC4 put
+dup 21/onehalf put
+dup 22/onequarter put
+dup 23/onesuperior put
+dup 24/threequarters put
+dup 25/threesuperior put
+dup 26/twosuperior put
+dup 27/brokenbar put
+dup 28/minus put
+dup 29/multiply put
+dup 30/RS put
+dup 31/US put
+dup 32/Space put
+dup 33/Exclamation put
+dup 34/ForAll put
+dup 35/NumberSign put
+dup 36/Exists put
+dup 37/Percent put
+dup 38/Ampersand put
+dup 39/SmallMember put
+dup 40/LParen put
+dup 41/RParen put
+dup 42/Star put
+dup 43/Plus put
+dup 44/Comma put
+dup 45/Minus put
+dup 46/Period put
+dup 47/Slash put
+dup 48/Zero put
+dup 49/One put
+dup 50/Two put
+dup 51/Three put
+dup 52/Four put
+dup 53/Five put
+dup 54/Six put
+dup 55/Seven put
+dup 56/Eight put
+dup 57/Nine put
+dup 58/Colon put
+dup 59/SemiColon put
+dup 60/Less put
+dup 61/Equal put
+dup 62/Greater put
+dup 63/Question put
+dup 64/TildeFullEqual put
+dup 65/CapAlpha put
+dup 66/CapBeta put
+dup 67/CapChi put
+dup 68/CapDelta put
+dup 69/CapEpsilon put
+dup 70/CapPhi put
+dup 71/CapGamma put
+dup 72/CapEta put
+dup 73/CapIota put
+dup 74/CurlyTheta put
+dup 75/CapKappa put
+dup 76/CapLambda put
+dup 77/CapMu put
+dup 78/CapNu put
+dup 79/CapOmicron put
+dup 80/CapPi put
+dup 81/CapTheta put
+dup 82/CapRho put
+dup 83/CapSigma put
+dup 84/CapTau put
+dup 85/CapUpsilon put
+dup 86/FinalSigma put
+dup 87/CapOmega put
+dup 88/CapXi put
+dup 89/CapPsi put
+dup 90/CapZeta put
+dup 91/LBracket put
+dup 92/Therefore put
+dup 93/RBracket put
+dup 94/Perpendicular put
+dup 95/Underbar put
+dup 96/Hat put
+dup 97/Alpha put
+dup 98/Beta put
+dup 99/Chi put
+dup 100/Delta put
+dup 101/Epsilon put
+dup 102/Phi put
+dup 103/Gamma put
+dup 104/Eta put
+dup 105/Iota put
+dup 106/CurlyPhi put
+dup 107/Kappa put
+dup 108/Lambda put
+dup 109/Mu put
+dup 110/Nu put
+dup 111/Omicron put
+dup 112/Pi put
+dup 113/Theta put
+dup 114/Rho put
+dup 115/Sigma put
+dup 116/Tau put
+dup 117/Upsilon put
+dup 118/CurlyPi put
+dup 119/Omega put
+dup 120/Xi put
+dup 121/Psi put
+dup 122/Zeta put
+dup 123/LBrace put
+dup 124/VertBar put
+dup 125/RBrace put
+dup 126/Tilde put
+dup 127/DEL put
+dup 128/FractionBarExt put
+dup 129/EscapeChar put
+dup 130/SelectPlaceholder put
+dup 131/Placeholder put
+dup 132/Continuation put
+dup 133/Skeleton put
+dup 134/LSkeleton put
+dup 135/RSkeleton put
+dup 136/Spacer put
+dup 137/Cross put
+dup 138/DblEqual put
+dup 139/Grave put
+dup 140/Acute put
+dup 141/DoubleAcute put
+dup 142/OverTilde put
+dup 143/OverBar put
+dup 144/DblUpDownArrow put
+dup 145/DblUpExtens1 put
+dup 146/DblLongLArrow put
+dup 147/DblExtens put
+dup 148/DblLongRArrow put
+dup 149/DblLRArrow2 put
+dup 150/DblLongLRArrow put
+dup 151/UpDownArrow put
+dup 152/LongLArrow put
+dup 153/LongRArrow put
+dup 154/LongLRArrow put
+dup 155/ColonEqual put
+dup 156/Diamond2 put
+dup 157/NotSquareSprsetEqual put
+dup 158/AtSign put
+dup 159/Solidmedsqr put
+dup 160/OverDot put
+dup 161/CurlyCapUpsilon put
+dup 162/Prime put
+dup 163/LessEqual put
+dup 164/Fraction put
+dup 165/Infinity put
+dup 166/RuleDelayed put
+dup 167/ClubSuit put
+dup 168/DiamondSuit put
+dup 169/HeartSuit put
+dup 170/SpadeSuit put
+dup 171/LRArrow put
+dup 172/LArrow put
+dup 173/UpArrow put
+dup 174/RArrow put
+dup 175/DownArrow put
+dup 176/Degree put
+dup 177/PlusMinus put
+dup 178/DoublePrime put
+dup 179/GreaterEqual put
+dup 180/Multiply put
+dup 181/Proportional put
+dup 182/PartialDiff put
+dup 183/Bullet put
+dup 184/Divide put
+dup 185/NotEqual put
+dup 186/Equivalence put
+dup 187/Approxequal put
+dup 188/Ellipsis put
+dup 189/ArrowVertEx put
+dup 190/ArrowHorizEx put
+dup 191/CarriageReturn put
+dup 192/Aleph put
+dup 193/IFraktur put
+dup 194/RFraktur put
+dup 195/Weierstrass put
+dup 196/CircleMultiply put
+dup 197/CirclePlus put
+dup 198/EmptySet put
+dup 199/Union put
+dup 200/Intersection put
+dup 201/ProperSuperset put
+dup 202/NbSpace put
+dup 203/NotSubset put
+dup 204/ProperSubset put
+dup 205/ReflexSubset put
+dup 206/Element put
+dup 207/NotElement put
+dup 208/Angle put
+dup 209/Gradient put
+dup 210/RegTM put
+dup 211/Copyright put
+dup 212/TM put
+dup 213/Product put
+dup 214/Radical put
+dup 215/DotMath put
+dup 216/LogicalNot put
+dup 217/Wedge put
+dup 218/Vee put
+dup 219/DblLRArrow put
+dup 220/DblLArrow put
+dup 221/DblUpArrow put
+dup 222/DblRArrow put
+dup 223/DblDownArrow put
+dup 224/Lozenge put
+dup 225/LAngle put
+dup 226/Diffd put
+dup 227/Expe put
+dup 228/Imagi put
+dup 229/Sum put
+dup 230/LParenTop put
+dup 231/LParenEx put
+dup 232/LParenBot put
+dup 233/LBracketTop put
+dup 234/LBracketEx put
+dup 235/LBracketBot put
+dup 236/LBraceTop put
+dup 237/LBraceMid put
+dup 238/LBraceBot put
+dup 239/BraceEx put
+dup 240/Slot put
+dup 241/RAngle put
+dup 242/Intergral put
+dup 243/IntegralTop put
+dup 244/IntegralEx put
+dup 245/IntegralBot put
+dup 246/RParenTop put
+dup 247/RParenEx put
+dup 248/RParenBot put
+dup 249/RBracketTop put
+dup 250/RBracketEx put
+dup 251/RBracketBot put
+dup 252/RBraceTop put
+dup 253/RBraceMid put
+dup 254/RBraceBot put
+dup 255/Wolf put
+ readonly def
+/PaintType 0 def
+/FontType 1 def
+/StrokeWidth 0 def
+/FontMatrix[0.001 0 0 0.001 0 0]readonly def
+/UniqueID 5095641 def
+/FontBBox{-120 -220 1544 923}readonly def
+currentdict end
+currentfile eexec
+D8061D93A8246509E76A3EC656E953B7C22E43117F5A3BC2421790057C314DAE3EFBFF49F45DA34B
+424A961BE670A194E7E4BF0FF295DEE23134A14A7C08B6602621D885EE631B1D8D3003CF2093E039
+4D77FCEFCA8BA8965D1783DCAD9EFE6C7E420CF7B898933309A89F84721ADE7F3AE4443C5EAE8155
+759A9EB6F738F7BA81C192EE45DAD00F398FFD6904111BBD91BFEE328004F2A18BCCD98DCDB2CE23
+961B00F204E50EA022D00CE2B68E653626D4BB5AFA334A0D657307416FAF7AA8C43ED4DC541F1B7B
+B7500B3F423D9D369F8192FD00A59FD5E6ABC70F788FB70976CC1907DDC309F4B690AA2D2BF12CAE
+C493958CC0E76CE9EB5FF8BD1F1650F659E5C123EE455B7D77C39952C212AF319BF19A91E36DE52F
+0EF84B602704BD6C7C94E1B0E067210DB919F6231755A2CC5D5FE129279B43A2E2CCD27F56F00B05
+C8AC10AB07FABBEFB3509088301FE78CAF8B440C5BA2FFE06BBFCD066046618F3B6AA2E4B17B296E
+1F3F1560E19CBAD54E16E4B7A65622E468F6BDF97C50277E355D1DD8843D0A449A147FFBA071BA99
+CF70D7576DC18B96FEAF8070BF25F3A3141F873241EF4A07F332306B56F1D5909A4F233A9DB3A08E
+E43DF38DD6DB2D6DAB908967A907303EE1FA04F048FA6EBC531738C170B8B0F095FF3B05D14C2BDC
+272F7EDA8926A77D9CDA49A90AE1387A51A24ECDB2E4E287B0F95A83AD2EC0310F9B6F396AC10479
+835035FD5D4C84D91917FE8A8755C976504AB1A830ED516B5F325EA4ADFD115900D23039A2BC84EE
+D21CC21E2BBE29A5E0CF28BE047CBD515DF7785F37DDD4474042B102A1F28193BB8567FF6FDEF811
+25CE9A504BE5011C0010DCEBCF321824C9DA249D8DB11F79298F7B674CEDB6F33C111F8B0115E407
+99E0FE1B6CE9F6B2A3EED1827A9CEB453D643FE5CE2540DCBCAF7B2EA2C8F0AE9434D4BAAEAB3488
+FEC7541D57179BDEAA0BB6145EA783E73E70E0AA71A4FA58E81EB510E9FD2CF4ACFBF28E48CA313C
+CF5ED2BE032B7C9A07ABBEC9CCD8D5AC9F775D36BECC252B9FE01B6AA79A70E22478904DADDA08BB
+7CA3B66F3A83AEEBA37406127353790348AE5FBD144ABD8E1B32D1BCC70E2BC22A63E854D38317E6
+BB97C52A6C9B0C6AB5C336CE2D417A714825DCD237F7486C33925A995CD8AD3B359176C4CA775FE2
+2C6F8A7C7343F31F39D1B9A5A744973BF65D655DDB59E3495B28DBE2A877EBB32A22A4AB8EB13C67
+02B239F6932E2DC8B4B88915923B1C2AFF2F876A31F765B91747D5A858BD632B0BE4F135AC484016
+AE1BC01E44B6653A58EE1380B6DF24AEB73220A36FA8FDE9A152C16E049D2F247A9AA71CD2DF3D9E
+653054FAF518BBC1EEB43200DB0BACA93FEA9445FA5F32A99926C4F1F2370B2E3E03CEFBEECE5D5C
+DE299FE1641A9CE0C90E42E7C465DF8C19C153EA76C11791F8E112853E708CD0F6EFC22E44808A44
+3686442645D643E7118D128BF34188FD313E53B8E951E605E96825738C4DC893D942C145C3E1153F
+CDED16D1EE10374626F45781461FFC94C77D431BCF167FD29136A0B369631E139A59B06AC5281B3D
+52470B38237B469C0E49CBE74C82A940F8AAD10E05C5DD2A8F3218C4BE40DCED0982770869190845
+D2E8BA2A1A2F9CF16DDDE418B6E2013C3258FBE9AFCDACCD57B01C4FEF3526C06FD5BAB6F195C557
+23A96FA3E5CDB2ADC9AA8989DF78F163F19E26F3B9EAF60D44B745FCA49B09D9CE5CC16D1E2C78C5
+A28F14D3374956E9721C0542A01A731A3D5A771C7B51FB72960BB22C99BC8F216530AA86C1A0346B
+3D986EF1DF68BCC46EC4C809C6D54FB9C50F225ABA2C96965F4DE77E2C5D131318231C6773F0976C
+DBD016B803C38B8923822BDF160FB87BBE744D0953EDEBDE87394282B9950C89F58824D731355E8F
+A3CE364F742E3337A983BD1219CE8787CFA6925B560001F6F78343647821D408B60965966C16C454
+394D33268483F51984614FD9964CCE5F1AA4AB12144874A72D3FE97F4416ABE4213B4EDCA9ECF73A
+937B562F978E059705E561A6D0C8B89B59B4CAB2248BFC4A6D3D98F89FF38A4D1C3E5A4570E2E2E8
+D328772E11DEA2116C260B13328045139A819F5489A2C302F311898230CD26DD03E6CE3BE75EDB86
+0D982FBC8E1E24D1F83E8CA64174495B2F32BDF0505FC96E9C65FDB0EB0C4ADA410F0A1C4BB4D551
+93B1AA5EA1F988882A56413F77CF24FF6516CD5095077BA566116797895FD7EA616D10510957025A
+1DA05064FD9176303A248C94CE2A9875C03C7D8755A1A8010B712B64BAD73BEA4195D51A328F076D
+12C0E52E87D98A5269D157D544CD7B4E1CAAEA6BDD59F08D0C5FBB84A6B099BECF8BEB721A874BAA
+1BD1F8CDB5ED5CD3B49A763EAA36D33837667A6643B83537EF5515DBF7659E28692E0ACEB48FD051
+45534A443092E0A510B05B5B51B402CB3372A4E8BAF98A7FEB6D8BEF6B364A5EA0F3FDF301A44EE2
+3485D4493E7B4C33E0E352202931188D156983C40F7A4B615B6F5281B33FB32A2E6A0F7AE84BEA2C
+5C3635D7DA17371D608847EB402270B83293EC09E4B1D85996C1CC81196BE590EC9EF0F258364746
+BC4763976FDDB3707D37AFCBDC0F4EB2B1502F137EBBB1541B992EAD43B5D64CCDF505FF2F127115
+4857C69B689A11760979F6D2BB032CF0DCCBB33D2B6F6D6BB29A1D0E371AA5869A408225C0AFF523
+CEFB08A7D3D17DF9064010363196CC569C436E720B1B4573CDAE1CD93A10FD2D4ACB14E47046B5B7
+66B75B40BA97027FEC4218980B002FAB60A9F1F5A37861B9A63F696732F8127B2C6F036BF32311B8
+FF08A489E88218092D57A99C8981EF8CBBD09DF49CC836B9C1968692D1FB551F47619F020289F1A3
+D3898A96DC1C7D39A21B49C2D0DD9508CB8A8BD6A5EB40FF86F555FA32017B67AEC07BECD659E8C4
+8DD1D43E8D1EE08A117479015F78BF20D3318224572D9C90884856E4307A8AFFC83EDD317B008484
+3BBE8EB2A4E2D70077A639FE3637C3DCF87C67F1BE62E63CC67BCEF8EBD07E030524A53DD440F2A1
+3A019B7AA89E155AAD1497974258A01DA45DE1D94BB9F925290FE9BDDA29EA3F2BF1E64DF7EBCFC4
+23AB2C7310D9D87A5CA673EE95189135E1B134B431B231428FF2BF64C8F155CBDDAD17BCB524CF7E
+ABD66B75705BFFB1DDB27B72D681D7AA19FAD0FF23EEF028B606DD20D58588AACB299A3CF38372A8
+E7494A65227C1E4A231AC7843962B8A4A7BDD90F3F8B83277E696F3514139BB8DD207641B62286F0
+0E32C7FAD7029DC0E092564C7CE1BC5240FCBFB00A06F075D9536F0326CFFBA958BA7A1A11AA047B
+B14E7DE16761BB0FEF19ABE85154359807C339961B9695CDED59E489CA4D9BB75D86D9EDDF0502BC
+0B4EC36B1D71FCD4E03881ECEC703E5DA23B3F5DB98CB8DAED81D5BA20B844A92A4B92FE5B082952
+6837237C7F994786878404BE744D0953C676E52CB05FCE193E8827F977B31929E36E320E770A6F1E
+972B84AFA21E01719759DF0132C5CF9692BAA487E86E8453C09FF97642600D1024ED5D6C7D5B387D
+CB5E6147D20B4A14D7D485B5747D765C5A1CA40B9416DC4EF5DC08F43F0706B27B1C90E901556E1C
+EFF304EA8DF8D727E4B7E7CEAD14E4FC7E76002DBC37B92BD0E58AF29DA7DA91E6F99DADF1A9CBDD
+04648E2F5B811F2AF0729646B17D32D7EF25AD47E267EE53A61A7CD744C9ABFDB1EDB71C0705412B
+15769188CA1601AF0395796FAC0E2139EF90FAA65D27AAEEEE319D2831A56CE82203523097D0574D
+22742D17E519D95560B8445B5B29033BF3454B94F20C23EBE8B90DDF26D903F1D66CB39D3A64579D
+39D136C537CCD9FF2D6ACE5F79DE696C7330C0C4EA179D7911B7B67858D86CEE0833AB1E105B1993
+2A9BD572C41E78FB4A2A2421514DC2066E2F56101A9027F4BBA5D48E5DA9218E81CE46B95B50380F
+560C67A5D547A8D32610AECECBB6F5A09DF44994F6DAC64F7399C07E182033BC1B9A32B69C41FDFC
+7E1DCDDF273F045F154D727AFEE3CDB816CF2ECDB6733C579276353DD59C9D2AFA455935C1FCD0AB
+7D57F9DD79FBCC7A45E5E5A501FF17EE1C5FF0823C6FDE29C60F85F6786940D8E3540E891B5BF7F5
+D36C57AC3AD359BFAB12B215E7FC94B933386C250E6B236506FA3D151ABAD893A817772071C09144
+6E5FB23A17591A4CECAA46DD46E3C41B4578F21D8894A59B72FAF6F88EE6E514FBD2FE69447D2B59
+9A6AA8BC5C1FD5C25E50BFB5CE5DBF5AD5771BC42FCC3706B6E9F7E4FAAFF2E63ED1684C5A4C136D
+609D03E31EBCF31E864AAA74D8DDBCA52F85CCF14AB739CC55617EFC964D6CC6988AA45245B19CE2
+B63CB865DF1F1DA4A200A4A043C5CB706CD303EB31C32866ED92077AB11BF136D158840EAC67E7A1
+1BC2BFDCD5894AF735D677E1AC98BF3F19F69AF75355F168632037F6EDEBF61BE5854057AD05972C
+7DA8D37AE65D35738547A9D835C6351D8D732F8C0DC49D7605F00A6A6045559D3A0B0CC21DFDD75E
+2FCF25522001741EBBEB5CC97DDBD9DDCE490FE3CB186C101940DD02CACB685ECCB8C1DEDCDD4156
+F5F9F6B3CA53EC6E7E8A2F8159451CD5479D91BFBF91C6B32A1E0053017369330EAD2DDE323BCAC5
+EEC91A595473F447355B1BDFB873D0B538BF54AFB8EAADE5309E1B74283218F59272E59619D66405
+E74B5A9D6323CB76AF00FB27FD984F740601248C7206F59EF7FF4E95AF95327D12C47D2D34CBFF33
+29F28236831D7F0FD9D633B940D8282E1F1D5D95616CD839C6B41A7195A22B7A320864E48943CE99
+C68E3591A97689986A6536C3A1C37DA9838FF71A8C1A03094537C95D3585DF5AD9292874D8D05720
+030133B02E2754DA24712B52D6D8871422C709532B09D147EC8ACD861FA5392A82A6C2981347E327
+1986017B8315822B5FCB19A1B31BF6909E0D6490EC823434BFCE031045D20FFC675A73EBD7A39A50
+44C3B40906186CCF6E8502CD7915F053BC8CF6BE9FDD9A0330AE943D5C9A11D60D43F5BBE8A045EF
+CDB7D19C0053F4F082303442C35C432E0DA4408C5917D24A6658DB807BD754AF140CE84A34F79851
+9323060D60F4EAC0E82D3E17042BB6729C69A8B8774904C6214C2EB016C528DC1428DB41075AA6C5
+4E4D849901838C6B6DADF7B67CD0CBC6EE1B415B44654D89397274D4A6AD2BA69DD81567F5B802F2
+684DD3516ECA0F6D66046EDA0B2B38F420A238D67D98676925ECBE6711D64DAE5DBE8AC5473A2EE9
+97AE65F0715A2E5DB2C75F20D9939EF58692EDA3AEA81F25AEC888327CFA6CC13D496714E63A1A87
+11FC50250D6D23FC7A8017038281F659A685ED7F1BB1ADBF8833ABC6DBEC0D96D08334E58C67E0F9
+0046132F0D4FBCB9CDF52EE74561498B42701AB826A6DD77F46C14753748E1EC66F4BD3583FCB4F1
+DC91050CF18B0D51BC366549261282779FC9694A7B987973C0D59F65CFF3CDB88D23952E46F5EEC1
+BDA0DC354188C11B0FA191F5C11A45BB9093701B33B8E7AC1A8621793D5326E92CDD3A76FB9B67D6
+860567B9CEE7B9F9056C6E9971F642DC0BCC1D2882B5BDF1B1CDCAA3FC61775A74E70CDFC128DE0F
+9606091BB8E53905108EE77A1D3C506550FCFCAE454B020379BE3A7D6C62D162697AF1383F7BC8F2
+34FD616324C1E56E3E440277862CAB2C02395D9937816117F71A6828344182E6B5AF2799E29A6611
+9C0543E135300E44746EF2EBA57C4EABB1A15D8AC6D037F4BA2BE1EB4D1A7496F9711FC67E56D4D0
+FDA4D810B5383A72ACA15872DE9F3A9890E33759CE4DA493691BCA47A92E42D950DF588C3574D6FC
+72B5AF7DDE915E3F5925B3E97DEBE6A4208CE7337754045607679296C4EEEA3A3EF1915E85EB1A32
+F1BBADB2904B09806631E20BBF5E57AF11BC784C75BF049B4BC7E479F1D4AE7754CBED7B11ED80A5
+2DD0006FAE5CC23A7C234CF628B42F4104A490E7D59E8B1F2A1395D37641C478FF8CB9FB602B29FD
+3E48D6087CAEE48B523887F27F69DB32BF80B760B030A6766F8F9B19DE70704DAF81D3DED2BF663D
+89B5BD8AF253BB8FA59DF84A52FDED83D2737532B6D66AFB9EF0446ACD44BFAB797AB9FDB47F2E18
+8F0A55887853772EBFD029B5FA0AFBAF10A88D464BD6F634C5839B230D583E36671A51DDB1EBF471
+8ABB84D057729D514751B0EEF4F756B91DEDAD7D9AD529B3886008F1F32645F3A205F304B2A8D808
+D37A38E389B8587E8D3654DC374568FCEBBA160395BE1D132B1ACB434164525FBF250A5AA30F3520
+F0F2A75F9D1B7C6EAB0223C209A120D894D6ECA336B57B7F2AB0E2A94E6616D7539010C700311966
+7B4A9EB3A812FEF4D100AB4C036401D21DDF8AEB393074638D154418D3A7AE51CD1F0C2D5CF4B475
+3B582D5071F91E6D3AFBFB09EAABBEAB2A60A5D388D16232939B5483CF7D5C1C9D05DDC85B266F39
+6F61E179AB9FAB644040014293EB53F2B50E8751F9D92D1DAE8DC89594905A39357C0098265FBD24
+E407F9A22027E36D5608FAF15BD9E354228E3BA943EC30301ABB2CB105F3B6D57C001EBF8328A8CA
+318A7B1B999AE8BF9E2FD530B669640116149B622EB3C0A8CCDE62449DE9D39E0F5E5E01CBBF4F5E
+52B33A2BD60B52FA4A5CE98B7313FE4C3FA30FA07DE4516109C3EAEE97ABE430C505647DD8B3DBF2
+BB4B3A806B14A9E0F629863F15D12A1CA62E8E055FA6ACABDE1926D3231CAC271C30A3F7AAC6084D
+D88628B943052B618E4E39148600AC1EDB57B0835C291F73D29C51FCA3C5EFB1DB18A5CA47433B45
+C57EB3CB28AEBC68E4171E6DE357793B0FD2A1F4E76180248017112674DAD7ACA6ECAAF209CA174A
+5603CEA5CE528F20919443900636E2FC79C303EA7B467A3F001EA8CB849BCF28BF40A3364C08ABC9
+B5D935CFEDA827A8C3FE2F6ABA54017D2AD0393A05AE21F7AE1F58AE1E992B5C889219DA157FA7EE
+92E291DE2F9DFC244F2CF0FDCEFCACC487F0EA830985B687556D5AF53B81814DE9CE0C6C430DCBCE
+51EBC6091B4E0227732E07DF20D59E9EED4D8A83761CED84CCE244BFD6A39103A2B48A684AEC9210
+5C94495D54FD6690AF857E5A3915E6A15689F1816F75F1FC8D5769B240639B339EBE54BC6D84794D
+50F4EBE892530351984C6F8BEBE097CD46F4FED7D46E32830A16F77C13F13D17003737482F02D1B6
+F04C57B4C2B1929AA315B4BE1C7C9CB55F8981508546B67E4EBF84B6026C355C5E4E07CD98C95F07
+56F6643FB1DD7D8C77C4AF4C4F23602DD3F61D1C46583071AC460E74084F7F7CF812BC53975CAAF8
+B3C1160B5D6864AF08A1733FA893CE4248C8F8B46AEFCCF317DC726BC1E5F2445E462E0591BEAAEA
+49AD8E4E2D3CF07F900EC46D596E9CDB3A8710A0B93CE5DA9D35E612596A6374F35AED0EF55DC46A
+8E14A91163B87417259DE926BBC3FC5423FF0AE2AA6D740BFFD26981A57C8C1D97FB04A90A567296
+B07437F94C8FFF4709213DD5D8862A777CF3F97723F43A4F913F4A30F7554ACDAE34713654E21731
+C594C3718C0547FCDAF7BB1620B2D6BB19E65596A585290CC43F50B34A2FE6EB1E495ACFFB16DFEE
+8784B66FCB9359600412969E2BDA330C421C68345A797C49728450A6CF41C926AE8EBBE80BD97863
+593C3E8AB5415A8BA625957F242378948F5C7EA9C2641312E8E46955FE5C1A1824C71D3B0C9FD211
+7CC965DA7C21D257587F291AB7C594459A11B977A278C74CF5E6598B0C75ABBB2FC1B3D167D7E31D
+B519F4A0BDA650A3FE7F1A281DB9B69B57A23656BD820B22D0E30B07361FE7C90933E24A32B6DE2D
+F240635D543315226E32487F264AFE83EFEAC74117321A82A92F4FC7B259F26DBE74C966B4CB3F4E
+3499E30B9B326F72D73919D9FA9024AAC0B95B6751AD4CE569CC3DDFC399428DF1298FB1733FFCE6
+240FB3BE3A2837E1A66E08B784CDD131B5A61423508000785CDC5610CE4DA1DD314131767C8857E3
+3D9741EF3FD7B8D0AF0371CFFA3DCF74FF2D3B421AC0339EBC05FB4B61A2F46D6BD1144747AD148B
+7968D7DF4D0F742AB39B0A04A88D66F5CF9876970879879872BFDA0C56C253DE5C72016B4990CEBB
+2455DCDEC7465EE7C7E1C557B570E9F3EF3E31A22DC8AB9B17F34F48E135BE7820ACE383DB7C5B05
+8A9DC855C6850E49AB7D7D00ED2D23C50AEE671B11752F0A682EFE179CECBFAB47B76676AC0E8FD1
+0A47353D3AC3477A59B0F3CAF22849DE97AAC8B79935F7C57F3052DE7E13BA0FE7CEC4685C86E841
+EA8C7D6734D0FEEFF538CC2AA1414EC9126637E169FBE4ECAFDFA29A08451B25954F0094710195E1
+69E0A6004419E432E9319BE2AEC8D93407B25B758336946C6E30032657DD857BE9C0A05F487423D2
+0C2772D4416D27FEB5CCC971DDEDFE9B8C2D7DF9DEC90D0868D5DD18850BE567A04D08310883D9B2
+D50B817D0690F8550E238C1139C0A117B48199B1B4D489C9E52C58E0CA75E6C386ADD447D8AE52D1
+D979FD52A50D82BBCB8867B5D49C19BDEC414929DB67A00AF7C6482A87E46BD11D8E4E52783E5845
+FB2CC7439F99FF6552C7288354B436B1C361AB8C2932F77B14A50A7407FC0BCC29662D710248CA46
+AC42A03FBBEF9C972783942F3721BD32BDA3273D1E353D9E013D4CFF630BFE4E7C2963FECFE350A2
+860421D17D6ACA888FA26403726A0E16BD10638D8511A2C8A36C99E9B72A422038E1149BF88A7CA1
+B2DB196333F3AD32D6FE28F18FE1ADA06FD25E4597936A924E71C188B9E8779BDBA928A182042C96
+F6A14A6FAB5C1A819DB8E9374E32F77393734A65606809E90D188F749180A3E6CA7AD8044E168677
+15FDFF350D70B14454B692715DC3AE2CAA561FB953B478E873EB19C41A8D83288451E4E910D5988F
+33D83C5974DD0EE4DF2E6C849C500D0714038ECB1E9336D71D852889F2FBCA6769949699BE6BBF19
+A9318CCD7C845D0EC7FF3CFD871328CF7B45E6BBBBD16094E8ABE4D3789DEAD2C930AC8D810C911C
+03AF2BDA4EBA62810F19B4506592005ACFF16EB58E33D6A71EA4DAD28A2D7B10FF89ACAB4BCC0F96
+E622EBA20347AE04C62A298257D1623977D185BB46B42CCDD733F72B37072B8DFAA5D7FF77E35618
+3F6D25EE1D951F7EBFBEA8FA17A859B8545BDB212A6BFE9C3078C32124C4E5D4DA09404E40498F76
+7B7164C13E12BF006EE8DE408070296EF0A08AF759206DB3C445BF49EAB18ECDE1FEDEFFAB653FDC
+B13FA4649B35D12266FD42D0498331560E96F54D4238678F70233F56097E1944FC671D6BB1AB66CD
+E0E9DC24349E44D67C36B3E3A00B07755749A597DF31C25F28D55779841BD3F6221BCDE389852DD4
+590E075C1298B36181D9F64BDCB54A556C05A9EF661EA1CC7C7549A3E1CCF79B87A6E71C3ACDECC9
+C4EFB05B643744407029258B8225DBF960DE529EEC262D1D3113F6CDDBCF4BDAB706BF085C0FF2EE
+E8420CF755E46B053B774DF37C5683F8432EEC183C96176BFB24B3F478FACACBF1FCB73D83D4D857
+2D0F15783C8AE95D7CE959D794FDE1D973867D8F30A301598BDB7F2824B2629D64B88F0FF4498B6F
+3728CF8916EA884C5930677E7481F90C85ED41DD28AA00E714D3A4F2CC136E417A4C591C7944C409
+70D2BCBE410A940937C3CAA118FA32317444B401968B8ECB2F0B3C8DAF6D4886C2015000A71FDAD4
+066B82312A4CD1E49A9ACFA05C3E7CA5A5CB3FA713CA0AD9E66A34730A36612C72D1F803D4CB1501
+9184FA2FDB3E5D067BC64B29299D5531565264B70FFFF86F5A5B03848E55D73337650208D21F35BB
+D5C14748CBE17EB3A7E02BE53136DC69E8740C597CE28472CAEEB96EF2A5752CF17CFBB82F6C104F
+2BBB50C216C49E8AB7E661207E1742B35392752051A1E409BEDCDA2654CB5155B770C8C5E4A2968A
+A35CF1924D0C74A8D23AB811B7DCE60F1EBC1494A295C8D670E84B7B886A6064151065BD96F2D364
+7BA049A444CF16EB6432CAFCC70FF2E8B354F55A192C94BF08D156856A6512403F5140DF4C8D254E
+DA59B2B3ADEE19A35E9A61202B711193A7E7BA8EF427152157DA5A51084EA46510864E1CD7B4FD11
+16E74D7BA769ABCFAC556BBA7CC528C18003A2AE059CC97C18263500667F6A9A8C421F2ABDD73EAD
+82D9D08940DEE1688D4AA200ED80C3AFEF6A4979154D99478D4F4EB3738333E8581A755190D87BE3
+09A319ED170A107512F056E4C619D4BB1615BA6C0680117610A26462F267B76F9DBC9A7A3AC08C9A
+512A44697082A2718B62FD1D565010AC96E1006F958070AB7567A33E1FF7BD450681DF6BD4EBD265
+CF12726A7EFDEFBB9BA1E596BC5C2940A4FC9DE60116C9082138F1C672977F4AA6B7986ADABBB2B0
+651A7B0C06C4BD405C58B8C81BE075997E118E10FC008AD1F9ACF9F6AAC6C9E3F6DC7FCB838720E8
+D0D9BB99F203EEA2566F18232711E832810F10DD4E2DE44A0A81603EB1162E1BDB60AA1E2D771EC2
+E6E2C3B39508E5CA03A1E2A7F2860BC6F0B57240880DF54C325F4729EEFA1D2753D57F055CDFCA5C
+E9C6630980C7121FC21E2F7223E6111C18FFDA0A0A7643A213DE9525AE138814C4183BF03A26A36F
+EE9199821464C845A746945413629DC53F5A2B0D8CE9282B580ED662F2F07398D6A8B7093CFCC6F5
+E0F5A7926D2862AD1CCACB84D85902038551EE3EAED02AC7754E3B65818C530A0252C049A68862DC
+A459DDD937F7BA64DB16AC86885B68AF46422D7C4923070E20CBAAC9F14E43979C5D5AC4C9321016
+7CCC52E7DA272146D68D8F61DB4D60063E74F6673B41ACB601DEEB1DF73517A8C5388F00E8A9D236
+9C85DBFE4C1E9864AB52E09F465EE98C194151E66CB98E6981EFFCADBC48532E9795290CF745FDA9
+CB7FD40BB77C148A8B90C0CA50176103E2ECCAA57030F7C0882F1E891F9EEBA077AA4992FAE38C75
+5470A4C35454EBAB45271DD76E4DBB2D9147817F7D3FB800EA136D3F27C84B4D45ACEAD13D3C91EE
+BD6836AC04F95E578D1B7B8CE5B718E42FD1BBE91EF9A7873F0C6DC59AD231D08CEB4AE312F83F1A
+9310155D2C4F216A6FC72385C899B5390EBADE7CF7BEB028F73DD76EDEEF639E9EDE034ACB25BA57
+8C7BEC3581FEE0B221F7340570489596FC60EC805405E0D2ACF0687A62A75358B3878972D4C039D9
+07D868DD00C5F7F3342384C09B01F1926F7D37C2B862FC516361253CBBDAB354898B31B1FE58F773
+61517F2C2E106708AB659D95CE3E9E7777B7327DE01AE2D1E0C84B9EE3887C094C149700CB095D5D
+A5FEAF1AA9027AF257576A7370D79FF4DB98511AA27C5C083FA0CA60A3A5E66B8DA9A22FE5DD3DDF
+C529BEA71E83881D8B010D140AD686DBEC9AF4B331086F6556B695CAB14BF24B5FE64382E6F9BC21
+5E9EC40C0914B1E27BC25F43E6F555B551726A8D9CD590D5AD3732777EF3B00CBAA89F8E8E0E0347
+7D45B00181A7B196FD4919F110C0F2C0F1B41231051AB5BC8F8025ED00C10F2C2F51E97B622A4E84
+E6AADA59F896F83EFADE779B37FACC56BDCA1892A3BD965B65D51B55AC1D73ABCD16D0EADE55C0BD
+3C1BE9FDB323E9FBC9835C63F757051E29E773D3491706DEEBAA0F1182F0E02D0CB701661B30770D
+94E240E1358195781006E18CBFC2D83F229A89C3066E35CAE1384A0266D5A37824A089E855F11209
+9F723AF03BC1C8B1C0BCFFDEBE3EF73A40BF83F5E038B63267DE5413B88D30155E62EDCFA35C0047
+0178E5558CDA2B30C4EE2A9854C93E0E484D4363E3614E5BE829FAEAE51935386D20DBFC00B42952
+7F56FB045EC4D97B3D649415045337AF44BCF4AD9B9F9BF3EA72151DB616FF8F6B13EF66516D9640
+67460FF123C7EA525A97F1D04BDE9D3D495602620659F6E5DCF1AFC5360D1C371BDF9984C4A7B462
+180A3CAA7098E0FB0BDCE694806BA466883BD28D77DB4CFB6635BB7DB45B4D83AAD4260A4CA0D411
+0E251AE7476A95327BD6AC1AC88F85CCB705FBD09993B9E2990D51C37F1110F78B887C54E4EFDA80
+4ADAE5D81477913B6938FE1B39913C6582021A1ACA834500D9D75C9942CE2375D0A2A73805751EC0
+970D6FA62D4354337A43D85DEA6C6F3334F40221FC473DD79344D028FAC689645963B371A55CDA92
+F6BC989F4F1880AC11D8A056DF7A0EE60471800126526488B95B785698D2AC488CC027D31190ECE2
+54F80757DC9B4FF18171409C457F5FC58DD1D43E8D1EE08A6AA2F374B7C245B7A21287DC333BCB1E
+EB498A2BD723EE6BB30B76E574773F70A61F1E163A25941531C049ADEDDB59AE75B7A6725D997752
+10ED356DD93D0F0AD7EE6495F07869C570125125BC84946F6AA1152CA18FCAD3B68004A7F7AFC6E0
+9EE6E1B365A4DA15DA95AB980A566DEC7394F385FE041B3B7F46D62424F4726B55DCB4BD3625CA68
+1221CE01DAE78E24F8045EF21F85C13D27D1F0F1B589F936F62F699B93EF05930C6F5730B0AFDB7A
+7A829F2ECBF0DD196ED66C7E4E4E7E05B565BB98385F017D01B1305856DB747C3634BF05DAB08836
+029674ED3A4053CC3DC696F758F86970F94034B4F0DFEAA4DBDE449800DB040B55E7FC83E6B5584F
+A00F7C70ED18524037CCB48A22A5A69506A825DED81D98FE93177DEEFD42B485013D4C4184CD690D
+714530B56E355FB01BC92DD90A7AE8095748A872F79121A28E965E6149F37C9D5F4DF64574F605E1
+B929174AE0CF533F77EBA0E10862BBAC46BEBF583B951BD0BFC5128B08CD998DE897033E7CA8B198
+625D865701394543845CDB7A45BF82DD8B6319658E28B34FD319E38E650869742BD2672623ED9810
+8DF14CE5C911AE0AF2035B4F9CC0D1D84176CF3AEBC4834E8BBF07B7720521C4E6C081A962FE29E0
+700C4F4ECFE92C39BEDD64C3DDF52959A4102CC242C35F56139643F22613D675F970CFDF8C6A57BE
+9D168C9CDF93915F66A5CB37DDB9B8B729F8131391F9D6EADC8BDD5C13D22A0EF967622F3F7C08DC
+C422E3D41B3BDA6B4520C98FD08262303E042DF37B9911C1447F3DC8A854973323E1C380A02DACDF
+8A53A0D1EDE9BF34A50E8B76C5AD5B15F8E25B2783BCF4B1247309E9B70CC951CF3D98C1A25E9CB7
+11235352F3BA91FABA828F2D7D91F0FFC50852860C531C20A5FAAFBCE1197CA367F0F84DEB86A8FF
+A9FF4C252EB2633AA2BDAB30F2094721F482CF926DA3299452177B79251B311AA60D4CC82F5A9F50
+E942703877AF1C10CD92DCFD16CF19BC7314FDA5A85284BDE964DE2BEE782F4D52D17FD2084E0A95
+59EBD5AADCC74A6DE64C1F799385F5EC2E2F5F869F78F7289A26B03A9FD906934C3A6BA4A7B36E7C
+3B77A7581BE9CD62B49C34572A870053CBA85DCDB9FDDE407B29CB3D02AD1C752B54DBB995DF0F8F
+CB117CF8500B97849275A4625EF9937AFD7C8751B9B021E778F7DE9A9B191BFC470823FB8EA919BA
+DB8B68755DD83C6905B118FA18FAAE216E2494FDEE9C1125C3941092C592DEC7A5B0C763E7E0D3CF
+DA02AF9FFCD234A01D75C661603820C37E9A681356A6DB424F5F991FACCFF78EAE3518C0747C35E0
+8EDEA2E108CBBFFA0B2D3BFD612B5743AC95CC4A0580A6739BE4EDE6CB1E8B2F4CB5C6FA4572329A
+06080E0085748067462F3EAEBCAD734DDA18BF206EAEFE9F882807694B80A63AF2F40625E98DF55F
+BE08AEEEC2C1BFBC16F1BB4D391B17122EFB5FB539005A613EF5C9F154BD50F05862F813F2083CEA
+149FEDC651191259BA4FAA658A42AF151B03A7B553AA79726A44AF9175A724E0D65CE84F41F3B7B0
+E0B684656EA56B4E7E654946AEFABDABCC4F3876B3C3A67373F4133FA8498DCFEBDC27476FBB28C4
+003FBFB063267FEAB2B2BB8DC647345803B2723DBA8905AB0741137C43768B434CE118954AE55DD6
+61AAA1BB60B87ADE97D4197211A0C70CDD7855783B7C570FD742AE5A5940A3D90F9EFF687C4F1E4A
+D3C4F5C3B9FF20B61C0076B9FF060EB99860F31C41B5AEC0D2C4DE626C6059678DFA35BAC5F2F171
+A3BD00065AB2007EABA499E4E7F30EB994F8BA757FF9BB0C9A2E3E384BC1DD4B62036E2D70819AD0
+A535816761800CFEA50681AFBF0057E69A0CDBB4BAAFB8B15F7727BE1169BDD4FAF692F9CEC12893
+E4E4425DE4CB20F330951EB5A7FBB0FC10DE78A7F9B0EF6FA629CA13E8C2F616A1BD42B1E26E2A0B
+533DEA701AB7BA93526E2439755FB9BD5CB076C3309E73807A5935AF6CDBBDABD5DD7B036324130B
+8BC40163FA0999364553CFBE351509F8A5167F205E228ECD66EC9375D0E0713563AE75B6C23423AE
+63EB67167F2F4512BEFFE96B90913E6920F1F8B7139F1CAC9E38482B6CD26576776A01103FDEB164
+A176023370D08906E2EF27E1E8B6F6C27EC67A86EA36A6C82B681385F3A60AD53A8512E0880D7ACB
+5567F2654731CCC1796C47E18DD6CCE30F65E27DDC5A3E56BFA0460DFC3F9FF1E98B7BDA9DDCC615
+718D7C6CD8DC1270E70FDD4973B287396E2B85ADFCC83C71DBEBB97346E858CFDA78713C0EDEFEF6
+B84984D719C4729C0A3F2A7422DFFBB2AA5FE61891D3D16CDC1BA4A84E7A74B0076FEBE0C2C74F4B
+B9314E5246D7E67DE23466D47C8AA93AC4859B347D8CE31FCFB4D41137B51C41BF19D626A59D0999
+FF2A4FA5FE6FA60E029494EF99C8B00700E6E752F4F9ED52F2AF5845563ED8AA5D4E19F82DC0F87E
+255ADA53AC62E3D7BC788EAA135431DFF49F2D3ACB61798353B27409D149FD635690F8AD324804DE
+A99D12B02F15D9C6DAA01BE2C1512BB8DBE86EB31D7034866C10558C008D69DAD8830745F2BEFC2F
+FCD957D0FEC30BFEC54F3C440F3A99BFDD7C6D0D657402A064F2656694E5F5A5524CF4A7A2AD4625
+5DE9D2E9916DB9DC2C39986A221C31F89A1884ADBF7DD62D4EBD47957E7A359F2ACFD38E073E8502
+5F907941ED233EE3582AA955CEF67A8ECE6D8B301EF37B7D40ED84FA9DD604C74C8E870F9C26A2D4
+DEC8F03563D29E1DFB974CA191D4696D877A468082951B02A88884B9B760961D9C37154F32D54512
+4F0E4357B68547CAE9CDB571089752D7881613E7FD8DAA8CFB98CA9E930B48B78AE13523E43A3568
+7B42DD2F0A99034ECA1DD782DA692EFF6AC99D6734DF1AED3616B198E6C242EA7A9954B7337ABA3D
+13EBF06B95E16F19047AB0EDBAB6A8928D81003E593C1F134B0E2B8C250EA251B59CD04905F57016
+1662514225C393C42BCC172DD23D8871908522CFA5CE113EC05F39E4583EBDEB5DA425E4627A4A2B
+D5C511F9C9C155BC81D0EFAFB0D0F2E96BD49A5C942933336EDF9AE0CDCBB159761DFC50F6180FB5
+024D2E5C2A20233AFF282FD3B1AAE9B65D2989BB8176AA8C7A1F58E43A9AF3A6D0168CADB6930706
+C4F974282D4A23F71B0A41C75086DC1C45CB98ED68ED0E4FC62807EDEF13C6C85741B11FA957D791
+D92B750F3B7BDFCA7E148149E55EDED66700483C4D5BFC3973580F7199FD99CE6B358B508FFF5DF1
+78A5E495977D851B0B06DC7F6B38388D5C94BC8934584D8EE2F4E0CCD3332A737BC066F042B14931
+57BE93622E346FC6B293B8DA0D3EED02508AD2183454FD4D5D21235268834B257EA8B06117F67589
+3E0505E64709FDE03F2D5C82B163C29629EEBF5D408547AC363758D8D134AD7B9A55AD9C7D90B67E
+6DF3AAE6867759D2A75993265118BF6C5A261C6D80EF039A0163BCF8E6B40E643D1BF87BD2592BFD
+6A41EFDF9CFC2E6DDCA83FEC28B5EEEA2E363C20AFB4A13B5EEB2CA3BAEB2CA6F4824AF1A59E4CBD
+884CA4C62852A095E4B13CD018669AF3898DFC4840C874B97408C811E431163887E5BB8CEAC12FA4
+A1EC50E8305137437441AE0FDF8FA4DFFFC77C05FCCC41696E40889A02DC4B1267D5B892647D6AFB
+BA549F737543652D3C3A051E36BDB692DD7EA0D8964EEC27BCAE8EF5FA853C54D67A8ABEF7B01FB5
+AA473DF48CFBD3D697C9B55C852773A35B9A7C97908DB701AB66DCFB274A824B60E275E1CB341147
+36B26E50EFB1DF01F01688E09E096533E95B3AF5D09D7823DED38487C58B4F10D6AC76EB48731CED
+78AB098C452AC83CCEDFE4E8E4AEB4A93A715306A096F262BFDE5036F38A3B733B1A0134904A3EE0
+8A9F7C2723FB5D0535C5B57CB80C29E292A49AF936DAC66CDE5C01640490109E679FBDC13F892438
+D70CAFB12909FD2ABFEAB23ABF6D129F5628B36FA00548ACCC39C8312030DBB87364DA44FACF3818
+D4C8ACFE3302B1487D5CFED16E17B05CE9889219C13C9DEA28C9BAE5D788578C309CB7781244E30B
+7DFFFAF5A9F594B8781F849EB20B1F3A346C2D697CFFEA6AB4134DD46C86BD0F89AB3EE9DBB2F87E
+988D906C21A43E5ADE58BFE82D4D4009A39EA3D1E779FC374FF21B86BE48AA4A33186DFA0F97BBB3
+218CE963643EF2A35788D613DFF934139B3EEA36377E67A713D20BD3DF04720AB49834E3FCD78908
+1FB726CF642A5B87D5D23609661F7D694EA0256F3EA0DBAB7C2CF79CF89CA0FC9D25281EE0FC16B0
+D089DC5B156462343A375F1EA2682A53F70A1F239D58080F4F884DBFFA68CC6D63365A8CC308DC5C
+BC2387BF3D3107C95FF4DDC3A902B31C3F414355748B10518EBE00C92682CFA413FD071A16B8D129
+4021B0ECC5025E33F6116C89C7B983C6BFC31C5C8D7FB5E5E81D3AC500123CC05B3C8DE01357E192
+0DCFD172EB4B488CEB9E1ED5FA1D235C96FAD22B319239FDBA08ECA2C5C1192B4D7A797ECE135228
+6BBF1E59AB3B54B8886E67A82AD971DFD1EB21CC5E3512CA922F9B870A48E6DC94F94181E422D274
+2D3A14FCB3939FC8C1D62CAF79033D6EF4DCC93751BDABE588BF5D97B52AFC5084C5BC17246FF977
+7AA4D738BB9B15E534ABFD68848B879A9840EEF4774734F0BACED5E7B6177DFD430E0497E36D1077
+7654F351348BCEAAA18C3B362B2791A006782C25C9D544CF1594EA623BB4C782C6AABCA95F9CBB1A
+8C86318834E1430376406D2B6CD5AB09644361B83AFF66C96CF549C2D309F7439254C6C3A5B210E8
+23F83647FF420BE66901C317349C1B305014EE7E9F90DDA917E3F853F1A8AF3DF1528A81C50B76A0
+F02E933229C2743BFA639003025697612BFD8575DCEA0BA5FFF805EEB4D9FBFA8D2014BC239E9D5C
+4C87E36D1C83E010B92F43C06733976BC84AAF1C05C0A0CF45CA7746ED7E1DF5A12F2401C0FFBEAB
+EFA199A7299E4BE5089C2CD83E7838F163F6284FC299B213513F803E93ABD8D759595DBF513D68BF
+96031B9FB95A945B7C9153B0B315436C850FA5F1415AA2C9565F6FA39E9F5C5FB265CEEEA8C98E4D
+00A72CE7F9F6677DCA7E58C1A8C111A9C6C44781867AA5FC71F36486AEE73FB81C03BF4EC728E43D
+75564244AACA3D66B6D36DFD38332AD05F150D4972FD475FD087E13C9312D5A17A83411B45740153
+81CB568CF85BD66428FF9EA2C07E7BF8D0AF4469AA367DAC0230650036240634AB81766E832EBA8A
+2D8BFA402DA804D264757E74B3465EE21A1EA1C92929444DAB2EC83050AD169F257B77D3F4B9BA61
+B11361F5DA6DD2DD933E101B64F9DC82945A2D421807F09F3E587D4B13BE0FDD6D7133CE890C3AC7
+1D0880418880362E27635986795E2E8426A0A7D7E8E5C41317209D957B53B6CB9E4EE7C3EEAF3315
+E006B7FD90E7A58FAE5289AE513D7751201459BE029563B58D967AD24E90DE5E96357D37E86CAEB1
+6059CD8593F92617AF636C7D32E2B074A40B6A1C40828313C8DF1BCBB002DF276D424519EEE2F234
+FF9B9B27126996834BEFB6E05A7BFE958B4AFC810E8B77F0EDDCD43E81549154F81E282276A7133C
+23650ACB159EFEA53ABABAE1C1CCEF5642898A5605A285205DB40DF6C768029D8CAF85C520AA66CE
+5BF1E0A0520CC94917FCC3118953403A1B16312096DBD56883F03E78A14315A5F97345E13C363C06
+3A01D49492349D60A9114A77BB9FD48FC0C3AC76D190204DC69C3ED4A265B8148F2C5F2E147A504E
+4F373637C065FB894446031F78C4BDEA68088681E0C5099CAB1D13833FA87AB96E511013A9B3D806
+E71EF6E0A1442C91FC2A1795A13145ACBBF5D18880695EF11832ACD328BDE6E0A7308B12759D12C8
+6B558CDA038590787704BC1BF49EE8C788C41594332624D56082ED8627EC110233CA328D2A0BEDAE
+3511719EDAA726F338D324D1577593948A8B9F0300F27FD4420638C6972EEE2D6248B87643275DB7
+69F72E8F86803184035F6A539A7CDF43A79886ECF110ECD7053FC04EB5E51B3C7625B3BF95C0F5EC
+044FB7226281BC723988AC2498ACC0489DF0BFD1DA82D04FE3ACF6B63EB269BA9489F8D5D07DA9A3
+AD04BA924B99B9C1EA64AFE7BB2886513EA6730462D4FB5DD82659C7DB7687F4CD8E006581A15EA7
+715E274C9B89F66F1ACE9C2AE7698FCF7479A04F2208DEBA6DE801A6D184A8A9AF6BC1B0E37CEE3B
+323DC4EF93EAA8219F946DB9F4D9C133C6CE0FCC6884F9C2F3A816C4ABEF44DD6256E7BC4574600E
+1D825080660BF6858B415648258399839118F3C11410C1C29B3C208A3B54AD5D7484708DCFBCA04C
+849F2AAB79E4D96328D990C63DE05DC8E804DDAE255F94FC3D56270BAFF6F86190796F91BFA018C4
+FE4FAEC3F1ABE8ADE43D0DA18E710BC1F419F77DEBAACD3BE011BB93E111B18CCEDA8EB0352934F9
+690F3E73D71655191F150BC3788677D1FE46070FDB354BCCAC8C179009553A7D67C87518131A4D8B
+4FFF85FB9485C9F30F4CD31EECBC4A44CC267F6C57AA05A11C6FCC09B5CCC83F189F6A32F8EA56F2
+2D20DA4D4008F08EFB1487675CCAE22BC9494441682F4E46839F0F4D2D16AD58AD0886C60C925DB9
+C7D9AA1A7FF41C94B6289E1B72382789006F40B99B78B05ED1FB1F715CE4C0A1078AAC02EFBE6306
+F53F5F7E73DAD249995DAEBF17E5F55082CC6885A54F93F1A935E0389FE54E8B1B6C5ED19D483620
+A697873D5F18CE9A48E3C2C1C871FD4739A78782D8112602DDF8D4FC497C459067A6B118AA998740
+6C8DE97C2F09CB9D388D341EAEC0A5BB4BBBED92BE59B273C77F3D6965418669BFCE0C43D5C86275
+D8E658BE1893DA8E698DC858CA459711969B2CBF4CE294071EA572496575CC35CAF57ED49C2FF1AC
+CC21E19D189B7C2A1ABB1AEAD7185675413C224CC4C0E1AF4EB76BA9F44148A95D8609838B967784
+2391DECB30BB0FEB92CC890F224FD2E9E9D34466D6091443CB69E845D4419F9A04664706FC8D2D15
+9002422367F39CA1B1CB1A6C32A65F46230CA2376C3E5125CDFD367514E087E59873EEE569B7F376
+227DB126060F063662F118C7BD01946BD04172147B601BABA952A01E0AD31AB1147D48FC2C3F52BB
+75D9618E6F03F1F1EA393AF0E8474025F451616C4ED236ED831E14F40BEF5B86806B73ED64AFE7B1
+2A3C1F5036BB9AE79862EDAF13BDFFF06C94939AFDA1A749364BEE73449520111CF56181527F9568
+F3189652FA7FFDF4BA1086DC5992C6E0282B6F88D7CB73F485F8A27A77453C151B0BA40E294653A9
+73298EBECE8132B440ED4B4437283356B79CADA8198512A45044A7AF04CD02CD4DF7F47D5D1E7FE9
+52C346B01D03D1F69904D1AB5E8C433B0615E88CF4D01B3C96361F82B5CF7CB4D92FF3971E44F0C3
+317D3C5B0BC8DF4BCD4DC63474D0E0B5BEFF3177E2722D4AD4AC4B4AB6269EE948BBAB6019ECF2F5
+846A3D215F6C0D999D489215D4328875DE21F2CA243CF184280B229ECA4B8A9C5290973503AE5883
+03C67DDECC577F12B41F0D4DA266772867F9D93E1863BF76C6AEA5DE3FC6567EECE93D96F717E39E
+DF536ABDFEC14DF6748DC90A2CDF6066246DF69D2745D2944123AB3A6ADCFBE7C74EA8E8D712AE86
+F76B3059178E78FB2FBE8D1F25831C70F58FB6B5922B371A27501E7463E01C844A2226CBA263B570
+4E5C4D3E50FE31435437E1ED39E6E3BF47B4E2C4588274F044B3294E7B2BFE302E76EFA3CB74108D
+A6CFBBBF383F5C456128ADB5E667E1F7ECB4C3E00AB8937769E5A2830520E9FC0A1DA1662F881ECC
+DD7967647B5841D8FDE1DF7C9F5475523F236005EEC0DF307BFCEF379355C30A83EDC96D6086E224
+388DC7B5E951B819347AC5A1F9FBE7EF1907726EE7E972AA1DDECBF7F72658C20FDE99FEE686D7E5
+01A7759DEF55169938F34978A6BD4DB49E494883F67E868A9AB177FA8E6F81157A95A03B4D9DB572
+EC1CFF33B450BC13E00830BBA20AFF928CCE04B4F79F3795DB54A4A8B5A2F3CB323194990050CBBB
+C7CD32103E0911160FF4DFF135A77DD0CC15867B994CC88E1EC10E3A097D329DBB90FBB62981FF61
+C2521F9AB4B9393C6764E5B4361D0FBB1938456CE437142F0AAD9341588BD15EA0F6EDDACF12A62E
+C025F3294AB1AC45719C5EFEE94067390D579AED4D1D36041D358CF1A24446176DCC808CE2D6CE02
+7A2C2F6E517A5ADAC722EE94A1710BF61254DB4693B30225C12B9C4F856E1D24075327017D6B288B
+B52EDE713B3710778A565EFF6C89656BE3C5F590F6ECA600390C1BFDE9B0EEBC2E4FBB9E0E2F405B
+39738F7969F64E8228494B298C3FFF4C7DED00B0EEC336B7EFEAA892C4A80CE9ABAAB4318FB34348
+93AAE6A90FF00B892D1DEE254DACDB268A6308E91FB628A98989956958C9634896B878CF93F4E0AB
+A0170C1B7BE2A0C4A0D514D7BBBC4CA114349D4D4985E96DB7E2ABB752C7828A9E36D9B0B4551DCD
+D878C06C3C68D2C214EC8121F6675D8D03545606B582B09B76B6D8608DFCED5C4A721F7008FC2014
+1D877353E8BA5DEB1CB61F7C956D4A9F8CFFC8C4FF81B2660AE4BE45F7A63141BAEDEA05C43CAC2F
+A04163ACECAEF90F61E0473E5CBF1F1994076B6A72CB5C33B17DD57E2632F7C6DEF7837F8A939055
+CF357795865D86C7745DE54C6079C791850B20C0C7349472FB6018521DD5924ED1505A1B8C8F9CF4
+C892CB40795C4ADBA3CC11C8A52A1DCFA8FD334D7F3C344CB4057E80A4B66AF6A97799F8DE817CDD
+0202870BBF42E76C9BABD2D9B66D10F1A68388AF1A511887FFC50EC7D07581D4C4FC3F6C4F7EFCA9
+4799D74132B5EA25DF0C9557902C7EF1E04E612D9E40DBA459513E584C3A3EE5614ACEBA165E07A7
+CA3394969C2CF1FFF28B1C7DA85451270DF0FB71DE22A03FC2F17531FD59B12B55DEA7F5F56B0DF9
+34C96E26124342571BD04FAE6A12C6EB0E21F06275605FABE91C6EDCF55B298BC4CC52891DD90360
+AA5FDC150004BAE65225FFC42D13026F9C6FE343D7CE2F52229B4846F6E23BB2BBDB6DCF60F07A74
+8F19F74A1168DC5C67BEF840A3C68CA7A4D8CE7F94610F4CEE989459D0CDF1B194C63A2B82479746
+03A89150C4C6AC67AE3A1341F9516887C6BA254F81C5B552C527765A52ED5C4FC45D575F606E465F
+7C2EDD2F5927319BE737D48099C333BBA84486F5F8CC0B32052DB6E57DC55A68019788DEABF8D649
+A531C1880D07E425D55D4DD4F3966B2FBD2A0B55E5C429051DCF0E3B9CB1DE6A5B3DA05DDBBDD3CC
+1C81877AED2BD272FC7A10707C07DAA54FD6CD37E15C247E3100A1A0C527727B73D45C8E02798C44
+1864A2D1D30FAF94121F0CADA24753221C85DD5B43E5F00FCAF73A1E531D9453307581C6FA28BB5C
+54D93F149D3871D2E017E6E7FFF7B0BEC71B83AD12AF353CD13311D3A6F16C51938986C9B6A24EAA
+06B8BE6DF27A5090B3B120D1D1E064C6C1745536C6B0AE5C899C3DCA91BC38B7E900D9614F291B9D
+BAA85AFBBBB57D58C3E1FA8713CCA1BF4EED469773EB4B9605125C08A8F7E998E37BD893F3533232
+ECDF47D26E8B2A0437220FAA760DC8E90FCBEF59AF6C1C55FE1A28A4C98E2A67DD5A7E55BD4FE272
+15533A56561F0D80989BFE15B321976CDEF26FD6530EF7A368A7239CC55D7AE2B8F0E980DF63CFE6
+F562F3ADD0AB906B60682BA447CE4A86E6D5538E13C6847791D8A16F5BA29E5840847A7E33AFF57E
+BBEC1A5B329A461FD0E858DE5163A2120BA12839C3A216C44F364452A2D6401EB549791012C4B65F
+4FEECA2B73B2D88CA49B44493802B01A23321470A2593A8F8ADE3F88D87247851561372137E11D10
+11A733C671C71D33EC939B05060C73697EE577A8F2BAE08309585887E5F314BCC642BA2715B51E0B
+4D093F6B11CD37BD9728EE90A0C92D15BD1105637052F89B417F6F36340588601C9C2BE9526D01B2
+E88EEAFA300E38B0EB5E2B54341533B31DA1193588974DC054FFBDF374960D28F0C8C1AB8505CF5C
+64988DB86E17213EF0D9D6D52ADB1BCEBCD02B5E16F0866D21D7C0FE108D551E695CEAFBB83AADC7
+362727C47BF24C482EAD6F122F1F35923DE5D6A248BB36433D044F73C944E6CE4D9FBDF0417ED53C
+8F56B6D389519E7A539D6BE9444A4747957FEABCFFDCA5FA54BFF46F637B3A3299988929CDE008E9
+E3C4CCA97054A822C4AAD01ECF9861AF6238E6643358B0EA141B0E161C6ABCB45F38740B344D4112
+9D4E898DAEA8F2065263D68D97966FA24BF88E61BD86CF2C7BFD1F058FCF04AEB88F3A30C9D446C6
+3611112CCF30F163C103D6C7C5AF946ADD33B50A58FCD8EC612268F7E119BDF387104F22E4C2CAE2
+DAC407F206186F12D93BA87711FB05E6E96F17DE333305196FA7C33DC06255828744B590FA0E67CC
+E4B0375276FC7AB9B324978B15FC228DAC17F955C7B3D441C540192145FBD002EE20FBDF6F397F95
+336C0A056609E28430E123A432EE91594E20A8D9E5774FE8768C84CC040A706D8D3590BBC9AFE373
+4A5536162846B6B7BB7B248924F1DAFD768B9546BD2A2CFA1203D6A3FF45C8EBDE2355F01744484C
+DA9FC337CF7D9D54106407F54FEEA81B77BFEBEE088F344CA2E537644B615D8D6B6A79D03F6CBD9B
+573FBA87EB00410B5251A29007CFB60E711F642C19847F58333B48F66B6758E4ABE524A4671B0635
+C491341B3CDEE650CB9F774A5B6FB92AA70FEC7D9A057084214D81EA5A36A7F8EBE9922A70F2B102
+121736E0BFB178A08ADC0A58E2A9DB347FB9B0BE707C038CC19A5519C3FA9AAEF660653086191E59
+320D0E696218CE1E8EA7DB5FB3318EEC98C130F3F1C45D0D2401223421FF99BD6E1546873C6F12C6
+F45D2E1C3EE41634F5A415FC8338A18EF2299EFCECEE00F9025E79610168548BF2A52623A479EEAE
+CC55BE5172B0CF07F9B04E2B2AC08A2BC839DFBA9680F2BB2E438519BF3B434C71B4AD9E64262C76
+9F6C1AD174FCFF3F41B5BD7652AB296C543F323F0A16E88C6D1FD3025C33794551DCAED303B57A87
+CD1E7FA46E16ED357CE0FEBAAD2678A4D84E4D6B1635F412465C0F3E7246407BDDF934F0E2E0F5D3
+EFE318D7D63A7B6BD0CD5556B6DA811D521408EF336CCE2D2B6777AA472A9EE0DB9FE0D6914059FE
+25EFF5D7E3D2A6EB96B23669118B9EFFEE5B7FB8F1EEEA355998BB48430156F14766FD77605BBF80
+CDEF19879E8F8C07B6998AF145B0AED86FA94A952F2F49D2891D41AB0184EFA8616B139E640A3A9B
+D808BDF79E283B0CC4686935D0D96630D590A5F4A7C71C05E110BF3CDB5150D8CAC418AB25419BCF
+DD5EF0A2015305561CA26494E267BA89892AD21E0BFF44D48E330694A1CE12183B9A7E4E25D78EA3
+498EDF9A22DD7718ABD06DE2C28D7762F609A1E9A5C40A878FB8AB33A60383152A119B9FA077B109
+90AF19C261CE43AFC116593C30BC27EE4D8CBCA0C0298BB84327FDBDD93F073B1E06F71933C0323A
+6E7FD2AABA783E9BC995C4AED621434B82B34424B768B4427EE65228E612581B0B8A7AAC3149788D
+FDD106A6AB93E01771802AD93B63EC386B057690E5C34A409421E532C6614EC61A0197C13EAEE438
+35ED9BB38CF811E39CF8F154684E3D8B12E3B673152B82DD9B15A2A68A6163D2CCD72D3117F7C24C
+F1575671832ECC4AC6B912882C0231050D60ACDC7D6F36C6BB4E32B6019B32D1DA08C7ACFC1DF451
+3A338FACC16D297C56C6138FB02FC7FB5BF7B9DE4C61B63C6B37B0F9CB42E6FF86693BAE1CEBB60C
+9C15CB6222F547E0D0776BC5545A73A2ED3C7799F0CA3C2D5EE17849DFB15C6ECF7C2846AD10870A
+00E0810F35A57770EEE9D49D05B54500DF164A02FFC324CCFDB5F828AF7307DDFBBE647E98909C73
+A3CC6BFB360042823C678EE6ACA0D658C12776F2A573656073E4F40505F5CB4A3D340B034B0FBC29
+C3B6B055D23F0BD47E44B441D430B8703883AF8EBA79081D528AF5646340A27291472B8E1F19C8BB
+B4AD17C7EA1FCFCC7B52E6EBAE0BC8204AA52C08B3A63B2F07FBFF20092139143A24130191C41D2D
+69077D71FC204C5FD41275DCEBEF7E5701BFF6C0A4217F6F60C2E37697C7F1C35D2451B040BA0D28
+0C9D23AAEF592BFFB436165C314C3CB75223D15694B6EF312CBCE8035A1A9172365FCCD119CD5DCC
+569B84C6BBC5AC9CAB6942096034523671156FAE2012F6A24A001DCB2F35A8A031A2366CA98F1E52
+944B58FBF1852710CEE0116BD2C7D68DB956B15FB6AAA147155E9F179E67357F231F8252D728AF12
+49DAFCF6AB4EBC8637E1BA10D27555D2FAAC9EEE5E51C8BBC793ECC6011C4FEDDF7116E719147927
+0BC11D5EDD9215A4E8087A6A16A591BF7ADFDB69C4A03361C0DD078017DC5851BBF60E06A86C6C0B
+E08087C99F4F9002ED5206534913353AE16C4F358BC1564A442CAE506A107D1FBC0B9ED99AFC6633
+209BEDBBB681CCE475645E92155285C00FD6985216CCE60064946F94778F7AA85ED87F5762C20FE9
+DC007954281BD6FCA8554D2A0CA5B76A3ED42EE5F44F3B276E574F64B20E1AD489753903ECD20B4B
+EC88ABD1E1CF5D06AA1815AB771E350EB6D04078EC04616B977CDA8CE88C483DDEE9F28D58366D3C
+224C41D19E550B5ECB9775F569C2D391F61C4667A9BD11C69A88473AA7884B823F762195CC403823
+690A32087893C29C63100A5935842F6B612C95EC9B5F07459608786310C8AE65DBBDCFED21B43191
+874E20D08F12E1384DCE1A990CA5F07DE36BD012DC9EC558FE7CC44494F48CA3BCBF1F1F11BB98BA
+EBBF8691F8590F84AD849923E656860EFC0EC27496FE6D6C185791E3261027DEEE4C57032547F94E
+7D593F7885526AAF054BB850C02E863D831ECFEE61A781B89867139889A362F95F48A837ADB955C9
+939F609D2EBBD56775151D2EA4B09D38FC1D824A952EE7E52849260DE61F07333076CF887A3AC2F4
+CD088C29E47715C5242E2366CB493B2FEB38C19FC159EC50EAE88409CF0A30C0A6823C45D0532C2A
+72E45A17916F6CEEB475C4D4A19372AE271326697CCCAFBB43D92C25A052797186FE8314FB41FD94
+2A4B24548866BAC19A83BCD2E6979FB3C7B70B075DCDAB3EF6B6181A00A98AE73B6D968EE2DDEF07
+503A92E4FE1E0B67A90A2F351D600DF960101A15808AA99B3C680A8F50D5CBBC96D98A3A2AD5F14C
+43857F4CB9DF9372FE74B5D6CA9CD801667399E778B56EF702A56F0F393137B20BF11BCFF9DFC0F0
+4E67649D07A2A5F4C42C9A929231D5BACFB6B53210E9FE311642D8BAA7358E6A7370B6CE921765B3
+68A354B42C8877E59227146409DA83E407657BEB475329F228CDFDD11BC73123234649AEF0E2E9DA
+76C12AF91713828368FB778905A6B7150258695D4D9DF6111E1B28A9462002D7C476FE44A9B13F32
+9FF84930D213787932A1BA01EA608ABE7054FFDAAE2176EB960005E5407D7C1D39AEF8EAD8683A50
+D93398C584312EE4A12C07E9D55AE9981D7EF57D66499CA93EA653EDDA1BECB494662E54CD7ED8A3
+0B2A8522CAB12B2751F7E9B3B66CA0B5C8905E0F3A51F68C96E9C02F10FE515FD6133D3ED298D15E
+8B1649F3D13341BDADDA7FCB838720E8D0D9DD92D0A241A0CD8E25D7B313DDAA2F25B543BB0E7965
+402ED0F24AD146E49919ABD9604ECFEA5A7A49E58664DCEFDC893F5D722CF24A44D26369F5D86569
+9632141348086A80AE528EDAFFF9D9986D5665DBCD375DF221D5EF1757D79361E5A5BCBE333B6C9C
+1CF46794A7C7C776477023BB298C970F6DFF9AE6C7ADDA8CEBE73B07117BFED6CED2A36548081C79
+BDA9A70C8FC5FA16D0EFD3E9F869DD5DBDF6E70CDA4217935FEFE577B64DA1DDBADB9A092B9D1E3C
+E1FD3B6E0117DDED155313A5DB7D8742C3409FC18B9743F09ADEC49BFF2FDBBEF9D5FA7110266287
+7C65E3A1421BA56E258A49D76C436C97AE2116F772CA5EEA5726BF17AD5D5CE37DC5F45235730E90
+A1A1E3087132C820EB9E0E311500F2CA193C72E2ACCB4D77ADFA34E268B014FFAB5DD1BE7187251A
+A69B7BB3A517796BACEFB9ACE0114FAAEFB0D9BCA028A52F5037291232A04C2353B9663BFCBEC2D9
+30CB007954B8C6396003214262AA9CA9FA876B4191313FD1831D664863C4A19946AEB8F4E21C468B
+9C94B8CAA407A74AF418DFB60D46BEE5029C884950D3BE8A58023DA864E9AB34005337D335B0B35A
+91DDEB53A54C3233150E27225B0800C841E489E9EA6C12F5D95112BB723C3E88AAEDA3A942D06242
+2CD80B04DDF024ED79224E166086C5770EB10C389D0BF0327B2F753358D9BD552C04EA52BA154EEE
+5A84C51FBBFC79055AD0F1243E489F82FD3D1A3D2CCB24A02DB3F306767564A2451DA405BAFFED98
+20241A82C6F4F6E1D2A36FD954540EF3C091247120F5E1B362D1EBCBF80951A3158B1547E7A0CCFE
+40C03F992BAD00496C32BBE9B0A06EE9554EA3FAA247A7399A37D05329CADB006F679B58F2E5969B
+13A5516A9F6949505A64B7B3FE5E748B9B9662C05E6C5CB79D64FD72C54F557ADE72880B3F9D8718
+58D5EA3FEF2BD3FCFD670794AEA6144D13782BA89648C98E7CF5160089DB9798E49BE2DEBC2669C1
+0C42AE1AD7C1FF4921EF465300977E057C0AEE61579460F56E51B6EAFC1F7F41D669ADE9610EE777
+055F927444F971121CD76A55A273CEBB481B89D6B78D0066ECE31BE3EEF65CE9FD22D22EFD6E3ED4
+536E6439782AD53550CEF1A903125F228A3E2F1AA3342B0551C59924149358F8E941969125F6E54C
+8B2C068F57FE0DF91912CD71BE9492768191F4F6B70BA45C72409D4AC6E9619E8A34398E6A66E984
+55F1793D8A2C0DF30EABE2B19679318AE09014262DFBB9AED5D637653FBA1C10821908ED6E088910
+AA033E2E0798A630966D29F84845A9C937C27A268CAB8BA1AE9B32E12B52EE4B64BE5388AD32035C
+7F98904F052B31D7C4819E27BCBC597E8503A5614E0DC2BBE5C51922980E3F492B61BEEB169C3EB6
+AB9F1DA82EA6BCFBCC16199923C8399B0495EE9A9E1749DAD9FB289FF3FCCF34F55DF7D94F91EF31
+B3B4C8074C567C4FAB337A337BCC2F459075244F665B079C159AAB83781E465F5259D41313183EC5
+F5F53BFB4797942F93EAD6CBF9255F9B4DD0748A3BC6BF36ACBE0127AF68EA6566B65430D0595FD2
+A7A2FF74055BF2E70BFFF2B79131F1871CEDEFB495FF914B88770654F9E5556AF535E1B9AF812004
+99288AA39D1388ACCB5B11B13596B550F2746B2A83B076F4F606F7580156E54FBF6976AA4CFC9581
+0A7FAC41A1635FDCFD6F7CD6BF738190D7F9FEAAB8C0B7CE38DD1459E2465C3B75625C8BAFE3B60A
+F66ED183965AB9681A8174C44311D8EE36E468A8FFE2035B7C5AB6A372FE37FF627F4697C0D19F7C
+8A1E356F829BBF2B8F4A95A49F85CA16ADDCA5C0817D6A4F7C4EAEE908DA13E0C89C9AEFF6D1D7B5
+BCD1BBF672B46C4960720CD1C74E70C78784CBFA8930576AD4067D406A0FCE9248DCE6D610D7EF0E
+97F3F9CEA1D08DDA90DFF0C484DD32265FD13A2571513F361DE3061F2EA76886112AC7589B290220
+E34610277CF81535CD628CA688CA812275D7B9909757DD519F1FC89FE4D0AFE5FDB999323A470C6A
+A0D9BA9CC92BAC24514E7CB3A3EAD2A70271EA8B02B2DDFEC6CE803F1B761D9BB7099FFCBF918D8E
+B602946FB0DC14F0FD1289037B15A4A96A4605BBE53BCEA9112BF9746F3BDDC06CCCD808C62F2B41
+D4F508EEFB03AD22E2E154888DC63C6BEC6A21D1851A5C82397FA49BD163BA8A72527827E4B6F50F
+585325219FAA9B3A2CE14A0134C19DAE50373A0F9E6DDC8205467242D11A3989D17730C8169964B9
+CC9549BE20A84FD9137DD9C9F7DEBAC3A41345DFEB0AEDCD7ED408A909000FE8D9CAC85D93052256
+7A2C9312769DC85F902D4A5F5766EA3C561549F1F2B4C5269276946809ECA26B6F51DB4CBDA9E668
+BE1023D8962C0DBCACD5BBC9E5F61C459B825036E1322737C0F196C0DF93DA76011DF2CA06F7B383
+8C672A802EA24A474ACF7A51F2DE867ECAF5674B1053CD5419F5FAC20584A3F7565D7CE584CD395B
+1968B622FE3C68DAD2F0E33274DFDF03B5A8EA047B077DA1316DF487C91ECEA84E9B417EA25EC9CF
+1F1CEDD7A1C2CB0D51A58BD8F9772FAED8D553141ADAB148AFDA200479CD04C0FFD1478EBC618303
+5437A5BC1AEE3218E9B27D21656EB9F31BD4E7D3186C89DF251207E8B67265585083111BC1AFD4D6
+A2773629147A29CBB4BBC3935B83392487858E0D18FFC96E57C83C4C6744C8E0DBF001DFD64B660C
+CC8064907AA4BECC12376A1EB55EDF655CBBB4744C1A6166590B9572073A2AB577EF446B80567241
+389F990AE6C90B286EB48454166BBF264422FF2A387FA0B413F2295B6B188A64927DF702C232CCAE
+59A2CCD1D109840A464BAC74A45B865A6667C901D86F771C4A36421308551F532497990BC15DA648
+6E322566C210C517DAADDBC24DACB39CA41611B9F961E4696D1FEC46E71C608DFDEEF19ECDD88724
+24E1BEF7176B0AFA4888BDB4C56C8690AFD03428F32740DFBC4BE22B7583DC47BBA42DF4E83C14AA
+29F4E79397BBDCD2EC43338BA1F0D2CA9DA6E64A065FCB0073ACD0D86E46EEBF1454C9C172C6BAA5
+0F37FA19756B05405763387237794E9FF74E6749BF6CE5EE9145413950D342DBE5B0EFDE57163127
+2A8D060E935547E1FB0FB1FD60400FF856D027671CCAECFF7E215BE61E8A77E9BF5C72C2C1E4501A
+A11B2F8574BD823574EC9598D579A9C5C525867F4BAAAA78DDA0E5BD7AC832DEA41328A507874A85
+90B7F133E743471D4FA27DFAC39C6F99E233C913183B2A039CBEB5CB3BF8825A92D83D266246D5B3
+CC7B11469E611E260C6ED16D17C9693B13B78E3F0DE2F0ABBE73FD6AE1ED25F57B4894254FFDB332
+0E65ADA53669B95CA28BB4BD166507E9D8F12727E46D2B9593186C090764FE8A95F1594291FD551C
+A96E4CBE1D6FD42852B2B65E7F10C4F17707F930DD934E2A2ACBDFA40E04EABC1E54632D67AB7D5C
+00DC103A3D11DCF78B6771D98ABD5CCA0B253283C67B0863C80D1A78FE6D5422568207509FDB1946
+92706C7A211B29955F6354092C9732DB2ABA8CDAF407FF25B40BF9D73317D5985E19E6C12B6AB5F5
+DD59328905F822E1EBEB87C4E386EF20CEB7EAF842700F09BDC50D7AE6442D1C93804D56FE194785
+968373A154E1F426BF76692CE3E4474360ACB9FEBD3191B8EE909E7C224EF90EEF36CD660AC9A642
+4DB5BB20B8835D365D35A442ECB2444F30466C3323001A087639B73848E3EE275406CFFB495ECDB4
+52F2A357F45D2D32BB22CAF9F9C2C44741A5341B29BB6C4322287A2A3891E1E853B976E17DD9306F
+D98BDE8A0C97ABDCC7C708BD1BF49B524CD0DCECB40DDC557E9C90A1EDDEE57BBABC4C338F08A625
+E03C1C1A20DEA709051EB1A3264D7002D6DD2BB7B622AF93C7DF54F49EFA5FBA58F115A049A91875
+A2476C19F9133D0BE1B07C8102746163CEA0A98F9B62EA59C9CED7AD808DD52DDF8687933AE52A7D
+9D7081150A812801D3FA78F90C4933E5DF09C991325324DEC6ED364ADF73DFC7B78953B51FBA2F81
+F264C2A94139289CEBF7ECD6D8FEE9E579BE231FE1ABBCC07B4BF1884CABDCEBFC56610A5E2B7510
+37FE804511FB5443F7B21290E38855F6DE5EE38960E02481DC57F83CFCB87C8FF1CB196CDC19B2B4
+6C7C72B64D7D45C678851ED7E2860DE7DB772BE7B33C84ADF7E6F9B2063D1263CDF55E6220753ACD
+67C4701EBDC0799AF47AC58A0CCE796384A50DE6A814DD994B372630E64E5FDFF57393522F689DF7
+81C44599B21AB1C214D4ACF94F07CFEE79C628C85378B96D9007ACD4225E14DAD8C70984DC596DF1
+96BC814E7346217C94F172FA40B3DFC73C30E6E530DDE4A91F6A5166AE19EAA3D2CC3D9D6917BFD3
+1EFAC19C236463AF8D7FB7D9B3A4D6FB6D962C59B296E988561957A3C3D11F33ACF69F5768A2DA30
+462BA9AFE67D3C41A1E8368099361F50D4F6368963A48C75F1590804E7918A02EB9DA5F60F49828C
+95AC60E9D86DEB7699C35037669C02D408269D6BF481EC745E4EC630F68FF5168BE5E0BDF875EEC1
+5EB9CAA9CBED1CE2A0EB4CE97C14E10114087DCBE5DE1DB6A070CBC6B68EE141B7D62ED320F7B74C
+07D9762E0F5C8AF0779D38B7677ED65B5DD2F83ED06F041B5701228EFEAA0FFC031E44D6D68B274A
+45FF9EB62FDA007CDC98B86831E9A668098364B421E1FE2A45D85824612A521777C6177316F0C6DB
+D9847A2F61326E74A3114EAC3ABAEE456156DF125E4EDAD6BDB66E7DA6370C90ADC4AF4EC1958170
+C32D5AAF3B45BF749EE1DFAD8A5D0C03973B7C1589EAE4E67F6C87213C721E4A33466F3F54253545
+5014417CFFC9AF461CF695F5E1D7A37E4C7680A5624AA11EEA65C59BB38A96734E4A4A238C636638
+9EB8083D5AD753FA7F74EDF10054315EDD53DE61D48846F70AA9272626E23BA3DAB7CCEE819B0A88
+9CE775AA7F5205C95A19AAF475729D2C0BCAD9AB5459380A5F034C108A64B80621820D779582A198
+14058DFDCC6C2D6461AC6F98C64AABA53A2EF77CEF612EA766FE15498F56F54106D70D0F8DD4134C
+8C64B282E79A96F15D4BBE0297885ACF775BA5009006315637D60AD86D25A3CA6AC5BF5B4DB95B1A
+672A8C589D89101809D838236560F7690E329784C1D335203BFED3A258CD79467D16B6DA06A282BC
+4B9669986CB50C54DADE3D5B20FD5CD9FDDE60AF4B5D8D9C50E77CF50DF3B36F37F381FE7E28A719
+91C8199D18258C09BD0440F5E258A5D2E22C6CFBFDC5F91228992E86532F4C0A50067BCB2D4387B2
+9FEFB8043D7BC44A322FD3629D7D92B6EEBA21B035DAC884110BDC6B22CF59B08C195BBA1C682E5F
+8CF32F479937D329FE8EC6E9A3A3AA63AE95EEB766E0EACEEAD4DCF46617888AE687009112732A7A
+8FA8419A4652075EDDF83E291613B66BA793D3858CEA093C79B89B0C93E11CAAB86AD1980C401713
+0B6A02545DE484FDA6E4DFBCEBBC848751B2A8821CB3F7AC96D2EA9B83B575AB60CECA41EA567EE0
+8ADAC8F1060255057527485D6B12A26D2E7EF6892865FD65FEF28F8B46249C4F19341089D59DAF82
+582CAD1A3B53C763A0E57134A57C4A24AB4FD358592ADB01BE8F1D9FAE9CA97A3BC3A0E2939913E0
+62960CC1D29ECEF9E61BAC20E92F13C49078E7F1562C9D7C01C2B300ECD6ADCAC9AA0C1F1BA30401
+0573F79D158C66D91A8D987C5239C9D4FEED1DC5C9586C4129C33E7C737C624EE9BD1EDE38E9F72A
+78DC19E144B5AABF3B0FB72216815E371A5D6452684965CB7208B87CE5A27E444820E03F80AD2DF4
+E280D25D9BDE41E719BB2C939E25B7965DB162CA8665CBFE65DFDC7992A508D54FE4EE8454C11482
+7186A280D3D9EDF397640A809E3646675AB6621B9CDF42808E2F19859AC975CF70F41D2B3D22F8E0
+C180126F4A12122B207A150BC8E1819962DAEBB821DE59B7EEF8FF9219474597AF859E353B4B713F
+5F1350F4049DCE99627492E396038B10A2F8E82AB679F65BE14A166E4502921BA44CCFE04E5DD3FE
+B04BA47C3F7A3E7DBF7D55328AD1E96092C73EDB16C3325537295DF768E2633D01304EA0B01379AA
+DAFE6CCA2AB3E246768C5AC841A458A2F69141A9A9D716D129B26643F1BBC95D8CD0ED44148F7C6A
+F370201E454F4AFF7C11A8080508FEDE242343E7ADDD5A8AAF079C50765A79BD25FBBDC59EDF980F
+FE0B60435692C49D20AC22F8BD1FCA3F3D8200CA26D61A30212558B54671E63BC09776A3AE7A906F
+CA63281F080A00500C42C02B8F82357A3EBF572CFC4BEBA3FE86537DDDF23A861C240A31778A131E
+F638C1DBB7E87A45487C092D23FD9FB2C162C3253636ED263B141178FCA9F2D5BE2D81F99B2872C4
+B3C08749CE18C9C00E75DA6B3E4C6A6DD79EBA731618EF5B5E767BB40429D8FEEC6ABFE9975746FB
+3A82A03A07B7D0DA8BAECFD1F72AFE17EB0C0CF100A2D48F4449A42C482BB1D64C19F8FEA73F5BA1
+8FC9BFEE3F640C39C081669A9B0EE3FF6B2BDC0A726301EF0E2259E65BE59275C76E7A3F1C76C3A3
+3AD0E2F79198DCA39C482B4E1196238DBA937692CF319436830BBF441C0A8A04161DC0814B5DF049
+83099439EF421B6D37D351D4A988A8DFE93D796B2E8B2564C602F79E6162F56F933196A0DCE91051
+600BAFFD9D439A91F17C20CD6A9104B553D823A0317E3C8344E9F0B2560AD583BF876AE307892500
+2177AF61BDBD745CEC2B2A7931D27423D2667584AE0D6CAA2B281EB9271ADE86C493791AC9A2265B
+8324F764D20DE65F6267439F1574DB02C600E771D3C743D420FA6F8BF01A977B91AF035E0D5412AB
+0B85D6ED3ED9D0345ED434F9B95FD911A9D3828CD162686E6ECCD2B6A5B1104F0E6838AAC7FB3FC7
+09F08F8E82B4BFCB55D8984771F9F4D339EE7FF391448C7807A436A78B6A487D3A5A86F314B302FA
+C5BE1C1DB9844F975619D615D1C7A20EC2B144797E0648CF5C044C8DD1699EEA3AC9D7E3BAA54A85
+11A932623D5ED3F0A9C3028CA439AC395F58DEAF1C0354A169D9AC7F380900D9828C3ECBB975F6FE
+6BD79EA4BEA9B71F3A9B1D2EAF8F1E475B4FB99758192EBCDA21B47EA33F57C58E904DA260C801AE
+CF457C84592B81CFA96C10E448D705D24871F3D1AD1FE004406C8070A54FA3747788C5B55E9462E6
+F51378BF3F848360542CAD2D5FF9EDAC84C164DFEC115A2F3D873760EAE58CC8F361B37E6CE076EF
+325A1C54DFF84DB95DB7DB5B56C48ED15C5426E6153D8A94B1A35B22EAB1D7B871097DF12C093BA5
+538957AB7D0AB2E39A2D1AECB91F0A693B8F6A00601929B6C55AAE8A227CAB6404FEBCC8BC4EEEE0
+ADD4CFD7DEC225170A0063457918B9875AD7F022A8F9932ADE316E4126EAB75C1D0B2B9F44E85F1C
+54755D1301345665EA630C8E885A8D9AB069DEA2CC6D12E4A0BF6E80C3AE12BC7ABE507422A5D92B
+65F70B4A472DD945EBB960880EC4C34E4C206C260FDF86A997D7D399A0219A51E6F8BC1189EC0ED0
+B8686F0243BFAFD829979747442AB1DA8282F10F4C37C4E6C88D231460DA3BF34C23A4755E2F8F21
+F6D138C86B6091CB3BCE5ED170242C4CC87C010FE63DA9A2ECBDD85311DA8572AD67E40F744D2EC9
+6607701D9790574F051C859EF29291AFA301C809E0A5513DF9A7FC2DB1776DBD4A2CB622BD17811B
+C0E584A8D89D4BEB17C2D0AA8BF31CD7E2B36C0E1888409788E30EAC2E46AFA1CFE457D3A19C28C5
+80669CB82CF36BF40DFAFED78F99A5D5DF189CE293413FFBA9E8D2457986C68483242AD767D5F026
+1CE303153C35D5DEB1789448088B51C48A9B8E903BBC69ED7FB0129CCE33A0337198F11DBA94FDAE
+AD74BBC5E519F559094E15B03AF3EFA89DC38B4278C68D2AEEEBE4B28B351D7B72F52D94480D8CBC
+06544645F20800B8284A4E7C8FAD59D0AA8EC8EC0551912CBC62694A5DD15C469BBE614FB187C084
+838D676E5A1CC8DFA8676758EB7D53FD2BA8F1C434F4F70AED8F2CE27EED2F6A82E20E30EACF9BF0
+CE28B4BF7D556815A887D777B7D75F60D2C410AA2D378B7BFAA6C3A5BF0A5EF80D3E35A0CF393A5E
+BC27A895D712C6F004F1A03F9FCF493973F33E6FB106407DFD992AB0E9E36EF395663A6EEFFD71BB
+2DAD9DFE6AA4685F307B8FD69BB2F74E672666414A71FA479B37D3DEF6AEAF80FA14821C65F7ABBE
+5CC6DD49002216E23B3D22C282F3DE0077EA81017E79D8C3BDB61EC031CFB13FA981120A6C518F4B
+4C39C9DD5AC6EDA29ABA527C9948BC3162EF65E8251C9D4E3494C6A51A41D489F8BC89250128EBD7
+0EFD01B9F03C40B6E0384364F2571F7D969016A959E4243D7AB728F0F030B8E2FB456D8E47A85898
+313B0E91C68C7A8A7226603427AC6DCB5C69924FD026E90CB0EE89AC42D874BB15AFC981079E9DC7
+1271C3E461265AF327D4AAB4AEFAB6A9DC3F84DCE7C7868D4719006344B9055C8BA952A2250B8041
+E5EF519BB788201124BE90AECAC2293A310D9565E1EA4AEB99F7ED7106649169E8EBF3DCB210706A
+F2FA65158D3059DFBD7AB5B00DBB06B016F73FEDB3AE1C1CC03BC2D94B143BFBD759338EB181B1F6
+841F7B539D8D126FC5B31B244A3A00ABBB121A98F73314D1F1683F513C3CCC9A0C2180824ACE5D45
+E454062CE1217F7AFBDC60A6022B0134EDA6C5D787DE8A5925BEB374F64D612329B9AC17B6EC03F8
+56CFEE502C1FC3AAC7B6F251E8DE4147DCB1580185C406F38E6B729307EADFF6D7A0E824C9830093
+F0C4FECEEFC7FF839306FEFEB780FFBD8879F22AFDADCA4C0767B8EEAE5DB869D7BD91355F0255E1
+CAC68A81A276967F233624DE0D2082B89E2C2D1DB0F8BE0B2BD7051C4DE9B1564AA6CBA03E50386F
+D685943D1EDDF5BE0EB34418C48E5EA645CBA552A0444B254E82E9E84A5B7BD0064D5EA87B1716C1
+4EF7FD14E2187FCE16FF6ECBC0A6588B30B4329626F024BDBA65457028668BC6750A4DD668D017CC
+EF35CD9CF45EC73885FC91B8AD78920919B4747A710D25BB850B558C5CCF7170C20012DD0F2874A6
+699DF53EDC6C75716A5B6B06C98F4904BAD22B18C77B3EEF32DE3F45A8AC12383DA16DF6F06CD923
+D344CFC2253ECF97A52F2DC6A22539231E29A324F851265BA82BE566E42167247CEBD914EBE42EAB
+E189E74FE1FF17ADA8A5F47DC9866CF86694DEE28EED333B0A8AE380557820E3F1D32B05AE27FFE1
+68267FADD310C4EE550F71704EF71F4C669952F30E485AF37561884066C0E3425C748BBAC77CC7A9
+87EC336B8BEBA44358BEA4ECFEA32494A8006E9852C4BFCB1C0F00ACC247F1F8E3F3B34539C67638
+64527F9F885132DCACBFCB1DC80EE3B2A711145DDA1D3B5F83144E2CD698D43A02B0DEB706C78D75
+A24FA39B9374E1155969FAD7D5FB477F4C3C7440DBFE1BD1DC877360E8690A6D3A64EF0A1313A520
+C49320295302227CE5625E134EA442A537505D206EE46E7E218BDA38F7B6BA124ACA0E949725CEEB
+961EF8B0727E3A78287E61E65A84AC14D1014A213259A48F04C634C1F04C73B4110D0DB491250CCD
+7DAE323CC8BD29BEF605DD92AA5480009DEAD1256E5C9FFB18362D63B022C2A378D15ADE2C6AE603
+1DF385CF090226F0AF889464584A9EA63B884453DE231058C5661C4F7DCF7505D7B1E48C78AA5799
+8FF39084FFF1CD18CB2989D867F2E085B291FE52367B4E8667E5CDA4F41DDBC7129DA5BDC39549E0
+8B67D9C9E4C332D91FE261728521245CBF51870F24C42F5814F393719A9E126C5693C0E776E4D8F3
+0F0288537B8E9A7C5DA4F931FC83F96A1950B1DF26C0448B646D3BF42C0429E2BD0164703FC71833
+19DDEA75CE65D9DFFE8369787FE664306D843421C2C0C3A5B210E823F8366161A96CA88D95FD6486
+5F9E5B0D53DCEE4A98AC10A8FF1BC34A46DB6016E973C9FA298D3F58228E3D9FCCCF9632556CE2E7
+F9C81E05FDB0FC1071E69A4C158E742D0B8939CA3DE33A4BE8D01D679C81C6BA9CF396A6768CA626
+05D796AA5C323E3A6208F2DA5000FC4462ED81AD0044D9959E40E4764562ADA76E33EC63271966F1
+7A13AD376A54FFA40FA247896A22C1C4A4CE51094CA1892A0B9904EB762839AAE1EDB5A0A5A69343
+CCA45F88F61926B23E6C85688862B1D10F1ED827FCCE2A427E49D960DBEE0D39EDE08D2565C6F5AD
+66CA83DAC1467C38F742132F715DA7E9757A5D067FDB4A8859D148473F302BF6ECB9B7EA5C0DF851
+8F58D4D076625B92BC8201028064950D70CD40492DA83B98FFD79BD3DCD9CEE95178B6DEA9AB10B3
+4C61A74B49C3697CF714F56A9B1E366B04500C9A67704AF6F721851EA4566B96E220E7B526873F94
+E6013EA8C489639D291167BCAEFB661C96C27DC7BCD5B317C1F101CD8DF2FB29F6162B5ECE903C0D
+5570C8C6325F05218850E4A5B5F94C7CE334BADDFC5DB98EF5333B4A92129F41D046D0F5EB6F342C
+F362BC8E45511FCF328E2CE2D4C579516307AEC400BA207071C887F5185AF536A6827307D7698095
+E8A6F8C19812A11C32AD207FBC353172C8DF626C5C05CD24C171B3C8DAB270A74AC48E35F0A8849C
+E0934B93D56C93599F5235EC441B5232257C4C6767C7B5A35830010E60E56AFBE9199B42E725A216
+C49D45A3C554767DF192F04D1A192D5CE196831EB7A56201A4A96CD44DD084729774334F698E1902
+614405347A37A4C753C0211D7F24D5265CF033E3C4D30E61886CF781D2AC30385E6021A892AB116D
+1F5505635BF5C915D0300ACA8AC32CAA0F3639550C4AEB390DA7B86E53B6BB0E4819626757BA9986
+BCA4B4B18F6BF3706577A3BE146F2585025D5A36EB14E587C5469EEEB622D31FD32EBFA812B9CCDC
+CFF7D17D00D9F21BF8871661F20E89A25A4543068EC509D0DF7DEA2A24FF68957943BE0FC7BD319D
+92A575E12E6FB8112D72A100FEF3EE85972304BBE07FC1026CCC068E8A414F641116E51F76009C5A
+F9E664BCCF93C943CFF2115235BB3290F935AA3FAB4F2E73FCDB9FA5E1866EFE278FFE7EA9DD6F89
+38CD5E5F4F31F6C659AF7EFF5B291AFB86521678B42C99275024EDAD04E5929D201A36F4A6C4DCD7
+2E349D6B9A1F90B123DEDE3DA50EDF929F9285747CD504C8F4A73D522F312D623BD65A35419C0729
+30976129B2D99B32D1DEDD81D64F7879CEDDFF04BBBF1286E07BCE651E2DEC190DFB9D25F3C1EEC8
+D7277752BB7CCC313A0FEEBF0EFFA2A189861AD4EA13AD4FDBD5160DC273F12525815F0D693C1413
+AFE4FBE09BCBD71E16C33E6CF8D18732447FFDCC2E4AF9E270D725C1D262D96E72538CA3309BCAF2
+35A3FAFAB27D265C583E6F6F062B555C97DFD89AC46E6154670ADCA13FD99F7A4B9B8BB224D43764
+8CC9DB76E177F562862C912D8CBC248A4C628FF2D0C9688611CED3DFB89064B988F16655633B7CC7
+AFAE34B2937528EA0814ED245D6B0D2AEF87A5B63E2BD7E4F7D9CFE372C295A0891F97C3855C97EC
+C03C7C2A231704BED419612255F8B2C9262D48CB4FB46D63CC9697A210FA9D7BFC3BAB7E46172D3F
+52A4AF9C4114BC72A5C7CBA042FA633AFD5E404F29408D4485837E55E6F9702F04C7AB410C351039
+6A78C8672F8EAD53BB9CBCED63FB9E72E7238CC88FB4E7C48C3DE3E4B80E277B952727916A4127A2
+5CC1413C390F4DAFD5253B07BC96DAE8CF4DA08330DEE580CBC1E12B75A661819E96B018D47A8B71
+B6BFAFC5E3CBFE68E5193417B6E730E6A2820838D22049BE6BB64B74AA13779D46519965ED80D5FC
+30B0A6F73D26DEBD8150B3D27B3F135F608D59BB1632AD9C2E11177FAF54CBD1C4E58D58C395BAE8
+AD7C7AEEB0E1C3F0C0B7A5E7142E9A1DCCC8B4EF56C319D4A4F750857D2FD180F871772B9CC69FB9
+B222F83C3ACCB66125AF6848B2EFDCE3D2284FA5844641FB32F701FBF32F1D2F2E2233B66E36CCD1
+49FCB3FCDB6EA04367D11624717D73D9128EA7D9AABB8658BE9E9986E532
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+cleartomark{restore}if
+
+%%EndFont
+%%EndResource
+11.52 /Mathematica1 Msf
+0.75 10.5 m
+(p) N
+P
+[1 0 0 1 -61.69 -151.566 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+70.6 105.842 m
+73.497 105.842 L
+s
+P
+p
+np 52 98 m
+52 113 L
+69 113 L
+69 98 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 53.44 99.467 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.44 -2.467 m
+-2.44 14.533 L
+16.56 14.533 L
+16.56 -2.467 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+0 10.5 m
+(2) N
+11.52 /Mathematica1 Msf
+9 10.5 m
+(p) N
+P
+[1 0 0 1 -53.44 -99.467 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+70.6 53.742 m
+73.497 53.742 L
+s
+P
+p
+np 52 46 m
+52 61 L
+69 61 L
+69 46 L
+cp
+clip np
+p
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 53.44 47.367 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.44 -2.367 m
+-2.44 14.633 L
+16.56 14.633 L
+16.56 -2.367 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+0 10.5 m
+(3) N
+11.52 /Mathematica1 Msf
+9 10.5 m
+(p) N
+P
+[1 0 0 1 -53.44 -47.367 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+1 g
+[ ] 0 setdash
+p
+0 setlinecap
+78.19 2.952 m
+78.19 5.849 L
+s
+P
+p
+0 setlinecap
+92.764 2.952 m
+92.764 4.69 L
+s
+P
+p
+0 setlinecap
+107.338 2.952 m
+107.338 4.69 L
+s
+P
+p
+0 setlinecap
+121.911 2.952 m
+121.911 4.69 L
+s
+P
+p
+0 setlinecap
+136.485 2.952 m
+136.485 4.69 L
+s
+P
+p
+0 setlinecap
+151.058 2.952 m
+151.058 5.849 L
+s
+P
+p
+0 setlinecap
+165.632 2.952 m
+165.632 4.69 L
+s
+P
+p
+0 setlinecap
+180.205 2.952 m
+180.205 4.69 L
+s
+P
+p
+0 setlinecap
+194.779 2.952 m
+194.779 4.69 L
+s
+P
+p
+0 setlinecap
+209.353 2.952 m
+209.353 4.69 L
+s
+P
+p
+0 setlinecap
+223.926 2.952 m
+223.926 5.849 L
+s
+P
+p
+0 setlinecap
+238.5 2.952 m
+238.5 4.69 L
+s
+P
+p
+0 setlinecap
+253.073 2.952 m
+253.073 4.69 L
+s
+P
+p
+0 setlinecap
+267.647 2.952 m
+267.647 4.69 L
+s
+P
+p
+0 setlinecap
+282.22 2.952 m
+282.22 4.69 L
+s
+P
+p
+0 setlinecap
+296.794 2.952 m
+296.794 5.849 L
+s
+P
+p
+0 setlinecap
+311.367 2.952 m
+311.367 4.69 L
+s
+P
+p
+0 setlinecap
+325.941 2.952 m
+325.941 4.69 L
+s
+P
+p
+0 setlinecap
+340.515 2.952 m
+340.515 4.69 L
+s
+P
+p
+0 setlinecap
+355.088 2.952 m
+355.088 4.69 L
+s
+P
+p
+0 setlinecap
+369.662 2.952 m
+369.662 5.849 L
+s
+P
+p
+0 setlinecap
+384.235 2.952 m
+384.235 4.69 L
+s
+P
+p
+0 setlinecap
+398.809 2.952 m
+398.809 4.69 L
+s
+P
+p
+0 setlinecap
+413.382 2.952 m
+413.382 4.69 L
+s
+P
+p
+0 setlinecap
+427.956 2.952 m
+427.956 4.69 L
+s
+P
+p
+0 setlinecap
+442.53 2.952 m
+442.53 5.849 L
+s
+P
+p
+0 setlinecap
+450.12 210.041 m
+447.223 210.041 L
+s
+P
+p
+np 451 203 m
+451 217 L
+459 217 L
+459 203 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 452.28 203.666 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.28 -1.666 m
+-2.28 14.334 L
+7.72 14.334 L
+7.72 -1.666 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+1 g
+0 10.5 m
+(0) N
+P
+[1 0 0 1 -452.28 -203.666 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+450.12 157.941 m
+447.223 157.941 L
+s
+P
+p
+np 451 151 m
+451 165 L
+460 165 L
+460 151 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 452.28 151.566 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.28 -1.566 m
+-2.28 14.434 L
+8.72 14.434 L
+8.72 -1.566 L
+cp
+clip np
+11.52 /Mathematica1 Msf
+1 g
+0.75 10.5 m
+(p) N
+P
+[1 0 0 1 -452.28 -151.566 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+450.12 105.842 m
+447.223 105.842 L
+s
+P
+p
+np 451 98 m
+451 113 L
+468 113 L
+468 98 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 452.28 99.467 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.28 -2.467 m
+-2.28 14.533 L
+16.72 14.533 L
+16.72 -2.467 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+1 g
+0 10.5 m
+(2) N
+11.52 /Mathematica1 Msf
+9 10.5 m
+(p) N
+P
+[1 0 0 1 -452.28 -99.467 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+[ ] 0 setdash
+p
+0 setlinecap
+450.12 53.742 m
+447.223 53.742 L
+s
+P
+p
+np 451 46 m
+451 61 L
+468 61 L
+468 46 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 452.28 47.367 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.28 -2.367 m
+-2.28 14.633 L
+16.72 14.633 L
+16.72 -2.367 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+11.52 /Times-Roman-MISO Msf
+1 g
+0 10.5 m
+(3) N
+11.52 /Mathematica1 Msf
+9 10.5 m
+(p) N
+P
+[1 0 0 1 -452.28 -47.367 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+p
+np 210 257 m
+210 272 L
+310 272 L
+310 257 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 211.235 257.578 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.235 -1.578 m
+-2.235 15.422 L
+99.765 15.422 L
+99.765 -1.578 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+10.08 /Times-Roman-MISO Msf
+p
+0 9 m
+(I) N
+P
+p
+3.75 9 m
+(m) N
+P
+p
+12.75 9 m
+(p) N
+P
+p
+19.5 9 m
+(a) N
+P
+p
+24.75 9 m
+(c) N
+P
+p
+30 9 m
+(t) N
+P
+p
+36.75 9 m
+(p) N
+P
+p
+43.5 9 m
+(a) N
+P
+p
+48.75 9 m
+(r) N
+P
+p
+53.25 9 m
+(a) N
+P
+p
+58.5 9 m
+(m) N
+P
+p
+67.5 9 m
+(e) N
+P
+p
+72.75 9 m
+(t) N
+P
+p
+76.5 9 m
+(e) N
+P
+p
+81.75 9 m
+(r) N
+P
+86.25 9 m
+(,) N
+92.25 9 m
+(b) N
+P
+[1 0 0 1 -211.235 -257.578 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+p
+np 34 75 m
+34 165 L
+49 165 L
+49 75 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[0 -1 1 0 35.28 164.105 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.895 -2.28 m
+-1.895 14.72 L
+90.105 14.72 L
+90.105 -2.28 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+10.08 /Times-Roman-MISO Msf
+p
+0 9 m
+(S) N
+P
+p
+6 9 m
+(p) N
+P
+p
+12.75 9 m
+(a) N
+P
+p
+18 9 m
+(t) N
+P
+p
+21.75 9 m
+(i) N
+P
+p
+24.75 9 m
+(a) N
+P
+p
+30 9 m
+(l) N
+P
+p
+36 9 m
+(r) N
+P
+p
+40.5 9 m
+(o) N
+P
+p
+46.5 9 m
+(t) N
+P
+p
+50.25 9 m
+(a) N
+P
+p
+55.5 9 m
+(t) N
+P
+p
+59.25 9 m
+(i) N
+P
+p
+62.25 9 m
+(o) N
+P
+p
+68.25 9 m
+(n) N
+P
+75 9 m
+(,) N
+10.08 /Mathematica1 Msf
+81.75 9 m
+(c) N
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+10.08 /Times-Roman-MISO Msf
+P
+[0 1 -1 0 164.105 -35.28 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+p
+np 70 3 m
+70 238 L
+450 238 L
+450 3 L
+cp
+clip np
+p
+np 117 136 m
+117 152 L
+155 152 L
+155 136 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 118.485 136.705 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.485 -1.705 m
+-2.485 16.295 L
+37.515 16.295 L
+37.515 -1.705 L
+cp
+clip np
+p
+np -0.485 0.295 m
+-0.485 13.295 L
+35.515 13.295 L
+35.515 0.295 L
+cp
+clip np
+[1 0 0 1 0 0 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -2.485 -1.705 m
+-2.485 15.295 L
+37.515 15.295 L
+37.515 -1.705 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+%%BeginResource: font Mathematica2
+%%BeginFont: Mathematica2
+%!PS-AdobeFont-1.0: Mathematica2 001.000
+%%CreationDate: 8/28/01 at 12:01 AM
+%%VMusage: 1024 29061  
+% Mathematica typeface design by Andre Kuzniarek. Copyright \(c\) 1996-2001 Wolfram Research, Inc. [http://www.wolfram.com]. All rights reserved. [Font version 2.00]
+% ADL: 800 200 0
+%%EndComments
+FontDirectory/Mathematica2 known{/Mathematica2 findfont dup/UniqueID known{dup
+/UniqueID get 5095653 eq exch/FontType get 1 eq and}{pop false}ifelse
+{save true}{false}ifelse}{false}ifelse
+20 dict begin
+/FontInfo 16 dict dup begin
+  /version (001.000) readonly def
+  /FullName (Mathematica2) readonly def
+  /FamilyName (Mathematica2) readonly def
+  /Weight (Medium) readonly def
+  /ItalicAngle 0 def
+  /isFixedPitch false def
+  /UnderlinePosition -133 def
+  /UnderlineThickness 20 def
+  /Notice (Mathematica typeface design by Andre Kuzniarek. Copyright \(c\) 1996-2001 Wolfram Research, Inc. [http://www.wolfram.com]. All rights reserved. [Font version 2.00]) readonly def
+  /em 1000 def
+  /ascent 800 def
+  /descent 200 def
+end readonly def
+/FontName /Mathematica2 def
+/Encoding 256 array
+dup 0/NUL put
+dup 1/Eth put
+dup 2/eth put
+dup 3/Lslash put
+dup 4/lslash put
+dup 5/Scaron put
+dup 6/scaron put
+dup 7/Yacute put
+dup 8/yacute put
+dup 9/HT put
+dup 10/LF put
+dup 11/Thorn put
+dup 12/thorn put
+dup 13/CR put
+dup 14/Zcaron put
+dup 15/zcaron put
+dup 16/DLE put
+dup 17/DC1 put
+dup 18/DC2 put
+dup 19/DC3 put
+dup 20/DC4 put
+dup 21/onehalf put
+dup 22/onequarter put
+dup 23/onesuperior put
+dup 24/threequarters put
+dup 25/threesuperior put
+dup 26/twosuperior put
+dup 27/brokenbar put
+dup 28/minus put
+dup 29/multiply put
+dup 30/RS put
+dup 31/US put
+dup 32/Space put
+dup 33/Radical1Extens put
+dup 34/Radical2 put
+dup 35/Radical2Extens put
+dup 36/Radical3 put
+dup 37/Radical3Extens put
+dup 38/Radical4 put
+dup 39/Radical4Extens put
+dup 40/Radical5 put
+dup 41/Radical5VertExtens put
+dup 42/Radical5Top put
+dup 43/Radical5Extens put
+dup 44/FixedFreeRadical1 put
+dup 45/FixedFreeRadical2 put
+dup 46/FixedFreeRadical3 put
+dup 47/FixedFreeRadical4 put
+dup 48/TexRad1 put
+dup 49/TexRad2 put
+dup 50/TexRad3 put
+dup 51/TexRad4 put
+dup 52/TexRad5 put
+dup 53/TexRad5VertExt put
+dup 54/TexRad5Top put
+dup 55/TexRadExtens put
+dup 56/LBrace1 put
+dup 57/LBrace2 put
+dup 58/LBrace3 put
+dup 59/LBrace4 put
+dup 60/RBrace1 put
+dup 61/RBrace2 put
+dup 62/RBrace3 put
+dup 63/RBrace4 put
+dup 64/LBracket1 put
+dup 65/LBracket2 put
+dup 66/LBracket3 put
+dup 67/LBracket4 put
+dup 68/RBracket1 put
+dup 69/RBracket2 put
+dup 70/RBracket3 put
+dup 71/RBracket4 put
+dup 72/LParen1 put
+dup 73/LParen2 put
+dup 74/LParen3 put
+dup 75/LParen4 put
+dup 76/RParen1 put
+dup 77/RParen2 put
+dup 78/RParen3 put
+dup 79/RParen4 put
+dup 80/DblLBracket1 put
+dup 81/DblLBracket2 put
+dup 82/DblLBracket3 put
+dup 83/DblLBracket4 put
+dup 84/DblRBracket1 put
+dup 85/DblRBracket2 put
+dup 86/DblRBracket3 put
+dup 87/DblRBracket4 put
+dup 88/LAngleBracket1 put
+dup 89/LAngleBracket2 put
+dup 90/LAngleBracket3 put
+dup 91/LAngleBracket4 put
+dup 92/RAngleBracket1 put
+dup 93/RAngleBracket2 put
+dup 94/RAngleBracket3 put
+dup 95/RAngleBracket4 put
+dup 96/LCeiling1 put
+dup 97/LCeiling2 put
+dup 98/LCeiling3 put
+dup 99/LCeiling4 put
+dup 100/LFloor1 put
+dup 101/LFloor2 put
+dup 102/LFloor3 put
+dup 103/LFloor4 put
+dup 104/LFlrClngExtens put
+dup 105/LParenTop put
+dup 106/LParenExtens put
+dup 107/LParenBottom put
+dup 108/LBraceTop put
+dup 109/LBraceMiddle put
+dup 110/LBraceBottom put
+dup 111/BraceExtens put
+dup 112/RCeiling1 put
+dup 113/RCeiling2 put
+dup 114/RCeiling3 put
+dup 115/RCeiling4 put
+dup 116/RFloor1 put
+dup 117/RFloor2 put
+dup 118/RFloor3 put
+dup 119/RFloor4 put
+dup 120/RFlrClngExtens put
+dup 121/RParenTop put
+dup 122/RParenExtens put
+dup 123/RParenBottom put
+dup 124/RBraceTop put
+dup 125/RBraceMiddle put
+dup 126/RBraceBottom put
+dup 127/DEL put
+dup 128/LBracketTop put
+dup 129/LBracketExtens put
+dup 130/LBracketBottom put
+dup 131/RBracketTop put
+dup 132/RBracketExtens put
+dup 133/RBracketBottom put
+dup 134/DblLBracketBottom put
+dup 135/DblLBracketExtens put
+dup 136/DblLBracketTop put
+dup 137/DblRBracketBottom put
+dup 138/DblRBracketExtens put
+dup 139/DblRBracketTop put
+dup 140/LeftHook put
+dup 141/HookExt put
+dup 142/RightHook put
+dup 143/Radical1 put
+dup 144/Slash1 put
+dup 145/Slash2 put
+dup 146/Slash3 put
+dup 147/Slash4 put
+dup 148/BackSlash1 put
+dup 149/BackSlash2 put
+dup 150/BackSlash3 put
+dup 151/BackSlash4 put
+dup 152/ContourIntegral put
+dup 153/DblContInteg put
+dup 154/CntrClckwContInteg put
+dup 155/ClckwContInteg put
+dup 156/SquareContInteg put
+dup 157/UnionPlus put
+dup 158/SquareIntersection put
+dup 159/SquareUnion put
+dup 160/LBracketBar1 put
+dup 161/LBracketBar2 put
+dup 162/LBracketBar3 put
+dup 163/LBracketBar4 put
+dup 164/RBracketBar1 put
+dup 165/RBracketBar2 put
+dup 166/RBracketBar3 put
+dup 167/RBracketBar4 put
+dup 168/ContourIntegral2 put
+dup 169/DblContInteg2 put
+dup 170/CntrClckwContInteg2 put
+dup 171/ClckwContInteg2 put
+dup 172/SquareContInteg2 put
+dup 173/UnionPlus2 put
+dup 174/SquareIntersection2 put
+dup 175/SquareUnion2 put
+dup 176/DblLBracketBar1 put
+dup 177/DblLBracketBar2 put
+dup 178/DblLBracketBar3 put
+dup 179/DblLBracketBar4 put
+dup 180/DblRBracketBar1 put
+dup 181/DblRBracketBar2 put
+dup 182/DblRBracketBar3 put
+dup 183/DblRBracketBar4 put
+dup 184/ContourIntegral3 put
+dup 185/DblContInteg3 put
+dup 186/CntrClckwContInteg3 put
+dup 187/ClckwContInteg3 put
+dup 188/SquareContInteg3 put
+dup 189/UnionPlus3 put
+dup 190/SquareIntersection3 put
+dup 191/SquareUnion3 put
+dup 192/DblBar1 put
+dup 193/DblBar2 put
+dup 194/DblBar3 put
+dup 195/DblBar4 put
+dup 196/BarExt put
+dup 197/DblBarExt put
+dup 198/OverCircle put
+dup 199/Hacek put
+dup 200/VertBar1 put
+dup 201/VertBar2 put
+dup 202/Nbspace put
+dup 203/VertBar3 put
+dup 204/VertBar4 put
+dup 205/FIntegral put
+dup 206/FIntegral2 put
+dup 207/FIntegral3 put
+dup 208/OverDoubleDot put
+dup 209/OverTripleDot put
+dup 210/OverLVector put
+dup 211/OverRVector put
+dup 212/OverLRVector put
+dup 213/OverLArrow put
+dup 214/OverArrowVectExt put
+dup 215/OverRArrow put
+dup 216/OverLRArrow put
+dup 217/Integral put
+dup 218/Summation put
+dup 219/Product put
+dup 220/Intersection put
+dup 221/Union put
+dup 222/LogicalOr put
+dup 223/LogicalAnd put
+dup 224/Integral1 put
+dup 225/Integral2 put
+dup 226/Sum1 put
+dup 227/Sum2 put
+dup 228/Product1 put
+dup 229/Product2 put
+dup 230/Union1 put
+dup 231/Union2 put
+dup 232/Intersect1 put
+dup 233/Intersect2 put
+dup 234/Or1 put
+dup 235/Or2 put
+dup 236/And1 put
+dup 237/And2 put
+dup 238/SmallVee put
+dup 239/SmallWedge put
+dup 240/DoubleGrave put
+dup 241/Breve put
+dup 242/DownBreve put
+dup 243/OverTilde put
+dup 244/Tilde2 put
+dup 245/Tilde3 put
+dup 246/Tilde4 put
+dup 247/BackQuote put
+dup 248/DblBackQuote put
+dup 249/Quote put
+dup 250/DblQuote put
+dup 251/VertBar put
+dup 252/DblVertBar put
+dup 253/VertBarExten put
+dup 254/DblVertBarExten put
+dup 255/Coproduct put
+ readonly def
+/PaintType 0 def
+/FontType 1 def
+/StrokeWidth 0 def
+/FontMatrix[0.001 0 0 0.001 0 0]readonly def
+/UniqueID 5095653 def
+/FontBBox{-13 -4075 2499 2436}readonly def
+currentdict end
+currentfile eexec
+D8061D93A8246509E76A3EC656E953B7C22E43117F5A3BC2421790057C314DAE3EFBFF49F45DD7CD
+91B890E4155C4895C5126A36B01A58FDB2004471266DA05A0931953736AD8B3DEB3BCB2A24BC816A
+C1C90A1577C96B9096D6F51F9E21E625ADF6C3A49867A632A605C117E6325C820121799F412E226B
+EFE61F2813676F172CBD7EC10FF1EFBB92DF3A88E9378921BBD00E6024CC08EF057CECD09B824E0A
+CCDAA4644296DE34D19D779A21C30666026829D38FB35A2284CAED23C8B913E7B28BB3DA7C8CE390
+4C0BAE30B0287680CCCAB2E6D4CAB2E7D786ABF54068028FD7D94FAC236094761B62B7E76F68D2BE
+58C23AF85001950EFC1A9C1BB71520B78DDF6AA0058D25D041E86D01878DF56A5C48D74DCB2BBD68
+D75C94A3CE878484D28049331CE3D4364B40FAA2C754E8F443D244C5BC44B1C7868E36EAF4F7EF1F
+6CB81E6CF63FABD65C29A991EB7D724DA06535AE43F3D0E2D04F6113B493C15463B4CEBFB72AB879
+7E4645F9CC0BB17E02A9626BEA4B4259F798B53B18DF2ACCF2B86BF2209CF0265DE0A46869333F98
+CCF70BF2C9239A0ABD2E97923AA5695BAFEA31E27B8F532BAA45F2980A11D069265A5312A260A627
+A765C4A08897E5C500990AE6FDA4CD6D575905468417297380EB6400CB2CF001C4B8EB79811CD8D7
+C173A337922B99DAB1048D5D03C78F78F36FEE31673D8C5FF8AD689A63AEA055CA705DB47D3AF965
+73571985E62F63866018C96EC4CA7E735C9294D8C81C03806D23CB87C0C08F86F5FA68CFC9AE48F6
+958AE016DCE4D60EB64AEAAD59D8A2592BC398BCA479FBC2F0C20C3E7F730481494C88781A6A9E0E
+4F47A94619A3841FAC76A4FB252EB6FB43628AE1A4944539B1DFF672940AA5E93FFACFAC04624EF6
+7ED9C691788F0004DB7FFD1C995F2C52C0042F02F5C789F85D9E51716F3B4EDB21D4B9E660E4A892
+B747201EEC6DD6A8881FA3039664061094D1892108A2AD068D7F0251BFA72D874ECB2F42D27CC343
+052156F6A3A66D2CA6DAEF046A433FD54FEB4410315690971D0F43363EC0119B21F4BE3DFDC8C28D
+BF5D68F145D3AC932EE62C32DFDEB1C48C2455392193268C893093BF911645986607DD13D8285895
+1854A7FF81FC98ADD44742907818B3C8E3187371BD9FE6EF5B4315E82C359BF2EA91D2894EE7FD9A
+734BF2745D7FE8D08D29DA2A03176C992E11F1AADCE219D5E33F325BCFF4521D6D04E61B913B6C41
+740AF8BD9EA83F3AE7C4E5402366A812B1724431EE78D2028317B975E91941B591CC6C97740C453C
+C7D7AB3CE97AE2F4DFAB6B9C8810A52A276BEAABD687BDA0971EE623A40B7AD6A8E69ED8BE63959D
+3DCF8799E2505AC7F7B0E2FFECB0B08027A6266B7F96311B0AD78B7B6C78392AA062A73FDF179FEC
+7F748929D060289F899FE417D4028FF332204FE04146BB130EF05FB57AF4BF9337EF71094DC5922E
+3EF2D6A9F8257AF242019C349B65C2A3972ACA842D14EAB6A8D287456C9D7D295198F4AB7632EE43
+7D006B8124A80BBF26C1B902379D7F90080B51F982630E27B6031CE20930C273EA5D7FF0FC7E996E
+67B072796CD96A7739444D21FE10DE7B57D143E4155EEE1B89F32EBCBF4C64D6D3FA1C46E06C9E9F
+F99BC9BBCC61A400C7DBF812C42AAED863FE9EE3B02E731D1809F3CAB941252DE486BFE641F60F60
+C788F68519A6B04A4D6F50F02F93C6B8774B960C1FE893373D2AC2D865C487CFFE7669E1F1E73630
+7D34C15835F0453C8B0C1AE352CE1F27065F1082E6C84F86330F76B39C246315D6996AB69F81A020
+30D92CCB4C2A5AA4F4B3CAC88B2C8C9C621294A5EAB6AC3778DB99BD2F411735DC1421861417B4FD
+399B365AEA45185A3D9D687546E36BB73994FB7FA3EE890AE3734BD9381B0E7AE514E8C517B87268
+7364C38D0A8379039F33336799205F2F54BBF7C2E9B30B27BCFB9FF2CD64F5D700F2455EE66B6252
+6E79ED2B0E5FF9732281CA50D27A93F259B6D4B5C7F856BB7D4F2E0F7741FA2419BBAF86C372E34D
+59BC7AABC4CEF4F47EE40E118AB95A4863E16C55824D34002D59844D1F51B5DC6FB6BB5D595C4404
+1E05A84FD453A129279F894D726F6CD53BA3E234518324C5F715DAE6E7B5695326FC0C9B6CA2B53D
+B25EC76BE9662388058629E70DC7BD861E188F1FF32A754A455195163CB4754D116D24E6A6300B67
+1862625E260442DEA2505E36D5F7AA4AD1FEB3B42632E382959C7E84569B2A790A0D0A208C2D4816
+AD28046B42C7A4797D424277AD9425C04DB87DCF112AE431CFFF6E4FFA979E947502AE5E1755C112
+0AE2361888B956F3F513A5975680E6E8374D8BF26C32AADC826D729E9026B14A68BC3D065E11C697
+D4D474CF963AFE083DD7D9278A0C27447E25AD70DD40B2EBAB8040164E11CD75AE3125C29806DEF4
+AD1B989F7001E227685DEF6EBE3287DE43BBA5FE2123A0EC835AECF879C13F7CFDC409901F291E89
+06C26E42B189862AFAE029F03D86D35E44E318FE16537E2B73E4F39F1E6945A3A6432438DCB6D2B2
+09814B5228D08165568617C279499ECA1B88C90300F1C88C45D4BE3DC726A59E24B46C5B2FF228C6
+E6645819C6F1D5B05737BE7353F4787EE52A21DC47A44F3C44406E79BBFDDC164682B02F4C39300D
+12EF37A58E317FC1B8CE58E04BE666ED5DA75DBF752BEDDA4C7491E4D6922BCCA9CF421CE6751002
+8638EF643119841F423626D6B19A5D2CFB193B093D7646913F64614C098E5F5FF9422EBA75FA9AA8
+4F8ED114AEAB011E6F0727FB96F26BECBBAFE3AA8D0ABC5A8E9906B6CBB9E03F8CC4FCA97C884B83
+7CC33C619CD3195C55633B72D3F2D45561CD226F42B859B8099812D591886FA851107A185169FA7C
+944248DE28642FA3043FF3B60236BFD781257C6FE4D56174AD16ABBF9659C05F08673A70496A0787
+C187D4367CB0CF48BD9A4FE0E481273E4909A1092626A13917DCBDE920028B06E094F5B28887B990
+32521E1720B75EB284AA6FFE53FA5CD5B903F951FCF7B33CC981FE7BCC4BDF4907ACC3AA60B69969
+A9AF204C84EC8C0F5DCB8A85E39EA9F2D4B67095A44CA0C8B072D7A61F3015D502B1A0F660C22221
+3231986D5E8C04AECBAFE999D1735A80051C06CA279D0FF6215633FB7A706454DA7236DB17AD72EE
+1F6044A26A0EB77AB3BCE823E3F5E0DD31ACB029A1D17665FF16E5D1ACDDFD83CAEE1D48666D7BC6
+DADC34D317C335855D118892CBD32412F5870C3D2E599A46AA997A5E2BBDD3001C2957D81345DBED
+583B72C4FB356F0C872A31A35087775EF18601930C0874EEA1ACB3ED3690EF447926439CC383087C
+C9D5C6EB21EDF5941CB4E99FDA434A91676D76DC1A1BD801EECA6B0A88370B7005D41A1253CF8217
+1285986DC302B51123DBA9733BDEF0361AE0580FE6FBA5F29CF1438801586559D7436436CFE33E6A
+D6EFA850BB8C9382E1A068246F370388186DC278F31F770C2C96881AC6E40823B24D6D536514A2C7
+AF3D159621080442592CAC03D6967BCBDB38FCA1A45F76F1A10027F1DCC076533C6AFC097FBCF0DA
+A0078BE0828247F938AF76A87EFC14D9F5444CBCDCE637E2325D86B9D99D1ED70F44194E19F6C7A9
+9E415DC8A6E484DAAE52AAC1307A5353E8F649A35214B3F43DB5F3DB3ED06580A570E60B3E52679F
+F90A3B00D4EB4DFBCF0D2F9C5545A6DE10BCC849A0BA9E18F29C6F09ED0F0DD48AD37B7925654433
+A6D02965A3813BA2EAB2E6C2004ADD216DAE99471EE518BD0DA0F534F1512A8E26286B07FEDE71E6
+0A5A057A22AEF095A8B4752F54C04CB8BC170F3D6B725B83A6780176194B21BA906E37B7923E2548
+604F8DB18E0A3E1B5FF04D00898C29C6033DAC54637CF5B068291559D8526D5201F3503FBA4EE12D
+D7A6CF6271618F41FE08384521CD771FA80364D747430A071EE3D3ABDB5400DD36A0285430D537FA
+F6EF8ACAF85C250D6652F327B2BD3B29E1C64E6E66C788FF1D9C3AC6DD38691CDECD0F3FF4079BAD
+A2BC0CBE14AA3FCC38E3F31B3298A6995C87B34A7245ABA2C968F908D8337860507569C370654635
+570615F987531551414B5CCAF7F4D0B38F701619C553E746BD90655294270560046A925A021C98F9
+3EA8FF5B5B8A0D05AD483E6DDC5257635308C6C0FE9182D0E4FB011A00981A7B95DB5BF5A82F8B1E
+B68E8822F8B1B7CF01AF11302B44307F3A71D5EB3465F793CAEB1E72D2C63E3D264380A75FF1DDA5
+00B5F82B04179EA9DAC10731FDEDF5913EFDEDDF5799D2A86EF2D16C0B52D99FCEAD392E9226AA6D
+3D11D29054130C8602F703CB1EBDAAA089A02C0EBD53343A7B297836CB63E4B2C33C8760ECEB15E5
+6B59D4B296B8B724244D37651C3CB862C7135D62B2692F5A27B9374C5C3C5399E5C4DCCD76572294
+F742B1F545B736BF4C82D8F4E2941CD52C0B944261DD4CCF8A968B646662F3D187557206FF165F3C
+0D3D5CA1E428D61D7936E1D00C5377A047EE80E0A5612F7FDEBB8B224270ED23A031A049E8676516
+BF66EBAFCF3F9D4975B0F212FB7A914EE45640972B61AE8E60E602DC7C20758BC07A159B08862F16
+6302D8CBEF03C4B0C73BD8504EB5B14DBC64FBDDC867FE51F76099769A7BD4FA4CF4096EAAAFD55F
+9A20F6D4B84D8FD139112A43204026F15F9FF5AB6729537CCDA60369C24D7EFF4B6B971EBF0BD277
+A9AD1BF1066508A0A7DD9A8D45447A39B92D6B0F7DA4BEC2689D25F35C8C490891F053F90DEE5E2D
+8C9D7FD1E23D0F1C5F57921BDB13BC9B8C3CED4FC42C4DDBF0706985A0DDABCC683FF5EA8416C225
+ABD219024432E3972C3314C30A672FD21523C83D93B2AC8D1DF023EEB1BD74E825FCD19873E63A45
+F6935E6685CF5EF472191B976F9EED2A4765E1B21B46EE1C4CB90AE89DA48E52BC4EDBAC2C855A67
+CB0BE9160F3126151CD171081192D0D6CB27E4EB2D725F31AE95FB283149F53F22BD8E414354D4BB
+56724057601FE4BF34A5B188C00B0E550639CD796CC66EF895AA5315BEAD49B5639EF0878CDF2CA4
+271027678693EA212D0C11A6EA52F748AD0F62A0336BEC8497EE933EEC461E461CCD2F5291B980E2
+8B7D66690B10EEBE22B092179396EEF5D00E42E6CB73BAD4485F2063AEA6B6207E136ABB925332C2
+60F12D8B60B211A9BB15F37F42F53AC2559F5A8397DDD491D314B6DB0B50E41F0AA0A42FFDD5B9F3
+FBD8EFB7E343C06F793DA6BBEE4FAAFB233C31EAA3AD701B1F1C4F2FB05A7647439D19CC856C7D98
+EB3375B3ED2255FA33D9ACB87C1937E0B7F34C9B299C8D2A7F85D41141C598F9505C72B5AC2DE9BD
+E24CDAE1DEE416786B93D4EE713E437D2C4A3251A296B785C81A8232F98ADD04B3D2B41394F8BDEA
+7B602A555EDBD51A088C2277D8E86B08A0D05CB6142E33E973BB3F2CE841D323ABE6FBBF83B84272
+220F569DE23264AB672C2590D4527A29510E7F289DC2193E66FF23D83703E27E9E81572E7534B1DA
+510BB846576E8A39D9CF44483F297C92317ED8E46237B3D73844B3B19D37831B44EC116CBAC3F75B
+B67928C4D4E741EC95E96FAD74D852220F4F1A8FDCD273E0F6E77F09EFD5723CCA1398A021FAE947
+9CAC5922DAC8E2F46704BC216C7BCC1575A455CCE2C2A080B9FDCD0758D9D921EEB6DF96C64A31D1
+C9BEA80F48461857ED7DB635A3BABB3BB6155E835E605B09E06A2AAF6BF3EA70B8C0E098CD1A818E
+30B9A4AADC284EE2B87E945B717FA73AFF5FB788E51827F6FBE319ADDD059614B493ECCE718789A2
+EB0F117EC811EC38A3F4EDEACA660612BD247425A3FB2E6022CC14FDF69B6660B37FCD4359F1BA54
+D12B1F478D76CF898824762C25A026B01C94752F6F3724C31AE788CFE992D9CA152902EEBC4AD8B7
+A5F0E68A5A0408A2F0BA71CE0D94B4A905B35F2781D7E7A2712DC62E87518BFE72A5BC4A9F36A4B3
+B1494B0C4C14705203762E0CD0B28BE31234449C7655B5D6165D7CC4A16431F7A8ECA58D25711E98
+4FF2CE123C05AF9A65D478B73739715DE62A199D47BAC65785EE1DD25AF91868F91D037C0AD754BA
+CE3DC4B67F1FDCA8FD9FA39796EFA9C975DBFAA99DB70624B3563408D0048E3AAC6B4F228DC0AC08
+B9C2B63657EEDB53B46D157426A3B4B4B8CC5B4F30BC24CF9BED442DB51F3C7A0656DFBEFA401E1E
+0823065499C69D51C477360FD13ACA8896A8117789C4561F3D85F3A80D18E39F1D6BF76C7876922A
+1038ADAFD53F2D092369B356D0CA3FE6A27D7B9BD3985C78424C21E60F6BB46408013DFD7A30D320
+EAD9AC6E5FD36655AC6706666A76F1E426640C4B0BE692E4879991EA9EDF4596C0DDF43D4E370360
+D91E8B2839D368DA2A910AA6092337E2E20DEECF43D583CF164881079ED5A492B5EFCC1CAF91512E
+0FEA8140CA3E2553733D6F743728ACAC3E643394015967DAC8839D5A804503A45DBC539FB8656D75
+2F00EECF73E7EC8746CB13F438CAFD554C01150048F758573903B0B3260AEDD78BC2EE87D201E219
+486315A4C01D95DAAB54335A4F2CAFC3F43F12A9574CD2DECCBC1858406C701EE62C281A55B729DC
+EBBE74FDFF275A0A7B8B22C7490187D1839F4FF271723C140095F28221C4145C9061F9A5B3EDF8D2
+9E0DA04D9A8AF6ECD42DB897DD5C9318D636FAB698554BD9EF9B0902BFD8C96CB958773A3C4A5FCE
+8A334C673206C39277E45AB50DA2661F89D621AF057CF1A7ECDE344DC7658514B4C655937E7BE010
+B0694B069FF64D5582E3A4B7F6AF6C96D056ABB20CC883AB25A9BEABB18A84F0258CA3E4F33FFB77
+9841F5970DB447969FE9C6BFDB066ACBC040648D74F553EE434BADC353450A3792EEF9CFDB2FBCD6
+07153F2EF73C1BCCE3784609F26C80193BAEF766E7CC7C33A4CAB862E6E01FC1CDF11E2FBF25FE1D
+308CFF9CD924893861BABF78F762F3CADD3E0BEB38F6157CD08F1B8767606427C4A631AFC9488E6D
+4D1A8F4B51ED48582BCD3089BE037ECFF18DF6175EC317EA56D4FDE37288F089532C13F7B3C1EF7D
+333E7FAF8B49D95F535F60889CD7245E5CB0BEBFDAE8F7A0AC1AB7DA18F2BC06267B27403F1BAD9F
+DF5F13254E96C294C4568EC7154479570E514A55208D19A4538959F7C5B2A0C9CFE4B4A40300F248
+5943C6AAB753F3F0E551727B8DA8E75305A9CE623757B36FB7D34D13CB14EE561C404CDB2D88F375
+2BBFD9FDBCC92CF110D6C35629E3040D995CD25B90BED2CE79BBDC846EAA321B1BC46DFF7845380F
+BF08782D6A31EC7D41F251786FDE403A39626D6052D5189CFBB3DCFF09E81C09D0CE7D571F979509
+79B26AA4F6D07F97A33522306AD692D4D960CEF1CEA3D251A841E2A23C7AE3EA44B3F31E79808F22
+B6ED20DEE4186927394624E22D37E873B660BB8DE6FFAE058DD5817A3BBD68963D055D406F253701
+D940B5E58DAB01FDFF1C626D0D35E8E7995D37057DD07F6D4D45F152A141269A7FB81433652209B2
+B23D69BB5D8D367D95D4A94B2C2924FB83F50F651458CABCB65009912F00F485A924A61A0008DB44
+D478CAFDB7D9524204947703B822755A1301FE163A8248C8AED7073362D918D097597B24A3B579DF
+FE00F47776428D2B992E1F5FAD6190ADD1C789BB9A913BB1B938EDE357BB436F734477F7BF332E36
+7C380D049AED8687B4C2AB6EB813E719718C9CE62296C24F783B16E9635A7E4402840BD26D3A0DA5
+78050C49E6D8239EBE9E053719BE94CF6D8C7942AE1660F28B21B3C1E6E15459C1FEEA4FAAE64AA7
+165824F7B939E28E51009FB778E370C6001B3F546EBB76454912D730A3F8C7F6F9EC01B9F90A2E5E
+58EFF9EA99BE57A0154147C2B7A7C7E493E37C9BD0ECDEAD4AA4DBFF95D7E451246C9D4C30E71F4D
+76441A297A1223FD2F8E017B10C108B0F0F67385060E9C18133A6264AB2B445F6DBCE86CA803357D
+749244A6FFD8FF8AD37EBAF3787F3702764C5EE2CA7547D7A9FED5AECDD2064F7C767078579DE13C
+F135CB05561B15BD9803646611422353774984D386BAD640C5EED157569356A17BB6233EB298960B
+8E34209562AE170A08D15F3A29967DE067F6AD183BA1EB49A99F4899031A01410D7311BB9B7A984E
+BD6A303D44CF42B40F12769D44160583BCD68C68F823DDC0D73150083404B12AAA68E97206053C6D
+23FF0620231D3570A089520E928E980F56A273092DF94EB3A99FBFD877B58860231B2A761DC91A41
+A427778B06F07D4F78924FF986F837C1437B44EAD5E7C56B9CE9CCFC0F6ABDBFDBDE4A32E3FFF336
+7F7194DA20D038CC44C4413B2CAC15C05B22758569D1008EA057DCDCF4A324C924021B35B10ED632
+BBE921BE2E34795951DDA394FABF3EDCEB99B3CA15D6579559F0BBECF8DF6E6DAE427DF75657AEDC
+FE180A88DDA445A5A5E239B364B8884714B0ECE259F32F1742DBAC0BFA9A1052E2B14E632B56A474
+F2C9DCA9B5FD8D62A39227CA8C208DC69E5F543A745A913641950AE0DCCE02D20D374B652E2CC41B
+F0417F99C2EFCE1C23204261FD1BCED5A1E8AD4736C5F23E14482D766390B1C62A320F751CA13454
+8DBA0B08E4BA0A0CA5F6DC765F9520D15D895792BE580133B92EF3691B95331DC76A551C4AE9AB10
+24D7EFC4A02B5654057224C3433A2AD6859E3E4C40F8F0B089C846002C75ABD667C68606D7300B7D
+0569753AC074BE6943AD20018835A6EA28B99C983BE3BEA9B742A76F2D7A2A26B35664D24FFBF656
+EA28D525A78298C898C0BC2DDB56FA37151AF5A08B28226CE6BF09726C37F1B0BD39DB144CBB5494
+5DC48C374BA8716F6C9A4626C95B6993DB2CCD59A7430E3A3B2E6CCAB9A801760B8548C8447D129A
+01EDF187435162EC13A65C943CE9EA547C3694F88F9706AF29F5357EE59500EC080E7FB844E8021D
+907EE02C344DDCB78559AD7FDA31A3031D5CA80C004DBC04BE54B38752D49DFD19F1124C059ED68F
+6E85E1A3A848F98707D7413ED3DEEEA823D958CCE720B85303CF208AEBB9B799653EBE4DD16186CB
+F8C0301AAC6271EF9E2CF6732A6CB8548B7CAF2399287D6AEBD5ACC7C9D0DEB85BE38150072A0184
+51D3F1A8ECD784AF8149BF932E0422EDFC608B20B46D80D3EB68D746E1EF40423CD6FA218C9F569A
+3442B0E70A2D464DC59CAEBC9607333D7B8FB90349676207AACEEE5ACE8E0E9F9C5896751ED4DA00
+95D68C421D8754D665D3D58C682AAB1DD72EF9050894EB680110C3E7F02C3551D73C63CDE8B45E5C
+453BC9AC1FB3145CB6F0141B8E4928351FCE66F2A5AD534E5DD8BD901CEBFEB963DE2787095D7755
+81E588D3A165BD55B51F039992567B85FD3AE92C7526E33B44B8149E57BF7E57579E37611AA29DC5
+9EC94F583181201638BD4BBEEA23BB9EF067CFEC2E436D726F401EBA897480AEF7E38B9798C6CD42
+182C43B2BFCA7D8B6B696544F6B00C7B7D0D2C70D955304A4FC8D97E317C01113404129D480AF8E8
+EC0075A94859D5A79DF5F3FDC2EEF4F0BC1113D2C92DAB9859E9944DFAF557DF43AAF42B4FADE1BB
+F5AD6728F884F0D4E7671787F1A3500B00E62929147C72FED37CC222EE991630EC9AF614160872D1
+BF4666DF3B682373AB1CE36FB87C42597FF1F96D3D7B07DC8755C2304AE69B955FD2547D316E16C0
+458BEEAD37B904BC27DE764240E67A68ED5FB57BA1F9C7C4C8F2BFF745F3E6FC732FD5E37CC1DED3
+6EDE20B06FD832673AC78DFB7655D7358CA03332A18241D96BB0A45D16BF2A2B80D0A68C74C8DAB3
+F18936EF73085EEACA9B24B18EB7DFFA75C707C947E17736EB7B608C4AB90ABB53A53F44D8661485
+5D60E36CA31704053CC453F2A50B878AFCE0361EC30444F5D6009ACB5D9673E5536B11A02B659252
+A64923E738F494D6264824392234FCED4D66E0342D03189778D41AEFD907272A919AAF40066A304C
+6D7831F90B347CB8EACCAC6A726B40BE4671D6A0A591DC36A30ABBF91F9E780137D80EAD43BD49AF
+690A3789F39D3EBFEA9CC64B82D601B88805B6FDAC3C84C61638DFF1E391DC74FE4D08A0683BC5D4
+E6634F82F4DA357742764FFB2B8D264275F82052921F7647BD8709857BB1C98C205D13EE51C14E9A
+DAD1324562267D1931B5143A2ABD173C745B7272A6FECD532B5F189C8749DE0ECD3A6B1799C1834A
+414554EA6972309C48DAB44A9DC41D8B28361E89CCE4DE8AD6058469D2F603E7AA62631E80C01535
+539580E124A24E9387E3E0E58A63AFB29944207BE5929455A150AA58E27EC885CCF019CABE1B8769
+0AA7FD1F4166DF820A324FA0FE3B59F8B767BFE029A7E3ECED513A6CC622AA8CE96563219EE328CE
+BD649EE99E5F108FD57646926CBA30BE3AA8E00EB4CCA282AA35C0742410477E2E5771DAB74E4181
+D91DBCF25DF36BDBDFC5AB6C73A982A390416A23C8DA10655906878AF714C3478C8A0C7534F6022B
+80925A069F63834539B18D9CBE67844520A195019C15F8F858E91CC50DE001EDB52C89F06035473A
+022A718893BF7F6FC0B2E6CD4C1CB26E98C1A191EA5429BAE831F464971180F5EC2CC6E6F8F9EDB8
+2E2A7CA8C5656BFBDD618F7D31635A23C73F330EC76F4543C9795600F8EA45DF62BF4E071FFE3758
+2DADBF252F2A3EB399F61BEAE10BE0FEA537C272CE850026872F4BDFE5921245147B71DAFDC8EE88
+C509B6D8AC249557725FC5D14198A2DC889A4A9ED045870F767906A226826AC93FF1E09D75B4DF79
+8FD690C5146175EF2CBED8F03C9DEEBD95AABA69E98E25A98CC96820CF1C684F02E7739F525B12C2
+72613012143FC26919B800342903624AB29219E6266716E451C9D60A4FA010B8D26B56A4C91AE1C2
+ED778E35E66B49C4DE64021894C2B39E7C883518B06E04D198B7D056A24C3E65BC9E30BF2F73F2DE
+21E676A37E2AFD625220831F598E93BCBE098AD73FB6EA5CBD9D17EFBE6EE35FE4EE93BD3A75A2F7
+118EACBCCB82216DF70F56C2E82F77F072093824C6ADB800C66F0F26BF7AE513A490AC3DCF648DF8
+2E54567ECB9D6FE66E908748B7D5090910EC99EB9B222E92B058F3EF34A11918D6FCDDBE2B9C27D7
+DB19AD215E7B327689E0597963E6EC907A23A0EBFCDF86ACDC349CD8983EE83144B5B8489545AE2D
+ACCDC8E553FF4A1601F42CF82A90D571E36193BDF4A7893B2637DDC0C73EC0C21BDC4BE1D02BD257
+F4C240DD6AC53A321E13FD2EF4343B11B9C8152EC02EA6C4DBF7F66C9356647A948CA9E26672BD7F
+9B828FE109600B1638806DBB95DA6AD0F78050FB13AA580139C7198B1673D4AF9BB610A83A709D3B
+7D7B01AFFC0A740F03A5E2E3EB7AF145E3338D46D03A83FB82DD6487A52F9494A89717FB500A26AB
+C949C51FE25DEE8F78E199AA53EC1DDF9D767D8FDA77FA32F19200BDC539F00A23DEF166D97F0DF6
+64489D932D115523CED7460212BB35D887FC3507C2592ECF622FEA49AE2F04299A547ACEF75EB0C8
+8ABDFA7A042D5EE4C88D716B00E79C40173A3F7044546D093B988463623DC1649FC6CD645D01E102
+1AAD11911190D0B07C0A66AE7F9F9CDCD0D841A976A8298C26A0850FF4FD42EDECC37B97A19F7240
+3413098A81025E4451850EAF180299667A392B7D2E96C4068CE110CC3CE15C6E58CBB11CE21A3E9D
+FDC88ECF14A8F2D422E1CFCDDEA320DF5CAF93E6F9AFACBADCAEFBF542775D07EBF09A96F0162438
+62662AB782A464DC7A96BAC2B0F0F043E83690C3B24432F61293A1C5B3699605EEE8339AB079BA1B
+A7C65ED392B6E94FF817CC25AD32E89C95A0667F124F26B11AF5B45A9AEDE4F443429ED30130D7C4
+68C940A7C538ACBDEEF77BC084F8A24FD0060BB9CC12A710DB9DF03CD381FB6E76F79D3DE40DEA4D
+FEC56ECAADEAD68DF4492DBAE69EF1663E2CF90614871094BF6F0E1C9FA0EBB2D34923A19A557BE9
+54D914F35BA044FC800D822D88B5E70CAC27D6D56C66AD6CC3C7647DC679C8D3E1D39AA8282BCD27
+982428F5FAAB76EB16BCD26A1685C044E3C7B87B3A1685279DED690D76C0F1C52B76FD13C419165E
+754BDD7FEA75E26DFE2B916DD0CD40301CCC945683C8E1F49A03A0DCE1974A76B754BF04D36C2693
+969FE4C6C39D60D995738F1DE0ED6A7E0B80B40BC14B440B6B8F1085E83995E224BFF4EEC6F67EAB
+103B4BB6D21F9741932DFFBE85C0BA3D2AF925D670318D1157FACAE9C09B3AAB5B1FCFC889348207
+8D5A3F7787C699C420C9BF0883D3B8B3D7753E9A146175245CA9E2EE04FBE258B6E42334EF141A41
+D68ABA286864E72F0E4ADF41C1C96E60E69320E79211984A734392C870D72B8C236AD631672AB9F0
+FE48EF2611740799DF5B3339BD49697C4DFC0557C1022AAF15C24FDC54FBDEE2129EC70473A17EEF
+D202EE43A1B5C7B78A299B6EC8BC7595FDA6BD0BD22E025E8FFD89115448D99FD27BAEB680A22C59
+7295E33201199E9E1E38AF099926344D1B7CA626166CFFBA2F3D1C15AD63F0C6035A5B9BC5AD644B
+3D5636C2FF3B9403AFFC3AF0460B328C390D3B416C7880A0DFF10BF512BBB933081FAF4B2E06C093
+E80950F08BDEF07D56BD042433CB0A0C72E1F17692C9F5C7AA97C31AFEFA39233C62D5430F11DD31
+478E86A36A8AD3817B0AB397C8D6935960D905994ECD2AA8299D248AA274AE0FD1F1377F0443B37E
+67DE63151184DB5EDDB4DEB9CCAC76896BEBE32E30E0F3C2557429FBD4B85ADE7829428C5CC95CBE
+018C17BF38FE4B26B0AB736FEF35F6E3DACF0BEBB3B795D7982075B75D87324AC28D7E5B446F04F1
+0A001FF191A5FDD10B4729E57578FC42C26D473F22C70D5629AE05FC33E50A4EBA2C5D4D63B1D147
+9ED7B8FD7A0D824413D06437118C788543A21520653572608F9172CB1D1AC529280AADAEBB5A4E30
+AF99A58EDF2952BEEA29F366FB6FE7A804DFB1D116B73B45033E9E7E9767A9F41F2FAA76F97411D6
+420FB211B4BECF6C785FFEEBD90AB932E82EB0AEC7ABFA4A7AEE53E2482617576EB28BB2A3C7044E
+15F0B6521F3B073021C3CE55890951E041EFA38937F2C0683BAD1AF255CF3747AF2F0B8A92BBE44D
+88F7768D35B8F4EAEF0AADA3A42E26E3E3EC25E286C40808665B80C6265716DEEFAE3A86C9B54D34
+74285F3BA2946302A065B800EC7A9694B0B715BC86D3EEB649FAB8A47D170550D9213E8B8E9367CD
+FC8527955263AB2AA55FB7ADB7DA9A4E727E3E69D9C7946369CC078DD7751DCEA1C0601C57F4B5E4
+48BAD7F5F8A919632178C77B7B5F95E402DD808AD59EDC020D82399DBD3A9D9F3FD089B0909C171A
+940673E361F5728A89DB3E2CD0AE2009A6D64FD85ACEF62F8B42F009BBE11EA0AC14525C2ED72E03
+0DDF4F670D18B94C07C027509F281F7B59D854A5E46F4DC544BB320C427642D84B914A2E5043B1B6
+FC94802BE925FF260775F6D17A5C55C5A5D5931F88E3D7E8485D8026545CDED1DC96D1ED7E0088CA
+ECBFEB99F110A5CCDF7EF3B4190F3DA6ADCD5A46DB27C0F076B558667A1B9ED967363799307E77B0
+9859909B4E86A27639DF3A8C0B193502FD22C0298AE0398E7D33C3039D7878922AA9997C93F29655
+5F5D7BF3A34D46BA5592FE2DAC5A32DD9945852962457B81DE4B6B9050660EEE1A0D95785D824A5B
+DEABACAC8A8A90E7303093F0DFE57ACDF0EF2843DD7497B1B80AE7E883735D9BD689C84A61DE8127
+3E2DCA2F64B00B62F0FA3D3B5359241525434847763059927565F4D98CB8AD1842E31488E4C1DC58
+4BEEAFFE1D3E76AA2E6C81CE2DA9F00DD32841412695C8EE17EA60499E99B97D30C32DDB0B9E473C
+E65C259949129A4682DDE5DEAC0611464650236934D7C57D1EF7E8B5D9E5D7458F0FCA9795853710
+F37B5C24E39D7EE92B2D4066D533A662AE2B063B741559B24AACF24DAB6FB6786F639ABD8B34C7E7
+AF20E5FC999BA74AD93CD821B545C2531C506719605A64FC06DA8907550087A4599EFA621DDFEC17
+B904B6115BF94AAFDC56F3570065D75DADA1AB177F4C333A04A0119A89BD209DB0CDBC5DA0C8B99F
+EFF54B2F4FB4BF95AC573EBE6D5CC8110E6387365CCECA5630F5105C887DD5803DC1376986456634
+C3B3BBC235A72AF168CD5B350E0A8BBC303A2CFC37FF627F4697C0D19BEAE28FC3996E967CEAC4FC
+8D9D309E2FA65172E899285BAD3F8B45B38C9C2BCE94C31911079850A040C08789EE377B9E652A10
+01EE4F44420757358E183D48EED67C3008E6F05C3971C732B98ABC24271527B267D8B10735CB1FBE
+773E33FA51B5B472E402676E3590C7BE28BFFDE77AC34544718A20833C9891A176AA3A62D686E072
+7AB2150A1E77FAD5012D0299593B0222CA38CED2B9953B1E5893F176132F1197609D04F2F1D647B6
+F44B2EB0AD94211733F226B570E9D963AF9A6DF04FDFA26C0BDF31EDC41DA521F9D0090A9FA5DD13
+B9D977329F6412815A8C52C3290DD42EDBD312592DACBE0BFDEA209F389DE8E4B5D8ED51B46F1557
+C2B50098C2262D3DB298E12C0AC3E03B82CD2807CE04E109ADD00EB181D701E4BC3622DE8A86E977
+3D6C4AEB830F3283BCCEA663AFAB740B546C3577E9182EFE660AB380F0504590CEEC89313A608A29
+9F9DFFE22DA6296EA3E39857D7229885C78F097E7E7845E6C908A0570D4ED0AE320DFADB7AF87E5D
+F85AFCD1B271B672813C0A0E2EFBAC5275807ACD3A2F09EAB95DE6F571E3F3C827FB3EA9DE89DEB5
+4B8B14770305B23EDE569571D0BB8BAF4811E12A0DD5BA4809818D2FE088DC1CD4BE72EECB36C819
+AC25B41BADFA27D5839D548CEED7DD18F5F2BF69EFCAC0ECD4FD942995E930C147E1A7AD93628180
+E62F20F3779824324C5A1C35ECEF68DE30BF5DFDB5DDEBF66CBC459B2C7FBCF0ADC0274D137BE67E
+B22FA117C85CF7D52BBBB4CA5F9A6F73AFC23BF2E23B4B1EEACD33DAA3187F1D104843876EB44322
+67EDDDED02B6A507D13E3B9F012FCB8C9F0D14D951415BCFB20B3211B5B9860B0C6826BE597F2F9C
+94DA2788E65107C5CC77CE1265E33DDE9378AF9019E7E68522997470A52088253FDCA09AF9F071C2
+988CEBDB46B7F7C8D08B5467A1B3FA0EFC552C5E20D4B9D565AFEF9B520FA2F544E802EB8E8E0C76
+21FF63F4A5C0C59F94E9E1731D8F3C80C772805DE264C7501E705BB21EC37A1379BEF8B8A9E50EB5
+6FE9CF9C10C9D25CBDC68124D2133B2DB6348175537EF872CCB8B1787330A5ACFEA87E2BE6615DFE
+442EC74BBED30021A0437ED3E9DBA6EC49A824F0374B446271DE6E1B16AC74816F6216BAB7329725
+8CFBA83C178F5EC009C57404391898BCC3314411F129F12D68218AB6D0BCCE2E5AA9AA1D5FEE1E2F
+0AFAA4BCC3D226C5512B456CA8F28DE54858F18DE2B30AB4FA02840859988BDE7ECECB4EB0002523
+C6EC40BAC2E7ABC411329F803DE2DCE1EEB354E4E6771E4328ADEE4E713AD248BF4F91108C52B169
+140F33D5C56F1EA2240E7E182C060187E29020139C373B4A6CC4D2156F7C15590D3C07C98535853F
+4DF901EA9F2C66510C190D9456EE037DCDAA428D433CC2231B2B627CE2B5304B6A4630576BC48984
+66D7A8BB75D53ECA10C74D434A4E50B1A706ED6C7BA274A9CAD5D929B9BB8A631825A9C32A8F468D
+578507DF2291DEAB6338ECC92CE8664D4B1C211A4CCE186679B6C71ACD5655B97ED8E552B09C1C85
+387749406C549057DEFC059CC85639203160B8FF05A48F7D5C4F452B111891846A521674C0E2734D
+50B8C7E7B5D9F438C58DB139A6509DE3495388E0D7AD24F64FE73707C7BFB8CB06FA0E0C41346B98
+220E007E28515428C1874AC996819F16CB152C16F89CCDB3F9C83070AD90337F1823AC0A48B72749
+C6C29A8FDE1EC2E76B0D29FF711891EC81D0ED0B3349E9FDC413047731D70C33E57D2C4B637C8FCA
+B027CADCB3E11F94F61CF3A56E4D90E8550F456BB90638DB6118229C9B74C9533508F343C0EB422F
+87627EFB562C7730E1A804E3E4DC80FC0F199CE210045ECB1E3313C3364F78A500A8ACBFCAE0F7D6
+56FDC8B1BB95262A32ED7562A62EE5CF989235D1E641D726F34D215242D44A946662EE94E765A3C8
+75557732FB4DE1CC2699202802D4A5D99C621478C1C6D583FEE8CBDAF54C73C8C17BC73F1B414EEA
+BD901409B83E98D62749F9E742FCA7C632C176D323E72FAB241D143950B87AFCA5B7B75936FC6638
+1FD0E537C30D744E970A08636D27AE7A277F3838BEB7D1BF821F331D483FCEE4EF9FF98F350B5B3E
+CF2D6A5BBE95862FD5DEA6D3A5322DE6723B5201FF81EB1D1BC5BD0F77CC1737837655BE23E0662E
+AFDAB16BC0635F40DA516BEBA8128C414D6EB5F5AF5F98B8C0129606FCF536181E7A8ECA563BBFDF
+0AC65F1932F1DF20DDD6739F7B1EFEFFE282FB6DF35222E8148FB5968BC7E40A582D7B146E374270
+D3D014849E898E91997288BE44220B6B6E431B7AE3F2F7C5BF3E3444F5088F9F42B7F676EA14671B
+C70A84B77BC275E82516040F7B9DDC582C0FE335852A83C31BE3B3F716F17253AE57372D14951A2B
+58F69C2DF7B93052823311E4208A72C10D0625869BC5F3808D231E86CD259824D7E6C7669013CC55
+B61E4C20C0041C35BBD7F1C291EE7A3CAE016A8C90C56F22C515375252FC3E188B80940816EA5117
+88A2FC7AEEEEDAB9E0A33F2C82D886F9BE029BFA1348DAD16874751460DC149CAB5189D061E7C804
+1939D80A03BB529E3580A235F8C37EE25C503BECB9C31CB91904BFF4460837A1165A7474C83B5773
+5945BE04F3FAC3381310E4BEF8D8D4A7343B75D23BEFC58060C48BCEB52566A021C197ADCE5FA025
+1AD31CF2F90CF6A72122C38FEEACE6BE36176B1A990DBC42A33F0BC0090799C2F6C8AE6990725562
+B07725B3DD15C9011205C28700DF82AE4F00F9842DDEA3BB5C15D3A4CDCD18E692427505D7B24CEB
+40CD7AE0D81A4C83A0F9ED579F924FCB19D9D017E60C6500CC64572E0161EBA57EBC11A5932F24FE
+9F1AF444B3C657AD162BD39682D23D6355EF5D84440A124138CEAC85C926BDF484AD7B976D9A44AC
+6015C25354DCD72A889474F31B8BD3CB7371B95A9729FF0E46EA3644477AA4C11FF5913D917B7742
+065F0593482B6E6EEC9EE63633A6A963819F3E6A2920136B17C982353F1F071B3D585DD24B22DE9E
+EFB2B34F776DA85F85E9E107D16960AD67046476ADEC509FCFC64E8AAA6427935FC231C817A21C71
+6DCCE088EA4186DFF0A3A7A1C367615B8E7462DA176C9F9EA893DD04E29DFBF88679991AAB79A172
+48C06E2BCF3B91C108E09331FB57D94BE85EDCC66DA8225FF4B38E12F8563398E62622EBD2EAB098
+691EDED4D5D7AFC360AD6F263C043DAF483DA05CF70DD8BA8F96D2A5A87043DFACFBBBB3F8A378E2
+A896897DD48D8B13888A023AE6AD778DE5FA991907E731E5C5B0A3DABDC360D77CC71C59C34506C6
+39C21BA9FF7A9CF322C21B457D62F20448BA19CB765C4C0AE7CAD9A972F60ED60A21C92AB665537F
+EAC8738AF8A27D3946F759162731F62C0A657CED40C66B8A9941EC2559074279CE0F6E10BE3F44C1
+D517E10D85EDA6BB6D097F4DF55A3DB7D50679675A781FA1FFFD6F1A8349B2870C8114A05F5F7645
+3B38446D57ED63FF8731661F0FEA79033E4C8B5CFA29CEC43355780C5E2EE86CCD449577EBDC0140
+47AA5CEC980CEA8200867212DDDAC234BEFC9FDFFDB43DD32F44883EC6F2963D4D28171E19E144FE
+1BE2B8FCE99016691A00E4EA594F94E973E899D14DC44486BA6B4278DCB292FA5C7E6D73068A3BA5
+1557C3F072547E7F2F869D4E9AC03514276EBDB0920FA04E67E2934A250B1A502A8D06A25037CE59
+920D0E136C02D5DDEE2EDBE31A38BA32C4122AF89F295ADDF579FBFC72391283DC1914E9322A63E9
+44A280ABE7CEFA54ED2EF42B79FA97EF21EE83EF20CE34850FB66C378EC7C08B2BAB924F58FB8123
+FEFB43A385BC1EB922AD8360750FC1B0D8A303AD19286308B7A39A5086A50A8FDF7D60188342A9F6
+42286540945790524174800F8C44ED71306ACC3437FB49D8FC43FBF8E88103A76B4A92D95DB9B45A
+FA067E31EAEFE6BC818D11D7CB8566BAB418B596A7494FC7326AB3CC029D010917B305CE585B194B
+C5415088BC7AC7852A6D52EABD223E2634DCB29080217F6755B023C591F08C7E5D72267664136639
+9766EDF511FA744675D473AB37BED0ABD92E04049AA9008014C5EEC1B0443C6C86302CF6A3C38BDC
+B8D9E0538E349BD930707DFB002700B5EB427192AD6105E01B8C2FE488CF617E9EACE73EFE3BAFD0
+F87CB57E02AD31627E6439188006655D6B992B393F4858254C2106FE9A3F0EF7347347C66C94A999
+D49527A2A177EE20A08BF594FF1E08CB091D22A8C1569320EB5145FE4A2674151750620B5EEC822F
+A48C5F8B565DE0E18AD05F99827FF24D3BE03B007774F25284844D0F1F8F95643646960F303A831D
+4C2C4ED9E0664C1D705137C157671D62179B47FA4A6441DAE99C2F7C8765C4C931EF345CD8F92D11
+E290B2FDEB1B0FAB4BA661A4511F75768808AC1DF2FE79BC285B976D364ED25C64EDEE62E8E035A4
+B79344D55B1E7E2B43AF1CF94ABFC8D0CA5E89240EEA231464449B831F1B3F9EF01AD07B38F0B402
+712A0346892A1DBBBCDBCC827220CE7F492CD7471FAD35B43E71CA14F1F1A9CEA740C4E1A98337B1
+5EB97B10AD57DAA9E9ED134CBB4614321D548C6A71D8ED95900E7947A7E4331D7DF3EF367F6DE8F3
+113A7DDBEA0F741F9C189B8B586B83671475A492AAF9994D884FEF3A646ED4F272668DDDB05EA230
+399223AE63088D636AE6AC7CE2DA06CA6AADE9272FECE86D0EEA8290B927B17450DA6F34A3D566E2
+096300CD8D5A34139489228ECFEB104714FF907A6E1D3DE35BC0FCCF45A2781AFC5562CCDB627E06
+F23DDBEBD4212F36C332C4A5A9498032213DA7C3FD03FC4832D1F2AC9EFEE3B840BF8356A16E14CE
+989C37E6234CAC7A215DAE7C4DE2E2B6D9A876F709422113B503556A4BBD0ADC107B6B639F1BAC9C
+6FAC7F4092D23C04EB8684C9D0A5F184160CB660CF6E8672ABE1AFA596EA86890DD22D0A406B2118
+9BB626943F378227132475A25710B75E5B3BB2ED7DC0412A0A079E2AC311ED55AD8E7B2A1A55FC84
+E62D61398511B70877F3DDDFEE5D033A9ACB66899021951378EAFB9E9A799AC9686FBC2E9E9B3A51
+6DA9DECFDE87FA4BC042A5D26C2117E29AEE8840B18361B7B38B21493401E931B431EAB1A3371628
+EF13BE5A0C64A3B9F8B6A29D209884706D2A9AC85B86E3839706269366EC7E53F31BA4219F741E55
+21E42F0A10B7B29E839B924AD90861FDFE3A3D446D1E32C06E66A5D7187A63E590000D1356718648
+7C99BC31088356C9ED29BD80C61E442B81E15657AB191E90EE77A6804C762C45D3C1937EA17454CB
+D76D781A0C96A0914B9DE3D3984BAF6075D3A25AC69BEB34CC413D26C39824B83F853DF864C269F6
+8443970933FEF93208BAE4DB3BBE90DD3CABF6EAAD2F6CE664CFA05999FB1CC406A3502DAA6C8145
+3C69CD218B18BF0B9654FC3637EBAB8007A2EEA6ABDD11FB338E89FEC84B344857804D028F849E44
+5982E294384A442390AD36D7C4182EDD7A05BE6744FCBD3BBE6FAF4796063CF42499F2DEC302AEA7
+B64FEF6DD74F278FB5C2897CFBB87FE03538B2739E25EDEB806142E0030F7413018EC1833840BF37
+269E21DDFF67B8059BDC83DE9C6461F3EC2BC2224D2585AFA2AABEFE7D3B2A899C3E08F00AF2A707
+55C145C6BFFAC8F96B54EE682C3C8CE01BB44EB574E1C721974F236E8A2AA28DF0A4AD285EC4DE58
+DBD3A2FAC8A20173AE84CBF877559ECCEC64D9448F8CA0FE5272BEA6543738D5EDD54B73AED3C4CD
+172F91C4F70616B36D37B1252D355820DA88536C829B1542C1EF4F76375360E7123525744F55001E
+71F5AB1E5B39A5248CCC6789647F1FAE5E989A8A8ECAA2A9116ED69DC9B9AC25A743F70AC4B62D72
+5F120D94431528EF8C74611F7529BE325AF84663989C219B70274584D1EC4485E11AEFFE4A29F534
+6912577C010FC753DB47204BFD9E504027B335EEBD952FD299E5562407234C5DBF0B839D1010AE10
+5D56766F87910E44AC7968842833A302882AB481FE0AD444911F7EB8555DBB9F3D062E9E9FF3B529
+4E9A3B3AED4AECE34C816BE7FBCDAEBA33FDC491C725F13801A6BE162F7F8E99491E8BF77F2D2010
+D9FDD78BA2606A28810CB5D88CE00218D49609C62E96BBD36110DD611C3573EA341FD2AF6FE0C932
+58565D4A6C88CDA3951E287168A478F5EE074BAA9676EF5911D8EDF8D66A7E8F3BED1BB786F480F4
+423C3D3CDED2E80AB76CF5CE5A53B092A44FE52806D8EA72033BD3E7BCF1DA9C870108F32D8987FC
+25E7D873985C3C4882A5CDFE7A8B51F3754842FD6F1FF6235DBB88F04989BB2F2816A476B513C10F
+AB6F81CF115EF5044D3366A4E192EF68D385B6B6F4BDA7D14D9627F40843035CA80DE49F9DB52CD8
+714F769DF97F73E3152E8DE34D8C37163D485750F8F4E37AE8A3C3BF54D97BC3B2978985B557F9E2
+9F0537CB743EBFA0B7864BBEA9C126F13C02CECFDA50A8019F90900F409B6D700CBB9EEE18FD1952
+D496DBFDBAC800FB83B37C705367F182D91B21C7F6C242D8735A75343C84DBFFE583337DE2A95890
+660584B513C5BEB7A0926BCA7B7DC3ED4D080CC3F1264A4215ACD35DCC62D896B4354F2F7254444A
+7235E0E3D53D02583710DBFF2CD55AE5E61D25ED1B3C3B6708E5BB308A3D658F043C26B881C949C1
+0940AF6BDFD2DB0D544DE119BC7F7B03451E61FE18845000D350AD6D04A09D8E3E999E6DAC6AB73F
+818A11EAD345EAED03BA083A6EEE7E9CA8CFB760FCBC88B8DBE0887F79AB430913604F15272F9C73
+DAD19D591B40CB7863414A8FAB21C41F80A4BB0A3AFD9D4B1322487429149470DE62F305906F1244
+2AE20521BE034F159A7E7EA211A2FC6193AF59CBDD4B43207BCDE8697DD515459F80F8EDB982C97C
+05ED3996E03891DD7EEAD505F6A71A924CC1CEF29053ABC8F0B5F56D0DA1249F317406822C225863
+ECEED46BE0072EDDFDF5F63DC8E94FC119087A66E394A653D5AC774407B006B35C406E7EE4385565
+78290F8CB8B131B88BD78CB87A11CDA44C5A199BC71388A81F2F30E2C003094E793969673E8D0906
+1F4A3FAB9B14C52EC89BACA1C52703F000A967EEC445E5423D3BCB9253D91AA64BB26727C8461FA7
+FF61022B4C6A9E793901D3407487B4962A16B564CAC93D7AA28A22C28318F69770E12DF9D6CFFF17
+09EE0604890191217696AA52630231FE11153761310A72D60E6925AD6B9D63A66047F32B9425C91E
+57505CFFE42A90185451297C2CAD408B0CA4F8E923EC26A3D5D66448550AFA3CE3BE9296C8149878
+F853F2A7C3B2E98899C8F9B47B1405F96D2B22E9F1CD62A2945AB62F67AB0297982809A829826BC0
+F24A7777508EE0A71BA7588663D8118E3BAC936A61FF4A628EE96C0B9AE05072A5A4307E68EF2C3E
+97A46EB31A2A7D4A33CE9C44E1111D73D9D3C6A0F22F50D8C22153C2CBB5BE187C0F2F37708237D6
+FEBC445843CF88F4C3A249B39DC971CA003A78028F8A2CB3BFBD2C26CFE457A9561350AF93E60295
+D21E1C2024312B1F2F76F2EAEB822CA72412F860F5A87DF705C2F82E681AB9AF45A19023E02538B6
+9E0F273BB4811F07D153029BF988D3EB66358D987895B96B5EC4C24F3409C1EE1B5978B1EC8F3E2E
+75FDF2BEDB0AF0CC66481FA98ADBA8DF4D8C8EB800F88C7776BACEE6F61095FC2CA891574F309E1C
+0C27E37D8B03472DB3FB8D6668E286501118F7DADBF1106687AEC6DC4C162D22E3BD0BD42DBED782
+BA4707ED5181DAA9ACED58FB358DA0AA9B63AB4394D42360C3F5082A6F168CF41D381073A1D99CA3
+3BD97F62446D62059BF4A8616A8809147B739400362748EDCF39FFD2BF2C16D4632C06A5D43B48D5
+0D0B98E4449B4F1D39659DCCE8AC72A2E8F32487FF8686E550299F37A6353A8E558D4A8B074C2F5B
+864DBC8FA3391E3B5135FC738E4C13868D67234489B6AE382792FD5214D5F9E5249AD65C433C22A4
+D63FA7A36A48A339F443AB39C23D2025741186C8B18AAE9952D41E25E930D6905B29F85A4589E9D3
+95FF040E3F72FBF29650D4DA2B6FA27F60DAC4169DC9764021F4E7E094FA25F6B5AF25602C593266
+ADED528EAE6C967E66F0BA05F258E34CF6AA5488D3F7406C2AA9D9FD9C533E827F26862D348B5223
+A690E40953F337352C8245F1861A19E5326490F2A9742917B5546884E8036DE0874363F812CF6FF9
+574DFD5BA77A1DD7C5778B2B9A2E22F2482744E2CE9323E590C60FF02412CC7AB0EC30D0EC857D27
+A4E3D8B35FD69FE28287B2160AC0BCF645A0654403D26B05041654B17D82928044BBAC40871BC3FD
+D8EFC3207928BDE5D66926ED199017B223AAEBA563F2723AFFAB737F6482DD269F44ECCA3B32FA03
+FFCE3ED882B449BEE196F59E6616EF1A2F08B42B1A184727D5BD96DF83972BE1B5F8CF098F61B84A
+B5BBCBF231E099CFC07D4748D43F129D123FD8051628564931E43A70BC09BF20AE2C0ABB009014AF
+89753F91ACB574C5A218A47A02DA3AE44D3F688F9D96076AED9EDE7388B2935C01FD400BA7EC9574
+96E317C6931E3ED7078A53CB4CEE4E56311F4D8A368AE981606AD7E9DB0EA2A10E079476D9881596
+8C9675D9CF15E29B9328600FECCC02B484D8749B4154D69CF90997AD650D881735AA71289AE93FB5
+8C56686C1F9FB0E696CC0285A1A870373E5DCAC285A1B4FE903CC30B8ACAD2E4613873ED77D813D2
+9FA4984A7530F5B046A71011D97CDE4BAE9648AD54537A1D87A5AF1B92560DD7064F3EDD3CCFA7A4
+FBD6166D067945F103C13B3019540C3FE706804A7A00E1D28A0C26A40AC5A8845E39631A00099CE9
+88C3F12C8954EA84BF268D99E2E13726BF9C63474A5FC874CBF723BD48A5461177789E11B4F1CC63
+0FF4D60DE4F01422C1029E664782232A8BEFC38CD058135C79E015A55BA933AD8D446A81051D956E
+429779863DBA60F4258DFC62D1DC3CC3862C5D310579417FEF4D7642ACBA8BA5284DC5833F581150
+ACF91709D6B3A41395960197AB43E63B8C6C2F745DEB4647E298341F3E3023D7DA22509340E28140
+97A0C193493711E60C5DA99C464D8DFC83A61291BD0E13AB6A42C81253C0F1B37E71E7706BF2D662
+76C60A3A7DECCC58E56524A200F8C6C0512FAD2FEB51F5C24109E284FADFFD8484A7A053E8EA544F
+AFC1C7BA21E4824866090E542B8BB0BE603060A36D8A8CD64EC92D6037B438EA6A7F3A23E9608F29
+02E8DB10F2854D89E2CE6F093E6804299305BFF3D1601C2830F793B92CC2542A6CB0E9DA602E00FF
+DEF234702D0DEFCD270F2984642F13B818F65BD407B61227A94AB11E7ACE8D40849808AB3A7E6EFE
+B2D4F3B9FCD233B8497B35299DF28F651B0B2960B4545BF2C05952229EB1CF676DA761995413051E
+885A529957538A8B2C6BBDCEDB2A3F4104004B880624C2F55B544EEE8DD29231386492598C2BE995
+6E7BA78FA75FAEBED43807FAF072839BAA02333D38BF4A59B1F3ACEA5C7BC188C0BE8A8BCF2069BB
+E36BDB2203EAC19D249C4ACFBF8F9717111B7F4637D631D058EAE0CD4E4E8A9F0ACE1BE19B3A241C
+9C6DCE2513690473D8F4A59E1A7FCC926885CC324086981FE0C6AADB8F48116822C59B1E93F53829
+77CC88B82FEEDD2B4CC6095691FFA1419D5A6850D3576C4E705C676850D0BCAB84D52791355DCC7D
+70A7F5CF603B4D0D7F0CF4F25AEF44F21A2D627D45D306DE0BE1C794AB90DD1EECAB2D61A115D3D4
+AFAD1914E808B16BC868FD48208E1F915B0E8ECFD59AA5895CD7ACF95E0DCE87DD8B12F683C8EFD9
+625CD388337C262013626A06ED60556FA70A8D425D36B48E430758AB4CAD34A656F457A60E4DF933
+07C4D5B2698501E6D1F270CFF70E47DE38A5FCA2B04D7BEC3A2945EB93C49F1D366835581B42F43C
+C99D71F13F45A9FF8D12E26C43E1B994BE5AB44E5309B0F936D78C93169D666DDE6D18E33A5E016F
+32278897FD7E76BAFE39498C6A849F4A6D882D109C40B42488059554CC95530FBBAB2591DCFADED7
+3EE5F2F2BBF17F4A131B8126F9E0AEB4B379CEE4EAD92A1BB29E3789EC19671E77558B4DE961629F
+28B49DB4D8FAAF541D23205844EAA801FEA468D26F32BF9CAC30BCA244246A55F600BFBB61C5E8C4
+10CA07319DD094770DFFC1CB700DF67097F61C46036353C8AB3A5E5198445A194BF189E20490E970
+7D2C03C1A003BC782A66841AE5DDEED2297BB6DD019C98A66A8F279748DA39C85CE2082D09210EAF
+CA995591A1A3DCA52EFC9A752DAE0CFB125127DA2932AAAAD7E9850AD78D48304260B4C270EFF12B
+160DEF2C2B8E30E8C137975AD20046F37A72F1355F31D878334D96313D330C24EE7350D4042AAE2F
+A345EDCEB133121D4B39645B1D6114D0597C3301B4CA56DA2B4A457D7A51BD13B7AC61FE6E1CD451
+6253F606FD4B57E9F4895CAC93691EEBC2AC992CC5D122DD3FC6A9EC8FD337CD402F03F901CE7986
+2F4F4E4500617DA0F913E357BED3ED04F49FD61FD1C66606CB231C3B7A5042C7C07EAB2E02BE8CF6
+AEE5E16B4AB725B5FB5D01EAD4887E365BC2ACA579BD80E0AA686E4A08DFFC70F99132353E3D5898
+5205807271753BA3DB7264C4567DF5FE999514F28E1DD6D3E966D8810978B140F8DD9BB259078A47
+013BCF247C37F543C0899B532F34843CA56F18F688B42A12DDE2A90CA457860540B6FA138F753DAB
+E7331188ED6F535480FBFE934F68EFB1C9C16D4F11EDB35F944EAE63751101928EDD0E7AFE64D7C8
+5E9CAFCBA88450DEF9122A245FC1ECCF9EF8DD94EE6A70CF16ECAB39B52597AB1E8C47B6DA4FF0DE
+C7D0FABC84DDCC8C652DD7C941DB3FDCC5F0542A8F433AF9FDF4D393E123884E1DD5D359D46DAC61
+0694020BAE84B3BD4C068E3BC871BE21DA13571BB61387E207926769236776B5B31A4A462902966C
+DC3D92BE171F10EF8395D2402F0C492A3FE55979CB903CFF2CD2319CE4B46481489E798A131635CB
+2E70147193FE3C8F4570FD01BE10E004B17341C4DB8B029BCBBC45D31227A684E5F38F5D6F0821C3
+ED13D31DBCFF51BD759C84A98145FC86D82F871D2D83F43C3DD7FE9A064120338A7BC63A2C60667E
+25B50EA1C267174B334F4437856295A6B826F54C3EA9ED39CA6909A0F6D9669F1E75A7A05CFBE7B4
+2C330668E311872177F0BE3A9B3EAE611EB48721AAC2F10C3CCD897CEA8A136E5E10C2337BC5EEB2
+FBC1A3646A6B6792CA3946BA5D4D135D929547042A2F0D0A202A4D86E3F7098C823E7AE4331CEC6B
+607F6AA434180B4153F6B10DCC914A92D6D0934551BC9DDB3C78065B2177B264216AF5524D798AE6
+2A90D00A70CB36C5B9950499163C2C1B04339FA76D28E03A4D0C80FCF7BF29B8A188C67EAB6A4BE7
+8C07713C7EE09043301B5BFD60222DD0D0943180AFB286D2953A8A12661986A4812E2C0DE5B3E703
+DAB34AF0E9306A5711D286AD09A3C6AB80841491BD0E5A1D1ABE1D600CB494BC17EC4F74B45870F6
+AC41EFE16BB6C87F382DFA4B2B8DDC9C2E912FD139A2FFD5C92D836F3D749EEB985C62A376849751
+A6AC56B1F679A85FDAD9448DC7A4CFE323AFB540408547C53297DB6FE9A0B08901BC285997934A2A
+1772090FBA175CF4660764B87A21A738519D5B619840D15F45DF3589E8B80A6DDF1F395B65345869
+58C7060DC131700DFF6E25962494583085E6F8BAEA557A5666E6634E4704D0C07BB0A2EB228A7BEF
+EB890B4EEC638303B8005BCCE922CF3A7AE627206F2946A142B0095FF960BB8B8F9C975B6FF07479
+2D5C3DFA125B7BE7A8356D8B44E264AF6AA582DB84BA09D2FFDC2213903FE8FE16DE5EF61E518DE0
+6A29D98E217038A4CA4D219E4F114858CA493AEF0CD6495A7C5EF1ADA06AB543051B1A5213952D46
+648BE06D15B1728768BB853CE32943AB0988D172227780CE82D1A1D297D0D6ECC51B290E156645B6
+9BD54699940AB17EBE10EDF258BBA6BFEA39F4F0B066FF6B3FA16C7C72F2565CC028F249BAA4B488
+B48A2513DCC5D1E205FB874BCFE45612DF4EDAF815CDD53CBB80842B429B1AFA32D35EA58E17F4E7
+252C2C9A737AAECFC25FD8CA5520D3EA38AF71C61B88F31FB53A7F5369305D63495ADABA455C3C4C
+35D9FE423A00CFBB278CD482D3FD33BEEAC1F359AD9B6AA17D60CC46FAB670ABFB3B2B4161B9EB9D
+949A06CC3B734F63DE821FE0B8EA065B6F79C0601E46E8CEB6E2DE0C052771E0EC7012063F1AC46C
+3FC454767469225AA266784DD77256C6FDE25D7D857FCEF2562AEBE38A9A47063AEF91449723E680
+B36D824BB95BE95C9802F7AD4DF1AF37B4777A1E116A7EEF770F0A499BC9F9675A775503091D4EBD
+F55118782E3E54AEBC67A0545E8D75BA5A482C6CEC50595D45AF041664689AA4338C1428870CDC15
+BFEEF788C1D1E87B3389103225E2619120B129FDF048DF3F5DDAFF1CE87428E6BFA591B91D82720C
+E4A72FBB952403435248657ECD5456CA814FA0ECBE70BC3D391AEA0A195AE8FBE92D054AD0F3E549
+841ACDCE59DCAA9DAC20348A1D05DF7B4127C75F4C6607EF8501F741CBC96AD8D429A4CA8034CA52
+9AB673EE706F1FF51DD93F45802031EEBF8F3AD29D2A74888B1CB344F88ACEB9B4DEA13ECAE0A3B7
+1FF5CAA38D0DC484B96E90251D56732B85DB8A8DBF10E0A5921121CFDFDB6EA9CA45B98584401C3F
+346BD026DA2A17E75CEEB74E48667F9BF5C538623E88021F0C24EC7D082C3E1FFDE5A6F68F0F3F6D
+2B61547C4C14614118F7942851B090D6C8D80BA06D9139CB5AEB0EF77DEF2376C0BF602FB1083178
+27E86DDCC00622438FD7A268C0252CA2E20DA887A9D5ED251FD5CCE811E514D702206E413DEE7528
+3A6AEF793F5E3E3B0B10E59226102DF2A7347A95B96E39C6B6ABD1FB4B7CDC0813D7390E2819EE50
+7E5458E06D43CC3BF16E40CEC4E64909615CBFCD233B5D316BC8B8B46243CDB7F2FBECA2F208D0A7
+985048E88A5E685A9EE8C3A351FFCFB522C1EE41A8E4EF0A080C0D110D2A0D8A980AF1F604D1CD52
+3CF41D08A45EB809AF11F530C138F256FFD49BC20F77005D004AC85FD563E8E8BA5F79CC60FDE714
+1416F4C14FFF281ECE2BE1D167B7B1ECE17790454F795B056CE4DF1D08F25F0E5E2A16CFA066AF97
+F3A80015068FA2A1D65F329A5CF7856114A77EE7295C7929CA27796D8C51B31347CBC7C4EEF1E75D
+12237C558BE5B65DCAA4CDDCB419E543B1785DF8B225C2E9778839123E6F85E53D925C6D2FC0327A
+EF9CA13D1F2F9B3E510A1A4190D3057227621788AFB6567132238BE86559BCA006B85AFBB8AFE5D7
+A8CE58AF731F2550108C6B8CD63632184B1E218F01881CB94CEBFFC310F263565A39C83C874AE474
+AA213F7DD9CB3B8446A3E47E81BACF7B16E4A80899BF2D30C28F9DE0678DF364589DA6A454398E30
+21A92AD1D8B0DC494D96A06C7568E34547F0E68829E5D15F6500ECD7403B40B5CC2A479D0F8CE3E8
+709861608AED046339BE055BAED1A6BD2311CF918E74378D893710D42A769671326E947F108A38C2
+3F92EF5C6A50EFE36E858671F17151C719B9C7D60E8E429F088616D616080DC676760BE83A3F5229
+6C4B13CA3818E3FEB56D51DB5979F28063F7D537C15493D57CAA1E55438C01C794336D9F21520484
+FE5B5BAEAD7121E3CCC5086E2F2191DBEE9527CA61CE85CC0A4D99EA29169B17A10B3D4372EA493D
+48CF572E570CF48B3B7512268A9AC4CC161F97695D19412C36F1D67522E272B1C18B6122A355B43C
+37636E71462503C43C1AEF5ACE34A6442075B59892BA54E9B5A99B9733BAF64161450F8ECF4FB2B2
+DA6F9AAEBC827CD9AEF94BB463935C26E1DD5DDCA5BA87E0EFB62D9D3226DC28427EC097B68C9EE1
+E47D125F884F8656C8AD55D625A8F7F1A306383A5036A12E63B6FAC4A215AC88725611EBA74B6770
+B20F45356879DB807E9C9105D14C83104B2DCB4F274A2F37152425935B3F2D1633E4444540F7411B
+24C17055850C9528D912F9DD40984CA1B3BE277F82198BC99B80233B8AAB674A44B42B9123E886B7
+B3161D48B4AA24970BB75A983569690BFD4B92E6ECB410DDCA14A3BF59057397FF1AF159BE230216
+FF2F7009C3A3DDD81F2BD1F5C10C2C2F30A8095D7371427AC9D527AC6794CF8593303F786F21CCBE
+36DFBE01B0ADD78DB3C9483D9DB09A9E2577A3A4296E7BD09C41F5C91B29C9D7E69EF06B5BDB66E0
+853C3DB133769BC8858121A350CADC1D61C77C1A313833D077938AB2E10EF970590256479B1549B0
+401A9C5E97F12A269A305B372F0EFC035B06AE3E2187D6E3A62DE3B4E8075F0ECF5BE32A5B97A4AC
+23A7335C4AB29917129C08250DBD1D5BC123C92E821BBB1A7598E32DDDF1876C6FBB7B858FD317D7
+6022955595338AAD2BFB3B17DA11380E7473A5F566C6329E0F38D9A67E68FD4B8CFCC82FC0BD7BA3
+9A25D5BD0952CC71CF0BD7B5EE184A8E62FBB366D95AB051BC3A80E9F6C27EC100E00C4A002291B0
+4D758A9683657FCB07A2AA8B07DF585CD4205B4DC55330E8A2A367CBE966E84618ACFCAAF81C8A9D
+3A3165FE5A623720A0C11CBDD5CA200100DD2C970A09B124D98987D6A2CA7CBB40DA5B585B86FCB3
+8E96F54C64A921D7A5D2F805C67339DC4FC026FB2EE533BB9700F66F4AD58949B3DB75D770C4D7C5
+C23DC720D78124A7ABF30CDFF10C708219903431C7B1A19317341CEA22AA11A588F8AF9BFA4AAC40
+31EF22F13BA597BD1E5958CEA741274197113CB0B7975424C17F73733ED30BDC0170CD0084BB7DC1
+8F031BEF2A6C44D0EA0EBB84E31D5B4C50B63DF0AF96AAF33E3C986D4B82D161E2F9049DE9710EF8
+A11BA0E08266A3547F20567E582EDB47633772D37FCCD119AF5B11F338098F185D5B055975F56092
+CC6979FF49487D69E08A4E8754FD51D29410F56E0F3EFB9C3B86253B3B0A39E9D217604F664CC696
+634D216524F976D066034DDE8EDF5E8F9644337C50C7D8E2230B38E0EE88C53DEEDB3363477E32CB
+88B3ACB6931B9717FC93F8D1A9DDDA3A7D8A56783F2B651A1DE216493C34DCD17A7635D21CEC0770
+751424B599B00CE950E60D8A8B3444F1629220DF073137E2ADE1B6243C1C69BD5E10450B948BFCBA
+46A841B98BCE7C86E120789C73C87E581868021E68F78CB903AA6D494331174CBF944221DEA9E567
+A2542BD399C5E471D972FAB7E8950AEFF3D91A1296E685B0BFF91367C2703DCAB10AB236DE603E3E
+993C4C9020EEBFE89726AB9FB92AF9D371D7188448CAB9FD2704506C39F0842E36EB8B9AAFB1F26F
+CD366E66725AD28B19FA57537757EC71B04B451F056C3AEBFA04D1C0CABC9492B6B8D239EEC36776
+D6B515ED43A66AB4342BE4C8B2027F2D008EA231A24B472DA8352A05DDEE31CBC3577E5814DD2D4E
+C17A216A7C8FFB27012346C9ED12F7819B96A5B135B6196E888C9AC73D7D4B7DC370E2FBFA17FD74
+0BF516CFF69294493900BFD63721A537BEFB31C5262567103F9CEA4E8DB02964B983E1AF190ECCEF
+41F552C45E9B94E29AE3F129687EC35719F591C1987A08DCED3B822344DF81A70AE78E14A81EF1A1
+A77FD5D19F7D35B7C12A473EE11C655E15DC5D3C94F226CBDA85377338BFCEA18359176CA7EED622
+84F9015F2D592E27F1037C95570CFDCA3B9B90D35DB8C341434BBF04C0E692D4C2C3F59EF386CD1C
+5A8C783198EBE42C89E3B64C662F7875325982E9299C18DBD1FD2257DD964F9F9DDEEBFE56E4AE9E
+8163E8C58581BFD5818BF396CCDE3A66F58E17BDD262D63E5D9AE0D0E43C304CCAC4776B87D40F6B
+5AD7E625B2065FAABA81AAF2E2D32E0ACAB12DB2A9FE9C6160FBA7DE5AF019810AD9C64B2E6567B0
+F0108E8EDEC635F4BA88BDEBD3561CDBBB9063B4D19C493E0CA4F551255A7DF6BCE96C17A5DD4877
+7F654F4F114CF29ECDB9779F63EECDC04E1FA06E48701547A8F96483B4195C0DE90B0FD1B95B5F12
+5C43BB973D0B6414A994595359289B5FFEE4A08D684C2E7E3F417585581318D54DF2EEAE7CF36E2C
+A1A70EA76154B88C1E4FFDF5EBC28ABE264B40583F2DE1F761DC25DF242396AE502CC63EFD6EE284
+DB37B0DF36A8833ED3EA5A1DB372C8E1F3203E6E945A53D83B87250CD72C851F68A602E7BCF92DDC
+E600D518069F8900F3BCA434D21694229572D55F307E0FAFA3DAEA864BAA19F227097963CE83882D
+22FB7F1AA3FE558A3669BB7FA37C0A591B4BF3E2A2FF85BFEDE5E424E0AE337EABDFD67BBF38E160
+09A687D2E7C1882DB79304D722EACA233EFA489B10E8D4D404D12A5A4683FDE377A9A952CCAB257E
+ABB408D75FF130206DC3447F26E74D1D00354313E340878917177DBD2AA5A2A70E2087D551DA5181
+6FAD07F6E826DB0BF21560BB26906D3100E12AA3801D4A8BDCBF1A0A8D58F1054EE2A0DB04ADDF3F
+EAF1FD6E322BBEE274A4995EFFEAAD0F24D9FB45730F6BA0F42D88BE4AEBE9777F8AF508DED61024
+EF955B26ACEC51AF5C21BAD7AD93CC0C9DBE03C0FE9637A3099E5EF329051C87FFF70042D788F21F
+4DE645FEBF58374F7E38A9AFE3DE4D2888DD807A09169DA8516DFE37591C122A4798343C1A8121C7
+430F244EE5B19A21897A4423E21CE0492E75C9320E37BD65F1EACA7FC6FE032842E4D985E666E633
+AE5CC62B3449404672B284EA5C6A01E927787104ECCE1354D1C0E5AA2452B7B12937B946B74EFA98
+8C5C79EEE5ACDCFC994CAA853AFA08EB9E180C5E898FDDF8903EB0863E98A4FA537207C154CE5B98
+EF4E97FB6A1CBB07C45D34221EED26998EC864475D231FF76E830A7C0900C4B5FCB980E3F67F4EAE
+3DD8086CFA1874E65C424646C7A8F84272DAB04A5984FCE3F4B89380B3A5C6F04EA3B683CC224913
+9209136336AC9349AA89690B5DE0D93E92F996BA7E346B043EBD45A35FA297DB70E9A6250B138674
+FDDFA609BE11EBA8106EEE3923B4E2657CF7A82443C25022A5DED862E8E3A5BFA7B8AC1C1B804B23
+C08A7D8FE594140E8432C1A5E183FE361B6B8C763054458798B756A6CD2535FF4667C634DF78AFBC
+C87D40DCD56FFFA12CFC6EDC6A8AF41AF657E0137320624F1895D9AA84AABAC5F3653E977B054C52
+92B06FEAAAC0E5C7FD45B6654D0D9CCDF292A8489E1E6CD929F0AF25B9604CE33BD25662133CEE99
+CDBBD00F865431193767480700CA019D694B38D695CC29F732B5B39B6CE654F1AA18AC3223B60E55
+3FC3C3E114E6A2E59617BFD58AD8E429200B59E035DB7D67C8DC6C72001D005924670ECF7A06FF5F
+7B3DD5556DDDE1BE5163F7CD6FC969033EBBAD85856522ECA91F2A200A75BDDA69070240D86C2D7D
+959F1DBE45D488A96F308269E8262327A410D057446F596418DF4A12267A7A3FF5ADEA0846896D3A
+EFE3D5C72387F7EEEE809BCCD23D1126B86C45A0F66404FAF617D03379A2E44865051E92B4C835F7
+21492147DE3DCCE47EAD192D3F10A5DD459634D6C253F4D09DD98E7DDC836EED8DE08A78A6F6FB93
+84565CF6DA8D4C948144272D5F8787643B9B550F96E42A8CFC0F1C1F2B14D83201199E9E1F5BC0E6
+51E39E16A744930F4409C61CDF9F456C7EAC5C62BD22CE0DDCCDF3755DC670FDC8FEBF09F241BF95
+1A1694BD70B9695A15653F719DF4374AFC6C27F58DD144253BDF86FC1BB3D4FEAEEB9196BCEC7168
+AF1488AB7072751FA24C6642B87DCADF4B2427631E7D7FA39D126410189CD8E24CF0A490FDC7045A
+A9A83D02CAB57B9C27211FE1805080FBCEF23B86CDB19885A574C589BDB15C4CB3651FA3D2D6B619
+4449B16D927047E376A84F9423562CD548D192AD0A57E0D5B41010D1C7D87929DB6F456B0A073DF9
+A8220BEB3D4DA01518B5C85C82ABCC821BEEC1965283DABF6AF3AC55ABDDAEF1B53E6119DBB4A114
+44FB1769F9891B5DC931ADFEC8ECEFFA179427FCB08C1B149EDA70717C5E9322F3CE9405438481F3
+90968A38061EDAA2223147D6143877E4C4E645EC0A9803A933116D610491FDC639DF69B418156772
+E14A428864982D3230EFFAA1D2D3388B0F70D8FE202CDD6CB0E97B3290ECCF4A1A69D93C11D3D735
+FF0B5A9A161A86CA4F16B7C231B8BF71D5083697B2F24C0BDAA6E83E5DD2222DA248D4ED3B5509CC
+7CA40D8D5A2507A1D40FC1AE9486343CA2B2C65B6CED9B1F4C0535ADF7BECCE45E1DB74C7417B06D
+897C6ECDD05F068857D931B3D960103628675BE2FB82DA774ED3786670D8C2BA4ECC36C203C7F7E0
+9C97A09E3B2E2C3EC30B53A8825519B664D09F149AB73F183A4A22C8F20E2052F76649AB881BA28C
+6C3C3950EA9B3961F87F6AEFF24DD7B4E10DE28C15DCB27F593F98CBC9CDE19360C5531B2A0C6DC1
+8FAE2832AF49BF9522C068F3036516F711AADEE496EE4E3EFA2F55EA4891DEC6D8A868E0B0017076
+3040CA4D42A73A71057DFE315FF8625BBD74F41E5CA77B7DF096C2F4F0D51B1184CA9F2C8517FCB3
+956C44873D630E94EAA1D2D1451B332770172B2D7A21ECAC864C612235C0B39ADF55EF074F2073FA
+D3B54A66B07AEA1FB495A9F7269BD1C07692B0B762DA6881EE6B265ACED0BF0794C0397F8D8B13FF
+275BE77561067E2C1FA536131184682BFD32384C6488012D29E8E55838E5A5AA7C40C20AB6B03BFD
+BF4EFD2001A612100D585BAC1C77C1CB1ADAF2B000E09686091AB7D1AB6ADE395A03580BD78E961D
+14D052E7D4A61227534B55FACAFC4E8F9326DE35BA53A463F7D94B705698300771185DB19E78FABC
+D0AE4FCE005B79C795B692F2D9C00B6A61D4B343C35E417BBA169EE82A2E4AE204A126B08A94191C
+6E5B5E8328A147BD6ED5A5AD5C9143A50C47789DCFA699720336AFFBD6B1646D8C35139B0DC34340
+C76C7E4FD72DABF80BF64BA04742D07B380E20A678EBCB19057F2346FEC653F1302992279DCCD2E8
+902B2B8F78435AF3400DAE319E94E3148BA88C056701D524DD67FF368C85EC6366F31689A62FFC03
+4BE436588ECBB8B41E8C43112F3B65F50D20A5EC51A26FE899E74731B01C7771F75B76070DC0B223
+1845BE9C09670E65C4DF54C0FB36511B735251AEEBD13FDC0FCFC3134D8DA826E4100521CFEAB202
+B83267EB3F69AEEA25FDE1E9C86407E38AB4CA2D1B91607EFC96DDC5BB10FCD46DEAA5FFED196959
+12302ED55DFACFDC6F22C1528AE3A9902B75F46A489352C87B0F5056FD149DDE67219A3C3D1DD875
+BAD81AD443E0F90DC79D979E10B4262DD20B255B04BBBE5C988B23667135CC61D988928F5F07753A
+C76807203942F6B62A178A1E5CBBFBBAEBE735D09B747BF00C360F2E2B6C9F2261F7DB018EDF40B1
+3DB4B7962D4D2F858E1FA6376F21ED9CEA4BEE07FFE27F136BF60352AFB71CDBFF7E65F6B4624E16
+C6E5AB7FF60B4711A178FEE691DD8D362B14175A69070FBC5B9EB15248E4DFDA3C9453335D0E1EB2
+7714E4624C7215A73B53402B02CF7AA05A14CE1E5AE161B75F218BF0EE1215D3CD925D5ACB7DBD2E
+BD8E4405433F432C491999794C814D5B384B7A1C0AB28A11CBD0A6EA12678508CF86232309B0BBF7
+EEA929FB7951F5A6B367C5AC57DD7D3B3C1E2188DD4664D14FBC32B1A1EB53D7EE7F55F4D5C2D014
+528EBB7F0E595F7618721451EE6B83EB240A6C4D33377893D4EF542F47EB2845A09759D5554C74DC
+5E9109FFC8C929CF1AC446D8149957720EE4FB670D3CA61378549DB992126B23618CF49361D6D4B1
+C73C3D37E4A4465ABB349CFA34E9351D1192E366267EDF02DE432ABC80792B0CFD41FFD0AAA42E63
+3F5B2177A351D33477C636CA573CB02C07F7F7A41C9F1BC4C112BD6459DD130757D2BD6F47495C3F
+92E99522871DAC2865
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+0000000000000000000000000000000000000000000000000000000000000000
+cleartomark{restore}if
+
+%%EndFont
+%%EndResource
+9.72 /Mathematica2 Msf
+0 9 m
+(\310) N
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+2.25 9 m
+(q) N
+9.72 /Mathematica2 Msf
+7.5 9 m
+(\310) N
+9.72 /Mathematica1 Msf
+12 9 m
+(=) N
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+p
+20.25 9 m
+(0) N
+P
+p
+24.75 9 m
+(.) N
+P
+p
+27 9 m
+(0) N
+P
+p
+31.5 9 m
+(2) N
+P
+P
+[1 0 0 1 0 0 ]  concat
+1 w
+[ ] 0 setdash
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+P
+P
+[1 0 0 1 -118.485 -136.705 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+p
+np 181 96 m
+181 112 L
+219 112 L
+219 96 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 181.505 96.904 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.505 -1.904 m
+-1.505 16.096 L
+38.495 16.096 L
+38.495 -1.904 L
+cp
+clip np
+p
+np 0.495 0.0956 m
+0.495 13.096 L
+37.495 13.096 L
+37.495 0.0956 L
+cp
+clip np
+[1 0 0 1 0 0 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.505 -0.904 m
+-1.505 15.096 L
+38.495 15.096 L
+38.495 -0.904 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+9.72 /Mathematica2 Msf
+0 9 m
+(\310) N
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+2.25 9 m
+(q) N
+9.72 /Mathematica2 Msf
+7.5 9 m
+(\310) N
+9.72 /Mathematica1 Msf
+12 9 m
+(=) N
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+p
+20.25 9 m
+(0) N
+P
+p
+24.75 9 m
+(.) N
+P
+p
+27 9 m
+(0) N
+P
+p
+31.5 9 m
+(5) N
+P
+P
+[1 0 0 1 0 0 ]  concat
+1 w
+[ ] 0 setdash
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+P
+P
+[1 0 0 1 -181.505 -96.904 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+p
+np 267 3 m
+267 19 L
+305 19 L
+305 3 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 267.864 4.035 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.864 -2.035 m
+-1.864 15.965 L
+38.136 15.965 L
+38.136 -2.035 L
+cp
+clip np
+p
+np 0.136 -0.0353 m
+0.136 12.965 L
+36.136 12.965 L
+36.136 -0.0353 L
+cp
+clip np
+[1 0 0 1 0 0 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.864 -1.035 m
+-1.864 14.965 L
+38.136 14.965 L
+38.136 -1.035 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+9.72 /Mathematica2 Msf
+0 9 m
+(\310) N
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+2.25 9 m
+(q) N
+9.72 /Mathematica2 Msf
+7.5 9 m
+(\310) N
+9.72 /Mathematica1 Msf
+12 9 m
+(=) N
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+p
+20.25 9 m
+(0) N
+P
+p
+24.75 9 m
+(.) N
+P
+p
+27 9 m
+(0) N
+P
+p
+31.5 9 m
+(7) N
+P
+P
+[1 0 0 1 0 0 ]  concat
+1 w
+[ ] 0 setdash
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+P
+P
+[1 0 0 1 -267.864 -4.035 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+p
+np 295 86 m
+295 102 L
+328 102 L
+328 86 L
+cp
+clip np
+p
+1 w
+1 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+[1 0 0 1 295.617 86.954 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.617 -1.954 m
+-1.617 16.046 L
+33.383 16.046 L
+33.383 -1.954 L
+cp
+clip np
+p
+np 0.383 0.0458 m
+0.383 13.046 L
+32.383 13.046 L
+32.383 0.0458 L
+cp
+clip np
+[1 0 0 1 0 0 ]  concat
+1 w
+[ ] 0 setdash
+p
+np -1.617 -0.954 m
+-1.617 15.046 L
+33.383 15.046 L
+33.383 -0.954 L
+cp
+clip np
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+9.72 /Mathematica2 Msf
+0 9 m
+(\310) N
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+2.25 9 m
+(q) N
+9.72 /Mathematica2 Msf
+7.5 9 m
+(\310) N
+9.72 /Mathematica1 Msf
+12 9 m
+(=) N
+%%IncludeResource: font Times-Roman-MISO
+%%IncludeFont: Times-Roman-MISO
+9.72 /Times-Roman-MISO Msf
+p
+20.25 9 m
+(0) N
+P
+p
+24.75 9 m
+(.) N
+P
+p
+27 9 m
+(1) N
+P
+P
+[1 0 0 1 0 0 ]  concat
+1 w
+[ ] 0 setdash
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+P
+P
+[1 0 0 1 -295.617 -86.954 ]  concat
+1 w
+[ ] 0 setdash
+P
+P
+P
+P
+P
+1 w
+0 g
+0 g
+[ ] 0 setdash
+2 setlinecap
+0 setlinejoin
+10 setmiterlimit
+%Trailer
+%EOF
diff --git a/services/clsi/test/acceptance/fixtures/examples/latex_compiler/main.tex b/services/clsi/test/acceptance/fixtures/examples/latex_compiler/main.tex
new file mode 100644
index 0000000..76fd8e5
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/latex_compiler/main.tex
@@ -0,0 +1,9 @@
+\documentclass[a4paper]{article}
+
+\usepackage{graphicx}
+
+\begin{document}
+
+\includegraphics[width=\textwidth]{image.eps}
+
+\end{document}
diff --git a/services/clsi/test/acceptance/fixtures/examples/latex_compiler/options.json b/services/clsi/test/acceptance/fixtures/examples/latex_compiler/options.json
new file mode 100644
index 0000000..a280541
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/latex_compiler/options.json
@@ -0,0 +1,3 @@
+{
+	"compiler": "latex"
+}
diff --git a/services/clsi/test/acceptance/fixtures/examples/latex_compiler/output.dvi b/services/clsi/test/acceptance/fixtures/examples/latex_compiler/output.dvi
new file mode 100644
index 0000000..84888d7
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/latex_compiler/output.dvi differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/latex_compiler/output.pdf b/services/clsi/test/acceptance/fixtures/examples/latex_compiler/output.pdf
new file mode 100644
index 0000000..d4b5387
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/latex_compiler/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/latex_compiler/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/latex_compiler/output.pdfxref
new file mode 100644
index 0000000..8221852
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/latex_compiler/output.pdfxref
@@ -0,0 +1,26 @@
+1/0: uncompressed; offset = 25097
+2/0: uncompressed; offset = 25156
+3/0: uncompressed; offset = 25367
+4/0: uncompressed; offset = 15
+5/0: uncompressed; offset = 854
+6/0: uncompressed; offset = 919
+7/0: uncompressed; offset = 1074
+8/0: uncompressed; offset = 1245
+9/0: uncompressed; offset = 18343
+10/0: uncompressed; offset = 18388
+11/0: uncompressed; offset = 18752
+12/0: uncompressed; offset = 19071
+13/0: uncompressed; offset = 19360
+14/0: uncompressed; offset = 19604
+15/0: uncompressed; offset = 19770
+16/0: uncompressed; offset = 20007
+17/0: uncompressed; offset = 20174
+18/0: uncompressed; offset = 20424
+19/0: uncompressed; offset = 20456
+20/0: uncompressed; offset = 20525
+21/0: uncompressed; offset = 23109
+22/0: uncompressed; offset = 23500
+23/0: uncompressed; offset = 24229
+24/0: uncompressed; offset = 24641
+25/0: uncompressed; offset = 24741
+26/0: uncompressed; offset = 24985
diff --git a/services/clsi/test/acceptance/fixtures/examples/lualatex_compiler/main.tex b/services/clsi/test/acceptance/fixtures/examples/lualatex_compiler/main.tex
new file mode 100644
index 0000000..28da61e
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/lualatex_compiler/main.tex
@@ -0,0 +1,8 @@
+\documentclass{article}
+\usepackage{luacode}
+
+\begin{document}
+\begin{luacode}
+tex.print("Hello world")
+\end{luacode}
+\end{document}
\ No newline at end of file
diff --git a/services/clsi/test/acceptance/fixtures/examples/lualatex_compiler/options.json b/services/clsi/test/acceptance/fixtures/examples/lualatex_compiler/options.json
new file mode 100644
index 0000000..96a0543
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/lualatex_compiler/options.json
@@ -0,0 +1,3 @@
+{
+	"compiler": "lualatex"
+}
diff --git a/services/clsi/test/acceptance/fixtures/examples/lualatex_compiler/output.pdf b/services/clsi/test/acceptance/fixtures/examples/lualatex_compiler/output.pdf
new file mode 100644
index 0000000..57c6874
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/lualatex_compiler/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/lualatex_compiler/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/lualatex_compiler/output.pdfxref
new file mode 100644
index 0000000..6e59a2d
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/lualatex_compiler/output.pdfxref
@@ -0,0 +1,18 @@
+1/0: uncompressed; offset = 3568
+2/0: uncompressed; offset = 3777
+3/0: uncompressed; offset = 15
+4/0: uncompressed; offset = 216
+5/0: uncompressed; offset = 643
+6/0: uncompressed; offset = 693
+7/0: uncompressed; offset = 819
+8/0: uncompressed; offset = 934
+9/0: uncompressed; offset = 1118
+10/0: uncompressed; offset = 1210
+11/0: uncompressed; offset = 2555
+12/0: uncompressed; offset = 3030
+13/0: compressed; stream = 12, index = 0
+14/0: compressed; stream = 12, index = 1
+15/0: compressed; stream = 12, index = 2
+16/0: compressed; stream = 12, index = 3
+17/0: compressed; stream = 12, index = 4
+18/0: compressed; stream = 12, index = 5
diff --git a/services/clsi/test/acceptance/fixtures/examples/makeindex-custom-style/main.tex b/services/clsi/test/acceptance/fixtures/examples/makeindex-custom-style/main.tex
new file mode 100644
index 0000000..fce2826
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/makeindex-custom-style/main.tex
@@ -0,0 +1,12 @@
+\documentclass{article}
+
+\usepackage{makeidx}
+\makeindex
+
+\begin{document}
+
+To solve various problems in Physics \index{Physics} it can useful to express any arbitrary piecewise-smooth function as a Fourier Series \index{Fourier Series} composed of multiple sine and cosine funcions.
+
+\printindex
+
+\end{document}
diff --git a/services/clsi/test/acceptance/fixtures/examples/makeindex-custom-style/output.pdf b/services/clsi/test/acceptance/fixtures/examples/makeindex-custom-style/output.pdf
new file mode 100644
index 0000000..36fdb35
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/makeindex-custom-style/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/makeindex-custom-style/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/makeindex-custom-style/output.pdfxref
new file mode 100644
index 0000000..6557c98
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/makeindex-custom-style/output.pdfxref
@@ -0,0 +1,26 @@
+1/0: uncompressed; offset = 16762
+2/0: uncompressed; offset = 16877
+3/0: uncompressed; offset = 17142
+4/0: uncompressed; offset = 24335
+5/0: uncompressed; offset = 32164
+6/0: uncompressed; offset = 32412
+7/0: uncompressed; offset = 15
+8/0: uncompressed; offset = 216
+9/0: uncompressed; offset = 671
+10/0: uncompressed; offset = 721
+11/0: uncompressed; offset = 856
+12/0: uncompressed; offset = 973
+13/0: uncompressed; offset = 1318
+14/0: uncompressed; offset = 2218
+15/0: compressed; stream = 13, index = 0
+16/0: compressed; stream = 13, index = 1
+17/0: compressed; stream = 13, index = 2
+18/0: compressed; stream = 13, index = 3
+19/0: compressed; stream = 13, index = 4
+20/0: compressed; stream = 13, index = 5
+21/0: compressed; stream = 13, index = 6
+22/0: compressed; stream = 13, index = 7
+23/0: compressed; stream = 13, index = 8
+24/0: compressed; stream = 13, index = 9
+25/0: compressed; stream = 13, index = 10
+26/0: compressed; stream = 13, index = 11
diff --git a/services/clsi/test/acceptance/fixtures/examples/makeindex-custom-style/style.ist b/services/clsi/test/acceptance/fixtures/examples/makeindex-custom-style/style.ist
new file mode 100644
index 0000000..bdae874
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/makeindex-custom-style/style.ist
@@ -0,0 +1,7 @@
+heading_prefix "{\\bfseries\\hfil "
+heading_suffix "\\hfil}\\nopagebreak\n" 
+headings_flag 1
+delim_0 "\\dotfill"
+delim_1 "\\dotfill"
+delim_2 "\\dotfill"
+
diff --git a/services/clsi/test/acceptance/fixtures/examples/makeindex/main.tex b/services/clsi/test/acceptance/fixtures/examples/makeindex/main.tex
new file mode 100644
index 0000000..fce2826
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/makeindex/main.tex
@@ -0,0 +1,12 @@
+\documentclass{article}
+
+\usepackage{makeidx}
+\makeindex
+
+\begin{document}
+
+To solve various problems in Physics \index{Physics} it can useful to express any arbitrary piecewise-smooth function as a Fourier Series \index{Fourier Series} composed of multiple sine and cosine funcions.
+
+\printindex
+
+\end{document}
diff --git a/services/clsi/test/acceptance/fixtures/examples/makeindex/output.pdf b/services/clsi/test/acceptance/fixtures/examples/makeindex/output.pdf
new file mode 100644
index 0000000..331c03b
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/makeindex/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/makeindex/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/makeindex/output.pdfxref
new file mode 100644
index 0000000..7188737
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/makeindex/output.pdfxref
@@ -0,0 +1,22 @@
+1/0: uncompressed; offset = 16778
+2/0: uncompressed; offset = 16893
+3/0: uncompressed; offset = 17109
+4/0: uncompressed; offset = 24938
+5/0: uncompressed; offset = 25186
+6/0: uncompressed; offset = 15
+7/0: uncompressed; offset = 216
+8/0: uncompressed; offset = 650
+9/0: uncompressed; offset = 700
+10/0: uncompressed; offset = 836
+11/0: uncompressed; offset = 953
+12/0: uncompressed; offset = 1298
+13/0: uncompressed; offset = 2103
+14/0: compressed; stream = 12, index = 0
+15/0: compressed; stream = 12, index = 1
+16/0: compressed; stream = 12, index = 2
+17/0: compressed; stream = 12, index = 3
+18/0: compressed; stream = 12, index = 4
+19/0: compressed; stream = 12, index = 5
+20/0: compressed; stream = 12, index = 6
+21/0: compressed; stream = 12, index = 7
+22/0: compressed; stream = 12, index = 8
diff --git a/services/clsi/test/acceptance/fixtures/examples/minted/main.tex b/services/clsi/test/acceptance/fixtures/examples/minted/main.tex
new file mode 100644
index 0000000..633abf7
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/minted/main.tex
@@ -0,0 +1,10 @@
+\documentclass{article}
+\usepackage{minted}
+\begin{document}
+\begin{minted}{c}
+int main() {
+    printf("hello, world");
+    return 0;
+}
+\end{minted}
+\end{document}
\ No newline at end of file
diff --git a/services/clsi/test/acceptance/fixtures/examples/minted/output.pdf b/services/clsi/test/acceptance/fixtures/examples/minted/output.pdf
new file mode 100644
index 0000000..4343a71
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/minted/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/minted/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/minted/output.pdfxref
new file mode 100644
index 0000000..6117648
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/minted/output.pdfxref
@@ -0,0 +1,19 @@
+1/0: uncompressed; offset = 20679
+2/0: uncompressed; offset = 20927
+3/0: uncompressed; offset = 15
+4/0: uncompressed; offset = 216
+5/0: uncompressed; offset = 650
+6/0: uncompressed; offset = 700
+7/0: uncompressed; offset = 826
+8/0: uncompressed; offset = 934
+9/0: uncompressed; offset = 1252
+10/0: uncompressed; offset = 8248
+11/0: uncompressed; offset = 20115
+12/0: compressed; stream = 11, index = 0
+13/0: compressed; stream = 11, index = 1
+14/0: compressed; stream = 11, index = 2
+15/0: compressed; stream = 11, index = 3
+16/0: compressed; stream = 11, index = 4
+17/0: compressed; stream = 11, index = 5
+18/0: compressed; stream = 11, index = 6
+19/0: compressed; stream = 11, index = 7
diff --git a/services/clsi/test/acceptance/fixtures/examples/multibib_bibliography/bibliography.bib b/services/clsi/test/acceptance/fixtures/examples/multibib_bibliography/bibliography.bib
new file mode 100644
index 0000000..29728ba
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/multibib_bibliography/bibliography.bib
@@ -0,0 +1,15 @@
+@book{DouglasAdams,
+  title={The Hitchhiker's Guide to the Galaxy},
+  author={Adams, Douglas},
+  isbn={9781417642595},
+  url={http://books.google.com/books?id=W-xMPgAACAAJ},
+  year={1995},
+  publisher={San Val}
+}
+
+@book{Tolkien,
+  title={The Hobbit},
+  author={Tolkien, J. R. R.},
+  year={1904?}
+}
+
diff --git a/services/clsi/test/acceptance/fixtures/examples/multibib_bibliography/main.tex b/services/clsi/test/acceptance/fixtures/examples/multibib_bibliography/main.tex
new file mode 100644
index 0000000..ff93b69
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/multibib_bibliography/main.tex
@@ -0,0 +1,23 @@
+\documentclass{report}
+
+\usepackage{multibib}
+\newcites{one}{First references}
+
+\begin{document}
+
+\chapter{First chapter}
+
+The answer to life the universe and everything is 42 \citeone{DouglasAdams}
+
+\bibliographystyleone{plain}
+\bibliographyone{bibliography}
+
+\chapter{Second chapter}
+
+All that glitters is not gold \cite{Tolkien}
+
+\bibliographystyle{plain}
+\bibliography{bibliography}
+
+\end{document}
+
diff --git a/services/clsi/test/acceptance/fixtures/examples/multibib_bibliography/one.bbl b/services/clsi/test/acceptance/fixtures/examples/multibib_bibliography/one.bbl
new file mode 100644
index 0000000..3c63a37
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/multibib_bibliography/one.bbl
@@ -0,0 +1,8 @@
+\begin{thebibliography}{1}
+
+\bibitem{DouglasAdams}
+Douglas Adams.
+\newblock {\em The Hitchhiker's Guide to the Galaxy}.
+\newblock San Val, 1995.
+
+\end{thebibliography}
diff --git a/services/clsi/test/acceptance/fixtures/examples/multibib_bibliography/output.bbl b/services/clsi/test/acceptance/fixtures/examples/multibib_bibliography/output.bbl
new file mode 100644
index 0000000..df4ff87
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/multibib_bibliography/output.bbl
@@ -0,0 +1,8 @@
+\begin{thebibliography}{1}
+
+\bibitem{Tolkien}
+J.~R.~R. Tolkien.
+\newblock {\em The Hobbit}.
+\newblock 1904?
+
+\end{thebibliography}
diff --git a/services/clsi/test/acceptance/fixtures/examples/multibib_bibliography/output.pdf b/services/clsi/test/acceptance/fixtures/examples/multibib_bibliography/output.pdf
new file mode 100644
index 0000000..7ff55c8
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/multibib_bibliography/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/multibib_bibliography/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/multibib_bibliography/output.pdfxref
new file mode 100644
index 0000000..2ceaa2b
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/multibib_bibliography/output.pdfxref
@@ -0,0 +1,32 @@
+1/0: uncompressed; offset = 29506
+2/0: uncompressed; offset = 29621
+3/0: uncompressed; offset = 29918
+4/0: uncompressed; offset = 30033
+5/0: uncompressed; offset = 30274
+6/0: uncompressed; offset = 30389
+7/0: uncompressed; offset = 30644
+8/0: uncompressed; offset = 42802
+9/0: uncompressed; offset = 43050
+10/0: uncompressed; offset = 15
+11/0: uncompressed; offset = 216
+12/0: uncompressed; offset = 695
+13/0: uncompressed; offset = 746
+14/0: uncompressed; offset = 900
+15/0: uncompressed; offset = 1017
+16/0: uncompressed; offset = 1286
+17/0: uncompressed; offset = 2443
+18/0: uncompressed; offset = 13147
+19/0: compressed; stream = 16, index = 0
+20/0: compressed; stream = 16, index = 1
+21/0: compressed; stream = 16, index = 2
+22/0: compressed; stream = 16, index = 3
+23/0: compressed; stream = 16, index = 4
+24/0: compressed; stream = 16, index = 5
+25/0: compressed; stream = 16, index = 6
+26/0: compressed; stream = 16, index = 7
+27/0: compressed; stream = 16, index = 8
+28/0: compressed; stream = 16, index = 9
+29/0: compressed; stream = 16, index = 10
+30/0: compressed; stream = 16, index = 11
+31/0: compressed; stream = 16, index = 12
+32/0: compressed; stream = 16, index = 13
diff --git a/services/clsi/test/acceptance/fixtures/examples/nomenclature/main.tex b/services/clsi/test/acceptance/fixtures/examples/nomenclature/main.tex
new file mode 100644
index 0000000..3fb928c
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/nomenclature/main.tex
@@ -0,0 +1,25 @@
+\documentclass{article}
+
+\usepackage{nomencl}
+\makenomenclature
+
+\begin{document}
+
+\section*{Main equations}
+
+\begin{equation}
+a=\frac{N}{A}
+\end{equation}%
+
+\nomenclature{$a$}{The number of angels per unit area}%
+\nomenclature{$N$}{The number of angels per needle point}%
+\nomenclature{$A$}{The area of the needle point}%
+
+The equation $\sigma = m a$%
+\nomenclature{$\sigma$}{The total mass of angels per unit area}%
+\nomenclature{$m$}{The mass of one angel}
+follows easily.
+
+\printnomenclature
+
+\end{document}
diff --git a/services/clsi/test/acceptance/fixtures/examples/nomenclature/output.pdf b/services/clsi/test/acceptance/fixtures/examples/nomenclature/output.pdf
new file mode 100644
index 0000000..336ffa8
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/nomenclature/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/nomenclature/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/nomenclature/output.pdfxref
new file mode 100644
index 0000000..cc3f61c
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/nomenclature/output.pdfxref
@@ -0,0 +1,23 @@
+1/0: uncompressed; offset = 34102
+2/0: uncompressed; offset = 34350
+3/0: uncompressed; offset = 15
+4/0: uncompressed; offset = 216
+5/0: uncompressed; offset = 678
+6/0: uncompressed; offset = 728
+7/0: uncompressed; offset = 856
+8/0: uncompressed; offset = 971
+9/0: uncompressed; offset = 1514
+10/0: uncompressed; offset = 10973
+11/0: uncompressed; offset = 19139
+12/0: uncompressed; offset = 33047
+13/0: compressed; stream = 12, index = 0
+14/0: compressed; stream = 12, index = 1
+15/0: compressed; stream = 12, index = 2
+16/0: compressed; stream = 12, index = 3
+17/0: compressed; stream = 12, index = 4
+18/0: compressed; stream = 12, index = 5
+19/0: compressed; stream = 12, index = 6
+20/0: compressed; stream = 12, index = 7
+21/0: compressed; stream = 12, index = 8
+22/0: compressed; stream = 12, index = 9
+23/0: compressed; stream = 12, index = 10
diff --git a/services/clsi/test/acceptance/fixtures/examples/references_in_include/chapter1.tex b/services/clsi/test/acceptance/fixtures/examples/references_in_include/chapter1.tex
new file mode 100644
index 0000000..ded9bb4
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/references_in_include/chapter1.tex
@@ -0,0 +1 @@
+\ref{two}
\ No newline at end of file
diff --git a/services/clsi/test/acceptance/fixtures/examples/references_in_include/chapter2.tex b/services/clsi/test/acceptance/fixtures/examples/references_in_include/chapter2.tex
new file mode 100644
index 0000000..993a780
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/references_in_include/chapter2.tex
@@ -0,0 +1,2 @@
+\section{Two}
+\label{two}
\ No newline at end of file
diff --git a/services/clsi/test/acceptance/fixtures/examples/references_in_include/main.tex b/services/clsi/test/acceptance/fixtures/examples/references_in_include/main.tex
new file mode 100644
index 0000000..0956f98
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/references_in_include/main.tex
@@ -0,0 +1,8 @@
+\documentclass{article}
+
+\begin{document}
+
+\include{chapter1}
+\include{chapter2}
+
+\end{document}
diff --git a/services/clsi/test/acceptance/fixtures/examples/references_in_include/output.pdf b/services/clsi/test/acceptance/fixtures/examples/references_in_include/output.pdf
new file mode 100644
index 0000000..e740c94
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/references_in_include/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/references_in_include/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/references_in_include/output.pdfxref
new file mode 100644
index 0000000..744030a
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/references_in_include/output.pdfxref
@@ -0,0 +1,22 @@
+1/0: uncompressed; offset = 9449
+2/0: uncompressed; offset = 9564
+3/0: uncompressed; offset = 9730
+4/0: uncompressed; offset = 17293
+5/0: uncompressed; offset = 17541
+6/0: uncompressed; offset = 15
+7/0: uncompressed; offset = 216
+8/0: uncompressed; offset = 650
+9/0: uncompressed; offset = 700
+10/0: uncompressed; offset = 835
+11/0: uncompressed; offset = 952
+12/0: uncompressed; offset = 1097
+13/0: uncompressed; offset = 1758
+14/0: compressed; stream = 12, index = 0
+15/0: compressed; stream = 12, index = 1
+16/0: compressed; stream = 12, index = 2
+17/0: compressed; stream = 12, index = 3
+18/0: compressed; stream = 12, index = 4
+19/0: compressed; stream = 12, index = 5
+20/0: compressed; stream = 12, index = 6
+21/0: compressed; stream = 12, index = 7
+22/0: compressed; stream = 12, index = 8
diff --git a/services/clsi/test/acceptance/fixtures/examples/simple_bibliography/bibliography.bib b/services/clsi/test/acceptance/fixtures/examples/simple_bibliography/bibliography.bib
new file mode 100644
index 0000000..5e796e0
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/simple_bibliography/bibliography.bib
@@ -0,0 +1,9 @@
+@book{DouglasAdams,
+  title={The Hitchhiker's Guide to the Galaxy},
+  author={Adams, Douglas},
+  isbn={9781417642595},
+  url={http://books.google.com/books?id=W-xMPgAACAAJ},
+  year={1995},
+  publisher={San Val}
+}
+
diff --git a/services/clsi/test/acceptance/fixtures/examples/simple_bibliography/main.tex b/services/clsi/test/acceptance/fixtures/examples/simple_bibliography/main.tex
new file mode 100644
index 0000000..33030bd
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/simple_bibliography/main.tex
@@ -0,0 +1,10 @@
+\documentclass{article}
+
+\begin{document}
+
+The meaning of life, the universe and everything is 42 \cite{DouglasAdams}
+
+\bibliographystyle{plain}
+\bibliography{bibliography}
+
+\end{document}
diff --git a/services/clsi/test/acceptance/fixtures/examples/simple_bibliography/output.bbl b/services/clsi/test/acceptance/fixtures/examples/simple_bibliography/output.bbl
new file mode 100644
index 0000000..3c63a37
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/simple_bibliography/output.bbl
@@ -0,0 +1,8 @@
+\begin{thebibliography}{1}
+
+\bibitem{DouglasAdams}
+Douglas Adams.
+\newblock {\em The Hitchhiker's Guide to the Galaxy}.
+\newblock San Val, 1995.
+
+\end{thebibliography}
diff --git a/services/clsi/test/acceptance/fixtures/examples/simple_bibliography/output.pdf b/services/clsi/test/acceptance/fixtures/examples/simple_bibliography/output.pdf
new file mode 100644
index 0000000..517496b
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/simple_bibliography/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/simple_bibliography/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/simple_bibliography/output.pdfxref
new file mode 100644
index 0000000..6633bfb
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/simple_bibliography/output.pdfxref
@@ -0,0 +1,23 @@
+1/0: uncompressed; offset = 37282
+2/0: uncompressed; offset = 37530
+3/0: uncompressed; offset = 15
+4/0: uncompressed; offset = 216
+5/0: uncompressed; offset = 678
+6/0: uncompressed; offset = 728
+7/0: uncompressed; offset = 856
+8/0: uncompressed; offset = 971
+9/0: uncompressed; offset = 1322
+10/0: uncompressed; offset = 9581
+11/0: uncompressed; offset = 24286
+12/0: uncompressed; offset = 36258
+13/0: compressed; stream = 12, index = 0
+14/0: compressed; stream = 12, index = 1
+15/0: compressed; stream = 12, index = 2
+16/0: compressed; stream = 12, index = 3
+17/0: compressed; stream = 12, index = 4
+18/0: compressed; stream = 12, index = 5
+19/0: compressed; stream = 12, index = 6
+20/0: compressed; stream = 12, index = 7
+21/0: compressed; stream = 12, index = 8
+22/0: compressed; stream = 12, index = 9
+23/0: compressed; stream = 12, index = 10
diff --git a/services/clsi/test/acceptance/fixtures/examples/subdirectories/chapter2.tex b/services/clsi/test/acceptance/fixtures/examples/subdirectories/chapter2.tex
new file mode 100644
index 0000000..13a22d2
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/subdirectories/chapter2.tex
@@ -0,0 +1 @@
+This is chapter2.tex, included from main.tex. It's not in the same directory but can still be found.
diff --git a/services/clsi/test/acceptance/fixtures/examples/subdirectories/output.pdf b/services/clsi/test/acceptance/fixtures/examples/subdirectories/output.pdf
new file mode 100644
index 0000000..7ab1341
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/subdirectories/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/subdirectories/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/subdirectories/output.pdfxref
new file mode 100644
index 0000000..60f7510
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/subdirectories/output.pdfxref
@@ -0,0 +1,26 @@
+1/0: uncompressed; offset = 48194
+2/0: uncompressed; offset = 48442
+3/0: uncompressed; offset = 15
+4/0: uncompressed; offset = 216
+5/0: uncompressed; offset = 699
+6/0: uncompressed; offset = 749
+7/0: uncompressed; offset = 878
+8/0: uncompressed; offset = 1000
+9/0: uncompressed; offset = 8546
+10/0: uncompressed; offset = 9072
+11/0: uncompressed; offset = 10659
+12/0: uncompressed; offset = 18919
+13/0: uncompressed; offset = 35129
+14/0: uncompressed; offset = 47101
+15/0: compressed; stream = 14, index = 0
+16/0: compressed; stream = 14, index = 1
+17/0: compressed; stream = 14, index = 2
+18/0: compressed; stream = 14, index = 3
+19/0: compressed; stream = 14, index = 4
+20/0: compressed; stream = 14, index = 5
+21/0: compressed; stream = 14, index = 6
+22/0: compressed; stream = 14, index = 7
+23/0: compressed; stream = 14, index = 8
+24/0: compressed; stream = 14, index = 9
+25/0: compressed; stream = 14, index = 10
+26/0: compressed; stream = 14, index = 11
diff --git a/services/clsi/test/acceptance/fixtures/examples/subdirectories/subdirectory/bibliography.bib b/services/clsi/test/acceptance/fixtures/examples/subdirectories/subdirectory/bibliography.bib
new file mode 100644
index 0000000..5654dbd
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/subdirectories/subdirectory/bibliography.bib
@@ -0,0 +1,10 @@
+@book{DouglasAdams,
+  title={The Hitchhiker's Guide to the Galaxy},
+  author={Adams, Douglas},
+  isbn={9781417642595},
+  url={http://books.google.com/books?id=W-xMPgAACAAJ},
+  year={1995},
+  publisher={San Val}
+}
+
+
diff --git a/services/clsi/test/acceptance/fixtures/examples/subdirectories/subdirectory/chapter1.tex b/services/clsi/test/acceptance/fixtures/examples/subdirectories/subdirectory/chapter1.tex
new file mode 100644
index 0000000..3056c07
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/subdirectories/subdirectory/chapter1.tex
@@ -0,0 +1 @@
+This is chapter1.tex, included from main.tex
diff --git a/services/clsi/test/acceptance/fixtures/examples/subdirectories/subdirectory/image.png b/services/clsi/test/acceptance/fixtures/examples/subdirectories/subdirectory/image.png
new file mode 100644
index 0000000..8660218
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/subdirectories/subdirectory/image.png differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/subdirectories/subdirectory/main.tex b/services/clsi/test/acceptance/fixtures/examples/subdirectories/subdirectory/main.tex
new file mode 100644
index 0000000..9972cde
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/subdirectories/subdirectory/main.tex
@@ -0,0 +1,19 @@
+\documentclass{article}
+
+\usepackage{graphicx}
+
+\begin{document}
+
+Hello world, I'm in a subdirectory \cite{DouglasAdams}
+
+\input{chapter1.tex}
+\input{chapter2.tex}
+
+\begin{centering}
+\includegraphics[width=0.5\textwidth]{image.png}
+\end{centering}
+
+\bibliographystyle{plain}
+\bibliography{bibliography}
+
+\end{document}
diff --git a/services/clsi/test/acceptance/fixtures/examples/tikz_feynman/main.tex b/services/clsi/test/acceptance/fixtures/examples/tikz_feynman/main.tex
new file mode 100644
index 0000000..6071bc2
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/tikz_feynman/main.tex
@@ -0,0 +1,66 @@
+\RequirePackage{luatex85}
+\documentclass[tikz]{standalone}
+
+\usepackage[compat=1.1.0]{tikz-feynman}
+
+\begin{document}
+\feynmandiagram [horizontal=a to b] {
+  i1 -- [fermion] a -- [fermion] i2,
+  a -- [photon] b,
+  f1 -- [fermion] b -- [fermion] f2,
+};
+
+\feynmandiagram [horizontal=a to b] {
+  i1 [particle=\(e^{-}\)] -- [fermion] a -- [fermion] i2 [particle=\(e^{+}\)],
+  a -- [photon, edge label=\(\gamma\), momentum'=\(k\)] b,
+  f1 [particle=\(\mu^{+}\)] -- [fermion] b -- [fermion] f2 [particle=\(\mu^{-}\)],
+};
+
+\feynmandiagram [large, vertical=e to f] {
+  a -- [fermion] b -- [photon, momentum=\(k\)] c -- [fermion] d,
+  b -- [fermion, momentum'=\(p_{1}\)] e -- [fermion, momentum'=\(p_{2}\)] c,
+  e -- [gluon] f,
+  h -- [fermion] f -- [fermion] i,
+};
+
+\begin{tikzpicture}
+  \begin{feynman}
+    \vertex (a1) {\(\overline b\)};
+    \vertex[right=1cm of a1] (a2);
+    \vertex[right=1cm of a2] (a3);
+    \vertex[right=1cm of a3] (a4) {\(b\)};
+    \vertex[right=1cm of a4] (a5);
+    \vertex[right=2cm of a5] (a6) {\(u\)};
+
+    \vertex[below=2em of a1] (b1) {\(d\)};
+    \vertex[right=1cm of b1] (b2);
+    \vertex[right=1cm of b2] (b3);
+    \vertex[right=1cm of b3] (b4) {\(\overline d\)};
+    \vertex[below=2em of a6] (b5) {\(\overline d\)};
+
+    \vertex[above=of a6] (c1) {\(\overline u\)};
+    \vertex[above=2em of c1] (c3) {\(d\)};
+    \vertex at ($(c1)!0.5!(c3) - (1cm, 0)$) (c2);
+
+    \diagram* {
+      {[edges=fermion]
+        (b1) -- (b2) -- (a2) -- (a1),
+        (b5) -- (b4) -- (b3) -- (a3) -- (a4) -- (a5) -- (a6),
+      },
+      (a2) -- [boson, edge label=\(W\)] (a3),
+      (b2) -- [boson, edge label'=\(W\)] (b3),
+
+      (c1) -- [fermion, out=180, in=-45] (c2) -- [fermion, out=45, in=180] (c3),
+      (a5) -- [boson, bend left, edge label=\(W^{-}\)] (c2),
+    };
+
+    \draw [decoration={brace}, decorate] (b1.south west) -- (a1.north west)
+    node [pos=0.5, left] {\(B^{0}\)};
+    \draw [decoration={brace}, decorate] (c3.north east) -- (c1.south east)
+    node [pos=0.5, right] {\(\pi^{-}\)};
+    \draw [decoration={brace}, decorate] (a6.north east) -- (b5.south east)
+    node [pos=0.5, right] {\(\pi^{+}\)};
+  \end{feynman}
+\end{tikzpicture}
+
+\end{document}
diff --git a/services/clsi/test/acceptance/fixtures/examples/tikz_feynman/options.json b/services/clsi/test/acceptance/fixtures/examples/tikz_feynman/options.json
new file mode 100644
index 0000000..96a0543
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/tikz_feynman/options.json
@@ -0,0 +1,3 @@
+{
+	"compiler": "lualatex"
+}
diff --git a/services/clsi/test/acceptance/fixtures/examples/tikz_feynman/output.pdf b/services/clsi/test/acceptance/fixtures/examples/tikz_feynman/output.pdf
new file mode 100644
index 0000000..f14b865
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/tikz_feynman/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/tikz_feynman/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/tikz_feynman/output.pdfxref
new file mode 100644
index 0000000..64f5dc2
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/tikz_feynman/output.pdfxref
@@ -0,0 +1,35 @@
+1/0: uncompressed; offset = 2924
+2/0: uncompressed; offset = 3039
+3/0: uncompressed; offset = 4606
+4/0: uncompressed; offset = 4721
+5/0: uncompressed; offset = 7754
+6/0: uncompressed; offset = 7870
+7/0: uncompressed; offset = 11668
+8/0: uncompressed; offset = 21077
+9/0: uncompressed; offset = 28498
+10/0: uncompressed; offset = 35464
+11/0: uncompressed; offset = 35699
+12/0: uncompressed; offset = 15
+13/0: uncompressed; offset = 216
+14/0: uncompressed; offset = 703
+15/0: uncompressed; offset = 754
+16/0: uncompressed; offset = 909
+17/0: uncompressed; offset = 1026
+18/0: uncompressed; offset = 2161
+19/0: compressed; stream = 18, index = 0
+20/0: compressed; stream = 18, index = 1
+21/0: compressed; stream = 18, index = 2
+22/0: compressed; stream = 18, index = 3
+23/0: compressed; stream = 18, index = 4
+24/0: compressed; stream = 18, index = 5
+25/0: compressed; stream = 18, index = 6
+26/0: compressed; stream = 18, index = 7
+27/0: compressed; stream = 18, index = 8
+28/0: compressed; stream = 18, index = 9
+29/0: compressed; stream = 18, index = 10
+30/0: compressed; stream = 18, index = 11
+31/0: compressed; stream = 18, index = 12
+32/0: compressed; stream = 18, index = 13
+33/0: compressed; stream = 18, index = 14
+34/0: compressed; stream = 18, index = 15
+35/0: compressed; stream = 18, index = 16
diff --git a/services/clsi/test/acceptance/fixtures/examples/xelatex_compiler/Zapfino.ttf b/services/clsi/test/acceptance/fixtures/examples/xelatex_compiler/Zapfino.ttf
new file mode 100644
index 0000000..b683280
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/xelatex_compiler/Zapfino.ttf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/xelatex_compiler/main.tex b/services/clsi/test/acceptance/fixtures/examples/xelatex_compiler/main.tex
new file mode 100644
index 0000000..ad9438a
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/xelatex_compiler/main.tex
@@ -0,0 +1,7 @@
+\documentclass[11pt]{article}
+\usepackage{fontspec}
+\setmainfont[Ligatures=TeX]{Zapfino.ttf}
+\begin{document}
+The quick brown fox jumps over the lazy dog
+\end{document}
+
diff --git a/services/clsi/test/acceptance/fixtures/examples/xelatex_compiler/options.json b/services/clsi/test/acceptance/fixtures/examples/xelatex_compiler/options.json
new file mode 100644
index 0000000..a2e0c09
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/xelatex_compiler/options.json
@@ -0,0 +1,3 @@
+{
+	"compiler": "xelatex"
+}
diff --git a/services/clsi/test/acceptance/fixtures/examples/xelatex_compiler/output.pdf b/services/clsi/test/acceptance/fixtures/examples/xelatex_compiler/output.pdf
new file mode 100644
index 0000000..846b388
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/examples/xelatex_compiler/output.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/examples/xelatex_compiler/output.pdfxref b/services/clsi/test/acceptance/fixtures/examples/xelatex_compiler/output.pdfxref
new file mode 100644
index 0000000..20aa4ba
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/examples/xelatex_compiler/output.pdfxref
@@ -0,0 +1,19 @@
+1/0: uncompressed; offset = 8578
+2/0: uncompressed; offset = 15
+3/0: uncompressed; offset = 216
+4/0: uncompressed; offset = 658
+5/0: uncompressed; offset = 708
+6/0: uncompressed; offset = 837
+7/0: uncompressed; offset = 940
+8/0: uncompressed; offset = 1191
+9/0: uncompressed; offset = 1627
+10/0: uncompressed; offset = 7676
+11/0: uncompressed; offset = 7784
+12/0: uncompressed; offset = 7822
+13/0: compressed; stream = 12, index = 0
+14/0: compressed; stream = 12, index = 1
+15/0: compressed; stream = 12, index = 2
+16/0: compressed; stream = 12, index = 3
+17/0: compressed; stream = 12, index = 4
+18/0: compressed; stream = 12, index = 5
+19/0: compressed; stream = 12, index = 6
diff --git a/services/clsi/test/acceptance/fixtures/lion.png b/services/clsi/test/acceptance/fixtures/lion.png
new file mode 100644
index 0000000..64eb549
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/lion.png differ
diff --git a/services/clsi/test/acceptance/fixtures/minimal.pdf b/services/clsi/test/acceptance/fixtures/minimal.pdf
new file mode 100644
index 0000000..d578e90
Binary files /dev/null and b/services/clsi/test/acceptance/fixtures/minimal.pdf differ
diff --git a/services/clsi/test/acceptance/fixtures/minimal.pdfxref b/services/clsi/test/acceptance/fixtures/minimal.pdfxref
new file mode 100644
index 0000000..38b6e8f
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/minimal.pdfxref
@@ -0,0 +1,15 @@
+1/0: uncompressed; offset = 11784
+2/0: uncompressed; offset = 12033
+3/0: uncompressed; offset = 15
+4/0: uncompressed; offset = 216
+5/0: uncompressed; offset = 621
+6/0: uncompressed; offset = 671
+7/0: uncompressed; offset = 791
+8/0: uncompressed; offset = 906
+9/0: uncompressed; offset = 1070
+10/0: uncompressed; offset = 11235
+11/0: compressed; stream = 10, index = 0
+12/0: compressed; stream = 10, index = 1
+13/0: compressed; stream = 10, index = 2
+14/0: compressed; stream = 10, index = 3
+15/0: compressed; stream = 10, index = 4
diff --git a/services/clsi/test/acceptance/fixtures/naugty_strings.txt b/services/clsi/test/acceptance/fixtures/naugty_strings.txt
new file mode 100644
index 0000000..92eb1dd
--- /dev/null
+++ b/services/clsi/test/acceptance/fixtures/naugty_strings.txt
@@ -0,0 +1,626 @@
+\documentclass{article}
+\usepackage[utf8]{inputenc}
+
+\title{eee}
+\author{henry.oswald }
+\date{September 2015}
+
+\usepackage{natbib}
+\usepackage{graphicx}
+
+\begin{document}
+
+\maketitle
+
+\section{Introduction}
+
+Encoding: utf8
+
+#	Reserved Strings
+#
+#	Strings which may be used elsewhere in code
+
+undefined
+undef
+null
+NULL
+(null)
+nil
+NIL
+true
+false
+True
+False
+None
+\
+\\
+
+#	Numeric Strings
+#
+#	Strings which can be interpreted as numeric
+
+0
+1
+1.00
+$1.00
+1/2
+1E2
+1E02
+1E+02
+-1
+-1.00
+-$1.00
+-1/2
+-1E2
+-1E02
+-1E+02
+1/0
+0/0
+-2147483648/-1
+-9223372036854775808/-1
+0.00
+0..0
+.
+0.0.0
+0,00
+0,,0
+,
+0,0,0
+0.0/0
+1.0/0.0
+0.0/0.0
+1,0/0,0
+0,0/0,0
+--1
+-
+-.
+-,
+999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999
+NaN
+Infinity
+-Infinity
+0x0
+0xffffffff
+0xffffffffffffffff
+0xabad1dea
+123456789012345678901234567890123456789
+1,000.00
+1 000.00
+1'000.00
+1,000,000.00
+1 000 000.00
+1'000'000.00
+1.000,00
+1 000,00
+1'000,00
+1.000.000,00
+1 000 000,00
+1'000'000,00
+01000
+08
+09
+2.2250738585072011e-308
+
+#	Special Characters
+#
+#	Strings which contain common special ASCII characters (may need to be escaped)
+
+,./;'[]\-=
+<>?:"{}|_+
+!@#$%^&*()`~
+
+#	Unicode Symbols
+#
+#	Strings which contain common unicode symbols (e.g. smart quotes)
+
+Ω≈ç√∫˜µ≤≥÷
+åß∂ƒ©˙∆˚¬…æ
+œ∑´®†¥¨ˆøπ“‘
+¡™£¢∞§¶•ªº–≠
+¸˛Ç◊ı˜Â¯˘¿
+ÅÍÎÏ˝ÓÔÒÚÆ☃
+Œ„´‰ˇÁ¨ˆØ∏”’
+`⁄€‹›fifl‡°·‚—±
+⅛⅜⅝⅞
+ЁЂЃЄЅІЇЈЉЊЋЌЍЎЏАБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдежзийклмнопрстуфхцчшщъыьэюя
+٠١٢٣٤٥٦٧٨٩
+
+#	Unicode Subscript/Superscript
+#
+#	Strings which contain unicode subscripts/superscripts; can cause rendering issues
+
+⁰⁴⁵
+₀₁₂
+⁰⁴⁵₀₁₂
+
+#	Quotation Marks
+#
+#	Strings which contain misplaced quotation marks; can cause encoding errors
+
+'
+"
+''
+""
+'"'
+"''''"'"
+"'"'"''''"
+
+#	Two-Byte Characters
+#
+#	Strings which contain two-byte characters: can cause rendering issues or character-length issues
+
+田中さんにあげて下さい
+パーティーへ行かないか
+和製漢語
+部落格
+사회과학원 어학연구소
+찦차를 타고 온 펲시맨과 쑛다리 똠방각하
+社會科學院語學研究所
+울란바토르
+𠜎𠜱𠝹𠱓𠱸𠲖𠳏
+
+#	Japanese Emoticons
+#
+#	Strings which consists of Japanese-style emoticons which are popular on the web
+
+ヽ༼ຈل͜ຈ༽ﾉ ヽ༼ຈل͜ຈ༽ﾉ 
+(｡◕ ∀ ◕｡)
+｀ｨ(´∀｀∩
+__ﾛ(,_,*)
+・(￣∀￣)・:*:
+ﾟ･✿ヾ╲(｡◕‿◕｡)╱✿･ﾟ
+,。・:*:・゜’( ☻ ω ☻ )。・:*:・゜’
+(╯°□°）╯︵ ┻━┻)  
+(ﾉಥ益ಥ）ﾉ ┻━┻
+( ͡° ͜ʖ ͡°)
+
+#	Emoji
+#
+#	Strings which contain Emoji; should be the same behavior as two-byte characters, but not always
+
+😍
+👩🏽
+👾 🙇 💁 🙅 🙆 🙋 🙎 🙍 
+🐵 🙈 🙉 🙊
+❤️ 💔 💌 💕 💞 💓 💗 💖 💘 💝 💟 💜 💛 💚 💙
+✋🏿 💪🏿 👐🏿 🙌🏿 👏🏿 🙏🏿
+🚾 🆒 🆓 🆕 🆖 🆗 🆙 🏧
+0️⃣ 1️⃣ 2️⃣ 3️⃣ 4️⃣ 5️⃣ 6️⃣ 7️⃣ 8️⃣ 9️⃣ 🔟
+
+#	Unicode Numbers
+#
+#	Strings which contain unicode numbers; if the code is localized, it should see the input as numeric
+
+１２３
+١٢٣
+
+#	Right-To-Left Strings
+#
+#	Strings which contain text that should be rendered RTL if possible (e.g. Arabic, Hebrew)
+
+ثم نفس سقطت وبالتحديد،, جزيرتي باستخدام أن دنو. إذ هنا؟ الستار وتنصيب كان. أهّل ايطاليا، بريطانيا-فرنسا قد أخذ. سليمان، إتفاقية بين ما, يذكر الحدود أي بعد, معاملة بولندا، الإطلاق عل إيو.
+בְּרֵאשִׁית, בָּרָא אֱלֹהִים, אֵת הַשָּׁמַיִם, וְאֵת הָאָרֶץ
+הָיְתָהtestالصفحات التّحول
+﷽
+ﷺ
+
+#	Unicode Spaces
+#
+#	Strings which contain unicode space characters with special properties (c.f. https://www.cs.tut.fi/~jkorpela/chars/spaces.html)
+
+​
+ 
+᠎
+　
+
+␣
+␢
+␡
+
+#	Trick Unicode
+#
+#	Strings which contain unicode with unusual properties (e.g. Right-to-left override) (c.f. http://www.unicode.org/charts/PDF/U2000.pdf)
+
+‪‪test‪
+‫test‫
+
test

+test⁠test‫
+⁦test⁧
+
+#	Zalgo Text
+#
+#	Strings which contain "corrupted" text. The corruption will not appear in non-HTML text, however. (via http://www.eeemo.net)
+
+Ṱ̺̺̕o͞ ̷i̲̬͇̪͙n̝̗͕v̟̜̘̦͟o̶̙̰̠kè͚̮̺̪̹̱̤ ̖t̝͕̳̣̻̪͞h̼͓̲̦̳̘̲e͇̣̰̦̬͎ ̢̼̻̱̘h͚͎͙̜̣̲ͅi̦̲̣̰̤v̻͍e̺̭̳̪̰-m̢iͅn̖̺̞̲̯̰d̵̼̟͙̩̼̘̳ ̞̥̱̳̭r̛̗̘e͙p͠r̼̞̻̭̗e̺̠̣͟s̘͇̳͍̝͉e͉̥̯̞̲͚̬͜ǹ̬͎͎̟̖͇̤t͍̬̤͓̼̭͘ͅi̪̱n͠g̴͉ ͏͉ͅc̬̟h͡a̫̻̯͘o̫̟̖͍̙̝͉s̗̦̲.̨̹͈̣
+̡͓̞ͅI̗̘̦͝n͇͇͙v̮̫ok̲̫̙͈i̖͙̭̹̠̞n̡̻̮̣̺g̲͈͙̭͙̬͎ ̰t͔̦h̞̲e̢̤ ͍̬̲͖f̴̘͕̣è͖ẹ̥̩l͖͔͚i͓͚̦͠n͖͍̗͓̳̮g͍ ̨o͚̪͡f̘̣̬ ̖̘͖̟͙̮c҉͔̫͖͓͇͖ͅh̵̤̣͚͔á̗̼͕ͅo̼̣̥s̱͈̺̖̦̻͢.̛̖̞̠̫̰
+̗̺͖̹̯͓Ṯ̤͍̥͇͈h̲́e͏͓̼̗̙̼̣͔ ͇̜̱̠͓͍ͅN͕͠e̗̱z̘̝̜̺͙p̤̺̹͍̯͚e̠̻̠͜r̨̤͍̺̖͔̖̖d̠̟̭̬̝͟i̦͖̩͓͔̤a̠̗̬͉̙n͚͜ ̻̞̰͚ͅh̵͉i̳̞v̢͇ḙ͎͟-҉̭̩̼͔m̤̭̫i͕͇̝̦n̗͙ḍ̟ ̯̲͕͞ǫ̟̯̰̲͙̻̝f ̪̰̰̗̖̭̘͘c̦͍̲̞͍̩̙ḥ͚a̮͎̟̙͜ơ̩̹͎s̤.̝̝ ҉Z̡̖̜͖̰̣͉̜a͖̰͙̬͡l̲̫̳͍̩g̡̟̼̱͚̞̬ͅo̗͜.̟
+̦H̬̤̗̤͝e͜ ̜̥̝̻͍̟́w̕h̖̯͓o̝͙̖͎̱̮ ҉̺̙̞̟͈W̷̼̭a̺̪͍į͈͕̭͙̯̜t̶̼̮s̘͙͖̕ ̠̫̠B̻͍͙͉̳ͅe̵h̵̬͇̫͙i̹͓̳̳̮͎̫̕n͟d̴̪̜̖ ̰͉̩͇͙̲͞ͅT͖̼͓̪͢h͏͓̮̻e̬̝̟ͅ ̤̹̝W͙̞̝͔͇͝ͅa͏͓͔̹̼̣l̴͔̰̤̟͔ḽ̫.͕
+Z̮̞̠͙͔ͅḀ̗̞͈̻̗Ḷ͙͎̯̹̞͓G̻O̭̗̮
+
+#	Unicode Upsidedown
+#
+#	Strings which contain unicode with an "upsidedown" effect (via http://www.upsidedowntext.com)
+
+˙ɐnbᴉlɐ ɐuƃɐɯ ǝɹolop ʇǝ ǝɹoqɐl ʇn ʇunpᴉpᴉɔuᴉ ɹodɯǝʇ poɯsnᴉǝ op pǝs 'ʇᴉlǝ ƃuᴉɔsᴉdᴉpɐ ɹnʇǝʇɔǝsuoɔ 'ʇǝɯɐ ʇᴉs ɹolop ɯnsdᴉ ɯǝɹo˥
+00˙Ɩ$-
+
+#	Unicode font
+#
+#	Strings which contain bold/italic/etc. versions of normal characters
+
+Ｔｈｅ ｑｕｉｃｋ ｂｒｏｗｎ ｆｏｘ ｊｕｍｐｓ ｏｖｅｒ ｔｈｅ ｌａｚｙ ｄｏｇ
+𝐓𝐡𝐞 𝐪𝐮𝐢𝐜𝐤 𝐛𝐫𝐨𝐰𝐧 𝐟𝐨𝐱 𝐣𝐮𝐦𝐩𝐬 𝐨𝐯𝐞𝐫 𝐭𝐡𝐞 𝐥𝐚𝐳𝐲 𝐝𝐨𝐠
+𝕿𝖍𝖊 𝖖𝖚𝖎𝖈𝖐 𝖇𝖗𝖔𝖜𝖓 𝖋𝖔𝖝 𝖏𝖚𝖒𝖕𝖘 𝖔𝖛𝖊𝖗 𝖙𝖍𝖊 𝖑𝖆𝖟𝖞 𝖉𝖔𝖌
+𝑻𝒉𝒆 𝒒𝒖𝒊𝒄𝒌 𝒃𝒓𝒐𝒘𝒏 𝒇𝒐𝒙 𝒋𝒖𝒎𝒑𝒔 𝒐𝒗𝒆𝒓 𝒕𝒉𝒆 𝒍𝒂𝒛𝒚 𝒅𝒐𝒈
+𝓣𝓱𝓮 𝓺𝓾𝓲𝓬𝓴 𝓫𝓻𝓸𝔀𝓷 𝓯𝓸𝔁 𝓳𝓾𝓶𝓹𝓼 𝓸𝓿𝓮𝓻 𝓽𝓱𝓮 𝓵𝓪𝔃𝔂 𝓭𝓸𝓰
+𝕋𝕙𝕖 𝕢𝕦𝕚𝕔𝕜 𝕓𝕣𝕠𝕨𝕟 𝕗𝕠𝕩 𝕛𝕦𝕞𝕡𝕤 𝕠𝕧𝕖𝕣 𝕥𝕙𝕖 𝕝𝕒𝕫𝕪 𝕕𝕠𝕘
+𝚃𝚑𝚎 𝚚𝚞𝚒𝚌𝚔 𝚋𝚛𝚘𝚠𝚗 𝚏𝚘𝚡 𝚓𝚞𝚖𝚙𝚜 𝚘𝚟𝚎𝚛 𝚝𝚑𝚎 𝚕𝚊𝚣𝚢 𝚍𝚘𝚐
+⒯⒣⒠ ⒬⒰⒤⒞⒦ ⒝⒭⒪⒲⒩ ⒡⒪⒳ ⒥⒰⒨⒫⒮ ⒪⒱⒠⒭ ⒯⒣⒠ ⒧⒜⒵⒴ ⒟⒪⒢
+
+#	Script Injection
+#
+#	Strings which attempt to invoke a benign script injection; shows vulnerability to XSS
+
+<script>alert(123)</script>
+&lt;script&gt;alert(&#39;123&#39;);&lt;/script&gt;
+<img src=x onerror=alert(123) />
+<svg><script>123<1>alert(123)</script> 
+"><script>alert(123)</script>
+'><script>alert(123)</script>
+><script>alert(123)</script>
+</script><script>alert(123)</script>
+< / script >< script >alert(123)< / script >
+ onfocus=JaVaSCript:alert(123) autofocus 
+" onfocus=JaVaSCript:alert(123) autofocus 
+' onfocus=JaVaSCript:alert(123) autofocus 
+＜script＞alert(123)＜/script＞
+<sc<script>ript>alert(123)</sc</script>ript>
+--><script>alert(123)</script>
+";alert(123);t="
+';alert(123);t='
+JavaSCript:alert(123)
+;alert(123);
+src=JaVaSCript:prompt(132)
+"><script>alert(123);</script x="
+'><script>alert(123);</script x='
+><script>alert(123);</script x=
+" autofocus onkeyup="javascript:alert(123)
+' autofocus onkeyup='javascript:alert(123)
+<script\x20type="text/javascript">javascript:alert(1);</script>
+<script\x3Etype="text/javascript">javascript:alert(1);</script>
+<script\x0Dtype="text/javascript">javascript:alert(1);</script>
+<script\x09type="text/javascript">javascript:alert(1);</script>
+<script\x0Ctype="text/javascript">javascript:alert(1);</script>
+<script\x2Ftype="text/javascript">javascript:alert(1);</script>
+<script\x0Atype="text/javascript">javascript:alert(1);</script>
+'`"><\x3Cscript>javascript:alert(1)</script>        
+'`"><\x00script>javascript:alert(1)</script>
+ABC<div style="x\x3Aexpression(javascript:alert(1)">DEF
+ABC<div style="x:expression\x5C(javascript:alert(1)">DEF
+ABC<div style="x:expression\x00(javascript:alert(1)">DEF
+ABC<div style="x:exp\x00ression(javascript:alert(1)">DEF
+ABC<div style="x:exp\x5Cression(javascript:alert(1)">DEF
+ABC<div style="x:\x0Aexpression(javascript:alert(1)">DEF
+ABC<div style="x:\x09expression(javascript:alert(1)">DEF
+ABC<div style="x:\xE3\x80\x80expression(javascript:alert(1)">DEF
+ABC<div style="x:\xE2\x80\x84expression(javascript:alert(1)">DEF
+ABC<div style="x:\xC2\xA0expression(javascript:alert(1)">DEF
+ABC<div style="x:\xE2\x80\x80expression(javascript:alert(1)">DEF
+ABC<div style="x:\xE2\x80\x8Aexpression(javascript:alert(1)">DEF
+ABC<div style="x:\x0Dexpression(javascript:alert(1)">DEF
+ABC<div style="x:\x0Cexpression(javascript:alert(1)">DEF
+ABC<div style="x:\xE2\x80\x87expression(javascript:alert(1)">DEF
+ABC<div style="x:\xEF\xBB\xBFexpression(javascript:alert(1)">DEF
+ABC<div style="x:\x20expression(javascript:alert(1)">DEF
+ABC<div style="x:\xE2\x80\x88expression(javascript:alert(1)">DEF
+ABC<div style="x:\x00expression(javascript:alert(1)">DEF
+ABC<div style="x:\xE2\x80\x8Bexpression(javascript:alert(1)">DEF
+ABC<div style="x:\xE2\x80\x86expression(javascript:alert(1)">DEF
+ABC<div style="x:\xE2\x80\x85expression(javascript:alert(1)">DEF
+ABC<div style="x:\xE2\x80\x82expression(javascript:alert(1)">DEF
+ABC<div style="x:\x0Bexpression(javascript:alert(1)">DEF
+ABC<div style="x:\xE2\x80\x81expression(javascript:alert(1)">DEF
+ABC<div style="x:\xE2\x80\x83expression(javascript:alert(1)">DEF
+ABC<div style="x:\xE2\x80\x89expression(javascript:alert(1)">DEF
+<a href="\x0Bjavascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x0Fjavascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xC2\xA0javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x05javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xE1\xA0\x8Ejavascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x18javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x11javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xE2\x80\x88javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xE2\x80\x89javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xE2\x80\x80javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x17javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x03javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x0Ejavascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x1Ajavascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x00javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x10javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xE2\x80\x82javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x20javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x13javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x09javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xE2\x80\x8Ajavascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x14javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x19javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xE2\x80\xAFjavascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x1Fjavascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xE2\x80\x81javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x1Djavascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xE2\x80\x87javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x07javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xE1\x9A\x80javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xE2\x80\x83javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x04javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x01javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x08javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xE2\x80\x84javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xE2\x80\x86javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xE3\x80\x80javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x12javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x0Djavascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x0Ajavascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x0Cjavascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x15javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xE2\x80\xA8javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x16javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x02javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x1Bjavascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x06javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xE2\x80\xA9javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xE2\x80\x85javascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x1Ejavascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\xE2\x81\x9Fjavascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="\x1Cjavascript:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="javascript\x00:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="javascript\x3A:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="javascript\x09:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="javascript\x0D:javascript:alert(1)" id="fuzzelement1">test</a>
+<a href="javascript\x0A:javascript:alert(1)" id="fuzzelement1">test</a>
+`"'><img src=xxx:x \x0Aonerror=javascript:alert(1)>
+`"'><img src=xxx:x \x22onerror=javascript:alert(1)>
+`"'><img src=xxx:x \x0Bonerror=javascript:alert(1)>
+`"'><img src=xxx:x \x0Donerror=javascript:alert(1)>
+`"'><img src=xxx:x \x2Fonerror=javascript:alert(1)>
+`"'><img src=xxx:x \x09onerror=javascript:alert(1)>
+`"'><img src=xxx:x \x0Conerror=javascript:alert(1)>
+`"'><img src=xxx:x \x00onerror=javascript:alert(1)>
+`"'><img src=xxx:x \x27onerror=javascript:alert(1)>
+`"'><img src=xxx:x \x20onerror=javascript:alert(1)>
+"`'><script>\x3Bjavascript:alert(1)</script>
+"`'><script>\x0Djavascript:alert(1)</script>
+"`'><script>\xEF\xBB\xBFjavascript:alert(1)</script>
+"`'><script>\xE2\x80\x81javascript:alert(1)</script>
+"`'><script>\xE2\x80\x84javascript:alert(1)</script>
+"`'><script>\xE3\x80\x80javascript:alert(1)</script>
+"`'><script>\x09javascript:alert(1)</script>
+"`'><script>\xE2\x80\x89javascript:alert(1)</script>
+"`'><script>\xE2\x80\x85javascript:alert(1)</script>
+"`'><script>\xE2\x80\x88javascript:alert(1)</script>
+"`'><script>\x00javascript:alert(1)</script>
+"`'><script>\xE2\x80\xA8javascript:alert(1)</script>
+"`'><script>\xE2\x80\x8Ajavascript:alert(1)</script>
+"`'><script>\xE1\x9A\x80javascript:alert(1)</script>
+"`'><script>\x0Cjavascript:alert(1)</script>
+"`'><script>\x2Bjavascript:alert(1)</script>
+"`'><script>\xF0\x90\x96\x9Ajavascript:alert(1)</script>
+"`'><script>-javascript:alert(1)</script>
+"`'><script>\x0Ajavascript:alert(1)</script>
+"`'><script>\xE2\x80\xAFjavascript:alert(1)</script>
+"`'><script>\x7Ejavascript:alert(1)</script>
+"`'><script>\xE2\x80\x87javascript:alert(1)</script>
+"`'><script>\xE2\x81\x9Fjavascript:alert(1)</script>
+"`'><script>\xE2\x80\xA9javascript:alert(1)</script>
+"`'><script>\xC2\x85javascript:alert(1)</script>
+"`'><script>\xEF\xBF\xAEjavascript:alert(1)</script>
+"`'><script>\xE2\x80\x83javascript:alert(1)</script>
+"`'><script>\xE2\x80\x8Bjavascript:alert(1)</script>
+"`'><script>\xEF\xBF\xBEjavascript:alert(1)</script>
+"`'><script>\xE2\x80\x80javascript:alert(1)</script>
+"`'><script>\x21javascript:alert(1)</script>
+"`'><script>\xE2\x80\x82javascript:alert(1)</script>
+"`'><script>\xE2\x80\x86javascript:alert(1)</script>
+"`'><script>\xE1\xA0\x8Ejavascript:alert(1)</script>
+"`'><script>\x0Bjavascript:alert(1)</script>
+"`'><script>\x20javascript:alert(1)</script>
+"`'><script>\xC2\xA0javascript:alert(1)</script>
+<img \x00src=x onerror="alert(1)">
+<img \x47src=x onerror="javascript:alert(1)">
+<img \x11src=x onerror="javascript:alert(1)">
+<img \x12src=x onerror="javascript:alert(1)">
+<img\x47src=x onerror="javascript:alert(1)">
+<img\x10src=x onerror="javascript:alert(1)">
+<img\x13src=x onerror="javascript:alert(1)">
+<img\x32src=x onerror="javascript:alert(1)">
+<img\x47src=x onerror="javascript:alert(1)">
+<img\x11src=x onerror="javascript:alert(1)">
+<img \x47src=x onerror="javascript:alert(1)">
+<img \x34src=x onerror="javascript:alert(1)">
+<img \x39src=x onerror="javascript:alert(1)">
+<img \x00src=x onerror="javascript:alert(1)">
+<img src\x09=x onerror="javascript:alert(1)">
+<img src\x10=x onerror="javascript:alert(1)">
+<img src\x13=x onerror="javascript:alert(1)">
+<img src\x32=x onerror="javascript:alert(1)">
+<img src\x12=x onerror="javascript:alert(1)">
+<img src\x11=x onerror="javascript:alert(1)">
+<img src\x00=x onerror="javascript:alert(1)">
+<img src\x47=x onerror="javascript:alert(1)">
+<img src=x\x09onerror="javascript:alert(1)">
+<img src=x\x10onerror="javascript:alert(1)">
+<img src=x\x11onerror="javascript:alert(1)">
+<img src=x\x12onerror="javascript:alert(1)">
+<img src=x\x13onerror="javascript:alert(1)">
+<img[a][b][c]src[d]=x[e]onerror=[f]"alert(1)">
+<img src=x onerror=\x09"javascript:alert(1)">
+<img src=x onerror=\x10"javascript:alert(1)">
+<img src=x onerror=\x11"javascript:alert(1)">
+<img src=x onerror=\x12"javascript:alert(1)">
+<img src=x onerror=\x32"javascript:alert(1)">
+<img src=x onerror=\x00"javascript:alert(1)">
+<a href=java&#1&#2&#3&#4&#5&#6&#7&#8&#11&#12script:javascript:alert(1)>XXX</a>
+<img src="x` `<script>javascript:alert(1)</script>"` `>
+<img src onerror /" '"= alt=javascript:alert(1)//">
+<title onpropertychange=javascript:alert(1)></title><title title=>
+<a href=http://foo.bar/#x=`y></a><img alt="`><img src=x:x onerror=javascript:alert(1)></a>">
+<!--[if]><script>javascript:alert(1)</script -->
+<!--[if<img src=x onerror=javascript:alert(1)//]> -->
+<script src="/\%(jscript)s"></script>
+<script src="\\%(jscript)s"></script>
+<IMG """><SCRIPT>alert("XSS")</SCRIPT>">
+<IMG SRC=javascript:alert(String.fromCharCode(88,83,83))>
+<IMG SRC=# onmouseover="alert('xxs')">
+<IMG SRC= onmouseover="alert('xxs')">
+<IMG onmouseover="alert('xxs')">
+<IMG SRC=&#106;&#97;&#118;&#97;&#115;&#99;&#114;&#105;&#112;&#116;&#58;&#97;&#108;&#101;&#114;&#116;&#40;&#39;&#88;&#83;&#83;&#39;&#41;>
+<IMG SRC=&#0000106&#0000097&#0000118&#0000097&#0000115&#0000099&#0000114&#0000105&#0000112&#0000116&#0000058&#0000097&#0000108&#0000101&#0000114&#0000116&#0000040&#0000039&#0000088&#0000083&#0000083&#0000039&#0000041>
+<IMG SRC=&#x6A&#x61&#x76&#x61&#x73&#x63&#x72&#x69&#x70&#x74&#x3A&#x61&#x6C&#x65&#x72&#x74&#x28&#x27&#x58&#x53&#x53&#x27&#x29>
+<IMG SRC="jav   ascript:alert('XSS');">
+<IMG SRC="jav&#x09;ascript:alert('XSS');">
+<IMG SRC="jav&#x0A;ascript:alert('XSS');">
+<IMG SRC="jav&#x0D;ascript:alert('XSS');">
+perl -e 'print "<IMG SRC=java\0script:alert(\"XSS\")>";' > out
+<IMG SRC=" &#14;  javascript:alert('XSS');">
+<SCRIPT/XSS SRC="http://ha.ckers.org/xss.js"></SCRIPT>
+<BODY onload!#$%&()*~+-_.,:;?@[/|\]^`=alert("XSS")>
+<SCRIPT/SRC="http://ha.ckers.org/xss.js"></SCRIPT>
+<<SCRIPT>alert("XSS");//<</SCRIPT>
+<SCRIPT SRC=http://ha.ckers.org/xss.js?< B >
+<SCRIPT SRC=//ha.ckers.org/.j>
+<IMG SRC="javascript:alert('XSS')"
+<iframe src=http://ha.ckers.org/scriptlet.html <
+\";alert('XSS');//
+<plaintext>
+
+#	SQL Injection
+#
+#	Strings which can cause a SQL injection if inputs are not sanitized
+
+1;DROP TABLE users
+1'; DROP TABLE users-- 1
+' OR 1=1 -- 1
+' OR '1'='1
+
+#	Server Code Injection
+#
+#	Strings which can cause user to run code on server as a privileged user (c.f. https://news.ycombinator.com/item?id=7665153)
+
+-
+--
+--version
+--help
+$USER
+/dev/null; touch /tmp/blns.fail ; echo
+`touch /tmp/blns.fail`
+$(touch /tmp/blns.fail)
+@{[system "touch /tmp/blns.fail"]}
+
+#	Command Injection (Ruby)
+#
+#	Strings which can call system commands within Ruby/Rails applications
+
+eval("puts 'hello world'")
+System("ls -al /")
+`ls -al /`
+Kernel.exec("ls -al /")
+Kernel.exit(1)
+%x('ls -al /')
+
+#      XXE Injection (XML)
+#
+#	String which can reveal system files when parsed by a badly configured XML parser
+
+<?xml version="1.0" encoding="ISO-8859-1"?><!DOCTYPE foo [ <!ELEMENT foo ANY ><!ENTITY xxe SYSTEM "file:///etc/passwd" >]><foo>&xxe;</foo>
+
+#	Unwanted Interpolation
+#
+#	Strings which can be accidentally expanded into different strings if evaluated in the wrong context, e.g. used as a printf format string or via Perl or shell eval. Might expose sensitive data from the program doing the interpolation, or might just represent the wrong string.
+
+$HOME
+$ENV{'HOME'}
+%d
+%s
+%*.*s
+
+#	File Inclusion
+#
+#	Strings which can cause user to pull in files that should not be a part of a web server
+
+../../../../../../../../../../../etc/passwd%00
+../../../../../../../../../../../etc/hosts
+
+#	Known CVEs and Vulnerabilities
+#
+#	Strings that test for known vulnerabilities
+
+() { 0; }; touch /tmp/blns.shellshock1.fail;
+() { _; } >_[$($())] { touch /tmp/blns.shellshock2.fail; }
+
+#	MSDOS/Windows Special Filenames
+#
+#	Strings which are reserved characters in MSDOS/Windows
+
+CON
+PRN
+AUX
+CLOCK$
+NUL
+A:
+ZZ:
+COM1
+LPT1
+LPT2
+LPT3
+COM2
+COM3
+COM4
+
+#	Scunthorpe Problem
+#
+#	Innocuous strings which may be blocked by profanity filters (https://en.wikipedia.org/wiki/Scunthorpe_problem)
+
+Scunthorpe General Hospital
+Penistone Community Church
+Lightwater Country Park
+Jimmy Clitheroe
+Horniman Museum
+shitake mushrooms
+RomansInSussex.co.uk
+http://www.cum.qc.ca/
+Craig Cockburn, Software Specialist
+Linda Callahan
+Dr. Herman I. Libshitz
+magna cum laude
+Super Bowl XXX
+medieval erection of parapets
+evaluate
+mocha
+expression
+Arsenal canal
+classic
+Tyson Gay
+
+#	Human injection
+#
+#	Strings which may cause human to reinterpret worldview
+
+If you're reading this, you've been in a coma for almost 20 years now. We're trying a new technique. We don't know where this message will end up in your dream, but we hope it works. Please wake up, we miss you.
+
+#	Terminal escape codes
+#
+#	Strings which punish the fools who use cat/type on this file
+
+Roses are red, violets are blue. Hope you enjoy terminal hue
+But now...for my greatest trick...
+The quick brown fox... [Beeeep]
+
+#	iOS Vulnerability
+#
+#	Strings which crashed iMessage in iOS versions 8.3 and earlier
+
+Powerلُلُصّبُلُلصّبُررً ॣ ॣh ॣ ॣ冗
+
+
+\end{document}
diff --git a/services/clsi/test/acceptance/js/AllowedImageNamesTests.js b/services/clsi/test/acceptance/js/AllowedImageNamesTests.js
new file mode 100644
index 0000000..897f5d9
--- /dev/null
+++ b/services/clsi/test/acceptance/js/AllowedImageNamesTests.js
@@ -0,0 +1,187 @@
+const Client = require('./helpers/Client')
+const ClsiApp = require('./helpers/ClsiApp')
+const { expect } = require('chai')
+
+describe('AllowedImageNames', function () {
+  beforeEach(function (done) {
+    this.project_id = Client.randomId()
+    this.request = {
+      options: {
+        imageName: undefined,
+      },
+      resources: [
+        {
+          path: 'main.tex',
+          content: `\
+\\documentclass{article}
+\\begin{document}
+Hello world
+\\end{document}\
+`,
+        },
+      ],
+    }
+    ClsiApp.ensureRunning(done)
+  })
+
+  describe('with a valid name', function () {
+    beforeEach(function (done) {
+      this.request.options.imageName = process.env.TEXLIVE_IMAGE
+
+      Client.compile(this.project_id, this.request, (error, res, body) => {
+        this.error = error
+        this.res = res
+        this.body = body
+        done(error)
+      })
+    })
+    it('should return success', function () {
+      expect(this.res.statusCode).to.equal(200)
+    })
+
+    it('should return a PDF', function () {
+      let pdf
+      try {
+        pdf = Client.getOutputFile(this.body, 'pdf')
+      } catch (e) {}
+      expect(pdf).to.exist
+    })
+  })
+
+  describe('with an invalid name', function () {
+    beforeEach(function (done) {
+      this.request.options.imageName = 'something/evil:1337'
+      Client.compile(this.project_id, this.request, (error, res, body) => {
+        this.error = error
+        this.res = res
+        this.body = body
+        done(error)
+      })
+    })
+    it('should return non success', function () {
+      expect(this.res.statusCode).to.not.equal(200)
+    })
+
+    it('should not return a PDF', function () {
+      let pdf
+      try {
+        pdf = Client.getOutputFile(this.body, 'pdf')
+      } catch (e) {}
+      expect(pdf).to.not.exist
+    })
+  })
+
+  describe('syncToCode', function () {
+    beforeEach(function (done) {
+      Client.compile(this.project_id, this.request, done)
+    })
+    it('should error out with an invalid imageName', function (done) {
+      Client.syncFromCodeWithImage(
+        this.project_id,
+        'main.tex',
+        3,
+        5,
+        'something/evil:1337',
+        (error, body) => {
+          expect(String(error)).to.include('statusCode=400')
+          expect(body).to.equal('invalid image')
+          done()
+        }
+      )
+    })
+
+    it('should produce a mapping a valid imageName', function (done) {
+      Client.syncFromCodeWithImage(
+        this.project_id,
+        'main.tex',
+        3,
+        5,
+        process.env.TEXLIVE_IMAGE,
+        (error, result) => {
+          expect(error).to.not.exist
+          expect(result).to.deep.equal({
+            pdf: [
+              {
+                page: 1,
+                h: 133.768356,
+                v: 134.764618,
+                height: 6.918498,
+                width: 343.71106,
+              },
+            ],
+          })
+          done()
+        }
+      )
+    })
+  })
+
+  describe('syncToPdf', function () {
+    beforeEach(function (done) {
+      Client.compile(this.project_id, this.request, done)
+    })
+    it('should error out with an invalid imageName', function (done) {
+      Client.syncFromPdfWithImage(
+        this.project_id,
+        'main.tex',
+        100,
+        200,
+        'something/evil:1337',
+        (error, body) => {
+          expect(String(error)).to.include('statusCode=400')
+          expect(body).to.equal('invalid image')
+          done()
+        }
+      )
+    })
+
+    it('should produce a mapping a valid imageName', function (done) {
+      Client.syncFromPdfWithImage(
+        this.project_id,
+        1,
+        100,
+        200,
+        process.env.TEXLIVE_IMAGE,
+        (error, result) => {
+          expect(error).to.not.exist
+          expect(result).to.deep.equal({
+            code: [{ file: 'main.tex', line: 3, column: -1 }],
+          })
+          done()
+        }
+      )
+    })
+  })
+
+  describe('wordcount', function () {
+    beforeEach(function (done) {
+      Client.compile(this.project_id, this.request, done)
+    })
+    it('should error out with an invalid imageName', function (done) {
+      Client.wordcountWithImage(
+        this.project_id,
+        'main.tex',
+        'something/evil:1337',
+        (error, body) => {
+          expect(String(error)).to.include('statusCode=400')
+          expect(body).to.equal('invalid image')
+          done()
+        }
+      )
+    })
+
+    it('should produce a texcout a valid imageName', function (done) {
+      Client.wordcountWithImage(
+        this.project_id,
+        'main.tex',
+        process.env.TEXLIVE_IMAGE,
+        (error, result) => {
+          expect(error).to.not.exist
+          expect(result).to.exist
+          expect(result.texcount).to.exist
+          done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/clsi/test/acceptance/js/BrokenLatexFileTests.js b/services/clsi/test/acceptance/js/BrokenLatexFileTests.js
new file mode 100644
index 0000000..46d07da
--- /dev/null
+++ b/services/clsi/test/acceptance/js/BrokenLatexFileTests.js
@@ -0,0 +1,124 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const Client = require('./helpers/Client')
+const request = require('request')
+const ClsiApp = require('./helpers/ClsiApp')
+const { expect } = require('chai')
+
+describe('Broken LaTeX file', function () {
+  before(function (done) {
+    this.broken_request = {
+      resources: [
+        {
+          path: 'main.tex',
+          content: `\
+\\documentclass{articl % :(
+\\begin{documen % :(
+Broken
+\\end{documen % :(\
+`,
+        },
+      ],
+    }
+    this.correct_request = {
+      resources: [
+        {
+          path: 'main.tex',
+          content: `\
+\\documentclass{article}
+\\begin{document}
+Hello world
+\\end{document}\
+`,
+        },
+      ],
+    }
+    return ClsiApp.ensureRunning(done)
+  })
+
+  describe('on first run', function () {
+    before(function (done) {
+      this.project_id = Client.randomId()
+      return Client.compile(
+        this.project_id,
+        this.broken_request,
+        (error, res, body) => {
+          this.error = error
+          this.res = res
+          this.body = body
+          return done()
+        }
+      )
+    })
+
+    it('should return a failure status', function () {
+      return this.body.compile.status.should.equal('failure')
+    })
+
+    it('should return isInitialCompile flag', function () {
+      expect(this.body.compile.stats.isInitialCompile).to.equal(1)
+    })
+
+    it('should return output files', function () {
+      // NOTE: No output.pdf file.
+      this.body.compile.outputFiles
+        .map(f => f.path)
+        .should.deep.equal([
+          'output.aux',
+          'output.fdb_latexmk',
+          'output.fls',
+          'output.log',
+          'output.stderr',
+          'output.stdout',
+        ])
+    })
+  })
+
+  return describe('on second run', function () {
+    before(function (done) {
+      this.project_id = Client.randomId()
+      return Client.compile(this.project_id, this.correct_request, () => {
+        return Client.compile(
+          this.project_id,
+          this.broken_request,
+          (error, res, body) => {
+            this.error = error
+            this.res = res
+            this.body = body
+            return done()
+          }
+        )
+      })
+    })
+
+    it('should return a failure status', function () {
+      return this.body.compile.status.should.equal('failure')
+    })
+
+    it('should not return isInitialCompile flag', function () {
+      expect(this.body.compile.stats.isInitialCompile).to.not.exist
+    })
+
+    it('should return output files', function () {
+      // NOTE: No output.pdf file.
+      this.body.compile.outputFiles
+        .map(f => f.path)
+        .should.deep.equal([
+          'output.aux',
+          'output.fdb_latexmk',
+          'output.fls',
+          'output.log',
+          'output.stderr',
+          'output.stdout',
+        ])
+    })
+  })
+})
diff --git a/services/clsi/test/acceptance/js/DeleteOldFilesTest.js b/services/clsi/test/acceptance/js/DeleteOldFilesTest.js
new file mode 100644
index 0000000..09eea1a
--- /dev/null
+++ b/services/clsi/test/acceptance/js/DeleteOldFilesTest.js
@@ -0,0 +1,72 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const Client = require('./helpers/Client')
+const request = require('request')
+const ClsiApp = require('./helpers/ClsiApp')
+
+describe('Deleting Old Files', function () {
+  before(function (done) {
+    this.request = {
+      resources: [
+        {
+          path: 'main.tex',
+          content: `\
+\\documentclass{article}
+\\begin{document}
+Hello world
+\\end{document}\
+`,
+        },
+      ],
+    }
+    return ClsiApp.ensureRunning(done)
+  })
+
+  return describe('on first run', function () {
+    before(function (done) {
+      this.project_id = Client.randomId()
+      return Client.compile(
+        this.project_id,
+        this.request,
+        (error, res, body) => {
+          this.error = error
+          this.res = res
+          this.body = body
+          return done()
+        }
+      )
+    })
+
+    it('should return a success status', function () {
+      return this.body.compile.status.should.equal('success')
+    })
+
+    return describe('after file has been deleted', function () {
+      before(function (done) {
+        this.request.resources = []
+        return Client.compile(
+          this.project_id,
+          this.request,
+          (error, res, body) => {
+            this.error = error
+            this.res = res
+            this.body = body
+            return done()
+          }
+        )
+      })
+
+      return it('should return a failure status', function () {
+        return this.body.compile.status.should.equal('failure')
+      })
+    })
+  })
+})
diff --git a/services/clsi/test/acceptance/js/ExampleDocumentTests.js b/services/clsi/test/acceptance/js/ExampleDocumentTests.js
new file mode 100644
index 0000000..b463584
--- /dev/null
+++ b/services/clsi/test/acceptance/js/ExampleDocumentTests.js
@@ -0,0 +1,285 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS103: Rewrite code to no longer use __guard__
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const Client = require('./helpers/Client')
+const fetch = require('node-fetch')
+const { pipeline } = require('node:stream')
+const fs = require('node:fs')
+const ChildProcess = require('node:child_process')
+const ClsiApp = require('./helpers/ClsiApp')
+const logger = require('@overleaf/logger')
+const Path = require('node:path')
+const fixturePath = path => {
+  if (path.slice(0, 3) === 'tmp') {
+    return '/tmp/clsi_acceptance_tests' + path.slice(3)
+  }
+  return Path.join(__dirname, '../fixtures/', path)
+}
+const process = require('node:process')
+console.log(
+  process.pid,
+  process.ppid,
+  process.getuid(),
+  process.getgroups(),
+  'PID'
+)
+
+const MOCHA_LATEX_TIMEOUT = 60 * 1000
+
+const convertToPng = function (pdfPath, pngPath, callback) {
+  if (callback == null) {
+    callback = function () {}
+  }
+  const command = `convert ${fixturePath(pdfPath)} ${fixturePath(pngPath)}`
+  console.log('COMMAND')
+  console.log(command)
+  const convert = ChildProcess.exec(command)
+  const stdout = ''
+  convert.stdout.on('data', chunk => console.log('STDOUT', chunk.toString()))
+  convert.stderr.on('data', chunk => console.log('STDERR', chunk.toString()))
+  return convert.on('exit', () => callback())
+}
+
+const compare = function (originalPath, generatedPath, callback) {
+  if (callback == null) {
+    callback = function () {}
+  }
+  const diffFile = `${fixturePath(generatedPath)}-diff.png`
+  const proc = ChildProcess.exec(
+    `compare -metric mae ${fixturePath(originalPath)} ${fixturePath(
+      generatedPath
+    )} ${diffFile}`
+  )
+  let stderr = ''
+  proc.stderr.on('data', chunk => (stderr += chunk))
+  return proc.on('exit', () => {
+    if (stderr.trim() === '0 (0)') {
+      // remove output diff if test matches expected image
+      fs.unlink(diffFile, err => {
+        if (err) {
+          throw err
+        }
+      })
+      return callback(null, true)
+    } else {
+      console.log('compare result', stderr)
+      return callback(null, false)
+    }
+  })
+}
+
+const checkPdfInfo = function (pdfPath, callback) {
+  if (callback == null) {
+    callback = function () {}
+  }
+  const proc = ChildProcess.exec(`pdfinfo ${fixturePath(pdfPath)}`)
+  let stdout = ''
+  proc.stdout.on('data', chunk => (stdout += chunk))
+  proc.stderr.on('data', chunk => console.log('STDERR', chunk.toString()))
+  return proc.on('exit', () => {
+    if (stdout.match(/Optimized:\s+yes/)) {
+      return callback(null, true)
+    } else {
+      return callback(null, false)
+    }
+  })
+}
+
+const compareMultiplePages = function (projectId, callback) {
+  if (callback == null) {
+    callback = function () {}
+  }
+  function compareNext(pageNo, callback) {
+    const path = `tmp/${projectId}-source-${pageNo}.png`
+    return fs.stat(fixturePath(path), (error, stat) => {
+      if (error != null) {
+        return callback()
+      } else {
+        return compare(
+          `tmp/${projectId}-source-${pageNo}.png`,
+          `tmp/${projectId}-generated-${pageNo}.png`,
+          (error, same) => {
+            if (error != null) {
+              throw error
+            }
+            same.should.equal(true)
+            return compareNext(pageNo + 1, callback)
+          }
+        )
+      }
+    })
+  }
+  return compareNext(0, callback)
+}
+
+const comparePdf = function (projectId, exampleDir, callback) {
+  if (callback == null) {
+    callback = function () {}
+  }
+  console.log('CONVERT')
+  console.log(`tmp/${projectId}.pdf`, `tmp/${projectId}-generated.png`)
+  return convertToPng(
+    `tmp/${projectId}.pdf`,
+    `tmp/${projectId}-generated.png`,
+    error => {
+      if (error != null) {
+        throw error
+      }
+      return convertToPng(
+        `examples/${exampleDir}/output.pdf`,
+        `tmp/${projectId}-source.png`,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          return fs.stat(
+            fixturePath(`tmp/${projectId}-source-0.png`),
+            (error, stat) => {
+              if (error != null) {
+                return compare(
+                  `tmp/${projectId}-source.png`,
+                  `tmp/${projectId}-generated.png`,
+                  (error, same) => {
+                    if (error != null) {
+                      throw error
+                    }
+                    same.should.equal(true)
+                    return callback()
+                  }
+                )
+              } else {
+                return compareMultiplePages(projectId, error => {
+                  if (error != null) {
+                    throw error
+                  }
+                  return callback()
+                })
+              }
+            }
+          )
+        }
+      )
+    }
+  )
+}
+
+const downloadAndComparePdf = function (projectId, exampleDir, url, callback) {
+  fetch(url)
+    .then(res => {
+      if (!res.ok) {
+        return callback(new Error('non success response: ' + res.statusText))
+      }
+
+      const dest = fs.createWriteStream(fixturePath(`tmp/${projectId}.pdf`))
+      pipeline(res.body, dest, err => {
+        if (err) return callback(err)
+
+        checkPdfInfo(`tmp/${projectId}.pdf`, (err, optimised) => {
+          if (err) return callback(err)
+
+          optimised.should.equal(true)
+          comparePdf(projectId, exampleDir, callback)
+        })
+      })
+    })
+    .catch(callback)
+}
+
+describe('Example Documents', function () {
+  Client.runFakeFilestoreService(fixturePath('examples'))
+
+  before(function (done) {
+    ClsiApp.ensureRunning(done)
+  })
+  before(function (done) {
+    fs.rm(fixturePath('tmp'), { force: true, recursive: true }, done)
+  })
+  before(function (done) {
+    fs.mkdir(fixturePath('tmp'), done)
+  })
+  after(function (done) {
+    fs.rm(fixturePath('tmp'), { force: true, recursive: true }, done)
+  })
+
+  return Array.from(fs.readdirSync(fixturePath('examples'))).map(exampleDir =>
+    (exampleDir =>
+      describe(exampleDir, function () {
+        before(function () {
+          return (this.project_id = Client.randomId() + '_' + exampleDir)
+        })
+
+        it('should generate the correct pdf', function (done) {
+          this.timeout(MOCHA_LATEX_TIMEOUT)
+          return Client.compileDirectory(
+            this.project_id,
+            fixturePath('examples'),
+            exampleDir,
+            (error, res, body) => {
+              if (
+                error ||
+                __guard__(
+                  body != null ? body.compile : undefined,
+                  x => x.status
+                ) === 'failure'
+              ) {
+                console.log('DEBUG: error', error, 'body', JSON.stringify(body))
+                return done(new Error('Compile failed'))
+              }
+              const pdf = Client.getOutputFile(body, 'pdf')
+              return downloadAndComparePdf(
+                this.project_id,
+                exampleDir,
+                pdf.url,
+                done
+              )
+            }
+          )
+        })
+
+        return it('should generate the correct pdf on the second run as well', function (done) {
+          this.timeout(MOCHA_LATEX_TIMEOUT)
+          return Client.compileDirectory(
+            this.project_id,
+            fixturePath('examples'),
+            exampleDir,
+            (error, res, body) => {
+              if (
+                error ||
+                __guard__(
+                  body != null ? body.compile : undefined,
+                  x => x.status
+                ) === 'failure'
+              ) {
+                console.log('DEBUG: error', error, 'body', JSON.stringify(body))
+                return done(new Error('Compile failed'))
+              }
+              const pdf = Client.getOutputFile(body, 'pdf')
+              return downloadAndComparePdf(
+                this.project_id,
+                exampleDir,
+                pdf.url,
+                done
+              )
+            }
+          )
+        })
+      }))(exampleDir)
+  )
+})
+
+function __guard__(value, transform) {
+  return typeof value !== 'undefined' && value !== null
+    ? transform(value)
+    : undefined
+}
diff --git a/services/clsi/test/acceptance/js/SimpleLatexFileTests.js b/services/clsi/test/acceptance/js/SimpleLatexFileTests.js
new file mode 100644
index 0000000..e2256b2
--- /dev/null
+++ b/services/clsi/test/acceptance/js/SimpleLatexFileTests.js
@@ -0,0 +1,91 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const Client = require('./helpers/Client')
+const request = require('request')
+const ClsiApp = require('./helpers/ClsiApp')
+const Settings = require('@overleaf/settings')
+
+describe('Simple LaTeX file', function () {
+  before(function (done) {
+    this.project_id = Client.randomId()
+    this.request = {
+      resources: [
+        {
+          path: 'main.tex',
+          content: `\
+\\documentclass{article}
+\\begin{document}
+Hello world
+\\end{document}\
+`,
+        },
+      ],
+      options: {
+        metricsPath: 'clsi-perf',
+        metricsMethod: 'priority',
+      },
+    }
+    return ClsiApp.ensureRunning(() => {
+      return Client.compile(
+        this.project_id,
+        this.request,
+        (error, res, body) => {
+          this.error = error
+          this.res = res
+          this.body = body
+          return done()
+        }
+      )
+    })
+  })
+
+  it('should return the PDF', function () {
+    const pdf = Client.getOutputFile(this.body, 'pdf')
+    return pdf.type.should.equal('pdf')
+  })
+
+  it('should return the log', function () {
+    const log = Client.getOutputFile(this.body, 'log')
+    return log.type.should.equal('log')
+  })
+
+  it('should provide the pdf for download', function (done) {
+    const pdf = Client.getOutputFile(this.body, 'pdf')
+    return request.get(pdf.url, (error, res, body) => {
+      if (error) return done(error)
+      res.statusCode.should.equal(200)
+      return done()
+    })
+  })
+
+  it('should provide the log for download', function (done) {
+    const log = Client.getOutputFile(this.body, 'pdf')
+    return request.get(log.url, (error, res, body) => {
+      if (error) return done(error)
+      res.statusCode.should.equal(200)
+      return done()
+    })
+  })
+
+  it('should gather personalized metrics', function (done) {
+    request.get(`${Settings.apis.clsi.url}/metrics`, (err, res, body) => {
+      if (err) return done(err)
+      body
+        .split('\n')
+        .some(line => {
+          return (
+            line.startsWith('compile') &&
+            line.includes('path="clsi-perf"') &&
+            line.includes('method="priority"')
+          )
+        })
+        .should.equal(true)
+      done()
+    })
+  })
+})
diff --git a/services/clsi/test/acceptance/js/Stats.js b/services/clsi/test/acceptance/js/Stats.js
new file mode 100644
index 0000000..4f071ab
--- /dev/null
+++ b/services/clsi/test/acceptance/js/Stats.js
@@ -0,0 +1,16 @@
+const request = require('request')
+const Settings = require('@overleaf/settings')
+after(function (done) {
+  request(
+    {
+      url: `${Settings.apis.clsi.url}/metrics`,
+    },
+    (err, response, body) => {
+      if (err) return done(err)
+      console.error('-- metrics --')
+      console.error(body)
+      console.error('-- metrics --')
+      done()
+    }
+  )
+})
diff --git a/services/clsi/test/acceptance/js/SynctexTests.js b/services/clsi/test/acceptance/js/SynctexTests.js
new file mode 100644
index 0000000..5ba5bb5
--- /dev/null
+++ b/services/clsi/test/acceptance/js/SynctexTests.js
@@ -0,0 +1,188 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const Client = require('./helpers/Client')
+const request = require('request')
+const { expect } = require('chai')
+const ClsiApp = require('./helpers/ClsiApp')
+const crypto = require('node:crypto')
+
+describe('Syncing', function () {
+  before(function (done) {
+    const content = `\
+\\documentclass{article}
+\\begin{document}
+Hello world
+\\end{document}\
+`
+    this.request = {
+      resources: [
+        {
+          path: 'main.tex',
+          content,
+        },
+      ],
+    }
+    this.project_id = Client.randomId()
+    return ClsiApp.ensureRunning(() => {
+      return Client.compile(
+        this.project_id,
+        this.request,
+        (error, res, body) => {
+          this.error = error
+          this.res = res
+          this.body = body
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('from code to pdf', function () {
+    return it('should return the correct location', function (done) {
+      return Client.syncFromCode(
+        this.project_id,
+        'main.tex',
+        3,
+        5,
+        (error, pdfPositions) => {
+          if (error != null) {
+            throw error
+          }
+          expect(pdfPositions).to.deep.equal({
+            pdf: [
+              {
+                page: 1,
+                h: 133.768356,
+                v: 134.764618,
+                height: 6.918498,
+                width: 343.71106,
+              },
+            ],
+          })
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('from pdf to code', function () {
+    return it('should return the correct location', function (done) {
+      return Client.syncFromPdf(
+        this.project_id,
+        1,
+        100,
+        200,
+        (error, codePositions) => {
+          if (error != null) {
+            throw error
+          }
+          expect(codePositions).to.deep.equal({
+            code: [{ file: 'main.tex', line: 3, column: -1 }],
+          })
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('when the project directory is not available', function () {
+    before(function () {
+      this.other_project_id = Client.randomId()
+    })
+    describe('from code to pdf', function () {
+      it('should return a 404 response', function (done) {
+        return Client.syncFromCode(
+          this.other_project_id,
+          'main.tex',
+          3,
+          5,
+          (error, body) => {
+            expect(String(error)).to.include('statusCode=404')
+            expect(body).to.equal('Not Found')
+            return done()
+          }
+        )
+      })
+    })
+    describe('from pdf to code', function () {
+      it('should return a 404 response', function (done) {
+        return Client.syncFromPdf(
+          this.other_project_id,
+          1,
+          100,
+          200,
+          (error, body) => {
+            expect(String(error)).to.include('statusCode=404')
+            expect(body).to.equal('Not Found')
+            return done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('when the synctex file is not available', function () {
+    before(function (done) {
+      this.broken_project_id = Client.randomId()
+      const content = 'this is not valid tex' // not a valid tex file
+      this.request = {
+        resources: [
+          {
+            path: 'main.tex',
+            content,
+          },
+        ],
+      }
+      Client.compile(
+        this.broken_project_id,
+        this.request,
+        (error, res, body) => {
+          this.error = error
+          this.res = res
+          this.body = body
+          return done()
+        }
+      )
+    })
+
+    describe('from code to pdf', function () {
+      it('should return a 404 response', function (done) {
+        return Client.syncFromCode(
+          this.broken_project_id,
+          'main.tex',
+          3,
+          5,
+          (error, body) => {
+            expect(String(error)).to.include('statusCode=404')
+            expect(body).to.equal('Not Found')
+            return done()
+          }
+        )
+      })
+    })
+    describe('from pdf to code', function () {
+      it('should return a 404 response', function (done) {
+        return Client.syncFromPdf(
+          this.broken_project_id,
+          1,
+          100,
+          200,
+          (error, body) => {
+            expect(String(error)).to.include('statusCode=404')
+            expect(body).to.equal('Not Found')
+            return done()
+          }
+        )
+      })
+    })
+  })
+})
diff --git a/services/clsi/test/acceptance/js/TimeoutTests.js b/services/clsi/test/acceptance/js/TimeoutTests.js
new file mode 100644
index 0000000..e9175d2
--- /dev/null
+++ b/services/clsi/test/acceptance/js/TimeoutTests.js
@@ -0,0 +1,66 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const Client = require('./helpers/Client')
+const request = require('request')
+const ClsiApp = require('./helpers/ClsiApp')
+const { expect } = require('chai')
+
+describe('Timed out compile', function () {
+  before(function (done) {
+    this.request = {
+      options: {
+        timeout: 10,
+      }, // seconds
+      resources: [
+        {
+          path: 'main.tex',
+          content: `\
+\\documentclass{article}
+\\begin{document}
+\\def\\x{Hello!\\par\\x}
+\\x
+\\end{document}\
+`,
+        },
+      ],
+    }
+    this.project_id = Client.randomId()
+    return ClsiApp.ensureRunning(() => {
+      return Client.compile(
+        this.project_id,
+        this.request,
+        (error, res, body) => {
+          this.error = error
+          this.res = res
+          this.body = body
+          return done()
+        }
+      )
+    })
+  })
+
+  it('should return a timeout error', function () {
+    return this.body.compile.error.should.equal('container timed out')
+  })
+
+  it('should return a timedout status', function () {
+    return this.body.compile.status.should.equal('timedout')
+  })
+
+  it('should return isInitialCompile flag', function () {
+    expect(this.body.compile.stats.isInitialCompile).to.equal(1)
+  })
+
+  return it('should return the log output file name', function () {
+    const outputFilePaths = this.body.compile.outputFiles.map(x => x.path)
+    return outputFilePaths.should.include('output.log')
+  })
+})
diff --git a/services/clsi/test/acceptance/js/UrlCachingTests.js b/services/clsi/test/acceptance/js/UrlCachingTests.js
new file mode 100644
index 0000000..9fc9608
--- /dev/null
+++ b/services/clsi/test/acceptance/js/UrlCachingTests.js
@@ -0,0 +1,617 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const express = require('express')
+const Path = require('node:path')
+const Client = require('./helpers/Client')
+const sinon = require('sinon')
+const ClsiApp = require('./helpers/ClsiApp')
+const request = require('request')
+const Settings = require('@overleaf/settings')
+
+const Server = {
+  run() {
+    const app = express()
+
+    const staticServer = express.static(Path.join(__dirname, '../fixtures/'))
+
+    const alreadyFailed = new Map()
+    app.get('/fail/:times/:id', (req, res) => {
+      this.getFile(req.url)
+
+      const soFar = alreadyFailed.get(req.params.id) || 0
+      const wanted = parseInt(req.params.times, 10)
+      if (soFar < wanted) {
+        alreadyFailed.set(req.params.id, soFar + 1)
+        res.status(503).end()
+      } else {
+        res.send('THE CONTENT')
+      }
+    })
+
+    app.get('/not-found', (req, res, next) => {
+      this.getFile(req.url)
+      res.status(404).end()
+    })
+
+    app.get('/project/:projectId/file/:fileId', (req, res, next) => {
+      this.getFile(req.url)
+      return res.send(`${req.params.projectId}:${req.params.fileId}`)
+    })
+
+    app.get('/bucket/:bucket/key/*', (req, res, next) => {
+      this.getFile(req.url)
+      return res.send(`${req.params.bucket}:${req.params[0]}`)
+    })
+
+    app.get('/:random_id/*', (req, res, next) => {
+      this.getFile(req.url)
+      req.url = `/${req.params[0]}`
+      return staticServer(req, res, next)
+    })
+
+    Client.startFakeFilestoreApp(app)
+  },
+
+  getFile() {},
+
+  randomId() {
+    return Math.random().toString(16).slice(2)
+  },
+}
+
+describe('Url Caching', function () {
+  Server.run()
+
+  describe('Retries', function () {
+    before(function (done) {
+      this.project_id = Client.randomId()
+      this.happyFile = `${Server.randomId()}/lion.png`
+      this.retryFileOnce = `fail/1/${Server.randomId()}`
+      this.retryFileTwice = `fail/2/${Server.randomId()}`
+      this.fatalFile = `fail/42/${Server.randomId()}`
+      this.request = {
+        resources: [
+          {
+            path: 'main.tex',
+            content: `\
+\\documentclass{article}
+\\usepackage{graphicx}
+\\begin{document}
+\\includegraphics{lion.png}
+\\end{document}\
+`,
+          },
+          {
+            path: 'lion.png',
+            url: `http://filestore/${this.happyFile}`,
+          },
+          {
+            path: 'foo.tex',
+            url: `http://filestore/${this.retryFileOnce}`,
+          },
+          {
+            path: 'foo.tex',
+            url: `http://filestore/${this.retryFileTwice}`,
+          },
+          {
+            path: 'foo.tex',
+            url: `http://filestore/${this.fatalFile}`,
+          },
+        ],
+      }
+
+      sinon.spy(Server, 'getFile')
+      ClsiApp.ensureRunning(() => {
+        Client.compile(this.project_id, this.request, (error, res, body) => {
+          this.error = error
+          this.res = res
+          this.body = body
+          done()
+        })
+      })
+    })
+
+    after(function () {
+      Server.getFile.restore()
+    })
+
+    function expectNFilestoreRequests(file, count) {
+      Server.getFile.args.filter(a => a[0] === file).should.have.length(count)
+    }
+
+    it('should download the happy file once', function () {
+      expectNFilestoreRequests(`/${this.happyFile}`, 1)
+    })
+    it('should retry the download of the unhappy files', function () {
+      expectNFilestoreRequests(`/${this.retryFileOnce}`, 2)
+      expectNFilestoreRequests(`/${this.retryFileTwice}`, 3)
+      expectNFilestoreRequests(`/${this.fatalFile}`, 3)
+    })
+  })
+
+  describe('Downloading an image for the first time', function () {
+    before(function (done) {
+      this.project_id = Client.randomId()
+      this.file = `${Server.randomId()}/lion.png`
+      this.request = {
+        resources: [
+          {
+            path: 'main.tex',
+            content: `\
+\\documentclass{article}
+\\usepackage{graphicx}
+\\begin{document}
+\\includegraphics{lion.png}
+\\end{document}\
+`,
+          },
+          {
+            path: 'lion.png',
+            url: `http://filestore/${this.file}`,
+          },
+        ],
+      }
+
+      sinon.spy(Server, 'getFile')
+      return ClsiApp.ensureRunning(() => {
+        return Client.compile(
+          this.project_id,
+          this.request,
+          (error, res, body) => {
+            this.error = error
+            this.res = res
+            this.body = body
+            return done()
+          }
+        )
+      })
+    })
+
+    afterEach(function () {
+      return Server.getFile.restore()
+    })
+
+    return it('should download the image', function () {
+      return Server.getFile.calledWith(`/${this.file}`).should.equal(true)
+    })
+  })
+
+  describe('When an image is in the cache and the last modified date is unchanged', function () {
+    before(function (done) {
+      this.project_id = Client.randomId()
+      this.file = `${Server.randomId()}/lion.png`
+      this.request = {
+        resources: [
+          {
+            path: 'main.tex',
+            content: `\
+\\documentclass{article}
+\\usepackage{graphicx}
+\\begin{document}
+\\includegraphics{lion.png}
+\\end{document}\
+`,
+          },
+          (this.image_resource = {
+            path: 'lion.png',
+            url: `http://filestore/${this.file}`,
+            modified: Date.now(),
+          }),
+        ],
+      }
+
+      return Client.compile(
+        this.project_id,
+        this.request,
+        (error, res, body) => {
+          this.error = error
+          this.res = res
+          this.body = body
+          sinon.spy(Server, 'getFile')
+          return Client.compile(
+            this.project_id,
+            this.request,
+            (error1, res1, body1) => {
+              this.error = error1
+              this.res = res1
+              this.body = body1
+              return done()
+            }
+          )
+        }
+      )
+    })
+
+    after(function () {
+      return Server.getFile.restore()
+    })
+
+    it('should not download the image again', function () {
+      return Server.getFile.called.should.equal(false)
+    })
+
+    it('should gather metrics', function (done) {
+      request.get(`${Settings.apis.clsi.url}/metrics`, (err, res, body) => {
+        if (err) return done(err)
+        body
+          .split('\n')
+          .some(line => {
+            return (
+              line.startsWith('url_source') && line.includes('path="unknown"')
+            )
+          })
+          .should.equal(true)
+        done()
+      })
+    })
+  })
+
+  describe('When an image is in the cache and the last modified date is advanced', function () {
+    before(function (done) {
+      this.project_id = Client.randomId()
+      this.file = `${Server.randomId()}/lion.png`
+      this.request = {
+        resources: [
+          {
+            path: 'main.tex',
+            content: `\
+\\documentclass{article}
+\\usepackage{graphicx}
+\\begin{document}
+\\includegraphics{lion.png}
+\\end{document}\
+`,
+          },
+          (this.image_resource = {
+            path: 'lion.png',
+            url: `http://filestore/${this.file}`,
+            modified: (this.last_modified = Date.now()),
+          }),
+        ],
+      }
+
+      return Client.compile(
+        this.project_id,
+        this.request,
+        (error, res, body) => {
+          this.error = error
+          this.res = res
+          this.body = body
+          sinon.spy(Server, 'getFile')
+          this.image_resource.modified = new Date(this.last_modified + 3000)
+          return Client.compile(
+            this.project_id,
+            this.request,
+            (error1, res1, body1) => {
+              this.error = error1
+              this.res = res1
+              this.body = body1
+              return done()
+            }
+          )
+        }
+      )
+    })
+
+    afterEach(function () {
+      return Server.getFile.restore()
+    })
+
+    return it('should download the image again', function () {
+      return Server.getFile.called.should.equal(true)
+    })
+  })
+
+  describe('When an image is in the cache and the last modified date is further in the past', function () {
+    before(function (done) {
+      this.project_id = Client.randomId()
+      this.file = `${Server.randomId()}/lion.png`
+      this.request = {
+        resources: [
+          {
+            path: 'main.tex',
+            content: `\
+\\documentclass{article}
+\\usepackage{graphicx}
+\\begin{document}
+\\includegraphics{lion.png}
+\\end{document}\
+`,
+          },
+          (this.image_resource = {
+            path: 'lion.png',
+            url: `http://filestore/${this.file}`,
+            modified: (this.last_modified = Date.now()),
+          }),
+        ],
+      }
+
+      return Client.compile(
+        this.project_id,
+        this.request,
+        (error, res, body) => {
+          this.error = error
+          this.res = res
+          this.body = body
+          sinon.spy(Server, 'getFile')
+          this.image_resource.modified = new Date(this.last_modified - 3000)
+          return Client.compile(
+            this.project_id,
+            this.request,
+            (error1, res1, body1) => {
+              this.error = error1
+              this.res = res1
+              this.body = body1
+              return done()
+            }
+          )
+        }
+      )
+    })
+
+    afterEach(function () {
+      return Server.getFile.restore()
+    })
+
+    return it('should download the other revision', function () {
+      return Server.getFile.called.should.equal(true)
+    })
+  })
+
+  describe('When an image is in the cache and the last modified date is not specified', function () {
+    before(function (done) {
+      this.project_id = Client.randomId()
+      this.file = `${Server.randomId()}/lion.png`
+      this.request = {
+        resources: [
+          {
+            path: 'main.tex',
+            content: `\
+\\documentclass{article}
+\\usepackage{graphicx}
+\\begin{document}
+\\includegraphics{lion.png}
+\\end{document}\
+`,
+          },
+          (this.image_resource = {
+            path: 'lion.png',
+            url: `http://filestore/${this.file}`,
+            modified: (this.last_modified = Date.now()),
+          }),
+        ],
+      }
+
+      return Client.compile(
+        this.project_id,
+        this.request,
+        (error, res, body) => {
+          this.error = error
+          this.res = res
+          this.body = body
+          sinon.spy(Server, 'getFile')
+          delete this.image_resource.modified
+          return Client.compile(
+            this.project_id,
+            this.request,
+            (error1, res1, body1) => {
+              this.error = error1
+              this.res = res1
+              this.body = body1
+              return done()
+            }
+          )
+        }
+      )
+    })
+
+    afterEach(function () {
+      return Server.getFile.restore()
+    })
+
+    return it('should download the image again', function () {
+      return Server.getFile.called.should.equal(true)
+    })
+  })
+
+  describe('After clearing the cache', function () {
+    before(function (done) {
+      this.project_id = Client.randomId()
+      this.file = `${Server.randomId()}/lion.png`
+      this.request = {
+        resources: [
+          {
+            path: 'main.tex',
+            content: `\
+\\documentclass{article}
+\\usepackage{graphicx}
+\\begin{document}
+\\includegraphics{lion.png}
+\\end{document}\
+`,
+          },
+          (this.image_resource = {
+            path: 'lion.png',
+            url: `http://filestore/${this.file}`,
+            modified: (this.last_modified = Date.now()),
+          }),
+        ],
+      }
+
+      return Client.compile(this.project_id, this.request, error => {
+        if (error != null) {
+          throw error
+        }
+        return Client.clearCache(this.project_id, (error, res, body) => {
+          if (error != null) {
+            throw error
+          }
+          sinon.spy(Server, 'getFile')
+          return Client.compile(
+            this.project_id,
+            this.request,
+            (error1, res1, body1) => {
+              this.error = error1
+              this.res = res1
+              this.body = body1
+              return done()
+            }
+          )
+        })
+      })
+    })
+
+    afterEach(function () {
+      return Server.getFile.restore()
+    })
+
+    return it('should download the image again', function () {
+      return Server.getFile.called.should.equal(true)
+    })
+  })
+
+  describe('fallbackURL', function () {
+    describe('when the primary resource is available', function () {
+      before(function (done) {
+        this.project_id = Client.randomId()
+        this.file = `/project/${Server.randomId()}/file/${Server.randomId()}`
+        this.fallback = `/bucket/project-blobs/key/ab/cd/${Server.randomId()}`
+        this.request = {
+          resources: [
+            {
+              path: 'main.tex',
+              content: `\
+\\documentclass{article}
+\\usepackage{graphicx}
+\\begin{document}
+\\includegraphics{lion.png}
+\\end{document}\
+`,
+            },
+            {
+              path: 'lion.png',
+              url: `http://filestore${this.file}`,
+              fallbackURL: `http://filestore${this.fallback}`,
+            },
+          ],
+        }
+
+        sinon.spy(Server, 'getFile')
+        return ClsiApp.ensureRunning(() => {
+          return Client.compile(
+            this.project_id,
+            this.request,
+            (error, res, body) => {
+              this.error = error
+              this.res = res
+              this.body = body
+              return done()
+            }
+          )
+        })
+      })
+
+      after(function () {
+        return Server.getFile.restore()
+      })
+
+      it('should download from the primary', function () {
+        Server.getFile.calledWith(this.file).should.equal(true)
+      })
+      it('should not download from the fallback', function () {
+        Server.getFile.calledWith(this.fallback).should.equal(false)
+      })
+
+      it('should gather metrics', function (done) {
+        request.get(`${Settings.apis.clsi.url}/metrics`, (err, res, body) => {
+          if (err) return done(err)
+          body
+            .split('\n')
+            .some(line => {
+              return (
+                line.startsWith('url_source') &&
+                line.includes('path="user-files"')
+              )
+            })
+            .should.equal(true)
+          done()
+        })
+      })
+    })
+
+    describe('when the primary resource is not available', function () {
+      before(function (done) {
+        this.project_id = Client.randomId()
+        this.file = `/project/${Server.randomId()}/file/${Server.randomId()}`
+        this.fallback = `/bucket/project-blobs/key/ab/cd/${Server.randomId()}`
+        this.request = {
+          resources: [
+            {
+              path: 'main.tex',
+              content: `\
+\\documentclass{article}
+\\usepackage{graphicx}
+\\begin{document}
+\\includegraphics{lion.png}
+\\end{document}\
+`,
+            },
+            {
+              path: 'lion.png',
+              url: `http://filestore/not-found`,
+              fallbackURL: `http://filestore${this.fallback}`,
+            },
+          ],
+        }
+
+        sinon.spy(Server, 'getFile')
+        return ClsiApp.ensureRunning(() => {
+          return Client.compile(
+            this.project_id,
+            this.request,
+            (error, res, body) => {
+              this.error = error
+              this.res = res
+              this.body = body
+              return done()
+            }
+          )
+        })
+      })
+
+      after(function () {
+        return Server.getFile.restore()
+      })
+
+      it('should download from the fallback', function () {
+        Server.getFile.calledWith(`/not-found`).should.equal(true)
+        Server.getFile.calledWith(this.fallback).should.equal(true)
+      })
+
+      it('should gather metrics', function (done) {
+        request.get(`${Settings.apis.clsi.url}/metrics`, (err, res, body) => {
+          if (err) return done(err)
+          body
+            .split('\n')
+            .some(line => {
+              return (
+                line.startsWith('url_source') &&
+                line.includes('path="project-blobs"')
+              )
+            })
+            .should.equal(true)
+          done()
+        })
+      })
+    })
+  })
+})
diff --git a/services/clsi/test/acceptance/js/WordcountTests.js b/services/clsi/test/acceptance/js/WordcountTests.js
new file mode 100644
index 0000000..626b5d7
--- /dev/null
+++ b/services/clsi/test/acceptance/js/WordcountTests.js
@@ -0,0 +1,71 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const Client = require('./helpers/Client')
+const request = require('request')
+const { expect } = require('chai')
+const path = require('node:path')
+const fs = require('node:fs')
+const ClsiApp = require('./helpers/ClsiApp')
+
+describe('Syncing', function () {
+  before(function (done) {
+    this.request = {
+      resources: [
+        {
+          path: 'main.tex',
+          content: fs.readFileSync(
+            path.join(__dirname, '../fixtures/naugty_strings.txt'),
+            'utf-8'
+          ),
+        },
+      ],
+    }
+    this.project_id = Client.randomId()
+    return ClsiApp.ensureRunning(() => {
+      return Client.compile(
+        this.project_id,
+        this.request,
+        (error, res, body) => {
+          this.error = error
+          this.res = res
+          this.body = body
+          return done()
+        }
+      )
+    })
+  })
+
+  return describe('wordcount file', function () {
+    return it('should return wordcount info', function (done) {
+      return Client.wordcount(this.project_id, 'main.tex', (error, result) => {
+        if (error != null) {
+          throw error
+        }
+        expect(result).to.deep.equal({
+          texcount: {
+            encode: 'utf8',
+            textWords: 2281,
+            headWords: 2,
+            outside: 0,
+            headers: 2,
+            elements: 0,
+            mathInline: 6,
+            mathDisplay: 0,
+            errors: 0,
+            messages: '',
+          },
+        })
+        return done()
+      })
+    })
+  })
+})
diff --git a/services/clsi/test/acceptance/js/helpers/Client.js b/services/clsi/test/acceptance/js/helpers/Client.js
new file mode 100644
index 0000000..a0bdce7
--- /dev/null
+++ b/services/clsi/test/acceptance/js/helpers/Client.js
@@ -0,0 +1,248 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let Client
+const express = require('express')
+const request = require('request')
+const fs = require('node:fs')
+const Settings = require('@overleaf/settings')
+
+module.exports = Client = {
+  host: Settings.apis.clsi.url,
+
+  randomId() {
+    return Math.random().toString(16).slice(2)
+  },
+
+  compile(projectId, data, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    if (data) {
+      // Enable pdf caching unless disabled explicitly.
+      data.options = Object.assign({}, { enablePdfCaching: true }, data.options)
+    }
+    return request.post(
+      {
+        url: `${this.host}/project/${projectId}/compile`,
+        json: {
+          compile: data,
+        },
+      },
+      callback
+    )
+  },
+
+  clearCache(projectId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return request.del(`${this.host}/project/${projectId}`, callback)
+  },
+
+  getOutputFile(response, type) {
+    for (const file of Array.from(response.compile.outputFiles)) {
+      if (file.type === type && file.url.match(`output.${type}`)) {
+        return file
+      }
+    }
+    return null
+  },
+
+  runFakeFilestoreService(directory) {
+    const app = express()
+    app.use(express.static(directory))
+    this.startFakeFilestoreApp(app)
+  },
+
+  startFakeFilestoreApp(app) {
+    let server
+    before(function (done) {
+      server = app.listen(error => {
+        if (error) {
+          done(new Error('error starting server: ' + error.message))
+        } else {
+          const addr = server.address()
+          Settings.filestoreDomainOveride = `http://127.0.0.1:${addr.port}`
+          done()
+        }
+      })
+    })
+    after(function (done) {
+      server.close(done)
+    })
+  },
+
+  syncFromCode(projectId, file, line, column, callback) {
+    Client.syncFromCodeWithImage(projectId, file, line, column, '', callback)
+  },
+
+  syncFromCodeWithImage(projectId, file, line, column, imageName, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return request.get(
+      {
+        url: `${this.host}/project/${projectId}/sync/code`,
+        qs: {
+          imageName,
+          file,
+          line,
+          column,
+        },
+        json: true,
+      },
+      (error, response, body) => {
+        if (error != null) {
+          return callback(error)
+        }
+        if (response.statusCode !== 200) {
+          return callback(new Error(`statusCode=${response.statusCode}`), body)
+        }
+        return callback(null, body)
+      }
+    )
+  },
+
+  syncFromPdf(projectId, page, h, v, callback) {
+    Client.syncFromPdfWithImage(projectId, page, h, v, '', callback)
+  },
+
+  syncFromPdfWithImage(projectId, page, h, v, imageName, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return request.get(
+      {
+        url: `${this.host}/project/${projectId}/sync/pdf`,
+        qs: {
+          imageName,
+          page,
+          h,
+          v,
+        },
+        json: true,
+      },
+      (error, response, body) => {
+        if (error != null) {
+          return callback(error)
+        }
+        if (response.statusCode !== 200) {
+          return callback(new Error(`statusCode=${response.statusCode}`), body)
+        }
+        return callback(null, body)
+      }
+    )
+  },
+
+  compileDirectory(projectId, baseDirectory, directory, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    const resources = []
+    let entities = fs.readdirSync(`${baseDirectory}/${directory}`)
+    let rootResourcePath = 'main.tex'
+    while (entities.length > 0) {
+      const entity = entities.pop()
+      const stat = fs.statSync(`${baseDirectory}/${directory}/${entity}`)
+      if (stat.isDirectory()) {
+        entities = entities.concat(
+          fs
+            .readdirSync(`${baseDirectory}/${directory}/${entity}`)
+            .map(subEntity => {
+              if (subEntity === 'main.tex') {
+                rootResourcePath = `${entity}/${subEntity}`
+              }
+              return `${entity}/${subEntity}`
+            })
+        )
+      } else if (stat.isFile() && entity !== 'output.pdf') {
+        const extension = entity.split('.').pop()
+        if (
+          [
+            'tex',
+            'bib',
+            'cls',
+            'sty',
+            'pdf_tex',
+            'Rtex',
+            'ist',
+            'md',
+            'Rmd',
+            'Rnw',
+          ].indexOf(extension) > -1
+        ) {
+          resources.push({
+            path: entity,
+            content: fs
+              .readFileSync(`${baseDirectory}/${directory}/${entity}`)
+              .toString(),
+          })
+        } else if (
+          ['eps', 'ttf', 'png', 'jpg', 'pdf', 'jpeg'].indexOf(extension) > -1
+        ) {
+          resources.push({
+            path: entity,
+            url: `http://filestore/${directory}/${entity}`,
+            modified: stat.mtime,
+          })
+        }
+      }
+    }
+
+    return fs.readFile(
+      `${baseDirectory}/${directory}/options.json`,
+      (error, body) => {
+        const req = {
+          resources,
+          rootResourcePath,
+        }
+
+        if (error == null) {
+          body = JSON.parse(body)
+          req.options = body
+        }
+
+        return this.compile(projectId, req, callback)
+      }
+    )
+  },
+
+  wordcount(projectId, file, callback) {
+    const image = undefined
+    Client.wordcountWithImage(projectId, file, image, callback)
+  },
+
+  wordcountWithImage(projectId, file, image, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return request.get(
+      {
+        url: `${this.host}/project/${projectId}/wordcount`,
+        qs: {
+          image,
+          file,
+        },
+      },
+      (error, response, body) => {
+        if (error != null) {
+          return callback(error)
+        }
+        if (response.statusCode !== 200) {
+          return callback(new Error(`statusCode=${response.statusCode}`), body)
+        }
+        return callback(null, JSON.parse(body))
+      }
+    )
+  },
+}
diff --git a/services/clsi/test/acceptance/js/helpers/ClsiApp.js b/services/clsi/test/acceptance/js/helpers/ClsiApp.js
new file mode 100644
index 0000000..38308e9
--- /dev/null
+++ b/services/clsi/test/acceptance/js/helpers/ClsiApp.js
@@ -0,0 +1,50 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS103: Rewrite code to no longer use __guard__
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const app = require('../../../../app')
+const Settings = require('@overleaf/settings')
+
+module.exports = {
+  running: false,
+  initing: false,
+  callbacks: [],
+  ensureRunning(callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    if (this.running) {
+      return callback()
+    } else if (this.initing) {
+      return this.callbacks.push(callback)
+    } else {
+      this.initing = true
+      this.callbacks.push(callback)
+      return app.listen(
+        Settings.internal.clsi.port,
+        Settings.internal.clsi.host,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          this.running = true
+
+          return (() => {
+            const result = []
+            for (callback of Array.from(this.callbacks)) {
+              result.push(callback())
+            }
+            return result
+          })()
+        }
+      )
+    }
+  },
+}
diff --git a/services/clsi/test/bench/hashbench.js b/services/clsi/test/bench/hashbench.js
new file mode 100644
index 0000000..1e19af6
--- /dev/null
+++ b/services/clsi/test/bench/hashbench.js
@@ -0,0 +1,73 @@
+const ContentCacheManager = require('../../app/js/ContentCacheManager')
+const fs = require('node:fs')
+const crypto = require('node:crypto')
+const path = require('node:path')
+const os = require('node:os')
+const async = require('async')
+const _createHash = crypto.createHash
+
+const files = process.argv.slice(2)
+
+function test(hashType, filePath, callback) {
+  // override the default hash in ContentCacheManager
+  crypto.createHash = function (hash) {
+    if (hashType === 'hmac-sha1') {
+      return crypto.createHmac('sha1', 'a secret')
+    }
+    hash = hashType
+    return _createHash(hash)
+  }
+  fs.mkdtemp(path.join(os.tmpdir(), 'pdfcache'), (err, dir) => {
+    if (err) {
+      return callback(err)
+    }
+    const t0 = process.hrtime.bigint()
+    ContentCacheManager.update(dir, filePath, x => {
+      const t1 = process.hrtime.bigint()
+      const cold = Number(t1 - t0) / 1e6
+      ContentCacheManager.update(dir, filePath, x => {
+        const t2 = process.hrtime.bigint()
+        const warm = Number(t2 - t1) / 1e6
+        fs.rm(dir, { recursive: true, force: true }, err => {
+          if (err) {
+            return callback(err)
+          }
+          console.log(
+            'uvthreads',
+            process.env.UV_THREADPOOL_SIZE,
+            filePath,
+            'hashType',
+            hashType,
+            'cold-start',
+            cold.toFixed(2),
+            'ms',
+            'warm-start',
+            warm.toFixed(2),
+            'ms'
+          )
+          callback(null, [hashType, cold, warm])
+        })
+      })
+    })
+  })
+}
+
+const jobs = []
+files.forEach(file => {
+  jobs.push(cb => {
+    test('md5', file, cb)
+  })
+  jobs.push(cb => {
+    test('sha1', file, cb)
+  })
+  jobs.push(cb => {
+    test('hmac-sha1', file, cb)
+  })
+  jobs.push(cb => {
+    test('sha256', file, cb)
+  })
+})
+
+async.timesSeries(10, (n, cb) => {
+  async.series(jobs, cb)
+})
diff --git a/services/clsi/test/load/js/bulk.tex b/services/clsi/test/load/js/bulk.tex
new file mode 100644
index 0000000..67c4772
--- /dev/null
+++ b/services/clsi/test/load/js/bulk.tex
@@ -0,0 +1,234 @@
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt mattis sapien at tempor. Mauris ac tristique erat. Praesent interdum ipsum sem, ac fermentum urna imperdiet in. Nulla tincidunt purus vitae ipsum sagittis tincidunt. Aenean id nisi ullamcorper, ultrices mi vel, iaculis nunc. Sed vel varius metus, ac eleifend mauris. Donec sed orci fringilla, fermentum nulla vehicula, sodales purus.
+
+Maecenas nulla quam, congue vitae pellentesque sed, bibendum eu felis. Vestibulum congue gravida diam, in venenatis nisl lacinia id. Nullam eget purus ac enim dignissim consectetur vel at dolor. Integer rhoncus nisl eu odio luctus, at placerat dolor congue. Fusce sodales molestie sem eget scelerisque. Sed eros tellus, tempor eu commodo nec, maximus imperdiet eros. Aliquam vulputate ligula non bibendum tempus. In commodo eros ante, ultrices condimentum purus finibus ut. Suspendisse at eleifend mauris, vitae tincidunt sapien. Curabitur orci ipsum, aliquet a cursus efficitur, lacinia ac ex. Integer lacinia bibendum dui ut ullamcorper. Curabitur in ultricies tellus, quis ullamcorper sem. Praesent sodales dui odio. Ut lacinia aliquet eros, ut maximus nisi. Donec sit amet dui a neque interdum dapibus.
+
+Ut vulputate sem in lectus porttitor ullamcorper. Nulla ut urna vitae tellus posuere aliquam vitae in odio. Praesent placerat laoreet viverra. Curabitur lacinia est lectus, eget euismod nisi viverra eget. Aliquam facilisis lectus ut tincidunt mollis. Donec ut rhoncus lorem. Vivamus ultricies venenatis congue. Etiam non risus quis leo sodales lacinia. Phasellus commodo feugiat sem quis dignissim. Nunc augue dui, bibendum sed leo vitae, malesuada vulputate sem.
+
+Quisque nec semper nulla. Etiam dictum blandit interdum. Morbi leo leo, scelerisque vel enim vel, egestas volutpat ligula. Maecenas ac elementum lacus. Duis molestie nunc id metus iaculis, in hendrerit massa egestas. Praesent feugiat tempor dui, sit amet ultrices dui elementum id. Suspendisse cursus accumsan diam, non imperdiet diam dapibus facilisis. Praesent blandit urna felis, eget sodales nisi dictum non. Cras finibus quis augue a venenatis. In pretium condimentum arcu, at vehicula ex gravida ut. Etiam congue urna ipsum, mattis interdum neque cursus bibendum.
+
+Morbi felis orci, ultricies eget magna gravida, blandit condimentum erat. Curabitur convallis quam eros, eu porta diam ornare vitae. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed eleifend convallis massa, eget tristique dolor iaculis sed. Mauris id nunc erat. Donec semper rhoncus libero sit amet rhoncus. Suspendisse cursus suscipit augue quis fermentum. Sed in maximus erat.
+
+Ut ultrices massa vitae lectus dictum fermentum. Cras vitae risus metus. Curabitur eleifend hendrerit dolor sit amet rutrum. Pellentesque pellentesque dolor ut felis vehicula pharetra. Nam id ante eget turpis vehicula interdum in vitae odio. Nullam nec orci interdum, commodo massa et, rutrum purus. Aenean vitae porta sem. Nam in lacinia turpis. Duis dui ligula, molestie quis sagittis sit amet, faucibus ac leo. Curabitur sit amet porta ligula. Integer et sollicitudin velit. Donec magna justo, ultricies eu nunc ut, rutrum aliquam orci. Sed in dignissim sem. Proin rutrum velit urna, eu tincidunt ipsum fermentum non. Morbi id cursus nisl.
+
+Curabitur sed gravida ex, posuere laoreet orci. Morbi ac lacus quis tortor faucibus feugiat. Etiam fringilla lacinia libero. Duis varius sem vel lorem euismod luctus. Fusce tincidunt quis sem in ullamcorper. Ut luctus massa aliquam hendrerit finibus. Ut venenatis, neque eu hendrerit finibus, nisl tortor venenatis eros, in imperdiet leo est quis erat. Fusce luctus posuere massa, ut fermentum sapien blandit ut. Maecenas feugiat consequat lorem, eget sagittis elit vestibulum sit amet. Vivamus molestie ante ut turpis laoreet facilisis vitae eu diam. Integer a tempor tortor. In hac habitasse platea dictumst. Quisque arcu est, blandit eu justo sed, posuere congue nisi. Aliquam magna augue, convallis ac scelerisque vel, cursus eget dui. Nam rutrum auctor odio, vel sagittis ipsum gravida vel.
+
+Etiam elementum placerat egestas. Morbi nec mi posuere, congue ligula eu, sagittis turpis. Fusce urna nisi, dapibus in pretium et, lobortis eu arcu. Curabitur ornare urna mauris, vitae varius nulla posuere in. Integer faucibus euismod dui, a venenatis massa vehicula sit amet. Donec fringilla tellus vitae ligula pretium mattis. Aliquam aliquet quam augue, a luctus orci euismod sed. Morbi tincidunt tincidunt nulla, eget elementum turpis congue id. Suspendisse pellentesque nulla leo, fermentum ultrices massa sollicitudin vel. Morbi vel nisl consectetur, pulvinar sapien a, accumsan diam. Morbi posuere auctor nibh, nec maximus ante tincidunt ac. Etiam ut erat consectetur, molestie est sit amet, pharetra nulla. Quisque varius vestibulum ex, eget feugiat enim molestie ac. Nulla quis imperdiet risus.
+
+Nullam nec tempor arcu. Duis fringilla mi at magna dignissim, quis feugiat turpis lacinia. Nunc sed aliquet ipsum. Curabitur at dolor in dui posuere ornare a ut ex. Ut congue neque quis justo iaculis, ut accumsan odio condimentum. Donec sed tempus diam. Phasellus tincidunt malesuada dui, nec gravida justo volutpat vel. Praesent mi purus, sagittis in imperdiet sed, sodales eu turpis. Nullam rutrum non lacus ac imperdiet. Ut ultrices lorem at facilisis feugiat. Morbi eros enim, tristique at nisl ut, venenatis porttitor ligula. Nullam sed diam at nibh tristique consectetur. Phasellus iaculis justo nisi, ut interdum ante rutrum sit amet. Pellentesque finibus felis blandit metus pulvinar lacinia.
+
+Aliquam erat volutpat. Nulla eu tortor sit amet tellus bibendum tristique eget consequat metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut in aliquet augue. Phasellus laoreet nulla convallis finibus vehicula. Fusce et urna dui. Duis vel porta nunc. Nunc condimentum, justo at efficitur dignissim, lorem diam elementum ex, at dictum lectus sapien ac neque. Aliquam lacinia et ipsum lacinia efficitur. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus convallis urna orci, et dictum sapien porta sit amet. Maecenas euismod dolor mattis sapien vestibulum pulvinar.
+
+Vestibulum eget posuere purus, et viverra est. Nullam egestas massa et finibus semper. Vestibulum egestas porta ante eget maximus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque bibendum magna et fermentum consequat. Duis non arcu quis justo dignissim tempus at id diam. Praesent condimentum vel leo ac efficitur. Phasellus sollicitudin ipsum ut consectetur euismod. Proin diam eros, placerat sed dui ac, porttitor pellentesque nibh. Curabitur fermentum volutpat enim, in ullamcorper ipsum euismod et. Nunc a justo tortor. Phasellus libero nunc, consectetur ut dolor non, volutpat condimentum metus.
+
+Ut tincidunt est sem, eu venenatis lectus pretium pretium. Vivamus venenatis, erat nec sollicitudin semper, justo nulla euismod dui, quis tempor libero lectus sit amet neque. Sed in iaculis ipsum. Quisque ultricies sed mi a consequat. Sed tincidunt ante ut turpis vehicula, sed fringilla ligula efficitur. Cras eget suscipit sapien. Ut sed malesuada est, ut tempor leo. Mauris dignissim turpis quis turpis placerat cursus. Vivamus dictum dui sed blandit aliquet.
+
+Ut cursus, nulla eget ultricies tempor, magna enim aliquam libero, eget tempus mauris mauris ut elit. Nulla a mi quam. Integer ullamcorper ex et enim ornare efficitur. Vivamus tellus orci, pharetra in suscipit ac, ultrices sit amet sapien. Pellentesque pretium mauris vel orci accumsan, a hendrerit lectus sagittis. Mauris id nisi commodo, eleifend arcu in, vestibulum metus. Fusce vulputate gravida tincidunt. Nulla cursus non tortor ut tincidunt. Phasellus vel nisi tempus, fringilla lectus sed, ultricies erat. Ut gravida, enim id facilisis consequat, est nisi scelerisque magna, eget pharetra elit mi elementum ligula. Morbi hendrerit tortor eget velit rhoncus, consequat porta nisl aliquet. Nam diam turpis, ullamcorper vitae nisi eu, ultrices hendrerit magna. Vivamus eget pretium elit. Vivamus vitae odio sit amet libero hendrerit imperdiet.
+
+Aenean pharetra ex eget lectus sodales placerat. Fusce quis orci vel est suscipit venenatis. Curabitur maximus, sem in tincidunt imperdiet, nisl lorem venenatis mauris, eget facilisis lectus mauris a eros. Nam luctus sem ac diam ultrices, eget vulputate tortor efficitur. Nunc fermentum condimentum lacus id faucibus. Nunc ut tellus pretium, mattis eros vitae, scelerisque felis. Aenean ligula nulla, vulputate id eros id, vestibulum vulputate odio. Nunc in elit id augue porttitor auctor sed vitae lacus. Integer enim orci, auctor at magna eget, viverra tempus risus. Nulla suscipit metus tortor, ultricies vestibulum odio euismod at. Etiam consequat diam ac leo dignissim vulputate. Donec lectus lorem, finibus sed purus ac, eleifend condimentum ipsum.
+
+Fusce ornare metus vel dui scelerisque vehicula. Proin dictum sapien nec auctor congue. Nunc id erat sed velit facilisis tincidunt. In convallis eu diam id aliquam. Suspendisse eu nisl ante. Sed sit amet arcu non erat sagittis vehicula. Quisque pellentesque at lectus quis maximus. Nam mollis nulla interdum lobortis egestas. Fusce eu tellus eget libero pretium venenatis quis tristique justo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Proin tempor suscipit enim, eget lacinia augue malesuada sit amet. Ut ornare massa in magna pulvinar sagittis. Etiam non risus mi. Aenean aliquam dui et risus egestas aliquet.
+
+Aenean semper dui risus. Aenean consequat id elit a finibus. Sed vitae est sed arcu interdum maximus interdum in leo. Donec justo lorem, dictum sed placerat sit amet, eleifend in justo. Integer efficitur metus id interdum fringilla. Morbi et dui vitae libero consectetur fermentum quis sed quam. Sed interdum aliquam lorem, at blandit lectus fermentum a. Aliquam ac mollis felis, ut vulputate massa. Praesent convallis cursus eleifend. Donec non sem auctor, efficitur nisi ac, egestas libero. Nullam turpis lacus, dignissim eget pellentesque sed, fermentum ut ipsum. Vestibulum a posuere lacus, vitae rutrum neque. In hac habitasse platea dictumst. Sed vel maximus sem. Etiam dapibus risus et consectetur auctor. Phasellus vestibulum posuere sagittis.
+
+Aliquam nec libero at velit rhoncus pretium. Curabitur tristique blandit orci id vestibulum. Praesent in tempus arcu. Vivamus in felis tellus. Nunc ac fermentum massa. Cras nisi mi, sollicitudin eu maximus vitae, sodales gravida lorem. Vivamus mollis metus id lectus rhoncus consequat. In dui tellus, vulputate sit amet purus vel, volutpat ornare turpis. Fusce vitae massa non ligula lobortis rhoncus eget id sapien. Sed nec tempus lectus. Proin tempor risus ipsum, fermentum suscipit felis cursus sit amet.
+
+Maecenas ut dignissim ante, vitae ornare lorem. Fusce nec convallis eros, sed finibus urna. Proin ut finibus dolor. In non nunc sed dui aliquam suscipit. Etiam semper varius ex, sed venenatis sem gravida in. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus tempus aliquet placerat. Nam odio mauris, pharetra ac felis vel, ornare cursus nisl. Phasellus elit risus, finibus id ornare ut, scelerisque sed nisi. Curabitur aliquet, magna in finibus congue, dui libero auctor dui, ut fermentum metus enim vitae ex. Duis at elementum tellus.
+
+Suspendisse laoreet luctus sem sit amet tempor. Vestibulum non lorem fringilla, maximus nisl vel, pulvinar enim. Suspendisse egestas elit et sem sagittis rhoncus. Morbi nulla augue, semper euismod ultricies quis, maximus et lorem. Nulla nec posuere justo. Ut blandit nisl vitae turpis varius finibus. Donec porttitor eros neque, id mollis neque tempus et. Maecenas a massa placerat, laoreet nisl vel, venenatis diam.
+
+Phasellus at leo vel nisi aliquet placerat. Vestibulum luctus erat quis velit laoreet auctor. Aenean ultricies nulla tristique metus commodo, id fermentum justo tristique. Nullam ut tincidunt libero. Suspendisse volutpat, lacus ac congue ultricies, metus mi imperdiet magna, in maximus turpis ex eget leo. Sed lorem nibh, vestibulum id sodales ac, sagittis at elit. Curabitur purus nunc, sodales eget vehicula vitae, bibendum gravida diam. Nullam dignissim consequat pharetra. Nullam a diam consectetur, mollis odio sed, blandit lectus. Vestibulum eu velit id massa varius sagittis. Quisque tempor ante ac mauris rhoncus molestie. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
+
+Ut sit amet euismod mi. Nulla facilisis est posuere, feugiat est et, dictum nulla. Proin eleifend ultricies nunc. Sed commodo justo nisi, id suscipit massa malesuada ut. Donec aliquam nibh tellus, vitae gravida lectus ultricies quis. Nam pulvinar lobortis erat sit amet convallis. Sed quis magna facilisis, tincidunt dui non, hendrerit nunc. Morbi egestas, risus fringilla fermentum porttitor, nunc velit viverra mi, non sodales augue arcu ac sapien. Duis blandit urna at nisl pellentesque semper. Nulla et malesuada nulla. Aenean tristique tortor odio, sit amet luctus odio aliquam id. Phasellus facilisis lorem vitae velit aliquam imperdiet. Cras faucibus dolor eget neque fringilla, ut mattis ex hendrerit. Integer molestie porttitor sagittis.
+
+Pellentesque diam quam, auctor eget tristique eget, molestie sit amet est. Pellentesque a eros non dui gravida volutpat. Donec molestie blandit nunc ac interdum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse lobortis, neque non aliquet convallis, lectus ex venenatis ex, quis malesuada massa erat non dolor. In tristique, enim eu ultrices ultricies, lectus ligula pretium orci, commodo cursus ante est vel odio. Sed quis accumsan purus. Nam fringilla ex ut urna vestibulum, et feugiat diam ultrices. Vivamus tempus felis ac quam blandit convallis.
+
+Vestibulum eros erat, volutpat in est at, blandit pharetra sapien. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aenean quis enim orci. Aliquam imperdiet vel arcu ac sagittis. Mauris vitae augue sed metus commodo ornare. Nulla malesuada tellus nisl, eu vestibulum ante mollis a. Sed sagittis euismod nunc, sit amet hendrerit tortor condimentum eu.
+
+Praesent lacinia massa eget mi auctor placerat. Fusce porttitor augue lectus, a cursus ante dictum vel. Vestibulum ultrices vel mauris in fermentum. Nunc tincidunt non magna sed pharetra. Donec porttitor rutrum arcu, vitae tincidunt lacus suscipit ac. Aliquam lorem mauris, pulvinar non dignissim sed, pulvinar vitae dui. Donec id neque eu velit imperdiet lacinia nec eu magna. Ut a purus sit amet nulla venenatis vulputate. Integer vulputate est sem, iaculis porttitor mi mattis et. Phasellus condimentum ipsum eget tellus viverra, a tincidunt nunc feugiat. Praesent posuere aliquam ex et faucibus. Nullam pretium felis id mauris luctus, a luctus eros sodales.
+
+Mauris et condimentum velit. Praesent id dignissim odio. Phasellus nisl velit, molestie sed nisi et, sollicitudin tempor nisi. Pellentesque lacus eros, ultricies non leo sit amet, porttitor ullamcorper ipsum. Vestibulum maximus lorem ac justo tempus imperdiet. Suspendisse rhoncus, mi in commodo tempus, orci turpis feugiat dui, nec facilisis arcu diam ut mauris. Vestibulum risus ligula, ornare non cursus vel, pellentesque non augue. Morbi eu gravida arcu. Nunc sed fermentum lacus. Nulla id quam aliquet, aliquet lacus in, rutrum metus. Duis tristique sodales risus vel interdum. Integer rhoncus nibh eget semper malesuada. Nunc sit amet ante diam. Fusce tincidunt aliquam ex, at lobortis tellus porttitor non. Vestibulum tincidunt iaculis dui vel scelerisque.
+
+Aliquam sagittis mauris eget massa accumsan viverra. Pellentesque luctus sit amet augue ac scelerisque. Praesent imperdiet nisi dolor, sed malesuada est commodo at. Aenean vel leo eget felis tincidunt interdum. Fusce orci mauris, egestas eget lectus et, finibus consectetur urna. Donec ut dapibus elit, eu lacinia neque. Ut et accumsan nulla. Sed ullamcorper ligula purus, eu dapibus nunc auctor vel. Ut convallis consectetur dapibus. Curabitur eget porttitor felis. Maecenas pretium ac leo vitae volutpat. Donec in augue sit amet lorem efficitur dignissim.
+
+Praesent iaculis tristique rutrum. Pellentesque id odio vel purus bibendum sodales suscipit id odio. Nullam ac velit imperdiet, imperdiet nisi sed, malesuada ipsum. Quisque varius dictum efficitur. Phasellus efficitur varius imperdiet. Aenean facilisis libero non augue porttitor, nec interdum felis imperdiet. Etiam et libero id elit commodo tincidunt. Nullam rutrum odio id rutrum tristique. Cras vehicula aliquet risus ac elementum. Duis nisl urna, commodo eget ante et, vehicula tempus lacus.
+
+Mauris eu sapien sed erat auctor volutpat vel vel tortor. Aenean in commodo felis. Donec a dui a urna varius aliquet quis at nisi. Pellentesque et urna lacinia, commodo arcu at, laoreet lectus. Aliquam sodales, massa in convallis aliquam, dui orci eleifend arcu, a gravida mauris magna sed arcu. Ut ac lectus in risus feugiat lobortis. Nulla quis est eget dui pharetra ultricies eget at risus. Phasellus sagittis molestie ligula, eget egestas orci volutpat vitae.
+
+Fusce nec finibus ligula, sed volutpat tortor. Sed placerat quam fringilla augue pharetra dictum. Proin ornare mi erat, eget sollicitudin ligula venenatis vitae. Aliquam semper sagittis urna rutrum pharetra. Vivamus lacinia mattis erat, vitae ultrices arcu. Maecenas id lacus eget justo imperdiet vehicula commodo a leo. Quisque vitae eros interdum, posuere ex ornare, tincidunt lectus.
+
+Vestibulum hendrerit sed libero et bibendum. Sed ornare eu massa ut vestibulum. Curabitur imperdiet odio felis, at ullamcorper eros rhoncus nec. Cras commodo nisl eu augue iaculis posuere. Aliquam massa tortor, consectetur quis dui in, mollis dictum tellus. Fusce porttitor dapibus arcu. Fusce finibus pretium porttitor.
+
+Proin dapibus viverra nisi. Cras ullamcorper purus et consequat fermentum. Duis imperdiet in dui in imperdiet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam quis enim at ipsum ultricies auctor scelerisque nec nulla. Vivamus ut efficitur enim. Quisque dictum quam ac dui iaculis efficitur. Morbi at nulla convallis, condimentum tellus sit amet, dapibus nunc. Morbi metus felis, commodo sit amet justo id, finibus sagittis lorem. Nam nisi diam, fermentum dapibus varius in, convallis eu leo. Phasellus ut nunc orci. Sed tincidunt mauris in ante consequat, id bibendum libero volutpat. Aliquam a dictum libero. Etiam massa odio, congue ut lorem tincidunt, elementum egestas ligula.
+
+Ut semper arcu a lectus interdum euismod. Curabitur nec ultrices neque. In eget sapien nulla. Pellentesque pellentesque faucibus urna id placerat. Aenean condimentum posuere interdum. Etiam vel tristique lorem, in dapibus urna. Vestibulum facilisis lobortis metus ac egestas. Vestibulum ultrices aliquet dui id efficitur. Sed a velit sed erat ultrices sodales suscipit a tortor. Nam mattis rhoncus augue et viverra. Praesent volutpat gravida enim quis sodales.
+
+Nam placerat nisl a ullamcorper pharetra. Sed eu eros egestas, suscipit ante id, efficitur mi. Curabitur accumsan gravida pellentesque. Vestibulum urna risus, condimentum vel libero in, porta pharetra nisi. Duis eu feugiat neque, quis condimentum dolor. Suspendisse et elementum urna. Vivamus malesuada nisi eget blandit faucibus. Duis eu lorem ac est ultrices placerat nec nec elit. Nunc sed sagittis ligula. Vivamus gravida suscipit tellus nec euismod.
+
+Ut posuere porta diam, vitae euismod erat egestas vitae. Aenean imperdiet quis quam eget dictum. Cras vulputate elit eu nibh scelerisque, vitae consectetur nisi malesuada. Praesent iaculis, neque nec tempor elementum, est mi egestas urna, nec commodo neque lacus vel mi. In a orci eu metus elementum tincidunt nec id tortor. Aenean augue augue, vulputate a porta quis, bibendum finibus augue. Nam condimentum ante ac congue ultrices. Praesent eu nisi eu enim accumsan scelerisque et id augue. Cras gravida dictum suscipit. Nulla tristique tempor lacus non eleifend. Curabitur sodales est in arcu accumsan, vel dignissim nunc blandit. Aenean sodales sodales lectus volutpat commodo. Maecenas venenatis accumsan nibh, sit amet semper risus ultrices non.
+
+In blandit iaculis dolor sit amet convallis. Aliquam quis nisl sit amet augue semper vehicula. Sed aliquam vel ex vel condimentum. Nunc diam massa, mattis ac felis vel, cursus tincidunt ligula. Aliquam erat volutpat. Quisque faucibus in metus in tempus. Ut pharetra congue tellus. Vivamus est libero, fringilla vel elit ac, rhoncus fermentum arcu. Praesent tortor diam, mattis in varius commodo, lacinia accumsan neque. Integer nec luctus nibh. Duis tincidunt velit nisi, id porttitor turpis posuere in. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam finibus tortor lectus. Curabitur condimentum orci eget urna sollicitudin vehicula.
+
+Donec sagittis mi lacus, quis rutrum sapien scelerisque sed. In quis interdum velit. Nulla eget tincidunt enim. Fusce viverra, sem pharetra ultricies laoreet, magna erat ornare lectus, a viverra mauris magna id mi. Quisque vitae pretium velit. Integer venenatis vel sapien non varius. Praesent eros neque, posuere sit amet posuere ut, posuere a sem. Vestibulum porttitor interdum posuere. Nam viverra felis dolor, eget ultrices lacus tincidunt a. Suspendisse elementum rhoncus tristique. Nam vehicula, odio eu porta ullamcorper, neque nunc pretium neque, ac vehicula mauris eros ac turpis. Aliquam augue nisl, pharetra non mauris id, finibus egestas massa.
+
+Aliquam rhoncus tortor a nunc vulputate gravida. Phasellus aliquam lorem ipsum, a suscipit orci euismod ac. Curabitur fringilla orci in ante aliquam venenatis. Ut nec sollicitudin orci. Morbi consectetur massa nec lacus vestibulum commodo. Donec quis erat at nibh scelerisque interdum. Donec sed velit molestie purus volutpat tempus. Aenean consequat, massa vitae mollis eleifend, felis ante convallis ex, quis egestas libero nisi interdum dui. Maecenas aliquet nisi quis est dapibus posuere.
+
+Phasellus lectus ex, finibus non orci et, suscipit fermentum orci. Vestibulum sed ligula non arcu facilisis feugiat. Praesent pellentesque eros quis eleifend tempus. In hac habitasse platea dictumst. Nulla accumsan suscipit risus, nec dignissim purus sollicitudin quis. Vestibulum vestibulum ligula non massa congue commodo. Aliquam velit ante, facilisis et aliquet non, imperdiet nec velit. Nunc vel elit felis.
+
+Sed sed ex ut dui cursus consectetur. Phasellus laoreet velit lacinia dui placerat tincidunt. Nullam ornare sagittis quam ac pretium. Donec imperdiet velit quis ipsum placerat, vitae lacinia felis sagittis. Aenean vitae dui fermentum, laoreet lacus egestas, faucibus libero. Maecenas blandit blandit mi, et mattis lectus placerat sollicitudin. Aliquam at semper nulla.
+
+Sed scelerisque lacus felis, et commodo libero tincidunt ac. Ut vel elit vel ex luctus lacinia ut et nisi. Sed ac tristique nisl. Suspendisse efficitur varius purus, sit amet gravida orci sagittis lacinia. Proin non placerat urna. Duis vehicula faucibus est vitae vehicula. Praesent vehicula tempor eros, in aliquet nisl vehicula in. Phasellus in nibh commodo, tempor magna in, convallis metus. Vivamus velit risus, scelerisque quis dolor in, finibus rhoncus erat. Vivamus ipsum libero, tempus non magna eget, condimentum tempus elit.
+
+Sed eu feugiat neque. In velit ex, suscipit in semper blandit, malesuada in orci. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec sem odio, elementum at turpis in, aliquet posuere augue. Etiam accumsan libero lorem, tempor cursus purus fringilla in. Vestibulum id diam consectetur, interdum dui vitae, accumsan tellus. Ut eu viverra nisi. Duis odio nisl, consectetur id volutpat eu, interdum a tortor. In et ipsum interdum, fringilla urna nec, congue lectus. Aliquam eu sodales neque. Vivamus et tincidunt dolor. Sed porttitor rhoncus rutrum. Nulla facilisi.
+
+Vivamus dapibus ipsum vitae libero ullamcorper, quis ullamcorper tortor porttitor. Phasellus elementum sapien ac felis sagittis, non finibus massa faucibus. Curabitur id enim neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean velit lectus, tempus placerat pretium ultricies, mollis sit amet nibh. Praesent tincidunt turpis purus, vitae malesuada sapien eleifend at. Pellentesque velit mauris, volutpat auctor pharetra at, laoreet vel mi. Duis a ornare leo, nec malesuada ante. Donec a felis nec ex varius rutrum at a libero.
+
+Etiam blandit nulla et lorem viverra, vitae suscipit mi luctus. Etiam enim nisl, dignissim eget lectus a, molestie hendrerit leo. Cras placerat leo nec blandit aliquet. Suspendisse id cursus metus. Aliquam a lobortis lectus, eget consequat erat. Praesent congue nulla vitae convallis pulvinar. Donec sed dui tellus. Aenean vehicula neque malesuada mi malesuada, sed lobortis nisl porttitor. Sed eu felis lacinia, fringilla nibh ac, laoreet ex. Vestibulum nibh ex, sagittis eu bibendum et, laoreet ut lectus. Proin ac augue tellus. Nulla tristique metus ut sem egestas sodales. In lorem sapien, tempor sit amet semper a, dignissim a dolor.
+
+Mauris finibus justo ut pretium vestibulum. Morbi euismod faucibus fringilla. Curabitur vitae dictum ipsum. Curabitur nec nulla fringilla, laoreet ligula eu, convallis magna. Proin in accumsan sem. Morbi pretium venenatis sem, vitae fringilla leo vestibulum et. Maecenas justo ligula, iaculis a finibus nec, aliquam tempor ipsum. Donec cursus nisi vel purus pulvinar, non interdum nulla semper. In eu ullamcorper odio. Sed ac augue ut urna pulvinar rhoncus. Integer maximus ultrices nisl, nec volutpat tellus facilisis eu. Fusce dictum, leo iaculis egestas consectetur, enim ligula aliquam nunc, sed condimentum neque dui eget nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;
+
+Fusce vitae orci eu purus vehicula viverra. Vivamus mollis orci sed euismod sagittis. Duis dui sapien, ullamcorper in gravida nec, imperdiet sed purus. Cras ligula nulla, consectetur a urna a, luctus ultricies augue. Aliquam tincidunt, lectus eget auctor venenatis, elit tortor malesuada mauris, sed iaculis lectus libero et lectus. Aenean dictum imperdiet tortor, ac aliquet magna rhoncus sed. Mauris facilisis velit suscipit ligula tristique ullamcorper. Praesent leo mauris, rhoncus eu sodales a, lobortis nec nibh.
+
+Cras in libero felis. Donec luctus nunc id imperdiet consectetur. Nam ultrices suscipit mi, eu pretium urna luctus eget. Phasellus eu lacinia augue. Proin eu est condimentum ligula volutpat semper. Sed luctus, dolor quis bibendum venenatis, neque nibh condimentum felis, vitae cursus libero velit vitae lorem. Donec ultricies ullamcorper ipsum. Maecenas maximus accumsan blandit.
+
+Mauris aliquet, ex non facilisis tristique, nibh elit efficitur quam, et gravida sapien leo sed diam. Suspendisse malesuada odio vel lorem dignissim, eu accumsan ante egestas. Vivamus blandit erat sed fringilla euismod. Etiam nec mauris a sem finibus dapibus. Quisque hendrerit eros nec mattis ultricies. Vestibulum blandit nulla a eleifend sollicitudin. Fusce hendrerit, nunc ut cursus fermentum, arcu odio laoreet turpis, a tincidunt purus massa nec sem. Nam id tellus et eros vehicula fermentum. Nullam imperdiet rhoncus lectus, at vestibulum nunc semper luctus. Sed a massa sed urna posuere congue in sed augue.
+
+Nullam condimentum eget tortor in lobortis. Maecenas ac cursus tellus. Nunc mollis lorem risus, sed tincidunt sapien ullamcorper quis. In nec diam quis ligula euismod feugiat vitae eget dui. In pulvinar, arcu in molestie sodales, augue elit aliquam elit, vel dignissim quam mi maximus quam. Sed condimentum, nibh ut finibus faucibus, diam leo ultrices dolor, quis cursus nunc dolor non urna. Aliquam suscipit, magna vitae gravida porta, sem orci mattis arcu, nec fringilla dolor nunc in purus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nunc egestas cursus magna in ultrices. Maecenas quis laoreet ex, eu vehicula metus. Donec sed congue sem, in vulputate diam. Pellentesque molestie nulla ipsum, nec dignissim enim ultricies eget. Morbi vehicula odio ut justo tempus blandit. Sed nec condimentum elit. Morbi ut facilisis mauris. Aliquam luctus odio sed ante aliquam, eget venenatis risus luctus.
+
+Integer laoreet odio a tellus tincidunt auctor sed id dolor. Praesent quis velit quis nunc dignissim iaculis non non lectus. Praesent blandit ligula urna, semper molestie lectus dignissim sed. Suspendisse bibendum, leo sed placerat tincidunt, sapien dui molestie dui, elementum dignissim nisl nisi et nulla. Ut feugiat felis id malesuada hendrerit. Pellentesque ut nisi et ipsum laoreet tempus vel non eros. Cras ut ante mi. Fusce sed maximus lacus. Etiam hendrerit, odio in maximus tincidunt, felis dolor malesuada justo, quis porttitor odio ipsum vitae eros. Vestibulum risus ante, iaculis sodales accumsan eget, tempor quis neque.
+
+Vestibulum eget elit vestibulum, imperdiet ex ut, cursus metus. Proin at interdum leo. Vivamus a nisl tristique, varius nisl dignissim, auctor leo. Donec arcu felis, condimentum vel pharetra vitae, fringilla at dolor. Integer elementum viverra tortor, a ullamcorper nunc bibendum in. Vivamus et arcu sit amet nulla maximus condimentum. Vestibulum in nisi ut nulla sollicitudin gravida. Aliquam nulla ipsum, venenatis eu fermentum id, sodales vel diam. Suspendisse metus mi, facilisis ornare est et, interdum pretium odio. Morbi eget nunc orci.
+
+Mauris neque dolor, imperdiet non dolor ut, suscipit lacinia mi. Donec dolor mauris, viverra in purus aliquet, tincidunt volutpat mi. Proin at dapibus dolor, vel egestas eros. Nulla mattis dictum iaculis. In pulvinar dui sem, eu tincidunt ligula sodales eget. Proin consectetur augue a libero suscipit rutrum blandit id eros. Pellentesque lorem erat, porta at felis id, congue malesuada urna. Quisque fringilla ut odio sed porta. Quisque congue lorem nec augue luctus varius. Nullam nec metus fermentum lacus egestas pharetra a volutpat lectus. Fusce euismod eros sit amet nisi semper imperdiet. Donec a viverra libero, vel ultrices felis. Aliquam vitae ante quis elit posuere ultricies. Mauris velit purus, tincidunt sit amet velit sit amet, sollicitudin pharetra odio.
+
+Donec semper eleifend aliquet. Vestibulum fringilla augue non arcu tristique pellentesque. Duis viverra, eros vitae dignissim lobortis, mauris lorem ultricies tellus, non cursus diam tellus vitae ipsum. Ut et arcu turpis. Fusce eget neque cursus, posuere augue interdum, fringilla libero. Donec commodo velit finibus urna pellentesque blandit at eu turpis. Proin et viverra tellus, a pharetra sapien. Ut a odio fringilla, viverra elit in, dictum tortor. Morbi est diam, sagittis sed pulvinar sit amet, dictum at lorem. Phasellus a condimentum massa, sit amet vestibulum purus. Suspendisse quis pharetra tortor. Nunc tempus magna vitae ligula luctus laoreet. Integer eleifend varius commodo. In hac habitasse platea dictumst. Cras eget metus sapien. Nulla facilisi.
+
+Cras euismod mauris tortor, a dapibus ligula gravida fermentum. Duis ultricies fermentum faucibus. Sed interdum, lacus vel mollis tempus, enim tellus ultrices nisi, in sollicitudin enim purus non nulla. Sed eget quam massa. In hac habitasse platea dictumst. Aenean at ante metus. Sed eleifend luctus ipsum nec lacinia. Vestibulum facilisis sodales dui, nec molestie neque tempus in. Curabitur consectetur tortor eget ipsum eleifend varius. Aenean finibus nulla at velit luctus, sed finibus ipsum semper. Vivamus turpis nisi, vulputate in pellentesque ultrices, rhoncus id augue. Quisque efficitur semper ligula, sed dictum turpis porta vitae. Aliquam malesuada est ac leo fermentum, et porttitor erat sagittis.
+
+Morbi felis odio, tristique quis tempor at, convallis commodo lectus. Integer tincidunt lacus dolor, id molestie ante luctus non. Fusce nec quam in quam euismod malesuada. In consectetur magna ut fermentum volutpat. Phasellus malesuada risus nunc, non pellentesque mauris aliquet quis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent eget mi metus. Nunc in risus eget lacus gravida tristique a in nisi. Cras consequat aliquam quam vitae pulvinar. Curabitur commodo purus ligula, et ornare ipsum aliquet at. Sed tempor sed enim ut convallis. Mauris cursus magna non diam dapibus euismod. Nullam ac nisl est. Maecenas aliquet quam erat, ac imperdiet elit fermentum at.
+
+Sed urna arcu, convallis et malesuada sit amet, iaculis quis felis. Fusce pellentesque tincidunt lacus, quis aliquam enim dictum vitae. Suspendisse potenti. Donec ut tincidunt est, eget iaculis leo. Curabitur auctor pharetra augue, sed egestas ante varius id. Etiam sollicitudin et mauris vitae ullamcorper. Maecenas mollis vulputate viverra. Etiam efficitur, metus quis cursus elementum, felis arcu congue dui, et volutpat augue tellus a dolor. Duis rhoncus molestie tincidunt. Nunc finibus tortor ut nunc vehicula, ac vestibulum velit tristique. Donec in eros ut erat tempor tincidunt.
+
+Pellentesque cursus leo non nisl posuere, ac tincidunt lorem tempus. Praesent ut erat dictum, tincidunt elit ut, varius risus. Sed hendrerit id elit ut vestibulum. Suspendisse consequat metus sit amet neque dictum, sed feugiat risus egestas. Aliquam lobortis nisl elit, eget posuere ligula aliquam eget. Nullam lobortis a nunc vel malesuada. Praesent venenatis nisl sit amet libero suscipit, ut placerat sapien egestas. Cras condimentum justo sit amet massa sollicitudin, ac ultricies metus dignissim. Morbi mauris nunc, varius a ornare sit amet, pretium ut ex. Etiam sollicitudin, risus ut viverra euismod, magna mauris mattis tortor, eget cursus massa odio eu ipsum. Mauris tempus nunc mattis lectus varius cursus. Curabitur nisi erat, vulputate rutrum scelerisque vitae, convallis non lorem. Suspendisse purus nulla, aliquet eget hendrerit dignissim, malesuada nec orci.
+
+In sagittis elit id augue iaculis euismod. Maecenas consequat odio sit amet massa elementum, eget fermentum velit varius. Aliquam ac tellus ac ex ullamcorper tincidunt eget eget diam. Quisque diam tortor, vehicula ac sollicitudin vitae, sollicitudin efficitur ligula. Nullam ut rutrum quam. Phasellus ornare posuere felis, sed vehicula ipsum blandit quis. Etiam a purus eu tortor interdum rutrum. Quisque sed tincidunt magna. Morbi sodales mi vitae sem cursus, sed venenatis augue porttitor. Nam posuere enim dictum hendrerit bibendum. Ut facilisis, dolor sed vestibulum ornare, tellus elit suscipit leo, et euismod arcu neque at tortor. Suspendisse pulvinar neque vel porttitor vestibulum.
+
+Suspendisse in metus ut nibh euismod sodales. Sed tempor eget dolor at semper. Suspendisse at urna lacus. Donec quis velit sed elit ultricies vestibulum quis nec ipsum. Duis at augue et turpis gravida rhoncus quis in est. Fusce sit amet malesuada quam. Integer nec augue non nisl consequat scelerisque eu et velit. Sed vitae enim felis.
+
+In a sem accumsan, iaculis nulla vitae, ultricies turpis. Nulla luctus, ligula a gravida dapibus, mauris mauris rutrum erat, et lobortis libero libero sed nibh. In quam diam, dapibus vitae diam in, interdum accumsan ligula. Phasellus ac diam mollis, laoreet sapien ut, vehicula quam. Donec cursus elit tortor, vel mattis odio ornare ut. Quisque et justo a purus aliquam laoreet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla non euismod metus. Integer venenatis eu nisl tempus consectetur.
+
+Phasellus dictum elit vel velit rhoncus, porttitor tempor mauris scelerisque. Quisque nec fringilla erat. Sed consectetur in eros ac maximus. In nec lorem sapien. Pellentesque aliquet bibendum mi, at pulvinar justo mattis nec. Proin justo lorem, tempus nec elit lobortis, interdum pretium nisl. Pellentesque euismod, massa a consectetur dignissim, risus purus dictum risus, in molestie dolor elit in turpis. Cras vitae dapibus augue.
+
+Proin enim diam, semper ac dapibus eget, vulputate id ligula. Proin lectus diam, pharetra sed turpis non, varius pharetra eros. Quisque eget rhoncus enim. Integer velit ante, molestie eget convallis vitae, laoreet eget massa. Etiam at sem nec urna accumsan convallis. Nam a diam luctus, scelerisque nisi id, pulvinar quam. Aliquam convallis maximus aliquet. Aliquam at diam nec tellus pretium euismod. Cras aliquam justo nec quam scelerisque vulputate. Etiam dictum eleifend elit elementum consequat. Donec semper tempus ultrices. Pellentesque bibendum vitae dolor vel scelerisque. Aenean lacinia hendrerit dolor non congue.
+
+Ut congue orci turpis, sit amet ultricies orci luctus in. Ut felis odio, vestibulum non convallis sit amet, congue vitae mauris. Nullam blandit enim vel lorem laoreet, at gravida est sollicitudin. Aenean posuere dignissim ex, id varius arcu iaculis id. Vestibulum id nulla eget magna pulvinar rutrum. Suspendisse pulvinar blandit mauris, vel pharetra turpis finibus a. Quisque ac ligula arcu. Praesent semper nulla sed ultrices scelerisque. Quisque id erat eget odio dictum euismod. Donec sit amet nunc purus. Quisque nulla dui, sollicitudin non odio sit amet, sagittis interdum urna. Nunc feugiat, lacus non commodo volutpat, tellus lorem fermentum risus, eget dapibus urna massa a elit.
+
+Sed id tellus augue. Donec quis fringilla lacus. Integer suscipit faucibus eleifend. Donec lobortis odio ut felis cursus rutrum. Morbi augue erat, rutrum eu nisl sed, tincidunt porta enim. Nulla consequat malesuada tellus. Pellentesque facilisis vel nibh et pretium. Morbi volutpat ante sed leo tincidunt, egestas bibendum dui auctor. Morbi mattis feugiat maximus. Donec a sagittis ante, non euismod metus. Morbi commodo neque viverra pretium fermentum.
+
+In sodales, nisl quis vulputate luctus, sapien est fringilla elit, sed vestibulum urna libero ac ante. Suspendisse potenti. Duis eget sagittis elit. Mauris sapien ligula, egestas at auctor eu, efficitur at nisi. Proin elementum, erat nec tincidunt laoreet, elit risus pellentesque sapien, in malesuada enim ligula id magna. Proin scelerisque augue lorem, et hendrerit ante fringilla vel. Quisque in faucibus nunc, sit amet convallis diam. Sed fermentum tristique fringilla. In condimentum purus ornare tristique dapibus. In malesuada nunc lorem, vel imperdiet erat pellentesque id. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Quisque feugiat faucibus nulla, quis faucibus velit lobortis in. Donec augue sem, scelerisque vitae tortor ac, aliquet fermentum nulla. Fusce convallis non metus in ultrices. Cras justo arcu, tristique vel libero sed, fermentum ullamcorper justo. Mauris libero erat, elementum nec malesuada ac, commodo eget ante.
+
+Duis laoreet diam non orci volutpat rhoncus. Sed bibendum dolor quam, eget sagittis enim tincidunt at. Mauris at varius sem, id luctus augue. Sed venenatis pulvinar viverra. Curabitur enim nisi, mollis at fermentum ac, rhoncus iaculis mi. Ut dictum urna velit, a rhoncus risus tempus ut. Cras tristique scelerisque dignissim. Donec ex felis, dictum at eleifend at, posuere bibendum quam. Donec luctus aliquet velit, id fringilla sem tincidunt sed. Quisque cursus imperdiet diam, ut facilisis augue convallis et. Aliquam hendrerit consectetur neque, vitae ultricies nulla aliquam ut. Donec at justo ut ipsum aliquam bibendum in id ante. Aenean fermentum eros vel turpis tristique egestas. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent vitae dui felis.
+
+Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam faucibus leo id mi blandit, posuere maximus felis malesuada. Phasellus et porttitor magna. Curabitur leo ipsum, malesuada at lobortis finibus, facilisis id purus. Suspendisse potenti. Suspendisse at iaculis metus. Nam pharetra leo quis ex aliquam fermentum. Sed quis metus faucibus, varius nunc id, condimentum est. Nam lacinia quis velit a iaculis. Nullam accumsan mattis neque vitae posuere. Vivamus sem neque, ultrices sed molestie at, gravida ut est. Nunc a tellus viverra felis pulvinar fermentum vitae nec mi. Nulla et hendrerit magna, sed bibendum mauris. Cras eget diam eu augue convallis porttitor eget sit amet tortor. Cras arcu tortor, vulputate vitae erat non, rutrum rhoncus urna. Donec blandit non erat sit amet gravida.
+
+Sed feugiat in nibh et sagittis. Quisque in maximus mi, eu elementum neque. In hac habitasse platea dictumst. Pellentesque ultricies consectetur urna vitae imperdiet. Nullam velit lectus, laoreet ut sem eu, commodo fringilla ipsum. Vivamus placerat vulputate ipsum nec viverra. Aenean vel venenatis augue, vitae pharetra felis.
+
+Pellentesque rutrum urna orci, a condimentum mi ultrices quis. Nunc facilisis velit nec velit eleifend vestibulum et vel erat. Fusce consequat ex ut lacus elementum lacinia. Nulla a sapien ut ex dignissim pulvinar sed vel ex. Aenean porta diam sit amet pellentesque dignissim. Vestibulum mollis convallis auctor. Etiam lacinia eros non nulla blandit tristique. In hac habitasse platea dictumst. Vestibulum dapibus iaculis consectetur. Morbi ex odio, posuere at sollicitudin mattis, efficitur pharetra sapien. Etiam placerat nec quam vitae fringilla. Donec sodales bibendum odio, eget pharetra erat efficitur id. Nullam ultricies dui odio, sit amet tincidunt eros vestibulum eu. Donec semper libero in lacus elementum maximus.
+
+Curabitur commodo ex nec sapien fermentum suscipit. Donec vel erat placerat, convallis dui non, mattis mauris. Donec placerat dui augue, et dignissim justo feugiat id. Phasellus nec justo ex. Phasellus eget lobortis orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras in scelerisque neque, non pretium purus. Aenean rutrum libero at fermentum pharetra. Nam elementum felis nec dapibus dignissim. Quisque ultricies ipsum a odio pellentesque mollis a maximus leo.
+
+Sed id urna hendrerit, convallis nisl quis, tristique felis. Sed eget consequat nisl. In vel tincidunt erat. Vivamus molestie rhoncus libero, non tincidunt lacus elementum non. Aenean faucibus lacinia nisi ac lobortis. Suspendisse iaculis augue nibh, id varius tortor ornare ac. Duis vitae congue nibh. Praesent at tortor et justo aliquam fringilla vitae id orci. Mauris ultricies velit condimentum lectus volutpat, vitae tincidunt odio fermentum. Curabitur luctus convallis libero eget pellentesque. Vivamus a tempus ipsum.
+
+In et justo vel nisi convallis tempor ac vitae purus. Cras efficitur ac orci sit amet aliquet. Vestibulum vel libero egestas, pharetra nisl a, ultrices erat. Nunc id turpis a erat aliquet hendrerit. Suspendisse lobortis est sed quam consectetur condimentum. Proin fermentum purus nec risus dignissim lacinia. Quisque eu libero eu nibh dictum congue id at odio. Nulla posuere justo a mollis scelerisque. Nunc luctus, augue congue volutpat tincidunt, orci nulla euismod elit, eget mollis arcu augue eget elit. Aliquam rhoncus nisl at quam dictum viverra.
+
+Pellentesque sit amet elit condimentum, suscipit sapien sed, dapibus turpis. Proin felis nunc, aliquet in vulputate a, lobortis et ex. Donec ac magna vulputate, tincidunt mauris eget, ultrices urna. Duis venenatis commodo massa, eget rutrum enim consectetur vel. Aenean vel erat hendrerit, tincidunt dui ut, elementum est. Vestibulum in ipsum fringilla, gravida nunc ac, sagittis dolor. Aenean pulvinar ornare diam eget ultricies.
+
+Cras ut luctus mauris, sed sodales orci. Quisque vitae ullamcorper metus. Ut vel justo ligula. Aenean sit amet tellus tortor. Mauris eu diam et mauris vestibulum vehicula. Donec finibus, turpis vel blandit pretium, sem quam sagittis purus, in sagittis nibh leo id augue. Duis venenatis mollis pretium. Praesent pretium bibendum eros. In non ipsum cursus, tristique orci vel, elementum dolor. Nulla egestas leo in feugiat dignissim. Integer fringilla odio ut aliquam accumsan.
+
+Sed risus est, tristique ut ex quis, aliquam malesuada lorem. Maecenas hendrerit eros ultricies venenatis aliquam. Vestibulum ut laoreet lectus. Integer purus neque, porttitor sed tristique congue, vestibulum et ligula. Aliquam fringilla, eros et mattis vulputate, tellus urna auctor velit, ac pharetra ligula mauris ut tortor. Donec tristique nunc metus, vitae vulputate nulla iaculis vitae. Donec iaculis dapibus dolor, eget rhoncus dui. Ut feugiat sed enim tristique efficitur. Curabitur leo risus, vehicula ac ligula id, vestibulum eleifend diam. Aliquam erat volutpat. In ipsum diam, volutpat at diam non, finibus lobortis eros. Curabitur id diam mi. Proin purus urna, auctor et diam nec, aliquam interdum lectus. Ut eget mollis tortor. Quisque elementum porta ultrices.
+
+Nullam aliquet augue velit, sed suscipit erat eleifend non. Vivamus nisl felis, blandit sit amet neque id, malesuada tincidunt mi. Phasellus a mauris metus. Cras tempor, arcu tincidunt fermentum viverra, tortor lacus tincidunt erat, vel tristique dolor justo vitae eros. Aliquam erat volutpat. Cras aliquet nunc et dignissim sagittis. Fusce vel nisi mi.
+
+Nunc tempus purus non magna tincidunt, eget dignissim justo posuere. Aenean mattis lacinia risus vel luctus. Suspendisse ac rhoncus massa, id finibus dui. Pellentesque nulla turpis, iaculis vitae mauris non, hendrerit tempus erat. Integer venenatis, dui in rutrum porttitor, purus risus commodo nisl, a fermentum nisi nunc eu neque. Quisque euismod est nec mi facilisis, ut varius leo congue. Integer sed arcu ultrices, volutpat diam at, elementum turpis. Quisque et accumsan orci. Duis consequat sollicitudin tortor in ultrices. Vestibulum porta fringilla auctor. Maecenas maximus eros at erat vestibulum mattis. Praesent fringilla pellentesque quam, vel ullamcorper nisi sollicitudin non. Curabitur fermentum fermentum ligula sed viverra.
+
+In hac habitasse platea dictumst. Quisque et convallis est, quis posuere felis. In congue, elit nec venenatis hendrerit, eros sapien dictum erat, non vehicula nibh felis ac sem. Nam sed semper massa. Proin id accumsan lorem. Mauris ultrices leo et velit euismod facilisis. Nulla facilisi. Morbi ultrices, mauris id ullamcorper sodales, ex neque eleifend tellus, sed luctus neque orci a dui. Curabitur ut eros metus. Morbi rhoncus odio eget lacinia blandit. Aenean lobortis consequat imperdiet. Proin tempus vehicula massa, nec posuere ex. Phasellus convallis, felis ac lacinia luctus, purus nunc imperdiet ante, eu hendrerit nibh diam eu lacus.
+
+Vivamus ullamcorper molestie turpis, et euismod lorem semper ac. Proin ornare, purus at ullamcorper euismod, lacus odio gravida nisl, vitae pretium mi erat a sapien. Duis ultrices libero turpis, sit amet varius sapien tempus in. Integer eget dignissim est. Aenean eget nulla nec libero faucibus tempus. Etiam in pellentesque risus. Nunc sed luctus lacus. Duis tristique nulla non enim consequat, congue vestibulum nisl interdum. Proin faucibus, eros non accumsan rutrum, ipsum justo fermentum augue, tempor ornare est metus sit amet tellus. Duis malesuada vel justo at finibus. Nullam sit amet enim scelerisque, dapibus velit ut, iaculis lectus. Nunc elementum erat nibh, eget finibus dolor porta in. Fusce varius tellus mattis tellus commodo pellentesque. Cras viverra gravida ligula, quis hendrerit ex posuere vitae. Sed quis tempor felis, ultrices faucibus velit.
+
+Quisque porttitor mi vitae metus dapibus, eu tincidunt turpis pharetra. Fusce dolor nulla, vulputate a ligula sed, suscipit hendrerit sem. Integer id nunc vitae erat dictum tempor. Morbi leo dui, tincidunt sed dapibus non, vestibulum sit amet magna. Proin et mauris tellus. Nam volutpat orci eu eros imperdiet congue. Suspendisse nec dictum magna. Nunc consectetur varius augue a ultricies. Proin nec lacus eget massa mattis ornare eget id ligula. Sed laoreet ante nec efficitur lacinia.
+
+Integer maximus laoreet tellus, eget aliquam mauris luctus ut. Sed condimentum lectus et mi eleifend egestas. Integer convallis tempus sem laoreet consequat. Suspendisse gravida commodo purus eu consequat. Pellentesque sed mi efficitur, tristique felis et, tempus lacus. Nullam in dictum est. Aenean libero libero, ullamcorper a cursus eget, mattis vitae diam. Aliquam at dolor turpis.
+
+Ut mauris justo, accumsan molestie eros vitae, interdum ornare lorem. Mauris ut consectetur nulla, cursus vulputate lectus. Donec commodo urna velit, nec lacinia elit accumsan sit amet. In et augue vel leo rutrum vulputate at vel magna. Phasellus in tempus erat, quis elementum mauris. Vestibulum tincidunt facilisis ante, ut volutpat eros rhoncus vitae. Aliquam erat volutpat. Proin sit amet lacus turpis. Etiam maximus sodales libero, ut vestibulum dui lacinia sit amet. Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec scelerisque, turpis et auctor dictum, dolor odio sodales ligula, a convallis dolor erat a augue. Sed felis nisi, tristique sit amet dolor sit amet, imperdiet auctor mauris. Aenean vitae ex molestie, suscipit lorem fermentum, laoreet nisi.
+
+Suspendisse pellentesque facilisis erat, sed faucibus sapien facilisis et. Proin pharetra augue ut lorem viverra pulvinar. Fusce quam neque, egestas sed est non, rutrum porta justo. Duis fermentum tincidunt ipsum non pharetra. Suspendisse potenti. Ut volutpat magna quis erat vehicula posuere. Aliquam consequat consequat gravida. Etiam dictum gravida semper. In vitae maximus felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
+
+Aenean pretium, nisl ac dapibus lobortis, sem justo fermentum magna, in ultricies ipsum felis vitae ex. Pellentesque dictum eget purus sit amet commodo. Nunc dapibus, leo eget bibendum luctus, leo nibh eleifend lectus, eget imperdiet felis sem id nunc. Nullam egestas justo commodo, blandit ante at, placerat dolor. Nunc malesuada nulla et nisi maximus, quis molestie diam blandit. Quisque elementum lacus purus, quis varius lectus sodales finibus. Donec sodales nunc non nunc tincidunt, eu rutrum arcu pretium. Etiam risus odio, consequat eget quam eu, dignissim iaculis erat. Aliquam eu porttitor urna. Donec molestie, diam quis tempus maximus, leo mauris pretium mauris, ut lobortis est ipsum a mauris. Nam dignissim congue leo, id mattis sem efficitur eget. Proin risus lorem, fringilla vel varius ac, hendrerit vel neque. Vestibulum auctor est fermentum, congue purus at, semper dolor. Maecenas nec nunc at dolor blandit suscipit. Donec eu nisi aliquam, eleifend sem a, ultrices ex.
+
+In at augue risus. Nam sed justo in quam porta maximus. Praesent elementum tellus sed dui gravida hendrerit. Cras ultricies pulvinar lobortis. Maecenas tortor augue, auctor ut eleifend eget, egestas at lectus. Aliquam erat volutpat. In in egestas tellus.
+
+Quisque volutpat placerat vulputate. Nulla aliquam consectetur ex a vulputate. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla volutpat leo elit, id blandit erat vehicula eget. Pellentesque molestie, lacus ac facilisis fermentum, turpis enim faucibus felis, sit amet rhoncus libero dui at mauris. Proin vel placerat risus. Nullam eleifend orci eget eros tempor, aliquet semper diam malesuada.
+
+In convallis gravida laoreet. Praesent scelerisque mollis massa, non lobortis sapien elementum id. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam dignissim varius eros vitae molestie. Aenean molestie nisl ac bibendum laoreet. Sed placerat pellentesque augue, sit amet commodo turpis condimentum vitae. Duis a purus placerat, tempor nulla ac, rutrum ipsum. Donec lectus nisi, laoreet quis diam eget, finibus scelerisque ante. Aliquam erat volutpat. Integer convallis justo vel nibh vehicula molestie. Donec ut mi eget est pulvinar euismod. In id ligula ut enim venenatis fermentum. In metus leo, rutrum ac mollis tincidunt, semper quis lacus. Sed lobortis, augue in condimentum suscipit, augue velit tempor leo, eu mollis turpis lectus auctor orci.
+
+Nullam efficitur erat ut dolor tristique condimentum. Suspendisse pretium ex ut bibendum ullamcorper. Phasellus dapibus enim sed tellus condimentum, sit amet mattis tellus cursus. Phasellus venenatis augue in lacus suscipit, vel hendrerit felis vehicula. Cras consectetur cursus lorem vulputate cursus. Vestibulum nec auctor sem. Nam ultricies, mi a ullamcorper eleifend, enim magna elementum erat, a accumsan turpis nunc et tortor. Donec venenatis maximus lacus vitae sodales. Donec dapibus rutrum porta. Nulla facilisi. Vivamus aliquam ex vitae sem consequat blandit. Nullam ultricies, ante ac rutrum efficitur, magna ligula maximus turpis, ut porta est velit et magna. Vestibulum mauris massa, posuere nec convallis in, maximus a nulla. Mauris vitae lorem sed nulla aliquam tempor. Fusce vel fringilla metus, ac aliquet metus.
+
+Ut ac mattis augue. Fusce cursus at quam ut vehicula. In laoreet cursus urna eu fermentum. Suspendisse est mauris, gravida interdum urna a, ullamcorper hendrerit arcu. Donec dapibus blandit massa nec vulputate. Nam a lacus pretium, imperdiet risus ac, aliquam nunc. Nulla facilisi. Vivamus quam libero, vestibulum sed tellus eget, ornare gravida dolor. Sed placerat nulla in velit imperdiet mattis. Sed at arcu eleifend, scelerisque urna non, porta massa. In volutpat commodo quam et sollicitudin.
+
+Donec in magna ullamcorper, auctor ex malesuada, tincidunt dui. Etiam enim risus, cursus sit amet ante ut, blandit tincidunt purus. Etiam rutrum dolor nulla, vel feugiat quam convallis sit amet. In finibus mi tortor, non hendrerit purus dictum at. Vivamus condimentum elementum neque et maximus. Cras auctor iaculis metus, at vulputate justo rhoncus eu. Aliquam laoreet mi euismod, lacinia est nec, euismod augue. In viverra tincidunt dolor vitae porttitor. Proin congue, mi eu laoreet congue, libero nunc porttitor tellus, non dictum magna erat sed purus. In nec luctus ligula, vel gravida urna. Sed lacinia mollis justo at hendrerit. Pellentesque gravida laoreet risus non auctor. Praesent ac sollicitudin eros. Vestibulum non viverra magna, sodales tristique ipsum.
+
+Etiam et lacinia eros, ut scelerisque turpis. Sed elit tortor, varius in nibh at, tempor euismod massa. Sed dapibus purus nec felis venenatis, nec rhoncus eros sagittis. Nullam elit orci, facilisis nec nunc sed, lobortis sagittis metus. Proin aliquam pharetra sagittis. Etiam ultrices nulla quis posuere elementum. Sed ultrices justo justo, eu tempor turpis rutrum vel. Pellentesque at cursus tellus. Vestibulum pulvinar tellus eget felis posuere bibendum. Etiam nec orci eleifend, gravida ipsum mollis, facilisis erat. In efficitur ac metus vel aliquam. Quisque arcu est, malesuada ut ligula ac, consectetur rutrum ex. Quisque varius viverra gravida. Suspendisse id leo quis felis imperdiet fringilla. Aenean ac accumsan urna. Fusce sapien mauris, varius pellentesque porta lobortis, tempus scelerisque metus.
+
+Vivamus tempus interdum felis, quis gravida ipsum auctor at. Cras sed ligula eu mauris semper pellentesque. Donec ut nibh at odio tempus euismod. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam ultrices odio ut faucibus mollis. Curabitur tincidunt accumsan luctus. Suspendisse tincidunt magna mi, et euismod nulla feugiat quis. Fusce finibus ac velit id fermentum. Aliquam venenatis egestas aliquam. Nulla diam libero, consectetur eu enim ac, dictum tempor lectus. Ut id tempus augue. Nulla facilisis, massa sit amet ultricies ultrices, eros lacus eleifend ex, vitae facilisis velit urna non leo. Ut libero ligula, venenatis ac odio id, posuere hendrerit eros. Cras eget sapien at mauris iaculis tincidunt. Nullam ut neque nisi. Aliquam hendrerit, magna non pellentesque iaculis, nulla libero molestie augue, non vehicula tortor sapien porttitor eros.
+
+Sed eget lectus nec enim porta gravida. Vestibulum id tincidunt nunc. Quisque scelerisque condimentum ipsum, eu accumsan orci facilisis non. Duis venenatis, est et mattis finibus, turpis urna rhoncus urna, gravida ultrices ipsum neque vitae erat. Vivamus massa enim, tristique vulputate faucibus a, luctus non dui. Vestibulum non risus lorem. Suspendisse eu orci accumsan, molestie enim nec, convallis augue.
+
+Nullam sed arcu turpis. Quisque ut elementum velit. Maecenas vitae sem vel eros vehicula hendrerit. Aenean suscipit convallis justo. Morbi in consectetur diam. Donec et efficitur justo, vestibulum convallis turpis. Proin sit amet enim id enim tempor tempus. Nam est augue, consectetur vitae ligula ut, tristique consequat nibh.
+
+Ut pharetra tortor auctor risus posuere, nec hendrerit nibh rhoncus. Aliquam tincidunt aliquam felis, at dignissim justo fermentum quis. Aenean malesuada, eros a ornare varius, sapien ex mollis nunc, vitae bibendum augue lectus vel mi. Nulla ultricies dui sed tellus sodales, at iaculis urna elementum. Sed et lacinia urna. Integer commodo nulla non quam rhoncus, bibendum tristique massa finibus. In posuere, lectus id tristique tristique, risus mauris consectetur erat, fringilla mattis metus eros in velit. Praesent est eros, tempor vel vulputate ut, luctus ut libero. Phasellus a urna porttitor, aliquam enim non, varius ipsum. Cras non ante ut ante egestas condimentum. Praesent finibus eleifend eros, tempor feugiat neque semper eget. Duis ullamcorper condimentum aliquet. Interdum et malesuada fames ac ante ipsum primis in faucibus.
+
+Curabitur eget orci aliquet, pulvinar enim quis, hendrerit lectus. Suspendisse sed dictum lorem, nec porttitor ligula. Aliquam sit amet ligula sed lorem consectetur rhoncus ut a mauris. Quisque a ipsum sit amet augue mollis lobortis id nec risus. Phasellus vulputate justo in eros sodales vulputate. Fusce leo magna, condimentum quis vehicula id, malesuada at justo. Donec fringilla tortor in ullamcorper viverra. Vestibulum efficitur, quam ac consectetur dignissim, metus libero tincidunt libero, quis ultrices nisi mi eu erat. Nulla pharetra iaculis ullamcorper. Donec sit amet tortor congue risus elementum venenatis. Maecenas nisl nunc, imperdiet nec mattis sit amet, dignissim eget sapien. Nullam tristique turpis eu ante tempor, nec suscipit tortor sodales. Quisque cursus a orci quis molestie. Sed sit amet venenatis leo. Maecenas felis lacus, accumsan at accumsan non, ornare quis dolor.
+
+Aliquam vel enim eros. Curabitur sit amet risus ligula. Aliquam eget iaculis lacus, vitae efficitur nisl. Vestibulum convallis, risus at lacinia tempus, libero tortor rhoncus augue, id fringilla ipsum massa eget lorem. Maecenas justo leo, dignissim vitae finibus a, vehicula quis eros. Vivamus vel nisl porttitor, aliquam sapien et, semper risus. Praesent at sem tellus. Fusce sit amet fringilla elit. Nullam lorem sapien, vulputate eget lacus interdum, fermentum rutrum neque. Nulla scelerisque massa a felis cursus euismod.
+
+Mauris a mi posuere, eleifend velit in, luctus nisi. Donec mattis lacus velit, non laoreet odio posuere ac. Nulla efficitur fringilla orci a porta. Vestibulum est magna, fermentum id tempor eget, volutpat vel magna. Nunc non aliquam urna, ut congue urna. Aliquam purus nunc, pretium eget vehicula sed, vehicula sed sem. Quisque pellentesque velit sit amet orci dapibus tristique. Cras fringilla velit id ultrices scelerisque. Praesent porta egestas mauris, vitae accumsan quam. Aliquam molestie, magna sit amet maximus feugiat, arcu mauris ultricies lorem, id aliquam turpis arcu ac mauris. Etiam eu scelerisque neque. Donec sed quam vel est dictum convallis quis posuere tortor. Sed sit amet tortor eros. Sed odio purus, egestas at lacinia sed, consectetur id diam. Quisque tincidunt, ante eget mattis cursus, felis ante venenatis leo, in eleifend erat diam eu eros.
+
+Sed ac nunc mauris. Sed hendrerit ligula efficitur facilisis tincidunt. Morbi ut ornare lorem, sed facilisis ex. Aenean aliquam tristique mi, ac tristique metus rutrum eget. Curabitur id leo id massa commodo sagittis in at elit. Morbi viverra bibendum ligula vitae tristique. Etiam at est interdum, euismod nibh nec, condimentum arcu. Etiam orci ex, sagittis et tincidunt quis, finibus eu sapien. Sed urna lorem, suscipit a gravida vitae, sollicitudin vitae dolor. Cras ut imperdiet massa. Fusce ornare iaculis ipsum a cursus. Pellentesque vulputate, justo vel tincidunt egestas, lacus odio convallis odio, eu porttitor felis ipsum vitae libero.
+
+Phasellus eget nulla eget est convallis ornare ac non enim. Integer tincidunt massa eu tincidunt euismod. Proin at nulla in dui malesuada venenatis vitae at ligula. Curabitur dapibus mauris vitae turpis euismod, et pharetra quam molestie. Nulla id faucibus tortor. Pellentesque ultrices, turpis vel lobortis fermentum, sapien diam rhoncus sapien, quis tristique turpis lorem a mi. Nam bibendum, sem eget congue interdum, lacus orci convallis elit, ac porttitor lorem erat et orci. Integer elementum tortor et nisl posuere consectetur. Sed malesuada leo ac urna lacinia, malesuada luctus mauris faucibus. Duis consequat posuere lobortis. Cras interdum lacinia lacus. Cras ipsum sapien, porttitor eget pellentesque ut, aliquam ut magna. Integer luctus velit et elementum malesuada. Maecenas tempus mauris quis mollis posuere.
+
+Maecenas consequat urna elit, eget fringilla felis laoreet ac. In congue ullamcorper odio, sed malesuada turpis luctus sed. Nullam sodales interdum elit ac dignissim. Pellentesque placerat mollis velit, vulputate tristique neque aliquet vitae. Phasellus tempor viverra est, vitae vehicula justo imperdiet nec. Fusce dictum lacinia urna eget rhoncus. Nam imperdiet nisl orci, sed ultricies orci laoreet vel. In in pulvinar eros. Ut eu rhoncus eros. Suspendisse eu dui viverra, lacinia erat vitae, mattis metus. Aliquam vitae posuere sapien. Quisque eu lorem quis mi egestas varius. Aliquam erat volutpat.
+
+Duis eu arcu lobortis, vehicula orci ac, imperdiet dui. Etiam venenatis nisi quam, quis dapibus erat sagittis non. Suspendisse lacinia blandit interdum. Vivamus vitae sollicitudin leo. Vivamus sit amet commodo tellus, ac sagittis augue. Vivamus mi orci, ultricies ac nulla at, pharetra maximus diam. Nullam rhoncus volutpat magna eu auctor.
+
+Etiam commodo enim a leo pellentesque, in elementum odio lobortis. Vestibulum lobortis lobortis malesuada. Sed imperdiet ullamcorper viverra. Cras facilisis malesuada purus a consequat. Ut auctor neque mi, in scelerisque nibh ornare eu. In non dui in enim pretium ullamcorper non rutrum urna. Donec dictum porta orci sed malesuada. Morbi ac placerat felis. Aliquam lacus sem, ullamcorper sed laoreet ut, imperdiet non libero. Nunc non metus id justo accumsan ultricies. Donec in lacinia eros. Morbi non nunc diam. Aenean nisl massa, vestibulum vel fringilla vel, placerat eu leo. Sed feugiat malesuada ultricies.
+
+Nulla tristique massa eu tortor feugiat auctor. In viverra eu ex quis auctor. Praesent ac sapien orci. Proin sit amet orci posuere, ultricies orci in, fermentum justo. Vivamus tempus, ligula et aliquam egestas, enim orci pulvinar dui, in ultricies mauris turpis eu nisi. Pellentesque nec dui in ipsum laoreet convallis. Vestibulum a mi ornare, elementum ex sed, rhoncus neque.
+
+Nullam sed orci id sem tincidunt suscipit. Cras ac leo at magna facilisis blandit. Aliquam vitae tristique nisi. Nulla vestibulum felis pretium lectus commodo, id eleifend risus eleifend. Mauris bibendum facilisis est vitae scelerisque. Cras interdum dapibus ligula, nec porta lacus imperdiet at. Cras rhoncus bibendum lorem, congue mollis libero dignissim eget. Sed gravida, mauris sit amet sodales posuere, tellus felis imperdiet arcu, quis iaculis orci orci vitae ipsum. Curabitur id orci odio. Aliquam vitae rutrum lacus.
+
+Maecenas tristique est felis, eget posuere lorem dapibus non. Maecenas eu interdum lectus. Nullam placerat sit amet quam non hendrerit. Nulla facilisis ornare mollis. Cras sed metus facilisis, mattis dui in, auctor est. Morbi vehicula venenatis est, vitae egestas felis tincidunt vitae. Donec iaculis massa id justo ornare rhoncus. Nulla tempor felis ex, eu consectetur justo dictum sed. Integer eget laoreet nibh. Duis vitae pellentesque tellus, id blandit justo. Cras quis mollis eros. Quisque rhoncus dignissim enim at sollicitudin. Vestibulum sit amet diam sed quam sodales finibus. Nulla maximus orci sit amet porttitor vestibulum. Nam consequat urna at varius vulputate.
+
+Suspendisse laoreet luctus mauris. Aenean mollis felis urna, ac pretium nunc rutrum non. Aenean semper, risus vitae iaculis eleifend, odio ligula tempus nunc, sit amet suscipit nibh lorem quis ipsum. Nam et placerat sapien. In luctus accumsan risus, id pulvinar elit venenatis eu. Phasellus elementum leo urna, a dapibus neque facilisis eget. Sed sit amet tempor tortor. Fusce iaculis, ipsum nec faucibus scelerisque, felis tortor condimentum purus, in fringilla ex est ac nisl. Nunc et interdum diam. Donec venenatis, dolor quis dignissim euismod, libero ante elementum libero, vitae laoreet purus velit sit amet ipsum. Quisque urna tellus, imperdiet eget gravida a, fringilla commodo diam.
+
+In posuere nisi dictum tortor elementum iaculis. In dignissim diam sit amet volutpat elementum. Curabitur ultricies mi libero, sit amet feugiat massa viverra sed. Vivamus justo nibh, commodo nec elementum eu, suscipit vel elit. Fusce ac cursus libero, et volutpat augue. In tempus ultricies libero, ac rutrum mauris. Morbi vestibulum tellus eu dui dignissim euismod. In hac habitasse platea dictumst.
+
+Nam rhoncus hendrerit ex et mattis. Sed varius, arcu quis placerat viverra, ex lorem ultrices arcu, nec fringilla ipsum metus ut ligula. Sed in luctus mi. Pellentesque sed eros nisl. Praesent rutrum magna metus, vel efficitur eros lobortis efficitur. Mauris vestibulum urna at ligula lobortis sollicitudin. Aenean rhoncus auctor leo vel interdum. Cras sollicitudin massa leo, et eleifend metus scelerisque sit amet. Praesent dapibus euismod libero a fermentum.
+
+Curabitur cursus lacus sit amet est feugiat euismod. Nulla accumsan risus congue lorem facilisis scelerisque. In sed lectus elementum, porttitor nisl vulputate, pulvinar mi. Maecenas eu mollis odio. In faucibus sagittis magna, vitae mollis nisi iaculis non. Aenean dictum lectus ac arcu vehicula fringilla. Curabitur accumsan efficitur libero, eget consequat magna ultrices vel. Donec fermentum vel orci eget finibus. Etiam in massa ante. Mauris gravida enim lacus, sit amet accumsan massa suscipit a. Mauris id bibendum ex, et convallis nisl. Morbi luctus, orci in malesuada finibus, neque turpis convallis justo, id gravida sem purus eget turpis. Fusce eu laoreet justo.
+
+Nulla facilisi. Nulla varius risus quam, sit amet aliquam felis lacinia a. Ut sapien felis, tincidunt in pellentesque sit amet, vehicula id elit. Morbi a congue nunc. Sed justo neque, rutrum tincidunt hendrerit in, luctus at mauris. Suspendisse porttitor ex vitae felis luctus, et bibendum eros consequat. Maecenas vitae lectus eget est volutpat fermentum ac ac elit. In hac habitasse platea dictumst. Aenean luctus ex nec orci euismod aliquam. Integer a dolor elementum, mollis magna vitae, porta dui. In ac erat posuere, facilisis lacus eget, venenatis velit. Nulla ut sapien tincidunt, ultricies lectus aliquet, varius odio. Curabitur viverra congue ipsum, non finibus enim lobortis vitae.
+
+Duis vestibulum maximus est, sollicitudin dapibus sapien accumsan sit amet. Cras luctus, massa malesuada ornare imperdiet, dolor lorem blandit est, a blandit erat quam vel tortor. Vestibulum id semper ipsum. Ut nec ante eget velit fringilla sagittis. Duis sit amet lobortis nisi. Aenean interdum dui ut metus suscipit, a pretium tortor ultrices. Nullam tincidunt bibendum nisl, vitae tincidunt urna tincidunt tempus. Donec vitae porta sem. Phasellus venenatis egestas ligula, quis volutpat ipsum lacinia et. Pellentesque placerat ipsum elit, a feugiat libero scelerisque fringilla. Suspendisse ullamcorper congue nisi ut fringilla. Aliquam quis suscipit orci. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam at nulla volutpat, viverra sem ac, blandit erat. Quisque gravida quam eu magna hendrerit, quis varius diam scelerisque. Suspendisse nisi enim, dignissim sit amet tristique ut, tempus sodales nibh.
+
+Nulla ac eleifend leo. Quisque laoreet finibus mattis. Nam est nulla, maximus sed luctus non, volutpat quis ipsum. Praesent et quam dolor. Nulla facilisi. Aliquam enim orci, volutpat vitae mattis pellentesque, fringilla ut eros. Fusce semper arcu et sapien rutrum laoreet. Maecenas vel imperdiet lectus. Mauris et pulvinar justo. Mauris sed luctus diam. Fusce a odio eget ante consequat volutpat. Nullam at lorem ut dui ornare aliquam nec non justo. Mauris turpis eros, blandit eget elementum ullamcorper, molestie vel quam. Aenean pretium interdum ligula ac fringilla. Aenean et felis lorem. Ut id lectus quis risus finibus condimentum.
+
+Curabitur aliquet quis justo sed posuere. Donec eu libero eget mi ullamcorper placerat. Etiam massa mi, lobortis eget fermentum in, facilisis vel lectus. In hac habitasse platea dictumst. Nam laoreet sodales metus, nec finibus nulla volutpat bibendum. Aenean ut vulputate dolor, vitae venenatis est. Fusce ipsum libero, laoreet sit amet justo at, auctor tristique arcu. Praesent pellentesque efficitur velit non accumsan. Proin fermentum tempus ante, at eleifend lectus fringilla sit amet. Nunc et diam ac velit tristique malesuada a id mauris. Sed euismod turpis lacus, a maximus dolor semper in. Nulla mauris tortor, dignissim vel mauris sed, efficitur ultrices nulla. Donec sed molestie libero. Quisque nec congue eros, ut consequat lectus. Suspendisse vitae tortor sapien. Sed vitae pellentesque dolor.
+
+Suspendisse dictum velit metus, vel mollis erat imperdiet ut. Mauris et sapien eleifend, malesuada ante vehicula, ornare tellus. Integer condimentum mattis risus, nec luctus lacus convallis a. Phasellus bibendum consequat nisi, ut consequat dui bibendum a. Sed venenatis lobortis turpis, a venenatis ex sodales eu. Duis sit amet sem dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae tellus a ex tristique mattis. Quisque viverra vitae turpis accumsan imperdiet. Cras nunc erat, commodo et malesuada at, vulputate in lorem. Fusce tempor venenatis dui consequat auctor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse potenti.
+
+Fusce et ligula sem. In condimentum dolor metus, eu luctus justo ultrices nec. Aenean vitae ligula non erat tincidunt blandit. Pellentesque luctus tellus ante, mollis cursus arcu posuere a. Ut sed lacus suscipit, dapibus quam non, elementum purus. Nullam sed venenatis tortor, id luctus lacus. Suspendisse orci felis, porta et sagittis at, posuere vitae lectus.
+
+Cras in ligula ut mi viverra efficitur at sed erat. Donec congue suscipit orci, eu volutpat augue ultricies non. Maecenas imperdiet tincidunt commodo. Cras quis vulputate urna, et malesuada lorem. Donec id convallis nibh, non congue lacus. Curabitur et scelerisque nisl. Maecenas vestibulum elit ipsum, in posuere tortor placerat sit amet. Nullam nec ex eget libero mattis commodo a at leo. Vestibulum aliquet, eros quis facilisis aliquam, mi arcu aliquet nisl, in tempus massa sapien at tortor.
+
+Maecenas et dolor sed sapien lacinia fringilla eget et nibh. Aenean viverra urna sit amet lobortis vestibulum. Aliquam vehicula rutrum magna ut aliquam. Maecenas pharetra volutpat porttitor. In id ultricies sapien, a accumsan lectus. Fusce in elit a ex auctor rutrum sit amet ac lorem. Mauris eu mi a nisl vehicula mattis. Donec dictum velit nec libero bibendum, in volutpat metus viverra. Vivamus eget sollicitudin nunc, ac vestibulum erat. Sed dolor risus, semper nec lorem vitae, vehicula molestie purus. Quisque ac lectus iaculis, ultrices leo sit amet, mattis erat. Curabitur lorem mauris, vestibulum vel risus eu, molestie facilisis elit. Pellentesque habitant morbi tristique senectus et netus et volutpat.
diff --git a/services/clsi/test/load/js/loadTest.js b/services/clsi/test/load/js/loadTest.js
new file mode 100644
index 0000000..506b51b
--- /dev/null
+++ b/services/clsi/test/load/js/loadTest.js
@@ -0,0 +1,101 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const request = require('request')
+const Settings = require('@overleaf/settings')
+const async = require('async')
+const fs = require('node:fs')
+const _ = require('lodash')
+const concurentCompiles = 5
+const totalCompiles = 50
+
+const buildUrl = path =>
+  `http://${Settings.internal.clsi.host}:${Settings.internal.clsi.port}/${path}`
+
+const mainTexContent = fs.readFileSync('./bulk.tex', 'utf-8')
+
+const compileTimes = []
+let failedCount = 0
+
+const getAverageCompileTime = function () {
+  const totalTime = _.reduce(compileTimes, (sum, time) => sum + time, 0)
+  return totalTime / compileTimes.length
+}
+
+const makeRequest = function (compileNumber, callback) {
+  let bulkBodyCount = 7
+  let bodyContent = ''
+  while (--bulkBodyCount) {
+    bodyContent = bodyContent += mainTexContent
+  }
+
+  const startTime = new Date()
+  return request.post(
+    {
+      url: buildUrl(`project/loadcompile-${compileNumber}/compile`),
+      json: {
+        compile: {
+          resources: [
+            {
+              path: 'main.tex',
+              content: `\
+\\documentclass{article}
+\\begin{document}
+${bodyContent}
+\\end{document}\
+`,
+            },
+          ],
+        },
+      },
+    },
+    (err, response, body) => {
+      if (err != null) {
+        failedCount++
+        return callback(new Error(`compile ${compileNumber} failed`))
+      }
+      if (response.statusCode !== 200) {
+        failedCount++
+        return callback(new Error(`compile ${compileNumber} failed`))
+      }
+      const totalTime = new Date() - startTime
+      console.log(totalTime + 'ms')
+      compileTimes.push(totalTime)
+      return callback(err)
+    }
+  )
+}
+
+const jobs = _.map(
+  __range__(1, totalCompiles, true),
+  i => cb => makeRequest(i, cb)
+)
+
+const startTime = new Date()
+async.parallelLimit(jobs, concurentCompiles, err => {
+  if (err != null) {
+    console.error(err)
+  }
+  console.log(`total time taken = ${(new Date() - startTime) / 1000}s`)
+  console.log(`total compiles = ${totalCompiles}`)
+  console.log(`concurent compiles = ${concurentCompiles}`)
+  console.log(`average time = ${getAverageCompileTime() / 1000}s`)
+  console.log(`max time = ${_.max(compileTimes) / 1000}s`)
+  console.log(`min time = ${_.min(compileTimes) / 1000}s`)
+  return console.log(`total failures = ${failedCount}`)
+})
+
+function __range__(left, right, inclusive) {
+  const range = []
+  const ascending = left < right
+  const end = !inclusive ? right : ascending ? right + 1 : right - 1
+  for (let i = left; ascending ? i < end : i > end; ascending ? i++ : i--) {
+    range.push(i)
+  }
+  return range
+}
diff --git a/services/clsi/test/setup.js b/services/clsi/test/setup.js
new file mode 100644
index 0000000..b17507b
--- /dev/null
+++ b/services/clsi/test/setup.js
@@ -0,0 +1,29 @@
+const chai = require('chai')
+const sinonChai = require('sinon-chai')
+const chaiAsPromised = require('chai-as-promised')
+const SandboxedModule = require('sandboxed-module')
+
+// Setup chai
+chai.should()
+chai.use(sinonChai)
+chai.use(chaiAsPromised)
+
+// Global SandboxedModule settings
+SandboxedModule.configure({
+  requires: {
+    '@overleaf/logger': {
+      debug() {},
+      log() {},
+      info() {},
+      warn() {},
+      error() {},
+      err() {},
+    },
+  },
+  globals: { Buffer, console, process, URL, Math },
+  sourceTransformers: {
+    removeNodePrefix: function (source) {
+      return source.replace(/require\(['"]node:/g, "require('")
+    },
+  },
+})
diff --git a/services/clsi/test/smoke/js/SmokeTests.js b/services/clsi/test/smoke/js/SmokeTests.js
new file mode 100644
index 0000000..18aa562
--- /dev/null
+++ b/services/clsi/test/smoke/js/SmokeTests.js
@@ -0,0 +1,108 @@
+const request = require('request')
+const Settings = require('@overleaf/settings')
+
+const buildUrl = path =>
+  `http://${Settings.internal.clsi.host}:${Settings.internal.clsi.port}/${path}`
+
+const url = buildUrl(`project/smoketest-${process.pid}/compile`)
+
+module.exports = {
+  sendNewResult(res) {
+    this._run(error => this._sendResponse(res, error))
+  },
+  sendLastResult(res) {
+    this._sendResponse(res, this._lastError)
+  },
+  triggerRun(cb) {
+    this._run(error => {
+      this._lastError = error
+      cb(error)
+    })
+  },
+  lastRunSuccessful() {
+    return this._lastError == null
+  },
+
+  _lastError: new Error('SmokeTestsPending'),
+  _sendResponse(res, error) {
+    let code, body
+    if (error) {
+      code = 500
+      body = error.message
+    } else {
+      code = 200
+      body = 'OK'
+    }
+    res.contentType('text/plain')
+    res.status(code).send(body)
+  },
+  _run(done) {
+    request.post(
+      {
+        url,
+        json: {
+          compile: {
+            options: {
+              metricsPath: 'health-check',
+            },
+            resources: [
+              {
+                path: 'main.tex',
+                content: `\
+% Membrane-like surface
+% Author: Yotam Avital
+\\documentclass{article}
+\\usepackage{tikz}
+\\usetikzlibrary{calc,fadings,decorations.pathreplacing}
+\\begin{document}
+\\begin{tikzpicture}
+  \\def\\nuPi{3.1459265}
+  \\foreach \\i in {5,4,...,2}{% This one doesn't matter
+    \\foreach \\j in {3,2,...,0}{% This will crate a membrane
+                               % with the front lipids visible
+      % top layer
+      \\pgfmathsetmacro{\\dx}{rand*0.1}% A random variance in the x coordinate
+      \\pgfmathsetmacro{\\dy}{rand*0.1}% A random variance in the y coordinate,
+                                     % gives a hight fill to the lipid
+      \\pgfmathsetmacro{\\rot}{rand*0.1}% A random variance in the
+                                      % molecule orientation
+      \\shade[ball color=red] ({\\i+\\dx+\\rot},{0.5*\\j+\\dy+0.4*sin(\\i*\\nuPi*10)}) circle(0.45);
+      \\shade[ball color=gray] (\\i+\\dx,{0.5*\\j+\\dy+0.4*sin(\\i*\\nuPi*10)-0.9}) circle(0.45);
+      \\shade[ball color=gray] (\\i+\\dx-\\rot,{0.5*\\j+\\dy+0.4*sin(\\i*\\nuPi*10)-1.8}) circle(0.45);
+      % bottom layer
+      \\pgfmathsetmacro{\\dx}{rand*0.1}
+      \\pgfmathsetmacro{\\dy}{rand*0.1}
+      \\pgfmathsetmacro{\\rot}{rand*0.1}
+      \\shade[ball color=gray] (\\i+\\dx+\\rot,{0.5*\\j+\\dy+0.4*sin(\\i*\\nuPi*10)-2.8}) circle(0.45);
+      \\shade[ball color=gray] (\\i+\\dx,{0.5*\\j+\\dy+0.4*sin(\\i*\\nuPi*10)-3.7}) circle(0.45);
+      \\shade[ball color=red] (\\i+\\dx-\\rot,{0.5*\\j+\\dy+0.4*sin(\\i*\\nuPi*10)-4.6}) circle(0.45);
+    }
+  }
+\\end{tikzpicture}
+\\end{document}\
+`,
+              },
+            ],
+          },
+        },
+      },
+      (error, response, body) => {
+        if (error) return done(error)
+        if (!body || !body.compile || !body.compile.outputFiles) {
+          return done(new Error('response payload incomplete'))
+        }
+
+        let pdfFound = false
+        let logFound = false
+        for (const file of body.compile.outputFiles) {
+          if (file.type === 'pdf') pdfFound = true
+          if (file.type === 'log') logFound = true
+        }
+
+        if (!pdfFound) return done(new Error('no pdf returned'))
+        if (!logFound) return done(new Error('no log returned'))
+        done()
+      }
+    )
+  },
+}
diff --git a/services/clsi/test/unit/js/CompileControllerTests.js b/services/clsi/test/unit/js/CompileControllerTests.js
new file mode 100644
index 0000000..e6d21ae
--- /dev/null
+++ b/services/clsi/test/unit/js/CompileControllerTests.js
@@ -0,0 +1,497 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/CompileController'
+)
+const Errors = require('../../../app/js/Errors')
+
+describe('CompileController', function () {
+  beforeEach(function () {
+    this.buildId = 'build-id-123'
+    this.CompileController = SandboxedModule.require(modulePath, {
+      requires: {
+        './CompileManager': (this.CompileManager = {}),
+        './RequestParser': (this.RequestParser = {}),
+        '@overleaf/settings': (this.Settings = {
+          apis: {
+            clsi: {
+              url: 'http://clsi.example.com',
+              outputUrlPrefix: '/zone/b',
+              downloadHost: 'http://localhost:3013',
+            },
+            clsiCache: {
+              enabled: false,
+              url: 'http://localhost:3044',
+            },
+          },
+        }),
+        '@overleaf/metrics': {
+          Timer: sinon.stub().returns({ done: sinon.stub() }),
+        },
+        './ProjectPersistenceManager': (this.ProjectPersistenceManager = {}),
+        './CLSICacheHandler': {
+          notifyCLSICacheAboutBuild: sinon.stub(),
+          downloadLatestCompileCache: sinon.stub().resolves(),
+          downloadOutputDotSynctexFromCompileCache: sinon.stub().resolves(),
+        },
+        './Errors': (this.Erros = Errors),
+      },
+    })
+    this.Settings.externalUrl = 'http://www.example.com'
+    this.req = {}
+    this.res = {}
+    this.next = sinon.stub()
+  })
+
+  describe('compile', function () {
+    beforeEach(function () {
+      this.req.body = {
+        compile: 'mock-body',
+      }
+      this.req.params = { project_id: (this.project_id = 'project-id-123') }
+      this.request = {
+        compile: 'mock-parsed-request',
+      }
+      this.request_with_project_id = {
+        compile: this.request.compile,
+        project_id: this.project_id,
+      }
+      this.output_files = [
+        {
+          path: 'output.pdf',
+          type: 'pdf',
+          size: 1337,
+          build: 1234,
+        },
+        {
+          path: 'output.log',
+          type: 'log',
+          build: 1234,
+        },
+      ]
+      this.RequestParser.parse = sinon
+        .stub()
+        .callsArgWith(1, null, this.request)
+      this.ProjectPersistenceManager.markProjectAsJustAccessed = sinon
+        .stub()
+        .callsArg(1)
+      this.stats = { foo: 1 }
+      this.timings = { bar: 2 }
+      this.res.status = sinon.stub().returnsThis()
+      this.res.send = sinon.stub()
+
+      this.CompileManager.doCompileWithLock = sinon
+        .stub()
+        .callsFake((_req, stats, timings, cb) => {
+          Object.assign(stats, this.stats)
+          Object.assign(timings, this.timings)
+          cb(null, {
+            outputFiles: this.output_files,
+            buildId: this.buildId,
+          })
+        })
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.CompileController.compile(this.req, this.res)
+      })
+
+      it('should parse the request', function () {
+        this.RequestParser.parse.calledWith(this.req.body).should.equal(true)
+      })
+
+      it('should run the compile for the specified project', function () {
+        this.CompileManager.doCompileWithLock
+          .calledWith(this.request_with_project_id)
+          .should.equal(true)
+      })
+
+      it('should mark the project as accessed', function () {
+        this.ProjectPersistenceManager.markProjectAsJustAccessed
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should return the JSON response', function () {
+        this.res.status.calledWith(200).should.equal(true)
+        this.res.send
+          .calledWith({
+            compile: {
+              status: 'success',
+              error: null,
+              stats: this.stats,
+              timings: this.timings,
+              buildId: this.buildId,
+              outputUrlPrefix: '/zone/b',
+              outputFiles: this.output_files.map(file => ({
+                url: `${this.Settings.apis.clsi.url}/project/${this.project_id}/build/${file.build}/output/${file.path}`,
+                ...file,
+              })),
+            },
+          })
+          .should.equal(true)
+      })
+    })
+
+    describe('without a outputUrlPrefix', function () {
+      beforeEach(function () {
+        this.Settings.apis.clsi.outputUrlPrefix = ''
+        this.CompileController.compile(this.req, this.res)
+      })
+
+      it('should return the JSON response with empty outputUrlPrefix', function () {
+        this.res.status.calledWith(200).should.equal(true)
+        this.res.send
+          .calledWith({
+            compile: {
+              status: 'success',
+              error: null,
+              stats: this.stats,
+              timings: this.timings,
+              buildId: this.buildId,
+              outputUrlPrefix: '',
+              outputFiles: this.output_files.map(file => ({
+                url: `${this.Settings.apis.clsi.url}/project/${this.project_id}/build/${file.build}/output/${file.path}`,
+                ...file,
+              })),
+            },
+          })
+          .should.equal(true)
+      })
+    })
+
+    describe('with user provided fake_output.pdf', function () {
+      beforeEach(function () {
+        this.output_files = [
+          {
+            path: 'fake_output.pdf',
+            type: 'pdf',
+            build: 1234,
+          },
+          {
+            path: 'output.log',
+            type: 'log',
+            build: 1234,
+          },
+        ]
+        this.CompileManager.doCompileWithLock = sinon
+          .stub()
+          .callsFake((_req, stats, timings, cb) => {
+            Object.assign(stats, this.stats)
+            Object.assign(timings, this.timings)
+            cb(null, {
+              outputFiles: this.output_files,
+              buildId: this.buildId,
+            })
+          })
+        this.CompileController.compile(this.req, this.res)
+      })
+
+      it('should return the JSON response with status failure', function () {
+        this.res.status.calledWith(200).should.equal(true)
+        this.res.send.should.have.been.calledWith({
+          compile: {
+            status: 'failure',
+            error: null,
+            stats: this.stats,
+            timings: this.timings,
+            outputUrlPrefix: '/zone/b',
+            buildId: this.buildId,
+            outputFiles: this.output_files.map(file => ({
+              url: `${this.Settings.apis.clsi.url}/project/${this.project_id}/build/${file.build}/output/${file.path}`,
+              ...file,
+            })),
+          },
+        })
+      })
+    })
+
+    describe('with an empty output.pdf', function () {
+      beforeEach(function () {
+        this.output_files = [
+          {
+            path: 'output.pdf',
+            type: 'pdf',
+            size: 0,
+            build: 1234,
+          },
+          {
+            path: 'output.log',
+            type: 'log',
+            build: 1234,
+          },
+        ]
+        this.CompileManager.doCompileWithLock = sinon
+          .stub()
+          .callsFake((_req, stats, timings, cb) => {
+            Object.assign(stats, this.stats)
+            Object.assign(timings, this.timings)
+            cb(null, {
+              outputFiles: this.output_files,
+              buildId: this.buildId,
+            })
+          })
+        this.CompileController.compile(this.req, this.res)
+      })
+
+      it('should return the JSON response with status failure', function () {
+        this.res.status.calledWith(200).should.equal(true)
+        this.res.send.should.have.been.calledWith({
+          compile: {
+            status: 'failure',
+            error: null,
+            stats: this.stats,
+            buildId: this.buildId,
+            timings: this.timings,
+            outputUrlPrefix: '/zone/b',
+            outputFiles: this.output_files.map(file => ({
+              url: `${this.Settings.apis.clsi.url}/project/${this.project_id}/build/${file.build}/output/${file.path}`,
+              ...file,
+            })),
+          },
+        })
+      })
+    })
+
+    describe('with an error', function () {
+      beforeEach(function () {
+        const error = new Error((this.message = 'error message'))
+        error.buildId = this.buildId
+        this.CompileManager.doCompileWithLock = sinon
+          .stub()
+          .callsFake((_req, stats, timings, cb) => {
+            Object.assign(stats, this.stats)
+            Object.assign(timings, this.timings)
+            cb(error)
+          })
+        this.CompileController.compile(this.req, this.res)
+      })
+
+      it('should return the JSON response with the error', function () {
+        this.res.status.calledWith(500).should.equal(true)
+        this.res.send
+          .calledWith({
+            compile: {
+              status: 'error',
+              error: this.message,
+              outputUrlPrefix: '/zone/b',
+              outputFiles: [],
+              buildId: this.buildId,
+              stats: this.stats,
+              timings: this.timings,
+            },
+          })
+          .should.equal(true)
+      })
+    })
+
+    describe('with too many compile requests error', function () {
+      beforeEach(function () {
+        const error = new Errors.TooManyCompileRequestsError(
+          'too many concurrent compile requests'
+        )
+        this.CompileManager.doCompileWithLock = sinon
+          .stub()
+          .callsFake((_req, stats, timings, cb) => {
+            Object.assign(stats, this.stats)
+            Object.assign(timings, this.timings)
+            cb(error)
+          })
+        this.CompileController.compile(this.req, this.res)
+      })
+
+      it('should return the JSON response with the error', function () {
+        this.res.status.calledWith(503).should.equal(true)
+        this.res.send
+          .calledWith({
+            compile: {
+              status: 'unavailable',
+              error: 'too many concurrent compile requests',
+              outputUrlPrefix: '/zone/b',
+              outputFiles: [],
+              stats: this.stats,
+              timings: this.timings,
+              // JSON.stringify will omit these undefined values
+              buildId: undefined,
+            },
+          })
+          .should.equal(true)
+      })
+    })
+
+    describe('when the request times out', function () {
+      beforeEach(function () {
+        this.error = new Error((this.message = 'container timed out'))
+        this.error.timedout = true
+        this.CompileManager.doCompileWithLock = sinon
+          .stub()
+          .callsFake((_req, stats, timings, cb) => {
+            Object.assign(stats, this.stats)
+            Object.assign(timings, this.timings)
+            cb(this.error)
+          })
+        this.CompileController.compile(this.req, this.res)
+      })
+
+      it('should return the JSON response with the timeout status', function () {
+        this.res.status.calledWith(200).should.equal(true)
+        this.res.send
+          .calledWith({
+            compile: {
+              status: 'timedout',
+              error: this.message,
+              outputUrlPrefix: '/zone/b',
+              outputFiles: [],
+              stats: this.stats,
+              timings: this.timings,
+              // JSON.stringify will omit these undefined values
+              buildId: undefined,
+            },
+          })
+          .should.equal(true)
+      })
+    })
+
+    describe('when the request returns no output files', function () {
+      beforeEach(function () {
+        this.CompileManager.doCompileWithLock = sinon
+          .stub()
+          .callsFake((_req, stats, timings, cb) => {
+            Object.assign(stats, this.stats)
+            Object.assign(timings, this.timings)
+            cb(null, {})
+          })
+        this.CompileController.compile(this.req, this.res)
+      })
+
+      it('should return the JSON response with the failure status', function () {
+        this.res.status.calledWith(200).should.equal(true)
+        this.res.send
+          .calledWith({
+            compile: {
+              error: null,
+              status: 'failure',
+              outputUrlPrefix: '/zone/b',
+              outputFiles: [],
+              stats: this.stats,
+              timings: this.timings,
+              // JSON.stringify will omit these undefined values
+              buildId: undefined,
+            },
+          })
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('syncFromCode', function () {
+    beforeEach(function () {
+      this.file = 'main.tex'
+      this.line = 42
+      this.column = 5
+      this.project_id = 'mock-project-id'
+      this.req.params = { project_id: this.project_id }
+      this.req.query = {
+        file: this.file,
+        line: this.line.toString(),
+        column: this.column.toString(),
+      }
+      this.res.json = sinon.stub()
+
+      this.CompileManager.syncFromCode = sinon
+        .stub()
+        .yields(null, (this.pdfPositions = ['mock-positions']))
+      this.CompileController.syncFromCode(this.req, this.res, this.next)
+    })
+
+    it('should find the corresponding location in the PDF', function () {
+      this.CompileManager.syncFromCode
+        .calledWith(
+          this.project_id,
+          undefined,
+          this.file,
+          this.line,
+          this.column
+        )
+        .should.equal(true)
+    })
+
+    it('should return the positions', function () {
+      this.res.json
+        .calledWith({
+          pdf: this.pdfPositions,
+        })
+        .should.equal(true)
+    })
+  })
+
+  describe('syncFromPdf', function () {
+    beforeEach(function () {
+      this.page = 5
+      this.h = 100.23
+      this.v = 45.67
+      this.project_id = 'mock-project-id'
+      this.req.params = { project_id: this.project_id }
+      this.req.query = {
+        page: this.page.toString(),
+        h: this.h.toString(),
+        v: this.v.toString(),
+      }
+      this.res.json = sinon.stub()
+
+      this.CompileManager.syncFromPdf = sinon
+        .stub()
+        .yields(null, (this.codePositions = ['mock-positions']))
+      this.CompileController.syncFromPdf(this.req, this.res, this.next)
+    })
+
+    it('should find the corresponding location in the code', function () {
+      this.CompileManager.syncFromPdf
+        .calledWith(this.project_id, undefined, this.page, this.h, this.v)
+        .should.equal(true)
+    })
+
+    it('should return the positions', function () {
+      this.res.json
+        .calledWith({
+          code: this.codePositions,
+        })
+        .should.equal(true)
+    })
+  })
+
+  describe('wordcount', function () {
+    beforeEach(function () {
+      this.file = 'main.tex'
+      this.project_id = 'mock-project-id'
+      this.req.params = { project_id: this.project_id }
+      this.req.query = {
+        file: this.file,
+        image: (this.image = 'example.com/image'),
+      }
+      this.res.json = sinon.stub()
+
+      this.CompileManager.wordcount = sinon
+        .stub()
+        .callsArgWith(4, null, (this.texcount = ['mock-texcount']))
+    })
+
+    it('should return the word count of a file', function () {
+      this.CompileController.wordcount(this.req, this.res, this.next)
+      this.CompileManager.wordcount
+        .calledWith(this.project_id, undefined, this.file, this.image)
+        .should.equal(true)
+    })
+
+    it('should return the texcount info', function () {
+      this.CompileController.wordcount(this.req, this.res, this.next)
+      this.res.json
+        .calledWith({
+          texcount: this.texcount,
+        })
+        .should.equal(true)
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/CompileManagerTests.js b/services/clsi/test/unit/js/CompileManagerTests.js
new file mode 100644
index 0000000..33a43ae
--- /dev/null
+++ b/services/clsi/test/unit/js/CompileManagerTests.js
@@ -0,0 +1,627 @@
+const Path = require('node:path')
+const SandboxedModule = require('sandboxed-module')
+const { expect } = require('chai')
+const sinon = require('sinon')
+
+const MODULE_PATH = require('node:path').join(
+  __dirname,
+  '../../../app/js/CompileManager'
+)
+
+describe('CompileManager', function () {
+  beforeEach(function () {
+    this.projectId = 'project-id-123'
+    this.userId = '1234'
+    this.resources = 'mock-resources'
+    this.outputFiles = [
+      {
+        path: 'output.log',
+        type: 'log',
+      },
+      {
+        path: 'output.pdf',
+        type: 'pdf',
+      },
+    ]
+    this.buildFiles = [
+      {
+        path: 'output.log',
+        type: 'log',
+        build: 1234,
+      },
+      {
+        path: 'output.pdf',
+        type: 'pdf',
+        build: 1234,
+      },
+    ]
+    this.buildId = 'build-id-123'
+    this.commandOutput = 'Dummy output'
+    this.compileBaseDir = '/compile/dir'
+    this.outputBaseDir = '/output/dir'
+    this.compileDir = `${this.compileBaseDir}/${this.projectId}-${this.userId}`
+    this.outputDir = `${this.outputBaseDir}/${this.projectId}-${this.userId}`
+
+    this.LatexRunner = {
+      promises: {
+        runLatex: sinon.stub().resolves({}),
+      },
+    }
+    this.ResourceWriter = {
+      promises: {
+        syncResourcesToDisk: sinon.stub().resolves(this.resources),
+      },
+    }
+    this.OutputFileFinder = {
+      promises: {
+        findOutputFiles: sinon.stub().resolves({
+          outputFiles: this.outputFiles,
+          allEntries: this.outputFiles.map(f => f.path).concat(['main.tex']),
+        }),
+      },
+    }
+    this.OutputCacheManager = {
+      promises: {
+        queueDirOperation: sinon.stub().callsArg(1),
+        saveOutputFiles: sinon
+          .stub()
+          .resolves({ outputFiles: this.buildFiles, buildId: this.buildId }),
+      },
+    }
+    this.Settings = {
+      path: {
+        compilesDir: this.compileBaseDir,
+        outputDir: this.outputBaseDir,
+        synctexBaseDir: sinon.stub(),
+      },
+      clsi: {
+        docker: {
+          image: 'SOMEIMAGE',
+        },
+      },
+    }
+    this.Settings.path.synctexBaseDir
+      .withArgs(`${this.projectId}-${this.userId}`)
+      .returns(this.compileDir)
+    this.child_process = {
+      exec: sinon.stub(),
+      execFile: sinon.stub().yields(),
+    }
+    this.CommandRunner = {
+      promises: {
+        run: sinon.stub().callsFake((_1, _2, _3, _4, _5, _6, compileGroup) => {
+          if (compileGroup === 'synctex') {
+            return Promise.resolve({ stdout: this.commandOutput })
+          } else {
+            return Promise.resolve({
+              stdout: 'Encoding: ascii\nWords in text: 2',
+            })
+          }
+        }),
+      },
+    }
+    this.DraftModeManager = {
+      promises: {
+        injectDraftMode: sinon.stub().resolves(),
+      },
+    }
+    this.TikzManager = {
+      promises: {
+        checkMainFile: sinon.stub().resolves(false),
+      },
+    }
+    this.lock = {
+      release: sinon.stub(),
+    }
+    this.LockManager = {
+      acquire: sinon.stub().returns(this.lock),
+    }
+    this.SynctexOutputParser = {
+      parseViewOutput: sinon.stub(),
+      parseEditOutput: sinon.stub(),
+    }
+
+    this.dirStats = {
+      isDirectory: sinon.stub().returns(true),
+    }
+    this.fileStats = {
+      isFile: sinon.stub().returns(true),
+    }
+    this.fsPromises = {
+      lstat: sinon.stub(),
+      stat: sinon.stub(),
+      readFile: sinon.stub(),
+      mkdir: sinon.stub().resolves(),
+      rm: sinon.stub().resolves(),
+      unlink: sinon.stub().resolves(),
+      rmdir: sinon.stub().resolves(),
+    }
+    this.fsPromises.lstat.withArgs(this.compileDir).resolves(this.dirStats)
+    this.fsPromises.stat
+      .withArgs(Path.join(this.compileDir, 'output.synctex.gz'))
+      .resolves(this.fileStats)
+
+    this.CompileManager = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        './LatexRunner': this.LatexRunner,
+        './ResourceWriter': this.ResourceWriter,
+        './OutputFileFinder': this.OutputFileFinder,
+        './OutputCacheManager': this.OutputCacheManager,
+        '@overleaf/settings': this.Settings,
+        '@overleaf/metrics': {
+          inc: sinon.stub(),
+          timing: sinon.stub(),
+          gauge: sinon.stub(),
+          Timer: sinon.stub().returns({ done: sinon.stub() }),
+        },
+        child_process: this.child_process,
+        './CommandRunner': this.CommandRunner,
+        './DraftModeManager': this.DraftModeManager,
+        './TikzManager': this.TikzManager,
+        './LockManager': this.LockManager,
+        './SynctexOutputParser': this.SynctexOutputParser,
+        'fs/promises': this.fsPromises,
+        './CLSICacheHandler': {
+          notifyCLSICacheAboutBuild: sinon.stub(),
+          downloadLatestCompileCache: sinon.stub().resolves(),
+          downloadOutputDotSynctexFromCompileCache: sinon.stub().resolves(),
+        },
+      },
+    })
+  })
+
+  describe('doCompileWithLock', function () {
+    beforeEach(function () {
+      this.request = {
+        resources: this.resources,
+        rootResourcePath: (this.rootResourcePath = 'main.tex'),
+        project_id: this.projectId,
+        user_id: this.userId,
+        compiler: (this.compiler = 'pdflatex'),
+        timeout: (this.timeout = 42000),
+        imageName: (this.image = 'example.com/image'),
+        flags: (this.flags = ['-file-line-error']),
+        compileGroup: (this.compileGroup = 'compile-group'),
+        stopOnFirstError: false,
+        metricsOpts: {
+          path: 'clsi-perf',
+          method: 'minimal',
+          compile: 'initial',
+        },
+      }
+      this.env = {
+        OVERLEAF_PROJECT_ID: this.projectId,
+      }
+    })
+
+    describe('when the project is locked', function () {
+      beforeEach(async function () {
+        const error = new Error('locked')
+        this.LockManager.acquire.throws(error)
+        await expect(
+          this.CompileManager.promises.doCompileWithLock(this.request, {}, {})
+        ).to.be.rejectedWith(error)
+      })
+
+      it('should ensure that the compile directory exists', function () {
+        expect(this.fsPromises.mkdir).to.have.been.calledWith(this.compileDir, {
+          recursive: true,
+        })
+      })
+
+      it('should not run LaTeX', function () {
+        expect(this.LatexRunner.promises.runLatex).not.to.have.been.called
+      })
+    })
+
+    describe('normally', function () {
+      beforeEach(async function () {
+        this.result = await this.CompileManager.promises.doCompileWithLock(
+          this.request,
+          {},
+          {}
+        )
+      })
+
+      it('should ensure that the compile directory exists', function () {
+        expect(this.fsPromises.mkdir).to.have.been.calledWith(this.compileDir, {
+          recursive: true,
+        })
+      })
+
+      it('should write the resources to disk', function () {
+        expect(
+          this.ResourceWriter.promises.syncResourcesToDisk
+        ).to.have.been.calledWith(this.request, this.compileDir)
+      })
+
+      it('should run LaTeX', function () {
+        expect(this.LatexRunner.promises.runLatex).to.have.been.calledWith(
+          `${this.projectId}-${this.userId}`,
+          {
+            directory: this.compileDir,
+            mainFile: this.rootResourcePath,
+            compiler: this.compiler,
+            timeout: this.timeout,
+            image: this.image,
+            flags: this.flags,
+            environment: this.env,
+            compileGroup: this.compileGroup,
+            stopOnFirstError: this.request.stopOnFirstError,
+            stats: sinon.match.object,
+            timings: sinon.match.object,
+          }
+        )
+      })
+
+      it('should find the output files', function () {
+        expect(
+          this.OutputFileFinder.promises.findOutputFiles
+        ).to.have.been.calledWith(this.resources, this.compileDir)
+      })
+
+      it('should return the output files', function () {
+        expect(this.result.outputFiles).to.equal(this.buildFiles)
+      })
+
+      it('should not inject draft mode by default', function () {
+        expect(this.DraftModeManager.promises.injectDraftMode).not.to.have.been
+          .called
+      })
+    })
+
+    describe('with draft mode', function () {
+      beforeEach(async function () {
+        this.request.draft = true
+        await this.CompileManager.promises.doCompileWithLock(
+          this.request,
+          {},
+          {}
+        )
+      })
+
+      it('should inject the draft mode header', function () {
+        expect(
+          this.DraftModeManager.promises.injectDraftMode
+        ).to.have.been.calledWith(this.compileDir + '/' + this.rootResourcePath)
+      })
+    })
+
+    describe('with a check option', function () {
+      beforeEach(async function () {
+        this.request.check = 'error'
+        await this.CompileManager.promises.doCompileWithLock(
+          this.request,
+          {},
+          {}
+        )
+      })
+
+      it('should run chktex', function () {
+        expect(this.LatexRunner.promises.runLatex).to.have.been.calledWith(
+          `${this.projectId}-${this.userId}`,
+          {
+            directory: this.compileDir,
+            mainFile: this.rootResourcePath,
+            compiler: this.compiler,
+            timeout: this.timeout,
+            image: this.image,
+            flags: this.flags,
+            environment: {
+              CHKTEX_OPTIONS: '-nall -e9 -e10 -w15 -w16',
+              CHKTEX_EXIT_ON_ERROR: 1,
+              CHKTEX_ULIMIT_OPTIONS: '-t 5 -v 64000',
+              OVERLEAF_PROJECT_ID: this.projectId,
+            },
+            compileGroup: this.compileGroup,
+            stopOnFirstError: this.request.stopOnFirstError,
+            stats: sinon.match.object,
+            timings: sinon.match.object,
+          }
+        )
+      })
+    })
+
+    describe('with a knitr file and check options', function () {
+      beforeEach(async function () {
+        this.request.rootResourcePath = 'main.Rtex'
+        this.request.check = 'error'
+        await this.CompileManager.promises.doCompileWithLock(
+          this.request,
+          {},
+          {}
+        )
+      })
+
+      it('should not run chktex', function () {
+        expect(this.LatexRunner.promises.runLatex).to.have.been.calledWith(
+          `${this.projectId}-${this.userId}`,
+          {
+            directory: this.compileDir,
+            mainFile: 'main.Rtex',
+            compiler: this.compiler,
+            timeout: this.timeout,
+            image: this.image,
+            flags: this.flags,
+            environment: this.env,
+            compileGroup: this.compileGroup,
+            stopOnFirstError: this.request.stopOnFirstError,
+            stats: sinon.match.object,
+            timings: sinon.match.object,
+          }
+        )
+      })
+    })
+
+    describe('when the compile times out', function () {
+      beforeEach(async function () {
+        const error = new Error('timed out!')
+        error.timedout = true
+        this.LatexRunner.promises.runLatex.rejects(error)
+        await expect(
+          this.CompileManager.promises.doCompileWithLock(this.request, {}, {})
+        ).to.be.rejected
+      })
+
+      it('should clear the compile directory', function () {
+        for (const { path } of this.buildFiles) {
+          expect(this.fsPromises.unlink).to.have.been.calledWith(
+            this.compileDir + '/' + path
+          )
+        }
+        expect(this.fsPromises.unlink).to.have.been.calledWith(
+          this.compileDir + '/main.tex'
+        )
+        expect(this.fsPromises.rmdir).to.have.been.calledWith(this.compileDir)
+      })
+    })
+
+    describe('when the compile is manually stopped', function () {
+      beforeEach(async function () {
+        const error = new Error('terminated!')
+        error.terminated = true
+        this.LatexRunner.promises.runLatex.rejects(error)
+        await expect(
+          this.CompileManager.promises.doCompileWithLock(this.request, {}, {})
+        ).to.be.rejected
+      })
+
+      it('should clear the compile directory', function () {
+        for (const { path } of this.buildFiles) {
+          expect(this.fsPromises.unlink).to.have.been.calledWith(
+            this.compileDir + '/' + path
+          )
+        }
+        expect(this.fsPromises.unlink).to.have.been.calledWith(
+          this.compileDir + '/main.tex'
+        )
+        expect(this.fsPromises.rmdir).to.have.been.calledWith(this.compileDir)
+      })
+    })
+  })
+
+  describe('clearProject', function () {
+    it('should clear the compile directory', async function () {
+      await this.CompileManager.promises.clearProject(
+        this.projectId,
+        this.userId
+      )
+
+      expect(this.fsPromises.rm).to.have.been.calledWith(this.compileDir, {
+        force: true,
+        recursive: true,
+      })
+    })
+  })
+
+  describe('syncing', function () {
+    beforeEach(function () {
+      this.page = 1
+      this.h = 42.23
+      this.v = 87.56
+      this.width = 100.01
+      this.height = 234.56
+      this.line = 5
+      this.column = 3
+      this.filename = 'main.tex'
+    })
+
+    describe('syncFromCode', function () {
+      beforeEach(function () {
+        this.records = [{ page: 1, h: 2, v: 3, width: 4, height: 5 }]
+        this.SynctexOutputParser.parseViewOutput
+          .withArgs(this.commandOutput)
+          .returns(this.records)
+      })
+
+      describe('normal case', function () {
+        beforeEach(async function () {
+          this.result = await this.CompileManager.promises.syncFromCode(
+            this.projectId,
+            this.userId,
+            this.filename,
+            this.line,
+            this.column,
+            ''
+          )
+        })
+
+        it('should execute the synctex binary', function () {
+          const outputFilePath = `${this.compileDir}/output.pdf`
+          const inputFilePath = `${this.compileDir}/${this.filename}`
+          expect(this.CommandRunner.promises.run).to.have.been.calledWith(
+            `${this.projectId}-${this.userId}`,
+            [
+              'synctex',
+              'view',
+              '-i',
+              `${this.line}:${this.column}:${inputFilePath}`,
+              '-o',
+              outputFilePath,
+            ],
+            this.compileDir,
+            this.Settings.clsi.docker.image,
+            60000,
+            {}
+          )
+        })
+
+        it('should return the parsed output', function () {
+          expect(this.result).to.deep.equal(this.records)
+        })
+      })
+
+      describe('with a custom imageName', function () {
+        const customImageName = 'foo/bar:tag-0'
+        beforeEach(async function () {
+          await this.CompileManager.promises.syncFromCode(
+            this.projectId,
+            this.userId,
+            this.filename,
+            this.line,
+            this.column,
+            { imageName: customImageName }
+          )
+        })
+
+        it('should execute the synctex binary in a custom docker image', function () {
+          const outputFilePath = `${this.compileDir}/output.pdf`
+          const inputFilePath = `${this.compileDir}/${this.filename}`
+          expect(this.CommandRunner.promises.run).to.have.been.calledWith(
+            `${this.projectId}-${this.userId}`,
+            [
+              'synctex',
+              'view',
+              '-i',
+              `${this.line}:${this.column}:${inputFilePath}`,
+              '-o',
+              outputFilePath,
+            ],
+            this.compileDir,
+            customImageName,
+            60000,
+            {}
+          )
+        })
+      })
+    })
+
+    describe('syncFromPdf', function () {
+      beforeEach(function () {
+        this.records = [{ file: 'main.tex', line: 1, column: 1 }]
+        this.SynctexOutputParser.parseEditOutput
+          .withArgs(this.commandOutput, this.compileDir)
+          .returns(this.records)
+      })
+
+      describe('normal case', function () {
+        beforeEach(async function () {
+          this.result = await this.CompileManager.promises.syncFromPdf(
+            this.projectId,
+            this.userId,
+            this.page,
+            this.h,
+            this.v,
+            { imageName: '' }
+          )
+        })
+
+        it('should execute the synctex binary', function () {
+          const outputFilePath = `${this.compileDir}/output.pdf`
+          expect(this.CommandRunner.promises.run).to.have.been.calledWith(
+            `${this.projectId}-${this.userId}`,
+            [
+              'synctex',
+              'edit',
+              '-o',
+              `${this.page}:${this.h}:${this.v}:${outputFilePath}`,
+            ],
+            this.compileDir,
+            this.Settings.clsi.docker.image,
+            60000,
+            {}
+          )
+        })
+
+        it('should return the parsed output', function () {
+          expect(this.result).to.deep.equal(this.records)
+        })
+      })
+
+      describe('with a custom imageName', function () {
+        const customImageName = 'foo/bar:tag-1'
+        beforeEach(async function () {
+          await this.CompileManager.promises.syncFromPdf(
+            this.projectId,
+            this.userId,
+            this.page,
+            this.h,
+            this.v,
+            { imageName: customImageName }
+          )
+        })
+
+        it('should execute the synctex binary in a custom docker image', function () {
+          const outputFilePath = `${this.compileDir}/output.pdf`
+          expect(this.CommandRunner.promises.run).to.have.been.calledWith(
+            `${this.projectId}-${this.userId}`,
+            [
+              'synctex',
+              'edit',
+              '-o',
+              `${this.page}:${this.h}:${this.v}:${outputFilePath}`,
+            ],
+            this.compileDir,
+            customImageName,
+            60000,
+            {}
+          )
+        })
+      })
+    })
+  })
+
+  describe('wordcount', function () {
+    beforeEach(async function () {
+      this.timeout = 60 * 1000
+      this.filename = 'main.tex'
+      this.image = 'example.com/image'
+
+      this.result = await this.CompileManager.promises.wordcount(
+        this.projectId,
+        this.userId,
+        this.filename,
+        this.image
+      )
+    })
+
+    it('should run the texcount command', function () {
+      this.filePath = `$COMPILE_DIR/${this.filename}`
+      this.command = ['texcount', '-nocol', '-inc', this.filePath]
+
+      expect(this.CommandRunner.promises.run).to.have.been.calledWith(
+        `${this.projectId}-${this.userId}`,
+        this.command,
+        this.compileDir,
+        this.image,
+        this.timeout,
+        {}
+      )
+    })
+
+    it('should return the parsed output', function () {
+      expect(this.result).to.deep.equal({
+        encode: 'ascii',
+        textWords: 2,
+        headWords: 0,
+        outside: 0,
+        headers: 0,
+        elements: 0,
+        mathInline: 0,
+        mathDisplay: 0,
+        errors: 0,
+        messages: '',
+      })
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/ContentCacheManagerTests.js b/services/clsi/test/unit/js/ContentCacheManagerTests.js
new file mode 100644
index 0000000..df3bce2
--- /dev/null
+++ b/services/clsi/test/unit/js/ContentCacheManagerTests.js
@@ -0,0 +1,223 @@
+const fs = require('node:fs')
+const Path = require('node:path')
+const { expect } = require('chai')
+
+const MODULE_PATH = '../../../app/js/ContentCacheManager'
+
+describe('ContentCacheManager', function () {
+  let contentDir, pdfPath, xrefPath
+  let ContentCacheManager, files, Settings
+  before(function () {
+    Settings = require('@overleaf/settings')
+    ContentCacheManager = require(MODULE_PATH)
+  })
+  let contentRanges, newContentRanges, reclaimed
+  async function run(filePath, pdfSize, pdfCachingMinChunkSize) {
+    const result = await ContentCacheManager.promises.update({
+      contentDir,
+      filePath,
+      pdfSize,
+      pdfCachingMinChunkSize,
+      compileTime: 1337,
+    })
+    let newlyReclaimed
+    ;({
+      contentRanges,
+      newContentRanges,
+      reclaimedSpace: newlyReclaimed,
+    } = result)
+    reclaimed += newlyReclaimed
+
+    const fileNames = await fs.promises.readdir(contentDir)
+    files = {}
+    for (const fileName of fileNames) {
+      const path = Path.join(contentDir, fileName)
+      files[path] = await fs.promises.readFile(path)
+    }
+  }
+  before(function () {
+    contentDir =
+      '/overleaf/services/clsi/output/602cee6f6460fca0ba7921e6/content/1797a7f48f9-5abc1998509dea1f'
+    pdfPath =
+      '/overleaf/services/clsi/output/602cee6f6460fca0ba7921e6/generated-files/1797a7f48ea-8ac6805139f43351/output.pdf'
+    xrefPath =
+      '/overleaf/services/clsi/output/602cee6f6460fca0ba7921e6/generated-files/1797a7f48ea-8ac6805139f43351/output.pdfxref'
+
+    reclaimed = 0
+    Settings.pdfCachingMinChunkSize = 1024
+  })
+
+  before(async function () {
+    await fs.promises.rm(contentDir, { recursive: true, force: true })
+    await fs.promises.mkdir(contentDir, { recursive: true })
+    await fs.promises.mkdir(Path.dirname(pdfPath), { recursive: true })
+  })
+
+  describe('minimal', function () {
+    const PATH_MINIMAL_PDF = 'test/acceptance/fixtures/minimal.pdf'
+    const PATH_MINIMAL_XREF = 'test/acceptance/fixtures/minimal.pdfxref'
+    const OBJECT_ID_1 = '9 0 '
+    const HASH_LARGE =
+      'd7cfc73ad2fba4578a437517923e3714927bbf35e63ea88bd93c7a8076cf1fcd'
+    const OBJECT_ID_2 = '10 0 '
+    const HASH_SMALL =
+      '896749b8343851b0dc385f71616916a7ba0434fcfb56d1fc7e27cd139eaa2f71'
+    function getChunkPath(hash) {
+      return Path.join('test/unit/js/snapshots/minimalCompile/chunks', hash)
+    }
+    let MINIMAL_SIZE, RANGE_1, RANGE_2, h1, h2, START_1, START_2, END_1, END_2
+    before(async function () {
+      await fs.promises.copyFile(PATH_MINIMAL_PDF, pdfPath)
+      await fs.promises.copyFile(PATH_MINIMAL_XREF, xrefPath)
+      const MINIMAL = await fs.promises.readFile(PATH_MINIMAL_PDF)
+      MINIMAL_SIZE = (await fs.promises.stat(PATH_MINIMAL_PDF)).size
+      RANGE_1 = await fs.promises.readFile(getChunkPath(HASH_LARGE))
+      RANGE_2 = await fs.promises.readFile(getChunkPath(HASH_SMALL))
+      h1 = HASH_LARGE
+      h2 = HASH_SMALL
+      START_1 = MINIMAL.indexOf(RANGE_1)
+      END_1 = START_1 + RANGE_1.byteLength
+      START_2 = MINIMAL.indexOf(RANGE_2)
+      END_2 = START_2 + RANGE_2.byteLength
+    })
+    async function runWithMinimal(pdfCachingMinChunkSize) {
+      await run(pdfPath, MINIMAL_SIZE, pdfCachingMinChunkSize)
+    }
+
+    describe('with two ranges qualifying', function () {
+      before(async function () {
+        await runWithMinimal(500)
+      })
+      it('should produce two ranges', function () {
+        expect(contentRanges).to.have.length(2)
+      })
+
+      it('should find the correct offsets', function () {
+        expect(contentRanges).to.deep.equal([
+          {
+            objectId: OBJECT_ID_1,
+            start: START_1,
+            end: END_1,
+            hash: h1,
+          },
+          {
+            objectId: OBJECT_ID_2,
+            start: START_2,
+            end: END_2,
+            hash: h2,
+          },
+        ])
+      })
+
+      it('should store the contents', function () {
+        expect(files).to.deep.equal({
+          [Path.join(contentDir, h1)]: RANGE_1,
+          [Path.join(contentDir, h2)]: RANGE_2,
+          [Path.join(contentDir, '.state.v0.json')]: Buffer.from(
+            JSON.stringify({
+              hashAge: [
+                [h1, 0],
+                [h2, 0],
+              ],
+              hashSize: [
+                [h1, RANGE_1.byteLength],
+                [h2, RANGE_2.byteLength],
+              ],
+            })
+          ),
+        })
+      })
+
+      it('should mark all ranges as new', function () {
+        expect(contentRanges).to.deep.equal(newContentRanges)
+      })
+
+      describe('when re-running with one range too small', function () {
+        before(async function () {
+          await runWithMinimal(1024)
+        })
+
+        it('should produce one range', function () {
+          expect(contentRanges).to.have.length(1)
+        })
+
+        it('should find the correct offsets', function () {
+          expect(contentRanges).to.deep.equal([
+            {
+              objectId: OBJECT_ID_1,
+              start: START_1,
+              end: END_1,
+              hash: h1,
+            },
+          ])
+        })
+
+        it('should update the age of the 2nd range', function () {
+          expect(files).to.deep.equal({
+            [Path.join(contentDir, h1)]: RANGE_1,
+            [Path.join(contentDir, h2)]: RANGE_2,
+            [Path.join(contentDir, '.state.v0.json')]: Buffer.from(
+              JSON.stringify({
+                hashAge: [
+                  [h1, 0],
+                  [h2, 1],
+                ],
+                hashSize: [
+                  [h1, RANGE_1.byteLength],
+                  [h2, RANGE_2.byteLength],
+                ],
+              })
+            ),
+          })
+        })
+
+        it('should find no new ranges', function () {
+          expect(newContentRanges).to.deep.equal([])
+        })
+
+        describe('when re-running 5 more times', function () {
+          for (let i = 0; i < 5; i++) {
+            before(async function () {
+              await runWithMinimal(1024)
+            })
+          }
+
+          it('should still produce one range', function () {
+            expect(contentRanges).to.have.length(1)
+          })
+
+          it('should still find the correct offsets', function () {
+            expect(contentRanges).to.deep.equal([
+              {
+                objectId: OBJECT_ID_1,
+                start: START_1,
+                end: END_1,
+                hash: h1,
+              },
+            ])
+          })
+
+          it('should delete the 2nd range', function () {
+            expect(files).to.deep.equal({
+              [Path.join(contentDir, h1)]: RANGE_1,
+              [Path.join(contentDir, '.state.v0.json')]: Buffer.from(
+                JSON.stringify({
+                  hashAge: [[h1, 0]],
+                  hashSize: [[h1, RANGE_1.byteLength]],
+                })
+              ),
+            })
+          })
+
+          it('should find no new ranges', function () {
+            expect(newContentRanges).to.deep.equal([])
+          })
+
+          it('should yield the reclaimed space', function () {
+            expect(reclaimed).to.equal(RANGE_2.byteLength)
+          })
+        })
+      })
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/ContentTypeMapperTests.js b/services/clsi/test/unit/js/ContentTypeMapperTests.js
new file mode 100644
index 0000000..a413337
--- /dev/null
+++ b/services/clsi/test/unit/js/ContentTypeMapperTests.js
@@ -0,0 +1,79 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/ContentTypeMapper'
+)
+
+describe('ContentTypeMapper', function () {
+  beforeEach(function () {
+    return (this.ContentTypeMapper = SandboxedModule.require(modulePath))
+  })
+
+  return describe('map', function () {
+    it('should map .txt to text/plain', function () {
+      const contentType = this.ContentTypeMapper.map('example.txt')
+      return contentType.should.equal('text/plain')
+    })
+
+    it('should map .csv to text/csv', function () {
+      const contentType = this.ContentTypeMapper.map('example.csv')
+      return contentType.should.equal('text/csv')
+    })
+
+    it('should map .pdf to application/pdf', function () {
+      const contentType = this.ContentTypeMapper.map('example.pdf')
+      return contentType.should.equal('application/pdf')
+    })
+
+    it('should fall back to octet-stream', function () {
+      const contentType = this.ContentTypeMapper.map('example.unknown')
+      return contentType.should.equal('application/octet-stream')
+    })
+
+    describe('coercing web files to plain text', function () {
+      it('should map .js to plain text', function () {
+        const contentType = this.ContentTypeMapper.map('example.js')
+        return contentType.should.equal('text/plain')
+      })
+
+      it('should map .html to plain text', function () {
+        const contentType = this.ContentTypeMapper.map('example.html')
+        return contentType.should.equal('text/plain')
+      })
+
+      return it('should map .css to plain text', function () {
+        const contentType = this.ContentTypeMapper.map('example.css')
+        return contentType.should.equal('text/plain')
+      })
+    })
+
+    return describe('image files', function () {
+      it('should map .png to image/png', function () {
+        const contentType = this.ContentTypeMapper.map('example.png')
+        return contentType.should.equal('image/png')
+      })
+
+      it('should map .jpeg to image/jpeg', function () {
+        const contentType = this.ContentTypeMapper.map('example.jpeg')
+        return contentType.should.equal('image/jpeg')
+      })
+
+      return it('should map .svg to text/plain to protect against XSS (SVG can execute JS)', function () {
+        const contentType = this.ContentTypeMapper.map('example.svg')
+        return contentType.should.equal('text/plain')
+      })
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/DockerLockManagerTests.js b/services/clsi/test/unit/js/DockerLockManagerTests.js
new file mode 100644
index 0000000..f691794
--- /dev/null
+++ b/services/clsi/test/unit/js/DockerLockManagerTests.js
@@ -0,0 +1,246 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/DockerLockManager'
+)
+
+describe('DockerLockManager', function () {
+  beforeEach(function () {
+    return (this.LockManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': (this.Settings = { clsi: { docker: {} } }),
+      },
+    }))
+  })
+
+  return describe('runWithLock', function () {
+    describe('with a single lock', function () {
+      beforeEach(function (done) {
+        this.callback = sinon.stub()
+        return this.LockManager.runWithLock(
+          'lock-one',
+          releaseLock =>
+            setTimeout(() => releaseLock(null, 'hello', 'world'), 100),
+
+          (err, ...args) => {
+            this.callback(err, ...Array.from(args))
+            return done()
+          }
+        )
+      })
+
+      return it('should call the callback', function () {
+        return this.callback
+          .calledWith(null, 'hello', 'world')
+          .should.equal(true)
+      })
+    })
+
+    describe('with two locks', function () {
+      beforeEach(function (done) {
+        this.callback1 = sinon.stub()
+        this.callback2 = sinon.stub()
+        this.LockManager.runWithLock(
+          'lock-one',
+          releaseLock =>
+            setTimeout(() => releaseLock(null, 'hello', 'world', 'one'), 100),
+
+          (err, ...args) => {
+            return this.callback1(err, ...Array.from(args))
+          }
+        )
+        return this.LockManager.runWithLock(
+          'lock-two',
+          releaseLock =>
+            setTimeout(() => releaseLock(null, 'hello', 'world', 'two'), 200),
+
+          (err, ...args) => {
+            this.callback2(err, ...Array.from(args))
+            return done()
+          }
+        )
+      })
+
+      it('should call the first callback', function () {
+        return this.callback1
+          .calledWith(null, 'hello', 'world', 'one')
+          .should.equal(true)
+      })
+
+      return it('should call the second callback', function () {
+        return this.callback2
+          .calledWith(null, 'hello', 'world', 'two')
+          .should.equal(true)
+      })
+    })
+
+    return describe('with lock contention', function () {
+      describe('where the first lock is released quickly', function () {
+        beforeEach(function (done) {
+          this.LockManager.MAX_LOCK_WAIT_TIME = 1000
+          this.LockManager.LOCK_TEST_INTERVAL = 100
+          this.callback1 = sinon.stub()
+          this.callback2 = sinon.stub()
+          this.LockManager.runWithLock(
+            'lock',
+            releaseLock =>
+              setTimeout(() => releaseLock(null, 'hello', 'world', 'one'), 100),
+
+            (err, ...args) => {
+              return this.callback1(err, ...Array.from(args))
+            }
+          )
+          return this.LockManager.runWithLock(
+            'lock',
+            releaseLock =>
+              setTimeout(() => releaseLock(null, 'hello', 'world', 'two'), 200),
+
+            (err, ...args) => {
+              this.callback2(err, ...Array.from(args))
+              return done()
+            }
+          )
+        })
+
+        it('should call the first callback', function () {
+          return this.callback1
+            .calledWith(null, 'hello', 'world', 'one')
+            .should.equal(true)
+        })
+
+        return it('should call the second callback', function () {
+          return this.callback2
+            .calledWith(null, 'hello', 'world', 'two')
+            .should.equal(true)
+        })
+      })
+
+      describe('where the first lock is held longer than the waiting time', function () {
+        beforeEach(function (done) {
+          let doneTwo
+          this.LockManager.MAX_LOCK_HOLD_TIME = 10000
+          this.LockManager.MAX_LOCK_WAIT_TIME = 1000
+          this.LockManager.LOCK_TEST_INTERVAL = 100
+          this.callback1 = sinon.stub()
+          this.callback2 = sinon.stub()
+          let doneOne = (doneTwo = false)
+          const finish = function (key) {
+            if (key === 1) {
+              doneOne = true
+            }
+            if (key === 2) {
+              doneTwo = true
+            }
+            if (doneOne && doneTwo) {
+              return done()
+            }
+          }
+          this.LockManager.runWithLock(
+            'lock',
+            releaseLock =>
+              setTimeout(
+                () => releaseLock(null, 'hello', 'world', 'one'),
+                1100
+              ),
+
+            (err, ...args) => {
+              this.callback1(err, ...Array.from(args))
+              return finish(1)
+            }
+          )
+          return this.LockManager.runWithLock(
+            'lock',
+            releaseLock =>
+              setTimeout(() => releaseLock(null, 'hello', 'world', 'two'), 100),
+
+            (err, ...args) => {
+              this.callback2(err, ...Array.from(args))
+              return finish(2)
+            }
+          )
+        })
+
+        it('should call the first callback', function () {
+          return this.callback1
+            .calledWith(null, 'hello', 'world', 'one')
+            .should.equal(true)
+        })
+
+        return it('should call the second callback with an error', function () {
+          const error = sinon.match.instanceOf(Error)
+          return this.callback2.calledWith(error).should.equal(true)
+        })
+      })
+
+      return describe('where the first lock is held longer than the max holding time', function () {
+        beforeEach(function (done) {
+          let doneTwo
+          this.LockManager.MAX_LOCK_HOLD_TIME = 1000
+          this.LockManager.MAX_LOCK_WAIT_TIME = 2000
+          this.LockManager.LOCK_TEST_INTERVAL = 100
+          this.callback1 = sinon.stub()
+          this.callback2 = sinon.stub()
+          let doneOne = (doneTwo = false)
+          const finish = function (key) {
+            if (key === 1) {
+              doneOne = true
+            }
+            if (key === 2) {
+              doneTwo = true
+            }
+            if (doneOne && doneTwo) {
+              return done()
+            }
+          }
+          this.LockManager.runWithLock(
+            'lock',
+            releaseLock =>
+              setTimeout(
+                () => releaseLock(null, 'hello', 'world', 'one'),
+                1500
+              ),
+
+            (err, ...args) => {
+              this.callback1(err, ...Array.from(args))
+              return finish(1)
+            }
+          )
+          return this.LockManager.runWithLock(
+            'lock',
+            releaseLock =>
+              setTimeout(() => releaseLock(null, 'hello', 'world', 'two'), 100),
+
+            (err, ...args) => {
+              this.callback2(err, ...Array.from(args))
+              return finish(2)
+            }
+          )
+        })
+
+        it('should call the first callback', function () {
+          return this.callback1
+            .calledWith(null, 'hello', 'world', 'one')
+            .should.equal(true)
+        })
+
+        return it('should call the second callback', function () {
+          return this.callback2
+            .calledWith(null, 'hello', 'world', 'two')
+            .should.equal(true)
+        })
+      })
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/DockerRunnerTests.js b/services/clsi/test/unit/js/DockerRunnerTests.js
new file mode 100644
index 0000000..d70aab5
--- /dev/null
+++ b/services/clsi/test/unit/js/DockerRunnerTests.js
@@ -0,0 +1,981 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS206: Consider reworking classes to avoid initClass
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/DockerRunner'
+)
+const Path = require('node:path')
+
+describe('DockerRunner', function () {
+  beforeEach(function () {
+    let container, Docker, Timer
+    this.container = container = {}
+    this.DockerRunner = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': (this.Settings = {
+          clsi: { docker: {} },
+          path: {},
+        }),
+        dockerode: (Docker = (function () {
+          Docker = class Docker {
+            static initClass() {
+              this.prototype.getContainer = sinon.stub().returns(container)
+              this.prototype.createContainer = sinon
+                .stub()
+                .yields(null, container)
+              this.prototype.listContainers = sinon.stub()
+            }
+          }
+          Docker.initClass()
+          return Docker
+        })()),
+        fs: (this.fs = {
+          stat: sinon.stub().yields(null, {
+            isDirectory() {
+              return true
+            },
+          }),
+        }),
+        './Metrics': {
+          Timer: (Timer = class Timer {
+            done() {}
+          }),
+        },
+        './LockManager': {
+          runWithLock(key, runner, callback) {
+            return runner(callback)
+          },
+        },
+      },
+      globals: { Math }, // used by lodash
+    })
+    this.Docker = Docker
+    this.getContainer = Docker.prototype.getContainer
+    this.createContainer = Docker.prototype.createContainer
+    this.listContainers = Docker.prototype.listContainers
+
+    this.directory = '/local/compile/directory'
+    this.mainFile = 'main-file.tex'
+    this.compiler = 'pdflatex'
+    this.image = 'example.com/overleaf/image:2016.2'
+    this.env = {}
+    this.callback = sinon.stub()
+    this.project_id = 'project-id-123'
+    this.volumes = { '/some/host/dir/compiles/directory': '/compile' }
+    this.Settings.clsi.docker.image = this.defaultImage = 'default-image'
+    this.Settings.path.sandboxedCompilesHostDirCompiles =
+      '/some/host/dir/compiles'
+    this.Settings.path.sandboxedCompilesHostDirOutput = '/some/host/dir/output'
+    this.compileGroup = 'compile-group'
+    return (this.Settings.clsi.docker.env = { PATH: 'mock-path' })
+  })
+
+  afterEach(function () {
+    this.DockerRunner.stopContainerMonitor()
+  })
+
+  describe('run', function () {
+    beforeEach(function (done) {
+      this.DockerRunner._getContainerOptions = sinon
+        .stub()
+        .returns((this.options = { mockoptions: 'foo' }))
+      this.DockerRunner._fingerprintContainer = sinon
+        .stub()
+        .returns((this.fingerprint = 'fingerprint'))
+
+      this.name = `project-${this.project_id}-${this.fingerprint}`
+
+      this.command = ['mock', 'command', '--outdir=$COMPILE_DIR']
+      this.command_with_dir = ['mock', 'command', '--outdir=/compile']
+      this.timeout = 42000
+      return done()
+    })
+
+    describe('successfully', function () {
+      beforeEach(function (done) {
+        this.DockerRunner._runAndWaitForContainer = sinon
+          .stub()
+          .callsArgWith(3, null, (this.output = 'mock-output'))
+        return this.DockerRunner.run(
+          this.project_id,
+          this.command,
+          this.directory,
+          this.image,
+          this.timeout,
+          this.env,
+          this.compileGroup,
+          (err, output) => {
+            this.callback(err, output)
+            return done()
+          }
+        )
+      })
+
+      it('should generate the options for the container', function () {
+        return this.DockerRunner._getContainerOptions
+          .calledWith(
+            this.command_with_dir,
+            this.image,
+            this.volumes,
+            this.timeout
+          )
+          .should.equal(true)
+      })
+
+      it('should generate the fingerprint from the returned options', function () {
+        return this.DockerRunner._fingerprintContainer
+          .calledWith(this.options)
+          .should.equal(true)
+      })
+
+      it('should do the run', function () {
+        return this.DockerRunner._runAndWaitForContainer
+          .calledWith(this.options, this.volumes, this.timeout)
+          .should.equal(true)
+      })
+
+      return it('should call the callback', function () {
+        return this.callback.calledWith(null, this.output).should.equal(true)
+      })
+    })
+
+    describe('standard compile', function () {
+      beforeEach(function () {
+        this.directory = '/var/lib/overleaf/data/compiles/xyz'
+        this.DockerRunner._runAndWaitForContainer = sinon
+          .stub()
+          .callsArgWith(3, null, (this.output = 'mock-output'))
+        return this.DockerRunner.run(
+          this.project_id,
+          this.command,
+          this.directory,
+          this.image,
+          this.timeout,
+          this.env,
+          this.compileGroup,
+          this.callback
+        )
+      })
+
+      it('should re-write the bind directory', function () {
+        const volumes =
+          this.DockerRunner._runAndWaitForContainer.lastCall.args[1]
+        return expect(volumes).to.deep.equal({
+          '/some/host/dir/compiles/xyz': '/compile',
+        })
+      })
+
+      return it('should call the callback', function () {
+        return this.callback.calledWith(null, this.output).should.equal(true)
+      })
+    })
+
+    describe('synctex-output', function () {
+      beforeEach(function () {
+        this.directory = '/var/lib/overleaf/data/output/xyz/generated-files/id'
+        this.DockerRunner._runAndWaitForContainer = sinon
+          .stub()
+          .callsArgWith(3, null, (this.output = 'mock-output'))
+        this.DockerRunner.run(
+          this.project_id,
+          this.command,
+          this.directory,
+          this.image,
+          this.timeout,
+          this.env,
+          'synctex-output',
+          this.callback
+        )
+      })
+
+      it('should re-write the bind directory and set ro flag', function () {
+        const volumes =
+          this.DockerRunner._runAndWaitForContainer.lastCall.args[1]
+        expect(volumes).to.deep.equal({
+          '/some/host/dir/output/xyz/generated-files/id': '/compile:ro',
+        })
+      })
+
+      it('should call the callback', function () {
+        this.callback.calledWith(null, this.output).should.equal(true)
+      })
+    })
+
+    describe('synctex', function () {
+      beforeEach(function () {
+        this.directory = '/var/lib/overleaf/data/compile/xyz'
+        this.DockerRunner._runAndWaitForContainer = sinon
+          .stub()
+          .callsArgWith(3, null, (this.output = 'mock-output'))
+        this.DockerRunner.run(
+          this.project_id,
+          this.command,
+          this.directory,
+          this.image,
+          this.timeout,
+          this.env,
+          'synctex',
+          this.callback
+        )
+      })
+
+      it('should re-write the bind directory', function () {
+        const volumes =
+          this.DockerRunner._runAndWaitForContainer.lastCall.args[1]
+        expect(volumes).to.deep.equal({
+          '/some/host/dir/compiles/xyz': '/compile:ro',
+        })
+      })
+
+      it('should call the callback', function () {
+        this.callback.calledWith(null, this.output).should.equal(true)
+      })
+    })
+
+    describe('wordcount', function () {
+      beforeEach(function () {
+        this.directory = '/var/lib/overleaf/data/compile/xyz'
+        this.DockerRunner._runAndWaitForContainer = sinon
+          .stub()
+          .callsArgWith(3, null, (this.output = 'mock-output'))
+        this.DockerRunner.run(
+          this.project_id,
+          this.command,
+          this.directory,
+          this.image,
+          this.timeout,
+          this.env,
+          'wordcount',
+          this.callback
+        )
+      })
+
+      it('should re-write the bind directory', function () {
+        const volumes =
+          this.DockerRunner._runAndWaitForContainer.lastCall.args[1]
+        expect(volumes).to.deep.equal({
+          '/some/host/dir/compiles/xyz': '/compile:ro',
+        })
+      })
+
+      it('should call the callback', function () {
+        this.callback.calledWith(null, this.output).should.equal(true)
+      })
+    })
+
+    describe('when the run throws an error', function () {
+      beforeEach(function () {
+        let firstTime = true
+        this.output = 'mock-output'
+        this.DockerRunner._runAndWaitForContainer = (
+          options,
+          volumes,
+          timeout,
+          callback
+        ) => {
+          if (callback == null) {
+            callback = function () {}
+          }
+          if (firstTime) {
+            firstTime = false
+            const error = new Error('(HTTP code 500) server error - ...')
+            error.statusCode = 500
+            return callback(error)
+          } else {
+            return callback(null, this.output)
+          }
+        }
+        sinon.spy(this.DockerRunner, '_runAndWaitForContainer')
+        this.DockerRunner.destroyContainer = sinon.stub().callsArg(3)
+        return this.DockerRunner.run(
+          this.project_id,
+          this.command,
+          this.directory,
+          this.image,
+          this.timeout,
+          this.env,
+          this.compileGroup,
+          this.callback
+        )
+      })
+
+      it('should do the run twice', function () {
+        return this.DockerRunner._runAndWaitForContainer.calledTwice.should.equal(
+          true
+        )
+      })
+
+      it('should destroy the container in between', function () {
+        return this.DockerRunner.destroyContainer
+          .calledWith(this.name, null)
+          .should.equal(true)
+      })
+
+      return it('should call the callback', function () {
+        return this.callback.calledWith(null, this.output).should.equal(true)
+      })
+    })
+
+    describe('with no image', function () {
+      beforeEach(function () {
+        this.DockerRunner._runAndWaitForContainer = sinon
+          .stub()
+          .callsArgWith(3, null, (this.output = 'mock-output'))
+        return this.DockerRunner.run(
+          this.project_id,
+          this.command,
+          this.directory,
+          null,
+          this.timeout,
+          this.env,
+          this.compileGroup,
+          this.callback
+        )
+      })
+
+      return it('should use the default image', function () {
+        return this.DockerRunner._getContainerOptions
+          .calledWith(
+            this.command_with_dir,
+            this.defaultImage,
+            this.volumes,
+            this.timeout
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('with image override', function () {
+      beforeEach(function () {
+        this.Settings.texliveImageNameOveride = 'overrideimage.com/something'
+        this.DockerRunner._runAndWaitForContainer = sinon
+          .stub()
+          .callsArgWith(3, null, (this.output = 'mock-output'))
+        return this.DockerRunner.run(
+          this.project_id,
+          this.command,
+          this.directory,
+          this.image,
+          this.timeout,
+          this.env,
+          this.compileGroup,
+          this.callback
+        )
+      })
+
+      return it('should use the override and keep the tag', function () {
+        const image = this.DockerRunner._getContainerOptions.args[0][1]
+        return image.should.equal('overrideimage.com/something/image:2016.2')
+      })
+    })
+
+    describe('with image restriction', function () {
+      beforeEach(function () {
+        this.Settings.clsi.docker.allowedImages = [
+          'repo/image:tag1',
+          'repo/image:tag2',
+        ]
+        this.DockerRunner._runAndWaitForContainer = sinon
+          .stub()
+          .callsArgWith(3, null, (this.output = 'mock-output'))
+      })
+
+      describe('with a valid image', function () {
+        beforeEach(function () {
+          this.DockerRunner.run(
+            this.project_id,
+            this.command,
+            this.directory,
+            'repo/image:tag1',
+            this.timeout,
+            this.env,
+            this.compileGroup,
+            this.callback
+          )
+        })
+
+        it('should setup the container', function () {
+          this.DockerRunner._getContainerOptions.called.should.equal(true)
+        })
+      })
+
+      describe('with a invalid image', function () {
+        beforeEach(function () {
+          this.DockerRunner.run(
+            this.project_id,
+            this.command,
+            this.directory,
+            'something/different:evil',
+            this.timeout,
+            this.env,
+            this.compileGroup,
+            this.callback
+          )
+        })
+
+        it('should call the callback with an error', function () {
+          const err = new Error('image not allowed')
+          this.callback.called.should.equal(true)
+          this.callback.args[0][0].message.should.equal(err.message)
+        })
+
+        it('should not setup the container', function () {
+          this.DockerRunner._getContainerOptions.called.should.equal(false)
+        })
+      })
+    })
+  })
+
+  describe('run with _getOptions', function () {
+    beforeEach(function (done) {
+      // this.DockerRunner._getContainerOptions = sinon
+      //   .stub()
+      //   .returns((this.options = { mockoptions: 'foo' }))
+      this.DockerRunner._fingerprintContainer = sinon
+        .stub()
+        .returns((this.fingerprint = 'fingerprint'))
+
+      this.name = `project-${this.project_id}-${this.fingerprint}`
+
+      this.command = ['mock', 'command', '--outdir=$COMPILE_DIR']
+      this.command_with_dir = ['mock', 'command', '--outdir=/compile']
+      this.timeout = 42000
+      return done()
+    })
+
+    describe('when a compile group config is set', function () {
+      beforeEach(function () {
+        this.Settings.clsi.docker.compileGroupConfig = {
+          'compile-group': {
+            'HostConfig.newProperty': 'new-property',
+          },
+          'other-group': { otherProperty: 'other-property' },
+        }
+        this.DockerRunner._runAndWaitForContainer = sinon
+          .stub()
+          .callsArgWith(3, null, (this.output = 'mock-output'))
+        return this.DockerRunner.run(
+          this.project_id,
+          this.command,
+          this.directory,
+          this.image,
+          this.timeout,
+          this.env,
+          this.compileGroup,
+          this.callback
+        )
+      })
+
+      it('should set the docker options for the compile group', function () {
+        const options =
+          this.DockerRunner._runAndWaitForContainer.lastCall.args[0]
+        return expect(options.HostConfig).to.deep.include({
+          Binds: ['/some/host/dir/compiles/directory:/compile:rw'],
+          LogConfig: { Type: 'none', Config: {} },
+          CapDrop: 'ALL',
+          SecurityOpt: ['no-new-privileges'],
+          newProperty: 'new-property',
+        })
+      })
+
+      return it('should call the callback', function () {
+        return this.callback.calledWith(null, this.output).should.equal(true)
+      })
+    })
+  })
+
+  describe('_runAndWaitForContainer', function () {
+    beforeEach(function () {
+      this.options = { mockoptions: 'foo', name: (this.name = 'mock-name') }
+      this.DockerRunner.startContainer = (
+        options,
+        volumes,
+        attachStreamHandler,
+        callback
+      ) => {
+        attachStreamHandler(null, (this.output = 'mock-output'))
+        return callback(null, (this.containerId = 'container-id'))
+      }
+      sinon.spy(this.DockerRunner, 'startContainer')
+      this.DockerRunner.waitForContainer = sinon
+        .stub()
+        .callsArgWith(2, null, (this.exitCode = 42))
+      return this.DockerRunner._runAndWaitForContainer(
+        this.options,
+        this.volumes,
+        this.timeout,
+        this.callback
+      )
+    })
+
+    it('should create/start the container', function () {
+      return this.DockerRunner.startContainer
+        .calledWith(this.options, this.volumes)
+        .should.equal(true)
+    })
+
+    it('should wait for the container to finish', function () {
+      return this.DockerRunner.waitForContainer
+        .calledWith(this.name, this.timeout)
+        .should.equal(true)
+    })
+
+    return it('should call the callback with the output', function () {
+      return this.callback.calledWith(null, this.output).should.equal(true)
+    })
+  })
+
+  describe('startContainer', function () {
+    beforeEach(function () {
+      this.attachStreamHandler = sinon.stub()
+      this.attachStreamHandler.cock = true
+      this.options = { mockoptions: 'foo', name: 'mock-name' }
+      this.container.inspect = sinon.stub().callsArgWith(0)
+      this.DockerRunner.attachToContainer = (
+        containerId,
+        attachStreamHandler,
+        cb
+      ) => {
+        attachStreamHandler()
+        return cb()
+      }
+      return sinon.spy(this.DockerRunner, 'attachToContainer')
+    })
+
+    describe('when the container exists', function () {
+      beforeEach(function () {
+        this.container.inspect = sinon.stub().callsArgWith(0)
+        this.container.start = sinon.stub().yields()
+
+        return this.DockerRunner.startContainer(
+          this.options,
+          this.volumes,
+          () => {},
+          this.callback
+        )
+      })
+
+      it('should start the container with the given name', function () {
+        this.getContainer.calledWith(this.options.name).should.equal(true)
+        return this.container.start.called.should.equal(true)
+      })
+
+      it('should not try to create the container', function () {
+        return this.createContainer.called.should.equal(false)
+      })
+
+      it('should attach to the container', function () {
+        return this.DockerRunner.attachToContainer.called.should.equal(true)
+      })
+
+      it('should call the callback', function () {
+        return this.callback.called.should.equal(true)
+      })
+
+      return it('should attach before the container starts', function () {
+        return sinon.assert.callOrder(
+          this.DockerRunner.attachToContainer,
+          this.container.start
+        )
+      })
+    })
+
+    describe('when the container does not exist', function () {
+      beforeEach(function () {
+        const exists = false
+        this.container.start = sinon.stub().yields()
+        this.container.inspect = sinon
+          .stub()
+          .callsArgWith(0, { statusCode: 404 })
+        return this.DockerRunner.startContainer(
+          this.options,
+          this.volumes,
+          this.attachStreamHandler,
+          this.callback
+        )
+      })
+
+      it('should create the container', function () {
+        return this.createContainer.calledWith(this.options).should.equal(true)
+      })
+
+      it('should call the callback and stream handler', function () {
+        this.attachStreamHandler.called.should.equal(true)
+        return this.callback.called.should.equal(true)
+      })
+
+      it('should attach to the container', function () {
+        return this.DockerRunner.attachToContainer.called.should.equal(true)
+      })
+
+      return it('should attach before the container starts', function () {
+        return sinon.assert.callOrder(
+          this.DockerRunner.attachToContainer,
+          this.container.start
+        )
+      })
+    })
+
+    describe('when the container is already running', function () {
+      beforeEach(function () {
+        const error = new Error(
+          `HTTP code is 304 which indicates error: server error - start: Cannot start container ${this.name}: The container MOCKID is already running.`
+        )
+        error.statusCode = 304
+        this.container.start = sinon.stub().yields(error)
+        this.container.inspect = sinon.stub().callsArgWith(0)
+        return this.DockerRunner.startContainer(
+          this.options,
+          this.volumes,
+          this.attachStreamHandler,
+          this.callback
+        )
+      })
+
+      it('should not try to create the container', function () {
+        return this.createContainer.called.should.equal(false)
+      })
+
+      return it('should call the callback  and stream handler without an error', function () {
+        this.attachStreamHandler.called.should.equal(true)
+        return this.callback.called.should.equal(true)
+      })
+    })
+
+    return describe('when the container tries to be created, but already has been (race condition)', function () {})
+  })
+
+  describe('waitForContainer', function () {
+    beforeEach(function () {
+      this.containerId = 'container-id'
+      this.timeout = 5000
+      this.container.wait = sinon
+        .stub()
+        .yields(null, { StatusCode: (this.statusCode = 42) })
+      return (this.container.kill = sinon.stub().yields())
+    })
+
+    describe('when the container returns in time', function () {
+      beforeEach(function () {
+        return this.DockerRunner.waitForContainer(
+          this.containerId,
+          this.timeout,
+          this.callback
+        )
+      })
+
+      it('should wait for the container', function () {
+        this.getContainer.calledWith(this.containerId).should.equal(true)
+        return this.container.wait.called.should.equal(true)
+      })
+
+      return it('should call the callback with the exit', function () {
+        return this.callback
+          .calledWith(null, this.statusCode)
+          .should.equal(true)
+      })
+    })
+
+    return describe('when the container does not return before the timeout', function () {
+      beforeEach(function (done) {
+        this.container.wait = function (callback) {
+          if (callback == null) {
+            callback = function () {}
+          }
+          return setTimeout(() => callback(null, { StatusCode: 42 }), 100)
+        }
+        this.timeout = 5
+        return this.DockerRunner.waitForContainer(
+          this.containerId,
+          this.timeout,
+          (...args) => {
+            this.callback(...Array.from(args || []))
+            return done()
+          }
+        )
+      })
+
+      it('should call kill on the container', function () {
+        this.getContainer.calledWith(this.containerId).should.equal(true)
+        return this.container.kill.called.should.equal(true)
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback.calledWith(sinon.match(Error)).should.equal(true)
+
+        const errorObj = this.callback.args[0][0]
+        expect(errorObj.message).to.include('container timed out')
+        expect(errorObj.timedout).equal(true)
+      })
+    })
+  })
+
+  describe('destroyOldContainers', function () {
+    beforeEach(function (done) {
+      const oneHourInSeconds = 60 * 60
+      const oneHourInMilliseconds = oneHourInSeconds * 1000
+      const nowInSeconds = Date.now() / 1000
+      this.containers = [
+        {
+          Name: '/project-old-container-name',
+          Id: 'old-container-id',
+          Created: nowInSeconds - oneHourInSeconds - 100,
+        },
+        {
+          Name: '/project-new-container-name',
+          Id: 'new-container-id',
+          Created: nowInSeconds - oneHourInSeconds + 100,
+        },
+        {
+          Name: '/totally-not-a-project-container',
+          Id: 'some-random-id',
+          Created: nowInSeconds - 2 * oneHourInSeconds,
+        },
+      ]
+      this.DockerRunner.MAX_CONTAINER_AGE = oneHourInMilliseconds
+      this.listContainers.callsArgWith(1, null, this.containers)
+      this.DockerRunner.destroyContainer = sinon.stub().callsArg(3)
+      return this.DockerRunner.destroyOldContainers(error => {
+        this.callback(error)
+        return done()
+      })
+    })
+
+    it('should list all containers', function () {
+      return this.listContainers.calledWith({ all: true }).should.equal(true)
+    })
+
+    it('should destroy old containers', function () {
+      this.DockerRunner.destroyContainer.callCount.should.equal(1)
+      return this.DockerRunner.destroyContainer
+        .calledWith('project-old-container-name', 'old-container-id')
+        .should.equal(true)
+    })
+
+    it('should not destroy new containers', function () {
+      return this.DockerRunner.destroyContainer
+        .calledWith('project-new-container-name', 'new-container-id')
+        .should.equal(false)
+    })
+
+    it('should not destroy non-project containers', function () {
+      return this.DockerRunner.destroyContainer
+        .calledWith('totally-not-a-project-container', 'some-random-id')
+        .should.equal(false)
+    })
+
+    return it('should callback the callback', function () {
+      return this.callback.called.should.equal(true)
+    })
+  })
+
+  describe('_destroyContainer', function () {
+    beforeEach(function () {
+      this.containerId = 'some_id'
+      this.fakeContainer = { remove: sinon.stub().callsArgWith(1, null) }
+      return (this.Docker.prototype.getContainer = sinon
+        .stub()
+        .returns(this.fakeContainer))
+    })
+
+    it('should get the container', function (done) {
+      return this.DockerRunner._destroyContainer(
+        this.containerId,
+        false,
+        err => {
+          if (err) return done(err)
+          this.Docker.prototype.getContainer.callCount.should.equal(1)
+          this.Docker.prototype.getContainer
+            .calledWith(this.containerId)
+            .should.equal(true)
+          return done()
+        }
+      )
+    })
+
+    it('should try to force-destroy the container when shouldForce=true', function (done) {
+      return this.DockerRunner._destroyContainer(
+        this.containerId,
+        true,
+        err => {
+          if (err) return done(err)
+          this.fakeContainer.remove.callCount.should.equal(1)
+          this.fakeContainer.remove
+            .calledWith({ force: true, v: true })
+            .should.equal(true)
+          return done()
+        }
+      )
+    })
+
+    it('should not try to force-destroy the container when shouldForce=false', function (done) {
+      return this.DockerRunner._destroyContainer(
+        this.containerId,
+        false,
+        err => {
+          if (err) return done(err)
+          this.fakeContainer.remove.callCount.should.equal(1)
+          this.fakeContainer.remove
+            .calledWith({ force: false, v: true })
+            .should.equal(true)
+          return done()
+        }
+      )
+    })
+
+    it('should not produce an error', function (done) {
+      return this.DockerRunner._destroyContainer(
+        this.containerId,
+        false,
+        err => {
+          expect(err).to.equal(null)
+          return done()
+        }
+      )
+    })
+
+    describe('when the container is already gone', function () {
+      beforeEach(function () {
+        this.fakeError = new Error('woops')
+        this.fakeError.statusCode = 404
+        this.fakeContainer = {
+          remove: sinon.stub().callsArgWith(1, this.fakeError),
+        }
+        return (this.Docker.prototype.getContainer = sinon
+          .stub()
+          .returns(this.fakeContainer))
+      })
+
+      return it('should not produce an error', function (done) {
+        return this.DockerRunner._destroyContainer(
+          this.containerId,
+          false,
+          err => {
+            expect(err).to.equal(null)
+            return done()
+          }
+        )
+      })
+    })
+
+    return describe('when container.destroy produces an error', function (done) {
+      beforeEach(function () {
+        this.fakeError = new Error('woops')
+        this.fakeError.statusCode = 500
+        this.fakeContainer = {
+          remove: sinon.stub().callsArgWith(1, this.fakeError),
+        }
+        return (this.Docker.prototype.getContainer = sinon
+          .stub()
+          .returns(this.fakeContainer))
+      })
+
+      return it('should produce an error', function (done) {
+        return this.DockerRunner._destroyContainer(
+          this.containerId,
+          false,
+          err => {
+            expect(err).to.not.equal(null)
+            expect(err).to.equal(this.fakeError)
+            return done()
+          }
+        )
+      })
+    })
+  })
+
+  return describe('kill', function () {
+    beforeEach(function () {
+      this.containerId = 'some_id'
+      this.fakeContainer = { kill: sinon.stub().callsArgWith(0, null) }
+      return (this.Docker.prototype.getContainer = sinon
+        .stub()
+        .returns(this.fakeContainer))
+    })
+
+    it('should get the container', function (done) {
+      return this.DockerRunner.kill(this.containerId, err => {
+        if (err) return done(err)
+        this.Docker.prototype.getContainer.callCount.should.equal(1)
+        this.Docker.prototype.getContainer
+          .calledWith(this.containerId)
+          .should.equal(true)
+        return done()
+      })
+    })
+
+    it('should try to force-destroy the container', function (done) {
+      return this.DockerRunner.kill(this.containerId, err => {
+        if (err) return done(err)
+        this.fakeContainer.kill.callCount.should.equal(1)
+        return done()
+      })
+    })
+
+    it('should not produce an error', function (done) {
+      return this.DockerRunner.kill(this.containerId, err => {
+        expect(err).to.equal(undefined)
+        return done()
+      })
+    })
+
+    describe('when the container is not actually running', function () {
+      beforeEach(function () {
+        this.fakeError = new Error('woops')
+        this.fakeError.statusCode = 500
+        this.fakeError.message =
+          'Cannot kill container <whatever> is not running'
+        this.fakeContainer = {
+          kill: sinon.stub().callsArgWith(0, this.fakeError),
+        }
+        return (this.Docker.prototype.getContainer = sinon
+          .stub()
+          .returns(this.fakeContainer))
+      })
+
+      return it('should not produce an error', function (done) {
+        return this.DockerRunner.kill(this.containerId, err => {
+          expect(err).to.equal(undefined)
+          return done()
+        })
+      })
+    })
+
+    return describe('when container.kill produces a legitimate error', function (done) {
+      beforeEach(function () {
+        this.fakeError = new Error('woops')
+        this.fakeError.statusCode = 500
+        this.fakeError.message = 'Totally legitimate reason to throw an error'
+        this.fakeContainer = {
+          kill: sinon.stub().callsArgWith(0, this.fakeError),
+        }
+        return (this.Docker.prototype.getContainer = sinon
+          .stub()
+          .returns(this.fakeContainer))
+      })
+
+      return it('should produce an error', function (done) {
+        return this.DockerRunner.kill(this.containerId, err => {
+          expect(err).to.not.equal(undefined)
+          expect(err).to.equal(this.fakeError)
+          return done()
+        })
+      })
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/DraftModeManagerTests.js b/services/clsi/test/unit/js/DraftModeManagerTests.js
new file mode 100644
index 0000000..eda8338
--- /dev/null
+++ b/services/clsi/test/unit/js/DraftModeManagerTests.js
@@ -0,0 +1,44 @@
+const Path = require('node:path')
+const fsPromises = require('node:fs/promises')
+const { expect } = require('chai')
+const mockFs = require('mock-fs')
+const SandboxedModule = require('sandboxed-module')
+
+const MODULE_PATH = Path.join(__dirname, '../../../app/js/DraftModeManager')
+
+describe('DraftModeManager', function () {
+  beforeEach(function () {
+    this.DraftModeManager = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        'fs/promises': fsPromises,
+      },
+    })
+    this.filename = '/mock/filename.tex'
+    this.contents = `\
+\\documentclass{article}
+\\begin{document}
+Hello world
+\\end{document}\
+`
+    mockFs({
+      [this.filename]: this.contents,
+    })
+  })
+
+  afterEach(function () {
+    mockFs.restore()
+  })
+
+  describe('injectDraftMode', function () {
+    it('prepends a special command to the beginning of the file', async function () {
+      await this.DraftModeManager.promises.injectDraftMode(this.filename)
+      const contents = await fsPromises.readFile(this.filename, {
+        encoding: 'utf8',
+      })
+      expect(contents).to.equal(
+        '\\PassOptionsToPackage{draft}{graphicx}\\PassOptionsToPackage{draft}{graphics}' +
+          this.contents
+      )
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/LatexRunnerTests.js b/services/clsi/test/unit/js/LatexRunnerTests.js
new file mode 100644
index 0000000..0d250dd
--- /dev/null
+++ b/services/clsi/test/unit/js/LatexRunnerTests.js
@@ -0,0 +1,219 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+
+const MODULE_PATH = require('node:path').join(
+  __dirname,
+  '../../../app/js/LatexRunner'
+)
+
+describe('LatexRunner', function () {
+  beforeEach(function () {
+    this.Settings = {
+      docker: {
+        socketPath: '/var/run/docker.sock',
+      },
+    }
+    this.commandRunnerOutput = {
+      stdout: 'this is stdout',
+      stderr: 'this is stderr',
+    }
+    this.CommandRunner = {
+      run: sinon.stub().yields(null, this.commandRunnerOutput),
+    }
+    this.fs = {
+      writeFile: sinon.stub().yields(),
+      unlink: sinon
+        .stub()
+        .yields(new Error('ENOENT: no such file or directory, unlink ...')),
+    }
+    this.LatexRunner = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '@overleaf/settings': this.Settings,
+        './CommandRunner': this.CommandRunner,
+        fs: this.fs,
+      },
+    })
+
+    this.directory = '/local/compile/directory'
+    this.mainFile = 'main-file.tex'
+    this.compiler = 'pdflatex'
+    this.image = 'example.com/image'
+    this.compileGroup = 'compile-group'
+    this.callback = sinon.stub()
+    this.project_id = 'project-id-123'
+    this.env = { foo: '123' }
+    this.timeout = 42000
+    this.flags = []
+    this.stopOnFirstError = false
+    this.stats = {}
+    this.timings = {}
+
+    this.call = function (callback) {
+      this.LatexRunner.runLatex(
+        this.project_id,
+        {
+          directory: this.directory,
+          mainFile: this.mainFile,
+          compiler: this.compiler,
+          timeout: this.timeout,
+          image: this.image,
+          environment: this.env,
+          compileGroup: this.compileGroup,
+          flags: this.flags,
+          stopOnFirstError: this.stopOnFirstError,
+          timings: this.timings,
+          stats: this.stats,
+        },
+        callback
+      )
+    }
+  })
+
+  describe('runLatex', function () {
+    describe('normally', function () {
+      beforeEach(function (done) {
+        this.call(done)
+      })
+
+      it('should run the latex command', function () {
+        this.CommandRunner.run.should.have.been.calledWith(
+          this.project_id,
+          [
+            'latexmk',
+            '-cd',
+            '-jobname=output',
+            '-auxdir=$COMPILE_DIR',
+            '-outdir=$COMPILE_DIR',
+            '-synctex=1',
+            '-interaction=batchmode',
+            '-f',
+            '-pdf',
+            '$COMPILE_DIR/main-file.tex',
+          ],
+          this.directory,
+          this.image,
+          this.timeout,
+          this.env,
+          this.compileGroup
+        )
+      })
+
+      it('should record the stdout and stderr', function () {
+        this.fs.writeFile.should.have.been.calledWith(
+          this.directory + '/' + 'output.stdout',
+          'this is stdout',
+          { flag: 'wx' }
+        )
+        this.fs.writeFile.should.have.been.calledWith(
+          this.directory + '/' + 'output.stderr',
+          'this is stderr',
+          { flag: 'wx' }
+        )
+        this.fs.unlink.should.have.been.calledWith(
+          this.directory + '/' + 'output.stdout'
+        )
+        this.fs.unlink.should.have.been.calledWith(
+          this.directory + '/' + 'output.stderr'
+        )
+      })
+
+      it('should not record cpu metrics', function () {
+        expect(this.timings['cpu-percent']).to.not.exist
+        expect(this.timings['cpu-time']).to.not.exist
+        expect(this.timings['sys-time']).to.not.exist
+      })
+    })
+
+    describe('with a different compiler', function () {
+      beforeEach(function (done) {
+        this.compiler = 'lualatex'
+        this.call(done)
+      })
+
+      it('should set the appropriate latexmk flag', function () {
+        this.CommandRunner.run.should.have.been.calledWith(this.project_id, [
+          'latexmk',
+          '-cd',
+          '-jobname=output',
+          '-auxdir=$COMPILE_DIR',
+          '-outdir=$COMPILE_DIR',
+          '-synctex=1',
+          '-interaction=batchmode',
+          '-f',
+          '-lualatex',
+          '$COMPILE_DIR/main-file.tex',
+        ])
+      })
+    })
+
+    describe('with time -v', function () {
+      beforeEach(function (done) {
+        this.commandRunnerOutput.stderr =
+          '\tCommand being timed: "sh -c timeout 1 yes > /dev/null"\n' +
+          '\tUser time (seconds): 0.28\n' +
+          '\tSystem time (seconds): 0.70\n' +
+          '\tPercent of CPU this job got: 98%\n'
+        this.call(done)
+      })
+
+      it('should record cpu metrics', function () {
+        expect(this.timings['cpu-percent']).to.equal(98)
+        expect(this.timings['cpu-time']).to.equal(0.28)
+        expect(this.timings['sys-time']).to.equal(0.7)
+      })
+    })
+
+    describe('with an .Rtex main file', function () {
+      beforeEach(function (done) {
+        this.mainFile = 'main-file.Rtex'
+        this.call(done)
+      })
+
+      it('should run the latex command on the equivalent .tex file', function () {
+        const command = this.CommandRunner.run.args[0][1]
+        const mainFile = command.slice(-1)[0]
+        mainFile.should.equal('$COMPILE_DIR/main-file.tex')
+      })
+    })
+
+    describe('with a flags option', function () {
+      beforeEach(function (done) {
+        this.flags = ['-shell-restricted', '-halt-on-error']
+        this.call(done)
+      })
+
+      it('should include the flags in the command', function () {
+        const command = this.CommandRunner.run.args[0][1]
+        const flags = command.filter(
+          arg => arg === '-shell-restricted' || arg === '-halt-on-error'
+        )
+        flags.length.should.equal(2)
+        flags[0].should.equal('-shell-restricted')
+        flags[1].should.equal('-halt-on-error')
+      })
+    })
+
+    describe('with the stopOnFirstError option', function () {
+      beforeEach(function (done) {
+        this.stopOnFirstError = true
+        this.call(done)
+      })
+
+      it('should set the appropriate flags', function () {
+        this.CommandRunner.run.should.have.been.calledWith(this.project_id, [
+          'latexmk',
+          '-cd',
+          '-jobname=output',
+          '-auxdir=$COMPILE_DIR',
+          '-outdir=$COMPILE_DIR',
+          '-synctex=1',
+          '-interaction=batchmode',
+          '-halt-on-error',
+          '-pdf',
+          '$COMPILE_DIR/main-file.tex',
+        ])
+      })
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/LockManagerTests.js b/services/clsi/test/unit/js/LockManagerTests.js
new file mode 100644
index 0000000..7005b3e
--- /dev/null
+++ b/services/clsi/test/unit/js/LockManagerTests.js
@@ -0,0 +1,116 @@
+const { expect } = require('chai')
+const sinon = require('sinon')
+const SandboxedModule = require('sandboxed-module')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/LockManager'
+)
+const Errors = require('../../../app/js/Errors')
+
+describe('LockManager', function () {
+  beforeEach(function () {
+    this.key = '/local/compile/directory'
+    this.clock = sinon.useFakeTimers()
+    this.LockManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/metrics': (this.Metrics = {
+          inc: sinon.stub(),
+          gauge: sinon.stub(),
+        }),
+        '@overleaf/settings': (this.Settings = {
+          compileConcurrencyLimit: 5,
+        }),
+        './Errors': (this.Erros = Errors),
+        './RequestParser': { MAX_TIMEOUT: 600 },
+      },
+    })
+  })
+
+  afterEach(function () {
+    this.clock.restore()
+  })
+
+  describe('when the lock is available', function () {
+    it('the lock can be acquired', function () {
+      const lock = this.LockManager.acquire(this.key)
+      expect(lock).to.exist
+      lock.release()
+    })
+  })
+
+  describe('after the lock is acquired', function () {
+    beforeEach(function () {
+      this.lock = this.LockManager.acquire(this.key)
+    })
+
+    afterEach(function () {
+      if (this.lock != null) {
+        this.lock.release()
+      }
+    })
+
+    it("the lock can't be acquired again", function () {
+      expect(() => this.LockManager.acquire(this.key)).to.throw(
+        Errors.AlreadyCompilingError
+      )
+    })
+
+    it('another lock can be acquired', function () {
+      const lock = this.LockManager.acquire('another key')
+      expect(lock).to.exist
+      lock.release()
+    })
+
+    it('the lock can be acquired again after an expiry period', function () {
+      // The expiry time is a little bit over 10 minutes. Let's wait 15 minutes.
+      this.clock.tick(15 * 60 * 1000)
+      this.lock = this.LockManager.acquire(this.key)
+      expect(this.lock).to.exist
+    })
+
+    it('the lock can be acquired again after it was released', function () {
+      this.lock.release()
+      this.lock = this.LockManager.acquire(this.key)
+      expect(this.lock).to.exist
+    })
+  })
+
+  describe('concurrency limit', function () {
+    it('exceeding the limit', function () {
+      for (let i = 0; i <= this.Settings.compileConcurrencyLimit; i++) {
+        this.LockManager.acquire('test_key' + i)
+      }
+      this.Metrics.inc
+        .calledWith('exceeded-compilier-concurrency-limit')
+        .should.equal(false)
+      expect(() =>
+        this.LockManager.acquire(
+          'test_key_' + (this.Settings.compileConcurrencyLimit + 1),
+          false
+        )
+      ).to.throw(Errors.TooManyCompileRequestsError)
+
+      this.Metrics.inc
+        .calledWith('exceeded-compilier-concurrency-limit')
+        .should.equal(true)
+    })
+
+    it('within the limit', function () {
+      for (let i = 0; i <= this.Settings.compileConcurrencyLimit - 1; i++) {
+        this.LockManager.acquire('test_key' + i)
+      }
+      this.Metrics.inc
+        .calledWith('exceeded-compilier-concurrency-limit')
+        .should.equal(false)
+
+      const lock = this.LockManager.acquire(
+        'test_key_' + this.Settings.compileConcurrencyLimit,
+        false
+      )
+
+      expect(lock.key).to.equal(
+        'test_key_' + this.Settings.compileConcurrencyLimit
+      )
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/OutputControllerTests.js b/services/clsi/test/unit/js/OutputControllerTests.js
new file mode 100644
index 0000000..ee5c9c2
--- /dev/null
+++ b/services/clsi/test/unit/js/OutputControllerTests.js
@@ -0,0 +1,105 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const MODULE_PATH = require('node:path').join(
+  __dirname,
+  '../../../app/js/OutputController'
+)
+
+describe('OutputController', function () {
+  describe('createOutputZip', function () {
+    beforeEach(function () {
+      this.archive = {}
+
+      this.pipeline = sinon.stub().resolves()
+
+      this.archiveFilesForBuild = sinon.stub().resolves(this.archive)
+
+      this.OutputController = SandboxedModule.require(MODULE_PATH, {
+        requires: {
+          './OutputFileArchiveManager': {
+            archiveFilesForBuild: this.archiveFilesForBuild,
+          },
+          'stream/promises': {
+            pipeline: this.pipeline,
+          },
+        },
+      })
+    })
+
+    describe('when OutputFileArchiveManager creates an archive', function () {
+      beforeEach(function (done) {
+        this.res = {
+          attachment: sinon.stub(),
+          setHeader: sinon.stub(),
+        }
+        this.req = {
+          params: {
+            project_id: 'project-id-123',
+            user_id: 'user-id-123',
+            build_id: 'build-id-123',
+          },
+          query: {
+            files: ['output.tex'],
+          },
+        }
+        this.pipeline.callsFake(() => {
+          done()
+          return Promise.resolve()
+        })
+        this.OutputController.createOutputZip(this.req, this.res)
+      })
+
+      it('creates a pipeline from the archive to the response', function () {
+        sinon.assert.calledWith(this.pipeline, this.archive, this.res)
+      })
+
+      it('calls the express convenience method to set attachment headers', function () {
+        sinon.assert.calledWith(this.res.attachment, 'output.zip')
+      })
+
+      it('sets the X-Content-Type-Options header to nosniff', function () {
+        sinon.assert.calledWith(
+          this.res.setHeader,
+          'X-Content-Type-Options',
+          'nosniff'
+        )
+      })
+    })
+
+    describe('when OutputFileArchiveManager throws an error', function () {
+      let error
+
+      beforeEach(function (done) {
+        error = new Error('error message')
+
+        this.archiveFilesForBuild.rejects(error)
+
+        this.res = {
+          status: sinon.stub().returnsThis(),
+          send: sinon.stub(),
+        }
+        this.req = {
+          params: {
+            project_id: 'project-id-123',
+            user_id: 'user-id-123',
+            build_id: 'build-id-123',
+          },
+          query: {
+            files: ['output.tex'],
+          },
+        }
+        this.OutputController.createOutputZip(
+          this.req,
+          this.res,
+          (this.next = sinon.stub().callsFake(() => {
+            done()
+          }))
+        )
+      })
+
+      it('calls next with the error', function () {
+        sinon.assert.calledWith(this.next, error)
+      })
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/OutputFileArchiveManagerTests.js b/services/clsi/test/unit/js/OutputFileArchiveManagerTests.js
new file mode 100644
index 0000000..d6817f3
--- /dev/null
+++ b/services/clsi/test/unit/js/OutputFileArchiveManagerTests.js
@@ -0,0 +1,229 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { assert, expect } = require('chai')
+
+const MODULE_PATH = require('node:path').join(
+  __dirname,
+  '../../../app/js/OutputFileArchiveManager'
+)
+
+describe('OutputFileArchiveManager', function () {
+  const userId = 'user-id-123'
+  const projectId = 'project-id-123'
+  const buildId = 'build-id-123'
+
+  afterEach(function () {
+    sinon.restore()
+  })
+
+  beforeEach(function () {
+    this.OutputFileFinder = {
+      promises: {
+        findOutputFiles: sinon.stub().resolves({ outputFiles: [] }),
+      },
+    }
+
+    this.OutputCacheManger = {
+      path: sinon.stub().callsFake((build, path) => {
+        return `${build}/${path}`
+      }),
+    }
+
+    this.archive = {
+      append: sinon.stub(),
+      finalize: sinon.stub().resolves(),
+      on: sinon.stub(),
+    }
+
+    this.archiver = sinon.stub().returns(this.archive)
+
+    this.outputDir = '/output/dir'
+
+    this.fs = {
+      open: sinon.stub().callsFake(file => ({
+        createReadStream: sinon.stub().returns(`handle: ${file}`),
+      })),
+    }
+
+    this.OutputFileArchiveManager = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        './OutputFileFinder': this.OutputFileFinder,
+        './OutputCacheManager': this.OutputCacheManger,
+        archiver: this.archiver,
+        'fs/promises': this.fs,
+        '@overleaf/settings': {
+          path: {
+            outputDir: this.outputDir,
+          },
+        },
+      },
+    })
+  })
+
+  describe('when the output cache directory contains only exportable files', function () {
+    beforeEach(async function () {
+      this.OutputFileFinder.promises.findOutputFiles.resolves({
+        outputFiles: [
+          { path: 'file_1' },
+          { path: 'file_2' },
+          { path: 'file_3' },
+          { path: 'file_4' },
+        ],
+      })
+      await this.OutputFileArchiveManager.archiveFilesForBuild(
+        projectId,
+        userId,
+        buildId
+      )
+    })
+
+    it('creates a zip archive', function () {
+      sinon.assert.calledWith(this.archiver, 'zip')
+    })
+
+    it('listens to errors from the archive', function () {
+      sinon.assert.calledWith(this.archive.on, 'error', sinon.match.func)
+    })
+
+    it('adds all the output files to the archive', function () {
+      expect(this.archive.append.callCount).to.equal(4)
+      sinon.assert.calledWith(
+        this.archive.append,
+        `handle: ${this.outputDir}/${projectId}-${userId}/${buildId}/file_1`,
+        sinon.match({ name: 'file_1' })
+      )
+      sinon.assert.calledWith(
+        this.archive.append,
+        `handle: ${this.outputDir}/${projectId}-${userId}/${buildId}/file_2`,
+        sinon.match({ name: 'file_2' })
+      )
+      sinon.assert.calledWith(
+        this.archive.append,
+        `handle: ${this.outputDir}/${projectId}-${userId}/${buildId}/file_3`,
+        sinon.match({ name: 'file_3' })
+      )
+      sinon.assert.calledWith(
+        this.archive.append,
+        `handle: ${this.outputDir}/${projectId}-${userId}/${buildId}/file_4`,
+        sinon.match({ name: 'file_4' })
+      )
+    })
+
+    it('finalizes the archive after all files are appended', function () {
+      sinon.assert.called(this.archive.finalize)
+      expect(this.archive.finalize.calledBefore(this.archive.append)).to.be
+        .false
+    })
+  })
+
+  describe('when the directory includes files ignored by web', function () {
+    beforeEach(async function () {
+      this.OutputFileFinder.promises.findOutputFiles.resolves({
+        outputFiles: [
+          { path: 'file_1' },
+          { path: 'file_2' },
+          { path: 'file_3' },
+          { path: 'file_4' },
+          { path: 'output.pdf' },
+        ],
+      })
+      await this.OutputFileArchiveManager.archiveFilesForBuild(
+        projectId,
+        userId,
+        buildId
+      )
+    })
+
+    it('only includes the non-ignored files in the archive', function () {
+      expect(this.archive.append.callCount).to.equal(4)
+      sinon.assert.calledWith(
+        this.archive.append,
+        `handle: ${this.outputDir}/${projectId}-${userId}/${buildId}/file_1`,
+        sinon.match({ name: 'file_1' })
+      )
+      sinon.assert.calledWith(
+        this.archive.append,
+        `handle: ${this.outputDir}/${projectId}-${userId}/${buildId}/file_2`,
+        sinon.match({ name: 'file_2' })
+      )
+      sinon.assert.calledWith(
+        this.archive.append,
+        `handle: ${this.outputDir}/${projectId}-${userId}/${buildId}/file_3`,
+        sinon.match({ name: 'file_3' })
+      )
+      sinon.assert.calledWith(
+        this.archive.append,
+        `handle: ${this.outputDir}/${projectId}-${userId}/${buildId}/file_4`,
+        sinon.match({ name: 'file_4' })
+      )
+    })
+  })
+
+  describe('when one of the files is called output.pdf', function () {
+    beforeEach(async function () {
+      this.OutputFileFinder.promises.findOutputFiles.resolves({
+        outputFiles: [
+          { path: 'file_1' },
+          { path: 'file_2' },
+          { path: 'file_3' },
+          { path: 'file_4' },
+          { path: 'output.pdf' },
+        ],
+      })
+      await this.OutputFileArchiveManager.archiveFilesForBuild(
+        projectId,
+        userId,
+        buildId
+      )
+    })
+
+    it('does not include that file in the archive', function () {
+      expect(this.archive.append.callCount).to.equal(4)
+      sinon.assert.calledWith(
+        this.archive.append,
+        `handle: ${this.outputDir}/${projectId}-${userId}/${buildId}/file_1`,
+        sinon.match({ name: 'file_1' })
+      )
+      sinon.assert.calledWith(
+        this.archive.append,
+        `handle: ${this.outputDir}/${projectId}-${userId}/${buildId}/file_2`,
+        sinon.match({ name: 'file_2' })
+      )
+      sinon.assert.calledWith(
+        this.archive.append,
+        `handle: ${this.outputDir}/${projectId}-${userId}/${buildId}/file_3`,
+        sinon.match({ name: 'file_3' })
+      )
+      sinon.assert.calledWith(
+        this.archive.append,
+        `handle: ${this.outputDir}/${projectId}-${userId}/${buildId}/file_4`,
+        sinon.match({ name: 'file_4' })
+      )
+    })
+  })
+
+  describe('when the output directory cannot be accessed', function () {
+    beforeEach(async function () {
+      this.OutputFileFinder.promises.findOutputFiles.rejects({
+        code: 'ENOENT',
+      })
+    })
+
+    it('rejects with a NotFoundError', async function () {
+      try {
+        await this.OutputFileArchiveManager.archiveFilesForBuild(
+          projectId,
+          userId,
+          buildId
+        )
+        assert.fail('should have thrown a NotFoundError')
+      } catch (err) {
+        expect(err).to.haveOwnProperty('name', 'NotFoundError')
+      }
+    })
+
+    it('does not create an archive', function () {
+      expect(this.archiver.called).to.be.false
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/OutputFileFinderTests.js b/services/clsi/test/unit/js/OutputFileFinderTests.js
new file mode 100644
index 0000000..c9e1b44
--- /dev/null
+++ b/services/clsi/test/unit/js/OutputFileFinderTests.js
@@ -0,0 +1,72 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/OutputFileFinder'
+)
+const { expect } = require('chai')
+const mockFs = require('mock-fs')
+
+describe('OutputFileFinder', function () {
+  beforeEach(function () {
+    this.OutputFileFinder = SandboxedModule.require(modulePath, {})
+    this.directory = '/test/dir'
+    this.callback = sinon.stub()
+
+    mockFs({
+      [this.directory]: {
+        resource: {
+          'path.tex': 'a source file',
+        },
+        'output.pdf': 'a generated pdf file',
+        extra: {
+          'file.tex': 'a generated tex file',
+        },
+        'sneaky-file': mockFs.symlink({
+          path: '../foo',
+        }),
+      },
+    })
+  })
+
+  afterEach(function () {
+    mockFs.restore()
+  })
+
+  describe('findOutputFiles', function () {
+    beforeEach(async function () {
+      this.resource_path = 'resource/path.tex'
+      this.output_paths = ['output.pdf', 'extra/file.tex']
+      this.all_paths = this.output_paths.concat([this.resource_path])
+      this.resources = [{ path: (this.resource_path = 'resource/path.tex') }]
+      const { outputFiles, allEntries } =
+        await this.OutputFileFinder.promises.findOutputFiles(
+          this.resources,
+          this.directory
+        )
+      this.outputFiles = outputFiles
+      this.allEntries = allEntries
+    })
+
+    it('should only return the output files, not directories or resource paths', function () {
+      expect(this.outputFiles).to.have.deep.members([
+        {
+          path: 'output.pdf',
+          type: 'pdf',
+        },
+        {
+          path: 'extra/file.tex',
+          type: 'tex',
+        },
+      ])
+      expect(this.allEntries).to.deep.equal([
+        'extra/file.tex',
+        'extra/',
+        'output.pdf',
+        'resource/path.tex',
+        'resource/',
+        'sneaky-file',
+      ])
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/OutputFileOptimiserTests.js b/services/clsi/test/unit/js/OutputFileOptimiserTests.js
new file mode 100644
index 0000000..1dd1a75
--- /dev/null
+++ b/services/clsi/test/unit/js/OutputFileOptimiserTests.js
@@ -0,0 +1,192 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+    n/no-deprecated-api,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/OutputFileOptimiser'
+)
+const path = require('node:path')
+const { expect } = require('chai')
+const { EventEmitter } = require('node:events')
+
+describe('OutputFileOptimiser', function () {
+  beforeEach(function () {
+    this.OutputFileOptimiser = SandboxedModule.require(modulePath, {
+      requires: {
+        fs: (this.fs = {}),
+        path: (this.Path = {}),
+        child_process: { spawn: (this.spawn = sinon.stub()) },
+        './Metrics': {},
+      },
+      globals: { Math }, // used by lodash
+    })
+    this.directory = '/test/dir'
+    return (this.callback = sinon.stub())
+  })
+
+  describe('optimiseFile', function () {
+    beforeEach(function () {
+      this.src = './output.pdf'
+      return (this.dst = './output.pdf')
+    })
+
+    describe('when the file is not a pdf file', function () {
+      beforeEach(function (done) {
+        this.src = './output.log'
+        this.OutputFileOptimiser.checkIfPDFIsOptimised = sinon
+          .stub()
+          .callsArgWith(1, null, false)
+        this.OutputFileOptimiser.optimisePDF = sinon
+          .stub()
+          .callsArgWith(2, null)
+        return this.OutputFileOptimiser.optimiseFile(this.src, this.dst, done)
+      })
+
+      it('should not check if the file is optimised', function () {
+        return this.OutputFileOptimiser.checkIfPDFIsOptimised
+          .calledWith(this.src)
+          .should.equal(false)
+      })
+
+      return it('should not optimise the file', function () {
+        return this.OutputFileOptimiser.optimisePDF
+          .calledWith(this.src, this.dst)
+          .should.equal(false)
+      })
+    })
+
+    describe('when the pdf file is not optimised', function () {
+      beforeEach(function (done) {
+        this.OutputFileOptimiser.checkIfPDFIsOptimised = sinon
+          .stub()
+          .callsArgWith(1, null, false)
+        this.OutputFileOptimiser.optimisePDF = sinon
+          .stub()
+          .callsArgWith(2, null)
+        return this.OutputFileOptimiser.optimiseFile(this.src, this.dst, done)
+      })
+
+      it('should check if the pdf is optimised', function () {
+        return this.OutputFileOptimiser.checkIfPDFIsOptimised
+          .calledWith(this.src)
+          .should.equal(true)
+      })
+
+      return it('should optimise the pdf', function () {
+        return this.OutputFileOptimiser.optimisePDF
+          .calledWith(this.src, this.dst)
+          .should.equal(true)
+      })
+    })
+
+    return describe('when the pdf file is optimised', function () {
+      beforeEach(function (done) {
+        this.OutputFileOptimiser.checkIfPDFIsOptimised = sinon
+          .stub()
+          .callsArgWith(1, null, true)
+        this.OutputFileOptimiser.optimisePDF = sinon
+          .stub()
+          .callsArgWith(2, null)
+        return this.OutputFileOptimiser.optimiseFile(this.src, this.dst, done)
+      })
+
+      it('should check if the pdf is optimised', function () {
+        return this.OutputFileOptimiser.checkIfPDFIsOptimised
+          .calledWith(this.src)
+          .should.equal(true)
+      })
+
+      return it('should not optimise the pdf', function () {
+        return this.OutputFileOptimiser.optimisePDF
+          .calledWith(this.src, this.dst)
+          .should.equal(false)
+      })
+    })
+  })
+
+  return describe('checkIfPDFISOptimised', function () {
+    beforeEach(function () {
+      this.callback = sinon.stub()
+      this.fd = 1234
+      this.fs.open = sinon.stub().yields(null, this.fd)
+      this.fs.read = sinon
+        .stub()
+        .withArgs(this.fd)
+        .yields(null, 100, Buffer.from('hello /Linearized 1'))
+      this.fs.close = sinon.stub().withArgs(this.fd).yields(null)
+      return this.OutputFileOptimiser.checkIfPDFIsOptimised(
+        this.src,
+        this.callback
+      )
+    })
+
+    describe('for a linearised file', function () {
+      beforeEach(function () {
+        this.fs.read = sinon
+          .stub()
+          .withArgs(this.fd)
+          .yields(null, 100, Buffer.from('hello /Linearized 1'))
+        return this.OutputFileOptimiser.checkIfPDFIsOptimised(
+          this.src,
+          this.callback
+        )
+      })
+
+      it('should open the file', function () {
+        return this.fs.open.calledWith(this.src, 'r').should.equal(true)
+      })
+
+      it('should read the header', function () {
+        return this.fs.read.calledWith(this.fd).should.equal(true)
+      })
+
+      it('should close the file', function () {
+        return this.fs.close.calledWith(this.fd).should.equal(true)
+      })
+
+      return it('should call the callback with a true result', function () {
+        return this.callback.calledWith(null, true).should.equal(true)
+      })
+    })
+
+    return describe('for an unlinearised file', function () {
+      beforeEach(function () {
+        this.fs.read = sinon
+          .stub()
+          .withArgs(this.fd)
+          .yields(null, 100, Buffer.from('hello not linearized 1'))
+        return this.OutputFileOptimiser.checkIfPDFIsOptimised(
+          this.src,
+          this.callback
+        )
+      })
+
+      it('should open the file', function () {
+        return this.fs.open.calledWith(this.src, 'r').should.equal(true)
+      })
+
+      it('should read the header', function () {
+        return this.fs.read.calledWith(this.fd).should.equal(true)
+      })
+
+      it('should close the file', function () {
+        return this.fs.close.calledWith(this.fd).should.equal(true)
+      })
+
+      return it('should call the callback with a false result', function () {
+        return this.callback.calledWith(null, false).should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/ProjectPersistenceManagerTests.js b/services/clsi/test/unit/js/ProjectPersistenceManagerTests.js
new file mode 100644
index 0000000..4f42411
--- /dev/null
+++ b/services/clsi/test/unit/js/ProjectPersistenceManagerTests.js
@@ -0,0 +1,174 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const assert = require('chai').assert
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/ProjectPersistenceManager'
+)
+const tk = require('timekeeper')
+
+describe('ProjectPersistenceManager', function () {
+  beforeEach(function () {
+    this.fsPromises = {
+      statfs: sinon.stub(),
+    }
+
+    this.ProjectPersistenceManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/metrics': (this.Metrics = { gauge: sinon.stub() }),
+        './UrlCache': (this.UrlCache = {}),
+        './CompileManager': (this.CompileManager = {}),
+        fs: { promises: this.fsPromises },
+        '@overleaf/settings': (this.settings = {
+          project_cache_length_ms: 1000,
+          path: {
+            compilesDir: '/compiles',
+            outputDir: '/output',
+            clsiCacheDir: '/cache',
+          },
+        }),
+      },
+    })
+    this.callback = sinon.stub()
+    this.project_id = 'project-id-123'
+    return (this.user_id = '1234')
+  })
+
+  describe('refreshExpiryTimeout', function () {
+    it('should leave expiry alone if plenty of disk', function (done) {
+      this.fsPromises.statfs.resolves({
+        blocks: 100,
+        bsize: 1,
+        bavail: 40,
+      })
+
+      this.ProjectPersistenceManager.refreshExpiryTimeout(() => {
+        this.Metrics.gauge.should.have.been.calledWith(
+          'disk_available_percent',
+          40
+        )
+        this.ProjectPersistenceManager.EXPIRY_TIMEOUT.should.equal(
+          this.settings.project_cache_length_ms
+        )
+        done()
+      })
+    })
+
+    it('should drop EXPIRY_TIMEOUT 10% if low disk usage', function (done) {
+      this.fsPromises.statfs.resolves({
+        blocks: 100,
+        bsize: 1,
+        bavail: 5,
+      })
+
+      this.ProjectPersistenceManager.refreshExpiryTimeout(() => {
+        this.Metrics.gauge.should.have.been.calledWith(
+          'disk_available_percent',
+          5
+        )
+        this.ProjectPersistenceManager.EXPIRY_TIMEOUT.should.equal(900)
+        done()
+      })
+    })
+
+    it('should not drop EXPIRY_TIMEOUT to below 50% of project_cache_length_ms', function (done) {
+      this.fsPromises.statfs.resolves({
+        blocks: 100,
+        bsize: 1,
+        bavail: 5,
+      })
+      this.ProjectPersistenceManager.EXPIRY_TIMEOUT = 500
+      this.ProjectPersistenceManager.refreshExpiryTimeout(() => {
+        this.Metrics.gauge.should.have.been.calledWith(
+          'disk_available_percent',
+          5
+        )
+        this.ProjectPersistenceManager.EXPIRY_TIMEOUT.should.equal(500)
+        done()
+      })
+    })
+
+    it('should not modify EXPIRY_TIMEOUT if there is an error getting disk values', function (done) {
+      this.fsPromises.statfs.rejects(new Error())
+      this.ProjectPersistenceManager.refreshExpiryTimeout(() => {
+        this.ProjectPersistenceManager.EXPIRY_TIMEOUT.should.equal(1000)
+        done()
+      })
+    })
+  })
+
+  describe('clearExpiredProjects', function () {
+    beforeEach(function () {
+      this.project_ids = ['project-id-1', 'project-id-2']
+      this.ProjectPersistenceManager._findExpiredProjectIds = sinon
+        .stub()
+        .callsArgWith(0, null, this.project_ids)
+      this.ProjectPersistenceManager.clearProjectFromCache = sinon
+        .stub()
+        .callsArg(2)
+      this.CompileManager.clearExpiredProjects = sinon.stub().callsArg(1)
+      return this.ProjectPersistenceManager.clearExpiredProjects(this.callback)
+    })
+
+    it('should clear each expired project', function () {
+      return Array.from(this.project_ids).map(projectId =>
+        this.ProjectPersistenceManager.clearProjectFromCache
+          .calledWith(projectId)
+          .should.equal(true)
+      )
+    })
+
+    return it('should call the callback', function () {
+      return this.callback.called.should.equal(true)
+    })
+  })
+
+  return describe('clearProject', function () {
+    beforeEach(function () {
+      this.ProjectPersistenceManager._clearProjectFromDatabase = sinon
+        .stub()
+        .callsArg(1)
+      this.UrlCache.clearProject = sinon.stub().callsArg(2)
+      this.CompileManager.clearProject = sinon.stub().callsArg(2)
+      return this.ProjectPersistenceManager.clearProject(
+        this.project_id,
+        this.user_id,
+        this.callback
+      )
+    })
+
+    it('should clear the project from the database', function () {
+      return this.ProjectPersistenceManager._clearProjectFromDatabase
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+
+    it('should clear all the cached Urls for the project', function () {
+      return this.UrlCache.clearProject
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+
+    it('should clear the project compile folder', function () {
+      return this.CompileManager.clearProject
+        .calledWith(this.project_id, this.user_id)
+        .should.equal(true)
+    })
+
+    return it('should call the callback', function () {
+      return this.callback.called.should.equal(true)
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/RequestParserTests.js b/services/clsi/test/unit/js/RequestParserTests.js
new file mode 100644
index 0000000..437c3c4
--- /dev/null
+++ b/services/clsi/test/unit/js/RequestParserTests.js
@@ -0,0 +1,480 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/RequestParser'
+)
+const tk = require('timekeeper')
+
+describe('RequestParser', function () {
+  beforeEach(function () {
+    tk.freeze()
+    this.callback = sinon.stub()
+    this.validResource = {
+      path: 'main.tex',
+      date: '12:00 01/02/03',
+      content: 'Hello world',
+    }
+    this.validRequest = {
+      compile: {
+        token: 'token-123',
+        options: {
+          imageName: 'basicImageName/here:2017-1',
+          compiler: 'pdflatex',
+          timeout: 42,
+        },
+        resources: [],
+      },
+    }
+    this.RequestParser = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': (this.settings = {}),
+        './OutputCacheManager': { BUILD_REGEX: /^[0-9a-f]+-[0-9a-f]+$/ },
+      },
+    })
+  })
+
+  afterEach(function () {
+    tk.reset()
+  })
+
+  describe('without a top level object', function () {
+    beforeEach(function () {
+      this.RequestParser.parse([], this.callback)
+    })
+
+    it('should return an error', function () {
+      expect(this.callback).to.have.been.called
+      expect(this.callback.args[0][0].message).to.equal(
+        'top level object should have a compile attribute'
+      )
+    })
+  })
+
+  describe('without a compile attribute', function () {
+    beforeEach(function () {
+      this.RequestParser.parse({}, this.callback)
+    })
+
+    it('should return an error', function () {
+      expect(this.callback).to.have.been.called
+      expect(this.callback.args[0][0].message).to.equal(
+        'top level object should have a compile attribute'
+      )
+    })
+  })
+
+  describe('without a valid compiler', function () {
+    beforeEach(function () {
+      this.validRequest.compile.options.compiler = 'not-a-compiler'
+      this.RequestParser.parse(this.validRequest, this.callback)
+    })
+
+    it('should return an error', function () {
+      this.callback
+        .calledWithMatch({
+          message:
+            'compiler attribute should be one of: pdflatex, latex, xelatex, lualatex',
+        })
+        .should.equal(true)
+    })
+  })
+
+  describe('without a compiler specified', function () {
+    beforeEach(function (done) {
+      delete this.validRequest.compile.options.compiler
+      this.RequestParser.parse(this.validRequest, (error, data) => {
+        if (error) return done(error)
+        this.data = data
+        done()
+      })
+    })
+
+    it('should set the compiler to pdflatex by default', function () {
+      this.data.compiler.should.equal('pdflatex')
+    })
+  })
+
+  describe('with imageName set', function () {
+    beforeEach(function (done) {
+      this.RequestParser.parse(this.validRequest, (error, data) => {
+        if (error) return done(error)
+        this.data = data
+        done()
+      })
+    })
+
+    it('should set the imageName', function () {
+      this.data.imageName.should.equal('basicImageName/here:2017-1')
+    })
+  })
+
+  describe('when image restrictions are present', function () {
+    beforeEach(function () {
+      this.settings.clsi = { docker: {} }
+      this.settings.clsi.docker.allowedImages = [
+        'repo/name:tag1',
+        'repo/name:tag2',
+      ]
+    })
+
+    describe('with imageName set to something invalid', function () {
+      beforeEach(function () {
+        const request = this.validRequest
+        request.compile.options.imageName = 'something/different:latest'
+        this.RequestParser.parse(request, (error, data) => {
+          this.error = error
+          this.data = data
+        })
+      })
+
+      it('should throw an error for imageName', function () {
+        expect(String(this.error)).to.include(
+          'imageName attribute should be one of'
+        )
+      })
+    })
+
+    describe('with imageName set to something valid', function () {
+      beforeEach(function () {
+        const request = this.validRequest
+        request.compile.options.imageName = 'repo/name:tag1'
+        this.RequestParser.parse(request, (error, data) => {
+          this.error = error
+          this.data = data
+        })
+      })
+
+      it('should set the imageName', function () {
+        this.data.imageName.should.equal('repo/name:tag1')
+      })
+    })
+  })
+
+  describe('with flags set', function () {
+    beforeEach(function (done) {
+      this.validRequest.compile.options.flags = ['-file-line-error']
+      this.RequestParser.parse(this.validRequest, (error, data) => {
+        if (error) return done(error)
+        this.data = data
+        done()
+      })
+    })
+
+    it('should set the flags attribute', function () {
+      expect(this.data.flags).to.deep.equal(['-file-line-error'])
+    })
+  })
+
+  describe('with flags not specified', function () {
+    beforeEach(function (done) {
+      this.RequestParser.parse(this.validRequest, (error, data) => {
+        if (error) return done(error)
+        this.data = data
+        done()
+      })
+    })
+
+    it('it should have an empty flags list', function () {
+      expect(this.data.flags).to.deep.equal([])
+    })
+  })
+
+  describe('without a timeout specified', function () {
+    beforeEach(function (done) {
+      delete this.validRequest.compile.options.timeout
+      this.RequestParser.parse(this.validRequest, (error, data) => {
+        if (error) return done(error)
+        this.data = data
+        done()
+      })
+    })
+
+    it('should set the timeout to MAX_TIMEOUT', function () {
+      this.data.timeout.should.equal(this.RequestParser.MAX_TIMEOUT * 1000)
+    })
+  })
+
+  describe('with a timeout larger than the maximum', function () {
+    beforeEach(function (done) {
+      this.validRequest.compile.options.timeout =
+        this.RequestParser.MAX_TIMEOUT + 1
+      this.RequestParser.parse(this.validRequest, (error, data) => {
+        if (error) return done(error)
+        this.data = data
+        done()
+      })
+    })
+
+    it('should set the timeout to MAX_TIMEOUT', function () {
+      this.data.timeout.should.equal(this.RequestParser.MAX_TIMEOUT * 1000)
+    })
+  })
+
+  describe('with a timeout', function () {
+    beforeEach(function (done) {
+      this.RequestParser.parse(this.validRequest, (error, data) => {
+        if (error) return done(error)
+        this.data = data
+        done()
+      })
+    })
+
+    it('should set the timeout (in milliseconds)', function () {
+      this.data.timeout.should.equal(
+        this.validRequest.compile.options.timeout * 1000
+      )
+    })
+  })
+
+  describe('with a resource without a path', function () {
+    beforeEach(function () {
+      delete this.validResource.path
+      this.validRequest.compile.resources.push(this.validResource)
+      this.RequestParser.parse(this.validRequest, this.callback)
+    })
+
+    it('should return an error', function () {
+      this.callback
+        .calledWithMatch({
+          message: 'all resources should have a path attribute',
+        })
+        .should.equal(true)
+    })
+  })
+
+  describe('with a resource with a path', function () {
+    beforeEach(function () {
+      this.validResource.path = this.path = 'test.tex'
+      this.validRequest.compile.resources.push(this.validResource)
+      this.RequestParser.parse(this.validRequest, this.callback)
+      this.data = this.callback.args[0][1]
+    })
+
+    it('should return the path in the parsed response', function () {
+      this.data.resources[0].path.should.equal(this.path)
+    })
+  })
+
+  describe('with a resource with a malformed modified date', function () {
+    beforeEach(function () {
+      this.validResource.modified = 'not-a-date'
+      this.validRequest.compile.resources.push(this.validResource)
+      this.RequestParser.parse(this.validRequest, this.callback)
+    })
+
+    it('should return an error', function () {
+      this.callback
+        .calledWithMatch({
+          message:
+            'resource modified date could not be understood: ' +
+            this.validResource.modified,
+        })
+        .should.equal(true)
+    })
+  })
+
+  describe('with a valid buildId', function () {
+    beforeEach(function (done) {
+      this.validRequest.compile.options.buildId = '195a4869176-a4ad60bee7bf35e4'
+      this.RequestParser.parse(this.validRequest, (error, data) => {
+        if (error) return done(error)
+        this.data = data
+        done()
+      })
+    })
+
+    it('should return an error', function () {
+      this.data.buildId.should.equal('195a4869176-a4ad60bee7bf35e4')
+    })
+  })
+
+  describe('with a bad buildId', function () {
+    beforeEach(function () {
+      this.validRequest.compile.options.buildId = 'foo/bar'
+      this.RequestParser.parse(this.validRequest, this.callback)
+    })
+
+    it('should return an error', function () {
+      this.callback
+        .calledWithMatch({
+          message:
+            'buildId attribute does not match regex /^[0-9a-f]+-[0-9a-f]+$/',
+        })
+        .should.equal(true)
+    })
+  })
+
+  describe('with a resource with a valid date', function () {
+    beforeEach(function () {
+      this.date = '12:00 01/02/03'
+      this.validResource.modified = this.date
+      this.validRequest.compile.resources.push(this.validResource)
+      this.RequestParser.parse(this.validRequest, this.callback)
+      this.data = this.callback.args[0][1]
+    })
+
+    it('should return the date as a Javascript Date object', function () {
+      ;(this.data.resources[0].modified instanceof Date).should.equal(true)
+      this.data.resources[0].modified
+        .getTime()
+        .should.equal(Date.parse(this.date))
+    })
+  })
+
+  describe('with a resource without either a content or URL attribute', function () {
+    beforeEach(function () {
+      delete this.validResource.url
+      delete this.validResource.content
+      this.validRequest.compile.resources.push(this.validResource)
+      this.RequestParser.parse(this.validRequest, this.callback)
+    })
+
+    it('should return an error', function () {
+      this.callback
+        .calledWithMatch({
+          message:
+            'all resources should have either a url or content attribute',
+        })
+        .should.equal(true)
+    })
+  })
+
+  describe('with a resource where the content is not a string', function () {
+    beforeEach(function () {
+      this.validResource.content = []
+      this.validRequest.compile.resources.push(this.validResource)
+      this.RequestParser.parse(this.validRequest, this.callback)
+    })
+
+    it('should return an error', function () {
+      this.callback
+        .calledWithMatch({ message: 'content attribute should be a string' })
+        .should.equal(true)
+    })
+  })
+
+  describe('with a resource where the url is not a string', function () {
+    beforeEach(function () {
+      this.validResource.url = []
+      this.validRequest.compile.resources.push(this.validResource)
+      this.RequestParser.parse(this.validRequest, this.callback)
+    })
+
+    it('should return an error', function () {
+      this.callback
+        .calledWithMatch({ message: 'url attribute should be a string' })
+        .should.equal(true)
+    })
+  })
+
+  describe('with a resource with a url', function () {
+    beforeEach(function () {
+      this.validResource.url = this.url = 'www.example.com'
+      this.validRequest.compile.resources.push(this.validResource)
+      this.RequestParser.parse(this.validRequest, this.callback)
+      this.data = this.callback.args[0][1]
+    })
+
+    it('should return the url in the parsed response', function () {
+      this.data.resources[0].url.should.equal(this.url)
+    })
+  })
+
+  describe('with a resource with a content attribute', function () {
+    beforeEach(function () {
+      this.validResource.content = this.content = 'Hello world'
+      this.validRequest.compile.resources.push(this.validResource)
+      this.RequestParser.parse(this.validRequest, this.callback)
+      this.data = this.callback.args[0][1]
+    })
+
+    it('should return the content in the parsed response', function () {
+      this.data.resources[0].content.should.equal(this.content)
+    })
+  })
+
+  describe('without a root resource path', function () {
+    beforeEach(function () {
+      delete this.validRequest.compile.rootResourcePath
+      this.RequestParser.parse(this.validRequest, this.callback)
+      this.data = this.callback.args[0][1]
+    })
+
+    it("should set the root resource path to 'main.tex' by default", function () {
+      this.data.rootResourcePath.should.equal('main.tex')
+    })
+  })
+
+  describe('with a root resource path', function () {
+    beforeEach(function () {
+      this.validRequest.compile.rootResourcePath = this.path = 'test.tex'
+      this.RequestParser.parse(this.validRequest, this.callback)
+      this.data = this.callback.args[0][1]
+    })
+
+    it('should return the root resource path in the parsed response', function () {
+      this.data.rootResourcePath.should.equal(this.path)
+    })
+  })
+
+  describe('with a root resource path that is not a string', function () {
+    beforeEach(function () {
+      this.validRequest.compile.rootResourcePath = []
+      this.RequestParser.parse(this.validRequest, this.callback)
+    })
+
+    it('should return an error', function () {
+      this.callback
+        .calledWithMatch({
+          message: 'rootResourcePath attribute should be a string',
+        })
+        .should.equal(true)
+    })
+  })
+
+  describe('with a root resource path that has a relative path', function () {
+    beforeEach(function () {
+      this.validRequest.compile.rootResourcePath = 'foo/../../bar.tex'
+      this.RequestParser.parse(this.validRequest, this.callback)
+      this.data = this.callback.args[0][1]
+    })
+
+    it('should return an error', function () {
+      this.callback
+        .calledWithMatch({ message: 'relative path in root resource' })
+        .should.equal(true)
+    })
+  })
+
+  describe('with a root resource path that has unescaped + relative path', function () {
+    beforeEach(function () {
+      this.validRequest.compile.rootResourcePath = 'foo/../bar.tex'
+      this.RequestParser.parse(this.validRequest, this.callback)
+      this.data = this.callback.args[0][1]
+    })
+
+    it('should return an error', function () {
+      this.callback
+        .calledWithMatch({ message: 'relative path in root resource' })
+        .should.equal(true)
+    })
+  })
+
+  describe('with an unknown syncType', function () {
+    beforeEach(function () {
+      this.validRequest.compile.options.syncType = 'unexpected'
+      this.RequestParser.parse(this.validRequest, this.callback)
+      this.data = this.callback.args[0][1]
+    })
+
+    it('should return an error', function () {
+      this.callback
+        .calledWithMatch({
+          message: 'syncType attribute should be one of: full, incremental',
+        })
+        .should.equal(true)
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/ResourceStateManagerTests.js b/services/clsi/test/unit/js/ResourceStateManagerTests.js
new file mode 100644
index 0000000..823c816
--- /dev/null
+++ b/services/clsi/test/unit/js/ResourceStateManagerTests.js
@@ -0,0 +1,241 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/ResourceStateManager'
+)
+const Path = require('node:path')
+const Errors = require('../../../app/js/Errors')
+
+describe('ResourceStateManager', function () {
+  beforeEach(function () {
+    this.ResourceStateManager = SandboxedModule.require(modulePath, {
+      singleOnly: true,
+      requires: {
+        fs: (this.fs = {}),
+        './SafeReader': (this.SafeReader = {}),
+      },
+    })
+    this.basePath = '/path/to/write/files/to'
+    this.resources = [
+      { path: 'resource-1-mock' },
+      { path: 'resource-2-mock' },
+      { path: 'resource-3-mock' },
+    ]
+    this.state = '1234567890'
+    this.resourceFileName = `${this.basePath}/.project-sync-state`
+    this.resourceFileContents = `${this.resources[0].path}\n${this.resources[1].path}\n${this.resources[2].path}\nstateHash:${this.state}`
+    return (this.callback = sinon.stub())
+  })
+
+  describe('saveProjectState', function () {
+    beforeEach(function () {
+      return (this.fs.writeFile = sinon.stub().callsArg(2))
+    })
+
+    describe('when the state is specified', function () {
+      beforeEach(function () {
+        return this.ResourceStateManager.saveProjectState(
+          this.state,
+          this.resources,
+          this.basePath,
+          this.callback
+        )
+      })
+
+      it('should write the resource list to disk', function () {
+        return this.fs.writeFile
+          .calledWith(this.resourceFileName, this.resourceFileContents)
+          .should.equal(true)
+      })
+
+      return it('should call the callback', function () {
+        return this.callback.called.should.equal(true)
+      })
+    })
+
+    return describe('when the state is undefined', function () {
+      beforeEach(function () {
+        this.state = undefined
+        this.fs.unlink = sinon.stub().callsArg(1)
+        return this.ResourceStateManager.saveProjectState(
+          this.state,
+          this.resources,
+          this.basePath,
+          this.callback
+        )
+      })
+
+      it('should unlink the resource file', function () {
+        return this.fs.unlink
+          .calledWith(this.resourceFileName)
+          .should.equal(true)
+      })
+
+      it('should not write the resource list to disk', function () {
+        return this.fs.writeFile.called.should.equal(false)
+      })
+
+      return it('should call the callback', function () {
+        return this.callback.called.should.equal(true)
+      })
+    })
+  })
+
+  describe('checkProjectStateMatches', function () {
+    describe('when the state matches', function () {
+      beforeEach(function () {
+        this.SafeReader.readFile = sinon
+          .stub()
+          .callsArgWith(3, null, this.resourceFileContents)
+        return this.ResourceStateManager.checkProjectStateMatches(
+          this.state,
+          this.basePath,
+          this.callback
+        )
+      })
+
+      it('should read the resource file', function () {
+        return this.SafeReader.readFile
+          .calledWith(this.resourceFileName)
+          .should.equal(true)
+      })
+
+      return it('should call the callback with the results', function () {
+        return this.callback
+          .calledWithMatch(null, this.resources)
+          .should.equal(true)
+      })
+    })
+
+    describe('when the state file is not present', function () {
+      beforeEach(function () {
+        this.SafeReader.readFile = sinon.stub().callsArg(3)
+        return this.ResourceStateManager.checkProjectStateMatches(
+          this.state,
+          this.basePath,
+          this.callback
+        )
+      })
+
+      it('should read the resource file', function () {
+        return this.SafeReader.readFile
+          .calledWith(this.resourceFileName)
+          .should.equal(true)
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(sinon.match(Errors.FilesOutOfSyncError))
+          .should.equal(true)
+
+        const message = this.callback.args[0][0].message
+        expect(message).to.include('invalid state for incremental update')
+      })
+    })
+
+    return describe('when the state does not match', function () {
+      beforeEach(function () {
+        this.SafeReader.readFile = sinon
+          .stub()
+          .callsArgWith(3, null, this.resourceFileContents)
+        return this.ResourceStateManager.checkProjectStateMatches(
+          'not-the-original-state',
+          this.basePath,
+          this.callback
+        )
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(sinon.match(Errors.FilesOutOfSyncError))
+          .should.equal(true)
+
+        const message = this.callback.args[0][0].message
+        expect(message).to.include('invalid state for incremental update')
+      })
+    })
+  })
+
+  return describe('checkResourceFiles', function () {
+    describe('when all the files are present', function () {
+      beforeEach(function () {
+        this.allFiles = [
+          this.resources[0].path,
+          this.resources[1].path,
+          this.resources[2].path,
+        ]
+        return this.ResourceStateManager.checkResourceFiles(
+          this.resources,
+          this.allFiles,
+          this.basePath,
+          this.callback
+        )
+      })
+
+      return it('should call the callback', function () {
+        return this.callback.calledWithExactly().should.equal(true)
+      })
+    })
+
+    describe('when there is a missing file', function () {
+      beforeEach(function () {
+        this.allFiles = [this.resources[0].path, this.resources[1].path]
+        this.fs.stat = sinon.stub().callsArgWith(1, new Error())
+        return this.ResourceStateManager.checkResourceFiles(
+          this.resources,
+          this.allFiles,
+          this.basePath,
+          this.callback
+        )
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(sinon.match(Errors.FilesOutOfSyncError))
+          .should.equal(true)
+
+        const message = this.callback.args[0][0].message
+        expect(message).to.include(
+          'resource files missing in incremental update'
+        )
+      })
+    })
+
+    return describe('when a resource contains a relative path', function () {
+      beforeEach(function () {
+        this.resources[0].path = '../foo/bar.tex'
+        this.allFiles = [
+          this.resources[0].path,
+          this.resources[1].path,
+          this.resources[2].path,
+        ]
+        return this.ResourceStateManager.checkResourceFiles(
+          this.resources,
+          this.allFiles,
+          this.basePath,
+          this.callback
+        )
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback.calledWith(sinon.match(Error)).should.equal(true)
+
+        const message = this.callback.args[0][0].message
+        expect(message).to.include('relative path in resource file list')
+      })
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/ResourceWriterTests.js b/services/clsi/test/unit/js/ResourceWriterTests.js
new file mode 100644
index 0000000..c2e09ce
--- /dev/null
+++ b/services/clsi/test/unit/js/ResourceWriterTests.js
@@ -0,0 +1,532 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS206: Consider reworking classes to avoid initClass
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/ResourceWriter'
+)
+const path = require('node:path')
+
+describe('ResourceWriter', function () {
+  beforeEach(function () {
+    let Timer
+    this.ResourceWriter = SandboxedModule.require(modulePath, {
+      singleOnly: true,
+      requires: {
+        fs: (this.fs = {
+          mkdir: sinon.stub().callsArg(1),
+          unlink: sinon.stub().callsArg(1),
+        }),
+        './ResourceStateManager': (this.ResourceStateManager = {}),
+        './UrlCache': (this.UrlCache = {
+          createProjectDir: sinon.stub().yields(),
+        }),
+        './OutputFileFinder': (this.OutputFileFinder = {}),
+        './Metrics': (this.Metrics = {
+          inc: sinon.stub(),
+          Timer: (Timer = (function () {
+            Timer = class Timer {
+              static initClass() {
+                this.prototype.done = sinon.stub()
+              }
+            }
+            Timer.initClass()
+            return Timer
+          })()),
+        }),
+      },
+    })
+    this.project_id = 'project-id-123'
+    this.basePath = '/path/to/write/files/to'
+    return (this.callback = sinon.stub())
+  })
+
+  describe('syncResourcesToDisk on a full request', function () {
+    beforeEach(function () {
+      this.resources = ['resource-1-mock', 'resource-2-mock', 'resource-3-mock']
+      this.request = {
+        project_id: this.project_id,
+        syncState: (this.syncState = '0123456789abcdef'),
+        resources: this.resources,
+      }
+      this.ResourceWriter._writeResourceToDisk = sinon.stub().callsArg(3)
+      this.ResourceWriter._removeExtraneousFiles = sinon.stub().yields(null)
+      this.ResourceStateManager.saveProjectState = sinon.stub().callsArg(3)
+      return this.ResourceWriter.syncResourcesToDisk(
+        this.request,
+        this.basePath,
+        this.callback
+      )
+    })
+
+    it('should remove old files', function () {
+      return this.ResourceWriter._removeExtraneousFiles
+        .calledWith(this.request, this.resources, this.basePath)
+        .should.equal(true)
+    })
+
+    it('should write each resource to disk', function () {
+      return Array.from(this.resources).map(resource =>
+        this.ResourceWriter._writeResourceToDisk
+          .calledWith(this.project_id, resource, this.basePath)
+          .should.equal(true)
+      )
+    })
+
+    it('should store the sync state and resource list', function () {
+      return this.ResourceStateManager.saveProjectState
+        .calledWith(this.syncState, this.resources, this.basePath)
+        .should.equal(true)
+    })
+
+    return it('should call the callback', function () {
+      return this.callback.called.should.equal(true)
+    })
+  })
+
+  describe('syncResourcesToDisk on an incremental update', function () {
+    beforeEach(function () {
+      this.resources = ['resource-1-mock']
+      this.request = {
+        project_id: this.project_id,
+        syncType: 'incremental',
+        syncState: (this.syncState = '1234567890abcdef'),
+        resources: this.resources,
+      }
+      this.fullResources = this.resources.concat(['file-1'])
+      this.ResourceWriter._writeResourceToDisk = sinon.stub().callsArg(3)
+      this.ResourceWriter._removeExtraneousFiles = sinon
+        .stub()
+        .yields(null, (this.outputFiles = []), (this.allFiles = []))
+      this.ResourceStateManager.checkProjectStateMatches = sinon
+        .stub()
+        .callsArgWith(2, null, this.fullResources)
+      this.ResourceStateManager.saveProjectState = sinon.stub().callsArg(3)
+      this.ResourceStateManager.checkResourceFiles = sinon.stub().callsArg(3)
+      return this.ResourceWriter.syncResourcesToDisk(
+        this.request,
+        this.basePath,
+        this.callback
+      )
+    })
+
+    it('should check the sync state matches', function () {
+      return this.ResourceStateManager.checkProjectStateMatches
+        .calledWith(this.syncState, this.basePath)
+        .should.equal(true)
+    })
+
+    it('should remove old files', function () {
+      return this.ResourceWriter._removeExtraneousFiles
+        .calledWith(this.request, this.fullResources, this.basePath)
+        .should.equal(true)
+    })
+
+    it('should check each resource exists', function () {
+      return this.ResourceStateManager.checkResourceFiles
+        .calledWith(this.fullResources, this.allFiles, this.basePath)
+        .should.equal(true)
+    })
+
+    it('should write each resource to disk', function () {
+      return Array.from(this.resources).map(resource =>
+        this.ResourceWriter._writeResourceToDisk
+          .calledWith(this.project_id, resource, this.basePath)
+          .should.equal(true)
+      )
+    })
+
+    return it('should call the callback', function () {
+      return this.callback.called.should.equal(true)
+    })
+  })
+
+  describe('syncResourcesToDisk on an incremental update when the state does not match', function () {
+    beforeEach(function () {
+      this.resources = ['resource-1-mock']
+      this.request = {
+        project_id: this.project_id,
+        syncType: 'incremental',
+        syncState: (this.syncState = '1234567890abcdef'),
+        resources: this.resources,
+      }
+      this.ResourceStateManager.checkProjectStateMatches = sinon
+        .stub()
+        .callsArgWith(2, (this.error = new Error()))
+      return this.ResourceWriter.syncResourcesToDisk(
+        this.request,
+        this.basePath,
+        this.callback
+      )
+    })
+
+    it('should check whether the sync state matches', function () {
+      return this.ResourceStateManager.checkProjectStateMatches
+        .calledWith(this.syncState, this.basePath)
+        .should.equal(true)
+    })
+
+    return it('should call the callback with an error', function () {
+      return this.callback.calledWith(this.error).should.equal(true)
+    })
+  })
+
+  describe('_removeExtraneousFiles', function () {
+    beforeEach(function () {
+      this.output_files = [
+        {
+          path: 'output.pdf',
+          type: 'pdf',
+        },
+        {
+          path: 'extra/file.tex',
+          type: 'tex',
+        },
+        {
+          path: 'extra.aux',
+          type: 'aux',
+        },
+        {
+          path: 'cache/_chunk1',
+        },
+        {
+          path: 'figures/image-eps-converted-to.pdf',
+          type: 'pdf',
+        },
+        {
+          path: 'foo/main-figure0.md5',
+          type: 'md5',
+        },
+        {
+          path: 'foo/main-figure0.dpth',
+          type: 'dpth',
+        },
+        {
+          path: 'foo/main-figure0.pdf',
+          type: 'pdf',
+        },
+        {
+          path: '_minted-main/default-pyg-prefix.pygstyle',
+          type: 'pygstyle',
+        },
+        {
+          path: '_minted-main/default.pygstyle',
+          type: 'pygstyle',
+        },
+        {
+          path: '_minted-main/35E248B60965545BD232AE9F0FE9750D504A7AF0CD3BAA7542030FC560DFCC45.pygtex',
+          type: 'pygtex',
+        },
+        {
+          path: '_markdown_main/30893013dec5d869a415610079774c2f.md.tex',
+          type: 'tex',
+        },
+        {
+          path: 'output.stdout',
+        },
+        {
+          path: 'output.stderr',
+        },
+      ]
+      this.resources = 'mock-resources'
+      this.request = {
+        project_id: this.project_id,
+        syncType: 'incremental',
+        syncState: (this.syncState = '1234567890abcdef'),
+        resources: this.resources,
+      }
+      this.OutputFileFinder.findOutputFiles = sinon
+        .stub()
+        .callsArgWith(2, null, this.output_files)
+      this.ResourceWriter._deleteFileIfNotDirectory = sinon.stub().callsArg(1)
+      return this.ResourceWriter._removeExtraneousFiles(
+        this.request,
+        this.resources,
+        this.basePath,
+        this.callback
+      )
+    })
+
+    it('should find the existing output files', function () {
+      return this.OutputFileFinder.findOutputFiles
+        .calledWith(this.resources, this.basePath)
+        .should.equal(true)
+    })
+
+    it('should delete the output files', function () {
+      return this.ResourceWriter._deleteFileIfNotDirectory
+        .calledWith(path.join(this.basePath, 'output.pdf'))
+        .should.equal(true)
+    })
+
+    it('should delete the stdout log file', function () {
+      return this.ResourceWriter._deleteFileIfNotDirectory
+        .calledWith(path.join(this.basePath, 'output.stdout'))
+        .should.equal(true)
+    })
+
+    it('should delete the stderr log file', function () {
+      return this.ResourceWriter._deleteFileIfNotDirectory
+        .calledWith(path.join(this.basePath, 'output.stderr'))
+        .should.equal(true)
+    })
+
+    it('should delete the extra files', function () {
+      return this.ResourceWriter._deleteFileIfNotDirectory
+        .calledWith(path.join(this.basePath, 'extra/file.tex'))
+        .should.equal(true)
+    })
+
+    it('should not delete the extra aux files', function () {
+      return this.ResourceWriter._deleteFileIfNotDirectory
+        .calledWith(path.join(this.basePath, 'extra.aux'))
+        .should.equal(false)
+    })
+
+    it('should not delete the knitr cache file', function () {
+      return this.ResourceWriter._deleteFileIfNotDirectory
+        .calledWith(path.join(this.basePath, 'cache/_chunk1'))
+        .should.equal(false)
+    })
+
+    it('should not delete the epstopdf converted files', function () {
+      return this.ResourceWriter._deleteFileIfNotDirectory
+        .calledWith(
+          path.join(this.basePath, 'figures/image-eps-converted-to.pdf')
+        )
+        .should.equal(false)
+    })
+
+    it('should not delete the tikz md5 files', function () {
+      return this.ResourceWriter._deleteFileIfNotDirectory
+        .calledWith(path.join(this.basePath, 'foo/main-figure0.md5'))
+        .should.equal(false)
+    })
+
+    it('should not delete the tikz dpth files', function () {
+      return this.ResourceWriter._deleteFileIfNotDirectory
+        .calledWith(path.join(this.basePath, 'foo/main-figure0.dpth'))
+        .should.equal(false)
+    })
+
+    it('should not delete the tikz pdf files', function () {
+      return this.ResourceWriter._deleteFileIfNotDirectory
+        .calledWith(path.join(this.basePath, 'foo/main-figure0.pdf'))
+        .should.equal(false)
+    })
+
+    it('should not delete the minted pygstyle files', function () {
+      return this.ResourceWriter._deleteFileIfNotDirectory
+        .calledWith(
+          path.join(this.basePath, '_minted-main/default-pyg-prefix.pygstyle')
+        )
+        .should.equal(false)
+    })
+
+    it('should not delete the minted default pygstyle files', function () {
+      return this.ResourceWriter._deleteFileIfNotDirectory
+        .calledWith(path.join(this.basePath, '_minted-main/default.pygstyle'))
+        .should.equal(false)
+    })
+
+    it('should not delete the minted default pygtex files', function () {
+      return this.ResourceWriter._deleteFileIfNotDirectory
+        .calledWith(
+          path.join(
+            this.basePath,
+            '_minted-main/35E248B60965545BD232AE9F0FE9750D504A7AF0CD3BAA7542030FC560DFCC45.pygtex'
+          )
+        )
+        .should.equal(false)
+    })
+
+    it('should not delete the markdown md.tex files', function () {
+      return this.ResourceWriter._deleteFileIfNotDirectory
+        .calledWith(
+          path.join(
+            this.basePath,
+            '_markdown_main/30893013dec5d869a415610079774c2f.md.tex'
+          )
+        )
+        .should.equal(false)
+    })
+
+    it('should call the callback', function () {
+      return this.callback.called.should.equal(true)
+    })
+
+    return it('should time the request', function () {
+      return this.Metrics.Timer.prototype.done.called.should.equal(true)
+    })
+  })
+
+  describe('_writeResourceToDisk', function () {
+    describe('with a url based resource', function () {
+      beforeEach(function () {
+        this.fs.mkdir = sinon.stub().callsArg(2)
+        this.resource = {
+          path: 'main.tex',
+          url: 'http://www.example.com/primary/main.tex',
+          fallbackURL: 'http://fallback.example.com/fallback/main.tex',
+          modified: Date.now(),
+        }
+        this.UrlCache.downloadUrlToFile = sinon
+          .stub()
+          .callsArgWith(5, 'fake error downloading file')
+        return this.ResourceWriter._writeResourceToDisk(
+          this.project_id,
+          this.resource,
+          this.basePath,
+          this.callback
+        )
+      })
+
+      it('should ensure the directory exists', function () {
+        this.fs.mkdir
+          .calledWith(
+            path.dirname(path.join(this.basePath, this.resource.path))
+          )
+          .should.equal(true)
+      })
+
+      it('should write the URL from the cache', function () {
+        return this.UrlCache.downloadUrlToFile
+          .calledWith(
+            this.project_id,
+            this.resource.url,
+            this.resource.fallbackURL,
+            path.join(this.basePath, this.resource.path),
+            this.resource.modified
+          )
+          .should.equal(true)
+      })
+
+      it('should call the callback', function () {
+        return this.callback.called.should.equal(true)
+      })
+
+      return it('should not return an error if the resource writer errored', function () {
+        return expect(this.callback.args[0][0]).not.to.exist
+      })
+    })
+
+    describe('with a content based resource', function () {
+      beforeEach(function () {
+        this.resource = {
+          path: 'main.tex',
+          content: 'Hello world',
+        }
+        this.fs.writeFile = sinon.stub().callsArg(2)
+        this.fs.mkdir = sinon.stub().callsArg(2)
+        return this.ResourceWriter._writeResourceToDisk(
+          this.project_id,
+          this.resource,
+          this.basePath,
+          this.callback
+        )
+      })
+
+      it('should ensure the directory exists', function () {
+        return this.fs.mkdir
+          .calledWith(
+            path.dirname(path.join(this.basePath, this.resource.path))
+          )
+          .should.equal(true)
+      })
+
+      it('should write the contents to disk', function () {
+        return this.fs.writeFile
+          .calledWith(
+            path.join(this.basePath, this.resource.path),
+            this.resource.content
+          )
+          .should.equal(true)
+      })
+
+      return it('should call the callback', function () {
+        return this.callback.called.should.equal(true)
+      })
+    })
+
+    return describe('with a file path that breaks out of the root folder', function () {
+      beforeEach(function () {
+        this.resource = {
+          path: '../../main.tex',
+          content: 'Hello world',
+        }
+        this.fs.writeFile = sinon.stub().callsArg(2)
+        return this.ResourceWriter._writeResourceToDisk(
+          this.project_id,
+          this.resource,
+          this.basePath,
+          this.callback
+        )
+      })
+
+      it('should not write to disk', function () {
+        return this.fs.writeFile.called.should.equal(false)
+      })
+
+      it('should return an error', function () {
+        this.callback.calledWith(sinon.match(Error)).should.equal(true)
+
+        const message = this.callback.args[0][0].message
+        expect(message).to.include('resource path is outside root directory')
+      })
+    })
+  })
+
+  return describe('checkPath', function () {
+    describe('with a valid path', function () {
+      beforeEach(function () {
+        return this.ResourceWriter.checkPath('foo', 'bar', this.callback)
+      })
+
+      return it('should return the joined path', function () {
+        return this.callback.calledWith(null, 'foo/bar').should.equal(true)
+      })
+    })
+
+    describe('with an invalid path', function () {
+      beforeEach(function () {
+        this.ResourceWriter.checkPath('foo', 'baz/../../bar', this.callback)
+      })
+
+      it('should return an error', function () {
+        this.callback.calledWith(sinon.match(Error)).should.equal(true)
+
+        const message = this.callback.args[0][0].message
+        expect(message).to.include('resource path is outside root directory')
+      })
+    })
+
+    describe('with another invalid path matching on a prefix', function () {
+      beforeEach(function () {
+        return this.ResourceWriter.checkPath(
+          'foo',
+          '../foobar/baz',
+          this.callback
+        )
+      })
+
+      it('should return an error', function () {
+        this.callback.calledWith(sinon.match(Error)).should.equal(true)
+
+        const message = this.callback.args[0][0].message
+        expect(message).to.include('resource path is outside root directory')
+      })
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/StaticServerForbidSymlinksTests.js b/services/clsi/test/unit/js/StaticServerForbidSymlinksTests.js
new file mode 100644
index 0000000..53507fe
--- /dev/null
+++ b/services/clsi/test/unit/js/StaticServerForbidSymlinksTests.js
@@ -0,0 +1,248 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const assert = require('node:assert')
+const path = require('node:path')
+const sinon = require('sinon')
+const modulePath = path.join(
+  __dirname,
+  '../../../app/js/StaticServerForbidSymlinks'
+)
+const { expect } = require('chai')
+
+describe('StaticServerForbidSymlinks', function () {
+  beforeEach(function () {
+    this.settings = {
+      path: {
+        compilesDir: '/compiles/here',
+      },
+    }
+
+    this.fs = {}
+    this.ForbidSymlinks = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': this.settings,
+        fs: this.fs,
+      },
+    })
+
+    this.dummyStatic = (rootDir, options) => (req, res, next) =>
+      // console.log "dummyStatic serving file", rootDir, "called with", req.url
+      // serve it
+      next()
+
+    this.StaticServerForbidSymlinks = this.ForbidSymlinks(
+      this.dummyStatic,
+      this.settings.path.compilesDir
+    )
+    this.req = {
+      params: {
+        project_id: '12345',
+      },
+    }
+
+    this.res = {}
+    return (this.req.url = '/12345/output.pdf')
+  })
+
+  describe('sending a normal file through', function () {
+    beforeEach(function () {
+      return (this.fs.realpath = sinon
+        .stub()
+        .callsArgWith(
+          1,
+          null,
+          `${this.settings.path.compilesDir}/${this.req.params.project_id}/output.pdf`
+        ))
+    })
+
+    return it('should call next', function (done) {
+      this.res.sendStatus = function (resCode) {
+        resCode.should.equal(200)
+        return done()
+      }
+      return this.StaticServerForbidSymlinks(this.req, this.res, done)
+    })
+  })
+
+  describe('with a missing file', function () {
+    beforeEach(function () {
+      return (this.fs.realpath = sinon
+        .stub()
+        .callsArgWith(
+          1,
+          { code: 'ENOENT' },
+          `${this.settings.path.compilesDir}/${this.req.params.project_id}/unknown.pdf`
+        ))
+    })
+
+    return it('should send a 404', function (done) {
+      this.res.sendStatus = function (resCode) {
+        resCode.should.equal(404)
+        return done()
+      }
+      return this.StaticServerForbidSymlinks(this.req, this.res)
+    })
+  })
+
+  describe('with a new line', function () {
+    beforeEach(function () {
+      this.req.url = '/12345/output.pdf\nother file'
+      this.fs.realpath = sinon.stub().yields()
+    })
+
+    it('should process the correct file', function (done) {
+      this.res.sendStatus = () => {
+        this.fs.realpath.should.have.been.calledWith(
+          `${this.settings.path.compilesDir}/12345/output.pdf\nother file`
+        )
+        done()
+      }
+      this.StaticServerForbidSymlinks(this.req, this.res)
+    })
+  })
+
+  describe('with a symlink file', function () {
+    beforeEach(function () {
+      return (this.fs.realpath = sinon
+        .stub()
+        .callsArgWith(1, null, `/etc/${this.req.params.project_id}/output.pdf`))
+    })
+
+    return it('should send a 404', function (done) {
+      this.res.sendStatus = function (resCode) {
+        resCode.should.equal(404)
+        return done()
+      }
+      return this.StaticServerForbidSymlinks(this.req, this.res)
+    })
+  })
+
+  describe('with a relative file', function () {
+    beforeEach(function () {
+      return (this.req.url = '/12345/../67890/output.pdf')
+    })
+
+    return it('should send a 404', function (done) {
+      this.res.sendStatus = function (resCode) {
+        resCode.should.equal(404)
+        return done()
+      }
+      return this.StaticServerForbidSymlinks(this.req, this.res)
+    })
+  })
+
+  describe('with a unnormalized file containing .', function () {
+    beforeEach(function () {
+      return (this.req.url = '/12345/foo/./output.pdf')
+    })
+
+    return it('should send a 404', function (done) {
+      this.res.sendStatus = function (resCode) {
+        resCode.should.equal(404)
+        return done()
+      }
+      return this.StaticServerForbidSymlinks(this.req, this.res)
+    })
+  })
+
+  describe('with a file containing an empty path', function () {
+    beforeEach(function () {
+      return (this.req.url = '/12345/foo//output.pdf')
+    })
+
+    return it('should send a 404', function (done) {
+      this.res.sendStatus = function (resCode) {
+        resCode.should.equal(404)
+        return done()
+      }
+      return this.StaticServerForbidSymlinks(this.req, this.res)
+    })
+  })
+
+  describe('with a non-project file', function () {
+    beforeEach(function () {
+      return (this.req.url = '/.foo/output.pdf')
+    })
+
+    return it('should send a 404', function (done) {
+      this.res.sendStatus = function (resCode) {
+        resCode.should.equal(404)
+        return done()
+      }
+      return this.StaticServerForbidSymlinks(this.req, this.res)
+    })
+  })
+
+  describe('with a file outside the compiledir', function () {
+    beforeEach(function () {
+      return (this.req.url = '/../bar/output.pdf')
+    })
+
+    return it('should send a 404', function (done) {
+      this.res.sendStatus = function (resCode) {
+        resCode.should.equal(404)
+        return done()
+      }
+      return this.StaticServerForbidSymlinks(this.req, this.res)
+    })
+  })
+
+  describe('with a file with no leading /', function () {
+    beforeEach(function () {
+      return (this.req.url = './../bar/output.pdf')
+    })
+
+    return it('should send a 404', function (done) {
+      this.res.sendStatus = function (resCode) {
+        resCode.should.equal(404)
+        return done()
+      }
+      return this.StaticServerForbidSymlinks(this.req, this.res)
+    })
+  })
+
+  describe('with a github style path', function () {
+    beforeEach(function () {
+      this.req.url = '/henryoswald-latex_example/output/output.log'
+      return (this.fs.realpath = sinon
+        .stub()
+        .callsArgWith(
+          1,
+          null,
+          `${this.settings.path.compilesDir}/henryoswald-latex_example/output/output.log`
+        ))
+    })
+
+    return it('should call next', function (done) {
+      this.res.sendStatus = function (resCode) {
+        resCode.should.equal(200)
+        return done()
+      }
+      return this.StaticServerForbidSymlinks(this.req, this.res, done)
+    })
+  })
+
+  return describe('with an error from fs.realpath', function () {
+    beforeEach(function () {
+      return (this.fs.realpath = sinon.stub().callsArgWith(1, 'error'))
+    })
+
+    return it('should send a 500', function (done) {
+      this.res.sendStatus = function (resCode) {
+        resCode.should.equal(500)
+        return done()
+      }
+      return this.StaticServerForbidSymlinks(this.req, this.res)
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/SynctexOutputParserTests.js b/services/clsi/test/unit/js/SynctexOutputParserTests.js
new file mode 100644
index 0000000..b999a6a
--- /dev/null
+++ b/services/clsi/test/unit/js/SynctexOutputParserTests.js
@@ -0,0 +1,116 @@
+const Path = require('node:path')
+const SandboxedModule = require('sandboxed-module')
+const { expect } = require('chai')
+
+const MODULE_PATH = Path.join(__dirname, '../../../app/js/SynctexOutputParser')
+
+describe('SynctexOutputParser', function () {
+  beforeEach(function () {
+    this.SynctexOutputParser = SandboxedModule.require(MODULE_PATH)
+  })
+
+  describe('parseViewOutput', function () {
+    it('parses valid output', function () {
+      const output = `This is SyncTeX command line utility, version 1.5
+SyncTeX result begin
+Output:/compile/output.pdf
+Page:1
+x:136.537964
+y:661.437561
+h:133.768356
+v:663.928223
+W:343.711060
+H:9.962640
+before:
+offset:-1
+middle:
+after:
+Output:/compile/output.pdf
+Page:2
+x:178.769592
+y:649.482361
+h:134.768356
+v:651.973022
+W:342.711060
+H:19.962640
+before:
+offset:-1
+middle:
+after:
+SyncTeX result end
+`
+      const records = this.SynctexOutputParser.parseViewOutput(output)
+      expect(records).to.deep.equal([
+        {
+          page: 1,
+          h: 133.768356,
+          v: 663.928223,
+          width: 343.71106,
+          height: 9.96264,
+        },
+        {
+          page: 2,
+          h: 134.768356,
+          v: 651.973022,
+          width: 342.71106,
+          height: 19.96264,
+        },
+      ])
+    })
+
+    it('handles garbage', function () {
+      const output = 'This computer is on strike!'
+      const records = this.SynctexOutputParser.parseViewOutput(output)
+      expect(records).to.deep.equal([])
+    })
+  })
+
+  describe('parseEditOutput', function () {
+    it('parses valid output', function () {
+      const output = `This is SyncTeX command line utility, version 1.5
+SyncTeX result begin
+Output:/compile/output.pdf
+Input:/compile/main.tex
+Line:17
+Column:-1
+Offset:0
+Context:
+SyncTeX result end
+`
+      const records = this.SynctexOutputParser.parseEditOutput(
+        output,
+        '/compile'
+      )
+      expect(records).to.deep.equal([
+        { file: 'main.tex', line: 17, column: -1 },
+      ])
+    })
+
+    it('handles values that contain colons', function () {
+      const output = `This is SyncTeX command line utility, version 1.5
+SyncTeX result begin
+Output:/compile/output.pdf
+Input:/compile/this-file:has-a-weird-name.tex
+Line:17
+Column:-1
+Offset:0
+Context:
+SyncTeX result end
+`
+
+      const records = this.SynctexOutputParser.parseEditOutput(
+        output,
+        '/compile'
+      )
+      expect(records).to.deep.equal([
+        { file: 'this-file:has-a-weird-name.tex', line: 17, column: -1 },
+      ])
+    })
+
+    it('handles garbage', function () {
+      const output = '2 + 2 = 4'
+      const records = this.SynctexOutputParser.parseEditOutput(output)
+      expect(records).to.deep.equal([])
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/TikzManager.js b/services/clsi/test/unit/js/TikzManager.js
new file mode 100644
index 0000000..ee651f6
--- /dev/null
+++ b/services/clsi/test/unit/js/TikzManager.js
@@ -0,0 +1,185 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/TikzManager'
+)
+
+describe('TikzManager', function () {
+  beforeEach(function () {
+    return (this.TikzManager = SandboxedModule.require(modulePath, {
+      requires: {
+        './ResourceWriter': (this.ResourceWriter = {}),
+        './SafeReader': (this.SafeReader = {}),
+        fs: (this.fs = {}),
+      },
+    }))
+  })
+
+  describe('checkMainFile', function () {
+    beforeEach(function () {
+      this.compileDir = 'compile-dir'
+      this.mainFile = 'main.tex'
+      return (this.callback = sinon.stub())
+    })
+
+    describe('if there is already an output.tex file in the resources', function () {
+      beforeEach(function () {
+        this.resources = [{ path: 'main.tex' }, { path: 'output.tex' }]
+        return this.TikzManager.checkMainFile(
+          this.compileDir,
+          this.mainFile,
+          this.resources,
+          this.callback
+        )
+      })
+
+      return it('should call the callback with false ', function () {
+        return this.callback.calledWithExactly(null, false).should.equal(true)
+      })
+    })
+
+    return describe('if there is no output.tex file in the resources', function () {
+      beforeEach(function () {
+        this.resources = [{ path: 'main.tex' }]
+        return (this.ResourceWriter.checkPath = sinon
+          .stub()
+          .withArgs(this.compileDir, this.mainFile)
+          .callsArgWith(2, null, `${this.compileDir}/${this.mainFile}`))
+      })
+
+      describe('and the main file contains tikzexternalize', function () {
+        beforeEach(function () {
+          this.SafeReader.readFile = sinon
+            .stub()
+            .withArgs(`${this.compileDir}/${this.mainFile}`)
+            .callsArgWith(3, null, 'hello \\tikzexternalize')
+          return this.TikzManager.checkMainFile(
+            this.compileDir,
+            this.mainFile,
+            this.resources,
+            this.callback
+          )
+        })
+
+        it('should look at the file on disk', function () {
+          return this.SafeReader.readFile
+            .calledWith(`${this.compileDir}/${this.mainFile}`)
+            .should.equal(true)
+        })
+
+        return it('should call the callback with true ', function () {
+          return this.callback.calledWithExactly(null, true).should.equal(true)
+        })
+      })
+
+      describe('and the main file does not contain tikzexternalize', function () {
+        beforeEach(function () {
+          this.SafeReader.readFile = sinon
+            .stub()
+            .withArgs(`${this.compileDir}/${this.mainFile}`)
+            .callsArgWith(3, null, 'hello')
+          return this.TikzManager.checkMainFile(
+            this.compileDir,
+            this.mainFile,
+            this.resources,
+            this.callback
+          )
+        })
+
+        it('should look at the file on disk', function () {
+          return this.SafeReader.readFile
+            .calledWith(`${this.compileDir}/${this.mainFile}`)
+            .should.equal(true)
+        })
+
+        return it('should call the callback with false', function () {
+          return this.callback.calledWithExactly(null, false).should.equal(true)
+        })
+      })
+
+      return describe('and the main file contains \\usepackage{pstool}', function () {
+        beforeEach(function () {
+          this.SafeReader.readFile = sinon
+            .stub()
+            .withArgs(`${this.compileDir}/${this.mainFile}`)
+            .callsArgWith(3, null, 'hello \\usepackage[random-options]{pstool}')
+          return this.TikzManager.checkMainFile(
+            this.compileDir,
+            this.mainFile,
+            this.resources,
+            this.callback
+          )
+        })
+
+        it('should look at the file on disk', function () {
+          return this.SafeReader.readFile
+            .calledWith(`${this.compileDir}/${this.mainFile}`)
+            .should.equal(true)
+        })
+
+        return it('should call the callback with true ', function () {
+          return this.callback.calledWithExactly(null, true).should.equal(true)
+        })
+      })
+    })
+  })
+
+  return describe('injectOutputFile', function () {
+    beforeEach(function () {
+      this.rootDir = '/mock'
+      this.filename = 'filename.tex'
+      this.callback = sinon.stub()
+      this.content = `\
+\\documentclass{article}
+\\usepackage{tikz}
+\\tikzexternalize
+\\begin{document}
+Hello world
+\\end{document}\
+`
+      this.fs.readFile = sinon.stub().callsArgWith(2, null, this.content)
+      this.fs.writeFile = sinon.stub().callsArg(3)
+      this.ResourceWriter.checkPath = sinon
+        .stub()
+        .callsArgWith(2, null, `${this.rootDir}/${this.filename}`)
+      return this.TikzManager.injectOutputFile(
+        this.rootDir,
+        this.filename,
+        this.callback
+      )
+    })
+
+    it('sould check the path', function () {
+      return this.ResourceWriter.checkPath
+        .calledWith(this.rootDir, this.filename)
+        .should.equal(true)
+    })
+
+    it('should read the file', function () {
+      return this.fs.readFile
+        .calledWith(`${this.rootDir}/${this.filename}`, 'utf8')
+        .should.equal(true)
+    })
+
+    it('should write out the same file as output.tex', function () {
+      return this.fs.writeFile
+        .calledWith(`${this.rootDir}/output.tex`, this.content, { flag: 'wx' })
+        .should.equal(true)
+    })
+
+    return it('should call the callback', function () {
+      return this.callback.called.should.equal(true)
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/UrlCacheTests.js b/services/clsi/test/unit/js/UrlCacheTests.js
new file mode 100644
index 0000000..a3dc2fa
--- /dev/null
+++ b/services/clsi/test/unit/js/UrlCacheTests.js
@@ -0,0 +1,148 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/UrlCache'
+)
+
+describe('UrlCache', function () {
+  beforeEach(function () {
+    this.callback = sinon.stub()
+    this.url =
+      'http://filestore/project/60b0dd39c418bc00598a0d22/file/60ae721ffb1d920027d3201f'
+    this.fallbackURL = 'http://filestore/bucket/project-blobs/key/ab/cd/ef'
+    this.project_id = '60b0dd39c418bc00598a0d22'
+    return (this.UrlCache = SandboxedModule.require(modulePath, {
+      requires: {
+        './UrlFetcher': (this.UrlFetcher = {
+          promises: { pipeUrlToFileWithRetry: sinon.stub().resolves() },
+        }),
+        '@overleaf/settings': (this.Settings = {
+          path: { clsiCacheDir: '/cache/dir' },
+        }),
+        '@overleaf/metrics': {
+          Timer: sinon.stub().returns({ done: sinon.stub() }),
+        },
+        fs: (this.fs = {
+          promises: {
+            rm: sinon.stub().resolves(),
+            copyFile: sinon.stub().resolves(),
+          },
+        }),
+      },
+    }))
+  })
+
+  describe('downloadUrlToFile', function () {
+    beforeEach(function () {
+      this.destPath = 'path/to/destination'
+    })
+
+    it('should not download on the happy path', function (done) {
+      this.UrlCache.downloadUrlToFile(
+        this.project_id,
+        this.url,
+        this.fallbackURL,
+        this.destPath,
+        this.lastModified,
+        error => {
+          expect(error).to.not.exist
+          expect(
+            this.UrlFetcher.promises.pipeUrlToFileWithRetry.called
+          ).to.equal(false)
+          done()
+        }
+      )
+    })
+
+    it('should not download on the semi-happy path', function (done) {
+      const codedError = new Error()
+      codedError.code = 'ENOENT'
+      this.fs.promises.copyFile.onCall(0).rejects(codedError)
+      this.fs.promises.copyFile.onCall(1).resolves()
+
+      this.UrlCache.downloadUrlToFile(
+        this.project_id,
+        this.url,
+        this.fallbackURL,
+        this.destPath,
+        this.lastModified,
+        error => {
+          expect(error).to.not.exist
+          expect(
+            this.UrlFetcher.promises.pipeUrlToFileWithRetry.called
+          ).to.equal(false)
+          done()
+        }
+      )
+    })
+
+    it('should download on cache miss', function (done) {
+      const codedError = new Error()
+      codedError.code = 'ENOENT'
+      this.fs.promises.copyFile.onCall(0).rejects(codedError)
+      this.fs.promises.copyFile.onCall(1).rejects(codedError)
+      this.fs.promises.copyFile.onCall(2).resolves()
+
+      this.UrlCache.downloadUrlToFile(
+        this.project_id,
+        this.url,
+        this.fallbackURL,
+        this.destPath,
+        this.lastModified,
+        error => {
+          expect(error).to.not.exist
+          expect(
+            this.UrlFetcher.promises.pipeUrlToFileWithRetry.called
+          ).to.equal(true)
+          done()
+        }
+      )
+    })
+
+    it('should raise non cache-miss errors', function (done) {
+      const codedError = new Error()
+      codedError.code = 'FOO'
+      this.fs.promises.copyFile.rejects(codedError)
+      this.UrlCache.downloadUrlToFile(
+        this.project_id,
+        this.url,
+        this.fallbackURL,
+        this.destPath,
+        this.lastModified,
+        error => {
+          expect(error).to.equal(codedError)
+          done()
+        }
+      )
+    })
+  })
+
+  describe('clearProject', function () {
+    beforeEach(function (done) {
+      this.UrlCache.clearProject(this.project_id, done)
+    })
+
+    it('should clear the cache in bulk', function () {
+      expect(
+        this.fs.promises.rm.calledWith('/cache/dir/' + this.project_id, {
+          force: true,
+          recursive: true,
+        })
+      ).to.equal(true)
+    })
+  })
+})
diff --git a/services/clsi/test/unit/js/pdfjsTests.js b/services/clsi/test/unit/js/pdfjsTests.js
new file mode 100644
index 0000000..bc8b775
--- /dev/null
+++ b/services/clsi/test/unit/js/pdfjsTests.js
@@ -0,0 +1,93 @@
+const fs = require('node:fs')
+const Path = require('node:path')
+const { expect } = require('chai')
+const { parseXrefTable } = require('../../../app/js/XrefParser')
+const { NoXrefTableError } = require('../../../app/js/Errors')
+const PATH_EXAMPLES = 'test/acceptance/fixtures/examples/'
+const PATH_SNAPSHOTS = 'test/unit/js/snapshots/pdfjs/'
+const EXAMPLES = fs.readdirSync(PATH_EXAMPLES)
+
+function snapshotPath(example) {
+  return Path.join(PATH_SNAPSHOTS, example, 'XrefTable.json')
+}
+
+function pdfPath(example) {
+  return Path.join(PATH_EXAMPLES, example, 'output.pdf')
+}
+
+async function loadContext(example) {
+  const size = (await fs.promises.stat(pdfPath(example))).size
+
+  let blob
+  try {
+    blob = await fs.promises.readFile(snapshotPath(example))
+  } catch (e) {
+    if (e.code !== 'ENOENT') {
+      throw e
+    }
+  }
+  const snapshot = blob ? JSON.parse(blob) : null
+  return {
+    size,
+    snapshot,
+  }
+}
+
+async function backFillSnapshot(example, size) {
+  const table = await parseXrefTable(pdfPath(example), size, () => {})
+  await fs.promises.mkdir(Path.dirname(snapshotPath(example)), {
+    recursive: true,
+  })
+  await fs.promises.writeFile(
+    snapshotPath(example),
+    JSON.stringify(table, null, 2)
+  )
+  return table
+}
+
+describe('pdfjs', function () {
+  describe('when the pdf is an empty file', function () {
+    it('should yield no entries', async function () {
+      const path = 'does/not/matter.pdf'
+      let table
+      try {
+        table = await parseXrefTable(path, 0)
+      } catch (e) {
+        expect(e).to.be.an.instanceof(NoXrefTableError)
+      }
+      expect(table).to.not.exist
+    })
+  })
+
+  for (const example of EXAMPLES) {
+    describe(example, function () {
+      let size, snapshot
+      before('load snapshot', async function () {
+        const ctx = await loadContext(example)
+        size = ctx.size
+        snapshot = ctx.snapshot
+      })
+
+      before('back fill new snapshot', async function () {
+        if (snapshot === null) {
+          console.error('back filling snapshot for', example)
+          snapshot = await backFillSnapshot(example, size)
+        }
+      })
+
+      it('should produce the expected xRef table', async function () {
+        const table = await parseXrefTable(pdfPath(example), size, () => {})
+        // compare the essential parts of the xref table only
+        expect(table.xRefEntries[0]).to.include({ offset: 0 })
+        expect(table.xRefEntries.slice(1)).to.deep.equal(
+          snapshot.xRefEntries
+            .slice(1)
+            .filter(xref => xref.uncompressed) // we only use the uncompressed fields
+            .map(xref => {
+              return { offset: xref.offset, uncompressed: xref.uncompressed } // ignore unused gen field
+            })
+        )
+      })
+    })
+  }
+})
diff --git a/services/clsi/test/unit/js/snapshots/minimalCompile/chunks/896749b8343851b0dc385f71616916a7ba0434fcfb56d1fc7e27cd139eaa2f71 b/services/clsi/test/unit/js/snapshots/minimalCompile/chunks/896749b8343851b0dc385f71616916a7ba0434fcfb56d1fc7e27cd139eaa2f71
new file mode 100644
index 0000000..bb9f891
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/minimalCompile/chunks/896749b8343851b0dc385f71616916a7ba0434fcfb56d1fc7e27cd139eaa2f71
@@ -0,0 +1,7 @@
+obj
+<< /Type /ObjStm /Length 447 /Filter /FlateDecode /N 5 /First 32 >>
+stream
+x��RQk�0~߯�ǍK'ɒ��$�vkGIJ[(y���8�*����$�I�R�d���>�I"H@���9@J!`	V�/gg f�>BZx�J���9�ۮ]-B�'ZNg ��k�%�i\�!���������f��4����m݁���4���9Ķ�CY]\��@�����!�	4c�
U��f�=��JgO���g��>������zz�>A)�C9W�w�K�q�PÜ#���/48��VX/�T��p	�-%2"��*�B;�X���2�,9��G�z;��E�Υ��Jj/�c
+�n�%������ᵦf3��]!�����=�y��
,�s]��@�e+COW.C����kڒ	�c_ťX� v��>�N������2u��7=���}��	#��HV�r�9?kv
��6�����G�^�z׬.���v��=Uyj��ǡp����z��2
+endstream
+endobj
diff --git a/services/clsi/test/unit/js/snapshots/minimalCompile/chunks/d7cfc73ad2fba4578a437517923e3714927bbf35e63ea88bd93c7a8076cf1fcd b/services/clsi/test/unit/js/snapshots/minimalCompile/chunks/d7cfc73ad2fba4578a437517923e3714927bbf35e63ea88bd93c7a8076cf1fcd
new file mode 100644
index 0000000..d503090
Binary files /dev/null and b/services/clsi/test/unit/js/snapshots/minimalCompile/chunks/d7cfc73ad2fba4578a437517923e3714927bbf35e63ea88bd93c7a8076cf1fcd differ
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/asymptote/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/asymptote/XrefTable.json
new file mode 100644
index 0000000..ef4d849
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/asymptote/XrefTable.json
@@ -0,0 +1,359 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 123103,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 123422,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1084,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1244,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 4001,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 4155,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 4297,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 4933,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 5309,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 5498,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 30250,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 31471,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 38404,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 39046,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 40166,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 40906,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 65560,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 74702,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 81705,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 97182,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 104117,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 111195,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 118571,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 6,
+      "gen": 0
+    },
+    {
+      "offset": 6,
+      "gen": 1
+    },
+    {
+      "offset": 6,
+      "gen": 2
+    },
+    {
+      "offset": 6,
+      "gen": 3
+    },
+    {
+      "offset": 6,
+      "gen": 4
+    },
+    {
+      "offset": 6,
+      "gen": 5
+    },
+    {
+      "offset": 6,
+      "gen": 6
+    },
+    {
+      "offset": 6,
+      "gen": 7
+    },
+    {
+      "offset": 6,
+      "gen": 8
+    },
+    {
+      "offset": 6,
+      "gen": 9
+    },
+    {
+      "offset": 6,
+      "gen": 10
+    },
+    {
+      "offset": 6,
+      "gen": 11
+    },
+    {
+      "offset": 6,
+      "gen": 12
+    },
+    {
+      "offset": 6,
+      "gen": 13
+    },
+    {
+      "offset": 6,
+      "gen": 14
+    },
+    {
+      "offset": 6,
+      "gen": 15
+    },
+    {
+      "offset": 6,
+      "gen": 16
+    },
+    {
+      "offset": 6,
+      "gen": 17
+    },
+    {
+      "offset": 6,
+      "gen": 18
+    },
+    {
+      "offset": 6,
+      "gen": 19
+    },
+    {
+      "offset": 6,
+      "gen": 20
+    },
+    {
+      "offset": 6,
+      "gen": 21
+    },
+    {
+      "offset": 6,
+      "gen": 22
+    },
+    {
+      "offset": 6,
+      "gen": 23
+    },
+    {
+      "offset": 6,
+      "gen": 24
+    },
+    {
+      "offset": 6,
+      "gen": 25
+    },
+    {
+      "offset": 6,
+      "gen": 26
+    },
+    {
+      "offset": 6,
+      "gen": 27
+    },
+    {
+      "offset": 6,
+      "gen": 28
+    },
+    {
+      "offset": 6,
+      "gen": 29
+    },
+    {
+      "offset": 6,
+      "gen": 30
+    },
+    {
+      "offset": 6,
+      "gen": 31
+    },
+    {
+      "offset": 6,
+      "gen": 32
+    },
+    {
+      "offset": 6,
+      "gen": 33
+    },
+    {
+      "offset": 6,
+      "gen": 34
+    },
+    {
+      "offset": 6,
+      "gen": 35
+    },
+    {
+      "offset": 6,
+      "gen": 36
+    },
+    {
+      "offset": 6,
+      "gen": 37
+    },
+    {
+      "offset": 6,
+      "gen": 38
+    },
+    {
+      "offset": 6,
+      "gen": 39
+    },
+    {
+      "offset": 6,
+      "gen": 40
+    },
+    {
+      "offset": 6,
+      "gen": 41
+    },
+    {
+      "offset": 6,
+      "gen": 42
+    },
+    {
+      "offset": 6,
+      "gen": 43
+    },
+    {
+      "offset": 6,
+      "gen": 44
+    },
+    {
+      "offset": 6,
+      "gen": 45
+    },
+    {
+      "offset": 6,
+      "gen": 46
+    },
+    {
+      "offset": 6,
+      "gen": 47
+    },
+    {
+      "offset": 6,
+      "gen": 48
+    },
+    {
+      "offset": 6,
+      "gen": 49
+    },
+    {
+      "offset": 6,
+      "gen": 50
+    },
+    {
+      "offset": 6,
+      "gen": 51
+    },
+    {
+      "offset": 6,
+      "gen": 52
+    },
+    {
+      "offset": 6,
+      "gen": 53
+    },
+    {
+      "offset": 6,
+      "gen": 54
+    },
+    {
+      "offset": 6,
+      "gen": 55
+    }
+  ],
+  "startXRefTable": 123422
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/biber_bibliography/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/biber_bibliography/XrefTable.json
new file mode 100644
index 0000000..93cf1c1
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/biber_bibliography/XrefTable.json
@@ -0,0 +1,148 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 59313,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 59561,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 734,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 784,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 913,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1028,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1528,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 9787,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 18282,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 33607,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 45579,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 58005,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 14,
+      "gen": 0
+    },
+    {
+      "offset": 14,
+      "gen": 1
+    },
+    {
+      "offset": 14,
+      "gen": 2
+    },
+    {
+      "offset": 14,
+      "gen": 3
+    },
+    {
+      "offset": 14,
+      "gen": 4
+    },
+    {
+      "offset": 14,
+      "gen": 5
+    },
+    {
+      "offset": 14,
+      "gen": 6
+    },
+    {
+      "offset": 14,
+      "gen": 7
+    },
+    {
+      "offset": 14,
+      "gen": 8
+    },
+    {
+      "offset": 14,
+      "gen": 9
+    },
+    {
+      "offset": 14,
+      "gen": 10
+    },
+    {
+      "offset": 14,
+      "gen": 11
+    },
+    {
+      "offset": 14,
+      "gen": 12
+    },
+    {
+      "offset": 14,
+      "gen": 13
+    },
+    {
+      "offset": 14,
+      "gen": 14
+    },
+    {
+      "offset": 14,
+      "gen": 15
+    },
+    {
+      "offset": 14,
+      "gen": 16
+    }
+  ],
+  "startXRefTable": 59561
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/draft_legacy/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/draft_legacy/XrefTable.json
new file mode 100644
index 0000000..19cd40c
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/draft_legacy/XrefTable.json
@@ -0,0 +1,182 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 67338,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 67606,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 790,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 840,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 975,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1083,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1578,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 9881,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 17868,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 29906,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 38400,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 46656,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 56198,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 65682,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 16,
+      "gen": 0
+    },
+    {
+      "offset": 16,
+      "gen": 1
+    },
+    {
+      "offset": 16,
+      "gen": 2
+    },
+    {
+      "offset": 16,
+      "gen": 3
+    },
+    {
+      "offset": 16,
+      "gen": 4
+    },
+    {
+      "offset": 16,
+      "gen": 5
+    },
+    {
+      "offset": 16,
+      "gen": 6
+    },
+    {
+      "offset": 16,
+      "gen": 7
+    },
+    {
+      "offset": 16,
+      "gen": 8
+    },
+    {
+      "offset": 16,
+      "gen": 9
+    },
+    {
+      "offset": 16,
+      "gen": 10
+    },
+    {
+      "offset": 16,
+      "gen": 11
+    },
+    {
+      "offset": 16,
+      "gen": 12
+    },
+    {
+      "offset": 16,
+      "gen": 13
+    },
+    {
+      "offset": 16,
+      "gen": 14
+    },
+    {
+      "offset": 16,
+      "gen": 15
+    },
+    {
+      "offset": 16,
+      "gen": 16
+    },
+    {
+      "offset": 16,
+      "gen": 17
+    },
+    {
+      "offset": 16,
+      "gen": 18
+    },
+    {
+      "offset": 16,
+      "gen": 19
+    },
+    {
+      "offset": 16,
+      "gen": 20
+    },
+    {
+      "offset": 16,
+      "gen": 21
+    },
+    {
+      "offset": 16,
+      "gen": 22
+    }
+  ],
+  "startXRefTable": 67606
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/draft_mode/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/draft_mode/XrefTable.json
new file mode 100644
index 0000000..e3b965f
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/draft_mode/XrefTable.json
@@ -0,0 +1,226 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 69708,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 70038,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 867,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 990,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1143,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1251,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1834,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 10137,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 18124,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 31939,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 40433,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 48689,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 58231,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 67715,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 16,
+      "gen": 0
+    },
+    {
+      "offset": 16,
+      "gen": 1
+    },
+    {
+      "offset": 16,
+      "gen": 2
+    },
+    {
+      "offset": 16,
+      "gen": 3
+    },
+    {
+      "offset": 16,
+      "gen": 4
+    },
+    {
+      "offset": 16,
+      "gen": 5
+    },
+    {
+      "offset": 16,
+      "gen": 6
+    },
+    {
+      "offset": 16,
+      "gen": 7
+    },
+    {
+      "offset": 16,
+      "gen": 8
+    },
+    {
+      "offset": 16,
+      "gen": 9
+    },
+    {
+      "offset": 16,
+      "gen": 10
+    },
+    {
+      "offset": 16,
+      "gen": 11
+    },
+    {
+      "offset": 16,
+      "gen": 12
+    },
+    {
+      "offset": 16,
+      "gen": 13
+    },
+    {
+      "offset": 16,
+      "gen": 14
+    },
+    {
+      "offset": 16,
+      "gen": 15
+    },
+    {
+      "offset": 16,
+      "gen": 16
+    },
+    {
+      "offset": 16,
+      "gen": 17
+    },
+    {
+      "offset": 16,
+      "gen": 18
+    },
+    {
+      "offset": 16,
+      "gen": 19
+    },
+    {
+      "offset": 16,
+      "gen": 20
+    },
+    {
+      "offset": 16,
+      "gen": 21
+    },
+    {
+      "offset": 16,
+      "gen": 22
+    },
+    {
+      "offset": 16,
+      "gen": 23
+    },
+    {
+      "offset": 16,
+      "gen": 24
+    },
+    {
+      "offset": 16,
+      "gen": 25
+    },
+    {
+      "offset": 16,
+      "gen": 26
+    },
+    {
+      "offset": 16,
+      "gen": 27
+    },
+    {
+      "offset": 16,
+      "gen": 28
+    },
+    {
+      "offset": 16,
+      "gen": 29
+    },
+    {
+      "offset": 16,
+      "gen": 30
+    },
+    {
+      "offset": 16,
+      "gen": 31
+    },
+    {
+      "offset": 16,
+      "gen": 32
+    },
+    {
+      "offset": 16,
+      "gen": 33
+    }
+  ],
+  "startXRefTable": 70038
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/epstopdf/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/epstopdf/XrefTable.json
new file mode 100644
index 0000000..1687c13
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/epstopdf/XrefTable.json
@@ -0,0 +1,145 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 31354,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 31614,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 727,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 777,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 909,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1017,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 19127,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 19313,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 19557,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 19948,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 20677,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 23321,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 30318,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0
+    },
+    {
+      "offset": 15,
+      "gen": 1
+    },
+    {
+      "offset": 15,
+      "gen": 2
+    },
+    {
+      "offset": 15,
+      "gen": 3
+    },
+    {
+      "offset": 15,
+      "gen": 4
+    },
+    {
+      "offset": 15,
+      "gen": 5
+    },
+    {
+      "offset": 15,
+      "gen": 6
+    },
+    {
+      "offset": 15,
+      "gen": 7
+    },
+    {
+      "offset": 15,
+      "gen": 8
+    },
+    {
+      "offset": 15,
+      "gen": 9
+    },
+    {
+      "offset": 15,
+      "gen": 10
+    },
+    {
+      "offset": 15,
+      "gen": 11
+    },
+    {
+      "offset": 15,
+      "gen": 12
+    },
+    {
+      "offset": 15,
+      "gen": 13
+    },
+    {
+      "offset": 15,
+      "gen": 14
+    }
+  ],
+  "startXRefTable": 31614
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/feynmf/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/feynmf/XrefTable.json
new file mode 100644
index 0000000..569fc46
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/feynmf/XrefTable.json
@@ -0,0 +1,135 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 27064,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 27312,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 713,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 763,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 892,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1007,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1235,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 4832,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 12199,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 19196,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 26341,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 13,
+      "gen": 0
+    },
+    {
+      "offset": 13,
+      "gen": 1
+    },
+    {
+      "offset": 13,
+      "gen": 2
+    },
+    {
+      "offset": 13,
+      "gen": 3
+    },
+    {
+      "offset": 13,
+      "gen": 4
+    },
+    {
+      "offset": 13,
+      "gen": 5
+    },
+    {
+      "offset": 13,
+      "gen": 6
+    },
+    {
+      "offset": 13,
+      "gen": 7
+    },
+    {
+      "offset": 13,
+      "gen": 8
+    },
+    {
+      "offset": 13,
+      "gen": 9
+    },
+    {
+      "offset": 13,
+      "gen": 10
+    },
+    {
+      "offset": 13,
+      "gen": 11
+    },
+    {
+      "offset": 13,
+      "gen": 12
+    },
+    {
+      "offset": 13,
+      "gen": 13
+    },
+    {
+      "offset": 13,
+      "gen": 14
+    }
+  ],
+  "startXRefTable": 27312
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/feynmp/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/feynmp/XrefTable.json
new file mode 100644
index 0000000..0863cfa
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/feynmp/XrefTable.json
@@ -0,0 +1,110 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 65535,
+      "free": true
+    },
+    {
+      "offset": 4964,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 5023,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 5234,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 734,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 799,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 933,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1104,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1947,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1992,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 2182,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 2427,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 2597,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 2822,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 2989,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 3239,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 3271,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 3328,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 3740,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 4270,
+      "gen": 0,
+      "uncompressed": true
+    }
+  ],
+  "startXRefTable": 6682
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/fontawesome/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/fontawesome/XrefTable.json
new file mode 100644
index 0000000..efe6646
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/fontawesome/XrefTable.json
@@ -0,0 +1,113 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 31058,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 31307,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 678,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 728,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 855,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 970,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1203,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 18852,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 30165,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 11,
+      "gen": 0
+    },
+    {
+      "offset": 11,
+      "gen": 1
+    },
+    {
+      "offset": 11,
+      "gen": 2
+    },
+    {
+      "offset": 11,
+      "gen": 3
+    },
+    {
+      "offset": 11,
+      "gen": 4
+    },
+    {
+      "offset": 11,
+      "gen": 5
+    },
+    {
+      "offset": 11,
+      "gen": 6
+    },
+    {
+      "offset": 11,
+      "gen": 7
+    },
+    {
+      "offset": 11,
+      "gen": 8
+    },
+    {
+      "offset": 11,
+      "gen": 9
+    },
+    {
+      "offset": 11,
+      "gen": 10
+    },
+    {
+      "offset": 11,
+      "gen": 11
+    }
+  ],
+  "startXRefTable": 31307
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/fontawesome_xelatex/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/fontawesome_xelatex/XrefTable.json
new file mode 100644
index 0000000..3bc5421
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/fontawesome_xelatex/XrefTable.json
@@ -0,0 +1,129 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 6344,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 707,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 757,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 887,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 990,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1257,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1679,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 2052,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 4249,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 4343,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 5387,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 5481,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 5519,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0
+    },
+    {
+      "offset": 15,
+      "gen": 1
+    },
+    {
+      "offset": 15,
+      "gen": 2
+    },
+    {
+      "offset": 15,
+      "gen": 3
+    },
+    {
+      "offset": 15,
+      "gen": 4
+    },
+    {
+      "offset": 15,
+      "gen": 5
+    },
+    {
+      "offset": 15,
+      "gen": 6
+    },
+    {
+      "offset": 15,
+      "gen": 7
+    },
+    {
+      "offset": 15,
+      "gen": 8
+    },
+    {
+      "offset": 15,
+      "gen": 9
+    },
+    {
+      "offset": 15,
+      "gen": 10
+    }
+  ],
+  "startXRefTable": 6344
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/glossaries/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/glossaries/XrefTable.json
new file mode 100644
index 0000000..7c0a261
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/glossaries/XrefTable.json
@@ -0,0 +1,114 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 34767,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 35015,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 678,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 728,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 856,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 971,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1394,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 10990,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 19087,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 33769,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 12,
+      "gen": 0
+    },
+    {
+      "offset": 12,
+      "gen": 1
+    },
+    {
+      "offset": 12,
+      "gen": 2
+    },
+    {
+      "offset": 12,
+      "gen": 3
+    },
+    {
+      "offset": 12,
+      "gen": 4
+    },
+    {
+      "offset": 12,
+      "gen": 5
+    },
+    {
+      "offset": 12,
+      "gen": 6
+    },
+    {
+      "offset": 12,
+      "gen": 7
+    },
+    {
+      "offset": 12,
+      "gen": 8
+    },
+    {
+      "offset": 12,
+      "gen": 9
+    },
+    {
+      "offset": 12,
+      "gen": 10
+    }
+  ],
+  "startXRefTable": 35015
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/gnuplot/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/gnuplot/XrefTable.json
new file mode 100644
index 0000000..3c7f692
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/gnuplot/XrefTable.json
@@ -0,0 +1,109 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 23295,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 23543,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 671,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 721,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 847,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 955,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 7385,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15752,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 22721,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 11,
+      "gen": 0
+    },
+    {
+      "offset": 11,
+      "gen": 1
+    },
+    {
+      "offset": 11,
+      "gen": 2
+    },
+    {
+      "offset": 11,
+      "gen": 3
+    },
+    {
+      "offset": 11,
+      "gen": 4
+    },
+    {
+      "offset": 11,
+      "gen": 5
+    },
+    {
+      "offset": 11,
+      "gen": 6
+    },
+    {
+      "offset": 11,
+      "gen": 7
+    },
+    {
+      "offset": 11,
+      "gen": 8
+    },
+    {
+      "offset": 11,
+      "gen": 9
+    },
+    {
+      "offset": 11,
+      "gen": 10
+    }
+  ],
+  "startXRefTable": 23543
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/hebrew/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/hebrew/XrefTable.json
new file mode 100644
index 0000000..ebbe74f
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/hebrew/XrefTable.json
@@ -0,0 +1,101 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 24490,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 24739,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 657,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 707,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 833,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 948,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1290,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 13083,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 23411,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 11,
+      "gen": 0
+    },
+    {
+      "offset": 11,
+      "gen": 1
+    },
+    {
+      "offset": 11,
+      "gen": 2
+    },
+    {
+      "offset": 11,
+      "gen": 3
+    },
+    {
+      "offset": 11,
+      "gen": 4
+    },
+    {
+      "offset": 11,
+      "gen": 5
+    },
+    {
+      "offset": 11,
+      "gen": 6
+    },
+    {
+      "offset": 11,
+      "gen": 7
+    },
+    {
+      "offset": 11,
+      "gen": 8
+    }
+  ],
+  "startXRefTable": 24739
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/knitr/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/knitr/XrefTable.json
new file mode 100644
index 0000000..272bd59
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/knitr/XrefTable.json
@@ -0,0 +1,148 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 43550,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 43799,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 734,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 784,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 913,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1021,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1546,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 5794,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 12915,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 23660,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 30657,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 42604,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 14,
+      "gen": 0
+    },
+    {
+      "offset": 14,
+      "gen": 1
+    },
+    {
+      "offset": 14,
+      "gen": 2
+    },
+    {
+      "offset": 14,
+      "gen": 3
+    },
+    {
+      "offset": 14,
+      "gen": 4
+    },
+    {
+      "offset": 14,
+      "gen": 5
+    },
+    {
+      "offset": 14,
+      "gen": 6
+    },
+    {
+      "offset": 14,
+      "gen": 7
+    },
+    {
+      "offset": 14,
+      "gen": 8
+    },
+    {
+      "offset": 14,
+      "gen": 9
+    },
+    {
+      "offset": 14,
+      "gen": 10
+    },
+    {
+      "offset": 14,
+      "gen": 11
+    },
+    {
+      "offset": 14,
+      "gen": 12
+    },
+    {
+      "offset": 14,
+      "gen": 13
+    },
+    {
+      "offset": 14,
+      "gen": 14
+    },
+    {
+      "offset": 14,
+      "gen": 15
+    },
+    {
+      "offset": 14,
+      "gen": 16
+    }
+  ],
+  "startXRefTable": 43799
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/knitr_utf8/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/knitr_utf8/XrefTable.json
new file mode 100644
index 0000000..de34dac
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/knitr_utf8/XrefTable.json
@@ -0,0 +1,182 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 75299,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 75548,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 790,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 840,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 975,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1083,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 2128,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 13799,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 23682,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 31867,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 36116,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 50352,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 61569,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 73516,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 16,
+      "gen": 0
+    },
+    {
+      "offset": 16,
+      "gen": 1
+    },
+    {
+      "offset": 16,
+      "gen": 2
+    },
+    {
+      "offset": 16,
+      "gen": 3
+    },
+    {
+      "offset": 16,
+      "gen": 4
+    },
+    {
+      "offset": 16,
+      "gen": 5
+    },
+    {
+      "offset": 16,
+      "gen": 6
+    },
+    {
+      "offset": 16,
+      "gen": 7
+    },
+    {
+      "offset": 16,
+      "gen": 8
+    },
+    {
+      "offset": 16,
+      "gen": 9
+    },
+    {
+      "offset": 16,
+      "gen": 10
+    },
+    {
+      "offset": 16,
+      "gen": 11
+    },
+    {
+      "offset": 16,
+      "gen": 12
+    },
+    {
+      "offset": 16,
+      "gen": 13
+    },
+    {
+      "offset": 16,
+      "gen": 14
+    },
+    {
+      "offset": 16,
+      "gen": 15
+    },
+    {
+      "offset": 16,
+      "gen": 16
+    },
+    {
+      "offset": 16,
+      "gen": 17
+    },
+    {
+      "offset": 16,
+      "gen": 18
+    },
+    {
+      "offset": 16,
+      "gen": 19
+    },
+    {
+      "offset": 16,
+      "gen": 20
+    },
+    {
+      "offset": 16,
+      "gen": 21
+    },
+    {
+      "offset": 16,
+      "gen": 22
+    }
+  ],
+  "startXRefTable": 75548
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/latex_compiler/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/latex_compiler/XrefTable.json
new file mode 100644
index 0000000..a76dcc2
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/latex_compiler/XrefTable.json
@@ -0,0 +1,140 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 65535,
+      "free": true
+    },
+    {
+      "offset": 25097,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 25156,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 25367,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 854,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 919,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1074,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1245,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 18343,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 18388,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 18752,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 19071,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 19360,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 19604,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 19770,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 20007,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 20174,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 20424,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 20456,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 20525,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 23109,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 23500,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 24229,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 24641,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 24741,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 24985,
+      "gen": 0,
+      "uncompressed": true
+    }
+  ],
+  "startXRefTable": 26815
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/lualatex_compiler/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/lualatex_compiler/XrefTable.json
new file mode 100644
index 0000000..adb457f
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/lualatex_compiler/XrefTable.json
@@ -0,0 +1,94 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 3568,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 3777,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 643,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 693,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 819,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 934,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1118,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1210,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 2555,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 3030,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 12,
+      "gen": 0
+    },
+    {
+      "offset": 12,
+      "gen": 1
+    },
+    {
+      "offset": 12,
+      "gen": 2
+    },
+    {
+      "offset": 12,
+      "gen": 3
+    },
+    {
+      "offset": 12,
+      "gen": 4
+    },
+    {
+      "offset": 12,
+      "gen": 5
+    }
+  ],
+  "startXRefTable": 3777
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/makeindex-custom-style/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/makeindex-custom-style/XrefTable.json
new file mode 100644
index 0000000..c9aa365
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/makeindex-custom-style/XrefTable.json
@@ -0,0 +1,128 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 16762,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 16877,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 17142,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 24335,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 32164,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 32412,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 671,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 721,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 856,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 973,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1318,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 2218,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 13,
+      "gen": 0
+    },
+    {
+      "offset": 13,
+      "gen": 1
+    },
+    {
+      "offset": 13,
+      "gen": 2
+    },
+    {
+      "offset": 13,
+      "gen": 3
+    },
+    {
+      "offset": 13,
+      "gen": 4
+    },
+    {
+      "offset": 13,
+      "gen": 5
+    },
+    {
+      "offset": 13,
+      "gen": 6
+    },
+    {
+      "offset": 13,
+      "gen": 7
+    },
+    {
+      "offset": 13,
+      "gen": 8
+    },
+    {
+      "offset": 13,
+      "gen": 9
+    },
+    {
+      "offset": 13,
+      "gen": 10
+    },
+    {
+      "offset": 13,
+      "gen": 11
+    }
+  ],
+  "startXRefTable": 32412
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/makeindex/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/makeindex/XrefTable.json
new file mode 100644
index 0000000..9027317
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/makeindex/XrefTable.json
@@ -0,0 +1,111 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 16778,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 16893,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 17109,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 24938,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 25186,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 650,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 700,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 836,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 953,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1298,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 2103,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 12,
+      "gen": 0
+    },
+    {
+      "offset": 12,
+      "gen": 1
+    },
+    {
+      "offset": 12,
+      "gen": 2
+    },
+    {
+      "offset": 12,
+      "gen": 3
+    },
+    {
+      "offset": 12,
+      "gen": 4
+    },
+    {
+      "offset": 12,
+      "gen": 5
+    },
+    {
+      "offset": 12,
+      "gen": 6
+    },
+    {
+      "offset": 12,
+      "gen": 7
+    },
+    {
+      "offset": 12,
+      "gen": 8
+    }
+  ],
+  "startXRefTable": 25186
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/minted/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/minted/XrefTable.json
new file mode 100644
index 0000000..1b93bf0
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/minted/XrefTable.json
@@ -0,0 +1,97 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 20679,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 20927,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 650,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 700,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 826,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 934,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1252,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 8248,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 20115,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 11,
+      "gen": 0
+    },
+    {
+      "offset": 11,
+      "gen": 1
+    },
+    {
+      "offset": 11,
+      "gen": 2
+    },
+    {
+      "offset": 11,
+      "gen": 3
+    },
+    {
+      "offset": 11,
+      "gen": 4
+    },
+    {
+      "offset": 11,
+      "gen": 5
+    },
+    {
+      "offset": 11,
+      "gen": 6
+    },
+    {
+      "offset": 11,
+      "gen": 7
+    }
+  ],
+  "startXRefTable": 20927
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/multibib_bibliography/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/multibib_bibliography/XrefTable.json
new file mode 100644
index 0000000..095ae85
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/multibib_bibliography/XrefTable.json
@@ -0,0 +1,156 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 29506,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 29621,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 29918,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 30033,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 30274,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 30389,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 30644,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 42802,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 43050,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 695,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 746,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 900,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1017,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1286,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 2443,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 13147,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 16,
+      "gen": 0
+    },
+    {
+      "offset": 16,
+      "gen": 1
+    },
+    {
+      "offset": 16,
+      "gen": 2
+    },
+    {
+      "offset": 16,
+      "gen": 3
+    },
+    {
+      "offset": 16,
+      "gen": 4
+    },
+    {
+      "offset": 16,
+      "gen": 5
+    },
+    {
+      "offset": 16,
+      "gen": 6
+    },
+    {
+      "offset": 16,
+      "gen": 7
+    },
+    {
+      "offset": 16,
+      "gen": 8
+    },
+    {
+      "offset": 16,
+      "gen": 9
+    },
+    {
+      "offset": 16,
+      "gen": 10
+    },
+    {
+      "offset": 16,
+      "gen": 11
+    },
+    {
+      "offset": 16,
+      "gen": 12
+    },
+    {
+      "offset": 16,
+      "gen": 13
+    }
+  ],
+  "startXRefTable": 43050
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/nomenclature/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/nomenclature/XrefTable.json
new file mode 100644
index 0000000..dac0da2
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/nomenclature/XrefTable.json
@@ -0,0 +1,114 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 34102,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 34350,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 678,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 728,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 856,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 971,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1514,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 10973,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 19139,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 33047,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 12,
+      "gen": 0
+    },
+    {
+      "offset": 12,
+      "gen": 1
+    },
+    {
+      "offset": 12,
+      "gen": 2
+    },
+    {
+      "offset": 12,
+      "gen": 3
+    },
+    {
+      "offset": 12,
+      "gen": 4
+    },
+    {
+      "offset": 12,
+      "gen": 5
+    },
+    {
+      "offset": 12,
+      "gen": 6
+    },
+    {
+      "offset": 12,
+      "gen": 7
+    },
+    {
+      "offset": 12,
+      "gen": 8
+    },
+    {
+      "offset": 12,
+      "gen": 9
+    },
+    {
+      "offset": 12,
+      "gen": 10
+    }
+  ],
+  "startXRefTable": 34350
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/references_in_include/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/references_in_include/XrefTable.json
new file mode 100644
index 0000000..1295744
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/references_in_include/XrefTable.json
@@ -0,0 +1,111 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 9449,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 9564,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 9730,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 17293,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 17541,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 650,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 700,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 835,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 952,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1097,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1758,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 12,
+      "gen": 0
+    },
+    {
+      "offset": 12,
+      "gen": 1
+    },
+    {
+      "offset": 12,
+      "gen": 2
+    },
+    {
+      "offset": 12,
+      "gen": 3
+    },
+    {
+      "offset": 12,
+      "gen": 4
+    },
+    {
+      "offset": 12,
+      "gen": 5
+    },
+    {
+      "offset": 12,
+      "gen": 6
+    },
+    {
+      "offset": 12,
+      "gen": 7
+    },
+    {
+      "offset": 12,
+      "gen": 8
+    }
+  ],
+  "startXRefTable": 17541
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/simple_bibliography/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/simple_bibliography/XrefTable.json
new file mode 100644
index 0000000..e3a2a73
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/simple_bibliography/XrefTable.json
@@ -0,0 +1,114 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 37282,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 37530,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 678,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 728,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 856,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 971,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1322,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 9581,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 24286,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 36258,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 12,
+      "gen": 0
+    },
+    {
+      "offset": 12,
+      "gen": 1
+    },
+    {
+      "offset": 12,
+      "gen": 2
+    },
+    {
+      "offset": 12,
+      "gen": 3
+    },
+    {
+      "offset": 12,
+      "gen": 4
+    },
+    {
+      "offset": 12,
+      "gen": 5
+    },
+    {
+      "offset": 12,
+      "gen": 6
+    },
+    {
+      "offset": 12,
+      "gen": 7
+    },
+    {
+      "offset": 12,
+      "gen": 8
+    },
+    {
+      "offset": 12,
+      "gen": 9
+    },
+    {
+      "offset": 12,
+      "gen": 10
+    }
+  ],
+  "startXRefTable": 37530
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/subdirectories/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/subdirectories/XrefTable.json
new file mode 100644
index 0000000..d789009
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/subdirectories/XrefTable.json
@@ -0,0 +1,128 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 48194,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 48442,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 699,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 749,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 878,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1000,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 8546,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 9072,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 10659,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 18919,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 35129,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 47101,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 14,
+      "gen": 0
+    },
+    {
+      "offset": 14,
+      "gen": 1
+    },
+    {
+      "offset": 14,
+      "gen": 2
+    },
+    {
+      "offset": 14,
+      "gen": 3
+    },
+    {
+      "offset": 14,
+      "gen": 4
+    },
+    {
+      "offset": 14,
+      "gen": 5
+    },
+    {
+      "offset": 14,
+      "gen": 6
+    },
+    {
+      "offset": 14,
+      "gen": 7
+    },
+    {
+      "offset": 14,
+      "gen": 8
+    },
+    {
+      "offset": 14,
+      "gen": 9
+    },
+    {
+      "offset": 14,
+      "gen": 10
+    },
+    {
+      "offset": 14,
+      "gen": 11
+    }
+  ],
+  "startXRefTable": 48442
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/tikz_feynman/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/tikz_feynman/XrefTable.json
new file mode 100644
index 0000000..fb9584d
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/tikz_feynman/XrefTable.json
@@ -0,0 +1,168 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 2924,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 3039,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 4606,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 4721,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 7754,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 7870,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 11668,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 21077,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 28498,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 35464,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 35699,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 703,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 754,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 909,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1026,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 2161,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 18,
+      "gen": 0
+    },
+    {
+      "offset": 18,
+      "gen": 1
+    },
+    {
+      "offset": 18,
+      "gen": 2
+    },
+    {
+      "offset": 18,
+      "gen": 3
+    },
+    {
+      "offset": 18,
+      "gen": 4
+    },
+    {
+      "offset": 18,
+      "gen": 5
+    },
+    {
+      "offset": 18,
+      "gen": 6
+    },
+    {
+      "offset": 18,
+      "gen": 7
+    },
+    {
+      "offset": 18,
+      "gen": 8
+    },
+    {
+      "offset": 18,
+      "gen": 9
+    },
+    {
+      "offset": 18,
+      "gen": 10
+    },
+    {
+      "offset": 18,
+      "gen": 11
+    },
+    {
+      "offset": 18,
+      "gen": 12
+    },
+    {
+      "offset": 18,
+      "gen": 13
+    },
+    {
+      "offset": 18,
+      "gen": 14
+    },
+    {
+      "offset": 18,
+      "gen": 15
+    },
+    {
+      "offset": 18,
+      "gen": 16
+    }
+  ],
+  "startXRefTable": 35699
+}
\ No newline at end of file
diff --git a/services/clsi/test/unit/js/snapshots/pdfjs/xelatex_compiler/XrefTable.json b/services/clsi/test/unit/js/snapshots/pdfjs/xelatex_compiler/XrefTable.json
new file mode 100644
index 0000000..610f719
--- /dev/null
+++ b/services/clsi/test/unit/js/snapshots/pdfjs/xelatex_compiler/XrefTable.json
@@ -0,0 +1,98 @@
+{
+  "xRefEntries": [
+    {
+      "offset": 0,
+      "gen": 0,
+      "free": true
+    },
+    {
+      "offset": 8578,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 15,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 216,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 658,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 708,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 837,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 940,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1191,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 1627,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 7676,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 7784,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 7822,
+      "gen": 0,
+      "uncompressed": true
+    },
+    {
+      "offset": 12,
+      "gen": 0
+    },
+    {
+      "offset": 12,
+      "gen": 1
+    },
+    {
+      "offset": 12,
+      "gen": 2
+    },
+    {
+      "offset": 12,
+      "gen": 3
+    },
+    {
+      "offset": 12,
+      "gen": 4
+    },
+    {
+      "offset": 12,
+      "gen": 5
+    },
+    {
+      "offset": 12,
+      "gen": 6
+    }
+  ],
+  "startXRefTable": 8578
+}
\ No newline at end of file
diff --git a/services/clsi/tiny.pdf b/services/clsi/tiny.pdf
new file mode 100644
index 0000000..1c64181
--- /dev/null
+++ b/services/clsi/tiny.pdf
@@ -0,0 +1,58 @@
+%PDF-1.1
+%¥±ë
+
+1 0 obj
+  << /Type /Catalog
+     /Pages 2 0 R
+  >>
+endobj
+
+2 0 obj
+  << /Type /Pages
+     /Kids [3 0 R]
+     /Count 1
+     /MediaBox [0 0 300 144]
+  >>
+endobj
+
+3 0 obj
+  <<  /Type /Page
+      /Parent 2 0 R
+      /Resources
+       << /Font
+           << /F1
+               << /Type /Font
+                  /Subtype /Type1
+                  /BaseFont /Times-Roman
+               >>
+           >>
+       >>
+      /Contents 4 0 R
+  >>
+endobj
+
+4 0 obj
+  << /Length 55 >>
+stream
+  BT
+    /F1 18 Tf
+    0 0 Td
+    (Hello World) Tj
+  ET
+endstream
+endobj
+
+xref
+0 5
+0000000000 65535 f 
+0000000018 00000 n 
+0000000077 00000 n 
+0000000178 00000 n 
+0000000457 00000 n 
+trailer
+  <<  /Root 1 0 R
+      /Size 5
+  >>
+startxref
+565
+%%EOF
diff --git a/services/clsi/tsconfig.json b/services/clsi/tsconfig.json
new file mode 100644
index 0000000..d3fdd30
--- /dev/null
+++ b/services/clsi/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "app.js",
+    "app/js/**/*",
+    "benchmarks/**/*",
+    "config/**/*",
+    "scripts/**/*",
+    "test/**/*",
+    "types"
+  ]
+}
diff --git a/services/contacts/.eslintrc b/services/contacts/.eslintrc
new file mode 100644
index 0000000..cc68024
--- /dev/null
+++ b/services/contacts/.eslintrc
@@ -0,0 +1,6 @@
+{
+  "parserOptions": {
+    "ecmaVersion": 2022,
+    "sourceType": "module"
+  }
+}
diff --git a/services/contacts/.gitignore b/services/contacts/.gitignore
new file mode 100644
index 0000000..80bac79
--- /dev/null
+++ b/services/contacts/.gitignore
@@ -0,0 +1,5 @@
+node_modules
+forever
+
+# managed by dev-environment$ bin/update_build_scripts
+.npmrc
diff --git a/services/contacts/.mocharc.json b/services/contacts/.mocharc.json
new file mode 100644
index 0000000..dc3280a
--- /dev/null
+++ b/services/contacts/.mocharc.json
@@ -0,0 +1,3 @@
+{
+  "require": "test/setup.js"
+}
diff --git a/services/contacts/.nvmrc b/services/contacts/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/services/contacts/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/services/contacts/Dockerfile b/services/contacts/Dockerfile
new file mode 100644
index 0000000..69d2d35
--- /dev/null
+++ b/services/contacts/Dockerfile
@@ -0,0 +1,27 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+FROM node:20.18.2 AS base
+
+WORKDIR /overleaf/services/contacts
+
+# Google Cloud Storage needs a writable $HOME/.config for resumable uploads
+# (see https://googleapis.dev/nodejs/storage/latest/File.html#createWriteStream)
+RUN mkdir /home/node/.config && chown node:node /home/node/.config
+
+FROM base AS app
+
+COPY package.json package-lock.json /overleaf/
+COPY services/contacts/package.json /overleaf/services/contacts/
+COPY libraries/ /overleaf/libraries/
+COPY patches/ /overleaf/patches/
+
+RUN cd /overleaf && npm ci --quiet
+
+COPY services/contacts/ /overleaf/services/contacts/
+
+FROM app
+USER node
+
+CMD ["node", "--expose-gc", "app.js"]
diff --git a/services/contacts/LICENSE b/services/contacts/LICENSE
new file mode 100644
index 0000000..ac8619d
--- /dev/null
+++ b/services/contacts/LICENSE
@@ -0,0 +1,662 @@
+
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<http://www.gnu.org/licenses/>.
diff --git a/services/contacts/Makefile b/services/contacts/Makefile
new file mode 100644
index 0000000..97a348d
--- /dev/null
+++ b/services/contacts/Makefile
@@ -0,0 +1,156 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+BUILD_NUMBER ?= local
+BRANCH_NAME ?= $(shell git rev-parse --abbrev-ref HEAD)
+PROJECT_NAME = contacts
+BUILD_DIR_NAME = $(shell pwd | xargs basename | tr -cd '[a-zA-Z0-9_.\-]')
+
+DOCKER_COMPOSE_FLAGS ?= -f docker-compose.yml
+DOCKER_COMPOSE := BUILD_NUMBER=$(BUILD_NUMBER) \
+	BRANCH_NAME=$(BRANCH_NAME) \
+	PROJECT_NAME=$(PROJECT_NAME) \
+	MOCHA_GREP=${MOCHA_GREP} \
+	docker compose ${DOCKER_COMPOSE_FLAGS}
+
+COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE ?= test_acceptance_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_ACCEPTANCE = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE) $(DOCKER_COMPOSE)
+
+COMPOSE_PROJECT_NAME_TEST_UNIT ?= test_unit_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_UNIT = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_UNIT) $(DOCKER_COMPOSE)
+
+clean:
+	-docker rmi ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-docker rmi us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-$(DOCKER_COMPOSE_TEST_UNIT) down --rmi local
+	-$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down --rmi local
+
+HERE=$(shell pwd)
+MONOREPO=$(shell cd ../../ && pwd)
+# Run the linting commands in the scope of the monorepo.
+# Eslint and prettier (plus some configs) are on the root.
+RUN_LINTING = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(HERE) node:20.18.2 npm run --silent
+
+RUN_LINTING_CI = docker run --rm --volume $(MONOREPO)/.editorconfig:/overleaf/.editorconfig --volume $(MONOREPO)/.eslintignore:/overleaf/.eslintignore --volume $(MONOREPO)/.eslintrc:/overleaf/.eslintrc --volume $(MONOREPO)/.prettierignore:/overleaf/.prettierignore --volume $(MONOREPO)/.prettierrc:/overleaf/.prettierrc --volume $(MONOREPO)/tsconfig.backend.json:/overleaf/tsconfig.backend.json ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) npm run --silent
+
+# Same but from the top of the monorepo
+RUN_LINTING_MONOREPO = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(MONOREPO) node:20.18.2 npm run --silent
+
+SHELLCHECK_OPTS = \
+	--shell=bash \
+	--external-sources
+SHELLCHECK_COLOR := $(if $(CI),--color=never,--color)
+SHELLCHECK_FILES := { git ls-files "*.sh" -z; git grep -Plz "\A\#\!.*bash"; } | sort -zu
+
+shellcheck:
+	@$(SHELLCHECK_FILES) | xargs -0 -r docker run --rm -v $(HERE):/mnt -w /mnt \
+		koalaman/shellcheck:stable $(SHELLCHECK_OPTS) $(SHELLCHECK_COLOR)
+
+shellcheck_fix:
+	@$(SHELLCHECK_FILES) | while IFS= read -r -d '' file; do \
+		diff=$$(docker run --rm -v $(HERE):/mnt -w /mnt koalaman/shellcheck:stable $(SHELLCHECK_OPTS) --format=diff "$$file" 2>/dev/null); \
+		if [ -n "$$diff" ] && ! echo "$$diff" | patch -p1 >/dev/null 2>&1; then echo "\033[31m$$file\033[0m"; \
+		elif [ -n "$$diff" ]; then echo "$$file"; \
+		else echo "\033[2m$$file\033[0m"; fi \
+	done
+
+format:
+	$(RUN_LINTING) format
+
+format_ci:
+	$(RUN_LINTING_CI) format
+
+format_fix:
+	$(RUN_LINTING) format:fix
+
+lint:
+	$(RUN_LINTING) lint
+
+lint_ci:
+	$(RUN_LINTING_CI) lint
+
+lint_fix:
+	$(RUN_LINTING) lint:fix
+
+typecheck:
+	$(RUN_LINTING) types:check
+
+typecheck_ci:
+	$(RUN_LINTING_CI) types:check
+
+test: format lint typecheck shellcheck test_unit test_acceptance
+
+test_unit:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) run --rm test_unit
+	$(MAKE) test_unit_clean
+endif
+
+test_clean: test_unit_clean
+test_unit_clean:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) down -v -t 0
+endif
+
+test_acceptance: test_acceptance_clean test_acceptance_pre_run test_acceptance_run
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_debug: test_acceptance_clean test_acceptance_pre_run test_acceptance_run_debug
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_run:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance
+endif
+
+test_acceptance_run_debug:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run -p 127.0.0.9:19999:19999 --rm test_acceptance npm run test:acceptance -- --inspect=0.0.0.0:19999 --inspect-brk
+endif
+
+test_clean: test_acceptance_clean
+test_acceptance_clean:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down -v -t 0
+
+test_acceptance_pre_run:
+ifneq (,$(wildcard test/acceptance/js/scripts/pre-run))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance test/acceptance/js/scripts/pre-run
+endif
+
+benchmarks:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance npm run benchmarks
+
+build:
+	docker build \
+		--pull \
+		--build-arg BUILDKIT_INLINE_CACHE=1 \
+		--tag ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):main \
+		--file Dockerfile \
+		../..
+
+tar:
+	$(DOCKER_COMPOSE) up tar
+
+publish:
+
+	docker push $(DOCKER_REPO)/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+
+
+.PHONY: clean \
+	format format_fix \
+	lint lint_fix \
+	build_types typecheck \
+	lint_ci format_ci typecheck_ci \
+	shellcheck shellcheck_fix \
+	test test_clean test_unit test_unit_clean \
+	test_acceptance test_acceptance_debug test_acceptance_pre_run \
+	test_acceptance_run test_acceptance_run_debug test_acceptance_clean \
+	benchmarks \
+	build tar publish \
diff --git a/services/contacts/README.md b/services/contacts/README.md
new file mode 100644
index 0000000..5d84152
--- /dev/null
+++ b/services/contacts/README.md
@@ -0,0 +1,11 @@
+overleaf/contacts
+===================
+
+An API for tracking contacts of a user
+
+License
+-------
+
+The code in this repository is released under the GNU AFFERO GENERAL PUBLIC LICENSE, version 3. A copy can be found in the `LICENSE` file.
+
+Copyright (c) Overleaf, 2015-2019.
diff --git a/services/contacts/app.js b/services/contacts/app.js
new file mode 100644
index 0000000..0d22ff3
--- /dev/null
+++ b/services/contacts/app.js
@@ -0,0 +1,24 @@
+// Metrics must be initialized before importing anything else
+import '@overleaf/metrics/initialize.js'
+
+import logger from '@overleaf/logger'
+import Settings from '@overleaf/settings'
+import { mongoClient } from './app/js/mongodb.js'
+import { app } from './app/js/server.js'
+
+const { host, port } = Settings.internal.contacts
+
+try {
+  await mongoClient.connect()
+} catch (err) {
+  logger.fatal({ err }, 'Cannot connect to mongo. Exiting.')
+  process.exit(1)
+}
+
+app.listen(port, host, err => {
+  if (err) {
+    logger.fatal({ err }, `Cannot bind to ${host}:${port}. Exiting.`)
+    process.exit(1)
+  }
+  logger.debug(`contacts starting up, listening on ${host}:${port}`)
+})
diff --git a/services/contacts/app/js/ContactManager.js b/services/contacts/app/js/ContactManager.js
new file mode 100644
index 0000000..574a18a
--- /dev/null
+++ b/services/contacts/app/js/ContactManager.js
@@ -0,0 +1,24 @@
+import { db, ObjectId } from './mongodb.js'
+
+export async function touchContact(userId, contactId) {
+  await db.contacts.updateOne(
+    { user_id: new ObjectId(userId.toString()) },
+    {
+      $inc: {
+        [`contacts.${contactId}.n`]: 1,
+      },
+      $set: {
+        [`contacts.${contactId}.ts`]: new Date(),
+      },
+    },
+    { upsert: true }
+  )
+}
+
+export async function getContacts(userId) {
+  const user = await db.contacts.findOne({
+    user_id: new ObjectId(userId.toString()),
+  })
+
+  return user?.contacts
+}
diff --git a/services/contacts/app/js/Errors.js b/services/contacts/app/js/Errors.js
new file mode 100644
index 0000000..931579b
--- /dev/null
+++ b/services/contacts/app/js/Errors.js
@@ -0,0 +1,6 @@
+export class NotFoundError extends Error {
+  constructor(message) {
+    super(message)
+    this.name = 'NotFoundError'
+  }
+}
diff --git a/services/contacts/app/js/HttpController.js b/services/contacts/app/js/HttpController.js
new file mode 100644
index 0000000..27bbdbb
--- /dev/null
+++ b/services/contacts/app/js/HttpController.js
@@ -0,0 +1,48 @@
+import logger from '@overleaf/logger'
+import * as ContactManager from './ContactManager.js'
+import { buildContactIds } from './contacts.js'
+
+const CONTACT_LIMIT = 50
+
+export function addContact(req, res, next) {
+  const { user_id: userId } = req.params
+  const { contact_id: contactId } = req.body
+
+  if (contactId == null || contactId === '') {
+    res.status(400).send('contact_id should be a non-blank string')
+    return
+  }
+
+  logger.debug({ userId, contactId }, 'adding contact')
+
+  Promise.all([
+    ContactManager.touchContact(userId, contactId),
+    ContactManager.touchContact(contactId, userId),
+  ])
+    .then(() => {
+      res.sendStatus(204)
+    })
+    .catch(error => {
+      next(error)
+    })
+}
+
+export function getContacts(req, res, next) {
+  const { user_id: userId } = req.params
+  const { limit } = req.query
+
+  const contactLimit =
+    limit == null ? CONTACT_LIMIT : Math.min(parseInt(limit, 10), CONTACT_LIMIT)
+
+  logger.debug({ userId }, 'getting contacts')
+
+  ContactManager.getContacts(userId)
+    .then(contacts => {
+      res.json({
+        contact_ids: buildContactIds(contacts, contactLimit),
+      })
+    })
+    .catch(error => {
+      next(error)
+    })
+}
diff --git a/services/contacts/app/js/contacts.js b/services/contacts/app/js/contacts.js
new file mode 100644
index 0000000..36a142c
--- /dev/null
+++ b/services/contacts/app/js/contacts.js
@@ -0,0 +1,13 @@
+export function buildContactIds(contacts, limit) {
+  return Object.entries(contacts || {})
+    .map(([id, { n, ts }]) => ({ id, n, ts }))
+    .sort(sortContacts)
+    .slice(0, limit)
+    .map(contact => contact.id)
+}
+
+// sort by decreasing count, decreasing timestamp.
+// i.e. highest count, most recent first.
+function sortContacts(a, b) {
+  return a.n === b.n ? b.ts - a.ts : b.n - a.n
+}
diff --git a/services/contacts/app/js/mongodb.js b/services/contacts/app/js/mongodb.js
new file mode 100644
index 0000000..d3d161a
--- /dev/null
+++ b/services/contacts/app/js/mongodb.js
@@ -0,0 +1,17 @@
+import Metrics from '@overleaf/metrics'
+import Settings from '@overleaf/settings'
+import { MongoClient } from 'mongodb'
+
+export { ObjectId } from 'mongodb'
+
+export const mongoClient = new MongoClient(
+  Settings.mongo.url,
+  Settings.mongo.options
+)
+const mongoDb = mongoClient.db()
+
+export const db = {
+  contacts: mongoDb.collection('contacts'),
+}
+
+Metrics.mongodb.monitor(mongoClient)
diff --git a/services/contacts/app/js/server.js b/services/contacts/app/js/server.js
new file mode 100644
index 0000000..7d4cc88
--- /dev/null
+++ b/services/contacts/app/js/server.js
@@ -0,0 +1,32 @@
+import * as Metrics from '@overleaf/metrics'
+import logger from '@overleaf/logger'
+import express from 'express'
+import bodyParser from 'body-parser'
+import * as HttpController from './HttpController.js'
+import * as Errors from './Errors.js'
+
+logger.initialize('contacts')
+Metrics.event_loop?.monitor(logger)
+Metrics.open_sockets.monitor()
+
+export const app = express()
+app.use(Metrics.http.monitor(logger))
+Metrics.injectMetricsRoute(app)
+
+app.get('/user/:user_id/contacts', HttpController.getContacts)
+app.post(
+  '/user/:user_id/contacts',
+  bodyParser.json({ limit: '2mb' }),
+  HttpController.addContact
+)
+
+app.get('/status', (req, res) => res.send('contacts is alive'))
+
+app.use(function (error, req, res, next) {
+  logger.error({ err: error }, 'request errored')
+  if (error instanceof Errors.NotFoundError) {
+    return res.sendStatus(404)
+  } else {
+    return res.status(500).send('Oops, something went wrong')
+  }
+})
diff --git a/services/contacts/buildscript.txt b/services/contacts/buildscript.txt
new file mode 100644
index 0000000..8563d1b
--- /dev/null
+++ b/services/contacts/buildscript.txt
@@ -0,0 +1,9 @@
+contacts
+--dependencies=mongo
+--docker-repos=us-east1-docker.pkg.dev/overleaf-ops/ol-docker
+--env-add=
+--env-pass-through=
+--esmock-loader=True
+--node-version=20.18.2
+--public-repo=False
+--script-version=4.7.0
diff --git a/services/contacts/config/settings.defaults.cjs b/services/contacts/config/settings.defaults.cjs
new file mode 100644
index 0000000..7ffdb83
--- /dev/null
+++ b/services/contacts/config/settings.defaults.cjs
@@ -0,0 +1,24 @@
+const http = require('node:http')
+const https = require('node:https')
+
+http.globalAgent.maxSockets = 300
+http.globalAgent.keepAlive = false
+https.globalAgent.keepAlive = false
+
+module.exports = {
+  internal: {
+    contacts: {
+      port: 3036,
+      host: process.env.LISTEN_ADDRESS || '127.0.0.1',
+    },
+  },
+
+  mongo: {
+    url:
+      process.env.MONGO_CONNECTION_STRING ||
+      `mongodb://${process.env.MONGO_HOST || '127.0.0.1'}/sharelatex`,
+    options: {
+      monitorCommands: true,
+    },
+  },
+}
diff --git a/services/contacts/docker-compose.ci.yml b/services/contacts/docker-compose.ci.yml
new file mode 100644
index 0000000..51eb64d
--- /dev/null
+++ b/services/contacts/docker-compose.ci.yml
@@ -0,0 +1,52 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    user: node
+    command: npm run test:unit:_run
+    environment:
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+
+
+  test_acceptance:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      MOCHA_GREP: ${MOCHA_GREP}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    depends_on:
+      mongo:
+        condition: service_started
+    user: node
+    command: npm run test:acceptance
+
+
+  tar:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    volumes:
+      - ./:/tmp/build/
+    command: tar -czf /tmp/build/build.tar.gz --exclude=build.tar.gz --exclude-vcs .
+    user: root
+  mongo:
+    image: mongo:6.0.13
+    command: --replSet overleaf
+    volumes:
+      - ../../bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+    environment:
+      MONGO_INITDB_DATABASE: sharelatex
+    extra_hosts:
+      # Required when using the automatic database setup for initializing the
+      # replica set. This override is not needed when running the setup after
+      # starting up mongo.
+      - mongo:127.0.0.1
diff --git a/services/contacts/docker-compose.yml b/services/contacts/docker-compose.yml
new file mode 100644
index 0000000..310220b
--- /dev/null
+++ b/services/contacts/docker-compose.yml
@@ -0,0 +1,56 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    image: node:20.18.2
+    volumes:
+      - .:/overleaf/services/contacts
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/contacts
+    environment:
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    command: npm run --silent test:unit
+    user: node
+
+  test_acceptance:
+    image: node:20.18.2
+    volumes:
+      - .:/overleaf/services/contacts
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/contacts
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    user: node
+    depends_on:
+      mongo:
+        condition: service_started
+    command: npm run --silent test:acceptance
+
+  mongo:
+    image: mongo:6.0.13
+    command: --replSet overleaf
+    volumes:
+      - ../../bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+    environment:
+      MONGO_INITDB_DATABASE: sharelatex
+    extra_hosts:
+      # Required when using the automatic database setup for initializing the
+      # replica set. This override is not needed when running the setup after
+      # starting up mongo.
+      - mongo:127.0.0.1
+
diff --git a/services/contacts/package.json b/services/contacts/package.json
new file mode 100644
index 0000000..f81f947
--- /dev/null
+++ b/services/contacts/package.json
@@ -0,0 +1,41 @@
+{
+  "name": "@overleaf/contacts",
+  "description": "An API for tracking contacts of a user",
+  "private": true,
+  "type": "module",
+  "main": "app.js",
+  "scripts": {
+    "start": "node app.js",
+    "test:acceptance:_run": "LOG_LEVEL=fatal mocha --loader=esmock --recursive --reporter spec --timeout 15000 --exit $@ test/acceptance/js",
+    "test:acceptance": "npm run test:acceptance:_run -- --grep=$MOCHA_GREP",
+    "test:unit:_run": "LOG_LEVEL=fatal mocha --loader=esmock --recursive --reporter spec $@ test/unit/js",
+    "test:unit": "npm run test:unit:_run -- --grep=$MOCHA_GREP",
+    "nodemon": "node --watch app.js",
+    "lint": "eslint --max-warnings 0 --format unix .",
+    "format": "prettier --list-different $PWD/'**/*.*js'",
+    "format:fix": "prettier --write $PWD/'**/*.*js'",
+    "lint:fix": "eslint --fix .",
+    "types:check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@overleaf/logger": "*",
+    "@overleaf/metrics": "*",
+    "@overleaf/settings": "*",
+    "async": "^3.2.5",
+    "body-parser": "^1.20.3",
+    "bunyan": "^1.8.15",
+    "express": "^4.21.2",
+    "mongodb": "6.12.0",
+    "request": "~2.88.2",
+    "underscore": "~1.13.1"
+  },
+  "devDependencies": {
+    "chai": "^4.3.6",
+    "chai-as-promised": "^7.1.1",
+    "esmock": "^2.6.3",
+    "mocha": "^11.1.0",
+    "sinon": "~9.0.1",
+    "sinon-chai": "^3.7.0",
+    "typescript": "^5.0.4"
+  }
+}
diff --git a/services/contacts/test/acceptance/js/GettingContactsTests.js b/services/contacts/test/acceptance/js/GettingContactsTests.js
new file mode 100644
index 0000000..769f7ce
--- /dev/null
+++ b/services/contacts/test/acceptance/js/GettingContactsTests.js
@@ -0,0 +1,121 @@
+import { ObjectId } from 'mongodb'
+import request from 'request'
+import async from 'async'
+import { app } from '../../../app/js/server.js'
+
+const HOST = 'http://127.0.0.1:3036'
+
+describe('Getting Contacts', function () {
+  before(function (done) {
+    this.server = app.listen(3036, '127.0.0.1', error => {
+      if (error != null) {
+        throw error
+      }
+
+      done()
+    })
+  })
+
+  after(function () {
+    this.server.close()
+  })
+
+  describe('with no contacts', function () {
+    beforeEach(function () {
+      this.user_id = new ObjectId().toString()
+    })
+
+    it('should return an empty array', function (done) {
+      request(
+        {
+          method: 'GET',
+          url: `${HOST}/user/${this.user_id}/contacts`,
+          json: true,
+        },
+        (error, response, body) => {
+          if (error) {
+            return done(error)
+          }
+          response.statusCode.should.equal(200)
+          body.contact_ids.should.deep.equal([])
+          done()
+        }
+      )
+    })
+  })
+
+  describe('with contacts', function () {
+    beforeEach(function (done) {
+      this.user_id = new ObjectId().toString()
+      this.contact_id_1 = new ObjectId().toString()
+      this.contact_id_2 = new ObjectId().toString()
+      this.contact_id_3 = new ObjectId().toString()
+
+      const touchContact = (userId, contactId, cb) =>
+        request(
+          {
+            method: 'POST',
+            url: `${HOST}/user/${userId}/contacts`,
+            json: {
+              contact_id: contactId,
+            },
+          },
+          cb
+        )
+
+      async.series(
+        [
+          // 2 is preferred since touched twice, then 3 since most recent, then 1
+          cb => touchContact(this.user_id, this.contact_id_1, cb),
+          cb => touchContact(this.user_id, this.contact_id_2, cb),
+          cb => touchContact(this.user_id, this.contact_id_2, cb),
+          cb => touchContact(this.user_id, this.contact_id_3, cb),
+        ],
+        done
+      )
+    })
+
+    it('should return a sorted list of contacts', function (done) {
+      request(
+        {
+          method: 'GET',
+          url: `${HOST}/user/${this.user_id}/contacts`,
+          json: true,
+        },
+        (error, response, body) => {
+          if (error) {
+            return done(error)
+          }
+          response.statusCode.should.equal(200)
+          body.contact_ids.should.deep.equal([
+            this.contact_id_2,
+            this.contact_id_3,
+            this.contact_id_1,
+          ])
+          done()
+        }
+      )
+    })
+
+    it('should respect a limit and only return top X contacts', function (done) {
+      request(
+        {
+          method: 'GET',
+          url: `${HOST}/user/${this.user_id}/contacts?limit=2`,
+          json: true,
+        },
+        (error, response, body) => {
+          if (error) {
+            return done(error)
+          }
+          response.statusCode.should.equal(200)
+          body.contact_ids.should.deep.equal([
+            this.contact_id_2,
+            this.contact_id_3,
+          ])
+          done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/contacts/test/setup.js b/services/contacts/test/setup.js
new file mode 100644
index 0000000..023fbc1
--- /dev/null
+++ b/services/contacts/test/setup.js
@@ -0,0 +1,11 @@
+import chai from 'chai'
+import chaiAsPromised from 'chai-as-promised'
+import sinonChai from 'sinon-chai'
+import { ObjectId } from 'mongodb'
+
+// ensure every ObjectId has the id string as a property for correct comparisons
+ObjectId.cacheHexString = true
+
+chai.should()
+chai.use(chaiAsPromised)
+chai.use(sinonChai)
diff --git a/services/contacts/test/unit/js/ContactsManagerTests.js b/services/contacts/test/unit/js/ContactsManagerTests.js
new file mode 100644
index 0000000..f5f5ae5
--- /dev/null
+++ b/services/contacts/test/unit/js/ContactsManagerTests.js
@@ -0,0 +1,98 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import esmock from 'esmock'
+import { ObjectId } from 'mongodb'
+
+describe('ContactManager', function () {
+  beforeEach(async function () {
+    this.clock = sinon.useFakeTimers(new Date())
+
+    this.db = { contacts: {} }
+
+    this.ContactManager = await esmock('../../../app/js/ContactManager', {
+      '../../../app/js/mongodb': {
+        db: this.db,
+        ObjectId,
+      },
+    })
+
+    this.user_id = new ObjectId().toString()
+    this.contact_id = new ObjectId().toString()
+  })
+
+  afterEach(function () {
+    this.clock.restore()
+  })
+
+  describe('touchContact', function () {
+    beforeEach(function () {
+      this.db.contacts.updateOne = sinon.stub().resolves()
+    })
+
+    describe('with a valid user_id', function () {
+      it('should increment the contact count and timestamp', async function () {
+        await expect(
+          this.ContactManager.touchContact(this.user_id, 'mock_contact')
+        ).not.to.be.rejected
+
+        expect(this.db.contacts.updateOne).to.be.calledWith(
+          {
+            user_id: sinon.match(o => o.toString() === this.user_id),
+          },
+          {
+            $inc: {
+              'contacts.mock_contact.n': 1,
+            },
+            $set: {
+              'contacts.mock_contact.ts': new Date(),
+            },
+          },
+          {
+            upsert: true,
+          }
+        )
+      })
+    })
+
+    describe('with an invalid user id', function () {
+      it('should be rejected', async function () {
+        await expect(
+          this.ContactManager.touchContact(
+            'not-valid-object-id',
+            this.contact_id
+          )
+        ).to.be.rejectedWith(
+          'input must be a 24 character hex string, 12 byte Uint8Array, or an integer'
+        )
+      })
+    })
+  })
+
+  describe('getContacts', function () {
+    beforeEach(function () {
+      this.user = {
+        contacts: ['mock', 'contacts'],
+      }
+      this.db.contacts.findOne = sinon.stub().resolves(this.user)
+    })
+
+    describe('with a valid user_id', function () {
+      it("should find the user's contacts", async function () {
+        await expect(
+          this.ContactManager.getContacts(this.user_id)
+        ).to.eventually.deep.equal(this.user.contacts)
+
+        expect(this.db.contacts.findOne).to.be.calledWith({
+          user_id: sinon.match(o => o.toString() === this.user_id),
+        })
+      })
+    })
+
+    describe('with an invalid user id', function () {
+      it('should be rejected', async function () {
+        await expect(this.ContactManager.getContacts('not-valid-object-id')).to
+          .be.rejected
+      })
+    })
+  })
+})
diff --git a/services/contacts/test/unit/js/HttpControllerTests.js b/services/contacts/test/unit/js/HttpControllerTests.js
new file mode 100644
index 0000000..3a7bc15
--- /dev/null
+++ b/services/contacts/test/unit/js/HttpControllerTests.js
@@ -0,0 +1,127 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import esmock from 'esmock'
+
+describe('HttpController', function () {
+  beforeEach(async function () {
+    const now = Date.now()
+
+    this.contacts = {
+      'user-id-1': { n: 2, ts: new Date(now) },
+      'user-id-2': { n: 4, ts: new Date(now) },
+      'user-id-3': { n: 2, ts: new Date(now - 1000) },
+    }
+
+    this.ContactManager = {
+      touchContact: sinon.stub().resolves(),
+      getContacts: sinon.stub().resolves(this.contacts),
+    }
+
+    this.HttpController = await esmock('../../../app/js/HttpController', {
+      '../../../app/js/ContactManager': this.ContactManager,
+    })
+
+    this.user_id = 'mock-user-id'
+    this.contact_id = 'mock-contact-id'
+
+    this.req = {}
+    this.res = {}
+    this.res.status = sinon.stub().returns(this.res)
+    this.res.end = sinon.stub()
+    this.res.json = sinon.stub()
+    this.res.send = sinon.stub()
+    this.res.sendStatus = sinon.stub()
+    this.next = sinon.stub()
+  })
+
+  describe('addContact', function () {
+    describe('with a valid user_id and contact_id', function () {
+      beforeEach(async function () {
+        this.req.params = { user_id: this.user_id }
+        this.req.body = { contact_id: this.contact_id }
+        await this.HttpController.addContact(this.req, this.res, this.next)
+      })
+
+      it("should update the contact in the user's contact list", function () {
+        expect(this.ContactManager.touchContact).to.be.calledWith(
+          this.user_id,
+          this.contact_id
+        )
+      })
+
+      it("should update the user in the contact's contact list", function () {
+        expect(this.ContactManager.touchContact).to.be.calledWith(
+          this.contact_id,
+          this.user_id
+        )
+      })
+
+      it('should send back a 204 status', function () {
+        expect(this.res.sendStatus).to.be.calledWith(204)
+      })
+    })
+
+    describe('with an invalid contact id', function () {
+      beforeEach(async function () {
+        this.req.params = { user_id: this.user_id }
+        this.req.body = { contact_id: '' }
+        await this.HttpController.addContact(this.req, this.res, this.next)
+      })
+
+      it('should return 400, Bad Request', function () {
+        expect(this.res.status).to.be.calledWith(400)
+        expect(this.res.send).to.be.calledWith(
+          'contact_id should be a non-blank string'
+        )
+      })
+    })
+  })
+
+  describe('getContacts', function () {
+    describe('normally', function () {
+      beforeEach(async function () {
+        this.req.params = { user_id: this.user_id }
+        this.req.query = {}
+        await this.HttpController.getContacts(this.req, this.res, this.next)
+      })
+
+      it('should look up the contacts in mongo', function () {
+        expect(this.ContactManager.getContacts).to.be.calledWith(this.user_id)
+      })
+
+      it('should return a sorted list of contacts by count and timestamp', function () {
+        expect(this.res.json).to.be.calledWith({
+          contact_ids: ['user-id-2', 'user-id-1', 'user-id-3'],
+        })
+      })
+    })
+
+    describe('with more contacts than the limit', function () {
+      beforeEach(async function () {
+        this.req.params = { user_id: this.user_id }
+        this.req.query = { limit: 2 }
+        await this.HttpController.getContacts(this.req, this.res, this.next)
+      })
+
+      it('should return the most commonly used contacts up to the limit', function () {
+        expect(this.res.json).to.be.calledWith({
+          contact_ids: ['user-id-2', 'user-id-1'],
+        })
+      })
+    })
+
+    describe('without a contact list', function () {
+      beforeEach(async function () {
+        this.ContactManager.getContacts.resolves(null)
+
+        this.req.params = {}
+        this.req.query = {}
+        await this.HttpController.getContacts(this.req, this.res, this.next)
+      })
+
+      it('should return an empty list', function () {
+        expect(this.res.json).to.be.calledWith({ contact_ids: [] })
+      })
+    })
+  })
+})
diff --git a/services/contacts/tsconfig.json b/services/contacts/tsconfig.json
new file mode 100644
index 0000000..d3fdd30
--- /dev/null
+++ b/services/contacts/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "app.js",
+    "app/js/**/*",
+    "benchmarks/**/*",
+    "config/**/*",
+    "scripts/**/*",
+    "test/**/*",
+    "types"
+  ]
+}
diff --git a/services/docstore/.gitignore b/services/docstore/.gitignore
new file mode 100644
index 0000000..84bf300
--- /dev/null
+++ b/services/docstore/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+forever
+
+# managed by dev-environment$ bin/update_build_scripts
+.npmrc
+
+# Jetbrains IDEs
+.idea
diff --git a/services/docstore/.mocharc.json b/services/docstore/.mocharc.json
new file mode 100644
index 0000000..dc3280a
--- /dev/null
+++ b/services/docstore/.mocharc.json
@@ -0,0 +1,3 @@
+{
+  "require": "test/setup.js"
+}
diff --git a/services/docstore/.nvmrc b/services/docstore/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/services/docstore/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/services/docstore/Dockerfile b/services/docstore/Dockerfile
new file mode 100644
index 0000000..60a024e
--- /dev/null
+++ b/services/docstore/Dockerfile
@@ -0,0 +1,27 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+FROM node:20.18.2 AS base
+
+WORKDIR /overleaf/services/docstore
+
+# Google Cloud Storage needs a writable $HOME/.config for resumable uploads
+# (see https://googleapis.dev/nodejs/storage/latest/File.html#createWriteStream)
+RUN mkdir /home/node/.config && chown node:node /home/node/.config
+
+FROM base AS app
+
+COPY package.json package-lock.json /overleaf/
+COPY services/docstore/package.json /overleaf/services/docstore/
+COPY libraries/ /overleaf/libraries/
+COPY patches/ /overleaf/patches/
+
+RUN cd /overleaf && npm ci --quiet
+
+COPY services/docstore/ /overleaf/services/docstore/
+
+FROM app
+USER node
+
+CMD ["node", "--expose-gc", "app.js"]
diff --git a/services/docstore/LICENSE b/services/docstore/LICENSE
new file mode 100644
index 0000000..ac8619d
--- /dev/null
+++ b/services/docstore/LICENSE
@@ -0,0 +1,662 @@
+
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<http://www.gnu.org/licenses/>.
diff --git a/services/docstore/Makefile b/services/docstore/Makefile
new file mode 100644
index 0000000..6efd053
--- /dev/null
+++ b/services/docstore/Makefile
@@ -0,0 +1,156 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+BUILD_NUMBER ?= local
+BRANCH_NAME ?= $(shell git rev-parse --abbrev-ref HEAD)
+PROJECT_NAME = docstore
+BUILD_DIR_NAME = $(shell pwd | xargs basename | tr -cd '[a-zA-Z0-9_.\-]')
+
+DOCKER_COMPOSE_FLAGS ?= -f docker-compose.yml
+DOCKER_COMPOSE := BUILD_NUMBER=$(BUILD_NUMBER) \
+	BRANCH_NAME=$(BRANCH_NAME) \
+	PROJECT_NAME=$(PROJECT_NAME) \
+	MOCHA_GREP=${MOCHA_GREP} \
+	docker compose ${DOCKER_COMPOSE_FLAGS}
+
+COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE ?= test_acceptance_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_ACCEPTANCE = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE) $(DOCKER_COMPOSE)
+
+COMPOSE_PROJECT_NAME_TEST_UNIT ?= test_unit_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_UNIT = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_UNIT) $(DOCKER_COMPOSE)
+
+clean:
+	-docker rmi ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-docker rmi us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-$(DOCKER_COMPOSE_TEST_UNIT) down --rmi local
+	-$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down --rmi local
+
+HERE=$(shell pwd)
+MONOREPO=$(shell cd ../../ && pwd)
+# Run the linting commands in the scope of the monorepo.
+# Eslint and prettier (plus some configs) are on the root.
+RUN_LINTING = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(HERE) node:20.18.2 npm run --silent
+
+RUN_LINTING_CI = docker run --rm --volume $(MONOREPO)/.editorconfig:/overleaf/.editorconfig --volume $(MONOREPO)/.eslintignore:/overleaf/.eslintignore --volume $(MONOREPO)/.eslintrc:/overleaf/.eslintrc --volume $(MONOREPO)/.prettierignore:/overleaf/.prettierignore --volume $(MONOREPO)/.prettierrc:/overleaf/.prettierrc --volume $(MONOREPO)/tsconfig.backend.json:/overleaf/tsconfig.backend.json ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) npm run --silent
+
+# Same but from the top of the monorepo
+RUN_LINTING_MONOREPO = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(MONOREPO) node:20.18.2 npm run --silent
+
+SHELLCHECK_OPTS = \
+	--shell=bash \
+	--external-sources
+SHELLCHECK_COLOR := $(if $(CI),--color=never,--color)
+SHELLCHECK_FILES := { git ls-files "*.sh" -z; git grep -Plz "\A\#\!.*bash"; } | sort -zu
+
+shellcheck:
+	@$(SHELLCHECK_FILES) | xargs -0 -r docker run --rm -v $(HERE):/mnt -w /mnt \
+		koalaman/shellcheck:stable $(SHELLCHECK_OPTS) $(SHELLCHECK_COLOR)
+
+shellcheck_fix:
+	@$(SHELLCHECK_FILES) | while IFS= read -r -d '' file; do \
+		diff=$$(docker run --rm -v $(HERE):/mnt -w /mnt koalaman/shellcheck:stable $(SHELLCHECK_OPTS) --format=diff "$$file" 2>/dev/null); \
+		if [ -n "$$diff" ] && ! echo "$$diff" | patch -p1 >/dev/null 2>&1; then echo "\033[31m$$file\033[0m"; \
+		elif [ -n "$$diff" ]; then echo "$$file"; \
+		else echo "\033[2m$$file\033[0m"; fi \
+	done
+
+format:
+	$(RUN_LINTING) format
+
+format_ci:
+	$(RUN_LINTING_CI) format
+
+format_fix:
+	$(RUN_LINTING) format:fix
+
+lint:
+	$(RUN_LINTING) lint
+
+lint_ci:
+	$(RUN_LINTING_CI) lint
+
+lint_fix:
+	$(RUN_LINTING) lint:fix
+
+typecheck:
+	$(RUN_LINTING) types:check
+
+typecheck_ci:
+	$(RUN_LINTING_CI) types:check
+
+test: format lint typecheck shellcheck test_unit test_acceptance
+
+test_unit:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) run --rm test_unit
+	$(MAKE) test_unit_clean
+endif
+
+test_clean: test_unit_clean
+test_unit_clean:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) down -v -t 0
+endif
+
+test_acceptance: test_acceptance_clean test_acceptance_pre_run test_acceptance_run
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_debug: test_acceptance_clean test_acceptance_pre_run test_acceptance_run_debug
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_run:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance
+endif
+
+test_acceptance_run_debug:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run -p 127.0.0.9:19999:19999 --rm test_acceptance npm run test:acceptance -- --inspect=0.0.0.0:19999 --inspect-brk
+endif
+
+test_clean: test_acceptance_clean
+test_acceptance_clean:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down -v -t 0
+
+test_acceptance_pre_run:
+ifneq (,$(wildcard test/acceptance/js/scripts/pre-run))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance test/acceptance/js/scripts/pre-run
+endif
+
+benchmarks:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance npm run benchmarks
+
+build:
+	docker build \
+		--pull \
+		--build-arg BUILDKIT_INLINE_CACHE=1 \
+		--tag ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):main \
+		--file Dockerfile \
+		../..
+
+tar:
+	$(DOCKER_COMPOSE) up tar
+
+publish:
+
+	docker push $(DOCKER_REPO)/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+
+
+.PHONY: clean \
+	format format_fix \
+	lint lint_fix \
+	build_types typecheck \
+	lint_ci format_ci typecheck_ci \
+	shellcheck shellcheck_fix \
+	test test_clean test_unit test_unit_clean \
+	test_acceptance test_acceptance_debug test_acceptance_pre_run \
+	test_acceptance_run test_acceptance_run_debug test_acceptance_clean \
+	benchmarks \
+	build tar publish \
diff --git a/services/docstore/README.md b/services/docstore/README.md
new file mode 100644
index 0000000..09b27ac
--- /dev/null
+++ b/services/docstore/README.md
@@ -0,0 +1,11 @@
+overleaf/docstore
+===================
+
+A CRUD API for storing and updating text documents in projects
+
+License
+-------
+
+The code in this repository is released under the GNU AFFERO GENERAL PUBLIC LICENSE, version 3. A copy can be found in the `LICENSE` file.
+
+Copyright (c) Overleaf, 2014-2019.
diff --git a/services/docstore/app.js b/services/docstore/app.js
new file mode 100644
index 0000000..76659e8
--- /dev/null
+++ b/services/docstore/app.js
@@ -0,0 +1,132 @@
+// Metrics must be initialized before importing anything else
+require('@overleaf/metrics/initialize')
+
+const Events = require('node:events')
+const Metrics = require('@overleaf/metrics')
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const express = require('express')
+const bodyParser = require('body-parser')
+const {
+  celebrate: validate,
+  Joi,
+  errors: handleValidationErrors,
+} = require('celebrate')
+const { mongoClient } = require('./app/js/mongodb')
+const Errors = require('./app/js/Errors')
+const HttpController = require('./app/js/HttpController')
+
+Events.setMaxListeners(20)
+
+logger.initialize('docstore')
+if (Metrics.event_loop != null) {
+  Metrics.event_loop.monitor(logger)
+}
+Metrics.leaked_sockets.monitor(logger)
+Metrics.open_sockets.monitor()
+
+const app = express()
+
+app.use(Metrics.http.monitor(logger))
+
+Metrics.injectMetricsRoute(app)
+
+app.param('project_id', function (req, res, next, projectId) {
+  if (projectId?.match(/^[0-9a-f]{24}$/)) {
+    next()
+  } else {
+    next(new Error('invalid project id'))
+  }
+})
+
+app.param('doc_id', function (req, res, next, docId) {
+  if (docId?.match(/^[0-9a-f]{24}$/)) {
+    next()
+  } else {
+    next(new Error('invalid doc id'))
+  }
+})
+
+app.get('/project/:project_id/doc-deleted', HttpController.getAllDeletedDocs)
+app.get('/project/:project_id/doc', HttpController.getAllDocs)
+app.get('/project/:project_id/ranges', HttpController.getAllRanges)
+app.get('/project/:project_id/has-ranges', HttpController.projectHasRanges)
+app.get('/project/:project_id/doc/:doc_id', HttpController.getDoc)
+app.get('/project/:project_id/doc/:doc_id/deleted', HttpController.isDocDeleted)
+app.get('/project/:project_id/doc/:doc_id/raw', HttpController.getRawDoc)
+app.get('/project/:project_id/doc/:doc_id/peek', HttpController.peekDoc)
+// Add 64kb overhead for the JSON encoding, and double the size to allow for ranges in the json payload
+app.post(
+  '/project/:project_id/doc/:doc_id',
+  bodyParser.json({ limit: Settings.maxJsonRequestSize }),
+  HttpController.updateDoc
+)
+app.patch(
+  '/project/:project_id/doc/:doc_id',
+  bodyParser.json(),
+  validate({
+    body: {
+      deleted: Joi.boolean(),
+      name: Joi.string().when('deleted', { is: true, then: Joi.required() }),
+      deletedAt: Joi.date().when('deleted', { is: true, then: Joi.required() }),
+    },
+  }),
+  HttpController.patchDoc
+)
+app.delete('/project/:project_id/doc/:doc_id', (req, res) => {
+  res.status(500).send('DELETE-ing a doc is DEPRECATED. PATCH the doc instead.')
+})
+
+app.post('/project/:project_id/archive', HttpController.archiveAllDocs)
+app.post('/project/:project_id/doc/:doc_id/archive', HttpController.archiveDoc)
+app.post('/project/:project_id/unarchive', HttpController.unArchiveAllDocs)
+app.post('/project/:project_id/destroy', HttpController.destroyProject)
+
+app.get('/health_check', HttpController.healthCheck)
+
+app.get('/status', (req, res) => res.send('docstore is alive'))
+
+app.use(handleValidationErrors())
+app.use(function (error, req, res, next) {
+  if (error instanceof Errors.NotFoundError) {
+    logger.warn({ req }, 'not found')
+    res.sendStatus(404)
+  } else if (error instanceof Errors.DocModifiedError) {
+    logger.warn({ req }, 'conflict: doc modified')
+    res.sendStatus(409)
+  } else if (error instanceof Errors.DocVersionDecrementedError) {
+    logger.warn({ req }, 'conflict: doc version decremented')
+    res.sendStatus(409)
+  } else {
+    logger.error({ err: error, req }, 'request errored')
+    res.status(500).send('Oops, something went wrong')
+  }
+})
+
+const { port } = Settings.internal.docstore
+const { host } = Settings.internal.docstore
+
+if (!module.parent) {
+  // Called directly
+  mongoClient
+    .connect()
+    .then(() => {
+      const server = app.listen(port, host, function (err) {
+        if (err) {
+          logger.fatal({ err }, `Cannot bind to ${host}:${port}. Exiting.`)
+          process.exit(1)
+        }
+        logger.debug(`Docstore starting up, listening on ${host}:${port}`)
+      })
+      server.timeout = 120000
+      server.keepAliveTimeout = 5000
+      server.requestTimeout = 60000
+      server.headersTimeout = 60000
+    })
+    .catch(err => {
+      logger.fatal({ err }, 'Cannot connect to mongo. Exiting.')
+      process.exit(1)
+    })
+}
+
+module.exports = app
diff --git a/services/docstore/app/js/DocArchiveManager.js b/services/docstore/app/js/DocArchiveManager.js
new file mode 100644
index 0000000..4390afe
--- /dev/null
+++ b/services/docstore/app/js/DocArchiveManager.js
@@ -0,0 +1,227 @@
+const { callbackify } = require('node:util')
+const MongoManager = require('./MongoManager').promises
+const Errors = require('./Errors')
+const logger = require('@overleaf/logger')
+const Settings = require('@overleaf/settings')
+const crypto = require('node:crypto')
+const { ReadableString } = require('@overleaf/stream-utils')
+const RangeManager = require('./RangeManager')
+const PersistorManager = require('./PersistorManager')
+const pMap = require('p-map')
+const { streamToBuffer } = require('./StreamToBuffer').promises
+const { BSON } = require('mongodb-legacy')
+
+const PARALLEL_JOBS = Settings.parallelArchiveJobs
+const UN_ARCHIVE_BATCH_SIZE = Settings.unArchiveBatchSize
+
+module.exports = {
+  archiveAllDocs: callbackify(archiveAllDocs),
+  archiveDoc: callbackify(archiveDoc),
+  unArchiveAllDocs: callbackify(unArchiveAllDocs),
+  unarchiveDoc: callbackify(unarchiveDoc),
+  destroyProject: callbackify(destroyProject),
+  getDoc: callbackify(getDoc),
+  promises: {
+    archiveAllDocs,
+    archiveDoc,
+    unArchiveAllDocs,
+    unarchiveDoc,
+    destroyProject,
+    getDoc,
+  },
+}
+
+async function archiveAllDocs(projectId) {
+  if (!_isArchivingEnabled()) {
+    return
+  }
+
+  const docIds = await MongoManager.getNonArchivedProjectDocIds(projectId)
+  await pMap(docIds, docId => archiveDoc(projectId, docId), {
+    concurrency: PARALLEL_JOBS,
+  })
+}
+
+async function archiveDoc(projectId, docId) {
+  if (!_isArchivingEnabled()) {
+    return
+  }
+
+  const doc = await MongoManager.getDocForArchiving(projectId, docId)
+
+  if (!doc) {
+    // The doc wasn't found, it was already archived, or the lock couldn't be
+    // acquired. Since we don't know which it is, silently return.
+    return
+  }
+
+  logger.debug({ projectId, docId: doc._id }, 'sending doc to persistor')
+  const key = `${projectId}/${doc._id}`
+
+  if (doc.lines == null) {
+    throw new Error('doc has no lines')
+  }
+
+  // warn about any oversized docs already in mongo
+  const linesSize = BSON.calculateObjectSize(doc.lines || {})
+  const rangesSize = BSON.calculateObjectSize(doc.ranges || {})
+  if (
+    linesSize > Settings.max_doc_length ||
+    rangesSize > Settings.max_doc_length
+  ) {
+    logger.warn(
+      { projectId, docId: doc._id, linesSize, rangesSize },
+      'large doc found when archiving project'
+    )
+  }
+
+  const json = JSON.stringify({
+    lines: doc.lines,
+    ranges: doc.ranges,
+    rev: doc.rev,
+    schema_v: 1,
+  })
+
+  // this should never happen, but protects against memory-corruption errors that
+  // have happened in the past
+  if (json.indexOf('\u0000') > -1) {
+    const error = new Error('null bytes detected')
+    logger.err({ err: error, doc }, error.message)
+    throw error
+  }
+
+  const md5 = crypto.createHash('md5').update(json).digest('hex')
+  const stream = new ReadableString(json)
+  await PersistorManager.sendStream(Settings.docstore.bucket, key, stream, {
+    sourceMd5: md5,
+  })
+  await MongoManager.markDocAsArchived(projectId, docId, doc.rev)
+}
+
+async function unArchiveAllDocs(projectId) {
+  if (!_isArchivingEnabled()) {
+    return
+  }
+
+  while (true) {
+    let docs
+    if (Settings.docstore.keepSoftDeletedDocsArchived) {
+      docs = await MongoManager.getNonDeletedArchivedProjectDocs(
+        projectId,
+        UN_ARCHIVE_BATCH_SIZE
+      )
+    } else {
+      docs = await MongoManager.getArchivedProjectDocs(
+        projectId,
+        UN_ARCHIVE_BATCH_SIZE
+      )
+    }
+    if (!docs || docs.length === 0) {
+      break
+    }
+    await pMap(docs, doc => unarchiveDoc(projectId, doc._id), {
+      concurrency: PARALLEL_JOBS,
+    })
+  }
+}
+
+// get the doc from the PersistorManager without storing it in mongo
+async function getDoc(projectId, docId) {
+  const key = `${projectId}/${docId}`
+  const sourceMd5 = await PersistorManager.getObjectMd5Hash(
+    Settings.docstore.bucket,
+    key
+  )
+  const stream = await PersistorManager.getObjectStream(
+    Settings.docstore.bucket,
+    key
+  )
+  stream.resume()
+  const buffer = await streamToBuffer(projectId, docId, stream)
+  const md5 = crypto.createHash('md5').update(buffer).digest('hex')
+  if (sourceMd5 !== md5) {
+    throw new Errors.Md5MismatchError('md5 mismatch when downloading doc', {
+      key,
+      sourceMd5,
+      md5,
+    })
+  }
+
+  return _deserializeArchivedDoc(buffer)
+}
+
+// get the doc and unarchive it to mongo
+async function unarchiveDoc(projectId, docId) {
+  logger.debug({ projectId, docId }, 'getting doc from persistor')
+  const mongoDoc = await MongoManager.findDoc(projectId, docId, {
+    inS3: 1,
+    rev: 1,
+  })
+  if (!mongoDoc.inS3) {
+    // The doc is already unarchived
+    return
+  }
+
+  if (!_isArchivingEnabled()) {
+    throw new Error(
+      'found archived doc, but archiving backend is not configured'
+    )
+  }
+
+  const archivedDoc = await getDoc(projectId, docId)
+  if (archivedDoc.rev == null) {
+    // Older archived docs didn't have a rev. Assume that the rev of the
+    // archived doc is the rev that was stored in Mongo when we retrieved it
+    // earlier.
+    archivedDoc.rev = mongoDoc.rev
+  }
+  await MongoManager.restoreArchivedDoc(projectId, docId, archivedDoc)
+}
+
+async function destroyProject(projectId) {
+  const tasks = [MongoManager.destroyProject(projectId)]
+  if (_isArchivingEnabled()) {
+    tasks.push(
+      PersistorManager.deleteDirectory(Settings.docstore.bucket, projectId)
+    )
+  }
+  await Promise.all(tasks)
+}
+
+function _deserializeArchivedDoc(buffer) {
+  const doc = JSON.parse(buffer)
+
+  const result = {}
+  if (doc.schema_v === 1 && doc.lines != null) {
+    result.lines = doc.lines
+    if (doc.ranges != null) {
+      result.ranges = RangeManager.jsonRangesToMongo(doc.ranges)
+    }
+  } else if (Array.isArray(doc)) {
+    result.lines = doc
+  } else {
+    throw new Error("I don't understand the doc format in s3")
+  }
+
+  if (doc.rev != null) {
+    result.rev = doc.rev
+  }
+
+  return result
+}
+
+function _isArchivingEnabled() {
+  const backend = Settings.docstore.backend
+
+  if (!backend) {
+    return false
+  }
+
+  // The default backend is S3. If another backend is configured or the S3
+  // backend itself is correctly configured, then archiving is enabled.
+  if (backend === 's3' && Settings.docstore.s3 == null) {
+    return false
+  }
+
+  return true
+}
diff --git a/services/docstore/app/js/DocManager.js b/services/docstore/app/js/DocManager.js
new file mode 100644
index 0000000..a9ed994
--- /dev/null
+++ b/services/docstore/app/js/DocManager.js
@@ -0,0 +1,297 @@
+const MongoManager = require('./MongoManager')
+const Errors = require('./Errors')
+const logger = require('@overleaf/logger')
+const _ = require('lodash')
+const DocArchive = require('./DocArchiveManager')
+const RangeManager = require('./RangeManager')
+const Settings = require('@overleaf/settings')
+const { callbackifyAll } = require('@overleaf/promise-utils')
+const { setTimeout } = require('node:timers/promises')
+
+/**
+ * @import { Document } from 'mongodb'
+ * @import { WithId } from 'mongodb'
+ */
+
+const DocManager = {
+  /**
+   * @param {string} projectId
+   * @param {string} docId
+   * @param {{inS3: boolean}} filter
+   * @returns {Promise<WithId<Document>>}
+   * @private
+   */
+  async _getDoc(projectId, docId, filter) {
+    if (filter == null) {
+      filter = {}
+    }
+    if (filter.inS3 !== true) {
+      throw new Error('must include inS3 when getting doc')
+    }
+
+    const doc = await MongoManager.promises.findDoc(projectId, docId, filter)
+
+    if (doc == null) {
+      throw new Errors.NotFoundError(
+        `No such doc: ${docId} in project ${projectId}`
+      )
+    }
+
+    if (doc.inS3) {
+      await DocArchive.promises.unarchiveDoc(projectId, docId)
+      return await DocManager._getDoc(projectId, docId, filter)
+    }
+
+    return doc
+  },
+
+  async isDocDeleted(projectId, docId) {
+    const doc = await MongoManager.promises.findDoc(projectId, docId, {
+      deleted: true,
+    })
+
+    if (!doc) {
+      throw new Errors.NotFoundError(
+        `No such project/doc: ${projectId}/${docId}`
+      )
+    }
+
+    // `doc.deleted` is `undefined` for non deleted docs
+    return Boolean(doc.deleted)
+  },
+
+  async getFullDoc(projectId, docId) {
+    const doc = await DocManager._getDoc(projectId, docId, {
+      lines: true,
+      rev: true,
+      deleted: true,
+      version: true,
+      ranges: true,
+      inS3: true,
+    })
+    return doc
+  },
+
+  // returns the doc without any version information
+  async _peekRawDoc(projectId, docId) {
+    const doc = await MongoManager.promises.findDoc(projectId, docId, {
+      lines: true,
+      rev: true,
+      deleted: true,
+      version: true,
+      ranges: true,
+      inS3: true,
+    })
+
+    if (doc == null) {
+      throw new Errors.NotFoundError(
+        `No such doc: ${docId} in project ${projectId}`
+      )
+    }
+
+    if (doc.inS3) {
+      // skip the unarchiving to mongo when getting a doc
+      const archivedDoc = await DocArchive.promises.getDoc(projectId, docId)
+      Object.assign(doc, archivedDoc)
+    }
+
+    return doc
+  },
+
+  // get the doc from mongo if possible, or from the persistent store otherwise,
+  // without unarchiving it (avoids unnecessary writes to mongo)
+  async peekDoc(projectId, docId) {
+    const doc = await DocManager._peekRawDoc(projectId, docId)
+    await MongoManager.promises.checkRevUnchanged(doc)
+    return doc
+  },
+
+  async getDocLines(projectId, docId) {
+    const doc = await DocManager._getDoc(projectId, docId, {
+      lines: true,
+      inS3: true,
+    })
+    return doc
+  },
+
+  async getAllDeletedDocs(projectId, filter) {
+    return await MongoManager.promises.getProjectsDeletedDocs(projectId, filter)
+  },
+
+  async getAllNonDeletedDocs(projectId, filter) {
+    await DocArchive.promises.unArchiveAllDocs(projectId)
+    const docs = await MongoManager.promises.getProjectsDocs(
+      projectId,
+      { include_deleted: false },
+      filter
+    )
+    if (docs == null) {
+      throw new Errors.NotFoundError(`No docs for project ${projectId}`)
+    }
+    return docs
+  },
+
+  async projectHasRanges(projectId) {
+    const docs = await MongoManager.promises.getProjectsDocs(
+      projectId,
+      {},
+      { _id: 1 }
+    )
+    const docIds = docs.map(doc => doc._id)
+    for (const docId of docIds) {
+      const doc = await DocManager.peekDoc(projectId, docId)
+      if (
+        (doc.ranges?.comments != null && doc.ranges.comments.length > 0) ||
+        (doc.ranges?.changes != null && doc.ranges.changes.length > 0)
+      ) {
+        return true
+      }
+    }
+    return false
+  },
+
+  async updateDoc(projectId, docId, lines, version, ranges) {
+    const MAX_ATTEMPTS = 2
+    for (let attempt = 1; attempt <= MAX_ATTEMPTS; attempt++) {
+      try {
+        const { modified, rev } = await DocManager._tryUpdateDoc(
+          projectId,
+          docId,
+          lines,
+          version,
+          ranges
+        )
+        return { modified, rev }
+      } catch (err) {
+        if (err instanceof Errors.DocRevValueError && attempt < MAX_ATTEMPTS) {
+          // Another updateDoc call was racing with ours.
+          // Retry once in a bit.
+          logger.warn(
+            { projectId, docId, err },
+            'detected concurrent updateDoc call'
+          )
+          await setTimeout(100 + Math.random() * 100)
+          continue
+        } else {
+          throw err
+        }
+      }
+    }
+  },
+
+  async _tryUpdateDoc(projectId, docId, lines, version, ranges) {
+    if (lines == null || version == null || ranges == null) {
+      throw new Error('no lines, version or ranges provided')
+    }
+
+    let doc
+    try {
+      doc = await DocManager._getDoc(projectId, docId, {
+        version: true,
+        rev: true,
+        lines: true,
+        ranges: true,
+        inS3: true,
+      })
+    } catch (err) {
+      if (err instanceof Errors.NotFoundError) {
+        doc = null
+      } else {
+        throw err
+      }
+    }
+
+    ranges = RangeManager.jsonRangesToMongo(ranges)
+
+    let updateLines, updateRanges, updateVersion
+    if (doc == null) {
+      // If the document doesn't exist, we'll make sure to create/update all parts of it.
+      updateLines = true
+      updateVersion = true
+      updateRanges = true
+    } else {
+      if (doc.version > version) {
+        // Reject update when the version was decremented.
+        // Potential reasons: racing flush, broken history.
+        throw new Errors.DocVersionDecrementedError('rejecting stale update', {
+          updateVersion: version,
+          flushedVersion: doc.version,
+        })
+      }
+      updateLines = !_.isEqual(doc.lines, lines)
+      updateVersion = doc.version !== version
+      updateRanges = RangeManager.shouldUpdateRanges(doc.ranges, ranges)
+    }
+
+    let modified = false
+    let rev = doc?.rev || 0
+
+    if (updateLines || updateRanges || updateVersion) {
+      const update = {}
+      if (updateLines) {
+        update.lines = lines
+      }
+      if (updateRanges) {
+        update.ranges = ranges
+      }
+      if (updateVersion) {
+        update.version = version
+      }
+      logger.debug(
+        { projectId, docId, oldVersion: doc?.version, newVersion: version },
+        'updating doc'
+      )
+
+      if (updateLines || updateRanges) {
+        rev += 1 // rev will be incremented in mongo by MongoManager.upsertIntoDocCollection
+      }
+
+      modified = true
+      await MongoManager.promises.upsertIntoDocCollection(
+        projectId,
+        docId,
+        doc?.rev,
+        update
+      )
+    } else {
+      logger.debug({ projectId, docId }, 'doc has not changed - not updating')
+    }
+
+    return { modified, rev }
+  },
+
+  async patchDoc(projectId, docId, meta) {
+    const projection = { _id: 1, deleted: true }
+    const doc = await MongoManager.promises.findDoc(
+      projectId,
+      docId,
+      projection
+    )
+    if (!doc) {
+      throw new Errors.NotFoundError(
+        `No such project/doc to delete: ${projectId}/${docId}`
+      )
+    }
+
+    if (meta.deleted && Settings.docstore.archiveOnSoftDelete) {
+      // The user will not read this doc anytime soon. Flush it out of mongo.
+      DocArchive.promises.archiveDoc(projectId, docId).catch(err => {
+        logger.warn(
+          { projectId, docId, err },
+          'archiving a single doc in the background failed'
+        )
+      })
+    }
+
+    await MongoManager.promises.patchDoc(projectId, docId, meta)
+  },
+}
+
+module.exports = {
+  ...callbackifyAll(DocManager, {
+    multiResult: {
+      updateDoc: ['modified', 'rev'],
+    },
+  }),
+  promises: DocManager,
+}
diff --git a/services/docstore/app/js/Errors.js b/services/docstore/app/js/Errors.js
new file mode 100644
index 0000000..bbdbe75
--- /dev/null
+++ b/services/docstore/app/js/Errors.js
@@ -0,0 +1,19 @@
+// import Errors from object-persistor to pass instanceof checks
+const OError = require('@overleaf/o-error')
+const { Errors } = require('@overleaf/object-persistor')
+
+class Md5MismatchError extends OError {}
+
+class DocModifiedError extends OError {}
+
+class DocRevValueError extends OError {}
+
+class DocVersionDecrementedError extends OError {}
+
+module.exports = {
+  Md5MismatchError,
+  DocModifiedError,
+  DocRevValueError,
+  DocVersionDecrementedError,
+  ...Errors,
+}
diff --git a/services/docstore/app/js/HealthChecker.js b/services/docstore/app/js/HealthChecker.js
new file mode 100644
index 0000000..34cd5c9
--- /dev/null
+++ b/services/docstore/app/js/HealthChecker.js
@@ -0,0 +1,67 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { db, ObjectId } = require('./mongodb')
+const request = require('request')
+const async = require('async')
+const _ = require('lodash')
+const crypto = require('node:crypto')
+const settings = require('@overleaf/settings')
+const { port } = settings.internal.docstore
+const logger = require('@overleaf/logger')
+
+module.exports = {
+  check(callback) {
+    const docId = new ObjectId()
+    const projectId = new ObjectId(settings.docstore.healthCheck.project_id)
+    const url = `http://127.0.0.1:${port}/project/${projectId}/doc/${docId}`
+    const lines = [
+      'smoke test - delete me',
+      `${crypto.randomBytes(32).toString('hex')}`,
+    ]
+    const getOpts = () => ({
+      url,
+      timeout: 3000,
+    })
+    logger.debug({ lines, url, docId, projectId }, 'running health check')
+    const jobs = [
+      function (cb) {
+        const opts = getOpts()
+        opts.json = { lines, version: 42, ranges: {} }
+        return request.post(opts, cb)
+      },
+      function (cb) {
+        const opts = getOpts()
+        opts.json = true
+        return request.get(opts, function (err, res, body) {
+          if (err != null) {
+            logger.err({ err }, 'docstore returned a error in health check get')
+            return cb(err)
+          } else if (res == null) {
+            return cb(new Error('no response from docstore with get check'))
+          } else if ((res != null ? res.statusCode : undefined) !== 200) {
+            return cb(new Error(`status code not 200, its ${res.statusCode}`))
+          } else if (
+            _.isEqual(body != null ? body.lines : undefined, lines) &&
+            (body != null ? body._id : undefined) === docId.toString()
+          ) {
+            return cb()
+          } else {
+            return cb(
+              new Error(
+                `health check lines not equal ${body.lines} != ${lines}`
+              )
+            )
+          }
+        })
+      },
+      cb => db.docs.deleteOne({ _id: docId, project_id: projectId }, cb),
+    ]
+    return async.series(jobs, callback)
+  },
+}
diff --git a/services/docstore/app/js/HttpController.js b/services/docstore/app/js/HttpController.js
new file mode 100644
index 0000000..1c4e137
--- /dev/null
+++ b/services/docstore/app/js/HttpController.js
@@ -0,0 +1,319 @@
+const DocManager = require('./DocManager')
+const logger = require('@overleaf/logger')
+const DocArchive = require('./DocArchiveManager')
+const HealthChecker = require('./HealthChecker')
+const Errors = require('./Errors')
+const Settings = require('@overleaf/settings')
+
+function getDoc(req, res, next) {
+  const { doc_id: docId, project_id: projectId } = req.params
+  const includeDeleted = req.query.include_deleted === 'true'
+  logger.debug({ projectId, docId }, 'getting doc')
+  DocManager.getFullDoc(projectId, docId, function (error, doc) {
+    if (error) {
+      return next(error)
+    }
+    logger.debug({ docId, projectId }, 'got doc')
+    if (doc == null) {
+      res.sendStatus(404)
+    } else if (doc.deleted && !includeDeleted) {
+      res.sendStatus(404)
+    } else {
+      res.json(_buildDocView(doc))
+    }
+  })
+}
+
+function peekDoc(req, res, next) {
+  const { doc_id: docId, project_id: projectId } = req.params
+  logger.debug({ projectId, docId }, 'peeking doc')
+  DocManager.peekDoc(projectId, docId, function (error, doc) {
+    if (error) {
+      return next(error)
+    }
+    if (doc == null) {
+      res.sendStatus(404)
+    } else {
+      res.setHeader('x-doc-status', doc.inS3 ? 'archived' : 'active')
+      res.json(_buildDocView(doc))
+    }
+  })
+}
+
+function isDocDeleted(req, res, next) {
+  const { doc_id: docId, project_id: projectId } = req.params
+  DocManager.isDocDeleted(projectId, docId, function (error, deleted) {
+    if (error) {
+      return next(error)
+    }
+    res.json({ deleted })
+  })
+}
+
+function getRawDoc(req, res, next) {
+  const { doc_id: docId, project_id: projectId } = req.params
+  logger.debug({ projectId, docId }, 'getting raw doc')
+  DocManager.getDocLines(projectId, docId, function (error, doc) {
+    if (error) {
+      return next(error)
+    }
+    if (doc == null) {
+      res.sendStatus(404)
+    } else {
+      res.setHeader('content-type', 'text/plain')
+      res.send(_buildRawDocView(doc))
+    }
+  })
+}
+
+function getAllDocs(req, res, next) {
+  const { project_id: projectId } = req.params
+  logger.debug({ projectId }, 'getting all docs')
+  DocManager.getAllNonDeletedDocs(
+    projectId,
+    { lines: true, rev: true },
+    function (error, docs) {
+      if (docs == null) {
+        docs = []
+      }
+      if (error) {
+        return next(error)
+      }
+      const docViews = _buildDocsArrayView(projectId, docs)
+      for (const docView of docViews) {
+        if (!docView.lines) {
+          logger.warn({ projectId, docId: docView._id }, 'missing doc lines')
+          docView.lines = []
+        }
+      }
+      res.json(docViews)
+    }
+  )
+}
+
+function getAllDeletedDocs(req, res, next) {
+  const { project_id: projectId } = req.params
+  logger.debug({ projectId }, 'getting all deleted docs')
+  DocManager.getAllDeletedDocs(
+    projectId,
+    { name: true, deletedAt: true },
+    function (error, docs) {
+      if (error) {
+        return next(error)
+      }
+      res.json(
+        docs.map(doc => ({
+          _id: doc._id.toString(),
+          name: doc.name,
+          deletedAt: doc.deletedAt,
+        }))
+      )
+    }
+  )
+}
+
+function getAllRanges(req, res, next) {
+  const { project_id: projectId } = req.params
+  logger.debug({ projectId }, 'getting all ranges')
+  DocManager.getAllNonDeletedDocs(
+    projectId,
+    { ranges: true },
+    function (error, docs) {
+      if (docs == null) {
+        docs = []
+      }
+      if (error) {
+        return next(error)
+      }
+      res.json(_buildDocsArrayView(projectId, docs))
+    }
+  )
+}
+
+function projectHasRanges(req, res, next) {
+  const { project_id: projectId } = req.params
+  DocManager.projectHasRanges(projectId, (err, projectHasRanges) => {
+    if (err) {
+      return next(err)
+    }
+    res.json({ projectHasRanges })
+  })
+}
+
+function updateDoc(req, res, next) {
+  const { doc_id: docId, project_id: projectId } = req.params
+  const lines = req.body?.lines
+  const version = req.body?.version
+  const ranges = req.body?.ranges
+
+  if (lines == null || !(lines instanceof Array)) {
+    logger.error({ projectId, docId }, 'no doc lines provided')
+    res.sendStatus(400) // Bad Request
+    return
+  }
+
+  if (version == null || typeof version !== 'number') {
+    logger.error({ projectId, docId }, 'no doc version provided')
+    res.sendStatus(400) // Bad Request
+    return
+  }
+
+  if (ranges == null) {
+    logger.error({ projectId, docId }, 'no doc ranges provided')
+    res.sendStatus(400) // Bad Request
+    return
+  }
+
+  const bodyLength = lines.reduce((len, line) => line.length + len, 0)
+  if (bodyLength > Settings.max_doc_length) {
+    logger.error({ projectId, docId, bodyLength }, 'document body too large')
+    res.status(413).send('document body too large')
+    return
+  }
+
+  logger.debug({ projectId, docId }, 'got http request to update doc')
+  DocManager.updateDoc(
+    projectId,
+    docId,
+    lines,
+    version,
+    ranges,
+    function (error, modified, rev) {
+      if (error) {
+        return next(error)
+      }
+      res.json({
+        modified,
+        rev,
+      })
+    }
+  )
+}
+
+function patchDoc(req, res, next) {
+  const { doc_id: docId, project_id: projectId } = req.params
+  logger.debug({ projectId, docId }, 'patching doc')
+
+  const allowedFields = ['deleted', 'deletedAt', 'name']
+  const meta = {}
+  Object.entries(req.body).forEach(([field, value]) => {
+    if (allowedFields.includes(field)) {
+      meta[field] = value
+    } else {
+      logger.fatal({ field }, 'joi validation for pathDoc is broken')
+    }
+  })
+  DocManager.patchDoc(projectId, docId, meta, function (error) {
+    if (error) {
+      return next(error)
+    }
+    res.sendStatus(204)
+  })
+}
+
+function _buildDocView(doc) {
+  const docView = { _id: doc._id?.toString() }
+  for (const attribute of ['lines', 'rev', 'version', 'ranges', 'deleted']) {
+    if (doc[attribute] != null) {
+      docView[attribute] = doc[attribute]
+    }
+  }
+  return docView
+}
+
+function _buildRawDocView(doc) {
+  return (doc?.lines ?? []).join('\n')
+}
+
+function _buildDocsArrayView(projectId, docs) {
+  const docViews = []
+  for (const doc of docs) {
+    if (doc != null) {
+      // There can end up being null docs for some reason :( (probably a race condition)
+      docViews.push(_buildDocView(doc))
+    } else {
+      logger.error(
+        { err: new Error('null doc'), projectId },
+        'encountered null doc'
+      )
+    }
+  }
+  return docViews
+}
+
+function archiveAllDocs(req, res, next) {
+  const { project_id: projectId } = req.params
+  logger.debug({ projectId }, 'archiving all docs')
+  DocArchive.archiveAllDocs(projectId, function (error) {
+    if (error) {
+      return next(error)
+    }
+    res.sendStatus(204)
+  })
+}
+
+function archiveDoc(req, res, next) {
+  const { doc_id: docId, project_id: projectId } = req.params
+  logger.debug({ projectId, docId }, 'archiving a doc')
+  DocArchive.archiveDoc(projectId, docId, function (error) {
+    if (error) {
+      return next(error)
+    }
+    res.sendStatus(204)
+  })
+}
+
+function unArchiveAllDocs(req, res, next) {
+  const { project_id: projectId } = req.params
+  logger.debug({ projectId }, 'unarchiving all docs')
+  DocArchive.unArchiveAllDocs(projectId, function (err) {
+    if (err) {
+      if (err instanceof Errors.DocRevValueError) {
+        logger.warn({ err }, 'Failed to unarchive doc')
+        return res.sendStatus(409)
+      }
+      return next(err)
+    }
+    res.sendStatus(200)
+  })
+}
+
+function destroyProject(req, res, next) {
+  const { project_id: projectId } = req.params
+  logger.debug({ projectId }, 'destroying all docs')
+  DocArchive.destroyProject(projectId, function (error) {
+    if (error) {
+      return next(error)
+    }
+    res.sendStatus(204)
+  })
+}
+
+function healthCheck(req, res) {
+  HealthChecker.check(function (err) {
+    if (err) {
+      logger.err({ err }, 'error performing health check')
+      res.sendStatus(500)
+    } else {
+      res.sendStatus(200)
+    }
+  })
+}
+
+module.exports = {
+  getDoc,
+  peekDoc,
+  isDocDeleted,
+  getRawDoc,
+  getAllDocs,
+  getAllDeletedDocs,
+  getAllRanges,
+  projectHasRanges,
+  updateDoc,
+  patchDoc,
+  archiveAllDocs,
+  archiveDoc,
+  unArchiveAllDocs,
+  destroyProject,
+  healthCheck,
+}
diff --git a/services/docstore/app/js/MongoManager.js b/services/docstore/app/js/MongoManager.js
new file mode 100644
index 0000000..ad1a2d2
--- /dev/null
+++ b/services/docstore/app/js/MongoManager.js
@@ -0,0 +1,274 @@
+const { db, ObjectId } = require('./mongodb')
+const Settings = require('@overleaf/settings')
+const Errors = require('./Errors')
+const { callbackify } = require('node:util')
+
+const ARCHIVING_LOCK_DURATION_MS = Settings.archivingLockDurationMs
+
+async function findDoc(projectId, docId, projection) {
+  const doc = await db.docs.findOne(
+    {
+      _id: new ObjectId(docId.toString()),
+      project_id: new ObjectId(projectId.toString()),
+    },
+    { projection }
+  )
+  if (doc && projection.version && !doc.version) {
+    doc.version = 0
+  }
+  return doc
+}
+
+async function getProjectsDeletedDocs(projectId, projection) {
+  const docs = await db.docs
+    .find(
+      {
+        project_id: new ObjectId(projectId.toString()),
+        deleted: true,
+      },
+      {
+        projection,
+        sort: { deletedAt: -1 },
+        limit: Settings.max_deleted_docs,
+      }
+    )
+    .toArray()
+  return docs
+}
+
+async function getProjectsDocs(projectId, options, projection) {
+  const query = { project_id: new ObjectId(projectId.toString()) }
+  if (!options.include_deleted) {
+    query.deleted = { $ne: true }
+  }
+  const queryOptions = {
+    projection,
+  }
+  if (options.limit) {
+    queryOptions.limit = options.limit
+  }
+  const docs = await db.docs.find(query, queryOptions).toArray()
+  return docs
+}
+
+async function getArchivedProjectDocs(projectId, maxResults) {
+  const query = {
+    project_id: new ObjectId(projectId.toString()),
+    inS3: true,
+  }
+  const docs = await db.docs
+    .find(query, { projection: { _id: 1 }, limit: maxResults })
+    .toArray()
+  return docs
+}
+
+async function getNonArchivedProjectDocIds(projectId) {
+  const docs = await db.docs
+    .find(
+      {
+        project_id: new ObjectId(projectId),
+        inS3: { $ne: true },
+      },
+      { projection: { _id: 1 } }
+    )
+    .map(doc => doc._id)
+    .toArray()
+  return docs
+}
+
+async function getNonDeletedArchivedProjectDocs(projectId, maxResults) {
+  const query = {
+    project_id: new ObjectId(projectId.toString()),
+    deleted: { $ne: true },
+    inS3: true,
+  }
+  const docs = await db.docs
+    .find(query, { projection: { _id: 1 }, limit: maxResults })
+    .toArray()
+  return docs
+}
+
+async function upsertIntoDocCollection(projectId, docId, previousRev, updates) {
+  if (previousRev) {
+    const update = {
+      $set: updates,
+      $unset: { inS3: true },
+    }
+    if (updates.lines || updates.ranges) {
+      update.$inc = { rev: 1 }
+    }
+    const result = await db.docs.updateOne(
+      {
+        _id: new ObjectId(docId),
+        project_id: new ObjectId(projectId),
+        rev: previousRev,
+      },
+      update
+    )
+    if (result.matchedCount !== 1) {
+      throw new Errors.DocRevValueError()
+    }
+  } else {
+    try {
+      await db.docs.insertOne({
+        _id: new ObjectId(docId),
+        project_id: new ObjectId(projectId),
+        rev: 1,
+        ...updates,
+      })
+    } catch (err) {
+      if (err.code === 11000) {
+        // duplicate doc _id
+        throw new Errors.DocRevValueError()
+      } else {
+        throw err
+      }
+    }
+  }
+}
+
+async function patchDoc(projectId, docId, meta) {
+  await db.docs.updateOne(
+    {
+      _id: new ObjectId(docId),
+      project_id: new ObjectId(projectId),
+    },
+    { $set: meta }
+  )
+}
+
+/**
+ * Fetch a doc and lock it for archiving
+ *
+ * This will return null if the doc is not found, if it's already archived or
+ * if the lock can't be acquired.
+ */
+async function getDocForArchiving(projectId, docId) {
+  const archivingUntil = new Date(Date.now() + ARCHIVING_LOCK_DURATION_MS)
+  const result = await db.docs.findOneAndUpdate(
+    {
+      _id: new ObjectId(docId),
+      project_id: new ObjectId(projectId),
+      inS3: { $ne: true },
+      $or: [{ archivingUntil: null }, { archivingUntil: { $lt: new Date() } }],
+    },
+    { $set: { archivingUntil } },
+    {
+      projection: { lines: 1, ranges: 1, rev: 1 },
+      includeResultMetadata: true,
+    }
+  )
+  return result.value
+}
+
+/**
+ * Clear the doc contents from Mongo and release the archiving lock
+ */
+async function markDocAsArchived(projectId, docId, rev) {
+  await db.docs.updateOne(
+    { _id: new ObjectId(docId), rev },
+    {
+      $set: { inS3: true },
+      $unset: { lines: 1, ranges: 1, archivingUntil: 1 },
+    }
+  )
+}
+
+/**
+ * Restore an archived doc
+ *
+ * This checks that the archived doc's rev matches.
+ */
+async function restoreArchivedDoc(projectId, docId, archivedDoc) {
+  const query = {
+    _id: new ObjectId(docId),
+    project_id: new ObjectId(projectId),
+    rev: archivedDoc.rev,
+  }
+  const update = {
+    $set: {
+      lines: archivedDoc.lines,
+      ranges: archivedDoc.ranges || {},
+    },
+    $unset: {
+      inS3: true,
+    },
+  }
+  const result = await db.docs.updateOne(query, update)
+
+  if (result.matchedCount === 0) {
+    throw new Errors.DocRevValueError('failed to unarchive doc', {
+      docId,
+      rev: archivedDoc.rev,
+    })
+  }
+}
+
+async function getDocRev(docId) {
+  const doc = await db.docs.findOne(
+    { _id: new ObjectId(docId.toString()) },
+    { projection: { rev: 1 } }
+  )
+  return doc && doc.rev
+}
+
+/**
+ * Helper method  to support optimistic locking.
+ *
+ * Check that the rev of an existing doc is unchanged. If the rev has
+ * changed, return a DocModifiedError.
+ */
+async function checkRevUnchanged(doc) {
+  const currentRev = await getDocRev(doc._id)
+  if (isNaN(currentRev) || isNaN(doc.rev)) {
+    throw new Errors.DocRevValueError('doc rev is NaN', {
+      doc_id: doc._id,
+      rev: doc.rev,
+      currentRev,
+    })
+  }
+  if (doc.rev !== currentRev) {
+    throw new Errors.DocModifiedError('doc rev has changed', {
+      doc_id: doc._id,
+      rev: doc.rev,
+      currentRev,
+    })
+  }
+}
+
+async function destroyProject(projectId) {
+  await db.docs.deleteMany({ project_id: new ObjectId(projectId) })
+}
+
+module.exports = {
+  findDoc: callbackify(findDoc),
+  getProjectsDeletedDocs: callbackify(getProjectsDeletedDocs),
+  getProjectsDocs: callbackify(getProjectsDocs),
+  getArchivedProjectDocs: callbackify(getArchivedProjectDocs),
+  getNonArchivedProjectDocIds: callbackify(getNonArchivedProjectDocIds),
+  getNonDeletedArchivedProjectDocs: callbackify(
+    getNonDeletedArchivedProjectDocs
+  ),
+  upsertIntoDocCollection: callbackify(upsertIntoDocCollection),
+  restoreArchivedDoc: callbackify(restoreArchivedDoc),
+  patchDoc: callbackify(patchDoc),
+  getDocForArchiving: callbackify(getDocForArchiving),
+  markDocAsArchived: callbackify(markDocAsArchived),
+  checkRevUnchanged: callbackify(checkRevUnchanged),
+  destroyProject: callbackify(destroyProject),
+  promises: {
+    findDoc,
+    getProjectsDeletedDocs,
+    getProjectsDocs,
+    getArchivedProjectDocs,
+    getNonArchivedProjectDocIds,
+    getNonDeletedArchivedProjectDocs,
+    upsertIntoDocCollection,
+    restoreArchivedDoc,
+    patchDoc,
+    getDocForArchiving,
+    markDocAsArchived,
+    checkRevUnchanged,
+    destroyProject,
+  },
+}
diff --git a/services/docstore/app/js/PersistorManager.js b/services/docstore/app/js/PersistorManager.js
new file mode 100644
index 0000000..5838271
--- /dev/null
+++ b/services/docstore/app/js/PersistorManager.js
@@ -0,0 +1,12 @@
+const settings = require('@overleaf/settings')
+
+const persistorSettings = settings.docstore
+persistorSettings.Metrics = require('@overleaf/metrics')
+
+const ObjectPersistor = require('@overleaf/object-persistor')
+const AbstractPersistor = require('@overleaf/object-persistor/src/AbstractPersistor')
+const persistor = settings.docstore.backend
+  ? ObjectPersistor(persistorSettings)
+  : new AbstractPersistor()
+
+module.exports = persistor
diff --git a/services/docstore/app/js/RangeManager.js b/services/docstore/app/js/RangeManager.js
new file mode 100644
index 0000000..f36f68f
--- /dev/null
+++ b/services/docstore/app/js/RangeManager.js
@@ -0,0 +1,68 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let RangeManager
+const _ = require('lodash')
+const { ObjectId } = require('./mongodb')
+
+module.exports = RangeManager = {
+  shouldUpdateRanges(docRanges, incomingRanges) {
+    if (incomingRanges == null) {
+      throw new Error('expected incoming_ranges')
+    }
+
+    // If the ranges are empty, we don't store them in the DB, so set
+    // doc_ranges to an empty object as default, since this is was the
+    // incoming_ranges will be for an empty range set.
+    if (docRanges == null) {
+      docRanges = {}
+    }
+
+    return !_.isEqual(docRanges, incomingRanges)
+  },
+
+  jsonRangesToMongo(ranges) {
+    if (ranges == null) {
+      return null
+    }
+
+    const updateMetadata = function (metadata) {
+      if ((metadata != null ? metadata.ts : undefined) != null) {
+        metadata.ts = new Date(metadata.ts)
+      }
+      if ((metadata != null ? metadata.user_id : undefined) != null) {
+        return (metadata.user_id = RangeManager._safeObjectId(metadata.user_id))
+      }
+    }
+
+    for (const change of Array.from(ranges.changes || [])) {
+      change.id = RangeManager._safeObjectId(change.id)
+      updateMetadata(change.metadata)
+    }
+    for (const comment of Array.from(ranges.comments || [])) {
+      comment.id = RangeManager._safeObjectId(comment.id)
+      if ((comment.op != null ? comment.op.t : undefined) != null) {
+        comment.op.t = RangeManager._safeObjectId(comment.op.t)
+      }
+      updateMetadata(comment.metadata)
+    }
+    return ranges
+  },
+
+  _safeObjectId(data) {
+    try {
+      return new ObjectId(data)
+    } catch (error) {
+      return data
+    }
+  },
+}
diff --git a/services/docstore/app/js/StreamToBuffer.js b/services/docstore/app/js/StreamToBuffer.js
new file mode 100644
index 0000000..7de146c
--- /dev/null
+++ b/services/docstore/app/js/StreamToBuffer.js
@@ -0,0 +1,28 @@
+const { LoggerStream, WritableBuffer } = require('@overleaf/stream-utils')
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger/logging-manager')
+const { pipeline } = require('node:stream/promises')
+const { callbackify } = require('node:util')
+
+module.exports = {
+  streamToBuffer: callbackify(streamToBuffer),
+  promises: {
+    streamToBuffer,
+  },
+}
+
+async function streamToBuffer(projectId, docId, stream) {
+  const loggerTransform = new LoggerStream(
+    Settings.max_doc_length,
+    (size, isFlush) => {
+      logger.warn(
+        { projectId, docId, size, finishedReading: isFlush },
+        'potentially large doc pulled down from gcs'
+      )
+    }
+  )
+
+  const buffer = new WritableBuffer()
+  await pipeline(stream, loggerTransform, buffer)
+  return buffer.contents()
+}
diff --git a/services/docstore/app/js/mongodb.js b/services/docstore/app/js/mongodb.js
new file mode 100644
index 0000000..796cd6c
--- /dev/null
+++ b/services/docstore/app/js/mongodb.js
@@ -0,0 +1,18 @@
+const Metrics = require('@overleaf/metrics')
+const Settings = require('@overleaf/settings')
+const { MongoClient, ObjectId } = require('mongodb-legacy')
+
+const mongoClient = new MongoClient(Settings.mongo.url, Settings.mongo.options)
+const mongoDb = mongoClient.db()
+
+const db = {
+  docs: mongoDb.collection('docs'),
+}
+
+Metrics.mongodb.monitor(mongoClient)
+
+module.exports = {
+  db,
+  mongoClient,
+  ObjectId,
+}
diff --git a/services/docstore/buildscript.txt b/services/docstore/buildscript.txt
new file mode 100644
index 0000000..c329d7b
--- /dev/null
+++ b/services/docstore/buildscript.txt
@@ -0,0 +1,9 @@
+docstore
+--dependencies=mongo,gcs
+--docker-repos=us-east1-docker.pkg.dev/overleaf-ops/ol-docker
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--node-version=20.18.2
+--public-repo=True
+--script-version=4.7.0
diff --git a/services/docstore/config/settings.defaults.js b/services/docstore/config/settings.defaults.js
new file mode 100644
index 0000000..9ad506a
--- /dev/null
+++ b/services/docstore/config/settings.defaults.js
@@ -0,0 +1,92 @@
+const http = require('node:http')
+const https = require('node:https')
+
+http.globalAgent.maxSockets = 300
+http.globalAgent.keepAlive = false
+https.globalAgent.keepAlive = false
+
+const Settings = {
+  internal: {
+    docstore: {
+      port: 3016,
+      host: process.env.LISTEN_ADDRESS || '127.0.0.1',
+    },
+  },
+
+  mongo: {
+    options: {
+      monitorCommands: true,
+    },
+  },
+
+  docstore: {
+    archiveOnSoftDelete: process.env.ARCHIVE_ON_SOFT_DELETE === 'true',
+    keepSoftDeletedDocsArchived:
+      process.env.KEEP_SOFT_DELETED_DOCS_ARCHIVED === 'true',
+
+    backend: process.env.BACKEND,
+    healthCheck: {
+      project_id: process.env.HEALTH_CHECK_PROJECT_ID,
+    },
+    bucket: process.env.BUCKET_NAME || process.env.AWS_BUCKET || 'bucket',
+    gcs: {
+      unlockBeforeDelete: process.env.GCS_UNLOCK_BEFORE_DELETE === 'true',
+      deletedBucketSuffix: process.env.GCS_DELETED_BUCKET_SUFFIX,
+      deleteConcurrency: parseInt(process.env.GCS_DELETE_CONCURRENCY) || 50,
+    },
+  },
+
+  max_deleted_docs: parseInt(process.env.MAX_DELETED_DOCS, 10) || 2000,
+
+  max_doc_length: parseInt(process.env.MAX_DOC_LENGTH) || 2 * 1024 * 1024, // 2mb
+
+  maxJsonRequestSize:
+    parseInt(process.env.MAX_JSON_REQUEST_SIZE) || 6 * 1024 * 1024, // 6 MB
+
+  unArchiveBatchSize: parseInt(process.env.UN_ARCHIVE_BATCH_SIZE, 10) || 50,
+  parallelArchiveJobs: parseInt(process.env.PARALLEL_ARCHIVE_JOBS, 10) || 5,
+  archivingLockDurationMs:
+    parseInt(process.env.ARCHIVING_LOCK_DURATION_MS, 10) || 60000,
+}
+
+if (process.env.MONGO_CONNECTION_STRING) {
+  Settings.mongo.url = process.env.MONGO_CONNECTION_STRING
+} else if (process.env.MONGO_HOST) {
+  Settings.mongo.url = `mongodb://${process.env.MONGO_HOST}/sharelatex`
+} else {
+  Settings.mongo.url = 'mongodb://127.0.0.1/sharelatex'
+}
+
+if (
+  process.env.AWS_ACCESS_KEY_ID &&
+  process.env.AWS_SECRET_ACCESS_KEY &&
+  process.env.AWS_BUCKET
+) {
+  Settings.docstore.s3 = {
+    key: process.env.AWS_ACCESS_KEY_ID,
+    secret: process.env.AWS_SECRET_ACCESS_KEY,
+    bucket: process.env.AWS_BUCKET,
+    endpoint: process.env.AWS_S3_ENDPOINT,
+    pathStyle: process.env.AWS_S3_PATH_STYLE,
+    partSize: parseInt(process.env.AWS_S3_PARTSIZE) || 100 * 1024 * 1024,
+  }
+}
+
+if (process.env.GCS_API_ENDPOINT) {
+  Settings.docstore.gcs.endpoint = {
+    apiEndpoint: process.env.GCS_API_ENDPOINT,
+    projectId: process.env.GCS_PROJECT_ID,
+  }
+}
+
+if (process.env.FALLBACK_BACKEND) {
+  Settings.docstore.fallback = {
+    backend: process.env.FALLBACK_BACKEND,
+    // mapping of bucket names on the fallback, to bucket names on the primary.
+    // e.g. { myS3UserFilesBucketName: 'myGoogleUserFilesBucketName' }
+    buckets: JSON.parse(process.env.FALLBACK_BUCKET_MAPPING || '{}'),
+    copyOnMiss: process.env.COPY_ON_MISS === 'true',
+  }
+}
+
+module.exports = Settings
diff --git a/services/docstore/docker-compose.ci.yml b/services/docstore/docker-compose.ci.yml
new file mode 100644
index 0000000..a1a9995
--- /dev/null
+++ b/services/docstore/docker-compose.ci.yml
@@ -0,0 +1,64 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    user: node
+    command: npm run test:unit:_run
+    environment:
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+
+
+  test_acceptance:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      GCS_API_ENDPOINT: http://gcs:9090
+      GCS_PROJECT_ID: fake
+      STORAGE_EMULATOR_HOST: http://gcs:9090/storage/v1
+      MOCHA_GREP: ${MOCHA_GREP}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    depends_on:
+      mongo:
+        condition: service_started
+      gcs:
+        condition: service_healthy
+    user: node
+    command: npm run test:acceptance
+
+
+  tar:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    volumes:
+      - ./:/tmp/build/
+    command: tar -czf /tmp/build/build.tar.gz --exclude=build.tar.gz --exclude-vcs .
+    user: root
+  mongo:
+    image: mongo:6.0.13
+    command: --replSet overleaf
+    volumes:
+      - ../../bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+    environment:
+      MONGO_INITDB_DATABASE: sharelatex
+    extra_hosts:
+      # Required when using the automatic database setup for initializing the
+      # replica set. This override is not needed when running the setup after
+      # starting up mongo.
+      - mongo:127.0.0.1
+  gcs:
+    image: fsouza/fake-gcs-server:1.45.2
+    command: ["--port=9090", "--scheme=http"]
+    healthcheck:
+      test: wget --quiet --output-document=/dev/null http://localhost:9090/storage/v1/b
+      interval: 1s
+      retries: 20
diff --git a/services/docstore/docker-compose.yml b/services/docstore/docker-compose.yml
new file mode 100644
index 0000000..93a029b
--- /dev/null
+++ b/services/docstore/docker-compose.yml
@@ -0,0 +1,68 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    image: node:20.18.2
+    volumes:
+      - .:/overleaf/services/docstore
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/docstore
+    environment:
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    command: npm run --silent test:unit
+    user: node
+
+  test_acceptance:
+    image: node:20.18.2
+    volumes:
+      - .:/overleaf/services/docstore
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/docstore
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      GCS_API_ENDPOINT: http://gcs:9090
+      GCS_PROJECT_ID: fake
+      STORAGE_EMULATOR_HOST: http://gcs:9090/storage/v1
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    user: node
+    depends_on:
+      mongo:
+        condition: service_started
+      gcs:
+        condition: service_healthy
+    command: npm run --silent test:acceptance
+
+  mongo:
+    image: mongo:6.0.13
+    command: --replSet overleaf
+    volumes:
+      - ../../bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+    environment:
+      MONGO_INITDB_DATABASE: sharelatex
+    extra_hosts:
+      # Required when using the automatic database setup for initializing the
+      # replica set. This override is not needed when running the setup after
+      # starting up mongo.
+      - mongo:127.0.0.1
+
+  gcs:
+    image: fsouza/fake-gcs-server:1.45.2
+    command: ["--port=9090", "--scheme=http"]
+    healthcheck:
+      test: wget --quiet --output-document=/dev/null http://localhost:9090/storage/v1/b
+      interval: 1s
+      retries: 20
diff --git a/services/docstore/package.json b/services/docstore/package.json
new file mode 100644
index 0000000..e505f73
--- /dev/null
+++ b/services/docstore/package.json
@@ -0,0 +1,47 @@
+{
+  "name": "@overleaf/docstore",
+  "description": "A CRUD API for handling text documents in projects",
+  "private": true,
+  "main": "app.js",
+  "scripts": {
+    "start": "node app.js",
+    "test:acceptance:_run": "mocha --recursive --reporter spec --timeout 15000 --exit $@ test/acceptance/js",
+    "test:acceptance": "npm run test:acceptance:_run -- --grep=$MOCHA_GREP",
+    "test:unit:_run": "mocha --recursive --reporter spec $@ test/unit/js",
+    "test:unit": "npm run test:unit:_run -- --grep=$MOCHA_GREP",
+    "nodemon": "node --watch app.js",
+    "lint": "eslint --max-warnings 0 --format unix .",
+    "format": "prettier --list-different $PWD/'**/*.*js'",
+    "format:fix": "prettier --write $PWD/'**/*.*js'",
+    "lint:fix": "eslint --fix .",
+    "types:check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@overleaf/logger": "*",
+    "@overleaf/metrics": "*",
+    "@overleaf/o-error": "*",
+    "@overleaf/object-persistor": "*",
+    "@overleaf/promise-utils": "*",
+    "@overleaf/settings": "*",
+    "@overleaf/stream-utils": "^0.1.0",
+    "async": "^3.2.5",
+    "body-parser": "^1.20.3",
+    "bunyan": "^1.8.15",
+    "celebrate": "^15.0.3",
+    "express": "^4.21.2",
+    "lodash": "^4.17.21",
+    "mongodb-legacy": "6.1.3",
+    "p-map": "^4.0.0",
+    "request": "^2.88.2"
+  },
+  "devDependencies": {
+    "@google-cloud/storage": "^6.10.1",
+    "chai": "^4.3.6",
+    "chai-as-promised": "^7.1.1",
+    "mocha": "^11.1.0",
+    "sandboxed-module": "~2.0.4",
+    "sinon": "~9.0.2",
+    "sinon-chai": "^3.7.0",
+    "typescript": "^5.0.4"
+  }
+}
diff --git a/services/docstore/test/acceptance/deps/Dockerfile.fake-gcs b/services/docstore/test/acceptance/deps/Dockerfile.fake-gcs
new file mode 100644
index 0000000..0e6de7e
--- /dev/null
+++ b/services/docstore/test/acceptance/deps/Dockerfile.fake-gcs
@@ -0,0 +1,5 @@
+FROM fsouza/fake-gcs-server:latest
+RUN apk add --update --no-cache curl
+COPY healthcheck.sh /healthcheck.sh
+HEALTHCHECK --interval=1s --timeout=1s --retries=30 CMD /healthcheck.sh http://localhost:9090
+CMD ["--port=9090", "--scheme=http"]
diff --git a/services/docstore/test/acceptance/deps/healthcheck.sh b/services/docstore/test/acceptance/deps/healthcheck.sh
new file mode 100644
index 0000000..675c205
--- /dev/null
+++ b/services/docstore/test/acceptance/deps/healthcheck.sh
@@ -0,0 +1,9 @@
+#!/bin/sh
+
+# health check to allow 404 status code as valid
+STATUSCODE=$(curl --silent --output /dev/null --write-out "%{http_code}" "$1")
+# will be 000 on non-http error (e.g. connection failure)
+if test "$STATUSCODE" -ge 500 || test "$STATUSCODE" -lt 200; then
+  exit 1
+fi
+exit 0
diff --git a/services/docstore/test/acceptance/js/ArchiveDocsTests.js b/services/docstore/test/acceptance/js/ArchiveDocsTests.js
new file mode 100644
index 0000000..d922810
--- /dev/null
+++ b/services/docstore/test/acceptance/js/ArchiveDocsTests.js
@@ -0,0 +1,1239 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+
+const Settings = require('@overleaf/settings')
+const { expect } = require('chai')
+const { db, ObjectId } = require('../../../app/js/mongodb')
+const async = require('async')
+const DocstoreApp = require('./helpers/DocstoreApp')
+const DocstoreClient = require('./helpers/DocstoreClient')
+const { Storage } = require('@google-cloud/storage')
+const Persistor = require('../../../app/js/PersistorManager')
+const { ReadableString } = require('@overleaf/stream-utils')
+
+function uploadContent(path, json, callback) {
+  const stream = new ReadableString(JSON.stringify(json))
+  Persistor.sendStream(Settings.docstore.bucket, path, stream)
+    .then(() => callback())
+    .catch(callback)
+}
+
+describe('Archiving', function () {
+  before(function (done) {
+    return DocstoreApp.ensureRunning(done)
+  })
+
+  before(async function () {
+    const storage = new Storage(Settings.docstore.gcs.endpoint)
+    await storage.createBucket(Settings.docstore.bucket)
+    await storage.createBucket(`${Settings.docstore.bucket}-deleted`)
+  })
+
+  after(async function () {
+    // Tear down the buckets created above
+    const storage = new Storage(Settings.docstore.gcs.endpoint)
+    await storage.bucket(Settings.docstore.bucket).deleteFiles()
+    await storage.bucket(Settings.docstore.bucket).delete()
+    await storage.bucket(`${Settings.docstore.bucket}-deleted`).deleteFiles()
+    await storage.bucket(`${Settings.docstore.bucket}-deleted`).delete()
+  })
+
+  describe('multiple docs in a project', function () {
+    before(function (done) {
+      this.project_id = new ObjectId()
+      this.docs = [
+        {
+          _id: new ObjectId(),
+          lines: ['one', 'two', 'three'],
+          ranges: {},
+          version: 2,
+        },
+        {
+          _id: new ObjectId(),
+          lines: ['aaa', 'bbb', 'ccc'],
+          ranges: {},
+          version: 4,
+        },
+      ]
+      const jobs = Array.from(this.docs).map(doc =>
+        (doc => {
+          return callback => {
+            return DocstoreClient.createDoc(
+              this.project_id,
+              doc._id,
+              doc.lines,
+              doc.version,
+              doc.ranges,
+              callback
+            )
+          }
+        })(doc)
+      )
+
+      return async.series(jobs, error => {
+        if (error != null) {
+          throw error
+        }
+        return DocstoreClient.archiveAllDoc(this.project_id, (error, res) => {
+          if (error) return done(error)
+          this.res = res
+          return done()
+        })
+      })
+    })
+
+    it('should archive all the docs', function (done) {
+      this.res.statusCode.should.equal(204)
+      return done()
+    })
+
+    it('should set inS3 and unset lines and ranges in each doc', function (done) {
+      const jobs = Array.from(this.docs).map(doc =>
+        (doc => {
+          return callback => {
+            return db.docs.findOne({ _id: doc._id }, (error, doc) => {
+              if (error) return callback(error)
+              expect(doc.lines).not.to.exist
+              expect(doc.ranges).not.to.exist
+              doc.inS3.should.equal(true)
+              return callback()
+            })
+          }
+        })(doc)
+      )
+      return async.series(jobs, done)
+    })
+
+    it('should set the docs in s3 correctly', function (done) {
+      const jobs = Array.from(this.docs).map(doc =>
+        (doc => {
+          return callback => {
+            return DocstoreClient.getS3Doc(
+              this.project_id,
+              doc._id,
+              (error, s3Doc) => {
+                if (error) return callback(error)
+                s3Doc.lines.should.deep.equal(doc.lines)
+                s3Doc.ranges.should.deep.equal(doc.ranges)
+                callback()
+              }
+            )
+          }
+        })(doc)
+      )
+      return async.series(jobs, done)
+    })
+
+    return describe('after unarchiving from a request for the project', function () {
+      before(function (done) {
+        return DocstoreClient.getAllDocs(
+          this.project_id,
+          (error, res, fetchedDocs) => {
+            this.fetched_docs = fetchedDocs
+            if (error != null) {
+              throw error
+            }
+            return done()
+          }
+        )
+      })
+
+      it('should return the docs', function (done) {
+        for (let i = 0; i < this.fetched_docs.length; i++) {
+          const doc = this.fetched_docs[i]
+          doc.lines.should.deep.equal(this.docs[i].lines)
+        }
+        return done()
+      })
+
+      return it('should restore the docs to mongo', function (done) {
+        const jobs = Array.from(this.docs).map((doc, i) =>
+          ((doc, i) => {
+            return callback => {
+              return db.docs.findOne({ _id: doc._id }, (error, doc) => {
+                if (error) return callback(error)
+                doc.lines.should.deep.equal(this.docs[i].lines)
+                doc.ranges.should.deep.equal(this.docs[i].ranges)
+                expect(doc.inS3).not.to.exist
+                return callback()
+              })
+            }
+          })(doc, i)
+        )
+        return async.series(jobs, done)
+      })
+    })
+  })
+
+  describe('a deleted doc', function () {
+    beforeEach(function (done) {
+      this.project_id = new ObjectId()
+      this.doc = {
+        _id: new ObjectId(),
+        lines: ['one', 'two', 'three'],
+        ranges: {},
+        version: 2,
+      }
+      return DocstoreClient.createDoc(
+        this.project_id,
+        this.doc._id,
+        this.doc.lines,
+        this.doc.version,
+        this.doc.ranges,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          return DocstoreClient.deleteDoc(
+            this.project_id,
+            this.doc._id,
+            error => {
+              if (error != null) {
+                throw error
+              }
+              return DocstoreClient.archiveAllDoc(
+                this.project_id,
+                (error, res) => {
+                  this.res = res
+                  if (error != null) {
+                    throw error
+                  }
+                  return done()
+                }
+              )
+            }
+          )
+        }
+      )
+    })
+
+    it('should successully archive the docs', function (done) {
+      this.res.statusCode.should.equal(204)
+      return done()
+    })
+
+    it('should set inS3 and unset lines and ranges in each doc', function (done) {
+      return db.docs.findOne({ _id: this.doc._id }, (error, doc) => {
+        if (error != null) {
+          throw error
+        }
+        expect(doc.lines).not.to.exist
+        expect(doc.ranges).not.to.exist
+        doc.inS3.should.equal(true)
+        doc.deleted.should.equal(true)
+        return done()
+      })
+    })
+
+    it('should set the doc in s3 correctly', function (done) {
+      return DocstoreClient.getS3Doc(
+        this.project_id,
+        this.doc._id,
+        (error, s3Doc) => {
+          if (error != null) {
+            throw error
+          }
+          s3Doc.lines.should.deep.equal(this.doc.lines)
+          s3Doc.ranges.should.deep.equal(this.doc.ranges)
+          return done()
+        }
+      )
+    })
+
+    describe('after unarchiving from a request for the project', function () {
+      beforeEach(function (done) {
+        return DocstoreClient.getAllDocs(
+          this.project_id,
+          (error, res, fetchedDocs) => {
+            this.fetched_docs = fetchedDocs
+            if (error != null) {
+              throw error
+            }
+            return done()
+          }
+        )
+      })
+
+      it('should not included the deleted', function (done) {
+        this.fetched_docs.length.should.equal(0)
+        return done()
+      })
+
+      return it('should restore the doc to mongo', function (done) {
+        return db.docs.findOne({ _id: this.doc._id }, (error, doc) => {
+          if (error != null) {
+            throw error
+          }
+          doc.lines.should.deep.equal(this.doc.lines)
+          doc.ranges.should.deep.equal(this.doc.ranges)
+          expect(doc.inS3).not.to.exist
+          doc.deleted.should.equal(true)
+          return done()
+        })
+      })
+    })
+
+    describe('when keepSoftDeletedDocsArchived is enabled', function () {
+      let keepSoftDeletedDocsArchived
+      beforeEach(function overwriteSetting() {
+        keepSoftDeletedDocsArchived =
+          Settings.docstore.keepSoftDeletedDocsArchived
+        Settings.docstore.keepSoftDeletedDocsArchived = true
+      })
+      afterEach(function restoreSetting() {
+        Settings.docstore.keepSoftDeletedDocsArchived =
+          keepSoftDeletedDocsArchived
+      })
+
+      describe('after unarchiving from a request for the project', function () {
+        beforeEach(function (done) {
+          DocstoreClient.getAllDocs(
+            this.project_id,
+            (error, res, fetchedDocs) => {
+              this.fetched_docs = fetchedDocs
+              if (error) {
+                return done(error)
+              }
+              done()
+            }
+          )
+        })
+
+        it('should not included the deleted', function (done) {
+          this.fetched_docs.length.should.equal(0)
+          done()
+        })
+
+        it('should not have restored the deleted doc to mongo', function (done) {
+          db.docs.findOne({ _id: this.doc._id }, (error, doc) => {
+            if (error) {
+              return done(error)
+            }
+            expect(doc.lines).to.not.exist
+            expect(doc.ranges).to.not.exist
+            expect(doc.inS3).to.equal(true)
+            expect(doc.deleted).to.equal(true)
+            done()
+          })
+        })
+      })
+    })
+  })
+
+  describe('archiving a single doc', function () {
+    before(function (done) {
+      this.project_id = new ObjectId()
+      this.timeout(1000 * 30)
+      this.doc = {
+        _id: new ObjectId(),
+        lines: ['foo', 'bar'],
+        ranges: {},
+        version: 2,
+      }
+      DocstoreClient.createDoc(
+        this.project_id,
+        this.doc._id,
+        this.doc.lines,
+        this.doc.version,
+        this.doc.ranges,
+        error => {
+          if (error) {
+            return done(error)
+          }
+          DocstoreClient.archiveDoc(
+            this.project_id,
+            this.doc._id,
+            (error, res) => {
+              this.res = res
+              if (error) {
+                return done(error)
+              }
+              done()
+            }
+          )
+        }
+      )
+    })
+
+    it('should successully archive the doc', function (done) {
+      this.res.statusCode.should.equal(204)
+      done()
+    })
+
+    it('should set inS3 and unset lines and ranges in the doc', function (done) {
+      db.docs.findOne({ _id: this.doc._id }, (error, doc) => {
+        if (error) {
+          return done(error)
+        }
+        expect(doc.lines).not.to.exist
+        expect(doc.ranges).not.to.exist
+        doc.inS3.should.equal(true)
+        done()
+      })
+    })
+
+    it('should set the doc in s3 correctly', function (done) {
+      DocstoreClient.getS3Doc(this.project_id, this.doc._id, (error, s3Doc) => {
+        if (error) {
+          return done(error)
+        }
+        s3Doc.lines.should.deep.equal(this.doc.lines)
+        s3Doc.ranges.should.deep.equal(this.doc.ranges)
+        done()
+      })
+    })
+  })
+
+  describe('a doc with large lines', function () {
+    before(function (done) {
+      this.project_id = new ObjectId()
+      this.timeout(1000 * 30)
+      const quarterMegInBytes = 250000
+      const bigLine = require('node:crypto')
+        .randomBytes(quarterMegInBytes)
+        .toString('hex')
+      this.doc = {
+        _id: new ObjectId(),
+        lines: [bigLine, bigLine, bigLine, bigLine],
+        ranges: {},
+        version: 2,
+      }
+      return DocstoreClient.createDoc(
+        this.project_id,
+        this.doc._id,
+        this.doc.lines,
+        this.doc.version,
+        this.doc.ranges,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          return DocstoreClient.archiveAllDoc(this.project_id, (error, res) => {
+            this.res = res
+            if (error != null) {
+              throw error
+            }
+            return done()
+          })
+        }
+      )
+    })
+
+    it('should successully archive the docs', function (done) {
+      this.res.statusCode.should.equal(204)
+      return done()
+    })
+
+    it('should set inS3 and unset lines and ranges in each doc', function (done) {
+      return db.docs.findOne({ _id: this.doc._id }, (error, doc) => {
+        if (error != null) {
+          throw error
+        }
+        expect(doc.lines).not.to.exist
+        expect(doc.ranges).not.to.exist
+        doc.inS3.should.equal(true)
+        return done()
+      })
+    })
+
+    it('should set the doc in s3 correctly', function (done) {
+      return DocstoreClient.getS3Doc(
+        this.project_id,
+        this.doc._id,
+        (error, s3Doc) => {
+          if (error != null) {
+            throw error
+          }
+          s3Doc.lines.should.deep.equal(this.doc.lines)
+          s3Doc.ranges.should.deep.equal(this.doc.ranges)
+          return done()
+        }
+      )
+    })
+
+    return describe('after unarchiving from a request for the project', function () {
+      before(function (done) {
+        return DocstoreClient.getAllDocs(
+          this.project_id,
+          (error, res, fetchedDocs) => {
+            this.fetched_docs = fetchedDocs
+            if (error != null) {
+              throw error
+            }
+            return done()
+          }
+        )
+      })
+
+      return it('should restore the doc to mongo', function (done) {
+        return db.docs.findOne({ _id: this.doc._id }, (error, doc) => {
+          if (error != null) {
+            throw error
+          }
+          doc.lines.should.deep.equal(this.doc.lines)
+          doc.ranges.should.deep.equal(this.doc.ranges)
+          expect(doc.inS3).not.to.exist
+          return done()
+        })
+      })
+    })
+  })
+
+  describe('a doc with naughty strings', function () {
+    before(function (done) {
+      this.project_id = new ObjectId()
+      this.doc = {
+        _id: new ObjectId(),
+        lines: [
+          '',
+          'undefined',
+          'undef',
+          'null',
+          'NULL',
+          '(null)',
+          'nil',
+          'NIL',
+          'true',
+          'false',
+          'True',
+          'False',
+          'None',
+          '\\',
+          '\\\\',
+          '0',
+          '1',
+          '1.00',
+          '$1.00',
+          '1/2',
+          '1E2',
+          '1E02',
+          '1E+02',
+          '-1',
+          '-1.00',
+          '-$1.00',
+          '-1/2',
+          '-1E2',
+          '-1E02',
+          '-1E+02',
+          '1/0',
+          '0/0',
+          '-2147483648/-1',
+          '-9223372036854775808/-1',
+          '0.00',
+          '0..0',
+          '.',
+          '0.0.0',
+          '0,00',
+          '0,,0',
+          ',',
+          '0,0,0',
+          '0.0/0',
+          '1.0/0.0',
+          '0.0/0.0',
+          '1,0/0,0',
+          '0,0/0,0',
+          '--1',
+          '-',
+          '-.',
+          '-,',
+          '999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999',
+          'NaN',
+          'Infinity',
+          '-Infinity',
+          '0x0',
+          '0xffffffff',
+          '0xffffffffffffffff',
+          '0xabad1dea',
+          '123456789012345678901234567890123456789',
+          '1,000.00',
+          '1 000.00',
+          "1'000.00",
+          '1,000,000.00',
+          '1 000 000.00',
+          "1'000'000.00",
+          '1.000,00',
+          '1 000,00',
+          "1'000,00",
+          '1.000.000,00',
+          '1 000i̳̞v̢͇ḙ͎͟-҉̭̩̼͔m̤̭̫i͕͇̝̦n̗͙ḍ̟ ̯̲͕͞ǫ̟̯̰̲͙̻̝f ̪̰̰̗̖̭̘͘c̦͍̲̞͍̩̙ḥ͚a̮͎̟̙͜ơ̩̹͎s̤.̝̝ ҉Z̡̖̜͖̰̣͉̜a͖̰͙̬͡l̲̫̳͍̩g̡̟̼̱͚̞̬ͅo̗͜.̟',
+          '̦H̬̤̗̤͝e͜ ̜̥̝̻͍̟́w̕h̖̯͓o̝͙̖͎̱̮ ҉̺̙̞̟͈W̷̼̭a̺̪͍į͈͕̭͙̯̜t̶̼̮s̘͙͖̕ ̠̫̠B̻͍͙͉̳ͅe̵h̵̬͇̫͙i̹͓̳̳̮͎̫̕n͟d̴̪̜̖ ̰͉̩͇͙̲͞ͅT͖̼͓̪͢h͏͓̮̻e̬̝̟ͅ ̤̹̝W͙̞̝͔͇͝ͅa͏͓͔̹̼̣l̴͔̰̤̟͔ḽ̫.͕',
+          'Z̮̞̠͙͔ͅḀ̗̞͈̻̗Ḷ͙͎̯̹̞͓G̻O̭̗̮',
+          "˙ɐnbᴉlɐ ɐuƃɐɯ ǝɹolop ʇǝ ǝɹoqɐl ʇn ʇunpᴉpᴉɔuᴉ ɹodɯǝʇ poɯsnᴉǝ op pǝs 'ʇᴉlǝ ƃuᴉɔsᴉdᴉpɐ ɹnʇǝʇɔǝsuoɔ 'ʇǝɯɐ ʇᴉs ɹolop ɯnsdᴉ ɯǝɹo˥",
+          '00˙Ɩ$-',
+          'Ｔｈｅ ｑｕｉｃｋ ｂｒｏｗｎ ｆｏｘ ｊｕｍｐｓ ｏｖｅｒ ｔｈｅ ｌａｚｙ ｄｏｇ',
+          '𝐓𝐡𝐞 𝐪𝐮𝐢𝐜𝐤 𝐛𝐫𝐨𝐰𝐧 𝐟𝐨𝐱 𝐣𝐮𝐦𝐩𝐬 𝐨𝐯𝐞𝐫 𝐭𝐡𝐞 𝐥𝐚𝐳𝐲 𝐝𝐨𝐠',
+          '𝕿𝖍𝖊 𝖖𝖚𝖎𝖈𝖐 𝖇𝖗𝖔𝖜𝖓 𝖋𝖔𝖝 𝖏𝖚𝖒𝖕𝖘 𝖔𝖛𝖊𝖗 𝖙𝖍𝖊 𝖑𝖆𝖟𝖞 𝖉𝖔𝖌',
+          '𝑻𝒉𝒆 𝒒𝒖𝒊𝒄𝒌 𝒃𝒓𝒐𝒘𝒏 𝒇𝒐𝒙 𝒋𝒖𝒎𝒑𝒔 𝒐𝒗𝒆𝒓 𝒕𝒉𝒆 𝒍𝒂𝒛𝒚 𝒅𝒐𝒈',
+          '𝓣𝓱𝓮 𝓺𝓾𝓲𝓬𝓴 𝓫𝓻𝓸𝔀𝓷 𝓯𝓸𝔁 𝓳𝓾𝓶𝓹𝓼 𝓸𝓿𝓮𝓻 𝓽𝓱𝓮 𝓵𝓪𝔃𝔂 𝓭𝓸𝓰',
+          '𝕋𝕙𝕖 𝕢𝕦𝕚𝕔𝕜 𝕓𝕣𝕠𝕨𝕟 𝕗𝕠𝕩 𝕛𝕦𝕞𝕡𝕤 𝕠𝕧𝕖𝕣 𝕥𝕙𝕖 𝕝𝕒𝕫𝕪 𝕕𝕠𝕘',
+          '𝚃𝚑𝚎 𝚚𝚞𝚒𝚌𝚔 𝚋𝚛𝚘𝚠𝚗 𝚏𝚘𝚡 𝚓𝚞𝚖𝚙𝚜 𝚘𝚟𝚎𝚛 𝚝𝚑𝚎 𝚕𝚊𝚣𝚢 𝚍𝚘𝚐',
+          '⒯⒣⒠ ⒬⒰⒤⒞⒦ ⒝⒭⒪⒲⒩ ⒡⒪⒳ ⒥⒰⒨⒫⒮ ⒪⒱⒠⒭ ⒯⒣⒠ ⒧⒜⒵⒴ ⒟⒪⒢',
+          '<script>alert(123)</script>',
+          '&lt;script&gt;alert(&#39;123&#39;);&lt;/script&gt;',
+          '<img src=x onerror=alert(123) />',
+          '<svg><script>123<1>alert(123)</script> ',
+          '"><script>alert(123)</script>',
+          "'><script>alert(123)</script>",
+          '><script>alert(123)</script>',
+          '</script><script>alert(123)</script>',
+          '< / script >< script >alert(123)< / script >',
+          ' onfocus=JaVaSCript:alert(123) autofocus ',
+          '" onfocus=JaVaSCript:alert(123) autofocus ',
+          "' onfocus=JaVaSCript:alert(123) autofocus ",
+          '＜script＞alert(123)＜/script＞',
+          '<sc<script>ript>alert(123)</sc</script>ript>',
+          '--><script>alert(123)</script>',
+          '";alert(123);t="',
+          "';alert(123);t='",
+          'JavaSCript:alert(123)',
+          ';alert(123);',
+          'src=JaVaSCript:prompt(132)',
+          '"><script>alert(123);</script x="',
+          "'><script>alert(123);</script x='",
+          '><script>alert(123);</script x=',
+          '" autofocus onkeyup="javascript:alert(123)',
+          "' autofocus onkeyup='javascript:alert(123)",
+          '<script\\x20type="text/javascript">javascript:alert(1);</script>',
+          '<script\\x3Etype="text/javascript">javascript:alert(1);</script>',
+          '<script\\x0Dtype="text/javascript">javascript:alert(1);</script>',
+          '<script\\x09type="text/javascript">javascript:alert(1);</script>',
+          '<script\\x0Ctype="text/javascript">javascript:alert(1);</script>',
+          '<script\\x2Ftype="text/javascript">javascript:alert(1);</script>',
+          '<script\\x0Atype="text/javascript">javascript:alert(1);</script>',
+          '\'`"><\\x3Cscript>javascript:alert(1)</script>        ',
+          '\'`"><\\x00script>javascript:alert(1)</script>',
+          'ABC<div style="x\\x3Aexpression(javascript:alert(1)">DEF',
+          'ABC<div style="x:expression\\x5C(javascript:alert(1)">DEF',
+          'ABC<div style="x:expression\\x00(javascript:alert(1)">DEF',
+          'ABC<div style="x:exp\\x00ression(javascript:alert(1)">DEF',
+          'ABC<div style="x:exp\\x5Cression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\x0Aexpression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\x09expression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\xE3\\x80\\x80expression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\xE2\\x80\\x84expression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\xC2\\xA0expression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\xE2\\x80\\x80expression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\xE2\\x80\\x8Aexpression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\x0Dexpression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\x0Cexpression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\xE2\\x80\\x87expression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\xEF\\xBB\\xBFexpression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\x20expression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\xE2\\x80\\x88expression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\x00expression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\xE2\\x80\\x8Bexpression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\xE2\\x80\\x86expression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\xE2\\x80\\x85expression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\xE2\\x80\\x82expression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\x0Bexpression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\xE2\\x80\\x81expression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\xE2\\x80\\x83expression(javascript:alert(1)">DEF',
+          'ABC<div style="x:\\xE2\\x80\\x89expression(javascript:alert(1)">DEF',
+          '<a href="\\x0Bjavascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x0Fjavascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xC2\\xA0javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x05javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xE1\\xA0\\x8Ejavascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x18javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x11javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xE2\\x80\\x88javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xE2\\x80\\x89javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xE2\\x80\\x80javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x17javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x03javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x0Ejavascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x1Ajavascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x00javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x10javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xE2\\x80\\x82javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x20javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x13javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x09javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xE2\\x80\\x8Ajavascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x14javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x19javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xE2\\x80\\xAFjavascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x1Fjavascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xE2\\x80\\x81javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x1Djavascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xE2\\x80\\x87javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x07javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xE1\\x9A\\x80javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xE2\\x80\\x83javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x04javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x01javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x08javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xE2\\x80\\x84javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xE2\\x80\\x86javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xE3\\x80\\x80javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x12javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x0Djavascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x0Ajavascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x0Cjavascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x15javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xE2\\x80\\xA8javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x16javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x02javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x1Bjavascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x06javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xE2\\x80\\xA9javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xE2\\x80\\x85javascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x1Ejavascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\xE2\\x81\\x9Fjavascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="\\x1Cjavascript:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="javascript\\x00:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="javascript\\x3A:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="javascript\\x09:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="javascript\\x0D:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '<a href="javascript\\x0A:javascript:alert(1)" id="fuzzelement1">test</a>',
+          '`"\'><img src=xxx:x \\x0Aonerror=javascript:alert(1)>',
+          '`"\'><img src=xxx:x \\x22onerror=javascript:alert(1)>',
+          '`"\'><img src=xxx:x \\x0Bonerror=javascript:alert(1)>',
+          '`"\'><img src=xxx:x \\x0Donerror=javascript:alert(1)>',
+          '`"\'><img src=xxx:x \\x2Fonerror=javascript:alert(1)>',
+          '`"\'><img src=xxx:x \\x09onerror=javascript:alert(1)>',
+          '`"\'><img src=xxx:x \\x0Conerror=javascript:alert(1)>',
+          '`"\'><img src=xxx:x \\x00onerror=javascript:alert(1)>',
+          '`"\'><img src=xxx:x \\x27onerror=javascript:alert(1)>',
+          '`"\'><img src=xxx:x \\x20onerror=javascript:alert(1)>',
+          '"`\'><script>\\x3Bjavascript:alert(1)</script>',
+          '"`\'><script>\\x0Djavascript:alert(1)</script>',
+          '"`\'><script>\\xEF\\xBB\\xBFjavascript:alert(1)</script>',
+          '"`\'><script>\\xE2\\x80\\x81javascript:alert(1)</script>',
+          '"`\'><script>\\xE2\\x80\\x84javascript:alert(1)</script>',
+          '"`\'><script>\\xE3\\x80\\x80javascript:alert(1)</script>',
+          '"`\'><script>\\x09javascript:alert(1)</script>',
+          '"`\'><script>\\xE2\\x80\\x89javascript:alert(1)</script>',
+          '"`\'><script>\\xE2\\x80\\x85javascript:alert(1)</script>',
+          '"`\'><script>\\xE2\\x80\\x88javascript:alert(1)</script>',
+          '"`\'><script>\\x00javascript:alert(1)</script>',
+          '"`\'><script>\\xE2\\x80\\xA8javascript:alert(1)</script>',
+          '"`\'><script>\\xE2\\x80\\x8Ajavascript:alert(1)</script>',
+          '"`\'><script>\\xE1\\x9A\\x80javascript:alert(1)</script>',
+          '"`\'><script>\\x0Cjavascript:alert(1)</script>',
+          '"`\'><script>\\x2Bjavascript:alert(1)</script>',
+          '"`\'><script>\\xF0\\x90\\x96\\x9Ajavascript:alert(1)</script>',
+          '"`\'><script>-javascript:alert(1)</script>',
+          '"`\'><script>\\x0Ajavascript:alert(1)</script>',
+          '"`\'><script>\\xE2\\x80\\xAFjavascript:alert(1)</script>',
+          '"`\'><script>\\x7Ejavascript:alert(1)</script>',
+          '"`\'><script>\\xE2\\x80\\x87javascript:alert(1)</script>',
+          '"`\'><script>\\xE2\\x81\\x9Fjavascript:alert(1)</script>',
+          '"`\'><script>\\xE2\\x80\\xA9javascript:alert(1)</script>',
+          '"`\'><script>\\xC2\\x85javascript:alert(1)</script>',
+          '"`\'><script>\\xEF\\xBF\\xAEjavascript:alert(1)</script>',
+          '"`\'><script>\\xE2\\x80\\x83javascript:alert(1)</script>',
+          '"`\'><script>\\xE2\\x80\\x8Bjavascript:alert(1)</script>',
+          '"`\'><script>\\xEF\\xBF\\xBEjavascript:alert(1)</script>',
+          '"`\'><script>\\xE2\\x80\\x80javascript:alert(1)</script>',
+          '"`\'><script>\\x21javascript:alert(1)</script>',
+          '"`\'><script>\\xE2\\x80\\x82javascript:alert(1)</script>',
+          '"`\'><script>\\xE2\\x80\\x86javascript:alert(1)</script>',
+          '"`\'><script>\\xE1\\xA0\\x8Ejavascript:alert(1)</script>',
+          '"`\'><script>\\x0Bjavascript:alert(1)</script>',
+          '"`\'><script>\\x20javascript:alert(1)</script>',
+          '"`\'><script>\\xC2\\xA0javascript:alert(1)</script>',
+          '<img \\x00src=x onerror="alert(1)">',
+          '<img \\x47src=x onerror="javascript:alert(1)">',
+          '<img \\x11src=x onerror="javascript:alert(1)">',
+          '<img \\x12src=x onerror="javascript:alert(1)">',
+          '<img\\x47src=x onerror="javascript:alert(1)">',
+          '<img\\x10src=x onerror="javascript:alert(1)">',
+          '<img\\x13src=x onerror="javascript:alert(1)">',
+          '<img\\x32src=x onerror="javascript:alert(1)">',
+          '<img\\x47src=x onerror="javascript:alert(1)">',
+          '<img\\x11src=x onerror="javascript:alert(1)">',
+          '<img \\x47src=x onerror="javascript:alert(1)">',
+          '<img \\x34src=x onerror="javascript:alert(1)">',
+          '<img \\x39src=x onerror="javascript:alert(1)">',
+          '<img \\x00src=x onerror="javascript:alert(1)">',
+          '<img src\\x09=x onerror="javascript:alert(1)">',
+          '<img src\\x10=x onerror="javascript:alert(1)">',
+          '<img src\\x13=x onerror="javascript:alert(1)">',
+          '<img src\\x32=x onerror="javascript:alert(1)">',
+          '<img src\\x12=x onerror="javascript:alert(1)">',
+          '<img src\\x11=x onerror="javascript:alert(1)">',
+          '<img src\\x00=x onerror="javascript:alert(1)">',
+          '<img src\\x47=x onerror="javascript:alert(1)">',
+          '<img src=x\\x09onerror="javascript:alert(1)">',
+          '<img src=x\\x10onerror="javascript:alert(1)">',
+          '<img src=x\\x11onerror="javascript:alert(1)">',
+          '<img src=x\\x12onerror="javascript:alert(1)">',
+          '<img src=x\\x13onerror="javascript:alert(1)">',
+          '<img[a][b][c]src[d]=x[e]onerror=[f]"alert(1)">',
+          '<img src=x onerror=\\x09"javascript:alert(1)">',
+          '<img src=x onerror=\\x10"javascript:alert(1)">',
+          '<img src=x onerror=\\x11"javascript:alert(1)">',
+          '<img src=x onerror=\\x12"javascript:alert(1)">',
+          '<img src=x onerror=\\x32"javascript:alert(1)">',
+          '<img src=x onerror=\\x00"javascript:alert(1)">',
+          '<a href=java&#1&#2&#3&#4&#5&#6&#7&#8&#11&#12script:javascript:alert(1)>XXX</a>',
+          '<img src="x` `<script>javascript:alert(1)</script>"` `>',
+          '<img src onerror /" \'"= alt=javascript:alert(1)//">',
+          '<title onpropertychange=javascript:alert(1)></title><title title=>',
+          '<a href=http://foo.bar/#x=`y></a><img alt="`><img src=x:x onerror=javascript:alert(1)></a>">',
+          '<!--[if]><script>javascript:alert(1)</script -->',
+          '<!--[if<img src=x onerror=javascript:alert(1)//]> -->',
+          '<script src="/\\%(jscript)s"></script>',
+          '<script src="\\\\%(jscript)s"></script>',
+          '<IMG """><SCRIPT>alert("XSS")</SCRIPT>">',
+          '<IMG SRC=javascript:alert(String.fromCharCode(88,83,83))>',
+          '<IMG SRC=# onmouseover="alert(\'xxs\')">',
+          '<IMG SRC= onmouseover="alert(\'xxs\')">',
+          '<IMG onmouseover="alert(\'xxs\')">',
+          '<IMG SRC=&#106;&#97;&#118;&#97;&#115;&#99;&#114;&#105;&#112;&#116;&#58;&#97;&#108;&#101;&#114;&#116;&#40;&#39;&#88;&#83;&#83;&#39;&#41;>',
+          '<IMG SRC=&#0000106&#0000097&#0000118&#0000097&#0000115&#0000099&#0000114&#0000105&#0000112&#0000116&#0000058&#0000097&#0000108&#0000101&#0000114&#0000116&#0000040&#0000039&#0000088&#0000083&#0000083&#0000039&#0000041>',
+          '<IMG SRC=&#x6A&#x61&#x76&#x61&#x73&#x63&#x72&#x69&#x70&#x74&#x3A&#x61&#x6C&#x65&#x72&#x74&#x28&#x27&#x58&#x53&#x53&#x27&#x29>',
+          '<IMG SRC="jav   ascript:alert(\'XSS\');">',
+          '<IMG SRC="jav&#x09;ascript:alert(\'XSS\');">',
+          '<IMG SRC="jav&#x0A;ascript:alert(\'XSS\');">',
+          '<IMG SRC="jav&#x0D;ascript:alert(\'XSS\');">',
+          'perl -e \'print "<IMG SRC=java\\0script:alert(\\"XSS\\")>";\' > out',
+          '<IMG SRC=" &#14;  javascript:alert(\'XSS\');">',
+          '<SCRIPT/XSS SRC="http://ha.ckers.org/xss.js"></SCRIPT>',
+          '<BODY onload!#$%&()*~+-_.,:;?@[/|\\]^`=alert("XSS")>',
+          '<SCRIPT/SRC="http://ha.ckers.org/xss.js"></SCRIPT>',
+          '<<SCRIPT>alert("XSS");//<</SCRIPT>',
+          '<SCRIPT SRC=http://ha.ckers.org/xss.js?< B >',
+          '<SCRIPT SRC=//ha.ckers.org/.j>',
+          '<IMG SRC="javascript:alert(\'XSS\')"',
+          '<iframe src=http://ha.ckers.org/scriptlet.html <',
+          "\\\";alert('XSS');//",
+          '<plaintext>',
+          '1;DROP TABLE users',
+          "1'; DROP TABLE users-- 1",
+          "' OR 1=1 -- 1",
+          "' OR '1'='1",
+          '-',
+          '--',
+          '--version',
+          '--help',
+          '$USER',
+          '/dev/null; touch /tmp/blns.fail ; echo',
+          '`touch /tmp/blns.fail`',
+          '$(touch /tmp/blns.fail)',
+          '@{[system "touch /tmp/blns.fail"]}',
+          'eval("puts \'hello world\'")',
+          'System("ls -al /")',
+          '`ls -al /`',
+          'Kernel.exec("ls -al /")',
+          'Kernel.exit(1)',
+          "%x('ls -al /')",
+          '<?xml version="1.0" encoding="ISO-8859-1"?><!DOCTYPE foo [ <!ELEMENT foo ANY ><!ENTITY xxe SYSTEM "file:///etc/passwd" >]><foo>&xxe;</foo>',
+          '$HOME',
+          "$ENV{'HOME'}",
+          '%d',
+          '%s',
+          '%*.*s',
+          '../../../../../../../../../../../etc/passwd%00',
+          '../../../../../../../../../../../etc/hosts',
+          '() { 0; }; touch /tmp/blns.shellshock1.fail;',
+          '() { _; } >_[$($())] { touch /tmp/blns.shellshock2.fail; }',
+          'CON',
+          'PRN',
+          'AUX',
+          'CLOCK$',
+          'NUL',
+          'A:',
+          'ZZ:',
+          'COM1',
+          'LPT1',
+          'LPT2',
+          'LPT3',
+          'COM2',
+          'COM3',
+          'COM4',
+          'Scunthorpe General Hospital',
+          'Penistone Community Church',
+          'Lightwater Country Park',
+          'Jimmy Clitheroe',
+          'Horniman Museum',
+          'shitake mushrooms',
+          'RomansInSussex.co.uk',
+          'http://www.cum.qc.ca/',
+          'Craig Cockburn, Software Specialist',
+          'Linda Callahan',
+          'Dr. Herman I. Libshitz',
+          'magna cum laude',
+          'Super Bowl XXX',
+          'medieval erection of parapets',
+          'evaluate',
+          'mocha',
+          'expression',
+          'Arsenal canal',
+          'classic',
+          'Tyson Gay',
+          "If you're reading this, you've been in a coma for almost 20 years now. We're trying a new technique. We don't know where this message will end up in your dream, but we hope it works. Please wake up, we miss you.",
+          'Roses are \u001b[0;31mred\u001b[0m, violets are \u001b[0;34mblue. Hope you enjoy terminal hue',
+          'But now...\u001b[20Cfor my greatest trick...\u001b[8m',
+          'The quic\b\b\b\b\b\bk brown fo\u0007\u0007\u0007\u0007\u0007\u0007\u0007\u0007\u0007\u0007\u0007x... [Beeeep]',
+          'Powerلُلُصّبُلُلصّبُررً ॣ ॣh ॣ ॣ冗',
+        ],
+        ranges: {},
+        version: 2,
+      }
+      return DocstoreClient.createDoc(
+        this.project_id,
+        this.doc._id,
+        this.doc.lines,
+        this.doc.version,
+        this.doc.ranges,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          return DocstoreClient.archiveAllDoc(this.project_id, (error, res) => {
+            this.res = res
+            if (error != null) {
+              throw error
+            }
+            return done()
+          })
+        }
+      )
+    })
+
+    it('should successully archive the docs', function (done) {
+      this.res.statusCode.should.equal(204)
+      return done()
+    })
+
+    it('should set inS3 and unset lines and ranges in each doc', function (done) {
+      return db.docs.findOne({ _id: this.doc._id }, (error, doc) => {
+        if (error != null) {
+          throw error
+        }
+        expect(doc.lines).not.to.exist
+        expect(doc.ranges).not.to.exist
+        doc.inS3.should.equal(true)
+        return done()
+      })
+    })
+
+    it('should set the doc in s3 correctly', function (done) {
+      return DocstoreClient.getS3Doc(
+        this.project_id,
+        this.doc._id,
+        (error, s3Doc) => {
+          if (error != null) {
+            throw error
+          }
+          s3Doc.lines.should.deep.equal(this.doc.lines)
+          s3Doc.ranges.should.deep.equal(this.doc.ranges)
+          return done()
+        }
+      )
+    })
+
+    return describe('after unarchiving from a request for the project', function () {
+      before(function (done) {
+        return DocstoreClient.getAllDocs(
+          this.project_id,
+          (error, res, fetchedDocs) => {
+            this.fetched_docs = fetchedDocs
+            if (error != null) {
+              throw error
+            }
+            return done()
+          }
+        )
+      })
+
+      return it('should restore the doc to mongo', function (done) {
+        return db.docs.findOne({ _id: this.doc._id }, (error, doc) => {
+          if (error != null) {
+            throw error
+          }
+          doc.lines.should.deep.equal(this.doc.lines)
+          doc.ranges.should.deep.equal(this.doc.ranges)
+          expect(doc.inS3).not.to.exist
+          return done()
+        })
+      })
+    })
+  })
+
+  describe('a doc with ranges', function () {
+    before(function (done) {
+      this.project_id = new ObjectId()
+      this.doc = {
+        _id: new ObjectId(),
+        lines: ['one', 'two', 'three'],
+        ranges: {
+          changes: [
+            {
+              id: new ObjectId(),
+              op: { i: 'foo', p: 24 },
+              metadata: {
+                user_id: new ObjectId(),
+                ts: new Date('2017-01-27T16:10:44.194Z'),
+              },
+            },
+            {
+              id: new ObjectId(),
+              op: { d: 'bar', p: 50 },
+              metadata: {
+                user_id: new ObjectId(),
+                ts: new Date('2017-01-27T18:10:44.194Z'),
+              },
+            },
+          ],
+          comments: [
+            {
+              id: new ObjectId(),
+              op: { c: 'comment', p: 284, t: new ObjectId() },
+              metadata: {
+                user_id: new ObjectId(),
+                ts: new Date('2017-01-26T14:22:04.869Z'),
+              },
+            },
+          ],
+        },
+        version: 2,
+      }
+      return DocstoreClient.createDoc(
+        this.project_id,
+        this.doc._id,
+        this.doc.lines,
+        this.doc.version,
+        this.doc.ranges,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          return DocstoreClient.archiveAllDoc(this.project_id, (error, res) => {
+            this.res = res
+            if (error != null) {
+              throw error
+            }
+            return done()
+          })
+        }
+      )
+    })
+
+    it('should successully archive the docs', function (done) {
+      this.res.statusCode.should.equal(204)
+      return done()
+    })
+
+    it('should set inS3 and unset lines and ranges in each doc', function (done) {
+      return db.docs.findOne({ _id: this.doc._id }, (error, doc) => {
+        if (error != null) {
+          throw error
+        }
+        expect(doc.lines).not.to.exist
+        expect(doc.ranges).not.to.exist
+        doc.inS3.should.equal(true)
+        return done()
+      })
+    })
+
+    it('should set the doc in s3 correctly', function (done) {
+      return DocstoreClient.getS3Doc(
+        this.project_id,
+        this.doc._id,
+        (error, s3Doc) => {
+          if (error != null) {
+            throw error
+          }
+          s3Doc.lines.should.deep.equal(this.doc.lines)
+          const ranges = JSON.parse(JSON.stringify(this.doc.ranges)) // ObjectId -> String
+          s3Doc.ranges.should.deep.equal(ranges)
+          return done()
+        }
+      )
+    })
+
+    return describe('after unarchiving from a request for the project', function () {
+      before(function (done) {
+        return DocstoreClient.getAllDocs(
+          this.project_id,
+          (error, res, fetchedDocs) => {
+            this.fetched_docs = fetchedDocs
+            if (error != null) {
+              throw error
+            }
+            return done()
+          }
+        )
+      })
+
+      return it('should restore the doc to mongo', function (done) {
+        return db.docs.findOne({ _id: this.doc._id }, (error, doc) => {
+          if (error != null) {
+            throw error
+          }
+          doc.lines.should.deep.equal(this.doc.lines)
+          doc.ranges.should.deep.equal(this.doc.ranges)
+          expect(doc.inS3).not.to.exist
+          return done()
+        })
+      })
+    })
+  })
+
+  describe('a doc that is archived twice', function () {
+    before(function (done) {
+      this.project_id = new ObjectId()
+      this.doc = {
+        _id: new ObjectId(),
+        lines: ['abc', 'def', 'ghi'],
+        ranges: {},
+        version: 2,
+      }
+      return DocstoreClient.createDoc(
+        this.project_id,
+        this.doc._id,
+        this.doc.lines,
+        this.doc.version,
+        this.doc.ranges,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          return DocstoreClient.archiveAllDoc(this.project_id, (error, res) => {
+            this.res = res
+            if (error != null) {
+              throw error
+            }
+            this.res.statusCode.should.equal(204)
+            return DocstoreClient.archiveAllDoc(
+              this.project_id,
+              (error, res1) => {
+                this.res = res1
+                if (error != null) {
+                  throw error
+                }
+                this.res.statusCode.should.equal(204)
+                return done()
+              }
+            )
+          })
+        }
+      )
+    })
+
+    it('should set inS3 and unset lines and ranges in each doc', function (done) {
+      return db.docs.findOne({ _id: this.doc._id }, (error, doc) => {
+        if (error != null) {
+          throw error
+        }
+        expect(doc.lines).not.to.exist
+        expect(doc.ranges).not.to.exist
+        doc.inS3.should.equal(true)
+        return done()
+      })
+    })
+
+    it('should set the doc in s3 correctly', function (done) {
+      return DocstoreClient.getS3Doc(
+        this.project_id,
+        this.doc._id,
+        (error, s3Doc) => {
+          if (error != null) {
+            throw error
+          }
+          s3Doc.lines.should.deep.equal(this.doc.lines)
+          s3Doc.ranges.should.deep.equal(this.doc.ranges)
+          return done()
+        }
+      )
+    })
+
+    return describe('after unarchiving from a request for the project', function () {
+      before(function (done) {
+        return DocstoreClient.getAllDocs(
+          this.project_id,
+          (error, res, fetchedDocs) => {
+            this.fetched_docs = fetchedDocs
+            if (error != null) {
+              throw error
+            }
+            return done()
+          }
+        )
+      })
+
+      return it('should restore the doc to mongo', function (done) {
+        return db.docs.findOne({ _id: this.doc._id }, (error, doc) => {
+          if (error != null) {
+            throw error
+          }
+          doc.lines.should.deep.equal(this.doc.lines)
+          doc.ranges.should.deep.equal(this.doc.ranges)
+          expect(doc.inS3).not.to.exist
+          return done()
+        })
+      })
+    })
+  })
+
+  return describe('a doc with the old schema (just an array of lines)', function () {
+    before(function (done) {
+      this.project_id = new ObjectId()
+      this.doc = {
+        _id: new ObjectId(),
+        lines: ['abc', 'def', 'ghi'],
+        ranges: {},
+        version: 2,
+      }
+      uploadContent(
+        `${this.project_id}/${this.doc._id}`,
+        this.doc.lines,
+        error => {
+          expect(error).not.to.exist
+          db.docs.insertOne(
+            {
+              project_id: this.project_id,
+              _id: this.doc._id,
+              rev: this.doc.version,
+              inS3: true,
+            },
+            error => {
+              if (error != null) {
+                throw error
+              }
+              DocstoreClient.getAllDocs(
+                this.project_id,
+                (error, res, fetchedDocs) => {
+                  this.fetched_docs = fetchedDocs
+                  if (error != null) {
+                    throw error
+                  }
+                  return done()
+                }
+              )
+            }
+          )
+        }
+      )
+    })
+
+    it('should restore the doc to mongo', function (done) {
+      return db.docs.findOne({ _id: this.doc._id }, (error, doc) => {
+        if (error != null) {
+          throw error
+        }
+        doc.lines.should.deep.equal(this.doc.lines)
+        expect(doc.inS3).not.to.exist
+        return done()
+      })
+    })
+
+    return it('should return the doc', function (done) {
+      this.fetched_docs[0].lines.should.deep.equal(this.doc.lines)
+      return done()
+    })
+  })
+})
diff --git a/services/docstore/test/acceptance/js/DeletingDocsTests.js b/services/docstore/test/acceptance/js/DeletingDocsTests.js
new file mode 100644
index 0000000..3959246
--- /dev/null
+++ b/services/docstore/test/acceptance/js/DeletingDocsTests.js
@@ -0,0 +1,511 @@
+const { db, ObjectId } = require('../../../app/js/mongodb')
+const { expect } = require('chai')
+const DocstoreApp = require('./helpers/DocstoreApp')
+const Errors = require('../../../app/js/Errors')
+const Settings = require('@overleaf/settings')
+const { Storage } = require('@google-cloud/storage')
+
+const DocstoreClient = require('./helpers/DocstoreClient')
+
+function deleteTestSuite(deleteDoc) {
+  before(async function () {
+    // Create buckets needed by the archiving part of these tests
+    const storage = new Storage(Settings.docstore.gcs.endpoint)
+    await storage.createBucket(Settings.docstore.bucket)
+    await storage.createBucket(`${Settings.docstore.bucket}-deleted`)
+  })
+
+  after(async function () {
+    // Tear down the buckets created above
+    const storage = new Storage(Settings.docstore.gcs.endpoint)
+    await storage.bucket(Settings.docstore.bucket).deleteFiles()
+    await storage.bucket(Settings.docstore.bucket).delete()
+    await storage.bucket(`${Settings.docstore.bucket}-deleted`).deleteFiles()
+    await storage.bucket(`${Settings.docstore.bucket}-deleted`).delete()
+  })
+
+  beforeEach(function (done) {
+    this.project_id = new ObjectId()
+    this.doc_id = new ObjectId()
+    this.lines = ['original', 'lines']
+    this.version = 42
+    this.ranges = []
+    DocstoreApp.ensureRunning(() => {
+      DocstoreClient.createDoc(
+        this.project_id,
+        this.doc_id,
+        this.lines,
+        this.version,
+        this.ranges,
+        error => {
+          if (error) {
+            throw error
+          }
+          done()
+        }
+      )
+    })
+  })
+
+  it('should show as not deleted on /deleted', function (done) {
+    DocstoreClient.isDocDeleted(
+      this.project_id,
+      this.doc_id,
+      (error, res, body) => {
+        if (error) return done(error)
+        expect(res.statusCode).to.equal(200)
+        expect(body).to.have.property('deleted').to.equal(false)
+        done()
+      }
+    )
+  })
+
+  describe('when the doc exists', function () {
+    beforeEach(function (done) {
+      deleteDoc(this.project_id, this.doc_id, (error, res, doc) => {
+        if (error) return done(error)
+        this.res = res
+        done()
+      })
+    })
+
+    afterEach(function (done) {
+      db.docs.deleteOne({ _id: this.doc_id }, done)
+    })
+
+    it('should mark the doc as deleted on /deleted', function (done) {
+      DocstoreClient.isDocDeleted(
+        this.project_id,
+        this.doc_id,
+        (error, res, body) => {
+          if (error) return done(error)
+          expect(res.statusCode).to.equal(200)
+          expect(body).to.have.property('deleted').to.equal(true)
+          done()
+        }
+      )
+    })
+
+    it('should insert a deleted doc into the docs collection', function (done) {
+      db.docs.find({ _id: this.doc_id }).toArray((error, docs) => {
+        if (error) return done(error)
+        docs[0]._id.should.deep.equal(this.doc_id)
+        docs[0].lines.should.deep.equal(this.lines)
+        docs[0].deleted.should.equal(true)
+        done()
+      })
+    })
+
+    it('should not export the doc to s3', function (done) {
+      setTimeout(() => {
+        DocstoreClient.getS3Doc(this.project_id, this.doc_id, error => {
+          expect(error).to.be.instanceOf(Errors.NotFoundError)
+          done()
+        })
+      }, 1000)
+    })
+  })
+
+  describe('when archiveOnSoftDelete is enabled', function () {
+    let archiveOnSoftDelete
+    beforeEach('overwrite settings', function () {
+      archiveOnSoftDelete = Settings.docstore.archiveOnSoftDelete
+      Settings.docstore.archiveOnSoftDelete = true
+    })
+    afterEach('restore settings', function () {
+      Settings.docstore.archiveOnSoftDelete = archiveOnSoftDelete
+    })
+
+    beforeEach('delete Doc', function (done) {
+      deleteDoc(this.project_id, this.doc_id, (error, res) => {
+        if (error) return done(error)
+        this.res = res
+        done()
+      })
+    })
+
+    beforeEach(function waitForBackgroundFlush(done) {
+      setTimeout(done, 500)
+    })
+
+    afterEach(function cleanupDoc(done) {
+      db.docs.deleteOne({ _id: this.doc_id }, done)
+    })
+
+    it('should set the deleted flag in the doc', function (done) {
+      db.docs.findOne({ _id: this.doc_id }, (error, doc) => {
+        if (error) {
+          return done(error)
+        }
+        expect(doc.deleted).to.equal(true)
+        done()
+      })
+    })
+
+    it('should set inS3 and unset lines and ranges in the doc', function (done) {
+      db.docs.findOne({ _id: this.doc_id }, (error, doc) => {
+        if (error) {
+          return done(error)
+        }
+        expect(doc.lines).to.not.exist
+        expect(doc.ranges).to.not.exist
+        expect(doc.inS3).to.equal(true)
+        done()
+      })
+    })
+
+    it('should set the doc in s3 correctly', function (done) {
+      DocstoreClient.getS3Doc(this.project_id, this.doc_id, (error, s3doc) => {
+        if (error) {
+          return done(error)
+        }
+        expect(s3doc.lines).to.deep.equal(this.lines)
+        expect(s3doc.ranges).to.deep.equal(this.ranges)
+        done()
+      })
+    })
+  })
+
+  describe('when the doc exists in another project', function () {
+    const otherProjectId = new ObjectId()
+
+    it('should show as not existing on /deleted', function (done) {
+      DocstoreClient.isDocDeleted(otherProjectId, this.doc_id, (error, res) => {
+        if (error) return done(error)
+        expect(res.statusCode).to.equal(404)
+        done()
+      })
+    })
+
+    it('should return a 404 when trying to delete', function (done) {
+      deleteDoc(otherProjectId, this.doc_id, (error, res) => {
+        if (error) return done(error)
+        expect(res.statusCode).to.equal(404)
+        done()
+      })
+    })
+  })
+
+  describe('when the doc does not exist', function () {
+    it('should show as not existing on /deleted', function (done) {
+      const missingDocId = new ObjectId()
+      DocstoreClient.isDocDeleted(
+        this.project_id,
+        missingDocId,
+        (error, res) => {
+          if (error) return done(error)
+          expect(res.statusCode).to.equal(404)
+          done()
+        }
+      )
+    })
+
+    it('should return a 404', function (done) {
+      const missingDocId = new ObjectId()
+      deleteDoc(this.project_id, missingDocId, (error, res, doc) => {
+        if (error) return done(error)
+        res.statusCode.should.equal(404)
+        done()
+      })
+    })
+  })
+}
+
+describe('Delete via PATCH', function () {
+  deleteTestSuite(DocstoreClient.deleteDoc)
+
+  describe('when providing a custom doc name in the delete request', function () {
+    beforeEach(function (done) {
+      DocstoreClient.deleteDocWithName(
+        this.project_id,
+        this.doc_id,
+        'wombat.tex',
+        done
+      )
+    })
+
+    it('should insert the doc name into the docs collection', function (done) {
+      db.docs.find({ _id: this.doc_id }).toArray((error, docs) => {
+        if (error) return done(error)
+        expect(docs[0].name).to.equal('wombat.tex')
+        done()
+      })
+    })
+  })
+
+  describe('when providing a custom deletedAt date in the delete request', function () {
+    beforeEach('record date and delay', function (done) {
+      this.deletedAt = new Date()
+      setTimeout(done, 5)
+    })
+
+    beforeEach('perform deletion with past date', function (done) {
+      DocstoreClient.deleteDocWithDate(
+        this.project_id,
+        this.doc_id,
+        this.deletedAt,
+        done
+      )
+    })
+
+    it('should insert the date into the docs collection', function (done) {
+      db.docs.find({ _id: this.doc_id }).toArray((error, docs) => {
+        if (error) return done(error)
+        expect(docs[0].deletedAt.toISOString()).to.equal(
+          this.deletedAt.toISOString()
+        )
+        done()
+      })
+    })
+  })
+
+  describe('when providing no doc name in the delete request', function () {
+    beforeEach(function (done) {
+      DocstoreClient.deleteDocWithName(
+        this.project_id,
+        this.doc_id,
+        '',
+        (error, res) => {
+          this.res = res
+          done(error)
+        }
+      )
+    })
+
+    it('should reject the request', function () {
+      expect(this.res.statusCode).to.equal(400)
+    })
+  })
+
+  describe('when providing no date in the delete request', function () {
+    beforeEach(function (done) {
+      DocstoreClient.deleteDocWithDate(
+        this.project_id,
+        this.doc_id,
+        '',
+        (error, res) => {
+          this.res = res
+          done(error)
+        }
+      )
+    })
+
+    it('should reject the request', function () {
+      expect(this.res.statusCode).to.equal(400)
+    })
+  })
+
+  describe('before deleting anything', function () {
+    it('should show nothing in deleted docs response', function (done) {
+      DocstoreClient.getAllDeletedDocs(
+        this.project_id,
+        (error, deletedDocs) => {
+          if (error) return done(error)
+          expect(deletedDocs).to.deep.equal([])
+          done()
+        }
+      )
+    })
+  })
+
+  describe('when the doc gets a name on delete', function () {
+    beforeEach(function (done) {
+      this.deletedAt = new Date()
+      DocstoreClient.deleteDocWithDate(
+        this.project_id,
+        this.doc_id,
+        this.deletedAt,
+        done
+      )
+    })
+
+    it('should show the doc in deleted docs response', function (done) {
+      DocstoreClient.getAllDeletedDocs(
+        this.project_id,
+        (error, deletedDocs) => {
+          if (error) return done(error)
+          expect(deletedDocs).to.deep.equal([
+            {
+              _id: this.doc_id.toString(),
+              name: 'main.tex',
+              deletedAt: this.deletedAt.toISOString(),
+            },
+          ])
+          done()
+        }
+      )
+    })
+
+    describe('after deleting multiple docs', function () {
+      beforeEach('create doc2', function (done) {
+        this.doc_id2 = new ObjectId()
+        DocstoreClient.createDoc(
+          this.project_id,
+          this.doc_id2,
+          this.lines,
+          this.version,
+          this.ranges,
+          done
+        )
+      })
+      beforeEach('delete doc2', function (done) {
+        this.deletedAt2 = new Date()
+        DocstoreClient.deleteDocWithDateAndName(
+          this.project_id,
+          this.doc_id2,
+          this.deletedAt2,
+          'two.tex',
+          done
+        )
+      })
+      beforeEach('create doc3', function (done) {
+        this.doc_id3 = new ObjectId()
+        DocstoreClient.createDoc(
+          this.project_id,
+          this.doc_id3,
+          this.lines,
+          this.version,
+          this.ranges,
+          done
+        )
+      })
+      beforeEach('delete doc3', function (done) {
+        this.deletedAt3 = new Date()
+        DocstoreClient.deleteDocWithDateAndName(
+          this.project_id,
+          this.doc_id3,
+          this.deletedAt3,
+          'three.tex',
+          done
+        )
+      })
+      it('should show all the docs as deleted', function (done) {
+        DocstoreClient.getAllDeletedDocs(
+          this.project_id,
+          (error, deletedDocs) => {
+            if (error) return done(error)
+
+            expect(deletedDocs).to.deep.equal([
+              {
+                _id: this.doc_id3.toString(),
+                name: 'three.tex',
+                deletedAt: this.deletedAt3.toISOString(),
+              },
+              {
+                _id: this.doc_id2.toString(),
+                name: 'two.tex',
+                deletedAt: this.deletedAt2.toISOString(),
+              },
+              {
+                _id: this.doc_id.toString(),
+                name: 'main.tex',
+                deletedAt: this.deletedAt.toISOString(),
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      describe('with one more than max_deleted_docs permits', function () {
+        let maxDeletedDocsBefore
+        beforeEach(function () {
+          maxDeletedDocsBefore = Settings.max_deleted_docs
+          Settings.max_deleted_docs = 2
+        })
+        afterEach(function () {
+          Settings.max_deleted_docs = maxDeletedDocsBefore
+        })
+
+        it('should omit the first deleted doc', function (done) {
+          DocstoreClient.getAllDeletedDocs(
+            this.project_id,
+            (error, deletedDocs) => {
+              if (error) return done(error)
+
+              expect(deletedDocs).to.deep.equal([
+                {
+                  _id: this.doc_id3.toString(),
+                  name: 'three.tex',
+                  deletedAt: this.deletedAt3.toISOString(),
+                },
+                {
+                  _id: this.doc_id2.toString(),
+                  name: 'two.tex',
+                  deletedAt: this.deletedAt2.toISOString(),
+                },
+                // dropped main.tex
+              ])
+              done()
+            }
+          )
+        })
+      })
+    })
+  })
+})
+
+describe("Destroying a project's documents", function () {
+  beforeEach(function (done) {
+    this.project_id = new ObjectId()
+    this.doc_id = new ObjectId()
+    this.lines = ['original', 'lines']
+    this.version = 42
+    this.ranges = []
+    DocstoreApp.ensureRunning(() => {
+      DocstoreClient.createDoc(
+        this.project_id,
+        this.doc_id,
+        this.lines,
+        this.version,
+        this.ranges,
+        error => {
+          if (error) {
+            throw error
+          }
+          done()
+        }
+      )
+    })
+  })
+
+  describe('when the doc exists', function () {
+    beforeEach(function (done) {
+      DocstoreClient.destroyAllDoc(this.project_id, done)
+    })
+
+    it('should remove the doc from the docs collection', function (done) {
+      db.docs.find({ _id: this.doc_id }).toArray((err, docs) => {
+        expect(err).not.to.exist
+        expect(docs).to.deep.equal([])
+        done()
+      })
+    })
+  })
+
+  describe('when the doc is archived', function () {
+    beforeEach(function (done) {
+      DocstoreClient.archiveAllDoc(this.project_id, err => {
+        if (err) {
+          return done(err)
+        }
+        DocstoreClient.destroyAllDoc(this.project_id, done)
+      })
+    })
+
+    it('should remove the doc from the docs collection', function (done) {
+      db.docs.find({ _id: this.doc_id }).toArray((err, docs) => {
+        expect(err).not.to.exist
+        expect(docs).to.deep.equal([])
+        done()
+      })
+    })
+
+    it('should remove the doc contents from s3', function (done) {
+      DocstoreClient.getS3Doc(this.project_id, this.doc_id, error => {
+        expect(error).to.be.instanceOf(Errors.NotFoundError)
+        done()
+      })
+    })
+  })
+})
diff --git a/services/docstore/test/acceptance/js/GettingAllDocsTests.js b/services/docstore/test/acceptance/js/GettingAllDocsTests.js
new file mode 100644
index 0000000..8fe5e7d
--- /dev/null
+++ b/services/docstore/test/acceptance/js/GettingAllDocsTests.js
@@ -0,0 +1,112 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const { ObjectId } = require('mongodb-legacy')
+const async = require('async')
+const DocstoreApp = require('./helpers/DocstoreApp')
+
+const DocstoreClient = require('./helpers/DocstoreClient')
+
+describe('Getting all docs', function () {
+  beforeEach(function (done) {
+    this.project_id = new ObjectId()
+    this.docs = [
+      {
+        _id: new ObjectId(),
+        lines: ['one', 'two', 'three'],
+        ranges: { mock: 'one' },
+        rev: 2,
+      },
+      {
+        _id: new ObjectId(),
+        lines: ['aaa', 'bbb', 'ccc'],
+        ranges: { mock: 'two' },
+        rev: 4,
+      },
+      {
+        _id: new ObjectId(),
+        lines: ['111', '222', '333'],
+        ranges: { mock: 'three' },
+        rev: 6,
+      },
+    ]
+    this.deleted_doc = {
+      _id: new ObjectId(),
+      lines: ['deleted'],
+      ranges: { mock: 'four' },
+      rev: 8,
+    }
+    const version = 42
+    const jobs = Array.from(this.docs).map(doc =>
+      (doc => {
+        return callback => {
+          return DocstoreClient.createDoc(
+            this.project_id,
+            doc._id,
+            doc.lines,
+            version,
+            doc.ranges,
+            callback
+          )
+        }
+      })(doc)
+    )
+    jobs.push(cb => {
+      return DocstoreClient.createDoc(
+        this.project_id,
+        this.deleted_doc._id,
+        this.deleted_doc.lines,
+        version,
+        this.deleted_doc.ranges,
+        err => {
+          if (err) return done(err)
+          return DocstoreClient.deleteDoc(
+            this.project_id,
+            this.deleted_doc._id,
+            cb
+          )
+        }
+      )
+    })
+    jobs.unshift(cb => DocstoreApp.ensureRunning(cb))
+    return async.series(jobs, done)
+  })
+
+  it('getAllDocs should return all the (non-deleted) docs', function (done) {
+    return DocstoreClient.getAllDocs(this.project_id, (error, res, docs) => {
+      if (error != null) {
+        throw error
+      }
+      docs.length.should.equal(this.docs.length)
+      for (let i = 0; i < docs.length; i++) {
+        const doc = docs[i]
+        doc.lines.should.deep.equal(this.docs[i].lines)
+      }
+      return done()
+    })
+  })
+
+  return it('getAllRanges should return all the (non-deleted) doc ranges', function (done) {
+    return DocstoreClient.getAllRanges(this.project_id, (error, res, docs) => {
+      if (error != null) {
+        throw error
+      }
+      docs.length.should.equal(this.docs.length)
+      for (let i = 0; i < docs.length; i++) {
+        const doc = docs[i]
+        doc.ranges.should.deep.equal(this.docs[i].ranges)
+      }
+      return done()
+    })
+  })
+})
diff --git a/services/docstore/test/acceptance/js/GettingDocsFromArchiveTest.js b/services/docstore/test/acceptance/js/GettingDocsFromArchiveTest.js
new file mode 100644
index 0000000..8448f26
--- /dev/null
+++ b/services/docstore/test/acceptance/js/GettingDocsFromArchiveTest.js
@@ -0,0 +1,139 @@
+const Settings = require('@overleaf/settings')
+const { ObjectId } = require('../../../app/js/mongodb')
+const DocstoreApp = require('./helpers/DocstoreApp')
+const DocstoreClient = require('./helpers/DocstoreClient')
+const { Storage } = require('@google-cloud/storage')
+
+describe('Getting A Doc from Archive', function () {
+  before(function (done) {
+    return DocstoreApp.ensureRunning(done)
+  })
+
+  before(async function () {
+    const storage = new Storage(Settings.docstore.gcs.endpoint)
+    await storage.createBucket(Settings.docstore.bucket)
+    await storage.createBucket(`${Settings.docstore.bucket}-deleted`)
+  })
+
+  after(async function () {
+    // Tear down the buckets created above
+    const storage = new Storage(Settings.docstore.gcs.endpoint)
+    await storage.bucket(Settings.docstore.bucket).deleteFiles()
+    await storage.bucket(Settings.docstore.bucket).delete()
+    await storage.bucket(`${Settings.docstore.bucket}-deleted`).deleteFiles()
+    await storage.bucket(`${Settings.docstore.bucket}-deleted`).delete()
+  })
+
+  describe('for an archived doc', function () {
+    before(function (done) {
+      this.project_id = new ObjectId()
+      this.timeout(1000 * 30)
+      this.doc = {
+        _id: new ObjectId(),
+        lines: ['foo', 'bar'],
+        ranges: {},
+        version: 2,
+      }
+      DocstoreClient.createDoc(
+        this.project_id,
+        this.doc._id,
+        this.doc.lines,
+        this.doc.version,
+        this.doc.ranges,
+        error => {
+          if (error) {
+            return done(error)
+          }
+          DocstoreClient.archiveDoc(
+            this.project_id,
+            this.doc._id,
+            (error, res) => {
+              this.res = res
+              if (error) {
+                return done(error)
+              }
+              done()
+            }
+          )
+        }
+      )
+    })
+
+    it('should successully archive the doc', function (done) {
+      this.res.statusCode.should.equal(204)
+      done()
+    })
+
+    it('should return the doc lines and version from persistent storage', function (done) {
+      return DocstoreClient.peekDoc(
+        this.project_id,
+        this.doc._id,
+        {},
+        (error, res, doc) => {
+          if (error) return done(error)
+          res.statusCode.should.equal(200)
+          res.headers['x-doc-status'].should.equal('archived')
+          doc.lines.should.deep.equal(this.doc.lines)
+          doc.version.should.equal(this.doc.version)
+          doc.ranges.should.deep.equal(this.doc.ranges)
+          return done()
+        }
+      )
+    })
+
+    it('should return the doc lines and version from persistent storage on subsequent requests', function (done) {
+      return DocstoreClient.peekDoc(
+        this.project_id,
+        this.doc._id,
+        {},
+        (error, res, doc) => {
+          if (error) return done(error)
+          res.statusCode.should.equal(200)
+          res.headers['x-doc-status'].should.equal('archived')
+          doc.lines.should.deep.equal(this.doc.lines)
+          doc.version.should.equal(this.doc.version)
+          doc.ranges.should.deep.equal(this.doc.ranges)
+          return done()
+        }
+      )
+    })
+
+    describe('for an non-archived doc', function () {
+      before(function (done) {
+        this.project_id = new ObjectId()
+        this.timeout(1000 * 30)
+        this.doc = {
+          _id: new ObjectId(),
+          lines: ['foo', 'bar'],
+          ranges: {},
+          version: 2,
+        }
+        DocstoreClient.createDoc(
+          this.project_id,
+          this.doc._id,
+          this.doc.lines,
+          this.doc.version,
+          this.doc.ranges,
+          done
+        )
+      })
+
+      it('should return the doc lines and version from mongo', function (done) {
+        return DocstoreClient.peekDoc(
+          this.project_id,
+          this.doc._id,
+          {},
+          (error, res, doc) => {
+            if (error) return done(error)
+            res.statusCode.should.equal(200)
+            res.headers['x-doc-status'].should.equal('active')
+            doc.lines.should.deep.equal(this.doc.lines)
+            doc.version.should.equal(this.doc.version)
+            doc.ranges.should.deep.equal(this.doc.ranges)
+            return done()
+          }
+        )
+      })
+    })
+  })
+})
diff --git a/services/docstore/test/acceptance/js/GettingDocsTests.js b/services/docstore/test/acceptance/js/GettingDocsTests.js
new file mode 100644
index 0000000..121b3c1
--- /dev/null
+++ b/services/docstore/test/acceptance/js/GettingDocsTests.js
@@ -0,0 +1,137 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const { ObjectId } = require('mongodb-legacy')
+const DocstoreApp = require('./helpers/DocstoreApp')
+
+const DocstoreClient = require('./helpers/DocstoreClient')
+
+describe('Getting a doc', function () {
+  beforeEach(function (done) {
+    this.project_id = new ObjectId()
+    this.doc_id = new ObjectId()
+    this.lines = ['original', 'lines']
+    this.version = 42
+    this.ranges = {
+      changes: [
+        {
+          id: new ObjectId().toString(),
+          op: { i: 'foo', p: 3 },
+          meta: {
+            user_id: new ObjectId().toString(),
+            ts: new Date().toString(),
+          },
+        },
+      ],
+    }
+    return DocstoreApp.ensureRunning(() => {
+      return DocstoreClient.createDoc(
+        this.project_id,
+        this.doc_id,
+        this.lines,
+        this.version,
+        this.ranges,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('when the doc exists', function () {
+    return it('should get the doc lines and version', function (done) {
+      return DocstoreClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        {},
+        (error, res, doc) => {
+          if (error) return done(error)
+          doc.lines.should.deep.equal(this.lines)
+          doc.version.should.equal(this.version)
+          doc.ranges.should.deep.equal(this.ranges)
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('when the doc does not exist', function () {
+    return it('should return a 404', function (done) {
+      const missingDocId = new ObjectId()
+      return DocstoreClient.getDoc(
+        this.project_id,
+        missingDocId,
+        {},
+        (error, res, doc) => {
+          if (error) return done(error)
+          res.statusCode.should.equal(404)
+          return done()
+        }
+      )
+    })
+  })
+
+  return describe('when the doc is a deleted doc', function () {
+    beforeEach(function (done) {
+      this.deleted_doc_id = new ObjectId()
+      return DocstoreClient.createDoc(
+        this.project_id,
+        this.deleted_doc_id,
+        this.lines,
+        this.version,
+        this.ranges,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          return DocstoreClient.deleteDoc(
+            this.project_id,
+            this.deleted_doc_id,
+            done
+          )
+        }
+      )
+    })
+
+    it('should return the doc', function (done) {
+      return DocstoreClient.getDoc(
+        this.project_id,
+        this.deleted_doc_id,
+        { include_deleted: true },
+        (error, res, doc) => {
+          if (error) return done(error)
+          doc.lines.should.deep.equal(this.lines)
+          doc.version.should.equal(this.version)
+          doc.ranges.should.deep.equal(this.ranges)
+          doc.deleted.should.equal(true)
+          return done()
+        }
+      )
+    })
+
+    return it('should return a 404 when the query string is not set', function (done) {
+      return DocstoreClient.getDoc(
+        this.project_id,
+        this.deleted_doc_id,
+        {},
+        (error, res, doc) => {
+          if (error) return done(error)
+          res.statusCode.should.equal(404)
+          return done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/docstore/test/acceptance/js/UpdatingDocsTests.js b/services/docstore/test/acceptance/js/UpdatingDocsTests.js
new file mode 100644
index 0000000..8793341
--- /dev/null
+++ b/services/docstore/test/acceptance/js/UpdatingDocsTests.js
@@ -0,0 +1,557 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const { ObjectId } = require('mongodb-legacy')
+const DocstoreApp = require('./helpers/DocstoreApp')
+
+const DocstoreClient = require('./helpers/DocstoreClient')
+
+describe('Applying updates to a doc', function () {
+  beforeEach(function (done) {
+    this.project_id = new ObjectId()
+    this.doc_id = new ObjectId()
+    this.originalLines = ['original', 'lines']
+    this.newLines = ['new', 'lines']
+    this.originalRanges = {
+      changes: [
+        {
+          id: new ObjectId().toString(),
+          op: { i: 'foo', p: 3 },
+          meta: {
+            user_id: new ObjectId().toString(),
+            ts: new Date().toString(),
+          },
+        },
+      ],
+    }
+    this.newRanges = {
+      changes: [
+        {
+          id: new ObjectId().toString(),
+          op: { i: 'bar', p: 6 },
+          meta: {
+            user_id: new ObjectId().toString(),
+            ts: new Date().toString(),
+          },
+        },
+      ],
+    }
+    this.version = 42
+    return DocstoreApp.ensureRunning(() => {
+      return DocstoreClient.createDoc(
+        this.project_id,
+        this.doc_id,
+        this.originalLines,
+        this.version,
+        this.originalRanges,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('when nothing has been updated', function () {
+    beforeEach(function (done) {
+      return DocstoreClient.updateDoc(
+        this.project_id,
+        this.doc_id,
+        this.originalLines,
+        this.version,
+        this.originalRanges,
+        (error, res, body) => {
+          if (error) return done(error)
+          this.body = body
+          return done()
+        }
+      )
+    })
+
+    it('should return modified = false', function () {
+      return this.body.modified.should.equal(false)
+    })
+
+    return it('should not update the doc in the API', function (done) {
+      return DocstoreClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        {},
+        (error, res, doc) => {
+          if (error) return done(error)
+          doc.lines.should.deep.equal(this.originalLines)
+          doc.version.should.equal(this.version)
+          doc.ranges.should.deep.equal(this.originalRanges)
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('when the lines have changed', function () {
+    beforeEach(function (done) {
+      return DocstoreClient.updateDoc(
+        this.project_id,
+        this.doc_id,
+        this.newLines,
+        this.version,
+        this.originalRanges,
+        (error, res, body) => {
+          if (error) return done(error)
+          this.body = body
+          return done()
+        }
+      )
+    })
+
+    it('should return modified = true', function () {
+      return this.body.modified.should.equal(true)
+    })
+
+    it('should return the rev', function () {
+      return this.body.rev.should.equal(2)
+    })
+
+    return it('should update the doc in the API', function (done) {
+      return DocstoreClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        {},
+        (error, res, doc) => {
+          if (error) return done(error)
+          doc.lines.should.deep.equal(this.newLines)
+          doc.version.should.equal(this.version)
+          doc.ranges.should.deep.equal(this.originalRanges)
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('when the version has changed', function () {
+    beforeEach(function (done) {
+      return DocstoreClient.updateDoc(
+        this.project_id,
+        this.doc_id,
+        this.originalLines,
+        this.version + 1,
+        this.originalRanges,
+        (error, res, body) => {
+          if (error) return done(error)
+          this.body = body
+          return done()
+        }
+      )
+    })
+
+    it('should return modified = true', function () {
+      return this.body.modified.should.equal(true)
+    })
+
+    it('should return the rev', function () {
+      return this.body.rev.should.equal(1)
+    })
+
+    return it('should update the doc in the API', function (done) {
+      return DocstoreClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        {},
+        (error, res, doc) => {
+          if (error) return done(error)
+          doc.lines.should.deep.equal(this.originalLines)
+          doc.version.should.equal(this.version + 1)
+          doc.ranges.should.deep.equal(this.originalRanges)
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('when the version was decremented', function () {
+    beforeEach(function (done) {
+      DocstoreClient.updateDoc(
+        this.project_id,
+        this.doc_id,
+        this.newLines,
+        this.version - 1,
+        this.newRanges,
+        (error, res, body) => {
+          if (error) return done(error)
+          this.res = res
+          this.body = body
+          done()
+        }
+      )
+    })
+
+    it('should return 409', function () {
+      this.res.statusCode.should.equal(409)
+    })
+
+    it('should not update the doc in the API', function (done) {
+      DocstoreClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        {},
+        (error, res, doc) => {
+          if (error) return done(error)
+          doc.lines.should.deep.equal(this.originalLines)
+          doc.version.should.equal(this.version)
+          doc.ranges.should.deep.equal(this.originalRanges)
+          done()
+        }
+      )
+    })
+  })
+
+  describe('when the ranges have changed', function () {
+    beforeEach(function (done) {
+      return DocstoreClient.updateDoc(
+        this.project_id,
+        this.doc_id,
+        this.originalLines,
+        this.version,
+        this.newRanges,
+        (error, res, body) => {
+          if (error) return done(error)
+          this.body = body
+          return done()
+        }
+      )
+    })
+
+    it('should return modified = true', function () {
+      return this.body.modified.should.equal(true)
+    })
+
+    it('should return the rev', function () {
+      return this.body.rev.should.equal(2)
+    })
+
+    return it('should update the doc in the API', function (done) {
+      return DocstoreClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        {},
+        (error, res, doc) => {
+          if (error) return done(error)
+          doc.lines.should.deep.equal(this.originalLines)
+          doc.version.should.equal(this.version)
+          doc.ranges.should.deep.equal(this.newRanges)
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('when the doc does not exist', function () {
+    beforeEach(function (done) {
+      this.missing_doc_id = new ObjectId()
+      return DocstoreClient.updateDoc(
+        this.project_id,
+        this.missing_doc_id,
+        this.originalLines,
+        0,
+        this.originalRanges,
+        (error, res, body) => {
+          if (error) return done(error)
+          this.res = res
+          this.body = body
+          return done()
+        }
+      )
+    })
+
+    it('should create the doc', function () {
+      return this.body.rev.should.equal(1)
+    })
+
+    return it('should be retreivable', function (done) {
+      return DocstoreClient.getDoc(
+        this.project_id,
+        this.missing_doc_id,
+        {},
+        (error, res, doc) => {
+          if (error) return done(error)
+          doc.lines.should.deep.equal(this.originalLines)
+          doc.version.should.equal(0)
+          doc.ranges.should.deep.equal(this.originalRanges)
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('when malformed doc lines are provided', function () {
+    describe('when the lines are not an array', function () {
+      beforeEach(function (done) {
+        return DocstoreClient.updateDoc(
+          this.project_id,
+          this.doc_id,
+          { foo: 'bar' },
+          this.version,
+          this.originalRanges,
+          (error, res, body) => {
+            if (error) return done(error)
+            this.res = res
+            this.body = body
+            return done()
+          }
+        )
+      })
+
+      it('should return 400', function () {
+        return this.res.statusCode.should.equal(400)
+      })
+
+      return it('should not update the doc in the API', function (done) {
+        return DocstoreClient.getDoc(
+          this.project_id,
+          this.doc_id,
+          {},
+          (error, res, doc) => {
+            if (error) return done(error)
+            doc.lines.should.deep.equal(this.originalLines)
+            return done()
+          }
+        )
+      })
+    })
+
+    return describe('when the lines are not present', function () {
+      beforeEach(function (done) {
+        return DocstoreClient.updateDoc(
+          this.project_id,
+          this.doc_id,
+          null,
+          this.version,
+          this.originalRanges,
+          (error, res, body) => {
+            if (error) return done(error)
+            this.res = res
+            this.body = body
+            return done()
+          }
+        )
+      })
+
+      it('should return 400', function () {
+        return this.res.statusCode.should.equal(400)
+      })
+
+      return it('should not update the doc in the API', function (done) {
+        return DocstoreClient.getDoc(
+          this.project_id,
+          this.doc_id,
+          {},
+          (error, res, doc) => {
+            if (error) return done(error)
+            doc.lines.should.deep.equal(this.originalLines)
+            return done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('when no version is provided', function () {
+    beforeEach(function (done) {
+      return DocstoreClient.updateDoc(
+        this.project_id,
+        this.doc_id,
+        this.originalLines,
+        null,
+        this.originalRanges,
+        (error, res, body) => {
+          if (error) return done(error)
+          this.res = res
+          this.body = body
+          return done()
+        }
+      )
+    })
+
+    it('should return 400', function () {
+      return this.res.statusCode.should.equal(400)
+    })
+
+    return it('should not update the doc in the API', function (done) {
+      return DocstoreClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        {},
+        (error, res, doc) => {
+          if (error) return done(error)
+          doc.lines.should.deep.equal(this.originalLines)
+          doc.version.should.equal(this.version)
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('when the content is large', function () {
+    beforeEach(function (done) {
+      const line = new Array(1025).join('x') // 1kb
+      this.largeLines = Array.apply(null, Array(1024)).map(() => line) // 1mb
+      return DocstoreClient.updateDoc(
+        this.project_id,
+        this.doc_id,
+        this.largeLines,
+        this.version,
+        this.originalRanges,
+        (error, res, body) => {
+          if (error) return done(error)
+          this.body = body
+          return done()
+        }
+      )
+    })
+
+    it('should return modified = true', function () {
+      return this.body.modified.should.equal(true)
+    })
+
+    return it('should update the doc in the API', function (done) {
+      return DocstoreClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        {},
+        (error, res, doc) => {
+          if (error) return done(error)
+          doc.lines.should.deep.equal(this.largeLines)
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('when there is a large json payload', function () {
+    beforeEach(function (done) {
+      const line = new Array(1025).join('x') // 1kb
+      this.largeLines = Array.apply(null, Array(1024)).map(() => line) // 1kb
+      this.originalRanges.padding = Array.apply(null, Array(2049)).map(
+        () => line
+      ) // 2mb + 1kb
+      return DocstoreClient.updateDoc(
+        this.project_id,
+        this.doc_id,
+        this.largeLines,
+        this.version,
+        this.originalRanges,
+        (error, res, body) => {
+          if (error) return done(error)
+          this.res = res
+          this.body = body
+          return done()
+        }
+      )
+    })
+
+    it('should return modified = true', function () {
+      return this.body.modified.should.equal(true)
+    })
+
+    return it('should update the doc in the API', function (done) {
+      return DocstoreClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        {},
+        (error, res, doc) => {
+          if (error) return done(error)
+          doc.lines.should.deep.equal(this.largeLines)
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('when the document body is too large', function () {
+    beforeEach(function (done) {
+      const line = new Array(1025).join('x') // 1kb
+      this.largeLines = Array.apply(null, Array(2049)).map(() => line) // 2mb + 1kb
+      return DocstoreClient.updateDoc(
+        this.project_id,
+        this.doc_id,
+        this.largeLines,
+        this.version,
+        this.originalRanges,
+        (error, res, body) => {
+          if (error) return done(error)
+          this.res = res
+          this.body = body
+          return done()
+        }
+      )
+    })
+
+    it('should return 413', function () {
+      return this.res.statusCode.should.equal(413)
+    })
+
+    it('should report body too large', function () {
+      return this.res.body.should.equal('document body too large')
+    })
+
+    return it('should not update the doc in the API', function (done) {
+      return DocstoreClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        {},
+        (error, res, doc) => {
+          if (error) return done(error)
+          doc.lines.should.deep.equal(this.originalLines)
+          return done()
+        }
+      )
+    })
+  })
+
+  return describe('when the json payload is too large', function () {
+    beforeEach(function (done) {
+      const line = new Array(1025).join('x') // 1kb
+      this.largeLines = Array.apply(null, Array(1024)).map(() => line) // 1kb
+      this.originalRanges.padding = Array.apply(null, Array(6144)).map(
+        () => line
+      ) // 6mb
+      return DocstoreClient.updateDoc(
+        this.project_id,
+        this.doc_id,
+        this.largeLines,
+        this.version,
+        this.originalRanges,
+        (error, res, body) => {
+          if (error) return done(error)
+          this.res = res
+          this.body = body
+          return done()
+        }
+      )
+    })
+
+    return it('should not update the doc in the API', function (done) {
+      return DocstoreClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        {},
+        (error, res, doc) => {
+          if (error) return done(error)
+          doc.lines.should.deep.equal(this.originalLines)
+          return done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/docstore/test/acceptance/js/helpers/DocstoreApp.js b/services/docstore/test/acceptance/js/helpers/DocstoreApp.js
new file mode 100644
index 0000000..5e837b1
--- /dev/null
+++ b/services/docstore/test/acceptance/js/helpers/DocstoreApp.js
@@ -0,0 +1,26 @@
+const app = require('../../../../app')
+const settings = require('@overleaf/settings')
+
+module.exports = {
+  running: false,
+  initing: false,
+  callbacks: [],
+  ensureRunning(callback) {
+    if (this.running) {
+      return callback()
+    } else if (this.initing) {
+      return this.callbacks.push(callback)
+    }
+    this.initing = true
+    this.callbacks.push(callback)
+    app.listen(settings.internal.docstore.port, '127.0.0.1', error => {
+      if (error != null) {
+        throw error
+      }
+      this.running = true
+      for (callback of Array.from(this.callbacks)) {
+        callback()
+      }
+    })
+  },
+}
diff --git a/services/docstore/test/acceptance/js/helpers/DocstoreClient.js b/services/docstore/test/acceptance/js/helpers/DocstoreClient.js
new file mode 100644
index 0000000..790ec8f
--- /dev/null
+++ b/services/docstore/test/acceptance/js/helpers/DocstoreClient.js
@@ -0,0 +1,195 @@
+let DocstoreClient
+const request = require('request').defaults({ jar: false })
+const settings = require('@overleaf/settings')
+const Persistor = require('../../../../app/js/PersistorManager')
+
+async function streamToString(stream) {
+  const chunks = []
+  return await new Promise((resolve, reject) => {
+    stream.on('data', chunk => chunks.push(chunk))
+    stream.on('error', reject)
+    stream.on('end', () => resolve(Buffer.concat(chunks).toString('utf8')))
+  })
+}
+
+async function getStringFromPersistor(persistor, bucket, key) {
+  const stream = await persistor.getObjectStream(bucket, key, {})
+  stream.resume()
+  return await streamToString(stream)
+}
+
+module.exports = DocstoreClient = {
+  createDoc(projectId, docId, lines, version, ranges, callback) {
+    return DocstoreClient.updateDoc(
+      projectId,
+      docId,
+      lines,
+      version,
+      ranges,
+      callback
+    )
+  },
+
+  getDoc(projectId, docId, qs, callback) {
+    request.get(
+      {
+        url: `http://127.0.0.1:${settings.internal.docstore.port}/project/${projectId}/doc/${docId}`,
+        json: true,
+        qs,
+      },
+      callback
+    )
+  },
+
+  peekDoc(projectId, docId, qs, callback) {
+    request.get(
+      {
+        url: `http://127.0.0.1:${settings.internal.docstore.port}/project/${projectId}/doc/${docId}/peek`,
+        json: true,
+        qs,
+      },
+      callback
+    )
+  },
+
+  isDocDeleted(projectId, docId, callback) {
+    request.get(
+      {
+        url: `http://127.0.0.1:${settings.internal.docstore.port}/project/${projectId}/doc/${docId}/deleted`,
+        json: true,
+      },
+      callback
+    )
+  },
+
+  getAllDocs(projectId, callback) {
+    request.get(
+      {
+        url: `http://127.0.0.1:${settings.internal.docstore.port}/project/${projectId}/doc`,
+        json: true,
+      },
+      (req, res, body) => {
+        callback(req, res, body)
+      }
+    )
+  },
+
+  getAllDeletedDocs(projectId, callback) {
+    request.get(
+      {
+        url: `http://127.0.0.1:${settings.internal.docstore.port}/project/${projectId}/doc-deleted`,
+        json: true,
+      },
+      (error, res, body) => {
+        if (error) return callback(error)
+        if (res.statusCode !== 200) {
+          return callback(new Error('unexpected statusCode'))
+        }
+        callback(null, body)
+      }
+    )
+  },
+
+  getAllRanges(projectId, callback) {
+    request.get(
+      {
+        url: `http://127.0.0.1:${settings.internal.docstore.port}/project/${projectId}/ranges`,
+        json: true,
+      },
+      callback
+    )
+  },
+
+  updateDoc(projectId, docId, lines, version, ranges, callback) {
+    return request.post(
+      {
+        url: `http://127.0.0.1:${settings.internal.docstore.port}/project/${projectId}/doc/${docId}`,
+        json: {
+          lines,
+          version,
+          ranges,
+        },
+      },
+      callback
+    )
+  },
+
+  deleteDoc(projectId, docId, callback) {
+    DocstoreClient.deleteDocWithDateAndName(
+      projectId,
+      docId,
+      new Date(),
+      'main.tex',
+      callback
+    )
+  },
+
+  deleteDocWithDate(projectId, docId, date, callback) {
+    DocstoreClient.deleteDocWithDateAndName(
+      projectId,
+      docId,
+      date,
+      'main.tex',
+      callback
+    )
+  },
+
+  deleteDocWithName(projectId, docId, name, callback) {
+    DocstoreClient.deleteDocWithDateAndName(
+      projectId,
+      docId,
+      new Date(),
+      name,
+      callback
+    )
+  },
+
+  deleteDocWithDateAndName(projectId, docId, deletedAt, name, callback) {
+    request.patch(
+      {
+        url: `http://127.0.0.1:${settings.internal.docstore.port}/project/${projectId}/doc/${docId}`,
+        json: { name, deleted: true, deletedAt },
+      },
+      callback
+    )
+  },
+
+  archiveAllDoc(projectId, callback) {
+    request.post(
+      {
+        url: `http://127.0.0.1:${settings.internal.docstore.port}/project/${projectId}/archive`,
+      },
+      callback
+    )
+  },
+
+  archiveDoc(projectId, docId, callback) {
+    request.post(
+      {
+        url: `http://127.0.0.1:${settings.internal.docstore.port}/project/${projectId}/doc/${docId}/archive`,
+      },
+      callback
+    )
+  },
+
+  destroyAllDoc(projectId, callback) {
+    request.post(
+      {
+        url: `http://127.0.0.1:${settings.internal.docstore.port}/project/${projectId}/destroy`,
+      },
+      callback
+    )
+  },
+
+  getS3Doc(projectId, docId, callback) {
+    getStringFromPersistor(
+      Persistor,
+      settings.docstore.bucket,
+      `${projectId}/${docId}`
+    )
+      .then(data => {
+        callback(null, JSON.parse(data))
+      })
+      .catch(callback)
+  },
+}
diff --git a/services/docstore/test/setup.js b/services/docstore/test/setup.js
new file mode 100644
index 0000000..92b86c9
--- /dev/null
+++ b/services/docstore/test/setup.js
@@ -0,0 +1,55 @@
+const chai = require('chai')
+const sinon = require('sinon')
+const sinonChai = require('sinon-chai')
+const chaiAsPromised = require('chai-as-promised')
+const SandboxedModule = require('sandboxed-module')
+const timersPromises = require('node:timers/promises')
+
+// ensure every ObjectId has the id string as a property for correct comparisons
+require('mongodb-legacy').ObjectId.cacheHexString = true
+
+process.env.BACKEND = 'gcs'
+
+// Chai configuration
+chai.should()
+chai.use(sinonChai)
+chai.use(chaiAsPromised)
+
+// Global stubs
+const sandbox = sinon.createSandbox()
+const stubs = {
+  logger: {
+    debug: sandbox.stub(),
+    log: sandbox.stub(),
+    info: sandbox.stub(),
+    warn: sandbox.stub(),
+    err: sandbox.stub(),
+    error: sandbox.stub(),
+    fatal: sandbox.stub(),
+  },
+}
+
+// SandboxedModule configuration
+SandboxedModule.configure({
+  requires: {
+    '@overleaf/logger': stubs.logger,
+    'timers/promises': timersPromises,
+    'mongodb-legacy': require('mongodb-legacy'),
+  },
+  globals: { Buffer, JSON, Math, console, process },
+  sourceTransformers: {
+    removeNodePrefix: function (source) {
+      return source.replace(/require\(['"]node:/g, "require('")
+    },
+  },
+})
+
+exports.mochaHooks = {
+  beforeEach() {
+    this.logger = stubs.logger
+  },
+
+  afterEach() {
+    sandbox.reset()
+  },
+}
diff --git a/services/docstore/test/unit/js/DocArchiveManagerTests.js b/services/docstore/test/unit/js/DocArchiveManagerTests.js
new file mode 100644
index 0000000..a57f980
--- /dev/null
+++ b/services/docstore/test/unit/js/DocArchiveManagerTests.js
@@ -0,0 +1,580 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../app/js/DocArchiveManager.js'
+const SandboxedModule = require('sandboxed-module')
+const { ObjectId } = require('mongodb-legacy')
+const Errors = require('../../../app/js/Errors')
+const StreamToBuffer = require('../../../app/js/StreamToBuffer').promises
+
+describe('DocArchiveManager', function () {
+  let DocArchiveManager,
+    PersistorManager,
+    MongoManager,
+    RangeManager,
+    Settings,
+    Crypto,
+    StreamUtils,
+    HashDigest,
+    HashUpdate,
+    archivedDocs,
+    mongoDocs,
+    archivedDoc,
+    archivedDocJson,
+    md5Sum,
+    projectId,
+    readStream,
+    stream,
+    streamToBuffer
+
+  beforeEach(function () {
+    md5Sum = 'decafbad'
+
+    RangeManager = {
+      jsonRangesToMongo: sinon.stub().returns({ mongo: 'ranges' }),
+    }
+    Settings = {
+      docstore: {
+        backend: 'gcs',
+        bucket: 'wombat',
+      },
+      parallelArchiveJobs: 3,
+    }
+    HashDigest = sinon.stub().returns(md5Sum)
+    HashUpdate = sinon.stub().returns({ digest: HashDigest })
+    Crypto = {
+      createHash: sinon.stub().returns({ update: HashUpdate }),
+    }
+    StreamUtils = {
+      ReadableString: sinon.stub().returns({ stream: 'readStream' }),
+    }
+
+    projectId = new ObjectId()
+    archivedDocs = [
+      {
+        _id: new ObjectId(),
+        inS3: true,
+        rev: 2,
+      },
+      {
+        _id: new ObjectId(),
+        inS3: true,
+        rev: 4,
+      },
+      {
+        _id: new ObjectId(),
+        inS3: true,
+        rev: 6,
+      },
+    ]
+    mongoDocs = [
+      {
+        _id: new ObjectId(),
+        lines: ['one', 'two', 'three'],
+        rev: 2,
+      },
+      {
+        _id: new ObjectId(),
+        lines: ['aaa', 'bbb', 'ccc'],
+        rev: 4,
+      },
+      {
+        _id: new ObjectId(),
+        inS3: true,
+        rev: 6,
+      },
+      {
+        _id: new ObjectId(),
+        inS3: true,
+        rev: 6,
+      },
+      {
+        _id: new ObjectId(),
+        lines: ['111', '222', '333'],
+        rev: 6,
+      },
+    ]
+
+    archivedDoc = {
+      lines: mongoDocs[0].lines,
+      rev: mongoDocs[0].rev,
+    }
+
+    archivedDocJson = JSON.stringify({ ...archivedDoc, schema_v: 1 })
+
+    stream = {
+      on: sinon.stub(),
+      resume: sinon.stub(),
+    }
+    stream.on.withArgs('data').yields(Buffer.from(archivedDocJson, 'utf8'))
+    stream.on.withArgs('end').yields()
+
+    readStream = {
+      stream: 'readStream',
+    }
+
+    PersistorManager = {
+      getObjectStream: sinon.stub().resolves(stream),
+      sendStream: sinon.stub().resolves(),
+      getObjectMd5Hash: sinon.stub().resolves(md5Sum),
+      deleteObject: sinon.stub().resolves(),
+      deleteDirectory: sinon.stub().resolves(),
+    }
+
+    const getNonArchivedProjectDocIds = sinon.stub()
+    getNonArchivedProjectDocIds
+      .onCall(0)
+      .resolves(mongoDocs.filter(doc => !doc.inS3).map(doc => doc._id))
+    getNonArchivedProjectDocIds.onCall(1).resolves([])
+
+    const getArchivedProjectDocs = sinon.stub()
+    getArchivedProjectDocs.onCall(0).resolves(archivedDocs)
+    getArchivedProjectDocs.onCall(1).resolves([])
+
+    const fakeGetDoc = async (_projectId, _docId) => {
+      if (_projectId.equals(projectId)) {
+        for (const mongoDoc of mongoDocs.concat(archivedDocs)) {
+          if (mongoDoc._id.equals(_docId)) {
+            return mongoDoc
+          }
+        }
+      }
+      throw new Errors.NotFoundError()
+    }
+
+    MongoManager = {
+      promises: {
+        markDocAsArchived: sinon.stub().resolves(),
+        restoreArchivedDoc: sinon.stub().resolves(),
+        upsertIntoDocCollection: sinon.stub().resolves(),
+        getProjectsDocs: sinon.stub().resolves(mongoDocs),
+        getNonDeletedArchivedProjectDocs: getArchivedProjectDocs,
+        getNonArchivedProjectDocIds,
+        getArchivedProjectDocs,
+        findDoc: sinon.stub().callsFake(fakeGetDoc),
+        getDocForArchiving: sinon.stub().callsFake(fakeGetDoc),
+        destroyProject: sinon.stub().resolves(),
+      },
+    }
+
+    // Wrap streamToBuffer so that we can pass in something that it expects (in
+    // this case, a Promise) rather than a stubbed stream object
+    streamToBuffer = {
+      promises: {
+        streamToBuffer: async () => {
+          const inputStream = new Promise(resolve => {
+            stream.on('data', data => resolve(data))
+          })
+
+          const value = await StreamToBuffer.streamToBuffer(
+            'testProjectId',
+            'testDocId',
+            inputStream
+          )
+
+          return value
+        },
+      },
+    }
+
+    DocArchiveManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': Settings,
+        crypto: Crypto,
+        '@overleaf/stream-utils': StreamUtils,
+        './MongoManager': MongoManager,
+        './RangeManager': RangeManager,
+        './PersistorManager': PersistorManager,
+        './Errors': Errors,
+        './StreamToBuffer': streamToBuffer,
+      },
+    })
+  })
+
+  describe('archiveDoc', function () {
+    it('should resolve when passed a valid document', async function () {
+      await expect(
+        DocArchiveManager.promises.archiveDoc(projectId, mongoDocs[0]._id)
+      ).to.eventually.be.fulfilled
+    })
+
+    it('should throw an error if the doc has no lines', async function () {
+      const doc = mongoDocs[0]
+      doc.lines = null
+
+      await expect(
+        DocArchiveManager.promises.archiveDoc(projectId, doc._id)
+      ).to.eventually.be.rejectedWith('doc has no lines')
+    })
+
+    it('should add the schema version', async function () {
+      await DocArchiveManager.promises.archiveDoc(projectId, mongoDocs[1]._id)
+      expect(StreamUtils.ReadableString).to.have.been.calledWith(
+        sinon.match(/"schema_v":1/)
+      )
+    })
+
+    it('should calculate the hex md5 sum of the content', async function () {
+      await DocArchiveManager.promises.archiveDoc(projectId, mongoDocs[0]._id)
+      expect(Crypto.createHash).to.have.been.calledWith('md5')
+      expect(HashUpdate).to.have.been.calledWith(archivedDocJson)
+      expect(HashDigest).to.have.been.calledWith('hex')
+    })
+
+    it('should pass the md5 hash to the object persistor for verification', async function () {
+      await DocArchiveManager.promises.archiveDoc(projectId, mongoDocs[0]._id)
+
+      expect(PersistorManager.sendStream).to.have.been.calledWith(
+        sinon.match.any,
+        sinon.match.any,
+        sinon.match.any,
+        { sourceMd5: md5Sum }
+      )
+    })
+
+    it('should pass the correct bucket and key to the persistor', async function () {
+      await DocArchiveManager.promises.archiveDoc(projectId, mongoDocs[0]._id)
+
+      expect(PersistorManager.sendStream).to.have.been.calledWith(
+        Settings.docstore.bucket,
+        `${projectId}/${mongoDocs[0]._id}`
+      )
+    })
+
+    it('should create a stream from the encoded json and send it', async function () {
+      await DocArchiveManager.promises.archiveDoc(projectId, mongoDocs[0]._id)
+      expect(StreamUtils.ReadableString).to.have.been.calledWith(
+        archivedDocJson
+      )
+      expect(PersistorManager.sendStream).to.have.been.calledWith(
+        sinon.match.any,
+        sinon.match.any,
+        readStream
+      )
+    })
+
+    it('should mark the doc as archived', async function () {
+      await DocArchiveManager.promises.archiveDoc(projectId, mongoDocs[0]._id)
+      expect(MongoManager.promises.markDocAsArchived).to.have.been.calledWith(
+        projectId,
+        mongoDocs[0]._id,
+        mongoDocs[0].rev
+      )
+    })
+
+    describe('when archiving is not configured', function () {
+      beforeEach(function () {
+        Settings.docstore.backend = undefined
+      })
+
+      it('should bail out early', async function () {
+        await DocArchiveManager.promises.archiveDoc(projectId, mongoDocs[0]._id)
+        expect(MongoManager.promises.getDocForArchiving).to.not.have.been.called
+      })
+    })
+
+    describe('with null bytes in the result', function () {
+      const _stringify = JSON.stringify
+
+      beforeEach(function () {
+        JSON.stringify = sinon.stub().returns('{"bad": "\u0000"}')
+      })
+
+      afterEach(function () {
+        JSON.stringify = _stringify
+      })
+
+      it('should return an error', async function () {
+        await expect(
+          DocArchiveManager.promises.archiveDoc(projectId, mongoDocs[0]._id)
+        ).to.eventually.be.rejectedWith('null bytes detected')
+      })
+    })
+  })
+
+  describe('unarchiveDoc', function () {
+    let docId, lines, rev
+
+    describe('when the doc is in S3', function () {
+      beforeEach(function () {
+        MongoManager.promises.findDoc = sinon
+          .stub()
+          .resolves({ inS3: true, rev })
+        docId = mongoDocs[0]._id
+        lines = ['doc', 'lines']
+        rev = 123
+      })
+
+      it('should resolve when passed a valid document', async function () {
+        await expect(DocArchiveManager.promises.unarchiveDoc(projectId, docId))
+          .to.eventually.be.fulfilled
+      })
+
+      it('should test md5 validity with the raw buffer', async function () {
+        await DocArchiveManager.promises.unarchiveDoc(projectId, docId)
+        expect(HashUpdate).to.have.been.calledWith(
+          sinon.match.instanceOf(Buffer)
+        )
+      })
+
+      it('should throw an error if the md5 does not match', async function () {
+        PersistorManager.getObjectMd5Hash.resolves('badf00d')
+        await expect(
+          DocArchiveManager.promises.unarchiveDoc(projectId, docId)
+        ).to.eventually.be.rejected.and.be.instanceof(Errors.Md5MismatchError)
+      })
+
+      it('should restore the doc in Mongo', async function () {
+        await DocArchiveManager.promises.unarchiveDoc(projectId, docId)
+        expect(
+          MongoManager.promises.restoreArchivedDoc
+        ).to.have.been.calledWith(projectId, docId, archivedDoc)
+      })
+
+      describe('when archiving is not configured', function () {
+        beforeEach(function () {
+          Settings.docstore.backend = undefined
+        })
+
+        it('should error out on archived doc', async function () {
+          await expect(
+            DocArchiveManager.promises.unarchiveDoc(projectId, docId)
+          ).to.eventually.be.rejected.and.match(
+            /found archived doc, but archiving backend is not configured/
+          )
+        })
+
+        it('should return early on non-archived doc', async function () {
+          MongoManager.promises.findDoc = sinon.stub().resolves({ rev })
+          await DocArchiveManager.promises.unarchiveDoc(projectId, docId)
+          expect(PersistorManager.getObjectMd5Hash).to.not.have.been.called
+        })
+      })
+
+      describe('doc contents', function () {
+        let archivedDoc
+
+        describe('when the doc has the old schema', function () {
+          beforeEach(function () {
+            archivedDoc = lines
+            archivedDocJson = JSON.stringify(archivedDoc)
+            stream.on
+              .withArgs('data')
+              .yields(Buffer.from(archivedDocJson, 'utf8'))
+          })
+
+          it('should return the docs lines', async function () {
+            await DocArchiveManager.promises.unarchiveDoc(projectId, docId)
+            expect(
+              MongoManager.promises.restoreArchivedDoc
+            ).to.have.been.calledWith(projectId, docId, { lines, rev })
+          })
+        })
+
+        describe('with the new schema and ranges', function () {
+          beforeEach(function () {
+            archivedDoc = {
+              lines,
+              ranges: { json: 'ranges' },
+              rev: 456,
+              schema_v: 1,
+            }
+            archivedDocJson = JSON.stringify(archivedDoc)
+            stream.on
+              .withArgs('data')
+              .yields(Buffer.from(archivedDocJson, 'utf8'))
+          })
+
+          it('should return the doc lines and ranges', async function () {
+            await DocArchiveManager.promises.unarchiveDoc(projectId, docId)
+            expect(
+              MongoManager.promises.restoreArchivedDoc
+            ).to.have.been.calledWith(projectId, docId, {
+              lines,
+              ranges: { mongo: 'ranges' },
+              rev: 456,
+            })
+          })
+        })
+
+        describe('with the new schema and no ranges', function () {
+          beforeEach(function () {
+            archivedDoc = { lines, rev: 456, schema_v: 1 }
+            archivedDocJson = JSON.stringify(archivedDoc)
+            stream.on
+              .withArgs('data')
+              .yields(Buffer.from(archivedDocJson, 'utf8'))
+          })
+
+          it('should return only the doc lines', async function () {
+            await DocArchiveManager.promises.unarchiveDoc(projectId, docId)
+            expect(
+              MongoManager.promises.restoreArchivedDoc
+            ).to.have.been.calledWith(projectId, docId, { lines, rev: 456 })
+          })
+        })
+
+        describe('with the new schema and no rev', function () {
+          beforeEach(function () {
+            archivedDoc = { lines, schema_v: 1 }
+            archivedDocJson = JSON.stringify(archivedDoc)
+            stream.on
+              .withArgs('data')
+              .yields(Buffer.from(archivedDocJson, 'utf8'))
+          })
+
+          it('should use the rev obtained from Mongo', async function () {
+            await DocArchiveManager.promises.unarchiveDoc(projectId, docId)
+            expect(
+              MongoManager.promises.restoreArchivedDoc
+            ).to.have.been.calledWith(projectId, docId, { lines, rev })
+          })
+        })
+
+        describe('with an unrecognised schema', function () {
+          beforeEach(function () {
+            archivedDoc = { lines, schema_v: 2 }
+            archivedDocJson = JSON.stringify(archivedDoc)
+            stream.on
+              .withArgs('data')
+              .yields(Buffer.from(archivedDocJson, 'utf8'))
+          })
+
+          it('should throw an error', async function () {
+            await expect(
+              DocArchiveManager.promises.unarchiveDoc(projectId, docId)
+            ).to.eventually.be.rejectedWith(
+              "I don't understand the doc format in s3"
+            )
+          })
+        })
+      })
+    })
+
+    it('should not do anything if the file is already unarchived', async function () {
+      MongoManager.promises.findDoc.resolves({ inS3: false })
+      await DocArchiveManager.promises.unarchiveDoc(projectId, docId)
+      expect(PersistorManager.getObjectStream).not.to.have.been.called
+    })
+
+    it('should throw an error if the file is not found', async function () {
+      PersistorManager.getObjectStream = sinon
+        .stub()
+        .rejects(new Errors.NotFoundError())
+      await expect(
+        DocArchiveManager.promises.unarchiveDoc(projectId, docId)
+      ).to.eventually.be.rejected.and.be.instanceof(Errors.NotFoundError)
+    })
+  })
+
+  describe('destroyProject', function () {
+    describe('when archiving is enabled', function () {
+      beforeEach(async function () {
+        await DocArchiveManager.promises.destroyProject(projectId)
+      })
+
+      it('should delete the project in Mongo', function () {
+        expect(MongoManager.promises.destroyProject).to.have.been.calledWith(
+          projectId
+        )
+      })
+
+      it('should delete the project in the persistor', function () {
+        expect(PersistorManager.deleteDirectory).to.have.been.calledWith(
+          Settings.docstore.bucket,
+          projectId
+        )
+      })
+    })
+
+    describe('when archiving is disabled', function () {
+      beforeEach(async function () {
+        Settings.docstore.backend = ''
+        await DocArchiveManager.promises.destroyProject(projectId)
+      })
+
+      it('should delete the project in Mongo', function () {
+        expect(MongoManager.promises.destroyProject).to.have.been.calledWith(
+          projectId
+        )
+      })
+
+      it('should not delete the project in the persistor', function () {
+        expect(PersistorManager.deleteDirectory).not.to.have.been.called
+      })
+    })
+  })
+
+  describe('archiveAllDocs', function () {
+    it('should resolve with valid arguments', async function () {
+      await expect(DocArchiveManager.promises.archiveAllDocs(projectId)).to
+        .eventually.be.fulfilled
+    })
+
+    it('should archive all project docs which are not in s3', async function () {
+      await DocArchiveManager.promises.archiveAllDocs(projectId)
+      // not inS3
+      expect(MongoManager.promises.markDocAsArchived).to.have.been.calledWith(
+        projectId,
+        mongoDocs[0]._id
+      )
+      expect(MongoManager.promises.markDocAsArchived).to.have.been.calledWith(
+        projectId,
+        mongoDocs[1]._id
+      )
+      expect(MongoManager.promises.markDocAsArchived).to.have.been.calledWith(
+        projectId,
+        mongoDocs[4]._id
+      )
+
+      // inS3
+      expect(
+        MongoManager.promises.markDocAsArchived
+      ).not.to.have.been.calledWith(projectId, mongoDocs[2]._id)
+      expect(
+        MongoManager.promises.markDocAsArchived
+      ).not.to.have.been.calledWith(projectId, mongoDocs[3]._id)
+    })
+
+    describe('when archiving is not configured', function () {
+      beforeEach(function () {
+        Settings.docstore.backend = undefined
+      })
+
+      it('should bail out early', async function () {
+        await DocArchiveManager.promises.archiveDoc(projectId, mongoDocs[0]._id)
+        expect(MongoManager.promises.getNonArchivedProjectDocIds).to.not.have
+          .been.called
+      })
+    })
+  })
+
+  describe('unArchiveAllDocs', function () {
+    it('should resolve with valid arguments', async function () {
+      await expect(DocArchiveManager.promises.unArchiveAllDocs(projectId)).to
+        .eventually.be.fulfilled
+    })
+
+    it('should unarchive all inS3 docs', async function () {
+      await DocArchiveManager.promises.unArchiveAllDocs(projectId)
+
+      for (const doc of archivedDocs) {
+        expect(PersistorManager.getObjectStream).to.have.been.calledWith(
+          Settings.docstore.bucket,
+          `${projectId}/${doc._id}`
+        )
+      }
+    })
+
+    describe('when archiving is not configured', function () {
+      beforeEach(function () {
+        Settings.docstore.backend = undefined
+      })
+
+      it('should bail out early', async function () {
+        await DocArchiveManager.promises.archiveDoc(projectId, mongoDocs[0]._id)
+        expect(MongoManager.promises.getNonDeletedArchivedProjectDocs).to.not
+          .have.been.called
+      })
+    })
+  })
+})
diff --git a/services/docstore/test/unit/js/DocManagerTests.js b/services/docstore/test/unit/js/DocManagerTests.js
new file mode 100644
index 0000000..8405520
--- /dev/null
+++ b/services/docstore/test/unit/js/DocManagerTests.js
@@ -0,0 +1,755 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/DocManager'
+)
+const { ObjectId } = require('mongodb-legacy')
+const Errors = require('../../../app/js/Errors')
+
+describe('DocManager', function () {
+  beforeEach(function () {
+    this.doc_id = new ObjectId().toString()
+    this.project_id = new ObjectId().toString()
+    this.another_project_id = new ObjectId().toString()
+    this.stubbedError = new Error('blew up')
+    this.version = 42
+
+    this.MongoManager = {
+      promises: {
+        findDoc: sinon.stub(),
+        getProjectsDocs: sinon.stub(),
+        patchDoc: sinon.stub().resolves(),
+        upsertIntoDocCollection: sinon.stub().resolves(),
+      },
+    }
+    this.DocArchiveManager = {
+      promises: {
+        unarchiveDoc: sinon.stub(),
+        unArchiveAllDocs: sinon.stub(),
+        archiveDoc: sinon.stub().resolves(),
+      },
+    }
+    this.RangeManager = {
+      jsonRangesToMongo(r) {
+        return r
+      },
+      shouldUpdateRanges: sinon.stub().returns(false),
+    }
+    this.settings = { docstore: {} }
+
+    this.DocManager = SandboxedModule.require(modulePath, {
+      requires: {
+        './MongoManager': this.MongoManager,
+        './DocArchiveManager': this.DocArchiveManager,
+        './RangeManager': this.RangeManager,
+        '@overleaf/settings': this.settings,
+        './Errors': Errors,
+      },
+    })
+  })
+
+  describe('getFullDoc', function () {
+    beforeEach(function () {
+      this.DocManager.promises._getDoc = sinon.stub()
+      this.doc = {
+        _id: this.doc_id,
+        lines: ['2134'],
+      }
+    })
+
+    it('should call get doc with a quick filter', async function () {
+      this.DocManager.promises._getDoc.resolves(this.doc)
+      const doc = await this.DocManager.promises.getFullDoc(
+        this.project_id,
+        this.doc_id
+      )
+      doc.should.equal(this.doc)
+      this.DocManager.promises._getDoc
+        .calledWith(this.project_id, this.doc_id, {
+          lines: true,
+          rev: true,
+          deleted: true,
+          version: true,
+          ranges: true,
+          inS3: true,
+        })
+        .should.equal(true)
+    })
+
+    it('should return error when get doc errors', async function () {
+      this.DocManager.promises._getDoc.rejects(this.stubbedError)
+      await expect(
+        this.DocManager.promises.getFullDoc(this.project_id, this.doc_id)
+      ).to.be.rejectedWith(this.stubbedError)
+    })
+  })
+
+  describe('getRawDoc', function () {
+    beforeEach(function () {
+      this.DocManager.promises._getDoc = sinon.stub()
+      this.doc = { lines: ['2134'] }
+    })
+
+    it('should call get doc with a quick filter', async function () {
+      this.DocManager.promises._getDoc.resolves(this.doc)
+      const doc = await this.DocManager.promises.getDocLines(
+        this.project_id,
+        this.doc_id
+      )
+      doc.should.equal(this.doc)
+      this.DocManager.promises._getDoc
+        .calledWith(this.project_id, this.doc_id, {
+          lines: true,
+          inS3: true,
+        })
+        .should.equal(true)
+    })
+
+    it('should return error when get doc errors', async function () {
+      this.DocManager.promises._getDoc.rejects(this.stubbedError)
+      await expect(
+        this.DocManager.promises.getDocLines(this.project_id, this.doc_id)
+      ).to.be.rejectedWith(this.stubbedError)
+    })
+  })
+
+  describe('getDoc', function () {
+    beforeEach(function () {
+      this.project = { name: 'mock-project' }
+      this.doc = {
+        _id: this.doc_id,
+        project_id: this.project_id,
+        lines: ['mock-lines'],
+        version: this.version,
+      }
+    })
+
+    describe('when using a filter', function () {
+      beforeEach(function () {
+        this.MongoManager.promises.findDoc.resolves(this.doc)
+      })
+
+      it('should error if inS3 is not set to true', async function () {
+        await expect(
+          this.DocManager.promises._getDoc(this.project_id, this.doc_id, {
+            inS3: false,
+          })
+        ).to.be.rejected
+      })
+
+      it('should always get inS3 even when no filter is passed', async function () {
+        await expect(
+          this.DocManager.promises._getDoc(this.project_id, this.doc_id)
+        ).to.be.rejected
+        this.MongoManager.promises.findDoc.called.should.equal(false)
+      })
+
+      it('should not error if inS3 is set to true', async function () {
+        await this.DocManager.promises._getDoc(this.project_id, this.doc_id, {
+          inS3: true,
+        })
+      })
+    })
+
+    describe('when the doc is in the doc collection', function () {
+      beforeEach(async function () {
+        this.MongoManager.promises.findDoc.resolves(this.doc)
+        this.result = await this.DocManager.promises._getDoc(
+          this.project_id,
+          this.doc_id,
+          { version: true, inS3: true }
+        )
+      })
+
+      it('should get the doc from the doc collection', function () {
+        this.MongoManager.promises.findDoc
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+
+      it('should return the doc with the version', function () {
+        this.result.lines.should.equal(this.doc.lines)
+        this.result.version.should.equal(this.version)
+      })
+    })
+
+    describe('when MongoManager.findDoc errors', function () {
+      it('should return the error', async function () {
+        this.MongoManager.promises.findDoc.rejects(this.stubbedError)
+        await expect(
+          this.DocManager.promises._getDoc(this.project_id, this.doc_id, {
+            version: true,
+            inS3: true,
+          })
+        ).to.be.rejectedWith(this.stubbedError)
+      })
+    })
+
+    describe('when the doc is archived', function () {
+      beforeEach(async function () {
+        this.doc = {
+          _id: this.doc_id,
+          project_id: this.project_id,
+          version: 2,
+          inS3: true,
+        }
+        this.unarchivedDoc = {
+          _id: this.doc_id,
+          project_id: this.project_id,
+          lines: ['mock-lines'],
+          version: 2,
+          inS3: false,
+        }
+        this.MongoManager.promises.findDoc.resolves(this.doc)
+        this.DocArchiveManager.promises.unarchiveDoc.callsFake(
+          async (projectId, docId) => {
+            this.MongoManager.promises.findDoc.resolves({
+              ...this.unarchivedDoc,
+            })
+          }
+        )
+        this.result = await this.DocManager.promises._getDoc(
+          this.project_id,
+          this.doc_id,
+          {
+            version: true,
+            inS3: true,
+          }
+        )
+      })
+
+      it('should call the DocArchive to unarchive the doc', function () {
+        this.DocArchiveManager.promises.unarchiveDoc
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+
+      it('should look up the doc twice', function () {
+        this.MongoManager.promises.findDoc.calledTwice.should.equal(true)
+      })
+
+      it('should return the doc', function () {
+        expect(this.result).to.deep.equal({
+          ...this.unarchivedDoc,
+        })
+      })
+    })
+
+    describe('when the doc does not exist in the docs collection', function () {
+      it('should return a NotFoundError', async function () {
+        this.MongoManager.promises.findDoc.resolves(null)
+        await expect(
+          this.DocManager.promises._getDoc(this.project_id, this.doc_id, {
+            version: true,
+            inS3: true,
+          })
+        ).to.be.rejectedWith(
+          `No such doc: ${this.doc_id} in project ${this.project_id}`
+        )
+      })
+    })
+  })
+
+  describe('getAllNonDeletedDocs', function () {
+    describe('when the project exists', function () {
+      beforeEach(async function () {
+        this.docs = [
+          {
+            _id: this.doc_id,
+            project_id: this.project_id,
+            lines: ['mock-lines'],
+          },
+        ]
+        this.MongoManager.promises.getProjectsDocs.resolves(this.docs)
+        this.DocArchiveManager.promises.unArchiveAllDocs.resolves(this.docs)
+        this.filter = { lines: true }
+        this.result = await this.DocManager.promises.getAllNonDeletedDocs(
+          this.project_id,
+          this.filter
+        )
+      })
+
+      it('should get the project from the database', function () {
+        this.MongoManager.promises.getProjectsDocs.should.have.been.calledWith(
+          this.project_id,
+          { include_deleted: false },
+          this.filter
+        )
+      })
+
+      it('should return the docs', function () {
+        expect(this.result).to.deep.equal(this.docs)
+      })
+    })
+
+    describe('when there are no docs for the project', function () {
+      it('should return a NotFoundError', async function () {
+        this.MongoManager.promises.getProjectsDocs.resolves(null)
+        this.DocArchiveManager.promises.unArchiveAllDocs.resolves(null)
+        await expect(
+          this.DocManager.promises.getAllNonDeletedDocs(
+            this.project_id,
+            this.filter
+          )
+        ).to.be.rejectedWith(`No docs for project ${this.project_id}`)
+      })
+    })
+  })
+
+  describe('patchDoc', function () {
+    describe('when the doc exists', function () {
+      beforeEach(function () {
+        this.lines = ['mock', 'doc', 'lines']
+        this.rev = 77
+        this.MongoManager.promises.findDoc.resolves({
+          _id: new ObjectId(this.doc_id),
+        })
+        this.meta = {}
+      })
+
+      describe('standard path', function () {
+        beforeEach(async function () {
+          await this.DocManager.promises.patchDoc(
+            this.project_id,
+            this.doc_id,
+            this.meta
+          )
+        })
+
+        it('should get the doc', function () {
+          expect(this.MongoManager.promises.findDoc).to.have.been.calledWith(
+            this.project_id,
+            this.doc_id
+          )
+        })
+
+        it('should persist the meta', function () {
+          expect(this.MongoManager.promises.patchDoc).to.have.been.calledWith(
+            this.project_id,
+            this.doc_id,
+            this.meta
+          )
+        })
+      })
+
+      describe('background flush disabled and deleting a doc', function () {
+        beforeEach(async function () {
+          this.settings.docstore.archiveOnSoftDelete = false
+          this.meta.deleted = true
+
+          await this.DocManager.promises.patchDoc(
+            this.project_id,
+            this.doc_id,
+            this.meta
+          )
+        })
+
+        it('should not flush the doc out of mongo', function () {
+          expect(this.DocArchiveManager.promises.archiveDoc).to.not.have.been
+            .called
+        })
+      })
+
+      describe('background flush enabled and not deleting a doc', function () {
+        beforeEach(async function () {
+          this.settings.docstore.archiveOnSoftDelete = false
+          this.meta.deleted = false
+          await this.DocManager.promises.patchDoc(
+            this.project_id,
+            this.doc_id,
+            this.meta
+          )
+        })
+
+        it('should not flush the doc out of mongo', function () {
+          expect(this.DocArchiveManager.promises.archiveDoc).to.not.have.been
+            .called
+        })
+      })
+
+      describe('background flush enabled and deleting a doc', function () {
+        beforeEach(function () {
+          this.settings.docstore.archiveOnSoftDelete = true
+          this.meta.deleted = true
+        })
+
+        describe('when the background flush succeeds', function () {
+          beforeEach(async function () {
+            await this.DocManager.promises.patchDoc(
+              this.project_id,
+              this.doc_id,
+              this.meta
+            )
+          })
+
+          it('should not log a warning', function () {
+            expect(this.logger.warn).to.not.have.been.called
+          })
+
+          it('should flush the doc out of mongo', function () {
+            expect(
+              this.DocArchiveManager.promises.archiveDoc
+            ).to.have.been.calledWith(this.project_id, this.doc_id)
+          })
+        })
+
+        describe('when the background flush fails', function () {
+          beforeEach(async function () {
+            this.err = new Error('foo')
+            this.DocArchiveManager.promises.archiveDoc.rejects(this.err)
+            await this.DocManager.promises.patchDoc(
+              this.project_id,
+              this.doc_id,
+              this.meta
+            )
+          })
+
+          it('should log a warning', function () {
+            expect(this.logger.warn).to.have.been.calledWith(
+              sinon.match({
+                projectId: this.project_id,
+                docId: this.doc_id,
+                err: this.err,
+              }),
+              'archiving a single doc in the background failed'
+            )
+          })
+        })
+      })
+    })
+
+    describe('when the doc does not exist', function () {
+      it('should return a NotFoundError', async function () {
+        this.MongoManager.promises.findDoc.resolves(null)
+        await expect(
+          this.DocManager.promises.patchDoc(this.project_id, this.doc_id, {})
+        ).to.be.rejectedWith(
+          `No such project/doc to delete: ${this.project_id}/${this.doc_id}`
+        )
+      })
+    })
+  })
+
+  describe('updateDoc', function () {
+    beforeEach(function () {
+      this.oldDocLines = ['old', 'doc', 'lines']
+      this.newDocLines = ['new', 'doc', 'lines']
+      this.originalRanges = {
+        changes: [
+          {
+            id: new ObjectId().toString(),
+            op: { i: 'foo', p: 3 },
+            meta: {
+              user_id: new ObjectId().toString(),
+              ts: new Date().toString(),
+            },
+          },
+        ],
+      }
+      this.newRanges = {
+        changes: [
+          {
+            id: new ObjectId().toString(),
+            op: { i: 'bar', p: 6 },
+            meta: {
+              user_id: new ObjectId().toString(),
+              ts: new Date().toString(),
+            },
+          },
+        ],
+      }
+      this.version = 42
+      this.doc = {
+        _id: this.doc_id,
+        project_id: this.project_id,
+        lines: this.oldDocLines,
+        rev: (this.rev = 5),
+        version: this.version,
+        ranges: this.originalRanges,
+      }
+
+      this.DocManager.promises._getDoc = sinon.stub()
+    })
+
+    describe('when only the doc lines have changed', function () {
+      beforeEach(async function () {
+        this.DocManager.promises._getDoc = sinon.stub().resolves(this.doc)
+        this.result = await this.DocManager.promises.updateDoc(
+          this.project_id,
+          this.doc_id,
+          this.newDocLines,
+          this.version,
+          this.originalRanges
+        )
+      })
+
+      it('should get the existing doc', function () {
+        this.DocManager.promises._getDoc
+          .calledWith(this.project_id, this.doc_id, {
+            version: true,
+            rev: true,
+            lines: true,
+            ranges: true,
+            inS3: true,
+          })
+          .should.equal(true)
+      })
+
+      it('should upsert the document to the doc collection', function () {
+        this.MongoManager.promises.upsertIntoDocCollection
+          .calledWith(this.project_id, this.doc_id, this.rev, {
+            lines: this.newDocLines,
+          })
+          .should.equal(true)
+      })
+
+      it('should return the new rev', function () {
+        expect(this.result).to.deep.equal({ modified: true, rev: this.rev + 1 })
+      })
+    })
+
+    describe('when the doc ranges have changed', function () {
+      beforeEach(async function () {
+        this.DocManager.promises._getDoc = sinon.stub().resolves(this.doc)
+        this.RangeManager.shouldUpdateRanges.returns(true)
+        this.result = await this.DocManager.promises.updateDoc(
+          this.project_id,
+          this.doc_id,
+          this.oldDocLines,
+          this.version,
+          this.newRanges
+        )
+      })
+
+      it('should upsert the ranges', function () {
+        this.MongoManager.promises.upsertIntoDocCollection
+          .calledWith(this.project_id, this.doc_id, this.rev, {
+            ranges: this.newRanges,
+          })
+          .should.equal(true)
+      })
+
+      it('should return the new rev', function () {
+        expect(this.result).to.deep.equal({ modified: true, rev: this.rev + 1 })
+      })
+    })
+
+    describe('when only the version has changed', function () {
+      beforeEach(async function () {
+        this.DocManager.promises._getDoc = sinon.stub().resolves(this.doc)
+        this.result = await this.DocManager.promises.updateDoc(
+          this.project_id,
+          this.doc_id,
+          this.oldDocLines,
+          this.version + 1,
+          this.originalRanges
+        )
+      })
+
+      it('should update the version', function () {
+        this.MongoManager.promises.upsertIntoDocCollection.should.have.been.calledWith(
+          this.project_id,
+          this.doc_id,
+          this.rev,
+          { version: this.version + 1 }
+        )
+      })
+
+      it('should return the old rev', function () {
+        expect(this.result).to.deep.equal({ modified: true, rev: this.rev })
+      })
+    })
+
+    describe('when the doc has not changed at all', function () {
+      beforeEach(async function () {
+        this.DocManager.promises._getDoc = sinon.stub().resolves(this.doc)
+        this.result = await this.DocManager.promises.updateDoc(
+          this.project_id,
+          this.doc_id,
+          this.oldDocLines,
+          this.version,
+          this.originalRanges
+        )
+      })
+
+      it('should not update the ranges or lines or version', function () {
+        this.MongoManager.promises.upsertIntoDocCollection.called.should.equal(
+          false
+        )
+      })
+
+      it('should return the old rev and modified == false', function () {
+        expect(this.result).to.deep.equal({ modified: false, rev: this.rev })
+      })
+    })
+
+    describe('when the version is null', function () {
+      it('should return an error', async function () {
+        await expect(
+          this.DocManager.promises.updateDoc(
+            this.project_id,
+            this.doc_id,
+            this.newDocLines,
+            null,
+            this.originalRanges
+          )
+        ).to.be.rejectedWith('no lines, version or ranges provided')
+      })
+    })
+
+    describe('when the lines are null', function () {
+      it('should return an error', async function () {
+        await expect(
+          this.DocManager.promises.updateDoc(
+            this.project_id,
+            this.doc_id,
+            null,
+            this.version,
+            this.originalRanges
+          )
+        ).to.be.rejectedWith('no lines, version or ranges provided')
+      })
+    })
+
+    describe('when the ranges are null', function () {
+      it('should return an error', async function () {
+        await expect(
+          this.DocManager.promises.updateDoc(
+            this.project_id,
+            this.doc_id,
+            this.newDocLines,
+            this.version,
+            null
+          )
+        ).to.be.rejectedWith('no lines, version or ranges provided')
+      })
+    })
+
+    describe('when there is a generic error getting the doc', function () {
+      beforeEach(async function () {
+        this.error = new Error('doc could not be found')
+        this.DocManager.promises._getDoc = sinon.stub().rejects(this.error)
+        await expect(
+          this.DocManager.promises.updateDoc(
+            this.project_id,
+            this.doc_id,
+            this.newDocLines,
+            this.version,
+            this.originalRanges
+          )
+        ).to.be.rejectedWith(this.error)
+      })
+
+      it('should not upsert the document to the doc collection', function () {
+        this.MongoManager.promises.upsertIntoDocCollection.should.not.have.been
+          .called
+      })
+    })
+
+    describe('when the version was decremented', function () {
+      it('should return an error', async function () {
+        this.DocManager.promises._getDoc = sinon.stub().resolves(this.doc)
+        await expect(
+          this.DocManager.promises.updateDoc(
+            this.project_id,
+            this.doc_id,
+            this.newDocLines,
+            this.version - 1,
+            this.originalRanges
+          )
+        ).to.be.rejectedWith(Errors.DocVersionDecrementedError)
+      })
+    })
+
+    describe('when the doc lines have not changed', function () {
+      beforeEach(async function () {
+        this.DocManager.promises._getDoc = sinon.stub().resolves(this.doc)
+        this.result = await this.DocManager.promises.updateDoc(
+          this.project_id,
+          this.doc_id,
+          this.oldDocLines.slice(),
+          this.version,
+          this.originalRanges
+        )
+      })
+
+      it('should not update the doc', function () {
+        this.MongoManager.promises.upsertIntoDocCollection.called.should.equal(
+          false
+        )
+      })
+
+      it('should return the existing rev', function () {
+        expect(this.result).to.deep.equal({ modified: false, rev: this.rev })
+      })
+    })
+
+    describe('when the doc does not exist', function () {
+      beforeEach(async function () {
+        this.DocManager.promises._getDoc = sinon.stub().resolves(null)
+        this.result = await this.DocManager.promises.updateDoc(
+          this.project_id,
+          this.doc_id,
+          this.newDocLines,
+          this.version,
+          this.originalRanges
+        )
+      })
+
+      it('should upsert the document to the doc collection', function () {
+        this.MongoManager.promises.upsertIntoDocCollection.should.have.been.calledWith(
+          this.project_id,
+          this.doc_id,
+          undefined,
+          {
+            lines: this.newDocLines,
+            ranges: this.originalRanges,
+            version: this.version,
+          }
+        )
+      })
+
+      it('should return the new rev', function () {
+        expect(this.result).to.deep.equal({ modified: true, rev: 1 })
+      })
+    })
+
+    describe('when another update is racing', function () {
+      beforeEach(async function () {
+        this.DocManager.promises._getDoc = sinon.stub().resolves(this.doc)
+        this.MongoManager.promises.upsertIntoDocCollection
+          .onFirstCall()
+          .rejects(new Errors.DocRevValueError())
+        this.RangeManager.shouldUpdateRanges.returns(true)
+        this.result = await this.DocManager.promises.updateDoc(
+          this.project_id,
+          this.doc_id,
+          this.newDocLines,
+          this.version + 1,
+          this.newRanges
+        )
+      })
+
+      it('should upsert the doc twice', function () {
+        this.MongoManager.promises.upsertIntoDocCollection.should.have.been.calledWith(
+          this.project_id,
+          this.doc_id,
+          this.rev,
+          {
+            ranges: this.newRanges,
+            lines: this.newDocLines,
+            version: this.version + 1,
+          }
+        )
+        this.MongoManager.promises.upsertIntoDocCollection.should.have.been
+          .calledTwice
+      })
+
+      it('should return the new rev', function () {
+        expect(this.result).to.deep.equal({ modified: true, rev: this.rev + 1 })
+      })
+    })
+  })
+})
diff --git a/services/docstore/test/unit/js/HttpControllerTests.js b/services/docstore/test/unit/js/HttpControllerTests.js
new file mode 100644
index 0000000..bf78696
--- /dev/null
+++ b/services/docstore/test/unit/js/HttpControllerTests.js
@@ -0,0 +1,578 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { assert, expect } = require('chai')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/HttpController'
+)
+const { ObjectId } = require('mongodb-legacy')
+const Errors = require('../../../app/js/Errors')
+
+describe('HttpController', function () {
+  beforeEach(function () {
+    const settings = {
+      max_doc_length: 2 * 1024 * 1024,
+    }
+    this.DocArchiveManager = {
+      unArchiveAllDocs: sinon.stub().yields(),
+    }
+    this.DocManager = {}
+    this.HttpController = SandboxedModule.require(modulePath, {
+      requires: {
+        './DocManager': this.DocManager,
+        './DocArchiveManager': this.DocArchiveManager,
+        '@overleaf/settings': settings,
+        './HealthChecker': {},
+        './Errors': Errors,
+      },
+    })
+    this.res = {
+      send: sinon.stub(),
+      sendStatus: sinon.stub(),
+      json: sinon.stub(),
+      setHeader: sinon.stub(),
+    }
+    this.res.status = sinon.stub().returns(this.res)
+    this.req = { query: {} }
+    this.next = sinon.stub()
+    this.projectId = 'mock-project-id'
+    this.docId = 'mock-doc-id'
+    this.doc = {
+      _id: this.docId,
+      lines: ['mock', 'lines', ' here', '', '', ' spaces '],
+      version: 42,
+      rev: 5,
+    }
+    this.deletedDoc = {
+      deleted: true,
+      _id: this.docId,
+      lines: ['mock', 'lines', ' here', '', '', ' spaces '],
+      version: 42,
+      rev: 5,
+    }
+  })
+
+  describe('getDoc', function () {
+    describe('without deleted docs', function () {
+      beforeEach(function () {
+        this.req.params = {
+          project_id: this.projectId,
+          doc_id: this.docId,
+        }
+        this.DocManager.getFullDoc = sinon
+          .stub()
+          .callsArgWith(2, null, this.doc)
+        this.HttpController.getDoc(this.req, this.res, this.next)
+      })
+
+      it('should get the document with the version (including deleted)', function () {
+        this.DocManager.getFullDoc
+          .calledWith(this.projectId, this.docId)
+          .should.equal(true)
+      })
+
+      it('should return the doc as JSON', function () {
+        this.res.json
+          .calledWith({
+            _id: this.docId,
+            lines: this.doc.lines,
+            rev: this.doc.rev,
+            version: this.doc.version,
+          })
+          .should.equal(true)
+      })
+    })
+
+    describe('which is deleted', function () {
+      beforeEach(function () {
+        this.req.params = {
+          project_id: this.projectId,
+          doc_id: this.docId,
+        }
+        this.DocManager.getFullDoc = sinon
+          .stub()
+          .callsArgWith(2, null, this.deletedDoc)
+      })
+
+      it('should get the doc from the doc manager', function () {
+        this.HttpController.getDoc(this.req, this.res, this.next)
+        this.DocManager.getFullDoc
+          .calledWith(this.projectId, this.docId)
+          .should.equal(true)
+      })
+
+      it('should return 404 if the query string delete is not set ', function () {
+        this.HttpController.getDoc(this.req, this.res, this.next)
+        this.res.sendStatus.calledWith(404).should.equal(true)
+      })
+
+      it('should return the doc as JSON if include_deleted is set to true', function () {
+        this.req.query.include_deleted = 'true'
+        this.HttpController.getDoc(this.req, this.res, this.next)
+        this.res.json
+          .calledWith({
+            _id: this.docId,
+            lines: this.doc.lines,
+            rev: this.doc.rev,
+            deleted: true,
+            version: this.doc.version,
+          })
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('getRawDoc', function () {
+    beforeEach(function () {
+      this.req.params = {
+        project_id: this.projectId,
+        doc_id: this.docId,
+      }
+      this.DocManager.getDocLines = sinon.stub().callsArgWith(2, null, this.doc)
+      this.HttpController.getRawDoc(this.req, this.res, this.next)
+    })
+
+    it('should get the document without the version', function () {
+      this.DocManager.getDocLines
+        .calledWith(this.projectId, this.docId)
+        .should.equal(true)
+    })
+
+    it('should set the content type header', function () {
+      this.res.setHeader
+        .calledWith('content-type', 'text/plain')
+        .should.equal(true)
+    })
+
+    it('should send the raw version of the doc', function () {
+      assert.deepEqual(
+        this.res.send.args[0][0],
+        `${this.doc.lines[0]}\n${this.doc.lines[1]}\n${this.doc.lines[2]}\n${this.doc.lines[3]}\n${this.doc.lines[4]}\n${this.doc.lines[5]}`
+      )
+    })
+  })
+
+  describe('getAllDocs', function () {
+    describe('normally', function () {
+      beforeEach(function () {
+        this.req.params = { project_id: this.projectId }
+        this.docs = [
+          {
+            _id: new ObjectId(),
+            lines: ['mock', 'lines', 'one'],
+            rev: 2,
+          },
+          {
+            _id: new ObjectId(),
+            lines: ['mock', 'lines', 'two'],
+            rev: 4,
+          },
+        ]
+        this.DocManager.getAllNonDeletedDocs = sinon
+          .stub()
+          .callsArgWith(2, null, this.docs)
+        this.HttpController.getAllDocs(this.req, this.res, this.next)
+      })
+
+      it('should get all the (non-deleted) docs', function () {
+        this.DocManager.getAllNonDeletedDocs
+          .calledWith(this.projectId, { lines: true, rev: true })
+          .should.equal(true)
+      })
+
+      it('should return the doc as JSON', function () {
+        this.res.json
+          .calledWith([
+            {
+              _id: this.docs[0]._id.toString(),
+              lines: this.docs[0].lines,
+              rev: this.docs[0].rev,
+            },
+            {
+              _id: this.docs[1]._id.toString(),
+              lines: this.docs[1].lines,
+              rev: this.docs[1].rev,
+            },
+          ])
+          .should.equal(true)
+      })
+    })
+
+    describe('with null lines', function () {
+      beforeEach(function () {
+        this.req.params = { project_id: this.projectId }
+        this.docs = [
+          {
+            _id: new ObjectId(),
+            lines: null,
+            rev: 2,
+          },
+          {
+            _id: new ObjectId(),
+            lines: ['mock', 'lines', 'two'],
+            rev: 4,
+          },
+        ]
+        this.DocManager.getAllNonDeletedDocs = sinon
+          .stub()
+          .callsArgWith(2, null, this.docs)
+        this.HttpController.getAllDocs(this.req, this.res, this.next)
+      })
+
+      it('should return the doc with fallback lines', function () {
+        this.res.json
+          .calledWith([
+            {
+              _id: this.docs[0]._id.toString(),
+              lines: [],
+              rev: this.docs[0].rev,
+            },
+            {
+              _id: this.docs[1]._id.toString(),
+              lines: this.docs[1].lines,
+              rev: this.docs[1].rev,
+            },
+          ])
+          .should.equal(true)
+      })
+    })
+
+    describe('with a null doc', function () {
+      beforeEach(function () {
+        this.req.params = { project_id: this.projectId }
+        this.docs = [
+          {
+            _id: new ObjectId(),
+            lines: ['mock', 'lines', 'one'],
+            rev: 2,
+          },
+          null,
+          {
+            _id: new ObjectId(),
+            lines: ['mock', 'lines', 'two'],
+            rev: 4,
+          },
+        ]
+        this.DocManager.getAllNonDeletedDocs = sinon
+          .stub()
+          .callsArgWith(2, null, this.docs)
+        this.HttpController.getAllDocs(this.req, this.res, this.next)
+      })
+
+      it('should return the non null docs as JSON', function () {
+        this.res.json
+          .calledWith([
+            {
+              _id: this.docs[0]._id.toString(),
+              lines: this.docs[0].lines,
+              rev: this.docs[0].rev,
+            },
+            {
+              _id: this.docs[2]._id.toString(),
+              lines: this.docs[2].lines,
+              rev: this.docs[2].rev,
+            },
+          ])
+          .should.equal(true)
+      })
+
+      it('should log out an error', function () {
+        this.logger.error
+          .calledWith(
+            {
+              err: sinon.match.has('message', 'null doc'),
+              projectId: this.projectId,
+            },
+            'encountered null doc'
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('getAllRanges', function () {
+    describe('normally', function () {
+      beforeEach(function () {
+        this.req.params = { project_id: this.projectId }
+        this.docs = [
+          {
+            _id: new ObjectId(),
+            ranges: { mock_ranges: 'one' },
+          },
+          {
+            _id: new ObjectId(),
+            ranges: { mock_ranges: 'two' },
+          },
+        ]
+        this.DocManager.getAllNonDeletedDocs = sinon
+          .stub()
+          .callsArgWith(2, null, this.docs)
+        this.HttpController.getAllRanges(this.req, this.res, this.next)
+      })
+
+      it('should get all the (non-deleted) doc ranges', function () {
+        this.DocManager.getAllNonDeletedDocs
+          .calledWith(this.projectId, { ranges: true })
+          .should.equal(true)
+      })
+
+      it('should return the doc as JSON', function () {
+        this.res.json
+          .calledWith([
+            {
+              _id: this.docs[0]._id.toString(),
+              ranges: this.docs[0].ranges,
+            },
+            {
+              _id: this.docs[1]._id.toString(),
+              ranges: this.docs[1].ranges,
+            },
+          ])
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('updateDoc', function () {
+    beforeEach(function () {
+      this.req.params = {
+        project_id: this.projectId,
+        doc_id: this.docId,
+      }
+    })
+
+    describe('when the doc lines exist and were updated', function () {
+      beforeEach(function () {
+        this.req.body = {
+          lines: (this.lines = ['hello', 'world']),
+          version: (this.version = 42),
+          ranges: (this.ranges = { changes: 'mock' }),
+        }
+        this.DocManager.updateDoc = sinon
+          .stub()
+          .yields(null, true, (this.rev = 5))
+        this.HttpController.updateDoc(this.req, this.res, this.next)
+      })
+
+      it('should update the document', function () {
+        this.DocManager.updateDoc
+          .calledWith(
+            this.projectId,
+            this.docId,
+            this.lines,
+            this.version,
+            this.ranges
+          )
+          .should.equal(true)
+      })
+
+      it('should return a modified status', function () {
+        this.res.json
+          .calledWith({ modified: true, rev: this.rev })
+          .should.equal(true)
+      })
+    })
+
+    describe('when the doc lines exist and were not updated', function () {
+      beforeEach(function () {
+        this.req.body = {
+          lines: (this.lines = ['hello', 'world']),
+          version: (this.version = 42),
+          ranges: {},
+        }
+        this.DocManager.updateDoc = sinon
+          .stub()
+          .yields(null, false, (this.rev = 5))
+        this.HttpController.updateDoc(this.req, this.res, this.next)
+      })
+
+      it('should return a modified status', function () {
+        this.res.json
+          .calledWith({ modified: false, rev: this.rev })
+          .should.equal(true)
+      })
+    })
+
+    describe('when the doc lines are not provided', function () {
+      beforeEach(function () {
+        this.req.body = { version: 42, ranges: {} }
+        this.DocManager.updateDoc = sinon.stub().yields(null, false)
+        this.HttpController.updateDoc(this.req, this.res, this.next)
+      })
+
+      it('should not update the document', function () {
+        this.DocManager.updateDoc.called.should.equal(false)
+      })
+
+      it('should return a 400 (bad request) response', function () {
+        this.res.sendStatus.calledWith(400).should.equal(true)
+      })
+    })
+
+    describe('when the doc version are not provided', function () {
+      beforeEach(function () {
+        this.req.body = { version: 42, lines: ['hello world'] }
+        this.DocManager.updateDoc = sinon.stub().yields(null, false)
+        this.HttpController.updateDoc(this.req, this.res, this.next)
+      })
+
+      it('should not update the document', function () {
+        this.DocManager.updateDoc.called.should.equal(false)
+      })
+
+      it('should return a 400 (bad request) response', function () {
+        this.res.sendStatus.calledWith(400).should.equal(true)
+      })
+    })
+
+    describe('when the doc ranges is not provided', function () {
+      beforeEach(function () {
+        this.req.body = { lines: ['foo'], version: 42 }
+        this.DocManager.updateDoc = sinon.stub().yields(null, false)
+        this.HttpController.updateDoc(this.req, this.res, this.next)
+      })
+
+      it('should not update the document', function () {
+        this.DocManager.updateDoc.called.should.equal(false)
+      })
+
+      it('should return a 400 (bad request) response', function () {
+        this.res.sendStatus.calledWith(400).should.equal(true)
+      })
+    })
+
+    describe('when the doc body is too large', function () {
+      beforeEach(function () {
+        this.req.body = {
+          lines: (this.lines = Array(2049).fill('a'.repeat(1024))),
+          version: (this.version = 42),
+          ranges: (this.ranges = { changes: 'mock' }),
+        }
+        this.HttpController.updateDoc(this.req, this.res, this.next)
+      })
+
+      it('should return a 413 (too large) response', function () {
+        sinon.assert.calledWith(this.res.status, 413)
+      })
+
+      it('should report that the document body is too large', function () {
+        sinon.assert.calledWith(this.res.send, 'document body too large')
+      })
+    })
+  })
+
+  describe('patchDoc', function () {
+    beforeEach(function () {
+      this.req.params = {
+        project_id: this.projectId,
+        doc_id: this.docId,
+      }
+      this.req.body = { name: 'foo.tex' }
+      this.DocManager.patchDoc = sinon.stub().yields(null)
+      this.HttpController.patchDoc(this.req, this.res, this.next)
+    })
+
+    it('should delete the document', function () {
+      expect(this.DocManager.patchDoc).to.have.been.calledWith(
+        this.projectId,
+        this.docId
+      )
+    })
+
+    it('should return a 204 (No Content)', function () {
+      expect(this.res.sendStatus).to.have.been.calledWith(204)
+    })
+
+    describe('with an invalid payload', function () {
+      beforeEach(function () {
+        this.req.body = { cannot: 'happen' }
+
+        this.DocManager.patchDoc = sinon.stub().yields(null)
+        this.HttpController.patchDoc(this.req, this.res, this.next)
+      })
+
+      it('should log a message', function () {
+        expect(this.logger.fatal).to.have.been.calledWith(
+          { field: 'cannot' },
+          'joi validation for pathDoc is broken'
+        )
+      })
+
+      it('should not pass the invalid field along', function () {
+        expect(this.DocManager.patchDoc).to.have.been.calledWith(
+          this.projectId,
+          this.docId,
+          {}
+        )
+      })
+    })
+  })
+
+  describe('archiveAllDocs', function () {
+    beforeEach(function () {
+      this.req.params = { project_id: this.projectId }
+      this.DocArchiveManager.archiveAllDocs = sinon.stub().callsArg(1)
+      this.HttpController.archiveAllDocs(this.req, this.res, this.next)
+    })
+
+    it('should archive the project', function () {
+      this.DocArchiveManager.archiveAllDocs
+        .calledWith(this.projectId)
+        .should.equal(true)
+    })
+
+    it('should return a 204 (No Content)', function () {
+      this.res.sendStatus.calledWith(204).should.equal(true)
+    })
+  })
+
+  describe('unArchiveAllDocs', function () {
+    beforeEach(function () {
+      this.req.params = { project_id: this.projectId }
+    })
+
+    describe('on success', function () {
+      beforeEach(function (done) {
+        this.res.sendStatus.callsFake(() => done())
+        this.HttpController.unArchiveAllDocs(this.req, this.res, this.next)
+      })
+
+      it('returns a 200', function () {
+        expect(this.res.sendStatus).to.have.been.calledWith(200)
+      })
+    })
+
+    describe("when the archived rev doesn't match", function () {
+      beforeEach(function (done) {
+        this.res.sendStatus.callsFake(() => done())
+        this.DocArchiveManager.unArchiveAllDocs.yields(
+          new Errors.DocRevValueError('bad rev')
+        )
+        this.HttpController.unArchiveAllDocs(this.req, this.res, this.next)
+      })
+
+      it('returns a 409', function () {
+        expect(this.res.sendStatus).to.have.been.calledWith(409)
+      })
+    })
+  })
+
+  describe('destroyProject', function () {
+    beforeEach(function () {
+      this.req.params = { project_id: this.projectId }
+      this.DocArchiveManager.destroyProject = sinon.stub().callsArg(1)
+      this.HttpController.destroyProject(this.req, this.res, this.next)
+    })
+
+    it('should destroy the docs', function () {
+      sinon.assert.calledWith(
+        this.DocArchiveManager.destroyProject,
+        this.projectId
+      )
+    })
+
+    it('should return 204', function () {
+      sinon.assert.calledWith(this.res.sendStatus, 204)
+    })
+  })
+})
diff --git a/services/docstore/test/unit/js/MongoManagerTests.js b/services/docstore/test/unit/js/MongoManagerTests.js
new file mode 100644
index 0000000..4f8467d
--- /dev/null
+++ b/services/docstore/test/unit/js/MongoManagerTests.js
@@ -0,0 +1,407 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/MongoManager'
+)
+const { ObjectId } = require('mongodb-legacy')
+const { assert, expect } = require('chai')
+const Errors = require('../../../app/js/Errors')
+
+describe('MongoManager', function () {
+  beforeEach(function () {
+    this.db = {
+      docs: {
+        updateOne: sinon.stub().resolves({ matchedCount: 1 }),
+        insertOne: sinon.stub().resolves(),
+      },
+    }
+    this.MongoManager = SandboxedModule.require(modulePath, {
+      requires: {
+        './mongodb': {
+          db: this.db,
+          ObjectId,
+        },
+        '@overleaf/settings': {
+          max_deleted_docs: 42,
+          docstore: { archivingLockDurationMs: 5000 },
+        },
+        './Errors': Errors,
+      },
+    })
+    this.projectId = new ObjectId().toString()
+    this.docId = new ObjectId().toString()
+    this.rev = 42
+    this.stubbedErr = new Error('hello world')
+    this.lines = ['Three French hens', 'Two turtle doves']
+  })
+
+  describe('findDoc', function () {
+    beforeEach(async function () {
+      this.doc = { name: 'mock-doc' }
+      this.db.docs.findOne = sinon.stub().resolves(this.doc)
+      this.filter = { lines: true }
+      this.result = await this.MongoManager.promises.findDoc(
+        this.projectId,
+        this.docId,
+        this.filter
+      )
+    })
+
+    it('should find the doc', function () {
+      this.db.docs.findOne
+        .calledWith(
+          {
+            _id: new ObjectId(this.docId),
+            project_id: new ObjectId(this.projectId),
+          },
+          {
+            projection: this.filter,
+          }
+        )
+        .should.equal(true)
+    })
+
+    it('should return the doc', function () {
+      expect(this.doc).to.deep.equal(this.doc)
+    })
+  })
+
+  describe('patchDoc', function () {
+    beforeEach(async function () {
+      this.meta = { name: 'foo.tex' }
+      await this.MongoManager.promises.patchDoc(
+        this.projectId,
+        this.docId,
+        this.meta
+      )
+    })
+
+    it('should pass the parameter along', function () {
+      this.db.docs.updateOne.should.have.been.calledWith(
+        {
+          _id: new ObjectId(this.docId),
+          project_id: new ObjectId(this.projectId),
+        },
+        {
+          $set: this.meta,
+        }
+      )
+    })
+  })
+
+  describe('getProjectsDocs', function () {
+    beforeEach(function () {
+      this.filter = { lines: true }
+      this.doc1 = { name: 'mock-doc1' }
+      this.doc2 = { name: 'mock-doc2' }
+      this.doc3 = { name: 'mock-doc3' }
+      this.doc4 = { name: 'mock-doc4' }
+      this.db.docs.find = sinon.stub().returns({
+        toArray: sinon.stub().resolves([this.doc, this.doc3, this.doc4]),
+      })
+    })
+
+    describe('with included_deleted = false', function () {
+      beforeEach(async function () {
+        this.result = await this.MongoManager.promises.getProjectsDocs(
+          this.projectId,
+          { include_deleted: false },
+          this.filter
+        )
+      })
+
+      it('should find the non-deleted docs via the project_id', function () {
+        this.db.docs.find
+          .calledWith(
+            {
+              project_id: new ObjectId(this.projectId),
+              deleted: { $ne: true },
+            },
+            {
+              projection: this.filter,
+            }
+          )
+          .should.equal(true)
+      })
+
+      it('should call return the docs', function () {
+        expect(this.result).to.deep.equal([this.doc, this.doc3, this.doc4])
+      })
+    })
+
+    describe('with included_deleted = true', function () {
+      beforeEach(async function () {
+        this.result = await this.MongoManager.promises.getProjectsDocs(
+          this.projectId,
+          { include_deleted: true },
+          this.filter
+        )
+      })
+
+      it('should find all via the project_id', function () {
+        this.db.docs.find
+          .calledWith(
+            {
+              project_id: new ObjectId(this.projectId),
+            },
+            {
+              projection: this.filter,
+            }
+          )
+          .should.equal(true)
+      })
+
+      it('should return the docs', function () {
+        expect(this.result).to.deep.equal([this.doc, this.doc3, this.doc4])
+      })
+    })
+  })
+
+  describe('getProjectsDeletedDocs', function () {
+    beforeEach(async function () {
+      this.filter = { name: true }
+      this.doc1 = { _id: '1', name: 'mock-doc1.tex' }
+      this.doc2 = { _id: '2', name: 'mock-doc2.tex' }
+      this.doc3 = { _id: '3', name: 'mock-doc3.tex' }
+      this.db.docs.find = sinon.stub().returns({
+        toArray: sinon.stub().resolves([this.doc1, this.doc2, this.doc3]),
+      })
+      this.result = await this.MongoManager.promises.getProjectsDeletedDocs(
+        this.projectId,
+        this.filter
+      )
+    })
+
+    it('should find the deleted docs via the project_id', function () {
+      this.db.docs.find
+        .calledWith({
+          project_id: new ObjectId(this.projectId),
+          deleted: true,
+        })
+        .should.equal(true)
+    })
+
+    it('should filter, sort by deletedAt and limit', function () {
+      this.db.docs.find
+        .calledWith(sinon.match.any, {
+          projection: this.filter,
+          sort: { deletedAt: -1 },
+          limit: 42,
+        })
+        .should.equal(true)
+    })
+
+    it('should return the docs', function () {
+      expect(this.result).to.deep.equal([this.doc1, this.doc2, this.doc3])
+    })
+  })
+
+  describe('upsertIntoDocCollection', function () {
+    beforeEach(function () {
+      this.oldRev = 77
+    })
+
+    it('should upsert the document', async function () {
+      await this.MongoManager.promises.upsertIntoDocCollection(
+        this.projectId,
+        this.docId,
+        this.oldRev,
+        { lines: this.lines }
+      )
+
+      const args = this.db.docs.updateOne.args[0]
+      assert.deepEqual(args[0], {
+        _id: new ObjectId(this.docId),
+        project_id: new ObjectId(this.projectId),
+        rev: this.oldRev,
+      })
+      assert.equal(args[1].$set.lines, this.lines)
+      assert.equal(args[1].$inc.rev, 1)
+    })
+
+    it('should handle update error', async function () {
+      this.db.docs.updateOne.rejects(this.stubbedErr)
+      await expect(
+        this.MongoManager.promises.upsertIntoDocCollection(
+          this.projectId,
+          this.docId,
+          this.rev,
+          {
+            lines: this.lines,
+          }
+        )
+      ).to.be.rejectedWith(this.stubbedErr)
+    })
+
+    it('should insert without a previous rev', async function () {
+      await this.MongoManager.promises.upsertIntoDocCollection(
+        this.projectId,
+        this.docId,
+        null,
+        { lines: this.lines, ranges: this.ranges }
+      )
+
+      expect(this.db.docs.insertOne).to.have.been.calledWith({
+        _id: new ObjectId(this.docId),
+        project_id: new ObjectId(this.projectId),
+        rev: 1,
+        lines: this.lines,
+        ranges: this.ranges,
+      })
+    })
+
+    it('should handle generic insert error', async function () {
+      this.db.docs.insertOne.rejects(this.stubbedErr)
+      await expect(
+        this.MongoManager.promises.upsertIntoDocCollection(
+          this.projectId,
+          this.docId,
+          null,
+          { lines: this.lines, ranges: this.ranges }
+        )
+      ).to.be.rejectedWith(this.stubbedErr)
+    })
+
+    it('should handle duplicate insert error', async function () {
+      this.db.docs.insertOne.rejects({ code: 11000 })
+      await expect(
+        this.MongoManager.promises.upsertIntoDocCollection(
+          this.projectId,
+          this.docId,
+          null,
+          { lines: this.lines, ranges: this.ranges }
+        )
+      ).to.be.rejectedWith(Errors.DocRevValueError)
+    })
+  })
+
+  describe('destroyProject', function () {
+    beforeEach(async function () {
+      this.projectId = new ObjectId()
+      this.db.docs.deleteMany = sinon.stub().resolves()
+      await this.MongoManager.promises.destroyProject(this.projectId)
+    })
+
+    it('should destroy all docs', function () {
+      sinon.assert.calledWith(this.db.docs.deleteMany, {
+        project_id: this.projectId,
+      })
+    })
+  })
+
+  describe('checkRevUnchanged', function () {
+    this.beforeEach(function () {
+      this.doc = { _id: new ObjectId(), name: 'mock-doc', rev: 1 }
+    })
+
+    it('should not error when the rev has not changed', async function () {
+      this.db.docs.findOne = sinon.stub().resolves({ rev: 1 })
+      await this.MongoManager.promises.checkRevUnchanged(this.doc)
+    })
+
+    it('should return an error when the rev has changed', async function () {
+      this.db.docs.findOne = sinon.stub().resolves({ rev: 2 })
+      await expect(
+        this.MongoManager.promises.checkRevUnchanged(this.doc)
+      ).to.be.rejectedWith(Errors.DocModifiedError)
+    })
+
+    it('should return a value error if incoming rev is NaN', async function () {
+      this.db.docs.findOne = sinon.stub().resolves({ rev: 2 })
+      this.doc = { _id: new ObjectId(), name: 'mock-doc', rev: NaN }
+      await expect(
+        this.MongoManager.promises.checkRevUnchanged(this.doc)
+      ).to.be.rejectedWith(Errors.DocRevValueError)
+    })
+
+    it('should return a value error if checked doc rev is NaN', async function () {
+      this.db.docs.findOne = sinon.stub().resolves({ rev: NaN })
+      await expect(
+        this.MongoManager.promises.checkRevUnchanged(this.doc)
+      ).to.be.rejectedWith(Errors.DocRevValueError)
+    })
+  })
+
+  describe('restoreArchivedDoc', function () {
+    beforeEach(function () {
+      this.archivedDoc = {
+        lines: ['a', 'b', 'c'],
+        ranges: { some: 'ranges' },
+        rev: 2,
+      }
+    })
+
+    describe('complete doc', function () {
+      beforeEach(async function () {
+        await this.MongoManager.promises.restoreArchivedDoc(
+          this.projectId,
+          this.docId,
+          this.archivedDoc
+        )
+      })
+
+      it('updates Mongo', function () {
+        expect(this.db.docs.updateOne).to.have.been.calledWith(
+          {
+            _id: new ObjectId(this.docId),
+            project_id: new ObjectId(this.projectId),
+            rev: this.archivedDoc.rev,
+          },
+          {
+            $set: {
+              lines: this.archivedDoc.lines,
+              ranges: this.archivedDoc.ranges,
+            },
+            $unset: {
+              inS3: true,
+            },
+          }
+        )
+      })
+    })
+
+    describe('without ranges', function () {
+      beforeEach(async function () {
+        delete this.archivedDoc.ranges
+        await this.MongoManager.promises.restoreArchivedDoc(
+          this.projectId,
+          this.docId,
+          this.archivedDoc
+        )
+      })
+
+      it('sets ranges to an empty object', function () {
+        expect(this.db.docs.updateOne).to.have.been.calledWith(
+          {
+            _id: new ObjectId(this.docId),
+            project_id: new ObjectId(this.projectId),
+            rev: this.archivedDoc.rev,
+          },
+          {
+            $set: {
+              lines: this.archivedDoc.lines,
+              ranges: {},
+            },
+            $unset: {
+              inS3: true,
+            },
+          }
+        )
+      })
+    })
+
+    describe("when the update doesn't succeed", function () {
+      it('throws a DocRevValueError', async function () {
+        this.db.docs.updateOne.resolves({ matchedCount: 0 })
+        await expect(
+          this.MongoManager.promises.restoreArchivedDoc(
+            this.projectId,
+            this.docId,
+            this.archivedDoc
+          )
+        ).to.be.rejectedWith(Errors.DocRevValueError)
+      })
+    })
+  })
+})
diff --git a/services/docstore/test/unit/js/PersistorManagerTests.js b/services/docstore/test/unit/js/PersistorManagerTests.js
new file mode 100644
index 0000000..8f8ddac
--- /dev/null
+++ b/services/docstore/test/unit/js/PersistorManagerTests.js
@@ -0,0 +1,55 @@
+const { expect } = require('chai')
+const modulePath = '../../../app/js/PersistorManager.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('PersistorManager', function () {
+  class FakePersistor {
+    async sendStream() {
+      return 'sent'
+    }
+  }
+
+  describe('configured', function () {
+    it('should return fake persistor', function () {
+      const Settings = {
+        docstore: {
+          backend: 'gcs',
+          bucket: 'wombat',
+        },
+      }
+      const PersistorManger = SandboxedModule.require(modulePath, {
+        requires: {
+          '@overleaf/settings': Settings,
+          '@overleaf/object-persistor': () => new FakePersistor(),
+          '@overleaf/metrics': {},
+        },
+      })
+
+      expect(PersistorManger).to.be.instanceof(FakePersistor)
+      expect(PersistorManger.sendStream()).to.eventually.equal('sent')
+    })
+  })
+
+  describe('not configured', function () {
+    it('should return abstract persistor', async function () {
+      const Settings = {
+        docstore: {
+          backend: undefined,
+          bucket: 'wombat',
+        },
+      }
+      const PersistorManger = SandboxedModule.require(modulePath, {
+        requires: {
+          '@overleaf/settings': Settings,
+          '@overleaf/object-persistor': () => new FakePersistor(),
+          '@overleaf/metrics': {},
+        },
+      })
+
+      expect(PersistorManger.constructor.name).to.equal('AbstractPersistor')
+      expect(PersistorManger.sendStream()).to.eventually.be.rejectedWith(
+        /method not implemented in persistor/
+      )
+    })
+  })
+})
diff --git a/services/docstore/test/unit/js/RangeManagerTests.js b/services/docstore/test/unit/js/RangeManagerTests.js
new file mode 100644
index 0000000..7a2de73
--- /dev/null
+++ b/services/docstore/test/unit/js/RangeManagerTests.js
@@ -0,0 +1,253 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { assert, expect } = require('chai')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/RangeManager'
+)
+const { ObjectId } = require('mongodb-legacy')
+
+describe('RangeManager', function () {
+  beforeEach(function () {
+    return (this.RangeManager = SandboxedModule.require(modulePath, {
+      requires: {
+        './mongodb': {
+          ObjectId,
+        },
+      },
+    }))
+  })
+
+  describe('jsonRangesToMongo', function () {
+    it('should convert ObjectIds and dates to proper objects', function () {
+      const changeId = new ObjectId().toString()
+      const commentId = new ObjectId().toString()
+      const userId = new ObjectId().toString()
+      const threadId = new ObjectId().toString()
+      const ts = new Date().toJSON()
+      return this.RangeManager.jsonRangesToMongo({
+        changes: [
+          {
+            id: changeId,
+            op: { i: 'foo', p: 3 },
+            metadata: {
+              user_id: userId,
+              ts,
+            },
+          },
+        ],
+        comments: [
+          {
+            id: commentId,
+            op: { c: 'foo', p: 3, t: threadId },
+          },
+        ],
+      }).should.deep.equal({
+        changes: [
+          {
+            id: new ObjectId(changeId),
+            op: { i: 'foo', p: 3 },
+            metadata: {
+              user_id: new ObjectId(userId),
+              ts: new Date(ts),
+            },
+          },
+        ],
+        comments: [
+          {
+            id: new ObjectId(commentId),
+            op: { c: 'foo', p: 3, t: new ObjectId(threadId) },
+          },
+        ],
+      })
+    })
+
+    it('should leave malformed ObjectIds as they are', function () {
+      const changeId = 'foo'
+      const commentId = 'bar'
+      const userId = 'baz'
+      return this.RangeManager.jsonRangesToMongo({
+        changes: [
+          {
+            id: changeId,
+            metadata: {
+              user_id: userId,
+            },
+          },
+        ],
+        comments: [
+          {
+            id: commentId,
+          },
+        ],
+      }).should.deep.equal({
+        changes: [
+          {
+            id: changeId,
+            metadata: {
+              user_id: userId,
+            },
+          },
+        ],
+        comments: [
+          {
+            id: commentId,
+          },
+        ],
+      })
+    })
+
+    return it('should be consistent when transformed through json -> mongo -> json', function () {
+      const changeId = new ObjectId().toString()
+      const commentId = new ObjectId().toString()
+      const userId = new ObjectId().toString()
+      const threadId = new ObjectId().toString()
+      const ts = new Date().toJSON()
+      const ranges1 = {
+        changes: [
+          {
+            id: changeId,
+            op: { i: 'foo', p: 3 },
+            metadata: {
+              user_id: userId,
+              ts,
+            },
+          },
+        ],
+        comments: [
+          {
+            id: commentId,
+            op: { c: 'foo', p: 3, t: threadId },
+          },
+        ],
+      }
+      const ranges1Copy = JSON.parse(JSON.stringify(ranges1)) // jsonRangesToMongo modifies in place
+      const ranges2 = JSON.parse(
+        JSON.stringify(this.RangeManager.jsonRangesToMongo(ranges1Copy))
+      )
+      return ranges1.should.deep.equal(ranges2)
+    })
+  })
+
+  return describe('shouldUpdateRanges', function () {
+    beforeEach(function () {
+      this.ranges = {
+        changes: [
+          {
+            id: new ObjectId(),
+            op: { i: 'foo', p: 3 },
+            metadata: {
+              user_id: new ObjectId(),
+              ts: new Date(),
+            },
+          },
+        ],
+        comments: [
+          {
+            id: new ObjectId(),
+            op: { c: 'foo', p: 3, t: new ObjectId() },
+          },
+        ],
+      }
+      return (this.ranges_copy = this.RangeManager.jsonRangesToMongo(
+        JSON.parse(JSON.stringify(this.ranges))
+      ))
+    })
+
+    describe('with a blank new range', function () {
+      return it('should throw an error', function () {
+        return expect(() => {
+          return this.RangeManager.shouldUpdateRanges(this.ranges, null)
+        }).to.throw(Error)
+      })
+    })
+
+    describe('with a blank old range', function () {
+      return it('should treat it like {}', function () {
+        this.RangeManager.shouldUpdateRanges(null, {}).should.equal(false)
+        return this.RangeManager.shouldUpdateRanges(
+          null,
+          this.ranges
+        ).should.equal(true)
+      })
+    })
+
+    describe('with no changes', function () {
+      return it('should return false', function () {
+        return this.RangeManager.shouldUpdateRanges(
+          this.ranges,
+          this.ranges_copy
+        ).should.equal(false)
+      })
+    })
+
+    return describe('with changes', function () {
+      it('should return true when the change id changes', function () {
+        this.ranges_copy.changes[0].id = new ObjectId()
+        return this.RangeManager.shouldUpdateRanges(
+          this.ranges,
+          this.ranges_copy
+        ).should.equal(true)
+      })
+
+      it('should return true when the change user id changes', function () {
+        this.ranges_copy.changes[0].metadata.user_id = new ObjectId()
+        return this.RangeManager.shouldUpdateRanges(
+          this.ranges,
+          this.ranges_copy
+        ).should.equal(true)
+      })
+
+      it('should return true when the change ts changes', function () {
+        this.ranges_copy.changes[0].metadata.ts = new Date(Date.now() + 1000)
+        return this.RangeManager.shouldUpdateRanges(
+          this.ranges,
+          this.ranges_copy
+        ).should.equal(true)
+      })
+
+      it('should return true when the change op changes', function () {
+        this.ranges_copy.changes[0].op.i = 'bar'
+        return this.RangeManager.shouldUpdateRanges(
+          this.ranges,
+          this.ranges_copy
+        ).should.equal(true)
+      })
+
+      it('should return true when the comment id changes', function () {
+        this.ranges_copy.comments[0].id = new ObjectId()
+        return this.RangeManager.shouldUpdateRanges(
+          this.ranges,
+          this.ranges_copy
+        ).should.equal(true)
+      })
+
+      it('should return true when the comment offset changes', function () {
+        this.ranges_copy.comments[0].op.p = 17
+        return this.RangeManager.shouldUpdateRanges(
+          this.ranges,
+          this.ranges_copy
+        ).should.equal(true)
+      })
+
+      return it('should return true when the comment content changes', function () {
+        this.ranges_copy.comments[0].op.c = 'bar'
+        return this.RangeManager.shouldUpdateRanges(
+          this.ranges,
+          this.ranges_copy
+        ).should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/docstore/tsconfig.json b/services/docstore/tsconfig.json
new file mode 100644
index 0000000..d3fdd30
--- /dev/null
+++ b/services/docstore/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "app.js",
+    "app/js/**/*",
+    "benchmarks/**/*",
+    "config/**/*",
+    "scripts/**/*",
+    "test/**/*",
+    "types"
+  ]
+}
diff --git a/services/document-updater/.gitignore b/services/document-updater/.gitignore
new file mode 100644
index 0000000..624e78f
--- /dev/null
+++ b/services/document-updater/.gitignore
@@ -0,0 +1,52 @@
+compileFolder
+
+Compiled source #
+###################
+*.com
+*.class
+*.dll
+*.exe
+*.o
+*.so
+
+# Packages #
+############
+# it's better to unpack these files and commit the raw source
+# git has its own built in compression methods
+*.7z
+*.dmg
+*.gz
+*.iso
+*.jar
+*.rar
+*.tar
+*.zip
+
+# Logs and databases #
+######################
+*.log
+*.sql
+*.sqlite
+
+# OS generated files #
+######################
+.DS_Store?
+ehthumbs.db
+Icon?
+Thumbs.db
+
+/node_modules/*
+
+
+
+forever/
+
+**.swp
+
+# Redis cluster
+**/appendonly.aof
+**/dump.rdb
+**/nodes.conf
+
+# managed by dev-environment$ bin/update_build_scripts
+.npmrc
diff --git a/services/document-updater/.mocharc.json b/services/document-updater/.mocharc.json
new file mode 100644
index 0000000..dc3280a
--- /dev/null
+++ b/services/document-updater/.mocharc.json
@@ -0,0 +1,3 @@
+{
+  "require": "test/setup.js"
+}
diff --git a/services/document-updater/.nvmrc b/services/document-updater/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/services/document-updater/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/services/document-updater/Dockerfile b/services/document-updater/Dockerfile
new file mode 100644
index 0000000..436d722
--- /dev/null
+++ b/services/document-updater/Dockerfile
@@ -0,0 +1,27 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+FROM node:20.18.2 AS base
+
+WORKDIR /overleaf/services/document-updater
+
+# Google Cloud Storage needs a writable $HOME/.config for resumable uploads
+# (see https://googleapis.dev/nodejs/storage/latest/File.html#createWriteStream)
+RUN mkdir /home/node/.config && chown node:node /home/node/.config
+
+FROM base AS app
+
+COPY package.json package-lock.json /overleaf/
+COPY services/document-updater/package.json /overleaf/services/document-updater/
+COPY libraries/ /overleaf/libraries/
+COPY patches/ /overleaf/patches/
+
+RUN cd /overleaf && npm ci --quiet
+
+COPY services/document-updater/ /overleaf/services/document-updater/
+
+FROM app
+USER node
+
+CMD ["node", "--expose-gc", "app.js"]
diff --git a/services/document-updater/LICENSE b/services/document-updater/LICENSE
new file mode 100644
index 0000000..ac8619d
--- /dev/null
+++ b/services/document-updater/LICENSE
@@ -0,0 +1,662 @@
+
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<http://www.gnu.org/licenses/>.
diff --git a/services/document-updater/Makefile b/services/document-updater/Makefile
new file mode 100644
index 0000000..55f483f
--- /dev/null
+++ b/services/document-updater/Makefile
@@ -0,0 +1,156 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+BUILD_NUMBER ?= local
+BRANCH_NAME ?= $(shell git rev-parse --abbrev-ref HEAD)
+PROJECT_NAME = document-updater
+BUILD_DIR_NAME = $(shell pwd | xargs basename | tr -cd '[a-zA-Z0-9_.\-]')
+
+DOCKER_COMPOSE_FLAGS ?= -f docker-compose.yml
+DOCKER_COMPOSE := BUILD_NUMBER=$(BUILD_NUMBER) \
+	BRANCH_NAME=$(BRANCH_NAME) \
+	PROJECT_NAME=$(PROJECT_NAME) \
+	MOCHA_GREP=${MOCHA_GREP} \
+	docker compose ${DOCKER_COMPOSE_FLAGS}
+
+COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE ?= test_acceptance_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_ACCEPTANCE = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE) $(DOCKER_COMPOSE)
+
+COMPOSE_PROJECT_NAME_TEST_UNIT ?= test_unit_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_UNIT = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_UNIT) $(DOCKER_COMPOSE)
+
+clean:
+	-docker rmi ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-docker rmi us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-$(DOCKER_COMPOSE_TEST_UNIT) down --rmi local
+	-$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down --rmi local
+
+HERE=$(shell pwd)
+MONOREPO=$(shell cd ../../ && pwd)
+# Run the linting commands in the scope of the monorepo.
+# Eslint and prettier (plus some configs) are on the root.
+RUN_LINTING = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(HERE) node:20.18.2 npm run --silent
+
+RUN_LINTING_CI = docker run --rm --volume $(MONOREPO)/.editorconfig:/overleaf/.editorconfig --volume $(MONOREPO)/.eslintignore:/overleaf/.eslintignore --volume $(MONOREPO)/.eslintrc:/overleaf/.eslintrc --volume $(MONOREPO)/.prettierignore:/overleaf/.prettierignore --volume $(MONOREPO)/.prettierrc:/overleaf/.prettierrc --volume $(MONOREPO)/tsconfig.backend.json:/overleaf/tsconfig.backend.json ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) npm run --silent
+
+# Same but from the top of the monorepo
+RUN_LINTING_MONOREPO = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(MONOREPO) node:20.18.2 npm run --silent
+
+SHELLCHECK_OPTS = \
+	--shell=bash \
+	--external-sources
+SHELLCHECK_COLOR := $(if $(CI),--color=never,--color)
+SHELLCHECK_FILES := { git ls-files "*.sh" -z; git grep -Plz "\A\#\!.*bash"; } | sort -zu
+
+shellcheck:
+	@$(SHELLCHECK_FILES) | xargs -0 -r docker run --rm -v $(HERE):/mnt -w /mnt \
+		koalaman/shellcheck:stable $(SHELLCHECK_OPTS) $(SHELLCHECK_COLOR)
+
+shellcheck_fix:
+	@$(SHELLCHECK_FILES) | while IFS= read -r -d '' file; do \
+		diff=$$(docker run --rm -v $(HERE):/mnt -w /mnt koalaman/shellcheck:stable $(SHELLCHECK_OPTS) --format=diff "$$file" 2>/dev/null); \
+		if [ -n "$$diff" ] && ! echo "$$diff" | patch -p1 >/dev/null 2>&1; then echo "\033[31m$$file\033[0m"; \
+		elif [ -n "$$diff" ]; then echo "$$file"; \
+		else echo "\033[2m$$file\033[0m"; fi \
+	done
+
+format:
+	$(RUN_LINTING) format
+
+format_ci:
+	$(RUN_LINTING_CI) format
+
+format_fix:
+	$(RUN_LINTING) format:fix
+
+lint:
+	$(RUN_LINTING) lint
+
+lint_ci:
+	$(RUN_LINTING_CI) lint
+
+lint_fix:
+	$(RUN_LINTING) lint:fix
+
+typecheck:
+	$(RUN_LINTING) types:check
+
+typecheck_ci:
+	$(RUN_LINTING_CI) types:check
+
+test: format lint typecheck shellcheck test_unit test_acceptance
+
+test_unit:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) run --rm test_unit
+	$(MAKE) test_unit_clean
+endif
+
+test_clean: test_unit_clean
+test_unit_clean:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) down -v -t 0
+endif
+
+test_acceptance: test_acceptance_clean test_acceptance_pre_run test_acceptance_run
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_debug: test_acceptance_clean test_acceptance_pre_run test_acceptance_run_debug
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_run:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance
+endif
+
+test_acceptance_run_debug:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run -p 127.0.0.9:19999:19999 --rm test_acceptance npm run test:acceptance -- --inspect=0.0.0.0:19999 --inspect-brk
+endif
+
+test_clean: test_acceptance_clean
+test_acceptance_clean:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down -v -t 0
+
+test_acceptance_pre_run:
+ifneq (,$(wildcard test/acceptance/js/scripts/pre-run))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance test/acceptance/js/scripts/pre-run
+endif
+
+benchmarks:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance npm run benchmarks
+
+build:
+	docker build \
+		--pull \
+		--build-arg BUILDKIT_INLINE_CACHE=1 \
+		--tag ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):main \
+		--file Dockerfile \
+		../..
+
+tar:
+	$(DOCKER_COMPOSE) up tar
+
+publish:
+
+	docker push $(DOCKER_REPO)/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+
+
+.PHONY: clean \
+	format format_fix \
+	lint lint_fix \
+	build_types typecheck \
+	lint_ci format_ci typecheck_ci \
+	shellcheck shellcheck_fix \
+	test test_clean test_unit test_unit_clean \
+	test_acceptance test_acceptance_debug test_acceptance_pre_run \
+	test_acceptance_run test_acceptance_run_debug test_acceptance_clean \
+	benchmarks \
+	build tar publish \
diff --git a/services/document-updater/README.md b/services/document-updater/README.md
new file mode 100644
index 0000000..2e6f000
--- /dev/null
+++ b/services/document-updater/README.md
@@ -0,0 +1,12 @@
+overleaf/document-updater
+===========================
+
+An API for applying incoming updates to documents in real-time.
+
+License
+-------
+
+The code in this repository is released under the GNU AFFERO GENERAL PUBLIC LICENSE, version 3. A copy can be found in the `LICENSE` file.
+
+Copyright (c) Overleaf, 2014-2019.
+
diff --git a/services/document-updater/app.js b/services/document-updater/app.js
new file mode 100644
index 0000000..65c9895
--- /dev/null
+++ b/services/document-updater/app.js
@@ -0,0 +1,299 @@
+// Metrics must be initialized before importing anything else
+require('@overleaf/metrics/initialize')
+
+const Metrics = require('@overleaf/metrics')
+const express = require('express')
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+logger.initialize('document-updater')
+
+logger.logger.addSerializers(require('./app/js/LoggerSerializers'))
+
+const RedisManager = require('./app/js/RedisManager')
+const DispatchManager = require('./app/js/DispatchManager')
+const DeleteQueueManager = require('./app/js/DeleteQueueManager')
+const Errors = require('./app/js/Errors')
+const HttpController = require('./app/js/HttpController')
+const mongodb = require('./app/js/mongodb')
+const async = require('async')
+
+const bodyParser = require('body-parser')
+
+Metrics.event_loop.monitor(logger, 100)
+Metrics.open_sockets.monitor()
+
+const app = express()
+app.use(bodyParser.json({ limit: Settings.maxJsonRequestSize }))
+Metrics.injectMetricsRoute(app)
+
+DispatchManager.createAndStartDispatchers(Settings.dispatcherCount)
+
+app.get('/status', (req, res) => {
+  if (Settings.shuttingDown) {
+    return res.sendStatus(503) // Service unavailable
+  } else {
+    return res.send('document updater is alive')
+  }
+})
+
+const pubsubClient = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.pubsub
+)
+app.get('/health_check/redis', (req, res, next) => {
+  pubsubClient.healthCheck(error => {
+    if (error) {
+      logger.err({ err: error }, 'failed redis health check')
+      return res.sendStatus(500)
+    } else {
+      return res.sendStatus(200)
+    }
+  })
+})
+
+const docUpdaterRedisClient = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.documentupdater
+)
+app.get('/health_check/redis_cluster', (req, res, next) => {
+  docUpdaterRedisClient.healthCheck(error => {
+    if (error) {
+      logger.err({ err: error }, 'failed redis cluster health check')
+      return res.sendStatus(500)
+    } else {
+      return res.sendStatus(200)
+    }
+  })
+})
+
+app.get('/health_check', (req, res, next) => {
+  async.series(
+    [
+      cb => {
+        pubsubClient.healthCheck(error => {
+          if (error) {
+            logger.err({ err: error }, 'failed redis health check')
+          }
+          cb(error)
+        })
+      },
+      cb => {
+        docUpdaterRedisClient.healthCheck(error => {
+          if (error) {
+            logger.err({ err: error }, 'failed redis cluster health check')
+          }
+          cb(error)
+        })
+      },
+      cb => {
+        mongodb.healthCheck(error => {
+          if (error) {
+            logger.err({ err: error }, 'failed mongo health check')
+          }
+          cb(error)
+        })
+      },
+    ],
+    error => {
+      if (error) {
+        return res.sendStatus(500)
+      } else {
+        return res.sendStatus(200)
+      }
+    }
+  )
+})
+
+// record http metrics for the routes below this point
+app.use(Metrics.http.monitor(logger))
+
+app.param('project_id', (req, res, next, projectId) => {
+  if (projectId != null && projectId.match(/^[0-9a-f]{24}$/)) {
+    return next()
+  } else {
+    return next(new Error('invalid project id'))
+  }
+})
+
+app.param('doc_id', (req, res, next, docId) => {
+  if (docId != null && docId.match(/^[0-9a-f]{24}$/)) {
+    return next()
+  } else {
+    return next(new Error('invalid doc id'))
+  }
+})
+
+// Record requests that come in after we've started shutting down - for investigation.
+app.use((req, res, next) => {
+  if (Settings.shuttingDown) {
+    logger.warn(
+      { req, timeSinceShutdown: Date.now() - Settings.shutDownTime },
+      'request received after shutting down'
+    )
+    // We don't want keep-alive connections to be kept open when the server is shutting down.
+    res.set('Connection', 'close')
+  }
+  next()
+})
+
+app.get('/project/:project_id/doc/:doc_id', HttpController.getDoc)
+app.get(
+  '/project/:project_id/doc/:doc_id/comment/:comment_id',
+  HttpController.getComment
+)
+app.get('/project/:project_id/doc/:doc_id/peek', HttpController.peekDoc)
+// temporarily keep the GET method for backwards compatibility
+app.get('/project/:project_id/doc', HttpController.getProjectDocsAndFlushIfOld)
+// will migrate to the POST method of get_and_flush_if_old instead
+app.post(
+  '/project/:project_id/get_and_flush_if_old',
+  HttpController.getProjectDocsAndFlushIfOld
+)
+app.get(
+  '/project/:project_id/last_updated_at',
+  HttpController.getProjectLastUpdatedAt
+)
+app.post('/project/:project_id/clearState', HttpController.clearProjectState)
+app.post('/project/:project_id/doc/:doc_id', HttpController.setDoc)
+app.post('/project/:project_id/doc/:doc_id/append', HttpController.appendToDoc)
+app.post(
+  '/project/:project_id/doc/:doc_id/flush',
+  HttpController.flushDocIfLoaded
+)
+app.delete('/project/:project_id/doc/:doc_id', HttpController.deleteDoc)
+app.delete('/project/:project_id', HttpController.deleteProject)
+app.delete('/project', HttpController.deleteMultipleProjects)
+app.post('/project/:project_id', HttpController.updateProject)
+app.post(
+  '/project/:project_id/history/resync',
+  longerTimeout,
+  HttpController.resyncProjectHistory
+)
+app.post('/project/:project_id/flush', HttpController.flushProject)
+app.post(
+  '/project/:project_id/doc/:doc_id/change/:change_id/accept',
+  HttpController.acceptChanges
+)
+app.post(
+  '/project/:project_id/doc/:doc_id/change/accept',
+  HttpController.acceptChanges
+)
+app.post(
+  '/project/:project_id/doc/:doc_id/comment/:comment_id/resolve',
+  HttpController.resolveComment
+)
+app.post(
+  '/project/:project_id/doc/:doc_id/comment/:comment_id/reopen',
+  HttpController.reopenComment
+)
+app.delete(
+  '/project/:project_id/doc/:doc_id/comment/:comment_id',
+  HttpController.deleteComment
+)
+
+app.post('/project/:project_id/block', HttpController.blockProject)
+app.post('/project/:project_id/unblock', HttpController.unblockProject)
+
+app.get('/flush_queued_projects', HttpController.flushQueuedProjects)
+
+app.get('/total', (req, res, next) => {
+  const timer = new Metrics.Timer('http.allDocList')
+  RedisManager.getCountOfDocsInMemory((err, count) => {
+    if (err) {
+      return next(err)
+    }
+    timer.done()
+    res.send({ total: count })
+  })
+})
+
+app.use((error, req, res, next) => {
+  if (error instanceof Errors.NotFoundError) {
+    return res.sendStatus(404)
+  } else if (error instanceof Errors.OpRangeNotAvailableError) {
+    return res.status(422).json(error.info)
+  } else if (error instanceof Errors.FileTooLargeError) {
+    return res.sendStatus(413)
+  } else if (error.statusCode === 413) {
+    return res.status(413).send('request entity too large')
+  } else {
+    logger.error({ err: error, req }, 'request errored')
+    return res.status(500).send('Oops, something went wrong')
+  }
+})
+
+const shutdownCleanly = signal => () => {
+  logger.info({ signal }, 'received interrupt, cleaning up')
+  if (Settings.shuttingDown) {
+    logger.warn({ signal }, 'already shutting down, ignoring interrupt')
+    return
+  }
+  Settings.shuttingDown = true
+  // record the time we started shutting down
+  Settings.shutDownTime = Date.now()
+  setTimeout(() => {
+    logger.info({ signal }, 'shutting down')
+    process.exit()
+  }, Settings.gracefulShutdownDelayInMs)
+}
+
+const watchForEvent = eventName => {
+  docUpdaterRedisClient.on(eventName, e => {
+    console.log(`redis event: ${eventName} ${e}`) // eslint-disable-line no-console
+  })
+}
+
+const events = ['connect', 'ready', 'error', 'close', 'reconnecting', 'end']
+for (const eventName of events) {
+  watchForEvent(eventName)
+}
+
+const port =
+  Settings.internal.documentupdater.port ||
+  (Settings.api &&
+    Settings.api.documentupdater &&
+    Settings.api.documentupdater.port) ||
+  3003
+const host = Settings.internal.documentupdater.host || '127.0.0.1'
+
+if (!module.parent) {
+  // Called directly
+  mongodb.mongoClient
+    .connect()
+    .then(() => {
+      app.listen(port, host, function (err) {
+        if (err) {
+          logger.fatal({ err }, `Cannot bind to ${host}:${port}. Exiting.`)
+          process.exit(1)
+        }
+        logger.info(
+          `Document-updater starting up, listening on ${host}:${port}`
+        )
+        if (Settings.continuousBackgroundFlush) {
+          logger.info('Starting continuous background flush')
+          DeleteQueueManager.startBackgroundFlush()
+        }
+      })
+    })
+    .catch(err => {
+      logger.fatal({ err }, 'Cannot connect to mongo. Exiting.')
+      process.exit(1)
+    })
+}
+
+module.exports = app
+
+for (const signal of [
+  'SIGINT',
+  'SIGHUP',
+  'SIGQUIT',
+  'SIGUSR1',
+  'SIGUSR2',
+  'SIGTERM',
+  'SIGABRT',
+]) {
+  process.on(signal, shutdownCleanly(signal))
+}
+
+function longerTimeout(req, res, next) {
+  res.setTimeout(6 * 60 * 1000)
+  next()
+}
diff --git a/services/document-updater/app/js/DeleteQueueManager.js b/services/document-updater/app/js/DeleteQueueManager.js
new file mode 100644
index 0000000..39fa275
--- /dev/null
+++ b/services/document-updater/app/js/DeleteQueueManager.js
@@ -0,0 +1,145 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let DeleteQueueManager
+const Settings = require('@overleaf/settings')
+const RedisManager = require('./RedisManager')
+const ProjectManager = require('./ProjectManager')
+const logger = require('@overleaf/logger')
+const metrics = require('./Metrics')
+
+// Maintain a sorted set of project flushAndDelete requests, ordered by timestamp
+// (ZADD), and process them from oldest to newest. A flushAndDelete request comes
+// from real-time and is triggered when a user leaves a project.
+//
+// The aim is to remove the project from redis 5 minutes after the last request
+// if there has been no activity (document updates) in that time.  If there is
+// activity we can expect a further flushAndDelete request when the editing user
+// leaves the project.
+//
+// If a new flushAndDelete request comes in while an existing request is already
+// in the queue we update the timestamp as we can postpone flushing further.
+//
+// Documents are processed by checking the queue, seeing if the first entry is
+// older than 5 minutes, and popping it from the queue in that case.
+
+module.exports = DeleteQueueManager = {
+  flushAndDeleteOldProjects(options, callback) {
+    const startTime = Date.now()
+    const cutoffTime =
+      startTime - options.min_delete_age + 100 * (Math.random() - 0.5)
+    let count = 0
+
+    const flushProjectIfNotModified = (projectId, flushTimestamp, cb) =>
+      ProjectManager.getProjectDocsTimestamps(
+        projectId,
+        function (err, timestamps) {
+          if (err != null) {
+            return callback(err)
+          }
+          if (timestamps.length === 0) {
+            logger.debug(
+              { projectId },
+              'skipping flush of queued project - no timestamps'
+            )
+            return cb()
+          }
+          // are any of the timestamps newer than the time the project was flushed?
+          for (const timestamp of Array.from(timestamps)) {
+            if (timestamp > flushTimestamp) {
+              metrics.inc('queued-delete-skipped')
+              logger.debug(
+                { projectId, timestamps, flushTimestamp },
+                'found newer timestamp, will skip delete'
+              )
+              return cb()
+            }
+          }
+          logger.debug({ projectId, flushTimestamp }, 'flushing queued project')
+          return ProjectManager.flushAndDeleteProjectWithLocks(
+            projectId,
+            { skip_history_flush: false },
+            function (err) {
+              if (err != null) {
+                logger.err({ projectId, err }, 'error flushing queued project')
+              }
+              metrics.inc('queued-delete-completed')
+              return cb(null, true)
+            }
+          )
+        }
+      )
+
+    function flushNextProject() {
+      const now = Date.now()
+      if (now - startTime > options.timeout) {
+        logger.debug('hit time limit on flushing old projects')
+        return callback(null, count)
+      }
+      if (count > options.limit) {
+        logger.debug('hit count limit on flushing old projects')
+        return callback(null, count)
+      }
+      return RedisManager.getNextProjectToFlushAndDelete(
+        cutoffTime,
+        function (err, projectId, flushTimestamp, queueLength) {
+          if (err != null) {
+            return callback(err, count)
+          }
+          if (projectId == null) {
+            return callback(null, count)
+          }
+          logger.debug({ projectId, queueLength }, 'flushing queued project')
+          metrics.globalGauge('queued-flush-backlog', queueLength)
+          return flushProjectIfNotModified(
+            projectId,
+            flushTimestamp,
+            function (err, flushed) {
+              if (err) {
+                // Do not stop processing the queue in case the flush fails.
+                // Slowing down the processing can fill up redis.
+                metrics.inc('queued-delete-error')
+              }
+              if (flushed) {
+                count++
+              }
+              return flushNextProject()
+            }
+          )
+        }
+      )
+    }
+
+    return flushNextProject()
+  },
+
+  startBackgroundFlush() {
+    const SHORT_DELAY = 10
+    const LONG_DELAY = 1000
+    function doFlush() {
+      if (Settings.shuttingDown) {
+        logger.info('discontinuing background flush due to shutdown')
+        return
+      }
+      return DeleteQueueManager.flushAndDeleteOldProjects(
+        {
+          timeout: 1000,
+          min_delete_age: 3 * 60 * 1000,
+          limit: 1000, // high value, to ensure we always flush enough projects
+        },
+        (_err, flushed) =>
+          setTimeout(doFlush, flushed > 10 ? SHORT_DELAY : LONG_DELAY)
+      )
+    }
+    return doFlush()
+  },
+}
diff --git a/services/document-updater/app/js/DiffCodec.js b/services/document-updater/app/js/DiffCodec.js
new file mode 100644
index 0000000..245903c
--- /dev/null
+++ b/services/document-updater/app/js/DiffCodec.js
@@ -0,0 +1,40 @@
+const DMP = require('diff-match-patch')
+const dmp = new DMP()
+
+// Do not attempt to produce a diff for more than 100ms
+dmp.Diff_Timeout = 0.1
+
+module.exports = {
+  ADDED: 1,
+  REMOVED: -1,
+  UNCHANGED: 0,
+
+  diffAsShareJsOp(before, after) {
+    const diffs = dmp.diff_main(before.join('\n'), after.join('\n'))
+    dmp.diff_cleanupSemantic(diffs)
+
+    const ops = []
+    let position = 0
+    for (const diff of diffs) {
+      const type = diff[0]
+      const content = diff[1]
+      if (type === this.ADDED) {
+        ops.push({
+          i: content,
+          p: position,
+        })
+        position += content.length
+      } else if (type === this.REMOVED) {
+        ops.push({
+          d: content,
+          p: position,
+        })
+      } else if (type === this.UNCHANGED) {
+        position += content.length
+      } else {
+        throw new Error('Unknown type')
+      }
+    }
+    return ops
+  },
+}
diff --git a/services/document-updater/app/js/DispatchManager.js b/services/document-updater/app/js/DispatchManager.js
new file mode 100644
index 0000000..95ac03b
--- /dev/null
+++ b/services/document-updater/app/js/DispatchManager.js
@@ -0,0 +1,112 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS202: Simplify dynamic range loops
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let DispatchManager
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const Keys = require('./UpdateKeys')
+const redis = require('@overleaf/redis-wrapper')
+const Errors = require('./Errors')
+const _ = require('lodash')
+
+const UpdateManager = require('./UpdateManager')
+const Metrics = require('./Metrics')
+const RateLimitManager = require('./RateLimitManager')
+
+module.exports = DispatchManager = {
+  createDispatcher(RateLimiter, queueShardNumber) {
+    let pendingListKey
+    if (queueShardNumber === 0) {
+      pendingListKey = 'pending-updates-list'
+    } else {
+      pendingListKey = `pending-updates-list-${queueShardNumber}`
+    }
+
+    const client = redis.createClient(Settings.redis.documentupdater)
+    const worker = {
+      client,
+      _waitForUpdateThenDispatchWorker(callback) {
+        if (callback == null) {
+          callback = function () {}
+        }
+        const timer = new Metrics.Timer('worker.waiting')
+        return worker.client.blpop(pendingListKey, 0, function (error, result) {
+          logger.debug(`getting ${queueShardNumber}`, error, result)
+          timer.done()
+          if (error != null) {
+            return callback(error)
+          }
+          if (result == null) {
+            return callback()
+          }
+          const [listName, docKey] = Array.from(result)
+          const [projectId, docId] = Array.from(
+            Keys.splitProjectIdAndDocId(docKey)
+          )
+          // Dispatch this in the background
+          const backgroundTask = cb =>
+            UpdateManager.processOutstandingUpdatesWithLock(
+              projectId,
+              docId,
+              function (error) {
+                // log everything except OpRangeNotAvailable errors, these are normal
+                if (error != null) {
+                  // downgrade OpRangeNotAvailable and "Delete component" errors so they are not sent to sentry
+                  const logAsDebug =
+                    error instanceof Errors.OpRangeNotAvailableError ||
+                    error instanceof Errors.DeleteMismatchError
+                  if (logAsDebug) {
+                    logger.debug(
+                      { err: error, projectId, docId },
+                      'error processing update'
+                    )
+                  } else {
+                    logger.error(
+                      { err: error, projectId, docId },
+                      'error processing update'
+                    )
+                  }
+                }
+                return cb()
+              }
+            )
+          return RateLimiter.run(backgroundTask, callback)
+        })
+      },
+
+      run() {
+        if (Settings.shuttingDown) {
+          return
+        }
+        return worker._waitForUpdateThenDispatchWorker(error => {
+          if (error != null) {
+            logger.error({ err: error }, 'Error in worker process')
+            throw error
+          } else {
+            return worker.run()
+          }
+        })
+      },
+    }
+
+    return worker
+  },
+
+  createAndStartDispatchers(number) {
+    const RateLimiter = new RateLimitManager(number)
+    _.times(number, function (shardNumber) {
+      return DispatchManager.createDispatcher(RateLimiter, shardNumber).run()
+    })
+  },
+}
diff --git a/services/document-updater/app/js/DocumentManager.js b/services/document-updater/app/js/DocumentManager.js
new file mode 100644
index 0000000..540a8a2
--- /dev/null
+++ b/services/document-updater/app/js/DocumentManager.js
@@ -0,0 +1,708 @@
+const { callbackifyAll } = require('@overleaf/promise-utils')
+const RedisManager = require('./RedisManager')
+const ProjectHistoryRedisManager = require('./ProjectHistoryRedisManager')
+const PersistenceManager = require('./PersistenceManager')
+const DiffCodec = require('./DiffCodec')
+const logger = require('@overleaf/logger')
+const Metrics = require('./Metrics')
+const HistoryManager = require('./HistoryManager')
+const Errors = require('./Errors')
+const RangesManager = require('./RangesManager')
+const { extractOriginOrSource } = require('./Utils')
+const { getTotalSizeOfLines } = require('./Limits')
+const Settings = require('@overleaf/settings')
+
+const MAX_UNFLUSHED_AGE = 300 * 1000 // 5 mins, document should be flushed to mongo this time after a change
+
+const DocumentManager = {
+  async getDoc(projectId, docId) {
+    const {
+      lines,
+      version,
+      ranges,
+      resolvedCommentIds,
+      pathname,
+      projectHistoryId,
+      unflushedTime,
+      historyRangesSupport,
+    } = await RedisManager.promises.getDoc(projectId, docId)
+    if (lines == null || version == null) {
+      logger.debug(
+        { projectId, docId },
+        'doc not in redis so getting from persistence API'
+      )
+      const {
+        lines,
+        version,
+        ranges,
+        resolvedCommentIds,
+        pathname,
+        projectHistoryId,
+        historyRangesSupport,
+      } = await PersistenceManager.promises.getDoc(projectId, docId)
+      logger.debug(
+        {
+          projectId,
+          docId,
+          lines,
+          ranges,
+          resolvedCommentIds,
+          version,
+          pathname,
+          projectHistoryId,
+          historyRangesSupport,
+        },
+        'got doc from persistence API'
+      )
+      await RedisManager.promises.putDocInMemory(
+        projectId,
+        docId,
+        lines,
+        version,
+        ranges,
+        resolvedCommentIds,
+        pathname,
+        projectHistoryId,
+        historyRangesSupport
+      )
+      return {
+        lines,
+        version,
+        ranges: ranges || {},
+        resolvedCommentIds,
+        pathname,
+        projectHistoryId,
+        unflushedTime: null,
+        alreadyLoaded: false,
+        historyRangesSupport,
+      }
+    } else {
+      return {
+        lines,
+        version,
+        ranges,
+        pathname,
+        projectHistoryId,
+        resolvedCommentIds,
+        unflushedTime,
+        alreadyLoaded: true,
+        historyRangesSupport,
+      }
+    }
+  },
+
+  async getDocAndRecentOps(projectId, docId, fromVersion) {
+    const { lines, version, ranges, pathname, projectHistoryId } =
+      await DocumentManager.getDoc(projectId, docId)
+
+    if (fromVersion === -1) {
+      return { lines, version, ops: [], ranges, pathname, projectHistoryId }
+    } else {
+      const ops = await RedisManager.promises.getPreviousDocOps(
+        docId,
+        fromVersion,
+        version
+      )
+      return {
+        lines,
+        version,
+        ops,
+        ranges,
+        pathname,
+        projectHistoryId,
+      }
+    }
+  },
+
+  async appendToDoc(projectId, docId, linesToAppend, originOrSource, userId) {
+    const { lines: currentLines } = await DocumentManager.getDoc(
+      projectId,
+      docId
+    )
+    const currentLineSize = getTotalSizeOfLines(currentLines)
+    const addedSize = getTotalSizeOfLines(linesToAppend)
+    const newlineSize = '\n'.length
+
+    if (currentLineSize + newlineSize + addedSize > Settings.max_doc_length) {
+      throw new Errors.FileTooLargeError(
+        'doc would become too large if appending this text'
+      )
+    }
+
+    return await DocumentManager.setDoc(
+      projectId,
+      docId,
+      currentLines.concat(linesToAppend),
+      originOrSource,
+      userId,
+      false,
+      false
+    )
+  },
+
+  async setDoc(
+    projectId,
+    docId,
+    newLines,
+    originOrSource,
+    userId,
+    undoing,
+    external
+  ) {
+    if (newLines == null) {
+      throw new Error('No lines were provided to setDoc')
+    }
+
+    const UpdateManager = require('./UpdateManager')
+    const {
+      lines: oldLines,
+      version,
+      alreadyLoaded,
+    } = await DocumentManager.getDoc(projectId, docId)
+
+    if (oldLines != null && oldLines.length > 0 && oldLines[0].text != null) {
+      logger.debug(
+        { docId, projectId, oldLines, newLines },
+        'document is JSON so not updating'
+      )
+      return
+    }
+
+    logger.debug(
+      { docId, projectId, oldLines, newLines },
+      'setting a document via http'
+    )
+    const op = DiffCodec.diffAsShareJsOp(oldLines, newLines)
+    if (undoing) {
+      for (const o of op || []) {
+        o.u = true
+      } // Turn on undo flag for each op for track changes
+    }
+
+    const { origin, source } = extractOriginOrSource(originOrSource)
+
+    const update = {
+      doc: docId,
+      op,
+      v: version,
+      meta: {
+        user_id: userId,
+      },
+    }
+    if (external) {
+      update.meta.type = 'external'
+    }
+    if (origin) {
+      update.meta.origin = origin
+    } else if (source) {
+      update.meta.source = source
+    }
+    // Keep track of external updates, whether they are for live documents
+    // (flush) or unloaded documents (evict), and whether the update is a no-op.
+    Metrics.inc('external-update', 1, {
+      status: op.length > 0 ? 'diff' : 'noop',
+      method: alreadyLoaded ? 'flush' : 'evict',
+      path: source,
+    })
+
+    // Do not notify the frontend about a noop update.
+    // We still want to execute the code below
+    // to evict the doc if we loaded it into redis for
+    // this update, otherwise the doc would never be
+    // removed from redis.
+    if (op.length > 0) {
+      await UpdateManager.promises.applyUpdate(projectId, docId, update)
+    }
+
+    // If the document was loaded already, then someone has it open
+    // in a project, and the usual flushing mechanism will happen.
+    // Otherwise we should remove it immediately since nothing else
+    // is using it.
+    if (alreadyLoaded) {
+      return await DocumentManager.flushDocIfLoaded(projectId, docId)
+    } else {
+      try {
+        return await DocumentManager.flushAndDeleteDoc(projectId, docId, {})
+      } finally {
+        // There is no harm in flushing project history if the previous
+        // call failed and sometimes it is required
+        HistoryManager.flushProjectChangesAsync(projectId)
+      }
+    }
+  },
+
+  async flushDocIfLoaded(projectId, docId) {
+    const {
+      lines,
+      version,
+      ranges,
+      unflushedTime,
+      lastUpdatedAt,
+      lastUpdatedBy,
+    } = await RedisManager.promises.getDoc(projectId, docId)
+    if (lines == null || version == null) {
+      Metrics.inc('flush-doc-if-loaded', 1, { status: 'not-loaded' })
+      logger.debug({ projectId, docId }, 'doc is not loaded so not flushing')
+      // TODO: return a flag to bail out, as we go on to remove doc from memory?
+      return
+    } else if (unflushedTime == null) {
+      Metrics.inc('flush-doc-if-loaded', 1, { status: 'unmodified' })
+      logger.debug({ projectId, docId }, 'doc is not modified so not flushing')
+      return
+    }
+
+    logger.debug({ projectId, docId, version }, 'flushing doc')
+    Metrics.inc('flush-doc-if-loaded', 1, { status: 'modified' })
+    const result = await PersistenceManager.promises.setDoc(
+      projectId,
+      docId,
+      lines,
+      version,
+      ranges,
+      lastUpdatedAt,
+      lastUpdatedBy || null
+    )
+    await RedisManager.promises.clearUnflushedTime(docId)
+    return result
+  },
+
+  async flushAndDeleteDoc(projectId, docId, options) {
+    let result
+    try {
+      result = await DocumentManager.flushDocIfLoaded(projectId, docId)
+    } catch (error) {
+      if (options.ignoreFlushErrors) {
+        logger.warn(
+          { projectId, docId, err: error },
+          'ignoring flush error while deleting document'
+        )
+      } else {
+        throw error
+      }
+    }
+
+    await RedisManager.promises.removeDocFromMemory(projectId, docId)
+    return result
+  },
+
+  async acceptChanges(projectId, docId, changeIds) {
+    if (changeIds == null) {
+      changeIds = []
+    }
+
+    const {
+      lines,
+      version,
+      ranges,
+      pathname,
+      projectHistoryId,
+      historyRangesSupport,
+    } = await DocumentManager.getDoc(projectId, docId)
+    if (lines == null || version == null) {
+      throw new Errors.NotFoundError(`document not found: ${docId}`)
+    }
+
+    const newRanges = RangesManager.acceptChanges(
+      projectId,
+      docId,
+      changeIds,
+      ranges,
+      lines
+    )
+
+    await RedisManager.promises.updateDocument(
+      projectId,
+      docId,
+      lines,
+      version,
+      [],
+      newRanges,
+      {}
+    )
+
+    if (historyRangesSupport) {
+      const historyUpdates = RangesManager.getHistoryUpdatesForAcceptedChanges({
+        docId,
+        acceptedChangeIds: changeIds,
+        changes: ranges.changes || [],
+        lines,
+        pathname,
+        projectHistoryId,
+      })
+
+      if (historyUpdates.length === 0) {
+        return
+      }
+
+      await ProjectHistoryRedisManager.promises.queueOps(
+        projectId,
+        ...historyUpdates.map(op => JSON.stringify(op))
+      )
+    }
+  },
+
+  async updateCommentState(projectId, docId, commentId, userId, resolved) {
+    const { lines, version, pathname, historyRangesSupport } =
+      await DocumentManager.getDoc(projectId, docId)
+
+    if (lines == null || version == null) {
+      throw new Errors.NotFoundError(`document not found: ${docId}`)
+    }
+
+    if (historyRangesSupport) {
+      await RedisManager.promises.updateCommentState(docId, commentId, resolved)
+
+      await ProjectHistoryRedisManager.promises.queueOps(
+        projectId,
+        JSON.stringify({
+          pathname,
+          commentId,
+          resolved,
+          meta: {
+            ts: new Date(),
+            user_id: userId,
+          },
+        })
+      )
+    }
+  },
+
+  async getComment(projectId, docId, commentId) {
+    const { ranges } = await DocumentManager.getDoc(projectId, docId)
+
+    const comment = ranges?.comments?.find(comment => comment.id === commentId)
+
+    if (!comment) {
+      throw new Errors.NotFoundError({
+        message: 'comment not found',
+        info: { commentId },
+      })
+    }
+
+    return { comment }
+  },
+
+  async deleteComment(projectId, docId, commentId, userId) {
+    const { lines, version, ranges, pathname, historyRangesSupport } =
+      await DocumentManager.getDoc(projectId, docId)
+    if (lines == null || version == null) {
+      throw new Errors.NotFoundError(`document not found: ${docId}`)
+    }
+
+    const newRanges = RangesManager.deleteComment(commentId, ranges)
+
+    await RedisManager.promises.updateDocument(
+      projectId,
+      docId,
+      lines,
+      version,
+      [],
+      newRanges,
+      {}
+    )
+
+    if (historyRangesSupport) {
+      await RedisManager.promises.updateCommentState(docId, commentId, false)
+      await ProjectHistoryRedisManager.promises.queueOps(
+        projectId,
+        JSON.stringify({
+          pathname,
+          deleteComment: commentId,
+          meta: {
+            ts: new Date(),
+            user_id: userId,
+          },
+        })
+      )
+    }
+  },
+
+  async renameDoc(projectId, docId, userId, update, projectHistoryId) {
+    await RedisManager.promises.renameDoc(
+      projectId,
+      docId,
+      userId,
+      update,
+      projectHistoryId
+    )
+  },
+
+  async getDocAndFlushIfOld(projectId, docId) {
+    const { lines, version, unflushedTime, alreadyLoaded } =
+      await DocumentManager.getDoc(projectId, docId)
+
+    // if doc was already loaded see if it needs to be flushed
+    if (
+      alreadyLoaded &&
+      unflushedTime != null &&
+      Date.now() - unflushedTime > MAX_UNFLUSHED_AGE
+    ) {
+      await DocumentManager.flushDocIfLoaded(projectId, docId)
+    }
+
+    return { lines, version }
+  },
+
+  async resyncDocContents(projectId, docId, path, opts = {}) {
+    logger.debug({ projectId, docId, path }, 'start resyncing doc contents')
+    let {
+      lines,
+      ranges,
+      resolvedCommentIds,
+      version,
+      projectHistoryId,
+      historyRangesSupport,
+    } = await RedisManager.promises.getDoc(projectId, docId)
+
+    // To avoid issues where the same docId appears with different paths,
+    // we use the path from the resyncProjectStructure update.  If we used
+    // the path from the getDoc call to web then the two occurences of the
+    // docId would map to the same path, and this would be rejected by
+    // project-history as an unexpected resyncDocContent update.
+    if (lines == null || version == null) {
+      logger.debug(
+        { projectId, docId },
+        'resyncing doc contents - not found in redis - retrieving from web'
+      )
+      ;({
+        lines,
+        ranges,
+        resolvedCommentIds,
+        version,
+        projectHistoryId,
+        historyRangesSupport,
+      } = await PersistenceManager.promises.getDoc(projectId, docId, {
+        peek: true,
+      }))
+    } else {
+      logger.debug(
+        { projectId, docId },
+        'resyncing doc contents - doc in redis - will queue in redis'
+      )
+    }
+
+    if (opts.historyRangesMigration) {
+      historyRangesSupport = opts.historyRangesMigration === 'forwards'
+    }
+
+    await ProjectHistoryRedisManager.promises.queueResyncDocContent(
+      projectId,
+      projectHistoryId,
+      docId,
+      lines,
+      ranges ?? {},
+      resolvedCommentIds,
+      version,
+      // use the path from the resyncProjectStructure update
+      path,
+      historyRangesSupport
+    )
+
+    if (opts.historyRangesMigration) {
+      await RedisManager.promises.setHistoryRangesSupportFlag(
+        docId,
+        historyRangesSupport
+      )
+    }
+  },
+
+  async getDocWithLock(projectId, docId) {
+    const UpdateManager = require('./UpdateManager')
+    return await UpdateManager.promises.lockUpdatesAndDo(
+      DocumentManager.getDoc,
+      projectId,
+      docId
+    )
+  },
+
+  async getCommentWithLock(projectId, docId, commentId) {
+    const UpdateManager = require('./UpdateManager')
+    return await UpdateManager.promises.lockUpdatesAndDo(
+      DocumentManager.getComment,
+      projectId,
+      docId,
+      commentId
+    )
+  },
+
+  async getDocAndRecentOpsWithLock(projectId, docId, fromVersion) {
+    const UpdateManager = require('./UpdateManager')
+    return await UpdateManager.promises.lockUpdatesAndDo(
+      DocumentManager.getDocAndRecentOps,
+      projectId,
+      docId,
+      fromVersion
+    )
+  },
+
+  async getDocAndFlushIfOldWithLock(projectId, docId) {
+    const UpdateManager = require('./UpdateManager')
+    return await UpdateManager.promises.lockUpdatesAndDo(
+      DocumentManager.getDocAndFlushIfOld,
+      projectId,
+      docId
+    )
+  },
+
+  async setDocWithLock(
+    projectId,
+    docId,
+    lines,
+    source,
+    userId,
+    undoing,
+    external
+  ) {
+    const UpdateManager = require('./UpdateManager')
+    return await UpdateManager.promises.lockUpdatesAndDo(
+      DocumentManager.setDoc,
+      projectId,
+      docId,
+      lines,
+      source,
+      userId,
+      undoing,
+      external
+    )
+  },
+
+  async appendToDocWithLock(projectId, docId, lines, source, userId) {
+    const UpdateManager = require('./UpdateManager')
+    return await UpdateManager.promises.lockUpdatesAndDo(
+      DocumentManager.appendToDoc,
+      projectId,
+      docId,
+      lines,
+      source,
+      userId
+    )
+  },
+
+  async flushDocIfLoadedWithLock(projectId, docId) {
+    const UpdateManager = require('./UpdateManager')
+    return await UpdateManager.promises.lockUpdatesAndDo(
+      DocumentManager.flushDocIfLoaded,
+      projectId,
+      docId
+    )
+  },
+
+  async flushAndDeleteDocWithLock(projectId, docId, options) {
+    const UpdateManager = require('./UpdateManager')
+    return await UpdateManager.promises.lockUpdatesAndDo(
+      DocumentManager.flushAndDeleteDoc,
+      projectId,
+      docId,
+      options
+    )
+  },
+
+  async acceptChangesWithLock(projectId, docId, changeIds) {
+    const UpdateManager = require('./UpdateManager')
+    await UpdateManager.promises.lockUpdatesAndDo(
+      DocumentManager.acceptChanges,
+      projectId,
+      docId,
+      changeIds
+    )
+  },
+
+  async updateCommentStateWithLock(
+    projectId,
+    docId,
+    threadId,
+    userId,
+    resolved
+  ) {
+    const UpdateManager = require('./UpdateManager')
+    await UpdateManager.promises.lockUpdatesAndDo(
+      DocumentManager.updateCommentState,
+      projectId,
+      docId,
+      threadId,
+      userId,
+      resolved
+    )
+  },
+
+  async deleteCommentWithLock(projectId, docId, threadId, userId) {
+    const UpdateManager = require('./UpdateManager')
+    await UpdateManager.promises.lockUpdatesAndDo(
+      DocumentManager.deleteComment,
+      projectId,
+      docId,
+      threadId,
+      userId
+    )
+  },
+
+  async renameDocWithLock(projectId, docId, userId, update, projectHistoryId) {
+    const UpdateManager = require('./UpdateManager')
+    await UpdateManager.promises.lockUpdatesAndDo(
+      DocumentManager.renameDoc,
+      projectId,
+      docId,
+      userId,
+      update,
+      projectHistoryId
+    )
+  },
+
+  async resyncDocContentsWithLock(projectId, docId, path, opts) {
+    const UpdateManager = require('./UpdateManager')
+    await UpdateManager.promises.lockUpdatesAndDo(
+      DocumentManager.resyncDocContents,
+      projectId,
+      docId,
+      path,
+      opts
+    )
+  },
+}
+
+module.exports = {
+  ...callbackifyAll(DocumentManager, {
+    multiResult: {
+      getDoc: [
+        'lines',
+        'version',
+        'ranges',
+        'pathname',
+        'projectHistoryId',
+        'unflushedTime',
+        'alreadyLoaded',
+        'historyRangesSupport',
+      ],
+      getDocWithLock: [
+        'lines',
+        'version',
+        'ranges',
+        'pathname',
+        'projectHistoryId',
+        'unflushedTime',
+        'alreadyLoaded',
+        'historyRangesSupport',
+      ],
+      getDocAndFlushIfOld: ['lines', 'version'],
+      getDocAndFlushIfOldWithLock: ['lines', 'version'],
+      getDocAndRecentOps: [
+        'lines',
+        'version',
+        'ops',
+        'ranges',
+        'pathname',
+        'projectHistoryId',
+      ],
+      getDocAndRecentOpsWithLock: [
+        'lines',
+        'version',
+        'ops',
+        'ranges',
+        'pathname',
+        'projectHistoryId',
+      ],
+      getCommentWithLock: ['comment'],
+    },
+  }),
+  promises: DocumentManager,
+}
diff --git a/services/document-updater/app/js/Errors.js b/services/document-updater/app/js/Errors.js
new file mode 100644
index 0000000..a43f69a
--- /dev/null
+++ b/services/document-updater/app/js/Errors.js
@@ -0,0 +1,15 @@
+const OError = require('@overleaf/o-error')
+
+class NotFoundError extends OError {}
+class OpRangeNotAvailableError extends OError {}
+class ProjectStateChangedError extends OError {}
+class DeleteMismatchError extends OError {}
+class FileTooLargeError extends OError {}
+
+module.exports = {
+  NotFoundError,
+  OpRangeNotAvailableError,
+  ProjectStateChangedError,
+  DeleteMismatchError,
+  FileTooLargeError,
+}
diff --git a/services/document-updater/app/js/HistoryConversions.js b/services/document-updater/app/js/HistoryConversions.js
new file mode 100644
index 0000000..50db911
--- /dev/null
+++ b/services/document-updater/app/js/HistoryConversions.js
@@ -0,0 +1,179 @@
+// @ts-check
+
+const _ = require('lodash')
+const { isDelete } = require('./Utils')
+
+/**
+ * @import { Comment, HistoryComment, HistoryRanges, HistoryTrackedChange } from './types'
+ * @import { Ranges, TrackedChange } from './types'
+ */
+
+/**
+ * Convert editor ranges to history ranges
+ *
+ * @param {Ranges} ranges
+ * @return {HistoryRanges}
+ */
+function toHistoryRanges(ranges) {
+  const changes = ranges.changes ?? []
+  const comments = (ranges.comments ?? []).slice()
+
+  // Changes are assumed to be sorted, but not comments
+  comments.sort((a, b) => a.op.p - b.op.p)
+
+  /**
+   * This will allow us to go through comments at a different pace as we loop
+   * through tracked changes
+   */
+  const commentsIterator = new CommentsIterator(comments)
+
+  /**
+   * Current offset between editor pos and history pos
+   */
+  let offset = 0
+
+  /**
+   * History comments that might overlap with the tracked change considered
+   *
+   * @type {HistoryComment[]}
+   */
+  let pendingComments = []
+
+  /**
+   * The final history comments generated
+   *
+   * @type {HistoryComment[]}
+   */
+  const historyComments = []
+
+  /**
+   * The final history tracked changes generated
+   *
+   * @type {HistoryTrackedChange[]}
+   */
+  const historyChanges = []
+
+  for (const change of changes) {
+    historyChanges.push(toHistoryChange(change, offset))
+
+    // After this point, we're only interested in tracked deletes
+    if (!isDelete(change.op)) {
+      continue
+    }
+
+    // Fill pendingComments with new comments that start before this tracked
+    // delete and might overlap
+    for (const comment of commentsIterator.nextComments(change.op.p)) {
+      pendingComments.push(toHistoryComment(comment, offset))
+    }
+
+    // Save comments that are fully before this tracked delete
+    const newPendingComments = []
+    for (const historyComment of pendingComments) {
+      const commentEnd = historyComment.op.p + historyComment.op.c.length
+      if (commentEnd <= change.op.p) {
+        historyComments.push(historyComment)
+      } else {
+        newPendingComments.push(historyComment)
+      }
+    }
+    pendingComments = newPendingComments
+
+    // The rest of pending comments overlap with this tracked change. Adjust
+    // their history length.
+    for (const historyComment of pendingComments) {
+      historyComment.op.hlen =
+        (historyComment.op.hlen ?? historyComment.op.c.length) +
+        change.op.d.length
+    }
+
+    // Adjust the offset
+    offset += change.op.d.length
+  }
+  // Save the last pending comments
+  for (const historyComment of pendingComments) {
+    historyComments.push(historyComment)
+  }
+
+  // Save any comments that came after the last tracked change
+  for (const comment of commentsIterator.nextComments()) {
+    historyComments.push(toHistoryComment(comment, offset))
+  }
+
+  const historyRanges = {}
+  if (historyComments.length > 0) {
+    historyRanges.comments = historyComments
+  }
+  if (historyChanges.length > 0) {
+    historyRanges.changes = historyChanges
+  }
+  return historyRanges
+}
+
+class CommentsIterator {
+  /**
+   * Build a CommentsIterator
+   *
+   * @param {Comment[]} comments
+   */
+  constructor(comments) {
+    this.comments = comments
+    this.currentIndex = 0
+  }
+
+  /**
+   * Generator that returns the next comments to consider
+   *
+   * @param {number} beforePos - only return comments that start before this position
+   * @return {Iterable<Comment>}
+   */
+  *nextComments(beforePos = Infinity) {
+    while (this.currentIndex < this.comments.length) {
+      const comment = this.comments[this.currentIndex]
+      if (comment.op.p < beforePos) {
+        yield comment
+        this.currentIndex += 1
+      } else {
+        return
+      }
+    }
+  }
+}
+
+/**
+ * Convert an editor tracked change into a history tracked change
+ *
+ * @param {TrackedChange} change
+ * @param {number} offset - how much the history change is ahead of the
+ *                 editor change
+ * @return {HistoryTrackedChange}
+ */
+function toHistoryChange(change, offset) {
+  /** @type {HistoryTrackedChange} */
+  const historyChange = _.cloneDeep(change)
+  if (offset > 0) {
+    historyChange.op.hpos = change.op.p + offset
+  }
+  return historyChange
+}
+
+/**
+ * Convert an editor comment into a history comment
+ *
+ * @param {Comment} comment
+ * @param {number} offset - how much the history comment is ahead of the
+ *                 editor comment
+ * @return {HistoryComment}
+ */
+function toHistoryComment(comment, offset) {
+  /** @type {HistoryComment} */
+  const historyComment = _.cloneDeep(comment)
+  if (offset > 0) {
+    historyComment.op.hpos = comment.op.p + offset
+  }
+  return historyComment
+}
+
+module.exports = {
+  toHistoryRanges,
+}
diff --git a/services/document-updater/app/js/HistoryManager.js b/services/document-updater/app/js/HistoryManager.js
new file mode 100644
index 0000000..3963431
--- /dev/null
+++ b/services/document-updater/app/js/HistoryManager.js
@@ -0,0 +1,143 @@
+const async = require('async')
+const logger = require('@overleaf/logger')
+const { promisifyAll } = require('@overleaf/promise-utils')
+const request = require('request')
+const Settings = require('@overleaf/settings')
+const ProjectHistoryRedisManager = require('./ProjectHistoryRedisManager')
+const metrics = require('./Metrics')
+
+const HistoryManager = {
+  // flush changes in the background
+  flushProjectChangesAsync(projectId) {
+    HistoryManager.flushProjectChanges(
+      projectId,
+      { background: true },
+      function () {}
+    )
+  },
+
+  // flush changes and callback (for when we need to know the queue is flushed)
+  flushProjectChanges(projectId, options, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    if (options.skip_history_flush) {
+      logger.debug({ projectId }, 'skipping flush of project history')
+      return callback()
+    }
+    metrics.inc('history-flush', 1, { status: 'project-history' })
+    const url = `${Settings.apis.project_history.url}/project/${projectId}/flush`
+    const qs = {}
+    if (options.background) {
+      qs.background = true
+    } // pass on the background flush option if present
+    logger.debug({ projectId, url, qs }, 'flushing doc in project history api')
+    request.post({ url, qs }, function (error, res, body) {
+      if (error) {
+        logger.error({ error, projectId }, 'project history api request failed')
+        callback(error)
+      } else if (res.statusCode < 200 && res.statusCode >= 300) {
+        logger.error(
+          { projectId },
+          `project history api returned a failure status code: ${res.statusCode}`
+        )
+        callback(error)
+      } else {
+        callback()
+      }
+    })
+  },
+
+  FLUSH_DOC_EVERY_N_OPS: 100,
+  FLUSH_PROJECT_EVERY_N_OPS: 500,
+
+  recordAndFlushHistoryOps(projectId, ops, projectOpsLength) {
+    if (ops == null) {
+      ops = []
+    }
+    if (ops.length === 0) {
+      return
+    }
+
+    // record updates for project history
+    if (
+      HistoryManager.shouldFlushHistoryOps(
+        projectOpsLength,
+        ops.length,
+        HistoryManager.FLUSH_PROJECT_EVERY_N_OPS
+      )
+    ) {
+      // Do this in the background since it uses HTTP and so may be too
+      // slow to wait for when processing a doc update.
+      logger.debug(
+        { projectOpsLength, projectId },
+        'flushing project history api'
+      )
+      HistoryManager.flushProjectChangesAsync(projectId)
+    }
+  },
+
+  shouldFlushHistoryOps(length, opsLength, threshold) {
+    if (!length) {
+      return false
+    } // don't flush unless we know the length
+    // We want to flush every 100 ops, i.e. 100, 200, 300, etc
+    // Find out which 'block' (i.e. 0-99, 100-199) we were in before and after pushing these
+    // ops. If we've changed, then we've gone over a multiple of 100 and should flush.
+    // (Most of the time, we will only hit 100 and then flushing will put us back to 0)
+    const previousLength = length - opsLength
+    const prevBlock = Math.floor(previousLength / threshold)
+    const newBlock = Math.floor(length / threshold)
+    return newBlock !== prevBlock
+  },
+
+  MAX_PARALLEL_REQUESTS: 4,
+
+  resyncProjectHistory(
+    projectId,
+    projectHistoryId,
+    docs,
+    files,
+    opts,
+    callback
+  ) {
+    ProjectHistoryRedisManager.queueResyncProjectStructure(
+      projectId,
+      projectHistoryId,
+      docs,
+      files,
+      opts,
+      function (error) {
+        if (error) {
+          return callback(error)
+        }
+        if (opts.resyncProjectStructureOnly) return callback()
+        const DocumentManager = require('./DocumentManager')
+        const resyncDoc = (doc, cb) => {
+          DocumentManager.resyncDocContentsWithLock(
+            projectId,
+            doc.doc,
+            doc.path,
+            opts,
+            cb
+          )
+        }
+        async.eachLimit(
+          docs,
+          HistoryManager.MAX_PARALLEL_REQUESTS,
+          resyncDoc,
+          callback
+        )
+      }
+    )
+  },
+}
+
+module.exports = HistoryManager
+module.exports.promises = promisifyAll(HistoryManager, {
+  without: [
+    'flushProjectChangesAsync',
+    'recordAndFlushHistoryOps',
+    'shouldFlushHistoryOps',
+  ],
+})
diff --git a/services/document-updater/app/js/HttpController.js b/services/document-updater/app/js/HttpController.js
new file mode 100644
index 0000000..95fe9b7
--- /dev/null
+++ b/services/document-updater/app/js/HttpController.js
@@ -0,0 +1,559 @@
+const DocumentManager = require('./DocumentManager')
+const HistoryManager = require('./HistoryManager')
+const ProjectManager = require('./ProjectManager')
+const RedisManager = require('./RedisManager')
+const Errors = require('./Errors')
+const logger = require('@overleaf/logger')
+const Settings = require('@overleaf/settings')
+const Metrics = require('./Metrics')
+const DeleteQueueManager = require('./DeleteQueueManager')
+const { getTotalSizeOfLines } = require('./Limits')
+const async = require('async')
+
+function getDoc(req, res, next) {
+  let fromVersion
+  const docId = req.params.doc_id
+  const projectId = req.params.project_id
+  logger.debug({ projectId, docId }, 'getting doc via http')
+  const timer = new Metrics.Timer('http.getDoc')
+
+  if (req.query.fromVersion != null) {
+    fromVersion = parseInt(req.query.fromVersion, 10)
+  } else {
+    fromVersion = -1
+  }
+
+  DocumentManager.getDocAndRecentOpsWithLock(
+    projectId,
+    docId,
+    fromVersion,
+    (error, lines, version, ops, ranges, pathname) => {
+      timer.done()
+      if (error) {
+        return next(error)
+      }
+      logger.debug({ projectId, docId }, 'got doc via http')
+      if (lines == null || version == null) {
+        return next(new Errors.NotFoundError('document not found'))
+      }
+      res.json({
+        id: docId,
+        lines,
+        version,
+        ops,
+        ranges,
+        pathname,
+        ttlInS: RedisManager.DOC_OPS_TTL,
+      })
+    }
+  )
+}
+
+function getComment(req, res, next) {
+  const docId = req.params.doc_id
+  const projectId = req.params.project_id
+  const commentId = req.params.comment_id
+
+  logger.debug({ projectId, docId, commentId }, 'getting comment via http')
+
+  DocumentManager.getCommentWithLock(
+    projectId,
+    docId,
+    commentId,
+    (error, comment) => {
+      if (error) {
+        return next(error)
+      }
+      if (comment == null) {
+        return next(new Errors.NotFoundError('comment not found'))
+      }
+      res.json(comment)
+    }
+  )
+}
+
+// return the doc from redis if present, but don't load it from mongo
+function peekDoc(req, res, next) {
+  const docId = req.params.doc_id
+  const projectId = req.params.project_id
+  logger.debug({ projectId, docId }, 'peeking at doc via http')
+  RedisManager.getDoc(projectId, docId, function (error, lines, version) {
+    if (error) {
+      return next(error)
+    }
+    if (lines == null || version == null) {
+      return next(new Errors.NotFoundError('document not found'))
+    }
+    res.json({ id: docId, lines, version })
+  })
+}
+
+function getProjectDocsAndFlushIfOld(req, res, next) {
+  const projectId = req.params.project_id
+  const projectStateHash = req.query.state
+  // exclude is string of existing docs "id:version,id:version,..."
+  const excludeItems =
+    req.query.exclude != null ? req.query.exclude.split(',') : []
+  logger.debug({ projectId, exclude: excludeItems }, 'getting docs via http')
+  const timer = new Metrics.Timer('http.getAllDocs')
+  const excludeVersions = {}
+  for (const item of excludeItems) {
+    const [id, version] = item.split(':')
+    excludeVersions[id] = version
+  }
+  logger.debug(
+    { projectId, projectStateHash, excludeVersions },
+    'excluding versions'
+  )
+  ProjectManager.getProjectDocsAndFlushIfOld(
+    projectId,
+    projectStateHash,
+    excludeVersions,
+    (error, result) => {
+      timer.done()
+      if (error instanceof Errors.ProjectStateChangedError) {
+        res.sendStatus(409) // conflict
+      } else if (error) {
+        next(error)
+      } else {
+        logger.debug(
+          {
+            projectId,
+            result: result.map(doc => `${doc._id}:${doc.v}`),
+          },
+          'got docs via http'
+        )
+        res.send(result)
+      }
+    }
+  )
+}
+
+function getProjectLastUpdatedAt(req, res, next) {
+  const projectId = req.params.project_id
+  ProjectManager.getProjectDocsTimestamps(projectId, (err, timestamps) => {
+    if (err) return next(err)
+
+    // Filter out nulls. This can happen when
+    // - docs get flushed between the listing and getting the individual docs ts
+    // - a doc flush failed half way (doc keys removed, project tracking not updated)
+    timestamps = timestamps.filter(ts => !!ts)
+
+    timestamps = timestamps.map(ts => parseInt(ts, 10))
+    timestamps.sort((a, b) => (a > b ? 1 : -1))
+    res.json({ lastUpdatedAt: timestamps.pop() })
+  })
+}
+
+function clearProjectState(req, res, next) {
+  const projectId = req.params.project_id
+  const timer = new Metrics.Timer('http.clearProjectState')
+  logger.debug({ projectId }, 'clearing project state via http')
+  ProjectManager.clearProjectState(projectId, error => {
+    timer.done()
+    if (error) {
+      next(error)
+    } else {
+      res.sendStatus(200)
+    }
+  })
+}
+
+function setDoc(req, res, next) {
+  const docId = req.params.doc_id
+  const projectId = req.params.project_id
+  const { lines, source, user_id: userId, undoing } = req.body
+  const lineSize = getTotalSizeOfLines(lines)
+  if (lineSize > Settings.max_doc_length) {
+    logger.warn(
+      { projectId, docId, source, lineSize, userId },
+      'document too large, returning 406 response'
+    )
+    return res.sendStatus(406)
+  }
+  logger.debug(
+    { projectId, docId, lines, source, userId, undoing },
+    'setting doc via http'
+  )
+  const timer = new Metrics.Timer('http.setDoc')
+  DocumentManager.setDocWithLock(
+    projectId,
+    docId,
+    lines,
+    source,
+    userId,
+    undoing,
+    true,
+    (error, result) => {
+      timer.done()
+      if (error) {
+        return next(error)
+      }
+      logger.debug({ projectId, docId }, 'set doc via http')
+      res.json(result)
+    }
+  )
+}
+
+function appendToDoc(req, res, next) {
+  const docId = req.params.doc_id
+  const projectId = req.params.project_id
+  const { lines, source, user_id: userId } = req.body
+  const timer = new Metrics.Timer('http.appendToDoc')
+  DocumentManager.appendToDocWithLock(
+    projectId,
+    docId,
+    lines,
+    source,
+    userId,
+    (error, result) => {
+      timer.done()
+      if (error instanceof Errors.FileTooLargeError) {
+        logger.warn('refusing to append to file, it would become too large')
+        return res.sendStatus(422)
+      }
+      if (error) {
+        return next(error)
+      }
+      logger.debug(
+        { projectId, docId, lines, source, userId },
+        'appending to doc via http'
+      )
+      res.json(result)
+    }
+  )
+}
+
+function flushDocIfLoaded(req, res, next) {
+  const docId = req.params.doc_id
+  const projectId = req.params.project_id
+  logger.debug({ projectId, docId }, 'flushing doc via http')
+  const timer = new Metrics.Timer('http.flushDoc')
+  DocumentManager.flushDocIfLoadedWithLock(projectId, docId, error => {
+    timer.done()
+    if (error) {
+      return next(error)
+    }
+    logger.debug({ projectId, docId }, 'flushed doc via http')
+    res.sendStatus(204) // No Content
+  })
+}
+
+function deleteDoc(req, res, next) {
+  const docId = req.params.doc_id
+  const projectId = req.params.project_id
+  const ignoreFlushErrors = req.query.ignore_flush_errors === 'true'
+  const timer = new Metrics.Timer('http.deleteDoc')
+  logger.debug({ projectId, docId }, 'deleting doc via http')
+  DocumentManager.flushAndDeleteDocWithLock(
+    projectId,
+    docId,
+    { ignoreFlushErrors },
+    error => {
+      timer.done()
+      // There is no harm in flushing project history if the previous call
+      // failed and sometimes it is required
+      HistoryManager.flushProjectChangesAsync(projectId)
+
+      if (error) {
+        return next(error)
+      }
+      logger.debug({ projectId, docId }, 'deleted doc via http')
+      res.sendStatus(204) // No Content
+    }
+  )
+}
+
+function flushProject(req, res, next) {
+  const projectId = req.params.project_id
+  logger.debug({ projectId }, 'flushing project via http')
+  const timer = new Metrics.Timer('http.flushProject')
+  ProjectManager.flushProjectWithLocks(projectId, error => {
+    timer.done()
+    if (error) {
+      return next(error)
+    }
+    logger.debug({ projectId }, 'flushed project via http')
+    res.sendStatus(204) // No Content
+  })
+}
+
+function deleteProject(req, res, next) {
+  const projectId = req.params.project_id
+  logger.debug({ projectId }, 'deleting project via http')
+  const options = {}
+  if (req.query.background) {
+    options.background = true
+  } // allow non-urgent flushes to be queued
+  if (req.query.shutdown) {
+    options.skip_history_flush = true
+  } // don't flush history when realtime shuts down
+  if (req.query.background) {
+    ProjectManager.queueFlushAndDeleteProject(projectId, error => {
+      if (error) {
+        return next(error)
+      }
+      logger.debug({ projectId }, 'queue delete of project via http')
+      res.sendStatus(204)
+    }) // No Content
+  } else {
+    const timer = new Metrics.Timer('http.deleteProject')
+    ProjectManager.flushAndDeleteProjectWithLocks(projectId, options, error => {
+      timer.done()
+      if (error) {
+        return next(error)
+      }
+      logger.debug({ projectId }, 'deleted project via http')
+      res.sendStatus(204) // No Content
+    })
+  }
+}
+
+function deleteMultipleProjects(req, res, next) {
+  const projectIds = req.body.project_ids || []
+  logger.debug({ projectIds }, 'deleting multiple projects via http')
+  async.eachSeries(
+    projectIds,
+    (projectId, cb) => {
+      logger.debug({ projectId }, 'queue delete of project via http')
+      ProjectManager.queueFlushAndDeleteProject(projectId, cb)
+    },
+    error => {
+      if (error) {
+        return next(error)
+      }
+      res.sendStatus(204) // No Content
+    }
+  )
+}
+
+function acceptChanges(req, res, next) {
+  const { project_id: projectId, doc_id: docId } = req.params
+  let changeIds = req.body.change_ids
+  if (changeIds == null) {
+    changeIds = [req.params.change_id]
+  }
+  logger.debug(
+    { projectId, docId },
+    `accepting ${changeIds.length} changes via http`
+  )
+  const timer = new Metrics.Timer('http.acceptChanges')
+  DocumentManager.acceptChangesWithLock(projectId, docId, changeIds, error => {
+    timer.done()
+    if (error) {
+      return next(error)
+    }
+    logger.debug(
+      { projectId, docId },
+      `accepted ${changeIds.length} changes via http`
+    )
+    res.sendStatus(204) // No Content
+  })
+}
+
+function resolveComment(req, res, next) {
+  const {
+    project_id: projectId,
+    doc_id: docId,
+    comment_id: commentId,
+  } = req.params
+  const userId = req.body.user_id
+  logger.debug({ projectId, docId, commentId }, 'resolving comment via http')
+  DocumentManager.updateCommentStateWithLock(
+    projectId,
+    docId,
+    commentId,
+    userId,
+    true,
+    error => {
+      if (error) {
+        return next(error)
+      }
+      logger.debug({ projectId, docId, commentId }, 'resolved comment via http')
+      res.sendStatus(204) // No Content
+    }
+  )
+}
+
+function reopenComment(req, res, next) {
+  const {
+    project_id: projectId,
+    doc_id: docId,
+    comment_id: commentId,
+  } = req.params
+  const userId = req.body.user_id
+  logger.debug({ projectId, docId, commentId }, 'reopening comment via http')
+  DocumentManager.updateCommentStateWithLock(
+    projectId,
+    docId,
+    commentId,
+    userId,
+    false,
+    error => {
+      if (error) {
+        return next(error)
+      }
+      logger.debug({ projectId, docId, commentId }, 'reopened comment via http')
+      res.sendStatus(204) // No Content
+    }
+  )
+}
+
+function deleteComment(req, res, next) {
+  const {
+    project_id: projectId,
+    doc_id: docId,
+    comment_id: commentId,
+  } = req.params
+  const userId = req.body.user_id
+  logger.debug({ projectId, docId, commentId }, 'deleting comment via http')
+  const timer = new Metrics.Timer('http.deleteComment')
+  DocumentManager.deleteCommentWithLock(
+    projectId,
+    docId,
+    commentId,
+    userId,
+    error => {
+      timer.done()
+      if (error) {
+        return next(error)
+      }
+      logger.debug({ projectId, docId, commentId }, 'deleted comment via http')
+      res.sendStatus(204) // No Content
+    }
+  )
+}
+
+function updateProject(req, res, next) {
+  const timer = new Metrics.Timer('http.updateProject')
+  const projectId = req.params.project_id
+  const { projectHistoryId, userId, updates = [], version, source } = req.body
+  logger.debug({ projectId, updates, version }, 'updating project via http')
+  ProjectManager.updateProjectWithLocks(
+    projectId,
+    projectHistoryId,
+    userId,
+    updates,
+    version,
+    source,
+    error => {
+      timer.done()
+      if (error) {
+        return next(error)
+      }
+      logger.debug({ projectId }, 'updated project via http')
+      res.sendStatus(204) // No Content
+    }
+  )
+}
+
+function resyncProjectHistory(req, res, next) {
+  const projectId = req.params.project_id
+  const {
+    projectHistoryId,
+    docs,
+    files,
+    historyRangesMigration,
+    resyncProjectStructureOnly,
+  } = req.body
+
+  logger.debug(
+    { projectId, docs, files },
+    'queuing project history resync via http'
+  )
+
+  const opts = {}
+  if (historyRangesMigration) {
+    opts.historyRangesMigration = historyRangesMigration
+  }
+  if (resyncProjectStructureOnly) {
+    opts.resyncProjectStructureOnly = resyncProjectStructureOnly
+  }
+
+  HistoryManager.resyncProjectHistory(
+    projectId,
+    projectHistoryId,
+    docs,
+    files,
+    opts,
+    error => {
+      if (error) {
+        return next(error)
+      }
+      logger.debug({ projectId }, 'queued project history resync via http')
+      res.sendStatus(204)
+    }
+  )
+}
+
+function flushQueuedProjects(req, res, next) {
+  res.setTimeout(10 * 60 * 1000)
+  const options = {
+    limit: req.query.limit || 1000,
+    timeout: 5 * 60 * 1000,
+    min_delete_age: req.query.min_delete_age || 5 * 60 * 1000,
+  }
+  DeleteQueueManager.flushAndDeleteOldProjects(options, (err, flushed) => {
+    if (err) {
+      logger.err({ err }, 'error flushing old projects')
+      res.sendStatus(500)
+    } else {
+      logger.info({ flushed }, 'flush of queued projects completed')
+      res.send({ flushed })
+    }
+  })
+}
+
+/**
+ * Block a project from getting loaded in docupdater
+ *
+ * The project is blocked only if it's not already loaded in docupdater. The
+ * response indicates whether the project has been blocked or not.
+ */
+function blockProject(req, res, next) {
+  const projectId = req.params.project_id
+  RedisManager.blockProject(projectId, (err, blocked) => {
+    if (err) {
+      return next(err)
+    }
+    res.json({ blocked })
+  })
+}
+
+/**
+ * Unblock a project
+ */
+function unblockProject(req, res, next) {
+  const projectId = req.params.project_id
+  RedisManager.unblockProject(projectId, (err, wasBlocked) => {
+    if (err) {
+      return next(err)
+    }
+    res.json({ wasBlocked })
+  })
+}
+
+module.exports = {
+  getDoc,
+  peekDoc,
+  getProjectDocsAndFlushIfOld,
+  getProjectLastUpdatedAt,
+  clearProjectState,
+  appendToDoc,
+  setDoc,
+  flushDocIfLoaded,
+  deleteDoc,
+  flushProject,
+  deleteProject,
+  deleteMultipleProjects,
+  acceptChanges,
+  resolveComment,
+  reopenComment,
+  deleteComment,
+  updateProject,
+  resyncProjectHistory,
+  flushQueuedProjects,
+  blockProject,
+  unblockProject,
+  getComment,
+}
diff --git a/services/document-updater/app/js/Limits.js b/services/document-updater/app/js/Limits.js
new file mode 100644
index 0000000..268ccd3
--- /dev/null
+++ b/services/document-updater/app/js/Limits.js
@@ -0,0 +1,31 @@
+module.exports = {
+  // compute the total size of the document in chararacters, including newlines
+  getTotalSizeOfLines(lines) {
+    let size = 0
+    for (const line of lines) {
+      size += line.length + 1 // include the newline
+    }
+    return size
+  },
+
+  // check whether the total size of the document in characters exceeds the
+  // maxDocLength.
+  //
+  // The estimated size should be an upper bound on the true size, typically
+  // it will be the size of the JSON.stringified array of lines.  If the
+  // estimated size is less than the maxDocLength then we know that the total
+  // size of lines will also be less than maxDocLength.
+  docIsTooLarge(estimatedSize, lines, maxDocLength) {
+    if (estimatedSize <= maxDocLength) {
+      return false // definitely under the limit, no need to calculate the total size
+    }
+    // calculate the total size, bailing out early if the size limit is reached
+    let size = 0
+    for (const line of lines) {
+      size += line.length + 1 // include the newline
+      if (size > maxDocLength) return true
+    }
+    // since we didn't hit the limit in the loop, the document is within the allowed length
+    return false
+  },
+}
diff --git a/services/document-updater/app/js/LockManager.js b/services/document-updater/app/js/LockManager.js
new file mode 100644
index 0000000..a65ab9f
--- /dev/null
+++ b/services/document-updater/app/js/LockManager.js
@@ -0,0 +1,18 @@
+const Settings = require('@overleaf/settings')
+const redis = require('@overleaf/redis-wrapper')
+const rclient = redis.createClient(Settings.redis.lock)
+const keys = Settings.redis.lock.key_schema
+const RedisLocker = require('@overleaf/redis-wrapper/RedisLocker')
+
+module.exports = new RedisLocker({
+  rclient,
+  getKey(docId) {
+    return keys.blockingKey({ doc_id: docId })
+  },
+  wrapTimeoutError(err, docId) {
+    err.doc_id = docId
+    return err
+  },
+  metricsPrefix: 'doc',
+  lockTTLSeconds: Settings.redisLockTTLSeconds,
+})
diff --git a/services/document-updater/app/js/LoggerSerializers.js b/services/document-updater/app/js/LoggerSerializers.js
new file mode 100644
index 0000000..3aa8bfc
--- /dev/null
+++ b/services/document-updater/app/js/LoggerSerializers.js
@@ -0,0 +1,51 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const _ = require('lodash')
+
+const showLength = function (thing) {
+  if (thing != null ? thing.length : undefined) {
+    return thing.length
+  } else {
+    return thing
+  }
+}
+
+const showUpdateLength = function (update) {
+  if ((update != null ? update.op : undefined) instanceof Array) {
+    const copy = _.cloneDeep(update)
+    copy.op.forEach(function (element, index) {
+      if (element?.i?.length != null) {
+        copy.op[index].i = element.i.length
+      }
+      if (element?.d?.length != null) {
+        copy.op[index].d = element.d.length
+      }
+      if (element?.c?.length != null) {
+        return (copy.op[index].c = element.c.length)
+      }
+    })
+    return copy
+  } else {
+    return update
+  }
+}
+
+module.exports = {
+  // replace long values with their length
+  lines: showLength,
+  oldLines: showLength,
+  newLines: showLength,
+  docLines: showLength,
+  newDocLines: showLength,
+  ranges: showLength,
+  update: showUpdateLength,
+}
diff --git a/services/document-updater/app/js/Metrics.js b/services/document-updater/app/js/Metrics.js
new file mode 100644
index 0000000..f0e5779
--- /dev/null
+++ b/services/document-updater/app/js/Metrics.js
@@ -0,0 +1,3 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+module.exports = require('@overleaf/metrics')
diff --git a/services/document-updater/app/js/PersistenceManager.js b/services/document-updater/app/js/PersistenceManager.js
new file mode 100644
index 0000000..b08994a
--- /dev/null
+++ b/services/document-updater/app/js/PersistenceManager.js
@@ -0,0 +1,196 @@
+const { promisify } = require('node:util')
+const { promisifyMultiResult } = require('@overleaf/promise-utils')
+const Settings = require('@overleaf/settings')
+const Errors = require('./Errors')
+const Metrics = require('./Metrics')
+const logger = require('@overleaf/logger')
+const request = require('requestretry').defaults({
+  maxAttempts: 2,
+  retryDelay: 10,
+})
+
+// We have to be quick with HTTP calls because we're holding a lock that
+// expires after 30 seconds. We can't let any errors in the rest of the stack
+// hold us up, and need to bail out quickly if there is a problem.
+const MAX_HTTP_REQUEST_LENGTH = 5000 // 5 seconds
+
+function updateMetric(method, error, response) {
+  // find the status, with special handling for connection timeouts
+  // https://github.com/request/request#timeouts
+  let status
+  if (error && error.connect === true) {
+    status = `${error.code} (connect)`
+  } else if (error) {
+    status = error.code
+  } else if (response) {
+    status = response.statusCode
+  }
+
+  Metrics.inc(method, 1, { status })
+  if (error && error.attempts > 1) {
+    Metrics.inc(`${method}-retries`, 1, { status: 'error' })
+  }
+  if (response && response.attempts > 1) {
+    Metrics.inc(`${method}-retries`, 1, { status: 'success' })
+  }
+}
+
+function getDoc(projectId, docId, options = {}, _callback) {
+  const timer = new Metrics.Timer('persistenceManager.getDoc')
+  if (typeof options === 'function') {
+    _callback = options
+    options = {}
+  }
+  const callback = function (...args) {
+    timer.done()
+    _callback(...args)
+  }
+
+  const urlPath = `/project/${projectId}/doc/${docId}`
+  const requestParams = {
+    url: `${Settings.apis.web.url}${urlPath}`,
+    method: 'GET',
+    headers: {
+      accept: 'application/json',
+    },
+    auth: {
+      user: Settings.apis.web.user,
+      pass: Settings.apis.web.pass,
+      sendImmediately: true,
+    },
+    jar: false,
+    timeout: MAX_HTTP_REQUEST_LENGTH,
+  }
+  if (options.peek) {
+    requestParams.qs = { peek: 'true' }
+  }
+  request(requestParams, (error, res, body) => {
+    updateMetric('getDoc', error, res)
+    if (error) {
+      logger.error({ err: error, projectId, docId }, 'web API request failed')
+      return callback(new Error('error connecting to web API'))
+    }
+    if (res.statusCode >= 200 && res.statusCode < 300) {
+      try {
+        body = JSON.parse(body)
+      } catch (e) {
+        return callback(e)
+      }
+      if (body.lines == null) {
+        return callback(new Error('web API response had no doc lines'))
+      }
+      if (body.version == null) {
+        return callback(new Error('web API response had no valid doc version'))
+      }
+      if (body.pathname == null) {
+        return callback(new Error('web API response had no valid doc pathname'))
+      }
+      if (!body.pathname) {
+        logger.warn(
+          { projectId, docId },
+          'missing pathname in PersistenceManager getDoc'
+        )
+        Metrics.inc('pathname', 1, {
+          path: 'PersistenceManager.getDoc',
+          status: body.pathname === '' ? 'zero-length' : 'undefined',
+        })
+      }
+      callback(
+        null,
+        body.lines,
+        body.version,
+        body.ranges,
+        body.pathname,
+        body.projectHistoryId?.toString(),
+        body.historyRangesSupport || false,
+        body.resolvedCommentIds || []
+      )
+    } else if (res.statusCode === 404) {
+      callback(new Errors.NotFoundError(`doc not not found: ${urlPath}`))
+    } else if (res.statusCode === 413) {
+      callback(
+        new Errors.FileTooLargeError(`doc exceeds maximum size: ${urlPath}`)
+      )
+    } else {
+      callback(
+        new Error(`error accessing web API: ${urlPath} ${res.statusCode}`)
+      )
+    }
+  })
+}
+
+function setDoc(
+  projectId,
+  docId,
+  lines,
+  version,
+  ranges,
+  lastUpdatedAt,
+  lastUpdatedBy,
+  _callback
+) {
+  const timer = new Metrics.Timer('persistenceManager.setDoc')
+  const callback = function (...args) {
+    timer.done()
+    _callback(...args)
+  }
+
+  const urlPath = `/project/${projectId}/doc/${docId}`
+  request(
+    {
+      url: `${Settings.apis.web.url}${urlPath}`,
+      method: 'POST',
+      json: {
+        lines,
+        ranges,
+        version,
+        lastUpdatedBy,
+        lastUpdatedAt,
+      },
+      auth: {
+        user: Settings.apis.web.user,
+        pass: Settings.apis.web.pass,
+        sendImmediately: true,
+      },
+      jar: false,
+      timeout: MAX_HTTP_REQUEST_LENGTH,
+    },
+    (error, res, body) => {
+      updateMetric('setDoc', error, res)
+      if (error) {
+        logger.error({ err: error, projectId, docId }, 'web API request failed')
+        return callback(new Error('error connecting to web API'))
+      }
+      if (res.statusCode >= 200 && res.statusCode < 300) {
+        callback(null, body)
+      } else if (res.statusCode === 404) {
+        callback(new Errors.NotFoundError(`doc not not found: ${urlPath}`))
+      } else if (res.statusCode === 413) {
+        callback(
+          new Errors.FileTooLargeError(`doc exceeds maximum size: ${urlPath}`)
+        )
+      } else {
+        callback(
+          new Error(`error accessing web API: ${urlPath} ${res.statusCode}`)
+        )
+      }
+    }
+  )
+}
+
+module.exports = {
+  getDoc,
+  setDoc,
+  promises: {
+    getDoc: promisifyMultiResult(getDoc, [
+      'lines',
+      'version',
+      'ranges',
+      'pathname',
+      'projectHistoryId',
+      'historyRangesSupport',
+      'resolvedCommentIds',
+    ]),
+    setDoc: promisify(setDoc),
+  },
+}
diff --git a/services/document-updater/app/js/Profiler.js b/services/document-updater/app/js/Profiler.js
new file mode 100644
index 0000000..8daac4c
--- /dev/null
+++ b/services/document-updater/app/js/Profiler.js
@@ -0,0 +1,68 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS206: Consider reworking classes to avoid initClass
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let Profiler
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+
+const deltaMs = function (ta, tb) {
+  const nanoSeconds = (ta[0] - tb[0]) * 1e9 + (ta[1] - tb[1])
+  const milliSeconds = Math.floor(nanoSeconds * 1e-6)
+  return milliSeconds
+}
+
+module.exports = Profiler = (function () {
+  Profiler = class Profiler {
+    static initClass() {
+      this.prototype.LOG_CUTOFF_TIME = 15 * 1000
+      this.prototype.LOG_SYNC_CUTOFF_TIME = 1000
+    }
+
+    constructor(name, args) {
+      this.name = name
+      this.args = args
+      this.t0 = this.t = process.hrtime()
+      this.start = new Date()
+      this.updateTimes = []
+      this.totalSyncTime = 0
+    }
+
+    log(label, options = {}) {
+      const t1 = process.hrtime()
+      const dtMilliSec = deltaMs(t1, this.t)
+      this.t = t1
+      this.totalSyncTime += options.sync ? dtMilliSec : 0
+      this.updateTimes.push([label, dtMilliSec]) // timings in ms
+      return this // make it chainable
+    }
+
+    end(message) {
+      const totalTime = deltaMs(this.t, this.t0)
+      const exceedsCutoff = totalTime > this.LOG_CUTOFF_TIME
+      const exceedsSyncCutoff = this.totalSyncTime > this.LOG_SYNC_CUTOFF_TIME
+      if (exceedsCutoff || exceedsSyncCutoff) {
+        // log anything greater than cutoffs
+        const args = {}
+        for (const k in this.args) {
+          const v = this.args[k]
+          args[k] = v
+        }
+        args.updateTimes = this.updateTimes
+        args.start = this.start
+        args.end = new Date()
+        args.status = { exceedsCutoff, exceedsSyncCutoff }
+        logger.warn(args, this.name)
+      }
+      return totalTime
+    }
+  }
+  Profiler.initClass()
+  return Profiler
+})()
diff --git a/services/document-updater/app/js/ProjectFlusher.js b/services/document-updater/app/js/ProjectFlusher.js
new file mode 100644
index 0000000..33d585b
--- /dev/null
+++ b/services/document-updater/app/js/ProjectFlusher.js
@@ -0,0 +1,139 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const request = require('request')
+const Settings = require('@overleaf/settings')
+const RedisManager = require('./RedisManager')
+const { rclient } = RedisManager
+const docUpdaterKeys = Settings.redis.documentupdater.key_schema
+const async = require('async')
+const ProjectManager = require('./ProjectManager')
+const _ = require('lodash')
+const logger = require('@overleaf/logger')
+const { promisifyAll } = require('@overleaf/promise-utils')
+
+const ProjectFlusher = {
+  // iterate over keys asynchronously using redis scan (non-blocking)
+  // handle all the cluster nodes or single redis server
+  _getKeys(pattern, limit, callback) {
+    const nodes = (typeof rclient.nodes === 'function'
+      ? rclient.nodes('master')
+      : undefined) || [rclient]
+    const doKeyLookupForNode = (node, cb) =>
+      ProjectFlusher._getKeysFromNode(node, pattern, limit, cb)
+    return async.concatSeries(nodes, doKeyLookupForNode, callback)
+  },
+
+  _getKeysFromNode(node, pattern, limit, callback) {
+    if (limit == null) {
+      limit = 1000
+    }
+    let cursor = 0 // redis iterator
+    const keySet = {} // use hash to avoid duplicate results
+    const batchSize = limit != null ? Math.min(limit, 1000) : 1000
+    // scan over all keys looking for pattern
+    const doIteration = (
+      cb // avoid hitting redis too hard
+    ) =>
+      node.scan(
+        cursor,
+        'MATCH',
+        pattern,
+        'COUNT',
+        batchSize,
+        function (error, reply) {
+          let keys
+          if (error != null) {
+            return callback(error)
+          }
+          ;[cursor, keys] = Array.from(reply)
+          for (const key of Array.from(keys)) {
+            keySet[key] = true
+          }
+          keys = Object.keys(keySet)
+          const noResults = cursor === '0' // redis returns string results not numeric
+          const limitReached = limit != null && keys.length >= limit
+          if (noResults || limitReached) {
+            return callback(null, keys)
+          } else {
+            return setTimeout(doIteration, 10)
+          }
+        }
+      )
+    return doIteration()
+  },
+
+  // extract ids from keys like DocsWithHistoryOps:57fd0b1f53a8396d22b2c24b
+  // or docsInProject:{57fd0b1f53a8396d22b2c24b} (for redis cluster)
+  _extractIds(keyList) {
+    const ids = (() => {
+      const result = []
+      for (const key of Array.from(keyList)) {
+        const m = key.match(/:\{?([0-9a-f]{24})\}?/) // extract object id
+        result.push(m[1])
+      }
+      return result
+    })()
+    return ids
+  },
+
+  flushAllProjects(options, callback) {
+    logger.info({ options }, 'flushing all projects')
+    return ProjectFlusher._getKeys(
+      docUpdaterKeys.docsInProject({ project_id: '*' }),
+      options.limit,
+      function (error, projectKeys) {
+        if (error != null) {
+          logger.err({ err: error }, 'error getting keys for flushing')
+          return callback(error)
+        }
+        const projectIds = ProjectFlusher._extractIds(projectKeys)
+        if (options.dryRun) {
+          return callback(null, projectIds)
+        }
+        const jobs = _.map(
+          projectIds,
+          projectId => cb =>
+            ProjectManager.flushAndDeleteProjectWithLocks(
+              projectId,
+              { background: true },
+              cb
+            )
+        )
+        return async.parallelLimit(
+          async.reflectAll(jobs),
+          options.concurrency,
+          function (error, results) {
+            const success = []
+            const failure = []
+            _.each(results, function (result, i) {
+              if (result.error != null) {
+                return failure.push(projectIds[i])
+              } else {
+                return success.push(projectIds[i])
+              }
+            })
+            logger.info(
+              { successCount: success.length, failureCount: failure.length },
+              'finished flushing all projects'
+            )
+            return callback(error, { success, failure })
+          }
+        )
+      }
+    )
+  },
+}
+
+module.exports = ProjectFlusher
+module.exports.promises = promisifyAll(ProjectFlusher)
diff --git a/services/document-updater/app/js/ProjectHistoryRedisManager.js b/services/document-updater/app/js/ProjectHistoryRedisManager.js
new file mode 100644
index 0000000..9a9985d
--- /dev/null
+++ b/services/document-updater/app/js/ProjectHistoryRedisManager.js
@@ -0,0 +1,245 @@
+// @ts-check
+
+const Settings = require('@overleaf/settings')
+const { callbackifyAll } = require('@overleaf/promise-utils')
+const projectHistoryKeys = Settings.redis?.project_history?.key_schema
+const rclient = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.project_history
+)
+const logger = require('@overleaf/logger')
+const metrics = require('./Metrics')
+const { docIsTooLarge } = require('./Limits')
+const { addTrackedDeletesToContent, extractOriginOrSource } = require('./Utils')
+const HistoryConversions = require('./HistoryConversions')
+const OError = require('@overleaf/o-error')
+
+/**
+ * @import { Ranges } from './types'
+ */
+
+const ProjectHistoryRedisManager = {
+  async queueOps(projectId, ...ops) {
+    // Record metric for ops pushed onto queue
+    for (const op of ops) {
+      metrics.summary('redis.projectHistoryOps', op.length, { status: 'push' })
+    }
+
+    // Make sure that this MULTI operation only operates on project
+    // specific keys, i.e. keys that have the project id in curly braces.
+    // The curly braces identify a hash key for Redis and ensures that
+    // the MULTI's operations are all done on the same node in a
+    // cluster environment.
+    const multi = rclient.multi()
+    // Push the ops onto the project history queue
+    multi.rpush(
+      projectHistoryKeys.projectHistoryOps({ project_id: projectId }),
+      ...ops
+    )
+    // To record the age of the oldest op on the queue set a timestamp if not
+    // already present (SETNX).
+    multi.setnx(
+      projectHistoryKeys.projectHistoryFirstOpTimestamp({
+        project_id: projectId,
+      }),
+      Date.now()
+    )
+    const result = await multi.exec()
+    return result[0]
+  },
+
+  async queueRenameEntity(
+    projectId,
+    projectHistoryId,
+    entityType,
+    entityId,
+    userId,
+    projectUpdate,
+    originOrSource
+  ) {
+    projectUpdate = {
+      pathname: projectUpdate.pathname,
+      new_pathname: projectUpdate.newPathname,
+      meta: {
+        user_id: userId,
+        ts: new Date(),
+      },
+      version: projectUpdate.version,
+      projectHistoryId,
+    }
+    projectUpdate[entityType] = entityId
+
+    const { origin, source } = extractOriginOrSource(originOrSource)
+
+    if (origin != null) {
+      projectUpdate.meta.origin = origin
+      if (origin.kind !== 'editor') {
+        projectUpdate.meta.type = 'external'
+      }
+    } else if (source != null) {
+      projectUpdate.meta.source = source
+      if (source !== 'editor') {
+        projectUpdate.meta.type = 'external'
+      }
+    }
+
+    logger.debug(
+      { projectId, projectUpdate },
+      'queue rename operation to project-history'
+    )
+    const jsonUpdate = JSON.stringify(projectUpdate)
+
+    return await ProjectHistoryRedisManager.queueOps(projectId, jsonUpdate)
+  },
+
+  async queueAddEntity(
+    projectId,
+    projectHistoryId,
+    entityType,
+    entityId,
+    userId,
+    projectUpdate,
+    originOrSource
+  ) {
+    let docLines = projectUpdate.docLines
+    let ranges
+    if (projectUpdate.historyRangesSupport && projectUpdate.ranges) {
+      docLines = addTrackedDeletesToContent(
+        docLines,
+        projectUpdate.ranges.changes ?? []
+      )
+      ranges = HistoryConversions.toHistoryRanges(projectUpdate.ranges)
+    }
+
+    projectUpdate = {
+      pathname: projectUpdate.pathname,
+      docLines,
+      url: projectUpdate.url,
+      meta: {
+        user_id: userId,
+        ts: new Date(),
+      },
+      version: projectUpdate.version,
+      hash: projectUpdate.hash,
+      metadata: projectUpdate.metadata,
+      projectHistoryId,
+      createdBlob: projectUpdate.createdBlob ?? false,
+    }
+    if (ranges) {
+      projectUpdate.ranges = ranges
+    }
+    projectUpdate[entityType] = entityId
+
+    const { origin, source } = extractOriginOrSource(originOrSource)
+
+    if (origin != null) {
+      projectUpdate.meta.origin = origin
+      if (origin.kind !== 'editor') {
+        projectUpdate.meta.type = 'external'
+      }
+    } else if (source != null) {
+      projectUpdate.meta.source = source
+      if (source !== 'editor') {
+        projectUpdate.meta.type = 'external'
+      }
+    }
+
+    logger.debug(
+      { projectId, projectUpdate },
+      'queue add operation to project-history'
+    )
+    const jsonUpdate = JSON.stringify(projectUpdate)
+
+    return await ProjectHistoryRedisManager.queueOps(projectId, jsonUpdate)
+  },
+
+  async queueResyncProjectStructure(
+    projectId,
+    projectHistoryId,
+    docs,
+    files,
+    opts
+  ) {
+    logger.debug({ projectId, docs, files }, 'queue project structure resync')
+    const projectUpdate = {
+      resyncProjectStructure: { docs, files },
+      projectHistoryId,
+      meta: {
+        ts: new Date(),
+      },
+    }
+    if (opts.resyncProjectStructureOnly) {
+      projectUpdate.resyncProjectStructureOnly = opts.resyncProjectStructureOnly
+    }
+    const jsonUpdate = JSON.stringify(projectUpdate)
+    return await ProjectHistoryRedisManager.queueOps(projectId, jsonUpdate)
+  },
+
+  /**
+   * Add a resync doc update to the project-history queue
+   *
+   * @param {string} projectId
+   * @param {string} projectHistoryId
+   * @param {string} docId
+   * @param {string[]} lines
+   * @param {Ranges} ranges
+   * @param {string[]} resolvedCommentIds
+   * @param {number} version
+   * @param {string} pathname
+   * @param {boolean} historyRangesSupport
+   * @return {Promise<number>} the number of ops added
+   */
+  async queueResyncDocContent(
+    projectId,
+    projectHistoryId,
+    docId,
+    lines,
+    ranges,
+    resolvedCommentIds,
+    version,
+    pathname,
+    historyRangesSupport
+  ) {
+    logger.debug(
+      { projectId, docId, lines, version, pathname },
+      'queue doc content resync'
+    )
+
+    let content = lines.join('\n')
+    if (historyRangesSupport) {
+      content = addTrackedDeletesToContent(content, ranges.changes ?? [])
+    }
+
+    const projectUpdate = {
+      resyncDocContent: { content, version },
+      projectHistoryId,
+      path: pathname,
+      doc: docId,
+      meta: {
+        ts: new Date(),
+      },
+    }
+
+    if (historyRangesSupport) {
+      projectUpdate.resyncDocContent.ranges =
+        HistoryConversions.toHistoryRanges(ranges)
+      projectUpdate.resyncDocContent.resolvedCommentIds = resolvedCommentIds
+    }
+
+    const jsonUpdate = JSON.stringify(projectUpdate)
+    // Do an optimised size check on the docLines using the serialised
+    // project update length as an upper bound
+    const sizeBound = jsonUpdate.length
+    if (docIsTooLarge(sizeBound, lines, Settings.max_doc_length)) {
+      throw new OError(
+        'blocking resync doc content insert into project history queue: doc is too large',
+        { projectId, docId, docSize: sizeBound }
+      )
+    }
+    return await ProjectHistoryRedisManager.queueOps(projectId, jsonUpdate)
+  },
+}
+
+module.exports = {
+  ...callbackifyAll(ProjectHistoryRedisManager),
+  promises: ProjectHistoryRedisManager,
+}
diff --git a/services/document-updater/app/js/ProjectManager.js b/services/document-updater/app/js/ProjectManager.js
new file mode 100644
index 0000000..781ed0e
--- /dev/null
+++ b/services/document-updater/app/js/ProjectManager.js
@@ -0,0 +1,341 @@
+const RedisManager = require('./RedisManager')
+const ProjectHistoryRedisManager = require('./ProjectHistoryRedisManager')
+const DocumentManager = require('./DocumentManager')
+const HistoryManager = require('./HistoryManager')
+const async = require('async')
+const logger = require('@overleaf/logger')
+const Metrics = require('./Metrics')
+const Errors = require('./Errors')
+const { promisifyAll } = require('@overleaf/promise-utils')
+
+function flushProjectWithLocks(projectId, _callback) {
+  const timer = new Metrics.Timer('projectManager.flushProjectWithLocks')
+  const callback = function (...args) {
+    timer.done()
+    _callback(...args)
+  }
+
+  RedisManager.getDocIdsInProject(projectId, (error, docIds) => {
+    if (error) {
+      return callback(error)
+    }
+    const errors = []
+    const jobs = docIds.map(docId => callback => {
+      DocumentManager.flushDocIfLoadedWithLock(projectId, docId, error => {
+        if (error instanceof Errors.NotFoundError) {
+          logger.warn(
+            { err: error, projectId, docId },
+            'found deleted doc when flushing'
+          )
+          callback()
+        } else if (error) {
+          logger.error({ err: error, projectId, docId }, 'error flushing doc')
+          errors.push(error)
+          callback()
+        } else {
+          callback()
+        }
+      })
+    })
+
+    logger.debug({ projectId, docIds }, 'flushing docs')
+    async.series(jobs, () => {
+      if (errors.length > 0) {
+        callback(new Error('Errors flushing docs. See log for details'))
+      } else {
+        callback(null)
+      }
+    })
+  })
+}
+
+function flushAndDeleteProjectWithLocks(projectId, options, _callback) {
+  const timer = new Metrics.Timer(
+    'projectManager.flushAndDeleteProjectWithLocks'
+  )
+  const callback = function (...args) {
+    timer.done()
+    _callback(...args)
+  }
+
+  RedisManager.getDocIdsInProject(projectId, (error, docIds) => {
+    if (error) {
+      return callback(error)
+    }
+    const errors = []
+    const jobs = docIds.map(docId => callback => {
+      DocumentManager.flushAndDeleteDocWithLock(projectId, docId, {}, error => {
+        if (error) {
+          logger.error({ err: error, projectId, docId }, 'error deleting doc')
+          errors.push(error)
+        }
+        callback()
+      })
+    })
+
+    logger.debug({ projectId, docIds }, 'deleting docs')
+    async.series(jobs, () =>
+      // When deleting the project here we want to ensure that project
+      // history is completely flushed because the project may be
+      // deleted in web after this call completes, and so further
+      // attempts to flush would fail after that.
+      HistoryManager.flushProjectChanges(projectId, options, error => {
+        if (errors.length > 0) {
+          callback(new Error('Errors deleting docs. See log for details'))
+        } else if (error) {
+          callback(error)
+        } else {
+          callback(null)
+        }
+      })
+    )
+  })
+}
+
+function queueFlushAndDeleteProject(projectId, callback) {
+  RedisManager.queueFlushAndDeleteProject(projectId, error => {
+    if (error) {
+      logger.error(
+        { projectId, error },
+        'error adding project to flush and delete queue'
+      )
+      return callback(error)
+    }
+    Metrics.inc('queued-delete')
+    callback()
+  })
+}
+
+function getProjectDocsTimestamps(projectId, callback) {
+  RedisManager.getDocIdsInProject(projectId, (error, docIds) => {
+    if (error) {
+      return callback(error)
+    }
+    if (docIds.length === 0) {
+      return callback(null, [])
+    }
+    RedisManager.getDocTimestamps(docIds, (error, timestamps) => {
+      if (error) {
+        return callback(error)
+      }
+      callback(null, timestamps)
+    })
+  })
+}
+
+function getProjectDocsAndFlushIfOld(
+  projectId,
+  projectStateHash,
+  excludeVersions,
+  _callback
+) {
+  const timer = new Metrics.Timer('projectManager.getProjectDocsAndFlushIfOld')
+  const callback = function (...args) {
+    timer.done()
+    _callback(...args)
+  }
+
+  RedisManager.checkOrSetProjectState(
+    projectId,
+    projectStateHash,
+    (error, projectStateChanged) => {
+      if (error) {
+        logger.error(
+          { err: error, projectId },
+          'error getting/setting project state in getProjectDocsAndFlushIfOld'
+        )
+        return callback(error)
+      }
+      // we can't return docs if project structure has changed
+      if (projectStateChanged) {
+        return callback(
+          new Errors.ProjectStateChangedError('project state changed')
+        )
+      }
+      // project structure hasn't changed, return doc content from redis
+      RedisManager.getDocIdsInProject(projectId, (error, docIds) => {
+        if (error) {
+          logger.error(
+            { err: error, projectId },
+            'error getting doc ids in getProjectDocs'
+          )
+          return callback(error)
+        }
+        // get the doc lines from redis
+        const jobs = docIds.map(docId => cb => {
+          DocumentManager.getDocAndFlushIfOldWithLock(
+            projectId,
+            docId,
+            (err, lines, version) => {
+              if (err) {
+                logger.error(
+                  { err, projectId, docId },
+                  'error getting project doc lines in getProjectDocsAndFlushIfOld'
+                )
+                return cb(err)
+              }
+              const doc = { _id: docId, lines, v: version } // create a doc object to return
+              cb(null, doc)
+            }
+          )
+        })
+        async.series(jobs, (error, docs) => {
+          if (error) {
+            return callback(error)
+          }
+          callback(null, docs)
+        })
+      })
+    }
+  )
+}
+
+function clearProjectState(projectId, callback) {
+  RedisManager.clearProjectState(projectId, callback)
+}
+
+function updateProjectWithLocks(
+  projectId,
+  projectHistoryId,
+  userId,
+  updates,
+  projectVersion,
+  source,
+  _callback
+) {
+  const timer = new Metrics.Timer('projectManager.updateProject')
+  const callback = function (...args) {
+    timer.done()
+    _callback(...args)
+  }
+
+  let projectSubversion = 0 // project versions can have multiple operations
+  let projectOpsLength = 0
+
+  function handleUpdate(update, cb) {
+    update.version = `${projectVersion}.${projectSubversion++}`
+    switch (update.type) {
+      case 'add-doc':
+        ProjectHistoryRedisManager.queueAddEntity(
+          projectId,
+          projectHistoryId,
+          'doc',
+          update.id,
+          userId,
+          update,
+          source,
+          (error, count) => {
+            projectOpsLength = count
+            cb(error)
+          }
+        )
+        break
+      case 'rename-doc':
+        if (!update.newPathname) {
+          // an empty newPathname signifies a delete, so there is no need to
+          // update the pathname in redis
+          ProjectHistoryRedisManager.queueRenameEntity(
+            projectId,
+            projectHistoryId,
+            'doc',
+            update.id,
+            userId,
+            update,
+            source,
+            (error, count) => {
+              projectOpsLength = count
+              cb(error)
+            }
+          )
+        } else {
+          // rename the doc in redis before queuing the update
+          DocumentManager.renameDocWithLock(
+            projectId,
+            update.id,
+            userId,
+            update,
+            projectHistoryId,
+            error => {
+              if (error) {
+                return cb(error)
+              }
+              ProjectHistoryRedisManager.queueRenameEntity(
+                projectId,
+                projectHistoryId,
+                'doc',
+                update.id,
+                userId,
+                update,
+                source,
+                (error, count) => {
+                  projectOpsLength = count
+                  cb(error)
+                }
+              )
+            }
+          )
+        }
+        break
+      case 'add-file':
+        ProjectHistoryRedisManager.queueAddEntity(
+          projectId,
+          projectHistoryId,
+          'file',
+          update.id,
+          userId,
+          update,
+          source,
+          (error, count) => {
+            projectOpsLength = count
+            cb(error)
+          }
+        )
+        break
+      case 'rename-file':
+        ProjectHistoryRedisManager.queueRenameEntity(
+          projectId,
+          projectHistoryId,
+          'file',
+          update.id,
+          userId,
+          update,
+          source,
+          (error, count) => {
+            projectOpsLength = count
+            cb(error)
+          }
+        )
+        break
+      default:
+        cb(new Error(`Unknown update type: ${update.type}`))
+    }
+  }
+
+  async.eachSeries(updates, handleUpdate, error => {
+    if (error) {
+      return callback(error)
+    }
+    if (
+      HistoryManager.shouldFlushHistoryOps(
+        projectOpsLength,
+        updates.length,
+        HistoryManager.FLUSH_PROJECT_EVERY_N_OPS
+      )
+    ) {
+      HistoryManager.flushProjectChangesAsync(projectId)
+    }
+    callback()
+  })
+}
+
+module.exports = {
+  flushProjectWithLocks,
+  flushAndDeleteProjectWithLocks,
+  queueFlushAndDeleteProject,
+  getProjectDocsTimestamps,
+  getProjectDocsAndFlushIfOld,
+  clearProjectState,
+  updateProjectWithLocks,
+}
+
+module.exports.promises = promisifyAll(module.exports)
diff --git a/services/document-updater/app/js/RangesManager.js b/services/document-updater/app/js/RangesManager.js
new file mode 100644
index 0000000..c146afd
--- /dev/null
+++ b/services/document-updater/app/js/RangesManager.js
@@ -0,0 +1,577 @@
+// @ts-check
+
+const RangesTracker = require('@overleaf/ranges-tracker')
+const logger = require('@overleaf/logger')
+const OError = require('@overleaf/o-error')
+const Metrics = require('./Metrics')
+const _ = require('lodash')
+const { isInsert, isDelete, isComment, getDocLength } = require('./Utils')
+
+/**
+ * @import { Comment, CommentOp, InsertOp, DeleteOp, HistoryOp, Op } from './types'
+ * @import { HistoryCommentOp, HistoryDeleteOp, HistoryInsertOp, HistoryRetainOp } from './types'
+ * @import { HistoryDeleteTrackedChange, HistoryUpdate, Ranges, TrackedChange, Update } from './types'
+ */
+
+const RANGE_DELTA_BUCKETS = [0, 1, 2, 3, 4, 5, 10, 20, 50]
+
+const RangesManager = {
+  MAX_COMMENTS: 500,
+  MAX_CHANGES: 2000,
+
+  /**
+   * Apply an update to the given doc (lines and ranges) and return new ranges
+   *
+   * @param {string} projectId
+   * @param {string} docId
+   * @param {Ranges} ranges - ranges before the updates were applied
+   * @param {Update[]} updates
+   * @param {string[]} newDocLines - the document lines after the updates were applied
+   * @param {object} opts
+   * @param {boolean} [opts.historyRangesSupport] - whether history ranges support is enabled
+   * @returns {{ newRanges: Ranges, rangesWereCollapsed: boolean, historyUpdates: HistoryUpdate[] }}
+   */
+  applyUpdate(projectId, docId, ranges, updates, newDocLines, opts = {}) {
+    if (ranges == null) {
+      ranges = {}
+    }
+    if (updates == null) {
+      updates = []
+    }
+    const { changes, comments } = _.cloneDeep(ranges)
+    const rangesTracker = new RangesTracker(changes, comments)
+    const [emptyRangeCountBefore, totalRangeCountBefore] =
+      RangesManager._emptyRangesCount(rangesTracker)
+    const historyUpdates = []
+    for (const update of updates) {
+      const trackingChanges = Boolean(update.meta?.tc)
+      rangesTracker.track_changes = trackingChanges
+      if (update.meta?.tc) {
+        rangesTracker.setIdSeed(update.meta.tc)
+      }
+      const historyOps = []
+      for (const op of update.op) {
+        let croppedCommentOps = []
+        if (opts.historyRangesSupport) {
+          historyOps.push(
+            getHistoryOp(op, rangesTracker.comments, rangesTracker.changes)
+          )
+          if (isDelete(op) && trackingChanges) {
+            // If a tracked delete overlaps a comment, the comment must be
+            // cropped. The extent of the cropping is calculated before the
+            // delete is applied, but the cropping operations are applied
+            // later, after the delete is applied.
+            croppedCommentOps = getCroppedCommentOps(op, rangesTracker.comments)
+          }
+        } else if (isInsert(op) || isDelete(op)) {
+          historyOps.push(op)
+        }
+        rangesTracker.applyOp(op, { user_id: update.meta?.user_id })
+        if (croppedCommentOps.length > 0) {
+          historyOps.push(
+            ...croppedCommentOps.map(op =>
+              getHistoryOpForComment(op, rangesTracker.changes)
+            )
+          )
+        }
+      }
+      if (historyOps.length > 0) {
+        historyUpdates.push({ ...update, op: historyOps })
+      }
+    }
+
+    if (
+      rangesTracker.changes?.length > RangesManager.MAX_CHANGES ||
+      rangesTracker.comments?.length > RangesManager.MAX_COMMENTS
+    ) {
+      throw new Error('too many comments or tracked changes')
+    }
+
+    try {
+      // This is a consistency check that all of our ranges and
+      // comments still match the corresponding text
+      rangesTracker.validate(newDocLines.join('\n'))
+    } catch (err) {
+      logger.error(
+        { err, projectId, docId, newDocLines, updates },
+        'error validating ranges'
+      )
+      throw err
+    }
+
+    const [emptyRangeCountAfter, totalRangeCountAfter] =
+      RangesManager._emptyRangesCount(rangesTracker)
+    const rangesWereCollapsed =
+      emptyRangeCountAfter > emptyRangeCountBefore ||
+      totalRangeCountAfter + 1 < totalRangeCountBefore // also include the case where multiple ranges were removed
+    // monitor the change in range count, we may want to snapshot before large decreases
+    if (totalRangeCountAfter < totalRangeCountBefore) {
+      Metrics.histogram(
+        'range-delta',
+        totalRangeCountBefore - totalRangeCountAfter,
+        RANGE_DELTA_BUCKETS,
+        { status_code: rangesWereCollapsed ? 'saved' : 'unsaved' }
+      )
+    }
+    const newRanges = RangesManager._getRanges(rangesTracker)
+    logger.debug(
+      {
+        projectId,
+        docId,
+        changesCount: newRanges.changes?.length,
+        commentsCount: newRanges.comments?.length,
+        rangesWereCollapsed,
+      },
+      'applied updates to ranges'
+    )
+    return { newRanges, rangesWereCollapsed, historyUpdates }
+  },
+
+  acceptChanges(projectId, docId, changeIds, ranges, lines) {
+    const { changes, comments } = ranges
+    logger.debug(`accepting ${changeIds.length} changes in ranges`)
+    const rangesTracker = new RangesTracker(changes, comments)
+    rangesTracker.removeChangeIds(changeIds)
+    const newRanges = RangesManager._getRanges(rangesTracker)
+    return newRanges
+  },
+
+  deleteComment(commentId, ranges) {
+    const { changes, comments } = ranges
+    logger.debug({ commentId }, 'deleting comment in ranges')
+    const rangesTracker = new RangesTracker(changes, comments)
+    rangesTracker.removeCommentId(commentId)
+    const newRanges = RangesManager._getRanges(rangesTracker)
+    return newRanges
+  },
+
+  /**
+   *
+   * @param {object} args
+   * @param {string} args.docId
+   * @param {string[]} args.acceptedChangeIds
+   * @param {TrackedChange[]} args.changes
+   * @param {string} args.pathname
+   * @param {string} args.projectHistoryId
+   * @param {string[]} args.lines
+   */
+  getHistoryUpdatesForAcceptedChanges({
+    docId,
+    acceptedChangeIds,
+    changes,
+    pathname,
+    projectHistoryId,
+    lines,
+  }) {
+    /** @type {(change: TrackedChange) => boolean} */
+    const isAccepted = change => acceptedChangeIds.includes(change.id)
+
+    const historyOps = []
+
+    // Keep ops in order of offset, with deletes before inserts
+    const sortedChanges = changes.slice().sort(function (c1, c2) {
+      const result = c1.op.p - c2.op.p
+      if (result !== 0) {
+        return result
+      } else if (isInsert(c1.op) && isDelete(c2.op)) {
+        return 1
+      } else if (isDelete(c1.op) && isInsert(c2.op)) {
+        return -1
+      } else {
+        return 0
+      }
+    })
+
+    const docLength = getDocLength(lines)
+    let historyDocLength = docLength
+    for (const change of sortedChanges) {
+      if (isDelete(change.op)) {
+        historyDocLength += change.op.d.length
+      }
+    }
+
+    let unacceptedDeletes = 0
+    for (const change of sortedChanges) {
+      /** @type {HistoryOp | undefined} */
+      let op
+
+      if (isDelete(change.op)) {
+        if (isAccepted(change)) {
+          op = {
+            p: change.op.p,
+            d: change.op.d,
+          }
+          if (unacceptedDeletes > 0) {
+            op.hpos = op.p + unacceptedDeletes
+          }
+        } else {
+          unacceptedDeletes += change.op.d.length
+        }
+      } else if (isInsert(change.op)) {
+        if (isAccepted(change)) {
+          op = {
+            p: change.op.p,
+            r: change.op.i,
+            tracking: { type: 'none' },
+          }
+          if (unacceptedDeletes > 0) {
+            op.hpos = op.p + unacceptedDeletes
+          }
+        }
+      }
+
+      if (!op) {
+        continue
+      }
+
+      /** @type {HistoryUpdate} */
+      const historyOp = {
+        doc: docId,
+        op: [op],
+        meta: {
+          ...change.metadata,
+          ts: Date.now(),
+          doc_length: docLength,
+          pathname,
+        },
+      }
+
+      if (projectHistoryId) {
+        historyOp.projectHistoryId = projectHistoryId
+      }
+
+      if (historyOp.meta && historyDocLength !== docLength) {
+        historyOp.meta.history_doc_length = historyDocLength
+      }
+
+      historyOps.push(historyOp)
+
+      if (isDelete(change.op) && isAccepted(change)) {
+        historyDocLength -= change.op.d.length
+      }
+    }
+
+    return historyOps
+  },
+
+  _getRanges(rangesTracker) {
+    // Return the minimal data structure needed, since most documents won't have any
+    // changes or comments
+
+    const response = {}
+    if (rangesTracker.changes != null && rangesTracker.changes.length > 0) {
+      response.changes = rangesTracker.changes
+    }
+    if (rangesTracker.comments != null && rangesTracker.comments.length > 0) {
+      response.comments = rangesTracker.comments
+    }
+    return response
+  },
+
+  _emptyRangesCount(ranges) {
+    let emptyCount = 0
+    let totalCount = 0
+    for (const comment of ranges.comments || []) {
+      totalCount++
+      if (comment.op.c === '') {
+        emptyCount++
+      }
+    }
+    for (const change of ranges.changes || []) {
+      totalCount++
+      if (change.op.i != null) {
+        if (change.op.i === '') {
+          emptyCount++
+        }
+      }
+    }
+    return [emptyCount, totalCount]
+  },
+}
+
+/**
+ * Calculate ops to be sent to the history system.
+ *
+ * @param {Op} op - the editor op
+ * @param {TrackedChange[]} changes - the list of tracked changes in the
+ *        document before the op is applied. That list, coming from
+ *        RangesTracker is ordered by position.
+ * @returns {HistoryOp}
+ */
+function getHistoryOp(op, comments, changes, opts = {}) {
+  if (isInsert(op)) {
+    return getHistoryOpForInsert(op, comments, changes)
+  } else if (isDelete(op)) {
+    return getHistoryOpForDelete(op, changes)
+  } else if (isComment(op)) {
+    return getHistoryOpForComment(op, changes)
+  } else {
+    throw new OError('Unrecognized op', { op })
+  }
+}
+
+/**
+ * Calculate history ops for an insert
+ *
+ * Inserts are moved forward by tracked deletes placed strictly before the
+ * op. When an insert is made at the same position as a tracked delete, the
+ * insert is placed before the tracked delete.
+ *
+ * We also add a commentIds property when inserts are made inside a comment.
+ * The current behaviour is to include the insert in the comment only if the
+ * insert is made strictly inside the comment. Inserts made at the edges are
+ * not included in the comment.
+ *
+ * @param {InsertOp} op
+ * @param {Comment[]} comments
+ * @param {TrackedChange[]} changes
+ * @returns {HistoryInsertOp}
+ */
+function getHistoryOpForInsert(op, comments, changes) {
+  let hpos = op.p
+  let trackedDeleteRejection = false
+  const commentIds = new Set()
+
+  for (const comment of comments) {
+    if (comment.op.p < op.p && op.p < comment.op.p + comment.op.c.length) {
+      // Insert is inside the comment; add the comment id
+      commentIds.add(comment.op.t)
+    }
+  }
+
+  // If it's determined that the op is a tracked delete rejection, we have to
+  // calculate its proper history position. If multiple tracked deletes are
+  // found at the same position as the insert, the tracked deletes that come
+  // before the tracked delete that was actually rejected offset the history
+  // position.
+  let trackedDeleteRejectionOffset = 0
+  for (const change of changes) {
+    if (!isDelete(change.op)) {
+      // We're only interested in tracked deletes
+      continue
+    }
+
+    if (change.op.p < op.p) {
+      // Tracked delete is before the op. Move the op forward.
+      hpos += change.op.d.length
+    } else if (change.op.p === op.p) {
+      // Tracked delete is at the same position as the op.
+      if (op.u && change.op.d.startsWith(op.i)) {
+        // We're undoing and the insert matches the start of the tracked
+        // delete. RangesManager treats this as a tracked delete rejection. We
+        // will note this in the op so that project-history can take the
+        // appropriate action.
+        trackedDeleteRejection = true
+
+        // The history must be updated to take into account all preceding
+        // tracked deletes at the same position
+        hpos += trackedDeleteRejectionOffset
+
+        // No need to continue. All subsequent tracked deletes are after the
+        // insert.
+        break
+      } else {
+        // This tracked delete does not match the insert. Note its length in
+        // case we find a tracked delete that matches later.
+        trackedDeleteRejectionOffset += change.op.d.length
+      }
+    } else {
+      // Tracked delete is after the insert. Tracked deletes are ordered, so
+      // we know that all subsequent tracked deletes will be after the insert
+      // and we can bail out.
+      break
+    }
+  }
+
+  /** @type {HistoryInsertOp} */
+  const historyOp = { ...op }
+  if (commentIds.size > 0) {
+    historyOp.commentIds = Array.from(commentIds)
+  }
+  if (hpos !== op.p) {
+    historyOp.hpos = hpos
+  }
+  if (trackedDeleteRejection) {
+    historyOp.trackedDeleteRejection = true
+  }
+  return historyOp
+}
+
+/**
+ * Calculate history op for a delete
+ *
+ * Deletes are moved forward by tracked deletes placed before or at the position of the
+ * op. If a tracked delete is inside the delete, the delete is split in parts
+ * so that characters are deleted around the tracked delete, but the tracked
+ * delete itself is not deleted.
+ *
+ * @param {DeleteOp} op
+ * @param {TrackedChange[]} changes
+ * @returns {HistoryDeleteOp}
+ */
+function getHistoryOpForDelete(op, changes, opts = {}) {
+  let hpos = op.p
+  const opEnd = op.p + op.d.length
+  /** @type HistoryDeleteTrackedChange[] */
+  const changesInsideDelete = []
+  for (const change of changes) {
+    if (change.op.p <= op.p) {
+      if (isDelete(change.op)) {
+        // Tracked delete is before or at the position of the incoming delete.
+        // Move the op forward.
+        hpos += change.op.d.length
+      } else if (isInsert(change.op)) {
+        const changeEnd = change.op.p + change.op.i.length
+        const endPos = Math.min(changeEnd, opEnd)
+        if (endPos > op.p) {
+          // Part of the tracked insert is inside the delete
+          changesInsideDelete.push({
+            type: 'insert',
+            offset: 0,
+            length: endPos - op.p,
+          })
+        }
+      }
+    } else if (change.op.p < op.p + op.d.length) {
+      // Tracked change inside the deleted text. Record it for the history system.
+      if (isDelete(change.op)) {
+        changesInsideDelete.push({
+          type: 'delete',
+          offset: change.op.p - op.p,
+          length: change.op.d.length,
+        })
+      } else if (isInsert(change.op)) {
+        changesInsideDelete.push({
+          type: 'insert',
+          offset: change.op.p - op.p,
+          length: Math.min(change.op.i.length, opEnd - change.op.p),
+        })
+      }
+    } else {
+      // We've seen all tracked changes before or inside the delete
+      break
+    }
+  }
+
+  /** @type {HistoryDeleteOp} */
+  const historyOp = { ...op }
+  if (hpos !== op.p) {
+    historyOp.hpos = hpos
+  }
+  if (changesInsideDelete.length > 0) {
+    historyOp.trackedChanges = changesInsideDelete
+  }
+  return historyOp
+}
+
+/**
+ * Calculate history ops for a comment
+ *
+ * Comments are moved forward by tracked deletes placed before or at the
+ * position of the op. If a tracked delete is inside the comment, the length of
+ * the comment is extended to include the tracked delete.
+ *
+ * @param {CommentOp} op
+ * @param {TrackedChange[]} changes
+ * @returns {HistoryCommentOp}
+ */
+function getHistoryOpForComment(op, changes) {
+  let hpos = op.p
+  let hlen = op.c.length
+  for (const change of changes) {
+    if (!isDelete(change.op)) {
+      // We're only interested in tracked deletes
+      continue
+    }
+
+    if (change.op.p <= op.p) {
+      // Tracked delete is before or at the position of the incoming comment.
+      // Move the op forward.
+      hpos += change.op.d.length
+    } else if (change.op.p < op.p + op.c.length) {
+      // Tracked comment inside the comment. Extend the length
+      hlen += change.op.d.length
+    } else {
+      // We've seen all tracked deletes before or inside the comment
+      break
+    }
+  }
+
+  /** @type {HistoryCommentOp} */
+  const historyOp = { ...op }
+  if (hpos !== op.p) {
+    historyOp.hpos = hpos
+  }
+  if (hlen !== op.c.length) {
+    historyOp.hlen = hlen
+  }
+  return historyOp
+}
+
+/**
+ * Return the ops necessary to properly crop comments when a tracked delete is
+ * received
+ *
+ * The editor treats a tracked delete as a proper delete and updates the
+ * comment range accordingly. The history doesn't do that and remembers the
+ * extent of the comment in the tracked delete. In order to keep the history
+ * consistent with the editor, we'll send ops that will crop the comment in
+ * the history.
+ *
+ * @param {DeleteOp} op
+ * @param {Comment[]} comments
+ * @returns {CommentOp[]}
+ */
+function getCroppedCommentOps(op, comments) {
+  const deleteStart = op.p
+  const deleteLength = op.d.length
+  const deleteEnd = deleteStart + deleteLength
+
+  /** @type {HistoryCommentOp[]} */
+  const historyCommentOps = []
+  for (const comment of comments) {
+    const commentStart = comment.op.p
+    const commentLength = comment.op.c.length
+    const commentEnd = commentStart + commentLength
+
+    if (deleteStart <= commentStart && deleteEnd > commentStart) {
+      // The comment overlaps the start of the comment or all of it.
+      const overlapLength = Math.min(deleteEnd, commentEnd) - commentStart
+
+      /** @type {CommentOp} */
+      const commentOp = {
+        p: deleteStart,
+        c: comment.op.c.slice(overlapLength),
+        t: comment.op.t,
+      }
+      if (comment.op.resolved) {
+        commentOp.resolved = true
+      }
+
+      historyCommentOps.push(commentOp)
+    } else if (
+      deleteStart > commentStart &&
+      deleteStart < commentEnd &&
+      deleteEnd >= commentEnd
+    ) {
+      // The comment overlaps the end of the comment.
+      const overlapLength = commentEnd - deleteStart
+
+      /** @type {CommentOp} */
+      const commentOp = {
+        p: commentStart,
+        c: comment.op.c.slice(0, -overlapLength),
+        t: comment.op.t,
+      }
+      if (comment.op.resolved) {
+        commentOp.resolved = true
+      }
+
+      historyCommentOps.push(commentOp)
+    }
+  }
+
+  return historyCommentOps
+}
+
+module.exports = RangesManager
diff --git a/services/document-updater/app/js/RateLimitManager.js b/services/document-updater/app/js/RateLimitManager.js
new file mode 100644
index 0000000..6e10f26
--- /dev/null
+++ b/services/document-updater/app/js/RateLimitManager.js
@@ -0,0 +1,85 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let RateLimiter
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const Metrics = require('./Metrics')
+
+module.exports = RateLimiter = class RateLimiter {
+  constructor(number) {
+    if (number == null) {
+      number = 10
+    }
+    this.ActiveWorkerCount = 0
+    this.CurrentWorkerLimit = number
+    this.BaseWorkerCount = number
+  }
+
+  _adjustLimitUp() {
+    this.CurrentWorkerLimit += 0.1 // allow target worker limit to increase gradually
+    return Metrics.gauge('currentLimit', Math.ceil(this.CurrentWorkerLimit))
+  }
+
+  _adjustLimitDown() {
+    this.CurrentWorkerLimit = Math.max(
+      this.BaseWorkerCount,
+      this.CurrentWorkerLimit * 0.9
+    )
+    logger.debug(
+      { currentLimit: Math.ceil(this.CurrentWorkerLimit) },
+      'reducing rate limit'
+    )
+    return Metrics.gauge('currentLimit', Math.ceil(this.CurrentWorkerLimit))
+  }
+
+  _trackAndRun(task, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    this.ActiveWorkerCount++
+    Metrics.gauge('processingUpdates', this.ActiveWorkerCount)
+    return task(err => {
+      this.ActiveWorkerCount--
+      Metrics.gauge('processingUpdates', this.ActiveWorkerCount)
+      return callback(err)
+    })
+  }
+
+  run(task, callback) {
+    if (this.ActiveWorkerCount < this.CurrentWorkerLimit) {
+      // below the limit, just put the task in the background
+      this._trackAndRun(task, err => {
+        if (err) {
+          logger.error({ err }, 'error in background task')
+        }
+      })
+      callback() // return immediately
+      if (this.CurrentWorkerLimit > this.BaseWorkerCount) {
+        return this._adjustLimitDown()
+      }
+    } else {
+      logger.debug(
+        {
+          active: this.ActiveWorkerCount,
+          currentLimit: Math.ceil(this.CurrentWorkerLimit),
+        },
+        'hit rate limit'
+      )
+      return this._trackAndRun(task, err => {
+        if (err == null) {
+          this._adjustLimitUp()
+        } // don't increment rate limit if there was an error
+        return callback(err)
+      }) // only return after task completes
+    }
+  }
+}
diff --git a/services/document-updater/app/js/RealTimeRedisManager.js b/services/document-updater/app/js/RealTimeRedisManager.js
new file mode 100644
index 0000000..08bf132
--- /dev/null
+++ b/services/document-updater/app/js/RealTimeRedisManager.js
@@ -0,0 +1,136 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const Settings = require('@overleaf/settings')
+const { promisifyAll } = require('@overleaf/promise-utils')
+const rclient = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.documentupdater
+)
+const pubsubClient = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.pubsub
+)
+const Keys = Settings.redis.documentupdater.key_schema
+const logger = require('@overleaf/logger')
+const os = require('node:os')
+const crypto = require('node:crypto')
+const metrics = require('./Metrics')
+
+const HOST = os.hostname()
+const RND = crypto.randomBytes(4).toString('hex') // generate a random key for this process
+let COUNT = 0
+
+const MAX_OPS_PER_ITERATION = 8 // process a limited number of ops for safety
+
+const RealTimeRedisManager = {
+  getPendingUpdatesForDoc(docId, callback) {
+    // Make sure that this MULTI operation only operates on doc
+    // specific keys, i.e. keys that have the doc id in curly braces.
+    // The curly braces identify a hash key for Redis and ensures that
+    // the MULTI's operations are all done on the same node in a
+    // cluster environment.
+    const multi = rclient.multi()
+    multi.llen(Keys.pendingUpdates({ doc_id: docId }))
+    multi.lrange(
+      Keys.pendingUpdates({ doc_id: docId }),
+      0,
+      MAX_OPS_PER_ITERATION - 1
+    )
+    multi.ltrim(
+      Keys.pendingUpdates({ doc_id: docId }),
+      MAX_OPS_PER_ITERATION,
+      -1
+    )
+    return multi.exec(function (error, replys) {
+      if (error != null) {
+        return callback(error)
+      }
+      const [llen, jsonUpdates, _trimResult] = replys
+      metrics.histogram(
+        'redis.pendingUpdates.llen',
+        llen,
+        [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 15, 20, 25, 50, 75, 100]
+      )
+      for (const jsonUpdate of jsonUpdates) {
+        // record metric for each update removed from queue
+        metrics.summary('redis.pendingUpdates', jsonUpdate.length, {
+          status: 'pop',
+        })
+      }
+      const updates = []
+      for (const jsonUpdate of jsonUpdates) {
+        let update
+        try {
+          update = JSON.parse(jsonUpdate)
+        } catch (e) {
+          return callback(e)
+        }
+        updates.push(update)
+      }
+      return callback(error, updates)
+    })
+  },
+
+  getUpdatesLength(docId, callback) {
+    return rclient.llen(Keys.pendingUpdates({ doc_id: docId }), callback)
+  },
+
+  sendCanaryAppliedOp({ projectId, docId, op }) {
+    const ack = JSON.stringify({ v: op.v, doc: docId }).length
+    // Updates with op.dup===true will not get sent to other clients, they only get acked.
+    const broadcast = op.dup ? 0 : JSON.stringify(op).length
+
+    const payload = JSON.stringify({
+      message: 'canary-applied-op',
+      payload: {
+        ack,
+        broadcast,
+        docId,
+        projectId,
+        source: op.meta.source,
+      },
+    })
+
+    // Publish on the editor-events channel of the project as real-time already listens to that before completing the connection startup.
+
+    // publish on separate channels for individual projects and docs when
+    // configured (needs realtime to be configured for this too).
+    if (Settings.publishOnIndividualChannels) {
+      return pubsubClient.publish(`editor-events:${projectId}`, payload)
+    } else {
+      return pubsubClient.publish('editor-events', payload)
+    }
+  },
+
+  sendData(data) {
+    // create a unique message id using a counter
+    const messageId = `doc:${HOST}:${RND}-${COUNT++}`
+    if (data != null) {
+      data._id = messageId
+    }
+
+    const blob = JSON.stringify(data)
+    metrics.summary('redis.publish.applied-ops', blob.length)
+
+    // publish on separate channels for individual projects and docs when
+    // configured (needs realtime to be configured for this too).
+    if (Settings.publishOnIndividualChannels) {
+      return pubsubClient.publish(`applied-ops:${data.doc_id}`, blob)
+    } else {
+      return pubsubClient.publish('applied-ops', blob)
+    }
+  },
+}
+
+module.exports = RealTimeRedisManager
+module.exports.promises = promisifyAll(RealTimeRedisManager, {
+  without: ['sendData'],
+})
diff --git a/services/document-updater/app/js/RedisManager.js b/services/document-updater/app/js/RedisManager.js
new file mode 100644
index 0000000..f8e97f3
--- /dev/null
+++ b/services/document-updater/app/js/RedisManager.js
@@ -0,0 +1,796 @@
+const Settings = require('@overleaf/settings')
+const rclient = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.documentupdater
+)
+const logger = require('@overleaf/logger')
+const OError = require('@overleaf/o-error')
+const { promisifyAll } = require('@overleaf/promise-utils')
+const metrics = require('./Metrics')
+const Errors = require('./Errors')
+const crypto = require('node:crypto')
+const async = require('async')
+const { docIsTooLarge } = require('./Limits')
+
+// Sometimes Redis calls take an unexpectedly long time.  We have to be
+// quick with Redis calls because we're holding a lock that expires
+// after 30 seconds. We can't let any errors in the rest of the stack
+// hold us up, and need to bail out quickly if there is a problem.
+const MAX_REDIS_REQUEST_LENGTH = 5000 // 5 seconds
+const PROJECT_BLOCK_TTL_SECS = 30
+
+// Make times easy to read
+const minutes = 60 // seconds for Redis expire
+
+const logHashReadErrors = Settings.documentupdater?.logHashErrors?.read
+
+const MEGABYTES = 1024 * 1024
+const MAX_RANGES_SIZE = 3 * MEGABYTES
+
+const keys = Settings.redis.documentupdater.key_schema
+
+const RedisManager = {
+  rclient,
+
+  putDocInMemory(
+    projectId,
+    docId,
+    docLines,
+    version,
+    ranges,
+    resolvedCommentIds,
+    pathname,
+    projectHistoryId,
+    historyRangesSupport,
+    _callback
+  ) {
+    const timer = new metrics.Timer('redis.put-doc')
+    const callback = error => {
+      timer.done()
+      _callback(error)
+    }
+    const docLinesArray = docLines
+    docLines = JSON.stringify(docLines)
+    if (docLines.indexOf('\u0000') !== -1) {
+      const error = new Error('null bytes found in doc lines')
+      // this check was added to catch memory corruption in JSON.stringify.
+      // It sometimes returned null bytes at the end of the string.
+      logger.error({ err: error, docId, docLines }, error.message)
+      return callback(error)
+    }
+    // Do an optimised size check on the docLines using the serialised
+    // length as an upper bound
+    const sizeBound = docLines.length
+    if (docIsTooLarge(sizeBound, docLinesArray, Settings.max_doc_length)) {
+      const docSize = docLines.length
+      const err = new Error('blocking doc insert into redis: doc is too large')
+      logger.error({ projectId, docId, err, docSize }, err.message)
+      return callback(err)
+    }
+    const docHash = RedisManager._computeHash(docLines)
+    // record bytes sent to redis
+    metrics.summary('redis.docLines', docLines.length, { status: 'set' })
+    logger.debug(
+      { projectId, docId, version, docHash, pathname, projectHistoryId },
+      'putting doc in redis'
+    )
+    RedisManager._serializeRanges(ranges, (error, ranges) => {
+      if (error) {
+        logger.error({ err: error, docId, projectId }, error.message)
+        return callback(error)
+      }
+
+      // update docsInProject set before writing doc contents
+      const multi = rclient.multi()
+      multi.exists(keys.projectBlock({ project_id: projectId }))
+      multi.sadd(keys.docsInProject({ project_id: projectId }), docId)
+      multi.exec((err, reply) => {
+        if (err) {
+          return callback(err)
+        }
+        const projectBlocked = reply[0] === 1
+        if (projectBlocked) {
+          // We don't clean up the spurious docId added in the docsInProject
+          // set. There is a risk that the docId was successfully added by a
+          // concurrent process.  This set is used when unloading projects. An
+          // extra docId will not prevent the project from being uploaded, but
+          // a missing docId means that the doc might stay in Redis forever.
+          return callback(
+            new OError('Project blocked from loading docs', { projectId })
+          )
+        }
+
+        RedisManager.setHistoryRangesSupportFlag(
+          docId,
+          historyRangesSupport,
+          err => {
+            if (err) {
+              return callback(err)
+            }
+
+            if (!pathname) {
+              metrics.inc('pathname', 1, {
+                path: 'RedisManager.setDoc',
+                status: pathname === '' ? 'zero-length' : 'undefined',
+              })
+            }
+
+            // Make sure that this MULTI operation only operates on doc
+            // specific keys, i.e. keys that have the doc id in curly braces.
+            // The curly braces identify a hash key for Redis and ensures that
+            // the MULTI's operations are all done on the same node in a
+            // cluster environment.
+            const multi = rclient.multi()
+            multi.mset({
+              [keys.docLines({ doc_id: docId })]: docLines,
+              [keys.projectKey({ doc_id: docId })]: projectId,
+              [keys.docVersion({ doc_id: docId })]: version,
+              [keys.docHash({ doc_id: docId })]: docHash,
+              [keys.ranges({ doc_id: docId })]: ranges,
+              [keys.pathname({ doc_id: docId })]: pathname,
+              [keys.projectHistoryId({ doc_id: docId })]: projectHistoryId,
+            })
+            if (historyRangesSupport) {
+              multi.del(keys.resolvedCommentIds({ doc_id: docId }))
+              if (resolvedCommentIds.length > 0) {
+                multi.sadd(
+                  keys.resolvedCommentIds({ doc_id: docId }),
+                  ...resolvedCommentIds
+                )
+              }
+            }
+            multi.exec(err => {
+              if (err) {
+                callback(
+                  OError.tag(err, 'failed to write doc to Redis in MULTI', {
+                    previousErrors: err.previousErrors.map(e => ({
+                      name: e.name,
+                      message: e.message,
+                      command: e.command,
+                    })),
+                  })
+                )
+              } else {
+                callback()
+              }
+            })
+          }
+        )
+      })
+    })
+  },
+
+  removeDocFromMemory(projectId, docId, _callback) {
+    logger.debug({ projectId, docId }, 'removing doc from redis')
+    const callback = err => {
+      if (err) {
+        logger.err({ projectId, docId, err }, 'error removing doc from redis')
+        _callback(err)
+      } else {
+        logger.debug({ projectId, docId }, 'removed doc from redis')
+        _callback()
+      }
+    }
+
+    // Make sure that this MULTI operation only operates on doc
+    // specific keys, i.e. keys that have the doc id in curly braces.
+    // The curly braces identify a hash key for Redis and ensures that
+    // the MULTI's operations are all done on the same node in a
+    // cluster environment.
+    let multi = rclient.multi()
+    multi.strlen(keys.docLines({ doc_id: docId }))
+    multi.del(
+      keys.docLines({ doc_id: docId }),
+      keys.projectKey({ doc_id: docId }),
+      keys.docVersion({ doc_id: docId }),
+      keys.docHash({ doc_id: docId }),
+      keys.ranges({ doc_id: docId }),
+      keys.pathname({ doc_id: docId }),
+      keys.projectHistoryId({ doc_id: docId }),
+      keys.unflushedTime({ doc_id: docId }),
+      keys.lastUpdatedAt({ doc_id: docId }),
+      keys.lastUpdatedBy({ doc_id: docId }),
+      keys.resolvedCommentIds({ doc_id: docId })
+    )
+    multi.exec((error, response) => {
+      if (error) {
+        return callback(error)
+      }
+      const length = response?.[0]
+      if (length > 0) {
+        // record bytes freed in redis
+        metrics.summary('redis.docLines', length, { status: 'del' })
+      }
+
+      // Make sure that this MULTI operation only operates on project
+      // specific keys, i.e. keys that have the project id in curly braces.
+      // The curly braces identify a hash key for Redis and ensures that
+      // the MULTI's operations are all done on the same node in a
+      // cluster environment.
+      multi = rclient.multi()
+      multi.srem(keys.docsInProject({ project_id: projectId }), docId)
+      multi.del(keys.projectState({ project_id: projectId }))
+      multi.exec(err => {
+        if (err) {
+          return callback(err)
+        }
+        rclient.srem(keys.historyRangesSupport(), docId, callback)
+      })
+    })
+  },
+
+  checkOrSetProjectState(projectId, newState, callback) {
+    // Make sure that this MULTI operation only operates on project
+    // specific keys, i.e. keys that have the project id in curly braces.
+    // The curly braces identify a hash key for Redis and ensures that
+    // the MULTI's operations are all done on the same node in a
+    // cluster environment.
+    const multi = rclient.multi()
+    multi.getset(keys.projectState({ project_id: projectId }), newState)
+    multi.expire(keys.projectState({ project_id: projectId }), 30 * minutes)
+    multi.exec((error, response) => {
+      if (error) {
+        return callback(error)
+      }
+      logger.debug(
+        { projectId, newState, oldState: response[0] },
+        'checking project state'
+      )
+      callback(null, response[0] !== newState)
+    })
+  },
+
+  clearProjectState(projectId, callback) {
+    rclient.del(keys.projectState({ project_id: projectId }), callback)
+  },
+
+  getDoc(projectId, docId, callback) {
+    const timer = new metrics.Timer('redis.get-doc')
+    const collectKeys = [
+      keys.docLines({ doc_id: docId }),
+      keys.docVersion({ doc_id: docId }),
+      keys.docHash({ doc_id: docId }),
+      keys.projectKey({ doc_id: docId }),
+      keys.ranges({ doc_id: docId }),
+      keys.pathname({ doc_id: docId }),
+      keys.projectHistoryId({ doc_id: docId }),
+      keys.unflushedTime({ doc_id: docId }),
+      keys.lastUpdatedAt({ doc_id: docId }),
+      keys.lastUpdatedBy({ doc_id: docId }),
+    ]
+    rclient.mget(...collectKeys, (error, result) => {
+      if (error) {
+        return callback(error)
+      }
+      let [
+        docLines,
+        version,
+        storedHash,
+        docProjectId,
+        ranges,
+        pathname,
+        projectHistoryId,
+        unflushedTime,
+        lastUpdatedAt,
+        lastUpdatedBy,
+      ] = result
+      rclient.sismember(keys.historyRangesSupport(), docId, (error, result) => {
+        if (error) {
+          return callback(error)
+        }
+        rclient.smembers(
+          keys.resolvedCommentIds({ doc_id: docId }),
+          (error, resolvedCommentIds) => {
+            if (error) {
+              return callback(error)
+            }
+
+            const historyRangesSupport = result === 1
+
+            const timeSpan = timer.done()
+            // check if request took too long and bail out.  only do this for
+            // get, because it is the first call in each update, so if this
+            // passes we'll assume others have a reasonable chance to succeed.
+            if (timeSpan > MAX_REDIS_REQUEST_LENGTH) {
+              error = new Error('redis getDoc exceeded timeout')
+              return callback(error)
+            }
+            // record bytes loaded from redis
+            if (docLines != null) {
+              metrics.summary('redis.docLines', docLines.length, {
+                status: 'get',
+              })
+            }
+            // check sha1 hash value if present
+            if (docLines != null && storedHash != null) {
+              const computedHash = RedisManager._computeHash(docLines)
+              if (logHashReadErrors && computedHash !== storedHash) {
+                logger.error(
+                  {
+                    projectId,
+                    docId,
+                    docProjectId,
+                    computedHash,
+                    storedHash,
+                    docLines,
+                  },
+                  'hash mismatch on retrieved document'
+                )
+              }
+            }
+
+            try {
+              docLines = JSON.parse(docLines)
+              ranges = RedisManager._deserializeRanges(ranges)
+            } catch (e) {
+              return callback(e)
+            }
+
+            version = parseInt(version || 0, 10)
+            // check doc is in requested project
+            if (docProjectId != null && docProjectId !== projectId) {
+              logger.error(
+                { projectId, docId, docProjectId },
+                'doc not in project'
+              )
+              return callback(new Errors.NotFoundError('document not found'))
+            }
+
+            if (docLines && version && !pathname) {
+              metrics.inc('pathname', 1, {
+                path: 'RedisManager.getDoc',
+                status: pathname === '' ? 'zero-length' : 'undefined',
+              })
+            }
+
+            callback(
+              null,
+              docLines,
+              version,
+              ranges,
+              pathname,
+              projectHistoryId,
+              unflushedTime,
+              lastUpdatedAt,
+              lastUpdatedBy,
+              historyRangesSupport,
+              resolvedCommentIds
+            )
+          }
+        )
+      })
+    })
+  },
+
+  getDocVersion(docId, callback) {
+    rclient.mget(keys.docVersion({ doc_id: docId }), (error, result) => {
+      if (error) {
+        return callback(error)
+      }
+      let [version] = result || []
+      version = parseInt(version, 10)
+      callback(null, version)
+    })
+  },
+
+  getDocLines(docId, callback) {
+    rclient.get(keys.docLines({ doc_id: docId }), (error, docLines) => {
+      if (error) {
+        return callback(error)
+      }
+      callback(null, docLines)
+    })
+  },
+
+  getPreviousDocOps(docId, start, end, callback) {
+    const timer = new metrics.Timer('redis.get-prev-docops')
+    rclient.llen(keys.docOps({ doc_id: docId }), (error, length) => {
+      if (error) {
+        return callback(error)
+      }
+      rclient.get(keys.docVersion({ doc_id: docId }), (error, version) => {
+        if (error) {
+          return callback(error)
+        }
+        version = parseInt(version, 10)
+        const firstVersionInRedis = version - length
+
+        if (start < firstVersionInRedis || end > version) {
+          error = new Errors.OpRangeNotAvailableError(
+            'doc ops range is not loaded in redis',
+            { firstVersionInRedis, version, ttlInS: RedisManager.DOC_OPS_TTL }
+          )
+          logger.debug(
+            { err: error, docId, length, version, start, end },
+            'doc ops range is not loaded in redis'
+          )
+          return callback(error)
+        }
+
+        start = start - firstVersionInRedis
+        if (end > -1) {
+          end = end - firstVersionInRedis
+        }
+
+        if (isNaN(start) || isNaN(end)) {
+          error = new Error('inconsistent version or lengths')
+          logger.error(
+            { err: error, docId, length, version, start, end },
+            'inconsistent version or length'
+          )
+          return callback(error)
+        }
+
+        rclient.lrange(
+          keys.docOps({ doc_id: docId }),
+          start,
+          end,
+          (error, jsonOps) => {
+            let ops
+            if (error) {
+              return callback(error)
+            }
+            try {
+              ops = jsonOps.map(jsonOp => JSON.parse(jsonOp))
+            } catch (e) {
+              return callback(e)
+            }
+            const timeSpan = timer.done()
+            if (timeSpan > MAX_REDIS_REQUEST_LENGTH) {
+              error = new Error('redis getPreviousDocOps exceeded timeout')
+              return callback(error)
+            }
+            callback(null, ops)
+          }
+        )
+      })
+    })
+  },
+
+  DOC_OPS_TTL: 60 * minutes,
+  DOC_OPS_MAX_LENGTH: 100,
+  updateDocument(
+    projectId,
+    docId,
+    docLines,
+    newVersion,
+    appliedOps,
+    ranges,
+    updateMeta,
+    callback
+  ) {
+    if (appliedOps == null) {
+      appliedOps = []
+    }
+    RedisManager.getDocVersion(docId, (error, currentVersion) => {
+      if (error) {
+        return callback(error)
+      }
+      if (currentVersion + appliedOps.length !== newVersion) {
+        error = new Error(`Version mismatch. '${docId}' is corrupted.`)
+        logger.error(
+          {
+            err: error,
+            docId,
+            currentVersion,
+            newVersion,
+            opsLength: appliedOps.length,
+          },
+          'version mismatch'
+        )
+        return callback(error)
+      }
+
+      const jsonOps = appliedOps.map(op => JSON.stringify(op))
+      for (const op of jsonOps) {
+        if (op.indexOf('\u0000') !== -1) {
+          error = new Error('null bytes found in jsonOps')
+          // this check was added to catch memory corruption in JSON.stringify
+          logger.error({ err: error, docId, jsonOps }, error.message)
+          return callback(error)
+        }
+      }
+
+      const newDocLines = JSON.stringify(docLines)
+      if (newDocLines.indexOf('\u0000') !== -1) {
+        error = new Error('null bytes found in doc lines')
+        // this check was added to catch memory corruption in JSON.stringify
+        logger.error({ err: error, docId, newDocLines }, error.message)
+        return callback(error)
+      }
+      // Do an optimised size check on the docLines using the serialised
+      // length as an upper bound
+      const sizeBound = newDocLines.length
+      if (docIsTooLarge(sizeBound, docLines, Settings.max_doc_length)) {
+        const err = new Error('blocking doc update: doc is too large')
+        const docSize = newDocLines.length
+        logger.error({ projectId, docId, err, docSize }, err.message)
+        return callback(err)
+      }
+      const newHash = RedisManager._computeHash(newDocLines)
+
+      const opVersions = appliedOps.map(op => op?.v)
+      logger.debug(
+        {
+          docId,
+          version: newVersion,
+          hash: newHash,
+          opVersions,
+        },
+        'updating doc in redis'
+      )
+      // record bytes sent to redis in update
+      metrics.summary('redis.docLines', newDocLines.length, {
+        status: 'update',
+      })
+      RedisManager._serializeRanges(ranges, (error, ranges) => {
+        if (error) {
+          logger.error({ err: error, docId }, error.message)
+          return callback(error)
+        }
+        if (ranges && ranges.indexOf('\u0000') !== -1) {
+          error = new Error('null bytes found in ranges')
+          // this check was added to catch memory corruption in JSON.stringify
+          logger.error({ err: error, docId, ranges }, error.message)
+          return callback(error)
+        }
+
+        // Make sure that this MULTI operation only operates on doc
+        // specific keys, i.e. keys that have the doc id in curly braces.
+        // The curly braces identify a hash key for Redis and ensures that
+        // the MULTI's operations are all done on the same node in a
+        // cluster environment.
+        const multi = rclient.multi()
+        multi.mset({
+          [keys.docLines({ doc_id: docId })]: newDocLines,
+          [keys.docVersion({ doc_id: docId })]: newVersion,
+          [keys.docHash({ doc_id: docId })]: newHash,
+          [keys.ranges({ doc_id: docId })]: ranges,
+          [keys.lastUpdatedAt({ doc_id: docId })]: Date.now(),
+          [keys.lastUpdatedBy({ doc_id: docId })]:
+            updateMeta && updateMeta.user_id,
+        })
+        multi.ltrim(
+          keys.docOps({ doc_id: docId }),
+          -RedisManager.DOC_OPS_MAX_LENGTH,
+          -1
+        ) // index 3
+        // push the ops last so we can get the lengths at fixed index position 7
+        if (jsonOps.length > 0) {
+          multi.rpush(keys.docOps({ doc_id: docId }), ...jsonOps) // index 5
+          // expire must come after rpush since before it will be a no-op if the list is empty
+          multi.expire(keys.docOps({ doc_id: docId }), RedisManager.DOC_OPS_TTL) // index 6
+        }
+        // Set the unflushed timestamp to the current time if not set ("NX" flag).
+        multi.set(keys.unflushedTime({ doc_id: docId }), Date.now(), 'NX')
+        multi.exec((error, result) => {
+          if (error) {
+            return callback(error)
+          }
+          callback()
+        })
+      })
+    })
+  },
+
+  renameDoc(projectId, docId, userId, update, projectHistoryId, callback) {
+    RedisManager.getDoc(projectId, docId, (error, lines, version) => {
+      if (error) {
+        return callback(error)
+      }
+      if (lines != null && version != null) {
+        if (!update.newPathname) {
+          logger.warn(
+            { projectId, docId, update },
+            'missing pathname in RedisManager.renameDoc'
+          )
+          metrics.inc('pathname', 1, {
+            path: 'RedisManager.renameDoc',
+            status: update.newPathname === '' ? 'zero-length' : 'undefined',
+          })
+        }
+        rclient.set(
+          keys.pathname({ doc_id: docId }),
+          update.newPathname,
+          callback
+        )
+      } else {
+        callback()
+      }
+    })
+  },
+
+  clearUnflushedTime(docId, callback) {
+    rclient.del(keys.unflushedTime({ doc_id: docId }), callback)
+  },
+
+  updateCommentState(docId, commentId, resolved, callback) {
+    if (resolved) {
+      rclient.sadd(
+        keys.resolvedCommentIds({ doc_id: docId }),
+        commentId,
+        callback
+      )
+    } else {
+      rclient.srem(
+        keys.resolvedCommentIds({ doc_id: docId }),
+        commentId,
+        callback
+      )
+    }
+  },
+
+  getDocIdsInProject(projectId, callback) {
+    rclient.smembers(keys.docsInProject({ project_id: projectId }), callback)
+  },
+
+  /**
+   * Get lastupdatedat timestamps for an array of docIds
+   */
+  getDocTimestamps(docIds, callback) {
+    async.mapSeries(
+      docIds,
+      (docId, cb) => rclient.get(keys.lastUpdatedAt({ doc_id: docId }), cb),
+      callback
+    )
+  },
+
+  /**
+   * Store the project id in a sorted set ordered by time with a random offset
+   * to smooth out spikes
+   */
+  queueFlushAndDeleteProject(projectId, callback) {
+    const SMOOTHING_OFFSET =
+      Settings.smoothingOffset > 0
+        ? Math.round(Settings.smoothingOffset * Math.random())
+        : 0
+    rclient.zadd(
+      keys.flushAndDeleteQueue(),
+      Date.now() + SMOOTHING_OFFSET,
+      projectId,
+      callback
+    )
+  },
+
+  /**
+   * Find the oldest queued flush that is before the cutoff time
+   */
+  getNextProjectToFlushAndDelete(cutoffTime, callback) {
+    rclient.zrangebyscore(
+      keys.flushAndDeleteQueue(),
+      0,
+      cutoffTime,
+      'WITHSCORES',
+      'LIMIT',
+      0,
+      1,
+      (err, reply) => {
+        if (err) {
+          return callback(err)
+        }
+        // return if no projects ready to be processed
+        if (!reply || reply.length === 0) {
+          return callback()
+        }
+        // pop the oldest entry (get and remove in a multi)
+        const multi = rclient.multi()
+        // Poor man's version of ZPOPMIN, which is only available in Redis 5.
+        multi.zrange(keys.flushAndDeleteQueue(), 0, 0, 'WITHSCORES')
+        multi.zremrangebyrank(keys.flushAndDeleteQueue(), 0, 0)
+        multi.zcard(keys.flushAndDeleteQueue()) // the total length of the queue (for metrics)
+        multi.exec((err, reply) => {
+          if (err) {
+            return callback(err)
+          }
+          if (!reply || reply.length === 0) {
+            return callback()
+          }
+          const [key, timestamp] = reply[0]
+          const queueLength = reply[2]
+          callback(null, key, timestamp, queueLength)
+        })
+      }
+    )
+  },
+
+  setHistoryRangesSupportFlag(docId, historyRangesSupport, callback) {
+    if (historyRangesSupport) {
+      rclient.sadd(keys.historyRangesSupport(), docId, callback)
+    } else {
+      rclient.srem(keys.historyRangesSupport(), docId, callback)
+    }
+  },
+
+  blockProject(projectId, callback) {
+    // Make sure that this MULTI operation only operates on project
+    // specific keys, i.e. keys that have the project id in curly braces.
+    // The curly braces identify a hash key for Redis and ensures that
+    // the MULTI's operations are all done on the same node in a
+    // cluster environment.
+    const multi = rclient.multi()
+    multi.setex(
+      keys.projectBlock({ project_id: projectId }),
+      PROJECT_BLOCK_TTL_SECS,
+      '1'
+    )
+    multi.scard(keys.docsInProject({ project_id: projectId }))
+    multi.exec((err, reply) => {
+      if (err) {
+        return callback(err)
+      }
+      const docsInProject = reply[1]
+      if (docsInProject > 0) {
+        // Too late to lock the project
+        rclient.del(keys.projectBlock({ project_id: projectId }), err => {
+          if (err) {
+            return callback(err)
+          }
+          callback(null, false)
+        })
+      } else {
+        callback(null, true)
+      }
+    })
+  },
+
+  unblockProject(projectId, callback) {
+    rclient.del(keys.projectBlock({ project_id: projectId }), (err, reply) => {
+      if (err) {
+        return callback(err)
+      }
+      const wasBlocked = reply === 1
+      callback(null, wasBlocked)
+    })
+  },
+
+  _serializeRanges(ranges, callback) {
+    let jsonRanges = JSON.stringify(ranges)
+    if (jsonRanges && jsonRanges.length > MAX_RANGES_SIZE) {
+      return callback(new Error('ranges are too large'))
+    }
+    if (jsonRanges === '{}') {
+      // Most doc will have empty ranges so don't fill redis with lots of '{}' keys
+      jsonRanges = null
+    }
+    callback(null, jsonRanges)
+  },
+
+  _deserializeRanges(ranges) {
+    if (ranges == null || ranges === '') {
+      return {}
+    } else {
+      return JSON.parse(ranges)
+    }
+  },
+
+  _computeHash(docLines) {
+    // use sha1 checksum of doclines to detect data corruption.
+    //
+    // note: must specify 'utf8' encoding explicitly, as the default is
+    // binary in node < v5
+    return crypto.createHash('sha1').update(docLines, 'utf8').digest('hex')
+  },
+}
+
+module.exports = RedisManager
+module.exports.promises = promisifyAll(RedisManager, {
+  without: ['_deserializeRanges', '_computeHash'],
+  multiResult: {
+    getDoc: [
+      'lines',
+      'version',
+      'ranges',
+      'pathname',
+      'projectHistoryId',
+      'unflushedTime',
+      'lastUpdatedAt',
+      'lastUpdatedBy',
+      'historyRangesSupport',
+      'resolvedCommentIds',
+    ],
+    getNextProjectToFlushAndDelete: [
+      'projectId',
+      'flushTimestamp',
+      'queueLength',
+    ],
+  },
+})
diff --git a/services/document-updater/app/js/ShareJsDB.js b/services/document-updater/app/js/ShareJsDB.js
new file mode 100644
index 0000000..5e9c517
--- /dev/null
+++ b/services/document-updater/app/js/ShareJsDB.js
@@ -0,0 +1,147 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let ShareJsDB
+const logger = require('@overleaf/logger')
+const Metrics = require('@overleaf/metrics')
+const Keys = require('./UpdateKeys')
+const RedisManager = require('./RedisManager')
+const Errors = require('./Errors')
+
+const TRANSFORM_UPDATES_COUNT_BUCKETS = [
+  0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 15, 20, 25, 50, 75, 100,
+  // prepare buckets for full-project history/larger buffer experiments
+  150, 200, 300, 400,
+]
+
+module.exports = ShareJsDB = class ShareJsDB {
+  constructor(projectId, docId, lines, version) {
+    this.project_id = projectId
+    this.doc_id = docId
+    this.lines = lines
+    this.version = version
+    this.appliedOps = {}
+    // ShareJS calls this detacted from the instance, so we need
+    // bind it to keep our context that can access @appliedOps
+    this.writeOp = this._writeOp.bind(this)
+    this.startTimeShareJsDB = performance.now()
+  }
+
+  getOps(docKey, start, end, callback) {
+    if (start === end || (start === this.version && end === null)) {
+      const status = 'is-up-to-date'
+      Metrics.inc('transform-updates', 1, {
+        status,
+        path: 'sharejs',
+      })
+      Metrics.histogram(
+        'transform-updates.count',
+        0,
+        TRANSFORM_UPDATES_COUNT_BUCKETS,
+        { path: 'sharejs', status }
+      )
+      return callback(null, [])
+    }
+
+    // In redis, lrange values are inclusive.
+    if (end != null) {
+      end--
+    } else {
+      end = -1
+    }
+
+    const [projectId, docId] = Array.from(Keys.splitProjectIdAndDocId(docKey))
+    const timer = new Metrics.Timer(
+      'transform-updates.timing',
+      1,
+      { path: 'sharejs' },
+      [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 20, 50, 100, 200, 500, 1000]
+    )
+    RedisManager.getPreviousDocOps(docId, start, end, (err, ops) => {
+      let status
+      if (err) {
+        if (err instanceof Errors.OpRangeNotAvailableError) {
+          status = 'out-of-range'
+        } else {
+          status = 'error'
+        }
+      } else {
+        if (ops.length === 0) {
+          status = 'fetched-zero'
+
+          // The sharejs processing is happening under a lock.
+          // In case there are no other ops available, something bypassed the lock (or we overran it).
+          logger.warn(
+            {
+              projectId,
+              docId,
+              start,
+              end,
+              timeSinceShareJsDBInit:
+                performance.now() - this.startTimeShareJsDB,
+            },
+            'found zero docOps while transforming update'
+          )
+        } else {
+          status = 'fetched'
+        }
+        Metrics.histogram(
+          'transform-updates.count',
+          ops.length,
+          TRANSFORM_UPDATES_COUNT_BUCKETS,
+          { path: 'sharejs', status }
+        )
+      }
+
+      timer.done({ status })
+      Metrics.inc('transform-updates', 1, { status, path: 'sharejs' })
+      callback(err, ops)
+    })
+  }
+
+  _writeOp(docKey, opData, callback) {
+    if (this.appliedOps[docKey] == null) {
+      this.appliedOps[docKey] = []
+    }
+    this.appliedOps[docKey].push(opData)
+    return callback()
+  }
+
+  getSnapshot(docKey, callback) {
+    if (
+      docKey !== Keys.combineProjectIdAndDocId(this.project_id, this.doc_id)
+    ) {
+      return callback(
+        new Errors.NotFoundError(
+          `unexpected doc_key ${docKey}, expected ${Keys.combineProjectIdAndDocId(
+            this.project_id,
+            this.doc_id
+          )}`
+        )
+      )
+    } else {
+      return callback(null, {
+        snapshot: this.lines.join('\n'),
+        v: parseInt(this.version, 10),
+        type: 'text',
+      })
+    }
+  }
+
+  // To be able to remove a doc from the ShareJS memory
+  // we need to called Model::delete, which calls this
+  // method on the database. However, we will handle removing
+  // it from Redis ourselves
+  delete(docName, dbMeta, callback) {
+    return callback()
+  }
+}
diff --git a/services/document-updater/app/js/ShareJsUpdateManager.js b/services/document-updater/app/js/ShareJsUpdateManager.js
new file mode 100644
index 0000000..933ded1
--- /dev/null
+++ b/services/document-updater/app/js/ShareJsUpdateManager.js
@@ -0,0 +1,158 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const ShareJsModel = require('./sharejs/server/model')
+const ShareJsDB = require('./ShareJsDB')
+const logger = require('@overleaf/logger')
+const Settings = require('@overleaf/settings')
+const { promisifyAll } = require('@overleaf/promise-utils')
+const Keys = require('./UpdateKeys')
+const { EventEmitter } = require('node:events')
+const util = require('node:util')
+const RealTimeRedisManager = require('./RealTimeRedisManager')
+const crypto = require('node:crypto')
+const metrics = require('./Metrics')
+const Errors = require('./Errors')
+
+ShareJsModel.prototype = {}
+util.inherits(ShareJsModel, EventEmitter)
+
+const MAX_AGE_OF_OP = 80
+
+const ShareJsUpdateManager = {
+  getNewShareJsModel(projectId, docId, lines, version) {
+    const db = new ShareJsDB(projectId, docId, lines, version)
+    const model = new ShareJsModel(db, {
+      maxDocLength: Settings.max_doc_length,
+      maximumAge: MAX_AGE_OF_OP,
+    })
+    model.db = db
+    return model
+  },
+
+  applyUpdate(projectId, docId, update, lines, version, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    logger.debug({ projectId, docId, update }, 'applying sharejs updates')
+    const jobs = []
+    // record the update version before it is modified
+    const incomingUpdateVersion = update.v
+    // We could use a global model for all docs, but we're hitting issues with the
+    // internal state of ShareJS not being accessible for clearing caches, and
+    // getting stuck due to queued callbacks (line 260 of sharejs/server/model.coffee)
+    // This adds a small but hopefully acceptable overhead (~12ms per 1000 updates on
+    // my 2009 MBP).
+    const model = this.getNewShareJsModel(projectId, docId, lines, version)
+    this._listenForOps(model)
+    const docKey = Keys.combineProjectIdAndDocId(projectId, docId)
+    return model.applyOp(docKey, update, function (error) {
+      if (error != null) {
+        if (error === 'Op already submitted') {
+          metrics.inc('sharejs.already-submitted')
+          logger.debug(
+            { projectId, docId, update },
+            'op has already been submitted'
+          )
+          update.dup = true
+          ShareJsUpdateManager._sendOp(projectId, docId, update)
+        } else if (/^Delete component/.test(error)) {
+          metrics.inc('sharejs.delete-mismatch')
+          logger.debug(
+            { projectId, docId, update, shareJsErr: error },
+            'sharejs delete does not match'
+          )
+          error = new Errors.DeleteMismatchError(
+            'Delete component does not match'
+          )
+          return callback(error)
+        } else {
+          metrics.inc('sharejs.other-error')
+          return callback(error)
+        }
+      }
+      logger.debug({ projectId, docId, error }, 'applied update')
+      return model.getSnapshot(docKey, (error, data) => {
+        if (error != null) {
+          return callback(error)
+        }
+        const docSizeAfter = data.snapshot.length
+        if (docSizeAfter > Settings.max_doc_length) {
+          const docSizeBefore = lines.join('\n').length
+          const err = new Error(
+            'blocking persistence of ShareJs update: doc size exceeds limits'
+          )
+          logger.error(
+            { projectId, docId, err, docSizeBefore, docSizeAfter },
+            err.message
+          )
+          metrics.inc('sharejs.other-error')
+          const publicError = 'Update takes doc over max doc size'
+          return callback(publicError)
+        }
+        // only check hash when present and no other updates have been applied
+        if (update.hash != null && incomingUpdateVersion === version) {
+          const ourHash = ShareJsUpdateManager._computeHash(data.snapshot)
+          if (ourHash !== update.hash) {
+            metrics.inc('sharejs.hash-fail')
+            return callback(new Error('Invalid hash'))
+          } else {
+            metrics.inc('sharejs.hash-pass', 0.001)
+          }
+        }
+        const docLines = data.snapshot.split(/\r\n|\n|\r/)
+        return callback(
+          null,
+          docLines,
+          data.v,
+          model.db.appliedOps[docKey] || []
+        )
+      })
+    })
+  },
+
+  _listenForOps(model) {
+    return model.on('applyOp', function (docKey, opData) {
+      const [projectId, docId] = Array.from(Keys.splitProjectIdAndDocId(docKey))
+      return ShareJsUpdateManager._sendOp(projectId, docId, opData)
+    })
+  },
+
+  _sendOp(projectId, docId, op) {
+    RealTimeRedisManager.sendData({
+      project_id: projectId,
+      doc_id: docId,
+      op,
+    })
+    RealTimeRedisManager.sendCanaryAppliedOp({
+      projectId,
+      docId,
+      op,
+    })
+  },
+
+  _computeHash(content) {
+    return crypto
+      .createHash('sha1')
+      .update('blob ' + content.length + '\x00')
+      .update(content, 'utf8')
+      .digest('hex')
+  },
+}
+
+module.exports = ShareJsUpdateManager
+module.exports.promises = promisifyAll(ShareJsUpdateManager, {
+  without: ['getNewShareJsModel', '_listenForOps', '_sendOp', '_computeHash'],
+  multiResult: {
+    applyUpdate: ['updatedDocLines', 'version', 'appliedOps'],
+  },
+})
diff --git a/services/document-updater/app/js/SnapshotManager.js b/services/document-updater/app/js/SnapshotManager.js
new file mode 100644
index 0000000..c207e73
--- /dev/null
+++ b/services/document-updater/app/js/SnapshotManager.js
@@ -0,0 +1,83 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { promisifyAll } = require('@overleaf/promise-utils')
+const { db, ObjectId } = require('./mongodb')
+
+const SnapshotManager = {
+  recordSnapshot(projectId, docId, version, pathname, lines, ranges, callback) {
+    try {
+      projectId = new ObjectId(projectId)
+      docId = new ObjectId(docId)
+    } catch (error) {
+      return callback(error)
+    }
+    db.docSnapshots.insertOne(
+      {
+        project_id: projectId,
+        doc_id: docId,
+        version,
+        lines,
+        pathname,
+        ranges: SnapshotManager.jsonRangesToMongo(ranges),
+        ts: new Date(),
+      },
+      callback
+    )
+  },
+  // Suggested indexes:
+  //   db.docSnapshots.createIndex({project_id:1, doc_id:1})
+  //   db.docSnapshots.createIndex({ts:1},{expiresAfterSeconds: 30*24*3600)) # expires after 30 days
+
+  jsonRangesToMongo(ranges) {
+    if (ranges == null) {
+      return null
+    }
+
+    const updateMetadata = function (metadata) {
+      if ((metadata != null ? metadata.ts : undefined) != null) {
+        metadata.ts = new Date(metadata.ts)
+      }
+      if ((metadata != null ? metadata.user_id : undefined) != null) {
+        return (metadata.user_id = SnapshotManager._safeObjectId(
+          metadata.user_id
+        ))
+      }
+    }
+
+    for (const change of Array.from(ranges.changes || [])) {
+      change.id = SnapshotManager._safeObjectId(change.id)
+      updateMetadata(change.metadata)
+    }
+    for (const comment of Array.from(ranges.comments || [])) {
+      comment.id = SnapshotManager._safeObjectId(comment.id)
+      if ((comment.op != null ? comment.op.t : undefined) != null) {
+        comment.op.t = SnapshotManager._safeObjectId(comment.op.t)
+      }
+      updateMetadata(comment.metadata)
+    }
+    return ranges
+  },
+
+  _safeObjectId(data) {
+    try {
+      return new ObjectId(data)
+    } catch (error) {
+      return data
+    }
+  },
+}
+
+module.exports = SnapshotManager
+module.exports.promises = promisifyAll(SnapshotManager, {
+  without: ['jsonRangesToMongo', '_safeObjectId'],
+})
diff --git a/services/document-updater/app/js/UpdateKeys.js b/services/document-updater/app/js/UpdateKeys.js
new file mode 100644
index 0000000..3c03dd1
--- /dev/null
+++ b/services/document-updater/app/js/UpdateKeys.js
@@ -0,0 +1,10 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+module.exports = {
+  combineProjectIdAndDocId(projectId, docId) {
+    return `${projectId}:${docId}`
+  },
+  splitProjectIdAndDocId(projectAndDocId) {
+    return projectAndDocId.split(':')
+  },
+}
diff --git a/services/document-updater/app/js/UpdateManager.js b/services/document-updater/app/js/UpdateManager.js
new file mode 100644
index 0000000..1f58a75
--- /dev/null
+++ b/services/document-updater/app/js/UpdateManager.js
@@ -0,0 +1,378 @@
+// @ts-check
+
+const { callbackifyAll } = require('@overleaf/promise-utils')
+const LockManager = require('./LockManager')
+const RedisManager = require('./RedisManager')
+const ProjectHistoryRedisManager = require('./ProjectHistoryRedisManager')
+const RealTimeRedisManager = require('./RealTimeRedisManager')
+const ShareJsUpdateManager = require('./ShareJsUpdateManager')
+const HistoryManager = require('./HistoryManager')
+const logger = require('@overleaf/logger')
+const Metrics = require('./Metrics')
+const Errors = require('./Errors')
+const DocumentManager = require('./DocumentManager')
+const RangesManager = require('./RangesManager')
+const SnapshotManager = require('./SnapshotManager')
+const Profiler = require('./Profiler')
+const { isInsert, isDelete, getDocLength, computeDocHash } = require('./Utils')
+
+/**
+ * @import { DeleteOp, InsertOp, Op, Ranges, Update, HistoryUpdate } from "./types"
+ */
+
+const UpdateManager = {
+  async processOutstandingUpdates(projectId, docId) {
+    const timer = new Metrics.Timer('updateManager.processOutstandingUpdates')
+    try {
+      await UpdateManager.fetchAndApplyUpdates(projectId, docId)
+      timer.done({ status: 'success' })
+    } catch (err) {
+      timer.done({ status: 'error' })
+      throw err
+    }
+  },
+
+  async processOutstandingUpdatesWithLock(projectId, docId) {
+    const profile = new Profiler('processOutstandingUpdatesWithLock', {
+      project_id: projectId,
+      doc_id: docId,
+    })
+
+    const lockValue = await LockManager.promises.tryLock(docId)
+    if (lockValue == null) {
+      return
+    }
+    profile.log('tryLock')
+
+    try {
+      await UpdateManager.processOutstandingUpdates(projectId, docId)
+      profile.log('processOutstandingUpdates')
+    } finally {
+      await LockManager.promises.releaseLock(docId, lockValue)
+      profile.log('releaseLock').end()
+    }
+
+    await UpdateManager.continueProcessingUpdatesWithLock(projectId, docId)
+  },
+
+  async continueProcessingUpdatesWithLock(projectId, docId) {
+    const length = await RealTimeRedisManager.promises.getUpdatesLength(docId)
+    if (length > 0) {
+      await UpdateManager.processOutstandingUpdatesWithLock(projectId, docId)
+    }
+  },
+
+  async fetchAndApplyUpdates(projectId, docId) {
+    const profile = new Profiler('fetchAndApplyUpdates', {
+      project_id: projectId,
+      doc_id: docId,
+    })
+
+    const updates =
+      await RealTimeRedisManager.promises.getPendingUpdatesForDoc(docId)
+    logger.debug(
+      { projectId, docId, count: updates.length },
+      'processing updates'
+    )
+    if (updates.length === 0) {
+      return
+    }
+    profile.log('getPendingUpdatesForDoc')
+
+    for (const update of updates) {
+      await UpdateManager.applyUpdate(projectId, docId, update)
+      profile.log('applyUpdate')
+    }
+    profile.log('async done').end()
+  },
+
+  /**
+   * Apply an update to the given document
+   *
+   * @param {string} projectId
+   * @param {string} docId
+   * @param {Update} update
+   */
+  async applyUpdate(projectId, docId, update) {
+    const profile = new Profiler('applyUpdate', {
+      project_id: projectId,
+      doc_id: docId,
+    })
+
+    UpdateManager._sanitizeUpdate(update)
+    profile.log('sanitizeUpdate', { sync: true })
+
+    try {
+      let {
+        lines,
+        version,
+        ranges,
+        pathname,
+        projectHistoryId,
+        historyRangesSupport,
+      } = await DocumentManager.promises.getDoc(projectId, docId)
+      profile.log('getDoc')
+
+      if (lines == null || version == null) {
+        throw new Errors.NotFoundError(`document not found: ${docId}`)
+      }
+
+      const previousVersion = version
+      const incomingUpdateVersion = update.v
+      let updatedDocLines, appliedOps
+      ;({ updatedDocLines, version, appliedOps } =
+        await ShareJsUpdateManager.promises.applyUpdate(
+          projectId,
+          docId,
+          update,
+          lines,
+          version
+        ))
+      profile.log('sharejs.applyUpdate', {
+        // only synchronous when the update applies directly to the
+        // doc version, otherwise getPreviousDocOps is called.
+        sync: incomingUpdateVersion === previousVersion,
+      })
+
+      const { newRanges, rangesWereCollapsed, historyUpdates } =
+        RangesManager.applyUpdate(
+          projectId,
+          docId,
+          ranges,
+          appliedOps,
+          updatedDocLines,
+          { historyRangesSupport }
+        )
+      profile.log('RangesManager.applyUpdate', { sync: true })
+
+      await RedisManager.promises.updateDocument(
+        projectId,
+        docId,
+        updatedDocLines,
+        version,
+        appliedOps,
+        newRanges,
+        update.meta
+      )
+      profile.log('RedisManager.updateDocument')
+
+      UpdateManager._adjustHistoryUpdatesMetadata(
+        historyUpdates,
+        pathname,
+        projectHistoryId,
+        lines,
+        ranges,
+        updatedDocLines,
+        historyRangesSupport
+      )
+
+      if (historyUpdates.length > 0) {
+        Metrics.inc('history-queue', 1, { status: 'project-history' })
+        try {
+          const projectOpsLength =
+            await ProjectHistoryRedisManager.promises.queueOps(
+              projectId,
+              ...historyUpdates.map(op => JSON.stringify(op))
+            )
+          HistoryManager.recordAndFlushHistoryOps(
+            projectId,
+            historyUpdates,
+            projectOpsLength
+          )
+          profile.log('recordAndFlushHistoryOps')
+        } catch (err) {
+          // The full project history can re-sync a project in case
+          //  updates went missing.
+          // Just record the error here and acknowledge the write-op.
+          Metrics.inc('history-queue-error')
+        }
+      }
+
+      if (rangesWereCollapsed) {
+        Metrics.inc('doc-snapshot')
+        logger.debug(
+          {
+            projectId,
+            docId,
+            previousVersion,
+            lines,
+            ranges,
+            update,
+          },
+          'update collapsed some ranges, snapshotting previous content'
+        )
+
+        // Do this last, since it's a mongo call, and so potentially longest running
+        // If it overruns the lock, it's ok, since all of our redis work is done
+        await SnapshotManager.promises.recordSnapshot(
+          projectId,
+          docId,
+          previousVersion,
+          pathname,
+          lines,
+          ranges
+        )
+      }
+    } catch (error) {
+      RealTimeRedisManager.sendData({
+        project_id: projectId,
+        doc_id: docId,
+        error: error instanceof Error ? error.message : error,
+      })
+      profile.log('sendData')
+      throw error
+    } finally {
+      profile.end()
+    }
+  },
+
+  async lockUpdatesAndDo(method, projectId, docId, ...args) {
+    const profile = new Profiler('lockUpdatesAndDo', {
+      project_id: projectId,
+      doc_id: docId,
+    })
+
+    const lockValue = await LockManager.promises.getLock(docId)
+    profile.log('getLock')
+
+    let result
+    try {
+      await UpdateManager.processOutstandingUpdates(projectId, docId)
+      profile.log('processOutstandingUpdates')
+
+      result = await method(projectId, docId, ...args)
+      profile.log('method')
+    } finally {
+      await LockManager.promises.releaseLock(docId, lockValue)
+      profile.log('releaseLock').end()
+    }
+
+    // We held the lock for a while so updates might have queued up
+    UpdateManager.continueProcessingUpdatesWithLock(projectId, docId).catch(
+      err => {
+        // The processing may fail for invalid user updates.
+        // This can be very noisy, put them on level DEBUG
+        //  and record a metric.
+        Metrics.inc('background-processing-updates-error')
+        logger.debug(
+          { err, projectId, docId },
+          'error processing updates in background'
+        )
+      }
+    )
+
+    return result
+  },
+
+  _sanitizeUpdate(update) {
+    // In Javascript, characters are 16-bits wide. It does not understand surrogates as characters.
+    //
+    // From Wikipedia (http://en.wikipedia.org/wiki/Plane_(Unicode)#Basic_Multilingual_Plane):
+    // "The High Surrogates (U+D800–U+DBFF) and Low Surrogate (U+DC00–U+DFFF) codes are reserved
+    // for encoding non-BMP characters in UTF-16 by using a pair of 16-bit codes: one High Surrogate
+    // and one Low Surrogate. A single surrogate code point will never be assigned a character.""
+    //
+    // The main offender seems to be \uD835 as a stand alone character, which would be the first
+    // 16-bit character of a blackboard bold character (http://www.fileformat.info/info/unicode/char/1d400/index.htm).
+    // Something must be going on client side that is screwing up the encoding and splitting the
+    // two 16-bit characters so that \uD835 is standalone.
+    for (const op of update.op || []) {
+      if (op.i != null) {
+        // Replace high and low surrogate characters with 'replacement character' (\uFFFD)
+        op.i = op.i.replace(/[\uD800-\uDFFF]/g, '\uFFFD')
+      }
+    }
+    return update
+  },
+
+  /**
+   * Add metadata that will be useful to project history
+   *
+   * @param {HistoryUpdate[]} updates
+   * @param {string} pathname
+   * @param {string} projectHistoryId
+   * @param {string[]} lines - document lines before updates were applied
+   * @param {Ranges} ranges - ranges before updates were applied
+   * @param {string[]} newLines - document lines after updates were applied
+   * @param {boolean} historyRangesSupport
+   */
+  _adjustHistoryUpdatesMetadata(
+    updates,
+    pathname,
+    projectHistoryId,
+    lines,
+    ranges,
+    newLines,
+    historyRangesSupport
+  ) {
+    let docLength = getDocLength(lines)
+    let historyDocLength = docLength
+    for (const change of ranges.changes ?? []) {
+      if ('d' in change.op) {
+        historyDocLength += change.op.d.length
+      }
+    }
+
+    for (const update of updates) {
+      update.projectHistoryId = projectHistoryId
+      if (!update.meta) {
+        update.meta = {}
+      }
+      update.meta.pathname = pathname
+      update.meta.doc_length = docLength
+      if (historyRangesSupport && historyDocLength !== docLength) {
+        update.meta.history_doc_length = historyDocLength
+      }
+
+      // Each update may contain multiple ops, i.e.
+      // [{
+      // 	ops: [{i: "foo", p: 4}, {d: "bar", p:8}]
+      // }, {
+      // 	ops: [{d: "baz", p: 40}, {i: "qux", p:8}]
+      // }]
+      // We want to include the doc_length at the start of each update,
+      // before it's ops are applied. However, we need to track any
+      // changes to it for the next update.
+      for (const op of update.op) {
+        if (isInsert(op)) {
+          docLength += op.i.length
+          if (!op.trackedDeleteRejection) {
+            // Tracked delete rejections end up retaining characters rather
+            // than inserting
+            historyDocLength += op.i.length
+          }
+        }
+        if (isDelete(op)) {
+          docLength -= op.d.length
+          if (update.meta.tc) {
+            // This is a tracked delete. It will be translated into a retain in
+            // history, except any enclosed tracked inserts, which will be
+            // translated into regular deletes.
+            for (const change of op.trackedChanges ?? []) {
+              if (change.type === 'insert') {
+                historyDocLength -= change.length
+              }
+            }
+          } else {
+            // This is a regular delete.  It will be translated to a delete in
+            // history.
+            historyDocLength -= op.d.length
+          }
+        }
+      }
+
+      if (!historyRangesSupport) {
+        // Prevent project-history from processing tracked changes
+        delete update.meta.tc
+      }
+    }
+
+    if (historyRangesSupport && updates.length > 0) {
+      const lastUpdate = updates[updates.length - 1]
+      lastUpdate.meta ??= {}
+      lastUpdate.meta.doc_hash = computeDocHash(newLines)
+    }
+  },
+}
+
+module.exports = { ...callbackifyAll(UpdateManager), promises: UpdateManager }
diff --git a/services/document-updater/app/js/Utils.js b/services/document-updater/app/js/Utils.js
new file mode 100644
index 0000000..a632cf3
--- /dev/null
+++ b/services/document-updater/app/js/Utils.js
@@ -0,0 +1,129 @@
+// @ts-check
+const { createHash } = require('node:crypto')
+const _ = require('lodash')
+
+/**
+ * @import { CommentOp, DeleteOp, InsertOp, Op, TrackedChange } from './types'
+ */
+
+/**
+ * Returns true if the op is an insert
+ *
+ * @param {Op} op
+ * @returns {op is InsertOp}
+ */
+function isInsert(op) {
+  return 'i' in op && op.i != null
+}
+
+/**
+ * Returns true if the op is an insert
+ *
+ * @param {Op} op
+ * @returns {op is DeleteOp}
+ */
+function isDelete(op) {
+  return 'd' in op && op.d != null
+}
+
+/**
+ * Returns true if the op is a comment
+ *
+ * @param {Op} op
+ * @returns {op is CommentOp}
+ */
+function isComment(op) {
+  return 'c' in op && op.c != null
+}
+
+/**
+ * Get the length of a document from its lines
+ *
+ * @param {string[]} lines
+ * @returns {number}
+ */
+function getDocLength(lines) {
+  let docLength = _.reduce(lines, (chars, line) => chars + line.length, 0)
+  // Add newline characters. Lines are joined by newlines, but the last line
+  // doesn't include a newline. We must make a special case for an empty list
+  // so that it doesn't report a doc length of -1.
+  docLength += Math.max(lines.length - 1, 0)
+
+  return docLength
+}
+
+/**
+ * Adds given tracked deletes to the given content.
+ *
+ * The history system includes tracked deletes in the document content.
+ *
+ * @param {string} content
+ * @param {TrackedChange[]} trackedChanges
+ * @return {string} content for the history service
+ */
+function addTrackedDeletesToContent(content, trackedChanges) {
+  let cursor = 0
+  let result = ''
+  for (const change of trackedChanges) {
+    if (isDelete(change.op)) {
+      // Add the content before the tracked delete
+      result += content.slice(cursor, change.op.p)
+      cursor = change.op.p
+      // Add the content of the tracked delete
+      result += change.op.d
+    }
+  }
+
+  // Add the content after all tracked deletes
+  result += content.slice(cursor)
+
+  return result
+}
+
+/**
+ * Compute the content hash for a doc
+ *
+ * This hash is sent to the history to validate updates.
+ *
+ * @param {string[]} lines
+ * @return {string} the doc hash
+ */
+function computeDocHash(lines) {
+  const hash = createHash('sha1')
+  if (lines.length > 0) {
+    for (const line of lines.slice(0, lines.length - 1)) {
+      hash.update(line)
+      hash.update('\n')
+    }
+    // The last line doesn't end with a newline
+    hash.update(lines[lines.length - 1])
+  }
+  return hash.digest('hex')
+}
+
+/**
+ * checks if the given originOrSource should be treated as a source or origin
+ * TODO: remove this hack and remove all "source" references
+ */
+function extractOriginOrSource(originOrSource) {
+  let source = null
+  let origin = null
+
+  if (typeof originOrSource === 'string') {
+    source = originOrSource
+  } else if (originOrSource && typeof originOrSource === 'object') {
+    origin = originOrSource
+  }
+
+  return { source, origin }
+}
+
+module.exports = {
+  isInsert,
+  isDelete,
+  isComment,
+  addTrackedDeletesToContent,
+  getDocLength,
+  computeDocHash,
+  extractOriginOrSource,
+}
diff --git a/services/document-updater/app/js/mongodb.js b/services/document-updater/app/js/mongodb.js
new file mode 100644
index 0000000..6e38993
--- /dev/null
+++ b/services/document-updater/app/js/mongodb.js
@@ -0,0 +1,28 @@
+const Metrics = require('@overleaf/metrics')
+const Settings = require('@overleaf/settings')
+const { MongoClient, ObjectId } = require('mongodb-legacy')
+
+const mongoClient = new MongoClient(Settings.mongo.url, Settings.mongo.options)
+const mongoDb = mongoClient.db()
+
+const db = {
+  docs: mongoDb.collection('docs'),
+  docSnapshots: mongoDb.collection('docSnapshots'),
+  projects: mongoDb.collection('projects'),
+}
+
+async function healthCheck() {
+  const res = await mongoDb.command({ ping: 1 })
+  if (!res.ok) {
+    throw new Error('failed mongo ping')
+  }
+}
+
+Metrics.mongodb.monitor(mongoClient)
+
+module.exports = {
+  db,
+  ObjectId,
+  mongoClient,
+  healthCheck: require('node:util').callbackify(healthCheck),
+}
diff --git a/services/document-updater/app/js/sharejs/LICENSE b/services/document-updater/app/js/sharejs/LICENSE
new file mode 100644
index 0000000..3e6b73e
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/LICENSE
@@ -0,0 +1,22 @@
+Licensed under the standard MIT license:
+
+Copyright 2011 Joseph Gentle.
+Copyright 2012-2024 Overleaf.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/services/document-updater/app/js/sharejs/README.md b/services/document-updater/app/js/sharejs/README.md
new file mode 100644
index 0000000..f5919dd
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/README.md
@@ -0,0 +1,6 @@
+This folder contains a modified version of the ShareJS source code, forked from [v0.5.0](https://github.com/josephg/ShareJS/tree/v0.5.0/).
+
+The original CoffeeScript code has been decaffeinated to JavaScript, and further modified. Some folders have been removed. See https://github.com/josephg/ShareJS/blob/v0.5.0/src/types/README.md for the original README.
+
+The original code, and the current modified code in this directory, are published under the MIT license.
+
diff --git a/services/document-updater/app/js/sharejs/server/model.js b/services/document-updater/app/js/sharejs/server/model.js
new file mode 100644
index 0000000..a646b22
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/server/model.js
@@ -0,0 +1,895 @@
+/* eslint-disable
+    no-console,
+    no-return-assign,
+    n/no-callback-literal,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS103: Rewrite code to no longer use __guard__
+ * DS104: Avoid inline assignments
+ * DS204: Change includes calls to have a more natural evaluation order
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+// The model of all the ops. Responsible for applying & transforming remote deltas
+// and managing the storage layer.
+//
+// Actual storage is handled by the database wrappers in db/*, wrapped by DocCache
+
+let Model
+const { EventEmitter } = require('node:events')
+
+const queue = require('./syncqueue')
+const types = require('../types')
+
+const Profiler = require('../../Profiler')
+
+const isArray = o => Object.prototype.toString.call(o) === '[object Array]'
+
+// This constructor creates a new Model object. There will be one model object
+// per server context.
+//
+// The model object is responsible for a lot of things:
+//
+// - It manages the interactions with the database
+// - It maintains (in memory) a set of all active documents
+// - It calls out to the OT functions when necessary
+//
+// The model is an event emitter. It emits the following events:
+//
+// create(docName, data): A document has been created with the specified name & data
+module.exports = Model = function (db, options) {
+  // db can be null if the user doesn't want persistance.
+
+  let getOps
+  if (!(this instanceof Model)) {
+    return new Model(db, options)
+  }
+
+  const model = this
+
+  if (options == null) {
+    options = {}
+  }
+
+  // This is a cache of 'live' documents.
+  //
+  // The cache is a map from docName -> {
+  //   ops:[{op, meta}]
+  //   snapshot
+  //   type
+  //   v
+  //   meta
+  //   eventEmitter
+  //   reapTimer
+  //   committedVersion: v
+  //   snapshotWriteLock: bool to make sure writeSnapshot isn't re-entrant
+  //   dbMeta: database specific data
+  //   opQueue: syncQueue for processing ops
+  // }
+  //
+  // The ops list contains the document's last options.numCachedOps ops. (Or all
+  // of them if we're using a memory store).
+  //
+  // Documents are stored in this set so long as the document has been accessed in
+  // the last few seconds (options.reapTime) OR at least one client has the document
+  // open. I don't know if I should keep open (but not being edited) documents live -
+  // maybe if a client has a document open but the document isn't being edited, I should
+  // flush it from the cache.
+  //
+  // In any case, the API to model is designed such that if we want to change that later
+  // it should be pretty easy to do so without any external-to-the-model code changes.
+  const docs = {}
+
+  // This is a map from docName -> [callback]. It is used when a document hasn't been
+  // cached and multiple getSnapshot() / getVersion() requests come in. All requests
+  // are added to the callback list and called when db.getSnapshot() returns.
+  //
+  // callback(error, snapshot data)
+  const awaitingGetSnapshot = {}
+
+  // The time that documents which no clients have open will stay in the cache.
+  // Should be > 0.
+  if (options.reapTime == null) {
+    options.reapTime = 3000
+  }
+
+  // The number of operations the cache holds before reusing the space
+  if (options.numCachedOps == null) {
+    options.numCachedOps = 10
+  }
+
+  // This option forces documents to be reaped, even when there's no database backend.
+  // This is useful when you don't care about persistance and don't want to gradually
+  // fill memory.
+  //
+  // You might want to set reapTime to a day or something.
+  if (options.forceReaping == null) {
+    options.forceReaping = false
+  }
+
+  // Until I come up with a better strategy, we'll save a copy of the document snapshot
+  // to the database every ~20 submitted ops.
+  if (options.opsBeforeCommit == null) {
+    options.opsBeforeCommit = 20
+  }
+
+  // It takes some processing time to transform client ops. The server will punt ops back to the
+  // client to transform if they're too old.
+  if (options.maximumAge == null) {
+    options.maximumAge = 40
+  }
+
+  // **** Cache API methods
+
+  // Its important that all ops are applied in order. This helper method creates the op submission queue
+  // for a single document. This contains the logic for transforming & applying ops.
+  const makeOpQueue = (docName, doc) =>
+    queue(function (opData, callback) {
+      if (!(opData.v >= 0)) {
+        return callback('Version missing')
+      }
+      if (opData.v > doc.v) {
+        return callback('Op at future version')
+      }
+
+      // Punt the transforming work back to the client if the op is too old.
+      if (opData.v + options.maximumAge < doc.v) {
+        return callback('Op too old')
+      }
+
+      if (!opData.meta) {
+        opData.meta = {}
+      }
+      opData.meta.ts = Date.now()
+
+      // We'll need to transform the op to the current version of the document. This
+      // calls the callback immediately if opVersion == doc.v.
+      return getOps(docName, opData.v, doc.v, function (error, ops) {
+        let snapshot
+        if (error) {
+          return callback(error)
+        }
+
+        if (doc.v - opData.v !== ops.length) {
+          // This should never happen. It indicates that we didn't get all the ops we
+          // asked for. Its important that the submitted op is correctly transformed.
+          console.error(
+            `Could not get old ops in model for document ${docName}`
+          )
+          console.error(
+            `Expected ops ${opData.v} to ${doc.v} and got ${ops.length} ops`
+          )
+          return callback('Internal error')
+        }
+
+        if (ops.length > 0) {
+          try {
+            const profile = new Profiler('model.transform')
+            // If there's enough ops, it might be worth spinning this out into a webworker thread.
+            for (const oldOp of Array.from(ops)) {
+              // Dup detection works by sending the id(s) the op has been submitted with previously.
+              // If the id matches, we reject it. The client can also detect the op has been submitted
+              // already if it sees its own previous id in the ops it sees when it does catchup.
+              if (
+                oldOp.meta.source &&
+                opData.dupIfSource &&
+                Array.from(opData.dupIfSource).includes(oldOp.meta.source)
+              ) {
+                return callback('Op already submitted')
+              }
+
+              opData.op = doc.type.transform(opData.op, oldOp.op, 'left')
+              opData.v++
+            }
+            profile.log('transform', { sync: true }).end()
+          } catch (error1) {
+            error = error1
+            return callback(error.message)
+          }
+        }
+
+        try {
+          const profile = new Profiler('model.apply')
+          snapshot = doc.type.apply(doc.snapshot, opData.op)
+          profile.log('model.apply', { sync: true }).end()
+        } catch (error2) {
+          error = error2
+          return callback(error.message)
+        }
+
+        if (
+          options.maxDocLength != null &&
+          doc.snapshot.length > options.maxDocLength
+        ) {
+          return callback('Update takes doc over max doc size')
+        }
+
+        // The op data should be at the current version, and the new document data should be at
+        // the next version.
+        //
+        // This should never happen in practice, but its a nice little check to make sure everything
+        // is hunky-dory.
+        if (opData.v !== doc.v) {
+          // This should never happen.
+          console.error(
+            'Version mismatch detected in model. File a ticket - this is a bug.'
+          )
+          console.error(`Expecting ${opData.v} == ${doc.v}`)
+          return callback('Internal error')
+        }
+
+        // newDocData = {snapshot, type:type.name, v:opVersion + 1, meta:docData.meta}
+        const writeOp =
+          (db != null ? db.writeOp : undefined) ||
+          ((docName, newOpData, callback) => callback())
+
+        return writeOp(docName, opData, function (error) {
+          if (error) {
+            // The user should probably know about this.
+            console.warn(`Error writing ops to database: ${error}`)
+            return callback(error)
+          }
+
+          __guardMethod__(options.stats, 'writeOp', o => o.writeOp())
+
+          // This is needed when we emit the 'change' event, below.
+          const oldSnapshot = doc.snapshot
+
+          // All the heavy lifting is now done. Finally, we'll update the cache with the new data
+          // and (maybe!) save a new document snapshot to the database.
+
+          doc.v = opData.v + 1
+          doc.snapshot = snapshot
+
+          doc.ops.push(opData)
+          if (db && doc.ops.length > options.numCachedOps) {
+            doc.ops.shift()
+          }
+
+          model.emit('applyOp', docName, opData, snapshot, oldSnapshot)
+          doc.eventEmitter.emit('op', opData, snapshot, oldSnapshot)
+
+          // The callback is called with the version of the document at which the op was applied.
+          // This is the op.v after transformation, and its doc.v - 1.
+          callback(null, opData.v)
+
+          // I need a decent strategy here for deciding whether or not to save the snapshot.
+          //
+          // The 'right' strategy looks something like "Store the snapshot whenever the snapshot
+          // is smaller than the accumulated op data". For now, I'll just store it every 20
+          // ops or something. (Configurable with doc.committedVersion)
+          if (
+            !doc.snapshotWriteLock &&
+            doc.committedVersion + options.opsBeforeCommit <= doc.v
+          ) {
+            return tryWriteSnapshot(docName, function (error) {
+              if (error) {
+                return console.warn(
+                  `Error writing snapshot ${error}. This is nonfatal`
+                )
+              }
+            })
+          }
+        })
+      })
+    })
+
+  // Add the data for the given docName to the cache. The named document shouldn't already
+  // exist in the doc set.
+  //
+  // Returns the new doc.
+  const add = function (docName, error, data, committedVersion, ops, dbMeta) {
+    let callback, doc
+    const callbacks = awaitingGetSnapshot[docName]
+    delete awaitingGetSnapshot[docName]
+
+    if (error) {
+      if (callbacks) {
+        for (callback of Array.from(callbacks)) {
+          callback(error)
+        }
+      }
+    } else {
+      doc = docs[docName] = {
+        snapshot: data.snapshot,
+        v: data.v,
+        type: data.type,
+        meta: data.meta,
+
+        // Cache of ops
+        ops: ops || [],
+
+        eventEmitter: new EventEmitter(),
+
+        // Timer before the document will be invalidated from the cache (if the document has no
+        // listeners)
+        reapTimer: null,
+
+        // Version of the snapshot thats in the database
+        committedVersion: committedVersion != null ? committedVersion : data.v,
+        snapshotWriteLock: false,
+        dbMeta,
+      }
+
+      doc.opQueue = makeOpQueue(docName, doc)
+
+      refreshReapingTimeout(docName)
+      model.emit('add', docName, data)
+      if (callbacks) {
+        for (callback of Array.from(callbacks)) {
+          callback(null, doc)
+        }
+      }
+    }
+
+    return doc
+  }
+
+  // This is a little helper wrapper around db.getOps. It does two things:
+  //
+  // - If there's no database set, it returns an error to the callback
+  // - It adds version numbers to each op returned from the database
+  // (These can be inferred from context so the DB doesn't store them, but its useful to have them).
+  const getOpsInternal = function (docName, start, end, callback) {
+    if (!db) {
+      return typeof callback === 'function'
+        ? callback('Document does not exist')
+        : undefined
+    }
+
+    return db.getOps(docName, start, end, function (error, ops) {
+      if (error) {
+        return typeof callback === 'function' ? callback(error) : undefined
+      }
+
+      let v = start
+      for (const op of Array.from(ops)) {
+        op.v = v++
+      }
+
+      return typeof callback === 'function' ? callback(null, ops) : undefined
+    })
+  }
+
+  // Load the named document into the cache. This function is re-entrant.
+  //
+  // The callback is called with (error, doc)
+  const load = function (docName, callback) {
+    if (docs[docName]) {
+      // The document is already loaded. Return immediately.
+      __guardMethod__(options.stats, 'cacheHit', o => o.cacheHit('getSnapshot'))
+      return callback(null, docs[docName])
+    }
+
+    // We're a memory store. If we don't have it, nobody does.
+    if (!db) {
+      return callback('Document does not exist')
+    }
+
+    const callbacks = awaitingGetSnapshot[docName]
+
+    // The document is being loaded already. Add ourselves as a callback.
+    if (callbacks) {
+      return callbacks.push(callback)
+    }
+
+    __guardMethod__(options.stats, 'cacheMiss', o1 =>
+      o1.cacheMiss('getSnapshot')
+    )
+
+    // The document isn't loaded and isn't being loaded. Load it.
+    awaitingGetSnapshot[docName] = [callback]
+    return db.getSnapshot(docName, function (error, data, dbMeta) {
+      if (error) {
+        return add(docName, error)
+      }
+
+      const type = types[data.type]
+      if (!type) {
+        console.warn(`Type '${data.type}' missing`)
+        return callback('Type not found')
+      }
+      data.type = type
+
+      const committedVersion = data.v
+
+      // The server can close without saving the most recent document snapshot.
+      // In this case, there are extra ops which need to be applied before
+      // returning the snapshot.
+      return getOpsInternal(docName, data.v, null, function (error, ops) {
+        if (error) {
+          return callback(error)
+        }
+
+        if (ops.length > 0) {
+          console.log(`Catchup ${docName} ${data.v} -> ${data.v + ops.length}`)
+
+          try {
+            for (const op of Array.from(ops)) {
+              data.snapshot = type.apply(data.snapshot, op.op)
+              data.v++
+            }
+          } catch (e) {
+            // This should never happen - it indicates that whats in the
+            // database is invalid.
+            console.error(`Op data invalid for ${docName}: ${e.stack}`)
+            return callback('Op data invalid')
+          }
+        }
+
+        model.emit('load', docName, data)
+        return add(docName, error, data, committedVersion, ops, dbMeta)
+      })
+    })
+  }
+
+  // This makes sure the cache contains a document. If the doc cache doesn't contain
+  // a document, it is loaded from the database and stored.
+  //
+  // Documents are stored so long as either:
+  // - They have been accessed within the past #{PERIOD}
+  // - At least one client has the document open
+  function refreshReapingTimeout(docName) {
+    const doc = docs[docName]
+    if (!doc) {
+      return
+    }
+
+    // I want to let the clients list be updated before this is called.
+    return process.nextTick(function () {
+      // This is an awkward way to find out the number of clients on a document. If this
+      // causes performance issues, add a numClients field to the document.
+      //
+      // The first check is because its possible that between refreshReapingTimeout being called and this
+      // event being fired, someone called delete() on the document and hence the doc is something else now.
+      if (
+        doc === docs[docName] &&
+        doc.eventEmitter.listeners('op').length === 0 &&
+        (db || options.forceReaping) &&
+        doc.opQueue.busy === false
+      ) {
+        let reapTimer
+        clearTimeout(doc.reapTimer)
+        return (doc.reapTimer = reapTimer =
+          setTimeout(
+            () =>
+              tryWriteSnapshot(docName, function () {
+                // If the reaping timeout has been refreshed while we're writing the snapshot, or if we're
+                // in the middle of applying an operation, don't reap.
+                if (
+                  docs[docName].reapTimer === reapTimer &&
+                  doc.opQueue.busy === false
+                ) {
+                  return delete docs[docName]
+                }
+              }),
+            options.reapTime
+          ))
+      }
+    })
+  }
+
+  function tryWriteSnapshot(docName, callback) {
+    if (!db) {
+      return typeof callback === 'function' ? callback() : undefined
+    }
+
+    const doc = docs[docName]
+
+    // The doc is closed
+    if (!doc) {
+      return typeof callback === 'function' ? callback() : undefined
+    }
+
+    // The document is already saved.
+    if (doc.committedVersion === doc.v) {
+      return typeof callback === 'function' ? callback() : undefined
+    }
+
+    if (doc.snapshotWriteLock) {
+      return typeof callback === 'function'
+        ? callback('Another snapshot write is in progress')
+        : undefined
+    }
+
+    doc.snapshotWriteLock = true
+
+    __guardMethod__(options.stats, 'writeSnapshot', o => o.writeSnapshot())
+
+    const writeSnapshot =
+      (db != null ? db.writeSnapshot : undefined) ||
+      ((docName, docData, dbMeta, callback) => callback())
+
+    const data = {
+      v: doc.v,
+      meta: doc.meta,
+      snapshot: doc.snapshot,
+      // The database doesn't know about object types.
+      type: doc.type.name,
+    }
+
+    // Commit snapshot.
+    return writeSnapshot(docName, data, doc.dbMeta, function (error, dbMeta) {
+      doc.snapshotWriteLock = false
+
+      // We have to use data.v here because the version in the doc could
+      // have been updated between the call to writeSnapshot() and now.
+      doc.committedVersion = data.v
+      doc.dbMeta = dbMeta
+
+      return typeof callback === 'function' ? callback(error) : undefined
+    })
+  }
+
+  // *** Model interface methods
+
+  // Create a new document.
+  //
+  // data should be {snapshot, type, [meta]}. The version of a new document is 0.
+  this.create = function (docName, type, meta, callback) {
+    if (typeof meta === 'function') {
+      ;[meta, callback] = Array.from([{}, meta])
+    }
+
+    if (docName.match(/\//)) {
+      return typeof callback === 'function'
+        ? callback('Invalid document name')
+        : undefined
+    }
+    if (docs[docName]) {
+      return typeof callback === 'function'
+        ? callback('Document already exists')
+        : undefined
+    }
+
+    if (typeof type === 'string') {
+      type = types[type]
+    }
+    if (!type) {
+      return typeof callback === 'function'
+        ? callback('Type not found')
+        : undefined
+    }
+
+    const data = {
+      snapshot: type.create(),
+      type: type.name,
+      meta: meta || {},
+      v: 0,
+    }
+
+    const done = function (error, dbMeta) {
+      // dbMeta can be used to cache extra state needed by the database to access the document, like an ID or something.
+      if (error) {
+        return typeof callback === 'function' ? callback(error) : undefined
+      }
+
+      // From here on we'll store the object version of the type name.
+      data.type = type
+      add(docName, null, data, 0, [], dbMeta)
+      model.emit('create', docName, data)
+      return typeof callback === 'function' ? callback() : undefined
+    }
+
+    if (db) {
+      return db.create(docName, data, done)
+    } else {
+      return done()
+    }
+  }
+
+  // Perminantly deletes the specified document.
+  // If listeners are attached, they are removed.
+  //
+  // The callback is called with (error) if there was an error. If error is null / undefined, the
+  // document was deleted.
+  //
+  // WARNING: This isn't well supported throughout the code. (Eg, streaming clients aren't told about the
+  // deletion. Subsequent op submissions will fail).
+  this.delete = function (docName, callback) {
+    const doc = docs[docName]
+
+    if (doc) {
+      clearTimeout(doc.reapTimer)
+      delete docs[docName]
+    }
+
+    const done = function (error) {
+      if (!error) {
+        model.emit('delete', docName)
+      }
+      return typeof callback === 'function' ? callback(error) : undefined
+    }
+
+    if (db) {
+      return db.delete(docName, doc != null ? doc.dbMeta : undefined, done)
+    } else {
+      return done(!doc ? 'Document does not exist' : undefined)
+    }
+  }
+
+  // This gets all operations from [start...end]. (That is, its not inclusive.)
+  //
+  // end can be null. This means 'get me all ops from start'.
+  //
+  // Each op returned is in the form {op:o, meta:m, v:version}.
+  //
+  // Callback is called with (error, [ops])
+  //
+  // If the document does not exist, getOps doesn't necessarily return an error. This is because
+  // its awkward to figure out whether or not the document exists for things
+  // like the redis database backend. I guess its a bit gross having this inconsistant
+  // with the other DB calls, but its certainly convenient.
+  //
+  // Use getVersion() to determine if a document actually exists, if thats what you're
+  // after.
+  this.getOps = getOps = function (docName, start, end, callback) {
+    // getOps will only use the op cache if its there. It won't fill the op cache in.
+    if (!(start >= 0)) {
+      throw new Error('start must be 0+')
+    }
+
+    if (typeof end === 'function') {
+      ;[end, callback] = Array.from([null, end])
+    }
+
+    const ops = docs[docName] != null ? docs[docName].ops : undefined
+
+    if (ops) {
+      const version = docs[docName].v
+
+      // Ops contains an array of ops. The last op in the list is the last op applied
+      if (end == null) {
+        end = version
+      }
+      start = Math.min(start, end)
+
+      if (start === end) {
+        return callback(null, [])
+      }
+
+      // Base is the version number of the oldest op we have cached
+      const base = version - ops.length
+
+      // If the database is null, we'll trim to the ops we do have and hope thats enough.
+      if (start >= base || db === null) {
+        refreshReapingTimeout(docName)
+        if (options.stats != null) {
+          options.stats.cacheHit('getOps')
+        }
+
+        return callback(null, ops.slice(start - base, end - base))
+      }
+    }
+
+    if (options.stats != null) {
+      options.stats.cacheMiss('getOps')
+    }
+
+    return getOpsInternal(docName, start, end, callback)
+  }
+
+  // Gets the snapshot data for the specified document.
+  // getSnapshot(docName, callback)
+  // Callback is called with (error, {v: <version>, type: <type>, snapshot: <snapshot>, meta: <meta>})
+  this.getSnapshot = (docName, callback) =>
+    load(docName, (error, doc) =>
+      callback(
+        error,
+        doc
+          ? { v: doc.v, type: doc.type, snapshot: doc.snapshot, meta: doc.meta }
+          : undefined
+      )
+    )
+
+  // Gets the latest version # of the document.
+  // getVersion(docName, callback)
+  // callback is called with (error, version).
+  this.getVersion = (docName, callback) =>
+    load(docName, (error, doc) =>
+      callback(error, doc != null ? doc.v : undefined)
+    )
+
+  // Apply an op to the specified document.
+  // The callback is passed (error, applied version #)
+  // opData = {op:op, v:v, meta:metadata}
+  //
+  // Ops are queued before being applied so that the following code applies op C before op B:
+  // model.applyOp 'doc', OPA, -> model.applyOp 'doc', OPB
+  // model.applyOp 'doc', OPC
+  this.applyOp = (
+    docName,
+    opData,
+    callback // All the logic for this is in makeOpQueue, above.
+  ) =>
+    load(docName, function (error, doc) {
+      if (error) {
+        return callback(error)
+      }
+
+      return process.nextTick(() =>
+        doc.opQueue(opData, function (error, newVersion) {
+          refreshReapingTimeout(docName)
+          return typeof callback === 'function'
+            ? callback(error, newVersion)
+            : undefined
+        })
+      )
+    })
+
+  // TODO: store (some) metadata in DB
+  // TODO: op and meta should be combineable in the op that gets sent
+  this.applyMetaOp = function (docName, metaOpData, callback) {
+    const { path, value } = metaOpData.meta
+
+    if (!isArray(path)) {
+      return typeof callback === 'function'
+        ? callback('path should be an array')
+        : undefined
+    }
+
+    return load(docName, function (error, doc) {
+      if (error != null) {
+        return typeof callback === 'function' ? callback(error) : undefined
+      } else {
+        let applied = false
+        switch (path[0]) {
+          case 'shout':
+            doc.eventEmitter.emit('op', metaOpData)
+            applied = true
+            break
+        }
+
+        if (applied) {
+          model.emit('applyMetaOp', docName, path, value)
+        }
+        return typeof callback === 'function'
+          ? callback(null, doc.v)
+          : undefined
+      }
+    })
+  }
+
+  // Listen to all ops from the specified version. If version is in the past, all
+  // ops since that version are sent immediately to the listener.
+  //
+  // The callback is called once the listener is attached, but before any ops have been passed
+  // to the listener.
+  //
+  // This will _not_ edit the document metadata.
+  //
+  // If there are any listeners, we don't purge the document from the cache. But be aware, this behaviour
+  // might change in a future version.
+  //
+  // version is the document version at which the document is opened. It can be left out if you want to open
+  // the document at the most recent version.
+  //
+  // listener is called with (opData) each time an op is applied.
+  //
+  // callback(error, openedVersion)
+  this.listen = function (docName, version, listener, callback) {
+    if (typeof version === 'function') {
+      ;[version, listener, callback] = Array.from([null, version, listener])
+    }
+
+    return load(docName, function (error, doc) {
+      if (error) {
+        return typeof callback === 'function' ? callback(error) : undefined
+      }
+
+      clearTimeout(doc.reapTimer)
+
+      if (version != null) {
+        return getOps(docName, version, null, function (error, data) {
+          if (error) {
+            return typeof callback === 'function' ? callback(error) : undefined
+          }
+
+          doc.eventEmitter.on('op', listener)
+          if (typeof callback === 'function') {
+            callback(null, version)
+          }
+          return (() => {
+            const result = []
+            for (const op of Array.from(data)) {
+              let needle
+              listener(op)
+
+              // The listener may well remove itself during the catchup phase. If this happens, break early.
+              // This is done in a quite inefficient way. (O(n) where n = #listeners on doc)
+              if (
+                ((needle = listener),
+                !Array.from(doc.eventEmitter.listeners('op')).includes(needle))
+              ) {
+                break
+              } else {
+                result.push(undefined)
+              }
+            }
+            return result
+          })()
+        })
+      } else {
+        // Version is null / undefined. Just add the listener.
+        doc.eventEmitter.on('op', listener)
+        return typeof callback === 'function'
+          ? callback(null, doc.v)
+          : undefined
+      }
+    })
+  }
+
+  // Remove a listener for a particular document.
+  //
+  // removeListener(docName, listener)
+  //
+  // This is synchronous.
+  this.removeListener = function (docName, listener) {
+    // The document should already be loaded.
+    const doc = docs[docName]
+    if (!doc) {
+      throw new Error('removeListener called but document not loaded')
+    }
+
+    doc.eventEmitter.removeListener('op', listener)
+    return refreshReapingTimeout(docName)
+  }
+
+  // Flush saves all snapshot data to the database. I'm not sure whether or not this is actually needed -
+  // sharejs will happily replay uncommitted ops when documents are re-opened anyway.
+  this.flush = function (callback) {
+    if (!db) {
+      return typeof callback === 'function' ? callback() : undefined
+    }
+
+    let pendingWrites = 0
+
+    for (const docName in docs) {
+      const doc = docs[docName]
+      if (doc.committedVersion < doc.v) {
+        pendingWrites++
+        // I'm hoping writeSnapshot will always happen in another thread.
+        tryWriteSnapshot(docName, () =>
+          process.nextTick(function () {
+            pendingWrites--
+            if (pendingWrites === 0) {
+              return typeof callback === 'function' ? callback() : undefined
+            }
+          })
+        )
+      }
+    }
+
+    // If nothing was queued, terminate immediately.
+    if (pendingWrites === 0) {
+      return typeof callback === 'function' ? callback() : undefined
+    }
+  }
+
+  // Close the database connection. This is needed so nodejs can shut down cleanly.
+  this.closeDb = function () {
+    __guardMethod__(db, 'close', o => o.close())
+    return (db = null)
+  }
+}
+
+// Model inherits from EventEmitter.
+Model.prototype = new EventEmitter()
+
+function __guardMethod__(obj, methodName, transform) {
+  if (
+    typeof obj !== 'undefined' &&
+    obj !== null &&
+    typeof obj[methodName] === 'function'
+  ) {
+    return transform(obj, methodName)
+  } else {
+    return undefined
+  }
+}
diff --git a/services/document-updater/app/js/sharejs/server/syncqueue.js b/services/document-updater/app/js/sharejs/server/syncqueue.js
new file mode 100644
index 0000000..7795923
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/server/syncqueue.js
@@ -0,0 +1,60 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+// A synchronous processing queue. The queue calls process on the arguments,
+// ensuring that process() is only executing once at a time.
+//
+// process(data, callback) _MUST_ eventually call its callback.
+//
+// Example:
+//
+// queue = require 'syncqueue'
+//
+// fn = queue (data, callback) ->
+//     asyncthing data, ->
+//         callback(321)
+//
+// fn(1)
+// fn(2)
+// fn(3, (result) -> console.log(result))
+//
+//   ^--- async thing will only be running once at any time.
+
+module.exports = function (process) {
+  if (typeof process !== 'function') {
+    throw new Error('process is not a function')
+  }
+  const queue = []
+
+  const enqueue = function (data, callback) {
+    queue.push([data, callback])
+    return flush()
+  }
+
+  enqueue.busy = false
+
+  function flush() {
+    if (enqueue.busy || queue.length === 0) {
+      return
+    }
+
+    enqueue.busy = true
+    const [data, callback] = Array.from(queue.shift())
+    return process(data, function (...result) {
+      // TODO: Make this not use varargs - varargs are really slow.
+      enqueue.busy = false
+      // This is called after busy = false so a user can check if enqueue.busy is set in the callback.
+      if (callback) {
+        callback.apply(null, result)
+      }
+      return flush()
+    })
+  }
+
+  return enqueue
+}
diff --git a/services/document-updater/app/js/sharejs/types/README.md b/services/document-updater/app/js/sharejs/types/README.md
new file mode 100644
index 0000000..22e6884
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/types/README.md
@@ -0,0 +1,48 @@
+This directory contains all the operational transform code. Each file defines a type.
+
+Most of the types in here are for testing or demonstration. The only types which are sent to the webclient
+are `text` and `json`.
+
+
+# An OT type
+
+All OT types have the following fields:
+
+`name`: _(string)_ Name of the type. Should match the filename.
+`create() -> snapshot`: Function which creates and returns a new document snapshot
+
+`apply(snapshot, op) -> snapshot`: A function which creates a new document snapshot with the op applied
+`transform(op1, op2, side) -> op1'`: OT transform function.
+
+Given op1, op2, `apply(s, op2, transform(op1, op2, 'left')) == apply(s, op1, transform(op2, op1, 'right'))`.
+
+Transform and apply must never modify their arguments.
+
+
+Optional properties:
+
+`tp2`: _(bool)_ True if the transform function supports TP2. This allows p2p architectures to work.
+`compose(op1, op2) -> op`: Create and return a new op which has the same effect as op1 + op2.
+`serialize(snapshot) -> JSON object`: Serialize a document to something we can JSON.stringify()
+`deserialize(object) -> snapshot`: Deserialize a JSON object into the document's internal snapshot format
+`prune(op1', op2, side) -> op1`: Inserse transform function. Only required for TP2 types.
+`normalize(op) -> op`: Fix up an op to make it valid. Eg, remove skips of size zero.
+`api`: _(object)_ Set of helper methods which will be mixed in to the client document object for manipulating documents. See below.
+
+
+# Examples
+
+`count` and `simple` are two trivial OT type definitions if you want to take a look. JSON defines
+the ot-for-JSON type (see the wiki for documentation) and all the text types define different text
+implementations. (I still have no idea which one I like the most, and they're fun to write!)
+
+
+# API
+
+Types can also define API functions. These methods are mixed into the client's Doc object when a document is created.
+You can use them to help construct ops programatically (so users don't need to understand how ops are structured).
+
+For example, the three text types defined here (text, text-composable and text-tp2) all provide the text API, supplying
+`.insert()`, `.del()`, `.getLength` and `.getText` methods.
+
+See text-api.coffee for an example.
diff --git a/services/document-updater/app/js/sharejs/types/count.js b/services/document-updater/app/js/sharejs/types/count.js
new file mode 100644
index 0000000..246f6b7
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/types/count.js
@@ -0,0 +1,37 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+// This is a simple type used for testing other OT code. Each op is [expectedSnapshot, increment]
+
+exports.name = 'count'
+exports.create = () => 1
+
+exports.apply = function (snapshot, op) {
+  const [v, inc] = Array.from(op)
+  if (snapshot !== v) {
+    throw new Error(`Op ${v} != snapshot ${snapshot}`)
+  }
+  return snapshot + inc
+}
+
+// transform op1 by op2. Return transformed version of op1.
+exports.transform = function (op1, op2) {
+  if (op1[0] !== op2[0]) {
+    throw new Error(`Op1 ${op1[0]} != op2 ${op2[0]}`)
+  }
+  return [op1[0] + op2[1], op1[1]]
+}
+
+exports.compose = function (op1, op2) {
+  if (op1[0] + op1[1] !== op2[0]) {
+    throw new Error(`Op1 ${op1} + 1 != op2 ${op2}`)
+  }
+  return [op1[0], op1[1] + op2[1]]
+}
+
+exports.generateRandomOp = doc => [[doc, 1], doc + 1]
diff --git a/services/document-updater/app/js/sharejs/types/helpers.js b/services/document-updater/app/js/sharejs/types/helpers.js
new file mode 100644
index 0000000..0342655
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/types/helpers.js
@@ -0,0 +1,116 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+// These methods let you build a transform function from a transformComponent function
+// for OT types like text and JSON in which operations are lists of components
+// and transforming them requires N^2 work.
+
+// Add transform and transformX functions for an OT type which has transformComponent defined.
+// transformComponent(destination array, component, other component, side)
+let bootstrapTransform
+exports._bt = bootstrapTransform = function (
+  type,
+  transformComponent,
+  checkValidOp,
+  append
+) {
+  let transformX
+  const transformComponentX = function (left, right, destLeft, destRight) {
+    transformComponent(destLeft, left, right, 'left')
+    return transformComponent(destRight, right, left, 'right')
+  }
+
+  // Transforms rightOp by leftOp. Returns ['rightOp', clientOp']
+  type.transformX =
+    type.transformX =
+    transformX =
+      function (leftOp, rightOp) {
+        checkValidOp(leftOp)
+        checkValidOp(rightOp)
+
+        const newRightOp = []
+
+        for (let rightComponent of Array.from(rightOp)) {
+          // Generate newLeftOp by composing leftOp by rightComponent
+          const newLeftOp = []
+
+          let k = 0
+          while (k < leftOp.length) {
+            let l
+            const nextC = []
+            transformComponentX(leftOp[k], rightComponent, newLeftOp, nextC)
+            k++
+
+            if (nextC.length === 1) {
+              rightComponent = nextC[0]
+            } else if (nextC.length === 0) {
+              for (l of Array.from(leftOp.slice(k))) {
+                append(newLeftOp, l)
+              }
+              rightComponent = null
+              break
+            } else {
+              // Recurse.
+              const [l_, r_] = Array.from(transformX(leftOp.slice(k), nextC))
+              for (l of Array.from(l_)) {
+                append(newLeftOp, l)
+              }
+              for (const r of Array.from(r_)) {
+                append(newRightOp, r)
+              }
+              rightComponent = null
+              break
+            }
+          }
+
+          if (rightComponent != null) {
+            append(newRightOp, rightComponent)
+          }
+          leftOp = newLeftOp
+        }
+
+        return [leftOp, newRightOp]
+      }
+
+  // Transforms op with specified type ('left' or 'right') by otherOp.
+  return (type.transform = type.transform =
+    function (op, otherOp, type) {
+      let _
+      if (type !== 'left' && type !== 'right') {
+        throw new Error("type must be 'left' or 'right'")
+      }
+
+      if (otherOp.length === 0) {
+        return op
+      }
+
+      // TODO: Benchmark with and without this line. I _think_ it'll make a big difference...?
+      if (op.length === 1 && otherOp.length === 1) {
+        return transformComponent([], op[0], otherOp[0], type)
+      }
+
+      if (type === 'left') {
+        let left
+        ;[left, _] = Array.from(transformX(op, otherOp))
+        return left
+      } else {
+        let right
+        ;[_, right] = Array.from(transformX(otherOp, op))
+        return right
+      }
+    })
+}
+
+if (typeof WEB === 'undefined') {
+  exports.bootstrapTransform = bootstrapTransform
+}
diff --git a/services/document-updater/app/js/sharejs/types/index.js b/services/document-updater/app/js/sharejs/types/index.js
new file mode 100644
index 0000000..7e3d6bb
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/types/index.js
@@ -0,0 +1,25 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+
+const register = function (file) {
+  const type = require(file)
+  exports[type.name] = type
+  try {
+    return require(`${file}-api`)
+  } catch (error) {}
+}
+
+// Import all the built-in types.
+register('./simple')
+register('./count')
+
+register('./text')
+register('./text-composable')
+register('./text-tp2')
+
+register('./json')
diff --git a/services/document-updater/app/js/sharejs/types/json-api.js b/services/document-updater/app/js/sharejs/types/json-api.js
new file mode 100644
index 0000000..e591f66
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/types/json-api.js
@@ -0,0 +1,356 @@
+/* eslint-disable
+    no-undef,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+// API for JSON OT
+
+let json
+if (typeof WEB === 'undefined') {
+  json = require('./json')
+}
+
+if (typeof WEB !== 'undefined' && WEB !== null) {
+  const { extendDoc } = exports
+  exports.extendDoc = function (name, fn) {
+    SubDoc.prototype[name] = fn
+    return extendDoc(name, fn)
+  }
+}
+
+const depath = function (path) {
+  if (path.length === 1 && path[0].constructor === Array) {
+    return path[0]
+  } else {
+    return path
+  }
+}
+
+class SubDoc {
+  constructor(doc, path) {
+    this.doc = doc
+    this.path = path
+  }
+
+  at(...path) {
+    return this.doc.at(this.path.concat(depath(path)))
+  }
+
+  get() {
+    return this.doc.getAt(this.path)
+  }
+
+  // for objects and lists
+  set(value, cb) {
+    return this.doc.setAt(this.path, value, cb)
+  }
+
+  // for strings and lists.
+  insert(pos, value, cb) {
+    return this.doc.insertAt(this.path, pos, value, cb)
+  }
+
+  // for strings
+  del(pos, length, cb) {
+    return this.doc.deleteTextAt(this.path, length, pos, cb)
+  }
+
+  // for objects and lists
+  remove(cb) {
+    return this.doc.removeAt(this.path, cb)
+  }
+
+  push(value, cb) {
+    return this.insert(this.get().length, value, cb)
+  }
+
+  move(from, to, cb) {
+    return this.doc.moveAt(this.path, from, to, cb)
+  }
+
+  add(amount, cb) {
+    return this.doc.addAt(this.path, amount, cb)
+  }
+
+  on(event, cb) {
+    return this.doc.addListener(this.path, event, cb)
+  }
+
+  removeListener(l) {
+    return this.doc.removeListener(l)
+  }
+
+  // text API compatibility
+  getLength() {
+    return this.get().length
+  }
+
+  getText() {
+    return this.get()
+  }
+}
+
+const traverse = function (snapshot, path) {
+  const container = { data: snapshot }
+  let key = 'data'
+  let elem = container
+  for (const p of Array.from(path)) {
+    elem = elem[key]
+    key = p
+    if (typeof elem === 'undefined') {
+      throw new Error('bad path')
+    }
+  }
+  return { elem, key }
+}
+
+const pathEquals = function (p1, p2) {
+  if (p1.length !== p2.length) {
+    return false
+  }
+  for (let i = 0; i < p1.length; i++) {
+    const e = p1[i]
+    if (e !== p2[i]) {
+      return false
+    }
+  }
+  return true
+}
+
+json.api = {
+  provides: { json: true },
+
+  at(...path) {
+    return new SubDoc(this, depath(path))
+  },
+
+  get() {
+    return this.snapshot
+  },
+  set(value, cb) {
+    return this.setAt([], value, cb)
+  },
+
+  getAt(path) {
+    const { elem, key } = traverse(this.snapshot, path)
+    return elem[key]
+  },
+
+  setAt(path, value, cb) {
+    const { elem, key } = traverse(this.snapshot, path)
+    const op = { p: path }
+    if (elem.constructor === Array) {
+      op.li = value
+      if (typeof elem[key] !== 'undefined') {
+        op.ld = elem[key]
+      }
+    } else if (typeof elem === 'object') {
+      op.oi = value
+      if (typeof elem[key] !== 'undefined') {
+        op.od = elem[key]
+      }
+    } else {
+      throw new Error('bad path')
+    }
+    return this.submitOp([op], cb)
+  },
+
+  removeAt(path, cb) {
+    const { elem, key } = traverse(this.snapshot, path)
+    if (typeof elem[key] === 'undefined') {
+      throw new Error('no element at that path')
+    }
+    const op = { p: path }
+    if (elem.constructor === Array) {
+      op.ld = elem[key]
+    } else if (typeof elem === 'object') {
+      op.od = elem[key]
+    } else {
+      throw new Error('bad path')
+    }
+    return this.submitOp([op], cb)
+  },
+
+  insertAt(path, pos, value, cb) {
+    const { elem, key } = traverse(this.snapshot, path)
+    const op = { p: path.concat(pos) }
+    if (elem[key].constructor === Array) {
+      op.li = value
+    } else if (typeof elem[key] === 'string') {
+      op.si = value
+    }
+    return this.submitOp([op], cb)
+  },
+
+  moveAt(path, from, to, cb) {
+    const op = [{ p: path.concat(from), lm: to }]
+    return this.submitOp(op, cb)
+  },
+
+  addAt(path, amount, cb) {
+    const op = [{ p: path, na: amount }]
+    return this.submitOp(op, cb)
+  },
+
+  deleteTextAt(path, length, pos, cb) {
+    const { elem, key } = traverse(this.snapshot, path)
+    const op = [{ p: path.concat(pos), sd: elem[key].slice(pos, pos + length) }]
+    return this.submitOp(op, cb)
+  },
+
+  addListener(path, event, cb) {
+    const l = { path, event, cb }
+    this._listeners.push(l)
+    return l
+  },
+  removeListener(l) {
+    const i = this._listeners.indexOf(l)
+    if (i < 0) {
+      return false
+    }
+    this._listeners.splice(i, 1)
+    return true
+  },
+  _register() {
+    this._listeners = []
+    this.on('change', function (op) {
+      return (() => {
+        const result = []
+        for (const c of Array.from(op)) {
+          let i
+          if (c.na !== undefined || c.si !== undefined || c.sd !== undefined) {
+            // no change to structure
+            continue
+          }
+          const toRemove = []
+          for (i = 0; i < this._listeners.length; i++) {
+            // Transform a dummy op by the incoming op to work out what
+            // should happen to the listener.
+            const l = this._listeners[i]
+            const dummy = { p: l.path, na: 0 }
+            const xformed = this.type.transformComponent([], dummy, c, 'left')
+            if (xformed.length === 0) {
+              // The op was transformed to noop, so we should delete the listener.
+              toRemove.push(i)
+            } else if (xformed.length === 1) {
+              // The op remained, so grab its new path into the listener.
+              l.path = xformed[0].p
+            } else {
+              throw new Error(
+                "Bad assumption in json-api: xforming an 'si' op will always result in 0 or 1 components."
+              )
+            }
+          }
+          toRemove.sort((a, b) => b - a)
+          result.push(
+            (() => {
+              const result1 = []
+              for (i of Array.from(toRemove)) {
+                result1.push(this._listeners.splice(i, 1))
+              }
+              return result1
+            })()
+          )
+        }
+        return result
+      })()
+    })
+    return this.on('remoteop', function (op) {
+      return (() => {
+        const result = []
+        for (const c of Array.from(op)) {
+          const matchPath =
+            c.na === undefined ? c.p.slice(0, c.p.length - 1) : c.p
+          result.push(
+            (() => {
+              const result1 = []
+              for (const { path, event, cb } of Array.from(this._listeners)) {
+                let common
+                if (pathEquals(path, matchPath)) {
+                  switch (event) {
+                    case 'insert':
+                      if (c.li !== undefined && c.ld === undefined) {
+                        result1.push(cb(c.p[c.p.length - 1], c.li))
+                      } else if (c.oi !== undefined && c.od === undefined) {
+                        result1.push(cb(c.p[c.p.length - 1], c.oi))
+                      } else if (c.si !== undefined) {
+                        result1.push(cb(c.p[c.p.length - 1], c.si))
+                      } else {
+                        result1.push(undefined)
+                      }
+                      break
+                    case 'delete':
+                      if (c.li === undefined && c.ld !== undefined) {
+                        result1.push(cb(c.p[c.p.length - 1], c.ld))
+                      } else if (c.oi === undefined && c.od !== undefined) {
+                        result1.push(cb(c.p[c.p.length - 1], c.od))
+                      } else if (c.sd !== undefined) {
+                        result1.push(cb(c.p[c.p.length - 1], c.sd))
+                      } else {
+                        result1.push(undefined)
+                      }
+                      break
+                    case 'replace':
+                      if (c.li !== undefined && c.ld !== undefined) {
+                        result1.push(cb(c.p[c.p.length - 1], c.ld, c.li))
+                      } else if (c.oi !== undefined && c.od !== undefined) {
+                        result1.push(cb(c.p[c.p.length - 1], c.od, c.oi))
+                      } else {
+                        result1.push(undefined)
+                      }
+                      break
+                    case 'move':
+                      if (c.lm !== undefined) {
+                        result1.push(cb(c.p[c.p.length - 1], c.lm))
+                      } else {
+                        result1.push(undefined)
+                      }
+                      break
+                    case 'add':
+                      if (c.na !== undefined) {
+                        result1.push(cb(c.na))
+                      } else {
+                        result1.push(undefined)
+                      }
+                      break
+                    default:
+                      result1.push(undefined)
+                  }
+                } else if (
+                  (common = this.type.commonPath(matchPath, path)) != null
+                ) {
+                  if (event === 'child op') {
+                    if (
+                      matchPath.length === path.length &&
+                      path.length === common
+                    ) {
+                      throw new Error(
+                        "paths match length and have commonality, but aren't equal?"
+                      )
+                    }
+                    const childPath = c.p.slice(common + 1)
+                    result1.push(cb(childPath, c))
+                  } else {
+                    result1.push(undefined)
+                  }
+                } else {
+                  result1.push(undefined)
+                }
+              }
+              return result1
+            })()
+          )
+        }
+        return result
+      })()
+    })
+  },
+}
diff --git a/services/document-updater/app/js/sharejs/types/json.js b/services/document-updater/app/js/sharejs/types/json.js
new file mode 100644
index 0000000..3422d61
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/types/json.js
@@ -0,0 +1,630 @@
+/* eslint-disable
+    no-return-assign,
+    no-undef,
+    no-useless-catch,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+// This is the implementation of the JSON OT type.
+//
+// Spec is here: https://github.com/josephg/ShareJS/wiki/JSON-Operations
+
+let text
+if (typeof WEB !== 'undefined' && WEB !== null) {
+  ;({ text } = exports.types)
+} else {
+  text = require('./text')
+}
+
+const json = {}
+
+json.name = 'json'
+
+json.create = () => null
+
+json.invertComponent = function (c) {
+  const c_ = { p: c.p }
+  if (c.si !== undefined) {
+    c_.sd = c.si
+  }
+  if (c.sd !== undefined) {
+    c_.si = c.sd
+  }
+  if (c.oi !== undefined) {
+    c_.od = c.oi
+  }
+  if (c.od !== undefined) {
+    c_.oi = c.od
+  }
+  if (c.li !== undefined) {
+    c_.ld = c.li
+  }
+  if (c.ld !== undefined) {
+    c_.li = c.ld
+  }
+  if (c.na !== undefined) {
+    c_.na = -c.na
+  }
+  if (c.lm !== undefined) {
+    c_.lm = c.p[c.p.length - 1]
+    c_.p = c.p.slice(0, c.p.length - 1).concat([c.lm])
+  }
+  return c_
+}
+
+json.invert = op =>
+  Array.from(op.slice().reverse()).map(c => json.invertComponent(c))
+
+json.checkValidOp = function (op) {}
+
+const isArray = o => Object.prototype.toString.call(o) === '[object Array]'
+json.checkList = function (elem) {
+  if (!isArray(elem)) {
+    throw new Error('Referenced element not a list')
+  }
+}
+
+json.checkObj = function (elem) {
+  if (elem.constructor !== Object) {
+    throw new Error(
+      `Referenced element not an object (it was ${JSON.stringify(elem)})`
+    )
+  }
+}
+
+json.apply = function (snapshot, op) {
+  json.checkValidOp(op)
+  op = clone(op)
+
+  const container = { data: clone(snapshot) }
+
+  try {
+    for (let i = 0; i < op.length; i++) {
+      const c = op[i]
+      let parent = null
+      let parentkey = null
+      let elem = container
+      let key = 'data'
+
+      for (const p of Array.from(c.p)) {
+        parent = elem
+        parentkey = key
+        elem = elem[key]
+        key = p
+
+        if (parent == null) {
+          throw new Error('Path invalid')
+        }
+      }
+
+      if (c.na !== undefined) {
+        // Number add
+        if (typeof elem[key] !== 'number') {
+          throw new Error('Referenced element not a number')
+        }
+        elem[key] += c.na
+      } else if (c.si !== undefined) {
+        // String insert
+        if (typeof elem !== 'string') {
+          throw new Error(
+            `Referenced element not a string (it was ${JSON.stringify(elem)})`
+          )
+        }
+        parent[parentkey] = elem.slice(0, key) + c.si + elem.slice(key)
+      } else if (c.sd !== undefined) {
+        // String delete
+        if (typeof elem !== 'string') {
+          throw new Error('Referenced element not a string')
+        }
+        if (elem.slice(key, key + c.sd.length) !== c.sd) {
+          throw new Error('Deleted string does not match')
+        }
+        parent[parentkey] = elem.slice(0, key) + elem.slice(key + c.sd.length)
+      } else if (c.li !== undefined && c.ld !== undefined) {
+        // List replace
+        json.checkList(elem)
+
+        // Should check the list element matches c.ld
+        elem[key] = c.li
+      } else if (c.li !== undefined) {
+        // List insert
+        json.checkList(elem)
+
+        elem.splice(key, 0, c.li)
+      } else if (c.ld !== undefined) {
+        // List delete
+        json.checkList(elem)
+
+        // Should check the list element matches c.ld here too.
+        elem.splice(key, 1)
+      } else if (c.lm !== undefined) {
+        // List move
+        json.checkList(elem)
+        if (c.lm !== key) {
+          const e = elem[key]
+          // Remove it...
+          elem.splice(key, 1)
+          // And insert it back.
+          elem.splice(c.lm, 0, e)
+        }
+      } else if (c.oi !== undefined) {
+        // Object insert / replace
+        json.checkObj(elem)
+
+        // Should check that elem[key] == c.od
+        elem[key] = c.oi
+      } else if (c.od !== undefined) {
+        // Object delete
+        json.checkObj(elem)
+
+        // Should check that elem[key] == c.od
+        delete elem[key]
+      } else {
+        throw new Error('invalid / missing instruction in op')
+      }
+    }
+  } catch (error) {
+    // TODO: Roll back all already applied changes. Write tests before implementing this code.
+    throw error
+  }
+
+  return container.data
+}
+
+// Checks if two paths, p1 and p2 match.
+json.pathMatches = function (p1, p2, ignoreLast) {
+  if (p1.length !== p2.length) {
+    return false
+  }
+
+  for (let i = 0; i < p1.length; i++) {
+    const p = p1[i]
+    if (p !== p2[i] && (!ignoreLast || i !== p1.length - 1)) {
+      return false
+    }
+  }
+
+  return true
+}
+
+json.append = function (dest, c) {
+  let last
+  c = clone(c)
+  if (
+    dest.length !== 0 &&
+    json.pathMatches(c.p, (last = dest[dest.length - 1]).p)
+  ) {
+    if (last.na !== undefined && c.na !== undefined) {
+      return (dest[dest.length - 1] = { p: last.p, na: last.na + c.na })
+    } else if (
+      last.li !== undefined &&
+      c.li === undefined &&
+      c.ld === last.li
+    ) {
+      // insert immediately followed by delete becomes a noop.
+      if (last.ld !== undefined) {
+        // leave the delete part of the replace
+        return delete last.li
+      } else {
+        return dest.pop()
+      }
+    } else if (
+      last.od !== undefined &&
+      last.oi === undefined &&
+      c.oi !== undefined &&
+      c.od === undefined
+    ) {
+      return (last.oi = c.oi)
+    } else if (c.lm !== undefined && c.p[c.p.length - 1] === c.lm) {
+      return null // don't do anything
+    } else {
+      return dest.push(c)
+    }
+  } else {
+    return dest.push(c)
+  }
+}
+
+json.compose = function (op1, op2) {
+  json.checkValidOp(op1)
+  json.checkValidOp(op2)
+
+  const newOp = clone(op1)
+  for (const c of Array.from(op2)) {
+    json.append(newOp, c)
+  }
+
+  return newOp
+}
+
+json.normalize = function (op) {
+  const newOp = []
+
+  if (!isArray(op)) {
+    op = [op]
+  }
+
+  for (const c of Array.from(op)) {
+    if (c.p == null) {
+      c.p = []
+    }
+    json.append(newOp, c)
+  }
+
+  return newOp
+}
+
+// hax, copied from test/types/json. Apparently this is still the fastest way to deep clone an object, assuming
+// we have browser support for JSON.
+// http://jsperf.com/cloning-an-object/12
+const clone = o => JSON.parse(JSON.stringify(o))
+
+json.commonPath = function (p1, p2) {
+  p1 = p1.slice()
+  p2 = p2.slice()
+  p1.unshift('data')
+  p2.unshift('data')
+  p1 = p1.slice(0, p1.length - 1)
+  p2 = p2.slice(0, p2.length - 1)
+  if (p2.length === 0) {
+    return -1
+  }
+  let i = 0
+  while (p1[i] === p2[i] && i < p1.length) {
+    i++
+    if (i === p2.length) {
+      return i - 1
+    }
+  }
+}
+
+// transform c so it applies to a document with otherC applied.
+json.transformComponent = function (dest, c, otherC, type) {
+  let oc
+  c = clone(c)
+  if (c.na !== undefined) {
+    c.p.push(0)
+  }
+  if (otherC.na !== undefined) {
+    otherC.p.push(0)
+  }
+
+  const common = json.commonPath(c.p, otherC.p)
+  const common2 = json.commonPath(otherC.p, c.p)
+
+  const cplength = c.p.length
+  const otherCplength = otherC.p.length
+
+  if (c.na !== undefined) {
+    c.p.pop()
+  } // hax
+  if (otherC.na !== undefined) {
+    otherC.p.pop()
+  }
+
+  if (otherC.na) {
+    if (
+      common2 != null &&
+      otherCplength >= cplength &&
+      otherC.p[common2] === c.p[common2]
+    ) {
+      if (c.ld !== undefined) {
+        oc = clone(otherC)
+        oc.p = oc.p.slice(cplength)
+        c.ld = json.apply(clone(c.ld), [oc])
+      } else if (c.od !== undefined) {
+        oc = clone(otherC)
+        oc.p = oc.p.slice(cplength)
+        c.od = json.apply(clone(c.od), [oc])
+      }
+    }
+    json.append(dest, c)
+    return dest
+  }
+
+  if (
+    common2 != null &&
+    otherCplength > cplength &&
+    c.p[common2] === otherC.p[common2]
+  ) {
+    // transform based on c
+    if (c.ld !== undefined) {
+      oc = clone(otherC)
+      oc.p = oc.p.slice(cplength)
+      c.ld = json.apply(clone(c.ld), [oc])
+    } else if (c.od !== undefined) {
+      oc = clone(otherC)
+      oc.p = oc.p.slice(cplength)
+      c.od = json.apply(clone(c.od), [oc])
+    }
+  }
+
+  if (common != null) {
+    let from, p, to
+    const commonOperand = cplength === otherCplength
+    // transform based on otherC
+    if (otherC.na !== undefined) {
+      // this case is handled above due to icky path hax
+    } else if (otherC.si !== undefined || otherC.sd !== undefined) {
+      // String op vs string op - pass through to text type
+      if (c.si !== undefined || c.sd !== undefined) {
+        if (!commonOperand) {
+          throw new Error('must be a string?')
+        }
+
+        // Convert an op component to a text op component
+        const convert = function (component) {
+          const newC = { p: component.p[component.p.length - 1] }
+          if (component.si) {
+            newC.i = component.si
+          } else {
+            newC.d = component.sd
+          }
+          return newC
+        }
+
+        const tc1 = convert(c)
+        const tc2 = convert(otherC)
+
+        const res = []
+        text._tc(res, tc1, tc2, type)
+        for (const tc of Array.from(res)) {
+          const jc = { p: c.p.slice(0, common) }
+          jc.p.push(tc.p)
+          if (tc.i != null) {
+            jc.si = tc.i
+          }
+          if (tc.d != null) {
+            jc.sd = tc.d
+          }
+          json.append(dest, jc)
+        }
+        return dest
+      }
+    } else if (otherC.li !== undefined && otherC.ld !== undefined) {
+      if (otherC.p[common] === c.p[common]) {
+        // noop
+        if (!commonOperand) {
+          // we're below the deleted element, so -> noop
+          return dest
+        } else if (c.ld !== undefined) {
+          // we're trying to delete the same element, -> noop
+          if (c.li !== undefined && type === 'left') {
+            // we're both replacing one element with another. only one can
+            // survive!
+            c.ld = clone(otherC.li)
+          } else {
+            return dest
+          }
+        }
+      }
+    } else if (otherC.li !== undefined) {
+      if (
+        c.li !== undefined &&
+        c.ld === undefined &&
+        commonOperand &&
+        c.p[common] === otherC.p[common]
+      ) {
+        // in li vs. li, left wins.
+        if (type === 'right') {
+          c.p[common]++
+        }
+      } else if (otherC.p[common] <= c.p[common]) {
+        c.p[common]++
+      }
+
+      if (c.lm !== undefined) {
+        if (commonOperand) {
+          // otherC edits the same list we edit
+          if (otherC.p[common] <= c.lm) {
+            c.lm++
+          }
+        }
+      }
+      // changing c.from is handled above.
+    } else if (otherC.ld !== undefined) {
+      if (c.lm !== undefined) {
+        if (commonOperand) {
+          if (otherC.p[common] === c.p[common]) {
+            // they deleted the thing we're trying to move
+            return dest
+          }
+          // otherC edits the same list we edit
+          p = otherC.p[common]
+          from = c.p[common]
+          to = c.lm
+          if (p < to || (p === to && from < to)) {
+            c.lm--
+          }
+        }
+      }
+
+      if (otherC.p[common] < c.p[common]) {
+        c.p[common]--
+      } else if (otherC.p[common] === c.p[common]) {
+        if (otherCplength < cplength) {
+          // we're below the deleted element, so -> noop
+          return dest
+        } else if (c.ld !== undefined) {
+          if (c.li !== undefined) {
+            // we're replacing, they're deleting. we become an insert.
+            delete c.ld
+          } else {
+            // we're trying to delete the same element, -> noop
+            return dest
+          }
+        }
+      }
+    } else if (otherC.lm !== undefined) {
+      if (c.lm !== undefined && cplength === otherCplength) {
+        // lm vs lm, here we go!
+        from = c.p[common]
+        to = c.lm
+        const otherFrom = otherC.p[common]
+        const otherTo = otherC.lm
+        if (otherFrom !== otherTo) {
+          // if otherFrom == otherTo, we don't need to change our op.
+
+          // where did my thing go?
+          if (from === otherFrom) {
+            // they moved it! tie break.
+            if (type === 'left') {
+              c.p[common] = otherTo
+              if (from === to) {
+                // ugh
+                c.lm = otherTo
+              }
+            } else {
+              return dest
+            }
+          } else {
+            // they moved around it
+            if (from > otherFrom) {
+              c.p[common]--
+            }
+            if (from > otherTo) {
+              c.p[common]++
+            } else if (from === otherTo) {
+              if (otherFrom > otherTo) {
+                c.p[common]++
+                if (from === to) {
+                  // ugh, again
+                  c.lm++
+                }
+              }
+            }
+
+            // step 2: where am i going to put it?
+            if (to > otherFrom) {
+              c.lm--
+            } else if (to === otherFrom) {
+              if (to > from) {
+                c.lm--
+              }
+            }
+            if (to > otherTo) {
+              c.lm++
+            } else if (to === otherTo) {
+              // if we're both moving in the same direction, tie break
+              if (
+                (otherTo > otherFrom && to > from) ||
+                (otherTo < otherFrom && to < from)
+              ) {
+                if (type === 'right') {
+                  c.lm++
+                }
+              } else {
+                if (to > from) {
+                  c.lm++
+                } else if (to === otherFrom) {
+                  c.lm--
+                }
+              }
+            }
+          }
+        }
+      } else if (c.li !== undefined && c.ld === undefined && commonOperand) {
+        // li
+        from = otherC.p[common]
+        to = otherC.lm
+        p = c.p[common]
+        if (p > from) {
+          c.p[common]--
+        }
+        if (p > to) {
+          c.p[common]++
+        }
+      } else {
+        // ld, ld+li, si, sd, na, oi, od, oi+od, any li on an element beneath
+        // the lm
+        //
+        // i.e. things care about where their item is after the move.
+        from = otherC.p[common]
+        to = otherC.lm
+        p = c.p[common]
+        if (p === from) {
+          c.p[common] = to
+        } else {
+          if (p > from) {
+            c.p[common]--
+          }
+          if (p > to) {
+            c.p[common]++
+          } else if (p === to) {
+            if (from > to) {
+              c.p[common]++
+            }
+          }
+        }
+      }
+    } else if (otherC.oi !== undefined && otherC.od !== undefined) {
+      if (c.p[common] === otherC.p[common]) {
+        if (c.oi !== undefined && commonOperand) {
+          // we inserted where someone else replaced
+          if (type === 'right') {
+            // left wins
+            return dest
+          } else {
+            // we win, make our op replace what they inserted
+            c.od = otherC.oi
+          }
+        } else {
+          // -> noop if the other component is deleting the same object (or any
+          // parent)
+          return dest
+        }
+      }
+    } else if (otherC.oi !== undefined) {
+      if (c.oi !== undefined && c.p[common] === otherC.p[common]) {
+        // left wins if we try to insert at the same place
+        if (type === 'left') {
+          json.append(dest, { p: c.p, od: otherC.oi })
+        } else {
+          return dest
+        }
+      }
+    } else if (otherC.od !== undefined) {
+      if (c.p[common] === otherC.p[common]) {
+        if (!commonOperand) {
+          return dest
+        }
+        if (c.oi !== undefined) {
+          delete c.od
+        } else {
+          return dest
+        }
+      }
+    }
+  }
+
+  json.append(dest, c)
+  return dest
+}
+
+if (typeof WEB !== 'undefined' && WEB !== null) {
+  if (!exports.types) {
+    exports.types = {}
+  }
+
+  // This is kind of awful - come up with a better way to hook this helper code up.
+  exports._bt(json, json.transformComponent, json.checkValidOp, json.append)
+
+  // [] is used to prevent closure from renaming types.text
+  exports.types.json = json
+} else {
+  module.exports = json
+
+  require('./helpers').bootstrapTransform(
+    json,
+    json.transformComponent,
+    json.checkValidOp,
+    json.append
+  )
+}
diff --git a/services/document-updater/app/js/sharejs/types/model.js b/services/document-updater/app/js/sharejs/types/model.js
new file mode 100644
index 0000000..af9fd0a
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/types/model.js
@@ -0,0 +1,882 @@
+/* eslint-disable
+    no-console,
+    no-return-assign,
+    n/no-callback-literal,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS103: Rewrite code to no longer use __guard__
+ * DS104: Avoid inline assignments
+ * DS204: Change includes calls to have a more natural evaluation order
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+// The model of all the ops. Responsible for applying & transforming remote deltas
+// and managing the storage layer.
+//
+// Actual storage is handled by the database wrappers in db/*, wrapped by DocCache
+
+let Model
+const { EventEmitter } = require('node:events')
+
+const queue = require('./syncqueue')
+const types = require('../types')
+
+const isArray = o => Object.prototype.toString.call(o) === '[object Array]'
+
+// This constructor creates a new Model object. There will be one model object
+// per server context.
+//
+// The model object is responsible for a lot of things:
+//
+// - It manages the interactions with the database
+// - It maintains (in memory) a set of all active documents
+// - It calls out to the OT functions when necessary
+//
+// The model is an event emitter. It emits the following events:
+//
+// create(docName, data): A document has been created with the specified name & data
+module.exports = Model = function (db, options) {
+  // db can be null if the user doesn't want persistance.
+
+  let getOps
+  if (!(this instanceof Model)) {
+    return new Model(db, options)
+  }
+
+  const model = this
+
+  if (options == null) {
+    options = {}
+  }
+
+  // This is a cache of 'live' documents.
+  //
+  // The cache is a map from docName -> {
+  //   ops:[{op, meta}]
+  //   snapshot
+  //   type
+  //   v
+  //   meta
+  //   eventEmitter
+  //   reapTimer
+  //   committedVersion: v
+  //   snapshotWriteLock: bool to make sure writeSnapshot isn't re-entrant
+  //   dbMeta: database specific data
+  //   opQueue: syncQueue for processing ops
+  // }
+  //
+  // The ops list contains the document's last options.numCachedOps ops. (Or all
+  // of them if we're using a memory store).
+  //
+  // Documents are stored in this set so long as the document has been accessed in
+  // the last few seconds (options.reapTime) OR at least one client has the document
+  // open. I don't know if I should keep open (but not being edited) documents live -
+  // maybe if a client has a document open but the document isn't being edited, I should
+  // flush it from the cache.
+  //
+  // In any case, the API to model is designed such that if we want to change that later
+  // it should be pretty easy to do so without any external-to-the-model code changes.
+  const docs = {}
+
+  // This is a map from docName -> [callback]. It is used when a document hasn't been
+  // cached and multiple getSnapshot() / getVersion() requests come in. All requests
+  // are added to the callback list and called when db.getSnapshot() returns.
+  //
+  // callback(error, snapshot data)
+  const awaitingGetSnapshot = {}
+
+  // The time that documents which no clients have open will stay in the cache.
+  // Should be > 0.
+  if (options.reapTime == null) {
+    options.reapTime = 3000
+  }
+
+  // The number of operations the cache holds before reusing the space
+  if (options.numCachedOps == null) {
+    options.numCachedOps = 10
+  }
+
+  // This option forces documents to be reaped, even when there's no database backend.
+  // This is useful when you don't care about persistance and don't want to gradually
+  // fill memory.
+  //
+  // You might want to set reapTime to a day or something.
+  if (options.forceReaping == null) {
+    options.forceReaping = false
+  }
+
+  // Until I come up with a better strategy, we'll save a copy of the document snapshot
+  // to the database every ~20 submitted ops.
+  if (options.opsBeforeCommit == null) {
+    options.opsBeforeCommit = 20
+  }
+
+  // It takes some processing time to transform client ops. The server will punt ops back to the
+  // client to transform if they're too old.
+  if (options.maximumAge == null) {
+    options.maximumAge = 40
+  }
+
+  // **** Cache API methods
+
+  // Its important that all ops are applied in order. This helper method creates the op submission queue
+  // for a single document. This contains the logic for transforming & applying ops.
+  const makeOpQueue = (docName, doc) =>
+    queue(function (opData, callback) {
+      if (!(opData.v >= 0)) {
+        return callback('Version missing')
+      }
+      if (opData.v > doc.v) {
+        return callback('Op at future version')
+      }
+
+      // Punt the transforming work back to the client if the op is too old.
+      if (opData.v + options.maximumAge < doc.v) {
+        return callback('Op too old')
+      }
+
+      if (!opData.meta) {
+        opData.meta = {}
+      }
+      opData.meta.ts = Date.now()
+
+      // We'll need to transform the op to the current version of the document. This
+      // calls the callback immediately if opVersion == doc.v.
+      return getOps(docName, opData.v, doc.v, function (error, ops) {
+        let snapshot
+        if (error) {
+          return callback(error)
+        }
+
+        if (doc.v - opData.v !== ops.length) {
+          // This should never happen. It indicates that we didn't get all the ops we
+          // asked for. Its important that the submitted op is correctly transformed.
+          console.error(
+            `Could not get old ops in model for document ${docName}`
+          )
+          console.error(
+            `Expected ops ${opData.v} to ${doc.v} and got ${ops.length} ops`
+          )
+          return callback('Internal error')
+        }
+
+        if (ops.length > 0) {
+          try {
+            // If there's enough ops, it might be worth spinning this out into a webworker thread.
+            for (const oldOp of Array.from(ops)) {
+              // Dup detection works by sending the id(s) the op has been submitted with previously.
+              // If the id matches, we reject it. The client can also detect the op has been submitted
+              // already if it sees its own previous id in the ops it sees when it does catchup.
+              if (
+                oldOp.meta.source &&
+                opData.dupIfSource &&
+                Array.from(opData.dupIfSource).includes(oldOp.meta.source)
+              ) {
+                return callback('Op already submitted')
+              }
+
+              opData.op = doc.type.transform(opData.op, oldOp.op, 'left')
+              opData.v++
+            }
+          } catch (error1) {
+            error = error1
+            return callback(error.message)
+          }
+        }
+
+        try {
+          snapshot = doc.type.apply(doc.snapshot, opData.op)
+        } catch (error2) {
+          error = error2
+          return callback(error.message)
+        }
+
+        // The op data should be at the current version, and the new document data should be at
+        // the next version.
+        //
+        // This should never happen in practice, but its a nice little check to make sure everything
+        // is hunky-dory.
+        if (opData.v !== doc.v) {
+          // This should never happen.
+          console.error(
+            'Version mismatch detected in model. File a ticket - this is a bug.'
+          )
+          console.error(`Expecting ${opData.v} == ${doc.v}`)
+          return callback('Internal error')
+        }
+
+        // newDocData = {snapshot, type:type.name, v:opVersion + 1, meta:docData.meta}
+        const writeOp =
+          (db != null ? db.writeOp : undefined) ||
+          ((docName, newOpData, callback) => callback())
+
+        return writeOp(docName, opData, function (error) {
+          if (error) {
+            // The user should probably know about this.
+            console.warn(`Error writing ops to database: ${error}`)
+            return callback(error)
+          }
+
+          __guardMethod__(options.stats, 'writeOp', o => o.writeOp())
+
+          // This is needed when we emit the 'change' event, below.
+          const oldSnapshot = doc.snapshot
+
+          // All the heavy lifting is now done. Finally, we'll update the cache with the new data
+          // and (maybe!) save a new document snapshot to the database.
+
+          doc.v = opData.v + 1
+          doc.snapshot = snapshot
+
+          doc.ops.push(opData)
+          if (db && doc.ops.length > options.numCachedOps) {
+            doc.ops.shift()
+          }
+
+          model.emit('applyOp', docName, opData, snapshot, oldSnapshot)
+          doc.eventEmitter.emit('op', opData, snapshot, oldSnapshot)
+
+          // The callback is called with the version of the document at which the op was applied.
+          // This is the op.v after transformation, and its doc.v - 1.
+          callback(null, opData.v)
+
+          // I need a decent strategy here for deciding whether or not to save the snapshot.
+          //
+          // The 'right' strategy looks something like "Store the snapshot whenever the snapshot
+          // is smaller than the accumulated op data". For now, I'll just store it every 20
+          // ops or something. (Configurable with doc.committedVersion)
+          if (
+            !doc.snapshotWriteLock &&
+            doc.committedVersion + options.opsBeforeCommit <= doc.v
+          ) {
+            return tryWriteSnapshot(docName, function (error) {
+              if (error) {
+                return console.warn(
+                  `Error writing snapshot ${error}. This is nonfatal`
+                )
+              }
+            })
+          }
+        })
+      })
+    })
+
+  // Add the data for the given docName to the cache. The named document shouldn't already
+  // exist in the doc set.
+  //
+  // Returns the new doc.
+  const add = function (docName, error, data, committedVersion, ops, dbMeta) {
+    let callback, doc
+    const callbacks = awaitingGetSnapshot[docName]
+    delete awaitingGetSnapshot[docName]
+
+    if (error) {
+      if (callbacks) {
+        for (callback of Array.from(callbacks)) {
+          callback(error)
+        }
+      }
+    } else {
+      doc = docs[docName] = {
+        snapshot: data.snapshot,
+        v: data.v,
+        type: data.type,
+        meta: data.meta,
+
+        // Cache of ops
+        ops: ops || [],
+
+        eventEmitter: new EventEmitter(),
+
+        // Timer before the document will be invalidated from the cache (if the document has no
+        // listeners)
+        reapTimer: null,
+
+        // Version of the snapshot thats in the database
+        committedVersion: committedVersion != null ? committedVersion : data.v,
+        snapshotWriteLock: false,
+        dbMeta,
+      }
+
+      doc.opQueue = makeOpQueue(docName, doc)
+
+      refreshReapingTimeout(docName)
+      model.emit('add', docName, data)
+      if (callbacks) {
+        for (callback of Array.from(callbacks)) {
+          callback(null, doc)
+        }
+      }
+    }
+
+    return doc
+  }
+
+  // This is a little helper wrapper around db.getOps. It does two things:
+  //
+  // - If there's no database set, it returns an error to the callback
+  // - It adds version numbers to each op returned from the database
+  // (These can be inferred from context so the DB doesn't store them, but its useful to have them).
+  const getOpsInternal = function (docName, start, end, callback) {
+    if (!db) {
+      return typeof callback === 'function'
+        ? callback('Document does not exist')
+        : undefined
+    }
+
+    return db.getOps(docName, start, end, function (error, ops) {
+      if (error) {
+        return typeof callback === 'function' ? callback(error) : undefined
+      }
+
+      let v = start
+      for (const op of Array.from(ops)) {
+        op.v = v++
+      }
+
+      return typeof callback === 'function' ? callback(null, ops) : undefined
+    })
+  }
+
+  // Load the named document into the cache. This function is re-entrant.
+  //
+  // The callback is called with (error, doc)
+  const load = function (docName, callback) {
+    if (docs[docName]) {
+      // The document is already loaded. Return immediately.
+      __guardMethod__(options.stats, 'cacheHit', o => o.cacheHit('getSnapshot'))
+      return callback(null, docs[docName])
+    }
+
+    // We're a memory store. If we don't have it, nobody does.
+    if (!db) {
+      return callback('Document does not exist')
+    }
+
+    const callbacks = awaitingGetSnapshot[docName]
+
+    // The document is being loaded already. Add ourselves as a callback.
+    if (callbacks) {
+      return callbacks.push(callback)
+    }
+
+    __guardMethod__(options.stats, 'cacheMiss', o1 =>
+      o1.cacheMiss('getSnapshot')
+    )
+
+    // The document isn't loaded and isn't being loaded. Load it.
+    awaitingGetSnapshot[docName] = [callback]
+    return db.getSnapshot(docName, function (error, data, dbMeta) {
+      if (error) {
+        return add(docName, error)
+      }
+
+      const type = types[data.type]
+      if (!type) {
+        console.warn(`Type '${data.type}' missing`)
+        return callback('Type not found')
+      }
+      data.type = type
+
+      const committedVersion = data.v
+
+      // The server can close without saving the most recent document snapshot.
+      // In this case, there are extra ops which need to be applied before
+      // returning the snapshot.
+      return getOpsInternal(docName, data.v, null, function (error, ops) {
+        if (error) {
+          return callback(error)
+        }
+
+        if (ops.length > 0) {
+          console.log(`Catchup ${docName} ${data.v} -> ${data.v + ops.length}`)
+
+          try {
+            for (const op of Array.from(ops)) {
+              data.snapshot = type.apply(data.snapshot, op.op)
+              data.v++
+            }
+          } catch (e) {
+            // This should never happen - it indicates that whats in the
+            // database is invalid.
+            console.error(`Op data invalid for ${docName}: ${e.stack}`)
+            return callback('Op data invalid')
+          }
+        }
+
+        model.emit('load', docName, data)
+        return add(docName, error, data, committedVersion, ops, dbMeta)
+      })
+    })
+  }
+
+  // This makes sure the cache contains a document. If the doc cache doesn't contain
+  // a document, it is loaded from the database and stored.
+  //
+  // Documents are stored so long as either:
+  // - They have been accessed within the past #{PERIOD}
+  // - At least one client has the document open
+  function refreshReapingTimeout(docName) {
+    const doc = docs[docName]
+    if (!doc) {
+      return
+    }
+
+    // I want to let the clients list be updated before this is called.
+    return process.nextTick(function () {
+      // This is an awkward way to find out the number of clients on a document. If this
+      // causes performance issues, add a numClients field to the document.
+      //
+      // The first check is because its possible that between refreshReapingTimeout being called and this
+      // event being fired, someone called delete() on the document and hence the doc is something else now.
+      if (
+        doc === docs[docName] &&
+        doc.eventEmitter.listeners('op').length === 0 &&
+        (db || options.forceReaping) &&
+        doc.opQueue.busy === false
+      ) {
+        let reapTimer
+        clearTimeout(doc.reapTimer)
+        return (doc.reapTimer = reapTimer =
+          setTimeout(
+            () =>
+              tryWriteSnapshot(docName, function () {
+                // If the reaping timeout has been refreshed while we're writing the snapshot, or if we're
+                // in the middle of applying an operation, don't reap.
+                if (
+                  docs[docName].reapTimer === reapTimer &&
+                  doc.opQueue.busy === false
+                ) {
+                  return delete docs[docName]
+                }
+              }),
+            options.reapTime
+          ))
+      }
+    })
+  }
+
+  function tryWriteSnapshot(docName, callback) {
+    if (!db) {
+      return typeof callback === 'function' ? callback() : undefined
+    }
+
+    const doc = docs[docName]
+
+    // The doc is closed
+    if (!doc) {
+      return typeof callback === 'function' ? callback() : undefined
+    }
+
+    // The document is already saved.
+    if (doc.committedVersion === doc.v) {
+      return typeof callback === 'function' ? callback() : undefined
+    }
+
+    if (doc.snapshotWriteLock) {
+      return typeof callback === 'function'
+        ? callback('Another snapshot write is in progress')
+        : undefined
+    }
+
+    doc.snapshotWriteLock = true
+
+    __guardMethod__(options.stats, 'writeSnapshot', o => o.writeSnapshot())
+
+    const writeSnapshot =
+      (db != null ? db.writeSnapshot : undefined) ||
+      ((docName, docData, dbMeta, callback) => callback())
+
+    const data = {
+      v: doc.v,
+      meta: doc.meta,
+      snapshot: doc.snapshot,
+      // The database doesn't know about object types.
+      type: doc.type.name,
+    }
+
+    // Commit snapshot.
+    return writeSnapshot(docName, data, doc.dbMeta, function (error, dbMeta) {
+      doc.snapshotWriteLock = false
+
+      // We have to use data.v here because the version in the doc could
+      // have been updated between the call to writeSnapshot() and now.
+      doc.committedVersion = data.v
+      doc.dbMeta = dbMeta
+
+      return typeof callback === 'function' ? callback(error) : undefined
+    })
+  }
+
+  // *** Model interface methods
+
+  // Create a new document.
+  //
+  // data should be {snapshot, type, [meta]}. The version of a new document is 0.
+  this.create = function (docName, type, meta, callback) {
+    if (typeof meta === 'function') {
+      ;[meta, callback] = Array.from([{}, meta])
+    }
+
+    if (docName.match(/\//)) {
+      return typeof callback === 'function'
+        ? callback('Invalid document name')
+        : undefined
+    }
+    if (docs[docName]) {
+      return typeof callback === 'function'
+        ? callback('Document already exists')
+        : undefined
+    }
+
+    if (typeof type === 'string') {
+      type = types[type]
+    }
+    if (!type) {
+      return typeof callback === 'function'
+        ? callback('Type not found')
+        : undefined
+    }
+
+    const data = {
+      snapshot: type.create(),
+      type: type.name,
+      meta: meta || {},
+      v: 0,
+    }
+
+    const done = function (error, dbMeta) {
+      // dbMeta can be used to cache extra state needed by the database to access the document, like an ID or something.
+      if (error) {
+        return typeof callback === 'function' ? callback(error) : undefined
+      }
+
+      // From here on we'll store the object version of the type name.
+      data.type = type
+      add(docName, null, data, 0, [], dbMeta)
+      model.emit('create', docName, data)
+      return typeof callback === 'function' ? callback() : undefined
+    }
+
+    if (db) {
+      return db.create(docName, data, done)
+    } else {
+      return done()
+    }
+  }
+
+  // Perminantly deletes the specified document.
+  // If listeners are attached, they are removed.
+  //
+  // The callback is called with (error) if there was an error. If error is null / undefined, the
+  // document was deleted.
+  //
+  // WARNING: This isn't well supported throughout the code. (Eg, streaming clients aren't told about the
+  // deletion. Subsequent op submissions will fail).
+  this.delete = function (docName, callback) {
+    const doc = docs[docName]
+
+    if (doc) {
+      clearTimeout(doc.reapTimer)
+      delete docs[docName]
+    }
+
+    const done = function (error) {
+      if (!error) {
+        model.emit('delete', docName)
+      }
+      return typeof callback === 'function' ? callback(error) : undefined
+    }
+
+    if (db) {
+      return db.delete(docName, doc != null ? doc.dbMeta : undefined, done)
+    } else {
+      return done(!doc ? 'Document does not exist' : undefined)
+    }
+  }
+
+  // This gets all operations from [start...end]. (That is, its not inclusive.)
+  //
+  // end can be null. This means 'get me all ops from start'.
+  //
+  // Each op returned is in the form {op:o, meta:m, v:version}.
+  //
+  // Callback is called with (error, [ops])
+  //
+  // If the document does not exist, getOps doesn't necessarily return an error. This is because
+  // its awkward to figure out whether or not the document exists for things
+  // like the redis database backend. I guess its a bit gross having this inconsistant
+  // with the other DB calls, but its certainly convenient.
+  //
+  // Use getVersion() to determine if a document actually exists, if thats what you're
+  // after.
+  this.getOps = getOps = function (docName, start, end, callback) {
+    // getOps will only use the op cache if its there. It won't fill the op cache in.
+    if (!(start >= 0)) {
+      throw new Error('start must be 0+')
+    }
+
+    if (typeof end === 'function') {
+      ;[end, callback] = Array.from([null, end])
+    }
+
+    const ops = docs[docName] != null ? docs[docName].ops : undefined
+
+    if (ops) {
+      const version = docs[docName].v
+
+      // Ops contains an array of ops. The last op in the list is the last op applied
+      if (end == null) {
+        end = version
+      }
+      start = Math.min(start, end)
+
+      if (start === end) {
+        return callback(null, [])
+      }
+
+      // Base is the version number of the oldest op we have cached
+      const base = version - ops.length
+
+      // If the database is null, we'll trim to the ops we do have and hope thats enough.
+      if (start >= base || db === null) {
+        refreshReapingTimeout(docName)
+        if (options.stats != null) {
+          options.stats.cacheHit('getOps')
+        }
+
+        return callback(null, ops.slice(start - base, end - base))
+      }
+    }
+
+    if (options.stats != null) {
+      options.stats.cacheMiss('getOps')
+    }
+
+    return getOpsInternal(docName, start, end, callback)
+  }
+
+  // Gets the snapshot data for the specified document.
+  // getSnapshot(docName, callback)
+  // Callback is called with (error, {v: <version>, type: <type>, snapshot: <snapshot>, meta: <meta>})
+  this.getSnapshot = (docName, callback) =>
+    load(docName, (error, doc) =>
+      callback(
+        error,
+        doc
+          ? { v: doc.v, type: doc.type, snapshot: doc.snapshot, meta: doc.meta }
+          : undefined
+      )
+    )
+
+  // Gets the latest version # of the document.
+  // getVersion(docName, callback)
+  // callback is called with (error, version).
+  this.getVersion = (docName, callback) =>
+    load(docName, (error, doc) =>
+      callback(error, doc != null ? doc.v : undefined)
+    )
+
+  // Apply an op to the specified document.
+  // The callback is passed (error, applied version #)
+  // opData = {op:op, v:v, meta:metadata}
+  //
+  // Ops are queued before being applied so that the following code applies op C before op B:
+  // model.applyOp 'doc', OPA, -> model.applyOp 'doc', OPB
+  // model.applyOp 'doc', OPC
+  this.applyOp = (
+    docName,
+    opData,
+    callback // All the logic for this is in makeOpQueue, above.
+  ) =>
+    load(docName, function (error, doc) {
+      if (error) {
+        return callback(error)
+      }
+
+      return process.nextTick(() =>
+        doc.opQueue(opData, function (error, newVersion) {
+          refreshReapingTimeout(docName)
+          return typeof callback === 'function'
+            ? callback(error, newVersion)
+            : undefined
+        })
+      )
+    })
+
+  // TODO: store (some) metadata in DB
+  // TODO: op and meta should be combineable in the op that gets sent
+  this.applyMetaOp = function (docName, metaOpData, callback) {
+    const { path, value } = metaOpData.meta
+
+    if (!isArray(path)) {
+      return typeof callback === 'function'
+        ? callback('path should be an array')
+        : undefined
+    }
+
+    return load(docName, function (error, doc) {
+      if (error != null) {
+        return typeof callback === 'function' ? callback(error) : undefined
+      } else {
+        let applied = false
+        switch (path[0]) {
+          case 'shout':
+            doc.eventEmitter.emit('op', metaOpData)
+            applied = true
+            break
+        }
+
+        if (applied) {
+          model.emit('applyMetaOp', docName, path, value)
+        }
+        return typeof callback === 'function'
+          ? callback(null, doc.v)
+          : undefined
+      }
+    })
+  }
+
+  // Listen to all ops from the specified version. If version is in the past, all
+  // ops since that version are sent immediately to the listener.
+  //
+  // The callback is called once the listener is attached, but before any ops have been passed
+  // to the listener.
+  //
+  // This will _not_ edit the document metadata.
+  //
+  // If there are any listeners, we don't purge the document from the cache. But be aware, this behaviour
+  // might change in a future version.
+  //
+  // version is the document version at which the document is opened. It can be left out if you want to open
+  // the document at the most recent version.
+  //
+  // listener is called with (opData) each time an op is applied.
+  //
+  // callback(error, openedVersion)
+  this.listen = function (docName, version, listener, callback) {
+    if (typeof version === 'function') {
+      ;[version, listener, callback] = Array.from([null, version, listener])
+    }
+
+    return load(docName, function (error, doc) {
+      if (error) {
+        return typeof callback === 'function' ? callback(error) : undefined
+      }
+
+      clearTimeout(doc.reapTimer)
+
+      if (version != null) {
+        return getOps(docName, version, null, function (error, data) {
+          if (error) {
+            return typeof callback === 'function' ? callback(error) : undefined
+          }
+
+          doc.eventEmitter.on('op', listener)
+          if (typeof callback === 'function') {
+            callback(null, version)
+          }
+          return (() => {
+            const result = []
+            for (const op of Array.from(data)) {
+              let needle
+              listener(op)
+
+              // The listener may well remove itself during the catchup phase. If this happens, break early.
+              // This is done in a quite inefficient way. (O(n) where n = #listeners on doc)
+              if (
+                ((needle = listener),
+                !Array.from(doc.eventEmitter.listeners('op')).includes(needle))
+              ) {
+                break
+              } else {
+                result.push(undefined)
+              }
+            }
+            return result
+          })()
+        })
+      } else {
+        // Version is null / undefined. Just add the listener.
+        doc.eventEmitter.on('op', listener)
+        return typeof callback === 'function'
+          ? callback(null, doc.v)
+          : undefined
+      }
+    })
+  }
+
+  // Remove a listener for a particular document.
+  //
+  // removeListener(docName, listener)
+  //
+  // This is synchronous.
+  this.removeListener = function (docName, listener) {
+    // The document should already be loaded.
+    const doc = docs[docName]
+    if (!doc) {
+      throw new Error('removeListener called but document not loaded')
+    }
+
+    doc.eventEmitter.removeListener('op', listener)
+    return refreshReapingTimeout(docName)
+  }
+
+  // Flush saves all snapshot data to the database. I'm not sure whether or not this is actually needed -
+  // sharejs will happily replay uncommitted ops when documents are re-opened anyway.
+  this.flush = function (callback) {
+    if (!db) {
+      return typeof callback === 'function' ? callback() : undefined
+    }
+
+    let pendingWrites = 0
+
+    for (const docName in docs) {
+      const doc = docs[docName]
+      if (doc.committedVersion < doc.v) {
+        pendingWrites++
+        // I'm hoping writeSnapshot will always happen in another thread.
+        tryWriteSnapshot(docName, () =>
+          process.nextTick(function () {
+            pendingWrites--
+            if (pendingWrites === 0) {
+              return typeof callback === 'function' ? callback() : undefined
+            }
+          })
+        )
+      }
+    }
+
+    // If nothing was queued, terminate immediately.
+    if (pendingWrites === 0) {
+      return typeof callback === 'function' ? callback() : undefined
+    }
+  }
+
+  // Close the database connection. This is needed so nodejs can shut down cleanly.
+  this.closeDb = function () {
+    __guardMethod__(db, 'close', o => o.close())
+    return (db = null)
+  }
+}
+
+// Model inherits from EventEmitter.
+Model.prototype = new EventEmitter()
+
+function __guardMethod__(obj, methodName, transform) {
+  if (
+    typeof obj !== 'undefined' &&
+    obj !== null &&
+    typeof obj[methodName] === 'function'
+  ) {
+    return transform(obj, methodName)
+  } else {
+    return undefined
+  }
+}
diff --git a/services/document-updater/app/js/sharejs/types/simple.js b/services/document-updater/app/js/sharejs/types/simple.js
new file mode 100644
index 0000000..41f7eed
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/types/simple.js
@@ -0,0 +1,54 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+// This is a really simple OT type. Its not compiled with the web client, but it could be.
+//
+// Its mostly included for demonstration purposes and its used in a lot of unit tests.
+//
+// This defines a really simple text OT type which only allows inserts. (No deletes).
+//
+// Ops look like:
+//   {position:#, text:"asdf"}
+//
+// Document snapshots look like:
+//   {str:string}
+
+module.exports = {
+  // The name of the OT type. The type is stored in types[type.name]. The name can be
+  // used in place of the actual type in all the API methods.
+  name: 'simple',
+
+  // Create a new document snapshot
+  create() {
+    return { str: '' }
+  },
+
+  // Apply the given op to the document snapshot. Returns the new snapshot.
+  //
+  // The original snapshot should not be modified.
+  apply(snapshot, op) {
+    if (!(op.position >= 0 && op.position <= snapshot.str.length)) {
+      throw new Error('Invalid position')
+    }
+
+    let { str } = snapshot
+    str = str.slice(0, op.position) + op.text + str.slice(op.position)
+    return { str }
+  },
+
+  // transform op1 by op2. Return transformed version of op1.
+  // sym describes the symmetry of the op. Its 'left' or 'right' depending on whether the
+  // op being transformed comes from the client or the server.
+  transform(op1, op2, sym) {
+    let pos = op1.position
+    if (op2.position < pos || (op2.position === pos && sym === 'left')) {
+      pos += op2.text.length
+    }
+
+    return { position: pos, text: op1.text }
+  },
+}
diff --git a/services/document-updater/app/js/sharejs/types/syncqueue.js b/services/document-updater/app/js/sharejs/types/syncqueue.js
new file mode 100644
index 0000000..7795923
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/types/syncqueue.js
@@ -0,0 +1,60 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+// A synchronous processing queue. The queue calls process on the arguments,
+// ensuring that process() is only executing once at a time.
+//
+// process(data, callback) _MUST_ eventually call its callback.
+//
+// Example:
+//
+// queue = require 'syncqueue'
+//
+// fn = queue (data, callback) ->
+//     asyncthing data, ->
+//         callback(321)
+//
+// fn(1)
+// fn(2)
+// fn(3, (result) -> console.log(result))
+//
+//   ^--- async thing will only be running once at any time.
+
+module.exports = function (process) {
+  if (typeof process !== 'function') {
+    throw new Error('process is not a function')
+  }
+  const queue = []
+
+  const enqueue = function (data, callback) {
+    queue.push([data, callback])
+    return flush()
+  }
+
+  enqueue.busy = false
+
+  function flush() {
+    if (enqueue.busy || queue.length === 0) {
+      return
+    }
+
+    enqueue.busy = true
+    const [data, callback] = Array.from(queue.shift())
+    return process(data, function (...result) {
+      // TODO: Make this not use varargs - varargs are really slow.
+      enqueue.busy = false
+      // This is called after busy = false so a user can check if enqueue.busy is set in the callback.
+      if (callback) {
+        callback.apply(null, result)
+      }
+      return flush()
+    })
+  }
+
+  return enqueue
+}
diff --git a/services/document-updater/app/js/sharejs/types/text-api.js b/services/document-updater/app/js/sharejs/types/text-api.js
new file mode 100644
index 0000000..aa2beef
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/types/text-api.js
@@ -0,0 +1,52 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+// Text document API for text
+
+let text
+if (typeof WEB === 'undefined') {
+  text = require('./text')
+}
+
+text.api = {
+  provides: { text: true },
+
+  // The number of characters in the string
+  getLength() {
+    return this.snapshot.length
+  },
+
+  // Get the text contents of a document
+  getText() {
+    return this.snapshot
+  },
+
+  insert(pos, text, callback) {
+    const op = [{ p: pos, i: text }]
+
+    this.submitOp(op, callback)
+    return op
+  },
+
+  del(pos, length, callback) {
+    const op = [{ p: pos, d: this.snapshot.slice(pos, pos + length) }]
+
+    this.submitOp(op, callback)
+    return op
+  },
+
+  _register() {
+    return this.on('remoteop', function (op) {
+      return Array.from(op).map(component =>
+        component.i !== undefined
+          ? this.emit('insert', component.p, component.i)
+          : this.emit('delete', component.p, component.d)
+      )
+    })
+  },
+}
diff --git a/services/document-updater/app/js/sharejs/types/text-composable-api.js b/services/document-updater/app/js/sharejs/types/text-composable-api.js
new file mode 100644
index 0000000..122e119
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/types/text-composable-api.js
@@ -0,0 +1,76 @@
+/* eslint-disable
+    no-undef,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+// Text document API for text
+
+let type
+if (typeof WEB !== 'undefined' && WEB !== null) {
+  type = exports.types['text-composable']
+} else {
+  type = require('./text-composable')
+}
+
+type.api = {
+  provides: { text: true },
+
+  // The number of characters in the string
+  getLength() {
+    return this.snapshot.length
+  },
+
+  // Get the text contents of a document
+  getText() {
+    return this.snapshot
+  },
+
+  insert(pos, text, callback) {
+    const op = type.normalize([pos, { i: text }, this.snapshot.length - pos])
+
+    this.submitOp(op, callback)
+    return op
+  },
+
+  del(pos, length, callback) {
+    const op = type.normalize([
+      pos,
+      { d: this.snapshot.slice(pos, pos + length) },
+      this.snapshot.length - pos - length,
+    ])
+
+    this.submitOp(op, callback)
+    return op
+  },
+
+  _register() {
+    return this.on('remoteop', function (op) {
+      let pos = 0
+      return (() => {
+        const result = []
+        for (const component of Array.from(op)) {
+          if (typeof component === 'number') {
+            result.push((pos += component))
+          } else if (component.i !== undefined) {
+            this.emit('insert', pos, component.i)
+            result.push((pos += component.i.length))
+          } else {
+            // delete
+            result.push(this.emit('delete', pos, component.d))
+          }
+        }
+        return result
+      })()
+    })
+  },
+}
+// We don't increment pos, because the position
+// specified is after the delete has happened.
diff --git a/services/document-updater/app/js/sharejs/types/text-composable.js b/services/document-updater/app/js/sharejs/types/text-composable.js
new file mode 100644
index 0000000..199e695
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/types/text-composable.js
@@ -0,0 +1,400 @@
+/* eslint-disable
+    no-cond-assign,
+    no-return-assign,
+    no-undef,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+// An alternate composable implementation for text. This is much closer
+// to the implementation used by google wave.
+//
+// Ops are lists of components which iterate over the whole document.
+// Components are either:
+//   A number N: Skip N characters in the original document
+//   {i:'str'}:  Insert 'str' at the current position in the document
+//   {d:'str'}:  Delete 'str', which appears at the current position in the document
+//
+// Eg: [3, {i:'hi'}, 5, {d:'internet'}]
+//
+// Snapshots are strings.
+
+let makeAppend
+const p = function () {} // require('util').debug
+const i = function () {} // require('util').inspect
+
+const moduleExport =
+  typeof WEB !== 'undefined' && WEB !== null ? {} : module.exports
+
+moduleExport.name = 'text-composable'
+
+moduleExport.create = () => ''
+
+// -------- Utility methods
+
+const checkOp = function (op) {
+  if (!Array.isArray(op)) {
+    throw new Error('Op must be an array of components')
+  }
+  let last = null
+  return (() => {
+    const result = []
+    for (const c of Array.from(op)) {
+      if (typeof c === 'object') {
+        if (
+          (c.i == null || !(c.i.length > 0)) &&
+          (c.d == null || !(c.d.length > 0))
+        ) {
+          throw new Error(`Invalid op component: ${i(c)}`)
+        }
+      } else {
+        if (typeof c !== 'number') {
+          throw new Error('Op components must be objects or numbers')
+        }
+        if (!(c > 0)) {
+          throw new Error('Skip components must be a positive number')
+        }
+        if (typeof last === 'number') {
+          throw new Error('Adjacent skip components should be added')
+        }
+      }
+
+      result.push((last = c))
+    }
+    return result
+  })()
+}
+
+// Makes a function for appending components to a given op.
+// Exported for the randomOpGenerator.
+moduleExport._makeAppend = makeAppend = op =>
+  function (component) {
+    if (component === 0 || component.i === '' || component.d === '') {
+      return
+    }
+    if (op.length === 0) {
+      return op.push(component)
+    } else if (
+      typeof component === 'number' &&
+      typeof op[op.length - 1] === 'number'
+    ) {
+      return (op[op.length - 1] += component)
+    } else if (component.i != null && op[op.length - 1].i != null) {
+      return (op[op.length - 1].i += component.i)
+    } else if (component.d != null && op[op.length - 1].d != null) {
+      return (op[op.length - 1].d += component.d)
+    } else {
+      return op.push(component)
+    }
+  }
+
+//  checkOp op
+
+// Makes 2 functions for taking components from the start of an op, and for peeking
+// at the next op that could be taken.
+const makeTake = function (op) {
+  // The index of the next component to take
+  let idx = 0
+  // The offset into the component
+  let offset = 0
+
+  // Take up to length n from the front of op. If n is null, take the next
+  // op component. If indivisableField == 'd', delete components won't be separated.
+  // If indivisableField == 'i', insert components won't be separated.
+  const take = function (n, indivisableField) {
+    let c
+    if (idx === op.length) {
+      return null
+    }
+    // assert.notStrictEqual op.length, i, 'The op is too short to traverse the document'
+
+    if (typeof op[idx] === 'number') {
+      if (n == null || op[idx] - offset <= n) {
+        c = op[idx] - offset
+        ++idx
+        offset = 0
+        return c
+      } else {
+        offset += n
+        return n
+      }
+    } else {
+      // Take from the string
+      const field = op[idx].i ? 'i' : 'd'
+      c = {}
+      if (
+        n == null ||
+        op[idx][field].length - offset <= n ||
+        field === indivisableField
+      ) {
+        c[field] = op[idx][field].slice(offset)
+        ++idx
+        offset = 0
+      } else {
+        c[field] = op[idx][field].slice(offset, offset + n)
+        offset += n
+      }
+      return c
+    }
+  }
+
+  const peekType = () => op[idx]
+
+  return [take, peekType]
+}
+
+// Find and return the length of an op component
+const componentLength = function (component) {
+  if (typeof component === 'number') {
+    return component
+  } else if (component.i != null) {
+    return component.i.length
+  } else {
+    return component.d.length
+  }
+}
+
+// Normalize an op, removing all empty skips and empty inserts / deletes. Concatenate
+// adjacent inserts and deletes.
+moduleExport.normalize = function (op) {
+  const newOp = []
+  const append = makeAppend(newOp)
+  for (const component of Array.from(op)) {
+    append(component)
+  }
+  return newOp
+}
+
+// Apply the op to the string. Returns the new string.
+moduleExport.apply = function (str, op) {
+  p(`Applying ${i(op)} to '${str}'`)
+  if (typeof str !== 'string') {
+    throw new Error('Snapshot should be a string')
+  }
+  checkOp(op)
+
+  const pos = 0
+  const newDoc = []
+
+  for (const component of Array.from(op)) {
+    if (typeof component === 'number') {
+      if (component > str.length) {
+        throw new Error('The op is too long for this document')
+      }
+      newDoc.push(str.slice(0, component))
+      str = str.slice(component)
+    } else if (component.i != null) {
+      newDoc.push(component.i)
+    } else {
+      if (component.d !== str.slice(0, component.d.length)) {
+        throw new Error(
+          `The deleted text '${
+            component.d
+          }' doesn't match the next characters in the document '${str.slice(
+            0,
+            component.d.length
+          )}'`
+        )
+      }
+      str = str.slice(component.d.length)
+    }
+  }
+
+  if (str !== '') {
+    throw new Error("The applied op doesn't traverse the entire document")
+  }
+
+  return newDoc.join('')
+}
+
+// transform op1 by op2. Return transformed version of op1.
+// op1 and op2 are unchanged by transform.
+moduleExport.transform = function (op, otherOp, side) {
+  if (side !== 'left' && side !== 'right') {
+    throw new Error(`side (${side} must be 'left' or 'right'`)
+  }
+
+  checkOp(op)
+  checkOp(otherOp)
+  const newOp = []
+
+  const append = makeAppend(newOp)
+  const [take, peek] = Array.from(makeTake(op))
+
+  for (component of Array.from(otherOp)) {
+    let chunk, length
+    if (typeof component === 'number') {
+      // Skip
+      length = component
+      while (length > 0) {
+        chunk = take(length, 'i')
+        if (chunk === null) {
+          throw new Error(
+            'The op traverses more elements than the document has'
+          )
+        }
+
+        append(chunk)
+        if (typeof chunk !== 'object' || chunk.i == null) {
+          length -= componentLength(chunk)
+        }
+      }
+    } else if (component.i != null) {
+      // Insert
+      if (side === 'left') {
+        // The left insert should go first.
+        const o = peek()
+        if (o != null ? o.i : undefined) {
+          append(take())
+        }
+      }
+
+      // Otherwise, skip the inserted text.
+      append(component.i.length)
+    } else {
+      // Delete.
+      // assert.ok component.d
+      ;({ length } = component.d)
+      while (length > 0) {
+        chunk = take(length, 'i')
+        if (chunk === null) {
+          throw new Error(
+            'The op traverses more elements than the document has'
+          )
+        }
+
+        if (typeof chunk === 'number') {
+          length -= chunk
+        } else if (chunk.i != null) {
+          append(chunk)
+        } else {
+          // assert.ok chunk.d
+          // The delete is unnecessary now.
+          length -= chunk.d.length
+        }
+      }
+    }
+  }
+
+  // Append extras from op1
+  while ((component = take())) {
+    if ((component != null ? component.i : undefined) == null) {
+      throw new Error(`Remaining fragments in the op: ${i(component)}`)
+    }
+    append(component)
+  }
+
+  return newOp
+}
+
+// Compose 2 ops into 1 op.
+moduleExport.compose = function (op1, op2) {
+  p(`COMPOSE ${i(op1)} + ${i(op2)}`)
+  checkOp(op1)
+  checkOp(op2)
+
+  const result = []
+
+  const append = makeAppend(result)
+  const [take, _] = Array.from(makeTake(op1))
+
+  for (component of Array.from(op2)) {
+    let chunk, length
+    if (typeof component === 'number') {
+      // Skip
+      length = component
+      while (length > 0) {
+        chunk = take(length, 'd')
+        if (chunk === null) {
+          throw new Error(
+            'The op traverses more elements than the document has'
+          )
+        }
+
+        append(chunk)
+        if (typeof chunk !== 'object' || chunk.d == null) {
+          length -= componentLength(chunk)
+        }
+      }
+    } else if (component.i != null) {
+      // Insert
+      append({ i: component.i })
+    } else {
+      // Delete
+      let offset = 0
+      while (offset < component.d.length) {
+        chunk = take(component.d.length - offset, 'd')
+        if (chunk === null) {
+          throw new Error(
+            'The op traverses more elements than the document has'
+          )
+        }
+
+        // If its delete, append it. If its skip, drop it and decrease length. If its insert, check the strings match, drop it and decrease length.
+        if (typeof chunk === 'number') {
+          append({ d: component.d.slice(offset, offset + chunk) })
+          offset += chunk
+        } else if (chunk.i != null) {
+          if (component.d.slice(offset, offset + chunk.i.length) !== chunk.i) {
+            throw new Error("The deleted text doesn't match the inserted text")
+          }
+          offset += chunk.i.length
+          // The ops cancel each other out.
+        } else {
+          // Delete
+          append(chunk)
+        }
+      }
+    }
+  }
+
+  // Append extras from op1
+  while ((component = take())) {
+    if ((component != null ? component.d : undefined) == null) {
+      throw new Error(`Trailing stuff in op1 ${i(component)}`)
+    }
+    append(component)
+  }
+
+  return result
+}
+
+const invertComponent = function (c) {
+  if (typeof c === 'number') {
+    return c
+  } else if (c.i != null) {
+    return { d: c.i }
+  } else {
+    return { i: c.d }
+  }
+}
+
+// Invert an op
+moduleExport.invert = function (op) {
+  const result = []
+  const append = makeAppend(result)
+
+  for (const component of Array.from(op)) {
+    append(invertComponent(component))
+  }
+
+  return result
+}
+
+if (typeof window !== 'undefined' && window !== null) {
+  if (!window.ot) {
+    window.ot = {}
+  }
+  if (!window.ot.types) {
+    window.ot.types = {}
+  }
+  window.ot.types.text = moduleExport
+}
diff --git a/services/document-updater/app/js/sharejs/types/text-tp2-api.js b/services/document-updater/app/js/sharejs/types/text-tp2-api.js
new file mode 100644
index 0000000..1e1b40d
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/types/text-tp2-api.js
@@ -0,0 +1,133 @@
+/* eslint-disable
+    no-undef,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+// Text document API for text-tp2
+
+let type
+if (typeof WEB !== 'undefined' && WEB !== null) {
+  type = exports.types['text-tp2']
+} else {
+  type = require('./text-tp2')
+}
+
+const { _takeDoc: takeDoc, _append: append } = type
+
+const appendSkipChars = (op, doc, pos, maxlength) =>
+  (() => {
+    const result = []
+    while (
+      (maxlength === undefined || maxlength > 0) &&
+      pos.index < doc.data.length
+    ) {
+      const part = takeDoc(doc, pos, maxlength, true)
+      if (maxlength !== undefined && typeof part === 'string') {
+        maxlength -= part.length
+      }
+      result.push(append(op, part.length || part))
+    }
+    return result
+  })()
+
+type.api = {
+  provides: { text: true },
+
+  // The number of characters in the string
+  getLength() {
+    return this.snapshot.charLength
+  },
+
+  // Flatten a document into a string
+  getText() {
+    const strings = Array.from(this.snapshot.data).filter(
+      elem => typeof elem === 'string'
+    )
+    return strings.join('')
+  },
+
+  insert(pos, text, callback) {
+    if (pos === undefined) {
+      pos = 0
+    }
+
+    const op = []
+    const docPos = { index: 0, offset: 0 }
+
+    appendSkipChars(op, this.snapshot, docPos, pos)
+    append(op, { i: text })
+    appendSkipChars(op, this.snapshot, docPos)
+
+    this.submitOp(op, callback)
+    return op
+  },
+
+  del(pos, length, callback) {
+    const op = []
+    const docPos = { index: 0, offset: 0 }
+
+    appendSkipChars(op, this.snapshot, docPos, pos)
+
+    while (length > 0) {
+      const part = takeDoc(this.snapshot, docPos, length, true)
+      if (typeof part === 'string') {
+        append(op, { d: part.length })
+        length -= part.length
+      } else {
+        append(op, part)
+      }
+    }
+
+    appendSkipChars(op, this.snapshot, docPos)
+
+    this.submitOp(op, callback)
+    return op
+  },
+
+  _register() {
+    // Interpret recieved ops + generate more detailed events for them
+    return this.on('remoteop', function (op, snapshot) {
+      let textPos = 0
+      const docPos = { index: 0, offset: 0 }
+
+      for (const component of Array.from(op)) {
+        let part, remainder
+        if (typeof component === 'number') {
+          // Skip
+          remainder = component
+          while (remainder > 0) {
+            part = takeDoc(snapshot, docPos, remainder)
+            if (typeof part === 'string') {
+              textPos += part.length
+            }
+            remainder -= part.length || part
+          }
+        } else if (component.i !== undefined) {
+          // Insert
+          if (typeof component.i === 'string') {
+            this.emit('insert', textPos, component.i)
+            textPos += component.i.length
+          }
+        } else {
+          // Delete
+          remainder = component.d
+          while (remainder > 0) {
+            part = takeDoc(snapshot, docPos, remainder)
+            if (typeof part === 'string') {
+              this.emit('delete', textPos, part)
+            }
+            remainder -= part.length || part
+          }
+        }
+      }
+    })
+  },
+}
diff --git a/services/document-updater/app/js/sharejs/types/text-tp2.js b/services/document-updater/app/js/sharejs/types/text-tp2.js
new file mode 100644
index 0000000..c3ff9ec
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/types/text-tp2.js
@@ -0,0 +1,499 @@
+/* eslint-disable
+    no-cond-assign,
+    no-return-assign,
+    no-undef,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS103: Rewrite code to no longer use __guard__
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+// A TP2 implementation of text, following this spec:
+// http://code.google.com/p/lightwave/source/browse/trunk/experimental/ot/README
+//
+// A document is made up of a string and a set of tombstones inserted throughout
+// the string. For example, 'some ', (2 tombstones), 'string'.
+//
+// This is encoded in a document as: {s:'some string', t:[5, -2, 6]}
+//
+// Ops are lists of components which iterate over the whole document.
+// Components are either:
+//   N:         Skip N characters in the original document
+//   {i:'str'}: Insert 'str' at the current position in the document
+//   {i:N}:     Insert N tombstones at the current position in the document
+//   {d:N}:     Delete (tombstone) N characters at the current position in the document
+//
+// Eg: [3, {i:'hi'}, 5, {d:8}]
+//
+// Snapshots are lists with characters and tombstones. Characters are stored in strings
+// and adjacent tombstones are flattened into numbers.
+//
+// Eg, the document: 'Hello .....world' ('.' denotes tombstoned (deleted) characters)
+// would be represented by a document snapshot of ['Hello ', 5, 'world']
+
+let append, appendDoc, takeDoc
+const type = {
+  name: 'text-tp2',
+  tp2: true,
+  create() {
+    return { charLength: 0, totalLength: 0, positionCache: [], data: [] }
+  },
+  serialize(doc) {
+    if (!doc.data) {
+      throw new Error('invalid doc snapshot')
+    }
+    return doc.data
+  },
+  deserialize(data) {
+    const doc = type.create()
+    doc.data = data
+
+    for (const component of Array.from(data)) {
+      if (typeof component === 'string') {
+        doc.charLength += component.length
+        doc.totalLength += component.length
+      } else {
+        doc.totalLength += component
+      }
+    }
+
+    return doc
+  },
+}
+
+const checkOp = function (op) {
+  if (!Array.isArray(op)) {
+    throw new Error('Op must be an array of components')
+  }
+  let last = null
+  return (() => {
+    const result = []
+    for (const c of Array.from(op)) {
+      if (typeof c === 'object') {
+        if (c.i !== undefined) {
+          if (
+            (typeof c.i !== 'string' || !(c.i.length > 0)) &&
+            (typeof c.i !== 'number' || !(c.i > 0))
+          ) {
+            throw new Error('Inserts must insert a string or a +ive number')
+          }
+        } else if (c.d !== undefined) {
+          if (typeof c.d !== 'number' || !(c.d > 0)) {
+            throw new Error('Deletes must be a +ive number')
+          }
+        } else {
+          throw new Error('Operation component must define .i or .d')
+        }
+      } else {
+        if (typeof c !== 'number') {
+          throw new Error('Op components must be objects or numbers')
+        }
+        if (!(c > 0)) {
+          throw new Error('Skip components must be a positive number')
+        }
+        if (typeof last === 'number') {
+          throw new Error('Adjacent skip components should be combined')
+        }
+      }
+
+      result.push((last = c))
+    }
+    return result
+  })()
+}
+
+// Take the next part from the specified position in a document snapshot.
+// position = {index, offset}. It will be updated.
+type._takeDoc = takeDoc = function (
+  doc,
+  position,
+  maxlength,
+  tombsIndivisible
+) {
+  if (position.index >= doc.data.length) {
+    throw new Error('Operation goes past the end of the document')
+  }
+
+  const part = doc.data[position.index]
+  // peel off data[0]
+  const result =
+    typeof part === 'string'
+      ? maxlength !== undefined
+        ? part.slice(position.offset, position.offset + maxlength)
+        : part.slice(position.offset)
+      : maxlength === undefined || tombsIndivisible
+        ? part - position.offset
+        : Math.min(maxlength, part - position.offset)
+
+  const resultLen = result.length || result
+
+  if ((part.length || part) - position.offset > resultLen) {
+    position.offset += resultLen
+  } else {
+    position.index++
+    position.offset = 0
+  }
+
+  return result
+}
+
+// Append a part to the end of a document
+type._appendDoc = appendDoc = function (doc, p) {
+  if (p === 0 || p === '') {
+    return
+  }
+
+  if (typeof p === 'string') {
+    doc.charLength += p.length
+    doc.totalLength += p.length
+  } else {
+    doc.totalLength += p
+  }
+
+  const { data } = doc
+  if (data.length === 0) {
+    data.push(p)
+  } else if (typeof data[data.length - 1] === typeof p) {
+    data[data.length - 1] += p
+  } else {
+    data.push(p)
+  }
+}
+
+// Apply the op to the document. The document is not modified in the process.
+type.apply = function (doc, op) {
+  if (
+    doc.totalLength === undefined ||
+    doc.charLength === undefined ||
+    doc.data.length === undefined
+  ) {
+    throw new Error('Snapshot is invalid')
+  }
+
+  checkOp(op)
+
+  const newDoc = type.create()
+  const position = { index: 0, offset: 0 }
+
+  for (const component of Array.from(op)) {
+    let part, remainder
+    if (typeof component === 'number') {
+      remainder = component
+      while (remainder > 0) {
+        part = takeDoc(doc, position, remainder)
+
+        appendDoc(newDoc, part)
+        remainder -= part.length || part
+      }
+    } else if (component.i !== undefined) {
+      appendDoc(newDoc, component.i)
+    } else if (component.d !== undefined) {
+      remainder = component.d
+      while (remainder > 0) {
+        part = takeDoc(doc, position, remainder)
+        remainder -= part.length || part
+      }
+      appendDoc(newDoc, component.d)
+    }
+  }
+
+  return newDoc
+}
+
+// Append an op component to the end of the specified op.
+// Exported for the randomOpGenerator.
+type._append = append = function (op, component) {
+  if (
+    component === 0 ||
+    component.i === '' ||
+    component.i === 0 ||
+    component.d === 0
+  ) {
+    return
+  }
+  if (op.length === 0) {
+    return op.push(component)
+  } else {
+    const last = op[op.length - 1]
+    if (typeof component === 'number' && typeof last === 'number') {
+      return (op[op.length - 1] += component)
+    } else if (
+      component.i !== undefined &&
+      last.i != null &&
+      typeof last.i === typeof component.i
+    ) {
+      return (last.i += component.i)
+    } else if (component.d !== undefined && last.d != null) {
+      return (last.d += component.d)
+    } else {
+      return op.push(component)
+    }
+  }
+}
+
+// Makes 2 functions for taking components from the start of an op, and for peeking
+// at the next op that could be taken.
+const makeTake = function (op) {
+  // The index of the next component to take
+  let index = 0
+  // The offset into the component
+  let offset = 0
+
+  // Take up to length maxlength from the op. If maxlength is not defined, there is no max.
+  // If insertsIndivisible is true, inserts (& insert tombstones) won't be separated.
+  //
+  // Returns null when op is fully consumed.
+  const take = function (maxlength, insertsIndivisible) {
+    let current
+    if (index === op.length) {
+      return null
+    }
+
+    const e = op[index]
+    if (
+      typeof (current = e) === 'number' ||
+      typeof (current = e.i) === 'number' ||
+      (current = e.d) !== undefined
+    ) {
+      let c
+      if (
+        maxlength == null ||
+        current - offset <= maxlength ||
+        (insertsIndivisible && e.i !== undefined)
+      ) {
+        // Return the rest of the current element.
+        c = current - offset
+        ++index
+        offset = 0
+      } else {
+        offset += maxlength
+        c = maxlength
+      }
+      if (e.i !== undefined) {
+        return { i: c }
+      } else if (e.d !== undefined) {
+        return { d: c }
+      } else {
+        return c
+      }
+    } else {
+      // Take from the inserted string
+      let result
+      if (
+        maxlength == null ||
+        e.i.length - offset <= maxlength ||
+        insertsIndivisible
+      ) {
+        result = { i: e.i.slice(offset) }
+        ++index
+        offset = 0
+      } else {
+        result = { i: e.i.slice(offset, offset + maxlength) }
+        offset += maxlength
+      }
+      return result
+    }
+  }
+
+  const peekType = () => op[index]
+
+  return [take, peekType]
+}
+
+// Find and return the length of an op component
+const componentLength = function (component) {
+  if (typeof component === 'number') {
+    return component
+  } else if (typeof component.i === 'string') {
+    return component.i.length
+  } else {
+    // This should work because c.d and c.i must be +ive.
+    return component.d || component.i
+  }
+}
+
+// Normalize an op, removing all empty skips and empty inserts / deletes. Concatenate
+// adjacent inserts and deletes.
+type.normalize = function (op) {
+  const newOp = []
+  for (const component of Array.from(op)) {
+    append(newOp, component)
+  }
+  return newOp
+}
+
+// This is a helper method to transform and prune. goForwards is true for transform, false for prune.
+const transformer = function (op, otherOp, goForwards, side) {
+  let component
+  checkOp(op)
+  checkOp(otherOp)
+  const newOp = []
+
+  const [take, peek] = Array.from(makeTake(op))
+
+  for (component of Array.from(otherOp)) {
+    let chunk
+    let length = componentLength(component)
+
+    if (component.i !== undefined) {
+      // Insert text or tombs
+      if (goForwards) {
+        // transform - insert skips over inserted parts
+        if (side === 'left') {
+          // The left insert should go first.
+          while (__guard__(peek(), x => x.i) !== undefined) {
+            append(newOp, take())
+          }
+        }
+
+        // In any case, skip the inserted text.
+        append(newOp, length)
+      } else {
+        // Prune. Remove skips for inserts.
+        while (length > 0) {
+          chunk = take(length, true)
+
+          if (chunk === null) {
+            throw new Error('The transformed op is invalid')
+          }
+          if (chunk.d !== undefined) {
+            throw new Error(
+              'The transformed op deletes locally inserted characters - it cannot be purged of the insert.'
+            )
+          }
+
+          if (typeof chunk === 'number') {
+            length -= chunk
+          } else {
+            append(newOp, chunk)
+          }
+        }
+      }
+    } else {
+      // Skip or delete
+      while (length > 0) {
+        chunk = take(length, true)
+        if (chunk === null) {
+          throw new Error(
+            'The op traverses more elements than the document has'
+          )
+        }
+
+        append(newOp, chunk)
+        if (!chunk.i) {
+          length -= componentLength(chunk)
+        }
+      }
+    }
+  }
+
+  // Append extras from op1
+  while ((component = take())) {
+    if (component.i === undefined) {
+      throw new Error(`Remaining fragments in the op: ${component}`)
+    }
+    append(newOp, component)
+  }
+
+  return newOp
+}
+
+// transform op1 by op2. Return transformed version of op1.
+// op1 and op2 are unchanged by transform.
+// side should be 'left' or 'right', depending on if op1.id <> op2.id. 'left' == client op.
+type.transform = function (op, otherOp, side) {
+  if (side !== 'left' && side !== 'right') {
+    throw new Error(`side (${side}) should be 'left' or 'right'`)
+  }
+  return transformer(op, otherOp, true, side)
+}
+
+// Prune is the inverse of transform.
+type.prune = (op, otherOp) => transformer(op, otherOp, false)
+
+// Compose 2 ops into 1 op.
+type.compose = function (op1, op2) {
+  let component
+  if (op1 === null || op1 === undefined) {
+    return op2
+  }
+
+  checkOp(op1)
+  checkOp(op2)
+
+  const result = []
+
+  const [take, _] = Array.from(makeTake(op1))
+
+  for (component of Array.from(op2)) {
+    let chunk, length
+    if (typeof component === 'number') {
+      // Skip
+      // Just copy from op1.
+      length = component
+      while (length > 0) {
+        chunk = take(length)
+        if (chunk === null) {
+          throw new Error(
+            'The op traverses more elements than the document has'
+          )
+        }
+
+        append(result, chunk)
+        length -= componentLength(chunk)
+      }
+    } else if (component.i !== undefined) {
+      // Insert
+      append(result, { i: component.i })
+    } else {
+      // Delete
+      length = component.d
+      while (length > 0) {
+        chunk = take(length)
+        if (chunk === null) {
+          throw new Error(
+            'The op traverses more elements than the document has'
+          )
+        }
+
+        const chunkLength = componentLength(chunk)
+        if (chunk.i !== undefined) {
+          append(result, { i: chunkLength })
+        } else {
+          append(result, { d: chunkLength })
+        }
+
+        length -= chunkLength
+      }
+    }
+  }
+
+  // Append extras from op1
+  while ((component = take())) {
+    if (component.i === undefined) {
+      throw new Error(`Remaining fragments in op1: ${component}`)
+    }
+    append(result, component)
+  }
+
+  return result
+}
+
+if (typeof WEB !== 'undefined' && WEB !== null) {
+  exports.types['text-tp2'] = type
+} else {
+  module.exports = type
+}
+
+function __guard__(value, transform) {
+  return typeof value !== 'undefined' && value !== null
+    ? transform(value)
+    : undefined
+}
diff --git a/services/document-updater/app/js/sharejs/types/text.js b/services/document-updater/app/js/sharejs/types/text.js
new file mode 100644
index 0000000..ece4f86
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/types/text.js
@@ -0,0 +1,387 @@
+/* eslint-disable
+    no-return-assign,
+    no-undef,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+// A simple text implementation
+//
+// Operations are lists of components.
+// Each component either inserts or deletes at a specified position in the document.
+//
+// Components are either:
+//  {i:'str', p:100}: Insert 'str' at position 100 in the document
+//  {d:'str', p:100}: Delete 'str' at position 100 in the document
+//
+// Components in an operation are executed sequentially, so the position of components
+// assumes previous components have already executed.
+//
+// Eg: This op:
+//   [{i:'abc', p:0}]
+// is equivalent to this op:
+//   [{i:'a', p:0}, {i:'b', p:1}, {i:'c', p:2}]
+
+// NOTE: The global scope here is shared with other sharejs files when built with closure.
+// Be careful what ends up in your namespace.
+
+let append, transformComponent
+const text = {}
+
+text.name = 'text'
+
+text.create = () => ''
+
+const strInject = (s1, pos, s2) => s1.slice(0, pos) + s2 + s1.slice(pos)
+
+const checkValidComponent = function (c) {
+  if (typeof c.p !== 'number') {
+    throw new Error('component missing position field')
+  }
+
+  const iType = typeof c.i
+  const dType = typeof c.d
+  const cType = typeof c.c
+  if (!((iType === 'string') ^ (dType === 'string') ^ (cType === 'string'))) {
+    throw new Error('component needs an i, d or c field')
+  }
+
+  if (!(c.p >= 0)) {
+    throw new Error('position cannot be negative')
+  }
+}
+
+const checkValidOp = function (op) {
+  for (const c of Array.from(op)) {
+    checkValidComponent(c)
+  }
+  return true
+}
+
+text.apply = function (snapshot, op) {
+  checkValidOp(op)
+  for (const component of Array.from(op)) {
+    if (component.i != null) {
+      snapshot = strInject(snapshot, component.p, component.i)
+    } else if (component.d != null) {
+      const deleted = snapshot.slice(
+        component.p,
+        component.p + component.d.length
+      )
+      if (component.d !== deleted) {
+        throw new Error(
+          `Delete component '${component.d}' does not match deleted text '${deleted}'`
+        )
+      }
+      snapshot =
+        snapshot.slice(0, component.p) +
+        snapshot.slice(component.p + component.d.length)
+    } else if (component.c != null) {
+      const comment = snapshot.slice(
+        component.p,
+        component.p + component.c.length
+      )
+      if (component.c !== comment) {
+        throw new Error(
+          `Comment component '${component.c}' does not match commented text '${comment}'`
+        )
+      }
+    } else {
+      throw new Error('Unknown op type')
+    }
+  }
+  return snapshot
+}
+
+// Exported for use by the random op generator.
+//
+// For simplicity, this version of append does not compress adjacent inserts and deletes of
+// the same text. It would be nice to change that at some stage.
+text._append = append = function (newOp, c) {
+  if (c.i === '' || c.d === '') {
+    return
+  }
+  if (newOp.length === 0) {
+    return newOp.push(c)
+  } else {
+    const last = newOp[newOp.length - 1]
+
+    // Compose the insert into the previous insert if possible
+    if (
+      last.i != null &&
+      c.i != null &&
+      last.p <= c.p &&
+      c.p <= last.p + last.i.length
+    ) {
+      return (newOp[newOp.length - 1] = {
+        i: strInject(last.i, c.p - last.p, c.i),
+        p: last.p,
+      })
+    } else if (
+      last.d != null &&
+      c.d != null &&
+      c.p <= last.p &&
+      last.p <= c.p + c.d.length
+    ) {
+      return (newOp[newOp.length - 1] = {
+        d: strInject(c.d, last.p - c.p, last.d),
+        p: c.p,
+      })
+    } else {
+      return newOp.push(c)
+    }
+  }
+}
+
+text.compose = function (op1, op2) {
+  checkValidOp(op1)
+  checkValidOp(op2)
+
+  const newOp = op1.slice()
+  for (const c of Array.from(op2)) {
+    append(newOp, c)
+  }
+
+  return newOp
+}
+
+// Attempt to compress the op components together 'as much as possible'.
+// This implementation preserves order and preserves create/delete pairs.
+text.compress = op => text.compose([], op)
+
+text.normalize = function (op) {
+  const newOp = []
+
+  // Normalize should allow ops which are a single (unwrapped) component:
+  // {i:'asdf', p:23}.
+  // There's no good way to test if something is an array:
+  // http://perfectionkills.com/instanceof-considered-harmful-or-how-to-write-a-robust-isarray/
+  // so this is probably the least bad solution.
+  if (op.i != null || op.p != null) {
+    op = [op]
+  }
+
+  for (const c of Array.from(op)) {
+    if (c.p == null) {
+      c.p = 0
+    }
+    append(newOp, c)
+  }
+
+  return newOp
+}
+
+// This helper method transforms a position by an op component.
+//
+// If c is an insert, insertAfter specifies whether the transform
+// is pushed after the insert (true) or before it (false).
+//
+// insertAfter is optional for deletes.
+const transformPosition = function (pos, c, insertAfter) {
+  if (c.i != null) {
+    if (c.p < pos || (c.p === pos && insertAfter)) {
+      return pos + c.i.length
+    } else {
+      return pos
+    }
+  } else if (c.d != null) {
+    // I think this could also be written as: Math.min(c.p, Math.min(c.p - otherC.p, otherC.d.length))
+    // but I think its harder to read that way, and it compiles using ternary operators anyway
+    // so its no slower written like this.
+    if (pos <= c.p) {
+      return pos
+    } else if (pos <= c.p + c.d.length) {
+      return c.p
+    } else {
+      return pos - c.d.length
+    }
+  } else if (c.c != null) {
+    return pos
+  } else {
+    throw new Error('unknown op type')
+  }
+}
+
+// Helper method to transform a cursor position as a result of an op.
+//
+// Like transformPosition above, if c is an insert, insertAfter specifies whether the cursor position
+// is pushed after an insert (true) or before it (false).
+text.transformCursor = function (position, op, side) {
+  const insertAfter = side === 'right'
+  for (const c of Array.from(op)) {
+    position = transformPosition(position, c, insertAfter)
+  }
+  return position
+}
+
+// Transform an op component by another op component. Asymmetric.
+// The result will be appended to destination.
+//
+// exported for use in JSON type
+text._tc = transformComponent = function (dest, c, otherC, side) {
+  let cIntersect, intersectEnd, intersectStart, newC, otherIntersect
+  checkValidOp([c])
+  checkValidOp([otherC])
+
+  if (c.i != null) {
+    append(dest, {
+      i: c.i,
+      p: transformPosition(c.p, otherC, side === 'right'),
+    })
+  } else if (c.d != null) {
+    // Delete
+    if (otherC.i != null) {
+      // delete vs insert
+      let s = c.d
+      if (c.p < otherC.p) {
+        append(dest, { d: s.slice(0, otherC.p - c.p), p: c.p })
+        s = s.slice(otherC.p - c.p)
+      }
+      if (s !== '') {
+        append(dest, { d: s, p: c.p + otherC.i.length })
+      }
+    } else if (otherC.d != null) {
+      // Delete vs delete
+      if (c.p >= otherC.p + otherC.d.length) {
+        append(dest, { d: c.d, p: c.p - otherC.d.length })
+      } else if (c.p + c.d.length <= otherC.p) {
+        append(dest, c)
+      } else {
+        // They overlap somewhere.
+        newC = { d: '', p: c.p }
+        if (c.p < otherC.p) {
+          newC.d = c.d.slice(0, otherC.p - c.p)
+        }
+        if (c.p + c.d.length > otherC.p + otherC.d.length) {
+          newC.d += c.d.slice(otherC.p + otherC.d.length - c.p)
+        }
+
+        // This is entirely optional - just for a check that the deleted
+        // text in the two ops matches
+        intersectStart = Math.max(c.p, otherC.p)
+        intersectEnd = Math.min(c.p + c.d.length, otherC.p + otherC.d.length)
+        cIntersect = c.d.slice(intersectStart - c.p, intersectEnd - c.p)
+        otherIntersect = otherC.d.slice(
+          intersectStart - otherC.p,
+          intersectEnd - otherC.p
+        )
+        if (cIntersect !== otherIntersect) {
+          throw new Error(
+            'Delete ops delete different text in the same region of the document'
+          )
+        }
+
+        if (newC.d !== '') {
+          // This could be rewritten similarly to insert v delete, above.
+          newC.p = transformPosition(newC.p, otherC)
+          append(dest, newC)
+        }
+      }
+    } else if (otherC.c != null) {
+      append(dest, c)
+    } else {
+      throw new Error('unknown op type')
+    }
+  } else if (c.c != null) {
+    // Comment
+    if (otherC.i != null) {
+      if (c.p < otherC.p && otherC.p < c.p + c.c.length) {
+        const offset = otherC.p - c.p
+        const newC =
+          c.c.slice(0, +(offset - 1) + 1 || undefined) +
+          otherC.i +
+          c.c.slice(offset)
+        append(dest, { c: newC, p: c.p, t: c.t })
+      } else {
+        append(dest, {
+          c: c.c,
+          p: transformPosition(c.p, otherC, true),
+          t: c.t,
+        })
+      }
+    } else if (otherC.d != null) {
+      if (c.p >= otherC.p + otherC.d.length) {
+        append(dest, { c: c.c, p: c.p - otherC.d.length, t: c.t })
+      } else if (c.p + c.c.length <= otherC.p) {
+        append(dest, c)
+      } else {
+        // Delete overlaps comment
+        // They overlap somewhere.
+        newC = { c: '', p: c.p, t: c.t }
+        if (c.p < otherC.p) {
+          newC.c = c.c.slice(0, otherC.p - c.p)
+        }
+        if (c.p + c.c.length > otherC.p + otherC.d.length) {
+          newC.c += c.c.slice(otherC.p + otherC.d.length - c.p)
+        }
+
+        // This is entirely optional - just for a check that the deleted
+        // text in the two ops matches
+        intersectStart = Math.max(c.p, otherC.p)
+        intersectEnd = Math.min(c.p + c.c.length, otherC.p + otherC.d.length)
+        cIntersect = c.c.slice(intersectStart - c.p, intersectEnd - c.p)
+        otherIntersect = otherC.d.slice(
+          intersectStart - otherC.p,
+          intersectEnd - otherC.p
+        )
+        if (cIntersect !== otherIntersect) {
+          throw new Error(
+            'Delete ops delete different text in the same region of the document'
+          )
+        }
+
+        newC.p = transformPosition(newC.p, otherC)
+        append(dest, newC)
+      }
+    } else if (otherC.c != null) {
+      append(dest, c)
+    } else {
+      throw new Error('unknown op type')
+    }
+  }
+
+  return dest
+}
+
+const invertComponent = function (c) {
+  if (c.i != null) {
+    return { d: c.i, p: c.p }
+  } else {
+    return { i: c.d, p: c.p }
+  }
+}
+
+// No need to use append for invert, because the components won't be able to
+// cancel with one another.
+text.invert = op =>
+  Array.from(op.slice().reverse()).map(c => invertComponent(c))
+
+if (typeof WEB !== 'undefined' && WEB !== null) {
+  if (!exports.types) {
+    exports.types = {}
+  }
+
+  // This is kind of awful - come up with a better way to hook this helper code up.
+  bootstrapTransform(text, transformComponent, checkValidOp, append)
+
+  // [] is used to prevent closure from renaming types.text
+  exports.types.text = text
+} else {
+  module.exports = text
+
+  // The text type really shouldn't need this - it should be possible to define
+  // an efficient transform function by making a sort of transform map and passing each
+  // op component through it.
+  require('./helpers').bootstrapTransform(
+    text,
+    transformComponent,
+    checkValidOp,
+    append
+  )
+}
diff --git a/services/document-updater/app/js/sharejs/types/web-prelude.js b/services/document-updater/app/js/sharejs/types/web-prelude.js
new file mode 100644
index 0000000..a4c3a0f
--- /dev/null
+++ b/services/document-updater/app/js/sharejs/types/web-prelude.js
@@ -0,0 +1,14 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+// This is included at the top of each compiled type file for the web.
+
+/**
+   @const
+   @type {boolean}
+*/
+const WEB = true
+
+const exports = window.sharejs
diff --git a/services/document-updater/app/js/types.ts b/services/document-updater/app/js/types.ts
new file mode 100644
index 0000000..b3085ad
--- /dev/null
+++ b/services/document-updater/app/js/types.ts
@@ -0,0 +1,136 @@
+import {
+  TrackingPropsRawData,
+  ClearTrackingPropsRawData,
+} from 'overleaf-editor-core/lib/types'
+
+/**
+ * An update coming from the editor
+ */
+export type Update = {
+  doc: string
+  op: Op[]
+  v: number
+  meta?: {
+    tc?: boolean
+    user_id?: string
+    ts?: number
+  }
+  projectHistoryId?: string
+}
+
+export type Op = InsertOp | DeleteOp | CommentOp | RetainOp
+
+export type InsertOp = {
+  i: string
+  p: number
+  u?: boolean
+}
+
+export type RetainOp = {
+  r: string
+  p: number
+}
+
+export type DeleteOp = {
+  d: string
+  p: number
+  u?: boolean
+}
+
+export type CommentOp = {
+  c: string
+  p: number
+  t: string
+  u?: boolean
+  // Used by project-history when restoring CommentSnapshots
+  resolved?: boolean
+}
+
+/**
+ * Ranges record on a document
+ */
+export type Ranges = {
+  comments?: Comment[]
+  changes?: TrackedChange[]
+}
+
+export type Comment = {
+  id: string
+  op: CommentOp
+  metadata?: {
+    user_id: string
+    ts: string
+  }
+}
+
+export type TrackedChange = {
+  id: string
+  op: InsertOp | DeleteOp
+  metadata: {
+    user_id: string
+    ts: string
+  }
+}
+
+/**
+ * Updates sent to project-history
+ */
+export type HistoryUpdate = {
+  op: HistoryOp[]
+  doc: string
+  v?: number
+  meta?: {
+    ts?: number
+    pathname?: string
+    doc_length?: number
+    history_doc_length?: number
+    doc_hash?: string
+    tc?: boolean
+    user_id?: string
+  }
+  projectHistoryId?: string
+}
+
+export type HistoryOp =
+  | HistoryInsertOp
+  | HistoryDeleteOp
+  | HistoryCommentOp
+  | HistoryRetainOp
+
+export type HistoryInsertOp = InsertOp & {
+  commentIds?: string[]
+  hpos?: number
+  trackedDeleteRejection?: boolean
+}
+
+export type HistoryRetainOp = RetainOp & {
+  hpos?: number
+  tracking?: TrackingPropsRawData | ClearTrackingPropsRawData
+}
+
+export type HistoryDeleteOp = DeleteOp & {
+  hpos?: number
+  trackedChanges?: HistoryDeleteTrackedChange[]
+}
+
+export type HistoryDeleteTrackedChange = {
+  type: 'insert' | 'delete'
+  offset: number
+  length: number
+}
+
+export type HistoryCommentOp = CommentOp & {
+  hpos?: number
+  hlen?: number
+}
+
+export type HistoryRanges = {
+  comments?: HistoryComment[]
+  changes?: HistoryTrackedChange[]
+}
+
+export type HistoryComment = Comment & { op: HistoryCommentOp }
+
+export type HistoryTrackedChange = TrackedChange & {
+  op: HistoryInsertOp | HistoryDeleteOp
+}
diff --git a/services/document-updater/benchmarks/apply.js b/services/document-updater/benchmarks/apply.js
new file mode 100644
index 0000000..2467678
--- /dev/null
+++ b/services/document-updater/benchmarks/apply.js
@@ -0,0 +1,78 @@
+const text = require('../app/js/sharejs/types/text.js')
+
+const TEST_RUNS = 1_000_000
+const MAX_OPS_BATCH_SIZE = 35
+const KB = 1000
+
+function runTestCase(testCase, documentSizeBytes) {
+  const initialText = 'A'.repeat(documentSizeBytes)
+
+  console.log(`test: ${testCase.name}`)
+  console.log(`opsBatchSize\topsPerSeconds ${documentSizeBytes / 1000}KB`)
+  for (let i = 1; i <= MAX_OPS_BATCH_SIZE; i++) {
+    const ops = testCase(documentSizeBytes, i)
+
+    let timeTotal = 0
+    for (let i = 0; i < TEST_RUNS; i++) {
+      const start = performance.now()
+      try {
+        text.apply(initialText, ops)
+      } catch {
+        console.error(`test failed: ${testCase.name}, with ops:`)
+        console.error(ops)
+        return
+      }
+      const done = performance.now()
+      timeTotal += done - start
+    }
+
+    const opsPerSeconds = TEST_RUNS / (timeTotal / 1000)
+    console.log(`${i}\t${opsPerSeconds}`)
+  }
+}
+
+const randomAdditionTestCase = (docSize, opsSize) =>
+  Array.from({ length: opsSize }, () => ({
+    p: Math.floor(Math.random() * docSize),
+    i: 'B',
+  }))
+
+const sequentialAdditionsTestCase = (docSize, opsSize) =>
+  Array.from({ length: opsSize }, (_, i) => ({ p: i + docSize, i: 'B' }))
+
+const sequentialAdditionsInMiddleTestCase = (docSize, opsSize) =>
+  Array.from({ length: opsSize }, (_, i) => ({
+    p: Math.floor(docSize / 2) + i,
+    i: 'B',
+  }))
+
+const randomDeletionTestCase = (docSize, opsSize) =>
+  Array.from({ length: opsSize }, (_, i) => ({
+    p: Math.floor(Math.random() * (docSize - 1 - i)),
+    d: 'A',
+  }))
+
+const sequentialDeletionTestCase = (docSize, opsSize) =>
+  Array.from({ length: opsSize }, (_, i) => ({
+    p: docSize - 1 - i,
+    d: 'A',
+  }))
+
+const sequentialDeletionInMiddleTestCase = (docSize, opsSize) =>
+  Array.from({ length: opsSize }, (_, i) => ({
+    p: Math.floor(docSize / 2),
+    d: 'A',
+  }))
+
+for (const docSize of [10 * KB, 100 * KB]) {
+  for (const testCase of [
+    randomAdditionTestCase,
+    sequentialAdditionsTestCase,
+    sequentialAdditionsInMiddleTestCase,
+    randomDeletionTestCase,
+    sequentialDeletionTestCase,
+    sequentialDeletionInMiddleTestCase,
+  ]) {
+    runTestCase(testCase, docSize)
+  }
+}
diff --git a/services/document-updater/benchmarks/multi_vs_mget_mset.rb b/services/document-updater/benchmarks/multi_vs_mget_mset.rb
new file mode 100644
index 0000000..ea953cd
--- /dev/null
+++ b/services/document-updater/benchmarks/multi_vs_mget_mset.rb
@@ -0,0 +1,188 @@
+require "benchmark"
+require "redis"
+
+N = (ARGV.first || 1).to_i
+DOC_ID = (ARGV.last || "606072b20bb4d3109fb5b122")
+
+@r = Redis.new
+
+
+def get
+  @r.get("doclines:{#{DOC_ID}}")
+  @r.get("DocVersion:{#{DOC_ID}}")
+  @r.get("DocHash:{#{DOC_ID}}")
+  @r.get("ProjectId:{#{DOC_ID}}")
+  @r.get("Ranges:{#{DOC_ID}}")
+  @r.get("Pathname:{#{DOC_ID}}")
+  @r.get("ProjectHistoryId:{#{DOC_ID}}")
+  @r.get("UnflushedTime:{#{DOC_ID}}")
+  @r.get("lastUpdatedAt:{#{DOC_ID}}")
+  @r.get("lastUpdatedBy:{#{DOC_ID}}")
+end
+
+def mget
+  @r.mget(
+    "doclines:{#{DOC_ID}}",
+    "DocVersion:{#{DOC_ID}}",
+    "DocHash:{#{DOC_ID}}",
+    "ProjectId:{#{DOC_ID}}",
+    "Ranges:{#{DOC_ID}}",
+    "Pathname:{#{DOC_ID}}",
+    "ProjectHistoryId:{#{DOC_ID}}",
+    "UnflushedTime:{#{DOC_ID}}",
+    "lastUpdatedAt:{#{DOC_ID}}",
+    "lastUpdatedBy:{#{DOC_ID}}",
+    )
+end
+
+def set
+  @r.set("doclines:{#{DOC_ID}}", "[\"@book{adams1995hitchhiker,\",\"  title={The Hitchhiker's Guide to the Galaxy},\",\"  author={Adams, D.},\",\"  isbn={9781417642595},\",\"  url={http://books.google.com/books?id=W-xMPgAACAAJ},\",\"  year={1995},\",\"  publisher={San Val}\",\"}\",\"\"]")
+  @r.set("DocVersion:{#{DOC_ID}}", "0")
+  @r.set("DocHash:{#{DOC_ID}}", "0075bb0629c6c13d0d68918443648bbfe7d98869")
+  @r.set("ProjectId:{#{DOC_ID}}", "606072b20bb4d3109fb5b11e")
+  @r.set("Ranges:{#{DOC_ID}}", "")
+  @r.set("Pathname:{#{DOC_ID}}", "/references.bib")
+  @r.set("ProjectHistoryId:{#{DOC_ID}}", "")
+  @r.set("UnflushedTime:{#{DOC_ID}}", "")
+  @r.set("lastUpdatedAt:{#{DOC_ID}}", "")
+  @r.set("lastUpdatedBy:{#{DOC_ID}}", "")
+end
+
+def mset
+  @r.mset(
+    "doclines:{#{DOC_ID}}", "[\"@book{adams1995hitchhiker,\",\"  title={The Hitchhiker's Guide to the Galaxy},\",\"  author={Adams, D.},\",\"  isbn={9781417642595},\",\"  url={http://books.google.com/books?id=W-xMPgAACAAJ},\",\"  year={1995},\",\"  publisher={San Val}\",\"}\",\"\"]",
+    "DocVersion:{#{DOC_ID}}", "0",
+    "DocHash:{#{DOC_ID}}", "0075bb0629c6c13d0d68918443648bbfe7d98869",
+    "ProjectId:{#{DOC_ID}}", "606072b20bb4d3109fb5b11e",
+    "Ranges:{#{DOC_ID}}", "",
+    "Pathname:{#{DOC_ID}}", "/references.bib",
+    "ProjectHistoryId:{#{DOC_ID}}", "",
+    "UnflushedTime:{#{DOC_ID}}", "",
+    "lastUpdatedAt:{#{DOC_ID}}", "",
+    "lastUpdatedBy:{#{DOC_ID}}", "",
+    )
+end
+
+
+def benchmark_multi_get(benchmark, i)
+  benchmark.report("#{i}: multi get") do
+    N.times do
+      @r.multi do
+        get
+      end
+    end
+  end
+end
+
+def benchmark_mget(benchmark, i)
+  benchmark.report("#{i}: mget") do
+    N.times do
+      mget
+    end
+  end
+end
+
+def benchmark_multi_set(benchmark, i)
+  benchmark.report("#{i}: multi set") do
+    N.times do
+      @r.multi do
+        set
+      end
+    end
+  end
+end
+
+def benchmark_mset(benchmark, i)
+  benchmark.report("#{i}: mset") do
+    N.times do
+      mset
+    end
+  end
+end
+
+
+# init
+set
+
+Benchmark.bmbm do |benchmark|
+  3.times do |i|
+    benchmark_multi_get(benchmark, i)
+    benchmark_mget(benchmark, i)
+    benchmark_multi_set(benchmark, i)
+    benchmark_mset(benchmark, i)
+  end
+end
+
+
+
+=begin
+# Results
+
+I could not max out the redis-server process with this benchmark.
+The ruby process hit 100% of a modern i7 CPU thread and the redis-server process
+ barely hit 50% of a CPU thread.
+
+Based on the timings below, mget is about 3 times faster and mset about 4 times
+ faster than multiple get/set commands in a multi.
+=end
+
+=begin
+$ redis-server --version
+Redis server v=5.0.7 sha=00000000:0 malloc=jemalloc-5.2.1 bits=64 build=636cde3b5c7a3923
+$ ruby multi_vs_mget_mset.rb 100000
+Rehearsal ------------------------------------------------
+0: multi get  12.132423   4.246689  16.379112 ( 16.420069)
+0: mget        4.499457   0.947556   5.447013 (  6.274883)
+0: multi set  12.685936   4.495241  17.181177 ( 17.225984)
+0: mset        2.543401   0.913448   3.456849 (  4.554799)
+1: multi get  13.397207   4.581881  17.979088 ( 18.027755)
+1: mget        4.551287   1.160531   5.711818 (  6.579168)
+1: multi set  13.018957   4.927175  17.946132 ( 17.987502)
+1: mset        2.561096   1.048416   3.609512 (  4.780087)
+2: multi get  13.224422   5.014475  18.238897 ( 18.284152)
+2: mget        4.664434   1.051083   5.715517 (  6.592088)
+2: multi set  12.972284   4.600422  17.572706 ( 17.613185)
+2: mset        2.621344   0.984123   3.605467 (  4.766855)
+------------------------------------- total: 132.843288sec
+
+                   user     system      total        real
+0: multi get  13.341552   4.900892  18.242444 ( 18.289912)
+0: mget        5.056534   0.960954   6.017488 (  6.971189)
+0: multi set  12.989880   4.823793  17.813673 ( 17.858393)
+0: mset        2.543434   1.025352   3.568786 (  4.723040)
+1: multi get  13.059379   4.674345  17.733724 ( 17.777859)
+1: mget        4.698754   0.915637   5.614391 (  6.489614)
+1: multi set  12.608293   4.729163  17.337456 ( 17.372993)
+1: mset        2.645290   0.940584   3.585874 (  4.744134)
+2: multi get  13.678224   4.732373  18.410597 ( 18.457525)
+2: mget        4.716749   1.072064   5.788813 (  6.697683)
+2: multi set  13.058710   4.889801  17.948511 ( 17.988742)
+2: mset        2.311854   0.989166   3.301020 (  4.346467)
+=end
+
+=begin
+# multi get/set run at about O(65'000) operations per second
+$ redis-cli info | grep 'instantaneous_ops_per_sec'
+instantaneous_ops_per_sec:65557
+
+# mget runs at about O(15'000) operations per second
+$ redis-cli info | grep 'instantaneous_ops_per_sec'
+instantaneous_ops_per_sec:14580
+
+# mset runs at about O(20'000) operations per second
+$ redis-cli info | grep 'instantaneous_ops_per_sec'
+instantaneous_ops_per_sec:20792
+
+These numbers are pretty reasonable:
+multi: 100'000 * 12 ops / 18s = 66'666 ops/s
+mget : 100'000 *  1 ops  /  7s = 14'285 ops/s
+mset : 100'000 *  1 ops  /  5s = 20'000 ops/s
+
+
+
+Bonus: Running three benchmarks in parallel on different keys.
+multi get: O(125'000) ops/s and 80% CPU load of redis-server
+multi set: O(130'000) ops/s and 90% CPU load of redis-server
+mget     : O( 30'000) ops/s and 70% CPU load of redis-server
+mset     : O( 40'000) ops/s and 90% CPU load of redis-server
+=end
diff --git a/services/document-updater/buildscript.txt b/services/document-updater/buildscript.txt
new file mode 100644
index 0000000..ee013eb
--- /dev/null
+++ b/services/document-updater/buildscript.txt
@@ -0,0 +1,9 @@
+document-updater
+--dependencies=mongo,redis
+--docker-repos=us-east1-docker.pkg.dev/overleaf-ops/ol-docker
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--node-version=20.18.2
+--public-repo=True
+--script-version=4.7.0
diff --git a/services/document-updater/config/settings.defaults.js b/services/document-updater/config/settings.defaults.js
new file mode 100755
index 0000000..0cd29d3
--- /dev/null
+++ b/services/document-updater/config/settings.defaults.js
@@ -0,0 +1,187 @@
+const http = require('node:http')
+const https = require('node:https')
+
+http.globalAgent.keepAlive = false
+https.globalAgent.keepAlive = false
+
+module.exports = {
+  internal: {
+    documentupdater: {
+      host: process.env.LISTEN_ADDRESS || '127.0.0.1',
+      port: 3003,
+    },
+  },
+
+  apis: {
+    web: {
+      url: `http://${
+        process.env.WEB_API_HOST || process.env.WEB_HOST || '127.0.0.1'
+      }:${process.env.WEB_API_PORT || process.env.WEB_PORT || 3000}`,
+      user: process.env.WEB_API_USER || 'overleaf',
+      pass: process.env.WEB_API_PASSWORD || 'password',
+    },
+    project_history: {
+      url: `http://${process.env.PROJECT_HISTORY_HOST || '127.0.0.1'}:3054`,
+    },
+  },
+
+  redis: {
+    pubsub: {
+      host:
+        process.env.PUBSUB_REDIS_HOST || process.env.REDIS_HOST || '127.0.0.1',
+      port: process.env.PUBSUB_REDIS_PORT || process.env.REDIS_PORT || '6379',
+      password:
+        process.env.PUBSUB_REDIS_PASSWORD || process.env.REDIS_PASSWORD || '',
+      maxRetriesPerRequest: parseInt(
+        process.env.REDIS_MAX_RETRIES_PER_REQUEST || '20'
+      ),
+    },
+
+    history: {
+      port: process.env.HISTORY_REDIS_PORT || process.env.REDIS_PORT || '6379',
+      host:
+        process.env.HISTORY_REDIS_HOST || process.env.REDIS_HOST || '127.0.0.1',
+      password:
+        process.env.HISTORY_REDIS_PASSWORD || process.env.REDIS_PASSWORD || '',
+      maxRetriesPerRequest: parseInt(
+        process.env.REDIS_MAX_RETRIES_PER_REQUEST || '20'
+      ),
+    },
+
+    project_history: {
+      port: process.env.HISTORY_REDIS_PORT || process.env.REDIS_PORT || '6379',
+      host:
+        process.env.HISTORY_REDIS_HOST || process.env.REDIS_HOST || '127.0.0.1',
+      password:
+        process.env.HISTORY_REDIS_PASSWORD || process.env.REDIS_PASSWORD || '',
+      maxRetriesPerRequest: parseInt(
+        process.env.REDIS_MAX_RETRIES_PER_REQUEST || '20'
+      ),
+      key_schema: {
+        projectHistoryOps({ project_id: projectId }) {
+          return `ProjectHistory:Ops:{${projectId}}`
+        },
+        projectHistoryFirstOpTimestamp({ project_id: projectId }) {
+          return `ProjectHistory:FirstOpTimestamp:{${projectId}}`
+        },
+      },
+    },
+
+    lock: {
+      port: process.env.LOCK_REDIS_PORT || process.env.REDIS_PORT || '6379',
+      host:
+        process.env.LOCK_REDIS_HOST || process.env.REDIS_HOST || '127.0.0.1',
+      password:
+        process.env.LOCK_REDIS_PASSWORD || process.env.REDIS_PASSWORD || '',
+      maxRetriesPerRequest: parseInt(
+        process.env.REDIS_MAX_RETRIES_PER_REQUEST || '20'
+      ),
+      key_schema: {
+        blockingKey({ doc_id: docId }) {
+          return `Blocking:{${docId}}`
+        },
+      },
+    },
+
+    documentupdater: {
+      port:
+        process.env.DOC_UPDATER_REDIS_PORT || process.env.REDIS_PORT || '6379',
+      host:
+        process.env.DOC_UPDATER_REDIS_HOST ||
+        process.env.REDIS_HOST ||
+        '127.0.0.1',
+      password:
+        process.env.DOC_UPDATER_REDIS_PASSWORD ||
+        process.env.REDIS_PASSWORD ||
+        '',
+      maxRetriesPerRequest: parseInt(
+        process.env.REDIS_MAX_RETRIES_PER_REQUEST || '20'
+      ),
+      key_schema: {
+        blockingKey({ doc_id: docId }) {
+          return `Blocking:{${docId}}`
+        },
+        docLines({ doc_id: docId }) {
+          return `doclines:{${docId}}`
+        },
+        docOps({ doc_id: docId }) {
+          return `DocOps:{${docId}}`
+        },
+        docVersion({ doc_id: docId }) {
+          return `DocVersion:{${docId}}`
+        },
+        docHash({ doc_id: docId }) {
+          return `DocHash:{${docId}}`
+        },
+        projectKey({ doc_id: docId }) {
+          return `ProjectId:{${docId}}`
+        },
+        docsInProject({ project_id: projectId }) {
+          return `DocsIn:{${projectId}}`
+        },
+        ranges({ doc_id: docId }) {
+          return `Ranges:{${docId}}`
+        },
+        unflushedTime({ doc_id: docId }) {
+          return `UnflushedTime:{${docId}}`
+        },
+        pathname({ doc_id: docId }) {
+          return `Pathname:{${docId}}`
+        },
+        projectHistoryId({ doc_id: docId }) {
+          return `ProjectHistoryId:{${docId}}`
+        },
+        projectState({ project_id: projectId }) {
+          return `ProjectState:{${projectId}}`
+        },
+        projectBlock({ project_id: projectId }) {
+          return `ProjectBlock:{${projectId}}`
+        },
+        pendingUpdates({ doc_id: docId }) {
+          return `PendingUpdates:{${docId}}`
+        },
+        lastUpdatedBy({ doc_id: docId }) {
+          return `lastUpdatedBy:{${docId}}`
+        },
+        lastUpdatedAt({ doc_id: docId }) {
+          return `lastUpdatedAt:{${docId}}`
+        },
+        resolvedCommentIds({ doc_id: docId }) {
+          return `ResolvedCommentIds:{${docId}}`
+        },
+        flushAndDeleteQueue() {
+          return 'DocUpdaterFlushAndDeleteQueue'
+        },
+        historyRangesSupport() {
+          return 'HistoryRangesSupport'
+        },
+      },
+    },
+  },
+
+  max_doc_length: 2 * 1024 * 1024, // 2mb
+  maxJsonRequestSize:
+    parseInt(process.env.MAX_JSON_REQUEST_SIZE, 10) || 8 * 1024 * 1024,
+
+  dispatcherCount: parseInt(process.env.DISPATCHER_COUNT || 10, 10),
+
+  redisLockTTLSeconds: 30,
+
+  mongo: {
+    url:
+      process.env.MONGO_CONNECTION_STRING ||
+      `mongodb://${process.env.MONGO_HOST || '127.0.0.1'}/sharelatex`,
+    options: {
+      monitorCommands: true,
+    },
+  },
+
+  publishOnIndividualChannels:
+    process.env.PUBLISH_ON_INDIVIDUAL_CHANNELS === 'true',
+
+  continuousBackgroundFlush: process.env.CONTINUOUS_BACKGROUND_FLUSH === 'true',
+
+  smoothingOffset: process.env.SMOOTHING_OFFSET || 1000, // milliseconds
+  gracefulShutdownDelayInMs:
+    parseInt(process.env.GRACEFUL_SHUTDOWN_DELAY_SECONDS ?? '10', 10) * 1000,
+}
diff --git a/services/document-updater/docker-compose.ci.yml b/services/document-updater/docker-compose.ci.yml
new file mode 100644
index 0000000..6deaad4
--- /dev/null
+++ b/services/document-updater/docker-compose.ci.yml
@@ -0,0 +1,65 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    user: node
+    command: npm run test:unit:_run
+    environment:
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+
+
+  test_acceptance:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      REDIS_HOST: redis
+      QUEUES_REDIS_HOST: redis
+      HISTORY_REDIS_HOST: redis
+      ANALYTICS_QUEUES_REDIS_HOST: redis
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      MOCHA_GREP: ${MOCHA_GREP}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    depends_on:
+      mongo:
+        condition: service_started
+      redis:
+        condition: service_healthy
+    user: node
+    command: npm run test:acceptance
+
+
+  tar:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    volumes:
+      - ./:/tmp/build/
+    command: tar -czf /tmp/build/build.tar.gz --exclude=build.tar.gz --exclude-vcs .
+    user: root
+  redis:
+    image: redis
+    healthcheck:
+      test: ping="$$(redis-cli ping)" && [ "$$ping" = 'PONG' ]
+      interval: 1s
+      retries: 20
+
+  mongo:
+    image: mongo:6.0.13
+    command: --replSet overleaf
+    volumes:
+      - ../../bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+    environment:
+      MONGO_INITDB_DATABASE: sharelatex
+    extra_hosts:
+      # Required when using the automatic database setup for initializing the
+      # replica set. This override is not needed when running the setup after
+      # starting up mongo.
+      - mongo:127.0.0.1
diff --git a/services/document-updater/docker-compose.yml b/services/document-updater/docker-compose.yml
new file mode 100644
index 0000000..e33174f
--- /dev/null
+++ b/services/document-updater/docker-compose.yml
@@ -0,0 +1,69 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    image: node:20.18.2
+    volumes:
+      - .:/overleaf/services/document-updater
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/document-updater
+    environment:
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    command: npm run --silent test:unit
+    user: node
+
+  test_acceptance:
+    image: node:20.18.2
+    volumes:
+      - .:/overleaf/services/document-updater
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/document-updater
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      REDIS_HOST: redis
+      HISTORY_REDIS_HOST: redis
+      QUEUES_REDIS_HOST: redis
+      ANALYTICS_QUEUES_REDIS_HOST: redis
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    user: node
+    depends_on:
+      mongo:
+        condition: service_started
+      redis:
+        condition: service_healthy
+    command: npm run --silent test:acceptance
+
+  redis:
+    image: redis
+    healthcheck:
+      test: ping=$$(redis-cli ping) && [ "$$ping" = 'PONG' ]
+      interval: 1s
+      retries: 20
+
+  mongo:
+    image: mongo:6.0.13
+    command: --replSet overleaf
+    volumes:
+      - ../../bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+    environment:
+      MONGO_INITDB_DATABASE: sharelatex
+    extra_hosts:
+      # Required when using the automatic database setup for initializing the
+      # replica set. This override is not needed when running the setup after
+      # starting up mongo.
+      - mongo:127.0.0.1
+
diff --git a/services/document-updater/package.json b/services/document-updater/package.json
new file mode 100644
index 0000000..4fb45d6
--- /dev/null
+++ b/services/document-updater/package.json
@@ -0,0 +1,51 @@
+{
+  "name": "@overleaf/document-updater",
+  "description": "An API for applying incoming updates to documents in real-time",
+  "private": true,
+  "main": "app.js",
+  "scripts": {
+    "start": "node app.js",
+    "test:acceptance:_run": "mocha --recursive --reporter spec --timeout 15000 --exit $@ test/acceptance/js",
+    "test:acceptance": "npm run test:acceptance:_run -- --grep=$MOCHA_GREP",
+    "test:unit:_run": "mocha --recursive --reporter spec $@ test/unit/js",
+    "test:unit": "npm run test:unit:_run -- --grep=$MOCHA_GREP",
+    "nodemon": "node --watch app.js",
+    "benchmark:apply": "node benchmarks/apply",
+    "lint": "eslint --max-warnings 0 --format unix .",
+    "format": "prettier --list-different $PWD/'**/*.*js'",
+    "format:fix": "prettier --write $PWD/'**/*.*js'",
+    "lint:fix": "eslint --fix .",
+    "types:check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@overleaf/logger": "*",
+    "@overleaf/metrics": "*",
+    "@overleaf/o-error": "*",
+    "@overleaf/promise-utils": "*",
+    "@overleaf/ranges-tracker": "*",
+    "@overleaf/redis-wrapper": "*",
+    "@overleaf/settings": "*",
+    "@types/chai-as-promised": "^7.1.8",
+    "async": "^3.2.5",
+    "body-parser": "^1.20.3",
+    "bunyan": "^1.8.15",
+    "diff-match-patch": "overleaf/diff-match-patch#89805f9c671a77a263fc53461acd62aa7498f688",
+    "express": "^4.21.2",
+    "lodash": "^4.17.21",
+    "minimist": "^1.2.8",
+    "mongodb-legacy": "6.1.3",
+    "request": "^2.88.2",
+    "requestretry": "^7.1.0"
+  },
+  "devDependencies": {
+    "chai": "^4.3.6",
+    "chai-as-promised": "^7.1.1",
+    "cluster-key-slot": "^1.0.5",
+    "mocha": "^11.1.0",
+    "sandboxed-module": "^2.0.4",
+    "sinon": "^9.2.4",
+    "sinon-chai": "^3.7.0",
+    "timekeeper": "^2.0.0",
+    "typescript": "^5.0.4"
+  }
+}
diff --git a/services/document-updater/scripts/check_redis_mongo_sync_state.js b/services/document-updater/scripts/check_redis_mongo_sync_state.js
new file mode 100644
index 0000000..0820940
--- /dev/null
+++ b/services/document-updater/scripts/check_redis_mongo_sync_state.js
@@ -0,0 +1,425 @@
+const fs = require('node:fs')
+const Path = require('node:path')
+const _ = require('lodash')
+const logger = require('@overleaf/logger')
+const OError = require('@overleaf/o-error')
+const Errors = require('../app/js/Errors')
+const LockManager = require('../app/js/LockManager')
+const PersistenceManager = require('../app/js/PersistenceManager')
+const ProjectFlusher = require('../app/js/ProjectFlusher')
+const ProjectManager = require('../app/js/ProjectManager')
+const RedisManager = require('../app/js/RedisManager')
+const Settings = require('@overleaf/settings')
+const request = require('requestretry').defaults({
+  maxAttempts: 2,
+  retryDelay: 10,
+})
+
+const AUTO_FIX_VERSION_MISMATCH =
+  process.env.AUTO_FIX_VERSION_MISMATCH === 'true'
+const AUTO_FIX_PARTIALLY_DELETED_DOC_METADATA =
+  process.env.AUTO_FIX_PARTIALLY_DELETED_DOC_METADATA === 'true'
+const SCRIPT_LOG_LEVEL = process.env.SCRIPT_LOG_LEVEL || 'warn'
+const FLUSH_IN_SYNC_PROJECTS = process.env.FLUSH_IN_SYNC_PROJECTS === 'true'
+const FOLDER =
+  process.env.FOLDER || '/tmp/overleaf-check-redis-mongo-sync-state'
+const LIMIT = parseInt(process.env.LIMIT || '1000', 10)
+const RETRIES = parseInt(process.env.RETRIES || '5', 10)
+const WRITE_CONTENT = process.env.WRITE_CONTENT === 'true'
+
+process.env.LOG_LEVEL = SCRIPT_LOG_LEVEL
+logger.initialize('check-redis-mongo-sync-state')
+
+const COMPARE_AND_SET =
+  'if redis.call("get", KEYS[1]) == ARGV[1] then return redis.call("set", KEYS[1], ARGV[2]) else return 0 end'
+
+/**
+ * @typedef {Object} Doc
+ * @property {number} version
+ * @property {Array<string>} lines
+ * @property {string} pathname
+ * @property {Object} ranges
+ * @property {boolean} [partiallyDeleted]
+ */
+
+class TryAgainError extends Error {}
+
+/**
+ * @param {string} docId
+ * @param {Doc} redisDoc
+ * @param {Doc} mongoDoc
+ * @return {Promise<void>}
+ */
+async function updateDocVersionInRedis(docId, redisDoc, mongoDoc) {
+  const lockValue = await LockManager.promises.getLock(docId)
+  try {
+    const key = Settings.redis.documentupdater.key_schema.docVersion({
+      doc_id: docId,
+    })
+    const numberOfKeys = 1
+    const ok = await RedisManager.rclient.eval(
+      COMPARE_AND_SET,
+      numberOfKeys,
+      key,
+      redisDoc.version,
+      mongoDoc.version
+    )
+    if (!ok) {
+      throw new TryAgainError(
+        'document has been updated, aborting overwrite. Try again.'
+      )
+    }
+  } finally {
+    await LockManager.promises.releaseLock(docId, lockValue)
+  }
+}
+
+async function fixPartiallyDeletedDocMetadata(projectId, docId, pathname) {
+  await new Promise((resolve, reject) => {
+    request(
+      {
+        method: 'PATCH',
+        url: `http://${process.env.DOCSTORE_HOST || '127.0.0.1'}:3016/project/${projectId}/doc/${docId}`,
+        timeout: 60 * 1000,
+        json: {
+          name: Path.basename(pathname),
+          deleted: true,
+          deletedAt: new Date(),
+        },
+      },
+      (err, res, body) => {
+        if (err) return reject(err)
+        const { statusCode } = res
+        if (statusCode !== 204) {
+          return reject(
+            new OError('patch request to docstore failed', {
+              statusCode,
+              body,
+            })
+          )
+        }
+        resolve()
+      }
+    )
+  })
+}
+
+async function getDocFromMongo(projectId, docId) {
+  try {
+    return await PersistenceManager.promises.getDoc(projectId, docId)
+  } catch (err) {
+    if (!(err instanceof Errors.NotFoundError)) {
+      throw err
+    }
+  }
+  const docstoreDoc = await new Promise((resolve, reject) => {
+    request(
+      {
+        url: `http://${process.env.DOCSTORE_HOST || '127.0.0.1'}:3016/project/${projectId}/doc/${docId}/peek`,
+        timeout: 60 * 1000,
+        json: true,
+      },
+      (err, res, body) => {
+        if (err) return reject(err)
+        const { statusCode } = res
+        if (statusCode !== 200) {
+          return reject(
+            new OError('fallback request to docstore failed', {
+              statusCode,
+              body,
+            })
+          )
+        }
+        resolve(body)
+      }
+    )
+  })
+  const deletedDocName = await new Promise((resolve, reject) => {
+    request(
+      {
+        url: `http://${process.env.DOCSTORE_HOST || '127.0.0.1'}:3016/project/${projectId}/doc-deleted`,
+        timeout: 60 * 1000,
+        json: true,
+      },
+      (err, res, body) => {
+        if (err) return reject(err)
+        const { statusCode } = res
+        if (statusCode !== 200) {
+          return reject(
+            new OError('list deleted docs request to docstore failed', {
+              statusCode,
+              body,
+            })
+          )
+        }
+        resolve(body.find(doc => doc._id === docId)?.name)
+      }
+    )
+  })
+  if (docstoreDoc.deleted && deletedDocName) {
+    return {
+      ...docstoreDoc,
+      pathname: deletedDocName,
+    }
+  }
+  return {
+    ...docstoreDoc,
+    pathname: `/partially-deleted-doc-with-unknown-name-and-id-${docId}.txt`,
+    partiallyDeleted: true,
+  }
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} docId
+ * @return {Promise<boolean>}
+ */
+async function processDoc(projectId, docId) {
+  const redisDoc = /** @type Doc */ await RedisManager.promises.getDoc(
+    projectId,
+    docId
+  )
+  const mongoDoc = /** @type Doc */ await getDocFromMongo(projectId, docId)
+
+  if (mongoDoc.partiallyDeleted) {
+    if (AUTO_FIX_PARTIALLY_DELETED_DOC_METADATA) {
+      console.log(
+        `Found partially deleted doc ${docId} in project ${projectId}: fixing metadata`
+      )
+      await fixPartiallyDeletedDocMetadata(projectId, docId, redisDoc.pathname)
+    } else {
+      console.log(
+        `Found partially deleted doc ${docId} in project ${projectId}: use AUTO_FIX_PARTIALLY_DELETED_DOC_METADATA=true to fix metadata`
+      )
+    }
+  }
+
+  if (mongoDoc.version < redisDoc.version) {
+    // mongo is behind, we can flush to mongo when all docs are processed.
+    return false
+  }
+
+  mongoDoc.snapshot = mongoDoc.lines.join('\n')
+  redisDoc.snapshot = redisDoc.lines.join('\n')
+  if (!mongoDoc.ranges) mongoDoc.ranges = {}
+  if (!redisDoc.ranges) redisDoc.ranges = {}
+
+  const sameLines = mongoDoc.snapshot === redisDoc.snapshot
+  const sameRanges = _.isEqual(mongoDoc.ranges, redisDoc.ranges)
+  if (sameLines && sameRanges) {
+    if (mongoDoc.version > redisDoc.version) {
+      // mongo is ahead, technically out of sync, but practically the content is identical
+      if (AUTO_FIX_VERSION_MISMATCH) {
+        console.log(
+          `Fixing out of sync doc version for doc ${docId} in project ${projectId}: mongo=${mongoDoc.version} > redis=${redisDoc.version}`
+        )
+        await updateDocVersionInRedis(docId, redisDoc, mongoDoc)
+        return false
+      } else {
+        console.error(
+          `Detected out of sync redis and mongo version for doc ${docId} in project ${projectId}, auto-fixable via AUTO_FIX_VERSION_MISMATCH=true`
+        )
+        return true
+      }
+    } else {
+      // same lines, same ranges, same version
+      return false
+    }
+  }
+
+  const dir = Path.join(FOLDER, projectId, docId)
+  console.error(
+    `Detected out of sync redis and mongo content for doc ${docId} in project ${projectId}`
+  )
+  if (!WRITE_CONTENT) return true
+
+  console.log(`pathname: ${mongoDoc.pathname}`)
+  if (mongoDoc.pathname !== redisDoc.pathname) {
+    console.log(`pathname redis: ${redisDoc.pathname}`)
+  }
+  console.log(`mongo version: ${mongoDoc.version}`)
+  console.log(`redis version: ${redisDoc.version}`)
+
+  await fs.promises.mkdir(dir, { recursive: true })
+
+  if (sameLines) {
+    console.log('mongo lines match redis lines')
+  } else {
+    console.log(
+      `mongo lines and redis lines out of sync, writing content into ${dir}`
+    )
+    await fs.promises.writeFile(
+      Path.join(dir, 'mongo-snapshot.txt'),
+      mongoDoc.snapshot
+    )
+    await fs.promises.writeFile(
+      Path.join(dir, 'redis-snapshot.txt'),
+      redisDoc.snapshot
+    )
+  }
+  if (sameRanges) {
+    console.log('mongo ranges match redis ranges')
+  } else {
+    console.log(
+      `mongo ranges and redis ranges out of sync, writing content into ${dir}`
+    )
+    await fs.promises.writeFile(
+      Path.join(dir, 'mongo-ranges.json'),
+      JSON.stringify(mongoDoc.ranges)
+    )
+    await fs.promises.writeFile(
+      Path.join(dir, 'redis-ranges.json'),
+      JSON.stringify(redisDoc.ranges)
+    )
+  }
+  console.log('---')
+  return true
+}
+
+/**
+ * @param {string} projectId
+ * @return {Promise<number>}
+ */
+async function processProject(projectId) {
+  const docIds = await RedisManager.promises.getDocIdsInProject(projectId)
+
+  let outOfSync = 0
+  for (const docId of docIds) {
+    let lastErr
+    for (let i = 0; i <= RETRIES; i++) {
+      try {
+        if (await processDoc(projectId, docId)) {
+          outOfSync++
+        }
+        break
+      } catch (err) {
+        lastErr = err
+      }
+    }
+    if (lastErr) {
+      throw OError.tag(lastErr, 'process doc', { docId })
+    }
+  }
+  if (outOfSync === 0 && FLUSH_IN_SYNC_PROJECTS) {
+    try {
+      await ProjectManager.promises.flushAndDeleteProjectWithLocks(
+        projectId,
+        {}
+      )
+    } catch (err) {
+      throw OError.tag(err, 'flush project with only in-sync docs')
+    }
+  }
+  return outOfSync
+}
+
+/**
+ * @param {Set<string>} processed
+ * @param {Set<string>} outOfSync
+ * @return {Promise<{perIterationOutOfSync: number, done: boolean}>}
+ */
+async function scanOnce(processed, outOfSync) {
+  const projectIds = await ProjectFlusher.promises.flushAllProjects({
+    limit: LIMIT,
+    dryRun: true,
+  })
+
+  let perIterationOutOfSync = 0
+  for (const projectId of projectIds) {
+    if (processed.has(projectId)) continue
+    processed.add(projectId)
+
+    let perProjectOutOfSync = 0
+    try {
+      perProjectOutOfSync = await processProject(projectId)
+    } catch (err) {
+      throw OError.tag(err, 'process project', { projectId })
+    }
+    perIterationOutOfSync += perProjectOutOfSync
+    if (perProjectOutOfSync > 0) {
+      outOfSync.add(projectId)
+    }
+  }
+
+  return { perIterationOutOfSync, done: projectIds.length < LIMIT }
+}
+
+/**
+ * @return {Promise<number>}
+ */
+async function main() {
+  if (!WRITE_CONTENT) {
+    console.warn()
+    console.warn(
+      `  Use WRITE_CONTENT=true to write the content of out of sync docs to FOLDER=${FOLDER}`
+    )
+    console.warn()
+  } else {
+    console.log(
+      `Writing content for projects with out of sync docs into FOLDER=${FOLDER}`
+    )
+    await fs.promises.mkdir(FOLDER, { recursive: true })
+    const existing = await fs.promises.readdir(FOLDER)
+    if (existing.length > 0) {
+      console.warn()
+      console.warn(
+        `  Found existing entries in FOLDER=${FOLDER}. Please delete or move these before running the script again.`
+      )
+      console.warn()
+      return 101
+    }
+  }
+  if (LIMIT < 100) {
+    console.warn()
+    console.warn(
+      `  Using small LIMIT=${LIMIT}, this can take a while to SCAN in a large redis database.`
+    )
+    console.warn()
+  }
+
+  const processed = new Set()
+  const outOfSyncProjects = new Set()
+  let totalOutOfSyncDocs = 0
+  while (true) {
+    const before = processed.size
+    const { perIterationOutOfSync, done } = await scanOnce(
+      processed,
+      outOfSyncProjects
+    )
+    totalOutOfSyncDocs += perIterationOutOfSync
+    console.log(`Processed ${processed.size} projects`)
+    console.log(
+      `Found ${
+        outOfSyncProjects.size
+      } projects with ${totalOutOfSyncDocs} out of sync docs: ${JSON.stringify(
+        Array.from(outOfSyncProjects)
+      )}`
+    )
+    if (done) {
+      console.log('Finished iterating all projects in redis')
+      break
+    }
+    if (processed.size === before) {
+      console.error(
+        `Found too many un-flushed projects (LIMIT=${LIMIT}). Please fix the reported projects first, then try again.`
+      )
+      if (!FLUSH_IN_SYNC_PROJECTS) {
+        console.error(
+          'Use FLUSH_IN_SYNC_PROJECTS=true to flush projects that have been checked.'
+        )
+      }
+      return 2
+    }
+  }
+  return totalOutOfSyncDocs > 0 ? 1 : 0
+}
+
+main()
+  .then(code => {
+    process.exit(code)
+  })
+  .catch(error => {
+    console.error(OError.getFullStack(error))
+    console.error(OError.getFullInfo(error))
+    process.exit(1)
+  })
diff --git a/services/document-updater/scripts/expire_docops.js b/services/document-updater/scripts/expire_docops.js
new file mode 100644
index 0000000..463509e
--- /dev/null
+++ b/services/document-updater/scripts/expire_docops.js
@@ -0,0 +1,65 @@
+const Settings = require('@overleaf/settings')
+const rclient = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.documentupdater
+)
+let keys = Settings.redis.documentupdater.key_schema
+const async = require('async')
+const RedisManager = require('../app/js/RedisManager')
+
+const getKeysFromNode = function (node, pattern, callback) {
+  let cursor = 0 // redis iterator
+  const keySet = {} // use hash to avoid duplicate results
+  // scan over all keys looking for pattern
+  const doIteration = () =>
+    node.scan(cursor, 'MATCH', pattern, 'COUNT', 1000, function (error, reply) {
+      if (error) {
+        return callback(error)
+      }
+      ;[cursor, keys] = reply
+      console.log('SCAN', keys.length)
+      for (const key of keys) {
+        keySet[key] = true
+      }
+      if (cursor === '0') {
+        // note redis returns string result not numeric
+        return callback(null, Object.keys(keySet))
+      } else {
+        return doIteration()
+      }
+    })
+  return doIteration()
+}
+
+const getKeys = function (pattern, callback) {
+  const nodes = (typeof rclient.nodes === 'function'
+    ? rclient.nodes('master')
+    : undefined) || [rclient]
+  console.log('GOT NODES', nodes.length)
+  const doKeyLookupForNode = (node, cb) => getKeysFromNode(node, pattern, cb)
+  return async.concatSeries(nodes, doKeyLookupForNode, callback)
+}
+
+const expireDocOps = callback =>
+  getKeys(keys.docOps({ doc_id: '*' }), (error, keys) => {
+    if (error) return callback(error)
+    async.mapSeries(
+      keys,
+      function (key, cb) {
+        console.log(`EXPIRE ${key} ${RedisManager.DOC_OPS_TTL}`)
+        return rclient.expire(key, RedisManager.DOC_OPS_TTL, cb)
+      },
+      callback
+    )
+  })
+
+setTimeout(
+  () =>
+    //  Give redis a chance to connect
+    expireDocOps(function (error) {
+      if (error) {
+        throw error
+      }
+      return process.exit()
+    }),
+  1000
+)
diff --git a/services/document-updater/scripts/fix_docs_with_empty_pathnames.js b/services/document-updater/scripts/fix_docs_with_empty_pathnames.js
new file mode 100644
index 0000000..e3e0341
--- /dev/null
+++ b/services/document-updater/scripts/fix_docs_with_empty_pathnames.js
@@ -0,0 +1,79 @@
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const rclient = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.documentupdater
+)
+const keys = Settings.redis.documentupdater.key_schema
+const ProjectFlusher = require('app/js/ProjectFlusher')
+const DocumentManager = require('app/js/DocumentManager')
+const util = require('node:util')
+const flushAndDeleteDocWithLock = util.promisify(
+  DocumentManager.flushAndDeleteDocWithLock
+)
+
+async function flushAndDeleteDocs(dockeys, options) {
+  const docIds = ProjectFlusher._extractIds(dockeys)
+  for (const docId of docIds) {
+    const pathname = await rclient.get(keys.pathname({ doc_id: docId }))
+    if (!pathname) {
+      const projectId = await rclient.get(keys.projectKey({ doc_id: docId }))
+      if (!projectId) {
+        // await deleteDanglingDoc(projectId, docId, pathname, options)
+        logger.info(
+          { projectId, docId, pathname },
+          'skipping doc with empty pathname and project id'
+        )
+      } else {
+        await flushAndDeleteDoc(projectId, docId, pathname, options)
+      }
+    }
+  }
+}
+
+async function flushAndDeleteDoc(projectId, docId, pathname, options) {
+  if (options.dryRun) {
+    logger.info(
+      { projectId, docId, pathname },
+      'dry run mode - would flush doc with empty pathname'
+    )
+    return
+  }
+  logger.info(
+    { projectId, docId, pathname },
+    'flushing doc with empty pathname'
+  )
+  try {
+    await flushAndDeleteDocWithLock(projectId, docId, {})
+  } catch (err) {
+    logger.error(
+      { projectId, docId, pathname, err },
+      'error flushing and deleting doc without pathname'
+    )
+  }
+}
+
+async function cleanUpDocs(options) {
+  logger.info({ options }, 'cleaning up docs without pathnames')
+  let cursor = 0
+  do {
+    const [newCursor, doclinesKeys] = await rclient.scan(
+      cursor,
+      'MATCH',
+      keys.docLines({ doc_id: '*' }),
+      'COUNT',
+      options.limit
+    )
+    await flushAndDeleteDocs(doclinesKeys, options)
+    cursor = newCursor
+  } while (cursor !== '0')
+}
+
+cleanUpDocs({ limit: 1000, dryRun: process.env.DRY_RUN !== 'false' })
+  .then(result => {
+    rclient.quit()
+    console.log('DONE')
+  })
+  .catch(function (error) {
+    console.error(error)
+    process.exit(1)
+  })
diff --git a/services/document-updater/scripts/fix_docs_with_missing_project.js b/services/document-updater/scripts/fix_docs_with_missing_project.js
new file mode 100644
index 0000000..d302212
--- /dev/null
+++ b/services/document-updater/scripts/fix_docs_with_missing_project.js
@@ -0,0 +1,87 @@
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const rclient = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.documentupdater
+)
+const keys = Settings.redis.documentupdater.key_schema
+const ProjectFlusher = require('../app/js/ProjectFlusher')
+const DocumentManager = require('../app/js/DocumentManager')
+const { mongoClient, db, ObjectId } = require('../app/js/mongodb')
+const util = require('node:util')
+const flushAndDeleteDocWithLock = util.promisify(
+  DocumentManager.flushAndDeleteDocWithLock
+)
+
+async function fixDocsWithMissingProjectIds(dockeys, options) {
+  const docIds = ProjectFlusher._extractIds(dockeys)
+  for (const docId of docIds) {
+    const projectId = await rclient.get(keys.projectKey({ doc_id: docId }))
+    logger.debug({ docId, projectId }, 'checking doc')
+    if (!projectId) {
+      try {
+        await insertMissingProjectId(docId, options)
+      } catch (err) {
+        logger.error({ docId, err }, 'error fixing doc without project id')
+      }
+    }
+  }
+}
+
+async function insertMissingProjectId(docId, options) {
+  const doc = await db.docs.findOne({ _id: ObjectId(docId) })
+  if (!doc) {
+    logger.warn({ docId }, 'doc not found in mongo')
+    return
+  }
+  if (!doc.project_id) {
+    logger.error({ docId }, 'doc does not have project id in mongo')
+    return
+  }
+  logger.debug({ docId, doc }, 'found doc')
+  const projectIdFromMongo = doc.project_id.toString()
+  if (options.dryRun) {
+    logger.info(
+      { projectIdFromMongo, docId },
+      'dry run mode - would insert project id in redis'
+    )
+    return
+  }
+  // set the project id for this doc
+  await rclient.set(keys.projectKey({ doc_id: docId }), projectIdFromMongo)
+  logger.debug({ docId, projectIdFromMongo }, 'inserted project id in redis')
+  if (projectIdFromMongo) {
+    await flushAndDeleteDocWithLock(projectIdFromMongo, docId, {})
+    logger.info(
+      { docId, projectIdFromMongo },
+      'fixed doc with empty project id'
+    )
+  }
+  return projectIdFromMongo
+}
+
+async function findAndProcessDocs(options) {
+  logger.info({ options }, 'fixing docs with missing projcct id')
+  let cursor = 0
+  do {
+    const [newCursor, doclinesKeys] = await rclient.scan(
+      cursor,
+      'MATCH',
+      keys.docLines({ doc_id: '*' }),
+      'COUNT',
+      options.limit
+    )
+    await fixDocsWithMissingProjectIds(doclinesKeys, options)
+    cursor = newCursor
+  } while (cursor !== '0')
+}
+
+findAndProcessDocs({ limit: 1000, dryRun: process.env.DRY_RUN !== 'false' })
+  .then(result => {
+    rclient.quit()
+    mongoClient.close()
+    console.log('DONE')
+  })
+  .catch(function (error) {
+    console.error(error)
+    process.exit(1)
+  })
diff --git a/services/document-updater/scripts/flush_all.js b/services/document-updater/scripts/flush_all.js
new file mode 100644
index 0000000..68bd831
--- /dev/null
+++ b/services/document-updater/scripts/flush_all.js
@@ -0,0 +1,54 @@
+const ProjectFlusher = require('../app/js/ProjectFlusher')
+const minimist = require('minimist')
+
+async function main() {
+  const argv = minimist(process.argv.slice(2), {
+    default: {
+      limit: 100000,
+      concurrency: 5,
+      'dry-run': false,
+    },
+    boolean: ['dry-run', 'help'],
+    alias: { h: 'help', n: 'dry-run', j: 'concurrency' },
+  })
+
+  if (argv.help) {
+    console.log(`
+Usage: node scripts/flush_all.js [options]
+
+Options:
+  --limit            Number of projects to flush (default: 100000)
+  --concurrency, -j  Number of concurrent flush operations (default: 5)
+  --dryRun, -n       Perform a dry run without making any changes (default: false)
+  --help, -h         Show this help message
+    `)
+    process.exit(0)
+  }
+
+  const options = {
+    limit: argv.limit,
+    concurrency: argv.concurrency,
+    dryRun: argv['dry-run'],
+  }
+  console.log('Flushing all projects with options:', options)
+
+  return await new Promise((resolve, reject) => {
+    ProjectFlusher.flushAllProjects(options, err => {
+      if (err) {
+        reject(err)
+      } else {
+        resolve()
+      }
+    })
+  })
+}
+
+main()
+  .then(() => {
+    console.log('Done flushing all projects')
+    process.exit(0)
+  })
+  .catch(error => {
+    console.error('There was an error flushing all projects', { error })
+    process.exit(1)
+  })
diff --git a/services/document-updater/scripts/remove_deleted_docs.js b/services/document-updater/scripts/remove_deleted_docs.js
new file mode 100644
index 0000000..a698071
--- /dev/null
+++ b/services/document-updater/scripts/remove_deleted_docs.js
@@ -0,0 +1,161 @@
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const rclient = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.documentupdater
+)
+const keys = Settings.redis.documentupdater.key_schema
+const ProjectFlusher = require('../app/js/ProjectFlusher')
+const RedisManager = require('../app/js/RedisManager')
+const { mongoClient, db, ObjectId } = require('../app/js/mongodb')
+const util = require('node:util')
+const getDoc = util.promisify((projectId, docId, cb) =>
+  RedisManager.getDoc(projectId, docId, (err, ...args) => cb(err, args))
+)
+const removeDocFromMemory = util.promisify(RedisManager.removeDocFromMemory)
+
+const summary = { totalDocs: 0, deletedDocs: 0, skippedDocs: 0 }
+
+async function removeDeletedDocs(dockeys, options) {
+  const docIds = ProjectFlusher._extractIds(dockeys)
+  for (const docId of docIds) {
+    summary.totalDocs++
+    const docCount = await db.docs.find({ _id: new ObjectId(docId) }).count()
+    if (!docCount) {
+      try {
+        await removeDeletedDoc(docId, options)
+      } catch (err) {
+        logger.error({ docId, err }, 'error removing deleted doc')
+      }
+    }
+  }
+}
+
+async function removeDeletedDoc(docId, options) {
+  const projectId = await rclient.get(keys.projectKey({ doc_id: docId }))
+
+  const [
+    docLines,
+    version,
+    ranges,
+    pathname,
+    projectHistoryId,
+    unflushedTime,
+    lastUpdatedAt,
+    lastUpdatedBy,
+  ] = await getDoc(projectId, docId)
+
+  const project = await db.projects.findOne({ _id: new ObjectId(projectId) })
+
+  let status
+
+  if (project) {
+    const projectJSON = JSON.stringify(project.rootFolder)
+    const containsDoc = projectJSON.indexOf(docId) !== -1
+    if (containsDoc) {
+      logger.warn(
+        {
+          projectId,
+          docId,
+          docLinesBytes: docLines && docLines.length,
+          version,
+          rangesBytes: ranges && ranges.length,
+          pathname,
+          projectHistoryId,
+          unflushedTime,
+          lastUpdatedAt,
+          lastUpdatedBy,
+        },
+        'refusing to delete doc, project contains docId'
+      )
+      summary.skippedDocs++
+      return
+    } else {
+      logger.warn(
+        {
+          projectId,
+          docId,
+          docLinesBytes: docLines && docLines.length,
+          version,
+          rangesBytes: ranges && ranges.length,
+          pathname,
+          projectHistoryId,
+          unflushedTime,
+          lastUpdatedAt,
+          lastUpdatedBy,
+        },
+        'refusing to delete doc, project still exists'
+      )
+      summary.skippedDocs++
+      return
+    }
+  } else {
+    status = 'projectDeleted'
+  }
+  summary.deletedDocs++
+  if (options.dryRun) {
+    logger.info(
+      {
+        projectId,
+        docId,
+        docLinesBytes: docLines && docLines.length,
+        version,
+        rangesBytes: ranges && ranges.length,
+        pathname,
+        projectHistoryId,
+        unflushedTime,
+        lastUpdatedAt,
+        lastUpdatedBy,
+        status,
+        summary,
+      },
+      'dry run mode - would remove doc from redis'
+    )
+    return
+  }
+  removeDocFromMemory(projectId, docId)
+  logger.info(
+    {
+      projectId,
+      docId,
+      docLinesBytes: docLines && docLines.length,
+      version,
+      rangesBytes: ranges && ranges.length,
+      pathname,
+      projectHistoryId,
+      unflushedTime,
+      lastUpdatedAt,
+      lastUpdatedBy,
+      status,
+      summary,
+    },
+    'removed doc from redis'
+  )
+}
+
+async function findAndProcessDocs(options) {
+  logger.info({ options }, 'removing deleted docs')
+  let cursor = 0
+  do {
+    const [newCursor, doclinesKeys] = await rclient.scan(
+      cursor,
+      'MATCH',
+      keys.docLines({ doc_id: '*' }),
+      'COUNT',
+      options.limit
+    )
+    await removeDeletedDocs(doclinesKeys, options)
+    cursor = newCursor
+  } while (cursor !== '0')
+}
+
+findAndProcessDocs({ limit: 1000, dryRun: process.env.DRY_RUN !== 'false' })
+  .then(result => {
+    rclient.quit()
+    mongoClient.close()
+    console.log('DONE')
+    process.exit(0)
+  })
+  .catch(function (error) {
+    console.error(error)
+    process.exit(1)
+  })
diff --git a/services/document-updater/test/acceptance/js/ApplyingUpdatesToADocTests.js b/services/document-updater/test/acceptance/js/ApplyingUpdatesToADocTests.js
new file mode 100644
index 0000000..73e22aa
--- /dev/null
+++ b/services/document-updater/test/acceptance/js/ApplyingUpdatesToADocTests.js
@@ -0,0 +1,723 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const async = require('async')
+const Settings = require('@overleaf/settings')
+const rclientProjectHistory = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.project_history
+)
+const rclientDU = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.documentupdater
+)
+const Keys = Settings.redis.documentupdater.key_schema
+const ProjectHistoryKeys = Settings.redis.project_history.key_schema
+
+const MockWebApi = require('./helpers/MockWebApi')
+const DocUpdaterClient = require('./helpers/DocUpdaterClient')
+const DocUpdaterApp = require('./helpers/DocUpdaterApp')
+
+describe('Applying updates to a doc', function () {
+  before(function (done) {
+    this.lines = ['one', 'two', 'three']
+    this.version = 42
+    this.op = {
+      i: 'one and a half\n',
+      p: 4,
+    }
+    this.update = {
+      doc: this.doc_id,
+      op: [this.op],
+      v: this.version,
+    }
+    this.result = ['one', 'one and a half', 'two', 'three']
+    DocUpdaterApp.ensureRunning(done)
+  })
+
+  describe('when the document is not loaded', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.doc_id = DocUpdaterClient.randomId()
+      sinon.spy(MockWebApi, 'getDocument')
+      this.startTime = Date.now()
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        version: this.version,
+      })
+      DocUpdaterClient.sendUpdate(
+        this.project_id,
+        this.doc_id,
+        this.update,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          setTimeout(done, 200)
+        }
+      )
+    })
+
+    after(function () {
+      MockWebApi.getDocument.restore()
+    })
+
+    it('should load the document from the web API', function () {
+      MockWebApi.getDocument
+        .calledWith(this.project_id, this.doc_id)
+        .should.equal(true)
+    })
+
+    it('should update the doc', function (done) {
+      DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, doc) => {
+          if (error) done(error)
+          doc.lines.should.deep.equal(this.result)
+          done()
+        }
+      )
+    })
+
+    it('should push the applied updates to the project history changes api', function (done) {
+      rclientProjectHistory.lrange(
+        ProjectHistoryKeys.projectHistoryOps({ project_id: this.project_id }),
+        0,
+        -1,
+        (error, updates) => {
+          if (error != null) {
+            throw error
+          }
+          JSON.parse(updates[0]).op.should.deep.equal([this.op])
+          done()
+        }
+      )
+    })
+
+    it('should set the first op timestamp', function (done) {
+      rclientProjectHistory.get(
+        ProjectHistoryKeys.projectHistoryFirstOpTimestamp({
+          project_id: this.project_id,
+        }),
+        (error, result) => {
+          if (error != null) {
+            throw error
+          }
+          result = parseInt(result, 10)
+          result.should.be.within(this.startTime, Date.now())
+          this.firstOpTimestamp = result
+          done()
+        }
+      )
+    })
+
+    it('should yield last updated time', function (done) {
+      DocUpdaterClient.getProjectLastUpdatedAt(
+        this.project_id,
+        (error, res, body) => {
+          if (error != null) {
+            throw error
+          }
+          res.statusCode.should.equal(200)
+          body.lastUpdatedAt.should.be.within(this.startTime, Date.now())
+          done()
+        }
+      )
+    })
+
+    it('should yield no last updated time for another project', function (done) {
+      DocUpdaterClient.getProjectLastUpdatedAt(
+        DocUpdaterClient.randomId(),
+        (error, res, body) => {
+          if (error != null) {
+            throw error
+          }
+          res.statusCode.should.equal(200)
+          body.should.deep.equal({})
+          done()
+        }
+      )
+    })
+
+    describe('when sending another update', function () {
+      before(function (done) {
+        this.timeout(10000)
+        this.second_update = Object.assign({}, this.update)
+        this.second_update.v = this.version + 1
+        this.secondStartTime = Date.now()
+        DocUpdaterClient.sendUpdate(
+          this.project_id,
+          this.doc_id,
+          this.second_update,
+          error => {
+            if (error != null) {
+              throw error
+            }
+            setTimeout(done, 200)
+          }
+        )
+      })
+
+      it('should update the doc', function (done) {
+        DocUpdaterClient.getDoc(
+          this.project_id,
+          this.doc_id,
+          (error, res, doc) => {
+            if (error) done(error)
+            doc.lines.should.deep.equal([
+              'one',
+              'one and a half',
+              'one and a half',
+              'two',
+              'three',
+            ])
+            done()
+          }
+        )
+      })
+
+      it('should not change the first op timestamp', function (done) {
+        rclientProjectHistory.get(
+          ProjectHistoryKeys.projectHistoryFirstOpTimestamp({
+            project_id: this.project_id,
+          }),
+          (error, result) => {
+            if (error != null) {
+              throw error
+            }
+            result = parseInt(result, 10)
+            result.should.equal(this.firstOpTimestamp)
+            done()
+          }
+        )
+      })
+
+      it('should yield last updated time', function (done) {
+        DocUpdaterClient.getProjectLastUpdatedAt(
+          this.project_id,
+          (error, res, body) => {
+            if (error != null) {
+              throw error
+            }
+            res.statusCode.should.equal(200)
+            body.lastUpdatedAt.should.be.within(
+              this.secondStartTime,
+              Date.now()
+            )
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('when the document is loaded', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.doc_id = DocUpdaterClient.randomId()
+
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        version: this.version,
+      })
+      DocUpdaterClient.preloadDoc(this.project_id, this.doc_id, error => {
+        if (error != null) {
+          throw error
+        }
+        sinon.spy(MockWebApi, 'getDocument')
+        DocUpdaterClient.sendUpdate(
+          this.project_id,
+          this.doc_id,
+          this.update,
+          error => {
+            if (error != null) {
+              throw error
+            }
+            setTimeout(done, 200)
+          }
+        )
+      })
+    })
+
+    after(function () {
+      MockWebApi.getDocument.restore()
+    })
+
+    it('should not need to call the web api', function () {
+      MockWebApi.getDocument.called.should.equal(false)
+    })
+
+    it('should update the doc', function (done) {
+      DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, doc) => {
+          if (error) return done(error)
+          doc.lines.should.deep.equal(this.result)
+          done()
+        }
+      )
+    })
+
+    it('should push the applied updates to the project history changes api', function (done) {
+      rclientProjectHistory.lrange(
+        ProjectHistoryKeys.projectHistoryOps({ project_id: this.project_id }),
+        0,
+        -1,
+        (error, updates) => {
+          if (error) return done(error)
+          JSON.parse(updates[0]).op.should.deep.equal([this.op])
+          done()
+        }
+      )
+    })
+  })
+
+  describe('when the document is loaded and is using project-history only', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.doc_id = DocUpdaterClient.randomId()
+
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        version: this.version,
+      })
+      DocUpdaterClient.preloadDoc(this.project_id, this.doc_id, error => {
+        if (error != null) {
+          throw error
+        }
+        sinon.spy(MockWebApi, 'getDocument')
+        DocUpdaterClient.sendUpdate(
+          this.project_id,
+          this.doc_id,
+          this.update,
+          error => {
+            if (error != null) {
+              throw error
+            }
+            setTimeout(done, 200)
+          }
+        )
+      })
+    })
+
+    after(function () {
+      MockWebApi.getDocument.restore()
+    })
+
+    it('should update the doc', function (done) {
+      DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, doc) => {
+          if (error) return done(error)
+          doc.lines.should.deep.equal(this.result)
+          done()
+        }
+      )
+    })
+
+    it('should push the applied updates to the project history changes api', function (done) {
+      rclientProjectHistory.lrange(
+        ProjectHistoryKeys.projectHistoryOps({ project_id: this.project_id }),
+        0,
+        -1,
+        (error, updates) => {
+          if (error) return done(error)
+          JSON.parse(updates[0]).op.should.deep.equal([this.op])
+          done()
+        }
+      )
+    })
+  })
+
+  describe('when the document has been deleted', function () {
+    describe('when the ops come in a single linear order', function () {
+      before(function (done) {
+        this.project_id = DocUpdaterClient.randomId()
+        this.doc_id = DocUpdaterClient.randomId()
+        const lines = ['', '', '']
+        MockWebApi.insertDoc(this.project_id, this.doc_id, {
+          lines,
+          version: 0,
+        })
+        this.updates = [
+          { doc_id: this.doc_id, v: 0, op: [{ i: 'h', p: 0 }] },
+          { doc_id: this.doc_id, v: 1, op: [{ i: 'e', p: 1 }] },
+          { doc_id: this.doc_id, v: 2, op: [{ i: 'l', p: 2 }] },
+          { doc_id: this.doc_id, v: 3, op: [{ i: 'l', p: 3 }] },
+          { doc_id: this.doc_id, v: 4, op: [{ i: 'o', p: 4 }] },
+          { doc_id: this.doc_id, v: 5, op: [{ i: ' ', p: 5 }] },
+          { doc_id: this.doc_id, v: 6, op: [{ i: 'w', p: 6 }] },
+          { doc_id: this.doc_id, v: 7, op: [{ i: 'o', p: 7 }] },
+          { doc_id: this.doc_id, v: 8, op: [{ i: 'r', p: 8 }] },
+          { doc_id: this.doc_id, v: 9, op: [{ i: 'l', p: 9 }] },
+          { doc_id: this.doc_id, v: 10, op: [{ i: 'd', p: 10 }] },
+        ]
+        this.my_result = ['hello world', '', '']
+        done()
+      })
+
+      it('should be able to continue applying updates when the project has been deleted', function (done) {
+        let update
+        const actions = []
+        for (update of this.updates.slice(0, 6)) {
+          ;(update => {
+            actions.push(callback =>
+              DocUpdaterClient.sendUpdate(
+                this.project_id,
+                this.doc_id,
+                update,
+                callback
+              )
+            )
+          })(update)
+        }
+        actions.push(callback =>
+          DocUpdaterClient.deleteDoc(this.project_id, this.doc_id, callback)
+        )
+        for (update of this.updates.slice(6)) {
+          ;(update => {
+            actions.push(callback =>
+              DocUpdaterClient.sendUpdate(
+                this.project_id,
+                this.doc_id,
+                update,
+                callback
+              )
+            )
+          })(update)
+        }
+
+        async.series(actions, error => {
+          if (error != null) {
+            throw error
+          }
+          DocUpdaterClient.getDoc(
+            this.project_id,
+            this.doc_id,
+            (error, res, doc) => {
+              if (error) return done(error)
+              doc.lines.should.deep.equal(this.my_result)
+              done()
+            }
+          )
+        })
+      })
+
+      it('should store the doc ops in the correct order', function (done) {
+        rclientDU.lrange(
+          Keys.docOps({ doc_id: this.doc_id }),
+          0,
+          -1,
+          (error, updates) => {
+            if (error) return done(error)
+            updates = updates.map(u => JSON.parse(u))
+            for (let i = 0; i < this.updates.length; i++) {
+              const appliedUpdate = this.updates[i]
+              appliedUpdate.op.should.deep.equal(updates[i].op)
+            }
+            done()
+          }
+        )
+      })
+    })
+
+    describe('when older ops come in after the delete', function () {
+      before(function (done) {
+        this.project_id = DocUpdaterClient.randomId()
+        this.doc_id = DocUpdaterClient.randomId()
+        const lines = ['', '', '']
+        MockWebApi.insertDoc(this.project_id, this.doc_id, {
+          lines,
+          version: 0,
+        })
+        this.updates = [
+          { doc_id: this.doc_id, v: 0, op: [{ i: 'h', p: 0 }] },
+          { doc_id: this.doc_id, v: 1, op: [{ i: 'e', p: 1 }] },
+          { doc_id: this.doc_id, v: 2, op: [{ i: 'l', p: 2 }] },
+          { doc_id: this.doc_id, v: 3, op: [{ i: 'l', p: 3 }] },
+          { doc_id: this.doc_id, v: 4, op: [{ i: 'o', p: 4 }] },
+          { doc_id: this.doc_id, v: 0, op: [{ i: 'world', p: 1 }] },
+        ]
+        this.my_result = ['hello', 'world', '']
+        done()
+      })
+
+      it('should be able to continue applying updates when the project has been deleted', function (done) {
+        let update
+        const actions = []
+        for (update of this.updates.slice(0, 5)) {
+          ;(update => {
+            actions.push(callback =>
+              DocUpdaterClient.sendUpdate(
+                this.project_id,
+                this.doc_id,
+                update,
+                callback
+              )
+            )
+          })(update)
+        }
+        actions.push(callback =>
+          DocUpdaterClient.deleteDoc(this.project_id, this.doc_id, callback)
+        )
+        for (update of this.updates.slice(5)) {
+          ;(update => {
+            actions.push(callback =>
+              DocUpdaterClient.sendUpdate(
+                this.project_id,
+                this.doc_id,
+                update,
+                callback
+              )
+            )
+          })(update)
+        }
+
+        async.series(actions, error => {
+          if (error != null) {
+            throw error
+          }
+          DocUpdaterClient.getDoc(
+            this.project_id,
+            this.doc_id,
+            (error, res, doc) => {
+              if (error) return done(error)
+              doc.lines.should.deep.equal(this.my_result)
+              done()
+            }
+          )
+        })
+      })
+    })
+  })
+
+  describe('with a broken update', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.doc_id = DocUpdaterClient.randomId()
+      this.broken_update = {
+        doc_id: this.doc_id,
+        v: this.version,
+        op: [{ d: 'not the correct content', p: 0 }],
+      }
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        version: this.version,
+      })
+
+      DocUpdaterClient.subscribeToAppliedOps(
+        (this.messageCallback = sinon.stub())
+      )
+
+      DocUpdaterClient.sendUpdate(
+        this.project_id,
+        this.doc_id,
+        this.broken_update,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          setTimeout(done, 200)
+        }
+      )
+    })
+
+    it('should not update the doc', function (done) {
+      DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, doc) => {
+          if (error) return done(error)
+          doc.lines.should.deep.equal(this.lines)
+          done()
+        }
+      )
+    })
+
+    it('should send a message with an error', function () {
+      this.messageCallback.called.should.equal(true)
+      const [channel, message] = this.messageCallback.args[0]
+      channel.should.equal('applied-ops')
+      JSON.parse(message).should.deep.include({
+        project_id: this.project_id,
+        doc_id: this.doc_id,
+        error: 'Delete component does not match',
+      })
+    })
+  })
+
+  describe('when there is no version in Mongo', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.doc_id = DocUpdaterClient.randomId()
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+      })
+
+      const update = {
+        doc: this.doc_id,
+        op: this.update.op,
+        v: 0,
+      }
+      DocUpdaterClient.sendUpdate(
+        this.project_id,
+        this.doc_id,
+        update,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          setTimeout(done, 200)
+        }
+      )
+    })
+
+    it('should update the doc (using version = 0)', function (done) {
+      DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, doc) => {
+          if (error) return done(error)
+          doc.lines.should.deep.equal(this.result)
+          done()
+        }
+      )
+    })
+  })
+
+  describe('when the sending duplicate ops', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.doc_id = DocUpdaterClient.randomId()
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        version: this.version,
+      })
+
+      DocUpdaterClient.subscribeToAppliedOps(
+        (this.messageCallback = sinon.stub())
+      )
+
+      // One user delete 'one', the next turns it into 'once'. The second becomes a NOP.
+      DocUpdaterClient.sendUpdate(
+        this.project_id,
+        this.doc_id,
+        {
+          doc: this.doc_id,
+          op: [
+            {
+              i: 'one and a half\n',
+              p: 4,
+            },
+          ],
+          v: this.version,
+          meta: {
+            source: 'ikHceq3yfAdQYzBo4-xZ',
+          },
+        },
+        error => {
+          if (error != null) {
+            throw error
+          }
+          setTimeout(() => {
+            DocUpdaterClient.sendUpdate(
+              this.project_id,
+              this.doc_id,
+              {
+                doc: this.doc_id,
+                op: [
+                  {
+                    i: 'one and a half\n',
+                    p: 4,
+                  },
+                ],
+                v: this.version,
+                dupIfSource: ['ikHceq3yfAdQYzBo4-xZ'],
+                meta: {
+                  source: 'ikHceq3yfAdQYzBo4-xZ',
+                },
+              },
+              error => {
+                if (error != null) {
+                  throw error
+                }
+                setTimeout(done, 200)
+              }
+            )
+          }, 200)
+        }
+      )
+    })
+
+    it('should update the doc', function (done) {
+      DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, doc) => {
+          if (error) return done(error)
+          doc.lines.should.deep.equal(this.result)
+          done()
+        }
+      )
+    })
+
+    it('should return a message about duplicate ops', function () {
+      this.messageCallback.calledTwice.should.equal(true)
+      this.messageCallback.args[0][0].should.equal('applied-ops')
+      expect(JSON.parse(this.messageCallback.args[0][1]).op.dup).to.be.undefined
+      this.messageCallback.args[1][0].should.equal('applied-ops')
+      expect(JSON.parse(this.messageCallback.args[1][1]).op.dup).to.equal(true)
+    })
+  })
+
+  describe('when sending updates for a non-existing doc id', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.doc_id = DocUpdaterClient.randomId()
+      this.non_existing = {
+        doc_id: this.doc_id,
+        v: this.version,
+        op: [{ d: 'content', p: 0 }],
+      }
+
+      DocUpdaterClient.subscribeToAppliedOps(
+        (this.messageCallback = sinon.stub())
+      )
+
+      DocUpdaterClient.sendUpdate(
+        this.project_id,
+        this.doc_id,
+        this.non_existing,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          setTimeout(done, 200)
+        }
+      )
+    })
+
+    it('should not update or create a doc', function (done) {
+      DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, doc) => {
+          if (error) return done(error)
+          res.statusCode.should.equal(404)
+          done()
+        }
+      )
+    })
+
+    it('should send a message with an error', function () {
+      this.messageCallback.called.should.equal(true)
+      const [channel, message] = this.messageCallback.args[0]
+      channel.should.equal('applied-ops')
+      JSON.parse(message).should.deep.include({
+        project_id: this.project_id,
+        doc_id: this.doc_id,
+        error: `doc not not found: /project/${this.project_id}/doc/${this.doc_id}`,
+      })
+    })
+  })
+})
diff --git a/services/document-updater/test/acceptance/js/ApplyingUpdatesToProjectStructureTests.js b/services/document-updater/test/acceptance/js/ApplyingUpdatesToProjectStructureTests.js
new file mode 100644
index 0000000..9e825a4
--- /dev/null
+++ b/services/document-updater/test/acceptance/js/ApplyingUpdatesToProjectStructureTests.js
@@ -0,0 +1,671 @@
+const sinon = require('sinon')
+const Settings = require('@overleaf/settings')
+const rclientProjectHistory = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.project_history
+)
+const ProjectHistoryKeys = Settings.redis.project_history.key_schema
+
+const MockProjectHistoryApi = require('./helpers/MockProjectHistoryApi')
+const MockWebApi = require('./helpers/MockWebApi')
+const DocUpdaterClient = require('./helpers/DocUpdaterClient')
+const DocUpdaterApp = require('./helpers/DocUpdaterApp')
+
+describe("Applying updates to a project's structure", function () {
+  before(function () {
+    this.user_id = 'user-id-123'
+    this.version = 1234
+  })
+
+  describe('renaming a file', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.fileUpdate = {
+        type: 'rename-file',
+        id: DocUpdaterClient.randomId(),
+        pathname: '/file-path',
+        newPathname: '/new-file-path',
+      }
+      this.updates = [this.fileUpdate]
+      DocUpdaterApp.ensureRunning(error => {
+        if (error) {
+          return done(error)
+        }
+        DocUpdaterClient.sendProjectUpdate(
+          this.project_id,
+          this.user_id,
+          this.updates,
+          this.version,
+          error => {
+            if (error) {
+              return done(error)
+            }
+            setTimeout(done, 200)
+          }
+        )
+      })
+    })
+
+    it('should push the applied file renames to the project history api', function (done) {
+      rclientProjectHistory.lrange(
+        ProjectHistoryKeys.projectHistoryOps({ project_id: this.project_id }),
+        0,
+        -1,
+        (error, updates) => {
+          if (error) {
+            return done(error)
+          }
+
+          const update = JSON.parse(updates[0])
+          update.file.should.equal(this.fileUpdate.id)
+          update.pathname.should.equal('/file-path')
+          update.new_pathname.should.equal('/new-file-path')
+          update.meta.user_id.should.equal(this.user_id)
+          update.meta.ts.should.be.a('string')
+          update.version.should.equal(`${this.version}.0`)
+
+          done()
+        }
+      )
+    })
+  })
+
+  describe('deleting a file', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.fileUpdate = {
+        type: 'rename-file',
+        id: DocUpdaterClient.randomId(),
+        pathname: '/file-path',
+        newPathname: '',
+      }
+      this.updates = [this.fileUpdate]
+      DocUpdaterClient.sendProjectUpdate(
+        this.project_id,
+        this.user_id,
+        this.updates,
+        this.version,
+        error => {
+          if (error) {
+            return done(error)
+          }
+          setTimeout(done, 200)
+        }
+      )
+    })
+
+    it('should push the applied file renames to the project history api', function (done) {
+      rclientProjectHistory.lrange(
+        ProjectHistoryKeys.projectHistoryOps({ project_id: this.project_id }),
+        0,
+        -1,
+        (error, updates) => {
+          if (error) {
+            return done(error)
+          }
+
+          const update = JSON.parse(updates[0])
+          update.file.should.equal(this.fileUpdate.id)
+          update.pathname.should.equal('/file-path')
+          update.new_pathname.should.equal('')
+          update.meta.user_id.should.equal(this.user_id)
+          update.meta.ts.should.be.a('string')
+          update.version.should.equal(`${this.version}.0`)
+
+          done()
+        }
+      )
+    })
+  })
+
+  describe('renaming a document', function () {
+    before(function () {
+      this.update = {
+        type: 'rename-doc',
+        id: DocUpdaterClient.randomId(),
+        pathname: '/doc-path',
+        newPathname: '/new-doc-path',
+      }
+      this.updates = [this.update]
+    })
+
+    describe('when the document is not loaded', function () {
+      before(function (done) {
+        this.project_id = DocUpdaterClient.randomId()
+        DocUpdaterClient.sendProjectUpdate(
+          this.project_id,
+          this.user_id,
+          this.updates,
+          this.version,
+          error => {
+            if (error) {
+              return done(error)
+            }
+            setTimeout(done, 200)
+          }
+        )
+      })
+
+      it('should push the applied doc renames to the project history api', function (done) {
+        rclientProjectHistory.lrange(
+          ProjectHistoryKeys.projectHistoryOps({ project_id: this.project_id }),
+          0,
+          -1,
+          (error, updates) => {
+            if (error) {
+              return done(error)
+            }
+
+            const update = JSON.parse(updates[0])
+            update.doc.should.equal(this.update.id)
+            update.pathname.should.equal('/doc-path')
+            update.new_pathname.should.equal('/new-doc-path')
+            update.meta.user_id.should.equal(this.user_id)
+            update.meta.ts.should.be.a('string')
+            update.version.should.equal(`${this.version}.0`)
+
+            done()
+          }
+        )
+      })
+    })
+
+    describe('when the document is loaded', function () {
+      before(function (done) {
+        this.project_id = DocUpdaterClient.randomId()
+        MockWebApi.insertDoc(this.project_id, this.update.id, {})
+        DocUpdaterClient.preloadDoc(this.project_id, this.update.id, error => {
+          if (error) {
+            return done(error)
+          }
+          sinon.spy(MockWebApi, 'getDocument')
+          DocUpdaterClient.sendProjectUpdate(
+            this.project_id,
+            this.user_id,
+            this.updates,
+            this.version,
+            error => {
+              if (error) {
+                return done(error)
+              }
+              setTimeout(done, 200)
+            }
+          )
+        })
+      })
+
+      after(function () {
+        MockWebApi.getDocument.restore()
+      })
+
+      it('should update the doc', function (done) {
+        DocUpdaterClient.getDoc(
+          this.project_id,
+          this.update.id,
+          (error, res, doc) => {
+            if (error) {
+              return done(error)
+            }
+            doc.pathname.should.equal(this.update.newPathname)
+            done()
+          }
+        )
+      })
+
+      it('should push the applied doc renames to the project history api', function (done) {
+        rclientProjectHistory.lrange(
+          ProjectHistoryKeys.projectHistoryOps({ project_id: this.project_id }),
+          0,
+          -1,
+          (error, updates) => {
+            if (error) {
+              return done(error)
+            }
+
+            const update = JSON.parse(updates[0])
+            update.doc.should.equal(this.update.id)
+            update.pathname.should.equal('/doc-path')
+            update.new_pathname.should.equal('/new-doc-path')
+            update.meta.user_id.should.equal(this.user_id)
+            update.meta.ts.should.be.a('string')
+            update.version.should.equal(`${this.version}.0`)
+
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('renaming multiple documents and files', function () {
+    before(function () {
+      this.docUpdate0 = {
+        type: 'rename-doc',
+        id: DocUpdaterClient.randomId(),
+        pathname: '/doc-path0',
+        newPathname: '/new-doc-path0',
+      }
+      this.docUpdate1 = {
+        type: 'rename-doc',
+        id: DocUpdaterClient.randomId(),
+        pathname: '/doc-path1',
+        newPathname: '/new-doc-path1',
+      }
+      this.fileUpdate0 = {
+        type: 'rename-file',
+        id: DocUpdaterClient.randomId(),
+        pathname: '/file-path0',
+        newPathname: '/new-file-path0',
+      }
+      this.fileUpdate1 = {
+        type: 'rename-file',
+        id: DocUpdaterClient.randomId(),
+        pathname: '/file-path1',
+        newPathname: '/new-file-path1',
+      }
+      this.updates = [
+        this.docUpdate0,
+        this.docUpdate1,
+        this.fileUpdate0,
+        this.fileUpdate1,
+      ]
+    })
+
+    describe('when the documents are not loaded', function () {
+      before(function (done) {
+        this.project_id = DocUpdaterClient.randomId()
+        DocUpdaterClient.sendProjectUpdate(
+          this.project_id,
+          this.user_id,
+          this.updates,
+          this.version,
+          error => {
+            if (error) {
+              return done(error)
+            }
+            setTimeout(done, 200)
+          }
+        )
+      })
+
+      it('should push the applied doc renames to the project history api', function (done) {
+        rclientProjectHistory.lrange(
+          ProjectHistoryKeys.projectHistoryOps({ project_id: this.project_id }),
+          0,
+          -1,
+          (error, updates) => {
+            if (error) {
+              return done(error)
+            }
+
+            let update = JSON.parse(updates[0])
+            update.doc.should.equal(this.docUpdate0.id)
+            update.pathname.should.equal('/doc-path0')
+            update.new_pathname.should.equal('/new-doc-path0')
+            update.meta.user_id.should.equal(this.user_id)
+            update.meta.ts.should.be.a('string')
+            update.version.should.equal(`${this.version}.0`)
+
+            update = JSON.parse(updates[1])
+            update.doc.should.equal(this.docUpdate1.id)
+            update.pathname.should.equal('/doc-path1')
+            update.new_pathname.should.equal('/new-doc-path1')
+            update.meta.user_id.should.equal(this.user_id)
+            update.meta.ts.should.be.a('string')
+            update.version.should.equal(`${this.version}.1`)
+
+            update = JSON.parse(updates[2])
+            update.file.should.equal(this.fileUpdate0.id)
+            update.pathname.should.equal('/file-path0')
+            update.new_pathname.should.equal('/new-file-path0')
+            update.meta.user_id.should.equal(this.user_id)
+            update.meta.ts.should.be.a('string')
+            update.version.should.equal(`${this.version}.2`)
+
+            update = JSON.parse(updates[3])
+            update.file.should.equal(this.fileUpdate1.id)
+            update.pathname.should.equal('/file-path1')
+            update.new_pathname.should.equal('/new-file-path1')
+            update.meta.user_id.should.equal(this.user_id)
+            update.meta.ts.should.be.a('string')
+            update.version.should.equal(`${this.version}.3`)
+
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('deleting a document', function () {
+    before(function () {
+      this.update = {
+        type: 'rename-doc',
+        id: DocUpdaterClient.randomId(),
+        pathname: '/doc-path',
+        newPathname: '',
+      }
+      this.updates = [this.update]
+    })
+
+    describe('when the document is not loaded', function () {
+      before(function (done) {
+        this.project_id = DocUpdaterClient.randomId()
+        DocUpdaterClient.sendProjectUpdate(
+          this.project_id,
+          this.user_id,
+          this.updates,
+          this.version,
+          error => {
+            if (error) {
+              return done(error)
+            }
+            setTimeout(done, 200)
+          }
+        )
+      })
+
+      it('should push the applied doc update to the project history api', function (done) {
+        rclientProjectHistory.lrange(
+          ProjectHistoryKeys.projectHistoryOps({ project_id: this.project_id }),
+          0,
+          -1,
+          (error, updates) => {
+            if (error) {
+              return done(error)
+            }
+
+            const update = JSON.parse(updates[0])
+            update.doc.should.equal(this.update.id)
+            update.pathname.should.equal('/doc-path')
+            update.new_pathname.should.equal('')
+            update.meta.user_id.should.equal(this.user_id)
+            update.meta.ts.should.be.a('string')
+            update.version.should.equal(`${this.version}.0`)
+
+            done()
+          }
+        )
+      })
+    })
+
+    describe('when the document is loaded', function () {
+      before(function (done) {
+        this.project_id = DocUpdaterClient.randomId()
+        MockWebApi.insertDoc(this.project_id, this.update.id, {})
+        DocUpdaterClient.preloadDoc(this.project_id, this.update.id, error => {
+          if (error) {
+            return done(error)
+          }
+          sinon.spy(MockWebApi, 'getDocument')
+          DocUpdaterClient.sendProjectUpdate(
+            this.project_id,
+            this.user_id,
+            this.updates,
+            this.version,
+            error => {
+              if (error) {
+                return done(error)
+              }
+              setTimeout(done, 200)
+            }
+          )
+        })
+      })
+
+      after(function () {
+        MockWebApi.getDocument.restore()
+      })
+
+      it('should not modify the doc', function (done) {
+        DocUpdaterClient.getDoc(
+          this.project_id,
+          this.update.id,
+          (error, res, doc) => {
+            if (error) {
+              return done(error)
+            }
+
+            doc.pathname.should.equal('/a/b/c.tex') // default pathname from MockWebApi
+            done()
+          }
+        )
+      })
+
+      it('should push the applied doc update to the project history api', function (done) {
+        rclientProjectHistory.lrange(
+          ProjectHistoryKeys.projectHistoryOps({ project_id: this.project_id }),
+          0,
+          -1,
+          (error, updates) => {
+            if (error) {
+              return done(error)
+            }
+
+            const update = JSON.parse(updates[0])
+            update.doc.should.equal(this.update.id)
+            update.pathname.should.equal('/doc-path')
+            update.new_pathname.should.equal('')
+            update.meta.user_id.should.equal(this.user_id)
+            update.meta.ts.should.be.a('string')
+            update.version.should.equal(`${this.version}.0`)
+
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('adding a file', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.fileUpdate = {
+        type: 'add-file',
+        id: DocUpdaterClient.randomId(),
+        pathname: '/file-path',
+        url: 'filestore.example.com',
+      }
+      this.updates = [this.fileUpdate]
+      DocUpdaterClient.sendProjectUpdate(
+        this.project_id,
+        this.user_id,
+        this.updates,
+        this.version,
+        error => {
+          if (error) {
+            return done(error)
+          }
+          setTimeout(done, 200)
+        }
+      )
+    })
+
+    it('should push the file addition to the project history api', function (done) {
+      rclientProjectHistory.lrange(
+        ProjectHistoryKeys.projectHistoryOps({ project_id: this.project_id }),
+        0,
+        -1,
+        (error, updates) => {
+          if (error) {
+            return done(error)
+          }
+
+          const update = JSON.parse(updates[0])
+          update.file.should.equal(this.fileUpdate.id)
+          update.pathname.should.equal('/file-path')
+          update.url.should.equal('filestore.example.com')
+          update.meta.user_id.should.equal(this.user_id)
+          update.meta.ts.should.be.a('string')
+          update.version.should.equal(`${this.version}.0`)
+
+          done()
+        }
+      )
+    })
+  })
+
+  describe('adding a doc', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.docUpdate = {
+        type: 'add-doc',
+        id: DocUpdaterClient.randomId(),
+        pathname: '/file-path',
+        docLines: 'a\nb',
+      }
+      this.updates = [this.docUpdate]
+      DocUpdaterClient.sendProjectUpdate(
+        this.project_id,
+        this.user_id,
+        this.updates,
+        this.version,
+        error => {
+          if (error) {
+            return done(error)
+          }
+          setTimeout(done, 200)
+        }
+      )
+    })
+
+    it('should push the doc addition to the project history api', function (done) {
+      rclientProjectHistory.lrange(
+        ProjectHistoryKeys.projectHistoryOps({ project_id: this.project_id }),
+        0,
+        -1,
+        (error, updates) => {
+          if (error) {
+            return done(error)
+          }
+
+          const update = JSON.parse(updates[0])
+          update.doc.should.equal(this.docUpdate.id)
+          update.pathname.should.equal('/file-path')
+          update.docLines.should.equal('a\nb')
+          update.meta.user_id.should.equal(this.user_id)
+          update.meta.ts.should.be.a('string')
+          update.version.should.equal(`${this.version}.0`)
+
+          done()
+        }
+      )
+    })
+  })
+
+  describe('with enough updates to flush to the history service', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.user_id = DocUpdaterClient.randomId()
+      this.version0 = 12345
+      this.version1 = this.version0 + 1
+      const updates = []
+      for (let v = 0; v <= 599; v++) {
+        // Should flush after 500 ops
+        updates.push({
+          type: 'add-doc',
+          id: DocUpdaterClient.randomId(),
+          pathname: '/file-' + v,
+          docLines: 'a\nb',
+        })
+      }
+
+      sinon.spy(MockProjectHistoryApi, 'flushProject')
+
+      // Send updates in chunks to causes multiple flushes
+      const projectId = this.project_id
+      const userId = this.project_id
+      DocUpdaterClient.sendProjectUpdate(
+        projectId,
+        userId,
+        updates.slice(0, 250),
+        this.version0,
+        function (error) {
+          if (error) {
+            return done(error)
+          }
+          DocUpdaterClient.sendProjectUpdate(
+            projectId,
+            userId,
+            updates.slice(250),
+            this.version1,
+            error => {
+              if (error) {
+                return done(error)
+              }
+              setTimeout(done, 2000)
+            }
+          )
+        }
+      )
+    })
+
+    after(function () {
+      MockProjectHistoryApi.flushProject.restore()
+    })
+
+    it('should flush project history', function () {
+      MockProjectHistoryApi.flushProject
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+  })
+
+  describe('with too few updates to flush to the history service', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.user_id = DocUpdaterClient.randomId()
+      this.version0 = 12345
+      this.version1 = this.version0 + 1
+
+      const updates = []
+      for (let v = 0; v <= 42; v++) {
+        // Should flush after 500 ops
+        updates.push({
+          type: 'add-doc',
+          id: DocUpdaterClient.randomId(),
+          pathname: '/file-' + v,
+          docLines: 'a\nb',
+        })
+      }
+
+      sinon.spy(MockProjectHistoryApi, 'flushProject')
+
+      // Send updates in chunks
+      const projectId = this.project_id
+      const userId = this.project_id
+      DocUpdaterClient.sendProjectUpdate(
+        projectId,
+        userId,
+        updates.slice(0, 10),
+        this.version0,
+        function (error) {
+          if (error) {
+            return done(error)
+          }
+          DocUpdaterClient.sendProjectUpdate(
+            projectId,
+            userId,
+            updates.slice(10),
+            this.version1,
+            error => {
+              if (error) {
+                return done(error)
+              }
+              setTimeout(done, 2000)
+            }
+          )
+        }
+      )
+    })
+
+    after(function () {
+      MockProjectHistoryApi.flushProject.restore()
+    })
+
+    it('should not flush project history', function () {
+      MockProjectHistoryApi.flushProject
+        .calledWith(this.project_id)
+        .should.equal(false)
+    })
+  })
+})
diff --git a/services/document-updater/test/acceptance/js/CheckRedisMongoSyncStateTests.js b/services/document-updater/test/acceptance/js/CheckRedisMongoSyncStateTests.js
new file mode 100644
index 0000000..ebbc015
--- /dev/null
+++ b/services/document-updater/test/acceptance/js/CheckRedisMongoSyncStateTests.js
@@ -0,0 +1,371 @@
+const MockWebApi = require('./helpers/MockWebApi')
+const DocUpdaterClient = require('./helpers/DocUpdaterClient')
+const DocUpdaterApp = require('./helpers/DocUpdaterApp')
+const { promisify } = require('node:util')
+const { exec } = require('node:child_process')
+const { expect } = require('chai')
+const Settings = require('@overleaf/settings')
+const fs = require('node:fs')
+const Path = require('node:path')
+const MockDocstoreApi = require('./helpers/MockDocstoreApi')
+const sinon = require('sinon')
+
+const rclient = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.documentupdater
+)
+
+describe('CheckRedisMongoSyncState', function () {
+  beforeEach(function (done) {
+    DocUpdaterApp.ensureRunning(done)
+  })
+  beforeEach(async function () {
+    await rclient.flushall()
+  })
+
+  let peekDocumentInDocstore
+  beforeEach(function () {
+    peekDocumentInDocstore = sinon.spy(MockDocstoreApi, 'peekDocument')
+  })
+  afterEach(function () {
+    peekDocumentInDocstore.restore()
+  })
+
+  async function runScript(options) {
+    let result
+    try {
+      result = await promisify(exec)(
+        Object.entries(options)
+          .map(([key, value]) => `${key}=${value}`)
+          .concat(['node', 'scripts/check_redis_mongo_sync_state.js'])
+          .join(' ')
+      )
+    } catch (error) {
+      // includes details like exit code, stdErr and stdOut
+      return error
+    }
+    result.code = 0
+    return result
+  }
+
+  describe('without projects', function () {
+    it('should work when in sync', async function () {
+      const result = await runScript({})
+      expect(result.code).to.equal(0)
+      expect(result.stdout).to.include('Processed 0 projects')
+      expect(result.stdout).to.include(
+        'Found 0 projects with 0 out of sync docs'
+      )
+    })
+  })
+
+  describe('with a project', function () {
+    let projectId, docId
+    beforeEach(function (done) {
+      projectId = DocUpdaterClient.randomId()
+      docId = DocUpdaterClient.randomId()
+      MockWebApi.insertDoc(projectId, docId, {
+        lines: ['mongo', 'lines'],
+        version: 1,
+      })
+      DocUpdaterClient.getDoc(projectId, docId, done)
+    })
+
+    it('should work when in sync', async function () {
+      const result = await runScript({})
+      expect(result.code).to.equal(0)
+      expect(result.stdout).to.include('Processed 1 projects')
+      expect(result.stdout).to.include(
+        'Found 0 projects with 0 out of sync docs'
+      )
+
+      expect(peekDocumentInDocstore).to.not.have.been.called
+    })
+
+    describe('with out of sync lines', function () {
+      beforeEach(function () {
+        MockWebApi.insertDoc(projectId, docId, {
+          lines: ['updated', 'mongo', 'lines'],
+          version: 1,
+        })
+      })
+
+      it('should detect the out of sync state', async function () {
+        const result = await runScript({})
+        expect(result.code).to.equal(1)
+        expect(result.stdout).to.include('Processed 1 projects')
+        expect(result.stdout).to.include(
+          'Found 1 projects with 1 out of sync docs'
+        )
+      })
+    })
+
+    describe('with out of sync ranges', function () {
+      beforeEach(function () {
+        MockWebApi.insertDoc(projectId, docId, {
+          lines: ['mongo', 'lines'],
+          version: 1,
+          ranges: { changes: ['FAKE CHANGE'] },
+        })
+      })
+
+      it('should detect the out of sync state', async function () {
+        const result = await runScript({})
+        expect(result.code).to.equal(1)
+        expect(result.stdout).to.include('Processed 1 projects')
+        expect(result.stdout).to.include(
+          'Found 1 projects with 1 out of sync docs'
+        )
+      })
+    })
+
+    describe('with out of sync version', function () {
+      beforeEach(function () {
+        MockWebApi.insertDoc(projectId, docId, {
+          lines: ['mongo', 'lines'],
+          version: 2,
+        })
+      })
+
+      it('should detect the out of sync state', async function () {
+        const result = await runScript({})
+        expect(result.code).to.equal(1)
+        expect(result.stdout).to.include('Processed 1 projects')
+        expect(result.stdout).to.include(
+          'Found 1 projects with 1 out of sync docs'
+        )
+      })
+
+      it('should auto-fix the out of sync state', async function () {
+        const result = await runScript({
+          AUTO_FIX_VERSION_MISMATCH: 'true',
+        })
+        expect(result.code).to.equal(0)
+        expect(result.stdout).to.include('Processed 1 projects')
+        expect(result.stdout).to.include(
+          'Found 0 projects with 0 out of sync docs'
+        )
+      })
+    })
+
+    describe('with a project', function () {
+      let projectId2, docId2
+      beforeEach(function (done) {
+        projectId2 = DocUpdaterClient.randomId()
+        docId2 = DocUpdaterClient.randomId()
+        MockWebApi.insertDoc(projectId2, docId2, {
+          lines: ['mongo', 'lines'],
+          version: 1,
+        })
+        DocUpdaterClient.getDoc(projectId2, docId2, done)
+      })
+
+      it('should work when in sync', async function () {
+        const result = await runScript({})
+        expect(result.code).to.equal(0)
+        expect(result.stdout).to.include('Processed 2 projects')
+        expect(result.stdout).to.include(
+          'Found 0 projects with 0 out of sync docs'
+        )
+      })
+
+      describe('with one out of sync', function () {
+        beforeEach(function () {
+          MockWebApi.insertDoc(projectId, docId, {
+            lines: ['updated', 'mongo', 'lines'],
+            version: 1,
+          })
+        })
+
+        it('should detect one project out of sync', async function () {
+          const result = await runScript({})
+          expect(result.code).to.equal(1)
+          expect(result.stdout).to.include('Processed 2 projects')
+          expect(result.stdout).to.include(
+            'Found 1 projects with 1 out of sync docs'
+          )
+        })
+
+        it('should write differences to disk', async function () {
+          const FOLDER = '/tmp/folder'
+          await fs.promises.rm(FOLDER, { recursive: true, force: true })
+          const result = await runScript({
+            WRITE_CONTENT: 'true',
+            FOLDER,
+          })
+          expect(result.code).to.equal(1)
+          expect(result.stdout).to.include('Processed 2 projects')
+          expect(result.stdout).to.include(
+            'Found 1 projects with 1 out of sync docs'
+          )
+
+          const dir = Path.join(FOLDER, projectId, docId)
+          expect(await fs.promises.readdir(FOLDER)).to.deep.equal([projectId])
+          expect(await fs.promises.readdir(dir)).to.deep.equal([
+            'mongo-snapshot.txt',
+            'redis-snapshot.txt',
+          ])
+          expect(
+            await fs.promises.readFile(
+              Path.join(dir, 'mongo-snapshot.txt'),
+              'utf-8'
+            )
+          ).to.equal('updated\nmongo\nlines')
+          expect(
+            await fs.promises.readFile(
+              Path.join(dir, 'redis-snapshot.txt'),
+              'utf-8'
+            )
+          ).to.equal('mongo\nlines')
+        })
+      })
+
+      describe('with both out of sync', function () {
+        beforeEach(function () {
+          MockWebApi.insertDoc(projectId, docId, {
+            lines: ['updated', 'mongo', 'lines'],
+            version: 1,
+          })
+          MockWebApi.insertDoc(projectId2, docId2, {
+            lines: ['updated2', 'mongo', 'lines'],
+            version: 1,
+          })
+        })
+
+        it('should detect both projects out of sync', async function () {
+          const result = await runScript({})
+          expect(result.code).to.equal(1)
+          expect(result.stdout).to.include('Processed 2 projects')
+          expect(result.stdout).to.include(
+            'Found 2 projects with 2 out of sync docs'
+          )
+        })
+      })
+    })
+  })
+
+  describe('with more projects than the LIMIT', function () {
+    for (let i = 0; i < 20; i++) {
+      beforeEach(function (done) {
+        const projectId = DocUpdaterClient.randomId()
+        const docId = DocUpdaterClient.randomId()
+        MockWebApi.insertDoc(projectId, docId, {
+          lines: ['mongo', 'lines'],
+          version: 1,
+        })
+        DocUpdaterClient.getDoc(projectId, docId, done)
+      })
+    }
+
+    it('should flag limit', async function () {
+      const result = await runScript({ LIMIT: '4' })
+      expect(result.code).to.equal(2)
+      // A redis SCAN may return more than COUNT (aka LIMIT) entries. Match loosely.
+      expect(result.stdout).to.match(/Processed \d+ projects/)
+      expect(result.stderr).to.include(
+        'Found too many un-flushed projects (LIMIT=4). Please fix the reported projects first, then try again.'
+      )
+    })
+
+    it('should continue with auto-flush', async function () {
+      const result = await runScript({
+        LIMIT: '4',
+        FLUSH_IN_SYNC_PROJECTS: 'true',
+      })
+      expect(result.code).to.equal(0)
+      expect(result.stdout).to.include('Processed 20 projects')
+    })
+  })
+
+  describe('with partially deleted doc', function () {
+    let projectId, docId
+    beforeEach(function (done) {
+      projectId = DocUpdaterClient.randomId()
+      docId = DocUpdaterClient.randomId()
+      MockWebApi.insertDoc(projectId, docId, {
+        lines: ['mongo', 'lines'],
+        version: 1,
+      })
+      MockDocstoreApi.insertDoc(projectId, docId, {
+        lines: ['mongo', 'lines'],
+        version: 1,
+      })
+      DocUpdaterClient.getDoc(projectId, docId, err => {
+        MockWebApi.clearDocs()
+        done(err)
+      })
+    })
+    describe('with only the file-tree entry deleted', function () {
+      it('should flag the partial deletion', async function () {
+        const result = await runScript({})
+        expect(result.code).to.equal(0)
+        expect(result.stdout).to.include('Processed 1 projects')
+        expect(result.stdout).to.include(
+          `Found partially deleted doc ${docId} in project ${projectId}: use AUTO_FIX_PARTIALLY_DELETED_DOC_METADATA=true to fix metadata`
+        )
+        expect(result.stdout).to.include(
+          'Found 0 projects with 0 out of sync docs'
+        )
+        expect(MockDocstoreApi.getDoc(projectId, docId)).to.not.include({
+          deleted: true,
+          name: 'c.tex',
+        })
+        expect(peekDocumentInDocstore).to.have.been.called
+      })
+      it('should autofix the partial deletion', async function () {
+        const result = await runScript({
+          AUTO_FIX_PARTIALLY_DELETED_DOC_METADATA: 'true',
+        })
+        expect(result.code).to.equal(0)
+        expect(result.stdout).to.include('Processed 1 projects')
+        expect(result.stdout).to.include(
+          `Found partially deleted doc ${docId} in project ${projectId}: fixing metadata`
+        )
+        expect(result.stdout).to.include(
+          'Found 0 projects with 0 out of sync docs'
+        )
+
+        expect(MockDocstoreApi.getDoc(projectId, docId)).to.include({
+          deleted: true,
+          name: 'c.tex',
+        })
+
+        const result2 = await runScript({})
+        expect(result2.code).to.equal(0)
+        expect(result2.stdout).to.include('Processed 1 projects')
+        expect(result2.stdout).to.not.include(
+          `Found partially deleted doc ${docId} in project ${projectId}`
+        )
+        expect(result2.stdout).to.include(
+          'Found 0 projects with 0 out of sync docs'
+        )
+      })
+    })
+    describe('with docstore metadata updated', function () {
+      beforeEach(function (done) {
+        MockDocstoreApi.patchDocument(
+          projectId,
+          docId,
+          {
+            deleted: true,
+            deletedAt: new Date(),
+            name: 'c.tex',
+          },
+          done
+        )
+      })
+
+      it('should work when in sync', async function () {
+        const result = await runScript({})
+        expect(result.code).to.equal(0)
+        expect(result.stdout).to.include('Processed 1 projects')
+        expect(result.stdout).to.not.include(
+          `Found partially deleted doc ${docId} in project ${projectId}`
+        )
+        expect(result.stdout).to.include(
+          'Found 0 projects with 0 out of sync docs'
+        )
+        expect(peekDocumentInDocstore).to.have.been.called
+      })
+    })
+  })
+})
diff --git a/services/document-updater/test/acceptance/js/DeletingADocumentTests.js b/services/document-updater/test/acceptance/js/DeletingADocumentTests.js
new file mode 100644
index 0000000..24aef32
--- /dev/null
+++ b/services/document-updater/test/acceptance/js/DeletingADocumentTests.js
@@ -0,0 +1,174 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const MockProjectHistoryApi = require('./helpers/MockProjectHistoryApi')
+const MockWebApi = require('./helpers/MockWebApi')
+const DocUpdaterClient = require('./helpers/DocUpdaterClient')
+const DocUpdaterApp = require('./helpers/DocUpdaterApp')
+
+describe('Deleting a document', function () {
+  before(function (done) {
+    this.lines = ['one', 'two', 'three']
+    this.version = 42
+    this.update = {
+      doc: this.doc_id,
+      op: [
+        {
+          i: 'one and a half\n',
+          p: 4,
+        },
+      ],
+      v: this.version,
+    }
+    this.result = ['one', 'one and a half', 'two', 'three']
+
+    sinon.spy(MockProjectHistoryApi, 'flushProject')
+    DocUpdaterApp.ensureRunning(done)
+  })
+
+  after(function () {
+    MockProjectHistoryApi.flushProject.restore()
+  })
+
+  describe('when the updated doc exists in the doc updater', function () {
+    before(function (done) {
+      ;[this.project_id, this.doc_id] = Array.from([
+        DocUpdaterClient.randomId(),
+        DocUpdaterClient.randomId(),
+      ])
+      sinon.spy(MockWebApi, 'setDocument')
+      sinon.spy(MockWebApi, 'getDocument')
+
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        version: this.version,
+      })
+      DocUpdaterClient.preloadDoc(this.project_id, this.doc_id, error => {
+        if (error != null) {
+          throw error
+        }
+        DocUpdaterClient.sendUpdate(
+          this.project_id,
+          this.doc_id,
+          this.update,
+          error => {
+            if (error != null) {
+              throw error
+            }
+            setTimeout(() => {
+              DocUpdaterClient.deleteDoc(
+                this.project_id,
+                this.doc_id,
+                (error, res, body) => {
+                  if (error) return done(error)
+                  this.statusCode = res.statusCode
+                  setTimeout(done, 200)
+                }
+              )
+            }, 200)
+          }
+        )
+      })
+    })
+
+    after(function () {
+      MockWebApi.setDocument.restore()
+      MockWebApi.getDocument.restore()
+    })
+
+    it('should return a 204 status code', function () {
+      this.statusCode.should.equal(204)
+    })
+
+    it('should send the updated document and version to the web api', function () {
+      MockWebApi.setDocument
+        .calledWith(this.project_id, this.doc_id, this.result, this.version + 1)
+        .should.equal(true)
+    })
+
+    it('should need to reload the doc if read again', function (done) {
+      MockWebApi.getDocument.resetHistory()
+      MockWebApi.getDocument.called.should.equals(false)
+      DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, doc) => {
+          if (error) return done(error)
+          MockWebApi.getDocument
+            .calledWith(this.project_id, this.doc_id)
+            .should.equal(true)
+          done()
+        }
+      )
+    })
+
+    it('should flush project history', function () {
+      MockProjectHistoryApi.flushProject
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+  })
+
+  describe('when the doc is not in the doc updater', function () {
+    before(function (done) {
+      ;[this.project_id, this.doc_id] = Array.from([
+        DocUpdaterClient.randomId(),
+        DocUpdaterClient.randomId(),
+      ])
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+      })
+      sinon.spy(MockWebApi, 'setDocument')
+      sinon.spy(MockWebApi, 'getDocument')
+      DocUpdaterClient.deleteDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, body) => {
+          if (error) return done(error)
+          this.statusCode = res.statusCode
+          setTimeout(done, 200)
+        }
+      )
+    })
+
+    after(function () {
+      MockWebApi.setDocument.restore()
+      MockWebApi.getDocument.restore()
+    })
+
+    it('should return a 204 status code', function () {
+      this.statusCode.should.equal(204)
+    })
+
+    it('should not need to send the updated document to the web api', function () {
+      MockWebApi.setDocument.called.should.equal(false)
+    })
+
+    it('should need to reload the doc if read again', function (done) {
+      MockWebApi.getDocument.called.should.equals(false)
+      DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, doc) => {
+          if (error) return done(error)
+          MockWebApi.getDocument
+            .calledWith(this.project_id, this.doc_id)
+            .should.equal(true)
+          done()
+        }
+      )
+    })
+
+    it('should flush project history', function () {
+      MockProjectHistoryApi.flushProject
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+  })
+})
diff --git a/services/document-updater/test/acceptance/js/DeletingAProjectTests.js b/services/document-updater/test/acceptance/js/DeletingAProjectTests.js
new file mode 100644
index 0000000..cca0b4d
--- /dev/null
+++ b/services/document-updater/test/acceptance/js/DeletingAProjectTests.js
@@ -0,0 +1,357 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const async = require('async')
+
+const MockProjectHistoryApi = require('./helpers/MockProjectHistoryApi')
+const MockWebApi = require('./helpers/MockWebApi')
+const DocUpdaterClient = require('./helpers/DocUpdaterClient')
+const DocUpdaterApp = require('./helpers/DocUpdaterApp')
+
+describe('Deleting a project', function () {
+  beforeEach(function (done) {
+    let docId0, docId1
+    this.project_id = DocUpdaterClient.randomId()
+    this.docs = [
+      {
+        id: (docId0 = DocUpdaterClient.randomId()),
+        lines: ['one', 'two', 'three'],
+        update: {
+          doc: docId0,
+          op: [
+            {
+              i: 'one and a half\n',
+              p: 4,
+            },
+          ],
+          v: 0,
+        },
+        updatedLines: ['one', 'one and a half', 'two', 'three'],
+      },
+      {
+        id: (docId1 = DocUpdaterClient.randomId()),
+        lines: ['four', 'five', 'six'],
+        update: {
+          doc: docId1,
+          op: [
+            {
+              i: 'four and a half\n',
+              p: 5,
+            },
+          ],
+          v: 0,
+        },
+        updatedLines: ['four', 'four and a half', 'five', 'six'],
+      },
+    ]
+    for (const doc of Array.from(this.docs)) {
+      MockWebApi.insertDoc(this.project_id, doc.id, {
+        lines: doc.lines,
+        version: doc.update.v,
+      })
+    }
+
+    DocUpdaterApp.ensureRunning(done)
+  })
+
+  describe('without updates', function () {
+    beforeEach(function (done) {
+      sinon.spy(MockWebApi, 'setDocument')
+      sinon.spy(MockProjectHistoryApi, 'flushProject')
+
+      async.series(
+        this.docs.map(doc => {
+          return callback => {
+            DocUpdaterClient.preloadDoc(this.project_id, doc.id, error => {
+              callback(error)
+            })
+          }
+        }),
+        error => {
+          if (error != null) {
+            throw error
+          }
+          setTimeout(() => {
+            DocUpdaterClient.deleteProject(
+              this.project_id,
+              (error, res, body) => {
+                if (error) return done(error)
+                this.statusCode = res.statusCode
+                done()
+              }
+            )
+          }, 200)
+        }
+      )
+    })
+
+    afterEach(function () {
+      MockWebApi.setDocument.restore()
+      MockProjectHistoryApi.flushProject.restore()
+    })
+
+    it('should return a 204 status code', function () {
+      this.statusCode.should.equal(204)
+    })
+
+    it('should not send any document to the web api', function () {
+      MockWebApi.setDocument.should.not.have.been.called
+    })
+
+    it('should need to reload the docs if read again', function (done) {
+      sinon.spy(MockWebApi, 'getDocument')
+      async.series(
+        this.docs.map(doc => {
+          return callback => {
+            MockWebApi.getDocument
+              .calledWith(this.project_id, doc.id)
+              .should.equal(false)
+            DocUpdaterClient.getDoc(
+              this.project_id,
+              doc.id,
+              (error, res, returnedDoc) => {
+                if (error) return done(error)
+                MockWebApi.getDocument
+                  .calledWith(this.project_id, doc.id)
+                  .should.equal(true)
+                callback()
+              }
+            )
+          }
+        }),
+        () => {
+          MockWebApi.getDocument.restore()
+          done()
+        }
+      )
+    })
+
+    it('should flush each doc in project history', function () {
+      MockProjectHistoryApi.flushProject
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+  })
+
+  describe('with documents which have been updated', function () {
+    beforeEach(function (done) {
+      sinon.spy(MockWebApi, 'setDocument')
+      sinon.spy(MockProjectHistoryApi, 'flushProject')
+
+      async.series(
+        this.docs.map(doc => {
+          return callback => {
+            DocUpdaterClient.preloadDoc(this.project_id, doc.id, error => {
+              if (error != null) {
+                return callback(error)
+              }
+              DocUpdaterClient.sendUpdate(
+                this.project_id,
+                doc.id,
+                doc.update,
+                error => {
+                  callback(error)
+                }
+              )
+            })
+          }
+        }),
+        error => {
+          if (error != null) {
+            throw error
+          }
+          setTimeout(() => {
+            DocUpdaterClient.deleteProject(
+              this.project_id,
+              (error, res, body) => {
+                if (error) return done(error)
+                this.statusCode = res.statusCode
+                done()
+              }
+            )
+          }, 200)
+        }
+      )
+    })
+
+    afterEach(function () {
+      MockWebApi.setDocument.restore()
+      MockProjectHistoryApi.flushProject.restore()
+    })
+
+    it('should return a 204 status code', function () {
+      this.statusCode.should.equal(204)
+    })
+
+    it('should send each document to the web api', function () {
+      Array.from(this.docs).map(doc =>
+        MockWebApi.setDocument
+          .calledWith(this.project_id, doc.id, doc.updatedLines)
+          .should.equal(true)
+      )
+    })
+
+    it('should need to reload the docs if read again', function (done) {
+      sinon.spy(MockWebApi, 'getDocument')
+      async.series(
+        this.docs.map(doc => {
+          return callback => {
+            MockWebApi.getDocument
+              .calledWith(this.project_id, doc.id)
+              .should.equal(false)
+            DocUpdaterClient.getDoc(
+              this.project_id,
+              doc.id,
+              (error, res, returnedDoc) => {
+                if (error) return done(error)
+                MockWebApi.getDocument
+                  .calledWith(this.project_id, doc.id)
+                  .should.equal(true)
+                callback()
+              }
+            )
+          }
+        }),
+        () => {
+          MockWebApi.getDocument.restore()
+          done()
+        }
+      )
+    })
+
+    it('should flush each doc in project history', function () {
+      MockProjectHistoryApi.flushProject
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+  })
+
+  describe('with the background=true parameter from realtime and no request to flush the queue', function () {
+    beforeEach(function (done) {
+      sinon.spy(MockWebApi, 'setDocument')
+      sinon.spy(MockProjectHistoryApi, 'flushProject')
+
+      async.series(
+        this.docs.map(doc => {
+          return callback => {
+            DocUpdaterClient.preloadDoc(this.project_id, doc.id, error => {
+              if (error != null) {
+                return callback(error)
+              }
+              DocUpdaterClient.sendUpdate(
+                this.project_id,
+                doc.id,
+                doc.update,
+                error => {
+                  callback(error)
+                }
+              )
+            })
+          }
+        }),
+        error => {
+          if (error != null) {
+            throw error
+          }
+          setTimeout(() => {
+            DocUpdaterClient.deleteProjectOnShutdown(
+              this.project_id,
+              (error, res, body) => {
+                if (error) return done(error)
+                this.statusCode = res.statusCode
+                done()
+              }
+            )
+          }, 200)
+        }
+      )
+    })
+
+    afterEach(function () {
+      MockWebApi.setDocument.restore()
+      MockProjectHistoryApi.flushProject.restore()
+    })
+
+    it('should return a 204 status code', function () {
+      this.statusCode.should.equal(204)
+    })
+
+    it('should not send any documents to the web api', function () {
+      MockWebApi.setDocument.called.should.equal(false)
+    })
+
+    it('should not flush to project history', function () {
+      MockProjectHistoryApi.flushProject.called.should.equal(false)
+    })
+  })
+
+  describe('with the background=true parameter from realtime and a request to flush the queue', function () {
+    beforeEach(function (done) {
+      sinon.spy(MockWebApi, 'setDocument')
+      sinon.spy(MockProjectHistoryApi, 'flushProject')
+
+      async.series(
+        this.docs.map(doc => {
+          return callback => {
+            DocUpdaterClient.preloadDoc(this.project_id, doc.id, error => {
+              if (error != null) {
+                return callback(error)
+              }
+              DocUpdaterClient.sendUpdate(
+                this.project_id,
+                doc.id,
+                doc.update,
+                error => {
+                  callback(error)
+                }
+              )
+            })
+          }
+        }),
+        error => {
+          if (error != null) {
+            throw error
+          }
+          setTimeout(() => {
+            DocUpdaterClient.deleteProjectOnShutdown(
+              this.project_id,
+              (error, res, body) => {
+                if (error) return done(error)
+                this.statusCode = res.statusCode
+                // after deleting the project and putting it in the queue, flush the queue
+                setTimeout(() => DocUpdaterClient.flushOldProjects(done), 2000)
+              }
+            )
+          }, 200)
+        }
+      )
+    })
+
+    afterEach(function () {
+      MockWebApi.setDocument.restore()
+      MockProjectHistoryApi.flushProject.restore()
+    })
+
+    it('should return a 204 status code', function () {
+      this.statusCode.should.equal(204)
+    })
+
+    it('should send each document to the web api', function () {
+      Array.from(this.docs).map(doc =>
+        MockWebApi.setDocument
+          .calledWith(this.project_id, doc.id, doc.updatedLines)
+          .should.equal(true)
+      )
+    })
+
+    it('should flush to project history', function () {
+      MockProjectHistoryApi.flushProject.called.should.equal(true)
+    })
+  })
+})
diff --git a/services/document-updater/test/acceptance/js/FlushingAProjectTests.js b/services/document-updater/test/acceptance/js/FlushingAProjectTests.js
new file mode 100644
index 0000000..3f60004
--- /dev/null
+++ b/services/document-updater/test/acceptance/js/FlushingAProjectTests.js
@@ -0,0 +1,141 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const async = require('async')
+
+const MockWebApi = require('./helpers/MockWebApi')
+const DocUpdaterClient = require('./helpers/DocUpdaterClient')
+const DocUpdaterApp = require('./helpers/DocUpdaterApp')
+
+describe('Flushing a project', function () {
+  before(function (done) {
+    let docId0, docId1
+    this.project_id = DocUpdaterClient.randomId()
+    this.docs = [
+      {
+        id: (docId0 = DocUpdaterClient.randomId()),
+        lines: ['one', 'two', 'three'],
+        update: {
+          doc: docId0,
+          op: [
+            {
+              i: 'one and a half\n',
+              p: 4,
+            },
+          ],
+          v: 0,
+        },
+        updatedLines: ['one', 'one and a half', 'two', 'three'],
+      },
+      {
+        id: (docId1 = DocUpdaterClient.randomId()),
+        lines: ['four', 'five', 'six'],
+        update: {
+          doc: docId1,
+          op: [
+            {
+              i: 'four and a half\n',
+              p: 5,
+            },
+          ],
+          v: 0,
+        },
+        updatedLines: ['four', 'four and a half', 'five', 'six'],
+      },
+    ]
+    for (const doc of Array.from(this.docs)) {
+      MockWebApi.insertDoc(this.project_id, doc.id, {
+        lines: doc.lines,
+        version: doc.update.v,
+      })
+    }
+    return DocUpdaterApp.ensureRunning(done)
+  })
+
+  return describe('with documents which have been updated', function () {
+    before(function (done) {
+      sinon.spy(MockWebApi, 'setDocument')
+
+      return async.series(
+        this.docs.map(doc => {
+          return callback => {
+            return DocUpdaterClient.preloadDoc(
+              this.project_id,
+              doc.id,
+              error => {
+                if (error != null) {
+                  return callback(error)
+                }
+                return DocUpdaterClient.sendUpdate(
+                  this.project_id,
+                  doc.id,
+                  doc.update,
+                  error => {
+                    return callback(error)
+                  }
+                )
+              }
+            )
+          }
+        }),
+        error => {
+          if (error != null) {
+            throw error
+          }
+          return setTimeout(() => {
+            return DocUpdaterClient.flushProject(
+              this.project_id,
+              (error, res, body) => {
+                if (error) return done(error)
+                this.statusCode = res.statusCode
+                return done()
+              }
+            )
+          }, 200)
+        }
+      )
+    })
+
+    after(function () {
+      return MockWebApi.setDocument.restore()
+    })
+
+    it('should return a 204 status code', function () {
+      return this.statusCode.should.equal(204)
+    })
+
+    it('should send each document to the web api', function () {
+      return Array.from(this.docs).map(doc =>
+        MockWebApi.setDocument
+          .calledWith(this.project_id, doc.id, doc.updatedLines)
+          .should.equal(true)
+      )
+    })
+
+    return it('should update the lines in the doc updater', function (done) {
+      return async.series(
+        this.docs.map(doc => {
+          return callback => {
+            return DocUpdaterClient.getDoc(
+              this.project_id,
+              doc.id,
+              (error, res, returnedDoc) => {
+                if (error) return done(error)
+                returnedDoc.lines.should.deep.equal(doc.updatedLines)
+                return callback()
+              }
+            )
+          }
+        }),
+        done
+      )
+    })
+  })
+})
diff --git a/services/document-updater/test/acceptance/js/FlushingDocsTests.js b/services/document-updater/test/acceptance/js/FlushingDocsTests.js
new file mode 100644
index 0000000..d6c5d85
--- /dev/null
+++ b/services/document-updater/test/acceptance/js/FlushingDocsTests.js
@@ -0,0 +1,162 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const { expect } = require('chai')
+const async = require('async')
+
+const MockWebApi = require('./helpers/MockWebApi')
+const DocUpdaterClient = require('./helpers/DocUpdaterClient')
+const DocUpdaterApp = require('./helpers/DocUpdaterApp')
+
+describe('Flushing a doc to Mongo', function () {
+  before(function (done) {
+    this.lines = ['one', 'two', 'three']
+    this.version = 42
+    this.update = {
+      doc: this.doc_id,
+      meta: { user_id: 'last-author-fake-id' },
+      op: [
+        {
+          i: 'one and a half\n',
+          p: 4,
+        },
+      ],
+      v: this.version,
+    }
+    this.result = ['one', 'one and a half', 'two', 'three']
+    return DocUpdaterApp.ensureRunning(done)
+  })
+
+  describe('when the updated doc exists in the doc updater', function () {
+    before(function (done) {
+      ;[this.project_id, this.doc_id] = Array.from([
+        DocUpdaterClient.randomId(),
+        DocUpdaterClient.randomId(),
+      ])
+      sinon.spy(MockWebApi, 'setDocument')
+
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        version: this.version,
+      })
+      return DocUpdaterClient.sendUpdates(
+        this.project_id,
+        this.doc_id,
+        [this.update],
+        error => {
+          if (error != null) {
+            throw error
+          }
+          return setTimeout(() => {
+            return DocUpdaterClient.flushDoc(this.project_id, this.doc_id, done)
+          }, 200)
+        }
+      )
+    })
+
+    after(function () {
+      return MockWebApi.setDocument.restore()
+    })
+
+    it('should flush the updated doc lines and version to the web api', function () {
+      return MockWebApi.setDocument
+        .calledWith(this.project_id, this.doc_id, this.result, this.version + 1)
+        .should.equal(true)
+    })
+
+    return it('should flush the last update author and time to the web api', function () {
+      const lastUpdatedAt = MockWebApi.setDocument.lastCall.args[5]
+      parseInt(lastUpdatedAt).should.be.closeTo(new Date().getTime(), 30000)
+
+      const lastUpdatedBy = MockWebApi.setDocument.lastCall.args[6]
+      return lastUpdatedBy.should.equal('last-author-fake-id')
+    })
+  })
+
+  describe('when the doc does not exist in the doc updater', function () {
+    before(function (done) {
+      ;[this.project_id, this.doc_id] = Array.from([
+        DocUpdaterClient.randomId(),
+        DocUpdaterClient.randomId(),
+      ])
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+      })
+      sinon.spy(MockWebApi, 'setDocument')
+      return DocUpdaterClient.flushDoc(this.project_id, this.doc_id, done)
+    })
+
+    after(function () {
+      return MockWebApi.setDocument.restore()
+    })
+
+    return it('should not flush the doc to the web api', function () {
+      return MockWebApi.setDocument.called.should.equal(false)
+    })
+  })
+
+  return describe('when the web api http request takes a long time on first request', function () {
+    before(function (done) {
+      ;[this.project_id, this.doc_id] = Array.from([
+        DocUpdaterClient.randomId(),
+        DocUpdaterClient.randomId(),
+      ])
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        version: this.version,
+      })
+      let t = 30000
+      sinon
+        .stub(MockWebApi, 'setDocument')
+        .callsFake(
+          (
+            projectId,
+            docId,
+            lines,
+            version,
+            ranges,
+            lastUpdatedAt,
+            lastUpdatedBy,
+            callback
+          ) => {
+            if (callback == null) {
+              callback = function () {}
+            }
+            setTimeout(callback, t)
+            return (t = 0)
+          }
+        )
+      return DocUpdaterClient.preloadDoc(this.project_id, this.doc_id, done)
+    })
+
+    after(function () {
+      return MockWebApi.setDocument.restore()
+    })
+
+    return it('should still work', function (done) {
+      const start = Date.now()
+      return DocUpdaterClient.flushDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, doc) => {
+          if (error) return done(error)
+          res.statusCode.should.equal(204)
+          const delta = Date.now() - start
+          expect(delta).to.be.below(20000)
+          return done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/document-updater/test/acceptance/js/GettingADocumentTests.js b/services/document-updater/test/acceptance/js/GettingADocumentTests.js
new file mode 100644
index 0000000..6529893
--- /dev/null
+++ b/services/document-updater/test/acceptance/js/GettingADocumentTests.js
@@ -0,0 +1,293 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const { expect } = require('chai')
+
+const MockWebApi = require('./helpers/MockWebApi')
+const DocUpdaterClient = require('./helpers/DocUpdaterClient')
+const DocUpdaterApp = require('./helpers/DocUpdaterApp')
+
+describe('Getting a document', function () {
+  before(function (done) {
+    this.lines = ['one', 'two', 'three']
+    this.version = 42
+    return DocUpdaterApp.ensureRunning(done)
+  })
+
+  describe('when the document is not loaded', function () {
+    before(function (done) {
+      ;[this.project_id, this.doc_id] = Array.from([
+        DocUpdaterClient.randomId(),
+        DocUpdaterClient.randomId(),
+      ])
+      sinon.spy(MockWebApi, 'getDocument')
+
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        version: this.version,
+      })
+
+      return DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, returnedDoc) => {
+          if (error) return done(error)
+          this.returnedDoc = returnedDoc
+          return done()
+        }
+      )
+    })
+
+    after(function () {
+      return MockWebApi.getDocument.restore()
+    })
+
+    it('should load the document from the web API', function () {
+      return MockWebApi.getDocument
+        .calledWith(this.project_id, this.doc_id)
+        .should.equal(true)
+    })
+
+    it('should return the document lines', function () {
+      return this.returnedDoc.lines.should.deep.equal(this.lines)
+    })
+
+    return it('should return the document at its current version', function () {
+      return this.returnedDoc.version.should.equal(this.version)
+    })
+  })
+
+  describe('when the document is already loaded', function () {
+    before(function (done) {
+      ;[this.project_id, this.doc_id] = Array.from([
+        DocUpdaterClient.randomId(),
+        DocUpdaterClient.randomId(),
+      ])
+
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        version: this.version,
+      })
+      return DocUpdaterClient.preloadDoc(
+        this.project_id,
+        this.doc_id,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          sinon.spy(MockWebApi, 'getDocument')
+          return DocUpdaterClient.getDoc(
+            this.project_id,
+            this.doc_id,
+            (error, res, returnedDoc) => {
+              if (error) return done(error)
+              this.returnedDoc = returnedDoc
+              return done()
+            }
+          )
+        }
+      )
+    })
+
+    after(function () {
+      return MockWebApi.getDocument.restore()
+    })
+
+    it('should not load the document from the web API', function () {
+      return MockWebApi.getDocument.called.should.equal(false)
+    })
+
+    return it('should return the document lines', function () {
+      return this.returnedDoc.lines.should.deep.equal(this.lines)
+    })
+  })
+
+  describe('when the request asks for some recent ops', function () {
+    before(function (done) {
+      ;[this.project_id, this.doc_id] = Array.from([
+        DocUpdaterClient.randomId(),
+        DocUpdaterClient.randomId(),
+      ])
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: (this.lines = ['one', 'two', 'three']),
+      })
+
+      this.updates = __range__(0, 199, true).map(v => ({
+        doc_id: this.doc_id,
+        op: [{ i: v.toString(), p: 0 }],
+        v,
+      }))
+
+      return DocUpdaterClient.sendUpdates(
+        this.project_id,
+        this.doc_id,
+        this.updates,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          sinon.spy(MockWebApi, 'getDocument')
+          return done()
+        }
+      )
+    })
+
+    after(function () {
+      return MockWebApi.getDocument.restore()
+    })
+
+    describe('when the ops are loaded', function () {
+      before(function (done) {
+        return DocUpdaterClient.getDocAndRecentOps(
+          this.project_id,
+          this.doc_id,
+          190,
+          (error, res, returnedDoc) => {
+            if (error) return done(error)
+            this.returnedDoc = returnedDoc
+            return done()
+          }
+        )
+      })
+
+      return it('should return the recent ops', function () {
+        this.returnedDoc.ops.length.should.equal(10)
+        return Array.from(this.updates.slice(190, -1)).map((update, i) =>
+          this.returnedDoc.ops[i].op.should.deep.equal(update.op)
+        )
+      })
+    })
+
+    return describe('when the ops are not all loaded', function () {
+      before(function (done) {
+        // We only track 100 ops
+        return DocUpdaterClient.getDocAndRecentOps(
+          this.project_id,
+          this.doc_id,
+          10,
+          (error, res, returnedDoc) => {
+            if (error) return done(error)
+            this.res = res
+            this.returnedDoc = returnedDoc
+            return done()
+          }
+        )
+      })
+
+      return it('should return UnprocessableEntity', function () {
+        return this.res.statusCode.should.equal(422)
+      })
+    })
+  })
+
+  describe('when the document does not exist', function () {
+    before(function (done) {
+      ;[this.project_id, this.doc_id] = Array.from([
+        DocUpdaterClient.randomId(),
+        DocUpdaterClient.randomId(),
+      ])
+      return DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, doc) => {
+          if (error) return done(error)
+          this.statusCode = res.statusCode
+          return done()
+        }
+      )
+    })
+
+    return it('should return 404', function () {
+      return this.statusCode.should.equal(404)
+    })
+  })
+
+  describe('when the web api returns an error', function () {
+    before(function (done) {
+      ;[this.project_id, this.doc_id] = Array.from([
+        DocUpdaterClient.randomId(),
+        DocUpdaterClient.randomId(),
+      ])
+      sinon
+        .stub(MockWebApi, 'getDocument')
+        .callsFake((projectId, docId, callback) => {
+          if (callback == null) {
+            callback = function () {}
+          }
+          return callback(new Error('oops'))
+        })
+      return DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, doc) => {
+          if (error) return done(error)
+          this.statusCode = res.statusCode
+          return done()
+        }
+      )
+    })
+
+    after(function () {
+      return MockWebApi.getDocument.restore()
+    })
+
+    return it('should return 500', function () {
+      return this.statusCode.should.equal(500)
+    })
+  })
+
+  return describe('when the web api http request takes a long time', function () {
+    before(function (done) {
+      this.timeout = 10000
+      ;[this.project_id, this.doc_id] = Array.from([
+        DocUpdaterClient.randomId(),
+        DocUpdaterClient.randomId(),
+      ])
+      sinon
+        .stub(MockWebApi, 'getDocument')
+        .callsFake((projectId, docId, callback) => {
+          if (callback == null) {
+            callback = function () {}
+          }
+          return setTimeout(callback, 30000)
+        })
+      return done()
+    })
+
+    after(function () {
+      return MockWebApi.getDocument.restore()
+    })
+
+    return it('should return quickly(ish)', function (done) {
+      const start = Date.now()
+      return DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, doc) => {
+          if (error) return done(error)
+          res.statusCode.should.equal(500)
+          const delta = Date.now() - start
+          expect(delta).to.be.below(20000)
+          return done()
+        }
+      )
+    })
+  })
+})
+
+function __range__(left, right, inclusive) {
+  const range = []
+  const ascending = left < right
+  const end = !inclusive ? right : ascending ? right + 1 : right - 1
+  for (let i = left; ascending ? i < end : i > end; ascending ? i++ : i--) {
+    range.push(i)
+  }
+  return range
+}
diff --git a/services/document-updater/test/acceptance/js/GettingProjectDocsTests.js b/services/document-updater/test/acceptance/js/GettingProjectDocsTests.js
new file mode 100644
index 0000000..07bdd85
--- /dev/null
+++ b/services/document-updater/test/acceptance/js/GettingProjectDocsTests.js
@@ -0,0 +1,176 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const { expect } = require('chai')
+
+const MockWebApi = require('./helpers/MockWebApi')
+const DocUpdaterClient = require('./helpers/DocUpdaterClient')
+const DocUpdaterApp = require('./helpers/DocUpdaterApp')
+
+describe('Getting documents for project', function () {
+  before(function (done) {
+    this.lines = ['one', 'two', 'three']
+    this.version = 42
+    return DocUpdaterApp.ensureRunning(done)
+  })
+
+  describe('when project state hash does not match', function () {
+    before(function (done) {
+      this.projectStateHash = DocUpdaterClient.randomId()
+      ;[this.project_id, this.doc_id] = Array.from([
+        DocUpdaterClient.randomId(),
+        DocUpdaterClient.randomId(),
+      ])
+
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        version: this.version,
+      })
+      return DocUpdaterClient.preloadDoc(
+        this.project_id,
+        this.doc_id,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          return DocUpdaterClient.getProjectDocs(
+            this.project_id,
+            this.projectStateHash,
+            (error, res, returnedDocs) => {
+              if (error) return done(error)
+              this.res = res
+              this.returnedDocs = returnedDocs
+              return done()
+            }
+          )
+        }
+      )
+    })
+
+    return it('should return a 409 Conflict response', function () {
+      return this.res.statusCode.should.equal(409)
+    })
+  })
+
+  describe('when project state hash matches', function () {
+    before(function (done) {
+      this.projectStateHash = DocUpdaterClient.randomId()
+      ;[this.project_id, this.doc_id] = Array.from([
+        DocUpdaterClient.randomId(),
+        DocUpdaterClient.randomId(),
+      ])
+
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        version: this.version,
+      })
+      return DocUpdaterClient.preloadDoc(
+        this.project_id,
+        this.doc_id,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          return DocUpdaterClient.getProjectDocs(
+            this.project_id,
+            this.projectStateHash,
+            (error, res0, returnedDocs0) => {
+              if (error) return done(error)
+              // set the hash
+              this.res0 = res0
+              this.returnedDocs0 = returnedDocs0
+              return DocUpdaterClient.getProjectDocs(
+                this.project_id,
+                this.projectStateHash,
+                (error, res, returnedDocs) => {
+                  if (error) return done(error)
+                  // the hash should now match
+                  this.res = res
+                  this.returnedDocs = returnedDocs
+                  return done()
+                }
+              )
+            }
+          )
+        }
+      )
+    })
+
+    it('should return a 200 response', function () {
+      return this.res.statusCode.should.equal(200)
+    })
+
+    return it('should return the documents', function () {
+      return this.returnedDocs.should.deep.equal([
+        { _id: this.doc_id, lines: this.lines, v: this.version },
+      ])
+    })
+  })
+
+  return describe('when the doc has been removed', function () {
+    before(function (done) {
+      this.projectStateHash = DocUpdaterClient.randomId()
+      ;[this.project_id, this.doc_id] = Array.from([
+        DocUpdaterClient.randomId(),
+        DocUpdaterClient.randomId(),
+      ])
+
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        version: this.version,
+      })
+      return DocUpdaterClient.preloadDoc(
+        this.project_id,
+        this.doc_id,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          return DocUpdaterClient.getProjectDocs(
+            this.project_id,
+            this.projectStateHash,
+            (error, res0, returnedDocs0) => {
+              if (error) return done(error)
+              // set the hash
+              this.res0 = res0
+              this.returnedDocs0 = returnedDocs0
+              return DocUpdaterClient.deleteDoc(
+                this.project_id,
+                this.doc_id,
+                (error, res, body) => {
+                  if (error) return done(error)
+                  // delete the doc
+                  return DocUpdaterClient.getProjectDocs(
+                    this.project_id,
+                    this.projectStateHash,
+                    (error, res1, returnedDocs) => {
+                      if (error) return done(error)
+                      // the hash would match, but the doc has been deleted
+                      this.res = res1
+                      this.returnedDocs = returnedDocs
+                      return done()
+                    }
+                  )
+                }
+              )
+            }
+          )
+        }
+      )
+    })
+
+    return it('should return a 409 Conflict response', function () {
+      return this.res.statusCode.should.equal(409)
+    })
+  })
+})
diff --git a/services/document-updater/test/acceptance/js/PeekingADoc.js b/services/document-updater/test/acceptance/js/PeekingADoc.js
new file mode 100644
index 0000000..94ce16e
--- /dev/null
+++ b/services/document-updater/test/acceptance/js/PeekingADoc.js
@@ -0,0 +1,100 @@
+const sinon = require('sinon')
+const MockWebApi = require('./helpers/MockWebApi')
+const DocUpdaterClient = require('./helpers/DocUpdaterClient')
+const DocUpdaterApp = require('./helpers/DocUpdaterApp')
+
+describe('Peeking a document', function () {
+  before(function (done) {
+    this.lines = ['one', 'two', 'three']
+    this.version = 42
+    return DocUpdaterApp.ensureRunning(done)
+  })
+
+  describe('when the document is not loaded', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.doc_id = DocUpdaterClient.randomId()
+      sinon.spy(MockWebApi, 'getDocument')
+
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        version: this.version,
+      })
+
+      return DocUpdaterClient.peekDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, returnedDoc) => {
+          this.error = error
+          this.res = res
+          this.returnedDoc = returnedDoc
+          return done()
+        }
+      )
+    })
+
+    after(function () {
+      return MockWebApi.getDocument.restore()
+    })
+
+    it('should return a 404 response', function () {
+      this.res.statusCode.should.equal(404)
+    })
+
+    it('should not load the document from the web API', function () {
+      return MockWebApi.getDocument.called.should.equal(false)
+    })
+  })
+
+  describe('when the document is already loaded', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.doc_id = DocUpdaterClient.randomId()
+
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        version: this.version,
+      })
+      return DocUpdaterClient.preloadDoc(
+        this.project_id,
+        this.doc_id,
+        error => {
+          if (error != null) {
+            throw error
+          }
+          sinon.spy(MockWebApi, 'getDocument')
+          return DocUpdaterClient.getDoc(
+            this.project_id,
+            this.doc_id,
+            (error, res, returnedDoc) => {
+              if (error) return done(error)
+              this.res = res
+              this.returnedDoc = returnedDoc
+              return done()
+            }
+          )
+        }
+      )
+    })
+
+    after(function () {
+      return MockWebApi.getDocument.restore()
+    })
+
+    it('should return a 200 response', function () {
+      this.res.statusCode.should.equal(200)
+    })
+
+    it('should return the document lines', function () {
+      return this.returnedDoc.lines.should.deep.equal(this.lines)
+    })
+
+    it('should return the document version', function () {
+      return this.returnedDoc.version.should.equal(this.version)
+    })
+
+    it('should not load the document from the web API', function () {
+      return MockWebApi.getDocument.called.should.equal(false)
+    })
+  })
+})
diff --git a/services/document-updater/test/acceptance/js/RangesTests.js b/services/document-updater/test/acceptance/js/RangesTests.js
new file mode 100644
index 0000000..424ea7e
--- /dev/null
+++ b/services/document-updater/test/acceptance/js/RangesTests.js
@@ -0,0 +1,882 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const async = require('async')
+
+const { db, ObjectId } = require('../../../app/js/mongodb')
+const MockWebApi = require('./helpers/MockWebApi')
+const DocUpdaterClient = require('./helpers/DocUpdaterClient')
+const DocUpdaterApp = require('./helpers/DocUpdaterApp')
+const RangesManager = require('../../../app/js/RangesManager')
+
+const sandbox = sinon.createSandbox()
+
+describe('Ranges', function () {
+  before(function (done) {
+    DocUpdaterApp.ensureRunning(done)
+  })
+
+  describe('tracking changes from ops', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.user_id = DocUpdaterClient.randomId()
+      this.id_seed = '587357bd35e64f6157'
+      this.doc = {
+        id: DocUpdaterClient.randomId(),
+        lines: ['aaa'],
+      }
+      this.updates = [
+        {
+          doc: this.doc.id,
+          op: [{ i: '123', p: 1 }],
+          v: 0,
+          meta: { user_id: this.user_id },
+        },
+        {
+          doc: this.doc.id,
+          op: [{ i: '456', p: 5 }],
+          v: 1,
+          meta: { user_id: this.user_id, tc: this.id_seed },
+        },
+        {
+          doc: this.doc.id,
+          op: [{ d: '12', p: 1 }],
+          v: 2,
+          meta: { user_id: this.user_id },
+        },
+      ]
+      MockWebApi.insertDoc(this.project_id, this.doc.id, {
+        lines: this.doc.lines,
+        version: 0,
+      })
+      const jobs = []
+      for (const update of this.updates) {
+        jobs.push(callback =>
+          DocUpdaterClient.sendUpdate(
+            this.project_id,
+            this.doc.id,
+            update,
+            callback
+          )
+        )
+      }
+
+      DocUpdaterApp.ensureRunning(error => {
+        if (error != null) {
+          throw error
+        }
+        DocUpdaterClient.preloadDoc(this.project_id, this.doc.id, error => {
+          if (error != null) {
+            throw error
+          }
+          async.series(jobs, error => {
+            if (error != null) {
+              throw error
+            }
+            done()
+          })
+        })
+      })
+    })
+
+    it('should update the ranges', function (done) {
+      DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc.id,
+        (error, res, data) => {
+          if (error != null) {
+            throw error
+          }
+          const { ranges } = data
+          const change = ranges.changes[0]
+          change.op.should.deep.equal({ i: '456', p: 3 })
+          change.id.should.equal(this.id_seed + '000001')
+          change.metadata.user_id.should.equal(this.user_id)
+          done()
+        }
+      )
+    })
+
+    describe('Adding comments', function () {
+      describe('standalone', function () {
+        before(function (done) {
+          this.project_id = DocUpdaterClient.randomId()
+          this.user_id = DocUpdaterClient.randomId()
+          this.doc = {
+            id: DocUpdaterClient.randomId(),
+            lines: ['foo bar baz'],
+          }
+          this.updates = [
+            {
+              doc: this.doc.id,
+              op: [
+                { c: 'bar', p: 4, t: (this.tid = DocUpdaterClient.randomId()) },
+              ],
+              v: 0,
+            },
+          ]
+          MockWebApi.insertDoc(this.project_id, this.doc.id, {
+            lines: this.doc.lines,
+            version: 0,
+          })
+          const jobs = []
+          for (const update of this.updates) {
+            jobs.push(callback =>
+              DocUpdaterClient.sendUpdate(
+                this.project_id,
+                this.doc.id,
+                update,
+                callback
+              )
+            )
+          }
+          DocUpdaterClient.preloadDoc(this.project_id, this.doc.id, error => {
+            if (error != null) {
+              throw error
+            }
+            async.series(jobs, error => {
+              if (error != null) {
+                throw error
+              }
+              setTimeout(done, 200)
+            })
+          })
+        })
+
+        it('should update the ranges', function (done) {
+          DocUpdaterClient.getDoc(
+            this.project_id,
+            this.doc.id,
+            (error, res, data) => {
+              if (error != null) {
+                throw error
+              }
+              const { ranges } = data
+              const comment = ranges.comments[0]
+              comment.op.should.deep.equal({ c: 'bar', p: 4, t: this.tid })
+              comment.id.should.equal(this.tid)
+              done()
+            }
+          )
+        })
+      })
+
+      describe('with conflicting ops needing OT', function () {
+        before(function (done) {
+          this.project_id = DocUpdaterClient.randomId()
+          this.user_id = DocUpdaterClient.randomId()
+          this.doc = {
+            id: DocUpdaterClient.randomId(),
+            lines: ['foo bar baz'],
+          }
+          this.updates = [
+            {
+              doc: this.doc.id,
+              op: [{ i: 'ABC', p: 3 }],
+              v: 0,
+              meta: { user_id: this.user_id },
+            },
+            {
+              doc: this.doc.id,
+              op: [
+                { c: 'bar', p: 4, t: (this.tid = DocUpdaterClient.randomId()) },
+              ],
+              v: 0,
+            },
+          ]
+          MockWebApi.insertDoc(this.project_id, this.doc.id, {
+            lines: this.doc.lines,
+            version: 0,
+          })
+          const jobs = []
+          for (const update of this.updates) {
+            jobs.push(callback =>
+              DocUpdaterClient.sendUpdate(
+                this.project_id,
+                this.doc.id,
+                update,
+                callback
+              )
+            )
+          }
+          DocUpdaterClient.preloadDoc(this.project_id, this.doc.id, error => {
+            if (error != null) {
+              throw error
+            }
+            async.series(jobs, error => {
+              if (error != null) {
+                throw error
+              }
+              setTimeout(done, 200)
+            })
+          })
+        })
+
+        it('should update the comments with the OT shifted comment', function (done) {
+          DocUpdaterClient.getDoc(
+            this.project_id,
+            this.doc.id,
+            (error, res, data) => {
+              if (error != null) {
+                throw error
+              }
+              const { ranges } = data
+              const comment = ranges.comments[0]
+              comment.op.should.deep.equal({ c: 'bar', p: 7, t: this.tid })
+              done()
+            }
+          )
+        })
+      })
+    })
+  })
+
+  describe('Loading ranges from persistence layer', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.user_id = DocUpdaterClient.randomId()
+      this.id_seed = '587357bd35e64f6157'
+      this.doc = {
+        id: DocUpdaterClient.randomId(),
+        lines: ['a123aa'],
+      }
+      this.update = {
+        doc: this.doc.id,
+        op: [{ i: '456', p: 5 }],
+        v: 0,
+        meta: { user_id: this.user_id, tc: this.id_seed },
+      }
+      MockWebApi.insertDoc(this.project_id, this.doc.id, {
+        lines: this.doc.lines,
+        version: 0,
+        ranges: {
+          changes: [
+            {
+              op: { i: '123', p: 1 },
+              metadata: {
+                user_id: this.user_id,
+                ts: new Date(),
+              },
+            },
+          ],
+        },
+      })
+      DocUpdaterClient.preloadDoc(this.project_id, this.doc.id, error => {
+        if (error != null) {
+          throw error
+        }
+        DocUpdaterClient.sendUpdate(
+          this.project_id,
+          this.doc.id,
+          this.update,
+          error => {
+            if (error != null) {
+              throw error
+            }
+            setTimeout(done, 200)
+          }
+        )
+      })
+    })
+
+    it('should have preloaded the existing ranges', function (done) {
+      DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc.id,
+        (error, res, data) => {
+          if (error != null) {
+            throw error
+          }
+          const { changes } = data.ranges
+          changes[0].op.should.deep.equal({ i: '123', p: 1 })
+          changes[1].op.should.deep.equal({ i: '456', p: 5 })
+          done()
+        }
+      )
+    })
+
+    it('should flush the ranges to the persistence layer again', function (done) {
+      DocUpdaterClient.flushDoc(this.project_id, this.doc.id, error => {
+        if (error != null) {
+          throw error
+        }
+        MockWebApi.getDocument(this.project_id, this.doc.id, (error, doc) => {
+          if (error) return done(error)
+          const { changes } = doc.ranges
+          changes[0].op.should.deep.equal({ i: '123', p: 1 })
+          changes[1].op.should.deep.equal({ i: '456', p: 5 })
+          done()
+        })
+      })
+    })
+  })
+
+  describe('accepting a change', function () {
+    beforeEach(function (done) {
+      sandbox.spy(MockWebApi, 'setDocument')
+      this.project_id = DocUpdaterClient.randomId()
+      this.user_id = DocUpdaterClient.randomId()
+      this.id_seed = '587357bd35e64f6157'
+      this.doc = {
+        id: DocUpdaterClient.randomId(),
+        lines: ['aaa'],
+      }
+      this.update = {
+        doc: this.doc.id,
+        op: [{ i: '456', p: 1 }],
+        v: 0,
+        meta: { user_id: this.user_id, tc: this.id_seed },
+      }
+      MockWebApi.insertDoc(this.project_id, this.doc.id, {
+        lines: this.doc.lines,
+        version: 0,
+      })
+      DocUpdaterClient.preloadDoc(this.project_id, this.doc.id, error => {
+        if (error != null) {
+          throw error
+        }
+        DocUpdaterClient.sendUpdate(
+          this.project_id,
+          this.doc.id,
+          this.update,
+          error => {
+            if (error != null) {
+              throw error
+            }
+            setTimeout(() => {
+              DocUpdaterClient.getDoc(
+                this.project_id,
+                this.doc.id,
+                (error, res, data) => {
+                  if (error != null) {
+                    throw error
+                  }
+                  const { ranges } = data
+                  const change = ranges.changes[0]
+                  change.op.should.deep.equal({ i: '456', p: 1 })
+                  change.id.should.equal(this.id_seed + '000001')
+                  change.metadata.user_id.should.equal(this.user_id)
+                  done()
+                }
+              )
+            }, 200)
+          }
+        )
+      })
+    })
+    afterEach(function () {
+      sandbox.restore()
+    })
+
+    it('should remove the change after accepting', function (done) {
+      DocUpdaterClient.acceptChange(
+        this.project_id,
+        this.doc.id,
+        this.id_seed + '000001',
+        error => {
+          if (error != null) {
+            throw error
+          }
+          DocUpdaterClient.getDoc(
+            this.project_id,
+            this.doc.id,
+            (error, res, data) => {
+              if (error != null) {
+                throw error
+              }
+              expect(data.ranges.changes).to.be.undefined
+              done()
+            }
+          )
+        }
+      )
+    })
+
+    it('should persist the ranges after accepting', function (done) {
+      DocUpdaterClient.flushDoc(this.project_id, this.doc.id, err => {
+        if (err) return done(err)
+        DocUpdaterClient.acceptChange(
+          this.project_id,
+          this.doc.id,
+          this.id_seed + '000001',
+          error => {
+            if (error != null) {
+              throw error
+            }
+
+            DocUpdaterClient.flushDoc(this.project_id, this.doc.id, err => {
+              if (err) return done(err)
+              DocUpdaterClient.getDoc(
+                this.project_id,
+                this.doc.id,
+                (error, res, data) => {
+                  if (error != null) {
+                    throw error
+                  }
+                  expect(data.ranges.changes).to.be.undefined
+
+                  MockWebApi.setDocument
+                    .calledWith(this.project_id, this.doc.id, ['a456aa'], 1, {})
+                    .should.equal(true)
+                  done()
+                }
+              )
+            })
+          }
+        )
+      })
+    })
+  })
+
+  describe('accepting multiple changes', function () {
+    beforeEach(function (done) {
+      this.getHistoryUpdatesSpy = sandbox.spy(
+        RangesManager,
+        'getHistoryUpdatesForAcceptedChanges'
+      )
+
+      this.project_id = DocUpdaterClient.randomId()
+      this.user_id = DocUpdaterClient.randomId()
+      this.doc = {
+        id: DocUpdaterClient.randomId(),
+        lines: ['aaa', 'bbb', 'ccc', 'ddd', 'eee'],
+      }
+
+      MockWebApi.insertDoc(this.project_id, this.doc.id, {
+        lines: this.doc.lines,
+        version: 0,
+        historyRangesSupport: true,
+      })
+
+      DocUpdaterClient.preloadDoc(this.project_id, this.doc.id, error => {
+        if (error != null) {
+          throw error
+        }
+
+        this.id_seed_1 = 'tc_1'
+        this.id_seed_2 = 'tc_2'
+        this.id_seed_3 = 'tc_3'
+
+        this.updates = [
+          {
+            doc: this.doc.id,
+            op: [{ d: 'bbb', p: 4 }],
+            v: 0,
+            meta: {
+              user_id: this.user_id,
+              tc: this.id_seed_1,
+            },
+          },
+          {
+            doc: this.doc.id,
+            op: [{ d: 'ccc', p: 5 }],
+            v: 1,
+            meta: {
+              user_id: this.user_id,
+              tc: this.id_seed_2,
+            },
+          },
+          {
+            doc: this.doc.id,
+            op: [{ d: 'ddd', p: 6 }],
+            v: 2,
+            meta: {
+              user_id: this.user_id,
+              tc: this.id_seed_3,
+            },
+          },
+        ]
+
+        DocUpdaterClient.sendUpdates(
+          this.project_id,
+          this.doc.id,
+          this.updates,
+          error => {
+            if (error != null) {
+              throw error
+            }
+            setTimeout(() => {
+              DocUpdaterClient.getDoc(
+                this.project_id,
+                this.doc.id,
+                (error, res, data) => {
+                  if (error != null) {
+                    throw error
+                  }
+                  const { ranges } = data
+                  const changeOps = ranges.changes
+                    .map(change => change.op)
+                    .flat()
+                  changeOps.should.deep.equal([
+                    { d: 'bbb', p: 4 },
+                    { d: 'ccc', p: 5 },
+                    { d: 'ddd', p: 6 },
+                  ])
+                  done()
+                }
+              )
+            }, 200)
+          }
+        )
+      })
+    })
+
+    afterEach(function () {
+      sandbox.restore()
+    })
+
+    it('accepting changes in order', function (done) {
+      DocUpdaterClient.acceptChanges(
+        this.project_id,
+        this.doc.id,
+        [
+          this.id_seed_1 + '000001',
+          this.id_seed_2 + '000001',
+          this.id_seed_3 + '000001',
+        ],
+        error => {
+          if (error != null) {
+            throw error
+          }
+
+          const historyUpdates = this.getHistoryUpdatesSpy.returnValues[0]
+          expect(historyUpdates[0]).to.deep.equal({
+            doc: this.doc.id,
+            meta: {
+              pathname: '/a/b/c.tex',
+              doc_length: 10,
+              history_doc_length: 19,
+              ts: historyUpdates[0].meta.ts,
+              user_id: this.user_id,
+            },
+            op: [{ p: 4, d: 'bbb' }],
+          })
+
+          expect(historyUpdates[1]).to.deep.equal({
+            doc: this.doc.id,
+            meta: {
+              pathname: '/a/b/c.tex',
+              doc_length: 10,
+              history_doc_length: 16,
+              ts: historyUpdates[1].meta.ts,
+              user_id: this.user_id,
+            },
+            op: [{ p: 5, d: 'ccc' }],
+          })
+
+          expect(historyUpdates[2]).to.deep.equal({
+            doc: this.doc.id,
+            meta: {
+              pathname: '/a/b/c.tex',
+              doc_length: 10,
+              history_doc_length: 13,
+              ts: historyUpdates[2].meta.ts,
+              user_id: this.user_id,
+            },
+            op: [{ p: 6, d: 'ddd' }],
+          })
+
+          done()
+        }
+      )
+    })
+
+    it('accepting changes in reverse order', function (done) {
+      DocUpdaterClient.acceptChanges(
+        this.project_id,
+        this.doc.id,
+        [
+          this.id_seed_3 + '000001',
+          this.id_seed_2 + '000001',
+          this.id_seed_1 + '000001',
+        ],
+        error => {
+          if (error != null) {
+            throw error
+          }
+
+          const historyUpdates = this.getHistoryUpdatesSpy.returnValues[0]
+          expect(historyUpdates[0]).to.deep.equal({
+            doc: this.doc.id,
+            meta: {
+              pathname: '/a/b/c.tex',
+              doc_length: 10,
+              history_doc_length: 19,
+              ts: historyUpdates[0].meta.ts,
+              user_id: this.user_id,
+            },
+            op: [{ p: 4, d: 'bbb' }],
+          })
+
+          expect(historyUpdates[1]).to.deep.equal({
+            doc: this.doc.id,
+            meta: {
+              pathname: '/a/b/c.tex',
+              doc_length: 10,
+              history_doc_length: 16,
+              ts: historyUpdates[1].meta.ts,
+              user_id: this.user_id,
+            },
+            op: [{ p: 5, d: 'ccc' }],
+          })
+
+          expect(historyUpdates[2]).to.deep.equal({
+            doc: this.doc.id,
+            meta: {
+              pathname: '/a/b/c.tex',
+              doc_length: 10,
+              history_doc_length: 13,
+              ts: historyUpdates[2].meta.ts,
+              user_id: this.user_id,
+            },
+            op: [{ p: 6, d: 'ddd' }],
+          })
+
+          done()
+        }
+      )
+    })
+  })
+
+  describe('deleting a comment range', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.user_id = DocUpdaterClient.randomId()
+      this.doc = {
+        id: DocUpdaterClient.randomId(),
+        lines: ['foo bar'],
+      }
+      this.update = {
+        doc: this.doc.id,
+        op: [{ c: 'bar', p: 4, t: (this.tid = DocUpdaterClient.randomId()) }],
+        v: 0,
+      }
+      MockWebApi.insertDoc(this.project_id, this.doc.id, {
+        lines: this.doc.lines,
+        version: 0,
+      })
+      DocUpdaterClient.preloadDoc(this.project_id, this.doc.id, error => {
+        if (error != null) {
+          throw error
+        }
+        DocUpdaterClient.sendUpdate(
+          this.project_id,
+          this.doc.id,
+          this.update,
+          error => {
+            if (error != null) {
+              throw error
+            }
+            setTimeout(() => {
+              DocUpdaterClient.getDoc(
+                this.project_id,
+                this.doc.id,
+                (error, res, data) => {
+                  if (error != null) {
+                    throw error
+                  }
+                  const { ranges } = data
+                  const change = ranges.comments[0]
+                  change.op.should.deep.equal({ c: 'bar', p: 4, t: this.tid })
+                  change.id.should.equal(this.tid)
+                  done()
+                }
+              )
+            }, 200)
+          }
+        )
+      })
+    })
+
+    it('should remove the comment range', function (done) {
+      DocUpdaterClient.removeComment(
+        this.project_id,
+        this.doc.id,
+        this.tid,
+        (error, res) => {
+          if (error != null) {
+            throw error
+          }
+          expect(res.statusCode).to.equal(204)
+          DocUpdaterClient.getDoc(
+            this.project_id,
+            this.doc.id,
+            (error, res, data) => {
+              if (error != null) {
+                throw error
+              }
+              expect(data.ranges.comments).to.be.undefined
+              done()
+            }
+          )
+        }
+      )
+    })
+  })
+
+  describe('tripping range size limit', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.user_id = DocUpdaterClient.randomId()
+      this.id_seed = DocUpdaterClient.randomId()
+      this.doc = {
+        id: DocUpdaterClient.randomId(),
+        lines: ['aaa'],
+      }
+      this.i = new Array(3 * 1024 * 1024).join('a')
+      this.updates = [
+        {
+          doc: this.doc.id,
+          op: [{ i: this.i, p: 1 }],
+          v: 0,
+          meta: { user_id: this.user_id, tc: this.id_seed },
+        },
+      ]
+      MockWebApi.insertDoc(this.project_id, this.doc.id, {
+        lines: this.doc.lines,
+        version: 0,
+      })
+      const jobs = []
+      for (const update of this.updates) {
+        jobs.push(callback =>
+          DocUpdaterClient.sendUpdate(
+            this.project_id,
+            this.doc.id,
+            update,
+            callback
+          )
+        )
+      }
+      DocUpdaterClient.preloadDoc(this.project_id, this.doc.id, error => {
+        if (error != null) {
+          throw error
+        }
+        async.series(jobs, error => {
+          if (error != null) {
+            throw error
+          }
+          setTimeout(done, 200)
+        })
+      })
+    })
+
+    it('should not update the ranges', function (done) {
+      DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc.id,
+        (error, res, data) => {
+          if (error != null) {
+            throw error
+          }
+          const { ranges } = data
+          expect(ranges.changes).to.be.undefined
+          done()
+        }
+      )
+    })
+  })
+
+  describe('deleting text surrounding a comment', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.user_id = DocUpdaterClient.randomId()
+      this.doc_id = DocUpdaterClient.randomId()
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: ['foo bar baz'],
+        version: 0,
+        ranges: {
+          comments: [
+            {
+              op: {
+                c: 'a',
+                p: 5,
+                tid: (this.tid = DocUpdaterClient.randomId()),
+              },
+              metadata: {
+                user_id: this.user_id,
+                ts: new Date(),
+              },
+            },
+          ],
+        },
+      })
+      this.updates = [
+        {
+          doc: this.doc_id,
+          op: [{ d: 'foo ', p: 0 }],
+          v: 0,
+          meta: { user_id: this.user_id },
+        },
+        {
+          doc: this.doc_id,
+          op: [{ d: 'bar ', p: 0 }],
+          v: 1,
+          meta: { user_id: this.user_id },
+        },
+      ]
+      const jobs = []
+      for (const update of this.updates) {
+        jobs.push(callback =>
+          DocUpdaterClient.sendUpdate(
+            this.project_id,
+            this.doc_id,
+            update,
+            callback
+          )
+        )
+      }
+      DocUpdaterClient.preloadDoc(this.project_id, this.doc_id, error => {
+        if (error != null) {
+          throw error
+        }
+        async.series(jobs, function (error) {
+          if (error != null) {
+            throw error
+          }
+          setTimeout(() => {
+            DocUpdaterClient.getDoc(
+              this.project_id,
+              this.doc_id,
+              (error, res, data) => {
+                if (error != null) {
+                  throw error
+                }
+                done()
+              }
+            )
+          }, 200)
+        })
+      })
+    })
+
+    it('should write a snapshot from before the destructive change', function (done) {
+      DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, data) => {
+          if (error != null) {
+            return done(error)
+          }
+          db.docSnapshots
+            .find({
+              project_id: new ObjectId(this.project_id),
+              doc_id: new ObjectId(this.doc_id),
+            })
+            .toArray((error, docSnapshots) => {
+              if (error != null) {
+                return done(error)
+              }
+              expect(docSnapshots.length).to.equal(1)
+              expect(docSnapshots[0].version).to.equal(1)
+              expect(docSnapshots[0].lines).to.deep.equal(['bar baz'])
+              expect(docSnapshots[0].ranges.comments[0].op).to.deep.equal({
+                c: 'a',
+                p: 1,
+                tid: this.tid,
+              })
+              done()
+            })
+        }
+      )
+    })
+  })
+})
diff --git a/services/document-updater/test/acceptance/js/SettingADocumentTests.js b/services/document-updater/test/acceptance/js/SettingADocumentTests.js
new file mode 100644
index 0000000..5b0c4ab
--- /dev/null
+++ b/services/document-updater/test/acceptance/js/SettingADocumentTests.js
@@ -0,0 +1,528 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const Settings = require('@overleaf/settings')
+const docUpdaterRedis = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.documentupdater
+)
+const Keys = Settings.redis.documentupdater.key_schema
+
+const MockProjectHistoryApi = require('./helpers/MockProjectHistoryApi')
+const MockWebApi = require('./helpers/MockWebApi')
+const DocUpdaterClient = require('./helpers/DocUpdaterClient')
+const DocUpdaterApp = require('./helpers/DocUpdaterApp')
+
+describe('Setting a document', function () {
+  let numberOfReceivedUpdates = 0
+  before(function (done) {
+    DocUpdaterClient.subscribeToAppliedOps(() => {
+      numberOfReceivedUpdates++
+    })
+    this.lines = ['one', 'two', 'three']
+    this.version = 42
+    this.update = {
+      doc: this.doc_id,
+      op: [
+        {
+          i: 'one and a half\n',
+          p: 4,
+        },
+      ],
+      v: this.version,
+    }
+    this.result = ['one', 'one and a half', 'two', 'three']
+    this.newLines = ['these', 'are', 'the', 'new', 'lines']
+    this.source = 'dropbox'
+    this.user_id = 'user-id-123'
+
+    sinon.spy(MockProjectHistoryApi, 'flushProject')
+    sinon.spy(MockWebApi, 'setDocument')
+    DocUpdaterApp.ensureRunning(done)
+  })
+
+  after(function () {
+    MockProjectHistoryApi.flushProject.restore()
+    MockWebApi.setDocument.restore()
+  })
+
+  describe('when the updated doc exists in the doc updater', function () {
+    before(function (done) {
+      numberOfReceivedUpdates = 0
+      this.project_id = DocUpdaterClient.randomId()
+      this.doc_id = DocUpdaterClient.randomId()
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        version: this.version,
+      })
+      DocUpdaterClient.preloadDoc(this.project_id, this.doc_id, error => {
+        if (error) {
+          throw error
+        }
+        DocUpdaterClient.sendUpdate(
+          this.project_id,
+          this.doc_id,
+          this.update,
+          error => {
+            if (error) {
+              throw error
+            }
+            setTimeout(() => {
+              DocUpdaterClient.setDocLines(
+                this.project_id,
+                this.doc_id,
+                this.newLines,
+                this.source,
+                this.user_id,
+                false,
+                (error, res, body) => {
+                  if (error) {
+                    return done(error)
+                  }
+                  this.statusCode = res.statusCode
+                  this.body = body
+                  done()
+                }
+              )
+            }, 200)
+          }
+        )
+      })
+    })
+
+    after(function () {
+      MockProjectHistoryApi.flushProject.resetHistory()
+      MockWebApi.setDocument.resetHistory()
+    })
+
+    it('should return a 200 status code', function () {
+      this.statusCode.should.equal(200)
+    })
+
+    it('should emit two updates (from sendUpdate and setDocLines)', function () {
+      expect(numberOfReceivedUpdates).to.equal(2)
+    })
+
+    it('should send the updated doc lines and version to the web api', function () {
+      MockWebApi.setDocument
+        .calledWith(this.project_id, this.doc_id, this.newLines)
+        .should.equal(true)
+    })
+
+    it('should update the lines in the doc updater', function (done) {
+      DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, doc) => {
+          if (error) {
+            return done(error)
+          }
+          doc.lines.should.deep.equal(this.newLines)
+          done()
+        }
+      )
+    })
+
+    it('should bump the version in the doc updater', function (done) {
+      DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, doc) => {
+          if (error) {
+            return done(error)
+          }
+          doc.version.should.equal(this.version + 2)
+          done()
+        }
+      )
+    })
+
+    it('should leave the document in redis', function (done) {
+      docUpdaterRedis.get(
+        Keys.docLines({ doc_id: this.doc_id }),
+        (error, lines) => {
+          if (error) {
+            throw error
+          }
+          expect(JSON.parse(lines)).to.deep.equal(this.newLines)
+          done()
+        }
+      )
+    })
+
+    it('should return the mongo rev in the json response', function () {
+      this.body.should.deep.equal({ rev: '123' })
+    })
+
+    describe('when doc has the same contents', function () {
+      beforeEach(function (done) {
+        numberOfReceivedUpdates = 0
+        DocUpdaterClient.setDocLines(
+          this.project_id,
+          this.doc_id,
+          this.newLines,
+          this.source,
+          this.user_id,
+          false,
+          (error, res, body) => {
+            if (error) {
+              return done(error)
+            }
+            this.statusCode = res.statusCode
+            this.body = body
+            done()
+          }
+        )
+      })
+
+      it('should not bump the version in doc updater', function (done) {
+        DocUpdaterClient.getDoc(
+          this.project_id,
+          this.doc_id,
+          (error, res, doc) => {
+            if (error) {
+              return done(error)
+            }
+            doc.version.should.equal(this.version + 2)
+            done()
+          }
+        )
+      })
+
+      it('should not emit any updates', function (done) {
+        setTimeout(() => {
+          expect(numberOfReceivedUpdates).to.equal(0)
+          done()
+        }, 100) // delay by 100ms: make sure we do not check too early!
+      })
+    })
+  })
+
+  describe('when the updated doc does not exist in the doc updater', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.doc_id = DocUpdaterClient.randomId()
+      numberOfReceivedUpdates = 0
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        version: this.version,
+      })
+      DocUpdaterClient.setDocLines(
+        this.project_id,
+        this.doc_id,
+        this.newLines,
+        this.source,
+        this.user_id,
+        false,
+        (error, res, body) => {
+          if (error) {
+            return done(error)
+          }
+          this.statusCode = res.statusCode
+          this.body = body
+          setTimeout(done, 200)
+        }
+      )
+    })
+
+    after(function () {
+      MockProjectHistoryApi.flushProject.resetHistory()
+      MockWebApi.setDocument.resetHistory()
+    })
+
+    it('should return a 200 status code', function () {
+      this.statusCode.should.equal(200)
+    })
+
+    it('should emit an update', function () {
+      expect(numberOfReceivedUpdates).to.equal(1)
+    })
+
+    it('should send the updated doc lines to the web api', function () {
+      MockWebApi.setDocument
+        .calledWith(this.project_id, this.doc_id, this.newLines)
+        .should.equal(true)
+    })
+
+    it('should flush project history', function () {
+      MockProjectHistoryApi.flushProject
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+
+    it('should remove the document from redis', function (done) {
+      docUpdaterRedis.get(
+        Keys.docLines({ doc_id: this.doc_id }),
+        (error, lines) => {
+          if (error) {
+            throw error
+          }
+          expect(lines).to.not.exist
+          done()
+        }
+      )
+    })
+
+    it('should return the mongo rev in the json response', function () {
+      this.body.should.deep.equal({ rev: '123' })
+    })
+  })
+
+  const DOC_TOO_LARGE_TEST_CASES = [
+    {
+      desc: 'when the updated doc is too large for the body parser',
+      size: Settings.maxJsonRequestSize,
+      expectedStatusCode: 413,
+    },
+    {
+      desc: 'when the updated doc is larger than the HTTP controller limit',
+      size: Settings.max_doc_length,
+      expectedStatusCode: 406,
+    },
+  ]
+
+  DOC_TOO_LARGE_TEST_CASES.forEach(testCase => {
+    describe(testCase.desc, function () {
+      before(function (done) {
+        this.project_id = DocUpdaterClient.randomId()
+        this.doc_id = DocUpdaterClient.randomId()
+        MockWebApi.insertDoc(this.project_id, this.doc_id, {
+          lines: this.lines,
+          version: this.version,
+        })
+        this.newLines = []
+        while (JSON.stringify(this.newLines).length <= testCase.size) {
+          this.newLines.push('(a long line of text)'.repeat(10000))
+        }
+        DocUpdaterClient.setDocLines(
+          this.project_id,
+          this.doc_id,
+          this.newLines,
+          this.source,
+          this.user_id,
+          false,
+          (error, res, body) => {
+            if (error) {
+              return done(error)
+            }
+            this.statusCode = res.statusCode
+            setTimeout(done, 200)
+          }
+        )
+      })
+
+      after(function () {
+        MockProjectHistoryApi.flushProject.resetHistory()
+        MockWebApi.setDocument.resetHistory()
+      })
+
+      it(`should return a ${testCase.expectedStatusCode} status code`, function () {
+        this.statusCode.should.equal(testCase.expectedStatusCode)
+      })
+
+      it('should not send the updated doc lines to the web api', function () {
+        MockWebApi.setDocument.called.should.equal(false)
+      })
+
+      it('should not flush project history', function () {
+        MockProjectHistoryApi.flushProject.called.should.equal(false)
+      })
+    })
+  })
+
+  describe('when the updated doc is large but under the bodyParser and HTTPController size limit', function () {
+    before(function (done) {
+      this.project_id = DocUpdaterClient.randomId()
+      this.doc_id = DocUpdaterClient.randomId()
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        version: this.version,
+      })
+
+      this.newLines = []
+      while (JSON.stringify(this.newLines).length < 2 * 1024 * 1024) {
+        // limit in HTTPController
+        this.newLines.push('(a long line of text)'.repeat(10000))
+      }
+      this.newLines.pop() // remove the line which took it over the limit
+      DocUpdaterClient.setDocLines(
+        this.project_id,
+        this.doc_id,
+        this.newLines,
+        this.source,
+        this.user_id,
+        false,
+        (error, res, body) => {
+          if (error) {
+            return done(error)
+          }
+          this.statusCode = res.statusCode
+          this.body = body
+          setTimeout(done, 200)
+        }
+      )
+    })
+
+    after(function () {
+      MockProjectHistoryApi.flushProject.resetHistory()
+      MockWebApi.setDocument.resetHistory()
+    })
+
+    it('should return a 200 status code', function () {
+      this.statusCode.should.equal(200)
+    })
+
+    it('should send the updated doc lines to the web api', function () {
+      MockWebApi.setDocument
+        .calledWith(this.project_id, this.doc_id, this.newLines)
+        .should.equal(true)
+    })
+
+    it('should return the mongo rev in the json response', function () {
+      this.body.should.deep.equal({ rev: '123' })
+    })
+  })
+
+  describe('with track changes', function () {
+    before(function () {
+      this.lines = ['one', 'one and a half', 'two', 'three']
+      this.id_seed = '587357bd35e64f6157'
+      this.update = {
+        doc: this.doc_id,
+        op: [
+          {
+            d: 'one and a half\n',
+            p: 4,
+          },
+        ],
+        meta: {
+          tc: this.id_seed,
+          user_id: this.user_id,
+        },
+        v: this.version,
+      }
+    })
+
+    describe('with the undo flag', function () {
+      before(function (done) {
+        this.project_id = DocUpdaterClient.randomId()
+        this.doc_id = DocUpdaterClient.randomId()
+        MockWebApi.insertDoc(this.project_id, this.doc_id, {
+          lines: this.lines,
+          version: this.version,
+        })
+        DocUpdaterClient.preloadDoc(this.project_id, this.doc_id, error => {
+          if (error) {
+            throw error
+          }
+          DocUpdaterClient.sendUpdate(
+            this.project_id,
+            this.doc_id,
+            this.update,
+            error => {
+              if (error) {
+                throw error
+              }
+              // Go back to old lines, with undo flag
+              DocUpdaterClient.setDocLines(
+                this.project_id,
+                this.doc_id,
+                this.lines,
+                this.source,
+                this.user_id,
+                true,
+                (error, res, body) => {
+                  if (error) {
+                    return done(error)
+                  }
+                  this.statusCode = res.statusCode
+                  setTimeout(done, 200)
+                }
+              )
+            }
+          )
+        })
+      })
+
+      after(function () {
+        MockProjectHistoryApi.flushProject.resetHistory()
+        MockWebApi.setDocument.resetHistory()
+      })
+
+      it('should undo the tracked changes', function (done) {
+        DocUpdaterClient.getDoc(
+          this.project_id,
+          this.doc_id,
+          (error, res, data) => {
+            if (error) {
+              throw error
+            }
+            const { ranges } = data
+            expect(ranges.changes).to.be.undefined
+            done()
+          }
+        )
+      })
+    })
+
+    describe('without the undo flag', function () {
+      before(function (done) {
+        this.project_id = DocUpdaterClient.randomId()
+        this.doc_id = DocUpdaterClient.randomId()
+        MockWebApi.insertDoc(this.project_id, this.doc_id, {
+          lines: this.lines,
+          version: this.version,
+        })
+        DocUpdaterClient.preloadDoc(this.project_id, this.doc_id, error => {
+          if (error) {
+            throw error
+          }
+          DocUpdaterClient.sendUpdate(
+            this.project_id,
+            this.doc_id,
+            this.update,
+            error => {
+              if (error) {
+                throw error
+              }
+              // Go back to old lines, without undo flag
+              DocUpdaterClient.setDocLines(
+                this.project_id,
+                this.doc_id,
+                this.lines,
+                this.source,
+                this.user_id,
+                false,
+                (error, res, body) => {
+                  if (error) {
+                    return done(error)
+                  }
+                  this.statusCode = res.statusCode
+                  setTimeout(done, 200)
+                }
+              )
+            }
+          )
+        })
+      })
+
+      after(function () {
+        MockProjectHistoryApi.flushProject.resetHistory()
+        MockWebApi.setDocument.resetHistory()
+      })
+
+      it('should not undo the tracked changes', function (done) {
+        DocUpdaterClient.getDoc(
+          this.project_id,
+          this.doc_id,
+          (error, res, data) => {
+            if (error) {
+              throw error
+            }
+            const { ranges } = data
+            expect(ranges.changes.length).to.equal(1)
+            done()
+          }
+        )
+      })
+    })
+  })
+})
diff --git a/services/document-updater/test/acceptance/js/SizeCheckTests.js b/services/document-updater/test/acceptance/js/SizeCheckTests.js
new file mode 100644
index 0000000..dd48461
--- /dev/null
+++ b/services/document-updater/test/acceptance/js/SizeCheckTests.js
@@ -0,0 +1,194 @@
+const { expect } = require('chai')
+const Settings = require('@overleaf/settings')
+
+const MockWebApi = require('./helpers/MockWebApi')
+const DocUpdaterClient = require('./helpers/DocUpdaterClient')
+const DocUpdaterApp = require('./helpers/DocUpdaterApp')
+
+describe('SizeChecks', function () {
+  before(function (done) {
+    DocUpdaterApp.ensureRunning(done)
+  })
+  beforeEach(function () {
+    this.version = 0
+    this.update = {
+      doc: this.doc_id,
+      op: [
+        {
+          i: 'insert some more lines that will bring it above the limit\n',
+          p: 42,
+        },
+      ],
+      v: this.version,
+    }
+    this.project_id = DocUpdaterClient.randomId()
+    this.doc_id = DocUpdaterClient.randomId()
+  })
+
+  describe('when a doc is above the doc size limit already', function () {
+    beforeEach(function () {
+      this.lines = ['x'.repeat(Settings.max_doc_length)] // including the extra newline, this will be over the limit
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        v: this.version,
+      })
+    })
+
+    it('should error when fetching the doc', function (done) {
+      DocUpdaterClient.getDoc(this.project_id, this.doc_id, (error, res) => {
+        if (error) return done(error)
+        expect(res.statusCode).to.equal(500)
+        done()
+      })
+    })
+
+    describe('when trying to update', function () {
+      beforeEach(function (done) {
+        const update = {
+          doc: this.doc_id,
+          op: this.update.op,
+          v: this.version,
+        }
+        DocUpdaterClient.sendUpdate(
+          this.project_id,
+          this.doc_id,
+          update,
+          error => {
+            if (error != null) {
+              throw error
+            }
+            setTimeout(done, 200)
+          }
+        )
+      })
+
+      it('should still error when fetching the doc', function (done) {
+        DocUpdaterClient.getDoc(this.project_id, this.doc_id, (error, res) => {
+          if (error) return done(error)
+          expect(res.statusCode).to.equal(500)
+          done()
+        })
+      })
+    })
+  })
+
+  describe('when the stringified JSON is above the doc size limit but the doc character count is not', function () {
+    beforeEach(function () {
+      let charsRemaining = Settings.max_doc_length
+      this.lines = []
+      // Take the maximum allowed doc length and split it into N lines of 63 characters + a newline.
+      // The character count will be exactly max_doc_length
+      // The JSON stringified size will exceed max_doc_length, due to the JSON formatting of the array.
+      // This document should be allowed, because we use the character count as the limit, not the JSON size.
+      while (charsRemaining > 0) {
+        const charstoAdd = Math.min(charsRemaining - 1, 63) // allow for additional newline
+        this.lines.push('x'.repeat(charstoAdd))
+        charsRemaining -= charstoAdd + 1
+      }
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        v: this.version,
+      })
+    })
+
+    it('should be able to fetch the doc', function (done) {
+      DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, doc) => {
+          if (error) return done(error)
+          expect(doc.lines).to.deep.equal(this.lines)
+          done()
+        }
+      )
+    })
+
+    describe('when trying to update', function () {
+      beforeEach(function (done) {
+        const update = {
+          doc: this.doc_id,
+          op: this.update.op,
+          v: this.version,
+        }
+        DocUpdaterClient.sendUpdate(
+          this.project_id,
+          this.doc_id,
+          update,
+          error => {
+            if (error != null) {
+              throw error
+            }
+            setTimeout(done, 200)
+          }
+        )
+      })
+
+      it('should not update the doc', function (done) {
+        DocUpdaterClient.getDoc(
+          this.project_id,
+          this.doc_id,
+          (error, res, doc) => {
+            if (error) return done(error)
+            expect(doc.lines).to.deep.equal(this.lines)
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('when a doc is just below the doc size limit', function () {
+    beforeEach(function () {
+      this.lines = ['x'.repeat(Settings.max_doc_length - 1)] // character count is exactly max_doc_length after including the newline
+      MockWebApi.insertDoc(this.project_id, this.doc_id, {
+        lines: this.lines,
+        v: this.version,
+      })
+    })
+
+    it('should be able to fetch the doc', function (done) {
+      DocUpdaterClient.getDoc(
+        this.project_id,
+        this.doc_id,
+        (error, res, doc) => {
+          if (error) return done(error)
+          expect(doc.lines).to.deep.equal(this.lines)
+          done()
+        }
+      )
+    })
+
+    describe('when trying to update', function () {
+      beforeEach(function (done) {
+        const update = {
+          doc: this.doc_id,
+          op: this.update.op,
+          v: this.version,
+        }
+        DocUpdaterClient.sendUpdate(
+          this.project_id,
+          this.doc_id,
+          update,
+          error => {
+            if (error != null) {
+              throw error
+            }
+            setTimeout(done, 200)
+          }
+        )
+      })
+
+      it('should not update the doc', function (done) {
+        DocUpdaterClient.getDoc(
+          this.project_id,
+          this.doc_id,
+          (error, res, doc) => {
+            if (error) return done(error)
+            expect(doc.lines).to.deep.equal(this.lines)
+            done()
+          }
+        )
+      })
+    })
+  })
+})
diff --git a/services/document-updater/test/acceptance/js/helpers/DocUpdaterApp.js b/services/document-updater/test/acceptance/js/helpers/DocUpdaterApp.js
new file mode 100644
index 0000000..d34996c
--- /dev/null
+++ b/services/document-updater/test/acceptance/js/helpers/DocUpdaterApp.js
@@ -0,0 +1,42 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const app = require('../../../../app')
+
+module.exports = {
+  running: false,
+  initing: false,
+  callbacks: [],
+  ensureRunning(callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    if (this.running) {
+      return callback()
+    } else if (this.initing) {
+      return this.callbacks.push(callback)
+    }
+    this.initing = true
+    this.callbacks.push(callback)
+    app.listen(3003, '127.0.0.1', error => {
+      if (error != null) {
+        throw error
+      }
+      this.running = true
+      return (() => {
+        const result = []
+        for (callback of Array.from(this.callbacks)) {
+          result.push(callback())
+        }
+        return result
+      })()
+    })
+  },
+}
diff --git a/services/document-updater/test/acceptance/js/helpers/DocUpdaterClient.js b/services/document-updater/test/acceptance/js/helpers/DocUpdaterClient.js
new file mode 100644
index 0000000..0a4ec89
--- /dev/null
+++ b/services/document-updater/test/acceptance/js/helpers/DocUpdaterClient.js
@@ -0,0 +1,246 @@
+let DocUpdaterClient
+const Settings = require('@overleaf/settings')
+const _ = require('lodash')
+const rclient = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.documentupdater
+)
+const keys = Settings.redis.documentupdater.key_schema
+const request = require('request').defaults({ jar: false })
+const async = require('async')
+
+const rclientSub = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.pubsub
+)
+rclientSub.subscribe('applied-ops')
+rclientSub.setMaxListeners(0)
+
+module.exports = DocUpdaterClient = {
+  randomId() {
+    let str = ''
+    for (let i = 0; i < 24; i++) {
+      str += Math.floor(Math.random() * 16).toString(16)
+    }
+    return str
+  },
+
+  subscribeToAppliedOps(callback) {
+    rclientSub.on('message', callback)
+  },
+
+  _getPendingUpdateListKey() {
+    const shard = _.random(0, Settings.dispatcherCount - 1)
+    if (shard === 0) {
+      return 'pending-updates-list'
+    } else {
+      return `pending-updates-list-${shard}`
+    }
+  },
+
+  sendUpdate(projectId, docId, update, callback) {
+    rclient.rpush(
+      keys.pendingUpdates({ doc_id: docId }),
+      JSON.stringify(update),
+      error => {
+        if (error) {
+          return callback(error)
+        }
+        const docKey = `${projectId}:${docId}`
+        rclient.sadd('DocsWithPendingUpdates', docKey, error => {
+          if (error) {
+            return callback(error)
+          }
+
+          rclient.rpush(
+            DocUpdaterClient._getPendingUpdateListKey(),
+            docKey,
+            callback
+          )
+        })
+      }
+    )
+  },
+
+  sendUpdates(projectId, docId, updates, callback) {
+    DocUpdaterClient.preloadDoc(projectId, docId, error => {
+      if (error) {
+        return callback(error)
+      }
+      const jobs = updates.map(update => callback => {
+        DocUpdaterClient.sendUpdate(projectId, docId, update, callback)
+      })
+      async.series(jobs, err => {
+        if (err) {
+          return callback(err)
+        }
+        DocUpdaterClient.waitForPendingUpdates(projectId, docId, callback)
+      })
+    })
+  },
+
+  waitForPendingUpdates(projectId, docId, callback) {
+    async.retry(
+      { times: 30, interval: 100 },
+      cb =>
+        rclient.llen(keys.pendingUpdates({ doc_id: docId }), (err, length) => {
+          if (err) {
+            return cb(err)
+          }
+          if (length > 0) {
+            cb(new Error('updates still pending'))
+          } else {
+            cb()
+          }
+        }),
+      callback
+    )
+  },
+
+  getDoc(projectId, docId, callback) {
+    request.get(
+      `http://127.0.0.1:3003/project/${projectId}/doc/${docId}`,
+      (error, res, body) => {
+        if (body != null && res.statusCode >= 200 && res.statusCode < 300) {
+          body = JSON.parse(body)
+        }
+        callback(error, res, body)
+      }
+    )
+  },
+
+  getDocAndRecentOps(projectId, docId, fromVersion, callback) {
+    request.get(
+      `http://127.0.0.1:3003/project/${projectId}/doc/${docId}?fromVersion=${fromVersion}`,
+      (error, res, body) => {
+        if (body != null && res.statusCode >= 200 && res.statusCode < 300) {
+          body = JSON.parse(body)
+        }
+        callback(error, res, body)
+      }
+    )
+  },
+
+  getProjectLastUpdatedAt(projectId, callback) {
+    request.get(
+      `http://127.0.0.1:3003/project/${projectId}/last_updated_at`,
+      (error, res, body) => {
+        if (body != null && res.statusCode >= 200 && res.statusCode < 300) {
+          body = JSON.parse(body)
+        }
+        callback(error, res, body)
+      }
+    )
+  },
+
+  preloadDoc(projectId, docId, callback) {
+    DocUpdaterClient.getDoc(projectId, docId, callback)
+  },
+
+  peekDoc(projectId, docId, callback) {
+    request.get(
+      `http://127.0.0.1:3003/project/${projectId}/doc/${docId}/peek`,
+      (error, res, body) => {
+        if (body != null && res.statusCode >= 200 && res.statusCode < 300) {
+          body = JSON.parse(body)
+        }
+        callback(error, res, body)
+      }
+    )
+  },
+
+  flushDoc(projectId, docId, callback) {
+    request.post(
+      `http://127.0.0.1:3003/project/${projectId}/doc/${docId}/flush`,
+      (error, res, body) => callback(error, res, body)
+    )
+  },
+
+  setDocLines(projectId, docId, lines, source, userId, undoing, callback) {
+    request.post(
+      {
+        url: `http://127.0.0.1:3003/project/${projectId}/doc/${docId}`,
+        json: {
+          lines,
+          source,
+          user_id: userId,
+          undoing,
+        },
+      },
+      (error, res, body) => callback(error, res, body)
+    )
+  },
+
+  deleteDoc(projectId, docId, callback) {
+    request.del(
+      `http://127.0.0.1:3003/project/${projectId}/doc/${docId}`,
+      (error, res, body) => callback(error, res, body)
+    )
+  },
+
+  flushProject(projectId, callback) {
+    request.post(`http://127.0.0.1:3003/project/${projectId}/flush`, callback)
+  },
+
+  deleteProject(projectId, callback) {
+    request.del(`http://127.0.0.1:3003/project/${projectId}`, callback)
+  },
+
+  deleteProjectOnShutdown(projectId, callback) {
+    request.del(
+      `http://127.0.0.1:3003/project/${projectId}?background=true&shutdown=true`,
+      callback
+    )
+  },
+
+  flushOldProjects(callback) {
+    request.get(
+      'http://127.0.0.1:3003/flush_queued_projects?min_delete_age=1',
+      callback
+    )
+  },
+
+  acceptChange(projectId, docId, changeId, callback) {
+    request.post(
+      `http://127.0.0.1:3003/project/${projectId}/doc/${docId}/change/${changeId}/accept`,
+      callback
+    )
+  },
+
+  acceptChanges(projectId, docId, changeIds, callback) {
+    request.post(
+      {
+        url: `http://127.0.0.1:3003/project/${projectId}/doc/${docId}/change/accept`,
+        json: { change_ids: changeIds },
+      },
+      callback
+    )
+  },
+
+  removeComment(projectId, docId, comment, callback) {
+    request.del(
+      `http://127.0.0.1:3003/project/${projectId}/doc/${docId}/comment/${comment}`,
+      callback
+    )
+  },
+
+  getProjectDocs(projectId, projectStateHash, callback) {
+    request.get(
+      `http://127.0.0.1:3003/project/${projectId}/doc?state=${projectStateHash}`,
+      (error, res, body) => {
+        if (body != null && res.statusCode >= 200 && res.statusCode < 300) {
+          body = JSON.parse(body)
+        }
+        callback(error, res, body)
+      }
+    )
+  },
+
+  sendProjectUpdate(projectId, userId, updates, version, callback) {
+    request.post(
+      {
+        url: `http://127.0.0.1:3003/project/${projectId}`,
+        json: { userId, updates, version },
+      },
+      (error, res, body) => callback(error, res, body)
+    )
+  },
+}
diff --git a/services/document-updater/test/acceptance/js/helpers/MockDocstoreApi.js b/services/document-updater/test/acceptance/js/helpers/MockDocstoreApi.js
new file mode 100644
index 0000000..a2cd915
--- /dev/null
+++ b/services/document-updater/test/acceptance/js/helpers/MockDocstoreApi.js
@@ -0,0 +1,111 @@
+const express = require('express')
+const bodyParser = require('body-parser')
+const app = express()
+const MAX_REQUEST_SIZE = 2 * (2 * 1024 * 1024 + 64 * 1024)
+
+const MockDocstoreApi = {
+  docs: {},
+
+  clearDocs() {
+    this.docs = {}
+  },
+
+  getDoc(projectId, docId) {
+    return this.docs[`${projectId}:${docId}`]
+  },
+
+  insertDoc(projectId, docId, doc) {
+    if (doc.version == null) {
+      doc.version = 0
+    }
+    if (doc.lines == null) {
+      doc.lines = []
+    }
+    this.docs[`${projectId}:${docId}`] = doc
+  },
+
+  patchDocument(projectId, docId, meta, callback) {
+    Object.assign(this.docs[`${projectId}:${docId}`], meta)
+    callback(null)
+  },
+
+  peekDocument(projectId, docId, callback) {
+    callback(null, this.docs[`${projectId}:${docId}`])
+  },
+
+  getAllDeletedDocs(projectId, callback) {
+    callback(
+      null,
+      Object.entries(this.docs)
+        .filter(([key, doc]) => key.startsWith(projectId) && doc.deleted)
+        .map(([key, doc]) => {
+          return {
+            _id: key.split(':')[1],
+            name: doc.name,
+            deletedAt: doc.deletedAt,
+          }
+        })
+    )
+  },
+
+  run() {
+    app.get('/project/:project_id/doc-deleted', (req, res, next) => {
+      this.getAllDeletedDocs(req.params.project_id, (error, docs) => {
+        if (error) {
+          res.sendStatus(500)
+        } else {
+          res.json(docs)
+        }
+      })
+    })
+
+    app.get('/project/:project_id/doc/:doc_id/peek', (req, res, next) => {
+      this.peekDocument(
+        req.params.project_id,
+        req.params.doc_id,
+        (error, doc) => {
+          if (error) {
+            res.sendStatus(500)
+          } else if (doc) {
+            res.json(doc)
+          } else {
+            res.sendStatus(404)
+          }
+        }
+      )
+    })
+
+    app.patch(
+      '/project/:project_id/doc/:doc_id',
+      bodyParser.json({ limit: MAX_REQUEST_SIZE }),
+      (req, res, next) => {
+        MockDocstoreApi.patchDocument(
+          req.params.project_id,
+          req.params.doc_id,
+          req.body,
+          error => {
+            if (error) {
+              res.sendStatus(500)
+            } else {
+              res.sendStatus(204)
+            }
+          }
+        )
+      }
+    )
+
+    app
+      .listen(3016, error => {
+        if (error) {
+          throw error
+        }
+      })
+      .on('error', error => {
+        console.error('error starting MockDocstoreApi:', error.message)
+        process.exit(1)
+      })
+  },
+}
+
+MockDocstoreApi.run()
+module.exports = MockDocstoreApi
diff --git a/services/document-updater/test/acceptance/js/helpers/MockProjectHistoryApi.js b/services/document-updater/test/acceptance/js/helpers/MockProjectHistoryApi.js
new file mode 100644
index 0000000..f588d5c
--- /dev/null
+++ b/services/document-updater/test/acceptance/js/helpers/MockProjectHistoryApi.js
@@ -0,0 +1,40 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let MockProjectHistoryApi
+const express = require('express')
+const app = express()
+
+module.exports = MockProjectHistoryApi = {
+  flushProject(docId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return callback()
+  },
+
+  run() {
+    app.post('/project/:project_id/flush', (req, res, next) => {
+      return this.flushProject(req.params.project_id, error => {
+        if (error != null) {
+          return res.sendStatus(500)
+        } else {
+          return res.sendStatus(204)
+        }
+      })
+    })
+
+    return app.listen(3054, error => {
+      if (error != null) {
+        throw error
+      }
+    })
+  },
+}
+
+MockProjectHistoryApi.run()
diff --git a/services/document-updater/test/acceptance/js/helpers/MockWebApi.js b/services/document-updater/test/acceptance/js/helpers/MockWebApi.js
new file mode 100644
index 0000000..5bc3910
--- /dev/null
+++ b/services/document-updater/test/acceptance/js/helpers/MockWebApi.js
@@ -0,0 +1,121 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let MockWebApi
+const express = require('express')
+const bodyParser = require('body-parser')
+const app = express()
+const MAX_REQUEST_SIZE = 2 * (2 * 1024 * 1024 + 64 * 1024)
+
+module.exports = MockWebApi = {
+  docs: {},
+
+  clearDocs() {
+    return (this.docs = {})
+  },
+
+  insertDoc(projectId, docId, doc) {
+    if (doc.version == null) {
+      doc.version = 0
+    }
+    if (doc.lines == null) {
+      doc.lines = []
+    }
+    doc.pathname = '/a/b/c.tex'
+    return (this.docs[`${projectId}:${docId}`] = doc)
+  },
+
+  setDocument(
+    projectId,
+    docId,
+    lines,
+    version,
+    ranges,
+    lastUpdatedAt,
+    lastUpdatedBy,
+    callback
+  ) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    const doc =
+      this.docs[`${projectId}:${docId}`] ||
+      (this.docs[`${projectId}:${docId}`] = {})
+    doc.lines = lines
+    doc.version = version
+    doc.ranges = ranges
+    doc.pathname = '/a/b/c.tex'
+    doc.lastUpdatedAt = lastUpdatedAt
+    doc.lastUpdatedBy = lastUpdatedBy
+    return callback(null)
+  },
+
+  getDocument(projectId, docId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return callback(null, this.docs[`${projectId}:${docId}`])
+  },
+
+  run() {
+    app.get('/project/:project_id/doc/:doc_id', (req, res, next) => {
+      return this.getDocument(
+        req.params.project_id,
+        req.params.doc_id,
+        (error, doc) => {
+          if (error != null) {
+            return res.sendStatus(500)
+          } else if (doc != null) {
+            return res.send(JSON.stringify(doc))
+          } else {
+            return res.sendStatus(404)
+          }
+        }
+      )
+    })
+
+    app.post(
+      '/project/:project_id/doc/:doc_id',
+      bodyParser.json({ limit: MAX_REQUEST_SIZE }),
+      (req, res, next) => {
+        return MockWebApi.setDocument(
+          req.params.project_id,
+          req.params.doc_id,
+          req.body.lines,
+          req.body.version,
+          req.body.ranges,
+          req.body.lastUpdatedAt,
+          req.body.lastUpdatedBy,
+          error => {
+            if (error != null) {
+              return res.sendStatus(500)
+            } else {
+              return res.json({ rev: '123' })
+            }
+          }
+        )
+      }
+    )
+
+    return app
+      .listen(3000, error => {
+        if (error != null) {
+          throw error
+        }
+      })
+      .on('error', error => {
+        console.error('error starting MockWebApi:', error.message)
+        return process.exit(1)
+      })
+  },
+}
+
+MockWebApi.run()
diff --git a/services/document-updater/test/cluster_failover/js/test_blpop_failover.js b/services/document-updater/test/cluster_failover/js/test_blpop_failover.js
new file mode 100644
index 0000000..17d9a26
--- /dev/null
+++ b/services/document-updater/test/cluster_failover/js/test_blpop_failover.js
@@ -0,0 +1,65 @@
+let listenInBackground, sendPings
+const redis = require('@overleaf/redis-wrapper')
+const rclient1 = redis.createClient({
+  cluster: [
+    {
+      port: '7000',
+      host: '127.0.0.1',
+    },
+  ],
+})
+
+const rclient2 = redis.createClient({
+  cluster: [
+    {
+      port: '7000',
+      host: '127.0.0.1',
+    },
+  ],
+})
+
+let counter = 0
+const sendPing = function (cb) {
+  if (cb == null) {
+    cb = function () {}
+  }
+  return rclient1.rpush('test-blpop', counter, error => {
+    if (error != null) {
+      console.error('[SENDING ERROR]', error.message)
+    }
+    if (error == null) {
+      counter += 1
+    }
+    return cb()
+  })
+}
+
+let previous = null
+const listenForPing = cb =>
+  rclient2.blpop('test-blpop', 200, (error, result) => {
+    if (error != null) {
+      return cb(error)
+    }
+    let [, value] = Array.from(result)
+    value = parseInt(value, 10)
+    if (value % 10 === 0) {
+      console.log('.')
+    }
+    if (previous != null && value !== previous + 1) {
+      error = new Error(
+        `Counter not in order. Got ${value}, expected ${previous + 1}`
+      )
+    }
+    previous = value
+    return cb(error, value)
+  })
+
+const PING_DELAY = 100
+;(sendPings = () => sendPing(() => setTimeout(sendPings, PING_DELAY)))()
+;(listenInBackground = () =>
+  listenForPing(error => {
+    if (error) {
+      console.error('[RECEIVING ERROR]', error.message)
+    }
+    return setTimeout(listenInBackground)
+  }))()
diff --git a/services/document-updater/test/cluster_failover/js/test_pubsub_failover.js b/services/document-updater/test/cluster_failover/js/test_pubsub_failover.js
new file mode 100644
index 0000000..ebc04a3
--- /dev/null
+++ b/services/document-updater/test/cluster_failover/js/test_pubsub_failover.js
@@ -0,0 +1,54 @@
+let sendPings
+const redis = require('@overleaf/redis-wrapper')
+const rclient1 = redis.createClient({
+  cluster: [
+    {
+      port: '7000',
+      host: '127.0.0.1',
+    },
+  ],
+})
+
+const rclient2 = redis.createClient({
+  cluster: [
+    {
+      port: '7000',
+      host: '127.0.0.1',
+    },
+  ],
+})
+
+let counter = 0
+const sendPing = function (cb) {
+  if (cb == null) {
+    cb = function () {}
+  }
+  return rclient1.publish('test-pubsub', counter, error => {
+    if (error) {
+      console.error('[SENDING ERROR]', error.message)
+    }
+    if (error == null) {
+      counter += 1
+    }
+    return cb()
+  })
+}
+
+let previous = null
+rclient2.subscribe('test-pubsub')
+rclient2.on('message', (channel, value) => {
+  value = parseInt(value, 10)
+  if (value % 10 === 0) {
+    console.log('.')
+  }
+  if (previous != null && value !== previous + 1) {
+    console.error(
+      '[RECEIVING ERROR]',
+      `Counter not in order. Got ${value}, expected ${previous + 1}`
+    )
+  }
+  return (previous = value)
+})
+
+const PING_DELAY = 100
+;(sendPings = () => sendPing(() => setTimeout(sendPings, PING_DELAY)))()
diff --git a/services/document-updater/test/setup.js b/services/document-updater/test/setup.js
new file mode 100644
index 0000000..1099724
--- /dev/null
+++ b/services/document-updater/test/setup.js
@@ -0,0 +1,52 @@
+const chai = require('chai')
+const chaiAsPromised = require('chai-as-promised')
+const sinonChai = require('sinon-chai')
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+
+// ensure every ObjectId has the id string as a property for correct comparisons
+require('mongodb-legacy').ObjectId.cacheHexString = true
+
+// Chai configuration
+chai.should()
+chai.use(chaiAsPromised)
+// Load sinon-chai assertions so expect(stubFn).to.have.been.calledWith('abc')
+// has a nicer failure messages
+chai.use(sinonChai)
+
+// Global stubs
+const sandbox = sinon.createSandbox()
+const stubs = {
+  logger: {
+    debug: sandbox.stub(),
+    log: sandbox.stub(),
+    warn: sandbox.stub(),
+    err: sandbox.stub(),
+    error: sandbox.stub(),
+  },
+}
+
+// SandboxedModule configuration
+SandboxedModule.configure({
+  requires: {
+    '@overleaf/logger': stubs.logger,
+    'mongodb-legacy': require('mongodb-legacy'), // for ObjectId comparisons
+  },
+  globals: { Buffer, JSON, Math, console, process },
+  sourceTransformers: {
+    removeNodePrefix: function (source) {
+      return source.replace(/require\(['"]node:/g, "require('")
+    },
+  },
+})
+
+// Mocha hooks
+exports.mochaHooks = {
+  beforeEach() {
+    this.logger = stubs.logger
+  },
+
+  afterEach() {
+    sandbox.reset()
+  },
+}
diff --git a/services/document-updater/test/stress/js/run.js b/services/document-updater/test/stress/js/run.js
new file mode 100644
index 0000000..1bda73c
--- /dev/null
+++ b/services/document-updater/test/stress/js/run.js
@@ -0,0 +1,387 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS202: Simplify dynamic range loops
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const DocUpdaterClient = require('../../acceptance/js/helpers/DocUpdaterClient')
+// MockWebApi = require "../../acceptance/js/helpers/MockWebApi"
+const assert = require('node:assert')
+const async = require('async')
+
+const insert = function (string, pos, content) {
+  const result = string.slice(0, pos) + content + string.slice(pos)
+  return result
+}
+
+const transform = function (op1, op2) {
+  if (op2.p < op1.p) {
+    return {
+      p: op1.p + op2.i.length,
+      i: op1.i,
+    }
+  } else {
+    return op1
+  }
+}
+
+class StressTestClient {
+  constructor(options) {
+    if (options == null) {
+      options = {}
+    }
+    this.options = options
+    if (this.options.updateDelay == null) {
+      this.options.updateDelay = 200
+    }
+    this.project_id = this.options.project_id || DocUpdaterClient.randomId()
+    this.doc_id = this.options.doc_id || DocUpdaterClient.randomId()
+    this.pos = this.options.pos || 0
+    this.content = this.options.content || ''
+
+    this.client_id = DocUpdaterClient.randomId()
+    this.version = this.options.version || 0
+    this.inflight_op = null
+    this.charCode = 0
+
+    this.counts = {
+      conflicts: 0,
+      local_updates: 0,
+      remote_updates: 0,
+      max_delay: 0,
+    }
+
+    DocUpdaterClient.subscribeToAppliedOps((channel, update) => {
+      update = JSON.parse(update)
+      if (update.error != null) {
+        console.error(new Error(`Error from server: '${update.error}'`))
+        return
+      }
+      if (update.doc_id === this.doc_id) {
+        return this.processReply(update)
+      }
+    })
+  }
+
+  sendUpdate() {
+    const data = String.fromCharCode(65 + (this.charCode++ % 26))
+    this.content = insert(this.content, this.pos, data)
+    this.inflight_op = {
+      i: data,
+      p: this.pos++,
+    }
+    this.resendUpdate()
+    return (this.inflight_op_sent = Date.now())
+  }
+
+  resendUpdate() {
+    assert(this.inflight_op != null)
+    DocUpdaterClient.sendUpdate(this.project_id, this.doc_id, {
+      doc: this.doc_id,
+      op: [this.inflight_op],
+      v: this.version,
+      meta: {
+        source: this.client_id,
+      },
+      dupIfSource: [this.client_id],
+    })
+    return (this.update_timer = setTimeout(() => {
+      console.log(
+        `[${new Date()}] \t[${this.client_id.slice(
+          0,
+          4
+        )}] WARN: Resending update after 5 seconds`
+      )
+      return this.resendUpdate()
+    }, 5000))
+  }
+
+  processReply(update) {
+    if (update.op.v !== this.version) {
+      if (update.op.v < this.version) {
+        console.log(
+          `[${new Date()}] \t[${this.client_id.slice(
+            0,
+            4
+          )}] WARN: Duplicate ack (already seen version)`
+        )
+        return
+      } else {
+        console.error(
+          `[${new Date()}] \t[${this.client_id.slice(
+            0,
+            4
+          )}] ERROR: Version jumped ahead (client: ${this.version}, op: ${
+            update.op.v
+          })`
+        )
+      }
+    }
+    this.version++
+    if (update.op.meta.source === this.client_id) {
+      if (this.inflight_op != null) {
+        this.counts.local_updates++
+        this.inflight_op = null
+        clearTimeout(this.update_timer)
+        const delay = Date.now() - this.inflight_op_sent
+        this.counts.max_delay = Math.max(this.counts.max_delay, delay)
+        return this.continue()
+      } else {
+        return console.log(
+          `[${new Date()}] \t[${this.client_id.slice(
+            0,
+            4
+          )}] WARN: Duplicate ack`
+        )
+      }
+    } else {
+      assert(update.op.op.length === 1)
+      this.counts.remote_updates++
+      let externalOp = update.op.op[0]
+      if (this.inflight_op != null) {
+        this.counts.conflicts++
+        this.inflight_op = transform(this.inflight_op, externalOp)
+        externalOp = transform(externalOp, this.inflight_op)
+      }
+      if (externalOp.p < this.pos) {
+        this.pos += externalOp.i.length
+      }
+      return (this.content = insert(this.content, externalOp.p, externalOp.i))
+    }
+  }
+
+  continue() {
+    if (this.updateCount > 0) {
+      this.updateCount--
+      return setTimeout(
+        () => {
+          return this.sendUpdate()
+        },
+        this.options.updateDelay * (0.5 + Math.random())
+      )
+    } else {
+      return this.updateCallback()
+    }
+  }
+
+  runForNUpdates(n, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    this.updateCallback = callback
+    this.updateCount = n
+    return this.continue()
+  }
+
+  check(callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return DocUpdaterClient.getDoc(
+      this.project_id,
+      this.doc_id,
+      (error, res, body) => {
+        if (error != null) {
+          throw error
+        }
+        if (body.lines == null) {
+          return console.error(
+            `[${new Date()}] \t[${this.client_id.slice(
+              0,
+              4
+            )}] ERROR: Invalid response from get doc (${this.doc_id})`,
+            body
+          )
+        }
+        const content = body.lines.join('\n')
+        const { version } = body
+        if (content !== this.content) {
+          if (version === this.version) {
+            console.error(
+              `[${new Date()}] \t[${this.client_id.slice(
+                0,
+                4
+              )}] Error: Client content does not match server.`
+            )
+            console.error(`Server: ${content.split('a')}`)
+            console.error(`Client: ${this.content.split('a')}`)
+          } else {
+            console.error(
+              `[${new Date()}] \t[${this.client_id.slice(
+                0,
+                4
+              )}] Error: Version mismatch (Server: '${version}', Client: '${
+                this.version
+              }')`
+            )
+          }
+        }
+
+        if (!this.isContentValid(this.content)) {
+          const iterable = this.content.split('')
+          for (let i = 0; i < iterable.length; i++) {
+            const chunk = iterable[i]
+            if (chunk != null && chunk !== 'a') {
+              console.log(chunk, i)
+            }
+          }
+          throw new Error('bad content')
+        }
+        return callback()
+      }
+    )
+  }
+
+  isChunkValid(chunk) {
+    const char = 0
+    for (let i = 0; i < chunk.length; i++) {
+      const letter = chunk[i]
+      if (letter.charCodeAt(0) !== 65 + (i % 26)) {
+        console.error(
+          `[${new Date()}] \t[${this.client_id.slice(0, 4)}] Invalid Chunk:`,
+          chunk
+        )
+        return false
+      }
+    }
+    return true
+  }
+
+  isContentValid(content) {
+    for (const chunk of Array.from(content.split('a'))) {
+      if (chunk != null && chunk !== '') {
+        if (!this.isChunkValid(chunk)) {
+          console.error(
+            `[${new Date()}] \t[${this.client_id.slice(0, 4)}] Invalid content`,
+            content
+          )
+          return false
+        }
+      }
+    }
+    return true
+  }
+}
+
+const checkDocument = function (projectId, docId, clients, callback) {
+  if (callback == null) {
+    callback = function () {}
+  }
+  const jobs = clients.map(client => cb => client.check(cb))
+  return async.parallel(jobs, callback)
+}
+
+const printSummary = function (docId, clients) {
+  const slot = require('cluster-key-slot')
+  const now = new Date()
+  console.log(
+    `[${now}] [${docId.slice(0, 4)} (slot: ${slot(docId)})] ${
+      clients.length
+    } clients...`
+  )
+  return (() => {
+    const result = []
+    for (const client of Array.from(clients)) {
+      console.log(
+        `[${now}] \t[${client.client_id.slice(0, 4)}] { local: ${
+          client.counts.local_updates
+        }, remote: ${client.counts.remote_updates}, conflicts: ${
+          client.counts.conflicts
+        }, max_delay: ${client.counts.max_delay} }`
+      )
+      result.push(
+        (client.counts = {
+          local_updates: 0,
+          remote_updates: 0,
+          conflicts: 0,
+          max_delay: 0,
+        })
+      )
+    }
+    return result
+  })()
+}
+
+const CLIENT_COUNT = parseInt(process.argv[2], 10)
+const UPDATE_DELAY = parseInt(process.argv[3], 10)
+const SAMPLE_INTERVAL = parseInt(process.argv[4], 10)
+
+for (const docAndProjectId of Array.from(process.argv.slice(5))) {
+  ;(function (docAndProjectId) {
+    const [projectId, docId] = Array.from(docAndProjectId.split(':'))
+    console.log({ projectId, docId })
+    return DocUpdaterClient.setDocLines(
+      projectId,
+      docId,
+      [new Array(CLIENT_COUNT + 2).join('a')],
+      null,
+      null,
+      error => {
+        if (error != null) {
+          throw error
+        }
+        return DocUpdaterClient.getDoc(projectId, docId, (error, res, body) => {
+          let runBatch
+          if (error != null) {
+            throw error
+          }
+          if (body.lines == null) {
+            return console.error(
+              `[${new Date()}] ERROR: Invalid response from get doc (${docId})`,
+              body
+            )
+          }
+          const content = body.lines.join('\n')
+          const { version } = body
+
+          const clients = []
+          for (
+            let pos = 1, end = CLIENT_COUNT, asc = end >= 1;
+            asc ? pos <= end : pos >= end;
+            asc ? pos++ : pos--
+          ) {
+            ;(function (pos) {
+              const client = new StressTestClient({
+                doc_id: docId,
+                project_id: projectId,
+                content,
+                pos,
+                version,
+                updateDelay: UPDATE_DELAY,
+              })
+              return clients.push(client)
+            })(pos)
+          }
+
+          return (runBatch = function () {
+            const jobs = clients.map(
+              client => cb =>
+                client.runForNUpdates(SAMPLE_INTERVAL / UPDATE_DELAY, cb)
+            )
+            return async.parallel(jobs, error => {
+              if (error != null) {
+                throw error
+              }
+              printSummary(docId, clients)
+              return checkDocument(projectId, docId, clients, error => {
+                if (error != null) {
+                  throw error
+                }
+                return runBatch()
+              })
+            })
+          })()
+        })
+      }
+    )
+  })(docAndProjectId)
+}
diff --git a/services/document-updater/test/unit/js/DiffCodec/DiffCodecTests.js b/services/document-updater/test/unit/js/DiffCodec/DiffCodecTests.js
new file mode 100644
index 0000000..5913c64
--- /dev/null
+++ b/services/document-updater/test/unit/js/DiffCodec/DiffCodecTests.js
@@ -0,0 +1,57 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../../app/js/DiffCodec.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('DiffCodec', function () {
+  beforeEach(function () {
+    this.callback = sinon.stub()
+    this.DiffCodec = SandboxedModule.require(modulePath)
+  })
+
+  describe('diffAsShareJsOps', function () {
+    it('should insert new text correctly', function () {
+      this.before = ['hello world']
+      this.after = ['hello beautiful world']
+      const ops = this.DiffCodec.diffAsShareJsOp(this.before, this.after)
+      expect(ops).to.deep.equal([
+        {
+          i: 'beautiful ',
+          p: 6,
+        },
+      ])
+    })
+
+    it('should shift later inserts by previous inserts', function () {
+      this.before = ['the boy played with the ball']
+      this.after = ['the tall boy played with the red ball']
+      const ops = this.DiffCodec.diffAsShareJsOp(this.before, this.after)
+      expect(ops).to.deep.equal([
+        { i: 'tall ', p: 4 },
+        { i: 'red ', p: 29 },
+      ])
+    })
+
+    it('should delete text correctly', function () {
+      this.before = ['hello beautiful world']
+      this.after = ['hello world']
+      const ops = this.DiffCodec.diffAsShareJsOp(this.before, this.after)
+      expect(ops).to.deep.equal([
+        {
+          d: 'beautiful ',
+          p: 6,
+        },
+      ])
+    })
+
+    it('should shift later deletes by the first deletes', function () {
+      this.before = ['the tall boy played with the red ball']
+      this.after = ['the boy played with the ball']
+      const ops = this.DiffCodec.diffAsShareJsOp(this.before, this.after)
+      expect(ops).to.deep.equal([
+        { d: 'tall ', p: 4 },
+        { d: 'red ', p: 24 },
+      ])
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/DispatchManager/DispatchManagerTests.js b/services/document-updater/test/unit/js/DispatchManager/DispatchManagerTests.js
new file mode 100644
index 0000000..55b2f05
--- /dev/null
+++ b/services/document-updater/test/unit/js/DispatchManager/DispatchManagerTests.js
@@ -0,0 +1,198 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const modulePath = '../../../../app/js/DispatchManager.js'
+const SandboxedModule = require('sandboxed-module')
+const Errors = require('../../../../app/js/Errors.js')
+
+describe('DispatchManager', function () {
+  beforeEach(function () {
+    let Timer
+    this.timeout(3000)
+    this.DispatchManager = SandboxedModule.require(modulePath, {
+      requires: {
+        './UpdateManager': (this.UpdateManager = {}),
+        '@overleaf/settings': (this.settings = {
+          redis: {
+            documentupdater: {},
+          },
+        }),
+        '@overleaf/redis-wrapper': (this.redis = {}),
+        './RateLimitManager': {},
+        './Errors': Errors,
+        './Metrics': (this.Metrics = {
+          Timer: (Timer = (function () {
+            Timer = class Timer {
+              static initClass() {
+                this.prototype.done = sinon.stub()
+              }
+            }
+            Timer.initClass()
+            return Timer
+          })()),
+        }),
+      },
+    })
+    this.callback = sinon.stub()
+    return (this.RateLimiter = {
+      run(task, cb) {
+        return task(cb)
+      },
+    })
+  }) // run task without rate limit
+
+  return describe('each worker', function () {
+    beforeEach(function () {
+      this.client = { auth: sinon.stub() }
+      this.redis.createClient = sinon.stub().returns(this.client)
+      return (this.worker = this.DispatchManager.createDispatcher(
+        this.RateLimiter,
+        0
+      ))
+    })
+
+    it('should create a new redis client', function () {
+      return this.redis.createClient.called.should.equal(true)
+    })
+
+    describe('_waitForUpdateThenDispatchWorker', function () {
+      beforeEach(function () {
+        this.project_id = 'project-id-123'
+        this.doc_id = 'doc-id-123'
+        this.doc_key = `${this.project_id}:${this.doc_id}`
+        return (this.client.blpop = sinon
+          .stub()
+          .callsArgWith(2, null, ['pending-updates-list', this.doc_key]))
+      })
+
+      describe('in the normal case', function () {
+        beforeEach(function () {
+          this.UpdateManager.processOutstandingUpdatesWithLock = sinon
+            .stub()
+            .callsArg(2)
+          return this.worker._waitForUpdateThenDispatchWorker(this.callback)
+        })
+
+        it('should call redis with BLPOP', function () {
+          return this.client.blpop
+            .calledWith('pending-updates-list', 0)
+            .should.equal(true)
+        })
+
+        it('should call processOutstandingUpdatesWithLock', function () {
+          return this.UpdateManager.processOutstandingUpdatesWithLock
+            .calledWith(this.project_id, this.doc_id)
+            .should.equal(true)
+        })
+
+        it('should not log any errors', function () {
+          this.logger.error.called.should.equal(false)
+          return this.logger.warn.called.should.equal(false)
+        })
+
+        return it('should call the callback', function () {
+          return this.callback.called.should.equal(true)
+        })
+      })
+
+      describe('with an error', function () {
+        beforeEach(function () {
+          this.UpdateManager.processOutstandingUpdatesWithLock = sinon
+            .stub()
+            .callsArgWith(2, new Error('a generic error'))
+          return this.worker._waitForUpdateThenDispatchWorker(this.callback)
+        })
+
+        it('should log an error', function () {
+          return this.logger.error.called.should.equal(true)
+        })
+
+        return it('should call the callback', function () {
+          return this.callback.called.should.equal(true)
+        })
+      })
+
+      describe("with a 'Delete component' error", function () {
+        beforeEach(function () {
+          this.UpdateManager.processOutstandingUpdatesWithLock = sinon
+            .stub()
+            .callsArgWith(2, new Errors.DeleteMismatchError())
+          return this.worker._waitForUpdateThenDispatchWorker(this.callback)
+        })
+
+        it('should log a debug message', function () {
+          return this.logger.debug.called.should.equal(true)
+        })
+
+        return it('should call the callback', function () {
+          return this.callback.called.should.equal(true)
+        })
+      })
+
+      describe('pending updates list with shard key', function () {
+        beforeEach(function (done) {
+          this.client = {
+            auth: sinon.stub(),
+            blpop: sinon.stub().callsArgWith(2),
+          }
+          this.redis.createClient = sinon.stub().returns(this.client)
+          this.queueShardNumber = 7
+          this.worker = this.DispatchManager.createDispatcher(
+            this.RateLimiter,
+            this.queueShardNumber
+          )
+          this.worker._waitForUpdateThenDispatchWorker(done)
+        })
+
+        it('should call redis with BLPOP with the correct key', function () {
+          this.client.blpop
+            .calledWith(`pending-updates-list-${this.queueShardNumber}`, 0)
+            .should.equal(true)
+        })
+      })
+    })
+
+    return describe('run', function () {
+      return it('should call _waitForUpdateThenDispatchWorker until shutting down', function (done) {
+        let callCount = 0
+        this.worker._waitForUpdateThenDispatchWorker = callback => {
+          if (callback == null) {
+            callback = function () {}
+          }
+          callCount++
+          if (callCount === 3) {
+            this.settings.shuttingDown = true
+          }
+          return setTimeout(() => callback(), 10)
+        }
+        sinon.spy(this.worker, '_waitForUpdateThenDispatchWorker')
+
+        this.worker.run()
+
+        const checkStatus = () => {
+          if (!this.settings.shuttingDown) {
+            // retry until shutdown
+            setTimeout(checkStatus, 100)
+          } else {
+            this.worker._waitForUpdateThenDispatchWorker.callCount.should.equal(
+              3
+            )
+            return done()
+          }
+        }
+
+        return checkStatus()
+      })
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/DocumentManager/DocumentManagerTests.js b/services/document-updater/test/unit/js/DocumentManager/DocumentManagerTests.js
new file mode 100644
index 0000000..e9d68ee
--- /dev/null
+++ b/services/document-updater/test/unit/js/DocumentManager/DocumentManagerTests.js
@@ -0,0 +1,1355 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../../app/js/DocumentManager.js'
+const SandboxedModule = require('sandboxed-module')
+const Errors = require('../../../../app/js/Errors')
+const tk = require('timekeeper')
+
+describe('DocumentManager', function () {
+  beforeEach(function () {
+    tk.freeze(new Date())
+    this.Metrics = {
+      Timer: class Timer {},
+      inc: sinon.stub(),
+    }
+    this.Metrics.Timer.prototype.done = sinon.stub()
+
+    this.RedisManager = {
+      promises: {
+        clearUnflushedTime: sinon.stub().resolves(),
+        getDoc: sinon.stub(),
+        getPreviousDocOps: sinon.stub(),
+        putDocInMemory: sinon.stub().resolves(),
+        removeDocFromMemory: sinon.stub().resolves(),
+        renameDoc: sinon.stub().resolves(),
+        updateCommentState: sinon.stub().resolves(),
+        updateDocument: sinon.stub().resolves(),
+      },
+    }
+    this.ProjectHistoryRedisManager = {
+      promises: {
+        queueOps: sinon.stub().resolves(),
+        queueResyncDocContent: sinon.stub().resolves(),
+      },
+    }
+    this.PersistenceManager = {
+      promises: {
+        getDoc: sinon.stub(),
+        setDoc: sinon.stub().resolves(),
+      },
+    }
+    this.HistoryManager = {
+      flushProjectChangesAsync: sinon.stub(),
+    }
+    this.DiffCodec = {
+      diffAsShareJsOp: sinon.stub(),
+    }
+    this.UpdateManager = {
+      promises: {
+        applyUpdate: sinon.stub().resolves(),
+      },
+    }
+    this.RangesManager = {
+      acceptChanges: sinon.stub(),
+      deleteComment: sinon.stub(),
+    }
+    this.Settings = {
+      max_doc_length: 2 * 1024 * 1024, // 2mb
+    }
+
+    this.DocumentManager = SandboxedModule.require(modulePath, {
+      requires: {
+        './RedisManager': this.RedisManager,
+        './ProjectHistoryRedisManager': this.ProjectHistoryRedisManager,
+        './PersistenceManager': this.PersistenceManager,
+        './HistoryManager': this.HistoryManager,
+        './Metrics': this.Metrics,
+        './DiffCodec': this.DiffCodec,
+        './UpdateManager': this.UpdateManager,
+        './RangesManager': this.RangesManager,
+        './Errors': Errors,
+        '@overleaf/settings': this.Settings,
+      },
+    })
+    this.project_id = 'project-id-123'
+    this.projectHistoryId = 'history-id-123'
+    this.doc_id = 'doc-id-123'
+    this.user_id = 1234
+    this.lines = ['one', 'two', 'three']
+    this.version = 42
+    this.ranges = { comments: 'mock', entries: 'mock' }
+    this.resolvedCommentIds = ['comment-1']
+    this.pathname = '/a/b/c.tex'
+    this.unflushedTime = Date.now()
+    this.lastUpdatedAt = Date.now()
+    this.lastUpdatedBy = 'last-author-id'
+    this.source = 'external-source'
+    this.historyRangesSupport = false
+  })
+
+  afterEach(function () {
+    tk.reset()
+  })
+
+  describe('flushAndDeleteDoc', function () {
+    describe('successfully', function () {
+      beforeEach(async function () {
+        this.DocumentManager.promises.flushDocIfLoaded = sinon.stub().resolves()
+        await this.DocumentManager.promises.flushAndDeleteDoc(
+          this.project_id,
+          this.doc_id,
+          {}
+        )
+      })
+
+      it('should flush the doc', function () {
+        this.DocumentManager.promises.flushDocIfLoaded
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+
+      it('should remove the doc from redis', function () {
+        this.RedisManager.promises.removeDocFromMemory
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+    })
+
+    describe('when a flush error occurs', function () {
+      beforeEach(async function () {
+        this.DocumentManager.promises.flushDocIfLoaded = sinon
+          .stub()
+          .rejects(new Error('boom!'))
+        await expect(
+          this.DocumentManager.promises.flushAndDeleteDoc(
+            this.project_id,
+            this.doc_id,
+            {}
+          )
+        ).to.be.rejected
+      })
+
+      it('should not remove the doc from redis', function () {
+        this.RedisManager.promises.removeDocFromMemory.called.should.equal(
+          false
+        )
+      })
+
+      describe('when ignoring flush errors', function () {
+        it('should remove the doc from redis', async function () {
+          await this.DocumentManager.promises.flushAndDeleteDoc(
+            this.project_id,
+            this.doc_id,
+            { ignoreFlushErrors: true }
+          )
+          this.RedisManager.promises.removeDocFromMemory.called.should.equal(
+            true
+          )
+        })
+      })
+    })
+  })
+
+  describe('flushDocIfLoaded', function () {
+    describe('when the doc is in Redis', function () {
+      beforeEach(async function () {
+        this.RedisManager.promises.getDoc.resolves({
+          lines: this.lines,
+          version: this.version,
+          ranges: this.ranges,
+          pathname: this.pathname,
+          projectHistoryId: this.projectHistoryId,
+          unflushedTime: this.unflushedTime,
+          lastUpdatedAt: this.lastUpdatedAt,
+          lastUpdatedBy: this.lastUpdatedBy,
+        })
+        await this.DocumentManager.promises.flushDocIfLoaded(
+          this.project_id,
+          this.doc_id
+        )
+      })
+
+      it('should get the doc from redis', function () {
+        this.RedisManager.promises.getDoc
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+
+      it('should write the doc lines to the persistence layer', function () {
+        this.PersistenceManager.promises.setDoc.should.have.been.calledWith(
+          this.project_id,
+          this.doc_id,
+          this.lines,
+          this.version,
+          this.ranges,
+          this.lastUpdatedAt,
+          this.lastUpdatedBy
+        )
+      })
+    })
+
+    describe('when the document is not in Redis', function () {
+      beforeEach(async function () {
+        this.RedisManager.promises.getDoc.resolves({
+          lines: null,
+          version: null,
+          ranges: null,
+        })
+        await this.DocumentManager.promises.flushDocIfLoaded(
+          this.project_id,
+          this.doc_id
+        )
+      })
+
+      it('should get the doc from redis', function () {
+        this.RedisManager.promises.getDoc
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+
+      it('should not write anything to the persistence layer', function () {
+        this.PersistenceManager.promises.setDoc.called.should.equal(false)
+      })
+    })
+  })
+
+  describe('getDocAndRecentOps', function () {
+    describe('with a previous version specified', function () {
+      beforeEach(async function () {
+        this.DocumentManager.promises.getDoc = sinon.stub().resolves({
+          lines: this.lines,
+          version: this.version,
+          ranges: this.ranges,
+          pathname: this.pathname,
+          projectHistoryId: this.projectHistoryId,
+        })
+        this.RedisManager.promises.getPreviousDocOps.resolves(this.ops)
+        this.result = await this.DocumentManager.promises.getDocAndRecentOps(
+          this.project_id,
+          this.doc_id,
+          this.fromVersion
+        )
+      })
+
+      it('should get the doc', function () {
+        this.DocumentManager.promises.getDoc
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+
+      it('should get the doc ops', function () {
+        this.RedisManager.promises.getPreviousDocOps
+          .calledWith(this.doc_id, this.fromVersion, this.version)
+          .should.equal(true)
+      })
+
+      it('should return the doc info', function () {
+        expect(this.result).to.deep.equal({
+          lines: this.lines,
+          version: this.version,
+          ops: this.ops,
+          ranges: this.ranges,
+          pathname: this.pathname,
+          projectHistoryId: this.projectHistoryId,
+        })
+      })
+    })
+
+    describe('with no previous version specified', function () {
+      beforeEach(async function () {
+        this.DocumentManager.promises.getDoc = sinon.stub().resolves({
+          lines: this.lines,
+          version: this.version,
+          ranges: this.ranges,
+          pathname: this.pathname,
+          projectHistoryId: this.projectHistoryId,
+        })
+        this.RedisManager.promises.getPreviousDocOps.resolves(this.ops)
+        this.result = await this.DocumentManager.promises.getDocAndRecentOps(
+          this.project_id,
+          this.doc_id,
+          -1
+        )
+      })
+
+      it('should get the doc', function () {
+        this.DocumentManager.promises.getDoc
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+
+      it('should not need to get the doc ops', function () {
+        this.RedisManager.promises.getPreviousDocOps.called.should.equal(false)
+      })
+
+      it('should return the doc info', function () {
+        expect(this.result).to.deep.equal({
+          lines: this.lines,
+          version: this.version,
+          ops: [],
+          ranges: this.ranges,
+          pathname: this.pathname,
+          projectHistoryId: this.projectHistoryId,
+        })
+      })
+    })
+  })
+
+  describe('getDoc', function () {
+    describe('when the doc exists in Redis', function () {
+      beforeEach(async function () {
+        this.RedisManager.promises.getDoc.resolves({
+          lines: this.lines,
+          version: this.version,
+          ranges: this.ranges,
+          resolvedCommentIds: this.resolvedCommentIds,
+          pathname: this.pathname,
+          projectHistoryId: this.projectHistoryId,
+          unflushedTime: this.unflushedTime,
+          lastUpdatedAt: this.lastUpdatedAt,
+          lastUpdatedBy: this.lastUpdatedBy,
+          historyRangesSupport: this.historyRangesSupport,
+        })
+        this.result = await this.DocumentManager.promises.getDoc(
+          this.project_id,
+          this.doc_id
+        )
+      })
+
+      it('should get the doc from Redis', function () {
+        this.RedisManager.promises.getDoc
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+
+      it('should return the doc info', function () {
+        expect(this.result).to.deep.equal({
+          lines: this.lines,
+          version: this.version,
+          ranges: this.ranges,
+          resolvedCommentIds: this.resolvedCommentIds,
+          pathname: this.pathname,
+          projectHistoryId: this.projectHistoryId,
+          unflushedTime: this.unflushedTime,
+          alreadyLoaded: true,
+          historyRangesSupport: this.historyRangesSupport,
+        })
+      })
+    })
+
+    describe('when the doc does not exist in Redis', function () {
+      beforeEach(async function () {
+        this.RedisManager.promises.getDoc.resolves({
+          lines: null,
+          version: null,
+          ranges: null,
+          pathname: null,
+          projectHistoryId: null,
+        })
+        this.PersistenceManager.promises.getDoc.resolves({
+          lines: this.lines,
+          version: this.version,
+          ranges: this.ranges,
+          resolvedCommentIds: this.resolvedCommentIds,
+          pathname: this.pathname,
+          projectHistoryId: this.projectHistoryId,
+          historyRangesSupport: this.historyRangesSupport,
+        })
+        this.result = await this.DocumentManager.promises.getDoc(
+          this.project_id,
+          this.doc_id
+        )
+      })
+
+      it('should try to get the doc from Redis', function () {
+        this.RedisManager.promises.getDoc
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+
+      it('should get the doc from the PersistenceManager', function () {
+        this.PersistenceManager.promises.getDoc
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+
+      it('should set the doc in Redis', function () {
+        this.RedisManager.promises.putDocInMemory
+          .calledWith(
+            this.project_id,
+            this.doc_id,
+            this.lines,
+            this.version,
+            this.ranges,
+            this.resolvedCommentIds,
+            this.pathname,
+            this.projectHistoryId,
+            this.historyRangesSupport
+          )
+          .should.equal(true)
+      })
+
+      it('should return doc info', function () {
+        expect(this.result).to.deep.equal({
+          lines: this.lines,
+          version: this.version,
+          ranges: this.ranges,
+          resolvedCommentIds: this.resolvedCommentIds,
+          pathname: this.pathname,
+          projectHistoryId: this.projectHistoryId,
+          unflushedTime: null,
+          alreadyLoaded: false,
+          historyRangesSupport: this.historyRangesSupport,
+        })
+      })
+    })
+  })
+
+  describe('setDoc', function () {
+    describe('with plain tex lines', function () {
+      beforeEach(function () {
+        this.beforeLines = ['before', 'lines']
+        this.afterLines = ['after', 'lines']
+        this.ops = [
+          { i: 'foo', p: 4 },
+          { d: 'bar', p: 42 },
+        ]
+        this.DocumentManager.promises.getDoc = sinon.stub().resolves({
+          lines: this.beforeLines,
+          version: this.version,
+          ranges: this.ranges,
+          resolvedCommentIds: this.resolvedCommentIds,
+          pathname: this.pathname,
+          projectHistoryId: this.projectHistoryId,
+          unflushedTime: this.unflushedTime,
+          alreadyLoaded: true,
+        })
+        this.DiffCodec.diffAsShareJsOp.returns(this.ops)
+        this.DocumentManager.promises.flushDocIfLoaded = sinon.stub().resolves()
+        this.DocumentManager.promises.flushAndDeleteDoc = sinon
+          .stub()
+          .resolves()
+      })
+
+      describe('when not loaded but with the same content', function () {
+        beforeEach(async function () {
+          this.DiffCodec.diffAsShareJsOp.returns([])
+          this.DocumentManager.promises.getDoc = sinon.stub().resolves({
+            lines: this.beforeLines,
+            version: this.version,
+            ranges: this.ranges,
+            resolvedCommentIds: this.resolvedCommentIds,
+            pathname: this.pathname,
+            projectHistoryId: this.projectHistoryId,
+            unflushedTime: this.unflushedTime,
+            alreadyLoaded: false,
+          })
+          await this.DocumentManager.promises.setDoc(
+            this.project_id,
+            this.doc_id,
+            this.beforeLines,
+            this.source,
+            this.user_id,
+            false,
+            true
+          )
+        })
+
+        it('should not apply the diff as a ShareJS op', function () {
+          this.UpdateManager.promises.applyUpdate.called.should.equal(false)
+        })
+
+        it('should increment the external update metric', function () {
+          this.Metrics.inc
+            .calledWith('external-update', 1, {
+              status: 'noop',
+              method: 'evict',
+              path: this.source,
+            })
+            .should.equal(true)
+        })
+
+        it('should flush and delete the doc from redis', function () {
+          this.DocumentManager.promises.flushAndDeleteDoc
+            .calledWith(this.project_id, this.doc_id)
+            .should.equal(true)
+        })
+      })
+
+      describe('when already loaded with the same content', function () {
+        beforeEach(async function () {
+          this.DiffCodec.diffAsShareJsOp.returns([])
+          await this.DocumentManager.promises.setDoc(
+            this.project_id,
+            this.doc_id,
+            this.beforeLines,
+            this.source,
+            this.user_id,
+            false,
+            true
+          )
+        })
+
+        it('should not apply the diff as a ShareJS op', function () {
+          this.UpdateManager.promises.applyUpdate.called.should.equal(false)
+        })
+
+        it('should increment the external update metric', function () {
+          this.Metrics.inc
+            .calledWith('external-update', 1, {
+              status: 'noop',
+              method: 'flush',
+              path: this.source,
+            })
+            .should.equal(true)
+        })
+
+        it('should flush the doc to Mongo', function () {
+          this.DocumentManager.promises.flushDocIfLoaded
+            .calledWith(this.project_id, this.doc_id)
+            .should.equal(true)
+        })
+      })
+
+      describe('when already loaded', function () {
+        beforeEach(async function () {
+          await this.DocumentManager.promises.setDoc(
+            this.project_id,
+            this.doc_id,
+            this.afterLines,
+            this.source,
+            this.user_id,
+            false,
+            true
+          )
+        })
+
+        it('should get the current doc lines', function () {
+          this.DocumentManager.promises.getDoc
+            .calledWith(this.project_id, this.doc_id)
+            .should.equal(true)
+        })
+
+        it('should return a diff of the old and new lines', function () {
+          this.DiffCodec.diffAsShareJsOp
+            .calledWith(this.beforeLines, this.afterLines)
+            .should.equal(true)
+        })
+
+        it('should apply the diff as a ShareJS op', function () {
+          this.UpdateManager.promises.applyUpdate
+            .calledWith(this.project_id, this.doc_id, {
+              doc: this.doc_id,
+              v: this.version,
+              op: this.ops,
+              meta: {
+                type: 'external',
+                source: this.source,
+                user_id: this.user_id,
+              },
+            })
+            .should.equal(true)
+        })
+
+        it('should increment the external update metric', function () {
+          this.Metrics.inc
+            .calledWith('external-update', 1, {
+              status: 'diff',
+              method: 'flush',
+              path: this.source,
+            })
+            .should.equal(true)
+        })
+
+        it('should flush the doc to Mongo', function () {
+          this.DocumentManager.promises.flushDocIfLoaded
+            .calledWith(this.project_id, this.doc_id)
+            .should.equal(true)
+        })
+
+        it('should not flush the project history', function () {
+          this.HistoryManager.flushProjectChangesAsync.called.should.equal(
+            false
+          )
+        })
+      })
+
+      describe('when not already loaded', function () {
+        beforeEach(async function () {
+          this.DocumentManager.promises.getDoc = sinon.stub().resolves({
+            lines: this.beforeLines,
+            version: this.version,
+            pathname: this.pathname,
+            unflushedTime: null,
+            alreadyLoaded: false,
+          })
+          await this.DocumentManager.promises.setDoc(
+            this.project_id,
+            this.doc_id,
+            this.afterLines,
+            this.source,
+            this.user_id,
+            false,
+            true
+          )
+        })
+
+        it('should flush and delete the doc from the doc updater', function () {
+          this.DocumentManager.promises.flushAndDeleteDoc
+            .calledWith(this.project_id, this.doc_id, {})
+            .should.equal(true)
+        })
+
+        it('should increment the external update metric', function () {
+          this.Metrics.inc
+            .calledWith('external-update', 1, {
+              status: 'diff',
+              method: 'evict',
+              path: this.source,
+            })
+            .should.equal(true)
+        })
+
+        it('should not flush the project history', function () {
+          this.HistoryManager.flushProjectChangesAsync
+            .calledWithExactly(this.project_id)
+            .should.equal(true)
+        })
+      })
+
+      describe('without new lines', function () {
+        beforeEach(async function () {
+          await expect(
+            this.DocumentManager.promises.setDoc(
+              this.project_id,
+              this.doc_id,
+              null,
+              this.source,
+              this.user_id,
+              false,
+              true
+            )
+          ).to.be.rejectedWith('No lines were provided to setDoc')
+        })
+
+        it('should not try to get the doc lines', function () {
+          this.DocumentManager.promises.getDoc.called.should.equal(false)
+        })
+      })
+
+      describe('with the undoing flag', function () {
+        beforeEach(async function () {
+          // Copy ops so we don't interfere with other tests
+          this.ops = [
+            { i: 'foo', p: 4 },
+            { d: 'bar', p: 42 },
+          ]
+          this.DiffCodec.diffAsShareJsOp.returns(this.ops)
+          await this.DocumentManager.promises.setDoc(
+            this.project_id,
+            this.doc_id,
+            this.afterLines,
+            this.source,
+            this.user_id,
+            true,
+            true
+          )
+        })
+
+        it('should set the undo flag on each op', function () {
+          this.ops.map(op => op.u.should.equal(true))
+        })
+      })
+
+      describe('with the external flag', function () {
+        beforeEach(async function () {
+          this.undoing = false
+          // Copy ops so we don't interfere with other tests
+          this.ops = [
+            { i: 'foo', p: 4 },
+            { d: 'bar', p: 42 },
+          ]
+          this.DiffCodec.diffAsShareJsOp.returns(this.ops)
+          await this.DocumentManager.promises.setDoc(
+            this.project_id,
+            this.doc_id,
+            this.afterLines,
+            this.source,
+            this.user_id,
+            this.undoing,
+            true
+          )
+        })
+
+        it('should add the external type to update metadata', function () {
+          this.UpdateManager.promises.applyUpdate
+            .calledWith(this.project_id, this.doc_id, {
+              doc: this.doc_id,
+              v: this.version,
+              op: this.ops,
+              meta: {
+                type: 'external',
+                source: this.source,
+                user_id: this.user_id,
+              },
+            })
+            .should.equal(true)
+        })
+      })
+
+      describe('without the external flag', function () {
+        beforeEach(async function () {
+          this.undoing = false
+          // Copy ops so we don't interfere with other tests
+          this.ops = [
+            { i: 'foo', p: 4 },
+            { d: 'bar', p: 42 },
+          ]
+          this.DiffCodec.diffAsShareJsOp.returns(this.ops)
+          await this.DocumentManager.promises.setDoc(
+            this.project_id,
+            this.doc_id,
+            this.afterLines,
+            this.source,
+            this.user_id,
+            this.undoing,
+            false
+          )
+        })
+
+        it('should not add the external type to update metadata', function () {
+          this.UpdateManager.promises.applyUpdate
+            .calledWith(this.project_id, this.doc_id, {
+              doc: this.doc_id,
+              v: this.version,
+              op: this.ops,
+              meta: {
+                source: this.source,
+                user_id: this.user_id,
+              },
+            })
+            .should.equal(true)
+        })
+      })
+    })
+  })
+
+  describe('acceptChanges', function () {
+    beforeEach(function () {
+      this.change_id = 'mock-change-id'
+      this.change_ids = [
+        'mock-change-id-1',
+        'mock-change-id-2',
+        'mock-change-id-3',
+        'mock-change-id-4',
+      ]
+      this.version = 34
+      this.lines = ['original', 'lines']
+      this.ranges = { entries: 'mock', comments: 'mock' }
+      this.updated_ranges = { entries: 'updated', comments: 'updated' }
+      this.DocumentManager.promises.getDoc = sinon.stub().resolves({
+        lines: this.lines,
+        version: this.version,
+        ranges: this.ranges,
+      })
+      this.RangesManager.acceptChanges.returns(this.updated_ranges)
+    })
+
+    describe('successfully with a single change', function () {
+      beforeEach(async function () {
+        await this.DocumentManager.promises.acceptChanges(
+          this.project_id,
+          this.doc_id,
+          [this.change_id]
+        )
+      })
+
+      it("should get the document's current ranges", function () {
+        this.DocumentManager.promises.getDoc
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+
+      it('should apply the accept change to the ranges', function () {
+        this.RangesManager.acceptChanges.should.have.been.calledWith(
+          this.project_id,
+          this.doc_id,
+          [this.change_id],
+          this.ranges
+        )
+      })
+
+      it('should save the updated ranges', function () {
+        this.RedisManager.promises.updateDocument
+          .calledWith(
+            this.project_id,
+            this.doc_id,
+            this.lines,
+            this.version,
+            [],
+            this.updated_ranges,
+            {}
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('successfully with multiple changes', function () {
+      beforeEach(async function () {
+        await this.DocumentManager.promises.acceptChanges(
+          this.project_id,
+          this.doc_id,
+          this.change_ids
+        )
+      })
+
+      it('should apply the accept change to the ranges', function () {
+        this.RangesManager.acceptChanges
+          .calledWith(
+            this.project_id,
+            this.doc_id,
+            this.change_ids,
+            this.ranges
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('when the doc is not found', function () {
+      beforeEach(async function () {
+        this.DocumentManager.promises.getDoc = sinon
+          .stub()
+          .resolves({ lines: null, version: null, ranges: null })
+        await expect(
+          this.DocumentManager.promises.acceptChanges(
+            this.project_id,
+            this.doc_id,
+            [this.change_id]
+          )
+        ).to.be.rejectedWith(Errors.NotFoundError)
+      })
+
+      it('should not save anything', function () {
+        this.RedisManager.promises.updateDocument.called.should.equal(false)
+      })
+    })
+  })
+
+  describe('getComment', function () {
+    beforeEach(function () {
+      this.ranges.comments = [
+        {
+          id: 'mock-comment-id-1',
+        },
+        {
+          id: 'mock-comment-id-2',
+        },
+      ]
+      this.DocumentManager.promises.getDoc = sinon.stub().resolves({
+        lines: this.lines,
+        version: this.version,
+        ranges: this.ranges,
+      })
+    })
+
+    describe('when comment exists', function () {
+      beforeEach(async function () {
+        await expect(
+          this.DocumentManager.promises.getComment(
+            this.project_id,
+            this.doc_id,
+            'mock-comment-id-1'
+          )
+        ).to.eventually.deep.equal({
+          comment: { id: 'mock-comment-id-1' },
+        })
+      })
+
+      it("should get the document's current ranges", function () {
+        this.DocumentManager.promises.getDoc
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+    })
+
+    describe('when comment doesnt exists', function () {
+      beforeEach(async function () {
+        await expect(
+          this.DocumentManager.promises.getComment(
+            this.project_id,
+            this.doc_id,
+            'mock-comment-id-x'
+          )
+        ).to.be.rejectedWith(Errors.NotFoundError)
+      })
+
+      it("should get the document's current ranges", function () {
+        this.DocumentManager.promises.getDoc
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+    })
+
+    describe('when the doc is not found', function () {
+      beforeEach(async function () {
+        this.DocumentManager.promises.getDoc = sinon
+          .stub()
+          .resolves({ lines: null, version: null, ranges: null })
+        await expect(
+          this.DocumentManager.promises.acceptChanges(
+            this.project_id,
+            this.doc_id,
+            [this.change_id]
+          )
+        ).to.be.rejectedWith(Errors.NotFoundError)
+      })
+    })
+  })
+
+  describe('deleteComment', function () {
+    beforeEach(function () {
+      this.comment_id = 'mock-comment-id'
+      this.version = 34
+      this.lines = ['original', 'lines']
+      this.ranges = { comments: ['one', 'two', 'three'] }
+      this.resolvedCommentIds = ['comment1']
+      this.updated_ranges = { comments: ['one', 'three'] }
+      this.historyRangesSupport = true
+      this.DocumentManager.promises.getDoc = sinon.stub().resolves({
+        lines: this.lines,
+        version: this.version,
+        ranges: this.ranges,
+        resolvedCommentIds: this.resolvedCommentIds,
+        pathname: this.pathname,
+        projectHistoryId: this.projectHistoryId,
+        unflushedTime: Date.now() - 1e9,
+        alreadyLoaded: true,
+        historyRangesSupport: this.historyRangesSupport,
+      })
+      this.RangesManager.deleteComment.returns(this.updated_ranges)
+    })
+
+    describe('successfully', function () {
+      beforeEach(async function () {
+        await this.DocumentManager.promises.deleteComment(
+          this.project_id,
+          this.doc_id,
+          this.comment_id,
+          this.user_id
+        )
+      })
+
+      it("should get the document's current ranges", function () {
+        this.DocumentManager.promises.getDoc
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+
+      it('should delete the comment from the ranges', function () {
+        this.RangesManager.deleteComment
+          .calledWith(this.comment_id, this.ranges)
+          .should.equal(true)
+      })
+
+      it('should save the updated ranges', function () {
+        this.RedisManager.promises.updateDocument
+          .calledWith(
+            this.project_id,
+            this.doc_id,
+            this.lines,
+            this.version,
+            [],
+            this.updated_ranges,
+            {}
+          )
+          .should.equal(true)
+      })
+
+      it('should unset the comment resolved state', function () {
+        this.RedisManager.promises.updateCommentState.should.have.been.calledWith(
+          this.doc_id,
+          this.comment_id,
+          false
+        )
+      })
+
+      it('should queue the delete comment operation', function () {
+        this.ProjectHistoryRedisManager.promises.queueOps.should.have.been.calledWith(
+          this.project_id,
+          JSON.stringify({
+            pathname: this.pathname,
+            deleteComment: this.comment_id,
+            meta: {
+              ts: new Date(),
+              user_id: this.user_id,
+            },
+          })
+        )
+      })
+    })
+
+    describe('when the doc is not found', function () {
+      beforeEach(async function () {
+        this.DocumentManager.promises.getDoc = sinon
+          .stub()
+          .resolves({ lines: null, version: null, ranges: null })
+        await expect(
+          this.DocumentManager.promises.acceptChanges(
+            this.project_id,
+            this.doc_id,
+            [this.comment_id]
+          )
+        ).to.be.rejectedWith(Errors.NotFoundError)
+      })
+
+      it('should not save anything', function () {
+        this.RedisManager.promises.updateDocument.called.should.equal(false)
+      })
+    })
+  })
+
+  describe('getDocAndFlushIfOld', function () {
+    beforeEach(function () {
+      this.DocumentManager.promises.flushDocIfLoaded = sinon.stub().resolves()
+    })
+
+    describe('when the doc is in Redis', function () {
+      describe('and has changes to be flushed', function () {
+        beforeEach(async function () {
+          this.DocumentManager.promises.getDoc = sinon.stub().resolves({
+            lines: this.lines,
+            version: this.version,
+            ranges: this.ranges,
+            projectHistoryId: this.projectHistoryId,
+            pathname: this.pathname,
+            unflushedTime: Date.now() - 1e9,
+            alreadyLoaded: true,
+          })
+          this.result = await this.DocumentManager.promises.getDocAndFlushIfOld(
+            this.project_id,
+            this.doc_id
+          )
+        })
+
+        it('should get the doc', function () {
+          this.DocumentManager.promises.getDoc
+            .calledWith(this.project_id, this.doc_id)
+            .should.equal(true)
+        })
+
+        it('should flush the doc', function () {
+          this.DocumentManager.promises.flushDocIfLoaded
+            .calledWith(this.project_id, this.doc_id)
+            .should.equal(true)
+        })
+
+        it('should return the lines and versions', function () {
+          expect(this.result).to.deep.equal({
+            lines: this.lines,
+            version: this.version,
+          })
+        })
+      })
+
+      describe("and has only changes that don't need to be flushed", function () {
+        beforeEach(async function () {
+          this.DocumentManager.promises.getDoc = sinon.stub().resolves({
+            lines: this.lines,
+            version: this.version,
+            ranges: this.ranges,
+            pathname: this.pathname,
+            unflushedTime: Date.now() - 100,
+            alreadyLoaded: true,
+          })
+          this.result = await this.DocumentManager.promises.getDocAndFlushIfOld(
+            this.project_id,
+            this.doc_id
+          )
+        })
+
+        it('should get the doc', function () {
+          this.DocumentManager.promises.getDoc
+            .calledWith(this.project_id, this.doc_id)
+            .should.equal(true)
+        })
+
+        it('should not flush the doc', function () {
+          this.DocumentManager.promises.flushDocIfLoaded.called.should.equal(
+            false
+          )
+        })
+
+        it('should return the lines and versions', function () {
+          expect(this.result).to.deep.equal({
+            lines: this.lines,
+            version: this.version,
+          })
+        })
+      })
+    })
+
+    describe('when the doc is not in Redis', function () {
+      beforeEach(async function () {
+        this.DocumentManager.promises.getDoc = sinon.stub().resolves({
+          lines: this.lines,
+          version: this.version,
+          ranges: this.ranges,
+          alreadyLoaded: false,
+        })
+        this.result = await this.DocumentManager.promises.getDocAndFlushIfOld(
+          this.project_id,
+          this.doc_id
+        )
+      })
+
+      it('should get the doc', function () {
+        this.DocumentManager.promises.getDoc
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+
+      it('should not flush the doc', function () {
+        this.DocumentManager.promises.flushDocIfLoaded.called.should.equal(
+          false
+        )
+      })
+
+      it('should return the lines and versions', function () {
+        expect(this.result).to.deep.equal({
+          lines: this.lines,
+          version: this.version,
+        })
+      })
+    })
+  })
+
+  describe('renameDoc', function () {
+    beforeEach(function () {
+      this.update = 'some-update'
+    })
+
+    describe('successfully', function () {
+      beforeEach(async function () {
+        await this.DocumentManager.promises.renameDoc(
+          this.project_id,
+          this.doc_id,
+          this.user_id,
+          this.update,
+          this.projectHistoryId
+        )
+      })
+
+      it('should rename the document', function () {
+        this.RedisManager.promises.renameDoc
+          .calledWith(
+            this.project_id,
+            this.doc_id,
+            this.user_id,
+            this.update,
+            this.projectHistoryId
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('resyncDocContents', function () {
+    describe('when doc is loaded in redis', function () {
+      beforeEach(async function () {
+        this.pathnameFromProjectStructureUpdate = '/foo/bar.tex'
+        this.RedisManager.promises.getDoc.resolves({
+          lines: this.lines,
+          version: this.version,
+          ranges: this.ranges,
+          resolvedCommentIds: this.resolvedCommentIds,
+          pathname: this.pathname,
+          projectHistoryId: this.projectHistoryId,
+          historyRangesSupport: this.historyRangesSupport,
+        })
+        await this.DocumentManager.promises.resyncDocContents(
+          this.project_id,
+          this.doc_id,
+          this.pathnameFromProjectStructureUpdate
+        )
+      })
+
+      it('gets the doc contents from redis', function () {
+        this.RedisManager.promises.getDoc
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+
+      it('queues a resync doc content update', function () {
+        this.ProjectHistoryRedisManager.promises.queueResyncDocContent
+          .calledWith(
+            this.project_id,
+            this.projectHistoryId,
+            this.doc_id,
+            this.lines,
+            this.ranges,
+            this.resolvedCommentIds,
+            this.version,
+            this.pathnameFromProjectStructureUpdate,
+            this.historyRangesSupport
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('when doc is not loaded in redis', function () {
+      beforeEach(async function () {
+        this.pathnameFromProjectStructureUpdate = '/foo/bar.tex'
+        this.RedisManager.promises.getDoc.resolves({})
+        this.PersistenceManager.promises.getDoc.resolves({
+          lines: this.lines,
+          version: this.version,
+          ranges: this.ranges,
+          resolvedCommentIds: this.resolvedCommentIds,
+          pathname: this.pathname,
+          projectHistoryId: this.projectHistoryId,
+          historyRangesSupport: this.historyRangesSupport,
+        })
+        await this.DocumentManager.promises.resyncDocContents(
+          this.project_id,
+          this.doc_id,
+          this.pathnameFromProjectStructureUpdate
+        )
+      })
+
+      it('tries to get the doc contents from redis', function () {
+        this.RedisManager.promises.getDoc
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+
+      it('gets the doc contents from web', function () {
+        this.PersistenceManager.promises.getDoc
+          .calledWith(this.project_id, this.doc_id, { peek: true })
+          .should.equal(true)
+      })
+
+      it('queues a resync doc content update', function () {
+        this.ProjectHistoryRedisManager.promises.queueResyncDocContent
+          .calledWith(
+            this.project_id,
+            this.projectHistoryId,
+            this.doc_id,
+            this.lines,
+            this.ranges,
+            this.resolvedCommentIds,
+            this.version,
+            this.pathnameFromProjectStructureUpdate,
+            this.historyRangesSupport
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('when a doc has no ranges in docstore', function () {
+      beforeEach(async function () {
+        this.pathnameFromProjectStructureUpdate = '/foo/bar.tex'
+        this.RedisManager.promises.getDoc.resolves({})
+        this.PersistenceManager.promises.getDoc.resolves({
+          lines: this.lines,
+          version: this.version,
+          ranges: undefined,
+          resolvedCommentIds: [],
+          pathname: this.pathname,
+          projectHistoryId: this.projectHistoryId,
+          historyRangesSupport: this.historyRangesSupport,
+        })
+        await this.DocumentManager.promises.resyncDocContents(
+          this.project_id,
+          this.doc_id,
+          this.pathnameFromProjectStructureUpdate
+        )
+      })
+
+      it('gets the doc contents from web', function () {
+        this.PersistenceManager.promises.getDoc
+          .calledWith(this.project_id, this.doc_id, { peek: true })
+          .should.equal(true)
+      })
+
+      it('queues a resync doc content update with an empty ranges object', function () {
+        this.ProjectHistoryRedisManager.promises.queueResyncDocContent
+          .calledWith(
+            this.project_id,
+            this.projectHistoryId,
+            this.doc_id,
+            this.lines,
+            {},
+            [],
+            this.version,
+            this.pathnameFromProjectStructureUpdate,
+            this.historyRangesSupport
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('appendToDoc', function () {
+    describe('sucessfully', function () {
+      beforeEach(async function () {
+        this.lines = ['one', 'two', 'three']
+        this.DocumentManager.promises.setDoc = sinon
+          .stub()
+          .resolves({ rev: '123' })
+        this.DocumentManager.promises.getDoc = sinon.stub().resolves({
+          lines: this.lines,
+        })
+        this.result = await this.DocumentManager.promises.appendToDoc(
+          this.project_id,
+          this.doc_id,
+          ['four', 'five', 'six'],
+          this.source,
+          this.user_id
+        )
+      })
+
+      it('should call setDoc with concatenated lines', function () {
+        this.DocumentManager.promises.setDoc
+          .calledWith(
+            this.project_id,
+            this.doc_id,
+            ['one', 'two', 'three', 'four', 'five', 'six'],
+            this.source,
+            this.user_id,
+            false,
+            false
+          )
+          .should.equal(true)
+      })
+
+      it('should return output from setDoc', function () {
+        this.result.should.deep.equal({ rev: '123' })
+      })
+    })
+
+    describe('when doc would become too big', function () {
+      beforeEach(async function () {
+        this.Settings.max_doc_length = 100
+        this.lines = ['one', 'two', 'three']
+        this.DocumentManager.promises.setDoc = sinon
+          .stub()
+          .resolves({ rev: '123' })
+        this.DocumentManager.promises.getDoc = sinon.stub().resolves({
+          lines: this.lines,
+        })
+      })
+
+      it('should fail with FileTooLarge error', async function () {
+        expect(
+          this.DocumentManager.promises.appendToDoc(
+            this.project_id,
+            this.doc_id,
+            ['x'.repeat(1000)],
+            this.source,
+            this.user_id
+          )
+        ).to.eventually.be.rejectedWith(Errors.FileTooLargeError)
+      })
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/HistoryConversionsTests.js b/services/document-updater/test/unit/js/HistoryConversionsTests.js
new file mode 100644
index 0000000..2bd18c3
--- /dev/null
+++ b/services/document-updater/test/unit/js/HistoryConversionsTests.js
@@ -0,0 +1,117 @@
+const _ = require('lodash')
+const { expect } = require('chai')
+const HistoryConversions = require('../../../app/js/HistoryConversions')
+
+describe('HistoryConversions', function () {
+  describe('toHistoryRanges', function () {
+    it('handles empty ranges', function () {
+      expect(HistoryConversions.toHistoryRanges({})).to.deep.equal({})
+    })
+
+    it("doesn't modify comments when there are no tracked changes", function () {
+      const ranges = {
+        comments: [makeComment('comment1', 5, 12)],
+      }
+      const historyRanges = HistoryConversions.toHistoryRanges(ranges)
+      expect(historyRanges).to.deep.equal(ranges)
+    })
+
+    it('adjusts comments and tracked changes to account for tracked deletes', function () {
+      const comments = [
+        makeComment('comment0', 0, 1),
+        makeComment('comment1', 10, 12),
+        makeComment('comment2', 20, 10),
+        makeComment('comment3', 15, 3),
+      ]
+      const changes = [
+        makeTrackedDelete('change0', 2, 5),
+        makeTrackedInsert('change1', 4, 5),
+        makeTrackedDelete('change2', 10, 10),
+        makeTrackedDelete('change3', 21, 6),
+        makeTrackedDelete('change4', 50, 7),
+      ]
+      const ranges = { comments, changes }
+
+      const historyRanges = HistoryConversions.toHistoryRanges(ranges)
+      expect(historyRanges.comments).to.have.deep.members([
+        comments[0],
+        // shifted by change0 and change2, extended by change3
+        enrichOp(comments[1], {
+          hpos: 25, // 10 + 5 + 10
+          hlen: 18, // 12 + 6
+        }),
+        // shifted by change0 and change2, extended by change3
+        enrichOp(comments[2], {
+          hpos: 35, // 20 + 5 + 10
+          hlen: 16, // 10 + 6
+        }),
+        // shifted by change0 and change2
+        enrichOp(comments[3], {
+          hpos: 30, // 15 + 5 + 10
+        }),
+      ])
+      expect(historyRanges.changes).to.deep.equal([
+        changes[0],
+        enrichOp(changes[1], {
+          hpos: 9, // 4 + 5
+        }),
+        enrichOp(changes[2], {
+          hpos: 15, // 10 + 5
+        }),
+        enrichOp(changes[3], {
+          hpos: 36, // 21 + 5 + 10
+        }),
+        enrichOp(changes[4], {
+          hpos: 71, // 50 + 5 + 10 + 6
+        }),
+      ])
+    })
+  })
+})
+
+function makeComment(id, pos, length) {
+  return {
+    id,
+    op: {
+      c: 'c'.repeat(length),
+      p: pos,
+      t: id,
+    },
+    metadata: makeMetadata(),
+  }
+}
+
+function makeTrackedInsert(id, pos, length) {
+  return {
+    id,
+    op: {
+      i: 'i'.repeat(length),
+      p: pos,
+    },
+    metadata: makeMetadata(),
+  }
+}
+
+function makeTrackedDelete(id, pos, length) {
+  return {
+    id,
+    op: {
+      d: 'd'.repeat(length),
+      p: pos,
+    },
+    metadata: makeMetadata(),
+  }
+}
+
+function makeMetadata() {
+  return {
+    user_id: 'user-id',
+    ts: new Date().toISOString(),
+  }
+}
+
+function enrichOp(commentOrChange, extraFields) {
+  const result = _.cloneDeep(commentOrChange)
+  Object.assign(result.op, extraFields)
+  return result
+}
diff --git a/services/document-updater/test/unit/js/HistoryManager/HistoryManagerTests.js b/services/document-updater/test/unit/js/HistoryManager/HistoryManagerTests.js
new file mode 100644
index 0000000..2fd019d
--- /dev/null
+++ b/services/document-updater/test/unit/js/HistoryManager/HistoryManagerTests.js
@@ -0,0 +1,291 @@
+/* eslint-disable
+    mocha/no-nested-tests,
+*/
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../../app/js/HistoryManager'
+)
+
+describe('HistoryManager', function () {
+  beforeEach(function () {
+    this.HistoryManager = SandboxedModule.require(modulePath, {
+      requires: {
+        request: (this.request = {}),
+        '@overleaf/settings': (this.Settings = {
+          apis: {
+            project_history: {
+              url: 'http://project_history.example.com',
+            },
+          },
+        }),
+        './DocumentManager': (this.DocumentManager = {}),
+        './RedisManager': (this.RedisManager = {}),
+        './ProjectHistoryRedisManager': (this.ProjectHistoryRedisManager = {}),
+        './Metrics': (this.metrics = { inc: sinon.stub() }),
+      },
+    })
+    this.project_id = 'mock-project-id'
+    this.callback = sinon.stub()
+  })
+
+  describe('flushProjectChangesAsync', function () {
+    beforeEach(function () {
+      this.request.post = sinon
+        .stub()
+        .callsArgWith(1, null, { statusCode: 204 })
+
+      this.HistoryManager.flushProjectChangesAsync(this.project_id)
+    })
+
+    it('should send a request to the project history api', function () {
+      this.request.post
+        .calledWith({
+          url: `${this.Settings.apis.project_history.url}/project/${this.project_id}/flush`,
+          qs: { background: true },
+        })
+        .should.equal(true)
+    })
+  })
+
+  describe('flushProjectChanges', function () {
+    describe('in the normal case', function () {
+      beforeEach(function (done) {
+        this.request.post = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 204 })
+        this.HistoryManager.flushProjectChanges(
+          this.project_id,
+          {
+            background: true,
+          },
+          done
+        )
+      })
+
+      it('should send a request to the project history api', function () {
+        this.request.post
+          .calledWith({
+            url: `${this.Settings.apis.project_history.url}/project/${this.project_id}/flush`,
+            qs: { background: true },
+          })
+          .should.equal(true)
+      })
+    })
+
+    describe('with the skip_history_flush option', function () {
+      beforeEach(function (done) {
+        this.request.post = sinon.stub()
+        this.HistoryManager.flushProjectChanges(
+          this.project_id,
+          {
+            skip_history_flush: true,
+          },
+          done
+        )
+      })
+
+      it('should not send a request to the project history api', function () {
+        this.request.post.called.should.equal(false)
+      })
+    })
+  })
+
+  describe('recordAndFlushHistoryOps', function () {
+    beforeEach(function () {
+      this.ops = ['mock-ops']
+      this.project_ops_length = 10
+
+      this.HistoryManager.flushProjectChangesAsync = sinon.stub()
+    })
+
+    describe('with no ops', function () {
+      beforeEach(function () {
+        this.HistoryManager.recordAndFlushHistoryOps(
+          this.project_id,
+          [],
+          this.project_ops_length
+        )
+      })
+
+      it('should not flush project changes', function () {
+        this.HistoryManager.flushProjectChangesAsync.called.should.equal(false)
+      })
+    })
+
+    describe('with enough ops to flush project changes', function () {
+      beforeEach(function () {
+        this.HistoryManager.shouldFlushHistoryOps = sinon.stub()
+        this.HistoryManager.shouldFlushHistoryOps
+          .withArgs(this.project_ops_length)
+          .returns(true)
+
+        this.HistoryManager.recordAndFlushHistoryOps(
+          this.project_id,
+          this.ops,
+          this.project_ops_length
+        )
+      })
+
+      it('should flush project changes', function () {
+        this.HistoryManager.flushProjectChangesAsync
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+    })
+
+    describe('with enough ops to flush doc changes', function () {
+      beforeEach(function () {
+        this.HistoryManager.shouldFlushHistoryOps = sinon.stub()
+        this.HistoryManager.shouldFlushHistoryOps
+          .withArgs(this.project_ops_length)
+          .returns(false)
+
+        this.HistoryManager.recordAndFlushHistoryOps(
+          this.project_id,
+          this.ops,
+          this.project_ops_length
+        )
+      })
+
+      it('should not flush project changes', function () {
+        this.HistoryManager.flushProjectChangesAsync.called.should.equal(false)
+      })
+    })
+
+    describe('shouldFlushHistoryOps', function () {
+      it('should return false if the number of ops is not known', function () {
+        this.HistoryManager.shouldFlushHistoryOps(
+          null,
+          ['a', 'b', 'c'].length,
+          1
+        ).should.equal(false)
+      })
+
+      it("should return false if the updates didn't take us past the threshold", function () {
+        // Currently there are 14 ops
+        // Previously we were on 11 ops
+        // We didn't pass over a multiple of 5
+        this.HistoryManager.shouldFlushHistoryOps(
+          14,
+          ['a', 'b', 'c'].length,
+          5
+        ).should.equal(false)
+
+        it('should return true if the updates took to the threshold', function () {})
+        // Currently there are 15 ops
+        // Previously we were on 12 ops
+        // We've reached a new multiple of 5
+        this.HistoryManager.shouldFlushHistoryOps(
+          15,
+          ['a', 'b', 'c'].length,
+          5
+        ).should.equal(true)
+      })
+
+      it('should return true if the updates took past the threshold', function () {
+        // Currently there are 19 ops
+        // Previously we were on 16 ops
+        // We didn't pass over a multiple of 5
+        this.HistoryManager.shouldFlushHistoryOps(
+          17,
+          ['a', 'b', 'c'].length,
+          5
+        ).should.equal(true)
+      })
+    })
+  })
+
+  describe('resyncProjectHistory', function () {
+    beforeEach(function () {
+      this.projectHistoryId = 'history-id-1234'
+      this.docs = [
+        {
+          doc: this.doc_id,
+          path: 'main.tex',
+        },
+      ]
+      this.files = [
+        {
+          file: 'mock-file-id',
+          path: 'universe.png',
+          url: `www.filestore.test/${this.project_id}/mock-file-id`,
+        },
+      ]
+      this.ProjectHistoryRedisManager.queueResyncProjectStructure = sinon
+        .stub()
+        .yields()
+      this.DocumentManager.resyncDocContentsWithLock = sinon.stub().yields()
+    })
+
+    describe('full sync', function () {
+      beforeEach(function () {
+        this.HistoryManager.resyncProjectHistory(
+          this.project_id,
+          this.projectHistoryId,
+          this.docs,
+          this.files,
+          {},
+          this.callback
+        )
+      })
+
+      it('should queue a project structure reync', function () {
+        this.ProjectHistoryRedisManager.queueResyncProjectStructure
+          .calledWith(
+            this.project_id,
+            this.projectHistoryId,
+            this.docs,
+            this.files
+          )
+          .should.equal(true)
+      })
+
+      it('should queue doc content reyncs', function () {
+        this.DocumentManager.resyncDocContentsWithLock
+          .calledWith(this.project_id, this.docs[0].doc, this.docs[0].path)
+          .should.equal(true)
+      })
+
+      it('should call the callback', function () {
+        this.callback.called.should.equal(true)
+      })
+    })
+
+    describe('resyncProjectStructureOnly=true', function () {
+      beforeEach(function () {
+        this.HistoryManager.resyncProjectHistory(
+          this.project_id,
+          this.projectHistoryId,
+          this.docs,
+          this.files,
+          { resyncProjectStructureOnly: true },
+          this.callback
+        )
+      })
+
+      it('should queue a project structure reync', function () {
+        this.ProjectHistoryRedisManager.queueResyncProjectStructure
+          .calledWith(
+            this.project_id,
+            this.projectHistoryId,
+            this.docs,
+            this.files,
+            { resyncProjectStructureOnly: true }
+          )
+          .should.equal(true)
+      })
+
+      it('should not queue doc content reyncs', function () {
+        this.DocumentManager.resyncDocContentsWithLock.called.should.equal(
+          false
+        )
+      })
+
+      it('should call the callback', function () {
+        this.callback.called.should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/HttpController/HttpControllerTests.js b/services/document-updater/test/unit/js/HttpController/HttpControllerTests.js
new file mode 100644
index 0000000..2b8d288
--- /dev/null
+++ b/services/document-updater/test/unit/js/HttpController/HttpControllerTests.js
@@ -0,0 +1,1258 @@
+const sinon = require('sinon')
+const modulePath = '../../../../app/js/HttpController.js'
+const SandboxedModule = require('sandboxed-module')
+const Errors = require('../../../../app/js/Errors.js')
+
+describe('HttpController', function () {
+  beforeEach(function () {
+    this.HttpController = SandboxedModule.require(modulePath, {
+      requires: {
+        './DocumentManager': (this.DocumentManager = {}),
+        './HistoryManager': (this.HistoryManager = {
+          flushProjectChangesAsync: sinon.stub(),
+        }),
+        './ProjectHistoryRedisManager': (this.ProjectHistoryRedisManager = {}),
+        './ProjectManager': (this.ProjectManager = {}),
+        './DeleteQueueManager': (this.DeleteQueueManager = {}),
+        './RedisManager': (this.RedisManager = {
+          DOC_OPS_TTL: 42,
+        }),
+        './Metrics': (this.Metrics = {}),
+        './Errors': Errors,
+        '@overleaf/settings': { max_doc_length: 2 * 1024 * 1024 },
+      },
+    })
+    this.Metrics.Timer = class Timer {}
+    this.Metrics.Timer.prototype.done = sinon.stub()
+
+    this.project_id = 'project-id-123'
+    this.doc_id = 'doc-id-123'
+    this.source = 'editor'
+    this.next = sinon.stub()
+    this.res = {
+      send: sinon.stub(),
+      sendStatus: sinon.stub(),
+      json: sinon.stub(),
+    }
+  })
+
+  describe('getDoc', function () {
+    beforeEach(function () {
+      this.lines = ['one', 'two', 'three']
+      this.ops = ['mock-op-1', 'mock-op-2']
+      this.version = 42
+      this.fromVersion = 42
+      this.ranges = { changes: 'mock', comments: 'mock' }
+      this.pathname = '/a/b/c'
+      this.req = {
+        params: {
+          project_id: this.project_id,
+          doc_id: this.doc_id,
+        },
+        query: {},
+        body: {},
+      }
+    })
+
+    describe('when the document exists and no recent ops are requested', function () {
+      beforeEach(function () {
+        this.DocumentManager.getDocAndRecentOpsWithLock = sinon
+          .stub()
+          .callsArgWith(
+            3,
+            null,
+            this.lines,
+            this.version,
+            [],
+            this.ranges,
+            this.pathname
+          )
+        this.HttpController.getDoc(this.req, this.res, this.next)
+      })
+
+      it('should get the doc', function () {
+        this.DocumentManager.getDocAndRecentOpsWithLock
+          .calledWith(this.project_id, this.doc_id, -1)
+          .should.equal(true)
+      })
+
+      it('should return the doc as JSON', function () {
+        this.res.json
+          .calledWith({
+            id: this.doc_id,
+            lines: this.lines,
+            version: this.version,
+            ops: [],
+            ranges: this.ranges,
+            pathname: this.pathname,
+            ttlInS: 42,
+          })
+          .should.equal(true)
+      })
+
+      it('should log the request', function () {
+        this.logger.debug
+          .calledWith(
+            { docId: this.doc_id, projectId: this.project_id },
+            'getting doc via http'
+          )
+          .should.equal(true)
+      })
+
+      it('should time the request', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+    })
+
+    describe('when recent ops are requested', function () {
+      beforeEach(function () {
+        this.DocumentManager.getDocAndRecentOpsWithLock = sinon
+          .stub()
+          .callsArgWith(
+            3,
+            null,
+            this.lines,
+            this.version,
+            this.ops,
+            this.ranges,
+            this.pathname
+          )
+        this.req.query = { fromVersion: `${this.fromVersion}` }
+        this.HttpController.getDoc(this.req, this.res, this.next)
+      })
+
+      it('should get the doc', function () {
+        this.DocumentManager.getDocAndRecentOpsWithLock
+          .calledWith(this.project_id, this.doc_id, this.fromVersion)
+          .should.equal(true)
+      })
+
+      it('should return the doc as JSON', function () {
+        this.res.json
+          .calledWith({
+            id: this.doc_id,
+            lines: this.lines,
+            version: this.version,
+            ops: this.ops,
+            ranges: this.ranges,
+            pathname: this.pathname,
+            ttlInS: 42,
+          })
+          .should.equal(true)
+      })
+
+      it('should log the request', function () {
+        this.logger.debug
+          .calledWith(
+            { docId: this.doc_id, projectId: this.project_id },
+            'getting doc via http'
+          )
+          .should.equal(true)
+      })
+
+      it('should time the request', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+    })
+
+    describe('when the document does not exist', function () {
+      beforeEach(function () {
+        this.DocumentManager.getDocAndRecentOpsWithLock = sinon
+          .stub()
+          .callsArgWith(3, null, null, null)
+        this.HttpController.getDoc(this.req, this.res, this.next)
+      })
+
+      it('should call next with NotFoundError', function () {
+        this.next
+          .calledWith(sinon.match.instanceOf(Errors.NotFoundError))
+          .should.equal(true)
+      })
+    })
+
+    describe('when an errors occurs', function () {
+      beforeEach(function () {
+        this.DocumentManager.getDocAndRecentOpsWithLock = sinon
+          .stub()
+          .callsArgWith(3, new Error('oops'), null, null)
+        this.HttpController.getDoc(this.req, this.res, this.next)
+      })
+
+      it('should call next with the error', function () {
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+    })
+  })
+
+  describe('getComment', function () {
+    beforeEach(function () {
+      this.ranges = {
+        changes: 'mock',
+        comments: [
+          {
+            id: 'comment-id-1',
+          },
+          {
+            id: 'comment-id-2',
+          },
+        ],
+      }
+      this.req = {
+        params: {
+          project_id: this.project_id,
+          doc_id: this.doc_id,
+          comment_id: this.comment_id,
+        },
+        query: {},
+        body: {},
+      }
+    })
+
+    beforeEach(function () {
+      this.DocumentManager.getCommentWithLock = sinon
+        .stub()
+        .callsArgWith(3, null, this.ranges.comments[0])
+      this.HttpController.getComment(this.req, this.res, this.next)
+    })
+
+    it('should get the comment', function () {
+      this.DocumentManager.getCommentWithLock
+        .calledWith(this.project_id, this.doc_id, this.comment_id)
+        .should.equal(true)
+    })
+
+    it('should return the comment as JSON', function () {
+      this.res.json
+        .calledWith({
+          id: 'comment-id-1',
+        })
+        .should.equal(true)
+    })
+
+    it('should log the request', function () {
+      this.logger.debug
+        .calledWith(
+          {
+            projectId: this.project_id,
+            docId: this.doc_id,
+            commentId: this.comment_id,
+          },
+          'getting comment via http'
+        )
+        .should.equal(true)
+    })
+  })
+
+  describe('setDoc', function () {
+    beforeEach(function () {
+      this.lines = ['one', 'two', 'three']
+      this.source = 'dropbox'
+      this.user_id = 'user-id-123'
+      this.req = {
+        headers: {},
+        params: {
+          project_id: this.project_id,
+          doc_id: this.doc_id,
+        },
+        query: {},
+        body: {
+          lines: this.lines,
+          source: this.source,
+          user_id: this.user_id,
+          undoing: (this.undoing = true),
+        },
+      }
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.DocumentManager.setDocWithLock = sinon
+          .stub()
+          .callsArgWith(7, null, { rev: '123' })
+        this.HttpController.setDoc(this.req, this.res, this.next)
+      })
+
+      it('should set the doc', function () {
+        this.DocumentManager.setDocWithLock
+          .calledWith(
+            this.project_id,
+            this.doc_id,
+            this.lines,
+            this.source,
+            this.user_id,
+            this.undoing,
+            true
+          )
+          .should.equal(true)
+      })
+
+      it('should return a json response with the document rev from web', function () {
+        this.res.json.calledWithMatch({ rev: '123' }).should.equal(true)
+      })
+
+      it('should log the request', function () {
+        this.logger.debug
+          .calledWith(
+            {
+              docId: this.doc_id,
+              projectId: this.project_id,
+              lines: this.lines,
+              source: this.source,
+              userId: this.user_id,
+              undoing: this.undoing,
+            },
+            'setting doc via http'
+          )
+          .should.equal(true)
+      })
+
+      it('should time the request', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+    })
+
+    describe('when an errors occurs', function () {
+      beforeEach(function () {
+        this.DocumentManager.setDocWithLock = sinon
+          .stub()
+          .callsArgWith(7, new Error('oops'))
+        this.HttpController.setDoc(this.req, this.res, this.next)
+      })
+
+      it('should call next with the error', function () {
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+    })
+
+    describe('when the payload is too large', function () {
+      beforeEach(function () {
+        const lines = []
+        for (let _ = 0; _ <= 200000; _++) {
+          lines.push('test test test')
+        }
+        this.req.body.lines = lines
+        this.DocumentManager.setDocWithLock = sinon.stub().callsArgWith(6)
+        this.HttpController.setDoc(this.req, this.res, this.next)
+      })
+
+      it('should send back a 406 response', function () {
+        this.res.sendStatus.calledWith(406).should.equal(true)
+      })
+
+      it('should not call setDocWithLock', function () {
+        this.DocumentManager.setDocWithLock.callCount.should.equal(0)
+      })
+    })
+  })
+
+  describe('flushProject', function () {
+    beforeEach(function () {
+      this.req = {
+        params: {
+          project_id: this.project_id,
+        },
+        query: {},
+        body: {},
+      }
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.ProjectManager.flushProjectWithLocks = sinon.stub().callsArgWith(1)
+        this.HttpController.flushProject(this.req, this.res, this.next)
+      })
+
+      it('should flush the project', function () {
+        this.ProjectManager.flushProjectWithLocks
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should return a successful No Content response', function () {
+        this.res.sendStatus.calledWith(204).should.equal(true)
+      })
+
+      it('should log the request', function () {
+        this.logger.debug
+          .calledWith(
+            { projectId: this.project_id },
+            'flushing project via http'
+          )
+          .should.equal(true)
+      })
+
+      it('should time the request', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+    })
+
+    describe('when an errors occurs', function () {
+      beforeEach(function () {
+        this.ProjectManager.flushProjectWithLocks = sinon
+          .stub()
+          .callsArgWith(1, new Error('oops'))
+        this.HttpController.flushProject(this.req, this.res, this.next)
+      })
+
+      it('should call next with the error', function () {
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+    })
+  })
+
+  describe('flushDocIfLoaded', function () {
+    beforeEach(function () {
+      this.lines = ['one', 'two', 'three']
+      this.version = 42
+      this.req = {
+        params: {
+          project_id: this.project_id,
+          doc_id: this.doc_id,
+        },
+        query: {},
+        body: {},
+      }
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.DocumentManager.flushDocIfLoadedWithLock = sinon
+          .stub()
+          .callsArgWith(2)
+        this.HttpController.flushDocIfLoaded(this.req, this.res, this.next)
+      })
+
+      it('should flush the doc', function () {
+        this.DocumentManager.flushDocIfLoadedWithLock
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+
+      it('should return a successful No Content response', function () {
+        this.res.sendStatus.calledWith(204).should.equal(true)
+      })
+
+      it('should log the request', function () {
+        this.logger.debug
+          .calledWith(
+            { docId: this.doc_id, projectId: this.project_id },
+            'flushing doc via http'
+          )
+          .should.equal(true)
+      })
+
+      it('should time the request', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+    })
+
+    describe('when an errors occurs', function () {
+      beforeEach(function () {
+        this.DocumentManager.flushDocIfLoadedWithLock = sinon
+          .stub()
+          .callsArgWith(2, new Error('oops'))
+        this.HttpController.flushDocIfLoaded(this.req, this.res, this.next)
+      })
+
+      it('should call next with the error', function () {
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+    })
+  })
+
+  describe('deleteDoc', function () {
+    beforeEach(function () {
+      this.req = {
+        params: {
+          project_id: this.project_id,
+          doc_id: this.doc_id,
+        },
+        query: {},
+        body: {},
+      }
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.DocumentManager.flushAndDeleteDocWithLock = sinon
+          .stub()
+          .callsArgWith(3)
+        this.HttpController.deleteDoc(this.req, this.res, this.next)
+      })
+
+      it('should flush and delete the doc', function () {
+        this.DocumentManager.flushAndDeleteDocWithLock
+          .calledWith(this.project_id, this.doc_id, {
+            ignoreFlushErrors: false,
+          })
+          .should.equal(true)
+      })
+
+      it('should flush project history', function () {
+        this.HistoryManager.flushProjectChangesAsync
+          .calledWithExactly(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should return a successful No Content response', function () {
+        this.res.sendStatus.calledWith(204).should.equal(true)
+      })
+
+      it('should log the request', function () {
+        this.logger.debug
+          .calledWith(
+            { docId: this.doc_id, projectId: this.project_id },
+            'deleting doc via http'
+          )
+          .should.equal(true)
+      })
+
+      it('should time the request', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+    })
+
+    describe('ignoring errors', function () {
+      beforeEach(function () {
+        this.req.query.ignore_flush_errors = 'true'
+        this.DocumentManager.flushAndDeleteDocWithLock = sinon.stub().yields()
+        this.HttpController.deleteDoc(this.req, this.res, this.next)
+      })
+
+      it('should delete the doc', function () {
+        this.DocumentManager.flushAndDeleteDocWithLock
+          .calledWith(this.project_id, this.doc_id, { ignoreFlushErrors: true })
+          .should.equal(true)
+      })
+
+      it('should return a successful No Content response', function () {
+        this.res.sendStatus.calledWith(204).should.equal(true)
+      })
+    })
+
+    describe('when an errors occurs', function () {
+      beforeEach(function () {
+        this.DocumentManager.flushAndDeleteDocWithLock = sinon
+          .stub()
+          .callsArgWith(3, new Error('oops'))
+        this.HttpController.deleteDoc(this.req, this.res, this.next)
+      })
+
+      it('should flush project history', function () {
+        this.HistoryManager.flushProjectChangesAsync
+          .calledWithExactly(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should call next with the error', function () {
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+    })
+  })
+
+  describe('deleteProject', function () {
+    beforeEach(function () {
+      this.req = {
+        params: {
+          project_id: this.project_id,
+        },
+        query: {},
+        body: {},
+      }
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.ProjectManager.flushAndDeleteProjectWithLocks = sinon
+          .stub()
+          .callsArgWith(2)
+        this.HttpController.deleteProject(this.req, this.res, this.next)
+      })
+
+      it('should delete the project', function () {
+        this.ProjectManager.flushAndDeleteProjectWithLocks
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should return a successful No Content response', function () {
+        this.res.sendStatus.calledWith(204).should.equal(true)
+      })
+
+      it('should log the request', function () {
+        this.logger.debug
+          .calledWith(
+            { projectId: this.project_id },
+            'deleting project via http'
+          )
+          .should.equal(true)
+      })
+
+      it('should time the request', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+    })
+
+    describe('with the background=true option from realtime', function () {
+      beforeEach(function () {
+        this.ProjectManager.queueFlushAndDeleteProject = sinon
+          .stub()
+          .callsArgWith(1)
+        this.req.query = { background: true, shutdown: true }
+        this.HttpController.deleteProject(this.req, this.res, this.next)
+      })
+
+      it('should queue the flush and delete', function () {
+        this.ProjectManager.queueFlushAndDeleteProject
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+    })
+
+    describe('when an errors occurs', function () {
+      beforeEach(function () {
+        this.ProjectManager.flushAndDeleteProjectWithLocks = sinon
+          .stub()
+          .callsArgWith(2, new Error('oops'))
+        this.HttpController.deleteProject(this.req, this.res, this.next)
+      })
+
+      it('should call next with the error', function () {
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+    })
+  })
+
+  describe('acceptChanges', function () {
+    beforeEach(function () {
+      this.req = {
+        params: {
+          project_id: this.project_id,
+          doc_id: this.doc_id,
+          change_id: (this.change_id = 'mock-change-od-1'),
+        },
+        query: {},
+        body: {},
+      }
+    })
+
+    describe('successfully with a single change', function () {
+      beforeEach(function () {
+        this.DocumentManager.acceptChangesWithLock = sinon
+          .stub()
+          .callsArgWith(3)
+        this.HttpController.acceptChanges(this.req, this.res, this.next)
+      })
+
+      it('should accept the change', function () {
+        this.DocumentManager.acceptChangesWithLock
+          .calledWith(this.project_id, this.doc_id, [this.change_id])
+          .should.equal(true)
+      })
+
+      it('should return a successful No Content response', function () {
+        this.res.sendStatus.calledWith(204).should.equal(true)
+      })
+
+      it('should log the request', function () {
+        this.logger.debug
+          .calledWith(
+            { projectId: this.project_id, docId: this.doc_id },
+            'accepting 1 changes via http'
+          )
+          .should.equal(true)
+      })
+
+      it('should time the request', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+    })
+
+    describe('succesfully with with multiple changes', function () {
+      beforeEach(function () {
+        this.change_ids = [
+          'mock-change-od-1',
+          'mock-change-od-2',
+          'mock-change-od-3',
+          'mock-change-od-4',
+        ]
+        this.req.body = { change_ids: this.change_ids }
+        this.DocumentManager.acceptChangesWithLock = sinon
+          .stub()
+          .callsArgWith(3)
+        this.HttpController.acceptChanges(this.req, this.res, this.next)
+      })
+
+      it('should accept the changes in the body payload', function () {
+        this.DocumentManager.acceptChangesWithLock
+          .calledWith(this.project_id, this.doc_id, this.change_ids)
+          .should.equal(true)
+      })
+
+      it('should log the request with the correct number of changes', function () {
+        this.logger.debug
+          .calledWith(
+            { projectId: this.project_id, docId: this.doc_id },
+            `accepting ${this.change_ids.length} changes via http`
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('when an errors occurs', function () {
+      beforeEach(function () {
+        this.DocumentManager.acceptChangesWithLock = sinon
+          .stub()
+          .callsArgWith(3, new Error('oops'))
+        this.HttpController.acceptChanges(this.req, this.res, this.next)
+      })
+
+      it('should call next with the error', function () {
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+    })
+  })
+
+  describe('resolveComment', function () {
+    beforeEach(function () {
+      this.user_id = 'user-id-123'
+      this.req = {
+        params: {
+          project_id: this.project_id,
+          doc_id: this.doc_id,
+          comment_id: (this.comment_id = 'mock-comment-id'),
+        },
+        query: {},
+        body: {
+          user_id: this.user_id,
+        },
+      }
+      this.resolved = true
+    })
+
+    describe('successfully', function () {
+      beforeEach(function (done) {
+        this.DocumentManager.updateCommentStateWithLock = sinon
+          .stub()
+          .callsArgWith(5)
+
+        this.ProjectHistoryRedisManager.queueOps = sinon.stub()
+        this.res.sendStatus.callsFake(() => done())
+        this.HttpController.resolveComment(this.req, this.res, this.next)
+      })
+
+      it('should accept the change', function () {
+        this.DocumentManager.updateCommentStateWithLock
+          .calledWith(
+            this.project_id,
+            this.doc_id,
+            this.comment_id,
+            this.user_id,
+            this.resolved
+          )
+          .should.equal(true)
+      })
+
+      it('should return a successful No Content response', function () {
+        this.res.sendStatus.calledWith(204).should.equal(true)
+      })
+
+      it('should log the request', function () {
+        this.logger.debug
+          .calledWith(
+            {
+              projectId: this.project_id,
+              docId: this.doc_id,
+              commentId: this.comment_id,
+            },
+            'resolving comment via http'
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('when an errors occurs', function () {
+      beforeEach(function () {
+        this.DocumentManager.updateCommentStateWithLock = sinon
+          .stub()
+          .callsArgWith(5, new Error('oops'))
+        this.HttpController.resolveComment(this.req, this.res, this.next)
+      })
+
+      it('should call next with the error', function () {
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+    })
+  })
+
+  describe('reopenComment', function () {
+    beforeEach(function () {
+      this.user_id = 'user-id-123'
+      this.req = {
+        params: {
+          project_id: this.project_id,
+          doc_id: this.doc_id,
+          comment_id: (this.comment_id = 'mock-comment-id'),
+        },
+        query: {},
+        body: {
+          user_id: this.user_id,
+        },
+      }
+      this.resolved = false
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.DocumentManager.updateCommentStateWithLock = sinon
+          .stub()
+          .callsArgWith(5)
+
+        this.ProjectHistoryRedisManager.queueOps = sinon.stub()
+        this.HttpController.reopenComment(this.req, this.res, this.next)
+      })
+
+      it('should accept the change', function () {
+        this.DocumentManager.updateCommentStateWithLock
+          .calledWith(
+            this.project_id,
+            this.doc_id,
+            this.comment_id,
+            this.user_id,
+            this.resolved
+          )
+          .should.equal(true)
+      })
+
+      it('should return a successful No Content response', function () {
+        this.res.sendStatus.calledWith(204).should.equal(true)
+      })
+
+      it('should log the request', function () {
+        this.logger.debug
+          .calledWith(
+            {
+              projectId: this.project_id,
+              docId: this.doc_id,
+              commentId: this.comment_id,
+            },
+            'reopening comment via http'
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('when an errors occurs', function () {
+      beforeEach(function () {
+        this.DocumentManager.updateCommentStateWithLock = sinon
+          .stub()
+          .callsArgWith(5, new Error('oops'))
+        this.HttpController.reopenComment(this.req, this.res, this.next)
+      })
+
+      it('should call next with the error', function () {
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+    })
+  })
+
+  describe('deleteComment', function () {
+    beforeEach(function () {
+      this.user_id = 'user-id-123'
+      this.req = {
+        params: {
+          project_id: this.project_id,
+          doc_id: this.doc_id,
+          comment_id: (this.comment_id = 'mock-comment-id'),
+        },
+        query: {},
+        body: {
+          user_id: this.user_id,
+        },
+      }
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.DocumentManager.deleteCommentWithLock = sinon
+          .stub()
+          .callsArgWith(4)
+
+        this.ProjectHistoryRedisManager.queueOps = sinon.stub()
+        this.HttpController.deleteComment(this.req, this.res, this.next)
+      })
+
+      it('should accept the change', function () {
+        this.DocumentManager.deleteCommentWithLock
+          .calledWith(
+            this.project_id,
+            this.doc_id,
+            this.comment_id,
+            this.user_id
+          )
+          .should.equal(true)
+      })
+
+      it('should return a successful No Content response', function () {
+        this.res.sendStatus.calledWith(204).should.equal(true)
+      })
+
+      it('should log the request', function () {
+        this.logger.debug
+          .calledWith(
+            {
+              projectId: this.project_id,
+              docId: this.doc_id,
+              commentId: this.comment_id,
+            },
+            'deleting comment via http'
+          )
+          .should.equal(true)
+      })
+
+      it('should time the request', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+    })
+
+    describe('when an errors occurs', function () {
+      beforeEach(function () {
+        this.DocumentManager.deleteCommentWithLock = sinon
+          .stub()
+          .callsArgWith(4, new Error('oops'))
+        this.HttpController.deleteComment(this.req, this.res, this.next)
+      })
+
+      it('should call next with the error', function () {
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+    })
+  })
+
+  describe('getProjectDocsAndFlushIfOld', function () {
+    beforeEach(function () {
+      this.state = '01234567890abcdef'
+      this.docs = [
+        { _id: '1234', lines: 'hello', v: 23 },
+        { _id: '4567', lines: 'world', v: 45 },
+      ]
+      this.req = {
+        params: {
+          project_id: this.project_id,
+        },
+        query: {
+          state: this.state,
+        },
+        body: {},
+      }
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.ProjectManager.getProjectDocsAndFlushIfOld = sinon
+          .stub()
+          .callsArgWith(3, null, this.docs)
+        this.HttpController.getProjectDocsAndFlushIfOld(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should get docs from the project manager', function () {
+        this.ProjectManager.getProjectDocsAndFlushIfOld
+          .calledWith(this.project_id, this.state, {})
+          .should.equal(true)
+      })
+
+      it('should return a successful response', function () {
+        this.res.send.calledWith(this.docs).should.equal(true)
+      })
+
+      it('should log the request', function () {
+        this.logger.debug
+          .calledWith(
+            { projectId: this.project_id, exclude: [] },
+            'getting docs via http'
+          )
+          .should.equal(true)
+      })
+
+      it('should log the response', function () {
+        this.logger.debug
+          .calledWith(
+            { projectId: this.project_id, result: ['1234:23', '4567:45'] },
+            'got docs via http'
+          )
+          .should.equal(true)
+      })
+
+      it('should time the request', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+    })
+
+    describe('when there is a conflict', function () {
+      beforeEach(function () {
+        this.ProjectManager.getProjectDocsAndFlushIfOld = sinon
+          .stub()
+          .callsArgWith(
+            3,
+            new Errors.ProjectStateChangedError('project state changed')
+          )
+        this.HttpController.getProjectDocsAndFlushIfOld(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should return an HTTP 409 Conflict response', function () {
+        this.res.sendStatus.calledWith(409).should.equal(true)
+      })
+    })
+
+    describe('when an error occurs', function () {
+      beforeEach(function () {
+        this.ProjectManager.getProjectDocsAndFlushIfOld = sinon
+          .stub()
+          .callsArgWith(3, new Error('oops'))
+        this.HttpController.getProjectDocsAndFlushIfOld(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should call next with the error', function () {
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+    })
+  })
+
+  describe('updateProject', function () {
+    beforeEach(function () {
+      this.projectHistoryId = 'history-id-123'
+      this.userId = 'user-id-123'
+      this.updates = [
+        {
+          type: 'rename-doc',
+          id: 1,
+          pathname: 'thesis.tex',
+          newPathname: 'book.tex',
+        },
+        { type: 'add-doc', id: 2, pathname: 'article.tex', docLines: 'hello' },
+        {
+          type: 'rename-file',
+          id: 3,
+          pathname: 'apple.png',
+          newPathname: 'banana.png',
+        },
+        { type: 'add-file', id: 4, url: 'filestore.example.com/4' },
+      ]
+      this.version = 1234567
+      this.req = {
+        query: {},
+        body: {
+          projectHistoryId: this.projectHistoryId,
+          userId: this.userId,
+          updates: this.updates,
+          version: this.version,
+          source: this.source,
+        },
+        params: {
+          project_id: this.project_id,
+        },
+      }
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.ProjectManager.updateProjectWithLocks = sinon.stub().yields()
+        this.HttpController.updateProject(this.req, this.res, this.next)
+      })
+
+      it('should accept the change', function () {
+        this.ProjectManager.updateProjectWithLocks
+          .calledWith(
+            this.project_id,
+            this.projectHistoryId,
+            this.userId,
+            this.updates,
+            this.version,
+            this.source
+          )
+          .should.equal(true)
+      })
+
+      it('should return a successful No Content response', function () {
+        this.res.sendStatus.calledWith(204).should.equal(true)
+      })
+
+      it('should time the request', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+    })
+
+    describe('when an errors occurs', function () {
+      beforeEach(function () {
+        this.ProjectManager.updateProjectWithLocks = sinon
+          .stub()
+          .yields(new Error('oops'))
+        this.HttpController.updateProject(this.req, this.res, this.next)
+      })
+
+      it('should call next with the error', function () {
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+    })
+  })
+
+  describe('resyncProjectHistory', function () {
+    beforeEach(function () {
+      this.projectHistoryId = 'history-id-123'
+      this.docs = sinon.stub()
+      this.files = sinon.stub()
+      this.fileUpdates = sinon.stub()
+      this.req = {
+        query: {},
+        body: {
+          projectHistoryId: this.projectHistoryId,
+          docs: this.docs,
+          files: this.files,
+        },
+        params: {
+          project_id: this.project_id,
+        },
+      }
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.HistoryManager.resyncProjectHistory = sinon.stub().callsArgWith(5)
+        this.HttpController.resyncProjectHistory(this.req, this.res, this.next)
+      })
+
+      it('should accept the change', function () {
+        this.HistoryManager.resyncProjectHistory
+          .calledWith(
+            this.project_id,
+            this.projectHistoryId,
+            this.docs,
+            this.files,
+            {}
+          )
+          .should.equal(true)
+      })
+
+      it('should return a successful No Content response', function () {
+        this.res.sendStatus.should.have.been.calledWith(204)
+      })
+    })
+
+    describe('when an errors occurs', function () {
+      beforeEach(function () {
+        this.HistoryManager.resyncProjectHistory = sinon
+          .stub()
+          .callsArgWith(5, new Error('oops'))
+        this.HttpController.resyncProjectHistory(this.req, this.res, this.next)
+      })
+
+      it('should call next with the error', function () {
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+    })
+  })
+
+  describe('appendToDoc', function () {
+    beforeEach(function () {
+      this.lines = ['one', 'two', 'three']
+      this.source = 'dropbox'
+      this.user_id = 'user-id-123'
+      this.req = {
+        headers: {},
+        params: {
+          project_id: this.project_id,
+          doc_id: this.doc_id,
+        },
+        query: {},
+        body: {
+          lines: this.lines,
+          source: this.source,
+          user_id: this.user_id,
+          undoing: (this.undoing = true),
+        },
+      }
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.DocumentManager.appendToDocWithLock = sinon
+          .stub()
+          .callsArgWith(5, null, { rev: '123' })
+        this.HttpController.appendToDoc(this.req, this.res, this.next)
+      })
+
+      it('should append to the doc', function () {
+        this.DocumentManager.appendToDocWithLock
+          .calledWith(
+            this.project_id,
+            this.doc_id,
+            this.lines,
+            this.source,
+            this.user_id
+          )
+          .should.equal(true)
+      })
+
+      it('should return a json response with the document rev from web', function () {
+        this.res.json.calledWithMatch({ rev: '123' }).should.equal(true)
+      })
+
+      it('should log the request', function () {
+        this.logger.debug
+          .calledWith(
+            {
+              docId: this.doc_id,
+              projectId: this.project_id,
+              lines: this.lines,
+              source: this.source,
+              userId: this.user_id,
+            },
+            'appending to doc via http'
+          )
+          .should.equal(true)
+      })
+
+      it('should time the request', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+    })
+
+    describe('when an errors occurs', function () {
+      beforeEach(function () {
+        this.DocumentManager.appendToDocWithLock = sinon
+          .stub()
+          .callsArgWith(5, new Error('oops'))
+        this.HttpController.appendToDoc(this.req, this.res, this.next)
+      })
+
+      it('should call next with the error', function () {
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+    })
+
+    describe('when the payload is too large', function () {
+      beforeEach(function () {
+        this.DocumentManager.appendToDocWithLock = sinon
+          .stub()
+          .callsArgWith(5, new Errors.FileTooLargeError())
+        this.HttpController.appendToDoc(this.req, this.res, this.next)
+      })
+
+      it('should send back a 422 response', function () {
+        this.res.sendStatus.calledWith(422).should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/Limits/LimitsTests.js b/services/document-updater/test/unit/js/Limits/LimitsTests.js
new file mode 100644
index 0000000..34a5c13
--- /dev/null
+++ b/services/document-updater/test/unit/js/Limits/LimitsTests.js
@@ -0,0 +1,84 @@
+const { expect } = require('chai')
+const modulePath = '../../../../app/js/Limits.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('Limits', function () {
+  beforeEach(function () {
+    return (this.Limits = SandboxedModule.require(modulePath))
+  })
+
+  describe('getTotalSizeOfLines', function () {
+    it('should compute the character count for a document with multiple lines', function () {
+      const count = this.Limits.getTotalSizeOfLines(['123', '4567'])
+      expect(count).to.equal(9)
+    })
+
+    it('should compute the character count for a document with a single line', function () {
+      const count = this.Limits.getTotalSizeOfLines(['123'])
+      expect(count).to.equal(4)
+    })
+
+    it('should compute the character count for an empty document', function () {
+      const count = this.Limits.getTotalSizeOfLines([])
+      expect(count).to.equal(0)
+    })
+  })
+
+  describe('docIsTooLarge', function () {
+    describe('when the estimated size is below the limit', function () {
+      it('should return false when the estimated size is below the limit', function () {
+        const result = this.Limits.docIsTooLarge(128, ['hello', 'world'], 1024)
+        expect(result).to.be.false
+      })
+    })
+
+    describe('when the estimated size is at the limit', function () {
+      it('should return false when the estimated size is at the limit', function () {
+        const result = this.Limits.docIsTooLarge(1024, ['hello', 'world'], 1024)
+        expect(result).to.be.false
+      })
+    })
+
+    describe('when the estimated size is above the limit', function () {
+      it('should return false when the actual character count is below the limit', function () {
+        const result = this.Limits.docIsTooLarge(2048, ['hello', 'world'], 1024)
+        expect(result).to.be.false
+      })
+
+      it('should return false when the actual character count is at the limit', function () {
+        const result = this.Limits.docIsTooLarge(2048, ['x'.repeat(1023)], 1024)
+        expect(result).to.be.false
+      })
+
+      it('should return true when the actual character count is above the limit by 1', function () {
+        const count = this.Limits.docIsTooLarge(2048, ['x'.repeat(1024)], 1024)
+        expect(count).to.be.true
+      })
+
+      it('should return true when the actual character count is above the limit', function () {
+        const count = this.Limits.docIsTooLarge(2048, ['x'.repeat(2000)], 1024)
+        expect(count).to.be.true
+      })
+    })
+
+    describe('when the document has many lines', function () {
+      it('should return false when the actual character count is below the limit ', function () {
+        const count = this.Limits.docIsTooLarge(
+          2048,
+          '1234567890'.repeat(100).split('0'),
+          1024
+        )
+        expect(count).to.be.false
+      })
+
+      it('should return true when the actual character count is above the limit', function () {
+        const count = this.Limits.docIsTooLarge(
+          2048,
+          '1234567890'.repeat(2000).split('0'),
+          1024
+        )
+        expect(count).to.be.true
+      })
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/LockManager/CheckingTheLock.js b/services/document-updater/test/unit/js/LockManager/CheckingTheLock.js
new file mode 100644
index 0000000..575ed90
--- /dev/null
+++ b/services/document-updater/test/unit/js/LockManager/CheckingTheLock.js
@@ -0,0 +1,65 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS206: Consider reworking classes to avoid initClass
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const assert = require('node:assert')
+const path = require('node:path')
+const modulePath = path.join(__dirname, '../../../../app/js/LockManager.js')
+const projectId = 1234
+const docId = 5678
+const blockingKey = `Blocking:${docId}`
+const SandboxedModule = require('sandboxed-module')
+
+describe('LockManager - checking the lock', function () {
+  let Profiler
+  const existsStub = sinon.stub()
+
+  const mocks = {
+    '@overleaf/redis-wrapper': {
+      createClient() {
+        return {
+          auth() {},
+          exists: existsStub,
+        }
+      },
+    },
+    '@overleaf/metrics': { inc() {} },
+    './Profiler': (Profiler = (function () {
+      Profiler = class Profiler {
+        static initClass() {
+          this.prototype.log = sinon.stub().returns({ end: sinon.stub() })
+          this.prototype.end = sinon.stub()
+        }
+      }
+      Profiler.initClass()
+      return Profiler
+    })()),
+  }
+  const LockManager = SandboxedModule.require(modulePath, { requires: mocks })
+
+  it('should return true if the key does not exists', function (done) {
+    existsStub.yields(null, '0')
+    return LockManager.checkLock(docId, (err, free) => {
+      if (err) return done(err)
+      free.should.equal(true)
+      return done()
+    })
+  })
+
+  return it('should return false if the key does exists', function (done) {
+    existsStub.yields(null, '1')
+    return LockManager.checkLock(docId, (err, free) => {
+      if (err) return done(err)
+      free.should.equal(false)
+      return done()
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/LockManager/ReleasingTheLock.js b/services/document-updater/test/unit/js/LockManager/ReleasingTheLock.js
new file mode 100644
index 0000000..a39a3b4
--- /dev/null
+++ b/services/document-updater/test/unit/js/LockManager/ReleasingTheLock.js
@@ -0,0 +1,94 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS206: Consider reworking classes to avoid initClass
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const assert = require('node:assert')
+const path = require('node:path')
+const modulePath = path.join(__dirname, '../../../../app/js/LockManager.js')
+const projectId = 1234
+const docId = 5678
+const SandboxedModule = require('sandboxed-module')
+
+describe('LockManager - releasing the lock', function () {
+  beforeEach(function () {
+    let Profiler
+    this.client = {
+      auth() {},
+      eval: sinon.stub(),
+    }
+    const mocks = {
+      '@overleaf/redis-wrapper': {
+        createClient: () => this.client,
+      },
+      '@overleaf/settings': {
+        redis: {
+          lock: {
+            key_schema: {
+              blockingKey({ doc_id: docId }) {
+                return `Blocking:${docId}`
+              },
+            },
+          },
+        },
+      },
+      '@overleaf/metrics': { inc() {} },
+      './Profiler': (Profiler = (function () {
+        Profiler = class Profiler {
+          static initClass() {
+            this.prototype.log = sinon.stub().returns({ end: sinon.stub() })
+            this.prototype.end = sinon.stub()
+          }
+        }
+        Profiler.initClass()
+        return Profiler
+      })()),
+    }
+    this.LockManager = SandboxedModule.require(modulePath, { requires: mocks })
+    this.lockValue = 'lock-value-stub'
+    return (this.callback = sinon.stub())
+  })
+
+  describe('when the lock is current', function () {
+    beforeEach(function () {
+      this.client.eval = sinon.stub().yields(null, 1)
+      return this.LockManager.releaseLock(docId, this.lockValue, this.callback)
+    })
+
+    it('should clear the data from redis', function () {
+      return this.client.eval
+        .calledWith(
+          this.LockManager.unlockScript,
+          1,
+          `Blocking:${docId}`,
+          this.lockValue
+        )
+        .should.equal(true)
+    })
+
+    return it('should call the callback', function () {
+      return this.callback.called.should.equal(true)
+    })
+  })
+
+  return describe('when the lock has expired', function () {
+    beforeEach(function () {
+      this.client.eval = sinon.stub().yields(null, 0)
+      return this.LockManager.releaseLock(docId, this.lockValue, this.callback)
+    })
+
+    return it('should return an error if the lock has expired', function () {
+      return this.callback
+        .calledWith(sinon.match.instanceOf(Error))
+        .should.equal(true)
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/LockManager/getLockTests.js b/services/document-updater/test/unit/js/LockManager/getLockTests.js
new file mode 100644
index 0000000..938c593
--- /dev/null
+++ b/services/document-updater/test/unit/js/LockManager/getLockTests.js
@@ -0,0 +1,126 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS206: Consider reworking classes to avoid initClass
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const modulePath = '../../../../app/js/LockManager.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('LockManager - getting the lock', function () {
+  beforeEach(function () {
+    let Profiler
+    this.LockManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/redis-wrapper': {
+          createClient: () => {
+            return { auth() {} }
+          },
+        },
+        '@overleaf/metrics': { inc() {} },
+        './Profiler': (Profiler = (function () {
+          Profiler = class Profiler {
+            static initClass() {
+              this.prototype.log = sinon.stub().returns({ end: sinon.stub() })
+              this.prototype.end = sinon.stub()
+            }
+          }
+          Profiler.initClass()
+          return Profiler
+        })()),
+      },
+    })
+    this.callback = sinon.stub()
+    return (this.doc_id = 'doc-id-123')
+  })
+
+  describe('when the lock is not set', function () {
+    beforeEach(function (done) {
+      this.lockValue = 'mock-lock-value'
+      this.LockManager.tryLock = sinon
+        .stub()
+        .callsArgWith(1, null, true, this.lockValue)
+      return this.LockManager.getLock(this.doc_id, (...args) => {
+        this.callback(...Array.from(args || []))
+        return done()
+      })
+    })
+
+    it('should try to get the lock', function () {
+      return this.LockManager.tryLock.calledWith(this.doc_id).should.equal(true)
+    })
+
+    it('should only need to try once', function () {
+      return this.LockManager.tryLock.callCount.should.equal(1)
+    })
+
+    return it('should return the callback with the lock value', function () {
+      return this.callback.calledWith(null, this.lockValue).should.equal(true)
+    })
+  })
+
+  describe('when the lock is initially set', function () {
+    beforeEach(function (done) {
+      this.lockValue = 'mock-lock-value'
+      const startTime = Date.now()
+      let tries = 0
+      this.LockManager.LOCK_TEST_INTERVAL = 5
+      this.LockManager.tryLock = (docId, callback) => {
+        if (callback == null) {
+          callback = function () {}
+        }
+        if (Date.now() - startTime < 20 || tries < 2) {
+          tries = tries + 1
+          return callback(null, false)
+        } else {
+          return callback(null, true, this.lockValue)
+        }
+      }
+      sinon.spy(this.LockManager, 'tryLock')
+
+      return this.LockManager.getLock(this.doc_id, (...args) => {
+        this.callback(...Array.from(args || []))
+        return done()
+      })
+    })
+
+    it('should call tryLock multiple times until free', function () {
+      return (this.LockManager.tryLock.callCount > 1).should.equal(true)
+    })
+
+    return it('should return the callback with the lock value', function () {
+      return this.callback.calledWith(null, this.lockValue).should.equal(true)
+    })
+  })
+
+  return describe('when the lock times out', function () {
+    beforeEach(function (done) {
+      const time = Date.now()
+      this.LockManager.MAX_LOCK_WAIT_TIME = 5
+      this.LockManager.tryLock = sinon.stub().callsArgWith(1, null, false)
+      return this.LockManager.getLock(this.doc_id, (...args) => {
+        this.callback(...Array.from(args || []))
+        return done()
+      })
+    })
+
+    return it('should return the callback with an error', function () {
+      return this.callback
+        .calledWith(
+          sinon.match
+            .instanceOf(Error)
+            .and(sinon.match.has('doc_id', this.doc_id))
+        )
+        .should.equal(true)
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/LockManager/tryLockTests.js b/services/document-updater/test/unit/js/LockManager/tryLockTests.js
new file mode 100644
index 0000000..861f733
--- /dev/null
+++ b/services/document-updater/test/unit/js/LockManager/tryLockTests.js
@@ -0,0 +1,155 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS206: Consider reworking classes to avoid initClass
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const modulePath = '../../../../app/js/LockManager.js'
+const SandboxedModule = require('sandboxed-module')
+const tk = require('timekeeper')
+
+describe('LockManager - trying the lock', function () {
+  beforeEach(function () {
+    let Profiler
+    this.LockManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/redis-wrapper': {
+          createClient: () => {
+            return {
+              auth() {},
+              set: (this.set = sinon.stub()),
+            }
+          },
+        },
+        '@overleaf/metrics': { inc() {} },
+        '@overleaf/settings': {
+          redis: {
+            lock: {
+              key_schema: {
+                blockingKey({ doc_id: docId }) {
+                  return `Blocking:${docId}`
+                },
+              },
+            },
+          },
+        },
+        './Profiler':
+          (this.Profiler = Profiler =
+            (function () {
+              Profiler = class Profiler {
+                static initClass() {
+                  this.prototype.log = sinon
+                    .stub()
+                    .returns({ end: sinon.stub() })
+                  this.prototype.end = sinon.stub()
+                }
+              }
+              Profiler.initClass()
+              return Profiler
+            })()),
+      },
+    })
+
+    this.callback = sinon.stub()
+    return (this.doc_id = 'doc-id-123')
+  })
+
+  describe('when the lock is not set', function () {
+    beforeEach(function () {
+      this.lockValue = 'mock-lock-value'
+      this.LockManager.randomLock = sinon.stub().returns(this.lockValue)
+      this.set.callsArgWith(5, null, 'OK')
+      return this.LockManager.tryLock(this.doc_id, this.callback)
+    })
+
+    it('should set the lock key with an expiry if it is not set', function () {
+      return this.set
+        .calledWith(`Blocking:${this.doc_id}`, this.lockValue, 'EX', 30, 'NX')
+        .should.equal(true)
+    })
+
+    return it('should return the callback with true and the lock value', function () {
+      return this.callback
+        .calledWith(null, true, this.lockValue)
+        .should.equal(true)
+    })
+  })
+
+  describe('when the lock is already set', function () {
+    beforeEach(function () {
+      this.set.callsArgWith(5, null, null)
+      return this.LockManager.tryLock(this.doc_id, this.callback)
+    })
+
+    return it('should return the callback with false', function () {
+      return this.callback.calledWith(null, false).should.equal(true)
+    })
+  })
+
+  return describe('when it takes a long time for redis to set the lock', function () {
+    beforeEach(function () {
+      tk.freeze(Date.now())
+      this.lockValue = 'mock-lock-value'
+      this.LockManager.randomLock = sinon.stub().returns(this.lockValue)
+      this.LockManager.releaseLock = sinon.stub().callsArgWith(2, null)
+      this.set.callsFake((_key, _v, _ex, _ttl, _nx, cb) => {
+        tk.freeze(Date.now() + 7000)
+        cb(null, 'OK')
+      })
+    })
+    after(function () {
+      tk.reset()
+    })
+
+    describe('in all cases', function () {
+      beforeEach(function () {
+        return this.LockManager.tryLock(this.doc_id, this.callback)
+      })
+
+      it('should set the lock key with an expiry if it is not set', function () {
+        return this.set
+          .calledWith(`Blocking:${this.doc_id}`, this.lockValue, 'EX', 30, 'NX')
+          .should.equal(true)
+      })
+
+      return it('should try to release the lock', function () {
+        return this.LockManager.releaseLock
+          .calledWith(this.doc_id, this.lockValue)
+          .should.equal(true)
+      })
+    })
+
+    describe('if the lock is released successfully', function () {
+      beforeEach(function () {
+        this.LockManager.releaseLock = sinon.stub().callsArgWith(2, null)
+        return this.LockManager.tryLock(this.doc_id, this.callback)
+      })
+
+      return it('should return the callback with false', function () {
+        return this.callback.calledWith(null, false).should.equal(true)
+      })
+    })
+
+    return describe('if the lock has already timed out', function () {
+      beforeEach(function () {
+        this.LockManager.releaseLock = sinon
+          .stub()
+          .callsArgWith(2, new Error('tried to release timed out lock'))
+        return this.LockManager.tryLock(this.doc_id, this.callback)
+      })
+
+      return it('should return the callback with an error', function () {
+        return this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/PersistenceManager/PersistenceManagerTests.js b/services/document-updater/test/unit/js/PersistenceManager/PersistenceManagerTests.js
new file mode 100644
index 0000000..8c82677
--- /dev/null
+++ b/services/document-updater/test/unit/js/PersistenceManager/PersistenceManagerTests.js
@@ -0,0 +1,524 @@
+const sinon = require('sinon')
+const modulePath = '../../../../app/js/PersistenceManager.js'
+const SandboxedModule = require('sandboxed-module')
+const Errors = require('../../../../app/js/Errors')
+
+describe('PersistenceManager', function () {
+  beforeEach(function () {
+    this.request = sinon.stub()
+    this.request.defaults = () => this.request
+    this.Metrics = {
+      Timer: class Timer {},
+      inc: sinon.stub(),
+    }
+    this.Metrics.Timer.prototype.done = sinon.stub()
+    this.Settings = {}
+
+    this.PersistenceManager = SandboxedModule.require(modulePath, {
+      requires: {
+        requestretry: this.request,
+        '@overleaf/settings': this.Settings,
+        './Metrics': this.Metrics,
+        './Errors': Errors,
+      },
+    })
+    this.project_id = 'project-id-123'
+    this.projectHistoryId = 'history-id-123'
+    this.doc_id = 'doc-id-123'
+    this.lines = ['one', 'two', 'three']
+    this.version = 42
+    this.callback = sinon.stub()
+    this.ranges = { comments: 'mock', entries: 'mock' }
+    this.pathname = '/a/b/c.tex'
+    this.lastUpdatedAt = Date.now()
+    this.lastUpdatedBy = 'last-author-id'
+    this.historyRangesSupport = false
+    this.Settings.apis = {
+      web: {
+        url: (this.url = 'www.example.com'),
+        user: (this.user = 'overleaf'),
+        pass: (this.pass = 'password'),
+      },
+    }
+  })
+
+  describe('getDoc', function () {
+    beforeEach(function () {
+      this.webResponse = {
+        lines: this.lines,
+        version: this.version,
+        ranges: this.ranges,
+        pathname: this.pathname,
+        projectHistoryId: this.projectHistoryId,
+        historyRangesSupport: this.historyRangesSupport,
+      }
+    })
+
+    describe('with a successful response from the web api', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(
+          1,
+          null,
+          { statusCode: 200 },
+          JSON.stringify(this.webResponse)
+        )
+        this.PersistenceManager.getDoc(
+          this.project_id,
+          this.doc_id,
+          this.callback
+        )
+      })
+
+      it('should call the web api', function () {
+        this.request
+          .calledWith({
+            url: `${this.url}/project/${this.project_id}/doc/${this.doc_id}`,
+            method: 'GET',
+            headers: {
+              accept: 'application/json',
+            },
+            auth: {
+              user: this.user,
+              pass: this.pass,
+              sendImmediately: true,
+            },
+            jar: false,
+            timeout: 5000,
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback with the doc lines, version and ranges', function () {
+        this.callback
+          .calledWith(
+            null,
+            this.lines,
+            this.version,
+            this.ranges,
+            this.pathname,
+            this.projectHistoryId,
+            this.historyRangesSupport
+          )
+          .should.equal(true)
+      })
+
+      it('should time the execution', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+
+      it('should increment the metric', function () {
+        this.Metrics.inc
+          .calledWith('getDoc', 1, { status: 200 })
+          .should.equal(true)
+      })
+    })
+
+    describe('with the peek option', function () {
+      beforeEach(function () {
+        this.request.yields(
+          null,
+          { statusCode: 200 },
+          JSON.stringify(this.webResponse)
+        )
+        this.PersistenceManager.getDoc(
+          this.project_id,
+          this.doc_id,
+          { peek: true },
+          this.callback
+        )
+      })
+
+      it('should call the web api with a peek param', function () {
+        this.request
+          .calledWith({
+            url: `${this.url}/project/${this.project_id}/doc/${this.doc_id}`,
+            qs: { peek: 'true' },
+            method: 'GET',
+            headers: {
+              accept: 'application/json',
+            },
+            auth: {
+              user: this.user,
+              pass: this.pass,
+              sendImmediately: true,
+            },
+            jar: false,
+            timeout: 5000,
+          })
+          .should.equal(true)
+      })
+    })
+
+    describe('when request returns an error', function () {
+      beforeEach(function () {
+        this.error = new Error('oops')
+        this.error.code = 'EOOPS'
+        this.request.callsArgWith(1, this.error, null, null)
+        this.PersistenceManager.getDoc(
+          this.project_id,
+          this.doc_id,
+          this.callback
+        )
+      })
+
+      it('should return a generic connection error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(sinon.match.has('message', 'error connecting to web API'))
+          )
+          .should.equal(true)
+      })
+
+      it('should time the execution', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+
+      it('should increment the metric', function () {
+        this.Metrics.inc
+          .calledWith('getDoc', 1, { status: 'EOOPS' })
+          .should.equal(true)
+      })
+    })
+
+    describe('when the request returns 404', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 404 }, '')
+        this.PersistenceManager.getDoc(
+          this.project_id,
+          this.doc_id,
+          this.callback
+        )
+      })
+
+      it('should return a NotFoundError', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Errors.NotFoundError))
+          .should.equal(true)
+      })
+
+      it('should time the execution', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+
+      it('should increment the metric', function () {
+        this.Metrics.inc
+          .calledWith('getDoc', 1, { status: 404 })
+          .should.equal(true)
+      })
+    })
+
+    describe('when the request returns 413', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 413 }, '')
+        this.PersistenceManager.getDoc(
+          this.project_id,
+          this.doc_id,
+          this.callback
+        )
+      })
+
+      it('should return a FileTooLargeError', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Errors.FileTooLargeError))
+          .should.equal(true)
+      })
+
+      it('should time the execution', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+
+      it('should increment the metric', function () {
+        this.Metrics.inc
+          .calledWith('getDoc', 1, { status: 413 })
+          .should.equal(true)
+      })
+    })
+
+    describe('when the request returns an error status code', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 500 }, '')
+        this.PersistenceManager.getDoc(
+          this.project_id,
+          this.doc_id,
+          this.callback
+        )
+      })
+
+      it('should return an error', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+
+      it('should time the execution', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+
+      it('should increment the metric', function () {
+        this.Metrics.inc
+          .calledWith('getDoc', 1, { status: 500 })
+          .should.equal(true)
+      })
+    })
+
+    describe('when request returns an doc without lines', function () {
+      beforeEach(function () {
+        delete this.webResponse.lines
+        this.request.callsArgWith(
+          1,
+          null,
+          { statusCode: 200 },
+          JSON.stringify(this.webResponse)
+        )
+        this.PersistenceManager.getDoc(
+          this.project_id,
+          this.doc_id,
+          this.callback
+        )
+      })
+
+      it('should return and error', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('when request returns an doc without a version', function () {
+      beforeEach(function () {
+        delete this.webResponse.version
+        this.request.callsArgWith(
+          1,
+          null,
+          { statusCode: 200 },
+          JSON.stringify(this.webResponse)
+        )
+        this.PersistenceManager.getDoc(
+          this.project_id,
+          this.doc_id,
+          this.callback
+        )
+      })
+
+      it('should return and error', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('when request returns an doc without a pathname', function () {
+      beforeEach(function () {
+        delete this.webResponse.pathname
+        this.request.callsArgWith(
+          1,
+          null,
+          { statusCode: 200 },
+          JSON.stringify(this.webResponse)
+        )
+        this.PersistenceManager.getDoc(
+          this.project_id,
+          this.doc_id,
+          this.callback
+        )
+      })
+
+      it('should return and error', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('setDoc', function () {
+    describe('with a successful response from the web api', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 200 })
+        this.PersistenceManager.setDoc(
+          this.project_id,
+          this.doc_id,
+          this.lines,
+          this.version,
+          this.ranges,
+          this.lastUpdatedAt,
+          this.lastUpdatedBy,
+          this.callback
+        )
+      })
+
+      it('should call the web api', function () {
+        this.request
+          .calledWith({
+            url: `${this.url}/project/${this.project_id}/doc/${this.doc_id}`,
+            json: {
+              lines: this.lines,
+              version: this.version,
+              ranges: this.ranges,
+              lastUpdatedAt: this.lastUpdatedAt,
+              lastUpdatedBy: this.lastUpdatedBy,
+            },
+            method: 'POST',
+            auth: {
+              user: this.user,
+              pass: this.pass,
+              sendImmediately: true,
+            },
+            jar: false,
+            timeout: 5000,
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback without error', function () {
+        this.callback.calledWith(null).should.equal(true)
+      })
+
+      it('should time the execution', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+
+      it('should increment the metric', function () {
+        this.Metrics.inc
+          .calledWith('setDoc', 1, { status: 200 })
+          .should.equal(true)
+      })
+    })
+
+    describe('when request returns an error', function () {
+      beforeEach(function () {
+        this.error = new Error('oops')
+        this.error.code = 'EOOPS'
+        this.request.callsArgWith(1, this.error, null, null)
+        this.PersistenceManager.setDoc(
+          this.project_id,
+          this.doc_id,
+          this.lines,
+          this.version,
+          this.ranges,
+          this.lastUpdatedAt,
+          this.lastUpdatedBy,
+          this.callback
+        )
+      })
+
+      it('should return a generic connection error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(sinon.match.has('message', 'error connecting to web API'))
+          )
+          .should.equal(true)
+      })
+
+      it('should time the execution', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+
+      it('should increment the metric', function () {
+        this.Metrics.inc
+          .calledWith('setDoc', 1, { status: 'EOOPS' })
+          .should.equal(true)
+      })
+    })
+
+    describe('when the request returns 404', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 404 }, '')
+        this.PersistenceManager.setDoc(
+          this.project_id,
+          this.doc_id,
+          this.lines,
+          this.version,
+          this.ranges,
+          this.lastUpdatedAt,
+          this.lastUpdatedBy,
+          this.callback
+        )
+      })
+
+      it('should return a NotFoundError', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Errors.NotFoundError))
+          .should.equal(true)
+      })
+
+      it('should time the execution', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+
+      it('should increment the metric', function () {
+        this.Metrics.inc
+          .calledWith('setDoc', 1, { status: 404 })
+          .should.equal(true)
+      })
+    })
+
+    describe('when the request returns 413', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 413 }, '')
+        this.PersistenceManager.setDoc(
+          this.project_id,
+          this.doc_id,
+          this.lines,
+          this.version,
+          this.ranges,
+          this.lastUpdatedAt,
+          this.lastUpdatedBy,
+          this.callback
+        )
+      })
+
+      it('should return a FileTooLargeError', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Errors.FileTooLargeError))
+          .should.equal(true)
+      })
+
+      it('should time the execution', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+
+      it('should increment the metric', function () {
+        this.Metrics.inc
+          .calledWith('setDoc', 1, { status: 413 })
+          .should.equal(true)
+      })
+    })
+
+    describe('when the request returns an error status code', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 500 }, '')
+        this.PersistenceManager.setDoc(
+          this.project_id,
+          this.doc_id,
+          this.lines,
+          this.version,
+          this.ranges,
+          this.lastUpdatedAt,
+          this.lastUpdatedBy,
+          this.callback
+        )
+      })
+
+      it('should return an error', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+
+      it('should time the execution', function () {
+        this.Metrics.Timer.prototype.done.called.should.equal(true)
+      })
+
+      it('should increment the metric', function () {
+        this.Metrics.inc
+          .calledWith('setDoc', 1, { status: 500 })
+          .should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/ProjectHistoryRedisManager/ProjectHistoryRedisManagerTests.js b/services/document-updater/test/unit/js/ProjectHistoryRedisManager/ProjectHistoryRedisManagerTests.js
new file mode 100644
index 0000000..760385b
--- /dev/null
+++ b/services/document-updater/test/unit/js/ProjectHistoryRedisManager/ProjectHistoryRedisManagerTests.js
@@ -0,0 +1,610 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../../app/js/ProjectHistoryRedisManager.js'
+const SandboxedModule = require('sandboxed-module')
+const tk = require('timekeeper')
+
+describe('ProjectHistoryRedisManager', function () {
+  beforeEach(function () {
+    this.project_id = 'project-id-123'
+    this.projectHistoryId = 'history-id-123'
+    this.user_id = 'user-id-123'
+    this.rclient = {}
+    this.source = 'editor'
+    tk.freeze(new Date())
+
+    this.Limits = {
+      docIsTooLarge: sinon.stub().returns(false),
+    }
+
+    this.ProjectHistoryRedisManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': (this.settings = {
+          max_doc_length: 123,
+          redis: {
+            project_history: {
+              key_schema: {
+                projectHistoryOps({ project_id: projectId }) {
+                  return `ProjectHistory:Ops:${projectId}`
+                },
+                projectHistoryFirstOpTimestamp({ project_id: projectId }) {
+                  return `ProjectHistory:FirstOpTimestamp:${projectId}`
+                },
+              },
+            },
+          },
+        }),
+        '@overleaf/redis-wrapper': {
+          createClient: () => this.rclient,
+        },
+        './Metrics': (this.metrics = { summary: sinon.stub() }),
+        './Limits': this.Limits,
+      },
+    })
+  })
+
+  afterEach(function () {
+    tk.reset()
+  })
+
+  describe('queueOps', function () {
+    beforeEach(async function () {
+      this.ops = ['mock-op-1', 'mock-op-2']
+      this.multi = { exec: sinon.stub().resolves([1]) }
+      this.multi.rpush = sinon.stub()
+      this.multi.setnx = sinon.stub()
+      this.rclient.multi = () => this.multi
+      await this.ProjectHistoryRedisManager.promises.queueOps(
+        this.project_id,
+        ...this.ops
+      )
+    })
+
+    it('should queue an update', function () {
+      this.multi.rpush
+        .calledWithExactly(
+          `ProjectHistory:Ops:${this.project_id}`,
+          this.ops[0],
+          this.ops[1]
+        )
+        .should.equal(true)
+    })
+
+    it('should set the queue timestamp if not present', function () {
+      this.multi.setnx
+        .calledWithExactly(
+          `ProjectHistory:FirstOpTimestamp:${this.project_id}`,
+          Date.now()
+        )
+        .should.equal(true)
+    })
+  })
+
+  describe('queueRenameEntity', function () {
+    beforeEach(async function () {
+      this.file_id = 1234
+
+      this.rawUpdate = {
+        pathname: (this.pathname = '/old'),
+        newPathname: (this.newPathname = '/new'),
+        version: (this.version = 2),
+      }
+
+      this.ProjectHistoryRedisManager.promises.queueOps = sinon
+        .stub()
+        .resolves()
+      await this.ProjectHistoryRedisManager.promises.queueRenameEntity(
+        this.project_id,
+        this.projectHistoryId,
+        'file',
+        this.file_id,
+        this.user_id,
+        this.rawUpdate,
+        this.source
+      )
+    })
+
+    it('should queue an update', function () {
+      const update = {
+        pathname: this.pathname,
+        new_pathname: this.newPathname,
+        meta: {
+          user_id: this.user_id,
+          ts: new Date(),
+          source: this.source,
+        },
+        version: this.version,
+        projectHistoryId: this.projectHistoryId,
+        file: this.file_id,
+      }
+
+      this.ProjectHistoryRedisManager.promises.queueOps
+        .calledWithExactly(this.project_id, JSON.stringify(update))
+        .should.equal(true)
+    })
+  })
+
+  describe('queueAddEntity', function () {
+    beforeEach(function () {
+      this.doc_id = 1234
+
+      this.rawUpdate = {
+        pathname: (this.pathname = '/old'),
+        docLines: (this.docLines = 'a\nb'),
+        version: (this.version = 2),
+      }
+
+      this.ProjectHistoryRedisManager.promises.queueOps = sinon
+        .stub()
+        .resolves()
+    })
+
+    it('should queue an update', async function () {
+      this.rawUpdate.url = this.url = 'filestore.example.com'
+      await this.ProjectHistoryRedisManager.promises.queueAddEntity(
+        this.project_id,
+        this.projectHistoryId,
+        'doc',
+        this.doc_id,
+        this.user_id,
+        this.rawUpdate,
+        this.source
+      )
+
+      const update = {
+        pathname: this.pathname,
+        docLines: this.docLines,
+        url: this.url,
+        meta: {
+          user_id: this.user_id,
+          ts: new Date(),
+          source: this.source,
+        },
+        version: this.version,
+        projectHistoryId: this.projectHistoryId,
+        createdBlob: false,
+        doc: this.doc_id,
+      }
+
+      this.ProjectHistoryRedisManager.promises.queueOps
+        .calledWithExactly(this.project_id, JSON.stringify(update))
+        .should.equal(true)
+    })
+
+    it('should queue an update with file metadata', async function () {
+      const metadata = {
+        importedAt: '2024-07-30T09:14:45.928Z',
+        provider: 'references-provider',
+      }
+      const projectId = 'project-id'
+      const fileId = 'file-id'
+      const url = `http://filestore/project/${projectId}/file/${fileId}`
+      await this.ProjectHistoryRedisManager.promises.queueAddEntity(
+        projectId,
+        this.projectHistoryId,
+        'file',
+        fileId,
+        this.user_id,
+        {
+          pathname: 'foo.png',
+          url,
+          version: 42,
+          hash: '1337',
+          metadata,
+        },
+        this.source
+      )
+
+      const update = {
+        pathname: 'foo.png',
+        docLines: undefined,
+        url,
+        meta: {
+          user_id: this.user_id,
+          ts: new Date(),
+          source: this.source,
+        },
+        version: 42,
+        hash: '1337',
+        metadata,
+        projectHistoryId: this.projectHistoryId,
+        createdBlob: false,
+        file: fileId,
+      }
+
+      expect(
+        this.ProjectHistoryRedisManager.promises.queueOps.args[0][1]
+      ).to.equal(JSON.stringify(update))
+      this.ProjectHistoryRedisManager.promises.queueOps.should.have.been.calledWithExactly(
+        projectId,
+        JSON.stringify(update)
+      )
+    })
+
+    it('should forward history compatible ranges if history ranges support is enabled', async function () {
+      this.rawUpdate.historyRangesSupport = true
+      this.docLines = 'the quick fox jumps over the lazy dog'
+
+      const ranges = {
+        changes: [
+          {
+            op: { p: 4, i: 'quick' },
+            metadata: { ts: '2024-01-01T00:00:00.000Z', user_id: 'user-1' },
+          },
+          {
+            op: { p: 9, d: ' brown' },
+            metadata: { ts: '2024-02-01T00:00:00.000Z', user_id: 'user-1' },
+          },
+          {
+            op: { p: 14, i: 'jumps' },
+            metadata: { ts: '2024-02-01T00:00:00.000Z', user_id: 'user-1' },
+          },
+        ],
+        comments: [
+          {
+            op: { p: 29, c: 'lazy', t: 'comment-1' },
+            metadata: { resolved: false },
+          },
+        ],
+      }
+      this.rawUpdate.ranges = ranges
+      this.rawUpdate.docLines = this.docLines
+
+      await this.ProjectHistoryRedisManager.promises.queueAddEntity(
+        this.project_id,
+        this.projectHistoryId,
+        'doc',
+        this.doc_id,
+        this.user_id,
+        this.rawUpdate,
+        this.source
+      )
+
+      const historyCompatibleRanges = {
+        comments: [
+          {
+            op: { p: 29, c: 'lazy', t: 'comment-1', hpos: 35 },
+            metadata: { resolved: false },
+          },
+        ],
+        changes: [
+          {
+            op: { p: 4, i: 'quick' },
+            metadata: { ts: '2024-01-01T00:00:00.000Z', user_id: 'user-1' },
+          },
+          {
+            op: { p: 9, d: ' brown' },
+            metadata: { ts: '2024-02-01T00:00:00.000Z', user_id: 'user-1' },
+          },
+          {
+            op: { p: 14, i: 'jumps', hpos: 20 },
+            metadata: { ts: '2024-02-01T00:00:00.000Z', user_id: 'user-1' },
+          },
+        ],
+      }
+
+      const update = {
+        pathname: this.pathname,
+        docLines: 'the quick brown fox jumps over the lazy dog',
+        meta: {
+          user_id: this.user_id,
+          ts: new Date(),
+          source: this.source,
+        },
+        version: this.version,
+        projectHistoryId: this.projectHistoryId,
+        createdBlob: false,
+        ranges: historyCompatibleRanges,
+        doc: this.doc_id,
+      }
+
+      expect(
+        this.ProjectHistoryRedisManager.promises.queueOps
+      ).to.have.been.calledWithExactly(this.project_id, JSON.stringify(update))
+    })
+
+    it('should not forward ranges if history ranges support is disabled', async function () {
+      this.rawUpdate.historyRangesSupport = false
+
+      const ranges = {
+        changes: [
+          {
+            op: { p: 0, i: 'foo' },
+            metadata: { ts: '2024-01-01T00:00:00.000Z', user_id: 'user-1' },
+          },
+          {
+            op: { p: 7, d: ' baz' },
+            metadata: { ts: '2024-02-01T00:00:00.000Z', user_id: 'user-1' },
+          },
+        ],
+        comments: [
+          {
+            op: { p: 4, c: 'bar', t: 'comment-1' },
+            metadata: { resolved: false },
+          },
+        ],
+      }
+      this.rawUpdate.ranges = ranges
+
+      await this.ProjectHistoryRedisManager.promises.queueAddEntity(
+        this.project_id,
+        this.projectHistoryId,
+        'doc',
+        this.doc_id,
+        this.user_id,
+        this.rawUpdate,
+        this.source
+      )
+
+      const update = {
+        pathname: this.pathname,
+        docLines: this.docLines,
+        meta: {
+          user_id: this.user_id,
+          ts: new Date(),
+          source: this.source,
+        },
+        version: this.version,
+        projectHistoryId: this.projectHistoryId,
+        createdBlob: false,
+        doc: this.doc_id,
+      }
+
+      this.ProjectHistoryRedisManager.promises.queueOps
+        .calledWithExactly(this.project_id, JSON.stringify(update))
+        .should.equal(true)
+    })
+
+    it('should not forward ranges if history ranges support is undefined', async function () {
+      this.rawUpdate.historyRangesSupport = false
+
+      const ranges = {
+        changes: [
+          {
+            op: { p: 0, i: 'foo' },
+            metadata: { ts: '2024-01-01T00:00:00.000Z', user_id: 'user-1' },
+          },
+          {
+            op: { p: 7, d: ' baz' },
+            metadata: { ts: '2024-02-01T00:00:00.000Z', user_id: 'user-1' },
+          },
+        ],
+        comments: [
+          {
+            op: { p: 4, c: 'bar', t: 'comment-1' },
+            metadata: { resolved: false },
+          },
+        ],
+      }
+      this.rawUpdate.ranges = ranges
+
+      await this.ProjectHistoryRedisManager.promises.queueAddEntity(
+        this.project_id,
+        this.projectHistoryId,
+        'doc',
+        this.doc_id,
+        this.user_id,
+        this.rawUpdate,
+        this.source
+      )
+
+      const update = {
+        pathname: this.pathname,
+        docLines: this.docLines,
+        meta: {
+          user_id: this.user_id,
+          ts: new Date(),
+          source: this.source,
+        },
+        version: this.version,
+        projectHistoryId: this.projectHistoryId,
+        createdBlob: false,
+        doc: this.doc_id,
+      }
+
+      this.ProjectHistoryRedisManager.promises.queueOps
+        .calledWithExactly(this.project_id, JSON.stringify(update))
+        .should.equal(true)
+    })
+
+    it('should pass "false" as the createdBlob field if not provided', async function () {
+      await this.ProjectHistoryRedisManager.promises.queueAddEntity(
+        this.project_id,
+        this.projectHistoryId,
+        'doc',
+        this.doc_id,
+        this.user_id,
+        this.rawUpdate,
+        this.source
+      )
+
+      const update = {
+        pathname: this.pathname,
+        docLines: this.docLines,
+        meta: {
+          user_id: this.user_id,
+          ts: new Date(),
+          source: this.source,
+        },
+        version: this.version,
+        projectHistoryId: this.projectHistoryId,
+        createdBlob: false,
+        doc: this.doc_id,
+      }
+
+      this.ProjectHistoryRedisManager.promises.queueOps
+        .calledWithExactly(this.project_id, JSON.stringify(update))
+        .should.equal(true)
+    })
+
+    it('should pass through the value of the createdBlob field', async function () {
+      this.rawUpdate.createdBlob = true
+      await this.ProjectHistoryRedisManager.promises.queueAddEntity(
+        this.project_id,
+        this.projectHistoryId,
+        'doc',
+        this.doc_id,
+        this.user_id,
+        this.rawUpdate,
+        this.source
+      )
+
+      const update = {
+        pathname: this.pathname,
+        docLines: this.docLines,
+        meta: {
+          user_id: this.user_id,
+          ts: new Date(),
+          source: this.source,
+        },
+        version: this.version,
+        projectHistoryId: this.projectHistoryId,
+        createdBlob: true,
+        doc: this.doc_id,
+      }
+
+      this.ProjectHistoryRedisManager.promises.queueOps
+        .calledWithExactly(this.project_id, JSON.stringify(update))
+        .should.equal(true)
+    })
+  })
+
+  describe('queueResyncProjectStructure', function () {
+    it('should queue an update', function () {})
+  })
+
+  describe('queueResyncDocContent', function () {
+    beforeEach(function () {
+      this.doc_id = 1234
+      this.lines = ['one', 'two']
+      this.ranges = {
+        changes: [{ op: { i: 'ne', p: 1 } }, { op: { d: 'deleted', p: 3 } }],
+      }
+      this.resolvedCommentIds = ['comment-1']
+      this.version = 2
+      this.pathname = '/path'
+
+      this.ProjectHistoryRedisManager.promises.queueOps = sinon
+        .stub()
+        .resolves()
+    })
+
+    describe('with a good doc', function () {
+      beforeEach(async function () {
+        this.update = {
+          resyncDocContent: {
+            content: 'one\ntwo',
+            version: this.version,
+          },
+          projectHistoryId: this.projectHistoryId,
+          path: this.pathname,
+          doc: this.doc_id,
+          meta: { ts: new Date() },
+        }
+
+        await this.ProjectHistoryRedisManager.promises.queueResyncDocContent(
+          this.project_id,
+          this.projectHistoryId,
+          this.doc_id,
+          this.lines,
+          this.ranges,
+          this.resolvedCommentIds,
+          this.version,
+          this.pathname,
+          false
+        )
+      })
+
+      it('should check if the doc is too large', function () {
+        this.Limits.docIsTooLarge
+          .calledWith(
+            JSON.stringify(this.update).length,
+            this.lines,
+            this.settings.max_doc_length
+          )
+          .should.equal(true)
+      })
+
+      it('should queue an update', function () {
+        this.ProjectHistoryRedisManager.promises.queueOps
+          .calledWithExactly(this.project_id, JSON.stringify(this.update))
+          .should.equal(true)
+      })
+    })
+
+    describe('with a doc that is too large', function () {
+      beforeEach(async function () {
+        this.Limits.docIsTooLarge.returns(true)
+        await expect(
+          this.ProjectHistoryRedisManager.promises.queueResyncDocContent(
+            this.project_id,
+            this.projectHistoryId,
+            this.doc_id,
+            this.lines,
+            this.ranges,
+            this.resolvedCommentIds,
+            this.version,
+            this.pathname,
+            false
+          )
+        ).to.be.rejected
+      })
+
+      it('should not queue an update if the doc is too large', function () {
+        this.ProjectHistoryRedisManager.promises.queueOps.called.should.equal(
+          false
+        )
+      })
+    })
+
+    describe('when history ranges support is enabled', function () {
+      beforeEach(async function () {
+        this.update = {
+          resyncDocContent: {
+            content: 'onedeleted\ntwo',
+            version: this.version,
+            ranges: this.ranges,
+            resolvedCommentIds: this.resolvedCommentIds,
+          },
+          projectHistoryId: this.projectHistoryId,
+          path: this.pathname,
+          doc: this.doc_id,
+          meta: { ts: new Date() },
+        }
+
+        await this.ProjectHistoryRedisManager.promises.queueResyncDocContent(
+          this.project_id,
+          this.projectHistoryId,
+          this.doc_id,
+          this.lines,
+          this.ranges,
+          this.resolvedCommentIds,
+          this.version,
+          this.pathname,
+          true
+        )
+      })
+
+      it('should include tracked deletes in the update', function () {
+        this.ProjectHistoryRedisManager.promises.queueOps.should.have.been.calledWithExactly(
+          this.project_id,
+          JSON.stringify(this.update)
+        )
+      })
+
+      it('should check the doc length without tracked deletes', function () {
+        this.Limits.docIsTooLarge.should.have.been.calledWith(
+          JSON.stringify(this.update).length,
+          this.lines,
+          this.settings.max_doc_length
+        )
+      })
+
+      it('should queue an update', function () {
+        this.ProjectHistoryRedisManager.promises.queueOps
+          .calledWithExactly(this.project_id, JSON.stringify(this.update))
+          .should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/ProjectManager/flushAndDeleteProjectTests.js b/services/document-updater/test/unit/js/ProjectManager/flushAndDeleteProjectTests.js
new file mode 100644
index 0000000..b92fc8b
--- /dev/null
+++ b/services/document-updater/test/unit/js/ProjectManager/flushAndDeleteProjectTests.js
@@ -0,0 +1,157 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS206: Consider reworking classes to avoid initClass
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const modulePath = '../../../../app/js/ProjectManager.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('ProjectManager - flushAndDeleteProject', function () {
+  beforeEach(function () {
+    let Timer
+    this.LockManager = {
+      getLock: sinon.stub().yields(),
+      releaseLock: sinon.stub().yields(),
+    }
+    this.ProjectManager = SandboxedModule.require(modulePath, {
+      requires: {
+        './RedisManager': (this.RedisManager = {}),
+        './ProjectHistoryRedisManager': (this.ProjectHistoryRedisManager = {}),
+        './DocumentManager': (this.DocumentManager = {}),
+        './HistoryManager': (this.HistoryManager = {
+          flushProjectChanges: sinon.stub().callsArg(2),
+        }),
+        './LockManager': this.LockManager,
+        './Metrics': (this.Metrics = {
+          Timer: (Timer = (function () {
+            Timer = class Timer {
+              static initClass() {
+                this.prototype.done = sinon.stub()
+              }
+            }
+            Timer.initClass()
+            return Timer
+          })()),
+        }),
+      },
+    })
+    this.project_id = 'project-id-123'
+    return (this.callback = sinon.stub())
+  })
+
+  describe('successfully', function () {
+    beforeEach(function (done) {
+      this.doc_ids = ['doc-id-1', 'doc-id-2', 'doc-id-3']
+      this.RedisManager.getDocIdsInProject = sinon
+        .stub()
+        .callsArgWith(1, null, this.doc_ids)
+      this.DocumentManager.flushAndDeleteDocWithLock = sinon.stub().callsArg(3)
+      return this.ProjectManager.flushAndDeleteProjectWithLocks(
+        this.project_id,
+        {},
+        error => {
+          this.callback(error)
+          return done()
+        }
+      )
+    })
+
+    it('should get the doc ids in the project', function () {
+      return this.RedisManager.getDocIdsInProject
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+
+    it('should delete each doc in the project', function () {
+      return Array.from(this.doc_ids).map(docId =>
+        this.DocumentManager.flushAndDeleteDocWithLock
+          .calledWith(this.project_id, docId, {})
+          .should.equal(true)
+      )
+    })
+
+    it('should flush project history', function () {
+      return this.HistoryManager.flushProjectChanges
+        .calledWith(this.project_id, {})
+        .should.equal(true)
+    })
+
+    it('should call the callback without error', function () {
+      return this.callback.calledWith(null).should.equal(true)
+    })
+
+    return it('should time the execution', function () {
+      return this.Metrics.Timer.prototype.done.called.should.equal(true)
+    })
+  })
+
+  return describe('when a doc errors', function () {
+    beforeEach(function (done) {
+      this.doc_ids = ['doc-id-1', 'doc-id-2', 'doc-id-3']
+      this.RedisManager.getDocIdsInProject = sinon
+        .stub()
+        .callsArgWith(1, null, this.doc_ids)
+      this.DocumentManager.flushAndDeleteDocWithLock = sinon.spy(
+        (projectId, docId, options, callback) => {
+          if (docId === 'doc-id-1') {
+            return callback(
+              (this.error = new Error('oops, something went wrong'))
+            )
+          } else {
+            return callback()
+          }
+        }
+      )
+      return this.ProjectManager.flushAndDeleteProjectWithLocks(
+        this.project_id,
+        {},
+        error => {
+          this.callback(error)
+          return done()
+        }
+      )
+    })
+
+    it('should still flush each doc in the project', function () {
+      return Array.from(this.doc_ids).map(docId =>
+        this.DocumentManager.flushAndDeleteDocWithLock
+          .calledWith(this.project_id, docId, {})
+          .should.equal(true)
+      )
+    })
+
+    it('should still flush project history', function () {
+      return this.HistoryManager.flushProjectChanges
+        .calledWith(this.project_id, {})
+        .should.equal(true)
+    })
+
+    it('should record the error', function () {
+      return this.logger.error
+        .calledWith(
+          { err: this.error, projectId: this.project_id, docId: 'doc-id-1' },
+          'error deleting doc'
+        )
+        .should.equal(true)
+    })
+
+    it('should call the callback with an error', function () {
+      return this.callback
+        .calledWith(sinon.match.instanceOf(Error))
+        .should.equal(true)
+    })
+
+    return it('should time the execution', function () {
+      return this.Metrics.Timer.prototype.done.called.should.equal(true)
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/ProjectManager/flushProjectTests.js b/services/document-updater/test/unit/js/ProjectManager/flushProjectTests.js
new file mode 100644
index 0000000..7eea0d2
--- /dev/null
+++ b/services/document-updater/test/unit/js/ProjectManager/flushProjectTests.js
@@ -0,0 +1,145 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS206: Consider reworking classes to avoid initClass
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const modulePath = '../../../../app/js/ProjectManager.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('ProjectManager - flushProject', function () {
+  beforeEach(function () {
+    let Timer
+    this.LockManager = {
+      getLock: sinon.stub().yields(),
+      releaseLock: sinon.stub().yields(),
+    }
+    this.ProjectManager = SandboxedModule.require(modulePath, {
+      requires: {
+        './RedisManager': (this.RedisManager = {}),
+        './ProjectHistoryRedisManager': (this.ProjectHistoryRedisManager = {}),
+        './DocumentManager': (this.DocumentManager = {}),
+        './HistoryManager': (this.HistoryManager = {}),
+        './LockManager': this.LockManager,
+        './Metrics': (this.Metrics = {
+          Timer: (Timer = (function () {
+            Timer = class Timer {
+              static initClass() {
+                this.prototype.done = sinon.stub()
+              }
+            }
+            Timer.initClass()
+            return Timer
+          })()),
+        }),
+      },
+    })
+    this.project_id = 'project-id-123'
+    return (this.callback = sinon.stub())
+  })
+
+  describe('successfully', function () {
+    beforeEach(function (done) {
+      this.doc_ids = ['doc-id-1', 'doc-id-2', 'doc-id-3']
+      this.RedisManager.getDocIdsInProject = sinon
+        .stub()
+        .callsArgWith(1, null, this.doc_ids)
+      this.DocumentManager.flushDocIfLoadedWithLock = sinon.stub().callsArg(2)
+      return this.ProjectManager.flushProjectWithLocks(
+        this.project_id,
+        error => {
+          this.callback(error)
+          return done()
+        }
+      )
+    })
+
+    it('should get the doc ids in the project', function () {
+      return this.RedisManager.getDocIdsInProject
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+
+    it('should flush each doc in the project', function () {
+      return Array.from(this.doc_ids).map(docId =>
+        this.DocumentManager.flushDocIfLoadedWithLock
+          .calledWith(this.project_id, docId)
+          .should.equal(true)
+      )
+    })
+
+    it('should call the callback without error', function () {
+      return this.callback.calledWith(null).should.equal(true)
+    })
+
+    return it('should time the execution', function () {
+      return this.Metrics.Timer.prototype.done.called.should.equal(true)
+    })
+  })
+
+  return describe('when a doc errors', function () {
+    beforeEach(function (done) {
+      this.doc_ids = ['doc-id-1', 'doc-id-2', 'doc-id-3']
+      this.RedisManager.getDocIdsInProject = sinon
+        .stub()
+        .callsArgWith(1, null, this.doc_ids)
+      this.DocumentManager.flushDocIfLoadedWithLock = sinon.spy(
+        (projectId, docId, callback) => {
+          if (callback == null) {
+            callback = function () {}
+          }
+          if (docId === 'doc-id-1') {
+            return callback(
+              (this.error = new Error('oops, something went wrong'))
+            )
+          } else {
+            return callback()
+          }
+        }
+      )
+      return this.ProjectManager.flushProjectWithLocks(
+        this.project_id,
+        error => {
+          this.callback(error)
+          return done()
+        }
+      )
+    })
+
+    it('should still flush each doc in the project', function () {
+      return Array.from(this.doc_ids).map(docId =>
+        this.DocumentManager.flushDocIfLoadedWithLock
+          .calledWith(this.project_id, docId)
+          .should.equal(true)
+      )
+    })
+
+    it('should record the error', function () {
+      return this.logger.error
+        .calledWith(
+          { err: this.error, projectId: this.project_id, docId: 'doc-id-1' },
+          'error flushing doc'
+        )
+        .should.equal(true)
+    })
+
+    it('should call the callback with an error', function () {
+      return this.callback
+        .calledWith(sinon.match.instanceOf(Error))
+        .should.equal(true)
+    })
+
+    return it('should time the execution', function () {
+      return this.Metrics.Timer.prototype.done.called.should.equal(true)
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/ProjectManager/getProjectDocsTests.js b/services/document-updater/test/unit/js/ProjectManager/getProjectDocsTests.js
new file mode 100644
index 0000000..1a04d71
--- /dev/null
+++ b/services/document-updater/test/unit/js/ProjectManager/getProjectDocsTests.js
@@ -0,0 +1,224 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS206: Consider reworking classes to avoid initClass
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const modulePath = '../../../../app/js/ProjectManager.js'
+const SandboxedModule = require('sandboxed-module')
+const Errors = require('../../../../app/js/Errors.js')
+
+describe('ProjectManager - getProjectDocsAndFlushIfOld', function () {
+  beforeEach(function () {
+    let Timer
+    this.LockManager = {
+      getLock: sinon.stub().yields(),
+      releaseLock: sinon.stub().yields(),
+    }
+    this.ProjectManager = SandboxedModule.require(modulePath, {
+      requires: {
+        './RedisManager': (this.RedisManager = {}),
+        './ProjectHistoryRedisManager': (this.ProjectHistoryRedisManager = {}),
+        './DocumentManager': (this.DocumentManager = {}),
+        './HistoryManager': (this.HistoryManager = {}),
+        './LockManager': this.LockManager,
+        './Metrics': (this.Metrics = {
+          Timer: (Timer = (function () {
+            Timer = class Timer {
+              static initClass() {
+                this.prototype.done = sinon.stub()
+              }
+            }
+            Timer.initClass()
+            return Timer
+          })()),
+        }),
+        './Errors': Errors,
+      },
+    })
+    this.project_id = 'project-id-123'
+    this.callback = sinon.stub()
+    return (this.doc_versions = [111, 222, 333])
+  })
+
+  describe('successfully', function () {
+    beforeEach(function (done) {
+      this.doc_ids = ['doc-id-1', 'doc-id-2', 'doc-id-3']
+      this.doc_lines = [
+        ['aaa', 'aaa'],
+        ['bbb', 'bbb'],
+        ['ccc', 'ccc'],
+      ]
+      this.docs = [
+        {
+          _id: this.doc_ids[0],
+          lines: this.doc_lines[0],
+          v: this.doc_versions[0],
+        },
+        {
+          _id: this.doc_ids[1],
+          lines: this.doc_lines[1],
+          v: this.doc_versions[1],
+        },
+        {
+          _id: this.doc_ids[2],
+          lines: this.doc_lines[2],
+          v: this.doc_versions[2],
+        },
+      ]
+      this.RedisManager.checkOrSetProjectState = sinon
+        .stub()
+        .callsArgWith(2, null)
+      this.RedisManager.getDocIdsInProject = sinon
+        .stub()
+        .callsArgWith(1, null, this.doc_ids)
+      this.DocumentManager.getDocAndFlushIfOldWithLock = sinon.stub()
+      this.DocumentManager.getDocAndFlushIfOldWithLock
+        .withArgs(this.project_id, this.doc_ids[0])
+        .callsArgWith(2, null, this.doc_lines[0], this.doc_versions[0])
+      this.DocumentManager.getDocAndFlushIfOldWithLock
+        .withArgs(this.project_id, this.doc_ids[1])
+        .callsArgWith(2, null, this.doc_lines[1], this.doc_versions[1])
+      this.DocumentManager.getDocAndFlushIfOldWithLock
+        .withArgs(this.project_id, this.doc_ids[2])
+        .callsArgWith(2, null, this.doc_lines[2], this.doc_versions[2])
+      return this.ProjectManager.getProjectDocsAndFlushIfOld(
+        this.project_id,
+        this.projectStateHash,
+        this.excludeVersions,
+        (error, docs) => {
+          this.callback(error, docs)
+          return done()
+        }
+      )
+    })
+
+    it('should check the project state', function () {
+      return this.RedisManager.checkOrSetProjectState
+        .calledWith(this.project_id, this.projectStateHash)
+        .should.equal(true)
+    })
+
+    it('should get the doc ids in the project', function () {
+      return this.RedisManager.getDocIdsInProject
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+
+    it('should call the callback without error', function () {
+      return this.callback.calledWith(null, this.docs).should.equal(true)
+    })
+
+    return it('should time the execution', function () {
+      return this.Metrics.Timer.prototype.done.called.should.equal(true)
+    })
+  })
+
+  describe('when the state does not match', function () {
+    beforeEach(function (done) {
+      this.doc_ids = ['doc-id-1', 'doc-id-2', 'doc-id-3']
+      this.RedisManager.checkOrSetProjectState = sinon
+        .stub()
+        .callsArgWith(2, null, true)
+      return this.ProjectManager.getProjectDocsAndFlushIfOld(
+        this.project_id,
+        this.projectStateHash,
+        this.excludeVersions,
+        (error, docs) => {
+          this.callback(error, docs)
+          return done()
+        }
+      )
+    })
+
+    it('should check the project state', function () {
+      return this.RedisManager.checkOrSetProjectState
+        .calledWith(this.project_id, this.projectStateHash)
+        .should.equal(true)
+    })
+
+    it('should call the callback with an error', function () {
+      return this.callback
+        .calledWith(sinon.match.instanceOf(Errors.ProjectStateChangedError))
+        .should.equal(true)
+    })
+
+    return it('should time the execution', function () {
+      return this.Metrics.Timer.prototype.done.called.should.equal(true)
+    })
+  })
+
+  describe('when a doc errors', function () {
+    beforeEach(function (done) {
+      this.doc_ids = ['doc-id-1', 'doc-id-2', 'doc-id-3']
+      this.RedisManager.checkOrSetProjectState = sinon
+        .stub()
+        .callsArgWith(2, null)
+      this.RedisManager.getDocIdsInProject = sinon
+        .stub()
+        .callsArgWith(1, null, this.doc_ids)
+      this.DocumentManager.getDocAndFlushIfOldWithLock = sinon.stub()
+      this.DocumentManager.getDocAndFlushIfOldWithLock
+        .withArgs(this.project_id, 'doc-id-1')
+        .callsArgWith(2, null, ['test doc content'], this.doc_versions[1])
+      this.DocumentManager.getDocAndFlushIfOldWithLock
+        .withArgs(this.project_id, 'doc-id-2')
+        .callsArgWith(2, (this.error = new Error('oops'))) // trigger an error
+      return this.ProjectManager.getProjectDocsAndFlushIfOld(
+        this.project_id,
+        this.projectStateHash,
+        this.excludeVersions,
+        (error, docs) => {
+          this.callback(error)
+          return done()
+        }
+      )
+    })
+
+    it('should record the error', function () {
+      return this.logger.error
+        .calledWith(
+          { err: this.error, projectId: this.project_id, docId: 'doc-id-2' },
+          'error getting project doc lines in getProjectDocsAndFlushIfOld'
+        )
+        .should.equal(true)
+    })
+
+    it('should call the callback with an error', function () {
+      return this.callback
+        .calledWith(sinon.match.instanceOf(Error))
+        .should.equal(true)
+    })
+
+    return it('should time the execution', function () {
+      return this.Metrics.Timer.prototype.done.called.should.equal(true)
+    })
+  })
+
+  return describe('clearing the project state with clearProjectState', function () {
+    beforeEach(function (done) {
+      this.RedisManager.clearProjectState = sinon.stub().callsArg(1)
+      return this.ProjectManager.clearProjectState(this.project_id, error => {
+        this.callback(error)
+        return done()
+      })
+    })
+
+    it('should clear the project state', function () {
+      return this.RedisManager.clearProjectState
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+
+    return it('should call the callback', function () {
+      return this.callback.called.should.equal(true)
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/ProjectManager/updateProjectTests.js b/services/document-updater/test/unit/js/ProjectManager/updateProjectTests.js
new file mode 100644
index 0000000..6db8317
--- /dev/null
+++ b/services/document-updater/test/unit/js/ProjectManager/updateProjectTests.js
@@ -0,0 +1,417 @@
+const sinon = require('sinon')
+const modulePath = '../../../../app/js/ProjectManager.js'
+const SandboxedModule = require('sandboxed-module')
+const _ = require('lodash')
+
+describe('ProjectManager', function () {
+  beforeEach(function () {
+    this.RedisManager = {}
+    this.ProjectHistoryRedisManager = {
+      queueRenameEntity: sinon.stub().yields(),
+      queueAddEntity: sinon.stub().yields(),
+    }
+    this.DocumentManager = {
+      renameDocWithLock: sinon.stub().yields(),
+    }
+    this.HistoryManager = {
+      flushProjectChangesAsync: sinon.stub(),
+      shouldFlushHistoryOps: sinon.stub().returns(false),
+    }
+    this.LockManager = {
+      getLock: sinon.stub().yields(),
+      releaseLock: sinon.stub().yields(),
+    }
+    this.Metrics = {
+      Timer: class Timer {},
+    }
+    this.Metrics.Timer.prototype.done = sinon.stub()
+
+    this.ProjectManager = SandboxedModule.require(modulePath, {
+      requires: {
+        './RedisManager': this.RedisManager,
+        './ProjectHistoryRedisManager': this.ProjectHistoryRedisManager,
+        './DocumentManager': this.DocumentManager,
+        './HistoryManager': this.HistoryManager,
+        './LockManager': this.LockManager,
+        './Metrics': this.Metrics,
+      },
+    })
+
+    this.project_id = 'project-id-123'
+    this.projectHistoryId = 'history-id-123'
+    this.user_id = 'user-id-123'
+    this.version = 1234567
+    this.source = 'editor'
+    this.callback = sinon.stub()
+  })
+
+  describe('updateProjectWithLocks', function () {
+    describe('rename operations', function () {
+      beforeEach(function () {
+        this.firstDocUpdate = {
+          type: 'rename-doc',
+          id: 1,
+          pathname: 'foo',
+          newPathname: 'foo',
+        }
+        this.secondDocUpdate = {
+          type: 'rename-doc',
+          id: 2,
+          pathname: 'bar',
+          newPathname: 'bar2',
+        }
+        this.firstFileUpdate = {
+          type: 'rename-file',
+          id: 2,
+          pathname: 'bar',
+          newPathname: 'bar2',
+        }
+        this.updates = [
+          this.firstDocUpdate,
+          this.secondDocUpdate,
+          this.firstFileUpdate,
+        ]
+      })
+
+      describe('successfully', function () {
+        beforeEach(function () {
+          this.ProjectManager.updateProjectWithLocks(
+            this.project_id,
+            this.projectHistoryId,
+            this.user_id,
+            this.updates,
+            this.version,
+            this.source,
+            this.callback
+          )
+        })
+
+        it('should rename the docs in the updates', function () {
+          const firstDocUpdateWithVersion = _.extend({}, this.firstDocUpdate, {
+            version: `${this.version}.0`,
+          })
+          const secondDocUpdateWithVersion = _.extend(
+            {},
+            this.secondDocUpdate,
+            { version: `${this.version}.1` }
+          )
+          this.DocumentManager.renameDocWithLock
+            .calledWith(
+              this.project_id,
+              this.firstDocUpdate.id,
+              this.user_id,
+              firstDocUpdateWithVersion,
+              this.projectHistoryId
+            )
+            .should.equal(true)
+          this.DocumentManager.renameDocWithLock
+            .calledWith(
+              this.project_id,
+              this.secondDocUpdate.id,
+              this.user_id,
+              secondDocUpdateWithVersion,
+              this.projectHistoryId
+            )
+            .should.equal(true)
+        })
+
+        it('should rename the files in the updates', function () {
+          const firstFileUpdateWithVersion = _.extend(
+            {},
+            this.firstFileUpdate,
+            { version: `${this.version}.2` }
+          )
+          this.ProjectHistoryRedisManager.queueRenameEntity
+            .calledWith(
+              this.project_id,
+              this.projectHistoryId,
+              'file',
+              this.firstFileUpdate.id,
+              this.user_id,
+              firstFileUpdateWithVersion,
+              this.source
+            )
+            .should.equal(true)
+        })
+
+        it('should not flush the history', function () {
+          this.HistoryManager.flushProjectChangesAsync
+            .calledWith(this.project_id)
+            .should.equal(false)
+        })
+
+        it('should call the callback', function () {
+          this.callback.called.should.equal(true)
+        })
+      })
+
+      describe('when renaming a doc fails', function () {
+        beforeEach(function () {
+          this.error = new Error('error')
+          this.DocumentManager.renameDocWithLock.yields(this.error)
+          this.ProjectManager.updateProjectWithLocks(
+            this.project_id,
+            this.projectHistoryId,
+            this.user_id,
+            this.updates,
+            this.version,
+            this.source,
+            this.callback
+          )
+        })
+
+        it('should call the callback with the error', function () {
+          this.callback.calledWith(this.error).should.equal(true)
+        })
+      })
+
+      describe('when renaming a file fails', function () {
+        beforeEach(function () {
+          this.error = new Error('error')
+          this.ProjectHistoryRedisManager.queueRenameEntity.yields(this.error)
+          this.ProjectManager.updateProjectWithLocks(
+            this.project_id,
+            this.projectHistoryId,
+            this.user_id,
+            this.updates,
+            this.version,
+            this.source,
+            this.callback
+          )
+        })
+
+        it('should call the callback with the error', function () {
+          this.callback.calledWith(this.error).should.equal(true)
+        })
+      })
+
+      describe('with enough ops to flush', function () {
+        beforeEach(function () {
+          this.HistoryManager.shouldFlushHistoryOps.returns(true)
+          this.ProjectManager.updateProjectWithLocks(
+            this.project_id,
+            this.projectHistoryId,
+            this.user_id,
+            this.updates,
+            this.version,
+            this.source,
+            this.callback
+          )
+        })
+
+        it('should flush the history', function () {
+          this.HistoryManager.flushProjectChangesAsync
+            .calledWith(this.project_id)
+            .should.equal(true)
+        })
+      })
+    })
+
+    describe('add operations', function () {
+      beforeEach(function () {
+        this.firstDocUpdate = {
+          type: 'add-doc',
+          id: 1,
+          docLines: 'a\nb',
+        }
+        this.secondDocUpdate = {
+          type: 'add-doc',
+          id: 2,
+          docLines: 'a\nb',
+        }
+        this.firstFileUpdate = {
+          type: 'add-file',
+          id: 3,
+          url: 'filestore.example.com/2',
+        }
+        this.secondFileUpdate = {
+          type: 'add-file',
+          id: 4,
+          url: 'filestore.example.com/3',
+        }
+        this.updates = [
+          this.firstDocUpdate,
+          this.secondDocUpdate,
+          this.firstFileUpdate,
+          this.secondFileUpdate,
+        ]
+      })
+
+      describe('successfully', function () {
+        beforeEach(function () {
+          this.ProjectManager.updateProjectWithLocks(
+            this.project_id,
+            this.projectHistoryId,
+            this.user_id,
+            this.updates,
+            this.version,
+            this.source,
+            this.callback
+          )
+        })
+
+        it('should add the docs in the updates', function () {
+          const firstDocUpdateWithVersion = _.extend({}, this.firstDocUpdate, {
+            version: `${this.version}.0`,
+          })
+          const secondDocUpdateWithVersion = _.extend(
+            {},
+            this.secondDocUpdate,
+            { version: `${this.version}.1` }
+          )
+          this.ProjectHistoryRedisManager.queueAddEntity
+            .getCall(0)
+            .calledWith(
+              this.project_id,
+              this.projectHistoryId,
+              'doc',
+              this.firstDocUpdate.id,
+              this.user_id,
+              firstDocUpdateWithVersion,
+              this.source
+            )
+            .should.equal(true)
+          this.ProjectHistoryRedisManager.queueAddEntity
+            .getCall(1)
+            .calledWith(
+              this.project_id,
+              this.projectHistoryId,
+              'doc',
+              this.secondDocUpdate.id,
+              this.user_id,
+              secondDocUpdateWithVersion,
+              this.source
+            )
+            .should.equal(true)
+        })
+
+        it('should add the files in the updates', function () {
+          const firstFileUpdateWithVersion = _.extend(
+            {},
+            this.firstFileUpdate,
+            { version: `${this.version}.2` }
+          )
+          const secondFileUpdateWithVersion = _.extend(
+            {},
+            this.secondFileUpdate,
+            { version: `${this.version}.3` }
+          )
+          this.ProjectHistoryRedisManager.queueAddEntity
+            .getCall(2)
+            .calledWith(
+              this.project_id,
+              this.projectHistoryId,
+              'file',
+              this.firstFileUpdate.id,
+              this.user_id,
+              firstFileUpdateWithVersion,
+              this.source
+            )
+            .should.equal(true)
+          this.ProjectHistoryRedisManager.queueAddEntity
+            .getCall(3)
+            .calledWith(
+              this.project_id,
+              this.projectHistoryId,
+              'file',
+              this.secondFileUpdate.id,
+              this.user_id,
+              secondFileUpdateWithVersion,
+              this.source
+            )
+            .should.equal(true)
+        })
+
+        it('should not flush the history', function () {
+          this.HistoryManager.flushProjectChangesAsync
+            .calledWith(this.project_id)
+            .should.equal(false)
+        })
+
+        it('should call the callback', function () {
+          this.callback.called.should.equal(true)
+        })
+      })
+
+      describe('when adding a doc fails', function () {
+        beforeEach(function () {
+          this.error = new Error('error')
+          this.ProjectHistoryRedisManager.queueAddEntity.yields(this.error)
+          this.ProjectManager.updateProjectWithLocks(
+            this.project_id,
+            this.projectHistoryId,
+            this.user_id,
+            this.updates,
+            this.version,
+            this.source,
+            this.callback
+          )
+        })
+
+        it('should call the callback with the error', function () {
+          this.callback.calledWith(this.error).should.equal(true)
+        })
+      })
+
+      describe('when adding a file fails', function () {
+        beforeEach(function () {
+          this.error = new Error('error')
+          this.ProjectHistoryRedisManager.queueAddEntity.yields(this.error)
+          this.ProjectManager.updateProjectWithLocks(
+            this.project_id,
+            this.projectHistoryId,
+            this.user_id,
+            this.updates,
+            this.version,
+            this.source,
+            this.callback
+          )
+        })
+
+        it('should call the callback with the error', function () {
+          this.callback.calledWith(this.error).should.equal(true)
+        })
+      })
+
+      describe('with enough ops to flush', function () {
+        beforeEach(function () {
+          this.HistoryManager.shouldFlushHistoryOps.returns(true)
+          this.ProjectManager.updateProjectWithLocks(
+            this.project_id,
+            this.projectHistoryId,
+            this.user_id,
+            this.updates,
+            this.version,
+            this.source,
+            this.callback
+          )
+        })
+
+        it('should flush the history', function () {
+          this.HistoryManager.flushProjectChangesAsync
+            .calledWith(this.project_id)
+            .should.equal(true)
+        })
+      })
+    })
+
+    describe('when given an unknown operation type', function () {
+      beforeEach(function () {
+        this.updates = [{ type: 'brew-coffee' }]
+        this.ProjectManager.updateProjectWithLocks(
+          this.project_id,
+          this.projectHistoryId,
+          this.user_id,
+          this.updates,
+          this.version,
+          this.source,
+          this.callback
+        )
+      })
+
+      it('should call back with an error', function () {
+        this.callback.calledWith(sinon.match.instanceOf(Error)).should.be.true
+      })
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/RangesManager/RangesManagerTests.js b/services/document-updater/test/unit/js/RangesManager/RangesManagerTests.js
new file mode 100644
index 0000000..4053aaf
--- /dev/null
+++ b/services/document-updater/test/unit/js/RangesManager/RangesManagerTests.js
@@ -0,0 +1,1089 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+
+const MODULE_PATH = '../../../../app/js/RangesManager.js'
+const TEST_USER_ID = 'user-id-123'
+
+describe('RangesManager', function () {
+  beforeEach(function () {
+    this.RangesManager = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '@overleaf/metrics': (this.Metrics = { histogram: sinon.stub() }),
+      },
+    })
+
+    this.doc_id = 'doc-id-123'
+    this.project_id = 'project-id-123'
+    this.user_id = TEST_USER_ID
+  })
+
+  describe('applyUpdate', function () {
+    beforeEach(function () {
+      this.ops = [{ i: 'two ', p: 4 }]
+      this.historyOps = [{ i: 'two ', p: 4, hpos: 4 }]
+      this.meta = { user_id: this.user_id }
+      this.updates = [{ meta: this.meta, op: this.ops }]
+      this.ranges = {
+        comments: makeRanges([{ c: 'three ', p: 4 }]),
+        changes: makeRanges([{ i: 'five', p: 15 }]),
+      }
+      this.newDocLines = ['one two three four five']
+      // old is "one three four five"
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.result = this.RangesManager.applyUpdate(
+          this.project_id,
+          this.doc_id,
+          this.ranges,
+          this.updates,
+          this.newDocLines
+        )
+      })
+
+      it('should return the modified the comments and changes', function () {
+        expect(this.result.rangesWereCollapsed).to.equal(false)
+        this.result.newRanges.comments[0].op.should.deep.equal({
+          c: 'three ',
+          p: 8,
+        })
+        this.result.newRanges.changes[0].op.should.deep.equal({
+          i: 'five',
+          p: 19,
+        })
+      })
+
+      it('should return unmodified updates for the history', function () {
+        expect(this.result.historyUpdates).to.deep.equal(this.updates)
+      })
+    })
+
+    describe('with empty comments', function () {
+      beforeEach(function () {
+        this.ranges.comments = []
+        this.result = this.RangesManager.applyUpdate(
+          this.project_id,
+          this.doc_id,
+          this.ranges,
+          this.updates,
+          this.newDocLines
+        )
+      })
+
+      it('should return an object with no comments', function () {
+        // Save space in redis and don't store just {}
+        expect(this.result.newRanges.comments).to.be.undefined
+      })
+
+      it('should return unmodified updates for the history', function () {
+        expect(this.result.historyUpdates).to.deep.equal(this.updates)
+      })
+    })
+
+    describe('with empty changes', function () {
+      beforeEach(function () {
+        this.ranges.changes = []
+        this.result = this.RangesManager.applyUpdate(
+          this.project_id,
+          this.doc_id,
+          this.ranges,
+          this.updates,
+          this.newDocLines
+        )
+      })
+
+      it('should return an object with no changes', function () {
+        // Save space in redis and don't store just {}
+        expect(this.result.newRanges.changes).to.be.undefined
+      })
+
+      it('should return unmodified updates for the history', function () {
+        expect(this.result.historyUpdates).to.deep.equal(this.updates)
+      })
+    })
+
+    describe('with too many comments', function () {
+      beforeEach(function () {
+        this.RangesManager.MAX_COMMENTS = 2
+        this.updates = makeUpdates([{ c: 'one', p: 0, t: 'thread-id-1' }])
+        this.ranges = {
+          comments: makeRanges([
+            { c: 'three ', p: 4, t: 'thread-id-2' },
+            { c: 'four ', p: 10, t: 'thread-id-3' },
+          ]),
+          changes: [],
+        }
+      })
+
+      it('should throw an error', function () {
+        expect(() => {
+          this.RangesManager.applyUpdate(
+            this.project_id,
+            this.doc_id,
+            this.ranges,
+            this.updates,
+            this.newDocLines
+          )
+        }).to.throw('too many comments or tracked changes')
+      })
+    })
+
+    describe('with too many changes', function () {
+      beforeEach(function () {
+        this.RangesManager.MAX_CHANGES = 2
+        this.updates = makeUpdates([{ i: 'one ', p: 0 }], {
+          tc: 'track-changes-id-yes',
+        })
+        this.ranges = {
+          changes: makeRanges([
+            {
+              i: 'three',
+              p: 4,
+            },
+            {
+              i: 'four',
+              p: 10,
+            },
+          ]),
+          comments: [],
+        }
+        this.newDocLines = ['one two three four']
+      })
+
+      it('should throw an error', function () {
+        expect(() => {
+          this.RangesManager.applyUpdate(
+            this.project_id,
+            this.doc_id,
+            this.ranges,
+            this.updates,
+            this.newDocLines
+          )
+        }).to.throw('too many comments or tracked changes')
+      })
+    })
+
+    describe('inconsistent changes', function () {
+      beforeEach(function () {
+        this.updates = makeUpdates([{ c: "doesn't match", p: 0 }])
+      })
+
+      it('should throw an error', function () {
+        expect(() => {
+          this.RangesManager.applyUpdate(
+            this.project_id,
+            this.doc_id,
+            this.ranges,
+            this.updates,
+            this.newDocLines
+          )
+        }).to.throw('insertion does not match text in document')
+      })
+    })
+
+    describe('with an update that collapses a range', function () {
+      beforeEach(function () {
+        this.updates = makeUpdates([{ d: 'one', p: 0, t: 'thread-id-1' }])
+        this.ranges = {
+          comments: makeRanges([
+            {
+              c: 'n',
+              p: 1,
+              t: 'thread-id-2',
+            },
+          ]),
+          changes: [],
+        }
+        this.result = this.RangesManager.applyUpdate(
+          this.project_id,
+          this.doc_id,
+          this.ranges,
+          this.updates,
+          this.newDocLines
+        )
+      })
+
+      it('should return ranges_were_collapsed == true', function () {
+        expect(this.result.rangesWereCollapsed).to.equal(true)
+      })
+    })
+
+    describe('with an update that deletes ranges', function () {
+      beforeEach(function () {
+        this.updates = makeUpdates([{ d: 'one two three four five', p: 0 }])
+        this.ranges = {
+          comments: makeRanges([{ c: 'n', p: 1, t: 'thread-id-2' }]),
+          changes: makeRanges([{ i: 'hello', p: 1, t: 'thread-id-2' }]),
+        }
+        this.result = this.RangesManager.applyUpdate(
+          this.project_id,
+          this.doc_id,
+          this.ranges,
+          this.updates,
+          this.newDocLines
+        )
+      })
+
+      it('should increment the range-delta histogram', function () {
+        this.Metrics.histogram.called.should.equal(true)
+      })
+
+      it('should return ranges_were_collapsed == true', function () {
+        expect(this.result.rangesWereCollapsed).to.equal(true)
+      })
+    })
+
+    describe('with comment updates', function () {
+      beforeEach(function () {
+        this.updates = makeUpdates([
+          { i: 'two ', p: 4 },
+          { c: 'one', p: 0 },
+        ])
+        this.ranges = {}
+        this.result = this.RangesManager.applyUpdate(
+          this.project_id,
+          this.doc_id,
+          this.ranges,
+          this.updates,
+          this.newDocLines
+        )
+      })
+
+      it('should not send comments to the history', function () {
+        expect(this.result.historyUpdates[0].op).to.deep.equal([
+          { i: 'two ', p: 4 },
+        ])
+      })
+    })
+
+    describe('with history ranges support', function () {
+      describe('inserts among tracked deletes', function () {
+        beforeEach(function () {
+          // original text is "on[1]e[22] [333](three) fo[4444]ur five"
+          // [] denotes tracked deletes
+          // () denotes tracked inserts
+          this.ranges = {
+            changes: makeRanges([
+              { d: '1', p: 2 },
+              { d: '22', p: 3 },
+              { d: '333', p: 4 },
+              { i: 'three', p: 4 },
+              { d: '4444', p: 12 },
+            ]),
+          }
+          this.updates = makeUpdates([
+            { i: 'zero ', p: 0 },
+            { i: 'two ', p: 9, u: true },
+          ])
+          this.newDocLines = ['zero one two three four five']
+          this.result = this.RangesManager.applyUpdate(
+            this.project_id,
+            this.doc_id,
+            this.ranges,
+            this.updates,
+            this.newDocLines,
+            { historyRangesSupport: true }
+          )
+        })
+
+        it('should offset the hpos by the length of tracked deletes before the insert', function () {
+          expect(this.result.historyUpdates.map(x => x.op)).to.deep.equal([
+            [{ i: 'zero ', p: 0 }],
+            // 'two' is added just before the "333" tracked delete
+            [{ i: 'two ', p: 9, u: true, hpos: 12 }],
+          ])
+        })
+      })
+
+      describe('tracked delete rejections', function () {
+        beforeEach(function () {
+          // original text is "one [two ]three four five"
+          // [] denotes tracked deletes
+          this.ranges = {
+            changes: makeRanges([{ d: 'two ', p: 4 }]),
+          }
+          this.updates = makeUpdates([{ i: 'tw', p: 4, u: true }])
+          this.newDocLines = ['one twthree four five']
+          this.result = this.RangesManager.applyUpdate(
+            this.project_id,
+            this.doc_id,
+            this.ranges,
+            this.updates,
+            this.newDocLines,
+            { historyRangesSupport: true }
+          )
+        })
+
+        it('should mark the insert as a tracked delete rejection where appropriate', function () {
+          expect(this.result.historyUpdates.map(x => x.op)).to.deep.equal([
+            [{ i: 'tw', p: 4, u: true, trackedDeleteRejection: true }],
+          ])
+        })
+      })
+
+      describe('tracked delete rejections with multiple tracked deletes at the same position', function () {
+        beforeEach(function () {
+          // original text is "one [two ][three ][four ]five"
+          // [] denotes tracked deletes
+          this.ranges = {
+            changes: makeRanges([
+              { d: 'two ', p: 4 },
+              { d: 'three ', p: 4 },
+              { d: 'four ', p: 4 },
+            ]),
+          }
+          this.updates = makeUpdates([{ i: 'three ', p: 4, u: true }])
+          this.newDocLines = ['one three five']
+          this.result = this.RangesManager.applyUpdate(
+            this.project_id,
+            this.doc_id,
+            this.ranges,
+            this.updates,
+            this.newDocLines,
+            { historyRangesSupport: true }
+          )
+        })
+
+        it('should insert the text at the right history position', function () {
+          expect(this.result.historyUpdates.map(x => x.op)).to.deep.equal([
+            [
+              {
+                i: 'three ',
+                p: 4,
+                hpos: 8,
+                u: true,
+                trackedDeleteRejection: true,
+              },
+            ],
+          ])
+        })
+      })
+
+      describe('deletes over tracked changes', function () {
+        beforeEach(function () {
+          // original text is "on[1]e [22](three) f[333]ou[4444]r [55555]five"
+          // [] denotes tracked deletes
+          // () denotes tracked inserts
+          this.ranges = {
+            comments: [],
+            changes: makeRanges([
+              { d: '1', p: 2 },
+              { d: '22', p: 4 },
+              { i: 'three', p: 4 },
+              { d: '333', p: 11 },
+              { d: '4444', p: 13 },
+              { d: '55555', p: 15 },
+            ]),
+          }
+          this.updates = makeUpdates([
+            { d: 'four ', p: 10 },
+            { d: 'three ', p: 4 },
+          ])
+          this.newDocLines = ['one five']
+          this.result = this.RangesManager.applyUpdate(
+            this.project_id,
+            this.doc_id,
+            this.ranges,
+            this.updates,
+            this.newDocLines,
+            { historyRangesSupport: true }
+          )
+        })
+
+        it('should split and offset deletes appropriately', function () {
+          expect(this.result.historyUpdates.map(x => x.op)).to.deep.equal([
+            [
+              // the "four" delete has tracked deletes inside it, add splits
+              {
+                d: 'four ',
+                p: 10,
+                hpos: 13,
+                trackedChanges: [
+                  { type: 'delete', offset: 1, length: 3 },
+                  { type: 'delete', offset: 3, length: 4 },
+                ],
+              },
+            ],
+
+            // the "three" delete is offset to the right by the two first tracked
+            // deletes
+            [
+              {
+                d: 'three ',
+                p: 4,
+                hpos: 7,
+                trackedChanges: [{ type: 'insert', offset: 0, length: 5 }],
+              },
+            ],
+          ])
+        })
+      })
+
+      describe('deletes that overlap tracked inserts', function () {
+        beforeEach(function () {
+          // original text is "(one) (three) (four) five"
+          // [] denotes tracked deletes
+          // () denotes tracked inserts
+          this.ranges = {
+            comments: [],
+            changes: makeRanges([
+              { i: 'one', p: 0 },
+              { i: 'three', p: 4 },
+              { i: 'four', p: 10 },
+            ]),
+          }
+          this.updates = makeUpdates(
+            [
+              { d: 'ne th', p: 1 },
+              { d: 'ou', p: 6 },
+            ],
+            { tc: 'tracked-change-id' }
+          )
+          this.newDocLines = ['oree fr five']
+          this.result = this.RangesManager.applyUpdate(
+            this.project_id,
+            this.doc_id,
+            this.ranges,
+            this.updates,
+            this.newDocLines,
+            { historyRangesSupport: true }
+          )
+        })
+
+        it('should split and offset deletes appropriately', function () {
+          expect(this.result.historyUpdates.map(x => x.op)).to.deep.equal([
+            [
+              {
+                d: 'ne th',
+                p: 1,
+                trackedChanges: [
+                  { type: 'insert', offset: 0, length: 2 },
+                  { type: 'insert', offset: 3, length: 2 },
+                ],
+              },
+            ],
+            [
+              {
+                d: 'ou',
+                p: 6,
+                hpos: 7,
+                trackedChanges: [{ type: 'insert', offset: 0, length: 2 }],
+              },
+            ],
+          ])
+        })
+      })
+
+      describe('comments among tracked deletes', function () {
+        beforeEach(function () {
+          // original text is "on[1]e[22] [333](three) fo[4444]ur five"
+          // [] denotes tracked deletes
+          // () denotes tracked inserts
+          this.ranges = {
+            changes: makeRanges([
+              { d: '1', p: 2 },
+              { d: '22', p: 3 },
+              { d: '333', p: 4 },
+              { i: 'three', p: 4 },
+              { d: '4444', p: 12 },
+            ]),
+          }
+          this.updates = makeUpdates([
+            { c: 'three ', p: 4 },
+            { c: 'four ', p: 10 },
+          ])
+          this.newDocLines = ['one three four five']
+          this.result = this.RangesManager.applyUpdate(
+            this.project_id,
+            this.doc_id,
+            this.ranges,
+            this.updates,
+            this.newDocLines,
+            { historyRangesSupport: true }
+          )
+        })
+
+        it('should offset the hpos by the length of tracked deletes before the insert', function () {
+          expect(this.result.historyUpdates.map(x => x.op)).to.deep.equal([
+            [{ c: 'three ', p: 4, hpos: 10 }],
+            [{ c: 'four ', p: 10, hpos: 16, hlen: 9 }],
+          ])
+        })
+      })
+
+      describe('inserts inside comments', function () {
+        beforeEach(function () {
+          // original text is "one three four five"
+          this.ranges = {
+            comments: makeRanges([
+              { c: 'three', p: 4, t: 'comment-id-1' },
+              { c: 'ree four', p: 6, t: 'comment-id-2' },
+            ]),
+          }
+          this.updates = makeUpdates([
+            { i: '[before]', p: 4 },
+            { i: '[inside]', p: 13 }, // 4 + 8 + 1
+            { i: '[overlap]', p: 23 }, // 13 + 8 + 2
+            { i: '[after]', p: 39 }, // 23 + 9 + 7
+          ])
+          this.newDocLines = [
+            'one [before]t[inside]hr[overlap]ee four[after] five',
+          ]
+          this.result = this.RangesManager.applyUpdate(
+            this.project_id,
+            this.doc_id,
+            this.ranges,
+            this.updates,
+            this.newDocLines,
+            { historyRangesSupport: true }
+          )
+        })
+
+        it('should add the proper commentIds properties to ops', function () {
+          expect(this.result.historyUpdates.map(x => x.op)).to.deep.equal([
+            [{ i: '[before]', p: 4 }],
+            [{ i: '[inside]', p: 13, commentIds: ['comment-id-1'] }],
+            [
+              {
+                i: '[overlap]',
+                p: 23,
+                commentIds: ['comment-id-1', 'comment-id-2'],
+              },
+            ],
+            [{ i: '[after]', p: 39 }],
+          ])
+        })
+      })
+
+      describe('tracked delete that overlaps the start of a comment', function () {
+        beforeEach(function () {
+          // original text is "one three four five"
+          this.ranges = {
+            comments: makeRanges([{ c: 'three', p: 4, t: 'comment-id-1' }]),
+          }
+          this.updates = makeUpdates([{ d: 'ne thr', p: 1 }], {
+            tc: 'tracking-id',
+          })
+          this.newDocLines = ['oee four five']
+          this.result = this.RangesManager.applyUpdate(
+            this.project_id,
+            this.doc_id,
+            this.ranges,
+            this.updates,
+            this.newDocLines,
+            { historyRangesSupport: true }
+          )
+        })
+
+        it('should crop the beginning of the comment', function () {
+          expect(this.result.historyUpdates.map(x => x.op)).to.deep.equal([
+            [
+              { d: 'ne thr', p: 1 },
+              { c: 'ee', p: 1, hpos: 7, t: 'comment-id-1' },
+            ],
+          ])
+        })
+      })
+
+      describe('tracked delete that overlaps a whole comment', function () {
+        beforeEach(function () {
+          // original text is "one three four five"
+          this.ranges = {
+            comments: makeRanges([{ c: 'three', p: 4, t: 'comment-id-1' }]),
+          }
+          this.updates = makeUpdates([{ d: 'ne three f', p: 1 }], {
+            tc: 'tracking-id',
+          })
+          this.newDocLines = ['oour five']
+          this.result = this.RangesManager.applyUpdate(
+            this.project_id,
+            this.doc_id,
+            this.ranges,
+            this.updates,
+            this.newDocLines,
+            { historyRangesSupport: true }
+          )
+        })
+
+        it('should crop the beginning of the comment', function () {
+          expect(this.result.historyUpdates.map(x => x.op)).to.deep.equal([
+            [
+              { d: 'ne three f', p: 1 },
+              { c: '', p: 1, hpos: 11, t: 'comment-id-1' },
+            ],
+          ])
+        })
+      })
+
+      describe('tracked delete that overlaps the end of a comment', function () {
+        beforeEach(function () {
+          // original text is "one three four five"
+          this.ranges = {
+            comments: makeRanges([{ c: 'three', p: 4, t: 'comment-id-1' }]),
+          }
+          this.updates = makeUpdates([{ d: 'ee f', p: 7 }], {
+            tc: 'tracking-id',
+          })
+          this.newDocLines = ['one throur five']
+          this.result = this.RangesManager.applyUpdate(
+            this.project_id,
+            this.doc_id,
+            this.ranges,
+            this.updates,
+            this.newDocLines,
+            { historyRangesSupport: true }
+          )
+        })
+
+        it('should crop the end of the comment', function () {
+          expect(this.result.historyUpdates.map(x => x.op)).to.deep.equal([
+            [
+              { d: 'ee f', p: 7 },
+              { c: 'thr', p: 4, t: 'comment-id-1' },
+            ],
+          ])
+        })
+      })
+
+      describe('tracked delete that overlaps the inside of a comment', function () {
+        beforeEach(function () {
+          // original text is "one three four five"
+          this.ranges = {
+            comments: makeRanges([{ c: 'three', p: 4, t: 'comment-id-1' }]),
+          }
+          this.updates = makeUpdates([{ d: 'hre', p: 5 }], {
+            tc: 'tracking-id',
+          })
+          this.newDocLines = ['one te four five']
+          this.result = this.RangesManager.applyUpdate(
+            this.project_id,
+            this.doc_id,
+            this.ranges,
+            this.updates,
+            this.newDocLines,
+            { historyRangesSupport: true }
+          )
+        })
+
+        it('should not crop the comment', function () {
+          expect(this.result.historyUpdates.map(x => x.op)).to.deep.equal([
+            [{ d: 'hre', p: 5 }],
+          ])
+        })
+      })
+    })
+  })
+
+  describe('acceptChanges', function () {
+    beforeEach(function () {
+      this.RangesManager = SandboxedModule.require(MODULE_PATH, {
+        requires: {
+          '@overleaf/ranges-tracker': (this.RangesTracker =
+            SandboxedModule.require('@overleaf/ranges-tracker')),
+          '@overleaf/metrics': {},
+        },
+      })
+
+      this.ranges = {
+        comments: [],
+        changes: makeRanges([
+          { i: 'lorem', p: 0 },
+          { i: 'ipsum', p: 10 },
+          { i: 'dolor', p: 20 },
+          { i: 'sit', p: 30 },
+          { i: 'amet', p: 40 },
+        ]),
+      }
+      this.lines = ['lorem xxx', 'ipsum yyy', 'dolor zzz', 'sit wwwww', 'amet']
+      this.removeChangeIdsSpy = sinon.spy(
+        this.RangesTracker.prototype,
+        'removeChangeIds'
+      )
+    })
+
+    describe('successfully with a single change', function () {
+      beforeEach(function () {
+        this.change_ids = [this.ranges.changes[1].id]
+        this.result = this.RangesManager.acceptChanges(
+          this.project_id,
+          this.doc_id,
+          this.change_ids,
+          this.ranges,
+          this.lines
+        )
+      })
+
+      it('should log the call with the correct number of changes', function () {
+        this.logger.debug
+          .calledWith('accepting 1 changes in ranges')
+          .should.equal(true)
+      })
+
+      it('should delegate the change removal to the ranges tracker', function () {
+        this.removeChangeIdsSpy.calledWith(this.change_ids).should.equal(true)
+      })
+
+      it('should remove the change', function () {
+        expect(
+          this.result.changes.find(
+            change => change.id === this.ranges.changes[1].id
+          )
+        ).to.be.undefined
+      })
+
+      it('should return the original number of changes minus 1', function () {
+        this.result.changes.length.should.equal(this.ranges.changes.length - 1)
+      })
+
+      it('should not touch other changes', function () {
+        for (const i of [0, 2, 3, 4]) {
+          expect(
+            this.result.changes.find(
+              change => change.id === this.ranges.changes[i].id
+            )
+          ).to.deep.equal(this.ranges.changes[i])
+        }
+      })
+    })
+
+    describe('successfully with multiple changes', function () {
+      beforeEach(function () {
+        this.change_ids = [
+          this.ranges.changes[1].id,
+          this.ranges.changes[3].id,
+          this.ranges.changes[4].id,
+        ]
+        this.result = this.RangesManager.acceptChanges(
+          this.project_id,
+          this.doc_id,
+          this.change_ids,
+          this.ranges,
+          this.lines
+        )
+      })
+
+      it('should log the call with the correct number of changes', function () {
+        this.logger.debug
+          .calledWith(`accepting ${this.change_ids.length} changes in ranges`)
+          .should.equal(true)
+      })
+
+      it('should delegate the change removal to the ranges tracker', function () {
+        this.removeChangeIdsSpy.calledWith(this.change_ids).should.equal(true)
+      })
+
+      it('should remove the changes', function () {
+        for (const i of [1, 3, 4]) {
+          expect(
+            this.result.changes.find(
+              change => change.id === this.ranges.changes[i].id
+            )
+          ).to.be.undefined
+        }
+      })
+
+      it('should return the original number of changes minus the number of accepted changes', function () {
+        this.result.changes.length.should.equal(this.ranges.changes.length - 3)
+      })
+
+      it('should not touch other changes', function () {
+        for (const i of [0, 2]) {
+          expect(
+            this.result.changes.find(
+              change => change.id === this.ranges.changes[i].id
+            )
+          ).to.deep.equal(this.ranges.changes[i])
+        }
+      })
+    })
+  })
+
+  describe('getHistoryUpdatesForAcceptedChanges', function () {
+    beforeEach(function () {
+      this.clock = sinon.useFakeTimers()
+      this.RangesManager = SandboxedModule.require(MODULE_PATH, {
+        requires: {
+          '@overleaf/ranges-tracker': (this.RangesTracker =
+            SandboxedModule.require('@overleaf/ranges-tracker')),
+          '@overleaf/metrics': {},
+        },
+      })
+    })
+
+    afterEach(function () {
+      this.clock.restore()
+    })
+
+    it('should create history updates for accepted track inserts', function () {
+      // 'one two three four five' <-- text before changes
+      const ranges = {
+        comments: [],
+        changes: makeRanges([
+          { i: 'lorem', p: 0 },
+          { i: 'ipsum', p: 15 },
+        ]),
+      }
+      const lines = ['loremone two thipsumree four five']
+
+      const now = Date.now()
+
+      const result = this.RangesManager.getHistoryUpdatesForAcceptedChanges({
+        docId: this.doc_id,
+        acceptedChangeIds: ranges.changes.map(change => change.id),
+        changes: ranges.changes,
+        pathname: '',
+        projectHistoryId: '',
+        lines,
+      })
+
+      expect(result).to.deep.equal([
+        {
+          doc: this.doc_id,
+          meta: {
+            user_id: TEST_USER_ID,
+            doc_length: 33,
+            pathname: '',
+            ts: now,
+          },
+          op: [
+            {
+              r: 'lorem',
+              p: 0,
+              tracking: { type: 'none' },
+            },
+          ],
+        },
+        {
+          doc: this.doc_id,
+          meta: {
+            user_id: TEST_USER_ID,
+            doc_length: 33,
+            pathname: '',
+            ts: now,
+          },
+          op: [
+            {
+              r: 'ipsum',
+              p: 15,
+              tracking: { type: 'none' },
+            },
+          ],
+        },
+      ])
+    })
+
+    it('should create history updates for accepted track deletes', function () {
+      // 'one two three four five' <-- text before changes
+      const ranges = {
+        comments: [],
+        changes: makeRanges([
+          { d: 'two', p: 4 },
+          { d: 'three', p: 5 },
+        ]),
+      }
+      const lines = ['one   four five']
+
+      const now = Date.now()
+
+      const result = this.RangesManager.getHistoryUpdatesForAcceptedChanges({
+        docId: this.doc_id,
+        acceptedChangeIds: ranges.changes.map(change => change.id),
+        changes: ranges.changes,
+        pathname: '',
+        projectHistoryId: '',
+        lines,
+      })
+
+      expect(result).to.deep.equal([
+        {
+          doc: this.doc_id,
+          meta: {
+            user_id: TEST_USER_ID,
+            doc_length: 15,
+            history_doc_length: 23,
+            pathname: '',
+            ts: now,
+          },
+          op: [
+            {
+              d: 'two',
+              p: 4,
+            },
+          ],
+        },
+        {
+          doc: this.doc_id,
+          meta: {
+            user_id: TEST_USER_ID,
+            doc_length: 15,
+            history_doc_length: 20,
+            pathname: '',
+            ts: now,
+          },
+          op: [
+            {
+              d: 'three',
+              p: 5,
+            },
+          ],
+        },
+      ])
+    })
+
+    it('should create history updates with unaccepted deletes', function () {
+      // 'one two three four five' <-- text before changes
+      const ranges = {
+        comments: [],
+        changes: makeRanges([
+          { d: 'two', p: 4 },
+          { d: 'three', p: 5 },
+        ]),
+      }
+      const lines = ['one   four five']
+
+      const now = Date.now()
+
+      const result = this.RangesManager.getHistoryUpdatesForAcceptedChanges({
+        docId: this.doc_id,
+        acceptedChangeIds: [ranges.changes[1].id],
+        changes: ranges.changes,
+        pathname: '',
+        projectHistoryId: '',
+        lines,
+      })
+
+      expect(result).to.deep.equal([
+        {
+          doc: this.doc_id,
+          meta: {
+            user_id: TEST_USER_ID,
+            doc_length: 15,
+            history_doc_length: 23,
+            pathname: '',
+            ts: now,
+          },
+          op: [
+            {
+              d: 'three',
+              p: 5,
+              hpos: 8,
+            },
+          ],
+        },
+      ])
+    })
+
+    it('should create history updates with mixed track changes', function () {
+      // 'one two three four five' <-- text before changes
+      const ranges = {
+        comments: [],
+        changes: makeRanges([
+          { d: 'two', p: 4 },
+          { d: 'three', p: 5 },
+          { i: 'xxx ', p: 6 },
+          { d: 'five', p: 15 },
+        ]),
+      }
+      const lines = ['one   xxx four ']
+
+      const now = Date.now()
+
+      const result = this.RangesManager.getHistoryUpdatesForAcceptedChanges({
+        docId: this.doc_id,
+        acceptedChangeIds: [
+          ranges.changes[0].id,
+          // ranges.changes[1].id - second delete is not accepted
+          ranges.changes[2].id,
+          ranges.changes[3].id,
+        ],
+        changes: ranges.changes,
+        pathname: '',
+        projectHistoryId: '',
+        lines,
+      })
+
+      expect(result).to.deep.equal([
+        {
+          doc: this.doc_id,
+          meta: {
+            user_id: TEST_USER_ID,
+            doc_length: 15,
+            history_doc_length: 27,
+            pathname: '',
+            ts: now,
+          },
+          op: [
+            {
+              d: 'two',
+              p: 4,
+            },
+          ],
+        },
+        {
+          doc: this.doc_id,
+          meta: {
+            user_id: TEST_USER_ID,
+            doc_length: 15,
+            history_doc_length: 24,
+            pathname: '',
+            ts: now,
+          },
+          op: [
+            {
+              r: 'xxx ',
+              p: 6,
+              hpos: 11,
+              tracking: { type: 'none' },
+            },
+          ],
+        },
+        {
+          doc: this.doc_id,
+          meta: {
+            user_id: TEST_USER_ID,
+            doc_length: 15,
+            history_doc_length: 24,
+            pathname: '',
+            ts: now,
+          },
+          op: [
+            {
+              d: 'five',
+              p: 15,
+              hpos: 20,
+            },
+          ],
+        },
+      ])
+    })
+  })
+})
+
+function makeRanges(ops) {
+  let id = 1
+  const changes = []
+  let ts = Date.now()
+  for (const op of ops) {
+    changes.push({
+      id: id.toString(),
+      op,
+      metadata: { user_id: TEST_USER_ID, ts: new Date(ts).toISOString() },
+    })
+    id += 1
+    ts += 1000 // use a unique timestamp for each change
+  }
+  return changes
+}
+
+function makeUpdates(ops, meta = {}) {
+  const updates = []
+  for (const op of ops) {
+    updates.push({
+      meta: { user_id: TEST_USER_ID, ...meta },
+      op: [op],
+    })
+  }
+  return updates
+}
diff --git a/services/document-updater/test/unit/js/RateLimitManager/RateLimitManager.js b/services/document-updater/test/unit/js/RateLimitManager/RateLimitManager.js
new file mode 100644
index 0000000..09c4eba
--- /dev/null
+++ b/services/document-updater/test/unit/js/RateLimitManager/RateLimitManager.js
@@ -0,0 +1,133 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS206: Consider reworking classes to avoid initClass
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../../app/js/RateLimitManager.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('RateLimitManager', function () {
+  beforeEach(function () {
+    let Timer
+    this.RateLimitManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': (this.settings = {}),
+        './Metrics': (this.Metrics = {
+          Timer: (Timer = (function () {
+            Timer = class Timer {
+              static initClass() {
+                this.prototype.done = sinon.stub()
+              }
+            }
+            Timer.initClass()
+            return Timer
+          })()),
+          gauge: sinon.stub(),
+        }),
+      },
+    })
+    this.callback = sinon.stub()
+    return (this.RateLimiter = new this.RateLimitManager(1))
+  })
+
+  describe('for a single task', function () {
+    beforeEach(function () {
+      this.task = sinon.stub()
+      return this.RateLimiter.run(this.task, this.callback)
+    })
+
+    it('should execute the task in the background', function () {
+      return this.task.called.should.equal(true)
+    })
+
+    it('should call the callback', function () {
+      return this.callback.called.should.equal(true)
+    })
+
+    return it('should finish with a worker count of one', function () {
+      // because it's in the background
+      return expect(this.RateLimiter.ActiveWorkerCount).to.equal(1)
+    })
+  })
+
+  describe('for multiple tasks', function () {
+    beforeEach(function (done) {
+      this.task = sinon.stub()
+      this.finalTask = sinon.stub()
+      const task = cb => {
+        this.task()
+        return setTimeout(cb, 100)
+      }
+      const finalTask = cb => {
+        this.finalTask()
+        return setTimeout(cb, 100)
+      }
+      this.RateLimiter.run(task, this.callback)
+      this.RateLimiter.run(task, this.callback)
+      this.RateLimiter.run(task, this.callback)
+      return this.RateLimiter.run(finalTask, err => {
+        this.callback(err)
+        return done()
+      })
+    })
+
+    it('should execute the first three tasks', function () {
+      return this.task.calledThrice.should.equal(true)
+    })
+
+    it('should execute the final task', function () {
+      return this.finalTask.called.should.equal(true)
+    })
+
+    it('should call the callback', function () {
+      return this.callback.called.should.equal(true)
+    })
+
+    return it('should finish with worker count of zero', function () {
+      return expect(this.RateLimiter.ActiveWorkerCount).to.equal(0)
+    })
+  })
+
+  return describe('for a mixture of long-running tasks', function () {
+    beforeEach(function (done) {
+      this.task = sinon.stub()
+      this.finalTask = sinon.stub()
+      const finalTask = cb => {
+        this.finalTask()
+        return setTimeout(cb, 100)
+      }
+      this.RateLimiter.run(this.task, this.callback)
+      this.RateLimiter.run(this.task, this.callback)
+      this.RateLimiter.run(this.task, this.callback)
+      return this.RateLimiter.run(finalTask, err => {
+        this.callback(err)
+        return done()
+      })
+    })
+
+    it('should execute the first three tasks', function () {
+      return this.task.calledThrice.should.equal(true)
+    })
+
+    it('should execute the final task', function () {
+      return this.finalTask.called.should.equal(true)
+    })
+
+    it('should call the callback', function () {
+      return this.callback.called.should.equal(true)
+    })
+
+    return it('should finish with worker count of three', function () {
+      return expect(this.RateLimiter.ActiveWorkerCount).to.equal(3)
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/RealTimeRedisManager/RealTimeRedisManagerTests.js b/services/document-updater/test/unit/js/RealTimeRedisManager/RealTimeRedisManagerTests.js
new file mode 100644
index 0000000..d678c8d
--- /dev/null
+++ b/services/document-updater/test/unit/js/RealTimeRedisManager/RealTimeRedisManagerTests.js
@@ -0,0 +1,167 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const modulePath = '../../../../app/js/RealTimeRedisManager.js'
+const SandboxedModule = require('sandboxed-module')
+const Errors = require('../../../../app/js/Errors')
+
+describe('RealTimeRedisManager', function () {
+  beforeEach(function () {
+    this.rclient = {
+      auth() {},
+      exec: sinon.stub(),
+    }
+    this.rclient.multi = () => this.rclient
+    this.pubsubClient = { publish: sinon.stub() }
+    this.RealTimeRedisManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/redis-wrapper': {
+          createClient: config =>
+            config.name === 'pubsub' ? this.pubsubClient : this.rclient,
+        },
+        '@overleaf/settings': {
+          redis: {
+            documentupdater: (this.settings = {
+              key_schema: {
+                pendingUpdates({ doc_id: docId }) {
+                  return `PendingUpdates:${docId}`
+                },
+              },
+            }),
+            pubsub: {
+              name: 'pubsub',
+            },
+          },
+        },
+        crypto: (this.crypto = {
+          randomBytes: sinon
+            .stub()
+            .withArgs(4)
+            .returns(Buffer.from([0x1, 0x2, 0x3, 0x4])),
+        }),
+        os: (this.os = { hostname: sinon.stub().returns('somehost') }),
+        './Metrics': (this.metrics = {
+          summary: sinon.stub(),
+          histogram: sinon.stub(),
+        }),
+      },
+    })
+
+    this.doc_id = 'doc-id-123'
+    this.project_id = 'project-id-123'
+    return (this.callback = sinon.stub())
+  })
+
+  describe('getPendingUpdatesForDoc', function () {
+    beforeEach(function () {
+      this.rclient.llen = sinon.stub()
+      this.rclient.lrange = sinon.stub()
+      return (this.rclient.ltrim = sinon.stub())
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.updates = [
+          { op: [{ i: 'foo', p: 4 }] },
+          { op: [{ i: 'foo', p: 4 }] },
+        ]
+        this.jsonUpdates = this.updates.map(update => JSON.stringify(update))
+        this.rclient.exec = sinon.stub().yields(null, [2, this.jsonUpdates])
+        return this.RealTimeRedisManager.getPendingUpdatesForDoc(
+          this.doc_id,
+          this.callback
+        )
+      })
+
+      it('should get the pending updates', function () {
+        return this.rclient.lrange
+          .calledWith(`PendingUpdates:${this.doc_id}`, 0, 7)
+          .should.equal(true)
+      })
+
+      it('should delete the pending updates', function () {
+        return this.rclient.ltrim
+          .calledWith(`PendingUpdates:${this.doc_id}`, 8, -1)
+          .should.equal(true)
+      })
+
+      return it('should call the callback with the updates', function () {
+        return this.callback.calledWith(null, this.updates).should.equal(true)
+      })
+    })
+
+    return describe("when the JSON doesn't parse", function () {
+      beforeEach(function () {
+        this.jsonUpdates = [
+          JSON.stringify({ op: [{ i: 'foo', p: 4 }] }),
+          'broken json',
+        ]
+        this.rclient.exec = sinon.stub().yields(null, [2, this.jsonUpdates])
+        return this.RealTimeRedisManager.getPendingUpdatesForDoc(
+          this.doc_id,
+          this.callback
+        )
+      })
+
+      return it('should return an error to the callback', function () {
+        return this.callback
+          .calledWith(sinon.match.has('name', 'SyntaxError'))
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('getUpdatesLength', function () {
+    beforeEach(function () {
+      this.rclient.llen = sinon.stub().yields(null, (this.length = 3))
+      return this.RealTimeRedisManager.getUpdatesLength(
+        this.doc_id,
+        this.callback
+      )
+    })
+
+    it('should look up the length', function () {
+      return this.rclient.llen
+        .calledWith(`PendingUpdates:${this.doc_id}`)
+        .should.equal(true)
+    })
+
+    return it('should return the length', function () {
+      return this.callback.calledWith(null, this.length).should.equal(true)
+    })
+  })
+
+  return describe('sendData', function () {
+    beforeEach(function () {
+      this.message_id = 'doc:somehost:01020304-0'
+      return this.RealTimeRedisManager.sendData({ op: 'thisop' })
+    })
+
+    it('should send the op with a message id', function () {
+      return this.pubsubClient.publish
+        .calledWith(
+          'applied-ops',
+          JSON.stringify({ op: 'thisop', _id: this.message_id })
+        )
+        .should.equal(true)
+    })
+
+    return it('should track the payload size', function () {
+      return this.metrics.summary
+        .calledWith(
+          'redis.publish.applied-ops',
+          JSON.stringify({ op: 'thisop', _id: this.message_id }).length
+        )
+        .should.equal(true)
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/RedisManager/RedisManagerTests.js b/services/document-updater/test/unit/js/RedisManager/RedisManagerTests.js
new file mode 100644
index 0000000..125dd3d
--- /dev/null
+++ b/services/document-updater/test/unit/js/RedisManager/RedisManagerTests.js
@@ -0,0 +1,1153 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const Errors = require('../../../../app/js/Errors')
+const crypto = require('node:crypto')
+const tk = require('timekeeper')
+
+const MODULE_PATH = '../../../../app/js/RedisManager.js'
+
+describe('RedisManager', function () {
+  beforeEach(function () {
+    this.multi = { exec: sinon.stub().yields() }
+    this.rclient = { multi: () => this.multi, srem: sinon.stub().yields() }
+    tk.freeze(new Date())
+    this.RedisManager = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '@overleaf/settings': (this.settings = {
+          documentupdater: { logHashErrors: { write: true, read: true } },
+          redis: {
+            documentupdater: {
+              key_schema: {
+                blockingKey({ doc_id: docId }) {
+                  return `Blocking:${docId}`
+                },
+                docLines({ doc_id: docId }) {
+                  return `doclines:${docId}`
+                },
+                docOps({ doc_id: docId }) {
+                  return `DocOps:${docId}`
+                },
+                docVersion({ doc_id: docId }) {
+                  return `DocVersion:${docId}`
+                },
+                docHash({ doc_id: docId }) {
+                  return `DocHash:${docId}`
+                },
+                projectKey({ doc_id: docId }) {
+                  return `ProjectId:${docId}`
+                },
+                pendingUpdates({ doc_id: docId }) {
+                  return `PendingUpdates:${docId}`
+                },
+                docsInProject({ project_id: projectId }) {
+                  return `DocsIn:${projectId}`
+                },
+                ranges({ doc_id: docId }) {
+                  return `Ranges:${docId}`
+                },
+                pathname({ doc_id: docId }) {
+                  return `Pathname:${docId}`
+                },
+                projectHistoryId({ doc_id: docId }) {
+                  return `ProjectHistoryId:${docId}`
+                },
+                projectState({ project_id: projectId }) {
+                  return `ProjectState:${projectId}`
+                },
+                projectBlock({ project_id: projectId }) {
+                  return `ProjectBlock:${projectId}`
+                },
+                unflushedTime({ doc_id: docId }) {
+                  return `UnflushedTime:${docId}`
+                },
+                lastUpdatedBy({ doc_id: docId }) {
+                  return `lastUpdatedBy:${docId}`
+                },
+                lastUpdatedAt({ doc_id: docId }) {
+                  return `lastUpdatedAt:${docId}`
+                },
+                historyRangesSupport() {
+                  return 'HistoryRangesSupport'
+                },
+                resolvedCommentIds({ doc_id: docId }) {
+                  return `ResolvedCommentIds:${docId}`
+                },
+              },
+            },
+          },
+        }),
+        '@overleaf/redis-wrapper': {
+          createClient: () => this.rclient,
+        },
+        './Metrics': (this.metrics = {
+          inc: sinon.stub(),
+          summary: sinon.stub(),
+          Timer: class Timer {
+            constructor() {
+              this.start = new Date()
+            }
+
+            done() {
+              const timeSpan = new Date() - this.start
+              return timeSpan
+            }
+          },
+        }),
+        './Errors': Errors,
+      },
+    })
+
+    this.docId = 'doc-id-123'
+    this.project_id = 'project-id-123'
+    this.projectHistoryId = '123'
+    this.historyRangesSupport = false
+    this.callback = sinon.stub()
+  })
+
+  afterEach(function () {
+    tk.reset()
+  })
+
+  describe('getDoc', function () {
+    beforeEach(function () {
+      this.lines = ['one', 'two', 'three', 'これは'] // include some utf8
+      this.jsonlines = JSON.stringify(this.lines)
+      this.version = 42
+      this.hash = crypto
+        .createHash('sha1')
+        .update(this.jsonlines, 'utf8')
+        .digest('hex')
+      this.ranges = { comments: 'mock', entries: 'mock' }
+      this.resolvedCommentIds = ['comment-1']
+      this.json_ranges = JSON.stringify(this.ranges)
+      this.unflushed_time = 12345
+      this.pathname = '/a/b/c.tex'
+      this.rclient.mget = sinon
+        .stub()
+        .yields(null, [
+          this.jsonlines,
+          this.version,
+          this.hash,
+          this.project_id,
+          this.json_ranges,
+          this.pathname,
+          this.projectHistoryId.toString(),
+          this.unflushed_time,
+        ])
+      this.rclient.sismember = sinon.stub()
+      this.rclient.sismember
+        .withArgs('HistoryRangesSupport', this.docId)
+        .yields(null, 0)
+      this.rclient.smembers = sinon.stub()
+      this.rclient.smembers
+        .withArgs(`ResolvedCommentIds:${this.docId}`)
+        .yields(null, this.resolvedCommentIds)
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.RedisManager.getDoc(this.project_id, this.docId, this.callback)
+      })
+
+      it('should get all the details in one call to redis', function () {
+        this.rclient.mget
+          .calledWith(
+            `doclines:${this.docId}`,
+            `DocVersion:${this.docId}`,
+            `DocHash:${this.docId}`,
+            `ProjectId:${this.docId}`,
+            `Ranges:${this.docId}`,
+            `Pathname:${this.docId}`,
+            `ProjectHistoryId:${this.docId}`,
+            `UnflushedTime:${this.docId}`,
+            `lastUpdatedAt:${this.docId}`,
+            `lastUpdatedBy:${this.docId}`
+          )
+          .should.equal(true)
+      })
+
+      it('should return the document', function () {
+        this.callback.should.have.been.calledWithExactly(
+          null,
+          this.lines,
+          this.version,
+          this.ranges,
+          this.pathname,
+          this.projectHistoryId,
+          this.unflushed_time,
+          this.lastUpdatedAt,
+          this.lastUpdatedBy,
+          this.historyRangesSupport,
+          this.resolvedCommentIds
+        )
+      })
+
+      it('should not log any errors', function () {
+        this.logger.error.calledWith().should.equal(false)
+      })
+    })
+
+    describe('with a corrupted document', function () {
+      beforeEach(function () {
+        this.badHash = 'INVALID-HASH-VALUE'
+        this.rclient.mget = sinon
+          .stub()
+          .yields(null, [
+            this.jsonlines,
+            this.version,
+            this.badHash,
+            this.project_id,
+            this.json_ranges,
+          ])
+        this.RedisManager.getDoc(this.project_id, this.docId, this.callback)
+      })
+
+      it('should log a hash error', function () {
+        this.logger.error.calledWith().should.equal(true)
+      })
+
+      it('should return the document', function () {
+        this.callback
+          .calledWith(null, this.lines, this.version, this.ranges)
+          .should.equal(true)
+      })
+    })
+
+    describe('with a slow request to redis', function () {
+      beforeEach(function () {
+        this.clock = sinon.useFakeTimers()
+        this.rclient.mget = (...args) => {
+          const cb = args.pop()
+          this.clock.tick(6000)
+          cb(null, [
+            this.jsonlines,
+            this.version,
+            this.another_project_id,
+            this.json_ranges,
+            this.pathname,
+            this.unflushed_time,
+          ])
+        }
+
+        this.RedisManager.getDoc(this.project_id, this.docId, this.callback)
+      })
+
+      afterEach(function () {
+        this.clock.restore()
+      })
+
+      it('should return an error', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('getDoc with an invalid project id', function () {
+      beforeEach(function () {
+        this.another_project_id = 'project-id-456'
+        this.rclient.mget = sinon
+          .stub()
+          .yields(null, [
+            this.jsonlines,
+            this.version,
+            this.hash,
+            this.another_project_id,
+            this.json_ranges,
+            this.pathname,
+            this.unflushed_time,
+          ])
+        this.RedisManager.getDoc(this.project_id, this.docId, this.callback)
+      })
+
+      it('should return an error', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Errors.NotFoundError))
+          .should.equal(true)
+      })
+    })
+
+    describe('with history ranges support', function () {
+      beforeEach(function () {
+        this.rclient.sismember
+          .withArgs('HistoryRangesSupport', this.docId)
+          .yields(null, 1)
+        this.RedisManager.getDoc(this.project_id, this.docId, this.callback)
+      })
+
+      it('should return the document with the history ranges flag set', function () {
+        this.callback.should.have.been.calledWithExactly(
+          null,
+          this.lines,
+          this.version,
+          this.ranges,
+          this.pathname,
+          this.projectHistoryId,
+          this.unflushed_time,
+          this.lastUpdatedAt,
+          this.lastUpdatedBy,
+          true,
+          this.resolvedCommentIds
+        )
+      })
+    })
+  })
+
+  describe('getPreviousDocOpsTests', function () {
+    describe('with a start and an end value', function () {
+      beforeEach(function () {
+        this.first_version_in_redis = 30
+        this.version = 70
+        this.length = this.version - this.first_version_in_redis
+        this.start = 50
+        this.end = 60
+        this.ops = [{ mock: 'op-1' }, { mock: 'op-2' }]
+        this.jsonOps = this.ops.map(op => JSON.stringify(op))
+        this.rclient.llen = sinon.stub().callsArgWith(1, null, this.length)
+        this.rclient.get = sinon
+          .stub()
+          .callsArgWith(1, null, this.version.toString())
+        this.rclient.lrange = sinon.stub().callsArgWith(3, null, this.jsonOps)
+        this.RedisManager.getPreviousDocOps(
+          this.docId,
+          this.start,
+          this.end,
+          this.callback
+        )
+      })
+
+      it('should get the length of the existing doc ops', function () {
+        this.rclient.llen.calledWith(`DocOps:${this.docId}`).should.equal(true)
+      })
+
+      it('should get the current version of the doc', function () {
+        this.rclient.get
+          .calledWith(`DocVersion:${this.docId}`)
+          .should.equal(true)
+      })
+
+      it('should get the appropriate docs ops', function () {
+        this.rclient.lrange
+          .calledWith(
+            `DocOps:${this.docId}`,
+            this.start - this.first_version_in_redis,
+            this.end - this.first_version_in_redis
+          )
+          .should.equal(true)
+      })
+
+      it('should return the docs with the doc ops deserialized', function () {
+        this.callback.calledWith(null, this.ops).should.equal(true)
+      })
+    })
+
+    describe('with an end value of -1', function () {
+      beforeEach(function () {
+        this.first_version_in_redis = 30
+        this.version = 70
+        this.length = this.version - this.first_version_in_redis
+        this.start = 50
+        this.end = -1
+        this.ops = [{ mock: 'op-1' }, { mock: 'op-2' }]
+        this.jsonOps = this.ops.map(op => JSON.stringify(op))
+        this.rclient.llen = sinon.stub().callsArgWith(1, null, this.length)
+        this.rclient.get = sinon
+          .stub()
+          .callsArgWith(1, null, this.version.toString())
+        this.rclient.lrange = sinon.stub().callsArgWith(3, null, this.jsonOps)
+        this.RedisManager.getPreviousDocOps(
+          this.docId,
+          this.start,
+          this.end,
+          this.callback
+        )
+      })
+
+      it('should get the appropriate docs ops to the end of list', function () {
+        this.rclient.lrange
+          .calledWith(
+            `DocOps:${this.docId}`,
+            this.start - this.first_version_in_redis,
+            -1
+          )
+          .should.equal(true)
+      })
+
+      it('should return the docs with the doc ops deserialized', function () {
+        this.callback.calledWith(null, this.ops).should.equal(true)
+      })
+    })
+
+    describe('when the requested range is not in Redis', function () {
+      beforeEach(function () {
+        this.first_version_in_redis = 30
+        this.version = 70
+        this.length = this.version - this.first_version_in_redis
+        this.start = 20
+        this.end = -1
+        this.ops = [{ mock: 'op-1' }, { mock: 'op-2' }]
+        this.jsonOps = this.ops.map(op => JSON.stringify(op))
+        this.rclient.llen = sinon.stub().callsArgWith(1, null, this.length)
+        this.rclient.get = sinon
+          .stub()
+          .callsArgWith(1, null, this.version.toString())
+        this.rclient.lrange = sinon.stub().callsArgWith(3, null, this.jsonOps)
+        this.RedisManager.getPreviousDocOps(
+          this.docId,
+          this.start,
+          this.end,
+          this.callback
+        )
+      })
+
+      it('should return an error', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Errors.OpRangeNotAvailableError))
+          .should.equal(true)
+      })
+
+      it('should send details for metrics', function () {
+        this.callback.should.have.been.calledWith(
+          sinon.match({
+            info: {
+              firstVersionInRedis: this.first_version_in_redis,
+              version: this.version,
+              ttlInS: this.RedisManager.DOC_OPS_TTL,
+            },
+          })
+        )
+      })
+
+      it('should log out the problem as a debug message', function () {
+        this.logger.debug.called.should.equal(true)
+      })
+    })
+
+    describe('with a slow request to redis', function () {
+      beforeEach(function () {
+        this.first_version_in_redis = 30
+        this.version = 70
+        this.length = this.version - this.first_version_in_redis
+        this.start = 50
+        this.end = 60
+        this.ops = [{ mock: 'op-1' }, { mock: 'op-2' }]
+        this.jsonOps = this.ops.map(op => JSON.stringify(op))
+        this.rclient.llen = sinon.stub().callsArgWith(1, null, this.length)
+        this.rclient.get = sinon
+          .stub()
+          .callsArgWith(1, null, this.version.toString())
+        this.clock = sinon.useFakeTimers()
+        this.rclient.lrange = (key, start, end, cb) => {
+          this.clock.tick(6000)
+          cb(null, this.jsonOps)
+        }
+        this.RedisManager.getPreviousDocOps(
+          this.docId,
+          this.start,
+          this.end,
+          this.callback
+        )
+      })
+
+      afterEach(function () {
+        this.clock.restore()
+      })
+
+      it('should return an error', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('updateDocument', function () {
+    beforeEach(function () {
+      this.lines = ['one', 'two', 'three', 'これは']
+      this.ops = [{ op: [{ i: 'foo', p: 4 }] }, { op: [{ i: 'bar', p: 8 }] }]
+      this.version = 42
+      this.hash = crypto
+        .createHash('sha1')
+        .update(JSON.stringify(this.lines), 'utf8')
+        .digest('hex')
+      this.ranges = { comments: 'mock', entries: 'mock' }
+      this.updateMeta = { user_id: 'last-author-fake-id' }
+      this.doc_update_list_length = sinon.stub()
+      this.project_update_list_length = sinon.stub()
+
+      this.RedisManager.getDocVersion = sinon.stub()
+      this.multi.mset = sinon.stub()
+      this.multi.set = sinon.stub()
+      this.multi.rpush = sinon.stub()
+      this.multi.expire = sinon.stub()
+      this.multi.ltrim = sinon.stub()
+      this.multi.del = sinon.stub()
+      this.multi.exec = sinon
+        .stub()
+        .callsArgWith(0, null, [
+          null,
+          null,
+          null,
+          null,
+          this.doc_update_list_length,
+          null,
+          null,
+        ])
+    })
+
+    describe('with a consistent version', function () {
+      beforeEach(function () {
+        this.RedisManager.getDocVersion
+          .withArgs(this.docId)
+          .yields(null, this.version - this.ops.length)
+        this.RedisManager.updateDocument(
+          this.project_id,
+          this.docId,
+          this.lines,
+          this.version,
+          this.ops,
+          this.ranges,
+          this.updateMeta,
+          this.callback
+        )
+      })
+
+      it('should get the current doc version to check for consistency', function () {
+        this.RedisManager.getDocVersion
+          .calledWith(this.docId)
+          .should.equal(true)
+      })
+
+      it('should set most details in a single MSET call', function () {
+        this.multi.mset
+          .calledWith({
+            [`doclines:${this.docId}`]: JSON.stringify(this.lines),
+            [`DocVersion:${this.docId}`]: this.version,
+            [`DocHash:${this.docId}`]: this.hash,
+            [`Ranges:${this.docId}`]: JSON.stringify(this.ranges),
+            [`lastUpdatedAt:${this.docId}`]: Date.now(),
+            [`lastUpdatedBy:${this.docId}`]: 'last-author-fake-id',
+          })
+          .should.equal(true)
+      })
+
+      it('should set the unflushed time', function () {
+        this.multi.set
+          .calledWith(`UnflushedTime:${this.docId}`, Date.now(), 'NX')
+          .should.equal(true)
+      })
+
+      it('should push the doc op into the doc ops list', function () {
+        this.multi.rpush
+          .calledWith(
+            `DocOps:${this.docId}`,
+            JSON.stringify(this.ops[0]),
+            JSON.stringify(this.ops[1])
+          )
+          .should.equal(true)
+      })
+
+      it('should renew the expiry ttl on the doc ops array', function () {
+        this.multi.expire
+          .calledWith(`DocOps:${this.docId}`, this.RedisManager.DOC_OPS_TTL)
+          .should.equal(true)
+      })
+
+      it('should truncate the list to 100 members', function () {
+        this.multi.ltrim
+          .calledWith(
+            `DocOps:${this.docId}`,
+            -this.RedisManager.DOC_OPS_MAX_LENGTH,
+            -1
+          )
+          .should.equal(true)
+      })
+
+      it('should call the callback', function () {
+        this.callback.should.have.been.called
+      })
+
+      it('should not log any errors', function () {
+        this.logger.error.calledWith().should.equal(false)
+      })
+
+      describe('with a doc using project history only', function () {
+        beforeEach(function () {
+          this.RedisManager.getDocVersion
+            .withArgs(this.docId)
+            .yields(null, this.version - this.ops.length)
+          this.RedisManager.updateDocument(
+            this.project_id,
+            this.docId,
+            this.lines,
+            this.version,
+            this.ops,
+            this.ranges,
+            this.updateMeta,
+            this.callback
+          )
+        })
+
+        it('should call the callback', function () {
+          this.callback.should.have.been.called
+        })
+      })
+    })
+
+    describe('with an inconsistent version', function () {
+      beforeEach(function () {
+        this.RedisManager.getDocVersion
+          .withArgs(this.docId)
+          .yields(null, this.version - this.ops.length - 1)
+        this.RedisManager.updateDocument(
+          this.project_id,
+          this.docId,
+          this.lines,
+          this.version,
+          this.ops,
+          this.ranges,
+          this.updateMeta,
+          this.callback
+        )
+      })
+
+      it('should not call multi.exec', function () {
+        this.multi.exec.called.should.equal(false)
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('with no updates', function () {
+      beforeEach(function () {
+        this.RedisManager.getDocVersion
+          .withArgs(this.docId)
+          .yields(null, this.version)
+        this.RedisManager.updateDocument(
+          this.project_id,
+          this.docId,
+          this.lines,
+          this.version,
+          [],
+          this.ranges,
+          this.updateMeta,
+          this.callback
+        )
+      })
+
+      it('should set the unflushed time (potential ranges changes)', function () {
+        this.multi.set
+          .calledWith(`UnflushedTime:${this.docId}`, Date.now(), 'NX')
+          .should.equal(true)
+      })
+
+      it('should not try to enqueue doc updates', function () {
+        this.multi.rpush.called.should.equal(false)
+      })
+
+      it('should still set the doclines', function () {
+        this.multi.mset
+          .calledWith({
+            [`doclines:${this.docId}`]: JSON.stringify(this.lines),
+            [`DocVersion:${this.docId}`]: this.version,
+            [`DocHash:${this.docId}`]: this.hash,
+            [`Ranges:${this.docId}`]: JSON.stringify(this.ranges),
+            [`lastUpdatedAt:${this.docId}`]: Date.now(),
+            [`lastUpdatedBy:${this.docId}`]: 'last-author-fake-id',
+          })
+          .should.equal(true)
+      })
+    })
+
+    describe('with empty ranges', function () {
+      beforeEach(function () {
+        this.RedisManager.getDocVersion
+          .withArgs(this.docId)
+          .yields(null, this.version - this.ops.length)
+        this.RedisManager.updateDocument(
+          this.project_id,
+          this.docId,
+          this.lines,
+          this.version,
+          this.ops,
+          {},
+          this.updateMeta,
+          this.callback
+        )
+      })
+
+      it('should set empty ranges', function () {
+        this.multi.mset
+          .calledWith({
+            [`doclines:${this.docId}`]: JSON.stringify(this.lines),
+            [`DocVersion:${this.docId}`]: this.version,
+            [`DocHash:${this.docId}`]: this.hash,
+            [`Ranges:${this.docId}`]: null,
+            [`lastUpdatedAt:${this.docId}`]: Date.now(),
+            [`lastUpdatedBy:${this.docId}`]: 'last-author-fake-id',
+          })
+          .should.equal(true)
+      })
+    })
+
+    describe('with null bytes in the serialized doc lines', function () {
+      beforeEach(function () {
+        this.RedisManager.getDocVersion
+          .withArgs(this.docId)
+          .yields(null, this.version - this.ops.length)
+        this.stringifyStub = sinon
+          .stub(JSON, 'stringify')
+          .callsFake(() => '["bad bytes! \u0000 <- here"]')
+        this.RedisManager.updateDocument(
+          this.project_id,
+          this.docId,
+          this.lines,
+          this.version,
+          this.ops,
+          this.ranges,
+          this.updateMeta,
+          this.callback
+        )
+      })
+
+      afterEach(function () {
+        this.stringifyStub.restore()
+      })
+
+      it('should log an error', function () {
+        this.logger.error.called.should.equal(true)
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('with ranges that are too big', function () {
+      beforeEach(function () {
+        this.RedisManager.getDocVersion
+          .withArgs(this.docId)
+          .yields(null, this.version - this.ops.length)
+        this.RedisManager._serializeRanges = sinon
+          .stub()
+          .yields(new Error('ranges are too large'))
+        this.RedisManager.updateDocument(
+          this.project_id,
+          this.docId,
+          this.lines,
+          this.version,
+          this.ops,
+          this.ranges,
+          this.updateMeta,
+          this.callback
+        )
+      })
+
+      it('should log an error', function () {
+        this.logger.error.called.should.equal(true)
+      })
+
+      it('should call the callback with the error', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('without user id from meta', function () {
+      beforeEach(function () {
+        this.RedisManager.getDocVersion
+          .withArgs(this.docId)
+          .yields(null, this.version - this.ops.length)
+        this.RedisManager.updateDocument(
+          this.project_id,
+          this.docId,
+          this.lines,
+          this.version,
+          this.ops,
+          this.ranges,
+          {},
+          this.callback
+        )
+      })
+
+      it('should unset last updater', function () {
+        this.multi.mset
+          .calledWith({
+            [`doclines:${this.docId}`]: JSON.stringify(this.lines),
+            [`DocVersion:${this.docId}`]: this.version,
+            [`DocHash:${this.docId}`]: this.hash,
+            [`Ranges:${this.docId}`]: JSON.stringify(this.ranges),
+            [`lastUpdatedAt:${this.docId}`]: Date.now(),
+            [`lastUpdatedBy:${this.docId}`]: undefined,
+          })
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('putDocInMemory', function () {
+    beforeEach(function () {
+      this.multi.mset = sinon.stub()
+      this.multi.sadd = sinon.stub()
+      this.multi.del = sinon.stub()
+      this.multi.exists = sinon.stub()
+      this.multi.exec.onCall(0).yields(null, [0])
+      this.rclient.sadd = sinon.stub().yields()
+      this.lines = ['one', 'two', 'three', 'これは']
+      this.version = 42
+      this.hash = crypto
+        .createHash('sha1')
+        .update(JSON.stringify(this.lines), 'utf8')
+        .digest('hex')
+      this.ranges = { comments: 'mock', entries: 'mock' }
+      this.resolvedCommentIds = ['comment-1']
+      this.pathname = '/a/b/c.tex'
+    })
+
+    describe('with non-empty ranges', function () {
+      beforeEach(function (done) {
+        this.RedisManager.putDocInMemory(
+          this.project_id,
+          this.docId,
+          this.lines,
+          this.version,
+          this.ranges,
+          this.resolvedCommentIds,
+          this.pathname,
+          this.projectHistoryId,
+          this.historyRangesSupport,
+          done
+        )
+      })
+
+      it('should set all the details in a single MSET call', function () {
+        this.multi.mset
+          .calledWith({
+            [`doclines:${this.docId}`]: JSON.stringify(this.lines),
+            [`ProjectId:${this.docId}`]: this.project_id,
+            [`DocVersion:${this.docId}`]: this.version,
+            [`DocHash:${this.docId}`]: this.hash,
+            [`Ranges:${this.docId}`]: JSON.stringify(this.ranges),
+            [`Pathname:${this.docId}`]: this.pathname,
+            [`ProjectHistoryId:${this.docId}`]: this.projectHistoryId,
+          })
+          .should.equal(true)
+      })
+
+      it('should add the docId to the project set', function () {
+        this.multi.sadd
+          .calledWith(`DocsIn:${this.project_id}`, this.docId)
+          .should.equal(true)
+      })
+
+      it('should not log any errors', function () {
+        this.logger.error.calledWith().should.equal(false)
+      })
+
+      it('should remove the document from the HistoryRangesSupport set in Redis', function () {
+        this.rclient.srem.should.have.been.calledWith(
+          'HistoryRangesSupport',
+          this.docId
+        )
+      })
+
+      it('should not store the resolved comments in Redis', function () {
+        this.multi.sadd.should.not.have.been.calledWith(
+          `ResolvedCommentIds:${this.docId}`
+        )
+      })
+    })
+
+    describe('with empty ranges', function () {
+      beforeEach(function (done) {
+        this.RedisManager.putDocInMemory(
+          this.project_id,
+          this.docId,
+          this.lines,
+          this.version,
+          {},
+          [],
+          this.pathname,
+          this.projectHistoryId,
+          this.historyRangesSupport,
+          done
+        )
+      })
+
+      it('should unset ranges', function () {
+        this.multi.mset.should.have.been.calledWith({
+          [`doclines:${this.docId}`]: JSON.stringify(this.lines),
+          [`ProjectId:${this.docId}`]: this.project_id,
+          [`DocVersion:${this.docId}`]: this.version,
+          [`DocHash:${this.docId}`]: this.hash,
+          [`Ranges:${this.docId}`]: null,
+          [`Pathname:${this.docId}`]: this.pathname,
+          [`ProjectHistoryId:${this.docId}`]: this.projectHistoryId,
+        })
+      })
+    })
+
+    describe('with null bytes in the serialized doc lines', function () {
+      beforeEach(function () {
+        this.stringifyStub = sinon
+          .stub(JSON, 'stringify')
+          .callsFake(() => '["bad bytes! \u0000 <- here"]')
+        this.RedisManager.putDocInMemory(
+          this.project_id,
+          this.docId,
+          this.lines,
+          this.version,
+          this.ranges,
+          this.resolvedCommentIds,
+          this.pathname,
+          this.projectHistoryId,
+          this.historyRangesSupport,
+          this.callback
+        )
+      })
+
+      afterEach(function () {
+        this.stringifyStub.restore()
+      })
+
+      it('should log an error', function () {
+        this.logger.error.called.should.equal(true)
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('with ranges that are too big', function () {
+      beforeEach(function () {
+        this.RedisManager._serializeRanges = sinon
+          .stub()
+          .yields(new Error('ranges are too large'))
+        this.RedisManager.putDocInMemory(
+          this.project_id,
+          this.docId,
+          this.lines,
+          this.version,
+          this.ranges,
+          this.resolvedCommentIds,
+          this.pathname,
+          this.projectHistoryId,
+          this.historyRangesSupport,
+          this.callback
+        )
+      })
+
+      it('should log an error', function () {
+        this.logger.error.called.should.equal(true)
+      })
+
+      it('should call the callback with the error', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('with history ranges support', function () {
+      beforeEach(function (done) {
+        this.historyRangesSupport = true
+        this.RedisManager.putDocInMemory(
+          this.project_id,
+          this.docId,
+          this.lines,
+          this.version,
+          this.ranges,
+          this.resolvedCommentIds,
+          this.pathname,
+          this.projectHistoryId,
+          this.historyRangesSupport,
+          done
+        )
+      })
+
+      it('should add the document to the HistoryRangesSupport set in Redis', function () {
+        this.rclient.sadd.should.have.been.calledWith(
+          'HistoryRangesSupport',
+          this.docId
+        )
+      })
+
+      it('should store the resolved comments in Redis', function () {
+        this.multi.del.should.have.been.calledWith(
+          `ResolvedCommentIds:${this.docId}`
+        )
+        this.multi.sadd.should.have.been.calledWith(
+          `ResolvedCommentIds:${this.docId}`,
+          ...this.resolvedCommentIds
+        )
+      })
+    })
+
+    describe('when the project is blocked', function () {
+      beforeEach(function (done) {
+        this.multi.exec.onCall(0).yields(null, [1])
+        this.RedisManager.putDocInMemory(
+          this.project_id,
+          this.docId,
+          this.lines,
+          this.version,
+          this.ranges,
+          this.resolvedCommentIds,
+          this.pathname,
+          this.projectHistoryId,
+          this.historyRangesSupport,
+          err => {
+            this.error = err
+            done()
+          }
+        )
+      })
+
+      it('should throw an error', function () {
+        expect(this.error.message).to.equal('Project blocked from loading docs')
+      })
+
+      it('should not store the doc', function () {
+        expect(this.multi.mset).to.not.have.been.called
+      })
+    })
+  })
+
+  describe('removeDocFromMemory', function () {
+    beforeEach(function (done) {
+      this.multi.strlen = sinon.stub()
+      this.multi.del = sinon.stub()
+      this.multi.srem = sinon.stub()
+      this.multi.exec.yields()
+      this.RedisManager.removeDocFromMemory(this.project_id, this.docId, done)
+    })
+
+    it('should check the length of the current doclines', function () {
+      this.multi.strlen.calledWith(`doclines:${this.docId}`).should.equal(true)
+    })
+
+    it('should delete the details in a singe call', function () {
+      this.multi.del
+        .calledWith(
+          `doclines:${this.docId}`,
+          `ProjectId:${this.docId}`,
+          `DocVersion:${this.docId}`,
+          `DocHash:${this.docId}`,
+          `Ranges:${this.docId}`,
+          `Pathname:${this.docId}`,
+          `ProjectHistoryId:${this.docId}`,
+          `UnflushedTime:${this.docId}`,
+          `lastUpdatedAt:${this.docId}`,
+          `lastUpdatedBy:${this.docId}`,
+          `ResolvedCommentIds:${this.docId}`
+        )
+        .should.equal(true)
+    })
+
+    it('should remove the docId from the project set', function () {
+      this.multi.srem
+        .calledWith(`DocsIn:${this.project_id}`, this.docId)
+        .should.equal(true)
+    })
+
+    it('should remove the docId from the HistoryRangesSupport set', function () {
+      this.rclient.srem.should.have.been.calledWith(
+        'HistoryRangesSupport',
+        this.docId
+      )
+    })
+  })
+
+  describe('clearProjectState', function () {
+    beforeEach(function (done) {
+      this.rclient.del = sinon.stub().callsArg(1)
+      this.RedisManager.clearProjectState(this.project_id, done)
+    })
+
+    it('should delete the project state', function () {
+      this.rclient.del
+        .calledWith(`ProjectState:${this.project_id}`)
+        .should.equal(true)
+    })
+  })
+
+  describe('renameDoc', function () {
+    beforeEach(function () {
+      this.rclient.rpush = sinon.stub().yields()
+      this.rclient.set = sinon.stub().yields()
+      this.update = {
+        id: this.docId,
+        pathname: (this.pathname = 'pathname'),
+        newPathname: (this.newPathname = 'new-pathname'),
+      }
+    })
+
+    describe('the document is cached in redis', function () {
+      beforeEach(function () {
+        this.RedisManager.getDoc = sinon
+          .stub()
+          .callsArgWith(2, null, 'lines', 'version')
+        this.RedisManager.renameDoc(
+          this.project_id,
+          this.docId,
+          this.userId,
+          this.update,
+          this.projectHistoryId,
+          this.callback
+        )
+      })
+
+      it('update the cached pathname', function () {
+        this.rclient.set
+          .calledWith(`Pathname:${this.docId}`, this.newPathname)
+          .should.equal(true)
+      })
+    })
+
+    describe('the document is not cached in redis', function () {
+      beforeEach(function () {
+        this.RedisManager.getDoc = sinon
+          .stub()
+          .callsArgWith(2, null, null, null)
+        this.RedisManager.renameDoc(
+          this.project_id,
+          this.docId,
+          this.userId,
+          this.update,
+          this.projectHistoryId,
+          this.callback
+        )
+      })
+
+      it('does not update the cached pathname', function () {
+        this.rclient.set.called.should.equal(false)
+      })
+    })
+
+    describe('getDocVersion', function () {
+      beforeEach(function () {
+        this.version = 12345
+        this.rclient.mget = sinon
+          .stub()
+          .withArgs(`DocVersion:${this.docId}`)
+          .callsArgWith(1, null, [`${this.version}`])
+        this.RedisManager.getDocVersion(this.docId, this.callback)
+      })
+
+      it('should return the document version', function () {
+        this.callback.calledWithExactly(null, this.version).should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/ShareJS/TextTransformTests.js b/services/document-updater/test/unit/js/ShareJS/TextTransformTests.js
new file mode 100644
index 0000000..a4fe5d7
--- /dev/null
+++ b/services/document-updater/test/unit/js/ShareJS/TextTransformTests.js
@@ -0,0 +1,444 @@
+/* eslint-disable
+    mocha/no-identical-title,
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS202: Simplify dynamic range loops
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const text = require('../../../../app/js/sharejs/types/text')
+const RangesTracker = require('@overleaf/ranges-tracker')
+
+describe('ShareJS text type', function () {
+  beforeEach(function () {
+    return (this.t = 'mock-thread-id')
+  })
+
+  describe('transform', function () {
+    describe('insert / insert', function () {
+      it('with an insert before', function () {
+        const dest = []
+        text._tc(dest, { i: 'foo', p: 9 }, { i: 'bar', p: 3 })
+        return dest.should.deep.equal([{ i: 'foo', p: 12 }])
+      })
+
+      it('with an insert after', function () {
+        const dest = []
+        text._tc(dest, { i: 'foo', p: 3 }, { i: 'bar', p: 9 })
+        return dest.should.deep.equal([{ i: 'foo', p: 3 }])
+      })
+
+      it("with an insert at the same place with side == 'right'", function () {
+        const dest = []
+        text._tc(dest, { i: 'foo', p: 3 }, { i: 'bar', p: 3 }, 'right')
+        return dest.should.deep.equal([{ i: 'foo', p: 6 }])
+      })
+
+      return it("with an insert at the same place with side == 'left'", function () {
+        const dest = []
+        text._tc(dest, { i: 'foo', p: 3 }, { i: 'bar', p: 3 }, 'left')
+        return dest.should.deep.equal([{ i: 'foo', p: 3 }])
+      })
+    })
+
+    describe('insert / delete', function () {
+      it('with a delete before', function () {
+        const dest = []
+        text._tc(dest, { i: 'foo', p: 9 }, { d: 'bar', p: 3 })
+        return dest.should.deep.equal([{ i: 'foo', p: 6 }])
+      })
+
+      it('with a delete after', function () {
+        const dest = []
+        text._tc(dest, { i: 'foo', p: 3 }, { d: 'bar', p: 9 })
+        return dest.should.deep.equal([{ i: 'foo', p: 3 }])
+      })
+
+      it("with a delete at the same place with side == 'right'", function () {
+        const dest = []
+        text._tc(dest, { i: 'foo', p: 3 }, { d: 'bar', p: 3 }, 'right')
+        return dest.should.deep.equal([{ i: 'foo', p: 3 }])
+      })
+
+      return it("with a delete at the same place with side == 'left'", function () {
+        const dest = []
+
+        text._tc(dest, { i: 'foo', p: 3 }, { d: 'bar', p: 3 }, 'left')
+        return dest.should.deep.equal([{ i: 'foo', p: 3 }])
+      })
+    })
+
+    describe('delete / insert', function () {
+      it('with an insert before', function () {
+        const dest = []
+        text._tc(dest, { d: 'foo', p: 9 }, { i: 'bar', p: 3 })
+        return dest.should.deep.equal([{ d: 'foo', p: 12 }])
+      })
+
+      it('with an insert after', function () {
+        const dest = []
+        text._tc(dest, { d: 'foo', p: 3 }, { i: 'bar', p: 9 })
+        return dest.should.deep.equal([{ d: 'foo', p: 3 }])
+      })
+
+      it("with an insert at the same place with side == 'right'", function () {
+        const dest = []
+        text._tc(dest, { d: 'foo', p: 3 }, { i: 'bar', p: 3 }, 'right')
+        return dest.should.deep.equal([{ d: 'foo', p: 6 }])
+      })
+
+      it("with an insert at the same place with side == 'left'", function () {
+        const dest = []
+        text._tc(dest, { d: 'foo', p: 3 }, { i: 'bar', p: 3 }, 'left')
+        return dest.should.deep.equal([{ d: 'foo', p: 6 }])
+      })
+
+      return it('with a delete that overlaps the insert location', function () {
+        const dest = []
+        text._tc(dest, { d: 'foo', p: 3 }, { i: 'bar', p: 4 })
+        return dest.should.deep.equal([
+          { d: 'f', p: 3 },
+          { d: 'oo', p: 6 },
+        ])
+      })
+    })
+
+    describe('delete / delete', function () {
+      it('with a delete before', function () {
+        const dest = []
+        text._tc(dest, { d: 'foo', p: 9 }, { d: 'bar', p: 3 })
+        return dest.should.deep.equal([{ d: 'foo', p: 6 }])
+      })
+
+      it('with a delete after', function () {
+        const dest = []
+        text._tc(dest, { d: 'foo', p: 3 }, { d: 'bar', p: 9 })
+        return dest.should.deep.equal([{ d: 'foo', p: 3 }])
+      })
+
+      it('with deleting the same content', function () {
+        const dest = []
+        text._tc(dest, { d: 'foo', p: 3 }, { d: 'foo', p: 3 }, 'right')
+        return dest.should.deep.equal([])
+      })
+
+      it('with the delete overlapping before', function () {
+        const dest = []
+        text._tc(dest, { d: 'foobar', p: 3 }, { d: 'abcfoo', p: 0 }, 'right')
+        return dest.should.deep.equal([{ d: 'bar', p: 0 }])
+      })
+
+      it('with the delete overlapping after', function () {
+        const dest = []
+        text._tc(dest, { d: 'abcfoo', p: 3 }, { d: 'foobar', p: 6 })
+        return dest.should.deep.equal([{ d: 'abc', p: 3 }])
+      })
+
+      it('with the delete overlapping the whole delete', function () {
+        const dest = []
+        text._tc(dest, { d: 'abcfoo123', p: 3 }, { d: 'foo', p: 6 })
+        return dest.should.deep.equal([{ d: 'abc123', p: 3 }])
+      })
+
+      return it('with the delete inside the whole delete', function () {
+        const dest = []
+        text._tc(dest, { d: 'foo', p: 6 }, { d: 'abcfoo123', p: 3 })
+        return dest.should.deep.equal([])
+      })
+    })
+
+    describe('comment / insert', function () {
+      it('with an insert before', function () {
+        const dest = []
+        text._tc(dest, { c: 'foo', p: 9, t: this.t }, { i: 'bar', p: 3 })
+        return dest.should.deep.equal([{ c: 'foo', p: 12, t: this.t }])
+      })
+
+      it('with an insert after', function () {
+        const dest = []
+        text._tc(dest, { c: 'foo', p: 3, t: this.t }, { i: 'bar', p: 9 })
+        return dest.should.deep.equal([{ c: 'foo', p: 3, t: this.t }])
+      })
+
+      it('with an insert at the left edge', function () {
+        const dest = []
+        text._tc(dest, { c: 'foo', p: 3, t: this.t }, { i: 'bar', p: 3 })
+        // RangesTracker doesn't inject inserts into comments on edges, so neither should we
+        return dest.should.deep.equal([{ c: 'foo', p: 6, t: this.t }])
+      })
+
+      it('with an insert at the right edge', function () {
+        const dest = []
+        text._tc(dest, { c: 'foo', p: 3, t: this.t }, { i: 'bar', p: 6 })
+        // RangesTracker doesn't inject inserts into comments on edges, so neither should we
+        return dest.should.deep.equal([{ c: 'foo', p: 3, t: this.t }])
+      })
+
+      return it('with an insert in the middle', function () {
+        const dest = []
+        text._tc(dest, { c: 'foo', p: 3, t: this.t }, { i: 'bar', p: 5 })
+        return dest.should.deep.equal([{ c: 'fobaro', p: 3, t: this.t }])
+      })
+    })
+
+    describe('comment / delete', function () {
+      it('with a delete before', function () {
+        const dest = []
+        text._tc(dest, { c: 'foo', p: 9, t: this.t }, { d: 'bar', p: 3 })
+        return dest.should.deep.equal([{ c: 'foo', p: 6, t: this.t }])
+      })
+
+      it('with a delete after', function () {
+        const dest = []
+        text._tc(dest, { c: 'foo', p: 3, t: this.t }, { i: 'bar', p: 9 })
+        return dest.should.deep.equal([{ c: 'foo', p: 3, t: this.t }])
+      })
+
+      it('with a delete overlapping the comment content before', function () {
+        const dest = []
+        text._tc(dest, { c: 'foobar', p: 6, t: this.t }, { d: '123foo', p: 3 })
+        return dest.should.deep.equal([{ c: 'bar', p: 3, t: this.t }])
+      })
+
+      it('with a delete overlapping the comment content after', function () {
+        const dest = []
+        text._tc(dest, { c: 'foobar', p: 6, t: this.t }, { d: 'bar123', p: 9 })
+        return dest.should.deep.equal([{ c: 'foo', p: 6, t: this.t }])
+      })
+
+      it('with a delete overlapping the comment content in the middle', function () {
+        const dest = []
+        text._tc(dest, { c: 'foo123bar', p: 6, t: this.t }, { d: '123', p: 9 })
+        return dest.should.deep.equal([{ c: 'foobar', p: 6, t: this.t }])
+      })
+
+      return it('with a delete overlapping the whole comment', function () {
+        const dest = []
+        text._tc(dest, { c: 'foo', p: 6, t: this.t }, { d: '123foo456', p: 3 })
+        return dest.should.deep.equal([{ c: '', p: 3, t: this.t }])
+      })
+    })
+
+    describe('comment / insert', function () {
+      return it('should not do anything', function () {
+        const dest = []
+        text._tc(dest, { i: 'foo', p: 6 }, { c: 'bar', p: 3 })
+        return dest.should.deep.equal([{ i: 'foo', p: 6 }])
+      })
+    })
+
+    describe('comment / delete', function () {
+      return it('should not do anything', function () {
+        const dest = []
+        text._tc(dest, { d: 'foo', p: 6 }, { c: 'bar', p: 3 })
+        return dest.should.deep.equal([{ d: 'foo', p: 6 }])
+      })
+    })
+
+    return describe('comment / comment', function () {
+      return it('should not do anything', function () {
+        const dest = []
+        text._tc(dest, { c: 'foo', p: 6 }, { c: 'bar', p: 3 })
+        return dest.should.deep.equal([{ c: 'foo', p: 6 }])
+      })
+    })
+  })
+
+  describe('apply', function () {
+    it('should apply an insert', function () {
+      return text.apply('foo', [{ i: 'bar', p: 2 }]).should.equal('fobaro')
+    })
+
+    it('should apply a delete', function () {
+      return text
+        .apply('foo123bar', [{ d: '123', p: 3 }])
+        .should.equal('foobar')
+    })
+
+    it('should do nothing with a comment', function () {
+      return text
+        .apply('foo123bar', [{ c: '123', p: 3 }])
+        .should.equal('foo123bar')
+    })
+
+    it('should throw an error when deleted content does not match', function () {
+      return (() => text.apply('foo123bar', [{ d: '456', p: 3 }])).should.throw(
+        Error
+      )
+    })
+
+    return it('should throw an error when comment content does not match', function () {
+      return (() => text.apply('foo123bar', [{ c: '456', p: 3 }])).should.throw(
+        Error
+      )
+    })
+  })
+
+  return describe('applying ops and comments in different orders', function () {
+    return it('should not matter which op or comment is applied first', function () {
+      let length, p
+      let asc, end
+      let asc1, end1
+      let asc3, end3
+      const transform = function (op1, op2, side) {
+        const d = []
+        text._tc(d, op1, op2, side)
+        return d
+      }
+
+      const applySnapshot = (snapshot, op) => text.apply(snapshot, op)
+
+      const applyRanges = function (rangesTracker, ops) {
+        for (const op of Array.from(ops)) {
+          rangesTracker.applyOp(op, {})
+        }
+        return rangesTracker
+      }
+
+      const commentsEqual = function (comments1, comments2) {
+        if (comments1.length !== comments2.length) {
+          return false
+        }
+        comments1.sort((a, b) => {
+          if (a.offset - b.offset === 0) {
+            return a.length - b.length
+          } else {
+            return a.offset - b.offset
+          }
+        })
+        comments2.sort((a, b) => {
+          if (a.offset - b.offset === 0) {
+            return a.length - b.length
+          } else {
+            return a.offset - b.offset
+          }
+        })
+        for (let i = 0; i < comments1.length; i++) {
+          const comment1 = comments1[i]
+          const comment2 = comments2[i]
+          if (
+            comment1.offset !== comment2.offset ||
+            comment1.length !== comment2.length
+          ) {
+            return false
+          }
+        }
+        return true
+      }
+
+      const SNAPSHOT = '123'
+
+      const OPS = []
+      // Insert ops
+      for (
+        p = 0, end = SNAPSHOT.length, asc = end >= 0;
+        asc ? p <= end : p >= end;
+        asc ? p++ : p--
+      ) {
+        OPS.push({ i: 'a', p })
+        OPS.push({ i: 'bc', p })
+      }
+      for (
+        p = 0, end1 = SNAPSHOT.length - 1, asc1 = end1 >= 0;
+        asc1 ? p <= end1 : p >= end1;
+        asc1 ? p++ : p--
+      ) {
+        let asc2, end2
+        for (
+          length = 1, end2 = SNAPSHOT.length - p, asc2 = end2 >= 1;
+          asc2 ? length <= end2 : length >= end2;
+          asc2 ? length++ : length--
+        ) {
+          OPS.push({ d: SNAPSHOT.slice(p, p + length), p })
+        }
+      }
+      for (
+        p = 0, end3 = SNAPSHOT.length - 1, asc3 = end3 >= 0;
+        asc3 ? p <= end3 : p >= end3;
+        asc3 ? p++ : p--
+      ) {
+        let asc4, end4
+        for (
+          length = 1, end4 = SNAPSHOT.length - p, asc4 = end4 >= 1;
+          asc4 ? length <= end4 : length >= end4;
+          asc4 ? length++ : length--
+        ) {
+          OPS.push({ c: SNAPSHOT.slice(p, p + length), p, t: this.t })
+        }
+      }
+
+      return (() => {
+        const result = []
+        for (const op1 of Array.from(OPS)) {
+          result.push(
+            (() => {
+              const result1 = []
+              for (const op2 of Array.from(OPS)) {
+                const op1T = transform(op1, op2, 'left')
+                const op2T = transform(op2, op1, 'right')
+
+                const rt12 = new RangesTracker()
+                const snapshot12 = applySnapshot(
+                  applySnapshot(SNAPSHOT, [op1]),
+                  op2T
+                )
+                applyRanges(rt12, [op1])
+                applyRanges(rt12, op2T)
+
+                const rt21 = new RangesTracker()
+                const snapshot21 = applySnapshot(
+                  applySnapshot(SNAPSHOT, [op2]),
+                  op1T
+                )
+                applyRanges(rt21, [op2])
+                applyRanges(rt21, op1T)
+
+                if (snapshot12 !== snapshot21) {
+                  console.error(
+                    {
+                      op1,
+                      op2,
+                      op1T,
+                      op2T,
+                      snapshot12,
+                      snapshot21,
+                    },
+                    'Ops are not consistent'
+                  )
+                  throw new Error('OT is inconsistent')
+                }
+
+                if (!commentsEqual(rt12.comments, rt21.comments)) {
+                  console.log(rt12.comments)
+                  console.log(rt21.comments)
+                  console.error(
+                    {
+                      op1,
+                      op2,
+                      op1T,
+                      op2T,
+                      rt12_comments: rt12.comments,
+                      rt21_comments: rt21.comments,
+                    },
+                    'Comments are not consistent'
+                  )
+                  throw new Error('OT is inconsistent')
+                } else {
+                  result1.push(undefined)
+                }
+              }
+              return result1
+            })()
+          )
+        }
+        return result
+      })()
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/ShareJsDB/ShareJsDBTests.js b/services/document-updater/test/unit/js/ShareJsDB/ShareJsDBTests.js
new file mode 100644
index 0000000..f122a8a
--- /dev/null
+++ b/services/document-updater/test/unit/js/ShareJsDB/ShareJsDBTests.js
@@ -0,0 +1,181 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../../app/js/ShareJsDB.js'
+const SandboxedModule = require('sandboxed-module')
+const Errors = require('../../../../app/js/Errors')
+
+describe('ShareJsDB', function () {
+  beforeEach(function () {
+    this.doc_id = 'document-id'
+    this.project_id = 'project-id'
+    this.doc_key = `${this.project_id}:${this.doc_id}`
+    this.callback = sinon.stub()
+    this.ShareJsDB = SandboxedModule.require(modulePath, {
+      requires: {
+        './RedisManager': (this.RedisManager = {
+          getPreviousDocOps: sinon.stub(),
+        }),
+        './Errors': Errors,
+        '@overleaf/metrics': {
+          inc: sinon.stub(),
+          histogram: sinon.stub(),
+          Timer: class Timer {
+            done() {}
+          },
+        },
+      },
+    })
+
+    this.version = 42
+    this.lines = ['one', 'two', 'three']
+    return (this.db = new this.ShareJsDB(
+      this.project_id,
+      this.doc_id,
+      this.lines,
+      this.version
+    ))
+  })
+
+  describe('getSnapshot', function () {
+    describe('successfully', function () {
+      beforeEach(function () {
+        return this.db.getSnapshot(this.doc_key, this.callback)
+      })
+
+      it('should return the doc lines', function () {
+        return this.callback.args[0][1].snapshot.should.equal(
+          this.lines.join('\n')
+        )
+      })
+
+      it('should return the doc version', function () {
+        return this.callback.args[0][1].v.should.equal(this.version)
+      })
+
+      return it('should return the type as text', function () {
+        return this.callback.args[0][1].type.should.equal('text')
+      })
+    })
+
+    return describe('when the key does not match', function () {
+      beforeEach(function () {
+        return this.db.getSnapshot('bad:key', this.callback)
+      })
+
+      return it('should return the callback with a NotFoundError', function () {
+        return this.callback
+          .calledWith(sinon.match.instanceOf(Errors.NotFoundError))
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('getOps', function () {
+    describe('with start == end', function () {
+      beforeEach(function () {
+        this.start = this.end = 42
+        return this.db.getOps(this.doc_key, this.start, this.end, this.callback)
+      })
+
+      it('should not talk to redis', function () {
+        this.RedisManager.getPreviousDocOps.should.not.have.been.called
+      })
+
+      return it('should return an empty array', function () {
+        return this.callback.calledWith(null, []).should.equal(true)
+      })
+    })
+
+    describe('with start == redis-version and end unset', function () {
+      beforeEach(function () {
+        const start = this.version
+        const end = null
+        this.db.getOps(this.doc_key, start, end, this.callback)
+      })
+
+      it('should not talk to redis', function () {
+        this.RedisManager.getPreviousDocOps.should.not.have.been.called
+      })
+
+      it('should return an empty array', function () {
+        this.callback.should.have.been.calledWith(null, [])
+      })
+    })
+
+    describe('with a non empty range', function () {
+      beforeEach(function () {
+        this.start = 35
+        this.end = 42
+        this.ops = new Array(this.end - this.start)
+        this.RedisManager.getPreviousDocOps = sinon
+          .stub()
+          .callsArgWith(3, null, this.ops)
+        return this.db.getOps(this.doc_key, this.start, this.end, this.callback)
+      })
+
+      it('should get the range from redis', function () {
+        return this.RedisManager.getPreviousDocOps
+          .calledWith(this.doc_id, this.start, this.end - 1)
+          .should.equal(true)
+      })
+
+      return it('should return the ops', function () {
+        return this.callback.calledWith(null, this.ops).should.equal(true)
+      })
+    })
+
+    return describe('with no specified end', function () {
+      beforeEach(function () {
+        this.start = 35
+        this.end = null
+        this.ops = []
+        this.RedisManager.getPreviousDocOps = sinon
+          .stub()
+          .callsArgWith(3, null, this.ops)
+        return this.db.getOps(this.doc_key, this.start, this.end, this.callback)
+      })
+
+      return it('should get until the end of the list', function () {
+        return this.RedisManager.getPreviousDocOps
+          .calledWith(this.doc_id, this.start, -1)
+          .should.equal(true)
+      })
+    })
+  })
+
+  return describe('writeOps', function () {
+    return describe('writing an op', function () {
+      beforeEach(function () {
+        this.opData = {
+          op: { p: 20, t: 'foo' },
+          meta: { source: 'bar' },
+          v: this.version,
+        }
+        return this.db.writeOp(this.doc_key, this.opData, this.callback)
+      })
+
+      it('should write into appliedOps', function () {
+        return expect(this.db.appliedOps[this.doc_key]).to.deep.equal([
+          this.opData,
+        ])
+      })
+
+      return it('should call the callback without an error', function () {
+        this.callback.called.should.equal(true)
+        return (this.callback.args[0][0] != null).should.equal(false)
+      })
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/ShareJsUpdateManager/ShareJsUpdateManagerTests.js b/services/document-updater/test/unit/js/ShareJsUpdateManager/ShareJsUpdateManagerTests.js
new file mode 100644
index 0000000..e699439
--- /dev/null
+++ b/services/document-updater/test/unit/js/ShareJsUpdateManager/ShareJsUpdateManagerTests.js
@@ -0,0 +1,237 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const modulePath = '../../../../app/js/ShareJsUpdateManager.js'
+const SandboxedModule = require('sandboxed-module')
+const crypto = require('node:crypto')
+
+describe('ShareJsUpdateManager', function () {
+  beforeEach(function () {
+    let Model
+    this.project_id = 'project-id-123'
+    this.doc_id = 'document-id-123'
+    this.callback = sinon.stub()
+    return (this.ShareJsUpdateManager = SandboxedModule.require(modulePath, {
+      requires: {
+        './sharejs/server/model': (Model = class Model {
+          constructor(db) {
+            this.db = db
+          }
+        }),
+        './ShareJsDB': (this.ShareJsDB = { mockDB: true }),
+        '@overleaf/redis-wrapper': {
+          createClient: () => {
+            return (this.rclient = { auth() {} })
+          },
+        },
+        './RealTimeRedisManager': (this.RealTimeRedisManager = {
+          sendCanaryAppliedOp: sinon.stub(),
+        }),
+        './Metrics': (this.metrics = { inc: sinon.stub() }),
+      },
+      globals: {
+        clearTimeout: (this.clearTimeout = sinon.stub()),
+      },
+    }))
+  })
+
+  describe('applyUpdate', function () {
+    beforeEach(function () {
+      this.lines = ['one', 'two']
+      this.version = 34
+      this.updatedDocLines = ['onefoo', 'two']
+      const content = this.updatedDocLines.join('\n')
+      this.hash = crypto
+        .createHash('sha1')
+        .update('blob ' + content.length + '\x00')
+        .update(content, 'utf8')
+        .digest('hex')
+      this.update = { p: 4, t: 'foo', v: this.version, hash: this.hash }
+      this.model = {
+        applyOp: sinon.stub().callsArg(2),
+        getSnapshot: sinon.stub(),
+        db: {
+          appliedOps: {},
+        },
+      }
+      this.ShareJsUpdateManager.getNewShareJsModel = sinon
+        .stub()
+        .returns(this.model)
+      this.ShareJsUpdateManager._listenForOps = sinon.stub()
+      return (this.ShareJsUpdateManager.removeDocFromCache = sinon
+        .stub()
+        .callsArg(1))
+    })
+
+    describe('successfully', function () {
+      beforeEach(function (done) {
+        this.model.getSnapshot.callsArgWith(1, null, {
+          snapshot: this.updatedDocLines.join('\n'),
+          v: this.version,
+        })
+        this.model.db.appliedOps[`${this.project_id}:${this.doc_id}`] =
+          this.appliedOps = ['mock-ops']
+        return this.ShareJsUpdateManager.applyUpdate(
+          this.project_id,
+          this.doc_id,
+          this.update,
+          this.lines,
+          this.version,
+          (err, docLines, version, appliedOps) => {
+            this.callback(err, docLines, version, appliedOps)
+            return done()
+          }
+        )
+      })
+
+      it('should create a new ShareJs model', function () {
+        return this.ShareJsUpdateManager.getNewShareJsModel
+          .calledWith(this.project_id, this.doc_id, this.lines, this.version)
+          .should.equal(true)
+      })
+
+      it('should listen for ops on the model', function () {
+        return this.ShareJsUpdateManager._listenForOps
+          .calledWith(this.model)
+          .should.equal(true)
+      })
+
+      it('should send the update to ShareJs', function () {
+        return this.model.applyOp
+          .calledWith(`${this.project_id}:${this.doc_id}`, this.update)
+          .should.equal(true)
+      })
+
+      it('should get the updated doc lines', function () {
+        return this.model.getSnapshot
+          .calledWith(`${this.project_id}:${this.doc_id}`)
+          .should.equal(true)
+      })
+
+      return it('should return the updated doc lines, version and ops', function () {
+        return this.callback
+          .calledWith(null, this.updatedDocLines, this.version, this.appliedOps)
+          .should.equal(true)
+      })
+    })
+
+    describe('when applyOp fails', function () {
+      beforeEach(function (done) {
+        this.error = new Error('Something went wrong')
+        this.model.applyOp = sinon.stub().callsArgWith(2, this.error)
+        return this.ShareJsUpdateManager.applyUpdate(
+          this.project_id,
+          this.doc_id,
+          this.update,
+          this.lines,
+          this.version,
+          (err, docLines, version) => {
+            this.callback(err, docLines, version)
+            return done()
+          }
+        )
+      })
+
+      return it('should call the callback with the error', function () {
+        return this.callback.calledWith(this.error).should.equal(true)
+      })
+    })
+
+    describe('when getSnapshot fails', function () {
+      beforeEach(function (done) {
+        this.error = new Error('Something went wrong')
+        this.model.getSnapshot.callsArgWith(1, this.error)
+        return this.ShareJsUpdateManager.applyUpdate(
+          this.project_id,
+          this.doc_id,
+          this.update,
+          this.lines,
+          this.version,
+          (err, docLines, version) => {
+            this.callback(err, docLines, version)
+            return done()
+          }
+        )
+      })
+
+      return it('should call the callback with the error', function () {
+        return this.callback.calledWith(this.error).should.equal(true)
+      })
+    })
+
+    return describe('with an invalid hash', function () {
+      beforeEach(function (done) {
+        this.error = new Error('invalid hash')
+        this.model.getSnapshot.callsArgWith(1, null, {
+          snapshot: 'unexpected content',
+          v: this.version,
+        })
+        this.model.db.appliedOps[`${this.project_id}:${this.doc_id}`] =
+          this.appliedOps = ['mock-ops']
+        return this.ShareJsUpdateManager.applyUpdate(
+          this.project_id,
+          this.doc_id,
+          this.update,
+          this.lines,
+          this.version,
+          (err, docLines, version, appliedOps) => {
+            this.callback(err, docLines, version, appliedOps)
+            return done()
+          }
+        )
+      })
+
+      return it('should call the callback with the error', function () {
+        return this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+  })
+
+  return describe('_listenForOps', function () {
+    beforeEach(function () {
+      this.model = {
+        on: (event, callback) => {
+          return (this.callback = callback)
+        },
+      }
+      sinon.spy(this.model, 'on')
+      return this.ShareJsUpdateManager._listenForOps(this.model)
+    })
+
+    it('should listen to the model for updates', function () {
+      return this.model.on.calledWith('applyOp').should.equal(true)
+    })
+
+    return describe('the callback', function () {
+      beforeEach(function () {
+        this.opData = {
+          op: { t: 'foo', p: 1 },
+          meta: { source: 'bar' },
+        }
+        this.RealTimeRedisManager.sendData = sinon.stub()
+        return this.callback(`${this.project_id}:${this.doc_id}`, this.opData)
+      })
+
+      return it('should publish the op to redis', function () {
+        return this.RealTimeRedisManager.sendData
+          .calledWith({
+            project_id: this.project_id,
+            doc_id: this.doc_id,
+            op: this.opData,
+          })
+          .should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/document-updater/test/unit/js/UpdateManager/UpdateManagerTests.js b/services/document-updater/test/unit/js/UpdateManager/UpdateManagerTests.js
new file mode 100644
index 0000000..dba6645
--- /dev/null
+++ b/services/document-updater/test/unit/js/UpdateManager/UpdateManagerTests.js
@@ -0,0 +1,836 @@
+const { createHash } = require('node:crypto')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+
+const MODULE_PATH = '../../../../app/js/UpdateManager.js'
+
+describe('UpdateManager', function () {
+  beforeEach(function () {
+    this.project_id = 'project-id-123'
+    this.projectHistoryId = 'history-id-123'
+    this.doc_id = 'document-id-123'
+    this.lockValue = 'mock-lock-value'
+    this.pathname = '/a/b/c.tex'
+
+    this.Metrics = {
+      inc: sinon.stub(),
+      Timer: class Timer {},
+    }
+    this.Metrics.Timer.prototype.done = sinon.stub()
+
+    this.Profiler = class Profiler {}
+    this.Profiler.prototype.log = sinon.stub().returns({ end: sinon.stub() })
+    this.Profiler.prototype.end = sinon.stub()
+
+    this.LockManager = {
+      promises: {
+        tryLock: sinon.stub().resolves(this.lockValue),
+        getLock: sinon.stub().resolves(this.lockValue),
+        releaseLock: sinon.stub().resolves(),
+      },
+    }
+
+    this.RedisManager = {
+      promises: {
+        setDocument: sinon.stub().resolves(),
+        updateDocument: sinon.stub(),
+      },
+    }
+
+    this.RealTimeRedisManager = {
+      sendData: sinon.stub(),
+      promises: {
+        getUpdatesLength: sinon.stub(),
+        getPendingUpdatesForDoc: sinon.stub(),
+      },
+    }
+
+    this.ShareJsUpdateManager = {
+      promises: {
+        applyUpdate: sinon.stub(),
+      },
+    }
+
+    this.HistoryManager = {
+      recordAndFlushHistoryOps: sinon.stub(),
+    }
+
+    this.Settings = {}
+
+    this.DocumentManager = {
+      promises: {
+        getDoc: sinon.stub(),
+      },
+    }
+
+    this.RangesManager = {
+      applyUpdate: sinon.stub(),
+    }
+
+    this.SnapshotManager = {
+      promises: {
+        recordSnapshot: sinon.stub().resolves(),
+      },
+    }
+
+    this.ProjectHistoryRedisManager = {
+      promises: {
+        queueOps: sinon
+          .stub()
+          .callsFake(async (projectId, ...ops) => ops.length),
+      },
+    }
+
+    this.UpdateManager = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        './LockManager': this.LockManager,
+        './RedisManager': this.RedisManager,
+        './RealTimeRedisManager': this.RealTimeRedisManager,
+        './ShareJsUpdateManager': this.ShareJsUpdateManager,
+        './HistoryManager': this.HistoryManager,
+        './Metrics': this.Metrics,
+        '@overleaf/settings': this.Settings,
+        './DocumentManager': this.DocumentManager,
+        './RangesManager': this.RangesManager,
+        './SnapshotManager': this.SnapshotManager,
+        './Profiler': this.Profiler,
+        './ProjectHistoryRedisManager': this.ProjectHistoryRedisManager,
+      },
+    })
+  })
+
+  describe('processOutstandingUpdates', function () {
+    beforeEach(async function () {
+      this.UpdateManager.promises.fetchAndApplyUpdates = sinon.stub().resolves()
+      await this.UpdateManager.promises.processOutstandingUpdates(
+        this.project_id,
+        this.doc_id
+      )
+    })
+
+    it('should apply the updates', function () {
+      this.UpdateManager.promises.fetchAndApplyUpdates
+        .calledWith(this.project_id, this.doc_id)
+        .should.equal(true)
+    })
+
+    it('should time the execution', function () {
+      this.Metrics.Timer.prototype.done.called.should.equal(true)
+    })
+  })
+
+  describe('processOutstandingUpdatesWithLock', function () {
+    describe('when the lock is free', function () {
+      beforeEach(function () {
+        this.UpdateManager.promises.continueProcessingUpdatesWithLock = sinon
+          .stub()
+          .resolves()
+        this.UpdateManager.promises.processOutstandingUpdates = sinon
+          .stub()
+          .resolves()
+      })
+
+      describe('successfully', function () {
+        beforeEach(async function () {
+          await this.UpdateManager.promises.processOutstandingUpdatesWithLock(
+            this.project_id,
+            this.doc_id
+          )
+        })
+
+        it('should acquire the lock', function () {
+          this.LockManager.promises.tryLock
+            .calledWith(this.doc_id)
+            .should.equal(true)
+        })
+
+        it('should free the lock', function () {
+          this.LockManager.promises.releaseLock
+            .calledWith(this.doc_id, this.lockValue)
+            .should.equal(true)
+        })
+
+        it('should process the outstanding updates', function () {
+          this.UpdateManager.promises.processOutstandingUpdates
+            .calledWith(this.project_id, this.doc_id)
+            .should.equal(true)
+        })
+
+        it('should do everything with the lock acquired', function () {
+          this.UpdateManager.promises.processOutstandingUpdates
+            .calledAfter(this.LockManager.promises.tryLock)
+            .should.equal(true)
+          this.UpdateManager.promises.processOutstandingUpdates
+            .calledBefore(this.LockManager.promises.releaseLock)
+            .should.equal(true)
+        })
+
+        it('should continue processing new updates that may have come in', function () {
+          this.UpdateManager.promises.continueProcessingUpdatesWithLock
+            .calledWith(this.project_id, this.doc_id)
+            .should.equal(true)
+        })
+      })
+
+      describe('when processOutstandingUpdates returns an error', function () {
+        beforeEach(async function () {
+          this.error = new Error('Something went wrong')
+          this.UpdateManager.promises.processOutstandingUpdates = sinon
+            .stub()
+            .rejects(this.error)
+          await expect(
+            this.UpdateManager.promises.processOutstandingUpdatesWithLock(
+              this.project_id,
+              this.doc_id
+            )
+          ).to.be.rejectedWith(this.error)
+        })
+
+        it('should free the lock', function () {
+          this.LockManager.promises.releaseLock
+            .calledWith(this.doc_id, this.lockValue)
+            .should.equal(true)
+        })
+      })
+    })
+
+    describe('when the lock is taken', function () {
+      beforeEach(async function () {
+        this.LockManager.promises.tryLock.resolves(null)
+        this.UpdateManager.promises.processOutstandingUpdates = sinon
+          .stub()
+          .resolves()
+        await this.UpdateManager.promises.processOutstandingUpdatesWithLock(
+          this.project_id,
+          this.doc_id
+        )
+      })
+
+      it('should not process the updates', function () {
+        this.UpdateManager.promises.processOutstandingUpdates.called.should.equal(
+          false
+        )
+      })
+    })
+  })
+
+  describe('continueProcessingUpdatesWithLock', function () {
+    describe('when there are outstanding updates', function () {
+      beforeEach(async function () {
+        this.RealTimeRedisManager.promises.getUpdatesLength.resolves(3)
+        this.UpdateManager.promises.processOutstandingUpdatesWithLock = sinon
+          .stub()
+          .resolves()
+        await this.UpdateManager.promises.continueProcessingUpdatesWithLock(
+          this.project_id,
+          this.doc_id
+        )
+      })
+
+      it('should process the outstanding updates', function () {
+        this.UpdateManager.promises.processOutstandingUpdatesWithLock
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+    })
+
+    describe('when there are no outstanding updates', function () {
+      beforeEach(async function () {
+        this.RealTimeRedisManager.promises.getUpdatesLength.resolves(0)
+        this.UpdateManager.promises.processOutstandingUpdatesWithLock = sinon
+          .stub()
+          .resolves()
+        await this.UpdateManager.promises.continueProcessingUpdatesWithLock(
+          this.project_id,
+          this.doc_id
+        )
+      })
+
+      it('should not try to process the outstanding updates', function () {
+        this.UpdateManager.promises.processOutstandingUpdatesWithLock.called.should.equal(
+          false
+        )
+      })
+    })
+  })
+
+  describe('fetchAndApplyUpdates', function () {
+    describe('with updates', function () {
+      beforeEach(async function () {
+        this.updates = [{ p: 1, t: 'foo' }]
+        this.updatedDocLines = ['updated', 'lines']
+        this.version = 34
+        this.RealTimeRedisManager.promises.getPendingUpdatesForDoc.resolves(
+          this.updates
+        )
+        this.UpdateManager.promises.applyUpdate = sinon.stub().resolves()
+        await this.UpdateManager.promises.fetchAndApplyUpdates(
+          this.project_id,
+          this.doc_id
+        )
+      })
+
+      it('should get the pending updates', function () {
+        this.RealTimeRedisManager.promises.getPendingUpdatesForDoc
+          .calledWith(this.doc_id)
+          .should.equal(true)
+      })
+
+      it('should apply the updates', function () {
+        this.updates.map(update =>
+          this.UpdateManager.promises.applyUpdate
+            .calledWith(this.project_id, this.doc_id, update)
+            .should.equal(true)
+        )
+      })
+    })
+
+    describe('when there are no updates', function () {
+      beforeEach(async function () {
+        this.updates = []
+        this.RealTimeRedisManager.promises.getPendingUpdatesForDoc.resolves(
+          this.updates
+        )
+        this.UpdateManager.promises.applyUpdate = sinon.stub().resolves()
+        await this.UpdateManager.promises.fetchAndApplyUpdates(
+          this.project_id,
+          this.doc_id
+        )
+      })
+
+      it('should not call applyUpdate', function () {
+        this.UpdateManager.promises.applyUpdate.called.should.equal(false)
+      })
+    })
+  })
+
+  describe('applyUpdate', function () {
+    beforeEach(function () {
+      this.updateMeta = { user_id: 'last-author-fake-id' }
+      this.update = { op: [{ p: 42, i: 'foo' }], meta: this.updateMeta }
+      this.updatedDocLines = ['updated', 'lines']
+      this.version = 34
+      this.lines = ['original', 'lines']
+      this.ranges = { entries: 'mock', comments: 'mock' }
+      this.updated_ranges = { entries: 'updated', comments: 'updated' }
+      this.appliedOps = [
+        { v: 42, op: 'mock-op-42' },
+        { v: 45, op: 'mock-op-45' },
+      ]
+      this.historyUpdates = [
+        'history-update-1',
+        'history-update-2',
+        'history-update-3',
+      ]
+      this.project_ops_length = 123
+      this.DocumentManager.promises.getDoc.resolves({
+        lines: this.lines,
+        version: this.version,
+        ranges: this.ranges,
+        pathname: this.pathname,
+        projectHistoryId: this.projectHistoryId,
+        historyRangesSupport: false,
+      })
+      this.RangesManager.applyUpdate.returns({
+        newRanges: this.updated_ranges,
+        rangesWereCollapsed: false,
+        historyUpdates: this.historyUpdates,
+      })
+      this.ShareJsUpdateManager.promises.applyUpdate = sinon.stub().resolves({
+        updatedDocLines: this.updatedDocLines,
+        version: this.version,
+        appliedOps: this.appliedOps,
+      })
+      this.RedisManager.promises.updateDocument.resolves()
+      this.UpdateManager.promises._adjustHistoryUpdatesMetadata = sinon.stub()
+    })
+
+    describe('normally', function () {
+      beforeEach(async function () {
+        await this.UpdateManager.promises.applyUpdate(
+          this.project_id,
+          this.doc_id,
+          this.update
+        )
+      })
+
+      it('should apply the updates via ShareJS', function () {
+        this.ShareJsUpdateManager.promises.applyUpdate
+          .calledWith(
+            this.project_id,
+            this.doc_id,
+            this.update,
+            this.lines,
+            this.version
+          )
+          .should.equal(true)
+      })
+
+      it('should update the ranges', function () {
+        this.RangesManager.applyUpdate
+          .calledWith(
+            this.project_id,
+            this.doc_id,
+            this.ranges,
+            this.appliedOps,
+            this.updatedDocLines
+          )
+          .should.equal(true)
+      })
+
+      it('should save the document', function () {
+        this.RedisManager.promises.updateDocument
+          .calledWith(
+            this.project_id,
+            this.doc_id,
+            this.updatedDocLines,
+            this.version,
+            this.appliedOps,
+            this.updated_ranges,
+            this.updateMeta
+          )
+          .should.equal(true)
+      })
+
+      it('should add metadata to the ops', function () {
+        this.UpdateManager.promises._adjustHistoryUpdatesMetadata.should.have.been.calledWith(
+          this.historyUpdates,
+          this.pathname,
+          this.projectHistoryId,
+          this.lines,
+          this.ranges,
+          this.updatedDocLines
+        )
+      })
+
+      it('should push the applied ops into the history queue', function () {
+        this.ProjectHistoryRedisManager.promises.queueOps.should.have.been.calledWith(
+          this.project_id,
+          ...this.historyUpdates.map(op => JSON.stringify(op))
+        )
+        this.HistoryManager.recordAndFlushHistoryOps.should.have.been.calledWith(
+          this.project_id,
+          this.historyUpdates,
+          this.historyUpdates.length
+        )
+      })
+    })
+
+    describe('with UTF-16 surrogate pairs in the update', function () {
+      beforeEach(async function () {
+        this.update = { op: [{ p: 42, i: '\uD835\uDC00' }] }
+        await this.UpdateManager.promises.applyUpdate(
+          this.project_id,
+          this.doc_id,
+          this.update
+        )
+      })
+
+      it('should apply the update but with surrogate pairs removed', function () {
+        this.ShareJsUpdateManager.promises.applyUpdate
+          .calledWith(this.project_id, this.doc_id, this.update)
+          .should.equal(true)
+
+        // \uFFFD is 'replacement character'
+        this.update.op[0].i.should.equal('\uFFFD\uFFFD')
+      })
+    })
+
+    describe('with an error', function () {
+      beforeEach(async function () {
+        this.error = new Error('something went wrong')
+        this.ShareJsUpdateManager.promises.applyUpdate.rejects(this.error)
+        await expect(
+          this.UpdateManager.promises.applyUpdate(
+            this.project_id,
+            this.doc_id,
+            this.update
+          )
+        ).to.be.rejectedWith(this.error)
+      })
+
+      it('should call RealTimeRedisManager.sendData with the error', function () {
+        this.RealTimeRedisManager.sendData
+          .calledWith({
+            project_id: this.project_id,
+            doc_id: this.doc_id,
+            error: this.error.message,
+          })
+          .should.equal(true)
+      })
+    })
+
+    describe('when ranges get collapsed', function () {
+      beforeEach(async function () {
+        this.RangesManager.applyUpdate.returns({
+          newRanges: this.updated_ranges,
+          rangesWereCollapsed: true,
+          historyUpdates: this.historyUpdates,
+        })
+        await this.UpdateManager.promises.applyUpdate(
+          this.project_id,
+          this.doc_id,
+          this.update
+        )
+      })
+
+      it('should increment the doc-snapshot metric', function () {
+        this.Metrics.inc.calledWith('doc-snapshot').should.equal(true)
+      })
+
+      it('should call SnapshotManager.recordSnapshot', function () {
+        this.SnapshotManager.promises.recordSnapshot
+          .calledWith(
+            this.project_id,
+            this.doc_id,
+            this.version,
+            this.pathname,
+            this.lines,
+            this.ranges
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('when history ranges are supported', function () {
+      beforeEach(async function () {
+        this.DocumentManager.promises.getDoc.resolves({
+          lines: this.lines,
+          version: this.version,
+          ranges: this.ranges,
+          pathname: this.pathname,
+          projectHistoryId: this.projectHistoryId,
+          historyRangesSupport: true,
+        })
+        await this.UpdateManager.promises.applyUpdate(
+          this.project_id,
+          this.doc_id,
+          this.update
+        )
+      })
+
+      it('should push the history updates into the history queue', function () {
+        this.ProjectHistoryRedisManager.promises.queueOps.should.have.been.calledWith(
+          this.project_id,
+          ...this.historyUpdates.map(op => JSON.stringify(op))
+        )
+        this.HistoryManager.recordAndFlushHistoryOps.should.have.been.calledWith(
+          this.project_id,
+          this.historyUpdates,
+          this.historyUpdates.length
+        )
+      })
+    })
+  })
+
+  describe('_adjustHistoryUpdatesMetadata', function () {
+    beforeEach(function () {
+      this.lines = ['some', 'test', 'data']
+      this.updatedDocLines = ['after', 'updates']
+      this.historyUpdates = [
+        {
+          v: 42,
+          op: [
+            { i: 'bing', p: 12, trackedDeleteRejection: true },
+            { i: 'foo', p: 4 },
+            { i: 'bar', p: 6 },
+          ],
+        },
+        {
+          v: 45,
+          op: [
+            { d: 'qux', p: 4 },
+            { i: 'bazbaz', p: 14 },
+            {
+              d: 'bong',
+              p: 28,
+              trackedChanges: [{ type: 'insert', offset: 0, length: 4 }],
+            },
+          ],
+          meta: {
+            tc: 'tracking-info',
+          },
+        },
+        {
+          v: 47,
+          op: [{ d: 'so', p: 0 }],
+        },
+        { v: 49, op: [{ i: 'penguin', p: 18 }] },
+      ]
+      this.ranges = {
+        changes: [
+          { op: { d: 'bingbong', p: 12 } },
+          { op: { i: 'test', p: 5 } },
+        ],
+      }
+    })
+
+    it('should add projectHistoryId, pathname and doc_length metadata to the ops', function () {
+      this.UpdateManager._adjustHistoryUpdatesMetadata(
+        this.historyUpdates,
+        this.pathname,
+        this.projectHistoryId,
+        this.lines,
+        this.updatedDocLines,
+        this.ranges,
+        false
+      )
+      this.historyUpdates.should.deep.equal([
+        {
+          projectHistoryId: this.projectHistoryId,
+          v: 42,
+          op: [
+            { i: 'bing', p: 12, trackedDeleteRejection: true },
+            { i: 'foo', p: 4 },
+            { i: 'bar', p: 6 },
+          ],
+          meta: {
+            pathname: this.pathname,
+            doc_length: 14,
+          },
+        },
+        {
+          projectHistoryId: this.projectHistoryId,
+          v: 45,
+          op: [
+            { d: 'qux', p: 4 },
+            { i: 'bazbaz', p: 14 },
+            {
+              d: 'bong',
+              p: 28,
+              trackedChanges: [{ type: 'insert', offset: 0, length: 4 }],
+            },
+          ],
+          meta: {
+            pathname: this.pathname,
+            doc_length: 24, // 14 + 'bing' + 'foo' + 'bar'
+          },
+        },
+        {
+          projectHistoryId: this.projectHistoryId,
+          v: 47,
+          op: [{ d: 'so', p: 0 }],
+          meta: {
+            pathname: this.pathname,
+            doc_length: 23, // 24 - 'qux' + 'bazbaz' - 'bong'
+          },
+        },
+        {
+          projectHistoryId: this.projectHistoryId,
+          v: 49,
+          op: [{ i: 'penguin', p: 18 }],
+          meta: {
+            pathname: this.pathname,
+            doc_length: 21, // 23 - 'so'
+          },
+        },
+      ])
+    })
+
+    it('should add additional metadata when ranges support is enabled', function () {
+      this.UpdateManager._adjustHistoryUpdatesMetadata(
+        this.historyUpdates,
+        this.pathname,
+        this.projectHistoryId,
+        this.lines,
+        this.ranges,
+        this.updatedDocLines,
+        true
+      )
+      this.historyUpdates.should.deep.equal([
+        {
+          projectHistoryId: this.projectHistoryId,
+          v: 42,
+          op: [
+            { i: 'bing', p: 12, trackedDeleteRejection: true },
+            { i: 'foo', p: 4 },
+            { i: 'bar', p: 6 },
+          ],
+          meta: {
+            pathname: this.pathname,
+            doc_length: 14,
+            history_doc_length: 22,
+          },
+        },
+        {
+          projectHistoryId: this.projectHistoryId,
+          v: 45,
+          op: [
+            { d: 'qux', p: 4 },
+            { i: 'bazbaz', p: 14 },
+            {
+              d: 'bong',
+              p: 28,
+              trackedChanges: [{ type: 'insert', offset: 0, length: 4 }],
+            },
+          ],
+          meta: {
+            pathname: this.pathname,
+            doc_length: 24, // 14 + 'bing' + 'foo' + 'bar'
+            history_doc_length: 28, // 22 + 'foo' + 'bar'
+            tc: 'tracking-info',
+          },
+        },
+        {
+          projectHistoryId: this.projectHistoryId,
+          v: 47,
+          op: [{ d: 'so', p: 0 }],
+          meta: {
+            pathname: this.pathname,
+            doc_length: 23, // 24 - 'qux' + 'bazbaz' - 'bong'
+            history_doc_length: 30, // 28 - 'bong' + 'bazbaz'
+          },
+        },
+        {
+          projectHistoryId: this.projectHistoryId,
+          v: 49,
+          op: [{ i: 'penguin', p: 18 }],
+          meta: {
+            pathname: this.pathname,
+            doc_length: 21, // 23 - 'so'
+            doc_hash: stringHash(this.updatedDocLines.join('\n')),
+            history_doc_length: 28, // 30 - 'so'
+          },
+        },
+      ])
+    })
+
+    it('should calculate the right doc length for an empty document', function () {
+      this.historyUpdates = [{ v: 42, op: [{ i: 'foobar', p: 0 }] }]
+      this.UpdateManager._adjustHistoryUpdatesMetadata(
+        this.historyUpdates,
+        this.pathname,
+        this.projectHistoryId,
+        [],
+        {},
+        ['foobar'],
+        false
+      )
+      this.historyUpdates.should.deep.equal([
+        {
+          projectHistoryId: this.projectHistoryId,
+          v: 42,
+          op: [{ i: 'foobar', p: 0 }],
+          meta: {
+            pathname: this.pathname,
+            doc_length: 0,
+          },
+        },
+      ])
+    })
+  })
+
+  describe('lockUpdatesAndDo', function () {
+    beforeEach(function () {
+      this.methodResult = 'method result'
+      this.method = sinon.stub().resolves(this.methodResult)
+      this.arg1 = 'argument 1'
+    })
+
+    describe('successfully', function () {
+      beforeEach(async function () {
+        this.UpdateManager.promises.continueProcessingUpdatesWithLock = sinon
+          .stub()
+          .resolves()
+        this.UpdateManager.promises.processOutstandingUpdates = sinon
+          .stub()
+          .resolves()
+        this.response = await this.UpdateManager.promises.lockUpdatesAndDo(
+          this.method,
+          this.project_id,
+          this.doc_id,
+          this.arg1
+        )
+      })
+
+      it('should lock the doc', function () {
+        this.LockManager.promises.getLock
+          .calledWith(this.doc_id)
+          .should.equal(true)
+      })
+
+      it('should process any outstanding updates', function () {
+        this.UpdateManager.promises.processOutstandingUpdates.should.have.been.calledWith(
+          this.project_id,
+          this.doc_id
+        )
+      })
+
+      it('should call the method', function () {
+        this.method
+          .calledWith(this.project_id, this.doc_id, this.arg1)
+          .should.equal(true)
+      })
+
+      it('should return the method response arguments', function () {
+        expect(this.response).to.equal(this.methodResult)
+      })
+
+      it('should release the lock', function () {
+        this.LockManager.promises.releaseLock
+          .calledWith(this.doc_id, this.lockValue)
+          .should.equal(true)
+      })
+
+      it('should continue processing updates', function () {
+        this.UpdateManager.promises.continueProcessingUpdatesWithLock
+          .calledWith(this.project_id, this.doc_id)
+          .should.equal(true)
+      })
+    })
+
+    describe('when processOutstandingUpdates returns an error', function () {
+      beforeEach(async function () {
+        this.error = new Error('Something went wrong')
+        this.UpdateManager.promises.processOutstandingUpdates = sinon
+          .stub()
+          .rejects(this.error)
+        await expect(
+          this.UpdateManager.promises.lockUpdatesAndDo(
+            this.method,
+            this.project_id,
+            this.doc_id,
+            this.arg1
+          )
+        ).to.be.rejectedWith(this.error)
+      })
+
+      it('should free the lock', function () {
+        this.LockManager.promises.releaseLock
+          .calledWith(this.doc_id, this.lockValue)
+          .should.equal(true)
+      })
+    })
+
+    describe('when the method returns an error', function () {
+      beforeEach(async function () {
+        this.error = new Error('something went wrong')
+        this.UpdateManager.promises.processOutstandingUpdates = sinon
+          .stub()
+          .resolves()
+        this.method = sinon.stub().rejects(this.error)
+        await expect(
+          this.UpdateManager.promises.lockUpdatesAndDo(
+            this.method,
+            this.project_id,
+            this.doc_id,
+            this.arg1
+          )
+        ).to.be.rejectedWith(this.error)
+      })
+
+      it('should free the lock', function () {
+        this.LockManager.promises.releaseLock
+          .calledWith(this.doc_id, this.lockValue)
+          .should.equal(true)
+      })
+    })
+  })
+})
+
+function stringHash(s) {
+  const hash = createHash('sha1')
+  hash.update(s)
+  return hash.digest('hex')
+}
diff --git a/services/document-updater/test/unit/js/UtilsTests.js b/services/document-updater/test/unit/js/UtilsTests.js
new file mode 100644
index 0000000..5d0f03c
--- /dev/null
+++ b/services/document-updater/test/unit/js/UtilsTests.js
@@ -0,0 +1,54 @@
+// @ts-check
+
+const { createHash } = require('node:crypto')
+const { expect } = require('chai')
+const Utils = require('../../../app/js/Utils')
+
+describe('Utils', function () {
+  describe('addTrackedDeletesToContent', function () {
+    it("doesn't modify text without tracked deletes", function () {
+      const content = 'the quick brown fox'
+      const trackedChanges = []
+      const result = Utils.addTrackedDeletesToContent(content, trackedChanges)
+      expect(result).to.equal(content)
+    })
+
+    it('adds tracked deletes to text but skips tracked inserts', function () {
+      const content = 'the brown fox jumps over the dog'
+      const metadata = { user_id: 'user1', ts: new Date().toString() }
+      const trackedChanges = [
+        { id: 'tc1', op: { d: 'quick ', p: 4 }, metadata },
+        { id: 'tc2', op: { i: 'brown ', p: 5 }, metadata },
+        { id: 'tc3', op: { d: 'lazy ', p: 29 }, metadata },
+      ]
+      const result = Utils.addTrackedDeletesToContent(content, trackedChanges)
+      expect(result).to.equal('the quick brown fox jumps over the lazy dog')
+    })
+  })
+
+  describe('computeDocHash', function () {
+    it('computes the hash for an empty doc', function () {
+      const actual = Utils.computeDocHash([])
+      const expected = stringHash('')
+      expect(actual).to.equal(expected)
+    })
+
+    it('computes the hash for a single-line doc', function () {
+      const actual = Utils.computeDocHash(['hello'])
+      const expected = stringHash('hello')
+      expect(actual).to.equal(expected)
+    })
+
+    it('computes the hash for a multiline doc', function () {
+      const actual = Utils.computeDocHash(['hello', 'there', 'world'])
+      const expected = stringHash('hello\nthere\nworld')
+      expect(actual).to.equal(expected)
+    })
+  })
+})
+
+function stringHash(s) {
+  const hash = createHash('sha1')
+  hash.update(s)
+  return hash.digest('hex')
+}
diff --git a/services/document-updater/tsconfig.json b/services/document-updater/tsconfig.json
new file mode 100644
index 0000000..d3fdd30
--- /dev/null
+++ b/services/document-updater/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "app.js",
+    "app/js/**/*",
+    "benchmarks/**/*",
+    "config/**/*",
+    "scripts/**/*",
+    "test/**/*",
+    "types"
+  ]
+}
diff --git a/services/filestore/.gitignore b/services/filestore/.gitignore
new file mode 100644
index 0000000..a2f4b5a
--- /dev/null
+++ b/services/filestore/.gitignore
@@ -0,0 +1,54 @@
+compileFolder
+
+Compiled source #
+###################
+*.com
+*.class
+*.dll
+*.exe
+*.o
+*.so
+
+# Packages #
+############
+# it's better to unpack these files and commit the raw source
+# git has its own built in compression methods
+*.7z
+*.dmg
+*.gz
+*.iso
+*.jar
+*.rar
+*.tar
+*.zip
+
+# Logs and databases #
+######################
+*.log
+*.sql
+*.sqlite
+
+# OS generated files #
+######################
+.DS_Store?
+ehthumbs.db
+Icon?
+Thumbs.db
+
+/node_modules/*
+data/*/*
+
+**/*.map
+cookies.txt
+uploads/*
+
+user_files/*
+template_files/*
+
+**.swp
+
+/log.json
+hash_folder
+
+# managed by dev-environment$ bin/update_build_scripts
+.npmrc
diff --git a/services/filestore/.mocharc.json b/services/filestore/.mocharc.json
new file mode 100644
index 0000000..dc3280a
--- /dev/null
+++ b/services/filestore/.mocharc.json
@@ -0,0 +1,3 @@
+{
+  "require": "test/setup.js"
+}
diff --git a/services/filestore/.nvmrc b/services/filestore/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/services/filestore/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/services/filestore/.prettierignore b/services/filestore/.prettierignore
new file mode 100644
index 0000000..3c3629e
--- /dev/null
+++ b/services/filestore/.prettierignore
@@ -0,0 +1 @@
+node_modules
diff --git a/services/filestore/Dockerfile b/services/filestore/Dockerfile
new file mode 100644
index 0000000..8e336d4
--- /dev/null
+++ b/services/filestore/Dockerfile
@@ -0,0 +1,31 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+FROM node:20.18.2 AS base
+
+WORKDIR /overleaf/services/filestore
+COPY services/filestore/install_deps.sh /overleaf/services/filestore/
+RUN chmod 0755 ./install_deps.sh && ./install_deps.sh
+
+# Google Cloud Storage needs a writable $HOME/.config for resumable uploads
+# (see https://googleapis.dev/nodejs/storage/latest/File.html#createWriteStream)
+RUN mkdir /home/node/.config && chown node:node /home/node/.config
+
+FROM base AS app
+
+COPY package.json package-lock.json /overleaf/
+COPY services/filestore/package.json /overleaf/services/filestore/
+COPY libraries/ /overleaf/libraries/
+COPY patches/ /overleaf/patches/
+
+RUN cd /overleaf && npm ci --quiet
+
+COPY services/filestore/ /overleaf/services/filestore/
+
+FROM app
+RUN mkdir -p uploads user_files template_files \
+&&  chown node:node uploads user_files template_files
+USER node
+
+CMD ["node", "--expose-gc", "app.js"]
diff --git a/services/filestore/LICENSE b/services/filestore/LICENSE
new file mode 100644
index 0000000..ac8619d
--- /dev/null
+++ b/services/filestore/LICENSE
@@ -0,0 +1,662 @@
+
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<http://www.gnu.org/licenses/>.
diff --git a/services/filestore/Makefile b/services/filestore/Makefile
new file mode 100644
index 0000000..cc17245
--- /dev/null
+++ b/services/filestore/Makefile
@@ -0,0 +1,156 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+BUILD_NUMBER ?= local
+BRANCH_NAME ?= $(shell git rev-parse --abbrev-ref HEAD)
+PROJECT_NAME = filestore
+BUILD_DIR_NAME = $(shell pwd | xargs basename | tr -cd '[a-zA-Z0-9_.\-]')
+
+DOCKER_COMPOSE_FLAGS ?= -f docker-compose.yml
+DOCKER_COMPOSE := BUILD_NUMBER=$(BUILD_NUMBER) \
+	BRANCH_NAME=$(BRANCH_NAME) \
+	PROJECT_NAME=$(PROJECT_NAME) \
+	MOCHA_GREP=${MOCHA_GREP} \
+	docker compose ${DOCKER_COMPOSE_FLAGS}
+
+COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE ?= test_acceptance_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_ACCEPTANCE = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE) $(DOCKER_COMPOSE)
+
+COMPOSE_PROJECT_NAME_TEST_UNIT ?= test_unit_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_UNIT = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_UNIT) $(DOCKER_COMPOSE)
+
+clean:
+	-docker rmi ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-docker rmi us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-$(DOCKER_COMPOSE_TEST_UNIT) down --rmi local
+	-$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down --rmi local
+
+HERE=$(shell pwd)
+MONOREPO=$(shell cd ../../ && pwd)
+# Run the linting commands in the scope of the monorepo.
+# Eslint and prettier (plus some configs) are on the root.
+RUN_LINTING = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(HERE) node:20.18.2 npm run --silent
+
+RUN_LINTING_CI = docker run --rm --volume $(MONOREPO)/.editorconfig:/overleaf/.editorconfig --volume $(MONOREPO)/.eslintignore:/overleaf/.eslintignore --volume $(MONOREPO)/.eslintrc:/overleaf/.eslintrc --volume $(MONOREPO)/.prettierignore:/overleaf/.prettierignore --volume $(MONOREPO)/.prettierrc:/overleaf/.prettierrc --volume $(MONOREPO)/tsconfig.backend.json:/overleaf/tsconfig.backend.json ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) npm run --silent
+
+# Same but from the top of the monorepo
+RUN_LINTING_MONOREPO = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(MONOREPO) node:20.18.2 npm run --silent
+
+SHELLCHECK_OPTS = \
+	--shell=bash \
+	--external-sources
+SHELLCHECK_COLOR := $(if $(CI),--color=never,--color)
+SHELLCHECK_FILES := { git ls-files "*.sh" -z; git grep -Plz "\A\#\!.*bash"; } | sort -zu
+
+shellcheck:
+	@$(SHELLCHECK_FILES) | xargs -0 -r docker run --rm -v $(HERE):/mnt -w /mnt \
+		koalaman/shellcheck:stable $(SHELLCHECK_OPTS) $(SHELLCHECK_COLOR)
+
+shellcheck_fix:
+	@$(SHELLCHECK_FILES) | while IFS= read -r -d '' file; do \
+		diff=$$(docker run --rm -v $(HERE):/mnt -w /mnt koalaman/shellcheck:stable $(SHELLCHECK_OPTS) --format=diff "$$file" 2>/dev/null); \
+		if [ -n "$$diff" ] && ! echo "$$diff" | patch -p1 >/dev/null 2>&1; then echo "\033[31m$$file\033[0m"; \
+		elif [ -n "$$diff" ]; then echo "$$file"; \
+		else echo "\033[2m$$file\033[0m"; fi \
+	done
+
+format:
+	$(RUN_LINTING) format
+
+format_ci:
+	$(RUN_LINTING_CI) format
+
+format_fix:
+	$(RUN_LINTING) format:fix
+
+lint:
+	$(RUN_LINTING) lint
+
+lint_ci:
+	$(RUN_LINTING_CI) lint
+
+lint_fix:
+	$(RUN_LINTING) lint:fix
+
+typecheck:
+	$(RUN_LINTING) types:check
+
+typecheck_ci:
+	$(RUN_LINTING_CI) types:check
+
+test: format lint typecheck shellcheck test_unit test_acceptance
+
+test_unit:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) run --rm test_unit
+	$(MAKE) test_unit_clean
+endif
+
+test_clean: test_unit_clean
+test_unit_clean:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) down -v -t 0
+endif
+
+test_acceptance: test_acceptance_clean test_acceptance_pre_run test_acceptance_run
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_debug: test_acceptance_clean test_acceptance_pre_run test_acceptance_run_debug
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_run:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance
+endif
+
+test_acceptance_run_debug:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run -p 127.0.0.9:19999:19999 --rm test_acceptance npm run test:acceptance -- --inspect=0.0.0.0:19999 --inspect-brk
+endif
+
+test_clean: test_acceptance_clean
+test_acceptance_clean:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down -v -t 0
+
+test_acceptance_pre_run:
+ifneq (,$(wildcard test/acceptance/js/scripts/pre-run))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance test/acceptance/js/scripts/pre-run
+endif
+
+benchmarks:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance npm run benchmarks
+
+build:
+	docker build \
+		--pull \
+		--build-arg BUILDKIT_INLINE_CACHE=1 \
+		--tag ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):main \
+		--file Dockerfile \
+		../..
+
+tar:
+	$(DOCKER_COMPOSE) up tar
+
+publish:
+
+	docker push $(DOCKER_REPO)/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+
+
+.PHONY: clean \
+	format format_fix \
+	lint lint_fix \
+	build_types typecheck \
+	lint_ci format_ci typecheck_ci \
+	shellcheck shellcheck_fix \
+	test test_clean test_unit test_unit_clean \
+	test_acceptance test_acceptance_debug test_acceptance_pre_run \
+	test_acceptance_run test_acceptance_run_debug test_acceptance_clean \
+	benchmarks \
+	build tar publish \
diff --git a/services/filestore/README.md b/services/filestore/README.md
new file mode 100644
index 0000000..921fb4b
--- /dev/null
+++ b/services/filestore/README.md
@@ -0,0 +1,22 @@
+overleaf/filestore
+====================
+
+An API for CRUD operations on binary files stored in S3
+
+filestore acts as a proxy between the CLSIs and (currently) Amazon S3 storage, presenting a RESTful HTTP interface to the CLSIs on port 3009 by default. Urls are mapped to node functions in https://github.com/overleaf/filestore/blob/master/app.coffee . URLs are of the form:
+
+* `/project/:project_id/file/:file_id`
+* `/template/:template_id/v/:version/:format`
+* `/project/:project_id/public/:public_file_id`
+* `/project/:project_id/size`
+* `/bucket/:bucket/key/*`
+* `/shutdown`
+* `/status` - returns HTTP 200 `filestore is up` or HTTP 503 when shutting down
+* `/health_check`
+
+License
+-------
+
+The code in this repository is released under the GNU AFFERO GENERAL PUBLIC LICENSE, version 3. A copy can be found in the `LICENSE` file.
+
+Copyright (c) Overleaf, 2014-2019.
diff --git a/services/filestore/app.js b/services/filestore/app.js
new file mode 100644
index 0000000..24741e0
--- /dev/null
+++ b/services/filestore/app.js
@@ -0,0 +1,189 @@
+// Metrics must be initialized before importing anything else
+require('@overleaf/metrics/initialize')
+
+const Events = require('node:events')
+const Metrics = require('@overleaf/metrics')
+
+const logger = require('@overleaf/logger')
+logger.initialize(process.env.METRICS_APP_NAME || 'filestore')
+
+const settings = require('@overleaf/settings')
+const express = require('express')
+const bodyParser = require('body-parser')
+
+const fileController = require('./app/js/FileController')
+const keyBuilder = require('./app/js/KeyBuilder')
+const healthCheckController = require('./app/js/HealthCheckController')
+
+const RequestLogger = require('./app/js/RequestLogger')
+
+Events.setMaxListeners(20)
+
+const app = express()
+
+app.use(RequestLogger.middleware)
+
+Metrics.open_sockets.monitor(true)
+Metrics.memory.monitor(logger)
+if (Metrics.event_loop) {
+  Metrics.event_loop.monitor(logger)
+}
+Metrics.leaked_sockets.monitor(logger)
+
+app.use(function (req, res, next) {
+  Metrics.inc('http-request')
+  next()
+})
+
+// Handle requests that come in after we've started shutting down
+app.use((req, res, next) => {
+  if (settings.shuttingDown) {
+    logger.warn(
+      { req, timeSinceShutdown: Date.now() - settings.shutDownTime },
+      'request received after shutting down'
+    )
+    // We don't want keep-alive connections to be kept open when the server is shutting down.
+    res.set('Connection', 'close')
+  }
+  next()
+})
+
+Metrics.injectMetricsRoute(app)
+
+if (settings.filestore.stores.user_files) {
+  app.head(
+    '/project/:project_id/file/:file_id',
+    keyBuilder.userFileKeyMiddleware,
+    fileController.getFileHead
+  )
+  app.get(
+    '/project/:project_id/file/:file_id',
+    keyBuilder.userFileKeyMiddleware,
+    fileController.getFile
+  )
+  app.post(
+    '/project/:project_id/file/:file_id',
+    keyBuilder.userFileKeyMiddleware,
+    fileController.insertFile
+  )
+  app.put(
+    '/project/:project_id/file/:file_id',
+    keyBuilder.userFileKeyMiddleware,
+    bodyParser.json(),
+    fileController.copyFile
+  )
+  app.delete(
+    '/project/:project_id/file/:file_id',
+    keyBuilder.userFileKeyMiddleware,
+    fileController.deleteFile
+  )
+  app.delete(
+    '/project/:project_id',
+    keyBuilder.userProjectKeyMiddleware,
+    fileController.deleteProject
+  )
+
+  app.get(
+    '/project/:project_id/size',
+    keyBuilder.userProjectKeyMiddleware,
+    fileController.directorySize
+  )
+}
+
+if (settings.filestore.stores.template_files) {
+  app.head(
+    '/template/:template_id/v/:version/:format',
+    keyBuilder.templateFileKeyMiddleware,
+    fileController.getFileHead
+  )
+  app.get(
+    '/template/:template_id/v/:version/:format',
+    keyBuilder.templateFileKeyMiddleware,
+    fileController.getFile
+  )
+  app.get(
+    '/template/:template_id/v/:version/:format/:sub_type',
+    keyBuilder.templateFileKeyMiddleware,
+    fileController.getFile
+  )
+  app.post(
+    '/template/:template_id/v/:version/:format',
+    keyBuilder.templateFileKeyMiddleware,
+    fileController.insertFile
+  )
+}
+
+app.get(
+  '/bucket/:bucket/key/*',
+  keyBuilder.bucketFileKeyMiddleware,
+  fileController.getFile
+)
+
+app.get('/status', function (req, res) {
+  if (settings.shuttingDown) {
+    res.sendStatus(503) // Service unavailable
+  } else {
+    res.send('filestore is up')
+  }
+})
+
+app.get('/health_check', healthCheckController.check)
+
+app.use(RequestLogger.errorHandler)
+
+const port = settings.internal.filestore.port || 3009
+const host = settings.internal.filestore.host || '0.0.0.0'
+
+let server = null
+if (!module.parent) {
+  // Called directly
+  server = app.listen(port, host, error => {
+    if (error) {
+      logger.error({ err: error }, 'Error starting Filestore')
+      throw error
+    }
+    logger.debug(`Filestore starting up, listening on ${host}:${port}`)
+  })
+}
+
+process
+  .on('unhandledRejection', (reason, p) => {
+    logger.err(reason, 'Unhandled Rejection at Promise', p)
+  })
+  .on('uncaughtException', err => {
+    logger.err(err, 'Uncaught Exception thrown')
+    process.exit(1)
+  })
+
+function handleShutdownSignal(signal) {
+  logger.info({ signal }, 'received interrupt, cleaning up')
+  if (settings.shuttingDown) {
+    logger.warn({ signal }, 'already shutting down, ignoring interrupt')
+    return
+  }
+  settings.shuttingDown = true
+  settings.shutDownTime = Date.now()
+  // stop accepting new connections, the callback is called when existing connections have finished
+  server.close(() => {
+    logger.info({ signal }, 'server closed')
+    // exit after a short delay so logs can be flushed
+    setTimeout(() => {
+      process.exit()
+    }, 100)
+  })
+  // close idle http keep-alive connections
+  server.closeIdleConnections()
+  setTimeout(() => {
+    logger.info({ signal }, 'shutdown timed out, exiting')
+    // close all connections immediately
+    server.closeAllConnections()
+    // exit after a short delay to allow for cleanup
+    setTimeout(() => {
+      process.exit()
+    }, 100)
+  }, settings.gracefulShutdownDelayInMs)
+}
+
+process.on('SIGTERM', handleShutdownSignal)
+
+module.exports = app
diff --git a/services/filestore/app/js/Errors.js b/services/filestore/app/js/Errors.js
new file mode 100644
index 0000000..c7d19d8
--- /dev/null
+++ b/services/filestore/app/js/Errors.js
@@ -0,0 +1,30 @@
+const OError = require('@overleaf/o-error')
+const { Errors } = require('@overleaf/object-persistor')
+
+class HealthCheckError extends OError {}
+class ConversionsDisabledError extends OError {}
+class ConversionError extends OError {}
+class TimeoutError extends OError {}
+class InvalidParametersError extends OError {}
+
+class FailedCommandError extends OError {
+  constructor(command, code, stdout, stderr) {
+    super('command failed with error exit code', {
+      command,
+      code,
+    })
+    this.stdout = stdout
+    this.stderr = stderr
+    this.code = code
+  }
+}
+
+module.exports = {
+  FailedCommandError,
+  ConversionsDisabledError,
+  ConversionError,
+  HealthCheckError,
+  TimeoutError,
+  InvalidParametersError,
+  ...Errors,
+}
diff --git a/services/filestore/app/js/FileController.js b/services/filestore/app/js/FileController.js
new file mode 100644
index 0000000..127bbcc
--- /dev/null
+++ b/services/filestore/app/js/FileController.js
@@ -0,0 +1,214 @@
+const FileHandler = require('./FileHandler')
+const metrics = require('@overleaf/metrics')
+const parseRange = require('range-parser')
+const Errors = require('./Errors')
+const { pipeline } = require('node:stream')
+
+const maxSizeInBytes = 1024 * 1024 * 1024 // 1GB
+
+module.exports = {
+  getFile,
+  getFileHead,
+  insertFile,
+  copyFile,
+  deleteFile,
+  deleteProject,
+  directorySize,
+}
+
+function getFile(req, res, next) {
+  const { key, bucket } = req
+  const { format, style } = req.query
+  const options = {
+    key,
+    bucket,
+    format,
+    style,
+  }
+
+  metrics.inc('getFile')
+  req.requestLogger.setMessage('getting file')
+  req.requestLogger.addFields({
+    key,
+    bucket,
+    format,
+    style,
+    cacheWarm: req.query.cacheWarm,
+  })
+
+  if (req.headers.range) {
+    const range = _getRange(req.headers.range)
+    if (range) {
+      options.start = range.start
+      options.end = range.end
+      req.requestLogger.addFields({ range })
+    }
+  }
+
+  FileHandler.getRedirectUrl(bucket, key, options, function (err, redirectUrl) {
+    if (err) {
+      metrics.inc('file_redirect_error')
+    }
+
+    if (redirectUrl) {
+      metrics.inc('file_redirect')
+      return res.redirect(redirectUrl)
+    }
+
+    FileHandler.getFile(bucket, key, options, function (err, fileStream) {
+      if (err) {
+        if (err instanceof Errors.NotFoundError) {
+          res.sendStatus(404)
+        } else {
+          next(err)
+        }
+        return
+      }
+
+      if (req.query.cacheWarm) {
+        fileStream.destroy()
+        return res.sendStatus(200).end()
+      }
+
+      pipeline(fileStream, res, err => {
+        if (err && err.code === 'ERR_STREAM_PREMATURE_CLOSE') {
+          res.end()
+        } else if (err) {
+          next(
+            new Errors.ReadError(
+              'error transferring stream',
+              { bucket, key, format, style },
+              err
+            )
+          )
+        }
+      })
+    })
+  })
+}
+
+function getFileHead(req, res, next) {
+  const { key, bucket } = req
+
+  metrics.inc('getFileSize')
+  req.requestLogger.setMessage('getting file size')
+  req.requestLogger.addFields({ key, bucket })
+
+  FileHandler.getFileSize(bucket, key, function (err, fileSize) {
+    if (err) {
+      if (err instanceof Errors.NotFoundError) {
+        res.sendStatus(404)
+      } else {
+        next(err)
+      }
+      return
+    }
+    res.set('Content-Length', fileSize)
+    res.status(200).end()
+  })
+}
+
+function insertFile(req, res, next) {
+  metrics.inc('insertFile')
+  const { key, bucket } = req
+
+  req.requestLogger.setMessage('inserting file')
+  req.requestLogger.addFields({ key, bucket })
+
+  FileHandler.insertFile(bucket, key, req, function (err) {
+    if (err) {
+      next(err)
+    } else {
+      res.sendStatus(200)
+    }
+  })
+}
+
+function copyFile(req, res, next) {
+  metrics.inc('copyFile')
+  const { key, bucket } = req
+  const oldProjectId = req.body.source.project_id
+  const oldFileId = req.body.source.file_id
+
+  req.requestLogger.addFields({
+    key,
+    bucket,
+    oldProject_id: oldProjectId,
+    oldFile_id: oldFileId,
+  })
+  req.requestLogger.setMessage('copying file')
+
+  FileHandler.copyObject(bucket, `${oldProjectId}/${oldFileId}`, key, err => {
+    if (err) {
+      if (err instanceof Errors.NotFoundError) {
+        res.sendStatus(404)
+      } else {
+        next(err)
+      }
+    } else {
+      res.sendStatus(200)
+    }
+  })
+}
+
+function deleteFile(req, res, next) {
+  metrics.inc('deleteFile')
+  const { key, bucket } = req
+
+  req.requestLogger.addFields({ key, bucket })
+  req.requestLogger.setMessage('deleting file')
+
+  FileHandler.deleteFile(bucket, key, function (err) {
+    if (err) {
+      next(err)
+    } else {
+      res.sendStatus(204)
+    }
+  })
+}
+
+function deleteProject(req, res, next) {
+  metrics.inc('deleteProject')
+  const { key, bucket } = req
+
+  req.requestLogger.setMessage('deleting project')
+  req.requestLogger.addFields({ key, bucket })
+
+  FileHandler.deleteProject(bucket, key, function (err) {
+    if (err) {
+      if (err instanceof Errors.InvalidParametersError) {
+        return res.sendStatus(400)
+      }
+      next(err)
+    } else {
+      res.sendStatus(204)
+    }
+  })
+}
+
+function directorySize(req, res, next) {
+  metrics.inc('projectSize')
+  const { project_id: projectId, bucket } = req
+
+  req.requestLogger.setMessage('getting project size')
+  req.requestLogger.addFields({ projectId, bucket })
+
+  FileHandler.getDirectorySize(bucket, projectId, function (err, size) {
+    if (err) {
+      return next(err)
+    }
+
+    res.json({ 'total bytes': size })
+    req.requestLogger.addFields({ size })
+  })
+}
+
+function _getRange(header) {
+  const parsed = parseRange(maxSizeInBytes, header)
+  if (parsed === -1 || parsed === -2 || parsed.type !== 'bytes') {
+    return null
+  } else {
+    const range = parsed[0]
+    return { start: range.start, end: range.end }
+  }
+}
diff --git a/services/filestore/app/js/FileConverter.js b/services/filestore/app/js/FileConverter.js
new file mode 100644
index 0000000..ac3dcce
--- /dev/null
+++ b/services/filestore/app/js/FileConverter.js
@@ -0,0 +1,98 @@
+const metrics = require('@overleaf/metrics')
+const Settings = require('@overleaf/settings')
+const { callbackify } = require('node:util')
+
+const safeExec = require('./SafeExec').promises
+const { ConversionError } = require('./Errors')
+
+const APPROVED_FORMATS = ['png']
+const FOURTY_SECONDS = 40 * 1000
+const KILL_SIGNAL = 'SIGTERM'
+
+module.exports = {
+  convert: callbackify(convert),
+  thumbnail: callbackify(thumbnail),
+  preview: callbackify(preview),
+  promises: {
+    convert,
+    thumbnail,
+    preview,
+  },
+}
+
+async function convert(sourcePath, requestedFormat) {
+  const width = '600x'
+  return await _convert(sourcePath, requestedFormat, [
+    'convert',
+    '-define',
+    `pdf:fit-page=${width}`,
+    '-flatten',
+    '-density',
+    '300',
+    `${sourcePath}[0]`,
+  ])
+}
+
+async function thumbnail(sourcePath) {
+  const width = '260x'
+  return await convert(sourcePath, 'png', [
+    'convert',
+    '-flatten',
+    '-background',
+    'white',
+    '-density',
+    '300',
+    '-define',
+    `pdf:fit-page=${width}`,
+    `${sourcePath}[0]`,
+    '-resize',
+    width,
+  ])
+}
+
+async function preview(sourcePath) {
+  const width = '548x'
+  return await convert(sourcePath, 'png', [
+    'convert',
+    '-flatten',
+    '-background',
+    'white',
+    '-density',
+    '300',
+    '-define',
+    `pdf:fit-page=${width}`,
+    `${sourcePath}[0]`,
+    '-resize',
+    width,
+  ])
+}
+
+async function _convert(sourcePath, requestedFormat, command) {
+  if (!APPROVED_FORMATS.includes(requestedFormat)) {
+    throw new ConversionError('invalid format requested', {
+      format: requestedFormat,
+    })
+  }
+
+  const timer = new metrics.Timer('imageConvert')
+  const destPath = `${sourcePath}.${requestedFormat}`
+
+  command.push(destPath)
+  command = Settings.commands.convertCommandPrefix.concat(command)
+
+  try {
+    await safeExec(command, {
+      killSignal: KILL_SIGNAL,
+      timeout: FOURTY_SECONDS,
+    })
+  } catch (err) {
+    throw new ConversionError(
+      'something went wrong converting file',
+      { stderr: err.stderr, sourcePath, requestedFormat, destPath },
+      err
+    )
+  }
+
+  timer.done()
+  return destPath
+}
diff --git a/services/filestore/app/js/FileHandler.js b/services/filestore/app/js/FileHandler.js
new file mode 100644
index 0000000..2ed28bd
--- /dev/null
+++ b/services/filestore/app/js/FileHandler.js
@@ -0,0 +1,228 @@
+const Settings = require('@overleaf/settings')
+const { callbackify } = require('node:util')
+const fs = require('node:fs')
+let PersistorManager = require('./PersistorManager')
+const LocalFileWriter = require('./LocalFileWriter')
+const FileConverter = require('./FileConverter')
+const KeyBuilder = require('./KeyBuilder')
+const ImageOptimiser = require('./ImageOptimiser')
+const { ConversionError, InvalidParametersError } = require('./Errors')
+const metrics = require('@overleaf/metrics')
+
+module.exports = {
+  copyObject: callbackify(copyObject),
+  insertFile: callbackify(insertFile),
+  deleteFile: callbackify(deleteFile),
+  deleteProject: callbackify(deleteProject),
+  getFile: callbackify(getFile),
+  getRedirectUrl: callbackify(getRedirectUrl),
+  getFileSize: callbackify(getFileSize),
+  getDirectorySize: callbackify(getDirectorySize),
+  promises: {
+    copyObject,
+    getFile,
+    getRedirectUrl,
+    insertFile,
+    deleteFile,
+    deleteProject,
+    getFileSize,
+    getDirectorySize,
+  },
+}
+
+if (process.env.NODE_ENV === 'test') {
+  module.exports._TESTONLYSwapPersistorManager = _PersistorManager => {
+    PersistorManager = _PersistorManager
+  }
+}
+
+async function copyObject(bucket, sourceKey, destinationKey) {
+  await PersistorManager.copyObject(bucket, sourceKey, destinationKey)
+}
+
+async function insertFile(bucket, key, stream) {
+  const convertedKey = KeyBuilder.getConvertedFolderKey(key)
+  if (!convertedKey.match(/^[0-9a-f]{24}\/([0-9a-f]{24}|v\/[0-9]+\/[a-z]+)/i)) {
+    throw new InvalidParametersError('key does not match validation regex', {
+      bucket,
+      key,
+      convertedKey,
+    })
+  }
+  await PersistorManager.sendStream(bucket, key, stream)
+}
+
+async function deleteFile(bucket, key) {
+  const convertedKey = KeyBuilder.getConvertedFolderKey(key)
+  if (!convertedKey.match(/^[0-9a-f]{24}\/([0-9a-f]{24}|v\/[0-9]+\/[a-z]+)/i)) {
+    throw new InvalidParametersError('key does not match validation regex', {
+      bucket,
+      key,
+      convertedKey,
+    })
+  }
+  const jobs = [PersistorManager.deleteObject(bucket, key)]
+  if (
+    Settings.enableConversions &&
+    bucket === Settings.filestore.stores.template_files
+  ) {
+    jobs.push(PersistorManager.deleteDirectory(bucket, convertedKey))
+  }
+  await Promise.all(jobs)
+}
+
+async function deleteProject(bucket, key) {
+  if (!key.match(/^[0-9a-f]{24}\//i)) {
+    throw new InvalidParametersError('key does not match validation regex', {
+      bucket,
+      key,
+    })
+  }
+  await PersistorManager.deleteDirectory(bucket, key)
+}
+
+async function getFile(bucket, key, opts) {
+  opts = opts || {}
+  if (!opts.format && !opts.style) {
+    return await PersistorManager.getObjectStream(bucket, key, opts)
+  } else {
+    return await _getConvertedFile(bucket, key, opts)
+  }
+}
+
+let ACTIVE_SIGNED_URL_CALLS = 0
+
+async function getRedirectUrl(bucket, key, opts) {
+  // if we're doing anything unusual with options, or the request isn't for
+  // one of the default buckets, return null so that we proxy the file
+  opts = opts || {}
+  if (
+    !opts.start &&
+    !opts.end &&
+    !opts.format &&
+    !opts.style &&
+    Object.values(Settings.filestore.stores).includes(bucket) &&
+    Settings.filestore.allowRedirects
+  ) {
+    // record the number of in-flight calls to generate signed URLs
+    metrics.gauge('active_signed_url_calls', ++ACTIVE_SIGNED_URL_CALLS, {
+      path: bucket,
+    })
+    try {
+      const timer = new metrics.Timer('signed_url_call_time', {
+        path: bucket,
+      })
+      const redirectUrl = await PersistorManager.getRedirectUrl(bucket, key)
+      timer.done()
+      return redirectUrl
+    } finally {
+      metrics.gauge('active_signed_url_calls', --ACTIVE_SIGNED_URL_CALLS, {
+        path: bucket,
+      })
+    }
+  }
+
+  return null
+}
+
+async function getFileSize(bucket, key) {
+  return await PersistorManager.getObjectSize(bucket, key)
+}
+
+async function getDirectorySize(bucket, projectId) {
+  return await PersistorManager.directorySize(bucket, projectId)
+}
+
+async function _getConvertedFile(bucket, key, opts) {
+  const convertedKey = KeyBuilder.addCachingToKey(key, opts)
+  const exists = await PersistorManager.checkIfObjectExists(
+    bucket,
+    convertedKey
+  )
+  if (exists) {
+    return await PersistorManager.getObjectStream(bucket, convertedKey, opts)
+  } else {
+    return await _getConvertedFileAndCache(bucket, key, convertedKey, opts)
+  }
+}
+
+async function _getConvertedFileAndCache(bucket, key, convertedKey, opts) {
+  let convertedFsPath
+  try {
+    convertedFsPath = await _convertFile(bucket, key, opts)
+    await ImageOptimiser.promises.compressPng(convertedFsPath)
+    await PersistorManager.sendFile(bucket, convertedKey, convertedFsPath)
+  } catch (err) {
+    LocalFileWriter.deleteFile(convertedFsPath, () => {})
+    throw new ConversionError(
+      'failed to convert file',
+      { opts, bucket, key, convertedKey },
+      err
+    )
+  }
+  // Send back the converted file from the local copy to avoid problems
+  // with the file not being present in S3 yet.  As described in the
+  // documentation below, we have already made a 'HEAD' request in
+  // checkIfFileExists so we only have "eventual consistency" if we try
+  // to stream it from S3 here.  This was a cause of many 403 errors.
+  //
+  // "Amazon S3 provides read-after-write consistency for PUTS of new
+  // objects in your S3 bucket in all regions with one caveat. The
+  // caveat is that if you make a HEAD or GET request to the key name
+  // (to find if the object exists) before creating the object, Amazon
+  // S3 provides eventual consistency for read-after-write.""
+  // https://docs.aws.amazon.com/AmazonS3/latest/dev/Introduction.html#ConsistencyModel
+  const readStream = fs.createReadStream(convertedFsPath)
+  readStream.on('error', function () {
+    LocalFileWriter.deleteFile(convertedFsPath, function () {})
+  })
+  readStream.on('end', function () {
+    LocalFileWriter.deleteFile(convertedFsPath, function () {})
+  })
+  return readStream
+}
+
+async function _convertFile(bucket, originalKey, opts) {
+  let originalFsPath
+  try {
+    originalFsPath = await _writeFileToDisk(bucket, originalKey, opts)
+  } catch (err) {
+    throw new ConversionError(
+      'unable to write file to disk',
+      { bucket, originalKey, opts },
+      err
+    )
+  }
+
+  let promise
+  if (opts.format) {
+    promise = FileConverter.promises.convert(originalFsPath, opts.format)
+  } else if (opts.style === 'thumbnail') {
+    promise = FileConverter.promises.thumbnail(originalFsPath)
+  } else if (opts.style === 'preview') {
+    promise = FileConverter.promises.preview(originalFsPath)
+  } else {
+    throw new ConversionError('invalid file conversion options', {
+      bucket,
+      originalKey,
+      opts,
+    })
+  }
+  let destPath
+  try {
+    destPath = await promise
+  } catch (err) {
+    throw new ConversionError(
+      'error converting file',
+      { bucket, originalKey, opts },
+      err
+    )
+  }
+  LocalFileWriter.deleteFile(originalFsPath, function () {})
+  return destPath
+}
+
+async function _writeFileToDisk(bucket, key, opts) {
+  const fileStream = await PersistorManager.getObjectStream(bucket, key, opts)
+  return await LocalFileWriter.promises.writeStream(fileStream, key)
+}
diff --git a/services/filestore/app/js/HealthCheckController.js b/services/filestore/app/js/HealthCheckController.js
new file mode 100644
index 0000000..e9b739a
--- /dev/null
+++ b/services/filestore/app/js/HealthCheckController.js
@@ -0,0 +1,67 @@
+const fs = require('node:fs')
+const path = require('node:path')
+const Settings = require('@overleaf/settings')
+const { WritableBuffer } = require('@overleaf/stream-utils')
+const { promisify } = require('node:util')
+const Stream = require('node:stream')
+
+const pipeline = promisify(Stream.pipeline)
+const fsCopy = promisify(fs.copyFile)
+const fsUnlink = promisify(fs.unlink)
+
+const { HealthCheckError } = require('./Errors')
+const FileConverter = require('./FileConverter').promises
+const FileHandler = require('./FileHandler').promises
+
+async function checkCanGetFiles() {
+  if (!Settings.health_check) {
+    return
+  }
+
+  const projectId = Settings.health_check.project_id
+  const fileId = Settings.health_check.file_id
+  const key = `${projectId}/${fileId}`
+  const bucket = Settings.filestore.stores.user_files
+
+  const buffer = new WritableBuffer({ initialSize: 100 })
+
+  const sourceStream = await FileHandler.getFile(bucket, key, {})
+  try {
+    await pipeline(sourceStream, buffer)
+  } catch (err) {
+    throw new HealthCheckError('failed to get health-check file', {}, err)
+  }
+
+  if (!buffer.size()) {
+    throw new HealthCheckError('no bytes written to download stream')
+  }
+}
+
+async function checkFileConvert() {
+  if (!Settings.enableConversions) {
+    return
+  }
+
+  const imgPath = path.join(Settings.path.uploadFolder, '/tiny.pdf')
+
+  let resultPath
+  try {
+    await fsCopy('./tiny.pdf', imgPath)
+    resultPath = await FileConverter.thumbnail(imgPath)
+  } finally {
+    if (resultPath) {
+      await fsUnlink(resultPath)
+    }
+    await fsUnlink(imgPath)
+  }
+}
+
+module.exports = {
+  check(req, res, next) {
+    Promise.all([checkCanGetFiles(), checkFileConvert()])
+      .then(() => res.sendStatus(200))
+      .catch(err => {
+        next(err)
+      })
+  },
+}
diff --git a/services/filestore/app/js/ImageOptimiser.js b/services/filestore/app/js/ImageOptimiser.js
new file mode 100644
index 0000000..6ed29e1
--- /dev/null
+++ b/services/filestore/app/js/ImageOptimiser.js
@@ -0,0 +1,34 @@
+const logger = require('@overleaf/logger')
+const metrics = require('@overleaf/metrics')
+const { callbackify } = require('node:util')
+const safeExec = require('./SafeExec').promises
+
+module.exports = {
+  compressPng: callbackify(compressPng),
+  promises: {
+    compressPng,
+  },
+}
+
+async function compressPng(localPath, callback) {
+  const timer = new metrics.Timer('compressPng')
+  const args = ['optipng', localPath]
+  const opts = {
+    timeout: 30 * 1000,
+    killSignal: 'SIGKILL',
+  }
+
+  try {
+    await safeExec(args, opts)
+    timer.done()
+  } catch (err) {
+    if (err.code === 'SIGKILL') {
+      logger.warn(
+        { err, stderr: err.stderr, localPath },
+        'optimiser timeout reached'
+      )
+    } else {
+      throw err
+    }
+  }
+}
diff --git a/services/filestore/app/js/KeyBuilder.js b/services/filestore/app/js/KeyBuilder.js
new file mode 100644
index 0000000..f67a0e8
--- /dev/null
+++ b/services/filestore/app/js/KeyBuilder.js
@@ -0,0 +1,71 @@
+const settings = require('@overleaf/settings')
+
+module.exports = {
+  getConvertedFolderKey,
+  addCachingToKey,
+  userFileKeyMiddleware,
+  userProjectKeyMiddleware,
+  bucketFileKeyMiddleware,
+  templateFileKeyMiddleware,
+}
+
+function getConvertedFolderKey(key) {
+  return `${key}-converted-cache/`
+}
+
+function addCachingToKey(key, opts) {
+  key = this.getConvertedFolderKey(key)
+
+  if (opts.format && !opts.style) {
+    key = `${key}format-${opts.format}`
+  }
+  if (opts.style && !opts.format) {
+    key = `${key}style-${opts.style}`
+  }
+  if (opts.style && opts.format) {
+    key = `${key}format-${opts.format}-style-${opts.style}`
+  }
+
+  return key
+}
+
+function userFileKeyMiddleware(req, res, next) {
+  const { project_id: projectId, file_id: fileId } = req.params
+  req.key = `${projectId}/${fileId}`
+  req.bucket = settings.filestore.stores.user_files
+  next()
+}
+
+function userProjectKeyMiddleware(req, res, next) {
+  const { project_id: projectId } = req.params
+  req.project_id = projectId
+  req.key = `${projectId}/`
+  req.bucket = settings.filestore.stores.user_files
+  next()
+}
+
+function bucketFileKeyMiddleware(req, res, next) {
+  req.bucket = req.params.bucket
+  req.key = req.params[0]
+  next()
+}
+
+function templateFileKeyMiddleware(req, res, next) {
+  const {
+    template_id: templateId,
+    format,
+    version,
+    sub_type: subType,
+  } = req.params
+
+  req.key = `${templateId}/v/${version}/${format}`
+
+  if (subType) {
+    req.key = `${req.key}/${subType}`
+  }
+
+  req.bucket = settings.filestore.stores.template_files
+  req.version = version
+
+  next()
+}
diff --git a/services/filestore/app/js/LocalFileWriter.js b/services/filestore/app/js/LocalFileWriter.js
new file mode 100644
index 0000000..fe55bdc
--- /dev/null
+++ b/services/filestore/app/js/LocalFileWriter.js
@@ -0,0 +1,56 @@
+const fs = require('node:fs')
+const crypto = require('node:crypto')
+const path = require('node:path')
+const Stream = require('node:stream')
+const { callbackify, promisify } = require('node:util')
+const metrics = require('@overleaf/metrics')
+const Settings = require('@overleaf/settings')
+const { WriteError } = require('./Errors')
+
+module.exports = {
+  promises: {
+    writeStream,
+    deleteFile,
+  },
+  writeStream: callbackify(writeStream),
+  deleteFile: callbackify(deleteFile),
+}
+
+const pipeline = promisify(Stream.pipeline)
+
+async function writeStream(stream, key) {
+  const timer = new metrics.Timer('writingFile')
+  const fsPath = _getPath(key)
+
+  const writeStream = fs.createWriteStream(fsPath)
+  try {
+    await pipeline(stream, writeStream)
+    timer.done()
+    return fsPath
+  } catch (err) {
+    await deleteFile(fsPath)
+
+    throw new WriteError('problem writing file locally', { fsPath }, err)
+  }
+}
+
+async function deleteFile(fsPath) {
+  if (!fsPath) {
+    return
+  }
+  try {
+    await promisify(fs.unlink)(fsPath)
+  } catch (err) {
+    if (err.code !== 'ENOENT') {
+      throw new WriteError('failed to delete file', { fsPath }, err)
+    }
+  }
+}
+
+function _getPath(key) {
+  if (key == null) {
+    key = crypto.randomUUID()
+  }
+  key = key.replace(/\//g, '-')
+  return path.join(Settings.path.uploadFolder, key)
+}
diff --git a/services/filestore/app/js/PersistorManager.js b/services/filestore/app/js/PersistorManager.js
new file mode 100644
index 0000000..c6442d2
--- /dev/null
+++ b/services/filestore/app/js/PersistorManager.js
@@ -0,0 +1,9 @@
+const settings = require('@overleaf/settings')
+
+const persistorSettings = settings.filestore
+persistorSettings.paths = settings.path
+
+const ObjectPersistor = require('@overleaf/object-persistor')
+const persistor = ObjectPersistor(persistorSettings)
+
+module.exports = persistor
diff --git a/services/filestore/app/js/RequestLogger.js b/services/filestore/app/js/RequestLogger.js
new file mode 100644
index 0000000..1fde404
--- /dev/null
+++ b/services/filestore/app/js/RequestLogger.js
@@ -0,0 +1,61 @@
+const logger = require('@overleaf/logger')
+const metrics = require('@overleaf/metrics')
+
+class RequestLogger {
+  constructor() {
+    this._logInfo = {}
+    this._logMessage = 'http request'
+  }
+
+  addFields(fields) {
+    Object.assign(this._logInfo, fields)
+  }
+
+  setMessage(message) {
+    this._logMessage = message
+  }
+
+  static errorHandler(err, req, res, next) {
+    req.requestLogger.addFields({ error: err })
+    res.status(500).send(err.message)
+  }
+
+  static middleware(req, res, next) {
+    const startTime = new Date()
+    req.requestLogger = new RequestLogger()
+
+    // override the 'end' method to log and record metrics
+    const end = res.end
+    res.end = function () {
+      // apply the standard request 'end' method before logging and metrics
+      end.apply(this, arguments)
+
+      const responseTime = new Date() - startTime
+
+      const routePath = req.route && req.route.path.toString()
+
+      if (routePath) {
+        metrics.timing('http_request', responseTime, null, {
+          method: req.method,
+          status_code: res.statusCode,
+          path: routePath.replace(/\//g, '_').replace(/:/g, '').slice(1),
+        })
+      }
+
+      const level = res.statusCode >= 500 ? 'err' : 'debug'
+      logger[level](
+        {
+          req,
+          res,
+          responseTimeMs: responseTime,
+          info: req.requestLogger._logInfo,
+        },
+        req.requestLogger._logMessage
+      )
+    }
+
+    next()
+  }
+}
+
+module.exports = RequestLogger
diff --git a/services/filestore/app/js/SafeExec.js b/services/filestore/app/js/SafeExec.js
new file mode 100644
index 0000000..16ebcf1
--- /dev/null
+++ b/services/filestore/app/js/SafeExec.js
@@ -0,0 +1,85 @@
+const lodashOnce = require('lodash.once')
+const childProcess = require('node:child_process')
+const Settings = require('@overleaf/settings')
+const { ConversionsDisabledError, FailedCommandError } = require('./Errors')
+
+// execute a command in the same way as 'exec' but with a timeout that
+// kills all child processes
+//
+// we spawn the command with 'detached:true' to make a new process
+// group, then we can kill everything in that process group.
+
+module.exports = safeExec
+module.exports.promises = safeExecPromise
+
+// options are {timeout:  number-of-milliseconds, killSignal: signal-name}
+function safeExec(command, options, callback) {
+  if (!Settings.enableConversions) {
+    return callback(
+      new ConversionsDisabledError('image conversions are disabled')
+    )
+  }
+
+  const [cmd, ...args] = command
+
+  const child = childProcess.spawn(cmd, args, { detached: true })
+  let stdout = ''
+  let stderr = ''
+
+  let killTimer
+
+  const cleanup = lodashOnce(function (err) {
+    if (killTimer) {
+      clearTimeout(killTimer)
+    }
+    callback(err, stdout, stderr)
+  })
+
+  if (options.timeout) {
+    killTimer = setTimeout(function () {
+      try {
+        // use negative process id to kill process group
+        process.kill(-child.pid, options.killSignal || 'SIGTERM')
+      } catch (error) {
+        cleanup(
+          new FailedCommandError('failed to kill process after timeout', {
+            command,
+            options,
+            pid: child.pid,
+          })
+        )
+      }
+    }, options.timeout)
+  }
+
+  child.on('close', function (code, signal) {
+    if (code || signal) {
+      return cleanup(
+        new FailedCommandError(command, code || signal, stdout, stderr)
+      )
+    }
+
+    cleanup()
+  })
+
+  child.on('error', err => {
+    cleanup(err)
+  })
+  child.stdout.on('data', chunk => {
+    stdout += chunk
+  })
+  child.stderr.on('data', chunk => {
+    stderr += chunk
+  })
+}
+
+function safeExecPromise(command, options) {
+  return new Promise((resolve, reject) => {
+    safeExec(command, options, (err, stdout, stderr) => {
+      if (err) {
+        reject(err)
+      }
+      resolve({ stdout, stderr })
+    })
+  })
+}
diff --git a/services/filestore/buildscript.txt b/services/filestore/buildscript.txt
new file mode 100644
index 0000000..75a491c
--- /dev/null
+++ b/services/filestore/buildscript.txt
@@ -0,0 +1,12 @@
+filestore
+--data-dirs=uploads,user_files,template_files
+--dependencies=s3,gcs
+--docker-repos=us-east1-docker.pkg.dev/overleaf-ops/ol-docker
+--env-add=ENABLE_CONVERSIONS="true",USE_PROM_METRICS="true",AWS_S3_USER_FILES_STORAGE_CLASS=REDUCED_REDUNDANCY,AWS_S3_USER_FILES_BUCKET_NAME=fake-user-files,AWS_S3_USER_FILES_DEK_BUCKET_NAME=fake-user-files-dek,AWS_S3_TEMPLATE_FILES_BUCKET_NAME=fake-template-files,GCS_USER_FILES_BUCKET_NAME=fake-gcs-user-files,GCS_TEMPLATE_FILES_BUCKET_NAME=fake-gcs-template-files
+--env-pass-through=
+--esmock-loader=False
+--node-version=20.18.2
+--public-repo=True
+--script-version=4.7.0
+--test-acceptance-shards=SHARD_01_,SHARD_02_,SHARD_03_
+--use-large-ci-runner=True
diff --git a/services/filestore/config/settings.defaults.js b/services/filestore/config/settings.defaults.js
new file mode 100644
index 0000000..9a08bb1
--- /dev/null
+++ b/services/filestore/config/settings.defaults.js
@@ -0,0 +1,120 @@
+const Path = require('node:path')
+
+// environment variables renamed for consistency
+// use AWS_ACCESS_KEY_ID-style going forward
+if (process.env.AWS_KEY && !process.env.AWS_ACCESS_KEY_ID) {
+  process.env.AWS_ACCESS_KEY_ID = process.env.AWS_KEY
+}
+if (process.env.AWS_SECRET && !process.env.AWS_SECRET_ACCESS_KEY) {
+  process.env.AWS_SECRET_ACCESS_KEY = process.env.AWS_SECRET
+}
+
+// pre-backend setting, fall back to old behaviour
+if (process.env.BACKEND == null) {
+  if (process.env.AWS_ACCESS_KEY_ID || process.env.S3_BUCKET_CREDENTIALS) {
+    process.env.BACKEND = 's3'
+    process.env.USER_FILES_BUCKET_NAME =
+      process.env.AWS_S3_USER_FILES_BUCKET_NAME
+    process.env.TEMPLATE_FILES_BUCKET_NAME =
+      process.env.AWS_S3_TEMPLATE_FILES_BUCKET_NAME
+  } else {
+    process.env.BACKEND = 'fs'
+    process.env.USER_FILES_BUCKET_NAME = Path.join(__dirname, '../user_files')
+    process.env.TEMPLATE_FILES_BUCKET_NAME = Path.join(
+      __dirname,
+      '../template_files'
+    )
+  }
+}
+
+const settings = {
+  internal: {
+    filestore: {
+      port: 3009,
+      host: process.env.LISTEN_ADDRESS || '127.0.0.1',
+    },
+  },
+
+  filestore: {
+    // Which backend persistor to use.
+    // Choices are
+    // s3 - Amazon S3
+    // fs - local filesystem
+    // gcs - Google Cloud Storage
+    backend: process.env.BACKEND,
+
+    gcs: {
+      endpoint: process.env.GCS_API_ENDPOINT
+        ? {
+            apiEndpoint: process.env.GCS_API_ENDPOINT,
+            projectId: process.env.GCS_PROJECT_ID,
+          }
+        : undefined,
+      unlockBeforeDelete: process.env.GCS_UNLOCK_BEFORE_DELETE === 'true', // unlock an event-based hold before deleting. default false
+      deletedBucketSuffix: process.env.GCS_DELETED_BUCKET_SUFFIX, // if present, copy file to another bucket on delete. default null
+      deleteConcurrency: parseInt(process.env.GCS_DELETE_CONCURRENCY) || 50,
+      signedUrlExpiryInMs: parseInt(process.env.LINK_EXPIRY_TIMEOUT || 60000),
+    },
+
+    s3: {
+      key: process.env.AWS_ACCESS_KEY_ID,
+      secret: process.env.AWS_SECRET_ACCESS_KEY,
+      endpoint: process.env.AWS_S3_ENDPOINT,
+      pathStyle: process.env.AWS_S3_PATH_STYLE,
+      partSize: process.env.AWS_S3_PARTSIZE || 100 * 1024 * 1024,
+      bucketCreds: process.env.S3_BUCKET_CREDENTIALS
+        ? JSON.parse(process.env.S3_BUCKET_CREDENTIALS)
+        : undefined,
+    },
+
+    // GCS should be configured by the service account on the kubernetes pod. See GOOGLE_APPLICATION_CREDENTIALS,
+    // which will be picked up automatically.
+
+    stores: {
+      user_files: process.env.USER_FILES_BUCKET_NAME,
+      template_files: process.env.TEMPLATE_FILES_BUCKET_NAME,
+
+      // allow signed links to be generated for these buckets
+      project_blobs: process.env.OVERLEAF_EDITOR_PROJECT_BLOBS_BUCKET,
+      global_blobs: process.env.OVERLEAF_EDITOR_BLOBS_BUCKET,
+    },
+
+    fallback: process.env.FALLBACK_BACKEND
+      ? {
+          backend: process.env.FALLBACK_BACKEND,
+          // mapping of bucket names on the fallback, to bucket names on the primary.
+          // e.g. { myS3UserFilesBucketName: 'myGoogleUserFilesBucketName' }
+          buckets: JSON.parse(process.env.FALLBACK_BUCKET_MAPPING || '{}'),
+          copyOnMiss: process.env.COPY_ON_MISS === 'true',
+        }
+      : undefined,
+
+    allowRedirects: process.env.ALLOW_REDIRECTS === 'true',
+  },
+
+  path: {
+    uploadFolder: Path.join(__dirname, '../uploads'),
+  },
+
+  commands: {
+    // Any commands to wrap the convert utility in, for example ["nice"], or ["firejail", "--profile=/etc/firejail/convert.profile"]
+    convertCommandPrefix: [],
+  },
+
+  enableConversions: process.env.ENABLE_CONVERSIONS === 'true',
+
+  gracefulShutdownDelayInMs:
+    parseInt(process.env.GRACEFUL_SHUTDOWN_DELAY_SECONDS ?? '30', 10) * 1000,
+}
+
+// Filestore health check
+// ----------------------
+// Project and file details to check in persistor when calling /health_check
+if (process.env.HEALTH_CHECK_PROJECT_ID && process.env.HEALTH_CHECK_FILE_ID) {
+  settings.health_check = {
+    project_id: process.env.HEALTH_CHECK_PROJECT_ID,
+    file_id: process.env.HEALTH_CHECK_FILE_ID,
+  }
+}
+
+module.exports = settings
diff --git a/services/filestore/docker-compose.ci.yml b/services/filestore/docker-compose.ci.yml
new file mode 100644
index 0000000..febd6e4
--- /dev/null
+++ b/services/filestore/docker-compose.ci.yml
@@ -0,0 +1,203 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    user: node
+    command: npm run test:unit:_run
+    environment:
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+
+
+  test_acceptance:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      AWS_S3_ENDPOINT: https://minio:9000
+      AWS_S3_PATH_STYLE: 'true'
+      AWS_ACCESS_KEY_ID: OVERLEAF_FILESTORE_S3_ACCESS_KEY_ID
+      AWS_SECRET_ACCESS_KEY: OVERLEAF_FILESTORE_S3_SECRET_ACCESS_KEY
+      MINIO_ROOT_USER: MINIO_ROOT_USER
+      MINIO_ROOT_PASSWORD: MINIO_ROOT_PASSWORD
+      GCS_API_ENDPOINT: http://gcs:9090
+      GCS_PROJECT_ID: fake
+      STORAGE_EMULATOR_HOST: http://gcs:9090/storage/v1
+      MOCHA_GREP: ${MOCHA_GREP}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+      ENABLE_CONVERSIONS: "true"
+      USE_PROM_METRICS: "true"
+      AWS_S3_USER_FILES_STORAGE_CLASS: REDUCED_REDUNDANCY
+      AWS_S3_USER_FILES_BUCKET_NAME: fake-user-files
+      AWS_S3_USER_FILES_DEK_BUCKET_NAME: fake-user-files-dek
+      AWS_S3_TEMPLATE_FILES_BUCKET_NAME: fake-template-files
+      GCS_USER_FILES_BUCKET_NAME: fake-gcs-user-files
+      GCS_TEMPLATE_FILES_BUCKET_NAME: fake-gcs-template-files
+    volumes:
+      - ./test/acceptance/certs:/certs
+    depends_on:
+      certs:
+        condition: service_completed_successfully
+      minio:
+        condition: service_started
+      minio_setup:
+        condition: service_completed_successfully
+      gcs:
+        condition: service_healthy
+    user: node
+    command: npm run test:acceptance
+
+
+  tar:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    volumes:
+      - ./:/tmp/build/
+    command: tar -czf /tmp/build/build.tar.gz --exclude=build.tar.gz --exclude-vcs .
+    user: root
+  certs:
+    image: node:20.18.2
+    volumes:
+      - ./test/acceptance/certs:/certs
+    working_dir: /certs
+    entrypoint: sh
+    command:
+      - '-cex'
+      - |
+        if [ ! -f ./certgen ]; then
+          wget -O ./certgen "https://github.com/minio/certgen/releases/download/v1.3.0/certgen-linux-$(dpkg --print-architecture)"
+          chmod +x ./certgen
+        fi
+        if [ ! -f private.key ] || [ ! -f public.crt ]; then
+          ./certgen -host minio
+        fi
+
+  minio:
+    image: minio/minio:RELEASE.2024-10-13T13-34-11Z
+    command: server /data
+    volumes:
+      - ./test/acceptance/certs:/root/.minio/certs
+    environment:
+      MINIO_ROOT_USER: MINIO_ROOT_USER
+      MINIO_ROOT_PASSWORD: MINIO_ROOT_PASSWORD
+    depends_on:
+      certs:
+        condition: service_completed_successfully
+
+  minio_setup:
+    depends_on:
+      certs:
+        condition: service_completed_successfully
+      minio:
+        condition: service_started
+    image: minio/mc:RELEASE.2024-10-08T09-37-26Z
+    volumes:
+      - ./test/acceptance/certs:/root/.mc/certs/CAs
+    entrypoint: sh
+    command:
+      - '-cex'
+      - |
+        sleep 1
+        mc alias set s3 https://minio:9000 MINIO_ROOT_USER MINIO_ROOT_PASSWORD \
+        || sleep 3 && \
+        mc alias set s3 https://minio:9000 MINIO_ROOT_USER MINIO_ROOT_PASSWORD \
+        || sleep 3 && \
+        mc alias set s3 https://minio:9000 MINIO_ROOT_USER MINIO_ROOT_PASSWORD \
+        || sleep 3 && \
+        mc alias set s3 https://minio:9000 MINIO_ROOT_USER MINIO_ROOT_PASSWORD
+        mc mb --ignore-existing s3/fake-user-files
+        mc mb --ignore-existing s3/fake-user-files-dek
+        mc mb --ignore-existing s3/fake-template-files
+        mc admin user add s3 \
+          OVERLEAF_FILESTORE_S3_ACCESS_KEY_ID \
+          OVERLEAF_FILESTORE_S3_SECRET_ACCESS_KEY
+
+        echo '
+          {
+            "Version": "2012-10-17",
+            "Statement": [
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:ListBucket"
+                ],
+                "Resource": "arn:aws:s3:::fake-user-files"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:PutObject",
+                  "s3:GetObject",
+                  "s3:DeleteObject"
+                ],
+                "Resource": "arn:aws:s3:::fake-user-files/*"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:ListBucket"
+                ],
+                "Resource": "arn:aws:s3:::fake-user-files-dek"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:PutObject",
+                  "s3:GetObject",
+                  "s3:DeleteObject"
+                ],
+                "Resource": "arn:aws:s3:::fake-user-files-dek/*"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:ListBucket"
+                ],
+                "Resource": "arn:aws:s3:::fake-template-files"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:PutObject",
+                  "s3:GetObject",
+                  "s3:DeleteObject"
+                ],
+                "Resource": "arn:aws:s3:::fake-template-files/*"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:ListBucket"
+                ],
+                "Resource": "arn:aws:s3:::random-bucket-*"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:PutObject",
+                  "s3:GetObject",
+                  "s3:DeleteObject"
+                ],
+                "Resource": "arn:aws:s3:::random-bucket-*"
+              }
+            ]
+          }' > policy-filestore.json
+
+        mc admin policy create s3 overleaf-filestore policy-filestore.json
+        mc admin policy attach s3 overleaf-filestore \
+          --user=OVERLEAF_FILESTORE_S3_ACCESS_KEY_ID
+  gcs:
+    image: fsouza/fake-gcs-server:1.45.2
+    command: ["--port=9090", "--scheme=http"]
+    healthcheck:
+      test: wget --quiet --output-document=/dev/null http://localhost:9090/storage/v1/b
+      interval: 1s
+      retries: 20
diff --git a/services/filestore/docker-compose.yml b/services/filestore/docker-compose.yml
new file mode 100644
index 0000000..cc58997
--- /dev/null
+++ b/services/filestore/docker-compose.yml
@@ -0,0 +1,211 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    build:
+      context: ../..
+      dockerfile: services/filestore/Dockerfile
+      target: base
+    volumes:
+      - .:/overleaf/services/filestore
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/filestore
+    environment:
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    command: npm run --silent test:unit
+    user: node
+
+  test_acceptance:
+    build:
+      context: ../..
+      dockerfile: services/filestore/Dockerfile
+      target: base
+    volumes:
+      - .:/overleaf/services/filestore
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+      - ./test/acceptance/certs:/certs
+    working_dir: /overleaf/services/filestore
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      AWS_S3_ENDPOINT: https://minio:9000
+      AWS_S3_PATH_STYLE: 'true'
+      AWS_ACCESS_KEY_ID: OVERLEAF_FILESTORE_S3_ACCESS_KEY_ID
+      AWS_SECRET_ACCESS_KEY: OVERLEAF_FILESTORE_S3_SECRET_ACCESS_KEY
+      MINIO_ROOT_USER: MINIO_ROOT_USER
+      MINIO_ROOT_PASSWORD: MINIO_ROOT_PASSWORD
+      GCS_API_ENDPOINT: http://gcs:9090
+      GCS_PROJECT_ID: fake
+      STORAGE_EMULATOR_HOST: http://gcs:9090/storage/v1
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+      ENABLE_CONVERSIONS: "true"
+      USE_PROM_METRICS: "true"
+      AWS_S3_USER_FILES_STORAGE_CLASS: REDUCED_REDUNDANCY
+      AWS_S3_USER_FILES_BUCKET_NAME: fake-user-files
+      AWS_S3_USER_FILES_DEK_BUCKET_NAME: fake-user-files-dek
+      AWS_S3_TEMPLATE_FILES_BUCKET_NAME: fake-template-files
+      GCS_USER_FILES_BUCKET_NAME: fake-gcs-user-files
+      GCS_TEMPLATE_FILES_BUCKET_NAME: fake-gcs-template-files
+    user: node
+    depends_on:
+      certs:
+        condition: service_completed_successfully
+      minio:
+        condition: service_started
+      minio_setup:
+        condition: service_completed_successfully
+      gcs:
+        condition: service_healthy
+    command: npm run --silent test:acceptance
+
+  certs:
+    image: node:20.18.2
+    volumes:
+      - ./test/acceptance/certs:/certs
+    working_dir: /certs
+    entrypoint: sh
+    command:
+      - '-cex'
+      - |
+        if [ ! -f ./certgen ]; then
+          wget -O ./certgen "https://github.com/minio/certgen/releases/download/v1.3.0/certgen-linux-$(dpkg --print-architecture)"
+          chmod +x ./certgen
+        fi
+        if [ ! -f private.key ] || [ ! -f public.crt ]; then
+          ./certgen -host minio
+        fi
+
+  minio:
+    image: minio/minio:RELEASE.2024-10-13T13-34-11Z
+    command: server /data
+    volumes:
+      - ./test/acceptance/certs:/root/.minio/certs
+    environment:
+      MINIO_ROOT_USER: MINIO_ROOT_USER
+      MINIO_ROOT_PASSWORD: MINIO_ROOT_PASSWORD
+    depends_on:
+      certs:
+        condition: service_completed_successfully
+
+  minio_setup:
+    depends_on:
+      certs:
+        condition: service_completed_successfully
+      minio:
+        condition: service_started
+    image: minio/mc:RELEASE.2024-10-08T09-37-26Z
+    volumes:
+      - ./test/acceptance/certs:/root/.mc/certs/CAs
+    entrypoint: sh
+    command:
+      - '-cex'
+      - |
+        sleep 1
+        mc alias set s3 https://minio:9000 MINIO_ROOT_USER MINIO_ROOT_PASSWORD \
+        || sleep 3 && \
+        mc alias set s3 https://minio:9000 MINIO_ROOT_USER MINIO_ROOT_PASSWORD \
+        || sleep 3 && \
+        mc alias set s3 https://minio:9000 MINIO_ROOT_USER MINIO_ROOT_PASSWORD \
+        || sleep 3 && \
+        mc alias set s3 https://minio:9000 MINIO_ROOT_USER MINIO_ROOT_PASSWORD
+        mc mb --ignore-existing s3/fake-user-files
+        mc mb --ignore-existing s3/fake-user-files-dek
+        mc mb --ignore-existing s3/fake-template-files
+        mc admin user add s3 \
+          OVERLEAF_FILESTORE_S3_ACCESS_KEY_ID \
+          OVERLEAF_FILESTORE_S3_SECRET_ACCESS_KEY
+
+        echo '
+          {
+            "Version": "2012-10-17",
+            "Statement": [
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:ListBucket"
+                ],
+                "Resource": "arn:aws:s3:::fake-user-files"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:PutObject",
+                  "s3:GetObject",
+                  "s3:DeleteObject"
+                ],
+                "Resource": "arn:aws:s3:::fake-user-files/*"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:ListBucket"
+                ],
+                "Resource": "arn:aws:s3:::fake-user-files-dek"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:PutObject",
+                  "s3:GetObject",
+                  "s3:DeleteObject"
+                ],
+                "Resource": "arn:aws:s3:::fake-user-files-dek/*"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:ListBucket"
+                ],
+                "Resource": "arn:aws:s3:::fake-template-files"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:PutObject",
+                  "s3:GetObject",
+                  "s3:DeleteObject"
+                ],
+                "Resource": "arn:aws:s3:::fake-template-files/*"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:ListBucket"
+                ],
+                "Resource": "arn:aws:s3:::random-bucket-*"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:PutObject",
+                  "s3:GetObject",
+                  "s3:DeleteObject"
+                ],
+                "Resource": "arn:aws:s3:::random-bucket-*"
+              }
+            ]
+          }' > policy-filestore.json
+
+        mc admin policy create s3 overleaf-filestore policy-filestore.json
+        mc admin policy attach s3 overleaf-filestore \
+          --user=OVERLEAF_FILESTORE_S3_ACCESS_KEY_ID
+  gcs:
+    image: fsouza/fake-gcs-server:1.45.2
+    command: ["--port=9090", "--scheme=http"]
+    healthcheck:
+      test: wget --quiet --output-document=/dev/null http://localhost:9090/storage/v1/b
+      interval: 1s
+      retries: 20
diff --git a/services/filestore/firejail/convert.profile b/services/filestore/firejail/convert.profile
new file mode 100644
index 0000000..38cc1a2
--- /dev/null
+++ b/services/filestore/firejail/convert.profile
@@ -0,0 +1,40 @@
+# Convert (ImageMagick profile)
+
+include /etc/firejail/disable-common.inc
+include /etc/firejail/disable-devel.inc
+# include /etc/firejail/disable-mgmt.inc ## removed in firejail 0.9.40
+# include /etc/firejail/disable-secret.inc ## removed in firejail 0.9.40
+
+read-only /bin
+blacklist /boot
+blacklist /dev
+read-only /etc
+read-only /home
+read-only /lib
+read-only /lib64
+blacklist /media
+blacklist /mnt
+blacklist /opt
+blacklist /root
+read-only /run
+blacklist /sbin
+blacklist /selinux
+blacklist /src
+blacklist /sys
+read-only /usr
+blacklist /var
+
+caps.drop all
+noroot
+nogroups
+protocol unix
+net none
+private-tmp
+private-dev
+shell none
+
+seccomp.keep accept,accept4,access,alarm,arch_prctl,bind,brk,capget,capset,chdir,chmod,chown,chroot,clock_getres,clock_gettime,clock_nanosleep,clone,close,connect,creat,dup,dup2,dup3,epoll_create,epoll_create1,epoll_ctl,epoll_ctl_old,epoll_pwait,epoll_wait,epoll_wait_old,eventfd,eventfd2,execve,execveat,exit,exit_group,faccessat,fadvise64,fallocate,fanotify_init,fanotify_mark,fchdir,fchmod,fchmodat,fchown,fchownat,fcntl,fdatasync,fgetxattr,flistxattr,flock,fork,fremovexattr,fsetxattr,fstat,fstatfs,fsync,ftruncate,futex,futimesat,get_robust_list,get_thread_area,getcpu,getcwd,getdents,getdents64,getegid,geteuid,getgid,getgroups,getitimer,getpeername,getpgid,getpgrp,getpid,getppid,getpriority,getrandom,getresgid,getresuid,getrlimit,getrusage,getsid,getsockname,getsockopt,gettid,gettimeofday,getuid,getxattr,inotify_add_watch,inotify_init,inotify_init1,inotify_rm_watch,io_cancel,io_destroy,io_getevents,io_setup,io_submit,ioctl,ioprio_get,ioprio_set,kill,lchown,lgetxattr,link,linkat,listen,listxattr,llistxattr,lremovexattr,lseek,lsetxattr,lstat,madvise,memfd_create,mincore,mkdir,mkdirat,mknod,mknodat,mlock,mlockall,mmap,modify_ldt,mprotect,mq_getsetattr,mq_notify,mq_open,mq_timedreceive,mq_timedsend,mq_unlink,mremap,msgctl,msgget,msgrcv,msgsnd,msync,munlock,munlockall,munmap,nanosleep,newfstatat,open,openat,pause,personality,pipe,pipe2,poll,ppoll,prctl,pread64,preadv,prlimit64,pselect6,pwrite64,pwritev,read,readahead,readlink,readlinkat,readv,recvfrom,recvmmsg,recvmsg,remap_file_pages,removexattr,rename,renameat,renameat2,restart_syscall,rmdir,rt_sigaction,rt_sigpending,rt_sigprocmask,rt_sigqueueinfo,rt_sigreturn,rt_sigsuspend,rt_sigtimedwait,rt_tgsigqueueinfo,sched_get_priority_max,sched_get_priority_min,sched_getaffinity,sched_getattr,sched_getparam,sched_getscheduler,sched_rr_get_interval,sched_setaffinity,sched_setattr,sched_setparam,sched_setscheduler,sched_yield,seccomp,select,semctl,semget,semop,semtimedop,sendfile,sendmmsg,sendmsg,sendto,set_robust_list,set_thread_area,set_tid_address,setdomainname,setfsgid,setfsuid,setgid,setgroups,sethostname,setitimer,setpgid,setpriority,setregid,setresgid,setresuid,setreuid,setrlimit,setsid,setsockopt,setuid,setxattr,shmat,shmctl,shmdt,shmget,shutdown,sigaltstack,signalfd,signalfd4,socket,socketpair,splice,stat,statfs,symlink,symlinkat,sync,sync_file_range,syncfs,sysinfo,syslog,tee,tgkill,time,timer_create,timer_delete,timer_getoverrun,timer_gettime,timer_settime,timerfd_create,timerfd_gettime,timerfd_settime,times,tkill,truncate,umask,uname,unlink,unlinkat,utime,utimensat,utimes,vfork,vhangup,vmsplice,wait4,waitid,write,writev,unshare
+
+rlimit-fsize 524288000 #500Mb
+rlimit-nproc 600 #if too low this can cause error: Error fork:sandbox(774): Resource temporarily unavailable
+rlimit-nofile 100
\ No newline at end of file
diff --git a/services/filestore/install_deps.sh b/services/filestore/install_deps.sh
new file mode 100755
index 0000000..1335e9f
--- /dev/null
+++ b/services/filestore/install_deps.sh
@@ -0,0 +1,23 @@
+#!/bin/sh
+
+set -ex
+
+apt-get update
+
+apt-get install ghostscript imagemagick optipng iproute2 --yes
+
+rm -rf /var/lib/apt/lists/*
+
+# Allow ImageMagick to process PDF files. Filestore does pdf to image
+# conversion for the templates service.
+patch /etc/ImageMagick-6/policy.xml <<EOF
+--- old.xml	2022-03-23 09:16:03.985433900 -0400
++++ new.xml	2022-03-23 09:16:18.625471992 -0400
+@@ -91,6 +91,5 @@
+   <policy domain="coder" rights="none" pattern="PS2" />
+   <policy domain="coder" rights="none" pattern="PS3" />
+   <policy domain="coder" rights="none" pattern="EPS" />
+-  <policy domain="coder" rights="none" pattern="PDF" />
+   <policy domain="coder" rights="none" pattern="XPS" />
+ </policymap>
+EOF
diff --git a/services/filestore/package.json b/services/filestore/package.json
new file mode 100644
index 0000000..4b9043a
--- /dev/null
+++ b/services/filestore/package.json
@@ -0,0 +1,49 @@
+{
+  "name": "@overleaf/filestore",
+  "description": "An API for CRUD operations on binary files stored in S3",
+  "private": true,
+  "main": "app.js",
+  "scripts": {
+    "test:acceptance:run": "mocha --recursive --reporter spec --timeout 15000  $@ test/acceptance/js",
+    "test:acceptance": "npm run test:acceptance:_run -- --grep=$MOCHA_GREP",
+    "test:unit:run": "mocha --recursive --reporter spec $@ test/unit/js",
+    "test:unit": "npm run test:unit:_run -- --grep=$MOCHA_GREP",
+    "start": "node app.js",
+    "nodemon": "node --watch app.js",
+    "lint": "eslint --max-warnings 0 --format unix .",
+    "format": "prettier --list-different $PWD/'**/*.*js'",
+    "format:fix": "prettier --write $PWD/'**/*.*js'",
+    "test:acceptance:_run": "mocha --recursive --reporter spec --timeout 15000 --exit $@ test/acceptance/js",
+    "test:unit:_run": "mocha --recursive --reporter spec $@ test/unit/js",
+    "lint:fix": "eslint --fix .",
+    "types:check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@overleaf/logger": "*",
+    "@overleaf/metrics": "*",
+    "@overleaf/o-error": "*",
+    "@overleaf/object-persistor": "*",
+    "@overleaf/settings": "*",
+    "@overleaf/stream-utils": "^0.1.0",
+    "body-parser": "^1.20.3",
+    "bunyan": "^1.8.15",
+    "express": "^4.21.2",
+    "glob": "^7.1.6",
+    "lodash.once": "^4.1.1",
+    "node-fetch": "^2.7.0",
+    "range-parser": "^1.2.1",
+    "tiny-async-pool": "^1.1.0"
+  },
+  "devDependencies": {
+    "@google-cloud/storage": "^6.10.1",
+    "chai": "^4.3.6",
+    "chai-as-promised": "^7.1.1",
+    "mocha": "^11.1.0",
+    "mongodb": "6.12.0",
+    "sandboxed-module": "2.0.4",
+    "sinon": "9.0.2",
+    "sinon-chai": "^3.7.0",
+    "streamifier": "^0.1.1",
+    "typescript": "^5.0.4"
+  }
+}
diff --git a/services/filestore/test/acceptance/certs/.gitignore b/services/filestore/test/acceptance/certs/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/services/filestore/test/acceptance/certs/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/services/filestore/test/acceptance/deps/Dockerfile.fake-gcs b/services/filestore/test/acceptance/deps/Dockerfile.fake-gcs
new file mode 100644
index 0000000..d39a293
--- /dev/null
+++ b/services/filestore/test/acceptance/deps/Dockerfile.fake-gcs
@@ -0,0 +1,5 @@
+FROM fsouza/fake-gcs-server:1.20
+RUN apk add --update --no-cache curl
+COPY healthcheck.sh /healthcheck.sh
+HEALTHCHECK --interval=1s --timeout=1s --retries=30 CMD /healthcheck.sh http://127.0.0.1:9090
+CMD ["--port=9090", "--scheme=http"]
diff --git a/services/filestore/test/acceptance/deps/Dockerfile.s3mock b/services/filestore/test/acceptance/deps/Dockerfile.s3mock
new file mode 100644
index 0000000..8b033fa
--- /dev/null
+++ b/services/filestore/test/acceptance/deps/Dockerfile.s3mock
@@ -0,0 +1,4 @@
+FROM adobe/s3mock:2.4.14
+RUN apk add --update --no-cache curl
+COPY healthcheck.sh /healthcheck.sh
+HEALTHCHECK --interval=1s --timeout=1s --retries=30 CMD /healthcheck.sh http://127.0.0.1:9090
diff --git a/services/filestore/test/acceptance/deps/healthcheck.sh b/services/filestore/test/acceptance/deps/healthcheck.sh
new file mode 100755
index 0000000..675c205
--- /dev/null
+++ b/services/filestore/test/acceptance/deps/healthcheck.sh
@@ -0,0 +1,9 @@
+#!/bin/sh
+
+# health check to allow 404 status code as valid
+STATUSCODE=$(curl --silent --output /dev/null --write-out "%{http_code}" "$1")
+# will be 000 on non-http error (e.g. connection failure)
+if test "$STATUSCODE" -ge 500 || test "$STATUSCODE" -lt 200; then
+  exit 1
+fi
+exit 0
diff --git a/services/filestore/test/acceptance/js/FilestoreApp.js b/services/filestore/test/acceptance/js/FilestoreApp.js
new file mode 100644
index 0000000..61e9a29
--- /dev/null
+++ b/services/filestore/test/acceptance/js/FilestoreApp.js
@@ -0,0 +1,42 @@
+const ObjectPersistor = require('@overleaf/object-persistor')
+const Settings = require('@overleaf/settings')
+const { promisify } = require('node:util')
+const App = require('../../../app')
+const FileHandler = require('../../../app/js/FileHandler')
+
+class FilestoreApp {
+  async runServer() {
+    if (!this.server) {
+      await new Promise((resolve, reject) => {
+        this.server = App.listen(
+          Settings.internal.filestore.port,
+          '127.0.0.1',
+          err => {
+            if (err) {
+              return reject(err)
+            }
+            resolve()
+          }
+        )
+      })
+    }
+
+    this.persistor = ObjectPersistor({
+      ...Settings.filestore,
+      paths: Settings.path,
+    })
+    FileHandler._TESTONLYSwapPersistorManager(this.persistor)
+  }
+
+  async stop() {
+    if (!this.server) return
+    const closeServer = promisify(this.server.close).bind(this.server)
+    try {
+      await closeServer()
+    } finally {
+      delete this.server
+    }
+  }
+}
+
+module.exports = FilestoreApp
diff --git a/services/filestore/test/acceptance/js/FilestoreTests.js b/services/filestore/test/acceptance/js/FilestoreTests.js
new file mode 100644
index 0000000..28f90d4
--- /dev/null
+++ b/services/filestore/test/acceptance/js/FilestoreTests.js
@@ -0,0 +1,1564 @@
+const chai = require('chai')
+const { expect } = chai
+const fs = require('node:fs')
+const Stream = require('node:stream')
+const Settings = require('@overleaf/settings')
+const Path = require('node:path')
+const FilestoreApp = require('./FilestoreApp')
+const TestHelper = require('./TestHelper')
+const fetch = require('node-fetch')
+const { promisify } = require('node:util')
+const { Storage } = require('@google-cloud/storage')
+const streamifier = require('streamifier')
+chai.use(require('chai-as-promised'))
+const { ObjectId } = require('mongodb')
+const ChildProcess = require('node:child_process')
+
+const fsWriteFile = promisify(fs.writeFile)
+const fsStat = promisify(fs.stat)
+const exec = promisify(ChildProcess.exec)
+const msleep = promisify(setTimeout)
+
+if (!process.env.AWS_ACCESS_KEY_ID) {
+  throw new Error('please provide credentials for the AWS S3 test server')
+}
+
+process.on('unhandledRejection', e => {
+  // eslint-disable-next-line no-console
+  console.log('** Unhandled Promise Rejection **\n', e)
+  throw e
+})
+
+// store settings for multiple backends, so that we can test each one.
+// fs will always be available - add others if they are configured
+const {
+  BackendSettings,
+  s3Config,
+  s3SSECConfig,
+  AWS_S3_USER_FILES_STORAGE_CLASS,
+} = require('./TestConfig')
+const {
+  AlreadyWrittenError,
+  NotFoundError,
+  NotImplementedError,
+  NoKEKMatchedError,
+} = require('@overleaf/object-persistor/src/Errors')
+const {
+  PerProjectEncryptedS3Persistor,
+  RootKeyEncryptionKey,
+} = require('@overleaf/object-persistor/src/PerProjectEncryptedS3Persistor')
+const { S3Persistor } = require('@overleaf/object-persistor/src/S3Persistor')
+const crypto = require('node:crypto')
+const { WritableBuffer } = require('@overleaf/stream-utils')
+const { gzipSync } = require('node:zlib')
+
+describe('Filestore', function () {
+  this.timeout(1000 * 10)
+  const filestoreUrl = `http://127.0.0.1:${Settings.internal.filestore.port}`
+
+  const seenSockets = []
+  async function expectNoSockets() {
+    try {
+      await msleep(1000)
+      const { stdout } = await exec('ss -tn')
+      const lines = stdout.split('\n')
+      const header = lines.shift()
+
+      const badSockets = []
+      for (const socket of lines) {
+        const fields = socket.split(' ').filter(part => part !== '')
+        if (
+          fields.length > 2 &&
+          parseInt(fields[1]) &&
+          !seenSockets.includes(socket)
+        ) {
+          badSockets.push(socket)
+          seenSockets.push(socket)
+        }
+      }
+
+      if (badSockets.length) {
+        // eslint-disable-next-line no-console
+        console.error(
+          'ERR: Sockets still have receive buffer after connection closed'
+        )
+        console.error(header)
+        for (const socket of badSockets) {
+          // eslint-disable-next-line no-console
+          console.error(socket)
+        }
+        throw new Error('Sockets still open after connection closed')
+      }
+    } catch (err) {
+      expect(err).not.to.exist
+    }
+  }
+
+  // redefine the test suite for every available backend
+  for (const [backendVariantWithShardNumber, backendSettings] of Object.entries(
+    BackendSettings
+  )) {
+    describe(backendVariantWithShardNumber, function () {
+      let app,
+        previousEgress,
+        previousIngress,
+        metricPrefix,
+        projectId,
+        otherProjectId
+
+      const dataEncryptionKeySize =
+        backendSettings.backend === 's3SSEC' ? 32 : 0
+
+      const BUCKET_NAMES = [
+        process.env.GCS_USER_FILES_BUCKET_NAME,
+        process.env.GCS_TEMPLATE_FILES_BUCKET_NAME,
+        `${process.env.GCS_USER_FILES_BUCKET_NAME}-deleted`,
+        `${process.env.GCS_TEMPLATE_FILES_BUCKET_NAME}-deleted`,
+      ]
+
+      before('start filestore with new settings', async function () {
+        // create the app with the relevant filestore settings
+        Settings.filestore = backendSettings
+        app = new FilestoreApp()
+        await app.runServer()
+      })
+
+      if (backendSettings.gcs) {
+        before('create gcs buckets', async function () {
+          // create test buckets for gcs
+          const storage = new Storage(Settings.filestore.gcs.endpoint)
+          for (const bucketName of BUCKET_NAMES) {
+            await storage.createBucket(bucketName)
+          }
+        })
+
+        after('delete gcs buckets', async function () {
+          // tear down all the gcs buckets
+          const storage = new Storage(Settings.filestore.gcs.endpoint)
+          for (const bucketName of BUCKET_NAMES) {
+            const bucket = storage.bucket(bucketName)
+            await bucket.deleteFiles()
+            await bucket.delete()
+          }
+        })
+      }
+
+      after('stop filestore app', async function () {
+        await app.stop()
+      })
+
+      beforeEach('fetch previous egress metric', async function () {
+        // retrieve previous metrics from the app
+        if (['s3', 's3SSEC', 'gcs'].includes(Settings.filestore.backend)) {
+          metricPrefix = Settings.filestore.backend.replace('SSEC', '')
+          previousEgress = await TestHelper.getMetric(
+            filestoreUrl,
+            `${metricPrefix}_egress`
+          )
+        }
+        projectId = new ObjectId().toString()
+        otherProjectId = new ObjectId().toString()
+      })
+
+      it('should send a 200 for the status endpoint', async function () {
+        const response = await fetch(`${filestoreUrl}/status`)
+        expect(response.status).to.equal(200)
+        const body = await response.text()
+        expect(body).to.contain('filestore')
+        expect(body).to.contain('up')
+      })
+
+      describe('with a file on the server', function () {
+        let fileId, fileUrl, constantFileContent
+
+        const localFileReadPath =
+          '/tmp/filestore_acceptance_tests_file_read.txt'
+
+        beforeEach('upload file', async function () {
+          fileId = new ObjectId().toString()
+          fileUrl = `${filestoreUrl}/project/${projectId}/file/${fileId}`
+          constantFileContent = [
+            'hello world',
+            `line 2 goes here ${Math.random()}`,
+            'there are 3 lines in all',
+          ].join('\n')
+
+          await fsWriteFile(localFileReadPath, constantFileContent)
+
+          const readStream = fs.createReadStream(localFileReadPath)
+          const res = await fetch(fileUrl, { method: 'POST', body: readStream })
+          if (!res.ok) throw new Error(res.statusText)
+        })
+
+        beforeEach('retrieve previous ingress metric', async function () {
+          // The upload request can bump the ingress metric.
+          // The content hash validation might require a full download
+          //  in case the ETag field of the upload response is not a md5 sum.
+          if (['s3', 's3SSEC', 'gcs'].includes(Settings.filestore.backend)) {
+            previousIngress = await TestHelper.getMetric(
+              filestoreUrl,
+              `${metricPrefix}_ingress`
+            )
+          }
+        })
+
+        it('should return 404 for a non-existant id', async function () {
+          const url = fileUrl + '___this_is_clearly_wrong___'
+          const response = await fetch(url)
+          expect(response.status).to.equal(404)
+        })
+
+        it('should return the file size on a HEAD request', async function () {
+          const expectedLength = Buffer.byteLength(constantFileContent)
+          const res = await fetch(fileUrl, { method: 'HEAD' })
+          expect(res.status).to.equal(200)
+          expect(res.headers.get('Content-Length')).to.equal(
+            expectedLength.toString()
+          )
+        })
+
+        it('should be able get the file back', async function () {
+          const res = await fetch(fileUrl)
+          const body = await res.text()
+          expect(body).to.equal(constantFileContent)
+        })
+
+        it('should send a 200 for the health-check endpoint using the file', async function () {
+          Settings.health_check = {
+            project_id: projectId,
+            file_id: fileId,
+          }
+          const response = await fetch(`${filestoreUrl}/health_check`)
+          expect(response.status).to.equal(200)
+          const body = await response.text()
+          expect(body).to.equal('OK')
+        })
+
+        it('should not leak a socket', async function () {
+          const res = await fetch(fileUrl)
+          if (!res.ok) throw new Error(res.statusText)
+          await res.text()
+          await expectNoSockets()
+        })
+
+        it('should be able to get back the first 9 bytes of the file', async function () {
+          const res = await fetch(fileUrl, { headers: { Range: 'bytes=0-8' } })
+          const body = await res.text()
+          expect(body).to.equal('hello wor')
+        })
+
+        it('should be able to get back bytes 4 through 10 of the file', async function () {
+          const res = await fetch(fileUrl, { headers: { Range: 'bytes=4-10' } })
+          const body = await res.text()
+          expect(body).to.equal('o world')
+        })
+
+        it('should be able to delete the file', async function () {
+          const response = await fetch(fileUrl, { method: 'DELETE' })
+          expect(response.status).to.equal(204)
+          const response2 = await fetch(fileUrl)
+          expect(response2.status).to.equal(404)
+        })
+
+        it('should be able to copy files', async function () {
+          const newProjectID = new ObjectId().toString()
+          const newFileId = new ObjectId().toString()
+          const newFileUrl = `${filestoreUrl}/project/${newProjectID}/file/${newFileId}`
+          let response = await fetch(newFileUrl, {
+            method: 'PUT',
+            body: JSON.stringify({
+              source: {
+                project_id: projectId,
+                file_id: fileId,
+              },
+            }),
+            headers: {
+              'Content-Type': 'application/json',
+            },
+          })
+          expect(response.status).to.equal(200)
+          response = await fetch(fileUrl, { method: 'DELETE' })
+          expect(response.status).to.equal(204)
+          response = await fetch(newFileUrl)
+          const body = await response.text()
+          expect(body).to.equal(constantFileContent)
+        })
+
+        it('should be able to overwrite the file', async function () {
+          const newContent = `here is some different content, ${Math.random()}`
+          const readStream = streamifier.createReadStream(newContent)
+          await fetch(fileUrl, { method: 'POST', body: readStream })
+
+          const response = await fetch(fileUrl)
+          const body = await response.text()
+          expect(body).to.equal(newContent)
+        })
+
+        describe('IfNoneMatch', function () {
+          if (backendSettings.backend === 'fs') {
+            it('should refuse to handle IfNoneMatch', async function () {
+              await expect(
+                app.persistor.sendStream(
+                  Settings.filestore.stores.user_files,
+                  `${projectId}/${fileId}`,
+                  fs.createReadStream(localFileReadPath),
+                  { ifNoneMatch: '*' }
+                )
+              ).to.be.rejectedWith(NotImplementedError)
+            })
+          } else {
+            it('should reject sendStream on the same key with IfNoneMatch', async function () {
+              await expect(
+                app.persistor.sendStream(
+                  Settings.filestore.stores.user_files,
+                  `${projectId}/${fileId}`,
+                  fs.createReadStream(localFileReadPath),
+                  { ifNoneMatch: '*' }
+                )
+              ).to.be.rejectedWith(AlreadyWrittenError)
+            })
+            it('should allow sendStream on a different key with IfNoneMatch', async function () {
+              await app.persistor.sendStream(
+                Settings.filestore.stores.user_files,
+                `${projectId}/${fileId}-other`,
+                fs.createReadStream(localFileReadPath),
+                { ifNoneMatch: '*' }
+              )
+            })
+          }
+        })
+
+        if (backendSettings.backend !== 'fs') {
+          it('should record an egress metric for the upload', async function () {
+            const metric = await TestHelper.getMetric(
+              filestoreUrl,
+              `${metricPrefix}_egress`
+            )
+            expect(metric - previousEgress).to.equal(
+              constantFileContent.length + dataEncryptionKeySize
+            )
+          })
+
+          it('should record an ingress metric when downloading the file', async function () {
+            const response = await fetch(fileUrl)
+            expect(response.ok).to.be.true
+            await response.text()
+            const metric = await TestHelper.getMetric(
+              filestoreUrl,
+              `${metricPrefix}_ingress`
+            )
+            expect(metric - previousIngress).to.equal(
+              constantFileContent.length + dataEncryptionKeySize
+            )
+          })
+
+          it('should record an ingress metric for a partial download', async function () {
+            const response = await fetch(fileUrl, {
+              headers: { Range: 'bytes=0-8' },
+            })
+            expect(response.ok).to.be.true
+            await response.text()
+            const metric = await TestHelper.getMetric(
+              filestoreUrl,
+              `${metricPrefix}_ingress`
+            )
+            expect(metric - previousIngress).to.equal(9 + dataEncryptionKeySize)
+          })
+        }
+      })
+
+      describe('with multiple files', function () {
+        let fileIds, fileUrls, otherFileUrls, projectUrl, otherProjectUrl
+        const localFileReadPaths = [
+          '/tmp/filestore_acceptance_tests_file_read_1.txt',
+          '/tmp/filestore_acceptance_tests_file_read_2.txt',
+          '/tmp/filestore_acceptance_tests_file_read_3.txt',
+        ]
+        const constantFileContents = [
+          [
+            'hello world',
+            `line 2 goes here ${Math.random()}`,
+            'there are 3 lines in all',
+          ].join('\n'),
+          [
+            `for reference: ${Math.random()}`,
+            'cats are the best animals',
+            'wombats are a close second',
+          ].join('\n'),
+          [
+            `another file: ${Math.random()}`,
+            'with multiple lines',
+            'the end',
+          ].join('\n'),
+        ]
+
+        before('create local files', async function () {
+          return await Promise.all([
+            fsWriteFile(localFileReadPaths[0], constantFileContents[0]),
+            fsWriteFile(localFileReadPaths[1], constantFileContents[1]),
+            fsWriteFile(localFileReadPaths[2], constantFileContents[2]),
+          ])
+        })
+
+        beforeEach('upload two files', async function () {
+          projectUrl = `${filestoreUrl}/project/${projectId}`
+          otherProjectUrl = `${filestoreUrl}/project/${otherProjectId}`
+          fileIds = [
+            new ObjectId().toString(),
+            new ObjectId().toString(),
+            new ObjectId().toString(),
+          ]
+          fileUrls = [
+            `${projectUrl}/file/${fileIds[0]}`,
+            `${projectUrl}/file/${fileIds[1]}`,
+          ]
+          otherFileUrls = [`${otherProjectUrl}/file/${fileIds[2]}`]
+
+          await Promise.all([
+            fetch(fileUrls[0], {
+              method: 'POST',
+              body: fs.createReadStream(localFileReadPaths[0]),
+            }),
+            fetch(fileUrls[1], {
+              method: 'POST',
+              body: fs.createReadStream(localFileReadPaths[1]),
+            }),
+            fetch(otherFileUrls[0], {
+              method: 'POST',
+              body: fs.createReadStream(localFileReadPaths[2]),
+            }),
+          ])
+        })
+
+        it('should get the directory size', async function () {
+          const response = await fetch(
+            `${filestoreUrl}/project/${projectId}/size`
+          )
+          const body = await response.text()
+          expect(parseInt(JSON.parse(body)['total bytes'])).to.equal(
+            constantFileContents[0].length + constantFileContents[1].length
+          )
+        })
+
+        it('should store the files', async function () {
+          for (const index in fileUrls) {
+            const response = await fetch(fileUrls[index])
+            const body = await response.text()
+            expect(body).to.equal(constantFileContents[index])
+          }
+        })
+
+        it('should be able to delete the project', async function () {
+          let response = await fetch(projectUrl, { method: 'DELETE' })
+          expect(response.status).to.equal(204)
+
+          for (const index in fileUrls) {
+            response = await fetch(fileUrls[index])
+            expect(response.status).to.equal(404)
+          }
+        })
+
+        it('should not delete files in other projects', async function () {
+          for (const index in otherFileUrls) {
+            const response = await fetch(otherFileUrls[index])
+            expect(response.status).to.equal(200)
+          }
+        })
+
+        it('should not delete a partial project id', async function () {
+          const response = await fetch(`${filestoreUrl}/project/5`, {
+            method: 'DELETE',
+          })
+          expect(response.status).to.equal(400)
+        })
+      })
+
+      describe('with a large file', function () {
+        this.timeout(1000 * 20)
+        let fileId, fileUrl, largeFileContent, error
+
+        beforeEach('upload large file', async function () {
+          fileId = new ObjectId().toString()
+          fileUrl = `${filestoreUrl}/project/${projectId}/file/${fileId}`
+
+          largeFileContent = '_wombat_'.repeat(1024 * 1024) // 8 megabytes
+          largeFileContent += Math.random()
+
+          const readStream = streamifier.createReadStream(largeFileContent)
+          const res = await fetch(fileUrl, { method: 'POST', body: readStream })
+          if (!res.ok) throw new Error(res.statusText)
+        })
+
+        it('should be able to get the file back', async function () {
+          const response = await fetch(fileUrl)
+          const body = await response.text()
+          expect(body).to.equal(largeFileContent)
+        })
+
+        it('should not throw an error', function () {
+          expect(error).not.to.exist
+        })
+
+        it('should not leak a socket', async function () {
+          const response = await fetch(fileUrl)
+          await response.text()
+          await expectNoSockets()
+        })
+
+        it('should not leak a socket if the connection is aborted', async function () {
+          const controller = new AbortController()
+          const response = await fetch(fileUrl, { signal: controller.signal })
+          expect(response.ok).to.be.true
+          controller.abort()
+          await expectNoSockets()
+        })
+      })
+
+      if (
+        (backendSettings.backend === 's3' && !backendSettings.fallback) ||
+        (backendSettings.backend === 'gcs' &&
+          backendSettings.fallback?.backend === 's3')
+      ) {
+        describe('with a file in a specific bucket', function () {
+          let constantFileContent, fileId, fileUrl, bucketName
+
+          beforeEach('upload file into random bucket', async function () {
+            constantFileContent = `This is a file in a different S3 bucket ${Math.random()}`
+            fileId = new ObjectId().toString()
+            bucketName = `random-bucket-${new ObjectId().toString()}`
+            fileUrl = `${filestoreUrl}/bucket/${bucketName}/key/${fileId}`
+
+            const s3 = new S3Persistor({
+              ...s3Config(),
+              key: process.env.MINIO_ROOT_USER,
+              secret: process.env.MINIO_ROOT_PASSWORD,
+            })._getClientForBucket(bucketName)
+            await s3
+              .createBucket({
+                Bucket: bucketName,
+              })
+              .promise()
+            await s3
+              .upload({
+                Bucket: bucketName,
+                Key: fileId,
+                Body: constantFileContent,
+              })
+              .promise()
+          })
+
+          it('should get the file from the specified bucket', async function () {
+            const response = await fetch(fileUrl)
+            const body = await response.text()
+            expect(body).to.equal(constantFileContent)
+          })
+        })
+      }
+
+      if (backendSettings.backend === 'gcs') {
+        describe('when deleting a file in GCS', function () {
+          let fileId, fileUrl, content, error, dateBefore, dateAfter
+
+          beforeEach('upload and delete file', async function () {
+            fileId = new ObjectId()
+            fileUrl = `${filestoreUrl}/project/${projectId}/file/${fileId}`
+
+            content = '_wombat_' + Math.random()
+
+            const readStream = streamifier.createReadStream(content)
+            let res = await fetch(fileUrl, { method: 'POST', body: readStream })
+            if (!res.ok) throw new Error(res.statusText)
+            dateBefore = new Date()
+            res = await fetch(fileUrl, { method: 'DELETE' })
+            dateAfter = new Date()
+            if (!res.ok) throw new Error(res.statusText)
+          })
+
+          it('should not throw an error', function () {
+            expect(error).not.to.exist
+          })
+
+          it('should copy the file to the deleted-files bucket', async function () {
+            let date = dateBefore
+            const keys = []
+            while (date <= dateAfter) {
+              keys.push(`${projectId}/${fileId}-${date.toISOString()}`)
+              date = new Date(date.getTime() + 1)
+            }
+            await TestHelper.expectPersistorToHaveSomeFile(
+              app.persistor,
+              `${Settings.filestore.stores.user_files}-deleted`,
+              keys,
+              content
+            )
+          })
+
+          it('should remove the file from the original bucket', async function () {
+            await TestHelper.expectPersistorNotToHaveFile(
+              app.persistor,
+              Settings.filestore.stores.user_files,
+              `${projectId}/${fileId}`
+            )
+          })
+        })
+      }
+
+      if (backendSettings.fallback) {
+        describe('with a fallback', function () {
+          let constantFileContent,
+            fileId,
+            fileKey,
+            fileUrl,
+            bucket,
+            fallbackBucket
+
+          beforeEach('prepare fallback', function () {
+            constantFileContent = `This is yet more file content ${Math.random()}`
+            fileId = new ObjectId().toString()
+            fileKey = `${projectId}/${fileId}`
+            fileUrl = `${filestoreUrl}/project/${projectId}/file/${fileId}`
+
+            bucket = Settings.filestore.stores.user_files
+            fallbackBucket = Settings.filestore.fallback.buckets[bucket]
+          })
+
+          describe('with a file in the fallback bucket', function () {
+            beforeEach('upload into fallback', async function () {
+              await TestHelper.uploadStringToPersistor(
+                app.persistor.fallbackPersistor,
+                fallbackBucket,
+                fileKey,
+                constantFileContent
+              )
+            })
+
+            it('should not find file in the primary', async function () {
+              await TestHelper.expectPersistorNotToHaveFile(
+                app.persistor.primaryPersistor,
+                bucket,
+                fileKey
+              )
+            })
+
+            it('should find the file in the fallback', async function () {
+              await TestHelper.expectPersistorToHaveFile(
+                app.persistor.fallbackPersistor,
+                fallbackBucket,
+                fileKey,
+                constantFileContent
+              )
+            })
+
+            describe('when copyOnMiss is disabled', function () {
+              beforeEach('swap copyOnMiss=false', function () {
+                app.persistor.settings.copyOnMiss = false
+              })
+
+              it('should fetch the file', async function () {
+                const res = await fetch(fileUrl)
+                const body = await res.text()
+                expect(body).to.equal(constantFileContent)
+              })
+
+              it('should not copy the file to the primary', async function () {
+                const response = await fetch(fileUrl)
+                expect(response.ok).to.be.true
+                await response.text()
+
+                await TestHelper.expectPersistorNotToHaveFile(
+                  app.persistor.primaryPersistor,
+                  bucket,
+                  fileKey
+                )
+              })
+            })
+
+            describe('when copyOnMiss is enabled', function () {
+              beforeEach('swap copyOnMiss=true', function () {
+                app.persistor.settings.copyOnMiss = true
+              })
+
+              it('should fetch the file', async function () {
+                const res = await fetch(fileUrl)
+                const body = await res.text()
+                expect(body).to.equal(constantFileContent)
+              })
+
+              it('copies the file to the primary', async function () {
+                const response = await fetch(fileUrl)
+                expect(response.ok).to.be.true
+                await response.text()
+                // wait for the file to copy in the background
+                await msleep(1000)
+
+                await TestHelper.expectPersistorToHaveFile(
+                  app.persistor.primaryPersistor,
+                  bucket,
+                  fileKey,
+                  constantFileContent
+                )
+              })
+            })
+
+            describe('when copying a file', function () {
+              let newFileId, newFileUrl, newFileKey, opts
+
+              beforeEach('prepare to copy file', function () {
+                const newProjectID = new ObjectId().toString()
+                newFileId = new ObjectId().toString()
+                newFileUrl = `${filestoreUrl}/project/${newProjectID}/file/${newFileId}`
+                newFileKey = `${newProjectID}/${newFileId}`
+
+                opts = {
+                  method: 'put',
+                  body: JSON.stringify({
+                    source: {
+                      project_id: projectId,
+                      file_id: fileId,
+                    },
+                  }),
+                  headers: {
+                    'Content-Type': 'application/json',
+                  },
+                }
+              })
+
+              describe('when copyOnMiss is false', function () {
+                beforeEach('copy with copyOnMiss=false', async function () {
+                  app.persistor.settings.copyOnMiss = false
+
+                  const response = await fetch(newFileUrl, opts)
+                  expect(response.status).to.equal(200)
+                })
+
+                it('should leave the old file in the old bucket', async function () {
+                  await TestHelper.expectPersistorToHaveFile(
+                    app.persistor.fallbackPersistor,
+                    fallbackBucket,
+                    fileKey,
+                    constantFileContent
+                  )
+                })
+
+                it('should not create a new file in the old bucket', async function () {
+                  await TestHelper.expectPersistorNotToHaveFile(
+                    app.persistor.fallbackPersistor,
+                    fallbackBucket,
+                    newFileKey
+                  )
+                })
+
+                it('should create a new file in the new bucket', async function () {
+                  await TestHelper.expectPersistorToHaveFile(
+                    app.persistor.primaryPersistor,
+                    bucket,
+                    newFileKey,
+                    constantFileContent
+                  )
+                })
+
+                it('should not copy the old file to the primary with the old key', async function () {
+                  // wait for the file to copy in the background
+                  await msleep(1000)
+
+                  await TestHelper.expectPersistorNotToHaveFile(
+                    app.persistor.primaryPersistor,
+                    bucket,
+                    fileKey
+                  )
+                })
+              })
+
+              describe('when copyOnMiss is true', function () {
+                beforeEach('copy with copyOnMiss=false', async function () {
+                  app.persistor.settings.copyOnMiss = true
+
+                  const response = await fetch(newFileUrl, opts)
+                  expect(response.status).to.equal(200)
+                })
+
+                it('should leave the old file in the old bucket', async function () {
+                  await TestHelper.expectPersistorToHaveFile(
+                    app.persistor.fallbackPersistor,
+                    fallbackBucket,
+                    fileKey,
+                    constantFileContent
+                  )
+                })
+
+                it('should not create a new file in the old bucket', async function () {
+                  await TestHelper.expectPersistorNotToHaveFile(
+                    app.persistor.fallbackPersistor,
+                    fallbackBucket,
+                    newFileKey
+                  )
+                })
+
+                it('should create a new file in the new bucket', async function () {
+                  await TestHelper.expectPersistorToHaveFile(
+                    app.persistor.primaryPersistor,
+                    bucket,
+                    newFileKey,
+                    constantFileContent
+                  )
+                })
+
+                it('should copy the old file to the primary with the old key', async function () {
+                  // wait for the file to copy in the background
+                  await msleep(1000)
+
+                  await TestHelper.expectPersistorToHaveFile(
+                    app.persistor.primaryPersistor,
+                    bucket,
+                    fileKey,
+                    constantFileContent
+                  )
+                })
+              })
+            })
+          })
+
+          describe('when sending a file', function () {
+            beforeEach('upload file', async function () {
+              const readStream =
+                streamifier.createReadStream(constantFileContent)
+              const res = await fetch(fileUrl, {
+                method: 'POST',
+                body: readStream,
+              })
+              if (!res.ok) throw new Error(res.statusText)
+            })
+
+            it('should store the file on the primary', async function () {
+              await TestHelper.expectPersistorToHaveFile(
+                app.persistor.primaryPersistor,
+                bucket,
+                fileKey,
+                constantFileContent
+              )
+            })
+
+            it('should not store the file on the fallback', async function () {
+              await TestHelper.expectPersistorNotToHaveFile(
+                app.persistor.fallbackPersistor,
+                fallbackBucket,
+                `${projectId}/${fileId}`
+              )
+            })
+          })
+
+          describe('when deleting a file', function () {
+            describe('when the file exists on the primary', function () {
+              beforeEach('upload into primary', async function () {
+                await TestHelper.uploadStringToPersistor(
+                  app.persistor.primaryPersistor,
+                  bucket,
+                  fileKey,
+                  constantFileContent
+                )
+              })
+
+              it('should delete the file', async function () {
+                const response1 = await fetch(fileUrl, { method: 'DELETE' })
+                expect(response1.status).to.equal(204)
+                const response2 = await fetch(fileUrl)
+                expect(response2.status).to.equal(404)
+              })
+            })
+
+            describe('when the file exists on the fallback', function () {
+              beforeEach('upload into fallback', async function () {
+                await TestHelper.uploadStringToPersistor(
+                  app.persistor.fallbackPersistor,
+                  fallbackBucket,
+                  fileKey,
+                  constantFileContent
+                )
+              })
+
+              it('should delete the file', async function () {
+                const response1 = await fetch(fileUrl, { method: 'DELETE' })
+                expect(response1.status).to.equal(204)
+                const response2 = await fetch(fileUrl)
+                expect(response2.status).to.equal(404)
+              })
+            })
+
+            describe('when the file exists on both the primary and the fallback', function () {
+              beforeEach(
+                'upload into both primary and fallback',
+                async function () {
+                  await TestHelper.uploadStringToPersistor(
+                    app.persistor.primaryPersistor,
+                    bucket,
+                    fileKey,
+                    constantFileContent
+                  )
+                  await TestHelper.uploadStringToPersistor(
+                    app.persistor.fallbackPersistor,
+                    fallbackBucket,
+                    fileKey,
+                    constantFileContent
+                  )
+                }
+              )
+
+              it('should delete the files', async function () {
+                const response1 = await fetch(fileUrl, { method: 'DELETE' })
+                expect(response1.status).to.equal(204)
+                const response2 = await fetch(fileUrl)
+                expect(response2.status).to.equal(404)
+              })
+            })
+
+            describe('when the file does not exist', function () {
+              it('should return return 204', async function () {
+                // S3 doesn't give us a 404 when the object doesn't exist, so to stay
+                // consistent we merrily return 204 ourselves here as well
+                const response = await fetch(fileUrl, { method: 'DELETE' })
+                expect(response.status).to.equal(204)
+              })
+            })
+          })
+        })
+      }
+
+      describe('with a pdf file', function () {
+        let fileId, fileUrl, localFileSize
+        const localFileReadPath = Path.resolve(
+          __dirname,
+          '../../fixtures/test.pdf'
+        )
+
+        beforeEach('upload test.pdf', async function () {
+          fileId = new ObjectId().toString()
+          fileUrl = `${filestoreUrl}/project/${projectId}/file/${fileId}`
+          const stat = await fsStat(localFileReadPath)
+          localFileSize = stat.size
+          const readStream = fs.createReadStream(localFileReadPath)
+          const res = await fetch(fileUrl, { method: 'POST', body: readStream })
+          if (!res.ok) throw new Error(res.statusText)
+        })
+
+        it('should be able get the file back', async function () {
+          const response = await fetch(fileUrl)
+          const body = await response.text()
+          expect(body.substring(0, 8)).to.equal('%PDF-1.5')
+        })
+
+        if (backendSettings.backend !== 'fs') {
+          it('should record an egress metric for the upload', async function () {
+            const metric = await TestHelper.getMetric(
+              filestoreUrl,
+              `${metricPrefix}_egress`
+            )
+            expect(metric - previousEgress).to.equal(
+              localFileSize + dataEncryptionKeySize
+            )
+          })
+        }
+
+        describe('getting the preview image', function () {
+          this.timeout(1000 * 20)
+          let previewFileUrl
+
+          beforeEach('prepare previewFileUrl for preview', function () {
+            previewFileUrl = `${fileUrl}?style=preview`
+          })
+
+          it('should not time out', async function () {
+            const response = await fetch(previewFileUrl)
+            expect(response.status).to.equal(200)
+            await response.arrayBuffer()
+          })
+
+          it('should respond with image data', async function () {
+            // note: this test relies of the imagemagick conversion working
+            const response = await fetch(previewFileUrl)
+            expect(response.status).to.equal(200)
+            const body = await response.text()
+            expect(body.length).to.be.greaterThan(400)
+            expect(body.substr(1, 3)).to.equal('PNG')
+          })
+        })
+
+        describe('warming the cache', function () {
+          this.timeout(1000 * 20)
+          let previewFileUrl
+
+          beforeEach('prepare previewFileUrl for cacheWarn', function () {
+            previewFileUrl = `${fileUrl}?style=preview&cacheWarm=true`
+          })
+
+          it('should not time out', async function () {
+            const response = await fetch(previewFileUrl)
+            expect(response.status).to.equal(200)
+            await response.arrayBuffer()
+          })
+
+          it('should not leak sockets', async function () {
+            const response1 = await fetch(previewFileUrl)
+            expect(response1.status).to.equal(200)
+            // do not read the response body, should be destroyed immediately
+            const response2 = await fetch(previewFileUrl)
+            expect(response2.status).to.equal(200)
+            // do not read the response body, should be destroyed immediately
+            await expectNoSockets()
+          })
+
+          it("should respond with only an 'OK'", async function () {
+            // note: this test relies of the imagemagick conversion working
+            const response = await fetch(previewFileUrl)
+            const body = await response.text()
+            expect(body).to.equal('OK')
+          })
+        })
+      })
+
+      describe('with server side encryption', function () {
+        if (backendSettings.backend !== 's3SSEC') return
+
+        before('sanity check top-level variable', function () {
+          expect(dataEncryptionKeySize).to.equal(32)
+        })
+
+        let fileId1,
+          fileId2,
+          fileKey1,
+          fileKey2,
+          fileKeyOtherProject,
+          fileUrl1,
+          fileUrl2
+        beforeEach('prepare ids', function () {
+          fileId1 = new ObjectId().toString()
+          fileId2 = new ObjectId().toString()
+          fileKey1 = `${projectId}/${fileId1}`
+          fileKey2 = `${projectId}/${fileId2}`
+          fileKeyOtherProject = `${new ObjectId().toString()}/${new ObjectId().toString()}`
+          fileUrl1 = `${filestoreUrl}/project/${projectId}/file/${fileId1}`
+          fileUrl2 = `${filestoreUrl}/project/${projectId}/file/${fileId2}`
+        })
+
+        beforeEach('ensure DEK is missing', async function () {
+          // Cannot use test helper expectPersistorNotToHaveFile here, we need to use the KEK.
+          await expect(
+            app.persistor.getDataEncryptionKeySize(
+              backendSettings.stores.user_files,
+              fileKey1
+            )
+          ).to.rejectedWith(NotFoundError)
+        })
+
+        async function createRandomContent(url, suffix = '') {
+          const content = Math.random().toString() + suffix
+          const res = await fetch(url, {
+            method: 'POST',
+            body: Stream.Readable.from([content]),
+          })
+          if (!res.ok) throw new Error(res.statusText)
+          return async () => {
+            const res = await fetch(url, { method: 'GET' })
+            if (!res.ok) throw new Error(res.statusText)
+            expect(await res.text()).to.equal(content)
+          }
+        }
+
+        it('should create a DEK when asked explicitly', async function () {
+          await app.persistor.generateDataEncryptionKey(
+            backendSettings.stores.user_files,
+            fileKey1
+          )
+          expect(
+            await app.persistor.getDataEncryptionKeySize(
+              backendSettings.stores.user_files,
+              fileKey1
+            )
+          ).to.equal(32)
+        })
+
+        it('should create a DEK from writes', async function () {
+          await createRandomContent(fileUrl1)
+          expect(
+            await app.persistor.getDataEncryptionKeySize(
+              backendSettings.stores.user_files,
+              fileKey1
+            )
+          ).to.equal(32)
+        })
+
+        it('should not create a DEK from reads', async function () {
+          const res = await fetch(fileUrl1, {
+            method: 'GET',
+          })
+          if (res.status !== 404) throw new Error(`${res.status} should be 404`)
+
+          // Cannot use test helper expectPersistorNotToHaveFile here, we need to use the KEK.
+          await expect(
+            app.persistor.getDataEncryptionKeySize(
+              backendSettings.stores.user_files,
+              fileKey1
+            )
+          ).to.rejectedWith(NotFoundError)
+        })
+
+        it('should never overwrite a data encryption key', async function () {
+          const checkGET = await createRandomContent(fileUrl1)
+
+          await expect(
+            app.persistor.generateDataEncryptionKey(
+              backendSettings.stores.user_files,
+              fileKey1
+            )
+          ).to.rejectedWith(AlreadyWrittenError)
+
+          await checkGET()
+        })
+
+        it('should re-use the data encryption key after a write', async function () {
+          const checkGET1 = await createRandomContent(fileUrl1, '1')
+          const checkGET2 = await createRandomContent(fileUrl2, '2')
+          await checkGET1()
+          await checkGET2()
+        })
+
+        describe('kek rotation', function () {
+          const newKEK = new RootKeyEncryptionKey(
+            crypto.generateKeySync('aes', { length: 256 }).export(),
+            Buffer.alloc(32)
+          )
+          const oldKEK = new RootKeyEncryptionKey(
+            crypto.generateKeySync('aes', { length: 256 }).export(),
+            Buffer.alloc(32)
+          )
+          const migrationStep0 = new PerProjectEncryptedS3Persistor({
+            ...s3SSECConfig(),
+            automaticallyRotateDEKEncryption: false,
+            async getRootKeyEncryptionKeys() {
+              return [oldKEK] // only old key
+            },
+          })
+          const migrationStep1 = new PerProjectEncryptedS3Persistor({
+            ...s3SSECConfig(),
+            automaticallyRotateDEKEncryption: false,
+            async getRootKeyEncryptionKeys() {
+              return [oldKEK, newKEK] // new key as fallback
+            },
+          })
+          const migrationStep2 = new PerProjectEncryptedS3Persistor({
+            ...s3SSECConfig(),
+            automaticallyRotateDEKEncryption: true, // <- different compared to partiallyRotated
+            async getRootKeyEncryptionKeys() {
+              return [newKEK, oldKEK] // old keys as fallback
+            },
+          })
+          const migrationStep3 = new PerProjectEncryptedS3Persistor({
+            ...s3SSECConfig(),
+            automaticallyRotateDEKEncryption: true,
+            async getRootKeyEncryptionKeys() {
+              return [newKEK] // only new key
+            },
+          })
+
+          async function checkWrites(
+            fileKey,
+            writer,
+            readersSuccess,
+            readersFailed
+          ) {
+            const content = Math.random().toString()
+            await writer.sendStream(
+              Settings.filestore.stores.user_files,
+              fileKey,
+              Stream.Readable.from([content])
+            )
+
+            for (const persistor of readersSuccess) {
+              await TestHelper.expectPersistorToHaveFile(
+                persistor,
+                backendSettings.stores.user_files,
+                fileKey,
+                content
+              )
+            }
+
+            for (const persistor of readersFailed) {
+              await expect(
+                TestHelper.expectPersistorToHaveFile(
+                  persistor,
+                  backendSettings.stores.user_files,
+                  fileKey,
+                  content
+                )
+              ).to.be.rejectedWith(NoKEKMatchedError)
+            }
+          }
+
+          const stages = [
+            {
+              name: 'stage 0 - [old]',
+              prev: migrationStep0,
+              cur: migrationStep0,
+              fail: [migrationStep3],
+            },
+            {
+              name: 'stage 1 - [old,new]',
+              prev: migrationStep0,
+              cur: migrationStep1,
+              fail: [],
+            },
+            {
+              name: 'stage 2 - [new,old]',
+              prev: migrationStep1,
+              cur: migrationStep2,
+              fail: [],
+            },
+            {
+              name: 'stage 3 - [new]',
+              prev: migrationStep2,
+              cur: migrationStep3,
+              fail: [migrationStep0],
+            },
+          ]
+
+          for (const { name, prev, cur, fail } of stages) {
+            describe(name, function () {
+              this.timeout(1000 * 30)
+
+              it('can read old writes', async function () {
+                await checkWrites(fileKey1, prev, [prev, cur], fail)
+                await checkWrites(fileKey2, prev, [prev, cur], fail) // check again after access
+                await checkWrites(fileKeyOtherProject, prev, [prev, cur], fail)
+              })
+              it('can read new writes', async function () {
+                await checkWrites(fileKey1, prev, [prev, cur], fail)
+                await checkWrites(fileKey2, cur, [prev, cur], fail) // check again after access
+                await checkWrites(fileKeyOtherProject, cur, [prev, cur], fail)
+              })
+            })
+          }
+
+          describe('full migration', function () {
+            it('can read old writes if rotated in sequence', async function () {
+              await checkWrites(
+                fileKey1,
+                migrationStep0,
+                [
+                  migrationStep0,
+                  migrationStep1,
+                  migrationStep2, // migrates
+                  migrationStep3,
+                ],
+                []
+              )
+            })
+            it('cannot read/write if not rotated', async function () {
+              await checkWrites(
+                fileKey1,
+                migrationStep0,
+                [migrationStep0],
+                [migrationStep3]
+              )
+            })
+          })
+        })
+
+        /** @type {import('aws-sdk/clients/s3')} */
+        let s3Client
+        before('create s3 client', function () {
+          s3Client = new S3Persistor(s3Config())._getClientForBucket('')
+        })
+
+        async function checkDEKStorage({
+          dekBucketKeys = [],
+          userFilesBucketKeys = [],
+        }) {
+          await createRandomContent(fileUrl1)
+
+          const { Contents: dekEntries } = await s3Client
+            .listObjectsV2({
+              Bucket: process.env.AWS_S3_USER_FILES_DEK_BUCKET_NAME,
+              Prefix: `${projectId}/`,
+            })
+            .promise()
+          expect(dekEntries).to.have.length(dekBucketKeys.length)
+          // Order is not predictable, use members
+          expect(dekEntries.map(o => o.Key)).to.have.members(dekBucketKeys)
+
+          const { Contents: userFilesEntries } = await s3Client
+            .listObjectsV2({
+              Bucket: backendSettings.stores.user_files,
+              Prefix: `${projectId}/`,
+            })
+            .promise()
+          expect(userFilesEntries).to.have.length(userFilesBucketKeys.length)
+          // Order is not predictable, use members
+          expect(userFilesEntries.map(o => o.Key)).to.have.members(
+            userFilesBucketKeys
+          )
+        }
+
+        it('should use a custom bucket for DEKs', async function () {
+          await checkDEKStorage({
+            dekBucketKeys: [`${projectId}/dek`],
+            userFilesBucketKeys: [fileKey1],
+          })
+        })
+
+        describe('deleteDirectory', function () {
+          let checkGET1, checkGET2
+          beforeEach('create files', async function () {
+            checkGET1 = await createRandomContent(fileUrl1, '1')
+            checkGET2 = await createRandomContent(fileUrl2, '2')
+          })
+          it('should refuse to delete top-level prefix', async function () {
+            await expect(
+              app.persistor.deleteDirectory(
+                Settings.filestore.stores.user_files,
+                projectId.slice(0, 3)
+              )
+            ).to.be.rejectedWith('not a project-folder')
+            expect(
+              await app.persistor.checkIfObjectExists(
+                Settings.filestore.stores.user_files,
+                fileKey1
+              )
+            ).to.equal(true)
+            await checkGET1()
+            expect(
+              await app.persistor.checkIfObjectExists(
+                Settings.filestore.stores.user_files,
+                fileKey2
+              )
+            ).to.equal(true)
+            expect(
+              await app.persistor.getDataEncryptionKeySize(
+                Settings.filestore.stores.user_files,
+                fileKey2
+              )
+            ).to.equal(32)
+            await checkGET2()
+          })
+          it('should delete sub-folder and keep DEK', async function () {
+            await app.persistor.deleteDirectory(
+              Settings.filestore.stores.user_files,
+              fileKey1 // not really a sub-folder, but it will do for this test.
+            )
+            expect(
+              await app.persistor.checkIfObjectExists(
+                Settings.filestore.stores.user_files,
+                fileKey1
+              )
+            ).to.equal(false)
+            expect(
+              await app.persistor.checkIfObjectExists(
+                Settings.filestore.stores.user_files,
+                fileKey2
+              )
+            ).to.equal(true)
+            expect(
+              await app.persistor.getDataEncryptionKeySize(
+                Settings.filestore.stores.user_files,
+                fileKey2
+              )
+            ).to.equal(32)
+            await checkGET2()
+          })
+          it('should delete project folder and DEK', async function () {
+            await app.persistor.deleteDirectory(
+              Settings.filestore.stores.user_files,
+              `${projectId}/`
+            )
+            expect(
+              await app.persistor.checkIfObjectExists(
+                Settings.filestore.stores.user_files,
+                fileKey1
+              )
+            ).to.equal(false)
+            expect(
+              await app.persistor.checkIfObjectExists(
+                Settings.filestore.stores.user_files,
+                fileKey2
+              )
+            ).to.equal(false)
+            await expect(
+              app.persistor.getDataEncryptionKeySize(
+                Settings.filestore.stores.user_files,
+                fileKey2
+              )
+            ).to.rejectedWith(NotFoundError)
+          })
+        })
+      })
+
+      describe('getObjectSize', function () {
+        it('should return a number', async function () {
+          const buf = Buffer.from('hello')
+          const fileId = new ObjectId().toString()
+          const fileUrl = `${filestoreUrl}/project/${projectId}/file/${fileId}`
+          const res = await fetch(fileUrl, {
+            method: 'POST',
+            body: Stream.Readable.from([buf]),
+          })
+          if (!res.ok) throw new Error(res.statusText)
+          expect(
+            await app.persistor.getObjectSize(
+              Settings.filestore.stores.user_files,
+              `${projectId}/${fileId}`
+            )
+          ).to.equal(buf.byteLength)
+        })
+      })
+
+      describe('checkIfObjectExists', function () {
+        it('should return false when the object does not exist', async function () {
+          expect(
+            await app.persistor.checkIfObjectExists(
+              Settings.filestore.stores.user_files,
+              `${projectId}/${new ObjectId().toString()}`
+            )
+          ).to.equal(false)
+        })
+        it('should return true when the object exists', async function () {
+          const fileId = new ObjectId().toString()
+          const fileUrl = `${filestoreUrl}/project/${projectId}/file/${fileId}`
+          const res = await fetch(fileUrl, {
+            method: 'POST',
+            body: Stream.Readable.from(['hello']),
+          })
+          if (!res.ok) throw new Error(res.statusText)
+          expect(
+            await app.persistor.checkIfObjectExists(
+              Settings.filestore.stores.user_files,
+              `${projectId}/${fileId}`
+            )
+          ).to.equal(true)
+        })
+      })
+
+      if (backendSettings.backend === 's3SSEC') {
+        describe('storageClass', function () {
+          it('should use the default storage class for dek', async function () {
+            const key = `${projectId}/${new ObjectId()}`
+            const dekBucket = process.env.AWS_S3_USER_FILES_DEK_BUCKET_NAME
+            await app.persistor.sendStream(
+              dekBucket,
+              key,
+              Stream.Readable.from(['hello'])
+            )
+            expect(
+              await app.persistor.getObjectStorageClass(dekBucket, key)
+            ).to.equal(undefined)
+          })
+
+          it('should use the custom storage class for user files', async function () {
+            const key = `${projectId}/${new ObjectId()}`
+            await app.persistor.sendStream(
+              Settings.filestore.stores.user_files,
+              key,
+              Stream.Readable.from(['hello'])
+            )
+            const sc = AWS_S3_USER_FILES_STORAGE_CLASS
+            expect(sc).to.exist
+            expect(
+              await app.persistor.getObjectStorageClass(
+                Settings.filestore.stores.user_files,
+                key
+              )
+            ).to.equal(sc)
+          })
+        })
+      }
+
+      describe('autoGunzip', function () {
+        let key
+        beforeEach('new key', function () {
+          key = `${projectId}/${new ObjectId().toString()}`
+        })
+        this.timeout(60 * 1000)
+        const body = Buffer.alloc(10 * 1024 * 1024, 'hello')
+        const gzippedBody = gzipSync(body)
+
+        /**
+         * @param {string} key
+         * @param {Buffer} wantBody
+         * @param {boolean} autoGunzip
+         * @return {Promise<void>}
+         */
+        async function checkBodyIsTheSame(key, wantBody, autoGunzip) {
+          const s = await app.persistor.getObjectStream(
+            Settings.filestore.stores.user_files,
+            key,
+            { autoGunzip }
+          )
+          const buf = new WritableBuffer()
+          await Stream.promises.pipeline(s, buf)
+          expect(buf.getContents()).to.deep.equal(wantBody)
+        }
+
+        if (backendSettings.backend === 'fs') {
+          it('should refuse to handle autoGunzip', async function () {
+            await expect(
+              app.persistor.getObjectStream(
+                Settings.filestore.stores.user_files,
+                key,
+                { autoGunzip: true }
+              )
+            ).to.be.rejectedWith(NotImplementedError)
+          })
+        } else {
+          it('should return the raw body with gzip', async function () {
+            await app.persistor.sendStream(
+              Settings.filestore.stores.user_files,
+              key,
+              Stream.Readable.from([gzippedBody]),
+              { contentEncoding: 'gzip' }
+            )
+            expect(
+              await app.persistor.getObjectSize(
+                Settings.filestore.stores.user_files,
+                key
+              )
+            ).to.equal(gzippedBody.byteLength)
+            // raw body with autoGunzip=true
+            await checkBodyIsTheSame(key, body, true)
+            // gzip body without autoGunzip=false
+            await checkBodyIsTheSame(key, gzippedBody, false)
+          })
+          it('should return the raw body without gzip compression', async function () {
+            await app.persistor.sendStream(
+              Settings.filestore.stores.user_files,
+              key,
+              Stream.Readable.from([body])
+            )
+            expect(
+              await app.persistor.getObjectSize(
+                Settings.filestore.stores.user_files,
+                key
+              )
+            ).to.equal(body.byteLength)
+            // raw body with both autoGunzip options
+            await checkBodyIsTheSame(key, body, true)
+            await checkBodyIsTheSame(key, body, false)
+          })
+
+          it('should return the gzip body without gzip header', async function () {
+            await app.persistor.sendStream(
+              Settings.filestore.stores.user_files,
+              key,
+              Stream.Readable.from([gzippedBody])
+            )
+            expect(
+              await app.persistor.getObjectSize(
+                Settings.filestore.stores.user_files,
+                key
+              )
+            ).to.equal(gzippedBody.byteLength)
+            // gzip body with both autoGunzip options
+            await checkBodyIsTheSame(key, gzippedBody, true)
+            await checkBodyIsTheSame(key, gzippedBody, false)
+          })
+        }
+      })
+    })
+  }
+})
diff --git a/services/filestore/test/acceptance/js/TestConfig.js b/services/filestore/test/acceptance/js/TestConfig.js
new file mode 100644
index 0000000..3ad4ba4
--- /dev/null
+++ b/services/filestore/test/acceptance/js/TestConfig.js
@@ -0,0 +1,192 @@
+const fs = require('node:fs')
+const Path = require('node:path')
+const crypto = require('node:crypto')
+const {
+  RootKeyEncryptionKey,
+} = require('@overleaf/object-persistor/src/PerProjectEncryptedS3Persistor')
+
+const AWS_S3_USER_FILES_STORAGE_CLASS =
+  process.env.AWS_S3_USER_FILES_STORAGE_CLASS
+
+// use functions to get a fresh copy, not a reference, each time
+function s3BaseConfig() {
+  return {
+    endpoint: process.env.AWS_S3_ENDPOINT,
+    pathStyle: true,
+    partSize: 100 * 1024 * 1024,
+    ca: [fs.readFileSync('/certs/public.crt')],
+  }
+}
+
+function s3Config() {
+  return {
+    key: process.env.AWS_ACCESS_KEY_ID,
+    secret: process.env.AWS_SECRET_ACCESS_KEY,
+    ...s3BaseConfig(),
+  }
+}
+
+const S3SSECKeys = [
+  new RootKeyEncryptionKey(
+    crypto.generateKeySync('aes', { length: 256 }).export(),
+    Buffer.alloc(32)
+  ),
+]
+
+function s3SSECConfig() {
+  return {
+    ...s3Config(),
+    ignoreErrorsFromDEKReEncryption: false,
+    automaticallyRotateDEKEncryption: true,
+    dataEncryptionKeyBucketName: process.env.AWS_S3_USER_FILES_DEK_BUCKET_NAME,
+    pathToProjectFolder(_bucketName, path) {
+      const match = path.match(/^[a-f0-9]{24}\//)
+      if (!match) throw new Error('not a project-folder')
+      const [projectFolder] = match
+      return projectFolder
+    },
+    async getRootKeyEncryptionKeys() {
+      return S3SSECKeys
+    },
+    storageClass: {
+      [process.env.AWS_S3_USER_FILES_BUCKET_NAME]:
+        AWS_S3_USER_FILES_STORAGE_CLASS,
+    },
+  }
+}
+
+function s3ConfigDefaultProviderCredentials() {
+  return {
+    ...s3BaseConfig(),
+  }
+}
+
+function s3Stores() {
+  return {
+    user_files: process.env.AWS_S3_USER_FILES_BUCKET_NAME,
+    template_files: process.env.AWS_S3_TEMPLATE_FILES_BUCKET_NAME,
+  }
+}
+
+function gcsConfig() {
+  return {
+    endpoint: {
+      apiEndpoint: process.env.GCS_API_ENDPOINT,
+      projectId: 'fake',
+    },
+    directoryKeyRegex: /^[0-9a-fA-F]{24}\/[0-9a-fA-F]{24}/,
+    unlockBeforeDelete: false, // fake-gcs does not support this
+    deletedBucketSuffix: '-deleted',
+  }
+}
+
+function gcsStores() {
+  return {
+    user_files: process.env.GCS_USER_FILES_BUCKET_NAME,
+    template_files: process.env.GCS_TEMPLATE_FILES_BUCKET_NAME,
+  }
+}
+
+function fsStores() {
+  return {
+    user_files: Path.resolve(__dirname, '../../../user_files'),
+    template_files: Path.resolve(__dirname, '../../../template_files'),
+  }
+}
+
+function fallbackStores(primaryConfig, fallbackConfig) {
+  return {
+    [primaryConfig.user_files]: fallbackConfig.user_files,
+    [primaryConfig.template_files]: fallbackConfig.template_files,
+  }
+}
+
+const BackendSettings = {
+  SHARD_01_FSPersistor: {
+    backend: 'fs',
+    stores: fsStores(),
+  },
+  SHARD_01_S3Persistor: {
+    backend: 's3',
+    s3: s3Config(),
+    stores: s3Stores(),
+  },
+  SHARD_01_S3PersistorDefaultProviderCredentials: {
+    backend: 's3',
+    s3: s3ConfigDefaultProviderCredentials(),
+    stores: s3Stores(),
+  },
+  SHARD_01_GcsPersistor: {
+    backend: 'gcs',
+    gcs: gcsConfig(),
+    stores: gcsStores(),
+  },
+  SHARD_01_PerProjectEncryptedS3Persistor: {
+    backend: 's3SSEC',
+    s3SSEC: s3SSECConfig(),
+    stores: s3Stores(),
+  },
+  SHARD_02_FallbackS3ToFSPersistor: {
+    backend: 's3',
+    s3: s3Config(),
+    stores: s3Stores(),
+    fallback: {
+      backend: 'fs',
+      buckets: fallbackStores(s3Stores(), fsStores()),
+    },
+  },
+  SHARD_02_FallbackFSToS3Persistor: {
+    backend: 'fs',
+    s3: s3Config(),
+    stores: fsStores(),
+    fallback: {
+      backend: 's3',
+      buckets: fallbackStores(fsStores(), s3Stores()),
+    },
+  },
+  SHARD_03_FallbackGcsToS3Persistor: {
+    backend: 'gcs',
+    gcs: gcsConfig(),
+    stores: gcsStores(),
+    s3: s3Config(),
+    fallback: {
+      backend: 's3',
+      buckets: fallbackStores(gcsStores(), s3Stores()),
+    },
+  },
+  SHARD_03_FallbackS3ToGcsPersistor: {
+    backend: 's3',
+    // can use the same bucket names for gcs and s3 (in tests)
+    stores: s3Stores(),
+    s3: s3Config(),
+    gcs: gcsConfig(),
+    fallback: {
+      backend: 'gcs',
+      buckets: fallbackStores(s3Stores(), gcsStores()),
+    },
+  },
+}
+
+function checkForUnexpectedTestFile() {
+  const awareOfSharding = [
+    'FilestoreApp.js',
+    'FilestoreTests.js',
+    'TestConfig.js',
+    'TestHelper.js',
+  ]
+  for (const file of fs.readdirSync(__dirname).sort()) {
+    if (!awareOfSharding.includes(file)) {
+      throw new Error(
+        `Found new test file ${file}: All tests must be aware of the SHARD_ prefix.`
+      )
+    }
+  }
+}
+checkForUnexpectedTestFile()
+
+module.exports = {
+  AWS_S3_USER_FILES_STORAGE_CLASS,
+  BackendSettings,
+  s3Config,
+  s3SSECConfig,
+}
diff --git a/services/filestore/test/acceptance/js/TestHelper.js b/services/filestore/test/acceptance/js/TestHelper.js
new file mode 100644
index 0000000..384f8aa
--- /dev/null
+++ b/services/filestore/test/acceptance/js/TestHelper.js
@@ -0,0 +1,78 @@
+const streamifier = require('streamifier')
+const fetch = require('node-fetch')
+const ObjectPersistor = require('@overleaf/object-persistor')
+
+const { expect } = require('chai')
+
+module.exports = {
+  uploadStringToPersistor,
+  getStringFromPersistor,
+  expectPersistorToHaveFile,
+  expectPersistorToHaveSomeFile,
+  expectPersistorNotToHaveFile,
+  streamToString,
+  getMetric,
+}
+
+async function getMetric(filestoreUrl, metric) {
+  const res = await fetch(`${filestoreUrl}/metrics`)
+  expect(res.status).to.equal(200)
+  const metricRegex = new RegExp(`^${metric}{[^}]+} ([0-9]+)$`, 'gm')
+  const body = await res.text()
+  let v = 0
+  // Sum up size="lt-128KiB" and size="gte-128KiB"
+  for (const [, found] of body.matchAll(metricRegex)) {
+    v += parseInt(found, 10) || 0
+  }
+  return v
+}
+
+function streamToString(stream) {
+  const chunks = []
+  return new Promise((resolve, reject) => {
+    stream.on('data', chunk => chunks.push(chunk))
+    stream.on('error', reject)
+    stream.on('end', () => resolve(Buffer.concat(chunks).toString('utf8')))
+    stream.resume()
+  })
+}
+
+async function uploadStringToPersistor(persistor, bucket, key, content) {
+  const fileStream = streamifier.createReadStream(content)
+  await persistor.sendStream(bucket, key, fileStream)
+}
+
+async function getStringFromPersistor(persistor, bucket, key) {
+  const stream = await persistor.getObjectStream(bucket, key, {})
+  return await streamToString(stream)
+}
+
+async function expectPersistorToHaveFile(persistor, bucket, key, content) {
+  const foundContent = await getStringFromPersistor(persistor, bucket, key)
+  expect(foundContent).to.equal(content)
+}
+
+async function expectPersistorToHaveSomeFile(persistor, bucket, keys, content) {
+  let foundContent
+  for (const key of keys) {
+    try {
+      foundContent = await getStringFromPersistor(persistor, bucket, key)
+      break
+    } catch (err) {
+      if (err instanceof ObjectPersistor.Errors.NotFoundError) {
+        continue
+      }
+      throw err
+    }
+  }
+  if (foundContent === undefined) {
+    expect.fail(`Could not find any of the specified keys: ${keys}`)
+  }
+  expect(foundContent).to.equal(content)
+}
+
+async function expectPersistorNotToHaveFile(persistor, bucket, key) {
+  await expect(
+    getStringFromPersistor(persistor, bucket, key)
+  ).to.eventually.have.been.rejected.with.property('name', 'NotFoundError')
+}
diff --git a/services/filestore/test/fixtures/test.pdf b/services/filestore/test/fixtures/test.pdf
new file mode 100644
index 0000000..b021cc1
Binary files /dev/null and b/services/filestore/test/fixtures/test.pdf differ
diff --git a/services/filestore/test/setup.js b/services/filestore/test/setup.js
new file mode 100644
index 0000000..744ab91
--- /dev/null
+++ b/services/filestore/test/setup.js
@@ -0,0 +1,39 @@
+const sinon = require('sinon')
+const SandboxedModule = require('sandboxed-module')
+
+// ensure every ObjectId has the id string as a property for correct comparisons
+require('mongodb').ObjectId.cacheHexString = true
+
+const sandbox = sinon.createSandbox()
+const stubs = {
+  logger: {
+    debug: sandbox.stub(),
+    log: sandbox.stub(),
+    info: sandbox.stub(),
+    warn: sandbox.stub(),
+    err: sandbox.stub(),
+    error: sandbox.stub(),
+    fatal: sandbox.stub(),
+  },
+}
+
+SandboxedModule.configure({
+  requires: {
+    '@overleaf/logger': stubs.logger,
+  },
+  sourceTransformers: {
+    removeNodePrefix: function (source) {
+      return source.replace(/require\(['"]node:/g, "require('")
+    },
+  },
+})
+
+exports.mochaHooks = {
+  beforeEach() {
+    this.logger = stubs.logger
+  },
+
+  afterEach() {
+    sandbox.reset()
+  },
+}
diff --git a/services/filestore/test/unit/js/FileControllerTests.js b/services/filestore/test/unit/js/FileControllerTests.js
new file mode 100644
index 0000000..ec56211
--- /dev/null
+++ b/services/filestore/test/unit/js/FileControllerTests.js
@@ -0,0 +1,336 @@
+const sinon = require('sinon')
+const chai = require('chai')
+const { expect } = chai
+const SandboxedModule = require('sandboxed-module')
+const Errors = require('../../../app/js/Errors')
+const modulePath = '../../../app/js/FileController.js'
+
+describe('FileController', function () {
+  let FileHandler, LocalFileWriter, FileController, req, res, next, stream
+  const settings = {
+    s3: {
+      buckets: {
+        user_files: 'user_files',
+      },
+    },
+  }
+  const fileSize = 1234
+  const fileStream = {
+    destroy() {},
+  }
+  const projectId = 'projectId'
+  const fileId = 'file_id'
+  const bucket = 'user_files'
+  const key = `${projectId}/${fileId}`
+  const error = new Error('incorrect utensil')
+
+  beforeEach(function () {
+    FileHandler = {
+      copyObject: sinon.stub().yields(),
+      getFile: sinon.stub().yields(null, fileStream),
+      getFileSize: sinon.stub().yields(null, fileSize),
+      deleteFile: sinon.stub().yields(),
+      deleteProject: sinon.stub().yields(),
+      insertFile: sinon.stub().yields(),
+      getDirectorySize: sinon.stub().yields(null, fileSize),
+      getRedirectUrl: sinon.stub().yields(null, null),
+    }
+
+    LocalFileWriter = {}
+    stream = {
+      pipeline: sinon.stub(),
+    }
+
+    FileController = SandboxedModule.require(modulePath, {
+      requires: {
+        './LocalFileWriter': LocalFileWriter,
+        './FileHandler': FileHandler,
+        './Errors': Errors,
+        stream,
+        '@overleaf/settings': settings,
+        '@overleaf/metrics': {
+          inc() {},
+        },
+      },
+      globals: { console },
+    })
+
+    req = {
+      key,
+      bucket,
+      project_id: projectId,
+      query: {},
+      params: {
+        project_id: projectId,
+        file_id: fileId,
+      },
+      headers: {},
+      requestLogger: {
+        setMessage: sinon.stub(),
+        addFields: sinon.stub(),
+      },
+    }
+
+    res = {
+      set: sinon.stub().returnsThis(),
+      sendStatus: sinon.stub().returnsThis(),
+      status: sinon.stub().returnsThis(),
+    }
+
+    next = sinon.stub()
+  })
+
+  describe('getFile', function () {
+    it('should try and get a redirect url first', function () {
+      FileController.getFile(req, res, next)
+      expect(FileHandler.getRedirectUrl).to.have.been.calledWith(bucket, key)
+    })
+
+    it('should pipe the stream', function () {
+      FileController.getFile(req, res, next)
+      expect(stream.pipeline).to.have.been.calledWith(fileStream, res)
+    })
+
+    it('should send a 200 if the cacheWarm param is true', function (done) {
+      req.query.cacheWarm = true
+      res.sendStatus = statusCode => {
+        statusCode.should.equal(200)
+        done()
+      }
+      FileController.getFile(req, res, next)
+    })
+
+    it('should send an error if there is a problem', function () {
+      FileHandler.getFile.yields(error)
+      FileController.getFile(req, res, next)
+      expect(next).to.have.been.calledWith(error)
+    })
+
+    describe('with a redirect url', function () {
+      const redirectUrl = 'https://wombat.potato/giraffe'
+
+      beforeEach(function () {
+        FileHandler.getRedirectUrl.yields(null, redirectUrl)
+        res.redirect = sinon.stub()
+      })
+
+      it('should redirect', function () {
+        FileController.getFile(req, res, next)
+        expect(res.redirect).to.have.been.calledWith(redirectUrl)
+      })
+
+      it('should not get a file stream', function () {
+        FileController.getFile(req, res, next)
+        expect(FileHandler.getFile).not.to.have.been.called
+      })
+
+      describe('when there is an error getting the redirect url', function () {
+        beforeEach(function () {
+          FileHandler.getRedirectUrl.yields(new Error('wombat herding error'))
+        })
+
+        it('should not redirect', function () {
+          FileController.getFile(req, res, next)
+          expect(res.redirect).not.to.have.been.called
+        })
+
+        it('should not return an error', function () {
+          FileController.getFile(req, res, next)
+          expect(next).not.to.have.been.called
+        })
+
+        it('should proxy the file', function () {
+          FileController.getFile(req, res, next)
+          expect(FileHandler.getFile).to.have.been.calledWith(bucket, key)
+        })
+      })
+    })
+
+    describe('with a range header', function () {
+      let expectedOptions
+
+      beforeEach(function () {
+        expectedOptions = {
+          bucket,
+          key,
+          format: undefined,
+          style: undefined,
+        }
+      })
+
+      it('should pass range options to FileHandler', function () {
+        req.headers.range = 'bytes=0-8'
+        expectedOptions.start = 0
+        expectedOptions.end = 8
+
+        FileController.getFile(req, res, next)
+        expect(FileHandler.getFile).to.have.been.calledWith(
+          bucket,
+          key,
+          expectedOptions
+        )
+      })
+
+      it('should ignore an invalid range header', function () {
+        req.headers.range = 'potato'
+        FileController.getFile(req, res, next)
+        expect(FileHandler.getFile).to.have.been.calledWith(
+          bucket,
+          key,
+          expectedOptions
+        )
+      })
+
+      it("should ignore any type other than 'bytes'", function () {
+        req.headers.range = 'wombats=0-8'
+        FileController.getFile(req, res, next)
+        expect(FileHandler.getFile).to.have.been.calledWith(
+          bucket,
+          key,
+          expectedOptions
+        )
+      })
+    })
+  })
+
+  describe('getFileHead', function () {
+    it('should return the file size in a Content-Length header', function (done) {
+      res.end = () => {
+        expect(res.status).to.have.been.calledWith(200)
+        expect(res.set).to.have.been.calledWith('Content-Length', fileSize)
+        done()
+      }
+
+      FileController.getFileHead(req, res, next)
+    })
+
+    it('should return a 404 is the file is not found', function (done) {
+      FileHandler.getFileSize.yields(
+        new Errors.NotFoundError({ message: 'not found', info: {} })
+      )
+
+      res.sendStatus = code => {
+        expect(code).to.equal(404)
+        done()
+      }
+
+      FileController.getFileHead(req, res, next)
+    })
+
+    it('should send an error on internal errors', function () {
+      FileHandler.getFileSize.yields(error)
+
+      FileController.getFileHead(req, res, next)
+      expect(next).to.have.been.calledWith(error)
+    })
+  })
+
+  describe('insertFile', function () {
+    it('should send bucket name key and res to FileHandler', function (done) {
+      res.sendStatus = code => {
+        expect(FileHandler.insertFile).to.have.been.calledWith(bucket, key, req)
+        expect(code).to.equal(200)
+        done()
+      }
+      FileController.insertFile(req, res, next)
+    })
+  })
+
+  describe('copyFile', function () {
+    const oldFileId = 'oldFileId'
+    const oldProjectId = 'oldProjectid'
+    const oldKey = `${oldProjectId}/${oldFileId}`
+
+    beforeEach(function () {
+      req.body = {
+        source: {
+          project_id: oldProjectId,
+          file_id: oldFileId,
+        },
+      }
+    })
+
+    it('should send bucket name and both keys to FileHandler', function (done) {
+      res.sendStatus = code => {
+        code.should.equal(200)
+        expect(FileHandler.copyObject).to.have.been.calledWith(
+          bucket,
+          oldKey,
+          key
+        )
+        done()
+      }
+      FileController.copyFile(req, res, next)
+    })
+
+    it('should send a 404 if the original file was not found', function (done) {
+      FileHandler.copyObject.yields(
+        new Errors.NotFoundError({ message: 'not found', info: {} })
+      )
+      res.sendStatus = code => {
+        code.should.equal(404)
+        done()
+      }
+      FileController.copyFile(req, res, next)
+    })
+
+    it('should send an error if there was an error', function (done) {
+      FileHandler.copyObject.yields(error)
+      FileController.copyFile(req, res, err => {
+        expect(err).to.equal(error)
+        done()
+      })
+    })
+  })
+
+  describe('delete file', function () {
+    it('should tell the file handler', function (done) {
+      res.sendStatus = code => {
+        code.should.equal(204)
+        expect(FileHandler.deleteFile).to.have.been.calledWith(bucket, key)
+        done()
+      }
+      FileController.deleteFile(req, res, next)
+    })
+
+    it('should send a 500 if there was an error', function () {
+      FileHandler.deleteFile.yields(error)
+      FileController.deleteFile(req, res, next)
+      expect(next).to.have.been.calledWith(error)
+    })
+  })
+
+  describe('delete project', function () {
+    it('should tell the file handler', function (done) {
+      res.sendStatus = code => {
+        code.should.equal(204)
+        expect(FileHandler.deleteProject).to.have.been.calledWith(bucket, key)
+        done()
+      }
+      FileController.deleteProject(req, res, next)
+    })
+
+    it('should send a 500 if there was an error', function () {
+      FileHandler.deleteProject.yields(error)
+      FileController.deleteProject(req, res, next)
+      expect(next).to.have.been.calledWith(error)
+    })
+  })
+
+  describe('directorySize', function () {
+    it('should return total directory size bytes', function (done) {
+      FileController.directorySize(req, {
+        json: result => {
+          expect(result['total bytes']).to.equal(fileSize)
+          done()
+        },
+      })
+    })
+
+    it('should send a 500 if there was an error', function () {
+      FileHandler.getDirectorySize.yields(error)
+      FileController.directorySize(req, res, next)
+      expect(next).to.have.been.calledWith(error)
+    })
+  })
+})
diff --git a/services/filestore/test/unit/js/FileConverterTests.js b/services/filestore/test/unit/js/FileConverterTests.js
new file mode 100644
index 0000000..131bead
--- /dev/null
+++ b/services/filestore/test/unit/js/FileConverterTests.js
@@ -0,0 +1,107 @@
+const sinon = require('sinon')
+const chai = require('chai')
+const { expect } = chai
+const SandboxedModule = require('sandboxed-module')
+const { Errors } = require('@overleaf/object-persistor')
+
+const modulePath = '../../../app/js/FileConverter.js'
+
+describe('FileConverter', function () {
+  let SafeExec, FileConverter
+  const sourcePath = '/data/wombat.eps'
+  const destPath = '/tmp/dest.png'
+  const format = 'png'
+  const errorMessage = 'guru meditation error'
+  const Settings = {
+    commands: {
+      convertCommandPrefix: [],
+    },
+  }
+
+  beforeEach(function () {
+    SafeExec = {
+      promises: sinon.stub().resolves(destPath),
+    }
+
+    const ObjectPersistor = { Errors }
+
+    FileConverter = SandboxedModule.require(modulePath, {
+      requires: {
+        './SafeExec': SafeExec,
+        '@overleaf/metrics': {
+          inc: sinon.stub(),
+          Timer: sinon.stub().returns({ done: sinon.stub() }),
+        },
+        '@overleaf/settings': Settings,
+        '@overleaf/object-persistor': ObjectPersistor,
+      },
+    })
+  })
+
+  describe('convert', function () {
+    it('should convert the source to the requested format', async function () {
+      await FileConverter.promises.convert(sourcePath, format)
+      const args = SafeExec.promises.args[0][0]
+      expect(args).to.include(`${sourcePath}[0]`)
+      expect(args).to.include(`${sourcePath}.${format}`)
+    })
+
+    it('should return the dest path', async function () {
+      const destPath = await FileConverter.promises.convert(sourcePath, format)
+      destPath.should.equal(`${sourcePath}.${format}`)
+    })
+
+    it('should wrap the error from convert', async function () {
+      SafeExec.promises.rejects(errorMessage)
+      try {
+        await FileConverter.promises.convert(sourcePath, format)
+        expect('error should have been thrown').not.to.exist
+      } catch (err) {
+        expect(err.name).to.equal('ConversionError')
+        expect(err.cause.toString()).to.equal(errorMessage)
+      }
+    })
+
+    it('should not accept an non approved format', async function () {
+      try {
+        await FileConverter.promises.convert(sourcePath, 'potato')
+        expect('error should have been thrown').not.to.exist
+      } catch (err) {
+        expect(err.name).to.equal('ConversionError')
+      }
+    })
+
+    it('should prefix the command with Settings.commands.convertCommandPrefix', async function () {
+      Settings.commands.convertCommandPrefix = ['nice']
+      await FileConverter.promises.convert(sourcePath, format)
+    })
+
+    it('should convert the file when called as a callback', function (done) {
+      FileConverter.convert(sourcePath, format, (err, destPath) => {
+        expect(err).not.to.exist
+        destPath.should.equal(`${sourcePath}.${format}`)
+
+        const args = SafeExec.promises.args[0][0]
+        expect(args).to.include(`${sourcePath}[0]`)
+        expect(args).to.include(`${sourcePath}.${format}`)
+        done()
+      })
+    })
+  })
+
+  describe('thumbnail', function () {
+    it('should call converter resize with args', async function () {
+      await FileConverter.promises.thumbnail(sourcePath)
+      const args = SafeExec.promises.args[0][0]
+      expect(args).to.include(`${sourcePath}[0]`)
+    })
+  })
+
+  describe('preview', function () {
+    it('should call converter resize with args', async function () {
+      await FileConverter.promises.preview(sourcePath)
+      const args = SafeExec.promises.args[0][0]
+      expect(args).to.include(`${sourcePath}[0]`)
+    })
+  })
+})
diff --git a/services/filestore/test/unit/js/FileHandlerTests.js b/services/filestore/test/unit/js/FileHandlerTests.js
new file mode 100644
index 0000000..12a2366
--- /dev/null
+++ b/services/filestore/test/unit/js/FileHandlerTests.js
@@ -0,0 +1,405 @@
+const sinon = require('sinon')
+const chai = require('chai')
+const { expect } = chai
+const modulePath = '../../../app/js/FileHandler.js'
+const SandboxedModule = require('sandboxed-module')
+const { ObjectId } = require('mongodb')
+const { Errors } = require('@overleaf/object-persistor')
+
+chai.use(require('sinon-chai'))
+chai.use(require('chai-as-promised'))
+
+describe('FileHandler', function () {
+  let PersistorManager,
+    LocalFileWriter,
+    FileConverter,
+    KeyBuilder,
+    ImageOptimiser,
+    FileHandler,
+    Settings,
+    fs
+
+  const bucket = 'my_bucket'
+  const key = `${new ObjectId()}/${new ObjectId()}`
+  const convertedFolderKey = `${new ObjectId()}/${new ObjectId()}`
+  const projectKey = `${new ObjectId()}/`
+  const sourceStream = 'sourceStream'
+  const convertedKey = 'convertedKey'
+  const redirectUrl = 'https://wombat.potato/giraffe'
+  const readStream = {
+    stream: 'readStream',
+    on: sinon.stub(),
+  }
+
+  beforeEach(function () {
+    PersistorManager = {
+      getObjectStream: sinon.stub().resolves(sourceStream),
+      getRedirectUrl: sinon.stub().resolves(redirectUrl),
+      checkIfObjectExists: sinon.stub().resolves(),
+      deleteObject: sinon.stub().resolves(),
+      deleteDirectory: sinon.stub().resolves(),
+      sendStream: sinon.stub().resolves(),
+      insertFile: sinon.stub().resolves(),
+      sendFile: sinon.stub().resolves(),
+      directorySize: sinon.stub().resolves(),
+    }
+    LocalFileWriter = {
+      // the callback style is used for detached cleanup calls
+      deleteFile: sinon.stub().yields(),
+      promises: {
+        writeStream: sinon.stub().resolves(),
+        deleteFile: sinon.stub().resolves(),
+      },
+    }
+    FileConverter = {
+      promises: {
+        convert: sinon.stub().resolves(),
+        thumbnail: sinon.stub().resolves(),
+        preview: sinon.stub().resolves(),
+      },
+    }
+    KeyBuilder = {
+      addCachingToKey: sinon.stub().returns(convertedKey),
+      getConvertedFolderKey: sinon.stub().returns(convertedFolderKey),
+    }
+    ImageOptimiser = {
+      promises: {
+        compressPng: sinon.stub().resolves(),
+      },
+    }
+    Settings = {
+      filestore: {
+        stores: { template_files: 'template_files', user_files: 'user_files' },
+      },
+    }
+    fs = {
+      createReadStream: sinon.stub().returns(readStream),
+    }
+
+    const ObjectPersistor = { Errors }
+
+    FileHandler = SandboxedModule.require(modulePath, {
+      requires: {
+        './PersistorManager': PersistorManager,
+        './LocalFileWriter': LocalFileWriter,
+        './FileConverter': FileConverter,
+        './KeyBuilder': KeyBuilder,
+        './ImageOptimiser': ImageOptimiser,
+        '@overleaf/settings': Settings,
+        '@overleaf/object-persistor': ObjectPersistor,
+        '@overleaf/metrics': {
+          gauge: sinon.stub(),
+          Timer: sinon.stub().returns({ done: sinon.stub() }),
+        },
+        fs,
+      },
+      globals: { console, process },
+    })
+  })
+
+  describe('insertFile', function () {
+    const stream = 'stream'
+
+    it('should send file to the filestore', function (done) {
+      FileHandler.insertFile(bucket, key, stream, err => {
+        expect(err).not.to.exist
+        expect(PersistorManager.sendStream).to.have.been.calledWith(
+          bucket,
+          key,
+          stream
+        )
+        done()
+      })
+    })
+
+    it('should not make a delete request for the convertedKey folder', function (done) {
+      FileHandler.insertFile(bucket, key, stream, err => {
+        expect(err).not.to.exist
+        expect(PersistorManager.deleteDirectory).not.to.have.been.called
+        done()
+      })
+    })
+
+    it('should accept templates-api key format', function (done) {
+      KeyBuilder.getConvertedFolderKey.returns(
+        '5ecba29f1a294e007d0bccb4/v/0/pdf'
+      )
+      FileHandler.insertFile(bucket, key, stream, err => {
+        expect(err).not.to.exist
+        done()
+      })
+    })
+
+    it('should throw an error when the key is in the wrong format', function (done) {
+      KeyBuilder.getConvertedFolderKey.returns('wombat')
+      FileHandler.insertFile(bucket, key, stream, err => {
+        expect(err).to.exist
+        done()
+      })
+    })
+  })
+
+  describe('deleteFile', function () {
+    it('should tell the filestore manager to delete the file', function (done) {
+      FileHandler.deleteFile(bucket, key, err => {
+        expect(err).not.to.exist
+        expect(PersistorManager.deleteObject).to.have.been.calledWith(
+          bucket,
+          key
+        )
+        done()
+      })
+    })
+
+    it('should not tell the filestore manager to delete the cached folder', function (done) {
+      FileHandler.deleteFile(bucket, key, err => {
+        expect(err).not.to.exist
+        expect(PersistorManager.deleteDirectory).not.to.have.been.called
+        done()
+      })
+    })
+
+    it('should accept templates-api key format', function (done) {
+      KeyBuilder.getConvertedFolderKey.returns(
+        '5ecba29f1a294e007d0bccb4/v/0/pdf'
+      )
+      FileHandler.deleteFile(bucket, key, err => {
+        expect(err).not.to.exist
+        done()
+      })
+    })
+
+    it('should throw an error when the key is in the wrong format', function (done) {
+      KeyBuilder.getConvertedFolderKey.returns('wombat')
+      FileHandler.deleteFile(bucket, key, err => {
+        expect(err).to.exist
+        done()
+      })
+    })
+
+    describe('when conversions are enabled', function () {
+      beforeEach(function () {
+        Settings.enableConversions = true
+      })
+
+      it('should delete the convertedKey folder for template files', function (done) {
+        FileHandler.deleteFile(
+          Settings.filestore.stores.template_files,
+          key,
+          err => {
+            expect(err).not.to.exist
+            expect(PersistorManager.deleteDirectory).to.have.been.calledWith(
+              Settings.filestore.stores.template_files,
+              convertedFolderKey
+            )
+            done()
+          }
+        )
+      })
+
+      it('should not delete the convertedKey folder for user files', function (done) {
+        FileHandler.deleteFile(
+          Settings.filestore.stores.user_files,
+          key,
+          err => {
+            expect(err).not.to.exist
+            expect(PersistorManager.deleteDirectory).to.not.have.been.called
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('deleteProject', function () {
+    it('should tell the filestore manager to delete the folder', function (done) {
+      FileHandler.deleteProject(bucket, projectKey, err => {
+        expect(err).not.to.exist
+        expect(PersistorManager.deleteDirectory).to.have.been.calledWith(
+          bucket,
+          projectKey
+        )
+        done()
+      })
+    })
+
+    it('should throw an error when the key is in the wrong format', function (done) {
+      FileHandler.deleteProject(bucket, 'wombat', err => {
+        expect(err).to.exist
+        done()
+      })
+    })
+  })
+
+  describe('getFile', function () {
+    it('should return the source stream no format or style are defined', function (done) {
+      FileHandler.getFile(bucket, key, null, (err, stream) => {
+        expect(err).not.to.exist
+        expect(stream).to.equal(sourceStream)
+        done()
+      })
+    })
+
+    it('should pass options through to PersistorManager', function (done) {
+      const options = { start: 0, end: 8 }
+      FileHandler.getFile(bucket, key, options, err => {
+        expect(err).not.to.exist
+        expect(PersistorManager.getObjectStream).to.have.been.calledWith(
+          bucket,
+          key,
+          options
+        )
+        done()
+      })
+    })
+
+    describe('when a format is defined', function () {
+      let result
+
+      describe('when the file is not cached', function () {
+        beforeEach(function (done) {
+          FileHandler.getFile(bucket, key, { format: 'png' }, (err, stream) => {
+            result = { err, stream }
+            done()
+          })
+        })
+
+        it('should convert the file', function () {
+          expect(FileConverter.promises.convert).to.have.been.called
+        })
+
+        it('should compress the converted file', function () {
+          expect(ImageOptimiser.promises.compressPng).to.have.been.called
+        })
+
+        it('should return the the converted stream', function () {
+          expect(result.err).not.to.exist
+          expect(result.stream).to.equal(readStream)
+          expect(PersistorManager.getObjectStream).to.have.been.calledWith(
+            bucket,
+            key
+          )
+        })
+      })
+
+      describe('when the file is cached', function () {
+        beforeEach(function (done) {
+          PersistorManager.checkIfObjectExists = sinon.stub().resolves(true)
+          FileHandler.getFile(bucket, key, { format: 'png' }, (err, stream) => {
+            result = { err, stream }
+            done()
+          })
+        })
+
+        it('should not convert the file', function () {
+          expect(FileConverter.promises.convert).not.to.have.been.called
+        })
+
+        it('should not compress the converted file again', function () {
+          expect(ImageOptimiser.promises.compressPng).not.to.have.been.called
+        })
+
+        it('should return the cached stream', function () {
+          expect(result.err).not.to.exist
+          expect(result.stream).to.equal(sourceStream)
+          expect(PersistorManager.getObjectStream).to.have.been.calledWith(
+            bucket,
+            convertedKey
+          )
+        })
+      })
+    })
+
+    describe('when a style is defined', function () {
+      it('generates a thumbnail when requested', function (done) {
+        FileHandler.getFile(bucket, key, { style: 'thumbnail' }, err => {
+          expect(err).not.to.exist
+          expect(FileConverter.promises.thumbnail).to.have.been.called
+          expect(FileConverter.promises.preview).not.to.have.been.called
+          done()
+        })
+      })
+
+      it('generates a preview when requested', function (done) {
+        FileHandler.getFile(bucket, key, { style: 'preview' }, err => {
+          expect(err).not.to.exist
+          expect(FileConverter.promises.thumbnail).not.to.have.been.called
+          expect(FileConverter.promises.preview).to.have.been.called
+          done()
+        })
+      })
+    })
+  })
+
+  describe('getRedirectUrl', function () {
+    beforeEach(function () {
+      Settings.filestore = {
+        allowRedirects: true,
+        stores: {
+          userFiles: bucket,
+        },
+      }
+    })
+
+    it('should return a redirect url', function (done) {
+      FileHandler.getRedirectUrl(bucket, key, (err, url) => {
+        expect(err).not.to.exist
+        expect(url).to.equal(redirectUrl)
+        done()
+      })
+    })
+
+    it('should call the persistor to get a redirect url', function (done) {
+      FileHandler.getRedirectUrl(bucket, key, () => {
+        expect(PersistorManager.getRedirectUrl).to.have.been.calledWith(
+          bucket,
+          key
+        )
+        done()
+      })
+    })
+
+    it('should return null if options are supplied', function (done) {
+      FileHandler.getRedirectUrl(
+        bucket,
+        key,
+        { start: 100, end: 200 },
+        (err, url) => {
+          expect(err).not.to.exist
+          expect(url).to.be.null
+          done()
+        }
+      )
+    })
+
+    it('should return null if the bucket is not one of the defined ones', function (done) {
+      FileHandler.getRedirectUrl('a_different_bucket', key, (err, url) => {
+        expect(err).not.to.exist
+        expect(url).to.be.null
+        done()
+      })
+    })
+
+    it('should return null if redirects are not enabled', function (done) {
+      Settings.filestore.allowRedirects = false
+      FileHandler.getRedirectUrl(bucket, key, (err, url) => {
+        expect(err).not.to.exist
+        expect(url).to.be.null
+        done()
+      })
+    })
+  })
+
+  describe('getDirectorySize', function () {
+    it('should call the filestore manager to get directory size', function (done) {
+      FileHandler.getDirectorySize(bucket, key, err => {
+        expect(err).not.to.exist
+        expect(PersistorManager.directorySize).to.have.been.calledWith(
+          bucket,
+          key
+        )
+        done()
+      })
+    })
+  })
+})
diff --git a/services/filestore/test/unit/js/ImageOptimiserTests.js b/services/filestore/test/unit/js/ImageOptimiserTests.js
new file mode 100644
index 0000000..cec7da6
--- /dev/null
+++ b/services/filestore/test/unit/js/ImageOptimiserTests.js
@@ -0,0 +1,67 @@
+const sinon = require('sinon')
+const chai = require('chai')
+const { expect } = chai
+const modulePath = '../../../app/js/ImageOptimiser.js'
+const { FailedCommandError } = require('../../../app/js/Errors')
+const SandboxedModule = require('sandboxed-module')
+
+describe('ImageOptimiser', function () {
+  let ImageOptimiser, SafeExec
+  const sourcePath = '/wombat/potato.eps'
+
+  beforeEach(function () {
+    SafeExec = {
+      promises: sinon.stub().resolves(),
+    }
+    ImageOptimiser = SandboxedModule.require(modulePath, {
+      requires: {
+        './SafeExec': SafeExec,
+        '@overleaf/metrics': {
+          Timer: sinon.stub().returns({ done: sinon.stub() }),
+        },
+      },
+    })
+  })
+
+  describe('compressPng', function () {
+    it('should convert the file', function (done) {
+      ImageOptimiser.compressPng(sourcePath, err => {
+        expect(err).not.to.exist
+        expect(SafeExec.promises).to.have.been.calledWith([
+          'optipng',
+          sourcePath,
+        ])
+        done()
+      })
+    })
+
+    it('should return the error', function (done) {
+      SafeExec.promises.rejects('wombat herding failure')
+      ImageOptimiser.compressPng(sourcePath, err => {
+        expect(err.toString()).to.equal('wombat herding failure')
+        done()
+      })
+    })
+  })
+
+  describe('when optimiser is sigkilled', function () {
+    const expectedError = new FailedCommandError('', 'SIGKILL', '', '')
+    let error
+
+    beforeEach(function (done) {
+      SafeExec.promises.rejects(expectedError)
+      ImageOptimiser.compressPng(sourcePath, err => {
+        error = err
+        done()
+      })
+    })
+
+    it('should not produce an error', function () {
+      expect(error).not.to.exist
+    })
+
+    it('should log a warning', function () {
+      expect(this.logger.warn).to.have.been.calledOnce
+    })
+  })
+})
diff --git a/services/filestore/test/unit/js/KeybuilderTests.js b/services/filestore/test/unit/js/KeybuilderTests.js
new file mode 100644
index 0000000..96f4d67
--- /dev/null
+++ b/services/filestore/test/unit/js/KeybuilderTests.js
@@ -0,0 +1,37 @@
+const SandboxedModule = require('sandboxed-module')
+
+const modulePath = '../../../app/js/KeyBuilder.js'
+
+describe('KeybuilderTests', function () {
+  let KeyBuilder
+  const key = 'wombat/potato'
+
+  beforeEach(function () {
+    KeyBuilder = SandboxedModule.require(modulePath, {
+      requires: { '@overleaf/settings': {} },
+    })
+  })
+
+  describe('cachedKey', function () {
+    it('should add the format to the key', function () {
+      const opts = { format: 'png' }
+      const newKey = KeyBuilder.addCachingToKey(key, opts)
+      newKey.should.equal(`${key}-converted-cache/format-png`)
+    })
+
+    it('should add the style to the key', function () {
+      const opts = { style: 'thumbnail' }
+      const newKey = KeyBuilder.addCachingToKey(key, opts)
+      newKey.should.equal(`${key}-converted-cache/style-thumbnail`)
+    })
+
+    it('should add format first, then style', function () {
+      const opts = {
+        style: 'thumbnail',
+        format: 'png',
+      }
+      const newKey = KeyBuilder.addCachingToKey(key, opts)
+      newKey.should.equal(`${key}-converted-cache/format-png-style-thumbnail`)
+    })
+  })
+})
diff --git a/services/filestore/test/unit/js/LocalFileWriterTests.js b/services/filestore/test/unit/js/LocalFileWriterTests.js
new file mode 100644
index 0000000..d5fdb92
--- /dev/null
+++ b/services/filestore/test/unit/js/LocalFileWriterTests.js
@@ -0,0 +1,111 @@
+const sinon = require('sinon')
+const chai = require('chai')
+const { expect } = chai
+const modulePath = '../../../app/js/LocalFileWriter.js'
+const SandboxedModule = require('sandboxed-module')
+const { Errors } = require('@overleaf/object-persistor')
+chai.use(require('sinon-chai'))
+
+describe('LocalFileWriter', function () {
+  const writeStream = 'writeStream'
+  const readStream = 'readStream'
+  const settings = { path: { uploadFolder: '/uploads' } }
+  const fsPath = '/uploads/wombat'
+  const filename = 'wombat'
+  let stream, fs, LocalFileWriter
+
+  beforeEach(function () {
+    fs = {
+      createWriteStream: sinon.stub().returns(writeStream),
+      unlink: sinon.stub().yields(),
+    }
+    stream = {
+      pipeline: sinon.stub().yields(),
+    }
+
+    const ObjectPersistor = { Errors }
+
+    LocalFileWriter = SandboxedModule.require(modulePath, {
+      requires: {
+        fs,
+        stream,
+        '@overleaf/settings': settings,
+        '@overleaf/metrics': {
+          inc: sinon.stub(),
+          Timer: sinon.stub().returns({ done: sinon.stub() }),
+        },
+        '@overleaf/object-persistor': ObjectPersistor,
+      },
+    })
+  })
+
+  describe('writeStream', function () {
+    it('writes the stream to the upload folder', function (done) {
+      LocalFileWriter.writeStream(readStream, filename, (err, path) => {
+        expect(err).not.to.exist
+        expect(fs.createWriteStream).to.have.been.calledWith(fsPath)
+        expect(stream.pipeline).to.have.been.calledWith(readStream, writeStream)
+        expect(path).to.equal(fsPath)
+        done()
+      })
+    })
+
+    describe('when there is an error', function () {
+      const error = new Error('not enough ketchup')
+      beforeEach(function () {
+        stream.pipeline.yields(error)
+      })
+
+      it('should wrap the error', function () {
+        LocalFileWriter.writeStream(readStream, filename, err => {
+          expect(err).to.exist
+          expect(err.cause).to.equal(error)
+        })
+      })
+
+      it('should delete the temporary file', function () {
+        LocalFileWriter.writeStream(readStream, filename, () => {
+          expect(fs.unlink).to.have.been.calledWith(fsPath)
+        })
+      })
+    })
+  })
+
+  describe('deleteFile', function () {
+    it('should unlink the file', function (done) {
+      LocalFileWriter.deleteFile(fsPath, err => {
+        expect(err).not.to.exist
+        expect(fs.unlink).to.have.been.calledWith(fsPath)
+        done()
+      })
+    })
+
+    it('should not call unlink with an empty path', function (done) {
+      LocalFileWriter.deleteFile('', err => {
+        expect(err).not.to.exist
+        expect(fs.unlink).not.to.have.been.called
+        done()
+      })
+    })
+
+    it('should not throw a error if the file does not exist', function (done) {
+      const error = new Error('file not found')
+      error.code = 'ENOENT'
+      fs.unlink = sinon.stub().yields(error)
+      LocalFileWriter.deleteFile(fsPath, err => {
+        expect(err).not.to.exist
+        done()
+      })
+    })
+
+    it('should wrap the error', function (done) {
+      const error = new Error('failed to reticulate splines')
+      fs.unlink = sinon.stub().yields(error)
+      LocalFileWriter.deleteFile(fsPath, err => {
+        expect(err).to.exist
+        expect(err.cause).to.equal(error)
+        done()
+      })
+    })
+  })
+})
diff --git a/services/filestore/test/unit/js/SafeExecTests.js b/services/filestore/test/unit/js/SafeExecTests.js
new file mode 100644
index 0000000..169c9fb
--- /dev/null
+++ b/services/filestore/test/unit/js/SafeExecTests.js
@@ -0,0 +1,110 @@
+const chai = require('chai')
+const should = chai.should()
+const { expect } = chai
+const modulePath = '../../../app/js/SafeExec'
+const { Errors } = require('@overleaf/object-persistor')
+const SandboxedModule = require('sandboxed-module')
+
+describe('SafeExec', function () {
+  let settings, options, safeExec
+
+  beforeEach(function () {
+    settings = { enableConversions: true }
+    options = { timeout: 10 * 1000, killSignal: 'SIGTERM' }
+
+    const ObjectPersistor = { Errors }
+
+    safeExec = SandboxedModule.require(modulePath, {
+      globals: { process },
+      requires: {
+        '@overleaf/settings': settings,
+        '@overleaf/object-persistor': ObjectPersistor,
+      },
+    })
+  })
+
+  describe('safeExec', function () {
+    it('should execute a valid command', function (done) {
+      safeExec(['/bin/echo', 'hello'], options, (err, stdout, stderr) => {
+        stdout.should.equal('hello\n')
+        stderr.should.equal('')
+        should.not.exist(err)
+        done()
+      })
+    })
+
+    it('should error when conversions are disabled', function (done) {
+      settings.enableConversions = false
+      safeExec(['/bin/echo', 'hello'], options, err => {
+        expect(err).to.exist
+        done()
+      })
+    })
+
+    it('should execute a command with non-zero exit status', function (done) {
+      safeExec(['/usr/bin/env', 'false'], options, err => {
+        expect(err).to.exist
+        expect(err.name).to.equal('FailedCommandError')
+        expect(err.code).to.equal(1)
+        expect(err.stdout).to.equal('')
+        expect(err.stderr).to.equal('')
+        done()
+      })
+    })
+
+    it('should handle an invalid command', function (done) {
+      safeExec(['/bin/foobar'], options, err => {
+        err.code.should.equal('ENOENT')
+        done()
+      })
+    })
+
+    it('should handle a command that runs too long', function (done) {
+      safeExec(
+        ['/bin/sleep', '10'],
+        { timeout: 500, killSignal: 'SIGTERM' },
+        err => {
+          expect(err).to.exist
+          expect(err.name).to.equal('FailedCommandError')
+          expect(err.code).to.equal('SIGTERM')
+          done()
+        }
+      )
+    })
+  })
+
+  describe('as a promise', function () {
+    beforeEach(function () {
+      safeExec = safeExec.promises
+    })
+
+    it('should execute a valid command', async function () {
+      const { stdout, stderr } = await safeExec(['/bin/echo', 'hello'], options)
+
+      stdout.should.equal('hello\n')
+      stderr.should.equal('')
+    })
+
+    it('should throw a ConversionsDisabledError when appropriate', async function () {
+      settings.enableConversions = false
+      try {
+        await safeExec(['/bin/echo', 'hello'], options)
+      } catch (err) {
+        expect(err.name).to.equal('ConversionsDisabledError')
+        return
+      }
+      expect('method did not throw an error').not.to.exist
+    })
+
+    it('should throw a FailedCommandError when appropriate', async function () {
+      try {
+        await safeExec(['/usr/bin/env', 'false'], options)
+      } catch (err) {
+        expect(err.name).to.equal('FailedCommandError')
+        expect(err.code).to.equal(1)
+        return
+      }
+      expect('method did not throw an error').not.to.exist
+    })
+  })
+})
diff --git a/services/filestore/test/unit/js/SettingsTests.js b/services/filestore/test/unit/js/SettingsTests.js
new file mode 100644
index 0000000..a7092cb
--- /dev/null
+++ b/services/filestore/test/unit/js/SettingsTests.js
@@ -0,0 +1,21 @@
+const chai = require('chai')
+const { expect } = chai
+const SandboxedModule = require('sandboxed-module')
+
+describe('Settings', function () {
+  describe('s3', function () {
+    it('should use JSONified env var if present', function () {
+      const s3Settings = {
+        bucket1: {
+          auth_key: 'bucket1_key',
+          auth_secret: 'bucket1_secret',
+        },
+      }
+      process.env.S3_BUCKET_CREDENTIALS = JSON.stringify(s3Settings)
+      const settings = SandboxedModule.require('@overleaf/settings', {
+        globals: { console, process },
+      })
+      expect(settings.filestore.s3.bucketCreds).to.deep.equal(s3Settings)
+    })
+  })
+})
diff --git a/services/filestore/tiny.pdf b/services/filestore/tiny.pdf
new file mode 100644
index 0000000..1c64181
--- /dev/null
+++ b/services/filestore/tiny.pdf
@@ -0,0 +1,58 @@
+%PDF-1.1
+%¥±ë
+
+1 0 obj
+  << /Type /Catalog
+     /Pages 2 0 R
+  >>
+endobj
+
+2 0 obj
+  << /Type /Pages
+     /Kids [3 0 R]
+     /Count 1
+     /MediaBox [0 0 300 144]
+  >>
+endobj
+
+3 0 obj
+  <<  /Type /Page
+      /Parent 2 0 R
+      /Resources
+       << /Font
+           << /F1
+               << /Type /Font
+                  /Subtype /Type1
+                  /BaseFont /Times-Roman
+               >>
+           >>
+       >>
+      /Contents 4 0 R
+  >>
+endobj
+
+4 0 obj
+  << /Length 55 >>
+stream
+  BT
+    /F1 18 Tf
+    0 0 Td
+    (Hello World) Tj
+  ET
+endstream
+endobj
+
+xref
+0 5
+0000000000 65535 f 
+0000000018 00000 n 
+0000000077 00000 n 
+0000000178 00000 n 
+0000000457 00000 n 
+trailer
+  <<  /Root 1 0 R
+      /Size 5
+  >>
+startxref
+565
+%%EOF
diff --git a/services/filestore/tsconfig.json b/services/filestore/tsconfig.json
new file mode 100644
index 0000000..d3fdd30
--- /dev/null
+++ b/services/filestore/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "app.js",
+    "app/js/**/*",
+    "benchmarks/**/*",
+    "config/**/*",
+    "scripts/**/*",
+    "test/**/*",
+    "types"
+  ]
+}
diff --git a/services/git-bridge/.gitignore b/services/git-bridge/.gitignore
new file mode 100644
index 0000000..74a7f43
--- /dev/null
+++ b/services/git-bridge/.gitignore
@@ -0,0 +1,53 @@
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio and Webstorm
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# Let's not share anything because we're using Maven.
+
+.idea
+*.iml
+
+# User-specific stuff:
+.idea/workspace.xml
+.idea/tasks.xml
+.idea/dictionaries
+.idea/vcs.xml
+.idea/jsLibraryMappings.xml
+
+# Sensitive or high-churn files:
+.idea/dataSources.ids
+.idea/dataSources.xml
+.idea/dataSources.local.xml
+.idea/sqlDataSources.xml
+.idea/dynamic.xml
+.idea/uiDesigner.xml
+
+# Gradle:
+.idea/gradle.xml
+.idea/libraries
+
+# Mongo Explorer plugin:
+.idea/mongoSettings.xml
+
+## File-based project format:
+*.iws
+
+## Plugin-specific files:
+
+# IntelliJ
+/out/
+target/
+
+# mpeltonen/sbt-idea plugin
+.idea_modules/
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+fabric.properties
+
+# Local configuration files
+conf/runtime.json
diff --git a/services/git-bridge/Dockerfile b/services/git-bridge/Dockerfile
new file mode 100644
index 0000000..58572ae
--- /dev/null
+++ b/services/git-bridge/Dockerfile
@@ -0,0 +1,48 @@
+# Dockerfile for git-bridge
+
+FROM maven:3-amazoncorretto-21-debian AS base
+
+RUN apt-get update && apt-get install -y make git sqlite3 \
+ && rm -rf /var/lib/apt/lists
+
+COPY vendor/envsubst /opt/envsubst
+RUN chmod +x /opt/envsubst
+
+RUN useradd --create-home node
+
+FROM base AS builder
+
+COPY . /app
+
+WORKDIR /app
+
+RUN make package \
+# The name of the created jar contains the current version tag.
+# Rename it to a static path that can be used for copying.
+&&  find /app/target \
+      -name 'writelatex-git-bridge*jar-with-dependencies.jar' \
+      -exec mv {} /git-bridge.jar \;
+
+FROM amazoncorretto:21-alpine
+
+RUN apk add --update --no-cache bash git sqlite procps htop net-tools jemalloc util-linux
+
+ENV LD_PRELOAD=/usr/lib/libjemalloc.so.2
+
+RUN adduser -D node
+
+COPY --from=builder /git-bridge.jar /
+
+COPY vendor/envsubst /opt/envsubst
+RUN chmod +x /opt/envsubst
+
+COPY conf/envsubst_template.json envsubst_template.json
+COPY start.sh start.sh
+COPY server-pro-start.sh server-pro-start.sh
+
+RUN mkdir conf
+RUN chown node:node conf
+
+USER node
+
+CMD ["/start.sh"]
diff --git a/services/git-bridge/LICENSE b/services/git-bridge/LICENSE
new file mode 100644
index 0000000..dc6bb13
--- /dev/null
+++ b/services/git-bridge/LICENSE
@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2014 Winston Li
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
diff --git a/services/git-bridge/Makefile b/services/git-bridge/Makefile
new file mode 100644
index 0000000..2fd30f0
--- /dev/null
+++ b/services/git-bridge/Makefile
@@ -0,0 +1,40 @@
+# git-bridge makefile
+
+MVN_OPTS := --no-transfer-progress
+MVN_TARGET := target/writelatex-git-bridge-1.0-SNAPSHOT-jar-with-dependencies.jar
+
+runtime-conf:
+	/opt/envsubst < conf/envsubst_template.json > conf/runtime.json
+
+
+run: $(MVN_TARGET) runtime-conf
+	java $(GIT_BRIDGE_JVM_ARGS) -jar $(MVN_TARGET) conf/runtime.json
+
+
+$(MVN_TARGET): $(shell find src -type f) pom.xml
+	mvn $(MVN_OPTS) package -DskipTests
+
+build: $(MVN_TARGET)
+
+
+format:
+	mvn $(MVN_OPTS) com.spotify.fmt:fmt-maven-plugin:check
+
+
+format_fix:
+	mvn $(MVN_OPTS) com.spotify.fmt:fmt-maven-plugin:format
+
+
+test:
+	mvn $(MVN_OPTS) test
+
+
+clean:
+	mvn $(MVN_OPTS) clean
+
+
+package: clean
+	mvn $(MVN_OPTS) package -DskipTests
+
+
+.PHONY: run package build clean test runtime-conf
diff --git a/services/git-bridge/README.md b/services/git-bridge/README.md
new file mode 100644
index 0000000..eadc2ab
--- /dev/null
+++ b/services/git-bridge/README.md
@@ -0,0 +1,136 @@
+# writelatex-git-bridge
+
+## Docker
+
+The `Dockerfile` contains all the requirements for building and running the
+ writelatex-git-bridge.
+
+```bash
+# build the image
+docker build -t writelatex-git-bridge .
+
+# run it with the demo config
+docker run -v `pwd`/conf/local.json:/conf/runtime.json writelatex-git-bridge
+```
+
+## Native install
+
+### Required packages
+
+  * `maven` (for building, running tests and packaging)
+  * `jdk-8` (for compiling and running)
+
+### Commands
+
+To be run from the base directory:
+
+**Build jar**:
+`mvn package`
+
+**Run tests**:
+`mvn test`
+
+**Clean**:
+`mvn clean`
+
+To be run from the dev-environment:
+
+**Build jar**:
+`bin/run git-bridge make package`
+
+**Run tests**:
+`bin/run git-bridge make test`
+
+**Clean**:
+`bin/run git-bridge make clean`
+
+### Installation
+
+Install dependencies:
+
+```
+sudo apt-get update
+sudo apt-get install -y maven
+sudo apt-get install -y openjdk-8-jdk
+sudo update-alternatives --set java /usr/lib/jvm/java-8-openjdk-amd64/jre/bin/java
+sudo update-alternatives --set javac /usr/lib/jvm/java-8-openjdk-amd64/jre/bin/javac
+```
+
+Create a config file according to the format below.
+
+Run `mvn package` to build, test, and package it into a jar at `target/writelatex-git-bridge-1.0-SNAPSHOT-jar-with-dependencies.jar`.
+
+Use `java -jar <path_to_jar> <path_to_config_file>` to run the server.
+
+## Runtime Configuration
+
+The configuration file is in `.json` format.
+
+    {
+        "port" (int): the port number,
+        "rootGitDirectory" (string): the directory in which to store
+                                     git repos and the db/atts,
+        "apiBaseUrl" (string): base url for the snapshot api,
+        "username" (string, optional): username for http basic auth,
+        "password" (string, optional): password for http basic auth,
+        "postbackBaseUrl" (string): the postback url,
+        "serviceName" (string): current name of writeLaTeX
+                                in case it ever changes,
+        "oauth2Server" (string): oauth2 server,
+                                 with protocol and
+                                 without trailing slash,
+                                 null or missing if oauth2 shouldn't be used
+        },
+        "repoStore" (object, optional): { configure the repo store
+            "maxFileSize" (long, optional): maximum size of a file, inclusive
+        },
+        "swapStore" (object, optional): { the place to swap projects to.
+                                          if null, type defaults to
+                                          "noop"
+            "type" (string): "s3", "memory", "noop" (not recommended),
+            "awsAccessKey" (string, optional): only for s3,
+            "awsSecret" (string, optional): only for s3,
+            "s3BucketName" (string, optional): only for s3
+        },
+        "swapJob" (object, optional): { configure the project
+                                        swapping job.
+                                        if null, defaults to no-op
+            "minProjects" (int64): lower bound on number of projects
+                                   present. The swap job will never go
+                                   below this, regardless of what the
+                                   watermark shows. Regardless, if
+                                   minProjects prevents an eviction,
+                                   the swap job will WARN,
+            "lowGiB" (int32): the low watermark for swapping,
+                              i.e. swap until disk usage is below this,
+            "highGiB" (int32): the high watermark for swapping,
+                               i.e. start swapping when
+                               disk usage becomes this,
+            "intervalMillis" (int64): amount of time in between running
+                                      swap job and checking watermarks.
+                                      3600000 is 1 hour
+        }
+    }
+
+You have to restart the server for configuration changes to take effect.
+
+
+## Creating OAuth app
+
+In dev-env, run the following command in mongo to create the oauth application
+for git-bridge.
+
+```
+db.oauthApplications.insert({
+  "clientSecret" : "v1.G5HHTXfxsJMmfFhSar9QhJLg/u4KpGpYOdPGwoKdZXk=",
+  "grants" : [
+    "password"
+  ],
+  "id" : "264c723c925c13590880751f861f13084934030c13b4452901e73bdfab226edc",
+  "name" : "Overleaf Git Bridge",
+  "redirectUris" : [],
+  "scopes" : [
+    "git_bridge"
+  ]
+})
+```
diff --git a/services/git-bridge/conf/envsubst_template.json b/services/git-bridge/conf/envsubst_template.json
new file mode 100644
index 0000000..4ede5ba
--- /dev/null
+++ b/services/git-bridge/conf/envsubst_template.json
@@ -0,0 +1,31 @@
+{
+  "port": ${GIT_BRIDGE_PORT:-8000},
+  "bindIp": "${GIT_BRIDGE_BIND_IP:-0.0.0.0}",
+  "idleTimeout": ${GIT_BRIDGE_IDLE_TIMEOUT:-30000},
+  "rootGitDirectory": "${GIT_BRIDGE_ROOT_DIR:-/tmp/wlgb}",
+  "allowedCorsOrigins": "${GIT_BRIDGE_ALLOWED_CORS_ORIGINS:-https://localhost}",
+  "apiBaseUrl": "${GIT_BRIDGE_API_BASE_URL:-https://localhost/api/v0}",
+  "postbackBaseUrl": "${GIT_BRIDGE_POSTBACK_BASE_URL:-https://localhost}",
+  "serviceName": "${GIT_BRIDGE_SERVICE_NAME:-Overleaf}",
+  "oauth2Server": "${GIT_BRIDGE_OAUTH2_SERVER:-https://localhost}",
+  "userPasswordEnabled": ${GIT_BRIDGE_USER_PASSWORD_ENABLED:-false},
+  "repoStore": {
+    "maxFileNum": ${GIT_BRIDGE_REPOSTORE_MAX_FILE_NUM:-2000},
+    "maxFileSize": ${GIT_BRIDGE_REPOSTORE_MAX_FILE_SIZE:-52428800}
+  },
+  "swapStore": {
+    "type": "${GIT_BRIDGE_SWAPSTORE_TYPE:-noop}",
+    "awsAccessKey": "${GIT_BRIDGE_SWAPSTORE_AWS_ACCESS_KEY}",
+    "awsSecret": "${GIT_BRIDGE_SWAPSTORE_AWS_SECRET}",
+    "s3BucketName": "${GIT_BRIDGE_SWAPSTORE_S3_BUCKET_NAME}",
+    "awsRegion": "${GIT_BRIDGE_SWAPSTORE_AWS_REGION:-us-east-1}"
+  },
+  "swapJob": {
+    "minProjects": ${GIT_BRIDGE_SWAPJOB_MIN_PROJECTS:-50},
+    "lowGiB": ${GIT_BRIDGE_SWAPJOB_LOW_GIB:-128},
+    "highGiB": ${GIT_BRIDGE_SWAPJOB_HIGH_GIB:-256},
+    "intervalMillis": ${GIT_BRIDGE_SWAPJOB_INTERVAL_MILLIS:-3600000},
+    "compressionMethod": "${GIT_BRIDGE_SWAPJOB_COMPRESSION_METHOD:-gzip}"
+  },
+  "sqliteHeapLimitBytes": ${GIT_BRIDGE_SQLITE_HEAP_LIMIT_BYTES:-0}
+}
diff --git a/services/git-bridge/conf/example_config.json b/services/git-bridge/conf/example_config.json
new file mode 100644
index 0000000..76b82eb
--- /dev/null
+++ b/services/git-bridge/conf/example_config.json
@@ -0,0 +1,30 @@
+{
+    "port": 8080,
+    "bindIp": "127.0.0.1",
+    "idleTimeout": 30000,
+    "rootGitDirectory": "/tmp/wlgb",
+    "allowedCorsOrigins": "https://localhost",
+    "apiBaseUrl": "https://localhost/api/v0",
+    "postbackBaseUrl": "https://localhost",
+    "serviceName": "Overleaf",
+    "oauth2Server": "https://localhost",
+    "repoStore": {
+        "maxFileNum": 2000,
+        "maxFileSize": 52428800
+    },
+    "swapStore": {
+        "type": "s3",
+        "awsAccessKey": "asdf",
+        "awsSecret": "asdf",
+        "s3BucketName": "com.overleaf.testbucket",
+        "awsRegion": "us-east-1"
+    },
+    "swapJob": {
+        "minProjects": 50,
+        "lowGiB": 128,
+        "highGiB": 256,
+        "intervalMillis": 3600000,
+        "compressionMethod": "gzip"
+    },
+    "sqliteHeapLimitBytes": 512000000
+}
diff --git a/services/git-bridge/conf/local.json b/services/git-bridge/conf/local.json
new file mode 100644
index 0000000..c4de48d
--- /dev/null
+++ b/services/git-bridge/conf/local.json
@@ -0,0 +1,25 @@
+{
+  "port": 8000,
+  "bindIp": "0.0.0.0",
+  "idleTimeout": 30000,
+  "rootGitDirectory": "/tmp/wlgb",
+  "allowedCorsOrigins": "http://v2.overleaf.test",
+  "apiBaseUrl": "http://v2.overleaf.test:3000/api/v0",
+  "postbackBaseUrl": "http://git-bridge:8000",
+  "serviceName": "Overleaf",
+  "oauth2Server": "http://v2.overleaf.test:3000",
+  "repoStore": {
+    "maxFileNum": 2000,
+    "maxFileSize": 52428800
+  },
+  "swapStore": {
+    "type": "noop"
+  },
+  "swapJob": {
+    "minProjects": 50,
+    "lowGiB": 128,
+    "highGiB": 256,
+    "intervalMillis": 3600000,
+    "compressionMethod": "gzip"
+  }
+}
diff --git a/services/git-bridge/pom.xml b/services/git-bridge/pom.xml
new file mode 100644
index 0000000..7b2c5b8
--- /dev/null
+++ b/services/git-bridge/pom.xml
@@ -0,0 +1,275 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+
+    <groupId>uk.ac.ic.wlgitbridge</groupId>
+    <artifactId>writelatex-git-bridge</artifactId>
+    <version>1.0-SNAPSHOT</version>
+    <properties>
+        <java.version>21</java.version>
+        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
+        <maven.compiler.plugin.version>3.13.0</maven.compiler.plugin.version>
+        <maven.surefire.plugin.version>2.12.4</maven.surefire.plugin.version>
+        <maven.assembly.plugin.version>3.1.0</maven.assembly.plugin.version>
+        <fmt.plugin.version>2.23</fmt.plugin.version>
+        <junit.version>4.13.2</junit.version>
+        <jmock.junit4.version>2.8.4</jmock.junit4.version>
+        <jetty.servlet.version>9.4.57.v20241219</jetty.servlet.version>
+        <gson.version>2.9.0</gson.version>
+        <async.http.client.version>3.0.1</async.http.client.version>
+        <jgit.version>6.6.1.202309021850-r</jgit.version>
+        <sqlite.jdbc.version>3.41.2.2</sqlite.jdbc.version>
+        <joda.time.version>2.9.9</joda.time.version>
+        <google.oauth.client.version>1.37.0</google.oauth.client.version>
+        <google.http.client.version>1.23.0</google.http.client.version>
+        <commons.lang3.version>3.17.0</commons.lang3.version>
+        <logback.classic.version>1.2.13</logback.classic.version>
+        <mockserver.version>5.12.0</mockserver.version>
+        <mockito.version>5.12.0</mockito.version>
+        <aws.java.sdk.version>1.12.780</aws.java.sdk.version>
+        <jakarta.xml.bind.api.version>${jaxb.runtime.version}</jakarta.xml.bind.api.version>
+        <jaxb.runtime.version>2.3.2</jaxb.runtime.version>
+        <httpclient.version>4.5.14</httpclient.version>
+        <commons.io.version>2.18.0</commons.io.version>
+        <commons.compress.version>1.27.1</commons.compress.version>
+        <simpleclient.version>0.10.0</simpleclient.version>
+        <bouncycastle.crypto.version>1.70</bouncycastle.crypto.version>
+    </properties>
+    <build>
+        <plugins>
+            <!-- https://mvnrepository.com/artifact/org.apache.maven.plugins/maven-compiler-plugin -->
+            <plugin>
+                <artifactId>maven-compiler-plugin</artifactId>
+                <version>${maven.compiler.plugin.version}</version>
+                <configuration>
+                    <source>${java.version}</source>
+                    <target>${java.version}</target>
+                    <release>${java.version}</release>
+                </configuration>
+            </plugin>
+            <!-- Workaround, test loader crashes without this configuration option -->
+            <!-- See: https://stackoverflow.com/questions/53010200/maven-surefire-could-not-find-forkedbooter-class -->
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-surefire-plugin</artifactId>
+                <version>${maven.surefire.plugin.version}</version>
+                <configuration>
+                  <argLine>-Djdk.net.URLClassPath.disableClassPathURLCheck=true</argLine>
+                </configuration>
+            </plugin>
+            <!-- https://mvnrepository.com/artifact/org.apache.maven.plugins/maven-assembly-plugin -->
+            <plugin>
+                <artifactId>maven-assembly-plugin</artifactId>
+                <version>${maven.assembly.plugin.version}</version>
+                <executions>
+                    <execution>
+                        <phase>package</phase>
+                        <goals>
+                            <goal>single</goal>
+                        </goals>
+                    </execution>
+                </executions>
+                <configuration>
+                    <archive>
+                        <manifest>
+                            <mainClass>uk.ac.ic.wlgitbridge.Main</mainClass>
+                        </manifest>
+                    </archive>
+                    <descriptorRefs>
+                        <descriptorRef>jar-with-dependencies</descriptorRef>
+                    </descriptorRefs>
+                </configuration>
+            </plugin>
+          <plugin>
+            <groupId>com.spotify.fmt</groupId>
+            <artifactId>fmt-maven-plugin</artifactId>
+            <version>${fmt.plugin.version}</version>
+          </plugin>
+        </plugins>
+    </build>
+    <dependencies>
+        <!-- https://mvnrepository.com/artifact/junit/junit -->
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <version>${junit.version}</version>
+            <scope>test</scope>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/org.jmock/jmock-junit4 -->
+        <dependency>
+            <groupId>org.jmock</groupId>
+            <artifactId>jmock-junit4</artifactId>
+            <version>${jmock.junit4.version}</version>
+            <scope>test</scope>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/org.eclipse.jetty/jetty-servlet -->
+        <dependency>
+            <groupId>org.eclipse.jetty</groupId>
+            <artifactId>jetty-servlet</artifactId>
+            <version>${jetty.servlet.version}</version>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/org.eclipse.jetty/jetty-server -->
+        <dependency>
+            <groupId>org.eclipse.jetty</groupId>
+            <artifactId>jetty-server</artifactId>
+            <version>${jetty.servlet.version}</version>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/com.google.code.gson/gson -->
+        <dependency>
+            <groupId>com.google.code.gson</groupId>
+            <artifactId>gson</artifactId>
+            <version>${gson.version}</version>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/org.asynchttpclient/async-http-client -->
+        <dependency>
+            <groupId>org.asynchttpclient</groupId>
+            <artifactId>async-http-client</artifactId>
+            <version>${async.http.client.version}</version>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/org.eclipse.jgit/org.eclipse.jgit -->
+        <dependency>
+            <groupId>org.eclipse.jgit</groupId>
+            <artifactId>org.eclipse.jgit</artifactId>
+            <version>${jgit.version}</version>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/org.eclipse.jgit/org.eclipse.jgit.http.server -->
+        <dependency>
+            <groupId>org.eclipse.jgit</groupId>
+            <artifactId>org.eclipse.jgit.http.server</artifactId>
+            <version>${jgit.version}</version>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/org.xerial/sqlite-jdbc -->
+        <dependency>
+            <groupId>org.xerial</groupId>
+            <artifactId>sqlite-jdbc</artifactId>
+            <version>${sqlite.jdbc.version}</version>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/joda-time/joda-time -->
+        <dependency>
+            <groupId>joda-time</groupId>
+            <artifactId>joda-time</artifactId>
+            <version>${joda.time.version}</version>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/com.google.oauth-client/google-oauth-client -->
+        <dependency>
+            <groupId>com.google.oauth-client</groupId>
+            <artifactId>google-oauth-client</artifactId>
+            <version>${google.oauth.client.version}</version>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/com.google.http-client/google-http-client -->
+        <dependency>
+            <groupId>com.google.http-client</groupId>
+            <artifactId>google-http-client</artifactId>
+            <version>${google.http.client.version}</version>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/com.google.http-client/google-http-client-gson -->
+        <dependency>
+            <groupId>com.google.http-client</groupId>
+            <artifactId>google-http-client-gson</artifactId>
+            <version>${google.http.client.version}</version>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/org.apache.commons/commons-lang3 -->
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-lang3</artifactId>
+            <version>${commons.lang3.version}</version>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/ch.qos.logback/logback-classic -->
+        <dependency>
+            <groupId>ch.qos.logback</groupId>
+            <artifactId>logback-classic</artifactId>
+            <version>${logback.classic.version}</version>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/org.mock-server/mockserver-netty -->
+        <dependency>
+            <groupId>org.mock-server</groupId>
+            <artifactId>mockserver-netty</artifactId>
+            <version>${mockserver.version}</version>
+            <scope>test</scope>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/org.mock-server/mockserver-junit-rule -->
+        <dependency>
+          <groupId>org.mock-server</groupId>
+          <artifactId>mockserver-junit-rule</artifactId>
+          <version>${mockserver.version}</version>
+          <scope>test</scope>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/org.mockito/mockito-core -->
+        <dependency>
+            <groupId>org.mockito</groupId>
+            <artifactId>mockito-core</artifactId>
+            <version>${mockito.version}</version>
+            <scope>test</scope>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/com.amazonaws/aws-java-sdk -->
+        <dependency>
+            <groupId>com.amazonaws</groupId>
+            <artifactId>aws-java-sdk-s3</artifactId>
+            <version>${aws.java.sdk.version}</version>
+        </dependency>
+        <!-- API, java.xml.bind module -->
+        <dependency>
+            <groupId>jakarta.xml.bind</groupId>
+            <artifactId>jakarta.xml.bind-api</artifactId>
+            <version>${jakarta.xml.bind.api.version}</version>
+        </dependency>
+
+        <!-- Runtime, com.sun.xml.bind module -->
+        <dependency>
+            <groupId>org.glassfish.jaxb</groupId>
+            <artifactId>jaxb-runtime</artifactId>
+            <version>${jaxb.runtime.version}</version>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/org.apache.httpcomponents/httpclient -->
+        <dependency>
+            <groupId>org.apache.httpcomponents</groupId>
+            <artifactId>httpclient</artifactId>
+            <version>${httpclient.version}</version>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/commons-io/commons-io -->
+        <dependency>
+            <groupId>commons-io</groupId>
+            <artifactId>commons-io</artifactId>
+            <version>${commons.io.version}</version>
+        </dependency>
+        <!-- https://mvnrepository.com/artifact/org.apache.commons/commons-compress -->
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-compress</artifactId>
+            <version>${commons.compress.version}</version>
+        </dependency>
+        <!-- prometheus metrics -->
+        <dependency>
+            <groupId>io.prometheus</groupId>
+            <artifactId>simpleclient</artifactId>
+            <version>${simpleclient.version}</version>
+        </dependency>
+        <!-- Hotspot JVM metrics -->
+        <dependency>
+            <groupId>io.prometheus</groupId>
+            <artifactId>simpleclient_hotspot</artifactId>
+            <version>${simpleclient.version}</version>
+        </dependency>
+        <!-- Expose metrics via a servlet -->
+        <dependency>
+            <groupId>io.prometheus</groupId>
+            <artifactId>simpleclient_servlet</artifactId>
+            <version>${simpleclient.version}</version>
+        </dependency>
+        <!-- Require by MockServerClient to load 'sun.security.x509' / 'sun.security.util' -->
+        <dependency>
+            <groupId>org.bouncycastle</groupId>
+            <artifactId>bcprov-jdk15on</artifactId>
+            <version>${bouncycastle.crypto.version}</version>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+           <groupId>org.bouncycastle</groupId>
+            <artifactId>bcpkix-jdk15on</artifactId>
+            <version>${bouncycastle.crypto.version}</version>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/services/git-bridge/server-pro-start.sh b/services/git-bridge/server-pro-start.sh
new file mode 100755
index 0000000..7a01d2f
--- /dev/null
+++ b/services/git-bridge/server-pro-start.sh
@@ -0,0 +1,12 @@
+#!/bin/bash
+
+# This script is meant to be run as root when the git bridge starts up in
+# Server Pro. It ensures that the data directory is created and owned by the
+# "node" user, which is the regular user git bridge runs as.
+
+ROOT_DIR="${GIT_BRIDGE_ROOT_DIR:-/tmp/wlgb}"
+mkdir -p "$ROOT_DIR"
+chown node:node "$ROOT_DIR"
+
+# Drop privileges using setpriv to avoid spawning a new process
+exec setpriv --reuid=node --regid=node --init-groups /start.sh
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/Main.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/Main.java
new file mode 100644
index 0000000..5e365b8
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/Main.java
@@ -0,0 +1,39 @@
+package uk.ac.ic.wlgitbridge;
+
+import java.util.Arrays;
+import uk.ac.ic.wlgitbridge.application.GitBridgeApp;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by Winston on 01/11/14.
+ */
+
+/*
+ * This is the entry point into the Git Bridge.
+ *
+ * It is responsible for creating the {@link GitBridgeApp} and then running it.
+ *
+ * The {@link GitBridgeApp} parses args and creates the {@link GitBridgeServer}.
+ *
+ * The {@link GitBridgeServer} creates the {@link Bridge}, among other things.
+ *
+ * The {@link Bridge} is the heart of the Git Bridge. Start there, and follow
+ * the links outwards (which lead back to the Git users and the postback from
+ * the snapshot API) and inwards (which lead into the components of the Git
+ * Bridge: the configurable repo store, db store, and swap store, along with
+ * the project lock, the swap job, the snapshot API, the resource cache
+ * and the postback manager).
+ */
+public class Main {
+
+  public static void main(String[] args) {
+    Log.info("Git Bridge started with args: " + Arrays.toString(args));
+    try {
+      new GitBridgeApp(args).run();
+    } catch (Throwable t) {
+      /* So that we get a timestamp */
+      Log.error("Fatal exception thrown to top level, exiting: ", t);
+      System.exit(1);
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/application/GitBridgeApp.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/application/GitBridgeApp.java
new file mode 100644
index 0000000..e3cb952
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/application/GitBridgeApp.java
@@ -0,0 +1,93 @@
+package uk.ac.ic.wlgitbridge.application;
+
+import java.io.IOException;
+import javax.servlet.ServletException;
+import uk.ac.ic.wlgitbridge.application.config.Config;
+import uk.ac.ic.wlgitbridge.application.exception.ArgsException;
+import uk.ac.ic.wlgitbridge.application.exception.ConfigFileException;
+import uk.ac.ic.wlgitbridge.server.GitBridgeServer;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by Winston on 02/11/14.
+ */
+
+/*
+ * Class that represents the application. Parses arguments and gives them to the
+ * server, or dies with a usage message.
+ */
+public class GitBridgeApp implements Runnable {
+
+  public static final int EXIT_CODE_FAILED = 1;
+  private static final String USAGE_MESSAGE = "usage: writelatex-git-bridge [config_file]";
+
+  private String configFilePath;
+  Config config;
+  private GitBridgeServer server;
+
+  /*
+   * Constructs an instance of the WriteLatex-Git Bridge application.
+   * @param args args from main, which should be in the format [config_file]
+   */
+  public GitBridgeApp(String[] args) {
+    try {
+      parseArguments(args);
+      loadConfigFile();
+      Log.info("Config loaded: {}", config.getSanitisedString());
+    } catch (ArgsException e) {
+      printUsage();
+      System.exit(EXIT_CODE_FAILED);
+    } catch (ConfigFileException e) {
+      Log.error(
+          "The property for " + e.getMissingMember() + " is invalid. Check your config file.");
+      System.exit(EXIT_CODE_FAILED);
+    } catch (IOException e) {
+      Log.error("Invalid config file. Check the file path.");
+      System.exit(EXIT_CODE_FAILED);
+    }
+    try {
+      server = new GitBridgeServer(config);
+    } catch (ServletException e) {
+      Log.error("Servlet exception when instantiating GitBridgeServer", e);
+    }
+  }
+
+  /*
+   * Starts the server with the port number and root directory path given in
+   * the command-line arguments.
+   */
+  @Override
+  public void run() {
+    server.start();
+  }
+
+  public void stop() {
+    server.stop();
+  }
+
+  /* Helper methods */
+
+  private void parseArguments(String[] args) throws ArgsException {
+    checkArgumentsLength(args);
+    parseConfigFilePath(args);
+  }
+
+  private void checkArgumentsLength(String[] args) throws ArgsException {
+    if (args.length < 1) {
+      throw new ArgsException();
+    }
+  }
+
+  private void parseConfigFilePath(String[] args) throws ArgsException {
+    configFilePath = args[0];
+  }
+
+  private void loadConfigFile() throws ConfigFileException, IOException {
+    Log.info("Loading config file at path: " + configFilePath);
+    config = new Config(configFilePath);
+  }
+
+  private void printUsage() {
+    System.err.println(USAGE_MESSAGE);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/application/config/Config.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/application/config/Config.java
new file mode 100644
index 0000000..d5b5301
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/application/config/Config.java
@@ -0,0 +1,204 @@
+package uk.ac.ic.wlgitbridge.application.config;
+
+import com.google.gson.Gson;
+import com.google.gson.JsonElement;
+import com.google.gson.JsonObject;
+import java.io.FileReader;
+import java.io.IOException;
+import java.io.Reader;
+import java.util.Optional;
+import javax.annotation.Nullable;
+import uk.ac.ic.wlgitbridge.application.exception.ConfigFileException;
+import uk.ac.ic.wlgitbridge.bridge.repo.RepoStoreConfig;
+import uk.ac.ic.wlgitbridge.bridge.swap.job.SwapJobConfig;
+import uk.ac.ic.wlgitbridge.bridge.swap.store.SwapStoreConfig;
+import uk.ac.ic.wlgitbridge.snapshot.base.JSONSource;
+import uk.ac.ic.wlgitbridge.util.Instance;
+
+/*
+ * Created by Winston on 05/12/14.
+ */
+public class Config implements JSONSource {
+
+  static Config asSanitised(Config config) {
+    return new Config(
+        config.port,
+        config.bindIp,
+        config.idleTimeout,
+        config.rootGitDirectory,
+        config.allowedCorsOrigins,
+        config.apiBaseURL,
+        config.postbackURL,
+        config.serviceName,
+        config.oauth2Server,
+        config.userPasswordEnabled,
+        config.repoStore,
+        SwapStoreConfig.sanitisedCopy(config.swapStore),
+        config.swapJob,
+        config.sqliteHeapLimitBytes);
+  }
+
+  private int port;
+  private String bindIp;
+  private int idleTimeout;
+  private String rootGitDirectory;
+  private String[] allowedCorsOrigins;
+  private String apiBaseURL;
+  private String postbackURL;
+  private String serviceName;
+  @Nullable private String oauth2Server;
+  private boolean userPasswordEnabled;
+  @Nullable private RepoStoreConfig repoStore;
+  @Nullable private SwapStoreConfig swapStore;
+  @Nullable private SwapJobConfig swapJob;
+  private int sqliteHeapLimitBytes = 0;
+
+  public Config(String configFilePath) throws ConfigFileException, IOException {
+    this(new FileReader(configFilePath));
+  }
+
+  Config(Reader reader) {
+    fromJSON(new Gson().fromJson(reader, JsonElement.class));
+  }
+
+  public Config(
+      int port,
+      String bindIp,
+      int idleTimeout,
+      String rootGitDirectory,
+      String[] allowedCorsOrigins,
+      String apiBaseURL,
+      String postbackURL,
+      String serviceName,
+      String oauth2Server,
+      boolean userPasswordEnabled,
+      RepoStoreConfig repoStore,
+      SwapStoreConfig swapStore,
+      SwapJobConfig swapJob,
+      int sqliteHeapLimitBytes) {
+    this.port = port;
+    this.bindIp = bindIp;
+    this.idleTimeout = idleTimeout;
+    this.rootGitDirectory = rootGitDirectory;
+    this.allowedCorsOrigins = allowedCorsOrigins;
+    this.apiBaseURL = apiBaseURL;
+    this.postbackURL = postbackURL;
+    this.serviceName = serviceName;
+    this.oauth2Server = oauth2Server;
+    this.userPasswordEnabled = userPasswordEnabled;
+    this.repoStore = repoStore;
+    this.swapStore = swapStore;
+    this.swapJob = swapJob;
+    this.sqliteHeapLimitBytes = sqliteHeapLimitBytes;
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {
+    JsonObject configObject = json.getAsJsonObject();
+    port = getElement(configObject, "port").getAsInt();
+    bindIp = getElement(configObject, "bindIp").getAsString();
+    idleTimeout = getElement(configObject, "idleTimeout").getAsInt();
+    rootGitDirectory = getElement(configObject, "rootGitDirectory").getAsString();
+    String apiBaseURL = getElement(configObject, "apiBaseUrl").getAsString();
+    if (!apiBaseURL.endsWith("/")) {
+      apiBaseURL += "/";
+    }
+    this.apiBaseURL = apiBaseURL;
+    serviceName = getElement(configObject, "serviceName").getAsString();
+    final String rawAllowedCorsOrigins =
+        getOptionalString(configObject, "allowedCorsOrigins").trim();
+    if (rawAllowedCorsOrigins.isEmpty()) {
+      allowedCorsOrigins = new String[] {};
+    } else {
+      allowedCorsOrigins = rawAllowedCorsOrigins.split(",");
+    }
+    postbackURL = getElement(configObject, "postbackBaseUrl").getAsString();
+    if (!postbackURL.endsWith("/")) {
+      postbackURL += "/";
+    }
+    oauth2Server = getOptionalString(configObject, "oauth2Server");
+    userPasswordEnabled = getOptionalString(configObject, "userPasswordEnabled").equals("true");
+    repoStore = new Gson().fromJson(configObject.get("repoStore"), RepoStoreConfig.class);
+    swapStore = new Gson().fromJson(configObject.get("swapStore"), SwapStoreConfig.class);
+    swapJob = new Gson().fromJson(configObject.get("swapJob"), SwapJobConfig.class);
+    if (configObject.has("sqliteHeapLimitBytes")) {
+      sqliteHeapLimitBytes = getElement(configObject, "sqliteHeapLimitBytes").getAsInt();
+    }
+  }
+
+  public String getSanitisedString() {
+    return Instance.prettyGson.toJson(Config.asSanitised(this));
+  }
+
+  public int getPort() {
+    return port;
+  }
+
+  public String getBindIp() {
+    return bindIp;
+  }
+
+  public int getIdleTimeout() {
+    return idleTimeout;
+  }
+
+  public String getRootGitDirectory() {
+    return rootGitDirectory;
+  }
+
+  public int getSqliteHeapLimitBytes() {
+    return this.sqliteHeapLimitBytes;
+  }
+
+  public String[] getAllowedCorsOrigins() {
+    return allowedCorsOrigins;
+  }
+
+  public String getAPIBaseURL() {
+    return apiBaseURL;
+  }
+
+  public String getServiceName() {
+    return serviceName;
+  }
+
+  public String getPostbackURL() {
+    return postbackURL;
+  }
+
+  public boolean isUserPasswordEnabled() {
+    return userPasswordEnabled;
+  }
+
+  public String getOauth2Server() {
+    return oauth2Server;
+  }
+
+  public Optional<RepoStoreConfig> getRepoStore() {
+    return Optional.ofNullable(repoStore);
+  }
+
+  public Optional<SwapStoreConfig> getSwapStore() {
+    return Optional.ofNullable(swapStore);
+  }
+
+  public Optional<SwapJobConfig> getSwapJob() {
+    return Optional.ofNullable(swapJob);
+  }
+
+  private JsonElement getElement(JsonObject configObject, String name) {
+    JsonElement element = configObject.get(name);
+    if (element == null) {
+      throw new RuntimeException(new ConfigFileException(name));
+    }
+    return element;
+  }
+
+  private String getOptionalString(JsonObject configObject, String name) {
+    JsonElement element = configObject.get(name);
+    if (element == null || !element.isJsonPrimitive()) {
+      return "";
+    }
+    return element.getAsString();
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/application/exception/ArgsException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/application/exception/ArgsException.java
new file mode 100644
index 0000000..5717aff
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/application/exception/ArgsException.java
@@ -0,0 +1,6 @@
+package uk.ac.ic.wlgitbridge.application.exception;
+
+/*
+ * Created by Winston on 03/11/14.
+ */
+public class ArgsException extends Exception {}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/application/exception/ConfigFileException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/application/exception/ConfigFileException.java
new file mode 100644
index 0000000..8e6ac7d
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/application/exception/ConfigFileException.java
@@ -0,0 +1,17 @@
+package uk.ac.ic.wlgitbridge.application.exception;
+
+/*
+ * Created by Winston on 05/12/14.
+ */
+public class ConfigFileException extends Exception {
+
+  private final String missingMember;
+
+  public ConfigFileException(String missingMember) {
+    this.missingMember = missingMember;
+  }
+
+  public String getMissingMember() {
+    return missingMember;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/application/jetty/NullLogger.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/application/jetty/NullLogger.java
new file mode 100644
index 0000000..4543a59
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/application/jetty/NullLogger.java
@@ -0,0 +1,60 @@
+package uk.ac.ic.wlgitbridge.application.jetty;
+
+import org.eclipse.jetty.util.log.Logger;
+
+/*
+ * Created by Winston on 03/11/14.
+ */
+public class NullLogger implements Logger {
+
+  @Override
+  public String getName() {
+    return "null_logger";
+  }
+
+  @Override
+  public void warn(String s, Object... objects) {}
+
+  @Override
+  public void warn(Throwable throwable) {}
+
+  @Override
+  public void warn(String s, Throwable throwable) {}
+
+  @Override
+  public void info(String s, Object... objects) {}
+
+  @Override
+  public void info(Throwable throwable) {}
+
+  @Override
+  public void info(String s, Throwable throwable) {}
+
+  @Override
+  public boolean isDebugEnabled() {
+    return false;
+  }
+
+  @Override
+  public void setDebugEnabled(boolean b) {}
+
+  @Override
+  public void debug(String s, Object... objects) {}
+
+  @Override
+  public void debug(String s, long l) {}
+
+  @Override
+  public void debug(Throwable throwable) {}
+
+  @Override
+  public void debug(String s, Throwable throwable) {}
+
+  @Override
+  public Logger getLogger(String s) {
+    return this;
+  }
+
+  @Override
+  public void ignore(Throwable throwable) {}
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/Bridge.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/Bridge.java
new file mode 100644
index 0000000..83fbeda
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/Bridge.java
@@ -0,0 +1,709 @@
+package uk.ac.ic.wlgitbridge.bridge;
+
+import com.google.api.client.auth.oauth2.Credential;
+import java.io.File;
+import java.io.IOException;
+import java.sql.Timestamp;
+import java.time.LocalDateTime;
+import java.util.*;
+import org.eclipse.jgit.errors.RepositoryNotFoundException;
+import uk.ac.ic.wlgitbridge.application.config.Config;
+import uk.ac.ic.wlgitbridge.bridge.db.DBStore;
+import uk.ac.ic.wlgitbridge.bridge.db.ProjectState;
+import uk.ac.ic.wlgitbridge.bridge.gc.GcJob;
+import uk.ac.ic.wlgitbridge.bridge.gc.GcJobImpl;
+import uk.ac.ic.wlgitbridge.bridge.lock.LockGuard;
+import uk.ac.ic.wlgitbridge.bridge.lock.ProjectLock;
+import uk.ac.ic.wlgitbridge.bridge.repo.*;
+import uk.ac.ic.wlgitbridge.bridge.resource.ResourceCache;
+import uk.ac.ic.wlgitbridge.bridge.resource.UrlResourceCache;
+import uk.ac.ic.wlgitbridge.bridge.snapshot.SnapshotApi;
+import uk.ac.ic.wlgitbridge.bridge.snapshot.SnapshotApiFacade;
+import uk.ac.ic.wlgitbridge.bridge.swap.job.SwapJob;
+import uk.ac.ic.wlgitbridge.bridge.swap.store.SwapStore;
+import uk.ac.ic.wlgitbridge.data.CandidateSnapshot;
+import uk.ac.ic.wlgitbridge.data.CannotAcquireLockException;
+import uk.ac.ic.wlgitbridge.data.ProjectLockImpl;
+import uk.ac.ic.wlgitbridge.data.filestore.GitDirectoryContents;
+import uk.ac.ic.wlgitbridge.data.filestore.RawDirectory;
+import uk.ac.ic.wlgitbridge.data.filestore.RawFile;
+import uk.ac.ic.wlgitbridge.data.model.Snapshot;
+import uk.ac.ic.wlgitbridge.git.exception.FileLimitExceededException;
+import uk.ac.ic.wlgitbridge.git.exception.GitUserException;
+import uk.ac.ic.wlgitbridge.git.exception.SizeLimitExceededException;
+import uk.ac.ic.wlgitbridge.snapshot.base.ForbiddenException;
+import uk.ac.ic.wlgitbridge.snapshot.base.MissingRepositoryException;
+import uk.ac.ic.wlgitbridge.snapshot.getdoc.GetDocResult;
+import uk.ac.ic.wlgitbridge.snapshot.getforversion.SnapshotAttachment;
+import uk.ac.ic.wlgitbridge.snapshot.push.PostbackManager;
+import uk.ac.ic.wlgitbridge.snapshot.push.PushResult;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.*;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * This is the heart of the Git Bridge. You plug in all the parts (project
+ * lock, repo store, db store, swap store, snapshot api, resource cache and
+ * postback manager) is called by Git user requests and Overleaf postback
+ * requests.
+ *
+ * Follow these links to go "outward" (to input from Git users and Overleaf):
+ *
+ * 1. JGit hooks, which handle user Git requests:
+ *
+ *    @see WLRepositoryResolver - used on all requests associate a repo with a
+ *                                project name, or fail
+ *
+ *     @see WLUploadPackFactory - used to handle clones and fetches
+ *
+ *    @see WLReceivePackFactory - used to handle pushes by setting a hook
+ *    @see WriteLatexPutHook - the hook used to handle pushes
+ *
+ * 2. The Postback Servlet, which handles postbacks from the Overleaf app
+ *    to confirm that a project is pushed. If a postback is lost, it's fine, we
+ *    just update ourselves on the next access.
+ *
+ *    @see PostbackHandler - the entry point for postbacks
+ *
+ * Follow these links to go "inward" (to the Git Bridge components):
+ *
+ * 1. The Project Lock, used to synchronise accesses to projects and shutdown
+ *    the Git Bridge gracefully by preventing further lock acquiring.
+ *
+ *    @see ProjectLock - the interface used for the Project Lock
+ *    @see ProjectLockImpl - the default concrete implementation
+ *
+ * 2. The Repo Store, used to provide repository objects.
+ *
+ *    The default implementation uses Git on the file system.
+ *
+ *    @see RepoStore - the interface for the Repo Store
+ *    @see FSGitRepoStore - the default concrete implementation
+ *    @see ProjectRepo - an interface for an actual repo instance
+ *    @see GitProjectRepo - the default concrete implementation
+ *
+ * 3. The DB Store, used to store persistent data such as the latest version
+ *    of each project that we have (used for querying the Snapshot API), along
+ *    with caching remote blobs.
+ *
+ *    The default implementation is SQLite based.
+ *
+ *    @see DBStore - the interface for the DB store
+ *    @see SqliteDBStore - the default concrete implementation
+ *
+ * 4. The Swap Store, used to swap projects to when the disk goes over a
+ *    certain data usage.
+ *
+ *    The default implementation tarbzips projects to/from Amazon S3.
+ *
+ *    @see SwapStore - the interface for the Swap Store
+ *    @see S3SwapStore - the default concrete implementation
+ *
+ * 5. The Swap Job, which performs the actual swapping on the swap store based
+ *    on various configuration options.
+ *
+ *    @see SwapJob - the interface for the Swap Job
+ *    @see SwapJobImpl - the default concrete implementation
+ *
+ * 6. The Snapshot API, which provides data from the Overleaf app.
+ *
+ *    @see SnapshotApiFacade - wraps a concrete instance of the Snapshot API.
+ *    @see SnapshotApi - the interface for the Snapshot API.
+ *    @see NetSnapshotApi - the default concrete implementation
+ *
+ * 7. The Resource Cache, which provides the data for attachment resources from
+ *    URLs. It will generally fetch from the source on a cache miss.
+ *
+ *    The default implementation uses the DB Store to maintain a mapping from
+ *    URLs to files in an actual repo.
+ *
+ *    @see ResourceCache - the interface for the Resource Cache
+ *    @see UrlResourceCache - the default concrete implementation
+ *
+ * 8. The Postback Manager, which keeps track of pending postbacks. It stores a
+ *    mapping from project names to postback promises.
+ *
+ *    @see PostbackManager - the class
+ *    @see PostbackPromise - the object waited on for a postback.
+ *
+ */
+public class Bridge {
+
+  private final Config config;
+
+  private final ProjectLock lock;
+
+  private final RepoStore repoStore;
+  private final DBStore dbStore;
+  private final SwapStore swapStore;
+  private final SwapJob swapJob;
+  private final GcJob gcJob;
+
+  private final SnapshotApiFacade snapshotAPI;
+  private final ResourceCache resourceCache;
+
+  private final PostbackManager postbackManager;
+
+  /*
+   * Creates a Bridge from its configurable parts, which are the repo, db and
+   * swap store, and the swap job config.
+   *
+   * This should be the method used to create a Bridge.
+   * @param config The config to use
+   * @param repoStore The repo store to use
+   * @param dbStore The db store to use
+   * @param swapStore The swap store to use
+   * @param snapshotApi The snapshot api to use
+   * @return The constructed Bridge.
+   */
+  public static Bridge make(
+      Config config,
+      RepoStore repoStore,
+      DBStore dbStore,
+      SwapStore swapStore,
+      SnapshotApi snapshotApi) {
+    ProjectLock lock =
+        new ProjectLockImpl((int threads) -> Log.info("Waiting for " + threads + " projects..."));
+    return new Bridge(
+        config,
+        lock,
+        repoStore,
+        dbStore,
+        swapStore,
+        SwapJob.fromConfig(config.getSwapJob(), lock, repoStore, dbStore, swapStore),
+        new GcJobImpl(repoStore, lock),
+        new SnapshotApiFacade(snapshotApi),
+        new UrlResourceCache(dbStore));
+  }
+
+  /*
+   * Creates a bridge from all of its components, not just its configurable
+   * parts. This is for substituting mock/stub components for testing.
+   * It's also used by Bridge.make to actually construct the bridge.
+   * @param lock the {@link ProjectLock} to use
+   * @param repoStore the {@link RepoStore} to use
+   * @param dbStore the {@link DBStore} to use
+   * @param swapStore the {@link SwapStore} to use
+   * @param swapJob the {@link SwapJob} to use
+   * @param gcJob
+   * @param snapshotAPI the {@link SnapshotApi} to use
+   * @param resourceCache the {@link ResourceCache} to use
+   */
+  Bridge(
+      Config config,
+      ProjectLock lock,
+      RepoStore repoStore,
+      DBStore dbStore,
+      SwapStore swapStore,
+      SwapJob swapJob,
+      GcJob gcJob,
+      SnapshotApiFacade snapshotAPI,
+      ResourceCache resourceCache) {
+    this.config = config;
+    this.lock = lock;
+    this.repoStore = repoStore;
+    this.dbStore = dbStore;
+    this.swapStore = swapStore;
+    this.snapshotAPI = snapshotAPI;
+    this.resourceCache = resourceCache;
+    this.swapJob = swapJob;
+    this.gcJob = gcJob;
+    postbackManager = new PostbackManager();
+    Runtime.getRuntime().addShutdownHook(new Thread(this::doShutdown));
+    repoStore.purgeNonexistentProjects(dbStore.getProjectNames());
+  }
+
+  /*
+   * This performs the graceful shutdown of the Bridge, which is called by the
+   * shutdown hook. It acquires the project write lock, which prevents
+   * work being done for new projects (which acquire the read lock).
+   * Once it has the write lock, there are no readers left, so the git bridge
+   * can shut down gracefully.
+   *
+   * It is also used by the tests.
+   */
+  void doShutdown() {
+    Log.info("Shutdown received.");
+    Log.info("Stopping SwapJob");
+    swapJob.stop();
+    Log.info("Stopping GcJob");
+    gcJob.stop();
+    Log.info("Waiting for projects");
+    lock.lockAll();
+    Log.info("Bye");
+  }
+
+  /*
+   * Starts the swap job, which will begin checking whether projects should be
+   * swapped with a configurable frequency.
+   */
+  public void startBackgroundJobs() {
+    swapJob.start();
+    gcJob.start();
+  }
+
+  public boolean healthCheck() {
+    try {
+      dbStore.getNumProjects();
+      File rootDirectory = new File("/");
+      if (!rootDirectory.exists()) {
+        throw new Exception("bad filesystem state, root directory does not exist");
+      }
+      Log.debug("[HealthCheck] passed");
+      return true;
+    } catch (Exception e) {
+      Log.error("[HealthCheck] FAILED!", e);
+      return false;
+    }
+  }
+
+  /*
+   * Performs a check of inconsistencies in the DB. This was used to upgrade
+   * the schema.
+   */
+  public void checkDB() {
+    Log.info("Checking DB");
+    File rootDir = repoStore.getRootDirectory();
+    for (File f : rootDir.listFiles()) {
+      if (f.getName().equals(".wlgb")) {
+        continue;
+      }
+      String projName = f.getName();
+      try (LockGuard __ = lock.lockGuard(projName)) {
+        File dotGit = new File(f, ".git");
+        if (!dotGit.exists()) {
+          Log.warn("Project: {} has no .git", projName);
+          continue;
+        }
+        ProjectState state = dbStore.getProjectState(projName);
+        if (state != ProjectState.NOT_PRESENT) {
+          continue;
+        }
+        Log.warn("Project: {} not in swap_store, adding", projName);
+        dbStore.setLastAccessedTime(projName, new Timestamp(dotGit.lastModified()));
+      } catch (CannotAcquireLockException e) {
+        throw new RuntimeException(e);
+      }
+    }
+  }
+
+  /*
+   * Synchronises the given repository with Overleaf.
+   *
+   * It acquires the project lock and calls
+   * {@link #getUpdatedRepoCritical(Optional, String, GetDocResult)}.
+   * @param oauth2 The oauth2 to use
+   * @param projectName The name of the project
+   * @throws IOException
+   * @throws GitUserException
+   */
+  public ProjectRepo getUpdatedRepo(Optional<Credential> oauth2, String projectName)
+      throws IOException, GitUserException, CannotAcquireLockException {
+    try (LockGuard __ = lock.lockGuard(projectName)) {
+      Optional<GetDocResult> maybeDoc = snapshotAPI.getDoc(oauth2, projectName);
+      if (!maybeDoc.isPresent()) {
+        throw new RepositoryNotFoundException(projectName);
+      }
+      GetDocResult doc = maybeDoc.get();
+      Log.debug("[{}] Updating repository", projectName);
+      return getUpdatedRepoCritical(oauth2, projectName, doc);
+    }
+  }
+
+  /*
+   * Synchronises the given repository with Overleaf.
+   *
+   * Pre: the project lock must be acquired for the given repo.
+   *
+   * 1. Queries the project state for the given project name.
+   *    a. NOT_PRESENT = We've never seen it before, and the row for the
+   *                     project doesn't even exist. The project definitely
+   *                     exists because we would have aborted otherwise.
+   *    b. PRESENT = The project is on disk.
+   *    c. SWAPPED = The project is in the {@link SwapStore}
+   *
+   * If the project has never been cloned, it is git init'd. If the project
+   * is in swap, it is restored to disk. Otherwise, the project was already
+   * present.
+   *
+   * With the project present, snapshots are downloaded from the snapshot
+   * API with {@link #updateProject(Optional, ProjectRepo)}.
+   *
+   * Then, the last accessed time of the project is set to the current time.
+   * This is to support the LRU of the swap store.
+   * @param oauth2
+   * @param projectName The name of the project
+   * @throws IOException
+   * @throws GitUserException
+   */
+  private ProjectRepo getUpdatedRepoCritical(
+      Optional<Credential> oauth2, String projectName, GetDocResult doc)
+      throws IOException, GitUserException {
+    ProjectRepo repo;
+    ProjectState state = dbStore.getProjectState(projectName);
+    switch (state) {
+      case NOT_PRESENT:
+        Log.info("[{}] Repo not present", projectName);
+        repo = repoStore.initRepo(projectName);
+        break;
+      case SWAPPED:
+        swapJob.restore(projectName);
+        repo = repoStore.getExistingRepo(projectName);
+        break;
+      default:
+        repo = repoStore.getExistingRepo(projectName);
+    }
+    updateProject(oauth2, repo);
+    dbStore.setLastAccessedTime(projectName, Timestamp.valueOf(LocalDateTime.now()));
+    return repo;
+  }
+
+  /*
+   * The public call to push a project.
+   *
+   * It acquires the lock and calls {@link #pushCritical(
+   *      Optional,
+   *      String,
+   *      RawDirectory,
+   *      RawDirectory
+   * )}, catching exceptions, logging, and rethrowing them.
+   * @param oauth2 The oauth2 to use for the snapshot API
+   * @param projectName The name of the project to push to
+   * @param directoryContents The new contents of the project
+   * @param oldDirectoryContents The old contents of the project
+   * @param hostname
+   * @throws SnapshotPostException
+   * @throws IOException
+   * @throws MissingRepositoryException
+   * @throws ForbiddenException
+   * @throws GitUserException
+   */
+  public void push(
+      Optional<Credential> oauth2,
+      String projectName,
+      RawDirectory directoryContents,
+      RawDirectory oldDirectoryContents,
+      String hostname)
+      throws SnapshotPostException,
+          IOException,
+          MissingRepositoryException,
+          ForbiddenException,
+          GitUserException,
+          CannotAcquireLockException {
+    Log.debug("[{}] pushing to Overleaf", projectName);
+    try (LockGuard __ = lock.lockGuard(projectName)) {
+      Log.info("[{}] got project lock", projectName);
+      pushCritical(oauth2, projectName, directoryContents, oldDirectoryContents);
+    } catch (SevereSnapshotPostException e) {
+      Log.warn("[" + projectName + "] Failed to put to Overleaf", e);
+      throw e;
+    } catch (SnapshotPostException e) {
+      /* Stack trace should be printed further up */
+      Log.warn(
+          "[{}] Exception when waiting for postback: {}",
+          projectName,
+          e.getClass().getSimpleName());
+      throw e;
+    } catch (IOException e) {
+      Log.warn("[{}] IOException on put: {}", projectName, e);
+      throw e;
+    }
+
+    gcJob.queueForGc(projectName);
+  }
+
+  /*
+   * Does the work of pushing to a project, assuming the project lock is held.
+   * The {@link WriteLatexPutHook} is the original caller, and when we return
+   * without throwing, the commit is committed.
+   *
+   * We start off by creating a postback key, which is given in the url when
+   * the Overleaf app tries to access the atts.
+   *
+   * Then creates a {@link CandidateSnapshot} from the old and new project
+   * contents. The
+   * {@link CandidateSnapshot} is created using
+   * {@link #createCandidateSnapshot(String, RawDirectory, RawDirectory)},
+   * which creates the snapshot object and writes the push files to the
+   * atts directory, which is served by the {@link PostbackHandler}.
+   * The files are deleted at the end of a try-with-resources block.
+   *
+   * Then 3 things are used to make the push request to the snapshot API:
+   * 1. The oauth2
+   * 2. The candidate snapshot
+   * 3. The postback key
+   *
+   * If the snapshot API reports this as not successful, we immediately throw
+   * an {@link OutOfDateException}, which goes back to the user.
+   *
+   * Otherwise, we wait (with a timeout) on a promise from the postback
+   * manager, which can throw back to the user.
+   *
+   * If this is successful, we approve the snapshot with
+   * {@link #approveSnapshot(int, CandidateSnapshot)}, which updates our side
+   * of the push: the latest version and the URL index store.
+   *
+   * Then, we set the last accessed time for the swap store.
+   *
+   * Finally, after we return, the push to the repo from the hook is
+   * successful and the repo gets updated.
+   *
+   * @param oauth2
+   * @param projectName
+   * @param directoryContents
+   * @param oldDirectoryContents
+   * @throws IOException
+   * @throws MissingRepositoryException
+   * @throws ForbiddenException
+   * @throws SnapshotPostException
+   * @throws GitUserException
+   */
+  private void pushCritical(
+      Optional<Credential> oauth2,
+      String projectName,
+      RawDirectory directoryContents,
+      RawDirectory oldDirectoryContents)
+      throws IOException,
+          MissingRepositoryException,
+          ForbiddenException,
+          SnapshotPostException,
+          GitUserException {
+    Optional<Long> maxFileNum = config.getRepoStore().flatMap(RepoStoreConfig::getMaxFileNum);
+    if (maxFileNum.isPresent()) {
+      long maxFileNum_ = maxFileNum.get();
+      if (directoryContents.getFileTable().size() > maxFileNum_) {
+        Log.warn(
+            "[{}] Too many files: {}/{}",
+            projectName,
+            directoryContents.getFileTable().size(),
+            maxFileNum_);
+        throw new FileLimitExceededException(directoryContents.getFileTable().size(), maxFileNum_);
+      }
+    }
+    Log.debug(
+        "[{}] Pushing files ({} new, {} old)",
+        projectName,
+        directoryContents.getFileTable().size(),
+        oldDirectoryContents.getFileTable().size());
+    String postbackKey = postbackManager.makeKeyForProject(projectName);
+    Log.debug("[{}] Created postback key: {}", projectName, postbackKey);
+    try (CandidateSnapshot candidate =
+        createCandidateSnapshot(projectName, directoryContents, oldDirectoryContents); ) {
+      Log.debug("[{}] Candidate snapshot created: {}", projectName, candidate);
+      PushResult result = snapshotAPI.push(oauth2, candidate, postbackKey);
+      if (result.wasSuccessful()) {
+        Log.debug("[{}] Push to Overleaf successful", projectName);
+        Log.debug("[{}] Waiting for postback...", projectName);
+        int versionID = postbackManager.waitForVersionIdOrThrow(projectName);
+        Log.debug("[{}] Got version ID for push: {}", projectName, versionID);
+        approveSnapshot(versionID, candidate);
+        Log.debug("[{}] Approved version ID: {}", projectName, versionID);
+        dbStore.setLastAccessedTime(projectName, Timestamp.valueOf(LocalDateTime.now()));
+      } else {
+        Log.warn("[{}] Went out of date while waiting for push", projectName);
+        throw new OutOfDateException();
+      }
+    }
+  }
+
+  /*
+   * A public call that should originate from the {@link FileHandler}.
+   *
+   * The {@link FileHandler} serves atts to the Overleaf app during a push.
+   * The Overleaf app includes the postback key in the request, which was
+   * originally given on a push request.
+   *
+   * This method checks that the postback key matches, and throws if not.
+   *
+   * The FileHandler should not serve the file if this throws.
+   * @param projectName The project name that this key belongs to
+   * @param postbackKey The key
+   * @throws InvalidPostbackKeyException If the key doesn't match
+   */
+  public void checkPostbackKey(String projectName, String postbackKey)
+      throws InvalidPostbackKeyException {
+    postbackManager.checkPostbackKey(projectName, postbackKey);
+  }
+
+  /*
+   * A public call that originates from the postback thread
+   * {@link PostbackContents#processPostback()}, i.e. once the Overleaf app
+   * has fetched all the atts and has committed the push and is happy, it
+   * calls back here, fulfilling the promise that the push
+   * {@link #push(Optional, String, RawDirectory, RawDirectory, String)}
+   * is waiting on.
+   *
+   * The Overleaf app will have invented a new version for the push, which is
+   * passed to the promise for the original push request to update the app.
+   * @param projectName The name of the project being pushed to
+   * @param postbackKey The postback key being used
+   * @param versionID the new version id to use
+   * @throws UnexpectedPostbackException if the postback key is invalid
+   */
+  public void postbackReceivedSuccessfully(String projectName, String postbackKey, int versionID)
+      throws UnexpectedPostbackException {
+    Log.debug(
+        "[{}]" + " Postback received by postback thread, version: {}", projectName, versionID);
+    postbackManager.postVersionIDForProject(projectName, versionID, postbackKey);
+  }
+
+  /*
+   * As with {@link #postbackReceivedSuccessfully(String, String, int)},
+   * but with an exception instead.
+   *
+   * This is based on the JSON body of the postback from the Overleaf app.
+   *
+   * The most likely problem is an {@link OutOfDateException}.
+   * @param projectName The name of the project
+   * @param postbackKey The postback key being used
+   * @param exception The exception encountered
+   * @throws UnexpectedPostbackException If the postback key is invalid
+   */
+  public void postbackReceivedWithException(
+      String projectName, String postbackKey, SnapshotPostException exception)
+      throws UnexpectedPostbackException {
+    Log.warn("[{}] Postback received with exception", projectName);
+    postbackManager.postExceptionForProject(projectName, exception, postbackKey);
+  }
+
+  /*
+   * Delete a project's data
+   */
+  public void deleteProject(String projectName) {
+    Log.info("[{}] deleting project", projectName);
+    dbStore.deleteProject(projectName);
+    try {
+      repoStore.remove(projectName);
+    } catch (IOException e) {
+      Log.warn("Failed to delete repository for project {}: {}", projectName, e);
+    }
+    swapStore.remove(projectName);
+  }
+
+  /* PRIVATE */
+
+  /*
+   * Called by {@link #getUpdatedRepoCritical(Optional, String)}
+   *
+   * Does the actual work of getting the snapshots for a project from the
+   * snapshot API and committing them to a repo.
+   *
+   * If any snapshots were found, sets the latest version for the project.
+   *
+   * @param oauth2
+   * @param repo
+   * @throws IOException
+   * @throws GitUserException
+   */
+  private void updateProject(Optional<Credential> oauth2, ProjectRepo repo)
+      throws IOException, GitUserException {
+    String projectName = repo.getProjectName();
+    int latestVersionId = dbStore.getLatestVersionForProject(projectName);
+    Deque<Snapshot> snapshots = snapshotAPI.getSnapshots(oauth2, projectName, latestVersionId);
+
+    makeCommitsFromSnapshots(repo, snapshots);
+
+    // TODO: in case crashes around here, add an
+    // "updating_from_commit" column to the DB as a way to rollback the
+    // any failed partial updates before re-trying
+    // Also need to consider the empty state (a new git init'd repo being
+    // the rollback target)
+    if (!snapshots.isEmpty()) {
+      dbStore.setLatestVersionForProject(projectName, snapshots.getLast().getVersionID());
+    }
+  }
+
+  /*
+   * Called by {@link #updateProject(Optional, ProjectRepo)}.
+   *
+   * Performs the actual Git commits on the disk.
+   *
+   * Each commit adds files to the db store
+   * ({@link ResourceCache#get(String, String, String, Map, Map, Optional)},
+   * and then removes any files that were deleted.
+   * @param repo The repository to commit to
+   * @param snapshots The snapshots to commit
+   * @throws IOException If an IOException occurred
+   * @throws SizeLimitExceededException If one of the files was too big.
+   */
+  private void makeCommitsFromSnapshots(ProjectRepo repo, Collection<Snapshot> snapshots)
+      throws IOException, GitUserException {
+    String name = repo.getProjectName();
+    Optional<Long> maxSize = config.getRepoStore().flatMap(RepoStoreConfig::getMaxFileSize);
+    for (Snapshot snapshot : snapshots) {
+      RawDirectory directory = repo.getDirectory();
+      Map<String, RawFile> fileTable = directory.getFileTable();
+      List<RawFile> files = new ArrayList<>();
+      files.addAll(snapshot.getSrcs());
+      for (RawFile file : files) {
+        long size = file.size();
+        /* Can't throw in ifPresent... */
+        if (maxSize.isPresent()) {
+          long maxSize_ = maxSize.get();
+          if (size >= maxSize_) {
+            throw new SizeLimitExceededException(Optional.of(file.getPath()), size, maxSize_);
+          }
+        }
+      }
+      Map<String, byte[]> fetchedUrls = new HashMap<>();
+      for (SnapshotAttachment snapshotAttachment : snapshot.getAtts()) {
+        files.add(
+            resourceCache.get(
+                name,
+                snapshotAttachment.getUrl(),
+                snapshotAttachment.getPath(),
+                fileTable,
+                fetchedUrls,
+                maxSize));
+      }
+      Log.debug("[{}] Committing version ID: {}", name, snapshot.getVersionID());
+      Collection<String> missingFiles =
+          repo.commitAndGetMissing(
+              new GitDirectoryContents(files, repoStore.getRootDirectory(), name, snapshot));
+      dbStore.deleteFilesForProject(name, missingFiles.toArray(new String[missingFiles.size()]));
+    }
+  }
+
+  /*
+   * Called by
+   * {@link #pushCritical(Optional, String, RawDirectory, RawDirectory)}.
+   *
+   * This call consists of 2 things: Creating the candidate snapshot,
+   * and writing the atts to the atts directory.
+   *
+   * The candidate snapshot RAIIs away those atts (use try-with-resources).
+   * @param projectName The name of the project
+   * @param directoryContents The new directory contents
+   * @param oldDirectoryContents The old directory contents
+   * @return The {@link CandidateSnapshot} created
+   * @throws IOException If an I/O exception occurred on writing
+   */
+  private CandidateSnapshot createCandidateSnapshot(
+      String projectName, RawDirectory directoryContents, RawDirectory oldDirectoryContents)
+      throws IOException {
+    CandidateSnapshot candidateSnapshot =
+        new CandidateSnapshot(
+            projectName,
+            dbStore.getLatestVersionForProject(projectName),
+            directoryContents,
+            oldDirectoryContents);
+    candidateSnapshot.writeServletFiles(repoStore.getRootDirectory());
+    return candidateSnapshot;
+  }
+
+  /*
+   * Called by
+   * {@link #pushCritical(Optional, String, RawDirectory, RawDirectory)}.
+   *
+   * This method approves a push by setting the latest version and removing
+   * any deleted files from the db store (files were already added by the
+   * resources cache).
+   * @param versionID
+   * @param candidateSnapshot
+   */
+  private void approveSnapshot(int versionID, CandidateSnapshot candidateSnapshot) {
+    List<String> deleted = candidateSnapshot.getDeleted();
+    dbStore.setLatestVersionForProject(candidateSnapshot.getProjectName(), versionID);
+    dbStore.deleteFilesForProject(
+        candidateSnapshot.getProjectName(), deleted.toArray(new String[deleted.size()]));
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/DBInitException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/DBInitException.java
new file mode 100644
index 0000000..633ae51
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/DBInitException.java
@@ -0,0 +1,19 @@
+package uk.ac.ic.wlgitbridge.bridge.db;
+
+/*
+ * Created by winston on 23/08/2016.
+ */
+public class DBInitException extends RuntimeException {
+
+  public DBInitException(String message) {
+    super(message);
+  }
+
+  public DBInitException(String message, Throwable cause) {
+    super(message, cause);
+  }
+
+  public DBInitException(Throwable cause) {
+    super(cause);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/DBStore.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/DBStore.java
new file mode 100644
index 0000000..01f3777
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/DBStore.java
@@ -0,0 +1,48 @@
+package uk.ac.ic.wlgitbridge.bridge.db;
+
+import java.sql.Timestamp;
+import java.util.List;
+
+/*
+ * Created by winston on 20/08/2016.
+ */
+public interface DBStore {
+
+  int getNumProjects();
+
+  List<String> getProjectNames();
+
+  void setLatestVersionForProject(String project, int versionID);
+
+  int getLatestVersionForProject(String project);
+
+  void addURLIndexForProject(String projectName, String url, String path);
+
+  void deleteFilesForProject(String project, String... files);
+
+  String getPathForURLInProject(String projectName, String url);
+
+  String getOldestUnswappedProject();
+
+  void swap(String projectName, String compressionMethod);
+
+  void restore(String projectName);
+
+  String getSwapCompression(String projectName);
+
+  int getNumUnswappedProjects();
+
+  ProjectState getProjectState(String projectName);
+
+  /*
+   * Sets the last accessed time for the given project name.
+   * @param projectName the project's name
+   * @param time the time, or null if the project is to be swapped
+   */
+  void setLastAccessedTime(String projectName, Timestamp time);
+
+  /*
+   * Delete the metadata associated with the given project.
+   */
+  void deleteProject(String projectName);
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/ProjectState.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/ProjectState.java
new file mode 100644
index 0000000..3e85116
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/ProjectState.java
@@ -0,0 +1,10 @@
+package uk.ac.ic.wlgitbridge.bridge.db;
+
+/*
+ * Created by winston on 24/08/2016.
+ */
+public enum ProjectState {
+  NOT_PRESENT,
+  PRESENT,
+  SWAPPED
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/noop/NoopDbStore.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/noop/NoopDbStore.java
new file mode 100644
index 0000000..20d4202
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/noop/NoopDbStore.java
@@ -0,0 +1,70 @@
+package uk.ac.ic.wlgitbridge.bridge.db.noop;
+
+import java.sql.Timestamp;
+import java.util.List;
+import uk.ac.ic.wlgitbridge.bridge.db.DBStore;
+import uk.ac.ic.wlgitbridge.bridge.db.ProjectState;
+
+public class NoopDbStore implements DBStore {
+
+  @Override
+  public int getNumProjects() {
+    return 0;
+  }
+
+  @Override
+  public List<String> getProjectNames() {
+    return null;
+  }
+
+  @Override
+  public void setLatestVersionForProject(String project, int versionID) {}
+
+  @Override
+  public int getLatestVersionForProject(String project) {
+    return 0;
+  }
+
+  @Override
+  public void addURLIndexForProject(String projectName, String url, String path) {}
+
+  @Override
+  public void deleteFilesForProject(String project, String... files) {}
+
+  @Override
+  public String getPathForURLInProject(String projectName, String url) {
+    return null;
+  }
+
+  @Override
+  public String getOldestUnswappedProject() {
+    return null;
+  }
+
+  @Override
+  public int getNumUnswappedProjects() {
+    return 0;
+  }
+
+  @Override
+  public ProjectState getProjectState(String projectName) {
+    return null;
+  }
+
+  @Override
+  public void setLastAccessedTime(String projectName, Timestamp time) {}
+
+  @Override
+  public void swap(String projectName, String compressionMethod) {}
+
+  @Override
+  public void restore(String projectName) {}
+
+  @Override
+  public String getSwapCompression(String projectName) {
+    return null;
+  }
+
+  @Override
+  public void deleteProject(String projectName) {}
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/SQLQuery.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/SQLQuery.java
new file mode 100644
index 0000000..faa6a3f
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/SQLQuery.java
@@ -0,0 +1,12 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite;
+
+import java.sql.ResultSet;
+import java.sql.SQLException;
+
+/*
+ * Created by Winston on 20/11/14.
+ */
+public interface SQLQuery<T> extends SQLUpdate {
+
+  public T processResultSet(ResultSet resultSet) throws SQLException;
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/SQLUpdate.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/SQLUpdate.java
new file mode 100644
index 0000000..9e79fdc
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/SQLUpdate.java
@@ -0,0 +1,14 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite;
+
+import java.sql.PreparedStatement;
+import java.sql.SQLException;
+
+/*
+ * Created by Winston on 20/11/14.
+ */
+public interface SQLUpdate {
+
+  String getSQL();
+
+  default void addParametersToStatement(PreparedStatement statement) throws SQLException {}
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/SqliteDBStore.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/SqliteDBStore.java
new file mode 100644
index 0000000..6647a59
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/SqliteDBStore.java
@@ -0,0 +1,227 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite;
+
+import com.google.common.base.Preconditions;
+import java.io.File;
+import java.sql.*;
+import java.util.List;
+import java.util.stream.Stream;
+import uk.ac.ic.wlgitbridge.bridge.db.DBInitException;
+import uk.ac.ic.wlgitbridge.bridge.db.DBStore;
+import uk.ac.ic.wlgitbridge.bridge.db.ProjectState;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.query.*;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.alter.*;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.create.*;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.delete.*;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.insert.*;
+
+/*
+ * Created by Winston on 17/11/14.
+ */
+public class SqliteDBStore implements DBStore {
+
+  private final Connection connection;
+  private int heapLimitBytes = 0;
+
+  public SqliteDBStore(File dbFile) {
+    this(dbFile, 0);
+  }
+
+  public SqliteDBStore(File dbFile, int heapLimitBytes) {
+    this.heapLimitBytes = heapLimitBytes;
+    try {
+      connection = openConnectionTo(dbFile);
+      createTables();
+    } catch (Throwable t) {
+      throw new DBInitException(t);
+    }
+  }
+
+  @Override
+  public int getNumProjects() {
+    return query(new GetNumProjects());
+  }
+
+  @Override
+  public List<String> getProjectNames() {
+    return query(new GetProjectNamesSQLQuery());
+  }
+
+  @Override
+  public void setLatestVersionForProject(String projectName, int versionID) {
+    update(new SetProjectSQLUpdate(projectName, versionID));
+  }
+
+  @Override
+  public int getLatestVersionForProject(String projectName) {
+    return query(new GetLatestVersionForProjectSQLQuery(projectName));
+  }
+
+  @Override
+  public void addURLIndexForProject(String projectName, String url, String path) {
+    update(new AddURLIndexSQLUpdate(projectName, url, path));
+  }
+
+  @Override
+  public void deleteFilesForProject(String projectName, String... paths) {
+    update(new DeleteFilesForProjectSQLUpdate(projectName, paths));
+  }
+
+  @Override
+  public String getPathForURLInProject(String projectName, String url) {
+    return query(new GetPathForURLInProjectSQLQuery(projectName, url));
+  }
+
+  @Override
+  public String getOldestUnswappedProject() {
+    return query(new GetOldestProjectName());
+  }
+
+  @Override
+  public int getNumUnswappedProjects() {
+    return query(new GetNumUnswappedProjects());
+  }
+
+  @Override
+  public ProjectState getProjectState(String projectName) {
+    return query(new GetProjectState(projectName));
+  }
+
+  @Override
+  public void setLastAccessedTime(String projectName, Timestamp lastAccessed) {
+    update(new SetProjectLastAccessedTime(projectName, lastAccessed));
+  }
+
+  @Override
+  public void swap(String projectName, String compressionMethod) {
+    update(new UpdateSwap(projectName, compressionMethod));
+  }
+
+  @Override
+  public void restore(String projectName) {
+    update(new UpdateRestore(projectName));
+  }
+
+  @Override
+  public String getSwapCompression(String projectName) {
+    return query(new GetSwapCompression(projectName));
+  }
+
+  @Override
+  public void deleteProject(String projectName) {
+    update(new DeleteAllFilesInProjectSQLUpdate(projectName));
+    update(new DeleteProjectSQLUpdate(projectName));
+  }
+
+  private Connection openConnectionTo(File dbFile) {
+    File parentDir = dbFile.getParentFile();
+    if (!parentDir.exists() && !parentDir.mkdirs()) {
+      throw new DBInitException(
+          parentDir.getAbsolutePath()
+              + " directory didn't exist, "
+              + "and unable to create. Check your permissions.");
+    }
+    try {
+      Class.forName("org.sqlite.JDBC");
+    } catch (ClassNotFoundException e) {
+      throw new DBInitException(e);
+    }
+    try {
+      return DriverManager.getConnection("jdbc:sqlite:" + dbFile.getAbsolutePath());
+    } catch (SQLException e) {
+      throw new DBInitException("Unable to connect to DB", e);
+    }
+  }
+
+  private void createTables() {
+    /* Migrations */
+    /* We need to eat exceptions from here */
+    try {
+      doUpdate(new SetSoftHeapLimitPragma(this.heapLimitBytes));
+    } catch (SQLException ignore) {
+    }
+    try {
+      doUpdate(new ProjectsAddLastAccessed());
+    } catch (SQLException ignore) {
+    }
+    try {
+      doUpdate(new ProjectsAddSwapTime());
+    } catch (SQLException ignore) {
+    }
+    try {
+      doUpdate(new ProjectsAddRestoreTime());
+    } catch (SQLException ignore) {
+    }
+    try {
+      doUpdate(new ProjectsAddSwapCompression());
+    } catch (SQLException ignore) {
+    }
+
+    /* Create tables (if they don't exist) */
+    Stream.of(
+            new CreateProjectsTableSQLUpdate(),
+            new CreateProjectsIndexLastAccessed(),
+            new CreateURLIndexStoreSQLUpdate(),
+            new CreateIndexURLIndexStore())
+        .forEach(this::update);
+
+    /* In the case of needing to change the schema, we need to check that
+    migrations didn't just fail */
+    Preconditions.checkState(query(new LastAccessedColumnExists()));
+    Preconditions.checkState(query(new SwapTimeColumnExists()));
+    Preconditions.checkState(query(new RestoreTimeColumnExists()));
+    Preconditions.checkState(query(new SwapCompressionColumnExists()));
+  }
+
+  private void update(SQLUpdate update) {
+    try {
+      doUpdate(update);
+    } catch (SQLException e) {
+      throw new RuntimeException(e);
+    }
+  }
+
+  private <T> T query(SQLQuery<T> query) {
+    try {
+      return doQuery(query);
+    } catch (SQLException e) {
+      throw new RuntimeException(e);
+    }
+  }
+
+  private void doUpdate(SQLUpdate update) throws SQLException {
+    PreparedStatement statement = null;
+    try {
+      statement = connection.prepareStatement(update.getSQL());
+      update.addParametersToStatement(statement);
+      statement.executeUpdate();
+    } catch (SQLException e) {
+      throw e;
+    } finally {
+      try {
+        statement.close();
+      } catch (Throwable t) {
+        throw new SQLException(t);
+      }
+    }
+  }
+
+  private <T> T doQuery(SQLQuery<T> query) throws SQLException {
+    PreparedStatement statement = null;
+    ResultSet results = null;
+    try {
+      statement = connection.prepareStatement(query.getSQL());
+      query.addParametersToStatement(statement);
+      results = statement.executeQuery();
+      return query.processResultSet(results);
+    } catch (SQLException e) {
+      throw e;
+    } finally {
+      if (statement != null) {
+        statement.close();
+      }
+      if (results != null) {
+        results.close();
+      }
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetLatestVersionForProjectSQLQuery.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetLatestVersionForProjectSQLQuery.java
new file mode 100644
index 0000000..cc74e77
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetLatestVersionForProjectSQLQuery.java
@@ -0,0 +1,40 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.query;
+
+import java.sql.PreparedStatement;
+import java.sql.ResultSet;
+import java.sql.SQLException;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLQuery;
+
+/*
+ * Created by Winston on 20/11/14.
+ */
+public class GetLatestVersionForProjectSQLQuery implements SQLQuery<Integer> {
+
+  private static final String GET_VERSION_IDS_FOR_PROJECT_NAME =
+      "SELECT `version_id` FROM `projects` WHERE `name` = ?";
+
+  private final String projectName;
+
+  public GetLatestVersionForProjectSQLQuery(String projectName) {
+    this.projectName = projectName;
+  }
+
+  @Override
+  public Integer processResultSet(ResultSet resultSet) throws SQLException {
+    int versionID = 0;
+    while (resultSet.next()) {
+      versionID = resultSet.getInt("version_id");
+    }
+    return versionID;
+  }
+
+  @Override
+  public String getSQL() {
+    return GET_VERSION_IDS_FOR_PROJECT_NAME;
+  }
+
+  @Override
+  public void addParametersToStatement(PreparedStatement statement) throws SQLException {
+    statement.setString(1, projectName);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetNumProjects.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetNumProjects.java
new file mode 100644
index 0000000..30e00be
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetNumProjects.java
@@ -0,0 +1,26 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.query;
+
+import java.sql.ResultSet;
+import java.sql.SQLException;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLQuery;
+
+/*
+ * Created by winston on 24/08/2016.
+ */
+public class GetNumProjects implements SQLQuery<Integer> {
+
+  private static final String GET_NUM_PROJECTS = "SELECT COUNT(*)\n" + "    FROM `projects`";
+
+  @Override
+  public String getSQL() {
+    return GET_NUM_PROJECTS;
+  }
+
+  @Override
+  public Integer processResultSet(ResultSet resultSet) throws SQLException {
+    while (resultSet.next()) {
+      return resultSet.getInt("COUNT(*)");
+    }
+    throw new IllegalStateException("Count always returns results");
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetNumUnswappedProjects.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetNumUnswappedProjects.java
new file mode 100644
index 0000000..512f15c
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetNumUnswappedProjects.java
@@ -0,0 +1,27 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.query;
+
+import java.sql.ResultSet;
+import java.sql.SQLException;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLQuery;
+
+/*
+ * Created by winston on 24/08/2016.
+ */
+public class GetNumUnswappedProjects implements SQLQuery<Integer> {
+
+  private static final String GET_NUM_UNSWAPPED_PROJECTS =
+      "SELECT COUNT(*)\n" + "    FROM `projects`\n" + "    WHERE `last_accessed` IS NOT NULL";
+
+  @Override
+  public String getSQL() {
+    return GET_NUM_UNSWAPPED_PROJECTS;
+  }
+
+  @Override
+  public Integer processResultSet(ResultSet resultSet) throws SQLException {
+    while (resultSet.next()) {
+      return resultSet.getInt("COUNT(*)");
+    }
+    throw new IllegalStateException("Count always returns results");
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetOldestProjectName.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetOldestProjectName.java
new file mode 100644
index 0000000..3518977
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetOldestProjectName.java
@@ -0,0 +1,29 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.query;
+
+import java.sql.ResultSet;
+import java.sql.SQLException;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLQuery;
+
+/*
+ * Created by winston on 23/08/2016.
+ */
+public class GetOldestProjectName implements SQLQuery<String> {
+
+  private static final String GET_OLDEST_PROJECT_NAME =
+      "SELECT `name`, MIN(`last_accessed`)\n"
+          + "    FROM `projects` \n"
+          + "    WHERE `last_accessed` IS NOT NULL;";
+
+  @Override
+  public String getSQL() {
+    return GET_OLDEST_PROJECT_NAME;
+  }
+
+  @Override
+  public String processResultSet(ResultSet resultSet) throws SQLException {
+    while (resultSet.next()) {
+      return resultSet.getString("name");
+    }
+    return null;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetPathForURLInProjectSQLQuery.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetPathForURLInProjectSQLQuery.java
new file mode 100644
index 0000000..25beb18
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetPathForURLInProjectSQLQuery.java
@@ -0,0 +1,43 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.query;
+
+import java.sql.PreparedStatement;
+import java.sql.ResultSet;
+import java.sql.SQLException;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLQuery;
+
+/*
+ * Created by Winston on 20/11/14.
+ */
+public class GetPathForURLInProjectSQLQuery implements SQLQuery<String> {
+
+  private static final String GET_URL_INDEXES_FOR_PROJECT_NAME =
+      "SELECT `path` " + "FROM `url_index_store` " + "WHERE `project_name` = ? " + "AND `url` = ?";
+
+  private final String projectName;
+  private final String url;
+
+  public GetPathForURLInProjectSQLQuery(String projectName, String url) {
+    this.projectName = projectName;
+    this.url = url;
+  }
+
+  @Override
+  public String processResultSet(ResultSet resultSet) throws SQLException {
+    String path = null;
+    while (resultSet.next()) {
+      path = resultSet.getString("path");
+    }
+    return path;
+  }
+
+  @Override
+  public String getSQL() {
+    return GET_URL_INDEXES_FOR_PROJECT_NAME;
+  }
+
+  @Override
+  public void addParametersToStatement(PreparedStatement statement) throws SQLException {
+    statement.setString(1, projectName);
+    statement.setString(2, url);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetProjectNamesSQLQuery.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetProjectNamesSQLQuery.java
new file mode 100644
index 0000000..d56ad5c
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetProjectNamesSQLQuery.java
@@ -0,0 +1,29 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.query;
+
+import java.sql.ResultSet;
+import java.sql.SQLException;
+import java.util.ArrayList;
+import java.util.List;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLQuery;
+
+/*
+ * Created by Winston on 21/02/15.
+ */
+public class GetProjectNamesSQLQuery implements SQLQuery<List<String>> {
+
+  private static final String GET_URL_INDEXES_FOR_PROJECT_NAME = "SELECT `name` FROM `projects`";
+
+  @Override
+  public List<String> processResultSet(ResultSet resultSet) throws SQLException {
+    List<String> projectNames = new ArrayList<>();
+    while (resultSet.next()) {
+      projectNames.add(resultSet.getString("name"));
+    }
+    return projectNames;
+  }
+
+  @Override
+  public String getSQL() {
+    return GET_URL_INDEXES_FOR_PROJECT_NAME;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetProjectState.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetProjectState.java
new file mode 100644
index 0000000..a291695
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetProjectState.java
@@ -0,0 +1,43 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.query;
+
+import java.sql.PreparedStatement;
+import java.sql.ResultSet;
+import java.sql.SQLException;
+import uk.ac.ic.wlgitbridge.bridge.db.ProjectState;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLQuery;
+
+/*
+ * Created by winston on 24/08/2016.
+ */
+public class GetProjectState implements SQLQuery<ProjectState> {
+
+  private static final String GET_PROJECT_STATE =
+      "SELECT `last_accessed`\n" + "    FROM `projects`\n" + "    WHERE `name` = ?";
+
+  private final String projectName;
+
+  public GetProjectState(String projectName) {
+    this.projectName = projectName;
+  }
+
+  @Override
+  public String getSQL() {
+    return GET_PROJECT_STATE;
+  }
+
+  @Override
+  public ProjectState processResultSet(ResultSet resultSet) throws SQLException {
+    while (resultSet.next()) {
+      if (resultSet.getTimestamp("last_accessed") == null) {
+        return ProjectState.SWAPPED;
+      }
+      return ProjectState.PRESENT;
+    }
+    return ProjectState.NOT_PRESENT;
+  }
+
+  @Override
+  public void addParametersToStatement(PreparedStatement statement) throws SQLException {
+    statement.setString(1, projectName);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetSwapCompression.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetSwapCompression.java
new file mode 100644
index 0000000..b21ec3e
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/GetSwapCompression.java
@@ -0,0 +1,36 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.query;
+
+import java.sql.PreparedStatement;
+import java.sql.ResultSet;
+import java.sql.SQLException;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLQuery;
+
+public class GetSwapCompression implements SQLQuery<String> {
+  private static final String GET_SWAP_COMPRESSION =
+      "SELECT `swap_compression` FROM `projects` WHERE `name` = ?";
+
+  private final String projectName;
+
+  public GetSwapCompression(String projectName) {
+    this.projectName = projectName;
+  }
+
+  @Override
+  public String processResultSet(ResultSet resultSet) throws SQLException {
+    String compression = null;
+    while (resultSet.next()) {
+      compression = resultSet.getString("swap_compression");
+    }
+    return compression;
+  }
+
+  @Override
+  public String getSQL() {
+    return GET_SWAP_COMPRESSION;
+  }
+
+  @Override
+  public void addParametersToStatement(PreparedStatement statement) throws SQLException {
+    statement.setString(1, projectName);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/LastAccessedColumnExists.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/LastAccessedColumnExists.java
new file mode 100644
index 0000000..758a47b
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/LastAccessedColumnExists.java
@@ -0,0 +1,28 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.query;
+
+import java.sql.ResultSet;
+import java.sql.SQLException;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLQuery;
+
+/*
+ * Created by winston on 04/09/2016.
+ */
+public class LastAccessedColumnExists implements SQLQuery<Boolean> {
+
+  private static final String LAST_ACCESSED_COLUMN_EXISTS = "PRAGMA table_info(`projects`)";
+
+  @Override
+  public String getSQL() {
+    return LAST_ACCESSED_COLUMN_EXISTS;
+  }
+
+  @Override
+  public Boolean processResultSet(ResultSet resultSet) throws SQLException {
+    while (resultSet.next()) {
+      if (resultSet.getString(2).equals("last_accessed")) {
+        return true;
+      }
+    }
+    return false;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/RestoreTimeColumnExists.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/RestoreTimeColumnExists.java
new file mode 100644
index 0000000..c726bec
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/RestoreTimeColumnExists.java
@@ -0,0 +1,24 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.query;
+
+import java.sql.ResultSet;
+import java.sql.SQLException;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLQuery;
+
+public class RestoreTimeColumnExists implements SQLQuery<Boolean> {
+  private static final String RESTORE_TIME_COLUMN_EXISTS = "PRAGMA table_info(`projects`)";
+
+  @Override
+  public String getSQL() {
+    return RESTORE_TIME_COLUMN_EXISTS;
+  }
+
+  @Override
+  public Boolean processResultSet(ResultSet resultSet) throws SQLException {
+    while (resultSet.next()) {
+      if (resultSet.getString(2).equals("restore_time")) {
+        return true;
+      }
+    }
+    return false;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/SwapCompressionColumnExists.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/SwapCompressionColumnExists.java
new file mode 100644
index 0000000..89f083a
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/SwapCompressionColumnExists.java
@@ -0,0 +1,24 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.query;
+
+import java.sql.ResultSet;
+import java.sql.SQLException;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLQuery;
+
+public class SwapCompressionColumnExists implements SQLQuery<Boolean> {
+  private static final String SWAP_COMPRESSION_COLUMN_EXISTS = "PRAGMA table_info(`projects`)";
+
+  @Override
+  public String getSQL() {
+    return SWAP_COMPRESSION_COLUMN_EXISTS;
+  }
+
+  @Override
+  public Boolean processResultSet(ResultSet resultSet) throws SQLException {
+    while (resultSet.next()) {
+      if (resultSet.getString(2).equals("swap_compression")) {
+        return true;
+      }
+    }
+    return false;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/SwapTimeColumnExists.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/SwapTimeColumnExists.java
new file mode 100644
index 0000000..7d65e21
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/query/SwapTimeColumnExists.java
@@ -0,0 +1,24 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.query;
+
+import java.sql.ResultSet;
+import java.sql.SQLException;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLQuery;
+
+public class SwapTimeColumnExists implements SQLQuery<Boolean> {
+  private static final String SWAP_TIME_COLUMN_EXISTS = "PRAGMA table_info(`projects`)";
+
+  @Override
+  public String getSQL() {
+    return SWAP_TIME_COLUMN_EXISTS;
+  }
+
+  @Override
+  public Boolean processResultSet(ResultSet resultSet) throws SQLException {
+    while (resultSet.next()) {
+      if (resultSet.getString(2).equals("swap_time")) {
+        return true;
+      }
+    }
+    return false;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/alter/ProjectsAddLastAccessed.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/alter/ProjectsAddLastAccessed.java
new file mode 100644
index 0000000..31bbadb
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/alter/ProjectsAddLastAccessed.java
@@ -0,0 +1,17 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.alter;
+
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLUpdate;
+
+/*
+ * Created by winston on 03/09/2016.
+ */
+public class ProjectsAddLastAccessed implements SQLUpdate {
+
+  private static final String PROJECTS_ADD_LAST_ACCESSED =
+      "ALTER TABLE `projects`\n" + "ADD COLUMN `last_accessed` DATETIME NULL DEFAULT 0";
+
+  @Override
+  public String getSQL() {
+    return PROJECTS_ADD_LAST_ACCESSED;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/alter/ProjectsAddRestoreTime.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/alter/ProjectsAddRestoreTime.java
new file mode 100644
index 0000000..d4675db
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/alter/ProjectsAddRestoreTime.java
@@ -0,0 +1,13 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.alter;
+
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLUpdate;
+
+public class ProjectsAddRestoreTime implements SQLUpdate {
+  private static final String PROJECTS_ADD_RESTORE_TIME =
+      "ALTER TABLE `projects`\n" + "ADD COLUMN `restore_time` DATETIME NULL;\n";
+
+  @Override
+  public String getSQL() {
+    return PROJECTS_ADD_RESTORE_TIME;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/alter/ProjectsAddSwapCompression.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/alter/ProjectsAddSwapCompression.java
new file mode 100644
index 0000000..25ec930
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/alter/ProjectsAddSwapCompression.java
@@ -0,0 +1,13 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.alter;
+
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLUpdate;
+
+public class ProjectsAddSwapCompression implements SQLUpdate {
+  private static final String PROJECTS_ADD_SWAP_COMPRESSION =
+      "ALTER TABLE `projects`\n" + "ADD COLUMN `swap_compression` VARCHAR NULL;\n";
+
+  @Override
+  public String getSQL() {
+    return PROJECTS_ADD_SWAP_COMPRESSION;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/alter/ProjectsAddSwapTime.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/alter/ProjectsAddSwapTime.java
new file mode 100644
index 0000000..e578dc0
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/alter/ProjectsAddSwapTime.java
@@ -0,0 +1,13 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.alter;
+
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLUpdate;
+
+public class ProjectsAddSwapTime implements SQLUpdate {
+  private static final String PROJECTS_ADD_SWAP_TIME =
+      "ALTER TABLE `projects`\n" + "ADD COLUMN `swap_time` DATETIME NULL;\n";
+
+  @Override
+  public String getSQL() {
+    return PROJECTS_ADD_SWAP_TIME;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/alter/SetSoftHeapLimitPragma.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/alter/SetSoftHeapLimitPragma.java
new file mode 100644
index 0000000..0f8d935
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/alter/SetSoftHeapLimitPragma.java
@@ -0,0 +1,16 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.alter;
+
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLUpdate;
+
+public class SetSoftHeapLimitPragma implements SQLUpdate {
+  private int heapLimitBytes = 0;
+
+  public SetSoftHeapLimitPragma(int heapLimitBytes) {
+    this.heapLimitBytes = heapLimitBytes;
+  }
+
+  @Override
+  public String getSQL() {
+    return "PRAGMA soft_heap_limit=" + this.heapLimitBytes + ";";
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/create/CreateIndexURLIndexStore.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/create/CreateIndexURLIndexStore.java
new file mode 100644
index 0000000..a408422
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/create/CreateIndexURLIndexStore.java
@@ -0,0 +1,18 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.create;
+
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLUpdate;
+
+/*
+ * Created by Winston on 21/02/15.
+ */
+public class CreateIndexURLIndexStore implements SQLUpdate {
+
+  public static final String CREATE_INDEX_URL_INDEX_STORE =
+      "CREATE UNIQUE INDEX IF NOT EXISTS `project_path_index` "
+          + "ON `url_index_store`(`project_name`, `path`);\n";
+
+  @Override
+  public String getSQL() {
+    return CREATE_INDEX_URL_INDEX_STORE;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/create/CreateProjectsIndexLastAccessed.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/create/CreateProjectsIndexLastAccessed.java
new file mode 100644
index 0000000..f937fa3
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/create/CreateProjectsIndexLastAccessed.java
@@ -0,0 +1,18 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.create;
+
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLUpdate;
+
+/*
+ * Created by winston on 23/08/2016.
+ */
+public class CreateProjectsIndexLastAccessed implements SQLUpdate {
+
+  private static final String CREATE_PROJECTS_INDEX_LAST_ACCESSED =
+      "CREATE INDEX IF NOT EXISTS `projects_index_last_accessed`\n"
+          + "    ON `projects`(`last_accessed`)";
+
+  @Override
+  public String getSQL() {
+    return CREATE_PROJECTS_INDEX_LAST_ACCESSED;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/create/CreateProjectsTableSQLUpdate.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/create/CreateProjectsTableSQLUpdate.java
new file mode 100644
index 0000000..1e7910c
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/create/CreateProjectsTableSQLUpdate.java
@@ -0,0 +1,25 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.create;
+
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLUpdate;
+
+/*
+ * Created by Winston on 20/11/14.
+ */
+public class CreateProjectsTableSQLUpdate implements SQLUpdate {
+
+  private static final String CREATE_PROJECTS_TABLE =
+      "CREATE TABLE IF NOT EXISTS `projects` (\n"
+          + "    `name` VARCHAR NOT NULL DEFAULT '',\n"
+          + "    `version_id` INT NOT NULL DEFAULT 0,\n"
+          + "    `last_accessed` DATETIME NULL DEFAULT 0,\n"
+          + "    `swap_time` DATETIME NULL,\n"
+          + "    `restore_time` DATETIME NULL,\n"
+          + "    `swap_compression` VARCHAR NULL,\n"
+          + "    PRIMARY KEY (`name`)\n"
+          + ")";
+
+  @Override
+  public String getSQL() {
+    return CREATE_PROJECTS_TABLE;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/create/CreateURLIndexStoreSQLUpdate.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/create/CreateURLIndexStoreSQLUpdate.java
new file mode 100644
index 0000000..1274eb0
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/create/CreateURLIndexStoreSQLUpdate.java
@@ -0,0 +1,27 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.create;
+
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLUpdate;
+
+/*
+ * Created by Winston on 20/11/14.
+ */
+public class CreateURLIndexStoreSQLUpdate implements SQLUpdate {
+
+  private static final String CREATE_URL_INDEX_STORE =
+      "CREATE TABLE IF NOT EXISTS `url_index_store` (\n"
+          + "  `project_name` varchar(10) NOT NULL DEFAULT '',\n"
+          + "  `url` text NOT NULL,\n"
+          + "  `path` text NOT NULL,\n"
+          + "  PRIMARY KEY (`project_name`,`url`),\n"
+          + "  CONSTRAINT `url_index_store_ibfk_1` "
+          + "FOREIGN KEY (`project_name`) "
+          + "REFERENCES `projects` (`name`) "
+          + "ON DELETE CASCADE "
+          + "ON UPDATE CASCADE\n"
+          + ");\n";
+
+  @Override
+  public String getSQL() {
+    return CREATE_URL_INDEX_STORE;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/delete/DeleteAllFilesInProjectSQLUpdate.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/delete/DeleteAllFilesInProjectSQLUpdate.java
new file mode 100644
index 0000000..a23a468
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/delete/DeleteAllFilesInProjectSQLUpdate.java
@@ -0,0 +1,23 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.delete;
+
+import java.sql.PreparedStatement;
+import java.sql.SQLException;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLUpdate;
+
+public class DeleteAllFilesInProjectSQLUpdate implements SQLUpdate {
+  private final String projectName;
+
+  public DeleteAllFilesInProjectSQLUpdate(String projectName) {
+    this.projectName = projectName;
+  }
+
+  @Override
+  public String getSQL() {
+    return "DELETE FROM `url_index_store` WHERE `project_name` = ?";
+  }
+
+  @Override
+  public void addParametersToStatement(PreparedStatement statement) throws SQLException {
+    statement.setString(1, projectName);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/delete/DeleteFilesForProjectSQLUpdate.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/delete/DeleteFilesForProjectSQLUpdate.java
new file mode 100644
index 0000000..5c3527a
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/delete/DeleteFilesForProjectSQLUpdate.java
@@ -0,0 +1,43 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.delete;
+
+import java.sql.PreparedStatement;
+import java.sql.SQLException;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLUpdate;
+
+/*
+ * Created by Winston on 20/11/14.
+ */
+public class DeleteFilesForProjectSQLUpdate implements SQLUpdate {
+
+  private static final String DELETE_URL_INDEXES_FOR_PROJECT_NAME =
+      "DELETE FROM `url_index_store` " + "WHERE `project_name` = ? AND path IN (";
+
+  private final String projectName;
+  private final String[] paths;
+
+  public DeleteFilesForProjectSQLUpdate(String projectName, String... paths) {
+    this.projectName = projectName;
+    this.paths = paths;
+  }
+
+  @Override
+  public String getSQL() {
+    StringBuilder sb = new StringBuilder(DELETE_URL_INDEXES_FOR_PROJECT_NAME);
+    for (int i = 0; i < paths.length; i++) {
+      sb.append("?");
+      if (i < paths.length - 1) {
+        sb.append(", ");
+      }
+    }
+    sb.append(");\n");
+    return sb.toString();
+  }
+
+  @Override
+  public void addParametersToStatement(PreparedStatement statement) throws SQLException {
+    statement.setString(1, projectName);
+    for (int i = 0; i < paths.length; i++) {
+      statement.setString(i + 2, paths[i]);
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/delete/DeleteProjectSQLUpdate.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/delete/DeleteProjectSQLUpdate.java
new file mode 100644
index 0000000..ff989e1
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/delete/DeleteProjectSQLUpdate.java
@@ -0,0 +1,23 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.delete;
+
+import java.sql.PreparedStatement;
+import java.sql.SQLException;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLUpdate;
+
+public class DeleteProjectSQLUpdate implements SQLUpdate {
+  private final String projectName;
+
+  public DeleteProjectSQLUpdate(String projectName) {
+    this.projectName = projectName;
+  }
+
+  @Override
+  public String getSQL() {
+    return "DELETE FROM `projects` WHERE `name` = ?";
+  }
+
+  @Override
+  public void addParametersToStatement(PreparedStatement statement) throws SQLException {
+    statement.setString(1, projectName);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/insert/AddURLIndexSQLUpdate.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/insert/AddURLIndexSQLUpdate.java
new file mode 100644
index 0000000..a79ea6d
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/insert/AddURLIndexSQLUpdate.java
@@ -0,0 +1,41 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.insert;
+
+import java.sql.PreparedStatement;
+import java.sql.SQLException;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLUpdate;
+
+/*
+ * Created by Winston on 20/11/14.
+ */
+public class AddURLIndexSQLUpdate implements SQLUpdate {
+
+  private static final String ADD_URL_INDEX =
+      "INSERT OR REPLACE INTO `url_index_store`("
+          + "`project_name`, "
+          + "`url`, "
+          + "`path`"
+          + ") VALUES "
+          + "(?, ?, ?)\n";
+
+  private final String projectName;
+  private final String url;
+  private final String path;
+
+  public AddURLIndexSQLUpdate(String projectName, String url, String path) {
+    this.projectName = projectName;
+    this.url = url;
+    this.path = path;
+  }
+
+  @Override
+  public String getSQL() {
+    return ADD_URL_INDEX;
+  }
+
+  @Override
+  public void addParametersToStatement(PreparedStatement statement) throws SQLException {
+    statement.setString(1, projectName);
+    statement.setString(2, url);
+    statement.setString(3, path);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/insert/SetProjectLastAccessedTime.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/insert/SetProjectLastAccessedTime.java
new file mode 100644
index 0000000..945f398
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/insert/SetProjectLastAccessedTime.java
@@ -0,0 +1,34 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.insert;
+
+import java.sql.PreparedStatement;
+import java.sql.SQLException;
+import java.sql.Timestamp;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLUpdate;
+
+/*
+ * Created by winston on 23/08/2016.
+ */
+public class SetProjectLastAccessedTime implements SQLUpdate {
+
+  private static final String SET_PROJECT_LAST_ACCESSED_TIME =
+      "UPDATE `projects`\n" + "SET `last_accessed` = ?\n" + "WHERE `name` = ?";
+
+  private final String projectName;
+  private final Timestamp lastAccessed;
+
+  public SetProjectLastAccessedTime(String projectName, Timestamp lastAccessed) {
+    this.projectName = projectName;
+    this.lastAccessed = lastAccessed;
+  }
+
+  @Override
+  public String getSQL() {
+    return SET_PROJECT_LAST_ACCESSED_TIME;
+  }
+
+  @Override
+  public void addParametersToStatement(PreparedStatement statement) throws SQLException {
+    statement.setTimestamp(1, lastAccessed);
+    statement.setString(2, projectName);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/insert/SetProjectSQLUpdate.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/insert/SetProjectSQLUpdate.java
new file mode 100644
index 0000000..7c472e0
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/insert/SetProjectSQLUpdate.java
@@ -0,0 +1,35 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.insert;
+
+import java.sql.PreparedStatement;
+import java.sql.SQLException;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLUpdate;
+
+/*
+ * Created by Winston on 20/11/14.
+ */
+public class SetProjectSQLUpdate implements SQLUpdate {
+
+  private static final String SET_PROJECT =
+      "INSERT OR REPLACE "
+          + "INTO `projects`(`name`, `version_id`, `last_accessed`) "
+          + "VALUES (?, ?, DATETIME('now'));\n";
+
+  private final String projectName;
+  private final int versionID;
+
+  public SetProjectSQLUpdate(String projectName, int versionID) {
+    this.projectName = projectName;
+    this.versionID = versionID;
+  }
+
+  @Override
+  public String getSQL() {
+    return SET_PROJECT;
+  }
+
+  @Override
+  public void addParametersToStatement(PreparedStatement statement) throws SQLException {
+    statement.setString(1, projectName);
+    statement.setInt(2, versionID);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/insert/UpdateRestore.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/insert/UpdateRestore.java
new file mode 100644
index 0000000..bb76748
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/insert/UpdateRestore.java
@@ -0,0 +1,37 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.insert;
+
+import java.sql.PreparedStatement;
+import java.sql.SQLException;
+import java.sql.Timestamp;
+import java.time.LocalDateTime;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLUpdate;
+
+public class UpdateRestore implements SQLUpdate {
+  private static final String UPDATE_RESTORE =
+      "UPDATE `projects`\n"
+          + "SET `last_accessed` = ?,\n"
+          + "    `swap_time` = NULL,\n"
+          + "    `restore_time` = ?,\n"
+          + "    `swap_compression` = NULL\n"
+          + "WHERE `name` = ?;\n";
+
+  private final String projectName;
+  private final Timestamp now;
+
+  public UpdateRestore(String projectName) {
+    this.projectName = projectName;
+    this.now = Timestamp.valueOf(LocalDateTime.now());
+  }
+
+  @Override
+  public String getSQL() {
+    return UPDATE_RESTORE;
+  }
+
+  @Override
+  public void addParametersToStatement(PreparedStatement statement) throws SQLException {
+    statement.setTimestamp(1, now);
+    statement.setTimestamp(2, now);
+    statement.setString(3, projectName);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/insert/UpdateSwap.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/insert/UpdateSwap.java
new file mode 100644
index 0000000..df09ddc
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/insert/UpdateSwap.java
@@ -0,0 +1,39 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.insert;
+
+import java.sql.PreparedStatement;
+import java.sql.SQLException;
+import java.sql.Timestamp;
+import java.time.LocalDateTime;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SQLUpdate;
+
+public class UpdateSwap implements SQLUpdate {
+  private static final String UPDATE_SWAP =
+      "UPDATE `projects`\n"
+          + "SET `last_accessed` = NULL,\n"
+          + "    `swap_time` = ?,\n"
+          + "    `restore_time` = NULL,\n"
+          + "    `swap_compression` = ?\n"
+          + "WHERE `name` = ?;\n";
+
+  private final String projectName;
+  private final String compression;
+  private final Timestamp now;
+
+  public UpdateSwap(String projectName, String compression) {
+    this.projectName = projectName;
+    this.compression = compression;
+    this.now = Timestamp.valueOf(LocalDateTime.now());
+  }
+
+  @Override
+  public String getSQL() {
+    return UPDATE_SWAP;
+  }
+
+  @Override
+  public void addParametersToStatement(PreparedStatement statement) throws SQLException {
+    statement.setTimestamp(1, now);
+    statement.setString(2, compression);
+    statement.setString(3, projectName);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/gc/GcJob.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/gc/GcJob.java
new file mode 100644
index 0000000..60edc7a
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/gc/GcJob.java
@@ -0,0 +1,29 @@
+package uk.ac.ic.wlgitbridge.bridge.gc;
+
+import java.util.concurrent.CompletableFuture;
+
+/*
+ * Is started by the bridge. Every time a project is updated, we queue it for
+ * GC which executes every hour or so.
+ *
+ * We don't queue it into a more immediate Executor because there is no way to
+ * know if a call to {@link Bridge#updateProject(Optional, ProjectRepo)},
+ * which releases the lock, is going to call
+ * {@link Bridge#push(Optional, String, RawDirectory, RawDirectory, String)}.
+ *
+ * We don't want the GC to run in between an update and a push.
+ */
+public interface GcJob {
+
+  void start();
+
+  void stop();
+
+  void onPreGc(Runnable preGc);
+
+  void onPostGc(Runnable postGc);
+
+  void queueForGc(String projectName);
+
+  CompletableFuture<Void> waitForRun();
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/gc/GcJobImpl.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/gc/GcJobImpl.java
new file mode 100644
index 0000000..6ccf1dd
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/gc/GcJobImpl.java
@@ -0,0 +1,130 @@
+package uk.ac.ic.wlgitbridge.bridge.gc;
+
+import java.io.IOException;
+import java.util.*;
+import java.util.concurrent.CompletableFuture;
+import java.util.concurrent.ConcurrentHashMap;
+import java.util.concurrent.TimeUnit;
+import java.util.concurrent.atomic.AtomicReference;
+import java.util.concurrent.locks.Lock;
+import java.util.concurrent.locks.ReentrantLock;
+import uk.ac.ic.wlgitbridge.bridge.lock.LockGuard;
+import uk.ac.ic.wlgitbridge.bridge.lock.ProjectLock;
+import uk.ac.ic.wlgitbridge.bridge.repo.ProjectRepo;
+import uk.ac.ic.wlgitbridge.bridge.repo.RepoStore;
+import uk.ac.ic.wlgitbridge.data.CannotAcquireLockException;
+import uk.ac.ic.wlgitbridge.util.Log;
+import uk.ac.ic.wlgitbridge.util.TimerUtils;
+
+/*
+ * Implementation of {@link GcJob} using its own Timer and a synchronized
+ * queue.
+ */
+public class GcJobImpl implements GcJob {
+
+  private final RepoStore repoStore;
+  private final ProjectLock locks;
+
+  private final long intervalMs;
+  private final Timer timer;
+
+  private final Set<String> gcQueue;
+
+  /*
+   * Hooks in case they are needed, e.g. for testing.
+   */
+  private AtomicReference<Runnable> preGc;
+  private AtomicReference<Runnable> postGc;
+
+  /* We need to iterate over and empty it after every run */
+  private final Lock jobWaitersLock;
+  private final List<CompletableFuture<Void>> jobWaiters;
+
+  public GcJobImpl(RepoStore repoStore, ProjectLock locks, long intervalMs) {
+    this.repoStore = repoStore;
+    this.locks = locks;
+    this.intervalMs = intervalMs;
+    timer = new Timer();
+    gcQueue = Collections.newSetFromMap(new ConcurrentHashMap<>());
+    preGc = new AtomicReference<>(() -> {});
+    postGc = new AtomicReference<>(() -> {});
+    jobWaitersLock = new ReentrantLock();
+    jobWaiters = new ArrayList<>();
+  }
+
+  public GcJobImpl(RepoStore repoStore, ProjectLock locks) {
+    this(repoStore, locks, TimeUnit.MILLISECONDS.convert(1, TimeUnit.HOURS));
+  }
+
+  @Override
+  public void start() {
+    Log.info("Starting GC job to run every [{}] ms", intervalMs);
+    timer.scheduleAtFixedRate(TimerUtils.makeTimerTask(this::doGC), intervalMs, intervalMs);
+  }
+
+  @Override
+  public void stop() {
+    Log.info("Stopping GC job");
+    timer.cancel();
+  }
+
+  @Override
+  public void onPreGc(Runnable preGc) {
+    this.preGc.set(preGc);
+  }
+
+  @Override
+  public void onPostGc(Runnable postGc) {
+    this.postGc.set(postGc);
+  }
+
+  /*
+   * Needs to be callable from any thread.
+   * @param projectName
+   */
+  @Override
+  public void queueForGc(String projectName) {
+    gcQueue.add(projectName);
+  }
+
+  @Override
+  public CompletableFuture<Void> waitForRun() {
+    CompletableFuture<Void> ret = new CompletableFuture<>();
+    jobWaitersLock.lock();
+    try {
+      jobWaiters.add(ret);
+    } finally {
+      jobWaitersLock.unlock();
+    }
+    return ret;
+  }
+
+  private void doGC() {
+    Log.info("GC job running");
+    int numGcs = 0;
+    preGc.get().run();
+    for (Iterator<String> it = gcQueue.iterator(); it.hasNext(); it.remove(), ++numGcs) {
+      String proj = it.next();
+      Log.debug("[{}] Running GC job on project", proj);
+      try (LockGuard __ = locks.lockGuard(proj)) {
+        try {
+          ProjectRepo repo = repoStore.getExistingRepo(proj);
+          repo.runGC();
+          repo.deleteIncomingPacks();
+        } catch (IOException e) {
+          Log.warn("[{}] Failed to GC project", proj);
+        }
+      } catch (CannotAcquireLockException e) {
+        Log.warn("[{}] Cannot acquire project lock, skipping GC", proj);
+      }
+    }
+    Log.info("GC job finished, num gcs: {}", numGcs);
+    jobWaitersLock.lock();
+    try {
+      jobWaiters.forEach(w -> w.complete(null));
+    } finally {
+      jobWaitersLock.unlock();
+    }
+    postGc.get().run();
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/lock/LockGuard.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/lock/LockGuard.java
new file mode 100644
index 0000000..9fc761a
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/lock/LockGuard.java
@@ -0,0 +1,9 @@
+package uk.ac.ic.wlgitbridge.bridge.lock;
+
+/*
+ * Created by winston on 24/08/2016.
+ */
+public interface LockGuard extends AutoCloseable {
+
+  void close();
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/lock/ProjectLock.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/lock/ProjectLock.java
new file mode 100644
index 0000000..e23c23c
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/lock/ProjectLock.java
@@ -0,0 +1,24 @@
+package uk.ac.ic.wlgitbridge.bridge.lock;
+
+import uk.ac.ic.wlgitbridge.data.CannotAcquireLockException;
+
+/*
+ * Project Lock class.
+ *
+ * The locks should be re-entrant. For example, we are usually holding the lock
+ * when a project must be restored, which tries to acquire the lock again.
+ */
+public interface ProjectLock {
+
+  void lockAll();
+
+  void lockForProject(String projectName) throws CannotAcquireLockException;
+
+  void unlockForProject(String projectName);
+
+  /* RAII hahaha */
+  default LockGuard lockGuard(String projectName) throws CannotAcquireLockException {
+    lockForProject(projectName);
+    return () -> unlockForProject(projectName);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStore.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStore.java
new file mode 100644
index 0000000..d774f30
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStore.java
@@ -0,0 +1,164 @@
+package uk.ac.ic.wlgitbridge.bridge.repo;
+
+import static uk.ac.ic.wlgitbridge.util.Util.deleteInDirectoryApartFrom;
+
+import com.google.api.client.repackaged.com.google.common.base.Preconditions;
+import java.io.File;
+import java.io.IOException;
+import java.io.InputStream;
+import java.nio.file.Paths;
+import java.util.ArrayList;
+import java.util.Collection;
+import java.util.List;
+import java.util.Optional;
+import java.util.function.Function;
+import org.apache.commons.io.FileUtils;
+import org.eclipse.jgit.lib.ObjectId;
+import org.eclipse.jgit.lib.Repository;
+import uk.ac.ic.wlgitbridge.util.Log;
+import uk.ac.ic.wlgitbridge.util.Project;
+import uk.ac.ic.wlgitbridge.util.Tar;
+
+/*
+ * Created by winston on 20/08/2016.
+ */
+public class FSGitRepoStore implements RepoStore {
+
+  private static final long DEFAULT_MAX_FILE_SIZE = 50 * 1024 * 1024;
+
+  private final String repoStorePath;
+
+  private final File rootDirectory;
+
+  private final long maxFileSize;
+
+  private final Function<File, Long> fsSizer;
+
+  public FSGitRepoStore(String repoStorePath, Optional<Long> maxFileSize) {
+    this(
+        repoStorePath,
+        maxFileSize.orElse(DEFAULT_MAX_FILE_SIZE),
+        d -> d.getTotalSpace() - d.getFreeSpace());
+  }
+
+  public FSGitRepoStore(String repoStorePath, long maxFileSize, Function<File, Long> fsSizer) {
+    this.repoStorePath = repoStorePath;
+    rootDirectory = initRootGitDirectory(repoStorePath);
+    this.maxFileSize = maxFileSize;
+    this.fsSizer = fsSizer;
+  }
+
+  @Override
+  public String getRepoStorePath() {
+    return repoStorePath;
+  }
+
+  @Override
+  public File getRootDirectory() {
+    return rootDirectory;
+  }
+
+  @Override
+  public ProjectRepo initRepo(String project) throws IOException {
+    GitProjectRepo ret = GitProjectRepo.fromName(project);
+    ret.initRepo(this);
+    return new WalkOverrideGitRepo(ret, Optional.of(maxFileSize), Optional.empty());
+  }
+
+  @Override
+  public ProjectRepo getExistingRepo(String project) throws IOException {
+    GitProjectRepo ret = GitProjectRepo.fromName(project);
+    ret.useExistingRepository(this);
+    return new WalkOverrideGitRepo(ret, Optional.of(maxFileSize), Optional.empty());
+  }
+
+  @Override
+  public ProjectRepo useJGitRepo(Repository repo, ObjectId commitId) {
+    GitProjectRepo ret = GitProjectRepo.fromJGitRepo(repo);
+    return new WalkOverrideGitRepo(ret, Optional.of(maxFileSize), Optional.of(commitId));
+  }
+
+  /* TODO: Perhaps we should just delete bad directories on the fly. */
+  @Override
+  public void purgeNonexistentProjects(Collection<String> existingProjectNames) {
+    List<String> excludedFromDeletion = new ArrayList<>(existingProjectNames);
+    excludedFromDeletion.add(".wlgb");
+    deleteInDirectoryApartFrom(rootDirectory, excludedFromDeletion.toArray(new String[] {}));
+  }
+
+  @Override
+  public long totalSize() {
+    return fsSizer.apply(rootDirectory);
+  }
+
+  @Override
+  public InputStream bzip2Project(String projectName, long[] sizePtr) throws IOException {
+    Project.checkValidProjectName(projectName);
+    Log.debug("[{}] bzip2 project", projectName);
+    return Tar.bz2.zip(getDotGitForProject(projectName), sizePtr);
+  }
+
+  @Override
+  public InputStream gzipProject(String projectName, long[] sizePtr) throws IOException {
+    Project.checkValidProjectName(projectName);
+    Log.debug("[{}] gzip project", projectName);
+    return Tar.gzip.zip(getDotGitForProject(projectName), sizePtr);
+  }
+
+  @Override
+  public void gcProject(String projectName) throws IOException {
+    Project.checkValidProjectName(projectName);
+    ProjectRepo repo = getExistingRepo(projectName);
+    repo.runGC();
+  }
+
+  @Override
+  public void remove(String projectName) throws IOException {
+    Project.checkValidProjectName(projectName);
+    FileUtils.deleteDirectory(new File(rootDirectory, projectName));
+  }
+
+  @Override
+  public void unbzip2Project(String projectName, InputStream dataStream) throws IOException {
+    Preconditions.checkArgument(
+        Project.isValidProjectName(projectName), "[%s] invalid project name: ", projectName);
+    Preconditions.checkState(
+        getDirForProject(projectName).mkdirs(),
+        "[%s] directories for " + "evicted project already exist",
+        projectName);
+    Log.debug("[{}] un-bzip2 project", projectName);
+    Tar.bz2.unzip(dataStream, getDirForProject(projectName));
+  }
+
+  @Override
+  public void ungzipProject(String projectName, InputStream dataStream) throws IOException {
+    Preconditions.checkArgument(
+        Project.isValidProjectName(projectName), "[%s] invalid project name: ", projectName);
+    Preconditions.checkState(
+        getDirForProject(projectName).mkdirs(),
+        "[%s] directories for " + "evicted project already exist",
+        projectName);
+    Log.debug("[{}] un-gzip project", projectName);
+    Tar.gzip.unzip(dataStream, getDirForProject(projectName));
+  }
+
+  private File getDirForProject(String projectName) {
+    Project.checkValidProjectName(projectName);
+    return Paths.get(rootDirectory.getAbsolutePath()).resolve(projectName).toFile();
+  }
+
+  private File getDotGitForProject(String projectName) {
+    Project.checkValidProjectName(projectName);
+    return Paths.get(rootDirectory.getAbsolutePath()).resolve(projectName).resolve(".git").toFile();
+  }
+
+  private File initRootGitDirectory(String rootGitDirectoryPath) {
+    File rootGitDirectory = new File(rootGitDirectoryPath);
+    rootGitDirectory.mkdirs();
+    Preconditions.checkArgument(
+        rootGitDirectory.isDirectory(),
+        "given root git directory " + "is not a directory: %s",
+        rootGitDirectory.getAbsolutePath());
+    return rootGitDirectory;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepo.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepo.java
new file mode 100644
index 0000000..86754f8
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepo.java
@@ -0,0 +1,231 @@
+package uk.ac.ic.wlgitbridge.bridge.repo;
+
+import com.google.common.base.Preconditions;
+import java.io.File;
+import java.io.IOException;
+import java.nio.charset.StandardCharsets;
+import java.nio.file.FileVisitResult;
+import java.nio.file.FileVisitor;
+import java.nio.file.Files;
+import java.nio.file.Path;
+import java.nio.file.attribute.BasicFileAttributes;
+import java.util.*;
+import org.apache.commons.io.IOUtils;
+import org.eclipse.jgit.api.Git;
+import org.eclipse.jgit.api.ResetCommand;
+import org.eclipse.jgit.api.errors.GitAPIException;
+import org.eclipse.jgit.lib.PersonIdent;
+import org.eclipse.jgit.lib.Repository;
+import org.eclipse.jgit.storage.file.FileRepositoryBuilder;
+import uk.ac.ic.wlgitbridge.data.filestore.GitDirectoryContents;
+import uk.ac.ic.wlgitbridge.data.filestore.RawDirectory;
+import uk.ac.ic.wlgitbridge.git.exception.GitUserException;
+import uk.ac.ic.wlgitbridge.git.util.RepositoryObjectTreeWalker;
+import uk.ac.ic.wlgitbridge.util.Log;
+import uk.ac.ic.wlgitbridge.util.Project;
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Class representing a Git repository.
+ *
+ * It stores the projectName and repo separately because the hooks need to be
+ * able to construct one of these without knowing whether the repo exists yet.
+ *
+ * It can then be passed to the Bridge, which will either
+ * {@link #initRepo(RepoStore)} for a never-seen-before repo, or
+ * {@link #useExistingRepository(RepoStore)} for an existing repo.
+ *
+ * Make sure to acquire the project lock before calling methods here.
+ */
+public class GitProjectRepo implements ProjectRepo {
+
+  private final String projectName;
+  private Optional<Repository> repository;
+
+  public static GitProjectRepo fromJGitRepo(Repository repo) {
+    return new GitProjectRepo(repo.getWorkTree().getName(), Optional.of(repo));
+  }
+
+  public static GitProjectRepo fromName(String projectName) {
+    return new GitProjectRepo(projectName, Optional.empty());
+  }
+
+  GitProjectRepo(String projectName, Optional<Repository> repository) {
+    Preconditions.checkArgument(Project.isValidProjectName(projectName));
+    this.projectName = projectName;
+    this.repository = repository;
+  }
+
+  @Override
+  public String getProjectName() {
+    return projectName;
+  }
+
+  @Override
+  public void initRepo(RepoStore repoStore) throws IOException {
+    initRepositoryField(repoStore);
+    Preconditions.checkState(repository.isPresent());
+    Repository repo = this.repository.get();
+    // TODO: assert that this is a fresh repo. At the moment, we can't be
+    // sure whether the repo to be init'd doesn't exist or is just fresh
+    // and we crashed / aborted while committing
+    if (repo.getObjectDatabase().exists()) return;
+    repo.create();
+  }
+
+  @Override
+  public void useExistingRepository(RepoStore repoStore) throws IOException {
+    initRepositoryField(repoStore);
+    Preconditions.checkState(repository.isPresent());
+    Preconditions.checkState(repository.get().getObjectDatabase().exists());
+  }
+
+  @Override
+  public RawDirectory getDirectory() throws IOException, GitUserException {
+    Preconditions.checkState(repository.isPresent());
+    return new RepositoryObjectTreeWalker(repository.get()).getDirectoryContents(Optional.empty());
+  }
+
+  @Override
+  public Collection<String> commitAndGetMissing(GitDirectoryContents contents) throws IOException {
+    try {
+      return doCommitAndGetMissing(contents);
+    } catch (GitAPIException e) {
+      throw new IOException(e);
+    }
+  }
+
+  @Override
+  public void runGC() throws IOException {
+    Preconditions.checkState(repository.isPresent(), "Repo is not present");
+    File dir = getProjectDir();
+    Preconditions.checkState(dir.isDirectory());
+    Log.debug("[{}] Running git gc", projectName);
+    Process proc = new ProcessBuilder("git", "gc").directory(dir).start();
+    int exitCode;
+    try {
+      exitCode = proc.waitFor();
+      Log.debug("Exit: {}", exitCode);
+    } catch (InterruptedException e) {
+      throw new RuntimeException(e);
+    }
+    if (exitCode != 0) {
+      Log.warn("[{}] Git gc failed", dir.getAbsolutePath());
+      Log.warn(IOUtils.toString(proc.getInputStream(), StandardCharsets.UTF_8));
+      Log.warn(IOUtils.toString(proc.getErrorStream(), StandardCharsets.UTF_8));
+      throw new IOException("git gc error");
+    }
+    Log.debug("[{}] git gc successful", projectName);
+  }
+
+  @Override
+  public void deleteIncomingPacks() throws IOException {
+    Log.debug("[{}] Checking for garbage `incoming` files", projectName);
+    Files.walkFileTree(
+        getDotGitDir().toPath(),
+        new FileVisitor<Path>() {
+          @Override
+          public FileVisitResult preVisitDirectory(Path dir, BasicFileAttributes attrs)
+              throws IOException {
+            return FileVisitResult.CONTINUE;
+          }
+
+          @Override
+          public FileVisitResult visitFile(Path file, BasicFileAttributes attrs)
+              throws IOException {
+            File file_ = file.toFile();
+            String name = file_.getName();
+            if (name.startsWith("incoming_") && name.endsWith(".pack")) {
+              Log.debug("Deleting garbage `incoming` file: {}", file_);
+              Preconditions.checkState(file_.delete());
+            }
+            return FileVisitResult.CONTINUE;
+          }
+
+          @Override
+          public FileVisitResult visitFileFailed(Path file, IOException exc) throws IOException {
+            Preconditions.checkNotNull(file);
+            Preconditions.checkNotNull(exc);
+            Log.warn("Failed to visit file: " + file, exc);
+            return FileVisitResult.TERMINATE;
+          }
+
+          @Override
+          public FileVisitResult postVisitDirectory(Path dir, IOException exc) throws IOException {
+            Preconditions.checkNotNull(dir);
+            if (exc != null) {
+              return FileVisitResult.TERMINATE;
+            }
+            return FileVisitResult.CONTINUE;
+          }
+        });
+  }
+
+  @Override
+  public File getProjectDir() {
+    return getJGitRepository().getDirectory().getParentFile();
+  }
+
+  public void resetHard() throws IOException {
+    Git git = new Git(getJGitRepository());
+    try {
+      git.reset().setMode(ResetCommand.ResetType.HARD).call();
+    } catch (GitAPIException e) {
+      throw new IOException(e);
+    }
+  }
+
+  @Override
+  public Repository getJGitRepository() {
+    return repository.get();
+  }
+
+  public File getDotGitDir() {
+    return getJGitRepository().getWorkTree();
+  }
+
+  private void initRepositoryField(RepoStore repoStore) throws IOException {
+    Preconditions.checkNotNull(repoStore);
+    Preconditions.checkArgument(Project.isValidProjectName(projectName));
+    Preconditions.checkState(!repository.isPresent());
+    repository = Optional.of(createJGitRepository(repoStore, projectName));
+  }
+
+  private Repository createJGitRepository(RepoStore repoStore, String projName) throws IOException {
+    File repoDir = new File(repoStore.getRootDirectory(), projName);
+    return new FileRepositoryBuilder().setWorkTree(repoDir).build();
+  }
+
+  private Collection<String> doCommitAndGetMissing(GitDirectoryContents contents)
+      throws IOException, GitAPIException {
+    Preconditions.checkState(repository.isPresent());
+    Repository repo = getJGitRepository();
+    resetHard();
+    String name = getProjectName();
+    Log.debug("[{}] Writing commit", name);
+    contents.write();
+    Git git = new Git(getJGitRepository());
+    Log.debug("[{}] Getting missing files", name);
+    Set<String> missingFiles = git.status().call().getMissing();
+    for (String missing : missingFiles) {
+      Log.debug("[{}] Git rm {}", name, missing);
+      git.rm().setCached(true).addFilepattern(missing).call();
+    }
+    Log.debug("[{}] Calling Git add", name);
+    git.add().setWorkingTreeIterator(new NoGitignoreIterator(repo)).addFilepattern(".").call();
+    Log.debug("[{}] Calling Git commit", name);
+    git.commit()
+        .setAuthor(
+            new PersonIdent(
+                contents.getUserName(),
+                contents.getUserEmail(),
+                contents.getWhen(),
+                TimeZone.getDefault()))
+        .setMessage(contents.getCommitMessage())
+        .call();
+    Log.debug(
+        "[{}] Deleting files in directory: {}", name, contents.getDirectory().getAbsolutePath());
+    Util.deleteInDirectoryApartFrom(contents.getDirectory(), ".git");
+    return missingFiles;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/NoGitignoreIterator.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/NoGitignoreIterator.java
new file mode 100644
index 0000000..437fdc1
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/NoGitignoreIterator.java
@@ -0,0 +1,73 @@
+package uk.ac.ic.wlgitbridge.bridge.repo;
+
+import java.io.File;
+import java.lang.reflect.Field;
+import org.eclipse.jgit.lib.Repository;
+import org.eclipse.jgit.treewalk.AbstractTreeIterator;
+import org.eclipse.jgit.treewalk.FileTreeIterator;
+import org.eclipse.jgit.treewalk.WorkingTreeIterator;
+import org.eclipse.jgit.treewalk.WorkingTreeOptions;
+import org.eclipse.jgit.util.FS;
+
+/*
+ * Created by winston on 08/10/2016.
+ */
+public class NoGitignoreIterator extends FileTreeIterator {
+
+  private static final Field ignoreNodeField;
+
+  static {
+    try {
+      ignoreNodeField = WorkingTreeIterator.class.getDeclaredField("ignoreNode");
+    } catch (NoSuchFieldException e) {
+      throw new RuntimeException(e);
+    }
+    ignoreNodeField.setAccessible(true);
+  }
+
+  public NoGitignoreIterator(Repository repo) {
+    super(repo);
+  }
+
+  public NoGitignoreIterator(Repository repo, FileModeStrategy fileModeStrategy) {
+    super(repo, fileModeStrategy);
+  }
+
+  public NoGitignoreIterator(File root, FS fs, WorkingTreeOptions options) {
+    super(root, fs, options);
+  }
+
+  public NoGitignoreIterator(
+      File root, FS fs, WorkingTreeOptions options, FileModeStrategy fileModeStrategy) {
+    super(root, fs, options, fileModeStrategy);
+  }
+
+  protected NoGitignoreIterator(FileTreeIterator p, File root, FS fs) {
+    super(p, root, fs);
+  }
+
+  protected NoGitignoreIterator(
+      WorkingTreeIterator p, File root, FS fs, FileModeStrategy fileModeStrategy) {
+    super(p, root, fs, fileModeStrategy);
+  }
+
+  // Note: the `list` is a list of top-level entities in this directory,
+  //       not a full list of files in the tree.
+  @Override
+  protected void init(Entry[] list) {
+    super.init(list);
+    try {
+      ignoreNodeField.set(this, null);
+    } catch (IllegalAccessException e) {
+      throw new RuntimeException(e);
+    }
+  }
+
+  // When entering a sub-directory, create a new instance of this class,
+  // so we can also ignore gitignore specifications in sub-directories
+  @Override
+  protected AbstractTreeIterator enterSubtree() {
+    String fullPath = getDirectory().getAbsolutePath() + "/" + current().getName();
+    return new NoGitignoreIterator(this, new File(fullPath), fs, fileModeStrategy);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/ProjectRepo.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/ProjectRepo.java
new file mode 100644
index 0000000..5d82e3d
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/ProjectRepo.java
@@ -0,0 +1,34 @@
+package uk.ac.ic.wlgitbridge.bridge.repo;
+
+import java.io.File;
+import java.io.IOException;
+import java.util.Collection;
+import org.eclipse.jgit.lib.Repository;
+import uk.ac.ic.wlgitbridge.data.filestore.GitDirectoryContents;
+import uk.ac.ic.wlgitbridge.data.filestore.RawDirectory;
+import uk.ac.ic.wlgitbridge.git.exception.GitUserException;
+
+/*
+ * Created by winston on 20/08/2016.
+ */
+public interface ProjectRepo {
+
+  String getProjectName();
+
+  void initRepo(RepoStore repoStore) throws IOException;
+
+  void useExistingRepository(RepoStore repoStore) throws IOException;
+
+  RawDirectory getDirectory() throws IOException, GitUserException;
+
+  Collection<String> commitAndGetMissing(GitDirectoryContents gitDirectoryContents)
+      throws IOException, GitUserException;
+
+  void runGC() throws IOException;
+
+  void deleteIncomingPacks() throws IOException;
+
+  File getProjectDir();
+
+  Repository getJGitRepository();
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/RepoStore.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/RepoStore.java
new file mode 100644
index 0000000..63ee3d1
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/RepoStore.java
@@ -0,0 +1,82 @@
+package uk.ac.ic.wlgitbridge.bridge.repo;
+
+import java.io.File;
+import java.io.IOException;
+import java.io.InputStream;
+import java.util.Collection;
+import org.eclipse.jgit.lib.ObjectId;
+import org.eclipse.jgit.lib.Repository;
+
+/*
+ * Created by winston on 20/08/2016.
+ */
+public interface RepoStore {
+
+  /* Still need to get rid of these two methods.
+  Main dependency: GitRepoStore needs a Repository which needs a directory.
+  Instead, use a visitor or something. */
+  String getRepoStorePath();
+
+  File getRootDirectory();
+
+  ProjectRepo initRepo(String project) throws IOException;
+
+  ProjectRepo getExistingRepo(String project) throws IOException;
+
+  ProjectRepo useJGitRepo(Repository repo, ObjectId commitId);
+
+  void purgeNonexistentProjects(Collection<String> existingProjectNames);
+
+  long totalSize();
+
+  /*
+   * Tars and bzip2s the .git directory of the given project. Throws an
+   * IOException if the project doesn't exist. The returned stream is a copy
+   * of the original .git directory, which must be deleted using remove().
+   */
+  InputStream bzip2Project(String projectName, long[] sizePtr) throws IOException;
+
+  default InputStream bzip2Project(String projectName) throws IOException {
+    return bzip2Project(projectName, null);
+  }
+
+  /*
+   * Tars and gzips the .git directory of the given project. Throws an
+   * IOException if the project doesn't exist. The returned stream is a copy
+   * of the original .git directory, which must be deleted using remove().
+   */
+  InputStream gzipProject(String projectName, long[] sizePtr) throws IOException;
+
+  default InputStream gzipProject(String projectName) throws IOException {
+    return gzipProject(projectName, null);
+  }
+
+  void gcProject(String projectName) throws IOException;
+
+  /*
+   * Called after {@link #bzip2Project(String, long[])}'s has been safely
+   * uploaded to the swap store. Removes all traces of the project from disk,
+   * i.e. not just its .git, but the whole project's git directory.
+   * @param projectName
+   * @throws IOException
+   */
+  void remove(String projectName) throws IOException;
+
+  /*
+   * Unbzip2s the given data stream into a .git directory for projectName.
+   * Creates the project's git directory.
+   * If projectName already exists, throws an IOException.
+   * @param projectName the name of the project, e.g. abc123
+   * @param dataStream the data stream containing the bzipped contents.
+   */
+  void unbzip2Project(String projectName, InputStream dataStream) throws IOException;
+
+  /*
+   * Ungzips the given data stream into a .git directory for projectName.
+   * Creates the project's git directory.
+   * If projectName already exists, throws an IOException.
+   * @param projectName the name of the project, e.g. abc123
+   * @param dataStream the data stream containing the gzip contents.
+   */
+  void ungzipProject(String projectName, InputStream dataStream) throws IOException;
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/RepoStoreConfig.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/RepoStoreConfig.java
new file mode 100644
index 0000000..feb01d3
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/RepoStoreConfig.java
@@ -0,0 +1,27 @@
+package uk.ac.ic.wlgitbridge.bridge.repo;
+
+import java.util.Optional;
+import javax.annotation.Nullable;
+
+/*
+ * Created by winston on 02/07/2017.
+ */
+public class RepoStoreConfig {
+
+  @Nullable private final Long maxFileSize;
+
+  @Nullable private final Long maxFileNum;
+
+  public RepoStoreConfig(Long maxFileSize, Long maxFileNum) {
+    this.maxFileSize = maxFileSize;
+    this.maxFileNum = maxFileNum;
+  }
+
+  public Optional<Long> getMaxFileSize() {
+    return Optional.ofNullable(maxFileSize);
+  }
+
+  public Optional<Long> getMaxFileNum() {
+    return Optional.ofNullable(maxFileNum);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/WalkOverrideGitRepo.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/WalkOverrideGitRepo.java
new file mode 100644
index 0000000..ded4269
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/repo/WalkOverrideGitRepo.java
@@ -0,0 +1,89 @@
+package uk.ac.ic.wlgitbridge.bridge.repo;
+
+import java.io.File;
+import java.io.IOException;
+import java.util.Collection;
+import java.util.Optional;
+import org.eclipse.jgit.lib.ObjectId;
+import org.eclipse.jgit.lib.Repository;
+import uk.ac.ic.wlgitbridge.data.filestore.GitDirectoryContents;
+import uk.ac.ic.wlgitbridge.data.filestore.RawDirectory;
+import uk.ac.ic.wlgitbridge.git.exception.GitUserException;
+import uk.ac.ic.wlgitbridge.git.util.RepositoryObjectTreeWalker;
+
+/*
+ * This class takes a GitProjectRepo and delegates all calls to it.
+ *
+ * The purpose is to insert a file size check in {@link #getDirectory()}.
+ *
+ * We delegate instead of subclass because we can't override the static
+ * constructors in {@link GitProjectRepo}.
+ */
+public class WalkOverrideGitRepo implements ProjectRepo {
+
+  private final GitProjectRepo gitRepo;
+
+  private final Optional<Long> maxFileSize;
+
+  private final Optional<ObjectId> commitId;
+
+  public WalkOverrideGitRepo(
+      GitProjectRepo gitRepo, Optional<Long> maxFileSize, Optional<ObjectId> commitId) {
+    this.gitRepo = gitRepo;
+    this.maxFileSize = maxFileSize;
+    this.commitId = commitId;
+  }
+
+  @Override
+  public String getProjectName() {
+    return gitRepo.getProjectName();
+  }
+
+  @Override
+  public void initRepo(RepoStore repoStore) throws IOException {
+    gitRepo.initRepo(repoStore);
+  }
+
+  @Override
+  public void useExistingRepository(RepoStore repoStore) throws IOException {
+    gitRepo.useExistingRepository(repoStore);
+  }
+
+  @Override
+  public RawDirectory getDirectory() throws IOException, GitUserException {
+    Repository repo = gitRepo.getJGitRepository();
+    RepositoryObjectTreeWalker walker;
+    if (commitId.isPresent()) {
+      walker = new RepositoryObjectTreeWalker(repo, commitId.get());
+    } else {
+      walker = new RepositoryObjectTreeWalker(repo);
+    }
+    return walker.getDirectoryContents(maxFileSize);
+  }
+
+  @Override
+  public Collection<String> commitAndGetMissing(GitDirectoryContents gitDirectoryContents)
+      throws GitUserException, IOException {
+    return gitRepo.commitAndGetMissing(gitDirectoryContents);
+  }
+
+  @Override
+  public void runGC() throws IOException {
+    gitRepo.runGC();
+  }
+
+  @Override
+  public void deleteIncomingPacks() throws IOException {
+    gitRepo.deleteIncomingPacks();
+  }
+
+  @Override
+  public File getProjectDir() {
+    return gitRepo.getProjectDir();
+  }
+
+  @Override
+  public Repository getJGitRepository() {
+    return gitRepo.getJGitRepository();
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/resource/ResourceCache.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/resource/ResourceCache.java
new file mode 100644
index 0000000..3bf568f
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/resource/ResourceCache.java
@@ -0,0 +1,22 @@
+package uk.ac.ic.wlgitbridge.bridge.resource;
+
+import java.io.IOException;
+import java.util.Map;
+import java.util.Optional;
+import uk.ac.ic.wlgitbridge.data.filestore.RawFile;
+import uk.ac.ic.wlgitbridge.git.exception.SizeLimitExceededException;
+
+/*
+ * Created by winston on 20/08/2016.
+ */
+public interface ResourceCache {
+
+  RawFile get(
+      String projectName,
+      String url,
+      String newPath,
+      Map<String, RawFile> fileTable,
+      Map<String, byte[]> fetchedUrls,
+      Optional<Long> maxFileSize)
+      throws IOException, SizeLimitExceededException;
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/resource/UrlResourceCache.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/resource/UrlResourceCache.java
new file mode 100644
index 0000000..d01027d
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/resource/UrlResourceCache.java
@@ -0,0 +1,139 @@
+package uk.ac.ic.wlgitbridge.bridge.resource;
+
+import static org.asynchttpclient.Dsl.*;
+
+import java.io.IOException;
+import java.util.List;
+import java.util.Map;
+import java.util.Optional;
+import java.util.concurrent.ExecutionException;
+import uk.ac.ic.wlgitbridge.bridge.db.DBStore;
+import uk.ac.ic.wlgitbridge.data.filestore.RawFile;
+import uk.ac.ic.wlgitbridge.data.filestore.RepositoryFile;
+import uk.ac.ic.wlgitbridge.git.exception.SizeLimitExceededException;
+import uk.ac.ic.wlgitbridge.io.http.ning.NingHttpClient;
+import uk.ac.ic.wlgitbridge.io.http.ning.NingHttpClientFacade;
+import uk.ac.ic.wlgitbridge.snapshot.exception.FailedConnectionException;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by winston on 20/08/2016.
+ */
+public class UrlResourceCache implements ResourceCache {
+
+  private final DBStore dbStore;
+
+  private final NingHttpClientFacade http;
+
+  UrlResourceCache(DBStore dbStore, NingHttpClientFacade http) {
+    this.dbStore = dbStore;
+    this.http = http;
+  }
+
+  public UrlResourceCache(DBStore dbStore) {
+    this(dbStore, new NingHttpClient(asyncHttpClient()));
+  }
+
+  @Override
+  public RawFile get(
+      String projectName,
+      String url,
+      String newPath,
+      Map<String, RawFile> fileTable,
+      Map<String, byte[]> fetchedUrls,
+      Optional<Long> maxFileSize)
+      throws IOException, SizeLimitExceededException {
+    String path = dbStore.getPathForURLInProject(projectName, getCacheKeyFromUrl(url));
+    byte[] contents;
+    if (path == null) {
+      path = newPath;
+      contents = fetch(projectName, url, path, maxFileSize);
+      fetchedUrls.put(url, contents);
+    } else {
+      Log.debug("Found (" + projectName + "): " + url);
+      Log.debug("At (" + projectName + "): " + path);
+      contents = fetchedUrls.get(url);
+      if (contents == null) {
+        RawFile rawFile = fileTable.get(path);
+        if (rawFile == null) {
+          Log.warn(
+              "File "
+                  + path
+                  + " was not in the current commit, "
+                  + "or the git tree, yet path was not null. "
+                  + "File url is: "
+                  + url);
+          contents = fetch(projectName, url, path, maxFileSize);
+        } else {
+          contents = rawFile.getContents();
+        }
+      }
+    }
+    return new RepositoryFile(newPath, contents);
+  }
+
+  private byte[] fetch(
+      String projectName, final String url, String path, Optional<Long> maxFileSize)
+      throws FailedConnectionException, SizeLimitExceededException {
+    byte[] contents;
+    Log.debug("GET -> " + url);
+    try {
+      contents =
+          http.get(
+              url,
+              hs -> {
+                List<String> contentLengths = hs.getAll("Content-Length");
+                if (!maxFileSize.isPresent()) {
+                  return true;
+                }
+                if (contentLengths.isEmpty()) {
+                  return true;
+                }
+                long contentLength = Long.parseLong(contentLengths.get(0));
+                long maxFileSize_ = maxFileSize.get();
+                if (contentLength <= maxFileSize_) {
+                  return true;
+                }
+                throw new SizeLimitExceededException(
+                    Optional.of(path), contentLength, maxFileSize_);
+              });
+    } catch (ExecutionException e) {
+      Throwable cause = e.getCause();
+      if (cause instanceof SizeLimitExceededException) {
+        throw (SizeLimitExceededException) cause;
+      }
+      Log.warn(
+          "ExecutionException when fetching project: "
+              + projectName
+              + ", url: "
+              + url
+              + ", path: "
+              + path,
+          e);
+      throw new FailedConnectionException();
+    }
+    if (maxFileSize.isPresent() && contents.length > maxFileSize.get()) {
+      throw new SizeLimitExceededException(Optional.of(path), contents.length, maxFileSize.get());
+    }
+    dbStore.addURLIndexForProject(projectName, getCacheKeyFromUrl(url), path);
+    return contents;
+  }
+
+  /*
+   * Construct a suitable cache key from the given file URL.
+   *
+   * The file URL returned by the web service may contain a token parameter
+   * used for authentication. This token changes for every request, so we
+   * need to strip it from the query string before using the URL as a cache
+   * key.
+   */
+  private String getCacheKeyFromUrl(String url) {
+    // We're not doing proper URL parsing here, but it should be enough to
+    // remove the token without touching the important parts of the URL.
+    //
+    // The URL looks like:
+    //
+    // https://history.overleaf.com/api/projects/:project_id/blobs/:hash?token=:token&_path=:path
+    return url.replaceAll("token=[^&]*", "token=REMOVED");
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/snapshot/NetSnapshotApi.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/snapshot/NetSnapshotApi.java
new file mode 100644
index 0000000..b8f2636
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/snapshot/NetSnapshotApi.java
@@ -0,0 +1,47 @@
+package uk.ac.ic.wlgitbridge.bridge.snapshot;
+
+import com.google.api.client.auth.oauth2.Credential;
+import java.util.Optional;
+import java.util.concurrent.CompletableFuture;
+import uk.ac.ic.wlgitbridge.data.CandidateSnapshot;
+import uk.ac.ic.wlgitbridge.snapshot.getdoc.GetDocRequest;
+import uk.ac.ic.wlgitbridge.snapshot.getdoc.GetDocResult;
+import uk.ac.ic.wlgitbridge.snapshot.getforversion.GetForVersionRequest;
+import uk.ac.ic.wlgitbridge.snapshot.getforversion.GetForVersionResult;
+import uk.ac.ic.wlgitbridge.snapshot.getsavedvers.GetSavedVersRequest;
+import uk.ac.ic.wlgitbridge.snapshot.getsavedvers.GetSavedVersResult;
+import uk.ac.ic.wlgitbridge.snapshot.push.PushRequest;
+import uk.ac.ic.wlgitbridge.snapshot.push.PushResult;
+
+/*
+ * Created by winston on 20/08/2016.
+ */
+public class NetSnapshotApi implements SnapshotApi {
+
+  @Override
+  public CompletableFuture<GetDocResult> getDoc(Optional<Credential> oauth2, String projectName) {
+    return new GetDocRequest(opt(oauth2), projectName).request();
+  }
+
+  @Override
+  public CompletableFuture<GetForVersionResult> getForVersion(
+      Optional<Credential> oauth2, String projectName, int versionId) {
+    return new GetForVersionRequest(opt(oauth2), projectName, versionId).request();
+  }
+
+  @Override
+  public CompletableFuture<GetSavedVersResult> getSavedVers(
+      Optional<Credential> oauth2, String projectName) {
+    return new GetSavedVersRequest(opt(oauth2), projectName).request();
+  }
+
+  @Override
+  public CompletableFuture<PushResult> push(
+      Optional<Credential> oauth2, CandidateSnapshot candidateSnapshot, String postbackKey) {
+    return new PushRequest(opt(oauth2), candidateSnapshot, postbackKey).request();
+  }
+
+  private static Credential opt(Optional<Credential> oauth2) {
+    return oauth2.orElse(null);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/snapshot/SnapshotApi.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/snapshot/SnapshotApi.java
new file mode 100644
index 0000000..67fec43
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/snapshot/SnapshotApi.java
@@ -0,0 +1,49 @@
+package uk.ac.ic.wlgitbridge.bridge.snapshot;
+
+import com.google.api.client.auth.oauth2.Credential;
+import java.util.Optional;
+import java.util.concurrent.CompletableFuture;
+import java.util.concurrent.CompletionException;
+import uk.ac.ic.wlgitbridge.data.CandidateSnapshot;
+import uk.ac.ic.wlgitbridge.snapshot.base.ForbiddenException;
+import uk.ac.ic.wlgitbridge.snapshot.base.MissingRepositoryException;
+import uk.ac.ic.wlgitbridge.snapshot.exception.FailedConnectionException;
+import uk.ac.ic.wlgitbridge.snapshot.getdoc.GetDocResult;
+import uk.ac.ic.wlgitbridge.snapshot.getforversion.GetForVersionResult;
+import uk.ac.ic.wlgitbridge.snapshot.getsavedvers.GetSavedVersResult;
+import uk.ac.ic.wlgitbridge.snapshot.push.PushResult;
+
+/*
+ * Created by winston on 20/08/2016.
+ */
+public interface SnapshotApi {
+
+  CompletableFuture<GetDocResult> getDoc(Optional<Credential> oauth2, String projectName);
+
+  CompletableFuture<GetForVersionResult> getForVersion(
+      Optional<Credential> oauth2, String projectName, int versionId);
+
+  CompletableFuture<GetSavedVersResult> getSavedVers(
+      Optional<Credential> oauth2, String projectName);
+
+  CompletableFuture<PushResult> push(
+      Optional<Credential> oauth2, CandidateSnapshot candidateSnapshot, String postbackKey);
+
+  static <T> T getResult(CompletableFuture<T> result)
+      throws MissingRepositoryException, FailedConnectionException, ForbiddenException {
+    try {
+      return result.join();
+    } catch (CompletionException e) {
+      try {
+        throw e.getCause();
+      } catch (MissingRepositoryException
+          | FailedConnectionException
+          | ForbiddenException
+          | RuntimeException r) {
+        throw r;
+      } catch (Throwable __) {
+        throw e;
+      }
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/snapshot/SnapshotApiFacade.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/snapshot/SnapshotApiFacade.java
new file mode 100644
index 0000000..07ac0a9
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/snapshot/SnapshotApiFacade.java
@@ -0,0 +1,121 @@
+package uk.ac.ic.wlgitbridge.bridge.snapshot;
+
+import com.google.api.client.auth.oauth2.Credential;
+import java.util.*;
+import java.util.concurrent.CompletableFuture;
+import java.util.stream.Collectors;
+import uk.ac.ic.wlgitbridge.data.CandidateSnapshot;
+import uk.ac.ic.wlgitbridge.data.model.Snapshot;
+import uk.ac.ic.wlgitbridge.git.exception.GitUserException;
+import uk.ac.ic.wlgitbridge.snapshot.base.ForbiddenException;
+import uk.ac.ic.wlgitbridge.snapshot.base.MissingRepositoryException;
+import uk.ac.ic.wlgitbridge.snapshot.exception.FailedConnectionException;
+import uk.ac.ic.wlgitbridge.snapshot.getdoc.GetDocResult;
+import uk.ac.ic.wlgitbridge.snapshot.getforversion.GetForVersionResult;
+import uk.ac.ic.wlgitbridge.snapshot.getforversion.SnapshotData;
+import uk.ac.ic.wlgitbridge.snapshot.getsavedvers.GetSavedVersResult;
+import uk.ac.ic.wlgitbridge.snapshot.getsavedvers.SnapshotInfo;
+import uk.ac.ic.wlgitbridge.snapshot.push.PushResult;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.InvalidProjectException;
+
+/*
+ * Created by winston on 02/07/2017.
+ */
+public class SnapshotApiFacade {
+
+  private final SnapshotApi api;
+
+  public SnapshotApiFacade(SnapshotApi api) {
+    this.api = api;
+  }
+
+  public boolean projectExists(Optional<Credential> oauth2, String projectName)
+      throws FailedConnectionException, GitUserException {
+    try {
+      SnapshotApi.getResult(api.getDoc(oauth2, projectName)).getVersionID();
+      return true;
+    } catch (InvalidProjectException e) {
+      return false;
+    }
+  }
+
+  public Optional<GetDocResult> getDoc(Optional<Credential> oauth2, String projectName)
+      throws FailedConnectionException, GitUserException {
+    try {
+      GetDocResult doc = SnapshotApi.getResult(api.getDoc(oauth2, projectName));
+      doc.getVersionID();
+      return Optional.of(doc);
+    } catch (InvalidProjectException e) {
+      return Optional.empty();
+    }
+  }
+
+  public Deque<Snapshot> getSnapshots(
+      Optional<Credential> oauth2, String projectName, int afterVersionId)
+      throws GitUserException, FailedConnectionException {
+    List<SnapshotInfo> snapshotInfos =
+        getSnapshotInfosAfterVersion(oauth2, projectName, afterVersionId);
+    List<SnapshotData> snapshotDatas = getMatchingSnapshotData(oauth2, projectName, snapshotInfos);
+    return combine(snapshotInfos, snapshotDatas);
+  }
+
+  public PushResult push(
+      Optional<Credential> oauth2, CandidateSnapshot candidateSnapshot, String postbackKey)
+      throws MissingRepositoryException, FailedConnectionException, ForbiddenException {
+    return SnapshotApi.getResult(api.push(oauth2, candidateSnapshot, postbackKey));
+  }
+
+  private List<SnapshotInfo> getSnapshotInfosAfterVersion(
+      Optional<Credential> oauth2, String projectName, int version)
+      throws FailedConnectionException, GitUserException {
+    SortedSet<SnapshotInfo> versions = new TreeSet<>();
+    CompletableFuture<GetDocResult> getDoc = api.getDoc(oauth2, projectName);
+    CompletableFuture<GetSavedVersResult> savedVers = api.getSavedVers(oauth2, projectName);
+    GetDocResult latestDoc = SnapshotApi.getResult(getDoc);
+    int latest = latestDoc.getVersionID();
+    // Handle edge-case for projects with no changes, that were imported
+    // to v2. In which case both `latest` and `version` will be zero.
+    // See: https://github.com/overleaf/writelatex-git-bridge/pull/50
+    if (latest > version || (latest == 0 && version == 0)) {
+      for (SnapshotInfo snapshotInfo : SnapshotApi.getResult(savedVers).getSavedVers()) {
+        if (snapshotInfo.getVersionId() > version) {
+          versions.add(snapshotInfo);
+        }
+      }
+      versions.add(
+          new SnapshotInfo(
+              latest, latestDoc.getCreatedAt(), latestDoc.getName(), latestDoc.getEmail()));
+    }
+    return new ArrayList<>(versions);
+  }
+
+  private List<SnapshotData> getMatchingSnapshotData(
+      Optional<Credential> oauth2, String projectName, List<SnapshotInfo> snapshotInfos)
+      throws FailedConnectionException, ForbiddenException {
+    List<CompletableFuture<GetForVersionResult>> firedRequests =
+        fireDataRequests(oauth2, projectName, snapshotInfos);
+    List<SnapshotData> snapshotDataList = new ArrayList<>();
+    for (CompletableFuture<GetForVersionResult> fired : firedRequests) {
+      snapshotDataList.add(fired.join().getSnapshotData());
+    }
+    return snapshotDataList;
+  }
+
+  private List<CompletableFuture<GetForVersionResult>> fireDataRequests(
+      Optional<Credential> oauth2, String projectName, List<SnapshotInfo> snapshotInfos) {
+    return snapshotInfos.stream()
+        .map(snap -> api.getForVersion(oauth2, projectName, snap.getVersionId()))
+        .collect(Collectors.toList());
+  }
+
+  private static Deque<Snapshot> combine(
+      List<SnapshotInfo> snapshotInfos, List<SnapshotData> snapshotDatas) {
+    Deque<Snapshot> snapshots = new LinkedList<>();
+    Iterator<SnapshotInfo> infos = snapshotInfos.iterator();
+    Iterator<SnapshotData> datas = snapshotDatas.iterator();
+    while (infos.hasNext()) {
+      snapshots.add(new Snapshot(infos.next(), datas.next()));
+    }
+    return snapshots;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/job/NoopSwapJob.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/job/NoopSwapJob.java
new file mode 100644
index 0000000..977734a
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/job/NoopSwapJob.java
@@ -0,0 +1,19 @@
+package uk.ac.ic.wlgitbridge.bridge.swap.job;
+
+/*
+ * Created by winston on 24/08/2016.
+ */
+public class NoopSwapJob implements SwapJob {
+
+  @Override
+  public void start() {}
+
+  @Override
+  public void stop() {}
+
+  @Override
+  public void evict(String projName) {}
+
+  @Override
+  public void restore(String projName) {}
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/job/SwapJob.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/job/SwapJob.java
new file mode 100644
index 0000000..8afaf17
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/job/SwapJob.java
@@ -0,0 +1,124 @@
+package uk.ac.ic.wlgitbridge.bridge.swap.job;
+
+import java.io.IOException;
+import java.util.Optional;
+import uk.ac.ic.wlgitbridge.bridge.db.DBStore;
+import uk.ac.ic.wlgitbridge.bridge.lock.ProjectLock;
+import uk.ac.ic.wlgitbridge.bridge.repo.RepoStore;
+import uk.ac.ic.wlgitbridge.bridge.swap.store.SwapStore;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by winston on 20/08/2016.
+ */
+public interface SwapJob {
+
+  enum CompressionMethod {
+    Bzip2,
+    Gzip
+  }
+
+  static CompressionMethod stringToCompressionMethod(String compressionString) {
+    if (compressionString == null) {
+      return null;
+    }
+    CompressionMethod result;
+    switch (compressionString) {
+      case "gzip":
+        result = CompressionMethod.Gzip;
+        break;
+      case "bzip2":
+        result = CompressionMethod.Bzip2;
+        break;
+      default:
+        result = null;
+        break;
+    }
+    return result;
+  }
+
+  static String compressionMethodAsString(CompressionMethod compressionMethod) {
+    if (compressionMethod == null) {
+      return null;
+    }
+    String result;
+    switch (compressionMethod) {
+      case Gzip:
+        result = "gzip";
+        break;
+      case Bzip2:
+        result = "bzip2";
+        break;
+      default:
+        result = null;
+        break;
+    }
+    return result;
+  }
+
+  static SwapJob fromConfig(
+      Optional<SwapJobConfig> cfg,
+      ProjectLock lock,
+      RepoStore repoStore,
+      DBStore dbStore,
+      SwapStore swapStore) {
+    if (!cfg.isPresent()) {
+      return new NoopSwapJob();
+    }
+    if (!swapStore.isSafe() && !cfg.get().getAllowUnsafeStores()) {
+      Log.warn(
+          "Swap store '{}' is not safe; disabling swap job", swapStore.getClass().getSimpleName());
+      return new NoopSwapJob();
+    }
+    return new SwapJobImpl(cfg.get(), lock, repoStore, dbStore, swapStore);
+  }
+
+  /*
+   * Starts the swap job, which should schedule an attempted swap at the given
+   * configured interval (config["swapJob"]["intervalMillis"]
+   */
+  void start();
+
+  /*
+   * Stops the stop job.
+   */
+  void stop();
+
+  /*
+   * Called by the swap job when a project should be evicted.
+   *
+   * Pre:
+   * 1. projName must be in repoStore
+   * 2. projName should not be in swapStore
+   * 3. projName should be PRESENT in dbStore (last_accessed is not null)
+   *
+   * Acquires the project lock and performs an eviction of projName.
+   *
+   * Post:
+   * 1. projName should not in repoStore
+   * 2. projName must be in swapStore
+   * 3. projName must be SWAPPED in dbStore (last_accessed is null)
+   * @param projName
+   * @throws IOException
+   */
+  void evict(String projName) throws IOException;
+
+  /*
+   * Called on a project when it must be restored.
+   *
+   * Pre:
+   * 1. projName should not be in repoStore
+   * 2. projName must be in swapStore
+   * 3. projName must be SWAPPED in dbStore (last_accessed is null)
+   *
+   * Acquires the project lock and restores projName.
+   *
+   * Post:
+   * 1. projName must be in repoStore
+   * 2. projName should not in swapStore
+   * 3. projName should be PRESENT in dbStore (last_accessed is not null)
+   * @param projName
+   * @throws IOException
+   */
+  void restore(String projName) throws IOException;
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/job/SwapJobConfig.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/job/SwapJobConfig.java
new file mode 100644
index 0000000..369bf5c
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/job/SwapJobConfig.java
@@ -0,0 +1,63 @@
+package uk.ac.ic.wlgitbridge.bridge.swap.job;
+
+import uk.ac.ic.wlgitbridge.bridge.swap.job.SwapJob.CompressionMethod;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by winston on 23/08/2016.
+ */
+public class SwapJobConfig {
+
+  private final int minProjects;
+  private final int lowGiB;
+  private final int highGiB;
+  private final long intervalMillis;
+  private final String compressionMethod;
+  private final boolean allowUnsafeStores;
+
+  public SwapJobConfig(
+      int minProjects,
+      int lowGiB,
+      int highGiB,
+      long intervalMillis,
+      String compressionMethod,
+      boolean allowUnsafeStores) {
+    this.minProjects = minProjects;
+    this.lowGiB = lowGiB;
+    this.highGiB = highGiB;
+    this.intervalMillis = intervalMillis;
+    this.compressionMethod = compressionMethod;
+    this.allowUnsafeStores = allowUnsafeStores;
+  }
+
+  public int getMinProjects() {
+    return minProjects;
+  }
+
+  public int getLowGiB() {
+    return lowGiB;
+  }
+
+  public int getHighGiB() {
+    return highGiB;
+  }
+
+  public long getIntervalMillis() {
+    return intervalMillis;
+  }
+
+  public boolean getAllowUnsafeStores() {
+    return allowUnsafeStores;
+  }
+
+  public SwapJob.CompressionMethod getCompressionMethod() {
+    CompressionMethod result = SwapJob.stringToCompressionMethod(compressionMethod);
+    if (result == null) {
+      Log.info(
+          "SwapJobConfig: un-supported compressionMethod '{}', default to 'bzip2'",
+          compressionMethod);
+      result = CompressionMethod.Bzip2;
+    }
+    return result;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/job/SwapJobImpl.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/job/SwapJobImpl.java
new file mode 100644
index 0000000..7101f8a
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/job/SwapJobImpl.java
@@ -0,0 +1,245 @@
+package uk.ac.ic.wlgitbridge.bridge.swap.job;
+
+import com.google.api.client.repackaged.com.google.common.base.Preconditions;
+import java.io.IOException;
+import java.io.InputStream;
+import java.sql.Timestamp;
+import java.time.Duration;
+import java.time.LocalDateTime;
+import java.util.ArrayList;
+import java.util.Timer;
+import java.util.concurrent.atomic.AtomicInteger;
+import uk.ac.ic.wlgitbridge.bridge.db.DBStore;
+import uk.ac.ic.wlgitbridge.bridge.lock.LockGuard;
+import uk.ac.ic.wlgitbridge.bridge.lock.ProjectLock;
+import uk.ac.ic.wlgitbridge.bridge.repo.RepoStore;
+import uk.ac.ic.wlgitbridge.bridge.swap.store.SwapStore;
+import uk.ac.ic.wlgitbridge.data.CannotAcquireLockException;
+import uk.ac.ic.wlgitbridge.util.Log;
+import uk.ac.ic.wlgitbridge.util.TimerUtils;
+
+/*
+ * Created by winston on 20/08/2016.
+ */
+public class SwapJobImpl implements SwapJob {
+
+  private static final long GiB = (1l << 30);
+
+  int minProjects;
+  long lowWatermarkBytes;
+  long highWatermarkBytes;
+  Duration interval;
+
+  private final ProjectLock lock;
+  private final RepoStore repoStore;
+  private final DBStore dbStore;
+  private final SwapStore swapStore;
+  private final CompressionMethod compressionMethod;
+
+  private final Timer timer;
+
+  final AtomicInteger swaps;
+
+  public SwapJobImpl(
+      SwapJobConfig cfg,
+      ProjectLock lock,
+      RepoStore repoStore,
+      DBStore dbStore,
+      SwapStore swapStore) {
+    this(
+        cfg.getMinProjects(),
+        GiB * cfg.getLowGiB(),
+        GiB * cfg.getHighGiB(),
+        Duration.ofMillis(cfg.getIntervalMillis()),
+        cfg.getCompressionMethod(),
+        lock,
+        repoStore,
+        dbStore,
+        swapStore);
+  }
+
+  SwapJobImpl(
+      int minProjects,
+      long lowWatermarkBytes,
+      long highWatermarkBytes,
+      Duration interval,
+      CompressionMethod method,
+      ProjectLock lock,
+      RepoStore repoStore,
+      DBStore dbStore,
+      SwapStore swapStore) {
+    this.minProjects = minProjects;
+    this.lowWatermarkBytes = lowWatermarkBytes;
+    this.highWatermarkBytes = highWatermarkBytes;
+    this.interval = interval;
+    this.compressionMethod = method;
+    this.lock = lock;
+    this.repoStore = repoStore;
+    this.dbStore = dbStore;
+    this.swapStore = swapStore;
+    timer = new Timer();
+    swaps = new AtomicInteger(0);
+  }
+
+  @Override
+  public void start() {
+    timer.schedule(TimerUtils.makeTimerTask(this::doSwap), 0);
+  }
+
+  @Override
+  public void stop() {
+    timer.cancel();
+  }
+
+  private void doSwap() {
+    try {
+      doSwap_();
+    } catch (Throwable t) {
+      Log.warn("Exception thrown during swap job", t);
+    }
+    timer.schedule(TimerUtils.makeTimerTask(this::doSwap), interval.toMillis());
+  }
+
+  private void doSwap_() {
+    ArrayList<String> exceptionProjectNames = new ArrayList<String>();
+
+    Log.debug("Running swap number {}", swaps.get() + 1);
+    long totalSize = repoStore.totalSize();
+    Log.debug("Size is {}/{} (high)", totalSize, highWatermarkBytes);
+    if (totalSize < highWatermarkBytes) {
+      Log.debug("No need to swap.");
+      swaps.incrementAndGet();
+      return;
+    }
+    int numProjects = dbStore.getNumProjects();
+    // while we have too many projects on disk
+    while ((totalSize = repoStore.totalSize()) > lowWatermarkBytes
+        && (numProjects = dbStore.getNumUnswappedProjects()) > minProjects) {
+      // check if we've had too many exceptions so far
+      if (exceptionProjectNames.size() >= 20) {
+        StringBuilder sb = new StringBuilder();
+        for (String s : exceptionProjectNames) {
+          sb.append(s);
+          sb.append(' ');
+        }
+        Log.error(
+            "Too many exceptions while running swap, giving up on this run: {}", sb.toString());
+        break;
+      }
+      // get the oldest project and try to swap it
+      String projectName = dbStore.getOldestUnswappedProject();
+      try {
+        evict(projectName);
+      } catch (Exception e) {
+        Log.warn("[{}] Exception while swapping, mark project and move on", projectName, e);
+        // NOTE: this is something of a hack. If a project fails to swap we get stuck in a
+        // loop where `dbStore.getOldestUnswappedProject()` gives the same failing project over and
+        // over again,
+        // which fills up the disk with errors. By touching the access time we can mark the project
+        // as a
+        // non-candidate for swapping. Ideally we should be checking the logs for these log events
+        // and fixing
+        // whatever is wrong with the project
+        dbStore.setLastAccessedTime(projectName, Timestamp.valueOf(LocalDateTime.now()));
+        exceptionProjectNames.add(projectName);
+      }
+    }
+    if (totalSize > lowWatermarkBytes) {
+      Log.warn("Finished swapping, but total size is still too high.");
+    }
+    Log.debug(
+        "Size: {}/{} (low), "
+            + "{} (high), "
+            + "projects on disk: {}/{}, "
+            + "min projects on disk: {}",
+        totalSize,
+        lowWatermarkBytes,
+        highWatermarkBytes,
+        numProjects,
+        dbStore.getNumProjects(),
+        minProjects);
+    swaps.incrementAndGet();
+  }
+
+  /*
+   * @see SwapJob#evict(String) for high-level description.
+   *
+   * 1. Acquires the project lock.
+   * 2. Gets a bz2 stream and size of a project from the repo store, or throws
+   * 3. Uploads the bz2 stream and size to the projName in the swapStore.
+   * 4. Sets the last accessed time in the dbStore to null, which makes our
+   *    state SWAPPED
+   * 5. Removes the project from the repo store.
+   * @param projName
+   * @throws IOException
+   */
+  @Override
+  public void evict(String projName) throws IOException {
+    Preconditions.checkNotNull(projName, "projName was null");
+    Log.info("Evicting project: {}", projName);
+    try (LockGuard __ = lock.lockGuard(projName)) {
+      try {
+        repoStore.gcProject(projName);
+      } catch (Exception e) {
+        Log.error("[{}] Exception while running gc on project: {}", projName, e);
+      }
+      long[] sizePtr = new long[1];
+      try (InputStream blob = getBlobStream(projName, sizePtr)) {
+        swapStore.upload(projName, blob, sizePtr[0]);
+        String compression = SwapJob.compressionMethodAsString(compressionMethod);
+        if (compression == null) {
+          throw new RuntimeException("invalid compression method, should not happen");
+        }
+        dbStore.swap(projName, compression);
+        repoStore.remove(projName);
+      }
+    } catch (CannotAcquireLockException e) {
+      Log.warn("[{}] Cannot acquire project lock, skipping swap", projName);
+      return;
+    }
+    Log.info("Evicted project: {}", projName);
+  }
+
+  private InputStream getBlobStream(String projName, long[] sizePtr) throws IOException {
+    if (compressionMethod == CompressionMethod.Gzip) {
+      return repoStore.gzipProject(projName, sizePtr);
+    } else if (compressionMethod == CompressionMethod.Bzip2) {
+      return repoStore.bzip2Project(projName, sizePtr);
+    } else {
+      throw new RuntimeException("invalid compression method, should not happen");
+    }
+  }
+
+  /*
+   * @see SwapJob#restore(String) for high-level description.
+   *
+   * 1. Acquires the project lock.
+   * 2. Gets a bz2 stream for the project from the swapStore.
+   * 3. Fully downloads and places the bz2 stream back in the repo store.
+   * 4. Sets the last accessed time in the dbStore to now, which makes our
+   *    state PRESENT and the last project to be evicted.
+   * @param projName
+   * @throws IOException
+   */
+  @Override
+  public void restore(String projName) throws IOException {
+    try (LockGuard __ = lock.lockGuard(projName)) {
+      try (InputStream zipped = swapStore.openDownloadStream(projName)) {
+        String compression = dbStore.getSwapCompression(projName);
+        if (compression == null) {
+          throw new RuntimeException(
+              "Missing compression method during restore, should not happen");
+        }
+        if ("gzip".equals(compression)) {
+          repoStore.ungzipProject(projName, zipped);
+        } else if ("bzip2".equals(compression)) {
+          repoStore.unbzip2Project(projName, zipped);
+        }
+        swapStore.remove(projName);
+        dbStore.restore(projName);
+      }
+    } catch (CannotAcquireLockException e) {
+      throw new RuntimeException(e);
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/store/InMemorySwapStore.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/store/InMemorySwapStore.java
new file mode 100644
index 0000000..3c7ae01
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/store/InMemorySwapStore.java
@@ -0,0 +1,49 @@
+package uk.ac.ic.wlgitbridge.bridge.swap.store;
+
+import java.io.ByteArrayInputStream;
+import java.io.IOException;
+import java.io.InputStream;
+import java.util.HashMap;
+import java.util.Map;
+import org.apache.commons.io.IOUtils;
+
+/*
+ * Created by winston on 23/08/2016.
+ */
+public class InMemorySwapStore implements SwapStore {
+
+  private final Map<String, byte[]> store;
+
+  public InMemorySwapStore() {
+    store = new HashMap<>();
+  }
+
+  public InMemorySwapStore(SwapStoreConfig __) {
+    this();
+  }
+
+  @Override
+  public void upload(String projectName, InputStream uploadStream, long contentLength)
+      throws IOException {
+    store.put(projectName, IOUtils.toByteArray(uploadStream, contentLength));
+  }
+
+  @Override
+  public InputStream openDownloadStream(String projectName) {
+    byte[] buf = store.get(projectName);
+    if (buf == null) {
+      throw new IllegalArgumentException("no such project in swap store: " + projectName);
+    }
+    return new ByteArrayInputStream(buf);
+  }
+
+  @Override
+  public void remove(String projectName) {
+    store.remove(projectName);
+  }
+
+  @Override
+  public boolean isSafe() {
+    return false;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/store/NoopSwapStore.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/store/NoopSwapStore.java
new file mode 100644
index 0000000..b607b48
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/store/NoopSwapStore.java
@@ -0,0 +1,28 @@
+package uk.ac.ic.wlgitbridge.bridge.swap.store;
+
+import java.io.ByteArrayInputStream;
+import java.io.InputStream;
+
+/*
+ * Created by winston on 24/08/2016.
+ */
+public class NoopSwapStore implements SwapStore {
+
+  public NoopSwapStore(SwapStoreConfig __) {}
+
+  @Override
+  public void upload(String projectName, InputStream uploadStream, long contentLength) {}
+
+  @Override
+  public InputStream openDownloadStream(String projectName) {
+    return new ByteArrayInputStream(new byte[0]);
+  }
+
+  @Override
+  public void remove(String projectName) {}
+
+  @Override
+  public boolean isSafe() {
+    return false;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/store/S3SwapStore.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/store/S3SwapStore.java
new file mode 100644
index 0000000..34e87db
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/store/S3SwapStore.java
@@ -0,0 +1,64 @@
+package uk.ac.ic.wlgitbridge.bridge.swap.store;
+
+import com.amazonaws.auth.AWSStaticCredentialsProvider;
+import com.amazonaws.auth.BasicAWSCredentials;
+import com.amazonaws.services.s3.AmazonS3;
+import com.amazonaws.services.s3.AmazonS3ClientBuilder;
+import com.amazonaws.services.s3.model.*;
+import java.io.InputStream;
+
+/*
+ * Created by winston on 21/08/2016.
+ */
+public class S3SwapStore implements SwapStore {
+
+  private final AmazonS3 s3;
+
+  private final String bucketName;
+
+  public S3SwapStore(SwapStoreConfig cfg) {
+    this(cfg.getAwsAccessKey(), cfg.getAwsSecret(), cfg.getS3BucketName(), cfg.getAwsRegion());
+  }
+
+  S3SwapStore(String accessKey, String secret, String bucketName, String region) {
+    String regionToUse = null;
+    if (region == null) {
+      regionToUse = "us-east-1";
+    } else {
+      regionToUse = region;
+    }
+    s3 =
+        AmazonS3ClientBuilder.standard()
+            .withRegion(regionToUse)
+            .withCredentials(
+                new AWSStaticCredentialsProvider(new BasicAWSCredentials(accessKey, secret)))
+            .build();
+    this.bucketName = bucketName;
+  }
+
+  @Override
+  public void upload(String projectName, InputStream uploadStream, long contentLength) {
+    ObjectMetadata metadata = new ObjectMetadata();
+    metadata.setContentLength(contentLength);
+    PutObjectRequest put = new PutObjectRequest(bucketName, projectName, uploadStream, metadata);
+    PutObjectResult res = s3.putObject(put);
+  }
+
+  @Override
+  public InputStream openDownloadStream(String projectName) {
+    GetObjectRequest get = new GetObjectRequest(bucketName, projectName);
+    S3Object res = s3.getObject(get);
+    return res.getObjectContent();
+  }
+
+  @Override
+  public void remove(String projectName) {
+    DeleteObjectRequest del = new DeleteObjectRequest(bucketName, projectName);
+    s3.deleteObject(del);
+  }
+
+  @Override
+  public boolean isSafe() {
+    return true;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/store/SwapStore.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/store/SwapStore.java
new file mode 100644
index 0000000..3cf7cf2
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/store/SwapStore.java
@@ -0,0 +1,43 @@
+package uk.ac.ic.wlgitbridge.bridge.swap.store;
+
+import java.io.IOException;
+import java.io.InputStream;
+import java.util.HashMap;
+import java.util.Map;
+import java.util.Optional;
+import java.util.function.Function;
+
+/*
+ * Created by winston on 20/08/2016.
+ */
+public interface SwapStore {
+
+  Map<String, Function<SwapStoreConfig, SwapStore>> swapStores =
+      new HashMap<String, Function<SwapStoreConfig, SwapStore>>() {
+
+        {
+          put("noop", NoopSwapStore::new);
+          put("memory", InMemorySwapStore::new);
+          put("s3", S3SwapStore::new);
+        }
+      };
+
+  static SwapStore fromConfig(Optional<SwapStoreConfig> cfg) {
+    SwapStoreConfig cfg_ = cfg.orElse(SwapStoreConfig.NOOP);
+    String type = cfg_.getType();
+    return swapStores.get(type).apply(cfg_);
+  }
+
+  void upload(String projectName, InputStream uploadStream, long contentLength) throws IOException;
+
+  InputStream openDownloadStream(String projectName);
+
+  void remove(String projectName);
+
+  /*
+   * Returns true if the swap store safely persists swapped projects.
+   *
+   * Fake swap stores should return false.
+   */
+  boolean isSafe();
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/store/SwapStoreConfig.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/store/SwapStoreConfig.java
new file mode 100644
index 0000000..d0cc806
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/swap/store/SwapStoreConfig.java
@@ -0,0 +1,64 @@
+package uk.ac.ic.wlgitbridge.bridge.swap.store;
+
+/*
+ * Created by winston on 24/08/2016.
+ */
+public class SwapStoreConfig {
+
+  public static final SwapStoreConfig NOOP = new SwapStoreConfig("noop", null, null, null, null);
+
+  private String type;
+  private String awsAccessKey;
+  private String awsSecret;
+  private String s3BucketName;
+  private String awsRegion;
+
+  public SwapStoreConfig() {}
+
+  public SwapStoreConfig(
+      String awsAccessKey, String awsSecret, String s3BucketName, String awsRegion) {
+    this("s3", awsAccessKey, awsSecret, s3BucketName, awsRegion);
+  }
+
+  SwapStoreConfig(
+      String type, String awsAccessKey, String awsSecret, String s3BucketName, String awsRegion) {
+    this.type = type;
+    this.awsAccessKey = awsAccessKey;
+    this.awsSecret = awsSecret;
+    this.s3BucketName = s3BucketName;
+    this.awsRegion = awsRegion;
+  }
+
+  public String getType() {
+    return type;
+  }
+
+  public String getAwsAccessKey() {
+    return awsAccessKey;
+  }
+
+  public String getAwsSecret() {
+    return awsSecret;
+  }
+
+  public String getS3BucketName() {
+    return s3BucketName;
+  }
+
+  public String getAwsRegion() {
+    return awsRegion;
+  }
+
+  public SwapStoreConfig sanitisedCopy() {
+    return new SwapStoreConfig(
+        type,
+        awsAccessKey == null ? null : "<awsAccessKey>",
+        awsSecret == null ? null : "<awsSecret>",
+        s3BucketName,
+        awsRegion);
+  }
+
+  public static SwapStoreConfig sanitisedCopy(SwapStoreConfig swapStore) {
+    return swapStore == null ? null : swapStore.sanitisedCopy();
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/util/CastUtil.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/util/CastUtil.java
new file mode 100644
index 0000000..079b485
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/bridge/util/CastUtil.java
@@ -0,0 +1,16 @@
+package uk.ac.ic.wlgitbridge.bridge.util;
+
+import com.google.common.base.Preconditions;
+
+/*
+ * Created by winston on 01/07/2017.
+ */
+public class CastUtil {
+
+  public static int assumeInt(long l) {
+    Preconditions.checkArgument(
+        l <= (long) Integer.MAX_VALUE && l >= (long) Integer.MIN_VALUE,
+        l + " cannot fit inside an int");
+    return (int) l;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/CandidateSnapshot.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/CandidateSnapshot.java
new file mode 100644
index 0000000..52689b8
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/CandidateSnapshot.java
@@ -0,0 +1,130 @@
+package uk.ac.ic.wlgitbridge.data;
+
+import com.google.gson.JsonArray;
+import com.google.gson.JsonElement;
+import com.google.gson.JsonObject;
+import java.io.File;
+import java.io.IOException;
+import java.util.LinkedList;
+import java.util.List;
+import java.util.Map;
+import java.util.Map.Entry;
+import uk.ac.ic.wlgitbridge.data.filestore.RawDirectory;
+import uk.ac.ic.wlgitbridge.data.filestore.RawFile;
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Created by Winston on 16/11/14.
+ */
+public class CandidateSnapshot implements AutoCloseable {
+
+  private final String projectName;
+  private final int currentVersion;
+  private final List<ServletFile> files;
+  private final List<String> deleted;
+  private File attsDirectory;
+
+  public CandidateSnapshot(
+      String projectName,
+      int currentVersion,
+      RawDirectory directoryContents,
+      RawDirectory oldDirectoryContents) {
+    this.projectName = projectName;
+    this.currentVersion = currentVersion;
+    files = diff(directoryContents, oldDirectoryContents);
+    deleted = deleted(directoryContents, oldDirectoryContents);
+  }
+
+  private List<ServletFile> diff(
+      RawDirectory directoryContents, RawDirectory oldDirectoryContents) {
+    List<ServletFile> files = new LinkedList<ServletFile>();
+    Map<String, RawFile> fileTable = directoryContents.getFileTable();
+    Map<String, RawFile> oldFileTable = oldDirectoryContents.getFileTable();
+    for (Entry<String, RawFile> entry : fileTable.entrySet()) {
+      RawFile file = entry.getValue();
+      files.add(new ServletFile(file, oldFileTable.get(file.getPath())));
+    }
+    return files;
+  }
+
+  private List<String> deleted(RawDirectory directoryContents, RawDirectory oldDirectoryContents) {
+    List<String> deleted = new LinkedList<String>();
+    Map<String, RawFile> fileTable = directoryContents.getFileTable();
+    for (Entry<String, RawFile> entry : oldDirectoryContents.getFileTable().entrySet()) {
+      String path = entry.getKey();
+      RawFile newFile = fileTable.get(path);
+      if (newFile == null) {
+        deleted.add(path);
+      }
+    }
+    return deleted;
+  }
+
+  public void writeServletFiles(File rootGitDirectory) throws IOException {
+    attsDirectory = new File(rootGitDirectory, ".wlgb/atts/" + projectName);
+    for (ServletFile file : files) {
+      if (file.isChanged()) {
+        file.writeToDiskWithName(attsDirectory, file.getUniqueIdentifier());
+      }
+    }
+  }
+
+  public void deleteServletFiles() throws IOException {
+    if (attsDirectory != null) {
+      Util.deleteDirectory(attsDirectory);
+    }
+  }
+
+  public JsonElement getJsonRepresentation(String postbackKey) {
+    String projectURL = Util.getPostbackURL() + "api/" + projectName;
+    JsonObject jsonObject = new JsonObject();
+    jsonObject.addProperty("latestVerId", currentVersion);
+    jsonObject.add("files", getFilesAsJson(projectURL, postbackKey));
+    jsonObject.addProperty("postbackUrl", projectURL + "/" + postbackKey + "/postback");
+    return jsonObject;
+  }
+
+  private JsonArray getFilesAsJson(String projectURL, String postbackKey) {
+    JsonArray filesArray = new JsonArray();
+    for (ServletFile file : files) {
+      filesArray.add(getFileAsJson(file, projectURL, postbackKey));
+    }
+    return filesArray;
+  }
+
+  private JsonObject getFileAsJson(ServletFile file, String projectURL, String postbackKey) {
+    JsonObject jsonFile = new JsonObject();
+    jsonFile.addProperty("name", file.getPath());
+    if (file.isChanged()) {
+      String identifier = file.getUniqueIdentifier();
+      String url = projectURL + "/" + identifier + "?key=" + postbackKey;
+      jsonFile.addProperty("url", url);
+    }
+    return jsonFile;
+  }
+
+  public String getProjectName() {
+    return projectName;
+  }
+
+  public List<String> getDeleted() {
+    return deleted;
+  }
+
+  @Override
+  public String toString() {
+    StringBuilder sb = new StringBuilder();
+    sb.append("VersionId: ");
+    sb.append(currentVersion);
+    sb.append(", files: ");
+    sb.append(files);
+    sb.append(", deleted: ");
+    sb.append(deleted);
+    return sb.toString();
+  }
+
+  @Override
+  public void close() throws IOException {
+    deleteServletFiles();
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/CannotAcquireLockException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/CannotAcquireLockException.java
new file mode 100644
index 0000000..e28af65
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/CannotAcquireLockException.java
@@ -0,0 +1,9 @@
+package uk.ac.ic.wlgitbridge.data;
+
+public class CannotAcquireLockException extends Exception {
+  String projectName;
+
+  public CannotAcquireLockException() {
+    super("Another operation is in progress. Please try again later.");
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/LockAllWaiter.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/LockAllWaiter.java
new file mode 100644
index 0000000..ae67da2
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/LockAllWaiter.java
@@ -0,0 +1,9 @@
+package uk.ac.ic.wlgitbridge.data;
+
+/*
+ * Created by Winston on 21/02/15.
+ */
+public interface LockAllWaiter {
+
+  void threadsRemaining(int threads);
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/ProjectLockImpl.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/ProjectLockImpl.java
new file mode 100644
index 0000000..0d5475d
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/ProjectLockImpl.java
@@ -0,0 +1,96 @@
+package uk.ac.ic.wlgitbridge.data;
+
+import java.util.HashMap;
+import java.util.Map;
+import java.util.concurrent.TimeUnit;
+import java.util.concurrent.locks.Lock;
+import java.util.concurrent.locks.ReentrantLock;
+import java.util.concurrent.locks.ReentrantReadWriteLock;
+import uk.ac.ic.wlgitbridge.bridge.lock.ProjectLock;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by Winston on 20/11/14.
+ */
+public class ProjectLockImpl implements ProjectLock {
+
+  private final Map<String, Lock> projectLocks;
+  private final ReentrantReadWriteLock rwlock;
+  private final Lock rlock;
+  private final ReentrantReadWriteLock.WriteLock wlock;
+  private LockAllWaiter waiter;
+  private boolean waiting;
+
+  public ProjectLockImpl() {
+    projectLocks = new HashMap<String, Lock>();
+    rwlock = new ReentrantReadWriteLock();
+    rlock = rwlock.readLock();
+    wlock = rwlock.writeLock();
+    waiting = false;
+  }
+
+  public ProjectLockImpl(LockAllWaiter waiter) {
+    this();
+    setWaiter(waiter);
+  }
+
+  @Override
+  public void lockForProject(String projectName) throws CannotAcquireLockException {
+    Log.debug("[{}] taking project lock", projectName);
+    Lock projectLock = getLockForProjectName(projectName);
+    try {
+      if (!projectLock.tryLock(5, TimeUnit.SECONDS)) {
+        Log.debug("[{}] failed to acquire project lock", projectName);
+        throw new CannotAcquireLockException();
+      }
+    } catch (InterruptedException e) {
+      throw new RuntimeException(e);
+    }
+    Log.debug("[{}] taking reentrant lock", projectName);
+    rlock.lock();
+    Log.debug("[{}] taken locks", projectName);
+  }
+
+  @Override
+  public void unlockForProject(String projectName) {
+    Log.debug("[{}] releasing project lock", projectName);
+    getLockForProjectName(projectName).unlock();
+    Log.debug("[{}] releasing reentrant lock", projectName);
+    rlock.unlock();
+    Log.debug("[{}] released locks", projectName);
+    if (waiting) {
+      Log.debug("[{}] waiting for remaining threads", projectName);
+      trySignal();
+    }
+  }
+
+  private void trySignal() {
+    int threads = rwlock.getReadLockCount();
+    Log.debug("-> waiting for {} threads", threads);
+    if (waiter != null && threads > 0) {
+      waiter.threadsRemaining(threads);
+    }
+    Log.debug("-> finished waiting for threads");
+  }
+
+  public void lockAll() {
+    Log.debug("-> locking all threads");
+    waiting = true;
+    trySignal();
+    Log.debug("-> locking reentrant write lock");
+    wlock.lock();
+  }
+
+  private synchronized Lock getLockForProjectName(String projectName) {
+    Lock lock = projectLocks.get(projectName);
+    if (lock == null) {
+      lock = new ReentrantLock();
+      projectLocks.put(projectName, lock);
+    }
+    return lock;
+  }
+
+  public void setWaiter(LockAllWaiter waiter) {
+    this.waiter = waiter;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/ServletFile.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/ServletFile.java
new file mode 100644
index 0000000..acf12f9
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/ServletFile.java
@@ -0,0 +1,48 @@
+package uk.ac.ic.wlgitbridge.data;
+
+import java.util.UUID;
+import uk.ac.ic.wlgitbridge.data.filestore.RawFile;
+
+/*
+ * Created by Winston on 21/02/15.
+ */
+public class ServletFile extends RawFile {
+
+  private final RawFile file;
+  private final boolean changed;
+  private String uuid;
+
+  public ServletFile(RawFile file, RawFile oldFile) {
+    this.file = file;
+    this.uuid = UUID.randomUUID().toString();
+    changed = !equals(oldFile);
+  }
+
+  public String getUniqueIdentifier() {
+    return uuid;
+  }
+
+  @Override
+  public String getPath() {
+    return file.getPath();
+  }
+
+  @Override
+  public byte[] getContents() {
+    return file.getContents();
+  }
+
+  @Override
+  public long size() {
+    return getContents().length;
+  }
+
+  public boolean isChanged() {
+    return changed;
+  }
+
+  @Override
+  public String toString() {
+    return getPath();
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/filestore/GitDirectoryContents.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/filestore/GitDirectoryContents.java
new file mode 100644
index 0000000..cc53c98
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/filestore/GitDirectoryContents.java
@@ -0,0 +1,76 @@
+package uk.ac.ic.wlgitbridge.data.filestore;
+
+import java.io.File;
+import java.io.IOException;
+import java.util.Date;
+import java.util.List;
+import uk.ac.ic.wlgitbridge.data.model.Snapshot;
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Created by Winston on 14/11/14.
+ */
+public class GitDirectoryContents {
+
+  private final List<RawFile> files;
+  private final File gitDirectory;
+  private final String userName;
+  private final String userEmail;
+  private final String commitMessage;
+  private final Date when;
+
+  public GitDirectoryContents(
+      List<RawFile> files,
+      File rootGitDirectory,
+      String projectName,
+      String userName,
+      String userEmail,
+      String commitMessage,
+      Date when) {
+    this.files = files;
+    this.gitDirectory = new File(rootGitDirectory, projectName);
+    this.userName = userName;
+    this.userEmail = userEmail;
+    this.commitMessage = commitMessage;
+    this.when = when;
+  }
+
+  public GitDirectoryContents(
+      List<RawFile> files, File rootGitDirectory, String projectName, Snapshot snapshot) {
+    this(
+        files,
+        rootGitDirectory,
+        projectName,
+        snapshot.getUserName(),
+        snapshot.getUserEmail(),
+        snapshot.getComment(),
+        snapshot.getCreatedAt());
+  }
+
+  public void write() throws IOException {
+    Util.deleteInDirectoryApartFrom(gitDirectory, ".git");
+    for (RawFile fileNode : files) {
+      fileNode.writeToDisk(gitDirectory);
+    }
+  }
+
+  public File getDirectory() {
+    return gitDirectory;
+  }
+
+  public String getUserName() {
+    return userName;
+  }
+
+  public String getUserEmail() {
+    return userEmail;
+  }
+
+  public String getCommitMessage() {
+    return commitMessage;
+  }
+
+  public Date getWhen() {
+    return when;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/filestore/RawDirectory.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/filestore/RawDirectory.java
new file mode 100644
index 0000000..ccaf3f8
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/filestore/RawDirectory.java
@@ -0,0 +1,19 @@
+package uk.ac.ic.wlgitbridge.data.filestore;
+
+import java.util.Map;
+
+/*
+ * Created by Winston on 16/11/14.
+ */
+public class RawDirectory {
+
+  private final Map<String, RawFile> fileTable;
+
+  public RawDirectory(Map<String, RawFile> fileTable) {
+    this.fileTable = fileTable;
+  }
+
+  public Map<String, RawFile> getFileTable() {
+    return fileTable;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/filestore/RawFile.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/filestore/RawFile.java
new file mode 100644
index 0000000..a0056ec
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/filestore/RawFile.java
@@ -0,0 +1,43 @@
+package uk.ac.ic.wlgitbridge.data.filestore;
+
+import java.io.File;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.io.OutputStream;
+import java.util.Arrays;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by Winston on 16/11/14.
+ */
+public abstract class RawFile {
+
+  public abstract String getPath();
+
+  public abstract byte[] getContents();
+
+  public abstract long size();
+
+  public final void writeToDisk(File directory) throws IOException {
+    writeToDiskWithName(directory, getPath());
+  }
+
+  public final void writeToDiskWithName(File directory, String name) throws IOException {
+    File file = new File(directory, name);
+    file.getParentFile().mkdirs();
+    file.createNewFile();
+    OutputStream out = new FileOutputStream(file);
+    out.write(getContents());
+    out.close();
+    Log.debug("Wrote file: {}", file.getAbsolutePath());
+  }
+
+  @Override
+  public boolean equals(Object obj) {
+    if (!(obj instanceof RawFile)) {
+      return false;
+    }
+    RawFile that = (RawFile) obj;
+    return getPath().equals(that.getPath()) && Arrays.equals(getContents(), that.getContents());
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/filestore/RepositoryFile.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/filestore/RepositoryFile.java
new file mode 100644
index 0000000..5bb6ab3
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/filestore/RepositoryFile.java
@@ -0,0 +1,30 @@
+package uk.ac.ic.wlgitbridge.data.filestore;
+
+/*
+ * Created by Winston on 16/11/14.
+ */
+public class RepositoryFile extends RawFile {
+
+  private final String path;
+  private final byte[] contents;
+
+  public RepositoryFile(String path, byte[] contents) {
+    this.path = path;
+    this.contents = contents;
+  }
+
+  @Override
+  public String getPath() {
+    return path;
+  }
+
+  @Override
+  public byte[] getContents() {
+    return contents;
+  }
+
+  @Override
+  public long size() {
+    return contents.length;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/model/Snapshot.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/model/Snapshot.java
new file mode 100644
index 0000000..bfd2e80
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/data/model/Snapshot.java
@@ -0,0 +1,75 @@
+package uk.ac.ic.wlgitbridge.data.model;
+
+import java.util.Date;
+import java.util.List;
+import org.joda.time.DateTime;
+import uk.ac.ic.wlgitbridge.snapshot.getforversion.SnapshotAttachment;
+import uk.ac.ic.wlgitbridge.snapshot.getforversion.SnapshotData;
+import uk.ac.ic.wlgitbridge.snapshot.getforversion.SnapshotFile;
+import uk.ac.ic.wlgitbridge.snapshot.getsavedvers.SnapshotInfo;
+import uk.ac.ic.wlgitbridge.snapshot.getsavedvers.WLUser;
+
+/*
+ * Created by Winston on 03/11/14.
+ */
+public class Snapshot implements Comparable<Snapshot> {
+
+  private final int versionID;
+  private final String comment;
+  private final String userName;
+  private final String userEmail;
+  private final Date createdAt;
+
+  private final List<SnapshotFile> srcs;
+  private final List<SnapshotAttachment> atts;
+
+  public Snapshot(SnapshotInfo info, SnapshotData data) {
+    versionID = info.getVersionId();
+    comment = info.getComment();
+    WLUser user = info.getUser();
+    userName = user.getName();
+    userEmail = user.getEmail();
+    createdAt = new DateTime(info.getCreatedAt()).toDate();
+
+    srcs = data.getSrcs();
+    atts = data.getAtts();
+  }
+
+  public int getVersionID() {
+    return versionID;
+  }
+
+  public String getComment() {
+    return comment;
+  }
+
+  public String getUserName() {
+    return userName;
+  }
+
+  public String getUserEmail() {
+    return userEmail;
+  }
+
+  public List<SnapshotFile> getSrcs() {
+    return srcs;
+  }
+
+  public List<SnapshotAttachment> getAtts() {
+    return atts;
+  }
+
+  public Date getCreatedAt() {
+    return createdAt;
+  }
+
+  @Override
+  public int compareTo(Snapshot snapshot) {
+    return Integer.compare(versionID, snapshot.versionID);
+  }
+
+  @Override
+  public String toString() {
+    return String.valueOf(versionID);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/exception/FileLimitExceededException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/exception/FileLimitExceededException.java
new file mode 100644
index 0000000..0a4b39c
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/exception/FileLimitExceededException.java
@@ -0,0 +1,31 @@
+package uk.ac.ic.wlgitbridge.git.exception;
+
+import java.util.Arrays;
+import java.util.List;
+
+public class FileLimitExceededException extends GitUserException {
+
+  private final long numFiles;
+
+  private final long maxFiles;
+
+  public FileLimitExceededException(long numFiles, long maxFiles) {
+    this.numFiles = numFiles;
+    this.maxFiles = maxFiles;
+  }
+
+  @Override
+  public String getMessage() {
+    return "too many files";
+  }
+
+  @Override
+  public List<String> getDescriptionLines() {
+    return Arrays.asList(
+        "repository contains "
+            + numFiles
+            + " files, which exceeds the limit of "
+            + maxFiles
+            + " files");
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/exception/GitUserException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/exception/GitUserException.java
new file mode 100644
index 0000000..ed8716e
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/exception/GitUserException.java
@@ -0,0 +1,13 @@
+package uk.ac.ic.wlgitbridge.git.exception;
+
+import java.util.List;
+
+/*
+ * Created by winston on 20/08/2016.
+ */
+public abstract class GitUserException extends Exception {
+
+  public abstract String getMessage();
+
+  public abstract List<String> getDescriptionLines();
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/exception/InvalidGitRepository.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/exception/InvalidGitRepository.java
new file mode 100644
index 0000000..404189d
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/exception/InvalidGitRepository.java
@@ -0,0 +1,20 @@
+package uk.ac.ic.wlgitbridge.git.exception;
+
+import java.util.Arrays;
+import java.util.List;
+
+public class InvalidGitRepository extends GitUserException {
+
+  @Override
+  public String getMessage() {
+    return "invalid git repo";
+  }
+
+  @Override
+  public List<String> getDescriptionLines() {
+    return Arrays.asList(
+        "Your Git repository contains a reference we cannot resolve.",
+        "If your project contains a Git submodule,",
+        "please remove it and try again.");
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/exception/SizeLimitExceededException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/exception/SizeLimitExceededException.java
new file mode 100644
index 0000000..c6d0787
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/exception/SizeLimitExceededException.java
@@ -0,0 +1,34 @@
+package uk.ac.ic.wlgitbridge.git.exception;
+
+import java.util.Arrays;
+import java.util.List;
+import java.util.Optional;
+import uk.ac.ic.wlgitbridge.util.Util;
+
+public class SizeLimitExceededException extends GitUserException {
+
+  private final Optional<String> path;
+
+  private final long actualSize;
+
+  private final long maxSize;
+
+  public SizeLimitExceededException(Optional<String> path, long actualSize, long maxSize) {
+    this.path = path;
+    this.actualSize = actualSize;
+    this.maxSize = maxSize;
+  }
+
+  @Override
+  public String getMessage() {
+    return "file too big";
+  }
+
+  @Override
+  public List<String> getDescriptionLines() {
+    String filename = path.isPresent() ? "File '" + path.get() + "' is" : "There's a file";
+    return Arrays.asList(
+        filename + " too large to push to " + Util.getServiceName() + " via git",
+        "the recommended maximum file size is 50 MiB");
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/exception/SnapshotAPIException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/exception/SnapshotAPIException.java
new file mode 100644
index 0000000..733e156
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/exception/SnapshotAPIException.java
@@ -0,0 +1,8 @@
+package uk.ac.ic.wlgitbridge.git.exception;
+
+import uk.ac.ic.wlgitbridge.snapshot.base.JSONSource;
+
+/*
+ * Created by winston on 20/08/2016.
+ */
+public abstract class SnapshotAPIException extends GitUserException implements JSONSource {}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/handler/WLReceivePackFactory.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/handler/WLReceivePackFactory.java
new file mode 100644
index 0000000..b8392cf
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/handler/WLReceivePackFactory.java
@@ -0,0 +1,68 @@
+package uk.ac.ic.wlgitbridge.git.handler;
+
+import com.google.api.client.auth.oauth2.Credential;
+import java.util.Optional;
+import javax.servlet.http.HttpServletRequest;
+import org.eclipse.jgit.lib.Repository;
+import org.eclipse.jgit.transport.ReceivePack;
+import org.eclipse.jgit.transport.resolver.ReceivePackFactory;
+import uk.ac.ic.wlgitbridge.bridge.Bridge;
+import uk.ac.ic.wlgitbridge.bridge.repo.RepoStore;
+import uk.ac.ic.wlgitbridge.git.handler.hook.WriteLatexPutHook;
+import uk.ac.ic.wlgitbridge.server.Oauth2Filter;
+import uk.ac.ic.wlgitbridge.util.Log;
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Created by Winston on 02/11/14.
+ */
+/*
+ * One of the "big three" interfaces created by {@link WLGitServlet} to handle
+ * user Git requests.
+ *
+ * This class just puts a {@link WriteLatexPutHook} into the {@link ReceivePack}
+ * that it returns.
+ */
+public class WLReceivePackFactory implements ReceivePackFactory<HttpServletRequest> {
+
+  private final RepoStore repoStore;
+
+  private final Bridge bridge;
+
+  public WLReceivePackFactory(RepoStore repoStore, Bridge bridge) {
+    this.repoStore = repoStore;
+    this.bridge = bridge;
+  }
+
+  /*
+   * Puts a {@link WriteLatexPutHook} into the returned {@link ReceivePack}.
+   *
+   * The {@link WriteLatexPutHook} needs our hostname, which we get from the
+   * original {@link HttpServletRequest}, used to provide a postback URL to
+   * the {@link SnapshotApi}. We also give it the oauth2 that we injected in
+   * the {@link Oauth2Filter}, and the {@link Bridge}.
+   *
+   * At this point, the repository will have been synced to the latest on
+   * Overleaf, but it's possible that an update happens on Overleaf while our
+   * put hook is running. In this case, we fail, and the user tries again,
+   * triggering another sync, and so on.
+   * @param httpServletRequest the original request
+   * @param repository the JGit {@link Repository} provided by
+   * {@link WLRepositoryResolver}
+   * @return a correctly hooked {@link ReceivePack}
+   */
+  @Override
+  public ReceivePack create(HttpServletRequest httpServletRequest, Repository repository) {
+    Log.debug("[{}] Creating receive-pack", repository.getWorkTree().getName());
+    Optional<Credential> oauth2 =
+        Optional.ofNullable(
+            (Credential) httpServletRequest.getAttribute(Oauth2Filter.ATTRIBUTE_KEY));
+    ReceivePack receivePack = new ReceivePack(repository);
+    String hostname = Util.getPostbackURL();
+    if (hostname == null) {
+      hostname = httpServletRequest.getLocalName();
+    }
+    receivePack.setPreReceiveHook(new WriteLatexPutHook(repoStore, bridge, hostname, oauth2));
+    return receivePack;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/handler/WLRepositoryResolver.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/handler/WLRepositoryResolver.java
new file mode 100644
index 0000000..d9ddbda
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/handler/WLRepositoryResolver.java
@@ -0,0 +1,112 @@
+package uk.ac.ic.wlgitbridge.git.handler;
+
+import com.google.api.client.auth.oauth2.Credential;
+import java.io.IOException;
+import java.util.Optional;
+import javax.servlet.http.HttpServletRequest;
+import org.eclipse.jgit.errors.RepositoryNotFoundException;
+import org.eclipse.jgit.lib.Repository;
+import org.eclipse.jgit.transport.ServiceMayNotContinueException;
+import org.eclipse.jgit.transport.resolver.RepositoryResolver;
+import org.eclipse.jgit.transport.resolver.ServiceNotAuthorizedException;
+import uk.ac.ic.wlgitbridge.bridge.Bridge;
+import uk.ac.ic.wlgitbridge.data.CannotAcquireLockException;
+import uk.ac.ic.wlgitbridge.git.exception.GitUserException;
+import uk.ac.ic.wlgitbridge.server.Oauth2Filter;
+import uk.ac.ic.wlgitbridge.snapshot.base.ForbiddenException;
+import uk.ac.ic.wlgitbridge.util.Log;
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Created by Winston on 02/11/14.
+ */
+/*
+ * One of the "big three" interfaces created by {@link WLGitServlet} to handle
+ * user Git requests.
+ *
+ * This class is used by all Git requests to resolve a project name to a
+ * JGit {@link Repository}, or fail by throwing an exception.
+ *
+ * It has a single method, {@link #open(HttpServletRequest, String)}, which
+ * calls into the {@link Bridge} to synchronise the project with Overleaf, i.e.
+ * bringing it onto disk and applying commits to it until it is up-to-date with
+ * Overleaf.
+ */
+public class WLRepositoryResolver implements RepositoryResolver<HttpServletRequest> {
+
+  private final Bridge bridge;
+
+  public WLRepositoryResolver(Bridge bridge) {
+    this.bridge = bridge;
+  }
+
+  /*
+   * Calls into the Bridge to resolve a project name to a JGit
+   * {@link Repository}, or throw an exception.
+   *
+   * On success, the repository will have been brought onto disk and updated
+   * to the latest (synced).
+   *
+   * In the case of clones and fetches, upload packs are created from the
+   * returned JGit {@link Repository} by the {@link WLUploadPackFactory}.
+   *
+   * The project lock is acquired for this process so it can't be swapped out.
+   *
+   * However, it can still be swapped out between this and a Git push. The
+   * push would fail due to the project changed on Overleaf between the sync
+   * and the actual push to Overleaf (performed by the
+   * {@link WLReceivePackFactory} and {@link WriteLatexPutHook}. In this case,
+   * the user will have to try again (which prompts another update, etc. until
+   * this no longer happens).
+   * @param httpServletRequest The HttpServletRequest as required by the
+   * interface. We injected the oauth2 creds into it with
+   * {@link Oauth2Filter}, which was set up by the {@link GitBridgeServer}.
+   * @param name The name of the project
+   * @return the JGit {@link Repository}.
+   * @throws RepositoryNotFoundException If the project does not exist
+   * @throws ServiceNotAuthorizedException If the user did not auth when
+   * required to
+   * @throws ServiceMayNotContinueException If any other general user
+   * exception occurs that must be propogated back to the user, e.g.
+   * internal errors (IOException, etc), too large file, and so on.
+   */
+  @Override
+  public Repository open(HttpServletRequest httpServletRequest, String name)
+      throws RepositoryNotFoundException,
+          ServiceNotAuthorizedException,
+          ServiceMayNotContinueException {
+    Log.debug("[{}] Request to open git repo", name);
+    Optional<Credential> oauth2 =
+        Optional.ofNullable(
+            (Credential) httpServletRequest.getAttribute(Oauth2Filter.ATTRIBUTE_KEY));
+    String projName = Util.removeAllSuffixes(name, "/", ".git");
+    try {
+      return bridge.getUpdatedRepo(oauth2, projName).getJGitRepository();
+    } catch (RepositoryNotFoundException e) {
+      Log.warn("Repository not found: " + name);
+      throw e;
+      /*
+      } catch (ServiceNotAuthorizedException e) {
+          cannot occur
+      } catch (ServiceNotEnabledException e) {
+          cannot occur
+          */
+    } catch (ServiceMayNotContinueException e) {
+      /* Such as FailedConnectionException */
+      throw e;
+    } catch (CannotAcquireLockException e) {
+      throw new ServiceMayNotContinueException(e.getMessage());
+    } catch (RuntimeException e) {
+      Log.warn("Runtime exception when trying to open repo: " + projName, e);
+      throw new ServiceMayNotContinueException(e);
+    } catch (ForbiddenException e) {
+      throw new ServiceNotAuthorizedException();
+    } catch (GitUserException e) {
+      throw new ServiceMayNotContinueException(
+          e.getMessage() + "\n" + String.join("\n", e.getDescriptionLines()), e);
+    } catch (IOException e) {
+      Log.warn("IOException when trying to open repo: " + projName, e);
+      throw new ServiceMayNotContinueException("Internal server error.");
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/handler/WLUploadPackFactory.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/handler/WLUploadPackFactory.java
new file mode 100644
index 0000000..646d08c
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/handler/WLUploadPackFactory.java
@@ -0,0 +1,34 @@
+package uk.ac.ic.wlgitbridge.git.handler;
+
+import javax.servlet.http.HttpServletRequest;
+import org.eclipse.jgit.lib.Repository;
+import org.eclipse.jgit.transport.UploadPack;
+import org.eclipse.jgit.transport.resolver.UploadPackFactory;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by Winston on 02/11/14.
+ */
+/*
+ * One of the "big three" interfaces created by {@link WLGitServlet} to handle
+ * user Git requests.
+ *
+ * The actual class doesn't do much, and most of the work is done when the
+ * project name is being resolved by the {@link WLRepositoryResolver}.
+ */
+public class WLUploadPackFactory implements UploadPackFactory<HttpServletRequest> {
+
+  /*
+   * This does nothing special. Synchronising the project with Overleaf will
+   * have been performed by {@link WLRepositoryResolver}.
+   * @param __ Not used, required by the {@link UploadPackFactory} interface
+   * @param repository The JGit repository provided by the
+   * {@link WLRepositoryResolver}
+   * @return the {@link UploadPack}, used by JGit to serve the request
+   */
+  @Override
+  public UploadPack create(HttpServletRequest __, Repository repository) {
+    Log.debug("[{}] Creating upload-pack", repository.getWorkTree().getName());
+    return new UploadPack(repository);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/handler/hook/WriteLatexPutHook.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/handler/hook/WriteLatexPutHook.java
new file mode 100644
index 0000000..24979f8
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/handler/hook/WriteLatexPutHook.java
@@ -0,0 +1,143 @@
+package uk.ac.ic.wlgitbridge.git.handler.hook;
+
+import com.google.api.client.auth.oauth2.Credential;
+import java.io.IOException;
+import java.util.Collection;
+import java.util.Iterator;
+import java.util.Optional;
+import org.eclipse.jgit.lib.Repository;
+import org.eclipse.jgit.transport.PreReceiveHook;
+import org.eclipse.jgit.transport.ReceiveCommand;
+import org.eclipse.jgit.transport.ReceiveCommand.Result;
+import org.eclipse.jgit.transport.ReceivePack;
+import uk.ac.ic.wlgitbridge.bridge.Bridge;
+import uk.ac.ic.wlgitbridge.bridge.repo.RepoStore;
+import uk.ac.ic.wlgitbridge.data.CannotAcquireLockException;
+import uk.ac.ic.wlgitbridge.data.filestore.RawDirectory;
+import uk.ac.ic.wlgitbridge.git.exception.GitUserException;
+import uk.ac.ic.wlgitbridge.git.handler.hook.exception.ForcedPushException;
+import uk.ac.ic.wlgitbridge.git.handler.hook.exception.WrongBranchException;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.InternalErrorException;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.OutOfDateException;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by Winston on 03/11/14.
+ */
+/*
+ * Created by {@link WLReceivePackFactory} to update the {@link Bridge} for a
+ * user's Git push request, or fail with an error. The hook is able to approve
+ * or reject a request.
+ */
+public class WriteLatexPutHook implements PreReceiveHook {
+
+  private final RepoStore repoStore;
+
+  private final Bridge bridge;
+  private final String hostname;
+  private final Optional<Credential> oauth2;
+
+  /*
+   * The constructor to use, which provides the hook with the {@link Bridge},
+   * the hostname (used to construct a URL to give to Overleaf to postback),
+   * and the oauth2 (used to authenticate with the Snapshot API).
+   * @param repoStore
+   * @param bridge the {@link Bridge}
+   * @param hostname the hostname used for postback from the Snapshot API
+   * @param oauth2 used to authenticate with the snapshot API, or null
+   */
+  public WriteLatexPutHook(
+      RepoStore repoStore, Bridge bridge, String hostname, Optional<Credential> oauth2) {
+    this.repoStore = repoStore;
+    this.bridge = bridge;
+    this.hostname = hostname;
+    this.oauth2 = oauth2;
+  }
+
+  @Override
+  public void onPreReceive(ReceivePack receivePack, Collection<ReceiveCommand> receiveCommands) {
+    Log.debug(
+        "-> Handling {} commands in {}",
+        receiveCommands.size(),
+        receivePack.getRepository().getDirectory().getAbsolutePath());
+    for (ReceiveCommand receiveCommand : receiveCommands) {
+      try {
+        handleReceiveCommand(oauth2, receivePack.getRepository(), receiveCommand);
+      } catch (IOException e) {
+        Log.error("IOException on pre receive", e);
+        receivePack.sendError(e.getMessage());
+        receiveCommand.setResult(Result.REJECTED_OTHER_REASON, e.getMessage());
+      } catch (OutOfDateException e) {
+        Log.error("OutOfDateException on pre receive", e);
+        receiveCommand.setResult(Result.REJECTED_NONFASTFORWARD);
+      } catch (GitUserException e) {
+        Log.error("GitUserException on pre receive", e);
+        handleSnapshotPostException(receivePack, receiveCommand, e);
+      } catch (CannotAcquireLockException e) {
+        Log.info("CannotAcquireLockException on pre receive");
+        receivePack.sendError(e.getMessage());
+        receiveCommand.setResult(Result.REJECTED_OTHER_REASON, e.getMessage());
+      } catch (Throwable t) {
+        Log.error("Throwable on pre receive", t);
+        handleSnapshotPostException(receivePack, receiveCommand, new InternalErrorException());
+      }
+    }
+    Log.debug(
+        "-> Handled {} commands in {}",
+        receiveCommands.size(),
+        receivePack.getRepository().getDirectory().getAbsolutePath());
+  }
+
+  private void handleSnapshotPostException(
+      ReceivePack receivePack, ReceiveCommand receiveCommand, GitUserException e) {
+    String message = e.getMessage();
+    receivePack.sendError(message);
+    StringBuilder msg = new StringBuilder();
+    for (Iterator<String> it = e.getDescriptionLines().iterator(); it.hasNext(); ) {
+      String line = it.next();
+      msg.append("hint: ");
+      msg.append(line);
+      if (it.hasNext()) {
+        msg.append('\n');
+      }
+    }
+    receivePack.sendMessage("");
+    receivePack.sendMessage(msg.toString());
+    receiveCommand.setResult(Result.REJECTED_OTHER_REASON, message);
+  }
+
+  private void handleReceiveCommand(
+      Optional<Credential> oauth2, Repository repository, ReceiveCommand receiveCommand)
+      throws IOException, GitUserException, CannotAcquireLockException {
+    checkBranch(receiveCommand);
+    checkForcedPush(receiveCommand);
+    bridge.push(
+        oauth2,
+        repository.getWorkTree().getName(),
+        getPushedDirectoryContents(repository, receiveCommand),
+        getOldDirectoryContents(repository),
+        hostname);
+  }
+
+  private void checkBranch(ReceiveCommand receiveCommand) throws WrongBranchException {
+    if (!receiveCommand.getRefName().equals("refs/heads/master")) {
+      throw new WrongBranchException();
+    }
+  }
+
+  private void checkForcedPush(ReceiveCommand receiveCommand) throws ForcedPushException {
+    if (receiveCommand.getType() == ReceiveCommand.Type.UPDATE_NONFASTFORWARD) {
+      throw new ForcedPushException();
+    }
+  }
+
+  private RawDirectory getPushedDirectoryContents(
+      Repository repository, ReceiveCommand receiveCommand) throws IOException, GitUserException {
+    return repoStore.useJGitRepo(repository, receiveCommand.getNewId()).getDirectory();
+  }
+
+  private RawDirectory getOldDirectoryContents(Repository repository)
+      throws IOException, GitUserException {
+    return repoStore.useJGitRepo(repository, repository.resolve("HEAD")).getDirectory();
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/handler/hook/exception/ForcedPushException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/handler/hook/exception/ForcedPushException.java
new file mode 100644
index 0000000..d1d3509
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/handler/hook/exception/ForcedPushException.java
@@ -0,0 +1,33 @@
+package uk.ac.ic.wlgitbridge.git.handler.hook.exception;
+
+import com.google.gson.JsonElement;
+import java.util.Arrays;
+import java.util.List;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.SnapshotPostException;
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Created by Winston on 16/11/14.
+ */
+public class ForcedPushException extends SnapshotPostException {
+
+  private static final String[] DESCRIPTION_LINES = {
+    "You can't git push --force to a " + Util.getServiceName() + " project.",
+    "Try to put your changes on top of the current head.",
+    "If everything else fails, delete and reclone your repository, "
+        + "make your changes, then push again."
+  };
+
+  @Override
+  public String getMessage() {
+    return "forced push prohibited";
+  }
+
+  @Override
+  public List<String> getDescriptionLines() {
+    return Arrays.asList(DESCRIPTION_LINES);
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {}
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/handler/hook/exception/WrongBranchException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/handler/hook/exception/WrongBranchException.java
new file mode 100644
index 0000000..e216781
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/handler/hook/exception/WrongBranchException.java
@@ -0,0 +1,29 @@
+package uk.ac.ic.wlgitbridge.git.handler.hook.exception;
+
+import com.google.gson.JsonElement;
+import java.util.Arrays;
+import java.util.List;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.SnapshotPostException;
+
+/*
+ * Created by Winston on 19/12/14.
+ */
+public class WrongBranchException extends SnapshotPostException {
+
+  private static final String[] DESCRIPTION_LINES = {
+    "You can't push any new branches.", "Please use the master branch."
+  };
+
+  @Override
+  public String getMessage() {
+    return "wrong branch";
+  }
+
+  @Override
+  public List<String> getDescriptionLines() {
+    return Arrays.asList(DESCRIPTION_LINES);
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {}
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/servlet/WLGitServlet.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/servlet/WLGitServlet.java
new file mode 100644
index 0000000..b29ad78
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/servlet/WLGitServlet.java
@@ -0,0 +1,46 @@
+package uk.ac.ic.wlgitbridge.git.servlet;
+
+import javax.servlet.ServletException;
+import org.eclipse.jetty.servlet.ServletContextHandler;
+import org.eclipse.jgit.http.server.GitServlet;
+import uk.ac.ic.wlgitbridge.bridge.Bridge;
+import uk.ac.ic.wlgitbridge.bridge.repo.RepoStore;
+import uk.ac.ic.wlgitbridge.git.handler.WLReceivePackFactory;
+import uk.ac.ic.wlgitbridge.git.handler.WLRepositoryResolver;
+import uk.ac.ic.wlgitbridge.git.handler.WLUploadPackFactory;
+
+/*
+ * Created by Winston on 02/11/14.
+ */
+/*
+ * This is the Servlet created by the {@link GitBridgeServer} that does all of
+ * the work in handling user Git requests and directing them to the
+ * {@link Bridge}.
+ *
+ * The {@link GitServlet} does all of the Git work, and these main three
+ * interfaces do all of the Git Bridge work:
+ *
+ * @see WLRepositoryResolver
+ * @see WLReceivePackFactory
+ * @see WLUploadPackFactory
+ */
+public class WLGitServlet extends GitServlet {
+
+  /*
+   * Constructor that sets all of the resolvers and factories for the
+   * {@link GitServlet}.
+   *
+   * Also needs to call init with a config ({@link WLGitServletConfig}, as
+   * required by the {@link GitServlet}.
+   * @param ctxHandler
+   * @param bridge
+   * @throws ServletException
+   */
+  public WLGitServlet(ServletContextHandler ctxHandler, RepoStore repoStore, Bridge bridge)
+      throws ServletException {
+    setRepositoryResolver(new WLRepositoryResolver(bridge));
+    setReceivePackFactory(new WLReceivePackFactory(repoStore, bridge));
+    setUploadPackFactory(new WLUploadPackFactory());
+    init(new WLGitServletConfig(ctxHandler));
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/servlet/WLGitServletConfig.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/servlet/WLGitServletConfig.java
new file mode 100644
index 0000000..022382a
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/servlet/WLGitServletConfig.java
@@ -0,0 +1,40 @@
+package uk.ac.ic.wlgitbridge.git.servlet;
+
+import java.util.Enumeration;
+import javax.servlet.ServletConfig;
+import javax.servlet.ServletContext;
+import org.eclipse.jetty.servlet.ServletContextHandler;
+
+/*
+ * Created by Winston on 02/11/14.
+ */
+public class WLGitServletConfig implements ServletConfig {
+
+  private static final String SERVLET_NAME = "git-servlet";
+
+  private ServletContext servletContext;
+
+  public WLGitServletConfig(ServletContextHandler ctxHandler) {
+    servletContext = ctxHandler.getServletContext();
+  }
+
+  @Override
+  public String getServletName() {
+    return SERVLET_NAME;
+  }
+
+  @Override
+  public ServletContext getServletContext() {
+    return servletContext;
+  }
+
+  @Override
+  public String getInitParameter(String s) {
+    return null;
+  }
+
+  @Override
+  public Enumeration<String> getInitParameterNames() {
+    return null;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/util/RepositoryObjectTreeWalker.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/util/RepositoryObjectTreeWalker.java
new file mode 100644
index 0000000..bdd9661
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/git/util/RepositoryObjectTreeWalker.java
@@ -0,0 +1,83 @@
+package uk.ac.ic.wlgitbridge.git.util;
+
+import java.io.ByteArrayOutputStream;
+import java.io.IOException;
+import java.util.HashMap;
+import java.util.Map;
+import java.util.Optional;
+import org.eclipse.jgit.lib.ObjectId;
+import org.eclipse.jgit.lib.ObjectLoader;
+import org.eclipse.jgit.lib.Repository;
+import org.eclipse.jgit.revwalk.RevWalk;
+import org.eclipse.jgit.treewalk.TreeWalk;
+import uk.ac.ic.wlgitbridge.bridge.util.CastUtil;
+import uk.ac.ic.wlgitbridge.data.filestore.RawDirectory;
+import uk.ac.ic.wlgitbridge.data.filestore.RawFile;
+import uk.ac.ic.wlgitbridge.data.filestore.RepositoryFile;
+import uk.ac.ic.wlgitbridge.git.exception.InvalidGitRepository;
+import uk.ac.ic.wlgitbridge.git.exception.SizeLimitExceededException;
+
+/*
+ * Created by Winston on 16/11/14.
+ */
+public class RepositoryObjectTreeWalker {
+
+  private final TreeWalk treeWalk;
+  private final Repository repository;
+
+  public RepositoryObjectTreeWalker(Repository repository, ObjectId objectId) throws IOException {
+    treeWalk = initTreeWalk(repository, objectId);
+    this.repository = repository;
+  }
+
+  public RepositoryObjectTreeWalker(Repository repository) throws IOException {
+    this(repository, 0);
+  }
+
+  public RepositoryObjectTreeWalker(Repository repository, int fromHead) throws IOException {
+    this(repository, repository.resolve("HEAD~" + fromHead));
+  }
+
+  public RawDirectory getDirectoryContents(Optional<Long> maxFileSize)
+      throws IOException, SizeLimitExceededException, InvalidGitRepository {
+    return new RawDirectory(walkGitObjectTree(maxFileSize));
+  }
+
+  private TreeWalk initTreeWalk(Repository repository, ObjectId objectId) throws IOException {
+    if (objectId == null) {
+      return null;
+    }
+    RevWalk walk = new RevWalk(repository);
+    TreeWalk treeWalk = new TreeWalk(repository);
+    treeWalk.addTree(walk.parseCommit(objectId).getTree());
+    treeWalk.setRecursive(true);
+    return treeWalk;
+  }
+
+  private Map<String, RawFile> walkGitObjectTree(Optional<Long> maxFileSize)
+      throws IOException, SizeLimitExceededException, InvalidGitRepository {
+    Map<String, RawFile> fileContentsTable = new HashMap<>();
+    if (treeWalk == null) {
+      return fileContentsTable;
+    }
+    while (treeWalk.next()) {
+      String path = treeWalk.getPathString();
+
+      ObjectId objectId = treeWalk.getObjectId(0);
+      if (!repository.hasObject(objectId)) {
+        throw new InvalidGitRepository();
+      }
+      ObjectLoader obj = repository.open(objectId);
+      long size = obj.getSize();
+      if (maxFileSize.isPresent() && size > maxFileSize.get()) {
+        throw new SizeLimitExceededException(Optional.ofNullable(path), size, maxFileSize.get());
+      }
+      try (ByteArrayOutputStream o = new ByteArrayOutputStream(CastUtil.assumeInt(size))) {
+        obj.copyTo(o);
+        fileContentsTable.put(path, new RepositoryFile(path, o.toByteArray()));
+      }
+      ;
+    }
+    return fileContentsTable;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/io/http/ning/NingHttpClient.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/io/http/ning/NingHttpClient.java
new file mode 100644
index 0000000..8d479ee
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/io/http/ning/NingHttpClient.java
@@ -0,0 +1,67 @@
+package uk.ac.ic.wlgitbridge.io.http.ning;
+
+import io.netty.handler.codec.http.HttpHeaders;
+import java.io.ByteArrayOutputStream;
+import java.io.IOException;
+import java.util.concurrent.ExecutionException;
+import org.asynchttpclient.*;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import uk.ac.ic.wlgitbridge.util.FunctionT;
+
+public class NingHttpClient implements NingHttpClientFacade {
+
+  private static final Logger log = LoggerFactory.getLogger(NingHttpClient.class);
+
+  private final AsyncHttpClient http;
+
+  public NingHttpClient(AsyncHttpClient http) {
+    this.http = http;
+  }
+
+  @Override
+  public <E extends Exception> byte[] get(String url, FunctionT<HttpHeaders, Boolean, E> handler)
+      throws ExecutionException {
+    try {
+      return http.prepareGet(url)
+          .execute(
+              new AsyncCompletionHandler<byte[]>() {
+
+                ByteArrayOutputStream bytes = new ByteArrayOutputStream();
+
+                @Override
+                public State onHeadersReceived(HttpHeaders headers) throws E {
+                  return handler.apply(headers) ? State.CONTINUE : State.ABORT;
+                }
+
+                @Override
+                public State onBodyPartReceived(HttpResponseBodyPart content) throws IOException {
+                  bytes.write(content.getBodyPartBytes());
+                  return State.CONTINUE;
+                }
+
+                @Override
+                public byte[] onCompleted(Response response) throws Exception {
+                  int statusCode = response.getStatusCode();
+                  if (statusCode >= 400) {
+                    throw new Exception("got status " + statusCode + " fetching " + url);
+                  }
+                  byte[] ret = bytes.toByteArray();
+                  bytes.close();
+                  log.debug(
+                      statusCode
+                          + " "
+                          + response.getStatusText()
+                          + " ("
+                          + ret.length
+                          + "B) -> "
+                          + url);
+                  return ret;
+                }
+              })
+          .get();
+    } catch (InterruptedException e) {
+      throw new RuntimeException(e);
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/io/http/ning/NingHttpClientFacade.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/io/http/ning/NingHttpClientFacade.java
new file mode 100644
index 0000000..97616c0
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/io/http/ning/NingHttpClientFacade.java
@@ -0,0 +1,18 @@
+package uk.ac.ic.wlgitbridge.io.http.ning;
+
+import io.netty.handler.codec.http.HttpHeaders;
+import java.util.concurrent.ExecutionException;
+import uk.ac.ic.wlgitbridge.util.FunctionT;
+
+public interface NingHttpClientFacade {
+
+  /*
+   * Performs a GET request
+   * @param url the target URL
+   * @param handler handler for the response headers. Returning false
+   *                aborts the request.
+   * @return
+   */
+  <E extends Exception> byte[] get(String url, FunctionT<HttpHeaders, Boolean, E> handler)
+      throws ExecutionException;
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/BasicAuthCredentials.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/BasicAuthCredentials.java
new file mode 100644
index 0000000..15827a8
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/BasicAuthCredentials.java
@@ -0,0 +1,20 @@
+package uk.ac.ic.wlgitbridge.server;
+
+public class BasicAuthCredentials {
+
+  private String username;
+  private String password;
+
+  public BasicAuthCredentials(String username, String password) {
+    this.username = username;
+    this.password = password;
+  }
+
+  public String getUsername() {
+    return username;
+  }
+
+  public String getPassword() {
+    return password;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/CORSHandler.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/CORSHandler.java
new file mode 100644
index 0000000..10d978c
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/CORSHandler.java
@@ -0,0 +1,47 @@
+package uk.ac.ic.wlgitbridge.server;
+
+import java.io.IOException;
+import java.util.Set;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import org.eclipse.jetty.server.Request;
+import org.eclipse.jetty.server.handler.AbstractHandler;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+public class CORSHandler extends AbstractHandler {
+  private final Set<String> allowedCorsOrigins;
+
+  public CORSHandler(String[] allowedCorsOrigins) {
+    this.allowedCorsOrigins = Set.of(allowedCorsOrigins);
+  }
+
+  @Override
+  public void handle(
+      String target, Request baseRequest, HttpServletRequest request, HttpServletResponse response)
+      throws IOException {
+
+    String origin = request.getHeader("Origin");
+    if (origin == null) {
+      return; // Not a CORS request
+    }
+
+    final boolean ok = allowedCorsOrigins.contains(origin);
+    if (ok) {
+      response.setHeader("Access-Control-Allow-Origin", origin);
+      response.setHeader("Access-Control-Allow-Credentials", "true");
+      response.setHeader("Access-Control-Allow-Methods", "GET, HEAD, PUT, POST, DELETE");
+      response.setHeader("Access-Control-Allow-Headers", "Authorization, Content-Type");
+      response.setHeader("Access-Control-Max-Age", "86400"); // cache for 24h
+    }
+    String method = baseRequest.getMethod();
+    if ("OPTIONS".equals(method)) {
+      Log.debug("OPTIONS <- {}", target);
+      baseRequest.setHandled(true);
+      if (ok) {
+        response.setStatus(200);
+      } else {
+        response.setStatus(403);
+      }
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/DiagnosticsHandler.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/DiagnosticsHandler.java
new file mode 100644
index 0000000..064cae7
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/DiagnosticsHandler.java
@@ -0,0 +1,59 @@
+package uk.ac.ic.wlgitbridge.server;
+
+import java.io.IOException;
+import java.lang.management.ManagementFactory;
+import javax.management.JMException;
+import javax.management.ObjectName;
+import javax.servlet.ServletException;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import org.eclipse.jetty.server.Request;
+import org.eclipse.jetty.server.handler.AbstractHandler;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+public class DiagnosticsHandler extends AbstractHandler {
+
+  public DiagnosticsHandler() {}
+
+  @Override
+  public void handle(
+      String target, Request baseRequest, HttpServletRequest request, HttpServletResponse response)
+      throws IOException, ServletException {
+    String method = baseRequest.getMethod();
+    if (("GET".equals(method)) && target != null && target.matches("^/diags/?$")) {
+      baseRequest.setHandled(true);
+
+      Log.debug(method + " <- /diags");
+
+      String detail;
+      String summary;
+
+      try {
+        detail = execute("vmNativeMemory", "detail");
+        summary = execute("vmNativeMemory", "summary");
+      } catch (JMException e) {
+        Log.error("Failed to get native memory detail: " + e.getMessage());
+        response.setStatus(500);
+        return;
+      }
+
+      response.setContentType("text/plain");
+      response.setStatus(200);
+
+      response.getWriter().write(summary);
+      response.getWriter().write("\n----------\n\n");
+      response.getWriter().write(detail);
+      response.getWriter().flush();
+    }
+  }
+
+  public static String execute(String command, String... args) throws JMException {
+    return (String)
+        ManagementFactory.getPlatformMBeanServer()
+            .invoke(
+                new ObjectName("com.sun.management:type=DiagnosticCommand"),
+                command,
+                new Object[] {args},
+                new String[] {"[Ljava.lang.String;"});
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/FileHandler.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/FileHandler.java
new file mode 100644
index 0000000..20a3c94
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/FileHandler.java
@@ -0,0 +1,54 @@
+package uk.ac.ic.wlgitbridge.server;
+
+import java.io.IOException;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+import javax.servlet.ServletException;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import org.eclipse.jetty.server.Request;
+import org.eclipse.jetty.server.handler.ResourceHandler;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import uk.ac.ic.wlgitbridge.bridge.Bridge;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.InvalidPostbackKeyException;
+
+/*
+ * Serve files referenced by the snapshot that we send to the Overleaf API.
+ *
+ * Requests must include the postback key.
+ */
+public class FileHandler extends ResourceHandler {
+  private static final Logger LOG = LoggerFactory.getLogger(FileHandler.class);
+
+  private final Bridge bridge;
+  private final Pattern DOC_KEY_PATTERN = Pattern.compile("^/(\\w+)/.+$");
+
+  public FileHandler(Bridge bridge) {
+    this.bridge = bridge;
+  }
+
+  @Override
+  public void handle(
+      String target, Request baseRequest, HttpServletRequest request, HttpServletResponse response)
+      throws IOException, ServletException {
+    if (!"GET".equals(baseRequest.getMethod())) return;
+    LOG.debug("GET <- {}", baseRequest.getRequestURI());
+
+    Matcher docKeyMatcher = DOC_KEY_PATTERN.matcher(target);
+    if (!docKeyMatcher.matches()) return;
+    String docKey = docKeyMatcher.group(1);
+
+    String apiKey = request.getParameter("key");
+    if (apiKey == null) return;
+
+    try {
+      bridge.checkPostbackKey(docKey, apiKey);
+    } catch (InvalidPostbackKeyException e) {
+      LOG.warn("INVALID POST BACK KEY: docKey={} apiKey={}", docKey, apiKey);
+      return;
+    }
+
+    super.handle(target, baseRequest, request, response);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/GitBridgeServer.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/GitBridgeServer.java
new file mode 100644
index 0000000..57d1b34
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/GitBridgeServer.java
@@ -0,0 +1,173 @@
+package uk.ac.ic.wlgitbridge.server;
+
+import java.io.File;
+import java.net.BindException;
+import java.nio.file.Paths;
+import java.util.EnumSet;
+import javax.servlet.DispatcherType;
+import javax.servlet.Filter;
+import javax.servlet.ServletException;
+import org.eclipse.jetty.server.Handler;
+import org.eclipse.jetty.server.Server;
+import org.eclipse.jetty.server.ServerConnector;
+import org.eclipse.jetty.server.handler.*;
+import org.eclipse.jetty.servlet.FilterHolder;
+import org.eclipse.jetty.servlet.ServletContextHandler;
+import org.eclipse.jetty.servlet.ServletHolder;
+import uk.ac.ic.wlgitbridge.application.config.Config;
+import uk.ac.ic.wlgitbridge.application.jetty.NullLogger;
+import uk.ac.ic.wlgitbridge.bridge.Bridge;
+import uk.ac.ic.wlgitbridge.bridge.db.DBStore;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SqliteDBStore;
+import uk.ac.ic.wlgitbridge.bridge.repo.FSGitRepoStore;
+import uk.ac.ic.wlgitbridge.bridge.repo.RepoStore;
+import uk.ac.ic.wlgitbridge.bridge.repo.RepoStoreConfig;
+import uk.ac.ic.wlgitbridge.bridge.snapshot.NetSnapshotApi;
+import uk.ac.ic.wlgitbridge.bridge.snapshot.SnapshotApi;
+import uk.ac.ic.wlgitbridge.bridge.swap.store.SwapStore;
+import uk.ac.ic.wlgitbridge.git.servlet.WLGitServlet;
+import uk.ac.ic.wlgitbridge.snapshot.base.SnapshotAPIRequest;
+import uk.ac.ic.wlgitbridge.util.Log;
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Created by Winston on 02/11/14.
+ */
+
+/*
+ * Class for the actual server.
+ */
+public class GitBridgeServer {
+
+  private final Bridge bridge;
+
+  private final Server jettyServer;
+
+  private final int port;
+  private String rootGitDirectoryPath;
+  private String apiBaseURL;
+
+  public GitBridgeServer(Config config) throws ServletException {
+    org.eclipse.jetty.util.log.Log.setLog(new NullLogger());
+    this.port = config.getPort();
+    this.rootGitDirectoryPath = config.getRootGitDirectory();
+    RepoStore repoStore =
+        new FSGitRepoStore(
+            rootGitDirectoryPath, config.getRepoStore().flatMap(RepoStoreConfig::getMaxFileSize));
+    DBStore dbStore =
+        new SqliteDBStore(
+            Paths.get(repoStore.getRootDirectory().getAbsolutePath())
+                .resolve(".wlgb")
+                .resolve("wlgb.db")
+                .toFile(),
+            config.getSqliteHeapLimitBytes());
+    SwapStore swapStore = SwapStore.fromConfig(config.getSwapStore());
+    SnapshotApi snapshotApi = new NetSnapshotApi();
+    bridge = Bridge.make(config, repoStore, dbStore, swapStore, snapshotApi);
+    jettyServer = new Server();
+    configureJettyServer(config, repoStore, snapshotApi);
+    apiBaseURL = config.getAPIBaseURL();
+    SnapshotAPIRequest.setBaseURL(apiBaseURL);
+    Util.setServiceName(config.getServiceName());
+    Util.setPostbackURL(config.getPostbackURL());
+    Util.setPort(config.getPort());
+  }
+
+  /*
+   * Starts the server on the port given on construction.
+   */
+  public void start() {
+    try {
+      bridge.checkDB();
+      jettyServer.start();
+      bridge.startBackgroundJobs();
+      Log.info(Util.getServiceName() + "-Git Bridge server started");
+      Log.info("Listening on port: " + port);
+      Log.info("Bridged to: " + apiBaseURL);
+      Log.info("Postback base URL: " + Util.getPostbackURL());
+      Log.info("Root git directory path: " + rootGitDirectoryPath);
+    } catch (BindException e) {
+      Log.error("Failed to bind Jetty", e);
+    } catch (Exception e) {
+      Log.error("Failed to start Jetty", e);
+    }
+  }
+
+  public void stop() {
+    try {
+      jettyServer.stop();
+    } catch (Exception e) {
+      Log.error("Failed to stop Jetty", e);
+    }
+  }
+
+  private void configureJettyServer(Config config, RepoStore repoStore, SnapshotApi snapshotApi)
+      throws ServletException {
+    ServerConnector connector = new ServerConnector(this.jettyServer);
+    connector.setPort(config.getPort());
+    connector.setHost(config.getBindIp());
+    connector.setIdleTimeout(config.getIdleTimeout());
+    this.jettyServer.addConnector(connector);
+
+    HandlerCollection handlers = new HandlerList();
+    handlers.addHandler(new CORSHandler(config.getAllowedCorsOrigins()));
+    handlers.addHandler(initApiHandler());
+    handlers.addHandler(initBaseHandler());
+    handlers.addHandler(initGitHandler(config, repoStore, snapshotApi));
+    jettyServer.setHandler(handlers);
+  }
+
+  private Handler initBaseHandler() {
+    ContextHandler base = new ContextHandler();
+    base.setContextPath("/");
+    HandlerCollection handlers = new HandlerList();
+    handlers.addHandler(new StatusHandler(bridge));
+    handlers.addHandler(new HealthCheckHandler(bridge));
+    handlers.addHandler(new GitLfsHandler(bridge));
+    handlers.addHandler(new PrometheusHandler());
+    handlers.addHandler(new DiagnosticsHandler());
+    base.setHandler(handlers);
+    return base;
+  }
+
+  private Handler initApiHandler() {
+    ContextHandler api = new ContextHandler();
+    api.setContextPath("/api");
+
+    HandlerCollection handlers = new HandlerList();
+    handlers.addHandler(initResourceHandler());
+    handlers.addHandler(new PostbackHandler(bridge));
+    handlers.addHandler(new ProjectDeletionHandler(bridge));
+    handlers.addHandler(new DefaultHandler());
+
+    api.setHandler(handlers);
+
+    ProductionErrorHandler errorHandler = new ProductionErrorHandler();
+    api.setErrorHandler(errorHandler);
+    return api;
+  }
+
+  private Handler initGitHandler(Config config, RepoStore repoStore, SnapshotApi snapshotApi)
+      throws ServletException {
+    final ServletContextHandler servletContextHandler =
+        new ServletContextHandler(ServletContextHandler.SESSIONS);
+    if (config.getOauth2Server() != null) {
+      Filter filter =
+          new Oauth2Filter(snapshotApi, config.getOauth2Server(), config.isUserPasswordEnabled());
+      servletContextHandler.addFilter(
+          new FilterHolder(filter), "/*", EnumSet.of(DispatcherType.REQUEST));
+    }
+    servletContextHandler.setContextPath("/");
+    servletContextHandler.addServlet(
+        new ServletHolder(new WLGitServlet(servletContextHandler, repoStore, bridge)), "/*");
+    ProductionErrorHandler errorHandler = new ProductionErrorHandler();
+    servletContextHandler.setErrorHandler(errorHandler);
+    return servletContextHandler;
+  }
+
+  private Handler initResourceHandler() {
+    ResourceHandler resourceHandler = new FileHandler(bridge);
+    resourceHandler.setResourceBase(new File(rootGitDirectoryPath, ".wlgb/atts").getAbsolutePath());
+    return resourceHandler;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/GitLfsHandler.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/GitLfsHandler.java
new file mode 100644
index 0000000..67ab2b3
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/GitLfsHandler.java
@@ -0,0 +1,36 @@
+package uk.ac.ic.wlgitbridge.server;
+
+import java.io.IOException;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import org.eclipse.jetty.server.Request;
+import org.eclipse.jetty.server.handler.AbstractHandler;
+import uk.ac.ic.wlgitbridge.bridge.Bridge;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+public class GitLfsHandler extends AbstractHandler {
+
+  private final Bridge bridge;
+
+  public GitLfsHandler(Bridge bridge) {
+    this.bridge = bridge;
+  }
+
+  @Override
+  public void handle(
+      String target, Request baseRequest, HttpServletRequest request, HttpServletResponse response)
+      throws IOException {
+    String method = baseRequest.getMethod();
+    if (("POST".equals(method))
+        && target != null
+        && target.matches("^/[0-9a-z]+\\.git/info/lfs/objects/batch/?$")) {
+      Log.debug(method + " <- /<project>.git/info/lfs/objects/batch");
+      response.setContentType("application/vnd.git-lfs+json");
+      response.setStatus(422);
+      response
+          .getWriter()
+          .println("{\"message\": \"ERROR: Git LFS is not supported on Overleaf\"}");
+      baseRequest.setHandled(true);
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/HealthCheckHandler.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/HealthCheckHandler.java
new file mode 100644
index 0000000..fe2ad43
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/HealthCheckHandler.java
@@ -0,0 +1,39 @@
+package uk.ac.ic.wlgitbridge.server;
+
+import java.io.IOException;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import org.eclipse.jetty.server.Request;
+import org.eclipse.jetty.server.handler.AbstractHandler;
+import uk.ac.ic.wlgitbridge.bridge.Bridge;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+public class HealthCheckHandler extends AbstractHandler {
+
+  private final Bridge bridge;
+
+  public HealthCheckHandler(Bridge bridge) {
+    this.bridge = bridge;
+  }
+
+  @Override
+  public void handle(
+      String target, Request baseRequest, HttpServletRequest request, HttpServletResponse response)
+      throws IOException {
+    String method = baseRequest.getMethod();
+    if (("GET".equals(method) || "HEAD".equals(method))
+        && target != null
+        && target.matches("^/health_check/?$")) {
+      Log.debug(method + " <- /health_check");
+      baseRequest.setHandled(true);
+      response.setContentType("text/plain");
+      if (bridge.healthCheck()) {
+        response.setStatus(200);
+        response.getWriter().println("ok");
+      } else {
+        response.setStatus(500);
+        response.getWriter().println("failed");
+      }
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/Oauth2Filter.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/Oauth2Filter.java
new file mode 100644
index 0000000..586a21a
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/Oauth2Filter.java
@@ -0,0 +1,332 @@
+package uk.ac.ic.wlgitbridge.server;
+
+import com.google.api.client.auth.oauth2.*;
+import com.google.api.client.http.GenericUrl;
+import com.google.api.client.http.HttpHeaders;
+import com.google.api.client.http.HttpRequest;
+import com.google.api.client.http.HttpResponse;
+import java.io.IOException;
+import java.io.PrintWriter;
+import java.io.UnsupportedEncodingException;
+import java.util.*;
+import javax.servlet.*;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import org.apache.commons.codec.binary.Base64;
+import uk.ac.ic.wlgitbridge.bridge.snapshot.SnapshotApi;
+import uk.ac.ic.wlgitbridge.util.Instance;
+import uk.ac.ic.wlgitbridge.util.Log;
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Created by winston on 25/10/15.
+ */
+public class Oauth2Filter implements Filter {
+
+  public static final String ATTRIBUTE_KEY = "oauth2";
+
+  private final SnapshotApi snapshotApi;
+
+  private final String oauth2Server;
+
+  private final boolean isUserPasswordEnabled;
+
+  public Oauth2Filter(SnapshotApi snapshotApi, String oauth2Server, boolean isUserPasswordEnabled) {
+    this.snapshotApi = snapshotApi;
+    this.oauth2Server = oauth2Server;
+    this.isUserPasswordEnabled = isUserPasswordEnabled;
+  }
+
+  @Override
+  public void init(FilterConfig filterConfig) {}
+
+  /*
+   * The original request from git will not contain the Authorization header.
+   *
+   * So, for projects that need auth, we return 401. Git will swallow this
+   * and prompt the user for user/pass, and then make a brand new request.
+   *
+   * @param servletRequest
+   *
+   * @param servletResponse
+   *
+   * @param filterChain
+   *
+   * @throws IOException
+   *
+   * @throws ServletException
+   */
+  @Override
+  public void doFilter(
+      ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain)
+      throws IOException, ServletException {
+    HttpServletRequest request = (HttpServletRequest) servletRequest;
+    HttpServletResponse response = (HttpServletResponse) servletResponse;
+    String requestUri = request.getRequestURI();
+
+    if (requestUri.startsWith("/project")) {
+      Log.info("[{}] Invalid request URI", requestUri);
+      sendResponse(
+          response, 404, Arrays.asList("Invalid Project ID (must not have a '/project' prefix)"));
+      return;
+    }
+
+    String projectId = Util.removeAllSuffixes(requestUri.split("/")[1], ".git");
+
+    BasicAuthCredentials basicAuthCreds = getBasicAuthCredentials(request);
+    if (basicAuthCreds == null) {
+      handleNeedAuthorization(projectId, "(unknown)", request, response);
+      return;
+    }
+    String username = basicAuthCreds.getUsername();
+    String password = basicAuthCreds.getPassword();
+
+    if (isLinkSharingId(projectId)) {
+      handleLinkSharingId(projectId, username, request, response);
+      return;
+    }
+    if (!isProjectId(projectId)) {
+      handleBadProjectId(projectId, username, request, response);
+      return;
+    }
+
+    final Credential cred =
+        new Credential.Builder(BearerToken.authorizationHeaderAccessMethod()).build();
+
+    if (username.equals("git")) {
+      Log.debug("[{}] username is 'git', skipping password grant flow", projectId);
+
+      // Check that the access token is valid. In principle, we could
+      // wait until we make the actual request to the web api, but the
+      // JGit API doesn't make it easy to reply with a 401 and a custom
+      // error message. This is something we can do in this filter, so as
+      // a workaround, we use the /oauth/token/info endpoint to verify
+      // the access token.
+      //
+      // It's still theoretically possible for the web api request to
+      // fail later (for example, in the unlikely event that the token
+      // expired between the two requests). In that case, JGit will
+      // return a 401 without a custom error message.
+      int statusCode = checkAccessToken(this.oauth2Server, password, getClientIp(request));
+      if (statusCode == 429) {
+        handleRateLimit(projectId, username, request, response);
+        return;
+      } else if (statusCode == 401) {
+        handleBadAccessToken(projectId, request, response);
+        return;
+      } else if (statusCode >= 400) {
+        handleUnknownOauthServerError(projectId, statusCode, request, response);
+        return;
+      }
+      cred.setAccessToken(password);
+    } else if (this.isUserPasswordEnabled) {
+      // password auth has been deprecated for git-bridge
+      handlePasswordAuthenticationDeprecation(projectId, username, request, response);
+      return;
+    } else {
+      handleNeedAuthorization(projectId, username, request, response);
+      return;
+    }
+
+    servletRequest.setAttribute(ATTRIBUTE_KEY, cred);
+    filterChain.doFilter(servletRequest, servletResponse);
+  }
+
+  @Override
+  public void destroy() {}
+
+  private boolean isLinkSharingId(String projectId) {
+    return projectId.matches("^[0-9]+[bcdfghjklmnpqrstvwxyz]{6,12}$");
+  }
+
+  private boolean isProjectId(String projectId) {
+    return projectId.matches("^[0-9a-f]{24}$");
+  }
+
+  private void sendResponse(HttpServletResponse response, int code, List<String> lines)
+      throws IOException {
+    response.setContentType("text/plain");
+    response.setStatus(code);
+    PrintWriter w = response.getWriter();
+    for (String line : lines) {
+      w.println(line);
+    }
+    w.close();
+  }
+
+  private void handleLinkSharingId(
+      String projectId, String username, HttpServletRequest request, HttpServletResponse response)
+      throws IOException {
+    Log.info("[{}] Bad project id, User '{}' ip={}", projectId, username, getClientIp(request));
+    sendResponse(
+        response,
+        404,
+        Arrays.asList(
+            "Git access via link sharing link is not supported.",
+            "",
+            "You can find the project's git remote url by opening it in your browser",
+            "and selecting Git from the left sidebar in the project view.",
+            "",
+            "If this is unexpected, please contact us at support@overleaf.com, or",
+            "see https://www.overleaf.com/learn/how-to/Git_integration for more information."));
+  }
+
+  private void handleBadProjectId(
+      String projectId, String username, HttpServletRequest request, HttpServletResponse response)
+      throws IOException {
+    Log.info("[{}] Bad project id, User '{}' ip={}", projectId, username, getClientIp(request));
+    sendResponse(
+        response,
+        404,
+        Arrays.asList(
+            "This Overleaf project does not exist.",
+            "",
+            "If this is unexpected, please contact us at support@overleaf.com, or",
+            "see https://www.overleaf.com/learn/how-to/Git_integration for more information."));
+  }
+
+  private void handleRateLimit(
+      String projectId, String username, HttpServletRequest request, HttpServletResponse response)
+      throws IOException {
+    Log.info("[{}] Rate limit, User '{}' ip={}", projectId, username, getClientIp(request));
+    sendResponse(
+        response, 429, Arrays.asList("Rate limit exceeded. Please wait and try again later."));
+  }
+
+  private void handleNeedAuthorization(
+      String projectId, String username, HttpServletRequest request, HttpServletResponse response)
+      throws IOException {
+    Log.info("[{}] Unauthorized, User '{}' ip={}", projectId, username, getClientIp(request));
+    response.setHeader("WWW-Authenticate", "Basic realm=\"Git Bridge\"");
+    if (this.isUserPasswordEnabled) {
+      sendResponse(
+          response,
+          401,
+          Arrays.asList(
+              "Log in using the email address and password you use for Overleaf.",
+              "",
+              "*Note*: if you use a provider such as Google or Twitter to sign into",
+              "your Overleaf account, you will need to set a password.",
+              "",
+              "See our help page for more support:",
+              "https://www.overleaf.com/learn/how-to/Troubleshooting_git_bridge_problems"));
+    } else {
+      sendResponse(
+          response,
+          401,
+          Arrays.asList(
+              "Log in with the username 'git' and enter your Git authentication token",
+              "when prompted for a password.",
+              "",
+              "You can generate and manage your Git authentication tokens in",
+              "your Overleaf Account Settings."));
+    }
+  }
+
+  private void handleBadAccessToken(
+      String projectId, HttpServletRequest request, HttpServletResponse response)
+      throws IOException {
+    Log.info("[{}] Bad access token, ip={}", projectId, getClientIp(request));
+    sendResponse(
+        response,
+        401,
+        Arrays.asList(
+            "Enter your Git authentication token when prompted for a password.",
+            "",
+            "You can generate and manage your Git authentication tokens in",
+            "your Overleaf Account Settings."));
+  }
+
+  private int checkAccessToken(String oauth2Server, String accessToken, String clientIp)
+      throws IOException {
+    GenericUrl url = new GenericUrl(oauth2Server + "/oauth/token/info?client_ip=" + clientIp);
+    HttpRequest request = Instance.httpRequestFactory.buildGetRequest(url);
+    HttpHeaders headers = new HttpHeaders();
+    headers.setAuthorization("Bearer " + accessToken);
+    request.setHeaders(headers);
+    request.setThrowExceptionOnExecuteError(false);
+    HttpResponse response = request.execute();
+    int statusCode = response.getStatusCode();
+    response.disconnect();
+    return statusCode;
+  }
+
+  private void handleUnknownOauthServerError(
+      String projectId, int statusCode, HttpServletRequest request, HttpServletResponse response)
+      throws IOException {
+    Log.info(
+        "[{}] OAuth server error, statusCode={}, ip={}",
+        projectId,
+        statusCode,
+        getClientIp(request));
+    sendResponse(response, 500, Arrays.asList("Unexpected server error. Please try again later."));
+  }
+
+  private void handlePasswordAuthenticationDeprecation(
+      String projectId, String username, HttpServletRequest request, HttpServletResponse response)
+      throws IOException {
+    if (username.contains("@")) {
+      Log.info("[{}] Password authentication deprecated, ip={}", projectId, getClientIp(request));
+      sendResponse(
+          response,
+          403,
+          Arrays.asList(
+              "Overleaf now only supports Git authentication tokens to access git. See: https://www.overleaf.com/learn/how-to/Git_integration_authentication_tokens"));
+    } else {
+      Log.info("[{}] Wrong git URL format, ip={}", projectId, getClientIp(request));
+      sendResponse(
+          response,
+          403,
+          Arrays.asList(
+              "Overleaf now only supports Git authentication tokens to access git. See: https://www.overleaf.com/learn/how-to/Git_integration_authentication_tokens",
+              "Please make sure your Git URL is correctly formatted. For example: https://git@git.overleaf.com/<YOUR_PROJECT_ID> or https://git:<AUTHENTICATION_TOKEN>@git.overleaf.com/<YOUR_PROJECT_ID>"));
+    }
+  }
+
+  /*
+   * Gets the remote IP from the request.
+   */
+  private String getClientIp(HttpServletRequest request) {
+    String clientIp = request.getHeader("X-Forwarded-For");
+    if (clientIp == null) {
+      clientIp = request.getRemoteAddr();
+    }
+    return clientIp;
+  }
+
+  /*
+   * Extract basic auth credentials from the request.
+   *
+   * Returns null if valid basic auth credentials couldn't be found.
+   */
+  private BasicAuthCredentials getBasicAuthCredentials(HttpServletRequest request) {
+    String authHeader = request.getHeader("Authorization");
+    if (authHeader == null) {
+      return null;
+    }
+
+    StringTokenizer st = new StringTokenizer(authHeader);
+    if (!st.hasMoreTokens()) {
+      return null;
+    }
+    String basic = st.nextToken();
+    if (!basic.equalsIgnoreCase("Basic")) {
+      return null;
+    }
+
+    String credentials = null;
+    try {
+      credentials = new String(Base64.decodeBase64(st.nextToken()), "UTF-8");
+    } catch (UnsupportedEncodingException e) {
+      return null;
+    }
+
+    String[] split = credentials.split(":", 2);
+    if (split.length != 2) {
+      return null;
+    }
+    String username = split[0];
+    String password = split[1];
+    return new BasicAuthCredentials(username, password);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/PostbackContents.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/PostbackContents.java
new file mode 100644
index 0000000..f925975
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/PostbackContents.java
@@ -0,0 +1,71 @@
+package uk.ac.ic.wlgitbridge.server;
+
+import com.google.gson.Gson;
+import com.google.gson.JsonElement;
+import com.google.gson.JsonObject;
+import uk.ac.ic.wlgitbridge.bridge.Bridge;
+import uk.ac.ic.wlgitbridge.snapshot.base.JSONSource;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.SnapshotPostException;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.SnapshotPostExceptionBuilder;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.UnexpectedPostbackException;
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Created by Winston on 17/11/14.
+ */
+public class PostbackContents implements JSONSource {
+
+  private static final String CODE_SUCCESS = "upToDate";
+
+  private final Bridge bridge;
+  private final String projectName;
+  private final String postbackKey;
+
+  private final SnapshotPostExceptionBuilder snapshotPostExceptionBuilder;
+
+  private int versionID;
+  private SnapshotPostException exception;
+
+  public PostbackContents(Bridge bridge, String projectName, String postbackKey, String contents) {
+    this.bridge = bridge;
+    this.projectName = projectName;
+    this.postbackKey = postbackKey;
+    snapshotPostExceptionBuilder = new SnapshotPostExceptionBuilder();
+    fromJSON(new Gson().fromJson(contents, JsonElement.class));
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {
+    JsonObject responseObject = json.getAsJsonObject();
+    String code = Util.getCodeFromResponse(responseObject);
+    setResult(responseObject, code);
+  }
+
+  public void processPostback() throws UnexpectedPostbackException {
+    if (exception == null) {
+      bridge.postbackReceivedSuccessfully(projectName, postbackKey, versionID);
+    } else {
+      bridge.postbackReceivedWithException(projectName, postbackKey, exception);
+    }
+  }
+
+  private void setResult(JsonObject responseObject, String code) {
+    if (code.equals(CODE_SUCCESS)) {
+      setVersionID(responseObject);
+    } else {
+      setException(responseObject, code);
+    }
+  }
+
+  private void setVersionID(JsonObject responseObject) {
+    versionID = responseObject.get("latestVerId").getAsInt();
+  }
+
+  private void setException(JsonObject responseObject, String code) {
+    try {
+      exception = snapshotPostExceptionBuilder.build(code, responseObject);
+    } catch (UnexpectedPostbackException e) {
+      throw new RuntimeException(e);
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/PostbackHandler.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/PostbackHandler.java
new file mode 100644
index 0000000..a121844
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/PostbackHandler.java
@@ -0,0 +1,71 @@
+package uk.ac.ic.wlgitbridge.server;
+
+import com.google.gson.JsonObject;
+import com.google.gson.JsonPrimitive;
+import java.io.IOException;
+import javax.servlet.ServletException;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import org.eclipse.jetty.server.Request;
+import org.eclipse.jetty.server.handler.AbstractHandler;
+import uk.ac.ic.wlgitbridge.bridge.Bridge;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.UnexpectedPostbackException;
+import uk.ac.ic.wlgitbridge.util.Log;
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Created by Winston on 16/11/14.
+ */
+public class PostbackHandler extends AbstractHandler {
+
+  private final Bridge bridge;
+
+  public PostbackHandler(Bridge bridge) {
+    this.bridge = bridge;
+  }
+
+  @Override
+  public void handle(
+      String target, Request baseRequest, HttpServletRequest request, HttpServletResponse response)
+      throws IOException, ServletException {
+    Log.debug("PostbackHandler: " + baseRequest.getMethod() + " <- " + baseRequest.getHttpURI());
+    try {
+      if (request.getMethod().equals("POST") && target.endsWith("postback")) {
+        response.setContentType("application/json");
+        String contents = Util.getContentsOfReader(request.getReader());
+        String[] parts = target.split("/");
+        if (parts.length < 4) {
+          throw new ServletException();
+        }
+        String projectName = parts[1];
+        String postbackKey = parts[2];
+        PostbackContents postbackContents =
+            new PostbackContents(bridge, projectName, postbackKey, contents);
+        JsonObject body = new JsonObject();
+
+        try {
+          postbackContents.processPostback();
+        } catch (UnexpectedPostbackException e) {
+          response.setStatus(HttpServletResponse.SC_CONFLICT);
+          body.add("code", new JsonPrimitive("unexpectedPostback"));
+          response.getWriter().println(body);
+          baseRequest.setHandled(true);
+          return;
+        }
+        response.setStatus(HttpServletResponse.SC_OK);
+        body.add("code", new JsonPrimitive("success"));
+        response.getWriter().println(body);
+        baseRequest.setHandled(true);
+      }
+    } catch (IOException e) {
+      Log.warn("IOException when handling postback to target: " + target, e);
+      throw e;
+    } catch (ServletException e) {
+      Log.warn("ServletException when handling postback to target: " + target, e);
+      throw e;
+    } catch (RuntimeException e) {
+      Log.warn("RuntimeException when handling postback to target: " + target, e);
+      throw e;
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/ProductionErrorHandler.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/ProductionErrorHandler.java
new file mode 100644
index 0000000..ca21a82
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/ProductionErrorHandler.java
@@ -0,0 +1,22 @@
+package uk.ac.ic.wlgitbridge.server;
+
+import java.io.IOException;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import org.eclipse.jetty.server.handler.ErrorHandler;
+
+public class ProductionErrorHandler extends ErrorHandler {
+  @Override
+  public void handle(
+      String target,
+      org.eclipse.jetty.server.Request baseRequest,
+      HttpServletRequest request,
+      HttpServletResponse response)
+      throws IOException {
+    response
+        .getWriter()
+        .append("{\"message\":\"HTTP error ")
+        .append(String.valueOf(response.getStatus()))
+        .append("\"}");
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/ProjectDeletionHandler.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/ProjectDeletionHandler.java
new file mode 100644
index 0000000..731a75e
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/ProjectDeletionHandler.java
@@ -0,0 +1,35 @@
+package uk.ac.ic.wlgitbridge.server;
+
+import java.io.IOException;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import org.eclipse.jetty.server.Request;
+import org.eclipse.jetty.server.handler.AbstractHandler;
+import uk.ac.ic.wlgitbridge.bridge.Bridge;
+
+public class ProjectDeletionHandler extends AbstractHandler {
+
+  private final Bridge bridge;
+  private final Pattern routePattern = Pattern.compile("^/projects/([0-9a-f]{24})$");
+
+  public ProjectDeletionHandler(Bridge bridge) {
+    this.bridge = bridge;
+  }
+
+  @Override
+  public void handle(
+      String target, Request baseRequest, HttpServletRequest request, HttpServletResponse response)
+      throws IOException {
+    String method = baseRequest.getMethod();
+    Matcher matcher = routePattern.matcher(target);
+    if (method.equals("DELETE") && target != null && matcher.matches()) {
+      String projectName = matcher.group(1);
+      response.setContentType("text/plain");
+      response.setStatus(204);
+      this.bridge.deleteProject(projectName);
+      baseRequest.setHandled(true);
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/PrometheusHandler.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/PrometheusHandler.java
new file mode 100644
index 0000000..315b458
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/PrometheusHandler.java
@@ -0,0 +1,65 @@
+package uk.ac.ic.wlgitbridge.server;
+
+import io.prometheus.client.CollectorRegistry;
+import io.prometheus.client.exporter.common.TextFormat;
+import io.prometheus.client.hotspot.DefaultExports;
+import java.io.BufferedWriter;
+import java.io.IOException;
+import java.io.Writer;
+import java.util.Arrays;
+import java.util.Collections;
+import java.util.HashSet;
+import java.util.Set;
+import javax.servlet.ServletException;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import org.eclipse.jetty.server.Request;
+import org.eclipse.jetty.server.handler.AbstractHandler;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+public class PrometheusHandler extends AbstractHandler {
+
+  public PrometheusHandler() {
+    DefaultExports.initialize();
+  }
+
+  @Override
+  public void handle(
+      String target, Request baseRequest, HttpServletRequest request, HttpServletResponse response)
+      throws IOException, ServletException {
+    String method = baseRequest.getMethod();
+    if (("GET".equals(method)) && target != null && target.matches("^/metrics/?$")) {
+      Log.debug(method + " <- /metrics");
+      this.printMetrics(request, response);
+      baseRequest.setHandled(true);
+    }
+  }
+
+  private void printMetrics(HttpServletRequest request, HttpServletResponse response)
+      throws ServletException, IOException {
+    response.setStatus(200);
+    String contentType = TextFormat.chooseContentType(request.getHeader("Accept"));
+    response.setContentType(contentType);
+
+    Writer writer = new BufferedWriter(response.getWriter());
+
+    try {
+      TextFormat.writeFormat(
+          contentType,
+          writer,
+          CollectorRegistry.defaultRegistry.filteredMetricFamilySamples(parse(request)));
+      writer.flush();
+    } finally {
+      writer.close();
+    }
+  }
+
+  private Set<String> parse(HttpServletRequest req) {
+    String[] includedParam = req.getParameterValues("name[]");
+    if (includedParam == null) {
+      return Collections.emptySet();
+    } else {
+      return new HashSet<String>(Arrays.asList(includedParam));
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/StatusHandler.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/StatusHandler.java
new file mode 100644
index 0000000..6750fa0
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/server/StatusHandler.java
@@ -0,0 +1,34 @@
+package uk.ac.ic.wlgitbridge.server;
+
+import java.io.IOException;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import org.eclipse.jetty.server.Request;
+import org.eclipse.jetty.server.handler.AbstractHandler;
+import uk.ac.ic.wlgitbridge.bridge.Bridge;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+public class StatusHandler extends AbstractHandler {
+
+  private final Bridge bridge;
+
+  public StatusHandler(Bridge bridge) {
+    this.bridge = bridge;
+  }
+
+  @Override
+  public void handle(
+      String target, Request baseRequest, HttpServletRequest request, HttpServletResponse response)
+      throws IOException {
+    String method = baseRequest.getMethod();
+    if (("GET".equals(method) || "HEAD".equals(method))
+        && target != null
+        && target.matches("^/status/?$")) {
+      Log.debug(method + " <- /status");
+      baseRequest.setHandled(true);
+      response.setContentType("text/plain");
+      response.setStatus(200);
+      response.getWriter().println("ok");
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/ForbiddenException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/ForbiddenException.java
new file mode 100644
index 0000000..9068223
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/ForbiddenException.java
@@ -0,0 +1,25 @@
+package uk.ac.ic.wlgitbridge.snapshot.base;
+
+import com.google.gson.JsonElement;
+import java.util.Arrays;
+import java.util.List;
+import uk.ac.ic.wlgitbridge.git.exception.SnapshotAPIException;
+
+/*
+ * Created by winston on 25/10/15.
+ */
+public class ForbiddenException extends SnapshotAPIException {
+
+  @Override
+  public void fromJSON(JsonElement json) {}
+
+  @Override
+  public String getMessage() {
+    return "forbidden";
+  }
+
+  @Override
+  public List<String> getDescriptionLines() {
+    return Arrays.asList(getMessage());
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/HTTPMethod.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/HTTPMethod.java
new file mode 100644
index 0000000..30bc2d5
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/HTTPMethod.java
@@ -0,0 +1,9 @@
+package uk.ac.ic.wlgitbridge.snapshot.base;
+
+/*
+ * Created by Winston on 16/11/14.
+ */
+public enum HTTPMethod {
+  POST,
+  GET
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/JSONSource.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/JSONSource.java
new file mode 100644
index 0000000..764384b
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/JSONSource.java
@@ -0,0 +1,11 @@
+package uk.ac.ic.wlgitbridge.snapshot.base;
+
+import com.google.gson.JsonElement;
+
+/*
+ * Created by Winston on 06/11/14.
+ */
+public interface JSONSource {
+
+  void fromJSON(JsonElement json);
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/MissingRepositoryException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/MissingRepositoryException.java
new file mode 100644
index 0000000..5b26c4e
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/MissingRepositoryException.java
@@ -0,0 +1,93 @@
+package uk.ac.ic.wlgitbridge.snapshot.base;
+
+import com.google.gson.JsonElement;
+import java.util.Arrays;
+import java.util.List;
+import uk.ac.ic.wlgitbridge.git.exception.SnapshotAPIException;
+
+public class MissingRepositoryException extends SnapshotAPIException {
+
+  public static final List<String> GENERIC_REASON =
+      Arrays.asList(
+          "This Overleaf project currently has no git access, either because",
+          "the project does not exist, or because git access is not enabled",
+          "for the project.",
+          "",
+          "If this is unexpected, please contact us at support@overleaf.com, or",
+          "see https://www.overleaf.com/learn/how-to/Git_integration for more information.");
+
+  static List<String> buildDeprecatedMessage(String newUrl) {
+    if (newUrl == null) {
+      return Arrays.asList(
+          "This project has not yet been moved into the new version of Overleaf. You will",
+          "need to move it in order to continue working on it. Please visit this project",
+          "online on www.overleaf.com to do this.",
+          "",
+          "After migrating this project to the new version of Overleaf, you will be",
+          "prompted to update your git remote to the project's new identifier.",
+          "",
+          "If this is unexpected, please contact us at support@overleaf.com, or",
+          "see https://www.overleaf.com/learn/how-to/Git_integration for more information.");
+    } else {
+      return Arrays.asList(
+          "This project has not yet been moved into the new version of Overleaf. You will",
+          "need to move it in order to continue working on it. Please visit this project",
+          "online to do this:",
+          "",
+          "    " + newUrl,
+          "",
+          "After migrating this project to the new version of Overleaf, you will be",
+          "prompted to update your git remote to the project's new identifier.",
+          "",
+          "If this is unexpected, please contact us at support@overleaf.com, or",
+          "see https://www.overleaf.com/learn/how-to/Git_integration for more information.");
+    }
+  }
+
+  static List<String> buildExportedToV2Message(String remoteUrl) {
+    if (remoteUrl == null) {
+      return Arrays.asList(
+          "This Overleaf project has been moved to Overleaf v2 and cannot be used with git at this time.",
+          "",
+          "If this error persists, please contact us at support@overleaf.com, or",
+          "see https://www.overleaf.com/learn/how-to/Git_integration for more information.");
+    } else {
+      return Arrays.asList(
+          "This Overleaf project has been moved to Overleaf v2 and has a new identifier.",
+          "Please update your remote to:",
+          "",
+          "    " + remoteUrl,
+          "",
+          "Assuming you are using the default \"origin\" remote, the following commands",
+          "will change the remote for you:",
+          "",
+          "    git remote set-url origin " + remoteUrl,
+          "",
+          "If this does not work, please contact us at support@overleaf.com, or",
+          "see https://www.overleaf.com/learn/how-to/Git_integration for more information.");
+    }
+  }
+
+  private List<String> descriptionLines;
+
+  public MissingRepositoryException() {
+    this.descriptionLines = GENERIC_REASON;
+  }
+
+  public MissingRepositoryException(List<String> descriptionLines) {
+    this.descriptionLines = descriptionLines;
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {}
+
+  @Override
+  public String getMessage() {
+    return "no git access";
+  }
+
+  @Override
+  public List<String> getDescriptionLines() {
+    return this.descriptionLines;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/Request.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/Request.java
new file mode 100644
index 0000000..4c5f318
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/Request.java
@@ -0,0 +1,197 @@
+package uk.ac.ic.wlgitbridge.snapshot.base;
+
+import static org.asynchttpclient.Dsl.*;
+
+import com.google.api.client.http.*;
+import com.google.gson.JsonElement;
+import com.google.gson.JsonObject;
+import java.io.IOException;
+import java.util.Arrays;
+import java.util.concurrent.*;
+import javax.servlet.http.HttpServletResponse;
+import org.asynchttpclient.AsyncHttpClient;
+import uk.ac.ic.wlgitbridge.snapshot.exception.FailedConnectionException;
+import uk.ac.ic.wlgitbridge.util.Instance;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by Winston on 06/11/14.
+ */
+public abstract class Request<T extends Result> {
+
+  public static final AsyncHttpClient httpClient = asyncHttpClient();
+
+  private static final Executor executor = Executors.newCachedThreadPool();
+
+  private final String url;
+
+  private Future<HttpResponse> future;
+
+  public Request(String url) {
+    this.url = url;
+  }
+
+  public CompletableFuture<T> request() {
+    switch (httpMethod()) {
+      case GET:
+        performGetRequest();
+        break;
+      case POST:
+        performPostRequest();
+        break;
+      default:
+        break;
+    }
+    CompletableFuture<T> ret = new CompletableFuture<>();
+    executor.execute(
+        () -> {
+          try {
+            ret.complete(getResult());
+          } catch (Throwable t) {
+            ret.completeExceptionally(t);
+          }
+        });
+    return ret;
+  }
+
+  private T getResult()
+      throws MissingRepositoryException, FailedConnectionException, ForbiddenException {
+    try {
+      HttpResponse response = future.get();
+      Log.debug(
+          "{} {} ({}B) -> " + url,
+          response.getStatusCode(),
+          response.getStatusMessage(),
+          response.getHeaders().getContentLength());
+      JsonElement json = Instance.gson.fromJson(response.parseAsString(), JsonElement.class);
+      return parseResponse(json);
+    } catch (InterruptedException e) {
+      throw new FailedConnectionException();
+    } catch (ExecutionException e) {
+      Throwable cause = e.getCause();
+      if (cause instanceof HttpResponseException) {
+        HttpResponseException httpCause = (HttpResponseException) cause;
+        int sc = httpCause.getStatusCode();
+        if (sc == HttpServletResponse.SC_UNAUTHORIZED
+            || sc == HttpServletResponse.SC_FORBIDDEN) { // 401, 403
+          throw new ForbiddenException();
+        } else if (sc == 429) { // Too many requests
+          throw new MissingRepositoryException(
+              Arrays.asList(
+                  "Rate-limit exceeded. Please wait a while and try again.",
+                  "",
+                  "If this is unexpected, please contact us at support@overleaf.com, or",
+                  "see https://www.overleaf.com/learn/how-to/Git_integration for more information."));
+        } else if (sc == HttpServletResponse.SC_CONFLICT) { // 409
+          try {
+            JsonObject json = Instance.gson.fromJson(httpCause.getContent(), JsonObject.class);
+            String code = json.get("code").getAsString();
+            if ("projectHasDotGit".equals(code)) {
+              throw new MissingRepositoryException(
+                  Arrays.asList(
+                      "This project contains a '.git' entity at the top level, indicating that it is",
+                      "already a git repository. The Overleaf git-bridge cannot work with this project",
+                      "due to a known problem with handling these '.git' folders.",
+                      "",
+                      "We recommend removing the .git folder before trying again.",
+                      "",
+                      "If this is unexpected, please contact us at support@overleaf.com, or",
+                      "see https://www.overleaf.com/learn/how-to/Git_integration for more information."));
+            } else {
+              throw new MissingRepositoryException(Arrays.asList("Conflict: 409"));
+            }
+          } catch (IllegalStateException
+              | ClassCastException
+              | NullPointerException _e) { // json parse errors
+            throw new MissingRepositoryException(Arrays.asList("Conflict: 409"));
+          }
+        } else if (sc == HttpServletResponse.SC_NOT_FOUND) { // 404
+          try {
+            JsonObject json = Instance.gson.fromJson(httpCause.getContent(), JsonObject.class);
+            String message = json.get("message").getAsString();
+            String newRemote;
+            if (json.has("newRemote")) {
+              newRemote = json.get("newRemote").getAsString();
+            } else {
+              newRemote = null;
+            }
+
+            if ("Exported to v2".equals(message)) {
+              throw new MissingRepositoryException(
+                  MissingRepositoryException.buildExportedToV2Message(newRemote));
+            } else if ("Overleaf v1 is Deprecated".equals(message)) {
+              String newUrl;
+              if (json.has("newUrl")) {
+                newUrl = json.get("newUrl").getAsString();
+              } else {
+                newUrl = null;
+              }
+              throw new MissingRepositoryException(
+                  MissingRepositoryException.buildDeprecatedMessage(newUrl));
+            }
+          } catch (IllegalStateException | ClassCastException | NullPointerException ex) {
+            // disregard any errors that arose while handling the JSON
+          }
+
+          throw new MissingRepositoryException();
+        } else if (sc >= 400 && sc < 500) {
+          throw new MissingRepositoryException(MissingRepositoryException.GENERIC_REASON);
+        }
+        throw new FailedConnectionException(cause);
+      } else {
+        throw new FailedConnectionException(cause);
+      }
+    } catch (IOException e) {
+      Log.warn("Failed to parse JSON.", e);
+      throw new FailedConnectionException();
+    }
+  }
+
+  protected abstract HTTPMethod httpMethod();
+
+  protected void onBeforeRequest(HttpRequest request) throws IOException {}
+
+  protected abstract T parseResponse(JsonElement json) throws FailedConnectionException;
+
+  protected String getPostBody() {
+    return null;
+  }
+
+  private void performGetRequest() {
+    Log.debug("GET -> " + url);
+    try {
+      HttpRequest request = Instance.httpRequestFactory.buildGetRequest(new GenericUrl(url));
+      setTimeouts(request);
+      request(request);
+    } catch (IOException e) {
+      e.printStackTrace();
+      throw new RuntimeException(e);
+    }
+  }
+
+  private void performPostRequest() {
+    Log.debug("POST -> " + url);
+    try {
+      HttpRequest request =
+          Instance.httpRequestFactory.buildPostRequest(
+              new GenericUrl(url),
+              new ByteArrayContent("application/json", getPostBody().getBytes()));
+      setTimeouts(request);
+      request(request);
+    } catch (IOException e) {
+      e.printStackTrace();
+      throw new RuntimeException(e);
+    }
+  }
+
+  private void request(HttpRequest request) throws IOException {
+    onBeforeRequest(request);
+    future = request.executeAsync();
+  }
+
+  private void setTimeouts(HttpRequest request) {
+    // timeouts are 20s by default
+    int threeMinutesInMs = 1000 * 60 * 3;
+    request.setReadTimeout(threeMinutesInMs);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/Result.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/Result.java
new file mode 100644
index 0000000..2c4adb3
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/Result.java
@@ -0,0 +1,34 @@
+package uk.ac.ic.wlgitbridge.snapshot.base;
+
+import com.google.gson.JsonElement;
+
+/*
+ * Created by Winston on 06/11/14.
+ */
+public abstract class Result implements JSONSource {
+
+  private JsonElement json;
+  private Request request;
+
+  public Result(Request request, JsonElement json) {
+    this.request = request;
+    this.json = json;
+    fromJSON(json);
+  }
+
+  protected Result() {}
+
+  public Request getRequest() {
+    return request;
+  }
+
+  public abstract JsonElement toJson();
+
+  @Override
+  public String toString() {
+    if (json == null) {
+      return "result";
+    }
+    return json.toString();
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/SnapshotAPIRequest.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/SnapshotAPIRequest.java
new file mode 100644
index 0000000..7fc3b84
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/base/SnapshotAPIRequest.java
@@ -0,0 +1,34 @@
+package uk.ac.ic.wlgitbridge.snapshot.base;
+
+import com.google.api.client.auth.oauth2.Credential;
+import com.google.api.client.http.HttpRequest;
+
+/*
+ * Created by Winston on 06/11/14.
+ */
+public abstract class SnapshotAPIRequest<T extends Result> extends Request<T> {
+
+  private static String BASE_URL;
+
+  private final Credential oauth2;
+
+  public SnapshotAPIRequest(String projectName, String apiCall, Credential oauth2) {
+    super(BASE_URL + projectName + apiCall);
+    this.oauth2 = oauth2;
+  }
+
+  @Override
+  protected void onBeforeRequest(HttpRequest request) {
+    if (oauth2 != null) {
+      request.setInterceptor(
+          request1 -> {
+            oauth2.intercept(request1);
+          });
+    }
+  }
+
+  /* baseURL ends with / */
+  public static void setBaseURL(String baseURL) {
+    BASE_URL = baseURL + "docs/";
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/exception/FailedConnectionException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/exception/FailedConnectionException.java
new file mode 100644
index 0000000..ee3187f
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/exception/FailedConnectionException.java
@@ -0,0 +1,18 @@
+package uk.ac.ic.wlgitbridge.snapshot.exception;
+
+import org.eclipse.jgit.transport.ServiceMayNotContinueException;
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Created by Winston on 08/11/14.
+ */
+public class FailedConnectionException extends ServiceMayNotContinueException {
+
+  public FailedConnectionException() {
+    super(Util.getServiceName() + " server not available. Please try again later.");
+  }
+
+  public FailedConnectionException(Throwable cause) {
+    super(cause);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getdoc/GetDocRequest.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getdoc/GetDocRequest.java
new file mode 100644
index 0000000..94189a4
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getdoc/GetDocRequest.java
@@ -0,0 +1,35 @@
+package uk.ac.ic.wlgitbridge.snapshot.getdoc;
+
+import com.google.api.client.auth.oauth2.Credential;
+import com.google.gson.JsonElement;
+import uk.ac.ic.wlgitbridge.snapshot.base.HTTPMethod;
+import uk.ac.ic.wlgitbridge.snapshot.base.SnapshotAPIRequest;
+import uk.ac.ic.wlgitbridge.snapshot.exception.FailedConnectionException;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by Winston on 06/11/14.
+ */
+public class GetDocRequest extends SnapshotAPIRequest<GetDocResult> {
+
+  public static final String API_CALL = "";
+
+  public GetDocRequest(Credential oauth2, String projectName) {
+    super(projectName, API_CALL, oauth2);
+    Log.debug("GetDocRequest({}, {})", "oauth2: <oauth2>", "projectName: " + projectName);
+  }
+
+  public GetDocRequest(String projectName) {
+    this(null, projectName);
+  }
+
+  @Override
+  protected HTTPMethod httpMethod() {
+    return HTTPMethod.GET;
+  }
+
+  @Override
+  protected GetDocResult parseResponse(JsonElement json) throws FailedConnectionException {
+    return new GetDocResult(this, json);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getdoc/GetDocResult.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getdoc/GetDocResult.java
new file mode 100644
index 0000000..88c10ba
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getdoc/GetDocResult.java
@@ -0,0 +1,125 @@
+package uk.ac.ic.wlgitbridge.snapshot.getdoc;
+
+import com.google.gson.JsonElement;
+import com.google.gson.JsonObject;
+import uk.ac.ic.wlgitbridge.git.exception.GitUserException;
+import uk.ac.ic.wlgitbridge.git.exception.SnapshotAPIException;
+import uk.ac.ic.wlgitbridge.snapshot.base.ForbiddenException;
+import uk.ac.ic.wlgitbridge.snapshot.base.Request;
+import uk.ac.ic.wlgitbridge.snapshot.base.Result;
+import uk.ac.ic.wlgitbridge.snapshot.exception.FailedConnectionException;
+import uk.ac.ic.wlgitbridge.snapshot.getdoc.exception.InvalidProjectException;
+import uk.ac.ic.wlgitbridge.snapshot.getsavedvers.WLUser;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by Winston on 06/11/14.
+ */
+public class GetDocResult extends Result {
+
+  private int error;
+  private int versionID;
+  private String createdAt;
+  private WLUser user;
+
+  private SnapshotAPIException exception;
+  private ForbiddenException forbidden;
+
+  public GetDocResult(Request request, JsonElement json) throws FailedConnectionException {
+    super(request, json);
+  }
+
+  public GetDocResult(
+      JsonElement error, int versionID, String createdAt, String email, String name) {
+    if (error == null) {
+      this.error = -1;
+    } else {
+      this.error = error.getAsInt();
+    }
+    this.versionID = versionID;
+    this.createdAt = createdAt;
+    this.user = new WLUser(name, email);
+  }
+
+  @Override
+  public JsonElement toJson() {
+    JsonObject jsonThis = new JsonObject();
+    if (error == -1) {
+      jsonThis.addProperty("latestVerId", versionID);
+      jsonThis.addProperty("latestVerAt", createdAt);
+      JsonObject latestVerBy = new JsonObject();
+      latestVerBy.addProperty("email", getEmail());
+      latestVerBy.addProperty("name", getName());
+      jsonThis.add("latestVerBy", latestVerBy);
+    } else {
+      jsonThis.addProperty("status", error);
+      String message;
+      if (error == 403) {
+        message = "Forbidden";
+      } else {
+        message = "Not Found";
+      }
+      jsonThis.addProperty("message", message);
+    }
+    return jsonThis;
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {
+    Log.debug("GetDocResult: " + json);
+    JsonObject jsonObject = json.getAsJsonObject();
+    if (jsonObject.has("status")) {
+      switch (jsonObject.get("status").getAsInt()) {
+        case 401:
+        case 403:
+          forbidden = new ForbiddenException();
+          break;
+        case 404:
+          exception = new InvalidProjectException();
+          break;
+        default:
+          throw new IllegalArgumentException("unknown get doc error code");
+      }
+    } else {
+      versionID = jsonObject.get("latestVerId").getAsInt();
+      // Handle edge-case for projects with no changes, that were imported
+      // to v2. In which case `latestVerAt` will not be present.
+      // See: https://github.com/overleaf/writelatex-git-bridge/pull/50
+      if (jsonObject.has("latestVerAt")) {
+        createdAt = jsonObject.get("latestVerAt").getAsString();
+      } else {
+        createdAt = null;
+      }
+      String name = null;
+      String email = null;
+      JsonElement latestVerBy = jsonObject.get("latestVerBy");
+
+      if (latestVerBy.isJsonObject()) {
+        JsonObject userObject = latestVerBy.getAsJsonObject();
+        name = userObject.get("name").getAsString();
+        email = userObject.get("email").getAsString();
+      }
+
+      user = new WLUser(name, email);
+    }
+  }
+
+  public int getVersionID() throws GitUserException {
+    if (exception != null) {
+      throw exception;
+    }
+    return versionID;
+  }
+
+  public String getCreatedAt() {
+    return createdAt;
+  }
+
+  public String getName() {
+    return user.getName();
+  }
+
+  public String getEmail() {
+    return user.getEmail();
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getdoc/exception/InvalidProjectException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getdoc/exception/InvalidProjectException.java
new file mode 100644
index 0000000..86b9e20
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getdoc/exception/InvalidProjectException.java
@@ -0,0 +1,39 @@
+package uk.ac.ic.wlgitbridge.snapshot.getdoc.exception;
+
+import com.google.gson.JsonArray;
+import com.google.gson.JsonElement;
+import java.util.LinkedList;
+import java.util.List;
+import uk.ac.ic.wlgitbridge.git.exception.SnapshotAPIException;
+
+/*
+ * Created by Winston on 08/11/14.
+ */
+public class InvalidProjectException extends SnapshotAPIException {
+
+  private List<String> errors;
+
+  public InvalidProjectException() {
+    super();
+    errors = new LinkedList<String>();
+  }
+
+  @Override
+  public String getMessage() {
+    return "invalid project";
+  }
+
+  @Override
+  public List<String> getDescriptionLines() {
+    return errors;
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {
+    errors = new LinkedList<String>();
+    JsonArray errors = json.getAsJsonObject().get("errors").getAsJsonArray();
+    for (JsonElement error : errors) {
+      this.errors.add(error.getAsString());
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getforversion/GetForVersionRequest.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getforversion/GetForVersionRequest.java
new file mode 100644
index 0000000..ca69f2e
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getforversion/GetForVersionRequest.java
@@ -0,0 +1,42 @@
+package uk.ac.ic.wlgitbridge.snapshot.getforversion;
+
+import com.google.api.client.auth.oauth2.Credential;
+import com.google.gson.JsonElement;
+import uk.ac.ic.wlgitbridge.snapshot.base.HTTPMethod;
+import uk.ac.ic.wlgitbridge.snapshot.base.SnapshotAPIRequest;
+import uk.ac.ic.wlgitbridge.snapshot.exception.FailedConnectionException;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by Winston on 06/11/14.
+ */
+public class GetForVersionRequest extends SnapshotAPIRequest<GetForVersionResult> {
+
+  public static final String API_CALL = "/snapshots";
+
+  private int versionID;
+
+  public GetForVersionRequest(Credential oauth2, String projectName, int versionID) {
+    super(projectName, API_CALL + "/" + versionID, oauth2);
+    this.versionID = versionID;
+    Log.debug(
+        "GetForVersionRequest({}, {}, {})",
+        "oauth2: <oauth2>",
+        "projectName: " + projectName,
+        "versionID: " + versionID);
+  }
+
+  @Override
+  protected HTTPMethod httpMethod() {
+    return HTTPMethod.GET;
+  }
+
+  @Override
+  protected GetForVersionResult parseResponse(JsonElement json) throws FailedConnectionException {
+    return new GetForVersionResult(this, json);
+  }
+
+  public int getVersionID() {
+    return versionID;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getforversion/GetForVersionResult.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getforversion/GetForVersionResult.java
new file mode 100644
index 0000000..63bf5eb
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getforversion/GetForVersionResult.java
@@ -0,0 +1,37 @@
+package uk.ac.ic.wlgitbridge.snapshot.getforversion;
+
+import com.google.gson.JsonElement;
+import uk.ac.ic.wlgitbridge.snapshot.base.Request;
+import uk.ac.ic.wlgitbridge.snapshot.base.Result;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by Winston on 06/11/14.
+ */
+public class GetForVersionResult extends Result {
+
+  private SnapshotData snapshotData;
+
+  public GetForVersionResult(Request request, JsonElement json) {
+    super(request, json);
+  }
+
+  public GetForVersionResult(SnapshotData snapshotData) {
+    this.snapshotData = snapshotData;
+  }
+
+  @Override
+  public JsonElement toJson() {
+    return snapshotData.toJson();
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {
+    snapshotData = new SnapshotData(json);
+    Log.debug("GetForVersionResult({})", snapshotData);
+  }
+
+  public SnapshotData getSnapshotData() {
+    return snapshotData;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getforversion/SnapshotAttachment.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getforversion/SnapshotAttachment.java
new file mode 100644
index 0000000..cb897d5
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getforversion/SnapshotAttachment.java
@@ -0,0 +1,53 @@
+package uk.ac.ic.wlgitbridge.snapshot.getforversion;
+
+import com.google.gson.JsonArray;
+import com.google.gson.JsonElement;
+import com.google.gson.JsonPrimitive;
+import uk.ac.ic.wlgitbridge.snapshot.base.JSONSource;
+
+/*
+ * Created by Winston on 06/11/14.
+ */
+public class SnapshotAttachment implements JSONSource {
+
+  private String url;
+  private String path;
+
+  public SnapshotAttachment(JsonElement json) {
+    fromJSON(json);
+  }
+
+  @Override
+  public String toString() {
+    return "SnapshotAttachment(url: " + url + ", path: " + path + ")";
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {
+    JsonArray jsonArray = json.getAsJsonArray();
+    url = jsonArray.get(0).getAsString();
+    path = jsonArray.get(1).getAsString();
+  }
+
+  public String getUrl() {
+    return url;
+  }
+
+  public String getPath() {
+    return path;
+  }
+
+  /* For the Mock Snapshot server */
+
+  public SnapshotAttachment(String url, String path) {
+    this.url = url;
+    this.path = path;
+  }
+
+  public JsonElement toJson() {
+    JsonArray jsonThis = new JsonArray();
+    jsonThis.add(new JsonPrimitive(url));
+    jsonThis.add(new JsonPrimitive(getPath()));
+    return jsonThis;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getforversion/SnapshotData.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getforversion/SnapshotData.java
new file mode 100644
index 0000000..bad0524
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getforversion/SnapshotData.java
@@ -0,0 +1,77 @@
+package uk.ac.ic.wlgitbridge.snapshot.getforversion;
+
+import com.google.gson.JsonArray;
+import com.google.gson.JsonElement;
+import com.google.gson.JsonObject;
+import java.util.ArrayList;
+import java.util.List;
+import uk.ac.ic.wlgitbridge.snapshot.base.JSONSource;
+
+/*
+ * Created by Winston on 06/11/14.
+ */
+public class SnapshotData implements JSONSource {
+
+  public static final String JSON_KEY_SRCS = "srcs";
+  public static final String JSON_KEY_ATTS = "atts";
+
+  private List<SnapshotFile> srcs;
+  private List<SnapshotAttachment> atts;
+
+  public SnapshotData(JsonElement json) {
+    srcs = new ArrayList<>();
+    atts = new ArrayList<>();
+    fromJSON(json);
+  }
+
+  public SnapshotData(List<SnapshotFile> srcs, List<SnapshotAttachment> atts) {
+    this.srcs = srcs;
+    this.atts = atts;
+  }
+
+  @Override
+  public String toString() {
+    return "SnapshotData(srcs: " + srcs + ", atts: " + atts + ")";
+  }
+
+  public JsonElement toJson() {
+    JsonObject jsonThis = new JsonObject();
+    JsonArray jsonSrcs = new JsonArray();
+    for (SnapshotFile src : srcs) {
+      jsonSrcs.add(src.toJson());
+    }
+    jsonThis.add("srcs", jsonSrcs);
+    JsonArray jsonAtts = new JsonArray();
+    for (SnapshotAttachment att : atts) {
+      jsonAtts.add(att.toJson());
+    }
+    jsonThis.add("atts", jsonAtts);
+    return jsonThis;
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {
+    populateSrcs(json.getAsJsonObject().get(JSON_KEY_SRCS).getAsJsonArray());
+    populateAtts(json.getAsJsonObject().get(JSON_KEY_ATTS).getAsJsonArray());
+  }
+
+  private void populateSrcs(JsonArray jsonArray) {
+    for (JsonElement json : jsonArray) {
+      srcs.add(new SnapshotFile(json));
+    }
+  }
+
+  private void populateAtts(JsonArray jsonArray) {
+    for (JsonElement json : jsonArray) {
+      atts.add(new SnapshotAttachment(json));
+    }
+  }
+
+  public List<SnapshotFile> getSrcs() {
+    return srcs;
+  }
+
+  public List<SnapshotAttachment> getAtts() {
+    return atts;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getforversion/SnapshotFile.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getforversion/SnapshotFile.java
new file mode 100644
index 0000000..e7f55f8
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getforversion/SnapshotFile.java
@@ -0,0 +1,65 @@
+package uk.ac.ic.wlgitbridge.snapshot.getforversion;
+
+import com.google.gson.JsonArray;
+import com.google.gson.JsonElement;
+import com.google.gson.JsonPrimitive;
+import uk.ac.ic.wlgitbridge.data.filestore.RawFile;
+import uk.ac.ic.wlgitbridge.snapshot.base.JSONSource;
+
+/*
+ * Created by Winston on 06/11/14.
+ */
+public class SnapshotFile extends RawFile implements JSONSource {
+
+  private String path;
+  private byte[] contents;
+
+  public SnapshotFile(JsonElement json) {
+    fromJSON(json);
+  }
+
+  @Override
+  public String toString() {
+    return "SnapshotFile(path: " + path + ", contents: byte[" + contents.length + "])";
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {
+    JsonArray jsonArray = json.getAsJsonArray();
+    contents = jsonArray.get(0).getAsString().getBytes();
+    path = jsonArray.get(1).getAsString();
+  }
+
+  @Override
+  public String getPath() {
+    return path;
+  }
+
+  @Override
+  public byte[] getContents() {
+    return contents;
+  }
+
+  @Override
+  public long size() {
+    return contents.length;
+  }
+
+  /* Mock server */
+
+  public SnapshotFile(String contents, String path) {
+    this.path = path;
+    if (contents != null) {
+      this.contents = contents.getBytes();
+    } else {
+      this.contents = new byte[0];
+    }
+  }
+
+  public JsonElement toJson() {
+    JsonArray jsonThis = new JsonArray();
+    jsonThis.add(new JsonPrimitive(new String(contents)));
+    jsonThis.add(new JsonPrimitive(path));
+    return jsonThis;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getsavedvers/GetSavedVersRequest.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getsavedvers/GetSavedVersRequest.java
new file mode 100644
index 0000000..d2d07aa
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getsavedvers/GetSavedVersRequest.java
@@ -0,0 +1,31 @@
+package uk.ac.ic.wlgitbridge.snapshot.getsavedvers;
+
+import com.google.api.client.auth.oauth2.Credential;
+import com.google.gson.JsonElement;
+import uk.ac.ic.wlgitbridge.snapshot.base.HTTPMethod;
+import uk.ac.ic.wlgitbridge.snapshot.base.SnapshotAPIRequest;
+import uk.ac.ic.wlgitbridge.snapshot.exception.FailedConnectionException;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by Winston on 06/11/14.
+ */
+public class GetSavedVersRequest extends SnapshotAPIRequest<GetSavedVersResult> {
+
+  public static final String API_CALL = "/saved_vers";
+
+  public GetSavedVersRequest(Credential oauth2, String projectName) {
+    super(projectName, API_CALL, oauth2);
+    Log.debug("GetSavedVersRequest({}, {})", "oauth2: <oauth2>", "projectName: " + projectName);
+  }
+
+  @Override
+  protected HTTPMethod httpMethod() {
+    return HTTPMethod.GET;
+  }
+
+  @Override
+  protected GetSavedVersResult parseResponse(JsonElement json) throws FailedConnectionException {
+    return new GetSavedVersResult(this, json);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getsavedvers/GetSavedVersResult.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getsavedvers/GetSavedVersResult.java
new file mode 100644
index 0000000..0710061
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getsavedvers/GetSavedVersResult.java
@@ -0,0 +1,59 @@
+package uk.ac.ic.wlgitbridge.snapshot.getsavedvers;
+
+import com.google.gson.Gson;
+import com.google.gson.JsonArray;
+import com.google.gson.JsonElement;
+import com.google.gson.JsonObject;
+import java.util.ArrayList;
+import java.util.List;
+import uk.ac.ic.wlgitbridge.snapshot.base.Request;
+import uk.ac.ic.wlgitbridge.snapshot.base.Result;
+import uk.ac.ic.wlgitbridge.snapshot.exception.FailedConnectionException;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by Winston on 06/11/14.
+ */
+public class GetSavedVersResult extends Result {
+
+  private List<SnapshotInfo> savedVers;
+
+  public GetSavedVersResult(Request request, JsonElement json) throws FailedConnectionException {
+    super(request, json);
+  }
+
+  public GetSavedVersResult(List<SnapshotInfo> savedVers) {
+    this.savedVers = savedVers;
+  }
+
+  @Override
+  public JsonElement toJson() {
+    JsonArray jsonThis = new JsonArray();
+    for (SnapshotInfo savedVer : savedVers) {
+      JsonObject jsonSavedVer = new JsonObject();
+      jsonSavedVer.addProperty("versionId", savedVer.getVersionId());
+      jsonSavedVer.addProperty("comment", savedVer.getComment());
+      WLUser user = savedVer.getUser();
+      JsonObject jsonUser = new JsonObject();
+      jsonUser.addProperty("email", user.getEmail());
+      jsonUser.addProperty("name", user.getName());
+      jsonSavedVer.add("user", jsonUser);
+      jsonSavedVer.addProperty("createdAt", savedVer.getCreatedAt());
+      jsonThis.add(jsonSavedVer);
+    }
+    return jsonThis;
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {
+    Log.debug("GetSavedVersResult({})", json);
+    savedVers = new ArrayList<>();
+    for (JsonElement elem : json.getAsJsonArray()) {
+      savedVers.add(new Gson().fromJson(elem.getAsJsonObject(), SnapshotInfo.class));
+    }
+  }
+
+  public List<SnapshotInfo> getSavedVers() {
+    return savedVers;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getsavedvers/SnapshotInfo.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getsavedvers/SnapshotInfo.java
new file mode 100644
index 0000000..8818aa8
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getsavedvers/SnapshotInfo.java
@@ -0,0 +1,55 @@
+package uk.ac.ic.wlgitbridge.snapshot.getsavedvers;
+
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Created by Winston on 06/11/14.
+ */
+public class SnapshotInfo implements Comparable<SnapshotInfo> {
+
+  private int versionId;
+  private String comment;
+  private WLUser user;
+  private String createdAt;
+
+  public SnapshotInfo(int versionID, String createdAt, String name, String email) {
+    this(versionID, "Update on " + Util.getServiceName() + ".", email, name, createdAt);
+  }
+
+  public SnapshotInfo(int versionID, String comment, String email, String name, String createdAt) {
+    versionId = versionID;
+    this.comment = comment;
+    user = new WLUser(name, email);
+    this.createdAt = createdAt;
+  }
+
+  public int getVersionId() {
+    return versionId;
+  }
+
+  public String getComment() {
+    return comment;
+  }
+
+  public WLUser getUser() {
+    return user != null ? user : new WLUser();
+  }
+
+  public String getCreatedAt() {
+    return createdAt;
+  }
+
+  @Override
+  public boolean equals(Object obj) {
+    if (!(obj instanceof SnapshotInfo)) {
+      return false;
+    }
+    SnapshotInfo that = (SnapshotInfo) obj;
+    return versionId == that.versionId;
+  }
+
+  @Override
+  public int compareTo(SnapshotInfo o) {
+    return Integer.compare(versionId, o.versionId);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getsavedvers/WLUser.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getsavedvers/WLUser.java
new file mode 100644
index 0000000..61867f9
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/getsavedvers/WLUser.java
@@ -0,0 +1,39 @@
+package uk.ac.ic.wlgitbridge.snapshot.getsavedvers;
+
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Created by Winston on 06/11/14.
+ */
+public class WLUser {
+
+  private final String name;
+  private final String email;
+
+  public WLUser() {
+    this(null, null);
+  }
+
+  public WLUser(String name, String email) {
+    if (name != null && email != null) {
+      this.name = name;
+      this.email = email;
+    } else {
+      this.name = "Anonymous";
+      this.email = "anonymous@" + Util.getServiceName().toLowerCase() + ".com";
+    }
+  }
+
+  public String getName() {
+    return name;
+  }
+
+  public String getEmail() {
+    return email;
+  }
+
+  @Override
+  public String toString() {
+    return "(" + name + ", " + email + ")";
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/PostbackManager.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/PostbackManager.java
new file mode 100644
index 0000000..2b15b61
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/PostbackManager.java
@@ -0,0 +1,81 @@
+package uk.ac.ic.wlgitbridge.snapshot.push;
+
+import com.google.common.base.Preconditions;
+import java.math.BigInteger;
+import java.security.SecureRandom;
+import java.util.Collections;
+import java.util.HashMap;
+import java.util.Map;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.InvalidPostbackKeyException;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.SnapshotPostException;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.UnexpectedPostbackException;
+
+/*
+ * Created by Winston on 17/11/14.
+ */
+public class PostbackManager {
+
+  private final SecureRandom random;
+  final Map<String, PostbackPromise> postbackContentsTable;
+
+  PostbackManager(SecureRandom random) {
+    this.random = random;
+    postbackContentsTable = Collections.synchronizedMap(new HashMap<String, PostbackPromise>());
+  }
+
+  public PostbackManager() {
+    this(new SecureRandom());
+  }
+
+  public int waitForVersionIdOrThrow(String projectName) throws SnapshotPostException {
+    try {
+      PostbackPromise postbackPromise = postbackContentsTable.get(projectName);
+      Preconditions.checkNotNull(postbackPromise);
+      return postbackPromise.waitForPostback();
+    } finally {
+      postbackContentsTable.remove(projectName);
+    }
+  }
+
+  public void postVersionIDForProject(String projectName, int versionID, String postbackKey)
+      throws UnexpectedPostbackException {
+    getPostbackForProject(projectName).receivedVersionID(versionID, postbackKey);
+  }
+
+  public void postExceptionForProject(
+      String projectName, SnapshotPostException exception, String postbackKey)
+      throws UnexpectedPostbackException {
+    getPostbackForProject(projectName).receivedException(exception, postbackKey);
+  }
+
+  private PostbackPromise getPostbackForProject(String projectName)
+      throws UnexpectedPostbackException {
+    PostbackPromise contents = postbackContentsTable.get(projectName);
+    if (contents == null) {
+      throw new UnexpectedPostbackException();
+    }
+    return contents;
+  }
+
+  public String makeKeyForProject(String projectName) {
+    String key = System.currentTimeMillis() + randomString();
+    PostbackPromise contents = new PostbackPromise(key);
+    postbackContentsTable.put(projectName, contents);
+    return key;
+  }
+
+  public void checkPostbackKey(String projectName, String postbackKey)
+      throws InvalidPostbackKeyException {
+    PostbackPromise postbackPromise = postbackContentsTable.get(projectName);
+    if (postbackPromise == null) {
+      // project not found; can't check key
+      throw new InvalidPostbackKeyException();
+    } else {
+      postbackPromise.checkPostbackKey(postbackKey);
+    }
+  }
+
+  private String randomString() {
+    return new BigInteger(130, random).toString(32);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/PostbackPromise.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/PostbackPromise.java
new file mode 100644
index 0000000..f8b55d3
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/PostbackPromise.java
@@ -0,0 +1,86 @@
+package uk.ac.ic.wlgitbridge.snapshot.push;
+
+import java.util.concurrent.TimeUnit;
+import java.util.concurrent.locks.Condition;
+import java.util.concurrent.locks.ReentrantLock;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.InternalErrorException;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.InvalidPostbackKeyException;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.PostbackTimeoutException;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.SnapshotPostException;
+
+/*
+ * Created by Winston on 17/11/14.
+ */
+public class PostbackPromise {
+
+  private static int TIMEOUT_SECONDS = 60 * 6;
+
+  private final String postbackKey;
+  private final ReentrantLock lock;
+  private final Condition cond;
+
+  private boolean received;
+  private int versionID;
+  private SnapshotPostException exception;
+
+  public PostbackPromise(String postbackKey) {
+    this.postbackKey = postbackKey;
+    lock = new ReentrantLock();
+    cond = lock.newCondition();
+    received = false;
+    exception = null;
+  }
+
+  public int waitForPostback() throws SnapshotPostException {
+    lock.lock();
+    try {
+      while (!received) {
+        try {
+          if (!cond.await(TIMEOUT_SECONDS, TimeUnit.SECONDS)) {
+            throw new PostbackTimeoutException(TIMEOUT_SECONDS);
+          }
+        } catch (InterruptedException e) {
+          throw new InternalErrorException();
+        }
+      }
+      if (exception != null) {
+        throw exception;
+      }
+      return versionID;
+    } finally {
+      lock.unlock();
+    }
+  }
+
+  public void receivedVersionID(int versionID, String postbackKey) {
+    lock.lock();
+    try {
+      if (postbackKey.equals(this.postbackKey)) {
+        this.versionID = versionID;
+        received = true;
+        cond.signalAll();
+      }
+    } finally {
+      lock.unlock();
+    }
+  }
+
+  public void receivedException(SnapshotPostException exception, String postbackKey) {
+    lock.lock();
+    try {
+      if (postbackKey.equals(this.postbackKey)) {
+        this.exception = exception;
+        received = true;
+        cond.signalAll();
+      }
+    } finally {
+      lock.unlock();
+    }
+  }
+
+  public void checkPostbackKey(String postbackKey) throws InvalidPostbackKeyException {
+    if (!postbackKey.equals(this.postbackKey)) {
+      throw new InvalidPostbackKeyException();
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/PushRequest.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/PushRequest.java
new file mode 100644
index 0000000..a54f7c0
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/PushRequest.java
@@ -0,0 +1,46 @@
+package uk.ac.ic.wlgitbridge.snapshot.push;
+
+import com.google.api.client.auth.oauth2.Credential;
+import com.google.gson.JsonElement;
+import uk.ac.ic.wlgitbridge.data.CandidateSnapshot;
+import uk.ac.ic.wlgitbridge.snapshot.base.HTTPMethod;
+import uk.ac.ic.wlgitbridge.snapshot.base.SnapshotAPIRequest;
+import uk.ac.ic.wlgitbridge.snapshot.exception.FailedConnectionException;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by Winston on 16/11/14.
+ */
+public class PushRequest extends SnapshotAPIRequest<PushResult> {
+
+  private static final String API_CALL = "/snapshots";
+
+  private final CandidateSnapshot candidateSnapshot;
+  private final String postbackKey;
+
+  public PushRequest(Credential oauth2, CandidateSnapshot candidateSnapshot, String postbackKey) {
+    super(candidateSnapshot.getProjectName(), API_CALL, oauth2);
+    this.candidateSnapshot = candidateSnapshot;
+    this.postbackKey = postbackKey;
+    Log.debug(
+        "PushRequest({}, {}, {})",
+        "oauth2: <oauth2>",
+        "candidateSnapshot: " + candidateSnapshot,
+        "postbackKey: " + postbackKey);
+  }
+
+  @Override
+  protected HTTPMethod httpMethod() {
+    return HTTPMethod.POST;
+  }
+
+  @Override
+  protected String getPostBody() {
+    return candidateSnapshot.getJsonRepresentation(postbackKey).toString();
+  }
+
+  @Override
+  protected PushResult parseResponse(JsonElement json) throws FailedConnectionException {
+    return new PushResult(this, json);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/PushResult.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/PushResult.java
new file mode 100644
index 0000000..d35a724
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/PushResult.java
@@ -0,0 +1,45 @@
+package uk.ac.ic.wlgitbridge.snapshot.push;
+
+import com.google.gson.JsonElement;
+import com.google.gson.JsonObject;
+import uk.ac.ic.wlgitbridge.snapshot.base.Request;
+import uk.ac.ic.wlgitbridge.snapshot.base.Result;
+import uk.ac.ic.wlgitbridge.snapshot.exception.FailedConnectionException;
+import uk.ac.ic.wlgitbridge.util.Log;
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Created by Winston on 16/11/14.
+ */
+public class PushResult extends Result {
+
+  private boolean success;
+
+  public PushResult(Request request, JsonElement json) throws FailedConnectionException {
+    super(request, json);
+  }
+
+  @Override
+  public JsonElement toJson() {
+    return null;
+  }
+
+  public boolean wasSuccessful() {
+    return success;
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {
+    Log.debug("PushResult({})", json);
+    JsonObject responseObject = json.getAsJsonObject();
+    String code = Util.getCodeFromResponse(responseObject);
+
+    if (code.equals("accepted")) {
+      success = true;
+    } else if (code.equals("outOfDate")) {
+      success = false;
+    } else {
+      throw new RuntimeException();
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/InternalErrorException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/InternalErrorException.java
new file mode 100644
index 0000000..0627707
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/InternalErrorException.java
@@ -0,0 +1,27 @@
+package uk.ac.ic.wlgitbridge.snapshot.push.exception;
+
+import com.google.gson.JsonElement;
+import java.util.Arrays;
+import java.util.List;
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class InternalErrorException extends SevereSnapshotPostException {
+
+  @Override
+  public String getMessage() {
+    return "internal error";
+  }
+
+  @Override
+  public List<String> getDescriptionLines() {
+    return Arrays.asList(
+        "There was an internal error with the Git server.",
+        "Please contact " + Util.getServiceName() + ".");
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {}
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/InvalidFilesException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/InvalidFilesException.java
new file mode 100644
index 0000000..739c0e5
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/InvalidFilesException.java
@@ -0,0 +1,69 @@
+package uk.ac.ic.wlgitbridge.snapshot.push.exception;
+
+import com.google.gson.JsonArray;
+import com.google.gson.JsonElement;
+import com.google.gson.JsonObject;
+import java.util.ArrayList;
+import java.util.List;
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Created by Winston on 16/11/14.
+ */
+public class InvalidFilesException extends SnapshotPostException {
+
+  private List<String> descriptionLines;
+
+  public InvalidFilesException(JsonObject json) {
+    super(json);
+  }
+
+  @Override
+  public String getMessage() {
+    return "invalid files";
+  }
+
+  @Override
+  public List<String> getDescriptionLines() {
+    return descriptionLines;
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {
+    descriptionLines = new ArrayList<>();
+    JsonArray errors = json.getAsJsonObject().get("errors").getAsJsonArray();
+    descriptionLines.add(
+        "You have "
+            + errors.size()
+            + " invalid files in your "
+            + Util.getServiceName()
+            + " project:");
+    for (JsonElement error : errors) {
+      descriptionLines.add(describeError(error.getAsJsonObject()));
+    }
+  }
+
+  private String describeError(JsonObject jsonObject) {
+    return jsonObject.get("file").getAsString() + " (" + describeFile(jsonObject) + ")";
+  }
+
+  private String describeFile(JsonObject file) {
+    if (file.has("cleanFile")) {
+      return describeCleanFile(file.get("cleanFile").getAsString());
+    } else {
+      return describeErrorState(file.get("state").getAsString());
+    }
+  }
+
+  private String describeCleanFile(String cleanFile) {
+    return "rename to: " + cleanFile;
+  }
+
+  private String describeErrorState(String state) {
+    if (state.equals("disallowed")) {
+      return "invalid file extension";
+    } else {
+      return "error";
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/InvalidPostbackKeyException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/InvalidPostbackKeyException.java
new file mode 100644
index 0000000..6fdf8ab
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/InvalidPostbackKeyException.java
@@ -0,0 +1,6 @@
+package uk.ac.ic.wlgitbridge.snapshot.push.exception;
+
+/*
+ * Created by Winston on 04/12/14.
+ */
+public class InvalidPostbackKeyException extends Exception {}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/InvalidProjectException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/InvalidProjectException.java
new file mode 100644
index 0000000..093d01e
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/InvalidProjectException.java
@@ -0,0 +1,37 @@
+package uk.ac.ic.wlgitbridge.snapshot.push.exception;
+
+import com.google.gson.JsonArray;
+import com.google.gson.JsonElement;
+import java.util.LinkedList;
+import java.util.List;
+
+/*
+ * Created by Winston on 16/11/14.
+ */
+public class InvalidProjectException extends SnapshotPostException {
+
+  private LinkedList<String> descriptionLines;
+
+  public InvalidProjectException(JsonElement jsonElement) {
+    super(jsonElement);
+  }
+
+  @Override
+  public String getMessage() {
+    return "invalid project";
+  }
+
+  @Override
+  public List<String> getDescriptionLines() {
+    return descriptionLines;
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {
+    descriptionLines = new LinkedList<String>();
+    JsonArray errors = json.getAsJsonObject().get("errors").getAsJsonArray();
+    for (JsonElement error : errors) {
+      descriptionLines.add(error.getAsString());
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/OutOfDateException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/OutOfDateException.java
new file mode 100644
index 0000000..c3a96d9
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/OutOfDateException.java
@@ -0,0 +1,31 @@
+package uk.ac.ic.wlgitbridge.snapshot.push.exception;
+
+import com.google.gson.JsonElement;
+import com.google.gson.JsonObject;
+import java.util.Arrays;
+import java.util.List;
+
+/*
+ * Created by Winston on 16/11/14.
+ */
+public class OutOfDateException extends SnapshotPostException {
+
+  public OutOfDateException(JsonObject json) {
+    super(json);
+  }
+
+  public OutOfDateException() {}
+
+  @Override
+  public String getMessage() {
+    return "out of date";
+  }
+
+  @Override
+  public List<String> getDescriptionLines() {
+    return Arrays.asList("out of date (shouldn't print this)");
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {}
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/PostbackTimeoutException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/PostbackTimeoutException.java
new file mode 100644
index 0000000..4ae2d02
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/PostbackTimeoutException.java
@@ -0,0 +1,33 @@
+package uk.ac.ic.wlgitbridge.snapshot.push.exception;
+
+import com.google.gson.JsonElement;
+import java.util.Arrays;
+import java.util.List;
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class PostbackTimeoutException extends SevereSnapshotPostException {
+
+  private int timeout;
+
+  public PostbackTimeoutException(int timeout) {
+    this.timeout = timeout;
+  }
+
+  @Override
+  public String getMessage() {
+    return "Request timed out (after " + this.timeout + " seconds)";
+  }
+
+  @Override
+  public List<String> getDescriptionLines() {
+    return Arrays.asList(
+        "The " + Util.getServiceName() + " server is currently unavailable.",
+        "Please try again later.");
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {}
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/SevereSnapshotPostException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/SevereSnapshotPostException.java
new file mode 100644
index 0000000..de3141b
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/SevereSnapshotPostException.java
@@ -0,0 +1,17 @@
+package uk.ac.ic.wlgitbridge.snapshot.push.exception;
+
+import com.google.gson.JsonElement;
+
+/*
+ * Created by Winston on 10/01/15.
+ */
+public abstract class SevereSnapshotPostException extends SnapshotPostException {
+
+  public SevereSnapshotPostException() {
+    super();
+  }
+
+  public SevereSnapshotPostException(JsonElement json) {
+    super(json);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/SnapshotPostException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/SnapshotPostException.java
new file mode 100644
index 0000000..1b32825
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/SnapshotPostException.java
@@ -0,0 +1,16 @@
+package uk.ac.ic.wlgitbridge.snapshot.push.exception;
+
+import com.google.gson.JsonElement;
+import uk.ac.ic.wlgitbridge.git.exception.SnapshotAPIException;
+
+/*
+ * Created by Winston on 16/11/14.
+ */
+public abstract class SnapshotPostException extends SnapshotAPIException {
+
+  public SnapshotPostException() {}
+
+  public SnapshotPostException(JsonElement jsonElement) {
+    fromJSON(jsonElement);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/SnapshotPostExceptionBuilder.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/SnapshotPostExceptionBuilder.java
new file mode 100644
index 0000000..7737959
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/SnapshotPostExceptionBuilder.java
@@ -0,0 +1,29 @@
+package uk.ac.ic.wlgitbridge.snapshot.push.exception;
+
+import com.google.gson.JsonObject;
+
+/*
+ * Created by Winston on 17/11/14.
+ */
+public class SnapshotPostExceptionBuilder {
+
+  private static final String CODE_ERROR_OUT_OF_DATE = "outOfDate";
+  private static final String CODE_ERROR_INVALID_FILES = "invalidFiles";
+  private static final String CODE_ERROR_INVALID_PROJECT = "invalidProject";
+  private static final String CODE_ERROR_UNKNOWN = "error";
+
+  public SnapshotPostException build(String errorCode, JsonObject json)
+      throws UnexpectedPostbackException {
+    if (errorCode.equals(CODE_ERROR_OUT_OF_DATE)) {
+      return new OutOfDateException(json);
+    } else if (errorCode.equals(CODE_ERROR_INVALID_FILES)) {
+      return new InvalidFilesException(json);
+    } else if (errorCode.equals(CODE_ERROR_INVALID_PROJECT)) {
+      return new InvalidProjectException(json);
+    } else if (errorCode.equals(CODE_ERROR_UNKNOWN)) {
+      return new UnexpectedErrorException(json);
+    } else {
+      throw new UnexpectedPostbackException();
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/UnexpectedErrorException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/UnexpectedErrorException.java
new file mode 100644
index 0000000..f1542d5
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/UnexpectedErrorException.java
@@ -0,0 +1,35 @@
+package uk.ac.ic.wlgitbridge.snapshot.push.exception;
+
+import com.google.gson.JsonElement;
+import com.google.gson.JsonObject;
+import java.util.Arrays;
+import java.util.List;
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Created by Winston on 16/11/14.
+ */
+public class UnexpectedErrorException extends SevereSnapshotPostException {
+
+  private static final String[] DESCRIPTION_LINES = {
+    "There was an internal error with the " + Util.getServiceName() + " server.",
+    "Please contact " + Util.getServiceName() + "."
+  };
+
+  public UnexpectedErrorException(JsonObject json) {
+    super(json);
+  }
+
+  @Override
+  public String getMessage() {
+    return Util.getServiceName() + " error";
+  }
+
+  @Override
+  public List<String> getDescriptionLines() {
+    return Arrays.asList(DESCRIPTION_LINES);
+  }
+
+  @Override
+  public void fromJSON(JsonElement json) {}
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/UnexpectedPostbackException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/UnexpectedPostbackException.java
new file mode 100644
index 0000000..27322f2
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/push/exception/UnexpectedPostbackException.java
@@ -0,0 +1,6 @@
+package uk.ac.ic.wlgitbridge.snapshot.push.exception;
+
+/*
+ * Created by Winston on 17/11/14.
+ */
+public class UnexpectedPostbackException extends Exception {}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/Main.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/Main.java
new file mode 100644
index 0000000..450d014
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/Main.java
@@ -0,0 +1,22 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock;
+
+import java.io.File;
+import java.io.FileInputStream;
+import java.io.FileNotFoundException;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.server.MockSnapshotServer;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.state.SnapshotAPIStateBuilder;
+
+/*
+ * Created by Winston on 10/01/15.
+ */
+public class Main {
+
+  public static void main(String[] args) throws FileNotFoundException {
+    MockSnapshotServer server =
+        new MockSnapshotServer(60000, new File("/Users/Roxy/Code/java/writelatex-git-bridge"));
+    server.setState(
+        new SnapshotAPIStateBuilder(new FileInputStream(new File("/Users/Roxy/Desktop/state.json")))
+            .build());
+    server.start();
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/exception/InvalidAPICallException.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/exception/InvalidAPICallException.java
new file mode 100644
index 0000000..af303be
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/exception/InvalidAPICallException.java
@@ -0,0 +1,11 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.exception;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class InvalidAPICallException extends Exception {
+
+  public InvalidAPICallException(String target) {
+    super(target);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/SnapshotResponse.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/SnapshotResponse.java
new file mode 100644
index 0000000..2ffbefd
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/SnapshotResponse.java
@@ -0,0 +1,13 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public abstract class SnapshotResponse {
+
+  public abstract String respond();
+
+  public String postback() {
+    return null;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/SnapshotResponseBuilder.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/SnapshotResponseBuilder.java
new file mode 100644
index 0000000..0e1f4bc
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/SnapshotResponseBuilder.java
@@ -0,0 +1,60 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response;
+
+import uk.ac.ic.wlgitbridge.snapshot.servermock.exception.InvalidAPICallException;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.getdoc.SnapshotGetDocResponse;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.getforver.SnapshotGetForVerResponse;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.getsavedver.SnapshotGetSavedVersResponse;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.SnapshotPushResponse;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.state.SnapshotAPIState;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class SnapshotResponseBuilder {
+
+  private SnapshotAPIState state;
+
+  public SnapshotResponse buildWithTarget(String target, String method)
+      throws InvalidAPICallException {
+    checkPrefix(target);
+    return parseTarget(target, target.split("/"), method);
+  }
+
+  private void checkPrefix(String target) throws InvalidAPICallException {
+    if (!target.startsWith("/api/v0/docs/")) {
+      throw new InvalidAPICallException(target);
+    }
+  }
+
+  private SnapshotResponse parseTarget(String target, String[] parts, String method)
+      throws InvalidAPICallException {
+    String projectName = parts[4];
+    if (parts.length == 5) {
+      if (method.equals("GET")) {
+        return new SnapshotGetDocResponse(state.getStateForGetDoc(projectName));
+      }
+    } else if (parts.length == 6) {
+      String type = parts[5];
+      if (type.equals("snapshots") && method.equals("POST")) {
+        return new SnapshotPushResponse(
+            state.getStateForPush(projectName), state.getStateForPostback(projectName));
+      } else if (type.equals("saved_vers") && method.equals("GET")) {
+        return new SnapshotGetSavedVersResponse(state.getStateForGetSavedVers(projectName));
+      }
+    } else if (parts.length == 7) {
+      if (parts[5].equals("snapshots") && method.equals("GET")) {
+        try {
+          return new SnapshotGetForVerResponse(
+              state.getStateForGetForVers(projectName, Integer.parseInt(parts[6])));
+        } catch (NumberFormatException e) {
+
+        }
+      }
+    }
+    throw new InvalidAPICallException(target);
+  }
+
+  public void setState(SnapshotAPIState state) {
+    this.state = state;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/getdoc/SnapshotGetDocResponse.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/getdoc/SnapshotGetDocResponse.java
new file mode 100644
index 0000000..11ab415
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/getdoc/SnapshotGetDocResponse.java
@@ -0,0 +1,21 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response.getdoc;
+
+import uk.ac.ic.wlgitbridge.snapshot.getdoc.GetDocResult;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.SnapshotResponse;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class SnapshotGetDocResponse extends SnapshotResponse {
+
+  private final GetDocResult state;
+
+  public SnapshotGetDocResponse(GetDocResult state) {
+    this.state = state;
+  }
+
+  @Override
+  public String respond() {
+    return state.toJson().toString();
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/getforver/SnapshotGetForVerResponse.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/getforver/SnapshotGetForVerResponse.java
new file mode 100644
index 0000000..38a4736
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/getforver/SnapshotGetForVerResponse.java
@@ -0,0 +1,21 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response.getforver;
+
+import uk.ac.ic.wlgitbridge.snapshot.getforversion.GetForVersionResult;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.SnapshotResponse;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class SnapshotGetForVerResponse extends SnapshotResponse {
+
+  private final GetForVersionResult state;
+
+  public SnapshotGetForVerResponse(GetForVersionResult state) {
+    this.state = state;
+  }
+
+  @Override
+  public String respond() {
+    return state.toJson().toString();
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/getsavedver/SnapshotGetSavedVersResponse.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/getsavedver/SnapshotGetSavedVersResponse.java
new file mode 100644
index 0000000..a8da86b
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/getsavedver/SnapshotGetSavedVersResponse.java
@@ -0,0 +1,21 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response.getsavedver;
+
+import uk.ac.ic.wlgitbridge.snapshot.getsavedvers.GetSavedVersResult;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.SnapshotResponse;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class SnapshotGetSavedVersResponse extends SnapshotResponse {
+
+  private final GetSavedVersResult state;
+
+  public SnapshotGetSavedVersResponse(GetSavedVersResult state) {
+    this.state = state;
+  }
+
+  @Override
+  public String respond() {
+    return state.toJson().toString();
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/SnapshotPushResponse.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/SnapshotPushResponse.java
new file mode 100644
index 0000000..4568f60
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/SnapshotPushResponse.java
@@ -0,0 +1,34 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response.push;
+
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.SnapshotResponse;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.data.SnapshotPushResult;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.postback.SnapshotPostbackRequest;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class SnapshotPushResponse extends SnapshotResponse {
+
+  private final SnapshotPushResult stateForPush;
+  private final SnapshotPostbackRequest stateForPostback;
+
+  public SnapshotPushResponse(
+      SnapshotPushResult stateForPush, SnapshotPostbackRequest stateForPostback) {
+    this.stateForPush = stateForPush;
+    this.stateForPostback = stateForPostback;
+  }
+
+  @Override
+  public String respond() {
+    return stateForPush.toJson().toString();
+  }
+
+  @Override
+  public String postback() {
+    if (stateForPush.hasPostback()) {
+      return stateForPostback.toJson().toString();
+    } else {
+      return null;
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/data/SnapshotPushResult.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/data/SnapshotPushResult.java
new file mode 100644
index 0000000..cdcd893
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/data/SnapshotPushResult.java
@@ -0,0 +1,30 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.data;
+
+import com.google.gson.JsonElement;
+import com.google.gson.JsonObject;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public abstract class SnapshotPushResult {
+
+  private final int status;
+  private final String code;
+  private final String message;
+
+  public SnapshotPushResult(int status, String code, String message) {
+    this.status = status;
+    this.code = code;
+    this.message = message;
+  }
+
+  public JsonElement toJson() {
+    JsonObject jsonThis = new JsonObject();
+    jsonThis.addProperty("status", status);
+    jsonThis.addProperty("code", code);
+    jsonThis.addProperty("message", message);
+    return jsonThis;
+  }
+
+  public abstract boolean hasPostback();
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/data/SnapshotPushResultOutOfDate.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/data/SnapshotPushResultOutOfDate.java
new file mode 100644
index 0000000..d6b7eea
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/data/SnapshotPushResultOutOfDate.java
@@ -0,0 +1,16 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.data;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class SnapshotPushResultOutOfDate extends SnapshotPushResult {
+
+  public SnapshotPushResultOutOfDate() {
+    super(409, "outOfDate", "Out of Date");
+  }
+
+  @Override
+  public boolean hasPostback() {
+    return false;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/data/SnapshotPushResultSuccess.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/data/SnapshotPushResultSuccess.java
new file mode 100644
index 0000000..948105b
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/data/SnapshotPushResultSuccess.java
@@ -0,0 +1,16 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.data;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class SnapshotPushResultSuccess extends SnapshotPushResult {
+
+  public SnapshotPushResultSuccess() {
+    super(402, "accepted", "Accepted");
+  }
+
+  @Override
+  public boolean hasPostback() {
+    return true;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/SnapshotPostbackRequest.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/SnapshotPostbackRequest.java
new file mode 100644
index 0000000..8560714
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/SnapshotPostbackRequest.java
@@ -0,0 +1,21 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.postback;
+
+import com.google.gson.JsonObject;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public abstract class SnapshotPostbackRequest {
+
+  private final String code;
+
+  public SnapshotPostbackRequest(String code) {
+    this.code = code;
+  }
+
+  public JsonObject toJson() {
+    JsonObject jsonThis = new JsonObject();
+    jsonThis.addProperty("code", code);
+    return jsonThis;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/SnapshotPostbackRequestError.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/SnapshotPostbackRequestError.java
new file mode 100644
index 0000000..27e4b7b
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/SnapshotPostbackRequestError.java
@@ -0,0 +1,20 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.postback;
+
+import com.google.gson.JsonObject;
+
+/*
+ * Created by Winston on 10/01/15.
+ */
+public class SnapshotPostbackRequestError extends SnapshotPostbackRequest {
+
+  public SnapshotPostbackRequestError() {
+    super("error");
+  }
+
+  @Override
+  public JsonObject toJson() {
+    JsonObject jsonThis = super.toJson();
+    jsonThis.addProperty("message", "Unexpected Error");
+    return jsonThis;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/SnapshotPostbackRequestInvalidFiles.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/SnapshotPostbackRequestInvalidFiles.java
new file mode 100644
index 0000000..e4bd120
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/SnapshotPostbackRequestInvalidFiles.java
@@ -0,0 +1,39 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.postback;
+
+import com.google.gson.JsonArray;
+import com.google.gson.JsonElement;
+import com.google.gson.JsonObject;
+import java.util.ArrayList;
+import java.util.List;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.postback.invalidfile.InvalidFileError;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class SnapshotPostbackRequestInvalidFiles extends SnapshotPostbackRequest {
+
+  private final List<InvalidFileError> errors;
+
+  public SnapshotPostbackRequestInvalidFiles(List<InvalidFileError> errors) {
+    super("invalidFiles");
+    this.errors = errors;
+  }
+
+  public SnapshotPostbackRequestInvalidFiles(JsonArray errors) {
+    this(new ArrayList<InvalidFileError>());
+    for (JsonElement error : errors) {
+      this.errors.add(InvalidFileError.buildFromJsonError(error.getAsJsonObject()));
+    }
+  }
+
+  @Override
+  public JsonObject toJson() {
+    JsonObject jsonThis = super.toJson();
+    JsonArray jsonErrors = new JsonArray();
+    for (InvalidFileError error : errors) {
+      jsonErrors.add(error.toJson());
+    }
+    jsonThis.add("errors", jsonErrors);
+    return jsonThis;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/SnapshotPostbackRequestInvalidProject.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/SnapshotPostbackRequestInvalidProject.java
new file mode 100644
index 0000000..fbdfabe
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/SnapshotPostbackRequestInvalidProject.java
@@ -0,0 +1,40 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.postback;
+
+import com.google.gson.JsonArray;
+import com.google.gson.JsonElement;
+import com.google.gson.JsonObject;
+import com.google.gson.JsonPrimitive;
+import java.util.ArrayList;
+import java.util.List;
+
+/*
+ * Created by Winston on 10/01/15.
+ */
+public class SnapshotPostbackRequestInvalidProject extends SnapshotPostbackRequest {
+
+  private final List<String> errors;
+
+  public SnapshotPostbackRequestInvalidProject(List<String> errors) {
+    super("invalidProject");
+    this.errors = errors;
+  }
+
+  public SnapshotPostbackRequestInvalidProject(JsonArray errors) {
+    this(new ArrayList<String>());
+    for (JsonElement error : errors) {
+      this.errors.add(error.getAsString());
+    }
+  }
+
+  @Override
+  public JsonObject toJson() {
+    JsonObject jsonThis = super.toJson();
+    jsonThis.addProperty("message", "short string message for debugging");
+    JsonArray jsonErrors = new JsonArray();
+    for (String error : errors) {
+      jsonErrors.add(new JsonPrimitive(error));
+    }
+    jsonThis.add("errors", jsonErrors);
+    return jsonThis;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/SnapshotPostbackRequestOutOfDate.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/SnapshotPostbackRequestOutOfDate.java
new file mode 100644
index 0000000..43453e8
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/SnapshotPostbackRequestOutOfDate.java
@@ -0,0 +1,20 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.postback;
+
+import com.google.gson.JsonObject;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class SnapshotPostbackRequestOutOfDate extends SnapshotPostbackRequest {
+
+  public SnapshotPostbackRequestOutOfDate() {
+    super("outOfDate");
+  }
+
+  @Override
+  public JsonObject toJson() {
+    JsonObject jsonThis = super.toJson();
+    jsonThis.addProperty("message", "Out of Date");
+    return jsonThis;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/SnapshotPostbackRequestSuccess.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/SnapshotPostbackRequestSuccess.java
new file mode 100644
index 0000000..13778ca
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/SnapshotPostbackRequestSuccess.java
@@ -0,0 +1,23 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.postback;
+
+import com.google.gson.JsonObject;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class SnapshotPostbackRequestSuccess extends SnapshotPostbackRequest {
+
+  private final int latestVerId;
+
+  public SnapshotPostbackRequestSuccess(int latestVerId) {
+    super("upToDate");
+    this.latestVerId = latestVerId;
+  }
+
+  @Override
+  public JsonObject toJson() {
+    JsonObject jsonThis = super.toJson();
+    jsonThis.addProperty("latestVerId", latestVerId);
+    return jsonThis;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/invalidfile/InvalidFileError.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/invalidfile/InvalidFileError.java
new file mode 100644
index 0000000..670326d
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/invalidfile/InvalidFileError.java
@@ -0,0 +1,38 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.postback.invalidfile;
+
+import com.google.gson.JsonObject;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public abstract class InvalidFileError {
+
+  private final String file;
+
+  public InvalidFileError(String file) {
+    this.file = file;
+  }
+
+  public JsonObject toJson() {
+    JsonObject jsonThis = new JsonObject();
+    jsonThis.addProperty("file", file);
+    jsonThis.addProperty("state", getState());
+    return jsonThis;
+  }
+
+  protected abstract String getState();
+
+  public static InvalidFileError buildFromJsonError(JsonObject error) {
+    String state = error.get("state").getAsString();
+    String file = error.get("file").getAsString();
+    if (state.equals("error")) {
+      return new InvalidFileErrorDefault(file);
+    } else if (state.equals("disallowed")) {
+      return new InvalidFileErrorDisallowed(file);
+    } else if (state.equals("unclean_name")) {
+      return new InvalidFileErrorUnclean(file, error.get("cleanFile").getAsString());
+    } else {
+      throw new IllegalArgumentException("bad invalid file state: " + state);
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/invalidfile/InvalidFileErrorDefault.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/invalidfile/InvalidFileErrorDefault.java
new file mode 100644
index 0000000..644d165
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/invalidfile/InvalidFileErrorDefault.java
@@ -0,0 +1,16 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.postback.invalidfile;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class InvalidFileErrorDefault extends InvalidFileError {
+
+  public InvalidFileErrorDefault(String file) {
+    super(file);
+  }
+
+  @Override
+  protected String getState() {
+    return "error";
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/invalidfile/InvalidFileErrorDisallowed.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/invalidfile/InvalidFileErrorDisallowed.java
new file mode 100644
index 0000000..fad3ac1
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/invalidfile/InvalidFileErrorDisallowed.java
@@ -0,0 +1,16 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.postback.invalidfile;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class InvalidFileErrorDisallowed extends InvalidFileError {
+
+  public InvalidFileErrorDisallowed(String file) {
+    super(file);
+  }
+
+  @Override
+  protected String getState() {
+    return "disallowed";
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/invalidfile/InvalidFileErrorUnclean.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/invalidfile/InvalidFileErrorUnclean.java
new file mode 100644
index 0000000..9c2c75b
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/response/push/postback/invalidfile/InvalidFileErrorUnclean.java
@@ -0,0 +1,28 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.postback.invalidfile;
+
+import com.google.gson.JsonObject;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class InvalidFileErrorUnclean extends InvalidFileError {
+
+  private final String cleanFile;
+
+  public InvalidFileErrorUnclean(String file, String cleanFile) {
+    super(file);
+    this.cleanFile = cleanFile;
+  }
+
+  @Override
+  public JsonObject toJson() {
+    JsonObject jsonThis = super.toJson();
+    jsonThis.addProperty("cleanFile", cleanFile);
+    return jsonThis;
+  }
+
+  @Override
+  protected String getState() {
+    return "unclean_name";
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/server/MockOAuthRequestHandler.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/server/MockOAuthRequestHandler.java
new file mode 100644
index 0000000..278e15f
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/server/MockOAuthRequestHandler.java
@@ -0,0 +1,23 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.server;
+
+import java.io.IOException;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import org.eclipse.jetty.server.Request;
+import org.eclipse.jetty.server.handler.AbstractHandler;
+
+public class MockOAuthRequestHandler extends AbstractHandler {
+
+  @Override
+  public void handle(
+      String target, Request baseRequest, HttpServletRequest request, HttpServletResponse response)
+      throws IOException {
+    String method = baseRequest.getMethod();
+    if (method.equals("GET") && target.equals("/oauth/token/info")) {
+      response.setContentType("application/json");
+      response.setStatus(HttpServletResponse.SC_OK);
+      response.getWriter().println("{}");
+      baseRequest.setHandled(true);
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/server/MockSnapshotRequestHandler.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/server/MockSnapshotRequestHandler.java
new file mode 100644
index 0000000..53727cf
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/server/MockSnapshotRequestHandler.java
@@ -0,0 +1,46 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.server;
+
+import java.io.IOException;
+import javax.servlet.ServletException;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import org.eclipse.jetty.server.Request;
+import org.eclipse.jetty.server.handler.AbstractHandler;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.exception.InvalidAPICallException;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.*;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class MockSnapshotRequestHandler extends AbstractHandler {
+
+  private final SnapshotResponseBuilder responseBuilder;
+
+  public MockSnapshotRequestHandler(SnapshotResponseBuilder responseBuilder) {
+    this.responseBuilder = responseBuilder;
+  }
+
+  @Override
+  public void handle(
+      String target,
+      final Request baseRequest,
+      HttpServletRequest request,
+      HttpServletResponse response)
+      throws IOException, ServletException {
+    boolean handled;
+    try {
+      final SnapshotResponse snapshotResponse =
+          responseBuilder.buildWithTarget(target, baseRequest.getMethod());
+      response.getWriter().println(snapshotResponse.respond());
+      new PostbackThread(baseRequest.getReader(), snapshotResponse.postback()).startIfNotNull();
+      handled = true;
+    } catch (InvalidAPICallException e) {
+      handled = false;
+    } catch (RuntimeException e) {
+      Log.warn("Runtime exception when handling request", e);
+      handled = true;
+    }
+    baseRequest.setHandled(handled);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/server/MockSnapshotServer.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/server/MockSnapshotServer.java
new file mode 100644
index 0000000..2f1c0d5
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/server/MockSnapshotServer.java
@@ -0,0 +1,65 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.server;
+
+import java.io.File;
+import org.eclipse.jetty.server.NetworkConnector;
+import org.eclipse.jetty.server.Server;
+import org.eclipse.jetty.server.handler.HandlerCollection;
+import org.eclipse.jetty.server.handler.HandlerList;
+import org.eclipse.jetty.server.handler.ResourceHandler;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.SnapshotResponseBuilder;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.state.SnapshotAPIState;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class MockSnapshotServer {
+
+  private final Server server;
+  private final SnapshotResponseBuilder responseBuilder;
+  private int port;
+
+  public MockSnapshotServer(int port, File resourceBase) {
+    server = new Server(port);
+    responseBuilder = new SnapshotResponseBuilder();
+
+    HandlerList handlers = new HandlerList();
+    handlers.addHandler(new MockOAuthRequestHandler());
+    handlers.addHandler(getHandlerForResourceBase(resourceBase));
+    server.setHandler(handlers);
+  }
+
+  private HandlerCollection getHandlerForResourceBase(File resourceBase) {
+    HandlerCollection handlers = new HandlerCollection();
+    handlers.addHandler(new MockSnapshotRequestHandler(responseBuilder));
+    handlers.addHandler(resourceHandlerWithBase(resourceBase));
+    return handlers;
+  }
+
+  private ResourceHandler resourceHandlerWithBase(File resourceBase) {
+    ResourceHandler resourceHandler = new ResourceHandler();
+    resourceHandler.setResourceBase(resourceBase.getAbsolutePath());
+    return resourceHandler;
+  }
+
+  public void start() {
+    try {
+      server.start();
+    } catch (Exception e) {
+      Log.warn("Exception when trying to start server", e);
+    }
+    port = ((NetworkConnector) server.getConnectors()[0]).getLocalPort();
+  }
+
+  public void stop() {
+    try {
+      server.stop();
+    } catch (Exception e) {
+      Log.warn("Exception when trying to stop server", e);
+    }
+  }
+
+  public void setState(SnapshotAPIState state) {
+    responseBuilder.setState(state);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/server/PostbackThread.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/server/PostbackThread.java
new file mode 100644
index 0000000..0e105ef
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/server/PostbackThread.java
@@ -0,0 +1,42 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.server;
+
+import static org.asynchttpclient.Dsl.*;
+
+import com.google.gson.Gson;
+import com.google.gson.JsonObject;
+import java.io.Reader;
+import java.util.concurrent.ExecutionException;
+import uk.ac.ic.wlgitbridge.util.Log;
+
+/*
+ * Created by Winston on 10/01/15.
+ */
+public class PostbackThread extends Thread {
+
+  private String url;
+  private String postback;
+
+  public PostbackThread(Reader reader, String postback) {
+    if (postback != null) {
+      url = new Gson().fromJson(reader, JsonObject.class).get("postbackUrl").getAsString();
+      this.postback = postback;
+    }
+  }
+
+  @Override
+  public void run() {
+    try {
+      asyncHttpClient().preparePost(url).setBody(postback).execute().get().getResponseBody();
+    } catch (InterruptedException e) {
+      Log.warn("Interrupted on postback, url: " + url + ", postback: " + postback, e);
+    } catch (ExecutionException e) {
+      Log.warn("ExecutionException on postback, url: " + url + ", postback: " + postback, e);
+    }
+  }
+
+  public void startIfNotNull() {
+    if (url != null && postback != null) {
+      start();
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/state/SnapshotAPIState.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/state/SnapshotAPIState.java
new file mode 100644
index 0000000..fa8c9b7
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/state/SnapshotAPIState.java
@@ -0,0 +1,271 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.state;
+
+import java.util.*;
+import uk.ac.ic.wlgitbridge.snapshot.getdoc.GetDocResult;
+import uk.ac.ic.wlgitbridge.snapshot.getforversion.GetForVersionResult;
+import uk.ac.ic.wlgitbridge.snapshot.getforversion.SnapshotAttachment;
+import uk.ac.ic.wlgitbridge.snapshot.getforversion.SnapshotData;
+import uk.ac.ic.wlgitbridge.snapshot.getforversion.SnapshotFile;
+import uk.ac.ic.wlgitbridge.snapshot.getsavedvers.GetSavedVersResult;
+import uk.ac.ic.wlgitbridge.snapshot.getsavedvers.SnapshotInfo;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.data.SnapshotPushResult;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.data.SnapshotPushResultSuccess;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.postback.SnapshotPostbackRequest;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.postback.SnapshotPostbackRequestInvalidProject;
+
+/*
+ * Created by Winston on 09/01/15.
+ */
+public class SnapshotAPIState {
+
+  private Map<String, GetDocResult> getDoc;
+  private Map<String, GetSavedVersResult> getSavedVers;
+  private Map<String, Map<Integer, GetForVersionResult>> getForVers;
+  private Map<String, SnapshotPushResult> push;
+  private Map<String, SnapshotPostbackRequest> postback;
+
+  public SnapshotAPIState(
+      Map<String, GetDocResult> getDoc,
+      Map<String, GetSavedVersResult> getSavedVers,
+      Map<String, Map<Integer, GetForVersionResult>> getForVers,
+      Map<String, SnapshotPushResult> push,
+      Map<String, SnapshotPostbackRequest> postback) {
+    this.getDoc = getDoc;
+    this.getSavedVers = getSavedVers;
+    this.getForVers = getForVers;
+    this.push = push;
+    this.postback = postback;
+  }
+
+  public SnapshotAPIState() {
+    getDoc = new HashMap<>();
+    getDoc.put(
+        "1826rqgsdb",
+        new GetDocResult(null, 243, "2014-11-30T18:40:58Z", "jdleesmiller+1@gmail.com", "John+1"));
+
+    getSavedVers = new HashMap<String, GetSavedVersResult>();
+    List<SnapshotInfo> savedVers = new LinkedList<SnapshotInfo>();
+    savedVers.add(
+        new SnapshotInfo(
+            243,
+            "added more info on doc GET and error details",
+            "jdleesmiller+1@gmail.com",
+            "John+1",
+            "2014-11-30T18:47:01Z"));
+    savedVers.add(
+        new SnapshotInfo(
+            185,
+            "with more details on POST request",
+            "jdleesmiller+1@gmail.com",
+            "John+1",
+            "2014-11-11T17:18:40Z"));
+    savedVers.add(
+        new SnapshotInfo(
+            175,
+            "with updated PUT/POST request",
+            "jdleesmiller+1@gmail.com",
+            "John+1",
+            "2014-11-09T23:09:13Z"));
+    savedVers.add(
+        new SnapshotInfo(
+            146,
+            "added PUT format",
+            "jdleesmiller@gmail.com",
+            "John Lees-Miller",
+            "2014-11-07T15:11:35Z"));
+    savedVers.add(
+        new SnapshotInfo(
+            74,
+            "with example output",
+            "jdleesmiller@gmail.com",
+            "John Lees-Miller",
+            "2014-11-05T18:09:41Z"));
+    savedVers.add(
+        new SnapshotInfo(
+            39,
+            "with more files",
+            "jdleesmiller@gmail.com",
+            "John Lees-Miller",
+            "2014-11-05T18:02:19Z"));
+    savedVers.add(
+        new SnapshotInfo(
+            24,
+            "first draft",
+            "jdleesmiller@gmail.com",
+            "John Lees-Miller",
+            "2014-11-05T17:56:58Z"));
+    getSavedVers.put("1826rqgsdb", new GetSavedVersResult(savedVers));
+
+    getForVers =
+        new HashMap<String, Map<Integer, GetForVersionResult>>() {
+          {
+            put(
+                "1826rqgsdb",
+                new HashMap<Integer, GetForVersionResult>() {
+                  {
+                    put(
+                        243,
+                        new GetForVersionResult(
+                            new SnapshotData(
+                                Arrays.asList(
+                                    new SnapshotFile(
+                                        "\\\\documentclass[a4paper]{article}\\n\\n\\\\usepackage[english]{babel}\\n\\\\usepackage[utf8]{inputenc}\\n\\\\usepackage{graphicx}\\n\\\\usepackage{fullpage}\\n\\\\usepackage{listings}\\n\\\\usepackage{courier}\\n\\\\usepackage{url}\\n\\n\\\\lstset{basicstyle=\\\\ttfamily,breaklines=true}\\n\\n\\\\begin{document}\\n\\\\title{API for the writeLaTeX-Git Bridge}\\n\\\\author{JLM}\\n\\\\date{\\\\today}\\n\\\\maketitle\\n\\n\\\\section{Fetching a Project from WriteLaTeX}\\n\\nThere are three API calls that will likely be of interest. You can run them against this server, \\\\url{radiant-wind-3058.herokuapp.com}, but they're not on the production server yet.\\n\\n\\\\subsection{Get Doc}\\n\\nA ``doc'' is our internal term for a ``project''. This endpoint returns the latest version id, when the latest version was created (ISO8601), and the user that last edited the project (if any, otherwise null).\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb\\n# => {\\n  \\\"latestVerId\\\": 39,\\n  \\\"latestVerAt\\\": \\\"2014-11-30T18:35:27Z\\\",\\n  \\\"latestVerBy\\\": {\\n    \\\"email\\\": \\\"jdleesmiller@gmail.com\\\",\\n    \\\"name\\\": \\\"John Lees-Miller\\\"\\n  }}\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Saved Vers}\\n\\nA ``saved ver'' is a version of a doc, saved by via the versions menu. Note that this query is not currently paginated.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/saved_vers\\n# => [\\n  {\\\"versionId\\\":39,\\n   \\\"comment\\\":\\\"with more files\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T18:02:19Z\\\"},\\n  {\\\"versionId\\\":24,\\n   \\\"comment\\\":\\\"first draft\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T17:56:58Z\\\"}]\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Snapshot for Version}\\n\\nA snapshot contains the content of a project in the given version. You can safely request a snapshot of any version that is, or was at any point in the last 24 hours, (1) a saved version, or (2) the current version. (Older versions may or may not have been moved to cold storage.)\\n\\nThe srcs array contains (content, file name) pairs; the atts array contains (URL, file name) pairs.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/snapshots/39\\n# => {\\n  \\\"srcs\\\":[\\n    [\\\"This text is from another file.\\\",\\\"foo/bar/servermock.tex\\\"],\\n    [\\\"\\\\\\\\documentclass[a4paper]{article}\\\\n...\\\",\\\"main.tex\\\"]],\\n  \\\"atts\\\":[\\n    [\\\"https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png\\\",\\\"min_mean_wait_evm_7_eps_150dpi.png\\\"]]}\\n\\\\end{lstlisting}\\n\\n\\\\section{Pushing a Project to WriteLaTeX}\\n\\n\\\\subsection{Push a Project}\\n\\n\\\\begin{lstlisting}\\n# NB: JLM originally said PUT, but he now thinks POST is better\\n# NB: you must set a Content-Type: application/json header for this request\\n# in order to specify the data as JSON in the request body\\nPOST https://.../api/v0/docs/1826rqgsdb/snapshots\\nData:\\n{\\n  latestVerId: integer,\\n  files: [\\n    {\\n      name: string path (forward slashes, relative to root)\\n      url: string (but only if the file is modified; else no url given)\\n    }, ...\\n  ]\\n  postbackUrl: url to post result back to\\n}\\nResponse on success:\\n{\\n  status: 202,\\n  code: \\\"accepted\\\",\\n  message: \\\"Accepted\\\"\\n}\\nResponse on out of date:\\n{\\n  status: 409, # Conflict\\n  code: \\\"outOfDate\\\",\\n  message: \\\"Out of Date\\\"\\n}\\n\\nPostback Data (METHOD POST):\\nOn success:\\n{\\n  code: \\\"upToDate\\\",\\n  latestVerId: integer\\n}\\nOn out of date:\\n{\\n  code: \\\"outOfDate\\\",\\n  message: \\\"Out of Date\\\"\\n}\\nOn error with the files list (e.g. file extension not allowed):\\n{\\n  code: \\\"invalidFiles\\\",\\n  errors: [ {\\n    file: the file name from the snapshot,\\n    state: \\\"error\\\"|\\\"disallowed\\\"|\\\"unclean_name\\\"\\n  }, ... ]\\n}\\nIf the file's error state is unclean_name, the error object will alsocontain a property cleanFile that contains the name of the file after it has been \\\"cleaned\\\" to meet our file naming requirements; for other file error states, this property is not present.\\nOn error with the project as a whole (e.g. over quota):\\n{\\n  code: \\\"invalidProject\\\",\\n  message: short string message for debugging\\n  errors: [ array of zero or more string messages for the user ]\\n}\\nOn unexpected error (bug):\\n{\\n  code: \\\"error\\\",\\n  message: \\\"Unexpected Error\\\"\\n}\\n\\\\end{lstlisting}\\n\\n\\\\section{Test Data}\\n\\nYou can use this project as one of your servermock projects. I've added an attachment and a file in a subfolder to make it a bit more interesting.\\n\\n\\\\input{foo/bar/servermock}\\n\\n\\\\includegraphics[width=\\\\linewidth]{min_mean_wait_evm_7_eps_150dpi}\\n\\n\\\\end{document}",
+                                        "main.tex"),
+                                    new SnapshotFile(
+                                        "This text is from another file.",
+                                        "foo/bar/servermock.tex")),
+                                Arrays.asList(
+                                    new SnapshotAttachment(
+                                        "https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png",
+                                        "min_mean_wait_evm_7_eps_150dpi.png")))));
+                    put(
+                        185,
+                        new GetForVersionResult(
+                            new SnapshotData(
+                                Arrays.asList(
+                                    new SnapshotFile(
+                                        "\\\\documentclass[a4paper]{article}\\n\\n\\\\usepackage[english]{babel}\\n\\\\usepackage[utf8]{inputenc}\\n\\\\usepackage{graphicx}\\n\\\\usepackage{fullpage}\\n\\\\usepackage{listings}\\n\\\\usepackage{courier}\\n\\\\usepackage{url}\\n\\n\\\\lstset{basicstyle=\\\\ttfamily,breaklines=true}\\n\\n\\\\begin{document}\\n\\\\title{API for the writeLaTeX-Git Bridge}\\n\\\\author{JLM}\\n\\\\date{\\\\today}\\n\\\\maketitle\\n\\n\\\\section{Fetching a Project from WriteLaTeX}\\n\\nThere are three API calls that will likely be of interest. You can run them against this server, \\\\url{radiant-wind-3058.herokuapp.com}, but they're not on the production server yet.\\n\\n\\\\subsection{Get Doc}\\n\\nA ``doc'' is our internal term for a ``project''. At present, this just returns the latest version number.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb\\n# => { latestVerId: 39 }\\nTODO will also include updatedAt time and user (if it was not anonymous)\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Saved Vers}\\n\\nA ``saved ver'' is a version of a doc, saved by via the versions menu. Note that this query is not currently paginated.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/saved_vers\\n# => [\\n  {\\\"versionId\\\":39,\\n   \\\"comment\\\":\\\"with more files\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T18:02:19Z\\\"},\\n  {\\\"versionId\\\":24,\\n   \\\"comment\\\":\\\"first draft\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T17:56:58Z\\\"}]\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Snapshot for Version}\\n\\nA snapshot contains the content of a project in the given version. You can safely request a snapshot of any version that is, or was at any point in the last 24 hours, (1) a saved version, or (2) the current version. (Older versions may or may not have been moved to cold storage.)\\n\\nThe srcs array contains (content, file name) pairs; the atts array contains (URL, file name) pairs.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/snapshots/39\\n# => {\\n  \\\"srcs\\\":[\\n    [\\\"This text is from another file.\\\",\\\"foo/bar/servermock.tex\\\"],\\n    [\\\"\\\\\\\\documentclass[a4paper]{article}\\\\n...\\\",\\\"main.tex\\\"]],\\n  \\\"atts\\\":[\\n    [\\\"https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png\\\",\\\"min_mean_wait_evm_7_eps_150dpi.png\\\"]]}\\n\\\\end{lstlisting}\\n\\n\\\\section{Pushing a Project to WriteLaTeX}\\n\\n\\\\subsection{Push a Project}\\n\\n\\\\begin{lstlisting}\\n# NB: JLM originally said PUT, but he now thinks POST is better\\n# NB: you must set a Content-Type: application/json header for this request\\n# in order to specify the data as JSON in the request body\\nPOST https://.../api/v0/docs/1826rqgsdb/snapshots\\nData:\\n{\\n  latestVerId: integer,\\n  files: [\\n    {\\n      name: string path (forward slashes, relative to root)\\n      url: string (but only if the file is modified; else no url given)\\n    }, ...\\n  ]\\n  postbackUrl: url to post result back to\\n}\\nResponse on success:\\n{\\n  status: 202,\\n  code: \\\"accepted\\\",\\n  message: \\\"Accepted\\\"\\n}\\nResponse on out of date:\\n{\\n  status: 409, # Conflict\\n  code: \\\"outOfDate\\\",\\n  message: \\\"Out of Date\\\"\\n}\\n\\nPostback Data (METHOD POST):\\nOn success:\\n{\\n  code: \\\"upToDate\\\",\\n  latestVerId: integer\\n}\\nOn out of date:\\n{\\n  code: \\\"outOfDate\\\",\\n  message: \\\"Out of Date\\\"\\n}\\nOn error with the files list (e.g. file extension not allowed):\\n{\\n  code: \\\"invalidFiles\\\",\\n  errors: TODO\\n}\\nOn error with the project as a whole (e.g. over quota):\\n{\\n  code: \\\"invalidProject\\\",\\n  errors: TODO\\n}\\nOn unexpected error (bug):\\n{\\n  code: \\\"error\\\",\\n  message: \\\"Unexpected Error\\\"\\n}\\n\\\\end{lstlisting}\\n\\n\\\\section{Test Data}\\n\\nYou can use this project as one of your servermock projects. I've added an attachment and a file in a subfolder to make it a bit more interesting.\\n\\n\\\\input{foo/bar/servermock}\\n\\n\\\\includegraphics[width=\\\\linewidth]{min_mean_wait_evm_7_eps_150dpi}\\n\\n\\\\end{document}",
+                                        "main.tex"),
+                                    new SnapshotFile(
+                                        "This text is from another file.",
+                                        "foo/bar/servermock.tex")),
+                                Arrays.asList(
+                                    new SnapshotAttachment(
+                                        "https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png",
+                                        "min_mean_wait_evm_7_eps_150dpi.png")))));
+                    put(
+                        175,
+                        new GetForVersionResult(
+                            new SnapshotData(
+                                Arrays.asList(
+                                    new SnapshotFile(
+                                        "\\\\documentclass[a4paper]{article}\\n\\n\\\\usepackage[english]{babel}\\n\\\\usepackage[utf8]{inputenc}\\n\\\\usepackage{graphicx}\\n\\\\usepackage{fullpage}\\n\\\\usepackage{listings}\\n\\\\usepackage{courier}\\n\\\\usepackage{url}\\n\\n\\\\lstset{basicstyle=\\\\ttfamily,breaklines=true}\\n\\n\\\\begin{document}\\n\\\\title{API for the writeLaTeX-Git Bridge}\\n\\\\author{JLM}\\n\\\\date{\\\\today}\\n\\\\maketitle\\n\\n\\\\section{Fetching a Project from WriteLaTeX}\\n\\nThere are three API calls that will likely be of interest. You can run them against this server, \\\\url{radiant-wind-3058.herokuapp.com}, but they're not on the production server yet.\\n\\n\\\\subsection{Get Doc}\\n\\nA ``doc'' is our internal term for a ``project''. At present, this just returns the latest version number.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb\\n# => { latestVerId: 39 }\\nTODO will also include updatedAt time and user (if it was not anonymous)\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Saved Vers}\\n\\nA ``saved ver'' is a version of a doc, saved by via the versions menu. Note that this query is not currently paginated.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/saved_vers\\n# => [\\n  {\\\"versionId\\\":39,\\n   \\\"comment\\\":\\\"with more files\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T18:02:19Z\\\"},\\n  {\\\"versionId\\\":24,\\n   \\\"comment\\\":\\\"first draft\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T17:56:58Z\\\"}]\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Snapshot for Version}\\n\\nA snapshot contains the content of a project in the given version. You can safely request a snapshot of any version that is, or was at any point in the last 24 hours, (1) a saved version, or (2) the current version. (Older versions may or may not have been moved to cold storage.)\\n\\nThe srcs array contains (content, file name) pairs; the atts array contains (URL, file name) pairs.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/snapshots/39\\n# => {\\n  \\\"srcs\\\":[\\n    [\\\"This text is from another file.\\\",\\\"foo/bar/servermock.tex\\\"],\\n    [\\\"\\\\\\\\documentclass[a4paper]{article}\\\\n...\\\",\\\"main.tex\\\"]],\\n  \\\"atts\\\":[\\n    [\\\"https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png\\\",\\\"min_mean_wait_evm_7_eps_150dpi.png\\\"]]}\\n\\\\end{lstlisting}\\n\\n\\\\section{Pushing a Project to WriteLaTeX}\\n\\n\\\\subsection{Push a Project}\\n\\n\\\\begin{lstlisting}\\n# NB: JLM originally said PUT, but he now thinks POST is better\\n# NB: you must set a Content-Type: application/json header for this request\\n# in order to specify the data as JSON in the request body\\nPOST https://.../api/v0/docs/1826rqgsdb/snapshots\\nData:\\n{\\n  latestVerId: integer,\\n  files: [\\n    {\\n      name: string path (forward slashes, relative to root)\\n      url: string (but only if the file is modified; else no url given)\\n    }, ...\\n  ]\\n  postbackUrl: url to post result back to\\n}\\nResponse on success:\\n{\\n  status: 202,\\n  code: \\\"accepted\\\",\\n  message: \\\"Accepted\\\"\\n}\\nResponse on out of date:\\n{\\n  status: 409, # Conflict\\n  code: \\\"outOfDate\\\",\\n  message: \\\"Out of Date\\\"\\n}\\n\\nPostback Data (METHOD POST):\\nOn success:\\n{\\n  code: \\\"upToDate\\\",\\n  latestVerId: integer\\n}\\nOn out of date:\\n{\\n  code: \\\"outOfDate\\\",\\n  message: \\\"Out of Date\\\"\\n}\\nOn error:\\n{\\n  code: \\\"invalidFile\\\",\\n  TODO\\n}\\n\\\\end{lstlisting}\\n\\n\\\\section{Test Data}\\n\\nYou can use this project as one of your servermock projects. I've added an attachment and a file in a subfolder to make it a bit more interesting.\\n\\n\\\\input{foo/bar/servermock}\\n\\n\\\\includegraphics[width=\\\\linewidth]{min_mean_wait_evm_7_eps_150dpi}\\n\\n\\\\end{document}",
+                                        "main.tex"),
+                                    new SnapshotFile(
+                                        "This text is from another file.",
+                                        "foo/bar/servermock.tex")),
+                                Arrays.asList(
+                                    new SnapshotAttachment(
+                                        "https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png",
+                                        "min_mean_wait_evm_7_eps_150dpi.png")))));
+                    put(
+                        146,
+                        new GetForVersionResult(
+                            new SnapshotData(
+                                Arrays.asList(
+                                    new SnapshotFile(
+                                        "\\\\documentclass[a4paper]{article}\\n\\n\\\\usepackage[english]{babel}\\n\\\\usepackage[utf8]{inputenc}\\n\\\\usepackage{graphicx}\\n\\\\usepackage{fullpage}\\n\\\\usepackage{listings}\\n\\\\usepackage{courier}\\n\\\\usepackage{url}\\n\\n\\\\lstset{basicstyle=\\\\ttfamily,breaklines=true}\\n\\n\\\\begin{document}\\n\\\\title{API for the writeLaTeX-Git Bridge}\\n\\\\author{JLM}\\n\\\\date{\\\\today}\\n\\\\maketitle\\n\\n\\\\section{Fetching a Project from WriteLaTeX}\\n\\nThere are three API calls that will likely be of interest. You can run them against this server, \\\\url{radiant-wind-3058.herokuapp.com}, but they're not on the production server yet.\\n\\n\\\\subsection{Get Doc}\\n\\nA ``doc'' is our internal term for a ``project''. At present, this just returns the latest version number.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb\\n# => { latestVerId: 39 }\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Saved Vers}\\n\\nA ``saved ver'' is a version of a doc, saved by via the versions menu. Note that this query is not currently paginated.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/saved_vers\\n# => [\\n  {\\\"versionId\\\":39,\\n   \\\"comment\\\":\\\"with more files\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T18:02:19Z\\\"},\\n  {\\\"versionId\\\":24,\\n   \\\"comment\\\":\\\"first draft\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T17:56:58Z\\\"}]\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Snapshot for Version}\\n\\nA snapshot contains the content of a project in the given version. You can safely request a snapshot of any version that is, or was at any point in the last 24 hours, (1) a saved version, or (2) the current version. (Older versions may or may not have been moved to cold storage.)\\n\\nThe srcs array contains (content, file name) pairs; the atts array contains (URL, file name) pairs.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/snapshots/39\\n# => {\\n  \\\"srcs\\\":[\\n    [\\\"This text is from another file.\\\",\\\"foo/bar/servermock.tex\\\"],\\n    [\\\"\\\\\\\\documentclass[a4paper]{article}\\\\n...\\\",\\\"main.tex\\\"]],\\n  \\\"atts\\\":[\\n    [\\\"https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png\\\",\\\"min_mean_wait_evm_7_eps_150dpi.png\\\"]]}\\n\\\\end{lstlisting}\\n\\n\\\\section{Pushing a Project to WriteLaTeX}\\n\\n\\\\subsection{Push a Project}\\n\\n\\\\begin{lstlisting}\\nPUT https://.../api/v0/docs/1826rqgsdb/snapshots\\nData:\\n{\\n  latestVerId: integer,\\n  files: [\\n    {\\n      name: string path (forward slashes, relative to root)\\n      url: string (but only if the file is modified; else no url given)\\n    }, ...\\n  ]\\n  postbackUrl: url to post result back to\\n}\\nResponse on success:\\n{\\n  status: 20x,\\n}\\nResponse on out of date:\\n{\\n  status: 40x,\\n  code: \\\"outOfDate\\\",\\n  message: \\\"Out of Date\\\"\\n}\\n\\nPostback Data (METHOD POST):\\nOn success:\\n{\\n  code: \\\"upToDate\\\",\\n  latestVerId: integer\\n}\\nOn out of date:\\n{\\n  code: \\\"outOfDate\\\",\\n  message: \\\"Out of Date\\\"\\n}\\nOn error:\\n{\\n  code: \\\"invalidFile\\\",\\n  TODO\\n}\\n\\\\end{lstlisting}\\n\\n\\\\section{Test Data}\\n\\nYou can use this project as one of your servermock projects. I've added an attachment and a file in a subfolder to make it a bit more interesting.\\n\\n\\\\input{foo/bar/servermock}\\n\\n\\\\includegraphics[width=\\\\linewidth]{min_mean_wait_evm_7_eps_150dpi}\\n\\n\\\\end{document}",
+                                        "main.tex"),
+                                    new SnapshotFile(
+                                        "This text is from another file.",
+                                        "foo/bar/servermock.tex")),
+                                Arrays.asList(
+                                    new SnapshotAttachment(
+                                        "https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png",
+                                        "min_mean_wait_evm_7_eps_150dpi.png")))));
+                    put(
+                        74,
+                        new GetForVersionResult(
+                            new SnapshotData(
+                                Arrays.asList(
+                                    new SnapshotFile(
+                                        "\\\\documentclass[a4paper]{article}\\n\\n\\\\usepackage[english]{babel}\\n\\\\usepackage[utf8]{inputenc}\\n\\\\usepackage{graphicx}\\n\\\\usepackage{fullpage}\\n\\\\usepackage{listings}\\n\\\\usepackage{courier}\\n\\\\usepackage{url}\\n\\n\\\\lstset{basicstyle=\\\\ttfamily,breaklines=true}\\n\\n\\\\begin{document}\\n\\\\title{API for the writeLaTeX-Git Bridge}\\n\\\\author{JLM}\\n\\\\date{\\\\today}\\n\\\\maketitle\\n\\n\\\\section{Fetching a Project from WriteLaTeX}\\n\\nThere are three API calls that will likely be of interest. You can run them against this server, \\\\url{radiant-wind-3058.herokuapp.com}, but they're not on the production server yet.\\n\\n\\\\subsection{Get Doc}\\n\\nA ``doc'' is our internal term for a ``project''. At present, this just returns the latest version number.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb\\n# => { latestVerId: 39 }\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Saved Vers}\\n\\nA ``saved ver'' is a version of a doc, saved by via the versions menu. Note that this query is not currently paginated.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/saved_vers\\n# => [\\n  {\\\"versionId\\\":39,\\n   \\\"comment\\\":\\\"with more files\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T18:02:19Z\\\"},\\n  {\\\"versionId\\\":24,\\n   \\\"comment\\\":\\\"first draft\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T17:56:58Z\\\"}]\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Snapshot for Version}\\n\\nA snapshot contains the content of a project in the given version. You can safely request a snapshot of any version that is, or was at any point in the last 24 hours, (1) a saved version, or (2) the current version. (Older versions may or may not have been moved to cold storage.)\\n\\nThe srcs array contains (content, file name) pairs; the atts array contains (URL, file name) pairs.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/snapshots/39\\n# => {\\n  \\\"srcs\\\":[\\n    [\\\"This text is from another file.\\\",\\\"foo/bar/servermock.tex\\\"],\\n    [\\\"\\\\\\\\documentclass[a4paper]{article}\\\\n...\\\",\\\"main.tex\\\"]],\\n  \\\"atts\\\":[\\n    [\\\"https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png\\\",\\\"min_mean_wait_evm_7_eps_150dpi.png\\\"]]}\\n\\\\end{lstlisting}\\n\\n\\\\section{Pushing a Project to WriteLaTeX}\\n\\nTODO still working on this part\\n\\n\\\\section{Test Data}\\n\\nYou can use this project as a servermock project. I've added an attachment and a file in a subfolder to make it a bit more interesting.\\n\\n\\\\input{foo/bar/servermock}\\n\\n\\\\includegraphics[width=\\\\linewidth]{min_mean_wait_evm_7_eps_150dpi}\\n\\n\\\\end{document}",
+                                        "main.tex"),
+                                    new SnapshotFile(
+                                        "This text is from another file.",
+                                        "foo/bar/servermock.tex")),
+                                Arrays.asList(
+                                    new SnapshotAttachment(
+                                        "https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png",
+                                        "min_mean_wait_evm_7_eps_150dpi.png")))));
+                    put(
+                        39,
+                        new GetForVersionResult(
+                            new SnapshotData(
+                                Arrays.asList(
+                                    new SnapshotFile(
+                                        "\\\\documentclass[a4paper]{article}\\n\\n\\\\usepackage[english]{babel}\\n\\\\usepackage[utf8]{inputenc}\\n\\\\usepackage{graphicx}\\n\\\\usepackage{fullpage}\\n\\\\usepackage{listings}\\n\\\\usepackage{courier}\\n\\\\usepackage{url}\\n\\n\\\\lstset{basicstyle=\\\\ttfamily,breaklines=true}\\n\\n\\\\begin{document}\\n\\\\title{API for the writeLaTeX-Git Bridge}\\n\\\\author{JLM}\\n\\\\date{\\\\today}\\n\\\\maketitle\\n\\n\\\\section{Fetching a Project from WriteLaTeX}\\n\\nThere are three API calls that will likely be of interest. You can run them against this server, \\\\url{radiant-wind-3058.herokuapp.com}, but they're not on the production server yet.\\n\\n\\\\subsection{Get Doc}\\n\\nA ``doc'' is our internal term for a ``project''. At present, this just returns the latest version number.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Saved Vers}\\n\\nA ``saved ver'' is a version of a doc, saved by via the versions menu. To list saved versions for a doc:\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/saved_vers\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Snapshot for Version}\\n\\nA snapshot contains the content of a project in the given version. You can safely request a snapshot of any version that is, or was at any point in the last 24 hours, (1) a saved version, or (2) the current version. (Older versions may or may not have been moved to cold storage.)\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/snapshots/1\\n\\\\end{lstlisting}\\n\\n\\\\section{Pushing a Project to WriteLaTeX}\\n\\nTODO still working on this part\\n\\n\\\\section{Test Data}\\n\\nYou can use this project as a servermock project. I've added an attachment and a file in a subfolder to make it a bit more interesting.\\n\\n\\\\input{foo/bar/servermock}\\n\\n\\\\includegraphics[width=\\\\linewidth]{min_mean_wait_evm_7_eps_150dpi}\\n\\n\\\\end{document}",
+                                        "main.tex"),
+                                    new SnapshotFile(
+                                        "This text is from another file.",
+                                        "foo/bar/servermock.tex")),
+                                Arrays.asList(
+                                    new SnapshotAttachment(
+                                        "https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png",
+                                        "min_mean_wait_evm_7_eps_150dpi.png")))));
+                    put(
+                        24,
+                        new GetForVersionResult(
+                            new SnapshotData(
+                                Arrays.asList(
+                                    new SnapshotFile(
+                                        "\\\\documentclass[a4paper]{article}\\n\\n\\\\usepackage[english]{babel}\\n\\\\usepackage[utf8]{inputenc}\\n\\\\usepackage{graphicx}\\n\\\\usepackage{fullpage}\\n\\\\usepackage{listings}\\n\\\\usepackage{courier}\\n\\\\usepackage{url}\\n\\n\\\\lstset{basicstyle=\\\\ttfamily,breaklines=true}\\n\\n\\\\begin{document}\\n\\\\title{API for the writeLaTeX-Git Bridge}\\n\\\\author{JLM}\\n\\\\date{\\\\today}\\n\\\\maketitle\\n\\n\\\\section{Fetching a Project from WriteLaTeX}\\n\\nThere are three API calls that will likely be of interest. You can run them against this server (radiant-wind-3058.herokuapp.com).\\n\\n\\\\subsection{Get Doc}\\n\\nA ``doc'' is our internal term for a ``project''. At present, this just returns the latest version number.\\n\\n\\\\begin{lstlisting}\\nGET https://radiant-wind.....com/api/v0/docs/1826rqgsdb\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Saved Vers}\\n\\nA ``saved ver'' is a version of a doc, saved by via the versions menu. To list saved versions for a doc:\\n\\n\\\\begin{lstlisting}\\nGET https://radiant-wind.....com/api/v0/docs/1826rqgsdb/saved_vers\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Snapshot for Version}\\n\\nA snapshot contains the content of a project in the given version. You can safely request a snapshot of any version that is, or was at any point in the last 24 hours, (1) a saved version, or (2) the current version. (Older versions may or may not have been moved to cold storage.)\\n\\n\\\\begin{lstlisting}\\nGET https://radiant-wind.....com/api/v0/docs/1826rqgsdb/snapshots/1\\n\\\\end{lstlisting}\\n\\n\\\\section{Pushing a Project to WriteLaTeX}\\n\\nTODO still working on this part\\n\\n\\\\section{Test Data}\\n\\nYou can use this project as a servermock project. Here is an extra file to make it a bit more interesting.\\n\\n\\\\includegraphics[width=\\\\linewidth]{min_mean_wait_evm_7_eps_150dpi}\\n\\n\\\\end{document}",
+                                        "main.tex")),
+                                Arrays.asList(
+                                    new SnapshotAttachment(
+                                        "https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png",
+                                        "min_mean_wait_evm_7_eps_150dpi.png")))));
+                  }
+                });
+          }
+        };
+
+    push =
+        new HashMap<String, SnapshotPushResult>() {
+          {
+            put("1826rqgsdb", new SnapshotPushResultSuccess());
+          }
+        };
+
+    postback =
+        new HashMap<String, SnapshotPostbackRequest>() {
+          {
+            //            put(
+            //                    "1826rqgsdb",
+            //                    new SnapshotPostbackRequestInvalidFiles(
+            //                            Arrays.<InvalidFileError>asList(
+            //                                    new InvalidFileErrorDefault(
+            //                                            "file1.invalid"
+            //                                    ),
+            //                                    new InvalidFileErrorDisallowed(
+            //                                            "file2.exe"
+            //                                    ),
+            //                                    new InvalidFileErrorUnclean(
+            //                                            "hello world.png",
+            //                                            "hello_world.png"
+            //                                    )
+            //                            )
+            //                    )
+            //            );
+            //            put("1826rqgsdb", new SnapshotPostbackRequestOutOfDate());
+            put(
+                "1826rqgsdb",
+                new SnapshotPostbackRequestInvalidProject(
+                    Arrays.asList(
+                        "Your project is missing main.tex.",
+                        "Please name your main latex file main.tex.")));
+            //            put("1826rqgsdb", new SnapshotPostbackRequestError());
+          }
+        };
+  }
+
+  public GetDocResult getStateForGetDoc(String projectName) {
+    return getDoc.get(projectName);
+  }
+
+  public GetSavedVersResult getStateForGetSavedVers(String projectName) {
+    return getSavedVers.get(projectName);
+  }
+
+  public GetForVersionResult getStateForGetForVers(String projectName, int versionID) {
+    return getForVers.get(projectName).get(versionID);
+  }
+
+  public SnapshotPushResult getStateForPush(String projectName) {
+    return push.get(projectName);
+  }
+
+  public SnapshotPostbackRequest getStateForPostback(String projectName) {
+    return postback.get(projectName);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/state/SnapshotAPIStateBuilder.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/state/SnapshotAPIStateBuilder.java
new file mode 100644
index 0000000..d5dcd1b
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/state/SnapshotAPIStateBuilder.java
@@ -0,0 +1,160 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.state;
+
+import com.google.gson.Gson;
+import com.google.gson.JsonArray;
+import com.google.gson.JsonElement;
+import com.google.gson.JsonObject;
+import java.io.InputStream;
+import java.io.InputStreamReader;
+import java.util.*;
+import uk.ac.ic.wlgitbridge.snapshot.getdoc.GetDocResult;
+import uk.ac.ic.wlgitbridge.snapshot.getforversion.GetForVersionResult;
+import uk.ac.ic.wlgitbridge.snapshot.getforversion.SnapshotAttachment;
+import uk.ac.ic.wlgitbridge.snapshot.getforversion.SnapshotData;
+import uk.ac.ic.wlgitbridge.snapshot.getforversion.SnapshotFile;
+import uk.ac.ic.wlgitbridge.snapshot.getsavedvers.GetSavedVersResult;
+import uk.ac.ic.wlgitbridge.snapshot.getsavedvers.SnapshotInfo;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.data.SnapshotPushResult;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.data.SnapshotPushResultOutOfDate;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.data.SnapshotPushResultSuccess;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.response.push.postback.*;
+
+/*
+ * Created by Winston on 11/01/15.
+ */
+public class SnapshotAPIStateBuilder {
+
+  private final JsonArray projects;
+
+  private Map<String, GetDocResult> getDoc = new HashMap<>();
+  private Map<String, GetSavedVersResult> getSavedVers = new HashMap<>();
+  private Map<String, Map<Integer, GetForVersionResult>> getForVers = new HashMap<>();
+  private Map<String, SnapshotPushResult> push = new HashMap<>();
+  private Map<String, SnapshotPostbackRequest> postback = new HashMap<>();
+
+  public SnapshotAPIStateBuilder(InputStream stream) {
+    projects = new Gson().fromJson(new InputStreamReader(stream), JsonArray.class);
+  }
+
+  public SnapshotAPIState build() {
+    for (JsonElement project : projects) {
+      addProject(project.getAsJsonObject());
+    }
+    return new SnapshotAPIState(getDoc, getSavedVers, getForVers, push, postback);
+  }
+
+  private void addProject(JsonObject project) {
+    String projectName = project.get("project").getAsString();
+    addGetDocForProject(projectName, project.get("getDoc").getAsJsonObject());
+    addGetSavedVersForProject(projectName, project.get("getSavedVers").getAsJsonArray());
+    addGetForVersForProject(projectName, project.get("getForVers").getAsJsonArray());
+    addPushForProject(projectName, project.get("push").getAsString());
+    addPostbackForProject(projectName, project.get("postback").getAsJsonObject());
+  }
+
+  private void addGetDocForProject(String projectName, JsonObject jsonGetDoc) {
+    int versionID = jsonGetDoc.get("versionID").getAsInt();
+    String createdAt = null;
+    String email = null;
+    String name = null;
+    if (jsonGetDoc.has("createdAt")) {
+      createdAt = jsonGetDoc.get("createdAt").getAsString();
+    }
+    if (jsonGetDoc.has("email")) {
+      email = jsonGetDoc.get("email").getAsString();
+    }
+    if (jsonGetDoc.has("name")) {
+      name = jsonGetDoc.get("name").getAsString();
+    }
+    getDoc.put(
+        projectName, new GetDocResult(jsonGetDoc.get("error"), versionID, createdAt, email, name));
+  }
+
+  private void addGetSavedVersForProject(String projectName, JsonArray jsonGetSavedVers) {
+    List<SnapshotInfo> savedVers = new ArrayList<>();
+    for (JsonElement ver : jsonGetSavedVers) {
+      savedVers.add(getSnapshotInfo(ver.getAsJsonObject()));
+    }
+    getSavedVers.put(projectName, new GetSavedVersResult(savedVers));
+  }
+
+  private SnapshotInfo getSnapshotInfo(JsonObject jsonSnapshotInfo) {
+    return new SnapshotInfo(
+        jsonSnapshotInfo.get("versionID").getAsInt(),
+        jsonSnapshotInfo.get("comment").getAsString(),
+        jsonSnapshotInfo.get("email").getAsString(),
+        jsonSnapshotInfo.get("name").getAsString(),
+        jsonSnapshotInfo.get("createdAt").getAsString());
+  }
+
+  private void addGetForVersForProject(String projectName, JsonArray jsonGetForVers) {
+    Map<Integer, GetForVersionResult> forVers = new HashMap<>();
+    for (JsonElement forVer : jsonGetForVers) {
+      JsonObject forVerObj = forVer.getAsJsonObject();
+      forVers.put(
+          forVerObj.get("versionID").getAsInt(),
+          new GetForVersionResult(
+              new SnapshotData(
+                  getSrcs(forVerObj.get("srcs").getAsJsonArray()),
+                  getAtts(forVerObj.get("atts").getAsJsonArray()))));
+    }
+    getForVers.put(projectName, forVers);
+  }
+
+  private List<SnapshotFile> getSrcs(JsonArray jsonSrcs) {
+    List<SnapshotFile> srcs = new ArrayList<>();
+    for (JsonElement src : jsonSrcs) {
+      srcs.add(getSrc(src.getAsJsonObject()));
+    }
+    return srcs;
+  }
+
+  private SnapshotFile getSrc(JsonObject jsonSrc) {
+    return new SnapshotFile(
+        jsonSrc.get("content").getAsString(), jsonSrc.get("path").getAsString());
+  }
+
+  private List<SnapshotAttachment> getAtts(JsonArray jsonAtts) {
+    List<SnapshotAttachment> atts = new LinkedList<>();
+    for (JsonElement att : jsonAtts) {
+      atts.add(getAtt(att.getAsJsonObject()));
+    }
+    return atts;
+  }
+
+  private SnapshotAttachment getAtt(JsonObject jsonAtt) {
+    return new SnapshotAttachment(
+        jsonAtt.get("url").getAsString(), jsonAtt.get("path").getAsString());
+  }
+
+  private void addPushForProject(String projectName, String jsonPush) {
+    SnapshotPushResult p;
+    if (jsonPush.equals("success")) {
+      p = new SnapshotPushResultSuccess();
+    } else if (jsonPush.equals("outOfDate")) {
+      p = new SnapshotPushResultOutOfDate();
+    } else {
+      throw new IllegalArgumentException("invalid push");
+    }
+    push.put(projectName, p);
+  }
+
+  private void addPostbackForProject(String projectName, JsonObject jsonPostback) {
+    SnapshotPostbackRequest p;
+    String type = jsonPostback.get("type").getAsString();
+    if (type.equals("success")) {
+      p = new SnapshotPostbackRequestSuccess(jsonPostback.get("versionID").getAsInt());
+    } else if (type.equals("outOfDate")) {
+      p = new SnapshotPostbackRequestOutOfDate();
+    } else if (type.equals("invalidFiles")) {
+      p = new SnapshotPostbackRequestInvalidFiles(jsonPostback.get("errors").getAsJsonArray());
+    } else if (type.equals("invalidProject")) {
+      p = new SnapshotPostbackRequestInvalidProject(jsonPostback.get("errors").getAsJsonArray());
+    } else if (type.equals("error")) {
+      p = new SnapshotPostbackRequestError();
+    } else {
+      throw new IllegalArgumentException("invalid postback type");
+    }
+    postback.put(projectName, p);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtil.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtil.java
new file mode 100644
index 0000000..380c005
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtil.java
@@ -0,0 +1,142 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.util;
+
+import com.google.common.collect.ImmutableSet;
+import java.io.File;
+import java.io.IOException;
+import java.nio.file.Files;
+import java.nio.file.Path;
+import java.util.*;
+import java.util.stream.Collectors;
+import java.util.stream.Stream;
+import org.eclipse.jgit.api.Git;
+import org.eclipse.jgit.api.errors.GitAPIException;
+import org.eclipse.jgit.api.errors.NoHeadException;
+import org.eclipse.jgit.revwalk.RevCommit;
+import org.eclipse.jgit.storage.file.FileRepositoryBuilder;
+
+/*
+ * Created by Winston on 11/01/15.
+ */
+public class FileUtil {
+
+  public static boolean currentCommitsAreEqual(Path dir1, Path dir2) {
+    try {
+      RevCommit commit1 =
+          new Git(new FileRepositoryBuilder().setWorkTree(dir1.toFile().getAbsoluteFile()).build())
+              .log()
+              .call()
+              .iterator()
+              .next();
+      RevCommit commit2 =
+          new Git(new FileRepositoryBuilder().setWorkTree(dir2.toFile().getAbsoluteFile()).build())
+              .log()
+              .call()
+              .iterator()
+              .next();
+      return commit1.equals(commit2);
+    } catch (IOException e) {
+      throw new RuntimeException(e);
+    } catch (NoHeadException e) {
+      return false;
+    } catch (GitAPIException e) {
+      throw new RuntimeException(e);
+    }
+  }
+
+  public static boolean gitDirectoriesAreEqual(Path dir1, Path dir2) {
+    Set<String> dir1Contents = getAllRecursivelyInDirectoryApartFrom(dir1, dir1.resolve(".git"));
+    Set<String> dir2Contents = getAllRecursivelyInDirectoryApartFrom(dir2, dir2.resolve(".git"));
+    return filesAreEqual(dir1, dir2, dir1Contents, dir2Contents);
+  }
+
+  public static boolean directoryDeepEquals(File dir, File dir_) {
+    return directoryDeepEquals(dir.toPath(), dir_.toPath());
+  }
+
+  public static boolean directoryDeepEquals(Path path, Path path_) {
+    List<Set<String>> contents =
+        Stream.of(path, path_)
+            .map(p -> getAllFilesRecursively(p, p, Collections.emptySet(), true))
+            .collect(Collectors.toList());
+    return filesAreEqual(path, path_, contents.get(0), contents.get(1));
+  }
+
+  private static boolean filesAreEqual(
+      Path dir1, Path dir2, Set<String> dir1Contents, Set<String> dir2Contents) {
+    boolean filesEqual = dir1Contents.equals(dir2Contents);
+    if (!filesEqual) {
+      System.out.println("Not equal: (" + dir1Contents + ", " + dir2Contents + ")");
+      System.out.println(dir1 + ": " + dir1Contents);
+      System.out.println(dir2 + ": " + dir2Contents);
+    }
+    return filesEqual && directoryContentsEqual(dir1Contents, dir1, dir2);
+  }
+
+  static boolean directoryContentsEqual(Set<String> dirContents, Path dir1, Path dir2) {
+    for (String file : dirContents) {
+      Path path1 = dir1.resolve(file);
+      Path path2 = dir2.resolve(file);
+      if (!path1.toFile().isDirectory()
+          && !path2.toFile().isDirectory()
+          && !fileContentsEqual(path1, path2)) {
+        return false;
+      }
+    }
+    return true;
+  }
+
+  private static boolean fileContentsEqual(Path first, Path second) {
+    try {
+      byte[] firstContents = Files.readAllBytes(first);
+      byte[] secondContents = Files.readAllBytes(second);
+      boolean equals = Arrays.equals(firstContents, secondContents);
+      if (!equals) {
+        System.out.println("Not equal: (" + first + ", " + second + ")");
+        System.out.println(first + ": " + new String(firstContents));
+        System.out.println(second + ": " + new String(secondContents));
+      }
+      return equals;
+    } catch (IOException e) {
+      throw new RuntimeException(e);
+    }
+  }
+
+  public static Set<String> getAllRecursivelyInDirectoryApartFrom(Path dir, Path excluded) {
+    return getAllRecursivelyInDirectoryApartFrom(dir, excluded, true);
+  }
+
+  public static Set<String> getOnlyFilesRecursivelyInDirectoryApartFrom(Path dir, Path excluded) {
+    return getAllRecursivelyInDirectoryApartFrom(dir, excluded, false);
+  }
+
+  private static Set<String> getAllRecursivelyInDirectoryApartFrom(
+      Path dir, Path excluded, boolean directories) {
+    if (!dir.toFile().isDirectory()) {
+      throw new IllegalArgumentException("need a directory");
+    }
+    return getAllFilesRecursively(dir, dir, ImmutableSet.of(excluded.toFile()), directories);
+  }
+
+  private static final Set<String> ExcludedNames = ImmutableSet.of(".DS_Store");
+
+  static Set<String> getAllFilesRecursively(
+      Path baseDir, Path dir, Set<File> excluded, boolean directories) {
+    Set<String> files = new HashSet<String>();
+    for (File file : dir.toFile().listFiles()) {
+      if (excluded.contains(file)) {
+        continue;
+      }
+      if (ExcludedNames.contains(file.getName())) {
+        continue;
+      }
+      boolean isDirectory = file.isDirectory();
+      if (directories || !isDirectory) {
+        files.add(baseDir.relativize(file.toPath()).toString());
+      }
+      if (isDirectory) {
+        files.addAll(getAllFilesRecursively(baseDir, file.toPath(), excluded, directories));
+      }
+    }
+    return files;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/BiConsumerT.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/BiConsumerT.java
new file mode 100644
index 0000000..f1384ea
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/BiConsumerT.java
@@ -0,0 +1,10 @@
+package uk.ac.ic.wlgitbridge.util;
+
+/*
+ * BiConsumer interface that allows checked exceptions.
+ */
+@FunctionalInterface
+public interface BiConsumerT<T, U, E extends Throwable> {
+
+  void accept(T t, U u) throws E;
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/DeletingFileInputStream.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/DeletingFileInputStream.java
new file mode 100644
index 0000000..a19218a
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/DeletingFileInputStream.java
@@ -0,0 +1,60 @@
+package uk.ac.ic.wlgitbridge.util;
+
+import java.io.*;
+
+/*
+ * A {@link java.io.FileInputStream} which deletes the underlying
+ * {@link java.io.File} on close.
+ *
+ * @author Michael Walker (barrucadu) {@literal <mike@barrucadu.co.uk>}
+ */
+public class DeletingFileInputStream extends FileInputStream {
+  private File file;
+
+  /*
+   * Creates a {@link java.io.FileInputStream} by opening a
+   * connection to an actual file, the file named by the
+   * {@link java.io.File} object file in the file system.
+   *
+   * When the {@link close} method is called, the {@code File} will
+   * be deleted.
+   */
+  public DeletingFileInputStream(File file) throws FileNotFoundException {
+    super(file);
+    this.file = file;
+  }
+
+  /*
+   * Closes this input stream and deletes the underlying file.
+   */
+  @Override
+  public void close() throws IOException {
+    try {
+      super.close();
+    } finally {
+      if (file != null) {
+        file.delete();
+        file = null;
+      }
+    }
+  }
+
+  /*
+   * We shouldn't rely on this for correctness!
+   */
+  @Override
+  protected void finalize() throws Throwable {
+    try {
+      super.finalize();
+    } finally {
+      if (file != null) {
+        Log.warn("File open at finalization time: {}", file.getCanonicalPath());
+        try {
+          close();
+        } catch (IOException e) {
+          Log.error("Failed to delete file", e);
+        }
+      }
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/Files.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/Files.java
new file mode 100644
index 0000000..bd41161
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/Files.java
@@ -0,0 +1,98 @@
+package uk.ac.ic.wlgitbridge.util;
+
+import com.google.api.client.repackaged.com.google.common.base.Preconditions;
+import java.io.File;
+import java.io.IOException;
+import java.io.UncheckedIOException;
+import java.nio.file.Path;
+import java.nio.file.Paths;
+import java.util.Arrays;
+import java.util.Set;
+import java.util.stream.Collectors;
+import org.apache.commons.io.FileUtils;
+import org.apache.commons.io.filefilter.TrueFileFilter;
+
+/*
+ * Created by winston on 23/08/2016.
+ */
+public class Files {
+
+  private Files() {}
+
+  public static boolean contentsAreEqual(File f0, File f1) throws IOException {
+    try {
+      return uncheckedContentsAreEqual(f0, f1);
+    } catch (UncheckedIOException e) {
+      throw e.getCause();
+    }
+  }
+
+  public static void renameAll(File fileOrDir, String from, String to) {
+    if (fileOrDir.isDirectory()) {
+      File f = doRename(fileOrDir, from, to);
+      for (File c : f.listFiles()) {
+        renameAll(c, from, to);
+      }
+    } else if (fileOrDir.isFile()) {
+      doRename(fileOrDir, from, to);
+    } else {
+      throw new IllegalArgumentException("not a file or dir: " + fileOrDir);
+    }
+  }
+
+  private static File doRename(File fileOrDir, String from, String to) {
+    if (!fileOrDir.getName().equals(from)) {
+      return fileOrDir;
+    }
+    File renamed = new File(fileOrDir.getParent(), to);
+    Preconditions.checkState(fileOrDir.renameTo(renamed));
+    return renamed;
+  }
+
+  private static boolean uncheckedContentsAreEqual(File f0, File f1) throws IOException {
+    if (f0.equals(f1)) {
+      return true;
+    }
+    if (!f0.isDirectory() || !f1.isDirectory()) {
+      return !f0.isDirectory()
+          && !f1.isDirectory()
+          && Arrays.equals(FileUtils.readFileToByteArray(f0), FileUtils.readFileToByteArray(f1));
+    }
+    Path f0Base = Paths.get(f0.getAbsolutePath());
+    Path f1Base = Paths.get(f1.getAbsolutePath());
+    Set<Path> children0 = getChildren(f0, f0Base);
+    Set<Path> children1 = getChildren(f1, f1Base);
+    if (children0.size() != children1.size()) {
+      return false;
+    }
+    return children0.stream()
+        .allMatch(c0 -> children1.contains(c0) && childEquals(c0, f0Base, f1Base));
+  }
+
+  private static Set<Path> getChildren(File f0, Path f0Base) {
+    return FileUtils.listFilesAndDirs(f0, TrueFileFilter.TRUE, TrueFileFilter.TRUE).stream()
+        .map(File::getAbsolutePath)
+        .map(Paths::get)
+        .map(p -> f0Base.relativize(p))
+        .filter(p -> !p.toString().isEmpty())
+        .collect(Collectors.toSet());
+  }
+
+  private static boolean childEquals(Path child, Path f0Base, Path f1Base)
+      throws UncheckedIOException {
+    File c0 = f0Base.resolve(child).toFile();
+    File c1 = f1Base.resolve(child).toFile();
+    boolean c0IsDir = c0.isDirectory();
+    boolean c1IsDir = c1.isDirectory();
+    if (c0IsDir || c1IsDir) {
+      return c0IsDir && c1IsDir;
+    }
+    try {
+      return c0.isFile()
+          && c1.isFile()
+          && Arrays.equals(FileUtils.readFileToByteArray(c0), FileUtils.readFileToByteArray(c1));
+    } catch (IOException e) {
+      throw new UncheckedIOException(e);
+    }
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/FunctionT.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/FunctionT.java
new file mode 100644
index 0000000..43d58dd
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/FunctionT.java
@@ -0,0 +1,13 @@
+package uk.ac.ic.wlgitbridge.util;
+
+/*
+ * Function interface that allows checked exceptions.
+ * @param <T>
+ * @param <R>
+ * @param <E>
+ */
+@FunctionalInterface
+public interface FunctionT<T, R, E extends Throwable> {
+
+  R apply(T t) throws E;
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/Instance.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/Instance.java
new file mode 100644
index 0000000..1b55416
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/Instance.java
@@ -0,0 +1,26 @@
+package uk.ac.ic.wlgitbridge.util;
+
+import com.google.api.client.http.HttpRequestFactory;
+import com.google.api.client.http.HttpTransport;
+import com.google.api.client.http.javanet.NetHttpTransport;
+import com.google.api.client.json.JsonFactory;
+import com.google.api.client.json.gson.GsonFactory;
+import com.google.gson.Gson;
+import com.google.gson.GsonBuilder;
+
+/*
+ * Created by winston on 25/10/15.
+ */
+public class Instance {
+
+  public static final HttpTransport httpTransport = new NetHttpTransport();
+
+  public static final HttpRequestFactory httpRequestFactory = httpTransport.createRequestFactory();
+
+  public static final JsonFactory jsonFactory = new GsonFactory();
+
+  public static final Gson prettyGson =
+      new GsonBuilder().setPrettyPrinting().serializeNulls().disableHtmlEscaping().create();
+
+  public static final Gson gson = new Gson();
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/Log.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/Log.java
new file mode 100644
index 0000000..92b7d94
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/Log.java
@@ -0,0 +1,85 @@
+package uk.ac.ic.wlgitbridge.util;
+
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import uk.ac.ic.wlgitbridge.application.GitBridgeApp;
+
+/*
+ * Created by winston on 19/01/2016.
+ */
+public class Log {
+
+  private static Logger logger = LoggerFactory.getLogger(GitBridgeApp.class);
+
+  public static void trace(String msg) {
+    logger.trace(msg);
+  }
+
+  public static void trace(String msg, Throwable t) {
+    logger.trace(msg, t);
+  }
+
+  public static void debug(String msg) {
+    logger.debug(msg);
+  }
+
+  public static void debug(String msg, Throwable t) {
+    logger.debug(msg, t);
+  }
+
+  public static void debug(String format, Object... args) {
+    logger.debug(format, args);
+  }
+
+  public static void info(String msg) {
+    logger.info(msg);
+  }
+
+  public static void info(String format, Object arg) {
+    logger.info(format, arg);
+  }
+
+  public static void info(String format, Object arg1, Object arg2) {
+    logger.info(format, arg1, arg2);
+  }
+
+  public static void info(String format, Object... args) {
+    logger.info(format, args);
+  }
+
+  public static void info(String msg, Throwable t) {
+    logger.info(msg, t);
+  }
+
+  public static void warn(String msg) {
+    logger.warn(msg);
+  }
+
+  public static void warn(String msg, Object arg) {
+    logger.warn(msg, arg);
+  }
+
+  public static void warn(String msg, Object arg1, Object arg2) {
+    logger.warn(msg, arg1, arg2);
+  }
+
+  public static void warn(String msg, Object... args) {
+    logger.warn(msg, args);
+  }
+
+  public static void warn(String msg, Throwable t) {
+    logger.warn(msg, t);
+  }
+
+  public static void error(String msg) {
+    logger.error(msg);
+  }
+
+  public static void error(String msg, Object... args) {
+    logger.error(msg, args);
+  }
+
+  public static void error(String msg, Throwable t) {
+    logger.error(msg, t);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/Project.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/Project.java
new file mode 100644
index 0000000..a6e0fa4
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/Project.java
@@ -0,0 +1,18 @@
+package uk.ac.ic.wlgitbridge.util;
+
+import com.google.common.base.Preconditions;
+
+/*
+ * Created by winston on 23/08/2016.
+ */
+public class Project {
+
+  public static boolean isValidProjectName(String projectName) {
+    return projectName != null && !projectName.isEmpty() && !projectName.startsWith(".");
+  }
+
+  public static void checkValidProjectName(String projectName) {
+    Preconditions.checkArgument(
+        isValidProjectName(projectName), "[%s] invalid project name", projectName);
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/ResourceUtil.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/ResourceUtil.java
new file mode 100644
index 0000000..6899541
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/ResourceUtil.java
@@ -0,0 +1,27 @@
+package uk.ac.ic.wlgitbridge.util;
+
+import java.io.File;
+import java.io.IOException;
+import org.apache.commons.io.FileUtils;
+
+public class ResourceUtil {
+
+  /*
+   * Creates a copy of a resource folder. Mainly used for testing to prevent
+   * the original folder from being mangled.
+   *
+   * It will have the same name as the original.
+   * @param resource the resource name, e.g. "/uk/ac/ic/wlgitbridge/file.txt"
+   * @param folderProvider function used to create the folder.
+   *                       E.g. TemporaryFolder from junit
+   * @return
+   * @throws IOException
+   */
+  public static File copyOfFolderResource(
+      String resource, FunctionT<String, File, IOException> folderProvider) throws IOException {
+    File original = new File(ResourceUtil.class.getResource(resource).getFile());
+    File tmp = folderProvider.apply(original.getName());
+    FileUtils.copyDirectory(original, tmp);
+    return tmp;
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/Tar.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/Tar.java
new file mode 100644
index 0000000..512babf
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/Tar.java
@@ -0,0 +1,171 @@
+package uk.ac.ic.wlgitbridge.util;
+
+import com.google.api.client.repackaged.com.google.common.base.Preconditions;
+import java.io.*;
+import java.nio.file.Path;
+import java.nio.file.Paths;
+import org.apache.commons.compress.archivers.ArchiveEntry;
+import org.apache.commons.compress.archivers.tar.TarArchiveEntry;
+import org.apache.commons.compress.archivers.tar.TarArchiveInputStream;
+import org.apache.commons.compress.archivers.tar.TarArchiveOutputStream;
+import org.apache.commons.compress.compressors.bzip2.BZip2CompressorInputStream;
+import org.apache.commons.compress.compressors.bzip2.BZip2CompressorOutputStream;
+import org.apache.commons.compress.compressors.gzip.GzipCompressorInputStream;
+import org.apache.commons.compress.compressors.gzip.GzipCompressorOutputStream;
+import org.apache.commons.compress.utils.IOUtils;
+
+/*
+ * Tar utilities.
+ *
+ * The resource returned by zip and tar are treated as unowned.
+ *
+ * The resource given to unzip is treated as unowned.
+ *
+ * Caller is responsible for all resources.
+ */
+public class Tar {
+  public static class gzip {
+
+    public static InputStream zip(File fileOrDir) throws IOException {
+      return zip(fileOrDir, null);
+    }
+
+    public static InputStream zip(File fileOrDir, long[] sizePtr) throws IOException {
+      File tmp = File.createTempFile(fileOrDir.getName(), ".tar.gz");
+      tmp.deleteOnExit();
+      OutputStream target = new FileOutputStream(tmp);
+      /* Closes target */
+      try (OutputStream gz = new GzipCompressorOutputStream(target)) {
+        tarTo(fileOrDir, gz);
+      } catch (IOException e) {
+        tmp.delete();
+        throw e;
+      }
+      if (sizePtr != null) {
+        sizePtr[0] = tmp.length();
+      }
+      return new DeletingFileInputStream(tmp);
+    }
+
+    public static void unzip(InputStream targz, File parentDir) throws IOException {
+      /* GzipCompressorInputStream does not need closing
+      Closing it would close targz which we should not do */
+      InputStream tar = new GzipCompressorInputStream(targz);
+      untar(tar, parentDir);
+    }
+  }
+
+  public static class bz2 {
+
+    public static InputStream zip(File fileOrDir) throws IOException {
+      return zip(fileOrDir, null);
+    }
+
+    public static InputStream zip(File fileOrDir, long[] sizePtr) throws IOException {
+      File tmp = File.createTempFile(fileOrDir.getName(), ".tar.bz2");
+      tmp.deleteOnExit();
+      OutputStream target = new FileOutputStream(tmp);
+      /* Closes target */
+      try (OutputStream bzip2 = new BZip2CompressorOutputStream(target)) {
+        tarTo(fileOrDir, bzip2);
+      } catch (IOException e) {
+        tmp.delete();
+        throw e;
+      }
+      if (sizePtr != null) {
+        sizePtr[0] = tmp.length();
+      }
+      return new DeletingFileInputStream(tmp);
+    }
+
+    public static void unzip(InputStream tarbz2, File parentDir) throws IOException {
+      /* BZip2CompressorInputStream does not need closing
+      Closing it would close tarbz2 which we should not do */
+      InputStream tar = new BZip2CompressorInputStream(tarbz2);
+      untar(tar, parentDir);
+    }
+  }
+
+  private Tar() {}
+
+  public static InputStream tar(File fileOrDir) throws IOException {
+    File tmp = File.createTempFile(fileOrDir.getName(), ".tar");
+    tmp.deleteOnExit();
+    try (FileOutputStream target = new FileOutputStream(tmp)) {
+      tarTo(fileOrDir, target);
+      return new DeletingFileInputStream(tmp);
+    } catch (IOException e) {
+      tmp.delete();
+      throw e;
+    }
+  }
+
+  public static void tarTo(File fileOrDir, OutputStream target) throws IOException {
+    try (TarArchiveOutputStream tout = new TarArchiveOutputStream(target)) {
+      addTarEntry(tout, Paths.get(fileOrDir.getParentFile().getAbsolutePath()), fileOrDir);
+    }
+  }
+
+  public static void untar(InputStream tar, File parentDir) throws IOException {
+    TarArchiveInputStream tin = new TarArchiveInputStream(tar);
+    ArchiveEntry e;
+    while ((e = tin.getNextEntry()) != null) {
+      File f = new File(parentDir, e.getName());
+      f.setLastModified(e.getLastModifiedDate().getTime());
+      f.getParentFile().mkdirs();
+      if (e.isDirectory()) {
+        f.mkdir();
+        continue;
+      }
+      long size = e.getSize();
+      checkFileSize(size);
+      try (OutputStream out = new FileOutputStream(f)) {
+        /* TarInputStream pretends each
+        entry's EOF is the stream's EOF */
+        IOUtils.copy(tin, out);
+      }
+    }
+  }
+
+  private static void checkFileSize(long size) {
+    Preconditions.checkArgument(
+        size >= 0 && size <= Integer.MAX_VALUE,
+        "file too big (" + size + " B): " + "tarTo should have thrown an IOException");
+  }
+
+  private static void addTarEntry(TarArchiveOutputStream tout, Path base, File fileOrDir)
+      throws IOException {
+    if (fileOrDir.isDirectory()) {
+      addTarDir(tout, base, fileOrDir);
+    } else if (fileOrDir.isFile()) {
+      addTarFile(tout, base, fileOrDir);
+    } else {
+      throw new IllegalArgumentException("invalid file or dir: " + fileOrDir);
+    }
+  }
+
+  private static void addTarDir(TarArchiveOutputStream tout, Path base, File dir)
+      throws IOException {
+    Preconditions.checkArgument(dir.isDirectory());
+    String name = base.relativize(Paths.get(dir.getAbsolutePath())).toString();
+    TarArchiveEntry entry = tout.createArchiveEntry(dir, name);
+    tout.putArchiveEntry(entry);
+    tout.closeArchiveEntry();
+    for (File f : dir.listFiles()) {
+      addTarEntry(tout, base, f);
+    }
+  }
+
+  private static void addTarFile(TarArchiveOutputStream tout, Path base, File file)
+      throws IOException {
+    Preconditions.checkArgument(file.isFile(), "given file" + " is not file: %s", file);
+    checkFileSize(file.length());
+    String name = base.relativize(Paths.get(file.getAbsolutePath())).toString();
+    TarArchiveEntry entry = tout.createArchiveEntry(file, name);
+    tout.putArchiveEntry(entry);
+    try (InputStream in = new FileInputStream(file)) {
+      IOUtils.copy(in, tout);
+    }
+    tout.closeArchiveEntry();
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/TimerUtils.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/TimerUtils.java
new file mode 100644
index 0000000..f432f1d
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/TimerUtils.java
@@ -0,0 +1,22 @@
+package uk.ac.ic.wlgitbridge.util;
+
+import java.util.TimerTask;
+
+/*
+ * Created by winston on 23/08/2016.
+ */
+public class TimerUtils {
+
+  public static TimerTask makeTimerTask(Runnable lamb) {
+    return new TimerTask() {
+      @Override
+      public void run() {
+        try {
+          lamb.run();
+        } catch (Throwable t) {
+          Log.warn("Error on timer", t);
+        }
+      }
+    };
+  }
+}
diff --git a/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/Util.java b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/Util.java
new file mode 100644
index 0000000..57eeb11
--- /dev/null
+++ b/services/git-bridge/src/main/java/uk/ac/ic/wlgitbridge/util/Util.java
@@ -0,0 +1,187 @@
+package uk.ac.ic.wlgitbridge.util;
+
+import com.google.gson.JsonElement;
+import com.google.gson.JsonObject;
+import java.io.*;
+import java.text.DateFormat;
+import java.text.SimpleDateFormat;
+import java.util.*;
+
+/*
+ * Created by Winston on 19/11/14.
+ */
+public class Util {
+
+  private static String SERVICE_NAME;
+  private static String HOSTNAME;
+  private static int PORT;
+  private static String POSTBACK_URL;
+  private static final DateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss.SSSSSS");
+
+  public static String entries(int entries) {
+    if (entries == 1) {
+      return "entry";
+    } else {
+      return "entries";
+    }
+  }
+
+  public static int booleanToInt(boolean b) {
+    if (b) {
+      return 1;
+    } else {
+      return 0;
+    }
+  }
+
+  public static boolean intToBoolean(int i) {
+    return i != 0;
+  }
+
+  private static String removeAllSuffix(String str, String suffix) {
+    int lastIndexOfSuffix;
+    String result = str;
+    while ((lastIndexOfSuffix = result.lastIndexOf(suffix)) > -1) {
+      result = result.substring(0, lastIndexOfSuffix);
+    }
+    return result;
+  }
+
+  /* removeAllSuffixes("something.git///", "/", ".git") => "something" */
+  public static String removeAllSuffixes(String str, String... suffixes) {
+    String result = str;
+    for (String suffix : suffixes) {
+      result = removeAllSuffix(result, suffix);
+    }
+    return result;
+  }
+
+  public static String getContentsOfReader(BufferedReader reader) throws IOException {
+    StringBuilder sb = new StringBuilder();
+    for (String line; (line = reader.readLine()) != null; ) {
+      sb.append(line);
+    }
+    return sb.toString();
+  }
+
+  public static void setServiceName(String serviceName) {
+    SERVICE_NAME = serviceName;
+  }
+
+  public static String getServiceName() {
+    return SERVICE_NAME;
+  }
+
+  public static int getPort() {
+    return PORT;
+  }
+
+  public static void setPort(int port) {
+    PORT = port;
+  }
+
+  public static void setPostbackURL(String postbackURL) {
+    POSTBACK_URL = postbackURL;
+  }
+
+  public static String getPostbackURL() {
+    return POSTBACK_URL;
+  }
+
+  public static void deleteDirectory(File directory) {
+    if (directory != null) {
+      deleteInDirectory(directory);
+      directory.delete();
+    }
+  }
+
+  public static void deleteInDirectory(File directory) {
+    if (directory != null) {
+      deleteInDirectoryApartFrom(directory);
+    }
+  }
+
+  public static void deleteInDirectoryApartFrom(File directory, String... apartFrom) {
+    if (directory != null) {
+      Set<String> excluded = new HashSet<>(Arrays.asList(apartFrom));
+      File[] files = directory.listFiles();
+      if (files != null) {
+        for (File file : files) {
+          if (!excluded.contains(file.getName())) {
+            if (file.isDirectory()) {
+              deleteInDirectory(file);
+            }
+            file.delete();
+            Log.debug("Deleted file: {}", file.getAbsolutePath());
+          }
+        }
+      }
+    }
+  }
+
+  public static List<String> linesFromStream(InputStream stream, int skip, String trimSuffix)
+      throws IOException {
+    List<String> lines = new ArrayList<>();
+    BufferedReader reader = new BufferedReader(new InputStreamReader(stream));
+    String line;
+    for (int i = 0; i < skip; i++) {
+      reader.readLine();
+    }
+    while ((line = reader.readLine()) != null) {
+      String trim = line.trim();
+      trim = trim.replaceAll("\\p{C}", "");
+      int endIndex = trim.lastIndexOf(trimSuffix);
+      if (endIndex >= 0) {
+        trim = trim.substring(0, endIndex);
+      }
+      lines.add(trim);
+    }
+    return lines;
+  }
+
+  public static String fromStream(InputStream stream, int skip) throws IOException {
+    BufferedReader reader = new BufferedReader(new InputStreamReader(stream));
+    StringBuilder out = new StringBuilder();
+    String newLine = System.getProperty("line.separator");
+    String line;
+    for (int i = 0; i < skip; i++) {
+      reader.readLine();
+    }
+    while ((line = reader.readLine()) != null) {
+      out.append(line);
+      out.append(newLine);
+    }
+    return out.toString();
+  }
+
+  public static String fromStream(InputStream stream) throws IOException {
+    return fromStream(stream, 0);
+  }
+
+  public static String getCodeFromResponse(JsonObject json) {
+    String code = "error";
+    JsonElement codeElement = json.get("code");
+
+    if (codeElement == null) {
+      String error = "Unexpected error";
+      Log.warn("Unexpected response from API:");
+      Log.warn(json.toString());
+      Log.warn("End of response");
+      JsonElement statusElement = json.get("status");
+      if (statusElement != null) {
+        String status = statusElement.getAsString();
+        if (status.equals("422")) {
+          error = "Unprocessable entity";
+        } else if (status.equals("404")) {
+          error = "Not found";
+        } else if (status.equals("403")) {
+          error = "Forbidden";
+        }
+      }
+      throw new RuntimeException(error);
+    } else {
+      code = codeElement.getAsString();
+    }
+    return code;
+  }
+}
diff --git a/services/git-bridge/src/main/resources/logback.xml b/services/git-bridge/src/main/resources/logback.xml
new file mode 100644
index 0000000..343ae57
--- /dev/null
+++ b/services/git-bridge/src/main/resources/logback.xml
@@ -0,0 +1,35 @@
+<configuration>
+
+    <variable name="LOG_LEVEL" value="${LOG_LEVEL:-INFO}" />
+
+    <!-- Log everything (subject to logger and root levels set below) to stdout. -->
+    <appender name="stdout" class="ch.qos.logback.core.ConsoleAppender">
+        <target>System.out</target>
+        <filter class="ch.qos.logback.classic.filter.ThresholdFilter">
+            <level>${LOG_LEVEL}</level>
+        </filter>
+        <encoder>
+            <pattern>%d{yyyy-MM-dd HH:mm:ss.SSS} %-5level [%thread] %logger{0}: %msg%n</pattern>
+        </encoder>
+    </appender>
+
+    <!-- Log warnings and errors to stderr. We send them to a log aggregation service for monitoring. -->
+    <appender name="stderr" class="ch.qos.logback.core.ConsoleAppender">
+        <target>System.err</target>
+        <filter class="ch.qos.logback.classic.filter.ThresholdFilter">
+            <level>WARN</level>
+        </filter>
+        <encoder>
+            <pattern>%d{yyyy-MM-dd HH:mm:ss.SSS} %-5level [%thread] %logger{0}: %msg%n</pattern>
+        </encoder>
+    </appender>
+
+    <!-- Set log levels for the application (or parts of the application). -->
+    <logger name="uk.ac.ic.wlgitbridge" level="${LOG_LEVEL}" />
+
+    <!-- The root log level determines how much our dependencies put in the logs. -->
+    <root level="WARN">
+        <appender-ref ref="stdout" />
+        <appender-ref ref="stderr" />
+    </root>
+</configuration>
diff --git a/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/application/WLGitBridgeIntegrationTest.java b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/application/WLGitBridgeIntegrationTest.java
new file mode 100644
index 0000000..f706d98
--- /dev/null
+++ b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/application/WLGitBridgeIntegrationTest.java
@@ -0,0 +1,1547 @@
+package uk.ac.ic.wlgitbridge.application;
+
+import static org.asynchttpclient.Dsl.*;
+import static org.junit.Assert.*;
+
+import java.io.*;
+import java.nio.charset.StandardCharsets;
+import java.nio.file.Path;
+import java.nio.file.Paths;
+import java.util.Arrays;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+import java.util.concurrent.ExecutionException;
+import org.apache.commons.io.FileUtils;
+import org.apache.commons.io.IOUtils;
+import org.apache.http.HttpEntity;
+import org.apache.http.HttpResponse;
+import org.apache.http.ParseException;
+import org.apache.http.client.ClientProtocolException;
+import org.apache.http.client.HttpClient;
+import org.apache.http.client.methods.HttpGet;
+import org.apache.http.client.methods.HttpHead;
+import org.apache.http.client.methods.HttpPost;
+import org.apache.http.impl.client.HttpClients;
+import org.apache.http.util.EntityUtils;
+import org.asynchttpclient.*;
+import org.eclipse.jgit.api.errors.GitAPIException;
+import org.junit.After;
+import org.junit.Before;
+import org.junit.Rule;
+import org.junit.Test;
+import org.junit.rules.TemporaryFolder;
+import uk.ac.ic.wlgitbridge.bridge.swap.job.SwapJobConfig;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.server.MockSnapshotServer;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.state.SnapshotAPIState;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.state.SnapshotAPIStateBuilder;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.util.FileUtil;
+import uk.ac.ic.wlgitbridge.util.Util;
+
+/*
+ * Created by Winston on 11/01/15.
+ */
+public class WLGitBridgeIntegrationTest {
+
+  private Runtime runtime = Runtime.getRuntime();
+
+  private static final String PROJECT_ID = "000000000000000000000000";
+  private static final String PROJECT_ID1 = "111111111111111111111111";
+  private static final String PROJECT_ID2 = "222222222222222222222222";
+
+  private Map<String, Map<String, SnapshotAPIState>> states =
+      new HashMap<String, Map<String, SnapshotAPIState>>() {
+        {
+          put(
+              "canCloneARepository",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/canCloneARepository/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "canCloneMultipleRepositories",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/canCloneMultipleRepositories/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "cannotCloneAProtectedProjectWithoutAuthentication",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream(
+                                  "/cannotCloneAProtectedProjectWithoutAuthentication/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "cannotCloneA4xxProject",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/cannotCloneA4xxProject/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "cannotCloneAMissingProject",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/cannotCloneAMissingProject/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "canPullAModifiedTexFile",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "base",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/canPullAModifiedTexFile/base/state.json"))
+                          .build());
+                  put(
+                      "withModifiedTexFile",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream(
+                                  "/canPullAModifiedTexFile/withModifiedTexFile/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "canPullADeletedTexFile",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "base",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/canPullADeletedTexFile/base/state.json"))
+                          .build());
+                  put(
+                      "withDeletedTexFile",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream(
+                                  "/canPullADeletedTexFile/withDeletedTexFile/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "canPullAModifiedBinaryFile",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "base",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/canPullAModifiedBinaryFile/base/state.json"))
+                          .build());
+                  put(
+                      "withModifiedBinaryFile",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream(
+                                  "/canPullAModifiedBinaryFile/withModifiedBinaryFile/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "canPullADeletedBinaryFile",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "base",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/canPullADeletedBinaryFile/base/state.json"))
+                          .build());
+                  put(
+                      "withDeletedBinaryFile",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream(
+                                  "/canPullADeletedBinaryFile/withDeletedBinaryFile/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "canPullADuplicateBinaryFile",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "base",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/canPullADuplicateBinaryFile/base/state.json"))
+                          .build());
+                  put(
+                      "withDuplicateBinaryFile",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream(
+                                  "/canPullADuplicateBinaryFile/withDuplicateBinaryFile/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "canCloneDuplicateBinaryFiles",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/canCloneDuplicateBinaryFiles/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "canPullUpdatedBinaryFiles",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "base",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/canPullUpdatedBinaryFiles/base/state.json"))
+                          .build());
+                  put(
+                      "withUpdatedBinaryFiles",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream(
+                                  "/canPullUpdatedBinaryFiles/withUpdatedBinaryFiles/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "canPullAModifiedNestedFile",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "base",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/canPullAModifiedNestedFile/base/state.json"))
+                          .build());
+                  put(
+                      "withModifiedNestedFile",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream(
+                                  "/canPullAModifiedNestedFile/withModifiedNestedFile/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "canPullDeletedNestedFiles",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "base",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/canPullDeletedNestedFiles/base/state.json"))
+                          .build());
+                  put(
+                      "withDeletedNestedFiles",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream(
+                                  "/canPullDeletedNestedFiles/withDeletedNestedFiles/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "canPushFilesSuccessfully",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/canPushFilesSuccessfully/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "pushFailsOnFirstStageOutOfDate",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream(
+                                  "/pushFailsOnFirstStageOutOfDate/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "pushFailsOnSecondStageOutOfDate",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream(
+                                  "/pushFailsOnSecondStageOutOfDate/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "pushFailsOnInvalidFiles",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/pushFailsOnInvalidFiles/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "pushFailsOnInvalidProject",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/pushFailsOnInvalidProject/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "pushFailsOnUnexpectedError",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/pushFailsOnUnexpectedError/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "pushSucceedsAfterRemovingInvalidFiles",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "invalidState",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream(
+                                  "/pushSucceedsAfterRemovingInvalidFiles/invalidState/state.json"))
+                          .build());
+                  put(
+                      "validState",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream(
+                                  "/pushSucceedsAfterRemovingInvalidFiles/validState/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "canServePushedFiles",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/canServePushedFiles/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "wlgbCanSwapProjects",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/wlgbCanSwapProjects/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "pushSubmoduleFailsWithInvalidGitRepo",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream(
+                                  "/pushSubmoduleFailsWithInvalidGitRepo/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "canMigrateRepository",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/canMigrateRepository/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "skipMigrationWhenMigratedFromMissing",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream(
+                                  "/skipMigrationWhenMigratedFromMissing/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "canCloneAMigratedRepositoryWithoutChanges",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream(
+                                  "/canCloneAMigratedRepositoryWithoutChanges/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "rejectV1Repository",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/rejectV1Repository/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "cannotCloneAHasDotGitProject",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "state",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/cannotCloneAHasDotGitProject/state/state.json"))
+                          .build());
+                }
+              });
+          put(
+              "canPullIgnoredForceAddedFile",
+              new HashMap<String, SnapshotAPIState>() {
+                {
+                  put(
+                      "base",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream("/canPullIgnoredForceAddedFile/base/state.json"))
+                          .build());
+                  put(
+                      "withUpdatedMainFile",
+                      new SnapshotAPIStateBuilder(
+                              getResourceAsStream(
+                                  "/canPullIgnoredForceAddedFile/withUpdatedMainFile/state.json"))
+                          .build());
+                }
+              });
+        }
+      };
+
+  @Rule public TemporaryFolder folder = new TemporaryFolder();
+
+  private MockSnapshotServer server;
+  private GitBridgeApp wlgb;
+  private File dir;
+
+  @Before
+  public void setUp() throws Exception {
+    dir = folder.newFolder();
+  }
+
+  @After
+  public void tearDown() {
+    if (server != null) {
+      server.stop();
+    }
+    if (wlgb != null) {
+      wlgb.stop();
+    }
+  }
+
+  private void gitConfig(File dir) throws IOException, InterruptedException {
+    assertEquals(0, runtime.exec("git config user.name TEST", null, dir).waitFor());
+    assertEquals(0, runtime.exec("git config user.email test@test.com", null, dir).waitFor());
+    assertEquals(0, runtime.exec("git config push.default matching", null, dir).waitFor());
+  }
+
+  private File gitClone(String repositoryName, int port, File dir)
+      throws IOException, InterruptedException {
+    String repo = "git clone http://git:password@127.0.0.1:" + port + "/" + repositoryName;
+    Process gitProcess = runtime.exec(repo, null, dir);
+    int exitCode = gitProcess.waitFor();
+    if (exitCode != 0) {
+      System.err.println("git clone failed. Dumping stderr and stdout.");
+      System.err.println(IOUtils.toString(gitProcess.getErrorStream(), StandardCharsets.UTF_8));
+      System.err.println(IOUtils.toString(gitProcess.getInputStream(), StandardCharsets.UTF_8));
+      fail("git clone failed");
+    }
+    File repositoryDir = new File(dir, repositoryName);
+    gitConfig(repositoryDir);
+    return repositoryDir;
+  }
+
+  private void gitInit(File dir) throws IOException, InterruptedException {
+    assertEquals(0, runtime.exec("git init", null, dir).waitFor());
+    gitConfig(dir);
+  }
+
+  private void gitAdd(File dir) throws IOException, InterruptedException {
+    assertEquals(0, runtime.exec("git add -A", null, dir).waitFor());
+  }
+
+  private void gitCommit(File dir, String msg) throws IOException, InterruptedException {
+    assertEquals(0, runtime.exec("git commit -m \"" + msg + "\"", null, dir).waitFor());
+  }
+
+  private Process gitPush(File dir) throws IOException, InterruptedException {
+    return gitPush(dir, 0);
+  }
+
+  private Process gitPush(File dir, int exit) throws IOException, InterruptedException {
+    Process ret = runtime.exec("git push", null, dir);
+    assertEquals(exit, ret.waitFor());
+    return ret;
+  }
+
+  private void gitPull(File dir) throws IOException, InterruptedException {
+    assertEquals(0, runtime.exec("git pull", null, dir).waitFor());
+  }
+
+  @Test
+  public void canCloneARepository() throws IOException, GitAPIException, InterruptedException {
+    server = new MockSnapshotServer(3857, getResource("/canCloneARepository").toFile());
+    server.start();
+    server.setState(states.get("canCloneARepository").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(33857, 3857)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, 33857, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canCloneARepository/state/" + PROJECT_ID), testprojDir.toPath()));
+  }
+
+  @Test
+  public void canCloneMultipleRepositories()
+      throws IOException, GitAPIException, InterruptedException {
+    server = new MockSnapshotServer(3858, getResource("/canCloneMultipleRepositories").toFile());
+    server.start();
+    server.setState(states.get("canCloneMultipleRepositories").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(33858, 3858)});
+    wlgb.run();
+    File testproj1Dir = gitClone(PROJECT_ID1, 33858, dir);
+    File testproj2Dir = gitClone(PROJECT_ID2, 33858, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canCloneMultipleRepositories/state/" + PROJECT_ID1),
+            testproj1Dir.toPath()));
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canCloneMultipleRepositories/state/" + PROJECT_ID2),
+            testproj2Dir.toPath()));
+  }
+
+  @Test
+  public void canPullAModifiedTexFile() throws IOException, GitAPIException, InterruptedException {
+    server = new MockSnapshotServer(3859, getResource("/canPullAModifiedTexFile").toFile());
+    server.start();
+    server.setState(states.get("canPullAModifiedTexFile").get("base"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(33859, 3859)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, 33859, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canPullAModifiedTexFile/base/" + PROJECT_ID), testprojDir.toPath()));
+    server.setState(states.get("canPullAModifiedTexFile").get("withModifiedTexFile"));
+    gitPull(testprojDir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canPullAModifiedTexFile/withModifiedTexFile/" + PROJECT_ID),
+            testprojDir.toPath()));
+  }
+
+  @Test
+  public void canPullADeletedTexFile() throws IOException, GitAPIException, InterruptedException {
+    server = new MockSnapshotServer(3860, getResource("/canPullADeletedTexFile").toFile());
+    server.start();
+    server.setState(states.get("canPullADeletedTexFile").get("base"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(33860, 3860)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, 33860, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canPullADeletedTexFile/base/" + PROJECT_ID), testprojDir.toPath()));
+    server.setState(states.get("canPullADeletedTexFile").get("withDeletedTexFile"));
+    gitPull(testprojDir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canPullADeletedTexFile/withDeletedTexFile/" + PROJECT_ID),
+            testprojDir.toPath()));
+  }
+
+  @Test
+  public void canPullAModifiedBinaryFile()
+      throws IOException, GitAPIException, InterruptedException {
+    server = new MockSnapshotServer(3862, getResource("/canPullAModifiedBinaryFile").toFile());
+    server.start();
+    server.setState(states.get("canPullAModifiedBinaryFile").get("base"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(33862, 3862)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, 33862, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canPullAModifiedBinaryFile/base/" + PROJECT_ID), testprojDir.toPath()));
+    server.setState(states.get("canPullAModifiedBinaryFile").get("withModifiedBinaryFile"));
+    gitPull(testprojDir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canPullAModifiedBinaryFile/withModifiedBinaryFile/" + PROJECT_ID),
+            testprojDir.toPath()));
+  }
+
+  @Test
+  public void canPullADeletedBinaryFile()
+      throws IOException, GitAPIException, InterruptedException {
+    server = new MockSnapshotServer(3863, getResource("/canPullADeletedBinaryFile").toFile());
+    server.start();
+    server.setState(states.get("canPullADeletedBinaryFile").get("base"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(33863, 3863)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, 33863, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canPullADeletedBinaryFile/base/" + PROJECT_ID), testprojDir.toPath()));
+    server.setState(states.get("canPullADeletedBinaryFile").get("withDeletedBinaryFile"));
+    gitPull(testprojDir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canPullADeletedBinaryFile/withDeletedBinaryFile/" + PROJECT_ID),
+            testprojDir.toPath()));
+  }
+
+  @Test
+  public void canPullADuplicateBinaryFile()
+      throws IOException, GitAPIException, InterruptedException {
+    server = new MockSnapshotServer(4001, getResource("/canPullADuplicateBinaryFile").toFile());
+    server.start();
+    server.setState(states.get("canPullADuplicateBinaryFile").get("base"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(44001, 4001)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, 44001, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canPullADuplicateBinaryFile/base/" + PROJECT_ID), testprojDir.toPath()));
+    server.setState(states.get("canPullADuplicateBinaryFile").get("withDuplicateBinaryFile"));
+    gitPull(testprojDir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canPullADuplicateBinaryFile/withDuplicateBinaryFile/" + PROJECT_ID),
+            testprojDir.toPath()));
+  }
+
+  @Test
+  public void canCloneDuplicateBinaryFiles()
+      throws IOException, GitAPIException, InterruptedException {
+    server = new MockSnapshotServer(4002, getResource("/canCloneDuplicateBinaryFiles").toFile());
+    server.start();
+    server.setState(states.get("canCloneDuplicateBinaryFiles").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(44002, 4002)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, 44002, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canCloneDuplicateBinaryFiles/state/" + PROJECT_ID),
+            testprojDir.toPath()));
+  }
+
+  @Test
+  public void canPullUpdatedBinaryFiles()
+      throws IOException, GitAPIException, InterruptedException {
+    server = new MockSnapshotServer(4003, getResource("/canPullUpdatedBinaryFiles").toFile());
+    server.start();
+    server.setState(states.get("canPullUpdatedBinaryFiles").get("base"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(44003, 4003)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, 44003, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canPullUpdatedBinaryFiles/base/" + PROJECT_ID), testprojDir.toPath()));
+    server.setState(states.get("canPullUpdatedBinaryFiles").get("withUpdatedBinaryFiles"));
+    gitPull(testprojDir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canPullUpdatedBinaryFiles/withUpdatedBinaryFiles/" + PROJECT_ID),
+            testprojDir.toPath()));
+  }
+
+  @Test
+  public void canPullAModifiedNestedFile()
+      throws IOException, GitAPIException, InterruptedException {
+    server = new MockSnapshotServer(3864, getResource("/canPullAModifiedNestedFile").toFile());
+    server.start();
+    server.setState(states.get("canPullAModifiedNestedFile").get("base"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(33864, 3864)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, 33864, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canPullAModifiedNestedFile/base/" + PROJECT_ID), testprojDir.toPath()));
+    server.setState(states.get("canPullAModifiedNestedFile").get("withModifiedNestedFile"));
+    gitPull(testprojDir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canPullAModifiedNestedFile/withModifiedNestedFile/" + PROJECT_ID),
+            testprojDir.toPath()));
+  }
+
+  @Test
+  public void canPullDeletedNestedFiles()
+      throws IOException, GitAPIException, InterruptedException {
+    server = new MockSnapshotServer(3865, getResource("/canPullDeletedNestedFiles").toFile());
+    server.start();
+    server.setState(states.get("canPullDeletedNestedFiles").get("base"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(33865, 3865)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, 33865, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canPullDeletedNestedFiles/base/" + PROJECT_ID), testprojDir.toPath()));
+    server.setState(states.get("canPullDeletedNestedFiles").get("withDeletedNestedFiles"));
+    gitPull(testprojDir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canPullDeletedNestedFiles/withDeletedNestedFiles/" + PROJECT_ID),
+            testprojDir.toPath()));
+  }
+
+  @Test
+  public void canPushFilesSuccessfully() throws IOException, GitAPIException, InterruptedException {
+    server = new MockSnapshotServer(3866, getResource("/canPushFilesSuccessfully").toFile());
+    server.start();
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(33866, 3866)});
+    wlgb.run();
+    server.setState(states.get("canPushFilesSuccessfully").get("state"));
+    File testprojDir = gitClone(PROJECT_ID, 33866, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canPushFilesSuccessfully/state/" + PROJECT_ID), testprojDir.toPath()));
+    assertEquals(0, runtime.exec("touch push.tex", null, testprojDir).waitFor());
+    gitAdd(testprojDir);
+    gitCommit(testprojDir, "push");
+    gitPush(testprojDir);
+  }
+
+  private static final String EXPECTED_OUT_PUSH_OUT_OF_DATE_FIRST =
+      "error: failed to push some refs to 'http://127.0.0.1:33867/"
+          + PROJECT_ID
+          + "'\n"
+          + "hint: Updates were rejected because the tip of your current branch is behind\n"
+          + "hint: its remote counterpart. Integrate the remote changes (e.g.\n"
+          + "hint: 'git pull ...') before pushing again.\n"
+          + "hint: See the 'Note about fast-forwards' in 'git push --help' for details.\n";
+
+  @Test
+  public void pushFailsOnFirstStageOutOfDate()
+      throws IOException, GitAPIException, InterruptedException {
+    server = new MockSnapshotServer(3867, getResource("/pushFailsOnFirstStageOutOfDate").toFile());
+    server.start();
+    server.setState(states.get("pushFailsOnFirstStageOutOfDate").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(33867, 3867)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, 33867, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/pushFailsOnFirstStageOutOfDate/state/" + PROJECT_ID),
+            testprojDir.toPath()));
+    runtime.exec("touch push.tex", null, testprojDir).waitFor();
+    gitAdd(testprojDir);
+    gitCommit(testprojDir, "push");
+    Process push = gitPush(testprojDir, 1);
+    assertEquals(EXPECTED_OUT_PUSH_OUT_OF_DATE_FIRST, Util.fromStream(push.getErrorStream(), 2));
+  }
+
+  private static final String EXPECTED_OUT_PUSH_OUT_OF_DATE_SECOND =
+      "error: failed to push some refs to 'http://127.0.0.1:33868/"
+          + PROJECT_ID
+          + "'\n"
+          + "hint: Updates were rejected because the tip of your current branch is behind\n"
+          + "hint: its remote counterpart. Integrate the remote changes (e.g.\n"
+          + "hint: 'git pull ...') before pushing again.\n"
+          + "hint: See the 'Note about fast-forwards' in 'git push --help' for details.\n";
+
+  @Test
+  public void pushFailsOnSecondStageOutOfDate()
+      throws IOException, GitAPIException, InterruptedException {
+    server = new MockSnapshotServer(3868, getResource("/pushFailsOnSecondStageOutOfDate").toFile());
+    server.start();
+    server.setState(states.get("pushFailsOnSecondStageOutOfDate").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(33868, 3868)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, 33868, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/pushFailsOnSecondStageOutOfDate/state/" + PROJECT_ID),
+            testprojDir.toPath()));
+    runtime.exec("touch push.tex", null, testprojDir).waitFor();
+    gitAdd(testprojDir);
+    gitCommit(testprojDir, "push");
+    Process push = gitPush(testprojDir, 1);
+    assertEquals(EXPECTED_OUT_PUSH_OUT_OF_DATE_SECOND, Util.fromStream(push.getErrorStream(), 2));
+  }
+
+  private static final List<String> EXPECTED_OUT_PUSH_INVALID_FILES =
+      Arrays.asList(
+          "remote: hint: You have 4 invalid files in your Overleaf project:",
+          "remote: hint: file1.invalid (error)",
+          "remote: hint: file2.exe (invalid file extension)",
+          "remote: hint: hello world.png (rename to: hello_world.png)",
+          "remote: hint: an image.jpg (rename to: an_image.jpg)",
+          "To http://127.0.0.1:33869/" + PROJECT_ID,
+          "! [remote rejected] master -> master (invalid files)",
+          "error: failed to push some refs to 'http://127.0.0.1:33869/" + PROJECT_ID + "'");
+
+  @Test
+  public void pushFailsOnInvalidFiles() throws IOException, GitAPIException, InterruptedException {
+    server = new MockSnapshotServer(3869, getResource("/pushFailsOnInvalidFiles").toFile());
+    server.start();
+    server.setState(states.get("pushFailsOnInvalidFiles").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(33869, 3869)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, 33869, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/pushFailsOnInvalidFiles/state/" + PROJECT_ID), testprojDir.toPath()));
+    runtime.exec("touch push.tex", null, testprojDir).waitFor();
+    gitAdd(testprojDir);
+    gitCommit(testprojDir, "push");
+    Process push = gitPush(testprojDir, 1);
+    List<String> actual = Util.linesFromStream(push.getErrorStream(), 2, "[K");
+    assertEquals(EXPECTED_OUT_PUSH_INVALID_FILES, actual);
+  }
+
+  private static final List<String> EXPECTED_OUT_PUSH_INVALID_PROJECT =
+      Arrays.asList(
+          "remote: hint: project: no main file",
+          "remote: hint: The project would have no (editable) main .tex file.",
+          "To http://127.0.0.1:33870/" + PROJECT_ID,
+          "! [remote rejected] master -> master (invalid project)",
+          "error: failed to push some refs to 'http://127.0.0.1:33870/" + PROJECT_ID + "'");
+
+  @Test
+  public void pushFailsOnInvalidProject()
+      throws IOException, GitAPIException, InterruptedException {
+    server = new MockSnapshotServer(3870, getResource("/pushFailsOnInvalidProject").toFile());
+    server.start();
+    server.setState(states.get("pushFailsOnInvalidProject").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(33870, 3870)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, 33870, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/pushFailsOnInvalidProject/state/" + PROJECT_ID), testprojDir.toPath()));
+    runtime.exec("touch push.tex", null, testprojDir).waitFor();
+    gitAdd(testprojDir);
+    gitCommit(testprojDir, "push");
+    Process push = gitPush(testprojDir, 1);
+    List<String> actual = Util.linesFromStream(push.getErrorStream(), 2, "[K");
+    assertEquals(EXPECTED_OUT_PUSH_INVALID_PROJECT, actual);
+  }
+
+  private static final List<String> EXPECTED_OUT_PUSH_UNEXPECTED_ERROR =
+      Arrays.asList(
+          "remote: hint: There was an internal error with the Overleaf server.",
+          "remote: hint: Please contact Overleaf.",
+          "To http://127.0.0.1:33871/" + PROJECT_ID,
+          "! [remote rejected] master -> master (Overleaf error)",
+          "error: failed to push some refs to 'http://127.0.0.1:33871/" + PROJECT_ID + "'");
+
+  /* this one prints a stack trace */
+  @Test
+  public void pushFailsOnUnexpectedError()
+      throws IOException, GitAPIException, InterruptedException {
+    server = new MockSnapshotServer(3871, getResource("/pushFailsOnUnexpectedError").toFile());
+    server.start();
+    server.setState(states.get("pushFailsOnUnexpectedError").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(33871, 3871)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, 33871, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/pushFailsOnUnexpectedError/state/" + PROJECT_ID), testprojDir.toPath()));
+    runtime.exec("touch push.tex", null, testprojDir).waitFor();
+    gitAdd(testprojDir);
+    gitCommit(testprojDir, "push");
+    Process push = gitPush(testprojDir, 1);
+    List<String> actual = Util.linesFromStream(push.getErrorStream(), 2, "[K");
+    assertEquals(EXPECTED_OUT_PUSH_UNEXPECTED_ERROR, actual);
+  }
+
+  private static final List<String> EXPECTED_OUT_PUSH_INVALID_EXE_FILE =
+      Arrays.asList(
+          "remote: error: invalid files",
+          "remote:",
+          "remote: hint: You have 1 invalid files in your Overleaf project:",
+          "remote: hint: file1.exe (invalid file extension)",
+          "To http://127.0.0.1:33872/" + PROJECT_ID,
+          "! [remote rejected] master -> master (invalid files)",
+          "error: failed to push some refs to 'http://127.0.0.1:33872/" + PROJECT_ID + "'");
+
+  @Test
+  public void pushSucceedsAfterRemovingInvalidFiles()
+      throws IOException, GitAPIException, InterruptedException {
+    server =
+        new MockSnapshotServer(
+            3872, getResource("/pushSucceedsAfterRemovingInvalidFiles").toFile());
+    server.start();
+    server.setState(states.get("pushSucceedsAfterRemovingInvalidFiles").get("invalidState"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(33872, 3872)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, 33872, dir);
+
+    // try to push invalid file; it should fail
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/pushSucceedsAfterRemovingInvalidFiles/invalidState/" + PROJECT_ID),
+            testprojDir.toPath()));
+    assertEquals(0, runtime.exec("touch file1.exe", null, testprojDir).waitFor());
+    gitAdd(testprojDir);
+    gitCommit(testprojDir, "push");
+    Process push = gitPush(testprojDir, 1);
+    List<String> actual = Util.linesFromStream(push.getErrorStream(), 0, "[K");
+    assertEquals(EXPECTED_OUT_PUSH_INVALID_EXE_FILE, actual);
+
+    // remove invalid file and push again; it should succeed this time
+    assertEquals(0, runtime.exec("git rm file1.exe", null, testprojDir).waitFor());
+    gitCommit(testprojDir, "remove_invalid_file");
+    server.setState(states.get("pushSucceedsAfterRemovingInvalidFiles").get("validState"));
+    gitPush(testprojDir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/pushSucceedsAfterRemovingInvalidFiles/validState/" + PROJECT_ID),
+            testprojDir.toPath()));
+  }
+
+  @Test
+  public void canServePushedFiles() throws IOException, ExecutionException, InterruptedException {
+    //
+    // I don't think we can test this completely without some changes to the mock server, because we
+    // have no way
+    // of pausing the test while the push is in progress. Once the push is over, the file isn't
+    // actually there for
+    // us to fetch any more. We can however test the access and error conditions, which comprise
+    // most of the logic.
+    //
+    int gitBridgePort = 33873;
+    int mockServerPort = 3873;
+
+    server = new MockSnapshotServer(mockServerPort, getResource("/canServePushedFiles").toFile());
+    server.start();
+    server.setState(states.get("canServePushedFiles").get("state"));
+
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+    wlgb.run();
+
+    File testprojDir = gitClone(PROJECT_ID, gitBridgePort, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canServePushedFiles/state/" + PROJECT_ID), testprojDir.toPath()));
+    runtime.exec("touch push.tex", null, testprojDir).waitFor();
+    gitAdd(testprojDir);
+    gitCommit(testprojDir, "push");
+    gitPush(testprojDir);
+
+    // With no key, we should get a 404.
+    String url = "http://127.0.0.1:" + gitBridgePort + "/api/testproj/push.tex";
+    Response response = asyncHttpClient().prepareGet(url).execute().get();
+    assertEquals(404, response.getStatusCode());
+
+    // With an invalid project and no key, we should get a 404.
+    url = "http://127.0.0.1:" + gitBridgePort + "/api/notavalidproject/push.tex";
+    response = asyncHttpClient().prepareGet(url).execute().get();
+    assertEquals(404, response.getStatusCode());
+
+    // With a bad key for a valid project, we should get a 404.
+    url = "http://127.0.0.1:" + gitBridgePort + "/api/testproj/push.tex?key=notavalidkey";
+    response = asyncHttpClient().prepareGet(url).execute().get();
+    assertEquals(404, response.getStatusCode());
+
+    // With a bad key for an invalid project, we should get a 404.
+    url = "http://127.0.0.1:" + gitBridgePort + "/api/notavalidproject/push.tex?key=notavalidkey";
+    response = asyncHttpClient().prepareGet(url).execute().get();
+    assertEquals(404, response.getStatusCode());
+  }
+
+  @Test
+  public void wlgbCanSwapProjects() throws IOException, GitAPIException, InterruptedException {
+    server = new MockSnapshotServer(3874, getResource("/wlgbCanSwapProjects").toFile());
+    server.start();
+    server.setState(states.get("wlgbCanSwapProjects").get("state"));
+    wlgb =
+        new GitBridgeApp(
+            new String[] {
+              makeConfigFile(33874, 3874, new SwapJobConfig(1, 0, 0, 250, null, true))
+            });
+    wlgb.run();
+    File rootGitDir = new File(wlgb.config.getRootGitDirectory());
+    File testProj1ServerDir = new File(rootGitDir, PROJECT_ID1);
+    File testProj2ServerDir = new File(rootGitDir, PROJECT_ID2);
+    File testProj1Dir = gitClone(PROJECT_ID1, 33874, dir);
+    assertTrue(testProj1ServerDir.exists());
+    assertFalse(testProj2ServerDir.exists());
+    gitClone(PROJECT_ID2, 33874, dir);
+    while (testProj1ServerDir.exists())
+      ;
+    assertFalse(testProj1ServerDir.exists());
+    assertTrue(testProj2ServerDir.exists());
+    FileUtils.deleteDirectory(testProj1Dir);
+    gitClone(PROJECT_ID1, 33874, dir);
+    while (testProj2ServerDir.exists())
+      ;
+    assertTrue(testProj1ServerDir.exists());
+    assertFalse(testProj2ServerDir.exists());
+  }
+
+  private static final List<String> EXPECTED_OUT_PUSH_SUBMODULE =
+      Arrays.asList(
+          "remote: hint: Your Git repository contains a reference we cannot resolve.",
+          "remote: hint: If your project contains a Git submodule,",
+          "remote: hint: please remove it and try again.",
+          "To http://127.0.0.1:33875/" + PROJECT_ID,
+          "! [remote rejected] master -> master (invalid git repo)",
+          "error: failed to push some refs to 'http://127.0.0.1:33875/" + PROJECT_ID + "'");
+
+  @Test
+  public void pushSubmoduleFailsWithInvalidGitRepo()
+      throws IOException, GitAPIException, InterruptedException {
+    server =
+        new MockSnapshotServer(3875, getResource("/pushSubmoduleFailsWithInvalidGitRepo").toFile());
+    server.start();
+    server.setState(states.get("pushSubmoduleFailsWithInvalidGitRepo").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(33875, 3875)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, 33875, dir);
+    runtime.exec("mkdir sub", null, testprojDir).waitFor();
+    File sub = new File(testprojDir, "sub");
+    runtime.exec("touch sub.txt", null, sub).waitFor();
+    gitInit(sub);
+    gitAdd(sub);
+    gitCommit(sub, "sub");
+    gitAdd(testprojDir);
+    gitCommit(testprojDir, "push");
+    Process push = gitPush(testprojDir, 1);
+    List<String> actual = Util.linesFromStream(push.getErrorStream(), 2, "[K");
+    assertEquals(EXPECTED_OUT_PUSH_SUBMODULE, actual);
+  }
+
+  @Test
+  public void usesCustomErrorHandler()
+      throws IOException, ExecutionException, InterruptedException {
+
+    int gitBridgePort = 33873;
+    int mockServerPort = 3873;
+
+    server = new MockSnapshotServer(mockServerPort, getResource("/canServePushedFiles").toFile());
+    server.start();
+    server.setState(states.get("canServePushedFiles").get("state"));
+
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+    wlgb.run();
+
+    // With an invalid project and no key, we should get a 404,
+    // which is rendered by our custom error handler.
+    String url = "http://127.0.0.1:" + gitBridgePort + "/api/notavalidproject/main.tex";
+    Response response = asyncHttpClient().prepareGet(url).execute().get();
+    assertEquals(404, response.getStatusCode());
+    assertEquals("{\"message\":\"HTTP error 404\"}", response.getResponseBody());
+
+    // With an unsupported URL outside the api, the request is assumed to
+    // be from a git client and we should get a 401 because the request
+    // does not include basic auth credentials.
+    url = "http://127.0.0.1:" + gitBridgePort + "/foo";
+    response = asyncHttpClient().prepareGet(url).execute().get();
+    assertEquals(401, response.getStatusCode());
+  }
+
+  @Test
+  public void cannotCloneAProtectedProjectWithoutAuthentication()
+      throws IOException, GitAPIException, InterruptedException {
+    int gitBridgePort = 33883;
+    int mockServerPort = 3883;
+
+    server =
+        new MockSnapshotServer(
+            mockServerPort,
+            getResource("/cannotCloneAProtectedProjectWithoutAuthentication").toFile());
+    server.start();
+    server.setState(states.get("cannotCloneAProtectedProjectWithoutAuthentication").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+
+    wlgb.run();
+    Process gitProcess =
+        runtime.exec(
+            "git clone http://git:password@127.0.0.1:" + gitBridgePort + "/" + PROJECT_ID,
+            null,
+            dir);
+    assertNotEquals(0, gitProcess.waitFor());
+  }
+
+  @Test
+  public void cannotCloneA4xxProject() throws IOException, GitAPIException, InterruptedException {
+    int gitBridgePort = 33879;
+    int mockServerPort = 3879;
+
+    server =
+        new MockSnapshotServer(mockServerPort, getResource("/cannotCloneA4xxProject").toFile());
+    server.start();
+    server.setState(states.get("cannotCloneA4xxProject").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+
+    wlgb.run();
+    Process gitProcess =
+        runtime.exec(
+            "git clone http://git:password@127.0.0.1:" + gitBridgePort + "/" + PROJECT_ID,
+            null,
+            dir);
+    assertNotEquals(0, gitProcess.waitFor());
+  }
+
+  @Test
+  public void cannotCloneAMissingProject()
+      throws IOException, GitAPIException, InterruptedException {
+    int gitBridgePort = 33880;
+    int mockServerPort = 3880;
+
+    server =
+        new MockSnapshotServer(mockServerPort, getResource("/cannotCloneAMissingProject").toFile());
+    server.start();
+    server.setState(states.get("cannotCloneAMissingProject").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+
+    wlgb.run();
+    Process gitProcess =
+        runtime.exec(
+            "git clone http://git:password@127.0.0.1:" + gitBridgePort + "/" + PROJECT_ID,
+            null,
+            dir);
+    assertNotEquals(0, gitProcess.waitFor());
+  }
+
+  @Test
+  public void canMigrateRepository() throws IOException, GitAPIException, InterruptedException {
+    int gitBridgePort = 33881;
+    int mockServerPort = 3881;
+    server = new MockSnapshotServer(mockServerPort, getResource("/canMigrateRepository").toFile());
+    server.start();
+    server.setState(states.get("canMigrateRepository").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, gitBridgePort, dir);
+    File testprojDir2 = gitClone(PROJECT_ID2, gitBridgePort, dir);
+    // Second project content is equal to content of the first
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canMigrateRepository/state/" + PROJECT_ID), testprojDir2.toPath()));
+  }
+
+  @Test
+  public void skipMigrationWhenMigratedFromMissing()
+      throws IOException, GitAPIException, InterruptedException {
+    int gitBridgePort = 33882;
+    int mockServerPort = 3882;
+    server =
+        new MockSnapshotServer(
+            mockServerPort, getResource("/skipMigrationWhenMigratedFromMissing").toFile());
+    server.start();
+    server.setState(states.get("skipMigrationWhenMigratedFromMissing").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+    wlgb.run();
+    // don't clone the source project first
+    File testprojDir2 = gitClone(PROJECT_ID2, gitBridgePort, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/skipMigrationWhenMigratedFromMissing/state/" + PROJECT_ID2),
+            testprojDir2.toPath()));
+  }
+
+  @Test
+  public void canCloneAMigratedRepositoryWithoutChanges()
+      throws IOException, GitAPIException, InterruptedException {
+    int gitBridgePort = 33883;
+    int mockServerPort = 3883;
+    server =
+        new MockSnapshotServer(
+            mockServerPort, getResource("/canCloneAMigratedRepositoryWithoutChanges").toFile());
+    server.start();
+    server.setState(states.get("canCloneAMigratedRepositoryWithoutChanges").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+    wlgb.run();
+    File testprojDir = gitClone(PROJECT_ID, gitBridgePort, dir);
+    assertTrue(
+        FileUtil.gitDirectoriesAreEqual(
+            getResource("/canCloneAMigratedRepositoryWithoutChanges/state/" + PROJECT_ID),
+            testprojDir.toPath()));
+  }
+
+  @Test
+  public void rejectV1Repository() throws IOException, GitAPIException, InterruptedException {
+    int gitBridgePort = 33884;
+    int mockServerPort = 3884;
+    server = new MockSnapshotServer(mockServerPort, getResource("/rejectV1Repository").toFile());
+    server.start();
+    server.setState(states.get("rejectV1Repository").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+    wlgb.run();
+    Process gitProcess =
+        runtime.exec(
+            "git clone http://git:password@127.0.0.1:" + gitBridgePort + "/1234bbccddff.git",
+            null,
+            dir);
+    assertNotEquals(0, gitProcess.waitFor());
+  }
+
+  @Test
+  public void cannotCloneAHasDotGitProject()
+      throws IOException, GitAPIException, InterruptedException {
+    int gitBridgePort = 33885;
+    int mockServerPort = 3885;
+
+    server =
+        new MockSnapshotServer(
+            mockServerPort, getResource("/cannotCloneAHasDotGitProject").toFile());
+    server.start();
+    server.setState(states.get("cannotCloneAHasDotGitProject").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+
+    wlgb.run();
+    Process gitProcess =
+        runtime.exec(
+            "git clone http://git:password@127.0.0.1:" + gitBridgePort + "/conflict.git",
+            null,
+            dir);
+    assertNotEquals(0, gitProcess.waitFor());
+    wlgb.stop();
+  }
+
+  @Test
+  public void cannotCloneProjectWithSlash()
+      throws IOException, GitAPIException, InterruptedException {
+    int gitBridgePort = 33886;
+    int mockServerPort = 3886;
+
+    server = new MockSnapshotServer(mockServerPort, getResource("/canCloneARepository").toFile());
+    server.start();
+    server.setState(states.get("canCloneARepository").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+
+    wlgb.run();
+    Process gitProcess =
+        runtime.exec(
+            "git clone http://git:password@127.0.0.1:" + gitBridgePort + "/project/1234abcd",
+            null,
+            dir);
+    assertNotEquals(0, gitProcess.waitFor());
+
+    List<String> actual = Util.linesFromStream(gitProcess.getErrorStream(), 0, "");
+    assertEquals(
+        Arrays.asList(
+            "Cloning into '1234abcd'...",
+            "remote: Invalid Project ID (must not have a '/project' prefix)",
+            "fatal: repository 'http://127.0.0.1:33886/project/1234abcd/' not found"),
+        actual);
+
+    wlgb.stop();
+  }
+
+  @Test
+  public void testStatusAndHealthCheckEndpoints() throws ClientProtocolException, IOException {
+    int gitBridgePort = 33887;
+    int mockServerPort = 3887;
+    server = new MockSnapshotServer(mockServerPort, getResource("/canCloneARepository").toFile());
+    server.start();
+    server.setState(states.get("canCloneARepository").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+    wlgb.run();
+    HttpClient client = HttpClients.createDefault();
+    String urlBase = "http://127.0.0.1:" + gitBridgePort;
+    // Status
+    HttpGet statusRequest = new HttpGet(urlBase + "/status");
+    HttpResponse statusResponse = client.execute(statusRequest);
+    assertEquals(200, statusResponse.getStatusLine().getStatusCode());
+    // Health Check
+    HttpGet healthCheckRequest = new HttpGet(urlBase + "/health_check");
+    HttpResponse healthCheckResponse = client.execute(healthCheckRequest);
+    assertEquals(200, healthCheckResponse.getStatusLine().getStatusCode());
+  }
+
+  @Test
+  public void testStatusAndHealthCheckEndpointsWithTrailingSlash()
+      throws ClientProtocolException, IOException {
+    int gitBridgePort = 33888;
+    int mockServerPort = 3888;
+    server = new MockSnapshotServer(mockServerPort, getResource("/canCloneARepository").toFile());
+    server.start();
+    server.setState(states.get("canCloneARepository").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+    wlgb.run();
+    HttpClient client = HttpClients.createDefault();
+    String urlBase = "http://127.0.0.1:" + gitBridgePort;
+    // Status
+    HttpGet statusRequest = new HttpGet(urlBase + "/status/");
+    HttpResponse statusResponse = client.execute(statusRequest);
+    assertEquals(200, statusResponse.getStatusLine().getStatusCode());
+    // Health Check
+    HttpGet healthCheckRequest = new HttpGet(urlBase + "/health_check/");
+    HttpResponse healthCheckResponse = client.execute(healthCheckRequest);
+    assertEquals(200, healthCheckResponse.getStatusLine().getStatusCode());
+  }
+
+  @Test
+  public void testStatusAndHealthCheckEndpointsWithHead()
+      throws ClientProtocolException, IOException {
+    int gitBridgePort = 33889;
+    int mockServerPort = 3889;
+    server = new MockSnapshotServer(mockServerPort, getResource("/canCloneARepository").toFile());
+    server.start();
+    server.setState(states.get("canCloneARepository").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+    wlgb.run();
+    HttpClient client = HttpClients.createDefault();
+    String urlBase = "http://127.0.0.1:" + gitBridgePort;
+    // Status
+    HttpHead statusRequest = new HttpHead(urlBase + "/status");
+    HttpResponse statusResponse = client.execute(statusRequest);
+    assertEquals(200, statusResponse.getStatusLine().getStatusCode());
+    // Health Check
+    HttpHead healthCheckRequest = new HttpHead(urlBase + "/health_check");
+    HttpResponse healthCheckResponse = client.execute(healthCheckRequest);
+    assertEquals(200, healthCheckResponse.getStatusLine().getStatusCode());
+  }
+
+  @Test
+  public void gitLfsBatchEndpoint() throws ClientProtocolException, IOException, ParseException {
+    int gitBridgePort = 33890;
+    int mockServerPort = 3890;
+    server = new MockSnapshotServer(mockServerPort, getResource("/canCloneARepository").toFile());
+    server.start();
+    server.setState(states.get("canCloneARepository").get("state"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+    wlgb.run();
+    HttpClient client = HttpClients.createDefault();
+    String urlBase = "http://git:password@127.0.0.1:" + gitBridgePort;
+    HttpPost gitLfsRequest =
+        new HttpPost(urlBase + "/5f2419407929eb0026641967.git/info/lfs/objects/batch");
+    HttpResponse gitLfsResponse = client.execute(gitLfsRequest);
+    assertEquals(422, gitLfsResponse.getStatusLine().getStatusCode());
+    HttpEntity entity = gitLfsResponse.getEntity();
+    String responseString = EntityUtils.toString(entity, "UTF-8");
+    assertTrue(responseString.contains("Git LFS is not supported on Overleaf"));
+  }
+
+  @Test
+  public void canPullIgnoredForceAddedFile() throws IOException, InterruptedException {
+    int gitBridgePort = 33891;
+    int mockServerPort = 3891;
+    server =
+        new MockSnapshotServer(
+            mockServerPort, getResource("/canPullIgnoredForceAddedFile").toFile());
+    server.start();
+    server.setState(states.get("canPullIgnoredForceAddedFile").get("base"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+    wlgb.run();
+    File testProjDir = gitClone(PROJECT_ID, gitBridgePort, dir);
+    File one = new File(testProjDir, "sub/one.txt");
+    one.createNewFile();
+    FileWriter fw = new FileWriter(one.getPath());
+    fw.write("1");
+    fw.close();
+    assertEquals(0, runtime.exec("git add -A -f", null, testProjDir).waitFor());
+    gitCommit(testProjDir, "push");
+    gitPush(testProjDir);
+    server.setState(states.get("canPullIgnoredForceAddedFile").get("withUpdatedMainFile"));
+    gitPull(testProjDir);
+    File f = new File(testProjDir.getPath() + "/sub/one.txt");
+    assertTrue(f.exists());
+  }
+
+  @Test
+  public void canPullIgnoredFileFromOverleaf() throws IOException, InterruptedException {
+    int gitBridgePort = 33892;
+    int mockServerPort = 3892;
+    server =
+        new MockSnapshotServer(
+            mockServerPort, getResource("/canPullIgnoredForceAddedFile").toFile());
+    server.start();
+    server.setState(states.get("canPullIgnoredForceAddedFile").get("base"));
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+    wlgb.run();
+    File testProjDir = gitClone(PROJECT_ID, gitBridgePort, dir);
+    server.setState(states.get("canPullIgnoredForceAddedFile").get("withUpdatedMainFile"));
+    gitPull(testProjDir);
+    File f = new File(testProjDir.getPath() + "/sub/one.txt");
+    assertTrue(f.exists());
+  }
+
+  @Test
+  public void noCors() throws IOException, ExecutionException, InterruptedException {
+
+    int gitBridgePort = 33893;
+    int mockServerPort = 3893;
+
+    server = new MockSnapshotServer(mockServerPort, getResource("/canServePushedFiles").toFile());
+    server.start();
+    server.setState(states.get("canServePushedFiles").get("state"));
+
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+    wlgb.run();
+
+    String url = "http://127.0.0.1:" + gitBridgePort + "/status";
+    Response response = asyncHttpClient().prepareGet(url).execute().get();
+    assertEquals(200, response.getStatusCode());
+    assertEquals("ok\n", response.getResponseBody());
+    assertNull(response.getHeader("Access-Control-Allow-Origin"));
+  }
+
+  @Test
+  public void cors() throws IOException, ExecutionException, InterruptedException {
+
+    int gitBridgePort = 33894;
+    int mockServerPort = 3894;
+
+    server = new MockSnapshotServer(mockServerPort, getResource("/canServePushedFiles").toFile());
+    server.start();
+    server.setState(states.get("canServePushedFiles").get("state"));
+
+    wlgb = new GitBridgeApp(new String[] {makeConfigFile(gitBridgePort, mockServerPort)});
+    wlgb.run();
+
+    String url = "http://127.0.0.1:" + gitBridgePort + "/status";
+
+    // Success
+    Response response =
+        asyncHttpClient()
+            .prepareOptions(url)
+            .setHeader("Origin", "https://localhost")
+            .execute()
+            .get();
+    assertEquals(200, response.getStatusCode());
+    assertEquals("", response.getResponseBody());
+    assertEquals("https://localhost", response.getHeader("Access-Control-Allow-Origin"));
+
+    response =
+        asyncHttpClient().prepareGet(url).setHeader("Origin", "https://localhost").execute().get();
+    assertEquals(200, response.getStatusCode());
+    assertEquals("ok\n", response.getResponseBody());
+    assertEquals("https://localhost", response.getHeader("Access-Control-Allow-Origin"));
+
+    // Deny
+    response =
+        asyncHttpClient()
+            .prepareOptions(url)
+            .setHeader("Origin", "https://not-localhost")
+            .execute()
+            .get();
+    assertEquals(403, response.getStatusCode());
+    assertEquals("", response.getResponseBody());
+    assertNull(response.getHeader("Access-Control-Allow-Origin"));
+
+    response =
+        asyncHttpClient()
+            .prepareGet(url)
+            .setHeader("Origin", "https://not-localhost")
+            .execute()
+            .get();
+    assertEquals(200, response.getStatusCode());
+    assertEquals("ok\n", response.getResponseBody());
+    assertNull(response.getHeader("Access-Control-Allow-Origin"));
+  }
+
+  private String makeConfigFile(int port, int apiPort) throws IOException {
+    return makeConfigFile(port, apiPort, null);
+  }
+
+  private String makeConfigFile(int port, int apiPort, SwapJobConfig swapCfg) throws IOException {
+    File wlgb = folder.newFolder();
+    File config = folder.newFile();
+    PrintWriter writer = new PrintWriter(config);
+    String cfgStr =
+        "{\n"
+            + "    \"port\": "
+            + port
+            + ",\n"
+            + "    \"bindIp\": \"127.0.0.1\",\n"
+            + "    \"idleTimeout\": 30000,\n"
+            + "    \"rootGitDirectory\": \""
+            + wlgb.getAbsolutePath()
+            + "\",\n"
+            + "    \"allowedCorsOrigins\": \"https://localhost\",\n"
+            + "    \"apiBaseUrl\": \"http://127.0.0.1:"
+            + apiPort
+            + "/api/v0\",\n"
+            + "    \"postbackBaseUrl\": \"http://127.0.0.1:"
+            + port
+            + "\",\n"
+            + "    \"serviceName\": \"Overleaf\",\n"
+            + "    \"oauth2Server\": \"http://127.0.0.1:"
+            + apiPort
+            + "\"";
+    if (swapCfg != null) {
+      cfgStr +=
+          ",\n"
+              + "    \"swapStore\": {\n"
+              + "        \"type\": \"memory\",\n"
+              + "        \"awsAccessKey\": null,\n"
+              + "        \"awsSecret\": null,\n"
+              + "        \"s3BucketName\": \"com.overleaf.testbucket\"\n"
+              + "    },\n"
+              + "    \"swapJob\": {\n"
+              + "        \"allowUnsafeStores\": true,"
+              + "        \"minProjects\": "
+              + swapCfg.getMinProjects()
+              + ",\n"
+              + "        \"lowGiB\": "
+              + swapCfg.getLowGiB()
+              + ",\n"
+              + "        \"highGiB\": "
+              + swapCfg.getHighGiB()
+              + ",\n"
+              + "        \"intervalMillis\": "
+              + swapCfg.getIntervalMillis()
+              + "    }\n";
+    }
+    cfgStr += "}\n";
+    writer.print(cfgStr);
+    writer.close();
+    return config.getAbsolutePath();
+  }
+
+  private Path getResource(String path) {
+    return Paths.get(
+        "src/test/resources/" + "uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest" + path);
+  }
+
+  private InputStream getResourceAsStream(String path) {
+    try {
+      return new FileInputStream(getResource(path).toFile());
+    } catch (FileNotFoundException e) {
+      throw new RuntimeException(e);
+    }
+  }
+
+  private static String withoutWhitespace(String s) {
+    return s.replaceAll("\\s", "");
+  }
+}
diff --git a/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/application/config/ConfigTest.java b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/application/config/ConfigTest.java
new file mode 100644
index 0000000..8c102db
--- /dev/null
+++ b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/application/config/ConfigTest.java
@@ -0,0 +1,95 @@
+package uk.ac.ic.wlgitbridge.application.config;
+
+import static org.junit.Assert.*;
+
+import java.io.Reader;
+import java.io.StringReader;
+import org.junit.Test;
+
+/*
+ * Created by winston on 25/10/15.
+ */
+public class ConfigTest {
+
+  @Test
+  public void testConstructWithOauth() {
+    Reader reader =
+        new StringReader(
+            "{\n"
+                + "    \"port\": 80,\n"
+                + "    \"bindIp\": \"127.0.0.1\",\n"
+                + "    \"idleTimeout\": 30000,\n"
+                + "    \"rootGitDirectory\": \"/var/wlgb/git\",\n"
+                + "    \"apiBaseUrl\": \"http://127.0.0.1:60000/api/v0\",\n"
+                + "    \"postbackBaseUrl\": \"http://127.0.0.1\",\n"
+                + "    \"serviceName\": \"Overleaf\",\n"
+                + "    \"oauth2Server\": \"https://www.overleaf.com\"\n"
+                + "}\n");
+    Config config = new Config(reader);
+    assertEquals(80, config.getPort());
+    assertEquals("/var/wlgb/git", config.getRootGitDirectory());
+    assertEquals("http://127.0.0.1:60000/api/v0/", config.getAPIBaseURL());
+    assertEquals("http://127.0.0.1/", config.getPostbackURL());
+    assertEquals("Overleaf", config.getServiceName());
+    assertEquals("https://www.overleaf.com", config.getOauth2Server());
+  }
+
+  @Test(expected = AssertionError.class)
+  public void testConstructWithoutOauth() {
+    Reader reader =
+        new StringReader(
+            "{\n"
+                + "    \"port\": 80,\n"
+                + "    \"bindIp\": \"127.0.0.1\",\n"
+                + "    \"idleTimeout\": 30000,\n"
+                + "    \"rootGitDirectory\": \"/var/wlgb/git\",\n"
+                + "    \"apiBaseUrl\": \"http://127.0.0.1:60000/api/v0\",\n"
+                + "    \"postbackBaseUrl\": \"http://127.0.0.1\",\n"
+                + "    \"serviceName\": \"Overleaf\",\n"
+                + "    \"oauth2Server\": null\n"
+                + "}\n");
+    Config config = new Config(reader);
+    assertEquals(80, config.getPort());
+    assertEquals("/var/wlgb/git", config.getRootGitDirectory());
+    assertEquals("http://127.0.0.1:60000/api/v0/", config.getAPIBaseURL());
+    assertEquals("http://127.0.0.1/", config.getPostbackURL());
+    assertEquals("Overleaf", config.getServiceName());
+    assertNull(config.getOauth2Server());
+  }
+
+  @Test
+  public void asSanitised() throws Exception {
+    Reader reader =
+        new StringReader(
+            "{\n"
+                + "    \"port\": 80,\n"
+                + "    \"bindIp\": \"127.0.0.1\",\n"
+                + "    \"idleTimeout\": 30000,\n"
+                + "    \"rootGitDirectory\": \"/var/wlgb/git\",\n"
+                + "    \"apiBaseUrl\": \"http://127.0.0.1:60000/api/v0\",\n"
+                + "    \"postbackBaseUrl\": \"http://127.0.0.1\",\n"
+                + "    \"serviceName\": \"Overleaf\",\n"
+                + "    \"oauth2Server\": \"https://www.overleaf.com\"\n"
+                + "}\n");
+    Config config = new Config(reader);
+    String expected =
+        "{\n"
+            + "  \"port\": 80,\n"
+            + "  \"bindIp\": \"127.0.0.1\",\n"
+            + "  \"idleTimeout\": 30000,\n"
+            + "  \"rootGitDirectory\": \"/var/wlgb/git\",\n"
+            + "  \"allowedCorsOrigins\": [],\n"
+            + "  \"apiBaseURL\": \"http://127.0.0.1:60000/api/v0/\",\n"
+            + "  \"postbackURL\": \"http://127.0.0.1/\",\n"
+            + "  \"serviceName\": \"Overleaf\",\n"
+            + "  \"oauth2Server\": \"https://www.overleaf.com\",\n"
+            + "  \"userPasswordEnabled\": false,\n"
+            + "  \"repoStore\": null,\n"
+            + "  \"swapStore\": null,\n"
+            + "  \"swapJob\": null,\n"
+            + "  \"sqliteHeapLimitBytes\": 0\n"
+            + "}";
+    assertEquals(
+        "sanitised config did not hide sensitive fields", expected, config.getSanitisedString());
+  }
+}
diff --git a/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/BridgeTest.java b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/BridgeTest.java
new file mode 100644
index 0000000..e27c348
--- /dev/null
+++ b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/BridgeTest.java
@@ -0,0 +1,87 @@
+package uk.ac.ic.wlgitbridge.bridge;
+
+import static org.mockito.Mockito.*;
+
+import java.io.IOException;
+import java.util.ArrayDeque;
+import java.util.Optional;
+import org.junit.Before;
+import org.junit.Test;
+import uk.ac.ic.wlgitbridge.application.config.Config;
+import uk.ac.ic.wlgitbridge.bridge.db.DBStore;
+import uk.ac.ic.wlgitbridge.bridge.db.ProjectState;
+import uk.ac.ic.wlgitbridge.bridge.gc.GcJob;
+import uk.ac.ic.wlgitbridge.bridge.lock.ProjectLock;
+import uk.ac.ic.wlgitbridge.bridge.repo.ProjectRepo;
+import uk.ac.ic.wlgitbridge.bridge.repo.RepoStore;
+import uk.ac.ic.wlgitbridge.bridge.resource.ResourceCache;
+import uk.ac.ic.wlgitbridge.bridge.snapshot.SnapshotApiFacade;
+import uk.ac.ic.wlgitbridge.bridge.swap.job.SwapJob;
+import uk.ac.ic.wlgitbridge.bridge.swap.store.SwapStore;
+import uk.ac.ic.wlgitbridge.data.CannotAcquireLockException;
+import uk.ac.ic.wlgitbridge.git.exception.GitUserException;
+import uk.ac.ic.wlgitbridge.snapshot.getdoc.GetDocResult;
+
+/*
+ * Created by winston on 20/08/2016.
+ */
+public class BridgeTest {
+
+  private Bridge bridge;
+
+  private ProjectLock lock;
+  private RepoStore repoStore;
+  private DBStore dbStore;
+  private SwapStore swapStore;
+  private SnapshotApiFacade snapshotAPI;
+  private ResourceCache resourceCache;
+  private SwapJob swapJob;
+  private GcJob gcJob;
+
+  @Before
+  public void setup() {
+    lock = mock(ProjectLock.class);
+    repoStore = mock(RepoStore.class);
+    dbStore = mock(DBStore.class);
+    swapStore = mock(SwapStore.class);
+    snapshotAPI = mock(SnapshotApiFacade.class);
+    resourceCache = mock(ResourceCache.class);
+    swapJob = mock(SwapJob.class);
+    gcJob = mock(GcJob.class);
+    bridge =
+        new Bridge(
+            new Config(0, "", 0, "", null, "", "", "", null, false, null, null, null, 0),
+            lock,
+            repoStore,
+            dbStore,
+            swapStore,
+            swapJob,
+            gcJob,
+            snapshotAPI,
+            resourceCache);
+  }
+
+  @Test
+  public void shutdownStopsSwapAndGcJobs() {
+    bridge.startBackgroundJobs();
+    verify(swapJob).start();
+    verify(gcJob).start();
+    bridge.doShutdown();
+    verify(swapJob).stop();
+    verify(gcJob).stop();
+  }
+
+  @Test
+  public void updatingRepositorySetsLastAccessedTime()
+      throws IOException, GitUserException, CannotAcquireLockException {
+    ProjectRepo repo = mock(ProjectRepo.class);
+    when(repoStore.getExistingRepo("asdf")).thenReturn(repo);
+    when(dbStore.getProjectState("asdf")).thenReturn(ProjectState.PRESENT);
+    when(snapshotAPI.projectExists(Optional.empty(), "asdf")).thenReturn(true);
+    when(snapshotAPI.getDoc(Optional.empty(), "asdf"))
+        .thenReturn(Optional.of(mock(GetDocResult.class)));
+    when(snapshotAPI.getSnapshots(any(), any(), anyInt())).thenReturn(new ArrayDeque<>());
+    bridge.getUpdatedRepo(Optional.empty(), "asdf");
+    verify(dbStore).setLastAccessedTime(eq("asdf"), any());
+  }
+}
diff --git a/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/SqliteDBStoreTest.java b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/SqliteDBStoreTest.java
new file mode 100644
index 0000000..65fe3ed
--- /dev/null
+++ b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/SqliteDBStoreTest.java
@@ -0,0 +1,135 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite;
+
+import static org.junit.Assert.assertEquals;
+import static org.junit.Assert.assertNull;
+
+import java.io.IOException;
+import java.sql.Timestamp;
+import java.time.LocalDateTime;
+import java.time.temporal.ChronoUnit;
+import org.junit.Before;
+import org.junit.Test;
+import org.junit.rules.TemporaryFolder;
+import uk.ac.ic.wlgitbridge.bridge.db.ProjectState;
+
+/*
+ * Created by winston on 23/08/2016.
+ */
+public class SqliteDBStoreTest {
+
+  private SqliteDBStore dbStore;
+
+  @Before
+  public void setup() throws IOException {
+    TemporaryFolder tmpFolder = new TemporaryFolder();
+    tmpFolder.create();
+    dbStore = new SqliteDBStore(tmpFolder.newFile("dbStore.db"));
+  }
+
+  @Test
+  public void testGetNumProjects() {
+    assertEquals(0, dbStore.getNumProjects());
+    dbStore.setLatestVersionForProject("asdf", 1);
+    assertEquals(1, dbStore.getNumProjects());
+    dbStore.setLatestVersionForProject("asdf1", 2);
+    assertEquals(2, dbStore.getNumProjects());
+    dbStore.setLatestVersionForProject("asdf1", 3);
+    assertEquals(2, dbStore.getNumProjects());
+  }
+
+  @Test
+  public void swapTableStartsOutEmpty() {
+    assertNull(dbStore.getOldestUnswappedProject());
+  }
+
+  @Test
+  public void testGetOldestUnswappedProject() {
+    dbStore.setLatestVersionForProject("older", 3);
+    dbStore.setLastAccessedTime(
+        "older", Timestamp.valueOf(LocalDateTime.now().minus(5, ChronoUnit.SECONDS)));
+    dbStore.setLatestVersionForProject("asdf", 1);
+    dbStore.setLastAccessedTime(
+        "asdf", Timestamp.valueOf(LocalDateTime.now().minus(1, ChronoUnit.SECONDS)));
+    assertEquals("older", dbStore.getOldestUnswappedProject());
+    dbStore.setLastAccessedTime("older", Timestamp.valueOf(LocalDateTime.now()));
+    assertEquals("asdf", dbStore.getOldestUnswappedProject());
+  }
+
+  @Test
+  public void swapAndRestore() {
+    String projectName = "something";
+    String compression = "bzip2";
+    dbStore.setLatestVersionForProject(projectName, 42);
+    dbStore.swap(projectName, compression);
+    assertNull(dbStore.getOldestUnswappedProject());
+    assertEquals(dbStore.getSwapCompression(projectName), compression);
+    // and restore
+    dbStore.restore(projectName);
+    assertEquals(dbStore.getSwapCompression(projectName), null);
+  }
+
+  @Test
+  public void noOldestProjectIfAllEvicted() {
+    dbStore.setLatestVersionForProject("older", 3);
+    dbStore.swap("older", "bzip2");
+    assertNull(dbStore.getOldestUnswappedProject());
+  }
+
+  @Test
+  public void nullLastAccessedTimesDoNotCount() {
+    dbStore.setLatestVersionForProject("older", 2);
+    dbStore.setLastAccessedTime(
+        "older", Timestamp.valueOf(LocalDateTime.now().minus(5, ChronoUnit.SECONDS)));
+    dbStore.setLatestVersionForProject("newer", 3);
+    dbStore.setLastAccessedTime("newer", Timestamp.valueOf(LocalDateTime.now()));
+    assertEquals("older", dbStore.getOldestUnswappedProject());
+    dbStore.swap("older", "bzip2");
+    assertEquals("newer", dbStore.getOldestUnswappedProject());
+  }
+
+  @Test
+  public void missingProjectLastAccessedTimeCanBeSet() {
+    dbStore.setLatestVersionForProject("asdf", 1);
+    dbStore.setLastAccessedTime("asdf", Timestamp.valueOf(LocalDateTime.now()));
+    assertEquals("asdf", dbStore.getOldestUnswappedProject());
+  }
+
+  @Test
+  public void testGetNumUnswappedProjects() {
+    dbStore.setLatestVersionForProject("asdf", 1);
+    dbStore.setLastAccessedTime("asdf", Timestamp.valueOf(LocalDateTime.now()));
+    assertEquals(1, dbStore.getNumUnswappedProjects());
+    dbStore.swap("asdf", "bzip2");
+    assertEquals(0, dbStore.getNumUnswappedProjects());
+  }
+
+  @Test
+  public void projectStateIsNotPresentIfNotInDBAtAll() {
+    assertEquals(ProjectState.NOT_PRESENT, dbStore.getProjectState("asdf"));
+  }
+
+  @Test
+  public void projectStateIsPresentIfProjectHasLastAccessed() {
+    dbStore.setLatestVersionForProject("asdf", 1);
+    dbStore.setLastAccessedTime("asdf", Timestamp.valueOf(LocalDateTime.now()));
+    assertEquals(ProjectState.PRESENT, dbStore.getProjectState("asdf"));
+  }
+
+  @Test
+  public void projectStateIsSwappedIfLastAccessedIsNull() {
+    dbStore.setLatestVersionForProject("asdf", 1);
+    dbStore.swap("asdf", "bzip2");
+    assertEquals(ProjectState.SWAPPED, dbStore.getProjectState("asdf"));
+  }
+
+  @Test
+  public void testDeleteProject() {
+    dbStore.setLatestVersionForProject("project1", 1);
+    dbStore.setLatestVersionForProject("project2", 1);
+    assertEquals(ProjectState.PRESENT, dbStore.getProjectState("project1"));
+    assertEquals(ProjectState.PRESENT, dbStore.getProjectState("project2"));
+    dbStore.deleteProject("project1");
+    assertEquals(ProjectState.NOT_PRESENT, dbStore.getProjectState("project1"));
+    assertEquals(ProjectState.PRESENT, dbStore.getProjectState("project2"));
+  }
+}
diff --git a/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/delete/DeleteFilesForProjectSQLUpdateTest.java b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/delete/DeleteFilesForProjectSQLUpdateTest.java
new file mode 100644
index 0000000..03919bf
--- /dev/null
+++ b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/db/sqlite/update/delete/DeleteFilesForProjectSQLUpdateTest.java
@@ -0,0 +1,17 @@
+package uk.ac.ic.wlgitbridge.bridge.db.sqlite.update.delete;
+
+import static org.junit.Assert.*;
+
+import org.junit.Test;
+
+public class DeleteFilesForProjectSQLUpdateTest {
+
+  @Test
+  public void testGetSQL() {
+    DeleteFilesForProjectSQLUpdate update =
+        new DeleteFilesForProjectSQLUpdate("projname", "path1", "path2");
+    assertEquals(
+        "DELETE FROM `url_index_store` " + "WHERE `project_name` = ? " + "AND path IN (?, ?);\n",
+        update.getSQL());
+  }
+}
diff --git a/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/gc/GcJobImplTest.java b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/gc/GcJobImplTest.java
new file mode 100644
index 0000000..fef30e7
--- /dev/null
+++ b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/gc/GcJobImplTest.java
@@ -0,0 +1,119 @@
+package uk.ac.ic.wlgitbridge.bridge.gc;
+
+import static org.junit.Assert.assertFalse;
+import static org.mockito.Mockito.*;
+
+import java.io.IOException;
+import java.util.List;
+import java.util.concurrent.CompletableFuture;
+import java.util.stream.Collectors;
+import java.util.stream.IntStream;
+import org.junit.After;
+import org.junit.Before;
+import org.junit.Test;
+import org.mockito.stubbing.OngoingStubbing;
+import uk.ac.ic.wlgitbridge.bridge.lock.LockGuard;
+import uk.ac.ic.wlgitbridge.bridge.lock.ProjectLock;
+import uk.ac.ic.wlgitbridge.bridge.repo.ProjectRepo;
+import uk.ac.ic.wlgitbridge.bridge.repo.RepoStore;
+import uk.ac.ic.wlgitbridge.data.CannotAcquireLockException;
+import uk.ac.ic.wlgitbridge.data.ProjectLockImpl;
+
+/*
+ * Created by winston on 16/02/2017.
+ */
+public class GcJobImplTest {
+
+  RepoStore repoStore = mock(RepoStore.class);
+
+  ProjectLock locks;
+
+  GcJobImpl gcJob;
+
+  @Before
+  public void setup() {
+    locks = new ProjectLockImpl();
+    gcJob = new GcJobImpl(repoStore, locks, 5);
+  }
+
+  @After
+  public void teardown() {
+    gcJob.stop();
+  }
+
+  @Test
+  public void addedProjectsAreAllEventuallyGcedOnce() throws Exception {
+    int numProjects = 5;
+    /* Make the mocks, make expectations, and keep a reference to them */
+    final OngoingStubbing<ProjectRepo>[] o =
+        new OngoingStubbing[] {when(repoStore.getExistingRepo(anyString()))};
+    List<ProjectRepo> mockRepos =
+        IntStream.range(0, numProjects)
+            .mapToObj(i -> String.valueOf((char) ('a' + i)))
+            .map(
+                proj -> {
+                  gcJob.queueForGc(proj);
+                  ProjectRepo mockRepo = mock(ProjectRepo.class);
+                  o[0] = o[0].thenReturn(mockRepo);
+                  return mockRepo;
+                })
+            .collect(Collectors.toList());
+    CompletableFuture<Void> fut = gcJob.waitForRun();
+    gcJob.start();
+    fut.join();
+    for (ProjectRepo mock : mockRepos) {
+      verify(mock).runGC();
+      verify(mock).deleteIncomingPacks();
+    }
+    /* Nothing should happen on the next run */
+    when(repoStore.getExistingRepo(anyString())).thenThrow(new IllegalStateException());
+    gcJob.waitForRun().join();
+  }
+
+  @Test
+  public void cannotOverlapGcRuns() throws Exception {
+    CompletableFuture<Void> runningForever = new CompletableFuture<>();
+    gcJob.onPostGc(
+        () -> {
+          try {
+            /* Pretend the GC is taking forever */
+            runningForever.join();
+          } catch (Throwable e) {
+            runningForever.completeExceptionally(e);
+          }
+        });
+    CompletableFuture<Void> fut = gcJob.waitForRun();
+    gcJob.start();
+    fut.join();
+    CompletableFuture<Void> ranAgain = new CompletableFuture<>();
+    gcJob.onPreGc(() -> ranAgain.complete(null));
+    /* Should not run again any time soon */
+    for (int i = 0; i < 50; ++i) {
+      assertFalse(ranAgain.isDone());
+      /* The gc interval is 5 ms, so 50 1ms sleeps should be more than
+      enough without making the test slow */
+      Thread.sleep(1);
+    }
+    assertFalse(runningForever.isCompletedExceptionally());
+  }
+
+  @Test
+  public void willNotGcProjectUntilItIsUnlocked() throws InterruptedException, IOException {
+    ProjectRepo repo = mock(ProjectRepo.class);
+    when(repoStore.getExistingRepo(anyString())).thenReturn(repo);
+    gcJob.onPostGc(gcJob::stop);
+    gcJob.queueForGc("a");
+    CompletableFuture<Void> fut = gcJob.waitForRun();
+    try (LockGuard __ = locks.lockGuard("a")) {
+      gcJob.start();
+      for (int i = 0; i < 50; ++i) {
+        assertFalse(fut.isDone());
+        Thread.sleep(1);
+      }
+    } catch (CannotAcquireLockException e) {
+      throw new RuntimeException(e);
+    }
+    /* Now that we've released the lock, fut should complete */
+    fut.join();
+  }
+}
diff --git a/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest.java b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest.java
new file mode 100644
index 0000000..0e4b01f
--- /dev/null
+++ b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest.java
@@ -0,0 +1,80 @@
+package uk.ac.ic.wlgitbridge.bridge.repo;
+
+import static org.junit.Assert.*;
+
+import java.io.*;
+import java.nio.file.Path;
+import java.nio.file.Paths;
+import java.util.Arrays;
+import java.util.Optional;
+import org.apache.commons.io.FileUtils;
+import org.junit.Before;
+import org.junit.Test;
+import org.junit.rules.TemporaryFolder;
+import uk.ac.ic.wlgitbridge.util.Files;
+
+/*
+ * Created by winston on 23/08/2016.
+ */
+public class FSGitRepoStoreTest {
+
+  public static File makeTempRepoDir(TemporaryFolder tmpFolder, String name) throws IOException {
+    File tmp = tmpFolder.newFolder(name);
+    Path rootdir =
+        Paths.get(
+            "src/test/resources/uk/ac/ic/wlgitbridge/" + "bridge/repo/FSGitRepoStoreTest/rootdir");
+    FileUtils.copyDirectory(rootdir.toFile(), tmp);
+    Files.renameAll(tmp, "DOTgit", ".git");
+    return tmp;
+  }
+
+  private FSGitRepoStore repoStore;
+  private File original;
+
+  @Before
+  public void setup() throws IOException {
+    TemporaryFolder tmpFolder = new TemporaryFolder();
+    tmpFolder.create();
+    File tmp = makeTempRepoDir(tmpFolder, "rootdir");
+    original = tmpFolder.newFolder("original");
+    FileUtils.copyDirectory(tmp, original);
+    repoStore = new FSGitRepoStore(tmp.getAbsolutePath(), Optional.empty());
+  }
+
+  @Test
+  public void testPurgeNonexistentProjects() {
+    File toDelete = new File(repoStore.getRootDirectory(), "idontexist");
+    File wlgb = new File(repoStore.getRootDirectory(), ".wlgb");
+    assertTrue(toDelete.exists());
+    assertTrue(wlgb.exists());
+    repoStore.purgeNonexistentProjects(Arrays.asList("proj1", "proj2"));
+    assertFalse(toDelete.exists());
+    assertTrue(wlgb.exists());
+  }
+
+  @Test
+  public void totalSizeShouldChangeWhenFilesAreCreatedAndDeleted() throws IOException {
+    long old = repoStore.totalSize();
+    File temp = new File(repoStore.getRootDirectory(), "__temp.txt");
+    try (OutputStream out = new FileOutputStream(temp)) {
+      out.write(new byte[16 * 1024 * 1024]);
+    }
+    long new_ = repoStore.totalSize();
+    assertTrue(new_ > old);
+    assertTrue(temp.delete());
+    long new__ = repoStore.totalSize();
+    assertTrue(new__ < new_);
+  }
+
+  @Test
+  public void zipAndUnzipShouldBeTheSame() throws IOException {
+    File expected = new File(original, "proj1");
+    File actual = new File(repoStore.getRootDirectory(), "proj1");
+    assertTrue(Files.contentsAreEqual(expected, actual));
+    InputStream zipped = repoStore.bzip2Project("proj1");
+    repoStore.remove("proj1");
+    assertFalse(actual.exists());
+    repoStore.unbzip2Project("proj1", zipped);
+    assertTrue(Files.contentsAreEqual(expected, actual));
+  }
+}
diff --git a/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest.java b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest.java
new file mode 100644
index 0000000..7222203
--- /dev/null
+++ b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest.java
@@ -0,0 +1,172 @@
+package uk.ac.ic.wlgitbridge.bridge.repo;
+
+import static org.hamcrest.Matchers.equalTo;
+import static org.hamcrest.Matchers.lessThan;
+import static org.junit.Assert.*;
+
+import com.google.api.client.repackaged.com.google.common.base.Preconditions;
+import java.io.File;
+import java.io.IOException;
+import java.nio.charset.StandardCharsets;
+import java.nio.file.Path;
+import java.nio.file.Paths;
+import java.util.*;
+import java.util.function.Supplier;
+import org.apache.commons.io.FileUtils;
+import org.junit.Before;
+import org.junit.Rule;
+import org.junit.Test;
+import org.junit.rules.TemporaryFolder;
+import uk.ac.ic.wlgitbridge.data.filestore.GitDirectoryContents;
+import uk.ac.ic.wlgitbridge.data.filestore.RawFile;
+import uk.ac.ic.wlgitbridge.data.filestore.RepositoryFile;
+import uk.ac.ic.wlgitbridge.snapshot.servermock.util.FileUtil;
+import uk.ac.ic.wlgitbridge.util.Files;
+
+/*
+ * Created by winston on 08/10/2016.
+ */
+public class GitProjectRepoTest {
+
+  public static File makeTempRepoDir(TemporaryFolder tmpFolder, String name) throws IOException {
+    File tmp = tmpFolder.newFolder(name);
+    Path rootdir =
+        Paths.get(
+            "src/test/resources/uk/ac/ic/wlgitbridge/" + "bridge/repo/GitProjectRepoTest/rootdir");
+    FileUtils.copyDirectory(rootdir.toFile(), tmp);
+    Files.renameAll(tmp, "DOTgit", ".git");
+    return tmp;
+  }
+
+  private File rootdir;
+  FSGitRepoStore repoStore;
+  GitProjectRepo repo;
+  GitProjectRepo badGitignore;
+  GitProjectRepo incoming;
+  GitProjectRepo withoutIncoming;
+
+  @Rule public TemporaryFolder tmpFolder = new TemporaryFolder();
+
+  @Before
+  public void setup() throws IOException {
+    rootdir = makeTempRepoDir(tmpFolder, "rootdir");
+    repoStore = new FSGitRepoStore(rootdir.getAbsolutePath(), Optional.empty());
+    repo = fromExistingDir("repo");
+    badGitignore = fromExistingDir("badgitignore");
+    incoming = fromExistingDir("incoming");
+    withoutIncoming = fromExistingDir("without_incoming");
+  }
+
+  private GitProjectRepo fromExistingDir(String dir) throws IOException {
+    GitProjectRepo ret = GitProjectRepo.fromName(dir);
+    ret.useExistingRepository(repoStore);
+    return ret;
+  }
+
+  private GitDirectoryContents makeDirContents(String... contents) {
+    Preconditions.checkArgument(contents.length % 2 == 0);
+    List<RawFile> files = new ArrayList<>(contents.length / 2);
+    for (int i = 0; i + 1 < contents.length; i += 2) {
+      files.add(new RepositoryFile(contents[i], contents[i + 1].getBytes(StandardCharsets.UTF_8)));
+    }
+    return new GitDirectoryContents(
+        files,
+        repoStore.getRootDirectory(),
+        "repo",
+        "Winston Li",
+        "git@winston.li",
+        "Commit Message",
+        new Date());
+  }
+
+  @Test
+  public void deletingIgnoredFileOnAppDeletesFromTheRepo() throws IOException {
+    GitDirectoryContents contents = makeDirContents(".gitignore", "*.ignored\n");
+    repo.commitAndGetMissing(contents);
+    repo.resetHard();
+    File dir = repo.getDotGitDir();
+    assertEquals(
+        new HashSet<String>(Arrays.asList(".git", ".gitignore")),
+        new HashSet<String>(Arrays.asList(dir.list())));
+  }
+
+  @Test
+  public void addingIgnoredFilesOnAppAddsToTheRepo() throws IOException {
+    GitDirectoryContents contents =
+        makeDirContents(
+            ".gitignore",
+            "*.ignored\n",
+            "file1.ignored",
+            "",
+            "file1.txt",
+            "",
+            "file2.txt",
+            "",
+            "added.ignored",
+            "");
+    repo.commitAndGetMissing(contents);
+    repo.resetHard();
+    assertEquals(
+        new HashSet<String>(
+            Arrays.asList(
+                ".git", ".gitignore", "file1.ignored", "file1.txt", "file2.txt", "added.ignored")),
+        new HashSet<String>(Arrays.asList(repo.getDotGitDir().list())));
+  }
+
+  @Test
+  public void badGitignoreShouldNotThrow() throws IOException {
+    GitDirectoryContents contents =
+        makeDirContents(
+            ".gitignore",
+            "*.ignored\n",
+            "file1.ignored",
+            "",
+            "file1.txt",
+            "",
+            "file2.txt",
+            "",
+            "added.ignored",
+            "");
+    badGitignore.commitAndGetMissing(contents);
+  }
+
+  private static long repoSize(ProjectRepo repo) {
+    return FileUtils.sizeOfDirectory(repo.getProjectDir());
+  }
+
+  @Test
+  public void runGCReducesTheSizeOfARepoWithGarbage() throws IOException {
+    long beforeSize = repoSize(repo);
+    repo.runGC();
+    long afterSize = repoSize(repo);
+    assertThat(beforeSize, lessThan(afterSize));
+  }
+
+  @Test
+  public void runGCDoesNothingOnARepoWithoutGarbage() throws IOException {
+    repo.runGC();
+    long beforeSize = repoSize(repo);
+    repo.runGC();
+    long afterSize = repoSize(repo);
+    assertThat(beforeSize, equalTo(afterSize));
+  }
+
+  @Test
+  public void deleteIncomingPacksDeletesIncomingPacks() throws IOException {
+    Supplier<Boolean> dirsAreEq =
+        () ->
+            FileUtil.directoryDeepEquals(incoming.getProjectDir(), withoutIncoming.getProjectDir());
+    assertFalse(dirsAreEq.get());
+    incoming.deleteIncomingPacks();
+    assertTrue(dirsAreEq.get());
+  }
+
+  @Test
+  public void deleteIncomingPacksOnDirWithoutIncomingPacksDoesNothing() throws IOException {
+    File actual = withoutIncoming.getProjectDir();
+    File expected = tmpFolder.newFolder();
+    FileUtils.copyDirectory(actual, expected);
+    withoutIncoming.deleteIncomingPacks();
+    assertTrue(FileUtil.directoryDeepEquals(actual, expected));
+  }
+}
diff --git a/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/resource/UrlResourceCacheTest.java b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/resource/UrlResourceCacheTest.java
new file mode 100644
index 0000000..f49822a
--- /dev/null
+++ b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/resource/UrlResourceCacheTest.java
@@ -0,0 +1,118 @@
+package uk.ac.ic.wlgitbridge.bridge.resource;
+
+import static org.mockito.ArgumentMatchers.any;
+import static org.mockito.Mockito.mock;
+import static org.mockito.Mockito.verify;
+import static org.mockito.Mockito.when;
+
+import io.netty.handler.codec.http.DefaultHttpHeaders;
+import io.netty.handler.codec.http.HttpHeaders;
+import java.io.IOException;
+import java.util.HashMap;
+import java.util.Optional;
+import java.util.concurrent.ExecutionException;
+import org.junit.Test;
+import uk.ac.ic.wlgitbridge.bridge.db.DBStore;
+import uk.ac.ic.wlgitbridge.bridge.util.CastUtil;
+import uk.ac.ic.wlgitbridge.git.exception.SizeLimitExceededException;
+import uk.ac.ic.wlgitbridge.io.http.ning.NingHttpClientFacade;
+import uk.ac.ic.wlgitbridge.util.FunctionT;
+
+public class UrlResourceCacheTest {
+
+  private static String PROJ = "proj";
+
+  private static String URL = "http://localhost/file.jpg";
+
+  private static String NEW_PATH = "file1.jpg";
+
+  private final NingHttpClientFacade http = mock(NingHttpClientFacade.class);
+
+  private final DBStore dbStore = mock(DBStore.class);
+
+  private final UrlResourceCache cache = new UrlResourceCache(dbStore, http);
+
+  private static HttpHeaders withContentLength(long cl) {
+    return new DefaultHttpHeaders().add("Content-Length", String.valueOf(cl));
+  }
+
+  private void respondWithContentLength(long cl, long actual) throws ExecutionException {
+    when(http.get(any(), any()))
+        .thenAnswer(
+            invoc -> {
+              Object[] args = invoc.getArguments();
+              //noinspection unchecked
+              ((FunctionT<HttpHeaders, Boolean, SizeLimitExceededException>) args[1])
+                  .apply(withContentLength(cl));
+              return new byte[CastUtil.assumeInt(actual)];
+            });
+  }
+
+  private void respondWithContentLength(long cl) throws ExecutionException {
+    respondWithContentLength(cl, cl);
+  }
+
+  private void getWithMaxLength(Optional<Long> max) throws IOException, SizeLimitExceededException {
+    cache.get(PROJ, URL, NEW_PATH, new HashMap<>(), new HashMap<>(), max);
+  }
+
+  private void getUrl(String url) throws IOException, SizeLimitExceededException {
+    cache.get(PROJ, url, NEW_PATH, new HashMap<>(), new HashMap<>(), Optional.empty());
+  }
+
+  private void getWithMaxLength(long max) throws IOException, SizeLimitExceededException {
+    getWithMaxLength(Optional.of(max));
+  }
+
+  private void getWithoutLimit() throws IOException, SizeLimitExceededException {
+    getWithMaxLength(Optional.empty());
+  }
+
+  @Test
+  public void getDoesNotThrowWhenContentLengthLT() throws Exception {
+    respondWithContentLength(1);
+    getWithMaxLength(2);
+  }
+
+  @Test
+  public void getDoesNotThrowWhenContentLengthEQ() throws Exception {
+    respondWithContentLength(2);
+    getWithMaxLength(2);
+  }
+
+  @Test(expected = SizeLimitExceededException.class)
+  public void getThrowsSizeLimitExceededWhenContentLengthGT() throws Exception {
+    respondWithContentLength(3);
+    getWithMaxLength(2);
+  }
+
+  @Test
+  public void getWithEmptyContentIsValid() throws Exception {
+    respondWithContentLength(0);
+    getWithMaxLength(0);
+  }
+
+  @Test
+  public void getWithoutLimitDoesNotThrow() throws Exception {
+    respondWithContentLength(Integer.MAX_VALUE, 0);
+    getWithoutLimit();
+  }
+
+  @Test(expected = SizeLimitExceededException.class)
+  public void getThrowsIfActualContentTooBig() throws Exception {
+    respondWithContentLength(0, 10);
+    getWithMaxLength(5);
+  }
+
+  @Test
+  public void tokenIsRemovedFromCacheKey() throws Exception {
+    String url =
+        "http://history.overleaf.com/projects/1234/blobs/abdef?token=secretencryptedstuff&_path=test.tex";
+    String cacheKey =
+        "http://history.overleaf.com/projects/1234/blobs/abdef?token=REMOVED&_path=test.tex";
+    respondWithContentLength(123);
+    getUrl(url);
+    verify(dbStore).getPathForURLInProject(PROJ, cacheKey);
+    verify(dbStore).addURLIndexForProject(PROJ, cacheKey, NEW_PATH);
+  }
+}
diff --git a/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/swap/job/SwapJobImplTest.java b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/swap/job/SwapJobImplTest.java
new file mode 100644
index 0000000..3956d28
--- /dev/null
+++ b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/swap/job/SwapJobImplTest.java
@@ -0,0 +1,170 @@
+package uk.ac.ic.wlgitbridge.bridge.swap.job;
+
+import static org.junit.Assert.assertEquals;
+import static org.junit.Assert.assertTrue;
+
+import java.io.IOException;
+import java.sql.Timestamp;
+import java.time.Duration;
+import java.time.LocalDateTime;
+import java.time.temporal.ChronoUnit;
+import org.apache.commons.io.FileUtils;
+import org.junit.After;
+import org.junit.Before;
+import org.junit.Test;
+import org.junit.rules.TemporaryFolder;
+import uk.ac.ic.wlgitbridge.bridge.db.DBStore;
+import uk.ac.ic.wlgitbridge.bridge.db.sqlite.SqliteDBStore;
+import uk.ac.ic.wlgitbridge.bridge.lock.ProjectLock;
+import uk.ac.ic.wlgitbridge.bridge.repo.FSGitRepoStore;
+import uk.ac.ic.wlgitbridge.bridge.repo.FSGitRepoStoreTest;
+import uk.ac.ic.wlgitbridge.bridge.repo.RepoStore;
+import uk.ac.ic.wlgitbridge.bridge.swap.store.InMemorySwapStore;
+import uk.ac.ic.wlgitbridge.bridge.swap.store.SwapStore;
+import uk.ac.ic.wlgitbridge.data.ProjectLockImpl;
+
+/*
+ * Created by winston on 20/08/2016.
+ */
+public class SwapJobImplTest {
+
+  private SwapJobImpl swapJob;
+
+  private ProjectLock lock;
+  private RepoStore repoStore;
+  private DBStore dbStore;
+  private SwapStore swapStore;
+
+  @Before
+  public void setup() throws IOException {
+    TemporaryFolder tmpFolder = new TemporaryFolder();
+    tmpFolder.create();
+    lock = new ProjectLockImpl();
+    repoStore =
+        new FSGitRepoStore(
+            FSGitRepoStoreTest.makeTempRepoDir(tmpFolder, "repostore").getAbsolutePath(),
+            100_000,
+            FileUtils::sizeOfDirectory);
+    dbStore = new SqliteDBStore(tmpFolder.newFile());
+    dbStore.setLatestVersionForProject("proj1", 0);
+    dbStore.setLatestVersionForProject("proj2", 0);
+    dbStore.setLastAccessedTime("proj1", Timestamp.valueOf(LocalDateTime.now()));
+    dbStore.setLastAccessedTime(
+        "proj2", Timestamp.valueOf(LocalDateTime.now().minus(1, ChronoUnit.SECONDS)));
+    swapStore = new InMemorySwapStore();
+    swapJob =
+        new SwapJobImpl(
+            1,
+            15000,
+            30000,
+            Duration.ofMillis(100),
+            SwapJob.CompressionMethod.Bzip2,
+            lock,
+            repoStore,
+            dbStore,
+            swapStore);
+  }
+
+  @After
+  public void teardown() {
+    if (swapJob != null) {
+      swapJob.stop();
+    }
+  }
+
+  private void waitASecond() {
+    try {
+      Thread.sleep(1 * 1000);
+    } catch (Exception _e) {
+    }
+  }
+
+  @Test
+  public void startingTimerAlwaysCausesASwap() {
+    swapJob.lowWatermarkBytes = 16384;
+    swapJob.interval = Duration.ofHours(1);
+    assertEquals(0, swapJob.swaps.get());
+    swapJob.start();
+    do {
+      waitASecond();
+    } while (swapJob.swaps.get() <= 0);
+    assertTrue(swapJob.swaps.get() > 0);
+  }
+
+  @Test
+  public void swapsHappenEveryInterval() {
+    swapJob.lowWatermarkBytes = 16384;
+    assertEquals(0, swapJob.swaps.get());
+    swapJob.start();
+    do {
+      waitASecond();
+    } while (swapJob.swaps.get() <= 1);
+    assertTrue(swapJob.swaps.get() > 1);
+  }
+
+  @Test
+  public void noProjectsGetSwappedWhenUnderHighWatermark() {
+    swapJob.highWatermarkBytes = 65536;
+    assertEquals(2, dbStore.getNumUnswappedProjects());
+    swapJob.start();
+    do {
+      waitASecond();
+    } while (swapJob.swaps.get() < 1);
+    assertEquals(2, dbStore.getNumUnswappedProjects());
+  }
+
+  @Test
+  public void correctProjGetSwappedWhenOverHighWatermark() throws IOException {
+    swapJob.lowWatermarkBytes = 16384;
+    assertEquals(2, dbStore.getNumUnswappedProjects());
+    assertEquals("proj2", dbStore.getOldestUnswappedProject());
+    swapJob.start();
+    do {
+      waitASecond();
+    } while (swapJob.swaps.get() < 1);
+    assertEquals(1, dbStore.getNumUnswappedProjects());
+    assertEquals("proj1", dbStore.getOldestUnswappedProject());
+    assertEquals("bzip2", dbStore.getSwapCompression("proj2"));
+    swapJob.restore("proj2");
+    assertEquals(null, dbStore.getSwapCompression("proj2"));
+    int numSwaps = swapJob.swaps.get();
+    do {
+      waitASecond();
+    } while (swapJob.swaps.get() <= numSwaps);
+    assertEquals(1, dbStore.getNumUnswappedProjects());
+    assertEquals("proj2", dbStore.getOldestUnswappedProject());
+  }
+
+  @Test
+  public void swapCompressionGzip() throws IOException {
+    swapJob =
+        new SwapJobImpl(
+            1,
+            15000,
+            30000,
+            Duration.ofMillis(100),
+            SwapJob.CompressionMethod.Gzip,
+            lock,
+            repoStore,
+            dbStore,
+            swapStore);
+    swapJob.lowWatermarkBytes = 16384;
+    assertEquals(2, dbStore.getNumUnswappedProjects());
+    assertEquals("proj2", dbStore.getOldestUnswappedProject());
+    swapJob.start();
+    do {
+      waitASecond();
+    } while (swapJob.swaps.get() < 1);
+    assertEquals(1, dbStore.getNumUnswappedProjects());
+    assertEquals("proj1", dbStore.getOldestUnswappedProject());
+    assertEquals("gzip", dbStore.getSwapCompression("proj2"));
+    swapJob.restore("proj2");
+    assertEquals(null, dbStore.getSwapCompression("proj2"));
+    int numSwaps = swapJob.swaps.get();
+    do {
+      waitASecond();
+    } while (swapJob.swaps.get() <= numSwaps);
+    assertEquals(1, dbStore.getNumUnswappedProjects());
+    assertEquals("proj2", dbStore.getOldestUnswappedProject());
+  }
+}
diff --git a/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/swap/store/InMemorySwapStoreTest.java b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/swap/store/InMemorySwapStoreTest.java
new file mode 100644
index 0000000..a5a9f39
--- /dev/null
+++ b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/swap/store/InMemorySwapStoreTest.java
@@ -0,0 +1,56 @@
+package uk.ac.ic.wlgitbridge.bridge.swap.store;
+
+import static org.junit.Assert.assertArrayEquals;
+
+import java.io.ByteArrayInputStream;
+import java.io.IOException;
+import org.apache.commons.io.IOUtils;
+import org.junit.Rule;
+import org.junit.Test;
+import org.junit.rules.ExpectedException;
+
+/*
+ * Created by winston on 23/08/2016.
+ */
+public class InMemorySwapStoreTest {
+
+  private final InMemorySwapStore swapStore = new InMemorySwapStore();
+
+  @Rule public final ExpectedException exception = ExpectedException.none();
+
+  @Test
+  public void downloadingNonExistentFileThrows() {
+    exception.expect(IllegalArgumentException.class);
+    swapStore.openDownloadStream("asdf");
+  }
+
+  @Test
+  public void canDownloadUploadedFiles() throws IOException {
+    byte[] proj1Contents = "helloproj1".getBytes();
+    byte[] proj2Contents = "asdfproj2".getBytes();
+    swapStore.upload("proj1", new ByteArrayInputStream(proj1Contents), proj1Contents.length);
+    swapStore.upload("proj2", new ByteArrayInputStream(proj2Contents), proj2Contents.length);
+    assertArrayEquals(proj1Contents, IOUtils.toByteArray(swapStore.openDownloadStream("proj1")));
+    assertArrayEquals(proj2Contents, IOUtils.toByteArray(swapStore.openDownloadStream("proj2")));
+  }
+
+  @Test
+  public void uploadingForTheSameProjectOverwritesTheFile() throws IOException {
+    byte[] proj1Contents = "helloproj1".getBytes();
+    byte[] proj1NewContents = "goodbyeproj1".getBytes();
+    swapStore.upload("proj1", new ByteArrayInputStream(proj1Contents), proj1Contents.length);
+    assertArrayEquals(proj1Contents, IOUtils.toByteArray(swapStore.openDownloadStream("proj1")));
+    swapStore.upload("proj1", new ByteArrayInputStream(proj1NewContents), proj1NewContents.length);
+    assertArrayEquals(proj1NewContents, IOUtils.toByteArray(swapStore.openDownloadStream("proj1")));
+  }
+
+  @Test
+  public void canRemoveFiles() throws IOException {
+    byte[] projContents = "total garbage".getBytes();
+    swapStore.upload("proj", new ByteArrayInputStream(projContents), projContents.length);
+    assertArrayEquals(projContents, IOUtils.toByteArray(swapStore.openDownloadStream("proj")));
+    swapStore.remove("proj");
+    exception.expect(IllegalArgumentException.class);
+    swapStore.openDownloadStream("proj");
+  }
+}
diff --git a/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/swap/store/S3SwapStoreTest.java b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/swap/store/S3SwapStoreTest.java
new file mode 100644
index 0000000..3bbdfe0
--- /dev/null
+++ b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/bridge/swap/store/S3SwapStoreTest.java
@@ -0,0 +1,42 @@
+package uk.ac.ic.wlgitbridge.bridge.swap.store;
+
+import org.junit.Before;
+
+/*
+ * Created by winston on 21/08/2016.
+ */
+public class S3SwapStoreTest {
+
+  private static final String accessKey = null;
+  private static final String secret = null;
+  private static final String bucketName = "com.overleaf.testbucket";
+  private static final String region = "us-east-1";
+
+  private S3SwapStore s3;
+
+  @Before
+  public void setup() {
+    if (accessKey == null || secret == null) {
+      s3 = null;
+      return;
+    }
+    s3 = new S3SwapStore(accessKey, secret, bucketName, region);
+  }
+
+  //    @Ignore
+  //    @Test
+  //    public void testUploadDownloadDelete() throws Exception {
+  //        assumeNotNull(s3);
+  //        String projName = "abc123";
+  //        byte[] contents = "hello".getBytes();
+  //        s3.upload(
+  //                projName,
+  //                new ByteArrayInputStream(contents),
+  //                contents.length
+  //        );
+  //        InputStream down = s3.openDownloadStream(projName);
+  //        s3.remove(projName);
+  //        assertArrayEquals(contents, IOUtils.toByteArray(down));
+  //    }
+
+}
diff --git a/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/data/model/ResourceFetcherTest.java b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/data/model/ResourceFetcherTest.java
new file mode 100644
index 0000000..1f27966
--- /dev/null
+++ b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/data/model/ResourceFetcherTest.java
@@ -0,0 +1,74 @@
+package uk.ac.ic.wlgitbridge.data.model;
+
+import static org.junit.Assert.assertEquals;
+import static org.mockserver.model.HttpRequest.request;
+import static org.mockserver.model.HttpResponse.response;
+
+import java.io.IOException;
+import java.util.HashMap;
+import java.util.Map;
+import java.util.Optional;
+import org.jmock.Expectations;
+import org.jmock.Mockery;
+import org.junit.Rule;
+import org.junit.Test;
+import org.junit.rules.TemporaryFolder;
+import org.mockserver.client.MockServerClient;
+import org.mockserver.junit.MockServerRule;
+import uk.ac.ic.wlgitbridge.bridge.db.DBStore;
+import uk.ac.ic.wlgitbridge.bridge.repo.FSGitRepoStore;
+import uk.ac.ic.wlgitbridge.bridge.repo.ProjectRepo;
+import uk.ac.ic.wlgitbridge.bridge.repo.RepoStore;
+import uk.ac.ic.wlgitbridge.bridge.resource.ResourceCache;
+import uk.ac.ic.wlgitbridge.bridge.resource.UrlResourceCache;
+import uk.ac.ic.wlgitbridge.data.filestore.RawFile;
+import uk.ac.ic.wlgitbridge.git.exception.GitUserException;
+
+/*
+ * Created by m on 20/11/15.
+ */
+public class ResourceFetcherTest {
+  @Rule public MockServerRule mockServerRule = new MockServerRule(this);
+
+  private MockServerClient mockServerClient;
+
+  @Test
+  public void fetchesFilesThatAreMissingFromUrlStoreCache() throws IOException, GitUserException {
+    final String testProjectName = "123abc";
+    final String testUrl = "http://localhost:" + mockServerRule.getPort() + "/123abc";
+    final String oldTestPath = "testPath";
+    final String newTestPath = "missingPath";
+
+    mockServerClient
+        .when(request().withMethod("GET").withPath("/123abc"))
+        .respond(response().withStatusCode(200).withBody("content"));
+
+    final Mockery context = new Mockery();
+    final DBStore dbStore = context.mock(DBStore.class);
+    context.checking(
+        new Expectations() {
+          {
+            // It should fetch the file once it finds it is missing.
+            oneOf(dbStore).getPathForURLInProject(testProjectName, testUrl);
+            will(returnValue(oldTestPath));
+
+            // It should update the URL index store once it has fetched; at present, it does not
+            // actually change the stored path.
+            oneOf(dbStore).addURLIndexForProject(testProjectName, testUrl, oldTestPath);
+          }
+        });
+
+    ResourceCache resources = new UrlResourceCache(dbStore);
+    TemporaryFolder repositoryFolder = new TemporaryFolder();
+    repositoryFolder.create();
+    String repoStorePath = repositoryFolder.getRoot().getAbsolutePath();
+    RepoStore repoStore = new FSGitRepoStore(repoStorePath, Optional.empty());
+    ProjectRepo repo = repoStore.initRepo("repo");
+    Map<String, RawFile> fileTable = repo.getDirectory().getFileTable();
+    Map<String, byte[]> fetchedUrls = new HashMap<>();
+    resources.get(testProjectName, testUrl, newTestPath, fileTable, fetchedUrls, Optional.empty());
+
+    // We don't bother caching in this case, at present.
+    assertEquals(0, fetchedUrls.size());
+  }
+}
diff --git a/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/snapshot/push/PostbackManagerTest.java b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/snapshot/push/PostbackManagerTest.java
new file mode 100644
index 0000000..fe2008c
--- /dev/null
+++ b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/snapshot/push/PostbackManagerTest.java
@@ -0,0 +1,54 @@
+package uk.ac.ic.wlgitbridge.snapshot.push;
+
+import static org.junit.Assert.*;
+
+import org.junit.Assert;
+import org.junit.Test;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.InternalErrorException;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.SnapshotPostException;
+import uk.ac.ic.wlgitbridge.snapshot.push.exception.UnexpectedPostbackException;
+
+/*
+ * Created by winston on 05/04/2016.
+ */
+public class PostbackManagerTest {
+
+  private final PostbackManager postbackManager = new PostbackManager();
+
+  @Test
+  public void testRaceWithVersionId() throws UnexpectedPostbackException, SnapshotPostException {
+    String key = postbackManager.makeKeyForProject("proj");
+    postbackManager.postVersionIDForProject("proj", 1, key);
+    int versionId = postbackManager.waitForVersionIdOrThrow("proj");
+    assertEquals("Version id didn't match posted", 1, versionId);
+  }
+
+  @Test
+  public void testRaceWithException() throws UnexpectedPostbackException, SnapshotPostException {
+    String key = postbackManager.makeKeyForProject("proj");
+    InternalErrorException ex = new InternalErrorException();
+    postbackManager.postExceptionForProject("proj", ex, key);
+    try {
+      postbackManager.waitForVersionIdOrThrow("proj");
+    } catch (InternalErrorException e) {
+      Assert.assertSame("Wrong exception was thrown", ex, e);
+      return;
+    }
+    Assert.fail("Exception wasn't thrown as required");
+  }
+
+  @Test
+  public void testTableConsistency() throws UnexpectedPostbackException, SnapshotPostException {
+    String key1 = postbackManager.makeKeyForProject("proj1");
+    assertEquals(1, postbackManager.postbackContentsTable.size());
+    String key2 = postbackManager.makeKeyForProject("proj2");
+    assertEquals(2, postbackManager.postbackContentsTable.size());
+    postbackManager.postVersionIDForProject("proj1", 1, key1);
+    postbackManager.postVersionIDForProject("proj2", 1, key2);
+    assertEquals(2, postbackManager.postbackContentsTable.size());
+    postbackManager.waitForVersionIdOrThrow("proj1");
+    assertEquals(1, postbackManager.postbackContentsTable.size());
+    postbackManager.waitForVersionIdOrThrow("proj2");
+    Assert.assertTrue(postbackManager.postbackContentsTable.isEmpty());
+  }
+}
diff --git a/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest.java b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest.java
new file mode 100644
index 0000000..532ccf7
--- /dev/null
+++ b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest.java
@@ -0,0 +1,130 @@
+package uk.ac.ic.wlgitbridge.snapshot.servermock.util;
+
+import java.net.URISyntaxException;
+import java.nio.file.Path;
+import java.nio.file.Paths;
+import org.junit.Assert;
+import org.junit.Test;
+
+public class FileUtilTest {
+
+  @Test
+  public void returnsTrueWhenFilesAreEqualInBothDirectories() throws URISyntaxException {
+    Path eq1 =
+        Paths.get(
+            getClass()
+                .getResource(
+                    "/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenFilesAreEqualInBothDirectories/eq1")
+                .toURI());
+    Path eq2 =
+        Paths.get(
+            getClass()
+                .getResource(
+                    "/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenFilesAreEqualInBothDirectories/eq2")
+                .toURI());
+    Assert.assertTrue(FileUtil.gitDirectoriesAreEqual(eq1, eq2));
+  }
+
+  @Test
+  public void returnsTrueWhenRecursiveFilesAreEqualInBothDirectores() throws URISyntaxException {
+    Path eq1 =
+        Paths.get(
+            getClass()
+                .getResource(
+                    "/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenRecursiveFilesAreEqualInBothDirectories/eq1")
+                .toURI());
+    Path eq2 =
+        Paths.get(
+            getClass()
+                .getResource(
+                    "/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenRecursiveFilesAreEqualInBothDirectories/eq2")
+                .toURI());
+    Assert.assertTrue(FileUtil.gitDirectoriesAreEqual(eq1, eq2));
+  }
+
+  @Test
+  public void returnsFalseWhenFilesAreNotEqualInBothDirectories() throws URISyntaxException {
+    Path neq1 =
+        Paths.get(
+            getClass()
+                .getResource(
+                    "/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenFilesAreNotEqualInBothDirectories/neq1")
+                .toURI());
+    Path neq2 =
+        Paths.get(
+            getClass()
+                .getResource(
+                    "/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenFilesAreNotEqualInBothDirectories/neq2")
+                .toURI());
+    Assert.assertFalse(FileUtil.gitDirectoriesAreEqual(neq1, neq2));
+  }
+
+  @Test
+  public void returnsFalseWhenRecursiveFilesAreNotEqualInBothDirectories()
+      throws URISyntaxException {
+    Path neq1 =
+        Paths.get(
+            getClass()
+                .getResource(
+                    "/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenRecursiveFilesAreNotEqualInBothDirectories/neq1")
+                .toURI());
+    Path neq2 =
+        Paths.get(
+            getClass()
+                .getResource(
+                    "/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenRecursiveFilesAreNotEqualInBothDirectories/neq2")
+                .toURI());
+    Assert.assertFalse(FileUtil.gitDirectoriesAreEqual(neq1, neq2));
+  }
+
+  @Test
+  public void returnsTrueEvenIfGitDirectoriesAreNotEqual() throws URISyntaxException {
+    Path neq1 =
+        Paths.get(
+            getClass()
+                .getResource(
+                    "/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueEvenIfGitDirectoriesAreNotEqual/eq1")
+                .toURI());
+    Path neq2 =
+        Paths.get(
+            getClass()
+                .getResource(
+                    "/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueEvenIfGitDirectoriesAreNotEqual/eq2")
+                .toURI());
+    Assert.assertTrue(FileUtil.gitDirectoriesAreEqual(neq1, neq2));
+  }
+
+  @Test
+  public void returnsFalseIfFileNamesAreNotEqual() throws URISyntaxException {
+    Path neq1 =
+        Paths.get(
+            getClass()
+                .getResource(
+                    "/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfFileNamesAreNotEqual/neq1")
+                .toURI());
+    Path neq2 =
+        Paths.get(
+            getClass()
+                .getResource(
+                    "/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfFileNamesAreNotEqual/neq2")
+                .toURI());
+    Assert.assertFalse(FileUtil.gitDirectoriesAreEqual(neq1, neq2));
+  }
+
+  @Test
+  public void returnsFalseIfInnerDirectoryNamesAreNotEqual() throws URISyntaxException {
+    Path neq1 =
+        Paths.get(
+            getClass()
+                .getResource(
+                    "/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfInnerDirectoryNamesAreNotEqual/neq1")
+                .toURI());
+    Path neq2 =
+        Paths.get(
+            getClass()
+                .getResource(
+                    "/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfInnerDirectoryNamesAreNotEqual/neq2")
+                .toURI());
+    Assert.assertFalse(FileUtil.gitDirectoriesAreEqual(neq1, neq2));
+  }
+}
diff --git a/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/util/ProjectTest.java b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/util/ProjectTest.java
new file mode 100644
index 0000000..ef17eda
--- /dev/null
+++ b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/util/ProjectTest.java
@@ -0,0 +1,17 @@
+package uk.ac.ic.wlgitbridge.util;
+
+import org.junit.Assert;
+import org.junit.Test;
+
+/*
+ * Created by winston on 23/08/2016.
+ */
+public class ProjectTest {
+
+  @Test
+  public void testValidProjectNames() {
+    Assert.assertFalse(Project.isValidProjectName(null));
+    Assert.assertFalse(Project.isValidProjectName(""));
+    Assert.assertFalse(Project.isValidProjectName(".wlgb"));
+  }
+}
diff --git a/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/util/TarTest.java b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/util/TarTest.java
new file mode 100644
index 0000000..59c00d5
--- /dev/null
+++ b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/util/TarTest.java
@@ -0,0 +1,70 @@
+package uk.ac.ic.wlgitbridge.util;
+
+import static org.junit.Assert.assertTrue;
+
+import java.io.File;
+import java.io.IOException;
+import java.io.InputStream;
+import org.junit.Before;
+import org.junit.Test;
+import org.junit.rules.TemporaryFolder;
+
+/*
+ * Created by winston on 23/08/2016.
+ */
+public class TarTest {
+
+  private static final String RESOURCE_DIR = "/uk/ac/ic/wlgitbridge/util/TarTest";
+
+  private File testDir;
+  private File dirWithEmptyFile;
+  private File tmpDir;
+
+  @Before
+  public void setup() throws IOException {
+    TemporaryFolder tmpFolder = new TemporaryFolder();
+    tmpFolder.create();
+    testDir = ResourceUtil.copyOfFolderResource(RESOURCE_DIR + "/testdir", tmpFolder::newFolder);
+    dirWithEmptyFile =
+        ResourceUtil.copyOfFolderResource(
+            RESOURCE_DIR + "/dir_with_empty_file", tmpFolder::newFolder);
+    tmpDir = tmpFolder.newFolder();
+  }
+
+  /*
+   * Compresses inputDir and decompresses to outputDir. Checks equality
+   * between outputDir and inputDir.
+   * @param inputDir the directory to compress
+   * @param outputDir the output directory. Must be empty.
+   * @param compressFunction compression function
+   * @param decompressFunction decompression function
+   * @throws IOException
+   */
+  private static void assertCompDecompEqual(
+      File inputDir,
+      File outputDir,
+      FunctionT<File, InputStream, IOException> compressFunction,
+      BiConsumerT<InputStream, File, IOException> decompressFunction)
+      throws IOException {
+    try (InputStream tarbz2 = compressFunction.apply(inputDir)) {
+      decompressFunction.accept(tarbz2, outputDir);
+      File unzipped = new File(outputDir, inputDir.getName());
+      assertTrue(Files.contentsAreEqual(inputDir, unzipped));
+    }
+  }
+
+  @Test
+  public void tarAndUntarProducesTheSameResult() throws IOException {
+    assertCompDecompEqual(testDir, tmpDir, Tar::tar, Tar::untar);
+  }
+
+  @Test
+  public void tarbz2AndUntarbz2ProducesTheSameResult() throws IOException {
+    assertCompDecompEqual(testDir, tmpDir, Tar.bz2::zip, Tar.bz2::unzip);
+  }
+
+  @Test
+  public void tarbz2WorksOnDirectoriesWithAnEmptyFile() throws IOException {
+    assertCompDecompEqual(dirWithEmptyFile, tmpDir, Tar.bz2::zip, Tar.bz2::unzip);
+  }
+}
diff --git a/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/util/TimerUtilsTest.java b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/util/TimerUtilsTest.java
new file mode 100644
index 0000000..892b9c1
--- /dev/null
+++ b/services/git-bridge/src/test/java/uk/ac/ic/wlgitbridge/util/TimerUtilsTest.java
@@ -0,0 +1,18 @@
+package uk.ac.ic.wlgitbridge.util;
+
+import static org.junit.Assert.assertEquals;
+
+import org.junit.Test;
+
+/*
+ * Created by winston on 23/08/2016.
+ */
+public class TimerUtilsTest {
+
+  @Test
+  public void testMakeTimerTask() {
+    int[] iPtr = new int[] {3};
+    TimerUtils.makeTimerTask(() -> iPtr[0] = 5).run();
+    assertEquals(5, iPtr[0]);
+  }
+}
diff --git a/services/git-bridge/src/test/resources/logback-test.xml b/services/git-bridge/src/test/resources/logback-test.xml
new file mode 100644
index 0000000..455a379
--- /dev/null
+++ b/services/git-bridge/src/test/resources/logback-test.xml
@@ -0,0 +1,17 @@
+<configuration>
+    <!-- Log everything (subject to logger and root levels set below) to stdout. -->
+    <appender name="stderr" class="ch.qos.logback.core.ConsoleAppender">
+        <target>System.err</target>
+        <encoder>
+            <pattern>%d{yyyy-MM-dd HH:mm:ss.SSS} %-5level [%thread] %logger{0}: %msg%n</pattern>
+        </encoder>
+    </appender>
+
+    <!-- Set log levels for the application (or parts of the application). -->
+    <logger name="uk.ac.ic.wlgitbridge" level="INFO" />
+
+    <!-- The root log level determines how much our dependencies put in the logs. -->
+    <root level="WARN">
+        <appender-ref ref="stderr" />
+    </root>
+</configuration>
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneAMigratedRepositoryWithoutChanges/state/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneAMigratedRepositoryWithoutChanges/state/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d670460
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneAMigratedRepositoryWithoutChanges/state/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+test content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneAMigratedRepositoryWithoutChanges/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneAMigratedRepositoryWithoutChanges/state/state.json
new file mode 100644
index 0000000..4789afb
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneAMigratedRepositoryWithoutChanges/state/state.json
@@ -0,0 +1,29 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 0,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [],
+		"getForVers": [
+			{
+				"versionID": 0,
+				"srcs": [
+                    {
+                    	"content": "test content\n",
+                    	"path": "main.tex"
+                    }
+	            ],
+	            "atts": []
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 1
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneARepository/state/000000000000000000000000/foo/bar/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneARepository/state/000000000000000000000000/foo/bar/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneARepository/state/000000000000000000000000/foo/bar/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneARepository/state/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneARepository/state/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneARepository/state/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneARepository/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneARepository/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png
new file mode 100644
index 0000000..74e1fcd
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneARepository/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneARepository/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneARepository/state/state.json
new file mode 100644
index 0000000..1990cf0
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneARepository/state/state.json
@@ -0,0 +1,46 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.333Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3857/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png",
+	            		"path": "min_mean_wait_evm_7_eps_150dpi.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneDuplicateBinaryFiles/state/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneDuplicateBinaryFiles/state/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneDuplicateBinaryFiles/state/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneDuplicateBinaryFiles/state/000000000000000000000000/overleaf-white-410-copy.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneDuplicateBinaryFiles/state/000000000000000000000000/overleaf-white-410-copy.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneDuplicateBinaryFiles/state/000000000000000000000000/overleaf-white-410-copy.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneDuplicateBinaryFiles/state/000000000000000000000000/overleaf-white-410.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneDuplicateBinaryFiles/state/000000000000000000000000/overleaf-white-410.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneDuplicateBinaryFiles/state/000000000000000000000000/overleaf-white-410.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneDuplicateBinaryFiles/state/000000000000000000000000/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneDuplicateBinaryFiles/state/000000000000000000000000/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneDuplicateBinaryFiles/state/000000000000000000000000/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneDuplicateBinaryFiles/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneDuplicateBinaryFiles/state/state.json
new file mode 100644
index 0000000..593a965
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneDuplicateBinaryFiles/state/state.json
@@ -0,0 +1,50 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:4002/state/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410-copy.png"
+	            	},
+					{
+						"url": "http://127.0.0.1:4002/state/000000000000000000000000/overleaf-white-410.png",
+						"path": "overleaf-white-410.png"
+					}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/111111111111111111111111/foo/bar/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/111111111111111111111111/foo/bar/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/111111111111111111111111/foo/bar/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/111111111111111111111111/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/111111111111111111111111/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/111111111111111111111111/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/111111111111111111111111/overleaf-white-410.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/111111111111111111111111/overleaf-white-410.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/111111111111111111111111/overleaf-white-410.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/222222222222222222222222/editor-versions-a7e4de19d015c3e7477e3f7eaa6c418e.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/222222222222222222222222/editor-versions-a7e4de19d015c3e7477e3f7eaa6c418e.png
new file mode 100644
index 0000000..7fa339b
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/222222222222222222222222/editor-versions-a7e4de19d015c3e7477e3f7eaa6c418e.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/222222222222222222222222/foo/bar/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/222222222222222222222222/foo/bar/test.tex
new file mode 100644
index 0000000..1c05c01
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/222222222222222222222222/foo/bar/test.tex
@@ -0,0 +1 @@
+a different one
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/222222222222222222222222/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/222222222222222222222222/main.tex
new file mode 100644
index 0000000..802d4bb
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/222222222222222222222222/main.tex
@@ -0,0 +1 @@
+different content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/state.json
new file mode 100644
index 0000000..85b21f5
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canCloneMultipleRepositories/state/state.json
@@ -0,0 +1,90 @@
+[
+	{
+		"project": "111111111111111111111111",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3858/state/111111111111111111111111/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	},
+	{
+        "project": "222222222222222222222222",
+        "getDoc": {
+            "versionID": 1,
+            "createdAt": "2014-11-30T18:40:58.123Z",
+            "email": "jdleesmiller+1@gmail.com",
+            "name": "John+1"
+        },
+        "getSavedVers": [
+            {
+                "versionID": 1,
+                "comment": "added more info on doc GET and error details",
+                "email": "jdleesmiller+1@gmail.com",
+                "name": "John+1",
+                "createdAt": "2014-11-30T18:47:01.456Z"
+            }
+        ],
+        "getForVers": [
+            {
+                "versionID": 1,
+                "srcs": [
+                    {
+                        "content": "different content\n",
+                        "path": "main.tex"
+                    },
+                    {
+                        "content": "a different one",
+                        "path": "foo/bar/test.tex"
+                    }
+                ],
+                "atts": [
+                    {
+                        "url": "http://127.0.0.1:3858/state/222222222222222222222222/editor-versions-a7e4de19d015c3e7477e3f7eaa6c418e.png",
+                        "path": "editor-versions-a7e4de19d015c3e7477e3f7eaa6c418e.png"
+                    }
+                ]
+            }
+        ],
+        "push": "success",
+        "postback": {
+            "type": "success",
+            "versionID": 2
+        }
+    }
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canMigrateRepository/state/000000000000000000000000/foo/bar/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canMigrateRepository/state/000000000000000000000000/foo/bar/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canMigrateRepository/state/000000000000000000000000/foo/bar/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canMigrateRepository/state/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canMigrateRepository/state/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canMigrateRepository/state/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canMigrateRepository/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canMigrateRepository/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png
new file mode 100644
index 0000000..74e1fcd
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canMigrateRepository/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canMigrateRepository/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canMigrateRepository/state/state.json
new file mode 100644
index 0000000..9e6ad36
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canMigrateRepository/state/state.json
@@ -0,0 +1,83 @@
+[
+  {
+    "project": "222222222222222222222222",
+    "getDoc": {
+      "versionID": 1,
+      "createdAt": "2014-11-30T18:40:58.123Z",
+      "email": "jdleesmiller+1@gmail.com",
+      "name": "John+1",
+      "migratedFromId": "000000000000000000000000"
+    },
+    "getSavedVers": [],
+    "getForVers": [
+      {
+        "versionID": 1,
+        "srcs": [
+          {
+            "content": "content\n",
+            "path": "main.tex"
+          },
+          {
+            "content": "This text is from another file.",
+            "path": "foo/bar/test.tex"
+          }
+        ],
+        "atts": [
+          {
+            "url": "http://127.0.0.1:3881/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png",
+            "path": "min_mean_wait_evm_7_eps_150dpi.png"
+          }
+        ]
+      }
+    ],
+    "push": "success",
+    "postback": {
+      "type": "success",
+      "versionID": 2
+    }
+  },
+  {
+    "project": "000000000000000000000000",
+    "getDoc": {
+      "versionID": 1,
+      "createdAt": "2014-11-30T18:40:58.123Z",
+      "email": "jdleesmiller+1@gmail.com",
+      "name": "John+1"
+    },
+    "getSavedVers": [
+      {
+        "versionID": 1,
+        "comment": "added more info on doc GET and error details",
+        "email": "jdleesmiller+1@gmail.com",
+        "name": "John+1",
+        "createdAt": "2014-11-30T18:47:01.333Z"
+      }
+    ],
+    "getForVers": [
+      {
+        "versionID": 1,
+        "srcs": [
+          {
+            "content": "content\n",
+            "path": "main.tex"
+          },
+          {
+            "content": "This text is from another file.",
+            "path": "foo/bar/test.tex"
+          }
+        ],
+        "atts": [
+          {
+            "url": "http://127.0.0.1:3881/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png",
+            "path": "min_mean_wait_evm_7_eps_150dpi.png"
+          }
+        ]
+      }
+    ],
+    "push": "success",
+    "postback": {
+      "type": "success",
+      "versionID": 2
+    }
+  }
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/base/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/base/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/base/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/base/000000000000000000000000/overleaf-white-410.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/base/000000000000000000000000/overleaf-white-410.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/base/000000000000000000000000/overleaf-white-410.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/base/000000000000000000000000/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/base/000000000000000000000000/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/base/000000000000000000000000/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/base/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/base/state.json
new file mode 100644
index 0000000..d2b26f0
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/base/state.json
@@ -0,0 +1,46 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3863/base/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/withDeletedBinaryFile/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/withDeletedBinaryFile/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/withDeletedBinaryFile/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/withDeletedBinaryFile/000000000000000000000000/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/withDeletedBinaryFile/000000000000000000000000/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/withDeletedBinaryFile/000000000000000000000000/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/withDeletedBinaryFile/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/withDeletedBinaryFile/state.json
new file mode 100644
index 0000000..83079f5
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedBinaryFile/withDeletedBinaryFile/state.json
@@ -0,0 +1,68 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 2,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 2,
+        		"comment": "i deleted the image",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:48:01.123Z"
+        	},
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 2,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                      "content": "This text is from another file.",
+                      "path": "test.tex"
+                    }
+	            ],
+	            "atts": [
+	            ]
+	        },
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3863/base/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/base/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/base/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/base/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/base/000000000000000000000000/overleaf-white-410.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/base/000000000000000000000000/overleaf-white-410.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/base/000000000000000000000000/overleaf-white-410.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/base/000000000000000000000000/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/base/000000000000000000000000/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/base/000000000000000000000000/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/base/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/base/state.json
new file mode 100644
index 0000000..8089258
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/base/state.json
@@ -0,0 +1,46 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3860/base/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/withDeletedTexFile/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/withDeletedTexFile/000000000000000000000000/main.tex
new file mode 100644
index 0000000..933682f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/withDeletedTexFile/000000000000000000000000/main.tex
@@ -0,0 +1,2 @@
+content
+added more stuff
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/withDeletedTexFile/000000000000000000000000/overleaf-white-410.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/withDeletedTexFile/000000000000000000000000/overleaf-white-410.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/withDeletedTexFile/000000000000000000000000/overleaf-white-410.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/withDeletedTexFile/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/withDeletedTexFile/state.json
new file mode 100644
index 0000000..6685ef8
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADeletedTexFile/withDeletedTexFile/state.json
@@ -0,0 +1,68 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 2,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 2,
+        		"comment": "i deleted test.tex",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:48:01.123Z"
+        	},
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 2,
+				"srcs": [
+                    {
+                    	"content": "content\nadded more stuff\n",
+                    	"path": "main.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3860/withDeletedTexFile/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        },
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3860/base/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/base/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/base/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/base/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/base/000000000000000000000000/overleaf-white-410.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/base/000000000000000000000000/overleaf-white-410.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/base/000000000000000000000000/overleaf-white-410.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/base/000000000000000000000000/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/base/000000000000000000000000/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/base/000000000000000000000000/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/base/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/base/state.json
new file mode 100644
index 0000000..4ac8c79
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/base/state.json
@@ -0,0 +1,46 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:4001/base/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/withDuplicateBinaryFile/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/withDuplicateBinaryFile/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/withDuplicateBinaryFile/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/withDuplicateBinaryFile/000000000000000000000000/overleaf-white-410-copy.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/withDuplicateBinaryFile/000000000000000000000000/overleaf-white-410-copy.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/withDuplicateBinaryFile/000000000000000000000000/overleaf-white-410-copy.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/withDuplicateBinaryFile/000000000000000000000000/overleaf-white-410.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/withDuplicateBinaryFile/000000000000000000000000/overleaf-white-410.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/withDuplicateBinaryFile/000000000000000000000000/overleaf-white-410.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/withDuplicateBinaryFile/000000000000000000000000/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/withDuplicateBinaryFile/000000000000000000000000/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/withDuplicateBinaryFile/000000000000000000000000/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/withDuplicateBinaryFile/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/withDuplicateBinaryFile/state.json
new file mode 100644
index 0000000..ff0c3ee
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullADuplicateBinaryFile/withDuplicateBinaryFile/state.json
@@ -0,0 +1,76 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 2,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 2,
+        		"comment": "i deleted the image",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:48:01.123Z"
+        	},
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 2,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                      "content": "This text is from another file.",
+                      "path": "test.tex"
+                    }
+	            ],
+				"atts": [
+					{
+						"url": "http://127.0.0.1:4001/withDuplicateBinaryFile/000000000000000000000000/overleaf-white-410.png",
+						"path": "overleaf-white-410.png"
+					},
+					{
+						"url": "http://127.0.0.1:4001/withDuplicateBinaryFile/000000000000000000000000/overleaf-white-410.png",
+						"path": "overleaf-white-410-copy.png"
+					}
+				]
+	        },
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "test.tex"
+                    }
+	            ],
+				"atts": [
+					{
+						"url": "http://127.0.0.1:4001/withDuplicateBinaryFile/000000000000000000000000/overleaf-white-410.png",
+						"path": "overleaf-white-410.png"
+					}
+				]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/base/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/base/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/base/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/base/000000000000000000000000/overleaf-white-410.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/base/000000000000000000000000/overleaf-white-410.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/base/000000000000000000000000/overleaf-white-410.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/base/000000000000000000000000/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/base/000000000000000000000000/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/base/000000000000000000000000/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/base/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/base/state.json
new file mode 100644
index 0000000..77fab7a
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/base/state.json
@@ -0,0 +1,46 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3862/base/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/withModifiedBinaryFile/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/withModifiedBinaryFile/000000000000000000000000/main.tex
new file mode 100644
index 0000000..933682f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/withModifiedBinaryFile/000000000000000000000000/main.tex
@@ -0,0 +1,2 @@
+content
+added more stuff
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/withModifiedBinaryFile/000000000000000000000000/overleaf-white-410.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/withModifiedBinaryFile/000000000000000000000000/overleaf-white-410.png
new file mode 100644
index 0000000..7fa339b
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/withModifiedBinaryFile/000000000000000000000000/overleaf-white-410.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/withModifiedBinaryFile/000000000000000000000000/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/withModifiedBinaryFile/000000000000000000000000/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/withModifiedBinaryFile/000000000000000000000000/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/withModifiedBinaryFile/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/withModifiedBinaryFile/state.json
new file mode 100644
index 0000000..ff9cdb7
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedBinaryFile/withModifiedBinaryFile/state.json
@@ -0,0 +1,72 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 2,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 2,
+        		"comment": "i changed the image",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:48:01.123Z"
+        	},
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 2,
+				"srcs": [
+                    {
+                    	"content": "content\nadded more stuff\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                      "content": "This text is from another file.",
+                      "path": "test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3862/withModifiedBinaryFile/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        },
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3862/base/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/base/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/base/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/base/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/base/000000000000000000000000/overleaf-white-410.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/base/000000000000000000000000/overleaf-white-410.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/base/000000000000000000000000/overleaf-white-410.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/base/000000000000000000000000/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/base/000000000000000000000000/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/base/000000000000000000000000/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/base/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/base/state.json
new file mode 100644
index 0000000..ea21d9a
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/base/state.json
@@ -0,0 +1,46 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3864/base/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/withModifiedNestedFile/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/withModifiedNestedFile/000000000000000000000000/main.tex
new file mode 100644
index 0000000..933682f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/withModifiedNestedFile/000000000000000000000000/main.tex
@@ -0,0 +1,2 @@
+content
+added more stuff
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/withModifiedNestedFile/000000000000000000000000/nest1/nest1.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/withModifiedNestedFile/000000000000000000000000/nest1/nest1.tex
new file mode 100644
index 0000000..487d7bb
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/withModifiedNestedFile/000000000000000000000000/nest1/nest1.tex
@@ -0,0 +1 @@
+nest1
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/withModifiedNestedFile/000000000000000000000000/nest1/nest2/nest2.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/withModifiedNestedFile/000000000000000000000000/nest1/nest2/nest2.tex
new file mode 100644
index 0000000..e333378
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/withModifiedNestedFile/000000000000000000000000/nest1/nest2/nest2.tex
@@ -0,0 +1 @@
+nest2
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/withModifiedNestedFile/000000000000000000000000/overleaf-white-410.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/withModifiedNestedFile/000000000000000000000000/overleaf-white-410.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/withModifiedNestedFile/000000000000000000000000/overleaf-white-410.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/withModifiedNestedFile/000000000000000000000000/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/withModifiedNestedFile/000000000000000000000000/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/withModifiedNestedFile/000000000000000000000000/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/withModifiedNestedFile/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/withModifiedNestedFile/state.json
new file mode 100644
index 0000000..5bdb082
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedNestedFile/withModifiedNestedFile/state.json
@@ -0,0 +1,80 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 2,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 2,
+        		"comment": "i added nested stuff",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:48:01.123Z"
+        	},
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 2,
+				"srcs": [
+                    {
+                    	"content": "content\nadded more stuff\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                      "content": "This text is from another file.",
+                      "path": "test.tex"
+                    },
+                    {
+                      "content": "nest1",
+                      "path": "nest1/nest1.tex"
+                    },
+                    {
+                      "content": "nest2",
+                      "path": "nest1/nest2/nest2.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3864/withModifiedNestedFile/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        },
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3864/base/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/base/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/base/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/base/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/base/000000000000000000000000/overleaf-white-410.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/base/000000000000000000000000/overleaf-white-410.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/base/000000000000000000000000/overleaf-white-410.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/base/000000000000000000000000/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/base/000000000000000000000000/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/base/000000000000000000000000/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/base/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/base/state.json
new file mode 100644
index 0000000..ffbc946
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/base/state.json
@@ -0,0 +1,46 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3859/base/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/withModifiedTexFile/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/withModifiedTexFile/000000000000000000000000/main.tex
new file mode 100644
index 0000000..933682f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/withModifiedTexFile/000000000000000000000000/main.tex
@@ -0,0 +1,2 @@
+content
+added more stuff
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/withModifiedTexFile/000000000000000000000000/overleaf-white-410.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/withModifiedTexFile/000000000000000000000000/overleaf-white-410.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/withModifiedTexFile/000000000000000000000000/overleaf-white-410.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/withModifiedTexFile/000000000000000000000000/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/withModifiedTexFile/000000000000000000000000/test.tex
new file mode 100644
index 0000000..1578584
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/withModifiedTexFile/000000000000000000000000/test.tex
@@ -0,0 +1 @@
+This text is from another file. and modified
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/withModifiedTexFile/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/withModifiedTexFile/state.json
new file mode 100644
index 0000000..afcd359
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullAModifiedTexFile/withModifiedTexFile/state.json
@@ -0,0 +1,72 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 2,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 2,
+        		"comment": "i deleted test.tex",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:48:01.123Z"
+        	},
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 2,
+				"srcs": [
+                    {
+                    	"content": "content\nadded more stuff\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                      "content": "This text is from another file. and modified",
+                      "path": "test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3859/withModifiedTexFile/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        },
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3859/base/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/base/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/base/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/base/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/base/000000000000000000000000/nest1/nest1.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/base/000000000000000000000000/nest1/nest1.tex
new file mode 100644
index 0000000..487d7bb
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/base/000000000000000000000000/nest1/nest1.tex
@@ -0,0 +1 @@
+nest1
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/base/000000000000000000000000/nest1/nest2/nest2.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/base/000000000000000000000000/nest1/nest2/nest2.tex
new file mode 100644
index 0000000..e333378
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/base/000000000000000000000000/nest1/nest2/nest2.tex
@@ -0,0 +1 @@
+nest2
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/base/000000000000000000000000/overleaf-white-410.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/base/000000000000000000000000/overleaf-white-410.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/base/000000000000000000000000/overleaf-white-410.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/base/000000000000000000000000/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/base/000000000000000000000000/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/base/000000000000000000000000/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/base/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/base/state.json
new file mode 100644
index 0000000..e4b4e85
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/base/state.json
@@ -0,0 +1,54 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "test.tex"
+                    },
+                    {
+                      "content": "nest1",
+                      "path": "nest1/nest1.tex"
+                    },
+                    {
+                      "content": "nest2",
+                      "path": "nest1/nest2/nest2.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3865/base/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/withDeletedNestedFiles/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/withDeletedNestedFiles/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/withDeletedNestedFiles/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/withDeletedNestedFiles/000000000000000000000000/overleaf-white-410.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/withDeletedNestedFiles/000000000000000000000000/overleaf-white-410.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/withDeletedNestedFiles/000000000000000000000000/overleaf-white-410.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/withDeletedNestedFiles/000000000000000000000000/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/withDeletedNestedFiles/000000000000000000000000/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/withDeletedNestedFiles/000000000000000000000000/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/withDeletedNestedFiles/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/withDeletedNestedFiles/state.json
new file mode 100644
index 0000000..f1c61fd
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullDeletedNestedFiles/withDeletedNestedFiles/state.json
@@ -0,0 +1,80 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 2,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 2,
+        		"comment": "i deleted nested stuff",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:48:01.123Z"
+        	},
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 2,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                      "content": "This text is from another file.",
+                      "path": "test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3865/withDeletedNestedFiles/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        },
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "test.tex"
+                    },
+                    {
+                      "content": "nest1",
+                      "path": "nest1/nest1.tex"
+                    },
+                    {
+                      "content": "nest2",
+                      "path": "nest1/nest2/nest2.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3865/base/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullIgnoredForceAddedFile/base/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullIgnoredForceAddedFile/base/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullIgnoredForceAddedFile/base/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullIgnoredForceAddedFile/base/000000000000000000000000/sub/.gitignore b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullIgnoredForceAddedFile/base/000000000000000000000000/sub/.gitignore
new file mode 100644
index 0000000..2211df6
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullIgnoredForceAddedFile/base/000000000000000000000000/sub/.gitignore
@@ -0,0 +1 @@
+*.txt
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullIgnoredForceAddedFile/base/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullIgnoredForceAddedFile/base/state.json
new file mode 100644
index 0000000..34de094
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullIgnoredForceAddedFile/base/state.json
@@ -0,0 +1,41 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "init",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "*.txt",
+                    	"path": "sub/.gitignore"
+                    }
+	            ],
+        "atts": []
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullIgnoredForceAddedFile/withUpdatedMainFile/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullIgnoredForceAddedFile/withUpdatedMainFile/000000000000000000000000/main.tex
new file mode 100644
index 0000000..3aa9d51
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullIgnoredForceAddedFile/withUpdatedMainFile/000000000000000000000000/main.tex
@@ -0,0 +1,2 @@
+content
+updated
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullIgnoredForceAddedFile/withUpdatedMainFile/000000000000000000000000/sub/.gitignore b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullIgnoredForceAddedFile/withUpdatedMainFile/000000000000000000000000/sub/.gitignore
new file mode 100644
index 0000000..2211df6
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullIgnoredForceAddedFile/withUpdatedMainFile/000000000000000000000000/sub/.gitignore
@@ -0,0 +1 @@
+*.txt
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullIgnoredForceAddedFile/withUpdatedMainFile/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullIgnoredForceAddedFile/withUpdatedMainFile/state.json
new file mode 100644
index 0000000..7e7b5d9
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullIgnoredForceAddedFile/withUpdatedMainFile/state.json
@@ -0,0 +1,45 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 5,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 5,
+        		"comment": "init",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 5,
+				"srcs": [
+                    {
+                    	"content": "content\nupdated\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "*.txt",
+                    	"path": "sub/.gitignore"
+                    },
+                    {
+                    	"content": "1",
+                    	"path": "sub/one.txt"
+                    }
+	            ],
+          "atts": []
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 5
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/base/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/base/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/base/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/base/000000000000000000000000/overleaf-white-410-copy.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/base/000000000000000000000000/overleaf-white-410-copy.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/base/000000000000000000000000/overleaf-white-410-copy.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/base/000000000000000000000000/overleaf-white-410.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/base/000000000000000000000000/overleaf-white-410.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/base/000000000000000000000000/overleaf-white-410.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/base/000000000000000000000000/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/base/000000000000000000000000/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/base/000000000000000000000000/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/base/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/base/state.json
new file mode 100644
index 0000000..fbe4670
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/base/state.json
@@ -0,0 +1,50 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:4003/base/000000000000000000000000/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	},
+					{
+						"url": "http://127.0.0.1:4003/base/000000000000000000000000/overleaf-white-410.png",
+						"path": "overleaf-white-410-copy.png"
+					}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/withUpdatedBinaryFiles/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/withUpdatedBinaryFiles/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/withUpdatedBinaryFiles/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/withUpdatedBinaryFiles/000000000000000000000000/overleaf-white-410-copy.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/withUpdatedBinaryFiles/000000000000000000000000/overleaf-white-410-copy.png
new file mode 100644
index 0000000..74e1fcd
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/withUpdatedBinaryFiles/000000000000000000000000/overleaf-white-410-copy.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/withUpdatedBinaryFiles/000000000000000000000000/overleaf-white-410.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/withUpdatedBinaryFiles/000000000000000000000000/overleaf-white-410.png
new file mode 100644
index 0000000..74e1fcd
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/withUpdatedBinaryFiles/000000000000000000000000/overleaf-white-410.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/withUpdatedBinaryFiles/000000000000000000000000/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/withUpdatedBinaryFiles/000000000000000000000000/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/withUpdatedBinaryFiles/000000000000000000000000/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/withUpdatedBinaryFiles/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/withUpdatedBinaryFiles/state.json
new file mode 100644
index 0000000..4b969e0
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPullUpdatedBinaryFiles/withUpdatedBinaryFiles/state.json
@@ -0,0 +1,80 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 2,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 2,
+        		"comment": "i deleted the image",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:48:01.123Z"
+        	},
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 2,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                      "content": "This text is from another file.",
+                      "path": "test.tex"
+                    }
+	            ],
+			  "atts": [
+				  {
+					  "url": "http://127.0.0.1:4003/withUpdatedBinaryFiles/000000000000000000000000/overleaf-white-410.png",
+					  "path": "overleaf-white-410.png"
+				  },
+				  {
+					  "url": "http://127.0.0.1:4003/withUpdatedBinaryFiles/000000000000000000000000/overleaf-white-410.png",
+					  "path": "overleaf-white-410-copy.png"
+				  }
+			  ]
+	        },
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "test.tex"
+                    }
+	            ],
+				"atts": [
+					{
+						"url": "http://127.0.0.1:4003/base/000000000000000000000000/overleaf-white-410.png",
+						"path": "overleaf-white-410.png"
+					},
+					{
+						"url": "http://127.0.0.1:4003/base/000000000000000000000000/overleaf-white-410.png",
+						"path": "overleaf-white-410-copy.png"
+					}
+				]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPushFilesSuccessfully/state/000000000000000000000000/foo/bar/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPushFilesSuccessfully/state/000000000000000000000000/foo/bar/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPushFilesSuccessfully/state/000000000000000000000000/foo/bar/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPushFilesSuccessfully/state/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPushFilesSuccessfully/state/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPushFilesSuccessfully/state/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPushFilesSuccessfully/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPushFilesSuccessfully/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png
new file mode 100644
index 0000000..74e1fcd
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPushFilesSuccessfully/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPushFilesSuccessfully/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPushFilesSuccessfully/state/state.json
new file mode 100644
index 0000000..2850c9e
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canPushFilesSuccessfully/state/state.json
@@ -0,0 +1,46 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.333Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3866/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png",
+	            		"path": "min_mean_wait_evm_7_eps_150dpi.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canServePushedFiles/state/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canServePushedFiles/state/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canServePushedFiles/state/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canServePushedFiles/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canServePushedFiles/state/state.json
new file mode 100644
index 0000000..0e8df4c
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/canServePushedFiles/state/state.json
@@ -0,0 +1,29 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "test1@example.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    }
+	            ],
+				"atts": []
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 1
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/cannotCloneA4xxProject/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/cannotCloneA4xxProject/state/state.json
new file mode 100644
index 0000000..f8c76c1
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/cannotCloneA4xxProject/state/state.json
@@ -0,0 +1,18 @@
+[
+    {
+	"project": "gone",
+	"getDoc": {
+            "error": 410,
+            "versionID": 1,
+            "createdAt": "2018-02-05T15:30:00Z",
+            "email": "michael.walker@overleaf.com",
+            "name": "msw"
+	},
+	"getSavedVers": [],
+	"getForVers": [],
+	"push": "success",
+	"postback": {
+	    "type": "outOfDate"
+	}
+    }
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/cannotCloneAHasDotGitProject/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/cannotCloneAHasDotGitProject/state/state.json
new file mode 100644
index 0000000..23bf520
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/cannotCloneAHasDotGitProject/state/state.json
@@ -0,0 +1,19 @@
+[
+    {
+        "project": "conflict",
+        "getDoc": {
+            "error": 409,
+            "code": "projectHasDotGit",
+            "versionID": 1,
+            "createdAt": "2018-02-05T15:30:00Z",
+            "email": "michael.walker@overleaf.com",
+            "name": "msw"
+        },
+        "getSavedVers": [],
+        "getForVers": [],
+        "push": "success",
+        "postback": {
+            "type": "outOfDate"
+        }
+    }
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/cannotCloneAMissingProject/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/cannotCloneAMissingProject/state/state.json
new file mode 100644
index 0000000..1db62b0
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/cannotCloneAMissingProject/state/state.json
@@ -0,0 +1,18 @@
+[
+    {
+	"project": "missing",
+	"getDoc": {
+            "error": 404,
+            "versionID": 1,
+            "createdAt": "2018-02-06T13:29:00Z",
+            "email": "michael.walker@overleaf.com",
+            "name": "msw"
+	},
+	"getSavedVers": [],
+	"getForVers": [],
+	"push": "success",
+	"postback": {
+	    "type": "outOfDate"
+	}
+    }
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/cannotCloneAProtectedProjectWithoutAuthentication/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/cannotCloneAProtectedProjectWithoutAuthentication/state/state.json
new file mode 100644
index 0000000..859bc62
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/cannotCloneAProtectedProjectWithoutAuthentication/state/state.json
@@ -0,0 +1,173 @@
+[
+	{
+		"project": "protected",
+		"getDoc": {
+            "error": 403,
+            "versionID": 1,
+            "createdAt": "2014-11-30T18:40:58.123Z",
+            "email": "jdleesmiller+1@gmail.com",
+            "name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "contentchanged\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+	            ],
+	            "atts": []
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "outOfDate"
+		}
+	},
+	{
+		"project": "invalidFiles",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "changedñcontent\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+	            ],
+	            "atts": []
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "invalidFiles",
+			"errors": [
+				{
+					"file": "file.invalid",
+					"state": "error"
+				},
+				{
+					"file": "virus.exe",
+					"state": "disallowed"
+				},
+				{
+					"file": "my image.jpg",
+					"state": "unclean_name",
+					"cleanFile": "my_image.jpg"
+				}
+			]
+		}
+	},
+	{
+		"project": "invalidProject",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+	            ],
+	            "atts": []
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "invalidProject",
+			"errors": [
+				"No main.tex file exists."
+			]
+		}
+	},
+	{
+		"project": "error",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+	            ],
+	            "atts": []
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "error"
+		}
+	}
+]
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnFirstStageOutOfDate/state/000000000000000000000000/foo/bar/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnFirstStageOutOfDate/state/000000000000000000000000/foo/bar/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnFirstStageOutOfDate/state/000000000000000000000000/foo/bar/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnFirstStageOutOfDate/state/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnFirstStageOutOfDate/state/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnFirstStageOutOfDate/state/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnFirstStageOutOfDate/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnFirstStageOutOfDate/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png
new file mode 100644
index 0000000..74e1fcd
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnFirstStageOutOfDate/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnFirstStageOutOfDate/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnFirstStageOutOfDate/state/state.json
new file mode 100644
index 0000000..5a9742f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnFirstStageOutOfDate/state/state.json
@@ -0,0 +1,46 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.333Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3867/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png",
+	            		"path": "min_mean_wait_evm_7_eps_150dpi.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "outOfDate",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidFiles/state/000000000000000000000000/foo/bar/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidFiles/state/000000000000000000000000/foo/bar/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidFiles/state/000000000000000000000000/foo/bar/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidFiles/state/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidFiles/state/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidFiles/state/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidFiles/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidFiles/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png
new file mode 100644
index 0000000..74e1fcd
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidFiles/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidFiles/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidFiles/state/state.json
new file mode 100644
index 0000000..dbbe395
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidFiles/state/state.json
@@ -0,0 +1,65 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.333Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3869/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png",
+	            		"path": "min_mean_wait_evm_7_eps_150dpi.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "invalidFiles",
+            "errors": [
+                {
+                    "file": "file1.invalid",
+                    "state": "error"
+                },
+                {
+                    "file": "file2.exe",
+                    "state": "disallowed"
+                },
+                {
+                    "file": "hello world.png",
+                    "state": "unclean_name",
+                    "cleanFile": "hello_world.png"
+                },
+                {
+                    "file": "an image.jpg",
+                    "state": "unclean_name",
+                    "cleanFile": "an_image.jpg"
+                }
+            ]
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidProject/state/000000000000000000000000/foo/bar/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidProject/state/000000000000000000000000/foo/bar/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidProject/state/000000000000000000000000/foo/bar/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidProject/state/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidProject/state/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidProject/state/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidProject/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidProject/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png
new file mode 100644
index 0000000..74e1fcd
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidProject/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidProject/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidProject/state/state.json
new file mode 100644
index 0000000..0746cf9
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnInvalidProject/state/state.json
@@ -0,0 +1,49 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.333Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3870/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png",
+	            		"path": "min_mean_wait_evm_7_eps_150dpi.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "invalidProject",
+            "errors": [
+                "project: no main file",
+                "The project would have no (editable) main .tex file."
+            ]
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnSecondStageOutOfDate/state/000000000000000000000000/foo/bar/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnSecondStageOutOfDate/state/000000000000000000000000/foo/bar/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnSecondStageOutOfDate/state/000000000000000000000000/foo/bar/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnSecondStageOutOfDate/state/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnSecondStageOutOfDate/state/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnSecondStageOutOfDate/state/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnSecondStageOutOfDate/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnSecondStageOutOfDate/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png
new file mode 100644
index 0000000..74e1fcd
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnSecondStageOutOfDate/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnSecondStageOutOfDate/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnSecondStageOutOfDate/state/state.json
new file mode 100644
index 0000000..45ec2a9
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnSecondStageOutOfDate/state/state.json
@@ -0,0 +1,45 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.333Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3868/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png",
+	            		"path": "min_mean_wait_evm_7_eps_150dpi.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "outOfDate"
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnUnexpectedError/state/000000000000000000000000/foo/bar/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnUnexpectedError/state/000000000000000000000000/foo/bar/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnUnexpectedError/state/000000000000000000000000/foo/bar/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnUnexpectedError/state/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnUnexpectedError/state/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnUnexpectedError/state/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnUnexpectedError/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnUnexpectedError/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png
new file mode 100644
index 0000000..74e1fcd
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnUnexpectedError/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnUnexpectedError/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnUnexpectedError/state/state.json
new file mode 100644
index 0000000..bdbb321
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushFailsOnUnexpectedError/state/state.json
@@ -0,0 +1,45 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.333Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3871/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png",
+	            		"path": "min_mean_wait_evm_7_eps_150dpi.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "error"
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSubmoduleFailsWithInvalidGitRepo/state/000000000000000000000000/foo/bar/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSubmoduleFailsWithInvalidGitRepo/state/000000000000000000000000/foo/bar/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSubmoduleFailsWithInvalidGitRepo/state/000000000000000000000000/foo/bar/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSubmoduleFailsWithInvalidGitRepo/state/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSubmoduleFailsWithInvalidGitRepo/state/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSubmoduleFailsWithInvalidGitRepo/state/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSubmoduleFailsWithInvalidGitRepo/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSubmoduleFailsWithInvalidGitRepo/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png
new file mode 100644
index 0000000..74e1fcd
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSubmoduleFailsWithInvalidGitRepo/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSubmoduleFailsWithInvalidGitRepo/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSubmoduleFailsWithInvalidGitRepo/state/state.json
new file mode 100644
index 0000000..6203cf5
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSubmoduleFailsWithInvalidGitRepo/state/state.json
@@ -0,0 +1,46 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.333Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3875/state/000000000000000000000000/min_mean_wait_evm_7_eps_150dpi.png",
+	            		"path": "min_mean_wait_evm_7_eps_150dpi.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSucceedsAfterRemovingInvalidFiles/invalidState/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSucceedsAfterRemovingInvalidFiles/invalidState/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSucceedsAfterRemovingInvalidFiles/invalidState/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSucceedsAfterRemovingInvalidFiles/invalidState/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSucceedsAfterRemovingInvalidFiles/invalidState/state.json
new file mode 100644
index 0000000..69eb0cc
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSucceedsAfterRemovingInvalidFiles/invalidState/state.json
@@ -0,0 +1,34 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "test@example.com",
+			"name": "Test User"
+		},
+		"getSavedVers": [],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    }
+	            ],
+	            "atts": []
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "invalidFiles",
+            "errors": [
+                {
+                    "file": "file1.exe",
+                    "state": "disallowed"
+                }
+            ]
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSucceedsAfterRemovingInvalidFiles/validState/000000000000000000000000/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSucceedsAfterRemovingInvalidFiles/validState/000000000000000000000000/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSucceedsAfterRemovingInvalidFiles/validState/000000000000000000000000/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSucceedsAfterRemovingInvalidFiles/validState/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSucceedsAfterRemovingInvalidFiles/validState/state.json
new file mode 100644
index 0000000..6e3ea9a
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/pushSucceedsAfterRemovingInvalidFiles/validState/state.json
@@ -0,0 +1,29 @@
+[
+	{
+		"project": "000000000000000000000000",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "test@example.com",
+			"name": "Test User"
+		},
+		"getSavedVers": [],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    }
+	            ],
+	            "atts": []
+	        }
+		],
+		"push": "success",
+	    "postback": {
+	   		"type": "success",
+			"versionID": 2
+	  	}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/rejectV1Repository/state/1234bbccddff/foo/bar/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/rejectV1Repository/state/1234bbccddff/foo/bar/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/rejectV1Repository/state/1234bbccddff/foo/bar/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/rejectV1Repository/state/1234bbccddff/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/rejectV1Repository/state/1234bbccddff/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/rejectV1Repository/state/1234bbccddff/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/rejectV1Repository/state/1234bbccddff/min_mean_wait_evm_7_eps_150dpi.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/rejectV1Repository/state/1234bbccddff/min_mean_wait_evm_7_eps_150dpi.png
new file mode 100644
index 0000000..74e1fcd
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/rejectV1Repository/state/1234bbccddff/min_mean_wait_evm_7_eps_150dpi.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/rejectV1Repository/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/rejectV1Repository/state/state.json
new file mode 100644
index 0000000..f273818
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/rejectV1Repository/state/state.json
@@ -0,0 +1,46 @@
+[
+	{
+		"project": "1234bbccddff",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.333Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3884/state/testproj/min_mean_wait_evm_7_eps_150dpi.png",
+	            		"path": "min_mean_wait_evm_7_eps_150dpi.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	}
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/skipMigrationWhenMigratedFromMissing/state/222222222222222222222222/foo/bar/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/skipMigrationWhenMigratedFromMissing/state/222222222222222222222222/foo/bar/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/skipMigrationWhenMigratedFromMissing/state/222222222222222222222222/foo/bar/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/skipMigrationWhenMigratedFromMissing/state/222222222222222222222222/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/skipMigrationWhenMigratedFromMissing/state/222222222222222222222222/main.tex
new file mode 100644
index 0000000..f719efd
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/skipMigrationWhenMigratedFromMissing/state/222222222222222222222222/main.tex
@@ -0,0 +1 @@
+two
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/skipMigrationWhenMigratedFromMissing/state/222222222222222222222222/min_mean_wait_evm_7_eps_150dpi.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/skipMigrationWhenMigratedFromMissing/state/222222222222222222222222/min_mean_wait_evm_7_eps_150dpi.png
new file mode 100644
index 0000000..74e1fcd
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/skipMigrationWhenMigratedFromMissing/state/222222222222222222222222/min_mean_wait_evm_7_eps_150dpi.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/skipMigrationWhenMigratedFromMissing/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/skipMigrationWhenMigratedFromMissing/state/state.json
new file mode 100644
index 0000000..4dcdc51
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/skipMigrationWhenMigratedFromMissing/state/state.json
@@ -0,0 +1,39 @@
+[
+  {
+    "project": "222222222222222222222222",
+    "getDoc": {
+      "versionID": 1,
+      "createdAt": "2014-11-30T18:40:58.123Z",
+      "email": "jdleesmiller+1@gmail.com",
+      "name": "John+1",
+      "migratedFromId": "testprojthatdoesnotexist"
+    },
+    "getSavedVers": [],
+    "getForVers": [
+      {
+        "versionID": 1,
+        "srcs": [
+          {
+            "content": "two\n",
+            "path": "main.tex"
+          },
+          {
+            "content": "This text is from another file.",
+            "path": "foo/bar/test.tex"
+          }
+        ],
+        "atts": [
+          {
+            "url": "http://127.0.0.1:3882/state/222222222222222222222222/min_mean_wait_evm_7_eps_150dpi.png",
+            "path": "min_mean_wait_evm_7_eps_150dpi.png"
+          }
+        ]
+      }
+    ],
+    "push": "success",
+    "postback": {
+      "type": "success",
+      "versionID": 2
+    }
+  }
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/state.json
new file mode 100644
index 0000000..90fa025
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/state.json
@@ -0,0 +1,198 @@
+[
+	{
+		"project": "1826rqgsdb",
+		"getDoc": {
+			"versionID": 243,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 243,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	},
+        	{
+        		"versionID": 185,
+        		"comment": "with more details on POST request",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-11T17:18:40.789Z"
+        	},
+        	{
+        		"versionID": 175,
+        		"comment": "with updated PUT/POST request",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-09T23:09:13.123Z"
+        	},
+        	{
+        		"versionID": 146,
+        		"comment": "added PUT format",
+        		"email": "jdleesmiller@gmail.com",
+        		"name": "John Lees-Miller",
+        		"createdAt": "2014-11-07T15:11:35.456Z"
+        	},
+        	{
+        		"versionID": 74,
+        		"comment": "with example output",
+        		"email": "jdleesmiller@gmail.com",
+        		"name": "John Lees-Miller",
+        		"createdAt": "2014-11-05T18:09:41.789Z"
+        	},
+        	{
+        		"versionID": 39,
+        		"comment": "with more files",
+        		"email": "jdleesmiller@gmail.com",
+        		"name": "John Lees-Miller",
+        		"createdAt": "2014-11-05T18:02:19.123Z"
+        	},
+        	{
+        		"versionID": 24,
+        		"comment": "first draft",
+        		"email": "jdleesmiller@gmail.com",
+        		"name": "John Lees-Miller",
+        		"createdAt": "2014-11-05T17:56:58.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 243,
+				"srcs": [
+                    {
+                    	"content": "\\\\documentclass[a4paper]{article}\\n\\n\\\\usepackage[english]{babel}\\n\\\\usepackage[utf8]{inputenc}\\n\\\\usepackage{graphicx}\\n\\\\usepackage{fullpage}\\n\\\\usepackage{listings}\\n\\\\usepackage{courier}\\n\\\\usepackage{url}\\n\\n\\\\lstset{basicstyle=\\\\ttfamily,breaklines=true}\\n\\n\\\\begin{document}\\n\\\\title{API for the writeLaTeX-Git Bridge}\\n\\\\author{JLM}\\n\\\\date{\\\\today}\\n\\\\maketitle\\n\\n\\\\section{Fetching a Project from WriteLaTeX}\\n\\nThere are three API calls that will likely be of interest. You can run them against this server, \\\\url{radiant-wind-3058.herokuapp.com}, but they're not on the production server yet.\\n\\n\\\\subsection{Get Doc}\\n\\nA ``doc'' is our internal term for a ``project''. This endpoint returns the latest version id, when the latest version was created (ISO8601), and the user that last edited the project (if any, otherwise null).\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb\\n# => {\\n  \\\"latestVerId\\\": 39,\\n  \\\"latestVerAt\\\": \\\"2014-11-30T18:35:27Z\\\",\\n  \\\"latestVerBy\\\": {\\n    \\\"email\\\": \\\"jdleesmiller@gmail.com\\\",\\n    \\\"name\\\": \\\"John Lees-Miller\\\"\\n  }}\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Saved Vers}\\n\\nA ``saved ver'' is a version of a doc, saved by via the versions menu. Note that this query is not currently paginated.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/saved_vers\\n# => [\\n  {\\\"versionId\\\":39,\\n   \\\"comment\\\":\\\"with more files\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T18:02:19Z\\\"},\\n  {\\\"versionId\\\":24,\\n   \\\"comment\\\":\\\"first draft\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T17:56:58Z\\\"}]\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Snapshot for Version}\\n\\nA snapshot contains the content of a project in the given version. You can safely request a snapshot of any version that is, or was at any point in the last 24 hours, (1) a saved version, or (2) the current version. (Older versions may or may not have been moved to cold storage.)\\n\\nThe srcs array contains (content, file name) pairs; the atts array contains (URL, file name) pairs.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/snapshots/39\\n# => {\\n  \\\"srcs\\\":[\\n    [\\\"This text is from another file.\\\",\\\"foo/bar/test.tex\\\"],\\n    [\\\"\\\\\\\\documentclass[a4paper]{article}\\\\n...\\\",\\\"main.tex\\\"]],\\n  \\\"atts\\\":[\\n    [\\\"https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png\\\",\\\"min_mean_wait_evm_7_eps_150dpi.png\\\"]]}\\n\\\\end{lstlisting}\\n\\n\\\\section{Pushing a Project to WriteLaTeX}\\n\\n\\\\subsection{Push a Project}\\n\\n\\\\begin{lstlisting}\\n# NB: JLM originally said PUT, but he now thinks POST is better\\n# NB: you must set a Content-Type: application/json header for this request\\n# in order to specify the data as JSON in the request body\\nPOST https://.../api/v0/docs/1826rqgsdb/snapshots\\nData:\\n{\\n  latestVerId: integer,\\n  files: [\\n    {\\n      name: string path (forward slashes, relative to root)\\n      url: string (but only if the file is modified; else no url given)\\n    }, ...\\n  ]\\n  postbackUrl: url to post result back to\\n}\\nResponse on success:\\n{\\n  status: 202,\\n  code: \\\"accepted\\\",\\n  message: \\\"Accepted\\\"\\n}\\nResponse on out of date:\\n{\\n  status: 409, # Conflict\\n  code: \\\"outOfDate\\\",\\n  message: \\\"Out of Date\\\"\\n}\\n\\nPostback Data (METHOD POST):\\nOn success:\\n{\\n  code: \\\"upToDate\\\",\\n  latestVerId: integer\\n}\\nOn out of date:\\n{\\n  code: \\\"outOfDate\\\",\\n  message: \\\"Out of Date\\\"\\n}\\nOn error with the files list (e.g. file extension not allowed):\\n{\\n  code: \\\"invalidFiles\\\",\\n  errors: [ {\\n    file: the file name from the snapshot,\\n    state: \\\"error\\\"|\\\"disallowed\\\"|\\\"unclean_name\\\"\\n  }, ... ]\\n}\\nIf the file's error state is unclean_name, the error object will alsocontain a property cleanFile that contains the name of the file after it has been \\\"cleaned\\\" to meet our file naming requirements; for other file error states, this property is not present.\\nOn error with the project as a whole (e.g. over quota):\\n{\\n  code: \\\"invalidProject\\\",\\n  message: short string message for debugging\\n  errors: [ array of zero or more string messages for the user ]\\n}\\nOn unexpected error (bug):\\n{\\n  code: \\\"error\\\",\\n  message: \\\"Unexpected Error\\\"\\n}\\n\\\\end{lstlisting}\\n\\n\\\\section{Test Data}\\n\\nYou can use this project as one of your test projects. I've added an attachment and a file in a subfolder to make it a bit more interesting.\\n\\n\\\\input{foo/bar/test}\\n\\n\\\\includegraphics[width=\\\\linewidth]{min_mean_wait_evm_7_eps_150dpi}\\n\\n\\\\end{document}",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png",
+	            		"path": "min_mean_wait_evm_7_eps_150dpi.png"
+	            	}
+	            ]
+	        },
+            {
+            	"versionID": 185,
+            	"srcs": [
+                    {
+                    	"content": "\\\\documentclass[a4paper]{article}\\n\\n\\\\usepackage[english]{babel}\\n\\\\usepackage[utf8]{inputenc}\\n\\\\usepackage{graphicx}\\n\\\\usepackage{fullpage}\\n\\\\usepackage{listings}\\n\\\\usepackage{courier}\\n\\\\usepackage{url}\\n\\n\\\\lstset{basicstyle=\\\\ttfamily,breaklines=true}\\n\\n\\\\begin{document}\\n\\\\title{API for the writeLaTeX-Git Bridge}\\n\\\\author{JLM}\\n\\\\date{\\\\today}\\n\\\\maketitle\\n\\n\\\\section{Fetching a Project from WriteLaTeX}\\n\\nThere are three API calls that will likely be of interest. You can run them against this server, \\\\url{radiant-wind-3058.herokuapp.com}, but they're not on the production server yet.\\n\\n\\\\subsection{Get Doc}\\n\\nA ``doc'' is our internal term for a ``project''. At present, this just returns the latest version number.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb\\n# => { latestVerId: 39 }\\nTODO will also include updatedAt time and user (if it was not anonymous)\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Saved Vers}\\n\\nA ``saved ver'' is a version of a doc, saved by via the versions menu. Note that this query is not currently paginated.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/saved_vers\\n# => [\\n  {\\\"versionId\\\":39,\\n   \\\"comment\\\":\\\"with more files\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T18:02:19Z\\\"},\\n  {\\\"versionId\\\":24,\\n   \\\"comment\\\":\\\"first draft\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T17:56:58Z\\\"}]\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Snapshot for Version}\\n\\nA snapshot contains the content of a project in the given version. You can safely request a snapshot of any version that is, or was at any point in the last 24 hours, (1) a saved version, or (2) the current version. (Older versions may or may not have been moved to cold storage.)\\n\\nThe srcs array contains (content, file name) pairs; the atts array contains (URL, file name) pairs.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/snapshots/39\\n# => {\\n  \\\"srcs\\\":[\\n    [\\\"This text is from another file.\\\",\\\"foo/bar/test.tex\\\"],\\n    [\\\"\\\\\\\\documentclass[a4paper]{article}\\\\n...\\\",\\\"main.tex\\\"]],\\n  \\\"atts\\\":[\\n    [\\\"https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png\\\",\\\"min_mean_wait_evm_7_eps_150dpi.png\\\"]]}\\n\\\\end{lstlisting}\\n\\n\\\\section{Pushing a Project to WriteLaTeX}\\n\\n\\\\subsection{Push a Project}\\n\\n\\\\begin{lstlisting}\\n# NB: JLM originally said PUT, but he now thinks POST is better\\n# NB: you must set a Content-Type: application/json header for this request\\n# in order to specify the data as JSON in the request body\\nPOST https://.../api/v0/docs/1826rqgsdb/snapshots\\nData:\\n{\\n  latestVerId: integer,\\n  files: [\\n    {\\n      name: string path (forward slashes, relative to root)\\n      url: string (but only if the file is modified; else no url given)\\n    }, ...\\n  ]\\n  postbackUrl: url to post result back to\\n}\\nResponse on success:\\n{\\n  status: 202,\\n  code: \\\"accepted\\\",\\n  message: \\\"Accepted\\\"\\n}\\nResponse on out of date:\\n{\\n  status: 409, # Conflict\\n  code: \\\"outOfDate\\\",\\n  message: \\\"Out of Date\\\"\\n}\\n\\nPostback Data (METHOD POST):\\nOn success:\\n{\\n  code: \\\"upToDate\\\",\\n  latestVerId: integer\\n}\\nOn out of date:\\n{\\n  code: \\\"outOfDate\\\",\\n  message: \\\"Out of Date\\\"\\n}\\nOn error with the files list (e.g. file extension not allowed):\\n{\\n  code: \\\"invalidFiles\\\",\\n  errors: TODO\\n}\\nOn error with the project as a whole (e.g. over quota):\\n{\\n  code: \\\"invalidProject\\\",\\n  errors: TODO\\n}\\nOn unexpected error (bug):\\n{\\n  code: \\\"error\\\",\\n  message: \\\"Unexpected Error\\\"\\n}\\n\\\\end{lstlisting}\\n\\n\\\\section{Test Data}\\n\\nYou can use this project as one of your test projects. I've added an attachment and a file in a subfolder to make it a bit more interesting.\\n\\n\\\\input{foo/bar/test}\\n\\n\\\\includegraphics[width=\\\\linewidth]{min_mean_wait_evm_7_eps_150dpi}\\n\\n\\\\end{document}",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+                ],
+                "atts": [
+                	{
+                		"url": "https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png",
+                		"path": "min_mean_wait_evm_7_eps_150dpi.png"
+                	}
+                ]
+            },
+            {
+            	"versionID": 175,
+            	"srcs": [
+                    {
+                    	"content": "\\\\documentclass[a4paper]{article}\\n\\n\\\\usepackage[english]{babel}\\n\\\\usepackage[utf8]{inputenc}\\n\\\\usepackage{graphicx}\\n\\\\usepackage{fullpage}\\n\\\\usepackage{listings}\\n\\\\usepackage{courier}\\n\\\\usepackage{url}\\n\\n\\\\lstset{basicstyle=\\\\ttfamily,breaklines=true}\\n\\n\\\\begin{document}\\n\\\\title{API for the writeLaTeX-Git Bridge}\\n\\\\author{JLM}\\n\\\\date{\\\\today}\\n\\\\maketitle\\n\\n\\\\section{Fetching a Project from WriteLaTeX}\\n\\nThere are three API calls that will likely be of interest. You can run them against this server, \\\\url{radiant-wind-3058.herokuapp.com}, but they're not on the production server yet.\\n\\n\\\\subsection{Get Doc}\\n\\nA ``doc'' is our internal term for a ``project''. At present, this just returns the latest version number.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb\\n# => { latestVerId: 39 }\\nTODO will also include updatedAt time and user (if it was not anonymous)\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Saved Vers}\\n\\nA ``saved ver'' is a version of a doc, saved by via the versions menu. Note that this query is not currently paginated.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/saved_vers\\n# => [\\n  {\\\"versionId\\\":39,\\n   \\\"comment\\\":\\\"with more files\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T18:02:19Z\\\"},\\n  {\\\"versionId\\\":24,\\n   \\\"comment\\\":\\\"first draft\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T17:56:58Z\\\"}]\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Snapshot for Version}\\n\\nA snapshot contains the content of a project in the given version. You can safely request a snapshot of any version that is, or was at any point in the last 24 hours, (1) a saved version, or (2) the current version. (Older versions may or may not have been moved to cold storage.)\\n\\nThe srcs array contains (content, file name) pairs; the atts array contains (URL, file name) pairs.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/snapshots/39\\n# => {\\n  \\\"srcs\\\":[\\n    [\\\"This text is from another file.\\\",\\\"foo/bar/test.tex\\\"],\\n    [\\\"\\\\\\\\documentclass[a4paper]{article}\\\\n...\\\",\\\"main.tex\\\"]],\\n  \\\"atts\\\":[\\n    [\\\"https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png\\\",\\\"min_mean_wait_evm_7_eps_150dpi.png\\\"]]}\\n\\\\end{lstlisting}\\n\\n\\\\section{Pushing a Project to WriteLaTeX}\\n\\n\\\\subsection{Push a Project}\\n\\n\\\\begin{lstlisting}\\n# NB: JLM originally said PUT, but he now thinks POST is better\\n# NB: you must set a Content-Type: application/json header for this request\\n# in order to specify the data as JSON in the request body\\nPOST https://.../api/v0/docs/1826rqgsdb/snapshots\\nData:\\n{\\n  latestVerId: integer,\\n  files: [\\n    {\\n      name: string path (forward slashes, relative to root)\\n      url: string (but only if the file is modified; else no url given)\\n    }, ...\\n  ]\\n  postbackUrl: url to post result back to\\n}\\nResponse on success:\\n{\\n  status: 202,\\n  code: \\\"accepted\\\",\\n  message: \\\"Accepted\\\"\\n}\\nResponse on out of date:\\n{\\n  status: 409, # Conflict\\n  code: \\\"outOfDate\\\",\\n  message: \\\"Out of Date\\\"\\n}\\n\\nPostback Data (METHOD POST):\\nOn success:\\n{\\n  code: \\\"upToDate\\\",\\n  latestVerId: integer\\n}\\nOn out of date:\\n{\\n  code: \\\"outOfDate\\\",\\n  message: \\\"Out of Date\\\"\\n}\\nOn error:\\n{\\n  code: \\\"invalidFile\\\",\\n  TODO\\n}\\n\\\\end{lstlisting}\\n\\n\\\\section{Test Data}\\n\\nYou can use this project as one of your test projects. I've added an attachment and a file in a subfolder to make it a bit more interesting.\\n\\n\\\\input{foo/bar/test}\\n\\n\\\\includegraphics[width=\\\\linewidth]{min_mean_wait_evm_7_eps_150dpi}\\n\\n\\\\end{document}",
+                    	"path": "main.tex"
+                   	},
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+                ],
+                "atts": [
+                	{
+	                	"url": "https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png",
+	                	"path": "min_mean_wait_evm_7_eps_150dpi.png"
+                	}
+                ]
+            },
+            {
+            	"versionID": 146,
+            	"srcs": [
+                    {
+                    	"content": "\\\\documentclass[a4paper]{article}\\n\\n\\\\usepackage[english]{babel}\\n\\\\usepackage[utf8]{inputenc}\\n\\\\usepackage{graphicx}\\n\\\\usepackage{fullpage}\\n\\\\usepackage{listings}\\n\\\\usepackage{courier}\\n\\\\usepackage{url}\\n\\n\\\\lstset{basicstyle=\\\\ttfamily,breaklines=true}\\n\\n\\\\begin{document}\\n\\\\title{API for the writeLaTeX-Git Bridge}\\n\\\\author{JLM}\\n\\\\date{\\\\today}\\n\\\\maketitle\\n\\n\\\\section{Fetching a Project from WriteLaTeX}\\n\\nThere are three API calls that will likely be of interest. You can run them against this server, \\\\url{radiant-wind-3058.herokuapp.com}, but they're not on the production server yet.\\n\\n\\\\subsection{Get Doc}\\n\\nA ``doc'' is our internal term for a ``project''. At present, this just returns the latest version number.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb\\n# => { latestVerId: 39 }\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Saved Vers}\\n\\nA ``saved ver'' is a version of a doc, saved by via the versions menu. Note that this query is not currently paginated.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/saved_vers\\n# => [\\n  {\\\"versionId\\\":39,\\n   \\\"comment\\\":\\\"with more files\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T18:02:19Z\\\"},\\n  {\\\"versionId\\\":24,\\n   \\\"comment\\\":\\\"first draft\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T17:56:58Z\\\"}]\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Snapshot for Version}\\n\\nA snapshot contains the content of a project in the given version. You can safely request a snapshot of any version that is, or was at any point in the last 24 hours, (1) a saved version, or (2) the current version. (Older versions may or may not have been moved to cold storage.)\\n\\nThe srcs array contains (content, file name) pairs; the atts array contains (URL, file name) pairs.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/snapshots/39\\n# => {\\n  \\\"srcs\\\":[\\n    [\\\"This text is from another file.\\\",\\\"foo/bar/test.tex\\\"],\\n    [\\\"\\\\\\\\documentclass[a4paper]{article}\\\\n...\\\",\\\"main.tex\\\"]],\\n  \\\"atts\\\":[\\n    [\\\"https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png\\\",\\\"min_mean_wait_evm_7_eps_150dpi.png\\\"]]}\\n\\\\end{lstlisting}\\n\\n\\\\section{Pushing a Project to WriteLaTeX}\\n\\n\\\\subsection{Push a Project}\\n\\n\\\\begin{lstlisting}\\nPUT https://.../api/v0/docs/1826rqgsdb/snapshots\\nData:\\n{\\n  latestVerId: integer,\\n  files: [\\n    {\\n      name: string path (forward slashes, relative to root)\\n      url: string (but only if the file is modified; else no url given)\\n    }, ...\\n  ]\\n  postbackUrl: url to post result back to\\n}\\nResponse on success:\\n{\\n  status: 20x,\\n}\\nResponse on out of date:\\n{\\n  status: 40x,\\n  code: \\\"outOfDate\\\",\\n  message: \\\"Out of Date\\\"\\n}\\n\\nPostback Data (METHOD POST):\\nOn success:\\n{\\n  code: \\\"upToDate\\\",\\n  latestVerId: integer\\n}\\nOn out of date:\\n{\\n  code: \\\"outOfDate\\\",\\n  message: \\\"Out of Date\\\"\\n}\\nOn error:\\n{\\n  code: \\\"invalidFile\\\",\\n  TODO\\n}\\n\\\\end{lstlisting}\\n\\n\\\\section{Test Data}\\n\\nYou can use this project as one of your test projects. I've added an attachment and a file in a subfolder to make it a bit more interesting.\\n\\n\\\\input{foo/bar/test}\\n\\n\\\\includegraphics[width=\\\\linewidth]{min_mean_wait_evm_7_eps_150dpi}\\n\\n\\\\end{document}",
+                    	"path": "main.tex"
+                   	},
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+                ],
+                "atts": [
+                	{
+	                	"url": "https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png",
+	                	"path": "min_mean_wait_evm_7_eps_150dpi.png"
+	                }
+                ]
+            },
+            {
+            	"versionID": 74,
+            	"srcs": [
+                    {
+                    	"content": "\\\\documentclass[a4paper]{article}\\n\\n\\\\usepackage[english]{babel}\\n\\\\usepackage[utf8]{inputenc}\\n\\\\usepackage{graphicx}\\n\\\\usepackage{fullpage}\\n\\\\usepackage{listings}\\n\\\\usepackage{courier}\\n\\\\usepackage{url}\\n\\n\\\\lstset{basicstyle=\\\\ttfamily,breaklines=true}\\n\\n\\\\begin{document}\\n\\\\title{API for the writeLaTeX-Git Bridge}\\n\\\\author{JLM}\\n\\\\date{\\\\today}\\n\\\\maketitle\\n\\n\\\\section{Fetching a Project from WriteLaTeX}\\n\\nThere are three API calls that will likely be of interest. You can run them against this server, \\\\url{radiant-wind-3058.herokuapp.com}, but they're not on the production server yet.\\n\\n\\\\subsection{Get Doc}\\n\\nA ``doc'' is our internal term for a ``project''. At present, this just returns the latest version number.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb\\n# => { latestVerId: 39 }\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Saved Vers}\\n\\nA ``saved ver'' is a version of a doc, saved by via the versions menu. Note that this query is not currently paginated.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/saved_vers\\n# => [\\n  {\\\"versionId\\\":39,\\n   \\\"comment\\\":\\\"with more files\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T18:02:19Z\\\"},\\n  {\\\"versionId\\\":24,\\n   \\\"comment\\\":\\\"first draft\\\",\\n   \\\"user\\\":{\\n     \\\"email\\\":\\\"jdleesmiller@gmail.com\\\",\\n     \\\"name\\\":\\\"John Lees-Miller\\\"},\\n   \\\"createdAt\\\":\\\"2014-11-05T17:56:58Z\\\"}]\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Snapshot for Version}\\n\\nA snapshot contains the content of a project in the given version. You can safely request a snapshot of any version that is, or was at any point in the last 24 hours, (1) a saved version, or (2) the current version. (Older versions may or may not have been moved to cold storage.)\\n\\nThe srcs array contains (content, file name) pairs; the atts array contains (URL, file name) pairs.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/snapshots/39\\n# => {\\n  \\\"srcs\\\":[\\n    [\\\"This text is from another file.\\\",\\\"foo/bar/test.tex\\\"],\\n    [\\\"\\\\\\\\documentclass[a4paper]{article}\\\\n...\\\",\\\"main.tex\\\"]],\\n  \\\"atts\\\":[\\n    [\\\"https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png\\\",\\\"min_mean_wait_evm_7_eps_150dpi.png\\\"]]}\\n\\\\end{lstlisting}\\n\\n\\\\section{Pushing a Project to WriteLaTeX}\\n\\nTODO still working on this part\\n\\n\\\\section{Test Data}\\n\\nYou can use this project as a test project. I've added an attachment and a file in a subfolder to make it a bit more interesting.\\n\\n\\\\input{foo/bar/test}\\n\\n\\\\includegraphics[width=\\\\linewidth]{min_mean_wait_evm_7_eps_150dpi}\\n\\n\\\\end{document}",
+                    	"path": "main.tex"
+                   	},
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+                ],
+                "atts": [
+                	{
+                		"url": "https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png",
+                		"path": "min_mean_wait_evm_7_eps_150dpi.png"
+                	}
+                ]
+            },
+            {
+            	"versionID": 39,
+            	"srcs": [
+                    {
+                    	"content": "\\\\documentclass[a4paper]{article}\\n\\n\\\\usepackage[english]{babel}\\n\\\\usepackage[utf8]{inputenc}\\n\\\\usepackage{graphicx}\\n\\\\usepackage{fullpage}\\n\\\\usepackage{listings}\\n\\\\usepackage{courier}\\n\\\\usepackage{url}\\n\\n\\\\lstset{basicstyle=\\\\ttfamily,breaklines=true}\\n\\n\\\\begin{document}\\n\\\\title{API for the writeLaTeX-Git Bridge}\\n\\\\author{JLM}\\n\\\\date{\\\\today}\\n\\\\maketitle\\n\\n\\\\section{Fetching a Project from WriteLaTeX}\\n\\nThere are three API calls that will likely be of interest. You can run them against this server, \\\\url{radiant-wind-3058.herokuapp.com}, but they're not on the production server yet.\\n\\n\\\\subsection{Get Doc}\\n\\nA ``doc'' is our internal term for a ``project''. At present, this just returns the latest version number.\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Saved Vers}\\n\\nA ``saved ver'' is a version of a doc, saved by via the versions menu. To list saved versions for a doc:\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/saved_vers\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Snapshot for Version}\\n\\nA snapshot contains the content of a project in the given version. You can safely request a snapshot of any version that is, or was at any point in the last 24 hours, (1) a saved version, or (2) the current version. (Older versions may or may not have been moved to cold storage.)\\n\\n\\\\begin{lstlisting}\\nGET https://.../api/v0/docs/1826rqgsdb/snapshots/1\\n\\\\end{lstlisting}\\n\\n\\\\section{Pushing a Project to WriteLaTeX}\\n\\nTODO still working on this part\\n\\n\\\\section{Test Data}\\n\\nYou can use this project as a test project. I've added an attachment and a file in a subfolder to make it a bit more interesting.\\n\\n\\\\input{foo/bar/test}\\n\\n\\\\includegraphics[width=\\\\linewidth]{min_mean_wait_evm_7_eps_150dpi}\\n\\n\\\\end{document}",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+                ],
+                "atts": [
+                	{
+                		"url": "https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png",
+                		"path": "min_mean_wait_evm_7_eps_150dpi.png"
+                	}
+                ]
+            },
+            {
+            	"versionID": 24,
+            	"srcs": [
+                    {
+                    	"content": "\\\\documentclass[a4paper]{article}\\n\\n\\\\usepackage[english]{babel}\\n\\\\usepackage[utf8]{inputenc}\\n\\\\usepackage{graphicx}\\n\\\\usepackage{fullpage}\\n\\\\usepackage{listings}\\n\\\\usepackage{courier}\\n\\\\usepackage{url}\\n\\n\\\\lstset{basicstyle=\\\\ttfamily,breaklines=true}\\n\\n\\\\begin{document}\\n\\\\title{API for the writeLaTeX-Git Bridge}\\n\\\\author{JLM}\\n\\\\date{\\\\today}\\n\\\\maketitle\\n\\n\\\\section{Fetching a Project from WriteLaTeX}\\n\\nThere are three API calls that will likely be of interest. You can run them against this server (radiant-wind-3058.herokuapp.com).\\n\\n\\\\subsection{Get Doc}\\n\\nA ``doc'' is our internal term for a ``project''. At present, this just returns the latest version number.\\n\\n\\\\begin{lstlisting}\\nGET https://radiant-wind.....com/api/v0/docs/1826rqgsdb\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Saved Vers}\\n\\nA ``saved ver'' is a version of a doc, saved by via the versions menu. To list saved versions for a doc:\\n\\n\\\\begin{lstlisting}\\nGET https://radiant-wind.....com/api/v0/docs/1826rqgsdb/saved_vers\\n\\\\end{lstlisting}\\n\\n\\\\subsection{Get Snapshot for Version}\\n\\nA snapshot contains the content of a project in the given version. You can safely request a snapshot of any version that is, or was at any point in the last 24 hours, (1) a saved version, or (2) the current version. (Older versions may or may not have been moved to cold storage.)\\n\\n\\\\begin{lstlisting}\\nGET https://radiant-wind.....com/api/v0/docs/1826rqgsdb/snapshots/1\\n\\\\end{lstlisting}\\n\\n\\\\section{Pushing a Project to WriteLaTeX}\\n\\nTODO still working on this part\\n\\n\\\\section{Test Data}\\n\\nYou can use this project as a test project. Here is an extra file to make it a bit more interesting.\\n\\n\\\\includegraphics[width=\\\\linewidth]{min_mean_wait_evm_7_eps_150dpi}\\n\\n\\\\end{document}",
+                    	"path": "main.tex"
+                    }
+                ],
+                "atts": [
+                	{
+                		"url": "https://writelatex-staging.s3.amazonaws.com/filepicker/1ENnu6zJSGyslI3DuNZD_min_mean_wait_evm_7.eps.150dpi.png",
+                		"path": "min_mean_wait_evm_7_eps_150dpi.png"
+                	}
+                ]
+            }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 244
+		}
+	}
+]
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/111111111111111111111111/foo/bar/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/111111111111111111111111/foo/bar/test.tex
new file mode 100644
index 0000000..046794f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/111111111111111111111111/foo/bar/test.tex
@@ -0,0 +1 @@
+This text is from another file.
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/111111111111111111111111/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/111111111111111111111111/main.tex
new file mode 100644
index 0000000..d95f3ad
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/111111111111111111111111/main.tex
@@ -0,0 +1 @@
+content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/111111111111111111111111/overleaf-white-410.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/111111111111111111111111/overleaf-white-410.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/111111111111111111111111/overleaf-white-410.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/222222222222222222222222/editor-versions-a7e4de19d015c3e7477e3f7eaa6c418e.png b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/222222222222222222222222/editor-versions-a7e4de19d015c3e7477e3f7eaa6c418e.png
new file mode 100644
index 0000000..7fa339b
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/222222222222222222222222/editor-versions-a7e4de19d015c3e7477e3f7eaa6c418e.png differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/222222222222222222222222/foo/bar/test.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/222222222222222222222222/foo/bar/test.tex
new file mode 100644
index 0000000..1c05c01
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/222222222222222222222222/foo/bar/test.tex
@@ -0,0 +1 @@
+a different one
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/222222222222222222222222/main.tex b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/222222222222222222222222/main.tex
new file mode 100644
index 0000000..802d4bb
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/222222222222222222222222/main.tex
@@ -0,0 +1 @@
+different content
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/state.json b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/state.json
new file mode 100644
index 0000000..6c47055
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/WLGitBridgeIntegrationTest/wlgbCanSwapProjects/state/state.json
@@ -0,0 +1,90 @@
+[
+	{
+		"project": "111111111111111111111111",
+		"getDoc": {
+			"versionID": 1,
+			"createdAt": "2014-11-30T18:40:58.123Z",
+			"email": "jdleesmiller+1@gmail.com",
+			"name": "John+1"
+		},
+		"getSavedVers": [
+        	{
+        		"versionID": 1,
+        		"comment": "added more info on doc GET and error details",
+        		"email": "jdleesmiller+1@gmail.com",
+        		"name": "John+1",
+        		"createdAt": "2014-11-30T18:47:01.456Z"
+        	}
+		],
+		"getForVers": [
+			{
+				"versionID": 1,
+				"srcs": [
+                    {
+                    	"content": "content\n",
+                    	"path": "main.tex"
+                    },
+                    {
+                    	"content": "This text is from another file.",
+                    	"path": "foo/bar/test.tex"
+                    }
+	            ],
+	            "atts": [
+	            	{
+	            		"url": "http://127.0.0.1:3874/state/111111111111111111111111/overleaf-white-410.png",
+	            		"path": "overleaf-white-410.png"
+	            	}
+	            ]
+	        }
+		],
+		"push": "success",
+		"postback": {
+			"type": "success",
+			"versionID": 2
+		}
+	},
+	{
+        "project": "222222222222222222222222",
+        "getDoc": {
+            "versionID": 1,
+            "createdAt": "2014-11-30T18:40:58.123Z",
+            "email": "jdleesmiller+1@gmail.com",
+            "name": "John+1"
+        },
+        "getSavedVers": [
+            {
+                "versionID": 1,
+                "comment": "added more info on doc GET and error details",
+                "email": "jdleesmiller+1@gmail.com",
+                "name": "John+1",
+                "createdAt": "2014-11-30T18:47:01.456Z"
+            }
+        ],
+        "getForVers": [
+            {
+                "versionID": 1,
+                "srcs": [
+                    {
+                        "content": "different content\n",
+                        "path": "main.tex"
+                    },
+                    {
+                        "content": "a different one",
+                        "path": "foo/bar/test.tex"
+                    }
+                ],
+                "atts": [
+                    {
+                        "url": "http://127.0.0.1:3874/state/222222222222222222222222/editor-versions-a7e4de19d015c3e7477e3f7eaa6c418e.png",
+                        "path": "editor-versions-a7e4de19d015c3e7477e3f7eaa6c418e.png"
+                    }
+                ]
+            }
+        ],
+        "push": "success",
+        "postback": {
+            "type": "success",
+            "versionID": 2
+        }
+    }
+]
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/.wlgb/wlgb.db b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/.wlgb/wlgb.db
new file mode 100644
index 0000000..e69de29
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/idontexist/idontexist.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/idontexist/idontexist.txt
new file mode 100644
index 0000000..e69de29
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/COMMIT_EDITMSG b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/COMMIT_EDITMSG
new file mode 100644
index 0000000..c098216
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/COMMIT_EDITMSG
@@ -0,0 +1 @@
+Main
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/HEAD b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/HEAD
new file mode 100644
index 0000000..cb089cd
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/HEAD
@@ -0,0 +1 @@
+ref: refs/heads/master
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/config b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/config
new file mode 100644
index 0000000..6c9406b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/config
@@ -0,0 +1,7 @@
+[core]
+	repositoryformatversion = 0
+	filemode = true
+	bare = false
+	logallrefupdates = true
+	ignorecase = true
+	precomposeunicode = true
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/description b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/description
new file mode 100644
index 0000000..498b267
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/description
@@ -0,0 +1 @@
+Unnamed repository; edit this file 'description' to name the repository.
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/applypatch-msg.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/applypatch-msg.sample
new file mode 100755
index 0000000..a5d7b84
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/applypatch-msg.sample
@@ -0,0 +1,15 @@
+#!/bin/sh
+#
+# An example hook script to check the commit log message taken by
+# applypatch from an e-mail message.
+#
+# The hook should exit with non-zero status after issuing an
+# appropriate message if it wants to stop the commit.  The hook is
+# allowed to edit the commit message file.
+#
+# To enable this hook, rename this file to "applypatch-msg".
+
+. git-sh-setup
+commitmsg="$(git rev-parse --git-path hooks/commit-msg)"
+test -x "$commitmsg" && exec "$commitmsg" ${1+"$@"}
+:
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/commit-msg.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/commit-msg.sample
new file mode 100755
index 0000000..b58d118
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/commit-msg.sample
@@ -0,0 +1,24 @@
+#!/bin/sh
+#
+# An example hook script to check the commit log message.
+# Called by "git commit" with one argument, the name of the file
+# that has the commit message.  The hook should exit with non-zero
+# status after issuing an appropriate message if it wants to stop the
+# commit.  The hook is allowed to edit the commit message file.
+#
+# To enable this hook, rename this file to "commit-msg".
+
+# Uncomment the below to add a Signed-off-by line to the message.
+# Doing this in a hook is a bad idea in general, but the prepare-commit-msg
+# hook is more suited to it.
+#
+# SOB=$(git var GIT_AUTHOR_IDENT | sed -n 's/^\(.*>\).*$/Signed-off-by: \1/p')
+# grep -qs "^$SOB" "$1" || echo "$SOB" >> "$1"
+
+# This example catches duplicate Signed-off-by lines.
+
+test "" = "$(grep '^Signed-off-by: ' "$1" |
+	 sort | uniq -c | sed -e '/^[ 	]*1[ 	]/d')" || {
+	echo >&2 Duplicate Signed-off-by lines.
+	exit 1
+}
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/post-update.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/post-update.sample
new file mode 100755
index 0000000..ec17ec1
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/post-update.sample
@@ -0,0 +1,8 @@
+#!/bin/sh
+#
+# An example hook script to prepare a packed repository for use over
+# dumb transports.
+#
+# To enable this hook, rename this file to "post-update".
+
+exec git update-server-info
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/pre-applypatch.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/pre-applypatch.sample
new file mode 100755
index 0000000..4142082
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/pre-applypatch.sample
@@ -0,0 +1,14 @@
+#!/bin/sh
+#
+# An example hook script to verify what is about to be committed
+# by applypatch from an e-mail message.
+#
+# The hook should exit with non-zero status after issuing an
+# appropriate message if it wants to stop the commit.
+#
+# To enable this hook, rename this file to "pre-applypatch".
+
+. git-sh-setup
+precommit="$(git rev-parse --git-path hooks/pre-commit)"
+test -x "$precommit" && exec "$precommit" ${1+"$@"}
+:
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/pre-commit.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/pre-commit.sample
new file mode 100755
index 0000000..68d62d5
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/pre-commit.sample
@@ -0,0 +1,49 @@
+#!/bin/sh
+#
+# An example hook script to verify what is about to be committed.
+# Called by "git commit" with no arguments.  The hook should
+# exit with non-zero status after issuing an appropriate message if
+# it wants to stop the commit.
+#
+# To enable this hook, rename this file to "pre-commit".
+
+if git rev-parse --verify HEAD >/dev/null 2>&1
+then
+	against=HEAD
+else
+	# Initial commit: diff against an empty tree object
+	against=4b825dc642cb6eb9a060e54bf8d69288fbee4904
+fi
+
+# If you want to allow non-ASCII filenames set this variable to true.
+allownonascii=$(git config --bool hooks.allownonascii)
+
+# Redirect output to stderr.
+exec 1>&2
+
+# Cross platform projects tend to avoid non-ASCII filenames; prevent
+# them from being added to the repository. We exploit the fact that the
+# printable range starts at the space character and ends with tilde.
+if [ "$allownonascii" != "true" ] &&
+	# Note that the use of brackets around a tr range is ok here, (it's
+	# even required, for portability to Solaris 10's /usr/bin/tr), since
+	# the square bracket bytes happen to fall in the designated range.
+	test $(git diff --cached --name-only --diff-filter=A -z $against |
+	  LC_ALL=C tr -d '[ -~]\0' | wc -c) != 0
+then
+	cat <<\EOF
+Error: Attempt to add a non-ASCII file name.
+
+This can cause problems if you want to work with people on other platforms.
+
+To be portable it is advisable to rename the file.
+
+If you know what you are doing you can disable this check using:
+
+  git config hooks.allownonascii true
+EOF
+	exit 1
+fi
+
+# If there are whitespace errors, print the offending file names and fail.
+exec git diff-index --check --cached $against --
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/pre-push.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/pre-push.sample
new file mode 100755
index 0000000..6187dbf
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/pre-push.sample
@@ -0,0 +1,53 @@
+#!/bin/sh
+
+# An example hook script to verify what is about to be pushed.  Called by "git
+# push" after it has checked the remote status, but before anything has been
+# pushed.  If this script exits with a non-zero status nothing will be pushed.
+#
+# This hook is called with the following parameters:
+#
+# $1 -- Name of the remote to which the push is being done
+# $2 -- URL to which the push is being done
+#
+# If pushing without using a named remote those arguments will be equal.
+#
+# Information about the commits which are being pushed is supplied as lines to
+# the standard input in the form:
+#
+#   <local ref> <local sha1> <remote ref> <remote sha1>
+#
+# This sample shows how to prevent push of commits where the log message starts
+# with "WIP" (work in progress).
+
+remote="$1"
+url="$2"
+
+z40=0000000000000000000000000000000000000000
+
+while read local_ref local_sha remote_ref remote_sha
+do
+	if [ "$local_sha" = $z40 ]
+	then
+		# Handle delete
+		:
+	else
+		if [ "$remote_sha" = $z40 ]
+		then
+			# New branch, examine all commits
+			range="$local_sha"
+		else
+			# Update to existing branch, examine new commits
+			range="$remote_sha..$local_sha"
+		fi
+
+		# Check for WIP commit
+		commit=`git rev-list -n 1 --grep '^WIP' "$range"`
+		if [ -n "$commit" ]
+		then
+			echo >&2 "Found WIP commit in $local_ref, not pushing"
+			exit 1
+		fi
+	fi
+done
+
+exit 0
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/pre-rebase.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/pre-rebase.sample
new file mode 100755
index 0000000..9773ed4
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/pre-rebase.sample
@@ -0,0 +1,169 @@
+#!/bin/sh
+#
+# Copyright (c) 2006, 2008 Junio C Hamano
+#
+# The "pre-rebase" hook is run just before "git rebase" starts doing
+# its job, and can prevent the command from running by exiting with
+# non-zero status.
+#
+# The hook is called with the following parameters:
+#
+# $1 -- the upstream the series was forked from.
+# $2 -- the branch being rebased (or empty when rebasing the current branch).
+#
+# This sample shows how to prevent topic branches that are already
+# merged to 'next' branch from getting rebased, because allowing it
+# would result in rebasing already published history.
+
+publish=next
+basebranch="$1"
+if test "$#" = 2
+then
+	topic="refs/heads/$2"
+else
+	topic=`git symbolic-ref HEAD` ||
+	exit 0 ;# we do not interrupt rebasing detached HEAD
+fi
+
+case "$topic" in
+refs/heads/??/*)
+	;;
+*)
+	exit 0 ;# we do not interrupt others.
+	;;
+esac
+
+# Now we are dealing with a topic branch being rebased
+# on top of master.  Is it OK to rebase it?
+
+# Does the topic really exist?
+git show-ref -q "$topic" || {
+	echo >&2 "No such branch $topic"
+	exit 1
+}
+
+# Is topic fully merged to master?
+not_in_master=`git rev-list --pretty=oneline ^master "$topic"`
+if test -z "$not_in_master"
+then
+	echo >&2 "$topic is fully merged to master; better remove it."
+	exit 1 ;# we could allow it, but there is no point.
+fi
+
+# Is topic ever merged to next?  If so you should not be rebasing it.
+only_next_1=`git rev-list ^master "^$topic" ${publish} | sort`
+only_next_2=`git rev-list ^master           ${publish} | sort`
+if test "$only_next_1" = "$only_next_2"
+then
+	not_in_topic=`git rev-list "^$topic" master`
+	if test -z "$not_in_topic"
+	then
+		echo >&2 "$topic is already up-to-date with master"
+		exit 1 ;# we could allow it, but there is no point.
+	else
+		exit 0
+	fi
+else
+	not_in_next=`git rev-list --pretty=oneline ^${publish} "$topic"`
+	/usr/bin/perl -e '
+		my $topic = $ARGV[0];
+		my $msg = "* $topic has commits already merged to public branch:\n";
+		my (%not_in_next) = map {
+			/^([0-9a-f]+) /;
+			($1 => 1);
+		} split(/\n/, $ARGV[1]);
+		for my $elem (map {
+				/^([0-9a-f]+) (.*)$/;
+				[$1 => $2];
+			} split(/\n/, $ARGV[2])) {
+			if (!exists $not_in_next{$elem->[0]}) {
+				if ($msg) {
+					print STDERR $msg;
+					undef $msg;
+				}
+				print STDERR " $elem->[1]\n";
+			}
+		}
+	' "$topic" "$not_in_next" "$not_in_master"
+	exit 1
+fi
+
+exit 0
+
+################################################################
+
+This sample hook safeguards topic branches that have been
+published from being rewound.
+
+The workflow assumed here is:
+
+ * Once a topic branch forks from "master", "master" is never
+   merged into it again (either directly or indirectly).
+
+ * Once a topic branch is fully cooked and merged into "master",
+   it is deleted.  If you need to build on top of it to correct
+   earlier mistakes, a new topic branch is created by forking at
+   the tip of the "master".  This is not strictly necessary, but
+   it makes it easier to keep your history simple.
+
+ * Whenever you need to test or publish your changes to topic
+   branches, merge them into "next" branch.
+
+The script, being an example, hardcodes the publish branch name
+to be "next", but it is trivial to make it configurable via
+$GIT_DIR/config mechanism.
+
+With this workflow, you would want to know:
+
+(1) ... if a topic branch has ever been merged to "next".  Young
+    topic branches can have stupid mistakes you would rather
+    clean up before publishing, and things that have not been
+    merged into other branches can be easily rebased without
+    affecting other people.  But once it is published, you would
+    not want to rewind it.
+
+(2) ... if a topic branch has been fully merged to "master".
+    Then you can delete it.  More importantly, you should not
+    build on top of it -- other people may already want to
+    change things related to the topic as patches against your
+    "master", so if you need further changes, it is better to
+    fork the topic (perhaps with the same name) afresh from the
+    tip of "master".
+
+Let's look at this example:
+
+		   o---o---o---o---o---o---o---o---o---o "next"
+		  /       /           /           /
+		 /   a---a---b A     /           /
+		/   /               /           /
+	       /   /   c---c---c---c B         /
+	      /   /   /             \         /
+	     /   /   /   b---b C     \       /
+	    /   /   /   /             \     /
+    ---o---o---o---o---o---o---o---o---o---o---o "master"
+
+
+A, B and C are topic branches.
+
+ * A has one fix since it was merged up to "next".
+
+ * B has finished.  It has been fully merged up to "master" and "next",
+   and is ready to be deleted.
+
+ * C has not merged to "next" at all.
+
+We would want to allow C to be rebased, refuse A, and encourage
+B to be deleted.
+
+To compute (1):
+
+	git rev-list ^master ^topic next
+	git rev-list ^master        next
+
+	if these match, topic has not merged in next at all.
+
+To compute (2):
+
+	git rev-list master..topic
+
+	if this is empty, it is fully merged to "master".
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/prepare-commit-msg.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/prepare-commit-msg.sample
new file mode 100755
index 0000000..f093a02
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/prepare-commit-msg.sample
@@ -0,0 +1,36 @@
+#!/bin/sh
+#
+# An example hook script to prepare the commit log message.
+# Called by "git commit" with the name of the file that has the
+# commit message, followed by the description of the commit
+# message's source.  The hook's purpose is to edit the commit
+# message file.  If the hook fails with a non-zero status,
+# the commit is aborted.
+#
+# To enable this hook, rename this file to "prepare-commit-msg".
+
+# This hook includes three examples.  The first comments out the
+# "Conflicts:" part of a merge commit.
+#
+# The second includes the output of "git diff --name-status -r"
+# into the message, just before the "git status" output.  It is
+# commented because it doesn't cope with --amend or with squashed
+# commits.
+#
+# The third example adds a Signed-off-by line to the message, that can
+# still be edited.  This is rarely a good idea.
+
+case "$2,$3" in
+  merge,)
+    /usr/bin/perl -i.bak -ne 's/^/# /, s/^# #/#/ if /^Conflicts/ .. /#/; print' "$1" ;;
+
+# ,|template,)
+#   /usr/bin/perl -i.bak -pe '
+#      print "\n" . `git diff --cached --name-status -r`
+#	 if /^#/ && $first++ == 0' "$1" ;;
+
+  *) ;;
+esac
+
+# SOB=$(git var GIT_AUTHOR_IDENT | sed -n 's/^\(.*>\).*$/Signed-off-by: \1/p')
+# grep -qs "^$SOB" "$1" || echo "$SOB" >> "$1"
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/update.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/update.sample
new file mode 100755
index 0000000..80ba941
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/hooks/update.sample
@@ -0,0 +1,128 @@
+#!/bin/sh
+#
+# An example hook script to block unannotated tags from entering.
+# Called by "git receive-pack" with arguments: refname sha1-old sha1-new
+#
+# To enable this hook, rename this file to "update".
+#
+# Config
+# ------
+# hooks.allowunannotated
+#   This boolean sets whether unannotated tags will be allowed into the
+#   repository.  By default they won't be.
+# hooks.allowdeletetag
+#   This boolean sets whether deleting tags will be allowed in the
+#   repository.  By default they won't be.
+# hooks.allowmodifytag
+#   This boolean sets whether a tag may be modified after creation. By default
+#   it won't be.
+# hooks.allowdeletebranch
+#   This boolean sets whether deleting branches will be allowed in the
+#   repository.  By default they won't be.
+# hooks.denycreatebranch
+#   This boolean sets whether remotely creating branches will be denied
+#   in the repository.  By default this is allowed.
+#
+
+# --- Command line
+refname="$1"
+oldrev="$2"
+newrev="$3"
+
+# --- Safety check
+if [ -z "$GIT_DIR" ]; then
+	echo "Don't run this script from the command line." >&2
+	echo " (if you want, you could supply GIT_DIR then run" >&2
+	echo "  $0 <ref> <oldrev> <newrev>)" >&2
+	exit 1
+fi
+
+if [ -z "$refname" -o -z "$oldrev" -o -z "$newrev" ]; then
+	echo "usage: $0 <ref> <oldrev> <newrev>" >&2
+	exit 1
+fi
+
+# --- Config
+allowunannotated=$(git config --bool hooks.allowunannotated)
+allowdeletebranch=$(git config --bool hooks.allowdeletebranch)
+denycreatebranch=$(git config --bool hooks.denycreatebranch)
+allowdeletetag=$(git config --bool hooks.allowdeletetag)
+allowmodifytag=$(git config --bool hooks.allowmodifytag)
+
+# check for no description
+projectdesc=$(sed -e '1q' "$GIT_DIR/description")
+case "$projectdesc" in
+"Unnamed repository"* | "")
+	echo "*** Project description file hasn't been set" >&2
+	exit 1
+	;;
+esac
+
+# --- Check types
+# if $newrev is 0000...0000, it's a commit to delete a ref.
+zero="0000000000000000000000000000000000000000"
+if [ "$newrev" = "$zero" ]; then
+	newrev_type=delete
+else
+	newrev_type=$(git cat-file -t $newrev)
+fi
+
+case "$refname","$newrev_type" in
+	refs/tags/*,commit)
+		# un-annotated tag
+		short_refname=${refname##refs/tags/}
+		if [ "$allowunannotated" != "true" ]; then
+			echo "*** The un-annotated tag, $short_refname, is not allowed in this repository" >&2
+			echo "*** Use 'git tag [ -a | -s ]' for tags you want to propagate." >&2
+			exit 1
+		fi
+		;;
+	refs/tags/*,delete)
+		# delete tag
+		if [ "$allowdeletetag" != "true" ]; then
+			echo "*** Deleting a tag is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/tags/*,tag)
+		# annotated tag
+		if [ "$allowmodifytag" != "true" ] && git rev-parse $refname > /dev/null 2>&1
+		then
+			echo "*** Tag '$refname' already exists." >&2
+			echo "*** Modifying a tag is not allowed in this repository." >&2
+			exit 1
+		fi
+		;;
+	refs/heads/*,commit)
+		# branch
+		if [ "$oldrev" = "$zero" -a "$denycreatebranch" = "true" ]; then
+			echo "*** Creating a branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/heads/*,delete)
+		# delete branch
+		if [ "$allowdeletebranch" != "true" ]; then
+			echo "*** Deleting a branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/remotes/*,commit)
+		# tracking branch
+		;;
+	refs/remotes/*,delete)
+		# delete tracking branch
+		if [ "$allowdeletebranch" != "true" ]; then
+			echo "*** Deleting a tracking branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	*)
+		# Anything else (is there anything else?)
+		echo "*** Update hook: unknown type of update to ref $refname of type $newrev_type" >&2
+		exit 1
+		;;
+esac
+
+# --- Finished
+exit 0
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/index b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/index
new file mode 100644
index 0000000..c9459c6
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/index differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/info/exclude b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/info/exclude
new file mode 100644
index 0000000..a5196d1
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/info/exclude
@@ -0,0 +1,6 @@
+# git ls-files --others --exclude-from=.git/info/exclude
+# Lines that start with '#' are comments.
+# For a project mostly in C, the following would be a good set of
+# exclude patterns (uncomment them if you want to use them):
+# *.[oa]
+# *~
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/logs/HEAD b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/logs/HEAD
new file mode 100644
index 0000000..87a3c02
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/logs/HEAD
@@ -0,0 +1 @@
+0000000000000000000000000000000000000000 e5fc0d2678ec7b9bacf0bf514bac035fa371cb6e Winston Li <git@winston.li> 1471957665 +0100	commit (initial): Main
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/logs/refs/heads/master b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/logs/refs/heads/master
new file mode 100644
index 0000000..87a3c02
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/logs/refs/heads/master
@@ -0,0 +1 @@
+0000000000000000000000000000000000000000 e5fc0d2678ec7b9bacf0bf514bac035fa371cb6e Winston Li <git@winston.li> 1471957665 +0100	commit (initial): Main
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/objects/8b/6f970d184c1e097e6e6bae9b0eb03fec7796bf b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/objects/8b/6f970d184c1e097e6e6bae9b0eb03fec7796bf
new file mode 100644
index 0000000..63b4550
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/objects/8b/6f970d184c1e097e6e6bae9b0eb03fec7796bf differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/objects/e5/fc0d2678ec7b9bacf0bf514bac035fa371cb6e b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/objects/e5/fc0d2678ec7b9bacf0bf514bac035fa371cb6e
new file mode 100644
index 0000000..13bccfa
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/objects/e5/fc0d2678ec7b9bacf0bf514bac035fa371cb6e
@@ -0,0 +1,2 @@
+x
��A
+1@Q�=E��4�Z���u�$pZ#s}AO��/��yV�ec3H�p��x���@B��Yx"fJ�����}�����g��]m\�{�	p��ĜR��G�]�Ό�d�B����4&
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/objects/f2/7f21327e2f0f53e9d8afab217fedaeea6a1cee b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/objects/f2/7f21327e2f0f53e9d8afab217fedaeea6a1cee
new file mode 100644
index 0000000..d0cc2ae
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/objects/f2/7f21327e2f0f53e9d8afab217fedaeea6a1cee differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/refs/heads/master b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/refs/heads/master
new file mode 100644
index 0000000..d9abf31
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj1/DOTgit/refs/heads/master
@@ -0,0 +1 @@
+e5fc0d2678ec7b9bacf0bf514bac035fa371cb6e
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/COMMIT_EDITMSG b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/COMMIT_EDITMSG
new file mode 100644
index 0000000..c098216
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/COMMIT_EDITMSG
@@ -0,0 +1 @@
+Main
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/HEAD b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/HEAD
new file mode 100644
index 0000000..cb089cd
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/HEAD
@@ -0,0 +1 @@
+ref: refs/heads/master
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/config b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/config
new file mode 100644
index 0000000..6c9406b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/config
@@ -0,0 +1,7 @@
+[core]
+	repositoryformatversion = 0
+	filemode = true
+	bare = false
+	logallrefupdates = true
+	ignorecase = true
+	precomposeunicode = true
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/description b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/description
new file mode 100644
index 0000000..498b267
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/description
@@ -0,0 +1 @@
+Unnamed repository; edit this file 'description' to name the repository.
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/applypatch-msg.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/applypatch-msg.sample
new file mode 100755
index 0000000..a5d7b84
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/applypatch-msg.sample
@@ -0,0 +1,15 @@
+#!/bin/sh
+#
+# An example hook script to check the commit log message taken by
+# applypatch from an e-mail message.
+#
+# The hook should exit with non-zero status after issuing an
+# appropriate message if it wants to stop the commit.  The hook is
+# allowed to edit the commit message file.
+#
+# To enable this hook, rename this file to "applypatch-msg".
+
+. git-sh-setup
+commitmsg="$(git rev-parse --git-path hooks/commit-msg)"
+test -x "$commitmsg" && exec "$commitmsg" ${1+"$@"}
+:
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/commit-msg.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/commit-msg.sample
new file mode 100755
index 0000000..b58d118
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/commit-msg.sample
@@ -0,0 +1,24 @@
+#!/bin/sh
+#
+# An example hook script to check the commit log message.
+# Called by "git commit" with one argument, the name of the file
+# that has the commit message.  The hook should exit with non-zero
+# status after issuing an appropriate message if it wants to stop the
+# commit.  The hook is allowed to edit the commit message file.
+#
+# To enable this hook, rename this file to "commit-msg".
+
+# Uncomment the below to add a Signed-off-by line to the message.
+# Doing this in a hook is a bad idea in general, but the prepare-commit-msg
+# hook is more suited to it.
+#
+# SOB=$(git var GIT_AUTHOR_IDENT | sed -n 's/^\(.*>\).*$/Signed-off-by: \1/p')
+# grep -qs "^$SOB" "$1" || echo "$SOB" >> "$1"
+
+# This example catches duplicate Signed-off-by lines.
+
+test "" = "$(grep '^Signed-off-by: ' "$1" |
+	 sort | uniq -c | sed -e '/^[ 	]*1[ 	]/d')" || {
+	echo >&2 Duplicate Signed-off-by lines.
+	exit 1
+}
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/post-update.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/post-update.sample
new file mode 100755
index 0000000..ec17ec1
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/post-update.sample
@@ -0,0 +1,8 @@
+#!/bin/sh
+#
+# An example hook script to prepare a packed repository for use over
+# dumb transports.
+#
+# To enable this hook, rename this file to "post-update".
+
+exec git update-server-info
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/pre-applypatch.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/pre-applypatch.sample
new file mode 100755
index 0000000..4142082
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/pre-applypatch.sample
@@ -0,0 +1,14 @@
+#!/bin/sh
+#
+# An example hook script to verify what is about to be committed
+# by applypatch from an e-mail message.
+#
+# The hook should exit with non-zero status after issuing an
+# appropriate message if it wants to stop the commit.
+#
+# To enable this hook, rename this file to "pre-applypatch".
+
+. git-sh-setup
+precommit="$(git rev-parse --git-path hooks/pre-commit)"
+test -x "$precommit" && exec "$precommit" ${1+"$@"}
+:
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/pre-commit.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/pre-commit.sample
new file mode 100755
index 0000000..68d62d5
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/pre-commit.sample
@@ -0,0 +1,49 @@
+#!/bin/sh
+#
+# An example hook script to verify what is about to be committed.
+# Called by "git commit" with no arguments.  The hook should
+# exit with non-zero status after issuing an appropriate message if
+# it wants to stop the commit.
+#
+# To enable this hook, rename this file to "pre-commit".
+
+if git rev-parse --verify HEAD >/dev/null 2>&1
+then
+	against=HEAD
+else
+	# Initial commit: diff against an empty tree object
+	against=4b825dc642cb6eb9a060e54bf8d69288fbee4904
+fi
+
+# If you want to allow non-ASCII filenames set this variable to true.
+allownonascii=$(git config --bool hooks.allownonascii)
+
+# Redirect output to stderr.
+exec 1>&2
+
+# Cross platform projects tend to avoid non-ASCII filenames; prevent
+# them from being added to the repository. We exploit the fact that the
+# printable range starts at the space character and ends with tilde.
+if [ "$allownonascii" != "true" ] &&
+	# Note that the use of brackets around a tr range is ok here, (it's
+	# even required, for portability to Solaris 10's /usr/bin/tr), since
+	# the square bracket bytes happen to fall in the designated range.
+	test $(git diff --cached --name-only --diff-filter=A -z $against |
+	  LC_ALL=C tr -d '[ -~]\0' | wc -c) != 0
+then
+	cat <<\EOF
+Error: Attempt to add a non-ASCII file name.
+
+This can cause problems if you want to work with people on other platforms.
+
+To be portable it is advisable to rename the file.
+
+If you know what you are doing you can disable this check using:
+
+  git config hooks.allownonascii true
+EOF
+	exit 1
+fi
+
+# If there are whitespace errors, print the offending file names and fail.
+exec git diff-index --check --cached $against --
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/pre-push.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/pre-push.sample
new file mode 100755
index 0000000..6187dbf
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/pre-push.sample
@@ -0,0 +1,53 @@
+#!/bin/sh
+
+# An example hook script to verify what is about to be pushed.  Called by "git
+# push" after it has checked the remote status, but before anything has been
+# pushed.  If this script exits with a non-zero status nothing will be pushed.
+#
+# This hook is called with the following parameters:
+#
+# $1 -- Name of the remote to which the push is being done
+# $2 -- URL to which the push is being done
+#
+# If pushing without using a named remote those arguments will be equal.
+#
+# Information about the commits which are being pushed is supplied as lines to
+# the standard input in the form:
+#
+#   <local ref> <local sha1> <remote ref> <remote sha1>
+#
+# This sample shows how to prevent push of commits where the log message starts
+# with "WIP" (work in progress).
+
+remote="$1"
+url="$2"
+
+z40=0000000000000000000000000000000000000000
+
+while read local_ref local_sha remote_ref remote_sha
+do
+	if [ "$local_sha" = $z40 ]
+	then
+		# Handle delete
+		:
+	else
+		if [ "$remote_sha" = $z40 ]
+		then
+			# New branch, examine all commits
+			range="$local_sha"
+		else
+			# Update to existing branch, examine new commits
+			range="$remote_sha..$local_sha"
+		fi
+
+		# Check for WIP commit
+		commit=`git rev-list -n 1 --grep '^WIP' "$range"`
+		if [ -n "$commit" ]
+		then
+			echo >&2 "Found WIP commit in $local_ref, not pushing"
+			exit 1
+		fi
+	fi
+done
+
+exit 0
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/pre-rebase.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/pre-rebase.sample
new file mode 100755
index 0000000..9773ed4
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/pre-rebase.sample
@@ -0,0 +1,169 @@
+#!/bin/sh
+#
+# Copyright (c) 2006, 2008 Junio C Hamano
+#
+# The "pre-rebase" hook is run just before "git rebase" starts doing
+# its job, and can prevent the command from running by exiting with
+# non-zero status.
+#
+# The hook is called with the following parameters:
+#
+# $1 -- the upstream the series was forked from.
+# $2 -- the branch being rebased (or empty when rebasing the current branch).
+#
+# This sample shows how to prevent topic branches that are already
+# merged to 'next' branch from getting rebased, because allowing it
+# would result in rebasing already published history.
+
+publish=next
+basebranch="$1"
+if test "$#" = 2
+then
+	topic="refs/heads/$2"
+else
+	topic=`git symbolic-ref HEAD` ||
+	exit 0 ;# we do not interrupt rebasing detached HEAD
+fi
+
+case "$topic" in
+refs/heads/??/*)
+	;;
+*)
+	exit 0 ;# we do not interrupt others.
+	;;
+esac
+
+# Now we are dealing with a topic branch being rebased
+# on top of master.  Is it OK to rebase it?
+
+# Does the topic really exist?
+git show-ref -q "$topic" || {
+	echo >&2 "No such branch $topic"
+	exit 1
+}
+
+# Is topic fully merged to master?
+not_in_master=`git rev-list --pretty=oneline ^master "$topic"`
+if test -z "$not_in_master"
+then
+	echo >&2 "$topic is fully merged to master; better remove it."
+	exit 1 ;# we could allow it, but there is no point.
+fi
+
+# Is topic ever merged to next?  If so you should not be rebasing it.
+only_next_1=`git rev-list ^master "^$topic" ${publish} | sort`
+only_next_2=`git rev-list ^master           ${publish} | sort`
+if test "$only_next_1" = "$only_next_2"
+then
+	not_in_topic=`git rev-list "^$topic" master`
+	if test -z "$not_in_topic"
+	then
+		echo >&2 "$topic is already up-to-date with master"
+		exit 1 ;# we could allow it, but there is no point.
+	else
+		exit 0
+	fi
+else
+	not_in_next=`git rev-list --pretty=oneline ^${publish} "$topic"`
+	/usr/bin/perl -e '
+		my $topic = $ARGV[0];
+		my $msg = "* $topic has commits already merged to public branch:\n";
+		my (%not_in_next) = map {
+			/^([0-9a-f]+) /;
+			($1 => 1);
+		} split(/\n/, $ARGV[1]);
+		for my $elem (map {
+				/^([0-9a-f]+) (.*)$/;
+				[$1 => $2];
+			} split(/\n/, $ARGV[2])) {
+			if (!exists $not_in_next{$elem->[0]}) {
+				if ($msg) {
+					print STDERR $msg;
+					undef $msg;
+				}
+				print STDERR " $elem->[1]\n";
+			}
+		}
+	' "$topic" "$not_in_next" "$not_in_master"
+	exit 1
+fi
+
+exit 0
+
+################################################################
+
+This sample hook safeguards topic branches that have been
+published from being rewound.
+
+The workflow assumed here is:
+
+ * Once a topic branch forks from "master", "master" is never
+   merged into it again (either directly or indirectly).
+
+ * Once a topic branch is fully cooked and merged into "master",
+   it is deleted.  If you need to build on top of it to correct
+   earlier mistakes, a new topic branch is created by forking at
+   the tip of the "master".  This is not strictly necessary, but
+   it makes it easier to keep your history simple.
+
+ * Whenever you need to test or publish your changes to topic
+   branches, merge them into "next" branch.
+
+The script, being an example, hardcodes the publish branch name
+to be "next", but it is trivial to make it configurable via
+$GIT_DIR/config mechanism.
+
+With this workflow, you would want to know:
+
+(1) ... if a topic branch has ever been merged to "next".  Young
+    topic branches can have stupid mistakes you would rather
+    clean up before publishing, and things that have not been
+    merged into other branches can be easily rebased without
+    affecting other people.  But once it is published, you would
+    not want to rewind it.
+
+(2) ... if a topic branch has been fully merged to "master".
+    Then you can delete it.  More importantly, you should not
+    build on top of it -- other people may already want to
+    change things related to the topic as patches against your
+    "master", so if you need further changes, it is better to
+    fork the topic (perhaps with the same name) afresh from the
+    tip of "master".
+
+Let's look at this example:
+
+		   o---o---o---o---o---o---o---o---o---o "next"
+		  /       /           /           /
+		 /   a---a---b A     /           /
+		/   /               /           /
+	       /   /   c---c---c---c B         /
+	      /   /   /             \         /
+	     /   /   /   b---b C     \       /
+	    /   /   /   /             \     /
+    ---o---o---o---o---o---o---o---o---o---o---o "master"
+
+
+A, B and C are topic branches.
+
+ * A has one fix since it was merged up to "next".
+
+ * B has finished.  It has been fully merged up to "master" and "next",
+   and is ready to be deleted.
+
+ * C has not merged to "next" at all.
+
+We would want to allow C to be rebased, refuse A, and encourage
+B to be deleted.
+
+To compute (1):
+
+	git rev-list ^master ^topic next
+	git rev-list ^master        next
+
+	if these match, topic has not merged in next at all.
+
+To compute (2):
+
+	git rev-list master..topic
+
+	if this is empty, it is fully merged to "master".
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/prepare-commit-msg.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/prepare-commit-msg.sample
new file mode 100755
index 0000000..f093a02
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/prepare-commit-msg.sample
@@ -0,0 +1,36 @@
+#!/bin/sh
+#
+# An example hook script to prepare the commit log message.
+# Called by "git commit" with the name of the file that has the
+# commit message, followed by the description of the commit
+# message's source.  The hook's purpose is to edit the commit
+# message file.  If the hook fails with a non-zero status,
+# the commit is aborted.
+#
+# To enable this hook, rename this file to "prepare-commit-msg".
+
+# This hook includes three examples.  The first comments out the
+# "Conflicts:" part of a merge commit.
+#
+# The second includes the output of "git diff --name-status -r"
+# into the message, just before the "git status" output.  It is
+# commented because it doesn't cope with --amend or with squashed
+# commits.
+#
+# The third example adds a Signed-off-by line to the message, that can
+# still be edited.  This is rarely a good idea.
+
+case "$2,$3" in
+  merge,)
+    /usr/bin/perl -i.bak -ne 's/^/# /, s/^# #/#/ if /^Conflicts/ .. /#/; print' "$1" ;;
+
+# ,|template,)
+#   /usr/bin/perl -i.bak -pe '
+#      print "\n" . `git diff --cached --name-status -r`
+#	 if /^#/ && $first++ == 0' "$1" ;;
+
+  *) ;;
+esac
+
+# SOB=$(git var GIT_AUTHOR_IDENT | sed -n 's/^\(.*>\).*$/Signed-off-by: \1/p')
+# grep -qs "^$SOB" "$1" || echo "$SOB" >> "$1"
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/update.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/update.sample
new file mode 100755
index 0000000..80ba941
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/hooks/update.sample
@@ -0,0 +1,128 @@
+#!/bin/sh
+#
+# An example hook script to block unannotated tags from entering.
+# Called by "git receive-pack" with arguments: refname sha1-old sha1-new
+#
+# To enable this hook, rename this file to "update".
+#
+# Config
+# ------
+# hooks.allowunannotated
+#   This boolean sets whether unannotated tags will be allowed into the
+#   repository.  By default they won't be.
+# hooks.allowdeletetag
+#   This boolean sets whether deleting tags will be allowed in the
+#   repository.  By default they won't be.
+# hooks.allowmodifytag
+#   This boolean sets whether a tag may be modified after creation. By default
+#   it won't be.
+# hooks.allowdeletebranch
+#   This boolean sets whether deleting branches will be allowed in the
+#   repository.  By default they won't be.
+# hooks.denycreatebranch
+#   This boolean sets whether remotely creating branches will be denied
+#   in the repository.  By default this is allowed.
+#
+
+# --- Command line
+refname="$1"
+oldrev="$2"
+newrev="$3"
+
+# --- Safety check
+if [ -z "$GIT_DIR" ]; then
+	echo "Don't run this script from the command line." >&2
+	echo " (if you want, you could supply GIT_DIR then run" >&2
+	echo "  $0 <ref> <oldrev> <newrev>)" >&2
+	exit 1
+fi
+
+if [ -z "$refname" -o -z "$oldrev" -o -z "$newrev" ]; then
+	echo "usage: $0 <ref> <oldrev> <newrev>" >&2
+	exit 1
+fi
+
+# --- Config
+allowunannotated=$(git config --bool hooks.allowunannotated)
+allowdeletebranch=$(git config --bool hooks.allowdeletebranch)
+denycreatebranch=$(git config --bool hooks.denycreatebranch)
+allowdeletetag=$(git config --bool hooks.allowdeletetag)
+allowmodifytag=$(git config --bool hooks.allowmodifytag)
+
+# check for no description
+projectdesc=$(sed -e '1q' "$GIT_DIR/description")
+case "$projectdesc" in
+"Unnamed repository"* | "")
+	echo "*** Project description file hasn't been set" >&2
+	exit 1
+	;;
+esac
+
+# --- Check types
+# if $newrev is 0000...0000, it's a commit to delete a ref.
+zero="0000000000000000000000000000000000000000"
+if [ "$newrev" = "$zero" ]; then
+	newrev_type=delete
+else
+	newrev_type=$(git cat-file -t $newrev)
+fi
+
+case "$refname","$newrev_type" in
+	refs/tags/*,commit)
+		# un-annotated tag
+		short_refname=${refname##refs/tags/}
+		if [ "$allowunannotated" != "true" ]; then
+			echo "*** The un-annotated tag, $short_refname, is not allowed in this repository" >&2
+			echo "*** Use 'git tag [ -a | -s ]' for tags you want to propagate." >&2
+			exit 1
+		fi
+		;;
+	refs/tags/*,delete)
+		# delete tag
+		if [ "$allowdeletetag" != "true" ]; then
+			echo "*** Deleting a tag is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/tags/*,tag)
+		# annotated tag
+		if [ "$allowmodifytag" != "true" ] && git rev-parse $refname > /dev/null 2>&1
+		then
+			echo "*** Tag '$refname' already exists." >&2
+			echo "*** Modifying a tag is not allowed in this repository." >&2
+			exit 1
+		fi
+		;;
+	refs/heads/*,commit)
+		# branch
+		if [ "$oldrev" = "$zero" -a "$denycreatebranch" = "true" ]; then
+			echo "*** Creating a branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/heads/*,delete)
+		# delete branch
+		if [ "$allowdeletebranch" != "true" ]; then
+			echo "*** Deleting a branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/remotes/*,commit)
+		# tracking branch
+		;;
+	refs/remotes/*,delete)
+		# delete tracking branch
+		if [ "$allowdeletebranch" != "true" ]; then
+			echo "*** Deleting a tracking branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	*)
+		# Anything else (is there anything else?)
+		echo "*** Update hook: unknown type of update to ref $refname of type $newrev_type" >&2
+		exit 1
+		;;
+esac
+
+# --- Finished
+exit 0
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/index b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/index
new file mode 100644
index 0000000..9756dde
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/index differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/info/exclude b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/info/exclude
new file mode 100644
index 0000000..a5196d1
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/info/exclude
@@ -0,0 +1,6 @@
+# git ls-files --others --exclude-from=.git/info/exclude
+# Lines that start with '#' are comments.
+# For a project mostly in C, the following would be a good set of
+# exclude patterns (uncomment them if you want to use them):
+# *.[oa]
+# *~
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/logs/HEAD b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/logs/HEAD
new file mode 100644
index 0000000..2c05a99
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/logs/HEAD
@@ -0,0 +1 @@
+0000000000000000000000000000000000000000 6c12c073e5702530a9d06b83840d62f8a6621764 Winston Li <git@winston.li> 1471957694 +0100	commit (initial): Main
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/logs/refs/heads/master b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/logs/refs/heads/master
new file mode 100644
index 0000000..2c05a99
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/logs/refs/heads/master
@@ -0,0 +1 @@
+0000000000000000000000000000000000000000 6c12c073e5702530a9d06b83840d62f8a6621764 Winston Li <git@winston.li> 1471957694 +0100	commit (initial): Main
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/objects/6c/12c073e5702530a9d06b83840d62f8a6621764 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/objects/6c/12c073e5702530a9d06b83840d62f8a6621764
new file mode 100644
index 0000000..00a6b21
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/objects/6c/12c073e5702530a9d06b83840d62f8a6621764
@@ -0,0 +1,2 @@
+x
��=
+1@a�bzAfH&! ���:�:�&��x}AO`���W溊q����n�g�r�EϘr.�k��m&F�J٤���WO��Ǜ�����!' (r���	є�L۟�\��
_�2�
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/objects/7f/37654ebf6d0a19650abbcf5db3953b15001d1b b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/objects/7f/37654ebf6d0a19650abbcf5db3953b15001d1b
new file mode 100644
index 0000000..f77bc41
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/objects/7f/37654ebf6d0a19650abbcf5db3953b15001d1b differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/objects/d8/5308af36ff394df8bf063719b2aea26077aaea b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/objects/d8/5308af36ff394df8bf063719b2aea26077aaea
new file mode 100644
index 0000000..433ce0d
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/objects/d8/5308af36ff394df8bf063719b2aea26077aaea differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/refs/heads/master b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/refs/heads/master
new file mode 100644
index 0000000..4b8baba
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/FSGitRepoStoreTest/rootdir/proj2/DOTgit/refs/heads/master
@@ -0,0 +1 @@
+6c12c073e5702530a9d06b83840d62f8a6621764
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/.gitignore b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/.gitignore
new file mode 100644
index 0000000..f5b2fc4
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/.gitignore
@@ -0,0 +1,2 @@
++*.ignored
+
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/COMMIT_EDITMSG b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/COMMIT_EDITMSG
new file mode 100644
index 0000000..810e445
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/COMMIT_EDITMSG
@@ -0,0 +1 @@
+Commit bad gitignore
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/HEAD b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/HEAD
new file mode 100644
index 0000000..cb089cd
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/HEAD
@@ -0,0 +1 @@
+ref: refs/heads/master
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/config b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/config
new file mode 100644
index 0000000..6c9406b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/config
@@ -0,0 +1,7 @@
+[core]
+	repositoryformatversion = 0
+	filemode = true
+	bare = false
+	logallrefupdates = true
+	ignorecase = true
+	precomposeunicode = true
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/description b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/description
new file mode 100644
index 0000000..498b267
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/description
@@ -0,0 +1 @@
+Unnamed repository; edit this file 'description' to name the repository.
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/applypatch-msg.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/applypatch-msg.sample
new file mode 100755
index 0000000..a5d7b84
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/applypatch-msg.sample
@@ -0,0 +1,15 @@
+#!/bin/sh
+#
+# An example hook script to check the commit log message taken by
+# applypatch from an e-mail message.
+#
+# The hook should exit with non-zero status after issuing an
+# appropriate message if it wants to stop the commit.  The hook is
+# allowed to edit the commit message file.
+#
+# To enable this hook, rename this file to "applypatch-msg".
+
+. git-sh-setup
+commitmsg="$(git rev-parse --git-path hooks/commit-msg)"
+test -x "$commitmsg" && exec "$commitmsg" ${1+"$@"}
+:
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/commit-msg.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/commit-msg.sample
new file mode 100755
index 0000000..b58d118
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/commit-msg.sample
@@ -0,0 +1,24 @@
+#!/bin/sh
+#
+# An example hook script to check the commit log message.
+# Called by "git commit" with one argument, the name of the file
+# that has the commit message.  The hook should exit with non-zero
+# status after issuing an appropriate message if it wants to stop the
+# commit.  The hook is allowed to edit the commit message file.
+#
+# To enable this hook, rename this file to "commit-msg".
+
+# Uncomment the below to add a Signed-off-by line to the message.
+# Doing this in a hook is a bad idea in general, but the prepare-commit-msg
+# hook is more suited to it.
+#
+# SOB=$(git var GIT_AUTHOR_IDENT | sed -n 's/^\(.*>\).*$/Signed-off-by: \1/p')
+# grep -qs "^$SOB" "$1" || echo "$SOB" >> "$1"
+
+# This example catches duplicate Signed-off-by lines.
+
+test "" = "$(grep '^Signed-off-by: ' "$1" |
+	 sort | uniq -c | sed -e '/^[ 	]*1[ 	]/d')" || {
+	echo >&2 Duplicate Signed-off-by lines.
+	exit 1
+}
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/post-update.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/post-update.sample
new file mode 100755
index 0000000..ec17ec1
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/post-update.sample
@@ -0,0 +1,8 @@
+#!/bin/sh
+#
+# An example hook script to prepare a packed repository for use over
+# dumb transports.
+#
+# To enable this hook, rename this file to "post-update".
+
+exec git update-server-info
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/pre-applypatch.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/pre-applypatch.sample
new file mode 100755
index 0000000..4142082
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/pre-applypatch.sample
@@ -0,0 +1,14 @@
+#!/bin/sh
+#
+# An example hook script to verify what is about to be committed
+# by applypatch from an e-mail message.
+#
+# The hook should exit with non-zero status after issuing an
+# appropriate message if it wants to stop the commit.
+#
+# To enable this hook, rename this file to "pre-applypatch".
+
+. git-sh-setup
+precommit="$(git rev-parse --git-path hooks/pre-commit)"
+test -x "$precommit" && exec "$precommit" ${1+"$@"}
+:
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/pre-commit.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/pre-commit.sample
new file mode 100755
index 0000000..68d62d5
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/pre-commit.sample
@@ -0,0 +1,49 @@
+#!/bin/sh
+#
+# An example hook script to verify what is about to be committed.
+# Called by "git commit" with no arguments.  The hook should
+# exit with non-zero status after issuing an appropriate message if
+# it wants to stop the commit.
+#
+# To enable this hook, rename this file to "pre-commit".
+
+if git rev-parse --verify HEAD >/dev/null 2>&1
+then
+	against=HEAD
+else
+	# Initial commit: diff against an empty tree object
+	against=4b825dc642cb6eb9a060e54bf8d69288fbee4904
+fi
+
+# If you want to allow non-ASCII filenames set this variable to true.
+allownonascii=$(git config --bool hooks.allownonascii)
+
+# Redirect output to stderr.
+exec 1>&2
+
+# Cross platform projects tend to avoid non-ASCII filenames; prevent
+# them from being added to the repository. We exploit the fact that the
+# printable range starts at the space character and ends with tilde.
+if [ "$allownonascii" != "true" ] &&
+	# Note that the use of brackets around a tr range is ok here, (it's
+	# even required, for portability to Solaris 10's /usr/bin/tr), since
+	# the square bracket bytes happen to fall in the designated range.
+	test $(git diff --cached --name-only --diff-filter=A -z $against |
+	  LC_ALL=C tr -d '[ -~]\0' | wc -c) != 0
+then
+	cat <<\EOF
+Error: Attempt to add a non-ASCII file name.
+
+This can cause problems if you want to work with people on other platforms.
+
+To be portable it is advisable to rename the file.
+
+If you know what you are doing you can disable this check using:
+
+  git config hooks.allownonascii true
+EOF
+	exit 1
+fi
+
+# If there are whitespace errors, print the offending file names and fail.
+exec git diff-index --check --cached $against --
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/pre-push.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/pre-push.sample
new file mode 100755
index 0000000..6187dbf
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/pre-push.sample
@@ -0,0 +1,53 @@
+#!/bin/sh
+
+# An example hook script to verify what is about to be pushed.  Called by "git
+# push" after it has checked the remote status, but before anything has been
+# pushed.  If this script exits with a non-zero status nothing will be pushed.
+#
+# This hook is called with the following parameters:
+#
+# $1 -- Name of the remote to which the push is being done
+# $2 -- URL to which the push is being done
+#
+# If pushing without using a named remote those arguments will be equal.
+#
+# Information about the commits which are being pushed is supplied as lines to
+# the standard input in the form:
+#
+#   <local ref> <local sha1> <remote ref> <remote sha1>
+#
+# This sample shows how to prevent push of commits where the log message starts
+# with "WIP" (work in progress).
+
+remote="$1"
+url="$2"
+
+z40=0000000000000000000000000000000000000000
+
+while read local_ref local_sha remote_ref remote_sha
+do
+	if [ "$local_sha" = $z40 ]
+	then
+		# Handle delete
+		:
+	else
+		if [ "$remote_sha" = $z40 ]
+		then
+			# New branch, examine all commits
+			range="$local_sha"
+		else
+			# Update to existing branch, examine new commits
+			range="$remote_sha..$local_sha"
+		fi
+
+		# Check for WIP commit
+		commit=`git rev-list -n 1 --grep '^WIP' "$range"`
+		if [ -n "$commit" ]
+		then
+			echo >&2 "Found WIP commit in $local_ref, not pushing"
+			exit 1
+		fi
+	fi
+done
+
+exit 0
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/pre-rebase.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/pre-rebase.sample
new file mode 100755
index 0000000..9773ed4
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/pre-rebase.sample
@@ -0,0 +1,169 @@
+#!/bin/sh
+#
+# Copyright (c) 2006, 2008 Junio C Hamano
+#
+# The "pre-rebase" hook is run just before "git rebase" starts doing
+# its job, and can prevent the command from running by exiting with
+# non-zero status.
+#
+# The hook is called with the following parameters:
+#
+# $1 -- the upstream the series was forked from.
+# $2 -- the branch being rebased (or empty when rebasing the current branch).
+#
+# This sample shows how to prevent topic branches that are already
+# merged to 'next' branch from getting rebased, because allowing it
+# would result in rebasing already published history.
+
+publish=next
+basebranch="$1"
+if test "$#" = 2
+then
+	topic="refs/heads/$2"
+else
+	topic=`git symbolic-ref HEAD` ||
+	exit 0 ;# we do not interrupt rebasing detached HEAD
+fi
+
+case "$topic" in
+refs/heads/??/*)
+	;;
+*)
+	exit 0 ;# we do not interrupt others.
+	;;
+esac
+
+# Now we are dealing with a topic branch being rebased
+# on top of master.  Is it OK to rebase it?
+
+# Does the topic really exist?
+git show-ref -q "$topic" || {
+	echo >&2 "No such branch $topic"
+	exit 1
+}
+
+# Is topic fully merged to master?
+not_in_master=`git rev-list --pretty=oneline ^master "$topic"`
+if test -z "$not_in_master"
+then
+	echo >&2 "$topic is fully merged to master; better remove it."
+	exit 1 ;# we could allow it, but there is no point.
+fi
+
+# Is topic ever merged to next?  If so you should not be rebasing it.
+only_next_1=`git rev-list ^master "^$topic" ${publish} | sort`
+only_next_2=`git rev-list ^master           ${publish} | sort`
+if test "$only_next_1" = "$only_next_2"
+then
+	not_in_topic=`git rev-list "^$topic" master`
+	if test -z "$not_in_topic"
+	then
+		echo >&2 "$topic is already up-to-date with master"
+		exit 1 ;# we could allow it, but there is no point.
+	else
+		exit 0
+	fi
+else
+	not_in_next=`git rev-list --pretty=oneline ^${publish} "$topic"`
+	/usr/bin/perl -e '
+		my $topic = $ARGV[0];
+		my $msg = "* $topic has commits already merged to public branch:\n";
+		my (%not_in_next) = map {
+			/^([0-9a-f]+) /;
+			($1 => 1);
+		} split(/\n/, $ARGV[1]);
+		for my $elem (map {
+				/^([0-9a-f]+) (.*)$/;
+				[$1 => $2];
+			} split(/\n/, $ARGV[2])) {
+			if (!exists $not_in_next{$elem->[0]}) {
+				if ($msg) {
+					print STDERR $msg;
+					undef $msg;
+				}
+				print STDERR " $elem->[1]\n";
+			}
+		}
+	' "$topic" "$not_in_next" "$not_in_master"
+	exit 1
+fi
+
+exit 0
+
+################################################################
+
+This sample hook safeguards topic branches that have been
+published from being rewound.
+
+The workflow assumed here is:
+
+ * Once a topic branch forks from "master", "master" is never
+   merged into it again (either directly or indirectly).
+
+ * Once a topic branch is fully cooked and merged into "master",
+   it is deleted.  If you need to build on top of it to correct
+   earlier mistakes, a new topic branch is created by forking at
+   the tip of the "master".  This is not strictly necessary, but
+   it makes it easier to keep your history simple.
+
+ * Whenever you need to test or publish your changes to topic
+   branches, merge them into "next" branch.
+
+The script, being an example, hardcodes the publish branch name
+to be "next", but it is trivial to make it configurable via
+$GIT_DIR/config mechanism.
+
+With this workflow, you would want to know:
+
+(1) ... if a topic branch has ever been merged to "next".  Young
+    topic branches can have stupid mistakes you would rather
+    clean up before publishing, and things that have not been
+    merged into other branches can be easily rebased without
+    affecting other people.  But once it is published, you would
+    not want to rewind it.
+
+(2) ... if a topic branch has been fully merged to "master".
+    Then you can delete it.  More importantly, you should not
+    build on top of it -- other people may already want to
+    change things related to the topic as patches against your
+    "master", so if you need further changes, it is better to
+    fork the topic (perhaps with the same name) afresh from the
+    tip of "master".
+
+Let's look at this example:
+
+		   o---o---o---o---o---o---o---o---o---o "next"
+		  /       /           /           /
+		 /   a---a---b A     /           /
+		/   /               /           /
+	       /   /   c---c---c---c B         /
+	      /   /   /             \         /
+	     /   /   /   b---b C     \       /
+	    /   /   /   /             \     /
+    ---o---o---o---o---o---o---o---o---o---o---o "master"
+
+
+A, B and C are topic branches.
+
+ * A has one fix since it was merged up to "next".
+
+ * B has finished.  It has been fully merged up to "master" and "next",
+   and is ready to be deleted.
+
+ * C has not merged to "next" at all.
+
+We would want to allow C to be rebased, refuse A, and encourage
+B to be deleted.
+
+To compute (1):
+
+	git rev-list ^master ^topic next
+	git rev-list ^master        next
+
+	if these match, topic has not merged in next at all.
+
+To compute (2):
+
+	git rev-list master..topic
+
+	if this is empty, it is fully merged to "master".
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/prepare-commit-msg.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/prepare-commit-msg.sample
new file mode 100755
index 0000000..f093a02
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/prepare-commit-msg.sample
@@ -0,0 +1,36 @@
+#!/bin/sh
+#
+# An example hook script to prepare the commit log message.
+# Called by "git commit" with the name of the file that has the
+# commit message, followed by the description of the commit
+# message's source.  The hook's purpose is to edit the commit
+# message file.  If the hook fails with a non-zero status,
+# the commit is aborted.
+#
+# To enable this hook, rename this file to "prepare-commit-msg".
+
+# This hook includes three examples.  The first comments out the
+# "Conflicts:" part of a merge commit.
+#
+# The second includes the output of "git diff --name-status -r"
+# into the message, just before the "git status" output.  It is
+# commented because it doesn't cope with --amend or with squashed
+# commits.
+#
+# The third example adds a Signed-off-by line to the message, that can
+# still be edited.  This is rarely a good idea.
+
+case "$2,$3" in
+  merge,)
+    /usr/bin/perl -i.bak -ne 's/^/# /, s/^# #/#/ if /^Conflicts/ .. /#/; print' "$1" ;;
+
+# ,|template,)
+#   /usr/bin/perl -i.bak -pe '
+#      print "\n" . `git diff --cached --name-status -r`
+#	 if /^#/ && $first++ == 0' "$1" ;;
+
+  *) ;;
+esac
+
+# SOB=$(git var GIT_AUTHOR_IDENT | sed -n 's/^\(.*>\).*$/Signed-off-by: \1/p')
+# grep -qs "^$SOB" "$1" || echo "$SOB" >> "$1"
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/update.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/update.sample
new file mode 100755
index 0000000..80ba941
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/hooks/update.sample
@@ -0,0 +1,128 @@
+#!/bin/sh
+#
+# An example hook script to block unannotated tags from entering.
+# Called by "git receive-pack" with arguments: refname sha1-old sha1-new
+#
+# To enable this hook, rename this file to "update".
+#
+# Config
+# ------
+# hooks.allowunannotated
+#   This boolean sets whether unannotated tags will be allowed into the
+#   repository.  By default they won't be.
+# hooks.allowdeletetag
+#   This boolean sets whether deleting tags will be allowed in the
+#   repository.  By default they won't be.
+# hooks.allowmodifytag
+#   This boolean sets whether a tag may be modified after creation. By default
+#   it won't be.
+# hooks.allowdeletebranch
+#   This boolean sets whether deleting branches will be allowed in the
+#   repository.  By default they won't be.
+# hooks.denycreatebranch
+#   This boolean sets whether remotely creating branches will be denied
+#   in the repository.  By default this is allowed.
+#
+
+# --- Command line
+refname="$1"
+oldrev="$2"
+newrev="$3"
+
+# --- Safety check
+if [ -z "$GIT_DIR" ]; then
+	echo "Don't run this script from the command line." >&2
+	echo " (if you want, you could supply GIT_DIR then run" >&2
+	echo "  $0 <ref> <oldrev> <newrev>)" >&2
+	exit 1
+fi
+
+if [ -z "$refname" -o -z "$oldrev" -o -z "$newrev" ]; then
+	echo "usage: $0 <ref> <oldrev> <newrev>" >&2
+	exit 1
+fi
+
+# --- Config
+allowunannotated=$(git config --bool hooks.allowunannotated)
+allowdeletebranch=$(git config --bool hooks.allowdeletebranch)
+denycreatebranch=$(git config --bool hooks.denycreatebranch)
+allowdeletetag=$(git config --bool hooks.allowdeletetag)
+allowmodifytag=$(git config --bool hooks.allowmodifytag)
+
+# check for no description
+projectdesc=$(sed -e '1q' "$GIT_DIR/description")
+case "$projectdesc" in
+"Unnamed repository"* | "")
+	echo "*** Project description file hasn't been set" >&2
+	exit 1
+	;;
+esac
+
+# --- Check types
+# if $newrev is 0000...0000, it's a commit to delete a ref.
+zero="0000000000000000000000000000000000000000"
+if [ "$newrev" = "$zero" ]; then
+	newrev_type=delete
+else
+	newrev_type=$(git cat-file -t $newrev)
+fi
+
+case "$refname","$newrev_type" in
+	refs/tags/*,commit)
+		# un-annotated tag
+		short_refname=${refname##refs/tags/}
+		if [ "$allowunannotated" != "true" ]; then
+			echo "*** The un-annotated tag, $short_refname, is not allowed in this repository" >&2
+			echo "*** Use 'git tag [ -a | -s ]' for tags you want to propagate." >&2
+			exit 1
+		fi
+		;;
+	refs/tags/*,delete)
+		# delete tag
+		if [ "$allowdeletetag" != "true" ]; then
+			echo "*** Deleting a tag is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/tags/*,tag)
+		# annotated tag
+		if [ "$allowmodifytag" != "true" ] && git rev-parse $refname > /dev/null 2>&1
+		then
+			echo "*** Tag '$refname' already exists." >&2
+			echo "*** Modifying a tag is not allowed in this repository." >&2
+			exit 1
+		fi
+		;;
+	refs/heads/*,commit)
+		# branch
+		if [ "$oldrev" = "$zero" -a "$denycreatebranch" = "true" ]; then
+			echo "*** Creating a branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/heads/*,delete)
+		# delete branch
+		if [ "$allowdeletebranch" != "true" ]; then
+			echo "*** Deleting a branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/remotes/*,commit)
+		# tracking branch
+		;;
+	refs/remotes/*,delete)
+		# delete tracking branch
+		if [ "$allowdeletebranch" != "true" ]; then
+			echo "*** Deleting a tracking branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	*)
+		# Anything else (is there anything else?)
+		echo "*** Update hook: unknown type of update to ref $refname of type $newrev_type" >&2
+		exit 1
+		;;
+esac
+
+# --- Finished
+exit 0
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/index b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/index
new file mode 100644
index 0000000..8fb7e1e
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/index differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/info/exclude b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/info/exclude
new file mode 100644
index 0000000..a5196d1
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/info/exclude
@@ -0,0 +1,6 @@
+# git ls-files --others --exclude-from=.git/info/exclude
+# Lines that start with '#' are comments.
+# For a project mostly in C, the following would be a good set of
+# exclude patterns (uncomment them if you want to use them):
+# *.[oa]
+# *~
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/logs/HEAD b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/logs/HEAD
new file mode 100644
index 0000000..ac406aa
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/logs/HEAD
@@ -0,0 +1,3 @@
+0000000000000000000000000000000000000000 4a64431a59519ff25eff2cd94a561081146059b7 Winston Li <git@winston.li> 1475933347 +0100	commit (initial): Initial commit
+4a64431a59519ff25eff2cd94a561081146059b7 71ebe5d70c8634f7531cc09c1cad5dae951a9052 Winston Li <git@winston.li> 1475933399 +0100	commit: Add ignored file
+71ebe5d70c8634f7531cc09c1cad5dae951a9052 fe5adb3985be3ef5e790eaf9b1b41f862d64dfc1 Winston Li <git@winston.li> 1475938853 +0100	commit: Commit bad gitignore
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/logs/refs/heads/master b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/logs/refs/heads/master
new file mode 100644
index 0000000..ac406aa
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/logs/refs/heads/master
@@ -0,0 +1,3 @@
+0000000000000000000000000000000000000000 4a64431a59519ff25eff2cd94a561081146059b7 Winston Li <git@winston.li> 1475933347 +0100	commit (initial): Initial commit
+4a64431a59519ff25eff2cd94a561081146059b7 71ebe5d70c8634f7531cc09c1cad5dae951a9052 Winston Li <git@winston.li> 1475933399 +0100	commit: Add ignored file
+71ebe5d70c8634f7531cc09c1cad5dae951a9052 fe5adb3985be3ef5e790eaf9b1b41f862d64dfc1 Winston Li <git@winston.li> 1475938853 +0100	commit: Commit bad gitignore
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/23/462c896684e004db23cfab16255e176400643a b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/23/462c896684e004db23cfab16255e176400643a
new file mode 100644
index 0000000..72a979b
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/23/462c896684e004db23cfab16255e176400643a differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/39/2f03252185fe21cb8926676deb84b60a617ff9 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/39/2f03252185fe21cb8926676deb84b60a617ff9
new file mode 100644
index 0000000..fddf852
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/39/2f03252185fe21cb8926676deb84b60a617ff9 differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/4a/64431a59519ff25eff2cd94a561081146059b7 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/4a/64431a59519ff25eff2cd94a561081146059b7
new file mode 100644
index 0000000..f58821d
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/4a/64431a59519ff25eff2cd94a561081146059b7
@@ -0,0 +1,3 @@
+x
���
+!���>�܃pt"��;�i
�*l�~�>A����,,�w��
+6���q�k�`�!"O��ÔI'B�ZT�-ϱ�KF�+���r�l}��8y�����F�U�ͤ��ԥ�p�a���6>
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/55/45880406d44a71c1c179cb17a5819b59cbbc36 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/55/45880406d44a71c1c179cb17a5819b59cbbc36
new file mode 100644
index 0000000..e7279a2
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/55/45880406d44a71c1c179cb17a5819b59cbbc36 differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/71/ebe5d70c8634f7531cc09c1cad5dae951a9052 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/71/ebe5d70c8634f7531cc09c1cad5dae951a9052
new file mode 100644
index 0000000..5678b62
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/71/ebe5d70c8634f7531cc09c1cad5dae951a9052 differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/e6/9de29bb2d1d6434b8b29ae775ad8c2e48c5391 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/e6/9de29bb2d1d6434b8b29ae775ad8c2e48c5391
new file mode 100644
index 0000000..7112238
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/e6/9de29bb2d1d6434b8b29ae775ad8c2e48c5391 differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/f5/b2fc4665b50e85c1b66594166f218f722a4af2 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/f5/b2fc4665b50e85c1b66594166f218f722a4af2
new file mode 100644
index 0000000..17bca03
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/f5/b2fc4665b50e85c1b66594166f218f722a4af2 differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/f9/8c2cd38c5fae9c349214f6835f5b4aaa622216 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/f9/8c2cd38c5fae9c349214f6835f5b4aaa622216
new file mode 100644
index 0000000..e693a1b
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/f9/8c2cd38c5fae9c349214f6835f5b4aaa622216 differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/fe/5adb3985be3ef5e790eaf9b1b41f862d64dfc1 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/fe/5adb3985be3ef5e790eaf9b1b41f862d64dfc1
new file mode 100644
index 0000000..3196837
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/objects/fe/5adb3985be3ef5e790eaf9b1b41f862d64dfc1
@@ -0,0 +1 @@
+x
��;�0D�}�푐도-=�fmK$F����PN1o�p���Ak��K�Pb`���B9��Q+[\0Xp�D��ʉ'-y��U2&/98c�G��edŔ0�T%jA�~o����m�k��X����ã�@Y�ф��RI)�'��5q�N
�`ݨ�ܖ,�NF�
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/refs/heads/master b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/refs/heads/master
new file mode 100644
index 0000000..5fb1c33
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/DOTgit/refs/heads/master
@@ -0,0 +1 @@
+fe5adb3985be3ef5e790eaf9b1b41f862d64dfc1
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/file1.ignored b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/file1.ignored
new file mode 100644
index 0000000..e69de29
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/file1.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/file1.txt
new file mode 100644
index 0000000..e69de29
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/file2.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/badgitignore/file2.txt
new file mode 100644
index 0000000..e69de29
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/.gitignore b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/.gitignore
new file mode 100644
index 0000000..5545880
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/.gitignore
@@ -0,0 +1,2 @@
+*.ignored
+
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/COMMIT_EDITMSG b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/COMMIT_EDITMSG
new file mode 100644
index 0000000..217e7d6
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/COMMIT_EDITMSG
@@ -0,0 +1 @@
+Add ignored file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/HEAD b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/HEAD
new file mode 100644
index 0000000..cb089cd
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/HEAD
@@ -0,0 +1 @@
+ref: refs/heads/master
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/config b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/config
new file mode 100644
index 0000000..6c9406b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/config
@@ -0,0 +1,7 @@
+[core]
+	repositoryformatversion = 0
+	filemode = true
+	bare = false
+	logallrefupdates = true
+	ignorecase = true
+	precomposeunicode = true
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/description b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/description
new file mode 100644
index 0000000..498b267
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/description
@@ -0,0 +1 @@
+Unnamed repository; edit this file 'description' to name the repository.
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/applypatch-msg.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/applypatch-msg.sample
new file mode 100755
index 0000000..a5d7b84
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/applypatch-msg.sample
@@ -0,0 +1,15 @@
+#!/bin/sh
+#
+# An example hook script to check the commit log message taken by
+# applypatch from an e-mail message.
+#
+# The hook should exit with non-zero status after issuing an
+# appropriate message if it wants to stop the commit.  The hook is
+# allowed to edit the commit message file.
+#
+# To enable this hook, rename this file to "applypatch-msg".
+
+. git-sh-setup
+commitmsg="$(git rev-parse --git-path hooks/commit-msg)"
+test -x "$commitmsg" && exec "$commitmsg" ${1+"$@"}
+:
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/commit-msg.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/commit-msg.sample
new file mode 100755
index 0000000..b58d118
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/commit-msg.sample
@@ -0,0 +1,24 @@
+#!/bin/sh
+#
+# An example hook script to check the commit log message.
+# Called by "git commit" with one argument, the name of the file
+# that has the commit message.  The hook should exit with non-zero
+# status after issuing an appropriate message if it wants to stop the
+# commit.  The hook is allowed to edit the commit message file.
+#
+# To enable this hook, rename this file to "commit-msg".
+
+# Uncomment the below to add a Signed-off-by line to the message.
+# Doing this in a hook is a bad idea in general, but the prepare-commit-msg
+# hook is more suited to it.
+#
+# SOB=$(git var GIT_AUTHOR_IDENT | sed -n 's/^\(.*>\).*$/Signed-off-by: \1/p')
+# grep -qs "^$SOB" "$1" || echo "$SOB" >> "$1"
+
+# This example catches duplicate Signed-off-by lines.
+
+test "" = "$(grep '^Signed-off-by: ' "$1" |
+	 sort | uniq -c | sed -e '/^[ 	]*1[ 	]/d')" || {
+	echo >&2 Duplicate Signed-off-by lines.
+	exit 1
+}
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/post-update.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/post-update.sample
new file mode 100755
index 0000000..ec17ec1
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/post-update.sample
@@ -0,0 +1,8 @@
+#!/bin/sh
+#
+# An example hook script to prepare a packed repository for use over
+# dumb transports.
+#
+# To enable this hook, rename this file to "post-update".
+
+exec git update-server-info
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/pre-applypatch.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/pre-applypatch.sample
new file mode 100755
index 0000000..4142082
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/pre-applypatch.sample
@@ -0,0 +1,14 @@
+#!/bin/sh
+#
+# An example hook script to verify what is about to be committed
+# by applypatch from an e-mail message.
+#
+# The hook should exit with non-zero status after issuing an
+# appropriate message if it wants to stop the commit.
+#
+# To enable this hook, rename this file to "pre-applypatch".
+
+. git-sh-setup
+precommit="$(git rev-parse --git-path hooks/pre-commit)"
+test -x "$precommit" && exec "$precommit" ${1+"$@"}
+:
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/pre-commit.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/pre-commit.sample
new file mode 100755
index 0000000..68d62d5
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/pre-commit.sample
@@ -0,0 +1,49 @@
+#!/bin/sh
+#
+# An example hook script to verify what is about to be committed.
+# Called by "git commit" with no arguments.  The hook should
+# exit with non-zero status after issuing an appropriate message if
+# it wants to stop the commit.
+#
+# To enable this hook, rename this file to "pre-commit".
+
+if git rev-parse --verify HEAD >/dev/null 2>&1
+then
+	against=HEAD
+else
+	# Initial commit: diff against an empty tree object
+	against=4b825dc642cb6eb9a060e54bf8d69288fbee4904
+fi
+
+# If you want to allow non-ASCII filenames set this variable to true.
+allownonascii=$(git config --bool hooks.allownonascii)
+
+# Redirect output to stderr.
+exec 1>&2
+
+# Cross platform projects tend to avoid non-ASCII filenames; prevent
+# them from being added to the repository. We exploit the fact that the
+# printable range starts at the space character and ends with tilde.
+if [ "$allownonascii" != "true" ] &&
+	# Note that the use of brackets around a tr range is ok here, (it's
+	# even required, for portability to Solaris 10's /usr/bin/tr), since
+	# the square bracket bytes happen to fall in the designated range.
+	test $(git diff --cached --name-only --diff-filter=A -z $against |
+	  LC_ALL=C tr -d '[ -~]\0' | wc -c) != 0
+then
+	cat <<\EOF
+Error: Attempt to add a non-ASCII file name.
+
+This can cause problems if you want to work with people on other platforms.
+
+To be portable it is advisable to rename the file.
+
+If you know what you are doing you can disable this check using:
+
+  git config hooks.allownonascii true
+EOF
+	exit 1
+fi
+
+# If there are whitespace errors, print the offending file names and fail.
+exec git diff-index --check --cached $against --
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/pre-push.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/pre-push.sample
new file mode 100755
index 0000000..6187dbf
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/pre-push.sample
@@ -0,0 +1,53 @@
+#!/bin/sh
+
+# An example hook script to verify what is about to be pushed.  Called by "git
+# push" after it has checked the remote status, but before anything has been
+# pushed.  If this script exits with a non-zero status nothing will be pushed.
+#
+# This hook is called with the following parameters:
+#
+# $1 -- Name of the remote to which the push is being done
+# $2 -- URL to which the push is being done
+#
+# If pushing without using a named remote those arguments will be equal.
+#
+# Information about the commits which are being pushed is supplied as lines to
+# the standard input in the form:
+#
+#   <local ref> <local sha1> <remote ref> <remote sha1>
+#
+# This sample shows how to prevent push of commits where the log message starts
+# with "WIP" (work in progress).
+
+remote="$1"
+url="$2"
+
+z40=0000000000000000000000000000000000000000
+
+while read local_ref local_sha remote_ref remote_sha
+do
+	if [ "$local_sha" = $z40 ]
+	then
+		# Handle delete
+		:
+	else
+		if [ "$remote_sha" = $z40 ]
+		then
+			# New branch, examine all commits
+			range="$local_sha"
+		else
+			# Update to existing branch, examine new commits
+			range="$remote_sha..$local_sha"
+		fi
+
+		# Check for WIP commit
+		commit=`git rev-list -n 1 --grep '^WIP' "$range"`
+		if [ -n "$commit" ]
+		then
+			echo >&2 "Found WIP commit in $local_ref, not pushing"
+			exit 1
+		fi
+	fi
+done
+
+exit 0
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/pre-rebase.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/pre-rebase.sample
new file mode 100755
index 0000000..9773ed4
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/pre-rebase.sample
@@ -0,0 +1,169 @@
+#!/bin/sh
+#
+# Copyright (c) 2006, 2008 Junio C Hamano
+#
+# The "pre-rebase" hook is run just before "git rebase" starts doing
+# its job, and can prevent the command from running by exiting with
+# non-zero status.
+#
+# The hook is called with the following parameters:
+#
+# $1 -- the upstream the series was forked from.
+# $2 -- the branch being rebased (or empty when rebasing the current branch).
+#
+# This sample shows how to prevent topic branches that are already
+# merged to 'next' branch from getting rebased, because allowing it
+# would result in rebasing already published history.
+
+publish=next
+basebranch="$1"
+if test "$#" = 2
+then
+	topic="refs/heads/$2"
+else
+	topic=`git symbolic-ref HEAD` ||
+	exit 0 ;# we do not interrupt rebasing detached HEAD
+fi
+
+case "$topic" in
+refs/heads/??/*)
+	;;
+*)
+	exit 0 ;# we do not interrupt others.
+	;;
+esac
+
+# Now we are dealing with a topic branch being rebased
+# on top of master.  Is it OK to rebase it?
+
+# Does the topic really exist?
+git show-ref -q "$topic" || {
+	echo >&2 "No such branch $topic"
+	exit 1
+}
+
+# Is topic fully merged to master?
+not_in_master=`git rev-list --pretty=oneline ^master "$topic"`
+if test -z "$not_in_master"
+then
+	echo >&2 "$topic is fully merged to master; better remove it."
+	exit 1 ;# we could allow it, but there is no point.
+fi
+
+# Is topic ever merged to next?  If so you should not be rebasing it.
+only_next_1=`git rev-list ^master "^$topic" ${publish} | sort`
+only_next_2=`git rev-list ^master           ${publish} | sort`
+if test "$only_next_1" = "$only_next_2"
+then
+	not_in_topic=`git rev-list "^$topic" master`
+	if test -z "$not_in_topic"
+	then
+		echo >&2 "$topic is already up-to-date with master"
+		exit 1 ;# we could allow it, but there is no point.
+	else
+		exit 0
+	fi
+else
+	not_in_next=`git rev-list --pretty=oneline ^${publish} "$topic"`
+	/usr/bin/perl -e '
+		my $topic = $ARGV[0];
+		my $msg = "* $topic has commits already merged to public branch:\n";
+		my (%not_in_next) = map {
+			/^([0-9a-f]+) /;
+			($1 => 1);
+		} split(/\n/, $ARGV[1]);
+		for my $elem (map {
+				/^([0-9a-f]+) (.*)$/;
+				[$1 => $2];
+			} split(/\n/, $ARGV[2])) {
+			if (!exists $not_in_next{$elem->[0]}) {
+				if ($msg) {
+					print STDERR $msg;
+					undef $msg;
+				}
+				print STDERR " $elem->[1]\n";
+			}
+		}
+	' "$topic" "$not_in_next" "$not_in_master"
+	exit 1
+fi
+
+exit 0
+
+################################################################
+
+This sample hook safeguards topic branches that have been
+published from being rewound.
+
+The workflow assumed here is:
+
+ * Once a topic branch forks from "master", "master" is never
+   merged into it again (either directly or indirectly).
+
+ * Once a topic branch is fully cooked and merged into "master",
+   it is deleted.  If you need to build on top of it to correct
+   earlier mistakes, a new topic branch is created by forking at
+   the tip of the "master".  This is not strictly necessary, but
+   it makes it easier to keep your history simple.
+
+ * Whenever you need to test or publish your changes to topic
+   branches, merge them into "next" branch.
+
+The script, being an example, hardcodes the publish branch name
+to be "next", but it is trivial to make it configurable via
+$GIT_DIR/config mechanism.
+
+With this workflow, you would want to know:
+
+(1) ... if a topic branch has ever been merged to "next".  Young
+    topic branches can have stupid mistakes you would rather
+    clean up before publishing, and things that have not been
+    merged into other branches can be easily rebased without
+    affecting other people.  But once it is published, you would
+    not want to rewind it.
+
+(2) ... if a topic branch has been fully merged to "master".
+    Then you can delete it.  More importantly, you should not
+    build on top of it -- other people may already want to
+    change things related to the topic as patches against your
+    "master", so if you need further changes, it is better to
+    fork the topic (perhaps with the same name) afresh from the
+    tip of "master".
+
+Let's look at this example:
+
+		   o---o---o---o---o---o---o---o---o---o "next"
+		  /       /           /           /
+		 /   a---a---b A     /           /
+		/   /               /           /
+	       /   /   c---c---c---c B         /
+	      /   /   /             \         /
+	     /   /   /   b---b C     \       /
+	    /   /   /   /             \     /
+    ---o---o---o---o---o---o---o---o---o---o---o "master"
+
+
+A, B and C are topic branches.
+
+ * A has one fix since it was merged up to "next".
+
+ * B has finished.  It has been fully merged up to "master" and "next",
+   and is ready to be deleted.
+
+ * C has not merged to "next" at all.
+
+We would want to allow C to be rebased, refuse A, and encourage
+B to be deleted.
+
+To compute (1):
+
+	git rev-list ^master ^topic next
+	git rev-list ^master        next
+
+	if these match, topic has not merged in next at all.
+
+To compute (2):
+
+	git rev-list master..topic
+
+	if this is empty, it is fully merged to "master".
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/prepare-commit-msg.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/prepare-commit-msg.sample
new file mode 100755
index 0000000..f093a02
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/prepare-commit-msg.sample
@@ -0,0 +1,36 @@
+#!/bin/sh
+#
+# An example hook script to prepare the commit log message.
+# Called by "git commit" with the name of the file that has the
+# commit message, followed by the description of the commit
+# message's source.  The hook's purpose is to edit the commit
+# message file.  If the hook fails with a non-zero status,
+# the commit is aborted.
+#
+# To enable this hook, rename this file to "prepare-commit-msg".
+
+# This hook includes three examples.  The first comments out the
+# "Conflicts:" part of a merge commit.
+#
+# The second includes the output of "git diff --name-status -r"
+# into the message, just before the "git status" output.  It is
+# commented because it doesn't cope with --amend or with squashed
+# commits.
+#
+# The third example adds a Signed-off-by line to the message, that can
+# still be edited.  This is rarely a good idea.
+
+case "$2,$3" in
+  merge,)
+    /usr/bin/perl -i.bak -ne 's/^/# /, s/^# #/#/ if /^Conflicts/ .. /#/; print' "$1" ;;
+
+# ,|template,)
+#   /usr/bin/perl -i.bak -pe '
+#      print "\n" . `git diff --cached --name-status -r`
+#	 if /^#/ && $first++ == 0' "$1" ;;
+
+  *) ;;
+esac
+
+# SOB=$(git var GIT_AUTHOR_IDENT | sed -n 's/^\(.*>\).*$/Signed-off-by: \1/p')
+# grep -qs "^$SOB" "$1" || echo "$SOB" >> "$1"
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/update.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/update.sample
new file mode 100755
index 0000000..80ba941
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/hooks/update.sample
@@ -0,0 +1,128 @@
+#!/bin/sh
+#
+# An example hook script to block unannotated tags from entering.
+# Called by "git receive-pack" with arguments: refname sha1-old sha1-new
+#
+# To enable this hook, rename this file to "update".
+#
+# Config
+# ------
+# hooks.allowunannotated
+#   This boolean sets whether unannotated tags will be allowed into the
+#   repository.  By default they won't be.
+# hooks.allowdeletetag
+#   This boolean sets whether deleting tags will be allowed in the
+#   repository.  By default they won't be.
+# hooks.allowmodifytag
+#   This boolean sets whether a tag may be modified after creation. By default
+#   it won't be.
+# hooks.allowdeletebranch
+#   This boolean sets whether deleting branches will be allowed in the
+#   repository.  By default they won't be.
+# hooks.denycreatebranch
+#   This boolean sets whether remotely creating branches will be denied
+#   in the repository.  By default this is allowed.
+#
+
+# --- Command line
+refname="$1"
+oldrev="$2"
+newrev="$3"
+
+# --- Safety check
+if [ -z "$GIT_DIR" ]; then
+	echo "Don't run this script from the command line." >&2
+	echo " (if you want, you could supply GIT_DIR then run" >&2
+	echo "  $0 <ref> <oldrev> <newrev>)" >&2
+	exit 1
+fi
+
+if [ -z "$refname" -o -z "$oldrev" -o -z "$newrev" ]; then
+	echo "usage: $0 <ref> <oldrev> <newrev>" >&2
+	exit 1
+fi
+
+# --- Config
+allowunannotated=$(git config --bool hooks.allowunannotated)
+allowdeletebranch=$(git config --bool hooks.allowdeletebranch)
+denycreatebranch=$(git config --bool hooks.denycreatebranch)
+allowdeletetag=$(git config --bool hooks.allowdeletetag)
+allowmodifytag=$(git config --bool hooks.allowmodifytag)
+
+# check for no description
+projectdesc=$(sed -e '1q' "$GIT_DIR/description")
+case "$projectdesc" in
+"Unnamed repository"* | "")
+	echo "*** Project description file hasn't been set" >&2
+	exit 1
+	;;
+esac
+
+# --- Check types
+# if $newrev is 0000...0000, it's a commit to delete a ref.
+zero="0000000000000000000000000000000000000000"
+if [ "$newrev" = "$zero" ]; then
+	newrev_type=delete
+else
+	newrev_type=$(git cat-file -t $newrev)
+fi
+
+case "$refname","$newrev_type" in
+	refs/tags/*,commit)
+		# un-annotated tag
+		short_refname=${refname##refs/tags/}
+		if [ "$allowunannotated" != "true" ]; then
+			echo "*** The un-annotated tag, $short_refname, is not allowed in this repository" >&2
+			echo "*** Use 'git tag [ -a | -s ]' for tags you want to propagate." >&2
+			exit 1
+		fi
+		;;
+	refs/tags/*,delete)
+		# delete tag
+		if [ "$allowdeletetag" != "true" ]; then
+			echo "*** Deleting a tag is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/tags/*,tag)
+		# annotated tag
+		if [ "$allowmodifytag" != "true" ] && git rev-parse $refname > /dev/null 2>&1
+		then
+			echo "*** Tag '$refname' already exists." >&2
+			echo "*** Modifying a tag is not allowed in this repository." >&2
+			exit 1
+		fi
+		;;
+	refs/heads/*,commit)
+		# branch
+		if [ "$oldrev" = "$zero" -a "$denycreatebranch" = "true" ]; then
+			echo "*** Creating a branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/heads/*,delete)
+		# delete branch
+		if [ "$allowdeletebranch" != "true" ]; then
+			echo "*** Deleting a branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/remotes/*,commit)
+		# tracking branch
+		;;
+	refs/remotes/*,delete)
+		# delete tracking branch
+		if [ "$allowdeletebranch" != "true" ]; then
+			echo "*** Deleting a tracking branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	*)
+		# Anything else (is there anything else?)
+		echo "*** Update hook: unknown type of update to ref $refname of type $newrev_type" >&2
+		exit 1
+		;;
+esac
+
+# --- Finished
+exit 0
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/index b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/index
new file mode 100644
index 0000000..ac6d4fd
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/index differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/info/exclude b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/info/exclude
new file mode 100644
index 0000000..a5196d1
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/info/exclude
@@ -0,0 +1,6 @@
+# git ls-files --others --exclude-from=.git/info/exclude
+# Lines that start with '#' are comments.
+# For a project mostly in C, the following would be a good set of
+# exclude patterns (uncomment them if you want to use them):
+# *.[oa]
+# *~
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/info/refs b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/info/refs
new file mode 100644
index 0000000..9c9037a
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/info/refs
@@ -0,0 +1 @@
+71ebe5d70c8634f7531cc09c1cad5dae951a9052	refs/heads/master
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/logs/HEAD b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/logs/HEAD
new file mode 100644
index 0000000..e69de29
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/logs/refs/heads/master b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/logs/refs/heads/master
new file mode 100644
index 0000000..e69de29
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/objects/incoming_4632440628786417060.pack b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/objects/incoming_4632440628786417060.pack
new file mode 100644
index 0000000..c1a7bd5
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/objects/incoming_4632440628786417060.pack
@@ -0,0 +1 @@
+blah blah blah
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/objects/incoming_4635689790689803605.pack b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/objects/incoming_4635689790689803605.pack
new file mode 100644
index 0000000..6e5fe03
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/objects/incoming_4635689790689803605.pack
@@ -0,0 +1 @@
+i am a pack
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/objects/info/packs b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/objects/info/packs
new file mode 100644
index 0000000..bbfa012
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/objects/info/packs
@@ -0,0 +1,2 @@
+P pack-71e0b18bc4675e30d48c891ae9bfc2487ec6e0bb.pack
+
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/objects/pack/pack-71e0b18bc4675e30d48c891ae9bfc2487ec6e0bb.idx b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/objects/pack/pack-71e0b18bc4675e30d48c891ae9bfc2487ec6e0bb.idx
new file mode 100644
index 0000000..30d5e13
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/objects/pack/pack-71e0b18bc4675e30d48c891ae9bfc2487ec6e0bb.idx differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/objects/pack/pack-71e0b18bc4675e30d48c891ae9bfc2487ec6e0bb.pack b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/objects/pack/pack-71e0b18bc4675e30d48c891ae9bfc2487ec6e0bb.pack
new file mode 100644
index 0000000..d28e3bd
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/objects/pack/pack-71e0b18bc4675e30d48c891ae9bfc2487ec6e0bb.pack differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/packed-refs b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/packed-refs
new file mode 100644
index 0000000..102f77f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/DOTgit/packed-refs
@@ -0,0 +1,2 @@
+# pack-refs with: peeled fully-peeled 
+71ebe5d70c8634f7531cc09c1cad5dae951a9052 refs/heads/master
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/file1.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/file1.txt
new file mode 100644
index 0000000..e69de29
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/file2.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/incoming/file2.txt
new file mode 100644
index 0000000..e69de29
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/.gitignore b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/.gitignore
new file mode 100644
index 0000000..5545880
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/.gitignore
@@ -0,0 +1,2 @@
+*.ignored
+
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/COMMIT_EDITMSG b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/COMMIT_EDITMSG
new file mode 100644
index 0000000..217e7d6
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/COMMIT_EDITMSG
@@ -0,0 +1 @@
+Add ignored file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/HEAD b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/HEAD
new file mode 100644
index 0000000..cb089cd
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/HEAD
@@ -0,0 +1 @@
+ref: refs/heads/master
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/config b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/config
new file mode 100644
index 0000000..6c9406b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/config
@@ -0,0 +1,7 @@
+[core]
+	repositoryformatversion = 0
+	filemode = true
+	bare = false
+	logallrefupdates = true
+	ignorecase = true
+	precomposeunicode = true
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/description b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/description
new file mode 100644
index 0000000..498b267
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/description
@@ -0,0 +1 @@
+Unnamed repository; edit this file 'description' to name the repository.
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/applypatch-msg.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/applypatch-msg.sample
new file mode 100755
index 0000000..a5d7b84
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/applypatch-msg.sample
@@ -0,0 +1,15 @@
+#!/bin/sh
+#
+# An example hook script to check the commit log message taken by
+# applypatch from an e-mail message.
+#
+# The hook should exit with non-zero status after issuing an
+# appropriate message if it wants to stop the commit.  The hook is
+# allowed to edit the commit message file.
+#
+# To enable this hook, rename this file to "applypatch-msg".
+
+. git-sh-setup
+commitmsg="$(git rev-parse --git-path hooks/commit-msg)"
+test -x "$commitmsg" && exec "$commitmsg" ${1+"$@"}
+:
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/commit-msg.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/commit-msg.sample
new file mode 100755
index 0000000..b58d118
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/commit-msg.sample
@@ -0,0 +1,24 @@
+#!/bin/sh
+#
+# An example hook script to check the commit log message.
+# Called by "git commit" with one argument, the name of the file
+# that has the commit message.  The hook should exit with non-zero
+# status after issuing an appropriate message if it wants to stop the
+# commit.  The hook is allowed to edit the commit message file.
+#
+# To enable this hook, rename this file to "commit-msg".
+
+# Uncomment the below to add a Signed-off-by line to the message.
+# Doing this in a hook is a bad idea in general, but the prepare-commit-msg
+# hook is more suited to it.
+#
+# SOB=$(git var GIT_AUTHOR_IDENT | sed -n 's/^\(.*>\).*$/Signed-off-by: \1/p')
+# grep -qs "^$SOB" "$1" || echo "$SOB" >> "$1"
+
+# This example catches duplicate Signed-off-by lines.
+
+test "" = "$(grep '^Signed-off-by: ' "$1" |
+	 sort | uniq -c | sed -e '/^[ 	]*1[ 	]/d')" || {
+	echo >&2 Duplicate Signed-off-by lines.
+	exit 1
+}
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/post-update.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/post-update.sample
new file mode 100755
index 0000000..ec17ec1
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/post-update.sample
@@ -0,0 +1,8 @@
+#!/bin/sh
+#
+# An example hook script to prepare a packed repository for use over
+# dumb transports.
+#
+# To enable this hook, rename this file to "post-update".
+
+exec git update-server-info
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/pre-applypatch.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/pre-applypatch.sample
new file mode 100755
index 0000000..4142082
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/pre-applypatch.sample
@@ -0,0 +1,14 @@
+#!/bin/sh
+#
+# An example hook script to verify what is about to be committed
+# by applypatch from an e-mail message.
+#
+# The hook should exit with non-zero status after issuing an
+# appropriate message if it wants to stop the commit.
+#
+# To enable this hook, rename this file to "pre-applypatch".
+
+. git-sh-setup
+precommit="$(git rev-parse --git-path hooks/pre-commit)"
+test -x "$precommit" && exec "$precommit" ${1+"$@"}
+:
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/pre-commit.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/pre-commit.sample
new file mode 100755
index 0000000..68d62d5
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/pre-commit.sample
@@ -0,0 +1,49 @@
+#!/bin/sh
+#
+# An example hook script to verify what is about to be committed.
+# Called by "git commit" with no arguments.  The hook should
+# exit with non-zero status after issuing an appropriate message if
+# it wants to stop the commit.
+#
+# To enable this hook, rename this file to "pre-commit".
+
+if git rev-parse --verify HEAD >/dev/null 2>&1
+then
+	against=HEAD
+else
+	# Initial commit: diff against an empty tree object
+	against=4b825dc642cb6eb9a060e54bf8d69288fbee4904
+fi
+
+# If you want to allow non-ASCII filenames set this variable to true.
+allownonascii=$(git config --bool hooks.allownonascii)
+
+# Redirect output to stderr.
+exec 1>&2
+
+# Cross platform projects tend to avoid non-ASCII filenames; prevent
+# them from being added to the repository. We exploit the fact that the
+# printable range starts at the space character and ends with tilde.
+if [ "$allownonascii" != "true" ] &&
+	# Note that the use of brackets around a tr range is ok here, (it's
+	# even required, for portability to Solaris 10's /usr/bin/tr), since
+	# the square bracket bytes happen to fall in the designated range.
+	test $(git diff --cached --name-only --diff-filter=A -z $against |
+	  LC_ALL=C tr -d '[ -~]\0' | wc -c) != 0
+then
+	cat <<\EOF
+Error: Attempt to add a non-ASCII file name.
+
+This can cause problems if you want to work with people on other platforms.
+
+To be portable it is advisable to rename the file.
+
+If you know what you are doing you can disable this check using:
+
+  git config hooks.allownonascii true
+EOF
+	exit 1
+fi
+
+# If there are whitespace errors, print the offending file names and fail.
+exec git diff-index --check --cached $against --
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/pre-push.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/pre-push.sample
new file mode 100755
index 0000000..6187dbf
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/pre-push.sample
@@ -0,0 +1,53 @@
+#!/bin/sh
+
+# An example hook script to verify what is about to be pushed.  Called by "git
+# push" after it has checked the remote status, but before anything has been
+# pushed.  If this script exits with a non-zero status nothing will be pushed.
+#
+# This hook is called with the following parameters:
+#
+# $1 -- Name of the remote to which the push is being done
+# $2 -- URL to which the push is being done
+#
+# If pushing without using a named remote those arguments will be equal.
+#
+# Information about the commits which are being pushed is supplied as lines to
+# the standard input in the form:
+#
+#   <local ref> <local sha1> <remote ref> <remote sha1>
+#
+# This sample shows how to prevent push of commits where the log message starts
+# with "WIP" (work in progress).
+
+remote="$1"
+url="$2"
+
+z40=0000000000000000000000000000000000000000
+
+while read local_ref local_sha remote_ref remote_sha
+do
+	if [ "$local_sha" = $z40 ]
+	then
+		# Handle delete
+		:
+	else
+		if [ "$remote_sha" = $z40 ]
+		then
+			# New branch, examine all commits
+			range="$local_sha"
+		else
+			# Update to existing branch, examine new commits
+			range="$remote_sha..$local_sha"
+		fi
+
+		# Check for WIP commit
+		commit=`git rev-list -n 1 --grep '^WIP' "$range"`
+		if [ -n "$commit" ]
+		then
+			echo >&2 "Found WIP commit in $local_ref, not pushing"
+			exit 1
+		fi
+	fi
+done
+
+exit 0
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/pre-rebase.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/pre-rebase.sample
new file mode 100755
index 0000000..9773ed4
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/pre-rebase.sample
@@ -0,0 +1,169 @@
+#!/bin/sh
+#
+# Copyright (c) 2006, 2008 Junio C Hamano
+#
+# The "pre-rebase" hook is run just before "git rebase" starts doing
+# its job, and can prevent the command from running by exiting with
+# non-zero status.
+#
+# The hook is called with the following parameters:
+#
+# $1 -- the upstream the series was forked from.
+# $2 -- the branch being rebased (or empty when rebasing the current branch).
+#
+# This sample shows how to prevent topic branches that are already
+# merged to 'next' branch from getting rebased, because allowing it
+# would result in rebasing already published history.
+
+publish=next
+basebranch="$1"
+if test "$#" = 2
+then
+	topic="refs/heads/$2"
+else
+	topic=`git symbolic-ref HEAD` ||
+	exit 0 ;# we do not interrupt rebasing detached HEAD
+fi
+
+case "$topic" in
+refs/heads/??/*)
+	;;
+*)
+	exit 0 ;# we do not interrupt others.
+	;;
+esac
+
+# Now we are dealing with a topic branch being rebased
+# on top of master.  Is it OK to rebase it?
+
+# Does the topic really exist?
+git show-ref -q "$topic" || {
+	echo >&2 "No such branch $topic"
+	exit 1
+}
+
+# Is topic fully merged to master?
+not_in_master=`git rev-list --pretty=oneline ^master "$topic"`
+if test -z "$not_in_master"
+then
+	echo >&2 "$topic is fully merged to master; better remove it."
+	exit 1 ;# we could allow it, but there is no point.
+fi
+
+# Is topic ever merged to next?  If so you should not be rebasing it.
+only_next_1=`git rev-list ^master "^$topic" ${publish} | sort`
+only_next_2=`git rev-list ^master           ${publish} | sort`
+if test "$only_next_1" = "$only_next_2"
+then
+	not_in_topic=`git rev-list "^$topic" master`
+	if test -z "$not_in_topic"
+	then
+		echo >&2 "$topic is already up-to-date with master"
+		exit 1 ;# we could allow it, but there is no point.
+	else
+		exit 0
+	fi
+else
+	not_in_next=`git rev-list --pretty=oneline ^${publish} "$topic"`
+	/usr/bin/perl -e '
+		my $topic = $ARGV[0];
+		my $msg = "* $topic has commits already merged to public branch:\n";
+		my (%not_in_next) = map {
+			/^([0-9a-f]+) /;
+			($1 => 1);
+		} split(/\n/, $ARGV[1]);
+		for my $elem (map {
+				/^([0-9a-f]+) (.*)$/;
+				[$1 => $2];
+			} split(/\n/, $ARGV[2])) {
+			if (!exists $not_in_next{$elem->[0]}) {
+				if ($msg) {
+					print STDERR $msg;
+					undef $msg;
+				}
+				print STDERR " $elem->[1]\n";
+			}
+		}
+	' "$topic" "$not_in_next" "$not_in_master"
+	exit 1
+fi
+
+exit 0
+
+################################################################
+
+This sample hook safeguards topic branches that have been
+published from being rewound.
+
+The workflow assumed here is:
+
+ * Once a topic branch forks from "master", "master" is never
+   merged into it again (either directly or indirectly).
+
+ * Once a topic branch is fully cooked and merged into "master",
+   it is deleted.  If you need to build on top of it to correct
+   earlier mistakes, a new topic branch is created by forking at
+   the tip of the "master".  This is not strictly necessary, but
+   it makes it easier to keep your history simple.
+
+ * Whenever you need to test or publish your changes to topic
+   branches, merge them into "next" branch.
+
+The script, being an example, hardcodes the publish branch name
+to be "next", but it is trivial to make it configurable via
+$GIT_DIR/config mechanism.
+
+With this workflow, you would want to know:
+
+(1) ... if a topic branch has ever been merged to "next".  Young
+    topic branches can have stupid mistakes you would rather
+    clean up before publishing, and things that have not been
+    merged into other branches can be easily rebased without
+    affecting other people.  But once it is published, you would
+    not want to rewind it.
+
+(2) ... if a topic branch has been fully merged to "master".
+    Then you can delete it.  More importantly, you should not
+    build on top of it -- other people may already want to
+    change things related to the topic as patches against your
+    "master", so if you need further changes, it is better to
+    fork the topic (perhaps with the same name) afresh from the
+    tip of "master".
+
+Let's look at this example:
+
+		   o---o---o---o---o---o---o---o---o---o "next"
+		  /       /           /           /
+		 /   a---a---b A     /           /
+		/   /               /           /
+	       /   /   c---c---c---c B         /
+	      /   /   /             \         /
+	     /   /   /   b---b C     \       /
+	    /   /   /   /             \     /
+    ---o---o---o---o---o---o---o---o---o---o---o "master"
+
+
+A, B and C are topic branches.
+
+ * A has one fix since it was merged up to "next".
+
+ * B has finished.  It has been fully merged up to "master" and "next",
+   and is ready to be deleted.
+
+ * C has not merged to "next" at all.
+
+We would want to allow C to be rebased, refuse A, and encourage
+B to be deleted.
+
+To compute (1):
+
+	git rev-list ^master ^topic next
+	git rev-list ^master        next
+
+	if these match, topic has not merged in next at all.
+
+To compute (2):
+
+	git rev-list master..topic
+
+	if this is empty, it is fully merged to "master".
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/prepare-commit-msg.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/prepare-commit-msg.sample
new file mode 100755
index 0000000..f093a02
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/prepare-commit-msg.sample
@@ -0,0 +1,36 @@
+#!/bin/sh
+#
+# An example hook script to prepare the commit log message.
+# Called by "git commit" with the name of the file that has the
+# commit message, followed by the description of the commit
+# message's source.  The hook's purpose is to edit the commit
+# message file.  If the hook fails with a non-zero status,
+# the commit is aborted.
+#
+# To enable this hook, rename this file to "prepare-commit-msg".
+
+# This hook includes three examples.  The first comments out the
+# "Conflicts:" part of a merge commit.
+#
+# The second includes the output of "git diff --name-status -r"
+# into the message, just before the "git status" output.  It is
+# commented because it doesn't cope with --amend or with squashed
+# commits.
+#
+# The third example adds a Signed-off-by line to the message, that can
+# still be edited.  This is rarely a good idea.
+
+case "$2,$3" in
+  merge,)
+    /usr/bin/perl -i.bak -ne 's/^/# /, s/^# #/#/ if /^Conflicts/ .. /#/; print' "$1" ;;
+
+# ,|template,)
+#   /usr/bin/perl -i.bak -pe '
+#      print "\n" . `git diff --cached --name-status -r`
+#	 if /^#/ && $first++ == 0' "$1" ;;
+
+  *) ;;
+esac
+
+# SOB=$(git var GIT_AUTHOR_IDENT | sed -n 's/^\(.*>\).*$/Signed-off-by: \1/p')
+# grep -qs "^$SOB" "$1" || echo "$SOB" >> "$1"
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/update.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/update.sample
new file mode 100755
index 0000000..80ba941
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/hooks/update.sample
@@ -0,0 +1,128 @@
+#!/bin/sh
+#
+# An example hook script to block unannotated tags from entering.
+# Called by "git receive-pack" with arguments: refname sha1-old sha1-new
+#
+# To enable this hook, rename this file to "update".
+#
+# Config
+# ------
+# hooks.allowunannotated
+#   This boolean sets whether unannotated tags will be allowed into the
+#   repository.  By default they won't be.
+# hooks.allowdeletetag
+#   This boolean sets whether deleting tags will be allowed in the
+#   repository.  By default they won't be.
+# hooks.allowmodifytag
+#   This boolean sets whether a tag may be modified after creation. By default
+#   it won't be.
+# hooks.allowdeletebranch
+#   This boolean sets whether deleting branches will be allowed in the
+#   repository.  By default they won't be.
+# hooks.denycreatebranch
+#   This boolean sets whether remotely creating branches will be denied
+#   in the repository.  By default this is allowed.
+#
+
+# --- Command line
+refname="$1"
+oldrev="$2"
+newrev="$3"
+
+# --- Safety check
+if [ -z "$GIT_DIR" ]; then
+	echo "Don't run this script from the command line." >&2
+	echo " (if you want, you could supply GIT_DIR then run" >&2
+	echo "  $0 <ref> <oldrev> <newrev>)" >&2
+	exit 1
+fi
+
+if [ -z "$refname" -o -z "$oldrev" -o -z "$newrev" ]; then
+	echo "usage: $0 <ref> <oldrev> <newrev>" >&2
+	exit 1
+fi
+
+# --- Config
+allowunannotated=$(git config --bool hooks.allowunannotated)
+allowdeletebranch=$(git config --bool hooks.allowdeletebranch)
+denycreatebranch=$(git config --bool hooks.denycreatebranch)
+allowdeletetag=$(git config --bool hooks.allowdeletetag)
+allowmodifytag=$(git config --bool hooks.allowmodifytag)
+
+# check for no description
+projectdesc=$(sed -e '1q' "$GIT_DIR/description")
+case "$projectdesc" in
+"Unnamed repository"* | "")
+	echo "*** Project description file hasn't been set" >&2
+	exit 1
+	;;
+esac
+
+# --- Check types
+# if $newrev is 0000...0000, it's a commit to delete a ref.
+zero="0000000000000000000000000000000000000000"
+if [ "$newrev" = "$zero" ]; then
+	newrev_type=delete
+else
+	newrev_type=$(git cat-file -t $newrev)
+fi
+
+case "$refname","$newrev_type" in
+	refs/tags/*,commit)
+		# un-annotated tag
+		short_refname=${refname##refs/tags/}
+		if [ "$allowunannotated" != "true" ]; then
+			echo "*** The un-annotated tag, $short_refname, is not allowed in this repository" >&2
+			echo "*** Use 'git tag [ -a | -s ]' for tags you want to propagate." >&2
+			exit 1
+		fi
+		;;
+	refs/tags/*,delete)
+		# delete tag
+		if [ "$allowdeletetag" != "true" ]; then
+			echo "*** Deleting a tag is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/tags/*,tag)
+		# annotated tag
+		if [ "$allowmodifytag" != "true" ] && git rev-parse $refname > /dev/null 2>&1
+		then
+			echo "*** Tag '$refname' already exists." >&2
+			echo "*** Modifying a tag is not allowed in this repository." >&2
+			exit 1
+		fi
+		;;
+	refs/heads/*,commit)
+		# branch
+		if [ "$oldrev" = "$zero" -a "$denycreatebranch" = "true" ]; then
+			echo "*** Creating a branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/heads/*,delete)
+		# delete branch
+		if [ "$allowdeletebranch" != "true" ]; then
+			echo "*** Deleting a branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/remotes/*,commit)
+		# tracking branch
+		;;
+	refs/remotes/*,delete)
+		# delete tracking branch
+		if [ "$allowdeletebranch" != "true" ]; then
+			echo "*** Deleting a tracking branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	*)
+		# Anything else (is there anything else?)
+		echo "*** Update hook: unknown type of update to ref $refname of type $newrev_type" >&2
+		exit 1
+		;;
+esac
+
+# --- Finished
+exit 0
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/index b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/index
new file mode 100644
index 0000000..06891a6
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/index differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/info/exclude b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/info/exclude
new file mode 100644
index 0000000..a5196d1
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/info/exclude
@@ -0,0 +1,6 @@
+# git ls-files --others --exclude-from=.git/info/exclude
+# Lines that start with '#' are comments.
+# For a project mostly in C, the following would be a good set of
+# exclude patterns (uncomment them if you want to use them):
+# *.[oa]
+# *~
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/logs/HEAD b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/logs/HEAD
new file mode 100644
index 0000000..a82c298
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/logs/HEAD
@@ -0,0 +1,2 @@
+0000000000000000000000000000000000000000 4a64431a59519ff25eff2cd94a561081146059b7 Winston Li <git@winston.li> 1475933347 +0100	commit (initial): Initial commit
+4a64431a59519ff25eff2cd94a561081146059b7 71ebe5d70c8634f7531cc09c1cad5dae951a9052 Winston Li <git@winston.li> 1475933399 +0100	commit: Add ignored file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/logs/refs/heads/master b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/logs/refs/heads/master
new file mode 100644
index 0000000..a82c298
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/logs/refs/heads/master
@@ -0,0 +1,2 @@
+0000000000000000000000000000000000000000 4a64431a59519ff25eff2cd94a561081146059b7 Winston Li <git@winston.li> 1475933347 +0100	commit (initial): Initial commit
+4a64431a59519ff25eff2cd94a561081146059b7 71ebe5d70c8634f7531cc09c1cad5dae951a9052 Winston Li <git@winston.li> 1475933399 +0100	commit: Add ignored file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/objects/23/462c896684e004db23cfab16255e176400643a b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/objects/23/462c896684e004db23cfab16255e176400643a
new file mode 100644
index 0000000..72a979b
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/objects/23/462c896684e004db23cfab16255e176400643a differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/objects/39/2f03252185fe21cb8926676deb84b60a617ff9 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/objects/39/2f03252185fe21cb8926676deb84b60a617ff9
new file mode 100644
index 0000000..fddf852
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/objects/39/2f03252185fe21cb8926676deb84b60a617ff9 differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/objects/4a/64431a59519ff25eff2cd94a561081146059b7 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/objects/4a/64431a59519ff25eff2cd94a561081146059b7
new file mode 100644
index 0000000..f58821d
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/objects/4a/64431a59519ff25eff2cd94a561081146059b7
@@ -0,0 +1,3 @@
+x
���
+!���>�܃pt"��;�i
�*l�~�>A����,,�w��
+6���q�k�`�!"O��ÔI'B�ZT�-ϱ�KF�+���r�l}��8y�����F�U�ͤ��ԥ�p�a���6>
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/objects/55/45880406d44a71c1c179cb17a5819b59cbbc36 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/objects/55/45880406d44a71c1c179cb17a5819b59cbbc36
new file mode 100644
index 0000000..e7279a2
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/objects/55/45880406d44a71c1c179cb17a5819b59cbbc36 differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/objects/71/ebe5d70c8634f7531cc09c1cad5dae951a9052 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/objects/71/ebe5d70c8634f7531cc09c1cad5dae951a9052
new file mode 100644
index 0000000..5678b62
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/objects/71/ebe5d70c8634f7531cc09c1cad5dae951a9052 differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/objects/e6/9de29bb2d1d6434b8b29ae775ad8c2e48c5391 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/objects/e6/9de29bb2d1d6434b8b29ae775ad8c2e48c5391
new file mode 100644
index 0000000..7112238
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/objects/e6/9de29bb2d1d6434b8b29ae775ad8c2e48c5391 differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/refs/heads/master b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/refs/heads/master
new file mode 100644
index 0000000..60f255a
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/DOTgit/refs/heads/master
@@ -0,0 +1 @@
+71ebe5d70c8634f7531cc09c1cad5dae951a9052
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/file1.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/file1.txt
new file mode 100644
index 0000000..e69de29
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/file2.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/repo/file2.txt
new file mode 100644
index 0000000..e69de29
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/.gitignore b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/.gitignore
new file mode 100644
index 0000000..5545880
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/.gitignore
@@ -0,0 +1,2 @@
+*.ignored
+
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/COMMIT_EDITMSG b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/COMMIT_EDITMSG
new file mode 100644
index 0000000..217e7d6
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/COMMIT_EDITMSG
@@ -0,0 +1 @@
+Add ignored file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/HEAD b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/HEAD
new file mode 100644
index 0000000..cb089cd
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/HEAD
@@ -0,0 +1 @@
+ref: refs/heads/master
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/config b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/config
new file mode 100644
index 0000000..6c9406b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/config
@@ -0,0 +1,7 @@
+[core]
+	repositoryformatversion = 0
+	filemode = true
+	bare = false
+	logallrefupdates = true
+	ignorecase = true
+	precomposeunicode = true
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/description b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/description
new file mode 100644
index 0000000..498b267
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/description
@@ -0,0 +1 @@
+Unnamed repository; edit this file 'description' to name the repository.
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/applypatch-msg.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/applypatch-msg.sample
new file mode 100755
index 0000000..a5d7b84
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/applypatch-msg.sample
@@ -0,0 +1,15 @@
+#!/bin/sh
+#
+# An example hook script to check the commit log message taken by
+# applypatch from an e-mail message.
+#
+# The hook should exit with non-zero status after issuing an
+# appropriate message if it wants to stop the commit.  The hook is
+# allowed to edit the commit message file.
+#
+# To enable this hook, rename this file to "applypatch-msg".
+
+. git-sh-setup
+commitmsg="$(git rev-parse --git-path hooks/commit-msg)"
+test -x "$commitmsg" && exec "$commitmsg" ${1+"$@"}
+:
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/commit-msg.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/commit-msg.sample
new file mode 100755
index 0000000..b58d118
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/commit-msg.sample
@@ -0,0 +1,24 @@
+#!/bin/sh
+#
+# An example hook script to check the commit log message.
+# Called by "git commit" with one argument, the name of the file
+# that has the commit message.  The hook should exit with non-zero
+# status after issuing an appropriate message if it wants to stop the
+# commit.  The hook is allowed to edit the commit message file.
+#
+# To enable this hook, rename this file to "commit-msg".
+
+# Uncomment the below to add a Signed-off-by line to the message.
+# Doing this in a hook is a bad idea in general, but the prepare-commit-msg
+# hook is more suited to it.
+#
+# SOB=$(git var GIT_AUTHOR_IDENT | sed -n 's/^\(.*>\).*$/Signed-off-by: \1/p')
+# grep -qs "^$SOB" "$1" || echo "$SOB" >> "$1"
+
+# This example catches duplicate Signed-off-by lines.
+
+test "" = "$(grep '^Signed-off-by: ' "$1" |
+	 sort | uniq -c | sed -e '/^[ 	]*1[ 	]/d')" || {
+	echo >&2 Duplicate Signed-off-by lines.
+	exit 1
+}
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/post-update.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/post-update.sample
new file mode 100755
index 0000000..ec17ec1
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/post-update.sample
@@ -0,0 +1,8 @@
+#!/bin/sh
+#
+# An example hook script to prepare a packed repository for use over
+# dumb transports.
+#
+# To enable this hook, rename this file to "post-update".
+
+exec git update-server-info
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/pre-applypatch.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/pre-applypatch.sample
new file mode 100755
index 0000000..4142082
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/pre-applypatch.sample
@@ -0,0 +1,14 @@
+#!/bin/sh
+#
+# An example hook script to verify what is about to be committed
+# by applypatch from an e-mail message.
+#
+# The hook should exit with non-zero status after issuing an
+# appropriate message if it wants to stop the commit.
+#
+# To enable this hook, rename this file to "pre-applypatch".
+
+. git-sh-setup
+precommit="$(git rev-parse --git-path hooks/pre-commit)"
+test -x "$precommit" && exec "$precommit" ${1+"$@"}
+:
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/pre-commit.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/pre-commit.sample
new file mode 100755
index 0000000..68d62d5
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/pre-commit.sample
@@ -0,0 +1,49 @@
+#!/bin/sh
+#
+# An example hook script to verify what is about to be committed.
+# Called by "git commit" with no arguments.  The hook should
+# exit with non-zero status after issuing an appropriate message if
+# it wants to stop the commit.
+#
+# To enable this hook, rename this file to "pre-commit".
+
+if git rev-parse --verify HEAD >/dev/null 2>&1
+then
+	against=HEAD
+else
+	# Initial commit: diff against an empty tree object
+	against=4b825dc642cb6eb9a060e54bf8d69288fbee4904
+fi
+
+# If you want to allow non-ASCII filenames set this variable to true.
+allownonascii=$(git config --bool hooks.allownonascii)
+
+# Redirect output to stderr.
+exec 1>&2
+
+# Cross platform projects tend to avoid non-ASCII filenames; prevent
+# them from being added to the repository. We exploit the fact that the
+# printable range starts at the space character and ends with tilde.
+if [ "$allownonascii" != "true" ] &&
+	# Note that the use of brackets around a tr range is ok here, (it's
+	# even required, for portability to Solaris 10's /usr/bin/tr), since
+	# the square bracket bytes happen to fall in the designated range.
+	test $(git diff --cached --name-only --diff-filter=A -z $against |
+	  LC_ALL=C tr -d '[ -~]\0' | wc -c) != 0
+then
+	cat <<\EOF
+Error: Attempt to add a non-ASCII file name.
+
+This can cause problems if you want to work with people on other platforms.
+
+To be portable it is advisable to rename the file.
+
+If you know what you are doing you can disable this check using:
+
+  git config hooks.allownonascii true
+EOF
+	exit 1
+fi
+
+# If there are whitespace errors, print the offending file names and fail.
+exec git diff-index --check --cached $against --
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/pre-push.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/pre-push.sample
new file mode 100755
index 0000000..6187dbf
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/pre-push.sample
@@ -0,0 +1,53 @@
+#!/bin/sh
+
+# An example hook script to verify what is about to be pushed.  Called by "git
+# push" after it has checked the remote status, but before anything has been
+# pushed.  If this script exits with a non-zero status nothing will be pushed.
+#
+# This hook is called with the following parameters:
+#
+# $1 -- Name of the remote to which the push is being done
+# $2 -- URL to which the push is being done
+#
+# If pushing without using a named remote those arguments will be equal.
+#
+# Information about the commits which are being pushed is supplied as lines to
+# the standard input in the form:
+#
+#   <local ref> <local sha1> <remote ref> <remote sha1>
+#
+# This sample shows how to prevent push of commits where the log message starts
+# with "WIP" (work in progress).
+
+remote="$1"
+url="$2"
+
+z40=0000000000000000000000000000000000000000
+
+while read local_ref local_sha remote_ref remote_sha
+do
+	if [ "$local_sha" = $z40 ]
+	then
+		# Handle delete
+		:
+	else
+		if [ "$remote_sha" = $z40 ]
+		then
+			# New branch, examine all commits
+			range="$local_sha"
+		else
+			# Update to existing branch, examine new commits
+			range="$remote_sha..$local_sha"
+		fi
+
+		# Check for WIP commit
+		commit=`git rev-list -n 1 --grep '^WIP' "$range"`
+		if [ -n "$commit" ]
+		then
+			echo >&2 "Found WIP commit in $local_ref, not pushing"
+			exit 1
+		fi
+	fi
+done
+
+exit 0
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/pre-rebase.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/pre-rebase.sample
new file mode 100755
index 0000000..9773ed4
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/pre-rebase.sample
@@ -0,0 +1,169 @@
+#!/bin/sh
+#
+# Copyright (c) 2006, 2008 Junio C Hamano
+#
+# The "pre-rebase" hook is run just before "git rebase" starts doing
+# its job, and can prevent the command from running by exiting with
+# non-zero status.
+#
+# The hook is called with the following parameters:
+#
+# $1 -- the upstream the series was forked from.
+# $2 -- the branch being rebased (or empty when rebasing the current branch).
+#
+# This sample shows how to prevent topic branches that are already
+# merged to 'next' branch from getting rebased, because allowing it
+# would result in rebasing already published history.
+
+publish=next
+basebranch="$1"
+if test "$#" = 2
+then
+	topic="refs/heads/$2"
+else
+	topic=`git symbolic-ref HEAD` ||
+	exit 0 ;# we do not interrupt rebasing detached HEAD
+fi
+
+case "$topic" in
+refs/heads/??/*)
+	;;
+*)
+	exit 0 ;# we do not interrupt others.
+	;;
+esac
+
+# Now we are dealing with a topic branch being rebased
+# on top of master.  Is it OK to rebase it?
+
+# Does the topic really exist?
+git show-ref -q "$topic" || {
+	echo >&2 "No such branch $topic"
+	exit 1
+}
+
+# Is topic fully merged to master?
+not_in_master=`git rev-list --pretty=oneline ^master "$topic"`
+if test -z "$not_in_master"
+then
+	echo >&2 "$topic is fully merged to master; better remove it."
+	exit 1 ;# we could allow it, but there is no point.
+fi
+
+# Is topic ever merged to next?  If so you should not be rebasing it.
+only_next_1=`git rev-list ^master "^$topic" ${publish} | sort`
+only_next_2=`git rev-list ^master           ${publish} | sort`
+if test "$only_next_1" = "$only_next_2"
+then
+	not_in_topic=`git rev-list "^$topic" master`
+	if test -z "$not_in_topic"
+	then
+		echo >&2 "$topic is already up-to-date with master"
+		exit 1 ;# we could allow it, but there is no point.
+	else
+		exit 0
+	fi
+else
+	not_in_next=`git rev-list --pretty=oneline ^${publish} "$topic"`
+	/usr/bin/perl -e '
+		my $topic = $ARGV[0];
+		my $msg = "* $topic has commits already merged to public branch:\n";
+		my (%not_in_next) = map {
+			/^([0-9a-f]+) /;
+			($1 => 1);
+		} split(/\n/, $ARGV[1]);
+		for my $elem (map {
+				/^([0-9a-f]+) (.*)$/;
+				[$1 => $2];
+			} split(/\n/, $ARGV[2])) {
+			if (!exists $not_in_next{$elem->[0]}) {
+				if ($msg) {
+					print STDERR $msg;
+					undef $msg;
+				}
+				print STDERR " $elem->[1]\n";
+			}
+		}
+	' "$topic" "$not_in_next" "$not_in_master"
+	exit 1
+fi
+
+exit 0
+
+################################################################
+
+This sample hook safeguards topic branches that have been
+published from being rewound.
+
+The workflow assumed here is:
+
+ * Once a topic branch forks from "master", "master" is never
+   merged into it again (either directly or indirectly).
+
+ * Once a topic branch is fully cooked and merged into "master",
+   it is deleted.  If you need to build on top of it to correct
+   earlier mistakes, a new topic branch is created by forking at
+   the tip of the "master".  This is not strictly necessary, but
+   it makes it easier to keep your history simple.
+
+ * Whenever you need to test or publish your changes to topic
+   branches, merge them into "next" branch.
+
+The script, being an example, hardcodes the publish branch name
+to be "next", but it is trivial to make it configurable via
+$GIT_DIR/config mechanism.
+
+With this workflow, you would want to know:
+
+(1) ... if a topic branch has ever been merged to "next".  Young
+    topic branches can have stupid mistakes you would rather
+    clean up before publishing, and things that have not been
+    merged into other branches can be easily rebased without
+    affecting other people.  But once it is published, you would
+    not want to rewind it.
+
+(2) ... if a topic branch has been fully merged to "master".
+    Then you can delete it.  More importantly, you should not
+    build on top of it -- other people may already want to
+    change things related to the topic as patches against your
+    "master", so if you need further changes, it is better to
+    fork the topic (perhaps with the same name) afresh from the
+    tip of "master".
+
+Let's look at this example:
+
+		   o---o---o---o---o---o---o---o---o---o "next"
+		  /       /           /           /
+		 /   a---a---b A     /           /
+		/   /               /           /
+	       /   /   c---c---c---c B         /
+	      /   /   /             \         /
+	     /   /   /   b---b C     \       /
+	    /   /   /   /             \     /
+    ---o---o---o---o---o---o---o---o---o---o---o "master"
+
+
+A, B and C are topic branches.
+
+ * A has one fix since it was merged up to "next".
+
+ * B has finished.  It has been fully merged up to "master" and "next",
+   and is ready to be deleted.
+
+ * C has not merged to "next" at all.
+
+We would want to allow C to be rebased, refuse A, and encourage
+B to be deleted.
+
+To compute (1):
+
+	git rev-list ^master ^topic next
+	git rev-list ^master        next
+
+	if these match, topic has not merged in next at all.
+
+To compute (2):
+
+	git rev-list master..topic
+
+	if this is empty, it is fully merged to "master".
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/prepare-commit-msg.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/prepare-commit-msg.sample
new file mode 100755
index 0000000..f093a02
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/prepare-commit-msg.sample
@@ -0,0 +1,36 @@
+#!/bin/sh
+#
+# An example hook script to prepare the commit log message.
+# Called by "git commit" with the name of the file that has the
+# commit message, followed by the description of the commit
+# message's source.  The hook's purpose is to edit the commit
+# message file.  If the hook fails with a non-zero status,
+# the commit is aborted.
+#
+# To enable this hook, rename this file to "prepare-commit-msg".
+
+# This hook includes three examples.  The first comments out the
+# "Conflicts:" part of a merge commit.
+#
+# The second includes the output of "git diff --name-status -r"
+# into the message, just before the "git status" output.  It is
+# commented because it doesn't cope with --amend or with squashed
+# commits.
+#
+# The third example adds a Signed-off-by line to the message, that can
+# still be edited.  This is rarely a good idea.
+
+case "$2,$3" in
+  merge,)
+    /usr/bin/perl -i.bak -ne 's/^/# /, s/^# #/#/ if /^Conflicts/ .. /#/; print' "$1" ;;
+
+# ,|template,)
+#   /usr/bin/perl -i.bak -pe '
+#      print "\n" . `git diff --cached --name-status -r`
+#	 if /^#/ && $first++ == 0' "$1" ;;
+
+  *) ;;
+esac
+
+# SOB=$(git var GIT_AUTHOR_IDENT | sed -n 's/^\(.*>\).*$/Signed-off-by: \1/p')
+# grep -qs "^$SOB" "$1" || echo "$SOB" >> "$1"
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/update.sample b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/update.sample
new file mode 100755
index 0000000..80ba941
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/hooks/update.sample
@@ -0,0 +1,128 @@
+#!/bin/sh
+#
+# An example hook script to block unannotated tags from entering.
+# Called by "git receive-pack" with arguments: refname sha1-old sha1-new
+#
+# To enable this hook, rename this file to "update".
+#
+# Config
+# ------
+# hooks.allowunannotated
+#   This boolean sets whether unannotated tags will be allowed into the
+#   repository.  By default they won't be.
+# hooks.allowdeletetag
+#   This boolean sets whether deleting tags will be allowed in the
+#   repository.  By default they won't be.
+# hooks.allowmodifytag
+#   This boolean sets whether a tag may be modified after creation. By default
+#   it won't be.
+# hooks.allowdeletebranch
+#   This boolean sets whether deleting branches will be allowed in the
+#   repository.  By default they won't be.
+# hooks.denycreatebranch
+#   This boolean sets whether remotely creating branches will be denied
+#   in the repository.  By default this is allowed.
+#
+
+# --- Command line
+refname="$1"
+oldrev="$2"
+newrev="$3"
+
+# --- Safety check
+if [ -z "$GIT_DIR" ]; then
+	echo "Don't run this script from the command line." >&2
+	echo " (if you want, you could supply GIT_DIR then run" >&2
+	echo "  $0 <ref> <oldrev> <newrev>)" >&2
+	exit 1
+fi
+
+if [ -z "$refname" -o -z "$oldrev" -o -z "$newrev" ]; then
+	echo "usage: $0 <ref> <oldrev> <newrev>" >&2
+	exit 1
+fi
+
+# --- Config
+allowunannotated=$(git config --bool hooks.allowunannotated)
+allowdeletebranch=$(git config --bool hooks.allowdeletebranch)
+denycreatebranch=$(git config --bool hooks.denycreatebranch)
+allowdeletetag=$(git config --bool hooks.allowdeletetag)
+allowmodifytag=$(git config --bool hooks.allowmodifytag)
+
+# check for no description
+projectdesc=$(sed -e '1q' "$GIT_DIR/description")
+case "$projectdesc" in
+"Unnamed repository"* | "")
+	echo "*** Project description file hasn't been set" >&2
+	exit 1
+	;;
+esac
+
+# --- Check types
+# if $newrev is 0000...0000, it's a commit to delete a ref.
+zero="0000000000000000000000000000000000000000"
+if [ "$newrev" = "$zero" ]; then
+	newrev_type=delete
+else
+	newrev_type=$(git cat-file -t $newrev)
+fi
+
+case "$refname","$newrev_type" in
+	refs/tags/*,commit)
+		# un-annotated tag
+		short_refname=${refname##refs/tags/}
+		if [ "$allowunannotated" != "true" ]; then
+			echo "*** The un-annotated tag, $short_refname, is not allowed in this repository" >&2
+			echo "*** Use 'git tag [ -a | -s ]' for tags you want to propagate." >&2
+			exit 1
+		fi
+		;;
+	refs/tags/*,delete)
+		# delete tag
+		if [ "$allowdeletetag" != "true" ]; then
+			echo "*** Deleting a tag is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/tags/*,tag)
+		# annotated tag
+		if [ "$allowmodifytag" != "true" ] && git rev-parse $refname > /dev/null 2>&1
+		then
+			echo "*** Tag '$refname' already exists." >&2
+			echo "*** Modifying a tag is not allowed in this repository." >&2
+			exit 1
+		fi
+		;;
+	refs/heads/*,commit)
+		# branch
+		if [ "$oldrev" = "$zero" -a "$denycreatebranch" = "true" ]; then
+			echo "*** Creating a branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/heads/*,delete)
+		# delete branch
+		if [ "$allowdeletebranch" != "true" ]; then
+			echo "*** Deleting a branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	refs/remotes/*,commit)
+		# tracking branch
+		;;
+	refs/remotes/*,delete)
+		# delete tracking branch
+		if [ "$allowdeletebranch" != "true" ]; then
+			echo "*** Deleting a tracking branch is not allowed in this repository" >&2
+			exit 1
+		fi
+		;;
+	*)
+		# Anything else (is there anything else?)
+		echo "*** Update hook: unknown type of update to ref $refname of type $newrev_type" >&2
+		exit 1
+		;;
+esac
+
+# --- Finished
+exit 0
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/index b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/index
new file mode 100644
index 0000000..ac6d4fd
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/index differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/info/exclude b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/info/exclude
new file mode 100644
index 0000000..a5196d1
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/info/exclude
@@ -0,0 +1,6 @@
+# git ls-files --others --exclude-from=.git/info/exclude
+# Lines that start with '#' are comments.
+# For a project mostly in C, the following would be a good set of
+# exclude patterns (uncomment them if you want to use them):
+# *.[oa]
+# *~
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/info/refs b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/info/refs
new file mode 100644
index 0000000..9c9037a
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/info/refs
@@ -0,0 +1 @@
+71ebe5d70c8634f7531cc09c1cad5dae951a9052	refs/heads/master
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/logs/HEAD b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/logs/HEAD
new file mode 100644
index 0000000..e69de29
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/logs/refs/heads/master b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/logs/refs/heads/master
new file mode 100644
index 0000000..e69de29
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/objects/info/packs b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/objects/info/packs
new file mode 100644
index 0000000..bbfa012
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/objects/info/packs
@@ -0,0 +1,2 @@
+P pack-71e0b18bc4675e30d48c891ae9bfc2487ec6e0bb.pack
+
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/objects/pack/pack-71e0b18bc4675e30d48c891ae9bfc2487ec6e0bb.idx b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/objects/pack/pack-71e0b18bc4675e30d48c891ae9bfc2487ec6e0bb.idx
new file mode 100644
index 0000000..30d5e13
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/objects/pack/pack-71e0b18bc4675e30d48c891ae9bfc2487ec6e0bb.idx differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/objects/pack/pack-71e0b18bc4675e30d48c891ae9bfc2487ec6e0bb.pack b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/objects/pack/pack-71e0b18bc4675e30d48c891ae9bfc2487ec6e0bb.pack
new file mode 100644
index 0000000..d28e3bd
Binary files /dev/null and b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/objects/pack/pack-71e0b18bc4675e30d48c891ae9bfc2487ec6e0bb.pack differ
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/packed-refs b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/packed-refs
new file mode 100644
index 0000000..102f77f
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/DOTgit/packed-refs
@@ -0,0 +1,2 @@
+# pack-refs with: peeled fully-peeled 
+71ebe5d70c8634f7531cc09c1cad5dae951a9052 refs/heads/master
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/file1.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/file1.txt
new file mode 100644
index 0000000..e69de29
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/file2.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/bridge/repo/GitProjectRepoTest/rootdir/without_incoming/file2.txt
new file mode 100644
index 0000000..e69de29
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfFileNamesAreNotEqual/neq1/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfFileNamesAreNotEqual/neq1/file.txt
new file mode 100644
index 0000000..e56e15b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfFileNamesAreNotEqual/neq1/file.txt
@@ -0,0 +1 @@
+12345
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfFileNamesAreNotEqual/neq1/neq1.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfFileNamesAreNotEqual/neq1/neq1.txt
new file mode 100644
index 0000000..e69de29
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfFileNamesAreNotEqual/neq2/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfFileNamesAreNotEqual/neq2/file.txt
new file mode 100644
index 0000000..e56e15b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfFileNamesAreNotEqual/neq2/file.txt
@@ -0,0 +1 @@
+12345
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfFileNamesAreNotEqual/neq2/neq2.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfFileNamesAreNotEqual/neq2/neq2.txt
new file mode 100644
index 0000000..e69de29
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfInnerDirectoryNamesAreNotEqual/neq1/neq1/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfInnerDirectoryNamesAreNotEqual/neq1/neq1/file.txt
new file mode 100644
index 0000000..e56e15b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfInnerDirectoryNamesAreNotEqual/neq1/neq1/file.txt
@@ -0,0 +1 @@
+12345
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfInnerDirectoryNamesAreNotEqual/neq2/neq2/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfInnerDirectoryNamesAreNotEqual/neq2/neq2/file.txt
new file mode 100644
index 0000000..e56e15b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseIfInnerDirectoryNamesAreNotEqual/neq2/neq2/file.txt
@@ -0,0 +1 @@
+12345
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenFilesAreNotEqualInBothDirectories/neq1/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenFilesAreNotEqualInBothDirectories/neq1/file.txt
new file mode 100644
index 0000000..e56e15b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenFilesAreNotEqualInBothDirectories/neq1/file.txt
@@ -0,0 +1 @@
+12345
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenFilesAreNotEqualInBothDirectories/neq2/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenFilesAreNotEqualInBothDirectories/neq2/file.txt
new file mode 100644
index 0000000..81c545e
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenFilesAreNotEqualInBothDirectories/neq2/file.txt
@@ -0,0 +1 @@
+1234
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenRecursiveFilesAreNotEqualInBothDirectories/neq1/dir/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenRecursiveFilesAreNotEqualInBothDirectories/neq1/dir/file.txt
new file mode 100644
index 0000000..274c005
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenRecursiveFilesAreNotEqualInBothDirectories/neq1/dir/file.txt
@@ -0,0 +1 @@
+1234
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenRecursiveFilesAreNotEqualInBothDirectories/neq1/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenRecursiveFilesAreNotEqualInBothDirectories/neq1/file.txt
new file mode 100644
index 0000000..e56e15b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenRecursiveFilesAreNotEqualInBothDirectories/neq1/file.txt
@@ -0,0 +1 @@
+12345
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenRecursiveFilesAreNotEqualInBothDirectories/neq2/dir/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenRecursiveFilesAreNotEqualInBothDirectories/neq2/dir/file.txt
new file mode 100644
index 0000000..d800886
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenRecursiveFilesAreNotEqualInBothDirectories/neq2/dir/file.txt
@@ -0,0 +1 @@
+123
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenRecursiveFilesAreNotEqualInBothDirectories/neq2/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenRecursiveFilesAreNotEqualInBothDirectories/neq2/file.txt
new file mode 100644
index 0000000..e56e15b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsFalseWhenRecursiveFilesAreNotEqualInBothDirectories/neq2/file.txt
@@ -0,0 +1 @@
+12345
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueEvenIfGitDirectoriesAreNotEqual/eq1/dir/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueEvenIfGitDirectoriesAreNotEqual/eq1/dir/file.txt
new file mode 100644
index 0000000..d800886
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueEvenIfGitDirectoriesAreNotEqual/eq1/dir/file.txt
@@ -0,0 +1 @@
+123
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueEvenIfGitDirectoriesAreNotEqual/eq1/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueEvenIfGitDirectoriesAreNotEqual/eq1/file.txt
new file mode 100644
index 0000000..e56e15b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueEvenIfGitDirectoriesAreNotEqual/eq1/file.txt
@@ -0,0 +1 @@
+12345
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueEvenIfGitDirectoriesAreNotEqual/eq2/dir/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueEvenIfGitDirectoriesAreNotEqual/eq2/dir/file.txt
new file mode 100644
index 0000000..d800886
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueEvenIfGitDirectoriesAreNotEqual/eq2/dir/file.txt
@@ -0,0 +1 @@
+123
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueEvenIfGitDirectoriesAreNotEqual/eq2/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueEvenIfGitDirectoriesAreNotEqual/eq2/file.txt
new file mode 100644
index 0000000..e56e15b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueEvenIfGitDirectoriesAreNotEqual/eq2/file.txt
@@ -0,0 +1 @@
+12345
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenFilesAreEqualInBothDirectories/eq1/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenFilesAreEqualInBothDirectories/eq1/file.txt
new file mode 100644
index 0000000..e56e15b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenFilesAreEqualInBothDirectories/eq1/file.txt
@@ -0,0 +1 @@
+12345
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenFilesAreEqualInBothDirectories/eq2/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenFilesAreEqualInBothDirectories/eq2/file.txt
new file mode 100644
index 0000000..e56e15b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenFilesAreEqualInBothDirectories/eq2/file.txt
@@ -0,0 +1 @@
+12345
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenRecursiveFilesAreEqualInBothDirectories/eq1/dir/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenRecursiveFilesAreEqualInBothDirectories/eq1/dir/file.txt
new file mode 100644
index 0000000..d800886
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenRecursiveFilesAreEqualInBothDirectories/eq1/dir/file.txt
@@ -0,0 +1 @@
+123
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenRecursiveFilesAreEqualInBothDirectories/eq1/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenRecursiveFilesAreEqualInBothDirectories/eq1/file.txt
new file mode 100644
index 0000000..e56e15b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenRecursiveFilesAreEqualInBothDirectories/eq1/file.txt
@@ -0,0 +1 @@
+12345
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenRecursiveFilesAreEqualInBothDirectories/eq2/dir/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenRecursiveFilesAreEqualInBothDirectories/eq2/dir/file.txt
new file mode 100644
index 0000000..d800886
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenRecursiveFilesAreEqualInBothDirectories/eq2/dir/file.txt
@@ -0,0 +1 @@
+123
\ No newline at end of file
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenRecursiveFilesAreEqualInBothDirectories/eq2/file.txt b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenRecursiveFilesAreEqualInBothDirectories/eq2/file.txt
new file mode 100644
index 0000000..e56e15b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/snapshot/servermock/util/FileUtilTest/returnsTrueWhenRecursiveFilesAreEqualInBothDirectories/eq2/file.txt
@@ -0,0 +1 @@
+12345
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/dir_with_empty_file/empty b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/dir_with_empty_file/empty
new file mode 100644
index 0000000..e69de29
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/testdir/file1 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/testdir/file1
new file mode 100644
index 0000000..e212970
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/testdir/file1
@@ -0,0 +1 @@
+file1
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/testdir/file2 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/testdir/file2
new file mode 100644
index 0000000..6c493ff
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/testdir/file2
@@ -0,0 +1 @@
+file2
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/testdir/nest1/file1 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/testdir/nest1/file1
new file mode 100644
index 0000000..5c441e6
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/testdir/nest1/file1
@@ -0,0 +1 @@
+nest1/file1
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/testdir/nest1/file2 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/testdir/nest1/file2
new file mode 100644
index 0000000..2b7361b
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/testdir/nest1/file2
@@ -0,0 +1 @@
+nest1file2
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/testdir/nest1/file3 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/testdir/nest1/file3
new file mode 100644
index 0000000..ac69189
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/testdir/nest1/file3
@@ -0,0 +1 @@
+nest1/file3
diff --git a/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/testdir/nest1/nest2/file1 b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/testdir/nest1/nest2/file1
new file mode 100644
index 0000000..5e92e63
--- /dev/null
+++ b/services/git-bridge/src/test/resources/uk/ac/ic/wlgitbridge/util/TarTest/testdir/nest1/nest2/file1
@@ -0,0 +1 @@
+nest1/nest2/file1
diff --git a/services/git-bridge/start.sh b/services/git-bridge/start.sh
new file mode 100755
index 0000000..714eeba
--- /dev/null
+++ b/services/git-bridge/start.sh
@@ -0,0 +1,15 @@
+#!/bin/sh
+
+/opt/envsubst < /envsubst_template.json > /conf/runtime.json
+
+VERSION=$(date +%y%m%d%H%M%S)
+
+if [ -z "$GIT_BRIDGE_JVM_ARGS" ]; then
+  GIT_BRIDGE_JVM_ARGS="-XX:+UseContainerSupport -XX:MaxRAMPercentage=50.0"
+fi
+
+if [ "$ENABLE_PROFILE_AGENT" = "true" ]; then
+  GIT_BRIDGE_JVM_ARGS="-agentpath:/opt/cprof/profiler_java_agent.so=-cprof_service=git-bridge,-cprof_service_version=${VERSION},-cprof_enable_heap_sampling=true ${GIT_BRIDGE_JVM_ARGS}"
+fi
+
+exec java $GIT_BRIDGE_JVM_ARGS -jar /git-bridge.jar /conf/runtime.json
diff --git a/services/git-bridge/vendor/envsubst b/services/git-bridge/vendor/envsubst
new file mode 100755
index 0000000..f7ad808
Binary files /dev/null and b/services/git-bridge/vendor/envsubst differ
diff --git a/services/history-v1/.gitignore b/services/history-v1/.gitignore
new file mode 100644
index 0000000..edb0f85
--- /dev/null
+++ b/services/history-v1/.gitignore
@@ -0,0 +1,3 @@
+
+# managed by monorepo$ bin/update_build_scripts
+.npmrc
diff --git a/services/history-v1/.mocharc.json b/services/history-v1/.mocharc.json
new file mode 100644
index 0000000..dc3280a
--- /dev/null
+++ b/services/history-v1/.mocharc.json
@@ -0,0 +1,3 @@
+{
+  "require": "test/setup.js"
+}
diff --git a/services/history-v1/.nvmrc b/services/history-v1/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/services/history-v1/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/services/history-v1/Dockerfile b/services/history-v1/Dockerfile
new file mode 100644
index 0000000..0aa6a2f
--- /dev/null
+++ b/services/history-v1/Dockerfile
@@ -0,0 +1,32 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+FROM node:20.18.2 AS base
+
+WORKDIR /overleaf/services/history-v1
+COPY services/history-v1/install_deps.sh /overleaf/services/history-v1/
+RUN chmod 0755 ./install_deps.sh && ./install_deps.sh
+
+# Google Cloud Storage needs a writable $HOME/.config for resumable uploads
+# (see https://googleapis.dev/nodejs/storage/latest/File.html#createWriteStream)
+RUN mkdir /home/node/.config && chown node:node /home/node/.config
+
+# fs persistor needs a writable folder as a target for the mounted volume
+RUN mkdir /buckets && chown node:node /buckets
+
+FROM base AS app
+
+COPY package.json package-lock.json /overleaf/
+COPY services/history-v1/package.json /overleaf/services/history-v1/
+COPY libraries/ /overleaf/libraries/
+COPY patches/ /overleaf/patches/
+
+RUN cd /overleaf && npm ci --quiet
+
+COPY services/history-v1/ /overleaf/services/history-v1/
+
+FROM app
+USER node
+
+CMD ["node", "--expose-gc", "app.js"]
diff --git a/services/history-v1/Makefile b/services/history-v1/Makefile
new file mode 100644
index 0000000..1f03a21
--- /dev/null
+++ b/services/history-v1/Makefile
@@ -0,0 +1,156 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+BUILD_NUMBER ?= local
+BRANCH_NAME ?= $(shell git rev-parse --abbrev-ref HEAD)
+PROJECT_NAME = history-v1
+BUILD_DIR_NAME = $(shell pwd | xargs basename | tr -cd '[a-zA-Z0-9_.\-]')
+
+DOCKER_COMPOSE_FLAGS ?= -f docker-compose.yml
+DOCKER_COMPOSE := BUILD_NUMBER=$(BUILD_NUMBER) \
+	BRANCH_NAME=$(BRANCH_NAME) \
+	PROJECT_NAME=$(PROJECT_NAME) \
+	MOCHA_GREP=${MOCHA_GREP} \
+	docker compose ${DOCKER_COMPOSE_FLAGS}
+
+COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE ?= test_acceptance_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_ACCEPTANCE = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE) $(DOCKER_COMPOSE)
+
+COMPOSE_PROJECT_NAME_TEST_UNIT ?= test_unit_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_UNIT = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_UNIT) $(DOCKER_COMPOSE)
+
+clean:
+	-docker rmi ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-docker rmi us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-$(DOCKER_COMPOSE_TEST_UNIT) down --rmi local
+	-$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down --rmi local
+
+HERE=$(shell pwd)
+MONOREPO=$(shell cd ../../ && pwd)
+# Run the linting commands in the scope of the monorepo.
+# Eslint and prettier (plus some configs) are on the root.
+RUN_LINTING = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(HERE) node:20.18.2 npm run --silent
+
+RUN_LINTING_CI = docker run --rm --volume $(MONOREPO)/.editorconfig:/overleaf/.editorconfig --volume $(MONOREPO)/.eslintignore:/overleaf/.eslintignore --volume $(MONOREPO)/.eslintrc:/overleaf/.eslintrc --volume $(MONOREPO)/.prettierignore:/overleaf/.prettierignore --volume $(MONOREPO)/.prettierrc:/overleaf/.prettierrc --volume $(MONOREPO)/tsconfig.backend.json:/overleaf/tsconfig.backend.json ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) npm run --silent
+
+# Same but from the top of the monorepo
+RUN_LINTING_MONOREPO = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(MONOREPO) node:20.18.2 npm run --silent
+
+SHELLCHECK_OPTS = \
+	--shell=bash \
+	--external-sources
+SHELLCHECK_COLOR := $(if $(CI),--color=never,--color)
+SHELLCHECK_FILES := { git ls-files "*.sh" -z; git grep -Plz "\A\#\!.*bash"; } | sort -zu
+
+shellcheck:
+	@$(SHELLCHECK_FILES) | xargs -0 -r docker run --rm -v $(HERE):/mnt -w /mnt \
+		koalaman/shellcheck:stable $(SHELLCHECK_OPTS) $(SHELLCHECK_COLOR)
+
+shellcheck_fix:
+	@$(SHELLCHECK_FILES) | while IFS= read -r -d '' file; do \
+		diff=$$(docker run --rm -v $(HERE):/mnt -w /mnt koalaman/shellcheck:stable $(SHELLCHECK_OPTS) --format=diff "$$file" 2>/dev/null); \
+		if [ -n "$$diff" ] && ! echo "$$diff" | patch -p1 >/dev/null 2>&1; then echo "\033[31m$$file\033[0m"; \
+		elif [ -n "$$diff" ]; then echo "$$file"; \
+		else echo "\033[2m$$file\033[0m"; fi \
+	done
+
+format:
+	$(RUN_LINTING) format
+
+format_ci:
+	$(RUN_LINTING_CI) format
+
+format_fix:
+	$(RUN_LINTING) format:fix
+
+lint:
+	$(RUN_LINTING) lint
+
+lint_ci:
+	$(RUN_LINTING_CI) lint
+
+lint_fix:
+	$(RUN_LINTING) lint:fix
+
+typecheck:
+	$(RUN_LINTING) types:check
+
+typecheck_ci:
+	$(RUN_LINTING_CI) types:check
+
+test: format lint typecheck shellcheck test_unit test_acceptance
+
+test_unit:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) run --rm test_unit
+	$(MAKE) test_unit_clean
+endif
+
+test_clean: test_unit_clean
+test_unit_clean:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) down -v -t 0
+endif
+
+test_acceptance: test_acceptance_clean test_acceptance_pre_run test_acceptance_run
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_debug: test_acceptance_clean test_acceptance_pre_run test_acceptance_run_debug
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_run:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance
+endif
+
+test_acceptance_run_debug:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run -p 127.0.0.9:19999:19999 --rm test_acceptance npm run test:acceptance -- --inspect=0.0.0.0:19999 --inspect-brk
+endif
+
+test_clean: test_acceptance_clean
+test_acceptance_clean:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down -v -t 0
+
+test_acceptance_pre_run:
+ifneq (,$(wildcard test/acceptance/js/scripts/pre-run))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance test/acceptance/js/scripts/pre-run
+endif
+
+benchmarks:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance npm run benchmarks
+
+build:
+	docker build \
+		--pull \
+		--build-arg BUILDKIT_INLINE_CACHE=1 \
+		--tag ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):main \
+		--file Dockerfile \
+		../..
+
+tar:
+	$(DOCKER_COMPOSE) up tar
+
+publish:
+
+	docker push $(DOCKER_REPO)/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+
+
+.PHONY: clean \
+	format format_fix \
+	lint lint_fix \
+	build_types typecheck \
+	lint_ci format_ci typecheck_ci \
+	shellcheck shellcheck_fix \
+	test test_clean test_unit test_unit_clean \
+	test_acceptance test_acceptance_debug test_acceptance_pre_run \
+	test_acceptance_run test_acceptance_run_debug test_acceptance_clean \
+	benchmarks \
+	build tar publish \
diff --git a/services/history-v1/README.md b/services/history-v1/README.md
new file mode 100644
index 0000000..9591159
--- /dev/null
+++ b/services/history-v1/README.md
@@ -0,0 +1,51 @@
+## Database migrations
+
+The history service uses knex to manage PostgreSQL migrations.
+
+To create a new migrations, run:
+```
+npx knex migrate:make migration_name
+```
+
+To apply migrations, run:
+```
+npx knex migrate:latest
+```
+
+For more information, consult the [knex migrations
+guide](https://knexjs.org/guide/migrations.html#migration-cli).
+
+## Global blobs
+
+Global blobs are blobs that are shared between projects. The list of global
+blobs is stored in the projectHistoryGlobalBlobs Mongo collection and is read
+when the service starts. Changing the list of global blobs needs to be done
+carefully.
+
+### Adding a blob to the global blobs list
+
+If we identify a blob that appears in many projects, we might want to move that
+blob to the global blobs list.
+
+1. Add a record for the blob to the projectHistoryGlobalBlobs collection.
+2. Restart the history service.
+3. Delete any corresponding project blobs.
+
+### Removing a blob from the global blobs list
+
+Removing a blob from the global blobs list is trickier. As soon as the global
+blob is made unavailable, every project that needs the blob will have to get
+its own copy. To avoid disruptions, follow these steps:
+
+1. In the projectHistoryGlobalBlobs collection, set the `demoted` property to
+   `false` on the global blob to remove. This will make the history system
+   write new instances of this blob to project blobs, but still read from the
+   global blob.
+
+2. Restart the history service.
+
+3. Copy the blob to all projects that need it.
+
+4. Remove the blob from the projectHistoryGlobalBlobs collection.
+
+5. Restart the history service.
diff --git a/services/history-v1/api/app/security.js b/services/history-v1/api/app/security.js
new file mode 100644
index 0000000..08d6f03
--- /dev/null
+++ b/services/history-v1/api/app/security.js
@@ -0,0 +1,149 @@
+'use strict'
+
+const basicAuth = require('basic-auth')
+const config = require('config')
+const HTTPStatus = require('http-status')
+const jwt = require('jsonwebtoken')
+const tsscmp = require('tsscmp')
+
+function setupBasicHttpAuthForSwaggerDocs(app) {
+  app.use('/docs', function (req, res, next) {
+    if (hasValidBasicAuthCredentials(req)) {
+      return next()
+    }
+
+    res.header('WWW-Authenticate', 'Basic realm="Application"')
+    res.status(HTTPStatus.UNAUTHORIZED).end()
+  })
+}
+
+exports.setupBasicHttpAuthForSwaggerDocs = setupBasicHttpAuthForSwaggerDocs
+
+function hasValidBasicAuthCredentials(req) {
+  const credentials = basicAuth(req)
+  if (!credentials) return false
+
+  // No security in the name, so just use straight comparison.
+  if (credentials.name !== 'staging') return false
+
+  const password = config.get('basicHttpAuth.password')
+  if (password && tsscmp(credentials.pass, password)) return true
+
+  // Support an old password so we can change the password without downtime.
+  if (config.has('basicHttpAuth.oldPassword')) {
+    const oldPassword = config.get('basicHttpAuth.oldPassword')
+    if (oldPassword && tsscmp(credentials.pass, oldPassword)) return true
+  }
+
+  return false
+}
+
+function setupSSL(app) {
+  const httpsOnly = config.get('httpsOnly') === 'true'
+  if (!httpsOnly) {
+    return
+  }
+  app.enable('trust proxy')
+  app.use(function (req, res, next) {
+    if (req.protocol === 'https') {
+      next()
+      return
+    }
+    if (req.method === 'GET' || req.method === 'HEAD') {
+      res.redirect('https://' + req.headers.host + req.url)
+    } else {
+      res
+        .status(HTTPStatus.FORBIDDEN)
+        .send('Please use HTTPS when submitting data to this server.')
+    }
+  })
+}
+
+exports.setupSSL = setupSSL
+
+function handleJWTAuth(req, authOrSecDef, scopesOrApiKey, next) {
+  // as a temporary solution, to make the OT demo still work
+  // this handler will also check for basic authorization
+  if (hasValidBasicAuthCredentials(req)) {
+    return next()
+  }
+  let token, err
+  if (authOrSecDef.name === 'token') {
+    token = req.query.token
+  } else if (
+    req.headers.authorization &&
+    req.headers.authorization.split(' ')[0] === 'Bearer'
+  ) {
+    token = req.headers.authorization.split(' ')[1]
+  }
+  if (!token) {
+    err = new Error('jwt missing')
+    err.statusCode = HTTPStatus.UNAUTHORIZED
+    err.headers = { 'WWW-Authenticate': 'Bearer' }
+    return next(err)
+  }
+  let decoded
+  try {
+    decoded = decodeJWT(token)
+  } catch (error) {
+    if (
+      error instanceof jwt.JsonWebTokenError ||
+      error instanceof jwt.TokenExpiredError
+    ) {
+      err = new Error(error.message)
+      err.statusCode = HTTPStatus.UNAUTHORIZED
+      err.headers = { 'WWW-Authenticate': 'Bearer error="invalid_token"' }
+      return next(err)
+    }
+    throw error
+  }
+  if (decoded.project_id.toString() !== req.swagger.params.project_id.value) {
+    err = new Error('Wrong project_id')
+    err.statusCode = HTTPStatus.FORBIDDEN
+    return next(err)
+  }
+  next()
+}
+
+exports.hasValidBasicAuthCredentials = hasValidBasicAuthCredentials
+
+/**
+ * Verify and decode the given JSON Web Token
+ */
+function decodeJWT(token) {
+  const key = config.get('jwtAuth.key')
+  const algorithm = config.get('jwtAuth.algorithm')
+  try {
+    return jwt.verify(token, key, { algorithms: [algorithm] })
+  } catch (err) {
+    // Support an old key so we can change the key without downtime.
+    if (config.has('jwtAuth.oldKey')) {
+      const oldKey = config.get('jwtAuth.oldKey')
+      return jwt.verify(token, oldKey, { algorithms: [algorithm] })
+    } else {
+      throw err
+    }
+  }
+}
+function handleBasicAuth(req, authOrSecDef, scopesOrApiKey, next) {
+  if (hasValidBasicAuthCredentials(req)) {
+    return next()
+  }
+  const error = new Error()
+  error.statusCode = HTTPStatus.UNAUTHORIZED
+  error.headers = { 'WWW-Authenticate': 'Basic realm="Application"' }
+  return next(error)
+}
+
+function getSwaggerHandlers() {
+  const handlers = {}
+  if (!config.has('jwtAuth.key') || !config.has('basicHttpAuth.password')) {
+    throw new Error('missing authentication env vars')
+  }
+  handlers.jwt = handleJWTAuth
+  handlers.basic = handleBasicAuth
+  handlers.token = handleJWTAuth
+  return handlers
+}
+
+exports.getSwaggerHandlers = getSwaggerHandlers
diff --git a/services/history-v1/api/controllers/expressify.js b/services/history-v1/api/controllers/expressify.js
new file mode 100644
index 0000000..5eee15f
--- /dev/null
+++ b/services/history-v1/api/controllers/expressify.js
@@ -0,0 +1,10 @@
+/**
+ * Turn an async function into an Express middleware
+ */
+function expressify(fn) {
+  return (req, res, next) => {
+    fn(req, res, next).catch(next)
+  }
+}
+
+module.exports = expressify
diff --git a/services/history-v1/api/controllers/health_checks.js b/services/history-v1/api/controllers/health_checks.js
new file mode 100644
index 0000000..e9f7176
--- /dev/null
+++ b/services/history-v1/api/controllers/health_checks.js
@@ -0,0 +1,23 @@
+const logger = require('@overleaf/logger')
+const expressify = require('./expressify')
+const { mongodb } = require('../../storage')
+
+async function status(req, res) {
+  try {
+    await mongodb.db.command({ ping: 1 })
+  } catch (err) {
+    logger.warn({ err }, 'Lost connection with MongoDB')
+    res.status(500).send('Lost connection with MongoDB')
+    return
+  }
+  res.send('history-v1 is up')
+}
+
+function healthCheck(req, res) {
+  res.send('OK')
+}
+
+module.exports = {
+  status: expressify(status),
+  healthCheck,
+}
diff --git a/services/history-v1/api/controllers/project_import.js b/services/history-v1/api/controllers/project_import.js
new file mode 100644
index 0000000..5dec84d
--- /dev/null
+++ b/services/history-v1/api/controllers/project_import.js
@@ -0,0 +1,141 @@
+// @ts-check
+
+'use strict'
+
+const { expressify } = require('@overleaf/promise-utils')
+
+const HTTPStatus = require('http-status')
+
+const core = require('overleaf-editor-core')
+const Change = core.Change
+const Chunk = core.Chunk
+const File = core.File
+const FileMap = core.FileMap
+const Snapshot = core.Snapshot
+const TextOperation = core.TextOperation
+
+const logger = require('@overleaf/logger')
+
+const storage = require('../../storage')
+const BatchBlobStore = storage.BatchBlobStore
+const BlobStore = storage.BlobStore
+const chunkStore = storage.chunkStore
+const HashCheckBlobStore = storage.HashCheckBlobStore
+const persistChanges = storage.persistChanges
+const InvalidChangeError = storage.InvalidChangeError
+
+const render = require('./render')
+
+async function importSnapshot(req, res) {
+  const projectId = req.swagger.params.project_id.value
+  const rawSnapshot = req.swagger.params.snapshot.value
+
+  let snapshot
+
+  try {
+    snapshot = Snapshot.fromRaw(rawSnapshot)
+  } catch (err) {
+    return render.unprocessableEntity(res)
+  }
+
+  let historyId
+  try {
+    historyId = await chunkStore.initializeProject(projectId, snapshot)
+  } catch (err) {
+    if (err instanceof chunkStore.AlreadyInitialized) {
+      return render.conflict(res)
+    } else {
+      throw err
+    }
+  }
+
+  res.status(HTTPStatus.OK).json({ projectId: historyId })
+}
+
+async function importChanges(req, res, next) {
+  const projectId = req.swagger.params.project_id.value
+  const rawChanges = req.swagger.params.changes.value
+  const endVersion = req.swagger.params.end_version.value
+  const returnSnapshot = req.swagger.params.return_snapshot.value || 'none'
+
+  let changes
+
+  try {
+    changes = rawChanges.map(Change.fromRaw)
+  } catch (err) {
+    logger.warn({ err, projectId }, 'failed to parse changes')
+    return render.unprocessableEntity(res)
+  }
+
+  // Set limits to force us to persist all of the changes.
+  const farFuture = new Date()
+  farFuture.setTime(farFuture.getTime() + 7 * 24 * 3600 * 1000)
+  const limits = {
+    maxChanges: 0,
+    minChangeTimestamp: farFuture,
+    maxChangeTimestamp: farFuture,
+  }
+
+  const blobStore = new BlobStore(projectId)
+  const batchBlobStore = new BatchBlobStore(blobStore)
+  const hashCheckBlobStore = new HashCheckBlobStore(blobStore)
+
+  async function loadFiles() {
+    const blobHashes = new Set()
+    for (const change of changes) {
+      // This populates the set blobHashes with blobs referred to in the change
+      change.findBlobHashes(blobHashes)
+    }
+
+    await batchBlobStore.preload(Array.from(blobHashes))
+
+    for (const change of changes) {
+      await change.loadFiles('lazy', batchBlobStore)
+    }
+  }
+
+  async function buildResultSnapshot(resultChunk) {
+    const chunk = resultChunk || (await chunkStore.loadLatest(projectId))
+    const snapshot = chunk.getSnapshot()
+    snapshot.applyAll(chunk.getChanges())
+    const rawSnapshot = await snapshot.store(hashCheckBlobStore)
+    return rawSnapshot
+  }
+
+  await loadFiles()
+
+  let result
+  try {
+    result = await persistChanges(projectId, changes, limits, endVersion)
+  } catch (err) {
+    if (
+      err instanceof Chunk.ConflictingEndVersion ||
+      err instanceof TextOperation.UnprocessableError ||
+      err instanceof File.NotEditableError ||
+      err instanceof FileMap.PathnameError ||
+      err instanceof Snapshot.EditMissingFileError ||
+      err instanceof chunkStore.ChunkVersionConflictError ||
+      err instanceof InvalidChangeError
+    ) {
+      // If we failed to apply operations, that's probably because they were
+      // invalid.
+      logger.warn({ err, projectId, endVersion }, 'changes rejected by history')
+      return render.unprocessableEntity(res)
+    } else if (err instanceof Chunk.NotFoundError) {
+      logger.warn({ err, projectId }, 'chunk not found')
+      return render.notFound(res)
+    } else {
+      throw err
+    }
+  }
+
+  if (returnSnapshot === 'none') {
+    res.status(HTTPStatus.CREATED).json({})
+  } else {
+    const rawSnapshot = await buildResultSnapshot(result && result.currentChunk)
+    res.status(HTTPStatus.CREATED).json(rawSnapshot)
+  }
+}
+
+exports.importSnapshot = expressify(importSnapshot)
+exports.importChanges = expressify(importChanges)
diff --git a/services/history-v1/api/controllers/projects.js b/services/history-v1/api/controllers/projects.js
new file mode 100644
index 0000000..6770758
--- /dev/null
+++ b/services/history-v1/api/controllers/projects.js
@@ -0,0 +1,388 @@
+'use strict'
+
+const _ = require('lodash')
+const Path = require('node:path')
+const Stream = require('node:stream')
+const HTTPStatus = require('http-status')
+const fs = require('node:fs')
+const { promisify } = require('node:util')
+const config = require('config')
+const OError = require('@overleaf/o-error')
+
+const logger = require('@overleaf/logger')
+const { Chunk, ChunkResponse, Blob } = require('overleaf-editor-core')
+const {
+  BlobStore,
+  blobHash,
+  chunkStore,
+  HashCheckBlobStore,
+  ProjectArchive,
+  zipStore,
+  chunkBuffer,
+} = require('../../storage')
+
+const render = require('./render')
+const expressify = require('./expressify')
+const withTmpDir = require('./with_tmp_dir')
+const StreamSizeLimit = require('./stream_size_limit')
+
+const pipeline = promisify(Stream.pipeline)
+
+async function initializeProject(req, res, next) {
+  let projectId = req.swagger.params.body.value.projectId
+  try {
+    projectId = await chunkStore.initializeProject(projectId)
+    res.status(HTTPStatus.OK).json({ projectId })
+  } catch (err) {
+    if (err instanceof chunkStore.AlreadyInitialized) {
+      render.conflict(res)
+    } else {
+      throw err
+    }
+  }
+}
+
+async function getLatestContent(req, res, next) {
+  const projectId = req.swagger.params.project_id.value
+  const blobStore = new BlobStore(projectId)
+  const chunk = await chunkBuffer.loadLatest(projectId)
+  const snapshot = chunk.getSnapshot()
+  snapshot.applyAll(chunk.getChanges())
+  await snapshot.loadFiles('eager', blobStore)
+  res.json(snapshot.toRaw())
+}
+
+async function getContentAtVersion(req, res, next) {
+  const projectId = req.swagger.params.project_id.value
+  const version = req.swagger.params.version.value
+  const blobStore = new BlobStore(projectId)
+  const snapshot = await getSnapshotAtVersion(projectId, version)
+  await snapshot.loadFiles('eager', blobStore)
+  res.json(snapshot.toRaw())
+}
+
+async function getLatestHashedContent(req, res, next) {
+  const projectId = req.swagger.params.project_id.value
+  const blobStore = new HashCheckBlobStore(new BlobStore(projectId))
+  const chunk = await chunkBuffer.loadLatest(projectId)
+  const snapshot = chunk.getSnapshot()
+  snapshot.applyAll(chunk.getChanges())
+  await snapshot.loadFiles('eager', blobStore)
+  const rawSnapshot = await snapshot.store(blobStore)
+  res.json(rawSnapshot)
+}
+
+async function getLatestHistory(req, res, next) {
+  const projectId = req.swagger.params.project_id.value
+  try {
+    const chunk = await chunkBuffer.loadLatest(projectId)
+    const chunkResponse = new ChunkResponse(chunk)
+    res.json(chunkResponse.toRaw())
+  } catch (err) {
+    if (err instanceof Chunk.NotFoundError) {
+      render.notFound(res)
+    } else {
+      throw err
+    }
+  }
+}
+
+async function getLatestHistoryRaw(req, res, next) {
+  const projectId = req.swagger.params.project_id.value
+  const readOnly = req.swagger.params.readOnly.value
+  try {
+    const { startVersion, endVersion, endTimestamp } =
+      await chunkStore.loadLatestRaw(projectId, { readOnly })
+    res.json({
+      startVersion,
+      endVersion,
+      endTimestamp,
+    })
+  } catch (err) {
+    if (err instanceof Chunk.NotFoundError) {
+      render.notFound(res)
+    } else {
+      throw err
+    }
+  }
+}
+
+async function getHistory(req, res, next) {
+  const projectId = req.swagger.params.project_id.value
+  const version = req.swagger.params.version.value
+  try {
+    const chunk = await chunkStore.loadAtVersion(projectId, version)
+    const chunkResponse = new ChunkResponse(chunk)
+    res.json(chunkResponse.toRaw())
+  } catch (err) {
+    if (err instanceof Chunk.NotFoundError) {
+      render.notFound(res)
+    } else {
+      throw err
+    }
+  }
+}
+
+async function getHistoryBefore(req, res, next) {
+  const projectId = req.swagger.params.project_id.value
+  const timestamp = req.swagger.params.timestamp.value
+  try {
+    const chunk = await chunkStore.loadAtTimestamp(projectId, timestamp)
+    const chunkResponse = new ChunkResponse(chunk)
+    res.json(chunkResponse.toRaw())
+  } catch (err) {
+    if (err instanceof Chunk.NotFoundError) {
+      render.notFound(res)
+    } else {
+      throw err
+    }
+  }
+}
+
+/**
+ * Get all changes since the beginning of history or since a given version
+ */
+async function getChanges(req, res, next) {
+  const projectId = req.swagger.params.project_id.value
+  const since = req.swagger.params.since.value ?? 0
+
+  if (since < 0) {
+    // Negative values would cause an infinite loop
+    return res.status(400).json({
+      error: `Version out of bounds: ${since}`,
+    })
+  }
+
+  const changes = []
+  let chunk = await chunkBuffer.loadLatest(projectId)
+
+  if (since > chunk.getEndVersion()) {
+    return res.status(400).json({
+      error: `Version out of bounds: ${since}`,
+    })
+  }
+
+  // Fetch all chunks that come after the chunk that contains the start version
+  while (chunk.getStartVersion() > since) {
+    const changesInChunk = chunk.getChanges()
+    changes.unshift(...changesInChunk)
+    chunk = await chunkStore.loadAtVersion(projectId, chunk.getStartVersion())
+  }
+
+  // Extract the relevant changes from the chunk that contains the start version
+  const changesInChunk = chunk
+    .getChanges()
+    .slice(since - chunk.getStartVersion())
+  changes.unshift(...changesInChunk)
+
+  res.json(changes.map(change => change.toRaw()))
+}
+
+async function getZip(req, res, next) {
+  const projectId = req.swagger.params.project_id.value
+  const version = req.swagger.params.version.value
+  const blobStore = new BlobStore(projectId)
+
+  let snapshot
+  try {
+    snapshot = await getSnapshotAtVersion(projectId, version)
+  } catch (err) {
+    if (err instanceof Chunk.NotFoundError) {
+      return render.notFound(res)
+    } else {
+      throw err
+    }
+  }
+
+  await withTmpDir('get-zip-', async tmpDir => {
+    const tmpFilename = Path.join(tmpDir, 'project.zip')
+    const archive = new ProjectArchive(snapshot)
+    await archive.writeZip(blobStore, tmpFilename)
+    res.set('Content-Type', 'application/octet-stream')
+    res.set('Content-Disposition', 'attachment; filename=project.zip')
+    const stream = fs.createReadStream(tmpFilename)
+    await pipeline(stream, res)
+  })
+}
+
+async function createZip(req, res, next) {
+  const projectId = req.swagger.params.project_id.value
+  const version = req.swagger.params.version.value
+  try {
+    const snapshot = await getSnapshotAtVersion(projectId, version)
+    const zipUrl = await zipStore.getSignedUrl(projectId, version)
+    // Do not await this; run it in the background.
+    zipStore.storeZip(projectId, version, snapshot).catch(err => {
+      logger.error({ err, projectId, version }, 'createZip: storeZip failed')
+    })
+    res.status(HTTPStatus.OK).json({ zipUrl })
+  } catch (error) {
+    if (error instanceof Chunk.NotFoundError) {
+      render.notFound(res)
+    } else {
+      next(error)
+    }
+  }
+}
+
+async function deleteProject(req, res, next) {
+  const projectId = req.swagger.params.project_id.value
+  const blobStore = new BlobStore(projectId)
+  await Promise.all([
+    chunkStore.deleteProjectChunks(projectId),
+    blobStore.deleteBlobs(),
+  ])
+  res.status(HTTPStatus.NO_CONTENT).send()
+}
+
+async function createProjectBlob(req, res, next) {
+  const projectId = req.swagger.params.project_id.value
+  const expectedHash = req.swagger.params.hash.value
+  const maxUploadSize = parseInt(config.get('maxFileUploadSize'), 10)
+
+  await withTmpDir('blob-', async tmpDir => {
+    const tmpPath = Path.join(tmpDir, 'content')
+    const sizeLimit = new StreamSizeLimit(maxUploadSize)
+    await pipeline(req, sizeLimit, fs.createWriteStream(tmpPath))
+    if (sizeLimit.sizeLimitExceeded) {
+      return render.requestEntityTooLarge(res)
+    }
+    const hash = await blobHash.fromFile(tmpPath)
+    if (hash !== expectedHash) {
+      logger.debug({ hash, expectedHash }, 'Hash mismatch')
+      return render.conflict(res, 'File hash mismatch')
+    }
+
+    const blobStore = new BlobStore(projectId)
+    const newBlob = await blobStore.putFile(tmpPath)
+
+    try {
+      const { backupBlob } = await import('../../storage/lib/backupBlob.mjs')
+      await backupBlob(projectId, newBlob, tmpPath)
+    } catch (error) {
+      logger.warn({ error, projectId, hash }, 'Failed to backup blob')
+    }
+    res.status(HTTPStatus.CREATED).end()
+  })
+}
+
+async function headProjectBlob(req, res) {
+  const projectId = req.swagger.params.project_id.value
+  const hash = req.swagger.params.hash.value
+
+  const blobStore = new BlobStore(projectId)
+  const blob = await blobStore.getBlob(hash)
+  if (blob) {
+    res.set('Content-Length', blob.getByteLength())
+    res.status(200).end()
+  } else {
+    res.status(404).end()
+  }
+}
+
+// Support simple, singular ranges starting from zero only, up-to 2MB = 2_000_000, 7 digits
+const RANGE_HEADER = /^bytes=0-(\d{1,7})$/
+
+/**
+ * @param {string} header
+ * @return {{}|{start: number, end: number}}
+ * @private
+ */
+function _getRangeOpts(header) {
+  if (!header) return {}
+  const match = header.match(RANGE_HEADER)
+  if (match) {
+    const end = parseInt(match[1], 10)
+    return { start: 0, end }
+  }
+  return {}
+}
+
+async function getProjectBlob(req, res, next) {
+  const projectId = req.swagger.params.project_id.value
+  const hash = req.swagger.params.hash.value
+  const opts = _getRangeOpts(req.swagger.params.range.value || '')
+
+  const blobStore = new BlobStore(projectId)
+  logger.debug({ projectId, hash }, 'getProjectBlob started')
+  try {
+    let stream
+    try {
+      stream = await blobStore.getStream(hash, opts)
+    } catch (err) {
+      if (err instanceof Blob.NotFoundError) {
+        logger.warn({ projectId, hash }, 'Blob not found')
+        return res.status(404).end()
+      } else {
+        throw err
+      }
+    }
+    res.set('Content-Type', 'application/octet-stream')
+    try {
+      await pipeline(stream, res)
+    } catch (err) {
+      if (err?.code === 'ERR_STREAM_PREMATURE_CLOSE') {
+        res.end()
+      } else {
+        throw OError.tag(err, 'error transferring stream', { projectId, hash })
+      }
+    }
+  } finally {
+    logger.debug({ projectId, hash }, 'getProjectBlob finished')
+  }
+}
+
+async function copyProjectBlob(req, res, next) {
+  const sourceProjectId = req.swagger.params.copyFrom.value
+  const targetProjectId = req.swagger.params.project_id.value
+  const blobHash = req.swagger.params.hash.value
+  // Check that blob exists in source project
+  const sourceBlobStore = new BlobStore(sourceProjectId)
+  const targetBlobStore = new BlobStore(targetProjectId)
+  const [sourceBlob, targetBlob] = await Promise.all([
+    sourceBlobStore.getBlob(blobHash),
+    targetBlobStore.getBlob(blobHash),
+  ])
+  if (!sourceBlob) {
+    return render.notFound(res)
+  }
+  // Exit early if the blob exists in the target project.
+  // This will also catch global blobs, which always exist.
+  if (targetBlob) {
+    return res.status(HTTPStatus.NO_CONTENT).end()
+  }
+  // Otherwise, copy blob from source project to target project
+  await sourceBlobStore.copyBlob(sourceBlob, targetProjectId)
+  res.status(HTTPStatus.CREATED).end()
+}
+
+async function getSnapshotAtVersion(projectId, version) {
+  const chunk = await chunkStore.loadAtVersion(projectId, version)
+  const snapshot = chunk.getSnapshot()
+  const changes = _.dropRight(
+    chunk.getChanges(),
+    chunk.getEndVersion() - version
+  )
+  snapshot.applyAll(changes)
+  return snapshot
+}
+
+module.exports = {
+  initializeProject: expressify(initializeProject),
+  getLatestContent: expressify(getLatestContent),
+  getContentAtVersion: expressify(getContentAtVersion),
+  getLatestHashedContent: expressify(getLatestHashedContent),
+  getLatestPersistedHistory: expressify(getLatestHistory),
+  getLatestHistory: expressify(getLatestHistory),
+  getLatestHistoryRaw: expressify(getLatestHistoryRaw),
+  getHistory: expressify(getHistory),
+  getHistoryBefore: expressify(getHistoryBefore),
+  getChanges: expressify(getChanges),
+  getZip: expressify(getZip),
+  createZip: expressify(createZip),
+  deleteProject: expressify(deleteProject),
+  createProjectBlob: expressify(createProjectBlob),
+  getProjectBlob: expressify(getProjectBlob),
+  headProjectBlob: expressify(headProjectBlob),
+  copyProjectBlob: expressify(copyProjectBlob),
+}
diff --git a/services/history-v1/api/controllers/render.js b/services/history-v1/api/controllers/render.js
new file mode 100644
index 0000000..d7d3191
--- /dev/null
+++ b/services/history-v1/api/controllers/render.js
@@ -0,0 +1,17 @@
+'use strict'
+
+const HTTPStatus = require('http-status')
+
+function makeErrorRenderer(status) {
+  return (res, message) => {
+    res.status(status).json({ message: message || HTTPStatus[status] })
+  }
+}
+
+module.exports = {
+  badRequest: makeErrorRenderer(HTTPStatus.BAD_REQUEST),
+  notFound: makeErrorRenderer(HTTPStatus.NOT_FOUND),
+  unprocessableEntity: makeErrorRenderer(HTTPStatus.UNPROCESSABLE_ENTITY),
+  conflict: makeErrorRenderer(HTTPStatus.CONFLICT),
+  requestEntityTooLarge: makeErrorRenderer(HTTPStatus.REQUEST_ENTITY_TOO_LARGE),
+}
diff --git a/services/history-v1/api/controllers/stream_size_limit.js b/services/history-v1/api/controllers/stream_size_limit.js
new file mode 100644
index 0000000..f3a1495
--- /dev/null
+++ b/services/history-v1/api/controllers/stream_size_limit.js
@@ -0,0 +1,26 @@
+const stream = require('node:stream')
+
+/**
+ * Transform stream that stops passing bytes through after some threshold has
+ * been reached.
+ */
+class StreamSizeLimit extends stream.Transform {
+  constructor(maxSize) {
+    super()
+    this.maxSize = maxSize
+    this.accumulatedSize = 0
+    this.sizeLimitExceeded = false
+  }
+
+  _transform(chunk, encoding, cb) {
+    this.accumulatedSize += chunk.length
+    if (this.accumulatedSize > this.maxSize) {
+      this.sizeLimitExceeded = true
+    } else {
+      this.push(chunk)
+    }
+    cb()
+  }
+}
+
+module.exports = StreamSizeLimit
diff --git a/services/history-v1/api/controllers/with_tmp_dir.js b/services/history-v1/api/controllers/with_tmp_dir.js
new file mode 100644
index 0000000..a9c2e9f
--- /dev/null
+++ b/services/history-v1/api/controllers/with_tmp_dir.js
@@ -0,0 +1,27 @@
+const fs = require('node:fs')
+const fsExtra = require('fs-extra')
+const logger = require('@overleaf/logger')
+const os = require('node:os')
+const path = require('node:path')
+
+/**
+ * Create a temporary directory before executing a function and cleaning up
+ * after.
+ *
+ * @param {string} prefix - prefix for the temporary directory name
+ * @param {Function} fn - async function to call
+ */
+async function withTmpDir(prefix, fn) {
+  const tmpDir = await fs.promises.mkdtemp(path.join(os.tmpdir(), prefix))
+  try {
+    await fn(tmpDir)
+  } finally {
+    fsExtra.remove(tmpDir).catch(err => {
+      if (err.code !== 'ENOENT') {
+        logger.error({ err }, 'failed to delete temporary file')
+      }
+    })
+  }
+}
+
+module.exports = withTmpDir
diff --git a/services/history-v1/api/swagger/index.js b/services/history-v1/api/swagger/index.js
new file mode 100644
index 0000000..3702c6e
--- /dev/null
+++ b/services/history-v1/api/swagger/index.js
@@ -0,0 +1,269 @@
+'use strict'
+
+const _ = require('lodash')
+const paths = _.reduce(
+  [require('./projects').paths, require('./project_import').paths],
+  _.extend
+)
+
+const securityDefinitions = require('./security_definitions')
+module.exports = {
+  swagger: '2.0',
+  info: {
+    title: 'Overleaf Editor API',
+    description: 'API for the Overleaf editor.',
+    version: '1.0',
+  },
+  produces: ['application/json'],
+  basePath: '/api',
+  paths,
+  securityDefinitions,
+  security: [
+    {
+      jwt: [],
+    },
+  ],
+  definitions: {
+    Project: {
+      properties: {
+        projectId: {
+          type: 'string',
+        },
+      },
+      required: ['projectId'],
+    },
+    File: {
+      properties: {
+        hash: {
+          type: 'string',
+        },
+        byteLength: {
+          type: 'integer',
+        },
+        stringLength: {
+          type: 'integer',
+        },
+      },
+    },
+    Label: {
+      properties: {
+        authorId: {
+          type: 'integer',
+        },
+        text: {
+          type: 'string',
+        },
+        timestamp: {
+          type: 'string',
+        },
+        version: {
+          type: 'integer',
+        },
+      },
+    },
+    Chunk: {
+      properties: {
+        history: {
+          $ref: '#/definitions/History',
+        },
+        startVersion: {
+          type: 'number',
+        },
+      },
+    },
+    ChunkResponse: {
+      properties: {
+        chunk: {
+          $ref: '#/definitions/Chunk',
+        },
+        authors: {
+          type: 'array',
+          items: {
+            $ref: '#/definitions/Author',
+          },
+        },
+      },
+    },
+    ChunkResponseRaw: {
+      properties: {
+        startVersion: {
+          type: 'number',
+        },
+        endVersion: {
+          type: 'number',
+        },
+        endTimestamp: {
+          type: 'string',
+        },
+      },
+    },
+    History: {
+      properties: {
+        snapshot: {
+          $ref: '#/definitions/Snapshot',
+        },
+        changes: {
+          type: 'array',
+          items: {
+            $ref: '#/definitions/Change',
+          },
+        },
+      },
+    },
+    Snapshot: {
+      properties: {
+        files: {
+          type: 'object',
+          additionalProperties: {
+            $ref: '#/definitions/File',
+          },
+        },
+      },
+      required: ['files'],
+    },
+    Change: {
+      properties: {
+        timestamp: {
+          type: 'string',
+        },
+        operations: {
+          type: 'array',
+          items: {
+            $ref: '#/definitions/Operation',
+          },
+        },
+        authors: {
+          type: 'array',
+          items: {
+            type: ['integer', 'null'],
+          },
+        },
+        v2Authors: {
+          type: 'array',
+          items: {
+            type: ['string', 'null'],
+          },
+        },
+        projectVersion: {
+          type: 'string',
+        },
+        v2DocVersions: {
+          type: 'object',
+          additionalProperties: {
+            $ref: '#/definitions/V2DocVersions',
+          },
+        },
+      },
+      required: ['timestamp', 'operations'],
+    },
+    V2DocVersions: {
+      properties: {
+        pathname: {
+          type: 'string',
+        },
+        v: {
+          type: 'integer',
+        },
+      },
+    },
+    ChangeRequest: {
+      properties: {
+        baseVersion: {
+          type: 'integer',
+        },
+        untransformable: {
+          type: 'boolean',
+        },
+        operations: {
+          type: 'array',
+          items: {
+            $ref: '#/definitions/Operation',
+          },
+        },
+        authors: {
+          type: 'array',
+          items: {
+            type: ['integer', 'null'],
+          },
+        },
+      },
+      required: ['baseVersion', 'operations'],
+    },
+    ChangeNote: {
+      properties: {
+        baseVersion: {
+          type: 'integer',
+        },
+        change: {
+          $ref: '#/definitions/Change',
+        },
+      },
+      required: ['baseVersion'],
+    },
+    Operation: {
+      properties: {
+        pathname: {
+          type: 'string',
+        },
+        newPathname: {
+          type: 'string',
+        },
+        blob: {
+          $ref: '#/definitions/Blob',
+        },
+        textOperation: {
+          type: 'array',
+          items: {},
+        },
+        file: {
+          $ref: '#/definitions/File',
+        },
+      },
+    },
+    Error: {
+      properties: {
+        message: {
+          type: 'string',
+        },
+      },
+      required: ['message'],
+    },
+    Blob: {
+      properties: {
+        hash: {
+          type: 'string',
+        },
+      },
+      required: ['hash'],
+    },
+    Author: {
+      properties: {
+        id: {
+          type: 'integer',
+        },
+        email: {
+          type: 'string',
+        },
+        name: {
+          type: 'string',
+        },
+      },
+      required: ['id', 'email', 'name'],
+    },
+    SyncState: {
+      properties: {
+        synced: {
+          type: 'boolean',
+        },
+      },
+    },
+    ZipInfo: {
+      properties: {
+        zipUrl: {
+          type: 'string',
+        },
+      },
+      required: ['zipUrl'],
+    },
+  },
+}
diff --git a/services/history-v1/api/swagger/project_import.js b/services/history-v1/api/swagger/project_import.js
new file mode 100644
index 0000000..a93f42d
--- /dev/null
+++ b/services/history-v1/api/swagger/project_import.js
@@ -0,0 +1,147 @@
+'use strict'
+
+const importSnapshot = {
+  'x-swagger-router-controller': 'project_import',
+  operationId: 'importSnapshot',
+  tags: ['ProjectImport'],
+  description: 'Import a snapshot from the current rails app.',
+  consumes: ['application/json'],
+  parameters: [
+    {
+      name: 'project_id',
+      in: 'path',
+      description: 'project id',
+      required: true,
+      type: 'string',
+    },
+    {
+      name: 'snapshot',
+      in: 'body',
+      description: 'Snapshot to import.',
+      required: true,
+      schema: {
+        $ref: '#/definitions/Snapshot',
+      },
+    },
+  ],
+  responses: {
+    200: {
+      description: 'Imported',
+    },
+    409: {
+      description: 'Conflict: project already initialized',
+    },
+    404: {
+      description: 'No such project exists',
+    },
+  },
+  security: [
+    {
+      basic: [],
+    },
+  ],
+}
+
+const importChanges = {
+  'x-swagger-router-controller': 'project_import',
+  operationId: 'importChanges',
+  tags: ['ProjectImport'],
+  description: 'Import changes for a project from the current rails app.',
+  consumes: ['application/json'],
+  parameters: [
+    {
+      name: 'project_id',
+      in: 'path',
+      description: 'project id',
+      required: true,
+      type: 'string',
+    },
+    {
+      name: 'end_version',
+      description: 'end_version of latest persisted chunk',
+      in: 'query',
+      required: true,
+      type: 'number',
+    },
+    {
+      name: 'return_snapshot',
+      description:
+        'optionally, return a snapshot with the latest hashed content',
+      in: 'query',
+      required: false,
+      type: 'string',
+      enum: ['hashed', 'none'],
+    },
+    {
+      name: 'changes',
+      in: 'body',
+      description: 'changes to be imported',
+      required: true,
+      schema: {
+        type: 'array',
+        items: {
+          $ref: '#/definitions/Change',
+        },
+      },
+    },
+  ],
+  responses: {
+    201: {
+      description: 'Created',
+      schema: {
+        $ref: '#/definitions/Snapshot',
+      },
+    },
+  },
+  security: [
+    {
+      basic: [],
+    },
+  ],
+}
+
+const getChanges = {
+  'x-swagger-router-controller': 'projects',
+  operationId: 'getChanges',
+  tags: ['Project'],
+  description: 'Get changes applied to a project',
+  parameters: [
+    {
+      name: 'project_id',
+      in: 'path',
+      description: 'project id',
+      required: true,
+      type: 'string',
+    },
+    {
+      name: 'since',
+      in: 'query',
+      description: 'start version',
+      required: false,
+      type: 'number',
+    },
+  ],
+  responses: {
+    200: {
+      description: 'Success',
+      schema: {
+        type: 'array',
+        items: {
+          $ref: '#/definitions/Change',
+        },
+      },
+    },
+  },
+  security: [
+    {
+      basic: [],
+    },
+  ],
+}
+
+exports.paths = {
+  '/projects/{project_id}/import': { post: importSnapshot },
+  '/projects/{project_id}/legacy_import': { post: importSnapshot },
+  '/projects/{project_id}/changes': { get: getChanges, post: importChanges },
+  '/projects/{project_id}/legacy_changes': { post: importChanges },
+}
diff --git a/services/history-v1/api/swagger/projects.js b/services/history-v1/api/swagger/projects.js
new file mode 100644
index 0000000..cd4d233
--- /dev/null
+++ b/services/history-v1/api/swagger/projects.js
@@ -0,0 +1,588 @@
+'use strict'
+
+const Blob = require('overleaf-editor-core').Blob
+
+exports.paths = {
+  '/projects': {
+    post: {
+      'x-swagger-router-controller': 'projects',
+      operationId: 'initializeProject',
+      tags: ['Project'],
+      description: 'Initialize project.',
+      consumes: ['application/json'],
+      parameters: [
+        {
+          name: 'body',
+          in: 'body',
+          schema: {
+            type: 'object',
+            properties: {
+              projectId: { type: 'string' },
+            },
+          },
+        },
+      ],
+      responses: {
+        200: {
+          description: 'Initialized',
+          schema: {
+            $ref: '#/definitions/Project',
+          },
+        },
+      },
+      security: [
+        {
+          basic: [],
+        },
+      ],
+    },
+  },
+  '/projects/{project_id}': {
+    delete: {
+      'x-swagger-router-controller': 'projects',
+      operationId: 'deleteProject',
+      tags: ['Project'],
+      description: "Delete a project's history",
+      parameters: [
+        {
+          name: 'project_id',
+          in: 'path',
+          description: 'project id',
+          required: true,
+          type: 'string',
+        },
+      ],
+      responses: {
+        204: {
+          description: 'Success',
+        },
+      },
+      security: [
+        {
+          basic: [],
+        },
+      ],
+    },
+  },
+  '/projects/{project_id}/blobs/{hash}': {
+    get: {
+      'x-swagger-router-controller': 'projects',
+      operationId: 'getProjectBlob',
+      tags: ['Project'],
+      description: 'Fetch blob content by its project id and hash.',
+      parameters: [
+        {
+          name: 'project_id',
+          in: 'path',
+          description: 'project id',
+          required: true,
+          type: 'string',
+        },
+        {
+          name: 'hash',
+          in: 'path',
+          description: 'Hexadecimal SHA-1 hash',
+          required: true,
+          type: 'string',
+          pattern: Blob.HEX_HASH_RX_STRING,
+        },
+        {
+          name: 'range',
+          in: 'header',
+          description: 'HTTP Range header',
+          required: false,
+          type: 'string',
+        },
+      ],
+      produces: ['application/octet-stream'],
+      responses: {
+        200: {
+          description: 'Success',
+          schema: {
+            type: 'file',
+          },
+        },
+        404: {
+          description: 'Not Found',
+          schema: {
+            $ref: '#/definitions/Error',
+          },
+        },
+      },
+      security: [{ jwt: [] }, { token: [] }],
+    },
+    head: {
+      'x-swagger-router-controller': 'projects',
+      operationId: 'headProjectBlob',
+      tags: ['Project'],
+      description: 'Fetch blob content-length by its project id and hash.',
+      parameters: [
+        {
+          name: 'project_id',
+          in: 'path',
+          description: 'project id',
+          required: true,
+          type: 'string',
+        },
+        {
+          name: 'hash',
+          in: 'path',
+          description: 'Hexadecimal SHA-1 hash',
+          required: true,
+          type: 'string',
+          pattern: Blob.HEX_HASH_RX_STRING,
+        },
+      ],
+      produces: ['application/octet-stream'],
+      responses: {
+        200: {
+          description: 'Success',
+          schema: {
+            type: 'file',
+          },
+        },
+        404: {
+          description: 'Not Found',
+          schema: {
+            $ref: '#/definitions/Error',
+          },
+        },
+      },
+      security: [{ jwt: [] }, { token: [] }],
+    },
+    put: {
+      'x-swagger-router-controller': 'projects',
+      operationId: 'createProjectBlob',
+      tags: ['Project'],
+      description:
+        'Create blob to be used in a file addition operation when importing a' +
+        ' snapshot or changes',
+      parameters: [
+        {
+          name: 'project_id',
+          in: 'path',
+          description: 'project id',
+          required: true,
+          type: 'string',
+        },
+        {
+          name: 'hash',
+          in: 'path',
+          description: 'Hexadecimal SHA-1 hash',
+          required: true,
+          type: 'string',
+          pattern: Blob.HEX_HASH_RX_STRING,
+        },
+      ],
+      responses: {
+        201: {
+          description: 'Created',
+        },
+      },
+    },
+    post: {
+      'x-swagger-router-controller': 'projects',
+      operationId: 'copyProjectBlob',
+      tags: ['Project'],
+      description:
+        'Copies a blob from a source project to a target project when duplicating a project',
+      parameters: [
+        {
+          name: 'project_id',
+          in: 'path',
+          description: 'target project id',
+          required: true,
+          type: 'string',
+        },
+        {
+          name: 'hash',
+          in: 'path',
+          description: 'Hexadecimal SHA-1 hash',
+          required: true,
+          type: 'string',
+          pattern: Blob.HEX_HASH_RX_STRING,
+        },
+        {
+          name: 'copyFrom',
+          in: 'query',
+          description: 'source project id',
+          required: true,
+          type: 'string',
+        },
+      ],
+      responses: {
+        201: {
+          description: 'Created',
+        },
+      },
+    },
+  },
+  '/projects/{project_id}/latest/content': {
+    get: {
+      'x-swagger-router-controller': 'projects',
+      operationId: 'getLatestContent',
+      tags: ['Project'],
+      description:
+        'Get full content of the latest version. Text file ' +
+        'content is included, but binary files are just linked by hash.',
+      parameters: [
+        {
+          name: 'project_id',
+          in: 'path',
+          description: 'project id',
+          required: true,
+          type: 'string',
+        },
+      ],
+      responses: {
+        200: {
+          description: 'Success',
+          schema: {
+            $ref: '#/definitions/Snapshot',
+          },
+        },
+        404: {
+          description: 'Not Found',
+          schema: {
+            $ref: '#/definitions/Error',
+          },
+        },
+      },
+    },
+  },
+  '/projects/{project_id}/latest/hashed_content': {
+    get: {
+      'x-swagger-router-controller': 'projects',
+      operationId: 'getLatestHashedContent',
+      tags: ['Project'],
+      description:
+        'Get a snapshot of a project at the latest version ' +
+        'with the hashes for the contents each file',
+      parameters: [
+        {
+          name: 'project_id',
+          in: 'path',
+          description: 'project id',
+          required: true,
+          type: 'string',
+        },
+      ],
+      responses: {
+        200: {
+          description: 'Success',
+          schema: {
+            $ref: '#/definitions/Snapshot',
+          },
+        },
+        404: {
+          description: 'Not Found',
+          schema: {
+            $ref: '#/definitions/Error',
+          },
+        },
+      },
+      security: [
+        {
+          basic: [],
+        },
+      ],
+    },
+  },
+  '/projects/{project_id}/latest/history': {
+    get: {
+      'x-swagger-router-controller': 'projects',
+      operationId: 'getLatestHistory',
+      tags: ['Project'],
+      description:
+        'Get the latest sequence of changes.' +
+        ' TODO probably want a configurable depth.',
+      parameters: [
+        {
+          name: 'project_id',
+          in: 'path',
+          description: 'project id',
+          required: true,
+          type: 'string',
+        },
+      ],
+      responses: {
+        200: {
+          description: 'Success',
+          schema: {
+            $ref: '#/definitions/ChunkResponse',
+          },
+        },
+        404: {
+          description: 'Not Found',
+          schema: {
+            $ref: '#/definitions/Error',
+          },
+        },
+      },
+    },
+  },
+  '/projects/{project_id}/latest/history/raw': {
+    get: {
+      'x-swagger-router-controller': 'projects',
+      operationId: 'getLatestHistoryRaw',
+      tags: ['Project'],
+      description: 'Get the metadata of latest sequence of changes.',
+      parameters: [
+        {
+          name: 'project_id',
+          in: 'path',
+          description: 'project id',
+          required: true,
+          type: 'string',
+        },
+        {
+          name: 'readOnly',
+          in: 'query',
+          description: 'use read only database connection',
+          required: false,
+          type: 'boolean',
+        },
+      ],
+      responses: {
+        200: {
+          description: 'Success',
+          schema: {
+            $ref: '#/definitions/ChunkResponseRaw',
+          },
+        },
+        404: {
+          description: 'Not Found',
+          schema: {
+            $ref: '#/definitions/Error',
+          },
+        },
+      },
+    },
+  },
+  '/projects/{project_id}/latest/persistedHistory': {
+    get: {
+      'x-swagger-router-controller': 'projects',
+      operationId: 'getLatestPersistedHistory',
+      tags: ['Project'],
+      description: 'Get the latest sequence of changes.',
+      parameters: [
+        {
+          name: 'project_id',
+          in: 'path',
+          description: 'project id',
+          required: true,
+          type: 'string',
+        },
+      ],
+      responses: {
+        200: {
+          description: 'Success',
+          schema: {
+            $ref: '#/definitions/ChunkResponse',
+          },
+        },
+        404: {
+          description: 'Not Found',
+          schema: {
+            $ref: '#/definitions/Error',
+          },
+        },
+      },
+    },
+  },
+
+  '/projects/{project_id}/versions/{version}/history': {
+    get: {
+      'x-swagger-router-controller': 'projects',
+      operationId: 'getHistory',
+      tags: ['Project'],
+      description:
+        'Get the sequence of changes that includes the given version.',
+      parameters: [
+        {
+          name: 'project_id',
+          in: 'path',
+          description: 'project id',
+          required: true,
+          type: 'string',
+        },
+        {
+          name: 'version',
+          in: 'path',
+          description: 'numeric version',
+          required: true,
+          type: 'number',
+        },
+      ],
+      responses: {
+        200: {
+          description: 'Success',
+          schema: {
+            $ref: '#/definitions/ChunkResponse',
+          },
+        },
+        404: {
+          description: 'Not Found',
+          schema: {
+            $ref: '#/definitions/Error',
+          },
+        },
+      },
+    },
+  },
+  '/projects/{project_id}/versions/{version}/content': {
+    get: {
+      'x-swagger-router-controller': 'projects',
+      operationId: 'getContentAtVersion',
+      tags: ['Project'],
+      description: 'Get full content at the given version',
+      parameters: [
+        {
+          name: 'project_id',
+          in: 'path',
+          description: 'project id',
+          required: true,
+          type: 'string',
+        },
+        {
+          name: 'version',
+          in: 'path',
+          description: 'numeric version',
+          required: true,
+          type: 'number',
+        },
+      ],
+      responses: {
+        200: {
+          description: 'Success',
+          schema: {
+            $ref: '#/definitions/Snapshot',
+          },
+        },
+        404: {
+          description: 'Not Found',
+          schema: {
+            $ref: '#/definitions/Error',
+          },
+        },
+      },
+    },
+  },
+  '/projects/{project_id}/timestamp/{timestamp}/history': {
+    get: {
+      'x-swagger-router-controller': 'projects',
+      operationId: 'getHistoryBefore',
+      tags: ['Project'],
+      description:
+        'Get the sequence of changes. ' + ' before the given timestamp',
+      parameters: [
+        {
+          name: 'project_id',
+          in: 'path',
+          description: 'project id',
+          required: true,
+          type: 'string',
+        },
+        {
+          name: 'timestamp',
+          in: 'path',
+          description: 'timestamp',
+          required: true,
+          type: 'string',
+          format: 'date-time',
+        },
+      ],
+      responses: {
+        200: {
+          description: 'Success',
+          schema: {
+            $ref: '#/definitions/ChunkResponse',
+          },
+        },
+        404: {
+          description: 'Not Found',
+          schema: {
+            $ref: '#/definitions/Error',
+          },
+        },
+      },
+    },
+  },
+  '/projects/{project_id}/version/{version}/zip': {
+    get: {
+      'x-swagger-router-controller': 'projects',
+      operationId: 'getZip',
+      tags: ['Project'],
+      description: 'Download zip with project content',
+      parameters: [
+        {
+          name: 'project_id',
+          in: 'path',
+          description: 'project id',
+          required: true,
+          type: 'string',
+        },
+        {
+          name: 'version',
+          in: 'path',
+          description: 'numeric version',
+          required: true,
+          type: 'number',
+        },
+      ],
+      produces: ['application/octet-stream'],
+      responses: {
+        200: {
+          description: 'success',
+        },
+        404: {
+          description: 'not found',
+        },
+      },
+      security: [
+        {
+          token: [],
+        },
+      ],
+    },
+    post: {
+      'x-swagger-router-controller': 'projects',
+      operationId: 'createZip',
+      tags: ['Project'],
+      description:
+        'Create a zip file with project content. Returns a link to be polled.',
+      parameters: [
+        {
+          name: 'project_id',
+          in: 'path',
+          description: 'project id',
+          required: true,
+          type: 'string',
+        },
+        {
+          name: 'version',
+          in: 'path',
+          description: 'numeric version',
+          required: true,
+          type: 'number',
+        },
+      ],
+      responses: {
+        200: {
+          description: 'success',
+          schema: {
+            $ref: '#/definitions/ZipInfo',
+          },
+        },
+        404: {
+          description: 'not found',
+        },
+      },
+      security: [
+        {
+          basic: [],
+        },
+      ],
+    },
+  },
+}
diff --git a/services/history-v1/api/swagger/security_definitions.js b/services/history-v1/api/swagger/security_definitions.js
new file mode 100644
index 0000000..5b80a97
--- /dev/null
+++ b/services/history-v1/api/swagger/security_definitions.js
@@ -0,0 +1,17 @@
+'use strict'
+
+module.exports = {
+  jwt: {
+    type: 'apiKey',
+    in: 'header',
+    name: 'authorization',
+  },
+  basic: {
+    type: 'basic',
+  },
+  token: {
+    type: 'apiKey',
+    in: 'query',
+    name: 'token',
+  },
+}
diff --git a/services/history-v1/app.js b/services/history-v1/app.js
new file mode 100644
index 0000000..261f100
--- /dev/null
+++ b/services/history-v1/app.js
@@ -0,0 +1,172 @@
+'use strict'
+
+/* eslint-disable no-console */
+
+// Metrics must be initialized before importing anything else
+require('@overleaf/metrics/initialize')
+
+const config = require('config')
+const Events = require('node:events')
+const BPromise = require('bluebird')
+const express = require('express')
+const helmet = require('helmet')
+const HTTPStatus = require('http-status')
+const logger = require('@overleaf/logger')
+const Metrics = require('@overleaf/metrics')
+const bodyParser = require('body-parser')
+const swaggerTools = require('swagger-tools')
+const swaggerDoc = require('./api/swagger')
+const security = require('./api/app/security')
+const healthChecks = require('./api/controllers/health_checks')
+const { mongodb, loadGlobalBlobs } = require('./storage')
+const path = require('node:path')
+
+Events.setMaxListeners(20)
+const app = express()
+module.exports = app
+
+logger.initialize('history-v1')
+Metrics.open_sockets.monitor()
+Metrics.injectMetricsRoute(app)
+app.use(Metrics.http.monitor(logger))
+Metrics.leaked_sockets.monitor(logger)
+
+// We may have fairly large JSON bodies when receiving large Changes. Clients
+// may have to handle 413 status codes and try creating files instead of sending
+// text content in changes.
+app.use(bodyParser.json({ limit: '6MB' }))
+app.use(
+  bodyParser.urlencoded({
+    extended: false,
+  })
+)
+
+security.setupSSL(app)
+security.setupBasicHttpAuthForSwaggerDocs(app)
+
+const HTTP_REQUEST_TIMEOUT = parseInt(config.get('httpRequestTimeout'), 10)
+app.use(function (req, res, next) {
+  res.setTimeout(HTTP_REQUEST_TIMEOUT)
+  next()
+})
+
+app.get('/', function (req, res) {
+  res.send('')
+})
+
+app.get('/status', healthChecks.status)
+app.get('/health_check', healthChecks.healthCheck)
+
+function setupSwagger() {
+  return new BPromise(function (resolve) {
+    swaggerTools.initializeMiddleware(swaggerDoc, function (middleware) {
+      app.use(middleware.swaggerMetadata())
+      app.use(middleware.swaggerSecurity(security.getSwaggerHandlers()))
+      app.use(middleware.swaggerValidator())
+      app.use(
+        middleware.swaggerRouter({
+          controllers: path.join(__dirname, 'api/controllers'),
+          useStubs: app.get('env') === 'development',
+        })
+      )
+      app.use(middleware.swaggerUi())
+      resolve()
+    })
+  })
+}
+
+function setupErrorHandling() {
+  app.use(function (req, res, next) {
+    const err = new Error('Not Found')
+    err.status = HTTPStatus.NOT_FOUND
+    return next(err)
+  })
+
+  // Handle Swagger errors.
+  app.use(function (err, req, res, next) {
+    const projectId = req.swagger?.params?.project_id?.value
+    if (res.headersSent) {
+      return next(err)
+    }
+
+    if (err.code === 'SCHEMA_VALIDATION_FAILED') {
+      logger.error({ err, projectId }, err.message)
+      return res.status(HTTPStatus.UNPROCESSABLE_ENTITY).json(err.results)
+    }
+    if (err.code === 'INVALID_TYPE' || err.code === 'PATTERN') {
+      logger.error({ err, projectId }, err.message)
+      return res.status(HTTPStatus.UNPROCESSABLE_ENTITY).json({
+        message: 'invalid type: ' + err.paramName,
+      })
+    }
+    if (err.code === 'ENUM_MISMATCH') {
+      return res.status(HTTPStatus.UNPROCESSABLE_ENTITY).json({
+        message: 'invalid enum value: ' + err.paramName,
+      })
+    }
+    if (err.code === 'REQUIRED') {
+      return res.status(HTTPStatus.UNPROCESSABLE_ENTITY).json({
+        message: err.message,
+      })
+    }
+    next(err)
+  })
+
+  app.use(function (err, req, res, next) {
+    const projectId = req.swagger?.params?.project_id?.value
+    logger.error({ err, projectId }, err.message)
+
+    if (res.headersSent) {
+      return next(err)
+    }
+
+    // Handle errors that specify a statusCode. Some come from our code. Some
+    // bubble up from AWS SDK, but they sometimes have the statusCode set to
+    // 200, notably some InternalErrors and TimeoutErrors, so we have to guard
+    // against that. We also check `status`, but `statusCode` is preferred.
+    const statusCode = err.statusCode || err.status
+    if (statusCode && statusCode >= 400 && statusCode < 600) {
+      res.status(statusCode)
+    } else {
+      res.status(HTTPStatus.INTERNAL_SERVER_ERROR)
+    }
+
+    const sendErrorToClient = app.get('env') === 'development'
+    res.json({
+      message: err.message,
+      error: sendErrorToClient ? err : {},
+    })
+  })
+}
+
+app.setup = async function appSetup() {
+  await mongodb.client.connect()
+  logger.info('Connected to MongoDB')
+  await loadGlobalBlobs()
+  logger.info('Global blobs loaded')
+  app.use(helmet())
+  await setupSwagger()
+  setupErrorHandling()
+}
+
+async function startApp() {
+  await app.setup()
+
+  const port = parseInt(process.env.PORT, 10) || 3100
+  app.listen(port, err => {
+    if (err) {
+      console.error(err)
+      process.exit(1)
+    }
+    Metrics.event_loop.monitor(logger)
+    Metrics.memory.monitor(logger)
+  })
+}
+
+// Run this if we're called directly
+if (!module.parent) {
+  startApp().catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
+}
diff --git a/services/history-v1/backup-deletion-app.mjs b/services/history-v1/backup-deletion-app.mjs
new file mode 100644
index 0000000..81b2b5b
--- /dev/null
+++ b/services/history-v1/backup-deletion-app.mjs
@@ -0,0 +1,81 @@
+// @ts-check
+// Metrics must be initialized before importing anything else
+import '@overleaf/metrics/initialize.js'
+import http from 'node:http'
+import { fileURLToPath } from 'node:url'
+import { promisify } from 'node:util'
+import express from 'express'
+import logger from '@overleaf/logger'
+import Metrics from '@overleaf/metrics'
+import { hasValidBasicAuthCredentials } from './api/app/security.js'
+import {
+  deleteProjectBackupCb,
+  healthCheck,
+  healthCheckCb,
+  NotReadyToDelete,
+} from './storage/lib/backupDeletion.mjs'
+import { mongodb } from './storage/index.js'
+
+const app = express()
+
+logger.initialize('history-v1-backup-deletion')
+Metrics.open_sockets.monitor()
+Metrics.injectMetricsRoute(app)
+app.use(Metrics.http.monitor(logger))
+Metrics.leaked_sockets.monitor(logger)
+Metrics.event_loop.monitor(logger)
+Metrics.memory.monitor(logger)
+
+function basicAuth(req, res, next) {
+  if (hasValidBasicAuthCredentials(req)) return next()
+  res.setHeader('WWW-Authenticate', 'Basic realm="Application"')
+  res.sendStatus(401)
+}
+
+app.delete('/project/:projectId/backup', basicAuth, (req, res, next) => {
+  deleteProjectBackupCb(req.params.projectId, err => {
+    if (err) {
+      return next(err)
+    }
+    res.sendStatus(204)
+  })
+})
+
+app.get('/status', (req, res) => {
+  res.send('history-v1-backup-deletion is up')
+})
+
+app.get('/health_check', (req, res, next) => {
+  healthCheckCb(err => {
+    if (err) return next(err)
+    res.sendStatus(200)
+  })
+})
+
+app.use((err, req, res, next) => {
+  req.logger.addFields({ err })
+  if (err instanceof NotReadyToDelete) {
+    req.logger.setLevel('warn')
+    return res.status(422).send(err.message)
+  }
+  req.logger.setLevel('error')
+  next(err)
+})
+
+/**
+ * @param {number} port
+ * @return {Promise<http.Server>}
+ */
+export async function startApp(port) {
+  await mongodb.client.connect()
+  await healthCheck()
+  const server = http.createServer(app)
+  await promisify(server.listen.bind(server, port))()
+  return server
+}
+
+// Run this if we're called directly
+if (process.argv[1] === fileURLToPath(import.meta.url)) {
+  const PORT = parseInt(process.env.PORT || '3101', 10)
+  await startApp(PORT)
+}
diff --git a/services/history-v1/backup-verifier-app.mjs b/services/history-v1/backup-verifier-app.mjs
new file mode 100644
index 0000000..856a15d
--- /dev/null
+++ b/services/history-v1/backup-verifier-app.mjs
@@ -0,0 +1,117 @@
+// @ts-check
+// Metrics must be initialized before importing anything else
+import '@overleaf/metrics/initialize.js'
+import http from 'node:http'
+import { fileURLToPath } from 'node:url'
+import { promisify } from 'node:util'
+import { setTimeout } from 'node:timers/promises'
+import express from 'express'
+import logger from '@overleaf/logger'
+import Metrics from '@overleaf/metrics'
+import { healthCheck } from './backupVerifier/healthCheck.mjs'
+import {
+  BackupCorruptedError,
+  verifyBlob,
+} from './storage/lib/backupVerifier.mjs'
+import { mongodb } from './storage/index.js'
+import { expressify } from '@overleaf/promise-utils'
+import { Blob } from 'overleaf-editor-core'
+import { loadGlobalBlobs } from './storage/lib/blob_store/index.js'
+import { EventEmitter } from 'node:events'
+import {
+  loopRandomProjects,
+  setWriteMetrics,
+} from './backupVerifier/ProjectVerifier.mjs'
+
+const app = express()
+
+logger.initialize('history-v1-backup-verifier')
+Metrics.open_sockets.monitor()
+Metrics.injectMetricsRoute(app)
+app.use(Metrics.http.monitor(logger))
+Metrics.leaked_sockets.monitor(logger)
+Metrics.event_loop.monitor(logger)
+Metrics.memory.monitor(logger)
+
+app.get(
+  '/history/:historyId/blob/:hash/verify',
+  expressify(async (req, res) => {
+    const { historyId, hash } = req.params
+    try {
+      await verifyBlob(historyId, hash)
+      res.sendStatus(200)
+    } catch (err) {
+      logger.warn({ err, historyId, hash }, 'manual verify blob failed')
+      if (err instanceof Blob.NotFoundError) {
+        res.status(404).send(err.message)
+      } else if (err instanceof BackupCorruptedError) {
+        res.status(422).send(err.message)
+      } else {
+        throw err
+      }
+    }
+  })
+)
+
+app.get('/status', (req, res) => {
+  res.send('history-v1-backup-verifier is up')
+})
+
+app.get(
+  '/health_check',
+  expressify(async (req, res) => {
+    await healthCheck()
+    res.sendStatus(200)
+  })
+)
+
+app.use((err, req, res, next) => {
+  req.logger.addFields({ err })
+  req.logger.setLevel('error')
+  next(err)
+})
+
+const shutdownEmitter = new EventEmitter()
+
+shutdownEmitter.once('shutdown', async code => {
+  logger.info({ code }, 'shutting down')
+  await mongodb.client.close()
+  await setTimeout(100)
+  process.exit(code)
+})
+
+process.on('SIGTERM', () => {
+  shutdownEmitter.emit('shutdown', 0)
+})
+
+process.on('SIGINT', () => {
+  shutdownEmitter.emit('shutdown', 0)
+})
+
+/**
+ * @param {number} port
+ * @param {boolean} enableVerificationLoop
+ * @return {Promise<http.Server>}
+ */
+export async function startApp(port, enableVerificationLoop = true) {
+  await mongodb.client.connect()
+  await loadGlobalBlobs()
+  await healthCheck()
+  const server = http.createServer(app)
+  await promisify(server.listen.bind(server, port))()
+  enableVerificationLoop && loopRandomProjects(shutdownEmitter)
+  return server
+}
+
+setWriteMetrics(true)
+
+// Run this if we're called directly
+if (process.argv[1] === fileURLToPath(import.meta.url)) {
+  const PORT = parseInt(process.env.PORT || '3102', 10)
+  try {
+    await startApp(PORT)
+  } catch (error) {
+    shutdownEmitter.emit('shutdown', 1)
+    logger.error({ error }, 'error starting app')
+  }
+}
diff --git a/services/history-v1/backup-worker-app.mjs b/services/history-v1/backup-worker-app.mjs
new file mode 100644
index 0000000..b21e55a
--- /dev/null
+++ b/services/history-v1/backup-worker-app.mjs
@@ -0,0 +1,70 @@
+// @ts-check
+// Metrics must be initialized before importing anything else
+import '@overleaf/metrics/initialize.js'
+import http from 'node:http'
+import { fileURLToPath } from 'node:url'
+import { promisify } from 'node:util'
+import express from 'express'
+import logger from '@overleaf/logger'
+import Metrics from '@overleaf/metrics'
+import { expressify } from '@overleaf/promise-utils'
+import { drainQueue, healthCheck } from './storage/scripts/backup_worker.mjs'
+const app = express()
+
+logger.initialize('history-v1-backup-worker')
+Metrics.open_sockets.monitor()
+Metrics.injectMetricsRoute(app)
+app.use(Metrics.http.monitor(logger))
+Metrics.leaked_sockets.monitor(logger)
+Metrics.event_loop.monitor(logger)
+Metrics.memory.monitor(logger)
+
+app.get('/status', (req, res) => {
+  res.send('history-v1-backup-worker is up')
+})
+
+app.get(
+  '/health_check',
+  expressify(async (req, res) => {
+    await healthCheck()
+    res.sendStatus(200)
+  })
+)
+
+app.use((err, req, res, next) => {
+  req.logger.addFields({ err })
+  req.logger.setLevel('error')
+  next(err)
+})
+
+async function triggerGracefulShutdown(server, signal) {
+  logger.info({ signal }, 'graceful shutdown: started shutdown sequence')
+  await drainQueue()
+  server.close(function () {
+    logger.info({ signal }, 'graceful shutdown: closed server')
+    setTimeout(() => {
+      process.exit(0)
+    }, 1000)
+  })
+}
+
+/**
+ * @param {number} port
+ * @return {Promise<http.Server>}
+ */
+export async function startApp(port) {
+  await healthCheck()
+  const server = http.createServer(app)
+  await promisify(server.listen.bind(server, port))()
+  const signals = ['SIGINT', 'SIGTERM']
+  signals.forEach(signal => {
+    process.on(signal, () => triggerGracefulShutdown(server, signal))
+  })
+  return server
+}
+
+// Run this if we're called directly
+if (process.argv[1] === fileURLToPath(import.meta.url)) {
+  const PORT = parseInt(process.env.PORT || '3103', 10)
+  await startApp(PORT)
+}
diff --git a/services/history-v1/backupVerifier/ProjectMetrics.mjs b/services/history-v1/backupVerifier/ProjectMetrics.mjs
new file mode 100644
index 0000000..ff37085
--- /dev/null
+++ b/services/history-v1/backupVerifier/ProjectMetrics.mjs
@@ -0,0 +1,33 @@
+import Metrics from '@overleaf/metrics'
+import { objectIdFromDate } from './utils.mjs'
+import { db } from '../storage/lib/mongodb.js'
+
+const projectsCollection = db.collection('projects')
+
+/**
+ *
+ * @param {Date} beforeTime
+ * @return {Promise<void>}
+ */
+export async function measurePendingChangesBeforeTime(beforeTime) {
+  const pendingChangeCount = await projectsCollection.countDocuments({
+    'overleaf.backup.pendingChangeAt': {
+      $lt: beforeTime,
+    },
+  })
+
+  Metrics.gauge('backup_verification_pending_changes', pendingChangeCount)
+}
+
+/**
+ *
+ * @param {Date} graceTime
+ * @return {Promise<void>}
+ */
+export async function measureNeverBackedUpProjects(graceTime) {
+  const neverBackedUpCount = await projectsCollection.countDocuments({
+    'overleaf.backup.lastBackedUpVersion': null,
+    _id: { $lt: objectIdFromDate(graceTime) },
+  })
+  Metrics.gauge('backup_verification_never_backed_up', neverBackedUpCount)
+}
diff --git a/services/history-v1/backupVerifier/ProjectSampler.mjs b/services/history-v1/backupVerifier/ProjectSampler.mjs
new file mode 100644
index 0000000..93d9a1a
--- /dev/null
+++ b/services/history-v1/backupVerifier/ProjectSampler.mjs
@@ -0,0 +1,79 @@
+// @ts-check
+import { objectIdFromDate } from './utils.mjs'
+import { db } from '../storage/lib/mongodb.js'
+import config from 'config'
+
+const projectsCollection = db.collection('projects')
+
+const HAS_PROJECTS_WITHOUT_HISTORY =
+  config.get('hasProjectsWithoutHistory') === 'true'
+
+/**
+ * @param {Date} start
+ * @param {Date} end
+ * @param {number} N
+ * @yields {string}
+ */
+export async function* getProjectsCreatedInDateRangeCursor(start, end, N) {
+  yield* getSampleProjectsCursor(N, [
+    {
+      $match: {
+        _id: {
+          $gt: objectIdFromDate(start),
+          $lte: objectIdFromDate(end),
+        },
+      },
+    },
+  ])
+}
+
+export async function* getProjectsUpdatedInDateRangeCursor(start, end, N) {
+  yield* getSampleProjectsCursor(N, [
+    {
+      $match: {
+        'overleaf.history.updatedAt': {
+          $gt: start,
+          $lte: end,
+        },
+      },
+    },
+  ])
+}
+
+/**
+ * @typedef {import('mongodb').Document} Document
+ */
+
+/**
+ *
+ * @generator
+ * @param {number} N
+ * @param {Array<Document>} preSampleAggregationStages
+ * @yields {string}
+ */
+export async function* getSampleProjectsCursor(
+  N,
+  preSampleAggregationStages = []
+) {
+  const cursor = projectsCollection.aggregate([
+    ...preSampleAggregationStages,
+    { $sample: { size: N } },
+    { $project: { 'overleaf.history.id': 1 } },
+  ])
+
+  let validProjects = 0
+  let hasInvalidProject = false
+
+  for await (const project of cursor) {
+    if (HAS_PROJECTS_WITHOUT_HISTORY && !project.overleaf?.history?.id) {
+      hasInvalidProject = true
+      continue
+    }
+    validProjects++
+    yield project.overleaf.history.id.toString()
+  }
+
+  if (validProjects === 0 && hasInvalidProject) {
+    yield* getSampleProjectsCursor(N, preSampleAggregationStages)
+  }
+}
diff --git a/services/history-v1/backupVerifier/ProjectVerifier.mjs b/services/history-v1/backupVerifier/ProjectVerifier.mjs
new file mode 100644
index 0000000..1e4086b
--- /dev/null
+++ b/services/history-v1/backupVerifier/ProjectVerifier.mjs
@@ -0,0 +1,320 @@
+// @ts-check
+import { verifyProjectWithErrorContext } from '../storage/lib/backupVerifier.mjs'
+import { promiseMapSettledWithLimit } from '@overleaf/promise-utils'
+import logger from '@overleaf/logger'
+import metrics from '@overleaf/metrics'
+import {
+  getSampleProjectsCursor,
+  getProjectsCreatedInDateRangeCursor,
+  getProjectsUpdatedInDateRangeCursor,
+} from './ProjectSampler.mjs'
+import OError from '@overleaf/o-error'
+import { setTimeout } from 'node:timers/promises'
+
+const MS_PER_30_DAYS = 30 * 24 * 60 * 60 * 1000
+
+const failureCounter = new metrics.prom.Counter({
+  name: 'backup_project_verification_failed',
+  help: 'Number of projects that failed verification',
+  labelNames: ['name'],
+})
+
+const successCounter = new metrics.prom.Counter({
+  name: 'backup_project_verification_succeeded',
+  help: 'Number of projects that succeeded verification',
+})
+
+let WRITE_METRICS = false
+
+/**
+ * @typedef {import('node:events').EventEmitter} EventEmitter
+ */
+
+/**
+ * Allows writing metrics to be enabled or disabled.
+ * @param {Boolean} writeMetrics
+ */
+export function setWriteMetrics(writeMetrics) {
+  WRITE_METRICS = writeMetrics
+}
+
+/**
+ *
+ * @param {Error|unknown} error
+ * @param {string} historyId
+ */
+function handleVerificationError(error, historyId) {
+  const name = error instanceof Error ? error.name : 'UnknownError'
+  logger.error({ historyId, error, name }, 'error verifying project backup')
+
+  WRITE_METRICS && failureCounter.inc({ name })
+
+  return name
+}
+
+/**
+ *
+ * @param {Date} startDate
+ * @param {Date} endDate
+ * @param {number} interval
+ * @returns {Array<VerificationJobSpecification>}
+ */
+function splitJobs(startDate, endDate, interval) {
+  /** @type {Array<VerificationJobSpecification>} */
+  const jobs = []
+  while (startDate < endDate) {
+    const nextStart = new Date(
+      Math.min(startDate.getTime() + interval, endDate.getTime())
+    )
+    jobs.push({ startDate, endDate: nextStart })
+    startDate = nextStart
+  }
+  return jobs
+}
+
+/**
+ *
+ * @param {AsyncGenerator<string>} historyIdCursor
+ * @param {EventEmitter} [eventEmitter]
+ * @param {number} [delay] - Allows a delay between each verification
+ * @return {Promise<{verified: number, total: number, errorTypes: *[], hasFailure: boolean}>}
+ */
+async function verifyProjectsFromCursor(
+  historyIdCursor,
+  eventEmitter,
+  delay = 0
+) {
+  const errorTypes = []
+  let verified = 0
+  let total = 0
+  let receivedShutdownSignal = false
+  if (eventEmitter) {
+    eventEmitter.once('shutdown', () => {
+      receivedShutdownSignal = true
+    })
+  }
+  for await (const historyId of historyIdCursor) {
+    if (receivedShutdownSignal) {
+      break
+    }
+    total++
+    try {
+      await verifyProjectWithErrorContext(historyId)
+      logger.debug({ historyId }, 'verified project backup successfully')
+      WRITE_METRICS && successCounter.inc()
+      verified++
+    } catch (error) {
+      const errorType = handleVerificationError(error, historyId)
+      errorTypes.push(errorType)
+    }
+    if (delay > 0) {
+      await setTimeout(delay)
+    }
+  }
+  return {
+    verified,
+    total,
+    errorTypes,
+    hasFailure: errorTypes.length > 0,
+  }
+}
+
+/**
+ *
+ * @param {number} nProjectsToSample
+ * @param {EventEmitter} [signal]
+ * @param {number} [delay]
+ * @return {Promise<VerificationJobStatus>}
+ */
+export async function verifyRandomProjectSample(
+  nProjectsToSample,
+  signal,
+  delay = 0
+) {
+  const historyIds = await getSampleProjectsCursor(nProjectsToSample)
+  return await verifyProjectsFromCursor(historyIds, signal, delay)
+}
+
+/**
+ * Samples projects with history IDs between the specified dates and verifies them.
+ *
+ * @param {Date} startDate
+ * @param {Date} endDate
+ * @param {number} projectsPerRange
+ * @param {EventEmitter} [signal]
+ * @return {Promise<VerificationJobStatus>}
+ */
+async function verifyRange(startDate, endDate, projectsPerRange, signal) {
+  logger.info({ startDate, endDate }, 'verifying range')
+
+  const results = await verifyProjectsFromCursor(
+    getProjectsCreatedInDateRangeCursor(startDate, endDate, projectsPerRange),
+    signal
+  )
+
+  if (results.total === 0) {
+    logger.debug(
+      { start: startDate, end: endDate },
+      'No projects found in range'
+    )
+  }
+
+  const jobStatus = {
+    ...results,
+    startDate,
+    endDate,
+  }
+
+  logger.debug(
+    { ...jobStatus, errorTypes: Array.from(new Set(jobStatus.errorTypes)) },
+    'Verified range'
+  )
+  return jobStatus
+}
+
+/**
+ * @typedef {Object} VerificationJobSpecification
+ * @property {Date} startDate
+ * @property {Date} endDate
+ */
+
+/**
+ * @typedef {import('./types.d.ts').VerificationJobStatus} VerificationJobStatus
+ */
+
+/**
+ * @typedef {Object} VerifyDateRangeOptions
+ * @property {Date} startDate
+ * @property {Date} endDate
+ * @property {number} [interval]
+ * @property {number} [projectsPerRange]
+ * @property {number} [concurrency]
+ * @property {EventEmitter} [signal]
+ */
+
+/**
+ *
+ * @param {VerifyDateRangeOptions} options
+ * @return {Promise<VerificationJobStatus>}
+ */
+export async function verifyProjectsCreatedInDateRange({
+  concurrency = 0,
+  projectsPerRange = 10,
+  startDate,
+  endDate,
+  interval = MS_PER_30_DAYS,
+  signal,
+}) {
+  const jobs = splitJobs(startDate, endDate, interval)
+  if (jobs.length === 0) {
+    throw new OError('Time range could not be split into jobs', {
+      start: startDate,
+      end: endDate,
+      interval,
+    })
+  }
+  const settlements = await promiseMapSettledWithLimit(
+    concurrency,
+    jobs,
+    ({ startDate, endDate }) =>
+      verifyRange(startDate, endDate, projectsPerRange, signal)
+  )
+  return settlements.reduce(
+    /**
+     *
+     * @param {VerificationJobStatus} acc
+     * @param settlement
+     * @return {VerificationJobStatus}
+     */
+    (acc, settlement) => {
+      if (settlement.status !== 'rejected') {
+        if (settlement.value.hasFailure) {
+          acc.hasFailure = true
+        }
+        acc.total += settlement.value.total
+        acc.verified += settlement.value.verified
+        acc.errorTypes = acc.errorTypes.concat(settlement.value.errorTypes)
+      } else {
+        logger.error({ ...settlement.reason }, 'Error processing range')
+      }
+      return acc
+    },
+    /** @type {VerificationJobStatus} */
+    {
+      startDate,
+      endDate,
+      verified: 0,
+      total: 0,
+      hasFailure: false,
+      errorTypes: [],
+    }
+  )
+}
+
+/**
+ * Verifies that projects that have recently gone out of RPO have been updated.
+ *
+ * @param {Date} startDate
+ * @param {Date} endDate
+ * @param {number} nProjects
+ * @param {EventEmitter} [signal]
+ * @return {Promise<VerificationJobStatus>}
+ */
+export async function verifyProjectsUpdatedInDateRange(
+  startDate,
+  endDate,
+  nProjects,
+  signal
+) {
+  logger.debug(
+    { startDate, endDate, nProjects },
+    'Sampling projects updated in date range'
+  )
+  const results = await verifyProjectsFromCursor(
+    getProjectsUpdatedInDateRangeCursor(startDate, endDate, nProjects),
+    signal
+  )
+
+  if (results.total === 0) {
+    logger.debug(
+      { start: startDate, end: endDate },
+      'No projects updated recently'
+    )
+  }
+
+  const jobStatus = {
+    ...results,
+    startDate,
+    endDate,
+  }
+
+  logger.debug(
+    { ...jobStatus, errorTypes: Array.from(new Set(jobStatus.errorTypes)) },
+    'Verified recently updated projects'
+  )
+  return jobStatus
+}
+
+/**
+ *
+ * @param {EventEmitter} signal
+ * @return {void}
+ */
+export function loopRandomProjects(signal) {
+  let shutdown = false
+  signal.on('shutdown', function () {
+    shutdown = true
+  })
+  async function loop() {
+    do {
+      try {
+        const result = await verifyRandomProjectSample(100, signal, 2_000)
+        logger.debug({ result }, 'verified random project sample')
+      } catch (error) {
+        logger.error({ error }, 'error verifying random project sample')
+      }
+      // eslint-disable-next-line no-unmodified-loop-condition
+    } while (!shutdown)
+  }
+  loop()
+}
diff --git a/services/history-v1/backupVerifier/healthCheck.mjs b/services/history-v1/backupVerifier/healthCheck.mjs
new file mode 100644
index 0000000..af99874
--- /dev/null
+++ b/services/history-v1/backupVerifier/healthCheck.mjs
@@ -0,0 +1,32 @@
+import config from 'config'
+import { verifyProjectWithErrorContext } from '../storage/lib/backupVerifier.mjs'
+import {
+  measureNeverBackedUpProjects,
+  measurePendingChangesBeforeTime,
+} from './ProjectMetrics.mjs'
+import { getEndDateForRPO, RPO } from './utils.mjs'
+
+/** @type {Array<string>} */
+const HEALTH_CHECK_PROJECTS = JSON.parse(config.get('healthCheckProjects'))
+
+export async function healthCheck() {
+  if (!Array.isArray(HEALTH_CHECK_PROJECTS)) {
+    throw new Error('expected healthCheckProjects to be an array')
+  }
+  if (HEALTH_CHECK_PROJECTS.length !== 2) {
+    throw new Error('expected 2 healthCheckProjects')
+  }
+  if (!HEALTH_CHECK_PROJECTS.some(id => id.length === 24)) {
+    throw new Error('expected mongo id in healthCheckProjects')
+  }
+  if (!HEALTH_CHECK_PROJECTS.some(id => id.length < 24)) {
+    throw new Error('expected postgres id in healthCheckProjects')
+  }
+
+  for (const historyId of HEALTH_CHECK_PROJECTS) {
+    await verifyProjectWithErrorContext(historyId)
+  }
+
+  await measurePendingChangesBeforeTime(getEndDateForRPO(2))
+  await measureNeverBackedUpProjects(getEndDateForRPO(2))
+}
diff --git a/services/history-v1/backupVerifier/types.d.ts b/services/history-v1/backupVerifier/types.d.ts
new file mode 100644
index 0000000..7bfa4a8
--- /dev/null
+++ b/services/history-v1/backupVerifier/types.d.ts
@@ -0,0 +1,8 @@
+export type VerificationJobStatus = {
+  verified: number
+  total: number
+  startDate?: Date
+  endDate?: Date
+  hasFailure: boolean
+  errorTypes: Array<string>
+}
diff --git a/services/history-v1/backupVerifier/utils.mjs b/services/history-v1/backupVerifier/utils.mjs
new file mode 100644
index 0000000..b2d7ed2
--- /dev/null
+++ b/services/history-v1/backupVerifier/utils.mjs
@@ -0,0 +1,35 @@
+import { ObjectId } from 'mongodb'
+import config from 'config'
+
+export const RPO = parseInt(config.get('backupRPOInMS'), 10)
+
+/**
+ * @param {Date} time
+ * @return {ObjectId}
+ */
+export function objectIdFromDate(time) {
+  return ObjectId.createFromTime(time.getTime() / 1000)
+}
+
+/**
+ * @param {number} [factor] - Multiply RPO by this factor, default is 1
+ * @return {Date}
+ */
+export function getEndDateForRPO(factor = 1) {
+  return new Date(Date.now() - RPO * factor)
+}
+
+/**
+ * Creates a startDate, endDate pair that checks a period of time before the RPO horizon
+ *
+ * @param {number} offset - How many seconds we should check
+ * @return {{endDate: Date, startDate: Date}}
+ */
+export function getDatesBeforeRPO(offset) {
+  const now = new Date()
+  const endDate = new Date(now.getTime() - RPO)
+  return {
+    endDate,
+    startDate: new Date(endDate.getTime() - offset * 1000),
+  }
+}
diff --git a/services/history-v1/benchmarks/blob_store.js b/services/history-v1/benchmarks/blob_store.js
new file mode 100644
index 0000000..9efad87
--- /dev/null
+++ b/services/history-v1/benchmarks/blob_store.js
@@ -0,0 +1,82 @@
+const crypto = require('node:crypto')
+const benny = require('benny')
+const { Blob } = require('overleaf-editor-core')
+const mongoBackend = require('../storage/lib/blob_store/mongo')
+const postgresBackend = require('../storage/lib/blob_store/postgres')
+const cleanup = require('../test/acceptance/js/storage/support/cleanup')
+
+const MONGO_PROJECT_ID = '637386deb4ce3c62acd3848e'
+const POSTGRES_PROJECT_ID = '123'
+
+async function run() {
+  for (const blobCount of [1, 10, 100, 1000, 10000, 100000, 500000]) {
+    await cleanup.everything()
+    const blobs = createBlobs(blobCount)
+    await insertBlobs(blobs)
+    const randomHashes = getRandomHashes(blobs, 100)
+    await benny.suite(
+      `Read a blob in a project with ${blobCount} blobs`,
+      benny.add('Mongo backend', async () => {
+        await mongoBackend.findBlob(MONGO_PROJECT_ID, randomHashes[0])
+      }),
+      benny.add('Postgres backend', async () => {
+        await postgresBackend.findBlob(POSTGRES_PROJECT_ID, randomHashes[0])
+      }),
+      benny.cycle(),
+      benny.complete()
+    )
+    await benny.suite(
+      `Read 100 blobs in a project with ${blobCount} blobs`,
+      benny.add('Mongo backend', async () => {
+        await mongoBackend.findBlobs(MONGO_PROJECT_ID, randomHashes)
+      }),
+      benny.add('Postgres backend', async () => {
+        await postgresBackend.findBlobs(POSTGRES_PROJECT_ID, randomHashes)
+      }),
+      benny.cycle(),
+      benny.complete()
+    )
+    await benny.suite(
+      `Insert a blob in a project with ${blobCount} blobs`,
+      benny.add('Mongo backend', async () => {
+        const [newBlob] = createBlobs(1)
+        await mongoBackend.insertBlob(MONGO_PROJECT_ID, newBlob)
+      }),
+      benny.add('Postgres backend', async () => {
+        const [newBlob] = createBlobs(1)
+        await postgresBackend.insertBlob(POSTGRES_PROJECT_ID, newBlob)
+      }),
+      benny.cycle(),
+      benny.complete()
+    )
+  }
+}
+
+function createBlobs(blobCount) {
+  const blobs = []
+  for (let i = 0; i < blobCount; i++) {
+    const hash = crypto.randomBytes(20).toString('hex')
+    blobs.push(new Blob(hash, 42, 42))
+  }
+  return blobs
+}
+
+async function insertBlobs(blobs) {
+  for (const blob of blobs) {
+    await Promise.all([
+      mongoBackend.insertBlob(MONGO_PROJECT_ID, blob),
+      postgresBackend.insertBlob(POSTGRES_PROJECT_ID, blob),
+    ])
+  }
+}
+
+function getRandomHashes(blobs, count) {
+  const hashes = []
+  for (let i = 0; i < count; i++) {
+    const index = Math.floor(Math.random() * blobs.length)
+    hashes.push(blobs[index].getHash())
+  }
+  return hashes
+}
+
+module.exports = run
diff --git a/services/history-v1/benchmarks/index.js b/services/history-v1/benchmarks/index.js
new file mode 100644
index 0000000..5cc5baf
--- /dev/null
+++ b/services/history-v1/benchmarks/index.js
@@ -0,0 +1,17 @@
+const testSetup = require('../test/setup')
+const blobStoreSuite = require('./blob_store')
+
+async function main() {
+  await testSetup.setupPostgresDatabase()
+  await testSetup.createGcsBuckets()
+  await blobStoreSuite()
+}
+
+main()
+  .then(() => {
+    process.exit(0)
+  })
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
diff --git a/services/history-v1/buildscript.txt b/services/history-v1/buildscript.txt
new file mode 100644
index 0000000..f3e029b
--- /dev/null
+++ b/services/history-v1/buildscript.txt
@@ -0,0 +1,10 @@
+history-v1
+--dependencies=postgres,gcs,mongo,redis,s3
+--docker-repos=us-east1-docker.pkg.dev/overleaf-ops/ol-docker
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--node-version=20.18.2
+--public-repo=False
+--script-version=4.7.0
+--tsconfig-extra-includes=backup-deletion-app.mjs,backup-verifier-app.mjs,backup-worker-app.mjs,api/**/*,migrations/**/*,storage/**/*
diff --git a/services/history-v1/config/custom-environment-variables.json b/services/history-v1/config/custom-environment-variables.json
new file mode 100644
index 0000000..d07ae29
--- /dev/null
+++ b/services/history-v1/config/custom-environment-variables.json
@@ -0,0 +1,104 @@
+{
+  "databaseUrl": "HISTORY_CONNECTION_STRING",
+  "databaseUrlReadOnly": "HISTORY_FOLLOWER_CONNECTION_STRING",
+  "herokuDatabaseUrl": "DATABASE_URL",
+  "databasePoolMin": "DATABASE_POOL_MIN",
+  "databasePoolMax": "DATABASE_POOL_MAX",
+  "persistor": {
+    "backend": "PERSISTOR_BACKEND",
+    "s3": {
+      "key": "AWS_ACCESS_KEY_ID",
+      "secret": "AWS_SECRET_ACCESS_KEY",
+      "endpoint": "AWS_S3_ENDPOINT",
+      "pathStyle": "AWS_S3_PATH_STYLE",
+      "maxRetries": "S3_MAX_RETRIES",
+      "httpOptions": {
+        "timeout": "S3_TIMEOUT"
+      }
+    },
+    "gcs": {
+      "deletedBucketSuffix": "GCS_DELETED_BUCKET_SUFFIX",
+      "unlockBeforeDelete": "GCS_UNLOCK_BEFORE_DELETE",
+      "endpoint": {
+        "apiEndpoint": "GCS_API_ENDPOINT",
+        "projectId": "GCS_PROJECT_ID"
+      },
+      "retryOptions": {
+        "maxRetries": "GCS_MAX_RETRIES",
+        "idempotencyStrategy": "GCS_IDEMPOTENCY_STRATEGY"
+      }
+    },
+    "fallback": {
+      "backend": "PERSISTOR_FALLBACK_BACKEND",
+      "buckets": "PERSISTOR_BUCKET_MAPPING"
+    }
+  },
+  "backupPersistor": {
+    "keyEncryptionKeys": "BACKUP_KEY_ENCRYPTION_KEYS",
+    "s3SSEC": {
+      "key": "AWS_ACCESS_KEY_ID",
+      "secret": "AWS_SECRET_ACCESS_KEY",
+      "endpoint": "AWS_S3_ENDPOINT",
+      "pathStyle": "AWS_S3_PATH_STYLE",
+      "maxRetries": "BACKUP_S3_MAX_RETRIES",
+      "httpOptions": {
+        "timeout": "BACKUP_S3_TIMEOUT"
+      }
+    }
+  },
+  "blobStore": {
+    "globalBucket": "OVERLEAF_EDITOR_BLOBS_BUCKET",
+    "projectBucket": "OVERLEAF_EDITOR_PROJECT_BLOBS_BUCKET"
+  },
+  "chunkStore": {
+    "historyStoreConcurrency": "HISTORY_STORE_CONCURRENCY",
+    "bucket": "OVERLEAF_EDITOR_CHUNKS_BUCKET"
+  },
+  "zipStore": {
+    "bucket": "OVERLEAF_EDITOR_ZIPS_BUCKET",
+    "zipTimeoutMs": "ZIP_STORE_ZIP_TIMEOUT_MS"
+  },
+  "backupStore": {
+    "chunksBucket":"BACKUP_OVERLEAF_EDITOR_CHUNKS_BUCKET",
+    "deksBucket":"BACKUP_OVERLEAF_EDITOR_DEKS_BUCKET",
+    "globalBlobsBucket":"BACKUP_OVERLEAF_EDITOR_GLOBAL_BLOBS_BUCKET",
+    "projectBlobsBucket":"BACKUP_OVERLEAF_EDITOR_PROJECT_BLOBS_BUCKET"
+  },
+  "healthCheckBlobs": "HEALTH_CHECK_BLOBS",
+  "healthCheckProjects": "HEALTH_CHECK_PROJECTS",
+  "backupRPOInMS": "BACKUP_RPO_IN_MS",
+  "minSoftDeletionPeriodDays": "MIN_SOFT_DELETION_PERIOD_DAYS",
+  "mongo": {
+    "uri": "MONGO_CONNECTION_STRING"
+  },
+  "basicHttpAuth": {
+    "password": "STAGING_PASSWORD",
+    "oldPassword": "BASIC_HTTP_AUTH_OLD_PASSWORD"
+  },
+  "jwtAuth": {
+    "key": "OT_JWT_AUTH_KEY",
+    "oldKey": "OT_JWT_AUTH_OLD_KEY",
+    "algorithm": "OT_JWT_AUTH_ALG"
+  },
+  "clusterWorkers": "CLUSTER_WORKERS",
+  "maxFileUploadSize": "MAX_FILE_UPLOAD_SIZE",
+  "httpsOnly": "HTTPS_ONLY",
+  "httpRequestTimeout": "HTTP_REQUEST_TIMEOUT",
+  "redis": {
+    "queue": {
+      "host": "QUEUES_REDIS_HOST",
+      "password": "QUEUES_REDIS_PASSWORD",
+      "port": "QUEUES_REDIS_PORT"
+    },
+    "history": {
+      "host": "HISTORY_REDIS_HOST",
+      "password": "HISTORY_REDIS_PASSWORD",
+      "port": "HISTORY_REDIS_PORT"
+    },
+    "lock": {
+      "host": "REDIS_HOST",
+      "password": "REDIS_PASSWORD",
+      "port": "REDIS_PORT"
+    }
+  }
+}
diff --git a/services/history-v1/config/default.json b/services/history-v1/config/default.json
new file mode 100644
index 0000000..5222b84
--- /dev/null
+++ b/services/history-v1/config/default.json
@@ -0,0 +1,43 @@
+{
+  "persistor": {
+    "backend": "s3",
+    "s3": {
+      "signedUrlExpiryInMs": "1800000",
+      "maxRetries": "1",
+      "httpOptions": {
+        "timeout": "8000"
+      }
+    },
+    "gcs": {
+      "signedUrlExpiryInMs": "1800000",
+      "deleteConcurrency": "50"
+    }
+  },
+  "backupPersistor": {
+    "backend": "s3SSEC",
+    "s3SSEC": {
+      "maxRetries": "1",
+      "pathStyle": false,
+      "httpOptions": {
+        "timeout": "120000"
+      }
+    }
+  },
+  "backupRPOInMS": "3600000",
+  "chunkStore": {
+    "historyStoreConcurrency": "4"
+  },
+  "zipStore": {
+    "zipTimeoutMs": "360000"
+  },
+  "hasProjectsWithoutHistory": false,
+  "minSoftDeletionPeriodDays": "90",
+  "maxDeleteKeys": "1000",
+  "useDeleteObjects": "true",
+  "clusterWorkers": "1",
+  "maxFileUploadSize": "52428800",
+  "databasePoolMin": "2",
+  "databasePoolMax": "10",
+  "httpsOnly": "false",
+  "httpRequestTimeout": "300000"
+}
diff --git a/services/history-v1/config/development.json b/services/history-v1/config/development.json
new file mode 100644
index 0000000..9cd73c6
--- /dev/null
+++ b/services/history-v1/config/development.json
@@ -0,0 +1,49 @@
+{
+  "databaseUrl": "postgres://postgres:postgres@postgres/write_latex_dev",
+  "persistor": {
+    "s3": {
+      "endpoint": "http://s3:8080",
+      "pathStyle": "true"
+    },
+    "gcs": {
+      "unsignedUrls": "true",
+      "endpoint": {
+        "apiEndpoint": "http://fake-gcs:9090",
+        "projectId": "fake"
+      }
+    }
+  },
+  "blobStore": {
+    "globalBucket": "overleaf-development-blobs",
+    "projectBucket": "overleaf-development-project-blobs"
+  },
+  "chunkStore": {
+    "bucket": "overleaf-development-chunks"
+  },
+  "zipStore": {
+    "bucket": "overleaf-development-zips"
+  },
+  "backupStore": {
+    "chunksBucket":"overleaf-development-history-chunks",
+    "deksBucket":"overleaf-development-history-deks",
+    "globalBlobsBucket":"overleaf-development-history-global-blobs",
+    "projectBlobsBucket":"overleaf-development-history-project-blobs"
+  },
+  "backupPersistor": {
+    "keyEncryptionKeys": "[{\"key\":\"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=\",\"salt\":\"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=\"}]",
+    "s3SSEC": {
+      "ca": "[\"/certs/public.crt\"]"
+    }
+  },
+  "useDeleteObjects": "false",
+  "mongo": {
+    "uri": "mongodb://mongo:27017/sharelatex"
+  },
+  "basicHttpAuth": {
+    "password": "password"
+  },
+  "jwtAuth": {
+    "key": "secureKey",
+    "algorithm": "HS256"
+  }
+}
diff --git a/services/history-v1/config/production.json b/services/history-v1/config/production.json
new file mode 100644
index 0000000..23f836b
--- /dev/null
+++ b/services/history-v1/config/production.json
@@ -0,0 +1,5 @@
+{
+  "backupPersistor": {
+    "tieringStorageClass": "INTELLIGENT_TIERING"
+  }
+}
diff --git a/services/history-v1/config/test.json b/services/history-v1/config/test.json
new file mode 100644
index 0000000..c38e28e
--- /dev/null
+++ b/services/history-v1/config/test.json
@@ -0,0 +1,53 @@
+{
+  "databaseUrl": "postgres://overleaf:overleaf@postgres/overleaf-history-v1-test",
+  "databaseUrlReadOnly": "postgres://read_only:password@postgres/overleaf-history-v1-test",
+  "persistor": {
+    "backend": "gcs",
+    "gcs": {
+      "unsignedUrls": "true",
+      "endpoint": {
+        "apiEndpoint": "http://gcs:9090",
+        "projectId": "fake"
+      }
+    }
+  },
+  "blobStore": {
+    "globalBucket": "overleaf-test-blobs",
+    "projectBucket": "overleaf-test-project-blobs"
+  },
+  "chunkStore": {
+    "bucket": "overleaf-test-chunks"
+  },
+  "zipStore": {
+    "bucket": "overleaf-test-zips"
+  },
+  "backupStore": {
+    "chunksBucket":"overleaf-test-history-chunks",
+    "deksBucket":"overleaf-test-history-deks",
+    "globalBlobsBucket":"overleaf-test-history-global-blobs",
+    "projectBlobsBucket":"overleaf-test-history-project-blobs"
+  },
+  "backupPersistor": {
+    "keyEncryptionKeys": "[{\"key\":\"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=\",\"salt\":\"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=\"}]",
+    "s3SSEC": {
+      "ca": "[\"/certs/public.crt\"]"
+    },
+    "tieringStorageClass": "REDUCED_REDUNDANCY"
+  },
+  "healthCheckBlobs": "[\"42/f70d7bba4ae1f07682e0358bd7a2068094fc023b\",\"000000000000000000000042/98d5521fe746bc2d11761edab5d0829bee286009\"]",
+  "healthCheckProjects": "[\"42\",\"000000000000000000000042\"]",
+  "backupRPOInMS": "360000",
+  "maxDeleteKeys": "3",
+  "useDeleteObjects": "false",
+  "mongo": {
+    "uri": "mongodb://mongo:27017/sharelatex"
+  },
+  "basicHttpAuth": {
+    "password": "test"
+  },
+  "jwtAuth": {
+    "key": "testtest",
+    "algorithm": "HS256"
+  },
+  "maxFileUploadSize": "524288"
+}
diff --git a/services/history-v1/docker-compose.ci.yml b/services/history-v1/docker-compose.ci.yml
new file mode 100644
index 0000000..06d5d55
--- /dev/null
+++ b/services/history-v1/docker-compose.ci.yml
@@ -0,0 +1,237 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    user: node
+    command: npm run test:unit:_run
+    environment:
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+
+
+  test_acceptance:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      REDIS_HOST: redis
+      QUEUES_REDIS_HOST: redis
+      HISTORY_REDIS_HOST: redis
+      ANALYTICS_QUEUES_REDIS_HOST: redis
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      AWS_S3_ENDPOINT: https://minio:9000
+      AWS_S3_PATH_STYLE: 'true'
+      AWS_ACCESS_KEY_ID: OVERLEAF_HISTORY_S3_ACCESS_KEY_ID
+      AWS_SECRET_ACCESS_KEY: OVERLEAF_HISTORY_S3_SECRET_ACCESS_KEY
+      MINIO_ROOT_USER: MINIO_ROOT_USER
+      MINIO_ROOT_PASSWORD: MINIO_ROOT_PASSWORD
+      GCS_API_ENDPOINT: http://gcs:9090
+      GCS_PROJECT_ID: fake
+      STORAGE_EMULATOR_HOST: http://gcs:9090/storage/v1
+      MOCHA_GREP: ${MOCHA_GREP}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    volumes:
+      - ./test/acceptance/certs:/certs
+    depends_on:
+      mongo:
+        condition: service_started
+      redis:
+        condition: service_healthy
+      postgres:
+        condition: service_healthy
+      certs:
+        condition: service_completed_successfully
+      minio:
+        condition: service_started
+      minio_setup:
+        condition: service_completed_successfully
+      gcs:
+        condition: service_healthy
+    user: node
+    command: npm run test:acceptance
+
+
+  tar:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    volumes:
+      - ./:/tmp/build/
+    command: tar -czf /tmp/build/build.tar.gz --exclude=build.tar.gz --exclude-vcs .
+    user: root
+  redis:
+    image: redis
+    healthcheck:
+      test: ping="$$(redis-cli ping)" && [ "$$ping" = 'PONG' ]
+      interval: 1s
+      retries: 20
+
+  mongo:
+    image: mongo:6.0.13
+    command: --replSet overleaf
+    volumes:
+      - ../../bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+    environment:
+      MONGO_INITDB_DATABASE: sharelatex
+    extra_hosts:
+      # Required when using the automatic database setup for initializing the
+      # replica set. This override is not needed when running the setup after
+      # starting up mongo.
+      - mongo:127.0.0.1
+  postgres:
+    image: postgres:10
+    environment:
+      POSTGRES_USER: overleaf
+      POSTGRES_PASSWORD: overleaf
+      POSTGRES_DB: overleaf-history-v1-test
+    volumes:
+      - ./test/acceptance/pg-init/:/docker-entrypoint-initdb.d/
+    healthcheck:
+      test: pg_isready --quiet
+      interval: 1s
+      retries: 20
+
+  certs:
+    image: node:20.18.2
+    volumes:
+      - ./test/acceptance/certs:/certs
+    working_dir: /certs
+    entrypoint: sh
+    command:
+      - '-cex'
+      - |
+        if [ ! -f ./certgen ]; then
+          wget -O ./certgen "https://github.com/minio/certgen/releases/download/v1.3.0/certgen-linux-$(dpkg --print-architecture)"
+          chmod +x ./certgen
+        fi
+        if [ ! -f private.key ] || [ ! -f public.crt ]; then
+          ./certgen -host minio
+        fi
+
+  minio:
+    image: minio/minio:RELEASE.2024-10-13T13-34-11Z
+    command: server /data
+    volumes:
+      - ./test/acceptance/certs:/root/.minio/certs
+    environment:
+      MINIO_ROOT_USER: MINIO_ROOT_USER
+      MINIO_ROOT_PASSWORD: MINIO_ROOT_PASSWORD
+    depends_on:
+      certs:
+        condition: service_completed_successfully
+
+  minio_setup:
+    depends_on:
+      certs:
+        condition: service_completed_successfully
+      minio:
+        condition: service_started
+    image: minio/mc:RELEASE.2024-10-08T09-37-26Z
+    volumes:
+      - ./test/acceptance/certs:/root/.mc/certs/CAs
+    entrypoint: sh
+    command:
+      - '-cex'
+      - |
+        sleep 1
+        mc alias set s3 https://minio:9000 MINIO_ROOT_USER MINIO_ROOT_PASSWORD \
+        || sleep 3 && \
+        mc alias set s3 https://minio:9000 MINIO_ROOT_USER MINIO_ROOT_PASSWORD \
+        || sleep 3 && \
+        mc alias set s3 https://minio:9000 MINIO_ROOT_USER MINIO_ROOT_PASSWORD \
+        || sleep 3 && \
+        mc alias set s3 https://minio:9000 MINIO_ROOT_USER MINIO_ROOT_PASSWORD
+        mc mb --ignore-existing s3/overleaf-test-history-chunks
+        mc mb --ignore-existing s3/overleaf-test-history-deks
+        mc mb --ignore-existing s3/overleaf-test-history-global-blobs
+        mc mb --ignore-existing s3/overleaf-test-history-project-blobs
+        mc admin user add s3 \
+          OVERLEAF_HISTORY_S3_ACCESS_KEY_ID \
+          OVERLEAF_HISTORY_S3_SECRET_ACCESS_KEY
+        echo '
+          {
+            "Version": "2012-10-17",
+            "Statement": [
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:ListBucket"
+                ],
+                "Resource": "arn:aws:s3:::overleaf-test-history-chunks"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:PutObject",
+                  "s3:GetObject",
+                  "s3:DeleteObject"
+                ],
+                "Resource": "arn:aws:s3:::overleaf-test-history-chunks/*"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:ListBucket"
+                ],
+                "Resource": "arn:aws:s3:::overleaf-test-history-deks"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:PutObject",
+                  "s3:GetObject",
+                  "s3:DeleteObject"
+                ],
+                "Resource": "arn:aws:s3:::overleaf-test-history-deks/*"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:ListBucket"
+                ],
+                "Resource": "arn:aws:s3:::overleaf-test-history-global-blobs"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:PutObject",
+                  "s3:GetObject",
+                  "s3:DeleteObject"
+                ],
+                "Resource": "arn:aws:s3:::overleaf-test-history-global-blobs/*"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:ListBucket"
+                ],
+                "Resource": "arn:aws:s3:::overleaf-test-history-project-blobs"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:PutObject",
+                  "s3:GetObject",
+                  "s3:DeleteObject"
+                ],
+                "Resource": "arn:aws:s3:::overleaf-test-history-project-blobs/*"
+              }
+            ]
+          }' > policy-history.json
+
+        mc admin policy create s3 overleaf-history policy-history.json
+        mc admin policy attach s3 overleaf-history \
+          --user=OVERLEAF_HISTORY_S3_ACCESS_KEY_ID
+  gcs:
+    image: fsouza/fake-gcs-server:1.45.2
+    command: ["--port=9090", "--scheme=http"]
+    healthcheck:
+      test: wget --quiet --output-document=/dev/null http://localhost:9090/storage/v1/b
+      interval: 1s
+      retries: 20
diff --git a/services/history-v1/docker-compose.yml b/services/history-v1/docker-compose.yml
new file mode 100644
index 0000000..f4c885d
--- /dev/null
+++ b/services/history-v1/docker-compose.yml
@@ -0,0 +1,246 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    build:
+      context: ../..
+      dockerfile: services/history-v1/Dockerfile
+      target: base
+    volumes:
+      - .:/overleaf/services/history-v1
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/history-v1
+    environment:
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    command: npm run --silent test:unit
+    user: node
+
+  test_acceptance:
+    build:
+      context: ../..
+      dockerfile: services/history-v1/Dockerfile
+      target: base
+    volumes:
+      - .:/overleaf/services/history-v1
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+      - ./test/acceptance/certs:/certs
+    working_dir: /overleaf/services/history-v1
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      REDIS_HOST: redis
+      HISTORY_REDIS_HOST: redis
+      QUEUES_REDIS_HOST: redis
+      ANALYTICS_QUEUES_REDIS_HOST: redis
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      AWS_S3_ENDPOINT: https://minio:9000
+      AWS_S3_PATH_STYLE: 'true'
+      AWS_ACCESS_KEY_ID: OVERLEAF_HISTORY_S3_ACCESS_KEY_ID
+      AWS_SECRET_ACCESS_KEY: OVERLEAF_HISTORY_S3_SECRET_ACCESS_KEY
+      MINIO_ROOT_USER: MINIO_ROOT_USER
+      MINIO_ROOT_PASSWORD: MINIO_ROOT_PASSWORD
+      GCS_API_ENDPOINT: http://gcs:9090
+      GCS_PROJECT_ID: fake
+      STORAGE_EMULATOR_HOST: http://gcs:9090/storage/v1
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    user: node
+    depends_on:
+      mongo:
+        condition: service_started
+      redis:
+        condition: service_healthy
+      postgres:
+        condition: service_healthy
+      certs:
+        condition: service_completed_successfully
+      minio:
+        condition: service_started
+      minio_setup:
+        condition: service_completed_successfully
+      gcs:
+        condition: service_healthy
+    command: npm run --silent test:acceptance
+
+  redis:
+    image: redis
+    healthcheck:
+      test: ping=$$(redis-cli ping) && [ "$$ping" = 'PONG' ]
+      interval: 1s
+      retries: 20
+
+  mongo:
+    image: mongo:6.0.13
+    command: --replSet overleaf
+    volumes:
+      - ../../bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+    environment:
+      MONGO_INITDB_DATABASE: sharelatex
+    extra_hosts:
+      # Required when using the automatic database setup for initializing the
+      # replica set. This override is not needed when running the setup after
+      # starting up mongo.
+      - mongo:127.0.0.1
+
+  postgres:
+    image: postgres:10
+    environment:
+      POSTGRES_USER: overleaf
+      POSTGRES_PASSWORD: overleaf
+      POSTGRES_DB: overleaf-history-v1-test
+    volumes:
+      - ./test/acceptance/pg-init/:/docker-entrypoint-initdb.d/
+    healthcheck:
+      test: pg_isready --host=localhost --quiet
+      interval: 1s
+      retries: 20
+
+  certs:
+    image: node:20.18.2
+    volumes:
+      - ./test/acceptance/certs:/certs
+    working_dir: /certs
+    entrypoint: sh
+    command:
+      - '-cex'
+      - |
+        if [ ! -f ./certgen ]; then
+          wget -O ./certgen "https://github.com/minio/certgen/releases/download/v1.3.0/certgen-linux-$(dpkg --print-architecture)"
+          chmod +x ./certgen
+        fi
+        if [ ! -f private.key ] || [ ! -f public.crt ]; then
+          ./certgen -host minio
+        fi
+
+  minio:
+    image: minio/minio:RELEASE.2024-10-13T13-34-11Z
+    command: server /data
+    volumes:
+      - ./test/acceptance/certs:/root/.minio/certs
+    environment:
+      MINIO_ROOT_USER: MINIO_ROOT_USER
+      MINIO_ROOT_PASSWORD: MINIO_ROOT_PASSWORD
+    depends_on:
+      certs:
+        condition: service_completed_successfully
+
+  minio_setup:
+    depends_on:
+      certs:
+        condition: service_completed_successfully
+      minio:
+        condition: service_started
+    image: minio/mc:RELEASE.2024-10-08T09-37-26Z
+    volumes:
+      - ./test/acceptance/certs:/root/.mc/certs/CAs
+    entrypoint: sh
+    command:
+      - '-cex'
+      - |
+        sleep 1
+        mc alias set s3 https://minio:9000 MINIO_ROOT_USER MINIO_ROOT_PASSWORD \
+        || sleep 3 && \
+        mc alias set s3 https://minio:9000 MINIO_ROOT_USER MINIO_ROOT_PASSWORD \
+        || sleep 3 && \
+        mc alias set s3 https://minio:9000 MINIO_ROOT_USER MINIO_ROOT_PASSWORD \
+        || sleep 3 && \
+        mc alias set s3 https://minio:9000 MINIO_ROOT_USER MINIO_ROOT_PASSWORD
+        mc mb --ignore-existing s3/overleaf-test-history-chunks
+        mc mb --ignore-existing s3/overleaf-test-history-deks
+        mc mb --ignore-existing s3/overleaf-test-history-global-blobs
+        mc mb --ignore-existing s3/overleaf-test-history-project-blobs
+        mc admin user add s3 \
+          OVERLEAF_HISTORY_S3_ACCESS_KEY_ID \
+          OVERLEAF_HISTORY_S3_SECRET_ACCESS_KEY
+        echo '
+          {
+            "Version": "2012-10-17",
+            "Statement": [
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:ListBucket"
+                ],
+                "Resource": "arn:aws:s3:::overleaf-test-history-chunks"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:PutObject",
+                  "s3:GetObject",
+                  "s3:DeleteObject"
+                ],
+                "Resource": "arn:aws:s3:::overleaf-test-history-chunks/*"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:ListBucket"
+                ],
+                "Resource": "arn:aws:s3:::overleaf-test-history-deks"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:PutObject",
+                  "s3:GetObject",
+                  "s3:DeleteObject"
+                ],
+                "Resource": "arn:aws:s3:::overleaf-test-history-deks/*"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:ListBucket"
+                ],
+                "Resource": "arn:aws:s3:::overleaf-test-history-global-blobs"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:PutObject",
+                  "s3:GetObject",
+                  "s3:DeleteObject"
+                ],
+                "Resource": "arn:aws:s3:::overleaf-test-history-global-blobs/*"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:ListBucket"
+                ],
+                "Resource": "arn:aws:s3:::overleaf-test-history-project-blobs"
+              },
+              {
+                "Effect": "Allow",
+                "Action": [
+                  "s3:PutObject",
+                  "s3:GetObject",
+                  "s3:DeleteObject"
+                ],
+                "Resource": "arn:aws:s3:::overleaf-test-history-project-blobs/*"
+              }
+            ]
+          }' > policy-history.json
+
+        mc admin policy create s3 overleaf-history policy-history.json
+        mc admin policy attach s3 overleaf-history \
+          --user=OVERLEAF_HISTORY_S3_ACCESS_KEY_ID
+  gcs:
+    image: fsouza/fake-gcs-server:1.45.2
+    command: ["--port=9090", "--scheme=http"]
+    healthcheck:
+      test: wget --quiet --output-document=/dev/null http://localhost:9090/storage/v1/b
+      interval: 1s
+      retries: 20
diff --git a/services/history-v1/install_deps.sh b/services/history-v1/install_deps.sh
new file mode 100755
index 0000000..4ce7223
--- /dev/null
+++ b/services/history-v1/install_deps.sh
@@ -0,0 +1,9 @@
+#!/bin/sh
+
+set -ex
+
+apt-get update
+
+apt-get install jq parallel --yes
+
+rm -rf /var/lib/apt/lists/*
diff --git a/services/history-v1/knexfile.js b/services/history-v1/knexfile.js
new file mode 100644
index 0000000..6bdf877
--- /dev/null
+++ b/services/history-v1/knexfile.js
@@ -0,0 +1,19 @@
+const config = require('config')
+
+const baseConfig = {
+  client: 'postgresql',
+  connection: config.herokuDatabaseUrl || config.databaseUrl,
+  pool: {
+    min: parseInt(config.databasePoolMin, 10),
+    max: parseInt(config.databasePoolMax, 10),
+  },
+  migrations: {
+    tableName: 'knex_migrations',
+  },
+}
+
+module.exports = {
+  development: baseConfig,
+  production: baseConfig,
+  test: baseConfig,
+}
diff --git a/services/history-v1/migrations/20220228163642_initial.js b/services/history-v1/migrations/20220228163642_initial.js
new file mode 100644
index 0000000..560dd22
--- /dev/null
+++ b/services/history-v1/migrations/20220228163642_initial.js
@@ -0,0 +1,80 @@
+/**
+ * This is the initial migration, meant to replicate the current state of the
+ * history database. If tables already exist, this migration is a noop.
+ */
+
+exports.up = async function (knex) {
+  await knex.raw(`
+    CREATE TABLE IF NOT EXISTS chunks (
+      id SERIAL,
+      doc_id integer NOT NULL,
+      end_version integer NOT NULL,
+      end_timestamp timestamp without time zone,
+      CONSTRAINT chunks_version_non_negative CHECK (end_version >= 0)
+    )
+  `)
+  await knex.raw(`
+    CREATE UNIQUE INDEX IF NOT EXISTS index_chunks_on_doc_id_and_end_version
+    ON chunks (doc_id, end_version)
+  `)
+
+  await knex.raw(`
+    CREATE TABLE IF NOT EXISTS old_chunks (
+      chunk_id integer NOT NULL PRIMARY KEY,
+      doc_id integer NOT NULL,
+      end_version integer,
+      end_timestamp timestamp without time zone,
+      deleted_at timestamp without time zone
+    )
+  `)
+  await knex.raw(`
+    CREATE INDEX IF NOT EXISTS index_old_chunks_on_doc_id_and_end_version
+    ON old_chunks (doc_id, end_version)
+  `)
+
+  await knex.raw(`
+    CREATE TABLE IF NOT EXISTS pending_chunks (
+      id SERIAL,
+      doc_id integer NOT NULL,
+      end_version integer NOT NULL,
+      end_timestamp timestamp without time zone,
+      CONSTRAINT chunks_version_non_negative CHECK (end_version >= 0)
+    )
+  `)
+  await knex.raw(`
+    CREATE INDEX IF NOT EXISTS index_pending_chunks_on_doc_id_and_id
+    ON pending_chunks (doc_id, id)
+  `)
+
+  await knex.raw(`
+    CREATE TABLE IF NOT EXISTS blobs (
+      hash_bytes bytea NOT NULL PRIMARY KEY,
+      byte_length integer NOT NULL,
+      string_length integer,
+      global boolean,
+      CONSTRAINT blobs_byte_length_non_negative CHECK (byte_length >= 0),
+      CONSTRAINT blobs_string_length_non_negative
+        CHECK (string_length IS NULL OR string_length >= 0)
+    )
+  `)
+
+  await knex.raw(`
+    CREATE TABLE IF NOT EXISTS project_blobs (
+      project_id integer NOT NULL,
+      hash_bytes bytea NOT NULL,
+      byte_length integer NOT NULL,
+      string_length integer,
+      PRIMARY KEY (project_id, hash_bytes),
+      CONSTRAINT project_blobs_byte_length_non_negative
+        CHECK (byte_length >= 0),
+      CONSTRAINT project_blobs_string_length_non_negative
+        CHECK (string_length IS NULL OR string_length >= 0)
+    )
+  `)
+
+  await knex.raw(`CREATE SEQUENCE IF NOT EXISTS docs_id_seq`)
+}
+
+exports.down = async function (knex) {
+  // Don't do anything on the down migration
+}
diff --git a/services/history-v1/migrations/20221026201437_chunk_start_version.js b/services/history-v1/migrations/20221026201437_chunk_start_version.js
new file mode 100644
index 0000000..4aed9bc
--- /dev/null
+++ b/services/history-v1/migrations/20221026201437_chunk_start_version.js
@@ -0,0 +1,23 @@
+exports.up = async function (knex) {
+  await knex.raw(`
+    ALTER TABLE chunks ADD COLUMN start_version integer
+  `)
+  await knex.raw(`
+    ALTER TABLE pending_chunks ADD COLUMN start_version integer
+  `)
+  await knex.raw(`
+    ALTER TABLE old_chunks ADD COLUMN start_version integer
+  `)
+}
+
+exports.down = async function (knex) {
+  await knex.raw(`
+    ALTER TABLE chunks DROP COLUMN start_version
+  `)
+  await knex.raw(`
+    ALTER TABLE pending_chunks DROP COLUMN start_version
+  `)
+  await knex.raw(`
+    ALTER TABLE old_chunks DROP COLUMN start_version
+  `)
+}
diff --git a/services/history-v1/migrations/20221027201324_unique_start_version.js b/services/history-v1/migrations/20221027201324_unique_start_version.js
new file mode 100644
index 0000000..2d7885e
--- /dev/null
+++ b/services/history-v1/migrations/20221027201324_unique_start_version.js
@@ -0,0 +1,41 @@
+exports.config = {
+  // CREATE INDEX CONCURRENTLY can't be run inside a transaction
+  // If this migration fails in the middle, indexes and constraints will have
+  // to be cleaned up manually.
+  transaction: false,
+}
+
+exports.up = async function (knex) {
+  await knex.raw(`
+    ALTER TABLE chunks
+    ADD CONSTRAINT chunks_start_version_non_negative
+    CHECK (start_version IS NOT NULL AND start_version >= 0)
+    NOT VALID
+  `)
+  await knex.raw(`
+    ALTER TABLE chunks
+    VALIDATE CONSTRAINT chunks_start_version_non_negative
+  `)
+  await knex.raw(`
+    CREATE UNIQUE INDEX CONCURRENTLY index_chunks_on_doc_id_and_start_version
+    ON chunks (doc_id, start_version)
+  `)
+  await knex.raw(`
+    ALTER TABLE chunks
+    ADD UNIQUE USING INDEX index_chunks_on_doc_id_and_start_version
+  `)
+}
+
+exports.down = async function (knex) {
+  await knex.raw(`
+    ALTER TABLE chunks
+    DROP CONSTRAINT IF EXISTS index_chunks_on_doc_id_and_start_version
+  `)
+  await knex.raw(`
+    DROP INDEX IF EXISTS index_chunks_on_doc_id_and_start_version
+  `)
+  await knex.raw(`
+    ALTER TABLE chunks
+    DROP CONSTRAINT IF EXISTS chunks_start_version_non_negative
+  `)
+}
diff --git a/services/history-v1/migrations/20221118213808_delete_global_blobs_table.js b/services/history-v1/migrations/20221118213808_delete_global_blobs_table.js
new file mode 100644
index 0000000..eb76dff
--- /dev/null
+++ b/services/history-v1/migrations/20221118213808_delete_global_blobs_table.js
@@ -0,0 +1,7 @@
+exports.up = async function (knex) {
+  await knex.raw(`DROP TABLE IF EXISTS blobs`)
+}
+
+exports.down = function (knex) {
+  // Not reversible
+}
diff --git a/services/history-v1/migrations/20250415210802_add_chunks_closed.js b/services/history-v1/migrations/20250415210802_add_chunks_closed.js
new file mode 100644
index 0000000..b5c1d57
--- /dev/null
+++ b/services/history-v1/migrations/20250415210802_add_chunks_closed.js
@@ -0,0 +1,27 @@
+// @ts-check
+
+/**
+ * @import { Knex } from "knex"
+ */
+
+/**
+ * @param { Knex } knex
+ * @returns { Promise<void> }
+ */
+exports.up = async function (knex) {
+  await knex.raw(`
+    ALTER TABLE chunks
+    ADD COLUMN closed BOOLEAN NOT NULL DEFAULT FALSE
+  `)
+}
+
+/**
+ * @param { Knex } knex
+ * @returns { Promise<void> }
+ */
+exports.down = async function (knex) {
+  await knex.raw(`
+    ALTER TABLE chunks
+    DROP COLUMN closed
+  `)
+}
diff --git a/services/history-v1/package.json b/services/history-v1/package.json
new file mode 100644
index 0000000..3219be9
--- /dev/null
+++ b/services/history-v1/package.json
@@ -0,0 +1,76 @@
+{
+  "name": "overleaf-editor",
+  "version": "1.0.0",
+  "description": "Overleaf Editor.",
+  "author": "",
+  "license": "Proprietary",
+  "private": true,
+  "dependencies": {
+    "@google-cloud/secret-manager": "^5.6.0",
+    "@overleaf/logger": "*",
+    "@overleaf/metrics": "*",
+    "@overleaf/mongo-utils": "*",
+    "@overleaf/o-error": "*",
+    "@overleaf/object-persistor": "*",
+    "@overleaf/promise-utils": "*",
+    "@overleaf/redis-wrapper": "*",
+    "@overleaf/settings": "*",
+    "@overleaf/stream-utils": "^0.1.0",
+    "archiver": "^5.3.0",
+    "basic-auth": "^2.0.1",
+    "bluebird": "^3.7.2",
+    "body-parser": "^1.20.3",
+    "bull": "^4.16.5",
+    "bunyan": "^1.8.12",
+    "check-types": "^11.1.2",
+    "command-line-args": "^3.0.3",
+    "config": "^1.19.0",
+    "express": "^4.21.2",
+    "fs-extra": "^9.0.1",
+    "generic-pool": "^2.1.1",
+    "helmet": "^3.22.0",
+    "http-status": "^1.4.2",
+    "jsonwebtoken": "^9.0.0",
+    "knex": "^2.4.0",
+    "lodash": "^4.17.19",
+    "mongodb": "6.12.0",
+    "overleaf-editor-core": "*",
+    "p-limit": "^6.2.0",
+    "pg": "^8.7.1",
+    "pg-query-stream": "^4.2.4",
+    "swagger-tools": "^0.10.4",
+    "temp": "^0.8.3",
+    "throng": "^4.0.0",
+    "tsscmp": "^1.0.6",
+    "utf-8-validate": "^5.0.4"
+  },
+  "devDependencies": {
+    "benny": "^3.7.1",
+    "chai": "^4.3.6",
+    "chai-as-promised": "^7.1.1",
+    "chai-exclude": "^2.1.1",
+    "mocha": "^11.1.0",
+    "node-fetch": "^2.7.0",
+    "sinon": "^9.0.2",
+    "swagger-client": "^3.10.0",
+    "typescript": "^5.0.4",
+    "yauzl": "^2.9.1"
+  },
+  "scripts": {
+    "start": "node app.js",
+    "lint": "eslint --max-warnings 0 --format unix .",
+    "lint:fix": "eslint --fix .",
+    "format": "prettier --list-different $PWD/'**/*.*js'",
+    "format:fix": "prettier --write $PWD/'**/*.*js'",
+    "test:unit": "npm run test:unit:_run -- --grep=$MOCHA_GREP",
+    "test:acceptance": "npm run test:acceptance:_run -- --grep=$MOCHA_GREP",
+    "test:unit:_run": "mocha --recursive --reporter spec $@ test/unit/js",
+    "test:acceptance:_run": "mocha --recursive --reporter spec --timeout 15000 --exit $@ test/acceptance/js",
+    "nodemon": "node --watch app.js",
+    "migrate": "knex migrate:latest",
+    "delete_old_chunks": "node storage/tasks/delete_old_chunks.js",
+    "fix_duplicate_versions": "node storage/tasks/fix_duplicate_versions.js",
+    "benchmarks": "node benchmarks/index.js",
+    "types:check": "tsc --noEmit"
+  }
+}
diff --git a/services/history-v1/storage/index.js b/services/history-v1/storage/index.js
new file mode 100644
index 0000000..5fe283a
--- /dev/null
+++ b/services/history-v1/storage/index.js
@@ -0,0 +1,25 @@
+exports.BatchBlobStore = require('./lib/batch_blob_store')
+exports.blobHash = require('./lib/blob_hash')
+exports.HashCheckBlobStore = require('./lib/hash_check_blob_store')
+exports.chunkBuffer = require('./lib/chunk_buffer')
+exports.chunkStore = require('./lib/chunk_store')
+exports.historyStore = require('./lib/history_store').historyStore
+exports.knex = require('./lib/knex')
+exports.mongodb = require('./lib/mongodb')
+exports.redis = require('./lib/redis')
+exports.persistChanges = require('./lib/persist_changes')
+exports.persistor = require('./lib/persistor')
+exports.ProjectArchive = require('./lib/project_archive')
+exports.streams = require('./lib/streams')
+exports.temp = require('./lib/temp')
+exports.zipStore = require('./lib/zip_store')
+
+const { BlobStore, loadGlobalBlobs } = require('./lib/blob_store')
+exports.BlobStore = BlobStore
+exports.loadGlobalBlobs = loadGlobalBlobs
+
+const { InvalidChangeError } = require('./lib/errors')
+exports.InvalidChangeError = InvalidChangeError
+
+const { ChunkVersionConflictError } = require('./lib/chunk_store/errors')
+exports.ChunkVersionConflictError = ChunkVersionConflictError
diff --git a/services/history-v1/storage/lib/assert.js b/services/history-v1/storage/lib/assert.js
new file mode 100644
index 0000000..91f24da
--- /dev/null
+++ b/services/history-v1/storage/lib/assert.js
@@ -0,0 +1,76 @@
+'use strict'
+
+const OError = require('@overleaf/o-error')
+
+const check = require('check-types')
+const { Blob } = require('overleaf-editor-core')
+
+const assert = check.assert
+
+const MONGO_ID_REGEXP = /^[0-9a-f]{24}$/
+const POSTGRES_ID_REGEXP = /^[1-9][0-9]{0,9}$/
+const MONGO_OR_POSTGRES_ID_REGEXP = /^([0-9a-f]{24}|[1-9][0-9]{0,9})$/
+
+function transaction(transaction, message) {
+  assert.function(transaction, message)
+}
+
+function blobHash(arg, message) {
+  try {
+    assert.match(arg, Blob.HEX_HASH_RX, message)
+  } catch (error) {
+    throw OError.tag(error, message, { arg })
+  }
+}
+
+/**
+ * A project id is a string that contains either an integer (for projects stored in Postgres) or 24
+ * hex digits (for projects stored in Mongo)
+ */
+function projectId(arg, message) {
+  try {
+    assert.match(arg, MONGO_OR_POSTGRES_ID_REGEXP, message)
+  } catch (error) {
+    throw OError.tag(error, message, { arg })
+  }
+}
+
+/**
+ * A chunk id is a string that contains either an integer (for projects stored in Postgres) or 24
+ * hex digits (for projects stored in Mongo)
+ */
+function chunkId(arg, message) {
+  try {
+    assert.match(arg, MONGO_OR_POSTGRES_ID_REGEXP, message)
+  } catch (error) {
+    throw OError.tag(error, message, { arg })
+  }
+}
+
+function mongoId(arg, message) {
+  try {
+    assert.match(arg, MONGO_ID_REGEXP, message)
+  } catch (error) {
+    throw OError.tag(error, message, { arg })
+  }
+}
+
+function postgresId(arg, message) {
+  try {
+    assert.match(arg, POSTGRES_ID_REGEXP, message)
+  } catch (error) {
+    throw OError.tag(error, message, { arg })
+  }
+}
+
+module.exports = {
+  ...assert,
+  transaction,
+  blobHash,
+  projectId,
+  chunkId,
+  mongoId,
+  postgresId,
+  MONGO_ID_REGEXP,
+  POSTGRES_ID_REGEXP,
+}
diff --git a/services/history-v1/storage/lib/backupBlob.mjs b/services/history-v1/storage/lib/backupBlob.mjs
new file mode 100644
index 0000000..8ae1a6a
--- /dev/null
+++ b/services/history-v1/storage/lib/backupBlob.mjs
@@ -0,0 +1,251 @@
+// @ts-check
+import { backupPersistor, projectBlobsBucket } from './backupPersistor.mjs'
+import { GLOBAL_BLOBS, makeProjectKey, BlobStore } from './blob_store/index.js'
+import Stream from 'node:stream'
+import fs from 'node:fs'
+import Crypto from 'node:crypto'
+import assert from './assert.js'
+import { backedUpBlobs, projects } from './mongodb.js'
+import { Binary, ObjectId } from 'mongodb'
+import logger from '@overleaf/logger/logging-manager.js'
+import { AlreadyWrittenError } from '@overleaf/object-persistor/src/Errors.js'
+import metrics from '@overleaf/metrics'
+import zLib from 'node:zlib'
+import Path from 'node:path'
+
+const HIGHWATER_MARK = 1024 * 1024
+
+/**
+ * @typedef {import("overleaf-editor-core").Blob} Blob
+ */
+
+/**
+ * @typedef {import("@overleaf/object-persistor/src/PerProjectEncryptedS3Persistor").CachedPerProjectEncryptedS3Persistor} CachedPerProjectEncryptedS3Persistor
+ */
+
+/**
+ * Increment a metric to record the outcome of a backup operation.
+ *
+ * @param {"success"|"failure"|"skipped"} status
+ * @param {"global"|"already_backed_up"|"none"} reason
+ */
+function recordBackupConclusion(status, reason = 'none') {
+  metrics.inc('blob_backed_up', 1, { status, reason })
+}
+
+/**
+ * Downloads a blob to a specified directory
+ *
+ * @param {string} historyId - The history ID of the project the blob belongs to
+ * @param {Blob} blob - The blob to download
+ * @param {string} tmpDir - The directory path where the blob will be downloaded
+ * @returns {Promise<string>} The full path where the blob was downloaded
+ */
+export async function downloadBlobToDir(historyId, blob, tmpDir) {
+  const blobStore = new BlobStore(historyId)
+  const blobHash = blob.getHash()
+  const src = await blobStore.getStream(blobHash)
+  const filePath = Path.join(tmpDir, `${historyId}-${blobHash}`)
+  try {
+    const dst = fs.createWriteStream(filePath, {
+      highWaterMark: HIGHWATER_MARK,
+      flags: 'wx',
+    })
+    await Stream.promises.pipeline(src, dst)
+    return filePath
+  } catch (error) {
+    try {
+      await fs.promises.unlink(filePath)
+    } catch {}
+    throw error
+  }
+}
+
+/**
+ * Performs the actual upload of the blob to the backup storage.
+ *
+ * @param {string} historyId - The history ID of the project the blob belongs to
+ * @param {Blob} blob - The blob being uploaded
+ * @param {string} path - The path to the file to upload (should have been stored on disk already)
+ * @return {Promise<void>}
+ */
+export async function uploadBlobToBackup(historyId, blob, path, persistor) {
+  const md5 = Crypto.createHash('md5')
+  const filePathCompressed = path + '.gz'
+  let backupSource
+  let contentEncoding
+  let size
+  try {
+    if (blob.getStringLength()) {
+      backupSource = filePathCompressed
+      contentEncoding = 'gzip'
+      size = 0
+      await Stream.promises.pipeline(
+        fs.createReadStream(path, { highWaterMark: HIGHWATER_MARK }),
+        zLib.createGzip(),
+        async function* (source) {
+          for await (const chunk of source) {
+            size += chunk.byteLength
+            md5.update(chunk)
+            yield chunk
+          }
+        },
+        fs.createWriteStream(filePathCompressed, {
+          highWaterMark: HIGHWATER_MARK,
+        })
+      )
+    } else {
+      backupSource = path
+      size = blob.getByteLength()
+      await Stream.promises.pipeline(
+        fs.createReadStream(path, { highWaterMark: HIGHWATER_MARK }),
+        md5
+      )
+    }
+    const key = makeProjectKey(historyId, blob.getHash())
+    await persistor.sendStream(
+      projectBlobsBucket,
+      key,
+      fs.createReadStream(backupSource, { highWaterMark: HIGHWATER_MARK }),
+      {
+        contentEncoding,
+        contentType: 'application/octet-stream',
+        contentLength: size,
+        sourceMd5: md5.digest('hex'),
+        ifNoneMatch: '*',
+      }
+    )
+  } finally {
+    if (backupSource === filePathCompressed) {
+      try {
+        await fs.promises.rm(filePathCompressed, { force: true })
+      } catch {}
+    }
+  }
+}
+
+/**
+ * Converts a legacy (postgres) historyId to a mongo projectId
+ *
+ * @param {string} historyId
+ * @return {Promise<string>}
+ * @private
+ */
+async function _convertLegacyHistoryIdToProjectId(historyId) {
+  const project = await projects.findOne(
+    { 'overleaf.history.id': parseInt(historyId) },
+    { projection: { _id: 1 } }
+  )
+
+  if (!project?._id) {
+    throw new Error('Did not find project for history id')
+  }
+
+  return project?._id?.toString()
+}
+
+/**
+ * Records that a blob was backed up for a project.
+ *
+ * @param {string} projectId - projectId for a project (mongo format)
+ * @param {string} hash
+ * @return {Promise<void>}
+ */
+export async function storeBlobBackup(projectId, hash) {
+  await backedUpBlobs.updateOne(
+    { _id: new ObjectId(projectId) },
+    { $addToSet: { blobs: new Binary(Buffer.from(hash, 'hex')) } },
+    { upsert: true }
+  )
+}
+
+/**
+ * Determine whether a specific blob has been backed up in this project.
+ *
+ * @param {string} projectId
+ * @param {string} hash
+ * @return {Promise<*>}
+ * @private
+ */
+export async function _blobIsBackedUp(projectId, hash) {
+  const blobs = await backedUpBlobs.findOne(
+    {
+      _id: new ObjectId(projectId),
+      blobs: new Binary(Buffer.from(hash, 'hex')),
+    },
+    { projection: { _id: 1 } }
+  )
+  return blobs?._id
+}
+
+/**
+ * Back up a blob to the global storage and record that it was backed up.
+ *
+ * @param {string} historyId - history ID for a project (can be postgres format or mongo format)
+ * @param {Blob} blob - The blob that is being backed up
+ * @param {string} tmpPath - The path to a temporary file storing the contents of the blob.
+ * @param {CachedPerProjectEncryptedS3Persistor} [persistor] - The persistor to use (optional)
+ * @return {Promise<void>}
+ */
+export async function backupBlob(historyId, blob, tmpPath, persistor) {
+  const hash = blob.getHash()
+
+  let projectId = historyId
+  if (assert.POSTGRES_ID_REGEXP.test(historyId)) {
+    projectId = await _convertLegacyHistoryIdToProjectId(historyId)
+  }
+
+  const globalBlob = GLOBAL_BLOBS.get(hash)
+
+  if (globalBlob && !globalBlob.demoted) {
+    recordBackupConclusion('skipped', 'global')
+    logger.debug({ projectId, hash }, 'Blob is global - skipping backup')
+    return
+  }
+
+  try {
+    if (await _blobIsBackedUp(projectId, hash)) {
+      recordBackupConclusion('skipped', 'already_backed_up')
+      logger.debug(
+        { projectId, hash },
+        'Blob already backed up - skipping backup'
+      )
+      return
+    }
+  } catch (error) {
+    logger.warn({ error }, 'Failed to check if blob is backed up')
+    // We'll try anyway - we'll catch the error if it was backed up
+  }
+  // If we weren't passed a persistor for this project, create one.
+  // This will fetch the key from AWS, so it's prefereable to use
+  // the same persistor for all blobs in a project where possible.
+  if (!persistor) {
+    logger.debug(
+      { historyId, hash },
+      'warning: persistor not passed to backupBlob'
+    )
+  }
+  persistor ??= await backupPersistor.forProject(
+    projectBlobsBucket,
+    makeProjectKey(historyId, '')
+  )
+  try {
+    logger.debug({ projectId, hash }, 'Starting blob backup')
+    await uploadBlobToBackup(historyId, blob, tmpPath, persistor)
+    await storeBlobBackup(projectId, hash)
+    recordBackupConclusion('success')
+  } catch (error) {
+    if (error instanceof AlreadyWrittenError) {
+      logger.debug({ error, projectId, hash }, 'Blob already backed up')
+      // record that we backed it up already
+      await storeBlobBackup(projectId, hash)
+      recordBackupConclusion('failure', 'already_backed_up')
+      return
+    }
+    // eventually queue this for retry - for now this will be fixed by running the script
+    recordBackupConclusion('failure')
+    logger.warn({ error, projectId, hash }, 'Failed to upload blob to backup')
+  } finally {
+    logger.debug({ projectId, hash }, 'Ended blob backup')
+  }
+}
diff --git a/services/history-v1/storage/lib/backupDeletion.mjs b/services/history-v1/storage/lib/backupDeletion.mjs
new file mode 100644
index 0000000..ef50609
--- /dev/null
+++ b/services/history-v1/storage/lib/backupDeletion.mjs
@@ -0,0 +1,93 @@
+// @ts-check
+import { callbackify } from 'util'
+import { ObjectId } from 'mongodb'
+import config from 'config'
+import OError from '@overleaf/o-error'
+import { db } from './mongodb.js'
+import projectKey from './project_key.js'
+import chunkStore from '../lib/chunk_store/index.js'
+import {
+  backupPersistor,
+  chunksBucket,
+  projectBlobsBucket,
+} from './backupPersistor.mjs'
+
+const MS_PER_DAY = 24 * 60 * 60 * 1000
+const EXPIRE_PROJECTS_AFTER_MS =
+  parseInt(config.get('minSoftDeletionPeriodDays'), 10) * MS_PER_DAY
+const deletedProjectsCollection = db.collection('deletedProjects')
+
+/**
+ * @param {string} historyId
+ * @return {Promise<boolean>}
+ */
+async function projectHasLatestChunk(historyId) {
+  const chunk = await chunkStore.getBackend(historyId).getLatestChunk(historyId)
+  return chunk != null
+}
+
+export class NotReadyToDelete extends OError {}
+
+/**
+ * @param {string} projectId
+ * @return {Promise<void>}
+ */
+async function deleteProjectBackup(projectId) {
+  const deletedProject = await deletedProjectsCollection.findOne(
+    { 'deleterData.deletedProjectId': new ObjectId(projectId) },
+    {
+      projection: {
+        'deleterData.deletedProjectOverleafHistoryId': 1,
+        'deleterData.deletedAt': 1,
+      },
+    }
+  )
+  if (!deletedProject) {
+    throw new NotReadyToDelete('refusing to delete non-deleted project')
+  }
+  const expiresAt =
+    deletedProject.deleterData.deletedAt.getTime() + EXPIRE_PROJECTS_AFTER_MS
+  if (expiresAt > Date.now()) {
+    throw new NotReadyToDelete('refusing to delete non-expired project')
+  }
+
+  const historyId =
+    deletedProject.deleterData.deletedProjectOverleafHistoryId?.toString()
+  if (!historyId) {
+    throw new NotReadyToDelete(
+      'refusing to delete project with unknown historyId'
+    )
+  }
+
+  if (await projectHasLatestChunk(historyId)) {
+    throw new NotReadyToDelete(
+      'refusing to delete project with remaining chunks'
+    )
+  }
+
+  const prefix = projectKey.format(historyId) + '/'
+  await backupPersistor.deleteDirectory(chunksBucket, prefix)
+  await backupPersistor.deleteDirectory(projectBlobsBucket, prefix)
+}
+
+export async function healthCheck() {
+  const HEALTH_CHECK_PROJECTS = JSON.parse(config.get('healthCheckProjects'))
+  if (HEALTH_CHECK_PROJECTS.length !== 2) {
+    throw new Error('expected 2 healthCheckProjects')
+  }
+  if (!HEALTH_CHECK_PROJECTS.some(id => id.length === 24)) {
+    throw new Error('expected mongo id in healthCheckProjects')
+  }
+  if (!HEALTH_CHECK_PROJECTS.some(id => id.length < 24)) {
+    throw new Error('expected postgres id in healthCheckProjects')
+  }
+
+  for (const historyId of HEALTH_CHECK_PROJECTS) {
+    if (!(await projectHasLatestChunk(historyId))) {
+      throw new Error(`project has no history: ${historyId}`)
+    }
+  }
+}
+
+export const healthCheckCb = callbackify(healthCheck)
+export const deleteProjectBackupCb = callbackify(deleteProjectBackup)
diff --git a/services/history-v1/storage/lib/backupGenerator.mjs b/services/history-v1/storage/lib/backupGenerator.mjs
new file mode 100644
index 0000000..4c18929
--- /dev/null
+++ b/services/history-v1/storage/lib/backupGenerator.mjs
@@ -0,0 +1,152 @@
+/**
+ * Provides a generator function to back up project chunks and blobs.
+ */
+
+import chunkStore from './chunk_store/index.js'
+
+import {
+  GLOBAL_BLOBS, // NOTE:  must call loadGlobalBlobs() before using this
+  BlobStore,
+} from './blob_store/index.js'
+
+import assert from './assert.js'
+
+async function lookBehindForSeenBlobs(
+  projectId,
+  chunk,
+  lastBackedUpVersion,
+  seenBlobs
+) {
+  if (chunk.startVersion === 0) {
+    return // this is the first chunk, no need to check for blobs in the previous chunk
+  }
+  if (chunk.startVersion > 0 && lastBackedUpVersion > chunk.startVersion) {
+    return // the snapshot in this chunk has already been backed up
+  }
+  if (
+    chunk.startVersion > 0 &&
+    lastBackedUpVersion === chunk.startVersion // same as previousChunk.endVersion
+  ) {
+    // the snapshot in this chunk has not been backed up
+    // so we find the set of backed up blobs from the previous chunk
+    const previousChunk = await chunkStore.loadAtVersion(
+      projectId,
+      lastBackedUpVersion
+    )
+    const previousChunkHistory = previousChunk.getHistory()
+    previousChunkHistory.findBlobHashes(seenBlobs)
+  }
+}
+
+/**
+ * Records blob hashes that have been previously seen in a chunk's history.
+ *
+ * @param {Object} chunk - The chunk containing history data
+ * @param {number} currentBackedUpVersion - The version number that has been backed up
+ * @param {Set<string>} seenBlobs - Set to collect previously seen blob hashes
+ * @returns {void}
+ */
+function recordPreviouslySeenBlobs(chunk, currentBackedUpVersion, seenBlobs) {
+  // We need to look at the chunk and decide how far we have backed up.
+  // If we have not backed up this chunk at all, we need to backup the blobs
+  // in the snapshot. Otherwise we need to backup the blobs in the changes
+  // that have occurred since the last backup.
+  const history = chunk.getHistory()
+  const startVersion = chunk.getStartVersion()
+  if (currentBackedUpVersion === 0) {
+    // If we have only backed up version 0 (i.e. the first change)
+    // then that includes the initial snapshot, so we consider
+    // the blobs of the initial snapshot as seen.  If the project
+    // has not been backed up at all then currentBackedUpVersion
+    // will be undefined.
+    history.snapshot.findBlobHashes(seenBlobs)
+  } else if (currentBackedUpVersion > startVersion) {
+    history.snapshot.findBlobHashes(seenBlobs)
+    for (let i = 0; i < currentBackedUpVersion - startVersion; i++) {
+      history.changes[i].findBlobHashes(seenBlobs)
+    }
+  }
+}
+
+/**
+ * Collects new blob objects that need to be backed up from a given chunk.
+ *
+ * @param {Object} chunk - The chunk object containing history data
+ * @param {Object} blobStore - Storage interface for retrieving blobs
+ * @param {Set<string>} seenBlobs - Set of blob hashes that have already been processed
+ * @returns {Promise<Object[]>} Array of blob objects that need to be backed up
+ * @throws {Error} If blob retrieval fails
+ */
+async function collectNewBlobsForBackup(chunk, blobStore, seenBlobs) {
+  /** @type {Set<string>} */
+  const blobHashes = new Set()
+  const history = chunk.getHistory()
+  // Get all the blobs in this chunk, then exclude the seenBlobs and global blobs
+  history.findBlobHashes(blobHashes)
+  const blobsToBackup = await blobStore.getBlobs(
+    [...blobHashes].filter(
+      hash =>
+        hash &&
+        !seenBlobs.has(hash) &&
+        (!GLOBAL_BLOBS.has(hash) || GLOBAL_BLOBS.get(hash).demoted)
+    )
+  )
+  return blobsToBackup
+}
+
+/**
+ * Asynchronously generates backups for a project based on provided versions.
+ * @param {string} projectId - The ID of the project's history to back up.
+ * @param {number} lastBackedUpVersion - The last version that was successfully backed up.
+ * @yields {AsyncGenerator<{ chunkRecord: object, chunkToBackup: object, chunkBuffer: Buffer, blobsToBackup: object[] }>}
+ *   Yields chunk records and corresponding data needed for backups.
+ */
+export async function* backupGenerator(projectId, lastBackedUpVersion) {
+  assert.projectId(projectId, 'bad projectId')
+  assert.maybe.integer(lastBackedUpVersion, 'bad lastBackedUpVersion')
+
+  const blobStore = new BlobStore(projectId)
+
+  /** @type {Set<string>} */
+  const seenBlobs = new Set() // records the blobs that are already backed up
+
+  const firstPendingVersion =
+    lastBackedUpVersion >= 0 ? lastBackedUpVersion + 1 : 0
+  let isStartingChunk = true
+  let currentBackedUpVersion = lastBackedUpVersion
+  const chunkRecordIterator = chunkStore.getProjectChunksFromVersion(
+    projectId,
+    firstPendingVersion
+  )
+
+  for await (const chunkRecord of chunkRecordIterator) {
+    const { chunk, chunkBuffer } = await chunkStore.loadByChunkRecord(
+      projectId,
+      chunkRecord
+    )
+
+    if (isStartingChunk) {
+      await lookBehindForSeenBlobs(
+        projectId,
+        chunkRecord,
+        lastBackedUpVersion,
+        seenBlobs
+      )
+      isStartingChunk = false
+    }
+
+    recordPreviouslySeenBlobs(chunk, currentBackedUpVersion, seenBlobs)
+
+    const blobsToBackup = await collectNewBlobsForBackup(
+      chunk,
+      blobStore,
+      seenBlobs
+    )
+
+    yield { chunkRecord, chunkToBackup: chunk, chunkBuffer, blobsToBackup }
+
+    // After we generate a backup of this chunk, mark the backed up blobs as seen
+    blobsToBackup.forEach(blob => seenBlobs.add(blob.getHash()))
+    currentBackedUpVersion = chunkRecord.endVersion
+  }
+}
diff --git a/services/history-v1/storage/lib/backupPersistor.mjs b/services/history-v1/storage/lib/backupPersistor.mjs
new file mode 100644
index 0000000..8f80e5f
--- /dev/null
+++ b/services/history-v1/storage/lib/backupPersistor.mjs
@@ -0,0 +1,121 @@
+// @ts-check
+import fs from 'node:fs'
+import Path from 'node:path'
+import _ from 'lodash'
+import config from 'config'
+import { SecretManagerServiceClient } from '@google-cloud/secret-manager'
+import OError from '@overleaf/o-error'
+import {
+  PerProjectEncryptedS3Persistor,
+  RootKeyEncryptionKey,
+} from '@overleaf/object-persistor/src/PerProjectEncryptedS3Persistor.js'
+import { HistoryStore } from './history_store.js'
+
+const persistorConfig = _.cloneDeep(config.get('backupPersistor'))
+const { chunksBucket, deksBucket, globalBlobsBucket, projectBlobsBucket } =
+  config.get('backupStore')
+
+export { chunksBucket, globalBlobsBucket, projectBlobsBucket }
+
+function convertKey(key, convertFn) {
+  if (_.has(persistorConfig, key)) {
+    _.update(persistorConfig, key, convertFn)
+  }
+}
+
+convertKey('s3SSEC.httpOptions.timeout', s => parseInt(s, 10))
+convertKey('s3SSEC.maxRetries', s => parseInt(s, 10))
+convertKey('s3SSEC.pathStyle', s => s === 'true')
+// array of CA, either inlined or on disk
+convertKey('s3SSEC.ca', s =>
+  JSON.parse(s).map(ca => (ca.startsWith('/') ? fs.readFileSync(ca) : ca))
+)
+
+/** @type {() => Promise<string>} */
+let getRawRootKeyEncryptionKeys
+
+if ((process.env.NODE_ENV || 'production') === 'production') {
+  ;[persistorConfig.s3SSEC.key, persistorConfig.s3SSEC.secret] = (
+    await loadFromSecretsManager(
+      process.env.BACKUP_AWS_CREDENTIALS || '',
+      'BACKUP_AWS_CREDENTIALS'
+    )
+  ).split(':')
+  getRawRootKeyEncryptionKeys = () =>
+    loadFromSecretsManager(
+      persistorConfig.keyEncryptionKeys,
+      'BACKUP_KEY_ENCRYPTION_KEYS'
+    )
+} else {
+  getRawRootKeyEncryptionKeys = () => persistorConfig.keyEncryptionKeys
+}
+
+export const DELETION_ONLY = persistorConfig.keyEncryptionKeys === 'none'
+if (DELETION_ONLY) {
+  // For Backup-deleter; should not encrypt or read data; deleting does not need key.
+  getRawRootKeyEncryptionKeys = () => new Promise(_resolve => {})
+}
+
+const PROJECT_FOLDER_REGEX =
+  /^\d{3}\/\d{3}\/\d{3,}\/|[0-9a-f]{3}\/[0-9a-f]{3}\/[0-9a-f]{18}\/$/
+
+/**
+ * @param {string} bucketName
+ * @param {string} path
+ * @return {string}
+ */
+export function pathToProjectFolder(bucketName, path) {
+  switch (bucketName) {
+    case deksBucket:
+    case chunksBucket:
+    case projectBlobsBucket:
+      const projectFolder = Path.join(...path.split('/').slice(0, 3)) + '/'
+      if (!PROJECT_FOLDER_REGEX.test(projectFolder)) {
+        throw new OError('invalid project folder', { bucketName, path })
+      }
+      return projectFolder
+    default:
+      throw new Error(`${bucketName} does not store per-project files`)
+  }
+}
+
+/**
+ * @param {string} name
+ * @param {string} label
+ * @return {Promise<string>}
+ */
+async function loadFromSecretsManager(name, label) {
+  const client = new SecretManagerServiceClient()
+  const [version] = await client.accessSecretVersion({ name })
+  if (!version.payload?.data) throw new Error(`empty secret: ${label}`)
+  return version.payload.data.toString()
+}
+
+async function getRootKeyEncryptionKeys() {
+  return JSON.parse(await getRawRootKeyEncryptionKeys()).map(
+    ({ key, salt }) => {
+      return new RootKeyEncryptionKey(
+        Buffer.from(key, 'base64'),
+        Buffer.from(salt, 'base64')
+      )
+    }
+  )
+}
+
+export const backupPersistor = new PerProjectEncryptedS3Persistor({
+  ...persistorConfig.s3SSEC,
+  disableMultiPartUpload: true,
+  dataEncryptionKeyBucketName: deksBucket,
+  pathToProjectFolder,
+  getRootKeyEncryptionKeys,
+  storageClass: {
+    [deksBucket]: 'STANDARD',
+    [chunksBucket]: persistorConfig.tieringStorageClass,
+    [projectBlobsBucket]: persistorConfig.tieringStorageClass,
+  },
+})
+
+export const backupHistoryStore = new HistoryStore(
+  backupPersistor,
+  chunksBucket
+)
diff --git a/services/history-v1/storage/lib/backupVerifier.mjs b/services/history-v1/storage/lib/backupVerifier.mjs
new file mode 100644
index 0000000..14b84cd
--- /dev/null
+++ b/services/history-v1/storage/lib/backupVerifier.mjs
@@ -0,0 +1,216 @@
+// @ts-check
+import OError from '@overleaf/o-error'
+import chunkStore from '../lib/chunk_store/index.js'
+import {
+  backupPersistor,
+  chunksBucket,
+  projectBlobsBucket,
+} from './backupPersistor.mjs'
+import { Blob, Chunk, History } from 'overleaf-editor-core'
+import { BlobStore, GLOBAL_BLOBS, makeProjectKey } from './blob_store/index.js'
+import blobHash from './blob_hash.js'
+import { NotFoundError } from '@overleaf/object-persistor/src/Errors.js'
+import logger from '@overleaf/logger'
+import path from 'node:path'
+import projectKey from './project_key.js'
+import streams from './streams.js'
+import objectPersistor from '@overleaf/object-persistor'
+import { getEndDateForRPO } from '../../backupVerifier/utils.mjs'
+
+/**
+ * @typedef {import("@overleaf/object-persistor/src/PerProjectEncryptedS3Persistor.js").CachedPerProjectEncryptedS3Persistor} CachedPerProjectEncryptedS3Persistor
+ */
+
+/**
+ * @param {string} historyId
+ * @param {string} hash
+ */
+export async function verifyBlob(historyId, hash) {
+  return await verifyBlobs(historyId, [hash])
+}
+
+/**
+ *
+ * @param {string} historyId
+ * @return {Promise<CachedPerProjectEncryptedS3Persistor>}
+ */
+async function getProjectPersistor(historyId) {
+  try {
+    return await backupPersistor.forProjectRO(
+      projectBlobsBucket,
+      makeProjectKey(historyId, '')
+    )
+  } catch (err) {
+    if (err instanceof NotFoundError) {
+      throw new BackupCorruptedError('dek does not exist', {}, err)
+    }
+    throw err
+  }
+}
+
+/**
+ * @param {string} historyId
+ * @param {Array<string>} hashes
+ * @param {CachedPerProjectEncryptedS3Persistor} [projectCache]
+ */
+export async function verifyBlobs(historyId, hashes, projectCache) {
+  if (hashes.length === 0) throw new Error('bug: empty hashes')
+
+  if (!projectCache) {
+    projectCache = await getProjectPersistor(historyId)
+  }
+  const blobStore = new BlobStore(historyId)
+  for (const hash of hashes) {
+    const path = makeProjectKey(historyId, hash)
+    const blob = await blobStore.getBlob(hash)
+    if (!blob) throw new Blob.NotFoundError(hash)
+    let stream
+    try {
+      stream = await projectCache.getObjectStream(projectBlobsBucket, path, {
+        autoGunzip: true,
+      })
+    } catch (err) {
+      if (err instanceof NotFoundError) {
+        throw new BackupCorruptedMissingBlobError('missing blob', {
+          path,
+          hash,
+        })
+      }
+      throw err
+    }
+    const backupHash = await blobHash.fromStream(blob.getByteLength(), stream)
+    if (backupHash !== hash) {
+      throw new BackupCorruptedInvalidBlobError(
+        'hash mismatch for backed up blob',
+        {
+          path,
+          hash,
+          backupHash,
+        }
+      )
+    }
+  }
+}
+
+/**
+ * @param {string} historyId
+ * @param {Date} [endTimestamp]
+ */
+export async function verifyProjectWithErrorContext(
+  historyId,
+  endTimestamp = getEndDateForRPO()
+) {
+  try {
+    await verifyProject(historyId, endTimestamp)
+  } catch (err) {
+    // @ts-ignore err is Error instance
+    throw OError.tag(err, 'verifyProject', { historyId, endTimestamp })
+  }
+}
+
+/**
+ *
+ * @param {string} historyId
+ * @param {number} startVersion
+ * @param {CachedPerProjectEncryptedS3Persistor} backupPersistorForProject
+ * @return {Promise<any>}
+ */
+async function loadChunk(historyId, startVersion, backupPersistorForProject) {
+  const key = path.join(
+    projectKey.format(historyId),
+    projectKey.pad(startVersion)
+  )
+  try {
+    const buf = await streams.gunzipStreamToBuffer(
+      await backupPersistorForProject.getObjectStream(chunksBucket, key)
+    )
+    return JSON.parse(buf.toString('utf-8'))
+  } catch (err) {
+    if (err instanceof objectPersistor.Errors.NotFoundError) {
+      throw new Chunk.NotPersistedError(historyId)
+    }
+    if (err instanceof Error) {
+      throw OError.tag(err, 'Failed to load chunk', { historyId, startVersion })
+    }
+    throw err
+  }
+}
+
+/**
+ * @param {string} historyId
+ * @param {Date} endTimestamp
+ */
+export async function verifyProject(historyId, endTimestamp) {
+  const backend = chunkStore.getBackend(historyId)
+  const [first, last] = await Promise.all([
+    backend.getFirstChunkBeforeTimestamp(historyId, endTimestamp),
+    backend.getLastActiveChunkBeforeTimestamp(historyId, endTimestamp),
+  ])
+
+  const chunksRecordsToVerify = [
+    {
+      chunkId: first.id,
+      chunkLabel: 'first',
+    },
+  ]
+  if (first.startVersion !== last.startVersion) {
+    chunksRecordsToVerify.push({
+      chunkId: last.id,
+      chunkLabel: 'last before RPO',
+    })
+  }
+
+  const projectCache = await getProjectPersistor(historyId)
+
+  const chunks = await Promise.all(
+    chunksRecordsToVerify.map(async chunk => {
+      try {
+        return History.fromRaw(
+          await loadChunk(historyId, chunk.startVersion, projectCache)
+        )
+      } catch (err) {
+        if (err instanceof Chunk.NotPersistedError) {
+          throw new BackupRPOViolationChunkNotBackedUpError(
+            'BackupRPOviolation: chunk not backed up',
+            chunk
+          )
+        }
+        throw err
+      }
+    })
+  )
+  const seenBlobs = new Set()
+  const blobsToVerify = []
+  for (const chunk of chunks) {
+    /** @type {Set<string>} */
+    const chunkBlobs = new Set()
+    chunk.findBlobHashes(chunkBlobs)
+    let hasAddedBlobFromThisChunk = false
+    for (const blobHash of chunkBlobs) {
+      if (seenBlobs.has(blobHash)) continue // old blob
+      if (GLOBAL_BLOBS.has(blobHash)) continue // global blob
+      seenBlobs.add(blobHash)
+      if (!hasAddedBlobFromThisChunk) {
+        blobsToVerify.push(blobHash)
+        hasAddedBlobFromThisChunk = true
+      }
+    }
+  }
+  if (blobsToVerify.length === 0) {
+    logger.debug(
+      {
+        historyId,
+        chunksRecordsToVerify: chunksRecordsToVerify.map(c => c.chunkId),
+      },
+      'chunks contain no blobs to verify'
+    )
+    return
+  }
+  await verifyBlobs(historyId, blobsToVerify, projectCache)
+}
+
+export class BackupCorruptedError extends OError {}
+export class BackupRPOViolationError extends OError {}
+export class BackupCorruptedMissingBlobError extends BackupCorruptedError {}
+export class BackupCorruptedInvalidBlobError extends BackupCorruptedError {}
+export class BackupRPOViolationChunkNotBackedUpError extends OError {}
diff --git a/services/history-v1/storage/lib/backup_store/index.js b/services/history-v1/storage/lib/backup_store/index.js
new file mode 100644
index 0000000..da79447
--- /dev/null
+++ b/services/history-v1/storage/lib/backup_store/index.js
@@ -0,0 +1,212 @@
+const { Binary, ObjectId } = require('mongodb')
+const { projects, backedUpBlobs } = require('../mongodb')
+const OError = require('@overleaf/o-error')
+
+// List projects with pending backups older than the specified interval
+function listPendingBackups(timeIntervalMs = 0, limit = null) {
+  const cutoffTime = new Date(Date.now() - timeIntervalMs)
+  const options = {
+    projection: { 'overleaf.backup.pendingChangeAt': 1 },
+    sort: { 'overleaf.backup.pendingChangeAt': 1 },
+  }
+
+  // Apply limit if provided
+  if (limit) {
+    options.limit = limit
+  }
+
+  const cursor = projects.find(
+    {
+      'overleaf.backup.pendingChangeAt': {
+        $exists: true,
+        $lt: cutoffTime,
+      },
+    },
+    options
+  )
+  return cursor
+}
+
+// List projects that have never been backed up and are older than the specified interval
+function listUninitializedBackups(timeIntervalMs = 0, limit = null) {
+  const cutoffTimeInSeconds = (Date.now() - timeIntervalMs) / 1000
+  const options = {
+    projection: { _id: 1 },
+    sort: { _id: 1 },
+  }
+  // Apply limit if provided
+  if (limit) {
+    options.limit = limit
+  }
+  const cursor = projects.find(
+    {
+      'overleaf.backup.lastBackedUpVersion': null,
+      _id: {
+        $lt: ObjectId.createFromTime(cutoffTimeInSeconds),
+      },
+    },
+    options
+  )
+  return cursor
+}
+
+// Retrieve the history ID for a given project without giving direct access to the
+// projects collection.
+
+async function getHistoryId(projectId) {
+  const project = await projects.findOne(
+    { _id: new ObjectId(projectId) },
+    {
+      projection: {
+        'overleaf.history.id': 1,
+      },
+    }
+  )
+  if (!project) {
+    throw new Error('Project not found')
+  }
+  return project.overleaf.history.id
+}
+
+async function getBackupStatus(projectId) {
+  const project = await projects.findOne(
+    { _id: new ObjectId(projectId) },
+    {
+      projection: {
+        'overleaf.history': 1,
+        'overleaf.backup': 1,
+      },
+    }
+  )
+  if (!project) {
+    throw new Error('Project not found')
+  }
+  return {
+    backupStatus: project.overleaf.backup,
+    historyId: `${project.overleaf.history.id}`,
+    currentEndVersion: project.overleaf.history.currentEndVersion,
+    currentEndTimestamp: project.overleaf.history.currentEndTimestamp,
+  }
+}
+
+async function setBackupVersion(
+  projectId,
+  previousBackedUpVersion,
+  currentBackedUpVersion,
+  currentBackedUpAt
+) {
+  // FIXME: include a check to handle race conditions
+  // to make sure only one process updates the version numbers
+  const result = await projects.updateOne(
+    {
+      _id: new ObjectId(projectId),
+      'overleaf.backup.lastBackedUpVersion': previousBackedUpVersion,
+    },
+    {
+      $set: {
+        'overleaf.backup.lastBackedUpVersion': currentBackedUpVersion,
+        'overleaf.backup.lastBackedUpAt': currentBackedUpAt,
+      },
+    }
+  )
+  if (result.matchedCount === 0 || result.modifiedCount === 0) {
+    throw new OError('Failed to update backup version', {
+      previousBackedUpVersion,
+      currentBackedUpVersion,
+      currentBackedUpAt,
+      result,
+    })
+  }
+}
+
+async function updateCurrentMetadataIfNotSet(projectId, latestChunkMetadata) {
+  await projects.updateOne(
+    {
+      _id: new ObjectId(projectId),
+      'overleaf.history.currentEndVersion': { $exists: false },
+      'overleaf.history.currentEndTimestamp': { $exists: false },
+    },
+    {
+      $set: {
+        'overleaf.history.currentEndVersion': latestChunkMetadata.endVersion,
+        'overleaf.history.currentEndTimestamp':
+          latestChunkMetadata.endTimestamp,
+      },
+    }
+  )
+}
+
+/**
+ * Updates the pending change timestamp for a project's backup status
+ * @param {string} projectId - The ID of the project to update
+ * @param {Date} backupStartTime - The timestamp to set for pending changes
+ * @returns {Promise<void>}
+ *
+ * If the project's last backed up version matches the current end version,
+ * the pending change timestamp is removed. Otherwise, it's set to the provided
+ * backup start time.
+ */
+async function updatePendingChangeTimestamp(projectId, backupStartTime) {
+  await projects.updateOne({ _id: new ObjectId(projectId) }, [
+    {
+      $set: {
+        'overleaf.backup.pendingChangeAt': {
+          $cond: {
+            if: {
+              $eq: [
+                '$overleaf.backup.lastBackedUpVersion',
+                '$overleaf.history.currentEndVersion',
+              ],
+            },
+            then: '$$REMOVE',
+            else: backupStartTime,
+          },
+        },
+      },
+    },
+  ])
+}
+
+async function getBackedUpBlobHashes(projectId) {
+  const result = await backedUpBlobs.findOne(
+    { _id: new ObjectId(projectId) },
+    { projection: { blobs: 1 } }
+  )
+  if (!result) {
+    return new Set()
+  }
+  const hashes = result.blobs.map(b => b.buffer.toString('hex'))
+  return new Set(hashes)
+}
+
+async function unsetBackedUpBlobHashes(projectId, hashes) {
+  const binaryHashes = hashes.map(h => new Binary(Buffer.from(h, 'hex')))
+  const result = await backedUpBlobs.findOneAndUpdate(
+    { _id: new ObjectId(projectId) },
+    {
+      $pullAll: {
+        blobs: binaryHashes,
+      },
+    },
+    { returnDocument: 'after' }
+  )
+  if (result && result.blobs.length === 0) {
+    await backedUpBlobs.deleteOne({
+      _id: new ObjectId(projectId),
+      blobs: { $size: 0 },
+    })
+  }
+  return result
+}
+
+module.exports = {
+  getHistoryId,
+  getBackupStatus,
+  setBackupVersion,
+  updateCurrentMetadataIfNotSet,
+  updatePendingChangeTimestamp,
+  listPendingBackups,
+  listUninitializedBackups,
+  getBackedUpBlobHashes,
+  unsetBackedUpBlobHashes,
+}
diff --git a/services/history-v1/storage/lib/batch_blob_store.js b/services/history-v1/storage/lib/batch_blob_store.js
new file mode 100644
index 0000000..af90b2e
--- /dev/null
+++ b/services/history-v1/storage/lib/batch_blob_store.js
@@ -0,0 +1,40 @@
+'use strict'
+
+const BPromise = require('bluebird')
+
+/**
+ * @constructor
+ * @param {BlobStore} blobStore
+ * @classdesc
+ * Wrapper for BlobStore that pre-fetches blob metadata to avoid making one
+ * database call per blob lookup.
+ */
+function BatchBlobStore(blobStore) {
+  this.blobStore = blobStore
+  this.blobs = new Map()
+}
+
+/**
+ * Pre-fetch metadata for the given blob hashes.
+ *
+ * @param {Array.<string>} hashes
+ * @return {Promise}
+ */
+BatchBlobStore.prototype.preload = function batchBlobStorePreload(hashes) {
+  return BPromise.each(this.blobStore.getBlobs(hashes), blob => {
+    this.blobs.set(blob.getHash(), blob)
+  })
+}
+
+/**
+ * @see BlobStore#getBlob
+ */
+BatchBlobStore.prototype.getBlob = BPromise.method(
+  function batchBlobStoreGetBlob(hash) {
+    const blob = this.blobs.get(hash)
+    if (blob) return blob
+    return this.blobStore.getBlob(hash)
+  }
+)
+
+module.exports = BatchBlobStore
diff --git a/services/history-v1/storage/lib/blob_hash.js b/services/history-v1/storage/lib/blob_hash.js
new file mode 100644
index 0000000..6309637
--- /dev/null
+++ b/services/history-v1/storage/lib/blob_hash.js
@@ -0,0 +1,80 @@
+/** @module */
+'use strict'
+
+const BPromise = require('bluebird')
+const fs = BPromise.promisifyAll(require('node:fs'))
+const crypto = require('node:crypto')
+const { pipeline } = require('node:stream')
+const assert = require('./assert')
+
+function getGitBlobHeader(byteLength) {
+  return 'blob ' + byteLength + '\x00'
+}
+
+function getBlobHash(byteLength) {
+  const hash = crypto.createHash('sha1')
+  hash.setEncoding('hex')
+  hash.update(getGitBlobHeader(byteLength))
+  return hash
+}
+
+/**
+ * Compute the git blob hash for a blob from a readable stream of its content.
+ *
+ * @function
+ * @param  {number} byteLength
+ * @param  {stream.Readable} stream
+ * @return {Promise.<string>} hexadecimal SHA-1 hash
+ */
+exports.fromStream = BPromise.method(
+  function blobHashFromStream(byteLength, stream) {
+    assert.integer(byteLength, 'blobHash: bad byteLength')
+    assert.object(stream, 'blobHash: bad stream')
+
+    const hash = getBlobHash(byteLength)
+    return new BPromise(function (resolve, reject) {
+      pipeline(stream, hash, function (err) {
+        if (err) {
+          reject(err)
+        } else {
+          hash.end()
+          resolve(hash.read())
+        }
+      })
+    })
+  }
+)
+
+/**
+ * Compute the git blob hash for a blob with the given string content.
+ *
+ * @param  {string} string
+ * @return {string} hexadecimal SHA-1 hash
+ */
+exports.fromString = function blobHashFromString(string) {
+  assert.string(string, 'blobHash: bad string')
+  const hash = getBlobHash(Buffer.byteLength(string))
+  hash.update(string, 'utf8')
+  hash.end()
+  return hash.read()
+}
+
+/**
+ * Compute the git blob hash for the content of a file
+ *
+ * @param  {string} filePath
+ * @return {string} hexadecimal SHA-1 hash
+ */
+exports.fromFile = function blobHashFromFile(pathname) {
+  assert.string(pathname, 'blobHash: bad pathname')
+
+  function getByteLengthOfFile() {
+    return fs.statAsync(pathname).then(stat => stat.size)
+  }
+
+  const fromStream = this.fromStream
+  return getByteLengthOfFile(pathname).then(function (byteLength) {
+    const stream = fs.createReadStream(pathname)
+    return fromStream(byteLength, stream)
+  })
+}
diff --git a/services/history-v1/storage/lib/blob_store/index.js b/services/history-v1/storage/lib/blob_store/index.js
new file mode 100644
index 0000000..b4a7d16
--- /dev/null
+++ b/services/history-v1/storage/lib/blob_store/index.js
@@ -0,0 +1,433 @@
+'use strict'
+
+const config = require('config')
+const fs = require('node:fs')
+const isValidUtf8 = require('utf-8-validate')
+const { ReadableString } = require('@overleaf/stream-utils')
+
+const core = require('overleaf-editor-core')
+const objectPersistor = require('@overleaf/object-persistor')
+const OError = require('@overleaf/o-error')
+const Blob = core.Blob
+const TextOperation = core.TextOperation
+const containsNonBmpChars = core.util.containsNonBmpChars
+
+const assert = require('../assert')
+const blobHash = require('../blob_hash')
+const mongodb = require('../mongodb')
+const persistor = require('../persistor')
+const projectKey = require('../project_key')
+const streams = require('../streams')
+const postgresBackend = require('./postgres')
+const mongoBackend = require('./mongo')
+const logger = require('@overleaf/logger')
+
+/** @import { Readable } from 'stream' */
+
+const GLOBAL_BLOBS = new Map()
+
+function makeGlobalKey(hash) {
+  return `${hash.slice(0, 2)}/${hash.slice(2, 4)}/${hash.slice(4)}`
+}
+
+function makeProjectKey(projectId, hash) {
+  return `${projectKey.format(projectId)}/${hash.slice(0, 2)}/${hash.slice(2)}`
+}
+
+async function uploadBlob(projectId, blob, stream, opts = {}) {
+  const bucket = config.get('blobStore.projectBucket')
+  const key = makeProjectKey(projectId, blob.getHash())
+  logger.debug({ projectId, blob }, 'uploadBlob started')
+  try {
+    await persistor.sendStream(bucket, key, stream, {
+      contentType: 'application/octet-stream',
+      ...opts,
+    })
+  } finally {
+    logger.debug({ projectId, blob }, 'uploadBlob finished')
+  }
+}
+
+function getBlobLocation(projectId, hash) {
+  if (GLOBAL_BLOBS.has(hash)) {
+    return {
+      bucket: config.get('blobStore.globalBucket'),
+      key: makeGlobalKey(hash),
+    }
+  } else {
+    return {
+      bucket: config.get('blobStore.projectBucket'),
+      key: makeProjectKey(projectId, hash),
+    }
+  }
+}
+
+/**
+ * Returns the appropriate backend for the given project id
+ *
+ * Numeric ids use the Postgres backend.
+ * Strings of 24 characters use the Mongo backend.
+ */
+function getBackend(projectId) {
+  if (assert.POSTGRES_ID_REGEXP.test(projectId)) {
+    return postgresBackend
+  } else if (assert.MONGO_ID_REGEXP.test(projectId)) {
+    return mongoBackend
+  } else {
+    throw new OError('bad project id', { projectId })
+  }
+}
+
+async function makeBlobForFile(pathname) {
+  const { size: byteLength } = await fs.promises.stat(pathname)
+  const hash = await blobHash.fromStream(
+    byteLength,
+    fs.createReadStream(pathname)
+  )
+  return new Blob(hash, byteLength)
+}
+
+async function getStringLengthOfFile(byteLength, pathname) {
+  // We have to read the file into memory to get its UTF-8 length, so don't
+  // bother for files that are too large for us to edit anyway.
+  if (byteLength > Blob.MAX_EDITABLE_BYTE_LENGTH_BOUND) {
+    return null
+  }
+
+  // We need to check if the file contains nonBmp or null characters
+  let data = await fs.promises.readFile(pathname)
+  if (!isValidUtf8(data)) return null
+  data = data.toString()
+  if (data.length > TextOperation.MAX_STRING_LENGTH) return null
+  if (containsNonBmpChars(data)) return null
+  if (data.indexOf('\x00') !== -1) return null
+  return data.length
+}
+
+async function deleteBlobsInBucket(projectId) {
+  const bucket = config.get('blobStore.projectBucket')
+  const prefix = `${projectKey.format(projectId)}/`
+  logger.debug({ projectId }, 'deleteBlobsInBucket started')
+  try {
+    await persistor.deleteDirectory(bucket, prefix)
+  } finally {
+    logger.debug({ projectId }, 'deleteBlobsInBucket finished')
+  }
+}
+
+async function loadGlobalBlobs() {
+  const blobs = await mongodb.globalBlobs.find()
+  for await (const blob of blobs) {
+    GLOBAL_BLOBS.set(blob._id, {
+      blob: new Blob(blob._id, blob.byteLength, blob.stringLength),
+      demoted: Boolean(blob.demoted),
+    })
+  }
+}
+
+/**
+ * Return metadata for all blobs in the given project
+ * @param {Array<string|number>} projectIds
+ * @return {Promise<{nBlobs:number, blobs:Map<string,Array<core.Blob>>}>}
+ */
+async function getProjectBlobsBatch(projectIds) {
+  const mongoProjects = []
+  const postgresProjects = []
+  for (const projectId of projectIds) {
+    if (typeof projectId === 'number') {
+      postgresProjects.push(projectId)
+    } else {
+      mongoProjects.push(projectId)
+    }
+  }
+  const [
+    { nBlobs: nBlobsPostgres, blobs: blobsPostgres },
+    { nBlobs: nBlobsMongo, blobs: blobsMongo },
+  ] = await Promise.all([
+    postgresBackend.getProjectBlobsBatch(postgresProjects),
+    mongoBackend.getProjectBlobsBatch(mongoProjects),
+  ])
+  for (const [id, blobs] of blobsPostgres.entries()) {
+    blobsMongo.set(id.toString(), blobs)
+  }
+  return { nBlobs: nBlobsPostgres + nBlobsMongo, blobs: blobsMongo }
+}
+
+/**
+ * @classdesc
+ * Fetch and store the content of files using content-addressable hashing. The
+ * blob store manages both content and metadata (byte and UTF-8 length) for
+ * blobs.
+ */
+class BlobStore {
+  /**
+   * @constructor
+   * @param {string} projectId the project for which we'd like to find blobs
+   */
+  constructor(projectId) {
+    assert.projectId(projectId)
+    this.projectId = projectId
+    this.backend = getBackend(this.projectId)
+  }
+
+  /**
+   * Set up the initial data structure for a given project
+   */
+  async initialize() {
+    await this.backend.initialize(this.projectId)
+  }
+
+  /**
+   * Write a blob, if one does not already exist, with the given UTF-8 encoded
+   * string content.
+   *
+   * @param {string} string
+   * @return {Promise.<core.Blob>}
+   */
+  async putString(string) {
+    assert.string(string, 'bad string')
+    const hash = blobHash.fromString(string)
+
+    const existingBlob = await this._findBlobBeforeInsert(hash)
+    if (existingBlob != null) {
+      return existingBlob
+    }
+    const newBlob = new Blob(hash, Buffer.byteLength(string), string.length)
+    // Note: the ReadableString is to work around a bug in the AWS SDK: it won't
+    // allow Body to be blank.
+    await uploadBlob(this.projectId, newBlob, new ReadableString(string))
+    await this.backend.insertBlob(this.projectId, newBlob)
+    return newBlob
+  }
+
+  /**
+   * Write a blob, if one does not already exist, with the given file (usually a
+   * temporary file).
+   *
+   * @param {string} pathname
+   * @return {Promise<core.Blob>}
+   */
+  async putFile(pathname) {
+    assert.string(pathname, 'bad pathname')
+    const newBlob = await makeBlobForFile(pathname)
+    const existingBlob = await this._findBlobBeforeInsert(newBlob.getHash())
+    if (existingBlob != null) {
+      return existingBlob
+    }
+    const stringLength = await getStringLengthOfFile(
+      newBlob.getByteLength(),
+      pathname
+    )
+    newBlob.setStringLength(stringLength)
+    await this.putBlob(pathname, newBlob)
+    return newBlob
+  }
+
+  /**
+   * Write a new blob, the stringLength must have been added already. It should
+   * have been checked that the blob does not exist yet. Consider using
+   * {@link putFile} instead of this lower-level method.
+   *
+   * @param {string} pathname
+   * @param {core.Blob} finializedBlob
+   * @return {Promise<void>}
+   */
+  async putBlob(pathname, finializedBlob) {
+    await uploadBlob(
+      this.projectId,
+      finializedBlob,
+      fs.createReadStream(pathname)
+    )
+    await this.backend.insertBlob(this.projectId, finializedBlob)
+  }
+
+  /**
+   * Stores an object as a JSON string in a blob.
+   *
+   * @param {object} obj
+   * @returns {Promise.<core.Blob>}
+   */
+  async putObject(obj) {
+    assert.object(obj, 'bad object')
+    const string = JSON.stringify(obj)
+    return await this.putString(string)
+  }
+
+  /**
+   *
+   * Fetch a blob's content by its hash as a UTF-8 encoded string.
+   *
+   * @param {string} hash hexadecimal SHA-1 hash
+   * @return {Promise.<string>} promise for the content of the file
+   */
+  async getString(hash) {
+    assert.blobHash(hash, 'bad hash')
+
+    const projectId = this.projectId
+    logger.debug({ projectId, hash }, 'getString started')
+    try {
+      const stream = await this.getStream(hash)
+      const buffer = await streams.readStreamToBuffer(stream)
+      return buffer.toString()
+    } finally {
+      logger.debug({ projectId, hash }, 'getString finished')
+    }
+  }
+
+  /**
+   * Fetch a JSON encoded blob by its hash and deserialize it.
+   *
+   * @template [T=unknown]
+   * @param {string} hash hexadecimal SHA-1 hash
+   * @return {Promise.<T>} promise for the content of the file
+   */
+  async getObject(hash) {
+    assert.blobHash(hash, 'bad hash')
+    const projectId = this.projectId
+    logger.debug({ projectId, hash }, 'getObject started')
+    try {
+      const jsonString = await this.getString(hash)
+      const object = JSON.parse(jsonString)
+      return object
+    } catch (error) {
+      // Maybe this is blob is gzipped. Try to gunzip it.
+      // TODO: Remove once we've ensured this is not reached
+      const stream = await this.getStream(hash)
+      const buffer = await streams.gunzipStreamToBuffer(stream)
+      const object = JSON.parse(buffer.toString())
+      logger.warn('getObject: Gzipped object in BlobStore')
+      return object
+    } finally {
+      logger.debug({ projectId, hash }, 'getObject finished')
+    }
+  }
+
+  /**
+   * Fetch a blob by its hash as a stream.
+   *
+   * Note that, according to the AWS SDK docs, this does not retry after initial
+   * failure, so the caller must be prepared to retry on errors, if appropriate.
+   *
+   * @param {string} hash hexadecimal SHA-1 hash
+   * @param {Object} opts
+   * @return {Promise.<Readable>} a stream to read the file
+   */
+  async getStream(hash, opts = {}) {
+    assert.blobHash(hash, 'bad hash')
+
+    const { bucket, key } = getBlobLocation(this.projectId, hash)
+    try {
+      const stream = await persistor.getObjectStream(bucket, key, opts)
+      return stream
+    } catch (err) {
+      if (err instanceof objectPersistor.Errors.NotFoundError) {
+        throw new Blob.NotFoundError(hash)
+      }
+      throw err
+    }
+  }
+
+  /**
+   * Read a blob metadata record by hexadecimal hash.
+   *
+   * @param {string} hash hexadecimal SHA-1 hash
+   * @return {Promise<core.Blob | null>}
+   */
+  async getBlob(hash) {
+    assert.blobHash(hash, 'bad hash')
+    const globalBlob = GLOBAL_BLOBS.get(hash)
+    if (globalBlob != null) {
+      return globalBlob.blob
+    }
+    const blob = await this.backend.findBlob(this.projectId, hash)
+    return blob
+  }
+
+  async getBlobs(hashes) {
+    assert.array(hashes, 'bad hashes')
+    const nonGlobalHashes = []
+    const blobs = []
+    for (const hash of hashes) {
+      const globalBlob = GLOBAL_BLOBS.get(hash)
+      if (globalBlob != null) {
+        blobs.push(globalBlob.blob)
+      } else {
+        nonGlobalHashes.push(hash)
+      }
+    }
+    if (nonGlobalHashes.length === 0) {
+      return blobs // to avoid unnecessary database lookup
+    }
+    const projectBlobs = await this.backend.findBlobs(
+      this.projectId,
+      nonGlobalHashes
+    )
+    blobs.push(...projectBlobs)
+    return blobs
+  }
+
+  /**
+   * Retrieve all blobs associated with the project.
+   * @returns {Promise<core.Blob[]>} A promise that resolves to an array of blobs.
+   */
+
+  async getProjectBlobs() {
+    const projectBlobs = await this.backend.getProjectBlobs(this.projectId)
+    return projectBlobs
+  }
+
+  /**
+   * Delete all blobs that belong to the project.
+   */
+  async deleteBlobs() {
+    await Promise.all([
+      this.backend.deleteBlobs(this.projectId),
+      deleteBlobsInBucket(this.projectId),
+    ])
+  }
+
+  async _findBlobBeforeInsert(hash) {
+    const globalBlob = GLOBAL_BLOBS.get(hash)
+    if (globalBlob != null && !globalBlob.demoted) {
+      return globalBlob.blob
+    }
+    const blob = await this.backend.findBlob(this.projectId, hash)
+    return blob
+  }
+
+  /**
+   * Copy an existing sourceBlob in this project to a target project.
+   * @param {Blob} sourceBlob
+   * @param {string} targetProjectId
+   * @return {Promise<void>}
+   */
+  async copyBlob(sourceBlob, targetProjectId) {
+    assert.instance(sourceBlob, Blob, 'bad sourceBlob')
+    assert.projectId(targetProjectId, 'bad targetProjectId')
+    const hash = sourceBlob.getHash()
+    const sourceProjectId = this.projectId
+    const { bucket, key: sourceKey } = getBlobLocation(sourceProjectId, hash)
+    const destKey = makeProjectKey(targetProjectId, hash)
+    const targetBackend = getBackend(targetProjectId)
+    logger.debug({ sourceProjectId, targetProjectId, hash }, 'copyBlob started')
+    try {
+      await persistor.copyObject(bucket, sourceKey, destKey)
+      await targetBackend.insertBlob(targetProjectId, sourceBlob)
+    } finally {
+      logger.debug(
+        { sourceProjectId, targetProjectId, hash },
+        'copyBlob finished'
+      )
+    }
+  }
+}
+
+module.exports = {
+  BlobStore,
+  getProjectBlobsBatch,
+  loadGlobalBlobs,
+  makeProjectKey,
+  makeBlobForFile,
+  getStringLengthOfFile,
+  GLOBAL_BLOBS,
+}
diff --git a/services/history-v1/storage/lib/blob_store/mongo.js b/services/history-v1/storage/lib/blob_store/mongo.js
new file mode 100644
index 0000000..9117382
--- /dev/null
+++ b/services/history-v1/storage/lib/blob_store/mongo.js
@@ -0,0 +1,437 @@
+// @ts-check
+/**
+ * Mongo backend for the blob store.
+ *
+ * Blobs are stored in the projectHistoryBlobs collection. Each project has a
+ * document in that collection. That document has a "blobs" subdocument whose
+ * fields are buckets of blobs. The key of a bucket is the first three hex
+ * digits of the blob hash. The value of the bucket is an array of blobs that
+ * match the key.
+ *
+ * Buckets have a maximum capacity of 8 blobs. When that capacity is exceeded,
+ * blobs are stored in a secondary collection: the projectHistoryShardedBlobs
+ * collection. This collection shards blobs between 16 documents per project.
+ * The shard key is the first hex digit of the hash. The documents are also
+ * organized in buckets, but the bucket key is made of hex digits 2, 3 and 4.
+ */
+
+const { Blob } = require('overleaf-editor-core')
+const { ObjectId, Binary, MongoError, ReadPreference } = require('mongodb')
+const assert = require('../assert')
+const mongodb = require('../mongodb')
+
+const MAX_BLOBS_IN_BUCKET = 8
+const DUPLICATE_KEY_ERROR_CODE = 11000
+
+/**
+ * @typedef {import('mongodb').ReadPreferenceLike} ReadPreferenceLike
+ */
+
+/**
+ * Set up the data structures for a given project.
+ * @param {string} projectId
+ */
+async function initialize(projectId) {
+  assert.mongoId(projectId, 'bad projectId')
+  try {
+    await mongodb.blobs.insertOne({
+      _id: new ObjectId(projectId),
+      blobs: {},
+    })
+  } catch (err) {
+    if (err instanceof MongoError && err.code === DUPLICATE_KEY_ERROR_CODE) {
+      return // ignore already initialized case
+    }
+    throw err
+  }
+}
+
+/**
+ * Return blob metadata for the given project and hash.
+ * @param {string} projectId
+ * @param {string} hash
+ * @return {Promise<Blob | null>}
+ */
+async function findBlob(projectId, hash) {
+  assert.mongoId(projectId, 'bad projectId')
+  assert.blobHash(hash, 'bad hash')
+
+  const bucket = getBucket(hash)
+  const result = await mongodb.blobs.findOne(
+    { _id: new ObjectId(projectId) },
+    { projection: { _id: 0, bucket: `$${bucket}` } }
+  )
+
+  if (result?.bucket == null) {
+    return null
+  }
+
+  const record = result.bucket.find(blob => blob.h.toString('hex') === hash)
+  if (record == null) {
+    if (result.bucket.length >= MAX_BLOBS_IN_BUCKET) {
+      return await findBlobSharded(projectId, hash)
+    } else {
+      return null
+    }
+  }
+  return recordToBlob(record)
+}
+
+/**
+ * Search in the sharded collection for blob metadata
+ * @param {string} projectId
+ * @param {string} hash
+ * @return {Promise<Blob | null>}
+ */
+async function findBlobSharded(projectId, hash) {
+  const [shard, bucket] = getShardedBucket(hash)
+  const id = makeShardedId(projectId, shard)
+  const result = await mongodb.shardedBlobs.findOne(
+    { _id: id },
+    { projection: { _id: 0, blobs: `$${bucket}` } }
+  )
+  if (result?.blobs == null) {
+    return null
+  }
+  const record = result.blobs.find(blob => blob.h.toString('hex') === hash)
+  if (!record) return null
+  return recordToBlob(record)
+}
+
+/**
+ * Read multiple blob metadata records by hexadecimal hashes.
+ * @param {string} projectId
+ * @param {Array<string>} hashes
+ * @return {Promise<Array<Blob>>}
+ */
+async function findBlobs(projectId, hashes) {
+  assert.mongoId(projectId, 'bad projectId')
+  assert.array(hashes, 'bad hashes: not array')
+  hashes.forEach(function (hash) {
+    assert.blobHash(hash, 'bad hash')
+  })
+
+  // Build a set of unique buckets
+  const buckets = new Set(hashes.map(getBucket))
+
+  // Get buckets from Mongo
+  const projection = { _id: 0 }
+  for (const bucket of buckets) {
+    projection[bucket] = 1
+  }
+  const result = await mongodb.blobs.findOne(
+    { _id: new ObjectId(projectId) },
+    { projection }
+  )
+
+  if (result?.blobs == null) {
+    return []
+  }
+
+  // Build blobs from the query results
+  const hashSet = new Set(hashes)
+  const blobs = []
+  for (const bucket of Object.values(result.blobs)) {
+    for (const record of bucket) {
+      const hash = record.h.toString('hex')
+      if (hashSet.has(hash)) {
+        blobs.push(recordToBlob(record))
+        hashSet.delete(hash)
+      }
+    }
+  }
+
+  // If we haven't found all the blobs, look in the sharded collection
+  if (hashSet.size > 0) {
+    const shardedBlobs = await findBlobsSharded(projectId, hashSet)
+    blobs.push(...shardedBlobs)
+  }
+
+  return blobs
+}
+
+/**
+ * Search in the sharded collection for blob metadata.
+ * @param {string} projectId
+ * @param {Set<string>} hashSet
+ * @return {Promise<Array<Blob>>}
+ */
+async function findBlobsSharded(projectId, hashSet) {
+  // Build a map of buckets by shard key
+  const bucketsByShard = new Map()
+  for (const hash of hashSet) {
+    const [shard, bucket] = getShardedBucket(hash)
+    let buckets = bucketsByShard.get(shard)
+    if (buckets == null) {
+      buckets = new Set()
+      bucketsByShard.set(shard, buckets)
+    }
+    buckets.add(bucket)
+  }
+
+  // Make parallel requests to the shards that might contain the hashes we want
+  const requests = []
+  for (const [shard, buckets] of bucketsByShard.entries()) {
+    const id = makeShardedId(projectId, shard)
+    const projection = { _id: 0 }
+    for (const bucket of buckets) {
+      projection[bucket] = 1
+    }
+    const request = mongodb.shardedBlobs.findOne({ _id: id }, { projection })
+    requests.push(request)
+  }
+  const results = await Promise.all(requests)
+
+  // Build blobs from the query results
+  const blobs = []
+  for (const result of results) {
+    if (result?.blobs == null) {
+      continue
+    }
+
+    for (const bucket of Object.values(result.blobs)) {
+      for (const record of bucket) {
+        const hash = record.h.toString('hex')
+        if (hashSet.has(hash)) {
+          blobs.push(recordToBlob(record))
+        }
+      }
+    }
+  }
+  return blobs
+}
+
+/**
+ * Return metadata for all blobs in the given project
+ */
+async function getProjectBlobs(projectId) {
+  assert.mongoId(projectId, 'bad projectId')
+
+  const result = await mongodb.blobs.findOne(
+    { _id: new ObjectId(projectId) },
+    { projection: { _id: 0 } }
+  )
+
+  if (!result) {
+    return []
+  }
+
+  // Build blobs from the query results
+  const blobs = []
+  for (const bucket of Object.values(result.blobs)) {
+    for (const record of bucket) {
+      blobs.push(recordToBlob(record))
+    }
+  }
+
+  // Look for all possible sharded blobs
+
+  const minShardedId = makeShardedId(projectId, '0')
+  const maxShardedId = makeShardedId(projectId, 'f')
+  // @ts-ignore We are using a custom _id here.
+  const shardedRecords = mongodb.shardedBlobs.find(
+    {
+      _id: { $gte: minShardedId, $lte: maxShardedId },
+    },
+    { projection: { _id: 0 } }
+  )
+
+  for await (const shardedRecord of shardedRecords) {
+    if (shardedRecord.blobs == null) {
+      continue
+    }
+    for (const bucket of Object.values(shardedRecord.blobs)) {
+      for (const record of bucket) {
+        blobs.push(recordToBlob(record))
+      }
+    }
+  }
+
+  return blobs
+}
+
+/**
+ * Return metadata for all blobs in the given project
+ * @param {Array<string>} projectIds
+ * @return {Promise<{ nBlobs: number, blobs: Map<string, Array<Blob>> }>}
+ */
+async function getProjectBlobsBatch(projectIds) {
+  for (const project of projectIds) {
+    assert.mongoId(project, 'bad projectId')
+  }
+  let nBlobs = 0
+  const blobs = new Map()
+  if (projectIds.length === 0) return { nBlobs, blobs }
+
+  // blobs
+  {
+    const cursor = await mongodb.blobs.find(
+      { _id: { $in: projectIds.map(projectId => new ObjectId(projectId)) } },
+      { readPreference: ReadPreference.secondaryPreferred }
+    )
+    for await (const record of cursor) {
+      const projectBlobs = Object.values(record.blobs).flat().map(recordToBlob)
+      blobs.set(record._id.toString(), projectBlobs)
+      nBlobs += projectBlobs.length
+    }
+  }
+
+  // sharded blobs
+  {
+    // @ts-ignore We are using a custom _id here.
+    const cursor = await mongodb.shardedBlobs.find(
+      {
+        _id: {
+          $gte: makeShardedId(projectIds[0], '0'),
+          $lte: makeShardedId(projectIds[projectIds.length - 1], 'f'),
+        },
+      },
+      { readPreference: ReadPreference.secondaryPreferred }
+    )
+    for await (const record of cursor) {
+      const recordIdHex = record._id.toString('hex')
+      const recordProjectId = recordIdHex.slice(0, 24)
+      const projectBlobs = Object.values(record.blobs).flat().map(recordToBlob)
+      const found = blobs.get(recordProjectId)
+      if (found) {
+        found.push(...projectBlobs)
+      } else {
+        blobs.set(recordProjectId, projectBlobs)
+      }
+      nBlobs += projectBlobs.length
+    }
+  }
+  return { nBlobs, blobs }
+}
+
+/**
+ * Add a blob's metadata to the blobs collection after it has been uploaded.
+ * @param {string} projectId
+ * @param {Blob} blob
+ */
+async function insertBlob(projectId, blob) {
+  assert.mongoId(projectId, 'bad projectId')
+  const hash = blob.getHash()
+  const bucket = getBucket(hash)
+  const record = blobToRecord(blob)
+  const result = await mongodb.blobs.updateOne(
+    {
+      _id: new ObjectId(projectId),
+      $expr: {
+        $lt: [{ $size: { $ifNull: [`$${bucket}`, []] } }, MAX_BLOBS_IN_BUCKET],
+      },
+    },
+    {
+      $addToSet: { [bucket]: record },
+    }
+  )
+
+  if (result.matchedCount === 0) {
+    await insertRecordSharded(projectId, hash, record)
+  }
+}
+
+/**
+ * Add a blob's metadata to the sharded blobs collection.
+ * @param {string} projectId
+ * @param {string} hash
+ * @param {Record} record
+ * @return {Promise<void>}
+ */
+async function insertRecordSharded(projectId, hash, record) {
+  const [shard, bucket] = getShardedBucket(hash)
+  const id = makeShardedId(projectId, shard)
+  await mongodb.shardedBlobs.updateOne(
+    { _id: id },
+    { $addToSet: { [bucket]: record } },
+    { upsert: true }
+  )
+}
+
+/**
+ * Delete all blobs for a given project.
+ * @param {string} projectId
+ */
+async function deleteBlobs(projectId) {
+  assert.mongoId(projectId, 'bad projectId')
+  await mongodb.blobs.deleteOne({ _id: new ObjectId(projectId) })
+  const minShardedId = makeShardedId(projectId, '0')
+  const maxShardedId = makeShardedId(projectId, 'f')
+  await mongodb.shardedBlobs.deleteMany({
+    // @ts-ignore We are using a custom _id here.
+    _id: { $gte: minShardedId, $lte: maxShardedId },
+  })
+}
+
+/**
+ * Return the Mongo path to the bucket for the given hash.
+ * @param {string} hash
+ * @return {string}
+ */
+function getBucket(hash) {
+  return `blobs.${hash.slice(0, 3)}`
+}
+
+/**
+ * Return the shard key and Mongo path to the bucket for the given hash in the
+ * sharded collection.
+ * @param {string} hash
+ * @return {[string, string]}
+ */
+function getShardedBucket(hash) {
+  const shard = hash.slice(0, 1)
+  const bucket = `blobs.${hash.slice(1, 4)}`
+  return [shard, bucket]
+}
+
+/**
+ * Create an _id key for the sharded collection.
+ * @param {string} projectId
+ * @param {string} shard
+ * @return {Binary}
+ */
+function makeShardedId(projectId, shard) {
+  return new Binary(Buffer.from(`${projectId}0${shard}`, 'hex'))
+}
+
+/**
+ * @typedef {Object} Record
+ * @property {Binary} h
+ * @property {number} b
+ * @property {number} [s]
+ */
+
+/**
+ * Return the Mongo record for the given blob.
+ * @param {Blob} blob
+ * @return {Record}
+ */
+function blobToRecord(blob) {
+  const hash = blob.getHash()
+  const byteLength = blob.getByteLength()
+  const stringLength = blob.getStringLength()
+  return {
+    h: new Binary(Buffer.from(hash, 'hex')),
+    b: byteLength,
+    s: stringLength,
+  }
+}
+
+/**
+ * Create a blob from the given Mongo record.
+ * @param {Record} record
+ * @return {Blob}
+ */
+function recordToBlob(record) {
+  return new Blob(record.h.toString('hex'), record.b, record.s)
+}
+
+module.exports = {
+  initialize,
+  findBlob,
+  findBlobs,
+  getProjectBlobs,
+  getProjectBlobsBatch,
+  insertBlob,
+  deleteBlobs,
+}
diff --git a/services/history-v1/storage/lib/blob_store/postgres.js b/services/history-v1/storage/lib/blob_store/postgres.js
new file mode 100644
index 0000000..1cedeec
--- /dev/null
+++ b/services/history-v1/storage/lib/blob_store/postgres.js
@@ -0,0 +1,161 @@
+const { Blob } = require('overleaf-editor-core')
+const assert = require('../assert')
+const knex = require('../knex')
+
+/**
+ * Set up the initial data structures for a project
+ */
+async function initialize(projectId) {
+  // Nothing to do for Postgres
+}
+
+/**
+ * Return blob metadata for the given project and hash
+ */
+async function findBlob(projectId, hash) {
+  assert.postgresId(projectId, 'bad projectId')
+  projectId = parseInt(projectId, 10)
+  assert.blobHash(hash, 'bad hash')
+
+  const binaryHash = hashToBuffer(hash)
+  const record = await knex('project_blobs')
+    .select('hash_bytes', 'byte_length', 'string_length')
+    .where({
+      project_id: projectId,
+      hash_bytes: binaryHash,
+    })
+    .first()
+  return recordToBlob(record)
+}
+
+/**
+ * Read multiple blob metadata records by hexadecimal hashes.
+ *
+ * @param {Array.<string>} hashes hexadecimal SHA-1 hashes
+ * @return {Promise.<Array.<Blob?>>} no guarantee on order
+ */
+async function findBlobs(projectId, hashes) {
+  assert.postgresId(projectId, 'bad projectId')
+  projectId = parseInt(projectId, 10)
+  assert.array(hashes, 'bad hashes: not array')
+  hashes.forEach(function (hash) {
+    assert.blobHash(hash, 'bad hash')
+  })
+
+  const binaryHashes = hashes.map(hashToBuffer)
+
+  const records = await knex('project_blobs')
+    .select('hash_bytes', 'byte_length', 'string_length')
+    .where('project_id', projectId)
+    .whereIn('hash_bytes', binaryHashes)
+
+  const blobs = records.map(recordToBlob)
+  return blobs
+}
+
+/**
+ * Return metadata for all blobs in the given project
+ */
+async function getProjectBlobs(projectId) {
+  assert.postgresId(projectId, 'bad projectId')
+  projectId = parseInt(projectId, 10)
+
+  const records = await knex('project_blobs')
+    .select('hash_bytes', 'byte_length', 'string_length')
+    .where({
+      project_id: projectId,
+    })
+
+  const blobs = records.map(recordToBlob)
+  return blobs
+}
+
+/**
+ * Return metadata for all blobs in the given project
+ * @param {Array<number>} projectIds
+ * @return {Promise<{ nBlobs: number, blobs: Map<number, Array<Blob>> }>}
+ */
+async function getProjectBlobsBatch(projectIds) {
+  for (const projectId of projectIds) {
+    assert.integer(projectId, 'bad projectId')
+  }
+  let nBlobs = 0
+  const blobs = new Map()
+  if (projectIds.length === 0) return { nBlobs, blobs }
+
+  const cursor = knex('project_blobs')
+    .select('project_id', 'hash_bytes', 'byte_length', 'string_length')
+    .whereIn('project_id', projectIds)
+    .stream()
+  for await (const record of cursor) {
+    const found = blobs.get(record.project_id)
+    if (found) {
+      found.push(recordToBlob(record))
+    } else {
+      blobs.set(record.project_id, [recordToBlob(record)])
+    }
+    nBlobs++
+  }
+  return { nBlobs, blobs }
+}
+
+/**
+ * Add a blob's metadata to the blobs table after it has been uploaded.
+ */
+async function insertBlob(projectId, blob) {
+  assert.postgresId(projectId, 'bad projectId')
+  projectId = parseInt(projectId, 10)
+
+  await knex('project_blobs')
+    .insert(blobToRecord(projectId, blob))
+    .onConflict(['project_id', 'hash_bytes'])
+    .ignore()
+}
+
+/**
+ * Deletes all blobs for a given project
+ */
+async function deleteBlobs(projectId) {
+  assert.postgresId(projectId, 'bad projectId')
+  projectId = parseInt(projectId, 10)
+
+  await knex('project_blobs').where('project_id', projectId).delete()
+}
+
+function blobToRecord(projectId, blob) {
+  return {
+    project_id: projectId,
+    hash_bytes: hashToBuffer(blob.hash),
+    byte_length: blob.getByteLength(),
+    string_length: blob.getStringLength(),
+  }
+}
+
+function recordToBlob(record) {
+  if (!record) return
+  return new Blob(
+    hashFromBuffer(record.hash_bytes),
+    record.byte_length,
+    record.string_length
+  )
+}
+
+function hashToBuffer(hash) {
+  if (!hash) return
+  return Buffer.from(hash, 'hex')
+}
+
+function hashFromBuffer(buffer) {
+  if (!buffer) return
+  return buffer.toString('hex')
+}
+
+module.exports = {
+  initialize,
+  findBlob,
+  findBlobs,
+  getProjectBlobs,
+  getProjectBlobsBatch,
+  insertBlob,
+  deleteBlobs,
+}
diff --git a/services/history-v1/storage/lib/chunk_buffer/index.js b/services/history-v1/storage/lib/chunk_buffer/index.js
new file mode 100644
index 0000000..fe30b99
--- /dev/null
+++ b/services/history-v1/storage/lib/chunk_buffer/index.js
@@ -0,0 +1,40 @@
+'use strict'
+
+/**
+ * @module storage/lib/chunk_buffer
+ */
+
+const chunkStore = require('../chunk_store')
+const redisBackend = require('../chunk_store/redis')
+const metrics = require('@overleaf/metrics')
+/**
+ * Load the latest Chunk stored for a project, including blob metadata.
+ *
+ * @param {string} projectId
+ * @return {Promise.<Chunk>}
+ */
+async function loadLatest(projectId) {
+  const cachedChunk = await redisBackend.getCurrentChunk(projectId)
+  const chunkRecord = await chunkStore.loadLatestRaw(projectId)
+  const cachedChunkIsValid = redisBackend.checkCacheValidityWithMetadata(
+    cachedChunk,
+    chunkRecord
+  )
+  if (cachedChunkIsValid) {
+    metrics.inc('chunk_buffer.loadLatest', 1, {
+      status: 'cache-hit',
+    })
+    return cachedChunk
+  } else {
+    metrics.inc('chunk_buffer.loadLatest', 1, {
+      status: 'cache-miss',
+    })
+    const chunk = await chunkStore.loadLatest(projectId)
+    await redisBackend.setCurrentChunk(projectId, chunk)
+    return chunk
+  }
+}
+
+module.exports = {
+  loadLatest,
+}
diff --git a/services/history-v1/storage/lib/chunk_store/errors.js b/services/history-v1/storage/lib/chunk_store/errors.js
new file mode 100644
index 0000000..5f0eba6
--- /dev/null
+++ b/services/history-v1/storage/lib/chunk_store/errors.js
@@ -0,0 +1,7 @@
+const OError = require('@overleaf/o-error')
+
+class ChunkVersionConflictError extends OError {}
+
+module.exports = {
+  ChunkVersionConflictError,
+}
diff --git a/services/history-v1/storage/lib/chunk_store/index.js b/services/history-v1/storage/lib/chunk_store/index.js
new file mode 100644
index 0000000..f75c017
--- /dev/null
+++ b/services/history-v1/storage/lib/chunk_store/index.js
@@ -0,0 +1,447 @@
+// @ts-check
+
+'use strict'
+
+/**
+ * Manage {@link Chunk} and {@link History} storage.
+ *
+ * For storage, chunks are immutable. If we want to update a project with new
+ * changes, we create a new chunk record and History object and delete the old
+ * ones. If we compact a project's history, we similarly destroy the old chunk
+ * (or chunks) and replace them with a new one. This is helpful when using S3,
+ * because it guarantees only eventual consistency for updates but provides
+ * stronger consistency guarantees for object creation.
+ *
+ * When a chunk record in the database is removed, we save its ID for later
+ * in the `old_chunks` table, rather than deleting it immediately. This lets us
+ * use batch deletion to reduce the number of delete requests to S3.
+ *
+ * The chunk store also caches data about which blobs are referenced by each
+ * chunk, which allows us to find unused blobs without loading all of the data
+ * for all projects from S3. Whenever we create a chunk, we also insert records
+ * into the `chunk_blobs` table, to help with this bookkeeping.
+ */
+
+const config = require('config')
+const OError = require('@overleaf/o-error')
+const { Chunk, History, Snapshot } = require('overleaf-editor-core')
+
+const assert = require('../assert')
+const BatchBlobStore = require('../batch_blob_store')
+const { BlobStore } = require('../blob_store')
+const { historyStore } = require('../history_store')
+const mongoBackend = require('./mongo')
+const postgresBackend = require('./postgres')
+const { ChunkVersionConflictError } = require('./errors')
+
+const DEFAULT_DELETE_BATCH_SIZE = parseInt(config.get('maxDeleteKeys'), 10)
+const DEFAULT_DELETE_TIMEOUT_SECS = 3000 // 50 minutes
+const DEFAULT_DELETE_MIN_AGE_SECS = 86400 // 1 day
+
+/**
+ * Create the initial chunk for a project.
+ */
+async function initializeProject(projectId, snapshot) {
+  if (projectId != null) {
+    assert.projectId(projectId, 'bad projectId')
+  } else {
+    projectId = await postgresBackend.generateProjectId()
+  }
+
+  if (snapshot != null) {
+    assert.instance(snapshot, Snapshot, 'bad snapshot')
+  } else {
+    snapshot = new Snapshot()
+  }
+
+  const blobStore = new BlobStore(projectId)
+  await blobStore.initialize()
+
+  const backend = getBackend(projectId)
+  const chunkRecord = await backend.getLatestChunk(projectId)
+  if (chunkRecord != null) {
+    throw new AlreadyInitialized(projectId)
+  }
+
+  const history = new History(snapshot, [])
+  const chunk = new Chunk(history, 0)
+  await create(projectId, chunk)
+  return projectId
+}
+
+/**
+ * Load the blobs referenced in the given history
+ */
+async function lazyLoadHistoryFiles(history, batchBlobStore) {
+  const blobHashes = new Set()
+  history.findBlobHashes(blobHashes)
+
+  await batchBlobStore.preload(Array.from(blobHashes))
+  await history.loadFiles('lazy', batchBlobStore)
+}
+
+/**
+ * Load the latest Chunk stored for a project, including blob metadata.
+ *
+ * @param {string} projectId
+ * @param {Object} [opts]
+ * @param {boolean} [opts.readOnly]
+ * @return {Promise<{id: string, startVersion: number, endVersion: number, endTimestamp: Date}>}
+ */
+async function loadLatestRaw(projectId, opts) {
+  assert.projectId(projectId, 'bad projectId')
+
+  const backend = getBackend(projectId)
+  const chunkRecord = await backend.getLatestChunk(projectId, opts)
+  if (chunkRecord == null) {
+    throw new Chunk.NotFoundError(projectId)
+  }
+  return chunkRecord
+}
+
+/**
+ * Load the latest Chunk stored for a project, including blob metadata.
+ *
+ * @param {string} projectId
+ * @return {Promise.<Chunk>}
+ */
+async function loadLatest(projectId) {
+  const chunkRecord = await loadLatestRaw(projectId)
+  const rawHistory = await historyStore.loadRaw(projectId, chunkRecord.id)
+  const history = History.fromRaw(rawHistory)
+  const blobStore = new BlobStore(projectId)
+  const batchBlobStore = new BatchBlobStore(blobStore)
+  await lazyLoadHistoryFiles(history, batchBlobStore)
+  return new Chunk(history, chunkRecord.startVersion)
+}
+
+/**
+ * Load the the chunk that contains the given version, including blob metadata.
+ */
+async function loadAtVersion(projectId, version) {
+  assert.projectId(projectId, 'bad projectId')
+  assert.integer(version, 'bad version')
+
+  const backend = getBackend(projectId)
+  const blobStore = new BlobStore(projectId)
+  const batchBlobStore = new BatchBlobStore(blobStore)
+
+  const chunkRecord = await backend.getChunkForVersion(projectId, version)
+  const rawHistory = await historyStore.loadRaw(projectId, chunkRecord.id)
+  const history = History.fromRaw(rawHistory)
+  await lazyLoadHistoryFiles(history, batchBlobStore)
+  return new Chunk(history, chunkRecord.endVersion - history.countChanges())
+}
+
+/**
+ * Load the chunk that contains the version that was current at the given
+ * timestamp, including blob metadata.
+ */
+async function loadAtTimestamp(projectId, timestamp) {
+  assert.projectId(projectId, 'bad projectId')
+  assert.date(timestamp, 'bad timestamp')
+
+  const backend = getBackend(projectId)
+  const blobStore = new BlobStore(projectId)
+  const batchBlobStore = new BatchBlobStore(blobStore)
+
+  const chunkRecord = await backend.getChunkForTimestamp(projectId, timestamp)
+  const rawHistory = await historyStore.loadRaw(projectId, chunkRecord.id)
+  const history = History.fromRaw(rawHistory)
+  await lazyLoadHistoryFiles(history, batchBlobStore)
+  return new Chunk(history, chunkRecord.endVersion - history.countChanges())
+}
+
+/**
+ * Store the chunk and insert corresponding records in the database.
+ *
+ * @param {string} projectId
+ * @param {Chunk} chunk
+ * @param {Date} [earliestChangeTimestamp]
+ */
+async function create(projectId, chunk, earliestChangeTimestamp) {
+  assert.projectId(projectId, 'bad projectId')
+  assert.instance(chunk, Chunk, 'bad chunk')
+  assert.maybe.date(earliestChangeTimestamp, 'bad timestamp')
+
+  const backend = getBackend(projectId)
+  const chunkStart = chunk.getStartVersion()
+  const chunkId = await uploadChunk(projectId, chunk)
+
+  const opts = {}
+  if (chunkStart > 0) {
+    opts.oldChunkId = await getChunkIdForVersion(projectId, chunkStart - 1)
+  }
+  if (earliestChangeTimestamp != null) {
+    opts.earliestChangeTimestamp = earliestChangeTimestamp
+  }
+
+  await backend.confirmCreate(projectId, chunk, chunkId, opts)
+}
+
+/**
+ * Upload the given chunk to object storage.
+ *
+ * This is used by the create and update methods.
+ */
+async function uploadChunk(projectId, chunk) {
+  const backend = getBackend(projectId)
+  const blobStore = new BlobStore(projectId)
+
+  const historyStoreConcurrency = parseInt(
+    config.get('chunkStore.historyStoreConcurrency'),
+    10
+  )
+
+  const rawHistory = await chunk
+    .getHistory()
+    .store(blobStore, historyStoreConcurrency)
+  const chunkId = await backend.insertPendingChunk(projectId, chunk)
+  await historyStore.storeRaw(projectId, chunkId, rawHistory)
+  return chunkId
+}
+
+/**
+ * Extend the project's history by replacing the latest chunk with a new
+ * chunk.
+ *
+ * @param {string} projectId
+ * @param {number} oldEndVersion
+ * @param {Chunk} newChunk
+ * @param {Date} [earliestChangeTimestamp]
+ * @return {Promise}
+ */
+async function update(
+  projectId,
+  oldEndVersion,
+  newChunk,
+  earliestChangeTimestamp
+) {
+  assert.projectId(projectId, 'bad projectId')
+  assert.integer(oldEndVersion, 'bad oldEndVersion')
+  assert.instance(newChunk, Chunk, 'bad newChunk')
+  assert.maybe.date(earliestChangeTimestamp, 'bad timestamp')
+
+  const backend = getBackend(projectId)
+  const oldChunkId = await getChunkIdForVersion(projectId, oldEndVersion)
+  const newChunkId = await uploadChunk(projectId, newChunk)
+
+  const opts = {}
+  if (earliestChangeTimestamp != null) {
+    opts.earliestChangeTimestamp = earliestChangeTimestamp
+  }
+
+  await backend.confirmUpdate(projectId, oldChunkId, newChunk, newChunkId, opts)
+}
+
+/**
+ * Find the chunk ID for a given version of a project.
+ *
+ * @param {string} projectId
+ * @param {number} version
+ * @return {Promise.<string>}
+ */
+async function getChunkIdForVersion(projectId, version) {
+  const backend = getBackend(projectId)
+  const chunkRecord = await backend.getChunkForVersion(projectId, version)
+  return chunkRecord.id
+}
+
+/**
+ * Find the chunk metadata for a given version of a project.
+ *
+ * @param {string} projectId
+ * @param {number} version
+ * @return {Promise.<{id: string|number, startVersion: number, endVersion: number}>}
+ */
+async function getChunkMetadataForVersion(projectId, version) {
+  const backend = getBackend(projectId)
+  const chunkRecord = await backend.getChunkForVersion(projectId, version)
+  return chunkRecord
+}
+
+/**
+ * Get all of a project's chunk ids
+ */
+async function getProjectChunkIds(projectId) {
+  const backend = getBackend(projectId)
+  const chunkIds = await backend.getProjectChunkIds(projectId)
+  return chunkIds
+}
+
+/**
+ * Get all of a projects chunks directly
+ */
+async function getProjectChunks(projectId) {
+  const backend = getBackend(projectId)
+  const chunkIds = await backend.getProjectChunks(projectId)
+  return chunkIds
+}
+
+/**
+ * Load the chunk for a given chunk record, including blob metadata.
+ */
+async function loadByChunkRecord(projectId, chunkRecord) {
+  const blobStore = new BlobStore(projectId)
+  const batchBlobStore = new BatchBlobStore(blobStore)
+  const { raw: rawHistory, buffer: chunkBuffer } =
+    await historyStore.loadRawWithBuffer(projectId, chunkRecord.id)
+  const history = History.fromRaw(rawHistory)
+  await lazyLoadHistoryFiles(history, batchBlobStore)
+  return {
+    chunk: new Chunk(history, chunkRecord.endVersion - history.countChanges()),
+    chunkBuffer,
+  }
+}
+
+/**
+ * Asynchronously retrieves project chunks starting from a specific version.
+ *
+ * This generator function yields chunk records for a given project starting from the specified version (inclusive).
+ * It continues to fetch and yield subsequent chunk records until the end version of the latest chunk metadata is reached.
+ * If you want to fetch all the chunks *after* a version V, call this function with V+1.
+ *
+ * @param {string} projectId - The ID of the project.
+ * @param {number} version - The starting version to retrieve chunks from.
+ * @returns {AsyncGenerator<Object, void, undefined>} An async generator that yields chunk records.
+ */
+async function* getProjectChunksFromVersion(projectId, version) {
+  const backend = getBackend(projectId)
+  const latestChunkMetadata = await loadLatestRaw(projectId)
+  if (!latestChunkMetadata || version > latestChunkMetadata.endVersion) {
+    return
+  }
+  let chunkRecord = await backend.getChunkForVersion(projectId, version)
+  while (chunkRecord != null) {
+    yield chunkRecord
+    if (chunkRecord.endVersion >= latestChunkMetadata.endVersion) {
+      break
+    } else {
+      chunkRecord = await backend.getChunkForVersion(
+        projectId,
+        chunkRecord.endVersion + 1
+      )
+    }
+  }
+}
+
+/**
+ * Delete the given chunk from the database.
+ *
+ * This doesn't delete the chunk from object storage yet. The old chunks
+ * collection will do that.
+ */
+async function destroy(projectId, chunkId) {
+  const backend = getBackend(projectId)
+  await backend.deleteChunk(projectId, chunkId)
+}
+
+/**
+ * Delete all of a project's chunks from the database.
+ */
+async function deleteProjectChunks(projectId) {
+  const backend = getBackend(projectId)
+  await backend.deleteProjectChunks(projectId)
+}
+
+/**
+ * Delete a given number of old chunks from both the database
+ * and from object storage.
+ *
+ * @param {object} options
+ * @param {number} [options.batchSize] - number of chunks to delete in each
+ *                                       batch
+ * @param {number} [options.maxBatches] - maximum number of batches to process
+ * @param {number} [options.minAgeSecs] - minimum age of chunks to delete
+ * @param {number} [options.timeout] - maximum time to spend deleting chunks
+ *
+ * @return {Promise<number>} number of chunks deleted
+ */
+async function deleteOldChunks(options = {}) {
+  const batchSize = options.batchSize ?? DEFAULT_DELETE_BATCH_SIZE
+  const maxBatches = options.maxBatches ?? Number.MAX_SAFE_INTEGER
+  const minAgeSecs = options.minAgeSecs ?? DEFAULT_DELETE_MIN_AGE_SECS
+  const timeout = options.timeout ?? DEFAULT_DELETE_TIMEOUT_SECS
+  assert.greater(batchSize, 0)
+  assert.greater(timeout, 0)
+  assert.greater(maxBatches, 0)
+  assert.greaterOrEqual(minAgeSecs, 0)
+
+  const timeoutAfter = Date.now() + timeout * 1000
+  let deletedChunksTotal = 0
+  for (const backend of [postgresBackend, mongoBackend]) {
+    for (let i = 0; i < maxBatches; i++) {
+      if (Date.now() > timeoutAfter) {
+        break
+      }
+      const deletedChunks = await deleteOldChunksBatch(
+        backend,
+        batchSize,
+        minAgeSecs
+      )
+      deletedChunksTotal += deletedChunks.length
+      if (deletedChunks.length !== batchSize) {
+        // Last batch was incomplete. There probably are no old chunks left
+        break
+      }
+    }
+  }
+  return deletedChunksTotal
+}
+
+async function deleteOldChunksBatch(backend, count, minAgeSecs) {
+  assert.greater(count, 0, 'bad count')
+  assert.greaterOrEqual(minAgeSecs, 0, 'bad minAgeSecs')
+
+  const oldChunks = await backend.getOldChunksBatch(count, minAgeSecs)
+  if (oldChunks.length === 0) {
+    return []
+  }
+  await historyStore.deleteChunks(oldChunks)
+  await backend.deleteOldChunks(oldChunks.map(chunk => chunk.chunkId))
+  return oldChunks
+}
+
+/**
+ * Returns the appropriate backend for the given project id
+ *
+ * Numeric ids use the Postgres backend.
+ * Strings of 24 characters use the Mongo backend.
+ */
+function getBackend(projectId) {
+  if (assert.POSTGRES_ID_REGEXP.test(projectId)) {
+    return postgresBackend
+  } else if (assert.MONGO_ID_REGEXP.test(projectId)) {
+    return mongoBackend
+  } else {
+    throw new OError('bad project id', { projectId })
+  }
+}
+
+class AlreadyInitialized extends OError {
+  constructor(projectId) {
+    super('Project is already initialized', { projectId })
+  }
+}
+
+module.exports = {
+  getBackend,
+  initializeProject,
+  loadLatest,
+  loadLatestRaw,
+  loadAtVersion,
+  loadAtTimestamp,
+  loadByChunkRecord,
+  create,
+  update,
+  destroy,
+  getChunkIdForVersion,
+  getChunkMetadataForVersion,
+  getProjectChunkIds,
+  getProjectChunks,
+  getProjectChunksFromVersion,
+  deleteProjectChunks,
+  deleteOldChunks,
+  AlreadyInitialized,
+  ChunkVersionConflictError,
+}
diff --git a/services/history-v1/storage/lib/chunk_store/mongo.js b/services/history-v1/storage/lib/chunk_store/mongo.js
new file mode 100644
index 0000000..a34b719
--- /dev/null
+++ b/services/history-v1/storage/lib/chunk_store/mongo.js
@@ -0,0 +1,526 @@
+// @ts-check
+
+const { ObjectId, ReadPreference, MongoError } = require('mongodb')
+const { Chunk } = require('overleaf-editor-core')
+const OError = require('@overleaf/o-error')
+const assert = require('../assert')
+const mongodb = require('../mongodb')
+const { ChunkVersionConflictError } = require('./errors')
+
+const DUPLICATE_KEY_ERROR_CODE = 11000
+
+/**
+ * @import { ClientSession } from 'mongodb'
+ */
+
+/**
+ * Get the latest chunk's metadata from the database
+ * @param {string} projectId
+ * @param {Object} [opts]
+ * @param {boolean} [opts.readOnly]
+ */
+async function getLatestChunk(projectId, opts = {}) {
+  assert.mongoId(projectId, 'bad projectId')
+  const { readOnly = false } = opts
+
+  const record = await mongodb.chunks.findOne(
+    {
+      projectId: new ObjectId(projectId),
+      state: { $in: ['active', 'closed'] },
+    },
+    {
+      sort: { startVersion: -1 },
+      readPreference: readOnly
+        ? ReadPreference.secondaryPreferred
+        : ReadPreference.primary,
+    }
+  )
+  if (record == null) {
+    return null
+  }
+  return chunkFromRecord(record)
+}
+
+/**
+ * Get the metadata for the chunk that contains the given version.
+ */
+async function getChunkForVersion(projectId, version) {
+  assert.mongoId(projectId, 'bad projectId')
+  assert.integer(version, 'bad version')
+
+  const record = await mongodb.chunks.findOne(
+    {
+      projectId: new ObjectId(projectId),
+      state: { $in: ['active', 'closed'] },
+      startVersion: { $lte: version },
+      endVersion: { $gte: version },
+    },
+    { sort: { startVersion: 1 } }
+  )
+  if (record == null) {
+    throw new Chunk.VersionNotFoundError(projectId, version)
+  }
+  return chunkFromRecord(record)
+}
+
+/**
+ * Get the metadata for the chunk that contains the given version before the endTime.
+ */
+async function getFirstChunkBeforeTimestamp(projectId, timestamp) {
+  assert.mongoId(projectId, 'bad projectId')
+  assert.date(timestamp, 'bad timestamp')
+
+  const recordActive = await getChunkForVersion(projectId, 0)
+  if (recordActive && recordActive.endTimestamp <= timestamp) {
+    return recordActive
+  }
+
+  // fallback to deleted chunk
+  const recordDeleted = await mongodb.chunks.findOne(
+    {
+      projectId: new ObjectId(projectId),
+      state: 'deleted',
+      startVersion: 0,
+      updatedAt: { $lte: timestamp }, // indexed for state=deleted
+      endTimestamp: { $lte: timestamp },
+    },
+    { sort: { updatedAt: -1 } }
+  )
+  if (recordDeleted) {
+    return chunkFromRecord(recordDeleted)
+  }
+  throw new Chunk.BeforeTimestampNotFoundError(projectId, timestamp)
+}
+
+/**
+ * Get the metadata for the chunk that contains the version that was current at
+ * the given timestamp.
+ */
+async function getChunkForTimestamp(projectId, timestamp) {
+  assert.mongoId(projectId, 'bad projectId')
+  assert.date(timestamp, 'bad timestamp')
+
+  const record = await mongodb.chunks.findOne(
+    {
+      projectId: new ObjectId(projectId),
+      state: { $in: ['active', 'closed'] },
+      endTimestamp: { $gte: timestamp },
+    },
+    // We use the index on the startVersion for sorting records. This assumes
+    // that timestamps go up with each version.
+    { sort: { startVersion: 1 } }
+  )
+
+  if (record == null) {
+    // Couldn't find a chunk that had modifications after the given timestamp.
+    // Fetch the latest chunk instead.
+    const chunk = await getLatestChunk(projectId)
+    if (chunk == null) {
+      throw new Chunk.BeforeTimestampNotFoundError(projectId, timestamp)
+    }
+    return chunk
+  }
+
+  return chunkFromRecord(record)
+}
+
+/**
+ * Get the metadata for the chunk that contains the version that was current before
+ * the given timestamp.
+ */
+async function getLastActiveChunkBeforeTimestamp(projectId, timestamp) {
+  assert.mongoId(projectId, 'bad projectId')
+  assert.date(timestamp, 'bad timestamp')
+
+  const record = await mongodb.chunks.findOne(
+    {
+      projectId: new ObjectId(projectId),
+      state: { $in: ['active', 'closed'] },
+      $or: [
+        {
+          endTimestamp: {
+            $lte: timestamp,
+          },
+        },
+        {
+          endTimestamp: null,
+        },
+      ],
+    },
+    // We use the index on the startVersion for sorting records. This assumes
+    // that timestamps go up with each version.
+    { sort: { startVersion: -1 } }
+  )
+  if (record == null) {
+    throw new Chunk.BeforeTimestampNotFoundError(projectId, timestamp)
+  }
+  return chunkFromRecord(record)
+}
+
+/**
+ * Get all of a project's chunk ids
+ */
+async function getProjectChunkIds(projectId) {
+  assert.mongoId(projectId, 'bad projectId')
+
+  const cursor = mongodb.chunks.find(
+    {
+      projectId: new ObjectId(projectId),
+      state: { $in: ['active', 'closed'] },
+    },
+    { projection: { _id: 1 } }
+  )
+  return await cursor.map(record => record._id).toArray()
+}
+
+/**
+ * Get all of a projects chunks directly
+ */
+async function getProjectChunks(projectId) {
+  assert.mongoId(projectId, 'bad projectId')
+
+  const cursor = mongodb.chunks
+    .find(
+      {
+        projectId: new ObjectId(projectId),
+        state: { $in: ['active', 'closed'] },
+      },
+      { projection: { state: 0 } }
+    )
+    .sort({ startVersion: 1 })
+  return await cursor.map(chunkFromRecord).toArray()
+}
+
+/**
+ * Insert a pending chunk before sending it to object storage.
+ */
+async function insertPendingChunk(projectId, chunk) {
+  assert.mongoId(projectId, 'bad projectId')
+  assert.instance(chunk, Chunk, 'bad chunk')
+
+  const chunkId = new ObjectId()
+  await mongodb.chunks.insertOne({
+    _id: chunkId,
+    projectId: new ObjectId(projectId),
+    startVersion: chunk.getStartVersion(),
+    endVersion: chunk.getEndVersion(),
+    endTimestamp: chunk.getEndTimestamp(),
+    state: 'pending',
+    updatedAt: new Date(),
+  })
+  return chunkId.toString()
+}
+
+/**
+ * Record that a new chunk was created.
+ *
+ * @param {string} projectId
+ * @param {Chunk} chunk
+ * @param {string} chunkId
+ * @param {object} opts
+ * @param {Date} [opts.earliestChangeTimestamp]
+ * @param {string} [opts.oldChunkId]
+ */
+async function confirmCreate(projectId, chunk, chunkId, opts = {}) {
+  assert.mongoId(projectId, 'bad projectId')
+  assert.instance(chunk, Chunk, 'bad newChunk')
+  assert.mongoId(chunkId, 'bad newChunkId')
+
+  await mongodb.client.withSession(async session => {
+    await session.withTransaction(async () => {
+      if (opts.oldChunkId != null) {
+        await closeChunk(projectId, opts.oldChunkId, { session })
+      }
+
+      await activateChunk(projectId, chunkId, { session })
+
+      await updateProjectRecord(
+        projectId,
+        chunk,
+        opts.earliestChangeTimestamp,
+        { session }
+      )
+    })
+  })
+}
+
+/**
+ * Write the metadata to the project record
+ */
+async function updateProjectRecord(
+  projectId,
+  chunk,
+  earliestChangeTimestamp,
+  mongoOpts = {}
+) {
+  // record the end version against the project
+  await mongodb.projects.updateOne(
+    {
+      'overleaf.history.id': projectId, // string for Object ids, number for postgres ids
+    },
+    {
+      // always store the latest end version and timestamp for the chunk
+      $max: {
+        'overleaf.history.currentEndVersion': chunk.getEndVersion(),
+        'overleaf.history.currentEndTimestamp': chunk.getEndTimestamp(),
+        'overleaf.history.updatedAt': new Date(),
+      },
+      // store the first pending change timestamp for the chunk, this will
+      // be cleared every time a backup is completed.
+      $min: {
+        'overleaf.backup.pendingChangeAt':
+          earliestChangeTimestamp || chunk.getEndTimestamp() || new Date(),
+      },
+    },
+    mongoOpts
+  )
+}
+
+/**
+ * Record that a chunk was replaced by a new one.
+ *
+ * @param {string} projectId
+ * @param {string} oldChunkId
+ * @param {Chunk} newChunk
+ * @param {string} newChunkId
+ * @param {object} [opts]
+ * @param {Date} [opts.earliestChangeTimestamp]
+ */
+async function confirmUpdate(
+  projectId,
+  oldChunkId,
+  newChunk,
+  newChunkId,
+  opts = {}
+) {
+  assert.mongoId(projectId, 'bad projectId')
+  assert.mongoId(oldChunkId, 'bad oldChunkId')
+  assert.instance(newChunk, Chunk, 'bad newChunk')
+  assert.mongoId(newChunkId, 'bad newChunkId')
+
+  await mongodb.client.withSession(async session => {
+    await session.withTransaction(async () => {
+      await deleteActiveChunk(projectId, oldChunkId, { session })
+
+      await activateChunk(projectId, newChunkId, { session })
+
+      await updateProjectRecord(
+        projectId,
+        newChunk,
+        opts.earliestChangeTimestamp,
+        { session }
+      )
+    })
+  })
+}
+
+/**
+ * Activate a pending chunk
+ *
+ * @param {string} projectId
+ * @param {string} chunkId
+ * @param {object} [opts]
+ * @param {ClientSession} [opts.session]
+ */
+async function activateChunk(projectId, chunkId, opts = {}) {
+  assert.mongoId(projectId, 'bad projectId')
+  assert.mongoId(chunkId, 'bad chunkId')
+
+  let result
+  try {
+    result = await mongodb.chunks.updateOne(
+      {
+        _id: new ObjectId(chunkId),
+        projectId: new ObjectId(projectId),
+        state: 'pending',
+      },
+      { $set: { state: 'active', updatedAt: new Date() } },
+      opts
+    )
+  } catch (err) {
+    if (err instanceof MongoError && err.code === DUPLICATE_KEY_ERROR_CODE) {
+      throw new ChunkVersionConflictError('chunk start version is not unique', {
+        projectId,
+        chunkId,
+      })
+    } else {
+      throw err
+    }
+  }
+  if (result.matchedCount === 0) {
+    throw new OError('pending chunk not found', { projectId, chunkId })
+  }
+}
+
+/**
+ * Close a chunk
+ *
+ * A closed chunk is one that can't be extended anymore.
+ *
+ * @param {string} projectId
+ * @param {string} chunkId
+ * @param {object} [opts]
+ * @param {ClientSession} [opts.session]
+ */
+async function closeChunk(projectId, chunkId, opts = {}) {
+  const result = await mongodb.chunks.updateOne(
+    {
+      _id: new ObjectId(chunkId),
+      projectId: new ObjectId(projectId),
+      state: 'active',
+    },
+    { $set: { state: 'closed' } },
+    opts
+  )
+
+  if (result.matchedCount === 0) {
+    throw new ChunkVersionConflictError('unable to close chunk', {
+      projectId,
+      chunkId,
+    })
+  }
+}
+
+/**
+ * Delete an active chunk
+ *
+ * This is used to delete chunks that are in the process of being extended. It
+ * will refuse to delete chunks that are already closed and can therefore not be
+ * extended.
+ *
+ * @param {string} projectId
+ * @param {string} chunkId
+ * @param {object} [opts]
+ * @param {ClientSession} [opts.session]
+ */
+async function deleteActiveChunk(projectId, chunkId, opts = {}) {
+  const updateResult = await mongodb.chunks.updateOne(
+    {
+      _id: new ObjectId(chunkId),
+      projectId: new ObjectId(projectId),
+      state: 'active',
+    },
+    { $set: { state: 'deleted', updatedAt: new Date() } },
+    opts
+  )
+
+  if (updateResult.matchedCount === 0) {
+    throw new ChunkVersionConflictError('unable to delete active chunk', {
+      projectId,
+      chunkId,
+    })
+  }
+}
+
+/**
+ * Delete a chunk.
+ *
+ * @param {string} projectId
+ * @param {string} chunkId
+ * @return {Promise}
+ */
+async function deleteChunk(projectId, chunkId, mongoOpts = {}) {
+  assert.mongoId(projectId, 'bad projectId')
+  assert.mongoId(chunkId, 'bad chunkId')
+
+  await mongodb.chunks.updateOne(
+    { _id: new ObjectId(chunkId), projectId: new ObjectId(projectId) },
+    { $set: { state: 'deleted', updatedAt: new Date() } },
+    mongoOpts
+  )
+}
+
+/**
+ * Delete all of a project's chunks
+ */
+async function deleteProjectChunks(projectId) {
+  assert.mongoId(projectId, 'bad projectId')
+
+  await mongodb.chunks.updateMany(
+    {
+      projectId: new ObjectId(projectId),
+      state: { $in: ['active', 'closed'] },
+    },
+    { $set: { state: 'deleted', updatedAt: new Date() } }
+  )
+}
+
+/**
+ * Get a batch of old chunks for deletion
+ */
+async function getOldChunksBatch(count, minAgeSecs) {
+  const maxUpdatedAt = new Date(Date.now() - minAgeSecs * 1000)
+  const batch = []
+
+  // We need to fetch one state at a time to take advantage of the partial
+  // indexes on the chunks collection.
+  //
+  // Mongo 6.0 allows partial indexes that use the $in operator. When we reach
+  // that Mongo version, we can create a partial index on both the deleted and
+  // pending states and simplify this logic a bit.
+  for (const state of ['deleted', 'pending']) {
+    if (count === 0) {
+      // There's no more space in the batch
+      break
+    }
+
+    const cursor = mongodb.chunks
+      .find(
+        { state, updatedAt: { $lt: maxUpdatedAt } },
+        {
+          limit: count,
+          projection: { _id: 1, projectId: 1 },
+        }
+      )
+      .map(record => ({
+        chunkId: record._id.toString(),
+        projectId: record.projectId.toString(),
+      }))
+
+    for await (const record of cursor) {
+      batch.push(record)
+      count -= 1
+    }
+  }
+  return batch
+}
+
+/**
+ * Delete a batch of old chunks from the database
+ */
+async function deleteOldChunks(chunkIds) {
+  await mongodb.chunks.deleteMany({
+    _id: { $in: chunkIds.map(id => new ObjectId(id)) },
+    state: { $in: ['deleted', 'pending'] },
+  })
+}
+
+/**
+ * Build a chunk metadata object from the database record
+ */
+function chunkFromRecord(record) {
+  return {
+    id: record._id.toString(),
+    startVersion: record.startVersion,
+    endVersion: record.endVersion,
+    endTimestamp: record.endTimestamp,
+  }
+}
+
+module.exports = {
+  getLatestChunk,
+  getFirstChunkBeforeTimestamp,
+  getLastActiveChunkBeforeTimestamp,
+  getChunkForVersion,
+  getChunkForTimestamp,
+  getProjectChunkIds,
+  getProjectChunks,
+  insertPendingChunk,
+  confirmCreate,
+  confirmUpdate,
+  updateProjectRecord,
+  deleteChunk,
+  deleteProjectChunks,
+  getOldChunksBatch,
+  deleteOldChunks,
+}
diff --git a/services/history-v1/storage/lib/chunk_store/postgres.js b/services/history-v1/storage/lib/chunk_store/postgres.js
new file mode 100644
index 0000000..0c33c0f
--- /dev/null
+++ b/services/history-v1/storage/lib/chunk_store/postgres.js
@@ -0,0 +1,487 @@
+// @ts-check
+
+const { Chunk } = require('overleaf-editor-core')
+const assert = require('../assert')
+const knex = require('../knex')
+const knexReadOnly = require('../knex_read_only')
+const { ChunkVersionConflictError } = require('./errors')
+const { updateProjectRecord } = require('./mongo')
+
+const DUPLICATE_KEY_ERROR_CODE = '23505'
+
+/**
+ * @import { Knex } from 'knex'
+ */
+
+/**
+ * Get the latest chunk's metadata from the database
+ * @param {string} projectId
+ * @param {Object} [opts]
+ * @param {boolean} [opts.readOnly]
+ */
+async function getLatestChunk(projectId, opts = {}) {
+  assert.postgresId(projectId, 'bad projectId')
+  const { readOnly = false } = opts
+
+  const record = await (readOnly ? knexReadOnly : knex)('chunks')
+    .where('doc_id', parseInt(projectId, 10))
+    .orderBy('end_version', 'desc')
+    .first()
+  if (record == null) {
+    return null
+  }
+  return chunkFromRecord(record)
+}
+
+/**
+ * Get the metadata for the chunk that contains the given version.
+ *
+ * @param {string} projectId
+ * @param {number} version
+ */
+async function getChunkForVersion(projectId, version) {
+  assert.postgresId(projectId, 'bad projectId')
+
+  const record = await knex('chunks')
+    .where('doc_id', parseInt(projectId, 10))
+    .where('end_version', '>=', version)
+    .orderBy('end_version')
+    .first()
+  if (!record) {
+    throw new Chunk.VersionNotFoundError(projectId, version)
+  }
+  return chunkFromRecord(record)
+}
+
+/**
+ * Get the metadata for the chunk that contains the given version.
+ *
+ * @param {string} projectId
+ * @param {Date} timestamp
+ */
+async function getFirstChunkBeforeTimestamp(projectId, timestamp) {
+  assert.date(timestamp, 'bad timestamp')
+
+  const recordActive = await getChunkForVersion(projectId, 0)
+
+  // projectId must be valid if getChunkForVersion did not throw
+  if (recordActive && recordActive.endTimestamp <= timestamp) {
+    return recordActive
+  }
+
+  // fallback to deleted chunk
+  const recordDeleted = await knex('old_chunks')
+    .where('doc_id', parseInt(projectId, 10))
+    .where('start_version', '=', 0)
+    .where('end_timestamp', '<=', timestamp)
+    .orderBy('end_version', 'desc')
+    .first()
+  if (recordDeleted) {
+    return chunkFromRecord(recordDeleted)
+  }
+  throw new Chunk.BeforeTimestampNotFoundError(projectId, timestamp)
+}
+
+/**
+ * Get the metadata for the chunk that contains the version that was current at
+ * the given timestamp.
+ *
+ * @param {string} projectId
+ * @param {Date} timestamp
+ */
+async function getLastActiveChunkBeforeTimestamp(projectId, timestamp) {
+  assert.date(timestamp, 'bad timestamp')
+  assert.postgresId(projectId, 'bad projectId')
+
+  const query = knex('chunks')
+    .where('doc_id', parseInt(projectId, 10))
+    .where(function () {
+      this.where('end_timestamp', '<=', timestamp).orWhere(
+        'end_timestamp',
+        null
+      )
+    })
+    .orderBy('end_version', 'desc', 'last')
+
+  const record = await query.first()
+
+  if (!record) {
+    throw new Chunk.BeforeTimestampNotFoundError(projectId, timestamp)
+  }
+  return chunkFromRecord(record)
+}
+
+/**
+ * Get the metadata for the chunk that contains the version that was current at
+ * the given timestamp.
+ *
+ * @param {string} projectId
+ * @param {Date} timestamp
+ */
+async function getChunkForTimestamp(projectId, timestamp) {
+  assert.postgresId(projectId, 'bad projectId')
+
+  // This query will find the latest chunk after the timestamp (query orders
+  // in reverse chronological order), OR the latest chunk
+  // This accounts for the case where the timestamp is ahead of the chunk's
+  // timestamp and therefore will not return any results
+  const whereAfterEndTimestampOrLatestChunk = knex.raw(
+    'end_timestamp >= ? ' +
+      'OR id = ( ' +
+      'SELECT id FROM chunks ' +
+      'WHERE doc_id = ? ' +
+      'ORDER BY end_version desc LIMIT 1' +
+      ')',
+    [timestamp, parseInt(projectId, 10)]
+  )
+
+  const record = await knex('chunks')
+    .where('doc_id', parseInt(projectId, 10))
+    .where(whereAfterEndTimestampOrLatestChunk)
+    .orderBy('end_version')
+    .first()
+  if (!record) {
+    throw new Chunk.BeforeTimestampNotFoundError(projectId, timestamp)
+  }
+  return chunkFromRecord(record)
+}
+
+/**
+ * Build a chunk metadata object from the database record
+ */
+function chunkFromRecord(record) {
+  return {
+    id: record.id.toString(),
+    startVersion: record.start_version,
+    endVersion: record.end_version,
+    endTimestamp: record.end_timestamp,
+  }
+}
+
+/**
+ * Get all of a project's chunk ids
+ *
+ * @param {string} projectId
+ */
+async function getProjectChunkIds(projectId) {
+  assert.postgresId(projectId, 'bad projectId')
+
+  const records = await knex('chunks')
+    .select('id')
+    .where('doc_id', parseInt(projectId, 10))
+  return records.map(record => record.id)
+}
+
+/**
+ * Get all of a projects chunks directly
+ *
+ * @param {string} projectId
+ */
+async function getProjectChunks(projectId) {
+  assert.postgresId(projectId, 'bad projectId')
+
+  const records = await knex('chunks')
+    .select()
+    .where('doc_id', parseInt(projectId, 10))
+    .orderBy('end_version')
+  return records.map(chunkFromRecord)
+}
+
+/**
+ * Insert a pending chunk before sending it to object storage.
+ *
+ * @param {string} projectId
+ * @param {Chunk} chunk
+ */
+async function insertPendingChunk(projectId, chunk) {
+  assert.postgresId(projectId, 'bad projectId')
+
+  const result = await knex.first(
+    knex.raw("nextval('chunks_id_seq'::regclass)::integer as chunkid")
+  )
+  const chunkId = result.chunkid
+  await knex('pending_chunks').insert({
+    id: chunkId,
+    doc_id: parseInt(projectId, 10),
+    end_version: chunk.getEndVersion(),
+    start_version: chunk.getStartVersion(),
+    end_timestamp: chunk.getEndTimestamp(),
+  })
+  return chunkId.toString()
+}
+
+/**
+ * Record that a new chunk was created.
+ *
+ * @param {string} projectId
+ * @param {Chunk} chunk
+ * @param {string} chunkId
+ * @param {object} opts
+ * @param {Date} [opts.earliestChangeTimestamp]
+ * @param {string} [opts.oldChunkId]
+ */
+async function confirmCreate(projectId, chunk, chunkId, opts = {}) {
+  assert.postgresId(projectId, 'bad projectId')
+
+  await knex.transaction(async tx => {
+    if (opts.oldChunkId != null) {
+      await _assertChunkIsNotClosed(tx, projectId, opts.oldChunkId)
+      await _closeChunk(tx, projectId, opts.oldChunkId)
+    }
+    await Promise.all([
+      _deletePendingChunk(tx, projectId, chunkId),
+      _insertChunk(tx, projectId, chunk, chunkId),
+    ])
+    await updateProjectRecord(
+      // The history id in Mongo is an integer for Postgres projects
+      parseInt(projectId, 10),
+      chunk,
+      opts.earliestChangeTimestamp
+    )
+  })
+}
+
+/**
+ * Record that a chunk was replaced by a new one.
+ *
+ * @param {string} projectId
+ * @param {string} oldChunkId
+ * @param {Chunk} newChunk
+ * @param {string} newChunkId
+ */
+async function confirmUpdate(
+  projectId,
+  oldChunkId,
+  newChunk,
+  newChunkId,
+  opts = {}
+) {
+  assert.postgresId(projectId, 'bad projectId')
+
+  await knex.transaction(async tx => {
+    await _assertChunkIsNotClosed(tx, projectId, oldChunkId)
+    await _deleteChunks(tx, { doc_id: projectId, id: oldChunkId })
+    await Promise.all([
+      _deletePendingChunk(tx, projectId, newChunkId),
+      _insertChunk(tx, projectId, newChunk, newChunkId),
+    ])
+    await updateProjectRecord(
+      // The history id in Mongo is an integer for Postgres projects
+      parseInt(projectId, 10),
+      newChunk,
+      opts.earliestChangeTimestamp
+    )
+  })
+}
+
+/**
+ * Delete a pending chunk
+ *
+ * @param {Knex} tx
+ * @param {string} projectId
+ * @param {string} chunkId
+ */
+async function _deletePendingChunk(tx, projectId, chunkId) {
+  await tx('pending_chunks')
+    .where({
+      doc_id: parseInt(projectId, 10),
+      id: parseInt(chunkId, 10),
+    })
+    .del()
+}
+
+/**
+ * Adds an active chunk
+ *
+ * @param {Knex} tx
+ * @param {string} projectId
+ * @param {Chunk} chunk
+ * @param {string} chunkId
+ */
+async function _insertChunk(tx, projectId, chunk, chunkId) {
+  const startVersion = chunk.getStartVersion()
+  const endVersion = chunk.getEndVersion()
+  try {
+    await tx('chunks').insert({
+      id: parseInt(chunkId, 10),
+      doc_id: parseInt(projectId, 10),
+      start_version: startVersion,
+      end_version: endVersion,
+      end_timestamp: chunk.getEndTimestamp(),
+    })
+  } catch (err) {
+    if (
+      err instanceof Error &&
+      'code' in err &&
+      err.code === DUPLICATE_KEY_ERROR_CODE
+    ) {
+      throw new ChunkVersionConflictError(
+        'chunk start or end version is not unique',
+        { projectId, chunkId, startVersion, endVersion }
+      )
+    }
+    throw err
+  }
+}
+
+/**
+ * Check that a chunk is not closed
+ *
+ * This is used to synchronize chunk creations and extensions.
+ *
+ * @param {Knex} tx
+ * @param {string} projectId
+ * @param {string} chunkId
+ */
+async function _assertChunkIsNotClosed(tx, projectId, chunkId) {
+  const record = await tx('chunks')
+    .forUpdate()
+    .select('closed')
+    .where('doc_id', parseInt(projectId, 10))
+    .where('id', parseInt(chunkId, 10))
+    .first()
+  if (!record) {
+    throw new ChunkVersionConflictError('unable to close chunk: not found', {
+      projectId,
+      chunkId,
+    })
+  }
+  if (record.closed) {
+    throw new ChunkVersionConflictError(
+      'unable to close chunk: already closed',
+      {
+        projectId,
+        chunkId,
+      }
+    )
+  }
+}
+
+/**
+ * Close a chunk
+ *
+ * A closed chunk can no longer be extended.
+ *
+ * @param {Knex} tx
+ * @param {string} projectId
+ * @param {string} chunkId
+ */
+async function _closeChunk(tx, projectId, chunkId) {
+  await tx('chunks')
+    .update({ closed: true })
+    .where('doc_id', parseInt(projectId, 10))
+    .where('id', parseInt(chunkId, 10))
+}
+
+/**
+ * Delete a chunk.
+ *
+ * @param {string} projectId
+ * @param {string} chunkId
+ */
+async function deleteChunk(projectId, chunkId) {
+  assert.postgresId(projectId, 'bad projectId')
+  assert.integer(chunkId, 'bad chunkId')
+
+  await _deleteChunks(knex, {
+    doc_id: parseInt(projectId, 10),
+    id: parseInt(chunkId, 10),
+  })
+}
+
+/**
+ * Delete all of a project's chunks
+ *
+ * @param {string} projectId
+ */
+async function deleteProjectChunks(projectId) {
+  assert.postgresId(projectId, 'bad projectId')
+
+  await knex.transaction(async tx => {
+    await _deleteChunks(knex, { doc_id: parseInt(projectId, 10) })
+  })
+}
+
+/**
+ * Delete many chunks
+ *
+ * @param {Knex} tx
+ * @param {any} whereClause
+ */
+async function _deleteChunks(tx, whereClause) {
+  const rows = await tx('chunks').where(whereClause).del().returning('*')
+  if (rows.length === 0) {
+    return
+  }
+
+  const oldChunks = rows.map(row => ({
+    doc_id: row.doc_id,
+    chunk_id: row.id,
+    start_version: row.start_version,
+    end_version: row.end_version,
+    end_timestamp: row.end_timestamp,
+    deleted_at: tx.fn.now(),
+  }))
+  await tx('old_chunks').insert(oldChunks)
+}
+
+/**
+ * Get a batch of old chunks for deletion
+ *
+ * @param {number} count
+ * @param {number} minAgeSecs
+ */
+async function getOldChunksBatch(count, minAgeSecs) {
+  const maxDeletedAt = new Date(Date.now() - minAgeSecs * 1000)
+  const records = await knex('old_chunks')
+    .whereNull('deleted_at')
+    .orWhere('deleted_at', '<', maxDeletedAt)
+    .orderBy('chunk_id')
+    .limit(count)
+  return records.map(oldChunk => ({
+    projectId: oldChunk.doc_id.toString(),
+    chunkId: oldChunk.chunk_id.toString(),
+  }))
+}
+
+/**
+ * Delete a batch of old chunks from the database
+ *
+ * @param {string[]} chunkIds
+ */
+async function deleteOldChunks(chunkIds) {
+  await knex('old_chunks')
+    .whereIn(
+      'chunk_id',
+      chunkIds.map(id => parseInt(id, 10))
+    )
+    .del()
+}
+
+/**
+ * Generate a new project id
+ */
+async function generateProjectId() {
+  const record = await knex.first(
+    knex.raw("nextval('docs_id_seq'::regclass)::integer as doc_id")
+  )
+  return record.doc_id.toString()
+}
+
+module.exports = {
+  getLatestChunk,
+  getFirstChunkBeforeTimestamp,
+  getLastActiveChunkBeforeTimestamp,
+  getChunkForVersion,
+  getChunkForTimestamp,
+  getProjectChunkIds,
+  getProjectChunks,
+  insertPendingChunk,
+  confirmCreate,
+  confirmUpdate,
+  deleteChunk,
+  deleteProjectChunks,
+  getOldChunksBatch,
+  deleteOldChunks,
+  generateProjectId,
+}
diff --git a/services/history-v1/storage/lib/chunk_store/redis.js b/services/history-v1/storage/lib/chunk_store/redis.js
new file mode 100644
index 0000000..55f36ff
--- /dev/null
+++ b/services/history-v1/storage/lib/chunk_store/redis.js
@@ -0,0 +1,254 @@
+const metrics = require('@overleaf/metrics')
+const logger = require('@overleaf/logger')
+const redis = require('../redis')
+const rclient = redis.rclientHistory //
+const { Snapshot, Change, History, Chunk } = require('overleaf-editor-core')
+
+const TEMPORARY_CACHE_LIFETIME = 300 // 5 minutes
+
+const keySchema = {
+  snapshot({ projectId }) {
+    return `snapshot:{${projectId}}`
+  },
+  startVersion({ projectId }) {
+    return `snapshot-version:{${projectId}}`
+  },
+  changes({ projectId }) {
+    return `changes:{${projectId}}`
+  },
+}
+
+rclient.defineCommand('get_current_chunk', {
+  numberOfKeys: 3,
+  lua: `
+      local startVersionValue = redis.call('GET', KEYS[2])
+      if not startVersionValue then
+        return nil -- this is a cache-miss
+      end
+      local snapshotValue = redis.call('GET', KEYS[1])
+      local changesValues = redis.call('LRANGE', KEYS[3], 0, -1)
+      return {snapshotValue, startVersionValue, changesValues}
+    `,
+})
+
+/**
+ * Retrieves the current chunk of project history from Redis storage
+ * @param {string} projectId - The unique identifier of the project
+ * @returns {Promise<Chunk|null>} A Promise that resolves to a Chunk object containing project history,
+ *                               or null if retrieval fails
+ * @throws {Error} If Redis operations fail
+ */
+async function getCurrentChunk(projectId) {
+  try {
+    const result = await rclient.get_current_chunk(
+      keySchema.snapshot({ projectId }),
+      keySchema.startVersion({ projectId }),
+      keySchema.changes({ projectId })
+    )
+    if (!result) {
+      return null // cache-miss
+    }
+    const snapshot = Snapshot.fromRaw(JSON.parse(result[0]))
+    const startVersion = JSON.parse(result[1])
+    const changes = result[2].map(c => Change.fromRaw(JSON.parse(c)))
+    const history = new History(snapshot, changes)
+    const chunk = new Chunk(history, startVersion)
+    metrics.inc('chunk_store.redis.get_current_chunk', 1, { status: 'success' })
+    return chunk
+  } catch (err) {
+    logger.error({ err, projectId }, 'error getting current chunk from redis')
+    metrics.inc('chunk_store.redis.get_current_chunk', 1, { status: 'error' })
+    return null
+  }
+}
+
+rclient.defineCommand('get_current_chunk_metadata', {
+  numberOfKeys: 2,
+  lua: `
+      local startVersionValue = redis.call('GET', KEYS[1])
+      local changesCount = redis.call('LLEN', KEYS[2])
+      return {startVersionValue, changesCount}
+    `,
+})
+
+/**
+ * Retrieves the current chunk metadata for a given project from Redis
+ * @param {string} projectId - The ID of the project to get metadata for
+ * @returns {Promise<Object|null>} Object containing startVersion and changesCount if found, null on error or cache miss
+ * @property {number} startVersion - The starting version information
+ * @property {number} changesCount - The number of changes in the chunk
+ */
+async function getCurrentChunkMetadata(projectId) {
+  try {
+    const result = await rclient.get_current_chunk_metadata(
+      keySchema.startVersion({ projectId }),
+      keySchema.changes({ projectId })
+    )
+    if (!result) {
+      return null // cache-miss
+    }
+    const startVersion = JSON.parse(result[0])
+    const changesCount = parseInt(result[1], 10)
+    return { startVersion, changesCount }
+  } catch (err) {
+    return null
+  }
+}
+
+rclient.defineCommand('set_current_chunk', {
+  numberOfKeys: 3,
+  lua: `
+      local snapshotValue = ARGV[1]
+      local startVersionValue = ARGV[2]
+      redis.call('SETEX', KEYS[1], ${TEMPORARY_CACHE_LIFETIME}, snapshotValue)
+      redis.call('SETEX', KEYS[2], ${TEMPORARY_CACHE_LIFETIME}, startVersionValue)
+      redis.call('DEL', KEYS[3]) -- clear the old changes list
+      if #ARGV >= 3 then
+        redis.call('RPUSH', KEYS[3], unpack(ARGV, 3))
+        redis.call('EXPIRE', KEYS[3], ${TEMPORARY_CACHE_LIFETIME})
+      end
+    `,
+})
+
+/**
+ * Stores the current chunk of project history in Redis
+ * @param {string} projectId - The ID of the project
+ * @param {Chunk} chunk - The chunk object containing history data
+ * @returns {Promise<*>} Returns the result of the Redis operation, or null if an error occurs
+ * @throws {Error} May throw Redis-related errors which are caught internally
+ */
+async function setCurrentChunk(projectId, chunk) {
+  try {
+    const snapshotKey = keySchema.snapshot({ projectId })
+    const startVersionKey = keySchema.startVersion({ projectId })
+    const changesKey = keySchema.changes({ projectId })
+
+    const snapshot = chunk.history.snapshot
+    const startVersion = chunk.startVersion
+    const changes = chunk.history.changes
+
+    await rclient.set_current_chunk(
+      snapshotKey,
+      startVersionKey,
+      changesKey,
+      JSON.stringify(snapshot.toRaw()),
+      startVersion,
+      ...changes.map(c => JSON.stringify(c.toRaw()))
+    )
+    metrics.inc('chunk_store.redis.set_current_chunk', 1, { status: 'success' })
+  } catch (err) {
+    logger.error(
+      { err, projectId, chunk },
+      'error setting current chunk inredis'
+    )
+    metrics.inc('chunk_store.redis.set_current_chunk', 1, { status: 'error' })
+    return null // while testing we will suppress any errors
+  }
+}
+
+/**
+ * Checks whether a cached chunk's version metadata matches the current chunk's metadata
+ * @param {Chunk} cachedChunk - The chunk retrieved from cache
+ * @param {Chunk} currentChunk - The current chunk to compare against
+ * @returns {boolean} - Returns true if the chunks have matching start and end versions, false otherwise
+ */
+function checkCacheValidity(cachedChunk, currentChunk) {
+  return Boolean(
+    cachedChunk &&
+      cachedChunk.getStartVersion() === currentChunk.getStartVersion() &&
+      cachedChunk.getEndVersion() === currentChunk.getEndVersion()
+  )
+}
+
+/**
+ * Validates if a cached chunk matches the current chunk metadata by comparing versions
+ * @param {Object} cachedChunk - The cached chunk object to validate
+ * @param {Object} currentChunkMetadata - The current chunk metadata to compare against
+ * @param {number} currentChunkMetadata.startVersion - The starting version number
+ * @param {number} currentChunkMetadata.endVersion - The ending version number
+ * @returns {boolean} - True if the cached chunk is valid, false otherwise
+ */
+function checkCacheValidityWithMetadata(cachedChunk, currentChunkMetadata) {
+  return Boolean(
+    cachedChunk &&
+      cachedChunk.getStartVersion() === currentChunkMetadata.startVersion &&
+      cachedChunk.getEndVersion() === currentChunkMetadata.endVersion
+  )
+}
+
+/**
+ * Compares two chunks for equality using stringified JSON comparison
+ * @param {string} projectId - The ID of the project
+ * @param {Chunk} cachedChunk - The cached chunk to compare
+ * @param {Chunk} currentChunk - The current chunk to compare against
+ * @returns {boolean} - Returns false if either chunk is null/undefined, otherwise returns the comparison result
+ */
+function compareChunks(projectId, cachedChunk, currentChunk) {
+  if (!cachedChunk || !currentChunk) {
+    return false
+  }
+  const identical = JSON.stringify(cachedChunk) === JSON.stringify(currentChunk)
+  if (!identical) {
+    try {
+      logger.error(
+        {
+          projectId,
+          cachedChunkStartVersion: cachedChunk.getStartVersion(),
+          cachedChunkEndVersion: cachedChunk.getEndVersion(),
+          currentChunkStartVersion: currentChunk.getStartVersion(),
+          currentChunkEndVersion: currentChunk.getEndVersion(),
+        },
+        'chunk cache mismatch'
+      )
+    } catch (err) {
+      // ignore errors while logging
+    }
+  }
+  metrics.inc('chunk_store.redis.compare_chunks', 1, {
+    status: identical ? 'success' : 'fail',
+  })
+  return identical
+}
+
+// Define Lua script for atomic cache clearing
+rclient.defineCommand('clear_chunk_cache', {
+  numberOfKeys: 3,
+  lua: `
+    -- Delete all keys related to a project's chunk cache atomically
+    redis.call('DEL', KEYS[1]) -- snapshot key
+    redis.call('DEL', KEYS[2]) -- startVersion key
+    redis.call('DEL', KEYS[3]) -- changes key
+    return 1
+  `,
+})
+
+/**
+ * Clears all cache entries for a project's chunk data
+ * @param {string} projectId - The ID of the project whose cache should be cleared
+ * @returns {Promise<boolean>} A promise that resolves to true if successful, false on error
+ */
+async function clearCache(projectId) {
+  try {
+    const snapshotKey = keySchema.snapshot({ projectId })
+    const startVersionKey = keySchema.startVersion({ projectId })
+    const changesKey = keySchema.changes({ projectId })
+
+    await rclient.clear_chunk_cache(snapshotKey, startVersionKey, changesKey)
+    metrics.inc('chunk_store.redis.clear_cache', 1, { status: 'success' })
+    return true
+  } catch (err) {
+    logger.error({ err, projectId }, 'error clearing chunk cache from redis')
+    metrics.inc('chunk_store.redis.clear_cache', 1, { status: 'error' })
+    return false
+  }
+}
+
+module.exports = {
+  getCurrentChunk,
+  setCurrentChunk,
+  getCurrentChunkMetadata,
+  checkCacheValidity,
+  checkCacheValidityWithMetadata,
+  compareChunks,
+  clearCache,
+}
diff --git a/services/history-v1/storage/lib/content_hash.js b/services/history-v1/storage/lib/content_hash.js
new file mode 100644
index 0000000..a381bab
--- /dev/null
+++ b/services/history-v1/storage/lib/content_hash.js
@@ -0,0 +1,18 @@
+// @ts-check
+
+const { createHash } = require('node:crypto')
+
+/**
+ * Compute a SHA-1 hash of the content
+ *
+ * This is used to validate incoming updates.
+ *
+ * @param {string} content
+ */
+function getContentHash(content) {
+  const hash = createHash('sha-1')
+  hash.update(content)
+  return hash.digest('hex')
+}
+
+module.exports = { getContentHash }
diff --git a/services/history-v1/storage/lib/errors.js b/services/history-v1/storage/lib/errors.js
new file mode 100644
index 0000000..626536b
--- /dev/null
+++ b/services/history-v1/storage/lib/errors.js
@@ -0,0 +1,5 @@
+const OError = require('@overleaf/o-error')
+
+class InvalidChangeError extends OError {}
+
+module.exports = { InvalidChangeError }
diff --git a/services/history-v1/storage/lib/hash_check_blob_store.js b/services/history-v1/storage/lib/hash_check_blob_store.js
new file mode 100644
index 0000000..5f233d5
--- /dev/null
+++ b/services/history-v1/storage/lib/hash_check_blob_store.js
@@ -0,0 +1,30 @@
+const Blob = require('overleaf-editor-core').Blob
+const blobHash = require('./blob_hash')
+const BPromise = require('bluebird')
+
+// We want to simulate applying all of the operations so we can return the
+// resulting hashes to the caller for them to check. To do this, we need to be
+// able to take the lazy files in the final snapshot, fetch their content, and
+// compute the new content hashes. We don't, however, need to actually store
+// that content; we just need to get the hash.
+function HashCheckBlobStore(realBlobStore) {
+  this.realBlobStore = realBlobStore
+}
+
+HashCheckBlobStore.prototype.getString = BPromise.method(
+  function hashCheckBlobStoreGetString(hash) {
+    return this.realBlobStore.getString(hash)
+  }
+)
+
+HashCheckBlobStore.prototype.putString = BPromise.method(
+  function hashCheckBlobStorePutString(string) {
+    return new Blob(
+      blobHash.fromString(string),
+      Buffer.byteLength(string),
+      string.length
+    )
+  }
+)
+
+module.exports = HashCheckBlobStore
diff --git a/services/history-v1/storage/lib/history_store.js b/services/history-v1/storage/lib/history_store.js
new file mode 100644
index 0000000..e51bdc2
--- /dev/null
+++ b/services/history-v1/storage/lib/history_store.js
@@ -0,0 +1,202 @@
+// @ts-check
+'use strict'
+
+const core = require('overleaf-editor-core')
+
+const config = require('config')
+const path = require('node:path')
+const Stream = require('node:stream')
+const { promisify } = require('node:util')
+const zlib = require('node:zlib')
+
+const OError = require('@overleaf/o-error')
+const objectPersistor = require('@overleaf/object-persistor')
+const logger = require('@overleaf/logger')
+
+const assert = require('./assert')
+const persistor = require('./persistor')
+const projectKey = require('./project_key')
+const streams = require('./streams')
+
+const Chunk = core.Chunk
+
+const gzip = promisify(zlib.gzip)
+const gunzip = promisify(zlib.gunzip)
+
+class LoadError extends OError {
+  /**
+   * @param {string} projectId
+   * @param {string} chunkId
+   * @param {any} cause
+   */
+  constructor(projectId, chunkId, cause) {
+    super(
+      'HistoryStore: failed to load chunk history',
+      { projectId, chunkId },
+      cause
+    )
+    this.projectId = projectId
+    this.chunkId = chunkId
+  }
+}
+
+class StoreError extends OError {
+  /**
+   * @param {string} projectId
+   * @param {string} chunkId
+   * @param {any} cause
+   */
+  constructor(projectId, chunkId, cause) {
+    super(
+      'HistoryStore: failed to store chunk history',
+      { projectId, chunkId },
+      cause
+    )
+    this.projectId = projectId
+    this.chunkId = chunkId
+  }
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} chunkId
+ * @return {string}
+ */
+function getKey(projectId, chunkId) {
+  return path.join(projectKey.format(projectId), projectKey.pad(chunkId))
+}
+
+/**
+ * Store and retreive raw {@link History} objects from bucket. Mainly used via the
+ * {@link ChunkStore}.
+ *
+ * Histories are stored as gzipped JSON blobs, keyed on the project ID and the
+ * ID of the Chunk that owns the history. The project ID is currently redundant,
+ * but I think it might help in future if we have to shard on project ID, and
+ * it gives us some chance of reconstructing histories even if there is a
+ * problem with the chunk metadata in the database.
+ *
+ * @class
+ */
+class HistoryStore {
+  #persistor
+  #bucket
+  constructor(persistor, bucket) {
+    this.#persistor = persistor
+    this.#bucket = bucket
+  }
+
+  /**
+   * Load the raw object for a History.
+   *
+   * @param {string} projectId
+   * @param {string} chunkId
+   * @return {Promise<import('overleaf-editor-core/lib/types').RawHistory>}
+   */
+  async loadRaw(projectId, chunkId) {
+    assert.projectId(projectId, 'bad projectId')
+    assert.chunkId(chunkId, 'bad chunkId')
+
+    const key = getKey(projectId, chunkId)
+
+    logger.debug({ projectId, chunkId }, 'loadRaw started')
+    try {
+      const buf = await streams.gunzipStreamToBuffer(
+        await this.#persistor.getObjectStream(this.#bucket, key)
+      )
+      return JSON.parse(buf.toString('utf-8'))
+    } catch (err) {
+      if (err instanceof objectPersistor.Errors.NotFoundError) {
+        throw new Chunk.NotPersistedError(projectId)
+      }
+      throw new LoadError(projectId, chunkId, err)
+    } finally {
+      logger.debug({ projectId, chunkId }, 'loadRaw finished')
+    }
+  }
+
+  async loadRawWithBuffer(projectId, chunkId) {
+    assert.projectId(projectId, 'bad projectId')
+    assert.chunkId(chunkId, 'bad chunkId')
+
+    const key = getKey(projectId, chunkId)
+
+    logger.debug({ projectId, chunkId }, 'loadBuffer started')
+    try {
+      const buf = await streams.readStreamToBuffer(
+        await this.#persistor.getObjectStream(this.#bucket, key)
+      )
+      const unzipped = await gunzip(buf)
+      return {
+        buffer: buf,
+        raw: JSON.parse(unzipped.toString('utf-8')),
+      }
+    } catch (err) {
+      if (err instanceof objectPersistor.Errors.NotFoundError) {
+        throw new Chunk.NotPersistedError(projectId)
+      }
+      throw new LoadError(projectId, chunkId, err)
+    } finally {
+      logger.debug({ projectId, chunkId }, 'loadBuffer finished')
+    }
+  }
+
+  /**
+   * Compress and store a {@link History}.
+   *
+   * @param {string} projectId
+   * @param {string} chunkId
+   * @param {import('overleaf-editor-core/lib/types').RawHistory} rawHistory
+   */
+  async storeRaw(projectId, chunkId, rawHistory) {
+    assert.projectId(projectId, 'bad projectId')
+    assert.chunkId(chunkId, 'bad chunkId')
+    assert.object(rawHistory, 'bad rawHistory')
+
+    const key = getKey(projectId, chunkId)
+
+    logger.debug({ projectId, chunkId }, 'storeRaw started')
+
+    const buf = await gzip(JSON.stringify(rawHistory))
+    try {
+      await this.#persistor.sendStream(
+        this.#bucket,
+        key,
+        Stream.Readable.from([buf]),
+        {
+          contentType: 'application/json',
+          contentEncoding: 'gzip',
+          contentLength: buf.byteLength,
+        }
+      )
+    } catch (err) {
+      throw new StoreError(projectId, chunkId, err)
+    } finally {
+      logger.debug({ projectId, chunkId }, 'storeRaw finished')
+    }
+  }
+
+  /**
+   * Delete multiple chunks from bucket. Expects an Array of objects with
+   * projectId and chunkId properties
+   * @param {Array<{projectId: string,chunkId:string}>} chunks
+   */
+  async deleteChunks(chunks) {
+    logger.debug({ chunks }, 'deleteChunks started')
+    try {
+      await Promise.all(
+        chunks.map(chunk => {
+          const key = getKey(chunk.projectId, chunk.chunkId)
+          return this.#persistor.deleteObject(this.#bucket, key)
+        })
+      )
+    } finally {
+      logger.debug({ chunks }, 'deleteChunks finished')
+    }
+  }
+}
+
+module.exports = {
+  HistoryStore,
+  historyStore: new HistoryStore(persistor, config.get('chunkStore.bucket')),
+}
diff --git a/services/history-v1/storage/lib/knex.js b/services/history-v1/storage/lib/knex.js
new file mode 100644
index 0000000..7000fe0
--- /dev/null
+++ b/services/history-v1/storage/lib/knex.js
@@ -0,0 +1,8 @@
+// @ts-check
+
+'use strict'
+
+const env = process.env.NODE_ENV || 'development'
+
+const knexfile = require('../../knexfile')
+module.exports = require('knex').default(knexfile[env])
diff --git a/services/history-v1/storage/lib/knex_read_only.js b/services/history-v1/storage/lib/knex_read_only.js
new file mode 100644
index 0000000..a78c468
--- /dev/null
+++ b/services/history-v1/storage/lib/knex_read_only.js
@@ -0,0 +1,19 @@
+'use strict'
+
+const config = require('config')
+const knexfile = require('../../knexfile')
+
+const env = process.env.NODE_ENV || 'development'
+
+if (config.databaseUrlReadOnly) {
+  module.exports = require('knex')({
+    ...knexfile[env],
+    pool: {
+      ...knexfile[env].pool,
+      min: 0,
+    },
+    connection: config.databaseUrlReadOnly,
+  })
+} else {
+  module.exports = require('./knex')
+}
diff --git a/services/history-v1/storage/lib/mongodb.js b/services/history-v1/storage/lib/mongodb.js
new file mode 100644
index 0000000..e887bc2
--- /dev/null
+++ b/services/history-v1/storage/lib/mongodb.js
@@ -0,0 +1,30 @@
+const Metrics = require('@overleaf/metrics')
+
+const config = require('config')
+const { MongoClient } = require('mongodb')
+
+const client = new MongoClient(config.mongo.uri)
+const db = client.db()
+
+const chunks = db.collection('projectHistoryChunks')
+const blobs = db.collection('projectHistoryBlobs')
+const globalBlobs = db.collection('projectHistoryGlobalBlobs')
+const shardedBlobs = db.collection('projectHistoryShardedBlobs')
+const projects = db.collection('projects')
+// Temporary collection for tracking progress of backed up old blobs (without a hash).
+// The initial sync process will be able to skip over these.
+// Schema: _id: projectId, blobs: [Binary]
+const backedUpBlobs = db.collection('projectHistoryBackedUpBlobs')
+
+Metrics.mongodb.monitor(client)
+
+module.exports = {
+  client,
+  db,
+  chunks,
+  blobs,
+  globalBlobs,
+  projects,
+  shardedBlobs,
+  backedUpBlobs,
+}
diff --git a/services/history-v1/storage/lib/persist_changes.js b/services/history-v1/storage/lib/persist_changes.js
new file mode 100644
index 0000000..8a848aa
--- /dev/null
+++ b/services/history-v1/storage/lib/persist_changes.js
@@ -0,0 +1,261 @@
+// @ts-check
+
+'use strict'
+
+const _ = require('lodash')
+const logger = require('@overleaf/logger')
+
+const core = require('overleaf-editor-core')
+const Chunk = core.Chunk
+const History = core.History
+
+const assert = require('./assert')
+const chunkStore = require('./chunk_store')
+const { BlobStore } = require('./blob_store')
+const { InvalidChangeError } = require('./errors')
+const { getContentHash } = require('./content_hash')
+
+function countChangeBytes(change) {
+  // Note: This is not quite accurate, because the raw change may contain raw
+  // file info (or conceivably even content) that will not be included in the
+  // actual stored object.
+  return Buffer.byteLength(JSON.stringify(change.toRaw()))
+}
+
+function totalChangeBytes(changes) {
+  return changes.length ? _(changes).map(countChangeBytes).sum() : 0
+}
+
+// provide a simple timer function
+function Timer() {
+  this.t0 = process.hrtime()
+}
+Timer.prototype.elapsed = function () {
+  const dt = process.hrtime(this.t0)
+  const timeInMilliseconds = (dt[0] + dt[1] * 1e-9) * 1e3
+  return timeInMilliseconds
+}
+
+/**
+ * Break the given set of changes into zero or more Chunks according to the
+ * provided limits and store them.
+ *
+ * Some other possible improvements:
+ * 1. This does a lot more JSON serialization than it has to. We may know the
+ *    JSON for the changes before we call this function, so we could in that
+ *    case get the byte size of each change without doing any work. Even if we
+ *    don't know it initially, we could save some computation by caching this
+ *    info rather than recomputing it many times. TBD whether it is worthwhile.
+ * 2. We don't necessarily have to fetch the latest chunk in order to determine
+ *    that it is full. We could store this in the chunk metadata record. It may
+ *    be worth distinguishing between a Chunk and its metadata record. The
+ *    endVersion may be better suited to the metadata record.
+ *
+ * @param {string} projectId
+ * @param {core.Change[]} allChanges
+ * @param {Object} limits
+ * @param {number} clientEndVersion
+ * @return {Promise.<Object?>}
+ */
+async function persistChanges(projectId, allChanges, limits, clientEndVersion) {
+  assert.projectId(projectId)
+  assert.array(allChanges)
+  assert.maybe.object(limits)
+  assert.integer(clientEndVersion)
+
+  const blobStore = new BlobStore(projectId)
+
+  const earliestChangeTimestamp =
+    allChanges.length > 0 ? allChanges[0].getTimestamp() : null
+
+  let currentChunk
+
+  /**
+   * currentSnapshot tracks the latest change that we're applying; we use it to
+   * check that the changes we are persisting are valid.
+   *
+   * @type {core.Snapshot}
+   */
+  let currentSnapshot
+
+  let originalEndVersion
+  let changesToPersist
+
+  limits = limits || {}
+  _.defaults(limits, {
+    changeBucketMinutes: 60,
+    maxChanges: 2500,
+    maxChangeBytes: 5 * 1024 * 1024,
+    maxChunkChanges: 2000,
+    maxChunkChangeBytes: 5 * 1024 * 1024,
+    maxChunkChangeTime: 5000, // warn if total time for changes in a chunk takes longer than this
+  })
+
+  function checkElapsedTime(timer) {
+    const timeTaken = timer.elapsed()
+    if (timeTaken > limits.maxChunkChangeTime) {
+      console.log('warning: slow chunk', projectId, timeTaken)
+    }
+  }
+
+  /**
+   * Add changes to a chunk until the chunk is full
+   *
+   * The chunk is full if it reaches a certain number of changes or a certain
+   * size in bytes
+   *
+   * @param {core.Chunk} chunk
+   * @param {core.Change[]} changes
+   */
+  async function fillChunk(chunk, changes) {
+    let totalBytes = totalChangeBytes(chunk.getChanges())
+    let changesPushed = false
+    while (changes.length > 0) {
+      if (chunk.getChanges().length >= limits.maxChunkChanges) {
+        break
+      }
+
+      const change = changes[0]
+      const changeBytes = countChangeBytes(change)
+
+      if (totalBytes + changeBytes > limits.maxChunkChangeBytes) {
+        break
+      }
+
+      for (const operation of change.iterativelyApplyTo(currentSnapshot, {
+        strict: true,
+      })) {
+        await validateContentHash(operation)
+      }
+
+      chunk.pushChanges([change])
+      changes.shift()
+      totalBytes += changeBytes
+      changesPushed = true
+    }
+    return changesPushed
+  }
+
+  /**
+   * Check that the operation is valid and can be incorporated to the history.
+   *
+   * For now, this checks content hashes when they are provided.
+   *
+   * @param {core.Operation} operation
+   */
+  async function validateContentHash(operation) {
+    if (operation instanceof core.EditFileOperation) {
+      const editOperation = operation.getOperation()
+      if (
+        editOperation instanceof core.TextOperation &&
+        editOperation.contentHash != null
+      ) {
+        const path = operation.getPathname()
+        const file = currentSnapshot.getFile(path)
+        if (file == null) {
+          throw new InvalidChangeError('file not found for hash validation', {
+            projectId,
+            path,
+          })
+        }
+        await file.load('eager', blobStore)
+        const content = file.getContent({ filterTrackedDeletes: true })
+        const expectedHash = editOperation.contentHash
+        const actualHash = content != null ? getContentHash(content) : null
+        logger.debug({ expectedHash, actualHash }, 'validating content hash')
+        if (actualHash !== expectedHash) {
+          throw new InvalidChangeError('content hash mismatch', {
+            projectId,
+            path,
+            expectedHash,
+            actualHash,
+          })
+        }
+
+        // Remove the content hash from the change before storing it in the chunk.
+        // It was only useful for validation.
+        editOperation.contentHash = null
+      }
+    }
+  }
+
+  async function extendLastChunkIfPossible() {
+    const latestChunk = await chunkStore.loadLatest(projectId)
+
+    currentChunk = latestChunk
+    originalEndVersion = latestChunk.getEndVersion()
+    if (originalEndVersion !== clientEndVersion) {
+      throw new Chunk.ConflictingEndVersion(
+        clientEndVersion,
+        originalEndVersion
+      )
+    }
+
+    currentSnapshot = latestChunk.getSnapshot().clone()
+    const timer = new Timer()
+    currentSnapshot.applyAll(latestChunk.getChanges())
+
+    const changesPushed = await fillChunk(currentChunk, changesToPersist)
+    if (!changesPushed) {
+      return
+    }
+
+    checkElapsedTime(timer)
+
+    await chunkStore.update(
+      projectId,
+      originalEndVersion,
+      currentChunk,
+      earliestChangeTimestamp
+    )
+  }
+
+  async function createNewChunksAsNeeded() {
+    while (changesToPersist.length > 0) {
+      const endVersion = currentChunk.getEndVersion()
+      const history = new History(currentSnapshot.clone(), [])
+      const chunk = new Chunk(history, endVersion)
+      const timer = new Timer()
+
+      const changesPushed = await fillChunk(chunk, changesToPersist)
+      if (changesPushed) {
+        checkElapsedTime(timer)
+        currentChunk = chunk
+        await chunkStore.create(projectId, chunk, earliestChangeTimestamp)
+      } else {
+        throw new Error('failed to fill empty chunk')
+      }
+    }
+  }
+
+  function isOlderThanMinChangeTimestamp(change) {
+    return change.getTimestamp().getTime() < limits.minChangeTimestamp
+  }
+
+  function isOlderThanMaxChangeTimestamp(change) {
+    return change.getTimestamp().getTime() < limits.maxChangeTimestamp
+  }
+
+  const oldChanges = _.filter(allChanges, isOlderThanMinChangeTimestamp)
+  const anyTooOld = _.some(oldChanges, isOlderThanMaxChangeTimestamp)
+  const tooManyChanges = oldChanges.length > limits.maxChanges
+  const tooManyBytes = totalChangeBytes(oldChanges) > limits.maxChangeBytes
+
+  if (anyTooOld || tooManyChanges || tooManyBytes) {
+    changesToPersist = oldChanges
+    const numberOfChangesToPersist = oldChanges.length
+
+    await extendLastChunkIfPossible()
+    await createNewChunksAsNeeded()
+
+    return {
+      numberOfChangesPersisted: numberOfChangesToPersist,
+      originalEndVersion,
+      currentChunk,
+    }
+  } else {
+    return null
+  }
+}
+
+module.exports = persistChanges
diff --git a/services/history-v1/storage/lib/persistor.js b/services/history-v1/storage/lib/persistor.js
new file mode 100644
index 0000000..5b3400d
--- /dev/null
+++ b/services/history-v1/storage/lib/persistor.js
@@ -0,0 +1,27 @@
+const _ = require('lodash')
+const config = require('config')
+const metrics = require('@overleaf/metrics')
+const objectPersistor = require('@overleaf/object-persistor')
+
+const persistorConfig = _.cloneDeep(config.get('persistor'))
+
+function convertKey(key, convertFn) {
+  if (_.has(persistorConfig, key)) {
+    _.update(persistorConfig, key, convertFn)
+  }
+}
+
+convertKey('s3.signedUrlExpiryInMs', s => parseInt(s, 10))
+convertKey('s3.httpOptions.timeout', s => parseInt(s, 10))
+convertKey('s3.maxRetries', s => parseInt(s, 10))
+convertKey('s3.pathStyle', s => s === 'true')
+convertKey('gcs.unlockBeforeDelete', s => s === 'true')
+convertKey('gcs.unsignedUrls', s => s === 'true')
+convertKey('gcs.signedUrlExpiryInMs', s => parseInt(s, 10))
+convertKey('gcs.deleteConcurrency', s => parseInt(s, 10))
+convertKey('gcs.retryOptions.maxRetries', s => parseInt(s, 10))
+convertKey('fallback.buckets', s => JSON.parse(s || '{}'))
+
+persistorConfig.Metrics = metrics
+
+module.exports = objectPersistor(persistorConfig)
diff --git a/services/history-v1/storage/lib/project_archive.js b/services/history-v1/storage/lib/project_archive.js
new file mode 100644
index 0000000..8a8e93f
--- /dev/null
+++ b/services/history-v1/storage/lib/project_archive.js
@@ -0,0 +1,140 @@
+// @ts-check
+'use strict'
+
+/**
+ * @import { Snapshot } from 'overleaf-editor-core'
+ * @import { BlobStore } from '../../storage/lib/blob_store/index'
+ */
+
+const Archive = require('archiver')
+const BPromise = require('bluebird')
+const fs = require('node:fs')
+const { pipeline } = require('node:stream')
+
+const core = require('overleaf-editor-core')
+
+const Snapshot = core.Snapshot
+const OError = require('@overleaf/o-error')
+
+const assert = require('./assert')
+
+// The maximum safe concurrency appears to be 1.
+// https://github.com/overleaf/issues/issues/1909
+const FETCH_CONCURRENCY = 1 // number of files to fetch at once
+const DEFAULT_ZIP_TIMEOUT = 25000 // ms
+
+class DownloadError extends OError {
+  constructor(hash) {
+    super(`ProjectArchive: blob download failed: ${hash}`, { hash })
+  }
+}
+
+class ArchiveTimeout extends OError {
+  constructor() {
+    super('ProjectArchive timed out')
+  }
+}
+
+class MissingfileError extends OError {
+  constructor() {
+    super('ProjectArchive: attempting to look up a file that does not exist')
+  }
+}
+
+class ProjectArchive {
+  static ArchiveTimeout = ArchiveTimeout
+  static MissingfileError = MissingfileError
+  static DownloadError = DownloadError
+
+  /**
+   * @constructor
+   * @param {Snapshot} snapshot
+   * @param {number} [timeout] in ms
+   * @classdesc
+   * Writes the project snapshot to a zip file.
+   */
+  constructor(snapshot, timeout) {
+    assert.instance(snapshot, Snapshot)
+    this.snapshot = snapshot
+    this.timeout = timeout || DEFAULT_ZIP_TIMEOUT
+  }
+
+  /**
+   * Write zip archive to the given file path.
+   *
+   * @param {BlobStore} blobStore
+   * @param {string} zipFilePath
+   */
+  writeZip(blobStore, zipFilePath) {
+    const snapshot = this.snapshot
+    const timeout = this.timeout
+
+    const startTime = process.hrtime()
+    const archive = new Archive('zip')
+
+    // Convert elapsed seconds and nanoseconds to milliseconds.
+    function findElapsedMilliseconds() {
+      const elapsed = process.hrtime(startTime)
+      return elapsed[0] * 1e3 + elapsed[1] * 1e-6
+    }
+
+    function addFileToArchive(pathname) {
+      if (findElapsedMilliseconds() > timeout) {
+        throw new ProjectArchive.ArchiveTimeout()
+      }
+
+      const file = snapshot.getFile(pathname)
+      if (!file) {
+        throw new ProjectArchive.MissingfileError()
+      }
+      return file.load('eager', blobStore).then(function () {
+        const content = file.getContent({ filterTrackedDeletes: true })
+        if (content === null) {
+          return streamFileToArchive(pathname, file).catch(function (err) {
+            throw new ProjectArchive.DownloadError(file.getHash()).withCause(
+              err
+            )
+          })
+        } else {
+          archive.append(content, { name: pathname })
+        }
+      })
+    }
+
+    function streamFileToArchive(pathname, file) {
+      return new BPromise(function (resolve, reject) {
+        blobStore
+          .getStream(file.getHash())
+          .then(stream => {
+            stream.on('error', reject)
+            stream.on('end', resolve)
+            archive.append(stream, { name: pathname })
+          })
+          .catch(reject)
+      })
+    }
+
+    const addFilesToArchiveAndFinalize = BPromise.map(
+      snapshot.getFilePathnames(),
+      addFileToArchive,
+      { concurrency: FETCH_CONCURRENCY }
+    ).then(function () {
+      archive.finalize()
+    })
+
+    const streamArchiveToFile = new BPromise(function (resolve, reject) {
+      const stream = fs.createWriteStream(zipFilePath)
+      pipeline(archive, stream, function (err) {
+        if (err) {
+          reject(err)
+        } else {
+          resolve()
+        }
+      })
+    })
+
+    return BPromise.join(streamArchiveToFile, addFilesToArchiveAndFinalize)
+  }
+}
+
+module.exports = ProjectArchive
diff --git a/services/history-v1/storage/lib/project_key.js b/services/history-v1/storage/lib/project_key.js
new file mode 100644
index 0000000..03fb2a5
--- /dev/null
+++ b/services/history-v1/storage/lib/project_key.js
@@ -0,0 +1,24 @@
+// Keep in sync with services/web/app/src/Features/History/project_key.js
+const _ = require('lodash')
+const path = require('node:path')
+
+//
+// The advice in http://docs.aws.amazon.com/AmazonS3/latest/dev/
+// request-rate-perf-considerations.html is to avoid sequential key prefixes,
+// so we reverse the project ID part of the key as they suggest.
+//
+function format(projectId) {
+  const prefix = naiveReverse(pad(projectId))
+  return path.join(prefix.slice(0, 3), prefix.slice(3, 6), prefix.slice(6))
+}
+
+function pad(number) {
+  return _.padStart(number, 9, '0')
+}
+
+function naiveReverse(string) {
+  return string.split('').reverse().join('')
+}
+
+exports.format = format
+exports.pad = pad
diff --git a/services/history-v1/storage/lib/redis.js b/services/history-v1/storage/lib/redis.js
new file mode 100644
index 0000000..9b00cc0
--- /dev/null
+++ b/services/history-v1/storage/lib/redis.js
@@ -0,0 +1,19 @@
+const config = require('config')
+const redis = require('@overleaf/redis-wrapper')
+
+const historyRedisOptions = config.get('redis.history')
+const rclientHistory = redis.createClient(historyRedisOptions)
+
+const lockRedisOptions = config.get('redis.history')
+const rclientLock = redis.createClient(lockRedisOptions)
+
+async function disconnect() {
+  await Promise.all([rclientHistory.disconnect(), rclientLock.disconnect()])
+}
+
+module.exports = {
+  rclientHistory,
+  rclientLock,
+  redis,
+  disconnect,
+}
diff --git a/services/history-v1/storage/lib/streams.js b/services/history-v1/storage/lib/streams.js
new file mode 100644
index 0000000..e60e5aa
--- /dev/null
+++ b/services/history-v1/storage/lib/streams.js
@@ -0,0 +1,40 @@
+// @ts-check
+/**
+ * Promises are promises and streams are streams, and ne'er the twain shall
+ * meet.
+ * @module
+ */
+'use strict'
+
+const Stream = require('node:stream')
+const zlib = require('node:zlib')
+const { WritableBuffer } = require('@overleaf/stream-utils')
+
+/**
+ * Create a promise for the result of reading a stream to a buffer.
+ *
+ * @param {Stream.Readable} readStream
+ * @return {Promise<Buffer>}
+ */
+async function readStreamToBuffer(readStream) {
+  const bufferStream = new WritableBuffer()
+  await Stream.promises.pipeline(readStream, bufferStream)
+  return bufferStream.contents()
+}
+
+exports.readStreamToBuffer = readStreamToBuffer
+
+/**
+ * Create a promise for the result of un-gzipping a stream to a buffer.
+ *
+ * @param {NodeJS.ReadableStream} readStream
+ * @return {Promise<Buffer>}
+ */
+async function gunzipStreamToBuffer(readStream) {
+  const gunzip = zlib.createGunzip()
+  const bufferStream = new WritableBuffer()
+  await Stream.promises.pipeline(readStream, gunzip, bufferStream)
+  return bufferStream.contents()
+}
+
+exports.gunzipStreamToBuffer = gunzipStreamToBuffer
diff --git a/services/history-v1/storage/lib/temp.js b/services/history-v1/storage/lib/temp.js
new file mode 100644
index 0000000..1aab3c1
--- /dev/null
+++ b/services/history-v1/storage/lib/temp.js
@@ -0,0 +1,25 @@
+/*
+ * Taken from renderer/app/helpers/temp.js with minor cosmetic changes.
+ * Promisify the temp package. The temp package provides a 'track' feature
+ * that automatically cleans up temp files at process exit, but that is not
+ * very useful. They also provide a method to trigger cleanup, but that is not
+ * safe for concurrent use. So, we use a disposer to unlink the file.
+ */
+
+const BPromise = require('bluebird')
+const fs = BPromise.promisifyAll(require('node:fs'))
+const temp = BPromise.promisifyAll(require('temp'))
+
+exports.open = function (affixes) {
+  return temp.openAsync(affixes).disposer(function (fileInfo) {
+    fs.closeAsync(fileInfo.fd)
+      .then(() => {
+        return fs.unlinkAsync(fileInfo.path)
+      })
+      .catch(function (err) {
+        if (err.code !== 'ENOENT') {
+          throw err
+        }
+      })
+  })
+}
diff --git a/services/history-v1/storage/lib/zip_store.js b/services/history-v1/storage/lib/zip_store.js
new file mode 100644
index 0000000..0741829
--- /dev/null
+++ b/services/history-v1/storage/lib/zip_store.js
@@ -0,0 +1,134 @@
+'use strict'
+
+const BPromise = require('bluebird')
+const config = require('config')
+const fs = require('node:fs')
+const path = require('node:path')
+
+const OError = require('@overleaf/o-error')
+const objectPersistor = require('@overleaf/object-persistor')
+
+const assert = require('./assert')
+const { BlobStore } = require('./blob_store')
+const persistor = require('./persistor')
+const ProjectArchive = require('./project_archive')
+const projectKey = require('./project_key')
+const temp = require('./temp')
+
+const BUCKET = config.get('zipStore.bucket')
+
+function getZipKey(projectId, version) {
+  return path.join(
+    projectKey.format(projectId),
+    version.toString(),
+    'project.zip'
+  )
+}
+
+/**
+ * Store a zip of a given version of a project in bucket.
+ *
+ * @class
+ */
+class ZipStore {
+  /**
+   * Generate signed link to access the zip file.
+   *
+   * @param {number | string} projectId
+   * @param {number} version
+   * @return {string}
+   */
+  async getSignedUrl(projectId, version) {
+    assert.projectId(projectId, 'bad projectId')
+    assert.integer(version, 'bad version')
+
+    const key = getZipKey(projectId, version)
+    return await persistor.getRedirectUrl(BUCKET, key)
+  }
+
+  /**
+   * Generate a zip of the given snapshot.
+   *
+   * @param {number | string} projectId
+   * @param {number} version
+   * @param {Snapshot} snapshot
+   */
+  async storeZip(projectId, version, snapshot) {
+    assert.projectId(projectId, 'bad projectId')
+    assert.integer(version, 'bad version')
+    assert.object(snapshot, 'bad snapshot')
+
+    const zipKey = getZipKey(projectId, version)
+
+    if (await isZipPresent()) return
+
+    await BPromise.using(temp.open('zip'), async tempFileInfo => {
+      await zipSnapshot(tempFileInfo.path, snapshot)
+      await uploadZip(tempFileInfo.path)
+    })
+
+    // If the file is already there, we don't need to build the zip again. If we
+    // just HEAD the file, there's a race condition, because the zip files
+    // automatically expire. So, we try to copy the file from itself to itself,
+    // and if it fails, we know the file didn't exist. If it succeeds, this has
+    // the effect of re-extending its lifetime.
+    async function isZipPresent() {
+      try {
+        await persistor.copyObject(BUCKET, zipKey, zipKey)
+        return true
+      } catch (error) {
+        if (!(error instanceof objectPersistor.Errors.NotFoundError)) {
+          console.error(
+            'storeZip: isZipPresent: unexpected error (except in dev): %s',
+            error
+          )
+        }
+        return false
+      }
+    }
+
+    async function zipSnapshot(tempPathname, snapshot) {
+      const blobStore = new BlobStore(projectId)
+      const zipTimeoutMs = parseInt(config.get('zipStore.zipTimeoutMs'), 10)
+      const archive = new ProjectArchive(snapshot, zipTimeoutMs)
+      try {
+        await archive.writeZip(blobStore, tempPathname)
+      } catch (err) {
+        throw new ZipStore.CreationError(projectId, version).withCause(err)
+      }
+    }
+
+    async function uploadZip(tempPathname, snapshot) {
+      const stream = fs.createReadStream(tempPathname)
+      try {
+        await persistor.sendStream(BUCKET, zipKey, stream, {
+          contentType: 'application/zip',
+        })
+      } catch (err) {
+        throw new ZipStore.UploadError(projectId, version).withCause(err)
+      }
+    }
+  }
+}
+
+class CreationError extends OError {
+  constructor(projectId, version) {
+    super(`Zip creation failed for ${projectId} version ${version}`, {
+      projectId,
+      version,
+    })
+  }
+}
+ZipStore.CreationError = CreationError
+
+class UploadError extends OError {
+  constructor(projectId, version) {
+    super(`Zip upload failed for ${projectId} version ${version}`, {
+      projectId,
+      version,
+    })
+  }
+}
+ZipStore.UploadError = UploadError
+
+module.exports = new ZipStore()
diff --git a/services/history-v1/storage/scripts/back_fill_file_hash.mjs b/services/history-v1/storage/scripts/back_fill_file_hash.mjs
new file mode 100644
index 0000000..96dfd79
--- /dev/null
+++ b/services/history-v1/storage/scripts/back_fill_file_hash.mjs
@@ -0,0 +1,1476 @@
+// @ts-check
+import Crypto from 'node:crypto'
+import Events from 'node:events'
+import fs from 'node:fs'
+import Path from 'node:path'
+import { performance } from 'node:perf_hooks'
+import Stream from 'node:stream'
+import zLib from 'node:zlib'
+import { setTimeout } from 'node:timers/promises'
+import { Binary, ObjectId } from 'mongodb'
+import pLimit from 'p-limit'
+import logger from '@overleaf/logger'
+import {
+  batchedUpdate,
+  objectIdFromInput,
+  renderObjectId,
+  READ_PREFERENCE_SECONDARY,
+} from '@overleaf/mongo-utils/batchedUpdate.js'
+import OError from '@overleaf/o-error'
+import {
+  AlreadyWrittenError,
+  NoKEKMatchedError,
+  NotFoundError,
+} from '@overleaf/object-persistor/src/Errors.js'
+import { backupPersistor, projectBlobsBucket } from '../lib/backupPersistor.mjs'
+import {
+  BlobStore,
+  GLOBAL_BLOBS,
+  loadGlobalBlobs,
+  getProjectBlobsBatch,
+  getStringLengthOfFile,
+  makeBlobForFile,
+  makeProjectKey,
+} from '../lib/blob_store/index.js'
+import { backedUpBlobs as backedUpBlobsCollection, db } from '../lib/mongodb.js'
+import filestorePersistor from '../lib/persistor.js'
+import commandLineArgs from 'command-line-args'
+import readline from 'node:readline'
+
+// Silence warning.
+Events.setMaxListeners(20)
+
+// Enable caching for ObjectId.toString()
+ObjectId.cacheHexString = true
+
+/**
+ * @typedef {import("overleaf-editor-core").Blob} Blob
+ * @typedef {import("perf_hooks").EventLoopUtilization} EventLoopUtilization
+ * @typedef {import("mongodb").Collection} Collection
+ * @typedef {import("mongodb").Collection<Project>} ProjectsCollection
+ * @typedef {import("mongodb").Collection<{project:Project}>} DeletedProjectsCollection
+ * @typedef {import("@overleaf/object-persistor/src/PerProjectEncryptedS3Persistor").CachedPerProjectEncryptedS3Persistor} CachedPerProjectEncryptedS3Persistor
+ */
+
+/**
+ * @typedef {Object} FileRef
+ * @property {ObjectId} _id
+ * @property {string} hash
+ */
+
+/**
+ * @typedef {Object} Folder
+ * @property {Array<Folder>} folders
+ * @property {Array<FileRef>} fileRefs
+ */
+
+/**
+ * @typedef {Object} DeletedFileRef
+ * @property {ObjectId} _id
+ * @property {ObjectId} projectId
+ * @property {string} hash
+ */
+
+/**
+ * @typedef {Object} Project
+ * @property {ObjectId} _id
+ * @property {Array<Folder>} rootFolder
+ * @property {{history: {id: (number|string)}}} overleaf
+ */
+
+/**
+ * @typedef {Object} QueueEntry
+ * @property {ProjectContext} ctx
+ * @property {string} cacheKey
+ * @property {string} [fileId]
+ * @property {string} path
+ * @property {string} [hash]
+ * @property {Blob} [blob]
+ */
+
+/**
+ * @return {{PROJECT_IDS_FROM: string, PROCESS_HASHED_FILES: boolean, PROCESS_DELETED_FILES: boolean, LOGGING_IDENTIFIER: string, BATCH_RANGE_START: string, PROCESS_BLOBS: boolean, BATCH_RANGE_END: string, PROCESS_NON_DELETED_PROJECTS: boolean, PROCESS_DELETED_PROJECTS: boolean, COLLECT_BACKED_UP_BLOBS: boolean}}
+ */
+function parseArgs() {
+  const PUBLIC_LAUNCH_DATE = new Date('2012-01-01T00:00:00Z')
+  const args = commandLineArgs([
+    { name: 'processNonDeletedProjects', type: String, defaultValue: 'false' },
+    { name: 'processDeletedProjects', type: String, defaultValue: 'false' },
+    { name: 'processDeletedFiles', type: String, defaultValue: 'false' },
+    { name: 'processHashedFiles', type: String, defaultValue: 'false' },
+    { name: 'processBlobs', type: String, defaultValue: 'true' },
+    { name: 'projectIdsFrom', type: String, defaultValue: '' },
+    { name: 'collectBackedUpBlobs', type: String, defaultValue: 'true' },
+    {
+      name: 'BATCH_RANGE_START',
+      type: String,
+      defaultValue: PUBLIC_LAUNCH_DATE.toISOString(),
+    },
+    {
+      name: 'BATCH_RANGE_END',
+      type: String,
+      defaultValue: new Date().toISOString(),
+    },
+    { name: 'LOGGING_IDENTIFIER', type: String, defaultValue: '' },
+  ])
+  /**
+   * commandLineArgs cannot handle --foo=false, so go the long way
+   * @param {string} name
+   * @return {boolean}
+   */
+  function boolVal(name) {
+    const v = args[name]
+    if (['true', 'false'].includes(v)) return v === 'true'
+    throw new Error(`expected "true" or "false" for boolean option ${name}`)
+  }
+  const BATCH_RANGE_START = objectIdFromInput(
+    args['BATCH_RANGE_START']
+  ).toString()
+  const BATCH_RANGE_END = objectIdFromInput(args['BATCH_RANGE_END']).toString()
+  return {
+    PROCESS_NON_DELETED_PROJECTS: boolVal('processNonDeletedProjects'),
+    PROCESS_DELETED_PROJECTS: boolVal('processDeletedProjects'),
+    PROCESS_BLOBS: boolVal('processBlobs'),
+    PROCESS_DELETED_FILES: boolVal('processDeletedFiles'),
+    PROCESS_HASHED_FILES: boolVal('processHashedFiles'),
+    COLLECT_BACKED_UP_BLOBS: boolVal('collectBackedUpBlobs'),
+    BATCH_RANGE_START,
+    BATCH_RANGE_END,
+    LOGGING_IDENTIFIER: args['LOGGING_IDENTIFIER'] || BATCH_RANGE_START,
+    PROJECT_IDS_FROM: args['projectIdsFrom'],
+  }
+}
+
+const {
+  PROCESS_NON_DELETED_PROJECTS,
+  PROCESS_DELETED_PROJECTS,
+  PROCESS_BLOBS,
+  PROCESS_DELETED_FILES,
+  PROCESS_HASHED_FILES,
+  COLLECT_BACKED_UP_BLOBS,
+  BATCH_RANGE_START,
+  BATCH_RANGE_END,
+  LOGGING_IDENTIFIER,
+  PROJECT_IDS_FROM,
+} = parseArgs()
+
+// We need to handle the start and end differently as ids of deleted projects are created at time of deletion.
+if (process.env.BATCH_RANGE_START || process.env.BATCH_RANGE_END) {
+  throw new Error('use --BATCH_RANGE_START and --BATCH_RANGE_END')
+}
+
+// Concurrency for downloading from GCS and updating hashes in mongo
+const CONCURRENCY = parseInt(process.env.CONCURRENCY || '100', 10)
+const CONCURRENT_BATCHES = parseInt(process.env.CONCURRENT_BATCHES || '2', 10)
+// Retries for processing a given file
+const RETRIES = parseInt(process.env.RETRIES || '10', 10)
+const RETRY_DELAY_MS = parseInt(process.env.RETRY_DELAY_MS || '100', 10)
+
+const USER_FILES_BUCKET_NAME = process.env.USER_FILES_BUCKET_NAME || ''
+if (!USER_FILES_BUCKET_NAME) {
+  throw new Error('env var USER_FILES_BUCKET_NAME is missing')
+}
+const RETRY_FILESTORE_404 = process.env.RETRY_FILESTORE_404 === 'true'
+const BUFFER_DIR = fs.mkdtempSync(
+  process.env.BUFFER_DIR_PREFIX || '/tmp/back_fill_file_hash-'
+)
+// https://nodejs.org/api/stream.html#streamgetdefaulthighwatermarkobjectmode
+const STREAM_HIGH_WATER_MARK = parseInt(
+  process.env.STREAM_HIGH_WATER_MARK || (64 * 1024).toString(),
+  10
+)
+const LOGGING_INTERVAL = parseInt(process.env.LOGGING_INTERVAL || '60000', 10)
+const SLEEP_BEFORE_EXIT = parseInt(process.env.SLEEP_BEFORE_EXIT || '1000', 10)
+
+const projectsCollection = db.collection('projects')
+/** @type {ProjectsCollection} */
+const typedProjectsCollection = db.collection('projects')
+const deletedProjectsCollection = db.collection('deletedProjects')
+/** @type {DeletedProjectsCollection} */
+const typedDeletedProjectsCollection = db.collection('deletedProjects')
+const deletedFilesCollection = db.collection('deletedFiles')
+
+const concurrencyLimit = pLimit(CONCURRENCY)
+
+/**
+ * @template T
+ * @template V
+ * @param {Array<T>} array
+ * @param {(arg: T) => Promise<V>} fn
+ * @return {Promise<Array<Awaited<V>>>}
+ */
+async function processConcurrently(array, fn) {
+  return await Promise.all(array.map(x => concurrencyLimit(() => fn(x))))
+}
+
+const STATS = {
+  projects: 0,
+  blobs: 0,
+  backedUpBlobs: 0,
+  filesWithHash: 0,
+  filesWithoutHash: 0,
+  filesDuplicated: 0,
+  filesRetries: 0,
+  filesFailed: 0,
+  fileTreeUpdated: 0,
+  badFileTrees: 0,
+  globalBlobsCount: 0,
+  globalBlobsEgress: 0,
+  projectDeleted: 0,
+  projectHardDeleted: 0,
+  fileHardDeleted: 0,
+  mongoUpdates: 0,
+  deduplicatedWriteToAWSLocalCount: 0,
+  deduplicatedWriteToAWSLocalEgress: 0,
+  deduplicatedWriteToAWSRemoteCount: 0,
+  deduplicatedWriteToAWSRemoteEgress: 0,
+  readFromGCSCount: 0,
+  readFromGCSIngress: 0,
+  writeToAWSCount: 0,
+  writeToAWSEgress: 0,
+  writeToGCSCount: 0,
+  writeToGCSEgress: 0,
+}
+
+const processStart = performance.now()
+let lastLogTS = processStart
+let lastLog = Object.assign({}, STATS)
+let lastEventLoopStats = performance.eventLoopUtilization()
+
+/**
+ * @param {number} v
+ * @param {number} ms
+ */
+function toMiBPerSecond(v, ms) {
+  const ONE_MiB = 1024 * 1024
+  return v / ONE_MiB / (ms / 1000)
+}
+
+/**
+ * @param {any} stats
+ * @param {number} ms
+ * @return {{writeToAWSThroughputMiBPerSecond: number, readFromGCSThroughputMiBPerSecond: number}}
+ */
+function bandwidthStats(stats, ms) {
+  return {
+    readFromGCSThroughputMiBPerSecond: toMiBPerSecond(
+      stats.readFromGCSIngress,
+      ms
+    ),
+    writeToAWSThroughputMiBPerSecond: toMiBPerSecond(
+      stats.writeToAWSEgress,
+      ms
+    ),
+  }
+}
+
+/**
+ * @param {EventLoopUtilization} nextEventLoopStats
+ * @param {number} now
+ * @return {Object}
+ */
+function computeDiff(nextEventLoopStats, now) {
+  const ms = now - lastLogTS
+  lastLogTS = now
+  const diff = {
+    eventLoop: performance.eventLoopUtilization(
+      nextEventLoopStats,
+      lastEventLoopStats
+    ),
+  }
+  for (const [name, v] of Object.entries(STATS)) {
+    diff[name] = v - lastLog[name]
+  }
+  return Object.assign(diff, bandwidthStats(diff, ms))
+}
+
+/**
+ * @param {boolean} isLast
+ */
+function printStats(isLast = false) {
+  const now = performance.now()
+  const nextEventLoopStats = performance.eventLoopUtilization()
+  const logLine = JSON.stringify({
+    time: new Date(),
+    LOGGING_IDENTIFIER,
+    ...STATS,
+    ...bandwidthStats(STATS, now - processStart),
+    eventLoop: nextEventLoopStats,
+    diff: computeDiff(nextEventLoopStats, now),
+    deferredBatches: Array.from(deferredBatches.keys()),
+  })
+  if (isLast) {
+    console.warn(logLine)
+  } else {
+    console.log(logLine)
+  }
+  lastEventLoopStats = nextEventLoopStats
+  lastLog = Object.assign({}, STATS)
+}
+
+setInterval(printStats, LOGGING_INTERVAL)
+
+let gracefulShutdownInitiated = false
+
+process.on('SIGINT', handleSignal)
+process.on('SIGTERM', handleSignal)
+
+function handleSignal() {
+  gracefulShutdownInitiated = true
+  console.warn('graceful shutdown initiated, draining queue')
+}
+
+/**
+ * @param {QueueEntry} entry
+ * @return {Promise<string>}
+ */
+async function processFileWithCleanup(entry) {
+  const {
+    ctx: { projectId },
+    cacheKey,
+  } = entry
+  const filePath = Path.join(BUFFER_DIR, projectId.toString() + cacheKey)
+  try {
+    return await processFile(entry, filePath)
+  } finally {
+    await Promise.all([
+      fs.promises.rm(filePath, { force: true }),
+      fs.promises.rm(filePath + GZ_SUFFIX, { force: true }),
+    ])
+  }
+}
+
+/**
+ * @param {QueueEntry} entry
+ * @param {string} filePath
+ * @return {Promise<string>}
+ */
+async function processFile(entry, filePath) {
+  for (let attempt = 0; attempt < RETRIES; attempt++) {
+    try {
+      return await processFileOnce(entry, filePath)
+    } catch (err) {
+      if (gracefulShutdownInitiated) throw err
+      if (err instanceof NotFoundError) {
+        const { bucketName } = OError.getFullInfo(err)
+        if (bucketName === USER_FILES_BUCKET_NAME && !RETRY_FILESTORE_404) {
+          throw err // disable retries for not found in filestore bucket case
+        }
+      }
+      if (err instanceof NoKEKMatchedError) {
+        throw err // disable retries when upload to S3 will fail again
+      }
+      STATS.filesRetries++
+      const {
+        ctx: { projectId },
+        fileId,
+        hash,
+        path,
+      } = entry
+      logger.warn(
+        { err, projectId, fileId, hash, path, attempt },
+        'failed to process file, trying again'
+      )
+      const jitter = Math.random() * RETRY_DELAY_MS
+      await setTimeout(RETRY_DELAY_MS + jitter)
+    }
+  }
+  return await processFileOnce(entry, filePath)
+}
+
+/**
+ * @param {QueueEntry} entry
+ * @param {string} filePath
+ * @return {Promise<string>}
+ */
+async function processFileOnce(entry, filePath) {
+  const {
+    ctx: { projectId, historyId },
+    fileId,
+  } = entry
+  const blobStore = new BlobStore(historyId)
+  if (entry.blob) {
+    const { blob } = entry
+    const hash = blob.getHash()
+    if (entry.ctx.hasBackedUpBlob(hash)) {
+      STATS.deduplicatedWriteToAWSLocalCount++
+      STATS.deduplicatedWriteToAWSLocalEgress += estimateBlobSize(blob)
+      return hash
+    }
+    entry.ctx.recordPendingBlob(hash)
+    STATS.readFromGCSCount++
+    const src = await blobStore.getStream(hash)
+    const dst = fs.createWriteStream(filePath, {
+      highWaterMark: STREAM_HIGH_WATER_MARK,
+    })
+    try {
+      await Stream.promises.pipeline(src, dst)
+    } finally {
+      STATS.readFromGCSIngress += dst.bytesWritten
+    }
+    await uploadBlobToAWS(entry, blob, filePath)
+    return hash
+  }
+  if (entry.hash && entry.ctx.hasBackedUpBlob(entry.hash)) {
+    STATS.deduplicatedWriteToAWSLocalCount++
+    const blob = entry.ctx.getCachedHistoryBlob(entry.hash)
+    // blob might not exist on re-run with --PROCESS_BLOBS=false
+    if (blob) STATS.deduplicatedWriteToAWSLocalEgress += estimateBlobSize(blob)
+    return entry.hash
+  }
+
+  STATS.readFromGCSCount++
+  const src = await filestorePersistor.getObjectStream(
+    USER_FILES_BUCKET_NAME,
+    `${projectId}/${fileId}`
+  )
+  const dst = fs.createWriteStream(filePath, {
+    highWaterMark: STREAM_HIGH_WATER_MARK,
+  })
+  try {
+    await Stream.promises.pipeline(src, dst)
+  } finally {
+    STATS.readFromGCSIngress += dst.bytesWritten
+  }
+  const blob = await makeBlobForFile(filePath)
+  blob.setStringLength(
+    await getStringLengthOfFile(blob.getByteLength(), filePath)
+  )
+  const hash = blob.getHash()
+  if (entry.hash && hash !== entry.hash) {
+    throw new OError('hash mismatch', { entry, hash })
+  }
+
+  if (GLOBAL_BLOBS.has(hash)) {
+    STATS.globalBlobsCount++
+    STATS.globalBlobsEgress += estimateBlobSize(blob)
+    return hash
+  }
+  if (entry.ctx.hasBackedUpBlob(hash)) {
+    STATS.deduplicatedWriteToAWSLocalCount++
+    STATS.deduplicatedWriteToAWSLocalEgress += estimateBlobSize(blob)
+    return hash
+  }
+  entry.ctx.recordPendingBlob(hash)
+
+  try {
+    await uploadBlobToGCS(blobStore, entry, blob, hash, filePath)
+    await uploadBlobToAWS(entry, blob, filePath)
+  } catch (err) {
+    entry.ctx.recordFailedBlob(hash)
+    throw err
+  }
+  return hash
+}
+
+/**
+ * @param {BlobStore} blobStore
+ * @param {QueueEntry} entry
+ * @param {Blob} blob
+ * @param {string} hash
+ * @param {string} filePath
+ * @return {Promise<void>}
+ */
+async function uploadBlobToGCS(blobStore, entry, blob, hash, filePath) {
+  if (entry.ctx.getCachedHistoryBlob(hash)) {
+    return // fast-path using hint from pre-fetched blobs
+  }
+  if (!PROCESS_BLOBS) {
+    // round trip to postgres/mongo when not pre-fetched
+    const blob = await blobStore.getBlob(hash)
+    if (blob) {
+      entry.ctx.recordHistoryBlob(blob)
+      return
+    }
+  }
+  // blob missing in history-v1, create in GCS and persist in postgres/mongo
+  STATS.writeToGCSCount++
+  STATS.writeToGCSEgress += blob.getByteLength()
+  await blobStore.putBlob(filePath, blob)
+  entry.ctx.recordHistoryBlob(blob)
+}
+
+const GZ_SUFFIX = '.gz'
+
+/**
+ * @param {QueueEntry} entry
+ * @param {Blob} blob
+ * @param {string} filePath
+ * @return {Promise<void>}
+ */
+async function uploadBlobToAWS(entry, blob, filePath) {
+  const { historyId } = entry.ctx
+  let backupSource
+  let contentEncoding
+  const md5 = Crypto.createHash('md5')
+  let size
+  if (blob.getStringLength()) {
+    const filePathCompressed = filePath + GZ_SUFFIX
+    backupSource = filePathCompressed
+    contentEncoding = 'gzip'
+    size = 0
+    await Stream.promises.pipeline(
+      fs.createReadStream(filePath, { highWaterMark: STREAM_HIGH_WATER_MARK }),
+      zLib.createGzip(),
+      async function* (source) {
+        for await (const chunk of source) {
+          size += chunk.byteLength
+          md5.update(chunk)
+          yield chunk
+        }
+      },
+      fs.createWriteStream(filePathCompressed, {
+        highWaterMark: STREAM_HIGH_WATER_MARK,
+      })
+    )
+  } else {
+    backupSource = filePath
+    size = blob.getByteLength()
+    await Stream.promises.pipeline(
+      fs.createReadStream(filePath, { highWaterMark: STREAM_HIGH_WATER_MARK }),
+      md5
+    )
+  }
+  const backendKeyPath = makeProjectKey(historyId, blob.getHash())
+  const persistor = await entry.ctx.getCachedPersistor(backendKeyPath)
+  try {
+    STATS.writeToAWSCount++
+    await persistor.sendStream(
+      projectBlobsBucket,
+      backendKeyPath,
+      fs.createReadStream(backupSource, {
+        highWaterMark: STREAM_HIGH_WATER_MARK,
+      }),
+      {
+        contentEncoding,
+        contentType: 'application/octet-stream',
+        contentLength: size,
+        sourceMd5: md5.digest('hex'),
+        ifNoneMatch: '*', // de-duplicate write (we pay for the request, but avoid egress)
+      }
+    )
+    STATS.writeToAWSEgress += size
+  } catch (err) {
+    if (err instanceof AlreadyWrittenError) {
+      STATS.deduplicatedWriteToAWSRemoteCount++
+      STATS.deduplicatedWriteToAWSRemoteEgress += size
+    } else {
+      STATS.writeToAWSEgress += size
+      throw err
+    }
+  }
+  entry.ctx.recordBackedUpBlob(blob.getHash())
+}
+
+/**
+ * @param {Array<QueueEntry>} files
+ * @return {Promise<void>}
+ */
+async function processFiles(files) {
+  await processConcurrently(
+    files,
+    /**
+     * @param {QueueEntry} entry
+     * @return {Promise<void>}
+     */
+    async function (entry) {
+      if (gracefulShutdownInitiated) return
+      try {
+        await entry.ctx.processFile(entry)
+      } catch (err) {
+        STATS.filesFailed++
+        const {
+          ctx: { projectId },
+          fileId,
+          hash,
+          path,
+        } = entry
+        logger.error(
+          { err, projectId, fileId, hash, path },
+          'failed to process file'
+        )
+      }
+    }
+  )
+}
+
+/** @type {Map<string, Promise>} */
+const deferredBatches = new Map()
+
+async function waitForDeferredQueues() {
+  // Wait for ALL pending batches to finish, especially wait for their mongo
+  // writes to finish to avoid extra work when resuming the batch.
+  const all = await Promise.allSettled(deferredBatches.values())
+  // Now that all batches finished, we can throw if needed.
+  for (const res of all) {
+    if (res.status === 'rejected') {
+      throw res.reason
+    }
+  }
+}
+
+/**
+ * @param {Array<Project>} batch
+ * @param {string} prefix
+ */
+async function queueNextBatch(batch, prefix = 'rootFolder.0') {
+  if (gracefulShutdownInitiated) {
+    throw new Error('graceful shutdown: aborting batch processing')
+  }
+
+  // Read ids now, the batch will get trimmed by processBatch shortly.
+  const start = renderObjectId(batch[0]._id)
+  const end = renderObjectId(batch[batch.length - 1]._id)
+  const deferred = processBatch(batch, prefix)
+    .then(() => {
+      console.error(`Actually completed batch ending ${end}`)
+    })
+    .catch(err => {
+      logger.error({ err, start, end }, 'fatal error processing batch')
+      throw err
+    })
+    .finally(() => {
+      deferredBatches.delete(end)
+    })
+  deferredBatches.set(end, deferred)
+
+  if (deferredBatches.size >= CONCURRENT_BATCHES) {
+    // Wait for any of the deferred batches to finish before fetching the next.
+    // We should never have more than CONCURRENT_BATCHES batches in memory.
+    await Promise.race(deferredBatches.values())
+  }
+}
+
+/**
+ * @param {Array<Project>} batch
+ * @param {string} prefix
+ * @return {Promise<void>}
+ */
+async function processBatch(batch, prefix = 'rootFolder.0') {
+  const [deletedFiles, { nBlobs, blobs }, { nBackedUpBlobs, backedUpBlobs }] =
+    await Promise.all([
+      collectDeletedFiles(batch),
+      collectProjectBlobs(batch),
+      collectBackedUpBlobs(batch),
+    ])
+  const files = Array.from(
+    findFileInBatch(batch, prefix, deletedFiles, blobs, backedUpBlobs)
+  )
+  STATS.projects += batch.length
+  STATS.blobs += nBlobs
+  STATS.backedUpBlobs += nBackedUpBlobs
+
+  // GC
+  batch.length = 0
+  deletedFiles.clear()
+  blobs.clear()
+  backedUpBlobs.clear()
+
+  // The files are currently ordered by project-id.
+  // Order them by file-id ASC then blobs ASC to
+  // - process files before blobs
+  // - avoid head-of-line blocking from many project-files waiting on the generation of the projects DEK (round trip to AWS)
+  // - bonus: increase chance of de-duplicating write to AWS
+  files.sort(
+    /**
+     * @param {QueueEntry} a
+     * @param {QueueEntry} b
+     * @return {number}
+     */
+    function (a, b) {
+      if (a.fileId && b.fileId) return a.fileId > b.fileId ? 1 : -1
+      if (a.hash && b.hash) return a.hash > b.hash ? 1 : -1
+      if (a.fileId) return -1
+      return 1
+    }
+  )
+  await processFiles(files)
+  await processConcurrently(
+    files,
+    /**
+     * @param {QueueEntry} entry
+     * @return {Promise<void>}
+     */
+    async function (entry) {
+      await entry.ctx.flushMongoQueues()
+    }
+  )
+}
+
+/**
+ * @param {Array<{project: Project}>} batch
+ * @return {Promise<void>}
+ */
+async function handleDeletedFileTreeBatch(batch) {
+  await queueNextBatch(
+    batch.map(d => d.project),
+    'project.rootFolder.0'
+  )
+}
+
+/**
+ * @param {QueueEntry} entry
+ * @return {Promise<boolean>}
+ */
+async function tryUpdateFileRefInMongo(entry) {
+  if (entry.path === MONGO_PATH_DELETED_FILE) {
+    return await tryUpdateDeletedFileRefInMongo(entry)
+  } else if (entry.path.startsWith('project.')) {
+    return await tryUpdateFileRefInMongoInDeletedProject(entry)
+  }
+
+  STATS.mongoUpdates++
+  const result = await projectsCollection.updateOne(
+    {
+      _id: entry.ctx.projectId,
+      [`${entry.path}._id`]: new ObjectId(entry.fileId),
+    },
+    {
+      $set: { [`${entry.path}.hash`]: entry.hash },
+    }
+  )
+  return result.matchedCount === 1
+}
+
+/**
+ * @param {QueueEntry} entry
+ * @return {Promise<boolean>}
+ */
+async function tryUpdateDeletedFileRefInMongo(entry) {
+  STATS.mongoUpdates++
+  const result = await deletedFilesCollection.updateOne(
+    {
+      _id: new ObjectId(entry.fileId),
+      projectId: entry.ctx.projectId,
+    },
+    { $set: { hash: entry.hash } }
+  )
+  return result.matchedCount === 1
+}
+
+/**
+ * @param {QueueEntry} entry
+ * @return {Promise<boolean>}
+ */
+async function tryUpdateFileRefInMongoInDeletedProject(entry) {
+  STATS.mongoUpdates++
+  const result = await deletedProjectsCollection.updateOne(
+    {
+      'deleterData.deletedProjectId': entry.ctx.projectId,
+      [`${entry.path}._id`]: new ObjectId(entry.fileId),
+    },
+    {
+      $set: { [`${entry.path}.hash`]: entry.hash },
+    }
+  )
+  return result.matchedCount === 1
+}
+
+const RETRY_UPDATE_HASH = 100
+
+/**
+ * @param {QueueEntry} entry
+ * @return {Promise<void>}
+ */
+async function updateFileRefInMongo(entry) {
+  if (await tryUpdateFileRefInMongo(entry)) return
+
+  const { fileId } = entry
+  const { projectId } = entry.ctx
+  for (let i = 0; i < RETRY_UPDATE_HASH; i++) {
+    let prefix = 'rootFolder.0'
+    let p = await projectsCollection.findOne(
+      { _id: projectId },
+      { projection: { rootFolder: 1 } }
+    )
+    if (!p) {
+      STATS.projectDeleted++
+      prefix = 'project.rootFolder.0'
+      const deletedProject = await deletedProjectsCollection.findOne(
+        {
+          'deleterData.deletedProjectId': projectId,
+          project: { $exists: true },
+        },
+        { projection: { 'project.rootFolder': 1 } }
+      )
+      p = deletedProject?.project
+      if (!p) {
+        STATS.projectHardDeleted++
+        console.warn(
+          'bug: project hard-deleted while processing',
+          projectId,
+          fileId
+        )
+        return
+      }
+    }
+    let found = false
+    for (const e of findFiles(entry.ctx, p.rootFolder[0], prefix)) {
+      found = e.fileId === fileId
+      if (!found) continue
+      if (await tryUpdateFileRefInMongo(e)) return
+      break
+    }
+    if (!found) {
+      if (await tryUpdateDeletedFileRefInMongo(entry)) return
+      STATS.fileHardDeleted++
+      console.warn('bug: file hard-deleted while processing', projectId, fileId)
+      return
+    }
+
+    STATS.fileTreeUpdated++
+  }
+  throw new OError(
+    'file-tree updated repeatedly while trying to add hash',
+    entry
+  )
+}
+
+/**
+ * @param {ProjectContext} ctx
+ * @param {Folder} folder
+ * @param {string} path
+ * @param {boolean} isInputLoop
+ * @return Generator<QueueEntry>
+ */
+function* findFiles(ctx, folder, path, isInputLoop = false) {
+  if (!folder || typeof folder !== 'object') {
+    ctx.fileTreeBroken = true
+    logger.warn({ projectId: ctx.projectId, path }, 'bad file-tree, bad folder')
+    return
+  }
+  if (!Array.isArray(folder.folders)) {
+    folder.folders = []
+    ctx.fileTreeBroken = true
+    logger.warn(
+      { projectId: ctx.projectId, path: `${path}.folders` },
+      'bad file-tree, bad folders'
+    )
+  }
+  let i = 0
+  for (const child of folder.folders) {
+    const idx = i++
+    yield* findFiles(ctx, child, `${path}.folders.${idx}`, isInputLoop)
+  }
+  if (!Array.isArray(folder.fileRefs)) {
+    folder.fileRefs = []
+    ctx.fileTreeBroken = true
+    logger.warn(
+      { projectId: ctx.projectId, path: `${path}.fileRefs` },
+      'bad file-tree, bad fileRefs'
+    )
+  }
+  i = 0
+  for (const fileRef of folder.fileRefs) {
+    const idx = i++
+    const fileRefPath = `${path}.fileRefs.${idx}`
+    if (!fileRef._id || !(fileRef._id instanceof ObjectId)) {
+      ctx.fileTreeBroken = true
+      logger.warn(
+        { projectId: ctx.projectId, path: fileRefPath },
+        'bad file-tree, bad fileRef id'
+      )
+      continue
+    }
+    const fileId = fileRef._id.toString()
+    if (PROCESS_HASHED_FILES && fileRef.hash) {
+      if (ctx.canSkipProcessingHashedFile(fileRef.hash)) continue
+      if (isInputLoop) {
+        ctx.remainingQueueEntries++
+        STATS.filesWithHash++
+      }
+      yield {
+        ctx,
+        cacheKey: fileRef.hash,
+        fileId,
+        path: MONGO_PATH_SKIP_WRITE_HASH_TO_FILE_TREE,
+        hash: fileRef.hash,
+      }
+    }
+    if (!fileRef.hash) {
+      if (isInputLoop) {
+        ctx.remainingQueueEntries++
+        STATS.filesWithoutHash++
+      }
+      yield {
+        ctx,
+        cacheKey: fileId,
+        fileId,
+        path: fileRefPath,
+      }
+    }
+  }
+}
+
+/**
+ * @param {Array<Project>} projects
+ * @param {string} prefix
+ * @param {Map<string,Array<DeletedFileRef>>} deletedFiles
+ * @param {Map<string,Array<Blob>>} blobs
+ * @param {Map<string,Array<string>>} backedUpBlobs
+ * @return Generator<QueueEntry>
+ */
+function* findFileInBatch(
+  projects,
+  prefix,
+  deletedFiles,
+  blobs,
+  backedUpBlobs
+) {
+  for (const project of projects) {
+    const projectIdS = project._id.toString()
+    const historyIdS = project.overleaf.history.id.toString()
+    const projectBlobs = blobs.get(historyIdS) || []
+    const projectBackedUpBlobs = new Set(backedUpBlobs.get(projectIdS) || [])
+    const projectDeletedFiles = deletedFiles.get(projectIdS) || []
+    const ctx = new ProjectContext(
+      project._id,
+      historyIdS,
+      projectBlobs,
+      projectBackedUpBlobs
+    )
+    for (const fileRef of projectDeletedFiles) {
+      const fileId = fileRef._id.toString()
+      if (fileRef.hash) {
+        if (ctx.canSkipProcessingHashedFile(fileRef.hash)) continue
+        ctx.remainingQueueEntries++
+        STATS.filesWithHash++
+        yield {
+          ctx,
+          cacheKey: fileRef.hash,
+          fileId,
+          hash: fileRef.hash,
+          path: MONGO_PATH_SKIP_WRITE_HASH_TO_FILE_TREE,
+        }
+      } else {
+        ctx.remainingQueueEntries++
+        STATS.filesWithoutHash++
+        yield { ctx, cacheKey: fileId, fileId, path: MONGO_PATH_DELETED_FILE }
+      }
+    }
+    for (const blob of projectBlobs) {
+      if (projectBackedUpBlobs.has(blob.getHash())) continue
+      ctx.remainingQueueEntries++
+      yield {
+        ctx,
+        cacheKey: blob.getHash(),
+        path: MONGO_PATH_SKIP_WRITE_HASH_TO_FILE_TREE,
+        blob,
+        hash: blob.getHash(),
+      }
+    }
+    try {
+      yield* findFiles(ctx, project.rootFolder?.[0], prefix, true)
+    } catch (err) {
+      logger.error(
+        { err, projectId: projectIdS },
+        'bad file-tree, processing error'
+      )
+    } finally {
+      if (ctx.fileTreeBroken) STATS.badFileTrees++
+    }
+  }
+}
+
+/**
+ * @param {Array<Project>} batch
+ * @return {Promise<{nBlobs: number, blobs: Map<string, Array<Blob>>}>}
+ */
+async function collectProjectBlobs(batch) {
+  if (!PROCESS_BLOBS) return { nBlobs: 0, blobs: new Map() }
+  return await getProjectBlobsBatch(batch.map(p => p.overleaf.history.id))
+}
+
+/**
+ * @param {Array<Project>} projects
+ * @return {Promise<Map<string, Array<DeletedFileRef>>>}
+ */
+async function collectDeletedFiles(projects) {
+  const deletedFiles = new Map()
+  if (!PROCESS_DELETED_FILES) return deletedFiles
+
+  const cursor = deletedFilesCollection.find(
+    {
+      projectId: { $in: projects.map(p => p._id) },
+      ...(PROCESS_HASHED_FILES
+        ? {}
+        : {
+            hash: { $exists: false },
+          }),
+    },
+    {
+      projection: { _id: 1, projectId: 1, hash: 1 },
+      readPreference: READ_PREFERENCE_SECONDARY,
+      sort: { projectId: 1 },
+    }
+  )
+  for await (const deletedFileRef of cursor) {
+    const projectId = deletedFileRef.projectId.toString()
+    const found = deletedFiles.get(projectId)
+    if (found) {
+      found.push(deletedFileRef)
+    } else {
+      deletedFiles.set(projectId, [deletedFileRef])
+    }
+  }
+  return deletedFiles
+}
+
+/**
+ * @param {Array<Project>} projects
+ * @return {Promise<{nBackedUpBlobs:number,backedUpBlobs:Map<string,Array<string>>}>}
+ */
+async function collectBackedUpBlobs(projects) {
+  let nBackedUpBlobs = 0
+  const backedUpBlobs = new Map()
+  if (!COLLECT_BACKED_UP_BLOBS) return { nBackedUpBlobs, backedUpBlobs }
+
+  const cursor = backedUpBlobsCollection.find(
+    { _id: { $in: projects.map(p => p._id) } },
+    {
+      readPreference: READ_PREFERENCE_SECONDARY,
+      sort: { _id: 1 },
+    }
+  )
+  for await (const record of cursor) {
+    const blobs = record.blobs.map(b => b.toString('hex'))
+    backedUpBlobs.set(record._id.toString(), blobs)
+    nBackedUpBlobs += blobs.length
+  }
+  return { nBackedUpBlobs, backedUpBlobs }
+}
+
+const BATCH_HASH_WRITES = 1_000
+const BATCH_FILE_UPDATES = 100
+
+const MONGO_PATH_DELETED_FILE = 'deleted-file'
+const MONGO_PATH_SKIP_WRITE_HASH_TO_FILE_TREE = 'skip-write-to-file-tree'
+
+class ProjectContext {
+  /** @type {Promise<CachedPerProjectEncryptedS3Persistor> | null} */
+  #cachedPersistorPromise = null
+
+  /** @type {Set<string>} */
+  #backedUpBlobs
+
+  /** @type {Map<string, Blob>} */
+  #historyBlobs
+
+  /** @type {number} */
+  remainingQueueEntries = 0
+
+  /** @type {boolean} */
+  fileTreeBroken = false
+
+  /**
+   * @param {ObjectId} projectId
+   * @param {string} historyId
+   * @param {Array<Blob>} blobs
+   * @param {Set<string>} backedUpBlobs
+   */
+  constructor(projectId, historyId, blobs, backedUpBlobs) {
+    this.projectId = projectId
+    this.historyId = historyId
+    this.#backedUpBlobs = backedUpBlobs
+    this.#historyBlobs = new Map(blobs.map(b => [b.getHash(), b]))
+  }
+
+  /**
+   * @param {string} hash
+   * @return {Blob | undefined}
+   */
+  getCachedHistoryBlob(hash) {
+    return this.#historyBlobs.get(hash)
+  }
+
+  /**
+   * @param {Blob} blob
+   */
+  recordHistoryBlob(blob) {
+    this.#historyBlobs.set(blob.getHash(), blob)
+  }
+
+  /**
+   * @param {string} hash
+   * @return {boolean}
+   */
+  canSkipProcessingHashedFile(hash) {
+    if (this.#historyBlobs.has(hash)) return true // This file will be processed as blob.
+    if (GLOBAL_BLOBS.has(hash)) return true // global blob
+    return false
+  }
+
+  /**
+   * @param {string} key
+   * @return {Promise<CachedPerProjectEncryptedS3Persistor>}
+   */
+  getCachedPersistor(key) {
+    if (!this.#cachedPersistorPromise) {
+      // Fetch DEK once, but only if needed -- upon the first use
+      this.#cachedPersistorPromise = this.#getCachedPersistorWithRetries(key)
+    }
+    return this.#cachedPersistorPromise
+  }
+
+  /**
+   * @param {string} key
+   * @return {Promise<CachedPerProjectEncryptedS3Persistor>}
+   */
+  async #getCachedPersistorWithRetries(key) {
+    // Optimization: Skip GET on DEK in case no blobs are marked as backed up yet.
+    let tryGenerateDEKFirst = this.#backedUpBlobs.size === 0
+    for (let attempt = 0; attempt < RETRIES; attempt++) {
+      try {
+        if (tryGenerateDEKFirst) {
+          try {
+            return await backupPersistor.generateDataEncryptionKey(
+              projectBlobsBucket,
+              key
+            )
+          } catch (err) {
+            if (err instanceof AlreadyWrittenError) {
+              tryGenerateDEKFirst = false
+              // fall back to GET below
+            } else {
+              throw err
+            }
+          }
+        }
+        return await backupPersistor.forProject(projectBlobsBucket, key)
+      } catch (err) {
+        if (gracefulShutdownInitiated) throw err
+        if (err instanceof NoKEKMatchedError) {
+          throw err
+        } else {
+          logger.warn(
+            { err, projectId: this.projectId, attempt },
+            'failed to get DEK, trying again'
+          )
+          const jitter = Math.random() * RETRY_DELAY_MS
+          await setTimeout(RETRY_DELAY_MS + jitter)
+        }
+      }
+    }
+    return await backupPersistor.forProject(projectBlobsBucket, key)
+  }
+
+  async flushMongoQueuesIfNeeded() {
+    if (this.remainingQueueEntries === 0) {
+      await this.flushMongoQueues()
+    }
+
+    if (this.#completedBlobs.size > BATCH_HASH_WRITES) {
+      await this.#storeBackedUpBlobs()
+    }
+    if (this.#pendingFileWrites.length > BATCH_FILE_UPDATES) {
+      await this.#storeFileHashes()
+    }
+  }
+
+  async flushMongoQueues() {
+    await this.#storeBackedUpBlobs()
+    await this.#storeFileHashes()
+  }
+
+  /** @type {Set<string>} */
+  #pendingBlobs = new Set()
+  /** @type {Set<string>} */
+  #completedBlobs = new Set()
+
+  async #storeBackedUpBlobs() {
+    if (this.#completedBlobs.size === 0) return
+    const blobs = Array.from(this.#completedBlobs).map(
+      hash => new Binary(Buffer.from(hash, 'hex'))
+    )
+    this.#completedBlobs.clear()
+    STATS.mongoUpdates++
+    await backedUpBlobsCollection.updateOne(
+      { _id: this.projectId },
+      { $addToSet: { blobs: { $each: blobs } } },
+      { upsert: true }
+    )
+  }
+
+  /**
+   * @param {string} hash
+   */
+  recordPendingBlob(hash) {
+    this.#pendingBlobs.add(hash)
+  }
+
+  /**
+   * @param {string} hash
+   */
+  recordFailedBlob(hash) {
+    this.#pendingBlobs.delete(hash)
+  }
+
+  /**
+   * @param {string} hash
+   */
+  recordBackedUpBlob(hash) {
+    this.#backedUpBlobs.add(hash)
+    this.#completedBlobs.add(hash)
+    this.#pendingBlobs.delete(hash)
+  }
+
+  /**
+   * @param {string} hash
+   * @return {boolean}
+   */
+  hasBackedUpBlob(hash) {
+    return (
+      this.#pendingBlobs.has(hash) ||
+      this.#completedBlobs.has(hash) ||
+      this.#backedUpBlobs.has(hash)
+    )
+  }
+
+  /** @type {Array<QueueEntry>} */
+  #pendingFileWrites = []
+
+  /**
+   * @param {QueueEntry} entry
+   */
+  queueFileForWritingHash(entry) {
+    if (entry.path === MONGO_PATH_SKIP_WRITE_HASH_TO_FILE_TREE) return
+    this.#pendingFileWrites.push(entry)
+  }
+
+  /**
+   * @param {Collection} collection
+   * @param {Array<QueueEntry>} entries
+   * @param {Object} query
+   * @return {Promise<Array<QueueEntry>>}
+   */
+  async #tryBatchHashWrites(collection, entries, query) {
+    if (entries.length === 0) return []
+    const update = {}
+    for (const entry of entries) {
+      query[`${entry.path}._id`] = new ObjectId(entry.fileId)
+      update[`${entry.path}.hash`] = entry.hash
+    }
+    STATS.mongoUpdates++
+    const result = await collection.updateOne(query, { $set: update })
+    if (result.matchedCount === 1) {
+      return [] // all updated
+    }
+    return entries
+  }
+
+  async #storeFileHashes() {
+    if (this.#pendingFileWrites.length === 0) return
+    const individualUpdates = []
+    const projectEntries = []
+    const deletedProjectEntries = []
+    for (const entry of this.#pendingFileWrites) {
+      if (entry.path === MONGO_PATH_DELETED_FILE) {
+        individualUpdates.push(entry)
+      } else if (entry.path.startsWith('project.')) {
+        deletedProjectEntries.push(entry)
+      } else {
+        projectEntries.push(entry)
+      }
+    }
+    this.#pendingFileWrites.length = 0
+
+    // Try to process them together, otherwise fallback to individual updates and retries.
+    individualUpdates.push(
+      ...(await this.#tryBatchHashWrites(projectsCollection, projectEntries, {
+        _id: this.projectId,
+      }))
+    )
+    individualUpdates.push(
+      ...(await this.#tryBatchHashWrites(
+        deletedProjectsCollection,
+        deletedProjectEntries,
+        { 'deleterData.deletedProjectId': this.projectId }
+      ))
+    )
+    for (const entry of individualUpdates) {
+      await updateFileRefInMongo(entry)
+    }
+  }
+
+  /** @type {Map<string, Promise<string>>} */
+  #pendingFiles = new Map()
+
+  /**
+   * @param {QueueEntry} entry
+   */
+  async processFile(entry) {
+    if (this.#pendingFiles.has(entry.cacheKey)) {
+      STATS.filesDuplicated++
+    } else {
+      this.#pendingFiles.set(entry.cacheKey, processFileWithCleanup(entry))
+    }
+    try {
+      entry.hash = await this.#pendingFiles.get(entry.cacheKey)
+    } finally {
+      this.remainingQueueEntries--
+    }
+    this.queueFileForWritingHash(entry)
+    await this.flushMongoQueuesIfNeeded()
+  }
+}
+
+/**
+ * @param {Blob} blob
+ * @return {number}
+ */
+function estimateBlobSize(blob) {
+  let size = blob.getByteLength()
+  if (blob.getStringLength()) {
+    // approximation for gzip (25 bytes gzip overhead and 20% compression ratio)
+    size = 25 + Math.ceil(size * 0.2)
+  }
+  return size
+}
+
+async function processProjectsFromFile() {
+  const rl = readline.createInterface({
+    input: fs.createReadStream(PROJECT_IDS_FROM),
+  })
+  for await (const projectId of rl) {
+    if (!projectId) continue // skip over trailing new line
+    let project = await typedProjectsCollection.findOne(
+      { _id: new ObjectId(projectId) },
+      { projection: { rootFolder: 1, _id: 1, 'overleaf.history.id': 1 } }
+    )
+    let prefix = 'rootFolder.0'
+    if (!project) {
+      const deletedProject = await typedDeletedProjectsCollection.findOne(
+        { 'deleterData.deletedProjectId': new ObjectId(projectId) },
+        {
+          projection: {
+            'project.rootFolder': 1,
+            'project._id': 1,
+            'project.overleaf.history.id': 1,
+          },
+        }
+      )
+      if (!deletedProject?.project) {
+        logger.warn({ projectId }, 'project hard-deleted')
+        continue
+      }
+      project = deletedProject.project
+      prefix = 'project.rootFolder.0'
+    }
+    if (!project?.overleaf?.history?.id) {
+      logger.warn({ projectId }, 'project has no history id')
+      continue
+    }
+    try {
+      await queueNextBatch([project], prefix)
+    } catch (err) {
+      gracefulShutdownInitiated = true
+      await waitForDeferredQueues()
+      throw err
+    }
+  }
+  await waitForDeferredQueues()
+  console.warn('Done updating projects from input file')
+}
+
+async function processNonDeletedProjects() {
+  try {
+    await batchedUpdate(
+      projectsCollection,
+      { 'overleaf.history.id': { $exists: true } },
+      queueNextBatch,
+      { rootFolder: 1, _id: 1, 'overleaf.history.id': 1 },
+      {},
+      {
+        BATCH_RANGE_START,
+        BATCH_RANGE_END,
+      }
+    )
+  } catch (err) {
+    gracefulShutdownInitiated = true
+    throw err
+  } finally {
+    await waitForDeferredQueues()
+  }
+  console.warn('Done updating live projects')
+}
+
+async function processDeletedProjects() {
+  try {
+    await batchedUpdate(
+      deletedProjectsCollection,
+      {
+        'deleterData.deletedProjectId': {
+          $gt: new ObjectId(BATCH_RANGE_START),
+          $lte: new ObjectId(BATCH_RANGE_END),
+        },
+        'project.overleaf.history.id': { $exists: true },
+      },
+      handleDeletedFileTreeBatch,
+      {
+        'project.rootFolder': 1,
+        'project._id': 1,
+        'project.overleaf.history.id': 1,
+      }
+    )
+  } catch (err) {
+    gracefulShutdownInitiated = true
+    throw err
+  } finally {
+    await waitForDeferredQueues()
+  }
+  console.warn('Done updating deleted projects')
+}
+
+async function main() {
+  await loadGlobalBlobs()
+  if (PROJECT_IDS_FROM) {
+    await processProjectsFromFile()
+  } else {
+    if (PROCESS_NON_DELETED_PROJECTS) {
+      await processNonDeletedProjects()
+    }
+    if (PROCESS_DELETED_PROJECTS) {
+      await processDeletedProjects()
+    }
+  }
+  console.warn('Done.')
+}
+
+try {
+  try {
+    await main()
+  } finally {
+    printStats(true)
+    try {
+      // Perform non-recursive removal of the BUFFER_DIR. Individual files
+      // should get removed in parallel as part of batch processing.
+      await fs.promises.rmdir(BUFFER_DIR)
+    } catch (err) {
+      console.error(`cleanup of BUFFER_DIR=${BUFFER_DIR} failed`, err)
+    }
+  }
+
+  let code = 0
+  if (STATS.filesFailed > 0) {
+    console.warn('Some files could not be processed, see logs and try again')
+    code++
+  }
+  if (STATS.fileHardDeleted > 0) {
+    console.warn(
+      'Some hashes could not be updated as the files were hard-deleted, this should not happen'
+    )
+    code++
+  }
+  if (STATS.projectHardDeleted > 0) {
+    console.warn(
+      'Some hashes could not be updated as the project was hard-deleted, this should not happen'
+    )
+    code++
+  }
+  await setTimeout(SLEEP_BEFORE_EXIT)
+  process.exit(code)
+} catch (err) {
+  console.error(err)
+  await setTimeout(SLEEP_BEFORE_EXIT)
+  process.exit(1)
+}
diff --git a/services/history-v1/storage/scripts/back_fill_file_hash_fix_up.mjs b/services/history-v1/storage/scripts/back_fill_file_hash_fix_up.mjs
new file mode 100644
index 0000000..7bab794
--- /dev/null
+++ b/services/history-v1/storage/scripts/back_fill_file_hash_fix_up.mjs
@@ -0,0 +1,647 @@
+// @ts-check
+import Events from 'node:events'
+import fs from 'node:fs'
+import Stream from 'node:stream'
+import { ObjectId } from 'mongodb'
+import logger from '@overleaf/logger'
+import OError from '@overleaf/o-error'
+import { Blob } from 'overleaf-editor-core'
+import {
+  BlobStore,
+  getStringLengthOfFile,
+  GLOBAL_BLOBS,
+  makeBlobForFile,
+} from '../lib/blob_store/index.js'
+import { db } from '../lib/mongodb.js'
+import commandLineArgs from 'command-line-args'
+import readline from 'node:readline'
+import { _blobIsBackedUp, backupBlob } from '../lib/backupBlob.mjs'
+import { NotFoundError } from '@overleaf/object-persistor/src/Errors.js'
+import filestorePersistor from '../lib/persistor.js'
+import { setTimeout } from 'node:timers/promises'
+
+// Silence warning.
+Events.setMaxListeners(20)
+
+// Enable caching for ObjectId.toString()
+ObjectId.cacheHexString = true
+
+/**
+ * @typedef {import("mongodb").Collection} Collection
+ * @typedef {import("mongodb").Collection<Project>} ProjectsCollection
+ * @typedef {import("mongodb").Collection<{project: Project}>} DeletedProjectsCollection
+ */
+
+/**
+ * @typedef {Object} FileRef
+ * @property {ObjectId} _id
+ * @property {string} hash
+ */
+
+/**
+ * @typedef {Object} Folder
+ * @property {Array<Folder>} folders
+ * @property {Array<FileRef>} fileRefs
+ */
+
+/**
+ * @typedef {Object} Project
+ * @property {ObjectId} _id
+ * @property {Array<Folder>} rootFolder
+ * @property {{history: {id: (number|string)}}} overleaf
+ */
+
+/**
+ * @return {{FIX_NOT_FOUND: boolean, FIX_HASH_MISMATCH: boolean, FIX_DELETE_PERMISSION: boolean, FIX_MISSING_HASH: boolean, LOGS: string}}
+ */
+function parseArgs() {
+  const args = commandLineArgs([
+    { name: 'fixNotFound', type: String, defaultValue: 'true' },
+    { name: 'fixDeletePermission', type: String, defaultValue: 'true' },
+    { name: 'fixHashMismatch', type: String, defaultValue: 'true' },
+    { name: 'fixMissingHash', type: String, defaultValue: 'true' },
+    { name: 'logs', type: String, defaultValue: '' },
+  ])
+  /**
+   * commandLineArgs cannot handle --foo=false, so go the long way
+   * @param {string} name
+   * @return {boolean}
+   */
+  function boolVal(name) {
+    const v = args[name]
+    if (['true', 'false'].includes(v)) return v === 'true'
+    throw new Error(`expected "true" or "false" for boolean option ${name}`)
+  }
+  return {
+    FIX_HASH_MISMATCH: boolVal('fixNotFound'),
+    FIX_DELETE_PERMISSION: boolVal('fixDeletePermission'),
+    FIX_NOT_FOUND: boolVal('fixHashMismatch'),
+    FIX_MISSING_HASH: boolVal('fixMissingHash'),
+    LOGS: args.logs,
+  }
+}
+
+const {
+  FIX_HASH_MISMATCH,
+  FIX_DELETE_PERMISSION,
+  FIX_NOT_FOUND,
+  FIX_MISSING_HASH,
+  LOGS,
+} = parseArgs()
+if (!LOGS) {
+  throw new Error('--logs parameter missing')
+}
+const BUFFER_DIR = fs.mkdtempSync(
+  process.env.BUFFER_DIR_PREFIX || '/tmp/back_fill_file_hash-'
+)
+const USER_FILES_BUCKET_NAME = process.env.USER_FILES_BUCKET_NAME || ''
+if (!USER_FILES_BUCKET_NAME) {
+  throw new Error('env var USER_FILES_BUCKET_NAME is missing')
+}
+// https://nodejs.org/api/stream.html#streamgetdefaulthighwatermarkobjectmode
+const STREAM_HIGH_WATER_MARK = parseInt(
+  process.env.STREAM_HIGH_WATER_MARK || (64 * 1024).toString(),
+  10
+)
+const SLEEP_BEFORE_EXIT = parseInt(process.env.SLEEP_BEFORE_EXIT || '1000', 10)
+
+/** @type {ProjectsCollection} */
+const projectsCollection = db.collection('projects')
+/** @type {DeletedProjectsCollection} */
+const deletedProjectsCollection = db.collection('deletedProjects')
+
+let gracefulShutdownInitiated = false
+
+process.on('SIGINT', handleSignal)
+process.on('SIGTERM', handleSignal)
+
+function handleSignal() {
+  gracefulShutdownInitiated = true
+  console.warn('graceful shutdown initiated, draining queue')
+}
+
+class FileDeletedError extends OError {}
+
+/** @type {Map<string,{project: Project, projectSoftDeleted: boolean}>} */
+const PROJECT_CACHE = new Map()
+
+/**
+ * @param {string} projectId
+ * @return {Promise<{project: Project, projectSoftDeleted: boolean}>}
+ */
+async function getProject(projectId) {
+  const cached = PROJECT_CACHE.get(projectId)
+  if (cached) return cached
+
+  let projectSoftDeleted
+  let project = await projectsCollection.findOne({
+    _id: new ObjectId(projectId),
+  })
+  if (project) {
+    projectSoftDeleted = false
+  } else {
+    const softDeleted = await deletedProjectsCollection.findOne({
+      'deleterData.deletedProjectId': new ObjectId(projectId),
+      project: { $exists: true },
+    })
+    if (!softDeleted) {
+      throw new OError('project hard-deleted')
+    }
+    project = softDeleted.project
+    projectSoftDeleted = true
+  }
+  PROJECT_CACHE.set(projectId, { projectSoftDeleted, project })
+  return { projectSoftDeleted, project }
+}
+
+/**
+ * @param {Folder} folder
+ * @param {string} fileId
+ * @return {{path: string, fileRef: FileRef, folder: Folder}|null}
+ */
+function getFileTreePath(folder, fileId) {
+  if (!folder) return null
+  let idx = 0
+  if (Array.isArray(folder.fileRefs)) {
+    for (const fileRef of folder.fileRefs) {
+      if (fileRef?._id.toString() === fileId) {
+        return {
+          fileRef,
+          path: `.fileRefs.${idx}`,
+          folder,
+        }
+      }
+      idx++
+    }
+  }
+  idx = 0
+  if (Array.isArray(folder.folders)) {
+    for (const child of folder.folders) {
+      const match = getFileTreePath(child, fileId)
+      if (match) {
+        return {
+          fileRef: match.fileRef,
+          folder: match.folder,
+          path: `.folders.${idx}${match.path}`,
+        }
+      }
+      idx++
+    }
+  }
+  return null
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} fileId
+ * @return {Promise<{fileRef: FileRef, folder: Folder, fullPath: string, query: Object, projectSoftDeleted: boolean}>}
+ */
+async function findFile(projectId, fileId) {
+  const { projectSoftDeleted, project } = await getProject(projectId)
+  const match = getFileTreePath(project.rootFolder[0], fileId)
+  if (!match) {
+    throw new FileDeletedError('file not found in file-tree', {
+      projectSoftDeleted,
+    })
+  }
+  const { path, fileRef, folder } = match
+  let fullPath
+  let query
+  if (projectSoftDeleted) {
+    fullPath = `project.rootFolder.0${path}`
+    query = {
+      'deleterData.deletedProjectId': new ObjectId(projectId),
+      [`${fullPath}._id`]: new ObjectId(fileId),
+    }
+  } else {
+    fullPath = `rootFolder.0${path}`
+    query = {
+      _id: new ObjectId(projectId),
+      [`${fullPath}._id`]: new ObjectId(fileId),
+    }
+  }
+  return {
+    projectSoftDeleted,
+    query,
+    fullPath,
+    fileRef,
+    folder,
+  }
+}
+
+/**
+ * @param {string} line
+ * @return {Promise<boolean>}
+ */
+async function fixNotFound(line) {
+  const { projectId, fileId, bucketName } = JSON.parse(line)
+  if (bucketName !== USER_FILES_BUCKET_NAME) {
+    throw new OError('not found case for another bucket')
+  }
+
+  const { projectSoftDeleted, query, fullPath, fileRef, folder } =
+    await findFile(projectId, fileId)
+  logger.info({ projectId, fileId, fileRef }, 'removing fileRef')
+  // Copied from _removeElementFromMongoArray (https://github.com/overleaf/internal/blob/11e09528c153de6b7766d18c3c90d94962190371/services/web/app/src/Features/Project/ProjectEntityMongoUpdateHandler.js)
+  const nonArrayPath = fullPath.slice(0, fullPath.lastIndexOf('.'))
+  let result
+  if (projectSoftDeleted) {
+    result = await deletedProjectsCollection.updateOne(query, {
+      $pull: { [nonArrayPath]: { _id: new ObjectId(fileId) } },
+      $inc: { 'project.version': 1 },
+    })
+  } else {
+    result = await projectsCollection.updateOne(query, {
+      $pull: { [nonArrayPath]: { _id: new ObjectId(fileId) } },
+      $inc: { version: 1 },
+    })
+  }
+  if (result.matchedCount !== 1) {
+    throw new OError('file-tree write did not match', { result })
+  }
+  // Update the cache. The mongo-path of the next file will be off otherwise.
+  folder.fileRefs = folder.fileRefs.filter(f => !f._id.equals(fileId))
+  return true
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} fileId
+ * @param {string} hash
+ * @return {Promise<void>}
+ */
+async function setHashInMongo(projectId, fileId, hash) {
+  const { projectSoftDeleted, query, fullPath, fileRef } = await findFile(
+    projectId,
+    fileId
+  )
+  if (fileRef.hash === hash) return
+  logger.info({ projectId, fileId, fileRef, hash }, 'setting fileRef hash')
+  let result
+  if (projectSoftDeleted) {
+    result = await deletedProjectsCollection.updateOne(query, {
+      $set: { [`${fullPath}.hash`]: hash },
+      $inc: { 'project.version': 1 },
+    })
+  } else {
+    result = await projectsCollection.updateOne(query, {
+      $set: { [`${fullPath}.hash`]: hash },
+      $inc: { version: 1 },
+    })
+  }
+  if (result.matchedCount !== 1) {
+    throw new OError('file-tree write did not match', { result })
+  }
+  fileRef.hash = hash // Update cache for completeness.
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} fileId
+ * @param {string} historyId
+ * @return {Promise<void>}
+ */
+async function importRestoredFilestoreFile(projectId, fileId, historyId) {
+  const filestoreKey = `${projectId}/${fileId}`
+  const path = `${BUFFER_DIR}/${projectId}_${fileId}`
+  try {
+    let s
+    try {
+      s = await filestorePersistor.getObjectStream(
+        USER_FILES_BUCKET_NAME,
+        filestoreKey
+      )
+    } catch (err) {
+      if (err instanceof NotFoundError) {
+        throw new OError('missing blob, need to restore filestore file', {
+          filestoreKey,
+        })
+      }
+      throw err
+    }
+    await Stream.promises.pipeline(
+      s,
+      fs.createWriteStream(path, { highWaterMark: STREAM_HIGH_WATER_MARK })
+    )
+    const blobStore = new BlobStore(historyId)
+    const blob = await blobStore.putFile(path)
+    await backupBlob(historyId, blob, path)
+    await setHashInMongo(projectId, fileId, blob.getHash())
+  } finally {
+    await fs.promises.rm(path, { force: true })
+  }
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} fileId
+ * @param {string} path
+ * @return {Promise<Blob>}
+ */
+async function bufferFilestoreFileToDisk(projectId, fileId, path) {
+  const filestoreKey = `${projectId}/${fileId}`
+  try {
+    await Stream.promises.pipeline(
+      await filestorePersistor.getObjectStream(
+        USER_FILES_BUCKET_NAME,
+        filestoreKey
+      ),
+      fs.createWriteStream(path, { highWaterMark: STREAM_HIGH_WATER_MARK })
+    )
+    const blob = await makeBlobForFile(path)
+    blob.setStringLength(
+      await getStringLengthOfFile(blob.getByteLength(), path)
+    )
+    return blob
+  } catch (err) {
+    if (err instanceof NotFoundError) {
+      throw new OError('missing blob, need to restore filestore file', {
+        filestoreKey,
+      })
+    }
+    throw err
+  }
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} fileId
+ * @return {Promise<string>}
+ */
+async function computeFilestoreFileHash(projectId, fileId) {
+  const path = `${BUFFER_DIR}/${projectId}_${fileId}`
+  try {
+    const blob = await bufferFilestoreFileToDisk(projectId, fileId, path)
+    return blob.getHash()
+  } finally {
+    await fs.promises.rm(path, { force: true })
+  }
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} fileId
+ * @return {Promise<void>}
+ */
+async function uploadFilestoreFile(projectId, fileId) {
+  const path = `${BUFFER_DIR}/${projectId}_${fileId}`
+  try {
+    const blob = await bufferFilestoreFileToDisk(projectId, fileId, path)
+    const hash = blob.getHash()
+    try {
+      await ensureBlobExistsForFileAndUploadToAWS(projectId, fileId, hash)
+    } catch (err) {
+      if (!(err instanceof Blob.NotFoundError)) throw err
+
+      const { project } = await getProject(projectId)
+      const historyId = project.overleaf.history.id.toString()
+      const blobStore = new BlobStore(historyId)
+      await blobStore.putBlob(path, blob)
+      await ensureBlobExistsForFileAndUploadToAWS(projectId, fileId, hash)
+    }
+  } finally {
+    await fs.promises.rm(path, { force: true })
+  }
+}
+
+/**
+ * @param {string} line
+ * @return {Promise<boolean>}
+ */
+async function fixHashMismatch(line) {
+  const {
+    projectId,
+    fileId,
+    hash: computedHash,
+    entry: {
+      hash: fileTreeHash,
+      ctx: { historyId },
+    },
+  } = JSON.parse(line)
+  const blobStore = new BlobStore(historyId)
+  if (await blobStore.getBlob(fileTreeHash)) {
+    throw new OError('found blob with computed filestore object hash')
+  }
+  if (!(await blobStore.getBlob(computedHash))) {
+    await importRestoredFilestoreFile(projectId, fileId, historyId)
+    return true
+  }
+  return await ensureBlobExistsForFileAndUploadToAWS(
+    projectId,
+    fileId,
+    computedHash
+  )
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} fileId
+ * @param {string} hash
+ * @return {Promise<boolean>}
+ */
+async function hashAlreadyUpdatedInFileTree(projectId, fileId, hash) {
+  const { fileRef } = await findFile(projectId, fileId)
+  return fileRef.hash === hash
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} hash
+ * @return {Promise<boolean>}
+ */
+async function needsBackingUpToAWS(projectId, hash) {
+  if (GLOBAL_BLOBS.has(hash)) return false
+  return !(await _blobIsBackedUp(projectId, hash))
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} fileId
+ * @param {string} hash
+ * @return {Promise<boolean>}
+ */
+async function ensureBlobExistsForFileAndUploadToAWS(projectId, fileId, hash) {
+  const { project } = await getProject(projectId)
+  const historyId = project.overleaf.history.id.toString()
+  const blobStore = new BlobStore(historyId)
+  if (
+    (await hashAlreadyUpdatedInFileTree(projectId, fileId, hash)) &&
+    (await blobStore.getBlob(hash)) &&
+    !(await needsBackingUpToAWS(projectId, hash))
+  ) {
+    return false // already processed
+  }
+
+  const stream = await blobStore.getStream(hash)
+  const path = `${BUFFER_DIR}/${historyId}_${hash}`
+  try {
+    await Stream.promises.pipeline(
+      stream,
+      fs.createWriteStream(path, {
+        highWaterMark: STREAM_HIGH_WATER_MARK,
+      })
+    )
+
+    const writtenBlob = await makeBlobForFile(path)
+    writtenBlob.setStringLength(
+      await getStringLengthOfFile(writtenBlob.getByteLength(), path)
+    )
+    if (writtenBlob.getHash() !== hash) {
+      // Double check download, better safe than sorry.
+      throw new OError('blob corrupted', { writtenBlob })
+    }
+
+    let blob = await blobStore.getBlob(hash)
+    if (!blob) {
+      // Calling blobStore.putBlob would result in the same error again.
+      // HACK: Skip upload to GCS and finalize putBlob operation directly.
+      await blobStore.backend.insertBlob(historyId, writtenBlob)
+    }
+    await backupBlob(historyId, writtenBlob, path)
+  } finally {
+    await fs.promises.rm(path, { force: true })
+  }
+  await setHashInMongo(projectId, fileId, hash)
+  return true
+}
+
+/**
+ * @param {string} line
+ * @return {Promise<boolean>}
+ */
+async function fixDeletePermission(line) {
+  let { projectId, fileId, hash } = JSON.parse(line)
+  if (!hash) hash = await computeFilestoreFileHash(projectId, fileId)
+  return await ensureBlobExistsForFileAndUploadToAWS(projectId, fileId, hash)
+}
+
+/**
+ * @param {string} line
+ * @return {Promise<boolean>}
+ */
+async function fixMissingHash(line) {
+  let { projectId, _id: fileId } = JSON.parse(line)
+  const {
+    fileRef: { hash },
+  } = await findFile(projectId, fileId)
+  if (hash) {
+    // processed, double check
+    return await ensureBlobExistsForFileAndUploadToAWS(projectId, fileId, hash)
+  }
+  await uploadFilestoreFile(projectId, fileId)
+  return true
+}
+
+const CASES = {
+  'not found': {
+    match: 'NotFoundError',
+    flag: FIX_NOT_FOUND,
+    action: fixNotFound,
+  },
+  'hash mismatch': {
+    match: 'OError: hash mismatch',
+    flag: FIX_HASH_MISMATCH,
+    action: fixHashMismatch,
+  },
+  'delete permission': {
+    match: 'storage.objects.delete',
+    flag: FIX_DELETE_PERMISSION,
+    action: fixDeletePermission,
+  },
+  'missing file hash': {
+    match: '"bad file hash"',
+    flag: FIX_MISSING_HASH,
+    action: fixMissingHash,
+  },
+}
+
+const STATS = {
+  processedLines: 0,
+  success: 0,
+  alreadyProcessed: 0,
+  fileDeleted: 0,
+  skipped: 0,
+  failed: 0,
+  unmatched: 0,
+}
+function logStats() {
+  console.log(
+    JSON.stringify({
+      time: new Date(),
+      gracefulShutdownInitiated,
+      ...STATS,
+    })
+  )
+}
+setInterval(logStats, 10_000)
+
+async function processLog() {
+  const rl = readline.createInterface({
+    input: fs.createReadStream(LOGS),
+  })
+  nextLine: for await (const line of rl) {
+    if (gracefulShutdownInitiated) break
+    STATS.processedLines++
+    if (
+      !(
+        line.includes('"failed to process file"') ||
+        // Process missing hashes as flagged by find_malformed_filetrees.mjs
+        line.includes('"bad file-tree path"')
+      )
+    ) {
+      continue
+    }
+
+    for (const [name, { match, flag, action }] of Object.entries(CASES)) {
+      if (!line.includes(match)) continue
+      if (flag) {
+        try {
+          if (await action(line)) {
+            STATS.success++
+          } else {
+            STATS.alreadyProcessed++
+          }
+        } catch (err) {
+          if (err instanceof FileDeletedError) {
+            STATS.fileDeleted++
+            logger.info({ err, line }, 'file deleted, skipping')
+          } else {
+            STATS.failed++
+            logger.error({ err, line }, `failed to fix ${name}`)
+          }
+        }
+      } else {
+        STATS.skipped++
+      }
+      continue nextLine
+    }
+    STATS.unmatched++
+    logger.warn({ line }, 'unknown fatal error')
+  }
+}
+
+async function main() {
+  try {
+    await processLog()
+  } finally {
+    logStats()
+    try {
+      await fs.promises.rm(BUFFER_DIR, { recursive: true, force: true })
+    } catch (err) {
+      console.error(`Cleanup of BUFFER_DIR=${BUFFER_DIR} failed`, err)
+    }
+  }
+  const { skipped, failed, unmatched } = STATS
+  await setTimeout(SLEEP_BEFORE_EXIT)
+  if (failed > 0) {
+    process.exit(Math.min(failed, 99))
+  } else if (unmatched > 0) {
+    process.exit(100)
+  } else if (skipped > 0) {
+    process.exit(101)
+  } else {
+    process.exit(0)
+  }
+}
+
+await main()
diff --git a/services/history-v1/storage/scripts/backup.mjs b/services/history-v1/storage/scripts/backup.mjs
new file mode 100644
index 0000000..9ae6101
--- /dev/null
+++ b/services/history-v1/storage/scripts/backup.mjs
@@ -0,0 +1,1104 @@
+// @ts-check
+
+import logger from '@overleaf/logger'
+import commandLineArgs from 'command-line-args'
+import { Chunk, History, Snapshot } from 'overleaf-editor-core'
+import {
+  getProjectChunks,
+  loadLatestRaw,
+  create,
+} from '../lib/chunk_store/index.js'
+import { client } from '../lib/mongodb.js'
+import redis from '../lib/redis.js'
+import knex from '../lib/knex.js'
+import { historyStore } from '../lib/history_store.js'
+import pLimit from 'p-limit'
+import {
+  GLOBAL_BLOBS,
+  loadGlobalBlobs,
+  makeProjectKey,
+  BlobStore,
+} from '../lib/blob_store/index.js'
+import {
+  listPendingBackups,
+  getBackupStatus,
+  setBackupVersion,
+  updateCurrentMetadataIfNotSet,
+  updatePendingChangeTimestamp,
+  getBackedUpBlobHashes,
+  unsetBackedUpBlobHashes,
+} from '../lib/backup_store/index.js'
+import { backupBlob, downloadBlobToDir } from '../lib/backupBlob.mjs'
+import {
+  backupPersistor,
+  chunksBucket,
+  projectBlobsBucket,
+} from '../lib/backupPersistor.mjs'
+import { backupGenerator } from '../lib/backupGenerator.mjs'
+import { promises as fs, createWriteStream } from 'node:fs'
+import os from 'node:os'
+import path from 'node:path'
+import projectKey from '../lib/project_key.js'
+import Crypto from 'node:crypto'
+import Stream from 'node:stream'
+import { EventEmitter } from 'node:events'
+import {
+  objectIdFromInput,
+  batchedUpdate,
+  READ_PREFERENCE_SECONDARY,
+} from '@overleaf/mongo-utils/batchedUpdate.js'
+import { createGunzip } from 'node:zlib'
+import { text } from 'node:stream/consumers'
+import { fromStream as blobHashFromStream } from '../lib/blob_hash.js'
+import { NotFoundError } from '@overleaf/object-persistor/src/Errors.js'
+
+// Create a singleton promise that loads global blobs once
+let globalBlobsPromise = null
+function ensureGlobalBlobsLoaded() {
+  if (!globalBlobsPromise) {
+    globalBlobsPromise = loadGlobalBlobs()
+  }
+  return globalBlobsPromise
+}
+
+EventEmitter.defaultMaxListeners = 20
+
+logger.initialize('history-v1-backup')
+
+// Settings shared between command-line and module usage
+let DRY_RUN = false
+let RETRY_LIMIT = 3
+const RETRY_DELAY = 1000
+let CONCURRENCY = 4
+let BATCH_CONCURRENCY = 1
+let BLOB_LIMITER = pLimit(CONCURRENCY)
+let USE_SECONDARY = false
+
+/**
+ * Configure backup settings
+ * @param {Object} options Backup configuration options
+ */
+export function configureBackup(options = {}) {
+  DRY_RUN = options.dryRun || false
+  RETRY_LIMIT = options.retries || 3
+  CONCURRENCY = options.concurrency || 1
+  BATCH_CONCURRENCY = options.batchConcurrency || 1
+  BLOB_LIMITER = pLimit(CONCURRENCY)
+  USE_SECONDARY = options.useSecondary || false
+}
+
+let gracefulShutdownInitiated = false
+
+process.on('SIGINT', handleSignal)
+process.on('SIGTERM', handleSignal)
+
+function handleSignal() {
+  gracefulShutdownInitiated = true
+  logger.info({}, 'graceful shutdown initiated, draining queue')
+}
+
+async function retry(fn, times, delayMs) {
+  let attempts = times
+  while (attempts > 0) {
+    try {
+      const result = await fn()
+      return result
+    } catch (err) {
+      attempts--
+      if (attempts === 0) throw err
+      await new Promise(resolve => setTimeout(resolve, delayMs))
+    }
+  }
+}
+
+function wrapWithRetry(fn, retries, delayMs) {
+  return async (...args) => {
+    const result = await retry(() => fn(...args), retries, delayMs)
+    return result
+  }
+}
+
+const downloadWithRetry = wrapWithRetry(
+  downloadBlobToDir,
+  RETRY_LIMIT,
+  RETRY_DELAY
+)
+// FIXME: this creates a new backupPersistor for each blob
+// so there is no caching of the DEK
+const backupWithRetry = wrapWithRetry(backupBlob, RETRY_LIMIT, RETRY_DELAY)
+
+async function findNewBlobs(projectId, blobs) {
+  const newBlobs = []
+  const existingBackedUpBlobHashes = await getBackedUpBlobHashes(projectId)
+  for (const blob of blobs) {
+    const hash = blob.getHash()
+    if (existingBackedUpBlobHashes.has(blob.getHash())) {
+      logger.debug({ projectId, hash }, 'Blob is already backed up, skipping')
+      continue
+    }
+    const globalBlob = GLOBAL_BLOBS.get(hash)
+    if (globalBlob && !globalBlob.demoted) {
+      logger.debug(
+        { projectId, hash },
+        'Blob is a global blob and not demoted, skipping'
+      )
+      continue
+    }
+    newBlobs.push(blob)
+  }
+  return newBlobs
+}
+
+async function cleanBackedUpBlobs(projectId, blobs) {
+  const hashes = blobs.map(blob => blob.getHash())
+  if (DRY_RUN) {
+    console.log(
+      'Would remove blobs',
+      hashes.join(' '),
+      'from project',
+      projectId
+    )
+    return
+  }
+  await unsetBackedUpBlobHashes(projectId, hashes)
+}
+
+async function backupSingleBlob(projectId, historyId, blob, tmpDir, persistor) {
+  if (DRY_RUN) {
+    console.log(
+      'Would back up blob',
+      JSON.stringify(blob),
+      'in history',
+      historyId,
+      'for project',
+      projectId
+    )
+    return
+  }
+  logger.debug({ blob, historyId }, 'backing up blob')
+  const blobPath = await downloadWithRetry(historyId, blob, tmpDir)
+  await backupWithRetry(historyId, blob, blobPath, persistor)
+}
+
+async function backupBlobs(projectId, historyId, blobs, limiter, persistor) {
+  let tmpDir
+  try {
+    tmpDir = await fs.mkdtemp(path.join(os.tmpdir(), 'blob-backup-'))
+
+    const blobBackupOperations = blobs.map(blob =>
+      limiter(backupSingleBlob, projectId, historyId, blob, tmpDir, persistor)
+    )
+
+    // Reject if any blob backup fails
+    await Promise.all(blobBackupOperations)
+  } finally {
+    if (tmpDir) {
+      await fs.rm(tmpDir, { recursive: true, force: true })
+    }
+  }
+}
+
+async function backupChunk(
+  projectId,
+  historyId,
+  chunkBackupPersistorForProject,
+  chunkToBackup,
+  chunkRecord,
+  chunkBuffer
+) {
+  if (DRY_RUN) {
+    console.log(
+      'Would back up chunk',
+      JSON.stringify(chunkRecord),
+      'in history',
+      historyId,
+      'for project',
+      projectId,
+      'key',
+      makeChunkKey(historyId, chunkToBackup.startVersion)
+    )
+    return
+  }
+  const key = makeChunkKey(historyId, chunkToBackup.startVersion)
+  logger.debug({ chunkRecord, historyId, projectId, key }, 'backing up chunk')
+  const md5 = Crypto.createHash('md5').update(chunkBuffer)
+  await chunkBackupPersistorForProject.sendStream(
+    chunksBucket,
+    makeChunkKey(historyId, chunkToBackup.startVersion),
+    Stream.Readable.from([chunkBuffer]),
+    {
+      contentType: 'application/json',
+      contentEncoding: 'gzip',
+      contentLength: chunkBuffer.byteLength,
+      sourceMd5: md5.digest('hex'),
+    }
+  )
+}
+
+async function updateBackupStatus(
+  projectId,
+  lastBackedUpVersion,
+  chunkRecord,
+  startOfBackupTime
+) {
+  if (DRY_RUN) {
+    console.log(
+      'Would set backup version to',
+      chunkRecord.endVersion,
+      'with lastBackedUpTimestamp',
+      startOfBackupTime
+    )
+    return
+  }
+  logger.debug(
+    { projectId, chunkRecord, startOfBackupTime },
+    'setting backupVersion and lastBackedUpTimestamp'
+  )
+  await setBackupVersion(
+    projectId,
+    lastBackedUpVersion,
+    chunkRecord.endVersion,
+    startOfBackupTime
+  )
+}
+
+// Define command-line options
+const optionDefinitions = [
+  {
+    name: 'projectId',
+    alias: 'p',
+    type: String,
+    description: 'The ID of the project to backup',
+    defaultOption: true,
+  },
+  {
+    name: 'help',
+    alias: 'h',
+    type: Boolean,
+    description: 'Display this usage guide.',
+  },
+  {
+    name: 'status',
+    alias: 's',
+    type: Boolean,
+    description: 'Display project status.',
+  },
+  {
+    name: 'list',
+    alias: 'l',
+    type: Boolean,
+    description: 'List projects that need to be backed up',
+  },
+  {
+    name: 'dry-run',
+    alias: 'n',
+    type: Boolean,
+    description: 'Perform a dry run without making any changes.',
+  },
+  {
+    name: 'retries',
+    alias: 'r',
+    type: Number,
+    description: 'Number of retries, default is 3.',
+  },
+  {
+    name: 'concurrency',
+    alias: 'c',
+    type: Number,
+    description: 'Number of concurrent blob downloads (default: 1)',
+  },
+  {
+    name: 'batch-concurrency',
+    alias: 'b',
+    type: Number,
+    description: 'Number of concurrent project operations (default: 1)',
+  },
+  {
+    name: 'pending',
+    alias: 'P',
+    type: Boolean,
+    description: 'Backup all pending projects.',
+  },
+  {
+    name: 'interval',
+    alias: 'i',
+    type: Number,
+    description: 'Time interval in seconds for pending backups (default: 3600)',
+    defaultValue: 3600,
+  },
+  {
+    name: 'fix',
+    type: Number,
+    description: 'Fix projects without chunks',
+  },
+  {
+    name: 'init',
+    alias: 'I',
+    type: Boolean,
+    description: 'Initialize backups for all projects.',
+  },
+  { name: 'output', alias: 'o', type: String, description: 'Output file' },
+  {
+    name: 'start-date',
+    type: String,
+    description: 'Start date for initialization (ISO format)',
+  },
+  {
+    name: 'end-date',
+    type: String,
+    description: 'End date for initialization (ISO format)',
+  },
+  {
+    name: 'use-secondary',
+    type: Boolean,
+    description: 'Use secondary read preference for backup status',
+  },
+  {
+    name: 'compare',
+    alias: 'C',
+    type: Boolean,
+    description:
+      'Compare backup with original chunks. With --start-date and --end-date compares all projects in range.',
+  },
+]
+
+function handleOptions() {
+  const options = commandLineArgs(optionDefinitions)
+
+  if (options.help) {
+    console.log('Usage:')
+    optionDefinitions.forEach(option => {
+      console.log(`  --${option.name}, -${option.alias}: ${option.description}`)
+    })
+    process.exit(0)
+  }
+
+  const projectIdRequired =
+    !options.list &&
+    !options.pending &&
+    !options.init &&
+    !(options.fix >= 0) &&
+    !(options.compare && options['start-date'] && options['end-date'])
+
+  if (projectIdRequired && !options.projectId) {
+    console.error('Error: projectId is required')
+    process.exit(1)
+  }
+
+  if (options.pending && options.projectId) {
+    console.error('Error: --pending cannot be specified with projectId')
+    process.exit(1)
+  }
+
+  if (options.pending && (options.list || options.status)) {
+    console.error('Error: --pending is exclusive with --list and --status')
+    process.exit(1)
+  }
+
+  if (options.init && options.pending) {
+    console.error('Error: --init cannot be specified with --pending')
+    process.exit(1)
+  }
+
+  if (
+    (options['start-date'] || options['end-date']) &&
+    !options.init &&
+    !options.compare
+  ) {
+    console.error(
+      'Error: date options can only be used with --init or --compare'
+    )
+    process.exit(1)
+  }
+
+  if (options['use-secondary']) {
+    USE_SECONDARY = true
+  }
+
+  if (
+    options.compare &&
+    !options.projectId &&
+    !(options['start-date'] && options['end-date'])
+  ) {
+    console.error(
+      'Error: --compare requires either projectId or both --start-date and --end-date'
+    )
+    process.exit(1)
+  }
+
+  DRY_RUN = options['dry-run'] || false
+  RETRY_LIMIT = options.retries || 3
+  CONCURRENCY = options.concurrency || 1
+  BATCH_CONCURRENCY = options['batch-concurrency'] || 1
+  BLOB_LIMITER = pLimit(CONCURRENCY)
+  return options
+}
+
+async function displayBackupStatus(projectId) {
+  const result = await analyseBackupStatus(projectId)
+  console.log('Backup status:', JSON.stringify(result))
+}
+
+async function analyseBackupStatus(projectId) {
+  const { backupStatus, historyId, currentEndVersion, currentEndTimestamp } =
+    await getBackupStatus(projectId)
+  // TODO: when we have confidence that the latestChunkMetadata always matches
+  // the values from the backupStatus we can skip loading it here
+  const latestChunkMetadata = await loadLatestRaw(historyId, {
+    readOnly: Boolean(USE_SECONDARY),
+  })
+  if (
+    currentEndVersion &&
+    currentEndVersion !== latestChunkMetadata.endVersion
+  ) {
+    // compare the current end version with the latest chunk metadata to check that
+    // the updates to the project collection are reliable
+    // expect some failures due to the time window between getBackupStatus and
+    // loadLatestRaw where the project is being actively edited.
+    logger.warn(
+      {
+        projectId,
+        historyId,
+        currentEndVersion,
+        currentEndTimestamp,
+        latestChunkMetadata,
+      },
+      'currentEndVersion does not match latest chunk metadata'
+    )
+  }
+
+  if (DRY_RUN) {
+    console.log('Project:', projectId)
+    console.log('History ID:', historyId)
+    console.log('Latest Chunk Metadata:', JSON.stringify(latestChunkMetadata))
+    console.log('Current end version:', currentEndVersion)
+    console.log('Current end timestamp:', currentEndTimestamp)
+    console.log('Backup status:', backupStatus ?? 'none')
+  }
+  if (!backupStatus) {
+    if (DRY_RUN) {
+      console.log('No backup status found - doing full backup')
+    }
+  }
+  const lastBackedUpVersion = backupStatus?.lastBackedUpVersion
+  const endVersion = latestChunkMetadata.endVersion
+  if (endVersion >= 0 && endVersion === lastBackedUpVersion) {
+    if (DRY_RUN) {
+      console.log(
+        'Project is up to date, last backed up at version',
+        lastBackedUpVersion
+      )
+    }
+  } else if (endVersion < lastBackedUpVersion) {
+    throw new Error('backup is ahead of project')
+  } else {
+    if (DRY_RUN) {
+      console.log(
+        'Project needs to be backed up from',
+        lastBackedUpVersion,
+        'to',
+        endVersion
+      )
+    }
+  }
+
+  return {
+    historyId,
+    lastBackedUpVersion,
+    currentVersion: latestChunkMetadata.endVersion || 0,
+    upToDate: endVersion >= 0 && lastBackedUpVersion === endVersion,
+    pendingChangeAt: backupStatus?.pendingChangeAt,
+    currentEndVersion,
+    currentEndTimestamp,
+    latestChunkMetadata,
+  }
+}
+
+async function displayPendingBackups(options) {
+  const intervalMs = options.interval * 1000
+  for await (const project of listPendingBackups(intervalMs)) {
+    console.log(
+      'Project:',
+      project._id.toHexString(),
+      'backup status:',
+      JSON.stringify(project.overleaf.backup),
+      'history status:',
+      JSON.stringify(project.overleaf.history, [
+        'currentEndVersion',
+        'currentEndTimestamp',
+      ])
+    )
+  }
+}
+
+function makeChunkKey(projectId, startVersion) {
+  return path.join(projectKey.format(projectId), projectKey.pad(startVersion))
+}
+
+export async function backupProject(projectId, options) {
+  if (gracefulShutdownInitiated) {
+    return
+  }
+  await ensureGlobalBlobsLoaded()
+  // FIXME: flush the project first!
+  // Let's assume the the flush happens externally and triggers this backup
+  const backupStartTime = new Date()
+  // find the last backed up version
+  const {
+    historyId,
+    lastBackedUpVersion,
+    currentVersion,
+    upToDate,
+    pendingChangeAt,
+    currentEndVersion,
+    latestChunkMetadata,
+  } = await analyseBackupStatus(projectId)
+
+  if (upToDate) {
+    logger.debug(
+      {
+        projectId,
+        historyId,
+        lastBackedUpVersion,
+        currentVersion,
+        pendingChangeAt,
+      },
+      'backup is up to date'
+    )
+
+    if (
+      currentEndVersion === undefined &&
+      latestChunkMetadata.endVersion >= 0
+    ) {
+      if (DRY_RUN) {
+        console.log('Would update current metadata to', latestChunkMetadata)
+      } else {
+        await updateCurrentMetadataIfNotSet(projectId, latestChunkMetadata)
+      }
+    }
+
+    // clear the pending changes timestamp if the backup is complete
+    if (pendingChangeAt) {
+      if (DRY_RUN) {
+        console.log(
+          'Would update or clear pending changes timestamp',
+          backupStartTime
+        )
+      } else {
+        await updatePendingChangeTimestamp(projectId, backupStartTime)
+      }
+    }
+    return
+  }
+
+  logger.debug(
+    {
+      projectId,
+      historyId,
+      lastBackedUpVersion,
+      currentVersion,
+      pendingChangeAt,
+    },
+    'backing up project'
+  )
+
+  // this persistor works for both the chunks and blobs buckets,
+  // because they use the same DEK
+  const backupPersistorForProject = await backupPersistor.forProject(
+    chunksBucket,
+    makeProjectKey(historyId, '')
+  )
+
+  let previousBackedUpVersion = lastBackedUpVersion
+  const backupVersions = [previousBackedUpVersion]
+
+  for await (const {
+    blobsToBackup,
+    chunkToBackup,
+    chunkRecord,
+    chunkBuffer,
+  } of backupGenerator(historyId, lastBackedUpVersion)) {
+    // backup the blobs first
+    // this can be done in parallel but must fail if any blob cannot be backed up
+    // if the blob already exists in the backup then that is allowed
+    const newBlobs = await findNewBlobs(projectId, blobsToBackup)
+
+    await backupBlobs(
+      projectId,
+      historyId,
+      newBlobs,
+      BLOB_LIMITER,
+      backupPersistorForProject
+    )
+
+    // then backup the original compressed chunk using the startVersion as the key
+    await backupChunk(
+      projectId,
+      historyId,
+      backupPersistorForProject,
+      chunkToBackup,
+      chunkRecord,
+      chunkBuffer
+    )
+
+    // persist the backup status in mongo for the current chunk
+    try {
+      await updateBackupStatus(
+        projectId,
+        previousBackedUpVersion,
+        chunkRecord,
+        backupStartTime
+      )
+    } catch (err) {
+      logger.error(
+        { projectId, chunkRecord, err, backupVersions },
+        'error updating backup status'
+      )
+      throw err
+    }
+
+    previousBackedUpVersion = chunkRecord.endVersion
+    backupVersions.push(previousBackedUpVersion)
+
+    await cleanBackedUpBlobs(projectId, blobsToBackup)
+  }
+
+  // update the current end version and timestamp if they are not set
+  if (currentEndVersion === undefined && latestChunkMetadata.endVersion >= 0) {
+    if (DRY_RUN) {
+      console.log('Would update current metadata to', latestChunkMetadata)
+    } else {
+      await updateCurrentMetadataIfNotSet(projectId, latestChunkMetadata)
+    }
+  }
+
+  // clear the pending changes timestamp if the backup is complete, otherwise set it to the time
+  // when the backup started (to pick up the new changes on the next backup)
+  if (DRY_RUN) {
+    console.log(
+      'Would update or clear pending changes timestamp',
+      backupStartTime
+    )
+  } else {
+    await updatePendingChangeTimestamp(projectId, backupStartTime)
+  }
+}
+
+function convertToISODate(dateStr) {
+  // Expecting YYYY-MM-DD format
+  if (!/^\d{4}-\d{2}-\d{2}$/.test(dateStr)) {
+    throw new Error('Date must be in YYYY-MM-DD format')
+  }
+  return new Date(dateStr + 'T00:00:00.000Z').toISOString()
+}
+
+export async function fixProjectsWithoutChunks(options) {
+  const limit = options.fix || 1
+  const query = {
+    'overleaf.history.id': { $exists: true },
+    'overleaf.backup.lastBackedUpVersion': { $in: [null] },
+  }
+  const cursor = client
+    .db()
+    .collection('projects')
+    .find(query, {
+      projection: { _id: 1, 'overleaf.history.id': 1 },
+      readPreference: READ_PREFERENCE_SECONDARY,
+    })
+    .limit(limit)
+  for await (const project of cursor) {
+    const historyId = project.overleaf.history.id.toString()
+    const chunks = await getProjectChunks(historyId)
+    if (chunks.length > 0) {
+      continue
+    }
+    if (DRY_RUN) {
+      console.log(
+        'Would create new chunk for Project ID:',
+        project._id.toHexString(),
+        'History ID:',
+        historyId,
+        'Chunks:',
+        chunks
+      )
+    } else {
+      console.log(
+        'Creating new chunk for Project ID:',
+        project._id.toHexString(),
+        'History ID:',
+        historyId,
+        'Chunks:',
+        chunks
+      )
+      const snapshot = new Snapshot()
+      const history = new History(snapshot, [])
+      const chunk = new Chunk(history, 0)
+      await create(historyId, chunk)
+      const newChunks = await getProjectChunks(historyId)
+      console.log('New chunk:', newChunks)
+    }
+  }
+}
+
+export async function initializeProjects(options) {
+  await ensureGlobalBlobsLoaded()
+  let totalErrors = 0
+  let totalProjects = 0
+
+  const query = {
+    'overleaf.backup.lastBackedUpVersion': { $in: [null] },
+  }
+
+  if (options['start-date'] && options['end-date']) {
+    query._id = {
+      $gte: objectIdFromInput(convertToISODate(options['start-date'])),
+      $lt: objectIdFromInput(convertToISODate(options['end-date'])),
+    }
+  }
+
+  const cursor = client
+    .db()
+    .collection('projects')
+    .find(query, {
+      projection: { _id: 1 },
+      readPreference: READ_PREFERENCE_SECONDARY,
+    })
+
+  if (options.output) {
+    console.log("Writing project IDs to file: '" + options.output + "'")
+    const output = createWriteStream(options.output)
+    for await (const project of cursor) {
+      output.write(project._id.toHexString() + '\n')
+      totalProjects++
+    }
+    output.end()
+    console.log('Wrote ' + totalProjects + ' project IDs to file')
+    return
+  }
+
+  for await (const project of cursor) {
+    if (gracefulShutdownInitiated) {
+      console.warn('graceful shutdown: stopping project initialization')
+      break
+    }
+    totalProjects++
+    const projectId = project._id.toHexString()
+    try {
+      await backupProject(projectId, options)
+    } catch (err) {
+      totalErrors++
+      logger.error({ projectId, err }, 'error backing up project')
+    }
+  }
+
+  return { errors: totalErrors, projects: totalProjects }
+}
+
+async function backupPendingProjects(options) {
+  const intervalMs = options.interval * 1000
+  for await (const project of listPendingBackups(intervalMs)) {
+    if (gracefulShutdownInitiated) {
+      console.warn('graceful shutdown: stopping pending project backups')
+      break
+    }
+    const projectId = project._id.toHexString()
+    console.log(`Backing up pending project with ID: ${projectId}`)
+    await backupProject(projectId, options)
+  }
+}
+
+class BlobComparator {
+  constructor(backupPersistorForProject) {
+    this.cache = new Map()
+    this.backupPersistorForProject = backupPersistorForProject
+  }
+
+  async compareBlob(historyId, blob) {
+    let computedHash = this.cache.get(blob.hash)
+    const fromCache = !!computedHash
+
+    if (!computedHash) {
+      const blobKey = makeProjectKey(historyId, blob.hash)
+      const backupBlobStream =
+        await this.backupPersistorForProject.getObjectStream(
+          projectBlobsBucket,
+          blobKey,
+          { autoGunzip: true }
+        )
+      computedHash = await blobHashFromStream(blob.byteLength, backupBlobStream)
+      this.cache.set(blob.hash, computedHash)
+    }
+
+    const matches = computedHash === blob.hash
+    return {
+      matches,
+      computedHash,
+      fromCache,
+    }
+  }
+}
+
+async function compareBackups(projectId, options) {
+  console.log(`Comparing backups for project ${projectId}`)
+  const { historyId } = await getBackupStatus(projectId)
+  const chunks = await getProjectChunks(historyId)
+  const blobStore = new BlobStore(historyId)
+  const backupPersistorForProject = await backupPersistor.forProject(
+    chunksBucket,
+    makeProjectKey(historyId, '')
+  )
+
+  let totalChunkMatches = 0
+  let totalChunkMismatches = 0
+  let totalChunksNotFound = 0
+  let totalBlobMatches = 0
+  let totalBlobMismatches = 0
+  let totalBlobsNotFound = 0
+  const errors = []
+  const blobComparator = new BlobComparator(backupPersistorForProject)
+
+  for (const chunk of chunks) {
+    try {
+      // Compare chunk content
+      const originalChunk = await historyStore.loadRaw(historyId, chunk.id)
+      const key = makeChunkKey(historyId, chunk.startVersion)
+      try {
+        const backupChunkStream =
+          await backupPersistorForProject.getObjectStream(chunksBucket, key)
+        const backupStr = await text(backupChunkStream.pipe(createGunzip()))
+        const originalStr = JSON.stringify(originalChunk)
+        const backupChunk = JSON.parse(backupStr)
+        const backupStartVersion = chunk.startVersion
+        const backupEndVersion = chunk.startVersion + backupChunk.changes.length
+
+        if (originalStr === backupStr) {
+          console.log(
+            `✓ Chunk ${chunk.id} (v${chunk.startVersion}-v${chunk.endVersion}) matches`
+          )
+          totalChunkMatches++
+        } else if (originalStr === JSON.stringify(JSON.parse(backupStr))) {
+          console.log(
+            `✓ Chunk ${chunk.id} (v${chunk.startVersion}-v${chunk.endVersion}) matches (after normalisation)`
+          )
+          totalChunkMatches++
+        } else if (backupEndVersion < chunk.endVersion) {
+          console.log(
+            `✗ Chunk ${chunk.id} is ahead of backup (v${chunk.startVersion}-v${chunk.endVersion} vs v${backupStartVersion}-v${backupEndVersion})`
+          )
+          totalChunkMismatches++
+          errors.push({ chunkId: chunk.id, error: 'Chunk ahead of backup' })
+        } else {
+          console.log(
+            `✗ Chunk ${chunk.id} (v${chunk.startVersion}-v${chunk.endVersion}) MISMATCH`
+          )
+          totalChunkMismatches++
+          errors.push({ chunkId: chunk.id, error: 'Chunk mismatch' })
+        }
+      } catch (err) {
+        if (err instanceof NotFoundError) {
+          console.log(`✗ Chunk ${chunk.id} not found in backup`, err.cause)
+          totalChunksNotFound++
+          errors.push({ chunkId: chunk.id, error: `Chunk not found` })
+        } else {
+          throw err
+        }
+      }
+
+      const history = History.fromRaw(originalChunk)
+
+      // Compare blobs in chunk
+      const blobHashes = new Set()
+      history.findBlobHashes(blobHashes)
+      const blobs = await blobStore.getBlobs(Array.from(blobHashes))
+      for (const blob of blobs) {
+        if (GLOBAL_BLOBS.has(blob.hash)) {
+          const globalBlob = GLOBAL_BLOBS.get(blob.hash)
+          console.log(
+            `  ✓ Blob ${blob.hash} is a global blob`,
+            globalBlob.demoted ? '(demoted)' : ''
+          )
+          continue
+        }
+        try {
+          const { matches, computedHash, fromCache } =
+            await blobComparator.compareBlob(historyId, blob)
+
+          if (matches) {
+            console.log(
+              `  ✓ Blob ${blob.hash} hash matches (${blob.byteLength} bytes)` +
+                (fromCache ? ' (from cache)' : '')
+            )
+            totalBlobMatches++
+          } else {
+            console.log(
+              `  ✗ Blob ${blob.hash} hash mismatch (original: ${blob.hash}, backup: ${computedHash}) (${blob.byteLength} bytes, ${blob.stringLength} string length)` +
+                (fromCache ? ' (from cache)' : '')
+            )
+            totalBlobMismatches++
+            errors.push({
+              chunkId: chunk.id,
+              error: `Blob ${blob.hash} hash mismatch`,
+            })
+          }
+        } catch (err) {
+          if (err instanceof NotFoundError) {
+            console.log(`  ✗ Blob ${blob.hash} not found in backup`, err.cause)
+            totalBlobsNotFound++
+            errors.push({
+              chunkId: chunk.id,
+              error: `Blob ${blob.hash} not found`,
+            })
+          } else {
+            throw err
+          }
+        }
+      }
+    } catch (err) {
+      console.error(`Error comparing chunk ${chunk.id}:`, err)
+      errors.push({ chunkId: chunk.id, error: err })
+    }
+  }
+
+  // Print summary
+  console.log('\nComparison Summary:')
+  console.log('==================')
+  console.log(`Total chunks: ${chunks.length}`)
+  console.log(`Chunk matches: ${totalChunkMatches}`)
+  console.log(`Chunk mismatches: ${totalChunkMismatches}`)
+  console.log(`Chunk not found: ${totalChunksNotFound}`)
+  console.log(`Blob matches: ${totalBlobMatches}`)
+  console.log(`Blob mismatches: ${totalBlobMismatches}`)
+  console.log(`Blob not found: ${totalBlobsNotFound}`)
+  console.log(`Errors: ${errors.length}`)
+
+  if (errors.length > 0) {
+    console.log('\nErrors:')
+    errors.forEach(({ chunkId, error }) => {
+      console.log(`  Chunk ${chunkId}: ${error}`)
+    })
+    throw new Error('Backup comparison FAILED')
+  } else {
+    console.log('Backup comparison successful')
+  }
+}
+
+async function compareAllProjects(options) {
+  const limiter = pLimit(BATCH_CONCURRENCY)
+  let totalErrors = 0
+  let totalProjects = 0
+
+  async function processBatch(batch) {
+    if (gracefulShutdownInitiated) {
+      throw new Error('graceful shutdown')
+    }
+    const batchOperations = batch.map(project =>
+      limiter(async () => {
+        const projectId = project._id.toHexString()
+        totalProjects++
+        try {
+          console.log(`\nComparing project ${projectId} (${totalProjects})`)
+          await compareBackups(projectId, options)
+        } catch (err) {
+          totalErrors++
+          console.error(`Failed to compare project ${projectId}:`, err)
+        }
+      })
+    )
+    await Promise.allSettled(batchOperations)
+  }
+
+  const query = {
+    'overleaf.history.id': { $exists: true },
+    'overleaf.backup.lastBackedUpVersion': { $exists: true },
+  }
+
+  await batchedUpdate(
+    client.db().collection('projects'),
+    query,
+    processBatch,
+    {
+      _id: 1,
+      'overleaf.history': 1,
+      'overleaf.backup': 1,
+    },
+    { readPreference: 'secondary' },
+    {
+      BATCH_RANGE_START: convertToISODate(options['start-date']),
+      BATCH_RANGE_END: convertToISODate(options['end-date']),
+    }
+  )
+
+  console.log('\nComparison Summary:')
+  console.log('==================')
+  console.log(`Total projects processed: ${totalProjects}`)
+  console.log(`Projects with errors: ${totalErrors}`)
+
+  if (totalErrors > 0) {
+    throw new Error('Some project comparisons failed')
+  }
+}
+
+async function main() {
+  const options = handleOptions()
+  await ensureGlobalBlobsLoaded()
+  const projectId = options.projectId
+  if (options.status) {
+    await displayBackupStatus(projectId)
+  } else if (options.list) {
+    await displayPendingBackups(options)
+  } else if (options.fix !== undefined) {
+    await fixProjectsWithoutChunks(options)
+  } else if (options.pending) {
+    await backupPendingProjects(options)
+  } else if (options.init) {
+    await initializeProjects(options)
+  } else if (options.compare) {
+    if (options['start-date'] && options['end-date']) {
+      await compareAllProjects(options)
+    } else {
+      await compareBackups(projectId, options)
+    }
+  } else {
+    await backupProject(projectId, options)
+  }
+}
+
+// Only run command-line interface when script is run directly
+if (import.meta.url === `file://${process.argv[1]}`) {
+  main()
+    .then(() => {
+      console.log(
+        gracefulShutdownInitiated ? 'Exited - graceful shutdown' : 'Completed'
+      )
+    })
+    .catch(err => {
+      console.error('Error backing up project:', err)
+      process.exit(1)
+    })
+    .finally(() => {
+      knex
+        .destroy()
+        .then(() => {
+          console.log('Postgres connection closed')
+        })
+        .catch(err => {
+          console.error('Error closing Postgres connection:', err)
+        })
+      client
+        .close()
+        .then(() => {
+          console.log('MongoDB connection closed')
+        })
+        .catch(err => {
+          console.error('Error closing MongoDB connection:', err)
+        })
+      redis
+        .disconnect()
+        .then(() => {
+          console.log('Redis connection closed')
+        })
+        .catch(err => {
+          console.error('Error closing Redis connection:', err)
+        })
+    })
+}
diff --git a/services/history-v1/storage/scripts/backup_blob.mjs b/services/history-v1/storage/scripts/backup_blob.mjs
new file mode 100644
index 0000000..314b053
--- /dev/null
+++ b/services/history-v1/storage/scripts/backup_blob.mjs
@@ -0,0 +1,173 @@
+// @ts-check
+import commandLineArgs from 'command-line-args'
+import { backupBlob, downloadBlobToDir } from '../lib/backupBlob.mjs'
+import withTmpDir from '../../api/controllers/with_tmp_dir.js'
+import {
+  BlobStore,
+  GLOBAL_BLOBS,
+  loadGlobalBlobs,
+} from '../lib/blob_store/index.js'
+import assert from '../lib/assert.js'
+import knex from '../lib/knex.js'
+import { client } from '../lib/mongodb.js'
+import redis from '../lib/redis.js'
+import { setTimeout } from 'node:timers/promises'
+import fs from 'node:fs'
+
+await loadGlobalBlobs()
+
+/**
+ * Gracefully shutdown the process
+ * @return {Promise<void>}
+ */
+async function gracefulShutdown() {
+  console.log('Gracefully shutting down')
+  await knex.destroy()
+  await client.close()
+  await redis.disconnect()
+  await setTimeout(100)
+  process.exit()
+}
+
+/**
+ *
+ * @param {string} row
+ * @return {BackupBlobJob}
+ */
+function parseCSVRow(row) {
+  const [historyId, hash] = row.split(',')
+  validateBackedUpBlobJob({ historyId, hash })
+  return { historyId, hash }
+}
+
+/**
+ *
+ * @param {BackupBlobJob} job
+ */
+function validateBackedUpBlobJob(job) {
+  assert.projectId(job.historyId)
+  assert.blobHash(job.hash)
+}
+
+/**
+ *
+ * @param {string} path
+ * @return {Promise<Array<BackupBlobJob>>}
+ */
+async function readCSV(path) {
+  let fh
+  /** @type {Array<BackupBlobJob>} */
+  const rows = []
+  try {
+    fh = await fs.promises.open(path, 'r')
+  } catch (error) {
+    console.error(`Could not open file: ${error}`)
+    throw error
+  }
+  for await (const line of fh.readLines()) {
+    try {
+      const row = parseCSVRow(line)
+      if (GLOBAL_BLOBS.has(row.hash)) {
+        console.log(`Skipping global blob: ${line}`)
+        continue
+      }
+      rows.push(row)
+    } catch (error) {
+      console.error(error instanceof Error ? error.message : error)
+      console.log(`Skipping invalid row: ${line}`)
+    }
+  }
+  return rows
+}
+
+/**
+ * @typedef {Object} BackupBlobJob
+ * @property {string} hash
+ * @property {string} historyId
+ */
+
+/**
+ * @param {Object} options
+ * @property {string} [options.historyId]
+ * @property {string} [options.hash]
+ * @property {string} [options.input]
+ * @return {Promise<Array<BackupBlobJob>>}
+ */
+async function initialiseJobs({ historyId, hash, input }) {
+  if (input) {
+    return await readCSV(input)
+  }
+
+  if (!historyId) {
+    console.error('historyId is required')
+    process.exitCode = 1
+    await gracefulShutdown()
+  }
+
+  if (!hash) {
+    console.error('hash is required')
+    process.exitCode = 1
+    await gracefulShutdown()
+  }
+
+  validateBackedUpBlobJob({ historyId, hash })
+
+  if (GLOBAL_BLOBS.has(hash)) {
+    console.error(`Blob ${hash} is a global blob; not backing up`)
+    process.exitCode = 1
+    await gracefulShutdown()
+  }
+  return [{ hash, historyId }]
+}
+
+/**
+ *
+ * @param {string} historyId
+ * @param {string} hash
+ * @return {Promise<void>}
+ */
+export async function downloadAndBackupBlob(historyId, hash) {
+  const blobStore = new BlobStore(historyId)
+  const blob = await blobStore.getBlob(hash)
+  if (!blob) {
+    throw new Error(`Blob ${hash} could not be loaded`)
+  }
+  await withTmpDir(`blob-${hash}`, async tmpDir => {
+    const filePath = await downloadBlobToDir(historyId, blob, tmpDir)
+    console.log(`Downloaded blob ${hash} to ${filePath}`)
+    await backupBlob(historyId, blob, filePath)
+    console.log('Backed up blob')
+  })
+}
+
+let jobs
+
+const options = commandLineArgs([
+  { name: 'historyId', type: String },
+  { name: 'hash', type: String },
+  { name: 'input', type: String },
+])
+
+try {
+  jobs = await initialiseJobs(options)
+} catch (error) {
+  console.error(error)
+  await gracefulShutdown()
+}
+
+if (!Array.isArray(jobs)) {
+  // This is mostly to satisfy typescript
+  process.exitCode = 1
+  await gracefulShutdown()
+  process.exit(1)
+}
+
+for (const { historyId, hash } of jobs) {
+  try {
+    await downloadAndBackupBlob(historyId, hash)
+  } catch (error) {
+    console.error(error)
+    process.exitCode = 1
+  }
+}
+await gracefulShutdown()
diff --git a/services/history-v1/storage/scripts/backup_sample.mjs b/services/history-v1/storage/scripts/backup_sample.mjs
new file mode 100644
index 0000000..35ee1e9
--- /dev/null
+++ b/services/history-v1/storage/scripts/backup_sample.mjs
@@ -0,0 +1,153 @@
+// @ts-check
+import { ObjectId } from 'mongodb'
+import { READ_PREFERENCE_SECONDARY } from '@overleaf/mongo-utils/batchedUpdate.js'
+import { db, client } from '../lib/mongodb.js'
+
+const projectsCollection = db.collection('projects')
+
+// Enable caching for ObjectId.toString()
+ObjectId.cacheHexString = true
+
+// Configuration
+const SAMPLE_SIZE_PER_ITERATION = process.argv[2]
+  ? parseInt(process.argv[2], 10)
+  : 10000
+const TARGET_ERROR_PERCENTAGE = process.argv[3]
+  ? parseFloat(process.argv[3])
+  : 5.0
+
+let gracefulShutdownInitiated = false
+
+process.on('SIGINT', handleSignal)
+process.on('SIGTERM', handleSignal)
+
+function handleSignal() {
+  gracefulShutdownInitiated = true
+  console.warn('graceful shutdown initiated')
+}
+
+async function takeSample(sampleSize) {
+  const results = await projectsCollection
+    .aggregate(
+      [
+        { $sample: { size: sampleSize } },
+        {
+          $match: { 'overleaf.backup.lastBackedUpVersion': { $exists: true } },
+        },
+        {
+          $count: 'total',
+        },
+      ],
+      { readPreference: READ_PREFERENCE_SECONDARY }
+    )
+    .toArray()
+
+  const count = results[0]?.total || 0
+  return { totalSampled: sampleSize, backedUp: count }
+}
+
+function calculateStatistics(
+  cumulativeSampled,
+  cumulativeBackedUp,
+  totalPopulation
+) {
+  const proportion = Math.max(1, cumulativeBackedUp) / cumulativeSampled
+
+  // Standard error with finite population correction
+  const fpc = Math.sqrt(
+    (totalPopulation - cumulativeSampled) / (totalPopulation - 1)
+  )
+  const stdError =
+    Math.sqrt((proportion * (1 - proportion)) / cumulativeSampled) * fpc
+
+  // 95% confidence interval is approximately ±1.96 standard errors
+  const marginOfError = 1.96 * stdError
+
+  return {
+    proportion,
+    percentage: (proportion * 100).toFixed(2),
+    marginOfError,
+    errorPercentage: (marginOfError * 100).toFixed(2),
+    lowerBound: ((proportion - marginOfError) * 100).toFixed(2),
+    upperBound: ((proportion + marginOfError) * 100).toFixed(2),
+    sampleSize: cumulativeSampled,
+    populationSize: totalPopulation,
+  }
+}
+
+async function main() {
+  console.log('Date:', new Date().toISOString())
+  const totalCount = await projectsCollection.estimatedDocumentCount({
+    readPreference: READ_PREFERENCE_SECONDARY,
+  })
+  console.log(
+    `Total projects in collection (estimated): ${totalCount.toLocaleString()}`
+  )
+  console.log(`Target margin of error: ${TARGET_ERROR_PERCENTAGE}%`)
+
+  let cumulativeSampled = 0
+  let cumulativeBackedUp = 0
+  let currentError = Infinity
+  let iteration = 0
+
+  console.log('Iteration | Total Sampled | % Backed Up | Margin of Error')
+  console.log('----------|---------------|-------------|----------------')
+
+  while (currentError > TARGET_ERROR_PERCENTAGE) {
+    if (gracefulShutdownInitiated) {
+      console.log('Graceful shutdown initiated. Exiting sampling loop.')
+      break
+    }
+
+    iteration++
+    const { totalSampled, backedUp } = await takeSample(
+      SAMPLE_SIZE_PER_ITERATION
+    )
+    cumulativeSampled += totalSampled
+    cumulativeBackedUp += backedUp
+
+    const stats = calculateStatistics(
+      cumulativeSampled,
+      cumulativeBackedUp,
+      totalCount
+    )
+    currentError = parseFloat(stats.errorPercentage)
+
+    console.log(
+      `${iteration.toString().padStart(9)} | ` +
+        `${cumulativeSampled.toString().padStart(13)} | ` +
+        `${stats.percentage.padStart(10)}% | ` +
+        `\u00B1${stats.errorPercentage}%`
+    )
+
+    // Small delay between iterations
+    await new Promise(resolve => setTimeout(resolve, 100))
+  }
+
+  const finalStats = calculateStatistics(
+    cumulativeSampled,
+    cumulativeBackedUp,
+    totalCount
+  )
+
+  console.log(
+    `Projects sampled: ${cumulativeSampled.toLocaleString()} out of ${totalCount.toLocaleString()}`
+  )
+  console.log(
+    `Estimated percentage with lastBackedUpVersion: ${finalStats.percentage}%`
+  )
+  console.log(
+    `95% Confidence Interval: ${finalStats.lowerBound}% - ${finalStats.upperBound}%`
+  )
+  console.log(`Final Margin of Error: \u00B1${finalStats.errorPercentage}%`)
+}
+
+main()
+  .then(() => console.log('Done.'))
+  .catch(err => {
+    console.error('Error:', err)
+    process.exitCode = 1
+  })
+  .finally(() => {
+    client.close().catch(err => console.error('Error closing MongoDB:', err))
+  })
diff --git a/services/history-v1/storage/scripts/backup_scheduler.mjs b/services/history-v1/storage/scripts/backup_scheduler.mjs
new file mode 100644
index 0000000..3fac053
--- /dev/null
+++ b/services/history-v1/storage/scripts/backup_scheduler.mjs
@@ -0,0 +1,429 @@
+import Queue from 'bull'
+import config from 'config'
+import commandLineArgs from 'command-line-args'
+import logger from '@overleaf/logger'
+import {
+  listPendingBackups,
+  listUninitializedBackups,
+  getBackupStatus,
+} from '../lib/backup_store/index.js'
+
+logger.initialize('backup-queue')
+
+// Use the same redis config as backup_worker
+const redisOptions = config.get('redis.queue')
+
+// Create a Bull queue named 'backup'
+const backupQueue = new Queue('backup', {
+  redis: redisOptions,
+  defaultJobOptions: {
+    removeOnComplete: true,
+    removeOnFail: true,
+  },
+})
+
+// Define command-line options
+const optionDefinitions = [
+  { name: 'clean', type: Boolean },
+  { name: 'status', type: Boolean },
+  {
+    name: 'add',
+    type: String,
+    multiple: true,
+    description: 'Project IDs or date range in YYYY-MM-DD:YYYY-MM-DD format',
+  },
+  { name: 'monitor', type: Boolean },
+  {
+    name: 'queue-pending',
+    type: Number,
+    description:
+      'Find projects with pending changes older than N seconds and add them to the queue',
+  },
+  {
+    name: 'show-pending',
+    type: Number,
+    description:
+      'Show count of pending projects older than N seconds without adding to queue',
+  },
+  {
+    name: 'limit',
+    type: Number,
+    description: 'Limit the number of jobs to be added',
+  },
+  {
+    name: 'interval',
+    type: Number,
+    description: 'Time in seconds to spread jobs over (default: 300)',
+    defaultValue: 300,
+  },
+  {
+    name: 'backoff-delay',
+    type: Number,
+    description:
+      'Backoff delay in milliseconds for failed jobs (default: 1000)',
+    defaultValue: 1000,
+  },
+  {
+    name: 'attempts',
+    type: Number,
+    description: 'Number of retry attempts for failed jobs (default: 3)',
+    defaultValue: 3,
+  },
+  {
+    name: 'warn-threshold',
+    type: Number,
+    description: 'Warn about any project exceeding this pending age',
+    defaultValue: 2 * 3600, // 2 hours
+  },
+  {
+    name: 'verbose',
+    alias: 'v',
+    type: Boolean,
+    description: 'Show detailed information when used with --show-pending',
+  },
+]
+
+// Parse command line arguments
+const options = commandLineArgs(optionDefinitions)
+const WARN_THRESHOLD = options['warn-threshold']
+
+// Helper to validate date format
+function isValidDateFormat(dateStr) {
+  return /^\d{4}-\d{2}-\d{2}$/.test(dateStr)
+}
+
+// Helper to validate the pending time parameter
+function validatePendingTime(option, value) {
+  if (typeof value !== 'number' || value <= 0) {
+    console.error(
+      `Error: --${option} requires a positive numeric TIME argument in seconds`
+    )
+    console.error(`Example: --${option} 3600`)
+    process.exit(1)
+  }
+  return value
+}
+
+// Helper to format the pending time display
+function formatPendingTime(timestamp) {
+  const now = new Date()
+  const diffMs = now - timestamp
+  const seconds = Math.floor(diffMs / 1000)
+  return `${timestamp.toISOString()} (${seconds} seconds ago)`
+}
+
+// Helper to add a job to the queue, checking for duplicates
+async function addJobWithCheck(queue, data, options) {
+  const jobId = options.jobId
+
+  // Check if the job already exists
+  const existingJob = await queue.getJob(jobId)
+
+  if (existingJob) {
+    return { job: existingJob, added: false }
+  } else {
+    const job = await queue.add(data, options)
+    return { job, added: true }
+  }
+}
+
+// Setup queue event listeners
+function setupMonitoring() {
+  console.log('Starting queue monitoring. Press Ctrl+C to exit.')
+
+  backupQueue.on('global:error', error => {
+    logger.info({ error }, 'Queue error')
+  })
+
+  backupQueue.on('global:waiting', jobId => {
+    logger.info({ jobId }, 'job is waiting')
+  })
+
+  backupQueue.on('global:active', jobId => {
+    logger.info({ jobId }, 'job is now active')
+  })
+
+  backupQueue.on('global:stalled', jobId => {
+    logger.info({ jobId }, 'job has stalled')
+  })
+
+  backupQueue.on('global:progress', (jobId, progress) => {
+    logger.info({ jobId, progress }, 'job progress')
+  })
+
+  backupQueue.on('global:completed', (jobId, result) => {
+    logger.info({ jobId, result }, 'job completed')
+  })
+
+  backupQueue.on('global:failed', (jobId, err) => {
+    logger.info({ jobId, err }, 'job failed')
+  })
+
+  backupQueue.on('global:paused', () => {
+    logger.info({}, 'Queue paused')
+  })
+
+  backupQueue.on('global:resumed', () => {
+    logger.info({}, 'Queue resumed')
+  })
+
+  backupQueue.on('global:cleaned', (jobs, type) => {
+    logger.info({ jobsCount: jobs.length, type }, 'Jobs cleaned')
+  })
+
+  backupQueue.on('global:drained', () => {
+    logger.info({}, 'Queue drained')
+  })
+
+  backupQueue.on('global:removed', jobId => {
+    logger.info({ jobId }, 'Job removed')
+  })
+}
+
+async function addDateRangeJob(input) {
+  const [startDate, endDate] = input.split(':')
+  if (!isValidDateFormat(startDate) || !isValidDateFormat(endDate)) {
+    console.error(
+      `Invalid date format for "${input}". Use YYYY-MM-DD:YYYY-MM-DD`
+    )
+    return
+  }
+
+  const jobId = `backup-${startDate}-to-${endDate}`
+  const { job, added } = await addJobWithCheck(
+    backupQueue,
+    { startDate, endDate },
+    { jobId }
+  )
+
+  console.log(
+    `${added ? 'Added' : 'Already exists'}: date range backup job: ${startDate} to ${endDate}, job ID: ${job.id}`
+  )
+}
+
+// Helper to list pending and uninitialized backups
+// This function combines the two cursors into a single generator
+// to yield projects from both lists
+async function* pendingCursor(timeIntervalMs, limit) {
+  for await (const project of listPendingBackups(timeIntervalMs, limit)) {
+    yield project
+  }
+  for await (const project of listUninitializedBackups(timeIntervalMs, limit)) {
+    yield project
+  }
+}
+
+// Process pending projects with changes older than the specified seconds
+async function processPendingProjects(
+  age,
+  showOnly,
+  limit,
+  verbose,
+  jobInterval,
+  jobOpts = {}
+) {
+  const timeIntervalMs = age * 1000
+  console.log(
+    `Finding projects with pending changes older than ${age} seconds${showOnly ? ' (count only)' : ''}`
+  )
+
+  let count = 0
+  let addedCount = 0
+  let existingCount = 0
+  // Pass the limit directly to MongoDB query for better performance
+  const changeTimes = []
+  for await (const project of pendingCursor(timeIntervalMs, limit)) {
+    const projectId = project._id.toHexString()
+    const pendingAt =
+      project.overleaf?.backup?.pendingChangeAt || project._id.getTimestamp()
+    if (pendingAt) {
+      changeTimes.push(pendingAt)
+      const pendingAge = Math.floor((Date.now() - pendingAt.getTime()) / 1000)
+      if (pendingAge > WARN_THRESHOLD) {
+        try {
+          const backupStatus = await getBackupStatus(projectId)
+          logger.warn(
+            {
+              projectId,
+              pendingAt,
+              pendingAge,
+              backupStatus,
+              warnThreshold: WARN_THRESHOLD,
+            },
+            `pending change exceeds rpo warning threshold`
+          )
+        } catch (err) {
+          logger.error(
+            { projectId, pendingAt, pendingAge },
+            'Error getting backup status'
+          )
+          throw err
+        }
+      }
+    }
+    if (showOnly && verbose) {
+      console.log(
+        `Project: ${projectId} (pending since: ${formatPendingTime(pendingAt)})`
+      )
+    } else if (!showOnly) {
+      const delay = Math.floor(Math.random() * jobInterval * 1000) // add random delay to avoid all jobs running simultaneously
+      const { job, added } = await addJobWithCheck(
+        backupQueue,
+        { projectId, pendingChangeAt: pendingAt.getTime() },
+        { ...jobOpts, delay, jobId: projectId }
+      )
+
+      if (added) {
+        if (verbose) {
+          console.log(
+            `Added job for project: ${projectId}, job ID: ${job.id} (pending since: ${formatPendingTime(pendingAt)})`
+          )
+        }
+        addedCount++
+      } else {
+        if (verbose) {
+          console.log(
+            `Job already exists for project: ${projectId}, job ID: ${job.id} (pending since: ${formatPendingTime(pendingAt)})`
+          )
+        }
+        existingCount++
+      }
+    }
+
+    count++
+    if (count % 1000 === 0) {
+      console.log(
+        `Processed ${count} projects`,
+        showOnly ? '' : `(${addedCount} added, ${existingCount} existing)`
+      )
+    }
+  }
+  // Set oldestChange to undefined if there are no changes
+  const oldestChange =
+    changeTimes.length > 0
+      ? changeTimes.reduce((min, time) => (time < min ? time : min))
+      : undefined
+
+  if (showOnly) {
+    console.log(
+      `Found ${count} projects with pending changes (not added to queue)`
+    )
+  } else {
+    console.log(`Found ${count} projects with pending changes:`)
+    console.log(`  ${addedCount} jobs added to queue`)
+    console.log(`  ${existingCount} jobs already existed in queue`)
+    if (oldestChange) {
+      console.log(`  Oldest pending change: ${formatPendingTime(oldestChange)}`)
+    }
+  }
+}
+
+// Main execution block
+async function run() {
+  const optionCount = [
+    options.clean,
+    options.status,
+    options.add,
+    options.monitor,
+    options['queue-pending'] !== undefined,
+    options['show-pending'] !== undefined,
+  ].filter(Boolean).length
+  if (optionCount > 1) {
+    console.error('Only one option can be specified')
+    process.exit(1)
+  }
+
+  if (options.clean) {
+    const beforeCounts = await backupQueue.getJobCounts()
+    console.log('Current queue state:', JSON.stringify(beforeCounts))
+    console.log('Cleaning completed and failed jobs...')
+    await backupQueue.clean(1, 'completed')
+    await backupQueue.clean(1, 'failed')
+    const afterCounts = await backupQueue.getJobCounts()
+    console.log('Current queue state:', JSON.stringify(afterCounts))
+    console.log('Queue cleaned successfully')
+  } else if (options.status) {
+    const counts = await backupQueue.getJobCounts()
+    console.log('Current queue state:', JSON.stringify(counts))
+  } else if (options.add) {
+    const inputs = Array.isArray(options.add) ? options.add : [options.add]
+    for (const input of inputs) {
+      if (input.includes(':')) {
+        // Handle date range format
+        await addDateRangeJob(input)
+      } else {
+        // Handle project ID format
+        const { job, added } = await addJobWithCheck(
+          backupQueue,
+          { projectId: input },
+          { jobId: input }
+        )
+        console.log(
+          `${added ? 'Added' : 'Already exists'}: job for project: ${input}, job ID: ${job.id}`
+        )
+      }
+    }
+  } else if (options.monitor) {
+    setupMonitoring()
+  } else if (options['queue-pending'] !== undefined) {
+    const age = validatePendingTime('queue-pending', options['queue-pending'])
+    await processPendingProjects(
+      age,
+      false,
+      options.limit,
+      options.verbose,
+      options.interval,
+      {
+        attempts: options.attempts,
+        backoff: {
+          type: 'exponential',
+          delay: options['backoff-delay'],
+        },
+      }
+    )
+  } else if (options['show-pending'] !== undefined) {
+    const age = validatePendingTime('show-pending', options['show-pending'])
+    await processPendingProjects(age, true, options.limit, options.verbose)
+  } else {
+    console.log('Usage:')
+    console.log('  --clean               Clean up completed and failed jobs')
+    console.log('  --status              Show current job counts')
+    console.log('  --add [projectId]     Add a job for the specified projectId')
+    console.log(
+      '  --add [YYYY-MM-DD:YYYY-MM-DD] Add a job for the specified date range'
+    )
+    console.log('  --monitor             Monitor queue events')
+    console.log(
+      '  --queue-pending TIME  Find projects with changes older than TIME seconds and add them to the queue'
+    )
+    console.log(
+      '  --show-pending TIME   Show count of pending projects older than TIME seconds'
+    )
+    console.log('  --limit N             Limit the number of jobs to be added')
+    console.log(
+      '  --interval TIME       Time interval in seconds to spread jobs over'
+    )
+    console.log(
+      '  --backoff-delay TIME  Backoff delay in milliseconds for failed jobs (default: 1000)'
+    )
+    console.log(
+      '  --attempts N          Number of retry attempts for failed jobs (default: 3)'
+    )
+    console.log(
+      '  --verbose, -v         Show detailed information when used with --show-pending'
+    )
+  }
+}
+
+// Run and handle errors
+run()
+  .catch(err => {
+    console.error('Error:', err)
+    process.exit(1)
+  })
+  .then(result => {
+    // Only exit if not in monitor mode
+    if (!options.monitor) {
+      process.exit(0)
+    }
+  })
diff --git a/services/history-v1/storage/scripts/backup_worker.mjs b/services/history-v1/storage/scripts/backup_worker.mjs
new file mode 100644
index 0000000..1097bb0
--- /dev/null
+++ b/services/history-v1/storage/scripts/backup_worker.mjs
@@ -0,0 +1,144 @@
+import Queue from 'bull'
+import logger from '@overleaf/logger'
+import config from 'config'
+import metrics from '@overleaf/metrics'
+import {
+  backupProject,
+  initializeProjects,
+  configureBackup,
+} from './backup.mjs'
+
+const CONCURRENCY = 15
+const WARN_THRESHOLD = 2 * 60 * 60 * 1000 // warn if projects are older than this
+const redisOptions = config.get('redis.queue')
+const JOB_TIME_BUCKETS = [10, 100, 500, 1000, 5000, 10000, 30000, 60000] // milliseconds
+const LAG_TIME_BUCKETS_HRS = [
+  0.5, 0.6, 0.7, 0.8, 0.9, 1.0, 1.1, 1.2, 1.3, 1.4, 1.5, 1.75, 2, 3, 4, 5, 6,
+] // hours
+
+// Configure backup settings to match worker concurrency
+configureBackup({ concurrency: 50, useSecondary: true })
+
+// Create a Bull queue named 'backup'
+const backupQueue = new Queue('backup', {
+  redis: redisOptions,
+  settings: {
+    lockDuration: 15 * 60 * 1000, // 15 minutes
+    lockRenewTime: 60 * 1000, // 1 minute
+    maxStalledCount: 0, // mark stalled jobs as failed
+  },
+})
+
+// Log queue events
+backupQueue.on('active', job => {
+  logger.debug({ job }, 'job is now active')
+})
+
+backupQueue.on('completed', (job, result) => {
+  metrics.inc('backup_worker_job', 1, { status: 'completed' })
+  logger.debug({ job, result }, 'job completed')
+})
+
+backupQueue.on('failed', (job, err) => {
+  metrics.inc('backup_worker_job', 1, { status: 'failed' })
+  logger.error({ job, err }, 'job failed')
+})
+
+backupQueue.on('waiting', jobId => {
+  logger.debug({ jobId }, 'job is waiting')
+})
+
+backupQueue.on('error', error => {
+  logger.error({ error }, 'queue error')
+})
+
+backupQueue.on('stalled', job => {
+  logger.error({ job }, 'job has stalled')
+})
+
+backupQueue.on('lock-extension-failed', (job, err) => {
+  logger.error({ job, err }, 'lock extension failed')
+})
+
+backupQueue.on('paused', () => {
+  logger.info('queue paused')
+})
+
+backupQueue.on('resumed', () => {
+  logger.info('queue resumed')
+})
+
+// Process jobs
+backupQueue.process(CONCURRENCY, async job => {
+  const { projectId, startDate, endDate } = job.data
+
+  if (projectId) {
+    return await runBackup(projectId, job.data, job)
+  } else if (startDate && endDate) {
+    return await runInit(startDate, endDate)
+  } else {
+    throw new Error('invalid job data')
+  }
+})
+
+async function runBackup(projectId, data, job) {
+  const { pendingChangeAt } = data
+  // record the time it takes to run the backup job
+  const timer = new metrics.Timer(
+    'backup_worker_job_duration',
+    1,
+    {},
+    JOB_TIME_BUCKETS
+  )
+  const pendingAge = Date.now() - pendingChangeAt
+  if (pendingAge > WARN_THRESHOLD) {
+    logger.warn(
+      { projectId, pendingAge, job },
+      'project has been pending for a long time'
+    )
+  }
+  try {
+    logger.debug({ projectId }, 'processing backup for project')
+    await backupProject(projectId, {})
+    metrics.inc('backup_worker_project', 1, {
+      status: 'success',
+    })
+    timer.done()
+    // record the replication lag (time from change to backup)
+    if (pendingChangeAt) {
+      metrics.histogram(
+        'backup_worker_replication_lag_in_hours',
+        (Date.now() - pendingChangeAt) / (3600 * 1000),
+        LAG_TIME_BUCKETS_HRS
+      )
+    }
+    return `backup completed ${projectId}`
+  } catch (err) {
+    metrics.inc('backup_worker_project', 1, { status: 'failed' })
+    logger.error({ projectId, err }, 'backup failed')
+    throw err // Re-throw to mark job as failed
+  }
+}
+
+async function runInit(startDate, endDate) {
+  try {
+    logger.info({ startDate, endDate }, 'initializing projects')
+    await initializeProjects({ 'start-date': startDate, 'end-date': endDate })
+    return `initialization completed ${startDate} - ${endDate}`
+  } catch (err) {
+    logger.error({ startDate, endDate, err }, 'initialization failed')
+    throw err
+  }
+}
+
+export async function drainQueue() {
+  logger.info({ queue: backupQueue.name }, 'pausing queue')
+  await backupQueue.pause(true) // pause this worker and wait for jobs to finish
+  logger.info({ queue: backupQueue.name }, 'closing queue')
+  await backupQueue.close()
+}
+
+export async function healthCheck() {
+  const count = await backupQueue.count()
+  metrics.gauge('backup_worker_queue_length', count)
+}
diff --git a/services/history-v1/storage/scripts/export_global_blobs.mjs b/services/history-v1/storage/scripts/export_global_blobs.mjs
new file mode 100644
index 0000000..ccbb123
--- /dev/null
+++ b/services/history-v1/storage/scripts/export_global_blobs.mjs
@@ -0,0 +1,69 @@
+/**
+ * A script to export the global blobs from mongo to a CSV file.
+ *
+ * node storage/scripts/export_global_blobs.mjs --output global_blobs.csv
+ *
+ * The output CSV has the following format:
+ *
+ * hash,path,byteLength,stringLength,demoted
+ *
+ * hash: the hash of the blob
+ * path: the path of the blob in the blob store
+ * byteLength: the byte length of the blob, or empty if unknown
+ * stringLength: the string length of the blob, or empty if unknown
+ * demoted: true if the blob has been demoted to a reference, false otherwise
+ */
+
+// @ts-check
+import { ObjectId } from 'mongodb'
+import { GLOBAL_BLOBS, loadGlobalBlobs } from '../lib/blob_store/index.js'
+import { client } from '../lib/mongodb.js'
+import commandLineArgs from 'command-line-args'
+import fs from 'node:fs'
+
+// Enable caching for ObjectId.toString()
+ObjectId.cacheHexString = true
+
+function parseArgs() {
+  const args = commandLineArgs([
+    {
+      name: 'output',
+      type: String,
+      alias: 'o',
+    },
+  ])
+  const OUTPUT_STREAM = fs.createWriteStream(args['output'], { flags: 'wx' })
+
+  return {
+    OUTPUT_STREAM,
+  }
+}
+
+const { OUTPUT_STREAM } = parseArgs()
+
+async function main() {
+  await loadGlobalBlobs()
+  OUTPUT_STREAM.write('hash,path,byteLength,stringLength,demoted\n')
+  for (const [hash, { blob, demoted }] of GLOBAL_BLOBS) {
+    const { hash: blobHash, byteLength, stringLength } = blob
+    if (blobHash !== hash) {
+      throw new Error(`hash mismatch: ${hash} !== ${blobHash}`)
+    }
+    const path = blobHash.slice(0, 2) + '/' + blobHash.slice(2)
+    const byteLengthStr = byteLength === null ? '' : byteLength
+    const stringLengthStr = stringLength === null ? '' : stringLength
+    OUTPUT_STREAM.write(
+      `${hash},${path},${byteLengthStr},${stringLengthStr},${demoted}\n`
+    )
+  }
+}
+
+main()
+  .then(() => console.log('Done.'))
+  .catch(err => {
+    console.error('Error:', err)
+    process.exitCode = 1
+  })
+  .finally(() => {
+    client.close().catch(err => console.error('Error closing MongoDB:', err))
+  })
diff --git a/services/history-v1/storage/scripts/fix_string_backedUpBlobs_ids.mjs b/services/history-v1/storage/scripts/fix_string_backedUpBlobs_ids.mjs
new file mode 100644
index 0000000..007eebe
--- /dev/null
+++ b/services/history-v1/storage/scripts/fix_string_backedUpBlobs_ids.mjs
@@ -0,0 +1,51 @@
+// @ts-check
+import { backedUpBlobs } from '../lib/mongodb.js'
+import { mongoId } from '../lib/assert.js'
+import { ObjectId } from 'mongodb'
+import commandLineArgs from 'command-line-args'
+
+const STATS = {
+  total: 0,
+  replaced: 0,
+  skipped: 0,
+}
+
+const config = commandLineArgs([
+  { name: 'commit', type: Boolean, defaultValue: false },
+])
+
+async function processRecord(record) {
+  STATS.total++
+  try {
+    mongoId(record._id)
+    const newId = new ObjectId(record._id)
+    if (config.commit) {
+      await backedUpBlobs.updateOne(
+        { _id: newId },
+        {
+          $addToSet: { blobs: { $each: record.blobs } },
+        },
+        { upsert: true }
+      )
+      await backedUpBlobs.deleteOne({ _id: record._id })
+    }
+    STATS.replaced++
+  } catch (error) {
+    console.log(error)
+    STATS.skipped++
+  }
+}
+
+const cursor = backedUpBlobs
+  .find({ _id: { $type: 'string' } })
+  .project({ _id: 1, blobs: 1 })
+
+while (await cursor.hasNext()) {
+  const record = await cursor.next()
+  await processRecord(record)
+}
+
+console.log(
+  `${!config.commit ? 'DRY RUN' : ''} ${STATS.total} records ${STATS.replaced} replaced, ${STATS.skipped} skipped`
+)
+process.exit()
diff --git a/services/history-v1/storage/scripts/global-blobs-db-cleanup/01-create-blob-hashes-table.sql b/services/history-v1/storage/scripts/global-blobs-db-cleanup/01-create-blob-hashes-table.sql
new file mode 100644
index 0000000..05e0478
--- /dev/null
+++ b/services/history-v1/storage/scripts/global-blobs-db-cleanup/01-create-blob-hashes-table.sql
@@ -0,0 +1,14320 @@
+CREATE TABLE global_blob_hashes (hash_bytes bytea NOT NULL);
+INSERT INTO global_blob_hashes VALUES
+    ('\x0002bcb29ab63cf63ea2a1184ac8fba8ad4ea85c'),
+    ('\x0003f8a3f3fdd378689a2b43a11645b7efab8fb3'),
+    ('\x000523b5135f7906791457f4d16af222daa46d81'),
+    ('\x000f7a0870f80279092351a62eb56b0d4ef76a61'),
+    ('\x00111e44854715b956d320009ce922c1aec0deb9'),
+    ('\x001178cfaa6539c8543a5940487ea13035ff3f4b'),
+    ('\x001341838be85823b4b1dbb6d05eb7cf8cae0df2'),
+    ('\x002147ba75e3ca66acc5a2db75a87e68c0d35b5f'),
+    ('\x0025e578e3aee1d8422df2baf2a8351e7bd252d5'),
+    ('\x0025f88e875bea45df7ebcb3fc6a035cdcfd1215'),
+    ('\x00309e45f488298149435a122b2de54682b0d1e2'),
+    ('\x0031cd62555947223cdaf48143a1c8faea181818'),
+    ('\x00321999b116755745f860848df5c02a46058a81'),
+    ('\x003cb2a8fe94990d726e7bcfd26c0a8127f37957'),
+    ('\x003f597aee7f69007664056b751a1cf02c20dda1'),
+    ('\x0042ea088fe39b2081fb3f07e9b2374128b267eb'),
+    ('\x004c3d06ffa20db01ed0d252edaab7742b4f9a95'),
+    ('\x004d63ff674404768d30de548d29483c867ee4cd'),
+    ('\x0050d3b0ba7d2a679a506964ade1b937436b98c6'),
+    ('\x005286233b4bce6ad0c0410be6aa3453fc6e913e'),
+    ('\x0056efbd609735712934e342450e4eef71e3d4fb'),
+    ('\x0066416583fa180b48503a5b590b99192860aa79'),
+    ('\x0067528a0634f0ae369a8c79956cd35524ad9dba'),
+    ('\x006c51f843374eab631493f02b06c554bf353fa5'),
+    ('\x007256a0c038ba0ad54d89b9b16887b24025d79a'),
+    ('\x0079e81766e6a62fe8903b2b13eff435dd8ce6e5'),
+    ('\x007a10e8b2547dfbb1742a4dacfccfa6edf0439c'),
+    ('\x007c52f10813305f1cc1ebcb0f32a5152c7d4320'),
+    ('\x008367616456f828e316fa5bd0388a8fb785b77f'),
+    ('\x0098f7b57075ae747b166646d42ceeb492da5599'),
+    ('\x009ba6e0f66a72cca1f4aadd5b3302bd4be7f5f9'),
+    ('\x009d53db689e7ec30b1431927433b1e377cbfcee'),
+    ('\x00a97b9e818f06c62eb6f1d2e26e6db5545f7053'),
+    ('\x00af802b66ccea4bd5fd26fad87f7f5c8c2ce265'),
+    ('\x00b1e1c78ac81a1dea01540232d49c813b63a759'),
+    ('\x00b597bd97a407d6c1b2da3828bab674ab1028b4'),
+    ('\x00ba1d31eb6e05f339005d02e8a196adafc8a9a4'),
+    ('\x00c50f568cab2ee52463bfba144c5d197128851e'),
+    ('\x00c9323f5a8d299bf596f409799f475f573d6cec'),
+    ('\x00cb3d2169a23b995bfe3de12354d07bc3c8ad7a'),
+    ('\x00cbcd4d1bce83a301fe3c23b51a08695a15f312'),
+    ('\x00d35648f8bb4ffd38fda8e4dfd88b0c64d9d1e5'),
+    ('\x00d45bf167505f106b89fb08671e4137aa890de3'),
+    ('\x00d541e8c43fd26276d24db0a17394caf3c86b88'),
+    ('\x00d7e3c061705c18c275f9556db792e3d38d9786'),
+    ('\x00db1d3c7254add7ad491c99899e36c2082d0368'),
+    ('\x00e5521132d65f8a2bc96f6a0411552dce27a883'),
+    ('\x00e6d6d53c706fe7c08a9fa02917497ff0574d19'),
+    ('\x00e7324096f3502f90da446a0da48e214f3369cf'),
+    ('\x00eb807029fbad2ce159193a6f0973700a7e7920'),
+    ('\x00f53cff5f50f51deafa18690ab4d9d8a826148d'),
+    ('\x00fbdb3662cd0d6002848c3186a28bb2a3359cce'),
+    ('\x00fc30636ab28039aca58a0993861050d946caa0'),
+    ('\x010c5f023cd050a1b5dbee5493036f20da79df67'),
+    ('\x011c123c620bb137b7e45b052b10a12085d18eb4'),
+    ('\x011e8c12452fe515b395ebb97cf732fb7cab3ff3'),
+    ('\x0126e37416bb49353f26841fba65a2b63972a779'),
+    ('\x0129ac8ed95c97949ea61e0ba69d6893be524a05'),
+    ('\x012dcd25c687a53c235de61d4fd6d111747a0b1d'),
+    ('\x013857d219e5b84a298ed1043f7d215c3befd5c2'),
+    ('\x013cfcab5216eefc9cfa5414834dc2d2b6076f4a'),
+    ('\x01426f558712caa574163575157411447c43daaa'),
+    ('\x0146bcf5bc55340fc4243c74dba2dd12d24b07cc'),
+    ('\x0150e77308b734f28a0d647eb03b1b22413b342f'),
+    ('\x01514983e6e74b20f1356bb166174d945ce2eb5b'),
+    ('\x015285953f6ddcf4470842ec0273833df231a641'),
+    ('\x0155d241b3065933e4cb78a992650e2c04d028db'),
+    ('\x015ccb14b9cf7ac6dab7fe3ec8d231fd1f3fce1f'),
+    ('\x0174a7b6b2f5d49a68cb03a1d1dcacafa0a77b2d'),
+    ('\x01777bd4404c0e62a1e44eb0d76347eb3e519fbf'),
+    ('\x017cfb443e51909114c214ed89647873fc7ef382'),
+    ('\x01811fb4e10b8115ca25604eca6080a5a931af04'),
+    ('\x0187f9d33de42335798e0b8246a25b09c64e5ec5'),
+    ('\x0194fba7c500606453112d68089bd3e550328f74'),
+    ('\x0195d42ae479ed9527f04c204c3f0c40045dc738'),
+    ('\x019ca07bb01a664ce61a9bc80e7fb8f12fba84e1'),
+    ('\x01a51dc7d04301ccbb98b88931edf76bcedcdfa6'),
+    ('\x01a89f7e73acce78c7accfdfe738c9bd7c01857d'),
+    ('\x01b2d98566fc53591c64133ad2465e797e471b86'),
+    ('\x01b334a3ca5ef49354be5de0f3f6e6fc314c56ce'),
+    ('\x01b6b259b94508a25da019329508fd3839f2051a'),
+    ('\x01b8457ad7ba46cee30683a2ee12abd26ef33f10'),
+    ('\x01be74110a7497182820a82281a21d8389887846'),
+    ('\x01c0dab906abfe8f0a4f4248b998e97a38d53502'),
+    ('\x01c80917548a3d847638a90ad08b31470a8db66d'),
+    ('\x01cc9854cd638c968aa31ab214e7ee3a94148f91'),
+    ('\x01d0f5bdf7695b3d6ec6f43cfb6cfbc6438af1bc'),
+    ('\x01dbf51cb7cb0d9291c47fa07fce308f94aa5cca'),
+    ('\x01eceae29193e9c2287b312987465e722ada4f6d'),
+    ('\x01ed6ead5962ca3febf955ba704b34c6466f4cfb'),
+    ('\x01eef40c1353ecb6b76d95d642171851b080b0a7'),
+    ('\x01f735a6f58e7b278393a55ccca8b62f3cfd1862'),
+    ('\x01fc91007061f339fb10983adb8c4d30f366203d'),
+    ('\x02020ec9648330cfe3923e3c3451c10e77f3e32a'),
+    ('\x02022cd1b13dd2514adfd5ad7be6fc0910752fa1'),
+    ('\x020299631a0ee2ed2792d271cdc5a80b055051b4'),
+    ('\x02050cba99a42cf5f2629207df48a2e64fc12abf'),
+    ('\x020588f768a515eb8da744812adf0d4bd17114b6'),
+    ('\x020916c6581f5e846e67c9ca3679d4b34360c8d8'),
+    ('\x020c4f09330504209c9edeaf1af1ea4ea5c962ee'),
+    ('\x020f4d75a7259924a0496e9ef514f0388f09b271'),
+    ('\x02144d28910833b77a98b6299012881694f58ef5'),
+    ('\x021b49f74992502cee66ada8650e3ccaf68f3917'),
+    ('\x02284cb5fb07eace3866a8d16656fcd88c176367'),
+    ('\x0229a9d03a0c33295340c95d464de8f1d5e97bc9'),
+    ('\x0231bb284b927936c82516f01b24e4d05c8d3331'),
+    ('\x02322c3162335e1c44b85b2d363ad4c938aab044'),
+    ('\x0233b1a4906f27244bd3f23ea511faa78a40d451'),
+    ('\x02388d7fb3d4414da87f535ac120f081b399d1b4'),
+    ('\x023da72cd18f2319f4afdccc4f79da20a559e8df'),
+    ('\x0240aba349d512ae0b8eb7382c26ba634807bd24'),
+    ('\x02455c15192b293936ed8e27eecf8383cabf522b'),
+    ('\x024745c88fe855c6c8540badd2d4b05b8a2016b3'),
+    ('\x0248da97307110e61ca6e48164e3662f2dd11e62'),
+    ('\x02493e7658699e49a4b02371142317fda8c6b4af'),
+    ('\x024bfab11983844b7d685ecf774dcb11af94afd3'),
+    ('\x024c5cf33ce75b2504e61b6f0512ea889f7df9db'),
+    ('\x024d5130039023726f8ba5a1ab48b42f1de784be'),
+    ('\x0251ab27cf867ec9dfb1f0d93c84b4662e668d67'),
+    ('\x0257b4fe747acf1e8584089beeb5256b5330ca7b'),
+    ('\x026b67c7e344979fa7171eba1a72e83198dea585'),
+    ('\x026f841a425b5dc4c3e9e5efa8157425c9dc3794'),
+    ('\x026fc481b135cdf7386ae0d14a08046795b269c9'),
+    ('\x0273af6ba917c0f9f5e1a836ecb88f6fbb2ecef1'),
+    ('\x02748d4ae22dfc9a93e69555d2d8ebbb1f37bd9f'),
+    ('\x027dd181fb145ee6ff2a03231ca40e4e3270a9b8'),
+    ('\x02828718078500fc15ebb244ec5ef09166e73480'),
+    ('\x02881a567ee2248d506166ae2182bb84c65deb97'),
+    ('\x02888c275e2d41b1213446e432bb0d2d606fd51c'),
+    ('\x02899c619149f488ddf6e8d1e786ba24147409f0'),
+    ('\x0295a5ba698f3bd7af36e3258ee7f0b33094154c'),
+    ('\x029cd1dd853d6b212a9c571c11967cf74330cc3a'),
+    ('\x029d6936c86fb21484e90479402ae96c409f2e03'),
+    ('\x029d7d780ea75c77d5b0a6f88862b61e99e70012'),
+    ('\x02a698c22cd3c1adbefa674997be2444f702880d'),
+    ('\x02b1dd8738b6322f111b44f9e5b98f06f536bddb'),
+    ('\x02b3464b5925a78f09bab96f6f5df278d093b905'),
+    ('\x02b69b4fc8ddc5102ce2023c5347152619e92fa2'),
+    ('\x02bb307bd2670ed0bab10f2029e78ab6afd6750d'),
+    ('\x02bed0adb604dbd438d8b9f28b1d32fa9f8753bd'),
+    ('\x02c0c9f9abd453b4df7e4cb836d550d24ebd45da'),
+    ('\x02c3d6ac89b22b58d5606ce28712cc65c62edac9'),
+    ('\x02d4ba6bf2822c9121c786b08cdf4a5cf59b2a46'),
+    ('\x02d78b937c3a0c20f8e5e7fdf6f0c54dd70ac8a0'),
+    ('\x02d8013ee2954696e6013a2db9d70121e4ddad6d'),
+    ('\x02d906792ae8bccfc558a30c5f862407ae50acc7'),
+    ('\x02e670a22726512b58951381b06f1e96461a0add'),
+    ('\x02e8c995b5b10516688319d37183368ce4ce5995'),
+    ('\x02ea4f434516377f6198d7eb4a8a0eff101e8e2b'),
+    ('\x02efe47ab2103913ccdb69cc46c0681bd7faeebc'),
+    ('\x02f1569823afdc7a279c8f1fc5567e7a3d35214b'),
+    ('\x02fdc89398788d1e277d7b59f617f782c7c45c70'),
+    ('\x030039a38cd8ea34f683fd752af53f03dc8a1067'),
+    ('\x030076bfda268a04902bceb7906039baa8460cb5'),
+    ('\x0308fc869680014ef3740515f4504d8766924dd1'),
+    ('\x0309b9c4d38b61dbccebbdcbdf0545fbec451ee9'),
+    ('\x0309c9eafaa1f874f972c21c200161d7da63d2ae'),
+    ('\x030c33a87d8de5dd9848959d975b2fe03be6fe67'),
+    ('\x030d63e37f76904e38a1e5f295cab17f9a9c0a46'),
+    ('\x0313c454139eb2d7eb2281ced0be78973ee95004'),
+    ('\x0314f9427bde3744955de9eeacf904964637cbb9'),
+    ('\x03168dd8a4800756eaa98bb05e6ee4c8c24f3d60'),
+    ('\x03174f371a164a47bb7761c4b338b1eb925f1d99'),
+    ('\x031b02aced1ee1e7c9a789e2d328fcbe6790ed01'),
+    ('\x031eee72c36a24ed9dad56b6a735529f3993a241'),
+    ('\x03264d8239431d794fa79ebc6a3cdf62496d2973'),
+    ('\x032cfa705cb479900e22aad8a6c570f569fbfb56'),
+    ('\x03346a80b27a53f8e116f5e01eed15aafb67d154'),
+    ('\x03361f6a40fbe4bf55c1855770edd2b5c15eb8cc'),
+    ('\x033a64e91de22118b571c0b43680b0eea8d2e3e3'),
+    ('\x033c171804901d5ca433d9041ecb840494c879c1'),
+    ('\x033c385d0c6389ab19b281c56ede48ecca289227'),
+    ('\x033f0c862e242086d238a6f3b731f5efbf822105'),
+    ('\x0342674234711f14c29da1a251887dfcafa66847'),
+    ('\x0345400a372eb73d1905a4f826aed48d3d60ee8b'),
+    ('\x034b63756c7579e3dbe22f358633e906a2cb6a1b'),
+    ('\x034d83f96baf177d921c0fc38a2c7eca7f458fc8'),
+    ('\x0350e06d43552a71f7fa3b8e7913f741e296173e'),
+    ('\x03561223bb21951444f18e88d995d1179fa3980c'),
+    ('\x035c5baa849c1ca6a303faa88d6862966a8d4ff4'),
+    ('\x035e9bcbee9815b02fd44455d665e61f9bdbd756'),
+    ('\x0364174083a4002aad0cf638ed415ec817c25fec'),
+    ('\x036c45a24cc508847bd7af191ff0226ee93b87fc'),
+    ('\x036ed3106f99b582d8c88cef1c23dd91f4b899a8'),
+    ('\x036f9e24ec707a8e9b20efc47f1d010777cb3e73'),
+    ('\x0371b41681da8f315f72ec2f8344daab4c23330f'),
+    ('\x0383717c8b6253ddcde86714a561bb48c39f5280'),
+    ('\x03843ac02cdfc0de537d1ac88b8f380fdc4070bb'),
+    ('\x03873cda44d924f136df2bbde420d22553fe4780'),
+    ('\x038d722b1395fae5b3451e608d7ed61fe1d920c7'),
+    ('\x03972b56fe0df9e09081218525f7ce56eebce207'),
+    ('\x0398666e9ddcad3d4e68fa0dedbe914bf614fdb5'),
+    ('\x03a3f11dab138c2bdb163a5342a87790b5aa8c72'),
+    ('\x03a6d38561757c6d11364747f919e2131b675dd7'),
+    ('\x03afcacef6f9e812705c63f67ee6b51429a78235'),
+    ('\x03b461eb6679407536fec4a5ec5f854e73ef606a'),
+    ('\x03c17155fefd756b2647b44f19e7d14e75099c51'),
+    ('\x03c191282c15ee966b4eafde44d6cde62816a10f'),
+    ('\x03c1cf9d7fdc10c57d67cae4103c495f0006bbf0'),
+    ('\x03c3188fc6daade5dcefbecb476c71e309ffd6b6'),
+    ('\x03c63ebad3ee0fe21382b98689d93bcb4ff0df8f'),
+    ('\x03c690eec3dc8b536e7970518b8073af23bd85c2'),
+    ('\x03c89188ea3cf6b2a012325c1f37aecc514c201e'),
+    ('\x03ca151a361f4b03c8a5b51b3b05c35bc1921630'),
+    ('\x03ced1a5cdbc77556cf68bcccc151dfe3874717c'),
+    ('\x03cf1c0aeb1729ffc1c6aeaa679260877f89d845'),
+    ('\x03da92a9f5a5b8c4a0f35d13e83dcf4d57384ed8'),
+    ('\x03e0b68cefa6f5abedb58cefec0a0cc6e85c6253'),
+    ('\x03e57511cfecdff8970fb0d53ae91855935600a7'),
+    ('\x03eff2c1783428ef9d6a1f51f73e8036d97eacf5'),
+    ('\x03fb542875b4ef7b9133f5e1a67af4b2e27faa73'),
+    ('\x040102af3e52fa1ceb3d8575975ccc659cf65bd1'),
+    ('\x0402ac900d946203545af3e17c3e6b710c2fca28'),
+    ('\x04031e41ee23d0c49dfb5f44a1158ee193bed003'),
+    ('\x0404fe8609ae92ed84e5d95ebc881ffbcf4ea933'),
+    ('\x0409c2c8e93137029f9de5f965d64d4b8637ce71'),
+    ('\x0411d3c6820874a38d36fa8e033b5a9850d78020'),
+    ('\x0415921b0dbfbc5c082f9f48a73e30833a1bb42a'),
+    ('\x04194147f71f71efca20b606779a64cb3d1466bb'),
+    ('\x041ae551724550f7d17a0c018559e1c04c6fc80a'),
+    ('\x041c2e4207502164235783036d07e6b2f709f694'),
+    ('\x0431abd51b98c7b3542f6de44cde58cc5c02e3a9'),
+    ('\x0433daa19bdf27b018dd76432597b6cb132a86fb'),
+    ('\x04346a1228c00ed33cc4d0c6a0445f247b113416'),
+    ('\x0439096ab607f5cbb48c49b609c2c0478f13e6e7'),
+    ('\x043ecc268bd5d295ae21a19dc5862e82abb902c1'),
+    ('\x0443178d186d59e3df415b529d936356eba29d70'),
+    ('\x044a4753a02cc244ecb5614c794f457bc4630354'),
+    ('\x044d8880699b82883408e991f7cc54c87a18335e'),
+    ('\x044dde929745d48d13601b572a0f586728ebf0a4'),
+    ('\x044e8896500678342232918da5cc3da4946af9f0'),
+    ('\x0454aa4e9750b994c2e552b490a004781cedbd9a'),
+    ('\x045526ad3f0981a0c090c35ed3154c5eb52cae22'),
+    ('\x045b0aefa2475fbc5b6139dfcbeabfbc39221ea1'),
+    ('\x04603150a01a7bf239e00732ace30496baaffe8f'),
+    ('\x04687c47a5e9d35c5d61077460d3fd3cc7bdb727'),
+    ('\x04750868af72916449754ea00654e81f1b44d3b6'),
+    ('\x0478c4ff0f9932fe9c942af364e0b16da8d2b71b'),
+    ('\x047beca0adc54d7750c54af702e854215eefcf07'),
+    ('\x04830e7e1b1b82d07efac042cacef6079c076fa2'),
+    ('\x048d3c255a3d0ac6810e984ae137eebe57e0c425'),
+    ('\x04976b28928cdfab18009ff9dc2c8c0999c501b9'),
+    ('\x04a1d5245f3678246a65bacd584d0983822a3851'),
+    ('\x04a8275ec18161de8909a1653c4ddf1807b05844'),
+    ('\x04a8d84cfb4b27f7e7ef8cfd7cdcf74ca2eb6fca'),
+    ('\x04ad305b755f7af07705a71f932d599b7119e342'),
+    ('\x04ae0152240a9d7de845ce223a0cc803d033a280'),
+    ('\x04afa95de4ef3612a8ab372c491d149361815f64'),
+    ('\x04b4f412281d12f25e72a10c230c8c46f0795c23'),
+    ('\x04b77fdecd42817abcfac278c2b3d64fd173fdf9'),
+    ('\x04c3c9142f0bc3852ad30889bacf05d039d1ced1'),
+    ('\x04c5bd0227959078fd34ecb1f120042a16468015'),
+    ('\x04ca2824d8d91966605a9ab8a37631e239724277'),
+    ('\x04cc67ddc33f1b31ae62ec3c0cd443ba0c1dfdd5'),
+    ('\x04ce21813ec13a7157b1fb3071d5f69ea8864e8d'),
+    ('\x04d1bbc4597237633cf7c28486f0980d7e8acfe2'),
+    ('\x04d3fedcdb4555807b0158cfbf5eabd51b5ba505'),
+    ('\x04d5ab5efb5af71b0a33da0af9051ebf643fc341'),
+    ('\x04d6e5d68cda1d846e51eda87f24e411e9b90ab4'),
+    ('\x04d843410127e1be42245961b910be811e935fbb'),
+    ('\x04d8c0b2800dfe7aad2ebfd3fdace8241543b4b3'),
+    ('\x04e139e9a044540dc819e77af3d99ac9e25d5b83'),
+    ('\x04e3ad8f8c275e96e7f3c839e1540a36c0459728'),
+    ('\x04e3c7cf677257b43c3381a3db36233cf5cf8721'),
+    ('\x04ea8efb1367727b081dea87e63818be0a4d02f0'),
+    ('\x04ec472ef658bbc581afac408d8fa142d4fead55'),
+    ('\x04f7f0cf370ca47b0ccfaeea6b954878c4b2f769'),
+    ('\x04fadfbec4d19b71e2a95753f0a4152316b48bb4'),
+    ('\x04fd7fbf1cf005a13586f43dd845bc0ed04220fe'),
+    ('\x04fd9b717411241f003e3fb299ad8f113f5379b3'),
+    ('\x05024614ca5a145f6812b7e8bfa163c5ea603d4e'),
+    ('\x0504b25dedcebdc07b6214fd03bd529a4bc77136'),
+    ('\x050710a10a2ddbbc35553c3446a512c0354bc4e7'),
+    ('\x050d04693f1f7af67c3f51a28148dbc523241ff7'),
+    ('\x051125deb27b382e1cdb08e7bf2beb4f422f8c9b'),
+    ('\x05113ac2b3581774440d69d16937647a9aec0047'),
+    ('\x0523922e95e1ada1e6f799492f55c9ed1cf92901'),
+    ('\x052a5fc5937b7e3ebef35003c2b09884ab80a952'),
+    ('\x052e934c71dae1c84506a03efb5bd0ec667c0411'),
+    ('\x0530a5b021803106210aa92af8e2b92a66731965'),
+    ('\x054c8877261401487016db0a5a2eb0bca1e76eec'),
+    ('\x054dd530f3d687e755f7df2725df9b25d7e38f1b'),
+    ('\x055617dff76ff174197b0fbca95acf06f61280a6'),
+    ('\x055b466208de1c4091012b3a6c798c5133037441'),
+    ('\x055f19936c9883af5194a4a7593e45ba4226a969'),
+    ('\x05601a82f3d625fe059ec406b516dcf1fc41a2f2'),
+    ('\x056c0ba903d81b1563a1b309623411f2b61990f9'),
+    ('\x0573181f4069653e871ff3cae4650bf432512127'),
+    ('\x0575c72fc021ed6d133b201a4e8fe43db250733a'),
+    ('\x0579f456bd26aaa321b2a74ca85f0e03cc37d83b'),
+    ('\x057e884cf462bfdfe66c2353b6efa6337931d2f8'),
+    ('\x0580633a1b3ec06613c68eaa03ad8e518d0958e0'),
+    ('\x0582692a8040c30b114663562d4c2d620b0f20c8'),
+    ('\x058caea9cec84245f5d14820a66bf35a309dc34d'),
+    ('\x05920dd9fddfd88a7364e18fca6e5fa04a2a687a'),
+    ('\x05925ec0011f3034afb1140389cdf95676a3eb00'),
+    ('\x0594882854daacfe89c3f3bf58a041fc22316c36'),
+    ('\x0595d8255fe6c68f30d38ec2711a9897ab700658'),
+    ('\x05969b18deb5a084fa0ba26866c912a30516c357'),
+    ('\x059eddd8cefe7af5df2965b0636abfd64142da3a'),
+    ('\x05a2f299571545fbbab6aeb2a59fb29b05c2486f'),
+    ('\x05a3cd718d4053e9e902a44f67864c581f9f3dda'),
+    ('\x05aff4d863cc6342d81f1c0b30fff4a38bd60e6a'),
+    ('\x05b7eec04dbb3d78b251f5fb270fa15a2f8549bd'),
+    ('\x05d8d0125b4993c35e4aabd6b0cc7d76f4b5b6a4'),
+    ('\x05e41c405d17dad31ad25722ae57e71da956425c'),
+    ('\x05f4383de2a48d6cc6a5931b58f72b042fda425f'),
+    ('\x05f9dcf2e296cc85923505857bd24393946d51c9'),
+    ('\x05fc9b7edc5997740b9f46a531d6375c1687049c'),
+    ('\x05fdbe6d7686deba7766cb08d43626de20a4f50b'),
+    ('\x05ff3a02f6283189045d3501967afe4fe6366feb'),
+    ('\x05ffff5d2cade75b635dc6213a1de431312477e6'),
+    ('\x0601683c9f67c7cd0401b3734bace92a4506984a'),
+    ('\x0602bc0df0a93010438306cb024517d6fd1662ba'),
+    ('\x060d225fa834621d3ea987c272e6d4ab4e1bcf0e'),
+    ('\x060f337172152eb5e9121c3e697ec016ed63ec8f'),
+    ('\x06112ab06886c0a751cee1f599e45ecb2df3b666'),
+    ('\x0617c43c6fb80d4bd2360f499e7fcf0730d250bd'),
+    ('\x06188f473a029a1f64633fe5bf559d0e7c47afac'),
+    ('\x061a8234d2ef738590f3a0d01a61ec4d61a945f1'),
+    ('\x0627166b623668215a47fad3848d50a4583ad587'),
+    ('\x06297d9937e88eb254121787ea0f4121c83b3127'),
+    ('\x062c024a3429d6fb739ac336324cc5ef31a9dea7'),
+    ('\x062c93953cbd9968d65cd61990bf8114afb4926a'),
+    ('\x062ed2e9726cf6dd9901672674e4ac958c2559cd'),
+    ('\x062ef8bc974269b1f644af72fd33d07d4e31cd85'),
+    ('\x063f9564054742d4a57979d4aff7969abf5af9de'),
+    ('\x063f9d82a55ca6f2767a62cddf0ce9f4edc02582'),
+    ('\x06509b785473bf333659a972a845676c6f552540'),
+    ('\x06574d0a1fda5c244ab0404b1fcaa0dd95b7c527'),
+    ('\x0657fb0f4ab09254a454ea27bc9e08b637053886'),
+    ('\x065a98ff1e400313a99dbca51e19fe5bd9c3a5f1'),
+    ('\x0660b050d27995e4f3080977db8743706d0d7369'),
+    ('\x06632fd7f5f19f6bd4d61c4d3ded0549b59516aa'),
+    ('\x0664dc407f1d7818f06dff7eda244e2a2e3d52fc'),
+    ('\x0668f931945175ca8535db25cc27fa603920cc3c'),
+    ('\x066b6d4e538f19b5f8099c401031979b75b9a745'),
+    ('\x066ea5f0fd98be48e13b253eb0dda9ffcffc11db'),
+    ('\x06718ed6c1fc325e5ed747634d5d254057fa9a84'),
+    ('\x06738674d4e35bd845bc08e5564e0066c0cf2ecf'),
+    ('\x0678839bb58897658a00ba22c4f66f94b95aadfd'),
+    ('\x0679841e1ab42648014bbcc31aab351e64c4068e'),
+    ('\x067dda54cf810187576fa1cf104f77c1c05720da'),
+    ('\x0687fd1e3e06a617e20f7597522b267864db20ac'),
+    ('\x068d8589098df7f9fd130fc324285d5a9602cf44'),
+    ('\x068f2ea8c49d9ea0910482c2fb72248e2ca9f8f7'),
+    ('\x068ff0e74b03fd7b9185515f1d01bde4d66c72fc'),
+    ('\x069802618801661c3715cbfad2b1557495e1b83d'),
+    ('\x069fc85bd7d7cb98eb1cfaf4b6be03de4e4c2f07'),
+    ('\x06a1cd580ffdc61e01fd5ac61f54943394dcc122'),
+    ('\x06a5bb0f9d09243ce6bf7d2085bba41abfbf8f2e'),
+    ('\x06a7a6117d3efdf23ec2c63f046aa32fc13d752a'),
+    ('\x06a7c9ab528f769fa3dde9dd1d5831aaa50e1354'),
+    ('\x06ad00011a727e9ff263ee685d974021cbf6185e'),
+    ('\x06b0cfef8094132fb4cc4fcba1f43fa2cad92403'),
+    ('\x06b0f85bd893fdafcf12884d4c11236b3a11bb3b'),
+    ('\x06b29dfafcc6e06d154fc0c7be3c68fd7c0e909f'),
+    ('\x06bca61ef1b2edea7aeb80a11a4168864fd74204'),
+    ('\x06c1905a0069f10595041f5dc4f70e9d60a2f104'),
+    ('\x06c5b540bd78339f51d0e7923f69205fbf789ab2'),
+    ('\x06c5c5861f6621dd44a9e697d85d463196f582f4'),
+    ('\x06cd27148ee551bff90fe2b52d97fd9e0062f0a8'),
+    ('\x06cef5ff777a14a56fe70af934fef9c9f62df580'),
+    ('\x06d280e934de0ef274f37798e94127418965a670'),
+    ('\x06d4033e5c77da843b142752a7d66add3106e636'),
+    ('\x06e0e2f6523554efca40e54d8c4501b0c704074f'),
+    ('\x06e250c7b3adec158cf18ce473f406f67bf00049'),
+    ('\x06e2a03901e3df1636d13e47d7de9f18e4b369a9'),
+    ('\x06e60dc78a21607092905fa1573cf31db1315dfd'),
+    ('\x06e9d63ecee942ae63876037c10108a12c304a32'),
+    ('\x06f32c281d6f23a37b3f40e7b19ba2dba03a16a2'),
+    ('\x06f3bdc9c00dd0a1cfdbe40cee9d220cb22d1778'),
+    ('\x06f4b48d7aac4758900d7e2d7e1d284be1da6159'),
+    ('\x06f50168cf4640d43c2d78be85e61a096e02dd8f'),
+    ('\x06f5785da5b536749712cb7ffa4e4668356ef376'),
+    ('\x06f76ba06b8577fcf4d90de81ffa6efa8d9ce3cd'),
+    ('\x06f96da5ef0d1e6a259f182f57aa7b27414e656d'),
+    ('\x06f9c58123993fa447aaee1d82fc23a6b0e42abf'),
+    ('\x06fc805d103aefe05ba1769a1b08a16039cbc542'),
+    ('\x0703f1b41b90732f4145d289cfe5cbee51d8aece'),
+    ('\x070465a82800f00b1ee250cc356ac03cde9178cf'),
+    ('\x0708c517ca41e638ed1a79dfb139dbbf3e5e8c92'),
+    ('\x070c76ed2641f62970a7c105e87c78196570e8ee'),
+    ('\x0712a0356fa8c2d1fae06326b8c497995998cee6'),
+    ('\x0712c3f6c249205a562769eea13f34b720a8a09e'),
+    ('\x0718ccc52dea057fcabc3f24fc2baee6a73fcc98'),
+    ('\x072b6a11d602d74cbf9d27e5f8006ecc0db51091'),
+    ('\x073ab95b88ecf561fc64ac5e681d6160d89dbe44'),
+    ('\x07410a3754a5e3f7abd56ef3984f46b606cea083'),
+    ('\x0742fa1845ee72c764a779b28e21ce38183a0c65'),
+    ('\x0743ae5de69b0b24c234e1ea66a8968150cfb53f'),
+    ('\x0747c67faf391ea5b2d2d21cb520cef6a2ac90d6'),
+    ('\x0748aa4b58a95fa7654b6e4a8ed531baf61dc5a1'),
+    ('\x074a54201584b101ee817484120452352c024d19'),
+    ('\x074d7ddd1b9962769b5bddb628b9c0e4511d41fe'),
+    ('\x0753b81e25eb7edd190611df7c05775cef7b1344'),
+    ('\x0755da4d59e1ca1ac2e242a2d7ce96aaa6243283'),
+    ('\x075641a2caf407e796945fdeaa874b0a5357c09d'),
+    ('\x075a0d9f8eb91e5d797baa1077bfde98eb1c6824'),
+    ('\x075dc83cdafb69fbe902792d1410650dfa191ff3'),
+    ('\x075f8512e27e72a7f4b43797138d7492af17dd95'),
+    ('\x07610d602b5028d3fbf3c87cd34a23f4e2e6d066'),
+    ('\x0761c773c079222a5e983fa10e5276a49fa01635'),
+    ('\x0770059b12ed2740a55d96238cdccc86e8a72777'),
+    ('\x0773fd921a4dfbf3ac00b5bf2a086b96fcb4f9ab'),
+    ('\x0777cdce522ebb770830490842fe14090119cb8f'),
+    ('\x077e911ec5d4c7423cc9ebeb47ceff7c1303d910'),
+    ('\x078fc04ffa1b8d4bf0d0d5df722788cf2b195c37'),
+    ('\x07949dc1103b24c85b24fe388c3c351fd956e7e8'),
+    ('\x0795a31353a8694569f7bbc8c15f3fddaea1e824'),
+    ('\x07a1946173a49a83d54cae2f885fccd5519ed2e4'),
+    ('\x07a5fd368d4795427095a1305d5a7ebd9554946a'),
+    ('\x07a72880ecf6f982aebd400289cc04b1acb1d137'),
+    ('\x07a9260cad8b4b69c45e589832595203dadfdbea'),
+    ('\x07ae73e55a449746b7e376c57765739a565c0529'),
+    ('\x07b69444f08315f4fdc92fa15404903213adb4b4'),
+    ('\x07b6f9ae6db76074988b931168b4212bf89fa80d'),
+    ('\x07bc8eb3bec2bca8fb3745313a31d4e36be03234'),
+    ('\x07c9583f05b21257a4baf6ae40595c622c69c83d'),
+    ('\x07d537a73cd0329fd9068e37fd60863133dcac01'),
+    ('\x07d67e26e22354194798329ada91b9502dd925f4'),
+    ('\x07daf3adeb81b961a747b6ec2e6970023d8f21f3'),
+    ('\x07df451789f6e92a026c77e3554313c5c1582a8f'),
+    ('\x07e4d7d6bce9a17b57aa2a5cf2cc72a6a8f32f58'),
+    ('\x07e4f14096382d4851536526329fee8bb255eaec'),
+    ('\x07e779d54505fae49fdb33cf0894daef08e2cf79'),
+    ('\x07e8874e40b45a29ae4a74f234c49d8da82814e0'),
+    ('\x07ed906c9f2de07822f1d6266423895fbc6ed3de'),
+    ('\x07edd82b4951c6f321ceeca501ecc90709d875a4'),
+    ('\x07ef4380c1dc8e0102bcff151785d2cfb6856c49'),
+    ('\x07f380cab59796eaaaebea429da7bfd91feeab5c'),
+    ('\x07f7ea438bcc6a391a81fe96834d76b1722b72d9'),
+    ('\x07f9f287fb465f7fc70ea55a7f3ab8a9196ca14d'),
+    ('\x07fa25158221f991ea68bf8494f18842b57877ae'),
+    ('\x07fbd158cfa4f3a6e643629420e9bb9f5d53a182'),
+    ('\x07fd1d7ddc6a5121bd8c5756443fba6a6de2ece4'),
+    ('\x07fd88812a165e7fa3713592a2f79e763257e9de'),
+    ('\x07fe3ae4317c2cf939128ee7c0b8053a468474b2'),
+    ('\x080723f6ba1d5c27743d154ea87f065e9e73c824'),
+    ('\x081671b6aa225a2b8431248df67a32c91c7bfd6d'),
+    ('\x0818d5c01d33479fb8cc7741aaee673fb3670695'),
+    ('\x081952dd477b53623044f8d86de07136f9c58f4e'),
+    ('\x081ce34749400e841b4e2802a8d52edda2d6e136'),
+    ('\x081ee72f6e9f03babc56d9e2bd3ee334ac4868ce'),
+    ('\x08218ab946b6aa7f1775f8afc3167e922e6897dc'),
+    ('\x083823c998328c049448680831a437b3fa0d18d3'),
+    ('\x083909a9cd7192f3a5d924d8ce0cccc0e07e1a24'),
+    ('\x083f711df219e1e6060aac7912a050af24182256'),
+    ('\x084106dbdfef76c6763be54e9b3916f23369b3e8'),
+    ('\x084a7d1f8d13f74530095ab463c4b0b3bd809d97'),
+    ('\x08526192f81c8bed23b769b80906819a62e5b74c'),
+    ('\x08575f171c5f4ad1e07cc10fcdab761fdf51aedb'),
+    ('\x085a2e42677481bd3bdba8cc76e66117bd8445b4'),
+    ('\x085b68b10d656e8eead9c096a8bd74ceb4cb407b'),
+    ('\x086291f29c7435c7a86e2292a650fa62732ba13b'),
+    ('\x0872d92951aa6241681a8c4256ddb4a34aeba8eb'),
+    ('\x08741bf21c11766e4dfa40fd2e5fe68452320f68'),
+    ('\x0875c65b52f979fc5e44dd02dc7ad8c89009f7f4'),
+    ('\x087dff3b29ef4a333093f492126ce3f6c2f84be8'),
+    ('\x08865dab8e02de4ac124cd4d4ddcecf110fe6de1'),
+    ('\x0886b105448c8987bd5d5aed4084cc864e55f8a0'),
+    ('\x0886bd268ea8eac119544af4abcd4cec02a556a5'),
+    ('\x088df89b0e03165a3b4d897644f301e4f117f8f0'),
+    ('\x088f2389d9de572df25be3cb4502f3b499919350'),
+    ('\x089247f33f3840763c9706a2c62bcb19fa4cb431'),
+    ('\x089318d021be8904715cda4967cffc6f8cb8e5e8'),
+    ('\x0895f8e1b77688a594e472679b58755a330f34cf'),
+    ('\x08a208fcc50d7fbb129801c9e5e36944f09c4db3'),
+    ('\x08a326660a6f717740e9deaf7c8baaf252a17be9'),
+    ('\x08a5fc3bb39d348351f17188611b9c5840770ceb'),
+    ('\x08aae9af5b715d657703a5e1c027dcfd86d30191'),
+    ('\x08acc0a75ecda66a6672a2ba2d19bef8cbb16965'),
+    ('\x08adb73cb66290522e6d9da8c76a95a263bdf965'),
+    ('\x08af36d99700b2830ae2ce0e267bc78104692f02'),
+    ('\x08af6ce02f1e2bd2362a68af34d7b370c859d74a'),
+    ('\x08b6906f410805303a3247e9bc9bac92647c714f'),
+    ('\x08bad7f3f55e9541bc6e15884c8dff3169574804'),
+    ('\x08c1f321f12cc3786fc7fda60e605eed3ec0608c'),
+    ('\x08c3d5295b1b2d96d837227d316fc9d7fd147697'),
+    ('\x08c89a66642c14c95f3fdf81bfb73859d6622ceb'),
+    ('\x08cbeffa5cfd336241203e0fa264d141c74926a1'),
+    ('\x08cf9bfc5ac649c4c981357c9179dbe5eb1c54f8'),
+    ('\x08d7ef4cb99357dccd1c7f3b5c2f3f9146cf8c8b'),
+    ('\x08d82baab9fa3596bd1fbc750dc60e2ba5533a9c'),
+    ('\x08dd2b3bb41673783f4815aeacd726a9d53f4507'),
+    ('\x08dd9c52b1e12e9b19f4f789d9a9ef0b7b0dc0d1'),
+    ('\x08dee46b0de3a6d623a7aa6d0cbbc070adfb26cc'),
+    ('\x08e83a1e276d4f873b10cdbfdfdf13227196fe03'),
+    ('\x08fe9a0d0782ca21c562954042a89d0f25fa55f4'),
+    ('\x08ff0b9a10343837c9811c8d6e94caa6c20eb433'),
+    ('\x090109efec8047c4ef1580496fcc42d47e1bc846'),
+    ('\x09014d5656008ebd78ca8f424191e09a484b5b64'),
+    ('\x09059712d16a3bf869ee19b6121b5476ea53d4d3'),
+    ('\x090dd378bfd15bb4bd8e061f55253206f72cc06a'),
+    ('\x0916de181046eb62303bb04030ea72408926badc'),
+    ('\x091f49b1019fe9c3db36c67c5c9197c94d5f4556'),
+    ('\x091fcf229feb53072014d3492afddac7d80d9f3c'),
+    ('\x092a803d84be18adcf173803802520ca64127291'),
+    ('\x092ad0c39efe87cb1e98eb4090bb0db85af69a95'),
+    ('\x0939041dbc39b1e92083beea9089af6cba5c87f0'),
+    ('\x093c22b906f84cd6454eff0a5e0094c1b93b3a4a'),
+    ('\x093ecc2d83493ba10fc29f7a7410296daabd70ae'),
+    ('\x0940229bc629b6e44a52ae5d3ee935be895f83f7'),
+    ('\x09411aeb5ab394307ad90f75fcf60b00bf9fbc8c'),
+    ('\x09417feba104d5a70eebacc1028035adb80c9c79'),
+    ('\x09431df764faefbd41e6f3474c3738014f89ddb6'),
+    ('\x094b468980ec3a71bb66a4791a9ad4c1be2302a2'),
+    ('\x094da1cfe5a94f84bcee5ccf572e3dea3ab10734'),
+    ('\x095679d740bdd69804ae2e73dad739311a9b17fd'),
+    ('\x0961fec84d4d12ce2222d94b4aea087e0d4a4863'),
+    ('\x09662fd727bc3a8f4c31f643a917a00da30ad516'),
+    ('\x096736b5c081f118951f73c632bb7764e8e266a7'),
+    ('\x096949614c3bf77c6b4ba5c173d2ba9e2eacd86e'),
+    ('\x096a15e424aa909aab43fb8ede78767d7b143b11'),
+    ('\x096bc3f45908e322f3a3b49c3d0025caab6befca'),
+    ('\x097185b6ba13c4c22b76d917190ff0647bf1721e'),
+    ('\x0975f3f9415c63e57f44e62867043e3b1b9416f7'),
+    ('\x097ce01190efa1a7c7c1250767f12778f3aa1923'),
+    ('\x09863b7d327901169ff6de6ce58be642549dd5f2'),
+    ('\x09869c44503ad3cbae3277cc2e0466bf49adb65a'),
+    ('\x098c8df9af1c2fa263c4a7b001da01497cc2f95d'),
+    ('\x099264a04765a235ca73d78557050062a9be744f'),
+    ('\x09958d3215e0dc71b22a7c9da57c509810e66d84'),
+    ('\x099d3f6726df9bab2d20f7c89d88df2ce35cc662'),
+    ('\x09a29a9ce6f2258fbae5cefd6fd01ca7a59db15d'),
+    ('\x09a37a1ffd00720eb4b05cb51c87d7b0c5920117'),
+    ('\x09b07f14d4049765dff249a748c506a60afcfff9'),
+    ('\x09b42d27552b11d386be86d86ef59de991ad969a'),
+    ('\x09b436d8e70e0d3845f71d52477c526d8594ff44'),
+    ('\x09bc40f9e4b3a8023585e911e500ef5175e094a9'),
+    ('\x09c12e46cdb587e373b1931146c95fa50d546da2'),
+    ('\x09c256038834952821e79a3e776a30641c7dc75c'),
+    ('\x09c27f8d7199156a032c712d323655043820b0bd'),
+    ('\x09cb01cad56db2525166e6248655859373d0e906'),
+    ('\x09d3977dc73a99a5e1ed38f5f2c41470864cbb60'),
+    ('\x09d73984cbcd794ac3e0c65173399f3d747a8ba7'),
+    ('\x09d9fe1107020cf49cd10f833ca2f91373b370e1'),
+    ('\x09dd79c6ded30a2c31043ac387f7c96c5db4f805'),
+    ('\x09e09b30c206619828a4bd2751d848f0d722e050'),
+    ('\x09e94ebaf9097570972e02dcfcb288e02b336bfb'),
+    ('\x09eb6fc3d7d6e5838f6fb4eb239216d5ecddae82'),
+    ('\x09ec4e6db0b14d94699311b66b9c74a22c4e4f50'),
+    ('\x09ed90daf66b7114a26ca0625db7591001a93190'),
+    ('\x09edcba6fec1736b1dfef2b415899c59ffce91c6'),
+    ('\x09f2545a5a5c1598153fc04e40537318827fa114'),
+    ('\x09f509fdcfde0543cfbc37e4f64c02e11d9b4972'),
+    ('\x09f678f2c25ffd7022d103e1042b2b66b0a51c35'),
+    ('\x09f959877f805fdb87c88efbc930da5b34e037c8'),
+    ('\x09fa411f84f12434ed83f2be3e5e3cca3f19b3a1'),
+    ('\x09fa4266508b1b218231788241b64c579dfd8d8a'),
+    ('\x09fad11c8dd3b74fb1d6c3e25261c5541b5b47f7'),
+    ('\x09fd7375583b86b123ed89fb3dfcd819acb57911'),
+    ('\x09ff186ceed8bbab8f508e7e9c824427c65105bf'),
+    ('\x0a01ed88b8ef3540708021ed4d6a47a34f8ae970'),
+    ('\x0a074c1847f172c59a9943a08de8961c82c4dc9f'),
+    ('\x0a0a636a5cef9ef840d6805a9b791c95494af076'),
+    ('\x0a0bad444db19e7b7707be017508620266b3ea52'),
+    ('\x0a0d2676383268d194635163308c0c7aa1917a49'),
+    ('\x0a0db5d3c87efd646eda7208e95bd97bcd0235e9'),
+    ('\x0a11672e8574f47c768ad92fe3f006b72af2c563'),
+    ('\x0a13d93f518cbbd5b2f915bc7d147ece05bb2bd3'),
+    ('\x0a14fc5a5ce8bae0c83621e607cb61b0c240d392'),
+    ('\x0a1b36a8b14850b4fba7b476e76add54012d50f7'),
+    ('\x0a3444734224337b4a3e72822ae6f9fcd96bce53'),
+    ('\x0a3593219cd24e5bfffa27d92726230bbde5f2b9'),
+    ('\x0a3aed50064e45d0aeef6c53407d6dcba432319b'),
+    ('\x0a3b955a4e46b11779f8ecb5641725f3b11c1e40'),
+    ('\x0a3cb85a63dda62ca24ebe4b326180df2d298d7d'),
+    ('\x0a4322a0085010819093356a1bfa215ca65732e4'),
+    ('\x0a46b66534bfa9e76e0b4e3878f6dc8b8fd2cd2b'),
+    ('\x0a475ebb0d4ffd35c4996380c6ff5e475c02bcfc'),
+    ('\x0a495cfe42c3419a09341c20d02dd1c7a4f452c7'),
+    ('\x0a4bebd8d92f59bd8950c3044f2563cce8a0af91'),
+    ('\x0a4e2864be29e43715b756174fdba26cec53fcb0'),
+    ('\x0a4e8359d02348837b36b8e6ca579a2580995162'),
+    ('\x0a5384d8ef449b7f1fe0e724c03421a1ed70eaec'),
+    ('\x0a558967ab234867680cfbc7d01993c235edf2c6'),
+    ('\x0a56c6cfe7ce51ca8bf5d858bab681794b8cec89'),
+    ('\x0a59e3dd961f366ff4f96f26de8e230f71d22cfc'),
+    ('\x0a6e0d3cd096f32a57256f1809d8cdc7521eeaa8'),
+    ('\x0a744f61babe075ed09e9ec27a79fef03afa0b66'),
+    ('\x0a840642745f3fb59476eada65ccb9664417da39'),
+    ('\x0a9051ad9d4c9ca1c228996991657c00a175827e'),
+    ('\x0a92b1f3bc8ae94d982f5f77517167451fc68f50'),
+    ('\x0a9606c2c54d80b511dfd1f6952dc8efc2677906'),
+    ('\x0a96d819ccc97fb51c76e200a6268c66a7787405'),
+    ('\x0a995d3b8c91f81478becac4f2cf1305f5cd238f'),
+    ('\x0a9da21f2f23e5bfeed573e148d770bf65eef585'),
+    ('\x0aa1523c40d28aa580d06d22518473343770ffa2'),
+    ('\x0aa29b4808263526354c8ac83509ad30f59582bd'),
+    ('\x0aa6352b66c9908ab417843005f4722ad5874b9e'),
+    ('\x0aa6d7b17e732e6a5b1080fe4e6eeaf0af3c67ca'),
+    ('\x0aa83f04b4454b48bdf49b4a5649b0ea17372f75'),
+    ('\x0aa8ac6d99c2fb855a5e18678a04935c933a5b41'),
+    ('\x0aa8bafe43dba8e2eb54b348fd0ab01e19eb4f2e'),
+    ('\x0aabd560a3b81ca623e4fc88076f8f5e0536891a'),
+    ('\x0ab2c2d06a9e13ee4d7f04530a04c2d486dcad29'),
+    ('\x0abac6df1112c4bdc7958f5f873d0ddcd3093553'),
+    ('\x0ac0a320a28e49fc21b862d7572876c1201b6106'),
+    ('\x0ac396b557e57936629dfd0b0e36b01bdecd4504'),
+    ('\x0ad9cc7d916c002499e4d079993d44311c33804e'),
+    ('\x0adc1707980011636c0f40c2139d77dc7323fa1a'),
+    ('\x0ae7d0fe9c372ca958f3251320fc5a88615d45e6'),
+    ('\x0af662b9fc0796b623f7cfb4108568dd72d75582'),
+    ('\x0af99167ae31436a8b776f3c16800fda8e36a3fa'),
+    ('\x0afcdc7420b63b4b838144998dc0888783e15756'),
+    ('\x0afd23c1934ff7edfdb1a6f2bad1fbbbdc8db3ba'),
+    ('\x0b0d8611f8d41ddcb8f7a4fca4f4e57689556607'),
+    ('\x0b1686236c1d10ddc7486b7872d234c62c66e6b6'),
+    ('\x0b1fa09dc57a8df1280f8ba96fa2153b4393b65e'),
+    ('\x0b1fc47cbf7bfaef371a1a0d71d9804f3327a6cf'),
+    ('\x0b23a9eeb05e4ba54c90b54a5b0c8deb15ffc7f4'),
+    ('\x0b251b6b4f76e63cb87eb98f5230307b396eb340'),
+    ('\x0b26bd2e8c04605300ab91b5b3e2440b53e987e0'),
+    ('\x0b282c853bdbbfef9eaef69da6fa97d0db523e2b'),
+    ('\x0b2a441fcac63bff0815b7fe2293a9cecabbd8e8'),
+    ('\x0b2d1a1152376b8816b82bedb9628bb4dc41811a'),
+    ('\x0b32c59cffd62ebd5363e2258fd23588891a8bbf'),
+    ('\x0b37ffbeac37fa15b3b0f8bf065124e326b2bbf0'),
+    ('\x0b4d7e4c69e42be3cb1730437e51e8983c880361'),
+    ('\x0b4eafe5291a173f8cf99bb21ea94dfc5926926c'),
+    ('\x0b50706ca5ee2d8fa09df2c474d9b8083ca9a166'),
+    ('\x0b511c58b43704b61478bdc6a4161808e7ac1f6c'),
+    ('\x0b521944e297574b834639c5ff7ebf0625619a2c'),
+    ('\x0b542aa86216a17711fcbc5b1e827a4592c45517'),
+    ('\x0b5439549ee07308cea26459bd03cf2c3e2b4258'),
+    ('\x0b5817dd212bb2828c709445f87f4233e4fef31a'),
+    ('\x0b65ae50f0e0bf58a76583c7bbe6528d35d7cfc3'),
+    ('\x0b68087b000ad3a6c091f36f99968d4354fead78'),
+    ('\x0b6de8d7a737ae7b5a25da1b612ec1c38745b0eb'),
+    ('\x0b6eb3527c189077f6968d72449de6864355f6ea'),
+    ('\x0b722b28ed58844d5085b09d5b979502ab4e74b4'),
+    ('\x0b755a8690cbf9aa1d5147ab8ca7a7fa5c2d4ca0'),
+    ('\x0b7759ee40004dd5d05792fdc23c20cb8f5eb824'),
+    ('\x0b7927c392fe563d15cab9df2615251974b5f3ec'),
+    ('\x0b800f59942459891ba85e2df3fc805703f1c89a'),
+    ('\x0b81efb6a4256120581f09b0bd3a2604840329a3'),
+    ('\x0b868100598ec8725a199fa82af8f990ffecd972'),
+    ('\x0b86872b90e4424ef6a58512676bf3694d897711'),
+    ('\x0b877cae2a6c03b70424ca7987ffaf77b5329a45'),
+    ('\x0b88c91336ff8073f34d21ccd683a01f0e0995da'),
+    ('\x0b8b26261529161929cfb9748f6c306a9acaa2b5'),
+    ('\x0b8fd2f9ee5a069cfc35c37ae404dc67abaf3509'),
+    ('\x0b94865b95b192ace311836dd4f1f84bb175b588'),
+    ('\x0b960f8a004c4630f2567d00b25a56efba9981e2'),
+    ('\x0b9790f9c62c57b124ce2849d119ee63ed32b2b5'),
+    ('\x0b9fe32f9b187558ea40d01af62101defd7682f5'),
+    ('\x0ba0cb75a2e524d2ac8f00e1a799db6ce06f9dd2'),
+    ('\x0ba3fe32380c2bd1aaac245d8fbd54e03ac6e44e'),
+    ('\x0ba67d2b7867fce96981e099fdb436550fbca86e'),
+    ('\x0baef5b69ee612e8142a4ec63c843ac46f881f45'),
+    ('\x0bb8aaf5cf33b14817c9ac070b5222271d1f0041'),
+    ('\x0bb980102bf743ddc0879a4a495f2d6e288d2bfe'),
+    ('\x0bba2bcee0774bf5036add9616f4cafd1016b528'),
+    ('\x0bbd7f4ea76a6aed1e26feb3786fc5e0430452a0'),
+    ('\x0bc055a52d6c31b4cc34ff8c75317098c6c26198'),
+    ('\x0bc373642e8934f7b3709689cf7410b5dd66dc55'),
+    ('\x0bc394d7dafd148e1d1dbcb9b0817219487f12e1'),
+    ('\x0bcf6f82279c12904328e5f0cc843a1bb27aac4f'),
+    ('\x0bd74180b2a1fcb6baf6ca99065e76401f512785'),
+    ('\x0bda3e34630abc1fee266b22ac793ae2adfab2e7'),
+    ('\x0bda55756efe083d9e7da1fe57438cdddbfd536b'),
+    ('\x0bdf76af68f6ccbe13facdc49cea92d67a168c03'),
+    ('\x0be12d76f3473bcaa22c6023da2af9ac4615b14e'),
+    ('\x0beadba7542e20485dc4e851d44135ab2fc1be05'),
+    ('\x0bf691cb7ab44180176c4e59bdc23df743f03516'),
+    ('\x0bf91819f86db0af7aa7227bbe3c3dd19710acc5'),
+    ('\x0bf9820ef9d02712bbcf25afa23019fad4fa5745'),
+    ('\x0bfb6e322ae1a447999f191e042878ddcfe292b6'),
+    ('\x0c09c9b390fda0971c7db42f6cb5702e940026c6'),
+    ('\x0c148678241bcea273282bcccfbc8a362dc32531'),
+    ('\x0c167b6769f77a5947434b64192dbe789ea4f8d4'),
+    ('\x0c17982ce8127ccd5d392468ad6bb4ce8f2bb424'),
+    ('\x0c1e4940a6ce579b9eddd5215e17d7a5948434d0'),
+    ('\x0c1ef086ac4e4b4619b707459aedb7c033458827'),
+    ('\x0c208519f30943648501c7477cf6492f2cf2d69e'),
+    ('\x0c22ae53202ff233a77531a32064cf1800dd0d23'),
+    ('\x0c250b1ea5b0d1b3a7d6b1c9bc917b5425d9279d'),
+    ('\x0c25f3d9b7c60a902778239125d38148900662fa'),
+    ('\x0c292b8e012e7a66548eae65a0270b80b7800017'),
+    ('\x0c2db68963de76f5b00058de2fa21b6b5ca61f45'),
+    ('\x0c3108df329cb263713c0cba3241e978cb250cbd'),
+    ('\x0c34d16e0d517b206e6bee0e83ab6d4f4c96e2b8'),
+    ('\x0c36d320af93e04274ece724325917299c88a302'),
+    ('\x0c3e02cb31912d42886497e69ac19a038f350291'),
+    ('\x0c478df3efd52c28cfe5b554c845b4fcbf422cc6'),
+    ('\x0c4a51a05eb6cf82bd55c41322e668deb4292c43'),
+    ('\x0c4d3ac31da485d6920c70c4662653305455f179'),
+    ('\x0c5077e9ab81d044d910e21c4c85b5c0cd18cf25'),
+    ('\x0c541c4d88bc239998c89eadc4bb52f47bed40f5'),
+    ('\x0c5527a363ff841f458064e2583f358a7fda52c6'),
+    ('\x0c55ac95333b3044fa3f5f834701f9c7123af5d1'),
+    ('\x0c568ec6f7ecc471d9563a835dd0b5a7bff6ffc4'),
+    ('\x0c586e69dd3e13aba331cd338b4be7f98a6efa4c'),
+    ('\x0c6366d9c3825f083975ce2d2d107c1db26629b1'),
+    ('\x0c67b869ca3510b5c39264cfc3481f7f3ccaf5fc'),
+    ('\x0c68fabe7fa38d95ca35628ae7a42b7716369628'),
+    ('\x0c6b31b9a3758095c6ec539287d72f39c95e4d89'),
+    ('\x0c6d6a7e0fa820c08c3842c8f37be4d131846512'),
+    ('\x0c6e036df63fd4ec7a2aec93accadea2b6123ca8'),
+    ('\x0c726f2babf04cac0fa062a4d60676146ef53146'),
+    ('\x0c79060cebc35af9970b09d175f4f1f44640c74b'),
+    ('\x0c79bc341385a169069a22a15b74b05ce5ec09b8'),
+    ('\x0c7a54daffa95c58c05a4e8ce8e1041c4dfb0964'),
+    ('\x0c7c91cef7325339988ab2de54b2ab0e965c7bf9'),
+    ('\x0c8c14460ac4753dfa9f5626ced35cad5d384a73'),
+    ('\x0c8cbdd88c1f9b0a86d61f5da11660118c3a5234'),
+    ('\x0c955df7dc12df47ab3a08ba8c214620921dbdcc'),
+    ('\x0c9642b05970436dc2f6e81a072c3a55423d9071'),
+    ('\x0c97e3a8f94d8b584bd228b24ca77297e0e01114'),
+    ('\x0c984c7993708fb31da773eedea505a4cf44437b'),
+    ('\x0c9a4ef3c0b7d4ef46c0ba69df05f559ec332989'),
+    ('\x0c9b20244e1f4f223bf0d73f1a8f90a108728611'),
+    ('\x0c9bd7d8340750626cae6d38e0bd07d3f49de3ae'),
+    ('\x0c9c54a433bfd98925e3ce63e78a61cb8bc54da2'),
+    ('\x0ca031df3161ae0a6c3d39d1a6354183f4402c64'),
+    ('\x0ca525905192572c87839cedb4897ac35fcf7edb'),
+    ('\x0ca64539615cce9d62367917f80ca6faae8455f6'),
+    ('\x0caeba4066d999e7ab896b4f374dd509d048b08d'),
+    ('\x0caf270a627ccb9664b211cae3dca98ab9c07710'),
+    ('\x0cb04e8aea880c314432e79c61c2c8657ef0f3f5'),
+    ('\x0cb073e0f8480955e570aba362a6f904395a21ff'),
+    ('\x0cb47087cfd434fde9a2cb183d4c4bd87995ea98'),
+    ('\x0cb618a335ac153abfa11c9f93c0e108420262e6'),
+    ('\x0cb8b176041c24d2090dd94225b3033d5328d3c9'),
+    ('\x0cb9d401851bcf8b53df26c914a4adf2bf454e41'),
+    ('\x0cbcae1ade6dd8e0b679469ae700eb95df2ed65e'),
+    ('\x0cbea9b48ef14ccb838c83cdc6f369d863d533a5'),
+    ('\x0cbff8b4887e96b5a902ff07b2a4a178368975d1'),
+    ('\x0cce7e7c179e33cc8cdc7563e8c5079d435c6b81'),
+    ('\x0ccf159be8babcfc86cb039031e4742441de0594'),
+    ('\x0cd0b34f770e67dd903ed917f7170630fe649fb6'),
+    ('\x0cd0bbc38fba2e01c40051d6c4ae9a5e71025f74'),
+    ('\x0cd73900f92ae30e4735dea3135ebfbc8da6bdc3'),
+    ('\x0cd917f2b0968fb6fe43ff7df13c7b301e6219d7'),
+    ('\x0cf115f80e7003df058d7708cde7962a0afb83e0'),
+    ('\x0cf744467e70bd8a58b18d81137af83ac66644b0'),
+    ('\x0cfbaec29e201e91d7d6732288c62ef119fdc053'),
+    ('\x0cfe82f7b0c7c9b8745e04d3019dc206dd42b7df'),
+    ('\x0d01fee49ad49e0d53308df825ee40333244ceec'),
+    ('\x0d0352c26257a1fc78acb4f17d18e55b78092f2d'),
+    ('\x0d0786b89b285c0207fc00a49e2d64ad5e826016'),
+    ('\x0d0cadbb125475936daacc56596d013821257875'),
+    ('\x0d139261798b751eac5c1c943969c3421ea6cb9e'),
+    ('\x0d1858b088407eeb7652b63f1aadefee586867cb'),
+    ('\x0d19dc28e939479d31c19d9b327080a5076960fa'),
+    ('\x0d26e6ec260698c64856d5b5bfe30a9aa7ed79b6'),
+    ('\x0d2893500e966ea76c60edc97891eb7a33dbb196'),
+    ('\x0d298881657c5be04e3b87e80f359e2cc950e7ab'),
+    ('\x0d2ce9e8d63b64b94571dfb6ab1f30bb0e2b8eb8'),
+    ('\x0d2cf1930d3ee8f1eeb82551325761c9a7e21bb8'),
+    ('\x0d326d483cc18e1109a793ec7550e4089d739402'),
+    ('\x0d33675facf579768b7e00d052cbaea4a15be540'),
+    ('\x0d35c9dc97ea1676599a7341dc9c21d6481f9a2d'),
+    ('\x0d3b50915751d01038b982eea6bfa3c25ba68162'),
+    ('\x0d3eff26ffec7502bc8b55bc1c650b1c763d6ded'),
+    ('\x0d41986a2e3e1538e15c542cdbb360ead358a258'),
+    ('\x0d46eff1b275c4fc040358af1b53fc28d97436fd'),
+    ('\x0d4771db117fe4370abcce2c1295919c7192bc6a'),
+    ('\x0d488d9f858a110758f32c210ed2d23facbcb243'),
+    ('\x0d4b3bf4fb977e851a9195f6abc8b729db439c71'),
+    ('\x0d569d861c878789768b998df737a3ca91fc1d22'),
+    ('\x0d5a3bd9c773cc94292a74a9ddf60ed5bc4ce39d'),
+    ('\x0d5d92ea60a22c44ddd326a3f4bbeb7a3dcf4bc6'),
+    ('\x0d63c0fd325cf98b443a28b06a398e43a1d07a4a'),
+    ('\x0d6abb40d681faf243f38c7348dec4380dafd52f'),
+    ('\x0d6ae86ebc57014186389cdb913334d4219a5905'),
+    ('\x0d6cae18c687a398518645acb13ab614b0f4bf12'),
+    ('\x0d6f32c30c2369ee85a3c10be56bc58dd4cf6e8b'),
+    ('\x0d708ba6e0d418ca49cb787071d8b9bc93eab83d'),
+    ('\x0d7252c933def1961a78e1be9ae0d6cdb2006f8d'),
+    ('\x0d86eef3212897c73a263126fad99d3ce80f957d'),
+    ('\x0d8e272ac635296cb512b4400315987487e4f618'),
+    ('\x0d9400e995489b1ec3e0a0bc8db1206852500668'),
+    ('\x0d9628c1b42beb900cb2a07bed21e0172d48a39c'),
+    ('\x0d9694d979f3246a2db8795624913f5046ade5a7'),
+    ('\x0d9fa54bb788b8e09169503abba2a6bb590f6f74'),
+    ('\x0dad120f4e1e680d1246fa68563ca1009d3cfbf4'),
+    ('\x0dad560bc9706dcaa8c1976912ff101b4376632f'),
+    ('\x0db21ff16662fcd90556cf60069ac9f1ed715a68'),
+    ('\x0db636661695d96d5617b2de5d2a3534b709a235'),
+    ('\x0dc2f016ffedd18918f7b4727162bf9d052fb72c'),
+    ('\x0dc3ec0e3606e753dfca3513e7cb56a88ca60f99'),
+    ('\x0dcc3a115741825a680b19be26fba7adf9fea9fc'),
+    ('\x0dcf4389e46440d199f5c33158f7dac113cb3484'),
+    ('\x0dd27f48feea669d080cd6bb2be0f20f17e9322d'),
+    ('\x0dd50338b4ee574d8dccb9bc864c04883575fc4c'),
+    ('\x0dd8837f949125f0d027f176a678b65a22c89bc7'),
+    ('\x0de01325ee190573cdf37d72ad814db90e9ea656'),
+    ('\x0de0634033fe67f6b5fc2f613357190843a95cbd'),
+    ('\x0de50841491ed6e68a5cc4305261500e2ee0e739'),
+    ('\x0dec65cbd4a2204aa69494f991498530ae2d14b2'),
+    ('\x0dee95a169de7286a85c0f33592a82dc1d50fd8c'),
+    ('\x0df3d4e89d4d8efd0147bab0e0919c7e7dfd48bf'),
+    ('\x0df964218165365f1f814d330ff4e3aa66432897'),
+    ('\x0dffc5f1cebbb9a4024d310c8326980025d896a8'),
+    ('\x0e008cbf502dc72c0932fbfc07d50fe36e4d60c0'),
+    ('\x0e0130ddf1d99badd19c0997ea5055e93cc803cb'),
+    ('\x0e0585cfdd294c0855b396b9deebafac6ca7bb8c'),
+    ('\x0e08bdaff2abc25ddf8d92582115c2aca83e1535'),
+    ('\x0e0ce1c2381099412ba2f369accace1b7e4b7a01'),
+    ('\x0e0dca405c28b8356ec643ed2d7126f42408b171'),
+    ('\x0e14c9a695c91c1f66a44ecc6ada8a90bb440849'),
+    ('\x0e1b3f0e5249dd2ca3bbdd33328692eef667d8fb'),
+    ('\x0e2669c91cb21d1ae733b6928f495869490d0ee5'),
+    ('\x0e26d975eb522f74ff40287e2b9048b8acf00864'),
+    ('\x0e2918d0aa51c84cf887a01e68137e8f239db38c'),
+    ('\x0e2cc42650941f6938e8a532cc3dae95781e1326'),
+    ('\x0e2edbff7f1440633094ea01cf0ffbb5c27f45ce'),
+    ('\x0e3772666650c2305b0be7e9647d90532947feb7'),
+    ('\x0e386cfad95caed26ea0b19bf5101276730923b9'),
+    ('\x0e3b50c8c6e9603dcb69e6c2c32a5da7d6a1a984'),
+    ('\x0e483e30d0b6f65760397ee5ef64b56a2375471e'),
+    ('\x0e52ff8baf4cd098edb5b88974ff2133b55ca601'),
+    ('\x0e5c925dd50af4310ab9a440a926e758276fce1f'),
+    ('\x0e5e84679b6adfd528d7a64dd55e9ce65b816000'),
+    ('\x0e64d1b2e28bc5d39ea4dfc63f0839484e2017d6'),
+    ('\x0e6519c8f3e9f58a4dacc26d17faa755138133f9'),
+    ('\x0e65f6c161f868a995220f9e7e89a0f16273d61b'),
+    ('\x0e69a2a437d8a1dc77cc66f66fc05c3198bc95c0'),
+    ('\x0e6a7603f646b128df6e2ae539f21a0aea380efd'),
+    ('\x0e6daaa3ebea4440127bf547b9b463971793123e'),
+    ('\x0e87758dcc029b07c53938975bdb52948e3111d0'),
+    ('\x0e8953bbaae336ed6bd7691558fa0e96e4bfee63'),
+    ('\x0e8e6cde16b919eb5578ebe336b613d81c6c53a4'),
+    ('\x0e90baf4fb4c2cff7595fb704de6f7558dc59f8e'),
+    ('\x0ea231ddd05cd9908a77e86c83524d97aaf4fe6b'),
+    ('\x0ea4d7da6b7d0a80bd0f21f7c11d6418f0e20d30'),
+    ('\x0eae765541745ca52ccd9025cf53574c335157c6'),
+    ('\x0eb88345399c5a98fbbd005fd73fe524970a54ee'),
+    ('\x0ec2f6365a2b0c0f0afda59676daa9acd1160b38'),
+    ('\x0eca1aa9de2640870f5f1fd1898432b2378d70b0'),
+    ('\x0ed1d44754546c5dc6ad2c2629c1d632c3e0b916'),
+    ('\x0ed983830006a7bb4cba33dee646fef8da55293b'),
+    ('\x0ee1a14ab2b3759dad445e8ee0eb7834970ab0a9'),
+    ('\x0eea5ab4f978123964dc598e19245adc0e376c1c'),
+    ('\x0eef171024573831c8c9044f1d95b6836524ed49'),
+    ('\x0ef0c29caa6aab3e0d1d372ed1973d736b6001f4'),
+    ('\x0ef9ca26aeb057343038e5e8a0539ef48518ab3d'),
+    ('\x0efad8502b1ab17adaa6d93413fa32e81be42dff'),
+    ('\x0efbaa325ff11c5cf196d65fa80698c99e8867f9'),
+    ('\x0f05d93e50e769eecb78b96672dd477475635d5f'),
+    ('\x0f08c2167ce2f634d7c64151d372796e9de27427'),
+    ('\x0f1165efac279afb560b6e92527e6698a34fd259'),
+    ('\x0f18aeba72ade2d1cb0580733e1c8b6d32e489b6'),
+    ('\x0f1e8d1f56c4ac1f7cca4b4ac2b1092290dd9389'),
+    ('\x0f1f92b82bcbf536ffa83a99ab79670ff05edf85'),
+    ('\x0f21210116f0382d3a13fea906846ffa99b0af26'),
+    ('\x0f21d77438a5602f3e0876962e80fa2d42a84228'),
+    ('\x0f2a0f10722d3fabffe8af5d5eed09866e25909a'),
+    ('\x0f2b12cee74f42b4cfa8a034bfd170b6f54a6cc2'),
+    ('\x0f2d0f4538974f8e5a11e80aaee6eedb2745f7e0'),
+    ('\x0f2d260b356881340cf2eeac1cfade6d90f1f489'),
+    ('\x0f2d2ac63280cab803fc6df5d6e7d713c3298fe4'),
+    ('\x0f3a8b1843f9a2d7d6b959302c0882a1930f91ba'),
+    ('\x0f3e95677c17bb8a030680cc4e1009801a0138c8'),
+    ('\x0f47d588905c85b7c01f47b8636442f71d04a73d'),
+    ('\x0f4b7adaf9354791b2364715e41d5288bfd7e4f4'),
+    ('\x0f4b98a0d39d5e88f711558966c3ab11aed696fe'),
+    ('\x0f4bc331e2e44e59871426577aa5d46e6de037a3'),
+    ('\x0f52fc8f20a83c9189208dc3b990e50bbd5603f1'),
+    ('\x0f54d42d1371db120e33bb2143fa079ffed92d10'),
+    ('\x0f585b368af9719e95fabcafc6961970fdeb5a15'),
+    ('\x0f5cdff702bfbfc2766ab265d0db00e1161ee7e0'),
+    ('\x0f60bfd74908ba852dec6f34b2a63d8344bd5e9e'),
+    ('\x0f6faff4e123ed4e15a706f8847fc09d17a46744'),
+    ('\x0f70304c486b0ec831129d8d095dd182c6fc6887'),
+    ('\x0f76297aae678557d8548c3a0c8545a897248264'),
+    ('\x0f7c9d3af736f304ea916bc81738b13f2762a696'),
+    ('\x0f83f5f4b492365350d4251860c17816c5f837c6'),
+    ('\x0f8a14b74118e2b77c2095763148feed727f23a0'),
+    ('\x0f8e5cb70fea679bf76c3ca20f48f65c96092a11'),
+    ('\x0f95da9e47bfd85152bc6cfd940d00e452feed24'),
+    ('\x0f962e26e7c982049e6c212d1dd026ce6eb1d884'),
+    ('\x0f981a3f79efc4e097ba0e6f839a21e18d905b78'),
+    ('\x0fa1f1be7979456d2ef9724c8448f79635dcbe71'),
+    ('\x0faad8fedbf51e45d9127a91986e67c52ecf2e28'),
+    ('\x0fae4bff82685fb7c0bb88a7a93d35bf38efc2c6'),
+    ('\x0fae6deba62ba340ff909b7a09bd802ce7550171'),
+    ('\x0fb673a8788b12a7b2d7297f337e1b556bfc7deb'),
+    ('\x0fbe326b8e0e9e4548f22210b7d3a81d88dd62be'),
+    ('\x0fbea47c41e97e6148f5e5b3e002b0a6ce827170'),
+    ('\x0fc0270e104f14926a2cce089dbbe4c73135352e'),
+    ('\x0fc2a1f363eb2beeacdb1f725b084faade74e89a'),
+    ('\x0fc49cbfdf4b76c7d319112696469e6015f5edd8'),
+    ('\x0fd1dd3bdbe2219293492dfecfe940dbc1952dfa'),
+    ('\x0fdbf70b4775acd3eee6df7b71fcbf07ee17f8cc'),
+    ('\x0fdddd7aa4c61f073f159f35355f6ac28a67dc98'),
+    ('\x0fea615486bcd311898c77ee020f041d002abc98'),
+    ('\x0fec3c747aecb3a67420e0d17208c1d869b9ecd7'),
+    ('\x0fed3275ee03fb97019f15c31c049ef5b0606b8e'),
+    ('\x0fedd367136b47454e71007786b43cd6f85dc93a'),
+    ('\x0ff80fdfd9fd95d0f80128640051eab0c89021d8'),
+    ('\x0ff9baf38fad757e71302577f1772459c4a226d3'),
+    ('\x0ff9d9902555e0f281f87837a049936b5b083c95'),
+    ('\x1001b64f90a47b3248d67e176878d8b2c3af78f2'),
+    ('\x1001d90a55e0468e4ec268f0330da89db04b3eb0'),
+    ('\x1002f3f6cac79eeff332a5c1b002302b13c5d877'),
+    ('\x10080655c4dc13bfe713ba47117be762d5160c3b'),
+    ('\x10131c949b99f75113e8aace9763df2ec536c405'),
+    ('\x101957ed82bd84348a978a701ab0307d236fa4d3'),
+    ('\x102e43e61898df0e2bd220389f1d5203ac4c28a8'),
+    ('\x1038c94d7f11b7b1d373234d29ad0f7079821b90'),
+    ('\x103eaade413e3313efb328fa2f8cd4862dcf0985'),
+    ('\x1043d0f210b8fbcc96f9787262fe605b25b59e5e'),
+    ('\x104b5872640b6e3aa11999d5fdc87084d4ae103b'),
+    ('\x10506e6e14854c2c03261fe606a1582a4751b7d9'),
+    ('\x1050f0cab6dec3964f3a0065fc8e171a1bf5d773'),
+    ('\x105763340ee70d00d45b13945b7fe50d3a127a61'),
+    ('\x1057691d4b02d700cab6ddbf0c1aebb00e0bad13'),
+    ('\x1057fc6f216d0a8baf44cb7758b824f42015018b'),
+    ('\x1060a1e0446a9ad40b2015b51f5f8bd1fd76daaf'),
+    ('\x106b2bf2273a1e2b84b54efe8e1b2bde918fc4d8'),
+    ('\x106d13a4bdb99e0a48324be82bbd6543644cb31e'),
+    ('\x106dffbafb94b98f85dbe3c51e05333be8e720e9'),
+    ('\x10710a8e1b991ba08be9207ad300dae6a4aa1c99'),
+    ('\x1079de82aebf4d103ad767261c6f16e81ce5cc85'),
+    ('\x107c2c265b423bc1251a53019b604615853d267f'),
+    ('\x107cb4ccf1cdb02a12a699ac3de9d2455aaf95ed'),
+    ('\x107f22798853aa9241be761707afabda351718a0'),
+    ('\x10801904dbf33e771aa69a4c43ebc92681fecdbe'),
+    ('\x108a7d7d9d2b546cab6fddde735e720d4b066dbe'),
+    ('\x108e8eb54f2b8b93991e52eab9b40ae5a41e2cec'),
+    ('\x1090f5fc8d194d46aecdc7699a186000f6ccb0a8'),
+    ('\x10928ad210307c4a73995d7ad09c19333959badb'),
+    ('\x1096f8d1b74737a715e380e7f7d9d73b40324eac'),
+    ('\x10abf98f4c4c6d5c4e32f19d5cc2c43c01f2d08d'),
+    ('\x10ae66cb4f6650f088b5d67f45dce3793b367d92'),
+    ('\x10b21efdc45f18df6e03baab28742729d95454f8'),
+    ('\x10c237c1d65c71faf41d81d01d14b1803ffc7b53'),
+    ('\x10c2be2292c93eeec244c7aa7c47ae8040b2423b'),
+    ('\x10d2bcd8ca20c25a39f9010fe71734689eb6d3ab'),
+    ('\x10d9083fa29268f3ee7e52c1eec20aabf05c06c6'),
+    ('\x10e56fc30c4d163ee7ae0b6f85d2b544591c51d4'),
+    ('\x10f015c6aa0e38deafbcf04a1b26336b9068e6d4'),
+    ('\x10f07564f988ddbe131ce396ef3beadaeb2e57e9'),
+    ('\x10f791d2e23c402b1cc40f63a01c878ff995decf'),
+    ('\x10f9582449662d05e6ebfc37982f6107f4ea8eab'),
+    ('\x10fc228e7024698270dfd25ed29e443c615d8b04'),
+    ('\x10ff42e6c9d06523fbb50da007a0cc7bc4d82325'),
+    ('\x10ffa390cb64770cad3d4cecb36b8b2029e6de17'),
+    ('\x1103288ba240becff726436d1c7c1d9cc97ccfeb'),
+    ('\x11034b1be429b3c109cf95e5e62771d81a7f113b'),
+    ('\x11035eb147e4ff773e3d0051ba5f2b4de66e28e0'),
+    ('\x1104ca7a810048fa110931d627ea6bd23960aaaa'),
+    ('\x1107b0d3ae9d6216f85f327d6ef4e64e8b727016'),
+    ('\x110a2ad5b33194bd66f1053e9439d15cde461f50'),
+    ('\x111d31deaf117e072ee07388bbf6eba8460cc01b'),
+    ('\x111e25809f44159bfb6563615b6475d0ffac1b80'),
+    ('\x11215b1d29d63a199f585e413285cf3963c1cf19'),
+    ('\x1122365fdcc6cf43475e292e3f85070fddc2b30f'),
+    ('\x11223f306ae97f7779a0c3366d0c60d37b024e29'),
+    ('\x112a22654ded0b3b360c650d5504b8a17bd861ff'),
+    ('\x112db5888aa555eb29cb35f47dc20a26e8b45bbd'),
+    ('\x11487240fa3a40170021ac3b47bd11e410f67e44'),
+    ('\x1149e216cc9a91da634d6e1503bea062ff2be77e'),
+    ('\x114b784811c3c0581b878b84da319636a5311e8e'),
+    ('\x114dc29d7962fe71465c8eb86c28adf6521ea48b'),
+    ('\x114ffa6d0646ee64affd7fad281d576bc35368dd'),
+    ('\x1151d269fcef8b700a4cf46c9d7db67c11d7661f'),
+    ('\x115725ded3f29b9d4574c8ecf5e39febe0ff8676'),
+    ('\x115e6a0aacdb83098d0cd5479195fa31bc78fcb0'),
+    ('\x1168905463ca6b80f955d5b2c698d46076df4703'),
+    ('\x117307b91a8657f79d373abf1aea92ddd79b65fe'),
+    ('\x117ab302ee50e40a07ad4e51a1bd3b460ba0d406'),
+    ('\x1184988523199ef24fc722b11b0ce91ffc1e8803'),
+    ('\x11921754a632b33542914272d53e6108038ae576'),
+    ('\x11983929613a2a72c26130cd2a997d9965097054'),
+    ('\x1198fc15a904ecfdb6ce0ee5eddc48c3ce1e5f34'),
+    ('\x119987cd97f7972b5501b79477b0f4a2022d30a4'),
+    ('\x119c7f7d54aaa2ee525f0c493eed66e9bb30308a'),
+    ('\x119f6b5f38bb1259ac07e3f38c0c3a94dfd025b9'),
+    ('\x11a62889009e90058cf3bb615b142b40eb80916a'),
+    ('\x11b9a7d1eedcfb1bdd5b847ff30ff3a1821b7d07'),
+    ('\x11bb6a73c48d2bc4d5ad6557d5f508007f54de39'),
+    ('\x11bf366676a465c6751c6e206d07e7289f729b26'),
+    ('\x11c2cfad517f8da7526613301eb6c6ebd8444029'),
+    ('\x11c6e57303215bfb87e96b431575e581b83f09d9'),
+    ('\x11d50157b0b2ecb2d95763169ff80b616a37a113'),
+    ('\x11e84a4741807de3a88e846f59b3519b33ee109e'),
+    ('\x11e8c9f57d1c4441cfdc8fbcaf8ab178744d8fbf'),
+    ('\x11ea8e7900b37b99574cd0da5dcd9294d8fe3fe9'),
+    ('\x11eaa1ef4773eccf3d20c4cafa4a98e6cf507ccf'),
+    ('\x11ed97e0239343a3bbe3c7b77ad83d45287bedd1'),
+    ('\x11ee1f40b7f4dbf060d406207c4b2054b06c6d6a'),
+    ('\x11f5dfd1286b826875a62ccc16e9f1cb9b7ce197'),
+    ('\x11f6848a95549125084e13f81275e8ff581962ed'),
+    ('\x11fd5824504ac104a8bc586f223dd8681a691595'),
+    ('\x120676c32e27d727b5bfa5fef3498e4111c1ddfc'),
+    ('\x120b56feda2c9de4c41e6d8b7f9b02f2737986c8'),
+    ('\x1210303432b5c5f37664ee07a245fe23253a89b6'),
+    ('\x121356d630dd21fba82cbd650011f6990b2bc907'),
+    ('\x121d8b65f9972a5205eb93b599f41675c6f09900'),
+    ('\x122308b09101a15b6f626316898ea14a037058bf'),
+    ('\x1224d216ed9a67c0d199094e49c5c6ce6a75b8b5'),
+    ('\x1225e85e3c283d22b95d89d19cd1bf8be673e475'),
+    ('\x122a4ec86170a27388e0f5206bf920c5c3a3cbe9'),
+    ('\x122c002f4404b08e47bace9cc443c54b78e427db'),
+    ('\x122fb1f5b7d5b8fd186ca2fb1dd5e7758cc5bd9f'),
+    ('\x12330b3f5c467ca959684992ff9be8fea83eae72'),
+    ('\x1236535abd56b1f6b7e47a2c0920fb3bee4eab90'),
+    ('\x123a7a53016f0d01493bf3e30a0cf7f59567bdcd'),
+    ('\x12426505eafc71819d282c4ececbef4a67872cf4'),
+    ('\x12464da78aa0074b2eced4cbd4934a737e480db2'),
+    ('\x124c2ecd0e3a17eaa3454dbbb740fc5213cf5dbf'),
+    ('\x124c2fa4c1cb852f866fbe6ffc4c8d175a52d677'),
+    ('\x1252c6d4fb00f1659286c602b0dfbcba402291f3'),
+    ('\x1252e91ece0d180e2806b3f5f3e903062b6954a9'),
+    ('\x12554d47d153dfbaa427f92e299257e14549a1e5'),
+    ('\x1263819307170544075eab86414d3805d934929f'),
+    ('\x126e55cefcb47f4b5fa395508c13d3159c2ed7ab'),
+    ('\x127213cd9acbe56f8550b739ddb3377f2e5046b0'),
+    ('\x1272e9ef4a6eddf2e85d658a8a0a09c7a1dfdd43'),
+    ('\x127e17010e59128aeaaf40c0fea08b86aebe7f88'),
+    ('\x12828172bc815001cc5d142d3367d9caea3107ce'),
+    ('\x12862e40e9d5418ead2bad11c45b6513f21260a2'),
+    ('\x128c5708454a168b837f09c7ae20b83f190e9dda'),
+    ('\x128cfad7a1c92dfc06f09a2beca3334471899c3c'),
+    ('\x128ecbf00e665857ce04d1ebecb3682151c68752'),
+    ('\x129a4e5ca896263e682eada9f590c2fbafb026f1'),
+    ('\x129c942b7aca2c2feb997f627c597657b5ffd76e'),
+    ('\x12a15b0f287b9e1b14634e33333244c6fdb8ed65'),
+    ('\x12a4ff0a6511f083412bf1407f66340ff4e19bbd'),
+    ('\x12a7b9fe440242c82f4bcdbdd6b9e5827bf9a952'),
+    ('\x12b8ddecec6d7411d5da3fb5a351284a4330f7e2'),
+    ('\x12bc04cd6102d9b34ea5851048c2caa3bd94911b'),
+    ('\x12bc4d4d5222e1980d3647cd7e76add836154843'),
+    ('\x12be13ca97df8dfb86575429aef7606a24143928'),
+    ('\x12beb3dbd898ce5957df31d4a94ab5643e2ce995'),
+    ('\x12c17e45757a25864eb324d9016e116ff4a98b46'),
+    ('\x12c837e37605cefccf79458bdbb8a98f31629005'),
+    ('\x12ce122a8a35671f47b06a5525c1cbf9eb50e0c8'),
+    ('\x12d386c5cf4878490d348d9b72a313fcd73c9cad'),
+    ('\x12d452800662e4027991823399e9dbcadeb06b9f'),
+    ('\x12d9e78d8cf10c19dddb19fdede26b43ec15a70d'),
+    ('\x12e8404b749e5d30630a51afdbb544af441db14c'),
+    ('\x12ea97747ca970f4dce17405eb3d1e939a2523ec'),
+    ('\x12eb7b0b2d5fb264a4cd1fe1adf36d50b4ab0cec'),
+    ('\x12f0a7b32aa88a513c440e900e163794bfbaa557'),
+    ('\x12f1be61e428aa6f518a5fb58bdb8a7c08c649f8'),
+    ('\x13024b7ac7ee3c002ae491cdc0e503fe34055f34'),
+    ('\x130f91249bac58e5ee658d09aa73e67b38bd59a0'),
+    ('\x130fb4b0c30c57ae723644aa4794460a50b70d9c'),
+    ('\x130fe70310a3440f3372bd64c35d95dbaeaaa007'),
+    ('\x131909836a9a5a1d795b9d7649a5d46ba62f0d35'),
+    ('\x131cd65d7ddf94b3c6f9de4d5960db467b4cb5c2'),
+    ('\x131de0fcb5f69991c5480668ec01a2137c4ad03c'),
+    ('\x1321fdeaf55a357ab030df9363ce36f16d48f3ee'),
+    ('\x1324669483ae7a207e3d80beee5ffdb315438e46'),
+    ('\x1329ec63dfa46e284cbeacb5b651852b509ae20c'),
+    ('\x132f68ac279417e6bddeeb5a476db6c52c052b8c'),
+    ('\x133309e8cd1bd4f240abd2654f80697e810c6388'),
+    ('\x133552cd32d39ef5ba0a2ec3cee88a3cfdca54f2'),
+    ('\x133b4631225f516f2d003b669de8d5a4febd5590'),
+    ('\x133b9607aae484796975b73f917faccfab586c27'),
+    ('\x133eabd4724bb7ccf71dc7a612d1030f17b0c420'),
+    ('\x1344c33083673f462bb7bde28c37ce7ed8f65053'),
+    ('\x13467ad1e6438691aca7ad5542f357d7e3d7bc87'),
+    ('\x134883e39fe0d2902a5e90a34aee730e619de3a4'),
+    ('\x134ae2401133f355919ab4909b199cbd06598889'),
+    ('\x134d2fb14b33d386b65255dc517c68c3e306b8e6'),
+    ('\x134d695dcb3b01a0c62881c0faeb8416355a46fa'),
+    ('\x134e330d7cfb93e6bc4173218ad016e7465112a4'),
+    ('\x134fcbc3aafefe527afb62629068c8b7495542c3'),
+    ('\x134fd0ac16ae3cf3c49bb432ca84a5c66a54c589'),
+    ('\x1358aa60dd638c6474eaf456f7c2435706ac16a2'),
+    ('\x135b7a92b42fe50173d8a72f4f0cb8f41341a02a'),
+    ('\x135ed453886386819abbc4eb657b9b0bec89e8bb'),
+    ('\x1364277e4dbe2de3f1ca41ac2bc1242551faf546'),
+    ('\x136aca0dd2b06f81b3c7d67db0d5874bad4e00c7'),
+    ('\x136efcbfcbc1a8ccd5600d5bc730b4014b7ea89a'),
+    ('\x13750e75daa5b3c7bba26154e012d09aaff9a6ae'),
+    ('\x1376db0964d336ec1cde01d1968dc34b0a3773a1'),
+    ('\x137bab905c0755a429ddc83ba605134fa82efa13'),
+    ('\x137f11e98b0fe7d3af45b35662cf582c7bb4d71b'),
+    ('\x138383e4b082ebdb0bb055e7fe467786344ed99c'),
+    ('\x1384da7ef485e15b91a3cdd3eb1ffd9cd97d64f3'),
+    ('\x138ba36f4f982599aaca22f1f329effcdc17820b'),
+    ('\x138db13cb3a48700f2ab73b4077f5c951e53a442'),
+    ('\x13912486d728667a0f8dcda8d9ba54a32fe1036f'),
+    ('\x139597f9cb07c5d48bed18984ec4747f4b4f3438'),
+    ('\x139c3a477b574ab5563b13e68e92d1341ee1355f'),
+    ('\x139f819322f3f2bb694f587804867dc88c717cac'),
+    ('\x13a05095952d2dd784705f4708d25308710d66ef'),
+    ('\x13a41b76c625c2a61c3385ae84f8b1a56189ff5f'),
+    ('\x13a4fd280d7ddab1492c162e9b9a627bcdcc1881'),
+    ('\x13a581d35e0057917426b0cb339da57fd7bfc37a'),
+    ('\x13bf55c7de8af9f4fe827f25161e9f26a293badb'),
+    ('\x13c15ee1cc5f75fa4026b275385f183fe128f903'),
+    ('\x13c658bb671a2aec764cc57a1ac3f6314f4e85b0'),
+    ('\x13c9ce7d5e1c3249b84b5bd920c4f3c684c3b4be'),
+    ('\x13cbab547b698b4018b3dbb2ce852a708a5e7084'),
+    ('\x13ce0386145e9feed8a2f05e23e92d04df92f331'),
+    ('\x13d0e96311f118b65f510eeb1bef840106b3c639'),
+    ('\x13dd324bb6deab353a0beaa4a733adf40eae4755'),
+    ('\x13e0f49b9b3774e67d637d15cd302070d5fcc62a'),
+    ('\x13e357d2616607d0a6ed2c47a549effee9f18f63'),
+    ('\x13eaf4eaa9d7f15efaae67d52205a15818846cb8'),
+    ('\x13eb0c6064be5aedcc9a692c300902a6b26b4b1d'),
+    ('\x13f1f8435cba2ca496d659bd3b98145d765e2022'),
+    ('\x13f34bb06dcd3aa529aa9f6cc8a9d7644c8e99a3'),
+    ('\x13f8653c064e2ec66882da4128fe692b2edc3e35'),
+    ('\x13fcf6ce291a43fb62b12c97ec67962b67443bba'),
+    ('\x1400af9d49f38f560514cedb178611c48ceb5815'),
+    ('\x140cf7fe52fa06bb2f68c9a382116be523dacb75'),
+    ('\x140d94e5b1fe2b8ca779b7c43f3e30c6b7510738'),
+    ('\x1412d69899cdc4019ec60541bb0a8ab3b86f6331'),
+    ('\x141431749af27ca37d53b4287a348afe96882400'),
+    ('\x14181720eebd8e0d131f69df3773d1f005630b68'),
+    ('\x1428f18d6082442792c26543b11facb179abbc16'),
+    ('\x142d7170770b90eedee22fc2fb14033cc80724a6'),
+    ('\x14311a7ccbbdcab73afbe0b7808bf6fcbabf4036'),
+    ('\x1434c19e5482bb2c0c004e306d1121cba76df9a9'),
+    ('\x14393c5792e35a8d0836aee4da3bd66a0f56513f'),
+    ('\x14401ca1a5881722032a9741fa91b2c0f79a44a5'),
+    ('\x1443ef46f9c65154d45e4307a7d2907af3ad1f22'),
+    ('\x14441d6c83045c5e1fa2a2556d0ab7eee1789edb'),
+    ('\x1446040b953b87d63bc1de685c481acc08b9c9e6'),
+    ('\x144da8a4e9d81b6bb0e9b5fc959db8c114881a76'),
+    ('\x145b73651f9c2d9921594d9553fc97b30163c2b8'),
+    ('\x145cd5578a16f4b79980c22bc94f000a791c938a'),
+    ('\x145f368effa7985fe70d222ba9206952eeab08b7'),
+    ('\x146197bb5745230b944ae69c0501226b710a967c'),
+    ('\x1462cf60a19fad0b0bc22916486932bfa78f4580'),
+    ('\x146b794cbb2916fc87fc18a63d4e1bbe2edeaead'),
+    ('\x146b9c04ca7e6a38b0d6e74f7729a4d95744e940'),
+    ('\x146caeb521e7a7fcf83559493fdf373d225ba142'),
+    ('\x146ece89edbbb5c8d89eb48f759525092f6d9c01'),
+    ('\x147ae800ce3cc1bee3eb28a6a092c033d1495587'),
+    ('\x147bbf6dd485800c6f1300a17e4502d0f519c49d'),
+    ('\x147bf2aa258cc8a4b46b7cc0c435a5bc04ef2f0c'),
+    ('\x14862d0ad1bd16c630c4f157f6970def4f13e3c2'),
+    ('\x1488ea4bb66ad14ada91789909d4f3b9448e1103'),
+    ('\x14912f47e292a2e5d6a4b40c25d6f635b442beaa'),
+    ('\x14993e6b98308cbf0eeb32e22dede0db2bdaf255'),
+    ('\x14a4bab1ea53d815d10a898164585ef2b9a1d172'),
+    ('\x14aa47577fe7c2fc6fb7417bc35c5a0548a8f868'),
+    ('\x14b47d1c391e488185102a0819d86e5a0a8f8e20'),
+    ('\x14b777a5e16be31bc569fca9e441b7b187ace28f'),
+    ('\x14bdb6e294a7edc0327f152123eabc86d6674c1f'),
+    ('\x14c043d601cc55a74640d8c5c82957d2c84f2ad8'),
+    ('\x14d38b1f026cda904f04748ca3dfe7cd3ae3e464'),
+    ('\x14d3bdc137dd37bb1b5afba7b1432bbc7c0f0dff'),
+    ('\x14d6cac29062cb0165d60f780e7e9fe21ab6165e'),
+    ('\x14e8c4d47cdeaa313f359c60f3522f78058e79f9'),
+    ('\x14e96ea9d1f9fa39f4cd92621d16e83fa8dbbfae'),
+    ('\x14f136bdcd7b14b011a1e4ecc0730f9ee3724a1d'),
+    ('\x14f689b5ed1fd28cca73e841727d3e39c53130e2'),
+    ('\x14f900527a2e3f618fbc1f28d681c1677fcae2a7'),
+    ('\x15028d1789d7410533cd9cad5aebadaf587ef192'),
+    ('\x150a39f47ebc0874aa9f3f58d848cc7a5279b60b'),
+    ('\x1518712dc0864075266687e64345db1521f1ad25'),
+    ('\x151ad9e63c1dcaf7af643393c7e0dd86cb1807b6'),
+    ('\x151f435068506a6f1dba4f0eb9836d44dc6a906d'),
+    ('\x152d1af1c1afc41ce9d822d3837fadce9ab5c15f'),
+    ('\x153903a5843bad8392b8647b3a697f90963b8728'),
+    ('\x153f6e47627b046c34949b0d3646e0eb312fe93a'),
+    ('\x15437ee87113085a7bdf17f048f44bcf8e031de7'),
+    ('\x15454c904cf13d3ac6adfe6cb51b5531c5060eaa'),
+    ('\x1546c874d8159a16e667021680011cf2ed8afbf1'),
+    ('\x154960f62b8650b0b3c263fccb76791c0a2bc2fb'),
+    ('\x154ba1f8548d9bf78e900bee652e7db3dafad612'),
+    ('\x1550016a02a5da7fa84acb93172cc4d6b59879be'),
+    ('\x15503fca1f10500bb594740ac241edc5ebcd9ed2'),
+    ('\x155256b46aa2a269a8ad9772c187ad09a8d72f3a'),
+    ('\x1558adf786f609d7f694406240d3138b72f7691b'),
+    ('\x155ad7a64240b359add7d6623d830bf2d6485872'),
+    ('\x155e0fe6cc0536dc2680825256185a8ecea05061'),
+    ('\x155ff4bd65a9e50e24df2adbafe17eaa279785cd'),
+    ('\x15618dc666c363f1d0738d41d4075177833888b3'),
+    ('\x1562be6e70a0ba8127ffb9c0143b0f85d1d1d229'),
+    ('\x1563210da3c82dea9bd5ed19308786637dedeba9'),
+    ('\x156836c5b7123593b29ee284dc1f60a8d9d223eb'),
+    ('\x156954843e3f2a38a8545678e197a78d87724601'),
+    ('\x156a1af2cc89b37a323730635c2bafc8741c1d9d'),
+    ('\x156c2d251dd14b90e1c2f75cedb8a314d50e8b1b'),
+    ('\x156d152528fba9f5e345123d67ef3f2d52728280'),
+    ('\x156e3d8d289728783190264406f40ab838e06e03'),
+    ('\x156fe321b91100a2fc3a2b10ddb23e78c607fb4e'),
+    ('\x157b1d34febd890303a98119987a5128ae0843ee'),
+    ('\x157f4f0d427b6bc759f3157de3e6901f25e903b9'),
+    ('\x158333ffee9b8c271a536692d10521525c671b17'),
+    ('\x158ee092592d6f734557da3537a42204276ab971'),
+    ('\x1596bf1b5b0512c66a9066768f0d489d5886e0ee'),
+    ('\x159979f600a06c1fb8171daf147b11b2512482a1'),
+    ('\x15a284ef93f1bccb6dc281cb8ed4fb0257c4cb62'),
+    ('\x15a28ef81d8a27c3b00e9236734b70e4332c0476'),
+    ('\x15a9b546d469ee28457c69136367560e04572568'),
+    ('\x15b1d3b31f2621b46e1bd60d66b305a4ad63366e'),
+    ('\x15b4b44fd273a166e2f4b21e21a8c014387addf7'),
+    ('\x15bd1fd35284b99e71b1206774446e9221339afb'),
+    ('\x15bedb7f5f8c6651c1d2835f7de9f7a7d51cd0a2'),
+    ('\x15c26a58474474098a63797b0443d65374b0fd14'),
+    ('\x15c8509937d43274f8299c4ca5f0d63eca744150'),
+    ('\x15c9b82dca58db400c62d229f30fa7d36cb343a9'),
+    ('\x15ca18bca0e08f1a61ff5c8156ba325acab5093d'),
+    ('\x15caa385ba59b6231a847174209d9e556353359f'),
+    ('\x15cc4e33ce8122b64978392f6c654c7bc3e90d60'),
+    ('\x15cf379ba03410610db17764d4b754dfb8d526bf'),
+    ('\x15d1c0005852019b2060ae91f976305916e942bc'),
+    ('\x15d3556c94e3ba3f65a2e13c4ee29f2d1a46e794'),
+    ('\x15d8e19795b921029ee5aae3c05930bcccdfb4a3'),
+    ('\x15dad654732cd095d2be9a18bf2a702dd17e3181'),
+    ('\x15dca05b9e4b7ac100c429c3186d5c1fc4559e2c'),
+    ('\x15df7f7668d45727e89c67a555363e50ee641890'),
+    ('\x15e14ac4e026668f54b71f0979d6847607d6caf5'),
+    ('\x15e539417fe7222c1b400304b588b6fd72e80e81'),
+    ('\x15f91dadd2a0aef277837be35ab7d0a4d3ef4f82'),
+    ('\x15f9dc19f5ee07a9c4a7a33e82912039f6115050'),
+    ('\x160806ba413e8284f2f7def4fad71b584f4e55ac'),
+    ('\x16138d2da6db11f9aa2c70a9fc8cdc8cd9aa09e5'),
+    ('\x161594044ce7872c9b5316e95e75064da80b7de1'),
+    ('\x161a160f01907d1b5350e714dbcc90aa88913fa7'),
+    ('\x16210c95bb819909eeb9df63c9f5837e12d6e4bb'),
+    ('\x1621528d3fd3c370244f55d4a445fedf6020836d'),
+    ('\x162fbce929f0b241fe6c3e9c3cab17408b752513'),
+    ('\x163994fa31a7a7db35a9633c330a8d4a9defea34'),
+    ('\x163aa55b757ddd6f50bcedd9fe38569f3cda8be5'),
+    ('\x163ac042e8556993c6e63950e773f6f0354d4390'),
+    ('\x16404b26614de2689dc3c46692afdcb3d9b3855d'),
+    ('\x164193a65e0285fde02202eab64246130d007603'),
+    ('\x16448e2c5afa59aff84caea226614e4d5c4bc4e4'),
+    ('\x1646621824944ea9da81eaaacf298bdfe18ad205'),
+    ('\x1646adceb06e5c33faec06c36c526f2630e8169b'),
+    ('\x164c6758fc397dab0bca9b73a9e3699da0b93fc2'),
+    ('\x164ff4781c6a44d43e67b2d4ede40d7e0aaa2906'),
+    ('\x1652061f4acf347172802e88de4ef81673e0fb9d'),
+    ('\x16523e13ba8d6020aaae380e271589a7f7254bab'),
+    ('\x16527530603cd4bb75d94e9cb5f51967d1c1a5ad'),
+    ('\x1663c0a4072a73241fe18d9a3f091a83ddb66ea8'),
+    ('\x166982733474c3279031f3eb446db45682be2ba8'),
+    ('\x166aa07ecab11ac46f285abfaca28ad6aa1fe69d'),
+    ('\x166cd085531dc50f829201c155e0c5fbb42cd8d0'),
+    ('\x16765d1e0785a58199c78260dbea98d6dda10ea5'),
+    ('\x167a1984200e804dcb53587a222000e37ecbcd12'),
+    ('\x167de34bfb5c9838ee18f5e37e2203d623923eb1'),
+    ('\x167f42d52af0f4a7f9844b1b250d1394413f64b5'),
+    ('\x1684147a971661f0aec8583e4671ec1e13c4cb86'),
+    ('\x1685b99783fef34d2fab76d197e717fe1b5a9ada'),
+    ('\x168e084218692217ff30c93d099ce3d4436eee13'),
+    ('\x168f9d713f32f9844099af0b126c67e513e89fd0'),
+    ('\x169b36bced08c2c8a90444021eb8bbff46e16b09'),
+    ('\x169eb07cff2c17bd14647334da3a1e7eea7ad886'),
+    ('\x16a376f3f429e9cf017252bba6ab32d10cd91502'),
+    ('\x16a77e7bedcf308e3e933142614c1ed9532abaca'),
+    ('\x16a7db47e13095a90a0c6592557a6bf02a5a0d36'),
+    ('\x16aa0321ae455776fea83f8e7be89acc00d20849'),
+    ('\x16b89eb1253fa0b21fe7e5d12278f59c988c4682'),
+    ('\x16b8b79982e9dad3e5d51fea98d584cdbc264957'),
+    ('\x16b96d1f3a09e0b4a0525427b2ba229e9d980008'),
+    ('\x16c0c3b79af9f3ab0b0bfa2ca947cbf8efc194c9'),
+    ('\x16c2ed4046032bc2b15c217d98b0be919b0796dc'),
+    ('\x16d224176095a493905e778e899a6f2d9544a271'),
+    ('\x16d42ff429606cd20905d73358f74a610e5cdde2'),
+    ('\x16d86144e1871ae54db9cea0e6817ccf2a900f37'),
+    ('\x16e00c42dd80f8a20367e2fe73d6d41ddaa6ab22'),
+    ('\x16e54f63a57910bd805095662219ac7eeac7a555'),
+    ('\x16e9f3adfb1d00e70adb3c51ade0961bd036ca44'),
+    ('\x16f11bea4bdd6d6b32871b111b57596364a61b2a'),
+    ('\x16f4e4cc0fd629741aaa0a302f8ac70142f54df1'),
+    ('\x16faeb3e390bbbf06447b107fe56afa0ec2dc794'),
+    ('\x1705408fec600d1a8f723c9c07ab004cad347df5'),
+    ('\x170922b6b4b19bd0b6262c7f12366ef1beb474e3'),
+    ('\x17096017fd75d502c7c53e8cc2bc40908411e69e'),
+    ('\x170cba0bff2aad9860ecb936ff88262d4c305b60'),
+    ('\x1712c9e7ce9dc70c937a50b1c0dae0be89143e70'),
+    ('\x171422df55b95cdd368ba8ddcca7ce44f4ff2492'),
+    ('\x171984e56318fa8985e0559c2e040f698278f849'),
+    ('\x171faa5635300ea31c41096b241524330dbb261c'),
+    ('\x1720c194727035ee0f1decee81edca592cad01f6'),
+    ('\x1726ba257deddbbb195ad0d095a67473249209c4'),
+    ('\x17297064d627339c9e9d65c94b5f240ca16a95e9'),
+    ('\x1738e1d66de531a3ac2fec0cff7bba4fa334875e'),
+    ('\x17569e764eb6f678e2630489dffe49734e8116e8'),
+    ('\x1758b10f6f8bca6a5a2d9c9976d45edc36edd135'),
+    ('\x1759b389915feb598b19d1c1d28e21a4a75d531e'),
+    ('\x175b73d98d0ca7b7f31a2ff5bc29ba3e234c392c'),
+    ('\x175f3fac35c61eb7b0f1075eee44a836cde640af'),
+    ('\x175fe91a52661ebb16f6cc008351db77c306affb'),
+    ('\x176217dfc436e748371e8c1f4d2410c837f46808'),
+    ('\x1769b6abd4b6c8b84e9e64ff83da1288d3461517'),
+    ('\x177c964a4c118b9e7f7097bda4f176b642ddfc68'),
+    ('\x177e122c6f1739cace6068a0fd938f37050b8871'),
+    ('\x177fba369b796e1e61db3590b0db722e9ef6e685'),
+    ('\x178165402e4ef63dacc927a56ffbfc19b23c342e'),
+    ('\x1784432bee31e11fe616df39fdbc389910195dc4'),
+    ('\x17895cd24803afe89355f6073088a762ad8810e5'),
+    ('\x178998420e248642d249222bb96adc7500af8730'),
+    ('\x1790babb20799954452d45478856741de66c69a0'),
+    ('\x179d3f7f48d5f620b83e56288a4542088f5d8bc4'),
+    ('\x17a37c1c4cd9882013bed119e163091a3cb19131'),
+    ('\x17af2f07e278c7b0f264c23fd5fff0ca2ce5727c'),
+    ('\x17b01411307bed6afb99868260f67cc3b40c39da'),
+    ('\x17b01eb8983c4843788f0c436c8f7f7cf8802028'),
+    ('\x17b0f4d72b0e262a231a0ca567f59e902e7a024f'),
+    ('\x17b20e630aefe22fcfb483aad2fbef1c3037aad5'),
+    ('\x17b33816d7ce2ebf0a6fe5e1290363a7c0c4e38b'),
+    ('\x17b8e1bdbb22915a0f0769aea5770d7d45d75792'),
+    ('\x17ba821ef4c2dbc477ed6c1fb5abfd805d302f2a'),
+    ('\x17bfaa5bddcd2cbc8c3622063adeb2738d9e4306'),
+    ('\x17c149175ec0670b4b7b517eaf3c9898b99d2ff3'),
+    ('\x17c7d2d858d1957de6b37994c7ecf42dd8f038ea'),
+    ('\x17cf030fac5a02d7ee943bd6b4d4330442c8c6d3'),
+    ('\x17d1143fb4167d605b00d2bdd6dc5932bb03ce91'),
+    ('\x17d2a4ddbc3fe18c65babef1f14670b4fe876876'),
+    ('\x17d72603207652621195072395d293eebbd3a6df'),
+    ('\x17e0cd7d22efcfb9c24c2bce63c3a91d5a95d969'),
+    ('\x17e1dc142d4ce9527c80d00c0790dfaaea38a6fa'),
+    ('\x17f292cd2f16e28e8f49a382e1b843d4c5cd0736'),
+    ('\x17f55bcb6126ee3fe324f7352fee5c6a9108bc54'),
+    ('\x17f64cd1b2a5b42c084d60a2b9c86b769e930ca4'),
+    ('\x17fc5e9902791031133b3873178529440458c353'),
+    ('\x18008ded6bdbc751c1315dc42c76ad2d500f58e5'),
+    ('\x18056aab6cdfb0674bf0294b137987d785df1e65'),
+    ('\x1805a0b6b7198effbdc85400d5a8e900702bc159'),
+    ('\x1805cd1782c28707c4153cab2bfb0f4447494ca4'),
+    ('\x1807bb20c1cc0dfef4d3edc28efcacf3f48ca5d3'),
+    ('\x180a5d68d3f9979aa58d59ff7c775d7aac095573'),
+    ('\x180e25079da796ffd776597a9baf027544109331'),
+    ('\x1813cc54183092fe1e752884085dce8386831740'),
+    ('\x18150bc55473371c32946bceeae63ff976b4bc83'),
+    ('\x1815893964e6679560c76286e8169c7ee980f712'),
+    ('\x181aa90cc1cc6055edb9656c621f47af27266ef9'),
+    ('\x181cabd3d138041d9b2d6dc83fa397e95021a41b'),
+    ('\x181fc427e32db2b98cfe6c9f10148790bc1b4b4b'),
+    ('\x1821bb627fa6bdb9b408d6c1eef11a4dc2a9c721'),
+    ('\x1828e06f62fe70fd163c70d7ecdb32a6bb7be022'),
+    ('\x182ee1a57f3f9e2319c8fca5eadfc254d16f9783'),
+    ('\x183097f19c5f43a505d50a73e4ff0d88706f32f0'),
+    ('\x1833e3637586324014091d9cb861dd119876681e'),
+    ('\x183468ceb50d2bd699becac9198f46a660a99029'),
+    ('\x1835ca18864bb7db0e836bae2695ae0cc45b47e6'),
+    ('\x1839aa0efca48192b18b1ec1788962751588e2ed'),
+    ('\x184349ae0aac974194d9ccfa80e3331ebfcfc52f'),
+    ('\x184ad50855def8b29e1477edf721d361637c246c'),
+    ('\x184f33f6a2d58f7e493b49a631872fed238038ae'),
+    ('\x1850892c0c224b9811964e32a35a7e30a15d2fd1'),
+    ('\x1863a494d197e153dfa76defd872d0aefe2941d9'),
+    ('\x1863ed88e9a3777e52bba05c754d34b54f0898f0'),
+    ('\x1864e8e08f8b2f446ff5db3397b3a43df5e4a293'),
+    ('\x186f612c36d14bd6961146143ff465b27f605599'),
+    ('\x186ff26da74fb3836f4b02835686012f46283e66'),
+    ('\x187328921ef6df0cc69ebfe142bfed779e23d8e7'),
+    ('\x1877b1bebc7d099841c8ba1e448b72044b4c10d6'),
+    ('\x187af15752f05efd5264acfaeae297a6ac0ac60c'),
+    ('\x187b3f9969fdb71a1a1bc39fbf2c810f246eaab7'),
+    ('\x187b6d5b0c683c7978d586af8f0cd0e5102ce678'),
+    ('\x188217d16967234ce8f679fc77186bb979631c05'),
+    ('\x18959bf2faea983b9544f5534a83b06b5cf297d4'),
+    ('\x18982f9ff65a74e00f4ad5a1e708d091acf8dfe8'),
+    ('\x18987f2db0a2f9784ca5c7688946dfb73fc8071d'),
+    ('\x189ea0bf79be2fab4b4c453ed1341b5c68383ab3'),
+    ('\x18a0f7874acc62ea8ebb28ce42d030e0bd5bd2b4'),
+    ('\x18a1c472898941d82c78e28880517cff53996773'),
+    ('\x18a555e4411aa84b8ec55f9382a67ee8e9a361ef'),
+    ('\x18b163fe6fb63af3f1d1aea6220a9d63de156e85'),
+    ('\x18b354d15a527db959882fc81962fc6e54cc9bb5'),
+    ('\x18bf3b82b6c3d789880a92b82e6e378cfee2c6c6'),
+    ('\x18c9b3e9bbedc17261f8818f7b54cb9fe6a1f03b'),
+    ('\x18d22c2ec7b10c524502e572c9aa630047e390fa'),
+    ('\x18d54e411ee51895279715b1e190eb6d4d58c8a8'),
+    ('\x18e31a7aa94d8b7408788de6c27e181f7b15ae6d'),
+    ('\x18e7af5dbb1aa74f8d001830b294803bf44cd79b'),
+    ('\x18e8f17cecfafdd0a0bdb247d2f9b1e6ee406cc2'),
+    ('\x18edbad8f35a77176c9ee4954a4c00c5add28795'),
+    ('\x18f57c89fe3259477ab47da8e8a06b9f994a433c'),
+    ('\x18f96273e95fc0a896a83a72d11340c6c7b646b9'),
+    ('\x18febc1c330df802ff3a80022f0d5e6ac0ced9d8'),
+    ('\x1900b9cee61d95379fd037b2e5a70d59722cd797'),
+    ('\x1905c06ba8ea2bb1d417836da7059b5ff650f2fb'),
+    ('\x1910910220b73046d43a026300c230d8fc517bc9'),
+    ('\x191b73366a3454eedeb68a6be1dbd460bd36c14e'),
+    ('\x191d3ec98d0d1996f4f6d80ccdf53ce4f472eecf'),
+    ('\x1920509cec757e48fd6998d0189c75695680a39a'),
+    ('\x1924b73de8c5ce10e5d397548c7c827c51f8e5b7'),
+    ('\x192514f47899ab9e250363d1d58cf1a57f46a048'),
+    ('\x1927a2343f30230fa3029a75fbb46c03337dcea1'),
+    ('\x193ab369d6e48d376279b7270aa057ffa70fa10a'),
+    ('\x193deee7894b8f6322dc7cfdab756e7ee9b09233'),
+    ('\x193f8e2bb6ea4993d6f969ec694bc209c1a76a8f'),
+    ('\x19425e74f8e8a34bb474b084b9e8da6568bb026b'),
+    ('\x19437bb3102743cb425e7cd9e3a132c226b8a6b3'),
+    ('\x194fa2ebd4cf7c2c6354dbb74063e5e4269e8d3f'),
+    ('\x195119be40562823af37a7e3041a1dcf6bb3273c'),
+    ('\x1954a37469fd33cebd61a1e9beb666ee173d1db9'),
+    ('\x195941c39e47e04f41fb7ef0d6a811c562477b7d'),
+    ('\x1962125aff1a695c0a383ac347892ed9fc8454e7'),
+    ('\x1968c0e17a5d463f5b73df8d3a4e26fd46c97815'),
+    ('\x196c30333c40522ab846d36b6571cf207973e6c9'),
+    ('\x1976c97a390a1af4f7abd0ae299fb84fcde6655c'),
+    ('\x197feb775ec7c0ec620b4ae8eb26324ac2a00283'),
+    ('\x197ff07ca770d1264d82d86f2a59e76d05e10b93'),
+    ('\x19893fd8672182b6dc2c6ddbb7ce6aca173d51c3'),
+    ('\x198b2076bf341b779f3ed77d1f8b31b9ab3cd16a'),
+    ('\x198d3b4339fd0c954f56f704d4c90be03b7eb22e'),
+    ('\x199066159582072e4ee1e36d7256bd26cf74e5d0'),
+    ('\x199dc4fe5ddda5b7e9869fee1c69773682ab8826'),
+    ('\x19a0af4421cc478c06b01669d067b59d96e292ee'),
+    ('\x19a14ee0e20972987947b97a4c26ac97281c16d7'),
+    ('\x19a7f0ab1c93e1293579bef36b0666d88746ce11'),
+    ('\x19ab1dcd0e6fdda4b4d19dcda8233ae323dbf81b'),
+    ('\x19b2872bfcb4b9f9780f98f9ded5d77c28ffa0ce'),
+    ('\x19b5f315a8ac3d6f70bc3f0a944cf72c7dceb0d4'),
+    ('\x19b89c14936e76ea13cf3ffc1aca2320d976d01a'),
+    ('\x19bdbb2ddb1f5c15456e00ba00ac5e817f27e73a'),
+    ('\x19c6284f6d0fdaf1fa8d0bb714dd53ab1071c6c2'),
+    ('\x19c85eafcfe59d1e168c806858c3f063a98aeae4'),
+    ('\x19c91bfe88fc6ae873d58f823555905405ed8877'),
+    ('\x19cfe1f6ed87600500d4d116e39cbc5f8ac5e2c8'),
+    ('\x19d28ec441430d9e93801eab2ff1626ab661c79d'),
+    ('\x19d2c33927bbbe39bc26dcfe97c70ff01465e24d'),
+    ('\x19d4310232c6d9aab42a924929bb77c08294c8f6'),
+    ('\x19db0f2656ef77697f07095b305fe296f6c527d0'),
+    ('\x19df64e496a246c9b8b5117c7842c31e9ee1ac0d'),
+    ('\x19e9bfb80f505fac21905e9fd00434c3b9657f3e'),
+    ('\x19f708add2b52144b52468e3603244a72b319a24'),
+    ('\x19fa1b11a0ae6294881a63d17a1b9fee4b85f858'),
+    ('\x19fcbb6f8a3c75d911c8da84b387044e81753205'),
+    ('\x1a04b7b317b7d90aac73d0f89a5480c95759eac4'),
+    ('\x1a09b71fd11c6c85c2fa9884dc9bea3a75d4f575'),
+    ('\x1a0e3f4de6b296d163739833a6626c6e782446d8'),
+    ('\x1a120fd36bf66751a4e948b9f24c48655b51e73c'),
+    ('\x1a1ad69d18f57829a30be526a6df3b61b2d36ccc'),
+    ('\x1a1b6e3572e2882add99302be1a7c456d167bb9c'),
+    ('\x1a1dd36e017cc82a7ff67a4025e11836b2a24999'),
+    ('\x1a2821b6b93bb13c73a9397dce413b2dd608e44b'),
+    ('\x1a2d27dfdb67c13aba8c8b8b93483c2d29e49f0b'),
+    ('\x1a31bc64e9cdf43f9622ac28050522a10628d5f4'),
+    ('\x1a38674fc1b798e15d9bcb1f33d36c31b5399304'),
+    ('\x1a3c0643aac90e248dd2745691d0ebd194c12d61'),
+    ('\x1a5041e4436cf9d43a8a2a36c392df2377a91b95'),
+    ('\x1a53c0b2c596666476e05e1cf034fbe640cf7ac4'),
+    ('\x1a57257a59d49f84b35c9e5b6b884b15cdfca493'),
+    ('\x1a58e986edfd83c9f9d4955409a80068c74fce29'),
+    ('\x1a59facbe303e1950973d71e53a78915dfe02774'),
+    ('\x1a5b9a537e3ff6e54580da1db4d3b25b21b8312f'),
+    ('\x1a5c5752cf00e60cb4cf62e34bd2a1425e2ef91e'),
+    ('\x1a5e793976347675b7d99b179d19cab33aaecf67'),
+    ('\x1a64c1422d5cc7505db796e49fc9d6bc451058ac'),
+    ('\x1a65a9ea72c7a9908478e4445a06f750cb33dd80'),
+    ('\x1a66d0f64ece84aed8590e83699bdc2f3a8b0df9'),
+    ('\x1a702a5408784bd612577a7f913622ca77beddf1'),
+    ('\x1a7059ded209dd1e82ffa7d7f8a30152b293082b'),
+    ('\x1a70beb74752c374d65bb1599e0dd002f19a760f'),
+    ('\x1a741256d9c500810e031af1d47481407c569b08'),
+    ('\x1a75a4455ecb9e570726a120335d096f55c46554'),
+    ('\x1a77653761d2fc2cf3fe7a042f803c132fdd86b4'),
+    ('\x1a77fc6ccd83c5b20e9b0215653a79edf77adb6e'),
+    ('\x1a7a75968590ffda8b08007c75588a1a644a9dd1'),
+    ('\x1a7c1939edd6e4d718a4556bc4b8b9860eef3388'),
+    ('\x1a7c4b70b7c53e344c49c33ef9c3a69cc879d8fe'),
+    ('\x1a880a30801887f07fec6d8f1b1416acde7b3e68'),
+    ('\x1a8f821f324c6627a06f8d167a40f13e393e681e'),
+    ('\x1a8fbbe2d4caacd8f5ea92d0684bd8d78498fc2a'),
+    ('\x1a90792aacf1eeaf59892ef6e1e54786e662c2a9'),
+    ('\x1a91dcf2be52e28d3fb6f7adb777cb45054442ab'),
+    ('\x1a945182185d7b8212f28e7dd9e9f10a9f5ff7dc'),
+    ('\x1a9877d6b749fba684cd34d3f06ec055119876e6'),
+    ('\x1a99f9175306c4af6b675a61bc9b181c14ab8146'),
+    ('\x1a9cd80ca7850b1003a95553d974d0f2535506a2'),
+    ('\x1a9cf96749cffe692b7aff369bf6469395694bf2'),
+    ('\x1a9f191001d967b2c279356e42ac0fbe6b6c9432'),
+    ('\x1a9faf977f749b2141d0db81c8793e1a7b23530c'),
+    ('\x1aa3c8e7af04d1747d8fff50d36449f2688a0f0b'),
+    ('\x1aaad5bf6415e727dacdc0be2f25687fc80aa106'),
+    ('\x1aac92d7b17e5c39e8397c114093c2999c6ed929'),
+    ('\x1aad17a23b3fe0109a6c2a9be9e9a0905d56b594'),
+    ('\x1ab03b7f8cf54a99d60589951d7fdaeb62ef113c'),
+    ('\x1ab5287518ef7527935b4bfa9dc9f5403c5aa265'),
+    ('\x1ab6dd283a1342f46b32d9fcdf0f8929f788a55e'),
+    ('\x1ab851223335dccf9272c0b84abfe96c46670710'),
+    ('\x1abcf1897be2cbc693f5b228732a5852e1a80f8a'),
+    ('\x1ac278e4dedb9dd364bee0750a24f67d2de10b1b'),
+    ('\x1ad2e7c43803fbbbfd9b54153e5a88f5b45d8bb5'),
+    ('\x1adc183178d612fe8f656bf66a755ba476974283'),
+    ('\x1add86ae73af1cbfec755ba757274a447ebba67d'),
+    ('\x1ae6950c011ec81e2afc74eab4f30ccc628dac2f'),
+    ('\x1aee27c186ae7b230d4a53d4352f6a4efab1fb4f'),
+    ('\x1aee3ad8b025164e32d4592e1be86ad769194282'),
+    ('\x1aef16986f6a2a207e68899c43bfefce9b41f22c'),
+    ('\x1af48a3269e2bb390e2b737a67a94ebda23dc7ff'),
+    ('\x1af523ecd7fdf0100a690cff5f1a0cc927bb11be'),
+    ('\x1afa3948db47da1e0d4a583e6cc8c362d0f69db5'),
+    ('\x1b04ab321066e9d516720141ab3170afc6048cc5'),
+    ('\x1b0896441abc7686ac06f9e6cf9c8d9cfdf71005'),
+    ('\x1b0edc4b7d42c221a3708add155d4ceb9f77527f'),
+    ('\x1b14f8525d9d66b72e348fbbce648978b7e6a977'),
+    ('\x1b19e03050e4373e8138aead7570091c3d2b48f6'),
+    ('\x1b300b88ade9481c2065ed4648c4320aa03a1e9d'),
+    ('\x1b3cb19f4b10e59c1c9e0dfd600e870e6a30dc99'),
+    ('\x1b3ed4d57d03a749cd58b9c2854d49678a630ea6'),
+    ('\x1b3f5a6c83ce9861e3f5ea589b37a4625f1cef39'),
+    ('\x1b434ae1ec1467aff40d03d4b263994039480b4b'),
+    ('\x1b502ba532ad317f6558a37d71f968a532ff50f5'),
+    ('\x1b52bfca66853c0723b4afe1629033c0bd34b58c'),
+    ('\x1b5459a8e228a5a5fb64feed4596c351ab68963c'),
+    ('\x1b64a6405a4431a59f5fe394877ce0ff0851850c'),
+    ('\x1b66d3383f3427eb682ed990dc28307f779d7bd7'),
+    ('\x1b72e9d613ecf4662998e4605024adb81b27b4b8'),
+    ('\x1b7a79a5b30257fdc4a599eb0e9f9c351a01aa42'),
+    ('\x1b7b9c9f58d97d685351c689a59fd398d0e1de29'),
+    ('\x1b7dc5eda39633474af82774c790ee6eb47aa21e'),
+    ('\x1b7e02e81229f3de945e7ad66daad5ceb81dbcc5'),
+    ('\x1b93da9a159a9deded9f83528a646d89514bf8d5'),
+    ('\x1b93f88755f1c0145ba50e3443388c97e076e93b'),
+    ('\x1b9ba548359fc2e15fe2ec7bae5aaa159b746876'),
+    ('\x1b9df383378d54962b8cd96b26b77d0d07113f5b'),
+    ('\x1ba5d4c6c8c679207e0291c6c293c7c9b7cab693'),
+    ('\x1ba9d7daf590f98d8af553c30958c77509fd6774'),
+    ('\x1bac0deb0a7cca7d3147a6d943ebd438aad61909'),
+    ('\x1bafcab449aa30d0c7a6387ed50a6fe054b2f321'),
+    ('\x1bb051aa70882d37f5790b4e7a76a65955fe0cc0'),
+    ('\x1bb1bbbfd87e394f03665ebb9f6fb6999b23c33a'),
+    ('\x1bb5d0d4fbb7c433b748f8c371726d4519dde541'),
+    ('\x1bb8aec444879e25ef4d0ed673f044c31a79344a'),
+    ('\x1bbc32fb116ac9483ca96dd3c54244947d5eed9d'),
+    ('\x1bbe956eca9b59de2614d6e3a9c647cc94889161'),
+    ('\x1bbfd017e44fe8591eedf33688f8a18a8f2ad1a3'),
+    ('\x1bc187a7884e8a1d19f8845b4f8816440ebb0afd'),
+    ('\x1bc1885d088237e59592f2d0154f866fa7f98387'),
+    ('\x1bc3e2a6416a622fb85633c8968bb48d8a26121e'),
+    ('\x1bc5cb80d8afc0ce67e960e5cb973ec011c7ee81'),
+    ('\x1bd36ae5e39db75a0b3e079313779796b18be773'),
+    ('\x1bd3b69258505027f8291864e8c1e386603b8f72'),
+    ('\x1bd5a787fd85cf1c11d9c87df37f114d54e23462'),
+    ('\x1bdb2a8fc12488a375b628643b69d1f1db064d34'),
+    ('\x1bdc3698865aa30640120f6fb76e4c92c6564337'),
+    ('\x1bdc442dbb1c5f1b4f0718381baddae98b30a9e8'),
+    ('\x1be05e91263dfc487b8afd876d9625a0fe078f86'),
+    ('\x1bf4da385783af563e6cfa0cecf887f293327ba8'),
+    ('\x1bf668668ee9d3858992e50b01e6a27337e44b33'),
+    ('\x1bf84f6c3aa9a2f95318fe8ace6d3d584d01a34b'),
+    ('\x1bfcdd1600f8f69b09ac1b246b7d231738244839'),
+    ('\x1bfd68e12fe53f700b29fbd035bbbe2c0009ae59'),
+    ('\x1bff987428a9a3b10ff6f0e43de2155b50b5b36b'),
+    ('\x1c09c40f74600ea6fc7c95e479b66816526cec65'),
+    ('\x1c0a3e5217f846f136f9bb644eaae63a01c3f44a'),
+    ('\x1c1d9b83dbc35121103edeffc93dff17cb66e16f'),
+    ('\x1c1dcd237fbe0d5db7f3c2473b0e2347345d20ed'),
+    ('\x1c21f3079b26dd181393a65c5162a3da248686fd'),
+    ('\x1c22363f866dbd748b493e27be9124d380b16ace'),
+    ('\x1c26a913ffa026edd17202c352c19c80a6d7a8e7'),
+    ('\x1c339389c68b58dc365e46657ad6bc4dee7f14cc'),
+    ('\x1c3c4f829c3c6189d4e6cfe443273e77a305f14c'),
+    ('\x1c3d27a5c180b40d207e4e78b0ca26caf73163cb'),
+    ('\x1c4c97060ec3a6c6c9b9b606a7b2d1ca6ba7cfef'),
+    ('\x1c54e8b69b5ce7790504124046f9e9932b04c642'),
+    ('\x1c571712d8228babea7094332362aa074f8c3a2b'),
+    ('\x1c5c301d45bed748da59dce252ab4d8b7ab690e0'),
+    ('\x1c6d2cf22adb5ebe1bff2493922f8316d4fa8878'),
+    ('\x1c700a3ed254728f3ed390c9bf01d54ec4452c10'),
+    ('\x1c742b6ae4a91025f957375de468ef3f6396446b'),
+    ('\x1c74a5e6b4405adc4187f1904c2aaebf8a2b455a'),
+    ('\x1c7d512a9371d25d4427196db9283f012dc4c0cd'),
+    ('\x1c872b73cca11a693527cdfb31d59b97506e27c6'),
+    ('\x1c8acf6c0f2a2ac373a96f9492e3636b9cf84245'),
+    ('\x1c8fb19a77f34a263cd58c3ebe975abbfb480200'),
+    ('\x1c913ef2c9cc7172d8120cd91ae39ad4a6a3f5b7'),
+    ('\x1c95aa8c10591f778830fb522fd211ed4774beaa'),
+    ('\x1c9696225a8a6270d7a2a9713ad45d0cf9221671'),
+    ('\x1c9d4f0ca14c1f9d2d81689a772384d65eef620a'),
+    ('\x1c9e65c7b828b28bf78d194dd48d10e9d96b9043'),
+    ('\x1caa39115b566f452b3a841cc174f97a11ce8cef'),
+    ('\x1cabc51090686a61ae8ac2874953c3db5b1cc7f5'),
+    ('\x1cabe4c61e9eadab775427058aff4a9579a9df88'),
+    ('\x1cabf6bb5a79171a4acd4a38377ff0f520414102'),
+    ('\x1cbb784fb82998fca90bb74065d126bbea88dbb7'),
+    ('\x1cc04513f3257aea7217b38102c96375da9323fa'),
+    ('\x1cc3da810873d8339c3ea09c62b13388bd659258'),
+    ('\x1cc4e974d7c993f96cbd6a0530e8af234a7b0b25'),
+    ('\x1ce1c801cc28db36eb7c4c65b92241f087013b22'),
+    ('\x1ce74c10b10ed1f3b192a27e3376b3a1a4d9a907'),
+    ('\x1ce8922a869c9c3f8017e90ee4db696351f4e440'),
+    ('\x1cec8b501d9efae07256d7dfe1d9bcebadfa6d79'),
+    ('\x1cf3f60d8d3a85b06ffea52c1ec1825bb7266f0c'),
+    ('\x1cf5ecbf058fe4a95818583f08c7c4ea3f00c2cd'),
+    ('\x1cfdb923cfd6374350923a98f0672c76102e4a7f'),
+    ('\x1d03d198b1eaa005b16d9585b3a061281d68b52f'),
+    ('\x1d0d49239890bbcd8c8f0bcd2e139e554ab30774'),
+    ('\x1d0ee1ac84a3c50a58a0cceaa452ebf69e38b58c'),
+    ('\x1d103af45b93d4a53d5c99844e92c10ac4459e1b'),
+    ('\x1d103e9c88b0a68acb7277f61cf0ae05d02e3dbd'),
+    ('\x1d10a4a04c137eb147142779e8d912ea51b3a66f'),
+    ('\x1d11bb070d7baa7d26bc30e11bb80e30cbe4dc09'),
+    ('\x1d1cf8b03abb5dab35f6571dc04763dfd2b558d9'),
+    ('\x1d1e31b2466210cf9f20c45af592935149952c05'),
+    ('\x1d227dd765976762ad54fff1d86c99aaa644f2f2'),
+    ('\x1d22be26210998c441b5045333eb64a0d33d9bf6'),
+    ('\x1d2f17fca11362cd51f00dc4f26017500607fa78'),
+    ('\x1d30696541917e2dfb44d88b426c93d05c930c97'),
+    ('\x1d33f4ee065e8f0e9efe66624bc06e3a65045195'),
+    ('\x1d34e3cd5a5262a94a2631d2f8226dc4a8aea456'),
+    ('\x1d3d3972a65fceab0a6eb53c4475bed97a8a164d'),
+    ('\x1d4150ae56c434e60a139e13c9828ee7a0452662'),
+    ('\x1d4ad5e556854234db0afd4abc92def821571035'),
+    ('\x1d4cd23c3bf3e10973d1ba637fdfe0722b87ba26'),
+    ('\x1d4d675dee9f0fb257b6fe1e258240324ff28879'),
+    ('\x1d4e6c943860653230830d6df32f4d469abc5495'),
+    ('\x1d54c953b1069c5430294b4f9114dddb8675ed7d'),
+    ('\x1d561ff74556eed211a477d9981f14500b2136a1'),
+    ('\x1d64e086f83e7828d7da103e19ad979aca6cce57'),
+    ('\x1d6e1edbd9221c57f8dc368d6cc331a903b6710c'),
+    ('\x1d72232fd03c044447a44e46e5bb4a0faecc8f90'),
+    ('\x1d72f7e8324bcbed875b8ed24d833fb45264e78c'),
+    ('\x1d735608147b4158b3edc7f4924f3dadba66cb01'),
+    ('\x1d7568f1bb8d4307c0b6a2403459740d9129276f'),
+    ('\x1d79fb9cd1d6abc8d03707c4894724f92480eb88'),
+    ('\x1d7eb6fa5653114a6041a88f666b761d2b7f22da'),
+    ('\x1d882537302f563fe8667def5a618901a33ee742'),
+    ('\x1d8e01e23ef555fb7fab350a612a463666ef78be'),
+    ('\x1d93c9d97a77d061e5c92c80a12ff5ba98dd63b7'),
+    ('\x1d943033d9f14c3c4a39d4047c4b13f7044cc587'),
+    ('\x1d9aac98e4f0f57547dd2a3284eccfdd1fe42396'),
+    ('\x1d9ea18fbd1756db8629cb130e2c61ec0a039db4'),
+    ('\x1da119475089e62e25be2e7fa135a46c1cf4c96e'),
+    ('\x1da2025bcc9a1b09a6947f6c1294c607d366ee9c'),
+    ('\x1dac1c9cb6eb1bb2c52434be99fe0aa4e1067662'),
+    ('\x1dae9b496d87acd2da14abfa697c6a41284e1f68'),
+    ('\x1daea767c7c479d1bec64b4e11738298942dfed4'),
+    ('\x1daeb4b2589b9d3fdd51da4d889eba4d6c03c0d1'),
+    ('\x1db1a3acf0e7ac91d10d3470ecb1e3dea35b332f'),
+    ('\x1db3deccfcc9f6835896e6dc29448a563f8730a0'),
+    ('\x1db476ef6012539985801cf13f13e8ccc0c070ea'),
+    ('\x1db6f12dced94f5449a97d152ca802904583a70f'),
+    ('\x1dbacff8c672b47adbe6d2f9ebfea00d8db7916e'),
+    ('\x1dbb1a36b4505454ad2628be3dd33c94ab1e9384'),
+    ('\x1dc0bb1cfcecaefece8f1e76c4cb1f49492c012b'),
+    ('\x1dc12f6047eb6934833ec06f6e108254505bbb2c'),
+    ('\x1dc80399436227f65335fab7b05eab1698415cb2'),
+    ('\x1dc9414d9c4c6b0d5c93db1e4a476a3036981114'),
+    ('\x1dcc69b865c02422d5f70797b9cd56d233d9f801'),
+    ('\x1dd92ab3d35e90eed21ea80a023ea1d1984c65e6'),
+    ('\x1de202f8144b22b7c03315e3ff58d4b3696711b0'),
+    ('\x1de2c651bdd45a47927101ad576c05a0b380db1b'),
+    ('\x1de79c3bf86a0e4a162d0ba6a71edbdf03e1da4d'),
+    ('\x1de7d1dcefb44068ac631ea08b16bca22b3e42af'),
+    ('\x1df1035bafef318e587dd9458423801e559055cc'),
+    ('\x1dfd643187ae2435efc15374d230a32d7f2f7d26'),
+    ('\x1dff0733ec5139eb73ff902d15d6f26dac5a98d2'),
+    ('\x1e041fbb92c02997da16971e192493f1a87bc18c'),
+    ('\x1e042b99ff5e5cd7b562d697dae3fb2f8d8d82e8'),
+    ('\x1e0a189ca4cf212cecabb84a52d124f195669d53'),
+    ('\x1e0f895c4e7ddd34dfaa82330d9bd1473deaf11a'),
+    ('\x1e12223ea0c9a5473760c3ec10f30db95b21e298'),
+    ('\x1e1515019cd6a7ffad2e9bac43e1a2a2e08616a1'),
+    ('\x1e167b12f379537df0caedde4b4c304eabd1c55d'),
+    ('\x1e173e4e1cc6b01e291cd50a2fce420ca8ef2d53'),
+    ('\x1e1bc10122ed6850f88bb7ea487f79ad76133d51'),
+    ('\x1e28e500c3a90e1281ee132ad8328cd08bf05e99'),
+    ('\x1e30a204acf6c949726c558404343e00f27b3c87'),
+    ('\x1e313c039a8f95875a6e83b8b8dba07e727d7f00'),
+    ('\x1e35339dba926362c9b3a336cbc4468dc805570c'),
+    ('\x1e398d3276e09765b7fd2be10f46d4c5d2628ce8'),
+    ('\x1e3a156af2e501623f460e8f5cce7933c17d546c'),
+    ('\x1e456bf0fe958866a73adb98f1f918048f47b457'),
+    ('\x1e47f1020836528d02f1880f07dc9aac18609976'),
+    ('\x1e4eadcbedf58b42ec68b21ec9f3123442db660f'),
+    ('\x1e60491e4dd1174bd8ac0cb631a4319c4d56cec3'),
+    ('\x1e6ca625c5530c980367797d1383e56081a8acf2'),
+    ('\x1e6efc577b559b2e7374d81826e562715f518af7'),
+    ('\x1e72f27d096decca89e504e85adf0e8f8e6bacbb'),
+    ('\x1e7412bfad25f089ae34cde600d68f45d8323321'),
+    ('\x1e7fc026c2a3096cbd4b816d25b80ad62add2a9b'),
+    ('\x1e8749f9c31264725f03a1b258471d63478163fa'),
+    ('\x1e8bbdd36002a79b356bc8912001722bbc93ed32'),
+    ('\x1e936faba2b0cf5fc3148886be32795371b6cb5f'),
+    ('\x1e97a5433a775d4a2dc0e5375826dc4f8b635ff4'),
+    ('\x1ea39505466e6c190d11afb8fd347aa1afa6ac17'),
+    ('\x1ea6df282eefe56d5ee3b06b9d747a311f4fe149'),
+    ('\x1eaf9447d5a1996a88190cc8b7391a15f59a2969'),
+    ('\x1eafc0f9555d9e9869a9a1eac5c2cf5d2c245d20'),
+    ('\x1eb97305a3bf9a86ec3ea6dc7fe8d4189f0a7925'),
+    ('\x1eb9ec59d25d2c44d202180f61392ee11ad0bbe6'),
+    ('\x1eba7d7e0fdfaa58ce1f36c48d45221dd5c85525'),
+    ('\x1ec218f4157c9bee3033e66173fe093f5f823cc8'),
+    ('\x1ec44165ad9be9423344c5dc20aa4a89dec039d9'),
+    ('\x1ec7897a4b8e308fad79bb30e0cd31b1753fd91f'),
+    ('\x1ec90cadcb7fa03ab6bbe4c1546be580a1765663'),
+    ('\x1eceb522c626ceb087d13379d6dfccac3f287008'),
+    ('\x1ed6da0843ea22699f91a40a4df7393e738b250c'),
+    ('\x1ed8e58263a0afb1f4dcbefb0720e215d9d58d2d'),
+    ('\x1eda164f78e84d4a83cc0fd7a986c074e80b5970'),
+    ('\x1edc5669d947d4fe8d1d7f1ca235282e9dd25e55'),
+    ('\x1edf9f0b81d423cd2358e08247c31d5e8f0e1e12'),
+    ('\x1ee45ebd555482e5e23bdeaccf99884f6f2e8f0d'),
+    ('\x1ee76ff6be7932e3cb30fbde52afd1478df9045b'),
+    ('\x1ef352adfbf8e2914bd4fc1c451d9aaf8be21ad6'),
+    ('\x1efa41b39180b0051779cff178a4f73be7a86082'),
+    ('\x1f088c86d24f7a71fd75a98f56efdc502d2897ad'),
+    ('\x1f0b70c50144197c8ceb3b913cf67c507e7c3040'),
+    ('\x1f0b83086ee89e0c7a3f98c08b13431397da5c29'),
+    ('\x1f1bfd871ae00fa2ed0d82f9d869db87d8e0a6ce'),
+    ('\x1f22936c4ea84899f9b3f50c39912d6933d1d1b9'),
+    ('\x1f244fb8cd17aa67ef235478cb5e8d50e2553900'),
+    ('\x1f32bb8e1cbb9aa810209e48d655be7a6db53048'),
+    ('\x1f362254211dc50e123baeb38b4205e90c3b7926'),
+    ('\x1f3d8ab3bde02696a802130b5ec4bff319b248db'),
+    ('\x1f42364d500a0604af54d454743f823014b8163b'),
+    ('\x1f458ae17d5fc5f2e28b097b0391352c7cdd06af'),
+    ('\x1f4afb4c33a9dee88dbdb093e1ecf2e750c26121'),
+    ('\x1f4d0ab74e2980ad1a17177226c7f0cf189a601d'),
+    ('\x1f4eb75f28fdbe217485f77cd76e093daf5af45e'),
+    ('\x1f51e5f79f7d405ad5f41e10f1844fea9b597357'),
+    ('\x1f5a4e5e579f19f2d3a997af0f79dca874064c33'),
+    ('\x1f5cc256140852c8f8566ae30bdb22a919787fab'),
+    ('\x1f5dd3898db5106fdd2f60ea27c120ae56199564'),
+    ('\x1f6265874544b5c9656a3ad93c84b648260d1dad'),
+    ('\x1f6f2ce423a37ba7b9e2e2bb4a2cba54b4c39729'),
+    ('\x1f7072419494ca2bbee531cb0865f63d164cce15'),
+    ('\x1f76d50fc6a41eb0fd484e4a1dc7cab45681e461'),
+    ('\x1f7891722a3f72b77ba2bb14556368214ef5d736'),
+    ('\x1f7a3150c80430ebd272f4b7e18052847096a35a'),
+    ('\x1f84cc35d40d902894889fcbed3d1654b3e05e9a'),
+    ('\x1f9560e69167c4cce1f4a6e26ec442ef6ffe2d9c'),
+    ('\x1f96b81aa685a21af14498a193007f0025ce970e'),
+    ('\x1f981c9f387c39b78f8645a276e9c13e66657046'),
+    ('\x1f983af466a74d6f24cff1ba82d641bd7c76ca34'),
+    ('\x1f995a011bcf938449d0311466172c26d5255f06'),
+    ('\x1f9a277d1cff26559c3285456d2a8a8243c6ba30'),
+    ('\x1fa229904bc6bf5aef95cf3345d6b4df3e361c0e'),
+    ('\x1fa2b9f199d0d3cc61bdcb80842c734fbc126db7'),
+    ('\x1fa5aa6002bfe155eae05a82602eb07a51ecfd98'),
+    ('\x1fa71f8c5540f43ac280925618f68a553c17767f'),
+    ('\x1fa83430de89e61ad26b71118ee536ac631c3b80'),
+    ('\x1faa304b0dae456a1bf1b7e249b7ba797cf32387'),
+    ('\x1fab73a361c37e475c8a2c947d57c7fd614f53b1'),
+    ('\x1fadb06c573595fd3580fffd7f2464df3f99819e'),
+    ('\x1fb1a3901fa52d4a166de151600f7bd4a40ea178'),
+    ('\x1fb2c74081fc527b211472ddc0efdd757a9a1aa6'),
+    ('\x1fbf6d415dd926c44e63a42d0e2e549c5d13cde4'),
+    ('\x1fc1a4799e79c2b7b0d815554e1ca2f1406d2fd9'),
+    ('\x1fc3a3a98a57a2e60ea377d2d19048794cab1c81'),
+    ('\x1fc4970ff97be137bef093f6a8fa954bc9968da9'),
+    ('\x1fc4eaa1c9fdace5cec882798e2858de380acd70'),
+    ('\x1fc4f19086ab259d3ed9ea696e1bd8aa1b403a80'),
+    ('\x1fc53f2180e1cbbfd370335a00853694819c8b55'),
+    ('\x1fc726f310719b5793d32f834a039845a26e0e35'),
+    ('\x1fcb2fbce126f172c710f91f8b81337dd0e62de2'),
+    ('\x1fd077e8d9219cb67c170a1ddba622931f6b4a63'),
+    ('\x1fd1967821ca4433e5a69465f801127a38496286'),
+    ('\x1fd3c47e5477442ade71bd031a26920dbdf22f38'),
+    ('\x1fd48979233168a4256bdfae5ce982a3f5071554'),
+    ('\x1fdb5ac438b50f6bcad057e9195f56fc88c0eb9e'),
+    ('\x1fdbb57657d6433f74fa185c52aa43b03b9c0a05'),
+    ('\x1fdf13822cbf5beecac56370a8a4f754e6254cfc'),
+    ('\x1fe11d88fc20ab709ef3c1bfab320859dd794d7b'),
+    ('\x1fe221bba9e77cb6d54f77bc7faf42e59b2322c9'),
+    ('\x1fe3ce3fb97421bd078781d95461b1ff18e86096'),
+    ('\x1fef80a6584a7f11ed644adcd6490a1003971b05'),
+    ('\x1ff8ef37b3d0fc16741b9c6297e033f6ef5b8cc5'),
+    ('\x1ffd0af59ce543f5184a8be20ef038de1d72040b'),
+    ('\x2002020cb57408db96de28517ecd67e7dcad2fd7'),
+    ('\x201017ac0e87f5c7d39240ae56dd8e1944c804bc'),
+    ('\x2011d744991a4084f9b55e42a1de306171e95a47'),
+    ('\x201280614e85d3fb80e0a0cb8ff1b7e54267c120'),
+    ('\x2012fb0d96a3c3e43e3864b20ed3938e58f4d548'),
+    ('\x2015398697f6f4c90b17a4244116cc6ce0b00e3b'),
+    ('\x201cd645d954ba32d6f7c28a994b6546c4be84c2'),
+    ('\x201ed6b94a8293bdf5d46dc647dcfb5399a6cde6'),
+    ('\x20200badd8599df6526c5389a8e9f3d422fc859b'),
+    ('\x2020c74f2bb3aee9ceaf4b3059677ee8b24dc02d'),
+    ('\x2030de44348337a6c05b96e7cb8de2448106f963'),
+    ('\x20378999f58feb589e070db315050e2bce52c03a'),
+    ('\x203a4e6eefce31c01331ef90bade68a74b5e2585'),
+    ('\x203b71eb84cfd74947df1ea61f30b738b1a15a4b'),
+    ('\x203d550da604bbe625b1ff51832ffe6d36b65f24'),
+    ('\x204498540f1f79e9a0cc60d0aaa93a245dadb0e2'),
+    ('\x20467ae08bc2988e4de6000ea0ed48990f68a952'),
+    ('\x204911ba710a1cc69f5509d055b306c20fa1c8d5'),
+    ('\x204a009540a0a6211482564c069f7f77a3538ae6'),
+    ('\x204ce3a9ed2c6c5726ee20ef5c1c6967f83ec3e6'),
+    ('\x20605aefbb478b10e7392047d609b468dca7401e'),
+    ('\x2062e98e6fbf71b59e3aacc9e537c3ecc56c14bb'),
+    ('\x2066ed2ddfa8aae2a989afb2ad1ec2a0bab01080'),
+    ('\x2071f2075db11490517eaa8a9cffb20d3d353dda'),
+    ('\x2074f590daa92ac7d146d74ebf34e0622d2e1a90'),
+    ('\x2078776b24b67a146d427f4616e192668576cf6d'),
+    ('\x20862920144318a2fdc026dbc2a9025a2d71ca9d'),
+    ('\x208ae91c9cce554fbff036871a5f58e7afc752db'),
+    ('\x209252a61359f8736e6bccfce92f291a1f282096'),
+    ('\x2099daf24516e1587b20fccec806c1ec531c45d7'),
+    ('\x209b8a2295b1e5409392d30b4b7db5274e25c95b'),
+    ('\x209e2cabf4aa16503d8fd3b85f8c82de4d86feac'),
+    ('\x20a562a5076cb5a9314740a7674d25df7ab963ef'),
+    ('\x20ada4f39f5ece0043f809d5654e1185f7c60bf0'),
+    ('\x20ae0b278722974f45aaf91f2b1003cc821d06a0'),
+    ('\x20af5e48d37060954c48fab71c12f9fdaa26d581'),
+    ('\x20afafaa20cf6e136f467051b89ecdc3b279a57e'),
+    ('\x20b998abcb214eea14bde34cb9c8d14b2c924a5f'),
+    ('\x20bf76bed51ccd24d96d534258b11292c86b5718'),
+    ('\x20c4cede7313e043247af331a81995370a5a2860'),
+    ('\x20c9f9ad644bfeb48b6e49c8df93d19428b2a7f0'),
+    ('\x20cbaf185d9b476923044a201064eef1c5eb0e61'),
+    ('\x20cc63262b8b321044f7abbb69e5f38180fcda48'),
+    ('\x20ce4adec8967fd6e7a384f98d8b0c9ec931e499'),
+    ('\x20df1507b44bab94324cf4d7ed10bf4ef95ffd09'),
+    ('\x20e1b4b93978073f776868fdb9f8f3b8e0d7a43b'),
+    ('\x20e2ec8109903dc067d83c8ed6b95231e20391f5'),
+    ('\x20e396009bbf3276455d393f5e1101f09b628c90'),
+    ('\x20e4473a65a2b2b6ca3d437f54137cf7125da947'),
+    ('\x20e7227342f48c2e8c0a1c61e936aa417fd644c9'),
+    ('\x20e80c6609f1bb7006c59cb24cb382e63e722234'),
+    ('\x20ea57628b18ed1fae341aabf232d8cbdc53cc85'),
+    ('\x20edbfa80682534813a2b3c762ad480f7cf313bd'),
+    ('\x20f1fd2c1fda621be14aaf7e9a96a0fd1f3eee2b'),
+    ('\x20f278a8efb84f53076703af7fcb6b29770cb7f0'),
+    ('\x20f53ef38776ae99e1d0bc075ba8f88280038a90'),
+    ('\x20fb96dc3e701d33b375c1c7001c048e901f3325'),
+    ('\x21075bb1697d091b8f491b1fd52eeb6de627d402'),
+    ('\x2109d89ab2d369678506b7df2b52ea000553711d'),
+    ('\x210e05ab838c2283b5b3018e545784f5939d4795'),
+    ('\x2118b21f6abb675729b868198414cdb365b79e2b'),
+    ('\x2118d358a27195b8bcf8d30f18aee88c4c0a9794'),
+    ('\x211a5792c560748a499904752d49dbc14c7bb2c1'),
+    ('\x211c687488c74a36241c8c8bfe8b9998c2f4ade4'),
+    ('\x211dd41138ad0b9b2a0e8aef47f2f4a05e1807f6'),
+    ('\x212c06e08ed860594a6560a882409b883a342f64'),
+    ('\x2132fbebcf0809e2bfa2f27fe10538b335289fff'),
+    ('\x213d2fde85813b053d5353a7fe0384651c68e7e3'),
+    ('\x213d8dd464c1c915241e783addebfd7f61ac9ddd'),
+    ('\x21477dbb8bf162b3be710228b7c8ecb038452b64'),
+    ('\x214cfe83d6716e926041a0181ed02343c5597431'),
+    ('\x214ec2705997ffb5849023001a0e36dbb7e66292'),
+    ('\x214fed29f0be9483a6b0b39004133d8b3e591664'),
+    ('\x21531bd38e8e52a1ac5025bcd48ba4918066ed69'),
+    ('\x2159bb0216683db572fb75ec0fd9acf593b5a6bb'),
+    ('\x215bdd5a3927bfd78d8c270396632a501af7f8c5'),
+    ('\x215e3a785ece41a4e3b922526dc060f523e69783'),
+    ('\x2162134790cf643aa70cd3e7c173fc960f936e81'),
+    ('\x2163a9c186ecac73f4dc52dfdd7dd7b1d18f6988'),
+    ('\x216cb46894b90cf24987129fec50a6cba836ab13'),
+    ('\x216dbb6d04d7305c7941d03aea6bc16ed9fe6b4a'),
+    ('\x2170a1cf01f0c8306ab88db61fb631ebbaec0099'),
+    ('\x2175b204756ded6de28eacf1b3818345810b04f4'),
+    ('\x2176a0eb202be991b0547df91adade2902584430'),
+    ('\x217b15e9f3230688a96062d89c4d423ec7225a79'),
+    ('\x217d2831ebeb506b3d416c65f24cd6a3272e5d76'),
+    ('\x218013118829ccc1e570dc885a29dbf9ddfac5e2'),
+    ('\x21834fc8b5cb06ea42a5b9f4b0515c4d8cf69dd2'),
+    ('\x218381f488e3ef72ce4489b85a8f406cbbe6651e'),
+    ('\x2187efe3dc74d4f58063e2311654bc9f2f745757'),
+    ('\x2188b7f807b422bdfa05451d0024a57d6a336337'),
+    ('\x218cb9ae539f3f1602570b6d0bb7a0fc4fd07272'),
+    ('\x218ea61b6211cc2e21fc2d9a506fe70b79d50339'),
+    ('\x219063a578a486b7c00262057efcbc44ebab0eeb'),
+    ('\x219af636a8e30f7ee0cf1dbc7c11d01ce6c3a0ed'),
+    ('\x21a0c82e2082ddcc0bde6737d0413a97923af588'),
+    ('\x21a3db50c91ac0fd3096233b5af00e1d095cb7cf'),
+    ('\x21a711fec327905b8a4f647ba0c28904969b6636'),
+    ('\x21a82061ebf2ff5c4c86edb99accc0d5f36183dc'),
+    ('\x21c2cfc061151327340849a03a761b4084165f3b'),
+    ('\x21c834865e8d6bdd304b4285482a85e5765ec272'),
+    ('\x21cd596bf9a48507e5c94271284c5e577c77b355'),
+    ('\x21cd7c4750cf765ec55b11b37727528a9c60a2cb'),
+    ('\x21cf999eb277f901ce0ac28ea11d4495b0ba51dd'),
+    ('\x21fc2407e32b2fa64625a87718285cafdc742260'),
+    ('\x21fd1f02f3c9f81ff2f1bf26a6b22bf2b5daa8e9'),
+    ('\x2200cc9cfc6ba4f3803f271b93c203145cc0554d'),
+    ('\x2201c2f593e3728f40494f3064e29ddbab371e9f'),
+    ('\x22075508cf56aa49bd88a90fc3cc3e466c42fe39'),
+    ('\x220d2d74c1f173b94540953f3b094242eb0dbcce'),
+    ('\x220f166c9642c7c173c3f677af4cf58fc07ef49a'),
+    ('\x220fe629a1d8cbaa45d82ac578cfc85de356b746'),
+    ('\x22156a5e507019ab7df5095654f5160fbba08c00'),
+    ('\x2221560adfda40e18ba1bf119ba416aa4c7c966d'),
+    ('\x22261a1b33c1091cd8b7e7ccc6bc423024216e3e'),
+    ('\x222a372937f0ec4f93d045c7c76a4709c67c2989'),
+    ('\x22315da62cde74a5a2a380f5423bc6118e5b8b3a'),
+    ('\x223e7205a7b7e18f3611ce52c03a3055ed31f5bb'),
+    ('\x224328d5583fc6c4dfe1e9fc82ccde500fa7ef6d'),
+    ('\x22440db339f103ca8f78af1776fd412fd0c88291'),
+    ('\x22443139013ab40db49fd63c293bd28363c3548b'),
+    ('\x224d94cfb3948df49814a412908f7a24a05edf33'),
+    ('\x224db039f88e46de60f578da0b411ac1118ae2f3'),
+    ('\x224ec756d7aa5d39c51bf8fc3014d3bbb259d9d4'),
+    ('\x2250858ccc6525c17d5e11d26b74f30566051b67'),
+    ('\x2252d538d6884c9a04a3b1b143c50a10c6bf7aff'),
+    ('\x22560ce0967c9d13d15561e69db2e84304e7fc3c'),
+    ('\x225822b073313f4d55eba747bac06f0f73265500'),
+    ('\x225902eb70f359615103f3e69fe97e0a47fb2c2d'),
+    ('\x225d5608cb55db6726c3cf28af04735ee11000ce'),
+    ('\x22679291319df4af97c8c8beeae0b7392962dcad'),
+    ('\x226abfeae46fdc2e3fba316eb3c45192efe14f4f'),
+    ('\x2270023c207cfb621cc12ac010ed41fb25c94f14'),
+    ('\x2277c1f20c8a4539b29cf543482e1b750da18620'),
+    ('\x2281299c25c262df0e40785671a6190c2d594cd0'),
+    ('\x228217b3f6fba2e7703cff0254f1daf505a628dc'),
+    ('\x228970a959639a2ce62a6f8777d93e10c540769e'),
+    ('\x228b8878aa8061d2e3838aebd2e6383739e96270'),
+    ('\x2294837b04c4536f4b51be746b3a829bea17c619'),
+    ('\x22959c33c95f45a9ad4e5ca753164b615edae619'),
+    ('\x229d65139e9cbe58f2ea57c8b401dd44fa2f006b'),
+    ('\x22a0e8b058c1250091ef311cbae97521f32864d5'),
+    ('\x22a55f68fd8c27cad31741a018372a06ca51ad98'),
+    ('\x22aca305f35d04766162004dba9a64fedec5e48e'),
+    ('\x22ae488e2eab69d74830e2e4413cc97d119ddd58'),
+    ('\x22ae9ab2235c915b9f6de65a4e135346fc129e7c'),
+    ('\x22b64e5896ba5aa842a9997af61118963f4703ed'),
+    ('\x22b73d4a02306efd9f5e2190376f836a4e425df2'),
+    ('\x22ba3f3500d6c29889d393fd190c7a7f8bb3221c'),
+    ('\x22c7346693d709ebbf12f21eb9cfe94f3022eb73'),
+    ('\x22d19c8451ac6cd8d25b3e45c1f70542c626c0b7'),
+    ('\x22d1cb7773e46e6a6a5fa790cdd5211fb2efc3a3'),
+    ('\x22d1d433f59cae97e90d6b685b9ce579460cfbc9'),
+    ('\x22d3ca3ca2b1f61728f039a7c5093c46a0cc1eed'),
+    ('\x22d65b834a7711e556f35e791717e9a0ecb8ddf0'),
+    ('\x22e1747e00f6b579d0502d60f63262a8ad7f96b5'),
+    ('\x22e6f9507fdee0166c0b2516d7c07786778996a2'),
+    ('\x22e75cf800ba10e17a78ff5efd643c00ab07e7e0'),
+    ('\x22fbb8aae99cdc0b196e6346449abd2d377d90bf'),
+    ('\x22fddc4938c00e7a480a609a9b77c127246df38e'),
+    ('\x23072ee0372de00d9c070f446aaaab795ad55921'),
+    ('\x2311e1b5a014b7f93e35bd56c88d229f8b11b486'),
+    ('\x23126c3ffcdb71da5ba07143f853d862189912ec'),
+    ('\x231bcfbc6ae53399be5f8598cf76554d6f810e9e'),
+    ('\x231efcac9a968bb49c1d55b8b3759bdc2ff633ea'),
+    ('\x232184da315f7d135c2b0999428b868c43b8052f'),
+    ('\x232825206b7a3912d16ad55dc0d0baa7aed4ebe0'),
+    ('\x232d73d37ba4a9cd4828107eafb320cac9b4bd40'),
+    ('\x2330c070048be3d0e2a5f1f32fe04e712a55b787'),
+    ('\x233525827f0d6e48681373ba7f22c0db1846116a'),
+    ('\x2335496b97e7e81e7226145561daa7d8d4c88e8f'),
+    ('\x23369ef00dd95a5105bd038fa4f725d73d8b8c0b'),
+    ('\x233818a74e51101b3b5c834b98212ac31cec7060'),
+    ('\x233e8c23a5e607ce6c50c5356c9f650e01fbb5a5'),
+    ('\x23439c12e850587d971e48dc667529d90ce965bf'),
+    ('\x2346851f93c51a40b4424768e54c7a5243cb60fb'),
+    ('\x2348fd809136c2dbb848776048b58488cd755a18'),
+    ('\x234b025a51744b76b934c9e681d1d4440036aad1'),
+    ('\x234ce246fd26f02b73696262107650dda78e87f5'),
+    ('\x23582db36088d04ad672e3f530b01fec814eba00'),
+    ('\x2359c4bd23bbd757c1e3567b03413b7fcd752b5f'),
+    ('\x235c76168c38a0314158eb84e9c207c53817eb6c'),
+    ('\x235e94fdbf9d7fa5407588906d9c8046a8bbd975'),
+    ('\x2363d791e90e80cf3e7cbefbe9085c57c5fd86f2'),
+    ('\x236bc25f83e05946aa8a3c02831532fae7faa0f3'),
+    ('\x236fc8483fcdbec3d8d8e249a366bcd842503f81'),
+    ('\x2381ac15a6416b044d95bd2412519cc76fbcddaf'),
+    ('\x2381ba924f4f32d68ed8b03cb812ea88b7f32b8a'),
+    ('\x23832bd67f49d9dc9c64d4ad528806355d4f5083'),
+    ('\x238412449ed8f29bf63fcfa2621c2175716b8a7b'),
+    ('\x23849c433831404b061947d4764576f78cf28a56'),
+    ('\x2384a5f27d6f1e3aa1ab6bd92c24164a6e41242a'),
+    ('\x2384b8330f55cfdbc784b650031a4fe064e28f12'),
+    ('\x2384bb4f153dc7d1dd07ebc09b4122ad5a6b1bf9'),
+    ('\x23871d7ecdc0cfd06d1311ee4c3ce036cd4e1959'),
+    ('\x2388bd41047ff0944ad224729861f57adb455bbb'),
+    ('\x238a0c4f238eae0e93ca40edbfc9266494d9e5ab'),
+    ('\x238a7d357d9670762e022dd691e20d38aec0025f'),
+    ('\x2392a961a6103c35f0b79b57fdfd9c8b3897ca1d'),
+    ('\x23942b89ef0b47e8c49bd31d62a6bd9a448a3c8f'),
+    ('\x2396798ee068da261ac33f584a16ab906af17526'),
+    ('\x239698b89462b58a792fb55e97b68c43b2047a10'),
+    ('\x239d9614d69c03c910d725c55a0a405f5be725ea'),
+    ('\x23a1d0af566918cc68b6b2540326afc289845353'),
+    ('\x23a651d78b880d9ea81de2d45e682d771190392a'),
+    ('\x23a83d46b834221219c9fc86d92fcc260bf2f35b'),
+    ('\x23ab16963ef3cec3745e7edb36b142f7f49bdaa5'),
+    ('\x23acef59c2eec9e56c37c8e17d25902dc925a6d7'),
+    ('\x23aefe18b005ff4b72ba3d8b89deb1779567023a'),
+    ('\x23b1696d27e49dccb13456cfa594340b77bb1b11'),
+    ('\x23b3826b11e37f0e53f890a0b5797f85920380aa'),
+    ('\x23b3df2225832bf8b6a5a822c568da3e90743033'),
+    ('\x23b83a64d1797d5f73f2ea144d39c6890724854f'),
+    ('\x23bcbe4d894d48c111ddc4ee77708cbec76ed122'),
+    ('\x23c019e1cf9a380f5c8e2e43cc9a32eebf88a703'),
+    ('\x23c353c9f4d064c4a8fcc9fd81a61f332d5c1c92'),
+    ('\x23ca81fc5e550139ecc8a298e8b610c4d18dcd70'),
+    ('\x23cc91714d652db2ded6f8cd9224f29835c1679c'),
+    ('\x23ccd825791f64279353f5b59c392e5e2407cd3f'),
+    ('\x23daa16b799f3e3e0a7a766d5a512536221db708'),
+    ('\x23dcd8865379d4f23d28d84ba61c8ed1e0da2def'),
+    ('\x23e1a7fc105fd85a238afa7a7ee02c6a3be66d81'),
+    ('\x23e1f279fb89f45452c4242006df4b72e5a9b063'),
+    ('\x23e2305a24c3716e1391bde72ebecb794f2d519a'),
+    ('\x23f27a50703b5192d9ab88bce3a81ee5bd989f20'),
+    ('\x23f4064b9a1f0e0d3a80ea9beb4a148b60df15a2'),
+    ('\x23f7101696380a4db693b72812293e0af3b391eb'),
+    ('\x23ff0218dcb4504a8e09e86f87529a7e46fa6bf9'),
+    ('\x2405d071fe811f556cfa64f553092713ca82ad0c'),
+    ('\x240b45429c3b765c785a55d50c8c121fe5bcf883'),
+    ('\x240be315761700566c4dc94806d9b8b4d7199555'),
+    ('\x240fe879097174e8aa90e6c25df2995e8cb96c3e'),
+    ('\x2410bdd516c277e41f37ae92abca8a1a726ab41a'),
+    ('\x24121ca5f31d11f8d7cf3e47117734cf4d219c70'),
+    ('\x24161e01f10cac9e966df4876b3afe71553a520c'),
+    ('\x2416a964578e16f705e129c029166365775416db'),
+    ('\x241f60a6732b94cd285476c9b799fbca995ed711'),
+    ('\x24240cc6a6c5ec975e1febef03bd25d813c90563'),
+    ('\x24247e3dc2abad16e0e4f9076df82e76498c31cf'),
+    ('\x2428e812bd35e6166ca8d128b45c937d1baf8b52'),
+    ('\x242a10383e195a17a28c65a3ffc650d489f22b23'),
+    ('\x2433d896730d05187d267e06e25c43819c2b520b'),
+    ('\x243c2d2f6d1c6337b213d75d532aa99608065e0b'),
+    ('\x243ec3a60e3bf58907058cd9041ad25375d4b1e9'),
+    ('\x243ec8b1eeb80d9510934f7cb90f82f2dd341540'),
+    ('\x244151f8013cdf8d97772c8087a4ad1d23e7bd02'),
+    ('\x2441642c4b1602d16bcf662a8757ab2e916569b7'),
+    ('\x2442f610b5b31125196a04b1bc04d4aeca2f7a4d'),
+    ('\x2445255445019c4ae789b16502b85d28b111bcbf'),
+    ('\x24475a0b11a8b79313d1618916bfaca5384e836e'),
+    ('\x244eaf2124c0448fa93e5f9d4b90aa41ae2c4053'),
+    ('\x24510cfc6d1093fceabb30fada643ca4f625ef4d'),
+    ('\x245300a8258a486e4884e62da023f2194cd69954'),
+    ('\x2457a0967b62cb6c4b5c3db087d6b4f208198c27'),
+    ('\x2457b54fd9d74f1f593502d19de6cf5b1987b73d'),
+    ('\x245c022fa064ed06f00ba745191ff5475d71d2b7'),
+    ('\x245e71ce473f2f4dabb48f5ec3ab5dc6f2f0ee43'),
+    ('\x2461535aec36735e858da4c84da3f85bcf7a8b6e'),
+    ('\x24654f12a66a1f07ce0fbc6150da3ebdb173b815'),
+    ('\x2468df535acf5acb21e56a64f10b3e8d1db8f2d6'),
+    ('\x2468f9bd0a4a875c67751180a60c6caca66af58f'),
+    ('\x246c5ea02454284062606ea748201afd9541a251'),
+    ('\x246c9b5e097eed699096c004b75e658d90da9701'),
+    ('\x246e54f889fdd15aef7b853d4fc06ae7e109181c'),
+    ('\x247456c515682c2e68ad4fada2a0f01e4ffde63b'),
+    ('\x247cb2c6db763fe25689206429ee28f112ef561d'),
+    ('\x247d6ffaf9cbfd0d110d3557905f4060047b31aa'),
+    ('\x247d972a9bfae0ef0cfe4eadd456c42ea2bfde67'),
+    ('\x247ecde045f32bc0e37203c49d6280affe1b5aa9'),
+    ('\x247f41b817f810115105c55c3887c5b02bde37a8'),
+    ('\x2482be49fe0a8165c7ed4195b2ff93bdd229132e'),
+    ('\x248b0d7b3d8011a370450aa356632b8da9667d16'),
+    ('\x249605e18705f19a593198c67f1671c2b0adbdb8'),
+    ('\x2497c4bb64f2f60a0851888dab241b369749cf34'),
+    ('\x249f6cf740b460e39497b341eda19cbf292a8fb3'),
+    ('\x24a36b556b149c01ce7df118e4bed1eb916c10b3'),
+    ('\x24a7f77445eb7d755713ae46a098f6e1475a65bc'),
+    ('\x24a911ed8ec6cc713f4195651d3b9756e8b94c57'),
+    ('\x24b7b0c683a17201772508c43dbc2a4d4a0d3b5b'),
+    ('\x24b8d23b7ce70167501e861023284fd4e735742f'),
+    ('\x24c103b1f6bd28c83dae1d7e72922322ede228f2'),
+    ('\x24c5b882db981332d1e8e3f1e1554e2be3a1b985'),
+    ('\x24c8954b53c9b149855cce8efc56f7bfaa309c5c'),
+    ('\x24cd249d4404b537365f21891bc882f19f26cd0c'),
+    ('\x24db6ec9bc48802c71ef446364e69e3ea634b0ed'),
+    ('\x24e3eee9aaec7ad5cceb9c4f33f09694b575e3ee'),
+    ('\x24ec6cd098739cef112f5c56c2e4c9a706ecfcb8'),
+    ('\x24f0d8c07a01baf228aa094a34c2c34b94734cbe'),
+    ('\x24f1b4e5d966baae53f9f96ac4335da3ed55befb'),
+    ('\x25016fe9ec13121766b44fc44a1c51d0115c79f8'),
+    ('\x2505554595c49bd40d3bc5fd2fb071876e982823'),
+    ('\x250d7599352f2145605095d4a6b9e69263156afd'),
+    ('\x250fad4d7b53302b8abe400e1c4741d7d82f6f2d'),
+    ('\x250ffb64448bcf453a11a4d409dbf517e3c30ba4'),
+    ('\x2519179d679cea7e08a2e70e2f818abbf7908fbc'),
+    ('\x2519a36ce06632d11e32e7e364931a2f0d000c55'),
+    ('\x251a2f62d74631966c1e65aaae0275f2845ca761'),
+    ('\x251d8d3959f92450ccfea4b1977c2665e23a8f50'),
+    ('\x251efd520379ebc81629f7b413386f2390c1aa35'),
+    ('\x251fcee3c4481127767062ae6e8c034c34369fa5'),
+    ('\x25238abff6a1d44052a7214612139be5eedac722'),
+    ('\x252e4d3971da2780180a20965557447cef6f816e'),
+    ('\x252ef49a9d135f093f2ae39fdb66ec8b00c87c03'),
+    ('\x253311e9987a21f64fcb96cc319ad0e496f07f50'),
+    ('\x2534a956b53ebc9ed162855d57084b1880eca962'),
+    ('\x2538abae3c83ee4e389da765989416a906378f1a'),
+    ('\x253a876d8e807dc7ec076116ba3a0e0115afa4c0'),
+    ('\x253b119a85d88383042c678be46e6693784c1124'),
+    ('\x253bbdb398176861d4aa14c295c527f69d252129'),
+    ('\x253d0844f3bc8ff3839fdbb7478881a6bf03b767'),
+    ('\x2548ad44c7aed865277c1ba180084a9121075bbf'),
+    ('\x254f212f566862d78513e2478d0dec4de373c1da'),
+    ('\x254f9857e2644dc9d6c88ee9aff64aa936ceb2c8'),
+    ('\x255470950df10e142cbce7af9e3aac1d1342fc32'),
+    ('\x25601131ac8491aa3dd6a08ea08c527199339d61'),
+    ('\x25612f1c641afda9f04c583da182db60e734637d'),
+    ('\x2561b5e11c3f8614f253da8846bfd123c4cdcebe'),
+    ('\x25663ffeedb7787c8707678d6957bdb72c07b50b'),
+    ('\x256f343611054cf9e0564d4aa684a904ea1a6eb2'),
+    ('\x2572d4b0bb74308e8c54f6fcc99393cc4085abb5'),
+    ('\x257b65a4a5030ff7ba3b2063eb4b906b11cbf263'),
+    ('\x257d1855cbfbaa70ef0d06e8dec7e9038723f7cd'),
+    ('\x2580056dbe972f4c4053c28d9bde709a0cc485cd'),
+    ('\x258515787d2ac1a1500cb3e93ced9af56c2b1a6d'),
+    ('\x25858aedc4b38786eecf2b5b15dd05cd1ef63d87'),
+    ('\x258cf66f8fe6940f17f50eb60fadb65d49077393'),
+    ('\x2594729884ba71b2035340e2478727da856122b3'),
+    ('\x2594a2922c265e48a418ca31c0e7358a11197756'),
+    ('\x2595e6f972eac809a3ba687faf9dab6770589519'),
+    ('\x2596aa6e09170fa92a8587a5fd5697470e2e8a9d'),
+    ('\x2598eef95c0685ccba1a32f187e045ebd2279961'),
+    ('\x2599d6c65ba94d143f5a70ff4983b04d4c959bb8'),
+    ('\x259eabf6e78b15e0c1ffe00c68d16f94d1ea7477'),
+    ('\x25a274cb7c3e686fc5d2523683b1ece0a7b35515'),
+    ('\x25a6273a6600e15caeaf36c55f55f2bb76cc66b2'),
+    ('\x25a9f4c6a0cd247feb2768e5960a077c0b50e7a6'),
+    ('\x25ab021549dd2280be10465651cebf9d68a36d82'),
+    ('\x25b413fd96b747136af4af343a862a9141e51db6'),
+    ('\x25c43114042c6c6ab542a86dfe6e54ffdc253105'),
+    ('\x25c5da70bbaf68cb6873ab2fc3162a6578fc9739'),
+    ('\x25cc5982bc7bc2faa2b57e055b4389d4c1f3a032'),
+    ('\x25cf851474af61bdcd0a95d4fb87a4c55ca24c27'),
+    ('\x25d45c32da2b742005001a2559d55627afad662c'),
+    ('\x25d78dcb5402c8f487ef7b3653fa0ebf85a7df16'),
+    ('\x25dcd621b3665eb61a80249c193ec70c8bc45b02'),
+    ('\x25e2449ac5d9decbc905363ff296c059c5956bbf'),
+    ('\x25e6b608d4df8e09eac35e961fc26384a0fd0086'),
+    ('\x25e6e62920b9c5f1f72646845a1a33eb23b3edaf'),
+    ('\x25e82fcd270d5e979895d9618469faabc801b700'),
+    ('\x25f2df6adf787e958dfc4ec00eb25081b8c1ec19'),
+    ('\x25fa6459e181dfb2fcd6e580ac5ce4a18ea5dbf5'),
+    ('\x25fca85fb01e1d51b5e59fc0a04bdbc5b0b47dcc'),
+    ('\x25fd2feb18289baf202cd148c5c93cc982ec8810'),
+    ('\x2601cda0c4c04f6ad7d2f17780cda8116c697fe8'),
+    ('\x2606eb153a1a3c687c949384a8f76f11530faaff'),
+    ('\x260896b25a8fdeb67a6d68021cab35d8f84ecf82'),
+    ('\x261193c3266f2a5c39e2f349e7efb9e6343ce73a'),
+    ('\x261794094e2a50bff1eda0f2848e4b4255b077a9'),
+    ('\x261e000450f5a30c47470a402725af78afa62ddb'),
+    ('\x262466746d9a60f75bb70bcd835fb52f88c319c7'),
+    ('\x26299e9dbfadeefdb7ef44aa0903898ec9677cc6'),
+    ('\x262a82b2b10fefe045902a67b9364485e8083172'),
+    ('\x2632d64cac935f28f773f08f50ce5ea43c840279'),
+    ('\x2637cdfb85d690d2a7fd8e25a4579e208f99eb39'),
+    ('\x264c027f586ea39819fb663f40504da8b4b0ed78'),
+    ('\x264dea006d49c098282e17c108d5bc9ee92e268e'),
+    ('\x2652c05b5eeaddfcfeead859be2fdd19dd497b5b'),
+    ('\x2652db7feaa99869f92cff915fbe6d1dd5a35838'),
+    ('\x265900f61644d9fe06d55ac6a5a5c663c7f5c355'),
+    ('\x265c6ebcecf9c7e8bb9d2513280fa1480ec6efc4'),
+    ('\x266032294ac6cfb21c4f76a0a2ca2c7d17f5aeb4'),
+    ('\x266a2f5113b6d32fc455c92db7596767849d4735'),
+    ('\x266aabb43163fe83d9436619492425a7b6234db2'),
+    ('\x266c214cdfe8fe3a53b5cd7f518a8528bfef42ad'),
+    ('\x267654e73dbb9e5a565f98e28ff486b9904396da'),
+    ('\x267774dd3bc3191f86172534fa53921239d06b81'),
+    ('\x2678a1c02eeadefceefaed80158c23dc98420360'),
+    ('\x268992f92b3f337df678a1bbe56a43d33fecd18c'),
+    ('\x2689b49f28f6557693221011409a2f1ae3d65274'),
+    ('\x2695cb0a54083a2ce99e56dc099009992258887c'),
+    ('\x26997046ce3e9901307d7f5f65b2b5e58430f0ed'),
+    ('\x269c1dc1dba0653af67b74d86ebbfefddbb9c618'),
+    ('\x26a0e44702a960202ee6d8afc80f6039ccc6818e'),
+    ('\x26a61488f0da859fc39715f2f31527e461fbebb0'),
+    ('\x26aac35d538cbdfb39ebe7ba4194b44a0b2bde55'),
+    ('\x26af3feb6d39e3303418b37cd1a32d8744a1c285'),
+    ('\x26b7868ee4c5546d4331384464505abe37f9264c'),
+    ('\x26b988d3b8c09e7986537f650613902c1c878459'),
+    ('\x26bdfe6c3ca607cdcda6a4d9f2d0e20ae71094e4'),
+    ('\x26c6fd0f5d8f9dec0607f13e349f8d5223855946'),
+    ('\x26c7fc402c27f349b765c8d3cfc20bab6ec66349'),
+    ('\x26cb477869499d4e9983b2a456e1f5d32739bf8d'),
+    ('\x26cb9d48a45940c78158d92cdc3bb9520d8c7a74'),
+    ('\x26d87c16cc6a03e734ba27993b9bf51727dd8722'),
+    ('\x26d8d99eb1ad8ddd60579ae0475025a75c4009ce'),
+    ('\x26d90ab5c679ecd1f74ef34bf034a42ef921be02'),
+    ('\x26dea7951a73079223b50653c455c5adf46a4648'),
+    ('\x26df45f1eb2c7a2b8ae822f02170f5864fa09dec'),
+    ('\x26df70c7636cef4892d2c624ef7cb258ded880ed'),
+    ('\x26e642f6fbfc3675953cbedee3b0c8422056b540'),
+    ('\x26ec84a030308e3b9daa220483a7054c2de8094e'),
+    ('\x26ef29fd3abbeeb73c5ccc52a3b17476dda5e2d1'),
+    ('\x26efd1b7652f5c17b9e93a8659f385578b596848'),
+    ('\x26f11f7b3081b3daeaceb20f94b3df5d62860e2a'),
+    ('\x26f7231574688da2648ea3440df8fc960a7fe0e0'),
+    ('\x26f74dd02bc41f6a4875dffc28ef91001182f70c'),
+    ('\x270090793fe15cd85b9d4e128b8184688a56f813'),
+    ('\x27029dc5991f7298724a10fef59e39869a91ec8e'),
+    ('\x2702ffd8a7dfbe271b39e69d4e1740bf91d1e333'),
+    ('\x27048a28f08c7f2805f883cc0854c48b4a7b4362'),
+    ('\x2706c0e08bc8955eb23cdaa69115a4d87cd26ee6'),
+    ('\x270c4ce0acd498c669ad1b7bcbfcfc3d677c03d6'),
+    ('\x271042fee65f279ce58150c15e85ac05b2456e1e'),
+    ('\x2711ede34bc9969c6cb80731dee9651787b813ae'),
+    ('\x2716c6d3f1ea15882fef35fae9cca61ab57c9db1'),
+    ('\x27227bf10e4c4a210d97e94e49f7305ffb7087a6'),
+    ('\x2722bd69719b9d1aacecc5d495db6adcdd494273'),
+    ('\x272b6364230c376c0b245cbdeb934a1d3b054980'),
+    ('\x272bc423bb89887f2ab5594b45f4fdce1675e4cf'),
+    ('\x272c50057e5be95edb00b569e1ac2a3f30100081'),
+    ('\x272daec162d04963b4265027298d1af1a336ca8b'),
+    ('\x272f219b38f99561a6b27fe0f477145ab408fb7f'),
+    ('\x2735f962481d75745feebbac51c7a58a5cc7368d'),
+    ('\x2739e8d413c3946f42e7ce1e7bb5bb5de6248b1a'),
+    ('\x273cd47d3f316f253c264f3d25ad232d508f9bae'),
+    ('\x2741391c425e6065ff4e5ab4164d237e7b758c34'),
+    ('\x274a9b01dedcce4906d6b01506bac507d2b896a9'),
+    ('\x274c3467e407c8762bcd60e3de71fdc1353bfde7'),
+    ('\x2755f031dbfa719bf5b92fd719172909e793114e'),
+    ('\x2755f9b843ec15e8663336d914600dd1a392723f'),
+    ('\x27575c60531cc7a0aee42b151e4ad2d1a66c4a2f'),
+    ('\x27580a09a9eb648f5c0da57ba33480e0f560b508'),
+    ('\x275d276209b2f86cd2f44d54350b6ed6bafdd01e'),
+    ('\x276977f19e6887534616a4f95516ac16cbf32972'),
+    ('\x2773c1691e6dfc561f39aa982f493af92749980b'),
+    ('\x277809cf2bcbcd30504ea874d61c20092aefa9c7'),
+    ('\x277b2485c3978ad7623b105b2565538a3d3d5663'),
+    ('\x2783cb6409ab2ec12e264a22c7f050ac3f4846c6'),
+    ('\x278a99df300b90f193cdd7cff4f7efa53a818d53'),
+    ('\x278d2db841a31393a6853af2d3e136dbdc0b5b5d'),
+    ('\x278dae0b2833406aa27d96e1a4b9a9ca014e0310'),
+    ('\x2792742e5b4435829e0f1922390486ada897cf39'),
+    ('\x27974b71f37fcceac7844adf2ef3823ecb9336da'),
+    ('\x2798ce9e3be09b04b6509642c2709f148e643a92'),
+    ('\x279efbdea26fa80cceec6bff35822d6f245cf3a0'),
+    ('\x27abc9de979bfea87842b53f74b9a45d6bbb0e9f'),
+    ('\x27aec2f89ddc0aeaa23dcda30f170b5e52cb526a'),
+    ('\x27af1482a378f64376ecce91c122f8a1dcc4a841'),
+    ('\x27b2f2ca2b244a8b17b5b2835e2c861091aac1ff'),
+    ('\x27b4bdc54c572cc85a3b0733de51738be95e1232'),
+    ('\x27cdcccb6e4ffa3dc70d2ba054d354d5f97b78fe'),
+    ('\x27cf5895717f976ee7c81d3f3a3b2fc272e0ee8c'),
+    ('\x27d3133a3832ac05b9aafaec2260ff13297a422c'),
+    ('\x27de69e098603df022f2b17450626e2d39ad4363'),
+    ('\x27e1c61e0ad63c87f6d4a86eabf32ea8ee054732'),
+    ('\x27e69f90d63f5ea3a6615787b44ef0933cdb9b08'),
+    ('\x27e78b559db7be3c6211c86d17cd0d81912133d0'),
+    ('\x27e808175650e420f64c8262b91a6fa3240a561c'),
+    ('\x27f3c2cb64794220d968005953247cdfddef88a0'),
+    ('\x280ba27f974e577cce9ca93f4f8485f110a01588'),
+    ('\x280c1bb4bcb4e404728f9da8c96bc5cc5b581469'),
+    ('\x280cbc26dd8ca36409b3b56583bce6291bad31ad'),
+    ('\x280f5019fb268772d4b9e1efb32182b6865e9d6b'),
+    ('\x2812c36be9000fe7a32b60b2b59f18cdb275cdf5'),
+    ('\x2816d0d60481eb69f03d6665a147e2b0a2177bcc'),
+    ('\x2819bfa08ff8dcb7614614bb18b39a681509e8d5'),
+    ('\x28254ad403d2f2f6bf2061c27d983b3c9556e415'),
+    ('\x2825b53ddc191c03e01fe6ca37e1dbafe2400f56'),
+    ('\x282b10706c874df7490236ffea58c4e0ab2f95d3'),
+    ('\x282dc0a10cbca8d3585d618855b086a0072fa812'),
+    ('\x28357d8c81ec2c908958df3889e71b139992ab8c'),
+    ('\x283e9269dbd5f63a9a978655ceb4a3c7983cb1a2'),
+    ('\x284a82efdb7f21b67ed763b6b52aa5b5cc335112'),
+    ('\x284c1db431d31f4aeee97d5502f5d5b4302a7068'),
+    ('\x2850081b53f1b3352e7cc9d516877d9b2a82078e'),
+    ('\x2850b098be2532f50670cf71fdfb5b5352cbd8e4'),
+    ('\x28510d11e66c98b053b1c36a6c9005b016b76514'),
+    ('\x28572fbaa0e0a10403ac0ac993cb4a1f86ad1e33'),
+    ('\x2863e86398cb7e51957e29920f5b147e2d1e4a96'),
+    ('\x2864e603c7c3a1505d2d12fef00d84a170d6a157'),
+    ('\x2869fcce32234d2a4ba9a16d90c1c5288981735c'),
+    ('\x286d70ef52f5335490553bfb6b4c58d7236c012b'),
+    ('\x2870a157f7b463f57cccdef13fb5caf69278ea5a'),
+    ('\x2870e656d34e1e02241cfaae1a9d69a961f100d3'),
+    ('\x2873b61a17a6699968db5ce16179b972a1b850b2'),
+    ('\x28766bcd8508e8aa255246ea6cff6d1ae148d138'),
+    ('\x2879194c94330ae0b5d286467d7f32dde0f6ef7e'),
+    ('\x28798d3c6231092583abac946da39b73633bee56'),
+    ('\x287c8e493f525b5a74f14ce3d90068d4652494bc'),
+    ('\x2887adf0d00aab499ee6ba9467859a9dc41ca37e'),
+    ('\x288b573ed8ff2e7424aa9573af4c9c54c9f1b74e'),
+    ('\x288be29553a742b2a9caf6f2e37144507eace4c1'),
+    ('\x288f52f13b7b8efd03419764acfe48a593f07948'),
+    ('\x288f5d0ad4b0f9a85d3d9f0792e295aea96857bb'),
+    ('\x28911f58bf049fa37050591ea21ca23a64acf428'),
+    ('\x2899c6600af7b66adb1f267f2c3d6f43b4d5d8fb'),
+    ('\x289f7a68d2cf2b5cec7c492f081d7ac59da9159a'),
+    ('\x28a2c54a0a9722f4959a9cefad10b02383ac7953'),
+    ('\x28a7b79a8567c870f6d89b969edf8f23a9d51f43'),
+    ('\x28aa02279c56f5a073658ba3d6368f10e0bae1b3'),
+    ('\x28adb7cf298b68ecd473de7193b861e822b13a04'),
+    ('\x28b342e6682777aab944650ca7e64f14c2994a27'),
+    ('\x28b80d80dd3a0a9e15a54e17b570e8c94e16e39d'),
+    ('\x28bc535ba5f918383c29d01f2e7801c5d9f6a1da'),
+    ('\x28c4620e617e87ecc2deaa8c73d687620c496992'),
+    ('\x28c462b11b1134bd7804be27e38c83d070f6727a'),
+    ('\x28cfa2ad8bbd8e6fbedcc687e4e31b5b65fe1412'),
+    ('\x28d59c84ba2a9d5dac9750dc135897451abdac2b'),
+    ('\x28d7e214f383969671eacb6d9cd7b714934cb91b'),
+    ('\x28d82acde12a4e237a8b9fdfe9b14752fece9645'),
+    ('\x28dce47b32b4886da105749fd6aa7837ce3ae6ba'),
+    ('\x28dda658e169e12659c91c9c163478a39fe74147'),
+    ('\x28dfbef748831baa03b8aa281af1fa24c1bfea94'),
+    ('\x28e48f4540ea2b8446f7ceacb3f992ea38969240'),
+    ('\x28eab293089bbbfc992efa70149af8df86f95db9'),
+    ('\x28f10b00df56d8d840bdea5bc4820d939ae306d7'),
+    ('\x28f5b2c1d58b4e57b1416ac7136d699e2ca629cc'),
+    ('\x28f5f89ce45642549d0b73357a2d4cd9646506ad'),
+    ('\x28fafa4d0df57f520011b114fa520b6b456c0fc6'),
+    ('\x28fe0424f2beae66099ab34ab2141488557c9501'),
+    ('\x29086617cdd9ae627d93b2291dc17f802d063a5b'),
+    ('\x290883f17bc76b42eaabb91159fa69155d17b993'),
+    ('\x2909779c2a55d1f7a821f6b60b7737ede9bd02a0'),
+    ('\x29131d4dc8eca48088e084c8eb0d152edc729f6a'),
+    ('\x2913600f8d23bf2f79151d51c723ac9043dd15b0'),
+    ('\x29214eff7c934bb61997145ce1e62a8c10670b92'),
+    ('\x292481ea48e09213b02f670ef9e34b54c0be74d7'),
+    ('\x292aaf55f83bfdf0f60553a2757dac9e6a57ddbc'),
+    ('\x292ec954bc2c762964976a8c643ba526b47bf190'),
+    ('\x29315af23b89f95dbddd1e58d98e4eb4099a901d'),
+    ('\x2936566c07d94184002ad9036cfae313425458d5'),
+    ('\x29372b09f3eda89fccc677328411f106a691f3cf'),
+    ('\x2939e58976cff8a156c7df4feace2b1bd432861e'),
+    ('\x293e6e802e632ad334b3648e9c68ebe54a31d781'),
+    ('\x294055306475f9e242d3e4655101186d8d324c4a'),
+    ('\x294777e6cf2527a4ca611f0128207f3e663685fc'),
+    ('\x295960e981b1c6861f1945f00c428acd5bc609ef'),
+    ('\x295a913ac11dd86b27c3e607d6bbe1a459d2fdbc'),
+    ('\x295fec6a4678ef02a7dccdc58e73ab4f12e2843d'),
+    ('\x29616bd30fd6a36ffd51ef992bf141180460fc9c'),
+    ('\x2961bb779d96117014f7b5ad5f8d6e949c6b81dc'),
+    ('\x296ade444e4dbc204eb2250e6ad9ef19ad0cc19f'),
+    ('\x296fb4e4315c1815e82634e53e25cb550c306379'),
+    ('\x2972589a76eb8d1acf846377cf884efdbe7a10bf'),
+    ('\x2977b8815e208e21c4d77fda601f47e180c2361d'),
+    ('\x298250d497443c8a0a7a1126c5952e9956b3c773'),
+    ('\x29852d7488ec37e96335036afe6320a018ff90cf'),
+    ('\x299bc88dfc3f711732273d81537c494780a7dc5a'),
+    ('\x299be00443a600eb8a5d83b942c33b971d0e3952'),
+    ('\x299c2afa317fcfeff10c02d783e01d96eb6f798c'),
+    ('\x299dccddaff97268df4e932bddc39f44c73c21d1'),
+    ('\x29a05db7d653f8ca11875f771b979d511a59a8f6'),
+    ('\x29a14a34157740500242efd21ff1775674a5fa7e'),
+    ('\x29a94047286ab0c704ff3b8bad33a87bb769d224'),
+    ('\x29ab0deacfd2776a127b36e0fae4cf07f644b2b6'),
+    ('\x29ac73a9a3737afb181aeecc5622776825216c90'),
+    ('\x29b1130bdacd864a8701c183550b38edb077d98d'),
+    ('\x29b72a872a7ffbbd1faab90636414002f0c05faa'),
+    ('\x29be11a1a9d614fea56d72d2b40f394a507ef9a9'),
+    ('\x29c042d6f97698f259e57962d60d32c13be8aeff'),
+    ('\x29c14cc9ce8269f832fee98fe864261ebfa7f877'),
+    ('\x29c839bc96ace23de658b1ff0d3dadb5b1404ede'),
+    ('\x29d0aa07e718c5cfc6969ad15cc28eec0c04f4f0'),
+    ('\x29d25c4f4347df83234034cf2aaaeaba87be0745'),
+    ('\x29d2cb4ea4fcba5770c6f2877c2bf96cb59ac9fb'),
+    ('\x29d536b9ff983251b786379969d0779ead3e8d6d'),
+    ('\x29d7b9fad7c124c57c4eeded9e76285cc485c5e7'),
+    ('\x29da936b069ef4441eb3fcca2b49db3eaeb46097'),
+    ('\x29db2b7e4ba8eb443bf37b53177be07657330c4e'),
+    ('\x29e182ebdc34713795b11c2316c20df18d62ac36'),
+    ('\x29e33dbafa158d175debba7be7d4721d2bb734bb'),
+    ('\x29e505e60de79ebe2010b8099ab7c49a8187038f'),
+    ('\x29e5b8c63f0d593c52744c29a4d9fd865f71af2c'),
+    ('\x29eb80dc55264caa3c5b657c7f73c8a1d7983617'),
+    ('\x29ebe4355dd45628db3dcad94d50e551e5d8a031'),
+    ('\x29ee7e75fd14cf3391a6ce1833a0d8bc1c13a8a2'),
+    ('\x29f132cd3d188cf8a36596857d95113b302e55aa'),
+    ('\x29f449c17fdc6451cf6e4a09942daf87fd2eadb1'),
+    ('\x29ff3a27f13a460c22d27caa8bb3fa2b10a2cbaf'),
+    ('\x29fff43aebc821e01c72a754b027fbf60e9881d9'),
+    ('\x2a157b8b1a8e45d97878286e5eb5621d8fea781e'),
+    ('\x2a1f46324e18f92092e267845de3af7a9aa3e32d'),
+    ('\x2a28b9e65fb956bad18205bb0983b194381ad4d6'),
+    ('\x2a2b9e71270b0262204982a3dce08d70a5162922'),
+    ('\x2a3250668938572011ab9ad35b51691558148db0'),
+    ('\x2a345b95a0d06b0f8ee155a2908c7b6c01deefcf'),
+    ('\x2a36d9a1fb254aadec37d26cc5e2c916eda302a3'),
+    ('\x2a3746eaf0913a6f6b2abf2015f120ea837c4322'),
+    ('\x2a3bd02679c5cba1b102787fd698f25e2d7c30ab'),
+    ('\x2a3d7991d328a33cf49e5caf11bb4b9dcafd22eb'),
+    ('\x2a4438eca2928b565ca1fefd8dfc5dff210f67d6'),
+    ('\x2a4785aa9889979ff95aaf9b29cfd5bc7fee9f9d'),
+    ('\x2a48087f74282759fc800c8f8a9ec8f198b95208'),
+    ('\x2a493bb0a23e19ef2d83643b5dbab9c585810dfc'),
+    ('\x2a498bf47f15e9bd35bd42a69bbc5b65c742792f'),
+    ('\x2a507853b96a5242ae620f96d481a92904e6ca27'),
+    ('\x2a50ee48dac32f74d67ab8c23c901cf0c4c60ff4'),
+    ('\x2a530bedab0d349c202908030c048a67d7f9aeba'),
+    ('\x2a54ed3cb9b96fc069ffe019f4c51e76f0e8f31c'),
+    ('\x2a5979d3c64424c242f75b44b4d23e648ecd575f'),
+    ('\x2a6e5a195917c5cbf5bf9ef79ace4381e7cbb13b'),
+    ('\x2a70ec8e90be6b7518e7355d7e6c847234dd950c'),
+    ('\x2a7456e47c8dcd2d1758fdc8eaa0690cc22ee52f'),
+    ('\x2a769461dddab45bd7e98013a93710d6aecab6a0'),
+    ('\x2a779e7298c98a626fdf022eb7fa80cb343a4253'),
+    ('\x2a82683ac053e431efe65cc41ecebb35d2ca92b6'),
+    ('\x2a88240ad502c37aaeae1d4e7fb9a4ccdd548253'),
+    ('\x2a8b1e7f459726d8cb2ffbdba6ec1d9d6a4a70cb'),
+    ('\x2a8b98dd48b3db750b119e04251e237b3394ee3a'),
+    ('\x2a8e0109baefdd826590565a783248b6c6ed9ece'),
+    ('\x2a927e92b76c38381aa750801f940570145ca8af'),
+    ('\x2a933e958bd0e53eb22a161a71941344bea6e866'),
+    ('\x2a9bf4ac201df140de34ac72393599413cd475e8'),
+    ('\x2aa2b4804465b2c3abcf61fe1f42238b701b508a'),
+    ('\x2aa64ffe2641ac89dda934bc03ba353edb1637df'),
+    ('\x2aa6ef8500a97c27a5f8dcfd97a046d76856d2f6'),
+    ('\x2ab1a9a5302ea80a25a945ac99f9517185114b00'),
+    ('\x2ab54de12041c026a0440767c71fedefd475c66e'),
+    ('\x2acb734289457aeddb91e1913ebedaa98a6203e1'),
+    ('\x2accc21a29798dff416995acdd91f0fd091d74eb'),
+    ('\x2ad3f92a9dcedbe900e996109aea1a67605db2ad'),
+    ('\x2ad54bf51d8a689edf648cd9ef1ea1ac98390dbe'),
+    ('\x2ad694e70e8f75f548d0aecd3f8ace6db000b1ae'),
+    ('\x2ad69f67666885d1777e25f70854a5b062b00ec0'),
+    ('\x2adad81103209039b336e485c0b58193f812c644'),
+    ('\x2ae05eba6bc9443eda1b6aae4bdab84d34aa99dd'),
+    ('\x2ae3673ef5da2bdc52e571b287e6e75cd5baeb46'),
+    ('\x2ae579e43d54b608d68b926961da738a75d002d4'),
+    ('\x2ae6663113cd82c585895fd01b7674be0e53799d'),
+    ('\x2aec12b77d7205ae0394a8e91b8c021214bf9b3c'),
+    ('\x2aec71602e1e7ff45361f7c88c751bdd7b79f791'),
+    ('\x2af9f0a93396ada31f96caa0cfbab287126be182'),
+    ('\x2affaf1e9ca9ed69f1611977f56d7f0d6e41e931'),
+    ('\x2b02ecf6f1fcd2cba83b972bbf4c74abcdad820a'),
+    ('\x2b0570122b061d5fadb5b51fcca492fcf02f5368'),
+    ('\x2b07bf8ba18b43bbced0bb3ad8d1a213d238724e'),
+    ('\x2b11661be2a5c5824722689a2be1face346b8618'),
+    ('\x2b15238788ad3147856fa6aa79fa7420328f559d'),
+    ('\x2b17a8317683c02dece75c5f6c89623a0d20a420'),
+    ('\x2b1939b0791d7df343a54484bdf5cc06095c03ce'),
+    ('\x2b242086a726a489bb0ea8dd355e48f019238945'),
+    ('\x2b27460fbc15dd363061acec4d85de06b11f07a4'),
+    ('\x2b30d928deeacc600a6d061d3c4e4b9a7be9d13d'),
+    ('\x2b3bc9ea04f8ccbddd101cc7622a892dcf883327'),
+    ('\x2b3fabd964acc470b04ed2576aa87e5bd73ed5e8'),
+    ('\x2b4560ed4273a26b17efbda54601e37a8669e595'),
+    ('\x2b457940880933bc3fd8e6cf06d9500f9ed6b6d4'),
+    ('\x2b4bb2359f30a0b23c9a5fc981ca2afc1fd7c872'),
+    ('\x2b4e868726d55056614289563f9e97427737b046'),
+    ('\x2b502b72296dc54d06d80223a4f88f5995a88690'),
+    ('\x2b57bd0ac0d3bb071f7dee139c7db46c18f2a9af'),
+    ('\x2b58b3793ddfbc8ec63a579f492ea5ba2380034d'),
+    ('\x2b59060abb4475102a516759d15f5df2071bd627'),
+    ('\x2b59eae4195d1cdbea375503c0cc34d5631cb0f9'),
+    ('\x2b5af1b37b542921be39abda16f569bd4f2fb888'),
+    ('\x2b5e31ff6aa3ba0c8e6e69498161e9c7367e8694'),
+    ('\x2b641a39d2be6a8e7656e2b1e4dc1b28a157879c'),
+    ('\x2b74a72a8080bf53adea90bd64ff1cfbd54ad2e2'),
+    ('\x2b7543cb2ecac7d4feb6486d53d3eeb23d7d381e'),
+    ('\x2b75fc40a4eaae56374d3707c6cc100701c162b5'),
+    ('\x2b764740505d0e1aa04c9bf4f1741ed33e079134'),
+    ('\x2b78f7908c92de325522117614d3894a4338b36d'),
+    ('\x2b7ca8422c92fe361ceb5759fbb2571966482bd3'),
+    ('\x2b842b5c2574a1570d49493dbda06ecd953114e9'),
+    ('\x2b9471c9fe5e8af37cc45e7832837a3504b96630'),
+    ('\x2b97096793eb9e60fb36bd317d5213aabc6efd24'),
+    ('\x2b99471ac54af313d89a2b333360c95dfef3a0c0'),
+    ('\x2b998863a57ec84e4c3ecaccf3450939eb567e72'),
+    ('\x2ba090655e92e3f7494218cf16ddce1716747f1c'),
+    ('\x2ba5463e34f055cf18a94ab97051c88098c0e2dc'),
+    ('\x2ba6df22af3aabd556f0e2256a873d7fabf4a195'),
+    ('\x2ba9befaebea6a520fb241e9bf425b78241276e9'),
+    ('\x2baeb69a353962f1321a43c1bc088bc6e07ccdc4'),
+    ('\x2bb1deba463202c56036337ea49f6b0b13cee060'),
+    ('\x2bb49927780c043cde617dba313ef1c886e12931'),
+    ('\x2bbfcab05ffc4da81780440625d049d2334be0ff'),
+    ('\x2bc84bfaa864461a379131429e61c591a5c470c1'),
+    ('\x2bc893e121d149a687ca1b1abf9a3ce23b818eef'),
+    ('\x2bd018a4e5e0245129b9a2bf1366e19e7ff78747'),
+    ('\x2bd15c3cfe7fe9312b984bc101e8f209f4577b96'),
+    ('\x2bd778806dbe67d5a76c6f02f07aae153241e49e'),
+    ('\x2bdd10b3441556a661594dd27edda95332fd8231'),
+    ('\x2be4153f95d238278c0c79149de4a2e152aafeb1'),
+    ('\x2be6918ec086e3ddb056ac37bccca27060512d06'),
+    ('\x2be6af32e0bfc9b5d32276b8520b366ed90365df'),
+    ('\x2be941a7c2f028a3e326a2f932cba87508c57235'),
+    ('\x2be9457ad1b47cca9b89fffa2e4d94f687b62085'),
+    ('\x2be9ad70108985bbc097453e3f5a8e6f4e67f897'),
+    ('\x2beb3d69d4b6d1db54cd5ed84ad6471e3d80e25a'),
+    ('\x2beb6a4fa545b8a2c64eadb9ef409284e3d8395c'),
+    ('\x2bebf363e261a8eb1129f898fc4d2800d69f9027'),
+    ('\x2bfde492ef48e5cb306a69f0dfd5f5f5da775251'),
+    ('\x2bffc2209ba509dc6a801d9f40c70ee838eb9c26'),
+    ('\x2c0a52ed107b8977f3c8dcd2b9902bd9130e95ed'),
+    ('\x2c0f6a96659985b3d2f0fead850642deb94f9fb4'),
+    ('\x2c15a629f48fb9d82a7f067415d88e913f946908'),
+    ('\x2c1909c7ed5580dbc22671e12d5945757d533c43'),
+    ('\x2c1c35245d8fe716b12e6d7412c83ced0bb5efa3'),
+    ('\x2c1dc60b32c58aac48ba23bae12b83ca0b822e8a'),
+    ('\x2c2136eb6080bcd7ef555848cf0bc5ee773766ea'),
+    ('\x2c2501438c659e1f8989d184f1dfb58a547c239f'),
+    ('\x2c2f50deee47960d31e8966756eb98c54a3528ef'),
+    ('\x2c31ac0357a170ad035d554465b44965cc58353c'),
+    ('\x2c337f4f0e701439ee9986285713dfbc27b41438'),
+    ('\x2c35c73c9ee63fc459ff904672ab4f6ca8af1004'),
+    ('\x2c36d297ea5debd22cd759928ae008e75186e54b'),
+    ('\x2c39e97a9774017779bbaf085681b5d622039218'),
+    ('\x2c48931d0ed9fa818d0df7d53e7e966326a2c2af'),
+    ('\x2c48c5c44c265c3154cad75ff4175d55b2ed6210'),
+    ('\x2c4caa25376d23584a3cff9cd3085ed21b53c80d'),
+    ('\x2c57d0d6edefa171e26d00a4e9b453be7b4eab1e'),
+    ('\x2c63aaf3513e99b68279972ba6fe021eacf352ef'),
+    ('\x2c67809779d7f1264d4e45fe8c158b59976bd251'),
+    ('\x2c6f458187923bc7a9e42714145af514775632ca'),
+    ('\x2c7427ef023de129dd8dd431bb5ad249068e35e6'),
+    ('\x2c7af56479dbf6597875ce663ec93689554d142f'),
+    ('\x2c7c116c4b6cf240aaa663034eed6391a4d29741'),
+    ('\x2c831a87a1b449a0cb73498671d320e125034eb2'),
+    ('\x2c89f4f995b4203f4a6a395690ccb5c82e443448'),
+    ('\x2c8be778338602b4141581d628135850d0d94088'),
+    ('\x2c97eeadffe1a34bd67d3ff1c3887fd53e22c2ca'),
+    ('\x2ca731806cfb55130e1e829b04599b8785730603'),
+    ('\x2cafdb51ebfa745a4cf2b4873c09c61e18d4034c'),
+    ('\x2cb192ce60956fb18a3b748ef045d42d8434e315'),
+    ('\x2cb2df058e99b8346a295aa9e607a6f69f80ca4f'),
+    ('\x2cb551561d1ed9a549e2c390e9e9179d2fe98c9a'),
+    ('\x2cc2786349d37e2adf17f3df3e8482936dd89865'),
+    ('\x2cc6050902e326e4d07128be3b701be617723f7f'),
+    ('\x2ccca45bab502f8b4f534b7a49d659100113c450'),
+    ('\x2cd2fd0058b2d189215b152c37e6c81a107a4ac7'),
+    ('\x2cdadb2c5c9316a9ea7150239d1fbf14460f35d3'),
+    ('\x2cdc8227aba05c10e6051280bb4351cefa7d317b'),
+    ('\x2cdf2c9da3e3429597edd57921011a9e8c0e1e37'),
+    ('\x2ce00f3cca426e13a74966b0f911a966db01356d'),
+    ('\x2ce01a497398cdd13a620a68a3d6ebd4f45386c3'),
+    ('\x2ce9ab2f1e2babd6e35c21336736dac00ee79dfa'),
+    ('\x2cfce236e6683ad45f51f9884dfb8778992d7cb9'),
+    ('\x2d04753d65208a09ae4ec218108cab076f83ed93'),
+    ('\x2d0ffcbf1c836036c3fe65a87dcc7451df53b07f'),
+    ('\x2d1084a73b1de8fdd29907539286de692f9f9c9f'),
+    ('\x2d1e33178bdef6a9b6abccd7a63606ef25c824cf'),
+    ('\x2d2137a1036075534056e560b6217d90f8e47f2d'),
+    ('\x2d23b2d502b801b60e5f2e2d24100b8817357623'),
+    ('\x2d29b24e3a134901ea29478088821c14b20231ac'),
+    ('\x2d2a01d33366ceaa9cdc05c552b642c34ac70240'),
+    ('\x2d2daf6325e4e3664eea591842b2177a1b482e3c'),
+    ('\x2d2ea7855f40b10553c38b21f9a9d0497d6c446e'),
+    ('\x2d2f350a2b806f474725c4a006c0684f1fae7193'),
+    ('\x2d31b0cd8e5523ec2c634d62aea6796a3fced174'),
+    ('\x2d32752ea99adbdd17bb0fc43b04dd8719e7467e'),
+    ('\x2d32a1d60052cf120ebb384ae3b814fdf8ff468e'),
+    ('\x2d338385c7611009b18957155735c15f49e64acb'),
+    ('\x2d37d0e8ddfe2bf35554b87bf3b5f26ad8704b76'),
+    ('\x2d38812dfe099d1689270a310324c8c707308793'),
+    ('\x2d38a5af20b99dbfddd14f4b3f85bb49cd599270'),
+    ('\x2d40aafe6e52f9ab9f0ec3517f5c173110ef550c'),
+    ('\x2d44569bf1f145019cc26599fc976c4f25dcd64c'),
+    ('\x2d4aad07ac373268566c2f781d37013b27bfba5f'),
+    ('\x2d4e47b6d842eca1ddbd334a7bfbb23828dccd57'),
+    ('\x2d4ef6f218185396de1f836344e1defe02439daa'),
+    ('\x2d58a72699fdb65ff7b04db6fe773f87f43e444e'),
+    ('\x2d58d8390c14b137694f0b1c3742b8c5f83d6282'),
+    ('\x2d592a9c4a5bde90a6fd94b42d586c63946e0c44'),
+    ('\x2d5c5942d13c842b2d2adf312c32f45cb54cfb36'),
+    ('\x2d5d53772dfea38f4f069b87a56460d701ad5599'),
+    ('\x2d627d9cf96066a44fb3b085548fe9af76bfd1a9'),
+    ('\x2d62e19e702d9f5c47bcd77da36c5bf7199ee258'),
+    ('\x2d64c9739b3f6d4a32481976d9cf84f9f9ffdcf2'),
+    ('\x2d66b6c994d85993de53c4fe2ac93b9ec8da6d14'),
+    ('\x2d6a21cd6830eee0b466803a0a5117063c5e1559'),
+    ('\x2d6c37e0d99a017a1bb4a7a97dea06348225c94d'),
+    ('\x2d6d9ac57992378287352336780907ce807cb146'),
+    ('\x2d6f5232de742ef5669e67584272e95ebd90fbcd'),
+    ('\x2d70cccaaedd0599249b4132dcfb271b302f2c0c'),
+    ('\x2d761b1679ecf95c3fc4d32828306d6fef833560'),
+    ('\x2d7c0433f109c1b8783f8f168bf419e71e903864'),
+    ('\x2d7f87bc61744ff73ee5f4fcd997c67f78e1533d'),
+    ('\x2d8932754a97a512483778ecbfbb6937633fad30'),
+    ('\x2d8f38cffc70e73cab0a8cf9b80a703fae8dc657'),
+    ('\x2d91413bd3baac7fe5d1e72f344d795058c2e595'),
+    ('\x2d97758c32a4c5d90a05f741dc7fbaee144afd39'),
+    ('\x2d9810754df08c2036dd7ba7a2f5d5293f3f2ae3'),
+    ('\x2d98ab53fcb3b0fa1ddcc1515c5d16196f54df19'),
+    ('\x2da0be9c49e19824565b47e026e18ad0dd75f0cf'),
+    ('\x2dab5650dd8df4b1c2c98abb945bedd8728d0d41'),
+    ('\x2db23e49dac135d210adcc4b0f5cd2cc5e8be21c'),
+    ('\x2db84e017029db6fddf248428817f81c3c844dda'),
+    ('\x2dba2f3f15ed33794fb1def4406d7cb7ffb0ddc2'),
+    ('\x2dc587552f4361b3670dc8a8c02cbbcf475a6df4'),
+    ('\x2deb06737899884468c86e79230ac93b6efca69c'),
+    ('\x2deb8424b7fb9d629caa9c85515cf7ae4969688f'),
+    ('\x2def19ac5ed291ab6bd4b523647cadb47df006ef'),
+    ('\x2defa994d086b423005d1ccaa61a96cf1ba2e6b1'),
+    ('\x2df2eb795e69494ca75aa4ae43122e83e68f962f'),
+    ('\x2df3e403514b9b333827e5ad6a06c1757d19faaa'),
+    ('\x2df6112ded286e6d1e9c8317a556cbb8c97da0a4'),
+    ('\x2e003f3bd78ff9cd73d7f20824234cf0b6d26461'),
+    ('\x2e0aaee2d1854f5c42ae7142f957efae5552aa67'),
+    ('\x2e101bd2902f42eadb658a072d3b8a91256766e3'),
+    ('\x2e1a4eb6c93ff8d846d26dfc4f7b02a38ae0ea10'),
+    ('\x2e21715c1d02715575ae4041224e1dbbd3d749be'),
+    ('\x2e233d2f6fb235b16b6a8ef016b2ba43a468f3b8'),
+    ('\x2e233e2fd990d26b62ebcaebfcf372a87fec310f'),
+    ('\x2e246e64f89f24155c04c8911e839860a976dc47'),
+    ('\x2e2bb83d27e92567bb6b224df8b711d4cc5f9ced'),
+    ('\x2e2d2ed191be6190043a88ff386d4e8ad581a01f'),
+    ('\x2e31d02424ed50b9e05c19b5d82500699a6edbb0'),
+    ('\x2e39f6636a7268dc6f988c7c539c51f0f3bdcbfb'),
+    ('\x2e3a88cbfb68d214b2557892add44b64e6e98ce8'),
+    ('\x2e3cb2b0d9b09f7a3a059a859cd7708637882bef'),
+    ('\x2e3ced4adad06cb3199ac62e52e5abfe16fd0644'),
+    ('\x2e3d0d5d11d8d8f8951741f89fea5d347d70afe5'),
+    ('\x2e462fdc317e1b3f40f16cf9591fb00cebef40cc'),
+    ('\x2e4ddff05aaa1c5b8a65484874c5a92402e0436b'),
+    ('\x2e54c3d8dfa7c14c7a84ce850018a8dd292cb07b'),
+    ('\x2e56761cdc93082a4b942e9e5b6d37a66651325a'),
+    ('\x2e5728a3bcff3902bef2a3e23c6ce5a5a2e773d6'),
+    ('\x2e57b9c3206b73068d6b0d08a401485ec14c1e9a'),
+    ('\x2e588e6d6c2015b2a45d819ecd69500c6b19f52e'),
+    ('\x2e5fcc70435eb11812ff13ceeb928b562fe93c95'),
+    ('\x2e620c00a92c253fc66bbb5a8b5827ea678ad3ef'),
+    ('\x2e65c72d258b6f42989eb30dd409c2a74c3a3a5f'),
+    ('\x2e6e2bdbf6112400230e057ad5f11b64e24bbb91'),
+    ('\x2e6efd61146878d1d56025cefbf6aa392a5f9814'),
+    ('\x2e76d97dbf8b3779ad07300bf1c8a96fefc4a665'),
+    ('\x2e7a29c8c2788d77912730dc12136a53c35e3979'),
+    ('\x2e7ca8ee4866fa2a4fc1f096abeddb3deccab43f'),
+    ('\x2e7d1a5992d0681884afc273f3409c7c429e0248'),
+    ('\x2e850350852cc5585dcfd810999c5f13aca88720'),
+    ('\x2e8ef113e6eb172e6a4534994c0a3096d2095024'),
+    ('\x2e934cb88ee137e61bd325fff3baed46bc577d9a'),
+    ('\x2e947896de517b11fa98a4d09e127800989ad564'),
+    ('\x2e9d609c6426ab1c5c5bfd45f900ccf4896131c6'),
+    ('\x2e9e28403c2440e3590384d972846ddc0a9cb1e6'),
+    ('\x2ea04024975b8768b33465d9c198fad9b1660b14'),
+    ('\x2eb4969708bd511c62f13d6fb90b6631866f4c89'),
+    ('\x2eb7fc8467d1dd74ed2d9d7cccab75f6a60f9d29'),
+    ('\x2ec4e1a1760de8bdb7f8435a18a1614b3b49db57'),
+    ('\x2ec55864b4b9ad43d0a96572ed8fb6df8ecb16c4'),
+    ('\x2ec7b3624abea48224e2fa833eacbe33450eaa59'),
+    ('\x2ecc9ee79789ca2be913fcb2c53bc47abecf816c'),
+    ('\x2ed6888d699dee9a18e7aa866c45220d322f6e3e'),
+    ('\x2ed849e0792b36757c7c158efe41616271fb7e02'),
+    ('\x2edf2afc2ca94fa5cf5767b43a51f5761f6c1f4e'),
+    ('\x2ee217fed2e8ae1f289b17b7167945115ce97263'),
+    ('\x2ee2c4002b22c3babe6283aa515908987f2e8bb7'),
+    ('\x2ee406e1fff50a239cc672b7299e3e9f54e6cc25'),
+    ('\x2eec86b73befe0c0049efd0d81827d1afd7fbd35'),
+    ('\x2ef158492d6e79c1ca6a865527ce352f66362efd'),
+    ('\x2ef3d72a20a1181adb2c41b2f23a616fad648945'),
+    ('\x2ef495db1679e4718bcd2c54a759fc92ba276e0f'),
+    ('\x2ef75fa595a7885848ab2e8b280685e4155efb8a'),
+    ('\x2ef7c59eca7e8b6ec3ab85472ba7c838bdc60151'),
+    ('\x2f070eda379409fd26ec688ba32cddee9845dca6'),
+    ('\x2f0ba3934d87286898f4fde99666599e7c8fff39'),
+    ('\x2f0c5efe89e05481b6d7c3c0170e1b19afa1b983'),
+    ('\x2f0ff0a3a9c84ff05a145841fbbbe8ab7cf92193'),
+    ('\x2f19c3449162e2deb28857c76d0d1145429e23f2'),
+    ('\x2f1a38570ddba6ce0bbe8d478198cf597cacd08a'),
+    ('\x2f1c324e679897d9d8351873aafdd0db23d5db67'),
+    ('\x2f2c56655d0a97be22e6d55f41f3deea15ebdcc3'),
+    ('\x2f2e52472e2a316db5087a2281dc3e38d5aea756'),
+    ('\x2f366b976e13a1c2a0a64a17e47776551e73879e'),
+    ('\x2f3aeea61544e45149a729945eea9c8e40e3c71e'),
+    ('\x2f3d17b16530933569936a1e2bf15637154004ac'),
+    ('\x2f3dd6ad16b1ced7a19402499575ac481af098ef'),
+    ('\x2f445772691586fb7a1bc71b4a30ec7b22e45680'),
+    ('\x2f4b1b4b44e96aaab0ad28ce225f7e9a2b3ef050'),
+    ('\x2f4e007ccb3f9d4031b75b8cefd29432865ce840'),
+    ('\x2f4e5b8bc8c7d72e196d6decc00bb6b95302a1f5'),
+    ('\x2f4f67d8647d2a3fba1010a4d1c383d9f9afbcf8'),
+    ('\x2f4ff4b4040a2244adc5a796057883906683b317'),
+    ('\x2f51caa0c0534d7fa4207280f0cdb69b1d912cad'),
+    ('\x2f5330cbe1169264dd35500be591ee422a7f8ce0'),
+    ('\x2f5333f30234e76bf5aed08fb6f9f89c74c43167'),
+    ('\x2f59717ff3fb51e9d584f32e8125ea96cdb17dc2'),
+    ('\x2f5a36f80e0f0653ae0fd45dbbee24deb03a5024'),
+    ('\x2f60596e325eee4c11e8ecc902c3574a55e9ab1b'),
+    ('\x2f62af2c1b8003c71a3421b1e8d66849f772350b'),
+    ('\x2f6a119485cf837fccf6ceb10c55c85dd08a8b76'),
+    ('\x2f6c12aaf529e2af3340886dc806741978942507'),
+    ('\x2f74281bf6674046e0a183090ff1f816c67e7bae'),
+    ('\x2f799557ef9ab163cd6a0f63085a101d44e3745b'),
+    ('\x2f7a2c66f69e08c0940598630a829ca9b6212828'),
+    ('\x2f7b51fe97b333b687d69300ca112e506a538d9a'),
+    ('\x2f7c55ed89c1473c5492c719cc3b849107f62dd0'),
+    ('\x2f80ca4a58b3cf714d1df7c80e66cb49b483d9da'),
+    ('\x2f8213b895127f867fdbaa66bd20929e5d9efdce'),
+    ('\x2f840b7514d8e07ed465210e396ade1e76dcb675'),
+    ('\x2f8abcd90689660572d994d88e78c2f5bccb014f'),
+    ('\x2f90af7352be00fe789d676ca4094f2ea754147c'),
+    ('\x2f92df944cefedea4388b5f9e5da0cce38791f20'),
+    ('\x2f942719062e9877534235484c53acfb5493bf2b'),
+    ('\x2f9a6017fb52ec04e313e195532065ed38a41c4b'),
+    ('\x2f9c5483d32e1218a022694799673235125819e7'),
+    ('\x2f9fb74ee11bad7e58d7670386c91bd3492ada2f'),
+    ('\x2fa2fcf0e2a1b514872e90965d618cac90da914a'),
+    ('\x2fa84672bff5a7bf706869969b4ba8aa07245a5c'),
+    ('\x2faba2ff25c16c218a1ff81f38a47c2426b1a0a5'),
+    ('\x2fb3d4b7ae0f7c7d322e7f56de5003927982acb4'),
+    ('\x2fb457bed72eaf1a4ac41fdeb0fba66667d2566c'),
+    ('\x2fb7b4e07eaae44ae4586ae3798fcd1bc49e0ff6'),
+    ('\x2fbeff7b3c896e8abc8915ef0d0684369f4fdb78'),
+    ('\x2fbfe2408e8715ff350640f568e6e9289748ecb1'),
+    ('\x2fc776b9cc3e75a71e2e8f317643bc26bb960b18'),
+    ('\x2fcd589b92948f9a501e9d7db51a87d6f74a82a0'),
+    ('\x2fcf036d4da6d60d3180aee07c18da3114e41ee1'),
+    ('\x2fd5c26cccd043a86da3f610e26935e3153058ab'),
+    ('\x2fd722f1df1358b6329cc193b63f876e38758267'),
+    ('\x2fd914f440d70558f6957403a87c767859e004f2'),
+    ('\x2fdadc270ba0b7a8e390372c6d5e18d576f2e521'),
+    ('\x2fdc893de12c9a86c31532e6fb26a7d644e8c180'),
+    ('\x2fdc8f9bb3f5b2f0b57c424125c80ecf4087bf7d'),
+    ('\x2fdf347c4102ed63255b93248cad412e87bbe26c'),
+    ('\x2fe32718647f0bce2b2320a796da45e226f76cd7'),
+    ('\x2fe53d170aa61aa8ec65c21313200e49b81a0847'),
+    ('\x2fe7dc48e73b2e22d75e225a5e4549b6b6f95033'),
+    ('\x2febf5f22dacccdf0ccab98f7bb675d16f21781b'),
+    ('\x2fed96dcaf193cd944cce00ee9218f4f16c9cfe4'),
+    ('\x2fede68225560d46a526f50668d9aa1b2067f498'),
+    ('\x2fef129d9d45c000166f87dc8ca5d5c96bcd1ce1'),
+    ('\x2ff0b8c69fd90629da5d2981b9913d886b477ab1'),
+    ('\x2ff2279a63662f02aebc6efd8451463931c0158f'),
+    ('\x2ff81005403925a63944a9dc07a619d4dd8595c7'),
+    ('\x2ffc1a22f5faf858fb66abe2cc90445f30c57992'),
+    ('\x2ffed4e5d112b369af67c0a666841cdece3affcc'),
+    ('\x3008b9636ad6feaa65a36f1ab8f6eb975d655f11'),
+    ('\x3009bdd29f4e9e2a95899cfc1da528f71ab207c5'),
+    ('\x300aa6468e431de986611edf6816c6919a5c8c4a'),
+    ('\x300ad00c0d86824f27ca0a7505686898a7c3c7d1'),
+    ('\x301434928a5b1aae37a014846f06de706680b5bf'),
+    ('\x301ae804cb4573ce83ac0d9e2632980370daad92'),
+    ('\x3020d979309d77fd83071a20a86316f38ee8386e'),
+    ('\x30215ee65d4a26f8f6aa89075554453443e7e10c'),
+    ('\x3035a83d3ccd895aa03b041152875d067672ccab'),
+    ('\x303af442e2c697da7072ce944f062e320ac6a3ea'),
+    ('\x303c924829d4f8212575b8c6aef7c2b4d0c3ce47'),
+    ('\x30404ce4c54634bf430d2d154c10c45b8b1eebc1'),
+    ('\x304868d4b7eecb97510f848503b6e9fd98cf604a'),
+    ('\x30496b0d9edad0fce9e64914cf18b6766daca03b'),
+    ('\x304a2ade65fe9b1e4ced31c7afede57cc1f13ddc'),
+    ('\x30540488eef19f3d54654f74e6fe5f34a7c61618'),
+    ('\x30541220df76080e8ef42dd770c1e21cc5247cb2'),
+    ('\x3057538c6aa657854b976171369f3068a0608347'),
+    ('\x3064ae201dddf580457608d2c28eab7b5aa24fac'),
+    ('\x306dcde78afadc54dc7c2b7e7e27d2054fc1706b'),
+    ('\x307096bea7ebaf897e0c33e24990469df89daa06'),
+    ('\x3071bc0f5e14274e8bb0316fcee3a19307a9d5a4'),
+    ('\x3074a5678f2baa8e1e750e2e9cb84e887c6ea444'),
+    ('\x307d9229a7798494cd46b715d5377e1289ab82dd'),
+    ('\x3081b3652cce2e9afec7e8ea1b0f98a73cdd35d7'),
+    ('\x30822ac6442a9d5e6a9eca4da50cc83c1bd77de4'),
+    ('\x308ab9ed4333136d08389dfe5763f43c48cf58e7'),
+    ('\x308b7c3d0a9058dc36944cdc7a12ed8c7c63d9ac'),
+    ('\x308e234caaa2b0aee6f8518803a69f58a6ea8fd1'),
+    ('\x3090a2141ee5df3b608ef427f6742649d6b155c9'),
+    ('\x3091b24a5354ccf8899204bd4e386b6d3e1e0986'),
+    ('\x3092bf0d70499c1fb32e6e5ce7ba59a545268d0a'),
+    ('\x30a2c6b912b254096e40c495ae50263b687cfd8a'),
+    ('\x30ad7e5107506a0e02c3959d261b8437f7bb6fa3'),
+    ('\x30adb15bf9e9f6d5f60e2d30427bc7a0d5363c68'),
+    ('\x30b26eb15f4647bc3a5fa2e326223a141d876d37'),
+    ('\x30baf53752191300ceb5a8ca3eb1daf28c178080'),
+    ('\x30bbd431c3346496d77f6485227ec48815cc5a88'),
+    ('\x30bcdeed6c9a10bbf145b2848a5a5b39cf1da27c'),
+    ('\x30c2ed91987ac50b4e73de472e364ed27930ee4c'),
+    ('\x30c520d83cded9110f7c9601810f0cf2b5b0d4c4'),
+    ('\x30c64e01df161f22674cba317162641194ad1838'),
+    ('\x30c656e70cd9e466d514666e3871f06db5110822'),
+    ('\x30cc95c26b63ab6944092d2328121e296400f5d4'),
+    ('\x30d0b4e8e35567aa6b672d67d411e087709ce949'),
+    ('\x30d163bc6ce58444386700eca98bfd77d4a779ee'),
+    ('\x30d2ae159b4e380aea88fbf0356b9cfce2c57281'),
+    ('\x30d39657eff2afe49a364ca607214e847f59d80b'),
+    ('\x30debbbebc5916e2d319e75432a102f9adaef321'),
+    ('\x30df35765958952906362121f1bb11f672edbaf4'),
+    ('\x30e2f141c31b991852c6110f3abe7ba06666b845'),
+    ('\x30e4a7454c1bf842229aac5ededf5712f5020309'),
+    ('\x30e6e52316f7e6e934122a11048ca9e11cbad029'),
+    ('\x30e715fc7607b0a9ff398f1fc13a9a7aeaa0fc74'),
+    ('\x30e75c2aa42d5560a8db9bc357e0425bc0219e7a'),
+    ('\x30ecf956468f4f601961617f0986b458bde9b93d'),
+    ('\x30f41fbef6c68676754a74e925c954244a743a9e'),
+    ('\x30f8eb3c1be63780a111ed4ba53556a43b2576d2'),
+    ('\x3102cc4f58851b1ce67ad8e5cfbaacb57f58a07d'),
+    ('\x31059625faa60959a7003aaa617d31ca98b39915'),
+    ('\x310b79ed0b00031ba2fe402d857636bb0527a117'),
+    ('\x310f5afa29de155218958b09fb33271c634adc8e'),
+    ('\x3111d0edfb1f65aa21066110660870cb7a8362ea'),
+    ('\x3118ebf5b06a7c497df468476115fb8ba91f6d17'),
+    ('\x3122a22e57a93ad87f72c9ca6e3ab5e65d21060f'),
+    ('\x3124c4eee76cfc4ab1cb3a15156bade6c60765a2'),
+    ('\x312c59f077a6810df4f08ef1c61e24317aac4ca1'),
+    ('\x3133f084aa6ac8508401494590bafedd74ffe900'),
+    ('\x3138d3ed9447d8a8966e126caf6756ae9599b695'),
+    ('\x313bc1accd8f7dfbbf9c09925e8e5130c9b30014'),
+    ('\x313c54a799507f00d47aa7ad156e53b27698f86c'),
+    ('\x314116d14cd354db65c60a4d32ef7bbf66fcd07d'),
+    ('\x31456833e65942702c6798348e1ebcb85eabd4ea'),
+    ('\x3147f5f97c325ba260d01ad804ca33aa01134115'),
+    ('\x314bcc319652cf815c1fb9c1c7fd9c100204e351'),
+    ('\x314fa9750662d5c8490772037f3c886d404be87c'),
+    ('\x3151675391f1d20c7ed42b2e1125289ae4541713'),
+    ('\x3152058a3d4ea247f6aa242e7754827f226ff21a'),
+    ('\x3165bfb3311932fe98363ec1123835bf20ca4493'),
+    ('\x3166d5d0397bb4fbca9259c2c68b46465b1befac'),
+    ('\x316b7f75d038436d68d4fab57c1c0d3c803d9236'),
+    ('\x3170c36646046f12d9746edbee2691fdfdf27719'),
+    ('\x3172153aa532a5d652b53f7676339f4d032a3103'),
+    ('\x31728856f2dc86a49ae8413ddd229e2148c7dc1c'),
+    ('\x3174b89f828e80e6365deff48e68f115167357b9'),
+    ('\x3176b505d5d7a2080dd6b5bed0701db7c720765d'),
+    ('\x317f545a1cef691e178f6ce3a72e141a2c32d351'),
+    ('\x317fe59f73bfca9a5d99e754cd8256d521676370'),
+    ('\x318142665c12891e479216376b5300a87173c3fb'),
+    ('\x318309fa80bba54ce4ec15336ccec4f6939a48bb'),
+    ('\x31883a0ad82786a75b3fc9379060b4755cc2c540'),
+    ('\x31909098262a32109b26434aa8d866aa4786b815'),
+    ('\x319935fb1d7927da3ffe1e0897807fdc8207b8d5'),
+    ('\x319ad4ce0eb2c63d5bc4a599869afedf4be7aef6'),
+    ('\x319cb38da04c13afbb17255201c33d0124dcef8b'),
+    ('\x319e5996d4ce687446f14cad663c9bda2d592c5b'),
+    ('\x319f8903f49f14e7f5c176c4821c204224f72235'),
+    ('\x31a040b058103ef26d5ad4f337acf94f7cc7d7d9'),
+    ('\x31a331f4253c39d031e1a435016282c7edff830e'),
+    ('\x31a8b85eb6ece4da5cd45d4de9c6e13af8b60e28'),
+    ('\x31a8ba7d11dd45ec96f241ab1558df3d0d8fa681'),
+    ('\x31abe5cac0c9436212983dc8a252f93aed32de93'),
+    ('\x31b0246a0f8dd692f0c404f396cf120d03735011'),
+    ('\x31b3b19555ff3b4f3acaafbd954939cfc84757c2'),
+    ('\x31b582455590ac08ea6d3333d56f0b2deefc9457'),
+    ('\x31b90aee632eb1a6fd390261ab30b2dcc88a40bc'),
+    ('\x31bb3e112d3861d8f09e29d4e2373dffe4961879'),
+    ('\x31bfbb0852591ccc490b1bbede092748c1bdbcd4'),
+    ('\x31c18bde1b8d57c1cbc2fd3cac0298624f8823db'),
+    ('\x31cedd8e0d56ec3f09a88d2d60dc5c12fff4a9fd'),
+    ('\x31d1597272863c9d7935c599c9466e4358aefd62'),
+    ('\x31d7050f9a4199b3064ff957fdfc8240eb4cb0f7'),
+    ('\x31dbf5c4725236f7bbec343a16625c96d122e9d7'),
+    ('\x31e05f619cdb7dbacb9cf76d8bad64db4a0141bd'),
+    ('\x31e7a5b3e3b54cd67bc2895a6f66f4fae82b2a39'),
+    ('\x31f9dbbdb8a60903d8d6936c38bd7033ccb516f5'),
+    ('\x31fe5d62bb67c7e7c0b748f1f275df4030a2a01b'),
+    ('\x320c019654a2a3d7f75a2528089efdec6e81d915'),
+    ('\x320cc60cc9975e28d10c9b24fb771944b2b3969f'),
+    ('\x320cc717627099ce16941326b235fea409e9199d'),
+    ('\x32101f0a49abb6393066b840b6b4ffa773f12410'),
+    ('\x321250dad2f145bd780fb58da60a4d9d42fb79f4'),
+    ('\x321290d5aa4d62f4783a095189e8a5a093cfbf9b'),
+    ('\x32187a68ffa8d799ff34eacf6ef456f66d10c1ed'),
+    ('\x3227d4e749c82429987ace802be2dcefb9f9e89b'),
+    ('\x322f924febbc4facff05cd5b3b836a8c22b026b3'),
+    ('\x323417a14ccaf3696a6faebfbf2279520ed6a67f'),
+    ('\x3235c2d2ed6ebc604faf0426dfd9eda21a680bc3'),
+    ('\x3236ca5554ce2c024f00df000b06be9615134c1a'),
+    ('\x323e3ef1889ade6cb8b8f320ce2641d03f947fd8'),
+    ('\x3241df831c04bbb972d9542bd25e87d0105ce76f'),
+    ('\x324724505bd9aeb7ab6dcd079b63b35369d8f02c'),
+    ('\x324dfca9d08bd8edc6a008c2a22ec41c64039643'),
+    ('\x324ed371ed3a43324bab57700a36e238f9dd2414'),
+    ('\x32584f85584b65c16dea86316c3f14cd5dfe7826'),
+    ('\x325987fb9ca76d05320e87f1f8cc67e2dfd1e953'),
+    ('\x32602db303b1f3dd7963a5c122c49a4ec65d83d4'),
+    ('\x3269ff5bf7a7d839b6889cfb3b12308946ff428d'),
+    ('\x326d427b07b6aabbbe78ac512fb5b38a94c7cf8a'),
+    ('\x326e9bbf066a3e9372b364460f914053f0da964e'),
+    ('\x3271d786f7dd6bc16c371b7cb167a572f13af64f'),
+    ('\x3276ec6ebf50236944d8e44485b7f5c478d4cd91'),
+    ('\x327ad637f4fafeec8625dad4b7b81f54b722bffc'),
+    ('\x327bfa4ba26c2cd34175afc7114263b0015b3dfe'),
+    ('\x3288d37ee8099ac202ae991a429e6654489a54d5'),
+    ('\x328b58248a5220e40b6e8591436e537a86442341'),
+    ('\x3293e6026123ee988f19ed6b1203d8215b7e8010'),
+    ('\x32952f3cb5b91866030aa9e687b3356786057914'),
+    ('\x329850b9327d525e5f59a3c9f09cfee3f1b6c599'),
+    ('\x32a0b5aa132a5813981fc786e9257f4b5905b7c3'),
+    ('\x32a40d5d5a79216c923ec6b963eeececca38f4bb'),
+    ('\x32a7e621ade439ec228c9519f7a67fa5a47f4bf1'),
+    ('\x32a8c0beade4ffe9cfc6766ac396c834ec6fc256'),
+    ('\x32ae0f1aadb1410ebb889635ab3988b610f23812'),
+    ('\x32aeec0c51379a49371356684a5b28875ef154df'),
+    ('\x32b1893cbec28178b2bd898374627ef2c2d929d0'),
+    ('\x32c1a8fb639177548b70f8fe0ca7113fa2e661c0'),
+    ('\x32cb2a2c1a6601c5f0e5a28e8effbac4aca39e80'),
+    ('\x32cedf5bfa52fdc23be1e009459f99d950202c4b'),
+    ('\x32d30b4ca3a1128e68dede96677adb1ae17198da'),
+    ('\x32d689a87321fd0db38e401b50c94eb64a4124f4'),
+    ('\x32d6f9876225c9f94f50cf0cc6f2a6b06f95915b'),
+    ('\x32ec84d0620a216bd2301dbb3563add8acd9ddf8'),
+    ('\x32edafe4eeae60b8ee474128ed672ac2e24d7166'),
+    ('\x32f59c668e2b055b4d17adb7ec849c407c863f08'),
+    ('\x32f718c6214e26fa519354ad903e96f88c704bea'),
+    ('\x32f827643627c81e8b2e6e4baf13421ef251fbd1'),
+    ('\x32fb62f1473d81b694777daa8f2b77bff09ad1a2'),
+    ('\x32fc48a89da3c864f75eabd564761c50941fc45a'),
+    ('\x3302dc8b4564d16f65a71dae34b42a5c4190aaf4'),
+    ('\x3303204be529813ad0d2c361ee02865d3dc1cb9c'),
+    ('\x3304f9f99124d5f74a3c6fddb78c61227293ce91'),
+    ('\x330697a2925d68e07a300f12c8a222ae017c4b93'),
+    ('\x330b150de1e00497eec28ca0ed97fd6b6750ec2c'),
+    ('\x330df771849ed0141b9d39fb45225ae2a6acd7f0'),
+    ('\x331026488f33f0f33d52427eb623ab74ff9a8955'),
+    ('\x33159ea759a8ba71d59ffe9c4eadeda9d1f2e10a'),
+    ('\x3322188a3e4944ef1eca69c430223dafd03667c1'),
+    ('\x332aaf4d9c3638143e1206bf11d83b54bf3e17d4'),
+    ('\x3336846c99aadbc62431283c33ed87ebac597f2e'),
+    ('\x333ac0677687baab0dec02d3299e670cd12a5a19'),
+    ('\x3345e1c398f36114b17cfc1fa3f80c606c1b1887'),
+    ('\x334a4eb37764796977277f7bb253b92337231238'),
+    ('\x334b1f60211513bb22c9c7401f4a1cac33a3b6f8'),
+    ('\x334e795a94f7ed2e93d50ddb9baaa9038efda125'),
+    ('\x3350949408970c1767db5da664d5a2aef1ee7ec2'),
+    ('\x3350bfaa79bb5bbedc760cf96a12149460f86340'),
+    ('\x3355e006be3653abd716cc53538f8fa6d9f7213b'),
+    ('\x3356ecf042d5e5f902ad8165f2891a5ecd959c29'),
+    ('\x33641b81ddc2640f0ea1d5786d875780ed8e13bb'),
+    ('\x33734fd84df4643bbaae47a17f883c4a365f35e4'),
+    ('\x33756ebe4181630575b2e266531257f5dcf06114'),
+    ('\x33788f896daf197e5f3927b31e73fd0bf6c81907'),
+    ('\x3378b2029337af76201fc1406f6b220f7a23713f'),
+    ('\x337e71f1bd62d070fd4c23b82f1bd3ff1e049503'),
+    ('\x3386d100f09cdc2ea7fb1d7babf515abfd74bcf3'),
+    ('\x339945012772baac40ef42cb44d712fef69941cd'),
+    ('\x33a9669cbd1894b9750bdead25445756c9ba369f'),
+    ('\x33a9da7d8760287d254bc28afa55f92413f1605d'),
+    ('\x33ad9f770a8c0e56cc8ce565952237d3432eb94f'),
+    ('\x33aff4bca06562ae7490e91161079165ffec8bfd'),
+    ('\x33b67895bd57bc4598c592e57cee31967942c746'),
+    ('\x33b826ced7775161396b0a20bf36ec2a5e3495f2'),
+    ('\x33b9d456ef6b699d4131b2a37a0cf176128bc823'),
+    ('\x33bd21cd006bb76d25f51b7ae8f035f778741472'),
+    ('\x33bef7af3eeeeb6d35d6bba1c776693249a7565f'),
+    ('\x33c3251258ee21815279d6f9d2afaa0294c15c49'),
+    ('\x33c652d5c78dd0eb358807c62f7e13110fa38e06'),
+    ('\x33c86649d949c81f788bc0a4626ee57ba63f0880'),
+    ('\x33c93ef90f792871a599e8fdf455eff5f186941a'),
+    ('\x33cc10530e8ce30b1e335d16f01aed4bfcd0f801'),
+    ('\x33ccbac3aa7a98fd3c40c3b8b9d486a4f2f857e8'),
+    ('\x33d19f6bb1384022113537b42e9d70dc6c8d0ef4'),
+    ('\x33d254d4782d8de966b462fced3972f123fa4f61'),
+    ('\x33df41cab3f88b3aa1b7f3d592635e59830cc314'),
+    ('\x33e0a0d1f9576293e87cd24283d3c76251ee4143'),
+    ('\x33e3184f19ffb34846869553c5e3500c1fc46b54'),
+    ('\x33e3e2bc573d22b4a63c1a37eef87eca0d15ca8b'),
+    ('\x33e9239f37332bb5299027160aceae02aacea229'),
+    ('\x33ec883cc5e34bb233f3392008546f56fdd2b6da'),
+    ('\x33ecc47151342b8b155a5b97a9cf3238611e281c'),
+    ('\x33f67f01a74e353405c8a3ca5ed33d3ef1c854a1'),
+    ('\x33f9c9920380b7f74351e2b28ce9c04a750939ef'),
+    ('\x34030d09b62b1c370a1f84916b47d74a9e40acac'),
+    ('\x34070d41af0d422e3df1482905cadbfc015c24fe'),
+    ('\x340d1e5be9d31eafe3d42e72538f9285dcdadfae'),
+    ('\x340d84d049d46a32da62e481b1ddbeb08e0dca03'),
+    ('\x3420f81560e05ab830201d94f2913bc114d21a48'),
+    ('\x3427cdbc9b20d89c2f247262500ff3bd6c914703'),
+    ('\x342c999c56a7e3f7a78a98c6a3b082cdde4ca992'),
+    ('\x3430649d6855c93a248cb516b5a36b7df8f0329c'),
+    ('\x3430ddc84f08c814214e11f6c5f727afb10fad4e'),
+    ('\x3432761a206bf55fe3914fbf642187d009376842'),
+    ('\x343492db48552ce1783d0f149ebc0037ca2e1d35'),
+    ('\x343ab34e929d3168e39ee70ac5e30d0d4d4e2606'),
+    ('\x3442f11cfbe0fcce6d0e91ee668383d3a8ac43ec'),
+    ('\x344d3f09a997eeea43d11f9dd533274ceabb3cd8'),
+    ('\x34514d8d68d60f9ec28edcc37f70182510334362'),
+    ('\x3454d64fc2544af0f83a36b18be8bec34234a606'),
+    ('\x345fc7d05e520f6cb303f6624cb70f33d70e9fc1'),
+    ('\x3460eb3ef6d30f34c81aac347d98e7bac1e4e810'),
+    ('\x346bc988749195745884cb6bf1355f602dfc4dec'),
+    ('\x347921d73e731fb147d76742ac267890d15463f1'),
+    ('\x3479c8e602f28bf3213a052ee4a5ab99372d63a5'),
+    ('\x3484ee282fadd0d10eeb6442fc770b2a0f31504f'),
+    ('\x34860f22331f2f323dfd231d4222a030ac17be61'),
+    ('\x3492a5b9699bfe1bc6efbbc003a02ecf39e9bb33'),
+    ('\x34941fe71a406640121b0cdb2c3718a018a19036'),
+    ('\x3495f410e681883d4316fd07f3ef4111b4508583'),
+    ('\x3498a80cde82e26fb3db92ab180ce863c6cb11e9'),
+    ('\x349ddc5455dc447dc8b9d4e64186ed19ac28e80e'),
+    ('\x34a47c415784e86321fedab961ffdb3c0fac413c'),
+    ('\x34a6a378ee9cec153cd075c06a103b02a385256c'),
+    ('\x34ae60fc8d8608879fd748ac4284ee346f0a2136'),
+    ('\x34b01fd8f2a4d88dc8961ce28bd4aa95f151c17a'),
+    ('\x34bf02ab5e53b1b6f7d19e4dd9e5ed7fae5fbefa'),
+    ('\x34c578146ad093508bca213645bbf5cf4f46a4d8'),
+    ('\x34c788c8a8628d2c37626691cd606ac499b65a98'),
+    ('\x34cacd0c6f304a0fd9449bb9381f7daff37cc3dc'),
+    ('\x34d69930e611a71296b824a36763993dd2846bb4'),
+    ('\x34dda1bb3b066605402c692a69b8a76bedee9240'),
+    ('\x34df8ecb53e0a2564602bdb05e1260f29e9ab883'),
+    ('\x34e1b549646ec85dc5c465a742fda46605b69930'),
+    ('\x34e1f1fd02828b103f716f623c83f5399bc1ce75'),
+    ('\x34e84a48ba198960ce8a4a353578e4f3c60ece5b'),
+    ('\x34ecde62e71e4b680a90e768358a6901c900c9ae'),
+    ('\x34ee54c5ba630a880df8619f10bc4063268f8240'),
+    ('\x34f1352de22d3241478be4cdb84e571f3a0b7410'),
+    ('\x34f5f19b9b779ba27df0113cf04c32a3fdbcf4af'),
+    ('\x34f6b2878c34f3fc3267b5522ef295b2ece43f80'),
+    ('\x34f797b735d5e71b129ea0bd347d9823698c762a'),
+    ('\x34fca2378bf2c992254b44183623fde295072f77'),
+    ('\x35004190440c71b7a67d7a9e29dd6f08f7ebc0be'),
+    ('\x3506165d4ec23327c390f850cf59deafbb1a220d'),
+    ('\x35064695561fffc04eb18ca78d2a04cd02596e99'),
+    ('\x3511c2cde836272c7aa1ce333ace5af4984ad6dc'),
+    ('\x3516443186daa1a04a269dd86f9cd8dac5ae906d'),
+    ('\x3519ca353cfe7d049e705050a5890f4c0f822663'),
+    ('\x352693e27774d9ad87f4367437c342888ecf1142'),
+    ('\x352c1a03f427375493297a7f03836c48d51f11fe'),
+    ('\x352db77992c207d852152523f7b4f90d2b88ed07'),
+    ('\x3533e97856bf78742323c053a1d138dfdd2a4a0a'),
+    ('\x353e2e93dd56310bd6a623f1c909f17b718fb9f6'),
+    ('\x354128468aec94d7db6847b1b1a0363ee54bb621'),
+    ('\x3547f0a816cb0353927cc9e9bf41377dd3d9f45a'),
+    ('\x354890efebb6acb58e95469032690d508f9fdc9d'),
+    ('\x35489c46b4fb6fe24645858e5ab4dc1858f85c74'),
+    ('\x354ee25801e7bd28051bfb0729b1786b3eb2e14a'),
+    ('\x354f8df3b4ab97c13726fae0f18907b5fc4eaedb'),
+    ('\x35549423a1561e6efd4d6b33e39b2d0ed316c5c9'),
+    ('\x3555e2612abc93448cf17b0140180ccf1d8b0998'),
+    ('\x355f3ceff05e7c82d8d4ea9fcc103f78fd417b3c'),
+    ('\x3562592ca9cc9febad038e2e04476841f6a7b620'),
+    ('\x356600de44067b4272a5ad1b641ddd2c2ce26521'),
+    ('\x356ab30ea2172a12ad685c4b4f0f568226de4e66'),
+    ('\x356b8ab24f7a4e1fa4b0f78de90ed23c3e2b04c1'),
+    ('\x356bc3cfb9893a64ad5341f6bc804b47eb032e7c'),
+    ('\x35765e1c53584235dd7f8210ff61e2e181fd559f'),
+    ('\x35770fe4cc5f9ca842d96f06ffd9832754c41fa4'),
+    ('\x3579552dd36ff4e99b317a8eb3b8c80c618cd672'),
+    ('\x3586d934f12c5f36a6ff1f1e251b342220cab277'),
+    ('\x3586e80a8e15d06b8993322eb7c98faa91df613c'),
+    ('\x358a634a5fc8cf6ffb800ebe5e4427a33f7bfb7c'),
+    ('\x358b6f9d9344a72e9a545bbc66e5c31e05ee7c07'),
+    ('\x358bed7d09c22e3f1ca6bd6046ddd8c28aee1f4c'),
+    ('\x358c1d4d35e761e744e0ed336c14d55d4f058b33'),
+    ('\x359242ad20e2fb31c3c6753f9775a078382fc087'),
+    ('\x3593a4ff18d162c8553dba1e43de55b22b1fedf0'),
+    ('\x3594c4a2a9a345c9bd0137128e89503a9c0f0612'),
+    ('\x35990774691138ff95e780c2e011f6ff00fd1e12'),
+    ('\x359f57cb6c419d330312e30a4c0bbcf673154a7a'),
+    ('\x35acda2fa1196aad98c2adf4378a7611dd713aa3'),
+    ('\x35ae3571f470f6bc71e1ac16bdc28d11c689a47d'),
+    ('\x35b5e9017eea9424aa38503876893a8e3eb77169'),
+    ('\x35bef38902cb0eae90b624dd3c716c7c5405c73b'),
+    ('\x35c162c0913ad32cf0db80a1d2b952cb68e65f8e'),
+    ('\x35c603c8c57d61a80449bb3fd207b84a51aa0878'),
+    ('\x35c888d9bddfd5d84f6a108799708167a8a6ec14'),
+    ('\x35c970c2b57ceb26aa73f4a503124b8ada4ad14d'),
+    ('\x35dc7c1c914666e66e85ac312dcd42d7309a02d8'),
+    ('\x35dcb26f00b718f0b09a90dd629522fe99900e3f'),
+    ('\x35e00725075098593a6236311bc421d0fe0bda78'),
+    ('\x35e96f4102434b00227c7f24410eaafc9da9ad17'),
+    ('\x35f261cfe722b6ef0e70ac0ed09d72c993979174'),
+    ('\x35fb12ec0381f1f432b5de50671a84dcf9059f17'),
+    ('\x360859a6dbc470f60c76f3ea7edd56ce13988f7b'),
+    ('\x360bc7402968375926cb8e2cf046ceaace2f1f6e'),
+    ('\x360c23662ceaf22d35e89fffaf2c3ab331fc9c44'),
+    ('\x361642ee045e509127cb76d6b76ccc5fce2081f4'),
+    ('\x362367d857b65d768b19ce3917b5c289b6b90163'),
+    ('\x3627485af1e594bc02476d3e32c3bdc75b6b883e'),
+    ('\x362c8e32a39eea342860fee4dda4c9ad47c2868e'),
+    ('\x3631aa0e65f7356b1b00fbf4f6b554b37d29c516'),
+    ('\x36370da3d4b781334188caf66d949e113e2ca155'),
+    ('\x363a6a79ee34e63a6dad2b979646a033d34feff4'),
+    ('\x363b6c69102f5bc29a325b57f7148577f5b1069e'),
+    ('\x363e3c27474b0fba6463f4add16d874a4edabd64'),
+    ('\x363f6fc9e0accd2db6212608ae89baa8db2de882'),
+    ('\x364e3a3286f29e9a7b3cecc4d0e5ecd7e4dd4c70'),
+    ('\x36502ef1ab3433a14cb856efad83ea39c6aaa7dc'),
+    ('\x36524cf4edbe0b6bf41923b2a22ad034fdab6729'),
+    ('\x36530098ac8907ce6cd5804864bdafd5f328409c'),
+    ('\x36546aa1e73db90fc9a2862605cddc5d4acc9e7d'),
+    ('\x3657e334460795dff4266bf5a8cb37e571e7516c'),
+    ('\x3660681d398100fd0e2dcffa089570eea893629d'),
+    ('\x3660d9dd58e91e8172d95f74508dce6f254715f1'),
+    ('\x3666acc420a8078f5edc03c230d5350d14c84050'),
+    ('\x366778b7412deeb84e2ff6238fa222ca8495ca93'),
+    ('\x3667bf918d4b91b95bafd46b0f75280252c0576a'),
+    ('\x36682927a2ff3ce191a2227e59f1fc2d0c3cb2e6'),
+    ('\x366a6c1ba53087a39a10da35379d030d47e6c979'),
+    ('\x367905ebcc82c815131f0a80705e63a7f1cb2188'),
+    ('\x3681293ba63127fc128bc4ea03b03b3cfbd1e207'),
+    ('\x3681a281820e0348e0f8c2a1ce4b4c3046ef49dd'),
+    ('\x368265614efa13d658882f47df672c65ea8ffa37'),
+    ('\x3682a11d4512a3c1782bda8e4cf490301a473fdd'),
+    ('\x36858e0f83342f9b8345f5468a0f611466501e70'),
+    ('\x368e0182359268fe3f7d4c6bf1d6e4bf9a03b490'),
+    ('\x3696770a96d2d4bf55961666a17d1940e3c096aa'),
+    ('\x3699928247fd5e589134b41beb6475c5859ea9f1'),
+    ('\x369b28a01d3d399bb2219c2c589a0919d26c1ee2'),
+    ('\x369db51a9c3c371907509440802a9124b022b466'),
+    ('\x36a53dad8eb71f4de53a79e1ef8e503e696c362b'),
+    ('\x36aecad3ccb30f729d058282882f9eed06623e64'),
+    ('\x36b1cbe6a683f5f4e5851b391ef4b108826fa08e'),
+    ('\x36b3083e03a995ef0a425f1cbe2031209b8f6b41'),
+    ('\x36b3a1aa55419b5d52b618fedcef8f21f6727ca4'),
+    ('\x36b5da7a6d590ccab1904ccb1b3ee31b360f3085'),
+    ('\x36b60ef67b435b0b7b4b874d16ddd345c56f95e2'),
+    ('\x36c34b9faa8bcf8699b1e73380a9a1b1835e8fee'),
+    ('\x36c54efb986fd2ae94d4ea7e5a48e149a5469205'),
+    ('\x36c99009475b0746901454802889ed40a504c6f8'),
+    ('\x36cfddcc0775084eac0ae4a5f5ef38bd705ec05a'),
+    ('\x36d0740c1b3536f7a9428fe9b4efaa6aad5d6dc1'),
+    ('\x36d098b24297f9f13ae98f630425f82a98d4c285'),
+    ('\x36d1afe75b5bc60bd219692f0dd2ddfb544cd6fa'),
+    ('\x36d461608057f3eebe76a34f0117ed6435bf9a5e'),
+    ('\x36d5e4a68fb508311602327f7e956bf491538dc6'),
+    ('\x36dc2fb86b27d3fcc9497c778f8e769e8380582e'),
+    ('\x36dc95fab70f314287fd9543cbffc418622f25a0'),
+    ('\x36e3adba31eaa46fe0164bedc012d3e69fe6c8ff'),
+    ('\x36e92d1211c39aec4d21f301a6b1c7078b33c527'),
+    ('\x36ef92583a7a74871367cd868d9e550e2ee6b6a7'),
+    ('\x36efa9a1cc90bb44989652d1d9d36b16682b682a'),
+    ('\x36f41e7310403f764f98037df7c9b26629043529'),
+    ('\x36fac76efe13f821a823e4d66d4dd0c181d64389'),
+    ('\x370113988aa71fcf7944e3dbdfe5ff57e6ee090a'),
+    ('\x3704d9a2279d71f5eecba3ddc2bd3ededbf5584f'),
+    ('\x3705f091755abb06ecc4912167c210e8ad07f90c'),
+    ('\x3706460d1ade46345346df1a8eb92eb3626f02cf'),
+    ('\x370795ae3bce5ffdbd374240fbd82b55eec80a4a'),
+    ('\x370b5865a869350cbb83a17ff86880c75a1eba84'),
+    ('\x370c65e2fe664e112fc78673078cd00a18b6da6d'),
+    ('\x370fe9c837a074f4f66e10cdd14809ff96c93542'),
+    ('\x37128ae89209930944eac642321901c6efb9a6e5'),
+    ('\x3717f5f8a7dadf1100e76a66eff3ffb59a30ad3c'),
+    ('\x371cb0cea37cc2830ec246ef40bf65eb5e50cae7'),
+    ('\x371f28b1c328166383c5aa4387a17b3423e888b6'),
+    ('\x37207329538ac940b9810cb40102850b09980d6c'),
+    ('\x37243e0caaa715ffbf774bda2f06656711fc4288'),
+    ('\x372a611e3f5140246c518e440dcc99c5971f6b6f'),
+    ('\x372bf97e25ca1dbb386033ca339d346d3fb91886'),
+    ('\x373382e9027362f0f68a3d5585b7e0d6571fcd1c'),
+    ('\x373ccbd558ae0ee10e5d713af50c911b64304afd'),
+    ('\x373fce90aeef33f29870309d98ed485664ddabb7'),
+    ('\x374f676f0df547dc4dcac3268f573ab99cae6ffd'),
+    ('\x37551dfde08c36f2e49d6bc859ae00e265b35ea2'),
+    ('\x375b2965b77917edbe6bb9ba1fb8af37fe2fd505'),
+    ('\x375c6ab238dae6bb177ee2c6152ebd027e34040a'),
+    ('\x375ef19cfdf99b0c16b795d4bbe1014535edcf41'),
+    ('\x375f5f9ac0a687f4307ddeb98de46bb1289b506b'),
+    ('\x3760928f9b80ca5d3c8f8ea37156225e040851c8'),
+    ('\x376e4c65f73ff76f4baef2670a06ce96f2ffa90b'),
+    ('\x376e5fed6f34644dac742d7bc3ef1050d6f1db58'),
+    ('\x376e722452981b2b94cae8da402af5d6bcf11744'),
+    ('\x37721b2ec3ab94eb144075aad40534e953f8af10'),
+    ('\x37741a03ebbc47124db30c1a813f8c06546a2fab'),
+    ('\x37746e95235bb64ba68184d9f0a99f34b29b4793'),
+    ('\x3776762cf5c66e491ed224a955101722d5595c3a'),
+    ('\x377dca26d6af21890b42b6ff804a0e6fa8669769'),
+    ('\x378237d73281c220f99fc5b063b04c75a910fd30'),
+    ('\x3784bd92127e9f3c031b9cd55f35476fc6ab1625'),
+    ('\x3786c56fcccfceb0760c669ca04f0e5bf9101897'),
+    ('\x37896c5f4a7c156f1a01824a1bb8f807959cd970'),
+    ('\x378f7a113936fd45d3e80da035671be126aa11dc'),
+    ('\x3794aa6b929c9e0e624975b915ea65b0b4e8575c'),
+    ('\x379e584d8f03b08df6591019a36a1736b7520fb6'),
+    ('\x37a7e0e9b43f376d6ff4799c4059dce5e6d33451'),
+    ('\x37b668e96b6c5e9f985db7530f14369b74fd574a'),
+    ('\x37ba807bad0d8c87d11e70426ba73e577d6d049e'),
+    ('\x37bbc6f8d82b318567f6675d67336ea34d753507'),
+    ('\x37c518abe507dde599ae039eaa31ade19522d344'),
+    ('\x37c5c947b11638ab720e6a3ccc10803348e5196e'),
+    ('\x37d9e721417e778a88036ea6a3528e6833800321'),
+    ('\x37e08769b88628bcb373c180bb6e1456ce459585'),
+    ('\x37e4488abbe677ad404e87e6795b6da6c5e73b89'),
+    ('\x37e819ccf6e70f7ea48d5a713a26423826da4f5a'),
+    ('\x37e9840953cfe0fd18646fd58641e8d41b432338'),
+    ('\x37e9d1b614a4235a73d46da84b3083c23f890961'),
+    ('\x37ea1aa426e08e8c04bdbb3878c9bce4dbf4d61e'),
+    ('\x37ea4e69d94ba5ec8d73a35b1a857e9909e90bfe'),
+    ('\x37ed25a32b5960cb161eebdd378a1640a5fc0494'),
+    ('\x37efc7374ddd3fa038c8ec173e8b4d5ca7c886b4'),
+    ('\x37f85f2cc43d592bf844a2b48e9a39db02c09eb3'),
+    ('\x380199780fcaa2b03408c23703b953aee44d7921'),
+    ('\x381249f6b03e4a4f67636974c3129bd7f9df938c'),
+    ('\x3816faa4300201b4e51dd9d31eb382da0d3385ca'),
+    ('\x381ad6f28b93ef98872cb063677afb9391acaf35'),
+    ('\x381e1748643be08f853306ac085e41da6de462ff'),
+    ('\x38219597b3f04baf64bbefb58f57251ced790251'),
+    ('\x3825b06f0ec35c8d8abb349b5ce94fbf946db6f6'),
+    ('\x382a35ecd69a7d25d6e5e65efacd88ea2be26af8'),
+    ('\x382c0bc6e98f7582daf5053303527b0e867079dd'),
+    ('\x383239b18357eb5a293107652327b03ce579cef9'),
+    ('\x383a281b132f81a797dcf391b152cb280ccc1727'),
+    ('\x383c539d7f3c0e39fc307ccc6ecad2e71a2443f5'),
+    ('\x383e022798c24a37575ca3dde39a72ad33bc3636'),
+    ('\x3841fbb6dcc2d16a3f4851655b95070420e6d044'),
+    ('\x38461a40401a53291d144a0dd6f2a7ef01262eef'),
+    ('\x3858b7b892f44f0302e80d886f02a4d64e1d9d67'),
+    ('\x385a5dfa7e4d9cfcbcd8d4e9f2aee9f822ad21ff'),
+    ('\x385bfa94b8d79adf803640e2dc5229957d1a909c'),
+    ('\x386028847466ff4122365eda4967fb2ffa086867'),
+    ('\x3863e279c8bae8a4be171398ce30478ff92b0999'),
+    ('\x3865342602672a656608b74091ec4cc1777720a5'),
+    ('\x3868992cd16a057050f331dd6e3a2b6d266510f1'),
+    ('\x386ae8a9bf3a85ded2c3721353f8cc3762ca4cde'),
+    ('\x386cc8278974925f6bf237b561a8388a46cfb772'),
+    ('\x386faf2d8027ff1e6c6cf78d110970cdc062b387'),
+    ('\x38707c54b3c1589b516ae0039a682a8feff7479e'),
+    ('\x38751ce08c0dc94502eb576333da269095b3539e'),
+    ('\x387d69da321c33ba349117314f868bfd60d742f3'),
+    ('\x38888b431812ad1b20f63fe353e0dd6267ccf8e3'),
+    ('\x38889190628ca2079a8097ec1f0ea5654afc52b9'),
+    ('\x3889a2da351591a4c015d398a4cd7cd2f191de1d'),
+    ('\x388b4cee1e158d9bc064db1c3cbf600a9bb6d14e'),
+    ('\x389160326ac86d25c3076925af1b0594c894a5e8'),
+    ('\x3897438d48e7672c80c1033cf774adcb879b666f'),
+    ('\x38981612b99494804c2393b8e25d9c218aeb653c'),
+    ('\x38a0190147d2e144e061c3ced6e9b212dcfb8956'),
+    ('\x38ae97e072cf682f3ff04aab7706e60ba35b583f'),
+    ('\x38b271faf385eacb9c9390f35151cefec94151fb'),
+    ('\x38b294ddf9a4f035e92dd538c80bc71552dd65b1'),
+    ('\x38b735c2c59a1dc5175f4a9ffc9f4a4eaf144156'),
+    ('\x38b8353044e83b430dac4dc6ebc9d8346a98b70c'),
+    ('\x38c4fe392a87a992981201e39e2564b41bffb370'),
+    ('\x38cab02fddb683e2fcd2676a9f449468e79b4b44'),
+    ('\x38cacb807ce9f77feb09a73edad922d820068c12'),
+    ('\x38ce7c1a217863e8156231d335f49b257980b781'),
+    ('\x38d6a3c0aad1b2d60123d47a3dc01cb42207aa19'),
+    ('\x38dee9bd00c714ceaf444648da657377d62344d9'),
+    ('\x38e1a9c8af546ef6641c7c97de7f3fac9bb6b49a'),
+    ('\x38e48c8f649e976b399dd160cca1fbed34eccae2'),
+    ('\x38e829fddd607ee1ea55aa53ad12b10d51cd62e5'),
+    ('\x38ffd2a848d4f563ddbc2dac5989cc09dc8affb9'),
+    ('\x3905cf15e6a477095d8f33bfd2817be9a3f00155'),
+    ('\x3906a1eeca7a9eef61a863e0e14a78c722411053'),
+    ('\x390ab8e122b8f62297e7a2c8430154209829271e'),
+    ('\x391398495f1d698b62affe9455853580540555ee'),
+    ('\x391934bd15cbea31be0eee86ab511ea4038c252e'),
+    ('\x391980d7aacc7af553088e0e5da44884b27434df'),
+    ('\x391a7a43fa040b1a046b0abfe2f0eaec9913c3c2'),
+    ('\x392583941ac1da2692246eb292127887a0543a05'),
+    ('\x3926f699a24a96abfc1693ffca4506f0e12de272'),
+    ('\x3934534ce5e56b3e37c0fcaa27170d1ad4a0270b'),
+    ('\x3936b60d7fb078a0daf9ce20afa4bf7ab3163ef2'),
+    ('\x393f6fbcbcb2dbb537a48815b1c93a95115dd003'),
+    ('\x393ffa0dcc23bb502a8b401c0cc81418b614c22b'),
+    ('\x394035d09cf0344618ffea92bf712ffd0a818d26'),
+    ('\x3946e2fc8e9c6f1f1fa291d73b6489e49f70cc3d'),
+    ('\x394790ba60721a666baf701f895ae95a17693e5a'),
+    ('\x3947e1d555007cf6bd872518d46653da32a8c1b1'),
+    ('\x3950f6bc9252f1592bc283cb914a9e73b996dce2'),
+    ('\x395157e0616b81bf078bd387ed8893b758cf1041'),
+    ('\x39594b7ecd08b21aec173d00a4365f740a9a435c'),
+    ('\x395f2b28ab7645d02430535b8c9da7be4f2bb53d'),
+    ('\x396590bd513fbf0ad11da288930041df8970397e'),
+    ('\x396687135847e1513c5ff25474c9debad6c86061'),
+    ('\x397cef105d601fdc89436caa69d4a0cf73c87745'),
+    ('\x39839e0c0635a61afad50785c577bac2e68a723b'),
+    ('\x3983af6762c77ae21ee0fed9808373d52374fd55'),
+    ('\x3988394321fc91a7480ee4ee824f91f5393f9dce'),
+    ('\x3990c58ddd07c2b4eb2f108c66c9ed990a4e24e7'),
+    ('\x3996e1245d4457142aef4e7a41d9f8a5115584da'),
+    ('\x39a0025afa0ac557e85a596e7e0ba118df6a1a03'),
+    ('\x39a0c3fb65266f76f0316176d3ade28dbc1c98bb'),
+    ('\x39a85e1927d5a58894cb84628785e5b729077975'),
+    ('\x39ad2775a54e150a8ed49a581befda9ff87c7eb5'),
+    ('\x39b0e5c3b065e6c55fc908ef90d47224d9d223e5'),
+    ('\x39b11518e6a5d272ef82a7d0201feece4501c80c'),
+    ('\x39b603b6c25007fdd2a1d918bd56b06a53e17986'),
+    ('\x39bbf5a6d6ff6fd3805c87f6eed998984597644b'),
+    ('\x39c13157f6d51a41d8835d3da6c0b1cfd2eef2bb'),
+    ('\x39c156ab61cca6570f9d9c1f2ffcc9d4c43a95f0'),
+    ('\x39cc56db8c71b47108813c27820a6316b0153a27'),
+    ('\x39ccaac3db67576bd5c4ca3aed7f7a637c366671'),
+    ('\x39d724f4a52b832c8a17a4de6d8a3ac071840061'),
+    ('\x39e39a2154dae5a8f02860fb58185d5759561958'),
+    ('\x39e64d79d42a0a790fa60ee4367526002de3caee'),
+    ('\x39e664dc75d2435c96a063b5ad0f013ada0bc397'),
+    ('\x39eb62b0144768828d46c69292086440279cea5c'),
+    ('\x39ebe508febef7d174babcf72dc3461bceccd9b1'),
+    ('\x39ee9756671ba22767290dec6682d7db69b1918d'),
+    ('\x39f5afc6ab554974b0d579131cd6086cdfc6634a'),
+    ('\x39f5e9bafb3210c5d7c97f01a7873ff5efa7b90f'),
+    ('\x39f5f42d31ddf2b03b9d0588977194f0457807b8'),
+    ('\x39f6436873547df88f70bf4d7736e3d6f58a619d'),
+    ('\x39fbcdd391608ff9b5d20cfc7e566f17a72a4ce7'),
+    ('\x3a038248d26bd860899b40dfbea71492041e6b04'),
+    ('\x3a0634fcbb4902150425408486b446562759884e'),
+    ('\x3a09796b7606315bad2983d8bcf3e7dd65764d52'),
+    ('\x3a0ff2c7027fc18f57b6cc3fba6bb0ddaad871ae'),
+    ('\x3a109aaaeafc38929caaf1f902baceae26868953'),
+    ('\x3a17e1d04f4bcdb3a39cefcf5a02442f0e983558'),
+    ('\x3a1ae8c553edb7b74d4ae2f1d6b761d7c085379d'),
+    ('\x3a1f2b9672e69d7324f9a18435d263297ee37497'),
+    ('\x3a26536feae7d16612c4f2fdb93a9825f596f3e7'),
+    ('\x3a2b47bacdb2feeddd32ee665aa42f590ffd5257'),
+    ('\x3a355adf7fecf6db6ec4f05e83f2c9bbed4392a3'),
+    ('\x3a35728cba48db6e877029f12446022983c0e0e5'),
+    ('\x3a3eca2e7154191197d58c67f13de0d0713975a4'),
+    ('\x3a40be0dab4a236b7c9aa946d414bdb0513cecb0'),
+    ('\x3a42b04a29987f45721b588ab8def37a0245382c'),
+    ('\x3a4322a60dda95415d3a9e8d7b7879e99b3f5b17'),
+    ('\x3a4546e28bb561e0fd873aac7b4b135106df0660'),
+    ('\x3a493e38c67bb2496943a2b5f57fc42a16208ae3'),
+    ('\x3a51a031565c93fb9eba4c01f6bcf6d63e24cf6a'),
+    ('\x3a59ea845b4e37b4e9ed393fc01e66f07cf11ba0'),
+    ('\x3a5b266c15654e6ffe1b3a1c33189dd134466d35'),
+    ('\x3a63b195d6973139d719f774fffc3e8744bacce9'),
+    ('\x3a6e1477f322368c7ef363a0779d2981b2a669ff'),
+    ('\x3a7513e8ff3ab2901c95519ebc9da39eeca0d750'),
+    ('\x3a779bc4c4062a9b2158a99b2767501ebc50d690'),
+    ('\x3a795f22cc10c72652573659206c0cc931c4e1f6'),
+    ('\x3a79b9ce521640e17add007b1e11a221a53923e1'),
+    ('\x3a7e7fd88a99d7947f7471b74e6853e24e5e0153'),
+    ('\x3a8045bd9d17c1792eb7f01b655d8faaaf925797'),
+    ('\x3a819f842d3226b3765bac66b622b4469d090361'),
+    ('\x3a855e9ef8b5d86d3579924e3b68a2c2a770dc77'),
+    ('\x3a879fbbcfa36daed23fcf3c82da26468e3c4b85'),
+    ('\x3a89f18eb564ab26c546a80e728e9106901993eb'),
+    ('\x3a8b2596b11b29e14ebe23b6ce28e2c90c4fd524'),
+    ('\x3a8c3d11c88bd3dd54ac6d3d46e57148126bb7f3'),
+    ('\x3a95465885562a79405da510a690397a33ed484d'),
+    ('\x3a996d6d9fc214c781f8d39fa967fa6968cc8a2f'),
+    ('\x3a9a74c6eb1097d4393ddbaa08e1c493f62c9bcb'),
+    ('\x3aa0476976750db08eae85a59cf166660184f3c4'),
+    ('\x3aa1d25c564cf9620faa56abbc95cd0c3ae576ab'),
+    ('\x3aa248329a63cf09ff2ffb0d64bde4d7993861fe'),
+    ('\x3aa48cb2a4bac1a5adf7b2cc5f093cccdaf68f48'),
+    ('\x3aa899573e5eeb92a84e966170b5ca498360b2a8'),
+    ('\x3aafe3f87f98bca44a498c58f5e64e1339bbc06e'),
+    ('\x3ab47da0f27fca69c4640465f98708e3c14721d8'),
+    ('\x3abdbea7fbb735a7efb9a0f6005ccf335e237486'),
+    ('\x3ac27d075ca2e848e063da5d13061e8e625021d0'),
+    ('\x3ac51c9871b6d7aa839b5f75594fb60fde910fc6'),
+    ('\x3ac6fae0dd293fc396f0960777d09807991ceafb'),
+    ('\x3ad5b26b0f0b02770ada8edcbf90ebf4e0daf9d7'),
+    ('\x3ada58dd1962e15fff6ab868871a8d4b81f80654'),
+    ('\x3ada9367d3e4964d4cf175f46ba7072d29b86e59'),
+    ('\x3adfca7f0a028de9e54bc35af0fa66c493eb3434'),
+    ('\x3ae7113e6c80f2759ed69dc06ff101791f0b108b'),
+    ('\x3aea3e1e27a09b092264717a362e81f0a109b0db'),
+    ('\x3aeb8470ac9ea6e5d44b48a208886c3796f53ae2'),
+    ('\x3aed1bf9274cb2757dcce6ddcd736be86d7b6b6d'),
+    ('\x3af100a7f3d7cc93e0ab8074a9283a8db6e0af10'),
+    ('\x3af76780d35ac37b0f268bfc4a78d41222225b51'),
+    ('\x3afac9c47e6028e1dced9cf0e89cbd4bb7cf722c'),
+    ('\x3b04118d0337caee6ad5f8c3e7227b56fa4f41db'),
+    ('\x3b07dc3ff2edb0ecbdb11fc4a1d4da508a85dae8'),
+    ('\x3b137d8d0c92c1aa2dffdf36e22e48aa40547357'),
+    ('\x3b15f016b9da66579edffa03e182c1bbdff0581c'),
+    ('\x3b1d64c6df47e1f60b62158b00a9fcc94e13fbea'),
+    ('\x3b1fe0141eaf493966653cb4c5c0491887167f0c'),
+    ('\x3b2172c9090b8e5930c43b3e835a0408ccdfbc00'),
+    ('\x3b2a3e6459b43e527df029ec0a406ac90d4aa3b8'),
+    ('\x3b3961c202dd4571df4baf51105c56134973a816'),
+    ('\x3b445745096ffcb1d2cc13038e3c65341353ff7c'),
+    ('\x3b48e684a9318e5d57ec23b44680e95f3eeece97'),
+    ('\x3b4b5372e3f25d8c84de87774120e778a234e556'),
+    ('\x3b4d755985279c0be013fbba2ef6812ecc0e8755'),
+    ('\x3b51751588cbd410327355f142a41b575684bc7f'),
+    ('\x3b51dd3476b645abc12f6739ddcf3a0471567b6b'),
+    ('\x3b57394229c1a12c5f909b7883eb6a85a3a0d8b9'),
+    ('\x3b5bef35d2b1ab8c80f4bb5ff87aea1c2f18185c'),
+    ('\x3b60966f6c97c72bd8f7cd9aba3c55b3bad97a2e'),
+    ('\x3b60c518455dd169159107c8f1f3d265c640924e'),
+    ('\x3b6b8e145e98fc8ecaab7df4848255fc41e8626c'),
+    ('\x3b7ac82b8c97b393df4dfe0fddf32dda408ea581'),
+    ('\x3b7d61bfbe58909c55d8cd45c6259b15529135f2'),
+    ('\x3b8622f67bffda70fc2d7f6ff2f2ad6f3078fd08'),
+    ('\x3b8762e6d7b7774baedbaa9d3f7255ffa4511aac'),
+    ('\x3b87843bdf70a98c33a5adae9cb2f0ec0d416a5b'),
+    ('\x3b8b5deed94e9c88fb6bb78351b1d65bf442908f'),
+    ('\x3b8f02d40e93d8f9d7e88535017bd0ed642f864a'),
+    ('\x3ba7612943300f9f8f09f8361a21269f7b54822a'),
+    ('\x3bad46c3cb79364b04c463dc0dcb9dfa1c926be6'),
+    ('\x3bc01c87a02df689ecac7f7bc2b2b4a98d58d5b5'),
+    ('\x3bc45aaee7d183dffb972cb429bc3326cbf3b629'),
+    ('\x3bc58f31d2aa8e56fa64b0d8bfe4f55dd15d3038'),
+    ('\x3bc6b02896762edfea8a8b87fcf979a0b6c30786'),
+    ('\x3bc9d269f5b019e42c01bf114d6f245284b1832a'),
+    ('\x3bcf53318d904e9bd6655ec8edbe40eecaf9f551'),
+    ('\x3bd236cea76d0b10371abbceaf3c7a4a4d1ffb51'),
+    ('\x3bd26cbdfcb9bdd6f7732a6da64f8fa608eeb739'),
+    ('\x3bd6612fa0bd87350e578bab65f2f9d55c231a48'),
+    ('\x3bdb6e2c1f347c22b776323733ff1f78d7f9fb4f'),
+    ('\x3bdfc54f8c19d0b019175b271e176c9ea24c1e9f'),
+    ('\x3be8de3ac7c33fd679d5fd4f6709a6fcc4d21bc2'),
+    ('\x3bed2d9408615d769c0c99ed333a4ed09189339a'),
+    ('\x3bf511072f8dacb8bd0374fa71d6269c887d3465'),
+    ('\x3bfc95020f0b714a6e7ff45353ad144663bc004a'),
+    ('\x3bff5eea00ae7b1b55894bebb9269540ac4ea0c1'),
+    ('\x3c0cf1ff535622b1d906139b88de30c272c0655e'),
+    ('\x3c12dc693c2ddeb3b74d968991ad44c4b330d499'),
+    ('\x3c14e35c6b90b60f2363303f5ca83ea036a1eece'),
+    ('\x3c16f5ed84714c66a6268c4832a5593e4a5bead4'),
+    ('\x3c1bbd0aea99ea845b7d7403d60bd8019575ac7d'),
+    ('\x3c1eca5beb869dda9af8478cea3715e26a53ecce'),
+    ('\x3c2014d5354994e8e5eaf449656791bdfc85240a'),
+    ('\x3c26a84dab9a54ea1bd458717697d9816779899a'),
+    ('\x3c2a5b341e11359ef39f349aaf6e101a0bca1b13'),
+    ('\x3c2c34efa814817964a9f55e47265bb175a8d96b'),
+    ('\x3c326701f201e878652be9a583d1b2133e6ef7ea'),
+    ('\x3c4409047316986de71cf279aa8d8fdd6724f49d'),
+    ('\x3c456ca874ebeeb8102330acd4b5380718f353fd'),
+    ('\x3c47b4ac41adbeb700c850778610374686259a17'),
+    ('\x3c4f6f80fc6bcfea38d985582af5215effaf8da0'),
+    ('\x3c4fe4b9b1e4b93e35cbc274832ad10e09c990ef'),
+    ('\x3c54a1a614f88f38ab55bf2455d0e104c5b32c1e'),
+    ('\x3c554cc44252916bca8708eb5d594b76d27e9ff6'),
+    ('\x3c576d48ee5e4146b1f7ad45d9e98c8e2e0e5a61'),
+    ('\x3c578914c27e6bf95e97995e009a820b5ca68674'),
+    ('\x3c65de948ca580d4df4c23aa725811cd7afb7dcc'),
+    ('\x3c68e16ad11c8d9ab032e81d42d735398502b478'),
+    ('\x3c6b511da1c18c91ace63211197ef1e74465032f'),
+    ('\x3c6b6c2af4f2075f80406ae560f1fb3a7da2b727'),
+    ('\x3c71d7e6894f3cfb331987c5ad36871791d1e7f5'),
+    ('\x3c765a96c5b64dc7883ca21a2149140f66aecbd9'),
+    ('\x3c8d208d7c194230f4027aa6faa4fa471924dbce'),
+    ('\x3c8f104ea06d55953b650b15174e83e875439fef'),
+    ('\x3c9b9882b822f720cf0a4022ee10d860534bce9f'),
+    ('\x3c9eab127ed1ae9cd84c41a0059b006b3e65a0b7'),
+    ('\x3ca128d4920a4a82a6865f66c502532dd77ab241'),
+    ('\x3ca59d34fe4fee7eda1601ff427ba880e3a872b2'),
+    ('\x3cb19f1e9c1a2be94488d90884f2f34e618c5ee2'),
+    ('\x3cb28ea14b91998e073006bcd387d01984759bb9'),
+    ('\x3cbb97e88a4cd261a92ff6a7872d89a32c89bff3'),
+    ('\x3cbfb00afaf231996a2ce84132698910a8ce5df1'),
+    ('\x3cc101a74f587d603bda3ac17a24d42d3c87d99b'),
+    ('\x3cc1ab322b74b13a881e95aad00bda39c6073e20'),
+    ('\x3cc2142fd1ba12645c0789a050334f3c6aac461a'),
+    ('\x3cc54c5184ad84cd5aec26d3be434e993f8c5a0d'),
+    ('\x3cc96395b6aa13a88563f61b4a98053e37a9c0dd'),
+    ('\x3ccd639fd55d43d699d33fe40eb46fd028322ef4'),
+    ('\x3cd5a7950f24c474ac13c309a4ec1160ab45a5ec'),
+    ('\x3cd701a930e914b898fc536e6d23a64e8d59d443'),
+    ('\x3cdcb3cc0e911778ceafa83aedc4fd7e3b180dd2'),
+    ('\x3cde76867a3a43c59509f267c6daceedc312d818'),
+    ('\x3ce3a9d158a4f8c157173843fa972054b72aa58a'),
+    ('\x3cecb4634f8b93c04cc3d0282d731cf6cde89601'),
+    ('\x3cf20d57b0b8258463711cedd592007b0b5cdfe8'),
+    ('\x3cfbee96228755ecdd8ecd052796ef189e013511'),
+    ('\x3d055e45998316912284d008790a8f2b44410d11'),
+    ('\x3d0711aedbc03b2766c3c5bcd6281f3cc2ad5240'),
+    ('\x3d071634f313202aaa1264fec1d59255b23b29de'),
+    ('\x3d0a979ec6e2626dc6e1b010cb68847c11b64928'),
+    ('\x3d181ca6911dfd6380fbadfb17cef6c3b9f2f4f5'),
+    ('\x3d26e5045bcab65b232d168bbee9d958acc47a83'),
+    ('\x3d2751a16ee0180bb188ebf79a1a22b1ec6f69fd'),
+    ('\x3d2ce8c9dc8b6ebffde3bad957f133b08c655ef7'),
+    ('\x3d2e5d4148bd7b55c290f183365a0627379eae30'),
+    ('\x3d2f216d50fb2cc440b31cfa4dce579339bc632c'),
+    ('\x3d33044398215b1af6ccfafb585cae4a24b31b74'),
+    ('\x3d39d0cc823fd67a51628fca5b421aa568084659'),
+    ('\x3d3b7a2984aec7f247680b1fe7296700cd2a3e45'),
+    ('\x3d3cc10792e4b8b6395d706ddf6de0b01f6c3b4b'),
+    ('\x3d3d61c4fa52b818aad1b406122c757c8888c79c'),
+    ('\x3d4c2fabbc29320298c9665fdc40242cb92664c0'),
+    ('\x3d4c96de36f94efadb9d3d8ab7c478f8ed5184fc'),
+    ('\x3d4ce65dd7930b138abc00775abda9d7edd51636'),
+    ('\x3d4d2d132e01ca6c4ac73a904c4f54a7af13c7e0'),
+    ('\x3d4e48a1e495142e6cea165ac9c9c1ed52d73e52'),
+    ('\x3d4e6fe2f9f5282806cda0553d3ab321605ae37c'),
+    ('\x3d52eb37a3f442151c43d99a68d650a9051b640f'),
+    ('\x3d5d3fa4d4604d905eb211c51fab7dad5a3b53f8'),
+    ('\x3d61a67bd3627ae28d5ef7e55cd34835c65a43c0'),
+    ('\x3d6357d6d944ef8244a76cc705f594e7b8b783b1'),
+    ('\x3d648035d0aca2dcbc460b7856d5ef257d4b8478'),
+    ('\x3d69d9618e63ce82369b696012ecc5b1dee22ea5'),
+    ('\x3d6ba743d21803919a61cabd08627672960d8fc6'),
+    ('\x3d76a397b0a664c06ff49eb047e476d66923118a'),
+    ('\x3d833572ced6a79f3d2cb6963312dfca249b3730'),
+    ('\x3d84eeb235ed8f13848aafb7035670a3a44fc933'),
+    ('\x3d900ae25f0f94ecff39c0e28b6fec9d5b32fb71'),
+    ('\x3d92444f210d02433328b476c1afa8556de71324'),
+    ('\x3d9cc065a66f56d8ab83662c2b67bdf7589aef8f'),
+    ('\x3d9cca45c0413e3c2962f53f331325daa9522180'),
+    ('\x3da55a7829f6822732785261f600cc9c4efa063c'),
+    ('\x3daae0fd5fea9e7e730942ce5b487ad33b2400f3'),
+    ('\x3dab9f7ba6ddc5bc88b12f35827e5cf6b95760fb'),
+    ('\x3db06b9fbb7dbbe6d4a058b58eae72e0c53099e0'),
+    ('\x3db4258173dedfe8fdc62eb505bbcac58fc2f19a'),
+    ('\x3db54e3e49dd44f0f8a523adf840dcf653f489b4'),
+    ('\x3db64d159acfb75dededa6ee309e75d9a843c36a'),
+    ('\x3db6ca58b17aa5c5f9e8cb1431d39e41e743dd80'),
+    ('\x3dba6ed37e7aab3ba28badf81d19b937db071f3a'),
+    ('\x3dc14fd82febc72a78f7fd4da93b5d76d3aea471'),
+    ('\x3dc1d69f8a2792ae3c21debde96c4443f67eae19'),
+    ('\x3dc59711e7692e9e65c45841247f68799c4080be'),
+    ('\x3dc5acf1d5411a5cc7ef15aace824228789f712a'),
+    ('\x3dcb0a7e2a596e4d098910c2fb6896996419ae76'),
+    ('\x3dcecba963edfcc5755c52d539164a1e0152f473'),
+    ('\x3dd1a8ecaa63e37a383b213a7708d597c62ef995'),
+    ('\x3ddb202e2143f9b0f05bda9f5ff8e990df8cc55b'),
+    ('\x3ddde169a1bdee9fd243db4df5a705af413f77ba'),
+    ('\x3de44ffa43c1f8c8b97ff7a2ba1380b3d5128edf'),
+    ('\x3de8b5a2c10d75fe7a490564189f2c555b349a18'),
+    ('\x3de91239683669a7198d131e0c2a612e02f3ad99'),
+    ('\x3deaa9a0a10533a0c5f4f5a83ad3fe1a425406bb'),
+    ('\x3deac96eea87a212be36a8b2c167de368f4b2348'),
+    ('\x3df9bb22d7f49e2957cc0077f12afe209fd2488b'),
+    ('\x3e0999a9e3d8aae7dd31fbd31e3097b09b401106'),
+    ('\x3e0e37a397a37d0dabe7c1a052a067443940eefb'),
+    ('\x3e0f474714416eddb651b88c7de50713e24f93c0'),
+    ('\x3e0fb59e30a1ae071a7dac64f0cc4d493017bd74'),
+    ('\x3e1282463032b1e30a2e36c89097d7e460156310'),
+    ('\x3e12c74493c7a2fe64f5e17625826508df2e42aa'),
+    ('\x3e1420a71c4bc6bc28272a03e1357fdc28f3352c'),
+    ('\x3e17ec70b16c9a7264724e392e45a281c89d1b4b'),
+    ('\x3e1f34571f860297284188baa8ee96ad66103c9b'),
+    ('\x3e24a022c5f2578ac438e7a52c10e1ec52691190'),
+    ('\x3e27aced316debe419546e41d260c1c5de62d464'),
+    ('\x3e2ab1b438a3c7e6d48613d649f4552789a8781b'),
+    ('\x3e2ad8b62be4c80be3bc0c4e2ace093765c1dad5'),
+    ('\x3e2c2b4089dadf247bea0ce8711a6e3a50b99b99'),
+    ('\x3e2f991b88346dcb0901e8001e2802a51c02585b'),
+    ('\x3e3502a7c92254ce7c7e732771251f0a131d06f1'),
+    ('\x3e3cf83370d62062a1d8ca2e30c640db56528a57'),
+    ('\x3e400f5af79b00b54df2b28de3811de72bfe1816'),
+    ('\x3e461592a88fbf5ce280ea09985e285be6937290'),
+    ('\x3e4750c0dc80572f6f84a6b069c8c33f29c60d2e'),
+    ('\x3e4e4fd372630d7ef18bd6706f29e3f7cc09c403'),
+    ('\x3e4f4d0319cec0abff282fcc981c69205d47ab30'),
+    ('\x3e5539de6883bd171584c52abffc2193628481f4'),
+    ('\x3e5ed2f7cee6fa637d8ff522b09e55d0387f2a4c'),
+    ('\x3e5f4becd90ac5559ecfa9870ed7042ee0a8e706'),
+    ('\x3e62fa06c9ea31906884b446efec41309d6870d9'),
+    ('\x3e64780cf29b389221c72727deb4cae6e019f445'),
+    ('\x3e66610f21768e670ad05ced17ba5c18bb530923'),
+    ('\x3e6e2e76134cd6040a49ccf9961d302f7d139fcd'),
+    ('\x3e74ac7d5bf8fe415b13652298a56a5a51f8ac8f'),
+    ('\x3e763ab0ce6d085f57d75b4790c6652b23171d78'),
+    ('\x3e7879a48617510f29d26ccf9df93d126899ebb9'),
+    ('\x3e7a50e68a9d450d97093d6057f1bacf906f5fbb'),
+    ('\x3e817a3512fa07a626da7c9964c31d36d480975f'),
+    ('\x3e921e563971f5885f5bd43a442e3084980af211'),
+    ('\x3e93c85a52526203e29ddf86b2abd714ac2ed850'),
+    ('\x3e93d3245ad81df35044c07b92d0a78c00900e7a'),
+    ('\x3e9cb38bd2971eea9ea251f50162d7d3cdd5dd4d'),
+    ('\x3e9cdb7b414300af50ba4675eac6b78523428c48'),
+    ('\x3ea38f27932851526de3df6382926b0a3c170d94'),
+    ('\x3ea78d9321bae6854435fd254f6c1d7978f50f5d'),
+    ('\x3eaac4de6d04643f8b81a08d204d77bca159c074'),
+    ('\x3eaffecfcd05ee9817a6329985606494a8841f7c'),
+    ('\x3eb0f566f48727cf3b52fdc5311f2a160a8adf53'),
+    ('\x3eb2c8970d4ae41bacc7b9b769281b74a09a14a9'),
+    ('\x3eb87f3e617becb86c62400148e318b7cc4b7cd8'),
+    ('\x3ebcef7ecd0ef53bd46e0145723c64e7383370cf'),
+    ('\x3ec43ff74adecf735812b07b75ba080d3d291ec1'),
+    ('\x3ec6894a1b74196ee94b0587512dbc30d0a900c2'),
+    ('\x3ec9099e87ae2edf2a7668eb81c835a8faa6acf7'),
+    ('\x3ecbdc55fe0206f72664648c34f423396ea23300'),
+    ('\x3ed141c1659badf56964bfcfb3beba49acea6f42'),
+    ('\x3ed92fb05848a6d2b9f07a5b7a30ba22ae24c8e7'),
+    ('\x3edd1a61b44ff2bf8fe743c08c746dc986d463bf'),
+    ('\x3edee9d8ab795dace5ada1d30435d699a64b3115'),
+    ('\x3ee414ad40b0d1ddfcf67cedfb76ce625bfc2ae3'),
+    ('\x3ee8a3d12d717e10001a02a8cc2d90285220177d'),
+    ('\x3ee9c076db9c8d4c6821a4ef36d26971103f0117'),
+    ('\x3ee9e4b717e797f21684580b754c710ed29fc32d'),
+    ('\x3eeaf89ae8e7bddd1e8b857123f3bd1e37a2c27a'),
+    ('\x3ef0c9841866863b2331e30f0cfbf0510891ec5c'),
+    ('\x3ef530980382289ef3204d29515760eea37de686'),
+    ('\x3f010091ecd7958c9dd521b3e955411651cbba8f'),
+    ('\x3f03dfb1f6e7f43ac6b9c69ff9b232c463d57f5f'),
+    ('\x3f05f338e0ee80d8918e7bcba9c4983b746b36bd'),
+    ('\x3f0c08ba3ec18a230535643efe91a5b23805263e'),
+    ('\x3f0f94107fa63b5ea5776016e169bf4a0e8055f4'),
+    ('\x3f102ebd5aef1dfe0d8b0bf53958d687b1e9fd1a'),
+    ('\x3f16af71969eb57b09e7495ea4a2ef77c2278878'),
+    ('\x3f1b8489849fd9eabe2e430795be04d0d984e36a'),
+    ('\x3f28eb12e9c22fbe42d52ec123365fa18375af45'),
+    ('\x3f2ace6a495a9686d963c43f1e36b55a383a6f97'),
+    ('\x3f2ff2d6cc8f257ffcade7ead1ca4042c0e884b9'),
+    ('\x3f36a0de79929b677e5920f2c1b4762376ade148'),
+    ('\x3f38ace8390e76bbb095ba0e18b18d7974c3f202'),
+    ('\x3f3a4109f5ee741e2fb60bfbd59b86b481d16987'),
+    ('\x3f474340de0055bb11980ac4b719048567ff2af1'),
+    ('\x3f48a8cd042ccad18abe0dcd8eac0fe8c07daad4'),
+    ('\x3f4c5ce2f02ee5ecaf6364442a03bf34cc2d1a9c'),
+    ('\x3f4df1eea009ab6884b149ed068ed625b89ffe17'),
+    ('\x3f4fd6bba23e432e8183451aa992abf2cba88e34'),
+    ('\x3f533cb1deae31c6d47e7e9ad0a6614ae71e23d5'),
+    ('\x3f5ba6718e0f3143955f2ecd297a2dc913c15f92'),
+    ('\x3f5c20896d1c62ef67e8c159a287c1e052fcc304'),
+    ('\x3f5f5dbed864db4116ad6d660b75d58b0a99b1e6'),
+    ('\x3f65fdbcaf449f73faa57e2eb15c5759c655bf65'),
+    ('\x3f695107476f8297be69db480e23526caa3abd60'),
+    ('\x3f6f0be947bc3a56a4e62f5a0cdc90ced185dd21'),
+    ('\x3f6f8c3bd304ef9e63740ac74392fb86aa36cd97'),
+    ('\x3f71f074604a1787c847af4cffe7751f08173621'),
+    ('\x3f7319b305be7a2c114245ed9d5f5b16976c4812'),
+    ('\x3f75c8d78bbfc4fdc462ce0d859560ed35d18418'),
+    ('\x3f7f06c57cc545dacb588843be968d6009b3890e'),
+    ('\x3f832607fe68ed70f38e1f2613e569510604d51e'),
+    ('\x3f9361dd1d5b54457ea06064fe17da45425e410c'),
+    ('\x3f960f28fbe5abacbe571dd699987304b7ff5b05'),
+    ('\x3f9f94809f3b69259309d09b9b934489a97dbd5e'),
+    ('\x3fa9852e0e8b639fd2e2bd61b7688c3e0512bd55'),
+    ('\x3fa9a6e0f86d37dd8d5afebcd2ba6cc952974abb'),
+    ('\x3fad79f1d37b6f11e29eae454d1ba1d5f6493b32'),
+    ('\x3fadb1b91ca75fcde41633b04bd393ae93641b98'),
+    ('\x3fb319911de5ddc70814de6f7f7caa1d84fcf62d'),
+    ('\x3fb63a88301192c6b05f3d8cce47b164bd815e89'),
+    ('\x3fb654f1566b2e20ee7eb5639874513ebc293600'),
+    ('\x3fb753d08a35da86711a6bbddec80c1c3b6d09ef'),
+    ('\x3fc75b15775b28e9df6cb90b46ba46d46f257b14'),
+    ('\x3fc769a9496d84f70765a6bc947a27078995efdd'),
+    ('\x3fd12fbab954862be3b63bbedd66057909f58685'),
+    ('\x3fd7535eef2fe5208ff83f50023c58b1192212ec'),
+    ('\x3fdb7f0e6b2c83e1b46996ad3a7aa2c13ef2f702'),
+    ('\x3fe905c9fcd7bba2bedfbe2a74d6cd01797c28a2'),
+    ('\x3fec0fbaa243bda4fda8811282e412f88469e055'),
+    ('\x3fec9cbede6357bc3bdeb3e47d42628e7e39f489'),
+    ('\x3fed399237f33d098f693d97810abd5249f8320a'),
+    ('\x3ff006b8261285631ea45431e79010fef4941c5c'),
+    ('\x3ff70efb4e6af48791af122d1bf672c18009c307'),
+    ('\x4000e173a733ee8b6bcdac2e46a26ba37963e1f7'),
+    ('\x400460abcb0acd784fd8757d905422e3fa04dacc'),
+    ('\x4004d3eed3a5598d0d29d352e5bfa8aaf28f2a22'),
+    ('\x4013bf88a5e7b4e9ca4f8e53774d4f0a1346b52b'),
+    ('\x40191c203e4422f8ea903cc5aff0382d4db27847'),
+    ('\x401e34ce33297a491aa923a3b6f760f9417f92ba'),
+    ('\x401ec0f36e4f73b8efa40bd6f604fe80d286db70'),
+    ('\x4029e67aaa879f2c88fcb06200e9a0581fff3f8d'),
+    ('\x402c2ea9a2cbd24693e85b6119845a5706821ffa'),
+    ('\x4042288cd3a102f0c253dafb9ae00e8f0eaef69f'),
+    ('\x4043fb1db0d2ee29bb7fa85b92f9d669497abd7f'),
+    ('\x404b67d14c5b0a8556478cf63b45c33c5058811f'),
+    ('\x4053b6ec2b529412dacee97bf5f5807ca9c298e8'),
+    ('\x4054a17b018c45ab9ac090816ee1720fce74a01c'),
+    ('\x4055ca3d38469c75df70bf14439f73c6af8b1b5a'),
+    ('\x405c95c56b3ea31422ed162eafd8052b74057bd4'),
+    ('\x4061ac486b3e03c3aab5124fb1c0d2789f512e67'),
+    ('\x4063c21348f3ec0c96c504b9ae7e33d6059fadf6'),
+    ('\x40651268c1271ff720e52dec327da4ef7713ee12'),
+    ('\x4066b76b5942802561aec3942bcbceaf0b4b3e2d'),
+    ('\x406bcb19b3ba4f31f6cdea93f03ea82038ce7ef1'),
+    ('\x406de0600982e2656b764e1b648ef4b1d9de8e72'),
+    ('\x406ea23041426c40688ec12321f662065435045e'),
+    ('\x406f53c3d6124c5454ea19bcbb8af017a96d9596'),
+    ('\x4072f2af2680c66d62da89a3ec659e254ec30974'),
+    ('\x4074a32b458e0b731555b6d95ae7634cf11180b2'),
+    ('\x40760004eb39c6ceea8ed6e5d303f481a82e5787'),
+    ('\x4078dc65193bdf2a7f99da2629cbc582a96b860a'),
+    ('\x407a578d839a65b9d12e6d1e1243608a16eec276'),
+    ('\x408247397c7dda35e57330f00a3ebe4f33bb68d4'),
+    ('\x40840e4f7d013efbfa8e783132f83155ea93fa41'),
+    ('\x40885dc32c7b6f00520cb52f7428a72495cda397'),
+    ('\x408e058ba6812c70cc243f5f268058f7ad6aa585'),
+    ('\x408f9dd141d2dfcb9cf828bcdf21f1ed3f6b8270'),
+    ('\x4094ff9202decf8a5ab9217ea7830755285edf71'),
+    ('\x409dc6bbc6755a530484f9f4c8b2f83874b7f034'),
+    ('\x40a3e3b480604423b7348e7990ac587a527e0ecb'),
+    ('\x40a771cafd1bddad442302788a4859ab045e96a9'),
+    ('\x40b6a3755764f30c1384ad7d220c5066f683b2d8'),
+    ('\x40bf2925af1401c8c932209e9644f571c9094168'),
+    ('\x40d86baaed5da09b771326634051b541e2a4390d'),
+    ('\x40dcfe6aeda91d36f9e35480db057924f832ceb7'),
+    ('\x40e3cac97aa5792c40e95ba11b09951e701445b0'),
+    ('\x40e5699ae1afc5ea21518beebb0abd4ec47fb75d'),
+    ('\x40ec828b76f14097e191286ea3b6b81edea46aed'),
+    ('\x40f4a54a23608f8bd6f948158f243df406417419'),
+    ('\x40f80ad4e4e5753a3f139d00a52762f075637899'),
+    ('\x40f891b19bdf1a40863d14cdcb2fbaa5d7c848f4'),
+    ('\x41011801e4fc537264cd2ff4dfe405175f06f674'),
+    ('\x4102881c2c51c36d24ff05df234f93198774f07a'),
+    ('\x410333c364e95a1dcf9697b9df529ef838c7c9ef'),
+    ('\x4106370bf0d4290a0c13a59b07a2d31a1bddc7c7'),
+    ('\x4113115d6728fb2a30095b3289dd8867d27e838e'),
+    ('\x411655b0241f9d979d88657d6993019bccc74519'),
+    ('\x4119140c9ae3b454c551b9f938175f2bc38e52f1'),
+    ('\x411a68865e075a39fe900122715b433657a30804'),
+    ('\x411d2a6c4d304f2b0dad3a7f7f275f34ad036b4c'),
+    ('\x41264e41898f10186b7c5fd7e169b2033f89ac0f'),
+    ('\x4128d600b2583a12278ebdef93d6ea2f7acf6622'),
+    ('\x412ade27abf7586eaa8ccbebb360f2132506eef2'),
+    ('\x412d5dacbb0bb90c1b6a718b89c8356b7c8d5dbf'),
+    ('\x412e2329452a4f62b3f3ea903176b0a8a817fe16'),
+    ('\x413bb0f06f619468313a5d77054f902930d0d9b2'),
+    ('\x413c7baaf2b33037efb1c16b61b9c9fe59461769'),
+    ('\x4140ff950f65afcdd17c08da03d49db2aeb62f09'),
+    ('\x414504a3ce1792745ea54cb34da5aa2078329840'),
+    ('\x414fc9759ea84da135f022aa74481adc645dd8cd'),
+    ('\x41607d39ca88cc52d50124c35f9b7ff24cd8b0e0'),
+    ('\x41622e728fcdb924bcb13b57ebb8fc909b1f8b34'),
+    ('\x4169682eef8818170d4a482e3d3cc0c63e0633e9'),
+    ('\x416d682f12e1ce9c314c9416832f4a0154c481d5'),
+    ('\x417036235df07e10e93a1fd21a6699c4e80a2051'),
+    ('\x41745420d7bc31d1854b56e0872be2a410a14af7'),
+    ('\x417cb2f51aca2be4b425f2328ec2c625165b2884'),
+    ('\x4181423b80ed6ac0590f271957ac19005d402210'),
+    ('\x41839e59ad5ec3263e5e2a842a8d251b889e9b90'),
+    ('\x41855a796eb3cc1497524ac7abba9017a9f3c7e2'),
+    ('\x4187373d8b86f6f7cffa356c6d297da1046dd340'),
+    ('\x418cd46a2efefb5ed541ba8cbb5e7d4515a2888f'),
+    ('\x4190fb301aa0d964670706a587735a10b81a0db6'),
+    ('\x4191b887ef579eb7a13ada94ffcc6ac48e84fc0e'),
+    ('\x419293f34cc579ad2b75b1d0f088233494361e7a'),
+    ('\x419372a004683af3c2f2abd363520e4b0df37f00'),
+    ('\x41938155953c7fe5e1578a513dd494016723a1cb'),
+    ('\x41944ab161470d6ac63f9380bdd66214ab1e8252'),
+    ('\x41953f362083f996fae1558ebb4e38fa1cfc2f26'),
+    ('\x4199ea4a2775dd09b74ab6a6d73febc2ecd917dc'),
+    ('\x419b6c1940871b7631dbec92ef3c71c2c5a44eec'),
+    ('\x41a064ad49fca90271c57f8f6332c587747b8ff3'),
+    ('\x41a3dc56a16bf9474ec4e52c89ed2d206f8b46a5'),
+    ('\x41a45b5182849039b1718252953b7298601587d2'),
+    ('\x41a5e16835b46cecd162c079c7cf5f183e3facf2'),
+    ('\x41a908bc760425d9622b8cc23f3ce496eea452f7'),
+    ('\x41aa4940edd056f22c51e94bf12f63d13631b861'),
+    ('\x41aac04da398ad621e41429527a3830896d71fb2'),
+    ('\x41abe3916595fe450aef499ca3394be492926bca'),
+    ('\x41b096eef4462ec8c5d432f35763cf0b49a30f75'),
+    ('\x41b5ab519daf366aafd4cfe7254dc85e6ed024d9'),
+    ('\x41b76bc1ed1f7f38c782ae5c721f1121f9482075'),
+    ('\x41b7a0b03ad9e7e2cd6e078ecd4254ea8daa918a'),
+    ('\x41bb2baed2b8897e65f799241fdff63ff8df2d81'),
+    ('\x41bc6ba179f8f5073a88bc1dcad294a7cbf8c88c'),
+    ('\x41be4df7ed3e6af75eb4f8c9529794aa2d454c71'),
+    ('\x41bf7e16f14eb7cce05ba8fa6d59fdda547d97fa'),
+    ('\x41c0fff028c9df0964fddd1c9b15764fa6b8e826'),
+    ('\x41c4b7b98fbf5c10495cb3bf0a53b5e86d8e6cef'),
+    ('\x41cc1e753153e343a0ab73a341f545fec9eb7816'),
+    ('\x41cc7ff3f98bf595ee7f5ce902da07fef539e993'),
+    ('\x41d1d7fd26e62e3a3256649d0c2f021840353930'),
+    ('\x41d2f30a074304c8c3c428e01b5f03ec1be6c6d0'),
+    ('\x41d60f54bd4094768db891334d52cfabbff2495d'),
+    ('\x41dd0f4687f79dd70e2921d7cebafbcce9f64f37'),
+    ('\x41e21af2510ec33f8c830ffd83f23bd0369bfc12'),
+    ('\x41e50d4997832f7cf962ec546a8a0ba81933d552'),
+    ('\x41e6ea18cda3e89b4a823f26446d396b14eb8d65'),
+    ('\x41e7f362b63735e3f130b87eaef9a45565c8cb35'),
+    ('\x41ec8358e590d50c41086ca880584923e57f024f'),
+    ('\x41f1dfe3ee62df65788ba871fc8cfde3cee9de26'),
+    ('\x41f3e42d6eefb37fae8f02e7c99571c309563b98'),
+    ('\x41f452d022b0bd11b255b09c4bb29f739eaa43a3'),
+    ('\x41f7a2ec31c9383cdd1dc75867da2d2fda2b1c79'),
+    ('\x41fdd9a33e1ca0c29b007bdf56f6d22a2e63a958'),
+    ('\x420018de163389b1183038623207b3a507a5d636'),
+    ('\x4200911e1ec5d8abebd4b565da8192767751739a'),
+    ('\x4201f9de7c5ffe1a9f84a11544be4cce6a243723'),
+    ('\x4208051a2d34f4c599b6742129daaf2f45f7bfae'),
+    ('\x420b0201ff38a9c29773fddd041430bdfca8e6e6'),
+    ('\x4214a006718961d91fb5c59e641be4daa28f9d69'),
+    ('\x42157ceacdb1670358d26eb22db26f49a890bcec'),
+    ('\x42163ae852a363cb74a3de5b82c9b5275548bda7'),
+    ('\x421a7ed1df3d8bc36659a000a0f6eb651686f208'),
+    ('\x4228b33bd2bf28b6398a5ff6343258b117140784'),
+    ('\x422d88577fdf03b437abbf478b77e2d7a4fc99df'),
+    ('\x422df8bf354ceffb7557788b107982750ff78190'),
+    ('\x422e02504057d56c665446fa2d60b86dd9ed00bc'),
+    ('\x4231954be36368e2d7b53c152167fc3841431c04'),
+    ('\x4236ec52b009e9116431dbcb3d10d7fde635b611'),
+    ('\x423d2ca5ee7562afcaaf10e42f51d08b57828bc5'),
+    ('\x423e8cffdc19991211b2f9c6320c029ef9c6f518'),
+    ('\x42452a1492f12fe6b1d4b5315e3847d50d4c4686'),
+    ('\x4246453cd91e628aa8392a53d32b27c35f624540'),
+    ('\x4247995b278d764cc5949360a90be68034ac12db'),
+    ('\x4247bf4fa9c4e0cfcfffb7dc7124b90d7e491bbf'),
+    ('\x424eb14168cc57b2d1dd4dee8941b2adcbb8fa23'),
+    ('\x4252d065256bafe2ee21ad7ba2f5fd9e79b686e7'),
+    ('\x4252e493db3e5bf1b0cb607959c53ef9762e8c07'),
+    ('\x425e58c974010f9008f768372618f9a24512b5d3'),
+    ('\x4263ab1bb0b9ae6f8a3ae334542cfd9a51a18d0c'),
+    ('\x4267013e639ddffee6d7df91956700cd9609c6b8'),
+    ('\x427162672a7391df1c9bc29735ed94a07ca95db8'),
+    ('\x4271741e3b5bd34a24ceea4ef6f964a70c79bd30'),
+    ('\x42769d2d8e84a7795a60da2790ec66f67c992d32'),
+    ('\x427ce92c9742dc1889b36968ca355799ade610be'),
+    ('\x42829537fcf539d642de26def272fbf67b74e5fb'),
+    ('\x4285fe328a0120a122fa8cf0d7f9ed378fb95e14'),
+    ('\x428b3b1a5fb81743e1f5eec609ba89d13ce30c3d'),
+    ('\x428c22403f2efd45d6d8e4a45397a24d035100e1'),
+    ('\x428ee223b57f024bc3297c2677294ba24be036b1'),
+    ('\x4293d9ba99499f46487d37c5fa236ec7593d7e6d'),
+    ('\x429bbfaa0b57f5cc4adc7a42501f586947ed1861'),
+    ('\x42a1b5cd1d18db606d2138618f79056262baca86'),
+    ('\x42a79c233f604df02ff34edcb8b652bde4d25d95'),
+    ('\x42a8b2259608d2cffb01188265d40587c4fcfdc2'),
+    ('\x42c129c80129cb3405c807b19486672d1bd02992'),
+    ('\x42c89bd6b968517a02d4c014ae995bc394102428'),
+    ('\x42ca3a044a005fb4a2ebd177c9a511b96b2b38fd'),
+    ('\x42cb8def44cfcf75ed769a0565293a13b27ea5b2'),
+    ('\x42cbbff4bf5e5fd8133f40c6ddbde1b0a26024d5'),
+    ('\x42cca0670717a24a3ecd470bd0e61049cae94123'),
+    ('\x42cfebd87839777502f0b151612665d49f9e139a'),
+    ('\x42d5a2df037945dbfea307dea2d8b4953f11edac'),
+    ('\x42d7684573bee93510de20cc03abd6084d36a065'),
+    ('\x42da58c0155060d341dd29edb99a4a0d7517e915'),
+    ('\x42e02227b7569f98bd9d87201a752e3c3e08b2c8'),
+    ('\x42e277fa17cda7531a045b4e3cb08edaf475021d'),
+    ('\x42e974b7780a16e8ff311d5b8d982ccfd72f911c'),
+    ('\x42f99f08e88e0ee2acd295d497be81520ab48b8b'),
+    ('\x42fe7346c47b243bfda299b7afd759648b4cb14a'),
+    ('\x43019cef89d7994319f8a7fbc1225adbd3a58c17'),
+    ('\x430a5bfe2731fb3e70813957459123ed18677a0f'),
+    ('\x430fced85134f35c36420e8c856676a84d6c9e04'),
+    ('\x4316c84dbe4cadbbd3bfb3a80734a0726dde6f34'),
+    ('\x431c380cb599919d9fdbd19467477723e3b8a690'),
+    ('\x431ceb3aabe3ed30229a00d6f942723bf9ef0036'),
+    ('\x4322079f9b2492801835bfa9ef08af273b4751d9'),
+    ('\x43246dac612c4d58e74b41d1add39243c97a0ca1'),
+    ('\x4329f5b45c6ce13f19b3936d723a1d671f221b66'),
+    ('\x432f981465d404eff4d753214b192f8f27e3f47f'),
+    ('\x4339322578126b48944bd775178689aedd96dccf'),
+    ('\x433faecfc1ab35fa8ec0e3f83c347488ea526ae5'),
+    ('\x434206a7612e3155c6a5df689e8c1cdf8d454932'),
+    ('\x434207ad3d8e6057a0797a3eb565e50f5bd03a62'),
+    ('\x434a6fc7c3916788df76678dd330c4be6ddb5829'),
+    ('\x434af705fe14c45554f438c6c26f1f6b17507a60'),
+    ('\x434bda294f0436ef8f3d3a42db6ec3cbeb0abef9'),
+    ('\x434c83435aaac176b8d2949330b636468fef2c07'),
+    ('\x434f838efaddab136d81d76f670746e8d79f9c13'),
+    ('\x4350054a6ea107f449b7491505246db1de824ecd'),
+    ('\x43514cd4a6ca1488861477f207076027fa1d505f'),
+    ('\x435c1cfeb4c8a6c6e4a47c632360f8c7a7fb631a'),
+    ('\x4372d1f1087ba0796f270f8437df0d9415f33291'),
+    ('\x437b029626f5e572363d923707c6a8d200d5ce60'),
+    ('\x437d2335e2a426d0e6fb3fa029f9a0a7bff696ad'),
+    ('\x437e2cca647e324e680e02b4eb1fc61678666586'),
+    ('\x437f8e4609177f72f8222facfc949ce2b701fb8c'),
+    ('\x4387a2a6be56928f866f2a871f0489a9e7426b2b'),
+    ('\x4389fe6bbca48597da20898c171182f183644b3b'),
+    ('\x4391cf97dcb12b6fc807480b28ee63644ef71040'),
+    ('\x4396042f3e18429e649e81caaac090c67610e40c'),
+    ('\x439cbc36300ea32885e4c9754500c98dabf62485'),
+    ('\x439dfd6d3f299378f7bb18a7115d867be7d9d510'),
+    ('\x439eceac7749566ceb6eaf5f55ded6af3aef57b4'),
+    ('\x439fde7dcd454161819e50cf430ad6b2418856f8'),
+    ('\x43a7b77f7130b0e2631eae56ccfbf54b6a857938'),
+    ('\x43a7e85006b8473c77d9037eaad5eec0e4a70cf7'),
+    ('\x43ac2dca3182248da0148a9e8458c2bfd8e64ae4'),
+    ('\x43adff127f3c828cf6560fcb150f6be952dba9f4'),
+    ('\x43b17704e2b412c8671afd176bc0c0be10f57b93'),
+    ('\x43baf79eda7202c8954d58a7476221e6f04257b7'),
+    ('\x43c79ec45a745a2fb79ae6bacdf7521e9655715b'),
+    ('\x43cba3bd1bc693f018d807f96027e565bca13a6e'),
+    ('\x43cd5bcaa843c944117ba10e8136b7ee937f0ed8'),
+    ('\x43ce2a83a650d04c0ea9d0bb124ec8c511a552e4'),
+    ('\x43d1119c499d6b31353f06a56dd4246bf2aeca16'),
+    ('\x43d5415bb4e49389ed9bdcc6cf60d7f368016560'),
+    ('\x43de0396dd47034cbf00630f1b0227b06bf660c7'),
+    ('\x43dfaf5f88db8a2e7eb6b2b4a24c0a7d2347a378'),
+    ('\x43e0a73fb58d0ea21b43c57ba7253bb47d35ea62'),
+    ('\x43e172b6444e5396e59dac529ef4931a7dc32ee5'),
+    ('\x43e24fad9911cf76091b0aab34ecbb372a18ac35'),
+    ('\x43e388f61f356d68c428c06638d25e5917a24856'),
+    ('\x43eeab757e66d7692a7210ab00494abbcf4ebbf5'),
+    ('\x43eed483eef1fa5f86734c51012ee44ac51fd420'),
+    ('\x43f415b44af33eb4692bd338e05af8c4b9bc9991'),
+    ('\x43f9a77c26e8d4a6dee16c5fd80558a251790d95'),
+    ('\x43fe4b9769b9eef858e8f128af43ebb2c36e3ae8'),
+    ('\x43ff331b7214085964ae57c999beb2f3224cfef0'),
+    ('\x43ff6dcedbd2f108d9b73b6615b07234d1b0cd95'),
+    ('\x4402ccf90547b206dfd597175b40eb731971228c'),
+    ('\x4407e848c243cc3658edc74a0497b7cb2e4673ac'),
+    ('\x440a5ef352e320e2ea0f24cc8c3bbaadd3561067'),
+    ('\x440b22da4de2b1aa56c4ec39a8a1d151d05981cb'),
+    ('\x44142000723fc70df3866b365a067f9cb983e419'),
+    ('\x441843ac35f8425b32d60c15f299a416976368b0'),
+    ('\x441b7eff0505e86634c9593da7f5ea5fafe50f53'),
+    ('\x441bee6bb2b9cac3382623792f48e80e4bc25fc8'),
+    ('\x441d3baab4f3bfc1ce251942e420988fac12a8f4'),
+    ('\x441d7cc68a59af3c2292e262196cbc91c5021386'),
+    ('\x441e426e7e8556b158dc964edbc45aeb0ac50c9d'),
+    ('\x442fcae75e86e118e7fed2e94aa43a074a1987dc'),
+    ('\x4432939c361cf6596f9193733d25c27f846d3344'),
+    ('\x443ea4034f7eb3db0dd3bda51c468373331bd2e4'),
+    ('\x44439dfa6865cb38ea1c24315e00331528710c01'),
+    ('\x444a92452483d084c7c31e2e7243513f6b83c719'),
+    ('\x444a9e03f991ef78a891fd13cc16665c6e68bb28'),
+    ('\x444c1a283f1dda74ca832344029768604af3b10c'),
+    ('\x4453b8f04070b6738f095d38084bdbf69b9d0f8e'),
+    ('\x445613c85639e63cf88f896a18527ce488b7b1a1'),
+    ('\x4457e6e6ab34179213f716ab2efd40f070f66d0c'),
+    ('\x445c1d02fe0fcdb295e64e23309905651a61a6a7'),
+    ('\x44613d6c73e2822bb04a1c4b064e10f59c0ee34f'),
+    ('\x4464cdc5101aa74de0cd0a0ccaf3b0a4f426cda8'),
+    ('\x446637f3ec70ef1a4fa0ab86c56cdf561c245d87'),
+    ('\x446842d4c6a2c651f8e984b56339bfd34905fee0'),
+    ('\x446f9f704cbb365a2b869ee8768a89e36785c536'),
+    ('\x446ff4236967d982e984773a7520e242a3330a44'),
+    ('\x447523fa863c32669afc8fc226c138002e813051'),
+    ('\x4478ad21332be3f714ec025c687af449fef4a474'),
+    ('\x4479e1463dfbadf6152c5610d87233cbfdf086d3'),
+    ('\x4481591897e0fccc36667e1aea904826d2decaa5'),
+    ('\x448bed28a63ef81889e9869ef08cd63f4f07e66e'),
+    ('\x448e9d5a7c495fefee0c8f5846cfe6bf64ceac7d'),
+    ('\x449941a25a21819b7497f9fa017185f8f85de85f'),
+    ('\x449c5f922f9aea7276ec25f880abd293278933ac'),
+    ('\x44a4a30c20329c1c165d489d5a843d5280dfcaf1'),
+    ('\x44a82526b26b697225b2c6b2bd34343d852efdc7'),
+    ('\x44b34e7c42e0c757c303e39a43c5f260a7a13008'),
+    ('\x44b54addea75893bce9ab389ed5e4eab06f64616'),
+    ('\x44b656b08939152829d10b7d5d8739c1ac617de0'),
+    ('\x44baaead5e41f8eae6a3b899336fcfeb69bc4757'),
+    ('\x44baaf2015bb65878878ddc30f3bfa3aab945b7c'),
+    ('\x44bb2cfab91104139da4ac7e8695699ee1862585'),
+    ('\x44bc7be830951fed4cf048676b2accde2dd039e7'),
+    ('\x44bd09392d508da29edd9eee1f508dbceb1a7698'),
+    ('\x44bee98cfa4cac2ed40105fc412b2f14f62236a0'),
+    ('\x44c07d97a4137fed5657357535dbf4bdb6a196bb'),
+    ('\x44c152735bd3959aa9f5aa7ac4735705c546d0fd'),
+    ('\x44c37a841df1fd493b3b06b49618ff574e83343d'),
+    ('\x44cae8465c6d51b3994ad1ae28a4af5badbffa94'),
+    ('\x44cb68f2563b4646b3dbc54522a1884627b540ba'),
+    ('\x44cb7ed67256875256de967a620a13f28dd56464'),
+    ('\x44cf41eb3996fd989ad41ce8637dd5db944f1dcc'),
+    ('\x44d1a36278f14510293b93e46ffd70f08a9ef0d3'),
+    ('\x44d499ff0a5fec9a680c647758876cf03bc60a2c'),
+    ('\x44d79d18fd9aaeebb0b26fc4a758975f86488c5c'),
+    ('\x44d97dd45d766cdc82ed2ec80f1df14b4f72bf8b'),
+    ('\x44dd427cd2edfe73c82752dd5c48c8cc4f05db13'),
+    ('\x44e1cd12b6328b7a151ffe420a38890ee1021700'),
+    ('\x44e3f4686c7a2b99f312f3120f82f63b58d4ea85'),
+    ('\x44e4d7e0aa77fe1f3db67f68a18e26738ba05ef5'),
+    ('\x44e662c7c1ec7d5677352bc610164709b81e7f03'),
+    ('\x44f7f878db0c99ab138275514d2a54958fa52a9c'),
+    ('\x4502fd5b1f89847fcb201734351cf04a07150bc0'),
+    ('\x4510163be1abb3bc4336eacfe13d42bf5b3ad5ff'),
+    ('\x4515900eb66615ef94f357f75e2e6f040dbf04ee'),
+    ('\x451a8e43503a9abce2045b4c15e9d9ce4126f514'),
+    ('\x45277b37babd527185cb62cd9737fe1a4cb9c97f'),
+    ('\x45331b03fee197a2519c5c188a35542c60d91451'),
+    ('\x4533e8311ba6ca4a810cfe5ede4b83531a51bad4'),
+    ('\x4538d7f7c78e073e557751d81d2be4fa133340c5'),
+    ('\x453bbb61b16b27ad14b367b744cd4355b23f69d0'),
+    ('\x453ebe870818ce80bd40f00f45963d7c940b7000'),
+    ('\x4543aeea1ba3677655437245cee872f7130eee90'),
+    ('\x4549324b8ec519493fd6a32d49f94dabbef32ecc'),
+    ('\x454f819677c1e50ffc4a955fe10b77c6f93b3d8f'),
+    ('\x45505e6f9cdfea01fb75469a2a19f739e47d11e1'),
+    ('\x4554a40299b4b68aabc06cc705c2730d0c6e44cd'),
+    ('\x4558293c8a663f80a1c043fc14f723992eac26a5'),
+    ('\x455f58e041adf41716740e04630301eb2ecd954d'),
+    ('\x455f61438a99c4cd6160231600fd13c2c0ce0bf9'),
+    ('\x4567c29b9141a301e3e8507fed257f20ed277078'),
+    ('\x456d9e7a23b5c343159d417825a585529b0dc55c'),
+    ('\x456f0beec270e2fd588f768fff7f2f8d1d6d0c15'),
+    ('\x4573835f79b1d0dd5074418562a1a08a32512a36'),
+    ('\x457c81ea3c7c1e346356fc44ac96f3242f76a788'),
+    ('\x4584181b1fa8f67464b9f89d6e11ebdc5b4a0895'),
+    ('\x458a4b7a19493980f16b54e5175568b9386c0491'),
+    ('\x458d4aacd291a4f2f9f82bdf1397899614ca89ed'),
+    ('\x4590cbaf6a45206dd7b03b6748eac66d4ac4cde0'),
+    ('\x4591df077c40080c30b07728954db31d7b3edeac'),
+    ('\x4596fa74a36093031523824e1fd5c574857dd638'),
+    ('\x459a6c843aadd73af5a711015517ef57a88c81d9'),
+    ('\x459b2789dc4c7e15343c47e623f3ebb2cfd00e06'),
+    ('\x459c6b3894d3bbe9a5c1432c0aa78df2d2eb5880'),
+    ('\x45a0b78ed388a234630ffe869104fe589a57b0fd'),
+    ('\x45a19572e7d1111ad9118ad6c3f6409996d5d274'),
+    ('\x45a56a44207ece3f3856a7010cf6625b796a5569'),
+    ('\x45a91c2caffefb02adae541f8987eca527c100ba'),
+    ('\x45acc51f6785ce13137b43df4b7d55bc3f67f485'),
+    ('\x45b102d2496da6b4a1939c7c201aed16d7580290'),
+    ('\x45b599dc9b16207d5872ad10eedb5389a5a84a08'),
+    ('\x45bcdb1541c9ddedbe764f41a9930213c9b47d75'),
+    ('\x45be03998a056919ad9412d086f9768ef29eb605'),
+    ('\x45bffd8ecaf26cbea339481fe1df2aa63d12f3ef'),
+    ('\x45c0931c65223abd38d16c274eb9b1d508fa9d43'),
+    ('\x45c668e2c8cbef14d731424e7bc8a8db7c365b1f'),
+    ('\x45c9a0f7ec8b6a52353ad9f7042d3501abdd8007'),
+    ('\x45ca4350e86caac8cbb8709e5c42a2765e250a6f'),
+    ('\x45cc892f0e164ffa8e50df1b79c7a999a508f46b'),
+    ('\x45cebc6c9004fb451696033de1fe42efb626c0e2'),
+    ('\x45d20857deaedc5806067db7667e266dd2f13ba3'),
+    ('\x45d69109d52e81eca73cf93b07dad23c0841a2cd'),
+    ('\x45d972c143c17906b68d45b2e9e47c9ecca71605'),
+    ('\x45db78e86f3fa145bc99c63fb019c8d719cb939c'),
+    ('\x45e342341757a4598d42ebd5f797492c7f502e82'),
+    ('\x45e720af32f97e7bdc5232e2b84b61329e3e6026'),
+    ('\x45e9886f3281e69a0989cab0ae08a871de286416'),
+    ('\x45ec20f93202dbb2f462edcf130b1e830aa5c3b3'),
+    ('\x45f8717ec216590ea78555672bb17c9178ff5c29'),
+    ('\x45fa6af28824f0324ad317aa8e88dc560b064e1a'),
+    ('\x45ff6f1418f8c35411b2d6b0f5dcb213c4751547'),
+    ('\x4603fdc74d8c48806644d90037c932377a4d02e3'),
+    ('\x460552795ffefe47436e2daa1481783fbf46bc45'),
+    ('\x460567933afe0622c1541409a9279bd524632d9f'),
+    ('\x46090b3d01871dc61fe08f3c439809b863232d58'),
+    ('\x460e9590e87b4a8d4b1ae6d015c0dde496f793d6'),
+    ('\x46113f520b08be862bc3d01bbdfecf88e9092ac6'),
+    ('\x46123d4e9eeb2680c67bbc8d772c4338145f7d51'),
+    ('\x4615bb5ac12151c8d7b9cb5c8830e67dd08c153d'),
+    ('\x461b7a89c40a294358a1bef3eeb33edccf604b4e'),
+    ('\x461c26768feac65dbe7c8c4e8c2022a6b3663a25'),
+    ('\x461e44d22efa396234ce0697209a608c288daaac'),
+    ('\x4621c85c2e3b514bd5e387e2136f7cb3bac14dec'),
+    ('\x4624dc8abe6bdddc438171d9a8614236a60b50b5'),
+    ('\x463c6a6bef7b2936eed16031f3eef99d5e2af81e'),
+    ('\x463fa9559032a5f422dd90fe6d79c83b419d1f92'),
+    ('\x4644162847de01dd13af79bf8e7a5df9cb216a75'),
+    ('\x464692783dfaa8b828b38a51fe7a5bd1f620387a'),
+    ('\x464d57b42f23b47109bb4d095368ec63c198ad53'),
+    ('\x464e83ccbf6936779450442030db5d81dbcbe686'),
+    ('\x4650bee34028d880f084056f4eb3bfe64d042ddf'),
+    ('\x4651cb0d290c597aea5e2157979ed8568e04ab49'),
+    ('\x465546b64813b8f4ce4ebbd01230c7a802a83bb2'),
+    ('\x4657a3e5186befebf36d4d80c702a008b23d87a8'),
+    ('\x4658abf71bd196b619b3b22180d99e456428a152'),
+    ('\x465e266968b989ce21aa27e54aaefcfabf437a48'),
+    ('\x466221ff79cb7200cd9417b61ae060f9db4ed4f2'),
+    ('\x466825813af3a76d79e2bacb5eda7710fa00d798'),
+    ('\x4669e8f447fa36dbf342467b55957082cfe6f848'),
+    ('\x466feb3b492af47f740f11742428fe5f5849cb5f'),
+    ('\x4677d900c6533362be418e5c6d4b7a7291dae514'),
+    ('\x467da83a5ec9c3a3ed986d4f43b12842aa1c5519'),
+    ('\x4683ccf49a0c36a39915675110325a8d2e61af72'),
+    ('\x4683fc7b381f3184c81b014b1a716f123dc865ed'),
+    ('\x46898bcb4e4cf7f80ebf48733441036e2858d4cf'),
+    ('\x468aa453debfbed8d555539d1f05afe78f3855bf'),
+    ('\x4690454a75f13339d2eb2f501317445c7ead0f3c'),
+    ('\x46918f074569b10d6490dd7ad8a9f376efd4b067'),
+    ('\x469359ed9ca5899ce30354736e275764a8ca3359'),
+    ('\x4695cfe1b3478510e9ea222bbdcf637c838fca73'),
+    ('\x4697145a775620c9397855b0595f839f2f235bff'),
+    ('\x469973c987146ee1c3af3c87da60b99eb70e649e'),
+    ('\x46a0712ae6e2b2195ce933b162dbe7756338fef5'),
+    ('\x46ac51f98a28cd63cd2eea0a5fe91877671b03c6'),
+    ('\x46b0f2018b90a4a0abd409adde02231e7230c15c'),
+    ('\x46b657fd74f5e4d3f7402788f26d01fc057f9f55'),
+    ('\x46b69be83f9117354dd54941fb2aca023ff9c79f'),
+    ('\x46b6d242f072b3c687e5f746b1484cdc75ee64ad'),
+    ('\x46bb033e99aa9ebb9302ea1bb54dd791a820fecb'),
+    ('\x46bcf63f5963fc91778e1b1a5fbe6d9695523d10'),
+    ('\x46c8d2d70dfa8e1eb95efc60456f998ee31b55a1'),
+    ('\x46c9ed5c53fab4930f22710c88dd4b0d2fca27e7'),
+    ('\x46ca0f020070a7d5ca4d7601c5a93de6e9ecf7aa'),
+    ('\x46cc001925c28336e5b8b82004b4505a800810ad'),
+    ('\x46d3017b65df0bfe01a99b74541745dffae2a392'),
+    ('\x46d68cbddfd49b1b6028a80735be212d50082fa2'),
+    ('\x46dc199a1c6470e2f24a82cb792b413efbe93961'),
+    ('\x46de78328048c505d278d95e632975c4c9cbe548'),
+    ('\x46dfcd448f468dc68a33c5b55b906aa12e83d151'),
+    ('\x46e00f142231907b2ff49f0bfa85f45ad790acd8'),
+    ('\x46e0ee70ff2bc17b5f9819f3133a8d3a0c637c9b'),
+    ('\x46e2b000daf69e0043f1314621f24a523ddf1379'),
+    ('\x46e6530a51b76aa890b33e2eed5d12e9f909611b'),
+    ('\x46e744c84e13f46a4e99eb017e137917db4b8e31'),
+    ('\x46e763cd5c046b81e6036475e246ba45444c29db'),
+    ('\x46eb2e503b8dafc5a4b706ca373a35cfffaeb6e1'),
+    ('\x46f380b1b8d343ce916183086cbe67e464fcef58'),
+    ('\x4711dd7e5efbd0e93cc218be97648c3a1f8a0837'),
+    ('\x4712d7fdbf81e5abbf03e2f65427878b4587b988'),
+    ('\x4713707be6827a02200d48b3fcc5ff34f103bd0b'),
+    ('\x4719e4957a4206735da1caa98dfbfc999c28c939'),
+    ('\x472678528a119361c730bd787de50bfb34201bed'),
+    ('\x47289c09bf4c1deaef48b69e40c2dd44e7e78977'),
+    ('\x4729628f049c563007d6122845b75c5c49eab163'),
+    ('\x472c62b586a2ae441e6bed385154c109a567c35b'),
+    ('\x472f9b9a6f256783d6095b8ad66e31166ca94a15'),
+    ('\x47312c965845eaaa3a9907bb9283af24ca500409'),
+    ('\x4731ffd03d2773e2d27325e1a4f4edda3adaa380'),
+    ('\x473735f94aef477b66b4e360b13fa0780ccebf76'),
+    ('\x474401a82b328f87e33b3c14a9d492c3a1b1e42c'),
+    ('\x4746cf13f706b5f9554dd55127424b5e67673899'),
+    ('\x474bbd7c94913754830f58ee297508630d7cf622'),
+    ('\x47552994b65181f2facafdce91611c57c20d595c'),
+    ('\x475aced68b573dff997cd8cedfb32fe813753a93'),
+    ('\x475c811b26d971c2987014a2a2a4cb05586c98f4'),
+    ('\x475e681e1c5bb89bddc8395d6ff9ef81e81f8fc1'),
+    ('\x475ffb9b33aada3495153862919417342c4ff226'),
+    ('\x4764bbc9d589774e2593dd453d3d08f666618466'),
+    ('\x476a10c7638f3dd995bc96526ed9676c74b88629'),
+    ('\x476b836d791905aaeaad3a0976b1080b3f281fec'),
+    ('\x476d6d9326c029846a662db489a25b4a05ee1117'),
+    ('\x47720308fcd5e34992932f26c1c8cff268777117'),
+    ('\x47751d67e99fa43d3a3fe12f2b998ac43ed4dff5'),
+    ('\x477a54911bea0ed06889705a17d5d29f07a6a2b5'),
+    ('\x477a80695ad0a99fb3bdc2efe830bb92dece692a'),
+    ('\x477cb88bb5647b4673665f594e1c3c852863406e'),
+    ('\x477d4f166694289c01bb5d7c93ed1d23ac666b73'),
+    ('\x477eabefd4b516f8419ba27d260e4317eb4b324d'),
+    ('\x478013a6dfd7cbe4549d71cafb48bd77a73ac403'),
+    ('\x47871173e1db288fa304570aa81c33a701c05bcd'),
+    ('\x478dd4d777fb3b46f10e261edc3aab965897a427'),
+    ('\x478e62ae911d641ab93c0b68ca2832cf21b22b23'),
+    ('\x4793052047625303c8fc59bc26c23fd2ae88ff26'),
+    ('\x479994442da0d8cd2ec3b0e684997d7aa94afa17'),
+    ('\x47a7234744f304c959e8b6c766756b27293e0e7b'),
+    ('\x47ae57d1d40ffbcdcd29d0c9e576839de73a86a4'),
+    ('\x47b4bcfb70f691b3d835cea1597f2d00fad02308'),
+    ('\x47b552fdb2a301ce0cdd27a9679d9f1ac22a2112'),
+    ('\x47b6082169aea1ef05aff6953d0c79ea2779d611'),
+    ('\x47b88070438ad56f0ab3f53807066bc4d5b39379'),
+    ('\x47bdf359e3feb3180e466622e52db3fd735d7c9b'),
+    ('\x47c04f12817c0dcfec4390acd518965c9b4ebb00'),
+    ('\x47c49fcfbb02fd6450f1498e022c73f77c3f8804'),
+    ('\x47d4ef17af861c9745328a9c0694f85f667a2a61'),
+    ('\x47ddcf7c9feefd3beca774a14eca4e3286f4d255'),
+    ('\x47e65b247d93f8218176b746837c8c34cd9b3b49'),
+    ('\x47e69ab7f685efac7f28f5dcd6d6b769e86af314'),
+    ('\x47e85803d71d71e30054d5fd30f3b9af84bbbbf8'),
+    ('\x47ea169c315d86326f0b959c2328baf20c5a6f31'),
+    ('\x47f29356fe44534c361b10cec858072dc5a7edef'),
+    ('\x47f718b38e2fac29360031ab60aa751c724fe4c8'),
+    ('\x47fe0d262a3ca2122cdef6cc87a63a5b2335ff52'),
+    ('\x4801d77cecbc127f59a217be2524ff5cdecb3dc6'),
+    ('\x4803f753575c4be6213302182c5748a4c4189559'),
+    ('\x48081d5e76e4adfd92a849a8cf86de2779fb495f'),
+    ('\x48086321d6bb4b147c0c67734bbadbbe108acc2f'),
+    ('\x480a63e92ab3d38fa9f514dfa342f640b00db7cc'),
+    ('\x480c0cdade73de872a0af5dc7acf4430acf40cc7'),
+    ('\x480e36f810e85fdff95c7368030e3dc9419e8103'),
+    ('\x48112c4823e20ea25d29a128a9d860e2403c2b5f'),
+    ('\x481fecf063797e9b02827c83909b10d47dd9a959'),
+    ('\x48237509e3c8b97f14c69a431d9b43dcce6c1bc7'),
+    ('\x4827d8c4b0c113b772d8bfd6f3f0acd4b96c703c'),
+    ('\x4828d984b20c3e05f55e49b25bff4a6535bf81fb'),
+    ('\x4830edba49f0739f210ef413179da5876d712802'),
+    ('\x483b08f161d13f28bc4ea076a1879978ae5fb8bb'),
+    ('\x483b5631f7fe45db3ae8eb2439b3b4b221375697'),
+    ('\x483bc8531d4f15ecea108dea896f67dd4120d0d7'),
+    ('\x484ab6ced89612cc1afe2702f164c74d04669c81'),
+    ('\x484f26cf4b30b075e54357241bd7b63971e74381'),
+    ('\x48566463abae2d9a258a45aeecaad589924f4167'),
+    ('\x485ac87489040ef195638d7337fc63c1a81bec8e'),
+    ('\x485e5f56be9204181dddd1142a58df3fe8317ebb'),
+    ('\x486d502769ac213f04b108ef31413bd862f9a8b3'),
+    ('\x4871498ac32813bd044c66db1ff317b556c53b3c'),
+    ('\x487ba60d7e653f07c33b3733f51a389f114d5c2b'),
+    ('\x487df53f12cb6e3f8075fd3380fac8d557a716d9'),
+    ('\x487e2d40853d9ddcd29e370836594830231bb135'),
+    ('\x488cba5ebfc2931a39093b5c99edd98a936f7159'),
+    ('\x48915cf6934059b484902b9d6d1651899404e4d9'),
+    ('\x489b93069f20d00a608d29109b547dc1f48a2bbe'),
+    ('\x489c766fcd508430dc603790bd64526ec69eb6f3'),
+    ('\x489f60c4e70ac3d904348988dd1dfc5840521b73'),
+    ('\x48a2d0771181ad5add88ca51cab3f3149a4f19df'),
+    ('\x48a53c0e4f40c3c18236517beda0e20093722296'),
+    ('\x48a60e9810d281ff2d6eb0c19e21aec942036283'),
+    ('\x48a7fe7d9e0cbb561c5dc2d8a19363f6d7ffd866'),
+    ('\x48a86482d053935e7548131fa792046141926c08'),
+    ('\x48a94e67d3cbd1b650c45e0b868c89c6c333ffb8'),
+    ('\x48ab957f481581a47aa4f65361749fe75bef5b27'),
+    ('\x48aeabac817fe34de993a8ca1615ee8f0a364f83'),
+    ('\x48b06bfd35da6114f6c2f4ac4c9ab7bbd29be365'),
+    ('\x48b4d57a8c031e0887db2fa5247e1b3bc1889044'),
+    ('\x48b510d1f0e31dc194f4ddc32c36a7c4495bda9e'),
+    ('\x48b5e973e0238f8cf29a6cd9dd9fcd38eb57265f'),
+    ('\x48b74e2a864814a8598d76abfb209ffa37051366'),
+    ('\x48b93e1b9c1488aa7fed1dc826174442083e7c66'),
+    ('\x48bd8694c66cb678f8eaea983cc06ba4a06905e5'),
+    ('\x48c1ef7bb521f79c9cfca0d37dd72925b56bcc7b'),
+    ('\x48cb37fb6ee1bf142dc58737c3a83b002eaea56b'),
+    ('\x48d0ec181a8ad99a970f3d9922321e88c23effe0'),
+    ('\x48d2520b7077e52201809c5e974ac6bf2685eb7b'),
+    ('\x48d3771c37d56120f445ed91946ed7242ad8018c'),
+    ('\x48dc043a7814c8ecac9cfbc5f6d6d67b8f9cb0fd'),
+    ('\x48dd63534bae7019b7a4e48ec648e29ce153ccf0'),
+    ('\x48dfc3da6a57f14c9e1e27bb004553668c621a03'),
+    ('\x48e302df44c2b57658d36de30b8f5954f7c42715'),
+    ('\x48e5b43e73a1fd5266df138f60226432ed988197'),
+    ('\x48e81ead623c141ad32a575a701ddc81b6d94464'),
+    ('\x48e9fb8acd70a1175c5e17e2d105bf6c7c891924'),
+    ('\x48eac164cb3c867064fa025ef7baccc95715c769'),
+    ('\x48ec212b3f5ce617685be678519e69d14da465b3'),
+    ('\x48ec5c1e0a471c385c8ec623109b4907a50a0839'),
+    ('\x48f5735a9761095e23de38443595859a9923c8a4'),
+    ('\x48f81ff45bb1b3d2032eb7be0019c76f693fa90d'),
+    ('\x48f92d25a628f5338f54e5c16afe934b3493fce2'),
+    ('\x48fe8e9f51cd834403552f98a2f5eaaa9d905c7b'),
+    ('\x48ff0fb3d07a8a8bfd846171c0f0b17945ce32e1'),
+    ('\x48ff8247a3ee533179904b9d2f04f59a81f9a10e'),
+    ('\x4904232adabde9e135aa1e956df26b9bb9a7c994'),
+    ('\x49062e14bd14e4aeef4cfbf92b24843e8262860b'),
+    ('\x490651e9cee421d5dc868b0e698fd64289007430'),
+    ('\x490c225b34d233ff4fec90c7fcbf24b951cfc2a1'),
+    ('\x4910556ba585e9056935c4a120812a413236927e'),
+    ('\x4911a8dee9abf4dfd65609e771a759d9d81290ca'),
+    ('\x4915fa24d7c25f6344efe96d5189e233aa91b62b'),
+    ('\x4916fc4fa721e432647a9101af8f61d731908a01'),
+    ('\x4919f5fe2b831e49d8abbf7392390b6ce69905f7'),
+    ('\x4919fde587c7b9dc5f11e6ab76a69304164c8d84'),
+    ('\x4925404e9fb8a24d58e353687bb833557ae36b2f'),
+    ('\x49265bb01302b40cfaf5104551d6d3505d7ef126'),
+    ('\x493528ea854ecf77ac8a0bfa58615f6e9d67cfd5'),
+    ('\x493d586926dd03304238a2da3d04724294823163'),
+    ('\x493e1f96ff954d50f4ddeba8bd74e9f2867746af'),
+    ('\x493ff8f9c4816a826e1660ee0a4b4dfa2c219cf8'),
+    ('\x4940ad6ced654981cae569a16e81c9d22f562d6c'),
+    ('\x494205675887629600a2db80a41019a15cd0adc4'),
+    ('\x4945ea3d57b2ae769ac2fc1f04ef7acb4fa64c3b'),
+    ('\x494844852d357a4c376f9a6dea79a3e481734f41'),
+    ('\x494aa56599165b65182f2ac0af94400c9c7a57b3'),
+    ('\x494cde11c95a7c078500c5fa7081abe151fa5c20'),
+    ('\x49648cc98f5ccf8864e8997c876007c36f801370'),
+    ('\x497130798c813c0f279cd3361d3df23a81e41881'),
+    ('\x497465654e22c230c13ff5d11dd97ccec812e472'),
+    ('\x49754c89e3689d752de172cb2822c797db5731e4'),
+    ('\x4978e77389294735d53fb2b8bb0f8b77a4acb37a'),
+    ('\x497b14e96426715986b4f2143e43918495ce2881'),
+    ('\x498485b77fb9548e71bcfd5aef1259304fd2e9a2'),
+    ('\x498ac1b246f53b8da5e9919819d9e80d6a099590'),
+    ('\x499381f0feb2550a5249930f646cc7a893af4a48'),
+    ('\x4994755e6864e26b9987a0de03c2a1997278fc3e'),
+    ('\x49962dcc5dfbab54e70acd142ad9933683e6dfa3'),
+    ('\x499bfef5b53a30a4e326a08755df4213598af7fa'),
+    ('\x499d8bac1aecfc2a8fcdf8f6d30aae9dac8c6afd'),
+    ('\x49a3fab61c583d03fdf3c0e1378af35140fc8b3e'),
+    ('\x49a47ed793bd69ea335939966b53b57d9f887c90'),
+    ('\x49a8286f8c1fdbd8c6f639667ab1d676d7ad634f'),
+    ('\x49abe1aa6bb0faad06eb4988b415ba0979c78164'),
+    ('\x49b202fba7737635dd5ba9b4da06bc8121effbd9'),
+    ('\x49b2c1bb0c095d8060d5e66911fd39bbb7972989'),
+    ('\x49b54c740644d8701d25f0d5480a4d3fdb7f59bb'),
+    ('\x49b5adf0b68e58762f44e9a51e00cfac4a8a6fd0'),
+    ('\x49b5f42ca52c874c2fa8d4b6319740a3de75f4ea'),
+    ('\x49c36a7e2f5a8063ea54a3469bc154d408689911'),
+    ('\x49c4eab954b5f0d2e9abbbe1034921d212d260af'),
+    ('\x49c597554077c3c39ec5f93eb79206a63f0d7e75'),
+    ('\x49ca1408cee4c83ce33caf209754eada3c36b8b5'),
+    ('\x49d1ba5cc8df1bfb7059e4dcac09ed3bea292768'),
+    ('\x49d5059de2cf0e94f164dd0662ed9ebc0db23483'),
+    ('\x49d7c87a4502dafb2e3362635437d147a8191341'),
+    ('\x49de394c3eeab871b944b084bd865cb4e2fa28fe'),
+    ('\x49de64f206707c22d4061300d3f8d79432bd9c7f'),
+    ('\x49dfd0541a57edc608698fc3ed2410e2e1b3782a'),
+    ('\x49e03ff048e6974c7e5cbb60023d2525c5bf7d4a'),
+    ('\x49e4becf6624ed794659a7e5418da51d0c9e8a9c'),
+    ('\x49ea226fcef42a5ccebd7994836da0485ae97d0c'),
+    ('\x49eab8f426e6ef9ca7853572c7ed756365e7766e'),
+    ('\x49ebaa6008e9578c5ee1ddd7439fa91c7fd5c50f'),
+    ('\x49ebd1c93d0d43dd2c30002ea93bf6dd511bc7e5'),
+    ('\x49ed5917553c06e8b141645da2280f25057a3aaa'),
+    ('\x49f272f828c17c9f52b64c27fa6a3c399bee9344'),
+    ('\x49f8647d209dd3e0af1c37fd403b38a699c3e4cf'),
+    ('\x49ff583c0436b7c593ba66ba896cbebb4673825a'),
+    ('\x4a115b6b7f2a59a45a9bff3b6882337f93ab66e2'),
+    ('\x4a1404dee37a18ae35b35069f9854355271f69ff'),
+    ('\x4a1c009950f19531512546fe08232e69ae61e7e3'),
+    ('\x4a1c93d189c14fbb8cc511d4f16613d64510aacc'),
+    ('\x4a2b971502c62a6e708a873b807882091226e8b3'),
+    ('\x4a2d32071cc900cfce893eabfc2fcd3820a7d3f3'),
+    ('\x4a2e7b8e7c8b8c1fca55fc87d3ce004556b5419b'),
+    ('\x4a4ab9bd2a43c2127e85f46403d64aa88d21b057'),
+    ('\x4a4d1b3a9eea865385be210847682beb5d36b6b4'),
+    ('\x4a515b5908c33085cab073ecd8f7479953ce48dd'),
+    ('\x4a5980d36dd0fa7dd087301fc72f9404feac96c5'),
+    ('\x4a5b780f1f5c5909b9f9ec4fcce0538ba508b419'),
+    ('\x4a5d654aa311839ec2b256dc44aff6af881bc819'),
+    ('\x4a5f8ddc9ef3ccde045fbfca0606f7415f6cbee7'),
+    ('\x4a65d428959394795a83d5dba4963ce472d038d5'),
+    ('\x4a687b2111ee2d74a04499410e4a957024e62cf1'),
+    ('\x4a6e67cb530120cff2329971c47d09663a8e9ad5'),
+    ('\x4a74a9d483127e0613b5272c37ee592472a3b0de'),
+    ('\x4a75b1b74fc3a71cc53f6a3722c617ca336b1c88'),
+    ('\x4a7acbf8ea14d1b72033de02bf15c3ee50a57e82'),
+    ('\x4a7dd208af15aac9195691de0bd061b6b2ec7372'),
+    ('\x4a7f3d77069b176623d52c1d3eb468efba5562d8'),
+    ('\x4a83d9c872f8ae3122583879345f1dd8f2312882'),
+    ('\x4a88cc22f2bf99710b505b9dfb617d238c15bc4e'),
+    ('\x4a8de5a9a550063079c88f3277c577a63c170e6a'),
+    ('\x4a8eafd78157a39cc544358cbf424e2303157c1b'),
+    ('\x4a90a7cf551c79792e5b60fc2afdf7cd5a00370c'),
+    ('\x4a91538f7364976bab6f4bf9f205c23c7bf230e4'),
+    ('\x4a92045d6a2c49febf3c3938c763658061b6f642'),
+    ('\x4a970c33899f7fc5f53796df7dd99545fb080e8b'),
+    ('\x4a9e147b26396be6d6f216cb499e53d39ff41e14'),
+    ('\x4aa122d16c491f346ca22797d0364f8f329122c0'),
+    ('\x4aa281583884552039d13e03e60a5c1913e2bd6a'),
+    ('\x4aa2cac506ca2aca92b3c5d5522c1a2f7b8596e9'),
+    ('\x4aa57d29f5ff415097ce416d371d67eb98bec6d9'),
+    ('\x4aa80a119791b2e33d6fa7dd92220ca192cee29f'),
+    ('\x4aaa76dc509a01c2a6558ba7e161ffe80f671a2f'),
+    ('\x4aae4197cd1d080ce4dc7a271f9619058fbe829b'),
+    ('\x4ab05bbd8e36279778588944eaf06514b8cc07a9'),
+    ('\x4ab13681a9a2278ff9d67e81d01fd4217c87b27a'),
+    ('\x4ab27dc43a4f27a05fbfba51aec9a26e49ea1985'),
+    ('\x4ab48fb073f67ed2b0ceba3e2e0e7eefcb4dfda5'),
+    ('\x4abd9a552c61fc65f5b2580ee1ba784a56c689e9'),
+    ('\x4ac38c079b38a9f6fc6fbf6f89b409c1d875038c'),
+    ('\x4ac757dba5e31b0324a1b009d40217abf2d7711b'),
+    ('\x4ac794817f5d8fda27a00443d18a54c51f0bc5fb'),
+    ('\x4aca1319a6e6bdfdef757925c38e3feb5e6f9524'),
+    ('\x4acb217d3c676d8fef0d63e6b7aad7e9a256a6cf'),
+    ('\x4acbf2d33d1afa8973b0401b7f21080cb735369c'),
+    ('\x4ace95d036ade35afe18549e38833853b1ac7d91'),
+    ('\x4ad31b578eb630bb1b1a6d6854f330431fd89583'),
+    ('\x4ad6db6ac9fd0583c282ca296949854bbdc1b527'),
+    ('\x4ad91bcda5b945d45944faa40cb15da93b8bc59b'),
+    ('\x4add785dafe43f11202c6b7286b47c3b62401dd2'),
+    ('\x4ade93b687194ea75407fac30d8916693a8be68a'),
+    ('\x4adfc7abd9b834939babf9f543578dfcdd46f07d'),
+    ('\x4ae08dcd29b009c8bfaa945babef155007525614'),
+    ('\x4ae946ed6d8b0572c8fc19c576dfc3215365e6d5'),
+    ('\x4af541099ee5fbb608b78267c500f1a779572d6a'),
+    ('\x4afa4039f0a511dd39f63b8a40c2e69929f9d624'),
+    ('\x4b060207f9ef5287fcd9a26dda8ffa278c02be66'),
+    ('\x4b18aed74f10f7ae062a86ab861b9e76c07141d8'),
+    ('\x4b18c07a71e12ee9c270fed2104b61f311816a1a'),
+    ('\x4b1f70f91f9fb144e52839f72aa03a5efefd5d4f'),
+    ('\x4b20298cf4ff1d32f29ccf7b8fa8ee5dc165f0ae'),
+    ('\x4b28d0cb1a43f4dcb2271f3f74bb3efd987f7168'),
+    ('\x4b2d339bdbea4b805a6a6b002458c51e38ca723c'),
+    ('\x4b34034ae97b33c832ead09d8bd9d00f7abb03dd'),
+    ('\x4b37208c1c8f69a9af49081dcd9d1a9150c4cdd9'),
+    ('\x4b3a69ff2f2be35f4ceccf555ab59993e12a226b'),
+    ('\x4b3cec95440036174562821423419e697f218988'),
+    ('\x4b421def9f6bd0002890be2daf6aae47e6533b71'),
+    ('\x4b45d4e83385562a28abcfd4206de73e36c7e0fb'),
+    ('\x4b5228785e1f124c533cbd444c109dc43c213756'),
+    ('\x4b5f152cca073ae8a07f883d1f7b0bc4cbe6726b'),
+    ('\x4b63689af1266a2c839a3f75c01b8763c2f9965a'),
+    ('\x4b679d7ea695950284c75db09cb4a3f568f2ceb9'),
+    ('\x4b6bc9ce71f931d9453d52b6494d3d825a66722b'),
+    ('\x4b7036095b0aa95bdb3eb2592ffc28e0fad47951'),
+    ('\x4b720782a7e203c16039cc4b4552143f33e61524'),
+    ('\x4b7376d11ddeb62d229ed6857b2e0a0de34d6aec'),
+    ('\x4b7e17d277552d376085ee81a75df539157546eb'),
+    ('\x4b80fb2fd88d3e2b0f4059ad3c814085ae59bdf9'),
+    ('\x4b879b2ae63536b1155e47b1722e7bac1cbb3ea0'),
+    ('\x4b8aa13c68e566da6feedfed733a662aaf128bc3'),
+    ('\x4b90be1beb7ab6b3248e313cae2ce01fbf5603e6'),
+    ('\x4ba0a23ac3d5a4595d3af08ec1be6843dc9836be'),
+    ('\x4ba0d5a9b4232adcad7157a60e9185054e59af83'),
+    ('\x4bb2b2da54ebb6fb0303ef2fadc256f49d59e8b0'),
+    ('\x4bb9ef6e6b58cad96ccc83d1d2988d67a1129e58'),
+    ('\x4bc1d5215693b45a94cbb4c6868e924c00d4d8e0'),
+    ('\x4bcad6df0cc0d8c09cf806ccb95173a85c0482c3'),
+    ('\x4bcdcf650e62389a56d2637463f39bcbaafb799c'),
+    ('\x4bd1fee0bbbdf892e4b7ac80ee2ed0ee7038df8b'),
+    ('\x4bd32d115f0279e38abad441f104022bc5adc366'),
+    ('\x4bd51c5d2d6bf2654ce2638d3bb857856c0178b1'),
+    ('\x4bd58a690d186dfb60e8c6cdbf512d3deb6b4cf7'),
+    ('\x4bd5932521efd0d70c6bcf7d0d1e90a87012c770'),
+    ('\x4bd852fa0080b345c9c5621e2a163785cd1075bb'),
+    ('\x4bda2c58f3ba81387e32a840f53298c9de245b86'),
+    ('\x4bdcbe405e7cec83d94543461c2de4286795f810'),
+    ('\x4bdcc46e20ad6e0602c9b9feca2fed3023116d04'),
+    ('\x4be1acc39689e0299cc6039421ead24eeac5d7cd'),
+    ('\x4be323eea0e4165d8ad62eabb4fc10a4c310ff2f'),
+    ('\x4bed67a84e1db8a1d842764a18caf3f328bdf4e7'),
+    ('\x4bf44aa898098447939c7df641af0462e81f9315'),
+    ('\x4bfe69f286929b26ebdddc10c4eb46d02d6f6d3c'),
+    ('\x4c0683a119b2df9ce460a233fc59f708e7316c29'),
+    ('\x4c089050ea03081c4ea3fc1c9b82823e88f35d99'),
+    ('\x4c0a246f56764c849fff16420b021dbadd19d7ff'),
+    ('\x4c12f62d949c5313fee1e3c24398edde1609d0dc'),
+    ('\x4c14baf9204207a3433410ae4c03a8de530b92ec'),
+    ('\x4c153602e0d80550f6634de1b7a147d76c099f39'),
+    ('\x4c1c3009fd0f58bb2f48481cad4f2ba5aca57442'),
+    ('\x4c1c4625e22c21840585e3f6dec9c4213dba3890'),
+    ('\x4c1f6861fa70565584f37f60f81a5f4066ef5b20'),
+    ('\x4c2230385381218a8c09add61a41a1c08158e24e'),
+    ('\x4c248723f16dd3ce2ca8ebf9b9e183cf48fe9d79'),
+    ('\x4c2818123a3525efc4094d44c2b0f6cf4e35d535'),
+    ('\x4c2e3efdacd245ba7045d781513246fdb1492e51'),
+    ('\x4c3247e81bed7a607f18f6f23b8158e02bd8882c'),
+    ('\x4c38e20ebb14685735cf52b05f62d018d8b85a03'),
+    ('\x4c3e3ed5e7b0b9ae16620244e4b57c77d94af6da'),
+    ('\x4c4843ba2ad1800a5caccbf1dc6321ca88c2bb33'),
+    ('\x4c4b6e616cc1061b4e5402f09db6970293c43262'),
+    ('\x4c4bf3bb1aea4a7c4631095a5d3489899bcbe137'),
+    ('\x4c53782de7e9f95b27930f9be686be7db7775564'),
+    ('\x4c53ece35caf86eb6923ecdf7c650e42e384891b'),
+    ('\x4c544f32b9687a03c89141d209af20d1c979855f'),
+    ('\x4c558d3425e5c1c2868035101bebeb6857cbfb2e'),
+    ('\x4c562dcf9db9cd1ae97a7977c056ba8c8e141874'),
+    ('\x4c5ab8b87190d36fd752694f76e9e175e1973ac8'),
+    ('\x4c609733d39f451ff7d60c3050cd45c887ff8de5'),
+    ('\x4c638531e6463e06a52acb2b3bf5058148e4f36f'),
+    ('\x4c665e8eac8409d4c3b8a5382874fcc91abfb26f'),
+    ('\x4c71e611694b92f69f8f72021aaaf3ae704ff3d7'),
+    ('\x4c732c6097636ce9c298dac14cd55289b2185f98'),
+    ('\x4c734928a46e47188a92195f40b003612adca272'),
+    ('\x4c73de49e7843254a6d0c41ea127362361672302'),
+    ('\x4c7505a57ff5270c4ab9fb2572b80cb4b7865fc6'),
+    ('\x4c79bb3e9a5a8b1b8a1785ff5ad648ec7d20646b'),
+    ('\x4c7f080b15e9a4a00fbf8057f86115fad67d6d27'),
+    ('\x4c7fa0c212e6ee46f455cf465f3833076f8077eb'),
+    ('\x4c858d401ad72117f18a29a9b5b9348ee7a51aba'),
+    ('\x4c860807ac8122b4fbbe8282b6ef72ad32642813'),
+    ('\x4c8ca867734eb44c35bebf96d4b7a48d4c029fbb'),
+    ('\x4c90043c765ff393ab66860ec6b9c72fcace0a8b'),
+    ('\x4c9166712d52b781a033a89b3986907d75aaefe4'),
+    ('\x4c931095aed3103f59e9971ab196a853db8a0e50'),
+    ('\x4c9396c92413093004fb3e1cc2ac05ddbbc938ea'),
+    ('\x4c94009f7af4f0ef3193e48ed7047f0e1ea799bd'),
+    ('\x4ca0c00ebb0b95782317515419599fdf9847d402'),
+    ('\x4ca1dc80e1cb55cc80d2ac522a3a7a25a53ba01f'),
+    ('\x4ca89d5e01452583e9328107480f9c934d57ae1d'),
+    ('\x4cc1fb0cfb2a6a9880b06e588ecf361c94cc743e'),
+    ('\x4cc2f6712c0436f8ccf22a20272831d68faf1d87'),
+    ('\x4cc4d885f603903b5bda616668bdd0c59aa3e406'),
+    ('\x4cc6da8e8706e700730bf24bebc7033403041edc'),
+    ('\x4cc71958744d4fc791b6861c333378577103bf5f'),
+    ('\x4cd864d2bc32fc55a09591be0e89b1413e3ad42b'),
+    ('\x4cdee9f3ce46735e4a2db4749afaf5e595cb1e33'),
+    ('\x4cdf71ce36a418a9de6a81725cc5fccd27171020'),
+    ('\x4ce6bd726fd604396ff7cc5bf720f815fbf2727a'),
+    ('\x4cf11195061b486b30b224e7015f54fcd02b49b4'),
+    ('\x4cf3b9ca3f42d0d97c855728dae43241d25e75d8'),
+    ('\x4cf6552b9ca119903b0a4853e5c4438c13c64952'),
+    ('\x4cf7369701dcf38659071b79edc67414c4abea84'),
+    ('\x4cfc922d9dc83d732976d049e5393211ce3f1a7a'),
+    ('\x4d007066ecafd4498158435af348a04833ab85b5'),
+    ('\x4d08f96c020d636f6e3a8908813c502f490895f8'),
+    ('\x4d0ac08c04d75f89804ded785b075eb25d9c2766'),
+    ('\x4d0d8b61f8b5fa02a7037fb6c031d01958739226'),
+    ('\x4d0de96bc972e139e49b76ad03b932421d51da16'),
+    ('\x4d0fb9ed61165f022a9591c5c23f855f9d0affae'),
+    ('\x4d17824408c8924262e11d751e9c6d7a650caba5'),
+    ('\x4d1a2f45ef06fece4745433f56639848dc0d3d8c'),
+    ('\x4d2652361fbeb898cb927d010e5ea34d1623a8cc'),
+    ('\x4d26cff4d42b42de5f25673a13df73b791c76266'),
+    ('\x4d2a24d48af778ebfad7050d7c5492f7dcba7de7'),
+    ('\x4d38cf4563f2d6780f477a146349b4e8759e72fd'),
+    ('\x4d435b5aa45e7a532a53057991040fc713cd762e'),
+    ('\x4d447177b8f668f343408e6e03b64aa7e41a1496'),
+    ('\x4d45a77fae57fad93c88006cd3c9d51da2897961'),
+    ('\x4d4916b44193f636a1f9c9024e0d6df7a348d9f9'),
+    ('\x4d495920f80dc44eca80d7cfdfa21d0ddbff80d8'),
+    ('\x4d4c28e0efd32f8f8313ff0e6660ba1eb769e771'),
+    ('\x4d4f656abf20d9879c33ed258f245d50b365f3d5'),
+    ('\x4d533c891b7f522c438361f24b3be28eec81d738'),
+    ('\x4d5ade9810b4b0fcd94168b19013cfdf2f2ada0a'),
+    ('\x4d64f6441617595e88cb1b7b1e9bb041f06ee37b'),
+    ('\x4d656efe453dc4f9b471815608e23c7a42a19d3c'),
+    ('\x4d663b6112bfe549ac9814bd367f3644c128e036'),
+    ('\x4d69c09eebe1ca268ab917c6728a5c331f31ae6c'),
+    ('\x4d714e1566ba86ede041a149353a66c4415151e9'),
+    ('\x4d73330a1a97e070a04b940aed562bab167fbac3'),
+    ('\x4d82728733d9cefbf10f14c9afcbade0095d65b1'),
+    ('\x4d874f985cd997cba19640828e12a6c5baea2d32'),
+    ('\x4d885e87d57736cda7ea2fbf7e4a6a437983d4cd'),
+    ('\x4d8a1ef67477bbf2355afb632fb5d0b74b056753'),
+    ('\x4d8d794ecc22511daca75d8e2e1fd1d1b8a3675a'),
+    ('\x4d8f70c67986a88a63ae386393d7eab50486dacf'),
+    ('\x4d924bf5f43fb822c972cc2f8b2b22a158880b0c'),
+    ('\x4da2524d09e58bdb46075b6a5e6b4aa7d9045b28'),
+    ('\x4da638ab1f6e223b2bcbbdeaa028bcf852b71a3d'),
+    ('\x4da6b3a896d62ac898aba023e91e155b2449b03f'),
+    ('\x4da7b5c0565c0f18281850bb8a2efaedf446bd78'),
+    ('\x4dac27766fbec070b95db6cfc20de89a820dadd3'),
+    ('\x4db9b5af292e9840b7e250a9e55b50dc35a051b7'),
+    ('\x4dbb0788744fb133773ce0246d638892b7b0b095'),
+    ('\x4dc1c9f912d01c6abc36e746b9e464aa60912b8c'),
+    ('\x4dc3d05dbf34dfa14e60247a9faba2c033e3d436'),
+    ('\x4dc817ad119ad9345dc402fcef445f670aae71c6'),
+    ('\x4dcf121f185bb70b6e052954dfe89469558954ad'),
+    ('\x4dcf250a60fb1acc0f4fbb1f98b4630be547ad70'),
+    ('\x4dd5dfc17dbeaf21fe1d575df8e6cbb1b25bcd2f'),
+    ('\x4dd7c45100929c6a09069484bfd06d2f52231c73'),
+    ('\x4dd8a9dbc5c7c6a53ab254736c13fcfc4c215800'),
+    ('\x4dda4ed6617dedffecd1b90c114d100abd617efb'),
+    ('\x4ddd1c5bdcb51d4680371fe01bcabf558d922bca'),
+    ('\x4de7f848a04e02c58522e852b7104ccd322e1def'),
+    ('\x4df0352de0ef26922bef6d5ac1737a864d353926'),
+    ('\x4df19d92fa21605e1fe766e2f1dbcdfd390418ad'),
+    ('\x4df3ec66c185f8416fa40fb285a1df72e1595c2a'),
+    ('\x4e003f74ad4939c7d352692b9a30ad3089bed240'),
+    ('\x4e04b197db63cfa48fd64fd236c41bb42befdbf8'),
+    ('\x4e06d5e491a959ac816e5338285df061ee137e79'),
+    ('\x4e0985f586682aa6e629146dba4ac7f6cef9efad'),
+    ('\x4e18346b24d645854c144a684d1fdee40e2cf6f3'),
+    ('\x4e1b2d1f780cfd49ae34163b6f0a6abe96262ecc'),
+    ('\x4e2116476c8ed979891059ff1092b988493fe6a8'),
+    ('\x4e235ae1471b37398a6a431f82702480a98584b1'),
+    ('\x4e26236a8565fb0ab810d7758d8b4ea26906cb6d'),
+    ('\x4e28981a3d202835c0133690a1e7025879138e3a'),
+    ('\x4e2a8f1587e54cab27c6732cf9b31ba0b524a9f5'),
+    ('\x4e3099e94231d03326dfb5ad688a9dc986a8be29'),
+    ('\x4e3d41bd60e0ef4094e0ffb4940eca0c5a10ca75'),
+    ('\x4e4538667718ae8e04855ed386397f660113cc7a'),
+    ('\x4e49a6063333d166346e96e5503453bb8b48136e'),
+    ('\x4e51506a103d3cb0e38994bcf7be7f404d2594b3'),
+    ('\x4e57215684d876682eb63d943b5de390a54514fe'),
+    ('\x4e59fb45c329783bc7c186db314d38b488f63158'),
+    ('\x4e5c870af3c8008d622baac818585ef9788f7ea8'),
+    ('\x4e5e32a440f2222367fcf1393e2d13fdf5f5c6fc'),
+    ('\x4e60c0c74114a46bebca759d3c789cd05f34e02b'),
+    ('\x4e66b6979f9d657eb79351ccdf1eab0bf9e17ac0'),
+    ('\x4e6cf2b8025c396f49e9043327cefa12537607cd'),
+    ('\x4e70e216ec960e8979ed938d1638e4a3b59ee554'),
+    ('\x4e74d0eeef8c284001279025239d4b2f6aeca03f'),
+    ('\x4e751fee09ade309b9b497baeaf6abb9ed7b974a'),
+    ('\x4e7a52db47953053e9d405be046f05f102e7f2e2'),
+    ('\x4e7f6955b0dbc10cf950182a8ca30475b4c42efb'),
+    ('\x4e821a102628460aadf33c1449dfded63c5d22eb'),
+    ('\x4e850fdef212d5a5747213260a21bc83bb3c7ba8'),
+    ('\x4e882a5f69d5367aafe021261a09a4d2de42567a'),
+    ('\x4e8b0efc82d65583667cb7d77ff4bfceadbd10ea'),
+    ('\x4e8e936cf62a707bdeb7e636d269462cfbcae09f'),
+    ('\x4e9752a8013762affc7dfc8704d2421913548eb1'),
+    ('\x4e985bcc01115377676d5460125672053678fc11'),
+    ('\x4e9dc42200da4ade9dc759fa1709db4b7464ac91'),
+    ('\x4ea2d6bbe9aeb18c0452fdd37c9588c59f79281e'),
+    ('\x4ea5be528d6f7c6c77c527027779601085d5be67'),
+    ('\x4eb2bd61b3b7e8a58c25bac0aa4f553a9e7a812f'),
+    ('\x4eb813c859f89a041ae8fc875892212875c5c893'),
+    ('\x4ebe87c238809478e9f884bbdadc65e8f7b708ab'),
+    ('\x4ec22174af042a449381d01b88b3d3288e1ec992'),
+    ('\x4ec385d96bc9dfe1225bd1f66fff4aae79b0dbfd'),
+    ('\x4ed4c39fbf9d5c64359718cd2cc255ee77f1f69c'),
+    ('\x4edbf0223658efc12fdbbd39762824805031303f'),
+    ('\x4edc9e77dabdfd70109d6651724fed21e6349843'),
+    ('\x4ee1b67820727e75a95c1c07a028799e20f9f981'),
+    ('\x4eea6a0dd230b3f127bfbd54e5ed232e2b4bfe56'),
+    ('\x4ef4301b8a44eb549856039afbfba9803dac7bba'),
+    ('\x4ef64a4b54fae55b3ebae309eab8be1369765475'),
+    ('\x4ef9d15b79743ffba4d72aca3376678bd9fc8560'),
+    ('\x4efc65f2159633af7c35487c90732ad382340491'),
+    ('\x4efe2e9eaf68bee44c1a324356c2e2d445b65848'),
+    ('\x4f05b8ecd66d9ff2dc99909870b8a85d95f29285'),
+    ('\x4f074dd41040f68158835cd435b347c7bd145c6e'),
+    ('\x4f115c597458557cfa6349ba14826a8ef28eb2ed'),
+    ('\x4f15df9274e8dbd612df3f637de08fc28a3d67a4'),
+    ('\x4f1ede1f1121b35392da4b59b7348a2599985424'),
+    ('\x4f2488c4a880383e59786cd531c492f4e79d8fcb'),
+    ('\x4f257d22ffe429d38a8aa36e7fe9472bb02c5445'),
+    ('\x4f26a0069f937377745812c3ace1b1d4a733ca87'),
+    ('\x4f283a4ee9afa34e7b0f4e54086bf8850797a29f'),
+    ('\x4f29507bec715a0f6aff76532607eaeb4dee4b9c'),
+    ('\x4f2d100f4acd404a21aa6a8a6fbafc437d51f3eb'),
+    ('\x4f2ffc1eb5e25ec71676b982fca508012fe66cf7'),
+    ('\x4f32c89a8ace2b6c4166928f795fb79d86c62705'),
+    ('\x4f3695c619d78d5d26fbb5758c74bf8f9e531f33'),
+    ('\x4f3c59dfdc1041b67766b5664d4c701cb3e9bdea'),
+    ('\x4f4070d5b00dab920e541cf5afc757bd30cf1a60'),
+    ('\x4f478e12fad7add2809f1453a74dda2c30baa9d4'),
+    ('\x4f50a8e0f4ffc4efb015000f3733753cfee86285'),
+    ('\x4f51253fb79bc0e6730bb18438a9c029289bc165'),
+    ('\x4f51fbfc2c043aebef230d1e5b1cb2c780554884'),
+    ('\x4f57f614dd9914814ee238ef3a7cdaa81e142e0c'),
+    ('\x4f5fad80d9f23b5583a65e6a0744b065060da04d'),
+    ('\x4f6112a04d4d8467cf0e5babd607239864ca1886'),
+    ('\x4f6142eb906b20c8aacfe7ccc2db4627754de5e6'),
+    ('\x4f6427e2112df3e8c879c6bc2ae6896a58172baf'),
+    ('\x4f6509c67b246c3713c7586c3b7accb5aad25ff6'),
+    ('\x4f6964b44d72106f4289b65aa54a41aea6610680'),
+    ('\x4f6c79575234897d64ccfe3e6117e41663fb4abf'),
+    ('\x4f71e4ac8d3c50bc05af759c58ccb40de227f8a2'),
+    ('\x4f7232c8cbc6f489b1c4375abbc4a4cf21a62eff'),
+    ('\x4f730f9829a01c2f34b087eafec5533335d9b33c'),
+    ('\x4f732408406ac9f56353d30befeb872463efa5af'),
+    ('\x4f77de40f636ef240f81a5d56d28d372bae1d940'),
+    ('\x4f7a99aeb2a51cd99f352d4274d61452cf658d98'),
+    ('\x4f7c3b79581bc1b42f79529c4940ea0f64357c8a'),
+    ('\x4f807859f9b10eb9cabc8158e99d5a23782c11f6'),
+    ('\x4f8a2ce96ad2276fa4b56c5e2cb4027ac8e43cfe'),
+    ('\x4f91beac976fa298422c87113742652665c2d800'),
+    ('\x4f9479a7087072489830347e654f429c1ccf6bc5'),
+    ('\x4f9a19629fc4a1d872b26cfa36cd4fe250df3a17'),
+    ('\x4f9d9087b4c4c367b391431600fa415a5376f5be'),
+    ('\x4f9e17748104a772b24a8af76e26e4c7ea2d9e10'),
+    ('\x4fa319d986155a5b3f78a4ba29d79933ca1f6a60'),
+    ('\x4fa7d0c4c68afb9f209e1e72e0077037f37e90d2'),
+    ('\x4fabff4f1c4e88b27eb8646efab710c6ec3eaa94'),
+    ('\x4fadf2fc5a272bcc498707f9ad3046f9e4d8f041'),
+    ('\x4fae2441ae1b8de290cf89ce9b1b1fbb796dcb47'),
+    ('\x4fae71052ebc55b83f7369cf66804fea7fe27dfb'),
+    ('\x4fb598c363323765658751c3ede58389a8bdc07d'),
+    ('\x4fb9bc8ffec043498d14ff4bd05a92ffeef2b5f5'),
+    ('\x4fbdf5827b7375071a485daf293ff44e6e61bfc6'),
+    ('\x4fbe04afcdeaa9842023c3178666e20fb9a9d067'),
+    ('\x4fc2b79a5ff778bee59084c8ca68c9bed0162b7b'),
+    ('\x4fc4de96baa88c9d66da75488e03c529fb4e84bd'),
+    ('\x4fcf0ded90a4b295b47f027a0961474bd39db390'),
+    ('\x4fd30f33753c83aa0907b0ba449952a11a495fe6'),
+    ('\x4fd39bed0ad21b93ca80fd80485634dd8421daa0'),
+    ('\x4fd86df82cf93946c5afc109c765cccfd31a4259'),
+    ('\x4fd871605be82f02ab8eb15f27e35ed5d2655b4e'),
+    ('\x4fd885b4f5d46aaadd0e44482f38452192a6b409'),
+    ('\x4fd915dfb2fd899efff1c1d2133ac68186d94d23'),
+    ('\x4fed54efb29232d1d31241a3d055403df5a01fdc'),
+    ('\x4feecf350260e2339f459444023492f0a0a2b896'),
+    ('\x4ff0550489039b8d17be19a8724c501eb87ecd7b'),
+    ('\x4ff44bf19f1b65f897f4a0932aa115f1c6548453'),
+    ('\x4ff578399f0f8ebe8e0a0443c3862bc432572955'),
+    ('\x4ff730c554cb1cbf6cb171790000d92915185025'),
+    ('\x50024de72629086a259b658cb47d89092d1f063b'),
+    ('\x5004ed25561ca262e15f44c52098f791fedfb29e'),
+    ('\x50056064e6ebde5b2127de26bd00720d68bd0d06'),
+    ('\x5005934190e15150fae4f82d50d16d18dbaedfd5'),
+    ('\x500817704a6d6852940f69bde9ee807aa28b972b'),
+    ('\x5008ddfcf53c02e82d7eee2e57c38e5672ef89f6'),
+    ('\x500b244c9aaffb46d999b4058a4ab87459e9e8d8'),
+    ('\x501d330752759f740b6e2ceeaf121ad927dd7a61'),
+    ('\x501e289038a367a0de26589678cd670761880f9f'),
+    ('\x502150614eef719e50a0123f17f0472b45bf2ad4'),
+    ('\x5025b5cd8f5033de61c7758d153ea8e3b838d3d8'),
+    ('\x5028f411b511dd9c8e67d9548de54ed84bd9e08c'),
+    ('\x502b6516408a0a2db74c1599bac66b6ae47f1ae6'),
+    ('\x502bc1899d04ee4fbfb94ed8ad12f26e6ac45df2'),
+    ('\x502d1b4f926df302ebba69813d4f82cc2c1f9114'),
+    ('\x502db6995b89d7bc4d0e097638abc6006508aa18'),
+    ('\x50301b6b9d1470b308e36db178f78ca2133f62c8'),
+    ('\x5030a7f96746e426cbb92ed5b58333654233b547'),
+    ('\x503790576fb080bda8a36dbd5a2abfc0cbe03438'),
+    ('\x50394c2f2440b84561b1cf925be1e96926b2e791'),
+    ('\x5042ba0e3fb9812046d0d6ba247071a99d5cec10'),
+    ('\x505a116268418c292325a63afa066e2c03a2256a'),
+    ('\x505df27d715da0c5f72ebc57a199ce3d1becc06e'),
+    ('\x506bf23f1ba22d23f9d1280652187f0a40a14eda'),
+    ('\x506c5f7d1db9b4cfefa35a9ccb6fa452d431b0dc'),
+    ('\x507af7197e84ba675159b0d7f79f2945146936e6'),
+    ('\x508a68f454094361025f1f850fd052e1a0aff17a'),
+    ('\x508c046452583f7db41df0bf702416e68fa7fa59'),
+    ('\x5094daabfa2a97d979846814726dcc35f8cf19a6'),
+    ('\x5098aac0ec46d26cca79d204e4d06eeef53ca084'),
+    ('\x509dcd803bc838f0f34a658c988654fea846bcfe'),
+    ('\x50a09d78b890049e6a3b15eaa2afdd92a548e81c'),
+    ('\x50a1a1744adfd306c532ed11b64d45f847ba6300'),
+    ('\x50a65fa6fedd37368db624037e7c5f91c311f890'),
+    ('\x50b03c97b4a766a9e769ea15096e18a9bb629172'),
+    ('\x50b3f44b7b6f31773bb38b0f771b0cbcd378add1'),
+    ('\x50b7c352507cdb54182eb3dbf0ade443f0c30e8c'),
+    ('\x50b8adcd48ceb016bdc0a83c7209a9d09713e870'),
+    ('\x50bfc6cb1ffb4309232ad7bf469b21ee641314fd'),
+    ('\x50c30180f00a132b97e6a6797ea62e8eeedb32c6'),
+    ('\x50c730def9bcbc23d8098ec49e85a5066cd8b4eb'),
+    ('\x50e1d8d0a0150d24ef702c864bb413a902fb137e'),
+    ('\x50e334cee81335d2044c1319dac14d1bdbdb652a'),
+    ('\x50ec8aeee87ccd91fa7c76b154d7b2d937ec01b8'),
+    ('\x50ee9849e5721f1488b8a14073017ad256c4bd44'),
+    ('\x50fba49789c6fa20c0e2585d097deff0c46123fe'),
+    ('\x5107072d0c9887c16ab9fbea95bf336a3abb7b81'),
+    ('\x5115715e72e91332e161ad4bb5339cb95abc6a94'),
+    ('\x511637a661cb696933ced947bd16bf2f4bd2c8f5'),
+    ('\x5116629bfc706d416342771262daabf166f0a774'),
+    ('\x512b8a4d3c409eccaa3985f1956a39772bf5aa9f'),
+    ('\x51320f1f449550c88e4768f685252d65eb1364e8'),
+    ('\x5133b0b9f46fe1f77be34a86480cf0c82a00dc3d'),
+    ('\x5136cdb5b2ad97faff33473034d63a443285c91a'),
+    ('\x514dffc5b306da73208228beba83750eaad601b9'),
+    ('\x515245578e563a077ac925687151feaa69b5ee6c'),
+    ('\x5152927bd1357cb634786eb843a2b5866d202a7f'),
+    ('\x5152ac7a14acb60c3856104ba0bd9905fe0a37e8'),
+    ('\x5153e0fffae8f21504ca27f0d4caafd47b0e2a6b'),
+    ('\x51564c0eb20bab2b7583809a754e8e27190750b1'),
+    ('\x51574cd288db4bf63763d99bdcfc7201138a1ea5'),
+    ('\x515cd108e13db048505dbac7b9e7ca7534cf6039'),
+    ('\x51693691df6e75a06a5fec62cfa7467d14eb2143'),
+    ('\x516cd1c94878933904bc59f0e93a9168324a91e2'),
+    ('\x5176b06199b5bb8941858d13cf774d0742662cd1'),
+    ('\x5177e1f23455bb3667687e3c9325c26651e7f7fd'),
+    ('\x5182934a8a5ef0d737b1eba1cd64cc5c28e0a07e'),
+    ('\x51904ebccdd4e5726374a7653f3462999ef366e1'),
+    ('\x51912da6e6d4cd61568c9b3cdf3dcb1a4c104299'),
+    ('\x519457d64ba7ec059b103b3600d23ac73af742ec'),
+    ('\x51964c050479c0dba13787ddb957c466d38ffe37'),
+    ('\x519ac8343cb3f05f8ce8797e2bf2fe52ed111ee8'),
+    ('\x519d732943d76f3f2777f3854ec3ce2fc726ac65'),
+    ('\x519f50e695ca6b80dd7caa8b4fbb89da550fb3d7'),
+    ('\x51a4a3cb343f2a1f0152596f37376741a5882a9a'),
+    ('\x51ab80bd688ffcc2ec7a8c86d73ad09710fa814c'),
+    ('\x51ae7e04aeb41f7aad84cff73bccf1660f6faae2'),
+    ('\x51af738728e1df27515679a213fef318216512da'),
+    ('\x51b68c341e48303491025f6986aa388a0c128442'),
+    ('\x51b7b29568f9874543de4037950883627c7bd51c'),
+    ('\x51be796991d546734732ed3e699387ca431aebd9'),
+    ('\x51c05079b89a98ed83b6ccade299147717bdde1b'),
+    ('\x51c3d52c2c719c03f2fa30f81ec2c2df074e52be'),
+    ('\x51c4711eb032fb8e6db3087f48ee3d386cef56ef'),
+    ('\x51c49dd518c93e042f64b66d454e29552a2514ac'),
+    ('\x51c4c4d13cb090dfa1a3c418b67a3011d122505a'),
+    ('\x51c5492c5a600ddfd0eb7b353ef63b69a2f98b59'),
+    ('\x51c63264270620a081795647912f79a53f41b054'),
+    ('\x51d0ca37f12326c9cd8554bfe3dbc71826dc06f2'),
+    ('\x51dcafbdd2e9b8b8204fd7ce709cb44e8bfdbe5b'),
+    ('\x51e61a8c5e701a298c8db220eeb073a732898e71'),
+    ('\x51e8562ccee3475d101986daa59f99e349539b11'),
+    ('\x51ea8402e4dc1f124114c3ad3e8c33f05712bfd8'),
+    ('\x51eb9630fca65550d1796163de2b275528e375de'),
+    ('\x51ee2ba069349538d8894de14476fc3b9bd61a3f'),
+    ('\x51efff1e48d22af74bf23c90e35ed30f638443a8'),
+    ('\x51f1ded380376f78fdfe15d462f3896f5201c329'),
+    ('\x51f818923d2d8e8715ff13dd3f94991cb49be70b'),
+    ('\x51fb52b93238e14ad412d5a0bf8f4e65614ffb80'),
+    ('\x5201a83596e30799d14a79a1cf265852fec9b0c5'),
+    ('\x5202f8169570a2eba7054b5c700e563e4559d959'),
+    ('\x5207c9c470f2fbcb1c6c8e04b2810eb9d543f989'),
+    ('\x520bda606b7fa4b1698f520b50173cd4e35af9d8'),
+    ('\x520cbb440a9f55aa8a3a76e6364dc06175c61db3'),
+    ('\x520f35d2b8d4c3ed367c258f5658ad663b8c1621'),
+    ('\x5219f2d39d24d355fc5bb7820b5784d7624de6f2'),
+    ('\x521eb56b13e1a84d5220c08858d3db3b53c73837'),
+    ('\x5222b535012a11006cc30f83d47dd7cfdf070b82'),
+    ('\x5233cc659d7f4e557744a09c0cb42915f6e42322'),
+    ('\x52356011e34b7500527d85e9445b03baa4ebb1b4'),
+    ('\x52382c2c5a454354f3fb42e2eed60ce23c9b9d16'),
+    ('\x524e2c8b4e916c7e7aa6549a1fc2753f1bfe14ee'),
+    ('\x5257fa42841780135e86fa204d702014f7f4ca3c'),
+    ('\x5259fbcc614461cec2e1fde3b88d0641874011ad'),
+    ('\x525e67f20bc85f9f77f86bdfdd571a541ae85ab6'),
+    ('\x525eb035c2ec2d5f9f279ad68f085e0ae101d3d9'),
+    ('\x52687ff89f4f77cd21fb93ea5beb65dd66f0ebf3'),
+    ('\x526d908458ce736efdc130c2b47b3d35417dfbf7'),
+    ('\x526da613fdcfe50484dd24f2cd30899589b378dd'),
+    ('\x526e29169a33eff773533eb4bc6658f9bd3cbe0e'),
+    ('\x52763db9eecf8b96341b4d613ff8216d79788e34'),
+    ('\x527875b15cfb06984c04ea3ac457738a900654f6'),
+    ('\x527aebf53f83231f3ef88bcb295c10ab61028650'),
+    ('\x527c325bf24cc6cee4928af541af47b7e3b209be'),
+    ('\x527f6300688f8531f3c584395dd8a929cda0153a'),
+    ('\x528493d698c7205913d83aa879d363caa3ca6fc8'),
+    ('\x52864db38e4c3b0afa8a0676b0537ff80645b18a'),
+    ('\x52922ca3493b9c0d0d5e13c4c06fde174cbae4ca'),
+    ('\x52928ccf1cce45206f7fdc786bd4e8e69600a800'),
+    ('\x5292b6c644ed53616903ec78b03ecd72f505ef28'),
+    ('\x52a8aca8d536b2dfdaadd2dd56494320d17fcc03'),
+    ('\x52ae742b8e1e3808a9a4b00ae206049e9286c6c1'),
+    ('\x52b2970009ec9f8838890e2f5e7c50ec6dcbaf0f'),
+    ('\x52b4c195b083fc8d95408cd5643b77afb1db2f24'),
+    ('\x52b502be60155ecea78df24212b9646212dc3437'),
+    ('\x52bb752eef8478f639c48cb720bc15f7c3776bb3'),
+    ('\x52bccbe33a3266b08bef82c9291b5f3ad4956571'),
+    ('\x52bfac8bfa19a09e0c6eaac8babd29cb89476803'),
+    ('\x52bfb719114a37853382eeb7024ec2ced6906dd3'),
+    ('\x52c044eea6bdde9ca872602a350c342e8809d52d'),
+    ('\x52c0ffbca5163e8fd9126b192ec9583cfec9c5d0'),
+    ('\x52c1ea564830f16c28047ca7f16da4aa60d6a8e1'),
+    ('\x52c661c11c6e658b377befbb91fd7b3e9466e66a'),
+    ('\x52c9f68804d6ae61eab86657a2a95eb1278e996e'),
+    ('\x52ca3c6e98cfe8425412e809a4b000024e16999d'),
+    ('\x52d424ba2b7148bf8c5125992acb8a72c3d6a8a5'),
+    ('\x52e30ac84049404b36121b4c186a57d5440cd345'),
+    ('\x52e8c0c7554f588b55cd335964f22a91848a7b4a'),
+    ('\x52f4ed92531c0e5e30c08dadac98c06d4f7d27e6'),
+    ('\x52f7424556fad7e24d35361f7ef3b025dca36887'),
+    ('\x52f9a1c08854803484b7ccfd7cddc180e86f5ea4'),
+    ('\x52fa0967e29c6c72db58564ef7ff03c2c3073e20'),
+    ('\x52feb008c11ef41d8af16f7161b92321f2687d2b'),
+    ('\x5301729f8c81ae296422249fc4034e8b5a17595c'),
+    ('\x5301c894fa7ebd2989d7b579dd1d73d16b598016'),
+    ('\x5307ebf47f029e9dd154b770ccf33f1bb3655676'),
+    ('\x530cd66ec7e4256d74d39c1898db957eb8e71f64'),
+    ('\x530d3e115cdac1c299ea2af881345c36b8c583e1'),
+    ('\x530d91b38d22889937ddf0e181f89df4f9da3266'),
+    ('\x530ec7836b534c2df24c6c5ed67aaedfc7a8c9f0'),
+    ('\x530ede18c478190b2d528f997a8de4f332ee9f6a'),
+    ('\x5312aec1acd80b5ac6fd0c783e78a6fc1dc91cba'),
+    ('\x531813a87807659a27ef035f697122236600c831'),
+    ('\x53238482e921814ed3a939863dfccc1d781d8631'),
+    ('\x53276b6a32734c16c22c6fd63eb5e4d9666bbdd3'),
+    ('\x53290b01004e31a678a576eadce30433265158af'),
+    ('\x533dd7c6731c3c7b798d52641ef4eabe43215e1c'),
+    ('\x53462a97238eda1a0784681e7cda098ba4a14a05'),
+    ('\x5347c894bca65c0fe3c8c4f867536b7961c6017e'),
+    ('\x534a67f2479dd2f66182b811ae5c2ec00d4d939e'),
+    ('\x53522f5afea85ccbb42b50178c455939c4afcb96'),
+    ('\x535ccd4cd676ff826be545a8aafc018c02842244'),
+    ('\x53712f2a07fc1ed29fd61246aadb598a3e9cbb65'),
+    ('\x5372cfe35c93d8fe1d3a555dab21595560b13006'),
+    ('\x537424d29743b08daa75c0fbf25c32a1fa4bb7d4'),
+    ('\x537621f6223fdff6e356100d0ed04415f0599399'),
+    ('\x537d581f9aea808b7cf09648576a0d3b82f31721'),
+    ('\x5384c2b769b8e88bfb4c6b9eb796b96d710f82e5'),
+    ('\x53852d3db3d99edeb6543e9f0e7a90b3633fc9d3'),
+    ('\x5388b8c12a98b9ac91f3091af97ee17118aecf43'),
+    ('\x538b3fe69c3a157dfade49937681651d5403a0cf'),
+    ('\x538d7feebb8f1f64467e2b4632fc48c9e155e047'),
+    ('\x538da1de1fbc76aa9e79af7c022c78a38022af1f'),
+    ('\x53950e61539bd96c0023cc31a66b67da8c492dd7'),
+    ('\x539af110989304bab291fe12f792560684ad8d24'),
+    ('\x539eec5a638f30536d1a6dc2b84aed12f702f1af'),
+    ('\x539f81d5ee07ba284af5b783cdb4e87116c162e4'),
+    ('\x53a1072651a70455db68b8de410ce75a80074b55'),
+    ('\x53a448377eabeb6826f216618a938e9d929e23e1'),
+    ('\x53b2713de3e60c47ae3a1c85ee663d1a40d210da'),
+    ('\x53b54ecf07bfae9e32bc995c8eeba72f68ead37f'),
+    ('\x53b7f06bd8fe1d213060c1295c3624ccaa267a25'),
+    ('\x53b7f08a5ac80c719410288d8b5628d02f500902'),
+    ('\x53baf82274f41bf316a1cc7397c61495da6ba183'),
+    ('\x53bbd5b0f7b857e4028ad7e4ba02b00fdb77c352'),
+    ('\x53c105047ce4fc704014e6b80dbe5c3ef54e70e1'),
+    ('\x53ce447cf17ce962f56d93d7d998263223f4ea20'),
+    ('\x53d761c31614190b724084d740d49cb0f2b82030'),
+    ('\x53e4075b61ec1efb7f43e99a4b991dcfe9cabdbe'),
+    ('\x53e683345617dc6b8669cfa5bcbf691f4c26e577'),
+    ('\x53e81c3b0078e6aa55e07fe002790da0f9a0d116'),
+    ('\x53ec8d5da70994528da72db0d55c41d00800126f'),
+    ('\x53efb9874e4747d5f6c0573ed1145cd1a671383e'),
+    ('\x53fbc030aae0e43b70aaae54d2f82688c2d7c16c'),
+    ('\x53fea66079f68d45cca24fa944f8ad395b8b7bfa'),
+    ('\x5400bdc5849df69ef8a050c7c9311f82813ff636'),
+    ('\x54060cf72f528eee2218a468536b6473b026f7d6'),
+    ('\x540b9ac98c52ac5621a3ebfcb16f08135c486ab0'),
+    ('\x540cf4224ad39f43c7c7dd0d2ef2f675f3bc67aa'),
+    ('\x540e89034334a034562da61c3cd531a7cd8fb471'),
+    ('\x5413b41413ed8dad28626d536538b5b3a8ab9288'),
+    ('\x541553294a247007e2e25139382d4ca3fda4a57e'),
+    ('\x541624aba526402bab9d029e3c9a6ac1df1d72c2'),
+    ('\x541b6f9ada08bf44eacf5497583872913ec6684d'),
+    ('\x541f554750958bfc14cf6699cf1d26670ae2e0f8'),
+    ('\x542099e0e67f46744bb219b7086f5b920d2dde4b'),
+    ('\x5424cfbc760a28effa9eb2ca01ac1fc352505a78'),
+    ('\x543ab7662c8d016529aa1ca7eb1e14093a213541'),
+    ('\x543cd1d37ded6e32d92565fcf7f8a7fe03401af3'),
+    ('\x543cfaea4a20c27a6b3d5362b2b3f5b221047b4d'),
+    ('\x543dcbdcb411dfe6c503385685fe69dd21affce3'),
+    ('\x543f45a3b37c6b8b47c0ef6cfe03d350487cfec6'),
+    ('\x5440773d5968b6452be458c8b06ce946a3229eb5'),
+    ('\x5444e23f930945b3e52c31d664d0089978ee3205'),
+    ('\x544cc742fb293b606d0c77d372b6f7871cdde363'),
+    ('\x544d37b809198db9548cea20292dc509ecdff944'),
+    ('\x544fc3b5dc09eff0966c72a8d8ff63b3293e4a83'),
+    ('\x5455815168ab3802576a9bb855f784ee6bb23602'),
+    ('\x545645a280fbb6b3d5df1b4725e449ed18ab25c8'),
+    ('\x545941f9f67222b498064799ca224cf7e9123498'),
+    ('\x545fa8b42a63d35e81e6d4f520961ef67b23d18e'),
+    ('\x546199ed1a51f4342da7c5899580b6a12f12c3d5'),
+    ('\x54622316c0d5280f9cdda18273e97048c0f5e7e2'),
+    ('\x54650b093a2cb059eee4aafc0c6a71190ea5fb99'),
+    ('\x54746dde7e8d341f722776d9ac930cd8eb6c47e0'),
+    ('\x547964875148e35d96bb18d0f64f657d09188425'),
+    ('\x547e1e19356900342bb859796173de083aaee4c7'),
+    ('\x547f4d5dcf7194c8af805568ea7bf1d1e58053f2'),
+    ('\x54805d259df1279f4a23be08e5f575e07766703e'),
+    ('\x54873d61cc629642a0c18f5717f3ed1cae0948c7'),
+    ('\x5488be3b59cacf73b3bc7d1477bd10ae143b494c'),
+    ('\x548c31026e81828ac949d23b2b8937df5ab0376c'),
+    ('\x5491a9a2aefe508e87f8c7ceef7797509c28d1d4'),
+    ('\x54978e1f36a65ed9ef5e4af5a97875008dc738cf'),
+    ('\x549e1c1d5dec03138a127deadb512bb98063da28'),
+    ('\x549fc73c7f7b9bdae068353bc899fb7c5476d9a5'),
+    ('\x54a06001c8b3ad35218f67a3d1131ac9e5872d06'),
+    ('\x54aeff799cb993508f96ae17ab4de0c8ae50e6ef'),
+    ('\x54b12102a8801799ef22707b9c7364627fdfbd03'),
+    ('\x54b2835de182c1524ef7bc2ac54fd969390c817f'),
+    ('\x54b36c48a602f55a4509f6294eee3295572887d2'),
+    ('\x54b3cfaa2db2a9954b103197d05be0a0b141be5e'),
+    ('\x54b43fafc5c8c9fd5d883969dba71d9ffd98d09e'),
+    ('\x54b6c96628f297f47d564eb283c8bb2387bfcea4'),
+    ('\x54cb92e4f7fbed715ffe0a7e3b0e79ea403d348a'),
+    ('\x54cbdef9b66e747a1d0f8493e0df86f8bd3bbcb9'),
+    ('\x54cd7ee0c20afbb686c63f6be6169798244385f8'),
+    ('\x54ce0e56864c8c28c03f628206bdf43b8ff89489'),
+    ('\x54d9c9946b4959837c4a628243dc41898ddc64c8'),
+    ('\x54e2a08f06f723e2304a105c291dce5850a04276'),
+    ('\x54ea739cf0835e8a0ad6c5985ab18a9956ca1ccf'),
+    ('\x54eb72ccb40eb180f16dad8f0cbf9039b2cd47ea'),
+    ('\x54f0da080e300cbd2152be0076db9170bf232be2'),
+    ('\x54f28e2a40b63c96e5942188bb5cd799cd595d48'),
+    ('\x54f3cdcb70f7995c71e8e0db89933552aafc0066'),
+    ('\x54f5b9af5efcefda425364162428241a42ef2836'),
+    ('\x54f632cb9db2bef5bd1fbe24163faecb2787d368'),
+    ('\x54f7dab956d642ee37e59e9edd6de0aed7846c3b'),
+    ('\x54f86cb5fdc486b897f43f6eb31b35c93800f8b5'),
+    ('\x55043cc33d26f68016c11d3261ece8d6c9e22826'),
+    ('\x5505a9e98fa4c47fd06352734ffaf0365dc9bae9'),
+    ('\x5507473d5fbb3cdb0173152a50a112eda321e076'),
+    ('\x55079ed3ef4d0703d08a7ef09509b95b6beae5e5'),
+    ('\x55079f8565e7b435f48980eb88cb5c9e05004a23'),
+    ('\x5507ef14cfb9d73540390366b2eac704ee4e5d85'),
+    ('\x550bb8379f319f17a2ab65a280adb87d60fa21bd'),
+    ('\x550c5ef0a997e85ade33af6b088bf1313e097317'),
+    ('\x551bbecbc593299ffbbef5e5e3ff00d92863f1b6'),
+    ('\x551c79228e514277825c0f2bb6a746f73a47e679'),
+    ('\x551cdebe929e1d2cf9458330895afa012184d2a7'),
+    ('\x55212c6755de51058a9aa8be0f04076db5c51323'),
+    ('\x5526a0b01e0f73f0c8384738b84bd106e36d3282'),
+    ('\x5526abb16cb858f1584c1ee05e2082f3330e20a2'),
+    ('\x552afc3cf2e669b2db82795f38ba42946c95af78'),
+    ('\x5532993a31f30207f81727f6ca7c83071951ce05'),
+    ('\x55410a5396f4f216f60faa919fa35d48763057d6'),
+    ('\x5542b634cf959b47ae7c92dd63106b818b055297'),
+    ('\x5543aae4bd29dfa496f5ae77140c9234f3952c4a'),
+    ('\x5544dd94c9ee7205ece786b138cf4a35395ffa1a'),
+    ('\x5545656da8a6ff9add75db34866a3b45b4de6b55'),
+    ('\x55471827fe5509c01a3b30f2e451995ad72be690'),
+    ('\x554a604985bc626d7f1e60d42620d0536f89e919'),
+    ('\x5555e52e268a79653df723ae87bdf35aa05d8b30'),
+    ('\x555cb99df8353aa5fa9e28dbb666f5996f3f5f87'),
+    ('\x555d348e6f328034451e90a44f55d4392174eec1'),
+    ('\x556ef7db04472e6b6ec762b550f55d3f03e00c40'),
+    ('\x55746a05e851e3cb5fa5b33407f4e7692e4ab303'),
+    ('\x557856dfe70162941adc1a2790d299210dfbf4e5'),
+    ('\x557861aa5eb2a6bf04532a0cd9aabcbca6b1c91c'),
+    ('\x55805e4291a1922a4127e18b4e2d2341730252b9'),
+    ('\x558491dfa4cec5f01fa907a3c8b9c736ae6544a9'),
+    ('\x5588f6e674694f0746f421a65025dcd531803045'),
+    ('\x5589255db27c95a8d68065f143d0a6b4199295a0'),
+    ('\x558bb75d35fdf1e6105142bd6e7de1193f1feff7'),
+    ('\x558ec4b2831b7aa43b445093bde810e934756dcb'),
+    ('\x5593fbd5d7b2491d3845521873e92eb2b0790a34'),
+    ('\x55940eac0284c1763144dcb581bab67c4c7a4049'),
+    ('\x559d1c7c71a3c72cf6618d657c50d6dc4d34fef8'),
+    ('\x559d460c3d268e5f136e3d56c7b975c133acc59a'),
+    ('\x559d762ea7442ee708a1789347f4508f114f665d'),
+    ('\x55a0a4ebafe27f7ac0d85ff9850724bf38079744'),
+    ('\x55a1500b65b0a5b100235d29c46be4409481210e'),
+    ('\x55a23afa3f7dcb08fbd8e4f246b8727085dcae72'),
+    ('\x55a70d7d9c0c64dd1d91ff283623f4323569e8e5'),
+    ('\x55b72ccb46bbfc7fc0d7d409d1a13aa2098f06fb'),
+    ('\x55bbc2ed7538c178bba7720d9473206351c8412b'),
+    ('\x55d2b769064620875e99623c677461e3d8e88a76'),
+    ('\x55d5caf513c212b5143ef4f9fa627fd40a6b5965'),
+    ('\x55d724f0403474193b90f884c473ff6b73da085a'),
+    ('\x55d922bad6066bef6f5d36d9f52faebbdad21d23'),
+    ('\x55dd13907f63bc6bf89a59eb3bf0eb674f379ade'),
+    ('\x55de6ee83e4441a0c43dfceaea7e9722908617f6'),
+    ('\x55e7054bb9ba50af5c29f111e6df3c4e611404a8'),
+    ('\x55ea9d70eea988079ed4a40aa37f19cfb2ee6538'),
+    ('\x55ecbe6c37ff6635ea06af2424e5c325700fd3b6'),
+    ('\x55edcafe25418b56cf45a2c2737bb2e700cbaa86'),
+    ('\x55f58b3bae53c229f6952102e572771c20c3a8f3'),
+    ('\x55f6732f1d5e656ba2fd2e4fbdb42d59436541fc'),
+    ('\x55fd3c24c5c288112d02ff911cd10f1dde46e629'),
+    ('\x5601291372d50d5d1341249c30a8ab4682e2f432'),
+    ('\x56041283e65b57d3b3465effa085a4c464a401fc'),
+    ('\x560c72bafc8f59fbef0a6a1af18509f68daee1f7'),
+    ('\x560f9103e9af5202b85fc432f2dd4d30d30867e6'),
+    ('\x56112e56729e52c9f8ba6e3847d3488481e21d7d'),
+    ('\x561e5e170ab5155955ecc2730a5abfb185695ad7'),
+    ('\x561f83889e211676638422930b81fb7f85404d1e'),
+    ('\x56219e0ea1619777725634cd93e0b8ae574be7cc'),
+    ('\x562497e1c3a4646e57bea415b7359f13e339b777'),
+    ('\x562877e88c9436d18e1938699aad2e98e11d8d51'),
+    ('\x56297b7be7ab48363af73fe3e6ba7a87d911f096'),
+    ('\x562a7eba8deab08826660e50137752403cebbb54'),
+    ('\x562b9e86894305b88f2997ff8371bbe660f6870a'),
+    ('\x5631e2a38a683bdd1ae9db9d1fb1021672c7cb32'),
+    ('\x5634c2af55c7d311364f812657ced0aa0b2076c3'),
+    ('\x563872c7680aed4d9f8f7a4bc4f3c1506c2cbbc1'),
+    ('\x563b7d269e55d359c53dd19b510b2f8652b91d5e'),
+    ('\x5644df38bf01531fadad60f7bc28d1bb7fdfcd26'),
+    ('\x564d8304db52c91fa1a97673fec90e07a4304e5a'),
+    ('\x5650f9e72169ea4cade93db4e0962a3a886eea8e'),
+    ('\x565155a70050b633e26d8131486e7f51bd4945fd'),
+    ('\x565b81fce72859e4f3867f9b6f7d00ea75039288'),
+    ('\x565ca27e8c0378c91288e1fc575d0d2fceca085f'),
+    ('\x566070f49e04a4c4357691d33272da82c37337b4'),
+    ('\x5660bee1ec3cbfe177af902b4271d3e6f38c14aa'),
+    ('\x56622e659ef5977baf3c8d7e6ffd2fb5e24c8a60'),
+    ('\x56648f066b99d520a9c70e3e20b87d2a9f985964'),
+    ('\x5669101202343bbb6436f2030794caac4c829920'),
+    ('\x56707c8d9d590af218266be2615163d248a77e57'),
+    ('\x56714fe2aec76c02d806bc3bd2578667647afae9'),
+    ('\x5672afaa554a8ef98cc03275affa395cb1a3cb56'),
+    ('\x5673b5ba01de940c48bf9715cc913efe9ee841ce'),
+    ('\x567b1ae7a1b5f40d1359216206869f4d8e22170b'),
+    ('\x567ea77c4aae0967931f940accf1d426a04dd5b7'),
+    ('\x56817146a5b70ed08be5066430495b60eb2ac5cc'),
+    ('\x5689baac96c517dbfd3f14f311efacb7564a66a9'),
+    ('\x5696f2c072bb9d954eeda2e2d6d50ce8daad42b8'),
+    ('\x569e4a923014bae17db091a2cb84c0bba86b908e'),
+    ('\x56a1447a1b83933b7fc216b84cddba0d2e182069'),
+    ('\x56a2a57a7dee945e1a9152006e8edb1749520a12'),
+    ('\x56b72ae6db7aa9ef0ab153f94c914f53c32496a4'),
+    ('\x56b8e86a783c7c9b7f59cadef1854035471bc7d6'),
+    ('\x56c1016ea35b565aa64dac314c03ba92f05b5cd2'),
+    ('\x56c365deb389f7c4e27d137351a3d738aebb55e9'),
+    ('\x56cae654b13e5fbc684a2166382c768d9c547aaa'),
+    ('\x56cf7deed7aaf3623cb897908b76fe53d880ea55'),
+    ('\x56d2fce94ab0eeb44956a0a05783ce2aedbbdc34'),
+    ('\x56d8e401ca93fe0ad51c86310e359c2395748960'),
+    ('\x56d9996f419b195ca13ce890db3f4594b1d946a7'),
+    ('\x56daf26ae7608343c64931bbc6fa551ea131a1a2'),
+    ('\x56df3456caac4eed88a7950e34fbe9503141f498'),
+    ('\x56e7972fb915e7790d81811230bbd26215df5249'),
+    ('\x56e8203946a4a23833bcb5bdfccc27e5381c268d'),
+    ('\x56edd5cac405b6fd2683b2898b7b8a942e4458f5'),
+    ('\x56edfc539149d652e0a24aa9b05f6629b8fdafb1'),
+    ('\x56f25fb4e4c9d89086a5b75acfe2368c3482af34'),
+    ('\x56f9faef5a2a6272502e072b17f72b9d1d40b738'),
+    ('\x56fdb0e2b162a8ea0a427cc6f1966557249f27f5'),
+    ('\x56fed4119335fe248c5a640511aacbc3bdb43819'),
+    ('\x56ff3e2edd63bbf26af8ac046ee1670b3907f76d'),
+    ('\x5700edcd52056633dc14f06a69909da4b17fca28'),
+    ('\x5707f4f56e704f2148e6191cbdc0f130ad33aec8'),
+    ('\x57095fa1623084ddfaf105ef7e91011088228e44'),
+    ('\x570ec4069bde0da50542d48cdd571d267baead16'),
+    ('\x5719635dcb8231165f943b2a927cf8d4ae286f07'),
+    ('\x57209db3b12125090ced781570fb5b3165d6bfc8'),
+    ('\x572975aad8dad1a3e4eaf4bf039bb8bb426f6b86'),
+    ('\x5732a1adde744f5ab6647f8d8c580c1ffd9f12b4'),
+    ('\x57355c0d64307ba003dd819f3a3d984afc4a27e8'),
+    ('\x573ff5d8abb9056f1cb619d9faa902fcdb099a08'),
+    ('\x5742234e90288090a404d3258d3d4fab74b6ebed'),
+    ('\x57464ea5682366d77e4cd229a574d5e37eb95eaa'),
+    ('\x5752aa139731f1ca794e9dde33acc8ece4128dfd'),
+    ('\x575852d72fa0acf26b4a3d02d62ad1705af885e8'),
+    ('\x57657dd8bf11bbeb932bf128c8a84a1576184716'),
+    ('\x576e6b07df0f97cb66a2bdefcab0e9421456f569'),
+    ('\x57791c11000219022aa4c06e445c60e485e6e9f4'),
+    ('\x577b08366a1c7b23e11a98ba4c91c37f58c40b53'),
+    ('\x5780e3f7d4dfe95b034111170bda04b1e72884c5'),
+    ('\x5781727eb2557b9c4d6a64517221a5f634ee97cc'),
+    ('\x5781a74bea92eb6e3ff47f2ad3b5766c2c9043a6'),
+    ('\x578542cfd9321c98e5e913e5056ed244e1b256d6'),
+    ('\x578836a77fc1ab366b5e928a773fea60e9e6ae1c'),
+    ('\x57898ac35042c93151f9fdb3a9e3ff9d5d837b83'),
+    ('\x578fb234d2c1350a302d7a139065337da0087aa4'),
+    ('\x57991076e870cb14492cc2344af76d615681d72e'),
+    ('\x579965d16129098190cf10a542ee94d24e56c85f'),
+    ('\x579a4ce6454f9df98841b02093fe39fc3115cc25'),
+    ('\x579d9990c3365d96d7691177d983b17c9234362c'),
+    ('\x57a126a076303fc02604d064f0458e5bbb5279e0'),
+    ('\x57a4c287f62e943877393fbc7bbfb40395684704'),
+    ('\x57aa66473f016cc93ff43c6f7df528cb79efecdb'),
+    ('\x57b4433bbf00881993a8477e6294e9afe36258b9'),
+    ('\x57b44bc541de8938b23497442e5a018f8f1a0fe7'),
+    ('\x57b6c3c574878ea5fe679098640d0d8470c2c764'),
+    ('\x57be3a7c7a363572931e3dbecdabd80b5fa8331c'),
+    ('\x57c2f9574ba30c0c07c601ccaf607aac6a708b50'),
+    ('\x57c67d6b90aae4eb7fe78c73751fe879da831a9b'),
+    ('\x57c6a3efa752df25dfa04293bb61536219b11bd5'),
+    ('\x57c846ed57dadd024c47de4a52cd510e65c6ff0a'),
+    ('\x57d0a26503dc421d49c9f3f5f2ef34da9ba336ad'),
+    ('\x57d643fd230e51ead01b43ad9dd2f39ca7f4d902'),
+    ('\x57de3b440abd855f3ba15f6e4fe712fede06ad01'),
+    ('\x57e5679cfe5605414e7d5bc9e12c824be96ad6c2'),
+    ('\x57e67ead66c7a7fdd83db43371896caa2bfd7220'),
+    ('\x57eba0abad8a2514a39b7abe090815c40d69d1e0'),
+    ('\x57f8fba6db7f6538237855d984e86613e2339567'),
+    ('\x57fc929c331f016dab3f218877372ee348bc9c29'),
+    ('\x58009a583974e91d0d2183a1de8a50a5bb817626'),
+    ('\x58016c71f006ebed224e571985a55e53ef692c8f'),
+    ('\x58032a7aa5be75c442d04a96d7de0d7dc4e6ea4c'),
+    ('\x58055f398dafb4abe750e68b2aeeb688dc16e2ba'),
+    ('\x58061fa97f739c934d6034a175ab8261c39cd9ee'),
+    ('\x5808abf47cadb2277b8c6cee454be0ebb14c07f9'),
+    ('\x5812c6ae18e9d285ca6755b2e519c3ff7709af1f'),
+    ('\x5816b475d9982204ff7824032709cc1fab2beede'),
+    ('\x581cd056f467857f07c195a4e96ff5ea342caaaf'),
+    ('\x581e12381be6c30d54a862212cbfc64f40403e10'),
+    ('\x581e22a1331d5784a292b8daa1d3ed8987f973cf'),
+    ('\x582805f1c285ccb1a28b09c49780ff078dcd91d8'),
+    ('\x5830054db36b81a131a07b8a0c4b9700defc25b1'),
+    ('\x58331fbf3d74c6929bef6cb17eecf11e264ee64f'),
+    ('\x58400901bc46fac05560910011bd4f6d55546081'),
+    ('\x5842b522c7d62932e7673a94bced3073ea057b81'),
+    ('\x5844fc99af64a0f2800e60356cefd6d4857b67ba'),
+    ('\x584cadd3efb5f788de41bc93da587233e6677130'),
+    ('\x584d61a34a91359a150d189db8a0102dad449543'),
+    ('\x584f1884e02d1ef61e9f43383e54333506e12618'),
+    ('\x5853942a28470e14107a3ec54cf12b09c52925e4'),
+    ('\x5854bd9734f617444057f59749009b77086a445e'),
+    ('\x58565e30053163cefc1eacebb688f4b37a439a48'),
+    ('\x585a8ac72ef106e473c4aba16599b11ee440b54c'),
+    ('\x5863ff398888428e62683877c8ff13c3286d3837'),
+    ('\x58660c49b183148648dceefbf428f8f5f5a204c8'),
+    ('\x58676dba4058e443060f32fdda2a88852a1882d3'),
+    ('\x586866b9381fdbf4e1ae38e5a538349825f256bc'),
+    ('\x586bae80e6d9667f7bd209e6c653f49121f6bc58'),
+    ('\x586d18314f01f024d1f8380c73a33bd800c08aa6'),
+    ('\x586f763f68d8a74f4f478ebbf509158e3c9ce5db'),
+    ('\x58761422a189d0066578a59feec68696774a8586'),
+    ('\x5879b4cd63880940bab3ef7a5a9974d7db4a8791'),
+    ('\x5882e12b06e3d1824037bdb0fcc7509888fa48be'),
+    ('\x58860deeb50c54fa41847876c9daeac5cb4498e5'),
+    ('\x5889cf95c516da28d2fc85a2a196adbed7b530d8'),
+    ('\x588a1b9e45e361a70d04a52660e41d10834076ac'),
+    ('\x588ffbb2198a1e6a5ab6f02b41f579987cd65036'),
+    ('\x589168370c1d387ea337f64036fb35bd5fb258cb'),
+    ('\x5893f91dfbb9985c157a92c37bc725d0001ce769'),
+    ('\x5895bbac9cd94447c1ff4f37f9c7ee30f81778e7'),
+    ('\x58974042d40cc238fc1363514288c2224962b1fb'),
+    ('\x58978444cf2fd509984b93fe43f93d387ba46f16'),
+    ('\x589e58d8a198563f354956148a9cd8d703c3c81b'),
+    ('\x58a391302f1564324a4626083939b4d09e73ccd9'),
+    ('\x58a4ecf1ddc84f08e476a372c2a25d5edbf2de29'),
+    ('\x58a68c61842349a28282d838da57881488946f13'),
+    ('\x58af5b39bf2ff3989cd93e4d2ba2e13faf36c22d'),
+    ('\x58af6c2133c930dfc40e9e98463e61a4b7be3a4c'),
+    ('\x58bd8f9b5f27d8f3b848ae86eaf42149a3d2dd93'),
+    ('\x58c439dc366ff6808d03393ead472d813fefc0ed'),
+    ('\x58c5ab3fd34ab6c9e8840b56f597460af0083be7'),
+    ('\x58cfe90c4c0d7eb8789f9812f2304aa65eaf54dc'),
+    ('\x58d247b479562bc96dbe4e4fbb982e3ff9195e86'),
+    ('\x58d281319eb9683daf2896519f0fd977cbdb40c0'),
+    ('\x58d2bb2eb81ed11806ecb3d5c85f644c8727fa10'),
+    ('\x58d45397121d6784a089d8e2d7082761149d9884'),
+    ('\x58d56eef8843aaedfb5789c726c2cb741e88c42b'),
+    ('\x58e9e705d6b68fcda1e0e85fff3f61b051ce6810'),
+    ('\x58eff79cef38741205d742e378aff53ac2db3808'),
+    ('\x58f28a8b82891ccba552343e2e1e6258fac79b93'),
+    ('\x58fb3e93b5ae41abaa6fe8de87cc4f0656fbfe6b'),
+    ('\x58fc85eacbab2add11bf4595e1428878dbe4da6b'),
+    ('\x58fe4917aaea72a180b88ece2d90050fe19fffac'),
+    ('\x59007558e83ac69284ea1a798e7b70e647bff275'),
+    ('\x5900c70589678f3ec45d454c50883e231a09c6ef'),
+    ('\x59012ef415fc47991c189cf250151e837ce6bd52'),
+    ('\x590abdee32432c0f3a4ba85c219be537441af960'),
+    ('\x590f24b1815ae07979882b9b601a319ef9d3545f'),
+    ('\x5911eebc5779895d1b062f382cd2bc53e6e960e1'),
+    ('\x5913a6acdb22476c6ef569b675e2adf1db3c4c49'),
+    ('\x5929cf4b40be453feaa63cdb1eddbee0bf0e9124'),
+    ('\x592c1b94bbe8b07e94972192b46a210ba85251f0'),
+    ('\x5934bf7251f37ea81ee5321fae0ad9db0324e032'),
+    ('\x5941914bead36068e25a092a5dbeb793e06585da'),
+    ('\x59425f921494a30a249504ebd809a73039fe0f8e'),
+    ('\x5943d44784c178976ec5e0b8a1f739acd9839d0f'),
+    ('\x594a342957838a1fb90b971aee5bfa57a370fb9c'),
+    ('\x594e5d748b691bc908e7f317d4a13b5085381b3f'),
+    ('\x594efa58c1210c9bc31c586a02ceb34963cfc065'),
+    ('\x594fd8680e3df632803edaa6f17dc81e77b6c2a1'),
+    ('\x5957c9c55b61060b8e916768eef37e0e7fddabfc'),
+    ('\x59607f268ccd561db71a0912f89287f8a575784f'),
+    ('\x5967ae862e4f191a85fc09ef95611f62b7314800'),
+    ('\x596c46395fdee1588500965326afa84c78895160'),
+    ('\x59749d9c20f95386329f9a69fab5cd5126a88202'),
+    ('\x59757830eb8bd90b9445d0889761bd2cd6bb0e9b'),
+    ('\x59820d825b67e6a14c310dbff77e044cf131af64'),
+    ('\x5984c57a19681e0727a01b71d7380c0ebd685deb'),
+    ('\x598521e6ac047d9f54c2acdc750a64c24820b2aa'),
+    ('\x598b06918892e69e9fb480a1a85a0298a5c82717'),
+    ('\x59951bda495515a387df54fd3587fbf2148700d3'),
+    ('\x5996a2fa1423e850cce516352fa068a7521d3ee8'),
+    ('\x59ab003b28dd1ebc71e40ed38a6ce96a5835cd78'),
+    ('\x59ab4dd6d6c1642253d6b7e9f56fbfd360edd4d1'),
+    ('\x59adddb0391e2b5b8e13a8f2ef75cab57b8ef924'),
+    ('\x59adec25964be2a0411a97d6adb1875dc3d4f6cb'),
+    ('\x59b63278d2406a387d4fc751fb574d3e526f8eeb'),
+    ('\x59c051262a062b6872eebbf608643141486abe41'),
+    ('\x59c233a3155c49b75c38f9e2e98c66834296651f'),
+    ('\x59c9c19e61afd0c561cc9a4d32328036a6d9dcc6'),
+    ('\x59d489d1771b3efb177dd9fee51e1ea35be26367'),
+    ('\x59d60d712c58ff016ad4dc83b7836a3a1cd5343e'),
+    ('\x59df7b1e42a236557e9584409118c228ac7e6bfb'),
+    ('\x59e182ac162bb89ac7bf1f466c821d49ec8608cb'),
+    ('\x59f1b1029dbf510c4df2fde495cb669967613fcf'),
+    ('\x59fa5d56a0e751e8f59432d4e1fc471d79c9e336'),
+    ('\x59fc99e7e4b0c14b783b1cfa3e790bacadd59166'),
+    ('\x5a0534bfc2e63ec412aeafb923543730e7eb4540'),
+    ('\x5a0f3dd0e73b380f24300e4e13ac10c9341b1df3'),
+    ('\x5a141d2bcfe361dfe0c6954814e26fe66f705be5'),
+    ('\x5a1e9d65767ca0526ddf96e5de19c0414df6649c'),
+    ('\x5a1fd4e4159371a8fc2e79e229bc5052f0b3f5d8'),
+    ('\x5a26140c747c0584708884084849c1e3bc88867c'),
+    ('\x5a2a8f567a478024efe0a0f3cb7276006a7f4983'),
+    ('\x5a2df9b1cb9ed795ce4f627fc2c045d2e2b0b022'),
+    ('\x5a3004c0e8fa1e4ff070172d330e4f02470b4d16'),
+    ('\x5a32c3e2b3dee406b50ba2afd6b5ef6c15a41db9'),
+    ('\x5a3be9cb1df06fcba97cec839d5bf0af801dd189'),
+    ('\x5a40603017467d79522c55313b0c8497502f00a0'),
+    ('\x5a4369788d1f611a73207061a492a67f356e7843'),
+    ('\x5a4c8cd9d49e99813b97e7ea70f90c47d738372b'),
+    ('\x5a501b7d3344e6c4b96fc56a2b0259c0da037d6f'),
+    ('\x5a52d0521c859d1da8d6c3d14bcfec873e5c47cb'),
+    ('\x5a5562029c8c89cb1862e0c6d39f4d2d16b318e2'),
+    ('\x5a563da93bba41a372e0d6f928cb19c8c7a564f0'),
+    ('\x5a5bb83e05c09c4ad75fa69870aeb1993f0a0317'),
+    ('\x5a5d4309525ba27d915be22d739599cdbdc3d7b1'),
+    ('\x5a5f1061ed66e6456c28f284b885c3e9f5c86a06'),
+    ('\x5a619328305771eb22277ffab2b9ec832dc84430'),
+    ('\x5a63cfc2a288c158448d97ead9cc3b4af1e1a247'),
+    ('\x5a66312cb2edf92bf6701e9fc490843e6731294a'),
+    ('\x5a66c529dbff38b59c3b7be7f373c9803218c570'),
+    ('\x5a6a0baf5fc36564b8a14f5b64122327824e8031'),
+    ('\x5a6b38be7c5bb694ef60d68a4bcb2bf6af9d84e7'),
+    ('\x5a732f106f2b2a2dac6c911b0a87e2144409cee3'),
+    ('\x5a7395b9edd64550cc214418ea9a4732818a056c'),
+    ('\x5a76464ce82a37e64c6b47735da3b0b400ce45dc'),
+    ('\x5a76ca26ce0d298325db5e48c9c830436b03f749'),
+    ('\x5a78351a4aa351885d955fa39e0ce409f4ceb148'),
+    ('\x5a7f242843468e27650fec7a1076df6dc15604b1'),
+    ('\x5a9144ee28c8215a20a8713568e4057c9e6f5ea1'),
+    ('\x5a9c6031021e871a28628dd4e0bb995ab7ad061d'),
+    ('\x5aa04d594113ce21419f0949528527e5726a7d19'),
+    ('\x5aa1614da7b1ec78dad843c25a242a0fba466fcf'),
+    ('\x5aa6feac41d4fd53364d18a32b91c4c67a522c0b'),
+    ('\x5ab624f333e3206788822ab8705b2b730c51ddb5'),
+    ('\x5ab69d21ee2c585af3b09e7e33333abadb707436'),
+    ('\x5ab92dd3e79d60f4a958aa126fbbb5c06a49d745'),
+    ('\x5abe7441430ecbaec355294b01a8dc79229712e2'),
+    ('\x5ac240c79822e516212715334052620477ea1769'),
+    ('\x5acbf777117065523a5110de89dbacd6b77de24d'),
+    ('\x5ad44cfa774d8d078c96ede3da85594619224c68'),
+    ('\x5adf2c2ff8025323bfcccebff5aa20954fd8618f'),
+    ('\x5af1af144a23de3b3bf4f8d38b7ea81053d030dd'),
+    ('\x5af22686d57eb3b06d4d775387c302663bbf17ac'),
+    ('\x5af3d2eb5b30212e2add466eef493522cf836f53'),
+    ('\x5b0920ec48d6ff197aef5976cdc7fc23e6664df0'),
+    ('\x5b0a68217cbcdf0340b719a58a30e4cd81991c4f'),
+    ('\x5b17f8b6ca16cd18b948e4c14a9fb0f5ec5661d4'),
+    ('\x5b1d1142621fb507f22e0ffa509d81743ba61830'),
+    ('\x5b1db0e8ebb4c03e2ff4a3bf6ed68a5a0be540f6'),
+    ('\x5b20fa47b60afe2eaa54f157848747703d75f03b'),
+    ('\x5b29804f23760a5f1171c0a6920d95dc33ad55f5'),
+    ('\x5b2c6971c67799e451bb5e94e632fb7721040617'),
+    ('\x5b2dff9f25353b62ffade8be6aed59a3b6bf7131'),
+    ('\x5b3c51088393e05706e2fc37965399013f63fd95'),
+    ('\x5b3dda6e4dc7277dbefda8447743fde861a5ba8e'),
+    ('\x5b3ff1d179fc0dd0aea44388e884295bb59f18ff'),
+    ('\x5b444ef08447847ece5fd6cb640a3fbfc7c55887'),
+    ('\x5b45eeaebbf5f45e15e2ac6f41b213e4da073008'),
+    ('\x5b46a2e9a227bf2377385e47e2e4e2cf6df0cee9'),
+    ('\x5b47aa03c383bea853405373c14270b5264358b5'),
+    ('\x5b4a2801748d2307d03159b4c52d788984b9c8a7'),
+    ('\x5b4b5afe6ee4b560b65b2f2040ad38f6c094b347'),
+    ('\x5b4c718f16ed4241dd2e118a7cb7c3be2adb547a'),
+    ('\x5b4e70fa22a74c67dace2ad51f9d79cb84003eca'),
+    ('\x5b5118b823a929b753cfe9e8a8bf808d6c4ed7fc'),
+    ('\x5b54acbcf550480de6a1bbfa22cd0effed4ff85e'),
+    ('\x5b550f9c8e7c54a9754565a2c54257c4f4750398'),
+    ('\x5b55ec98ddd25f9cd38a35c1c5df2aefce4fd63f'),
+    ('\x5b57279bdf3fb24d81a19f855ca70499ebc4eb5c'),
+    ('\x5b5901370ba999692c2c9580505cb7bf1e14995f'),
+    ('\x5b598050f70d8cd6c6a5b50ff55294e1c09ad7ad'),
+    ('\x5b59e5b8ee7bbbcad8a60c68ab7a98c40d0fb611'),
+    ('\x5b5e4bb0dfa905a34a90e66966fe236d578bc8e4'),
+    ('\x5b61bf94090664b31e8d52a7f08e8fc0876afdd7'),
+    ('\x5b68e0f18b015dba4224f7068acdf61200d19397'),
+    ('\x5b6afc62112fc7ca00a8aaab914b3ed5f8cb17ce'),
+    ('\x5b6db8397e2ebe9eec70ddecb93145ea4928a884'),
+    ('\x5b7ff6612b51257b0bc429bb6a414691ac1a7977'),
+    ('\x5b889ef3cf71c83a4c027c4e4dc3d1a106b27809'),
+    ('\x5b9303709a952a9c5a44e47d49922e44c8e0f961'),
+    ('\x5b9bf54e1b1a6fb44e0b4a4a07e8a61c0bb1dc7e'),
+    ('\x5b9ccd29448be6336f8928526cf545f2fb00e008'),
+    ('\x5ba03ff2781c46598617df7695d95dfa66c9e8e4'),
+    ('\x5baf7ffc6b75a6813b4887474595411bebc94900'),
+    ('\x5bb1f502f82a52be77342ce2a6e04a94983794f8'),
+    ('\x5bb4901a06efc2a5815effd86a87960a9fe1f71d'),
+    ('\x5bb5f4b91a81c2993bc22550463eef8b75d7b128'),
+    ('\x5bb6040f3b328bfffa4738f7790b658bc922a6db'),
+    ('\x5bb705a4a4e80e3295f4874cc3e1caab08b6e602'),
+    ('\x5bbd52ec3fb227e9a49837d8ba05d3904ad19cdf'),
+    ('\x5bc489f160d1e7716e0d3a3db7ae542a3e9308ca'),
+    ('\x5bc76567ec7be3e3f6e8e4ac844d6207b1d5f1d6'),
+    ('\x5bc9f66410a90382e6559b850f934d6263b89fd9'),
+    ('\x5bca09485c70707ec728cab9c999074d1e7ddab5'),
+    ('\x5bd1ea6e46becfdc86e243c1df06184b8828ca04'),
+    ('\x5bd57d4f89a31a1f9e9170d3ae41f401ebe8c195'),
+    ('\x5bd68201e3037c625f3ab608b2b8ec803659d2dc'),
+    ('\x5bd7eabef2c286246cf502bace860153821fb0d7'),
+    ('\x5bdcbb3013e533916f23e736a05f8e7db733e3c7'),
+    ('\x5bdf252d9cfde17fd780d972aa9a9cb3d497296a'),
+    ('\x5be5cabc17c2821af8346f67832d5c720afe5450'),
+    ('\x5bec1b4732bc453a7de121456207f63288c1b529'),
+    ('\x5bf114cb7ab60cba6df37a7e5583d97baa86cd63'),
+    ('\x5bf6c819ad608a272ba55c179068b4561020797d'),
+    ('\x5c0c4ce3c7d174c31b24537ee08fa5030bf1efe7'),
+    ('\x5c29603c435ac29f8c89828bfcf2e0b5fe35c608'),
+    ('\x5c2e5d761d4fec2f140bb53b9c2c4ad1c49b1a45'),
+    ('\x5c3023bee0a791a204c9c3a90bfe8a7dfca8eb9b'),
+    ('\x5c304d1a4a7b439f767990bf1360d3283e45d0ee'),
+    ('\x5c36936a522c88b6c525a34e583541d7ec56a66d'),
+    ('\x5c38838d93a2ca20305d097d683dd36c8c553f76'),
+    ('\x5c39d8c096b5bff0c887b77f394059e8b2cbc535'),
+    ('\x5c3c987f6bc35179e1a9c92eb9783458be7c4bea'),
+    ('\x5c3e09b39dc2cdfe601b0e86c5ba5bb55fadcd33'),
+    ('\x5c3ebeb78203cc33b2b55643cbee82d460bc0efe'),
+    ('\x5c4bfbe8af3ca95cb9b21ff4f5fc734c83e4fde0'),
+    ('\x5c4c9034a156cd53471e532cdd71dea5259d067a'),
+    ('\x5c4fe63c3efee2c8e83856dc940685e77642c3fb'),
+    ('\x5c575873b6813024db7ebd13279f6a8bff630fbb'),
+    ('\x5c5a295555180cb354eada0af50664ca973510b0'),
+    ('\x5c653ccba54742944a0469749cddcb1233d11e9b'),
+    ('\x5c6692982d68c2caa6271142cb6d06fb886d836f'),
+    ('\x5c6ed306e7a30df053a2d4e9ddb0e4d259dd2047'),
+    ('\x5c710a8e0910fa3dffef4c7f7c47aea08fc074d7'),
+    ('\x5c71592e9017effe3be45e6e90cc41e82efeb913'),
+    ('\x5c735025a70e80d4b8ade2c3cdafcfd65dd22ff1'),
+    ('\x5c79f4f7e0d2f7a2cae5cc7e56919e4ecee64ce2'),
+    ('\x5c7a33a6cc0b274aa63429d4b55f4a3fa57fbd31'),
+    ('\x5c7f8dfc162c6e0aeac73591ef1b97d4305c6c67'),
+    ('\x5c87d30976f01a6430694bb3ad6d80b2a08a1798'),
+    ('\x5c8882bdbf5e6e75d7c87770422e581bf724aee9'),
+    ('\x5c8d9a7668deff8ccfd91c24eeef5321f134f318'),
+    ('\x5c91f0c61a0db6f4ed78d2d751363293450076df'),
+    ('\x5c9647e8ced2e768ca9a526ebb0ec1f3e05028fd'),
+    ('\x5c98a253a2ac0af7d186c6fa0282bd808aed5502'),
+    ('\x5cab1a1a32f2552645fc124fc7982b22b02a1f1a'),
+    ('\x5cafe35522405455af3c4f7a6c1dc2cd214306ff'),
+    ('\x5cb50013d29d0df50c7c06b33c41a168e4d643f5'),
+    ('\x5cb6f730198c50ac601973bc569f6eac9f85f634'),
+    ('\x5cbc74ace874de09712b845a6bccd53c8be62380'),
+    ('\x5cc2ba8f17007c1b28248d5fa6163826c9cdb70f'),
+    ('\x5ccc3d1ea899613b6d0970b7578210d450525129'),
+    ('\x5ccc878abfabca6261548a754505f7aed91a40a3'),
+    ('\x5ccdbc0e9890bf87da983262422753449b875e73'),
+    ('\x5cd085e7cc1ca6ad6b1f1a12b82d300702614fe5'),
+    ('\x5cd3c4cf01c9df1576ca04b8519d6205252d1c9b'),
+    ('\x5cd68f0655fa13611b278cc7b1215f6b693381bc'),
+    ('\x5cd9915382a3e9c469f593f7c3f88918f7d41789'),
+    ('\x5cdb41e08329d60793082372f74fd0aa914677ab'),
+    ('\x5cdfd50052eaaeb0868f9ff81528e51eb5c181b4'),
+    ('\x5ce1f2144ee3a8a65b53f31d4b1402a3f758b959'),
+    ('\x5ce2a009e1fc59f533e8d0af5f61bcd4709a34c8'),
+    ('\x5ce6761ca815f9993828dbe8930c084ce9801c18'),
+    ('\x5ceac3b5f0eeaad70e699521ebf30e6ac421903c'),
+    ('\x5cef9de5d1c7e17d571ece818fafc8bc539b896f'),
+    ('\x5cf32eed62f38af75e7e0b8368a5c2da83b7a0a6'),
+    ('\x5cfa6e0f134d088c907c2090560cf06799f41137'),
+    ('\x5cfab117988c37d5ecb03e35b04af89f741bac46'),
+    ('\x5cfb31b2f2248b19965fc48e55c33eee396cb7b8'),
+    ('\x5cfc0e6e51d1fd40558eabcedd2b26b644f14551'),
+    ('\x5cfce9d7543d1b772d3a0b2884ad2da07407c5a5'),
+    ('\x5d06e6e6c44c54e16fa2e42159ea6ac0f78701f6'),
+    ('\x5d06feaa4f1e4b641531f26e9169e94f96dc854d'),
+    ('\x5d07e9065ae17d0e31afe9ae3792a18f45d7c602'),
+    ('\x5d0c61b58305c947f80cbd6cdf983cd5ec9530c5'),
+    ('\x5d12293c0e466d34f0db0a2edb1b47a68da02c85'),
+    ('\x5d391f873a52068c63b1672580874517826ee80e'),
+    ('\x5d39b03c57f33c9cff814cbd1597259a0ffe4042'),
+    ('\x5d417e82b250edb5322674fa21b5723960bf5e7e'),
+    ('\x5d45cdbd48ea7554f5b263afb7c978b878fb66b1'),
+    ('\x5d4645c6e5b47782443916601decce6bb7c537f0'),
+    ('\x5d4f995fdf94848a7fedefc5684f43845061af41'),
+    ('\x5d57bb811a174953f1616200b1bcd8b68451a96a'),
+    ('\x5d62b5ca4ffa54dc8a2cbb7e3f34ab77d4506187'),
+    ('\x5d64b4af28199a806b05a303779ee44c2f6d26bd'),
+    ('\x5d6cc55ad759b2fd27b987b1d64ad2c17224761d'),
+    ('\x5d6e0df63e96865ad8423c3235a01a7d994a82d1'),
+    ('\x5d739efe9f73f7dcd8b3ba7030c78d5c5783de23'),
+    ('\x5d73f9ce71e0d088af333c6e504b9eff746b82f8'),
+    ('\x5d79685abc6dee8d6b272b83aab16b145d8e6071'),
+    ('\x5d7e83915d5de9fcef661ef0f1f649dc754347c1'),
+    ('\x5d82820e1dac06f5626c24b604dd67aa468b020c'),
+    ('\x5d82d41fc4691f52291a523a9346cccc0d070aad'),
+    ('\x5d838858735f8857a29d6e2195a60cc6a0ef347c'),
+    ('\x5d8388d789a7dec4f93ea7840e920c0c09e1bab6'),
+    ('\x5d8ddd9837db344d6e852de7011710124b45edc5'),
+    ('\x5d8ebe8fd5bdf4ccc491c5dca92e1b58f1a235b5'),
+    ('\x5d90d5ec28657d6f0b41aab37b7d890866a65844'),
+    ('\x5d91c553df0819a697fe78d778d03beaf96d1749'),
+    ('\x5d944ab84ca64d3eb1a09e91a7e00ef81c43d425'),
+    ('\x5d9a649dde79f3fe03dbf3ca23d3de71c3669300'),
+    ('\x5d9a82c557c49284e09116061b8cd768c9e7e157'),
+    ('\x5d9fda0f38a0c0cba357a61cd9ca326c78f90dca'),
+    ('\x5da0c00d86b3ac74ec420ec6ecbfb32fd504d4f9'),
+    ('\x5db1767f0f162ea97ded64300d96e07483ef9913'),
+    ('\x5db34946d247f663c85bb5a13dbf502b5875424c'),
+    ('\x5db710300bbf9556159dfd723139d137fb2b18c0'),
+    ('\x5dba6d5eaabe9b9e955b845c8248f4f84b5f00d1'),
+    ('\x5dbcce28c2ab5afe55f64835b5738fb5177f6233'),
+    ('\x5dc1b670664205422a9dbf67e26516d75ea3c426'),
+    ('\x5dc91cf86dabf6fc9f4f3c8e4f7eba83d65ab9bc'),
+    ('\x5dd41722b468b47cc881a335798b7eec0f44e259'),
+    ('\x5dd5a0e3df3942c9dfcce41f86b993f2fd0dd68a'),
+    ('\x5ddb32ebad51ed66024a9270012686b23005c6e8'),
+    ('\x5dde0d6e5a2a41ef98937dd6ab965b1d7725c84d'),
+    ('\x5dde40573c277abf7d9f2c531ea477e8d2d2ec25'),
+    ('\x5de3389e44e550fd1b4e8196209d777d586db4d4'),
+    ('\x5de95f744a74bd2f047161540db59f4f735883f9'),
+    ('\x5decf12973e90db8a9014fe9d42a67d8a03f9489'),
+    ('\x5df5445bc0f6a482067b1e089727be72f17984b2'),
+    ('\x5df9cc25fe0c21c8fa6db18397a03c7f13e5f034'),
+    ('\x5dfc77a13706c3bbc51d18dbd358f5f49be32387'),
+    ('\x5dfdfab28dc56570671ed995f5bd862cc4986996'),
+    ('\x5e06bd76077f859774ac56c2c246ca2bccc85334'),
+    ('\x5e0a8c65fae797f4a8cb17ccc00a4dfb0dd882cd'),
+    ('\x5e0ead2b06c1a0c864446bec750491481e5fd641'),
+    ('\x5e13151261a72e9411af354f1f20ccd3b09342f3'),
+    ('\x5e134ec8ffaa69b57128987a16b2a66ec76b9d85'),
+    ('\x5e1ea1da9485e7c5547a531406b1cdeb007e8a9b'),
+    ('\x5e1faf7001ed6fe9689b9b8188e53f3e10ea5911'),
+    ('\x5e21a72f3a6b15e9ab42c578a2db6384905f23b1'),
+    ('\x5e24039a1631de597e81da173b093bfc90086092'),
+    ('\x5e264be55ffd71356775d9b149a033266c475d7b'),
+    ('\x5e29b4f3a66317c0f09303fc318e31bbdf3dedfb'),
+    ('\x5e2d1839b4c77e934b604b35afeeb47d4a259fba'),
+    ('\x5e2d88743709ad4017ab9ade68e2420d119019a0'),
+    ('\x5e318ebc2d9292f555f86790a55c81afdef08fd2'),
+    ('\x5e32e3f17a2a4be386a50d86c63c2a136602cdd6'),
+    ('\x5e364521ba6b97350b46f452b2eceff7bd09a8b9'),
+    ('\x5e45ad9a6c943fc034f8f177d07c552e5fceda77'),
+    ('\x5e46e233e56eee8f5b998a7517c3f909fd4b074a'),
+    ('\x5e46fd52c370fe39ef6fe30bce89a35e4a49c40e'),
+    ('\x5e4ffad3003a6b7fca9a64e8582bad99869d76af'),
+    ('\x5e52a0d63828e95b0196700991f374ff057d6fc7'),
+    ('\x5e53eb7a66097a2fe6b8252e6215f0160fa9cd57'),
+    ('\x5e58d64a0301727645c85e342ce674db04f4cd47'),
+    ('\x5e5bc726d31a3768202f8ff82db7c6546f418dc2'),
+    ('\x5e603f04f13199f3ce8b8a12c9a6d9327ee31368'),
+    ('\x5e78e1239a51bef1e560047ce4e47140a4f08947'),
+    ('\x5e7bf7635316e50f0480dd274964db51ac1f0bf0'),
+    ('\x5e80e4c32d4938441a9402b60dd4d0856a11504f'),
+    ('\x5e82d878cdadefbd55603762e99a9e694d755c5b'),
+    ('\x5e866375e6d46984cca27f4b62d0e7082388763b'),
+    ('\x5e874985bdd3f12dbca18f532da6f556be699173'),
+    ('\x5e88ddeb2404a60ba7785629ab00d2217043bfc2'),
+    ('\x5e8b1ca78e76ad969abdcbdbe4542fc33afab7e1'),
+    ('\x5e97e922eb2afdd49a0853243bb34db4d4031278'),
+    ('\x5e9aee9bb1f8967396aaa55aae047e0d2a19668b'),
+    ('\x5ea1780895df07622a713b6b19bd8235da8fe11a'),
+    ('\x5ea1903277d2018fd657368714b5c2a64700b43b'),
+    ('\x5ea2b940f5281f89d481b7d070933d9be15a0839'),
+    ('\x5ead07518a0f2487d0556b49dbc0d58e8c0e66d1'),
+    ('\x5eb44c97180bba96533bd472ad32760a296ed625'),
+    ('\x5ebafaeb74daf56a3d6658af058d710cf0f5dcff'),
+    ('\x5ebe2a2994aa32ae9b00233f99e9192162babfd9'),
+    ('\x5ecb3df71bb60393dbcb8900d6bad4d400f20d1c'),
+    ('\x5ecd75d65b2f1c361f26fc515c840cc136640ed6'),
+    ('\x5ecdca913ff92055a060117198de1ae25a8ea5a9'),
+    ('\x5ed53b22b9d3041c3a0228ca79b79660d39b2a3f'),
+    ('\x5eecdf6e126d711363e54a64c394eea32247bdb8'),
+    ('\x5eed0d2ab159fa519d54fe43910ab0221428a31d'),
+    ('\x5ef2a23d33913bad16921eea3d16b7a3e447b03f'),
+    ('\x5ef32a7ab4839da36864f2010580e9bc436bb8e1'),
+    ('\x5ef809a26e1e0c52d7dc77884fa0a4576bc9254c'),
+    ('\x5ef976ae8eb5c6131cfd9d3dd375b890c1cdd181'),
+    ('\x5efa27a8c84c47446d8f74c7a8a9b757d0601383'),
+    ('\x5efc0956f2e23f8f3665b746678b47e04e470c01'),
+    ('\x5f077e4bf1d7e74f27077e17028bf306b2b5887d'),
+    ('\x5f0cfd56726b9b7a56f54c1c87f1fd50c409a657'),
+    ('\x5f1b31e0f07b7dc5840447bd409401ae5b310cdf'),
+    ('\x5f1f74f7d67fd19247c1cc4f326e4287f32aaa88'),
+    ('\x5f240307d151b9c154c87fbae0cabb46ee2a3754'),
+    ('\x5f243b435e7255a39702140ff3a8ece570b7c8bb'),
+    ('\x5f2fba86ebbe98298b0f388999ebb572c3f9ade7'),
+    ('\x5f41cc5221b6c4cc12349b835d63af19fbc47194'),
+    ('\x5f455db2727a8ea0f6fa2c44f66bf5e73679b36f'),
+    ('\x5f4b28e2de125cc6a8c6f845ce1e7fe706d0294a'),
+    ('\x5f4e75aee52d31d19c15dcb0e21014a05c66d7bb'),
+    ('\x5f5094dcccd47d76ede850f3a76fe1a6349d96d7'),
+    ('\x5f59f3e4395bfd14966e0b0fb3cf5bc780b2b88c'),
+    ('\x5f5a0e9158dacf4b2e2c9d716559795962d86229'),
+    ('\x5f5bc2123547c3a6c687187fd74f01263f38282b'),
+    ('\x5f6151cc24c384e62a9b52fc24a964863b7acbd8'),
+    ('\x5f63bf7994e8198ef4a2ad9de608ff72d890bd94'),
+    ('\x5f63edff98b35cb610f8405913bf7b123bb8775a'),
+    ('\x5f66d42671b67ed22b6a88871b35b2e2b75044bd'),
+    ('\x5f67dd120e2c9eb33431d99e6ac79bc694c81acd'),
+    ('\x5f68c9b9a1d8197590fbc998e7110df4cee6b3df'),
+    ('\x5f6b70ff4334147df65e025f0f46c8be6ffeeded'),
+    ('\x5f6d4cf4e331084c41e4e51284ef46bb83324884'),
+    ('\x5f76ce81caeb398e78a01a9e6fb7c302d0024b88'),
+    ('\x5f77ef6937d29b6a096791daf7434c2abe10bbec'),
+    ('\x5f7ce7f1f7ecb64e013ee3b50cca5e5e61827546'),
+    ('\x5f7f4eacb221a7820235ce00feb43876b93bae83'),
+    ('\x5f7f5944ee178ec1e866b582c40df6de2c5a54b4'),
+    ('\x5f81f854b1d2c9d0e37a34f2150fb8d95520237b'),
+    ('\x5f837a271d247db217d23457ef4b90af7685aa59'),
+    ('\x5f85e1c91c80fe66a54d5336dacb53ff6633ad2a'),
+    ('\x5f89c19c7614f35792489d0e13303b78bc86a5cf'),
+    ('\x5f8e12171b3baa55f419bee93929b907bda702ee'),
+    ('\x5f92cd1dfec9553ff4ebbb26bea76e1a14b59a43'),
+    ('\x5f982147075ad08691e3b3c53e92633ca0ddcb2f'),
+    ('\x5f9f017181165b8ac33fcfa3e81e0c6e776ba319'),
+    ('\x5fa2a7869c186d5b4433c13fc95c8d81a749c296'),
+    ('\x5fac41aaf7f644c8e4d7e554a81fa51ae3cc4334'),
+    ('\x5fac4b29fdee842ec8c8d43982d3731ddb783e99'),
+    ('\x5fb35c06a78d9b983d873d525280a65cb92ec71f'),
+    ('\x5fb464dc73f9824d6783344dc042283f4ab0f719'),
+    ('\x5fbe50cb311fa0b4a79ebd2a642f058b2395cc7e'),
+    ('\x5fcb098f9c3c6fae05b75daae0290e7df4211f12'),
+    ('\x5fcf7a522a1b6925bc1cd93effedb3440848cc4a'),
+    ('\x5fd055781eb79a8436a8bfe0d70c7dae9f64e6d3'),
+    ('\x5fd69fc46e713d5e5d083ce635b01696bb246fb4'),
+    ('\x5fd7f3e866b0209e513e80a334ad93aa44072f9b'),
+    ('\x5fd98e29bd66d1225a58d4e46f62e78b1c937030'),
+    ('\x5fe0535cbdedba01bd836cffdda97259b79f29fe'),
+    ('\x5fe34f4b581063eb32d462d751f09f96558e7fb8'),
+    ('\x5fe8dac9f4b361793ea218d7fbde70cfe76c1eb6'),
+    ('\x5fea1d02c861fad9926bcf6af8f834955e610045'),
+    ('\x5fea8c9354ac2a713c432b789a9ab86d13242388'),
+    ('\x5feaf9502ccba476d811150162a1ca6f173a4369'),
+    ('\x5ff5b2d105c167bdcf91832347648f62550106fd'),
+    ('\x5ff5e574254251b0a6a3d07d475bd5dfb5a602bd'),
+    ('\x5ffaff30d6000b889a5b6d5a8c54f671d58379f1'),
+    ('\x5fff6295a5d245e5eaa27c2197af35fd6d18186d'),
+    ('\x600046ddd22cfb9ffc5e34f366879a74671925ce'),
+    ('\x600560bd999044b967b1eaa1575b5deb1c897eda'),
+    ('\x600e49e77d8e3912819fbb96e60ce6bf8b42d15b'),
+    ('\x60143853fca75e37cb6858fe08144acef8cafa89'),
+    ('\x603003a7e65f1a8332f58454de9524867b1ced91'),
+    ('\x603247a9e286e5ac66b86f3be8ae342992ac6725'),
+    ('\x6039b2e670922800376838f7b65095b53429032c'),
+    ('\x603a237044168278701ca4ea4014378df5b17811'),
+    ('\x603bc138c357acecd300f65a40702fb45a3e5559'),
+    ('\x603cd6133dcf39336aad06fedde177ff33367ac0'),
+    ('\x604584f69c6aef97dfa8ef8f6bd5feb4aba1ba03'),
+    ('\x604707aa5dfc1d4b7b76bfcd9d6ae01b6fb0ecae'),
+    ('\x60494e0d95adba31bd392cc7dfb6deb7f9296458'),
+    ('\x6049b0c16ca45f6068c8f9ce52ededd44f5fd33e'),
+    ('\x604ba682f924cd02a26164195ea73b119e4c5f40'),
+    ('\x60568c6858353b77c6508a5b415fa377e53bfacd'),
+    ('\x605d760ec123f99a3fbe73240663eafea8e7e64c'),
+    ('\x6065f93d3e094ca966eb48c041e1f21bac566896'),
+    ('\x606683871d14e966da3aa807cab0ad80906d0a04'),
+    ('\x606c07e23cd7af0b0b6299aec9c030e570e482e9'),
+    ('\x606c18ce8e140516301e633ecfcafc6c0fc111c0'),
+    ('\x606f99628653ba11affdf7fe0706bd020886e5f2'),
+    ('\x607090a2aa0017e649898013c1230dfce1fe6e65'),
+    ('\x60741efcdeec9c0309e8d31369bd57c29c545765'),
+    ('\x607454659f69f060b09de4c8fb40668cde8ec907'),
+    ('\x6075cddede7f664a0e703994b4b7f4bf17b12958'),
+    ('\x60823b671e1d061f6327083700d8ec58491d46dd'),
+    ('\x6086399c65463e49c90de5d71b61e70addfc80a4'),
+    ('\x608a938263f2c89f9e453643094bcc1838cd1e39'),
+    ('\x609209fabe16751e50cbd541e9111fbb1e12aca2'),
+    ('\x609efd600c9ad2bc8d3961755e5ce5523a92895c'),
+    ('\x60a26b539137498c311177ee3a937ee1162a1d8b'),
+    ('\x60af85b4777b088d0f5a3d74bfccb89c60b474b2'),
+    ('\x60b407e1da93cbe02ef770172fda5978435a3a6c'),
+    ('\x60b5c6b8bfe16a5285ed8c13f1c294d5178f5fa7'),
+    ('\x60b8b9ec799b3bf533a39c57a9d452307658e096'),
+    ('\x60baf44a1fdd83eb7b5d81c069c2855fae15cdda'),
+    ('\x60c8fe749a912de50c55609418363b2b00ae3ef8'),
+    ('\x60ca0d33e175e707778b6ed8ee73076aa61ac939'),
+    ('\x60ca7a614493a0f5dc9b7965d6be33116354f5b8'),
+    ('\x60cb87f173eb3ecc60b6c05e8c123ae1da00b9bc'),
+    ('\x60cda23cb0a56eae58653831179dc345b8ea0bf3'),
+    ('\x60cfb57507f77a547d0fd28349ebe36ef165d580'),
+    ('\x60d06eb7c1be561ddd9af11021464e106d7739c1'),
+    ('\x60d6f18d95be593002ba5b5e845527fe706eff53'),
+    ('\x60df242e855c488cc6ca549e0b4b3a2dee21db10'),
+    ('\x60f0549a1b6462fae6168bf77d90ba683e99abe5'),
+    ('\x60f057992dfbba7d75696effdee7f0cc152781fa'),
+    ('\x60f644549437ef9fc09e2e5f6f8fc19fafd5d35a'),
+    ('\x60f8487cd46b50b580d1cbfabb7c492bbf4cdaaf'),
+    ('\x60f9982797be02c969e30f5d762448a1ddff10a1'),
+    ('\x60fc2002f8a51d15028035d7f9f270184baf191e'),
+    ('\x60fd9e1a787a0337d1ed7b9843348b2157de051e'),
+    ('\x6107ab5a6528ef7254d0876f9a9afe502563e566'),
+    ('\x6109a59ebe8ec453d3b1c22ef501eb13f38ec11c'),
+    ('\x6109b4726017ad70f3128d47614a9448aa9f41a1'),
+    ('\x6109cb74813fe38627a9bced883fffc2852f0747'),
+    ('\x610b13319bdcc3b1bbb89e4fda31466d9e60e931'),
+    ('\x611203dd215cf89729da2a34a3b823720bad5bf4'),
+    ('\x61145c30c255313171124c4c9e4fc61f8a9f9525'),
+    ('\x6115b45bb4132498926aaaa403f4a58a6975cfb4'),
+    ('\x61179d7ab103ec823a852ae9619cf19d4de35bc9'),
+    ('\x61187001348299dbf0c2c0416228129a701b47d6'),
+    ('\x611ede1a3bb2e40db86a8d3db195e75e556747a1'),
+    ('\x61212e91f7691a622ad21c54ae25d1152f3eceed'),
+    ('\x6126b7745501f33cea9ae2cb1f1f5615e0eea8da'),
+    ('\x6132f7029b2594ccef77fa88e895436ebb33815e'),
+    ('\x613323689532b38b97623378469bafdf33f285aa'),
+    ('\x6136e91be4021b9168d0f2916719cd6314ca7686'),
+    ('\x613771cd31adc0c449f14748182f9bb3eaa52fb5'),
+    ('\x613f5d0bfd2f11bdc0edb6462e45b2ac5385b142'),
+    ('\x614bceb79db82090b1222d0cb70360c3555ac51a'),
+    ('\x614c7b50de5b4b6f8b445ff0daca390220f24589'),
+    ('\x614edaf5f742fd17220773f8c9eac6945de3069f'),
+    ('\x61513348e60ea231312c90667ab9cacf95f4cc90'),
+    ('\x6154e4fb79e48e4f3cf1796a419555e654074f69'),
+    ('\x615802b30a2f90b1de799c06532d1bc0fb0fe2ab'),
+    ('\x6159139690f817e526261cae41ff155c607afcdc'),
+    ('\x61607fee487a5c757efdabdb15a880ef409443be'),
+    ('\x61678c79e3180bebf8e439c487b1dad383192c7d'),
+    ('\x61687d5a99b8c40a1672164a071c2735fd3a9d10'),
+    ('\x6173831bfa4dcfdbb4b1166a6da232fab8281076'),
+    ('\x6173e24fb02d1d5a2ab628e452861f41141aafe3'),
+    ('\x617478e96234a68c72b44f3a9c36c9eca4b6a4a6'),
+    ('\x6174f38b6ae6a1832f6edc2e47889aa7084b5bba'),
+    ('\x617605756a8e9a6f7d3b7bb39c49303e6346b9fa'),
+    ('\x617a9d0e2a4bb7e22140daf1dcf18b2d2c81cbeb'),
+    ('\x61840b09f74286f3b0a1f4d6cb40ae9bbf828551'),
+    ('\x618478b488d95279d74f03de76515e9b60c86624'),
+    ('\x6187c9d799c01855f1a0feac29215ac7aa871a0d'),
+    ('\x618b4b02ce5cc1680cbbb97acef6d4b4271b0c55'),
+    ('\x618bfeb7acae9374903550cec48ead92749c74f4'),
+    ('\x619073ee242f10fd1c3218b3eb41dad3850bd919'),
+    ('\x619111e3678b00de65cf6f8a79aa2e7ac7495af1'),
+    ('\x6195103d4f0f3b429ede76298c8f1e98b2c24acc'),
+    ('\x61990d1f7f5b005c47dae97947df6adbdcb85190'),
+    ('\x61a119c3b88c0f5ca2357898d913311ac8d0a5b6'),
+    ('\x61a47c31b1ba15941dafb26447510ba78641ab86'),
+    ('\x61a5dbb82657f93b5aaf649fce03ec2ebeaa66fe'),
+    ('\x61a78cdde5064690e2637b0ea92f54e7a60a7f04'),
+    ('\x61aa59c3dfe63341673d2788f2296f1a251d0623'),
+    ('\x61ac867be0b39dd32b0c8eda0b34e6f10ecfd882'),
+    ('\x61b41e1524abafa926b5ccb79333fad1d8bc3caa'),
+    ('\x61b816c6b3f6cc56965c12b71526157b5f89abbc'),
+    ('\x61bb4c208d6d04018e4529ec7ae67a8825fa4ce7'),
+    ('\x61be536297432043b4971735a455205d34c06297'),
+    ('\x61c4cb15de29ede9b009cd96344fc1eb72f60d75'),
+    ('\x61c8c591e922cd7581cb1f2ea54ad05fc43db60e'),
+    ('\x61ca24407d293245dea2f63ee88695d5d5e41e2d'),
+    ('\x61cc48087d3dd21fe43ee9a75df601edc9615b34'),
+    ('\x61ccc3402740d51faca6ad6e18fc93684c024625'),
+    ('\x61d0f5b27d4991ffcadde7d028f75f433792ef7c'),
+    ('\x61d3f3cd8e8350bb208843ee9d9bc45d237774ad'),
+    ('\x61d3fb95d4d5023c061b38bd3097d12abddf77bf'),
+    ('\x61d596305d33bc93cc9b0626b3f08dbc8f755e70'),
+    ('\x61d9660f45130c34a95982fe9ac24e879fc804fb'),
+    ('\x61e227a73be00ba0a0282ce232f188e8c07fb2d5'),
+    ('\x61e2d0595638f6357da0d6ce3558928f276b3cb3'),
+    ('\x61e915ae6749a6afd9e77d530153aad08010dce6'),
+    ('\x61ebd848dfe1be8f0bfc21e32fa169d9d49a5ff6'),
+    ('\x61ec2a7afdf1d25decd646b357f103c8bb3174c9'),
+    ('\x61f2f0c14b159cb2da4f74e826dbb2040f9bc2c7'),
+    ('\x61f62eab92ea81cdaecf18046168f6e6f915dd1a'),
+    ('\x61fc9d8ea838dc1440a0c8871314d52a0e9bd6e6'),
+    ('\x6200183539df9934e70634f15092b57b035083f5'),
+    ('\x620211fb5da752ae82ae0c81806583e2a2b4b148'),
+    ('\x62046bd01a00fe7e48211480fc484f4543061c8a'),
+    ('\x620aecbd9c0ff6b63a6994cb7598dcc6c3cf2506'),
+    ('\x620d21b6ec417b414fe13291bb6e483856c8d826'),
+    ('\x620e2ebffd7dcba3f53a567d00075fd9b4bb33df'),
+    ('\x62141cc7307b2f3b8d6443e40a33a34a23a93337'),
+    ('\x62193f7075df61b46bf5e3ac6658284c40b8feb2'),
+    ('\x622d5b267787b288ef95c4779216f1b7e5a403fd'),
+    ('\x622ee4d2d13a1f33280f4cb5c90318b1df57fdc2'),
+    ('\x623072d9419704e1cd36d8df7b59ae459106b365'),
+    ('\x62336b61d3e386efaaefa14deb25febc02ef5584'),
+    ('\x623b8fae23ff1b3c5f1911a66d6d6952fa9e1301'),
+    ('\x62433ecf2fb7fe62abd8fccdba98b9b90e68b88d'),
+    ('\x624480d1309e69c8e0060f1e4bf99ba703b02900'),
+    ('\x6249ebb6bfe2845e497decc0a183819df1d08b9a'),
+    ('\x625b0147eb8008412cdd5708fa1093b48e326365'),
+    ('\x625db7c0d45a2686f460b58308a0f0a9ce323c91'),
+    ('\x625efa674128899d9c0c64fa559bf8524f020f76'),
+    ('\x625ff8fa45b772c962fe22628580b0de7072005e'),
+    ('\x626037fddc791b37034aa21bca992a95fc0cc47a'),
+    ('\x62619b629eb3707c85c365700df6c2fc7e2f6c33'),
+    ('\x6262efa8d02effec5a6274dcefe9652e0df697a3'),
+    ('\x62685997f2ef3a4c8fd2257e5142c0e0debad523'),
+    ('\x6269a9f7bbca5df38e1ef3715e23619827fc25fa'),
+    ('\x626deb694a865b7e20a25b61ea1cef79231941e5'),
+    ('\x62703ab7c1d0db73d09e46cfb5569ee966191fcf'),
+    ('\x627190bf3f71b72a7346adf35e56494e7aff4ef6'),
+    ('\x627e11924bb5044156d407f3dc342c9236431b3f'),
+    ('\x627f258bd63c15f7e7b25393afec9188033073c4'),
+    ('\x628669a2fa5967586b518e9de31cefbc59277a52'),
+    ('\x62872c2e4abb540011bb75e2e3bf6c538df39756'),
+    ('\x62876b45e1a7b98c2bf5540aabc1461f7b666919'),
+    ('\x6287eb467598c022ca5dbb0253365ef02d582ef0'),
+    ('\x628a81a1bc266c230759c7100962152af3971e28'),
+    ('\x628d76ec3d7cc830d716b33a2579a9ed13914c82'),
+    ('\x629171ee37961cef8958bdd08d68c6016f7036bc'),
+    ('\x6292118ad9ccf0f94c0a09a8cce24ac412303916'),
+    ('\x629607ae22fc2bb7f215cabbb8546d0d149d44bc'),
+    ('\x629831d90ef8852e9041e5e595074d985b3325d9'),
+    ('\x629d6fb91239f4025c5bd2b03f8db19223d4a79d'),
+    ('\x629dae5c4e4a2c91e825aa0627f048e210d263ef'),
+    ('\x62a482d0d6a3ff6ddbcc52eb331de7ccebb83ec8'),
+    ('\x62aa2568aa4cf2bd197aff459e59372578fffab3'),
+    ('\x62acb29ecd2bdaf57992737b6821826eef3d07eb'),
+    ('\x62b00f74db46acd54c376ce52a8d12dd431af5fb'),
+    ('\x62bab749371324680e9b26dda45abb01f09477d4'),
+    ('\x62de46881a8b6ea3915f3b4f60563b238fd6e414'),
+    ('\x62ecc95f854d4ab2452adb90f57cbe62735e7b3f'),
+    ('\x62f227084aa260ea79a89971699d1720ae937de9'),
+    ('\x62f97bb15f8c701885779f5d5061e24627869e20'),
+    ('\x62fb3719106f09885ed1ff8b7c0c7378dd8172f0'),
+    ('\x62fb466f16d5db30694fa484b966c63f28343037'),
+    ('\x630569d808c63846cdcdc0649143babd76493bb6'),
+    ('\x6308945f82b3447b0650f51c30f87856f80fb18e'),
+    ('\x6315b5db711f267dc9b47adab3a920b22937a0b3'),
+    ('\x63164e1cebe56f17c5c908348cfab60020b32341'),
+    ('\x6319d1b469efaa074506d7d9406bb62d53aba23c'),
+    ('\x631c4b9f382d587aa0d489703abc071693d062a9'),
+    ('\x631d1ecad61c9f6cf5c9798631319a2afa81e9ce'),
+    ('\x63228b4eec907a9a768fef10af63f21880023507'),
+    ('\x6323f73d2e628f53918b49a53be086710050c653'),
+    ('\x632698199cda60a5a53c8b2c3009340d54f74c9f'),
+    ('\x632de9822549fe246e1325be5863e427adf2a0a9'),
+    ('\x632ff55adea0d9b02b8044c00339c730e8dbc98b'),
+    ('\x633185aae3796340a95cc7f95142db3acb1def5a'),
+    ('\x633237e8ed29c467a96f279f88c9d30d90a79ba2'),
+    ('\x633449ed5424451b462f5049320eaaab6159c93c'),
+    ('\x6339c1e2006da3fb6adcaa6b81e2f3598ba68349'),
+    ('\x633d0821977b0a01b439e46779aecefb1b849d1a'),
+    ('\x6347b2a8c04d27c568ad6342622620ae910c4562'),
+    ('\x63541cbb98638b86bbc1df2d09f4eafbe3233a42'),
+    ('\x635920bc8abd84b54149a43380cf6ab61c31dfa6'),
+    ('\x635b164b7aa20dccc6428e3d20ce5e710ea3d26d'),
+    ('\x636c182b557e781f9cb80bc855396405e5b0fe78'),
+    ('\x6373f53e80c2fd8f493b031c0ec4a2ae5792ce8f'),
+    ('\x6386dd5af9a9f5c276279f1f05afd93b39678839'),
+    ('\x6387446c6e8564bccfe8dbbea6a14131c486c393'),
+    ('\x638da948c8ceab71f6a18f3577a5ed83a4bec83b'),
+    ('\x6394b8e7b4739c365493e3b6a5d3a1292aa2fac2'),
+    ('\x6398d197de16f8a1982475462da4032918feaf30'),
+    ('\x639a5b4bb5c66af14f287dc629cc2ec477d13181'),
+    ('\x63a424f7b3379557686f8776e885ce6cae5eac33'),
+    ('\x63a4b3599c6919dd3bebeccd2c62e5d85bb8675c'),
+    ('\x63aaa1ce4496f60b01bbcdfb5e589caa02993c8b'),
+    ('\x63af0501f96b003a343210ab601f04141ea0fd30'),
+    ('\x63b0b15fe1957bd7e70d3fb60af0639eb85728c4'),
+    ('\x63b21b5320ed9089e4cc00da7f2f7e8db624b668'),
+    ('\x63b459c5911496b239129a03905a4f7c45b46436'),
+    ('\x63b5f6d8ec2be386dcb89e932616168f57d8b900'),
+    ('\x63b69ec7adf0be3be3b0801f6bd5d88a425eee90'),
+    ('\x63b7c403d1f572cc1ce36144e927ed4a88e2974a'),
+    ('\x63bd70bca9b311484761bc531a487a8955064882'),
+    ('\x63c5c693916e96427d684476ce392f2a53fae77d'),
+    ('\x63c6e799e80487eee8a8a922d627f239b1968db5'),
+    ('\x63c952aaf19214697145dcb8f68e9307b0c73bc4'),
+    ('\x63cb27dae9e6bc5762df5ce435664f2495daeca5'),
+    ('\x63ce284ebba8c651bc4d3d4ba56fcf877fd21109'),
+    ('\x63d530249b06c18f851e35f73508b4826e568581'),
+    ('\x63d7ea744d1921dad7d25f960f80dc0f90d6cf69'),
+    ('\x63deb57f1a519f40d95664024d1cb1269a80f6f6'),
+    ('\x63e338fd6487deef133c2b1c18b99f42adaa0164'),
+    ('\x63e3e16f229e1c5a3bece2ab717ba44d8cabfaeb'),
+    ('\x63e6fcf05510576f14529f66c3d4959c88e7e65b'),
+    ('\x63ed7979a6e4aeb48c227f5e67a8b3aa265cd813'),
+    ('\x63f029091221e28d75e55b903f968dd21dffba2e'),
+    ('\x63f2941d3b7ce75ba1dd0a26118ccb7e24283140'),
+    ('\x63f33065a53e0477beaba6b503e014b6a975b719'),
+    ('\x63f3ae9cf2bb777a87281611b223ea30408224bd'),
+    ('\x63ff5eba468ede591be0ae4dc28de7bbccaae048'),
+    ('\x6403e812059a726410ec03a24270570f97620684'),
+    ('\x640897927844ae4bc68b9b2905ea2454893d5940'),
+    ('\x6413c512b4642a9fb8205c77d14cdb1ea5ad0e99'),
+    ('\x64152e29b649c114c8b91fad7ab11680d3d3532f'),
+    ('\x6416a9a82cfae969065b2abb342cf0f3f76a6a2b'),
+    ('\x641964e050c8fde306119892bce81274edae6275'),
+    ('\x64196c07dacd58162b5db4ed7cb975d89e02ebda'),
+    ('\x6421442509cfd3d98ac4b1e735b66d4baace69a8'),
+    ('\x642239622586f6c750f8c52605c5e250a0dbd206'),
+    ('\x6426ccfcc26896734d327750337733941d585329'),
+    ('\x642aaec1547fc48f4a017866d06e0d0f10a61dd0'),
+    ('\x6443204b43279c9b99b1344163cf4be18c4fb2de'),
+    ('\x6443822c780fb59b947a3337bc0cde64176305d1'),
+    ('\x6446b4006c76ef9a530028865e3cabf6dbaa9a2e'),
+    ('\x644a66528d5f9ec6e8226793b10c0f67ad2a6879'),
+    ('\x644f0610c556b354632ad2c5b4df23c16a1ffd35'),
+    ('\x6452dd78a2cdacf40631d7ea41249a02f356a275'),
+    ('\x645c12a95690a0cb3c91a6cc59fb76dace9eaee8'),
+    ('\x645c9acaaffdefdf325ac3eaf84705427ae3f54a'),
+    ('\x64640d4234231e9b6f15053c0705becd55f17a13'),
+    ('\x6465c8a684158d9bc8b0cfb0e152b62b464288d4'),
+    ('\x6472e4395de1c9107c39f4a94e8afbc60f750380'),
+    ('\x64788f610264a8820506afd2f8edce0cabf96915'),
+    ('\x6478d72d8e1ff8dda3ce88cef04f98c3450adf2f'),
+    ('\x647e4bd207a5128edbe0de50eae2ecfbf44bf978'),
+    ('\x648bb98661b493030d660b51888039c863a41033'),
+    ('\x648bf4fe9436feb6e9b64490a93126d9b2ec5ae8'),
+    ('\x648bfa7e2c45991df7cdb5861c968201c9dddf73'),
+    ('\x648c9b55ead7843b6a6cdeefa2d677ac9a11b8a7'),
+    ('\x648e64535e45391fe0ad659bb33cde70586c5773'),
+    ('\x648edce93323959157ad1b159c590fd81625fd29'),
+    ('\x6491f9640797d82fdcccbb0e0b3b4d30103540f8'),
+    ('\x6493b0d888a81f39acfd0440ae14474fe6dde378'),
+    ('\x649a3475fe5343855b5569e9b0c510ed14455c9a'),
+    ('\x649d79158801eccffcb2a0c9d90b115031a3fcc9'),
+    ('\x649e784f02ed4acfa7e28d8078cab2c68f5f2bb0'),
+    ('\x649fdebfed212f7832eb786d7455c0140478193c'),
+    ('\x649ff0e2e1c66bc03d4df9eb6f956a72d1a71616'),
+    ('\x64a3490c44db587a8441122f225055f6b71e5172'),
+    ('\x64a368ddeddd0261124b627ca6bc355bdcc16ebc'),
+    ('\x64a724965a587d750dbfff7eeb9d468954056794'),
+    ('\x64aa31c397b0761aadf88f45d8ad2420df25cf57'),
+    ('\x64ab31a89f9e7f4fdb529c3bf5a591ea91bc34d2'),
+    ('\x64aef74f9ee5f6d188dc21e4a01da5e7e177e482'),
+    ('\x64b33ff675e2651b556bf86fa743953187a4708c'),
+    ('\x64b643d0702fff96be4cc0eaf575ea05ef9f5bb6'),
+    ('\x64b7264e1e409ec2e165dee84b2def4513e414db'),
+    ('\x64bfe2bc61be006e1508a2ea762b0f79dce0b288'),
+    ('\x64c43ca8c4a9e4b42cbd44a3ee1c0ddc4ada85f5'),
+    ('\x64cf85e1f6b810242897f0c5657812673ca65407'),
+    ('\x64d5d2cefcaa9824a46d70163e3148d6c3bc09b4'),
+    ('\x64d76a0237ec73941566949dda2ce24dc59ef327'),
+    ('\x64d9a714f7f91741d1b72db6e2d676939da1fda3'),
+    ('\x64dd43bdbbaa56a93ee404cad4b81c1e2b276915'),
+    ('\x64e1bfda9dfdacd87e192edd899e9dac1505b04b'),
+    ('\x64e56297eed56653d2b98a6cb0f457e4eef4fcc5'),
+    ('\x64e72909e7dbb87baeb9f222456d2b00c80b21d0'),
+    ('\x64e854986ce58f238f285a1e891f4822e6ae5df0'),
+    ('\x64f258057e79bada805f802f2355faf4af16f0c0'),
+    ('\x64f7f379d761af299281aa8a6312f815e467c2f9'),
+    ('\x64f82bf9db8d43d7c6539a51f5d4ee7f7c40ac57'),
+    ('\x64ff1164955db185feb6326de9c9ea16276a5fba'),
+    ('\x6500a8b7c64c5777d59439fa33a9ec188d36c5d2'),
+    ('\x65046d6ca0cc83ad64ff343fb18c028e95554194'),
+    ('\x65061ea7f6ecc2577d7ffcef8f543489aa1ca6c5'),
+    ('\x650952296b82a4b0a0351f09f7b48f7111e48640'),
+    ('\x65128789e58f9416e629de3dcdf8ab679d6aed90'),
+    ('\x65175a6076d1e9f08ce19b541228a030edba2a5f'),
+    ('\x6519c48c7a4b9d71f22a735105d02c65c5c19462'),
+    ('\x6520538d4c4976641b64c1363e8708a0b977fb86'),
+    ('\x6524805d4750c2f0c9036d1975766c9c285c5f2c'),
+    ('\x6526f8c1b3f879abb062d8a25dde93197cb126be'),
+    ('\x65285c75f218edbfd96b9b1f1c37a8370b1f3ef6'),
+    ('\x652b6a6db8ab112c2a53c60a7af8a6b1c87f761d'),
+    ('\x6532c2dd5b5280bd1ad5a1d2076d954ea0be6157'),
+    ('\x65378fe083e29957f0bdf2c345450ec7f5d6b006'),
+    ('\x654862ee9ee2035513858c68763b21fcd3013aad'),
+    ('\x654b5e15c80145fbe81b5510b5238287153c82cc'),
+    ('\x654c8e1413d86d41a351a015969f1c32359a84f0'),
+    ('\x654ca6f41e62781e88210c2d6055fe1495747e24'),
+    ('\x6555ed7f92b1ec2a6e5cfb98f0aa06a91d3f3d87'),
+    ('\x6557de800ddd51279e01d58e4fca69805c7941da'),
+    ('\x655c3816b5b30cc0f3d0435a16c1eb0c4d996ec4'),
+    ('\x655c81b3678991fecc5872a16153d28749c8a81b'),
+    ('\x655ce23abed1190dbd1f6a7968361332f5aa8d06'),
+    ('\x655d82f084d83dcf4932c3bf9adc6ad5f014ff00'),
+    ('\x655fc006e7f838b293010fd893a977eb4a85627c'),
+    ('\x656072550535a696bc854e34fc5557388da5ed29'),
+    ('\x6561ad276d4968d6baef4650c89de975844f3c8e'),
+    ('\x6561c0cd81c735af650d880c81acc5e51ac616f3'),
+    ('\x6563dc27a4b8479bf185798c991a6ad405ad6e51'),
+    ('\x6566a4bda8f9bf1420e2a02572bea75eb207ebb7'),
+    ('\x6576fc43a71c1b08fd702691be624c06989f3a03'),
+    ('\x657f9635454333a41f5fedcd2aceb5e2b0bce1be'),
+    ('\x65818669de3a1b92a32de0534f7d372600c8d99a'),
+    ('\x65823e3bb33fc7e306bf50f8ac358cdef9d4ffef'),
+    ('\x658644345a98565daca855c7c65c369a43a0d08a'),
+    ('\x65882d23530235b10189360c6ef312a8ccf7d6f5'),
+    ('\x658fbdd532cc8cd2f4658cb2b71c358d4ccf6fde'),
+    ('\x6592eb3d078e6ccbb24e39bff863798663f4a90c'),
+    ('\x6596a26b391dee2bbdfc0a8ecf9131191505ab22'),
+    ('\x659c491edccc43c36c58a4a8fe5c3535500b1dd3'),
+    ('\x659e0d0fc3428b27f514d4c2cec8b447dd54fa21'),
+    ('\x659e3dd958730142ef0ac3b3e3913582f8987590'),
+    ('\x65a0717561fec49b3381af96e671d4e2a4b8277b'),
+    ('\x65a217262c4041aed85447cb1727b1fe1dbefd5c'),
+    ('\x65a2608b69c41254a1032746db10ab4d18ae3b60'),
+    ('\x65a94c1c490823c16e4fcda1492a47e3ac3eb269'),
+    ('\x65a9e80b1e27f3b416aac87062567aacf813cf8c'),
+    ('\x65b585c44b152c37a1fb6a32b3c3aa6dda153473'),
+    ('\x65bb68dbaaece7e5d639221732c7461e25e3252d'),
+    ('\x65c1f1de801003da38b2f5893935ce2385f08997'),
+    ('\x65c5ca88a67c30becee01c5a8816d964b03862f9'),
+    ('\x65cf874296a814aae267a2a9cd40d77f5a7b0792'),
+    ('\x65d24a9507582709b4d6b39f8b00856981c61da6'),
+    ('\x65e04f6006d5cbfc43f718b60511cd5b2233752c'),
+    ('\x65e400c6d50880226a47ccba369e5826e8bdcf98'),
+    ('\x65e57914663564bc0a73acc07dbc790842c4c540'),
+    ('\x65e6df1465f97d1bf945da74ed246728f0fe728b'),
+    ('\x65e8fb8a5e5e5dcc68b6c3f2f610e433ff290d5a'),
+    ('\x65e9aadad0bce7edd981e47a09990759a7f54348'),
+    ('\x65f14ded6e2ab5aa462da28e32a31dfad29f91fb'),
+    ('\x65f9e8d403c3deb1d727ff5f0484b41cb992feb0'),
+    ('\x65ff34733315fae0de4607802237b33d2c1411de'),
+    ('\x6600c863197bae8bd565e1236827f75d268d78e1'),
+    ('\x6609043a107d3f00655bd8546a86bc79fe298d1a'),
+    ('\x660d961218464eae2f48b3d39156e7f26b07be3d'),
+    ('\x660e48f09cde5324ff22b00724233af46dd561ff'),
+    ('\x660f70fc100a3f157e8c435f6458755038122c04'),
+    ('\x6615a502244d7b9c95739476ce72e2d623ec1987'),
+    ('\x661a07bdf8440b7bfa34b38373ba0d35e4e68b89'),
+    ('\x661d6020a5dc0a03e924584810f1c792373c0551'),
+    ('\x661f79496496ca07afea07da16d4141ba65beb08'),
+    ('\x6624819af7677183497bcc5d7de46a4a5947a1f8'),
+    ('\x662601197e03a32a37234c59b888b7b5e5f70cc5'),
+    ('\x662aa6233571f46dadfaa96367bb4b14c3c3fe4e'),
+    ('\x66393a5420745a06d09ff99aea7b279da485e13a'),
+    ('\x663e191f07b0fbbed215b0e7c62ec5647f5e35ad'),
+    ('\x6640f3ec34e1e0e8676a7c8407eb55d710855288'),
+    ('\x6645743784d57d7b29293753d7750bf099a72208'),
+    ('\x6645da18bbdf50a47c557de7fbf76349a4c1bf78'),
+    ('\x664e1b2f9dbafbf6280305123d2df7fa0c66cee9'),
+    ('\x66581890d84389bec6805c66c9cee6cef77a60eb'),
+    ('\x665dbe97203c2d60e77e72dd355d7f7c540f98df'),
+    ('\x6661f5d1515f184eae6d2f1613a255f3044574d0'),
+    ('\x6661f9ba60fd9cf80221408c46692355b8a5b903'),
+    ('\x666605dc45e8eb6ba73fcdb25c6638c325dc7662'),
+    ('\x666852639cb81a6a431a32ce8c33311e1e4e8314'),
+    ('\x6668addc6800cd9dd329d3d6ca89bb1121318751'),
+    ('\x666aef2912b68284d4396d4ddd6099f83939fb70'),
+    ('\x66716370fe15e1af51c88591bb6b381748117062'),
+    ('\x66722138fc072c4532df9701346fcb11c9bb86cf'),
+    ('\x6675f8086e2cf2248b4173d5e9397aaa0bf7f54d'),
+    ('\x667e9c667af6d5923d98f63657ef1b62ddedc1fc'),
+    ('\x66846bbabe4164cfdedfab36073668b645db9bf0'),
+    ('\x66852883f04272f23d85e2c5ce7d81676b9d7313'),
+    ('\x668f533b44da1add568319568737d7a7e32dd610'),
+    ('\x6696a2a6b8b3f653946733ebfad10b618f148de4'),
+    ('\x669749068f2e6fbd87614b1572d137fbab9bc699'),
+    ('\x669802418f63ac873f8724f106d04f76437823ab'),
+    ('\x6699583d15d78c80ea5d946fe2b135a5862a5fcf'),
+    ('\x66a464844b311b556fc13c9b98ddd90ff5252f29'),
+    ('\x66a87b3a5491ee3667a1c8ded0c08865378e71e1'),
+    ('\x66bd90f6e7ce4f2cdf2a66dcf266cfffdbddb382'),
+    ('\x66c9049efb45bdf5301fb53f26f79a9451b598c7'),
+    ('\x66caaa9f316b074b9304e753c194d6b6a3bcd7b5'),
+    ('\x66cefc4a16d5981726643be1922559de4e80c5a9'),
+    ('\x66cfb29914e8bcd68c855e07f35f147883ac1f78'),
+    ('\x66d3ec7a35f85168a8b5379851e32ef357d071c1'),
+    ('\x66d8e004fef3fb7abeecea37c9753a3fc1b040eb'),
+    ('\x66dbeb39fe7a755b1611efd274e8fab80ab93b94'),
+    ('\x66ddb17190a89581fb5c472cb27268a9f735856c'),
+    ('\x66df53578fb4e816ef6f581cd8b4dfde300c96c5'),
+    ('\x66e0075526c44db0ea967701c5d25a086c44338c'),
+    ('\x66e13db9583ff474b600b74c55359e6d24c2e2a8'),
+    ('\x66e15f0c4b57c90f8275e60e412a5dfdf791b20c'),
+    ('\x66e2d90c10c4d345fdaa64c9c2e332dca537b87e'),
+    ('\x66e8a65009f27f1f4d1aa8eecdc7fb6696cd2cff'),
+    ('\x66ec8e66e682e946cd149dc5829a095993e1961a'),
+    ('\x66f0b27f770c991b379a01e14da3f3641bfae209'),
+    ('\x66f354f624c7b610a56d306458208ed7d63e14bc'),
+    ('\x66f9b1b79a5cb5b8413b9c9c48ba64916fe7838c'),
+    ('\x66ffdc36fcd19f758e7614cf2b0b533785aa1928'),
+    ('\x670faab26ef92cd2a26602afbf2728d34b7b4c24'),
+    ('\x6719206dc7e0eb8d23aea3e9b90cfcf6627db672'),
+    ('\x6719a2565412176fd3eef771e32c7c244516e779'),
+    ('\x671a6913162e43b70045b0948974cda793edea6c'),
+    ('\x671c2018519d76106b89d4fe9c6ee7691a03adf8'),
+    ('\x671c3f190b06e75b2cf977a159e5831442115e25'),
+    ('\x671f3d8dd9e21abe541f7e59d7293fd7fa314950'),
+    ('\x672028e8634a1b6430204af3a2552ab64665c7e3'),
+    ('\x672214229216b6ad061d2bd2848ed970d478d8ca'),
+    ('\x6724069786c9ca661394aad2d6e397e97e0bfe18'),
+    ('\x6732b61095775e7dcc74cc281ecfe71e37dd7c04'),
+    ('\x6733bb2c3b2d163d4c944e5ba4340a132d5751ed'),
+    ('\x6737fc02d1f56059983cc8bf5a01610fd9b55287'),
+    ('\x6739d02380879a3918da56c71c7416dfe3feb0d8'),
+    ('\x67420778f16850b21dc8a84c7ec8189e7739a0d4'),
+    ('\x674944472e6a7613bc6971136f864138efa8c328'),
+    ('\x674d96db260199f4c6a55d8a5f72c8d132a7d05a'),
+    ('\x674e136dba3089b53097c921c7bb7e279aab660d'),
+    ('\x674e14c2e4670ab88bbc8f647a088242f8a4cd9c'),
+    ('\x6750b9c8c5bfe74f263fbafc17fa2a5845b66ec7'),
+    ('\x67599f7fdae307109561a8fe1935146a38bade9c'),
+    ('\x675bb51aa4bbf91adbde78f0351a2af7946fcfce'),
+    ('\x675cd399c6fc15b4799a392690f21d7c23cc9d68'),
+    ('\x675eaf1d0e49d433994b53bdb45c1d5437b270b3'),
+    ('\x67618e570517178fde49185a2811e34f735af7a5'),
+    ('\x6761e747653699133a19e214e10404c3bec093f7'),
+    ('\x67697bad47a5ce6daffd790b0eb0b51c60ad76a4'),
+    ('\x676c2f74875f9a6a36c569798f47e68ba9145496'),
+    ('\x677c628633aacfb89a6a52ed75e9479e8e432410'),
+    ('\x677ed2505eb1de963f1f1a11e5a262bfe2f47b8b'),
+    ('\x677efcb2dd136014627ae89fb5210d70fc3a48f3'),
+    ('\x678a2cfbf07bc64b98e51d9229c70cd9e49add85'),
+    ('\x678a7aa0b8b4c73aef5a33447cb61d7efecb18b6'),
+    ('\x678c48e37b5bd892056da72528ad82edb63c008e'),
+    ('\x67958d9b331f9dc80ac1b904f0e40b8950ea2ae4'),
+    ('\x67960ef25d4dbf90f462fb0d67f387d8004f89e3'),
+    ('\x67961af60be9e2b18a2a26bca5dbdfaf5fe49a8f'),
+    ('\x6797dcc890a280622a39dae7711ed9c02e7d636a'),
+    ('\x679e45ae67923412be45099a0ac370352952721b'),
+    ('\x679f5adf65c6745bee7d8eff36c8e64f75e99904'),
+    ('\x67a0de0d44dd7fee790a9dc5a920ee30e84a5f5d'),
+    ('\x67a1cd168f405a4717af235aa8cbd1296313ed35'),
+    ('\x67a3480f1736e8efc21f1afa1e57f3a86d005c52'),
+    ('\x67a613495a1efb5c5203d1c12a6d10207e8347b7'),
+    ('\x67a6302733b36f3df2ff07164ab73c0e3b89fe22'),
+    ('\x67a836140acb850a34db366b580f1be555b65fdd'),
+    ('\x67a92d3e2c310c39f1fc03c6ce5e4b1acd561a84'),
+    ('\x67acd706bdf6982e247f2ff588c2d2b9feeb196f'),
+    ('\x67b45488c9f75e4e5cc17fd82b751f390ba3a785'),
+    ('\x67b60c43cdbd80763cb6f1c572b5ef98f233ff05'),
+    ('\x67c4f867aac8f8a61d9be9dd8166583abd36ecd1'),
+    ('\x67c5982a67b9ecb9f2438d173216157a72b38fac'),
+    ('\x67ca453923a242162ab0a6bea28ba2234b6e6bb1'),
+    ('\x67ceb605c9fad7af70d5c8a90cf6bda391a9ab9f'),
+    ('\x67cf91b783d5fa2aca6059561a61c538928ea9e7'),
+    ('\x67d3b99576333093b118a780032535bb8bf084c2'),
+    ('\x67d486929f86a441425af06e025f53b4bb36bd60'),
+    ('\x67d85fa9ddc958dc8774ecfd7253977dd7b9b668'),
+    ('\x67dbbcdb2ec015c739c3729cdca8c3d981dfc580'),
+    ('\x67de19ad132f614acd17d4c8c8dad540f19b5e66'),
+    ('\x67e34a1e90e9da74c7295cf561e5f9f6df23cc04'),
+    ('\x67f2dbc6fe5a98e58f4be1f827055f691e6cce44'),
+    ('\x67f4773b40d3eb281326b98130e1189f9cb85fb9'),
+    ('\x680143a4930ff612ce79ce103710139a30fe820e'),
+    ('\x68086911bf12d272933975c65ab62fb111e41f38'),
+    ('\x680be6bfc15df6a6b17e8c1f918ebd71db5f30aa'),
+    ('\x680e4ef43e8be95bead0ffc803d79d151f074acd'),
+    ('\x681181997d38ae24e1fc29b1cab88a45ff150ee1'),
+    ('\x6812eabb1f8cad58c0d2a46bb2b2be0ccf88dcf4'),
+    ('\x6813bab12359008d2b4e47e692219670aed792ef'),
+    ('\x6814cecc1d0b820982d9af29e6ed1fca47534e47'),
+    ('\x681940fb1a81d866dec8f84bdb0c08b40317f2bd'),
+    ('\x681b172e1308017866f3cd8bfeeb9e986f3003f8'),
+    ('\x681b3f02b674f2745525bc2f7450607420f52b5c'),
+    ('\x681bdd4d4c8dddbaeb4d4f2a1f58c38cad92afe0'),
+    ('\x681e87ee06b39e1a6a1142fd9800433230cfd50b'),
+    ('\x681eaf4eb00a7b2fd7bb716a23c16cf7d6ddd7ea'),
+    ('\x68256208ee58f42c568e878e96237d68e985d1a7'),
+    ('\x68329388b9e8f1d0bdf1347e88ce5ad1c69a34f8'),
+    ('\x68357cbeab0a252a295b278faf5dfc364cfc2ef8'),
+    ('\x68424b7023195e1d2151f05aaa7f259b49f150b0'),
+    ('\x6845cc831110a4aa96441696c9523d37bb162705'),
+    ('\x68471c6c961bec94c7dac1d9c02a92d961ab5c0d'),
+    ('\x6848db0d1acf36f95ee7dc0130eab9e6fb1d19a6'),
+    ('\x684aacf5b4f354722926994506d3737ef62f0283'),
+    ('\x684d6d35eca1713469d21870d1a228c4d2a3f0a4'),
+    ('\x6852651a553ccc1114f244ed85dc4df97d653fa7'),
+    ('\x6857b25341bac0332ca2f3e3fdc838bb7d43683e'),
+    ('\x68593084154c87d679fe05a141cbdb140b554d76'),
+    ('\x685d7008f1c0b51b62a1fa633789b5a08d025dba'),
+    ('\x6865e552d0a39aa833d663f2e4b14eb9ce0dd3af'),
+    ('\x686b7bcf80e606bcddf676ece6e042389867b774'),
+    ('\x686c020ba1a30cdc12aa1eaf9aeb7fc9be1a4dff'),
+    ('\x686d9171e50f0d1d10e1e56d24cff2589d09734c'),
+    ('\x687135d29cfc97e461555ffb13af663b348728eb'),
+    ('\x68724569919744f3cd73ce7ee357c35e8c4037d4'),
+    ('\x68793c3bc249f113919b5e526f1ebc030a86e7d9'),
+    ('\x687a75474eda0a68057ada4e4d5cddafc2ed1b95'),
+    ('\x687de7d5b1584dc5a4d81e75fe5a1b84b93b9423'),
+    ('\x6880ce5beb25dfacc8fbe44edfe28ec1eaa3ead3'),
+    ('\x688611f44057b0849387220430625b0fa067989e'),
+    ('\x688a05a7ea64ca3406181b1e6d524d0fe8d29aee'),
+    ('\x688eef62db4721882b90a8b06a5b68280a3c62ca'),
+    ('\x689df773038eacac978bf67b2dd0e631182bead0'),
+    ('\x689e98c0e922b22a52c028f84da31aee1b1cf901'),
+    ('\x68a244a979db10080c4227411a7629a2db1a899a'),
+    ('\x68a5ed123494171de25e239283605e64b53b1280'),
+    ('\x68a6ccde6d7cf740e3bf855e2d335ce1c2aa1878'),
+    ('\x68a7d4fe92784be1b1eca5000a08749a31105c39'),
+    ('\x68ab130963f7fa8d88d265ef1fa34045bb0d3543'),
+    ('\x68aea4741d89ef83d8edb8054d8035fef05bcbf9'),
+    ('\x68b11e16616eb79349960de4a413d135b75e2faf'),
+    ('\x68b450543548f771516b0dcd800af11593d49228'),
+    ('\x68cb624d6c36a68c061a16971d6b328f07a35e54'),
+    ('\x68cb83c23ffd0454404301876ee5388a62f528c3'),
+    ('\x68cd48213470003e8f7b129d1304ba4e61b8b472'),
+    ('\x68ce46c6e31d1d203e8cb5812d36aff2fba2dd1e'),
+    ('\x68d07a8b45c41ed57b59a99131fc6d4aac6dd293'),
+    ('\x68d1cb786a0a1372dd11f3397eacbe5d875f5e68'),
+    ('\x68d32e69b760f06d223cdae2462ae1afb0095421'),
+    ('\x68e33d0437d8f67c6e39f952816dc3b8d394d0c6'),
+    ('\x68e342430254cbffa166ced79d1fbcbc1a9b82da'),
+    ('\x68e47e86ceee7b61b542a07f0bbd9b282d617ee9'),
+    ('\x68e7dfc1178cb97934d978039ba158e23c86e576'),
+    ('\x68e8d714e816f01c8787492be30477015f168473'),
+    ('\x68eda8384acf02fb8bc51c38aace8110227cabdf'),
+    ('\x68f18aa0aa54319f141f7ca0249cafebcba47c43'),
+    ('\x68f213cf5a621040900e1c9c7bdd2e0b137f2f4d'),
+    ('\x68f461e1a011d79403155b1b6c28ece2ff5e4945'),
+    ('\x6904735a10f4d747a139d7bad9442fc6b6b093cb'),
+    ('\x690911d3b75b9c9804507947790f27395ce9498c'),
+    ('\x691c51c8a03a651ee41d4bf3744c7a4d5bb46586'),
+    ('\x691c56df628523e004143ff6848e4f904eb90500'),
+    ('\x6920f9a8943d1a9a08a8fb418d05e67e0d327ea2'),
+    ('\x692bbbcc1b5f1bac3bd1f38d8a9b9b1031b98e4a'),
+    ('\x6933e2e8f7aeaa324b02445185af17012ea0ebfb'),
+    ('\x6934d10efcb7942f6b58ef105a5938d9b1df5962'),
+    ('\x69425100a383bb6c8ee181f5dd5598ae8e92e867'),
+    ('\x69466fdf77eb2d439d2d71caac30c2ca0513eac2'),
+    ('\x694736f47ebc147ddbdce98795e14567cd652018'),
+    ('\x6949f001faac04d75d7dd4c9b0bc4e7ee7ad71af'),
+    ('\x694bee7078ed2e37cdfbda8704065e4050367a74'),
+    ('\x694c99e6c3dfa68b6157aa4856ec442bada0a199'),
+    ('\x695014b2df23b35dc3af326397a0ec619e098cb3'),
+    ('\x6955284928efb876b0e7b3fde08f80fb75183b99'),
+    ('\x695e74fa0beb384d368b0f453a564075a9d17ae4'),
+    ('\x695f4c24a9ffeac7601294dde774e7cc66182e56'),
+    ('\x69640e85f33acd4346aefe1c5209d64dd68a927d'),
+    ('\x69699406ec4c0523fe99b5422cba3fff5acbc8b7'),
+    ('\x696b535ed3c5950f9f23217a8f6155b1617c80a3'),
+    ('\x696bd3f5cdf9c4c39a570ed24de88e8e56700778'),
+    ('\x696d34da6e9e32ac04f381fc7c94cd5a63662079'),
+    ('\x6971b8bd1bcd58ecfe63c090c04f4d192b5a1cc4'),
+    ('\x698f6713739507d234f353eac044e7c427748785'),
+    ('\x69918a9746c542e2328d939bbe3b8e75d1b40b47'),
+    ('\x6999b5db62879e991847589f09bf2e3cb7894360'),
+    ('\x69a2e890a6e83e900c3c979c951216bb4e75a853'),
+    ('\x69a64f4e24d297d02944cdf36a6a469b95a6f3b6'),
+    ('\x69b8c7f84e850b86c7a970b6a3549243403bf361'),
+    ('\x69bc5fa2fa8ea4813fc217c2b8c6793edc6fe0b4'),
+    ('\x69c75ca603bbc54d9f9c10b86324b0c6ccde563f'),
+    ('\x69c8521baeb04b77e295e2773d459d2f9a2e1ef0'),
+    ('\x69ca6e5de18ba0ffcf4d720f800b28899d82c3e0'),
+    ('\x69d303f38ae9de70d9a11ab86ace1a1c9977ad35'),
+    ('\x69d43539e8c6eb24f9166e7498362a13d2826288'),
+    ('\x69d98f683d0fcf5486403c3b4d9f8d275c04fdbe'),
+    ('\x69dade7ea3aea2339e51c9e1d01453b7d5668eca'),
+    ('\x69df6f9aef65ccaffecd7d2c6f6d6c96c004cbfe'),
+    ('\x69e2403d97ead76d1dee2265904b15d6de54560c'),
+    ('\x69e35256288dcca25da11cf2f2a0e394dd96b0d4'),
+    ('\x69e66073de03319bd30fc3eea8b10b1208dd7fbd'),
+    ('\x69ef3c6947b967399260431c27601e8813e3f32f'),
+    ('\x69f068f575cdf4b510a26a235bdcca70ccccce65'),
+    ('\x69f19a8110bc5d176b3d7937b783de68ee2d9d87'),
+    ('\x69f6900905a694ecb9e089d2bd2ae966e494dec8'),
+    ('\x69f8a72fffc881dee85abb2e7d091724d9c1cf2c'),
+    ('\x69f9726d047602407d06f6fc0b4627408a6baf12'),
+    ('\x6a03d9cf725498d2252d8ddd8e6b5dd6225dd206'),
+    ('\x6a17857e2aad083254ce4c502fa276cabf631399'),
+    ('\x6a1a741df706a095e04298401d089a158a7b7982'),
+    ('\x6a1cee5b2948dbddf8fe6bb050a5cdca1c206dbf'),
+    ('\x6a1d60863976e72af27d7e169e874dbea3c4da8c'),
+    ('\x6a1fa0fa035616916b6ae4faaa8a95d748035a95'),
+    ('\x6a20314d6b66389f5b5ab827775ea0a4485be64a'),
+    ('\x6a224cdf46b60fd83e641f718bf67f8215e86cdc'),
+    ('\x6a23d10c15d3eb7fcb18609be0bc4bf0706eca49'),
+    ('\x6a242ce5172cfce7a53d583455dde9265ff4d423'),
+    ('\x6a257b119a9b53bf7d0cc346bac0d012b557c03a'),
+    ('\x6a273f1f4f938a8d33760ea2fc6c58d1b60d4b63'),
+    ('\x6a2f415be2d11bff0c65eb1c597257ba839bc7dd'),
+    ('\x6a2fa2c19ff457c6d05cb0973ba4c96a305b9d71'),
+    ('\x6a30d44afcd97c6911fe165880cf3276af3164ba'),
+    ('\x6a328cfeb88252c9b0bed772ab1cb1fcce4079ec'),
+    ('\x6a34191b710f6cc33b9d3de65eaf2e3efc9cf22c'),
+    ('\x6a34da5b3a1bd4cd7ae46970c3d31392e6dced43'),
+    ('\x6a3501bf15977199e45d676c59dd9b0a9bb47b16'),
+    ('\x6a38a6c3c2908294e710e40a03d5742eb5630df2'),
+    ('\x6a3aacdad8fdbca7cdfeefcbc8129290d4bfc3e7'),
+    ('\x6a4cd3900e9ed8091254118037247665c1de2744'),
+    ('\x6a5155d53de7b940a93c44902baedc07ba91626e'),
+    ('\x6a541d79c65e88b00b157bd8e053d29f8bb342de'),
+    ('\x6a58dacfca3fcc5ac44a9b6e05212dd6e6b23fb2'),
+    ('\x6a669e337f26616f9f21c98f5bbf1fdf845f065a'),
+    ('\x6a71125d459e331f57b0a5db16abfd24c2b253ad'),
+    ('\x6a752a746878ea12d38e466b9fe4e79be397f42d'),
+    ('\x6a76c7c18af9a7c629ab697c42d7a07b4b63ff59'),
+    ('\x6a7808ccb889a76530dfce15f1376b8dad3df77e'),
+    ('\x6a785310138d50ed5c61d54aed35ba6a9233d653'),
+    ('\x6a7921a118d543ba7e45e9462c8f29f67c5e41ef'),
+    ('\x6a7e3fb5b62572e7d6042aed6e49fb521e2d5ff5'),
+    ('\x6a85467d5d9fbe83c04697e715814b67fc66338b'),
+    ('\x6a89288de231e62d23e4025d3493a8986e656fc7'),
+    ('\x6a8cfa2e5cb475be77f8982ff44323568d8a88ba'),
+    ('\x6a8da5744c2480f4a3188569eac5e6f20bdacb77'),
+    ('\x6a912c7a53b404734717cc6c290b7d9a5e38506a'),
+    ('\x6a926ece1cc78ae8ddd2e4c598c3d924b3c5eff0'),
+    ('\x6a92f4d3533e4cee6ec39787a2e0e32eb4c0d813'),
+    ('\x6a9513371a957b50eae98c8725e89ddc4668ab52'),
+    ('\x6a9ba6c3ce8e915ebc0c18f5a5dad5702116376c'),
+    ('\x6a9d6e7c14f9b48565d556eaa3e3c9db3dc97f00'),
+    ('\x6aa033df2c812e989fb871b9f225be6737e13a73'),
+    ('\x6aa0b0e7b27e963913282c1dfcc677dc5b316bd7'),
+    ('\x6aa1f99c3dca4753ca862453736d5627a381181d'),
+    ('\x6aa51a98cb3527bafa5f8be43d3cee568fb08fbc'),
+    ('\x6aa5b08bbc4d35e449719808d7ff6331eee6c2e1'),
+    ('\x6aa876a80a2e74a0ff2769224c2abd5a62b416f4'),
+    ('\x6aa9ac707b76a5015c5c52c922ab89f13e5f7f08'),
+    ('\x6ab51f6a3a20ce0bad34f2b02e369e5838621c8e'),
+    ('\x6ab56840c530d369ad27b15aea6f4a8180ccf66e'),
+    ('\x6ab715835d59f196fc952acfbf74e7eb1fe44e4a'),
+    ('\x6ab8a0a609b742ef92b4b9f58b8e8a8cf903ff8a'),
+    ('\x6abb40965bef3b4140b4e078233ba968c39b8f0d'),
+    ('\x6ac0820e52e380feeadec06cf79bac74ce449d8b'),
+    ('\x6ac58e4d0c8188c0e4689cbd90621196604a852c'),
+    ('\x6acaf35723f14c8d09528f707291838604bf9bd1'),
+    ('\x6ace758dfbf063d1064837c456830dee2a0ba9de'),
+    ('\x6ad1bb8df4de3a2b4c90af255365501a56a493d0'),
+    ('\x6adb70284574812078e70aeded179dfcc5704645'),
+    ('\x6adbf37c6d6404cab69aae71969bab470899343b'),
+    ('\x6addabb2c27579ef20803236cc7b0b28ce59eee5'),
+    ('\x6adfe18c940bfc1455ddee637ee412daf3261575'),
+    ('\x6ae0affec781e2c519befeafcaa27342535d9de8'),
+    ('\x6ae21ae00b145496d08796b03d23a4ad7294609f'),
+    ('\x6ae5e3145a13e926ed30be5334d942a2128889b9'),
+    ('\x6ae62af1da7b6681f607f14326a91e8dccce8244'),
+    ('\x6ae80f3196c44d0be530d9d14f90178ffa1e6ff8'),
+    ('\x6ae96a70f36ef21b07ae195e2b53c13d6b19db83'),
+    ('\x6af49b6cd99deeb0fc9429df569bd9528778e6ad'),
+    ('\x6b01745425af55e38c0160ae88e3c4b8aa9f051e'),
+    ('\x6b0a0b7a172b469719284e25f347b5cd3d2223e9'),
+    ('\x6b0ded0f81818b013c7380423a0c95338ff4268f'),
+    ('\x6b1571dda1d9bba1623c861749c991f989b78178'),
+    ('\x6b16e1d8beacc5e5161dea513fd37e73ef35461c'),
+    ('\x6b1c3943a531551e8c8bab16ea4d2261971d4ea6'),
+    ('\x6b23f8dec9953e659987f13daaf8c175787e03b7'),
+    ('\x6b27f54cd1fbfcc413e1f0f482b63bceb49bc9e4'),
+    ('\x6b28a8ff4ca12c1e87ff07fd495dd2d1e2831738'),
+    ('\x6b293b7c50bb365c887b6b64e3abe3478ba9fcf5'),
+    ('\x6b2bf36f3a93d56577555b14a781e5b2c728b577'),
+    ('\x6b2bfb57ccf663729077f340415dc391106ca57e'),
+    ('\x6b2f7a9a802eac9d6f5664ed440693bc40ae7914'),
+    ('\x6b3543517fe8feff046733f909465e007167c775'),
+    ('\x6b3e0c6240bce9bff2057da3dc7dac990f185847'),
+    ('\x6b41472a13813f7a18572cf2ef551eb7693db670'),
+    ('\x6b4205dcd08820a0b95814cd1633124dd6ec712b'),
+    ('\x6b4522363506503294c4556c1e3049cb7118422b'),
+    ('\x6b46ce310cf4532230ce0d6db0fbcb6c509029eb'),
+    ('\x6b472ac599cbdeb597d87236132b836e3455d2ff'),
+    ('\x6b4ab537188a29293a21ae25eaa68e2cbfb91ce7'),
+    ('\x6b4e01d6f959e1199e9fe60c068fefcc59755d88'),
+    ('\x6b4e3d25fc6aaa13f03aaf1a4c126a14b0a08de5'),
+    ('\x6b4e78b406195c4ede451e78578f71d07c0fd8cf'),
+    ('\x6b54f4d090458b1746dfee7e8c0f09138580f843'),
+    ('\x6b58a7859c3658a2b965a9a35ad4b7587a489969'),
+    ('\x6b58f5f81ead193f771508f079aeba796bb6d549'),
+    ('\x6b5df1150d0b38868430c8d3b077ba05a36d991b'),
+    ('\x6b5e5f67285841d0dc1fa6f422b92c1333614174'),
+    ('\x6b66d358ba6115395aa6c67e6f955c42677b13c8'),
+    ('\x6b7235a0725143bad59c7b52069787c49d118401'),
+    ('\x6b756e49d0963da8722c67f11a082f2f77e962b6'),
+    ('\x6b7848c01e1e2210f426cf310b44254e6edbdfcc'),
+    ('\x6b78f07ee29abc1da0360055cb9b5b5538a82901'),
+    ('\x6b8aa70d1a19eaf2db860cb8e1b6d52968a51176'),
+    ('\x6b8d3bed7a049accb7a591fce07107e6ee00e4fc'),
+    ('\x6b8f8e44949bd24ce8084653f239a5d3ec5ebbfa'),
+    ('\x6b9060ccff87f4b016f8343f63d352f598de44db'),
+    ('\x6b9106646bd4d67937934b61068173bb60c020e1'),
+    ('\x6b94e72869e3325432f72e2889b08f23fc40b7b3'),
+    ('\x6b962869602402815d86c7be82ca131d3275f9f0'),
+    ('\x6b979b41b55c91b9b719267e115207985586cff3'),
+    ('\x6ba1a5e322079394392cabf5d9cae2d8395ae6ed'),
+    ('\x6ba4daa3fb452ef1b6388f9f489339c13cfca9ef'),
+    ('\x6bab4ac8321b6e25ac3dc995c12cd60c6c79a736'),
+    ('\x6badc65c13507ad4b819a7836d25af05a643aa5d'),
+    ('\x6bb2af57287277e6c9b976563596a2e635d37635'),
+    ('\x6bbb240aa2bbc3eef0e572c57f13d059c3f6c0e5'),
+    ('\x6bbea1b7b4a92c9456f5b6715d9822932b9551a3'),
+    ('\x6bc36e31aab700d13b938bdf6b559910f6f96dd4'),
+    ('\x6bca595c00607a6dbf3e96d4666df2f80163fa45'),
+    ('\x6bcf94e8cd77c33898e39dafb258bacc692b7797'),
+    ('\x6bd022062ecfc378808f0bec1a1e567a602efa0e'),
+    ('\x6bd52498e91a4f8dea9d1f911b857b3ade89714a'),
+    ('\x6bd957ea76b3ab39678b2b827a46049251a0b0d6'),
+    ('\x6be20ac0dcbd6ec15a331d65e564afe6d8037085'),
+    ('\x6be3b06101229c452dfab689bf60e5cc6c1e2e9f'),
+    ('\x6be6703c1f9f20f69183f3509f14804b2dec8862'),
+    ('\x6becd115a47f933e0e7c23be24fcf6d71523ac79'),
+    ('\x6bf13895aced13921683c4b9ef8356a2cac6e880'),
+    ('\x6bf440d66bdfa7970317671e87d20e3956d96c3e'),
+    ('\x6bf877ef8b070c1315bb451c446ace7a706e79ae'),
+    ('\x6bfb5bc0893c59100348775fa391d2d1c2951bf5'),
+    ('\x6bff3f3fce95032ccbf5035616c2678aa8927d42'),
+    ('\x6c01069bdc20984c0cfbe958e362095772de9c5b'),
+    ('\x6c01a48f3faac2e3de57f406797bea072a01011b'),
+    ('\x6c02e4f692a50bd25f573a1af9d9d507e74fca5f'),
+    ('\x6c0353ed1126085f9d0514e7e590cd5453406bf6'),
+    ('\x6c03dbfe4e3bfe23a1835a79b9d57de96349f24e'),
+    ('\x6c07f83819f6c6e1300849190bb27fa04df89884'),
+    ('\x6c1191478ca666bdec4c72b1f32a86fee57ce5ff'),
+    ('\x6c16c2d92e893509074ec9a44cff81b5876f08e9'),
+    ('\x6c16cdd6c74b50ac03753f142aa5a9b41b28969c'),
+    ('\x6c1b55dc178eeba6f62a378b84ab1403a354316f'),
+    ('\x6c1b834504f9fbdf375fc0915ca316fe1ca2366b'),
+    ('\x6c24f535f822033c9ce9db0e100fa10be262efc5'),
+    ('\x6c27c60a57e8b8ff74fb2615082138023115943e'),
+    ('\x6c3a9acde14f1578ab85913edc828240be82f614'),
+    ('\x6c3aac7a1969dcee3243b9b8bd97698a8066c9a9'),
+    ('\x6c3ed9727df4a70299ada71d969168e230ecf650'),
+    ('\x6c3fd783e07bc1f403b6b48d4711143ce78daf23'),
+    ('\x6c41f8a6ec165f69adf00eed5aec8c5b65b2d95f'),
+    ('\x6c42645b11444704c5011a7ba3e78c7629763097'),
+    ('\x6c432740bdd46b3568cc54737634d7446b62252a'),
+    ('\x6c4969fad7e598c2a73c4fb66012d787e67a51a8'),
+    ('\x6c4aeeab8861308c540e8ead83319cf5e131e749'),
+    ('\x6c4b1f25912ab83c08118f84e5b0159d11c72b31'),
+    ('\x6c522f8e292ed4a5ec495a73559eb2cb92c62dff'),
+    ('\x6c635cddd9a4fc66567abfc0c02ec19aa6bbbc7f'),
+    ('\x6c66e4c0ae2e36ef803361617c6c78a770257cf9'),
+    ('\x6c679566ababb148decfd04c0be56c0ed16ee147'),
+    ('\x6c6a6d29d8ad2a6f7d9ddff146505652f1d32be7'),
+    ('\x6c727582b6555ca694bff81d938448cb034c0acf'),
+    ('\x6c73e5f5d45e355928d27413b4b97dc966d29440'),
+    ('\x6c7e5aa85ba88e6af637bb4d1cd95ecfaea977fe'),
+    ('\x6c7f8b88800fa674bc9b1481ec05fbf812dece22'),
+    ('\x6c8567178dc72e394cf100ef3b150a2d3c6046d6'),
+    ('\x6c88393d567f7d63e77eed8ef191b1d287ef0a5d'),
+    ('\x6c8c0106c1154086d6bfcd3d7c8a58b241cc23d7'),
+    ('\x6c8fc650489e95ed3258e3b71f6902c2c4a82313'),
+    ('\x6c965ea41266ade6b41dcbb1741fc090f6f1724d'),
+    ('\x6c97f8362199654938a9c092a2e84bce45386f49'),
+    ('\x6cb84e9848ce59bbbd66e8b5617ff7a9b3f60f7a'),
+    ('\x6cbd2a03d5a73e8b94e0291cec6567425a8bb231'),
+    ('\x6cc14a8826a43caf2c86ddb2e633cc794932f026'),
+    ('\x6ccd8a77dbc22425737bd1c4923ea920e460632f'),
+    ('\x6ccd9cfc59c5dc2c92f01b3356a3a235c9c9e1c2'),
+    ('\x6cd69f9fe65afe94200dcc54e51404d1afd427f0'),
+    ('\x6ce2e6441fc7b1a299618106c06076be552577dc'),
+    ('\x6ce408e46bfde68b5d910a335cf817678d1bd99a'),
+    ('\x6cee3fe54a061c652a2ddf33af8c5605882b7492'),
+    ('\x6cf05d0a7439613be4796d61841e172b23f001ab'),
+    ('\x6cf1c3ad5c070db1bbc9429c5bbda8b9824eda69'),
+    ('\x6cf49080a18f4b5e59616a46f064f49e70324a29'),
+    ('\x6cf6bad32bfb02056db7af11d26819a9ff48c6c5'),
+    ('\x6d11086de19c19be6e034ff0b22a4bd19bece907'),
+    ('\x6d117ff47b29cfe7e73e870d8cb6c106c77ab43a'),
+    ('\x6d12d779ac1f78a799460a63021c9425f4ed360b'),
+    ('\x6d15067afdc99775c5b3239df58ded75559cfa7f'),
+    ('\x6d162b72bcce2b1088b8e2cbf1090fa6a2b72e4b'),
+    ('\x6d17ce0b01ac69a8e4ea03fdd42199c649561bec'),
+    ('\x6d1a39b47ee077ce4585c117b9139dfe75c4a0c5'),
+    ('\x6d1eca0b5dfad65088a9685c18eb34da30e41993'),
+    ('\x6d2612b91fdc7fba815b2b1075d744dae8ec3427'),
+    ('\x6d29b828aaea1f77d5dc43380cfa546490880807'),
+    ('\x6d2b14bda10af1355124954691b4ac55672d5d36'),
+    ('\x6d2f2c9fdb5c2b68c9f55190214d2b1f0356c05c'),
+    ('\x6d311860cac3e077b585d2d113236350fc790086'),
+    ('\x6d33de6c0b05e66a50818b854b6268dedd86c500'),
+    ('\x6d345d5ff6ecf2c1f72007916eb91e50ab3cfc63'),
+    ('\x6d38d4daceea40f20cdf5635d6eea84af13d02bd'),
+    ('\x6d39b538bd2e4b6e0560c33a59c31801e95dbb78'),
+    ('\x6d3bee01c60c2da276201e6fbf85e86e5b567c79'),
+    ('\x6d3d6b61e48f77c210667e332a952a186d409dbd'),
+    ('\x6d41b6bc5666f47499dfb40f0bcebc43e7044719'),
+    ('\x6d479d65a568e07afdf273fb6c588e0ff27aa68a'),
+    ('\x6d4e5898e17c36beaf129481edbf54e3982513ae'),
+    ('\x6d57721bd88465575ac467516f6e03fe78e1f2bb'),
+    ('\x6d588499269b09ce669dfba12156a3c90597b0ca'),
+    ('\x6d5ea0257f7e72da138428bb1ae7d3e6990c715e'),
+    ('\x6d6472596f23be361b81004ad0396b127dee1060'),
+    ('\x6d6890a375f4bf33179dd14307bfe10c22261d1e'),
+    ('\x6d6afeb2eeedcbe25a5ed39b7720d158160bb03d'),
+    ('\x6d76b82ce7b999243603e4e03725e9bb8e637f93'),
+    ('\x6d76cf81cd316fa76d9c92a49d49b7ee1d879e5c'),
+    ('\x6d77e525badbdff69a8b610ec834302b0c702462'),
+    ('\x6d7bcc856934b6bf14ae17b6cb70b1fc3995e266'),
+    ('\x6d8231230ef7c025f180f0486ca7eaa774c6f518'),
+    ('\x6d83089e9fc856dbd38e27b5edfb87dec94272d9'),
+    ('\x6d868143bc557a5b4b819fdb66590893fab89266'),
+    ('\x6d8b74b859db56af880e6e0b5557c3d197fe1880'),
+    ('\x6d8ccff2493bbf6ee50dbd0c6e6e6a437d307c6e'),
+    ('\x6d9a663c36f60e00cfbeee74da09cfad91913977'),
+    ('\x6d9dd01191207767558059c54c9dfc62f8b1e8ee'),
+    ('\x6da03b038b5f71a53caba3f84b40cf2ac65b7654'),
+    ('\x6da19d74d2a8243f1df9d3859538a26e932cbca2'),
+    ('\x6da89d09829b43732904a9e75fc4171ab60f0154'),
+    ('\x6da9a6c5ea38ce81d8df5fbfcbb8f370256d3b76'),
+    ('\x6dab6a87f9731dd79ccdb19fcbee730a66443da6'),
+    ('\x6dae1b155031f3181c7b49e9db3585d99ee69e52'),
+    ('\x6daf20a9f599ceb9907510c636ed01e362020baf'),
+    ('\x6daf5b6670da083708c5e180110d6cf68e5bdb3e'),
+    ('\x6db334b1643849ca65fe40f683823723af6d33f4'),
+    ('\x6db7a2124428c425d58af72f5094b4762428828f'),
+    ('\x6dc070e54c8a79841c8b82f2f650b46628207fd6'),
+    ('\x6dc16d1e3cb990766213487c98007ebc356a893b'),
+    ('\x6dc30e507fe8c178e0ca69f914a6398d6cf37940'),
+    ('\x6dc464eeacdb5cc8b6a60aaae6baf86565908d8b'),
+    ('\x6dc8b9048955ffa3714283ccd829ce523b84b8db'),
+    ('\x6dcdd299b6acbe221cf239becb11c82ae710ab92'),
+    ('\x6dce0cbde16a53a0dff467dedf6bcdb54fc94be3'),
+    ('\x6dcfda3c601d8e66a1e311e9e2836f474c127d4f'),
+    ('\x6dd304dddbaf9e8612810740384d119e714c3949'),
+    ('\x6ddb827828eb2a7200bc6ab4a637ce4631c1ef3a'),
+    ('\x6de5002d3c494cda8ef7aebc5eee3852a2f6b2ba'),
+    ('\x6ded73794344363d2976e4382cacc73929c74cb1'),
+    ('\x6df1bc7bb5be3bc885a7521d9702e1b52d5e702a'),
+    ('\x6df2f79f8f7e2b833cc10ae8dcac5f46e0700e41'),
+    ('\x6df4b0d7c3dd2d98ac906709f101754590ac86d9'),
+    ('\x6df4ecabe09a708b4b4266ced519b3779bb04e38'),
+    ('\x6df5621696ae134d1dc6197785e9295665522db4'),
+    ('\x6dfbe0c8b2da66e2994abec3b56948a35690c289'),
+    ('\x6e024054e42eb7b9c54b15ac63f9a41cc709ec74'),
+    ('\x6e04ac0ba482df0860b9debfb2601604b13adfb1'),
+    ('\x6e066b12be8c94ff36a854a1302ed57d4b6b1134'),
+    ('\x6e09d8aab8a9b71de0906817604d3389986493ae'),
+    ('\x6e0d0226e136a77dced09230570c476e048aaf45'),
+    ('\x6e0fc6ad5265ea400e34a080174fdd14eb8bcde0'),
+    ('\x6e26240adf12d420de95f881a492a8aee98bf84c'),
+    ('\x6e26de76d46d7e4c28d19acb691cc8a4b41b4287'),
+    ('\x6e2a05b20055e4fdf8988260e89d07ffa9754639'),
+    ('\x6e2acc57a11db0f68178ab0f3f868a24e3c00ba1'),
+    ('\x6e2ca89dc287532c78500ce3ebd76e08dba5d360'),
+    ('\x6e2e2f03e7ffe9e030c36cafa308b5660b78011f'),
+    ('\x6e37fc93fa42b97cc4f835f002e4e6d9c36b32f8'),
+    ('\x6e3adb293c65e976436bc733815700e024e3657e'),
+    ('\x6e44c3a4c239f35cd594e90b234ca2298eb3d4f0'),
+    ('\x6e48e88f55e2be63ed935f4b0d8e74f40f015cd4'),
+    ('\x6e524f89ffab44c8664987db0c2e701a5d5ff9ae'),
+    ('\x6e5c71623f18751feb01326a5d0e5a6b545a7e3a'),
+    ('\x6e5ebd7d9456cb84e1036fc6396ef2655d70861c'),
+    ('\x6e5fa998a3fb5a28a6cb6cd7bd2c21453064da46'),
+    ('\x6e5fff7d401be4fde42dd60cddb49c1b0f136d7e'),
+    ('\x6e622a50506512631007ce696dcb973c3f99ef99'),
+    ('\x6e622ed4a2db4c52c44de80229bbd12773806cca'),
+    ('\x6e652456c8da99cf38d81fced9d36ba7e7112c98'),
+    ('\x6e66ae774beab5d9d919690e4c7452ac839808b0'),
+    ('\x6e672ddb34aae51a30d6e531774c1bcc54cf79af'),
+    ('\x6e6ca6258401a59262db9bc368adc7d11292b233'),
+    ('\x6e7177dec0c8b9ffba173b2ee2e23610fde3ef57'),
+    ('\x6e74c8be3c7700b4bfaf238e2b72d1356678f4de'),
+    ('\x6e75f7083179fe98fc5fd57e7f2cc2c2ecc75885'),
+    ('\x6e7960786ef4610b64aed431112ba676f4a10329'),
+    ('\x6e8565c4bee3a39c3dd4436aa1917e052e96a4d1'),
+    ('\x6e85f045419423024d9f6c907a976192db697ead'),
+    ('\x6e8990878026a74b15cae6351da049b6ba1d13e3'),
+    ('\x6e8ba88fb7f550651839ef4c1ac06629b855aa2d'),
+    ('\x6e8d9dda503cc22df49459877df3b98685f5f93d'),
+    ('\x6e9093001dff8954363d08fad01ff2bc1133fa6b'),
+    ('\x6e9238ca681b0a21f332f5a148a3dcf5b098065a'),
+    ('\x6e94c0abe7abc1ddc44231d5cefe69e3a8f48933'),
+    ('\x6e97cdc29ea3c9eeb09b42013edfbe51115cc845'),
+    ('\x6ea31a2da37d90c1ebbbb9576dd41efdc4fe861d'),
+    ('\x6ea3e49fe955b978a271d86a863b119855040211'),
+    ('\x6eb307b681c43af22d1987d079af4d7c34199a1b'),
+    ('\x6eb4a1156680389014173969df40fa52059eb685'),
+    ('\x6ebc22c22b54a01e90065d631afc4b2096b1c144'),
+    ('\x6ec0305895906730a9375b3761e4f7441d0d3fe6'),
+    ('\x6ec162e77bee1df08391a4a7cfeec215f305eee8'),
+    ('\x6ec388a3cb47306eb4ea2e4fa32e5c5cd86c10ce'),
+    ('\x6ec5277f373fe4ebb374962a8528566dece062d9'),
+    ('\x6ecda8c5c13174a0811f6378ab29ff4884bc5883'),
+    ('\x6ee50e5b055a48c2337a2c3222cbe87ce307f16d'),
+    ('\x6ee6cc21b707e73bf70119459bcf2f286be47548'),
+    ('\x6eeb47b155f1763edf104ba36e6d147c21bdc7cb'),
+    ('\x6eebc68df030da27e450ae4b18ed60c32f51efd4'),
+    ('\x6ef54028dd7a5f4183f4704c61371f7beec07378'),
+    ('\x6ef6ff0ae28248404d8868b5d52c36e35eaba955'),
+    ('\x6efaa3ab02acec543aa867c0f32576a911c8bf0b'),
+    ('\x6f08a3d4ddd190fd4b0bf6b2627ffb46f0696989'),
+    ('\x6f184e250ee63b79966b6854065a792068ef3d35'),
+    ('\x6f1d62d6ee77733a267ac96c7f7303a53979c4c1'),
+    ('\x6f236baa0a168bb0c8f252ea7938f33ffcea437a'),
+    ('\x6f26a66e7945000dc560f8f67ac79f446677dca3'),
+    ('\x6f272d6b4d61deebde7419f2fb4139e51b8744a0'),
+    ('\x6f3489530cbd990b78bb679a427bde8ccfe8de08'),
+    ('\x6f37b117dbfa617b5f940b86bb4a59f6f993132b'),
+    ('\x6f3968d360251906c06b52abb1aac2e61d5aeb62'),
+    ('\x6f3f5ad98cf2bbc6b040335511a40597d6c86c05'),
+    ('\x6f4ac1fbd6a010dc9783e96c208a66bc2cce83d0'),
+    ('\x6f4e41e3f827e6c95333747416af19bc9b4b3ecd'),
+    ('\x6f4f86a573d94fa098c8248ab5a44503335d18b3'),
+    ('\x6f575351e4ab5954d357b909445ddc664d31d38c'),
+    ('\x6f5c084ebec417f4e58129087edd536cd6c895b4'),
+    ('\x6f60085589b7a2810170c82fd613c8a456e142d4'),
+    ('\x6f712bc0db6a6182679b2745065e3f7d53de1263'),
+    ('\x6f9357c57638c724ba9483e78f26fc25f8a1f84a'),
+    ('\x6f938be5ddc740b8e21537e3a4603566531c9325'),
+    ('\x6f9bbd9942892962612a2432b0ec6f1246411d0a'),
+    ('\x6f9cbce6a1ecdc9ad44bd52dbe3668cd9b7db847'),
+    ('\x6fa1d63caf45572c21e76c803c14d7df8b796068'),
+    ('\x6fa36d3c1cf0b2eb36de105986ff2aeaaaf097dc'),
+    ('\x6faef2aa253fde303001ecfc2ca34aaeadfc4685'),
+    ('\x6fb07b6e5a5adfba92115dd3464be7b63306a8ca'),
+    ('\x6fb6bf233767f459129bca2e4bd3a3fb6b255ffb'),
+    ('\x6fba4c7c890be254d10f83fda32f0c3ae2ec855e'),
+    ('\x6fc2e0512718c0be23bb9cf376c36b952119e253'),
+    ('\x6fc5574d2cd38270bdf306c04c46d6436df517be'),
+    ('\x6fc9976313cefce545fc0aed28ae8ba9acefbad6'),
+    ('\x6fd0372393b3098cc64726b5152cd3836b87f238'),
+    ('\x6fd0952edf50ac62446b357eede2b0f7ab270f20'),
+    ('\x6fd0bf0b198e501f299385146ac1debfe4311ab6'),
+    ('\x6fd910995572b73a8c9a7912d24e410ae305eed0'),
+    ('\x6fdd107f9a6b47eaded5f4b41e38318f22c2f7cf'),
+    ('\x6fdf46ab8e8a408d2b6ed611b011103a0b0267a4'),
+    ('\x6fe0071418bde06af694f4b272e85fcbfedda008'),
+    ('\x6fe42fb77e25bde42993b6226d744006c77eb603'),
+    ('\x6fe5003815e4bd20772648d0deb1c50360b2b04c'),
+    ('\x6fe8f81284af1b2bcd6fc7ea5c211d4275839aa6'),
+    ('\x6fed77d7b4322e70351a91ca7858241952b694b7'),
+    ('\x6ff21f63a1f7dbf4bdfaf3c3a9e9bbb558c3238c'),
+    ('\x70190d7c655655ca47096e46611a99965d0563c7'),
+    ('\x701bd6543f4490f49dc9ecb68fdef88d60d2c8c0'),
+    ('\x702a12c1183051ac1bb4a23c2959c4e67f2ff130'),
+    ('\x702c07f11f35005831c61bc7e302ed6ce816bcee'),
+    ('\x702f0ee348a35cbc06ccf7d6aeff59b726eba955'),
+    ('\x7030b0f8b4358c295ba4ed575f90a23517b40d8b'),
+    ('\x7034f27442652a6195f674235042e68189fd736b'),
+    ('\x703795363ab8f987c0343e6a953677d45f9611cc'),
+    ('\x703e1bc200abe77ba93031ded02bc5b61565dbc5'),
+    ('\x703f24b196e7347135de7966b33657fc4d2431d1'),
+    ('\x70404faf2989a653e52a2b51755fb04c18e8ba63'),
+    ('\x704366607b17d0062938e0d316339bb0ef88cec4'),
+    ('\x704671551ebae8c500d1a8afdd0d174738cb626b'),
+    ('\x7047b76a36551c3193e60cf0c4cd114c57c805ca'),
+    ('\x704e75866803ea5aa7d9090402842d097418a49c'),
+    ('\x704f5469785e71b61ce679c66efb487a4006fb1b'),
+    ('\x704f7b1bf280c7fb00c47ef3807f70d935f17e4c'),
+    ('\x70503e0ca36c2e83a40d5b4bc7b55cc0669b6ad8'),
+    ('\x7055da5524b8868c3bc493b90fec97118638aef4'),
+    ('\x705654cb7b1d4dc148b2137551ed1a7281ea7eab'),
+    ('\x7062aad6799c7459d0ae8c112c81ca65a5b6602e'),
+    ('\x706a0a3b10bcf6cda31a3e5041db636ed13c2b07'),
+    ('\x706bffcec5a4128b404366745dd84f6e5ca3b909'),
+    ('\x706f4262d64a386576985780670a6dced6da2dd7'),
+    ('\x7071c0ad92cdf597a8aa21a2684d062a1a6aaf11'),
+    ('\x70762c09d9caeb922bbdbeaf9844c9a5f59e9666'),
+    ('\x7076ffaa75f65be8616baf8979d44cae21edfba2'),
+    ('\x707aba11b6a43217aa64e89de7caf3bfef1f1908'),
+    ('\x70844c297ea68425943d7a5375f716d0b41ec20e'),
+    ('\x7086df22a70a159f3ecfb6d38eab67cc862e1105'),
+    ('\x708e73e3090c1077f262af713c364e1f373270ca'),
+    ('\x708ead09720f9c4b8e060e4e1fe9bec6b3f59667'),
+    ('\x708f76333c689ba475b78963c8994203129e7bed'),
+    ('\x709881df55519655c79e0ba9870c354e85a4189e'),
+    ('\x709acfc36bd67a86ee5c971ba232b3424734fbba'),
+    ('\x70a2b618752d2b507d43a8c1bbdc9c2e59e408b4'),
+    ('\x70a8ea7e5a7af6001f0ed77dc73a699bf0b2a93b'),
+    ('\x70b0a5712ce5f5b8cb66c71cae61fb34d3763508'),
+    ('\x70b2c948e912936f1d8846530fb9d8824bb5a151'),
+    ('\x70b6ede72bfa63fc0ecf0f2143228996ab83f146'),
+    ('\x70bb398a6c496002415fda22607e033eaa140627'),
+    ('\x70c2a183215dd26dbc885906bfc29764ef2237af'),
+    ('\x70cd6683f129e5d70027629f85c019e0b0cf0b49'),
+    ('\x70d507cc6eab3651a167d5bf9f6c80dad2169fbe'),
+    ('\x70d7e982b65ed79142913c3f655fc3a22167eecd'),
+    ('\x70dc302ee2e4170b0dc42e4e0830d2562def5082'),
+    ('\x70de787176f1156c30a942c58b2726cf457cc441'),
+    ('\x70ea664909ad345f920ea9ab538aad036a36735c'),
+    ('\x70ef2c69064d56af1ddff0457de760d65f30ac4d'),
+    ('\x70fd87fd399848dddc867208c2dbbc5292a23162'),
+    ('\x710579009ff2406b44cb2ed3e2056c2e9df8204d'),
+    ('\x710ced13939917f6708d41e29f14d50869d4ad3e'),
+    ('\x710db7a6bfc3879092c6c73adb606c33d02583cd'),
+    ('\x710ff7a8e493d89fde0b812d36a67e13535f7ad2'),
+    ('\x711606a8d1f2de5ff35acf826b169faf91875c36'),
+    ('\x71199fd17ba9d3e8ddb744e8f50c0c6688cbac7b'),
+    ('\x711abdc0945a6b81b89f5cf5b8fb5051748f3551'),
+    ('\x7125c5a9055ed2ab65d1cae117abda4077011d52'),
+    ('\x71385283b442e750d7cfa22c595854a1e66f21ec'),
+    ('\x713ac34c085beb78ecf4597c383b47aa1c13fa11'),
+    ('\x7146684d66d531b60332818145f5bb98d756d910'),
+    ('\x714dcd54cd2609a95ef7c71f12c86655871e3c23'),
+    ('\x71510f30dc46d0455f4a01bd516fd4d58b7f7aff'),
+    ('\x715ada74d51a7ece00180c42f5fef49b19431ba3'),
+    ('\x715b4800602843682b071ed524c98b4dcc920eca'),
+    ('\x715be03b5cee03530cc370cd2f72f89555d393d0'),
+    ('\x716a19079eb26f02de81f267ed78317a6504cc6c'),
+    ('\x716b108eab11bbe5281323301043958a45c24dfb'),
+    ('\x716bbc2cfbc1f0377f9c51a76e1c0a532391f612'),
+    ('\x716cd85352f9ac2bef899edbd1bca83ecb997216'),
+    ('\x716dbd5824bb0d27cafe7c39c17e339c0236e6d3'),
+    ('\x7170f0d80c2f5f46c82e1071cf41fcf5f0b2f6c1'),
+    ('\x717a6b483ce9e880bbddfed2368f4e9d7531c832'),
+    ('\x717bd5db63cc08880dc11be275f7c9991db7c6d8'),
+    ('\x717e2c6a3979634067ac2d4db823451c4f1f7dbc'),
+    ('\x717f6e02e5dee52a3092a441c64e9f0163a31a98'),
+    ('\x717fdf0cc417964d92e1f94d96ed7e675efd1a45'),
+    ('\x71823ff5c47ddf56552a7b3e79c1369c31da1300'),
+    ('\x7184c0711f75948cace3ef4362974f8173c5cd20'),
+    ('\x71895994193bd25e2c25ccbe79c7a9333d312c4a'),
+    ('\x71895beb101a45f5b436d3babb4b38ceb3b6674f'),
+    ('\x719398639a4cb2c18f9d795f6ac0de59399d837b'),
+    ('\x7195f52ec6c9d7f0d1680b95ad11b94601e24090'),
+    ('\x7197cf1df8b1115497382492ad4653d082e2efdd'),
+    ('\x71a01afcc9e846262b5c1419c9a15abc16577a47'),
+    ('\x71a1540b66ba61eef59e72a6ae30197e8657b0f5'),
+    ('\x71a346294515e812b06662ba54a7df0b07ce5389'),
+    ('\x71a520e1ce0a14db6cc326111189f67eb0243601'),
+    ('\x71af0ee1a30e48eeb728dc584277ac473f9e357c'),
+    ('\x71af6e073e43ab7edf1bd875bf05211d7e578609'),
+    ('\x71b0b58c294cf88535038d7ec601d85db45880d3'),
+    ('\x71b1624d376e4aa0a04c860db718f92fe6380804'),
+    ('\x71b2dd4c5f22321fb284462864698215ddc52ee1'),
+    ('\x71b39089781619fb9b9ad2d8aab8c2e4fc3ef6d3'),
+    ('\x71b49c0612ea22da7cb891d69eb4a2460a0eaf32'),
+    ('\x71bec6addd25822ba8c1d9f287271ad9c59c75fb'),
+    ('\x71bff613e297c76284f5659469cfc7b94eb2a270'),
+    ('\x71c6db5335e9e7f744146d866b2c058fddbe1c75'),
+    ('\x71c72811854aba1d0d3742f29b9bef03ec43515b'),
+    ('\x71d01ed977a7dc069877a772144489fc2435a854'),
+    ('\x71d5006593f89954e4e7809af24f9e4b0c680b9a'),
+    ('\x71d8fbcefaa96bdf76b76f063dbcd62a38df422a'),
+    ('\x71d907819590d16b55d2b08efc5ebfe29a943fed'),
+    ('\x71df3299809c95d33dbc45e4523fc4f0b49cc745'),
+    ('\x71e23b3a14786f0a42fe3885f85e67990b1a18a8'),
+    ('\x71e33830223c4c05c61002462e13df02bb30ae02'),
+    ('\x71ef99c4fbe4b07b1881b5d11010a8e6306409e5'),
+    ('\x71f3f1beeb32b20f0ecb0cbd60fa516deb15e6e6'),
+    ('\x71f44c2b9b14103cc0e833c5303897746087e8d4'),
+    ('\x71fbdc85d6c2f641d0206ce8b2a0f9802cefdd78'),
+    ('\x71ffe19940f1436a8914b8590b1a83df571f97cf'),
+    ('\x72048d43c0e57c9545a4787368c470293a55f61e'),
+    ('\x7204eafcdcc164af361227e4c81151c73b77ac3f'),
+    ('\x720ab1643555232c9cc2b5cb719ff8ca96ac146a'),
+    ('\x720b2ad7aa04d089f16c5d7a1f6d31707e702ce9'),
+    ('\x720dcb93f135eb2821780ec0c6cea94e36749150'),
+    ('\x72120fcd7db0870791775d29cc3d45eabc2988cd'),
+    ('\x72178592941d4fc68d5bd9a85738560413ecb8ba'),
+    ('\x721b49dfcdefbe98fefdeb4acde5619fb51f44c9'),
+    ('\x721b91b3bd1c89785f130fdbe0b0fb18087fde3b'),
+    ('\x72227ba6f1673f13d3228175704726687121940b'),
+    ('\x72289a1b1637af8cf550be19a43483df30d778b8'),
+    ('\x722a6f1b4be142df8a5dc4481b087a9ebfefc0b1'),
+    ('\x72320eee41e0a1c00a300fad2a31ab24cf9c0951'),
+    ('\x72347f5c88401112488b8abf9b65f8c205cd33db'),
+    ('\x7235526ac7753eca51cc43184814f47aa2d8f286'),
+    ('\x7237e772f729ec6cf9bba86c1d00cbe695a38fb5'),
+    ('\x723b3d29cd836d8dd5a6ac163273f8f1eb8bee19'),
+    ('\x72405b568eaf37015e41d9a63fd62ea680a2365e'),
+    ('\x724e4ab7a99dbd0fec0f4f3191722e29720ddc17'),
+    ('\x725db2bc92c46428a3654ace5f0145ea429edbbf'),
+    ('\x725edf3eb934de2075ab9286a0bb57aa9d1f3435'),
+    ('\x7260bd65e0dd2df5d0c398d579c126788603e5fd'),
+    ('\x72613a6f65261ae7ab3645fe68d40d711648c6e2'),
+    ('\x7262ef5f227fafee803b274ffe4a5762176e8696'),
+    ('\x7266474bd309bb25eb8c2658aa7a7925b274cae9'),
+    ('\x72674cdcac4b07362e8c75a03aea4cd120a45786'),
+    ('\x7267d6fd50c363ee23116897fcd08195262f55a0'),
+    ('\x726f4c9cacecc5b6a967aedda0bf9f1e5b121494'),
+    ('\x7271e7896e242fd62caea7280a5f834935e35fdb'),
+    ('\x727414367705cee5108a41d71688759c443e1e92'),
+    ('\x7276c25e374f1af0b4bea805473c2509395667fa'),
+    ('\x727dfb40cdf9f19d261e86b6cfcf5938cdd59ada'),
+    ('\x72806ff0e499035727e4ffd0d8dd02b5342f2931'),
+    ('\x7285c5bb83e7663e59b75f169f6f6bd1cd0233c2'),
+    ('\x72860e865897ab3aad1cf0c1bb7253222c3239d8'),
+    ('\x72869ab9fe9c33b32afd751ab79f39e8b3f52f4f'),
+    ('\x72954125a77cd7312838f0c3914bbf2250c8f6e4'),
+    ('\x729993b87a9ecb29371b124ae445e8030dca3c33'),
+    ('\x729dd7b3c40fee4177b395756d1cf01ef60a2244'),
+    ('\x72a1d14a0fa7aeb3abf9e597baa6190f2c274690'),
+    ('\x72a57e3f79e1864bd336964f28bef82536bd5651'),
+    ('\x72a6d36239fc69d79d1374a2d1fe84220f24ad30'),
+    ('\x72abe946e54b2c8e2d0b1a9fd35e4b953bb1260f'),
+    ('\x72b1fe51b44808a3e8578784664d298c9d21eb2c'),
+    ('\x72b5d9e3228bb3a56fa3c87c157d69f388bbfb8a'),
+    ('\x72bd08f7647fcba66bed435d609e15a3b329d9f6'),
+    ('\x72c53de12489defd1c6e6a801f552f8885fa5c26'),
+    ('\x72c82020dde743b9fe3f92338f82b758ac430f92'),
+    ('\x72d0f2b2fcca084cc0a2fbee9e7bc2e4dc822941'),
+    ('\x72d190dbbf53cb745a87f17bbeef0909054594fa'),
+    ('\x72d2c3f0372cfe5060c41cd722a1af110d03ab36'),
+    ('\x72d493b13f0c6cba97a0a171bd578637b33c752c'),
+    ('\x72d4a1a03cbb473215fd175010745fcae3d51cce'),
+    ('\x72d6edb49b2443c6eadba1642cb47786c5721677'),
+    ('\x72da2d33297fb37439cc2e3b38110cda49f65bcc'),
+    ('\x72e256f18cd24175cd32dd5aa10e6cde030c31db'),
+    ('\x72e5c69a351047626b2eefc889c61e4632118dde'),
+    ('\x72e6b46592371787a4850a7c4cf80bdcf328acb2'),
+    ('\x72e9fe3713f968d50f183771f722e3d85095cb54'),
+    ('\x72ea9b21ac10a6522c12ef34918ba35504519368'),
+    ('\x72ed3af87bca7c2130a771c97582b46f91b4b6b0'),
+    ('\x72edc5dea57ad3eaf3bd745c6cbcd487cc43cd88'),
+    ('\x72ef0dfd9191a17513789d453e982fdeaa50f55e'),
+    ('\x72eff2080ab8e0f221a11b1cf7a47ebd1d0967da'),
+    ('\x72f4491e6f371aa273668d055a25280fa0b9f5d5'),
+    ('\x72ffa479629ab7274c0978b562e8c23b771f0ec5'),
+    ('\x73019c235dcf49467a2f2049300d2c51ae459270'),
+    ('\x7306773e78e4fcfa15f1001b7cfc4aca612f940a'),
+    ('\x7309c6b12727eb1cc689ba24be63e7860cecff8d'),
+    ('\x730e8c38ed8d400c35a4c90bce2b40fdd7379b29'),
+    ('\x730eeba36d77287a33b8444a8958cd8b84d7ed7d'),
+    ('\x731ba4226b6e8f488b80af73165e85710f21b278'),
+    ('\x731d7690511d046dace661477ce3d0e6d9c3c548'),
+    ('\x731d85a88c2fb2bd02ad20d3801c327731e51ad2'),
+    ('\x731e0962ff3392dddbe16161bfe236540b6908ca'),
+    ('\x7320ad1cbc1d1cbfd0d37ca08d7c2fc737d2df34'),
+    ('\x7328f0703138ebbbc1f918d6c9e03ec67868ea97'),
+    ('\x732b477ecccfa3f426f35ec21ec3804c0fb9fff6'),
+    ('\x732c3ec02e9d75470a748e42d7b32d7490029e5a'),
+    ('\x732f0610a224a7b4f06b9b98f1841c65ada14321'),
+    ('\x7333fcfbbf335e2642976d834c415abc21d8ac39'),
+    ('\x7335226ec26e684fbee2a3e33392bb575618f2aa'),
+    ('\x73358b42f1887adbac1caab894f0e145cb6edb53'),
+    ('\x73437c916f5c140585a2ea3a9bb3c65e994bba10'),
+    ('\x7348ff4b731a927491293f18e4ab8522ec62f608'),
+    ('\x7349af6aaebd8011df5c8bbce868374a22d9a779'),
+    ('\x734e97d3c41278f6aa81d51a6f987bbc4fc3b6f5'),
+    ('\x7352f8227769a6cf37dae00db3103f70b4b8a04b'),
+    ('\x7355e216e2a4a929ea5eee5caa185685731f62e1'),
+    ('\x735b597076a7da245bb7ab3db4a2e08a99ccb5a8'),
+    ('\x735f485e359030bef6599501487d5ebd352cb960'),
+    ('\x7363f91e3105973d2b73245c63bc48fe7a225857'),
+    ('\x736694540db6d710bb969caaf64a4f750a86fd34'),
+    ('\x737bfd55328d5c9492985bbe2b79b53b48692d81'),
+    ('\x737c89ef0bc55bbb28e15f8bf5c8730a28a7b27f'),
+    ('\x737c921bef23b218da261e77d0bed44f871d06d9'),
+    ('\x737fb474546527fea8db9f056fee49a790ec49e8'),
+    ('\x738a2834271341fbfab03905e0f1bbac06f3874d'),
+    ('\x739068ce4384c0645521887d6596cf3d3d9e7cec'),
+    ('\x739f5dbd3703fe2a661564027fddcdad96390afc'),
+    ('\x73af21ae0249a1c7db68882f593bf021144b25a7'),
+    ('\x73b5f59f7d5aa1368a0948629c2937a48f8d5682'),
+    ('\x73bef64ae08760410ccc44ad4ccc50c5b3f7f424'),
+    ('\x73c056262ba76fc60ba2fc9aa3f670f281bf84fc'),
+    ('\x73c398f68221d05c8ae0750a1ed9f327e4f13a7b'),
+    ('\x73c47565a0791fdf06baad81fce262ba5faec77f'),
+    ('\x73c863e2d6b7e17bed73cc9361538e7ed1ca1a12'),
+    ('\x73ca06345ad6a8d49288df5f45651c240a955f11'),
+    ('\x73caa3b3ccf7e29dec1764050aad6132c75c0a21'),
+    ('\x73d4b35ec47309786bb938a3cccaa23a0702c8f3'),
+    ('\x73da54589e98501e9fd7f9da2b30ae7bfed2ef5f'),
+    ('\x73dc5d67072f419fa808b16025a3109770a65e38'),
+    ('\x73df10be9b9c4cf53a6e313d5925c7554ead74bd'),
+    ('\x73e118a5c4ee6c97c8aa332ffd8e8928ddc81dd7'),
+    ('\x73e1997394f9dfa0796982ec18c204e3268d53be'),
+    ('\x73e363058b8858870b2921cc69a1e4ef7c72e7a3'),
+    ('\x73ee2926d61e1719f8ad625fc53182f57393d2ee'),
+    ('\x73fc6cb52d7cbae0809bdc387fc19a897c768e80'),
+    ('\x74045c4cd326bb770a92757bdc36a77ca44102e4'),
+    ('\x740a1bc245b28bf0088c3a62e7a546816ed2fa38'),
+    ('\x740cb887cf5827acc969b10819e69293737eb1f2'),
+    ('\x74106b357914b2879726e97a08f926db24e023f9'),
+    ('\x7411d703e47a7e2a6d3fd449122953540bb38c57'),
+    ('\x741217a7c8576a3792d2ed41c19cec8534964227'),
+    ('\x7412290078594ee533d1d7bb0badfd485d60bace'),
+    ('\x7417399462bf2b3827351cd88d3ba08e8df2cb19'),
+    ('\x741a86bde62a945b17aadab3e68dd9afb99c73f3'),
+    ('\x741db56a44e1aaeaca95a6bb2e149eaf2f18194d'),
+    ('\x741e9ec966555f62c0adb2a85c318a826eef0139'),
+    ('\x7428631ce168ba0c10daf15a1c137e4f8dc49030'),
+    ('\x742c28d08b345334bc8bd54d5b24b96d352ab90b'),
+    ('\x7432912f16e51a6e443e43a152d64a512fc50263'),
+    ('\x7433940c4b785f339745c3ecd060d0354ce01794'),
+    ('\x74343694e2b2114272f38b1124813b972cb592e5'),
+    ('\x7437358547ee43f969fc0cb8e383e666bb0bb96b'),
+    ('\x7437f8b924be19aa87efa85731b1e191b5b35447'),
+    ('\x7439a15aa86ce1d9ec343f8e0b5ebf1e4cf09346'),
+    ('\x743f0562a42881d8f935f675d236baeada73e89e'),
+    ('\x744597d027ade8bcc6e6d090c6d3bacb8dd078c8'),
+    ('\x744ff0ca7d86fc3ebde835416783f72715331677'),
+    ('\x7454ab2739504e18251e1054e701fb48a006d89a'),
+    ('\x7454ccf559a3ee4f19ea19ae8bc71e02e1dab5d1'),
+    ('\x7455a0890d6b810f60642266cf8b9a06096dac3c'),
+    ('\x7457002a23f0e824bb6f9cae3a951c2c3342bc38'),
+    ('\x7462e980d7f30dc66f85c675ebf2de372f670424'),
+    ('\x7468031120b80e0ede476807cb530b1bcb8cfb28'),
+    ('\x7487c19cde4b121035f600c68991c73d136e70b6'),
+    ('\x748c38e0002f805acd54cb6677be879bcc4a998a'),
+    ('\x748e2feae4b0de89e1ce4d31efba7ff0e6c7cd9c'),
+    ('\x74a0ce4dbcf958cf44b32218781b71fec5d6b826'),
+    ('\x74a1a2c67c8b1eb12446db19ff17aca8830816bd'),
+    ('\x74a85898f567f667b4796adc6203ea175df82a59'),
+    ('\x74aa61014fdc21f6ffba9f3ad1d7cf0eee9aa29f'),
+    ('\x74ab95c08ba617a14df2707aee19db4248a95877'),
+    ('\x74afb2cad567e7ccb088ac06872aa9f74e33d434'),
+    ('\x74b777b150b6d3d60b9f62bffb471dadcbb1650a'),
+    ('\x74ba03f7e33528cb5dab67a79681720ebf3aeaa9'),
+    ('\x74be28de7ffafcd719bcc205df1c2214b989e2c1'),
+    ('\x74c024f56196cfefbc6af31da43afe1e66c5594a'),
+    ('\x74c2134bda730f35008358fea52c8efe182b0fa2'),
+    ('\x74c2e1259cfdd6ff546866c4764ee476ba966998'),
+    ('\x74d256fd269c55dd8df31aee07b29a7cd9b78177'),
+    ('\x74da22e76b5dad96a1a18f4c509883005f9c4d14'),
+    ('\x74e0462c21a574e907b9b5a8e2c6f74f68424cb1'),
+    ('\x74e6c2797e7372987ae162cd007355106074da6e'),
+    ('\x74ed0b15c121e4116effd35fa76fdaccd4e35dae'),
+    ('\x74ef1789a2c41312752031b018fc3d4bb5a65641'),
+    ('\x74ef6f8d0328eaf81d9b1226b6327a52b1285029'),
+    ('\x74f289135bfe4da94967977a9ffacd1f3333c34a'),
+    ('\x74f3a84f0f864f2fea67898c0ab67aecd8b7343e'),
+    ('\x74f55d9373b3930400e3ae24ebe07c604ad7bf95'),
+    ('\x74fb64ce9ddf2797ba82dcf4a13e272fc002752a'),
+    ('\x74fcce1a111bfa75f064a8f4a3e70490f48b5454'),
+    ('\x74ffb7b57b048977244fdca0a5d55eac1d828cd8'),
+    ('\x7500cd99f1486ee2e1da7f7953ac0adf28f2c726'),
+    ('\x750106477f299de05a1ab4ca84cef588fb7d318c'),
+    ('\x750294cd91c899cfc2a287270e03ec33dca9c355'),
+    ('\x750664c64d8905710ad1e0adb8ec9ab23f2f6eb9'),
+    ('\x7507b0942ad6e64b5f506f8d53efe1d4801d4d7d'),
+    ('\x750890014a0331f761cb12dfd09eec326d56e975'),
+    ('\x7508b130e0917a166efa9c3bd706cbbcd8144259'),
+    ('\x750b45d4c3cdc9efb6e7aadc0c4135c88f930231'),
+    ('\x752238a579165bde306bb5493ce88c6180845218'),
+    ('\x75256f2a7529804c208a95ca42ebbcc301c0f5dd'),
+    ('\x7528c02be0bc0ecd05bfdb704a32f00837e0bf53'),
+    ('\x7530f8c12894dd38288c3199d624ace625b7f2b8'),
+    ('\x753200ec4ababfb43c5e85fae4819d0102b49417'),
+    ('\x7538ca3b406a754c812007a9c20b0249fd589f44'),
+    ('\x753a404bb8c45246fa682e0de98673acfbbf6466'),
+    ('\x7543c45f2c55512a98e489df69963aa53af68c5a'),
+    ('\x7544de9cc8d102e1597dac2fb71951c2019a08cd'),
+    ('\x7548a271d967eb8a1efdf0ffc40b2a69927adb1e'),
+    ('\x754aff57d146534eedf7bb18ca239b123c79a112'),
+    ('\x754c662a5918632056cbeb4f0e946ba608c08f01'),
+    ('\x754c68fa3dd5fe04c1547379977e278de9762cd1'),
+    ('\x754dca7325de222c8dbdd1f98ae2c1401f882a42'),
+    ('\x7550ad58d2103d2f86e93abf4c982a022046501c'),
+    ('\x7551c38d58bdaa08cae4b4067332d528211ecaf6'),
+    ('\x755406f3b6d4233785304ed5434e62f60ad1478a'),
+    ('\x755fe03df93e9d5490668310629642685c43de35'),
+    ('\x75640ae85f639433d18c164afa2444e01480ef7e'),
+    ('\x756ddb4f9f4b24c3b00eeea92ff3e488d71036e9'),
+    ('\x756e32ed724c9060432519d5883b273482f205d3'),
+    ('\x75710161590d3d979566de48dac03b34200ad0f9'),
+    ('\x75754ec28f11e725a37e58f61407b5f0981a1b85'),
+    ('\x757762b871c2fd9f5f251e279f83976d1f8243f5'),
+    ('\x757c2a628dd03b1cbe4b3ef07c153897a702b57a'),
+    ('\x757de679db86c59ed057868872c8d1636705f1f4'),
+    ('\x75814f3d01c5a0618fba86782096e70520dfc941'),
+    ('\x75864fa40c5747501fd8bbf5c9e24b327595dcbc'),
+    ('\x75926ffc2bc168f37bf9ac005d27e081b6ac190c'),
+    ('\x75941fe5e4e8f972edbbf62a5abf51cabd4a7d1e'),
+    ('\x759860cadd101dd38ebe4b4d713ba233bb44914e'),
+    ('\x759f7e62d295d56f972176560828ab230efe6696'),
+    ('\x75a00582f9effa20aa0367f30413cb8818d990fb'),
+    ('\x75b4923483151a7dae2f60b380826bc6d20e87e7'),
+    ('\x75b57624147e942d065dda73641368ad02e1f7c4'),
+    ('\x75bcc6fdbb5f92f5a10b330e797b6d6bee7d355a'),
+    ('\x75bebdb5948f61cec5acb9196f78e3fad7e42686'),
+    ('\x75c00e4452b2a34c4e5f2ca81a04944c57b7a913'),
+    ('\x75c2afcc72d5631fa46e2e101f8b34725b9870e7'),
+    ('\x75c7574beb9588eacc39102b0a99a42ca00ce9c3'),
+    ('\x75c7d04516ff39cdce337a7f0420b3911852a328'),
+    ('\x75d3440e776f1a81345cd428945ed5ba3e43fe25'),
+    ('\x75d9af443edbace80e1f5fe2004ffeb19207b317'),
+    ('\x75dacf63c0068697cde5daa225fe0ece97bee18f'),
+    ('\x75dc8a8228b8be1ba54649f47c6f9b3187ce561d'),
+    ('\x75e17ac21dde9c0578fb2930255f30c45bf102b2'),
+    ('\x75fae5ee8ba211118718d280f0bcece91ca0e4a3'),
+    ('\x760599cae59cc7081a5b8fa45a45cce8540db8a6'),
+    ('\x7606b432449e96a9f45822193d9b5e9e0c5e8c97'),
+    ('\x7609665fcc698b2a3cb53b730d8da7368619be2a'),
+    ('\x760a844be864b15df656c583cc7d5c466c0a07f9'),
+    ('\x760fac5c90f75c40a5e1dcc912fa4c84535faedb'),
+    ('\x7614de811c48683db7a23d5844e7b66c6eea388a'),
+    ('\x7615794ab6e183d3d79ffe0300d40bf787730558'),
+    ('\x7617e142690b8fadd2a307d1b580e870154bb60d'),
+    ('\x761d0cc1e594d4c06505eee15f53ee267f912726'),
+    ('\x761ebbf6e79471ced260f36acaec3e825b7e8b98'),
+    ('\x761fa18c2b8c1ea12049c6c4746da1b69a27cc4d'),
+    ('\x7620263c65484734cd6dbcfdb9331e2abdc67642'),
+    ('\x7628b28ed878bc80c6b9e7449802d6a109857f54'),
+    ('\x763501945ebfe708335b2923bb67f41ca93807cd'),
+    ('\x7636e452960e216024615ba27c37f9ee7b391e9b'),
+    ('\x763f2120eba7a74882c2375f40cb4d26d25d422e'),
+    ('\x76453bcea8223229fb8b5d2c0a06e45ceae4cbaf'),
+    ('\x7646545c4f34c294a66132eba3c58e0c7259e648'),
+    ('\x76467d1487aab8b8c8137f167213c92fa8c1f946'),
+    ('\x7648e59b60dc8b0073410830253ad291a5f53237'),
+    ('\x764965d4acb8ebfe69a1bdbdbe9b92a20f6e887d'),
+    ('\x764b0df32c45cad57b234ceb5f2b745c1ad90160'),
+    ('\x7652bcc725712f5f4209429239671338b05ce9e2'),
+    ('\x7652c72ed082c0e6f8650aef74a7a896110cc2ef'),
+    ('\x7659ec3a0ce901af3e2c0ce7013e8477ce4b669b'),
+    ('\x765ed308041ecd390e7dd97e04ca12cc0a91a317'),
+    ('\x76647f538ab9a08f30aff698ddb77f0f72be409b'),
+    ('\x7664fceaafb19d22a2ce35bfb19eee2ffe40a1e6'),
+    ('\x7666afffcf906dae2afc343b90b60c70f6c60c21'),
+    ('\x766c4bfc869003c2ec62487921c27c6d41149586'),
+    ('\x766e15c6fb1f6d82edd5de5fa7c3c9345a0ffdb1'),
+    ('\x767782eb12bc174009c7dcc41f98a78b5f0132a4'),
+    ('\x7678b70c2788bf31261d2bf55daef6cf9020e57b'),
+    ('\x76798e09d8c36b05a22086ffcac3436f47ae4f13'),
+    ('\x767f51890d5d164a135fbe48af2d61ed2e7441bb'),
+    ('\x76825b81701f0c162c335fd11dc1b807559bc267'),
+    ('\x768959c2f36b38c5e1bc7d7d5c9fa3a963247dca'),
+    ('\x7693fce352f5a9a8c2959c680292281c3bd4d01c'),
+    ('\x7696d94a5bba8f60475f5443b059f8ad43939824'),
+    ('\x7697d648bf91005df8a5ac477e1eb0d6a6df39a7'),
+    ('\x76a96556e667326eebb745a5f97756c039c7a472'),
+    ('\x76a977d82744ad732410f7b164b7b0ed1b58914f'),
+    ('\x76aa6d3fe052afbb2d5fd8c508add13f5e31f84b'),
+    ('\x76abcdb191f0bab3515a7780f0b8fe8fc7c0c53e'),
+    ('\x76abde3873c2258e8769de7b267b1ef6976eb6bb'),
+    ('\x76bf5f9e3e482526f0d38ec40e596ff04ae9b8ba'),
+    ('\x76c5723fce23d620e766a229ede0896b45594a23'),
+    ('\x76ce0d3ddff37a296e0b3ac7c517102677f4eaa3'),
+    ('\x76ce3930c0758dc16559b07a87e4b41698960199'),
+    ('\x76d0b390654a936d9dbdf6b4b887529e11cba081'),
+    ('\x76e0b40560e6af204aca5d815be118468535572c'),
+    ('\x76e5910f88ffb9fa688918d58d8dc3b2688b4ae9'),
+    ('\x76ee15ed0edf8c7bbd683945da41ee8a66ef3927'),
+    ('\x76f4ffb79568442db9c2c45e962e6d7d2cb5c915'),
+    ('\x76f9ad5133e569a0057b7766af737829c026bac1'),
+    ('\x76fee70a6c70a677778ed6f3ca002505bfb2849d'),
+    ('\x76ff1f1759b00b000a07d77c98415f51f72d04dc'),
+    ('\x771317ec79777bd70d5870c8c52a4f1f3d6eb01f'),
+    ('\x771ecd84050512a30da0a6595201e8f746e54b0c'),
+    ('\x7721f445eaeeee2cbd712026fbf897b89ccac302'),
+    ('\x7733f321137662e5cbb80c574d0b40fda22379e7'),
+    ('\x773f9c8e3607f2d9018ef2fc879fd1f566c9e208'),
+    ('\x7750655494d7bff8f31ca5c25a4aeed3ff8bc96d'),
+    ('\x77513dd8b81fe812afb7ab50481eff757579fa6a'),
+    ('\x77534f392213a42974335c504cc65db9a7a50c61'),
+    ('\x7753ec8996f78adc1c609919cd3273f6d4a1d0da'),
+    ('\x7754b03f7fe86fb9b2d2d21e65d444e9f7e18975'),
+    ('\x7754c75bbbc1db5d8f5e472f6bccba954cbef6ea'),
+    ('\x7754eb064368ebd2d2567524725256141965566b'),
+    ('\x775c7525d395f402bbcd9673f8b0c2a5769d88e3'),
+    ('\x77695ec977ecf08b9438b2aac90a334310186d7b'),
+    ('\x7770204a83c85cd53937752ef2f6ec42d7a10047'),
+    ('\x7773f299b2b97576db9403b584181b170071afac'),
+    ('\x7776290db926ff2f693ff5090d5c209393095428'),
+    ('\x777915cf42d8f23b9661e3c50cb35171dc8018e8'),
+    ('\x777a9e9ac53315f3cb1ed50ec3562a3a898ac35b'),
+    ('\x777ca57b97c202e2ba5cc6fbacd4bbc64e07868d'),
+    ('\x7782e5cd54fd4541483b4ae9999795d1f5153c6b'),
+    ('\x77889ecd05d6a7da87282d28fdeed0ea672bad9d'),
+    ('\x778b0f69132054ff48ec7206778a6b190eada5aa'),
+    ('\x7792514a5cc64d1f2285c2e0d98f5d670bc8ba64'),
+    ('\x7797f077a163dc689f57f5b21ad207e41803c49e'),
+    ('\x77981fa640a56c67daa931a1cdece7abcf47c59b'),
+    ('\x779c3ce5c7d541db5c17468855c821726b5a631a'),
+    ('\x77a454aa35dd31e2d30c9dbee479c211e64d7f35'),
+    ('\x77a5dc56f7f3383ef07edfa346e21b70e9f70fe2'),
+    ('\x77aa9910a66785a973f8fa33a188ad672e27a555'),
+    ('\x77ac5dfc8dc410aa25f7f15f0c24903043284c49'),
+    ('\x77aeab67996f4801e05d20a12577f8ba12f61b7b'),
+    ('\x77b00a938d799deb4f3c01c652f4a24787f94d41'),
+    ('\x77b690fd20d9bfa4280cce3de7edae056377d6f6'),
+    ('\x77bdeebdfb11857562561c697fc61d00da323e28'),
+    ('\x77bf66d94e3cfdff4d0669fd03ac0ecd84daaade'),
+    ('\x77c71e7e4e903ae2ecc325822b13a4cc2ac648c1'),
+    ('\x77ca649e67b2c5ae8bd8e279eb61dc76054e3a17'),
+    ('\x77cae4044a004cfa7e4d009e608a0488c8c33aa9'),
+    ('\x77cffc899a7186e31d0bf335eadd7fb475beb4e3'),
+    ('\x77d61b1ab5759db85e19f8afef6a6f4ae14db8ba'),
+    ('\x77d6561ab51e2a86318c4505ce4c37c4d2db1dfb'),
+    ('\x77db2a382dc741ad6815a1c2abafd80e7cd31291'),
+    ('\x77e253c9bf4ef55ff14d25e9642a83cdb1335eb2'),
+    ('\x77e34c34daa4b9b3c6e99541203972c49ed16231'),
+    ('\x77ec40cd9a5197a45e050e1aa2058400c6f742ef'),
+    ('\x77ed4e3012d822c7cca5c17efcae308b32b8cc2b'),
+    ('\x77eeb141cfc92aba9dfb5c71adbd1808f8e06906'),
+    ('\x77f48ade4494edfb5a1fee23afdb293ea896a9f2'),
+    ('\x7807a1df9d7bc107e984737d9c9ca2fe696a3fba'),
+    ('\x780fe1546e2989a568f3c438c604245ef1b8d221'),
+    ('\x7810208619326660587eed5e48aa59d1b05012a3'),
+    ('\x7817c7546bffab4aac4cd78f011098a0973731e1'),
+    ('\x7818a0f8aa774c0558890e614a0c160625ea8d12'),
+    ('\x781b29da8d957aabc6a1c6d9c1056049bf00914c'),
+    ('\x7821cf7e8ae49878dc6b65189d8e567f5a4e9a0e'),
+    ('\x78237ce5340fb05f571e0d6016910945fc4fe541'),
+    ('\x78268cbc8f15aa3eb005110015565625c3d66aa5'),
+    ('\x78314675f6429c7bcd6406e5ac7f511754a3caf2'),
+    ('\x7832e27280ac6158d6cc0f24609ef28c0974bd9b'),
+    ('\x783898c6ad748e982abb713daa22560438b4ab7e'),
+    ('\x783a67dd3f00e3c5ba2ac0833c9b9965582fd670'),
+    ('\x783aa2401dd0d50a54a7666003ec3444baed3299'),
+    ('\x783d423f61bf8d57e3219c53fcae0f8e3442c9fa'),
+    ('\x783f9606a46a23132ae3201a30c817c7cf68ec2a'),
+    ('\x784b6a53b111304ea6ffb5b39046958205477b15'),
+    ('\x785bf23cbcf0f0e55991283fe145dd2817e4daf1'),
+    ('\x785e064745864f9bd51f62b6e87867473c89b98f'),
+    ('\x785eb8978018cf93344662488ccfd3dbb55c835b'),
+    ('\x786290d70d8315b597eb99366152dc7b1963551d'),
+    ('\x786499bb36411a827dbe62c0f45034591f54f605'),
+    ('\x786c7d5de7728666bbae87fc85e644e41bd3b961'),
+    ('\x786cf10506f38ca5d0060ece96f09240f86104d0'),
+    ('\x786f19c6ab15a47e3423d07efabde44fd5d58c44'),
+    ('\x78704a099bad91c76ecb96417137464b0fa96b28'),
+    ('\x7878e0fab9673cc93acbbc9415600900f6f2fb39'),
+    ('\x787be82c2b20370f5416560d89d3b3fb43896cc2'),
+    ('\x787dbfbbc57b73481cc84089a5b8f1e8cfeca887'),
+    ('\x78825c7b27729e1c27058aa5d111a28809438e0a'),
+    ('\x7884da8493629095b3fe7c9500ccc7d5797cf960'),
+    ('\x78874e20d4d48abc7029209791ec3700a1b0a01b'),
+    ('\x7889d13c117f521970efcd88b04376273575f78b'),
+    ('\x788a621a6af54c93b5774fa62fb06140f3e8c55c'),
+    ('\x7890196ffcf47822fe6013afcd8ff8ce1729bfdc'),
+    ('\x78965c2e81e68896146c4d269a47f1db31848e4a'),
+    ('\x789702c730cdd507e8b60e07b240d0a93ba11944'),
+    ('\x789cdfdda226c59c259370dabe25f0593a85c824'),
+    ('\x78a703c2d965155cb1cf517893beb44f67382d5a'),
+    ('\x78a964a8ab5f14ac831f54b9536d5b7fdcb31076'),
+    ('\x78ae0db3bc294c4efd3a969b27cbbfc5cca8ac5d'),
+    ('\x78ae8bb8afa1146ce792c1154110e6bd2ed81cee'),
+    ('\x78aeaaa3338019c37c0d45eceb8ea895c6da92e6'),
+    ('\x78b6bb6eb35f511c69646a6c0ba18bebb80a1397'),
+    ('\x78b83e7506551724c89ab3f4836a51dfc57d33e9'),
+    ('\x78bf7924ce0e531c65accf9b9ed6132650647be3'),
+    ('\x78c71c3861670499480e83cde1d9a196f7b3389d'),
+    ('\x78cf0e563368e93cee8e876ebd65e6ecf7788012'),
+    ('\x78cf69f8316a579617ace77e31070a0f64605b26'),
+    ('\x78d7393141a2d3285906fc780b355568655585ef'),
+    ('\x78e8fa93e24846c1633d70ddaf3922f26c0b7479'),
+    ('\x78fd7a7b5b4ce8849284a9d07d724be5dd8c3954'),
+    ('\x7901af034dcaf7818038ad75d8009d0163c54f57'),
+    ('\x79039d352a79ea303c9d121392cc2301264fa79c'),
+    ('\x79156307d35848ef1f332be9e0f833537db32874'),
+    ('\x79156968696bcdbb9f3682e65b234c3e6f3deb00'),
+    ('\x79199a7a53db01d582a01ea85ef149866f9fd9ad'),
+    ('\x79264b03c42016c673d4007e0a7a9f365abd972f'),
+    ('\x79273f6f555cfa026a99aeab8708f85d9d38546b'),
+    ('\x79291bb9708279e24bc5d994043add61a2d2e75d'),
+    ('\x79293db4558e93b2d5e99b0333ed836229091abd'),
+    ('\x792b73544784c5f74cc2d8e84c92c96e78fba39f'),
+    ('\x792d64ecfc30aeef9cee37df92fd0be1724d6df7'),
+    ('\x792ed7ceec6d5805103039fcf71ded81382fbc16'),
+    ('\x793096608044671128dd1b251962e29c3a68a154'),
+    ('\x7939b77926e04317ee1d9771ae6d99bda45c35e9'),
+    ('\x793df823e22175387192aa412124547cf06bc232'),
+    ('\x793e8e8d28155d3c6df44c4ca2fd72398d62147f'),
+    ('\x7944de37f72525d7f1bd15bfe93bd445d12ad6cb'),
+    ('\x794821cf9a1f7f04b58a11180b5fc33bca50cda7'),
+    ('\x794e465cca622ef1567e2b9ad79211cb90dd29b3'),
+    ('\x7958464d845f3e658490452e0c5856aefa562473'),
+    ('\x795aacdc026acaacb5a541e4520492afedfbb150'),
+    ('\x795d3d72ad3dec58d86ff161939154525bc17f3b'),
+    ('\x796235849b5364d166066023826509177b36b6ff'),
+    ('\x79632b2e2e5b942de91c8e87d94e1308c4701d42'),
+    ('\x796367ac1e09dd919d15e5581c102fdefe7dc538'),
+    ('\x79675869de72d39e7c579fcad97ec7117c2c7159'),
+    ('\x797003a193f05ed2b30e5a9eb0657ba421ed25ca'),
+    ('\x797270696a8cfb955ebed49705940b8fd1fa7d41'),
+    ('\x79747fa3ec2c9eb2ce6ab12c788bd2c71da07fb0'),
+    ('\x79786fe4116ef7321caeffe91acba4e1e1a58647'),
+    ('\x7978762659fbd264253f579d4fa53de769006694'),
+    ('\x797b90a87737cf395eea4a3d7b3d28e092afe6c8'),
+    ('\x798c4cc4a539f377a667a289acbc31c31328fd5b'),
+    ('\x798f94c16a714bf5a3080ebfc87dc2897609cc8f'),
+    ('\x7997b8f1b46f174c80f7b02d8e9e00668e30aebd'),
+    ('\x79996f64dcd826b05edb9db8b5a7eb2ecc637365'),
+    ('\x799b2480dde865f4d825a1bd9db4487107b7bf87'),
+    ('\x799ba72976687d71baf6266c8c5404b76d89930a'),
+    ('\x799e015705b36ce22177ab87b720980dd04873e6'),
+    ('\x79a5873a3845739000fb307db31bef78113b5da5'),
+    ('\x79b46648c1b4fdbe231733a0d425c9f2736e2ec4'),
+    ('\x79c326b9f7b82dc280ee93884b1c16146ac5cd2d'),
+    ('\x79c86864dc25005579516b2573d944813b9bc9f6'),
+    ('\x79d1666df28668f809c50bf1c518077dff6d5037'),
+    ('\x79d183c36f032a901443b3a3c4e621fcfe90985a'),
+    ('\x79d7038d5be166ad6ab66642f4ae41cef6edda44'),
+    ('\x79d7f3ef39fb176b3107be84bc2b653c24fac6f6'),
+    ('\x79dc43cd8a5529ab73b3a995bf4efda008ad69ba'),
+    ('\x79de0214d200a62a6b171d721331fd2486bd1bec'),
+    ('\x79def3c0eb771f5b0ccfb7af609ffd547ce79e8a'),
+    ('\x79dfb6c57def74bd274fdf998c89f6588418e6dc'),
+    ('\x79e108acfebd321e89cbaaa40ea9d6b4a046f021'),
+    ('\x79e5be3ad35ba4c3d1f0ba453217bbb612fd104d'),
+    ('\x79e864432be3b6c8409d6f390e64b68605de0793'),
+    ('\x79f4155396110fc87df8eb6054dbc5dbbc65d00d'),
+    ('\x79f7b27b643912fe093800db0e83d367685b0653'),
+    ('\x79fbb519d31e21eca4afbdf6922a7e713b81d585'),
+    ('\x7a00fff3145b276f1b6862b85622d5b389b5699a'),
+    ('\x7a078e8c157d103c9e4c59151619521dc39c0ac1'),
+    ('\x7a09f9fcc83a648748b2d09368e7c9b4218b1754'),
+    ('\x7a0baedfcc3774c465b742d22ba9c49f3f06e5ec'),
+    ('\x7a0d0c0b4f5bea453a9ab3ff25dc80ca87c18265'),
+    ('\x7a0f92590ad6e38aae909bea20422dd55012a765'),
+    ('\x7a124f7b7665bdd774764fe12c27af71d963357b'),
+    ('\x7a15c485b8f0fe135daab8842ef289231524d6fd'),
+    ('\x7a1a7844e0d4e3b3c0720b27da1891d89343e375'),
+    ('\x7a1afae05c46b3b06e52404bf84169f060d4de72'),
+    ('\x7a238be481967dc91e52464bd1fee1010e573f5e'),
+    ('\x7a254c6105c4a64fb470da38e5437a2d00b8d00a'),
+    ('\x7a287726b4bf5143907330fd2f8010f3a98cb46d'),
+    ('\x7a2aa8877ec956b9f4b69cbaee7f38923e26b6ac'),
+    ('\x7a2b5db262294216452516f0f394994074d75fa5'),
+    ('\x7a2c15b6bded7e8dc702396541355d268b5a38f4'),
+    ('\x7a2e278b16f8f1f3f70a8ac6b5107ebdfa4ee58a'),
+    ('\x7a32fe66bd5c2d2075bd816104e8c5c287c02fc9'),
+    ('\x7a39fa8a63ecec9b63b6223cab0e86d6dfe28742'),
+    ('\x7a4068531a2e0da153daf0d28b1cd64f041af55f'),
+    ('\x7a4122a698d9e89f6ce63c0e2a62e6c16152ef5c'),
+    ('\x7a43dcadb3e121094530ce82f4297863474ef494'),
+    ('\x7a4573ae5ffd9e064571f4f08423be48451dfcd0'),
+    ('\x7a4ce4ec75bbfa59302cbe271ee3d149f97f014e'),
+    ('\x7a4d408535e34d456f73af5c4670a1a1591de383'),
+    ('\x7a4f72796999e3aecde0d92a4dd2655b4c0f9fd3'),
+    ('\x7a505b8554136882822a9057a415be5f1e008458'),
+    ('\x7a7577e1f36bc5975a7b5a17c78578bf44a60938'),
+    ('\x7a7cf33980e68f3db82fe37f269f466455cf0cd5'),
+    ('\x7a876c839b4f6b0fb5e9cbc29f27e1192f824b8b'),
+    ('\x7a8bbf3d97bc41759b1d43047706759cea439d0c'),
+    ('\x7a8d8e92fa7d744dd9d338594bfba7be20b0396a'),
+    ('\x7a917aa30e4d644ab2b20dd04a7103f4a03a88bb'),
+    ('\x7a9a93ef6be43f44fe459fa153d26e81d4807dce'),
+    ('\x7aa4612f1c1b4a7e0e70a99f0cad9948f02d1f3c'),
+    ('\x7aabc24a210d2345dddfc5c4d506a7e17aa32616'),
+    ('\x7ab05f1f2489a3bf3f619eabfbbf1d2030c2599a'),
+    ('\x7ab26e0798cfab08bcca1634fb6d38396a5d3a2b'),
+    ('\x7aba65daf8772689c2f408f79b86b41b77349e69'),
+    ('\x7ac0c333a4c61d84b11636d06436f47d5359ccef'),
+    ('\x7ac166b2e4c65fc01d96cbd7630e40182515ee8c'),
+    ('\x7ac31b150323c9c68b536ad315164a149fb9165b'),
+    ('\x7ac41c6ab53fdab89b3cf4be25e05e8569a64284'),
+    ('\x7ac46814f58ba5b9675994f5feae3f8c9e9b0cf3'),
+    ('\x7acdc2b67e52506c236b02e18d9c60cd0403df3a'),
+    ('\x7ad006525f92ef8f2a5db0818c403fdf351f5917'),
+    ('\x7ad3340f4d7815569f834682a65fc59abc091bfa'),
+    ('\x7ad3c890a01e6d372a5e7b35b79cb4eacfbb52a7'),
+    ('\x7adb5a7752f80a7cb672fc19fa6a234456542a8a'),
+    ('\x7addd35a08bfe6be9e337ea1829fa7c8fe01c2a8'),
+    ('\x7ae308a34c0c4a5b03eeb5b4eb5c8876dec7cd11'),
+    ('\x7ae45f667eca2f08108f61e040162c3997cc5b1e'),
+    ('\x7ae47cd26aef26a933681da5907ddc2a5d1e5a04'),
+    ('\x7af571d3320fd56d52c45427c83afc60152720c2'),
+    ('\x7afda8ab0bbcbf63ec89a3c6db2aef0c46f9445d'),
+    ('\x7b047c26c7a5a3f281525879e5d7cb1352adc4e9'),
+    ('\x7b0921a32fc2e1a191be57b577ff534ff444a16b'),
+    ('\x7b0a9cb8426289f026ef0b5287d4fc51edffcea1'),
+    ('\x7b0b36ea021d024a61c9bfd0be109420bc6ffab3'),
+    ('\x7b1e1eade0311c95f7f628ce6c471b0e82b65633'),
+    ('\x7b230a0db6a7b2aea79cf3ee9816949dac4523dd'),
+    ('\x7b23c6235f681399c31c0163dac89e24edf90135'),
+    ('\x7b2431ec724aa6604f14fdd2a965a8af5b62c831'),
+    ('\x7b254c41d1ad0584ca182d511190212b6dd15ed4'),
+    ('\x7b267d47f51af70e2f9680fd6149a77e18962b5f'),
+    ('\x7b26cef3a094e484792a81310658e276b6b43305'),
+    ('\x7b271169908de2c902f1cf8e623b509fab0aece1'),
+    ('\x7b293fd29dec18072f16db9ace07048aca91db31'),
+    ('\x7b29828b53e4d2ca3aa8b8a46a38ee40d5ff5d16'),
+    ('\x7b2fbf6fde5165a055c945ac60abd5a8ec797e27'),
+    ('\x7b3295afe897e91dc0c4a8af201130d506f710a6'),
+    ('\x7b357ca58cd1a2683cfa355ff22e161591293beb'),
+    ('\x7b360a98cd0265d63143fc0b9c160686a60491d0'),
+    ('\x7b36a9d7a57eca7ed445502276890251087bcde7'),
+    ('\x7b397f29a426db4f1177d1707692d366499ab025'),
+    ('\x7b3ad4821e11a9b6349edd2a9515dc48c9b7a2db'),
+    ('\x7b3b4bf2056b1b4ad0dcadf8bef25789f78a0064'),
+    ('\x7b3cf8da89e3b16e617f1ca8fe2fccb3c5fef820'),
+    ('\x7b41eff1b808161da20c0c64d14ed61e793354c3'),
+    ('\x7b42cf67253c7bbf9691c8357e1e7e1c1d824b48'),
+    ('\x7b43cb0d78b6640bbf405ee198a535b170ecf1bc'),
+    ('\x7b4430dd89e77fc78bdc5837feb2eb3698d37193'),
+    ('\x7b4889de7c078e960c1ba933c762f561b93730bf'),
+    ('\x7b5104a0f086ee6ed3439cc504ccfe9c2e6dd3ee'),
+    ('\x7b529456032abf9132194ddaac62d2d163247c38'),
+    ('\x7b56818545b3f6fb1ee3281f14cddbe571281d5e'),
+    ('\x7b57d6d295cb8303d416f68a3cd77a053a0ad975'),
+    ('\x7b5995cb9677f68824a510c25ceba4ca34592f09'),
+    ('\x7b5f14d462edf408f6a9103a2b87f03981a8910a'),
+    ('\x7b657297f2618c51a5954a0af6ecf65028212f28'),
+    ('\x7b66f9bc96c0971b0e0a788a83b71c71a0525fb4'),
+    ('\x7b6bcf026b94538fbfdb24ac58fa3e99b69b2ffc'),
+    ('\x7b74e5e4875b7777bbdc58fbbfcdffad564f6e2b'),
+    ('\x7b776316fdc3cc867deaf49ed6e906977d5acc8a'),
+    ('\x7b7e77f2479b1fee69f5ce5b002370d6d5908e3d'),
+    ('\x7b80bd999566976c07f126b674c6d4fc6f159e99'),
+    ('\x7b85bc77eb3e13d42452f48562efaccc421485ad'),
+    ('\x7b8cc5b600f6dab5924be4d2c242bff35e3bbd8a'),
+    ('\x7b8f7ed4bc75634d927243654ff03ef4537878cb'),
+    ('\x7b9448801569b3fcc64cc9a40db15cf9f0fa9be6'),
+    ('\x7b949c704acd5a63605e6ca9b9c547b34cdb3ddc'),
+    ('\x7b974bffb5449b633924130dfff16009782a5e14'),
+    ('\x7b9779d8010b5bdb909ab6badb9caecc9b0b0bad'),
+    ('\x7b98d4dbc4e7ed66cea62e6ddc1c63c8ca51221e'),
+    ('\x7ba1b2ef11a91dababfc231fcc25ce03cd4c86f8'),
+    ('\x7ba2c5f0f452c47ad6f590b3b2a9ae3d74a4c794'),
+    ('\x7ba6cbd80132074661a0d4b2c305647cff54c1ab'),
+    ('\x7ba7a53bb90de6c04f4a6f6085a195f19ef81974'),
+    ('\x7bafd970cd12344f5529823373d32b6f208e98b4'),
+    ('\x7bb22bd001de6d5dbec25dc63a80235fac0cadae'),
+    ('\x7bbd3aff55d6d0799d0cd5ea9d984906c6a960d9'),
+    ('\x7bc20e916351ca252f9ec4b5c0a0cd59967a98f9'),
+    ('\x7bc323e0401715e2d163f3d8b2d3fd6b38657dec'),
+    ('\x7bc39956732af2f7624ca6ac13d7676e68e07131'),
+    ('\x7bc5fe5acbce8fdcb278f525146646947333df3b'),
+    ('\x7bc7647b4954249e07d36335e7ee552595835fbe'),
+    ('\x7bc7bd590227bec87232d9bb3c98dcd98a6be122'),
+    ('\x7bcc18af78ea13451384a3913ecd40fec11491cc'),
+    ('\x7bcdbcd814015d2004f4267535190b29759c3a93'),
+    ('\x7bce2d37249d0d39fa3d7887172071384bfef69c'),
+    ('\x7bdbf84a9b6d1696a2c49a6a629aa718264e9d5d'),
+    ('\x7be210f413c298077d397e587843687554e4a8f3'),
+    ('\x7be92857897c81cb62310d3e43ce2342f188c1eb'),
+    ('\x7beb43c8464fcbc5a795ed48bcb9332f53343515'),
+    ('\x7bebdabc93a0cdc024813ad04910624f7f336d97'),
+    ('\x7bee3d92fb676c01170ce220493a376c6f9a3347'),
+    ('\x7bee3e70d3e511eeb6d6db919faca836a365038e'),
+    ('\x7bf143dc2f4c814221fa7b4ee9835c8cac386ca2'),
+    ('\x7bfb68efa8ef625d841eef56dbb991b61e638e5a'),
+    ('\x7bfe699b09b46b4033908792c4fd70316900a300'),
+    ('\x7c03e970047a0da90633c33b7bce7327488d148b'),
+    ('\x7c104f356fc02a6e4a4db4613a1e75d61c77e8d4'),
+    ('\x7c131da7c9c7e465a188984d05e6977cd48833a6'),
+    ('\x7c26b989b392b3f1ebac919fe1bd68abad12f798'),
+    ('\x7c273f51e3b9fe3aeb7e73607687cd6570894c0f'),
+    ('\x7c2b06f3a8027e5fefb1fdcb483432fdd1c166e1'),
+    ('\x7c2d7fcf3d823cbe6ef2582460546c56a63d4a5c'),
+    ('\x7c307768d5a736e7bf30a62a1f79687e03ad8c2d'),
+    ('\x7c376aa58b0419130d0ee06e836dcbcd0bf2685c'),
+    ('\x7c381bcdef88d7bf33aa42d6758418065ffc8b4b'),
+    ('\x7c39f0f0c9df7c78b680a9ef561aa38c2a5451d7'),
+    ('\x7c45dcfa1fe1e9fcfe9d7aca21886e42cbf8cc70'),
+    ('\x7c4d336edfcbbe089cf223f13e3122736a5b53b8'),
+    ('\x7c57eb5e583155835e8764c89e5d596cd3ed175b'),
+    ('\x7c5880d92ed019d73361d4383e3a63dc46f8c65c'),
+    ('\x7c5c8af2c45eee29a55e44460e43fd61a35fb376'),
+    ('\x7c60c33619cbabf74e7619f640ff16cc43896cf5'),
+    ('\x7c6177c92cfe3369af64b9a436cc9496908737f9'),
+    ('\x7c6b442bd77c5d576c379f34f5a59495a4ab0b17'),
+    ('\x7c6fac2e575eeaeba7cccfff732c039c7928df18'),
+    ('\x7c72cebe263280a961743675942b7687d1121ce7'),
+    ('\x7c72d3479f510fd90964b3d8e102a4569272963b'),
+    ('\x7c77f4d7632ab6d6f2623960cee104aea3f1904e'),
+    ('\x7c804133ce0e28c6d03232a9618f1d771f595ad5'),
+    ('\x7c841deec287bf5bedce48571bea92d62d93e2ad'),
+    ('\x7c86dd0648be33f0db3f12434013ac91d6b29a3f'),
+    ('\x7c8a092f632c561c1a27c88bac9cbcb7f329194f'),
+    ('\x7c94a138618ad985820136aa7c70bb6eb8766de8'),
+    ('\x7c9c1e862489dc7260abb0ca0f80bafea677f2f6'),
+    ('\x7ca9f7f7fd651ea47f9bcd77b265903ce3ea6218'),
+    ('\x7cb1383c287eed148122f6be09864e0c17e2aa17'),
+    ('\x7cc134bf0696852e6473951daff6f4c391d12d8d'),
+    ('\x7cc41e3cfeba533e92e479f2f7c28db2f2fd89a0'),
+    ('\x7cc4ab5742fad6feeee577fa6119fb9b78589e14'),
+    ('\x7cce3f6ccb02447d9d75855be8bd924e84e74f67'),
+    ('\x7cd62bba0f40c352d045d8d9c7c073bbbd051506'),
+    ('\x7cdf12cbf14f5915b52b8fdef0aa067cedf74314'),
+    ('\x7cdfa90b85a567375329b356a8399988bb1b50d3'),
+    ('\x7ce0cc80480c8df2435ec23f41d3969842e388bf'),
+    ('\x7ce11571028c53c0f118e60149f98dcbfdb24546'),
+    ('\x7cec173118a1c72540a09d4bcc8dd3742559f0fe'),
+    ('\x7cf0143ca3e498b3d88dbf7798552cb48929fe62'),
+    ('\x7cf9aa346970e407fba3e09e732ba8a96ce86bd4'),
+    ('\x7cfcfae2b2d592db65701301e05284615fc90639'),
+    ('\x7cfeb69d652702689c3817740aaebd0937d4a2cd'),
+    ('\x7d06c4a8fbd77c3619d72199c9925352cf5c4ecb'),
+    ('\x7d0de0d77e2824394cb3672c0dad5a2810481c61'),
+    ('\x7d1122f75ae57b6dfd5f3031220c1aeead59fbb7'),
+    ('\x7d12aabf2c7491b79cdb1ceab61d999dc3e42f42'),
+    ('\x7d1ae015b658f22d6d4da7c23dc823088e30a9e6'),
+    ('\x7d204319240588d234fec55c76c214053f07ce62'),
+    ('\x7d20f2f71ae3f039667292578336b271bea1215b'),
+    ('\x7d247e66eef52d548cc2c3dde161000e3e22579f'),
+    ('\x7d25d91a76124ffd08faa523b9bd2491ed8ab1c2'),
+    ('\x7d2e4acd3aca7edffa60e069b90648fe1d7b9de7'),
+    ('\x7d2f3dae0f4df3f941fa167e5a32c8a8fe77fc74'),
+    ('\x7d4c41b209e29d59e852a8fc73100cf7cc2f5826'),
+    ('\x7d4de325c7e688ee423177d2f2496a1a812e8461'),
+    ('\x7d4e90b82c8283b3a1a4ff3add5d685bfd839c7e'),
+    ('\x7d4fc6ad41e4b360fa946d2ce451149bf06d3c65'),
+    ('\x7d5050dd64a7388fd9868e5c91eddc505415f5ba'),
+    ('\x7d516e7ba8e02e480c68c41ab360d0aee9438720'),
+    ('\x7d5ac39afaff6398649b3fd3d70542def37c09e3'),
+    ('\x7d5ac9f29304b71befb2840348e1a72a8769ee4c'),
+    ('\x7d5ce3bc1dc5c1a8d718b6a9ccbdf928b3e9cd1d'),
+    ('\x7d5d3fd2fc6be36436fe52ed724237550870c4bb'),
+    ('\x7d68c38979a899f9f2f117b0cfa63d56ba33b052'),
+    ('\x7d6d67e33c0f42e7a4b6a25066649e348a24f992'),
+    ('\x7d6f5047ed471e146caac1b7317b65562c147025'),
+    ('\x7d705ec6c670fc37305289d36271b60b9499474d'),
+    ('\x7d7266e8bc3bf6d7c132fd4b8308b90ba12bcecd'),
+    ('\x7d8250d5853fbe89c5eb3d6b5d8295182ea3a01e'),
+    ('\x7d857f62b4dbc74eb7b0abc2c63eb42f4129c7fd'),
+    ('\x7d86331ea62ff321257dba7a73f2c8a52cfc4a0a'),
+    ('\x7d9453ea1cc38253080c6dd95a6df1eb855e6c48'),
+    ('\x7d969f2353469ab9b9a469b08b305f1af3ef7482'),
+    ('\x7d9a6c4c32d7e920b549caf531e390733496b6e0'),
+    ('\x7d9cae4b9074b7ade24b9fbaeb2cd72f5e79ed8c'),
+    ('\x7da02cc26d7e80fe9902aeba57874c17a51d68ae'),
+    ('\x7da410b8f41e07a9fa5a0e86475a21316f579543'),
+    ('\x7db2592a5962b97a5da4349cc39cc05503f41778'),
+    ('\x7db5b4b195544f0ce257825fd52f8a41e83f16c2'),
+    ('\x7db5f914167cd5e451b52386e091ee49b6dac66d'),
+    ('\x7db98a61cb055b8c6bf28d0bb9286f9849e3d328'),
+    ('\x7dba40c321c179bbe697194a0aa9965a18628df6'),
+    ('\x7dbada0b8462ae3a5a043a9b272f8805e85b0f25'),
+    ('\x7dc33b3d86097da3d6bfabbfab018cb8d75553a0'),
+    ('\x7dc54c74d14cfaac73ce4115924415c385a63a78'),
+    ('\x7dc60eced7b68ef320db0a5b7717777735478408'),
+    ('\x7dc8d1eff79a1e103b3c85f0f6b5b9184e58a4b3'),
+    ('\x7dc9ee0649cf81750533177d95aab05f9a0e6dcb'),
+    ('\x7dd3c54f306918babf2985f6a7ec1d861af319e4'),
+    ('\x7dd8f410f3fb82e0ab2dcb3cc2149fee2e61651d'),
+    ('\x7dde9791b8503c6053ccb4dd97273f50fb9f22b0'),
+    ('\x7de72af302f92f340c1219d75db5b00a54aec969'),
+    ('\x7de8bb1e5b6ede95a9cdc43d3de25a8b71b1f5b7'),
+    ('\x7dee027af372be1c46d7f491f0db9504185646fd'),
+    ('\x7deece7a608838ca326ddd7fa541b0be901f88bc'),
+    ('\x7deedbd75d811cdc626a3f951441032fe7f1c4e3'),
+    ('\x7df495ebba3017402a4d2ade882f9b733d99a41a'),
+    ('\x7df960051727daffcc5f803de00bc93fd9bce0b7'),
+    ('\x7dfe3baf5bd85fee8d6534309320e49120d301ea'),
+    ('\x7e00511baed6094bc082c12892805f165bb5abb1'),
+    ('\x7e0091fdfd2246f4a5689654510e32ddec828a1d'),
+    ('\x7e01ccfc3331e331f3f911091d712be5a5595ce1'),
+    ('\x7e0329e75ee5b46a357c82e8d622440bfb24e2f3'),
+    ('\x7e05519b859383c2752fccf26a363a4652f32237'),
+    ('\x7e153a1c701a36ab6c8ac4f9db6e57badf1e627b'),
+    ('\x7e1bf7620ff220ede1c11992ae3b21f90e204c7a'),
+    ('\x7e1d37fcd7795e7ddbbf49cee61b0a2cb8ff5906'),
+    ('\x7e22527917bf8b8e346840e2104e2d858d98cdb2'),
+    ('\x7e2568faee98836132da6863f8e9822457241665'),
+    ('\x7e2772c45c0e5f99a708a6bc918e05969d4ef810'),
+    ('\x7e28d973a529ca57570ec3b15f134154f1c3f7e4'),
+    ('\x7e30e13f6fc6122de1388195af2fe51eb6b910d5'),
+    ('\x7e361c53007472bd616d58aa148583586e4ec409'),
+    ('\x7e3b8afc30994b7091bd606048e80dc18a61b4f5'),
+    ('\x7e44436799e0d72b240f4309704d0279b0bea4f7'),
+    ('\x7e470031622d6cc0aec39d8d73166583460b0c89'),
+    ('\x7e4c709dbf09c466d1a86d0225adfda6fe943231'),
+    ('\x7e4c7d71268ffb84c4c9c9ec774d1f4d874238a5'),
+    ('\x7e4cec5ee23d2a77c6cf1f6bf78a6a15ff3f021d'),
+    ('\x7e50f7b126bcb14d9da31b222679ee43127f0780'),
+    ('\x7e550b87b850bf37ad0ffd49ee2c0ffa66591fa3'),
+    ('\x7e57213f211ce79155579e20599a9cecc47434d7'),
+    ('\x7e5963245800bda7526090c9b9a3419f908cbf25'),
+    ('\x7e5b004f3bf1e39815de4156b71d60e88c9c61ab'),
+    ('\x7e5cc0b65b29343a655bac848f89bbc8d0a843c7'),
+    ('\x7e5e6a08e7a8d19785e6d98ec2b9cdadc0faf1a8'),
+    ('\x7e5f3daff16efbf6a938c90e493ef407a775b840'),
+    ('\x7e5ff4a4013ab286f371708e19cda595fcd69769'),
+    ('\x7e6064330292c238380811412e9d7eaa3945f73b'),
+    ('\x7e62eca29dc71f08f21ee753fdd1342c32ac3a8d'),
+    ('\x7e64de63d39e430cd63766febe55593102127f12'),
+    ('\x7e654c0f18ca037ce891ded2e45ad8146225ce34'),
+    ('\x7e66ed4547af9a4ae963ea5e734cb5fa7594d404'),
+    ('\x7e68194e71e2c1df20270b6a5978bbfaf89c8e1d'),
+    ('\x7e75feda155788cf67b20765072f5cf3b8661fe4'),
+    ('\x7e7c2dc72e73f54a17d82aa2e926bb9c8ad90d3c'),
+    ('\x7e7cf1176d5f265bbaf9666e5b4f92559d1b12ce'),
+    ('\x7e7d2d0bf3befb5323978dec24c2327137c449dc'),
+    ('\x7e863c6bc0b69d2e290a68030bc618aec9b58839'),
+    ('\x7e875f5aec6b935523945484076fb1d75d8cc1ae'),
+    ('\x7e8acb21e8354822161da47fb5caa3563fe6edb5'),
+    ('\x7e8c8928f29088cb0c4f25d028aa3fd4a35e6039'),
+    ('\x7e8d2809ec7490253125a62916de74b3f25d90a6'),
+    ('\x7e9a446ff3b8ddcb7cad31579db02947f5ca22c4'),
+    ('\x7ea3eaebe76c4dbbf6aa1bda5f23e62279d13b2d'),
+    ('\x7ea4a34965c20618662e5c5b073e7e43b9150086'),
+    ('\x7ea72d9173234a3b991daa04b6b33476bd045624'),
+    ('\x7ea851839283873a97f6b7821061407d617f9fe5'),
+    ('\x7eaa4be3772f2f349d8e2da3236d50c96ab6a56a'),
+    ('\x7eab32b46ac082d56d53364e3e9fdba37d0cfbe2'),
+    ('\x7eb141e90a72684a81296a9b19c82ffeda145e4a'),
+    ('\x7eb442330ec0fb2758c65ca830e1b6f3160ce43f'),
+    ('\x7eb5a08b935ef228cc6905761fb4e87906178154'),
+    ('\x7eb5e351448069a5e5d393b7b47631eafdb2d6ea'),
+    ('\x7eba1461c864b737006f04c0c228b0a383bc1c30'),
+    ('\x7eba7bea95bc595b6b0f439c6f1145889d9f5b3a'),
+    ('\x7ec4e69b59aa2d0eaf335dca1737223a4a0d4231'),
+    ('\x7ec588b2cb94276892475c56b517a03021ed8576'),
+    ('\x7ec9797e1732ea565f09d85424709d1cd05ae740'),
+    ('\x7eca5d422da0d3913f4ec70eee7c2ca5f1584514'),
+    ('\x7ece280a8c01a8d400735daf62e4257446b4e6c2'),
+    ('\x7ed7eeca55631344c3f7019612a5cfbda24282a7'),
+    ('\x7ed9ce686906f1a32cd425e85293342af9446565'),
+    ('\x7ee1a07b8124728c384843c774a369a152258c28'),
+    ('\x7eef92e9a2d1edaf21d8a323ac024f45db4289a5'),
+    ('\x7ef11391e35352a9e5bddd479d58cf1af2bf5555'),
+    ('\x7ef144e61414643795825613549f2c8aabb5bfc3'),
+    ('\x7ef6b719e73c84cf1545c4d41ca2d5b9394c806c'),
+    ('\x7efb52a8ea728e4eb5f037b841cce369bb0ef30c'),
+    ('\x7f0464c21ac60b1c8e3b49f91959458d6b4aaf8d'),
+    ('\x7f07743772d3663ee568f66f6ce62ae9f422af76'),
+    ('\x7f095be49df09253d26fcf4d4f36a65ca1ff0b6f'),
+    ('\x7f097de214c70216c67d29cd38ccd388c1af6d7e'),
+    ('\x7f0c61273c5534ebf4319c195a82fc0d94698cb4'),
+    ('\x7f126182d57bca5172b355d48f7a2f556249fb3a'),
+    ('\x7f1457e908cb1decaf9666bc447f28f1856ac3fc'),
+    ('\x7f16a76b634118f7acb7a73ff2e826ad17040634'),
+    ('\x7f1e77834cb3bd819480de13c8fdfb118ce89b31'),
+    ('\x7f1f049a42f49586ddd38e51186a5e7535229926'),
+    ('\x7f20baf74bbf05cf6043dba733d16f75362b2675'),
+    ('\x7f265a7f114e26ee7669b8d90c196ddeb7fcaf2c'),
+    ('\x7f26b0e08ca3052045e6b28ccf1840b354673454'),
+    ('\x7f273bdf74cd0089c8d27d86a67ebe062e7ab9b6'),
+    ('\x7f2927b36da092242fd91f033384194e47807e75'),
+    ('\x7f32ce911d43f54c2ad8a005ee03bc2b7809a58d'),
+    ('\x7f335864513a678d480bc4bba5ec82b2707ef4ed'),
+    ('\x7f341a9e0a901eba92dfdff83d593f35e3e70505'),
+    ('\x7f35a5b3418cf0847c64d7677b268b6e80362b27'),
+    ('\x7f394e7fa20764c7c26b1ae33b6d8527e489ddc1'),
+    ('\x7f39f9e500129e4ada259ec05bbbfd49aa2de7f9'),
+    ('\x7f3a4d0fa729a36478880170a5fa9ffdf71729cb'),
+    ('\x7f3d30b4d58a3e90e8bb2753454150da87185763'),
+    ('\x7f423811aa8ce7a987007cbf334242ccc702f290'),
+    ('\x7f4696d40b55a73c2d2a16b5024f026f5dd37121'),
+    ('\x7f4a2884f5cfc0bd8e4df53aeadec724714cbd17'),
+    ('\x7f4a5605093e746a93add02520137d58cd94a7b7'),
+    ('\x7f50662071da02ef540e51981f0f584c15b44b6a'),
+    ('\x7f51c3a6e68a21503ff6a52be7a4f04807668839'),
+    ('\x7f56ca0fe1d73e048dc7bcccf91baa6a1b3346ab'),
+    ('\x7f58d8882e8ed7f1801e09dbc6fd94b81a00a703'),
+    ('\x7f5ca3484f3b9ac33a73e42309799a7c67c7bd00'),
+    ('\x7f5d728376abbf4019f937aa608a02560f157353'),
+    ('\x7f5fcbf176a01f07054b732439f4241c5a2c0a87'),
+    ('\x7f62d1ada9ff733927cb54e51c2f5401f021bb5a'),
+    ('\x7f6c3b2460affad45ad664ab46b0bd3f8295aef0'),
+    ('\x7f7407fd5d6c3212ca75a1444dcd19f8e9aa2ca9'),
+    ('\x7f7aa2fffc93a942993da7c8d27323144e84c68d'),
+    ('\x7f7aa5c74959eb938411a356e0ebf031ff3698bd'),
+    ('\x7f7ac55e6f79c51ac3a4eaae219257542d12f50d'),
+    ('\x7f840903ad822e9a6c7521cc2af90da3569deef3'),
+    ('\x7f9284d9ec673db63ff4abf14cdaea766b435b9d'),
+    ('\x7f96ce6c9a4c2c8aecc2cc0303564c4fac243dac'),
+    ('\x7f99e3136c270b3b7622b0a9157a7c88e999a394'),
+    ('\x7f9fc74a37c880a3f8d95aa3cccd5b34bc347e4b'),
+    ('\x7fa5eacaefb50d25c5f82aca242b494a0f36fd52'),
+    ('\x7fa5fc43c3ead34f026ae63083626a4d7a165574'),
+    ('\x7fa760c264c3a907a250ce8ba305adc214f66813'),
+    ('\x7fac4ae81240f9f6a0e97483981b9e0e907f9c33'),
+    ('\x7faff08e2e933f07aab5455cb2b4762ebaec8f0e'),
+    ('\x7fb5ca74b4e255dd65a994250ef76c77b5429e08'),
+    ('\x7fbf990906b6d8b3b95c6ed1a4cc9b4f3cc0fba5'),
+    ('\x7fc31aa49e35bd4c596c0079a942406e725a49b8'),
+    ('\x7fd57ddfc51a8e22c29af956cabffbc1f802e142'),
+    ('\x7fde05227b17c6bf97a2ec91301c1e01c04d42b4'),
+    ('\x7fe0ce1b20831d75f2afdbc260d6f0aed90e6306'),
+    ('\x7fe12be0067f4d7e83630d3b41bff3ebda50ef1c'),
+    ('\x7fe5779e66550349672042014fdf6553400e3352'),
+    ('\x7fea990a8eb66c89c9e2ec73cde7b649bdfe4376'),
+    ('\x7ff0b5146b4a4cc3c3dbb8bd82d5b39dbc2e5e38'),
+    ('\x7ff88f22869126cc992030f18e0eeff65ec8bbac'),
+    ('\x7ff9d766b0a03a38fd54f9842afc0dc6895b2da0'),
+    ('\x7ffa1ecd4edcee76e2a524a162200fc99716863d'),
+    ('\x7ffe2049f42334efe68d2fd7ecf14650eeff6575'),
+    ('\x7ffed8528752e406c236e0ee05e545fffa48adde'),
+    ('\x8005b17566185c2bff7887e47534c9d3170a5e97'),
+    ('\x8007ad6bcb7e1268f1e2c0e393827ec8f7d703db'),
+    ('\x800bd390a1bb9063ce62374679c1fb0590acc3cb'),
+    ('\x801214f6dfa27693c0e91cb50295866ab838c744'),
+    ('\x8015953026336434aa087c16cdfbc6a9b69e83b5'),
+    ('\x8016869bf699c56d43d83d412c1f0d18794e687c'),
+    ('\x801d18fc4898023a060e4c78b7178358a343e693'),
+    ('\x801ff4593e8efb6122d9df20fdaad634514c4d02'),
+    ('\x802782e5ef95dcfd3208cfe3891fa39f4d87cdf0'),
+    ('\x802e5e66e4c3aaabdb24c60aeacff0a32c1f0dd9'),
+    ('\x802e70610d0aec51c86fd55398d2e9899e7cac4c'),
+    ('\x803231a73873a318e29318317fa801967fee7147'),
+    ('\x8035ba0c89dd9059c3e20c9ee33aee96ce1353f8'),
+    ('\x80422bcb3caa95feaaa0df164def94de38d12162'),
+    ('\x8042ecbd874c8dc97deae02a9a66dfc089c3f8e2'),
+    ('\x8048d3d70d4e8935333c72bc8dd6d60c9fc49fed'),
+    ('\x804e507687262eaee35bdd19a4b7113ef3350a94'),
+    ('\x80510f08a8e81e9abd723528e6e7216181f7edc4'),
+    ('\x805a23635f1dbf97093faba9275c19a2eedd836a'),
+    ('\x8069c628f2f604590d45d05f9fb2b4cabba83494'),
+    ('\x806ef76833dd186a404c732e0944e5548da7b88f'),
+    ('\x80750211c95dbe238e97e576733e4fd68d032bab'),
+    ('\x80754efc1c6c6b4c1f6d513764c83f484c0113cb'),
+    ('\x80770e40de3724ff6992f4838bf61654b0d3710e'),
+    ('\x808843183f8783d5c345199704027c726a462abc'),
+    ('\x808ee5fbb04cc5a8b324dcd056ce4b41661e0174'),
+    ('\x8091206325f8b8241d46972e9dda11aadaeb0e4d'),
+    ('\x80a4d0551457f7d426511a9693af7e4af1cad0af'),
+    ('\x80ac676e304a6a457eb2ba7d2242fb5fba9affa7'),
+    ('\x80b9799351ab5e09053973c12a682464e66f6082'),
+    ('\x80ba474bdbf007bb45f1ad40c271fc0f94dcda98'),
+    ('\x80bb0f62efb1b3f2ba6c95c568824b45f12415ad'),
+    ('\x80bb1134879cc6501204310aae675267fae4d0c8'),
+    ('\x80c463d1d3af3aac1d6e55a6d6876ec861ac79fc'),
+    ('\x80c5c0d7032d5361bbca65158a573688cea934c1'),
+    ('\x80c7f79ea610e4e90ebf816744ee288cbc5ad6f3'),
+    ('\x80c879dc1b545be217a478c9e996b68273bc7e14'),
+    ('\x80cbca7dbbc55660f2e2db358eeedde7a9c4ef5d'),
+    ('\x80cd03da3e800e6716549a21abe3c1dbf517ada8'),
+    ('\x80d333210c1ec0f75729d69d40094526ddfd9fd5'),
+    ('\x80e3b3fa0e47764be0ff33298fc8a76dbb4971f3'),
+    ('\x80ebf75cef709b9f26e2235f33598f24c373c61a'),
+    ('\x80ed3bb23f54f6658c93f238d92e55deedfe753e'),
+    ('\x80ef0e0c845f286be9e568b3a5de472c5a772d51'),
+    ('\x80f1c9a16e61b6720fdbdf3d2f6c67877485460c'),
+    ('\x80fbfd311fd2121e1db888499c58c251638db93a'),
+    ('\x80feb6cf808113abfb67cfddc80a84a611a9536e'),
+    ('\x8107cb2100c9fc50fe08a8bf16bdc5b00cb1d9f0'),
+    ('\x811034f8b720211fb64c9710b5b060075facc48d'),
+    ('\x81104f5f9ddc40077f0b27fadd1e9b084c0dd263'),
+    ('\x8116a366e8c8ed7cd163e17b3667c2b7cf886748'),
+    ('\x811cea8430204eccf2a839f684102cef906b5f7e'),
+    ('\x811dd0394b03db6f6acaf22c889213fb65e11abf'),
+    ('\x8120430ae3baadb57fdcb1575d60a81a9526a858'),
+    ('\x812dbbe1accf707ee6ee401fb056933550b8b565'),
+    ('\x8132f0f0a393d5b8cea7bf480d6b28e0c3688c0c'),
+    ('\x8133ca6ed54f07cb4f35eb3d0e1d5d94e0926edc'),
+    ('\x813c5114379c2db10dae3ad4788eef8fd2672938'),
+    ('\x813e763c64e7abdf4ac79ebc95d0e02198050b47'),
+    ('\x814c412193d0133963bb42b5c1b60d3a028b4dd9'),
+    ('\x81512c70ca56ba9971f9c734d6071c9b0a383a69'),
+    ('\x8153619f4e686cda58a5f0fa9681ea55e7c13a38'),
+    ('\x815a4d754ff9d087c8c4b6099674fd6c5a6ad9bf'),
+    ('\x815aaf040ba80c16a7761561b8193245b6ec38d6'),
+    ('\x816168eb38c748d7b3180ac7c2284c09e47c27d1'),
+    ('\x816527c82e273d984df0e8153d5e013f6b82aafa'),
+    ('\x816b63a9b121d3ee04a697d2cd30011747f45a34'),
+    ('\x816bbc3ffc586f2d855ffe90a90be8b03b8e3b0c'),
+    ('\x81744bcdc927a1178e8e2a3e6b17be492eb98b95'),
+    ('\x817843eb6f8995065bbf41005d803ac93988f2d5'),
+    ('\x8178c76d627cade75005b40711b92f4177bc6cfc'),
+    ('\x817910e00214d024f55df833355443e8b7caad02'),
+    ('\x817e333c5772ccb5efa8baad1b1aacf762720c17'),
+    ('\x8184881fe174d15153705f1be8ac27ef6772b8bc'),
+    ('\x8184ced8cf853a64c3aa6f9afd722cdbf597c38c'),
+    ('\x8185f2a86dc7b0696e326d25e65e5742ea44f1a7'),
+    ('\x81895f8ecf2ce09097f9eb7ef0c7344dfb6a49af'),
+    ('\x818e802ef43b389ad1b79f580ff3e1d33429d2a1'),
+    ('\x819421465096ca0de64ef90efd94dbdef697e376'),
+    ('\x819430586b1bbb33c94636f07633505e87a6b85f'),
+    ('\x8195a4e789e6aa61c6243434ee401079e4dfb844'),
+    ('\x8198904146e106722ab75613922c42811e11991e'),
+    ('\x819fe0e886591fa8a9f954e46da886d02d22a37a'),
+    ('\x81a6cb60e57ad8befd3e838b7f70a99e013eb1fe'),
+    ('\x81ae25c4362cd22b5b91a25ec072b4ae13b1ce42'),
+    ('\x81b5476893a72b28c40b7a9fb54ebb098edec05f'),
+    ('\x81b7a72c8a0345a582ff5a10d2bfcdf441ea49b8'),
+    ('\x81b907f5502f61aeb3a355ebdfd776be6c5582b9'),
+    ('\x81bde974c68e494d2aae2c37713b1921952d74c2'),
+    ('\x81beb924adbb21b4faf1c604dae0069edc88cfb2'),
+    ('\x81c05613864033d6d47b5b1102113ed2b55ffd14'),
+    ('\x81d2e45dd1f32162cf15110a69929604fed175ef'),
+    ('\x81dac49dc128aa0a7d0263d24c0d1ce14de554a8'),
+    ('\x81de7da7b2f55547d45cdf0fe6193434d6c4c6f3'),
+    ('\x81df31a33fe3b5d918c6abd5539189f748482a28'),
+    ('\x81df5cf60ad64e03c3c00e11efe755247ec6c83a'),
+    ('\x81e6b60293b364818d60fcb7220c79f37db4f96d'),
+    ('\x81e893f4e6c782d9fde61f7e08088798fae7ee0d'),
+    ('\x81ebbaa200fd5605479df72d449c9d9edb063dd7'),
+    ('\x81f03d4153c5048658837982d7ac80f71f972866'),
+    ('\x81f49ba40312842445aa030ff4cda08706325c0f'),
+    ('\x81fb24b5e7c25af62d634013a7b400e1b8e12d53'),
+    ('\x82027c5defb3e07bf8905d24ceb0ec155bdf81d3'),
+    ('\x8202efdc091a10421b3c4d0e0046a6a881c8eb97'),
+    ('\x8207972ae423078a507dd3a658ff9590c1544ff9'),
+    ('\x8210ea03aa837086e47e755e854bf9dca70ac0ee'),
+    ('\x821195d8bbb77f882afb308a31e5f9da81720f6b'),
+    ('\x82161af87d2fd4a0d872aa900ae692debcb3aafb'),
+    ('\x821c22e080a10feee928bcaf458fd6912811e812'),
+    ('\x821ffc9d390d85dd51cae19ab516dae587547f9d'),
+    ('\x822491edb993b072fc183a2ce23adfa8c94cee7c'),
+    ('\x822a1997c7b8310e9631f5db5cf1038f2f18d785'),
+    ('\x8232d28bf25c732e388525f08ee4c5151e921f6a'),
+    ('\x82352b5db688b01f46e8322f48f3eac9a452bef9'),
+    ('\x82354498956954be8b98d6eac71e3beb4298b039'),
+    ('\x823920b3a995a5672fc174b1d385197a698e642e'),
+    ('\x824c8dbdf945c0d20ad29e60080b07c4383f6647'),
+    ('\x824d30f9e91009d4293ef7fd4a7905c429185aeb'),
+    ('\x8252a29b5f3510bf527624415d0fe8bf6237f45c'),
+    ('\x8257c8dec7be96585738d7d25e455b23f8af8522'),
+    ('\x8257ca79239174b8442c0aa2bb15d08eaa7e71ae'),
+    ('\x82588dc01ddf5905a6d21c8906660b24f8e59370'),
+    ('\x825a251d12afef6b6dfe6481a663da4acd70910f'),
+    ('\x825c0b706d36a0c0b150d81e852f9c06d98873ea'),
+    ('\x826686d21b45e1565a5c1b401652af86d2345094'),
+    ('\x82699fb86af02a61acb8748bb47da405dbc7f7de'),
+    ('\x82708e2a6040ef2d72d98089ae494b6ba34dd156'),
+    ('\x827e7b9cc0ef7496ac07aebe08f4bd1ee67c086a'),
+    ('\x8280e79f1747ea8b22dd0f06bf03110b93613b06'),
+    ('\x8283d88bd4080ad50bc3da263e4f9be2f5496428'),
+    ('\x828484c1bf381d445263286ff1218b65e10b43e9'),
+    ('\x828cf637b5ad7ca796c5a5b0c1f3dfa271f6a2fe'),
+    ('\x8298123f3052f900bcee1bf59688735c9b86596c'),
+    ('\x82a032710160e5736dbc9cf3e0d1e1cb8dce5ecc'),
+    ('\x82a32a69467d412d5aa2b712b442f092bf51cb84'),
+    ('\x82a44b31e913285de9ff9a8226ce85d3d93a1df2'),
+    ('\x82a492dd70e19b1270bd84117e57c74877f06459'),
+    ('\x82a58c097886c3f0a5ee4a4009a6ddd5fdb09134'),
+    ('\x82ab8338fbf3bfc2a302ab45c6b04e8ea2f6b6cb'),
+    ('\x82b23c53d7633d40e44e283ce8f6173556fd035f'),
+    ('\x82b902bae20f070408c2ea86b5751ccc89b1bbff'),
+    ('\x82b919c227e66469a87d3c3aeb8de0054fe53888'),
+    ('\x82b91cd9896758f0cf09948cc008989dcc93cd4e'),
+    ('\x82b9b381f900aa11e60d981813f1dfc17ccdfac0'),
+    ('\x82bef10c54f6ff12dceffd5cb58fb9fbaebcc215'),
+    ('\x82c42cb186a564197f95575ccd96ad35a9481300'),
+    ('\x82ce2574752c6b106f8ad57b437be4c455456f40'),
+    ('\x82cfcc2b1026bce0867d5785bc32b45c2eef1ade'),
+    ('\x82d324aa0f7665c26c939a4901d228baaa1cff09'),
+    ('\x82d8b14b4db341a04d01eb593841ef01955fd327'),
+    ('\x82dd0aa0470b902ea37ecea21402741f850e5e8e'),
+    ('\x82e474981333176c4856a723e5c5e52860a9ec35'),
+    ('\x82e63fc616b2d521bb89a235308947ba244007a5'),
+    ('\x82ece1ab8d6d533203b29034e64e29f35d09e7f0'),
+    ('\x82f4ed219e53090a254facbfa0eb3e55fb049b1e'),
+    ('\x82fea5c61ff855edc75e4a3de86a5c6446b533ec'),
+    ('\x83013330688cd4b2c96a3902f0e49cd4f4ae2be4'),
+    ('\x8307a9eea10b2907a602d2bc50b8a9125f9435d4'),
+    ('\x830858bde12a332b96134b38c3efbeb7d887b806'),
+    ('\x830880a8c959d8f2d27e39852a361c0cbacf6b90'),
+    ('\x830886ccd9c92d6fedf042b0ab4b71aa168e8b63'),
+    ('\x8310c3d92e9276fbfc993e4edc5cd8848dea420e'),
+    ('\x83111a0fc6f641558af285cd8de6f36d518e344a'),
+    ('\x83169257bbaa5ebbd78f093bc0c6b4265e7249c4'),
+    ('\x831b9226de591e5e377244f3cae758729151015f'),
+    ('\x83240e66a5a817cd4938851907982a64e0ad412c'),
+    ('\x83286c1a8036ccefc4e2bb80f660f1435182a270'),
+    ('\x83296cb0e8eeb0580cf10c694bcb892043e16c75'),
+    ('\x8329f90a02df265a85a6efc47927c2fd8bf3f60a'),
+    ('\x832dfeb212fead673de06a44268fce54a57f710a'),
+    ('\x8330aebac6e4be3939a5f57a621e20c1caa5a8e2'),
+    ('\x8330eb6352e758343aa67123b9d2006ab1d92d64'),
+    ('\x83360294b0213daed9244a5b9e4cf9646db97ad7'),
+    ('\x83374f24e8996a31d568a444bc77d450c0452fea'),
+    ('\x8339b01fef6908e523dab5b9dd7c80c5dcebabf2'),
+    ('\x833f00a7e609fa7dbc0d21a95a2c085a90be85a8'),
+    ('\x8340b95c1cb32a6f09ab027e79013d155cc09a33'),
+    ('\x8356bcabbd089b5368206e43a1426ee6829eabfd'),
+    ('\x83578e6d841b64855551f9981032ad4d3c5f2bfd'),
+    ('\x835ceb422c227c151cbb382e03ec3a5e91f91e77'),
+    ('\x8363064f1626f93b22215e45d9b5666d73a85146'),
+    ('\x83632851c7a3dd54be00ce479eb66748f565bf18'),
+    ('\x836419248a1ab4c5648a0d905f5edc04f9d99753'),
+    ('\x836ab636f31d766baebda544b21ae446020f1a99'),
+    ('\x836b97a58b7f04a74d20456d95665ff0f3e29847'),
+    ('\x836c20b15a9a783b94f444069d0aed0f8a5ea671'),
+    ('\x8373baa9987361b95492bd318ff216ce1ec50e7e'),
+    ('\x837415d74955373774beba5c5dae7dcba360e404'),
+    ('\x8380f8214fb137d8577f97a07dca054ad799d1aa'),
+    ('\x8389c6043511af54271d69a75656f8e2874880c3'),
+    ('\x839983bf987bcf2a1805812f1d71077586cee9cc'),
+    ('\x83a0f608520041cc43b281b28b50a0158df574b8'),
+    ('\x83a21b724c47127a95e725b5c6bdfa30fcc1a7be'),
+    ('\x83a224489ec7b119ae0ae70bc923aa1b9497c25f'),
+    ('\x83a34412818469830888f1b73f901d24b6623c23'),
+    ('\x83b11ac4e9164144e8cc87abd431218f806c5d0b'),
+    ('\x83b28b32cfb60abbc062c4f34a470a69e4fb3fd4'),
+    ('\x83ba2568b6d6e2e1a4eb3da38876ed9f27506488'),
+    ('\x83bce7e9df5579fbed8890565f6ae4b9635ac02c'),
+    ('\x83be83b88c21cbaa93ace4fdc886516af30973f1'),
+    ('\x83c1055b9b0389a24ad8a6d0a7d3a7e0e0777b4d'),
+    ('\x83c75a7e505d0180d08b7c752f6ef870baff98e7'),
+    ('\x83d986e216020929630fa04cb07a796a2aaf3455'),
+    ('\x83e68a5446229f02c33348b71508ed1367b25907'),
+    ('\x83e9e1e4ac269d4b12bc683aebe0a34dfd194b15'),
+    ('\x83ec283984f14ef9cccc771c14e786b674c9af5e'),
+    ('\x83f3ea0bf024bdb0a6aebfa57ffa9fd4efd65d9c'),
+    ('\x83f48d69d9bd772d2a293878c6bce34c73e13ac7'),
+    ('\x83f7ae99d9309811e689a5288cea29ac1afd6778'),
+    ('\x83f7d4b0cf9c26a60c2c8231fa9de71b028ba196'),
+    ('\x83f859918bc63ef722eb01b1d11e770becd88f89'),
+    ('\x83fe075e377a6ff6490a10a53947f4772e31e051'),
+    ('\x8403114f721bb7a68c7d3577381822d04b265a5d'),
+    ('\x84043d51ad75e2292f7190da05575be23670dd2b'),
+    ('\x8409b70ce97903cb1e1b844e96cd9fc5d361faa8'),
+    ('\x840a1836b4ab015dbe946ef9211cc020db16b885'),
+    ('\x840ddfabf19789ef25dee44f7e7d2b7d02e33b77'),
+    ('\x84133b1a7d9c6d74de7274e1a1d3dcc556db0059'),
+    ('\x84188623c3625034f168e6bf52abd4f9aedb6976'),
+    ('\x842ca826cb03590c11eb5e1f342ab9f6f6ca83a1'),
+    ('\x84332287fb6b02c358b1eb9a396832625cb5ba42'),
+    ('\x843335542b03757dd804a312477424a6f00d9255'),
+    ('\x84364a77b931cae2bd9fd3b28600fb010a5c33eb'),
+    ('\x843e1cf8d2c14caa84b6ba0c7f71bb2aa37a893c'),
+    ('\x843e3d5b9a52c705c34255b26177ba6d064630f5'),
+    ('\x843e7127f3e6a838755d1cdc2344527513f706ab'),
+    ('\x84431f025ba657dfb44e14bc312d7d27800e0c41'),
+    ('\x84433232590fa98203001e014552d3ad6b9e8ed3'),
+    ('\x8444fb307dd3b2145932afaa18a4c40315aa9bf9'),
+    ('\x84474920116ad4ce484357ea7223d39407201fca'),
+    ('\x845042699412b5c0b8d4e09418fd45c47018ef29'),
+    ('\x8451543b242b27b9a361831f16f3b3714877000f'),
+    ('\x84528124dca6cb20db9422a1791ce72a11ca6efc'),
+    ('\x845317703ca4af10b1cc69679a3ab3a6d1b47567'),
+    ('\x8456615aedcbaa29b1c30bed0b972c903ff13266'),
+    ('\x8462c861419a2ce0f71ec3fde21c22dd6d224b28'),
+    ('\x8465c8b20c5d1fee1e837916acec1e4d26a257e2'),
+    ('\x84693a972d6c8ae8beaa2619b745c75c3e493323'),
+    ('\x8472b6e77eab6f492c3ae38c52dc06142c0d1b31'),
+    ('\x847c4a24335e542fd6b95ae2f1a1742150411cae'),
+    ('\x84842ec5acdff41771ed505e47c0d80f42032743'),
+    ('\x8485adefadac236d9527a52a4c5968ba8b86ece4'),
+    ('\x84943ba5926072a01f109f4e1d9c8500dd7988ee'),
+    ('\x8495772af7b7eb2d1cfa8fb2b1272d84e7c1e76c'),
+    ('\x8495bc643adc462f124efa14d7e23da302fa0d5e'),
+    ('\x8495f79f4e0ccdba4bd43913eeb6dfb90560b6f8'),
+    ('\x849674ef28c4bf24537459e4993112cec13354bf'),
+    ('\x84978e1a0d36f325bb87d6a51a2aea4c16810a7e'),
+    ('\x849a8b9713ae3649fcdc8711a605b251e05aaa8d'),
+    ('\x849bbe66e3a7d227a81844a28c92a2dc51c55af4'),
+    ('\x849c58e65437868a0ac276cc0a690a96ade975bc'),
+    ('\x84a18da1387ab0787fb07b0edd353f0a04f6b7fc'),
+    ('\x84a28341e5c8cf14d13442dd5c08a9bad9e3d309'),
+    ('\x84a612c06be46b3102f7ec81f5cd64feafa342d8'),
+    ('\x84aa3b4b45806908b31a8617bb67ec49c62cced9'),
+    ('\x84aa9074e553d71a9a77b108452e32cd28d18df4'),
+    ('\x84ad2202a9b5dd2c045f65fa4a8b3fb825a1439f'),
+    ('\x84ad627706f5e261ceafb5e9972593168c52e475'),
+    ('\x84b0964ba7d8087ed40e99ff5fbc435dd8a36e75'),
+    ('\x84c1da9082300ef7feaaf7a8cd3a110e20c5b521'),
+    ('\x84ce5479cd2a0138e4905fc85f145eb19f1cc375'),
+    ('\x84d10be45885c5d9396f0ea9a141c289d78a53b4'),
+    ('\x84d82326a837fc9b8672937bb55ef5fd99e669f2'),
+    ('\x84e580b7b0abf31190f19a9814765dd96ebfc500'),
+    ('\x84f2ebf38e999f5939b19e8c4acf7a4698087167'),
+    ('\x84f754568a0bf248cddee794e10fdee105ff80f7'),
+    ('\x84fc9bb6f24147b16bbfd9b167ff527418d11d94'),
+    ('\x85030fa26ecb78112a56d90a73dcf92d1eb5ac68'),
+    ('\x8503b87b49d92de14e97ef8e8880120cd2873d31'),
+    ('\x850780e551dcb357283de3fa5ec83ca46c2235f6'),
+    ('\x850d078cc6ba6c5bf432cb90dcf27a940da32174'),
+    ('\x8512d2dbd5d308fb418e3889015b76bba3386077'),
+    ('\x8513a1c562e689ada3a06d7730a6ad013f18683b'),
+    ('\x8514c63c0ae4dd17d00a7267481005357ede39f2'),
+    ('\x8516daff3c7ea7536103742ad71763d07c097072'),
+    ('\x8518e58c0bc1ae55b867c874c8fc251e8f4c7e5d'),
+    ('\x851c574b6be23d39637d64306171667ed074d0dc'),
+    ('\x851fd2cfd94fb2ff1d1690bed05a05059b30aeb1'),
+    ('\x85202e37fbd285d819e2ba996c6fac25c67e6bbf'),
+    ('\x85296818bfbf9b7bfdf672a22b8cceacdef1de16'),
+    ('\x852ae437beae977c9b153c68555aaf2859e088a3'),
+    ('\x8537307691275bdf5dd2c646e3775649643ccecf'),
+    ('\x85384cea7dde4cbc67c23e993ee965b9e947a0b0'),
+    ('\x8538530202eb2314a4b985c77b0678adc008c055'),
+    ('\x8538c2746a8ae43ae27c89f18f4ee8355174232e'),
+    ('\x8539e9a4c573aeca1e85bfe9b52bc2a1e7e6b9ce'),
+    ('\x853ab5e0357fc31f6cac9bb8b59c09cdc0144557'),
+    ('\x853f882ca7db2e3783d96a1f2c66cbe73fbb7308'),
+    ('\x85480a104504c1e3f61f54adcfead2717f9d522e'),
+    ('\x854e4ea6b86ca612969ed7634434563c32801124'),
+    ('\x8550abf081525998f5785486064cdcc7f550cda6'),
+    ('\x8553ad0f81a1d3996d0326bc0bc869c2ee6ae249'),
+    ('\x855ec476fc7a6ffe14b66d1ee24b73ac9b6630da'),
+    ('\x856093b8e22215f07067e2519851ddd272cf5705'),
+    ('\x856120100f5025021fd197f22b93dd8e4ad170e4'),
+    ('\x8564ee1c06f0e0831f8b9591d89d82939de040a3'),
+    ('\x85665dc83d05eb36c4e1d906bf2e1a5810b119ea'),
+    ('\x8567a9a787a823d18a05d613370a2516873c2b75'),
+    ('\x85685662077bf6648bba2f9ca2d1991156a2025a'),
+    ('\x8570badd6a044f67e28ef7f5b0cd855d154b5bdc'),
+    ('\x8571eb8230db6de68eeae01c6278adc41794ae44'),
+    ('\x8572a028de5e1cc2666a28aa32c3f6712886d57b'),
+    ('\x857c28d166f23610dd14b8a33375619370525052'),
+    ('\x857fe88b107e19c8839053304301bacb80e03ad9'),
+    ('\x8585050bf641dd1390cf416ce71b7e18797e1d93'),
+    ('\x8588b93652a9c73b2ca06f583b15ecd7920c1531'),
+    ('\x8588f1f025a76e742be46a2ed6824538d764c376'),
+    ('\x858b2a2220082c021dfebd4edd66bb0a483d5007'),
+    ('\x85932464d1c5bd267b06e3b832459533fb42a540'),
+    ('\x8599254322ae8bbe9d5249c47e9408c4b9c6c171'),
+    ('\x85a4098f875e08b2343a0fe945a6dd8ce2120be0'),
+    ('\x85a7ec2936cf9b5c8c2ae6b2fbcfaca79f6fd26b'),
+    ('\x85ac2513289fbe0fa1a5eb3bf72fa30fe995c639'),
+    ('\x85af96cd595ef1498450bc8ff0ed782abd169ca9'),
+    ('\x85b04f67428ea5cf687504546dc7d77026a6c0cb'),
+    ('\x85b3a52beaa915c9deaa16c6aa1641476870635b'),
+    ('\x85b5a18a8bb732f0c39fdba88c6d02057c40b1a6'),
+    ('\x85b85b1b944d61d011a23a62df2b4a09ce11001f'),
+    ('\x85b8b9fc65c7f005b622bf0dc4bce502b1f7932b'),
+    ('\x85bf1de2c65f38ed8af49845f48ecd3d49a8e432'),
+    ('\x85c123143a1b6f3ff689e0a818524b99986464bc'),
+    ('\x85c8bfae411e8b6463d173b22e9fa66a3289bb8a'),
+    ('\x85d1349b2b84518b4e82d2e315adbdaf5cd3cb77'),
+    ('\x85d2a34a367ab488c85c64a107473120ad29d544'),
+    ('\x85d45481cc250de3c17866beeaa142d4cf8f9581'),
+    ('\x85d88e53a57584fdb233d8f2b3ffe5fef1eeaef1'),
+    ('\x85defa894c091c9ed4d9a950b4e3fe4e062a77d8'),
+    ('\x85e0aa4e55cb9dae4f819b2d14c9ba25fc28e5e5'),
+    ('\x85e274ac4c0bf14c5713d370364529209f0850b8'),
+    ('\x85e8d6fe3fa662559369625163991c1998a37b98'),
+    ('\x85e9ae820ef80e960aefb221d5b0e460a3e90b38'),
+    ('\x85f29eace44a572394ff3db982a6ab2f6e315043'),
+    ('\x85f3bb548fd05bff387f568bc3a500f5c5fd1eeb'),
+    ('\x85f9b1efed4447737c0c4cd0128335858de35f17'),
+    ('\x860069e56e449552ab0dad908293efe0992875d1'),
+    ('\x86010127811e5e652715896a60482e2035f80646'),
+    ('\x8601daf81bcf456548485aacf7e4ba1a1d86808d'),
+    ('\x8616586752c1c049140841febd7cbbd8adb4638d'),
+    ('\x861ab8128d91795f218f9104e2b74252fc5ad54b'),
+    ('\x861b528777b905484583344f7c0363538ef8b5c9'),
+    ('\x861c27e177de37027a01d7866810e9c826887ed1'),
+    ('\x861d63adb6dee256c5d63879c323d27b5b0b047b'),
+    ('\x8621f5982c1af09fe32b383fe77fc05135626478'),
+    ('\x8622cec857032d63e68bfd977d239c8aa5e5160b'),
+    ('\x862fbcd41103ab0c721cdcf46f52131c89dfbe03'),
+    ('\x86316d7aa237360e48f627995aed0aee0b08e0b6'),
+    ('\x863208892533c79926b08c44968142d89354804c'),
+    ('\x86354bed04930be27376088501e833fd6dfd2d97'),
+    ('\x8635c0047b9524eb88bc15fd7f9043f9267b38e4'),
+    ('\x863a375891beaf25cb859e3c9e94adfecf22001e'),
+    ('\x863a544d565d40a0dc60c303827de65f0482dd83'),
+    ('\x863c0dccfcf1ee95e1b975f77800b4961fb80bd6'),
+    ('\x863c41c56aecdd196611a111ff27134cbb6c46f9'),
+    ('\x86417e73e06585a3f8c05f56c6094500d4d8af79'),
+    ('\x8643ca07ed4223f6caf771f395164df7b144c43e'),
+    ('\x8646c74bd0270ce1fd4bf8d1f7490b13f1d34ac0'),
+    ('\x865a5d164719b1c6b093bdf51788ef6dd4d3e872'),
+    ('\x8664770033c9a2aea7ba6916bc716653d8f7f89a'),
+    ('\x866a9d5a22c0c3bbc1f0e700c8e0358c6897719f'),
+    ('\x866fa9c1791f253f01d6c7f2d17b2f05bad0f481'),
+    ('\x86741b8bea23b8d5553dcdd66f0996726afea04e'),
+    ('\x86780bc61e19b8e548288f7e9c3372f1d80a1f42'),
+    ('\x86787c74e17362cb00be9017e9f67474afe70738'),
+    ('\x867fd18140f8ee6950875d923d8d25b9d815c693'),
+    ('\x8682d94623e575a4ecc9586a35fc909dff37fb2c'),
+    ('\x8685ecebd2c5aca577a251525e163abfbfa6c7fc'),
+    ('\x86895d335e7141e6212253a46689d088abb5af48'),
+    ('\x868ad05d2baac38518a7d144bf794dd0d925910d'),
+    ('\x868ee7d92a3ad3878794520c7e61f2ba524057d6'),
+    ('\x8692c752e9c0b9254c0aaf34ca653b4bd52a7860'),
+    ('\x869a91eb1710afffc5775e0f1bbfb7cb54afde99'),
+    ('\x869db76ee73bd3b2c70cab17da558200c657407f'),
+    ('\x869f7ebf5f88249462c000f1790a78948ec069c2'),
+    ('\x869fda5a4f111beb109f8ba120a0d8c817ba5f07'),
+    ('\x86a818f148616a1b6878283ee4a1173d748d3503'),
+    ('\x86a8b89e1261ff9e305a2c0099a1664b7ae1872c'),
+    ('\x86ab48f7250206514a0832e376ab590545500bae'),
+    ('\x86afcaf50b3813f3408a3c9918f6f6648c7d5e7e'),
+    ('\x86b3c5b922b799aff98e04b7f173f321b7628ea6'),
+    ('\x86bdc1f865bb2b9a6693f0843bfce6ff224469e4'),
+    ('\x86bdf151a7754b0c45f1017d21d25fada765bbf0'),
+    ('\x86beae3554894e50d123b0a1732e5152386f14b8'),
+    ('\x86c1c546306ed404a6b801817ee95be116840658'),
+    ('\x86c9de59c1d90b38ad5d0ea21c9ab33cbc082436'),
+    ('\x86cb7e89baf31a6fd64fa5958fb639e3a7a506b0'),
+    ('\x86cfa15b81018c74ef81c8c5d47c618d73c5fc44'),
+    ('\x86d4660da358453804ec676bf3c69ec2e66cec7d'),
+    ('\x86d5367f38b9322ee51beceefd0827b5a837d489'),
+    ('\x86d8b4c9d3621e85ba464c7f1a71a28eb3609589'),
+    ('\x86d9c0dfdbd97c4b5a4277ca9553ee988061ae48'),
+    ('\x86dce2b4211a259ac30ad83dfb706ce016f41881'),
+    ('\x86e6305a846ba9f173dac75a9c56e67a960cf329'),
+    ('\x86e7bfdf3575a3c47be40fee56719a3dff7a4e96'),
+    ('\x86e846a6bee27c1ebda433905913bad7858c2700'),
+    ('\x86ee484518e827431f0299c89eb818032f07c6ee'),
+    ('\x8702c97bd768311bdac45f1f6dc33fa4563a5ca7'),
+    ('\x870333c222b839519772461763311f4543fbf8e8'),
+    ('\x870ab067fa78278f20a1cdaefa14fd219a748ad7'),
+    ('\x8716f80644eedf4cbcbfc3be7a177abcd74740de'),
+    ('\x8717ccaf2be74903c5ebe6eff1a5f4e4b882f86a'),
+    ('\x871c074920a996e1b10bba35d166debf3c0478c9'),
+    ('\x871e0f444024465c140446d72fa5bd4bb2a3d9bc'),
+    ('\x87201733f32b19010739e26b317e1b09007c3437'),
+    ('\x8721013ab9eda616a3aaa8ecfb87a4491dccde92'),
+    ('\x8721ad8c31238bc8a448b6cf25fc3ed962684b42'),
+    ('\x8725d63d48cd353106304060003ececc97fc08e2'),
+    ('\x8729fa6caee6345b434c77499b0bb96cda4b3129'),
+    ('\x872d89765095f71a8b62a2d60b21ed1a39232394'),
+    ('\x87313e3a17ed4a14695d53e4e3ce01cdb04a543a'),
+    ('\x873657cd8beed24f7cf0cf49a82516c747ea80f8'),
+    ('\x8742c73a5515b762635dcfc13eb6c3f8073c9e7f'),
+    ('\x8744695c2cae0da63f8a1843810d345e4dbcd2e3'),
+    ('\x87564aa77de98b8b7fdfc91c6d1289d5a65c3da9'),
+    ('\x87585f5396399a92dc71b5f44a1b9b440e5d2b19'),
+    ('\x876151565f27abf3f3ec0535597a31a94585fd3e'),
+    ('\x876537d3fe442e040692791de98259041138c2dd'),
+    ('\x8770732928cb20d8aeafee32bec9c5de89d51238'),
+    ('\x8777a0fb0d77a0e2ae31590d1cba2abe11a7457b'),
+    ('\x877ac9f9b5918fc916798898a50ba3a901c8b91a'),
+    ('\x877c3763433c9af142a7bf21d8d2ae593ca6198c'),
+    ('\x877dad12a4a8ced17a159b722d2f3767426917e3'),
+    ('\x8785038815c30918addec5cdd41ed2194668192d'),
+    ('\x87983419893a8952c3f286dc56d37fb94e320da0'),
+    ('\x8798b8964317e4620bfca94a0c320bca521dd832'),
+    ('\x879cf778d4d095432f965058564a69ec6c6d3be5'),
+    ('\x87a1c168602470ba91cad5cc243dcfd09ecb67ed'),
+    ('\x87a1f88f3671f7f4429064fbae741456ca25fbc2'),
+    ('\x87a2a4cea9cfc7c2c691ecbc3ec4302d9243c3b2'),
+    ('\x87a429b600ec5dc614a58682bc0ed7bd94a340b7'),
+    ('\x87a603ba2975a924f197b9b4b6877342923a17e2'),
+    ('\x87a7b5a650bdec148a185923b379278425f682f2'),
+    ('\x87a7bb52d5eb3b7cf05380692a430bfde1f5cfff'),
+    ('\x87ad4e4cd13a46049a07fb0cde53e51920ba0639'),
+    ('\x87ad9d0e33c19309a15bd6fa5583f8e5fbbe9278'),
+    ('\x87adfe88ed3ef4b7e7aad7f3e2b8741058a86a61'),
+    ('\x87b14f8014318f27af1181bd0e72e19365329e5f'),
+    ('\x87b2120372dedde3f971b5145a6c6c068ff9f402'),
+    ('\x87b395adde5f5f6b08ba9a21374d4adb15fc5e1b'),
+    ('\x87b3f538721bfae0f9baea1490ca7129d68d6922'),
+    ('\x87c46a1812c1243fc00057db880d60ecbfa93d2c'),
+    ('\x87ccf7ff524642abc10706ac6b263bed22493dbd'),
+    ('\x87d28e8e5ef72705f827c03bc1b5e81c0cb09ce6'),
+    ('\x87d2e0af4c4fa45ef518c0c522726100ccbecbba'),
+    ('\x87d40db5769e836d1be928d8fae60d5be9670840'),
+    ('\x87d4f0f38555226334c3d4b7e3c752e4c1f22a2d'),
+    ('\x87d8d25d9103175f7ac3f1e7b0ea3a018282e5e8'),
+    ('\x87e124e441891879b61281fb3d6fcdb356fdaee1'),
+    ('\x87e4ba4a4e52c7caf3b5694fda9a4ef0869d7d58'),
+    ('\x87e7bd494c9e5dde3444ad16884e6701f9184d88'),
+    ('\x87e96a3a7904ccf1507e411dfb2442ef91ca49d0'),
+    ('\x87ee4b09046233d6ffe62065e5b35b511d51cea0'),
+    ('\x87f11534ac327bcf517ac64646576b39cdf73d20'),
+    ('\x87f6207d2fa442237d2673ee0aad3761ea8f8275'),
+    ('\x87f9d0342127eaef5186b0457646a6b75b5c6189'),
+    ('\x8803e3ec471a99b0725583ee69258fe20608110a'),
+    ('\x8809349048bdda4d36999db0a008b8b4b9b3d13d'),
+    ('\x880a27d9660f095bbc455f8c94fde5c282dfb44a'),
+    ('\x880b19b5c3e265f0ff0a20365aa1da7e604ed6b6'),
+    ('\x881791a2a76042cdc8944c8334bec85673e4cbd0'),
+    ('\x881a64eb6c6e47070af0e0fb9cb63caabf19ec21'),
+    ('\x881a8fa2a787f31724586bebfb597e461e759a51'),
+    ('\x881c27df59ddad7631046da6f3ee1b4cd2041264'),
+    ('\x881d3f95a46011a4ea091d103f0740a9580bb1e6'),
+    ('\x88229c5e52b4fb1c7de15829e70ba78e1e5f15c2'),
+    ('\x883f564a81ed3d6c1af21fbbfcca01f6e6ca8161'),
+    ('\x88476e16835dcf50def54154c1864f7e92899b45'),
+    ('\x884b4aa0f39242cde252980e6b22a8978eb51941'),
+    ('\x8862c91fd66da0bbddc2be4c5a8a77fee6666008'),
+    ('\x886522f97af24c2596a3da021d83aa3bfb3738bb'),
+    ('\x8865c960290d4e5210ba2e2dead5e41903c06b2f'),
+    ('\x8865f22b493075eafe69d53c2b1d734e1a350ef9'),
+    ('\x8869666f245c6f474b98024327df7082e4c868b8'),
+    ('\x886bf7264d8dd0e22e13e9bcf419c1fa6b1448cc'),
+    ('\x886c32a289c96222834e25aa402beb7f7552d7d9'),
+    ('\x88757c795bfe067c0d1e0c72a80a5f96c428e90f'),
+    ('\x88822d274b0c1133903d7e91c04525d9033145c8'),
+    ('\x8885bac518ac6a18d61d71b9867e09e19ae6a73d'),
+    ('\x8887278400f6f657396ff6fd8d9f2f3dd2d70783'),
+    ('\x8888fe5ed56f4f909c8dea6eaf4ea81d21004bcd'),
+    ('\x8893da011cbb93ae2cad05b0fcf17cdafa6d5eed'),
+    ('\x889b76222acf7f71b624c558cf32ae7f739f416d'),
+    ('\x889eb57d03db85f20a57c0537325ae2cf7fc2011'),
+    ('\x88a034d3ddc21209d4b62cbe8b538648f2c42aaf'),
+    ('\x88ab7fd2c6215d0f4cb1abc29b55d0a595441d9b'),
+    ('\x88adfb798199c463d6191657e1312aa5a518799d'),
+    ('\x88b47c9b572a60351bd804afcac73f57da3d123f'),
+    ('\x88b5d1f805ee4dd32a4f61875d596d0576b25caa'),
+    ('\x88bc61b6fae979d5e632a9b8b396b51ca27e8491'),
+    ('\x88bf1b692b2e7f74042db83e6959827af7b98acb'),
+    ('\x88c098e7d9870dceca9529e1ea5a02e0b3aefb6a'),
+    ('\x88d198e2036676a46c39628d24014d0de87be410'),
+    ('\x88d32c865a2281f7a891c5763f1d468ef8036a84'),
+    ('\x88de9bf22a380b33a3d87a607986527dd2adf8a7'),
+    ('\x88e1d4334d562c6097ed01f3ec8108010db0405d'),
+    ('\x88e206c1a51db7ed35034a18186044717e670a6f'),
+    ('\x88e478fa2f366365eb46f580b4c4ae9dbbf72fe2'),
+    ('\x88e68a93c04ceb3acacccf96f27f8f412ee54edc'),
+    ('\x88e98f06181a34d48f4af6e82ff77929409144a1'),
+    ('\x88ec50ad998e9b1de2f6d721b6b719d212128151'),
+    ('\x88ed87bdfe80410966793f0c9f00a02ae786e492'),
+    ('\x88ee86056153dfeec85fb121913090ee69775c07'),
+    ('\x88f41e6dfb249762f3823c483a4163c8f9298290'),
+    ('\x88f81b2364cac3be52a97923053d0310944f6d62'),
+    ('\x890492b5088bb0d90e10797b1e703a9de0870025'),
+    ('\x8907ed36c5355c091d7a2125f68a81c5eb9cbf7a'),
+    ('\x890bd51305a6cfce560bc3a7588d1b75a29fd609'),
+    ('\x890ff07c85bbba6ad593e60707464379b1731689'),
+    ('\x891d94a53fc1991f784b063a55b0498b88b0f2b4'),
+    ('\x891f4286f6eb0a82f7b19808271886b82f83787d'),
+    ('\x8932a2f958c719f1101b7cf9770522bcc3be61c5'),
+    ('\x8934deeeb078ba3dc1b1d28b98ce54202e8543f4'),
+    ('\x8939a5767152a553b774544593ce1c6cb9b1197d'),
+    ('\x893b3d2cc6f8b98b24b41bc28e2fe61880f6663b'),
+    ('\x893cd85407371ce3c1b5e7898121d0fea253f13e'),
+    ('\x8940466b8ea517c8533d0cf7de9271dbb7a4578d'),
+    ('\x894874019b582538a5e55ffd012c243063b41ae6'),
+    ('\x894ad1c503f8e23f1c8c43b885d947e61f0ab7de'),
+    ('\x894ef60d757b7b922d32c398489618c1154a356f'),
+    ('\x89500041913aa88e3290e894a319764d07665c59'),
+    ('\x89518d3ab6e65d9d06877dc3f96950fd8bccadf1'),
+    ('\x89590ffabb6417cb1bdc36a2ede6ed4559699393'),
+    ('\x8965ba1c6742dbb862216d2003fd4444e2e9cbb2'),
+    ('\x8965fd794322bdef40c7e318cb729614a04718b9'),
+    ('\x8968c4ab6d9ef35a32d42eb62286487b2876cc08'),
+    ('\x8971035e84d0ab587657183bb0004db8cc312060'),
+    ('\x8972a31653109a18c94d215c4583d92b048a705c'),
+    ('\x8973a3c3ce7c0f00da7278ff8c78a47f0f35c19d'),
+    ('\x89755b269b74bd6ad2150df95605ffb7cd50b340'),
+    ('\x897df68ddfed06a6c61d4f59b0fd397187c1971c'),
+    ('\x89845e1d858e9aef192d4f9688492d4b3a7f2d65'),
+    ('\x899064eff40fc0d6e40c40fc89ea128ae7ff317e'),
+    ('\x89907233d3d42ff00ff13dc2802c8f266d9f8dde'),
+    ('\x899805322f9af9d4de53892db2202d0637ab3bed'),
+    ('\x899c21d8a6831426e28fdcfffde34f51a29c7ebb'),
+    ('\x89a60d1b1dfb771810be426fd22510a765bb6f7b'),
+    ('\x89a64bcaeb9042676aa7777e7140a7adaa3d55a7'),
+    ('\x89a7d5fd1ab3e0a115792a5fc546eff0ef506885'),
+    ('\x89aa59d106630a894ac67795fbf6f2a4a6f086ae'),
+    ('\x89aae6b6afc9a15381aec165494e81e99f93499f'),
+    ('\x89ac8db610d9df6c52601ce24c460236323f8cfe'),
+    ('\x89b4fb0012e8abbd482d0038d15b85ba26cad3a5'),
+    ('\x89b6ab269ea24999b726ba3ffa18f3d6e0d2e229'),
+    ('\x89ba8ba96168fb420ac556bc3f09a9a1fa1649f0'),
+    ('\x89bf072a471ab3d4dc95292c24e6ca21e933cbec'),
+    ('\x89c6903444ab460fb59a52448a245edda06c2f4d'),
+    ('\x89c995ac9b080b05d669c9af23acb672ac49156c'),
+    ('\x89d594e20b696f657d90a382fcf5535cd19b3547'),
+    ('\x89e229e3030ad82b3f29bdffd32aa2e9856f9891'),
+    ('\x89f262a6f2bf20cdcf3f8ebfc3c477b83c7438d0'),
+    ('\x89f497324def02c599bef58d0f47cbf396b1ab8a'),
+    ('\x89fcda204c5ce1e58e95528d30f047208e348dfd'),
+    ('\x8a036944fda57b9c1913c36d1ae12eb20ba3c457'),
+    ('\x8a065356f3286d3c2e0dd7484cb7309baea4e030'),
+    ('\x8a0b2ffa783b8dcb598a4fdd0f9efab526a0442f'),
+    ('\x8a105057dab21d091fc75f304ea97dee17a648b0'),
+    ('\x8a10e32bd1b2f9ed5225c63d3e4f4cdf7db59cc2'),
+    ('\x8a14a1aab961d8dd73cce8ad0b8133d7f245ee8f'),
+    ('\x8a18d44666b21276285503817df392d072081406'),
+    ('\x8a1bf6a3a1b048d5b8e560dc34c9efb657c2d2e0'),
+    ('\x8a22dc920ac4f76ef9a9331a0a6cfec450a4184e'),
+    ('\x8a23c4c2a58a69ae6bd457ff140cf68d3e011c58'),
+    ('\x8a24973d5dc12959c46d8cb10d7457af7bb0c6b4'),
+    ('\x8a250af6233c60fa5989f439f7a6cb22ab60c8d7'),
+    ('\x8a2c4fc79e2bb48f98234206d923ccbccdb96d1e'),
+    ('\x8a2c610459752773948c230abea133a84873df77'),
+    ('\x8a360eab36aa262a1ae64e7fd35fcc510a7c1335'),
+    ('\x8a39ced1800eceb630a19060a2e0c1c4b37c3c14'),
+    ('\x8a44e88d2196e68f729904cb492430e89ba49c71'),
+    ('\x8a47994bc3e8b2406e7eda03f907c0b03dd635aa'),
+    ('\x8a4a7436c1c6da4ef34eef76ca8532c31742f596'),
+    ('\x8a4f301ce0ec66fb35d8ffcf17d279dcc26448ba'),
+    ('\x8a56b56e484b1a722fd41728efb9fa7467c138f7'),
+    ('\x8a61507701d6dc277f9d1b91f7611d52a0a2db52'),
+    ('\x8a61c2d0d7eb8bb4b19c019f4b19419ddf1fa337'),
+    ('\x8a6689722ae65b89b0db2e663622e111b443027b'),
+    ('\x8a6cde2ccb9f2c33264b766765eb73fbcf3e852c'),
+    ('\x8a73e3baafd94571c7da0c144ffac5ac1db62c89'),
+    ('\x8a746d06cbdd59d74547d805844ea03f65bdc7c1'),
+    ('\x8a7c662f8ac5ec3d44232d9438f22c6ffb768f12'),
+    ('\x8a8b55ee3c52f68b9249003fd316cc7a5074e832'),
+    ('\x8a9247d27b7dea3cce8a49a6dc8350e4c64d1f00'),
+    ('\x8a9b0c2bc8d8fa6a473d0c0ef50f253b7ac4b7cb'),
+    ('\x8a9b1d918e13a1d7cf102d34e96a6ded62790f88'),
+    ('\x8a9c04ca5e2f71dec6cd1f4fd5111da80d934744'),
+    ('\x8a9c1b5d06b877b572e1bae6e7b21f2f6be79ef8'),
+    ('\x8aa1f48d191d28237aafe7e604d5d6a234dd24ad'),
+    ('\x8aa3e0c76d478069a7253eca5ae9a5daf988d567'),
+    ('\x8aa83e00a98a66e6d191e9163670947b3384f7fb'),
+    ('\x8aa9b870c09c7b17d8a352b3d6422d0da1753177'),
+    ('\x8aac1a70fb74f2b7771e7bd935d81ba349caa7c0'),
+    ('\x8ab14b307e76629dac1fa2f303940eec0e018378'),
+    ('\x8abee79b4190eda097699738146ed799801b7554'),
+    ('\x8ac07609a20126e310a4ac27082e528915841130'),
+    ('\x8ac46e3f8602d9f8696f95b85de1211471ec9f55'),
+    ('\x8acd4d9c6c603c8f6c81503c3512fe000cf5a7a7'),
+    ('\x8ae5d5c2b9c7d382df28663e968730fd3d509134'),
+    ('\x8aee1d629c3b8a7452181626cd1013113fa3cbc0'),
+    ('\x8af32c4a750b4212a54aca7a3a10f4d3660e2daa'),
+    ('\x8af3630d29af944e746ddb3225e3907c984304c8'),
+    ('\x8af6a853d1c52baa3b392e1af84829288abbb31c'),
+    ('\x8b02e28d3d54217543386fd2c229c592b32e83fa'),
+    ('\x8b0a9f9f1da9f2c408b64132cce8557b973d526e'),
+    ('\x8b137891791fe96927ad78e64b0aad7bded08bdc'),
+    ('\x8b14bf668faf7556d36d1595b5a9c414f18bffd4'),
+    ('\x8b196bd3a04e266ef35160e4ec11db90e86f8fe6'),
+    ('\x8b1a32437f1d9d8f9de11d0192bc811713d340cd'),
+    ('\x8b1c26637127ffacdabdb380551d31353af55029'),
+    ('\x8b237fa908e789163472c9113ae332de966b0d2f'),
+    ('\x8b2e579f8a9bde8732331c35058a63ee67ce5ba1'),
+    ('\x8b33ee045deb234dc6e08dc78187a6efa1166e78'),
+    ('\x8b38b6c4f6d30ac62b45def7995bd01955489aa8'),
+    ('\x8b4572a2cfc60158fedb9a06f213e17a64834e31'),
+    ('\x8b48e0ab354e443fa36e82f3d1eee669c61d59cb'),
+    ('\x8b4933afadec6adb60dd70b5fcbc04232c58874d'),
+    ('\x8b4e866813fcf7c8385b465a214674aee174e4e8'),
+    ('\x8b500f669ab89015e4b29a32647f56b7d5925092'),
+    ('\x8b52bc79c2c5e60dfa8d0d56bf610d76f795bca3'),
+    ('\x8b5eba22165348426e5cec66b189f995ab8bfde0'),
+    ('\x8b675886850b87a4044b305f0c5a5a197cc13663'),
+    ('\x8b6c6477d859744d404c37165bafad6e8aace13a'),
+    ('\x8b6d30feb242a281d50a1388972b454d543fd318'),
+    ('\x8b6f82dc2e4668f56dc9dc5579bbf283a93660ea'),
+    ('\x8b714528d82d63115c1cb025debdc6da2157e87e'),
+    ('\x8b7c596deff44eff6c3d470e27a8ce8020de7ca9'),
+    ('\x8b80e28d6627886c2dd37806ab1e121b6b9175a6'),
+    ('\x8b8daa80586ed7fede344f0328f7b23b07c65ccd'),
+    ('\x8b8ec5abd5346075021f8c29f517846d5b168885'),
+    ('\x8b9452d54b89208fe5fa22e7530a77ea3c548efd'),
+    ('\x8b97b1881243de418c9e6ba1e23715dd848c88c9'),
+    ('\x8b9de47d84436e2d16f4171d21d7066223d321a3'),
+    ('\x8ba2c2d6f649570ba9d4521289dc1f14ea796809'),
+    ('\x8ba70cd8f77f8b569b95490a69bb27c0d0d92740'),
+    ('\x8ba73a20a58257812bccc9894d2b73573e1deeea'),
+    ('\x8ba8e7c8bcace74a505ea8beb3e3a6a48c7294ca'),
+    ('\x8bae7153a6a5a16addac41c0d7fe3b1f2d187613'),
+    ('\x8bb1f8aae4ba8445409fcd6a2fea483076950937'),
+    ('\x8bb383311d0632dfaa4b7db4738a279ecd5fe35a'),
+    ('\x8bb4ee80c96fc3fbbae0b642d04914ede4ae1c98'),
+    ('\x8bb7cad2c23148eec369374323b1e37ead5a9c35'),
+    ('\x8bba6e929673fa9f9afe930ee9e62b6104d59424'),
+    ('\x8bba98f32bca10941a574cdaba83ac89d1acc5d7'),
+    ('\x8bc5bc8a749245ca9cff5ea29f73c53e209697d9'),
+    ('\x8bc7130448861de19e80a58495215d0b95bdca24'),
+    ('\x8bc9098a295b510230bb8ff7715752dd6caba90a'),
+    ('\x8bccf57c8045f1d2b855be6ef2fa7ee519c38955'),
+    ('\x8bcf6bec7084206f32dc3483bea9df9032f94375'),
+    ('\x8bcf9be88c265dfe3b8c0282cdb5bc23da99fa25'),
+    ('\x8bd8447b4b2c69b35b56f69ef6554405894aa437'),
+    ('\x8bda6d05dca739214db6993c3ca2d29e2bf99d96'),
+    ('\x8be042232cba231647ae1d1fcffc94c198dfdcd9'),
+    ('\x8be10068c00837004b5aebad4ad8ffcd62726d00'),
+    ('\x8be7834cd4bc8a753046ecd550517d35da7cbb83'),
+    ('\x8bedc913dc07870c234335c3c9f8a348a5c6559f'),
+    ('\x8bf302dbf0b50a2df7686f48851698d514d47502'),
+    ('\x8bfd5cff419f6d1a8c072ade34350e608ef350a0'),
+    ('\x8bfddc4f4417dba74ee85bcf64651f8f79c5fa27'),
+    ('\x8bfe0058598215646c8cf1f25ed50558a921505f'),
+    ('\x8bff41b3f67f389e4cd737c583d29b7370401836'),
+    ('\x8c0486efe897f05feca91d8b9adc6461cd1a7a01'),
+    ('\x8c0746a6250cb88fd22b3b41f5b58771bf7ddcac'),
+    ('\x8c0a0823744121c1f0478dce2c531205a87f2b2f'),
+    ('\x8c134889c1688d365722eef494aad22757f06e56'),
+    ('\x8c13a169fa24edc18873809ad8bcd3b0f3e79f35'),
+    ('\x8c154816b0b884bf5e789fbda62f1ccf35523d0c'),
+    ('\x8c1943985f61da1b75a5c6fbc3c353e95e30ebcd'),
+    ('\x8c1c4f8002ef6f144a73f6334c5113195ec349c4'),
+    ('\x8c1e2585ed2bba5c00b5abab4fab9f60e9860f8a'),
+    ('\x8c1ece2c34b6d6e55e23d8358f3b1ec1ec13a76f'),
+    ('\x8c20fc62e973483d1989b373870c118859aacf43'),
+    ('\x8c2252c44d4d00fdbfd8448332f66c5ea190e4fb'),
+    ('\x8c268b279cd72b045c43425af4af471c186c2710'),
+    ('\x8c361879f8227ea5e8fcf35e752df3aad49b3186'),
+    ('\x8c402bfafc6f731b6639c4cd4031d5b4f31b5ec5'),
+    ('\x8c415bce4e0eab7c79f378306e2250d4588d044c'),
+    ('\x8c4217651e3412b461e99ecb4cc81de1fb849e7d'),
+    ('\x8c4c15d88afd016a601cff5d0bdbf726ff571b95'),
+    ('\x8c4ce3c9973d4aaaa9bfdf05eb1a7ba2c477928f'),
+    ('\x8c4df88eecc740257e9ed5c826e44a89951dfcd0'),
+    ('\x8c59c61128f8ea90e98b9c8c3513f493ab5f9d99'),
+    ('\x8c5c33dcd50f57591bbaec16822e2a91b542ab1b'),
+    ('\x8c5deed69ac26b015c06670b275b217497328b14'),
+    ('\x8c614ffeb589f6a7c30f1a2043eea7176518bfdc'),
+    ('\x8c6d6209bf22218e1974ad2c5d9f403e000ebeed'),
+    ('\x8c70b43619548d3e355e536d748c0421d366b066'),
+    ('\x8c7148d676fb21376e3c6fec48d3b9b6f20451f1'),
+    ('\x8c7281a3271a89c90e0f5a93d33628cd73bf8106'),
+    ('\x8c72c0b5a63bbb241025f994be13ec19cf7722f8'),
+    ('\x8c7823cdabd78b5b49cac3e01e42fdeaa14529d9'),
+    ('\x8c7cfa8e24a3cefd6e154e25de622fd67b042345'),
+    ('\x8c83dcd279737f588e25f67466578726b1d0fd21'),
+    ('\x8c9ab9713190cdfb0b52b7ba9888aa6037da3bf1'),
+    ('\x8c9f6ab41c170c9be9c5ea94b19af91e8b775703'),
+    ('\x8ca14df79de8b46609eaa01ec6f0aecfcf4463dc'),
+    ('\x8cabb6262e6b7ce7ec8f6734ad5c870c4ff496de'),
+    ('\x8cad4e32f33a8781af2debeff6bd821a09561058'),
+    ('\x8cb155db0f500fc57c0c36995e940767b8b07821'),
+    ('\x8cb3cd87a06c3bf9968597c6c12a990b1ac32c65'),
+    ('\x8cb8664be880460e847560ad09a522e7f3504f5a'),
+    ('\x8cb8d202130b3e4c54f5d59832e9dae73faedd15'),
+    ('\x8cb9edb7db43a14a3e75de5ae3a51a77ac4c0140'),
+    ('\x8cbd108f38206d02fd04ee623c683f48bc0dac7e'),
+    ('\x8cbd437506ec88960d7eaf5a08756f25f692ef90'),
+    ('\x8cbdd29ae99fb9706f3ce09e3075192073d2f556'),
+    ('\x8cbfc5dd3f6dbd08f2bd53e7dfbb0d0cdcb52432'),
+    ('\x8cc243f694c48e933d93f03174dc33f82fb8676c'),
+    ('\x8cc94ac033fe6695a3a2c89c1fef48bea786e021'),
+    ('\x8ccab1824b15fbf56c4caea8b271313894f80bb7'),
+    ('\x8ce0dca749bc65332aa4b744d78abdd6055336fb'),
+    ('\x8ce0f13d308816ef7cd76d7061e92a92acacfbce'),
+    ('\x8ce4b5662a25daa2a22264c8b82c1cbd95e0e8b8'),
+    ('\x8cebdf33f4e78c8213878adc68ebc3cbcb6286f1'),
+    ('\x8cef6934b2bb5280352aab288a37ab8bf5bf79a7'),
+    ('\x8cf7433ef061fbcdd2167842afd99cd333671b79'),
+    ('\x8cf85ff415203f223a490561422d7bd787feaf67'),
+    ('\x8cfbae4fda43a114fbd868157a6bfcfc1653e29e'),
+    ('\x8cfd81ff4ba029929bdd342377104b3ba3aa56f1'),
+    ('\x8cffa16bb56e792fb1eecf1280276c3932d368a7'),
+    ('\x8d005b4427d462ed82992dde96de460ea981aa57'),
+    ('\x8d1b586398430785718a0acd199fdb5ea6d11cf8'),
+    ('\x8d1c6cd2e2e5b3aab026093dc2976d9233b63790'),
+    ('\x8d1cb8203b69f7cc734c426ee184190faabf5d02'),
+    ('\x8d1e0a5ac541a7e3d86034a29e6e1ebac80294f3'),
+    ('\x8d2140b17114c97fdbbeafc5ae5b72bb7d22ac24'),
+    ('\x8d22f7aeb0fd5d4688f155e5957fce00018d66f4'),
+    ('\x8d2b1c6478f81e0e2f65cb62debabbf236fb0304'),
+    ('\x8d311e69a4de7846365b208784e05bed9c8a8f79'),
+    ('\x8d399b58ec2c4649831828183e69c0fb647d6625'),
+    ('\x8d3da05657c13570b7bddbd9785fdaefe20e4d69'),
+    ('\x8d4a3107718b45d278fd3a66230748ec27f2e967'),
+    ('\x8d55eedf2a3188da4bd75f4852ef073042b9f05f'),
+    ('\x8d5602250f50e0b816c0baf6b7072c2f93630133'),
+    ('\x8d5ab6dff1f27cb94d006ad38c8e7772c049159e'),
+    ('\x8d5db03bf0387d0fb6b9f459970e575465471a07'),
+    ('\x8d62925dc098660fd29f5d2988a16edb654f79f3'),
+    ('\x8d62ad71d0509ff1fed5c3cb16d6b543625b6ad4'),
+    ('\x8d6dd77e436bc304347a4f44cccfdf1b60fb7b98'),
+    ('\x8d746a84c408d12ff5bc2e387f9e1383b50c4d76'),
+    ('\x8d74d8974eddfc1819f9753bce0fb119c7b10ebc'),
+    ('\x8d80e33616125d13b5a244f169d146e8f16c58df'),
+    ('\x8d81ab30a5db7d9a4c9c8920b31d2bdedd40bb09'),
+    ('\x8d8e607c6b0e39b57c3cad9e27033c926440762c'),
+    ('\x8d93280a2c2ba346e496540e0165d5ddefbc720e'),
+    ('\x8d9793c8b6540a74f0b1c5fcda0fa7b84580e206'),
+    ('\x8d9a2597aeae1cc55af9f3c19d65b2e9f2352f51'),
+    ('\x8d9a3e4e62b88c9b4205f8de3f1a1fe82bde6f2f'),
+    ('\x8da7364da849923c91e038b67910aee125663279'),
+    ('\x8dafe41ffc4693f05e941bcbf667469cf1266833'),
+    ('\x8dbc1075adf9d70e11319e3949ba5b44e003b4cb'),
+    ('\x8dc4d99e81e9f0d3b16d06ecf4a6a041b9cf8f3f'),
+    ('\x8dc6c9a8c632fcb647960d5c936fa98d6b81028a'),
+    ('\x8dc6f82a4f3a83581700b30aa82f0bde508c34c1'),
+    ('\x8dcbd340ab29453db61ff73d033004369c5a7f71'),
+    ('\x8dd1a2c039f37d0f9a4992c714bdcc0cce93e56b'),
+    ('\x8dd8a6951d14efdc1ed729939235999b26f96b5a'),
+    ('\x8ddbf489938bc8edb8a83b648b2a35f2120516dd'),
+    ('\x8dde9db56cf44fe992188b70611ad8e0b62fb7ad'),
+    ('\x8de117f20105cb2852f0145423317a5184dfd994'),
+    ('\x8de598d345ed0e9b05db6ed072224ab726413361'),
+    ('\x8de9bd9dae2463b24a6203693b980bf860ee405a'),
+    ('\x8deb4713a4bee91f232750beb0924647a0b1d3fa'),
+    ('\x8e0881bcda430b095100e50980108ea88d1d587e'),
+    ('\x8e0e6a87cfe0fc861e00492aa1d4ba8c78ae673f'),
+    ('\x8e10b73c26fe7595aab27f4e0ad5e6cb687dc819'),
+    ('\x8e162dcd6be1dc2296871c1c7dc5ae9b95cd1bef'),
+    ('\x8e1e444bdd6773830dba2ffa62c593c894c2d10e'),
+    ('\x8e1eabd54af4fb59cc414cbce40826fb491320b5'),
+    ('\x8e21d1ef2025b4ffc4fdac5895e1a1e91a7f46b0'),
+    ('\x8e26f2ef3f8cf16ee3f5d7d385acdbefb23a2c76'),
+    ('\x8e2ef9e529a09177e4565ff5f3405a9346e72c49'),
+    ('\x8e309b6c23ef89519a25743f57de13b11b555251'),
+    ('\x8e406d195b7a016415ed00d0b0d42a0dd8b914bd'),
+    ('\x8e4ca529ca808aeb95c648e9eee1709abdfdb757'),
+    ('\x8e5151cb704164650fe35ea5ee6ef7705b1da4a8'),
+    ('\x8e5541d16baa9f841ff4543f56d208351ba28d7e'),
+    ('\x8e5668c0b74100e35372bbe0ca0863d61a412357'),
+    ('\x8e584fcc3cf776244a6fc3bf52b37dcfbcf50ca3'),
+    ('\x8e588b2f34ee00d79e7b9f25eece297a73b5fb7c'),
+    ('\x8e5a13bac67fd2d6b69dbd9e0bfe9a69d3dd6efa'),
+    ('\x8e5c5003fac81cb22d5da35883486a199b2a8514'),
+    ('\x8e5e4a5a418deb6f572ed724fef2f4f2d4cce4cc'),
+    ('\x8e63534476a99a62bc579cb804f3f01a649191a4'),
+    ('\x8e700e08bbd493f24c2fdaee648df8a4db6ec1e2'),
+    ('\x8e85dd5d006249b7bc0c40aef5289137f8763791'),
+    ('\x8e86f3f25a06f94694e73781b3414db2d866a4f8'),
+    ('\x8e8e12dd6d7e0faee3404f330fc9fa973a834855'),
+    ('\x8e907ce6a50521267c691c7283de97e1a0f2723b'),
+    ('\x8e92b09c63760088f2a29b049f16184aa63c4137'),
+    ('\x8e94a9d3e9ccb2383d6b3df1721603fe48166ccf'),
+    ('\x8e961973d318661c39a190fc5b24a651c1ea2c9b'),
+    ('\x8e967ed435ebfc987b2a72681d0da078b4320398'),
+    ('\x8e99f254b03f765bff3e2d4635e8ad24de000a7f'),
+    ('\x8ea080af361ce7e03dc3612aa63bc623276c49d9'),
+    ('\x8ea0d86d69ccd62c7f81f24479b1594a239943ef'),
+    ('\x8ea15e05684d706f2897d32fa9e46c3afeb0dd50'),
+    ('\x8ead82c8b5062a42b828b06a9e514e6df4884e70'),
+    ('\x8eaf4fba6888808dae07e1ae4a02372e28e3b884'),
+    ('\x8eafc9b3523de182a2fa488946981b46314d5bb6'),
+    ('\x8eb70b307fabba708374f9736bc9aec5e796ed42'),
+    ('\x8eb963b3f0f3279beb716909d2905ae40f599916'),
+    ('\x8ebe332ff083793c17feca600c6448d37e661b2c'),
+    ('\x8ecd1677ce42ce422b8784ee7c981c49f292bf72'),
+    ('\x8ed85ae76edf0e45b3dcb931a0e9fc81b97c6511'),
+    ('\x8edd9e0cefff7b28e4cfe4dbfd925ddc63e33cb2'),
+    ('\x8edf5f9488802df2fe53315622754f230d74cb7d'),
+    ('\x8ee5e0281675b2650a40f586f8d30b3e5829fbeb'),
+    ('\x8eebc6d7024ff67aceba8f71c42c274242489305'),
+    ('\x8efaca59bb23f86ce9949e9d1161d66f62ebfa43'),
+    ('\x8efd9a27455e8538df76e1e4a4b26333f74725f9'),
+    ('\x8f03d51ca0e1c21e42c93b92ce33b88d90bb8bea'),
+    ('\x8f0480adfb3a88683fd1923661f1d7891161da14'),
+    ('\x8f07c771e7160d731b52aad2e920f0de7ccfc433'),
+    ('\x8f07c8c7068c2f77ef59cfe9b2be9459bbfc93d5'),
+    ('\x8f118929df2ff6b591e857f7a085cb27bbcde191'),
+    ('\x8f12037a7c2b72cef5740bbef0ec76d47f877a96'),
+    ('\x8f1cdbd0a7c02235bb08d7b6d4b544fe160f68b9'),
+    ('\x8f1ce4c11c7ebda0fa3d28b8e329184e8040b239'),
+    ('\x8f1e9ad1b67e1c74b78d644517bb9af58c76496f'),
+    ('\x8f1eb4a806e14de47158c29167208214b8406207'),
+    ('\x8f1f9abadaa543bbb2760cb37623fa628e216069'),
+    ('\x8f24379cd675bba29db9c6d643982d3f5a481d37'),
+    ('\x8f2a22b626e00a5aa74cf53aee011b3c02e6b1cc'),
+    ('\x8f2db6fc9d54a851e05743c821eb4d92a3a32040'),
+    ('\x8f317035e677affa946516c82baa17f896e8a866'),
+    ('\x8f35caadea4ce1d68cd5dde905d928d8a51c49cb'),
+    ('\x8f35fc47581731738412d7e00bb4f7922d4cb424'),
+    ('\x8f49a5c11e079f151eb1579d3aa17881950b51e5'),
+    ('\x8f4a2e3c0537203bc697ae5e32fdf8ab1a43ca80'),
+    ('\x8f5ef09dadec017c4bf2aa0eacbe6f5666af9eaf'),
+    ('\x8f5ef77ce9d0a643458952c55de1dce6f6230ba9'),
+    ('\x8f63b5125269235f98d6678f0e0a9617c777dda2'),
+    ('\x8f66de6348ef6cb83a9eb682a3b4256db8e5b232'),
+    ('\x8f6be688fb5989a9024924a515724e0678d7b676'),
+    ('\x8f81492b093054096870f8e5de4dc97bb4550d6c'),
+    ('\x8f8172b0252e12a0bd0d86253f580a58b3b2509b'),
+    ('\x8f870fdd261bcde5b0bf24622520faa80a417ee1'),
+    ('\x8f8d3f1f13fe57977805ca3ff4f3ec69a2dc9506'),
+    ('\x8f8e73f988b75ead2ec9c6c5cec4945f05e70638'),
+    ('\x8f926cc6fe495ce4715c3b708e232aa48eec3a2d'),
+    ('\x8f93ca697d3fc46dca4cdc4d313d4f33aa604dd5'),
+    ('\x8f94700ccd580a9a25f2a44eabbef66ccba794f3'),
+    ('\x8f9816a6ee212322468f417e3d8ab78979290f16'),
+    ('\x8fa0ba549f6590fdec2346324dab61f254b51da6'),
+    ('\x8fa80eb7a582896254c30fae1e4c70c0667ac6bc'),
+    ('\x8fa8d9edd79a1c37d2f323390676470a56f4ff4f'),
+    ('\x8fb13b0834f886f458e9a7184f7020275b14629b'),
+    ('\x8fb392aeda61b7148bf4546b9a0cd5f3fa0eb2f0'),
+    ('\x8fbeadfa37fc5999c7aa7432d1d49beed76b3519'),
+    ('\x8fc6a5d33cd4f3055e43096b789522d8b651119a'),
+    ('\x8fcd75349367bcfd748e2007f202adeffb93b5d3'),
+    ('\x8fd007384671a112611bf2e2152ce269aa0b74ed'),
+    ('\x8fd5e1e7edd43bea45becce0221570621f474dca'),
+    ('\x8fda8a17c0befc07f3c23980369482023ada17ec'),
+    ('\x8fdb9549230730b7612d6df617c2dcee0e0d2cfc'),
+    ('\x8fdc043b7323a840d197f4741d07fad2ebbd3abb'),
+    ('\x8fdc2ba9ba394ddf0f179a63fb3a0f1f65b53c71'),
+    ('\x8fdd89aac39115296c7b1115e93195a457933916'),
+    ('\x8fdf15305ec2880622ae59d469b4745b244065fe'),
+    ('\x8ff142afa37f66cda1cdb73255c6b00b1de5ea65'),
+    ('\x8ff856c424d6c8e80eaf96a3511cae44210fcd8a'),
+    ('\x9008833542c24c93395d10e987e6b8c1245c8561'),
+    ('\x900e30895ad806f8e67a47e7bc8b15fb9989dd49'),
+    ('\x9018726a23842f421c61d3934829ca00090bd97f'),
+    ('\x901ad4422019514591b47b906d53b767820e95f7'),
+    ('\x901afb66e79d70319c8ef4833b753da87a82b824'),
+    ('\x901d80928ddf4b01ca484aa26e0702146602b568'),
+    ('\x901f177e0dbc5f02ffee6c1302385cc1171310c0'),
+    ('\x9029f38bde7bf1bcccda45c8d0867438d91f41e5'),
+    ('\x9046fda54b1cf9a79906564ba7164c26ef546944'),
+    ('\x904e15398eb0a260fdd690093c93ed73fdc12370'),
+    ('\x9057242c90e8a4ef83be4fb4d986c22ce0bee454'),
+    ('\x905e67aa107a43d4532928be263ceee0160b2c0d'),
+    ('\x905f0d5367b983d3ceaea36887bf10434664d244'),
+    ('\x9060ab63aa928d651bb43a353cda9795eabd830a'),
+    ('\x9068393cabf47903a0a2c14e32db51b5d187ee66'),
+    ('\x9072ece38d5669f3d7a73ec2df38e09efa0d37fd'),
+    ('\x9075c5b7561aafc109e10424ce27211159845410'),
+    ('\x90761ce4d1423cbd1196ad78d938af8eaccbbee1'),
+    ('\x907c600f71e881da22651ed40d3c1e90bba35e51'),
+    ('\x90891116a64b13a652f06253e0ebe2ff5c6bef6c'),
+    ('\x9095be71ef0c35972c029d7be83de999f900fa63'),
+    ('\x9096200ab014320c2e5d0f8a879af7d206aedf73'),
+    ('\x9098011691c7e8ba622235d7e10141f4cff62fa0'),
+    ('\x9099b0a3dd90dfa95d81c012d629331d99e2d603'),
+    ('\x909d234933f2ecc374c4f8d07cdacea3e5b1fe8b'),
+    ('\x90a47e98ebe140643439bf5d83f33b413a2f23af'),
+    ('\x90a4f22ecb88a52cfd5ba0c28c8035727d96d1cf'),
+    ('\x90aa18e7eb6ab1dad7a87f73c1a0ce281e62db56'),
+    ('\x90abcaa25b54ebaeab083d12bb5534162e676e7a'),
+    ('\x90acb4c0e7224ca049c52d24d9b002b8ea683dce'),
+    ('\x90b3c4ae78679c87aaf7af64830c784c4b38f821'),
+    ('\x90b9589f6e3bd9fb85e9015a71b5d05d807bc78b'),
+    ('\x90bf0cc2da01f5449936f7915a8701a6b60ffd48'),
+    ('\x90c32bb7246e563d3f08b401a7fdd2ff369d3870'),
+    ('\x90c4e03904a377ee8f52a4f30426fa54d2cdd294'),
+    ('\x90c5ed2fb23a1f08423f5c12e48f59d452874d97'),
+    ('\x90d1df6c7f086a3888e74168e99adc01e20f066e'),
+    ('\x90d4fc810df547481a87e36efb971aebdd3a23d8'),
+    ('\x90d5e5c4eca9a05d94e865e8466076b9d844bc1c'),
+    ('\x90dbc6a235169afc49fb572fb1c25879893c4571'),
+    ('\x90e0227511e6550f44d4e49edacb04970d2889e5'),
+    ('\x90e11a55e6b34862a7f4a90a6941c028909cb15e'),
+    ('\x90e5e3ab79746c7ee5fbde6a4dadb410f0221854'),
+    ('\x90ea0f1c4226ec834bbfb073e3935e272fb9d3ce'),
+    ('\x90f0d3da3b23ea5c24eba66f05b25d901b2e0ac8'),
+    ('\x90f3e4ad719006275f00c903a22762692e2e6dd9'),
+    ('\x90f5d0daebfd2aa4258b209579e6d5066101c494'),
+    ('\x90fd276abfd1cb8f301e951c8d777a50fba594b2'),
+    ('\x90fda0fcbd450a9da2e7e11fa3b1b126fecc0122'),
+    ('\x9106cc9c499a655ec0887338e0d65f23538770a5'),
+    ('\x9108517f72f9744cca75c8bce224a738ceffec65'),
+    ('\x910e4b2102778a8197776a792a6421a43d9b8e65'),
+    ('\x9123319119c5dfdcb34aff66418366d194cc7bbb'),
+    ('\x91265b3c2fd7f4f70dfadcc3dfd44f7a89953bf5'),
+    ('\x912b0d057122d18f73ec3476ee54785f66504524'),
+    ('\x912cdfd6fd4d4c666fce9b94ee352dbd6d8f01e6'),
+    ('\x912dda440209c5830dd51f8a7eae75292e5e23dd'),
+    ('\x91309bb4a8cf4a556f68d9697db730e3d94aa8fa'),
+    ('\x913b4aa5d12eb3eba7ae9ab8a820d8849a2df65c'),
+    ('\x913b70a43606b1539ccb39aa2655e094c1461434'),
+    ('\x913d623ea1889a82cd5d160599b442691f0f982d'),
+    ('\x91418a989231303997895de2171a970fd53a0a9f'),
+    ('\x9146ff134c697881f73e1e300e49b27bb4dfb85b'),
+    ('\x914e49be393ff257eecb3c64ed09480c312fd49c'),
+    ('\x915071ece879c7b67d98c29b1212b2f5395f9ef6'),
+    ('\x91511cc362c1496d82f8d6ea1e5c0966e8a44712'),
+    ('\x9151a753c97d5171307f935c1740d04599f35169'),
+    ('\x9153d75f32dafcff9ad0f7b87aaa36688f978743'),
+    ('\x915ecd644730c23ec021ec810bf4f468d8996ab5'),
+    ('\x91623f4e576513a7585e79396fb3557f2290f3a8'),
+    ('\x916a320cada196ffd71c2f724ca0fa2d37b7fda5'),
+    ('\x916c87c9f1d2f83774353b45f2d1a8aaba78e95e'),
+    ('\x917ca944d410c8acf1e8278445bbf25b491911e3'),
+    ('\x918947f21d3b8764e917d2c135bd51cf76867dca'),
+    ('\x918a635dc5e1556239cd63861848f9b25f319f6b'),
+    ('\x918e26be297203728ea7e842167dff57c9681b6f'),
+    ('\x91a24e4fda314d88914f81b3367aa15e2e744248'),
+    ('\x91a38f58ff26364e7924759e9742658871245143'),
+    ('\x91a3da0c2b7b277557f01ac5dc6593bf9bc7b55f'),
+    ('\x91aa71515a5b4b4e7e1e14754068aa18f0805b21'),
+    ('\x91b55f771812b3834c9799b39c52ef8caa05cce1'),
+    ('\x91bbcd6e7ede583eda00b75fea55a5fd2992ebc1'),
+    ('\x91c307b19b4fa47b817ad8b0a0d7e605d8a67143'),
+    ('\x91c7f1dda28158feb5e3507fb69a8eef1cd3ee4a'),
+    ('\x91c826d355de944e2ce6ace1ac6583747f84f5b7'),
+    ('\x91c8fa67eaad386c16860837b76ed8bbde9cc678'),
+    ('\x91c9ea15b601d120f53bdc79f74350aa9ab6e2d6'),
+    ('\x91d296a369a21c5f22f05d71a12ed0c53227c207'),
+    ('\x91d43c2e3581138bf414c5840abe17b59a5bd051'),
+    ('\x91d6a3be2b3f9cfadf0e3f180d1097acd45baa66'),
+    ('\x91e53923ae71d891e4bd41715bae41f6e4f277aa'),
+    ('\x91e61d20a92059a515f95f8780a9c26eeedbf360'),
+    ('\x91e9048a2486da15e9fda3ecb57e2f90e8e3e247'),
+    ('\x91ec21227866ca9d1cf77ec13660b7b85ec900dd'),
+    ('\x91f48aec59b78972f8a3673a10e3c7b9d189b68c'),
+    ('\x9201418824225c62456c4ecc9354ad4b2cb756a7'),
+    ('\x9204165a46d05cad7f88448b3ab76bc7160e1142'),
+    ('\x92077d0843b34b460330f5804d5c1708700c0ed6'),
+    ('\x92119d7ffeafbbbc17ebdc8d46cbd52b97c5323e'),
+    ('\x922045b51ef65fdcf458ba9036f02a630f0e59a9'),
+    ('\x9225e8d56af3f028585b40ee11530f77759b02c7'),
+    ('\x9233cb0d4ed0ea33c17ccc6920978b1973485b4e'),
+    ('\x923b2902d24cbf92bedcd9aac240f6ff852b7ecc'),
+    ('\x92460c5da0f59290c7f2522b884488c23a92a63d'),
+    ('\x924a25625bc07e383796c2e01ba983b737245298'),
+    ('\x924e8ea7f1515ff700781c36bf42685c115a7cbe'),
+    ('\x9251870c6ecacfba13031553f1a68add4e1dc797'),
+    ('\x9257a3195017df02d62bd41fc3df095eee37f7e3'),
+    ('\x925a65ad0eac91589dcfc8936c5bfc8bc83ba4f9'),
+    ('\x925f331b804d896ff263d6a1138055fabf1494ef'),
+    ('\x925f9a2e0ed8c008fffcfd8ff09e79993f0a9b99'),
+    ('\x926062200fc7d6b891df89f17d10a518bb94488c'),
+    ('\x926155328a6d99c2bfb009ebd98f4134727593cf'),
+    ('\x9265bcfd51b6c77f3d96803942a81f6e1bc6a235'),
+    ('\x9276fb29f7b4989f7eb8cfebcd165856e782a752'),
+    ('\x92797e51f6f6f1784f76062ab3db7b86fc137c86'),
+    ('\x928092771176a1543865e53a699f1cfa8957242f'),
+    ('\x9283d061623b6409e1f7e8bf4dc47d6d9cb39c30'),
+    ('\x9283f89d1c9360f948fdb165a12b728757432f0e'),
+    ('\x9288162972f341163812e3a62044bbea840bad60'),
+    ('\x928fa179f3ca1733738816d66bcb6a4dd162ffd2'),
+    ('\x9293750f2a9e82cde534879403d2036aa0176f42'),
+    ('\x929710094b8313f2489696998978fabe07782a39'),
+    ('\x92975bce702fd58adf48af0798a0228a62ce0909'),
+    ('\x9298d14f7f140fc25eda0ce94e58db8e0415cc95'),
+    ('\x92a173ba18ec25a758480c998fd2fa2a618beac4'),
+    ('\x92a187c20b4a413cd3ad3874de87d3e61cf68ab1'),
+    ('\x92a1aa5d5e8836470b6233d1e3628fe088e43c4c'),
+    ('\x92a941503f5c2a6c233b4bc2e11bebed89b94d4d'),
+    ('\x92abdefc56078b4c8fe5ebffb1946e2b9396a22f'),
+    ('\x92ac07d3ea6d15dbfadc9d6f52389b6d42925037'),
+    ('\x92b177465c3f4dad58a5c5aebdcf6d6d0db4b6c1'),
+    ('\x92b6d738e855b5dbef2ad151c908853596017322'),
+    ('\x92c2fa2eb1a9109793cdf7df46a07cda77539231'),
+    ('\x92c41d4edc3832899de75418f64bd97b627225c4'),
+    ('\x92c8a8c4b6398cc1b8db2853f410c3288f5cff47'),
+    ('\x92cb343c856125b4903d61941deccf94aea12091'),
+    ('\x92cefd8762f362c2385c9329a281b08fd9c00894'),
+    ('\x92cf0a1b85219402d2a47f0e79fda6ffb88339c1'),
+    ('\x92d31be455ff37f77691915981e9c6169b871190'),
+    ('\x92d34d764c003301b002113c1a7ad9fb34d3a426'),
+    ('\x92dc0d80e60315c3817cfe3d03f7fc38888e2585'),
+    ('\x92e56cba654433055d57e104c2b3b2ae7b4ccde1'),
+    ('\x92e9e7f0d6e1d643004fc4b05f55c026e6080016'),
+    ('\x92ef17d53768dec2df0c3afc2e1dfbeb6a6d36b2'),
+    ('\x92f15a02d8533a5449df7305ece8a0ff20f669ab'),
+    ('\x92f2dbf30992aa685f2ac47f2928e521e9fd204a'),
+    ('\x92f3b19fcf05c345bec14425311144c732e88157'),
+    ('\x92f49e5b842d33557b5e0a81afb53c02f3e4859b'),
+    ('\x92f4ac4961a5556c560c254ef7b37744d9b92f99'),
+    ('\x92f4f73f4f379130f2bddff58952fc1749f52196'),
+    ('\x92f5d9de2c0d786506f47c72771ed8c1310bcd26'),
+    ('\x92f638a80ac69704372e51e7fb0cf7ba931e437b'),
+    ('\x92fc9d49c676fa4c23d17f3a2458b57788bf73e8'),
+    ('\x93035042fc5787648c0285fee043a32c4f085ede'),
+    ('\x930f94ee9dc2751a00546baed1308cc0de0ea009'),
+    ('\x9313d04291d75ae41e74c931d3d8cca8e6934a82'),
+    ('\x9324a678ec255cd62085ab18f5af965a272413db'),
+    ('\x932b09c01f3b030e9f3941d62649979b7b29d45a'),
+    ('\x932f06ff35df1ee2e9ee7e0d229a890f4d460410'),
+    ('\x93365cf5b937527a7d50386ae3f0d8c5698ca560'),
+    ('\x933e40215cf6170f96e084777f16456075d3d1b1'),
+    ('\x933e91475718ab49892d196ec643e0ea05db29e2'),
+    ('\x9342ba9c67f7e47c930fe95014f87bdd9859d5e9'),
+    ('\x9342d91e79afe491d5c3009fc43810c8244a6eb5'),
+    ('\x9345ca4000d546e8f6879bf55a028075d24284a7'),
+    ('\x9345d94d962060727d3301413022230c84545cc5'),
+    ('\x9345f6c811f42703a14f92e799be2f3c6f56b502'),
+    ('\x9347bf99312aec0f107299045c43cf3d1438a38b'),
+    ('\x934b85352f3613c53655e625715f1193d00b7ede'),
+    ('\x934c8e1528b641232e2c69a08c95cee41a1bc116'),
+    ('\x934ee8c9127b52b8d1685c55a4a83d5b904dd2c6'),
+    ('\x935a8dd9a7b3188950df8690f2cbef975f9f963c'),
+    ('\x935cc4b28ed096a6e0ba1695c926cd586771d744'),
+    ('\x935d28da25a7821ece26746aca38092e8884fe78'),
+    ('\x935e0910ff6b1c7c1b96d2878855eb04f852829c'),
+    ('\x9365ce948f08196c4fcee7d79867cf0b8e0947cc'),
+    ('\x936a20b4c21a2b589bdb6e954b07303097697b4f'),
+    ('\x93796616889d0fc8d4735eedff40e61190ba9085'),
+    ('\x937cdaf450cfc126d71ea7e77b35af6fd9533077'),
+    ('\x93828a07f991e8ac9aa49abb9e6b374e62661338'),
+    ('\x938457f959ca339944d0066d90de48392c0e89ce'),
+    ('\x9384c8913a5272847a76137aecddaea46d7fa5bf'),
+    ('\x93857df07c7d5bb5fa52ad658aafd6f1154471fe'),
+    ('\x9389105071fd93bccf7b90f14750d0ca2dbf5713'),
+    ('\x939129fc1aab27fe89e006b2b0015fce827554fd'),
+    ('\x939362784baf9b4e8b9d0671dd6fb7616c20355f'),
+    ('\x9394c39eca5e25bb1a6f7c12dc637f35204b3747'),
+    ('\x9396f5d5e46cab15e5601d028b28e442a09a9bdd'),
+    ('\x9398882a20e849450deac0ac6349e5fe5cb18aa1'),
+    ('\x939aa385d751bdb019550b1891ba3c2ff3d98587'),
+    ('\x939b9884987db5f51ba60592d7fa3ec362f409c6'),
+    ('\x939f4c3531eb163527d691bae2cc49a1893f7170'),
+    ('\x93a3f3e78ea67328c1dedb00e002b29f7c1a3d61'),
+    ('\x93afac7a35bc0880e388423bd3e74eed91e5604a'),
+    ('\x93aff13b20e650c1430dd981c412e2b72b45c227'),
+    ('\x93b2573725779d5b74247fc4c24c25c9f0eb8101'),
+    ('\x93b895cff6d72f13a74302fd3739635b800393ea'),
+    ('\x93bc573abe3c1eb1567ded8cea4c262fa80591f4'),
+    ('\x93c1ae9723edeae2d8e9ef77f0961ccaa0734576'),
+    ('\x93c3a4042fc90d8fe77767af4358ef331e84d8ca'),
+    ('\x93c802efea4a94515adb86c93ade2498622d5f88'),
+    ('\x93cc72987d30ce28be0ebcb3405e3bb68702fca3'),
+    ('\x93d3189609e0c2988b2967df094ee579092e66d0'),
+    ('\x93d988795cc3910213d4c5929ca2fc78b8ae93ab'),
+    ('\x93dd2631ac345c0fee1dfc9d402e84da551b452e'),
+    ('\x93e6e509c7831702be432f35abd1334364dd437d'),
+    ('\x93eaa9b392f96b34408c810c19381931406321f5'),
+    ('\x93eecf10ad6f73e7f48a4b0e9d7e501697e09259'),
+    ('\x93f7d1d1d7223dac021b2ac2c2117105443582b0'),
+    ('\x93fb11381c49b2d84cf3df2e0cf6dc0d90ca6f48'),
+    ('\x93feebe4298e8bdd0eac83d57040227b43acfd03'),
+    ('\x9400693797f404829b602f22be1bc0e82a2b1ed2'),
+    ('\x9404fc24205f2bd1714aee04437d3869e27ec1d2'),
+    ('\x94050c4a8ea15189577ce30c4ef038ed5e8430dc'),
+    ('\x9405e103f46d71990e9e47e2dea22ba8555889c3'),
+    ('\x9412f060d43fdfcf76b89b55a75e02b560937037'),
+    ('\x942323252baffad224bc0bff6e307b36cc286612'),
+    ('\x942ec3669cf94df4eacd66f6b017ed0b300484ca'),
+    ('\x94331fabb79c1ad57080b0446f2423bcff596c2e'),
+    ('\x94375bf2e60b01841e34126f2c4677da98bf5b2f'),
+    ('\x943c8f6de9ce3e72ccb85202193a20349d49440b'),
+    ('\x94429ee8adbc689a6d898f5d345da768b8cb72ad'),
+    ('\x94463e083ca626a67e3a9f43c71cbefa1ead4697'),
+    ('\x944b9c4febdc9e002cbb52cba332659ee4be4e4b'),
+    ('\x944bfc85ed98946e1915912b88525b71ec5d3590'),
+    ('\x9450b021d072b3b30a67a6ed6efb9d4b1acffb90'),
+    ('\x945225b6412b2b1b129891e3db8530bf45927bc3'),
+    ('\x9452dbd58d06242de3c14e8a14faf3de2fa3894a'),
+    ('\x9458982e57f1323cb78a9729f122ea88412d8809'),
+    ('\x945ebb69877a0d0dbd13cebf9480e165ba99fd4b'),
+    ('\x945f63f51f1fc9e07c8fe6368c39ef7bee0a8496'),
+    ('\x9460d1222ee8bb560f05ce339905d54d5300830f'),
+    ('\x94707111699b94d5bd96632d16e2181c0f009331'),
+    ('\x9474b5655d87db9be06b2013193fa572c6204fde'),
+    ('\x94779257b303502c1a5fbc01eddfb41bb3d2bc84'),
+    ('\x947859255e202b8d4551886b38a8f84d37424a47'),
+    ('\x9478c1e91f702179e85116cd2d477b2e071ba6b4'),
+    ('\x947aa9b017654c108cf2c38e1f51f21e49494191'),
+    ('\x9484a9b6a3d177241ce499819595202777da6e72'),
+    ('\x948607397d4e285cb528282093a87600a07925c4'),
+    ('\x94876042bd303c59e55199478ddfe8335923bdbf'),
+    ('\x948aef54c0bea4044261b4530f1b03be944a0959'),
+    ('\x949c29ac48272f9c29df7e99408438b8a5f0000f'),
+    ('\x949ef1bb4ef34952be268a53f8cc70da457f3782'),
+    ('\x94a9ed024d3859793618152ea559a168bbcbb5e2'),
+    ('\x94b15bf0eb92f09982aba9b899705ec2b334a5b5'),
+    ('\x94b287e78e3ba6644f0b1967c64c09740a2e3926'),
+    ('\x94bc93e57c8c1dd535859b7c3e59f64193b86486'),
+    ('\x94be145ed4b9af5a6b0d2173698cc0863104e632'),
+    ('\x94c0ac9375c9fad23b3f6f910c31982036124e7c'),
+    ('\x94c5ec2c0537ee4487f7df0ca9352bbe9615193e'),
+    ('\x94d12690eea22d0b5cdac9a72dbdc2ea76240d40'),
+    ('\x94d1aca3028b20b5a7ebf07600d005c0cb101121'),
+    ('\x94dfda9f35f1219bb2f2d006d7154ccf95d16ece'),
+    ('\x94ebe267492a30369896247629a7b2fa0119b348'),
+    ('\x94ed27f0aa1dc8a3173eb4cc9ad5c2db9121741f'),
+    ('\x94f2d68a4c3bec6469fcbacdac1b2ded9ebf24e5'),
+    ('\x94f5cbca6da06ff88cfb47c0755cc5a8968658ad'),
+    ('\x94f72e873181c2e810f4ae9570fe31c0e45df884'),
+    ('\x950e023a5fe03e2e4ccd6a315ef63ef5a310f67c'),
+    ('\x951224f850d216ddd9dc1372a64efef40d12de08'),
+    ('\x951b89355ee81c35128aacee8b33c3350fb41b42'),
+    ('\x951bc5ffc3525874f8a4de7f5a7c179e5f560365'),
+    ('\x951bfd83e89ea1370f4c83617d927862c22c98ca'),
+    ('\x951f7205bce096a1c127df8b88e3dbfbad12f373'),
+    ('\x952e1476b5d23d05fd7e0ec142bedd66cb5fa7df'),
+    ('\x95310c958e25848254124d063982c2d00543c8db'),
+    ('\x95330b5ce19d0eae53d1eaac83d8cda595c86319'),
+    ('\x9533f1d61085be3331da1fafc79e3ee5272503de'),
+    ('\x95362644f97c256ed51e1060a75b321b7bf1ba5f'),
+    ('\x9542e9873e8fa17175afd6bb358d7f5692779b19'),
+    ('\x95455ee70257d61f63b7fc159d052af021dbb281'),
+    ('\x9556a7bda5cc2c250c0145d76a65b1bd3954fd2a'),
+    ('\x955aa75dae63892249bc37cc18772fee76ea56bf'),
+    ('\x955afd600b1618330cce696d9b5e44136e1c22a1'),
+    ('\x955c45cda28394973c5e298c4c5c48c068e6c20b'),
+    ('\x956314125cecef43c2e974b7035f3dac24260cd2'),
+    ('\x9563756bac1254695c6415bc5ee78f518018ba4f'),
+    ('\x9568940069f7c1ec171fe8a69a9574b4a8c04b6c'),
+    ('\x957a424a99f120c790b7d07e9b72bf1df1fd6d37'),
+    ('\x957baf88631908a4690ad6f19634add704a8c97c'),
+    ('\x9581c28f175a095990d0a86bdc3ce1ea720b1f71'),
+    ('\x958781a5417bc38cb1af005abc03e77b0ab823eb'),
+    ('\x9588ac134938759acfea28e016e7502261448554'),
+    ('\x958adadb9d2d8f0cc9195fe8d1ccf39d0e814521'),
+    ('\x958f8b24700a754ba4bb148d95b964c119adccfa'),
+    ('\x95910fbdee598fa31390559f4d4b2b4f327b25ed'),
+    ('\x95a329332ae4958f6e238ec28ceec212a2df437a'),
+    ('\x95ab0f111be2521cffa80c19a84c366ab0b41994'),
+    ('\x95aba9fda0b736bd390c4d904a4e4e638a69b968'),
+    ('\x95abbe420e15d7cdf6f380eff55d41bff97786ee'),
+    ('\x95ac64fadeff629201758f612ce31f0dc8bd4187'),
+    ('\x95ad949fa2ec9e41148ba89c34c1bc39b57f6536'),
+    ('\x95b4b5843f24a3b6acb0a2828551748ec7a3c09c'),
+    ('\x95c0217325e7632a9932c9d420aa62f2d1c43e5f'),
+    ('\x95cb4512eb99bca4fbec6529c9671982dbb88aa0'),
+    ('\x95d0644f17bb9d652fac6dc1bf9f9b41ec19a33b'),
+    ('\x95d41e0d955cd4f5a672cf674cde45b63ce231ec'),
+    ('\x95d8a421b5f205b1ed01b9592d3bae5026133bdc'),
+    ('\x95e030efa5f0fdf3759eb1aea6d74ac21d1e1aff'),
+    ('\x95e0526096501f029dddc94bdb3cc0a52365329d'),
+    ('\x95e5a443404a691254a413bee51d1a54dabb0736'),
+    ('\x95e5fc9be2844cf3511bd3b22026f3f506bdbbee'),
+    ('\x95e75a369b781cbc2af421e26be1dbd5774bf90b'),
+    ('\x95e76f3d4e72c27196ef0ff55b90165a3c65cd89'),
+    ('\x95f1b9ce5e388ff364d38f310b66a9557dffed2b'),
+    ('\x95f8bc282586ee4d76346ca727ce5bc8b4e70b5f'),
+    ('\x95fad0991f3db2049eab6f9e9cfdc73956ac0971'),
+    ('\x95ff75392b424b9212100893a4463ba0317f9d7e'),
+    ('\x960b931198f3b93de51ee43687932cdd54fbb8fa'),
+    ('\x9620be4d791b64d50ab64e95905fa2bb8828ee16'),
+    ('\x96281a7aca545fcb4d7a6b07ac763dae6d836890'),
+    ('\x962a07017f8bffcf630926c6670cfb2f797a73c8'),
+    ('\x963799caf57748094f1e5b93f75bc09b63ce1de4'),
+    ('\x963c2c00d4ad22e9a667d00394841d6bbfa5f58a'),
+    ('\x964011b58fa539cd09cd680bc589b856e9d6c0d5'),
+    ('\x9643260e8f39e7cdfdeef6437d51da77582e1e0e'),
+    ('\x9643583ab07ae00a1447cf426fb50b2aa8c749c1'),
+    ('\x9648e557185fd461d383fe6085210513b24edd41'),
+    ('\x964a653b428b60ddf3540a673a53a7cf2720d395'),
+    ('\x964bf22500676fa70aefe24133c10f1c9d069148'),
+    ('\x9650035dbc950c7476de43b271eedefcc7d4ab15'),
+    ('\x96542ddb29226c3ef1f7566d718954c6d6e7966f'),
+    ('\x965c07a0cf66022321265c398fcf04323820b882'),
+    ('\x965c4aadeb615591738e3a4d47d1f374319d4d33'),
+    ('\x965ea56a674108d4b725ce803f6ffab46b82f0dc'),
+    ('\x9671285f438fdce6cb94dd79a4fe5cd744eb7ec9'),
+    ('\x967160a57b0767a3545f79d4939052a12012c3a8'),
+    ('\x96790445d460cbc7c745a6a6f8d751b1a19fd69e'),
+    ('\x967d51e7f194e7dd554337a8938c14509134828a'),
+    ('\x968255df2ba961c06c1c9042221fd82d4e8708f6'),
+    ('\x96837c3333628d097649755ef5915830ae96a13f'),
+    ('\x9683b87fbb0b6d8ff75f76b25bb7dbc787cac3ea'),
+    ('\x9684166ddc24ff7ee0f4c13ba2154ed230709625'),
+    ('\x968e405baa6dda783a61982b491c603b5c113e3c'),
+    ('\x968ef3bcb5e5dbea8a025984db757b2eeb4deedc'),
+    ('\x9697283215450105faf28d4b7a3137b1e5805ffa'),
+    ('\x9699d24c0f53b38883eaced6e19f926875c6cff4'),
+    ('\x96a1d00b30b6da016ab63e09b63afa9cf98fba7e'),
+    ('\x96a2ad4e3add43b21650a04459a40960072dfa46'),
+    ('\x96a3111828f210d759b9b1e0c00e1171a5cf33e4'),
+    ('\x96a314ad72cf328ce44363c7514c948ac8589fe2'),
+    ('\x96a64c2cc88982fff5a631cfc98c2e7aaa33a4ac'),
+    ('\x96a7071d508c7b2021728dac8821662e10047e03'),
+    ('\x96a7fbb314cc3f14f3b6d5b196c001bfeca19bb5'),
+    ('\x96adc6ca241b0d1f81b698868531425817e7ecff'),
+    ('\x96b4a5a83016ce8eb12284bb8ad7ad768f82f005'),
+    ('\x96bfb413000c3ba0491723a8c90e68ddf6831cee'),
+    ('\x96c284418b46b281754b6bff81fd6c98836fe7c1'),
+    ('\x96c37fa44b10a5578a300a856f470908aa37fa57'),
+    ('\x96c3e52d49441ab98e107ef040375bffd4a700aa'),
+    ('\x96c6804f2c1a08c046e70721b907792843e783b9'),
+    ('\x96d63343bf8024ee682bbeb9e9743c477ad0eee9'),
+    ('\x96d7139d6bcd216e071b1f2f327a555426658ee3'),
+    ('\x96d7be5e21bed89743c18fe295417bd1a52cff1b'),
+    ('\x96dbe54d27806275b20e07d76349d7f9fdb2cde1'),
+    ('\x96ddda13e2d62fcd3c7465ccc4661c1d481c29ec'),
+    ('\x96e1f4501babeebe6a4d0a5f487051bd60ff7b1c'),
+    ('\x96e87614d53ebd9a72d6584d707aa200b1ebe3e6'),
+    ('\x96e9f7b72c8385455a38ebe8271b6bd2ab345a10'),
+    ('\x96ee86dd7c975b519c59b7a767a46e25c88213b4'),
+    ('\x96ef52ca447d2aa84d73f2721afc72e4401256da'),
+    ('\x96f5db4e8e38f2d9d080d0f00b6c3e213772df33'),
+    ('\x9700ff2dda28b8c13ccd27c8dc3032b72b734a35'),
+    ('\x9706db5453e4ec25a75c722abb0579b3ce1e5cc3'),
+    ('\x970bdfc93db2399958f855bc4ebb67209c68fd35'),
+    ('\x970f064fcbb01a49d35fdbf76f3cb7ead09041c8'),
+    ('\x9711e39beec03ecf3af71ab279bed24a329a2628'),
+    ('\x971692c57d45e22dcfbfd05171062961c9b5de50'),
+    ('\x9716e31e429d6c923494c8ddc66640e28c133955'),
+    ('\x971b6f64187a30d864d558d3307581e32ff77016'),
+    ('\x971d1412665dbbe80f444b516142b91e651aa946'),
+    ('\x972d3c6ca86ce6a8ad146a9e93a7d8e1bc9ca1ca'),
+    ('\x9731e73a588f3f32ea8a9e781921054edf735431'),
+    ('\x9732066b31ca4ac2eefae28a09c3151941317f44'),
+    ('\x97385819fd7184a4fc944af51c1183c70151db7c'),
+    ('\x974640f097cd474fb95aae68277fcd183241ccb2'),
+    ('\x97471d0bdd83bdc49bd3a2907a63b938dddedccc'),
+    ('\x97477e229fe9422d8afdbf751ceb48a150f836ac'),
+    ('\x974f44a09df8d31013cc23ee0801abcdf3a6db11'),
+    ('\x974f8a51a627918275c8ee0f05c554bfa8dba1df'),
+    ('\x9756f962a4dd7e0a723abbfd7f717bbc957fb01d'),
+    ('\x9757b20f09446fd7c454c4ad5845bbf346a945b3'),
+    ('\x97659bf27e146c5ad4e9a59a5a6d56f8ddab3b16'),
+    ('\x976df163f0e073b156550f8f1925da544ea9ff94'),
+    ('\x976e2bcf4135f8816ecd97ea2a9560ebc98cf875'),
+    ('\x976f476798f4f191a9a7f989b1f39dc060977433'),
+    ('\x977467bb106db785197bd31ce7e427ce70e4d7c8'),
+    ('\x97768854e7ba2f89313c98ee8209c8999959a217'),
+    ('\x97805b9d9859414a88000240e6f07f77dc2ed20e'),
+    ('\x978a2d92310f003a4531d83c138890c9a5ee32c4'),
+    ('\x97a3e47b2a1973dc6395cd95b76b3d0105bdff15'),
+    ('\x97a52a3044a175a0a7c010ac8dc387f23f7a37f5'),
+    ('\x97a794630348eccfd3d1db1490e7ae1d4f40ddaa'),
+    ('\x97a8b0e34e653cee66a5d09305d19c7d63c7a157'),
+    ('\x97ab260b512d7db0a117203df62545e07e16ea8e'),
+    ('\x97b2a618e254b0d89368d3af08acc0de94e9aef1'),
+    ('\x97b3465330789ab1dca42c9781cc93ff77554478'),
+    ('\x97ba4dc46280fd993cd773ec1b9b151ba67b51cf'),
+    ('\x97bf825670fff1468c85b5c4589cd9ca3a5640af'),
+    ('\x97c51edc3e3b992a68650fa364b70e658938b4f8'),
+    ('\x97c5848ae03c8870e5b8ddbdd81b3151b2b3317e'),
+    ('\x97cc9460f13975a1acdf784414fe4f18aa2cb4a4'),
+    ('\x97cd0c429cf318aac7f9d66209c734f0a547b901'),
+    ('\x97d67be16320599f688f7259e9031db08854c1b5'),
+    ('\x97d7f7371e7fc8c362e44f06b7c6be90ff824071'),
+    ('\x97ead9f65c34924d0cbc4ff981dc90274ff5ed6b'),
+    ('\x97ed61c257eafe998c35010903ffabf9a3763968'),
+    ('\x97ef55d5fa3c3cc2db01baeecb6c0fa64742020a'),
+    ('\x97f1165a17d53af4a482b5fcf0d99af827197c8e'),
+    ('\x97fce1c4ef657706ae0f2d0866545f2306c4f2a9'),
+    ('\x97fdd389c1909188db094947c938dcfa2b1463c4'),
+    ('\x97fde8060ed2455a43a06ddf0a2f27e7b76ca3d0'),
+    ('\x980a4be1e32eabc1e36ae9d5b9f9ed15311952cc'),
+    ('\x980ad9167365d0fcd356e6a2d0764b331f6cec3f'),
+    ('\x980b806a3cf510cfcc19727c327ebd31bc43efc3'),
+    ('\x9818bc55c29b0f30ce75b4e527787890ced712d3'),
+    ('\x981a19f1a2d0ac1e2be63407b521d3e695a4373d'),
+    ('\x981d3b084f252d6b6738a69ca604f7da59c11a55'),
+    ('\x981dc900a691f0297c8539b9573a76573f318712'),
+    ('\x981ef8d7714e9d050f590f35942bb69dcc9c55bf'),
+    ('\x982737519eea5e1bfbf89179db22c256adb8c2b1'),
+    ('\x982ab39b069930f35ec350191b8874a90d3a1fe9'),
+    ('\x982e50e7f567f08c773ff659b7f15fbfbdb1040e'),
+    ('\x982f7a5c192fb17ea3fe3597b31a9ec38e0bb04f'),
+    ('\x9835e8f52b056b8c0cdf096ab03fa40320be041f'),
+    ('\x9836ba872a6820e8175be9881b086660320f09ce'),
+    ('\x9836e02a3c006294d9a35c6c77372ea9e6161c6a'),
+    ('\x983822353b217ce5240d01ab79088264c2ccbb2c'),
+    ('\x98385dc7d7dfe834b360572682a292ee73efa5ba'),
+    ('\x983acce85b552e9e6587324d68dd88aea6283e47'),
+    ('\x983c2cade64811eabc939a5e26a0a74023938e95'),
+    ('\x983c96458bfb2b42eeea6af89c0404b35d0aa7b6'),
+    ('\x98416150f0faaa07cd8b5ec6ae411c03833f2a3d'),
+    ('\x984796c500c9facef168d806fd090cbc1def6b73'),
+    ('\x98482c9a3611f9bad1cb601f57487d0dff9fc6ae'),
+    ('\x984e2ba41108124d427f1b0db50949671752d7c5'),
+    ('\x98523c25d4d516ca7a63861b904cbb584dc3542b'),
+    ('\x985522393111dd063078b1c18e09afc21d29eb4d'),
+    ('\x98561c60a56db5080f633a09521d85d2391d9cb9'),
+    ('\x9859d40cd24278f3877616359a2749b4f08f01f0'),
+    ('\x9866fb5de9e4f63d166ea4dc17ab89d52ff4f420'),
+    ('\x9867aa94cf61f837ab935c79a362c4e32a5676c1'),
+    ('\x9867e404cf959df0dce6ded5222b466c788fb840'),
+    ('\x986a6a0daa23b425211337130b3170325792261d'),
+    ('\x986bda979ae499635da19368b11d6885ebf789cd'),
+    ('\x98769aed5d2519249ac0e5089242328266b9d580'),
+    ('\x9876d8bfbb5b23140a452750f1f420ad66190524'),
+    ('\x9877c392d7f63521547c2b4c54dbdf80147b743f'),
+    ('\x987bd75aa64dbc83db01d8016db42850f927cd6b'),
+    ('\x987c1613907ac087a17a22b913a3c1396a6dbdba'),
+    ('\x9884a5c07a2b1b9391a8e0756b4ea9145678f16a'),
+    ('\x98855afc3bf2c7f6477ead456b8e4912f9a16749'),
+    ('\x9885eeea0dc3d4dce254789aaddf261871d4911d'),
+    ('\x9896ad7d0dd0c60bd622e6f68bb161b145f3ee14'),
+    ('\x989dc0d236067d31b8ea88394dd774ed1c8a4b1f'),
+    ('\x989e2c59e973a05cfbfe9de678b7f2af777b0713'),
+    ('\x989fb497b58891b9d96041829df24da654210160'),
+    ('\x98a8de0b14fba5201f212e1c5436861854300525'),
+    ('\x98aab9ca96dd415c1bbfaeb49afc5ddc1ffbd7bb'),
+    ('\x98ad9e632fbe72d676f3809a73c4a75172f7251c'),
+    ('\x98af417e28e136cb694bbd77fbcc7ea04cec7724'),
+    ('\x98b75b0b80a391340a5b7157e7eb0b688f231345'),
+    ('\x98b7981211c6201ca23167335a50e33ceb342aa1'),
+    ('\x98b9173529b44366820ab97ea34e81702b995872'),
+    ('\x98bd2dad45392ecb47a5348317bf9eaa366c3a18'),
+    ('\x98be8f94397dd9dbe2ef9034e080833b233b249c'),
+    ('\x98c05a8e6edaa0b74e50a31aefe3815fefccbbff'),
+    ('\x98c0b7856e56764856c5cc8c42e7118e9851653b'),
+    ('\x98c7625cf2e607a7f1b1d7d800b2e25a75daa659'),
+    ('\x98cc45e00b7b836ce821c298b8a4f1dbf4e64909'),
+    ('\x98cdb28fdf234ee4a6b34232950e827d4ad6413a'),
+    ('\x98ce1fb0b2efd74d72e78321a1cfe9b5bf17b58b'),
+    ('\x98ce6c47ca8875d8ebed4f7e46a99d0dc112a60d'),
+    ('\x98d2167980dcea38980d2c58a8630d8be1b0905d'),
+    ('\x98d26552ee37c1aa412ad739876a4d9943cb2df0'),
+    ('\x98d757293e18090d6df8f59434a22ff7be829ba5'),
+    ('\x98dbee74d5d159649e4de157068c482dbefb60f8'),
+    ('\x98dfa8934e10d727a9188d9b77dcdff2993f7e5e'),
+    ('\x98e31fc18bfee64199468ef692d22070abc2b95d'),
+    ('\x98eb069fe3edfc7a8eacd98f10b4e8053ed2345c'),
+    ('\x98f4ad95a5201fb16233ff909e76d6f50af28d2d'),
+    ('\x98f8a311c72f30f1d67fa7409c57fb2ff79e9b5e'),
+    ('\x98fc1dfc996dd0a688a5aa3d8ca31901734f4f53'),
+    ('\x9900f543122f185cf64a027ebb00e4f4c7c6ce2e'),
+    ('\x9904a925e6e9718fb28b28af852174c0beb18f1e'),
+    ('\x9905d371edb8f9433cb111ba3c6024d34603185c'),
+    ('\x99094da21afe5b59f0c7b0a1671315b63d5e817d'),
+    ('\x990d558a242f77532a293445d0e633983a93fb5c'),
+    ('\x9911a043ea02e5c601588c287d2f41892d9bd360'),
+    ('\x9918a69bc863069fe26d13ca8bc5a8dddc0f398b'),
+    ('\x991943a529822d13d762e36f5eaf0fb72c20e54d'),
+    ('\x991f8310d570012ebc0bc0f87af4d0a1abaccc53'),
+    ('\x992275c25d74bfda4bd352fe74f49cf482a0f412'),
+    ('\x99249ae3b49f883d09e16aa0f61cea311ef7ac08'),
+    ('\x9925fd8a26810d0e8e77948b0c6ab1fe7a832481'),
+    ('\x9926b7f6308c985a8bd19bb9169ae021c01645e1'),
+    ('\x99279c8058c7815e3da654aa42fbb6daf5bb2960'),
+    ('\x99281d0cf6e5d471194405c6466b963d661edb73'),
+    ('\x992adda95d3877817db039cf56285faba57c75ed'),
+    ('\x992b8581225702c8e3a1b56019231144ec473306'),
+    ('\x992ea57dedf8b889653322136680e30cefffbafd'),
+    ('\x992ffc566cc050f796beb979fc568622f5b761d5'),
+    ('\x99314dd0bfe0a2cd59befa47f404872855f1708a'),
+    ('\x9935254a954e933e76f3d62189e8585199bb133c'),
+    ('\x9939a1d0f27b83c8ad3d3b8b095fb1b28ae2195f'),
+    ('\x9941813512e40ebd81a1c5b93cf80f53e3f3c6e1'),
+    ('\x994e5187c63d371b5b8ff718732f586601bca64c'),
+    ('\x995cef4d267be808c483c20bb84366a613e5590e'),
+    ('\x9962aede1b1257f97b73172c5413b9068483d70e'),
+    ('\x99640e6231ec200f647d9531fdef64fc5c11dc31'),
+    ('\x996817c80bdb51490e991177276add63bd6f2146'),
+    ('\x996961e825dd26ec792bbdeb137223f7fed25421'),
+    ('\x996e596691521d9b2701c0469d333b9904342828'),
+    ('\x996ea32236361a9e05bf70c91def87e7d6597770'),
+    ('\x997485ade21535bb16fda2637f1abcc9154416e6'),
+    ('\x9976b2f72ea5d1f9ded5aad1e75062aa1fade189'),
+    ('\x99834f907b71c1af065280e29bfe109ebc416d26'),
+    ('\x99944e5ae8c316d81ae09170558e050a00717ba1'),
+    ('\x9994a89a014e1be253b4656ce160538b857cbe51'),
+    ('\x999659edb25b785007a6e82f4b361c729ba5b39f'),
+    ('\x999a3811f5ba102c4c3ea4d8b4f646166571d766'),
+    ('\x999e8d1b659c3be9446a0d7f4e986df0d9f82b48'),
+    ('\x99ae7d8c78f5884fff2f5756e1355e1a8f265216'),
+    ('\x99b2696fda94578f04ab9eaaf3d33887d2e99966'),
+    ('\x99b37d55bf77f370d0f0743deb3e8cb22fed16a3'),
+    ('\x99b9360cabdb8734b47380af1651ed3897dd78be'),
+    ('\x99bb8a38a7a468cb45bbc7e08ba478e35ada1d1e'),
+    ('\x99bdb4b25cac305cfe708be8271c294ee8c33f13'),
+    ('\x99bfbe35f0043d0b363aaa27ae453382b85010df'),
+    ('\x99c9d0ff54ef3f3dadbfc2ccd9b5c331f8865277'),
+    ('\x99cb030e4eaf57d300f9749329a210e1aa1e7ab3'),
+    ('\x99cffc86b64b13e9108e2f24ddea6a2ccb805e6c'),
+    ('\x99d2710cca487af609e0e728c69d4eff4bbf3b71'),
+    ('\x99d841e9e9956416c50b2b41c3e52500bf484dcb'),
+    ('\x99d90d09fe8f0fad1f0d0903fda8d3b95ed5c7ba'),
+    ('\x99db86aa0282e425450c86508d42da77a9f4102b'),
+    ('\x99dc382cbd758c359485080795d58d5c40a7705b'),
+    ('\x99de044c4ee404e248332c1ad918a8f891d511bc'),
+    ('\x99e20a279658d611958c7b71ddeac88246fb65fb'),
+    ('\x99e37eb9b3a4215edf405c5ec38dc2c36ed1b714'),
+    ('\x99eedea35f0e5e169072a847dbc623e457d4c9bd'),
+    ('\x99f3e3fb8eed40de0380e515b5ff6896c401865c'),
+    ('\x99f6b097bfb0d4c70401a268577a045ccdf49947'),
+    ('\x99fae0634f44aeae4a8bf0aa3f4cfc5b50063932'),
+    ('\x99fce72042933c3da35fd4fd83516fcc7e3cffc7'),
+    ('\x9a15c32ce16371263491ad7c2278ec3744487f94'),
+    ('\x9a1c0a1b7051f18cee11aa99bf7d5b9390c641a9'),
+    ('\x9a21d4b15e0c1e005ec75afa09a9a2904a0226a9'),
+    ('\x9a2932d0f56e72de43a882bd5e9e23cbbb167480'),
+    ('\x9a2aa314f2c895d3f6146e34ad9e77cb907e3d75'),
+    ('\x9a2ae55c2440586e36863275bf4d7015e427eaa1'),
+    ('\x9a305ba222657707eaff2bf13eafd50d5aa05ea7'),
+    ('\x9a31e446a1b0bd51707a2a1134e02869398f7b68'),
+    ('\x9a34c93c56a5e8473f25c1df695541fb622085bd'),
+    ('\x9a3b0235b57ae64fcaed43333feb8dce9cdb249b'),
+    ('\x9a3fb7af6611cc5967b92be971d7702098ccac6b'),
+    ('\x9a4c1402bffedba4ddb0f99798329ff7e416f577'),
+    ('\x9a4c64623f5360db5b7a0ed6159e0a21596e8d29'),
+    ('\x9a4d26b2212845ad19f0a8a88bd59d70fabf5262'),
+    ('\x9a4d5a1c3f0d05d53cf9a35fe3b492b15b81438f'),
+    ('\x9a5208cb12e4b204a69698a63195353ec8788447'),
+    ('\x9a5339427b4427070467b455212f7fa0a72aaaae'),
+    ('\x9a5560ea3158e70e960f39c6c90ce31e745a1604'),
+    ('\x9a56696d879a2d7c99d02899d4b0662790621876'),
+    ('\x9a58e5155a75a6e71f68ffa3604031eeae11235f'),
+    ('\x9a5bf1c217a4671133b818c7ec83a026bdc720a2'),
+    ('\x9a60a4db61176e418f1e9abfb7fdc82ae2b18e62'),
+    ('\x9a617e204f5866254f1a4669e0d94b7a3305b5c8'),
+    ('\x9a691e47c1212395741d53f7b8279896d5b22c6d'),
+    ('\x9a6a0b8c37612f0e6f74ee1c87a84ae82c4497ab'),
+    ('\x9a6ad292f0eb5be3bf7d152f8bc8b351ad8a03c5'),
+    ('\x9a6dc2a97177f224d5b687154ae24d6f2ba96e8a'),
+    ('\x9a6f04312e72a61e4d1f2d2b438d92c529a26f96'),
+    ('\x9a75013d2d64c28a82ff4fe49262f58d73375461'),
+    ('\x9a7c7c430e6064a018f4c07b649ae3331e90b5cd'),
+    ('\x9a88de358a6081f7becde89f96ee24e2555aa22d'),
+    ('\x9a8cdfdbacbe1ff96facca193ca4cd5d3f9fe3e0'),
+    ('\x9a8d3573bb59150e47887283c6949b37689ea210'),
+    ('\x9a98fb43fa52647af3ca1ab6c1bacc932e4319ce'),
+    ('\x9aa3d4bc08ffa003145f7896c0185c464ae609c3'),
+    ('\x9aa5640a2b945bca835c61ae6df2cc6ebb1dbdc8'),
+    ('\x9aa92c099d8cfaf76cb0b0bc6c6e08a1c14139d5'),
+    ('\x9aac4d3324556e0c74ed62d206c8d61b3f60cb8f'),
+    ('\x9aaf26731713f8952d4e40141dda1e0c4692b9c5'),
+    ('\x9ab19d6831c6f22d13dec6a9410aabde0a673f3e'),
+    ('\x9ab2726b8622c04dd190a059ef91cb5da438e716'),
+    ('\x9abd7c05a2c6e26ae9c4862bcb02a5bc025a6c76'),
+    ('\x9ac3af6b1e7f443ac15114f6ef2be9f21d2e527a'),
+    ('\x9ac5e08bb331ede3f5bc5506d1247c69f948b4c4'),
+    ('\x9ac7029fb93795e4b576e32d099e57f77f7666b8'),
+    ('\x9acbfb60527daab4853df433d2b450546d27f34f'),
+    ('\x9acdac1f3b2851ddbc56474c4114a23f36b91d98'),
+    ('\x9ad1b86ae5013640894adfda7c1e5891d9b9fdc2'),
+    ('\x9ad4f00691e977b0a5d7d6e56f4a41bc66a3934a'),
+    ('\x9ad61e64afaa0bfc764b37d2e597fe07cb314aeb'),
+    ('\x9ad6411722f181a32429532d77fbfc2f9d108a3b'),
+    ('\x9ae02242be774a61e229da799333817e7638fbf5'),
+    ('\x9ae44647bc37e7d1eec30e4813b84ba8077d0a5d'),
+    ('\x9ae571535259c88c8180650b222a5c4478aa697e'),
+    ('\x9aef300b232a9099d8a01e468385bbbdf90e77ed'),
+    ('\x9af05b8714e7bea73d92ebd39066831567ce1cda'),
+    ('\x9af06480851f14a6c5bb0b10686298467d0fdce4'),
+    ('\x9af16273bd90c5735bb498bee408727583528df8'),
+    ('\x9af35222871f091ec04ac0f0b07428b34a75ec54'),
+    ('\x9af565927dce4cd2378543a350bddfc3e23ecb16'),
+    ('\x9afa6d324bcfaee3c52c8a7d2d036043a7e821ee'),
+    ('\x9afa7133e31ebdb0188bf1e00d8ffbdf6610edd7'),
+    ('\x9afa9d4caf2dbaf814392e58763edfbae3f4bf25'),
+    ('\x9b06e57e86de3357effd38042f1a59b72174f507'),
+    ('\x9b0ebd8389a6fbdf3417f4548c3261fccec137d8'),
+    ('\x9b0f36bbe690231e0e01566eab0e3817c5551db7'),
+    ('\x9b105600b10d429308ca071bcb72f169067ffa89'),
+    ('\x9b13bf5757675698265d6d6cd728399ee0f7174e'),
+    ('\x9b14a2168b23dea74ec45dce3b2d0e3090e67f97'),
+    ('\x9b3322affa951f04c5dc12dc6b5a2478278660c1'),
+    ('\x9b345e53353dba77c0865bcadde5e627202b10fe'),
+    ('\x9b350706c71f07a17ce6abb0a2c0fde7d5da7775'),
+    ('\x9b398aaa0b16639416259b95ccb93b52c3126641'),
+    ('\x9b39c5a579609d697306b0a2590ee26badc33863'),
+    ('\x9b3d365b11b4e35cb973ce7cb9a061370e567544'),
+    ('\x9b4098b66a478896de97d433482c944a1f3daeec'),
+    ('\x9b431fad0d4079afd902592878894a32b623a159'),
+    ('\x9b526bfd881a70c0ea392206c3224388b104d3d2'),
+    ('\x9b52e7515534a6248bc557d403c8b111797dddd6'),
+    ('\x9b5c67fa261c8a17eceb096933307d8d0164252c'),
+    ('\x9b5ec81897326f482ca106ea282602466b35fd5e'),
+    ('\x9b5fa68ca06f73ed02e2982a8f044f8152dea240'),
+    ('\x9b605f5e3b1dafad6beabe7862ced7ca407f75dc'),
+    ('\x9b618d38885649652d64ad772826dca4b83e81fd'),
+    ('\x9b64ed2ec086bea348733ac74847504bc8b3c933'),
+    ('\x9b6ff1f30214ef703538e9625fb34d7f57db2814'),
+    ('\x9b713fd687a79c60eb1f35d1e82c4ef644cf5801'),
+    ('\x9b73c9ffc0a3c3a4fc0f947c907ffc415238b1c2'),
+    ('\x9b7835c2deedca3eda78e10f5fd58e6659fab217'),
+    ('\x9b79e911a08b0718079f9a5f4a13ffa58cbaf65f'),
+    ('\x9b82fe661b92fc0c080a8eb832103c085721628e'),
+    ('\x9b8425b00e52b1cd92bcea87d834d1fdd278cf31'),
+    ('\x9b866609d80776f22aecf79ef5fb97babbd6bca7'),
+    ('\x9b89b98b7d14e85ea34da74af030c0c73b8613b3'),
+    ('\x9b8d4f08e36e2178f76a350c2318ab8ec5ca0b15'),
+    ('\x9b9436c7d87a9e048b734485cfd08b72fe9b1b0d'),
+    ('\x9b95ac6c342041a91ffeea2e2838d8427e6dfc46'),
+    ('\x9b98e3e215b58735cf3e982f01e719c81f493897'),
+    ('\x9b9b162f59a447a9b2e7099d375f471a43d4e950'),
+    ('\x9b9c330be4cf41e8c398272c8b343319c47d1630'),
+    ('\x9ba3907eff95df554e404e93c1e412d97dd538de'),
+    ('\x9bad3e5b47ef0b259c692370189397fff897bf0b'),
+    ('\x9bbd36529b67cf1f834d0673bfeabe02faa0ab3d'),
+    ('\x9bbf8a99b60c76ffe9ac7817b1087f9010506d18'),
+    ('\x9bc5e22cb0424664dc5bebce2beaec9f8722b390'),
+    ('\x9bc7f7c994c5d9b66cc05a0e91a7a7352f530376'),
+    ('\x9bc800958a421d937fc392e00beaef4eea76dc71'),
+    ('\x9bcf27d432f0e5fc6e3cfc2784a3da85e22c0dbd'),
+    ('\x9bd279aebf1e381370ad730cab4f69ec93f01a5e'),
+    ('\x9bd500e5c21ba48912c4f2e6f27803d8b3411c77'),
+    ('\x9bdcb28e8382a2c8d100559f99a7552d58eda579'),
+    ('\x9be29fda0251122500ae0faa9ae708d1613dd48e'),
+    ('\x9be4811df0cc565b4a2b2ab3948fe5e632531825'),
+    ('\x9be63dcd1a197ebbfa24621ea1640b6b7dc70d9c'),
+    ('\x9beb4d288acd1d4812ec72d291a268c2d2d30b6f'),
+    ('\x9bf97a7912238e0b267cb72500d29a5281b39ebd'),
+    ('\x9bf98159a284b225cb49f60ee3c4b1cec783ef66'),
+    ('\x9bfce994612c568ef49d18e367a09253fd7fad52'),
+    ('\x9c016a3d207bb936a9563a95a12c852b5f701307'),
+    ('\x9c02525c4266a5c2076b36a2bbb4a906e8c4b3ee'),
+    ('\x9c0b21a55e3f8a1145cdda5703347c36aa39e335'),
+    ('\x9c0e34c16b198d88ab8964705ca35b56a568a3b5'),
+    ('\x9c0f31bc98feae2c7f28d269f959612bc02fd775'),
+    ('\x9c0f99951d339f7b380bc8f6447a6bb78cbfe998'),
+    ('\x9c114a23344982be3c49cb44c5067f074151d352'),
+    ('\x9c1499fb864df839be5a73b4aa3da021433205f8'),
+    ('\x9c16eb49bba9c937f426355d4c2df0d56bdbcc19'),
+    ('\x9c1864f33d67dbe768eddb74ffc5e979b8527084'),
+    ('\x9c18dd578a7abc8347d4a8528d60a5074fa2f1c4'),
+    ('\x9c1aeab8c23858cbc0c68fd5f1c5016622f35a64'),
+    ('\x9c1deb553306a0d4eef17cc8ea3ca72c06bb19cb'),
+    ('\x9c219d73ffcb4dc8f9a5685cd8a473891dd8296a'),
+    ('\x9c400cdb94848312338a5dcc8ae46b498f64d3d0'),
+    ('\x9c40b567aee6bd83e4f5145716fbfffee9933760'),
+    ('\x9c4100761805c8f948eaf909efb4caad6fb8f544'),
+    ('\x9c45073db1b2355351f9a0dd663f0e9ce8bead32'),
+    ('\x9c4558d327ae2dfb89d241cd0b4853dbfff99ebc'),
+    ('\x9c488853b2068e8f4e94427bb79c4d89ab93aa02'),
+    ('\x9c4889f32f9164102201d2770a0801c7a9ee4f12'),
+    ('\x9c4db6d7a490dd0aad9072918a62258e4a732307'),
+    ('\x9c4f4fb5920eb14fabcdf24ad42fc4f7d11324d9'),
+    ('\x9c505548f2900ea32a32038f86eb9cde6f32e86b'),
+    ('\x9c5809cdba3650a6da40a5b63a2f7d27d68f7eed'),
+    ('\x9c5eab85cc957fe79761e8f653902018e3c99818'),
+    ('\x9c673f86b162121cdd983351e2ed607b7fd6ec6e'),
+    ('\x9c6997db26e5b80a90a3e6b3692d8d356587ca1d'),
+    ('\x9c6dc7ecc4fdce20593bc6ff8b0ac8a85a9d8a16'),
+    ('\x9c7ea6594bc736082290b61741a2a69f7f748662'),
+    ('\x9c87bce7297f825f5035cde4a012c8e73c8ef735'),
+    ('\x9c967d555f060dd411020e40443abf84eaed2c5e'),
+    ('\x9c988135854009b65be0e5eb7b72399cb475a0ce'),
+    ('\x9c9c4104367b98951a9adf09dd66f59f69d8fc6a'),
+    ('\x9ca35b036633bc99874f009973eaad1935eb5633'),
+    ('\x9ca372bb8f1e6c9b9eec3a3cfe87eb2e9a5277b5'),
+    ('\x9ca6f1701f495547c0f484fc41a6edfda930b387'),
+    ('\x9ca9ce67390093a4e3bdf26a4faa0afe884b102d'),
+    ('\x9cabb020d98a45f084b4103aafeb12b095f763dc'),
+    ('\x9cae728694a91dc76968e3419035d5de2fcbf0e5'),
+    ('\x9cb0eeab69dd00d71c991a296bdcddecaf9bd616'),
+    ('\x9cb12b94b3c89e95a79ae87edc44d904c8e472ce'),
+    ('\x9cb34d852677b24ebd52d3078407feb32fb78b49'),
+    ('\x9cb89736e8e7f0df0c6c30a104b1c3254aa6558b'),
+    ('\x9cb8b0c486dcf40d43beb718a985d0e412036067'),
+    ('\x9cb8d0c499546a304e46f39d107a17e563149407'),
+    ('\x9cba0eeebe68d98512360cc182e7955ab36964f4'),
+    ('\x9cbcf6d19e722388f7219088ce480ce95c2e957f'),
+    ('\x9ccaeef75247fdc68a89997504d9b6485534afea'),
+    ('\x9cd06eb3e94f05bb3e579c88bd013b457ccc6cc6'),
+    ('\x9cd0944922c7f7d93acfc6fe52ebf912895bcb30'),
+    ('\x9cd34ebad329510f92ce294ddb7cf95dfb06de0a'),
+    ('\x9cd6aa4a4598a7c1514e1d1847e1c5b4879d303b'),
+    ('\x9cd873f20ed9d161967d78204968f04daaf47621'),
+    ('\x9cdab2e7de2d8c0b1d80a8af0bf8ff3ce5cab251'),
+    ('\x9cdc78cc1ed57c7e9b5979ee1cfa803afec1bad8'),
+    ('\x9cdc7ac30e5ee455f6f3aa4bec360dc2ae26bcac'),
+    ('\x9cdc93236bc6495e52e670cd7f690cffc1b08a3d'),
+    ('\x9cde065076cd1a0f261dece32ff6804e44cd0aeb'),
+    ('\x9cdf9a50d517e77a5aa802233eb2b386fa5b1559'),
+    ('\x9cdff51fd73d7f45a0651ef7ad1924c2fa7e5af3'),
+    ('\x9ce4112d8383c7e54dc4c7c57cbab89942fb1b87'),
+    ('\x9ce88ceda9d842af4c40d7ea20d66b5eb32fe853'),
+    ('\x9ce920071e5a8390a29ab84aae45c21a3b465b29'),
+    ('\x9cecbe12e9b619995d642d3537ddbd87d1ce993f'),
+    ('\x9cecc1d4669ee8af2ca727a5d8cde10cd8b2d7cc'),
+    ('\x9cf25a2e81c6a1744e5b6313e9cef5f426d95a38'),
+    ('\x9cf3e60b91a10bbb0867d71484ca33c5f1b45482'),
+    ('\x9d076827d425f0dc175ebc837afee40d489fb31a'),
+    ('\x9d0961cd9732a5557a8088a300488469fffda0ac'),
+    ('\x9d09d31bdc9f6c0adce5ed75d3b457bef9703c6f'),
+    ('\x9d0b5828b6e4d8673a86d871a216d198557080d0'),
+    ('\x9d10865eb2fa4b593628ffb243b47d3774a5876b'),
+    ('\x9d1eb9f9027656c44052b1a726020f45515d1af6'),
+    ('\x9d1ffd485f387bb050c9e029a150d50ac0c44e12'),
+    ('\x9d367957939ce8f7c1572b9e8ae8aac05d09135c'),
+    ('\x9d38bd8ab45cdc3428523c4ab0cc92d666a31679'),
+    ('\x9d3fb12581160208954e653782400498bb69bacb'),
+    ('\x9d40ae196f6f03c2eb0a7ca6860cb051fe3a4eec'),
+    ('\x9d45523eb5ba55edde79529c13835a6fb42719fa'),
+    ('\x9d4bcd95f9a802bbf00e3a24dba6d01f8cd30a5e'),
+    ('\x9d4c5c11e30687de29ab1f7f0c5096fb39cafb8d'),
+    ('\x9d4c6305290836574b63c55b864699a81124cb39'),
+    ('\x9d51589ca0b33e4cc789e999ff132777187557db'),
+    ('\x9d52bcf50f08071321f05b13ccd054af4dece988'),
+    ('\x9d56a1ecd55b818210715cc41168ad716202f5ed'),
+    ('\x9d5a5a48bd8d233b12c030687d89a217f4885107'),
+    ('\x9d5c5a56654501b6076aced477632a42254b8aca'),
+    ('\x9d5cfae6e2733cb026b8f0af901ea694655cd09e'),
+    ('\x9d5f527692af12a8b3332f685ede913f83e4973d'),
+    ('\x9d60d17da436f77a6efd12ec1bad17fc8a8ab115'),
+    ('\x9d6468d2aabd3b7d70b9ea2249175bfa6a9401ab'),
+    ('\x9d67508c3a7e46dc856f2b7625d2f73cf5d86dea'),
+    ('\x9d678187adaee0b961fb0b20e4dfbafd560b99ac'),
+    ('\x9d6b7125252dac818a8ba9fe24db705a97d4d042'),
+    ('\x9d7392e2a78601181d9facca2303d5de2613d64b'),
+    ('\x9d7c51b0386274f6a2920bac4ed802a77a8bc1ec'),
+    ('\x9d7dfe65534ad4163351ad019c31150b36c84ed1'),
+    ('\x9d8056625efb82ff2a27817b3c63a609444a81f4'),
+    ('\x9d811d6c8c89d4e0db0cdd6e02222de1dac5d018'),
+    ('\x9d8b93ff7a363816931faec40e6039385a53a8b7'),
+    ('\x9d8dc395153531fdb833917ec3d46d85270d2b03'),
+    ('\x9d91a16539270f8718a610e7338dfd846d62ed13'),
+    ('\x9d92f4f54370f017a459b47cb9c73203f2601281'),
+    ('\x9d9bfb295a10974a65ab5f70c08c79bae02d46a5'),
+    ('\x9da85ea9cae3941879288c05588f5ef8a34f86e8'),
+    ('\x9daa09e7ba1566370b1558dd1eebfe6e246f36f0'),
+    ('\x9daafb71c4ca1e00953e24e1a83de0de42a90d1b'),
+    ('\x9dab2b8fe3e4a06ae1c0b8c788eb875d7ffe3b77'),
+    ('\x9dacb12841ed1722dc0e6361430ca5516009b383'),
+    ('\x9db256b4bd8365cefe311000e2db6bb22f2d0c7c'),
+    ('\x9dc361a38b73cc705788162be773a5e7619e985a'),
+    ('\x9dc36f66ec851c21de69ff363060ba41e3405ee9'),
+    ('\x9dc9f758b45801fe2e90c4e7d09898bf4e6d0461'),
+    ('\x9dcdfd492969949311db5abbe4aa2c487711b8fb'),
+    ('\x9dd5edcd43ad7ed6c36a8e585f5fc8c932cd1a75'),
+    ('\x9dd67b804b895dad867c1dd66cecf62d9cc18471'),
+    ('\x9ddf12474603c1ec322989497a2e64bd01016841'),
+    ('\x9de36fe552f5c73863bd7e3b0c956769abb00e36'),
+    ('\x9de6bcda6fce4edbe1a227ce3ea44ecc5d50c909'),
+    ('\x9df07108ef704fcc1e16ab496c20bc29749d4834'),
+    ('\x9e0304e0277767c52dd6fb95e502e3957ed270d0'),
+    ('\x9e04779b45ddb9a143fde5b92dcafeae7fe0827a'),
+    ('\x9e0582c356c921bd73f98f907def7aff787b0513'),
+    ('\x9e0ac16cade829e877275ff57af8ec4a38cc3a80'),
+    ('\x9e0b6c1b1772eb96e621a146551c4d9b37b019b6'),
+    ('\x9e311fa69ce14c10d7b95d3c12722203c2bfa73c'),
+    ('\x9e3b0a9434c570e2aa5d95dee0afd669fd67d0ae'),
+    ('\x9e3df1fbde3d9c37b3f55c119268c6fa2d28dfd0'),
+    ('\x9e4410d9daa87ef7d3e132761d347cea39d41dfe'),
+    ('\x9e44f198e0dda6477898c94f2a21ee3066294420'),
+    ('\x9e464ffdc2be91d9a1d1ef8afc917d90fcf63f94'),
+    ('\x9e4a677cbe646b9899eb86a27ae4d3d59a775eb5'),
+    ('\x9e4acb20037c1bcc8c8f74b36557d3651baa41e3'),
+    ('\x9e557e32bc9cde1f4e5012661cdd3cf78ba06682'),
+    ('\x9e60b595878a92f6484f6621b1f2b8fd6a4bba38'),
+    ('\x9e6174d773c30755abd10d8d5b7a0a8607fac8da'),
+    ('\x9e719b65f6dba9d1c2fe007664a2e2ff928c808a'),
+    ('\x9e748c7a9dfc4f16510baac00a66289f0816fa9c'),
+    ('\x9e7521314de60d75f72cd52db789572f6cb5bdef'),
+    ('\x9e78fc6a1c5d11e533b19a4013af2bda02eed09e'),
+    ('\x9e792e1d325fdd22adf0b8bdf63125d089e730a4'),
+    ('\x9e825ec86ef2abd32114636f9252f165bb1dc64f'),
+    ('\x9e882802f249003737a052e91d5eef43d270ba27'),
+    ('\x9e8b29c37c1519e0d6f9d7bb1600bcf7a153443a'),
+    ('\x9e931cd9714d984037d4dfb5dc51fc6c0aebf863'),
+    ('\x9e96cc205d3d50ee75b9969bd0aeb4b465ee60ca'),
+    ('\x9e9b46298d51c4520672166ceeaa1c1176066f01'),
+    ('\x9e9b5a1d5419f28fc6b827fedc34a1abcfe15901'),
+    ('\x9e9ce077820c8b46345d9229fd03f3a8642e4d84'),
+    ('\x9e9e1963a5bbcd09dfce5fcead738b3deb4d4876'),
+    ('\x9e9f502344eb5fe6739e1aa3b6fe55e92c2d89f3'),
+    ('\x9ea46c8191bf6d6ee730369397ed7cf9042e41da'),
+    ('\x9ea548cd99e60cbbed577f191e4bff626f34d2a6'),
+    ('\x9ea8e93bc6efdeb932e03703b0263be06a195d87'),
+    ('\x9ea8fe6fc17ed32100b2a1d869a05ece226b170c'),
+    ('\x9ead052ea4fedf023afc82a36cb3bef42b6fcf64'),
+    ('\x9ebcc9c76413637978f430e9f5c3827a55d7175d'),
+    ('\x9ec0c01aa785930925f45fe59b5cf67e011f79d5'),
+    ('\x9ec3fa7d25351981cef4fcf36e8f9da3b388512a'),
+    ('\x9ec61901a2bdde78361abb5305410e22ce7639d3'),
+    ('\x9ec88afba8bccee797b0c58d338dd2842547b3bd'),
+    ('\x9ece409a79ac2b553edf6d6e6c7d0b2f04cec569'),
+    ('\x9edee89a334d0345b22701c1ff0e90fb26c1b99d'),
+    ('\x9edf9cf4d04da78f42534e89f0502ec76b389d2c'),
+    ('\x9ee446c1ca5b742c8e8879dcb1ad9eb072abe0e4'),
+    ('\x9ee86a3bfcabff17d185c02ddd24254692c8c5fa'),
+    ('\x9ef50c9dcd56f3c9979875a5800ce33ccdd330aa'),
+    ('\x9ef5b1e9951093e544c048de5b882ecdb996b343'),
+    ('\x9f0065e0cfff4188bc45791385bf64167774d380'),
+    ('\x9f0295ce898524e152de69657bd931a62267fa06'),
+    ('\x9f0724ecf8dd80d70c5547ec38de4da2cf0512f1'),
+    ('\x9f079d8044a1f568886a18703cc44e2c054b76c6'),
+    ('\x9f09d082c4f58ca5ff12e30ba0ba43f50a3295b0'),
+    ('\x9f10583e8cf6a121bca7a399459d393ebf75ff33'),
+    ('\x9f10c79dbf2291d62594eb50218adb3ce873c79d'),
+    ('\x9f11c82c9ecaceb98847ac0fbb981ba3c4c81ef6'),
+    ('\x9f1b0a074f54050a74586496b1af7e3b40296d72'),
+    ('\x9f1bee762201afd2941407c361b84b4ee54b33a1'),
+    ('\x9f1c7eaa6c9a7013b8f3aba566569b33a00dd1e7'),
+    ('\x9f2446712d3addd3db17a33597f2db7a8df7ba58'),
+    ('\x9f2d45359e6c11a9e933c6c1042d6e0c19f1b3f0'),
+    ('\x9f4555a992b2e5a4e4672e05b5b0ff6c25730102'),
+    ('\x9f49ffd869194a92c2e71895169488cb4d037a00'),
+    ('\x9f52433d5b6433b9593d14d3cf80c7849e4c10fd'),
+    ('\x9f53e76498963d696b66716142a629b1f4a76acf'),
+    ('\x9f61ce4394e589f642fb913beeb824f6ad2f6f9f'),
+    ('\x9f69beec22147fa08a15627f2c437a1da1232071'),
+    ('\x9f6cc1656e629328ab26db9604551de24e193a08'),
+    ('\x9f6ccbadc5143e16b7e13afcca215d879ca63a76'),
+    ('\x9f6d2597cfbad7c8f8e1d34973e072df76a57320'),
+    ('\x9f738b1b3dbe3c31eef45efd82f511b6f245654c'),
+    ('\x9f73a54f9201d630c5cfe94f854afe0973cf4101'),
+    ('\x9f7650834983594bf81af031c2a48483349b0915'),
+    ('\x9f771a3b236ffdc8a2ff7af6528deeb8c0ae9570'),
+    ('\x9f7d72cf49d9a744078b81c906e9ea4b0365aece'),
+    ('\x9f80ef24eee60fd15e826abe2b85927ca7ea2119'),
+    ('\x9f830926468e6110087438fb3ec6bd1f2145c62a'),
+    ('\x9f83a13f58fb793ec1715deab60d2081148e855d'),
+    ('\x9f8d1419da89454fd3353eeb83b533dde607c735'),
+    ('\x9f97d3c09eda2c2bb88940425661fb59fda88601'),
+    ('\x9faa975c66248be2f0d2f60a5ffe388b65065f96'),
+    ('\x9fb1b53d9ee1f031e90788f3bbe4bc2cf2bf66d9'),
+    ('\x9fb4573ab0f520801367195e486ad1c21c9e5536'),
+    ('\x9fb6f060f2544b54e77716015d5779b2b811faa8'),
+    ('\x9fc086917509ed42a39b5f7c2d3cc96d2e7d8bd7'),
+    ('\x9fc2497fc02a04dfb24f429175c58db1661ba256'),
+    ('\x9fc56d4c87332db02e948f036aa9059edb18bb0e'),
+    ('\x9fc9c87b35ae8e0ded91e6d6f6688a511667a2bb'),
+    ('\x9fcb11c9eae1f4298d6c923b4390540b44979524'),
+    ('\x9fce75e4e23c3b39265437f3cb6b91b0aa85ecf5'),
+    ('\x9fdd016d6dffef7a769455c625d0ffedb4b938a1'),
+    ('\x9fdd804037b87e41cea55a4f8cf403fd92f5a8bc'),
+    ('\x9fe7d7ea40fa05b89c81dcf5d75991fb249bada2'),
+    ('\x9fe8bc40b796eb33285be5d26f6ca733f9bf24d1'),
+    ('\x9feb258ca72a1de64ac75e1262023fb95663dbc5'),
+    ('\x9fef76451c617412d030c45ffc179ba24b3b6cee'),
+    ('\x9ff18fecdbc165d1f780c8117115e3d69599ffb5'),
+    ('\x9ff38129d8d350df00ab827a1d3bdde9eff67a14'),
+    ('\xa002fa0e9125df38dce0ad350c6b8bc2ec8ad781'),
+    ('\xa00ef3af474b09f08be9e5c58e0e58d19ddfe917'),
+    ('\xa01080a460cdd95a7b39c12b8f6ad30fe2a1c523'),
+    ('\xa010a3019c81f46f36c300801dcd10b77c201049'),
+    ('\xa014767992c58e0875d94de99db3ce6e1b7cfcc7'),
+    ('\xa0186809a4c1ae0b6c46e56b81c4b7d9148d787c'),
+    ('\xa018a0c3178c949675f57c0c44d098598acc1a91'),
+    ('\xa01c8ddf6be6856808d59a3107cba6c26ecf647e'),
+    ('\xa01dd6c0892e7fbd68fa12a462bcb56b1fa2f388'),
+    ('\xa01eb672ff5c85e911152ff947786d38f73563c2'),
+    ('\xa025f29b58b64ea3252f10295202a836bb173b1d'),
+    ('\xa032bf1fb046d0f411bb2b54b0bb2751537e862c'),
+    ('\xa0380e1b10a492541096d698aad8312d1f576e2d'),
+    ('\xa03a730637b223dfaab34df45760eaaf69635173'),
+    ('\xa03f3c81db700e0589ea327851c806abf63a943a'),
+    ('\xa0404fdc4aa42756408af5f4a75e056f429f7d15'),
+    ('\xa04242b9df8cf56ab78f94c3649a099e02bd6c85'),
+    ('\xa044fbe5960b015ba4e2d988970fdc3ce869b588'),
+    ('\xa04960ba36efd768f943e88497f2b8a537df6366'),
+    ('\xa051b112d7e4f5c40826da00c6504766902ca056'),
+    ('\xa05b4027705c96061f7532e9c096bfeae190fdc9'),
+    ('\xa05c20db511be11206421e0a1ddc2a78bd6d7fcb'),
+    ('\xa05c5596ca5fa5d7930d94e7eb7ab7b8b2e1a618'),
+    ('\xa05da37fc8ef9438687ed1dd799b9e6d7dcbabd5'),
+    ('\xa062069806b01155daba35916ef890b7407a1a41'),
+    ('\xa063c22856a617619c2baaf3b77e4d09f69d1e44'),
+    ('\xa0654c31042377ccf0b6ca4576a9a6d8d22284f7'),
+    ('\xa065b266f7c302984e903994d12d72c491480a22'),
+    ('\xa0675aafe0b085aa1ce6407b97d98e63f3da7ddf'),
+    ('\xa06cb72729ef581512758735a7643c60900b7e6d'),
+    ('\xa06f20101f1274fb09ef84228d071fc0e728e3c7'),
+    ('\xa0725a09a57fa10bbf78bdf1e7d0ecd7c6d5409f'),
+    ('\xa0732d981f3452d9bfeed7e7bda8b06b36f5c224'),
+    ('\xa07866089154dd57646e2936da4a09d1a11f7faf'),
+    ('\xa0850caa5567904cf2b908bbdb2681bbc2ef31ac'),
+    ('\xa087c3b7a8906229388910d4c6180ec5902b9c16'),
+    ('\xa0887daaf4c57b25e074e8034af0c1b3b1a751fe'),
+    ('\xa08e0a57445eb880f537e4aeff70b945289c7830'),
+    ('\xa09231537c62db8a9c01499950d34566bd2bf7d2'),
+    ('\xa092583662f5ed0768b7168821b37c73396d31f9'),
+    ('\xa099312f58e8adc076799f45f00699408020fcc2'),
+    ('\xa0b483c526d3199308c4b10adc88c297edc7da95'),
+    ('\xa0b990e53b3a33ba4ef76827a4a0deea2061ffa3'),
+    ('\xa0bcd01bd9f647e7dd064942bb5bb98341add79a'),
+    ('\xa0c0ca49e31d1da1e47b68d4ed788df907cc16cb'),
+    ('\xa0c3bc7cdefe7e957678afee37109697bba4edcb'),
+    ('\xa0d58e1954c687029db4192620210e0ecb2867e2'),
+    ('\xa0da5f199bb9b56138a4e528fce40d60fa7db8ed'),
+    ('\xa0e21c740cf81e868f158e30e88985b5ea1d6c19'),
+    ('\xa0e2f1eb22591f02c458f37313c78254c4947bd1'),
+    ('\xa0f4f97ceb6af7945e6bcbe347d9e4f39b870c15'),
+    ('\xa0f6222f01dc6fdeed085a6c88b3afa6c5112b2e'),
+    ('\xa0f6f6797b8981ba005c6bbfeef72816488fe7ee'),
+    ('\xa0fb977d3b840aacd70b38d52c6f34cc8ae91735'),
+    ('\xa0fc7778a0d9b09465e236751bdf96bd92949301'),
+    ('\xa0fdaf83c3eb7237380e3072dcc14ec9bfa72d96'),
+    ('\xa10b74c0c63a7948a23666afb331cb6ba08537b0'),
+    ('\xa10f5e4a4742b20733828ebebd4dbd9afaef7f67'),
+    ('\xa10f60ae2c93060f1e3a8fe9e52ae475b52bcc30'),
+    ('\xa1118009c52e2ac55e2b4c71ab279a1ca37124a0'),
+    ('\xa1151a58ab5271705915251b82f21e7370c0ac76'),
+    ('\xa12267ee8cb87e18a138d29564a0376a653f670c'),
+    ('\xa1229f23e470c782b7022a4ea04eb89fa90ade0b'),
+    ('\xa124e095cc598a3638898f3e51d3d93627516e6d'),
+    ('\xa12d6b37b965af366f0609d8f1c3bcb23e58f6cd'),
+    ('\xa12eb680ef22315b49053471dc4fc6a641740611'),
+    ('\xa12fb92b16206371ed5f8e3fc58ece258e0fb3f1'),
+    ('\xa13e68fbb268fe610f35828b50239ed6b78c95fe'),
+    ('\xa144902b49b3d356486fa5c7282ea99488da7fd9'),
+    ('\xa1459068f44e3628827de72d6dc1343deeff0bd6'),
+    ('\xa15be1c6be22eadce76c42c4075570f5618d31b8'),
+    ('\xa16205c1d26fd2ea242d2020c7ba1a82c8689754'),
+    ('\xa16b1b06124d799689d816952e5a03b72c53a723'),
+    ('\xa16c65797e52ff8d14909854fdc1c5747ba48d1b'),
+    ('\xa171eb27f53a7e340422b331da34a7d104f3e9a2'),
+    ('\xa17af06bcd89873a171bf90be6303790862798de'),
+    ('\xa17c56537bcb93f24d96ea7fbc34913fe92812a9'),
+    ('\xa1849699d156c7ae4636927d151d30eed04ddf40'),
+    ('\xa189c673751e6bc70ee3d55c89ae4b5cac337c20'),
+    ('\xa18dde7f9c01d18648b5a7b9025a268c53c4b678'),
+    ('\xa19d7f84c87f7ca15df1341e183014a1badd4e99'),
+    ('\xa19ddb4d13e74aa8245959d03ae8b8379ffdeae8'),
+    ('\xa19ecdf589c963571f339506b79fcf6912a889b7'),
+    ('\xa19f5ce1164b6ac55a3217ee007a835b4b6dc26b'),
+    ('\xa1aa84051a261136d4a48bced616ad4710639857'),
+    ('\xa1ab8bf14702de16ea757b85afb80bdd8c589fbf'),
+    ('\xa1ad2f461671fcc575c39e10350fff32cc2b352a'),
+    ('\xa1ae9afb3a9e20ff40ecaec1c7c2fbd129c02a01'),
+    ('\xa1b0c352ab3f5ef2cf3c24ee1221bdaa30cd9b28'),
+    ('\xa1b697d47375f169d4ed9ae3ba6630f3d97aceb3'),
+    ('\xa1c720c8fbf5754f2aa9e94d99fa4d6fe49ddec7'),
+    ('\xa1c84fa08609767a6ad29a6d57c2ec433daa735a'),
+    ('\xa1cbb0ce766ab028f0dbecedbd123f27b74886d0'),
+    ('\xa1cccdeb7c13387dc92ed3717f794b84fea9cc03'),
+    ('\xa1d48618b715a22b7a2ed18eec1392a4784cf42f'),
+    ('\xa1dbc78cde93306cb88eee8ff2312ab7e380cd3d'),
+    ('\xa1dc41b03825e0df2c8108a4aae73e0cf8868a5f'),
+    ('\xa1dcabbab4075e4fea4fa2b08b974791379c5ccb'),
+    ('\xa1e0dd8a8d35404fed747a2575525a3be039598f'),
+    ('\xa1e9b965ca3e5530d17946fc4499a1903a7693c7'),
+    ('\xa1ea5a94d7a4f1ac57e1f2a9a910e402ccf9d868'),
+    ('\xa1f30403ad00167bd72fd6b513e17eb7b6bc1f97'),
+    ('\xa1f3802b6c9ff55d53e8e5f4a93727ea8cdfbbd8'),
+    ('\xa1f3d5b952664d87d20c429dcf4c787285aae191'),
+    ('\xa1fc0b5dfc305eff1b6a7de5f749449aaab7f321'),
+    ('\xa1fc434070307af34a6a2ecda137cc37c8acf3af'),
+    ('\xa1ff5be7a51f7be2128bc5a7ae5ea91dc0ba25a0'),
+    ('\xa202882755aecf03413570f60450610de979f03d'),
+    ('\xa2099b03f78e3ab88aafbd27a0d4231cc4a7b120'),
+    ('\xa20af4226875e48e2d401cf1ff8ef98cc07cb08a'),
+    ('\xa20b892622a206adacad7bdd244716b145cc8768'),
+    ('\xa20edc8a03552a014a8ca8e50aa08f22113284b1'),
+    ('\xa213824d415ef4f6e0e4466370893d7c0283029e'),
+    ('\xa2141ed9d996275ff6db1df68532405ab4593274'),
+    ('\xa21f92f5e2ac31ae2f077429659b64d0f2c08a63'),
+    ('\xa2228926acc82996baa92f31a3db6a81f205f735'),
+    ('\xa223d5e2aba85bdc91c7443c49a9613520aca12c'),
+    ('\xa2240fb98991bc15e9d1ffa9f6705d91562fd696'),
+    ('\xa22fcaad7f40ed111311204619388b0b72442675'),
+    ('\xa2339ed23ec54accee26e0e36640d3bc4e58199a'),
+    ('\xa235ed5a7c35cf84c103043aaf1049e9213766d1'),
+    ('\xa240d516422b1eeea3207d8ec103b89b70a36b23'),
+    ('\xa247185b38de75f9b8380673e42a5f0b84f9f05c'),
+    ('\xa2476db10ece9009d734c18e86937eafcb98ed23'),
+    ('\xa248966916a3e29e1ae7d4873fa825b2f596adc7'),
+    ('\xa248e70c15ddfb4ec158bc9fc7f7cbfbb1e6b42e'),
+    ('\xa24c50e83705dfdc1a4dde94154298b3bae3d00c'),
+    ('\xa25c6051c3f025097ba996e3d29b672ea3f81e82'),
+    ('\xa25cbe23472a6d2be2d55dcdb1774c3880c62b22'),
+    ('\xa25eba79f8eca40db98ec7a713e5d4de4f9881a6'),
+    ('\xa26b1a356fd0c434dadf49dc8724db839b031a8b'),
+    ('\xa2704396c83685514377d372ca39538b7e86675f'),
+    ('\xa27622eee5c8e7f66557de655ad0c471b3cb8a03'),
+    ('\xa27e8b0fff2611992cb1f5d3581030b36c66938f'),
+    ('\xa285048883fee2ee72b69c7f49e3b6e18942bf20'),
+    ('\xa285e368e36afcc32bef7a8fd51e578fb1bf844d'),
+    ('\xa28b7c6f297a86c1c98d87c69500c679519c5075'),
+    ('\xa28dcbf179da12523eac53b2334c41b768a9155a'),
+    ('\xa294531581fed4519c19e10c801db6a6f9b32487'),
+    ('\xa29868f5eccfe29f4fc3634f49633f6a268ca421'),
+    ('\xa2988daf650c42b19e027144fe767b9ecaa805f0'),
+    ('\xa2a06a3f68398336196945d640fa63ecdc56c28d'),
+    ('\xa2a9f3f9926c72cf6fe2527c92b114bb7bba8d7f'),
+    ('\xa2b2de6e93f4cc36e9083a34addfcf4addc7919f'),
+    ('\xa2b6b2d2087f2cf88742ca224f44f9226090b827'),
+    ('\xa2ba7d606a9ea8c432ed80ba1d67ad8511a0b419'),
+    ('\xa2c24e6b7f8595b7cec7e41531c1f9a3255bcda4'),
+    ('\xa2c7233410f1cbc0f36a760a4781b0c7a195293d'),
+    ('\xa2ce47d70bb28531011aa40016e0355556899780'),
+    ('\xa2cf079a3416c84e9cb76c3f4deea93f0b302e94'),
+    ('\xa2d4799206d22af62157682dce05152d29326698'),
+    ('\xa2d7dcb64ff4ba6bee6de949d71b90b133a40615'),
+    ('\xa2de047a554a10c604803140812fd728c32bd7c7'),
+    ('\xa2dfd9be4e5bfe50e244e5c9edd5497d20a0b378'),
+    ('\xa2e0ee43c2374165c78caf691154c68b5aef7fd5'),
+    ('\xa2e59783f193773a896469ad43609842b1e2146b'),
+    ('\xa2eb00951c0634b6720a569789f8568d67fb211e'),
+    ('\xa2ed3e49153300d85b0a8c8e08a5bece2fd48d14'),
+    ('\xa2f0a89f442079bd5853540c824765ead407fc33'),
+    ('\xa2fbb50c2ce5692c0c60e97fc7a27f1ac70e6dd5'),
+    ('\xa2fdcbbf1f1382b47a944473d5c2f18fd175564c'),
+    ('\xa30376d8cc2c020abc9ab9df089b06b98ad1a126'),
+    ('\xa3046413fd69a5b5a0a843418f7ccda388643011'),
+    ('\xa30826feded5e60c339baf6c3cd44ac6ab5c2f4b'),
+    ('\xa313b2c59a7f5506dab06d7a81a1313161e8f3ec'),
+    ('\xa315226d7c31245e6a5e4fa9a1db235521b9f6c1'),
+    ('\xa31a7083dffd27c0b99903c83de5e09cf6b48b28'),
+    ('\xa32c57d7348912766386eb4f48a786c780504723'),
+    ('\xa32cebee0289239c91981e351519e9ad33a2c9ec'),
+    ('\xa3305b8180790de0633afb5b9c2084b3149c33a4'),
+    ('\xa3322f85c037322bbae160b10cd31a0559ccf73f'),
+    ('\xa33377fec3617168c988062167bc250783bf35ae'),
+    ('\xa3387a16f403c9da4482138d611393378f418e27'),
+    ('\xa338f0b6c65e6a34ff8bb084848dbe6c192cf1fc'),
+    ('\xa33b1666aba55b5792dfc2f16c6ee8999edde4e8'),
+    ('\xa33c0c121a4d1de75f2235bb12af3b40d3a10838'),
+    ('\xa33ed48145331c29edb11633060e077d6809ce13'),
+    ('\xa3448348bba406ce26fe36672a843ef0726067b3'),
+    ('\xa349619fddd2d91d1eda66fe148f33aade3c65e9'),
+    ('\xa34a09b41423d85d8d3384ccb99d65f82ee6c3a0'),
+    ('\xa34cca3fe58e518094d3f6f007c15bb68cd23b37'),
+    ('\xa34e2bbc1b897c7f7ba815f7b11592f40c472424'),
+    ('\xa34f9dac45332ba229036e2c4587be35506bd0c8'),
+    ('\xa3514f4648852904fff8e838ca65b3b1c3f50f80'),
+    ('\xa351513f13eb11be75e56ffedca990795d8c036a'),
+    ('\xa35222f93a32170a54ccf2a02deaf78ec534add7'),
+    ('\xa355d1a5e39a64db9e35b67da52918ef7d217c60'),
+    ('\xa355fd65eaeded60362aef1e507235a24f132b25'),
+    ('\xa357d3e55c6e38e797f588c90fda101bf1d76f2f'),
+    ('\xa35d3cf19119a30965b1db767e693619c826e93f'),
+    ('\xa3611e76a14ed7d7f8792897139f6d4816485d9b'),
+    ('\xa36e0d9775a0d536beb84306ed55fa28e88ebca2'),
+    ('\xa36e14d21798a404a1ef487ff275bc4ad6e5c90c'),
+    ('\xa370644ce1a52a56f58c2d993cf6afcc5d1a6e35'),
+    ('\xa374eef9b7bd464414123af2d8879c05dc8a21d5'),
+    ('\xa37651487fe3386adc2f8281e5546e661c882269'),
+    ('\xa37a047d992764e7367affef4847660e3c4dc5bb'),
+    ('\xa37be8b5c8787563b10260522303d98155b2de22'),
+    ('\xa37dcc06ab7d0835c3bf2496462cfe8f11644abb'),
+    ('\xa37f03b4d29ead0248c332d137037d699366cdcd'),
+    ('\xa383738da39a2b1edecd68d0013291ff61df5cfc'),
+    ('\xa385b8ed052f34b35f9eb6a77d03fe994292082f'),
+    ('\xa3875193ed57b89b0de54be7a60298fd2f660ef5'),
+    ('\xa38ae7a84d5063113ae421abcddfd75c75b42959'),
+    ('\xa3926c13fcc77f2fa613ed1a6b7330c2fbcec185'),
+    ('\xa39efd6166f5450b2cd30dee3fa8c3a4a1bcbd7a'),
+    ('\xa3a9565261825c48b2e483cdcc99b503c90e9484'),
+    ('\xa3acf98685019a765550e1e4a6d7035c8601c26d'),
+    ('\xa3b08354190a305bc5a332abbf5d0b386fb0de54'),
+    ('\xa3b317410489c0c0e2b91c2506b6398b7ebc1d36'),
+    ('\xa3b3b50a7779e3074f61a2826608f89152e902e0'),
+    ('\xa3c435e15d52f090a6a11748ecce12ad967193fe'),
+    ('\xa3c45078b81c8b96f0d801efdc42a80efd5dbd64'),
+    ('\xa3cbf49997429cc38ed0fa993191e789c69a97e1'),
+    ('\xa3cea4135525b575139e5a571a602309c10d90bb'),
+    ('\xa3da0dc8c938f8aebc4a03b9cff258ed957bbecd'),
+    ('\xa3e2c4091eeafdc493c4afcbb892b2da2812f61d'),
+    ('\xa3e3abf440618d11f1856c3ec3e99e2353d26bf3'),
+    ('\xa3e4f063ad001c6eb739a288151299bfb263465d'),
+    ('\xa3e8b20a1ddcb2e08b9ff3fb2c0b310831698f89'),
+    ('\xa3ecab3ef5b6bb898aeb8e0d2f212559eb9a25f8'),
+    ('\xa3f1f18cd57a040246689a901bf4be89fed2264c'),
+    ('\xa3f205604cd471e898ec811bbac3cc9c4cfd346a'),
+    ('\xa3f68d9f2cfe245a2dd95dee7859f917c90c9b6f'),
+    ('\xa3f7f5bb68145c6a715dde110a538b357043f669'),
+    ('\xa3fdf660d0b6c8a6c426267ca52abb82ee5b4a86'),
+    ('\xa3fe33cb210176474242d94cdb576d73feb4a0bf'),
+    ('\xa3fe84eb8994afee1df4af94b8a4034cb82a5c9f'),
+    ('\xa403e1ff1079295c124319a57a20a18b55aa9d26'),
+    ('\xa403e420f466febf11095d1963d11354d3ecc44b'),
+    ('\xa4043d55999581af15ab7176e92fb38089e4d6ad'),
+    ('\xa4073e0d5c28cebdda17efb136364b7753394c03'),
+    ('\xa419f91b8de6545de3926fbdfe51dc84637f9d66'),
+    ('\xa41d5616c8255df32e491b7e46470e95715fd416'),
+    ('\xa42089bfa530797e5ee64e4054564b40951d22c0'),
+    ('\xa422728d14e5c082e8208246cb514db9037beb55'),
+    ('\xa428e4a116681e9fcf65e4da5cfe8306d4bafea3'),
+    ('\xa42f8a1bdc164b9814c7f4682269b6fd95eacb65'),
+    ('\xa4381f53003b35e84631bdcc030726b6eba831d2'),
+    ('\xa44fc60c91c38ba3d91b63be06d1f0b843c36e80'),
+    ('\xa45194976b1cb46a3f36d66722348f749e0504f5'),
+    ('\xa45443cb49f9f79cd57515116745fc035b0bd031'),
+    ('\xa456db6b6c82d7237a49a8928210e468586ac9a7'),
+    ('\xa4591d973b888042e7d1f1f3c22ec84b61a311ca'),
+    ('\xa45c4054f41d58128b8b3798137e2eb4efaf0338'),
+    ('\xa45c71d8f7784595e7d37983ea51050acadbf414'),
+    ('\xa45e6022d862859396e8e75fb30d114990796d04'),
+    ('\xa462c5053cd2966290e1334c2d4d1360d6f56d95'),
+    ('\xa465696acd088951d084d69b95fec3ef5db1f8ef'),
+    ('\xa46a71f7630489fb4200f7d6164ec5f175d3b5cf'),
+    ('\xa46c943850a8f941b0230d281d57c51e81e5340e'),
+    ('\xa46f0566500d00fd8aaa9f9ae99a68a7a79ae969'),
+    ('\xa474cbb101cb99c56cbcbad6c258ce9672f90741'),
+    ('\xa47a856dcbcc6f031f1d5603aa7230cc4457fd99'),
+    ('\xa4815a6f69d2012ce9b337721df24602312e411d'),
+    ('\xa4912c5d987062934e75ef6a8203964862a2e8fe'),
+    ('\xa49295e136a80e9313adca9b44ad5b3046c25463'),
+    ('\xa4930869ce821c49e7851b3ec15558ca8c911777'),
+    ('\xa494f1f12c904eefbee8869e7b83152c05f5263f'),
+    ('\xa499cb6b09629f3968e2bf555ce1e3934426a079'),
+    ('\xa49eb356a76f38b5fe2856c4d91b0f666a5454bf'),
+    ('\xa4a2fe3291bc0c3ee16e212856bb69f89df6f9e6'),
+    ('\xa4af6976cc24c21cbb2a2b3cbab173c15bcadb96'),
+    ('\xa4b7512c7bd1d6d5e2e9d5d0f66e787ab048eda4'),
+    ('\xa4c2e2db38a0edea0805da30c7a3b32e2598b131'),
+    ('\xa4c5796365dd0f3b9b1fc4fd948bd2a46864e885'),
+    ('\xa4cd0443afbaff0d48b5b70487faa36d9d924af9'),
+    ('\xa4cd4ecfa8b8cc00dcaa6630b675a2d1c6434e9b'),
+    ('\xa4cf9429fd29b823e9ec391f387e64aa91a5d764'),
+    ('\xa4d1d9e2e377a1877c8dfa35ac93ae6ff60282e7'),
+    ('\xa4e656380614ce51d60cb773c8f8668b81ba797e'),
+    ('\xa4e68f31fafb37341ac22ac66bb4276d3f5950fd'),
+    ('\xa4f07b193bd6cfc4291a359ac80f9f6bf258183d'),
+    ('\xa4f0c4a1aa7cb76b834272bd8740dc0fec3cf593'),
+    ('\xa4f28f8f1722522a6aed907d0e501dcb6d55c039'),
+    ('\xa4f4e2992d4fb67dfa08edd8b659e981444df746'),
+    ('\xa4f8a202e04b202f3f22a6fe38eedd6c134ced5a'),
+    ('\xa501747057c09766af68671d44f175c3ea7fe185'),
+    ('\xa503092d4ecd7c5ee377ecb70d13a69763d091a7'),
+    ('\xa508343647ce9ac468fde66223d31b464e845d9f'),
+    ('\xa50f305fb2fd47b1c30a04de7fe7a01d44d7d7cf'),
+    ('\xa51742f9795cef202dc79d1c3381414298106e1b'),
+    ('\xa51b0b268f41bcade2153e95377310996e022406'),
+    ('\xa52031feb3a08608ea62c6f2ca2cb302dc147c36'),
+    ('\xa521fa7bedc6dd35d2c0bc9f53362d74b9040141'),
+    ('\xa52288f2cf655ef6277cbc1b13d22c7c8b7a992a'),
+    ('\xa522ad93a383c86922a28b7d8eeee1ee43eb390f'),
+    ('\xa5295f13cd182fd239a43063b872b8836558d703'),
+    ('\xa52961c0c3a97488af9e5b82dc8ac16509bbe3ab'),
+    ('\xa52e564f9038307c751d54758b8ace9cc12d82d2'),
+    ('\xa5309ecc7d4f8fd82da52f4ba5f11ee96f7e4e4a'),
+    ('\xa53775c3def478ce99d46d778aa16e42ea46851b'),
+    ('\xa53bf9b92cfeba6ea3d5bb10bb012af0a1776387'),
+    ('\xa53f804f90488f9742bb2389022d6bac4c9354a9'),
+    ('\xa54bba6152efb8299f3fb701a2dd0f78b7f29958'),
+    ('\xa55ba0c8634ab4cb988931d1b0fad8026aa006d5'),
+    ('\xa55d6d7b484274c1c3f80e679fc003fb5181aed9'),
+    ('\xa5601050c89e88cc27fe99e8b274738d0181e394'),
+    ('\xa56f1fa5ddf408b863fec053dbdf0a96e52a5fc9'),
+    ('\xa580c135f4a331b722eba3fa7e6ad7d9aaa1d2f3'),
+    ('\xa5811f42ace6fa16b8c4cbcf4fdbf2add5d75ab5'),
+    ('\xa584ed9e261be83d8d0b8f6c3119e88f6196d082'),
+    ('\xa584ef98291c10a0ff408116bd964e78085eadee'),
+    ('\xa58bfb07635ea84194b6e5b2f9a18035fe6cdb62'),
+    ('\xa58da27791abecf514f53269dc04e297a1301c79'),
+    ('\xa590f71c2d5595ea367d3332477ae433afb4e23f'),
+    ('\xa5953274b632a9024d6a55182d1e974b55046593'),
+    ('\xa59d7d3b23d32e442a861953ffc877df29e64691'),
+    ('\xa5a26615606ec90dadf8c13a41cf86a42691c629'),
+    ('\xa5b23f90821bdafb9de18a1905b588f4e9efce01'),
+    ('\xa5b39a9c40f10e562e83c2ca54a93034fbe9a251'),
+    ('\xa5b506dbc894520d3626cfa52d0c1b06a99f5271'),
+    ('\xa5c5de284601564bd7cb0067c4ff3d918aa88e96'),
+    ('\xa5c8812b7f8053e250aa2c30dbc6bfd1e97ea134'),
+    ('\xa5ca4ad3234f85b97318c432c8e0cdde68ab7679'),
+    ('\xa5ccbb3edc7d2b2d016fddfd14638727bfdad802'),
+    ('\xa5d02a1404c39f3c216477176a2a565d66b3d1ba'),
+    ('\xa5d3549d9f1b3eeac2c33005a99a7772b134a03d'),
+    ('\xa5d92af9d69cb3457dbcf166f753976ea397c441'),
+    ('\xa5dc2f8d3597c3e1797defc90234c7b35b5a7075'),
+    ('\xa5ddf46c7609388e98784404efe26127cd8ce209'),
+    ('\xa5e15f78ec08beb6a91bba31bb0f369ef249750a'),
+    ('\xa5e1d6f5cc241cc1d304b2e8d5c0d849401e3f15'),
+    ('\xa5e2bdafe7a52a7f02f3d7fdfa495f409b1a0b96'),
+    ('\xa5f32bf14cae935cadffa3359e4f4f3565a7cb19'),
+    ('\xa5fbb3f0e0b12180b61c1035aeee330c42c0957a'),
+    ('\xa5fccbfb6290c5f3aad580a20f8341eea17738cb'),
+    ('\xa6037e6865db7dcd220a631e7b9f4a8eb6417c42'),
+    ('\xa6076024aee0336fedde3e5b0f5dbc77d0e46bac'),
+    ('\xa60b41cfe5f6713cc35a924f9af99b4ceb09305a'),
+    ('\xa60bcdb4e7e70378fee884472ad8ac50d0e9f740'),
+    ('\xa60e084653c8f5b85f9ba86dba0f39736ae13821'),
+    ('\xa60ecac49ce707cd3e520e6d40960234c62bf791'),
+    ('\xa61025dc2964f6cb483118544851005c41f60ebe'),
+    ('\xa61325d01bcbda60dfd4f27a4b80139035e34924'),
+    ('\xa615c0514da5a04d6b0c470b007255de6c9200d7'),
+    ('\xa6181c7a3a3165c8e71d4a55e030b0a83881869e'),
+    ('\xa61b5cc833b656e83a36bdce77e82553dc5dee70'),
+    ('\xa61cb3cdfb3532f530ecc4f3d5f41ed900f79d92'),
+    ('\xa61ea123fafb4ff234e8055b78f6c914306db6d4'),
+    ('\xa6213170b070351fc0f92523fbdb92be5a9bf8f6'),
+    ('\xa62ca688b3c8e7bed5e21e5c6c263cc478ed7566'),
+    ('\xa63493adb0a51de0c65eed4b331455067a6a2d8e'),
+    ('\xa638b211950ee71de6c193b0638217f1d6a0b602'),
+    ('\xa63c58cf87cc18bfea56b9999652bf377c56691f'),
+    ('\xa63c9786b3e40d3477d40682a5a91ccf147b9f6b'),
+    ('\xa63eb1be5182d815d40b4e990f76f11f92122220'),
+    ('\xa64130a2b466c8e9429bc522d35f81df6475cfaa'),
+    ('\xa6438df96b5cbbd6dc0700e05ce3d99a7b60512a'),
+    ('\xa64437c3947a63a65ab286ead009ff754a7dc903'),
+    ('\xa647600dc642d04a1bf97a33ee98a900c0282ed3'),
+    ('\xa64a6dc4f050476e84d79d84e55d834e8b8f6dee'),
+    ('\xa64fa9ae43a8c93dd61914f1c15861b78f6661dd'),
+    ('\xa652c1e65182038c446220fc24d1a15d3ccbc493'),
+    ('\xa65798af1d06632a9b4b0c83a07406b51693ebf5'),
+    ('\xa659aeeef04b8ad056e6dda82ae25be1d86b595d'),
+    ('\xa666d89c239b91c14678c8a55c9f81402859ee06'),
+    ('\xa669da2c6eab8e1b8e4b3439399c7c0125d3273f'),
+    ('\xa670e14265a806cffbc66ea3be0083e14369fffa'),
+    ('\xa672ed5ed650f374f4e54da3edd20870425d7221'),
+    ('\xa6822b21df47952710face1a43784afe33cb4124'),
+    ('\xa689da649fa7fba235c689bea2a480ab372b99ad'),
+    ('\xa6933c1ae161e3f9e4e4abf8a393253d18d02719'),
+    ('\xa6937f9c34ccd1d00618edf6211b7c63b8950d8b'),
+    ('\xa69726333173d31fb2fbcea5aa9693069292f9cf'),
+    ('\xa69a5f2835972f6730a178c66057e9e94ad76f2d'),
+    ('\xa69c932617b12bdf29751febdfb93966108cadf3'),
+    ('\xa69da4635eecc52adb4e965e2ccf73a9aee891c6'),
+    ('\xa69e15def383d5c7a8e9ac1e69cb23b777dbdfe7'),
+    ('\xa69f2135173adc0d2e56d192531d92c176ba97ad'),
+    ('\xa6b0ab6e88a95779f1487d3362acbeb912c3d0f6'),
+    ('\xa6b15868b8c1fe859ea39381789992665e86b967'),
+    ('\xa6b6643d0c3a479c2c3c0694e38482eb68596164'),
+    ('\xa6b7a03b9f0f8d6a5c505e017bd1ea92a36a552f'),
+    ('\xa6c11d9069b098eb1992a954a51ef8d581387771'),
+    ('\xa6c98ef4f05f533403bbee9bb55652110a4af8b8'),
+    ('\xa6ceabc836a9c32ab96d3ee0d7ef058b297e725c'),
+    ('\xa6d153653f35a79b63a1cee27d4bb82a481909e4'),
+    ('\xa6e03a603acd7a8da9905d0599a7dd1aea3f68e5'),
+    ('\xa6fd675bd1a8ff42294ae47a9a12a43098363fc0'),
+    ('\xa7087a5a94d0e424d41e4e76b910fb31e496545b'),
+    ('\xa7091e51fee566d9f067cfada5d07d5521d5fbe5'),
+    ('\xa70b4a6e3ad091b2e35d1a664ceeac600189ed16'),
+    ('\xa70c0af1f800eaecca1af43fa8737f5d91f1d514'),
+    ('\xa70fae6161ee1706640246e8f6574f608d69d52a'),
+    ('\xa7146e8aecc410898529c6adf6f8a9b34955b38b'),
+    ('\xa72000e6f97740a2749f34646173823e846d342d'),
+    ('\xa72141bff83d20587345ddc868d8a9802d193d7f'),
+    ('\xa72ed630a811db95367859e03982ef7abd3b360e'),
+    ('\xa73036e72e0a268b01264551fe27dc8932158129'),
+    ('\xa73281680f5ad76f6c836360aebb667f68c34681'),
+    ('\xa735ed563703a9069a8dadc130af2e1944a14086'),
+    ('\xa742833dd6d699f66e3150a408577ca3e89a50b1'),
+    ('\xa744d2b052c12c4711be2267797014d92f80e54a'),
+    ('\xa74ce3ba93c95d094508b830e3db772e98227470'),
+    ('\xa74d086ca66d68fa4425bb964231db27726b03fd'),
+    ('\xa74ff0ad0e1990b0125488fe3628b9f023a07fe7'),
+    ('\xa750cf5b20ce4a24e940ecf3018482eefd8c8e91'),
+    ('\xa752bba44bb5f9c9f64059c950dbd52ee64c0ce3'),
+    ('\xa7561f797be0fb9c54220d7e93eb0a952d28fa03'),
+    ('\xa756e0ff87b6feb1d00a668ebef7e0bb3734c64e'),
+    ('\xa7600c3687bb4580a809b67c3e3372c50f34ae6e'),
+    ('\xa7667283053e632d6887a44158d6c2898d3333aa'),
+    ('\xa768d68fce65835e09d8feffc49239eca66287e3'),
+    ('\xa76d286d56f35fd258a58c0b9fdcf24a970cbc8e'),
+    ('\xa775ffa8dc46b3ab0aa0249982595c93a2cb78dd'),
+    ('\xa779045e37268cf14096866a0e69596fb7298b70'),
+    ('\xa77f46764200611ab2f5966018a25aef6c9d703f'),
+    ('\xa784e3e3b1b1435b735bd95aafce2bd4d7abffc9'),
+    ('\xa787e604ded042d9ac3a6a3f0b6b8ac6f870f3c5'),
+    ('\xa78c9110bf0bbb50d6bbd5a7d4b764e6fb2092fa'),
+    ('\xa7908e2f26698b49ec26649c33a6f73d11363d7c'),
+    ('\xa7964f8be62df0ff2bda2aac3870d3c4ef0a064e'),
+    ('\xa7992a58142ab0df70686cc4f1891b4719ba8b0b'),
+    ('\xa79ae1cabc5c97e76aa4c001f8b5caab51b7281c'),
+    ('\xa79d6b84fc67703e4c12b2185d74777ba0df926f'),
+    ('\xa7a0423fbc88cb15916d71c275df0ad8a255b1ad'),
+    ('\xa7a10ca71d68a2f7adf8417471e488c2eccf41ec'),
+    ('\xa7ab773eb7dbb216fdd691b99e84a0523ae39d17'),
+    ('\xa7af2225554771551744e7045d978cd3421061f2'),
+    ('\xa7b5c10cb6fd8502a9c70df93c09a7729b1103cb'),
+    ('\xa7b6c6c12f4c63ada213ef6cee34489d6799bf0c'),
+    ('\xa7bb3ee0faf1c8897a7d2b413992209bfdc61a23'),
+    ('\xa7c0993b58ec2d40a8e13139ee04d4b51be2d4c4'),
+    ('\xa7cf90d82d3bb2d54d46a8919804054af8d4180b'),
+    ('\xa7d00ff90b8ec0cd99f909471a29d7254bc10bdb'),
+    ('\xa7d828180d8338d0b73316f371b4da4b9c0e2e00'),
+    ('\xa7e05558b3c73740ebcc7f9382d50ce4dd72c75f'),
+    ('\xa7e578ffdd9a95500df92defc368a3a69cf9b891'),
+    ('\xa7e57e690d64c2a51359171ba4fd32c86217993a'),
+    ('\xa7e8a7c00185bfa72d7f64a0c137423a49817ddf'),
+    ('\xa7ec096fb568c434e2ed349c04706da8bc92be2a'),
+    ('\xa7ecba5a3a3d5b65f685d7e7a70a604ebd5bb0db'),
+    ('\xa7ff1033be340d3c3c84b672bd885b582a005ef9'),
+    ('\xa80857f814fc9e3d5c729722b0e9fbaa8e4a93ee'),
+    ('\xa80b7d6ec0c0c92e2ea7d869706d6f5ea7f7cbd6'),
+    ('\xa815bd37499139e9e48b5074b4716342d9e3a1ee'),
+    ('\xa819d2bb3c1046a32edfdbf63283ba34b24c5bd2'),
+    ('\xa82277c21b766ffbc2b8a2c1e69448e4cb2475fb'),
+    ('\xa8284f0d928baa51ef1e191037bde2a96b7707aa'),
+    ('\xa82eb30e4128d4db4ed04aedf92fdcb2f16ceeec'),
+    ('\xa82f53f45201d925c889a054b1c83e7fddfa1de5'),
+    ('\xa8351673f31079374753eebf71f53749f06d8386'),
+    ('\xa840c156d311f5e47cc3af651771cfd4b535e2f2'),
+    ('\xa845beddb069b715b3ed08b333a58c5e039d232b'),
+    ('\xa8471cb55cbf0a14b8eb0ef4ed64a9d04f12bd51'),
+    ('\xa84c3956623012f5422a2c395fec0f32123d8910'),
+    ('\xa84ffec4b9aff31a0eacf375fab5210d2957c7bd'),
+    ('\xa857f334235f62122388dfa762e91d66d3843dc0'),
+    ('\xa85a1376eb89ccee7f8ef4d9de27e2b670b53ebc'),
+    ('\xa85c52ab329011976f25ecc95f031d174d086d94'),
+    ('\xa865e512245ea368be448c3de93f145726345ea0'),
+    ('\xa86bcf2425df49de23bbd009d83e50bb99850153'),
+    ('\xa86d288c41f69d10f389b89d94ef1c2f81d13a94'),
+    ('\xa86d978902effd0ec73b8e0f9983976cb17ab134'),
+    ('\xa86dcd9a3bb824ed7d12e19b64938f6a3d169bcd'),
+    ('\xa86e5ac4dd2caee8360c222d9b9acd45f6d681cb'),
+    ('\xa86f61677ade270982ee623e9236782604afa5ae'),
+    ('\xa86f7305dcad67a4eae871f7d6738d59110db137'),
+    ('\xa87059a4897576ff7249d7c14bbcc925df76d4e3'),
+    ('\xa872483c4ffeba9e661e07b30100ba4010052e59'),
+    ('\xa874829c56a6fad24ab9652704a610b065806eee'),
+    ('\xa8837992678b1cdefc84a2f077deb38251e7894b'),
+    ('\xa8898d03949c5c65cf2cf555892841a807e95fb8'),
+    ('\xa889affd4784267a93f0868e2ef943f121fe9b91'),
+    ('\xa88a1d1feecaab61682a374861abf8fc54632877'),
+    ('\xa88f02808e7d4ddde5cd9de0eafc981487b32067'),
+    ('\xa89212182f1a3f4744e4cf4762f376120467d8de'),
+    ('\xa89a51d674c88691e7bc65ebaf3b0998e3ccb2d2'),
+    ('\xa89bab849e6ec940b3b84b8496e2c2e9852c5b9a'),
+    ('\xa8ad35a7a3f16f986a24c349d0e0fbdfa3485794'),
+    ('\xa8b1ed1f14e36e5627ffb7218ccc0b75ecc3e5af'),
+    ('\xa8b7559eb1fa7f5dd1e792d655b7ae0df364d1de'),
+    ('\xa8c6fee9e1adae1f806345cb37bdddeb346a575e'),
+    ('\xa8cc8883af55475d5418c700592507b37a02c209'),
+    ('\xa8cf6b2a424d62ed63993caeee893e370307b43e'),
+    ('\xa8cfaf6e0d3c4fc81484b0b6c3192638ccd79768'),
+    ('\xa8e122ca2d4d88fe0e9da273962c65e2a32f9b9d'),
+    ('\xa8ec70c6f6ba48ac4fb4287758c1b7a2299ff700'),
+    ('\xa8ed414ac46f0b89dfce217cbe8ae4ac082c1d16'),
+    ('\xa8ef44cec3a6f8b9b1c83a230df2d1fed9d2a3a5'),
+    ('\xa8f3b78ba6bdbed3881f6135346ea2776125c770'),
+    ('\xa8f504b885641f6eb57f24fa58e038458fecdcda'),
+    ('\xa8f70c2092de9068924ebeef6b64f3b34011743a'),
+    ('\xa8f7d46c5463807f369dd8b0e865b2784efa8610'),
+    ('\xa8f805e988d14e5a9af33d2958a00b2d3f47b1c1'),
+    ('\xa8fa9c64bcc479932346af0709b8f14d633ade39'),
+    ('\xa8fde67ecce53cdae7d43a174b0be268faea0fde'),
+    ('\xa9016577a1fcff1aae4cfcd93ff80eff10562cf9'),
+    ('\xa901fe9a85ced2d901482efe21dcb69dbfe7f926'),
+    ('\xa9069ddfff6a3205f251aaa4741c3c3f13a9b5c6'),
+    ('\xa907a6143a4eb8ef253dc6d56a61cfd4113d1cb6'),
+    ('\xa9080b6ca206baa0d81984edd2d40720f92cb0cb'),
+    ('\xa90e4c91df2df6738638e18d4796520954c82748'),
+    ('\xa9121be6c194636b57b5a65a66496f692ebdab6d'),
+    ('\xa91394989208288ebca263dda87f14cd1d29d8a4'),
+    ('\xa91541cbb74301a15c9fa87537741b6e567cf187'),
+    ('\xa9196254148039535aead8a870dac05281ef91f4'),
+    ('\xa91ea4faae06cebaeaf4446b85c28dad431d394e'),
+    ('\xa92dd0c98e55c67feed9e114c2994469fed1a4b0'),
+    ('\xa9391b4c41800baf09308699e23f1ce10f32be85'),
+    ('\xa93e1f1d106cd8ce283a1895368be6ed42207ab1'),
+    ('\xa940c438761ad61872cca848b3ab6603225c6794'),
+    ('\xa9485dcd287af1c137ec6703ad7eef4f991e9af9'),
+    ('\xa949ae431ecf2667440d192db5791def2ae65596'),
+    ('\xa94f19845b0cb7a941e00c58dc9a502b1e086d38'),
+    ('\xa950365d5a10e3409944170c33ec5dafc5b64c87'),
+    ('\xa954df8120c52fe813e9c7e59a4c5a6b37597b10'),
+    ('\xa958067a86f46b4b82b6b1ec43fa83f5875f3e43'),
+    ('\xa95a6c6e2605af1a1b7a9146a145d458c4f2ab3e'),
+    ('\xa95e641ccd111b91ac305f818c73bfc7a3f22486'),
+    ('\xa9622850c7900649f4073c9f6d327b5c88357ce9'),
+    ('\xa96856f3be68b53b7795d15a1ef4ef2d69fc92f3'),
+    ('\xa96ea26e873f7f6edd95fc5994041c229ab8f860'),
+    ('\xa97456765eca940f6c8bd9e5b59e911afa338782'),
+    ('\xa97b35be56bd91dd1475d5cfbd9694e90ec177a8'),
+    ('\xa9803ffb4627c7363cb2faf9eba82860de6450cb'),
+    ('\xa9833689e2d6c6578da2670c56480efffefd8f20'),
+    ('\xa98ab960505db5e2a387a2a8682e0737b9f04d95'),
+    ('\xa98b36a20731e48a925a8fb7ec818fbba7809004'),
+    ('\xa98c18daaef61813b02a0371cf97c6b1d443c707'),
+    ('\xa98e1cf4950218117eaf6a0668824ac1477dc8dc'),
+    ('\xa992bc66be412c3b3777fb1d7569b14f4932a651'),
+    ('\xa992e29c5a155bef9de00d63034a442b3f8642b3'),
+    ('\xa9950d1131e69e7650cc1b95e571c63b722c3d65'),
+    ('\xa996042003beda6eacb8b7a74ce5fc9623872e8d'),
+    ('\xa998feeca74e8d111f9fdcc5e11071678a830d16'),
+    ('\xa99d0b8ea284b7ee95147ed10897d74a012914ee'),
+    ('\xa99f20e740b55d33e79ab3a63d6260c73d99bc73'),
+    ('\xa9a3b7d84f337c76778c906c7d908072f8842eb8'),
+    ('\xa9a40134dd0b588f2c130972bde9a76fd7394dd9'),
+    ('\xa9a450efc245ce57fd1d1f77534f57b2da3cfb98'),
+    ('\xa9a68c43ca72ee2295064434075a6b33fe310c94'),
+    ('\xa9a6b32b9d924cb87106ed1521794c97bd53f21d'),
+    ('\xa9a918ca9c979d94b9684af9663ff4d365e01f22'),
+    ('\xa9b745d7db34d71cc17388f19f34ab23fb3bfc77'),
+    ('\xa9babf149cd7875be3011e4949a567671231e5b8'),
+    ('\xa9c0f1d2b3537cf0d2ff07366d64cef42130fade'),
+    ('\xa9c1ef395d30ab4cf85f33323f73554a8d3d27f7'),
+    ('\xa9c591247be8fc00e769f6c1acee31ce680a6ff9'),
+    ('\xa9c5b9226d6aabd9faf62a2e1cd1ac6fb88f4b84'),
+    ('\xa9cc3f0e53c593be86219eec1323d29bbc8d1ca8'),
+    ('\xa9d082cf8eee44106ce172eab87a05ba61a82a35'),
+    ('\xa9d119f0e8d6c77c147f9e58d059617845ecbf83'),
+    ('\xa9d1b2163f7c21bb28bdea37b3e90b0b443725f2'),
+    ('\xa9d1b408f7479774a6ed3b26cda249b867be3e33'),
+    ('\xa9d38676c6022aa975ee4f5439ad6c3e2a3631f5'),
+    ('\xa9d780c7737c287fae1a472cf1bc8946cf951ec2'),
+    ('\xa9dbd90230cb080aa7a839f26b23d8ee82ea5b17'),
+    ('\xa9dc1e3e21e578b1c0a0e1e40962435748b89636'),
+    ('\xa9e7890658b2a38ed29e0a0043024d36d272d580'),
+    ('\xa9e95fb67f0fea4592ea6facaa417141f092142f'),
+    ('\xa9eea97ebe9f35ea1634abc5f61d2a84eef5132c'),
+    ('\xa9f0cb2d8f47ffeab9db1d3a5ccb2661417e54cb'),
+    ('\xa9f5c27b96cad7234806f02ec18e1527f2acb42a'),
+    ('\xa9fdfe1db4037cedbf4e23113bac26819cfc8591'),
+    ('\xa9ffac86b919d04868cf36653f247ea0ae5f0e8d'),
+    ('\xaa0414d1d64ccba6a078229978dc951f620ed1e2'),
+    ('\xaa04d77d34ef05edc21c423230afc372c1f431b9'),
+    ('\xaa04ff6f8e3a023b8a416008b20116e7fdbb3b33'),
+    ('\xaa0adaba72050f650ad4ca2654e779deaa8f6c3c'),
+    ('\xaa1522be154f1372a89ef8a7e2ed3b2e83f74d57'),
+    ('\xaa1bf224218cd9cd3745e08d7a5e0c02a1b0d125'),
+    ('\xaa2e11a5c713c93ecafe742f7841c42405c7b51f'),
+    ('\xaa2e9233f4c9e771ffdd89ca60f93be4551a1a41'),
+    ('\xaa30519166cd1798c222987cd928942dc42c8017'),
+    ('\xaa3b33da4363e40f35b6bdd5d41e87c4e1ade867'),
+    ('\xaa3e3e8d97d7c2dce026633ca7937cba9aebab77'),
+    ('\xaa417f0f058538da3e58877a4e5e3ac14995ea36'),
+    ('\xaa45e6672b85e1b2982f6bd55729e9936bfa557a'),
+    ('\xaa46a7ec0c56a1e304f5280e96fbdb685907379a'),
+    ('\xaa47951d48d51e5d82e097742b997c5240eec651'),
+    ('\xaa4859018f51cdfd9a7844276301c1addc708e50'),
+    ('\xaa4e615c2cf1df7b40d15413be950f2c6161b116'),
+    ('\xaa554e553eccfe1ce6e3e8107f09b433ee0561be'),
+    ('\xaa56c3456a1a7b1df0d5fc1a939d5602081297aa'),
+    ('\xaa5a7f350b2a0ff977c7819ba2cab1f27b088fd9'),
+    ('\xaa5b1bad662d6b996f5854aff428433e453d9be6'),
+    ('\xaa5c1d451d40d7556e40193f3357b714875caf68'),
+    ('\xaa5fb67b23c40b864897751fb902aa218b2630b1'),
+    ('\xaa60e5be4edcc98e1ab90056e7d5c6bf2721f664'),
+    ('\xaa655517872b60986b27601f6690f5c6a1c698bb'),
+    ('\xaa6eab687b67174afb8a1f4d2f331b68819931e1'),
+    ('\xaa7359782fb8db14cf6fb991146e710ddd34c80e'),
+    ('\xaa75161232eb63dc2f220ade7e6eae954e4ee418'),
+    ('\xaa7fce47e58d17ba912773255245904a8681d28f'),
+    ('\xaa80a89e8f91c18d6663863451c1bdfcb4c62225'),
+    ('\xaa869f0bf6e087f9ef996c4fb0a423a7a6c1ec69'),
+    ('\xaa8995f11439a27c62b183cc4b1c620e79004a70'),
+    ('\xaa8e0e22994ed2e06b4072303034c50074497d2f'),
+    ('\xaa97a31ef4faea869a03456b2e6445332891e277'),
+    ('\xaa983a420704c19d8ec2041f971733db2550e722'),
+    ('\xaa9a7b3df9e604bd88421546b9423906dba62c87'),
+    ('\xaa9a9a58ed8f91a9684d7d409b61bc73d622fb55'),
+    ('\xaa9eef011d16dd077048b93c1f9740a735b1e8e3'),
+    ('\xaaa0479a6be8023bf29093c2a75f0734b5b9d402'),
+    ('\xaab82869068b602df73088f881b5a0d0eba50e90'),
+    ('\xaab85044a6cb764c07d350670ba6969c33b3b953'),
+    ('\xaaba33848990e8552e8d208d44e7e0c96398ca08'),
+    ('\xaaba9f6708d5d01e74995df98c29863bc65bde34'),
+    ('\xaabd1432d8adef91a799f8f79583e01e5df63881'),
+    ('\xaac6586f309d9a6140fecf29b2b6c488c83daf10'),
+    ('\xaacbbe23b5de5d185473a99b2d9a3bebcabb0709'),
+    ('\xaacee8c957c0f8ad025160499634d008ecaa25c7'),
+    ('\xaad3b723651439421e61d214dc8dccd7edfff618'),
+    ('\xaadce86950ac60bd12b1f485ea57195020bf6b0f'),
+    ('\xaadd83ae033ceb9e10018daca3587c8b17e56b92'),
+    ('\xaae135b5628564cff428fbeedbc219f74d068490'),
+    ('\xaae2dcafa122c19fe54dc4aafee5f9997d1a0e39'),
+    ('\xaae95180cc71c3ba73d7616d8436100735d8932a'),
+    ('\xaaea60ed0429c174baf0622ae4d4d089b5e84dba'),
+    ('\xaaeb063a243f09edfe9c92bce25fdfe34aad8e02'),
+    ('\xaaeecd3955f0e22f9dce0676e459655d9e953a48'),
+    ('\xaaf252a42dfa5c9c49379711d7a0e8f5504f445b'),
+    ('\xaaf3193476cbb33bdf917741fbaab6c17f874c5f'),
+    ('\xaaf472b78fd07fedfe318625b54adf3478fa5ec6'),
+    ('\xaafc5bf5146ca276a73ff8cf4b051c7a7b5baf2c'),
+    ('\xab01334c90fa7ea68bfed38e2a3b5bc29aabb8e0'),
+    ('\xab027585f13fb67a6863af3658959a317154f94d'),
+    ('\xab07a6b3d2c7613e7b47b11f27dce5c8e8a0a2db'),
+    ('\xab0c80770b4b1fa75549f3777f447fb2e067deb5'),
+    ('\xab0ed6591e28a4da25edabdfc776ff64af0641e0'),
+    ('\xab0ff6a8c12ada0ab5c8fdd1c7ac275f9d658f8a'),
+    ('\xab19be1146d1209c482f92787365e0313a0a5c4a'),
+    ('\xab1e7201fda34bb3ce6fed04e9fbc99187c5ea10'),
+    ('\xab1ea883df98c566f057d26938f07d17c656ad3a'),
+    ('\xab20596b479c3e1d4c0797be03661bdb6e00ea71'),
+    ('\xab22b7dedd5112cedb18bab4c268d31c45e7a9b1'),
+    ('\xab25d643d3e681f2576d59360fcbd8f5249cc2c2'),
+    ('\xab314550aa764ce1eae75a8cf8921f9a77b25f54'),
+    ('\xab345c7df6a3f24ef9d0cac6c1e6d6bd8cfad329'),
+    ('\xab3cd05689c5d01777e34384698231d43bd22dfd'),
+    ('\xab4096175f8af14ae9cf074a467cd1c49a6c7886'),
+    ('\xab40c51dde895f6e0a4f4af8d8273e3cef11a1a0'),
+    ('\xab4841454dae6e35cb6fda83e0b3ee6495111a6c'),
+    ('\xab488738d74d590883a54342ee93538f05cc92d5'),
+    ('\xab4c9decef9f9d86e35818d129fc872e5eb70072'),
+    ('\xab4fde2c9c2f06789b0de15e924e4591d3fc83d2'),
+    ('\xab51117cc0cc933db6f489ffc2e5b10dfda4d055'),
+    ('\xab51f37ef6b12d953cc47b5266a1cd9ba5d2a460'),
+    ('\xab523d8c11b800fdab24257fd3247a102d7f0a0f'),
+    ('\xab5424508bdb27e4e07edd8db3c2aba0608e58be'),
+    ('\xab6680896e480b4ba823f363da832b7b61a19a0b'),
+    ('\xab6c130294f0024b4723ad1f17348eb20641d074'),
+    ('\xab70c5c01b189db67006787174800c24023a56a6'),
+    ('\xab797d01bfe6215c588ff1e91319d74dc5326520'),
+    ('\xab81f1f7dd7ef54f234db055203637075fe553e1'),
+    ('\xab8ce3726085026e301aeaa0f16867808d89a264'),
+    ('\xab9130617152041e50f639aae521b4e50955993d'),
+    ('\xab9478db006cbbb18e7c1069fbfb27865a4c7d45'),
+    ('\xab949ceb54610bbe1cf722ae90250644245f39c1'),
+    ('\xab9bb52999fd80c87d17fa58f8e909307749c693'),
+    ('\xaba01765905c8a5a3c0a00413e94d17ce2df191a'),
+    ('\xabac5e8530c0cc2575d01382dfe689f0601d82ea'),
+    ('\xabad32ae4a0543ec5bc527a318c0b14fa75df30d'),
+    ('\xabafd78135c41c5481f9804e9ce207e5eab5a16f'),
+    ('\xabb1251b0a464dc2822f21e0b9aa70d5d74af5b8'),
+    ('\xabb47c1747706cbc9786d04b5fa322da9a9f57ec'),
+    ('\xabb6f2b96d8991211dfaf2bdb6b0bb7a84a9a4ae'),
+    ('\xabb772095b78228bb1891a0d053bbab76b25ef2a'),
+    ('\xabb77b0bf965252c244ca92564737009ddd3c3da'),
+    ('\xabbee376f5e89537bd84b717bedea78c64ddb464'),
+    ('\xabc1ee9032155edd7c034f3a293c322f9e197bef'),
+    ('\xabc4c949a090f2bae3e621ea423a17ffd2ab1a59'),
+    ('\xabc6efa9709020b45c16aae1e9d6188937dde6c1'),
+    ('\xabca895c6010ad45fe82a3514ef406c84e4818f2'),
+    ('\xabdaa5145e136bf5c2fe2308bb0af4f38e7ae501'),
+    ('\xabdaa87717a73eb929009fc0bc9bf7e83d66833a'),
+    ('\xabe2871ea12998618ebb3dc54417a51d59ae21f7'),
+    ('\xabed4e5736ccb149327c2d8af7254cbd44174e77'),
+    ('\xabf35a77e2591ae3e1c4e3e88718da5210e086b7'),
+    ('\xabf560d76980248169aa7fd68128b951f280a674'),
+    ('\xabfa0eb32e0771fe649feb25e36c527e6121a8e1'),
+    ('\xac0231d3ab337aa2e43e4fd4962f641ee9360ae5'),
+    ('\xac09342b317a45279e86e9a6f7f15cf787401ff9'),
+    ('\xac0c46cabcdb24fd0a3798b546d7c86d0c37d953'),
+    ('\xac0f9cd8bb6bc3926597ea1cdef7d248bf1d83f5'),
+    ('\xac100fd199af9210993c5a0babb5bc1e32c7ecb9'),
+    ('\xac164cb4820c6a0c9bb47047b37a59e344579af4'),
+    ('\xac1bcfa29c40d8376a9064b5221d0d8e3409a62f'),
+    ('\xac1dc9460fa37a410b4e354bc3411225c471f153'),
+    ('\xac22c9283713eade734164737efc3efeab3966df'),
+    ('\xac24f13523e442b139121c76df69ae45f093d84a'),
+    ('\xac26833be7e62ceaa7cea25ad8d4559a50b83231'),
+    ('\xac27eef0f38e442294c8e9fed14bbffc9943e967'),
+    ('\xac29d8ee2baf7bfb04e84e5328671a89c16204c0'),
+    ('\xac31aedeffd31b2ee7fc1d9567e3787d7fb1d8b3'),
+    ('\xac339fa909bd482ab65653b4dc77a8c143dc060e'),
+    ('\xac3450c691e0e7e732367644828753125a7e8af3'),
+    ('\xac3ae8557c546aba1e20c5cadd9629411547dbc1'),
+    ('\xac3d3dcb17bc094560ff57bcf5775bb16de3bd00'),
+    ('\xac3ec5c819139775e7ecf9408594dc3048056842'),
+    ('\xac3f767d9e92802f3a16c3335102d813ada1575a'),
+    ('\xac4110ef4fa4eab059869dfd661278aa99725a1e'),
+    ('\xac418b6fb3f50f076df212c6dae176963f3ff699'),
+    ('\xac421490ec962892c58bd9ef91b46970de316af2'),
+    ('\xac42e4d9b7941c7e4a8c662e4a5b03d40058071d'),
+    ('\xac47c48418efca27a9492eef6ba1ad5766929112'),
+    ('\xac5b1363e89b5ed90f06d44716456bc618f8013a'),
+    ('\xac6395fd8fdc03006c5c2ce0cf2d5d43749e4a8f'),
+    ('\xac64abe1cf74c6c6c1ddbf5af8e62b56713955c2'),
+    ('\xac7f3645cd6f7abf0d63268b2d72c8e42d5cc6f9'),
+    ('\xac885017f394621bdc808a630d0586d4400a786f'),
+    ('\xac89f9367e14a556c1da93f39bc901f92fc01e8b'),
+    ('\xaca6b4058a7bf506787e4be13120ee5b838a05b4'),
+    ('\xacab8cb1f07039b6264cd20b0d21e31a3c173c58'),
+    ('\xacafc0014e979d0939665648f8ccdbfa0aac4eda'),
+    ('\xacb63d25c2feb02d29525a9c3d47745d8c3f0086'),
+    ('\xacbbf7de1461eff60aa1905445ce291fd0d45606'),
+    ('\xaccd14343744a7802c3defc6d4e14474f3360b69'),
+    ('\xacd0ec4808e729e5b7e5b1c2fe20e9e6a0157e40'),
+    ('\xacd4df77536a3a7f29c30ad039a774e666ffff38'),
+    ('\xace12a95d2bdb4d22f6e7f267c07a38077673ce3'),
+    ('\xace1cf26547fb9693f21ba635093aaf5499a3294'),
+    ('\xace332ceb67eee2050af607d36c7bd6a76ff02ac'),
+    ('\xacecd80b995b5a1bb14bbaf82c80611c0633fafe'),
+    ('\xacf012564d34f133d2dd8350608e580eaacb3cac'),
+    ('\xacf0f46547958a04dd0c82e5c7d634c713efd462'),
+    ('\xacf32f4a04f50558daf9ae7d8dcbbcc5867c5f02'),
+    ('\xacfa67c2009214e48d1d71ca90c832d1ade3edf2'),
+    ('\xad0718896a4b0599801ed9b6811bb072026e2c00'),
+    ('\xad15bf05adb1e6dbbd49ffb23a087f7ca99b1f77'),
+    ('\xad16c4a2984b761f5a246d1c9fbe418fa166b7ba'),
+    ('\xad1a857d140b107b42754b8b66ba00190ba5f6d9'),
+    ('\xad1ad55c95bbf6e88bb668c9f8d06fef70c9cba3'),
+    ('\xad1b34c0d95aa085a84928dfc1914bd110527c67'),
+    ('\xad1e675775eec49f1ec44a80015d50457d0c77a0'),
+    ('\xad1ee72aac5de76750ab3b0249da0b66f2dafcf3'),
+    ('\xad355fee5f51bb9a33a70d0a0ba2d4330e1111c1'),
+    ('\xad3b00f341a1b8330b37eff898213b47e11f2130'),
+    ('\xad3fb09eec054da19d9357e110b1e9cf908ace48'),
+    ('\xad410e11302107da9aa47ce3d46bd5ad011c4c43'),
+    ('\xad42259b4508d64b72b05fab2a99c000a5382c85'),
+    ('\xad44b95eb695a19f3143e537303e549fe09016aa'),
+    ('\xad4536c6f688c76e0b5663468053e1a88be696b4'),
+    ('\xad4c899291f7a03dc3b51bff3ab11d5bc30d75db'),
+    ('\xad4daadc510d1e566726e71be7f30792c872c4f2'),
+    ('\xad4effbb0621191f20e10df568919255907e1f57'),
+    ('\xad5199d34f4f9f08523a697dc099952a2b943446'),
+    ('\xad52250643962e3f4b66af2e720c9c98f0a15700'),
+    ('\xad535a4066e78efaa6aa49992df41b76f764c10f'),
+    ('\xad614783f8b9160eb736ae864a2c6fe6cf7707c5'),
+    ('\xad622e010145b72603ce967ae886b8396072c532'),
+    ('\xad715eb65bf52170f66ff243a13b06bd3bb5beb4'),
+    ('\xad7748aeb5c0de9febbf7aaa6160557a1a9d7ffb'),
+    ('\xad7e9aec639b66ca203f38bd944aa75d948aa833'),
+    ('\xad81043ac75ccfa300db6a0ac13c9c39faf82cb0'),
+    ('\xad859c8a98c339b268129fa9fa8cb8f0ef79e2c7'),
+    ('\xad85d553580e9579fc5e5b47f82673c025b79a9c'),
+    ('\xad883fadf398552841ca42e336d8d5da8510362b'),
+    ('\xad88a34f75da8bcfa038507864e9ccfab0ce6a22'),
+    ('\xad8d1c85f3b16110b8fd8940685eabd3609bf474'),
+    ('\xad9f5929b0312a76680900d7025483511fbf70e5'),
+    ('\xadab9852f6436e29f1447e7ffd236d33e5e3cb65'),
+    ('\xadb54264901343918606e4948ed212a32600e8c6'),
+    ('\xadb730a76eebc9532b04e58263c95d3cc361dc73'),
+    ('\xadbba0070577a555292434ad39b5c326469cb650'),
+    ('\xadbc1eba844ca26eb8c8d7a6c755e8cf17b7def5'),
+    ('\xadbc52dd2a1c3871e7e72d4061fddc9c50bd9322'),
+    ('\xadc0cde336864ad0723beb15585d49307769b5aa'),
+    ('\xadc12a5b2ead86be838719b5082102e8c78c1d2d'),
+    ('\xadc301411757cea823a2a9c311c11cf4005f2fc9'),
+    ('\xadc87bbfc25719f6a823c8307824a09002428d5b'),
+    ('\xadc939893261ba595e21d02fc980095fe181af01'),
+    ('\xadd63a553537929a507d4b12b4695bd3679d0cae'),
+    ('\xadd6b73eda090cbbb2c0469f0c5335c4b29fecab'),
+    ('\xaddc1ba12913d3fec04e478bad420af0971a0ab6'),
+    ('\xaddca7f9077e432ca273a9eec34889f03982d3b8'),
+    ('\xade1b3c196ef5535a534b165909d9d6d2e5a5062'),
+    ('\xade29cfc20052a017462ac9f2fe4774eb6a9f3c5'),
+    ('\xade47cde583f2931435075acd4fac6a204e8388e'),
+    ('\xadea66f2a27ae68c9ab28a82e3e0adbe98cd1f5b'),
+    ('\xadee480cffbdba12c04c455288027d2ddc025a0b'),
+    ('\xadf89e633ffd2ede93f26aa9da1a9e61f7aba233'),
+    ('\xae01ed4618622c61fc1c034924c53cbf71b2ce38'),
+    ('\xae06bb18cfae32ab15fae27a15740ef6786759b7'),
+    ('\xae07d0597db81a298d989cfcee4b7ebedea55e86'),
+    ('\xae0923015eb5847cdf41418f99634b5fbefef5ff'),
+    ('\xae0a6ae9798d977aab0051327afa158fff712203'),
+    ('\xae101e53b877ecbebab66fc85b5d6a8f9f8e7415'),
+    ('\xae17e98d8dea251e01db01406fdfd2a0ea4f901d'),
+    ('\xae1bad56da116aa59b27ac92fc5445bbbb3fd162'),
+    ('\xae23eaa2c0edb47d9b262135a4e16ddfc64ce116'),
+    ('\xae29a27f1c376d9d1bf475cb87f9124967cafdf4'),
+    ('\xae2b3e3c67131e69149df76a63c9d09bb021a140'),
+    ('\xae2eb529ffcb43bffbc07fe24244dbad34078be4'),
+    ('\xae2fc7773edb3bc91f6e13de4b9f1c94abec67a9'),
+    ('\xae33a4538132c8fc174dd53b3ce771009405d7a4'),
+    ('\xae351644590557a86d05b3aa623155a4e9d82547'),
+    ('\xae37d94c400c161596f261e3cc52874aeb63a7bc'),
+    ('\xae3a4b0868bd2655808bddfa581c9ab94d00e033'),
+    ('\xae3cee4e80f1aee57cbbe0b1ac95dd82899f2a42'),
+    ('\xae40de8a3aefe3ce3dc9b6030832b23c4209a9dc'),
+    ('\xae42814bb283fad77d6270314a8d3a3881ad7aa0'),
+    ('\xae45e0d05e6e04eeabb00d5eeaa23508dcb8fb59'),
+    ('\xae484ba86d2ebb9aab3a87c05f2aeaf0a79dfef1'),
+    ('\xae494d956817e711cca1f35721694053fd9238b2'),
+    ('\xae4bf4894665f6ba86d1013cd7a831e991c1ee27'),
+    ('\xae4dcecc8851144fb582c19e05eb2521325ec7fe'),
+    ('\xae5030d140680d1a9d6c86457a7ac61dcf72d969'),
+    ('\xae5317cb01ade521bd5b24eab2870d0a2cc41d1d'),
+    ('\xae53a9feef76a876ce4d7ed8ec26d92a1da35f8e'),
+    ('\xae5a5508a025ed9fe787f26e9e1416130eb91c98'),
+    ('\xae63f5c828615b87db6d06227a567beae9b382fb'),
+    ('\xae656d84b0fe997bc80f4cccda1c858ed8fc16cc'),
+    ('\xae6c3958d4f11e36248a2eb8ad56f03ee2af126e'),
+    ('\xae6cc67ccdd059ef87fa377f8fcd9f8ac82f260a'),
+    ('\xae6e866458fc76d0c77c83af38dafd9528312105'),
+    ('\xae70c77259f408aec37f0c43584dbe1fc15e1b6b'),
+    ('\xae7d0b3eda6a639c2aa8421e2ac931602230375e'),
+    ('\xae7de6ebbe285de5c23bfef43d6bba4e2983b4e9'),
+    ('\xae7e47e44dca79aa64828f49fbc26beda7f40a72'),
+    ('\xae83c8ed9582686c8bf4bea2140dbb170cbe69a5'),
+    ('\xae83d7eaa4b0242a474c6355387d2809d07a7334'),
+    ('\xae851693d13c3e44a1a1f74c0b04b6600998dda0'),
+    ('\xae88e2c0faf3ac65b7ea5cd0c9e161621d0210c7'),
+    ('\xae8a7a256b7eb2fde5cac3d732169721251de67c'),
+    ('\xae8c6efc43be3214720ef70566b5b75a9168b276'),
+    ('\xae951adea6f409a637b20670f111c1fc3b183be8'),
+    ('\xae96ea5348b85bb41a5a590bb0620d8c34ad1700'),
+    ('\xae9a37bf35dd75755f46a2dcf8db1448266b0e24'),
+    ('\xae9dfb433324299a7e17efa5e741740f2ea089a4'),
+    ('\xaea434feec0058f379eda468533a065fcda37878'),
+    ('\xaea5226bb2704133888c4562171a5856284b34b7'),
+    ('\xaea5295cada8e7fc70110ccb470771610bf8ebcd'),
+    ('\xaea836d8e20d19a780e410514543f1ff952a6cc9'),
+    ('\xaea9717054bd9843b1187423634947a267a6f2be'),
+    ('\xaeb04cbebdbb29047c8319209fda678a40b17123'),
+    ('\xaeb128840a19469a4ade95fa1f68a9bab17319f5'),
+    ('\xaeb775d174b76b01f32d30db738a1c3e73ad59e7'),
+    ('\xaeb7d656fcb9b6dcaa9e7b4fff11bde3731427be'),
+    ('\xaebd1670e16b40c5510f7b95da931c111b7105df'),
+    ('\xaecd58b6a5d33778a7325fb147d87f998ca33ff9'),
+    ('\xaed2c2df214244a3312b82a476a52b6a248440f0'),
+    ('\xaed440f979af5afb798077329995db37d5ef8a10'),
+    ('\xaed6abc39261ba496856c4155e3b3191a47e873a'),
+    ('\xaed70088e19d5c80badd1d9f8a2c56455322db7b'),
+    ('\xaed9074197f5941e5ebe4c6478d585476666ed72'),
+    ('\xaedc5cd5cc2374f0c9f218588a5e8831d19508c1'),
+    ('\xaedeef6b444ebc98c52f641111d6ecf4f57c5475'),
+    ('\xaedf8801222122fcc2b278ff424bf1b0ddfeee18'),
+    ('\xaee6587d184b7db950a000662383c46a263406cf'),
+    ('\xaee8098676a52bf916c168d2d1049dc0d38bf56d'),
+    ('\xaeebb1f0989781613a257ae73cd6d38e2db8a36a'),
+    ('\xaeebd70541de14342fe1b921ba0f1ba917862434'),
+    ('\xaeebf2b1cde86d7ef3e517fecadf288f1c60bd1c'),
+    ('\xaeedb3cbdb405ce8b20a66f448816ac50567d5c4'),
+    ('\xaef2c0abc7f72565ae4ca398a7572361797551ea'),
+    ('\xaefe1e838fa71f372d28232a7c4237cedc5a367f'),
+    ('\xaf027354b2e5790a55723f36890f611d4eb93338'),
+    ('\xaf0c6a9ab8f9685b1876eea1cd6ef46d0a95a448'),
+    ('\xaf0d1a152948f557689a83ef103bd678c7a00c3d'),
+    ('\xaf0f13f821e992bea8ebd3f4de534a49ad7a2725'),
+    ('\xaf17fdecb6a4cc502b282bf6eed9721353e7be3b'),
+    ('\xaf1bc79904c3c4bf92efe16c544b16f0bfdc19ea'),
+    ('\xaf289e517c32c52415b4cc7b911bb1286c2506bf'),
+    ('\xaf28e4aa39da9752db3cfdf53572f8d94081b264'),
+    ('\xaf2f0147ec4fee665047dbebf5c5405268ae021a'),
+    ('\xaf31110aad600672367e3e9ed4138de67a720828'),
+    ('\xaf3a4dfc735328863dfb10c18de5dcac19e86707'),
+    ('\xaf3ccbc43dd075670e7ea1dcb32255d18e1c800b'),
+    ('\xaf3d450597411e065fcb47bbdfadd33d5c867d23'),
+    ('\xaf4297774d952541446e20e081151b9e8b8a8757'),
+    ('\xaf4489e23c76f2ebcba122f74238892bc6822058'),
+    ('\xaf48eb2095fb39e5edcfefb3a8c7ec9240d03c42'),
+    ('\xaf4dcab8c02c6b17d9c0bd347803e8b57c520350'),
+    ('\xaf4f3776a39a26c8e7307022164eef3d3518f8da'),
+    ('\xaf4f44719c2b3e935c8e358ed3430759af9c02e7'),
+    ('\xaf58cca5d6e11f5fb63c3bbd1f31bddd49538ab2'),
+    ('\xaf5c1093d152de4e3336f9a95375db88e9eaf622'),
+    ('\xaf5ce75c33ad0d4e0d960a82c38e44d8cb1923a6'),
+    ('\xaf5e8961131ac8c927820b350e8689de25fdc742'),
+    ('\xaf66c07dc2386c2084151f5d747a6413ed67dcf8'),
+    ('\xaf6bb7052e85a96a12382f312e014a5796cc04f9'),
+    ('\xaf7548e1aadd1f2f36dfdc186644fb3e9b6648c5'),
+    ('\xaf76c004110b81bae7878ecee3e86bf384713fe9'),
+    ('\xaf78d5f6577261fb98098ab74fade324e6d502b0'),
+    ('\xaf7f0b1bf3995cb659b552144a6c3d83b42c270b'),
+    ('\xaf8118d23b5bf4b85fa34d79b8fe2d1465c70177'),
+    ('\xaf829a34b0ceaecab3d56a45b7bf0712ab464c1e'),
+    ('\xaf84a721822650fee186958ee8a7daace6965813'),
+    ('\xaf89f781706371713b4b7e1231ee49078a46303f'),
+    ('\xaf8a93690da650da7b0126aafae0bc3a78df80b0'),
+    ('\xaf8b9db767934ae545590fdf33efc148f27ddcfa'),
+    ('\xaf90b6d1da00a769fa23d15e9afd3e5de00a40d6'),
+    ('\xaf90f90e7dc16706653c4abbd54d72df726736be'),
+    ('\xaf91b51913fb2c5e683f65dd68bdf1f6374f8fca'),
+    ('\xaf958373e997a39637daa5fed297f0c51051ab5a'),
+    ('\xaf9b8a66aa9337ab5f45a86db202e6ca54c110ff'),
+    ('\xaf9c9b8577be00d60e76c07b74bbf13c21d43af7'),
+    ('\xafa015a2a28a1bcf24c535544e272a34f7154e70'),
+    ('\xafa4d565e72ec775be3bef7cf64df8ce7b832bab'),
+    ('\xafa52249c6299c0e24e62755a1b9a25ca96f823e'),
+    ('\xafa646ffe6f3ef29bea2fb6ed9e6006f11f39c2d'),
+    ('\xafaf17e3b03fe6e2ec6f954f6e473a65c8b75f37'),
+    ('\xafaf92d795d1ff8b0c2dcb2fa297d853be461b8c'),
+    ('\xafb51bc86962b0541ce6edc2691981f45a119cd8'),
+    ('\xafb6b817dee10270def08cabe152c687589969be'),
+    ('\xafb7f4fe8d51fe5116300578070f486cfebb3fc7'),
+    ('\xafb9ce0beddec5f576a3445feeb5834f0fa3f5a2'),
+    ('\xafba327e229f808053a7d0c87c9ddf3e6b4a66f4'),
+    ('\xafc9291e1fb319615fd8af81275d7ac2fe632a06'),
+    ('\xafca4c3a546b93e432baea17a355302e2997c023'),
+    ('\xafcbcb555726b3110e17b86a603a86160dd0d199'),
+    ('\xafcf08a75de2d39818fe1d89942812388e369af5'),
+    ('\xafdcdf68f213a548a22d307b13b29b08f6680cea'),
+    ('\xafdf6e19dd741807b917470bcc6e017fbb59e90f'),
+    ('\xafec7372a1f2e68d2df7655834d51a5d34870d48'),
+    ('\xaff7c9fa627166ba13bda3a9d4eef382949e8f6d'),
+    ('\xaffe2860d10b996fbf567bbcee05829f26e31d56'),
+    ('\xb0052c78e0a6d548529a5f8d8431218983af1da5'),
+    ('\xb006ca6ab80dd1686efe1f9ae02e1909ca351dd9'),
+    ('\xb00a171751d5e897c70e9ed3a60c6c5a32fe83ef'),
+    ('\xb00d3a72d06cebe4b9d75a7f253e6d9d126e8628'),
+    ('\xb0101e4c6f817a2b9f3b4c31ee30f34cb1a95996'),
+    ('\xb019c5840f0cac5429fd08eebb159c9d9a1985b3'),
+    ('\xb01a7f32fa1f4a1c94800945638d5d8fae4dcd11'),
+    ('\xb01c0c78ddad2f7782c1eea3ecc301dc93566bc3'),
+    ('\xb01f0e4ca1518d6c86fae6843049359c01fedc43'),
+    ('\xb0212074f1e4a2537d7b33b611647c89de38047d'),
+    ('\xb023a49f19b44b6203c1c57da621fcdf14b49866'),
+    ('\xb031cc289a2e35a38853d4c7c7959ab38065cc15'),
+    ('\xb0344673657621fdf0b66ee0e1740bba7de22735'),
+    ('\xb03cd40b161cfa42bc0d3c2f9a9a3ea02bbb0ab7'),
+    ('\xb041fc3eeae2712ca771303ae0e5302ac88d294b'),
+    ('\xb043f1411f271bd374e413391ca0fd3f72446394'),
+    ('\xb044e96593a5f7957587434a895d226b89d19313'),
+    ('\xb0450fe77e1e86d737b66963ba87d9dc1ef63d80'),
+    ('\xb045ed0986af388d5f992c692e14d04aeac6f1dc'),
+    ('\xb04ada0e1e26e0a7fe46dd3e16d8298de6ba3185'),
+    ('\xb04ef1165371aba37f5bf8b53c3847eb5e6e3aec'),
+    ('\xb04f50291efd47f6815856f8fda415bbdfee0828'),
+    ('\xb053d28103a0712f4f058c9cb45cd90914927c29'),
+    ('\xb06156fc483e4c118cb609af386e30e10efe0fff'),
+    ('\xb0617c6d64eaa2e41b4ca47f733acca848323ed4'),
+    ('\xb065752c2dc75baa395d2bc34027badf467734c7'),
+    ('\xb06a36350f63b74e0beedefcabd256b7fa135a86'),
+    ('\xb06a6c2974d9df352349323cff6681ed881c1a24'),
+    ('\xb07e279e69ebdfc880d313b238fac917ec148f0c'),
+    ('\xb07f7d9c530236c572bc40204bf174734cfb87c7'),
+    ('\xb0853d924330d5026ef1e4d878371b4c12576564'),
+    ('\xb08b804d47780f74a5192ec720c154a63a9a3ea7'),
+    ('\xb08d7612ae1d1ae4e81f2978a3fd1a7f42799c84'),
+    ('\xb08d958db76e8980c5f63029b955108cd6828a45'),
+    ('\xb092b325465e4cdcaa439e873c5d441da5b4e41a'),
+    ('\xb09ba9532ae910dc679abff666ae8dec2c755d86'),
+    ('\xb09c53c3b3d880d4c7da555e62e452a85c14af2d'),
+    ('\xb0a7514fc4966d2ecfd05a36592d3cb3bdc6c04f'),
+    ('\xb0a8a45a4aeca5369b5fced8e941995334436794'),
+    ('\xb0aa65dd2b763dcac7aad6fb9bec6dd094b285b5'),
+    ('\xb0b03783f0e82864db6188d69c3c2c44444ca8b8'),
+    ('\xb0b041efc0e8bfea828799669b8a91d8c99b0825'),
+    ('\xb0b9116a041b3ac4351768eb758ecee7b7ccb2af'),
+    ('\xb0c1f09b24da49b62eb0f740f5b3a0d1693b6729'),
+    ('\xb0c78056a38d5ffc7e7ee26f148bec4394ff98ee'),
+    ('\xb0ceec7198147f14784ad7f8b03481950e687236'),
+    ('\xb0d2ab572fd882ef69474b1ea6be042950a685a5'),
+    ('\xb0d439e3727e980bb74c741042c472ab1f4b697d'),
+    ('\xb0d9efe1c4ef33cba893081f160bb8d57fc62824'),
+    ('\xb0e52af661494aa539016d6531435e3af4522eb9'),
+    ('\xb0ea7429e28b85ad763d06ddebfec2d0c621b13f'),
+    ('\xb0ed620f54090dd51eed0f6786d7907d0da1dfb8'),
+    ('\xb0f18d45d4abfbc114fcd6056327c58748640c77'),
+    ('\xb0f73743e1b890f9ece2600bc01d837aa0847763'),
+    ('\xb0fe680309a59ab025420bac5c21b8bb6528264d'),
+    ('\xb10891243b0b2ce86483de6ffbe1f3224218b3b3'),
+    ('\xb11b23f3dfb861f0d2e906fb2f108a586e459f1b'),
+    ('\xb127a6f6f6222f17c21e08b6899d5f041592804d'),
+    ('\xb12abf4c32ff81f2e66cd43e1d4b63e3702e4272'),
+    ('\xb12fe86ec04f2c8859dafd1b2872a4c7f823bf9a'),
+    ('\xb134fd6bbb66631b8384078f06d54c78a4d740da'),
+    ('\xb1367335402a99c0fbc15be77a9adabbeebcb499'),
+    ('\xb1383e8046b1dc24dc2e810b30fbc777c9c18acb'),
+    ('\xb1416950395b3908688b5b6fa8747f40d7c89d37'),
+    ('\xb142eb6a5efadc2629a2433f7ce0d52e6438cae5'),
+    ('\xb1431a125ea11ddc9e0bd54dd3945e31d2f9e91e'),
+    ('\xb14744555b4fdc4b01124c07e20f99005f4ee5eb'),
+    ('\xb150d5578aec3950ebc0100f8147d6ee07705116'),
+    ('\xb1546b4dd19dd3b0955994edd808bb7aa12d9a53'),
+    ('\xb1572cde05154f37549e535e3c7b3469708c6130'),
+    ('\xb1589240660c98b4a6bf1ee6af00b109852c707d'),
+    ('\xb160a2518bbeb3e8fec7edd8d37eb06b92b912cd'),
+    ('\xb165d8703582fbf813d17abb7ba917097104c847'),
+    ('\xb1690f55eae5364787477ac8ac0e04c920c71169'),
+    ('\xb169171b3eb19e7b571fd5f09341f32f025bcf43'),
+    ('\xb16c9e2d05081c1ba7c5730c6e94e106e8286445'),
+    ('\xb16d43b3d7295a389d3c0dd230c90cb3b852ace4'),
+    ('\xb16f98a7d58823e8447051072adfc6e5ba058d74'),
+    ('\xb178e69973c2939506478c92a2ab99597e902a79'),
+    ('\xb182c05393e4a53b5e14a2004f852bf384867756'),
+    ('\xb187effb09516d6d2bda58063ea846f3133cfabf'),
+    ('\xb18d1cf34bb46813dc3fefc660e19ae152c1c4f8'),
+    ('\xb192cf4c7f35dc7ccdf93b26501238e2920c3e1d'),
+    ('\xb19e8506039d0ab9cad31cb49388e01bab3b100b'),
+    ('\xb1a22ac9cc7e1ac2f742de398c1893150a0ed283'),
+    ('\xb1a243545fa38f355b457f1729650c059765ed8e'),
+    ('\xb1a840b7e3b8982da1d7f6c6ab71fdfd5f3609ef'),
+    ('\xb1b07c4b8c5543a960f60a3df21794c943bb3049'),
+    ('\xb1b4800f3c3386ad4c4dbe7750c2790cab200678'),
+    ('\xb1b78a6256646189da658bcce718b95b12b7131e'),
+    ('\xb1ba6688b6e8a5aa07e124a2f383773e29f14ee3'),
+    ('\xb1bd3c14606b56c0eebf287ca67ca7622d0c9479'),
+    ('\xb1bdb2d364b119869b599b05d92e627a548b00de'),
+    ('\xb1c0d47e5e61088d54ae35a6f559a2076ca43b4d'),
+    ('\xb1c847f31c05c53c7bff1b52759ee5dad4003b24'),
+    ('\xb1ca65cfd0cfc425d9fcab67568b9aa61bf082a4'),
+    ('\xb1d436815b8f2043ddd3235bfba9ed620dde05c6'),
+    ('\xb1d8c5c50b7a5e70b2087734d13ea2a45679d701'),
+    ('\xb1dbcf57f780ed81df3e6e1c989acde958033dba'),
+    ('\xb1e11fe8f5bf7276617e3bfaaabcfe402b765358'),
+    ('\xb1e1f3280d6fc9ecee826d5f271f42bcf6e8f560'),
+    ('\xb1e9d6f2c06791c3e520834d47f881759f0e6533'),
+    ('\xb1eb301d504bfaf9a93d53295e1c8bd2d36104a6'),
+    ('\xb1f150b69fefe5ff860507ec2066a9040e762e05'),
+    ('\xb1f4281cf0235f61de6799f99363676b08c93d34'),
+    ('\xb1f9b7103b7a67bd4c0b42c33375cd7aef2ed86c'),
+    ('\xb1fc5f5b94edaa3339b21050396ffcf76b8396c0'),
+    ('\xb1fc8dba6cd24acde9d00e722a99acbbcec1a1b5'),
+    ('\xb1ff09258cf3845bc0a831642190c1d36c54c4ef'),
+    ('\xb2015351b259b7775f5babc4ebbc20a7eb0d6ed5'),
+    ('\xb2053efee6eb59d84a6c2cb0c8eae884114c16b5'),
+    ('\xb205dac15389541f77ea3cef56ca428600e6419c'),
+    ('\xb209fec75a5756ef0bc3bac9df30a02aedfedd99'),
+    ('\xb20ad26000644749c206bd9da4fae70de39c5ea6'),
+    ('\xb20fa082e2a3fed9d69d9d88bdcab8d5235f44a6'),
+    ('\xb21690c3bf9624d62a6dfb3e87e3dfe3575b9739'),
+    ('\xb216a1058b4c0015fd059b4ac957720967d1944e'),
+    ('\xb217cdc055f5a3a5717fd4dd6f8848c8ba269c4c'),
+    ('\xb21c8a7ed7e43e24f7b1f3c598a8580aaa5ef4c8'),
+    ('\xb21d62f9b6da448bdb0a5f9ed270c5219847ea45'),
+    ('\xb21fd8ce6d1c4048b63ac37110ed13eb8d0fe807'),
+    ('\xb22032c21af62c2ad207935521fe40738ebb13b9'),
+    ('\xb22df8d38bf63c9abf5198327cd5575254c17a4a'),
+    ('\xb23768d407624ade3d78f92d9c43c777ada20a4f'),
+    ('\xb23788b441068fbfc4fc2313028ff1764b739173'),
+    ('\xb239fdc6099c3ccd2d8be635f6e3b3b6e5ea995c'),
+    ('\xb23d37f0c2b24b881c9888f71f1f81b9f0588fe1'),
+    ('\xb23d4a3ed7277ee6f16119a995ef13997d020ccf'),
+    ('\xb23fea1a7aed8dfcaf347fe4e0e899877b8bce49'),
+    ('\xb245195e24f4bf1dc223a1f0e789e7b5f57d8738'),
+    ('\xb24d89cc112c7eddbf958b066178d3609f5cbf72'),
+    ('\xb25a1b22b668c3e38866b8b4ae4cbb3c34831294'),
+    ('\xb25cd0ab13246df5857059cf8b7955569830337e'),
+    ('\xb25ec6a7bba9bc2cb1e1b95e535cc326dd49eca6'),
+    ('\xb263c48339d8f5c047af0031c41e31163671e128'),
+    ('\xb265ca1605a2fa2ea03347d3327a51a02f0714cf'),
+    ('\xb26c052f9b36437a6a06c57d5896fd7c9339e0ce'),
+    ('\xb26da3d6c3ed0ed1a059b09ec1bfc4b2a1f9490f'),
+    ('\xb26f0c29e5fd583fe4f6240e21faf88891c19f6f'),
+    ('\xb2730fb28c375951535e4c10cca5b4fe053b017a'),
+    ('\xb27556d761f9ff2eef2ee886cbf01b3b268a2caf'),
+    ('\xb276d4cd94fe94e0cb586bb3a558bb48d679ca92'),
+    ('\xb2781088594528fc85f5425fb6813a5fca8add15'),
+    ('\xb279cf233056840f9542972c6da29f986042faa6'),
+    ('\xb2872fdd770bdd8d9c39af1170c392b1f31dfc2e'),
+    ('\xb28b04f643122b019e912540f228c8ed20be9eeb'),
+    ('\xb28c3d3112e6e392304f76777788fd9093ecbce4'),
+    ('\xb28cfd98af517823106ec899c69bc78b7e4a8335'),
+    ('\xb294332ebbbf18d2f10a429c1e621ef87c1b318a'),
+    ('\xb2a507c946c78a80ae4e805dd0c840e265488c6c'),
+    ('\xb2a6abca2987e4868306aeb8573855844aac2e7b'),
+    ('\xb2a9d1a88bc62db7ac3828600315b8f1de41ce75'),
+    ('\xb2ab633db9463763d3b02341110c01222e77935d'),
+    ('\xb2b391722eecb62fd388ba9e3816dde65b5be43a'),
+    ('\xb2b3e601c324abb2441d77fbdff566004f02d19a'),
+    ('\xb2b52822df4ee583849f07e7451eccb9e8f6b7fa'),
+    ('\xb2bdab10e706c205bdd3de7210752b7c2cf1876c'),
+    ('\xb2bf791e6330b204f2adc35113afcd10ccfe59bd'),
+    ('\xb2c3b84f48fe67ded2149c8059908b57825c4813'),
+    ('\xb2c77b9845749059a60a151a9f18a7d1634b8318'),
+    ('\xb2c7edc382044e6361bf388cd1a6900ec1866306'),
+    ('\xb2ca618afcba3e21f0c7ba68403452b8dd34f9fa'),
+    ('\xb2ce589074b25e095c2392aec3ba3bc6cebecea6'),
+    ('\xb2cff928e42a31496c603d02b4605978eba66e59'),
+    ('\xb2dc3311d68468b3e8463d3eb28d3a5b12b3cecb'),
+    ('\xb2dc5cae34c494141ace7e70ecad30414dd20632'),
+    ('\xb2dffa62396a72d8dbc0967bef717ece26c12c08'),
+    ('\xb2e5b9a2578eeb7b41ac3f27921006a2a9d75925'),
+    ('\xb2e78abe5cbe1b3d2e75d5d7b44790aa9a237124'),
+    ('\xb2f3ae7dcb9fee27eebd5c83f5eca6188c2c61c4'),
+    ('\xb2f40bdf785820ceab93e76a580b5bf30bfb681b'),
+    ('\xb2f7fff9ee43894bb70fe6864c37c2800281f476'),
+    ('\xb2f888cd3bd09106c97e51005263d84ddfa828dc'),
+    ('\xb2fbf8cb7afbf6193d786d40c9cfea473bf4d684'),
+    ('\xb302486e68bcb47992e15e13b910df5e77143805'),
+    ('\xb30d0fb4a655c9f1a2a4f7f32ab2cbafb1b587da'),
+    ('\xb310254cbd3407a12a7d9791061acb176d69a977'),
+    ('\xb3172c27e4f900637b3f80baa6445300e010c2c3'),
+    ('\xb31ceb7cff17fb38538b4f5c723cd1d20f9a1d19'),
+    ('\xb31cf9d776746e015e4ccd41c38625193af1af8b'),
+    ('\xb320ccf3650602714d44a5e94a9319ff6edf71a5'),
+    ('\xb3288bdcfe9e518eef834fde520ace94a580a34f'),
+    ('\xb33b130f9b29ca530c80a9bd6ce9dce055399b70'),
+    ('\xb33b28545023570f9e260756c9a407a51c703808'),
+    ('\xb33b54759b88293f627c7dab65c35465d781bc88'),
+    ('\xb33bf728608c4d246e8ca4f090b1925369147024'),
+    ('\xb33fb5fee7c67ae007287a66666a7b70468bd6d9'),
+    ('\xb33fe065a76e10d2859da4eec074566a4e54be6e'),
+    ('\xb345ccbec180d8d3240c7b6f966a47d787e3007c'),
+    ('\xb362e9bc23c57f133e38924dfb0ac17dcec04908'),
+    ('\xb367fa2610792b7cddd9dc666e7c39cd48f99ad9'),
+    ('\xb36d1893d61027b73237068c50e3083b2aa82ecd'),
+    ('\xb36d5aedecc468d84515653527834542047f8ede'),
+    ('\xb371a3514526159e4add2977ddc3ecf15b09b143'),
+    ('\xb3752e28c8941e7027205070beab723d956c4a63'),
+    ('\xb375e6a9adbaf52b7bc4d430cdd08af33eb98c67'),
+    ('\xb3806f2b00d25b089110fa0883401bef38ab8517'),
+    ('\xb386e679a974112436c68377f1c8dfc43bdaccd7'),
+    ('\xb38e3680b0d83d1310f434a83361acb4ec7a20e0'),
+    ('\xb38fbb9730d51f61596376dff826a895500e0d31'),
+    ('\xb3947dda4d3836d6d8ef80f6fe2bdf0df7ba677c'),
+    ('\xb399e03e89cca4c6e0b819bdc447a5d0a9a36378'),
+    ('\xb39be32d358c1128dc147fc660115ffe4562d277'),
+    ('\xb39ec49786fcdc184f48ad92e4deb58ff4538275'),
+    ('\xb3ad641a10507ba0b43bb30fa4ccafd5326de1b3'),
+    ('\xb3ae500389ad24b1920ea07f6b05ab2f36460738'),
+    ('\xb3bac0697e5b3497c001b01fff67e8f36054a245'),
+    ('\xb3bcc1860077f794cbc32d2d7ae6d7fcbc45ebe4'),
+    ('\xb3bd052a609aa6aa02a543a8baeb0e6761393ae9'),
+    ('\xb3bdd0a0820299e98eeeb1b28d997f880f89429f'),
+    ('\xb3be02a5534e8d3b85caf3abe16f593186f9920d'),
+    ('\xb3bf260c8f3744b0d0908244cb3d9a76b14a3fd9'),
+    ('\xb3c12c9a78f1bc06950593b32bcdb5747d04dab9'),
+    ('\xb3c355dcbc7c067865590c61c511425f742c3448'),
+    ('\xb3c7ae190f1c0db2364af27098875fb43e56c316'),
+    ('\xb3d1c32740d18570bff3c4e11af42d9c19336b93'),
+    ('\xb3d2cdb8de681e20447636eac3c387857e6e2d63'),
+    ('\xb3deb66cb1c87cb69030dd6dd7992d053484bcc2'),
+    ('\xb3e0aa695542a507e7dcb4b7e1c82c5f80d8bb22'),
+    ('\xb3ed66c14275604768bf342d7ab368bfc43d5a3e'),
+    ('\xb3f10a18f4ac0ce80c0228e5d7de1d154e8a5980'),
+    ('\xb3f46818c0943e012deec7ce81a1db073eca7550'),
+    ('\xb3fcc3f55fde3d3d3ac16bb79962e28681505624'),
+    ('\xb3fd36d14739aca63b951c2e7b4a20c5d977e4af'),
+    ('\xb4175946f65509caf8212ef014ac1bbaecf7e42b'),
+    ('\xb41781ea210faa99714864d7c89989c680b873c9'),
+    ('\xb41a8608811ee9ea070965bd972f7baa3764c8a2'),
+    ('\xb41cbb740e940ba513c109c977dd0f079bf19e49'),
+    ('\xb41dbbff7605d6ad7ea653b9fb098ab9348d5d2c'),
+    ('\xb41ee15a4b22060df90d53724db7f162f99f2583'),
+    ('\xb425144190bfe14c7deece4021df71e0a1be55fb'),
+    ('\xb425f9ceea70c1e76d38d66f712caeccc1a00626'),
+    ('\xb42b3cd5fd8f1b64a52bf00f2796ca6493a2adcb'),
+    ('\xb42e50b234956f7bb0f93817d50b3516b5b744cf'),
+    ('\xb43889e19915e6c8c81e693ec88a97d1e22365d3'),
+    ('\xb43bd9bedd8982723d18a4ffb2729e6ef2dd6198'),
+    ('\xb447c3c184011b40cbc2e83a80303b83a13cdb84'),
+    ('\xb4499c073bd26e9a2dd6225be3dd0a89aaf9c1db'),
+    ('\xb44ab26ad22868d2619702581ed171510ff368e5'),
+    ('\xb44e98cfa72f30bcff34abc7db6f94fe7000d701'),
+    ('\xb44f378326d5e7f8798bab1646c6b79b52c44554'),
+    ('\xb450a1bf3c6e044c4b60cfda7628ca90f580fce5'),
+    ('\xb4550cf88a48524221ae3ce591de416bc2deb7f9'),
+    ('\xb458961f1f5f6ac2c02ff547e4c08b44aee65595'),
+    ('\xb45931ac8247ff3ad1f74e6db32a4c7224d2fe06'),
+    ('\xb459f626bf0afbfe6b399f5f65f0a3e36f41bab7'),
+    ('\xb45c4961905ab1797749835cf1362fb68f36fe3c'),
+    ('\xb460e8c8a30dca9ff31c188556f30c532cee7199'),
+    ('\xb465f524b022567b38f2fc224c0970f77bdb9ac2'),
+    ('\xb46dfe0e3245ccdd4055db3ed3874be66d5770c9'),
+    ('\xb46ed0e23f58853d2f88d3cdbeb40548c2b46ef5'),
+    ('\xb46f4eea1482fe05058a33ab61a49ef5091f235e'),
+    ('\xb46fb9d228c8df6d93c38c5334a73daea6a80040'),
+    ('\xb47076d1b9dbfa9660e17735191f25e8f626655e'),
+    ('\xb4734f1b2ced93e166e7a8abb16867e6fd4d5409'),
+    ('\xb4759353491b7a03c05df9de7b4dafa93c4dc065'),
+    ('\xb4775bfd9d24fe60f399d9c30669f968fbf8aa5c'),
+    ('\xb47a4a292c42ea71398dd6932155906e2bdd4395'),
+    ('\xb47c1370e1265f32b2532ba71758c11b10164290'),
+    ('\xb47cde0e4a814512d672ef63813155cae96b4838'),
+    ('\xb48686bd02fbbaf1734d74a73c14eeef87369374'),
+    ('\xb48bb0e1bb2fec581813efc217e6c0e3f0f594d4'),
+    ('\xb48ffeeb527ca5637d2282fc961b4ba0b14aced2'),
+    ('\xb4940904f8858368432e218759fd4a4e7aa61b8c'),
+    ('\xb4971c68c7348e7d81ffd41990dbb4abba4c5a95'),
+    ('\xb49f79e7e83077468976d4dd706fd9698015c78e'),
+    ('\xb49fba441c8d3b3a93b815affaceb8309a00e3a8'),
+    ('\xb4a19a673d3e6a7961c6b11ed006552ac58f6c73'),
+    ('\xb4a2030b0ab5ca5dc7bbd0a6d8228078742f560e'),
+    ('\xb4abd57f68ca57ebce5d8bc8900242ce4cfaa56d'),
+    ('\xb4b27dbae7c0ccccfdb8297f70839150123fc11e'),
+    ('\xb4c12bd04c7770efd6839356a7125022d0bf91da'),
+    ('\xb4c677f2dc4dd44cbe75c191889c942962535522'),
+    ('\xb4c96df563b07e4e7d0e1ea6948e83d44490f457'),
+    ('\xb4ce1dbc68c7cfa7570b4cf1122ee9c0031fdd03'),
+    ('\xb4d04e1f2a4ebbd6e79c48916a445879d4a06b28'),
+    ('\xb4d2185f85fb6e7c047099ad6d8ff8a199892d4b'),
+    ('\xb4d4de60045f3e47b9005447f6690a588f069580'),
+    ('\xb4d715dece7658f9ed674e65c2ba4c5c086cf07c'),
+    ('\xb4dbb5cff59403687576a8da28d7516203020880'),
+    ('\xb4dc0b6a82965b8297e8c6ea9ec3cb79a7f769f1'),
+    ('\xb4e7842ae76fba3b78b1c91d58998e8c7775bfab'),
+    ('\xb4ebf381126cf3da03268a8ec78283dca3929b0a'),
+    ('\xb4f0fc06f55c22fda96440f3f168667ff2891b69'),
+    ('\xb4f1a91fc0e893feda0b294f9885b15ac7807237'),
+    ('\xb4f1ed71f09b8d42eff051ad1e0b6c1900109ce9'),
+    ('\xb4f86badd03691e84c3f9816b0f1482e41cc7d1f'),
+    ('\xb4fa4cd3b4500ab87e375f4e94240f3faf08e955'),
+    ('\xb4fc945b271feb3be8bcb2aa82a0e1376660298a'),
+    ('\xb4fdc91627a92003159c2ae319af15e409531a61'),
+    ('\xb4fdd8df30c02c89e4ab6497af47e48aa2c2e2f8'),
+    ('\xb501edb5950534aaf901978faa3f89dd5688ff73'),
+    ('\xb5055a1c6296ef7d494c299a6c2d873d4ab67872'),
+    ('\xb50886fe8f498707fff13fe12a8d7b407ffe73fe'),
+    ('\xb519775ddb322abdb304611a1e93322c87f0cef4'),
+    ('\xb51b0f39aa373af0b61c36b9421756f842934f31'),
+    ('\xb51c0a8fa140dce66817eddfe69d00e67efdbf65'),
+    ('\xb51c56de2c4ebf8fba9a75c973c49b9d39a8b5b8'),
+    ('\xb51cc40f81f2c8bebba3c3214854fe82f6493021'),
+    ('\xb5276f1ab78e1320cafedd0bfd326f5bbb748702'),
+    ('\xb52a91e00a7a5c82680b80360e28f82a49de67b3'),
+    ('\xb52c2a7cabff347109b697622697e74a595168c6'),
+    ('\xb52c594a06c5ce87cc9d6fea948fba5ae5012eb7'),
+    ('\xb53c174901bd1a92118de04ccbb03a788f9c5989'),
+    ('\xb53de583573b737887d2fa486b87a8cde34ca452'),
+    ('\xb53ecf43bccedc8a28fe3a5fd625a1d9ac9d04a5'),
+    ('\xb53fd0a3d86e4cc63632004db49175bde7ab0a45'),
+    ('\xb54937c84309afb63ae12097fdec37631b15b7e5'),
+    ('\xb54baf41bcf6ac93e5c3b32657e2086914a43b1f'),
+    ('\xb54c1aa5f007403bf24dc8342eec3c3119c60087'),
+    ('\xb54c739981dba657dbd3048d3b44c26f926859fc'),
+    ('\xb54f1a2c8ace29e5ff515e00285ed6165dbb783a'),
+    ('\xb5502382f2a59ad5657877f1cbeddd777c41c71b'),
+    ('\xb553549ecec8e0df8be5751e05187f1a99b7f298'),
+    ('\xb553dc8a320e4c6ff2c6ff60f03a08ee5c4626fe'),
+    ('\xb556cc2f1a81afe621cb04efb60fb993b90bed40'),
+    ('\xb557b76e5809e31e849ac9a249753c9d69fbc745'),
+    ('\xb558dac9091c80013c17a21d5417c75c67ff4a29'),
+    ('\xb55c682c4dde0e5bf5154a3a8116caf7be90f27c'),
+    ('\xb563c96a2d312a698f8e1947799062f3421cc191'),
+    ('\xb5658996b53e0b6f692cfe45ef7acdc477a914f9'),
+    ('\xb57193563f63d6ada408cd5483cb6d596d3e4563'),
+    ('\xb579c88b9b73b2a0ae9780821e7c95e056efd5f1'),
+    ('\xb57c226aa4e4fa1c58447193202f059cbaac431d'),
+    ('\xb57c3468a6a34e6e90d0a46e1367ac248220689a'),
+    ('\xb582af6953abffd57a21dac84dcb6886d8b226a7'),
+    ('\xb58547730b0fe3c0c09e85102921039676075295'),
+    ('\xb590deeebc5cab992248ac7d3cba80002cc989c0'),
+    ('\xb594b20d0a1eb8062c074c057e00edd28fffa9fd'),
+    ('\xb5995504a494142b74e02e7b7cb4b513a2e911ae'),
+    ('\xb59e8387b7a43f7bcd6dca278c70697c32255feb'),
+    ('\xb5b09b12a7589a8cb376cfa1889cd79e7d68506e'),
+    ('\xb5bd916bddeae6da8c1ae6ac153119edbfd8a1fc'),
+    ('\xb5bfd43baa42a1da76e3e344e7558aa61d103de1'),
+    ('\xb5c765b8b5b557d75906617b8eafdb4f1a6f88ea'),
+    ('\xb5d1923fdbbee8ad2d38fff82a628bbd9931aaf6'),
+    ('\xb5d4bda40bacc632fe432e019cf83010cb8ecf27'),
+    ('\xb5d9cbe3cec10dcff4c4a2cb0ced74766523420b'),
+    ('\xb5dc2595f7a911d6aa255aa9cf9cd061a7db693b'),
+    ('\xb5de3de2eb234509b6d6c3b5b8c35bba00f119e8'),
+    ('\xb5dead07b99116adc17e79ceec0bbee0ce520c5d'),
+    ('\xb5e426da26331ab3aa9a9c5b5cb6d6cd9a6feb91'),
+    ('\xb5e874ffa1dbeaafc7bd630de4316a341d7203be'),
+    ('\xb5ec4957b2a23836c195d9e8d016f7605d677590'),
+    ('\xb5f119cdbc349043345d539a96e47904e8534065'),
+    ('\xb5f1692d6fcb21aeb29857528722ac9675fdb86f'),
+    ('\xb5f308b5b192fe4b38bb67e5d63b34259913f237'),
+    ('\xb5faed5b0643cc75d964a8bba012e54188732cfb'),
+    ('\xb5fc45f34760641d3732fd16d8fbe5ee1ccb4005'),
+    ('\xb5fcb487d915fd25b28cf6740f7cc9c7893f9e7d'),
+    ('\xb5fdc61f8ff178918838c32f58c194cb7aa8a110'),
+    ('\xb600db777d8681fa5903d6324b8fb636811bda27'),
+    ('\xb60c5c279a208349d5832d0d6e7b08d6a0e32862'),
+    ('\xb61d66397467bfd76ab44030d78b219b0c3aaca2'),
+    ('\xb624448752e21dff0cf3d279fa2169c0baf59537'),
+    ('\xb62b6ad0a1ef8ccd254b02057120d91ec88e64ed'),
+    ('\xb62bd784c05f71afc8cae97b829c96985ded4a20'),
+    ('\xb63650bed38894412721cc64ea5c5ff3a56c6d13'),
+    ('\xb63a9375431cb48de22e50861c4c042bce7044b2'),
+    ('\xb63afd702f27b2a40ea61c1b4f8c4e94573b87a4'),
+    ('\xb63f4ea350fcfc9d301e0b2f574e3b6b6ab987eb'),
+    ('\xb648f8d3f859364731c0b03782dde8e1a09caecf'),
+    ('\xb64c9adea7c8486f8bcbc883d11a62c9754ead50'),
+    ('\xb653bccf4aa007bb2e7772201b356b7d6aa41ccf'),
+    ('\xb65839669f33c314ce64d68d5683ed4901eb3c0e'),
+    ('\xb6625c5d0681f58245b11851fb3ddcfb47aecb49'),
+    ('\xb6649dbd7687a53de92ae02b5204bb5aec5f115b'),
+    ('\xb6660297030ec790bef5890cc8a9168f89b93b3e'),
+    ('\xb66bb2835fa3d1409c141cea1eb1d6d948c0f352'),
+    ('\xb66e8d26c07c6541771ffe78bc52635c751bc7ef'),
+    ('\xb67a30f1b51c56edbe806dec1282f57431596e8c'),
+    ('\xb680af9b5e6bba17d99f07f20d97f3f1f4f748ac'),
+    ('\xb6813bc453f43a7ddcbd73ce7d1da60722282ac8'),
+    ('\xb6864f083af44ef5f98e9d29f1b61cc2acfea86f'),
+    ('\xb68d051cd98cb139c3bc7348c14ebefcda433052'),
+    ('\xb69ef3ccf782365f98b04ec0433b1744e45c2d69'),
+    ('\xb6abd53e38bc12df6a75527beef10280d6d7a51a'),
+    ('\xb6b4917fa4186b28d903f9535b5ab6ba0d1fb73d'),
+    ('\xb6b6fff45e05c119003ebc0162344f7b7eb821b6'),
+    ('\xb6b9a227f5b6faf407057afc6f5bd24701291da9'),
+    ('\xb6bdfe263c039db5bb662f662b0bdb7170fa27ee'),
+    ('\xb6c0d4c7dad6c4ab3fb8deb2d92dc01db34919db'),
+    ('\xb6c49056b666e94c465dc287e2f2a32b9fcb79e3'),
+    ('\xb6c74818398fe8a605c20dd7fcf623cc80f9e65d'),
+    ('\xb6ca38e3888ab5eafa668d44410cd63db65aa8d4'),
+    ('\xb6cbb2feadaa43b3a690a20501b9e1c313ef9f05'),
+    ('\xb6cbef076ff41454401e5ea12cc29336f003e970'),
+    ('\xb6ccae56867b3ca61493d8163de075e38134ba5c'),
+    ('\xb6cd052a27e5aea7ca13d593a7080679a5919a1c'),
+    ('\xb6d2599b4d7de6416ae5fee9273e627754a00a07'),
+    ('\xb6d8260ca2e587b0b956fe6e3da73f3b401f45dc'),
+    ('\xb6da9fcd4ef2f5a8b59e8e36eb5af58cd4e0dc47'),
+    ('\xb6dc1fc162caec2fdd2715bc923a6f61a2255257'),
+    ('\xb6e1941d1062ec2bee2f9728a872d7e223fe7f73'),
+    ('\xb6f42d3b44c49cd60319ebe48e7917aba3996e77'),
+    ('\xb7026840d5093961c07c3bb4c563261b3598b099'),
+    ('\xb70a70720f5401e335a28b3a72974d7cb4a91c08'),
+    ('\xb71ae01b6f257f5f74fd088cfee41c6d69b8c851'),
+    ('\xb7245b214592363e2b0aaf4522d0a4fca63654ce'),
+    ('\xb72880e97d056dcc497de938b85bda4757e0b188'),
+    ('\xb72978c315ad743ff0e8b2e376a2babf33079df0'),
+    ('\xb72febfc7ed6a4c31972d154f24d4a1c024290d7'),
+    ('\xb730ba005887076a72e269f7cfd62e08b4e5cc70'),
+    ('\xb7324e1fa642ce174c4acbdfb5341a711e481e22'),
+    ('\xb73a25d5857e475d8a298fa026bbda3761f571eb'),
+    ('\xb73d2088cb8bf9d7a29df4e093de491aa471a742'),
+    ('\xb742d96cb17e2398d741b2be9c64c781a1af587f'),
+    ('\xb74386b2d441e1438f761d097a6d7e123288ae95'),
+    ('\xb7473f7d39a20c91a3299168f29d9d2340ad29cb'),
+    ('\xb749d69054faf808f95bfbc5c9fc3cd677f4d061'),
+    ('\xb751a0200e0443bb9e14880ba40e2cb8a900980b'),
+    ('\xb7560f57750d21407225ddfa3eefc60255bf7e99'),
+    ('\xb76287651d17555accd5e5a0860b1f807d573af1'),
+    ('\xb768466852c5936d06e3fd63d803eaaf6324b2e5'),
+    ('\xb7738160b77b8f07e21712ab68d0b272a29fe772'),
+    ('\xb776fce937a6896d6217b49b7e33065d6b8db533'),
+    ('\xb77809e81220797b1d5fd7f6bcc178955c55bbd3'),
+    ('\xb782cc682cc0290010ffe954a823eefb5d20d887'),
+    ('\xb788396bfa634309384efa9112e6e38c781b2886'),
+    ('\xb78925e58b5f521d0492b68b2722044299e24608'),
+    ('\xb79a987374de57ebdcb4442b5a820ecc481be8f6'),
+    ('\xb7a572d9e001c9f946e7e43cf7db1542022bde30'),
+    ('\xb7a6dd6520ca8b5906f75e48a80054a7d20eac14'),
+    ('\xb7a7f15be4cc2f83f680ae4f80972c82e87a7f82'),
+    ('\xb7a8fbf432a5d2c84d1b076907535685d4836a82'),
+    ('\xb7afa62d781edfd62f671340757ccdfc11a9a451'),
+    ('\xb7b16b5988ddfa19bd0ee9fb6871377ce25fb2df'),
+    ('\xb7b24fdd8e41eefbfa00bb3cc60ab7b3fc0774b4'),
+    ('\xb7b79d5556d679d633bb5263a044ee7951f2c13c'),
+    ('\xb7be72fc89bb63c5e5b91596452f8fc3666e4785'),
+    ('\xb7c762573092bccad050c38d6fb4df00b79d6f85'),
+    ('\xb7cb9cba733c43ec8f70946fc381ba0ec80249e8'),
+    ('\xb7d2a881b05f15ad36a0b5b063097459106adca5'),
+    ('\xb7d7bd6d6054052011db543d688566f37b8f9dd2'),
+    ('\xb7df24813f77a20f261c9ca119f403d47a2932a1'),
+    ('\xb7e9ee0bde17bb2791545793809311a96ae2a017'),
+    ('\xb7fb3cd28a4dfc4fb7d0c6549e28722726ba7d42'),
+    ('\xb7ffeb31313dd30dd8dce115ba5e5f2b8a8fa9f9'),
+    ('\xb80489596cd7f129dcbaccbdf0af4d2f8d29494d'),
+    ('\xb806b2cc134366d966d153447718d4a1f361dca3'),
+    ('\xb80813eb57681ef8563d0296b7864b2612f298ab'),
+    ('\xb80a12e4b2a254eed5c7f4830662ae1ba99d221e'),
+    ('\xb80a47219e063ad19ac3f33f96eee4491082a32b'),
+    ('\xb80adb4f6d73f59e840f15305839a35640d02065'),
+    ('\xb80d2473905a00885195fda42b734bad54efda33'),
+    ('\xb80de449d7f802ba5fca5eb0f4920420e6fbbfc1'),
+    ('\xb81af0b01ac7c9722ecc7e4398976c40ebd0e74f'),
+    ('\xb82203be009307961d061d6ef12b8c99a3b944b4'),
+    ('\xb822a1161b55bf29ddfa3398d17ab3d5ee107eb6'),
+    ('\xb837e1b67300dffaeef7a502360a30de6768881d'),
+    ('\xb8382cbf47deccbf2ea092650eeee77e5ea4cf07'),
+    ('\xb838e9c3a611acaf14b2f56a119c324ac08f43b4'),
+    ('\xb8446bcbfd8f376efdf1adce1e91f24d30651e0a'),
+    ('\xb845eb4db9220338831a630ee122ccf8de8eac6a'),
+    ('\xb8472e79d4a7f54900ad67850ce2e79e21e84b95'),
+    ('\xb852b1546ba4ae4d78c884fc00db256bd86a127c'),
+    ('\xb85548e2cafb47372a499fcb4096d810fae5bb9f'),
+    ('\xb855830d1019966c2d20dbf76165d4ef9425e8cc'),
+    ('\xb85a0c90e110cd30fe66858f47afcb949b87d6bc'),
+    ('\xb8651ff335b069236ca4731f188750456aae1e30'),
+    ('\xb86aadec8b4b7b2276cdbe4679a3291af35507ea'),
+    ('\xb87376bb5d2d50d165a7275d790e10e4ed16b0ee'),
+    ('\xb8788a2cdae1458973df2f628ffbf062ecf9554c'),
+    ('\xb87bc1d086347f5259b74cdd920799c84e64ac28'),
+    ('\xb87ff51951890db9389a765e055065666efeda7c'),
+    ('\xb88149fc94bc6f07d3156f0bac2b86a531763013'),
+    ('\xb88528e002597ab84232ecb5da36f8fd18e71ce7'),
+    ('\xb88d1b61fcc88402894f47aa0cbd682563c67327'),
+    ('\xb89184dd8cf07982aa56f0d53acd84e6144691fb'),
+    ('\xb89563f4628c8ca235b4778d141717e2044169d5'),
+    ('\xb89c779936e3b455aa7b661f4f9146ed7afe7c18'),
+    ('\xb8a03ea5fa5cda9b0a13873921fa2b02b7718aad'),
+    ('\xb8a944e552fee5475f8f6fa6c2903e5b133fc540'),
+    ('\xb8b295e0a61abe0239303dc83e486d042b4a8bc6'),
+    ('\xb8b522fe46a4d775da485364f897e255c519de78'),
+    ('\xb8b532f09fa09b056145baa229f29c2d56fc9c62'),
+    ('\xb8bbecfb1558060cc37c21aa0396a22f0bf36db0'),
+    ('\xb8d0c1318b66e81d8067f983b2dc1449faaf7e43'),
+    ('\xb8d15394cb0a866541b5969c32524f948903db9b'),
+    ('\xb8d38f3030431127200cf66033b4045769604c52'),
+    ('\xb8d5e2b9e9a05887c9d8348b299f0be45a96862f'),
+    ('\xb8d7d95eb2193461c855a0cad092d8d5614cbcbc'),
+    ('\xb8e0c5d1f1925510755c2e701b95c66391136a35'),
+    ('\xb8e2149628d3d9cceae6de0f8f01a3706fc3d0f9'),
+    ('\xb8e6f62a8b183eede68f768c477ea531c61ff191'),
+    ('\xb8e99093711c5037bd75b68e22a20733419f1133'),
+    ('\xb8f3b903ef1c8739a20008138360855e3ad8deca'),
+    ('\xb8f52963716da01c0ddfaa564aecc1bd2cce9d00'),
+    ('\xb8fa5953cff38a2b8a90f7ce58ad6f7c9578821c'),
+    ('\xb8fcd5e26111a43fdd453a91da79d24d58909046'),
+    ('\xb908014c1efe1f13a579858d886141be7fe35f7a'),
+    ('\xb90a3f8078ba3cd57b319aa89ee320330cb06070'),
+    ('\xb90e557ce1ca715d28b757f80d3376a2f791ee7e'),
+    ('\xb91267e1e72fbddd709c9547f2d7987fc0329216'),
+    ('\xb9128501c0cbe44a5cb6f878b06518281e9aea75'),
+    ('\xb916c0d3a993a6450a9c8f98ad828738ea00fecb'),
+    ('\xb919c3774d2db0d079e11288bac756a1c20cfb3d'),
+    ('\xb91a69528cf82f3974a2cb9066c2d94272e31d80'),
+    ('\xb91bc91e514e9812d745b9b6034da679466d9908'),
+    ('\xb9204f71b848daaa9e718de0e6499115229e5b42'),
+    ('\xb92887daeccde7a2d03205b0a79e4a4bac2186c8'),
+    ('\xb929f6ff98895266a8c656506d446d81b2577c61'),
+    ('\xb92f1c90dc068f6fc7296d855fa4a2bd6ea43341'),
+    ('\xb936320532870e4e8b74fae1dfa7c7cbf576d970'),
+    ('\xb93be344c6f8a16abc681be7e36c5e46cd694949'),
+    ('\xb93ea5ca5ce3744f78b8d1a81911fc0fcce3def0'),
+    ('\xb9425f447f4c21f486337b9554bc45a0484b75d7'),
+    ('\xb94861f8a9f28702e07bba3ac2f812d9fdac16fb'),
+    ('\xb95202ce2a83134f62ab1dec3fb38e204f93152d'),
+    ('\xb9523b0be8e7d8050cf4da2a8b0a85622efffe5e'),
+    ('\xb95ec040dfc4ed9589c5ade3e52acad33d2744a4'),
+    ('\xb96af7e94e66e0718f6048e9ee1336bf34a7b45b'),
+    ('\xb96c4bc887ef59adbae12335630c57606e649177'),
+    ('\xb96d4f7bc0164bc9a897c303df1aa1a90e36cac4'),
+    ('\xb971a3fc8fc121968cc7ce0452bb79e924529823'),
+    ('\xb97409fa232d309827ff180ff49d5343b492aa27'),
+    ('\xb9756c438397c1ff8e1f12ea1eed1a75384179b5'),
+    ('\xb98866adf0e6bacc7a68f46e75616f6f44cbc093'),
+    ('\xb9887aba3b164327f0fb3d92089c518f3996fe74'),
+    ('\xb9892d1e1739119f46126d3ffb1fadc5e2d8c65d'),
+    ('\xb98bfeea5c613d11df9036f5ed9f1abdfcb6cecd'),
+    ('\xb98cca55ab88053dc77924360ec8837f0bcc1e8d'),
+    ('\xb98de10e81c7742ae4e6d5402c8f4fe85c8023b6'),
+    ('\xb98ed9020153e722e07a372c634fceeaf98d6ee3'),
+    ('\xb999f92859878127facd52f45f871a495fdb599c'),
+    ('\xb99c7d086ea85f119bb65256f3f9129875d83c2f'),
+    ('\xb99d1a895f6dc54c7c82d2b1bfaa6e9c60905bee'),
+    ('\xb99e68d4604b8fc305dc48424f737661f3bdce53'),
+    ('\xb9a120058548d1cb24c219ae0da94ece20ac806b'),
+    ('\xb9a251afaaccf7c334e0c3b13d7cf444f19bb707'),
+    ('\xb9a5d827135328f3bbee9b9294c6c2b86ff2739b'),
+    ('\xb9a6efea04817fede246f7eefe2265a309afea13'),
+    ('\xb9a7b80f47b9e45c33ca1c7e26d51d485be1c08b'),
+    ('\xb9b34a759812e7529632166ca1fe25fe63ab4342'),
+    ('\xb9b9f6f439c1887368ab51738258041abbcfbf30'),
+    ('\xb9bd8c520f2073488e1ead7bf4578a5fd53ab30e'),
+    ('\xb9c2c649f2d6acb128b92136379711934b023036'),
+    ('\xb9c34701beefa4ef713b383765da1f1a529c80b3'),
+    ('\xb9c34da35ea9e5261982e100886842a81a52ba83'),
+    ('\xb9c78b769d44ba54761e76414582cefa0d185b33'),
+    ('\xb9c81b31370884a67176f2d3bb51d24df62b28e5'),
+    ('\xb9c9e9fa65d409f1a55c8ccf4ff9dd7361de9f17'),
+    ('\xb9cf5183983b89a5fbce80749cee8ea36b0d3c68'),
+    ('\xb9cf9ab53c0b7172001647aa85428f7b8e8c4144'),
+    ('\xb9cfeaf5d8653ea85c3f37b774b761e08b6084a9'),
+    ('\xb9d1084d4a97339648e9e230ee8a35cdd2e38aea'),
+    ('\xb9d2df15d0dc5b60820d7fa4debfe747b7d13ddf'),
+    ('\xb9d6e6c7bf905dec071dcb1eadb800021baed40c'),
+    ('\xb9dc45df1b1015956953b99198e01fdec14e56be'),
+    ('\xb9e67465eb0fc86697f43fb22061ff4b030a615b'),
+    ('\xb9e74cb47a3ac89d909f4e9fce680557cf761ff6'),
+    ('\xb9ef934b2cc40e5036c36cf67b07b01d48088770'),
+    ('\xb9f50d4ba4754c97d99926bd9d0d5aa92300dc72'),
+    ('\xb9f8436018fa499ede24c7bf64bd52cdd5bdf5c1'),
+    ('\xba01aa5ee83270a232af2589fda842849867db07'),
+    ('\xba04dff77dbe10762f71ab41fb099a5d1d80a2de'),
+    ('\xba0508f21be1249519ed458fa38ea043e8e21eea'),
+    ('\xba06226e88bf71b6229951989cadd91d97a35a1c'),
+    ('\xba0a1ef95899b0c70304cb687b20a15508e64f79'),
+    ('\xba12e0460a2c2a6497e0a630e590bfa46653cc4c'),
+    ('\xba167a113219bfa350e96d926af7614b3a5bce61'),
+    ('\xba187a6ac737d5ce5bad46209c3569e60549a1d4'),
+    ('\xba1cb22d73015901753f6c2f87a3840766ef7d26'),
+    ('\xba1e274c7297db2e0e72e668af46519b4258127e'),
+    ('\xba20a6678290ac57763fc9333cacd885aa7cfa2a'),
+    ('\xba25779b663973f630845fdff7b4c42d024ed344'),
+    ('\xba28dd23edcd5d581b9bf0f8145cc90f21df1b5a'),
+    ('\xba2e8787c2d5e58cc30e8678f6dd84a24a85140a'),
+    ('\xba30c5db2944507b910baf46b71bd9ed6fd2af42'),
+    ('\xba370789c5170178ef553f901aafe04426ed3c42'),
+    ('\xba3d902d993e64c9526db034a7ea4c78665e65e5'),
+    ('\xba517eb6ab478f1bfaa9a5221f95a17efbfc6624'),
+    ('\xba574572391ae4bc6c1cad7a0b8d00227bdc687f'),
+    ('\xba57677c3e3e0525a30ef770a0e79d2eaa97bfc7'),
+    ('\xba5ae9c0fc1f329411682e1e25aa30c0ac73b6ad'),
+    ('\xba5d937aacc3e0c3559f46cd5c22edbc2eeef515'),
+    ('\xba60cf4c15ebc32184fc584d8c04c4eb99d9eb9f'),
+    ('\xba622a43ae8468641790b03899ec2ec6e0e3c887'),
+    ('\xba6c8cea05d6515e76367fbf766e6dc6785c8292'),
+    ('\xba72dafda7fbc4ddf5dbd46a19ddb68e9f0264cf'),
+    ('\xba7ba5f8d412ef6cc826197a43a426c600f2baf8'),
+    ('\xba7d34a585d50d76923bdc362ac7b4234c21ad20'),
+    ('\xba7e101e8fd26d8c627e494b2f8e1223c5c87c42'),
+    ('\xba8164edad3a525cdb41d84a505a4e0c3a04f02d'),
+    ('\xba885e7fb263a60314554d6b8e1a7654c7784570'),
+    ('\xba911e14fe57c1bcb282d50fc99b5fcba3035c04'),
+    ('\xba98e70f5ca5ded81c61c5db72efea4113d33c9f'),
+    ('\xba9ea45df2cfbf4091fea9adfcc2d9edb329b8fb'),
+    ('\xba9fa80ab7e23f90200c512fac06e33f11d12bb6'),
+    ('\xbaa6611a651dcd972641f4b75b206b36d2048349'),
+    ('\xbaa718a3363966f107d4c742911ccb5867b6ff46'),
+    ('\xbaa8f3ea6e53f073ff8e26ce73bc8e4344c74f08'),
+    ('\xbab402e8195e4c500a8fbe9ced62dc3492a993b8'),
+    ('\xbab762eb3d2b7354dfb31c753a2534126016346a'),
+    ('\xbabc94d84db82444441114c33eb9d9cec5fdcbcb'),
+    ('\xbac2dd904606586627c0197719e66025aa94470b'),
+    ('\xbacc8c1b49e7242e616550dc106143c0db4239c1'),
+    ('\xbad44e00804c6e50fc078547ced46d39519d3b6f'),
+    ('\xbad4a444b6ae109cd9d7db7db7185449c24132c4'),
+    ('\xbadadcec7aa1214d6ffd40be207c307e24841ef8'),
+    ('\xbade374515b6ec33fcb87775bc277a2fd438483b'),
+    ('\xbae1e344cebc17acc9e550c48bea6309b3812d1b'),
+    ('\xbae35814998099b631520fd2427a54db2542dd0c'),
+    ('\xbae5f5e3dbe871963f21426b5a3b78c23b60adb7'),
+    ('\xbaf5b74a2d8b9376aaf4db3cd07df58d8e3a360a'),
+    ('\xbaff11141c3a944c3221a6e5e0597a98ac4b37ca'),
+    ('\xbb09a9c978210f63b78d60e52bcb91a2e146c540'),
+    ('\xbb15618f90ab6b0a0a38058782aa940bb3c71341'),
+    ('\xbb1af1de52a68f3a591c9c0fc7d337fbadc3b3ca'),
+    ('\xbb260803db16d163cb5f83cfe1828bbdee6db045'),
+    ('\xbb2819ff010419fc9ca0381efb6674afccc65c5a'),
+    ('\xbb2ed48c44603e577691bec353ddc24ee04b548c'),
+    ('\xbb31cd2607718ad2c6a1237aa110d33e4c0e1d53'),
+    ('\xbb326be0bd75ac2962ba61773eb129fcec9c74df'),
+    ('\xbb35862ae2a759f72bfe88a29ac7b66435e89d8f'),
+    ('\xbb3c3cbd41d7aefb41fd877e57fb88c42200a25f'),
+    ('\xbb3f5f379c2fb2df0e3cc89e080eec9008117b7a'),
+    ('\xbb445f258d44579cd63e592827280511c7c7940e'),
+    ('\xbb44e554f815075c257d6433108fb99baafb50ba'),
+    ('\xbb56301f3eead8a59114108639ef839e559d7440'),
+    ('\xbb57df6979999d3ddd77065a3868c7affd7f53e7'),
+    ('\xbb58e6aecf2a43a9ed50f785c7b00de9ba555964'),
+    ('\xbb5c6c837a961175fed4e12ef26919b09ce2bc29'),
+    ('\xbb676e2ab8b41d043a3aba694b2fdaee1ed900cc'),
+    ('\xbb732e904c65edf99d94a4d073bce7a3272aba48'),
+    ('\xbb79c9e11a9eab561c9ad578ec89790a7f8d9727'),
+    ('\xbb7e2d102c4a9804a3f602c53047642787ab4087'),
+    ('\xbb8fb7a0eb6746479be60b2f18c8db4ea8c38226'),
+    ('\xbb8fd186d3b0d61f65a424690ae31bec25010074'),
+    ('\xbb90727f495be97fe309f2b37fc0a416599bcadd'),
+    ('\xbb97157976bc9605b57b73f87396962e36bdfd17'),
+    ('\xbb9c3d4f0f83258df46e0575d5d5e3c25fefd763'),
+    ('\xbb9d16d171e5d6d082b689a995d2944859054488'),
+    ('\xbb9fc427dcba731d7cf2af5e63624ff86a70391e'),
+    ('\xbbaf78dde5486737a01da116a59dd8fd065e8990'),
+    ('\xbbb1e5ea68c23acf901c938cbaee3f9a0c6a56db'),
+    ('\xbbb38727f0200f1f9d9a4b55835ee0382eb4342f'),
+    ('\xbbb6058d90a22e090d0dff75a23b81bc498737ef'),
+    ('\xbbbe005c88fb9f42b4bdf8c2644337af0641d2cc'),
+    ('\xbbc18e58b18d237052cc35b4c755c6f20947b058'),
+    ('\xbbc2d8480eef62fe48d74209f18d9c25aa1bd944'),
+    ('\xbbc85de016b7c2d5bef0c3280c21193ed9faedfe'),
+    ('\xbbcb15353bccb4eea8e9329f45290d733d507cbe'),
+    ('\xbbd0f8d604a65ccd40413c5e881227e4b5524ccc'),
+    ('\xbbda3b1d0405be7505d74add6d306b0df8a50baf'),
+    ('\xbbdd5238d1104442c2a0731cc7164499f69dc589'),
+    ('\xbbe0689e25cc705f76e84b38095a94a80998ec9d'),
+    ('\xbbe12b61f58900c8984efa946ddaa4f15380b22a'),
+    ('\xbbe640f3c7ffb1dcd1a2404faa78f6cb830056ab'),
+    ('\xbbeb562ca46cee3596e18962ff47a61ea72d30a1'),
+    ('\xbbf3f7082dd7541b3cc749dace9873ea016fb86b'),
+    ('\xbbf4fc96971a53a055d365881bae1fd308d98653'),
+    ('\xbbf75dc44c102c55deae34df2c414015a7ae7eed'),
+    ('\xbc08fe2e41e331fcf35fe07812c5f68f637f79ae'),
+    ('\xbc09a384e3e08881f6ddbc44ea5b444a28141de0'),
+    ('\xbc0ca6f224fa230c48277d2fab1e4168cb86b23a'),
+    ('\xbc11570db269c209e202fae7548698966c57fb82'),
+    ('\xbc1ac613c78b4e2c04df34c40f599cd472341acc'),
+    ('\xbc1eec932341f4b2f26e1b1311650bb9dc87eef1'),
+    ('\xbc256c5b44bc0b44ef2b1c68c62c967830e597e3'),
+    ('\xbc2955f58380e6722f222f31752369a589d64a07'),
+    ('\xbc2b488e9fbcc2602e28f132a05fa21edd044146'),
+    ('\xbc3109feccc702860584a07a376795506db80d97'),
+    ('\xbc346329823728caff3c9bd080543359929e2fe6'),
+    ('\xbc34d7b38a64368c56fd9f683335b6adb8362667'),
+    ('\xbc38396e2eeb4ee57b1b263f903566f768fee335'),
+    ('\xbc385d704111c398ce508143fbe212af8e7936b4'),
+    ('\xbc49ddb54045801a9e6763d50cae5cd3e6ec7759'),
+    ('\xbc4d66832008a4a05e4f8703d6ca5a8eee3cc359'),
+    ('\xbc54fd505de0bcf2b6a50f3e6a94a2e589e5bc2e'),
+    ('\xbc550461e18f9b82db23405cd03bba2d0a639419'),
+    ('\xbc5a7e46fb321f8429027387f8bde2c743c07ae8'),
+    ('\xbc5b397fe06173d73cf9ce2d1c76ecfc22a141db'),
+    ('\xbc6317d4dcca5c3a60c92fdbafbba2ce3dfe65a7'),
+    ('\xbc637ae51618c7f2fd9d8229d65065e56d143780'),
+    ('\xbc64254f2ffd8debea9c173a6522696f738624f8'),
+    ('\xbc66ad26b815885f88b1933f42c7f2d854c57b61'),
+    ('\xbc6ba1ff1642e4926fb30c941beac5bdb0789a91'),
+    ('\xbc70da91225a68d2b2bb5822fe138f5f5694c077'),
+    ('\xbc7df223b922a215a19fee1a202dcf7e84a21f63'),
+    ('\xbc9b2d830ffb7a8b1dc8085ffcbf9811f144920d'),
+    ('\xbc9f5943d8ccef2c40f051d564f34aef58bc315c'),
+    ('\xbca407d593bd1eb62f578c15e1735b51276e68ae'),
+    ('\xbca49ca8858128db753f4ad356c6254853b94737'),
+    ('\xbca6ef133aa506492965a633cb48be1c366df470'),
+    ('\xbca6fa787571482572380d290fd1c1b6e1714936'),
+    ('\xbcaea81907c73624c9e467b908ab61897568a57a'),
+    ('\xbcb4b1de41a206c5a23f61e9af003454ba78e96d'),
+    ('\xbcb694fcae84c41cbc65b02b93165846178c0453'),
+    ('\xbcb6a3cb8af683d437bdae2130d59e2f5deccd68'),
+    ('\xbcb6b849c9d992b6db5f58ab3c2bc2f7374e609a'),
+    ('\xbcbb7cc1ff7e60571cc10634e995ee28c3c1e322'),
+    ('\xbcc2cb3616e04cefd2c0542ca93ac9f4c8fc5ca6'),
+    ('\xbcc8f2d7f472078859fa7fb5c8def568a0cb059b'),
+    ('\xbcc950ea4e9acccf760c47fff1c9611bb5b74c32'),
+    ('\xbcc9ccd1463632c69f6ec8b01182a769a2cbb8f9'),
+    ('\xbccc6347b33e0002d16016cfe53dc2f1cdd52517'),
+    ('\xbccdb8e5ab55d0165fc2b31c2356851835cb9a8b'),
+    ('\xbcd2a78bf76702caffb874c35b1a5b6aefe01ea9'),
+    ('\xbcd47ff993d0a09aa57322acc8d99d9719b5ab92'),
+    ('\xbcd4e854e4d5c61a291a8a2b0ddf7259f161689a'),
+    ('\xbcd8c9f2c65b7ad4d834d32f5d0cd735d338f15a'),
+    ('\xbcdafc04e277d2820b40eb2a293ce2eceb7a64ee'),
+    ('\xbceb0999aa21ca50f7dbbe74c49322ab00c1e5fb'),
+    ('\xbcf0764aef98d2b11c3fa6425de5361fa17112e0'),
+    ('\xbcf329c7357db13711817b20248319de59ac92b3'),
+    ('\xbcf7ed5520b159346668086d8ad2a19ff8a2cc80'),
+    ('\xbcf9193e40ffe66819008e6f594133ffbac7b0bc'),
+    ('\xbcfaca8d2528fbe542fe6eb3aadbcf9e5e299ae9'),
+    ('\xbd0058156357296ac8fb513d50245e98d8d946b8'),
+    ('\xbd0c7233df081b5573a1ffd5878d131fab921b1c'),
+    ('\xbd16f161a1846ffe36ee1c24f4596d41d3fc468a'),
+    ('\xbd1ac98980f7c692d4b816d7cb8b26486de518b1'),
+    ('\xbd1afa5e91260f8f45ded3ee660a7aca8e37e19d'),
+    ('\xbd1f4774f19780f461e44d7fb1ee5c54f9d28713'),
+    ('\xbd21b0787ee09e7a605a9e7621c1c55c593fe8b1'),
+    ('\xbd2e12dbfcdff1e6ab1df40a1e03951c7a515f84'),
+    ('\xbd31f325ad7db55fbeefe46746d5b5d0da41006d'),
+    ('\xbd36fa027d085dd467002eccbc124fd51771dcdc'),
+    ('\xbd483275d3c6d464a6d7c205d572ce5309db78ad'),
+    ('\xbd4e89036d4d9431ee6f1fac19e13017d41d864a'),
+    ('\xbd50aa45708d99095835ec8832ef6d7f0e7842d4'),
+    ('\xbd55cb72537d819fce3139ff1172565cd5417253'),
+    ('\xbd574e82ad5ecd59a0d66a0e671e9cfb62aee106'),
+    ('\xbd592afad25c0b248faeb9b4944ad4eb55530cc7'),
+    ('\xbd5b6b16639d408832a2b4b3021c8239b74420eb'),
+    ('\xbd5bdfef46fca36ac3cefa2d70a9b5b0869a2d34'),
+    ('\xbd6402d697cc85bd2bc6399678da05aaa45bcf71'),
+    ('\xbd6b5e2f858c11efd8fc1ff4ea4f8cee02c94fcf'),
+    ('\xbd70e0312c42f038b4320d9ba6febe29181c9a9a'),
+    ('\xbd7334b18883e53931acc4b79f05a98bf3677df0'),
+    ('\xbd79c7edc58dd3c793004f5252b46cf0a999904d'),
+    ('\xbd7c91c921b330af7b2d44ebfb718bfe74752b13'),
+    ('\xbd7d62cd04c8fc3eb2ec77909590e1a4223e4c7f'),
+    ('\xbd7e3407516bc03c107b3290e9556310bbea6e6a'),
+    ('\xbd86308616c35bde0406574b01d641df0ec81ce9'),
+    ('\xbd8634c25506c38bb832746db2628e4d55f251c5'),
+    ('\xbd869d762403a21be0f60e6b12fb2811c3d0dfac'),
+    ('\xbd9083b33a19bb34f5c0b9c4a7f698cff88edde0'),
+    ('\xbd90fb70f20e47ad932819bd2ebc5136fde3776c'),
+    ('\xbd91d4cce7cc41ffa6871c645c903abc75c628b2'),
+    ('\xbd934c8f212655d565fe4a3a6222e8e928a1bd2d'),
+    ('\xbd9aec7db49f3bc65ac3426b383463cc115291c5'),
+    ('\xbd9b079317b201481ff183b283729ed06fb65420'),
+    ('\xbd9ed50fd178a7e2903b2908384b1348ab943977'),
+    ('\xbda341f632e08eb2340526dd3e6147492526c889'),
+    ('\xbda36b2332d6a2985ac1f3f702af9373f62f4202'),
+    ('\xbda6a1ea5b3fd646a8cd40cb78d5a66955891511'),
+    ('\xbdb43f238254d8395cde9a042485d260e85386c2'),
+    ('\xbdb6f440421fb0350553d56fb8298583e99f6bbe'),
+    ('\xbdc2d16c738bfd3dddf7027364efa3cbf476e699'),
+    ('\xbdc9ee852a5e0c9376157cb5e56d051ed6cc0e66'),
+    ('\xbdcc668d520919e666dc17b4c55c2fe0582c429f'),
+    ('\xbdcc8ab14b6aef4a2eedfb081b4890b2a3692524'),
+    ('\xbdcfb27a4fd5374021f41a0af62ea7a9e8a5e3b5'),
+    ('\xbde457bbe6c2eaf88cd7a372578cc6ee64e0461e'),
+    ('\xbde9e7b53181a74dbbe7089e74fa18c7eadc2385'),
+    ('\xbdefb58982886f1577da103380dc270dcec0c573'),
+    ('\xbdf21213bb519ccb96b5a65b8939c1e8a19d3bf4'),
+    ('\xbdf3ef1195e21a512a943503515f365990a10bdd'),
+    ('\xbdf54d8d96d6e6389347aa614f664bcf497aba98'),
+    ('\xbdf5cee3c664150f5dfae622a899c45b8a2ad56f'),
+    ('\xbdfaee916efbe80cb8ac59f3dfd4189916e5e71a'),
+    ('\xbdffb151f136e2ebbb05c5883f2ffb8c6e7cfac6'),
+    ('\xbe043f14a414d759ffdfb9a9db68cea17d0f7e22'),
+    ('\xbe09d5036f857d9ede87557d4e96308441f8b034'),
+    ('\xbe0cb933aa85ce9f52dae9f4ab7bb452d32f44d7'),
+    ('\xbe12e3342ca45bfb654c4e3e9db592cca93ef273'),
+    ('\xbe178aa9e5f23011184e2098b96acb3f322e5115'),
+    ('\xbe1d9377e7ac3b2ae90b880765a301abab297186'),
+    ('\xbe1f8f498d82fd5f9c3232d99a6578b10a773a15'),
+    ('\xbe219b70aa2c3deeb6627cea7f4e6afb8a08fa3a'),
+    ('\xbe2433713cd1506abc88fb1a41315c55bf34e42f'),
+    ('\xbe311c2f25e3529b0ebd6903d502a01e4b49937b'),
+    ('\xbe39d352fc6931eac55a82835f64392dda31fee1'),
+    ('\xbe4c81b4465f86bedd0620fa37d9e60b3d888333'),
+    ('\xbe57aaaa44f3419f2c8c7f7136763d9a62401bb8'),
+    ('\xbe5e6e5f925482457ed621fba37b373ef340a3f2'),
+    ('\xbe6afceb63ef4ab4004cabe923e0f64069b0f759'),
+    ('\xbe711fa9e4ff8ad3e727faed6e8cceb01ca71cfe'),
+    ('\xbe71bacac0ec72456aba45774b43df76e297374b'),
+    ('\xbe776b717f9c583d56e7c279bf233364d7e42ddb'),
+    ('\xbe7aaa236bf928ee1e94128aa7e3a16b35742a80'),
+    ('\xbe7c3f18e13026391ab473756f420f0fbdd60313'),
+    ('\xbe7c45433d0da4b79b964708ec8bb055c2d374cc'),
+    ('\xbe80f2d9b7bd1ad01dde07591a6c933374b4ea9a'),
+    ('\xbe836fad12efc89f04d338abd97be4339c8dbb0e'),
+    ('\xbe858e0ad5b2ff5aabacacdbc5f13fccb04bc155'),
+    ('\xbe886099d88d5dc93495492f71549b0e1e0b6668'),
+    ('\xbe900b1a4b644cde14f349b0eb7f6e79031c8086'),
+    ('\xbe98de6adbc55f74bd1373c3d5802c083606a19f'),
+    ('\xbe99873699529e83992d40af01d743037a4837bc'),
+    ('\xbe9b56eb7f450d25fb68817fdc8d8b84e1182a6c'),
+    ('\xbe9f4494ecdbb82905d8d9f0e86d271a6ff59634'),
+    ('\xbe9fb48845f4ca606eaf147bce87df6e18fe6d15'),
+    ('\xbea30ad85046505b09665c0c3155ae444a74d5a8'),
+    ('\xbea5c2e53789ebedfcd8408e50336536ccd66eca'),
+    ('\xbea9370c38deb2489ffd3bc23595e148b103f774'),
+    ('\xbeac7e46a6469b7e754ac394098177720f03208d'),
+    ('\xbeb3d412795fea6f86f98d74b17cf659c02743f5'),
+    ('\xbeb8063e61a133cde545ecba70c1c13d6feda1e0'),
+    ('\xbeb8d3c08a98e17cdb0d77ea7b1946e3b1a59084'),
+    ('\xbeb9f910a0f57a249f8d5df3e4e41b3fbca17e0d'),
+    ('\xbec0fe9f1b724a2c68a9c51ccffaaa6a12f0f126'),
+    ('\xbec12651a3dc690845b98e33365395af3d3e09f8'),
+    ('\xbec2f2d7ebefd3111e91b260530459123329bee0'),
+    ('\xbec8a01d8489a8ce41199e05f2503a7ad6f51a86'),
+    ('\xbed006c5fce53d37efab514e6ef80c0ed62c4125'),
+    ('\xbed12c377aca7af6b1677e1c527c4c16d3e141d7'),
+    ('\xbed37a7ef18bf55acdd85884678379f2c4f56d63'),
+    ('\xbed59f55fb2630c6040a45d7eda169158639d868'),
+    ('\xbed654abb263ef8ed92889c15b3109b6ecf04741'),
+    ('\xbedf7e413108cffeeb248e452b3ae059e2d453e0'),
+    ('\xbee0b8333d2b4a7e78204ac1075fe4afb5f98c3c'),
+    ('\xbee6915df098d5b3f50c1b4a19ba5ddced4ac5b1'),
+    ('\xbeeea9fc776256a6b7ba02d9057162a53b238ca5'),
+    ('\xbeef989d348114530d6d3947a4be02dbf9ff4224'),
+    ('\xbef0c046727de53f05e4d1c17e9fcaec769dc801'),
+    ('\xbefbed26a82e9f6a4a629cd231e91c0bad63712f'),
+    ('\xbefd803e6672d314d8d8563bf28240ef90910211'),
+    ('\xbf03ce1db976c83069a8121c13dba7e5ab4dcee8'),
+    ('\xbf0e036c22c9b60ebe3512098afd51a5dd1fee37'),
+    ('\xbf10403ee2063f5a9561f8ea4cf199221c4f25b6'),
+    ('\xbf19819122f5bc6254cae6fd4d5b0bc914134a47'),
+    ('\xbf1d9c3ff6b2aea7d73c00d5357700aafe073566'),
+    ('\xbf22eaecd2a8d51c17c54b8ad36c4d6b6591bcb5'),
+    ('\xbf32242cd47faec705f8b94aeb0620cffa2030d5'),
+    ('\xbf33f519ce1e14f6570cdf45d8e25c1f597203de'),
+    ('\xbf4bc71ea3d636606b0905abb7f9070aa1f24f14'),
+    ('\xbf4e8793ef4f30274fd6fa6eadfe11f0199e1390'),
+    ('\xbf55efbe5146b53d237099f79c3bfbd2a0cd753b'),
+    ('\xbf6696c9ca0369d2fe2b3fa69488666f02ed0757'),
+    ('\xbf6d9f1ce85bc101fb4cf348362872bedcc23775'),
+    ('\xbf6ea5f002e8e48f553d42752cc5aff311cc0503'),
+    ('\xbf732a85d1ee59e735d1429a9de2f9e6d19d0a4e'),
+    ('\xbf73f5d89a9b0bf071210d96e4f40f930ef19fed'),
+    ('\xbf751566ea02a0ea7fc4556104538ad80a225758'),
+    ('\xbf75fabe64f0adb80e7b75082a8f1871bf8ec66c'),
+    ('\xbf765ad598b97babcf6a5a8a692678074beeb5ea'),
+    ('\xbf773d59e1ad7ba75555f463d444b319e245ba0f'),
+    ('\xbf7f3cd0ace6367c1075f23fdb5e802435e02a32'),
+    ('\xbf8c97a737f82523e6b49a0f77d630a29607c73c'),
+    ('\xbf91ce950d8770a1ce6f49ac88609718b89000f0'),
+    ('\xbf924fc3f4d994ebea99291cecfe9e6c97cf16de'),
+    ('\xbf94140ef0307f6a41c62d2314f8733fc1cab189'),
+    ('\xbf9ac5b503c87b2b5ed8380113c64f304b324241'),
+    ('\xbfaa15ad93d1689ed821fa2202a70d00b35d553c'),
+    ('\xbfac418d0d4b38ae45b71bd44cd17695df8a3f04'),
+    ('\xbfb4d1e80dfb591386f17b9d9fd0d3138f1aeae8'),
+    ('\xbfb52a2bbcb635cdbc882153fee64f0e9ea2d0b0'),
+    ('\xbfb7dabafe4bd602c402919f7f4440058aeefc9f'),
+    ('\xbfb8b09f9f05b9f1202d4687da1cad3b7df6e191'),
+    ('\xbfc6a29eac60415d0841271df7db94b8297f215d'),
+    ('\xbfca1f9cf17da15f3bd5500613925207ce68edd3'),
+    ('\xbfcce9491dd601343dd4fff39bafd0d31c72bc60'),
+    ('\xbfd501b4597fe511d24c3de1d355f1705288398b'),
+    ('\xbfda5a13f7c29c3a712515778cb5ad2c449e76e8'),
+    ('\xbfda8c9ccbd6c5b1ace736ebe381b50380390312'),
+    ('\xbfdcb3a4a163a0faeb37c93f11fe4df60bdeeb63'),
+    ('\xbff8d0ed887916972e20c6b0575bb0891579d738'),
+    ('\xbffa2071e86df97b7eeea5145c2522973169dde1'),
+    ('\xbfff73a9c7d06cd2e555a5701b4a79ca3bb8f26f'),
+    ('\xc003ffe541e7f3df6b520c01e816ef5162461ea3'),
+    ('\xc00c64bcfbe69cf9e5e63f657f298dc26ae91f3b'),
+    ('\xc011f8dee99a2fa3023b9ed6a7c251e43697d3f9'),
+    ('\xc014101aa69fb747d9ba8652f59f263e62e89131'),
+    ('\xc01724185c9293ea4a51b6d92151c7b46db111e7'),
+    ('\xc01d4f6a09515c6aa5a90ce86c99cee02764f94f'),
+    ('\xc0224ff0caec3b873c07d2edb7049b7e5645cb06'),
+    ('\xc02809fb0a1dc22d4b6768cadca7b64f533fcd4b'),
+    ('\xc029aa7a9c802593f78d4bda1afcf92b1d1c7b21'),
+    ('\xc02eccc4743648d1bf77e33cd27b66db064dde5e'),
+    ('\xc030e34d6b6e05edc97e97cb2b8ddb46bde2b0f5'),
+    ('\xc037c20444b7a355e084d5f990f513eefb5c6af2'),
+    ('\xc03ef8f8edf9c984395533b3a20106e807a6efe0'),
+    ('\xc042acbfec83383548c97104830f653001f74a5c'),
+    ('\xc043c1fa1cb860edfb3847def2a6abd69213a583'),
+    ('\xc0499841ab189807518bc4734d815c3eb4dc9ba0'),
+    ('\xc04fce486aa0333a6e3bb8f49662cd0f0eabb470'),
+    ('\xc0545fe74708597ca75391379677b951c702a25d'),
+    ('\xc05bff7d5601e14a79a38c71be10b89bb753580a'),
+    ('\xc063d4c95a038681c0dc425e1f5e8b9f8ab0775c'),
+    ('\xc06c63857ca2ceeff6590cff827f7482c17c3b98'),
+    ('\xc07372f2b94aee72125b06f224acaab255b697d2'),
+    ('\xc075d7dcd607648661eb1fe89b1fcec54e756fb0'),
+    ('\xc0781d2b64e0823b89783ba8cd4a5b578a7979c8'),
+    ('\xc08296b073b9488e546ebf44a5bb4a13c1f381a6'),
+    ('\xc08a4f628acf4b0c71cf4dbddc2cfebfeee56b01'),
+    ('\xc091ac5e345c177ca694374430aa3f49842ee8ea'),
+    ('\xc0925120d056930d7ecc685d352a68f1614783f4'),
+    ('\xc0977d4a43dabb04d1b1fd229f1e723b73902532'),
+    ('\xc098e03d50e5a9ed3ac021da001b18c5fae3e28b'),
+    ('\xc0a86ba07a37e2d48146dcf1d995c0c579de8c96'),
+    ('\xc0aff91b61f94329a0480833a717c7d8f9490eb3'),
+    ('\xc0b2af9131a7983bb96fcadb86d38f13f360e9c7'),
+    ('\xc0b9cc0e8b6699265c70d52e9bb6e0daffe322a0'),
+    ('\xc0c1a11723f432a77592b383b0f45b19238190be'),
+    ('\xc0c3f2cbe5aeb5872f0fcabb593567dac6bff5e8'),
+    ('\xc0c50f0a20d7fb24382c6c2de4f0cc3e2095385d'),
+    ('\xc0c60bce7c114bc1e72e3d149a79ce14d076278e'),
+    ('\xc0d1c7e19bde17f3925638a6dcb7aed212006b9e'),
+    ('\xc0d1e1e894c239abc93384f2415f100cc65b4113'),
+    ('\xc0d4a7ea6588d40cdee8e758068d3cc0295b0529'),
+    ('\xc0d81044e6f4ebc3d246b11d77f1cb90ea5fdd23'),
+    ('\xc0db7fdd2607f0345f635c092bb88d6601b1dba6'),
+    ('\xc0e4d67266886371f473d2d6338e782a8c2058de'),
+    ('\xc0e56362b58ccb89c8d48a41abc6f2e7045f4497'),
+    ('\xc0e72ee56436a4a36cfe2526ef1de4b75e765fa1'),
+    ('\xc0ef737e038d0cbd2d33dcf5d5490ea61d4da8fe'),
+    ('\xc0f2d775bf5cd8078b8d89acef68b1798bb7e585'),
+    ('\xc0f81b3959a71566129148ec09d719548cdbcf30'),
+    ('\xc0f94dd9304586a101e20de49796fb5e837b91ed'),
+    ('\xc0fb153d7f76ad8315b8c4f2bfa465cb558def9a'),
+    ('\xc104ff769f4f0de8f613feb1137e89cd537f9c6b'),
+    ('\xc105ab83ba96234a2bf0c44cdc0424a936d7b4eb'),
+    ('\xc1088cb65d76a258aa72f6f8f157bd36c9e59e0f'),
+    ('\xc10b5831fbcbc036a2807fe73169c3933886f468'),
+    ('\xc11442ce5c5c3d1ba5880fa6fb778af61004ff71'),
+    ('\xc115c2cc322317f63bcb430a97f233502ba7732c'),
+    ('\xc11ab9c9b1931449f1e0d38f734d8fdbe3970350'),
+    ('\xc11c7950400152eae22770b8d3169fdacece6033'),
+    ('\xc11db8bdfefeeb09a0d933be274393a159731caa'),
+    ('\xc1269e166291b509224232d7d07393f80b4e0b57'),
+    ('\xc127d9850ea002658e1a4964abe3ce58d19599c0'),
+    ('\xc137fd54c36733597a4f3a769b4fdcd0e544c4e4'),
+    ('\xc13b1036479506a4c7bb99be5590d8f0a5c500d3'),
+    ('\xc1421fbbda04674b42bb7cc497eb421041dbda73'),
+    ('\xc1423a7457e636fc525457b18292d750636f51de'),
+    ('\xc147c39968ab6ba2358c02a8a7a7541dc29e486a'),
+    ('\xc149a66cf221c2a9eecaf8cc43daac0306e9425d'),
+    ('\xc14d8914d6edde3d2e5bf3c817adde2977dbbe4c'),
+    ('\xc155493c4a7c8ac73dc0cf822542dec39af2254e'),
+    ('\xc15727f689333d5fa6c3cfa014c7e854b73bca1b'),
+    ('\xc160a8f0678b3ded8931bfc225bbb4bee25eafb2'),
+    ('\xc160eeb277b9ea1e9cf02db6dcc6a81a2ab9886b'),
+    ('\xc1617f6fb982a3237007e490b2fa934cd7ca8409'),
+    ('\xc166decb1dbf465af0728b44d892ddad5e082e27'),
+    ('\xc167061cc6ad6affdefced0e6a82f2498ed6d3d2'),
+    ('\xc16b09185f67e54d20d7ddc03b0b53dc7ffa01fe'),
+    ('\xc16befbc98035ae5d1a903762b3fe66c02dc0047'),
+    ('\xc173c26a0918504286f202a43e0930ce99ad71c4'),
+    ('\xc17439c8711afbcbfbccb347b27c2b13253125f3'),
+    ('\xc17622f8a434c90ab99c0af6a38cf94ace9a5e7a'),
+    ('\xc17a271055a4605d5aa3b2f6b04c7f8395797dc3'),
+    ('\xc17a952e243ef14a8d67c99a8c2e8bf3bc434a6b'),
+    ('\xc17c9a8eb000d8f22327ea0c2172f057d2963999'),
+    ('\xc1805dfd020d535adf8951539473762e3ae634b4'),
+    ('\xc182119c797d0640292d660fd50bc991480cdaa2'),
+    ('\xc18250dd95fdf2368382370ad60f2ae8e0e2c1eb'),
+    ('\xc1846270ec839f1d0e6a3e35b619f035e516287c'),
+    ('\xc18b4b8d2b8ec85a228a27f6f0858326c64a2e6e'),
+    ('\xc19610e98425646992bed61e34ba29ab3ae863b7'),
+    ('\xc197658ac6ee884efea87b430b35b7e9884fcfc6'),
+    ('\xc1984b54ea625ff4a98c15411cb6c8d78525f7ac'),
+    ('\xc1992bfc23c1cb5f6104d64cd1fc1e5fd97ac9b3'),
+    ('\xc19bee3dcae924d68a0ed48ed5c565665a066c18'),
+    ('\xc19e2bac2da82998515d1e5ecb35aec3b6ab0218'),
+    ('\xc19fb8315e5d783d9d49c455d63c33a699c23d02'),
+    ('\xc1a1ccc3cfad5be5678ae3980a7cbf0c8585ae36'),
+    ('\xc1a4ff72a9d1e553651f7bd78e9fe90f0acd4978'),
+    ('\xc1ad297915bd6f67a141319385717278aed30037'),
+    ('\xc1b1fa6db4212d67509345bb6aadb52c028149cf'),
+    ('\xc1b4aee147ee913600f60158b234edc4d1ce6180'),
+    ('\xc1b6e2adaa72567f3f002311ffc62378b508cb5a'),
+    ('\xc1c60ae014ffe274b1fa2ead6eb62e3f12362a97'),
+    ('\xc1d546bf1db20c3f5b32a62778e5b23f4c4e0de4'),
+    ('\xc1d81a19d2865dcca27e97e7f775b65a7ff38df6'),
+    ('\xc1dc10641413223d42e89329d6af094c0e10ef11'),
+    ('\xc1df5d980927e4a6f41269a764975f947787dddc'),
+    ('\xc1ec826a3561ddead48c6c1ec6a5d57d6e230279'),
+    ('\xc1ef7c1f6637d8cef5f6e7fbc0d920df43d8cfd3'),
+    ('\xc1f0e376df98243f1586539ea4b606682f9ccb0b'),
+    ('\xc1f1d25011e32d39212cd91df007c77bcedbc020'),
+    ('\xc1f6fe31828909b5cbc074657be28bb0e8f06f3d'),
+    ('\xc20babdc9f47c9337402889158b19b39d59451e2'),
+    ('\xc20c111c66a0cfd01afc8b00ff3e8b1f07d69ae6'),
+    ('\xc21459759edaa902ce225599ca5dcdab11892ced'),
+    ('\xc2162a43ac8bbef691ce4ccb01b0a953636e4169'),
+    ('\xc21899a5419c3e307d2e1475d852ad4b0385bee7'),
+    ('\xc2190f3fd43b0a11b7c114eb29deab69de5bd9bf'),
+    ('\xc21932289204346b29b4c23c495771eba9e2a16d'),
+    ('\xc21ba71e2ffa761b5d8a67d2ba3816998a41713d'),
+    ('\xc21c53da4fe2de5b45c5cae0776e1d24ce035459'),
+    ('\xc21f2eb268c21a83b0c99347496cb98df10c22f9'),
+    ('\xc221833aab256aa25c76c1a595207942cd90527b'),
+    ('\xc2232f84675f8b93412d36ccacc6705e4d1f5092'),
+    ('\xc22c8a5c35985a2e7539bb61e060744d9a054bde'),
+    ('\xc231b4db711f341fed8aca674f1b58a99cf644fc'),
+    ('\xc233e968a0dc9870a8352c45464fea9313336b3f'),
+    ('\xc2416f9daecd3c6355b7f660835c3d34dc263c11'),
+    ('\xc246bd53de48bc56781089c92eb79c1d18eed5d4'),
+    ('\xc24d59b68d3ff9571c5612293fe1bfd105315509'),
+    ('\xc24e4263e83b32499a639d69bbf16339fcbbed41'),
+    ('\xc2520a37c688615cffe94f015695887b6fdb69a2'),
+    ('\xc254581b2fb2ce20f6ac04597b553da2821ee540'),
+    ('\xc25d105b012e7a7c950d4b651629689757af7506'),
+    ('\xc26034856848093f2e9fc1105e60d05181039f5a'),
+    ('\xc277d16993780f1defd0a824742218cfc5166957'),
+    ('\xc284bae2d4bed0e23831be1a231568c3562490ed'),
+    ('\xc286621aba371950377333c1bc3a9364428b5bc9'),
+    ('\xc291752207d49b96bca057dfb9877ab9bcaca3d6'),
+    ('\xc2980401dd192fae8d12ddff91e7daa476de24e9'),
+    ('\xc29b3a57e9ee33a46bbb333e30745554fd274341'),
+    ('\xc29c9a880257068fdf33211b2d0d5411ba7898a5'),
+    ('\xc2a4114eab37a4d74c9d74e89fbbc2dd89a4d82b'),
+    ('\xc2a5b41e561e7f48be65e1458532d0f614daeeda'),
+    ('\xc2aba20a348628870c7e219da9f33cddf9db8076'),
+    ('\xc2aef49e72e55ea5f329ff571f760178bac61d54'),
+    ('\xc2b0c4799c8f76806265a2e1e6a2e37f1fe267fc'),
+    ('\xc2b8a17637c30578995c7eac73d73416e7df9ce8'),
+    ('\xc2b9bbff15ca5818e25602bcd3dc64b07f7f5b9b'),
+    ('\xc2b9e22f39aa36de6292595ed00a3b0d9d87fbf9'),
+    ('\xc2bfd3353e379da00617df0f8a12210e529f9a83'),
+    ('\xc2c0fc98da377294e53e3af06ee6a555d854dc07'),
+    ('\xc2c4c0280c2e8d13bbf129032574a9b9117878be'),
+    ('\xc2c793291b8bdeb4424be262e6a344333693493f'),
+    ('\xc2ca81242fb19b8e03c41df23581bc3a3dfc5c10'),
+    ('\xc2cce4a6694d9b7cc631a80f111f5090c312488f'),
+    ('\xc2d092354c5a349cf1ff3304b546b7b9687f41e1'),
+    ('\xc2dbbd59104f9de56bc7043f4ac2557c0e1f1d4b'),
+    ('\xc2dc0d5c9ea3d78778291ad07112389d3083a00a'),
+    ('\xc2e3b205b12ef95f9b335bcd91798986b069967f'),
+    ('\xc2eb3ddd58da212eb33855c09d3e5a38416bb3f7'),
+    ('\xc2f77d8f47e8d05f6d467cb49f7793d2c29ec72c'),
+    ('\xc2f7c8fdd5fcb441f9b7b4e690398bec2efd817a'),
+    ('\xc2fa0f28294d7918dea753e07b6b00821174e846'),
+    ('\xc2feb41936d06c0db49a3fb23de351819abf32e8'),
+    ('\xc3000a8d69b39f05364fbcd3994270c4579a4297'),
+    ('\xc30624089eab392a618d62f29de7de1433933712'),
+    ('\xc3070db461f9fd7ab964f02a39686aaaa741040d'),
+    ('\xc30fa31a1758058eb5d2e439a291211249a6b5f9'),
+    ('\xc312a59ba01fa929f27a24e60692d1b8dbc6a9cc'),
+    ('\xc317091beb5a25588bfe3887273659e7f4d8d613'),
+    ('\xc319c5d427cec336fc9820f2ad46e25691758707'),
+    ('\xc31cb4dd31a0a7532726554f8afa73c720f80462'),
+    ('\xc31d6434981271c718a48865dac57c25d59292e7'),
+    ('\xc31fb6d297ec7a7bf526a9148733d1b2ec4762ea'),
+    ('\xc323519c80473187ab92a53abf85d0bd47df390e'),
+    ('\xc32371e10e3dbf1222cf3a7aa57069f849d3721b'),
+    ('\xc3254a6490f2dd65360103f5dc721cb77165acca'),
+    ('\xc32920424a78c3bca4d99042388f91437c54612c'),
+    ('\xc33220656d9a7c034c86f39df9422440044de008'),
+    ('\xc33ffb64457a357415b5ef66597eae710297ca28'),
+    ('\xc34403954f76f3fc846dad9c06fccecb98a8630f'),
+    ('\xc346fc8eac0fc291405262ad674d1f27e7c23bef'),
+    ('\xc350153be99fca289dd7814c5c1eb3ab3f191ccd'),
+    ('\xc3576ea0bba40761735edf357b72543950de107a'),
+    ('\xc35a7debf85f07464085c008f7e77bc02cb23440'),
+    ('\xc36546b5c48cce4b4d442f73c315c371f064a687'),
+    ('\xc365719223e47335c2b6101ebe57e81537effc8c'),
+    ('\xc36ddec26157d8f16300f00b7317772a3f503700'),
+    ('\xc374d3f28960115509305762f126e7f560f853ce'),
+    ('\xc379a212f7dd21df5ecf04649fbac3ce30d293a0'),
+    ('\xc37c464c0fec396354c8d64861ede146be84c774'),
+    ('\xc38024486f5638fb7dc1426feee7200fec2b2a5b'),
+    ('\xc387a01d6e791f38c991de880138cb8babecff10'),
+    ('\xc388c476875f34a23dcfd03dce31b1078de51098'),
+    ('\xc38a10816fc8f654c125ca7ae5b042dc10a76b8a'),
+    ('\xc38b4dacfb6284a36b839e5bebd044a985ddda4c'),
+    ('\xc3906af9c77cdfc93ab70621884acab7d95c29ab'),
+    ('\xc3926302bf0cf134fbe46f844acc6d09db9b8937'),
+    ('\xc39963e344c8e2ed8b4d54f3ea117a0ef65d55d6'),
+    ('\xc39b6e9b3699ea0add9185e297dd5c895a68b27b'),
+    ('\xc39fffb28b45cf96145199b45541c88153079b91'),
+    ('\xc3a99b995a5f444acd77c9bd0c66a733896422f9'),
+    ('\xc3af20e2bee036486291076fd4b318d891bf3f77'),
+    ('\xc3b241507a345ad18b1328c83c6b46f2b685f46b'),
+    ('\xc3b259f89bcac9baa05b1453742e8308fc05daea'),
+    ('\xc3b8c65a11d40c2a801efa349636e44c115858d2'),
+    ('\xc3c5d906394712b5727955bb0c9f18c33d307f55'),
+    ('\xc3c926c8f9eaef79b78d90d0bb5d66d74e6083ed'),
+    ('\xc3c9b6df066a9d6930c65b5269e316a47dd28bfd'),
+    ('\xc3cf69fb59e4d3869f1d929ae37bd85a45846a2a'),
+    ('\xc3d096aec331d049b021d7955406b7025c700d04'),
+    ('\xc3d317f381495684f2eda7c15c3b106a1a245bd4'),
+    ('\xc3d3635c115444dbcd7e49eb42f01536f4221c29'),
+    ('\xc3e091317c9701a4437766625a001a6c35139d41'),
+    ('\xc3e2aab2454fc0c333a10a6d9444ec33a4325d6f'),
+    ('\xc3e3a144dfe41c9fdb76b263a5464e3894d47cda'),
+    ('\xc3e49ea50dfc97272ae11a98b5f727f7145e6a92'),
+    ('\xc3ecbcdf496bbc911548da5dcd1001802af5ce33'),
+    ('\xc3f30b096c5884d5651b7a86c47326b8d3afbf98'),
+    ('\xc3f53e9921881e82b67665ac2afaa081a4374f8e'),
+    ('\xc3f7c0bec8a31221fb8fb207acde0c8c1bb41c76'),
+    ('\xc3f82023b37ce3000a170da21d830396ddc8cc55'),
+    ('\xc3f9e94793cbf7594cbbea13d99e8b0a71ca5e9e'),
+    ('\xc3f9f7d6ca2eef77726164b3dd080e803326c4f7'),
+    ('\xc4006f48bbd16576c7ea4740c6ea2c87921a3fcc'),
+    ('\xc409d9d5140d3710b47132b5440171fe8a16a171'),
+    ('\xc40a8d171b9fc0cf4228832fcab7dad6a199a2d1'),
+    ('\xc415a2678b1efcbf0aa710af34b6832385d7566c'),
+    ('\xc416725549ca23c701646423d997110e52a33b53'),
+    ('\xc41ace687ae29864c036de2ed1eb960c7c85f110'),
+    ('\xc420c4668422be4e0e4ed3374dbcac80774d5cab'),
+    ('\xc426aa1a7266db36e50ec8e8cd176ccc63a75698'),
+    ('\xc42c80d494ebd3c1348ba74edfa0341feffbf52a'),
+    ('\xc42ebf5b860d61c968f1eaded68f89514af8cd50'),
+    ('\xc42fcd870056f3b8dd9acb2138c5a95baecb8ffe'),
+    ('\xc4381f917bee63077bb2c3006256e00a07fd6c51'),
+    ('\xc43f0685e3f1d0caef9dde6ae0df04c09588a88c'),
+    ('\xc44049220cf2f655846cf0c145d5dae92a6dbc99'),
+    ('\xc4431e802636527d6b7eaba74a13f4afcf1e3fc9'),
+    ('\xc445ea0bcfceaee06ed6a6565bcfc905db7f087f'),
+    ('\xc449a0a74841ef332c6e58594cdf38d81aafa475'),
+    ('\xc44f73bedf505891a0cd18b0f01888a71e28327c'),
+    ('\xc45021f0ed0e36035fad15195403dacbba578898'),
+    ('\xc452e635fc332395544826ef7f7ff0bc1389df56'),
+    ('\xc453410c25a6ab7ccdfb0960977ef8135196bd81'),
+    ('\xc4543ad7d278698e5b87af42c5f37d1ef32506c6'),
+    ('\xc456603e42509fdcb7183693c7a9a278dd465d0f'),
+    ('\xc45bb5fe5439b40a7c33ff56ebc938c9b9406880'),
+    ('\xc45c681fa2100b6ca64c5e2249ae5a5de8ed6cae'),
+    ('\xc462bd4db570d1dcbaa8bfb95628d9439180f15f'),
+    ('\xc465f0c92e87207efce84f4e618f1460917ac818'),
+    ('\xc47c20434da2b937a007c51eb1691f5a34935395'),
+    ('\xc47e7ab59161ea9590e7175ea4c18ba18710b632'),
+    ('\xc4870395f212f0d84fb58539e74234f114c345cf'),
+    ('\xc488f1695637d683a5a61273ad9583d6dd306fc8'),
+    ('\xc4898001b5e831210bac04f0365881a44fd71474'),
+    ('\xc48a4dec33670a783b97318312d48b3273030e3a'),
+    ('\xc48dcdfd717ecdd84546bb8068939403c1bd9847'),
+    ('\xc48f7a26a0c2368335943ac84dc568da15df4e92'),
+    ('\xc492f7a942a9f9d12aeaeb852a2fddffb4e14a9f'),
+    ('\xc49e6e31d726fe99e27dd0144b66ff3fbc52e583'),
+    ('\xc4a2f20024fea97968c18db70e6ea2907fcd88a5'),
+    ('\xc4a4fa08ce3c13dd13ce734733f504d2deb4e9b2'),
+    ('\xc4a69f6eb815b9e60455333e2a49f66966cced7e'),
+    ('\xc4b0aed2b0ed485625d9f93794cedc762d84b3bf'),
+    ('\xc4b61f620c261ca8b2f9ee4a138207779b27d224'),
+    ('\xc4b8a99e5361fc8a51ff8a0d96a01e360259b633'),
+    ('\xc4bf24a5459ab3a3d7ca47069270d8e06256c4a0'),
+    ('\xc4c194aceded18f0ad684eefcc46843ab8c4994e'),
+    ('\xc4c524173fd02dadd878ce6f745cca22c99788eb'),
+    ('\xc4c99ed1d948fb497c07cc8bbd4eab2a3beb6db7'),
+    ('\xc4cbdcfe9d8be1d92bbdc3f7d0722694eb0fb692'),
+    ('\xc4ccd85f315146a5ac5cc92088880dd3a6477b0a'),
+    ('\xc4d0e899921070a316946ffbdc301302f9253bad'),
+    ('\xc4d4fb59a5bb5b3c87454e9d60e2a3913abe6d99'),
+    ('\xc4f3432869ebca16df8d9d7fb2e9bdb2bca65ab9'),
+    ('\xc4f3c071bf669208a42342793044a444660654b6'),
+    ('\xc4f481dbda30359c2778aa8de612d0711349392c'),
+    ('\xc4f8aa4275f2e627a744ac914d6f8c188c8153d5'),
+    ('\xc4f9ec5af11f06d32133c8b2ea625179c1026f4f'),
+    ('\xc4fc6fdbb848ed613bf0e82aa278630648830d3b'),
+    ('\xc50067b6a2f459a88e1183f9adc06e3c72d4a04a'),
+    ('\xc50193e8078afe8e3ee5f2233e0201cc3d90a8a0'),
+    ('\xc505bdd335e4bcfa58e46ede4d11ad4154a8256f'),
+    ('\xc50b7e97b2334e634efc9ed03de8272b92460288'),
+    ('\xc50ca5b5636a8c70f79e483ff8137115123beb2b'),
+    ('\xc50d1cd3e76719be1bb6c8789ec4faba4e9f01ac'),
+    ('\xc50ef68fa5cd459688fb63eeddc7728d1f7cf18e'),
+    ('\xc512bf1dd63d99b44d611f4f38edeb1e93dd10ed'),
+    ('\xc513093cc92afd34b31290f471e6500d4d5aed08'),
+    ('\xc51550727865eb57756c5ab29cd779bf1572d964'),
+    ('\xc51dd471aecac37d77e5bb3a1fdd494a8d8c670f'),
+    ('\xc53159dfb1cd4f701a86e9a6132184d9e2f54da1'),
+    ('\xc539699a349bd7eb133b7413544f8014260ff6a1'),
+    ('\xc53b73f79ac7f491ae5736646bbaadd75c1fbe6c'),
+    ('\xc53cc6ec96156021032e33ee3ebfab01b3b1596d'),
+    ('\xc5436ca74928a6b40d6ecd92a9ab1aec83654ab7'),
+    ('\xc544ff68e81a787e7b70b379d689a58a32ae026a'),
+    ('\xc5497cbd84043f477a2ecdaa548099a656e0f2cf'),
+    ('\xc552b2d56f0777c6edd10e1511318efe65349bd9'),
+    ('\xc5546ee83c5d9f753483dcb819077b795811c73d'),
+    ('\xc555c5fcc3b5d3effcd01a2ac335dbb1d2289cac'),
+    ('\xc56032e3ce3bdac112a98cdba2189d9e662c649a'),
+    ('\xc561a0f64018fdd280e0240a51fe830dd035f2a6'),
+    ('\xc568c8212b5f196c4ab9b20e94329f253ffc77db'),
+    ('\xc56dff04ccc0190cbd0e6a614eefab869a59368a'),
+    ('\xc57a73e97c5b044f2b9ea0ce178a8604ea598eeb'),
+    ('\xc57f395bc25b8738f5f77f602afd56de6cab6e59'),
+    ('\xc59b9731c2ed7466745dc9091a69a5ef6905ce3c'),
+    ('\xc59bc6bd61a3cc522d1c00347884b6f96fe6fc22'),
+    ('\xc59c2f37e39e0a53defb309ffebf24e3bc88d77b'),
+    ('\xc59e66e3a1a786b13541527428b5d70ecef80c02'),
+    ('\xc5a0da35e9219a2c471c93cfb8c9c6ac21ce4e7f'),
+    ('\xc5a3bf7aecc5373b862c15f20530f322e11802d3'),
+    ('\xc5ac741c4a4cf03d51cd88da5258e5676af3e0d7'),
+    ('\xc5b32001936a92dbab89eaa14d1cf67e9d34b040'),
+    ('\xc5b8ca86067d186937f6675da6552cee1541cfbe'),
+    ('\xc5b935d247597cbf8049f72cb65f65d650178cd9'),
+    ('\xc5bbae40f439d01ec08e9e807f0c0b78239f6037'),
+    ('\xc5c04819e35a48d099a42f13878af8c562e8c6fa'),
+    ('\xc5c10b0990dd9b302be0e9b36fdafce6cccc9deb'),
+    ('\xc5c21a7ba3a4f58731d10577f04b49b96d6bc81d'),
+    ('\xc5c3148d3bdd354ad1305f55d6f92bbe713db28f'),
+    ('\xc5c67f218696bdb509c32271040e60091e76e336'),
+    ('\xc5cea1c61889f49b99b924b618efd751cfea239e'),
+    ('\xc5d697e7e58dce39bfab41c1a085637a6353eb96'),
+    ('\xc5e1c6029bbe3a3be2a1c69e312593042646d5bb'),
+    ('\xc5e6b9abe1a55169df828cad50b04fac7506fed8'),
+    ('\xc5f366ef3b4ed9766edcc28aaaf10bdfe38adbe2'),
+    ('\xc5f80ed1775aed3d4936dfc2a700831ef6b17125'),
+    ('\xc5feb69def4e24f6dce0f5a901f6940ad5fac792'),
+    ('\xc6096b54b4408966edb82c96aa1a0ef7b3141982'),
+    ('\xc60a3063e8f0a8471de166ca3c5608c26a30b117'),
+    ('\xc616ded931e8f650369c59d39dffcd69633ff814'),
+    ('\xc618a7cac99e669ceed0ee012a7c2a05810dc7b0'),
+    ('\xc61c8122d5c0aad1cb9647f660478f5719aa4c54'),
+    ('\xc6254862ade259356b1c46fe20eee35cddb16a4e'),
+    ('\xc62934c54824a8583cddc02b02fb66883d8188bd'),
+    ('\xc6313e2fd76d9c8c64fc1463634fd39613c60387'),
+    ('\xc6359be66933b0f019991443aa69a51c1b06003c'),
+    ('\xc63a9ef7f2c8824e0ae1e43fed8a52f3e063c0d7'),
+    ('\xc63b4799b6693685e2b4332873fba4ff16a0d15e'),
+    ('\xc63d8365af38f66f6b9a97af8b3b939cf14925d5'),
+    ('\xc64b33e3bfada04429be9b70bb36304e56494756'),
+    ('\xc64e7e6c036a2dfee94f60b2578e43b49fe4078c'),
+    ('\xc658a1894a30bac3c3f85dbc8d582756f3f846a0'),
+    ('\xc6619b887ae6445c38871227f71671606b8fd5d2'),
+    ('\xc6654491e3ea71fa1bf9be08e71f409eb127bf35'),
+    ('\xc665b000d91ba35959de466b617b916b11f61636'),
+    ('\xc669a662e708574d9a216e24c38d2938111f4d90'),
+    ('\xc67106c7785ae5943021f4f56bd4f1353d3bb20f'),
+    ('\xc6715de87ccd145558086cc37d4983310b2a1420'),
+    ('\xc6734bd5910e70696e631a3a8950c5978d9a9634'),
+    ('\xc6752c914063b17795fb7348652ea27e05593c3b'),
+    ('\xc675b4e294977be1a142cbeba8e36551b97f00fe'),
+    ('\xc6762c9e9ec12ce770ccccc9450494fdaf9fbc9a'),
+    ('\xc67e74c7cbfc8426839f0f534a9ad3831726f7de'),
+    ('\xc68c37670ae8f13ad46f2795998c5f22e61defe3'),
+    ('\xc690de7194a3a4cb6949fd2c714ecf996f8c4190'),
+    ('\xc69b18ebee341fb23966e97b0e1b63469927bbea'),
+    ('\xc69c9b3b2de498db73fc333472eb5a545889c44a'),
+    ('\xc69e40b0166edb8f86e9c3a59ccbed8e397e062a'),
+    ('\xc69f0e97cafa0bc1202ced584377864931c884f7'),
+    ('\xc6a37df53dfab7aec4116b09630b02878b2cc8e7'),
+    ('\xc6a980c8fdbdc34340e1acf6279e20e4b75f0789'),
+    ('\xc6a9b01a99c458d7ba0409f6cc34e9fc2f656431'),
+    ('\xc6ab035e3573dc9d3a2eb15265ca68f2c0140f18'),
+    ('\xc6ad3f64de7c7450fbe2a750ad098f61ae4cfbf6'),
+    ('\xc6b606652bc095c62590cd8fe37931456ac2aad3'),
+    ('\xc6b8f386fd1dfbc1a0e508bf9e95d8a2172d2cc2'),
+    ('\xc6bde722a3d81013eae0f9d637b49cb9a61984cb'),
+    ('\xc6bf429748fb1d9430b25e31fd6438e374851e80'),
+    ('\xc6c687f8f5051d96b5b3e39427570acf3baf0e54'),
+    ('\xc6caf6e86ab73b1de7bd0053d6bf14cd672bcbd8'),
+    ('\xc6cddf94f3c6e1732a0cf4bfb61ecfcf442b9c3e'),
+    ('\xc6d860c0de85b0a291bf0e6d40d07bb4cd956ab1'),
+    ('\xc6dacc2d5dfd4e283adfca34115139ace2490570'),
+    ('\xc6dbca32a4b1f12b52447b27c55102152eb4571c'),
+    ('\xc6dbd2a5fe00acac476dc6a0779567c87334b512'),
+    ('\xc6e7a5fa33900b6195b6061cca48432b3434c805'),
+    ('\xc6e9e4a7bb563412ed222ca9f8d25fdaab922d91'),
+    ('\xc6eb7d59d3ac5ed9b29160cccfe078aa29419140'),
+    ('\xc6facfb74ac3fc4f5dbde0610ad721ca8cfe53c0'),
+    ('\xc6fd8388a71532dbfcd54e8305c0a56f7c8437d2'),
+    ('\xc700b48de3f65d67a50e1041bd070da4d9be91f2'),
+    ('\xc70283cb51145f5df8c2f1fce18ce599c5c3f227'),
+    ('\xc70c70f655954ef0d156b3b7a054cc5d768bd511'),
+    ('\xc70fe2b775cfde3696741aea4411ea57da7a6eaf'),
+    ('\xc71398f34133db3ddc550128500c67d3e9d75887'),
+    ('\xc7158f73df5c5a86ee7e31e5b0c2ff1240abe894'),
+    ('\xc71ba02734a4c67943b1ed106c396c410add745b'),
+    ('\xc723a6dbfb096df7c02f3c556ac552ccc7218831'),
+    ('\xc726a04f78b4ed00d58d7682c11188bf63ad460b'),
+    ('\xc7291ea1a10028f3f05234cc8dea5ada298d7413'),
+    ('\xc72a1a8e2efcc96c3d8a39e48dbbaf0c75afaf6f'),
+    ('\xc73e1cbf9e2b086eb450ff211f342532c24c4c9d'),
+    ('\xc7415fc0edfe8e3d86c9239218dd80fcf53785bb'),
+    ('\xc741bb05f5449a166c20135e9c957b897b08ee18'),
+    ('\xc753d8afa9ae8f1d16bcf9af103abec7986d6bcd'),
+    ('\xc75418e4bfb988975cc1568dbc3f8419d933f9d4'),
+    ('\xc75433a0db95f23969f2908704d268f522161ee7'),
+    ('\xc7570f0646455f72dbdfc4021528f1f9490572c7'),
+    ('\xc75b670c3dc13ce8b6e63f8d819a114686413c88'),
+    ('\xc75f346bebb9f5782d06fd560a01487188bef2f3'),
+    ('\xc7623fde6acc3e7bc3d5c44553327fa34c36a852'),
+    ('\xc767fc6246865f1c95ce05df46709f038a97cbb4'),
+    ('\xc76838906c4efaffa1275b254c167c1b715d5497'),
+    ('\xc76abd2bc6a413c46bf7643071cfd3f4eef6621a'),
+    ('\xc76f863c146da770f3562cc8009be1bdb359e29b'),
+    ('\xc7706108eced85b461e34c53c05e4cfb855c67a7'),
+    ('\xc771f8f648b07f6c9ed387d755f50d4ec705caa1'),
+    ('\xc772e88c97e2788994a6b04dcc6d7d7b38bb743e'),
+    ('\xc7733035b611ea4c6da786539a07c6d175725e01'),
+    ('\xc775e56f4cac0ef71a4a98a16a4725b5d6f9daf1'),
+    ('\xc776c349c2960144b0860fd6dc21ad6d8a6fd9df'),
+    ('\xc77bf9d1ed84059d7cf2641af02f6ad34b37684b'),
+    ('\xc784fbd536a0bb76966ac8e1ae7551458b7449ea'),
+    ('\xc787fc1650af47fe8401d9292bffaac25320f20c'),
+    ('\xc790ca16471b94b425110ca287db12720b4ee480'),
+    ('\xc79487275ee6d612f9d888d269dc8a6ba5e5b104'),
+    ('\xc7987bd205f8268bc553d33e0176d04e9ed1d1b5'),
+    ('\xc798ed4bcf01685bc4901d4e007851ef5feb5217'),
+    ('\xc79a19164de732384dc4dbda85e71ac6787da0c3'),
+    ('\xc79d6b5c99bcaa2577f87b71685bd21228292bad'),
+    ('\xc79dbe1d9fa3b32cab78ef949187c9d9b26b5fd0'),
+    ('\xc7a56b120f411e71bc0ed8c5a27bad9a96154b75'),
+    ('\xc7a87f1a0d451631f9ab205d2112bdcd385dbe6d'),
+    ('\xc7aa49d93f9b2942f76aaad78231e40aa6743d97'),
+    ('\xc7aaf5fbd2255db676f2df083384d0d50b10b1f4'),
+    ('\xc7afa92f9ebf87b63d8d6f6fbbf1f71d6583a1ee'),
+    ('\xc7b7216858b58f4122322ab23389b2ef6c84a179'),
+    ('\xc7bcf571a49e8f4b24c8bbe32213b1822c57f69d'),
+    ('\xc7c09325e031ad901c70b2ec598deee585b91196'),
+    ('\xc7c7462a889d6d9a2752afe8097d3973d33cc4f9'),
+    ('\xc7cc324aab66d639ad6a8fe04d5b8feac1f9a69b'),
+    ('\xc7d447fdaca52286bac97e45fb137c905c14eaa9'),
+    ('\xc7d7ac89364c9c8ea443b9df55b80cc42ab23de0'),
+    ('\xc7dadc6e1142100154bae3f5044b0929b2d6bd6b'),
+    ('\xc7ddd3ac7501d326df074f82c0ced0e824fec7b7'),
+    ('\xc7df248ba94338eb6d78d63610fb43a4000767b0'),
+    ('\xc7e87f68b9f9ced57fec8798fe02a24ee9e09a2e'),
+    ('\xc7ea833b86c9b84df6dac67ca0733ba8b37c0987'),
+    ('\xc7ee88e66ace538591cc432795ae1230c6f4fc65'),
+    ('\xc7f4e83746b95b0813ffb54c942c1a3d1ab7f70d'),
+    ('\xc8027f1a8308700d2b24b6617e5e3b4a3c2eb062'),
+    ('\xc812992c26ad08dc489df9ae0c2cab8f93695590'),
+    ('\xc816eddbe9c64ca72d475445b241d14ba56522fa'),
+    ('\xc81cdf7851e64714b4aa1959e8bef4e60cf35422'),
+    ('\xc828f382896401ac3098ae11cedb3f256b9c286b'),
+    ('\xc82a19dac99b0a07c922889bfecff6dded00be34'),
+    ('\xc82b09fd6a374b5137c35d43941b6740304fc187'),
+    ('\xc82b11b68a42f4a1f151a563cb0721286d9b74ea'),
+    ('\xc8327be60efb6b29967040ebd890f4f6ea74b318'),
+    ('\xc834446ff812263c4d53d3b4057aecf7d5b7b2c1'),
+    ('\xc837e5d2b996807d48cc0fe2bb64a0334114d7f2'),
+    ('\xc83c2feaca405722968fb4d654fe35138df20309'),
+    ('\xc83c370da20431de0ce7b296ca67ba6fa77bc1f3'),
+    ('\xc8409c2b8278e60092f4ab2d57d3c69bd75a1dec'),
+    ('\xc845b08a3b6c2c4aadce1898298dde70af3883ca'),
+    ('\xc8473a24786ab016d9c3e717a380910f7cbb0fff'),
+    ('\xc84a2455630e7eb155a95e958c0798233fa0c8e0'),
+    ('\xc84aed639588d6f036b1fb256ad897eb80d4cb4a'),
+    ('\xc85507f6c5b19bdb69403a0425a84ca99336bfe1'),
+    ('\xc85a41a9746b682e7f6f85913943f3e6850f620d'),
+    ('\xc85e60563157f9af73d2461dae9504146388fb7e'),
+    ('\xc86a18f9c557bb2aee1196e9c48ae8310b999703'),
+    ('\xc874de54940984c1d44ff7ea30a267da4e0653f0'),
+    ('\xc8783cecab3b869618b8413eb63b721513895f9b'),
+    ('\xc87e8a8130ac44508d3d549891c5ebed2bca5470'),
+    ('\xc8814cd47930b7187c77c16f1662d3f056fafeaf'),
+    ('\xc886d50e8ef05d60d18692e14ee8f99c9132f5e5'),
+    ('\xc8898ab389be3f30e49d86e2cd08afc39c92e90c'),
+    ('\xc889a9f5e3bd829b581320ac39d3defcfb5c18ee'),
+    ('\xc88b7bfb18c7107cd495f3ce29c860faceea93ef'),
+    ('\xc88d68ef15a73f06b65a5384c9ddb03df46f8dee'),
+    ('\xc88de884563cac50fda21da5284f964a7063ba95'),
+    ('\xc88ea1ce7a144de55836a7daf042a630f95a396f'),
+    ('\xc894fa86243dec71f10bf11c7d0846b8b8b0b08a'),
+    ('\xc89ac1edbb6c62f1bc0668c77ed49ff7fa24fae2'),
+    ('\xc89cc452f08d5d16541de9ba74d35894c26f7a1d'),
+    ('\xc89cd55eefc9be7125f696c874bde1b81bc6b428'),
+    ('\xc8a3269faf997937c6856b8a06ebfaea4024be8b'),
+    ('\xc8a33d65abd57601d4a19eb230a95f17493a444c'),
+    ('\xc8b7efe7587a35ca65e0d423975bff08b31f9353'),
+    ('\xc8b9ad3b2674bffbb5d1ee62eca56970dbd16802'),
+    ('\xc8bb63286e656c53379a54a89675bffdea616a91'),
+    ('\xc8bec48a11032d9f9a71b0ac043ee033d562a6ec'),
+    ('\xc8bf4f6feb6c3dad227f85c14752b5e6fcc0e40c'),
+    ('\xc8c4b1eb07f2c9df91155748e2a4991235763ac3'),
+    ('\xc8c609fafae82e9d9d78351e357aaff51f4ce423'),
+    ('\xc8d39af62da8712a3d763f165e4f329c176c262a'),
+    ('\xc8d4652052ba28831ffee70e4f9964bd4b5a8472'),
+    ('\xc8db5fd050e0e7441590885f5a831c1fbf9162d7'),
+    ('\xc8e114b4334e049e587678d0845582beab7eb1aa'),
+    ('\xc8e41daaa36290e7529058ad5c7f4b363d52d801'),
+    ('\xc8e8676a44f7b8483f5c3efe126d3b44e2015c93'),
+    ('\xc8eaf7935a65556619bd587e48e3c5511f6dbb10'),
+    ('\xc8f45a5d66d715a8c6fad4807595d324d5742727'),
+    ('\xc8f5a04ad4a8472010a537f0ceb3761dad3de133'),
+    ('\xc8fa146d02c6a9c5c80f1dc269b5cf642ac9cf24'),
+    ('\xc8fb6d55bc917a65ab50618f39b11a293f7ee1a2'),
+    ('\xc9007d97b42721c8377075e3215294a2285e173b'),
+    ('\xc904b8e465e13548addbd1f04a98bbc1dbe98e21'),
+    ('\xc90da48ff3b8ad6167236d70c48df4d7b5de3bbb'),
+    ('\xc90dccbfd9bbf682b9389d06ea6f716aa956cfaf'),
+    ('\xc90eace70b733448af4ed9719e6306b37ac22cd9'),
+    ('\xc9155b87f89ba47ec4ed72ee3232d9c308a90e23'),
+    ('\xc9256fd4df356add50520af05821db06974fb59a'),
+    ('\xc927fe49115a06cca1b7a0f6c9344c9941a21c2e'),
+    ('\xc92f3b94342207fc8d6a2f779e0ea742a11f7e16'),
+    ('\xc93b5b587f3ef9d5be957fb3fb5f2bdf244d3810'),
+    ('\xc9400e3601fd9f4a1e76637b1187f512fd8531ee'),
+    ('\xc944036e3126fb84efcca1ade786b6c8aa2df492'),
+    ('\xc94859561ed46b59f47d794ae39d6a5df5708855'),
+    ('\xc94e6a15c5383549f0db8f609a366c2190622e5e'),
+    ('\xc94f865d3094f7973627e590a1802a786602d5a0'),
+    ('\xc95280faeaf9811def2e283bf5a0afe48cd0b4d3'),
+    ('\xc953e6d2a1cc432180b4951bdcddfae046389867'),
+    ('\xc955324003d7ca226746d67bdde4a969f7a52a80'),
+    ('\xc9598177099338ecf1d1e136493ab1c501c40d33'),
+    ('\xc9652558820212b6181c62f391a50793251f6391'),
+    ('\xc96bb11ab085da3d3d95747faa10ecff2c94c67c'),
+    ('\xc979a46c7601da965113e000a5321a0e7729e53e'),
+    ('\xc979a82052c86bfd47757ff502ec56840528ad8a'),
+    ('\xc97bcc61e1d978a6d6dd56fc839860405006ed7f'),
+    ('\xc98148651aa824b4b054d23aeee97f6732be2b98'),
+    ('\xc982478ebbfa888befdc3b0d721789baca06c060'),
+    ('\xc9840f4ac8840c287932fad889fe91e44a6d8f58'),
+    ('\xc989d39d1dce5009a8c130e68384af4cec834c27'),
+    ('\xc990d22f4de77b22cc76e22a19f3ea5ccfb0c852'),
+    ('\xc9966d263404fc64e74ee1b980709bdb2affdfb3'),
+    ('\xc9996587126a948415da4b07eea9dc9ed6d44d6f'),
+    ('\xc99ad9f7c78c08d06fe1360003f4562dfda48ba2'),
+    ('\xc9a37150715fbdcd60a3ef87476ecb2d6097a697'),
+    ('\xc9a612b936b454b9c12aee0dd2775dbf180dd8de'),
+    ('\xc9b0a8a7daa4b5006427d9ef8f5cb58c6517c43d'),
+    ('\xc9b3795b687c8454dbe6e8403fffcb6dd3435d61'),
+    ('\xc9b5643bcf836adf813dac692fbba6ef46a4e5a3'),
+    ('\xc9b9ffef84259eb68f6d622b984f7153f1bc22e3'),
+    ('\xc9bc42021643603f754dd379a559380a091dcbd6'),
+    ('\xc9c3450517459e53dc97b893f72c7373cb1b0d89'),
+    ('\xc9c4f5d165038f2a527d416451ab0dd1c0073743'),
+    ('\xc9c9b48eb815e431afbe7b22b16a31d71ae52b24'),
+    ('\xc9d457f6c9db0ad591d83ee386f5f45ce97daad5'),
+    ('\xc9d828519ae9fdf244ee3bdcafae4987f185fe3e'),
+    ('\xc9e6c360631e112456e74aafc7aa9524d04e9c4e'),
+    ('\xc9e92781fc60a5c63a84b6e2bd2f265c3a927f2c'),
+    ('\xc9e9c1b804d9edb3015ddd650c45011f9f918dff'),
+    ('\xc9eabf5a8b9c0d9ef89651e018dfdc6114c6d8e6'),
+    ('\xc9f6202064260e93cf04c012edd59b88eaf7506a'),
+    ('\xc9f9068ac1a03e23cb57e03578782e48d3510425'),
+    ('\xca055fa1c1278c8f5eeedab94b10abbe88c8f0d1'),
+    ('\xca06449b6c787b3746d5bceede66bf0ffa6be61a'),
+    ('\xca06ae3f5b1ccad28cc2b0d7c1c743626d253506'),
+    ('\xca078a40ca19855ca7aa631c2d417707fcf2d9aa'),
+    ('\xca080e73b31337118044be37db630a8dbc3eb270'),
+    ('\xca13c2c56fb2bdacebd4c917de7069763185bbf2'),
+    ('\xca1477c1de4e7d91bf333db1f9d0015467095199'),
+    ('\xca18ce1aafe7f1758c91c354af252e99e2b490e7'),
+    ('\xca1e3e345aaf15da42f41009cd11cc48ad9b0478'),
+    ('\xca1fa9b9aca805ddeea6fec74f7975fd979c3539'),
+    ('\xca2165d9f294e5fa3286945c94e9d427b69178cf'),
+    ('\xca25bad50f9d1ecd9341948d8b5cb1706ba099c7'),
+    ('\xca2624e62a1951cfbaf5150e9b270e0f0d213fab'),
+    ('\xca264bef03bdabadd6f89318dec825094ba4d5ad'),
+    ('\xca42bc85baa31a6079dc999c354c90c6a5b900ed'),
+    ('\xca4365dba162b8afe79b3497b27fc442fd6742aa'),
+    ('\xca449091eecebfd1b01008eee1b85f214e1368ce'),
+    ('\xca49a75f068531c19fba06eca355b5ca150de7fd'),
+    ('\xca4af694d67126e35602eaf915be5407a70a1a17'),
+    ('\xca5512ca90fc1c4e2e5d229dc0fbf42767c97980'),
+    ('\xca60f2b57c74c06b9a25ca75f349230686655850'),
+    ('\xca65972e0209f7dca0a3547755641328a80bd66a'),
+    ('\xca66912fa69ed9fa7843cadce69060e6643acd38'),
+    ('\xca717e65454299121477cd8fa902fb7d970c70a1'),
+    ('\xca7a7e15bbc6a63630b43ca5edfa0956307a65bd'),
+    ('\xca817b6b6caa2295552eef25825218ef8a512adc'),
+    ('\xca8660aef1c41e6bc0d64a1b8e99c60376c328cf'),
+    ('\xca9bbf24b235592a7c7c5dbf8680a91ecd1ab961'),
+    ('\xcaa0cc29964cfffd27ddb5d7750f53bda6c2ce62'),
+    ('\xcaa39c0f52331858fed3cc34ae69b603c20a3f36'),
+    ('\xcaa3c03cd409d1dccf061cd65782e69425eb2be3'),
+    ('\xcaa3e41440142e0ab61bc0fddaada5d799c7d470'),
+    ('\xcaacfc609c8bac1ef5b70b2e9577ecda2ceba6ed'),
+    ('\xcab13d15e14dce33a7cdd63565cd24bdbe69b690'),
+    ('\xcab886a712e4752e7b8774137759faa46cd0482c'),
+    ('\xcab9d39f6f0fa0f55d26f87674c558b2c5bd4e2a'),
+    ('\xcac2d13b69b33c7228c9372d0b3cd9f7ae68c98d'),
+    ('\xcac70f3e9f9b7e6d0ea62a65d2378c516311988e'),
+    ('\xcac7a49a9e6133fcb79c6f4bc33ff9d64ec8ac77'),
+    ('\xcace90958e0e337020f1f813f9f85cc63bcb9613'),
+    ('\xcad569b5cabc7e34c79dc79ba3b671fad9726ad5'),
+    ('\xcada615618ece87725bedc217366bf9cf685fc93'),
+    ('\xcae1e02f842efcafc2aa19576ea5bed82265d515'),
+    ('\xcae463f9b264b05c0d2bff85eacd94a4fbbcbf4f'),
+    ('\xcae5011ae5a7b77332065693e547bced216a0d1e'),
+    ('\xcae8a866480c2d5bba93bcf00d9b7bfa1f4327b3'),
+    ('\xcaeb5c2fa4dfd984aa86681f903d1701bf824784'),
+    ('\xcaef0d730227b9fbecf9e5a9aa7551908f8609fb'),
+    ('\xcaf4c437b02a1261175ef2a9d285c81dd1a5e53a'),
+    ('\xcaf64d0bd1f05aafb1d1aded8420d9b64476078b'),
+    ('\xcaf97de9005a626b57fb49dd6bef84a9b6c92ac5'),
+    ('\xcafc9d70a091689c00a60cef89e431f42bcd1025'),
+    ('\xcafd3bde14ff6cac66e3d28b33d07d71e4ae8781'),
+    ('\xcb08fbe08370f8aedfdcf42ca9223acec1b30fe2'),
+    ('\xcb0bcc2c5e015c2d117a5d585bb950319cca2483'),
+    ('\xcb0f552443cbb7dc4c4f6e2ccc48ba49b6f90473'),
+    ('\xcb1023517914c0072ccc4693d75d32f095239149'),
+    ('\xcb108c9fc191c2e12c1824d4f4c6aef9691bd0a8'),
+    ('\xcb15ca1ee02bc56eb3cf8b8b4e3beb5e0f09f220'),
+    ('\xcb3a67dcfc292b49881e8675a3bfe09c2c1cddb9'),
+    ('\xcb3f2a8efcf766f3bd185371955cdc6ae6a84b21'),
+    ('\xcb49dad91836258c974cc65d139fd3c780a58757'),
+    ('\xcb4cf34f64375e3d1857ca80294db12c7b71e641'),
+    ('\xcb4ff4eda655470d5b0a5a2322037679e420127b'),
+    ('\xcb52a1dd803a0f5a3c2a83ffef08299af017cf46'),
+    ('\xcb547cc70093200a1774e2c0c1aaaf600c11c69a'),
+    ('\xcb5947a6d9f07f3a7b05d2118c4ffebe8f9b66fe'),
+    ('\xcb5b1cc21cf135432af440e6010c0f2c0c03f42a'),
+    ('\xcb6a7f9efa4e25bc032fd2ad65f2d8bd97738bbc'),
+    ('\xcb6dc990dc20366e48a3613792ee5431046d2fc7'),
+    ('\xcb73569947a82ee48d4c56fd54bf3a7d968b160d'),
+    ('\xcb748ba39f2aa83e7816155cc5639d4f6e0fed4e'),
+    ('\xcb8230ba48a176176363399636d0628d82d3c433'),
+    ('\xcb88287ef67bc0fec364f32b9c6b14d60d847ef0'),
+    ('\xcb8968700f6c75781579386fdfee9c28292af072'),
+    ('\xcb89c584b2d7374f01b35c65af1a9ce3c9eb923e'),
+    ('\xcb94811d623a5c24265ad987a06039b6e9b506fa'),
+    ('\xcb956923a421124dc3a92cfba826bb31549c4045'),
+    ('\xcba32d7067b90c0fa6339fdc6966a4bf04d1c7b5'),
+    ('\xcba49e1519453a73c31310841487b12648e05f32'),
+    ('\xcbabe6a7074edfc9613ee2a214ed14a2208557c9'),
+    ('\xcbae17389f0a6cd985dcc16665d933a05ff66462'),
+    ('\xcbb226fd3f99adf64ee48cd2dad15af53d78b284'),
+    ('\xcbb50ca9d9584edcb5210a6240f8f6412db8b348'),
+    ('\xcbb5d0072b3ac34e6337f22f528f7ac2ae5c40f7'),
+    ('\xcbbc40f3e900708846d3ba93cd570c1cd1131071'),
+    ('\xcbbd8bc1c6391e1e958e9aa1efdc3b4465e2e53a'),
+    ('\xcbc1793e116a24af6f2f6d92a6b42dc958956caa'),
+    ('\xcbc3f1f8fc17d8debd6483a7bad869916cf6bd3e'),
+    ('\xcbc53d586a49754c74801a241e8b7528e7b2bf8b'),
+    ('\xcbc95f460d84be09c8f60f431876d1edc176ff95'),
+    ('\xcbc96fa5e5e3336fcff77cc8d946760077af1f95'),
+    ('\xcbcb20ce09cfe029be5dac2b8fa5b570ea81cb1e'),
+    ('\xcbcbfcc4a47fc7a2453c05d745a24db91f169ed4'),
+    ('\xcbce5798eea04c5fad5926cfc50979207ad30c75'),
+    ('\xcbdc4bb6cc60fb81eda136b48a347cefb3d57b90'),
+    ('\xcbdfcaf18b1b3e3229d6ab89151e198f5188b331'),
+    ('\xcbe8fd7176b80565cfc7db9be5c7eecb739a644c'),
+    ('\xcbe99b831ac6f9fa408405980a6315d51697a12e'),
+    ('\xcbf0e998e1fe5b2cf6ec1f6825b2253e03d0e9b6'),
+    ('\xcbf38d84f53829052f2c2f8c46da429bd503703e'),
+    ('\xcbf5b070f4be19883ddc2c0c659fd03ab2c5eab0'),
+    ('\xcbfa6ba4abea790ebe5230bbc425250b8b05e874'),
+    ('\xcbfb4df93abd11f76b7931d23f50371e9d254b16'),
+    ('\xcbfe229016664c597c07670a54dc652a7528b560'),
+    ('\xcbfe81789b24d8da898145473f15febaf9bbb8c9'),
+    ('\xcbfe8e9a01712077ee0bee6cfcdd2950e63de807'),
+    ('\xcc07dacca39bbe1eb9fd12265acda571639bdbe6'),
+    ('\xcc0a62e346d9724dba18cf1937c1637512674b28'),
+    ('\xcc0c6ea8820772c3637f93ae56d57d66e4f415cf'),
+    ('\xcc1328f3d2b68fa505b947b2603ab6dedc15d2eb'),
+    ('\xcc14798582bc41ecd92ce660aefd81a43dd46d6e'),
+    ('\xcc1e30f136e434a522f48aee17e84d739f895109'),
+    ('\xcc1ec52744658206aa163eda96c89beb3ef75f92'),
+    ('\xcc22f2e4b0c80301cb9e9df99b07e98d0f671082'),
+    ('\xcc2ad18a6456282210b78f6ea370e9f728636275'),
+    ('\xcc343acd53ad2f1322cb3d0432e5f35ca9e61521'),
+    ('\xcc3b7f9a9b4646ed2ec1ffed41f0ffd79bd32987'),
+    ('\xcc46b187665dd397fc03ae57209c0633ca33dc67'),
+    ('\xcc519fec685bab342fd0f46f8b91a96a4c493743'),
+    ('\xcc540b33812c60f1b3d290a900b3f5e1e4343f26'),
+    ('\xcc58656db63f45f9149f795e4567bcf9365ec43f'),
+    ('\xcc5b029c7b1de10b40fde8335eae4dd9da98a0b0'),
+    ('\xcc648f4f09949345a204176a90a5c2dcb76a4f60'),
+    ('\xcc722b58c61728bbc19ec039dc2a82afcdc7cd82'),
+    ('\xcc7960e8a25e6c9a3206f3af5ca0583846c83f4b'),
+    ('\xcc7b30bb1a3c97e069a00702e1723471b8c8a7ef'),
+    ('\xcc7c253412dd2768a62150a57562596a3f947481'),
+    ('\xcc7d7ac3411ed6c68504cb3f49c68844eba3bc1a'),
+    ('\xcc7f28252e8ffc832f834d429488df67efd9d6c8'),
+    ('\xcc857c28850c3e3a88c715c04306cc3a866342e6'),
+    ('\xcc885de886fc583d2e1dbd28eeb02325da265b41'),
+    ('\xcc8cc34001e54618ec63b1679d332a6a41cd6c85'),
+    ('\xcc8fa33af46b34d1ddc8285b8d58898fd23c23f4'),
+    ('\xcc8fb6c3c7e23f0bc297980122cbce3d12bea2f2'),
+    ('\xcc94f9fa759c4233f5cf6f6096d08b167e39b78e'),
+    ('\xcc995d563918c79d8c917c6b03472f9c908f7ffa'),
+    ('\xcc9fa6f149aecb8146bcb96497141e1af7ad34ef'),
+    ('\xcca4d2c3222a8a17d6c7b094e4bbe728c3d33bca'),
+    ('\xcca83d6f545afd217525b8f66dd6e663195bfcc5'),
+    ('\xcca8529c70cceb48ebd94c74a70cdb1f2893a19a'),
+    ('\xccb7aac69cf949c082689b4e3805cbd8296b9b01'),
+    ('\xccc0edc580c65d71b876879ffec05d96283070bf'),
+    ('\xccc43931ab8d232fe422908e532aec15467db635'),
+    ('\xccc6ad2832073a185da07d26456f3401bf881cab'),
+    ('\xccd63ee504b0d1c29ed0545bf55dc16d13eb610a'),
+    ('\xccde26d864aae7acbc36fe86c305767e21d4e01e'),
+    ('\xcce4cfbb8b494cf6c93b876f6ddd1884878b99bc'),
+    ('\xcce4d82c049eeaeb74e2ffad1dd72593e14ef9b7'),
+    ('\xccea68d02d19144a111abc7f1c28bce1891e3067'),
+    ('\xccec2193fc413158f74b0d1c4d2029ed0a527594'),
+    ('\xccef645d2d799e214afa393312429e21d451910a'),
+    ('\xccf65af5762f05000342685cfe7bbdbd50ae4f8f'),
+    ('\xcd0929a7d7cb09702c19a7c5c0f0347ee28fb82a'),
+    ('\xcd0d537a6c09bfc27ed09622df264378681d53dc'),
+    ('\xcd1039382d1e2fc8a0543312627889919d05c9bd'),
+    ('\xcd1048a8bccd05b67210ae2fccb5a770a6c1cefc'),
+    ('\xcd15f33d8040d5ff0759d14a8445408e509ebdcb'),
+    ('\xcd167e33fbd4a84986d242e85ead44e227abff79'),
+    ('\xcd1a0e04ed4573be9a6f2bbefd99e9413f54168a'),
+    ('\xcd1c64dfde612847ab4919568e14f4c4de19d4ca'),
+    ('\xcd1c84628ce5e6acb091ab9da2a3e9233bf43ecd'),
+    ('\xcd1eacb13f21010391137eddb6085b5ba31fa8bb'),
+    ('\xcd213e9489ccfae4e0a19a5d4c3b25bdbd8f913f'),
+    ('\xcd27b9d8d03c6e28ebf0525e617564d9ddad48f5'),
+    ('\xcd2f8722439812518b3a7a5ba7e68fc8653776e5'),
+    ('\xcd345d0e5c118d9382ddff17983a5475d97b0832'),
+    ('\xcd3f43bb0bc958815c46d4781cf26ab75a3c4f48'),
+    ('\xcd4980c150fd57785ef4445b207d96e0f2570661'),
+    ('\xcd52fac7ccc0b0806f115925a6d0c860283f030d'),
+    ('\xcd6d8707602a630db9509b400764ef0aa49fb7c0'),
+    ('\xcd72297d59b8055b765aed32d60c7dcf49a7d89a'),
+    ('\xcd7739aa42cbdb20572286bb75900863bc2f2194'),
+    ('\xcd7c37942f317fe85fed54d75c6ac7b1a0287230'),
+    ('\xcd81979f37042dc7638bbdfb526706a53314ec27'),
+    ('\xcd84b9977fca50a488c6f5af267e622f3c2331c5'),
+    ('\xcd8622e6a4ed8f10bcbd0885f392c512e8faaf81'),
+    ('\xcd896e28ba22935cd4ea1d7a438ca17ff9410539'),
+    ('\xcd90eb781873f4856320a1931f70bb3f081bbb59'),
+    ('\xcd93e4577ebabe20225222ca67fe183aacba3298'),
+    ('\xcd99e2d0adb2ed279e14dde6fcf8e931338f3bd2'),
+    ('\xcda2381d7225b0ec1879df97e258b805a3cc8511'),
+    ('\xcda3397bcd6b688f75a3714e16c6d96b13ff6e47'),
+    ('\xcda61493ceadce173224d9eb21bda8ecf6d8dc80'),
+    ('\xcdae3349f840eaad158d2fd2c7a3ca099be008df'),
+    ('\xcdaf7cca2b9c33a0568e9a8e85b437ed8919b7c6'),
+    ('\xcdaf7dae9267f71e8fc4f9cd5f349658a7d423b5'),
+    ('\xcdb05491a5e50b424971236e9d0b111d92f2b9a9'),
+    ('\xcdb2f3bb6e9b43ae88e9384d7d0099af88f5c98c'),
+    ('\xcdb3bf5aee63a41630399454298ce088e61f7443'),
+    ('\xcdb7437004d406c23b771e4c15e449cf1e0ea9bc'),
+    ('\xcdc1aae7d91b83420741a9ddef89013c7a0fe307'),
+    ('\xcdc58b5eb4f99c52b05634c65d119a424df37cc2'),
+    ('\xcdc7703eef41bdd551579050e3a7471e13ff605d'),
+    ('\xcdc8e8190226fc74eb71f65f419008039c3df6f0'),
+    ('\xcdc9cbd01b9f02b7db91bcdf15290a8f5de395b8'),
+    ('\xcdcb1df24aded1108286d0d4d262b249db94eba4'),
+    ('\xcdcc159cc3f4a0262993c26281b09b86ab8fd1b0'),
+    ('\xcdcd2465054415efa1c48b9dd130b990391129a1'),
+    ('\xcde15d34d763810c5554af67e47aa8349455259f'),
+    ('\xcde40252e53f19c579e8f69d9e6115b1086436a8'),
+    ('\xcde7eb99ba9efa0641cba5b67bd623888fde5ce3'),
+    ('\xcdf738d078165b78837f3efc0eee63cfab4584d1'),
+    ('\xcdfaa8ccb0b000729821cfbf043b8d6bcbef70ce'),
+    ('\xcdfdca6d628a71c849c3daa78c3ef96a7395c624'),
+    ('\xce08c1f5cdd8acfb156491adabcc4321a8db5637'),
+    ('\xce10b38ce35ef3d33452ed08b0199304b75fd821'),
+    ('\xce10f6bb0bee10d5b21f5fb9e1a1df01d0164e97'),
+    ('\xce11c9d3c2a23e9c8433fb3b54eae2d8976c0b83'),
+    ('\xce14306d148b5eb1911c591537c4f603e464a5f7'),
+    ('\xce1ab7f8805df691a2102678d18d66f9d7a285a0'),
+    ('\xce1af06b8ad6365357c0e5b0e5f7c2536a2b350d'),
+    ('\xce1c6619a1764b101eeda20a1af51ab7c2e90e69'),
+    ('\xce2201bc4cf13b403b8477d3e899cd5cbc96a45c'),
+    ('\xce26e4b0cd37be6ee2732b0cf62d45d937361b87'),
+    ('\xce2d186ff228e56776b2f2d9f14f1e9f5ad38eca'),
+    ('\xce326330877117fec0fde4f95189a5c10016bf2f'),
+    ('\xce36ecaa854bb6321d6dea3a95af196270ce5826'),
+    ('\xce391fc7897aabccf4131db73253840addf1c510'),
+    ('\xce3eba16f9a6accb9ac15afe421ed6cace8d5ae1'),
+    ('\xce40ff197008b22d448e21a72abb97548b575ca6'),
+    ('\xce43d0130695c023c0a8e699ab0ba1868a1ed2ac'),
+    ('\xce44a144389e8a20f67e24bad3394ea557217111'),
+    ('\xce49998a481e4923db9754765db0445e642fe31d'),
+    ('\xce5326d958ec0960cfa4fead8bea9d72d7649d6c'),
+    ('\xce557c935a1d113a41b68fa4e1b2aa2dc43826d5'),
+    ('\xce5e0e47e6e5ec3ff7e86f2c5c9348414cb093e7'),
+    ('\xce5fe15a5fe1f1bf420615960f219c8a4a6d7bc5'),
+    ('\xce656a1d0fdbcf3edab9dea5e34f2fb593837bbe'),
+    ('\xce669ada69e2862abb493bca97b7612ac00523a8'),
+    ('\xce699f20258aae039e100a9805c3a02612729061'),
+    ('\xce6c1cfdd4aea7f8f51b85ab3e53b94d356b5e77'),
+    ('\xce6ffb269fabbbd6a2d4e242ed2d6dfa26edc21b'),
+    ('\xce708bacc3ef196c0b35d9a12b53ef685ca55897'),
+    ('\xce7a3fb0472b6e1b5f1412026b6df5f8a37492e7'),
+    ('\xce7abda111012be182ccfeed730f1ce1cb6fd215'),
+    ('\xce7ffa22d91382dfd2e6e9346c75246cb82bb290'),
+    ('\xce81c6f306545d5a9dc04bab7b4769356f52ccec'),
+    ('\xce8334849f77bc0b625b5b7038e0da969b6ccfe2'),
+    ('\xce8bef03d49da2f75a5e38ee2032735770089f24'),
+    ('\xce91382d451b692d22a9ff135d59addc25fd2215'),
+    ('\xce93cf7dad293c9740c89897f038e2f13369d9aa'),
+    ('\xce95e0727d1025840c4901ec99a560094a18e2bc'),
+    ('\xce97331746616c62ae332de8899a02d28b0e9b92'),
+    ('\xce98f1f1074f95e43d350487da8cfc074daec1d5'),
+    ('\xce9d4f48b1524b2920c19b4355b6a63036a075ef'),
+    ('\xcea352bdbf03732801c875e58e6b3da1924a84f2'),
+    ('\xcea4f12242d1233b07bfcfa7aec98b779fe7d5bb'),
+    ('\xceb14a521696c66b5de084ba66cd548de0b1560c'),
+    ('\xceb1a50863df0c99bf09f0c9fa3c30bb20cac12f'),
+    ('\xcec118d753d1714cde0f7599561cf68fc561893f'),
+    ('\xcec734f0e826ca696792ed4394fc98dc9dd20251'),
+    ('\xced31b00898364ae66e37235b28aca111576f515'),
+    ('\xced31c44a8ddc050d93309f6cb4b949ff412b8b8'),
+    ('\xced45153c34f925ed45d7e07739da1e686407b84'),
+    ('\xced63968125397c987a12b18184bceafc5083936'),
+    ('\xceda4d8bfd8b40d02188bff3128ec22564c50270'),
+    ('\xcee11836542dfa0a76b8b0d257365f4a7324a247'),
+    ('\xcee91999d1156c3f0d8f60b5f9003d247d273a6d'),
+    ('\xceeef481939455fae5cf38aecd89cadbfa7f42e6'),
+    ('\xcef260e4d6692e6eada168a32c75284e2a8d3ca2'),
+    ('\xcef299ba7fc720ca0cc11a93d636852320a10641'),
+    ('\xcef7ec0eec89f0ed9fe81b08c632fb00850cc09d'),
+    ('\xcefd0fb54b90df6c0a78b0f6465accb587a32d97'),
+    ('\xcefe4dccdbb119daef0370f25a00b497308042c3'),
+    ('\xcf005ef7ddf92a5124aa98c4e702808d3e69004c'),
+    ('\xcf02ab884618b7714862f05a3db4de2c816e252f'),
+    ('\xcf033bec31c88947febf9b1b154f0d119990d769'),
+    ('\xcf04c77149f35bba9cda901c0cce7683076af6ef'),
+    ('\xcf0935928d1d3c572cd8481f18c0ac0fd065ffe1'),
+    ('\xcf0a61c3d1f7db0a22eccaebab8c848a1d7cc604'),
+    ('\xcf0f861d25ce4078688d6404d30bf31206599a48'),
+    ('\xcf106c7b5bfb4e728cd6fa6e883740b764fbdc5a'),
+    ('\xcf19152daf18198e89adb666e787f7270921dab8'),
+    ('\xcf20c09480a67d66ac2ee36adc268ec2341b05d1'),
+    ('\xcf21a10717421ac432422bda5499d95933df8d89'),
+    ('\xcf24d645a27cad0b6711567db8af46b205edf7e7'),
+    ('\xcf25d78c2bed7467ff4b0a2e5bed6a53319be62f'),
+    ('\xcf2b379eded7c9d5f420cb4a02bce741d5c33bfb'),
+    ('\xcf3c0a000ea12eb4fc29cde6f275120b9b10c294'),
+    ('\xcf4453a9b462cc44e4b140308035e7a2dd35d40a'),
+    ('\xcf45e151bd5d74b65ef03f74e3afedcb841e85d4'),
+    ('\xcf4a379e4c8ea576cc3cb17deb8785e36e3b2293'),
+    ('\xcf4ac1c334fd0482a3feccd7a8aa9de6c769abe1'),
+    ('\xcf53a16eefea342f5a95d33533792d737d91299a'),
+    ('\xcf56ed3e9da37d2028098ad508024c9506c4bca8'),
+    ('\xcf5bfff9af583730c0a01b7ecc7d50e065932aa6'),
+    ('\xcf5c0968b02b78ac0896aba64745fc92145d3cef'),
+    ('\xcf600ab6556bb074485e623f326a90d1f03593fb'),
+    ('\xcf60c98a4075ba322df69eb444f8a9163b3ebc51'),
+    ('\xcf6466a8ac37719c149633a290f66b699e3632e4'),
+    ('\xcf671d30b5a1b48bbfbe15bcaad73eb8be4c2ed5'),
+    ('\xcf6d36caf59201b4d2bdeadf0b32614ad8953bd3'),
+    ('\xcf789573ea10988935f15d4e4ba7b816a043e129'),
+    ('\xcf816b32f669346dc92634f0d0c95ad6dba085ec'),
+    ('\xcf83c8a1a081eeba84c731f619adcfdf4e5727a1'),
+    ('\xcf83f0146091cdd72626ab3339ccddbe8293fd08'),
+    ('\xcf8a937a8a266dfc99ef50518cbab2032adbc8e5'),
+    ('\xcf8b2f69a811ceb4890e70411a05a81379c5dc05'),
+    ('\xcf8e75a571b0d67e606a0cc3235245ccd991e74f'),
+    ('\xcf90ceb9eaccdb1431fa8d6559b04a37487d2eac'),
+    ('\xcf986d4e8fca8ee3f537cbd183090ae4b76b21c4'),
+    ('\xcf9e7f1ecc4b58af3b8e127db458b1797785d814'),
+    ('\xcfa4f43c95e0d530b1835d2f55bde86a400b9e43'),
+    ('\xcfa4f7c6aaffc7d77cc9544c3cd93ac7978f3731'),
+    ('\xcfa9d337f24ecca3b4a7b2db195d010b5aa084b7'),
+    ('\xcfb4e0d1f39ebe72b4d2ff43319f5d0fd82e5377'),
+    ('\xcfb9a9a6e356fa994af3573dc67aa46bc8d7cd69'),
+    ('\xcfbded2809220539caf2090399f472cfc1ab3300'),
+    ('\xcfc3fa6bd87dc0704e5e6d9d59e2fd34e809d47d'),
+    ('\xcfcb28f56b5deab88f2abdfcfd44076a35a881fb'),
+    ('\xcfd79f4d67dcd1772db4708538563ec4dcc9f8de'),
+    ('\xcfe027b24f7d71ebd0f0de3f0fd67c225ffade17'),
+    ('\xcfe3d3601df93f12a0f63d07e792f4a19c09f938'),
+    ('\xcff4737b4d471d06e40e388b1aba5925517a10c3'),
+    ('\xd00050e2a7a373fc32ac16d91fdc752fc55586fe'),
+    ('\xd001920c9105c6c86374d8dba6f966f77b350324'),
+    ('\xd001ceff63f50f4d0392b11928e841ac5a72eeb0'),
+    ('\xd0030ee581c6969ab642802bf18efad8bab968a7'),
+    ('\xd00543c3d858fc55d1ef5de2b1bd4431a94ceac8'),
+    ('\xd00cf144c8fcd620d6e6a7f09ed5dbf68cd32774'),
+    ('\xd0174bd0cae72e7d11bf0cd0fd7327491ff4bb97'),
+    ('\xd0178066dff29395b00daeea75d227c53281a92a'),
+    ('\xd0276aaaa3a36ba32fc668f861c655a6ca995cfa'),
+    ('\xd02c8289feedbc74674e828a7df59ff062972705'),
+    ('\xd036f2471101114961ca066ec744b77c4138f4f9'),
+    ('\xd03c1b117f2ef51dbc2c29842de91a480d193679'),
+    ('\xd03e8e132d57b2c20aad566e3245ea3a6e885f01'),
+    ('\xd048d67380b9d59442453b58bdca95dafcb621fc'),
+    ('\xd04913a27750090b5f6366c5469aab382eea270c'),
+    ('\xd050255a430a82ad502f986c1f3c885f3dd9389e'),
+    ('\xd054ef880f69c82c9384904a5fe0c26903c6a28a'),
+    ('\xd05845343c4b8749733085642e09f37fadfa1630'),
+    ('\xd05940566b1ca092dfcac14464d157fc6ee36611'),
+    ('\xd0675590b80e6be539a9853c51aeedfbfb55e328'),
+    ('\xd069282082ab218feb24f14c9b775e3f79cfbd02'),
+    ('\xd06a599070f4c5f514a59ae2a4d4d3ac66996705'),
+    ('\xd07466d88bfb59c1c5e9b13e2f5eece6458679f3'),
+    ('\xd080aac31848b605b6d6c5c7a51e52f0bad92f78'),
+    ('\xd08188454264db0c70201e2241c3b66fd935f66b'),
+    ('\xd087823ede1ca97a95a21d88feb082ddd0468340'),
+    ('\xd087aef5f30c77b95acce78d661f46f6a35af18d'),
+    ('\xd08b5cbbd87d961200494c14cb0162934e9a5faa'),
+    ('\xd08c44c9019a675b1365e4f353e6820d4a4a0085'),
+    ('\xd09201b031569b05613d6c7dcd3ae30992dc2a3b'),
+    ('\xd0a3bd0fdb7a1aa72c211c13db1a2e3d7a3f6b34'),
+    ('\xd0abeebfd376ad122530d15f337b0db7da0968af'),
+    ('\xd0b608bbd1f86c9ad22817fa2619b27b6fa1404c'),
+    ('\xd0b60c217f93ad09351ed4d3a80c73e36bd7fe5a'),
+    ('\xd0bc6ef245fb51ca4168e1265a8fbecee2e5c01c'),
+    ('\xd0bfa7171379b656a7ff5fa36710c149b9af1844'),
+    ('\xd0c823ae626bc375e22eb6c8510e905ad6e78d60'),
+    ('\xd0d0541b1d10513d51322602c4471810f7541e55'),
+    ('\xd0d2f4efcdd8ace82a3d969627865501743c2671'),
+    ('\xd0d56cdc9d9b71116b38a0a4fc09eefe63fa724f'),
+    ('\xd0d6ec6fe6685e79385d96dc6b6583f93c8fe876'),
+    ('\xd0d9dc6887bfaab9f113baee319dd366f3c6da81'),
+    ('\xd0dcb815ac8a56916b957cf1dd187c85040e684a'),
+    ('\xd0deb0593d140dd67bc92d37723fea471fa5e399'),
+    ('\xd0e83071f3edab7e3f9d8a47cde7e642bd792970'),
+    ('\xd0e851e7916eb9d9a95331538dd7c7f5aa1e233e'),
+    ('\xd0e87305bfdb4728a9120e49a481728401a5db13'),
+    ('\xd0e9208cb7ac905cad984fa710b8f62bd2a57a4a'),
+    ('\xd0f71e711a1539670b5a99de52e08f77a28b4a98'),
+    ('\xd102d7b442297331e664275d65a21b43e81d322a'),
+    ('\xd104860b23ba964ba495094ce278d623d159dd96'),
+    ('\xd10806cbebc2f6d318ba2cc62b080b249ebe80c9'),
+    ('\xd10879fd28ab2599a7873f61a7a120abd30fcb19'),
+    ('\xd1114c4cb3fcc74ae8348a22f1552ff33fd03f19'),
+    ('\xd1166f898ce74213f12708e68ef9feb0ea5fd116'),
+    ('\xd12383204d3f3be9e393f5038144fb33d874205a'),
+    ('\xd1269c1fb8c003f19ccb8d240eb7a05a015272c6'),
+    ('\xd128885d267bb5eab7754dc2be3a40de4c14754f'),
+    ('\xd12a2d6840f91edcc8421b6fa6ab98a2aaddc697'),
+    ('\xd12ad086f2fa7a099e642b154c5eb8e1f0c08fbf'),
+    ('\xd12d149724688e70f01da52a838072ca5d7ccc1f'),
+    ('\xd1344bcb5745a5d09ddf5dc27eb108c0ce425422'),
+    ('\xd135a7e926ca35106da16294e05d9db8a243c18f'),
+    ('\xd1367e40b4a31ef13c6957f8bbe2af489b3d4c9a'),
+    ('\xd1390a0acea24bf59122dc3f1d9b0e1b013f0319'),
+    ('\xd143df3f6e3aff4a858cc9d572285938d204128f'),
+    ('\xd14db541422b59862e8c8c94f20a400234e8ad7f'),
+    ('\xd14f7b1893a1da6463ea11613559c102770bccf4'),
+    ('\xd15697d4453456eb06cf88e77a49c6a4c102393d'),
+    ('\xd1592a7742dfaf687c73aa70d4c9aa8291346742'),
+    ('\xd15a4472855047eab8f3ab1e734aebd2ecfda24f'),
+    ('\xd15f82f2defcf5cae9826f749f087d87eb1b37e3'),
+    ('\xd15feeaee1a0595278b3d381d0a6f31f6dcf1d33'),
+    ('\xd160fac4f29262de952851973c53b5f33a8902fa'),
+    ('\xd163508170f0273b4876624ff295ac41e5b52e53'),
+    ('\xd1671486b88602dd869fdfeb40a0690906e74824'),
+    ('\xd1700a847b74f013e931b9da7cbe2c8dca9cd30f'),
+    ('\xd1749306bc81b100db6cf2461f05b8ee28a2e6e3'),
+    ('\xd17dc066fd7f86023b4ea0e33aa75aef95b33857'),
+    ('\xd18085cb739a960952b44864027fd1068e7f1808'),
+    ('\xd180a4d62b1706595aedcc7815e569c0b28e5025'),
+    ('\xd18539a2e30c39ca5c425aadaa55bd6c66ab0921'),
+    ('\xd185585764829c0f45a96f54b765716f66a70f16'),
+    ('\xd1858ef813c1ffbd30163b531ae817a7c75636ed'),
+    ('\xd189d253b27c0b753a153e7da5ec490f9f3b1a11'),
+    ('\xd197afea5303e0884114243142ce2c505c52358c'),
+    ('\xd1983feb537c35d4d2a81bf0a8a6b33cff97645c'),
+    ('\xd19da445579519e76767155311a1ab2810321411'),
+    ('\xd19e5371bb51a2a06034ba38377458bbae32c183'),
+    ('\xd1a6c63b34cd8c1bc3c1630e5174ec345bfd4436'),
+    ('\xd1ac376f6a731833e73451882951fd2c74b87cfd'),
+    ('\xd1adca90a3443a6b6d188aba45a14462d885e961'),
+    ('\xd1b40d4260b954761a32d119d1d1a565eb53124b'),
+    ('\xd1bc3f056fa1b377e52f95e303e569fb22306846'),
+    ('\xd1c1074480faad2acc7a266619c7ed19dcfadeba'),
+    ('\xd1c6c1391d5eb5e64a5bbec8efdc38a0fec8c181'),
+    ('\xd1ce00015605828e4e3ecd6da22376a2b4b42071'),
+    ('\xd1ce22921f30fcfa276bed6f5f763d5b5c2d2031'),
+    ('\xd1cfb819b5fe73e658b5d198752695dd97fd3443'),
+    ('\xd1ddd55d95284691d9b7bc91b109302347279132'),
+    ('\xd1e055afd416acba8e6b09cb36fe57c7fc5f124e'),
+    ('\xd1e16ed5a3aae74b4b7faf1937d356f2f340a275'),
+    ('\xd1e34fd32de2c742e914c206d60b012722148d42'),
+    ('\xd1e3d23567f337569d46481d1a983312815889ec'),
+    ('\xd1ea8c62f975afa4da7163cd0da20bdb3fa1bf54'),
+    ('\xd1ec51d0d242747500d19f872975cebae1780010'),
+    ('\xd1f1b55b2d09831a59279656a9ec17483458602a'),
+    ('\xd1f1e57456f37bf9d8a9eb3ba92f174c58aa9cfa'),
+    ('\xd1f8db784fb246c3f09c7c5003e51724e9a474a0'),
+    ('\xd1f919809d03e3bf8c12538f393d20b529176b46'),
+    ('\xd1f9f66281df30b9205d29d60484626cc9ca3a2c'),
+    ('\xd2037334825139850abeb130b66f86b52e5b48cf'),
+    ('\xd20ce3681a5487aa415dd29c202726341f24297f'),
+    ('\xd216d5b70d565e426c2e11b9cff24d16d1bfb873'),
+    ('\xd2191904e21242e462616687575c67f7321800a0'),
+    ('\xd219453f9512da881857b99c718e4043033348c7'),
+    ('\xd21bdfa1137090741cc38db7b35afc65b33c3332'),
+    ('\xd21e86f35616dcf7ac49d72dfe543525d0c35f89'),
+    ('\xd21ea7ca54b991f0f2b9601de46b8ca1de053c06'),
+    ('\xd21f2c7dbb433c9683f6ec78b3ee1d08102eb05a'),
+    ('\xd22005866d5e9acfa3a38b116ccf43f053bb84ab'),
+    ('\xd23176a442dedd070f2f675ea372687e8c358c29'),
+    ('\xd2327553cd516f83ade42cc0b59ea2c132fb856a'),
+    ('\xd239094b9ad796f48c25a6b9b97a74858069548a'),
+    ('\xd23a1cd29db57710d435a318346222e6bc5721c6'),
+    ('\xd23a663404a250b3d8402a96ae1cfc85de9277c5'),
+    ('\xd242299f6511dc2f8737efe70133057174fb028c'),
+    ('\xd242d2df6c01ca752f35801691e919f19c2b02a8'),
+    ('\xd248470b36886f1d90673adbb3acf3af777619d4'),
+    ('\xd24c16645e240786ecb69e2e9e06c79ebc760f15'),
+    ('\xd2522db65ef0647bb7d1e6e23d705cebbd22a57f'),
+    ('\xd254afc942101bce995dd31331fc33df2e3cdfd6'),
+    ('\xd256c023bfed8078bfe2652de0724d0e512f029b'),
+    ('\xd25b7adb5eb187ad490f8af4bae6dbc300c6d4fe'),
+    ('\xd25c083336ae5573ddb8eaa99889e00f21848b59'),
+    ('\xd261d77022af4551f6cde4281eac0b127eab2258'),
+    ('\xd262d1446fbd94ecfbedcf4573d8fddbb09f9fe2'),
+    ('\xd2645da07dc044f4527531724418bc6bb9a2b078'),
+    ('\xd26e94fcdbba4edf98b6b428f6aa09a2a76f0cca'),
+    ('\xd277d29253a9f3f25d2c1a1961c04084ce7a460f'),
+    ('\xd2817134284d4d4eb6a297eede3163e0233a5c05'),
+    ('\xd2887407f34a75ac490e2ed369aec23e7f192fae'),
+    ('\xd289e34737f7031b514aaedc406e3350c4780991'),
+    ('\xd295c6a491dd6adb114f9c533a18db8c1fee5843'),
+    ('\xd29bcd2c45d410af8cbe9a61d3a25618065a5ef8'),
+    ('\xd29c4504c6d7f48c2fbb72f3c542037efda501c6'),
+    ('\xd29d7f26db97df7b56f22d62bfeceed52221d65e'),
+    ('\xd2a8d6930b43b76f20a58a5ae0eccff739cce957'),
+    ('\xd2a8ff550913bdba111bd35042770d16d3cdfce4'),
+    ('\xd2a943edfdd39f182e1a340cd620c1f098b76d2d'),
+    ('\xd2a975990c8b59bf9af9665f87edbe6bee1849ea'),
+    ('\xd2af24f2499c6ee2b873d20297d84b861b616c22'),
+    ('\xd2b66096263c22afd9f2cc97860f1c41e52dd706'),
+    ('\xd2b78034fe5a485be42c9f0cd816c0b3be8440db'),
+    ('\xd2bcb8bb0c242e24b28d31ec5e9324231d6b7776'),
+    ('\xd2bfa7387814cdb805ae5a417abe73df2594768c'),
+    ('\xd2bfeb87c5faef893bba7c5a5ac1703b2df14aef'),
+    ('\xd2c56efd183662c8245e2e8558d9e49de8b39824'),
+    ('\xd2c5dc2a6de39837c9c7609084f76dd2fcedebb5'),
+    ('\xd2ce890e99e6e51de8da11e87a571e96b594e34c'),
+    ('\xd2d06ed0ca3c9b6f990a82f41d6d268707d48c81'),
+    ('\xd2d3b0dffafc5314a85b1ac1e36f830fb061d102'),
+    ('\xd2d52cdeacfcec89e17242add5dcc33658f0f2e5'),
+    ('\xd2e55cf7e8ca79febaae31c96a93980cd6d9da78'),
+    ('\xd2e77fcbe923cd53555095253fb748589fdd9ede'),
+    ('\xd2e9981cab9c9163f00f1b0f8e66dbae85e2fa57'),
+    ('\xd2f10baa3c1a14244a2d6d82d98acb7f124c69a7'),
+    ('\xd2f46fcf94acfa8623cb15966014f15c9c898d4b'),
+    ('\xd2f6316f21f6a82b2c9da5ebeca04bf7cfb79602'),
+    ('\xd2fb35fe429462729582a7664b61218241ffbdfe'),
+    ('\xd2fcf3669b7580ef868b6e40b679f247eb20ae7f'),
+    ('\xd2ffa19417d34b6ca237f77159cf0819d3bd4fd7'),
+    ('\xd30819399534d524a3c7cfed0c5177dfd8171d7a'),
+    ('\xd309a60f777099af224d8ea1d0a902a5207172d7'),
+    ('\xd312b9e219d70ad5f3d0b7b74a2a8528717d3b20'),
+    ('\xd317ab53ece98466739e7e7fcbb737ff3039e4bd'),
+    ('\xd3216dcbbb960b00b3c1107da6d7899b1b828def'),
+    ('\xd323fbb7f83b33f5b54cbe43035465d336b9692f'),
+    ('\xd325e1d44f1fb7fd464d2b59819d7070b3460bc6'),
+    ('\xd3284afe3ffe0caf073e870d5c886825a81c8c40'),
+    ('\xd3286a8a56f47bac15e01cac771ee8ec43936bf9'),
+    ('\xd333d4f778ef6e692f153155a0748923d03ac136'),
+    ('\xd340b6005189814f0a71c389aec4258c9a19b4ea'),
+    ('\xd34b7440d370fad4bf08bd0afa3cde4ab4c32b26'),
+    ('\xd34b8a4b112ec3f7eff4a3ee981905c86f9409ec'),
+    ('\xd34d3a4f36cb9c1c5fa25c36ab518b8381e9a81d'),
+    ('\xd3528f2671f3a8860b47f370f03d747e017627f0'),
+    ('\xd35887d6c11463f73e92205152100220c1b562c5'),
+    ('\xd368968a4c90d7da4a132f79e5d8b9101abba93d'),
+    ('\xd36e918ed52f7b35d040fca131f549a8aba6e785'),
+    ('\xd36ff624bcdc6a30bab374f2b9424a68768b538d'),
+    ('\xd377e6c722bc227f7226ac04dc3618ab176467aa'),
+    ('\xd377fda06fed93361a77cff363090b091a283e59'),
+    ('\xd37b4f78513832bd40bb2dfe8918bd74789e3624'),
+    ('\xd37c67bcfda0339860cd3d230574f99fb24cdc3d'),
+    ('\xd37e4449faf0f56b6b63753452b9da15088ece6e'),
+    ('\xd37e94214e4c2cee63191037b8da540b4ce90dd3'),
+    ('\xd392bf934bac639980cefc90d5f44fbc1c621dd6'),
+    ('\xd395106ecc640e59b9d6a6a3e580bd486643320f'),
+    ('\xd3984259d79b9dc48694f0d558f6e9683c8821f9'),
+    ('\xd39cbe846e531ed7be07eebb11be0bd72d675579'),
+    ('\xd3a0e14b9cf91d5293d8acda8d0f54a87ac69e3e'),
+    ('\xd3b432251968fa90f653ee965a949d9d136e71bf'),
+    ('\xd3b567c9763c86ed5c2ea86044487d4e17a6f6d9'),
+    ('\xd3c0e93fe748d9846b30351208de6ccfbd938cfa'),
+    ('\xd3c5c210f9770800c23f18ee01fde0e78f792bf8'),
+    ('\xd3c5c9238915e9da08ba41ea3d9d79047249c564'),
+    ('\xd3cfc2dbbd1343a1cf5357410e4db6c53c4a0d75'),
+    ('\xd3dc5345b080613489d9cd1bbe4833e024f4bf19'),
+    ('\xd3de705d9a0a1b156863f03b8b45bd4019a1294a'),
+    ('\xd3ebab56978bd7b75186d4363fa5ad50b8f9f850'),
+    ('\xd3f01ad245b628f386ac95786f53167038720eb2'),
+    ('\xd3f0cfbe16e03da00605889a5e887f46cd055707'),
+    ('\xd40e59ba76f9117de12fefecc84d4ba0e1240098'),
+    ('\xd411535537861efc79132e479f5cec622df7fa2f'),
+    ('\xd41577b7159705c9939c45063b5b379467102138'),
+    ('\xd4169104d105a0613ff78748772339300f4cbe85'),
+    ('\xd41ca3a06ab99afc3c84512a2c51db94c7375106'),
+    ('\xd41ee6165baf12a7e7756d997ddbd848ea01d75a'),
+    ('\xd42fed6c2e6851233b88dc6e93488b1f37099dcd'),
+    ('\xd431f7c53d64413d8beae797df1aa070fac8d1d5'),
+    ('\xd433ff72f62cc5938a081c519d37c3e4dc2464cb'),
+    ('\xd434c66c482867f45fc4eb4bf37084534d1a4d37'),
+    ('\xd4389cf99476fba475ceb729d5c45213261fa8d2'),
+    ('\xd43e943312e0f2c653815dd791d93f94f0abd73f'),
+    ('\xd445e083ae443d3ae466cbe6672efd4b30b86728'),
+    ('\xd44bc2dd33533ef3d7a2e09f127ef0d49aecc46d'),
+    ('\xd45afdc8068005173e922c199ca7ccea9bd521e8'),
+    ('\xd45f36ccb3ef9f0e738d18287233f914144e5097'),
+    ('\xd461b083ffe319ed0b17f2b181de7013fdd0231b'),
+    ('\xd465371df19dfe83d0c1a7653a80b04d9cd5719e'),
+    ('\xd465fc7556826ea8305c3db74ec169bdfab95b0c'),
+    ('\xd47a8f0def54ee9e7e5112c3989e6321015c803c'),
+    ('\xd47b43e41eea60af5746ca4df5103d03c2264fb8'),
+    ('\xd47db81221adf5dfd16620c7d99b372f2d860bff'),
+    ('\xd47df0a2190d46c929f2fe2c04e5a8d8c54db813'),
+    ('\xd48748a8e48ca379a6da0499bcc928e8e0eab13d'),
+    ('\xd488229a2476fbcc119b8608c6b77f425cd32f4a'),
+    ('\xd48e3f5094540d11d97a23a1df82ec0481caf35b'),
+    ('\xd497b6ae6382ad3c3e5a8d36662d3a8f83b9865b'),
+    ('\xd4a42731f71e92ef2535d3fc70589e972121a0e4'),
+    ('\xd4a4ffa12d24fa2b7ea15849d2ba6889abb7254c'),
+    ('\xd4ad5c105c428942be0eae28c04c82624ae82429'),
+    ('\xd4ade638ac45297ea679df4dbd66efb045db7ceb'),
+    ('\xd4b1fccb309db8121bb72bb9bb73488136d9a917'),
+    ('\xd4b2340446a4466506ceeadf57605ee5cf8bbd03'),
+    ('\xd4b787d9130f43e99357dabaa6d839b8e77029f1'),
+    ('\xd4baf9f8fc4feb30b4cf20c977493478209a4849'),
+    ('\xd4bb73409f359a98a48a976006ea4b379b8be0b9'),
+    ('\xd4bc5a51bf8f3734c801596e56db6c2cd416b223'),
+    ('\xd4bf02ba2c2f9980324e9a0701ea56ea28ae408a'),
+    ('\xd4c70abb979ab65aa85e1ad034be7225772cafa0'),
+    ('\xd4cbf4e4e20dd4d0214bfcf8966d009b1a6e81ec'),
+    ('\xd4d05e35a7484bd0fb77371f36199ac85a13a2ec'),
+    ('\xd4d2cf7a8db6a7f4c533b17be3f55c09c7571a0b'),
+    ('\xd4e2761823a2c2c92797b4fc95026211d36ccb17'),
+    ('\xd4ed4a61434bd30eaa09c651c059aa2cab3d310c'),
+    ('\xd4f2a9766e66345569e2f4879480a6fdc1ec2824'),
+    ('\xd4f3848822d8af3ebf0bb32617dae50b236a00b4'),
+    ('\xd4f63d338d50491975e751e905f22e33cd0fca5b'),
+    ('\xd504dbe43de4612003a8fcb63a71379b2be44f3b'),
+    ('\xd505e1ab8622b22d17b79695df9781434bb0aa09'),
+    ('\xd50959a0a02311ab2f6c82880bcb851eaf3a7456'),
+    ('\xd50b8ac378e89d9748bbbd4f3dff18efa1baa4d1'),
+    ('\xd50e4d68cbc1585e6660bc516bf5c7685c646a4e'),
+    ('\xd50f6dc959a484e95d34b562884331dba883b37f'),
+    ('\xd51039fcc9f2476166bf9c882f689610cfd7e98b'),
+    ('\xd51a85be699452441beff95210bc393aae1de366'),
+    ('\xd528f94a96084e37647a8a0192b90419270a12c6'),
+    ('\xd52d7180cc07fce1e75a67e0005454fac395e672'),
+    ('\xd52e04c584c7ebd8b4e626390dd8d09cc33da2da'),
+    ('\xd532916c3ce93e707b611e5e36a7daf240aaa7a7'),
+    ('\xd53983933bf240eb2e04d04cff03df8d49f63a3d'),
+    ('\xd54000907dc67385e75d7b8938505d1b400eaab4'),
+    ('\xd54c519c9f847fa633d93df9781e7145157c5a9f'),
+    ('\xd5556a2c9bad07521ae7554ff2d4b5a817a7ed28'),
+    ('\xd55724127a4a5beaa4f3087f1ea6898b32d1fbab'),
+    ('\xd55ae0514943f9741c99c5c2242ec20fe1d564e7'),
+    ('\xd55e905eccb24d1335a823020fe00cea4cd67603'),
+    ('\xd56278ffb5abb6482970833a4209f84fda3b7936'),
+    ('\xd565413b6ac0b715494304ee8b7867804f6b1414'),
+    ('\xd566d0511f4bb07196e214a2a00fb2762768599b'),
+    ('\xd56fd2973fa803bcd514e0db9d049ae800d4f021'),
+    ('\xd57088cf6a6a888435d0d94f520947cf0e037b45'),
+    ('\xd574589aedbaf9e5b1310f06ee1e5b10aef5af07'),
+    ('\xd57ef822b958365f9152c7adac1e5f5364d1c3ac'),
+    ('\xd585df0d923dd8cd1387ccfa394ba1bceaaa5e8b'),
+    ('\xd59564e54b27325cd5940dd04f4656b335f308ae'),
+    ('\xd5987369a418d16e398ad55eafe9c96853fc5f1b'),
+    ('\xd5a31283dd491336cc1b96eee0357c5c1002f9b2'),
+    ('\xd5b1fc9791062f0686ba4a5a062fa02e1b0f8a1e'),
+    ('\xd5b4eb20a7f7a7032708a569175887b766dba63c'),
+    ('\xd5bb785c1cfd74aa30988c65b8a1f3762cb68eb4'),
+    ('\xd5c08e0478838ec5c0a5b48b9b1ee561bd33a9e7'),
+    ('\xd5c57477f9c5ae625712b65f281690ab6214693c'),
+    ('\xd5c9bb87fc9f5fad459595e89e61abbac56547ba'),
+    ('\xd5e58f960c3b7efa5c0195dd225e4ebc1bf017d8'),
+    ('\xd5e6ffedf209d50259218544e2633fc17ed45375'),
+    ('\xd5ec214e2e3cf52166b12b97dfbd25dfbf0c6b63'),
+    ('\xd5ee2d9e590e54f7ed9c2fafce374f49ba0077a9'),
+    ('\xd5f07e9c3cb2b5a15b3f2361db39e547c9c34b01'),
+    ('\xd5f1dc0b0c31dea1a1c21ac4aad5d6a52ecb4cd7'),
+    ('\xd5f3f669fb137424e2fe489e1df62211314e4bec'),
+    ('\xd6012d7ce1dba8d0f9232b071b24f1b1358dd3d8'),
+    ('\xd601fc0a63c502a1ee625bf301c28b3b10f5c022'),
+    ('\xd602ca9d230e1ac315d0b4179c0519caaa50f925'),
+    ('\xd604d4fa4f7b1809b729ff214b2ef2b7126b2337'),
+    ('\xd60c31a97a544b53039088d14fe9114583c0efc3'),
+    ('\xd60f9ac5cfe96fd970f41f9f23235211c48bda22'),
+    ('\xd61499b0d898071cc2e7406699288d6f69f27320'),
+    ('\xd61c31fe4cc81e97ccfa75a787a7c85e610a64b2'),
+    ('\xd61df345ccabece75c58e32787275a6f89f547bd'),
+    ('\xd61fc79507031253e2fe15a6379c74906bb11d44'),
+    ('\xd6258f59c303583f3412063592a58dbabbef6a60'),
+    ('\xd62c9c29a2b67b8d1001a358151b72b808f1fbcd'),
+    ('\xd63c1e5ae94b6eead3d03dcb8074e336652705a8'),
+    ('\xd63df043413370b10c2cbbfb1723e4d9d8010ff5'),
+    ('\xd645695673349e3947e8e5ae42332d0ac3164cd7'),
+    ('\xd646fd4ef104e18f72b2d67b5061ced649d8289b'),
+    ('\xd649242bff05ef4afbe561f8eca0233e62a3a0ab'),
+    ('\xd64c342408b420fd4acd4b42c80f4dc6c768c466'),
+    ('\xd64d3be2cba545a6af60e7d322c41f9bc0c7bd9d'),
+    ('\xd64e7fc1df56263b095c4babc6f4ab19dd53834b'),
+    ('\xd6537ae211ce95b2d851bbf3c48620bd52813e9e'),
+    ('\xd6544619ed39e7b47d297352bfb4c7a132740a1d'),
+    ('\xd6544b3f7d2221c2ce553678936d80068a06bb22'),
+    ('\xd656cf51f263c077fc1df3110c88d1e083d65a35'),
+    ('\xd6594897a1656a7b9b3098580e4b897000dfbc76'),
+    ('\xd65cd699aebf2d64d82435251bd486baa5337c07'),
+    ('\xd65ea8f090567edda7c53f4ea1b9d4c249aba563'),
+    ('\xd66062dccd891a3fe3d982c899a3dd4eb905f2cc'),
+    ('\xd6672564f76f09de4e4b081e3fe5feab13362214'),
+    ('\xd66850c5d8526883a6d1ecd2c60864926231bfc6'),
+    ('\xd66acb8c1e00c4a844adbe983400d0064e36d4e0'),
+    ('\xd67015ba2bf0f8d3a458bc89edce111535d5fd16'),
+    ('\xd676f9c493eb79396cca4cf0dd945588f7180ffe'),
+    ('\xd6777ccce43e765159b239da98459ba2a0b4215e'),
+    ('\xd6779ad9b6366028aeb687db1da44a7410f9f6a5'),
+    ('\xd68782a4edf3e1f5a53c09db45730a8f7d7305f3'),
+    ('\xd68832148617239bbd70d448c1cd98d0463e9b88'),
+    ('\xd6893b84cf031b9c46699df8683174971d64d9c9'),
+    ('\xd68cb2c25292fb13553517a8351473cb0785804d'),
+    ('\xd68e2e27cad8f8d4c044d822618c26499ce88cc8'),
+    ('\xd68f499947630d107dae02074b4a70bda5c9f7e5'),
+    ('\xd69051c97ba0fa02b48690219df4975092e5bb6d'),
+    ('\xd69b20abbc5929bef677f68085fc1c892797db76'),
+    ('\xd6a93266f748d606b884f9434ff662fe80b9dc21'),
+    ('\xd6ad81113e6debc32432075608fe8d143342a035'),
+    ('\xd6b5773b6c8aa07ecce5e08c20409d7fac694c69'),
+    ('\xd6b60ff314f29cb3b4e8f84f385ca0d1f06881f7'),
+    ('\xd6ba9b14c16e807fc5150254b7eca28ec5809a2c'),
+    ('\xd6c9fe04c97862b8ad28a859a602db4a8b84a043'),
+    ('\xd6e215fbbb23e2658481cd64fed7ed282a7e6ecb'),
+    ('\xd6e89ba50d1c95d3122581d80212ba38eb436bee'),
+    ('\xd6ec3bab4fbf133b486fd7cbcb9e76929945ead7'),
+    ('\xd6f4a0cd9f43aeb0540031468c77d6bc982ffd88'),
+    ('\xd6f5aa64ab4f3fbd85fc5c7bae8752777cc2c46d'),
+    ('\xd6fda86d115b940fe494620a2e6789fa8b3ea831'),
+    ('\xd6fe8d250b6b8e1f78a56b673a4931f2f4600cb7'),
+    ('\xd700584d4c9ab104cc31897cd0d8b74821f02764'),
+    ('\xd70b2b4f224788827ecde9fef87c6ad7dd456d25'),
+    ('\xd712f7ebc1ea8045703f9bbcd8a86bcba7afd7a5'),
+    ('\xd717af33ee8220fc935a11ce55c2924fcfd67404'),
+    ('\xd723deb70dde3c37c949ac2996472a0e6b75f622'),
+    ('\xd72640b5ea00a910fc9fa7e706992150f5e86442'),
+    ('\xd72d001ebda0c7702b75e85e2267ac596ab23c6b'),
+    ('\xd72e8fd12b49d25be134b17a180c0395c03cda0b'),
+    ('\xd731cb3fc120840996c504fc4e44e609d01a17c6'),
+    ('\xd7341ea8df58b3e0af414e79c3a084e560fab5b2'),
+    ('\xd73bdcbe895a4eca294b91527b051ee4134fbb05'),
+    ('\xd748d8db6b14779aa4656e8c2550f625c4e34bb3'),
+    ('\xd74b3109406305514d7105af8dd2a10a484db247'),
+    ('\xd74becf9e3a6f350f79fcaa09a215b83ac3eeb60'),
+    ('\xd74e5f78efb1b4785e9108f52986c8ffc764fa1d'),
+    ('\xd7577caccfe30d9972d4d7aaee4b0fb2aa0ef158'),
+    ('\xd76932b770f62a7827782439eb8dc24304e0f03f'),
+    ('\xd76a8c007988356fd000f9e3c3c0874722d94be5'),
+    ('\xd76b0639a10b1c8632ce534aba64dc63bfd00ed9'),
+    ('\xd77337e26a948b81a004af8815d7b85d36479031'),
+    ('\xd774972b5d94fbc00aee28d3d229d9a25909cf20'),
+    ('\xd782501d483738db0771a8077b646b798135165f'),
+    ('\xd7873290e654c10b7a3a82217aaf44f678446199'),
+    ('\xd78983735439eecdc9ebbe08cbfd9f503c6930cb'),
+    ('\xd79141407b51ae8b7e09289ed171f3d1aa23ca69'),
+    ('\xd795f437d07ab95cb87f7743fa22784874b07430'),
+    ('\xd7969c39ca9d0b2006c807fa3f2a05afca0c4f00'),
+    ('\xd79fcf5a6315cf5e70bf5f4987bc87efe17db947'),
+    ('\xd7a558620febce2e1fedcd231a5a937aa625a723'),
+    ('\xd7a57cbf69f53fbdde3e8982176238d9fd54b58e'),
+    ('\xd7a5a343a83b8a53b263af544e86270ca3f7bf9a'),
+    ('\xd7a72e190171fc946d843f41be8cc4892201a905'),
+    ('\xd7a730785a1e432b1617fcd8c8e2f734f3af9b8c'),
+    ('\xd7aaac0b5dd33993cd6c17eb933b7b3f66def54c'),
+    ('\xd7b0de6ab44462692acebfe084f0372d1f42c355'),
+    ('\xd7b1261f2e2d69fd07347efa3c2d2b42dd9ec5cc'),
+    ('\xd7b26902ac2601766485279926486f02db1cf7be'),
+    ('\xd7b5f2da81783b28fd711b283ccf041c70059505'),
+    ('\xd7b69405bb5f19fdb73f628d79dd7fb561c7325f'),
+    ('\xd7b6977fa386ed88a85cb6d58f86b85d2063441c'),
+    ('\xd7c1b0ee8109e525890e65d8c522bdb89afe2b6d'),
+    ('\xd7c3ef2c92ebe21628f056ae39c7ba62da4499c1'),
+    ('\xd7c402d10408fff0fde64786307a1f1e878f94aa'),
+    ('\xd7c87326d033370f2d3c97fbac15d090afefbd21'),
+    ('\xd7d4e3470e6d74ca4629afad87113a0c2767a2bf'),
+    ('\xd7d60bf1a5956a614548401d39b7ca57d98447e9'),
+    ('\xd7e2af1b928987cfa655e7f949c0982132e92d63'),
+    ('\xd7e5301f3800aafe49fcfe31546e5cf4329fa6f3'),
+    ('\xd7e8f5fb3676dd2a463559611d0274b9d5cf22dd'),
+    ('\xd7eddda25464cbf30d429950d9c159ecbd68bb25'),
+    ('\xd7ee422db4ae850c18e11121c600564ec0c11736'),
+    ('\xd7eec8cf6ef0821855351746c700bd6cbfefcab3'),
+    ('\xd7eed93dd3f4d5464484a24a697e3b114187de9a'),
+    ('\xd7eedb52bab1afeb257fbae136b2c8f28f70f7ee'),
+    ('\xd7f10a693effbafac94805e8c7c913b7bda2e470'),
+    ('\xd7fcb59bed7d7da9a061ea5323a08c0f718a4cc8'),
+    ('\xd811940ddaeb324938cd2c02968e3584119e3c58'),
+    ('\xd8123853055c73983af005228f08782546efefcf'),
+    ('\xd8157ea0f55cac46c96c46364d8f068a6a39d381'),
+    ('\xd821f14dbed0c5d16db0601989bec72ada789db5'),
+    ('\xd82323ea1d719807095e8949b4c6e5884cbd8537'),
+    ('\xd8259f541e374905b71ce3cf9bac4bf5901bf443'),
+    ('\xd82c47445ea05315515a4c71a898f250ee9fc5d7'),
+    ('\xd82d1c298de71fef4389d987e666fc45311ba4d7'),
+    ('\xd82ef514647b885634f7a4a80c12d5c3b2ac4ee6'),
+    ('\xd83cbcdb835cf942e1ee294c73e0ef81cc119656'),
+    ('\xd83d5879cb528b6dbec4b92680b7534975a818f0'),
+    ('\xd83e3f4efe11e343a480d3e4a582c736965cc47b'),
+    ('\xd83f4a945c2046432674572be252f175d070e437'),
+    ('\xd8426175c5adca64470145058c3b0db62ddbfb7f'),
+    ('\xd84c49c753b4b73aa6fdb839498242373699d8fb'),
+    ('\xd84dfcc5f2db34a6fe5739e92e61f464b61b6dcd'),
+    ('\xd850f6d98dbe0baec89b6f64117b53841867ca84'),
+    ('\xd85ab1a6e84159a89b725f2c5551420e22e2c2a8'),
+    ('\xd85c1d453b2b7f83c84e2562ae0ceadbe976b27a'),
+    ('\xd85f3a1691274db690b4c092c497f691dfca04ae'),
+    ('\xd860045a876752853bf61dfe4fc08300920063cb'),
+    ('\xd86ea475c1d04688848557622802fde0f3bb742b'),
+    ('\xd87c598d2ada14868ea45791814d884de276594c'),
+    ('\xd87e1c7c72448938f6e8881c4839203d6b523d0b'),
+    ('\xd87ecfa4097815f96ad241448bd86260b1489ba2'),
+    ('\xd88dac6f55b3449c85a5418613d9fb646879ce34'),
+    ('\xd88e58e7101d6bee3e4be331edaa7c87716f8f8e'),
+    ('\xd89223ecab289a24c9eda9a19b24b5284ce41c80'),
+    ('\xd894194e3ac3d2a0870469e4010f62acf5b406c1'),
+    ('\xd89b5b63d621594e5978562583397f0d0adec863'),
+    ('\xd8a411fefbc7fa79053147ff920fbd405928f18f'),
+    ('\xd8a923f09a9944fd3eae728a77d039c4d10173b2'),
+    ('\xd8a92df14c3b50a9802874f7c28e4dae433a0b06'),
+    ('\xd8a997f712f533d8d6a62fca8f2e98cc6d891656'),
+    ('\xd8ad8ef989b7a085adb9b017fc2ac6aa70d5beab'),
+    ('\xd8b60c0636662805bef4c400d31fc7ca72cb789b'),
+    ('\xd8bea9b40806ba959b8bc5568e7958a2aa5aaed8'),
+    ('\xd8c16ff9d709ce1098d8966ceda25f63b6e56200'),
+    ('\xd8c556dcde98c9d835400da8e702648f04c6ed94'),
+    ('\xd8c626e1357c5d775cf27618d270d6076bf8e05d'),
+    ('\xd8c8c4b20c6463304c5b64f4757d11a166eff193'),
+    ('\xd8cf7c779d13227007a75dd9cf7ad925126e6275'),
+    ('\xd8d933b8f85f7dcf8b9649be40917494522c5a9e'),
+    ('\xd8dcb07d9ea9fb4cbf60dc9b5de6bea753d0617e'),
+    ('\xd8ead42f173d11a9d4b4145ad8b4104808b4a68d'),
+    ('\xd8edfb3a7a09c40461870f0aa6364ca1b75f9712'),
+    ('\xd8ee17a5bd418caaa122d8ed3605e369060229b0'),
+    ('\xd8f6a8d4087a079c7d9cc90d435765719af2d0fd'),
+    ('\xd8f8d46921aa81abc4c0d27703a8908333ae38c3'),
+    ('\xd902d99e0483a2653e917d305c866ee496af851b'),
+    ('\xd90360e7cbe308977e74c3f3ceaf3d07f9acc009'),
+    ('\xd909e16f32fd46e58292418fa3ef7a751914492c'),
+    ('\xd90f495104e854780229fdafd201bc72b3c16465'),
+    ('\xd915809ec61e343aa6e772567072d9ba48aa99e1'),
+    ('\xd92365a47b6586d0593e6af9ea54a007b88a2225'),
+    ('\xd92b2585aa746ea427921a6e0d126d40901b1760'),
+    ('\xd92b70a138c3ad5771a1f7fb329e98b2d58304d4'),
+    ('\xd92d0475fd86b503757c39aa30123fbee5bc0dba'),
+    ('\xd9310d81be2dc33ab46eaee4fb5599ff69a4e48e'),
+    ('\xd931b349249771dc3cd56d72fe9291f39d04c254'),
+    ('\xd9373be0a07a934783131374405bd0ae10fcb5b1'),
+    ('\xd93b24c17383c8d051f624145da98cb466560123'),
+    ('\xd93f925d6876e9308a13288f1af30ba4fbd392b6'),
+    ('\xd947958381bbc21157708b791ae1cc2e5bfed28b'),
+    ('\xd9509bc791d1bcdd042058f64e2b1e9bbe069be5'),
+    ('\xd9540a14c7b829c14be957df855c0c6d1618399f'),
+    ('\xd965773c329461b19948c63ddf7570ac01171b19'),
+    ('\xd96c2f3d96e32fbc9da417b9827cd0a9e84bc9fa'),
+    ('\xd97631232d2b4185de494598d3d6267dee9cdce1'),
+    ('\xd97a8b03c088ea3870ee96c4b3850f446a8a77c1'),
+    ('\xd98476d43904fffe9e733c7d4f54a99d6c76e8c3'),
+    ('\xd98f851a69e6435b027e44e49ef8a471a8339824'),
+    ('\xd990acea0b1678e2bff9ffc0bb8beaeae9ce7b96'),
+    ('\xd996113cd207dfee231b04fe99f0ef1206bf36e1'),
+    ('\xd9998e8475d88b2ba8876d346dc8f850b9a026cc'),
+    ('\xd99a23175f83ae4a4e6270730548e70e0bccff38'),
+    ('\xd99b59e1037f7bbedd23d5272b90b524a2dbe753'),
+    ('\xd99caab1c8338256b7376612a9298a981e8cbae9'),
+    ('\xd99dca1e47b689fc2d6fccc6bbf9a891472f1ae2'),
+    ('\xd99e2686519dbaad26eebc598dc3a26f7c30d3b4'),
+    ('\xd9a606d3dee1db370f23307a1d183256c4c744dc'),
+    ('\xd9a7df835c5353a821630c5a8c737b486cde4df9'),
+    ('\xd9ae7e378ae1f6a375802f198b92fef458b83acb'),
+    ('\xd9ae99f4137a09713411b49585527469d69ffb4b'),
+    ('\xd9aee04fba321e71c63d2f7e1c722d98b7429a1d'),
+    ('\xd9b2af6b7f81779f8346988cbbb0b2cd4cca9c3d'),
+    ('\xd9b5cdc0f7189da8a86973563434f8d1528c0db8'),
+    ('\xd9b7a1ab0a6911df53ee1e0b89c835fe97e0417d'),
+    ('\xd9bf24b910b48b05a00dd7d7e9efa89880e92ad5'),
+    ('\xd9c003b4e5da9a56ba9c861854c5b1c22750240e'),
+    ('\xd9c08a72afdd46dacb23c729b2188fb3df1b6e7d'),
+    ('\xd9c5dc4da9184737d5b0fbd0a3c90049f983298f'),
+    ('\xd9c5fa468db9ae74ba8a0d9cfd0218e03246530d'),
+    ('\xd9ca122f6e8001e1e9b306179b19a0b86c2ea4ef'),
+    ('\xd9cbc0f06ff125a61d8997da6e1ee34153e89194'),
+    ('\xd9ce509af3e3397c62ca1c3f844cb4ca0f793287'),
+    ('\xd9d383954b41374bfaf4549ff4a5963542ecb7f2'),
+    ('\xd9d6c00c04443f428282cffa90a3480544e2d4de'),
+    ('\xd9d90f44d5360fbbddba04293ebdf5ce4ab6180e'),
+    ('\xd9da62a8f050153edd376c8e0617ddd01e8e5fd7'),
+    ('\xd9e4437211a9b121e85259f78508e05a68a44b31'),
+    ('\xd9e719e6186041a911e78ebee11fe8abf7375e80'),
+    ('\xd9ed84b6535f807b7c9f98e406ec1b91c846d6df'),
+    ('\xd9ee209cf803d2603a50c60ea216c1631c4facfa'),
+    ('\xd9f0fdcf2024f7d9794cce529503d16bbc63c34c'),
+    ('\xd9f2b713e08d50740f13f5b251af1af37d997c51'),
+    ('\xd9fabe2de9038fa2e51b833781b3c8e79b666afc'),
+    ('\xd9fe4f9fdd8fdaf62451b602604ccb9f85b85483'),
+    ('\xd9ffc7b8279fded7e7c725cb02cc0bd59cdb308d'),
+    ('\xda040be2e954885c1545a1be63d8c48a9f363555'),
+    ('\xda05a99cf78ea4a599a73b4c29f60b485234b11e'),
+    ('\xda0b4f40cbbe2014c686ccd93fa7de22dd73824b'),
+    ('\xda0da798911ba36d76a39039c73156b2540e6eb2'),
+    ('\xda141f8cd24eab90c3a68c897675a4d5fd2b93ee'),
+    ('\xda18ad574ce3d386a4350fbad1579d7fdf4d0e88'),
+    ('\xda1b4b06c0b86b95717eaad7490838d0c1374398'),
+    ('\xda1ce72e14bd899e897f9efb001232c4cb813329'),
+    ('\xda200f0fef5f291bd58ea3328d215bd81ecb5366'),
+    ('\xda27628cc5f6ed59ea96eb8d4be7b95b602cef58'),
+    ('\xda2d3675641e75b3d5f1cbb94b72b3bf819333b6'),
+    ('\xda2e1119eafabd3269e918647d80a5317fe57e1d'),
+    ('\xda308f75064bfba21d4ee894e6ed256df38a8fff'),
+    ('\xda316b23ef3864a33c89e3caf4ed6b67351d635f'),
+    ('\xda31ab884839480869fcfd2acac8798fb95817bb'),
+    ('\xda3504c68c11e4f60df1c35362883eda3af1e8bb'),
+    ('\xda3af832628d6e34e0d38ce9364e2ec87fd23706'),
+    ('\xda428a6160ef7d2ce64f9ea00e3993216bf64a78'),
+    ('\xda43e61aa186211a2f9ea0277878cb5bb14b32a8'),
+    ('\xda4dfde3f8742b72f665e3bc1979fafc12fc4ac2'),
+    ('\xda5ca7c46c377430659a09d1c4d73ec4e9a7fcad'),
+    ('\xda5cd6f4bb61f4bacc6382db6abec59409f340ed'),
+    ('\xda60f305a6ab2190a78fce5f8981210886248b73'),
+    ('\xda6525376c5da40b168d8c8f01522c230c2c6e68'),
+    ('\xda65614076cbf4cda1706c7b992f127401bb6df2'),
+    ('\xda69d93490436f307c129f5a7ed29c19bbe3b569'),
+    ('\xda6e3b02850c9b997ab64ec2ae65c8798f083576'),
+    ('\xda71958c837f33911db0fd0c9963630c4b303cd4'),
+    ('\xda817b445713467f11249ffc8e8a26ba4f73b47e'),
+    ('\xda90070378463fceb0b0c34f4a24512a661410a7'),
+    ('\xda90152a5923e8c040201362c52611752a097d38'),
+    ('\xda9898a910e5562012c12096a80e17dd2af9a0bb'),
+    ('\xda9b37b9025d681a717dc777567704dc276dc3e8'),
+    ('\xdaa0ad172ceb44969587942ea4520b6d2e3a79e8'),
+    ('\xdaa268a6419fdc2ebf5d32a4b701cf154b4226d9'),
+    ('\xdaa6e3253032d50fa3066629339db577e2ef82ca'),
+    ('\xdaae8ce1cdaa34c4a94ae9c829e1368322a9a0c5'),
+    ('\xdab0419bf761ce999ee0c70bf92888110f5bcb51'),
+    ('\xdab17ce2858e0b5b198102493798600828e60aae'),
+    ('\xdab4cf998f15de3722682ec79e7d3e9651bf012c'),
+    ('\xdabdaf2429efbfd287122a3f4e5b718406d05244'),
+    ('\xdacc129a1025d97ac2e7bc86338530fb1c2ab32f'),
+    ('\xdad11495fd4bf825fb62379221ee58019e936853'),
+    ('\xdad19ebfdfea10cf514b9e9ba70c34424e83abd1'),
+    ('\xdad5fffbc68c9cc3fc397fcda839c98a5601cc5e'),
+    ('\xdadc6ec3bf2ca48cd148a1ab5f5b9e018e2ef0d4'),
+    ('\xdadfd63ed9476b103dde88ef17019b3fcc3e6aae'),
+    ('\xdae108539ebc76909a0171910dc0636454741420'),
+    ('\xdae148a29e10a43e92d2410e9a16dcab1f6937b9'),
+    ('\xdae2f944264488b0fb72891e2c1aea8eea839cbd'),
+    ('\xdaecdcff02a454af6d7e848471a69a559a7dcf1d'),
+    ('\xdaf009c7cbd361a8d8bd08ebd89882af8937afed'),
+    ('\xdaf109f5bff40f7b69ab75ad900367bc028d5a84'),
+    ('\xdaf1eb58d97e95ce29d18fd458547ee6f370915e'),
+    ('\xdaf2459b216d1c2ad87780defea350eabfec0bfc'),
+    ('\xdaf288058953b739fd0d5f9f26160fd1a4910909'),
+    ('\xdaf4263c948df9da0f24e225d87babeac1c45da9'),
+    ('\xdafc77a22e41fbb0d5a90e959d8e1b0063a1c6bf'),
+    ('\xdb009c9ff1482c4e08b2285ee9ff4ab5cec1f897'),
+    ('\xdb03329fd82daaf25c8f5e2f0ec547a9a37b0e25'),
+    ('\xdb0dcef7b25fb33ea5d23f530c32351e4b49cfe3'),
+    ('\xdb1375d1091088809d832d2d5f270911281b1ceb'),
+    ('\xdb150a855b6b59e1199d8038f7c2ac7cb07bb4be'),
+    ('\xdb1a6b9beed6037588f4068786bfe5534b63656e'),
+    ('\xdb1c2925b8fe21ae0223067a53eb6589e0f2aa68'),
+    ('\xdb1c646107a3e03fc1ac10071171d7a0baabd968'),
+    ('\xdb2298b7b09f66cb2c95d099fa0684dc3fb75621'),
+    ('\xdb27dc082ef63e49b556d91994b5c8f8b24b08fc'),
+    ('\xdb2a48c5c1032f7bcea5eecbb0f4edf8d905fb84'),
+    ('\xdb39103502fc91b950cc7217fd415bf29dc062e5'),
+    ('\xdb3f77bb2350837217c5530854e8fbe744bf8ee0'),
+    ('\xdb3f93819f85a0c78eed89169ed0afa81cb81e3f'),
+    ('\xdb433349b7047f72f40072630c1bc110620bf09e'),
+    ('\xdb465b6982d47f54dc11dd88f94108fa66ddf598'),
+    ('\xdb4ee164125523f7acd06eecc566b27f563fef25'),
+    ('\xdb54f20235385c12f41544f224bd545f7f5652c1'),
+    ('\xdb58183ea206e0f7db92e9b84dcf225f64008bb9'),
+    ('\xdb5efac3f6417c8a124631f5e88c9c8facc07364'),
+    ('\xdb623accd5d107160dbfb7f8462c611ce590d1b6'),
+    ('\xdb627166813a31b9d8cdd2a8b1a81c3987521eaa'),
+    ('\xdb63cf1f0d41606694bcca3bc595309f17ce2860'),
+    ('\xdb6832afab38674570a625db3f85f9d4548399a4'),
+    ('\xdb6bcc0e7a0c6010362fd49091216b1709ff629b'),
+    ('\xdb6c69a2208306ce065a569a9e2dcebe3b8a32b9'),
+    ('\xdb72f90ad9d6ed4ff17c07423645f2833c734249'),
+    ('\xdb79cb4c26062f19ef11b3dc27d775833f50c17c'),
+    ('\xdb815a705312ce8dea9e6f7538bf2b840eb4ae4a'),
+    ('\xdb84da9bc22811156f568ab76347d8328989ca48'),
+    ('\xdb906151ffb56ee7d4b04b8f5cae74b622de3834'),
+    ('\xdb936bdba101108b8f1bb10a0172957f2713fda6'),
+    ('\xdb99813ff57072e8f7c9c51e10ef9e185589acc8'),
+    ('\xdba251ee96e92eb5725d468fcf025d91fe169b5f'),
+    ('\xdba4060d853acda767b0319c42a61cc1fa44ec7b'),
+    ('\xdba814d0969c597cc45e69abc8b75d52901f0e3e'),
+    ('\xdba86f79560ad56d8ca3d8800326214c756b48b9'),
+    ('\xdbaf297276906ee32af61cb55761cd0b1defc9e2'),
+    ('\xdbb56678d54b65d7830537d4230636d9b6e63376'),
+    ('\xdbb78e9c1ecd59f0b8860e5d96705ed7c58b9fc9'),
+    ('\xdbc773bf20f6a5e04306a5f7c8c4c759abf44baf'),
+    ('\xdbcfb007c2dd38adc319f985f2e0311894b82ada'),
+    ('\xdbd80da1960ffef76ec60448057182c1314e3b0a'),
+    ('\xdbdbe00ea2c7410be3f308a0bf795ec79ac2ee51'),
+    ('\xdbea1ae885412c736b5a5e146dedca1f58109a43'),
+    ('\xdbf25ee0362d117b3c01d946b69f103428aa4dea'),
+    ('\xdbfc11367670566cf19ef5c559d5270a972fb8fe'),
+    ('\xdbfd7de8bf36a90d76187bcbd3ffa98f27b291a8'),
+    ('\xdbfe1ed585462a3853f01e11dacba34bd17bd933'),
+    ('\xdc0f477c49f926ab3a836f277004207d08c7247a'),
+    ('\xdc123605eb95d7c4e78f76580c88b73ff8a66a90'),
+    ('\xdc12e44cf5f7ba6faa5bb4b26c2e43bc73521674'),
+    ('\xdc1387c2588c83ebb3e3e7b658a7635f1c70f318'),
+    ('\xdc188be4446cceea23d5359783f6dd2f371bcb3a'),
+    ('\xdc1d6ec9a7ac98e94ba0b75e10b1a505f00be6ff'),
+    ('\xdc2141637ba17c6565207c5e8a705cf0ecae6d83'),
+    ('\xdc22ebc52b7671c2d28596902c14680ec72e8516'),
+    ('\xdc245934ef2948cffe290e673cc5667f9e781bf8'),
+    ('\xdc28120c4cc34c429d63da1e873400d72693ed74'),
+    ('\xdc2ca1b36b534f4e61f4868e72d7590478950a9d'),
+    ('\xdc39299ea565395e0b2e78ed12a3c1a55e6587cc'),
+    ('\xdc3dc61c5340e53c7e3313976af16aa09a40f74e'),
+    ('\xdc4014c67465a853792315eeed443554c571b1cd'),
+    ('\xdc4040e97d37fcd11c87a6db81e9530ed68b2286'),
+    ('\xdc40c37d0a75f5a313c6a77e22d53f0f383ebbfe'),
+    ('\xdc42269863914ed20a11bf03f795dc2fb599d9be'),
+    ('\xdc4c8e492b2562d580627b55cdb60c02ffd9afba'),
+    ('\xdc57ba5dc59a9404c89f1080217e032c413f9340'),
+    ('\xdc64059bed1edae6ce1132b20c8561691d053227'),
+    ('\xdc646b1887cb47fa2b92aef2c095da8125aba7e5'),
+    ('\xdc662ff29f754fa04675e0fa160570bdc2dd573b'),
+    ('\xdc6cbaeaf7a2294f8f217bc73f8a6625e068ee66'),
+    ('\xdc71398931d662b8607ea42998660bbc78f5d44f'),
+    ('\xdc73569abe54ac823ca36ae072de00de127711db'),
+    ('\xdc7b4ef448282cbf92f2dde763012c09af9333f8'),
+    ('\xdc7c887bcbd84514901145f660b26020684fdabb'),
+    ('\xdc7d663996988b718a9e06e60a248f8b1996e9c4'),
+    ('\xdc863ba1aa51d58eac3b44c717508b8326de4582'),
+    ('\xdc8a82bc8a66e3b03bfd3d077e0f20c28f4b86aa'),
+    ('\xdc8b8943e2fc045ccb9894d4be68d6b8512d872e'),
+    ('\xdc8cb8080720f6dce55f385e196a6a28e8e6b9c0'),
+    ('\xdc90f8cac78936a52958617c28146a5eacdbd816'),
+    ('\xdc91e3a08cfc83f664c1a68e7e2d898c0d952ab0'),
+    ('\xdc93fea6cf3f0473c083ef20eb6a1ef2e6b8e857'),
+    ('\xdc99d56427314c5b0330159a1be7f66504731d9b'),
+    ('\xdc9b810989732fd872bde025113ef3697982ec08'),
+    ('\xdca59d4128fb4abd1b99c0bad27c909e46f06700'),
+    ('\xdca70eb31bcc55d647e7350fbc83ba2d09dfefb8'),
+    ('\xdcac23d51298404f3841c131da06a570d960c7dd'),
+    ('\xdcaee280d2615597a1f3470187873e0ed1382a05'),
+    ('\xdcb1a2964eb0f0cffacf788753b9c3e6ec31ac62'),
+    ('\xdcb672a6d52ab12a83fe830575db727efa6f313e'),
+    ('\xdcbe45349be8ebc4e4c06bc5085c459a466306fa'),
+    ('\xdcc2cb44f668e201ce7aed04b4dbff844fabf36d'),
+    ('\xdcc37da67b7bb4eeff77aa1c2766d562ba495480'),
+    ('\xdcc3cc3d35d9270567d458751c2fc0cc395a9e3d'),
+    ('\xdcc414cb41bdd3fe440fc15af88aec846809fbd6'),
+    ('\xdcc4cef815f75e16a562eab2ea2601cc4487c2ae'),
+    ('\xdcc771dab4cfc7744304b3d52047db1125e2000b'),
+    ('\xdcc8714f991d4f5ae9847c0e7abe0e400bcc7096'),
+    ('\xdcce63041a4985225371ce9e2e5d9bcae50b08e9'),
+    ('\xdccfc5251c3a00cc2b97df328e511e986221b3f2'),
+    ('\xdcd3893fb26bbf63ec4a99a916a5408d2691543e'),
+    ('\xdcd539c7416233df33b9c19ecdbcd71c6994f829'),
+    ('\xdcdc0747e47504e94471644afdda99d3dbfe1895'),
+    ('\xdcdef875fb6d1af5d4dae9a7814e2e064bfeb5df'),
+    ('\xdce5acee8157e03dc5aac0290d21f6043f118db2'),
+    ('\xdce7ba84d39090205a6757ee7c271124cb76fbb7'),
+    ('\xdceed3b00f18b03f6d2c2a7c5fc860958ace9954'),
+    ('\xdcf0fda50594f23c506d90bd652f195d550ba3f4'),
+    ('\xdcf68150514c42958d755dc5ec2bb299452175c7'),
+    ('\xdcf84343d1250dc39c53cd958e765502fe870a2f'),
+    ('\xdd00556fbaa12fed8d44414f4dc2750f60d314c2'),
+    ('\xdd0c8229c2dca7a3fe64ae9a13084cec24b02dca'),
+    ('\xdd0c92666db04aed22e850c94880b8d50e65a34d'),
+    ('\xdd1040369efb3ffccdb1780459d38c7956e14d69'),
+    ('\xdd11643acd40c82ea5380bf49d56b34424c19e73'),
+    ('\xdd13c2070a63fe919e42342648e51ab4251832ea'),
+    ('\xdd19de1a912f048d5b94cd6c850b95613bc814f3'),
+    ('\xdd28c87905d60bcdc5e70f1a2ecd5a0be86d268e'),
+    ('\xdd2920b5a2940ba836d8c2fb0879ae8415201340'),
+    ('\xdd2a4d584b8aa5dde7a049ee33fa2b2799fa72b4'),
+    ('\xdd2cda3427a9f2d7238b09e95b2e04ab65e5a58b'),
+    ('\xdd2d3e0ca8a822f783ffb2020c9070a154350fe8'),
+    ('\xdd306f4c56c3e449322fa0b259ca4471e3d390bd'),
+    ('\xdd31c286188921cdbbbab65457e0a288d63d8a09'),
+    ('\xdd3416e845f7f183b5baf1b38a1e70f9fd13c787'),
+    ('\xdd35f9c070abe7d352d84579e5453cc72651d90d'),
+    ('\xdd3eaa0e572b7128e99827f8dd4bea9c8eb8be73'),
+    ('\xdd410d2ea3608daf65c8776a693f937cd5c7cf84'),
+    ('\xdd456e3a7c3caa4130839399d08ef5cac1a0b55b'),
+    ('\xdd4f8b75640aa3a39ac26375d122906da1ab0292'),
+    ('\xdd523a7b555e3b36857fe26989dd73ed6ad0d366'),
+    ('\xdd530a5d9c8ddfdc93761ec4f5eef087869b32b1'),
+    ('\xdd53b6f7bb7927807657b876c707145b0127e799'),
+    ('\xdd563e48cbc2644d3a8a33b81bbf32742ab2e43e'),
+    ('\xdd59fa6b8525a67ff4c119e0c6e7406c6c819466'),
+    ('\xdd5d4a0f5dbf30ff41419fcfe13f4f7f246dee00'),
+    ('\xdd66431d73443502783aac2f534dc4ebbf1f6942'),
+    ('\xdd6bc9f3d07c1d84a0681dcb234e74dd0368614a'),
+    ('\xdd75ae0a6b1d202ecbcf1eb2c443f7f19948e489'),
+    ('\xdd7f3b6c3f936b49416f3857d082b7fc53fc3f41'),
+    ('\xdd81b934dd54a58bfa928b7d3ac65883b75031ac'),
+    ('\xdd87e35dbb8244d831a4862177dcf6e57e3b6c51'),
+    ('\xdd8eba490b1ff1a5b9fe02c7c0450a2b2204b354'),
+    ('\xdd9c589ef8bc0a83dc4378baacf571186c8da003'),
+    ('\xdda1ef9aff10b5329f94be7439de2558b12bfa0c'),
+    ('\xddb563e381d5bf8caf2888e757f772c12c8cf39c'),
+    ('\xddb86fd94b9f5702e1b2eb9b7b0756443a024d82'),
+    ('\xddbba33715c161fde55c0e20e85bc8a69ce0efc6'),
+    ('\xddc4d6633664bd887f02e591415d9b8e80e4f8ea'),
+    ('\xddce1b757aafbe19c486df99e2f4da23d8a733f8'),
+    ('\xddd962011aaba53285da54e34535517afc31d96c'),
+    ('\xdddc2c819a33fbf7c53fd216b2bbc828b8084395'),
+    ('\xdde21d0640c8a5fafcd00112dcb1e0d49d948d25'),
+    ('\xddeb568836fe07b4f2a0491656c070c187b398f0'),
+    ('\xdded462c1219342add06ee1b0d80823ccd3280c4'),
+    ('\xddee473e02035bfce6244746d5d2a281616f7ff8'),
+    ('\xddf649eee81eb9b7996ab611a7b4eb1e737ccb6a'),
+    ('\xde004750df8d69b4618a91223c9f356e233e6b6a'),
+    ('\xde00eb791a9c3a3c51f86183a3773cced147ed9b'),
+    ('\xde036a320885d23d01f3111dfb58b423b6bb8e14'),
+    ('\xde0f08c68c9a90c7c2fccdc621aecde6971c1382'),
+    ('\xde0f8dceed9508ab1df46d0c462fabf0d610b4d9'),
+    ('\xde1389e8659084aa87f44af5a06d8dadee0c46d6'),
+    ('\xde1414a81ef556dcc36e7d836e87823aadd9c46b'),
+    ('\xde14468f1e0e5101cb2986df71d40a8300c0925e'),
+    ('\xde1494c6b8fdf85857a9ea9583d792770591f254'),
+    ('\xde182f1a6f952dd440ec00229efdd7500d6316e4'),
+    ('\xde1853021c4832e53278d72788880a9593758fd9'),
+    ('\xde1f4f9f8a97342a793757d363ed5662b1332bdf'),
+    ('\xde2027f9f0d50c18de387752ad63618d177afedd'),
+    ('\xde21ebb252e49e7b3d7c783acaa8410d5170392d'),
+    ('\xde2b0c4363e676f41730c46eefbd99eeffbebb40'),
+    ('\xde39d88163604aebd20a91ec5de4c70e65fa4749'),
+    ('\xde3b0223b3136b81c7f20658714551506afb2abc'),
+    ('\xde3e6d37b91cafa4a989741a16037f987e5b51d2'),
+    ('\xde3fff4cf4186b96894a5c1f4480e223d669b9cc'),
+    ('\xde4661b94ddbcf46de941f3e1ee76938acfa3d29'),
+    ('\xde49bb190b9f87e4aa63dd82992a6da4033e0cbb'),
+    ('\xde4cd6ae08f94dcdd7846d68839f2b13e2ef2e51'),
+    ('\xde4d216f59fa18cbb0cec9c8dd0ec79cca6b66f5'),
+    ('\xde4fe5eb130413f9a18969eee8ca3b8ee0065780'),
+    ('\xde586aa77b6e1934353c6e076e17cf9e2694ab9a'),
+    ('\xde59de46d33b8783b94fcd08ce76ce432b097e97'),
+    ('\xde63b8c524a2f3e2109e37d494d6d7a60f291310'),
+    ('\xde6521d2078b2d64b80560608eb11c2b93c7e465'),
+    ('\xde6645bb258cf9f0b04aa2e32f473ca6907bc46a'),
+    ('\xde6e7fed5219368ec93b9ba7693b4ec8f8fe9508'),
+    ('\xde71081cdad094bfc5337dd9fab2f64560e8d86a'),
+    ('\xde7338dcff8f3a6679f19823a556ccb51597c221'),
+    ('\xde73a4bd8aa66fe7a97c04a4afcb318752fc7b03'),
+    ('\xde75958d5032da7c24891ae3c1431cdb6b0230ff'),
+    ('\xde781dd47cca19cddd1069627cab041f2e87de38'),
+    ('\xde7a0c37c1e51c9d4d8c2dc23153ebdf06ab5b29'),
+    ('\xde82d0a96ffeb02a13870b10d3df188b08dd5efa'),
+    ('\xde8381932df5176d8b7bce92940b1222def37c35'),
+    ('\xde85999f83588557e72cfc243b159b4e225c50bf'),
+    ('\xde8631598d4f33ff543cb7f119c302c3028e0c9b'),
+    ('\xde8772b3f399d9847a3c6d7393ef319fa87e1cca'),
+    ('\xde895c9420b8df7796a4f01cce768f1a5330e6d1'),
+    ('\xde92c2926878c022f62bfa457dd39262b2aa9169'),
+    ('\xde97ffaad7f68cf6f1d12cea62d89ddd7e64ba5b'),
+    ('\xde9872f1ba42f3f64fb2b0ebc5cea55cda550479'),
+    ('\xde9a62894368f61d3e659984bcd9ab0f0590d69f'),
+    ('\xdea893dbb4c54aafc83b24abd3d34ba46ef92c95'),
+    ('\xdea9a4ccae7011b082f70e7da975671378ce07dc'),
+    ('\xdea9a9e38258e040504ca9cc40b6b98fe4925b60'),
+    ('\xdeac24c1aa759924339a58149bb2e63f5f92ba64'),
+    ('\xdeb6fea57b5e3d001234ec6c3e6e60a5ea4ce4b1'),
+    ('\xdebbfd82faeaabdd2a728a508e78c6c2412981b6'),
+    ('\xdec01c9602819f6ac034bdf400b74dfe6ec312db'),
+    ('\xdec57470037f3646aa28432a8819ac76812e5b28'),
+    ('\xdec9a3c80ecf13bc4a1317438b2afc49e1e764ff'),
+    ('\xdecbeee536299f59545d9df5729277355b6a96f1'),
+    ('\xded81121b142c2f9766fbf69f389c56b51b3c2ae'),
+    ('\xdedb023f7b3944896ff9d1d41c3565592e7969c4'),
+    ('\xdedd31f019e4ce496f7c333ee5b34c608a9bc891'),
+    ('\xdee5b70c938521bb7ce5f93280ad05d150a0691b'),
+    ('\xdeedc9f9b0e50cf9a686da1ec53c4beb9e4a0682'),
+    ('\xdef549e0c96178b8bbff3fb13d3cc5581d4c9e23'),
+    ('\xdef7f7f212fe11155e220f787e0c607a3cf98087'),
+    ('\xdf011c42999da4e2a81b160a88932ea9f419fb67'),
+    ('\xdf0c196f3b5422578e5cf1c13497a277c5da713a'),
+    ('\xdf0dff33c244466bae382228972842bc39a32f77'),
+    ('\xdf11d3e5ed49af4533e3e05322b4d46247c28bc2'),
+    ('\xdf1316d1d1250c463d3611ecc21b903ada6fc053'),
+    ('\xdf160a4793523a1fcce62296cb637566ea4eecc1'),
+    ('\xdf1a486c285ea534496292be87556b7fc752c084'),
+    ('\xdf1bcd80af37a6c2d343e3de05f3c6817c81ca1d'),
+    ('\xdf1f2b673ebb360c58a5624246cb0860ac796400'),
+    ('\xdf202c4af6a425beaf250224625332829d2b5b42'),
+    ('\xdf263b595fc743c0aab260dec3b8a9537a20f50a'),
+    ('\xdf2f908c9922e6793548e3d0be5fbf8e82e79743'),
+    ('\xdf36b993ab6a5adb960cc5c0bbbb3f83d79d416e'),
+    ('\xdf42bdc2e9cec7db38955ba04214f05cf8ce74e5'),
+    ('\xdf48150cdab76898b55fef5612ec5a84647f03bf'),
+    ('\xdf49817339fa0c3dfafd99afbffe064260b3929f'),
+    ('\xdf4c02be79b86581ea9ecee155722819dfafeda6'),
+    ('\xdf506d99149901846e2557a9b4181f11b6cd31db'),
+    ('\xdf5108e68013f18f92768852e8ca0e7e799f03de'),
+    ('\xdf5206d5ef598e6964f0e6d0659fea493418d583'),
+    ('\xdf5489033c17fa0d89ad18d8a144c42bd39c25e5'),
+    ('\xdf5c922759b763b268464c34fb9461dd8c3799f8'),
+    ('\xdf626d39785bb3504443844a2c34c16c31bd1307'),
+    ('\xdf645ce37612665005323c4a7df8940e85629ccd'),
+    ('\xdf672670cfc2ca7802c15a65e5ed280fc0f35c44'),
+    ('\xdf680175bb02854792a9d1b19dd173179d635774'),
+    ('\xdf6aedf71515300c6d72e3ff9c6564e591605721'),
+    ('\xdf6ebedc8cf1fb94decc85f3b24fb70027a39cfb'),
+    ('\xdf6fba2a55a1a08f50f29997478698becd1ecadf'),
+    ('\xdf7a86040fd72b90337782326c9c28a20dbe7207'),
+    ('\xdf7ec7aa0142a0942125d934b5f2c44270ff7b96'),
+    ('\xdf91371fd79791f4688c53796fdfbb4f93e4fc81'),
+    ('\xdf924773f368aa3609285c312728deb8cd8730cc'),
+    ('\xdf925becb16c2c771b01075aac52dcb297453f1f'),
+    ('\xdf9612a3ca5fc7454098fffd72220bb576dce3d3'),
+    ('\xdf9bba27cec29048b747980417930ac901c75f25'),
+    ('\xdf9c83bf85e1171c8531805ee5bd99240ebf89bd'),
+    ('\xdfa09b61d4ca930599340eafd0306c45cce96c2d'),
+    ('\xdfa141766d91d34e50f79b8d805ee19099148038'),
+    ('\xdfa356ad84068ea8e765293af409006bb514a2de'),
+    ('\xdfa3e8bf747458e9cffbc308aaca0c83c00f6b20'),
+    ('\xdfa4d97d348056ffa39483739ec8b2c32c45e4af'),
+    ('\xdfaa0847b408d746c2cab00c379fce379fd9a25a'),
+    ('\xdfac37dee9c27f04f2b72470fbb9063a90d7f9e9'),
+    ('\xdfb20961c3a0358d54fd4c00ccf3d94dd43bf70b'),
+    ('\xdfb73fb4721d870db22ef37d31113c42993bd078'),
+    ('\xdfbd896c0e4e45dfab5ea376514c7e62b46c551e'),
+    ('\xdfc00c8cef8a4ba5c0c997d9a8a8ce0530e1a025'),
+    ('\xdfc0fdddbae3f57eb104420326fc4539f83f6230'),
+    ('\xdfca491aa3f247bebee902303c8533ed4616548f'),
+    ('\xdfcef59cfb6a9bda5446395817d06d3f100a5ba2'),
+    ('\xdfd021cad078527471319f8b0d5b419c77a513cb'),
+    ('\xdfd411e01090c42db94d613752c2117562b74738'),
+    ('\xdfd5cd0ac8ac942c0611bd80d4c1149fd09e2ade'),
+    ('\xdfd7d03bea7f277f42b09a4066adc505a9061855'),
+    ('\xdfd9aed88187f6a4f02dfd2da9563ad294bc12e6'),
+    ('\xdfe4a6900d6ce15b8741d0fdf9c7699cf3c75060'),
+    ('\xdfe99aed3ef8633de1f52205ea204acd03718cdd'),
+    ('\xdff172c49cf6943bddfb79408f1f2f6a72dc4feb'),
+    ('\xdff2a04b062834638f7b21ccbef0e7693f1ffbd9'),
+    ('\xdff985b7c0637305eb280a055834ca5850201379'),
+    ('\xdffb6ae95417fe28f4a01216a59ac2f413b84603'),
+    ('\xe00804330ffceefb73f3a0bb020d7b78c40a44f2'),
+    ('\xe0094c9e22e1052c25df611b156f4416f056ca3f'),
+    ('\xe00be88d8826babf9fe8b8927b4130347bde2cd4'),
+    ('\xe00cde50cb4557004f8eac695261b86769b77a1b'),
+    ('\xe00fa8b913e95a2a73c845f61cc1bd68a00e96d9'),
+    ('\xe0107f87ec82e0312ea902d6d2cc8ccd463d3929'),
+    ('\xe0115abeb429863679eab4a3ef0c081ddd572ca9'),
+    ('\xe01a9a9e5973e81598e884d2e9aa277b074eb277'),
+    ('\xe01e62b8a91f1aa36f54ca87b39f7b36043c4257'),
+    ('\xe01e7f8f9cea4db81e1885e23bd9c0454e4fafbb'),
+    ('\xe0263c41c6ff07ec9f70162da775d4ef740384d9'),
+    ('\xe02874ad03041ec81cf9c6133b43e684665059a0'),
+    ('\xe02f45c1b3f2635df6556d5e4613ddd9e729b65c'),
+    ('\xe032635259caeacc46ce7d119f3a1fa828024ae8'),
+    ('\xe03389db8a94015409e0c5cb35033f15edea9886'),
+    ('\xe033d4a15242a3405f8742affafa82168f15919f'),
+    ('\xe03b4150a70c5f22628ca8fd2327d98349513eb4'),
+    ('\xe04353f850f05378588d9e0e5e9fb7111f0eaf39'),
+    ('\xe04477f359bfecee269327b8e6abd1c74ee4dab1'),
+    ('\xe04533c2bb42993c8981e15a377e1efb9e3550a0'),
+    ('\xe04596a6be0c7ebee9982e8674229691aafe4aa7'),
+    ('\xe045bfeeb294c69090716909710b9c8ff5f198f6'),
+    ('\xe0485cdd689bba3bc86c9e724f4f5c6f66dc9d73'),
+    ('\xe04ac9217e8e30f740d110b342b6a2710bd7f163'),
+    ('\xe04b13e4825c43142d54c1ba633adb3e5db14539'),
+    ('\xe04f4a42926847fd772467c7ce3b772242bdc6ac'),
+    ('\xe04f514018577df394306ce47a98436ec4ad1eec'),
+    ('\xe05b051da6870f292ab088daad584fd345436c3c'),
+    ('\xe05d30bcbf88eef2e59afd1d50b42e38ae9be283'),
+    ('\xe0649452ecdbd9d77fd02847b44fd119372ae55e'),
+    ('\xe0705770ab0af695b35df7ff1dec51fd130d37e4'),
+    ('\xe07a906f55fff46551f7eb1441e74a22dc25a978'),
+    ('\xe07e27cfb28affd0bf97080d8b4a3b791bb9013a'),
+    ('\xe0862187b25b9f95b7792959e85b7a1b36895b41'),
+    ('\xe08687982d054d5d236ee82783acd549dd525b11'),
+    ('\xe0881f7bee95e37cfc38bf1bac0b25a941a540d1'),
+    ('\xe0891b1b87fa010d5f626c4a67d219b7ce3004da'),
+    ('\xe0945676610fc2c234dd5942b2a78cf4746577e6'),
+    ('\xe0985faf19afd26c2e2d0acfbeaaad7654b814ff'),
+    ('\xe09cf21e5662c8b35041894e63fa0ed61d4a1fc0'),
+    ('\xe09f2b29361274e2d79a56786b8c931196aca832'),
+    ('\xe0a269617360b3c6cf78ab5b49e113463f9dac40'),
+    ('\xe0a4ef0fb9d64f99ab1649ab66a167ab4e9c1e88'),
+    ('\xe0a5c602860bffc93c2a117d464eafc5d2c40787'),
+    ('\xe0b17c5909ea118b1c5ba6f273cc3dd87b74c040'),
+    ('\xe0b8e58e9e7820ebd67ea3345e87766c2a947bfe'),
+    ('\xe0bd4db151443b547c3fdad831c3a56e3bf20b75'),
+    ('\xe0c088b0d67e6aca879ba1cddf2186997549aba0'),
+    ('\xe0c77de7b14bd8945ba218dcc7dbbf0e6d43ef75'),
+    ('\xe0c97e9adf4c9c58f43624ddca13634681c8ec69'),
+    ('\xe0ce955ddc686c0c0c68f1cd52538e26e242cd71'),
+    ('\xe0d9c7d0ee3f3c81d4c83beb4a3f34069022c7ee'),
+    ('\xe0dba5cbe3adb7d263fdd7bd3d0c0fab7ec6fb00'),
+    ('\xe0dd5afd14385f276f44277a4bd37eb5f740f0be'),
+    ('\xe0edfae10197c44fd9fe5842ebb20ad6faaf6370'),
+    ('\xe0f294a15cffb1424bba720edd27c4c16f3d9680'),
+    ('\xe0f8bff944143319734bef25509a4774a0431f12'),
+    ('\xe0fcea27b3cc312b7bad3ce1642149f7832a7481'),
+    ('\xe0fd8920cb705a4d463c44371debfb03c5d9c75a'),
+    ('\xe0fd9a294ef09ae3ff488e853ec9ac9bef8b5f18'),
+    ('\xe100576dcb25a3a3ae6a02acd30806138b352b9e'),
+    ('\xe100d9cb9b4764337ed1eadc202cd2e9bc0f1b17'),
+    ('\xe10906ba914f942a7fce5aa3795b99dc08ffaf9a'),
+    ('\xe115c1914b9c5975e38ba116bded0888bfc3165f'),
+    ('\xe11a09ac95a29e9ce8fac81b642a8e339c944b79'),
+    ('\xe120a706077da32e651cfba65efd9be4f127e911'),
+    ('\xe121606602883c2c9458d5c8b29ec1fb5856edb1'),
+    ('\xe1221075ce517ef664bdbabb0090a99fccbdc43b'),
+    ('\xe127fac1a5d8bc58de74bd797a35c2195e55ee07'),
+    ('\xe12968a0671a66a4e9987a058f3937db148a275e'),
+    ('\xe129c274482e6930c496e95adfbab8c93cb5b046'),
+    ('\xe12ddf617a27b300412c219735ace0a5cc0f5d9c'),
+    ('\xe13076c577c4b2005bfa48abee5d2ed188c48e4a'),
+    ('\xe13222105a1ce823b2f8e1020fc4f22e8706f552'),
+    ('\xe13649e473d65aee139e459c9376f6133f06c334'),
+    ('\xe1386709dbec044dde64ba730be35247445edded'),
+    ('\xe142efff85956a4cdee630589c12e9dfad51080e'),
+    ('\xe143786aa40c6f52e816ad35960008296099d8a3'),
+    ('\xe1446023c1c7bb3cedf40ecebe4cb38f107a6b2d'),
+    ('\xe14a3db40375e8eca2c734ba7d53ff08caa95d13'),
+    ('\xe1511a4f663f1a01779e2f25b7a9e99151332be7'),
+    ('\xe15428dd768ee9a3338ab6361d4de85812e79f9d'),
+    ('\xe1597bba63c37f4cdfa11f4437bf340aae707f88'),
+    ('\xe1599293f25f1474c94159465c7114031229610f'),
+    ('\xe15f56fe2ffccb3840baa13861c9a8fe29d3ea84'),
+    ('\xe162d1b1d734e16b32d784141ae99369720455f7'),
+    ('\xe16364835b022587f039f0d9a04024d259ca5cdb'),
+    ('\xe1644b054aedc7366ecd8bed0833082a026712b4'),
+    ('\xe165cb5a594f9ec8a2694de8f31c43415322758d'),
+    ('\xe167ad5bec0a80e823fbb10b821f73ecd86c0514'),
+    ('\xe16d1ddbd5f94a5d2a53fa9b4cb1d26286395116'),
+    ('\xe170ab6c69f04dcdc2beb3a5676f61c1068e7ddd'),
+    ('\xe176aee7827909a0efae43f214aac22ab320ba3d'),
+    ('\xe1796679e4cee4af00ad5ba22ca61f83f8375f0c'),
+    ('\xe17bc05223ec31946acece0a86f1852aab649b55'),
+    ('\xe17e07acda22882c215b4bd501665e993b239d67'),
+    ('\xe17fff74709bac8dd49e451cc0a43b6e6de4c2d0'),
+    ('\xe1806e5080e155925de3dce1bc9929bb02d3aaac'),
+    ('\xe18ebf279bb565a2dccda6ff71d2f91bf60060fb'),
+    ('\xe19094a8845f3d8db5deb9890059e51f4d21b37b'),
+    ('\xe1a8f6737feb2a2cefe3b9df4657de67fb65cbfd'),
+    ('\xe1b48a43afc4680884ebd71202e781220a22f976'),
+    ('\xe1b545ad6a527c867fc9bc6f8bff8f8e69b37108'),
+    ('\xe1b7a03596c21dd830c78e1ca5e77ecd39230b5b'),
+    ('\xe1c48c358b931287744ddbf10e7644761489a89e'),
+    ('\xe1c502628f39fffa83c3bcd235a3fa2faf92f0c9'),
+    ('\xe1c5ff96d0df8e3123a02cfaf6f9bcf706ce4b09'),
+    ('\xe1d0ddf5164f60e3a38ce887891c5f28bfef1966'),
+    ('\xe1d1e28fbeef2bcd21bab356605f51d849fabbed'),
+    ('\xe1d8c8e80a9397be3964863c17b0947d78ca852c'),
+    ('\xe1dd15966b6e77b310988e3a6c735f16dfb33e50'),
+    ('\xe1ddf32b88008f1e194a661d959437a705f30c40'),
+    ('\xe1e5d95621ac5484df8ab2f9742e38caa5bd69fa'),
+    ('\xe1f1421d30b83595c152db913de17a13f8590ba9'),
+    ('\xe1f5568f2d87d939f387bb2914a4d9e27ac4d77f'),
+    ('\xe1fc364860f85576ef75e02e11ef6980a07456c1'),
+    ('\xe202f3f032cadf4cbb2ef23c22b4078e77dc59e4'),
+    ('\xe2038595b6e1b6fada7ba2e16008db12c9b672ff'),
+    ('\xe2039b149a82b75cbb704f4cc53138ae9290eeed'),
+    ('\xe205084f62528669fdd8ae815b7afc943155186c'),
+    ('\xe20725027fa227a72189cc94e671de1c499588ba'),
+    ('\xe209fd95777242ba90f4be49966b0c48781d675a'),
+    ('\xe213000da63f2cbfd71f949464e40424652bb484'),
+    ('\xe21b82f92bc696279abb50997d601ed2b2045acd'),
+    ('\xe21bdb756ac5cde6dc10848ed94a4c28db6577fa'),
+    ('\xe21ec29e36d3e9c646bf9e894241416254dd44ec'),
+    ('\xe220fc0d27ae9f88343a721858a79d64d1e19253'),
+    ('\xe223e63a3095b9b08c79706c45e7a0a5f72fee12'),
+    ('\xe225d9a80893f6447ca74d997f89f378d67e606e'),
+    ('\xe22d60edda3f579d1f3bc1725004b375ee48ceca'),
+    ('\xe22d93a89afe29557f8da115b0f5d32fc9d0104f'),
+    ('\xe2351c7e2ad3adf9b2d5f1aa89a9283c52409aa9'),
+    ('\xe23e2f25c5ff68e45b3401f4f6174486c80d74f2'),
+    ('\xe242efa3db037afd1eefd1e93704e2dfeaa6aa53'),
+    ('\xe2491ff9ef8ad6a906b9ff768a94a0339935163f'),
+    ('\xe24ba818fda64c18f793a16f5fa5a8fa6bc7251c'),
+    ('\xe24f5699c9cd8385462968b6ffb88f326c69a1ff'),
+    ('\xe24fd21346ad85b829047c3b7991d4ab9bbf57c2'),
+    ('\xe25367ae09437a6d6898bfca14e0264421f94902'),
+    ('\xe255aa7f391f05e6fcdaab48c92a1511076fb8d7'),
+    ('\xe258f386b0a55faca9ad786cbc0befcf327fe9c9'),
+    ('\xe258f96eaed27ee50506eda38b217cd87690be3c'),
+    ('\xe25ae4b4aada8e26c3d1731b34f97fdd9bd23392'),
+    ('\xe25bcbcaf10a2729eb3727f5772a025292d4b7ad'),
+    ('\xe25c3faa869d38d3347f7b0cc2d2d82616d8852e'),
+    ('\xe25e63527049ae8d95d152f614e4181be11f0687'),
+    ('\xe26435dad8808d4bd10f790d850d068fccfaf738'),
+    ('\xe268fb0f58f2cb6df1eb7a01836745498c09f1a2'),
+    ('\xe26ca898511ce3e0a69c0b8f70ee360d390579d4'),
+    ('\xe270db4195784f8482f4b1bf33e2f7b9f648c24b'),
+    ('\xe27204a45f9c68826d597065730686aa70dfeeaf'),
+    ('\xe2752a6faf6fc920aa993f052780c22b7d73dca2'),
+    ('\xe27c5710fc79ba91150c5e3a45cbb65e48ad035f'),
+    ('\xe281bbeb3eed75447587c405a226f3500173d836'),
+    ('\xe290d8169d05c82d211c23388108fdf68a9cda00'),
+    ('\xe292493a378774529f0aa7947da63501a157d572'),
+    ('\xe2a63aef6cd3e806500f9f6ec14df516b9a32ed6'),
+    ('\xe2a7932ff6a0094a920aafe2357ef7621c59dcd4'),
+    ('\xe2a7fe847f0817b15c011ac20f69578da8d4e874'),
+    ('\xe2a857bf289d94bf0dbdc3d1e13c8dcde4deea91'),
+    ('\xe2b0be47236e61e087f47694ce0b4596887c281a'),
+    ('\xe2b13773df184cb19cad5971f61f79b76dff6717'),
+    ('\xe2b44261a48038afe62920561d748d1cf94aa4cd'),
+    ('\xe2b79aa3aa285e1a7a7377258b0c2c24b940aa76'),
+    ('\xe2b9709c4b21144408dbafde14aa40c36c813a78'),
+    ('\xe2c10fc289d8a9153326cdcd37f157b1fda2c62c'),
+    ('\xe2c9b6b48e8c21d7decfa5fb084814b68a177673'),
+    ('\xe2cd79ac9f7918921c0c0bafaf99e7de7184b884'),
+    ('\xe2d0b1fff06da3d5996bdfbc5761971c53b47f9c'),
+    ('\xe2d6efcc380e437deb5b7bc8ba3e1e91ee542c1a'),
+    ('\xe2dc7831ffe249c9370f730f39a71c692b1a9687'),
+    ('\xe2df47fd4bbb067023a22325da38e74d1ce630ad'),
+    ('\xe2e421eaa34a3538bc5c7464030fcde82a308605'),
+    ('\xe2e7599921f250128c6f0a0357b397442dbd0386'),
+    ('\xe2ea6a42fa265ac6458d5a26b9ceb6207d0016c8'),
+    ('\xe2eef2adfe9f36afb634003902515d251b11e15b'),
+    ('\xe2f491938f94efb7cb0c69ff7c68724783a65e6d'),
+    ('\xe301eca90121f05b5b124bbae4a293930e8e8f37'),
+    ('\xe303dd113b81090425be44e42d6cf0406be349f0'),
+    ('\xe312a9ad7c986f6b52328c2f92e60b6dc71a328b'),
+    ('\xe314b195b443285ea6458291b298c9a264e7dfe3'),
+    ('\xe315f43d3fbcfae1f4f643efad8dc5e090443bb0'),
+    ('\xe319c9734b362549e59b41d3898d9084dc0e1700'),
+    ('\xe31ebb8766d0846a0cb6776ef283239897d8f216'),
+    ('\xe3209b79f5b25acceb994e4e95976ebea5c4782b'),
+    ('\xe328542dc0f0997c8b64da15d341e7bd34fc5877'),
+    ('\xe32b9b4624179cfde919be855470ecc7bc95f09c'),
+    ('\xe3343e72abe2a4b3494b4872d14bb88a11294d30'),
+    ('\xe3383a2e7c2bc333080da8f73f8b84e42e5e3e77'),
+    ('\xe33b3dd85c1a4dab8b2ed62e5590b634339a92ed'),
+    ('\xe33bb7369c3524fa95d9db5ead215ed07333ecb7'),
+    ('\xe33dde71e7e7e7440c0cb04aaa7b97c4346593e2'),
+    ('\xe34fb1ed983da3140af4230a5baee4a0ccc3f79f'),
+    ('\xe3550df162ce2e0dc5fc5f87832d8f069ecffa59'),
+    ('\xe356ee8b2083ca20651e3d391f628c9b0b883b5b'),
+    ('\xe36a50415b2050aa502e3b4586aac728c93d45e1'),
+    ('\xe36bea6af9074ac85062eb2fb79c01898dccea10'),
+    ('\xe36c78b16d143841bb03b9deb2891a2355b42787'),
+    ('\xe36dd46a92262b1885b6fe5bda9e0b4872091437'),
+    ('\xe373f1bf0e8b46af8c68469547243c0b8d9483e3'),
+    ('\xe375fca1e7fcbb807b0d7e49bc197a1f5ac7d334'),
+    ('\xe38280dcf2cdb8a5e92574cb9a4240e6c1ff68cc'),
+    ('\xe38a6916ccd58139c31a8bcc29619ed48c5baa99'),
+    ('\xe38c2ab76c797a10c8bed19f4b1942a64d89faa1'),
+    ('\xe392364ea5ca3294bab8a2c75a064c381be9bf99'),
+    ('\xe39fe2ce98e168a99fd6276ff730372686c4cb24'),
+    ('\xe3a350bad5896ec2ebcedf7c0358625dff41233f'),
+    ('\xe3aa186c79acf876a5284014400b49eedaef4112'),
+    ('\xe3aa3d779c7e15dbccb4f42d57d1a0b186247f74'),
+    ('\xe3b24728dad5e9b7d6ebba05cd03f1da99a53ae4'),
+    ('\xe3b44aac73cda04b8775276d72dba946550b49f9'),
+    ('\xe3baefc9187e4875f1a3920044ae0749bdd58a93'),
+    ('\xe3d35c5348db0bc8bc5c3f33a66778fa6bc32cfa'),
+    ('\xe3d49b5fd1516d9c91cb258d2aa4818bd2313358'),
+    ('\xe3d98b340e27da273c86aa0019ce387213b89339'),
+    ('\xe3daba4a2bc52131cc4605060f27efb9cc7a4f54'),
+    ('\xe3e398aecc01be16180e68174c178f9f273c2aa1'),
+    ('\xe3e8070861ae2f78de323647e5865786889b98de'),
+    ('\xe3e9ac0208d511b845a975235f8200ba6cec3cdd'),
+    ('\xe3ee424ff065f5ad64f1b9b0458fc256681a5731'),
+    ('\xe3efbfb4c68457c3e1234decc17ef12aca1d24b8'),
+    ('\xe3f2bef1a5ab8809352b81b9fcc050415c9bf5ad'),
+    ('\xe3fa2912f64799457dcbc1d5185c520ec191f9c2'),
+    ('\xe3fac55bedb909704431f33f4a674a601eee52f6'),
+    ('\xe401f6796dbb02dbc901e9016019f98518a5c05a'),
+    ('\xe40d8f9cb792c371df744cb20635dc6d945bc573'),
+    ('\xe40e356fd7f113cb2ae39987270820428fe77449'),
+    ('\xe40ef5c8441ce25beae3ebee5d194b363c77962c'),
+    ('\xe4227f1bfa9c78a4a17718c7cd84b0a388740737'),
+    ('\xe4236f1e4a9094298397bf493cfbbf6201d4180b'),
+    ('\xe4276b4248ed2a3f325f7f9228681daa649ba1e2'),
+    ('\xe434c98238016996119fbfbec46d579cca9af801'),
+    ('\xe44460ee81a88534e36fdd15440d237c256792ed'),
+    ('\xe44917ec5ff118ec1333fbfe32c7fbd94774ce52'),
+    ('\xe4494e2fe3f0964d477c77b4cace1104f31b67f7'),
+    ('\xe44f88a1c170c9b948b5596c77ef4fa4ab1015f0'),
+    ('\xe4571d5b212edba9612c45089f99db6d0decceb6'),
+    ('\xe457a47c9f5afc2f07a78eb3d4f880807188a7bb'),
+    ('\xe4673326fee261348e7954ce28553bc064e72300'),
+    ('\xe46e4ac08741784f33d0b544795cdc82a162d86c'),
+    ('\xe47d5587619ded0383b432a2b776943e41e0bb6c'),
+    ('\xe480089bb8e9db0b01b528de76d167559a0c3d41'),
+    ('\xe484319ef0a4ca7de53e0a691e3a435b6d7c7efd'),
+    ('\xe485998a2d9c63b2b9594910bc7b107b8da76a96'),
+    ('\xe49025af910c6ff1a1d1b7f695b6f836b6212108'),
+    ('\xe498e979d967a10bbe811851775a17d7b46fc7bf'),
+    ('\xe49946dd06f66b5ddd04fd469cc2ac79153a83df'),
+    ('\xe4998915ff9e21051715a4f4846ac636a8e2c64e'),
+    ('\xe49a504ff61eacf92a8a95226036a6a0d8b9bca5'),
+    ('\xe49ba4616add7045a08483ba4b74e7a0a6341a14'),
+    ('\xe4a808cc5c4078be4225b2a1ee58cc4932285ec4'),
+    ('\xe4ab17cb6cbe918de38edd51cf46fdd51814e734'),
+    ('\xe4abd64b323570dfe84760bd14c02ff812ab439c'),
+    ('\xe4b6ec6f43d32d6c8734378b31dacc6baa6155d5'),
+    ('\xe4b87fdbe05861acf9d93b636a631afeeca6b6d2'),
+    ('\xe4bc0e7902d85359fc990e2db1c151ad05f76104'),
+    ('\xe4bd5280387dd7f4c3d5aaad0af04f3d516ddde2'),
+    ('\xe4c3203de72ca9bfaee703b8005a81221ca3c8c0'),
+    ('\xe4c37ba29d9ec7794c5926f9d598c0b50d6cbefc'),
+    ('\xe4c7ef832db69b5f9a3753e5745f4dfd14b655ab'),
+    ('\xe4c8ff4e72c682a940e7c24be4adedc5848f6ecb'),
+    ('\xe4ca55b2ecf1c2758920e5e97b03d4b10ce3b076'),
+    ('\xe4d25226ae1ceb0e628e305afd4e4ac085ffc662'),
+    ('\xe4d359ae916a36e24d55ea11a558d660aef90a31'),
+    ('\xe4d5c75c93703349e67971500981c25f51f2a8e8'),
+    ('\xe4dd26d6db9911dfac4ea7c0f348b46c7b7eb6b3'),
+    ('\xe4df59ea1dfd1b0d3d747f78d6a75c28358dd704'),
+    ('\xe4eae9ccd582e904597e143ce5dffe175165a9cc'),
+    ('\xe4ec8ef110690fb54c16fc6b108e390c455acb38'),
+    ('\xe4ee3220ff0701f10c74347b07c4c7d71cabaa6a'),
+    ('\xe4ef8ff62d35b4650eddd419a3dccb3c6ba60817'),
+    ('\xe4f2a942abf2e556843519167919dd86e0a6ad62'),
+    ('\xe4f460320ec77d2771002f3340c02bae27658348'),
+    ('\xe4f928b61824703fd87e20a9d1ccf5b9f4f8d305'),
+    ('\xe4fa8e8783fc3cbcd842e0661fde992dfaba82d4'),
+    ('\xe4fbd0a6d3ca974a656d4542236312bb7d30abed'),
+    ('\xe4ff253091b4e6a39b77dab9b9eb526040ad7582'),
+    ('\xe4ff5cb52b7e07592b30a55bda0f3aed0e4e02a6'),
+    ('\xe50620e9fe9fb48ac7d387aa66774bfcf7f2b901'),
+    ('\xe509261dcf788c0889a086db4fd011d5908afedf'),
+    ('\xe50f63f5df0df3695c6a6e2ced68771d69f94e37'),
+    ('\xe514928fd9c488e1c621934f2f20d401cf47d343'),
+    ('\xe521d656a772b091f839625cd1901798d9abf6ae'),
+    ('\xe5229816b24d1f634780ef3ad53b77abb9ac34da'),
+    ('\xe52336f8f41c371919e415dbfaaf0c4dea66de48'),
+    ('\xe5243882edbbaf08c55f72ac4c99bf3dd3330c47'),
+    ('\xe5264b6ef0a94a95e92381401918b395a6cfc5b4'),
+    ('\xe528e928b7a313d02483a3979082c199661144d4'),
+    ('\xe52a3c862c0b06b30562692f708183cc5300e2f1'),
+    ('\xe530457ecc458febd658b76740728b4935ad084f'),
+    ('\xe53dc64b9d1b32997e16356c2e733534147dc11e'),
+    ('\xe5407693762c9fb7f83b63ee47be39999419beee'),
+    ('\xe543e3ece4b9344549389bb45ab62e35a8846b8e'),
+    ('\xe547d1ef515165dd62e37b818ac10f7f0f83b776'),
+    ('\xe54dae89e23df5d332f8afd338823db42aefc555'),
+    ('\xe54e94525572c2f5b94e1dff9cf1fb31943e6297'),
+    ('\xe559ff5b15727936b69f0413cdcb372135e02802'),
+    ('\xe55b49be3d5a50793f53aa71e4780b0a255d5493'),
+    ('\xe55fd62a4cec2265dad4763dc541417b87a7769a'),
+    ('\xe56a544c7adb662e3b97777a85b8e513ac23eb37'),
+    ('\xe56eecd1faf22606d088c6fbf99379b95616882d'),
+    ('\xe5752418c8b58d0271ce498d1e02a32ddcc8dbbb'),
+    ('\xe58089d4785fae5c1e7d24d059e3a76618de8a97'),
+    ('\xe5834778bbdc5602d1980acee57cb4ff18a7b058'),
+    ('\xe58cf97e364613c7bad50ecba0d3c7f4b89b6609'),
+    ('\xe595cab49b1944b2d6925483ab813413f991f89d'),
+    ('\xe59a06477fa50f4ecdecba553f2491af95801b82'),
+    ('\xe59d2de059e5927a59115cebb07a67856b14be5c'),
+    ('\xe59e1810dea7b177e5a0e342188a617ea142e2aa'),
+    ('\xe5a423ab9d526976f85dd58021c7115ae2cf8efc'),
+    ('\xe5a43bebb4aa492326b81d4f2fb5cdbca556f149'),
+    ('\xe5a6cef276d8b365bba0d56ce50fda49e11ab8ca'),
+    ('\xe5a736cb57799845d557488a4170e15fa472c1ba'),
+    ('\xe5a9599b7525a5f87aafcd048de9e1dae1d9b0c9'),
+    ('\xe5b7b10d40251bf4990c1b286da259909a57bfdf'),
+    ('\xe5b868d94a761b3775a66f4cf97cd2a2c287197b'),
+    ('\xe5bdffca94bf4a4857bedb05916f4497104222eb'),
+    ('\xe5be2d36076b385780f504d0ef514368c7bf9ac0'),
+    ('\xe5c40dfed6e187b76f7575234ab5262c39ffe932'),
+    ('\xe5c5245ca119a770e9fb0e7b9297b904069d02e3'),
+    ('\xe5c9689af627d000bec52bafd2abc3b4397f0e45'),
+    ('\xe5ccac3b1f793983a3acf029b8c3a09b06b0abd1'),
+    ('\xe5d68f096695da86737382cdf1e1cc6db14823c5'),
+    ('\xe5d763c9b95e0a9db005e59924724fdb1f0398dc'),
+    ('\xe5dc209443335137a204eed25f99193684c86c97'),
+    ('\xe5e5c8def67ce3582e05e48473a2034ad545c5d2'),
+    ('\xe5e9c255d1d0c15d32791af0c609c94c18da8ee1'),
+    ('\xe5eb609554b78687ff403a49629334a874bd2ed7'),
+    ('\xe5f3787bffe5f11fec6bcd303cd470f867cf4075'),
+    ('\xe5f81bce41a989bb855ac745a756ca98c8f1b2f2'),
+    ('\xe607e5bb4b7f17020dfbc88f5cd6cba62aa736b9'),
+    ('\xe60923672cdce1561a6a7311f15b4b884774161b'),
+    ('\xe612e93eae972d1ca6f0cd8502711c53c8975970'),
+    ('\xe614023e2461babea20bd456b02902b74a24a074'),
+    ('\xe61a12456ce4430f112fab5146e551839a343de6'),
+    ('\xe61de97b2ef68fb539505c9f8b393884dfa4f7d5'),
+    ('\xe6234e85fcee90b02ff453e98cbbab3a32fe80a7'),
+    ('\xe626ce855f92da9a8583adabbad773ce26af5381'),
+    ('\xe6278bb9f95e6232ad69829045a0fb20181b7fbb'),
+    ('\xe62c3f568ef3d7eea45185648a4b3588a497eb35'),
+    ('\xe62de267a13dd22089ea5ab4343dc68d4b6c7000'),
+    ('\xe630c5cd4cb053acb9fe22804b76cf9d6e1c3e43'),
+    ('\xe636e5eb412686fa9684ec1dd2af6f9ecdd6fff3'),
+    ('\xe63a2656290e1f1784187640fb87c046ba591c11'),
+    ('\xe63ab95bd571da577c08a579e069da3ce5192943'),
+    ('\xe63b6f94c39040f6b4915a7e36e356388c73d7c4'),
+    ('\xe644bfe301c283cb609d0944d49a3d3e7053ea74'),
+    ('\xe646343668afc435c0b8fb7793e1ddf770771c0b'),
+    ('\xe64a1d6372a4af756b5c085f82ccb4435ea410d7'),
+    ('\xe64b25c8ea08cc8fbd221c9c76662e2deeef8554'),
+    ('\xe64b61c3fae92f0376c3629efa0026a04ec3f003'),
+    ('\xe65145f371d04239e075d1841b0f5a98238ccc3c'),
+    ('\xe6555fa072052952d52a279e10ded547fbbc8333'),
+    ('\xe656614360a61f2fd15b2763155a1f06ca31ff70'),
+    ('\xe6598ba17279ba13dd91095e2699c30ebf2a570d'),
+    ('\xe660a510b8b9468bccdcf8c3f5331ee0cb984587'),
+    ('\xe6624c07f6344e17881fdb54d29d4860227e7103'),
+    ('\xe66bf306afdc4d696c1ed6b2cb9d2c8d9eaac570'),
+    ('\xe67140745c816734c380ff63bf631dd0abb548b2'),
+    ('\xe671a42e053ed10e7978e55cda1e2063925332cb'),
+    ('\xe675ecf89d8784c3d111cbea327ccdb1405dc64d'),
+    ('\xe677f86c0c26ad53ba619cbb3e38348c18da8bd1'),
+    ('\xe67c7f029efa74dd75b55e53db83691382218b85'),
+    ('\xe67cd85a1b6ea4bc20baa33a92593fbea4a83722'),
+    ('\xe68ca3d3ce6942c8ce8842bcf3988d0e7eb99dc6'),
+    ('\xe68fc42dee60a21896c78b01f8f00a1460d31846'),
+    ('\xe697dff0ed3e8514abdc82abaa2e31b537d4bdec'),
+    ('\xe69de29bb2d1d6434b8b29ae775ad8c2e48c5391'),
+    ('\xe69ee64266358b922166964dcfdc5ca955b605ec'),
+    ('\xe6a12fe8ca1111fbeb3fdc21f08ebccc08a2f594'),
+    ('\xe6a214f4e146e1ed7df04d174db8652a1db67658'),
+    ('\xe6a26c68a8c84c2a0ac799b2b5628759da586341'),
+    ('\xe6a53a0144f7415a6185a09c7e7ecfb4ea9656cc'),
+    ('\xe6a5c936ea5ad7fac89c4a0e95d6f963eae998fc'),
+    ('\xe6a6637b0a0b5582dc5ed7998ebd2c357ccad3b7'),
+    ('\xe6b00d546eb62cd139bf550d997ea13df76511f6'),
+    ('\xe6b89d3ae722ac5dd7a0ea91623db26e92daf2d4'),
+    ('\xe6bd8e3eb5d8020420441f4a81555f0e9f57f124'),
+    ('\xe6bdc492c1f5224beb7e1dbe1834b1f4b9ab5bd1'),
+    ('\xe6bf2b1264b3aafd76120bf026608d571bca531c'),
+    ('\xe6c19a1f5cebf4cee8b95e502ea9c127b1f800ba'),
+    ('\xe6c541417348e930324056bb998a4ec4da37650c'),
+    ('\xe6c60a11ba703863a5f71e24da9a6dcfec649d76'),
+    ('\xe6ca3e8c513d9a94ed8b6feb4852bb380657206e'),
+    ('\xe6dcb742530df063a4d7b7720bab15d3658fe09e'),
+    ('\xe6e8f33101cd2333f04e67722980df4c01a340b8'),
+    ('\xe6f2f59b957c9d0b744382c7e523c821c237ca57'),
+    ('\xe6faee8ec12c641cf4afc2909902072e65621e5a'),
+    ('\xe6fd6e06ecd8da1f91688feee478fa4843c895ae'),
+    ('\xe6fe4c0565a572ed45cb7de3ee14fa73b0563ad6'),
+    ('\xe6fe8a734b35320c9c302701446c7c2f71628119'),
+    ('\xe72963129eeeed5f327b4bda8f9d44bd337aee3e'),
+    ('\xe72b5129a0bf0932070ca33676bd6db47cd2a5bb'),
+    ('\xe72bbd7987dc6f2b620264b380648ec983bfdbf6'),
+    ('\xe72f925d2ef8f8385f38231b04a7f8fc278bd1bd'),
+    ('\xe73481079f5456dff5a7704912ea02f95f2d4dd9'),
+    ('\xe7398a1aadb6474bb0b3253416c67329a9d1a033'),
+    ('\xe73a1ce800b2f4dc284f94c9017320d0971b9e3d'),
+    ('\xe73b65789b1c51529abf4256930d4cd866556ff6'),
+    ('\xe73e38ea22dee2bcddfd6bc92ba0d3e0564df761'),
+    ('\xe740c307beefda098fd1f35207b80ef3652872d1'),
+    ('\xe740d18c92e4aa447db1a5dc45ce8f84ddadfcb2'),
+    ('\xe7415b00934829d09310728baf2eac8ffca11258'),
+    ('\xe7438e87c18c520e141188e4a2a40dd0c612d2e1'),
+    ('\xe74636d7342b8b8956472e2eb3a87b59e61dd068'),
+    ('\xe74ddc2d74d5186b85afe4ff75bbbe5f7d57574d'),
+    ('\xe7502d06c9835d0a7707f32dcd762adecbfba047'),
+    ('\xe750c3419aab17e15e9c227e954385de805e3f4a'),
+    ('\xe75b3cd74f5abd23f7fb957412e01a8dd27671cf'),
+    ('\xe75dce03358f1e08097998c5727b266cc6d5f184'),
+    ('\xe75e1bc5507993847b6584fd3b5bc248eccc5d2b'),
+    ('\xe75e942a9b02f24424c5ab093565ed2a7c183e2c'),
+    ('\xe762feb112f58903671a55b05150c149d1d0a6d3'),
+    ('\xe771c03139fad8c38c2fad79161d8d99b706886b'),
+    ('\xe77a58aa11aeba618958439b5c54cba79efd9e9b'),
+    ('\xe782c377af23839abb91597ca08e7989becd64ac'),
+    ('\xe7933cea2c75a35f8252a26fa073955ccc409f66'),
+    ('\xe793e091253e8c274c93a38dbabe1979927bc981'),
+    ('\xe79bf3f988bdd5408c36905a08c925377ef2d952'),
+    ('\xe7ac4751aabbe5aeb72d3cddbf7435cb313850be'),
+    ('\xe7ac938f421e54dc38df47fb9c2399b5c3376948'),
+    ('\xe7ae8f55c4fa925fff81fdcd4288eadd443d2e58'),
+    ('\xe7af2a74ed94f43e9282b6eef38f069865e28687'),
+    ('\xe7b3afdda949e1cb8a2723de66fe4699deba543a'),
+    ('\xe7b3b38c69104fd7acb4cf2c5e683fe3c615c140'),
+    ('\xe7b94b691692d725d251d4565271c8832438005a'),
+    ('\xe7baa4fc9832abbeebe74531c7370446fd0339cc'),
+    ('\xe7c0e98355e2014d9a2c76d988f5a884c05a7eaf'),
+    ('\xe7c32a714d763807c8fb40dd670f125c592c0cc2'),
+    ('\xe7c4dcd7aad2f3a242fee7bf86cd40490118cccc'),
+    ('\xe7c7503280acf57aad49645e0d4e206f89dd4ada'),
+    ('\xe7cb1d5771a3ecce55a49bb063c9595296bd80b0'),
+    ('\xe7cb5f1d987edbd38e199bc0ff09059b24f66e5b'),
+    ('\xe7cbcbce89bdb73bd6de79defaa6d5655fbb7b6d'),
+    ('\xe7cf0898e9d8a54479818f950dd72f4c80be073f'),
+    ('\xe7cf8c181e76699c44f2bff276f1632dd64860e0'),
+    ('\xe7d6120dcac0ec82c1750e497d400f40438d996a'),
+    ('\xe7d6f547af6ffae55e7bff1839088a3892fb6fe3'),
+    ('\xe7d84482c25490b775f73b40ca9c87325f4b0634'),
+    ('\xe7d8ae72c85845a6b3bc5617be9e129c0f1fcdca'),
+    ('\xe7d902cc613ebf5fc3c78c002e0f53b7e4c15451'),
+    ('\xe7da3ed2c2ed6ac3b5788cf56430321c4389f693'),
+    ('\xe7db16a9668c2f312d85ee24378c7dd47d8c34a4'),
+    ('\xe7dde2798d4f39197fd48935df3d135f4e490703'),
+    ('\xe7e17c091edfa58b7d676399678a3d552701ef39'),
+    ('\xe7e1fa0cd74847ceaa92fd3c9b4bfc75f329155e'),
+    ('\xe7e37d90068e184b284b7aa81f743c28b3d371da'),
+    ('\xe7e676945bf2b70a6139a0e3f635fc1919a38075'),
+    ('\xe7e7015c9ccdd406d20fc6c0ffba4c5ae386d8a1'),
+    ('\xe7ed9552c42f4b1906b272ab490eda951bd5a853'),
+    ('\xe7ef7227230c03bff5c8410bbf6a570b9ce185a4'),
+    ('\xe7f20d5ffb8b0a575d21665b2b8421d33043e9e0'),
+    ('\xe7f322e0d9daadc1804380d3461711cf03e94b04'),
+    ('\xe7f64995cc92ee376e12f1ccebab38e0582d5501'),
+    ('\xe7f7575d9fa297a86c12a41ed774ea814d67e7ed'),
+    ('\xe804f6d5905f28aabf4474a149cfc5f75b4e4137'),
+    ('\xe80878dbdb22c6fee9bd57af1a74feacbf33b675'),
+    ('\xe814d79cb4bf05df352ba6e5ef2c19c01df5341b'),
+    ('\xe81629ba61ede13695e05b534e9c48089dab3b05'),
+    ('\xe818778178879bcb753350ed6c2f27bf1acd9b39'),
+    ('\xe81af30dd9d367cc8ebdb01a984969340544ec14'),
+    ('\xe821a98be29736c6b332a0978455fdb8b9a30b32'),
+    ('\xe8234d8005bb31ce6700dc9a8fdfcb1d9af511a2'),
+    ('\xe8237d6de1c03ccb1078c9f5973b4036428ffa5c'),
+    ('\xe827d95c04b957bc1a8fbdb6c7251d27d72d5b02'),
+    ('\xe82e8623b3778b56bbab19e4386cb43ff7d18573'),
+    ('\xe82ead8d5ab7fe6f9c25cebf8bcba3ac68691176'),
+    ('\xe82ee3595012c3a6780f769953f43fb0e9a2a90d'),
+    ('\xe842a1fa056d2ae22349dd9081ecc738fb268242'),
+    ('\xe84d649a2bc519af156f416ea5c3407916cdda0a'),
+    ('\xe85009fa005c7fd9b44a9f82dcaa2a7d96347569'),
+    ('\xe8524f0e19caac2c2f0c5e852c32e30895604a38'),
+    ('\xe8536d852f7262a81e71c76b2d2b3bff1401377b'),
+    ('\xe85508657bbc7e76c7ae9f3474ad08347c5d6656'),
+    ('\xe85bfc60f2f6d6a5f00c5ce70c17c909ff1e9557'),
+    ('\xe8603f98622fe76588db04a1915dbe1791ad7b05'),
+    ('\xe8653aa40193533fb6dba3c3eaf1e519b343840b'),
+    ('\xe865d282495450e316f0ca2b9014a688609c4616'),
+    ('\xe8661e7f8ecfaec524aec5adb03d3ba6046cb7b4'),
+    ('\xe86823f5a2e6bea2cc69d2aa2e267ff6361f5717'),
+    ('\xe869b49d09bb06726726635c24e8139e503818ac'),
+    ('\xe86d2f43e83e69cf2fe0d5ea34b2d7b2a5908af7'),
+    ('\xe872da6e9f1f99fa8e3182a559b87a6707012f03'),
+    ('\xe8739bcdf12a67b9667b92a58a057855c3fc906a'),
+    ('\xe8830d68fd3f62f8e9c9cc3eaa6cef3acf6ea383'),
+    ('\xe88cd40c5588e38caf861ed165c5c50e553f4e7d'),
+    ('\xe8925375bf302d0c8aed120285be232d4972fd48'),
+    ('\xe8961ee457ec3fcae1beeabe6723b00b4c9af222'),
+    ('\xe8972990c1c4d64f1b9baf271fd16401cb6119e9'),
+    ('\xe89bee5f8f6303aea82ff2f8bd27b6b6c7385034'),
+    ('\xe8a39be7f01dcfb08bdb3f312ee487cd4d6a3aa5'),
+    ('\xe8a5948b12dea59513bdaff22d2e7a26af72a989'),
+    ('\xe8a6cc497dd5ec35a30c81a28e639b372983d469'),
+    ('\xe8ab1f82feeefe591acce33f9b87804a08c4d561'),
+    ('\xe8afe2f96be3b84da3c180b8d62001191cc0e241'),
+    ('\xe8b26bd08d71e636307f671f9c8213e9b89a565a'),
+    ('\xe8b90d965f26747f60de4e1744b119cb16aa19aa'),
+    ('\xe8c95c83670ca657b6bd58d317bb2d792b9c7177'),
+    ('\xe8cae58281e52768b5517bac52f5c3cfcaf061ab'),
+    ('\xe8cd5d6ea344eb66c00ff7bd7a5e280c851832a5'),
+    ('\xe8cdf8a4ea910b6d24374b98f2cce76c18879a2c'),
+    ('\xe8d65cf9dec87517c0bd0d2d919e0050c81246cc'),
+    ('\xe8d7421d9da2b8e6693c80a448203f484f9daa7e'),
+    ('\xe8d76a2f0aaea8f2b3f2947b72048b36a4b2e534'),
+    ('\xe8da0a3303a3f4fdd8d4bf48c4255cfba3c092f1'),
+    ('\xe8de127a37213e171817b5eed65106ae4f6646b9'),
+    ('\xe8e04807298a478dbe081fa9e41630ccc1284ac5'),
+    ('\xe8e547fa907e1bb14b022666b63f5797b3384bcf'),
+    ('\xe8edf3bb3712619c2401cf7f1dcd7107b78a9de8'),
+    ('\xe8f1670ae33a8d5c40dbb842aa3ed98addf0c9b2'),
+    ('\xe8f16b0ee8713f6d37eec3813aa0ecd8d4d8d2e6'),
+    ('\xe8f17c159dae5dcccce94be5f781d47e3fc86309'),
+    ('\xe9017dd62e42751387e38be50462182da5677d98'),
+    ('\xe904c7242d4d0d51c1aa306e6d408f8ec379671d'),
+    ('\xe90515b3e17c1c54a1bd4e88ae16a0fbff84612f'),
+    ('\xe905d097f0ec784634ca3c13f581de255db5e68a'),
+    ('\xe908ce9613f4e8285e6158963eeda9417f2c5e8d'),
+    ('\xe90be58fb6bbb9d367f67ade9b5db1f2042ee2a8'),
+    ('\xe90d100f0d48446a32888a9e432e7e1ead4583f2'),
+    ('\xe910920df4357eb66822c1bd0bd48d2e8e5b21ea'),
+    ('\xe91574b702cf817e64292f5e6f28ba0be0eb9d2f'),
+    ('\xe915f503062c3b2d405fb7de7d8f22a759c59914'),
+    ('\xe919da98fab8aeac70fb6147662c3c8502b81d63'),
+    ('\xe920ae8aa3e2ed11da171d19a01913fc0d076bdf'),
+    ('\xe9241ffbb1115d6d51797e16cd0cb27ab0c85c07'),
+    ('\xe9283cf8e91531466d7ab1e6fc9c6a8b49960436'),
+    ('\xe935af5c6d85c8c01b68c3bfe4e4d849f19d32f9'),
+    ('\xe938fa61f0efe513067008059b79ea7c8d9b0e48'),
+    ('\xe93d22c528cb3c1701f52120ab3fdf6685f78197'),
+    ('\xe93e302c281d5006455d675c5295740cc2036d97'),
+    ('\xe9408e3cdeba2e1b574920166a2b8c21c3cff7d8'),
+    ('\xe9423a031dfc22de94996cbcacbdbeda428c24cc'),
+    ('\xe94678e67e86d0fbb38ea2a9c3481d8a33e80a85'),
+    ('\xe94bda22c84f482b46ff209bef423021fd15b83a'),
+    ('\xe94db509e43b4f1431c308de68e3ebb954ee9d5e'),
+    ('\xe94e6b059f077325ab03be1516ea882f1ee15a0d'),
+    ('\xe957acdf0ef5a2e9a36569fb11158245afdeb3f2'),
+    ('\xe95e5e552e7f1dd00d53a837b06cb2b3305b098d'),
+    ('\xe96231a3c8b8c8e5ce04be5f82b40772986fb699'),
+    ('\xe962a3c720781e37949a0d654e11dffff1b6803a'),
+    ('\xe968972febe6173bea0976153525872c5467c3f8'),
+    ('\xe96c27fb1a943c44d809be45b4389b4a1a5098f0'),
+    ('\xe96d8251d2507e3a312f37a0e79f535778de7f6b'),
+    ('\xe96ec57d7b799aef5d67ddd99db698e60d3c92c1'),
+    ('\xe970dd65dd11354f93b520154df96e7a90ffbfc2'),
+    ('\xe972fad8f60fac7c663fbb0f070ad88a31100a78'),
+    ('\xe973c5e704c922a761b8ab6411b5b086b0897f1d'),
+    ('\xe973fde962ee257ad31754b9a564a0763c9d99b0'),
+    ('\xe97914f9812f50d9a55c7174d954f50d9035a143'),
+    ('\xe97bc4934183f6a06445bc714160de65bf5e5e04'),
+    ('\xe97d5bd96600ead05efd12e2fbf1918d61a595fd'),
+    ('\xe97f3d5f4a72a1a3f346a827d10bffde91a74aeb'),
+    ('\xe98400cb6444fabe29ba4b2dc795ca122c89c7eb'),
+    ('\xe98f09cbd62dc728420aef5c9037266b5ff06f01'),
+    ('\xe9906b70adc8066f14d196cb7e9a8c9993a7f072'),
+    ('\xe9935ef50a8a5e237c954b791434194d63f5a036'),
+    ('\xe9937f1df2c2acb7b7e5b63b297d1d85c18396d1'),
+    ('\xe9970167aa9f2c419654918fff8e4d7eb235de6e'),
+    ('\xe99d39727740fa94dbb06b877879f5795f223fd5'),
+    ('\xe9a005749885a2043bb7728773f955bfc2489801'),
+    ('\xe9a11f9ea0fd84f939e19725cca26ab5aa5f7245'),
+    ('\xe9a1c15c1afcfc02f09aec52192c4c5e6f9b2fbd'),
+    ('\xe9a6468f4b878a56fcdb5f0856fda6625b831b4a'),
+    ('\xe9a6f877488e4708e6814f76a50334d71ebfd53f'),
+    ('\xe9ab78cdce7e43ab8f3d5b7719c3b8568e81fa7a'),
+    ('\xe9b4ccb2ecec014c74a19dcde91b22ed091b1e6e'),
+    ('\xe9b53db44ebba69f4cfcdfcf48e6ba321b6a3325'),
+    ('\xe9b73d090685f9520abeb8da03664220f9043283'),
+    ('\xe9c581cb558e7f76ab1462940c7dba5e527a0674'),
+    ('\xe9d37604145e0614f215724198b2caece2e156c5'),
+    ('\xe9d929e9f3198eed94530cd16425acbd4fec834e'),
+    ('\xe9d98caa6611d9ba519eea258ca082b0cd353d97'),
+    ('\xe9db21d3ea7c364808c7185d723d2daf7c92bc6b'),
+    ('\xe9ebac7ba279dc2678b40b64fd844a1eeee6380e'),
+    ('\xe9ee442287775b898ca711576c359701ef097bcb'),
+    ('\xe9ef1dc516162fc95395a661f83a31f7a2c4c729'),
+    ('\xe9f3708222d19ef00b62447e7854b1ca3eb89f8e'),
+    ('\xe9f925fde0d2c8fbec61226f9a6b4535aea82e24'),
+    ('\xe9fb9f6e25b1699c29d4ed441524cef258afb5fd'),
+    ('\xea0b59ea9209bfa8cdff80b3ea4c2d65127262a5'),
+    ('\xea1124bab45d27e6c911e0b6914bf2d23a967b8c'),
+    ('\xea128b894154b610bbe45d5aabf733d7811f5224'),
+    ('\xea1613c2dc66adf18717276ac56d80d6a46ab445'),
+    ('\xea16f3753976550d4bd73332c452e3fabb836c55'),
+    ('\xea1732de64e8312cbea91e9832b35c12aeb88064'),
+    ('\xea22fddcb6600b1f36f8cd2cb60319c21d9bf59f'),
+    ('\xea2358bfc546292cef1b0f8ba4d2748fe07e0022'),
+    ('\xea259f77d166f14651a07ffd17dad18daaaf7065'),
+    ('\xea39754b499651730ac9d95b5491bababc8716c2'),
+    ('\xea3d2acca8064228ea62632e88757d6a4a5672e5'),
+    ('\xea3f35af251955dd2aa1c75501372ea415f37032'),
+    ('\xea3f402017ddaa231e2b27c3d280abf1b45b9f53'),
+    ('\xea4446eea39854b31ad94d37d961139f84a1a2ed'),
+    ('\xea45d446d389ad7d8588a6cfeb21eb2f43af49f6'),
+    ('\xea4bd57c77345f1c9cf2e262fed3de4e9a43f0dd'),
+    ('\xea537ffd5e9fa09d1cc04a8d8e2cc6c492a26984'),
+    ('\xea55362ac83a31811ed5b31260af68c434eb9516'),
+    ('\xea5db0a20b2ad8d7fcffae527103b6593615c52f'),
+    ('\xea64afe3e3aec41c8a02dac813a1a08fbad9cf08'),
+    ('\xea6aaea554ba99438e36d0fc882caeb376b15537'),
+    ('\xea6ff545a246caa64074ba809bbc86fcb8589071'),
+    ('\xea72ca243fbde6b2fdc307ef56b17e87c516b9c9'),
+    ('\xea73e60ee7fe05b96f195e2c80df2ea9ae9f07c3'),
+    ('\xea76c34b6acfb0034b77017e83aa2c8ce234595a'),
+    ('\xea77dc025a0381736ac85685d2403b326588daf0'),
+    ('\xea79ccac7075ceb2c54a78e13f29a8211332ea52'),
+    ('\xea7b7f6ed6f23959bce424a78ddeb3ac1bf84368'),
+    ('\xea822f35234521cc44aa64dbf22cd0f4d3484f34'),
+    ('\xea85e1b0d40a11bb6fa8fd558a706164bca85f70'),
+    ('\xea8930537cede3b711aff64990ec933f11eea2bc'),
+    ('\xea8d356bb4b71c340261d64f72de824f9cfa9f2f'),
+    ('\xea8e27a259ddea908750e67735111dc08822b0dd'),
+    ('\xea9181b6f9e140040cd76e96bd78ec03a8e8c136'),
+    ('\xea98a5d179be9b22a225f29726796299bfc92825'),
+    ('\xea9cbd21cb22b733ace4d4c47d9a9fc3f813a7b1'),
+    ('\xea9f37612abcd842e0b4fd3f8ec59d3a7f0d3596'),
+    ('\xeaa0e8f8ead9961270bffc0be86071f87cc6929e'),
+    ('\xeaa6dace99e16bd79e84033fc8589056f47ad298'),
+    ('\xeaabd4352c05d1ef3679b21adb225aca96ccb9c8'),
+    ('\xeab19a958ec5beccc7a52f923a1c58102ac8d642'),
+    ('\xeab2bb1469b2357872fd432f69643782b5e360b9'),
+    ('\xeab36d3fe02b1f606f817fdbfaa622ca52ec3099'),
+    ('\xeab616f219a342e7ee8b9ab376069371eaa5af70'),
+    ('\xeab6bf91b79f09ad206adc6c6ebd4dc7acdcdd60'),
+    ('\xeab7c3e17f079d1f69bd5468ed114e43cfd5afff'),
+    ('\xeabfd79c211633c5f0e202de8b774a30c67daf2f'),
+    ('\xeac65910590cc08ad330a8a863005a0b0a897eea'),
+    ('\xeac6efe181b69f6bb574971da72399601bbad48e'),
+    ('\xeacab58d6dd4ad1bf636858aa6da3ece1bd021ce'),
+    ('\xeacc28c7b000cc1f761134892a1a5dfaf21da09a'),
+    ('\xeacf128596b89e91fc6c0637cb5a262c9bd042b6'),
+    ('\xeae383047c81e8ec80f60a736d3066883fceff7d'),
+    ('\xeae9b3007b07029703491f43786b66f69dce8a4a'),
+    ('\xeaeb0315ca1f512b9cd4e52b477a05d97a214c80'),
+    ('\xeaec28150b3ddc09c424f76dcddd1900fc879635'),
+    ('\xeaf59441f5206d7c1b81c27fb7a2255eae7381fc'),
+    ('\xeaf7df7a07d669ea97474e2b0851a363b405e9c1'),
+    ('\xeaf8f1600b9c5016caaf48d50942bb60f0d4cde5'),
+    ('\xeafd226b890316f972149c717c48926c3d32d146'),
+    ('\xeafd60b44337cbf232dfce1f8d1e8a57b312cf36'),
+    ('\xeaff25a1c102caf1566adcafde9d10b12360fb77'),
+    ('\xeb06cd08c23387ac887966438a856d5a966e87e6'),
+    ('\xeb09d1558aa304c2979cf0ce3d3d6803d31c2557'),
+    ('\xeb11b3efaac01460d8e83ce1e430443784a09f99'),
+    ('\xeb1823a865fd7836f2da8f82102c7c2260db7d16'),
+    ('\xeb1b1ec727bb9366506c3b1d4186580c0da2d4ff'),
+    ('\xeb1ef06ed60d6d87dd5da41eb4e9949eb863da8c'),
+    ('\xeb1f7e5a4358f7d875c0b4b78bb955d8ad81707f'),
+    ('\xeb2037492401ab4b8d4695e6b32252a73f2906d1'),
+    ('\xeb29a59443d96b7ca8da0a63abb9c29c9c1f4005'),
+    ('\xeb31ff1e7e13a5a176d088ae2a10ce54bdab57e0'),
+    ('\xeb3c7ac0a61cb4d1ebac27f7bc521d0949affe40'),
+    ('\xeb3e156b701b1086e8ecd7771673418e2d97ee11'),
+    ('\xeb423271fc2ba6eed98b7026803cd3cf56934808'),
+    ('\xeb4965b84055c8e8cf913b9cad0a9a6269895dcd'),
+    ('\xeb4c214bee025927ca5a35ed8bd81b2b0f557ba2'),
+    ('\xeb4fc8ba67ed6568116d86e4733821bc7f9dfe13'),
+    ('\xeb522f2e7bf700dc732c9776933a07b0c329c77f'),
+    ('\xeb576704d5a5746c39e985c033c31fcee4e518e7'),
+    ('\xeb5789ae52e8048da097f260923b49bb179a0272'),
+    ('\xeb58de0702dc1b2520ece1e8cfdeab857e4fc8ae'),
+    ('\xeb5964dde8fc21d9b66a21673067b37f85ffe76d'),
+    ('\xeb5a0e6eaea2258c8d8fd81baf122457f6cc4a08'),
+    ('\xeb606efea9ffeda4cb139d4a1b6bbdfc3677bb9e'),
+    ('\xeb61f14b6b07a0e278374a4b551ccca8bd7a21fc'),
+    ('\xeb647e7e354acb64c5706f700bb289d4da204e91'),
+    ('\xeb665a6ce8e0891f355be3494eb976f596ef7ba4'),
+    ('\xeb675192462fdc9ed7518d11f788b7bd20a8091f'),
+    ('\xeb6773612ed4d265bc368f466f74af7527cbc53e'),
+    ('\xeb6efb73c856ca3a99384a5cec833ad313e8e8d3'),
+    ('\xeb74694ce7aecafde8c800c20391c6205a4acd71'),
+    ('\xeb759389e6afdfb1fc5bdc2471875a7701f8ee2d'),
+    ('\xeb76f146ae850ae3736056d7e4cfad4359328556'),
+    ('\xeb7e03c5c89738943b1988b3c30aa0d7e6a832dd'),
+    ('\xeb7e48c16890fc241b987432aec2621fd50d4679'),
+    ('\xeb7f72470a8a4739e3e03586f70ca04970e56174'),
+    ('\xeb7fadc2a3af9b9199b708f986af6911287d23de'),
+    ('\xeb812b7538bb0a34b601a0f9aaf9cc2a88821290'),
+    ('\xeb8b36a0a347bee20a9a3a050f03ab5443c1701c'),
+    ('\xeb8c1cb20e652ba825f188aca4dcb36410adf43d'),
+    ('\xeb8d20212ce1a2aa37200541432c11b60830aaf4'),
+    ('\xeb95b917f3fbe1bb7ec42c1b84826f9cc9f1715b'),
+    ('\xeb96ccb8c89c2f72a7a1b6a8a24f74c50ac363f9'),
+    ('\xeb976097e484105caa09517aebb8dbf8c2c52241'),
+    ('\xeb9f22ef7d93ee82e1c68c86ca72821cb27108bb'),
+    ('\xeb9fab5376f8d2b4df9088723472e31e7038a006'),
+    ('\xeba0a8448b13565acb826dccbf6b7d97f6888a3a'),
+    ('\xeba306253b862d44c5eda9e92a597ce43bd0ed64'),
+    ('\xeba79f37fb54eaa801543cbb2955063e0385b9ee'),
+    ('\xebaa7857837c84592e827dc0e5f00bc97de96822'),
+    ('\xebb1eaa1beb937299fc3ef054744183d0bf1354b'),
+    ('\xebb5ee86b29d489e79642baea85c25a32174d937'),
+    ('\xebcd1f76cb16db7d362e891a4b319135f3058afd'),
+    ('\xebd2434077998c9497378f989f58a68f9655899a'),
+    ('\xebd4eb1e3f9dd77621461e3704544c19be100c5f'),
+    ('\xebd8a0d0001beceeb6684f1b2e7f99010803890a'),
+    ('\xebda38c8e03d44b03c8cb36b686f2c777ce44de7'),
+    ('\xebda907ce9cb4b816a4368093c0c8647b4393adb'),
+    ('\xebdbbe71ecc4439602cdf763a24006f44b1139a2'),
+    ('\xebdf040914f0490b9efb238f673a8952a429b3cd'),
+    ('\xebdf4799181a3c2d999a2557efd07bd589ef63cb'),
+    ('\xebeae129762d97b6a380c3b6feafa72eadbaea1c'),
+    ('\xebee9d83b60e3ffe28cbb611bd7c8f57c7c28ae7'),
+    ('\xebefbeb81f63da792a887c4dceeb9858a82887ac'),
+    ('\xebf0f0a6dab1350b3e339673577949ed98a34b0b'),
+    ('\xebf5a26b672a674e4484dfef8453316c0ac76dce'),
+    ('\xebf684866dfbf4c1324d83a5a7af42f382dd5636'),
+    ('\xebfd7fc2c94ace0de0dfe1de780aeded1e8d407f'),
+    ('\xec00191ccfd172a0ab85af064895352bf62127ff'),
+    ('\xec0cf209c43d2bc884c2924522bece713113f12f'),
+    ('\xec158278140df5afae4c817929bc8090f7c3c766'),
+    ('\xec1637c3be9b8c9b23d983d48a14218e3406b6d7'),
+    ('\xec17f4523f4b6b3b5f58aee8e53134e242fd6a50'),
+    ('\xec182bd710e1f2ecf5708a7842c70682212f1e35'),
+    ('\xec2265f7aa7bfea27ea95027ae53f83c33e0dd58'),
+    ('\xec2d30d5d9d5010262ee62580104d823d0bb3a3c'),
+    ('\xec2d428e6ab3d37317ea769016caf8b178d522ad'),
+    ('\xec33ee49015edc95fa3aa6fdbe47584b4e4805b1'),
+    ('\xec399c5d28a6f434692ec163a2b038f281084583'),
+    ('\xec3e17613b7ae41a4decbc20c3cfd7c9b09b5073'),
+    ('\xec42cb65e0962be932b91253040c04edb69ef56a'),
+    ('\xec462213dbafff18f27653e74c3ef97d7a227970'),
+    ('\xec491c6c3452f45ac542d9e9d818be470a6fda25'),
+    ('\xec4b094f2181b26b9631c24889249e718ed25202'),
+    ('\xec4bfc6d1902d70e553f3f9275efba1f53ef7bff'),
+    ('\xec508fc72b38ad6cebef21a055cd98789f0b9eaa'),
+    ('\xec576921ef0b35aaf238bd32b21283dd5f9272b9'),
+    ('\xec5ca24632b3e24257b21fd4a1caf06f68e3aa8a'),
+    ('\xec5d317bad728b54e23c9f0efda7d6bf1898f51a'),
+    ('\xec6528bbc000c175ab98ef157ae2b08aac66dd6b'),
+    ('\xec6afcedf46cfc8bc57b4b9b37131d8faa91c5ea'),
+    ('\xec6c3f91df95a00c53264e8ff5a3bde6d21a1a59'),
+    ('\xec6d62d34612ab01a900cb59f9175c3a4163c3b7'),
+    ('\xec70d4ce90a24cb7ca035059fe137243a627e3fd'),
+    ('\xec72ffbb6a320c91ffe5db751227d149e3642cd3'),
+    ('\xec77d49b1acdccf616dfcc75c9e93226805ccd8d'),
+    ('\xec7d5e2314b00f919bf01cdfab7ecd4566e41706'),
+    ('\xec80dc8b420a924e6eaaba2bd6751c9c90929c08'),
+    ('\xec812eef5abc6758c5270c076f4987e514248f58'),
+    ('\xec9009b31397a3741368de003cad1f47ef18b691'),
+    ('\xec95c65ffface7c8c68ac3398e05d3209b6e8f54'),
+    ('\xec964c732c6e6a1d7d4c6e68b8b34fd23fd5232d'),
+    ('\xec9a4e98e31bc9d3efef25a5fe24cf268ef6a481'),
+    ('\xec9cf080fbe4a2bc812754accef7358749fc8760'),
+    ('\xeca2da21060635fe94ffb26bbf625eab933fbe63'),
+    ('\xecad730c873e5ff22be0399d530c2eb1c8611634'),
+    ('\xecb29343f9fc426c8ff109bf6c40e3a672d7db2a'),
+    ('\xecb49bb7e3feb9cd05569ef8fefa376803e5ec57'),
+    ('\xecc57fbd86d95553f411e8e6c19688f7d9bde7f1'),
+    ('\xeccae3d4c361bbf2700956e2645c9a09263c0b75'),
+    ('\xeccd6f7c6a1cda5bd49db67c119b82129f2f28d8'),
+    ('\xeccf30fe74292a855b240c170049ba9ff22224c7'),
+    ('\xecd1dd241d22d37d5a53a97c6d8751a53bce8186'),
+    ('\xecda8d31f803f0f2db7a237ebf6e04cda2f0d946'),
+    ('\xecdd19fc1cf6b25a0aae88604d6689c0ca0e51c7'),
+    ('\xecddfc66a1671c4334e2ed9d9034e27cc97ecaf0'),
+    ('\xece125d761da3163cbf0452408e27036a3a1824d'),
+    ('\xecea59b4fe4a8e232ee7bfdad71534bbb3ee3748'),
+    ('\xecef0005ed4552af26a04f65c0d5d6b89c84d0a0'),
+    ('\xecf3d50eb111d1b9e143357268fb08f454303e22'),
+    ('\xecfc88c59a056b77a9acf50f1d5b60a94abf56e7'),
+    ('\xed19e7d6779b47d8c63f6fa5a21954dcfb6cac00'),
+    ('\xed1a0a2a78402e90c70ff6849018c1edb808c017'),
+    ('\xed225c6a98cd3b994a8c4320b5eb55e928f77cb8'),
+    ('\xed2eb33c57d418f5e99f3809bd65d158be55f539'),
+    ('\xed34cbccd9aeed7c458c36144f68b1a16ee07686'),
+    ('\xed35edf989fc6a67eb58a967a792bbe5e63af13a'),
+    ('\xed3e59dd16b9cdb84e00fa787756508f7e847914'),
+    ('\xed3e9aecf36bfea445124f216d75c8b5ad262bb4'),
+    ('\xed3ea29846027206dbe89bbd274cd20f8e73c020'),
+    ('\xed3f7d591e55ed828b25741d00df5b65745a2ab8'),
+    ('\xed430756de222e6bf7983d4232ff7c37cc916653'),
+    ('\xed4ac59ffb8423dfae166c033b141fe1a8b67b8a'),
+    ('\xed51b3a847872236048d15d7368feaf8597ee33b'),
+    ('\xed597656ceaeb2c2c3fd6dd36da4d36e3a2b435b'),
+    ('\xed597660e4acc85986276b9cd075fb39d20d3e54'),
+    ('\xed5c6ec9dcccc6b184bc26966b5d4e4ee5f5862d'),
+    ('\xed60f968a385406634078de7cabfe1f1f4864123'),
+    ('\xed6431f0e04ff7b51bd80bc33b2296ad086f3bee'),
+    ('\xed668d4d489f066e40496d2b2390e6227e26a457'),
+    ('\xed6af245bb70ab962b587616db270779bac6acf6'),
+    ('\xed716b0385b0187943768eb108dca85d507e5de7'),
+    ('\xed73071830e9a30eecf0bc1dfe3fbbb336d1a0ba'),
+    ('\xed7571672da5ce01d8cc8a034ac1ad308f39877f'),
+    ('\xed76988846a1c32bd7ccb0ed876fc143482a895f'),
+    ('\xed7f21ca7909d4cca335076a621d5fc06575a5b6'),
+    ('\xed7f5265407a1c12cdbd6f31b990bac0877a5a8d'),
+    ('\xed81c78772317dccead868d20e70e9b2df2ea696'),
+    ('\xed861282b1bbbf004c2a5c610e079bbe9bef5b2f'),
+    ('\xed881b70f55551e52851ae96fe21028444ba5ecd'),
+    ('\xed8b29e89a9a60f2c13fb00313789c67dee827d5'),
+    ('\xed8e0af0da344364ab8028f555dde42d2cc0009d'),
+    ('\xed949f102ee49bdda6b9ad07ddf74fc4fc80ef23'),
+    ('\xed9596ac11e35721a3c165cb56b656687d55d8cd'),
+    ('\xed961da410f6ddca9098cdb8f54d765aeb9c8d2c'),
+    ('\xed9a2a68eff5bce102279706e0bde8fde2708820'),
+    ('\xed9b1bb33a864bbb32b29daf0a66d900d19fe619'),
+    ('\xeda29c35b93c15a36e60f3ffdf8ead0e942342d5'),
+    ('\xeda77fa8c581ab78775138a2e7a8bc15cc2f20bf'),
+    ('\xeda825c6f1bdef44954ab21053e77593e6e147cf'),
+    ('\xedaa5c50a87d5f92b31f215e0d31b11ac8e3c015'),
+    ('\xedb3864d44d9055fc77c788431e384cb2aee45df'),
+    ('\xedb49490dd803ac919a6462c027ca19b84c1d7f7'),
+    ('\xedbbff759acd7a5702b92c920ffd6648b61d9928'),
+    ('\xedc01a3028d086d8b830e31291cbd38697c771ce'),
+    ('\xedc01fc7f72127681745c4378d712b7ea22148cf'),
+    ('\xedc36bf772a89840fa30f62f4700249e07bf130d'),
+    ('\xedc76983224dae3a6ca89d41024a4eebb8652e79'),
+    ('\xedc92c1bbeab8f73b308735e3835803d2bb02a62'),
+    ('\xedcf944493868a6a149b32ea850dcda00489ec7c'),
+    ('\xedd76c5270488be3a2c517f2016497eb710cb106'),
+    ('\xedd7d6f28f10c129449492364da2a6f8da4cf44e'),
+    ('\xedd922d252a6c2216d86abb0bbb09b7ae310f30b'),
+    ('\xede49829b2276b863aafc5e801a8efd7d57695dd'),
+    ('\xede9603e0ed6db639396c3c710035d52a17e5cb6'),
+    ('\xedec4533293167acd7cff0dc56c653398b2895c4'),
+    ('\xedef70f0a56cf03ea70ccf0e4fe23e4f0e4ee130'),
+    ('\xedf0e54ec1b1a2ba5ef3231286f954fc800dc9d3'),
+    ('\xedfbb3592c1172706112202b77c8ea0e971ba118'),
+    ('\xedfddb006b24d68218150f5e4095ca67def722f2'),
+    ('\xedfed59251b6422a65ce5e58506ae08c420101b8'),
+    ('\xedff1905b95db737b4a5684cccbb4b79181dcebc'),
+    ('\xee023601adc1261c367564c2efdc8d1527601953'),
+    ('\xee0a9c137916ef5f9de3e28f10b9cfb1cd821b9a'),
+    ('\xee0c5ea0362bcab11bf18bfb5d96c9cea4583e5e'),
+    ('\xee1a16aebf79d864d336a0e7f2b4b2162514fbd9'),
+    ('\xee1d71eeb2cb6bb88ec96c9835252738cab0ecdd'),
+    ('\xee1d87528c20ce5fb2cccd24a380374890cb77c2'),
+    ('\xee1ed51675842299212e54d4fb6855bc4e68d0dc'),
+    ('\xee29f729f6c2cf46eb56188209b0092d9c2e2e90'),
+    ('\xee3057b38b8750420371c9f0e2b89f4820ef0f88'),
+    ('\xee35e839b6426fb96968653f416daef7b089841f'),
+    ('\xee362890c9ad25390fe4a6f506392107bc74c542'),
+    ('\xee36fffddfd8ad4565de201715087e38a9c7e51f'),
+    ('\xee38cfce860a10dabc533eb2d7e0ec949a801a69'),
+    ('\xee3d02cd59ceb001b9c2a77056c2bd4896dcd1e5'),
+    ('\xee3ef84306a256ecd469a493edec1318b86346d8'),
+    ('\xee3fd34b1a77f5c1fd450534a594318ed7f898a6'),
+    ('\xee4215d778c706790208f4e9620b83d2839ab65a'),
+    ('\xee44548ffb2863963da404b600149d2e3881e9a4'),
+    ('\xee4475b8a811e677106ef6b0c449eca5c40fae72'),
+    ('\xee450f29a12724a538d9479427dd448e4827eb6e'),
+    ('\xee5233f7a9fbf059f47be862ae5f295014e49308'),
+    ('\xee5300910ea1b7d83882a952a0c2408fca3130b3'),
+    ('\xee55ec85c6c74bbb6681867e6ead5dccf1073acc'),
+    ('\xee579b8fd2e2c8db4d89b1817677824c359c4a3a'),
+    ('\xee5b86f74abd96fae240e7b0ddc37237f72fa519'),
+    ('\xee5d27d43acc88777f25a84da4778228e20e33b4'),
+    ('\xee60434b70a6ddaaf76b8f3ddcf193203a4efe00'),
+    ('\xee6054e7da21d2102fc933808a628a9dfe201234'),
+    ('\xee6388545c843f02a25070238cf3d2377058d88b'),
+    ('\xee6d0c884c09fbbb938d147fef68052d060415d1'),
+    ('\xee6e0dfbdab8a94ef474f6b46c68fcdb79380fe2'),
+    ('\xee7160ed84d6f168bed2c76e1a5ee89c0b2f8d9f'),
+    ('\xee77c7ff65a0c5753b2cba577563daaa2bc05bb2'),
+    ('\xee795bb84d3a51d37a273bb84d845518b6dc5cf5'),
+    ('\xee799d0addbc8b9690546b27f567ab928bb59431'),
+    ('\xee7b8a9048bf40879ecc41e53abd154efbbf2e33'),
+    ('\xee7e4a1e7e7397b1be9ed78d21f2f4fa648fd227'),
+    ('\xee7ee86f49e006467b228f8c61197f3611441379'),
+    ('\xee87fb77d14ab10891415cfb2b75241bc2639101'),
+    ('\xee8ccfb48fddbb4d0d213f2a123bf63db63d699a'),
+    ('\xee8e5109a72d055d66656aad8061644caf2bcc83'),
+    ('\xee8f3ed2b22d36efdf4f1ba58c51b5eb0c8d107d'),
+    ('\xee94cf6a094e60e41e79dbb06fda79601207dfea'),
+    ('\xee979fbe510c2f927d5c487ea38ae7e2a202bfb6'),
+    ('\xee9ac15d04092971c23f17797fe006e59e555eb8'),
+    ('\xee9d9af3b327473342a7e0405b0cfb0b7033e681'),
+    ('\xeea1f0d6da5931bdb917f547828a48db06463764'),
+    ('\xeea2e58b4ff94fe3a955a352b75eba21475bbcd2'),
+    ('\xeea5968b7c60307ab1a74e37ab48380288148dec'),
+    ('\xeea88a431b161cb52185642a3ac10f44fe8aff32'),
+    ('\xeeaab0830386e33e22d772af4349c291d4ace1e8'),
+    ('\xeeb302b0dea91fc8286552ae6e169e70e400d362'),
+    ('\xeec4c030469ad03e5802e558abe9493ab3caab40'),
+    ('\xeed3f366853cc854e1fe552a75fea610bbe484c6'),
+    ('\xeed48cc585b561857d640058aba3133afefb1ae5'),
+    ('\xeed543ce19a41f6e7a045219d11a3b780abed26d'),
+    ('\xeed9155182c7252d1d61b285a7e67323ebd94278'),
+    ('\xeedd621d727d17caf6121e9c993512be3436e298'),
+    ('\xeee234ffd3514e6965df9497a6e8d32398a45627'),
+    ('\xeee38873f2639b00ce82b0e02eae5be36f048484'),
+    ('\xeee44e8111c00e3ce62dc67b3fe61b74b42327c3'),
+    ('\xeee712dc2bebf836bc75705ccc5c78eae06564de'),
+    ('\xeeea2316e0a65efb5a324c8b31b953a2d766cff4'),
+    ('\xeeee2051a3c0bd4eb07e49de3275175b376ad091'),
+    ('\xeef09783a90c8538d06b0ae8b2285496afd1e807'),
+    ('\xeef16192e49c1ae1b2ab1025964fc2bc9e83d47f'),
+    ('\xeef5f45bc0c016ffd21cf72bd867f1ec46dff3f5'),
+    ('\xef02efaa6181b444eb01191ded09c8864fb79b7b'),
+    ('\xef09c444aa1a6089a5597a71834d50c558315dae'),
+    ('\xef0d0e32ed5a512633b91cc659a51e931d9480ce'),
+    ('\xef0fd70fe3725ef07766590722442cd72fd51957'),
+    ('\xef10b0fa1a57f45376ac5fa34678b16e0945c23c'),
+    ('\xef11d8b78ce2c64b13b5399808a84c53161405ec'),
+    ('\xef1215aa62d1c3de61c357b78b1d8899ec4dd934'),
+    ('\xef127948017689cbf8364b519b857f3e52c474b2'),
+    ('\xef17ad112445e5d18fbfbbe601aff8b1a43765be'),
+    ('\xef180b59e03b955d71a111071ebaaa0e2ab31cf7'),
+    ('\xef1c0bf802e9cc1c41ffe45b4527bb8417a0f125'),
+    ('\xef239b64dfcadafb169afdd79236be883cd7f0f4'),
+    ('\xef23b49c4704b70c803fa5c411a80003d46a7b53'),
+    ('\xef2bf088230413c1ad16e6eb2d42245ae07daeb5'),
+    ('\xef304b1b10f8497c43f652ee01457acd71aa193b'),
+    ('\xef32c6c3fb9c7d34e84906c20980d91d7886f53d'),
+    ('\xef39eaa4571e5e8b20fc888843b6ca01637b1cc8'),
+    ('\xef3a3753fad851e30c01993eb29c2dc3e5b9959e'),
+    ('\xef41af437ec7df60b7cb0ae69b0f77d00ce0d6bb'),
+    ('\xef421595ab987138328ed5d403269021ab484fda'),
+    ('\xef477de8d817a801af88e9b94c5e1413489efeb4'),
+    ('\xef48e69ce851764d106a500a7692e992ecc26942'),
+    ('\xef516ca8a23f8fe758b05adb6519b22a7fe31e58'),
+    ('\xef5395a2c513b970a41498230602ef8d9c09361b'),
+    ('\xef6878863f3b0b136e1a7b32a11a5509eede5c5d'),
+    ('\xef6e4fddb9081df72b2954797b97baa0ca5da48b'),
+    ('\xef76279ec19a20ac574049c03e5d8d5e9e89b9ea'),
+    ('\xef7aaa505b2462c57d2f41f87abfab550c5d7d54'),
+    ('\xef7f803261d47e9a7353015fd050dabc40a46607'),
+    ('\xef8dd7a9e26d0b6b43da03ac897c2b4d305b8ec0'),
+    ('\xef8ee88d99af329f1401649164f073f3d6747b93'),
+    ('\xef8ffccababbe36c7f2803e2da10536f8887c0cc'),
+    ('\xef95cd0f649dede5dcd6b276fc8fbf4b43a683f5'),
+    ('\xef968f1dd4d582c7930e06b328213327a8c30d41'),
+    ('\xef99891e572665e1af8686390d95a4a145344dca'),
+    ('\xef9d5d85a731cafc12b2700aaa0509a671d38413'),
+    ('\xefa34591ed8dad4059076e885153b932f5b92da5'),
+    ('\xefacf7a5a6da9a695708d9baa9f173684621f4a5'),
+    ('\xefbb4da45c19e1bad20b0f200f905b88877e467c'),
+    ('\xefbbce80a473d18bcfc5cad6e1e6d29fbf95c68d'),
+    ('\xefc6b1d70c2d3045183c63337c372bae909fa2ad'),
+    ('\xefc807ca5fc790c2abf0fd66440cc0a5da14bb89'),
+    ('\xefc842781fb7e8060da82d4a46b658be8827b27b'),
+    ('\xefcdac0e1a84caac0404dce88e21c18e02009293'),
+    ('\xefd9738ddf293fd43f67d10098a035e1c2645a73'),
+    ('\xefdda6aee30e783e0db286935815f00314bf7c35'),
+    ('\xefe1a528e9d5785bc20a7484fbc545ee282486ec'),
+    ('\xefe56cbbc905373175b9e32d9ad9d5ae250a813d'),
+    ('\xefeea25ce444b2915aaec4da8412a891348746a4'),
+    ('\xeff17e15a2399a2462359f973669f35d967dbddf'),
+    ('\xeff1942cee68a6a35cfc1360fc7a48045ab733e4'),
+    ('\xeff23a3cb13e2515c4f20b9c1d2063770a1fbb8e'),
+    ('\xeff3616d647ac0fae414df60ff13d8f1633231a9'),
+    ('\xeff49543a348eb31cd69bb7611697c38f9b530b2'),
+    ('\xeffb9ac60f02f445fba33772a323c674f05fa4c0'),
+    ('\xf00ed01bbbf99d296299ebc5c38bb99bf4c9e96a'),
+    ('\xf01a9518ca57ebb1385b1145f77080075dce7c57'),
+    ('\xf01aff47f12113aafa8192647bd4653456838943'),
+    ('\xf01c925ee7afde345a97514fad6119cee3b10859'),
+    ('\xf01cf60399ef7e8fd2ffda54052bff93fbb5f75e'),
+    ('\xf02b7094493afea3365916d82313582dcb962c40'),
+    ('\xf0329d694949c6888b00df0c695531e3c37ea409'),
+    ('\xf03984e8a027bc9df3ae7986f9558495c2e4e15f'),
+    ('\xf03caf4ede463316428168b9bcee0fb541bbaec6'),
+    ('\xf03f49fa40fb11499106b5a2f12b9102f1554d1c'),
+    ('\xf0451f5d8c6427a75a3079970a2a056a2a476ee5'),
+    ('\xf0452e724ff07163294048b9b97024d2056071df'),
+    ('\xf0469ed381aa85bdbb9f925800ab4de55160436e'),
+    ('\xf04a32980e7de1c230577157e74f1a49c9d6478b'),
+    ('\xf04f10b37ee09ebf3affbc8ebd8f7b4b40bb1c8d'),
+    ('\xf04fa1bd021ab7e356636e6d6f9cf7ba0f45c723'),
+    ('\xf0584981b6087c11e36ed7c6476c1ea6cd20563f'),
+    ('\xf059c85fb9b0f7a4dcb03c8862c1d1e07cac4462'),
+    ('\xf05cdab7c8ec27bac2bd89e967060d6b93135a3a'),
+    ('\xf05e0cd23036ef702e7416fe71730a24c9011275'),
+    ('\xf0626636bd0aa7e808386b2779a69193127e71f5'),
+    ('\xf064e7899f63eb4dc3b5eab2bc5970ba12151ef4'),
+    ('\xf06b30db32c7ccbf12ef453efd46990c92e8f5eb'),
+    ('\xf06f2f329894da35f3e14ddb143bcc5f748fb07b'),
+    ('\xf0723824a8d8a0c8c79d52d409c78ed1ef9f3500'),
+    ('\xf07552ac413a9fb58146bccf7d933c497098cca9'),
+    ('\xf07afe84288c521005b6031c597c12408620d6ea'),
+    ('\xf080714c882e91e77d3c29587f7926ae1c157335'),
+    ('\xf08c0726c06c8460ece2a322a983c432f48e2190'),
+    ('\xf090d27a44eaf809e4ee6fcc714f865c335d4b77'),
+    ('\xf090d9f2f4202cbe48c7bacfc9bc2e0f76dff680'),
+    ('\xf0974ae71eb7418692570fddc7bb8ac6c77e6126'),
+    ('\xf0a24d4eb855d02adbc2a22b31e92795116066f4'),
+    ('\xf0a944e0b89642ae282047846e55393007b04686'),
+    ('\xf0a9c97e227aa943415f3eeda15a75edd91ee107'),
+    ('\xf0bafcd3d058ca783f0d1e65673a995999735f0e'),
+    ('\xf0bff1a234e27c6846542ff52497ca22ada7a5fd'),
+    ('\xf0c2c5e359f587fa3d98b567a156ea96ac2ac640'),
+    ('\xf0c2f166409affdd8c3aa154392782d98485058a'),
+    ('\xf0c342298e36066865ae5e5db4c3cbf48d7a8c58'),
+    ('\xf0ca454d39ca95b0dbc2c842091509eaa0212f08'),
+    ('\xf0d15e263503b8b0af939ce853461340ab70d8d5'),
+    ('\xf0d3988fdc3f18243b4829d3a491ae44dfd07c88'),
+    ('\xf0d3a81b6f466014bb432db19b850342180d0078'),
+    ('\xf0d497579e7eed32447ce8c499f1f125b34c61a0'),
+    ('\xf0e037f13f7fdbbd715c024974fd6df505b1a595'),
+    ('\xf0e3e89c2204d53d27e8ee3192975c8e75a3e3cc'),
+    ('\xf0ef076a599976eda2e79e742bc8660e4994afd4'),
+    ('\xf0f357ab5dcfb353e150304a627f31d613f1f273'),
+    ('\xf0f36451534cf8131f7250100c97b7bb4f2875f2'),
+    ('\xf0f3c93daf8c59251494fc37abc4c6d1ed3ee621'),
+    ('\xf0ff171c606833b126676891f3e8cdfb4a18377a'),
+    ('\xf10177df4fb48f0d39143098eb89cfe78ca58dd0'),
+    ('\xf101f8ce1b1c702b1a9bb0d928150043433f2066'),
+    ('\xf106bc91ce670bd4bd13593439e8d649059dbff0'),
+    ('\xf1081ba2785fbfcaf7ec226ea9b30482459ef688'),
+    ('\xf10d923225ae14badc507b52c066bd3a0aef18c0'),
+    ('\xf10df052dfecd8f0d28c50e9b7412792712242e9'),
+    ('\xf112976a7b2b955b40ff0ea22ba8dd11d317f645'),
+    ('\xf113af8f876c2138378db7c3fab5782daf4a537d'),
+    ('\xf119d292e0001916367f7b69e5a6ad4ae3cd98c6'),
+    ('\xf1227d8ff1787bcf3690b85380b5b4481603b9bb'),
+    ('\xf123aecd61d44ee3981805b71781f2c73e7b3a92'),
+    ('\xf1296f23871c1870bb151776d1a83d14bf576777'),
+    ('\xf130cd6bb6876a46256ee01ab2b820e5e09e7176'),
+    ('\xf1360edfcd2868556c29d2f8343a830789de486c'),
+    ('\xf139f6522760bf4493cc000104f9378507c8aa20'),
+    ('\xf13c6de58813b83b5cbd96799db6b2b309de98f0'),
+    ('\xf142709144fd608c0fdad15628ec4dcfb0b33d8f'),
+    ('\xf1471b5eac612c48212a74e7b5ae345ae73c28c6'),
+    ('\xf1484d02e554721c23b6e5a1c20d89c7fcb93a50'),
+    ('\xf14d1b3e196385581e8e9a3239fd7baff53de4fe'),
+    ('\xf1514cafa84a7a4f88903ce9f7ff3de35d922dca'),
+    ('\xf15958ec389dce5e47409c71a9a334fc03a03230'),
+    ('\xf159aabf820d99a5ac0528b62bacc05460ecf49f'),
+    ('\xf15c5a51458fb478c68884afaf23b6e0398c5749'),
+    ('\xf15cbec9d9f84eaf961be941d82643f4b8ba2f21'),
+    ('\xf16c5d3cfe691fd9a4a485d159ab2e759edddffb'),
+    ('\xf16de12d9917e9d833df28c6e86cb6b120b8e10e'),
+    ('\xf172c2a42f1e852ae652122f9f791cc6cba34d0c'),
+    ('\xf17376bbcc09b5c0f5b77ed7b82dc92e66296f00'),
+    ('\xf1757c00010f50cf0cee10fa178274cf637af0f4'),
+    ('\xf17cdab5d5f75e841338ea516036c7ddcf6d40f1'),
+    ('\xf181fbbb8f973c87d03c5a92c6fff83dd14db4e8'),
+    ('\xf185dd3d61e0b6919a403230a82a460330bf57d4'),
+    ('\xf18a65ac0e20ccf4c38e97ab14eea8ea5a73956d'),
+    ('\xf18a9a592933e1ee19c754689470a51bff5e7ccd'),
+    ('\xf196c7f8d9064c1ec82c8c569d609dda106ee8f7'),
+    ('\xf19a26f9842530f488923fd8c956968c2b14fd2a'),
+    ('\xf19be6aa15144cb6129efa44607b5ebac326cecd'),
+    ('\xf1a50c0e9cc10af193881e42578609980707528c'),
+    ('\xf1a6f7da5443cc802552cf9543c7dd53f470b8f2'),
+    ('\xf1aad35d1306288b6f32582efbb5a85322f2dd82'),
+    ('\xf1ac4c191753275ab4b979a40a29eda436ce38ff'),
+    ('\xf1af96b6fabf05eb1f15099bcf88eb374f36a0d5'),
+    ('\xf1bac57904280714a9924605c11be9b40da744e0'),
+    ('\xf1c175ac4457daafd385ba46be67b2f22941f922'),
+    ('\xf1c1cb2b6bac249b128d373a6d0fbd4a86558d12'),
+    ('\xf1c92efcc812f74b702cc4a285d3f0d246af0d8f'),
+    ('\xf1c9d97ad1b24a1b23175da35883b0f83dbac402'),
+    ('\xf1d72a64b69d45051a00733212687c582a8e529f'),
+    ('\xf1dca50597b3a0ad855c08dfb377d485d960c48c'),
+    ('\xf1dfdbf94f325e0b6d49cde3206e5995c41e3f5f'),
+    ('\xf1e0e12640768ddff4f42c6de194ec2a58076ed3'),
+    ('\xf1e51c3547bc71bbc58c486716ac249e2318564a'),
+    ('\xf1e591fd39520e0a4f08097b465003cb16f3a1aa'),
+    ('\xf1e9b55d45a9618c4c13544b3f13cf4e86b73d98'),
+    ('\xf1ea9aee49438cddf8b74d0b0f6376d86cacd7c0'),
+    ('\xf1eabd18cae0f418b6b2fda467f45d39b785dd3f'),
+    ('\xf1f0f2ae7e3a7002d1ce2a8528ae684ae795e3f3'),
+    ('\xf1f6bcd06d8096113aaeeb87db1ec9492445daa9'),
+    ('\xf1f87d5eff9cf60f589ca798459f3735fb815de9'),
+    ('\xf1fbbaafa3ab8b137797bcd0aa7c7ff8cf53c1a5'),
+    ('\xf20086ca635ad64a7006974c824c1d0195244f13'),
+    ('\xf20a935b4a8bfd4e8b4a903ac7d73e8767f49162'),
+    ('\xf20acb7e400e748fae879fe49be9aa0a16a8d9a3'),
+    ('\xf20bd632c9a1709534ec1fa2d8dd4645a57727ff'),
+    ('\xf20c3799378a516bc83745a42719e41933e8a352'),
+    ('\xf20e1ccf212b49cbac8480fa626d02424b6b565e'),
+    ('\xf21484cccfc519cbdad7fe6a8fcb8a9fa6ca1896'),
+    ('\xf21a658e7d95427850687facb6be72b595fa1dfd'),
+    ('\xf227a3880ef61a0cac273e6a48a2d7ba8114b335'),
+    ('\xf229337656c037d97663680c52ffdec390b8df33'),
+    ('\xf22e9ae80acb77d6b4a391b5b7d3f75c7e6a96e9'),
+    ('\xf233c4ddf2aa9993a2f0d344ef4142e32dc63244'),
+    ('\xf23872266d398e450b80444761ea354fb23c2b1f'),
+    ('\xf239a0df4f6432c828e37ea25c345861cb3b5166'),
+    ('\xf23e54680b733bda6c050da350d99bdea7fb9933'),
+    ('\xf2423d2c82cbaf886d9c76da0abf7ef3bfcabd17'),
+    ('\xf24453b3647444c43f5a934308d26052655f10ee'),
+    ('\xf24519c3197a5e4ad85d0016a418e001bc5e84bc'),
+    ('\xf249270dd2bbb96869c60af049985e49b0037f3e'),
+    ('\xf24a49df11f59b2699858a7ec57cea3f90784fba'),
+    ('\xf24e5cd2af27c6d68171ad5749fba3acb7db4dfb'),
+    ('\xf254e32128a01d2680306eb1f5dca8657bfcaee8'),
+    ('\xf2598ecbed356b8e095c9939f2bb05c62a2acdcb'),
+    ('\xf261edc26c14c32c1bf52113e9cd176b06be0048'),
+    ('\xf265bca6ade72d5886e31c320630ac3f2fb8087a'),
+    ('\xf269fa04209e08a30a8793326f1c0dfd6ca30997'),
+    ('\xf2734c724639f85c11ffd05dbd31ac7890a28b8c'),
+    ('\xf2744efbe1c58b8b79fbba55f7341abd9b066385'),
+    ('\xf275e40aa39c48aaa87c1d55da4fc75450f123dc'),
+    ('\xf276d2d6a260d35926fae16500c37966b39c562b'),
+    ('\xf27d3ec937da7dab1e0ca38400c6bb705fa20b40'),
+    ('\xf288702d2fa16d3cdf0035b15a9fcbc552cd88e7'),
+    ('\xf292c992333ac34af0cf9de2d8b06f569771a88f'),
+    ('\xf292e934f9a4cdcf7ac59f523bd9c19e30167cb4'),
+    ('\xf2973e3ae10bb5471042b65b4e743f7ea140acd0'),
+    ('\xf2998348ad76bdf88f68847bdd6767ee7a3568c0'),
+    ('\xf2a11938fd3d3bfcd4e0359c8075bb48116a98b4'),
+    ('\xf2b709efd52a8c211978f0842584078a1ab048f3'),
+    ('\xf2b72fee3f2e8efc81eb18dcaf08a87fdc9b19af'),
+    ('\xf2ba728effad7b63cf2f9942aa2858e4247b85d6'),
+    ('\xf2bb36bed3595e2fd52430f3727f515094750ab8'),
+    ('\xf2c0aac0529e9fe3c2db01703ba166f71d3d3720'),
+    ('\xf2c698533b2e908e4abf92032d5496859e9074d4'),
+    ('\xf2c93522cb1299afe8a928b8627d5f330093c7bb'),
+    ('\xf2ca619e0570790b345af0957f9c0ef34ed894d3'),
+    ('\xf2ca95e7166a4306ac434479a85c2efacf44c7d5'),
+    ('\xf2d20283db2eb8598262cfff05704b89b63ad238'),
+    ('\xf2d3a430f54eefb57a4ceb0cd79e8d140ee7282a'),
+    ('\xf2e31f73dfe720da4c1d7463004332980bafbcc1'),
+    ('\xf2f4c06127aad144dec51381919332c4d264082d'),
+    ('\xf2f7cc1b28df3566748022306406610782c3799f'),
+    ('\xf2faebf5ab48d3c49de61a188d04e928c2d8715a'),
+    ('\xf2fd223036d252356bcb5a89a4805ef36150e8c5'),
+    ('\xf2fd2ab958bff2bb354838ebd4928426987701d3'),
+    ('\xf302131657bf09209612d4cc94963c8c88ff2875'),
+    ('\xf306f6fd29ec3165f75d9a53dd12700c5bf4a1a7'),
+    ('\xf311b8983f3bc7e3dbf773f111374eca029195c4'),
+    ('\xf317069266d943cc2dbb9f1de2ef0d0e43bc3d57'),
+    ('\xf318c9411737bdad0286766c33c8ac2c9c7ac29c'),
+    ('\xf323abe28cce24a9183092345e1f2735498bfb9e'),
+    ('\xf32d1538259c9391ab9a70039dc61f8a6f6601d3'),
+    ('\xf32d6d899c1d9143154ec04a5823a66c5ec4f622'),
+    ('\xf33099bedf94c39a15b737cc4a853995329bc4d0'),
+    ('\xf331738de6a11feae7eb9c5b027e25ab3b3be3ce'),
+    ('\xf333dabdb320f38debd9c2ccf7e56a62ef105934'),
+    ('\xf3393c67b30bab798ec72ac97f2075f2f89ff9c8'),
+    ('\xf33a8ce6ebb0982ce9443ce60af8452c7699d8fc'),
+    ('\xf33c9a73cf55a9ccc65bf602a6f630d27c2799be'),
+    ('\xf33e59639ee78fa46610d81518e97b60e948ed62'),
+    ('\xf345250b7c7799ac6d193afa5a402484e9531db7'),
+    ('\xf345285beaf7585fb28a6f6cccfd666f2dc8447d'),
+    ('\xf3466af58fee6964f697310f48299ea29d07a47d'),
+    ('\xf346e29b6e7a54a0eda470a1548bf99a0f8f5340'),
+    ('\xf34adb46dc0c7778c19ae8516f75122b2d31dfd6'),
+    ('\xf34be13dd1b4650bd8c7b714b7e992265aa71de0'),
+    ('\xf34c33c85dfc8e2cc8ae44083eefddac855a05c9'),
+    ('\xf34ed5cfcb6c4361913797142441493ef934df52'),
+    ('\xf34fe67e69f4d16ad496091bfd28a0d0acc81890'),
+    ('\xf3510f549c54c3154b7cb663071d04e9162a6ac9'),
+    ('\xf3532e933679e2f0f625b37184ade83ef7e2d320'),
+    ('\xf355e00f3ea706b26fac6f56f79f3eacb0771d7d'),
+    ('\xf35b8ed229216c100bfc670df7bd02ef42ef7441'),
+    ('\xf35ebb001eb819be39af109f1b10a16bcc333879'),
+    ('\xf36a657759c1d3309120aa5cb594f91d8b49a1ac'),
+    ('\xf36b4f06c2a30a64b0e332c2b54594b33fbbd15d'),
+    ('\xf36d8bdd1213fbf3ffc9573b16cf3431951f3bb0'),
+    ('\xf37f8d3b402cd8fb56bf739b9f15b793e1265292'),
+    ('\xf3848a1bc2235ed561f8123de6ae385c39388f50'),
+    ('\xf3885666b21cdf083e948fc9f025a8a8c8cdcec8'),
+    ('\xf388d081121c7d386357f047173181e7d0fdd312'),
+    ('\xf39448f47b258ef0eb39e896e7568290225fd355'),
+    ('\xf396417976655c8ff74c1c546591a498b453d9f9'),
+    ('\xf3967e988d94d9b38fa2d3d6fc89a78844e59917'),
+    ('\xf3983a1431facd7940c3e2b679e56d0aa5554685'),
+    ('\xf39ca3a2bce3f1f996be4a1b49733915872b1e38'),
+    ('\xf39d5a732ffc210c5a7ba30988cdf966d47832ca'),
+    ('\xf3a63ae880bd5cd8968b1896d3e3d141b625e651'),
+    ('\xf3a7be09ce14f03e486fbf1d8f82e2256afab272'),
+    ('\xf3a812df6b8b18e14ac4c9c697e5e74ad15eebbe'),
+    ('\xf3b1699ef33cf3b59481fc6a5037bb5634dea2df'),
+    ('\xf3bac09de8d53e26c07da23ca5e2588d03a33b86'),
+    ('\xf3c3f8db43fcf32f7c501b3393232bb454f5629b'),
+    ('\xf3c74c0c03798c0c38d9368dff6acc2c8b451731'),
+    ('\xf3ceaf71532e86fdc5c57a326fd302d1e7afe3ae'),
+    ('\xf3d0ac89bba9b0e619d405a3bb51e1711fb3e22b'),
+    ('\xf3d0efbee503e00da545f2395796e333bd11479c'),
+    ('\xf3d4d3c1590e358bb079f7e1202866ab7feb8cd9'),
+    ('\xf3d6cdcc537b43a576bfac8861761b6544d4e9d2'),
+    ('\xf3df82918f1c80b3fd95f492ed7f5b3afb395ac6'),
+    ('\xf3e6aca5e3efadbb45ce68616166fe3314c325ba'),
+    ('\xf3ee85c5e57c34692eb85845c1bd12fcd9db35ee'),
+    ('\xf3f53c9da38836024a850d494ffb30e5d5b57fac'),
+    ('\xf3f5545a3e509aa19b18f1098d9b9be8dc1e23df'),
+    ('\xf3fc3d8ba198b371396f84f12d70570338258fb3'),
+    ('\xf3fd3585d649c0130caad414b4b3bbe9de5a48c3'),
+    ('\xf4046efb12ac7435c45f482fe43b708247a2ebbb'),
+    ('\xf4098ca5979406b2d011c8cb8d4eac276fab47c6'),
+    ('\xf409b711f30bb55740ad5240a1552dcce9248530'),
+    ('\xf40ac2f4acbb1ecad8195d589335a7486b8da6cb'),
+    ('\xf40bca77ec24a63412a2926968b10ea240c9f550'),
+    ('\xf414a9492f0b8ab69186efd4372a86e6038c9f7f'),
+    ('\xf4186b4ec22e27ad7b661576579022876ea688a1'),
+    ('\xf41bd3c6836dddee6519aa01b8a0dde04ecc2b1a'),
+    ('\xf4299bcf66a4be47fae2652d9ba0cb5c95ba1340'),
+    ('\xf429fb215907cd7e08f8319bed7768517f91acbc'),
+    ('\xf433e429d866963a4f368291f4a7ec36fb9d4a41'),
+    ('\xf434a679dff6848dd49c69c23b22ba594e2d49ea'),
+    ('\xf4422d4fa6524bb2ec796fd1099666c11fcbf11b'),
+    ('\xf44fc74ab914efd572c2c906d76a0ca6c85d4900'),
+    ('\xf451f56a5a514108fdf96396cc08e59dd7c87bc8'),
+    ('\xf46b5f3bdfbf159126efc6194faba084b3f3cd40'),
+    ('\xf46c21d7891759b537b9e5f72bf30c4f606d4f1d'),
+    ('\xf46c73b61e29a2187f6433b0b4639e1c1050b0a0'),
+    ('\xf46f4e57885ccaf22cb8330c1dda451b12d251cd'),
+    ('\xf470eb24001cd2ed4b14311b4f3b595bc02e1742'),
+    ('\xf472f625da813256e7620b1856285330121cdde4'),
+    ('\xf479cc55baab05963a4e2c04422830e14f3cc655'),
+    ('\xf482802f53337dc09bb66611bac0eed7c485df59'),
+    ('\xf484c6d70fed2ee5e04de2fc8fb22b0b982e115a'),
+    ('\xf48515536e3f237517e087105cb3dbe1b576dff0'),
+    ('\xf486149ec9a450e8494322e4999c747680528ff7'),
+    ('\xf48785da60cbc7d1f4ab28a4bdafbf0e1bc97444'),
+    ('\xf499c8a8fc77a49f51eb20272db1a8fa9a3de4ab'),
+    ('\xf4a7ee25091504961947c2dd9cc5c98711fb7f01'),
+    ('\xf4adb5869b5f709657343493523ac3c9ff0db6fe'),
+    ('\xf4ae0fead3f9aa2ef6e4a57e42f9e3af96a42304'),
+    ('\xf4b14477f4ff70fc590a67a57f97bcd25c1bd3cf'),
+    ('\xf4b85c0cda2d6bb674b949db7a89df9314fcc092'),
+    ('\xf4be624b6cfc52837db81df4937eade0305cea63'),
+    ('\xf4c38ac915de8a08604f48b593248ac4d85f73a4'),
+    ('\xf4c7c45bbdffa933e2cfd8eb8a419eeb35bfef28'),
+    ('\xf4cb03e8622e82287c43e02b63c61fd17b7a9105'),
+    ('\xf4cf4645580d1113c6c60d95ccf605946637ca7b'),
+    ('\xf4d1e83fd9e327d5329191e81641900077048865'),
+    ('\xf4d2c38f2099a1493ea64871c07ef3f81ec7ce9e'),
+    ('\xf4d4a73e11e1174c339b180fec0fae3e63932020'),
+    ('\xf4d51118e17f026306475da03da2c1a024df853c'),
+    ('\xf4d8abdd9d1f0406aa878879a37d681060007e45'),
+    ('\xf4e164bbd326632964b6251b4f61a7d97586033f'),
+    ('\xf4e7c51307316a80f412fd3e876390ec398f96fd'),
+    ('\xf4ec3a17d6005b36f65dcb1fe4da9cc89f3ca1c8'),
+    ('\xf4f228129b5ec00364bb2b23aa6550fc70f9675f'),
+    ('\xf4f51307446873cfd9abaacebc1b60b5d1b59fcc'),
+    ('\xf4fb12900eaf978ab047863464c9f0f493654d06'),
+    ('\xf4fc7bac9404a6f63479720162dca92e21e0a8f9'),
+    ('\xf4fe5d85d9e9db5be658d7f1aa93db1d9be56515'),
+    ('\xf50138f8917f15941872a4e875da4df4b55e791d'),
+    ('\xf50fda733f7634cb4efac65c6096556237cdbd21'),
+    ('\xf51407f3ca59f3456ef20221eeb9216b01b5b035'),
+    ('\xf52132fd150e513f99b3a77c145e9713c7294137'),
+    ('\xf525d0b4c9f8fa36b1aef235c6e4a55b85de8faf'),
+    ('\xf52dcfd2fc166bb1dcbfd105ba1453947ab0b36d'),
+    ('\xf53070c9721153e8b9b60181fcf567c22e29a4c0'),
+    ('\xf5353539c79019a02d8c2c53062e973e255d9fcc'),
+    ('\xf53654d1706710cbb16beb327431cf1615714c15'),
+    ('\xf53683b3ef6fce6da3494653fff579c940ac8917'),
+    ('\xf53a0d5b2c9618faae45d3f4078517b4efc0aaf5'),
+    ('\xf550b6340dacab7021ad24d3cd3071b9e67e8286'),
+    ('\xf551735e9be42fa1fb6cee6dc1bd097b2edebc4e'),
+    ('\xf551c20a7501f501f82832c7ed0f9b338d3826f8'),
+    ('\xf553598dd0ec4b4f4b9bb21b741f249d59983b38'),
+    ('\xf562f7051a848df1b5d02d1966b258e97399b00b'),
+    ('\xf5647369430510903e82cc38e4f4a169e46abc48'),
+    ('\xf566aaa24d8d005b5f6aab9dcf0d5f945745f8c6'),
+    ('\xf5718a8aaedec363680f5f2370003b264867fd8c'),
+    ('\xf57379c902fdafcd38c8f98c6806e1946fe6bad4'),
+    ('\xf5786022f18216b4c59c6fb0c634b52c8b6e7990'),
+    ('\xf57cbf4fbda5018bf1f90c75bbcf4f980ebf0077'),
+    ('\xf57e7f9445f2fe6629743227e438a74d5af4b638'),
+    ('\xf5809746654e2ebe4d5d6a275a70291ee0f006f1'),
+    ('\xf5894199d26ed391da2aca47445878b6f0d2dbaa'),
+    ('\xf589a835209b5332dd954a4e28660e3ed6a9c20d'),
+    ('\xf5a503820b2aae04a6bb216936f3482c8f541a5c'),
+    ('\xf5ad5c6a085eca4b33fb781b9cae572952ae25af'),
+    ('\xf5add23931aef6e1c34054c5db2f21600f76a5e9'),
+    ('\xf5bc0a9202870299a0876e57b01d47e9819127d8'),
+    ('\xf5c1da6c6e16ffa081fe713f8a463349e8337428'),
+    ('\xf5cb70a0f9d221487b887f98c637545809cb76d8'),
+    ('\xf5cfe2cdacb4eea74b3d31d4bbc9ddd3efe26bc5'),
+    ('\xf5d4e8236b31147c6bedcb6b372511d1f9faf641'),
+    ('\xf5e23c171644484945470e60155d52ba5c5b4ddf'),
+    ('\xf5e4cbd81afe4e7fc8cd3a8d5667a090d657baf7'),
+    ('\xf5ea884b00cad73d521600a06fef5379e021752d'),
+    ('\xf5ec32f9e77ae657c1f491d46d9048d740b9cf09'),
+    ('\xf5f80ebcd0e8199631cd46417172a1943dc35ea5'),
+    ('\xf6051a64cfd002d4804bdd07e984a0e38611b113'),
+    ('\xf60957ef072cf8e66cf8290e2a83857006c1d6f6'),
+    ('\xf60eb670bca3ec4ddad03dbe47fca5bbd6cb3d3d'),
+    ('\xf625b5bdf8adb2b362a4d7442f3cc774b4c591e7'),
+    ('\xf6328509f7a74e90eadf7e70f5ca33bcf6214084'),
+    ('\xf63b78fdc2a620564a54d60bfe68dd79d4ef090b'),
+    ('\xf63dfcf400e2dca2bc36b63ccaf88506c40cba6c'),
+    ('\xf640a62bea7bfa358f323b82ba8d557f77cb6781'),
+    ('\xf642934659f956338dab3e0d844c219ff4858c62'),
+    ('\xf643f1cca5aab01bdd6a309ad69b47ab21174c3a'),
+    ('\xf644ca0d52c7ba528905daa3c7848275d1e3004d'),
+    ('\xf64f50b145cc55f4b6188b4e6dc779b950d95969'),
+    ('\xf650fcbc0c4f3fc9688172d9a9c498dc41447b82'),
+    ('\xf651547ce268b93d61e70a5387717f2ecca0ee6f'),
+    ('\xf65353f3426c161bb1d0dbd27d7e328c4555c600'),
+    ('\xf6554a65d83b6ea0d665a892fb480a6fe078464c'),
+    ('\xf655b2072b88fd835d76e098c542b9c667573eec'),
+    ('\xf657ed72a7a7984121f9c85cb92c1d0881142552'),
+    ('\xf65eba2f3bcf738491c07db09fd0966b6ab5d8c6'),
+    ('\xf668a5ea728ca87abf8b896ffd1b1fed7595ff9b'),
+    ('\xf6825b83f0bf172b006cc0d1eba958cd39dc2145'),
+    ('\xf68276da8666104bfacc033671310de1ea440b27'),
+    ('\xf686a6c6c9a7bc6abfb0615e9517bc19b4be1979'),
+    ('\xf68e387679a4efd550160c8e2ae92e5804319326'),
+    ('\xf691af243f62bdd5113ae5129cbb8def8c0e8ad0'),
+    ('\xf696b8c4bab11d4fe3757deefd8cae28a1bd884f'),
+    ('\xf69c3b0b7fa5166a6f430b7fa3be24f6f4b97aec'),
+    ('\xf6a0925f04f8278c701e157a5fcd22b56949e4aa'),
+    ('\xf6a51f8acccaa91171fc45a199632e8d1bba8046'),
+    ('\xf6a86ca54840c6bd1a73b6ce6af8a485a323d3e6'),
+    ('\xf6aac592e1676e2f1af2e07529767cee88cef170'),
+    ('\xf6c08d180ea9a63bb1798d6f89a657a16f990b87'),
+    ('\xf6c0bbe399c6f3df3b3d9ab99a38dec565a5a509'),
+    ('\xf6c5096b50218313f3a115b8bf6d77104c008507'),
+    ('\xf6c56ed7420956ddc2fd3343317680d200e7a816'),
+    ('\xf6c767d2a93b45773e3e22db10679b32c9da12ef'),
+    ('\xf6c7d7c26c7a6c6c1b480cea0725ae53dfbe70fa'),
+    ('\xf6c98570286feb9e2cfc1b1056e5503704aa45ab'),
+    ('\xf6cd4d009db6075adf7aa9dfc38a8d09672cd89b'),
+    ('\xf6ce6a801c258cac75610b7f8d7dc56b1d33fbc6'),
+    ('\xf6d19c37388babcc429e7afecfcec5a2f6abbaf2'),
+    ('\xf6d8c6bff7bff9fa4c57a6350c3abead50e9ac79'),
+    ('\xf6da4eef2c5638c88ca3eed7bd2f9453b13e1979'),
+    ('\xf6dc4b904dd8ef1b416465fa4aa95680a1e5efed'),
+    ('\xf6ded6a5690fe373a47aa87b7cc64ed5837fb5d7'),
+    ('\xf6e4fbb2e9a3288868275c5a24a0c16ea8dc921e'),
+    ('\xf6e7cca7ab4e42389b0f50051b71fdbdab1fc16b'),
+    ('\xf6efe94a9351f497043c0d698776f45ca9a8bc65'),
+    ('\xf6f1317b5eee72cf54b9d7b6ed6eadb5085f811e'),
+    ('\xf705bbb11c77efd4cde366db8bb29cde393c3ed5'),
+    ('\xf705bc4f75aa9af810ad76763275122548798411'),
+    ('\xf709a0fd41909d0137390646cac92ac91dfef17a'),
+    ('\xf70baf25096cd9e66218922c3322dbdb4e8e88d1'),
+    ('\xf70bd900d3673059c010e599878b932eddf6f0fb'),
+    ('\xf7132c6de2bf3b3eb27ecb3db8ff0353b8a2d349'),
+    ('\xf714966174498e2f93973e3d5b05a592875323f5'),
+    ('\xf71781b8f995a936ae0222609a085e46468b3e37'),
+    ('\xf71a71d5f8932047d5d1eb966913e17daf8fa428'),
+    ('\xf71b0a4e75d6920e5984623596c8c6eea18e7138'),
+    ('\xf71b8bf6eb0b6f24568cc1895850f117359f0bcb'),
+    ('\xf71cc52b253c328aa54572768d27adcabf431256'),
+    ('\xf71d48807de483269e92652bdacdaab09f4be9b7'),
+    ('\xf72c0711fecade94b529550d0d3dd681d35f8af9'),
+    ('\xf72e6e6f46edaf7a2f630091553a4547d772e05d'),
+    ('\xf72f1615c8fea2a72461a9e79a42a81a9e7abfa3'),
+    ('\xf73d7323abe3bab9f3b5d60a0f87c365e7fee400'),
+    ('\xf751bbdec4a66876e7f20f86f745a7ecea0a315a'),
+    ('\xf7520ccb15f4d7d8a1717266ec0b84f32ea39368'),
+    ('\xf7529a0a810e3d5d9c1f907bd73de146ee870379'),
+    ('\xf759e75c0d37b4ab637b25d7629543553ebbc598'),
+    ('\xf75b6da1e375b1cb0d1f0d4c02889a1e52a58472'),
+    ('\xf766d24d44605e8a41be161e44caa91dc0620121'),
+    ('\xf766d70e5d08a1506953b95f01c89cb0361effaf'),
+    ('\xf7706f90b2e309476f3d29bb43a50b27800023f0'),
+    ('\xf773b51b58dd0d2f53fad0511b873f1a7f7dcff5'),
+    ('\xf78540d6bd76f9f39b92aa38752e6771d9923d76'),
+    ('\xf789fb8df58249eb3b4f71c64649ce920e252be6'),
+    ('\xf78de33ca083003798a7983dd743c0ff8175eb93'),
+    ('\xf78ef43636b7e094cccf7ac8c57eb142d9b6d604'),
+    ('\xf79017ea74a6c930d7f473f08f1d0b9d1b9e90d0'),
+    ('\xf792d5ec1b34f8499c4456f08e3f56f7338c68eb'),
+    ('\xf793ae6f50d23e5472b5c747b9350ba398bc1d80'),
+    ('\xf795ad1863b8bd0bbf4cfecd37e002776d9ffca4'),
+    ('\xf797decf7bf4138b289ab610713084f0adb2087b'),
+    ('\xf79a528e3ff45636a92fa5cac2c4ff2e64642d8b'),
+    ('\xf79c4600678bff3134377783b166f626f9b8446e'),
+    ('\xf7a0d5a207cf8fba6c8199e65851a973f5a0844e'),
+    ('\xf7abcd14e1172ab8c9679062d3d61d6c18aba5db'),
+    ('\xf7b95b696234eb99505596192554db2f03736594'),
+    ('\xf7bd9cf3a607bae75213e1f7bfa7e7a73924e04d'),
+    ('\xf7bf505572423cbdedf61306c6f5f7cbf0c30a69'),
+    ('\xf7caa7414392a7420f9d2b393df39d4b0a1e6f25'),
+    ('\xf7ce69670afab6d01defc197ba55fb6e9c945920'),
+    ('\xf7d36dd69591a4e9f5f0576c04a020183f413a21'),
+    ('\xf7db4acf7a5cef7bca063b8a1442201d4a2cda1e'),
+    ('\xf7db5ffe9a029001b860141f5e276a175b2ae0a2'),
+    ('\xf7dcd3978144ab2050fb9ab605c56b5e4a77546e'),
+    ('\xf7df0f1309bdff80b817825d6a85d337ad0f7528'),
+    ('\xf7e263436ab37bf96e2c5322eaedb83dbf4bc408'),
+    ('\xf7e35226f690613f7519b3f879fda6ca6e000603'),
+    ('\xf7ec0677ca4f8e6d2caf4b1220a90627bf13aade'),
+    ('\xf7eef72b5e8a76a0a0d9b263c50491e44defe4ff'),
+    ('\xf7f58dd68b778fd8e56ac2421b6e66a10007d352'),
+    ('\xf7f7f7b4a39a800de69175b5ed72a83e5723685f'),
+    ('\xf7f845aea4b20335bc79013c9d3b2ed40507d72f'),
+    ('\xf7fb7a3288ef84f20d79f2c95219a8826f743fd0'),
+    ('\xf7fce0b8eb4cc76b5e7f6d867686432b31312616'),
+    ('\xf7fe859e75560d3865bf5c1e7f0c056db1475b4b'),
+    ('\xf804b4f1cb089bd630c46209e65815306c08f5f3'),
+    ('\xf804e5b17636423539f11557daa0874e6d3f2f03'),
+    ('\xf80b82a0d0c874a96f6b43df7bcebb5299e96214'),
+    ('\xf80c32b26bcf4976dfc8d96c64719c88b72a7917'),
+    ('\xf8113f4b472114a39da4f3be7c42889fd00f1a9c'),
+    ('\xf817692998f63f88c9ee3e0476cdfaa7f4da1e2f'),
+    ('\xf81cd9b15a4002fc8536ef620fc9d692008c9ac6'),
+    ('\xf81d24e289c04179cef3ed0f539b8e0d8462d3a6'),
+    ('\xf8281bad8a6d17d4cf680d771b8df27349346cc6'),
+    ('\xf82b50edb3e03f9a5fb6c1fd7f95d498e6e03167'),
+    ('\xf82d1cb56532ac457be4d7fb4c051339e863af0b'),
+    ('\xf82f6d3ee1fee366bd4cc6e00c8fe15f9a498bac'),
+    ('\xf8303842f7d7693ea31507ba893a4ba371a20faa'),
+    ('\xf8346ae9053386f1fd1f321ee0915e8a53b9d5ca'),
+    ('\xf83ce92dacefb5cbf7a9654d96c041d2d6dd2067'),
+    ('\xf841c145ba488d5984858538ae64e98c5dafba3e'),
+    ('\xf84680cc4f494b92eb3691c50f528055f132e0cb'),
+    ('\xf85351f56018081dc986a570050aa21751dcef8b'),
+    ('\xf8535299f282af122abfc59d87174f417aa6852c'),
+    ('\xf857e256cd78e08a01fcf06ff83bf9bed6d5d6d9'),
+    ('\xf85fa04132ba7bf88256e5590b6565b88dc74221'),
+    ('\xf864d08412226958bf71c6d6342efde1a859856f'),
+    ('\xf8696a4e183f7fb187b422e0dd8dc6b93180948b'),
+    ('\xf86bf53e6f64d2b33ea269d406e5ca1c9b60d72e'),
+    ('\xf86d6fc7c99dca7e947e6981abb7e09aa97fc2a8'),
+    ('\xf87145f0900cebde5c6e4b3aa4e8ff9876f1ff80'),
+    ('\xf876217f986bf9718476107df2d2ffd7bbc9ad05'),
+    ('\xf87a53e9fb9f68cc0318f3945634cd2cb37830e6'),
+    ('\xf87eca13f4e04dea7d9b4e8bbffd5a311a215601'),
+    ('\xf87f308a17078b481900b50b7a663e862f5bf015'),
+    ('\xf882ac6e863ba28a3fd112156ce6b18808921824'),
+    ('\xf885ce7f619927da12ff976e01d5a0c56892890e'),
+    ('\xf88a03397481e9f92676391a816cdca60ef39101'),
+    ('\xf88be1c134e75e76678176ecd33d24ad602da874'),
+    ('\xf89ea600d7baa93e22301e76bdb29daf794f2279'),
+    ('\xf8a138955f413bed1094a114610a405cf64116bf'),
+    ('\xf8a1d24a68612a265389223f446c879fa55f0bc0'),
+    ('\xf8a26f6c0eaeef9af3daa94f807e6166128b123a'),
+    ('\xf8a282fb32a3f2c47a23d008066cbd29ab62982f'),
+    ('\xf8a2cc200c070427bcbde7dd9194bd4b750c6866'),
+    ('\xf8a6583ba48c43ac196f7bf34c3c935a9874d87d'),
+    ('\xf8aaf69b2d626b34ac803689ca259a2b7f936681'),
+    ('\xf8af7298e3932ddf6c22d6bad9609bc2748803a6'),
+    ('\xf8b0659c46878bb97ae8b1070eacc82bce02beba'),
+    ('\xf8b9f1a85a985dbc1856574bfdb669a99bc0ece3'),
+    ('\xf8bb5b91af0c9cd00abeab447851a1e05884c353'),
+    ('\xf8c57e312f296372bd93e18f67edc6012c4a964d'),
+    ('\xf8dc85a0e393012142dd3c7d470b98f0b3e315d8'),
+    ('\xf8de8c3ad87431dbc794c12ecdd85a6f1936a0ac'),
+    ('\xf8df2a813bd5cfc5391c7e3ced9be79f3850a9f7'),
+    ('\xf8e087f3592f6fa2076d9b2ba4ea0aa8096a9b34'),
+    ('\xf8e3871e7dcfca22e576e654fa87e646f13bdbdf'),
+    ('\xf8ef5624f594879b9d65c11684875dcc4e9dc6e4'),
+    ('\xf8f30f5c1d93f236700c7b478ab51e3485f6221b'),
+    ('\xf8fa75f1324906fef2c9403bdfa70aa29cae1ea0'),
+    ('\xf8feb0392034e7801b8c545365eaeadff8be9896'),
+    ('\xf907cc8b5909343eef7fbebbf1d7c50d0022e7f1'),
+    ('\xf90d3196d934793f82e8ec8bc27909366e84973b'),
+    ('\xf90d5a2bd22dd1d7a1c4194e5eb01b620dcc36fd'),
+    ('\xf90e7732ca2343cb150bf36a1e9207c77f5512d9'),
+    ('\xf9189ec57ffd6fc6c6068f0c8ddc2493634b4cc4'),
+    ('\xf918e60bc91f158a9015559c2700d7a871abe1d8'),
+    ('\xf9229a9f190ddf14e4e52ff349db3a7e5a7b117e'),
+    ('\xf924e68a9b1d521f2dba1ed23f3bf29b4c405c52'),
+    ('\xf929076707f77c82cc53f5f39438e6740ea7667d'),
+    ('\xf92910b6ad74528f85ec749254cbebce9530aaa4'),
+    ('\xf92f0b73edd2870c3e84defb1598d7ce06337613'),
+    ('\xf931b5659acc9a67ed040c73da8953c2f56c2e2c'),
+    ('\xf93202427212eb38eda5a2a1d3f79a23972c0d1b'),
+    ('\xf93f85bcd82f8d8b3bd88e8df232f9827fe2a16e'),
+    ('\xf93f8f7a3a6c6346a9e4519f9a200764268d660f'),
+    ('\xf95041566883afeaf9416a7a7335e7c927aa7d25'),
+    ('\xf950fdf69b54b8498bddbc380e0ffd0ae0f074f0'),
+    ('\xf95a645ad92763b4ee5fa84441e7f8e260167faa'),
+    ('\xf95cfa29e6aee998d9459210de2d6eb85cb4ed02'),
+    ('\xf95edb74be83d96ea75807777a74c6ed1c885320'),
+    ('\xf9608689652811303604f3e53c2c6a89266a1ced'),
+    ('\xf9630f7988f9b7b636b848ec82b917e546f32fc6'),
+    ('\xf967892169825d80b0409a91c267a0533a2db3fa'),
+    ('\xf973e78df1149e17f3c52fc8dd07e893238148fa'),
+    ('\xf9773c7e0d8d31fd1ae6f963e3d53ace16d15dee'),
+    ('\xf97a2cc3fa1358a64b24f2abd3a5382e73d11c01'),
+    ('\xf97a5024a7350b8e821c15210c41fe5c7ddbf8fc'),
+    ('\xf97dbd0a7d8d09f5a692f247c7a560b95d1c3172'),
+    ('\xf986a1b16bc845322d5bbe95b08e82581d456b7a'),
+    ('\xf989f1b625d8358f255d4a93648a595880888dd4'),
+    ('\xf98c323d5b7844262fc60daf65d92e64f0fc8e02'),
+    ('\xf98f1e9e778ac27c03e514155098b250f926e916'),
+    ('\xf99718fbf7221d7fe8b51ad636446adaf4162081'),
+    ('\xf9a09e4a870cf174994b12c459173f10a8f35d1e'),
+    ('\xf9a0a6c547882c7d5561b9fcc990011d20905af7'),
+    ('\xf9a2b5911479470206b69628463c7df2c4a15bf4'),
+    ('\xf9a88a038e397668d370510e1e471cce0f3050a9'),
+    ('\xf9aae6efc45ac77d70766fffe3f4a5780e2d49d4'),
+    ('\xf9bf3cca18df5226892678df3d5c5d01cdb23bc8'),
+    ('\xf9c03d79f4fb8df4cd260e69258dbba3bb4dfd04'),
+    ('\xf9c13557bb1ef491e1441d581c5587743f0f06a4'),
+    ('\xf9c913e457d8147f1455d2e81fb97500a8c107f8'),
+    ('\xf9cbc54cb4002c8f6b60a76d35abfe47888bb503'),
+    ('\xf9cc355be8d14ae6fcca25e9c81078c70aa44b95'),
+    ('\xf9ce47b2cc7981bef247088b40498fc8257859b6'),
+    ('\xf9d6655bbb53cd75ee5d6eb88ef60432e92bffad'),
+    ('\xf9dfbbcde07a62657283a5c411c98a7768954c5e'),
+    ('\xf9f2809d0c0363b117540a879892d8cb81709070'),
+    ('\xf9fa6516d918b655f5ae6c9bfd0140eea68fd04a'),
+    ('\xfa07ad9c8c7e45164aa11368dbb3877029eeabc0'),
+    ('\xfa184606f5024e5a0708bb345e3fec2e2a6f0d29'),
+    ('\xfa1bc780c28864508f3270163c91d3aff83eadcf'),
+    ('\xfa218203260e9253e40d06d02cc1760535f5e86d'),
+    ('\xfa223e401ab66829cba2716bafe2c465d1045e86'),
+    ('\xfa23ce12df127bc1810ff1fac2ced0e6e6d242aa'),
+    ('\xfa2779d58984b7d57509a2ca9ce37e206b0df01a'),
+    ('\xfa28d9c9744e5bc8c75eb125fd7de53fb7ab2ff3'),
+    ('\xfa29036b26996fba6a5b18c36d4e115bf4ec656a'),
+    ('\xfa2960fb023e9867067240df48521a120d27c06d'),
+    ('\xfa2d099b92db49914d2cc41a0f1f27dc83c42071'),
+    ('\xfa2d53fa28cfb24a24256937cce369681f0102bb'),
+    ('\xfa2ef515481682c04e498917182dba8ffb3fc90a'),
+    ('\xfa30f59cc4ff2e5058bae3e3a0b045b2c87d08e3'),
+    ('\xfa337cceb16c2bdfacd9e5eb73af4b214ef5de86'),
+    ('\xfa36066f7d231bfdd8d847187e5eeb66f6fa9807'),
+    ('\xfa3bd0d05530c3ff97d3e9fb57c7734191c9613a'),
+    ('\xfa3d658eaecf5942cde96d19e2060a1fe8d4db2d'),
+    ('\xfa3de079306d27d55fb6c04143e47dda71de91e7'),
+    ('\xfa4066c739647b88dcc1ed4108bdb8ba476bf3fd'),
+    ('\xfa410c0d5ca7e1c92ea4fb0bf67deca2b3403d5a'),
+    ('\xfa414aff9ed28262884309c66b0d1fb5de5be4ea'),
+    ('\xfa46b6f135bfa3848b451d284286beb04fffce89'),
+    ('\xfa47743ea3e79157b05ac0ab2911c4d00548bef5'),
+    ('\xfa4ddf02d4d5add020f229acde57502feca0d360'),
+    ('\xfa5273282a1df83716b11691a806318a8a858d97'),
+    ('\xfa54751181cc6e20002e98ae698b8afeebd6b49a'),
+    ('\xfa5e9ba0b884e38ea8f935af333b1829878317ee'),
+    ('\xfa6dc9ec0d427205e42f969b3a2543b4028da36d'),
+    ('\xfa6eb8db7387ea1a4eb09ce2469dc301404a0f4a'),
+    ('\xfa7426ac78790552b1d13f1844160e728bb30ddf'),
+    ('\xfa7e38f55ccf2d997424efb61cf73be75978362d'),
+    ('\xfa82ae4ee56e2a02b7a232f8d06b815f7d532181'),
+    ('\xfa850d32dee6f587db9020a1cf290848e3397256'),
+    ('\xfa855618673b9727bf6f136a167ffa217957dc85'),
+    ('\xfa8697e445092a3b089eb2e7b57c98ff8774e3e2'),
+    ('\xfa8814ffd064d172e9188c4b08ac60041c43a383'),
+    ('\xfa8ecac150c9d3bb55434bfa1e424b2aef33348f'),
+    ('\xfa8fdc48ddb4944b7156d8c1cda7ac160e69498f'),
+    ('\xfa9a22540c748efa706be9334e722d73f9e30248'),
+    ('\xfaaf9b6bf835c38e1be2aef070b8e9fb0112e42c'),
+    ('\xfab3da23f7ef14fcd7ae51580c7ec6c5644ebca1'),
+    ('\xfac3685a21aa5924e179575068a57f80f2d99362'),
+    ('\xfac47804a1c42ec58bbc79e633f7d80aab4b3b13'),
+    ('\xfaca23745260bb5ae8d57549b972335c2347c384'),
+    ('\xfad404b80b0abe636964aa59910649847f1212f6'),
+    ('\xfad46ce0d87e10a761e23a09c33b227663e2c3f7'),
+    ('\xfad71334e835b5c06b713b92f4e56e6aa6e4d835'),
+    ('\xfadd08fb986a24cca4efd9c740bdf2b079062a84'),
+    ('\xfadd274d2fb2781c6b8035d95fc76b6b7650338c'),
+    ('\xfade0c25452aadee0f7ebfcd296529acb6713329'),
+    ('\xfae517cbdb4383dd1e02ad701c475b8b0de52755'),
+    ('\xfae68d19253ccdef0a3e07f71782ba940e0ba894'),
+    ('\xfae6d34d3167f6ce5eb4000b96a68ab65a25a848'),
+    ('\xfaed7947f77f8a80bb0cfbec6d4463c1f79b8573'),
+    ('\xfaef62f4f2424c14dd24773d475d7618d3c6df0d'),
+    ('\xfafa599d7afe829aa3636ce45ce85a3eecf3fa0f'),
+    ('\xfafc6cae2e4a39d9db52c17c4cbd2a0fe43ac4d2'),
+    ('\xfafda954877d26605742564cfe8da7000b24bba8'),
+    ('\xfb023335c68c201184603b3ad914fd9e1ff016f1'),
+    ('\xfb055e109f32f76a08a1fc3513e87c2c51b9cb2b'),
+    ('\xfb0b70fdcd10b2ea0b356d9a25484ed04cc26634'),
+    ('\xfb0cc49f7fac6887844e0e0218bf602646870af7'),
+    ('\xfb0e70a7424333e0e450c05c9dee9734123c179b'),
+    ('\xfb0e7a08927e50b50fa0b36f4f589abb2caac94f'),
+    ('\xfb0f2b09ddfc4edc58bc1b787997cb184278e58d'),
+    ('\xfb144a470b453a91f7e3801291495ae1eb0eef5f'),
+    ('\xfb161c12060bc6be695868e2d6730a89f94acb2b'),
+    ('\xfb238404e5202d14258b2b8cbb2ce7d5fd7c58d3'),
+    ('\xfb24be2437c954f79ac3c890b9e9a545735b2450'),
+    ('\xfb26bab044001d64aaff5b65e19d1f3b14ded93d'),
+    ('\xfb2b3afef9df55bd9f2c7db00f7b7505565fd945'),
+    ('\xfb35aafdd6866dfaa60120d93015f25cdcf7b4a2'),
+    ('\xfb48ffa0effebc746172d72bcd81c23556d0e187'),
+    ('\xfb4d5a6ec59045ee13a90d4114bad75a2a5c2f3b'),
+    ('\xfb5167c8f327ea366cf2b3e7f24e5e347eeabb76'),
+    ('\xfb5f0a0ec78bdd8b77c90db6f303ccd38c3c2450'),
+    ('\xfb5fdba4831353124c332fe5bc1d18e2ce7c398a'),
+    ('\xfb623d7af8bb32b35b6dbdfedb339094b18b2768'),
+    ('\xfb668b8f85e122899c56daf89252fa4cd779dba6'),
+    ('\xfb79ff8fb22b3847b5ce57af173571839cc9671e'),
+    ('\xfb80bc99b1f26320e289ff5ac79668c4d4142a1c'),
+    ('\xfb856fe520f03272b580a0206f7606b83d1f7991'),
+    ('\xfb8a51958fdff705aa629845769385883fd87740'),
+    ('\xfb8a6649021da64bc360c0f95d4d86915cf008f8'),
+    ('\xfb8c801ad5ee08efa722600f61c74a7e5990ad34'),
+    ('\xfb8d768811e36dceb08342f5a465d35f7b7d17fc'),
+    ('\xfb8f668a40bb0142eafda3747e22aac0fa6227c6'),
+    ('\xfb8fa9c9d0b978606d61cfa0a8fa20b99887b280'),
+    ('\xfba5ed9e766c27ab46af28dc3228bf684baac38d'),
+    ('\xfbab16a034a6bf6520aafc334bb1b2ddd4f95f41'),
+    ('\xfbaf21b4f2c8e7d031b0351879ecb6b114a95db6'),
+    ('\xfbb244580102850ef8a91d96eb8e82f7a3e0df6a'),
+    ('\xfbbac8edd767b05321f5c796cd6b2bee8e580a07'),
+    ('\xfbbf16a8c7f893522f0c574a7af97cc6bcb5d31e'),
+    ('\xfbc6978296623bb2b93f11786f4d62f577bbbc3e'),
+    ('\xfbcebb568c7146478a4a96c0299d78173ae2ae2c'),
+    ('\xfbd701269adef1d44de4980de03155ce7d4abfda'),
+    ('\xfbddeb6ab7d0dcd816c61f90fc274cd60164ea87'),
+    ('\xfbe39703611c0b7ecf1b31059002c0cab98c2218'),
+    ('\xfbe794c555ddad4ef46689b0aef47ed2b19c0cd0'),
+    ('\xfbe82014b8fcc293d82c2a203534af5d0eb89663'),
+    ('\xfbe96f813dcd6b3fc43af84d13c64f750b10b3db'),
+    ('\xfbec3ff0b645303d256caa0f4ab05e1fbf333488'),
+    ('\xfbed5e2de5ce34b1a9e861684694f7038349cee2'),
+    ('\xfbee99f99f0c636c9a9f1f16198bec73e1389b37'),
+    ('\xfbef958344acad987aa79f728b00bf083f6af16a'),
+    ('\xfbfb7caf4652f998ca258c2edade374d020f5cbe'),
+    ('\xfbfe8065e0ae6fa2bb998aa0f769ac154bbc5a2b'),
+    ('\xfbff51476ec003c890cb6c07c4de2b6e431dfd23'),
+    ('\xfc0b5a09498c08b75ef18dec4d1ef290f42c9da1'),
+    ('\xfc12259931816b096ed9ad4f9e650a224da2a4ad'),
+    ('\xfc209ad9c860c95ff8949ddbcca4a5d2705c4ab7'),
+    ('\xfc218358b8305f0f857bd2684999fcd00f60f900'),
+    ('\xfc264303f2d3f1538103396f57b1dabe17ebf7d0'),
+    ('\xfc27eb2378e5ec73a38b414f1a2db0ae066dcd82'),
+    ('\xfc2b20bde48237a054d654ec025a43a68f28925b'),
+    ('\xfc2d442044b9a51c416701abc1c4cf9398f7a8aa'),
+    ('\xfc3946d3dd3eb828e86cddb9b5851435978a509f'),
+    ('\xfc3b9b80a90790a54ba233f5eaced3f138ea1269'),
+    ('\xfc48397e3f06a283bcff65789cb2e0b3c7747070'),
+    ('\xfc49294e18d34e79cbf68f3f1a178d66edfd150b'),
+    ('\xfc5395fde93fe761bd2c4c8fb1f14dd45858fef1'),
+    ('\xfc54a84b51bc847b582540bd549af8acb5ffa996'),
+    ('\xfc5e2a4d90038d20145f061a120b54b369b7314a'),
+    ('\xfc6b7028c730b27f0b9e4654e0b617de7bf31c68'),
+    ('\xfc6ca7d49e92085dacd3a54c8363739f24e48a71'),
+    ('\xfc6d804ead600b456fe16c873b645e374d27f659'),
+    ('\xfc750008def11553fe4444d9787b6281c78b9ca0'),
+    ('\xfc78fe7ccb9277d7099881c68e3c2fd66c53bc8a'),
+    ('\xfc7f3f2826429dcc9723327b44f3f9c374ed2e24'),
+    ('\xfc808cc9b84642c0e1e4686d5ea73e7b982ee312'),
+    ('\xfc86bfcec68726c47827a854fda0ddbc3bea56d6'),
+    ('\xfc875e7ef2ebf605465cd80c1999e4f1c3efd217'),
+    ('\xfc8841e6386eea3630144b9512e5e45b8663f5ae'),
+    ('\xfc888dbc27c00a4bd80b595c85707c1b6c1b90e7'),
+    ('\xfc89b4f955ba74cd9634f54b3fc749d3fd4bf1c7'),
+    ('\xfc8c0bd2f9ea3a25e35ec7fe71a23aa5688edc8f'),
+    ('\xfc8d6090ed817d6c0f6351442e2cb8d9d157bd6d'),
+    ('\xfc8ec43c86340714f6eed800563b5a9ee45f90f0'),
+    ('\xfc9603cdd682c014b99a944af73dc370dfa2e530'),
+    ('\xfc97a52864a47c2520b5d1a42d2273f7a5749d13'),
+    ('\xfc97c5e550cfeea11196445d6c8bb067f8cc08b9'),
+    ('\xfc9d2364b8699ad76bbf746bcbba1b69f3c0d092'),
+    ('\xfca966ac658b423176d783d3928494a9471d30da'),
+    ('\xfcace38a07707c1365e0f0999003d900441089b8'),
+    ('\xfcaedccc469dd5c39b020e7d10041270290554d3'),
+    ('\xfcb0be4fa08dd02e4f8d0a033edbfa8c7c0d9576'),
+    ('\xfcb320b404d93dd9d7e81d1535971d7585066f0c'),
+    ('\xfcb3d89b68f68ba561ffa4ce70779b528e56c3ad'),
+    ('\xfcb9e8ca3851f81174a33d44e7a1171135b36e06'),
+    ('\xfcba96d8253749cc4f027aab0330b20111c962ba'),
+    ('\xfcce052bc032853982c6150d68adf2b7f900171a'),
+    ('\xfccf9fe4741baf1fc44e7b6de42c5ab72b119fb1'),
+    ('\xfcd6a20c23f0c6bee2d1d06f3791ebe2c6e498c5'),
+    ('\xfcdda8bc334772f445ec93f3c3ece0249ebdad42'),
+    ('\xfce7b4314c81c0e7b630f6aee4fd97aa5c91ab17'),
+    ('\xfcede865644795a0f9fe77f320f1c4ec593e6031'),
+    ('\xfcef647804b9480145a1689a90f0a569acc7105f'),
+    ('\xfcf0c34ced8cf8fd0ac030c8a5f05d3c61265f67'),
+    ('\xfcf88ff03dbc262883b11a81fc52bfa437f8725b'),
+    ('\xfcfa7caf02dcd462fcfb25aa2831afae3d448930'),
+    ('\xfcfffc1caf5295c4137e3d91de8dae8c65b3872d'),
+    ('\xfd032ed2583842df2b8c29e7823f6becadfdd5ff'),
+    ('\xfd057983d788719499bf93702f37e237eef5461d'),
+    ('\xfd08936e5dc4fc7e38dcbdd8751fd9ad595ecdfc'),
+    ('\xfd0d4bb214efb086ccb02161e2302ff06ec33893'),
+    ('\xfd14e842981ef5ff8de7d0b46189b83519f2a391'),
+    ('\xfd18f999ac8983aa789e9942d80110e88c12a8a5'),
+    ('\xfd24e0dc0ee504fa73fefe097054edff5bd046a8'),
+    ('\xfd26b47dbca72dcc604117a7c5011c098f43f757'),
+    ('\xfd32b0180808cab9cd0bb420f68b2239212c2b2d'),
+    ('\xfd3343a215a5d3203f1d8439573500b54fb27cc7'),
+    ('\xfd3a86fbdb2df9f54b3e230665e025a44c8fca41'),
+    ('\xfd40910d9e70d6412e5e9919bb62a2d649c27a7c'),
+    ('\xfd41bcf1c4cba814a89bd45b4f5cb814c1d4a70f'),
+    ('\xfd503493bb4284218c7260d2991259192cfb4bc7'),
+    ('\xfd58180683f6011b3e6f0af1ebf2ca6be1ca9d5f'),
+    ('\xfd5e3a48b0aae16b2c057f83a216a86d82170a6d'),
+    ('\xfd650c0454608742b00510e46d29df17cb2b582d'),
+    ('\xfd6c906ce15baa7b94f3f82c9245fa9608400d9a'),
+    ('\xfd70195fb5208e16eb05c2ac1f9260346675fb6e'),
+    ('\xfd77259724176d78610a6b867cbd8f42ef8a4067'),
+    ('\xfd79d43bea0293ac1b20e8aca1142627983d2c07'),
+    ('\xfd7a2d4cb7b7e7c53b55395919a211f78a566800'),
+    ('\xfd7e23a6d6ce16ee1a872fd9cc1bcc3a9778114f'),
+    ('\xfd7f850160fbdf73535ddf72ed642ad8b50f2e2c'),
+    ('\xfd819c4ce8bc9c80dea58467e877dc22070d7d9a'),
+    ('\xfd85c8d3f6c403421bada2eafa3f8c10f019d3cb'),
+    ('\xfd88725e98546ad618d5b26dfea81c34471fec25'),
+    ('\xfd8c3fd200d1fbdc18c992da966fe8ca01154098'),
+    ('\xfd8d3d189da29404771945c838282c08ccd51d38'),
+    ('\xfd8de03f807d4713e32c85c5b93d076984bdd4d6'),
+    ('\xfd9f797efa1524fd1cd5ca58dfd7d21b7c74b7e9'),
+    ('\xfda34ba5c2e71f0e2b52fde3e31b1254e6757f55'),
+    ('\xfdac615cdcb1395e9682d25454f27a5e6888fb2b'),
+    ('\xfdb0d624982d55a6d19c76307b373d6b72001cf8'),
+    ('\xfdb5f182ef4662610898edf09be15cfa85933e50'),
+    ('\xfdb885c3f75a361a0c07cf7287589a417a6244d3'),
+    ('\xfdba81b2f6e3599c5bb95a4fcb8cde478107aeb4'),
+    ('\xfdc4390580d60f7f65b709aa98b14d82445036d6'),
+    ('\xfdc59088e656c5b819b25af675dd0ece2373e511'),
+    ('\xfdca20bc0ba96d6724a08128117556b69af9f0ee'),
+    ('\xfdca7368dfc0685e8b52dad07a5cb282d234df54'),
+    ('\xfdcd90ec1fa6382a3bb00bc429af19ad3167cb1b'),
+    ('\xfdd032e7394cde732ea28e5145e274c289818969'),
+    ('\xfdd186c911418fda7caa23fec95ed3cd3c3e376d'),
+    ('\xfdda2f6662fdbf450e068dfeac8b57cc331767c5'),
+    ('\xfde50a172d973a3f3fc3ed0e6451a51735d23b44'),
+    ('\xfde99c77df81d50958d490865f7d31db430d52dd'),
+    ('\xfdea407bcfdf9851e5c94abeb12a2e8c2ea56ad9'),
+    ('\xfdfc23542f47a51819fd528d6ff32aaeac727ffc'),
+    ('\xfe0351e1a7111ec6778457dd613667041983bda5'),
+    ('\xfe0573d73bb16a701faf7fa95e5d21fc32c0b26b'),
+    ('\xfe07abdce1d799f700b372f12bf6ade37b9a2c4b'),
+    ('\xfe08a67cd49122c4da6b2ca2c9bd307de45fcee8'),
+    ('\xfe121990e0c54be2fd07588456d4a1fccbfdb647'),
+    ('\xfe13bedc364e63671a670f19df865d516f978541'),
+    ('\xfe15142de620f3e8b07dd766958680fbe2204041'),
+    ('\xfe166ab4952c9ac02d64c3b58b919e6fe4a2b1a9'),
+    ('\xfe16c1b2cf3e6ae0485c95addf6a6eb331a731c1'),
+    ('\xfe1e8e0674662570dcd92fc1e7ae16e8edb311f5'),
+    ('\xfe1fe8b3e20c1be5a4892b751b9268d693db543b'),
+    ('\xfe298c97e6bf610ca71d053e55bc44a35104169e'),
+    ('\xfe2beaa4b8e8eecde1f9e583da6ec1586f31e00e'),
+    ('\xfe2f194a68361ad610a280cb4a4af7c95d76cfe8'),
+    ('\xfe2ff0457e95fed12b1c64a73e919cc6c39402c2'),
+    ('\xfe327111d434771049d639474ada0120eeb1c5de'),
+    ('\xfe33194987d6a0c93b353ca1f440aafda1513845'),
+    ('\xfe388e59e29a8c5ea2240a6aef2a59c7b7d35731'),
+    ('\xfe3fd56d7cf370906f78645fcd68a4ba263e2d28'),
+    ('\xfe4374fe3cb326d9b0b4bcdb5a9227e55dd4de4c'),
+    ('\xfe4747b483c23ece3c8f78b93f5ecac0f027c6b5'),
+    ('\xfe48098734a8223ec79b5ad2f42702c1cbfefa6a'),
+    ('\xfe4bbad1c6030ed3fca2c7336897087060b21b5a'),
+    ('\xfe50835e2eaf9f90cb8f52fc5ef2b73045b07a03'),
+    ('\xfe53ac13ce3f6f55d29d7bf166368fe00dbcc6f0'),
+    ('\xfe540839ed1e171f3a417b46389257c416f524f1'),
+    ('\xfe54955d48006649517f57356a552c80a7832119'),
+    ('\xfe56f57c09ca694dd4a4750055439442d774ab99'),
+    ('\xfe57aa5560b0d5e74a5ecb750e5956d230a5aa3a'),
+    ('\xfe57b501307e314d0ce7bb40955c16df2c3c40c8'),
+    ('\xfe593561f142fbee2603d16d4bad68160643b27b'),
+    ('\xfe5d9fb72e5b3d01bd1b01d7d0ebb8ace3ff3a2b'),
+    ('\xfe60b87e7b0cad4703cdf8de7c89cba0649d3981'),
+    ('\xfe6621ea61de3dae462e32400f07479b2c7f78e0'),
+    ('\xfe755267c2e61133df01928c38bc55fdccac54bc'),
+    ('\xfe77766fb1b36a66dd9a7be198789f3532146a64'),
+    ('\xfe79f8e1a53a1c7a830a67c0c5b7f4169cde79e9'),
+    ('\xfe81cb7e1af2a884527d16d3e118cf519d976fdc'),
+    ('\xfe886ec304d3097d946da9ec771c42e121261077'),
+    ('\xfe8a22af76b792aa7553451be559e9d74de8a5cb'),
+    ('\xfe8dc5abd36f373e26b90f3da71b35031f71ae54'),
+    ('\xfe9b63b81e2d069b2316dec4fe212024c89af885'),
+    ('\xfe9c352c92b4be37689453460fc7bff4540455e3'),
+    ('\xfe9d102870f9c95d4f545d6ab5025c2cc6ae51d3'),
+    ('\xfeb602094c3f751bd27e52301c540eaa9db5a05a'),
+    ('\xfeb9eca9a76d80a41602a17b9961e28abb6068e7'),
+    ('\xfebc801044d1bec2ca1bdcfc11ff252e72c49993'),
+    ('\xfebe4e3ea21c6d267afdb3dc7a40d30ac1f92676'),
+    ('\xfebf5e1fc868d3022126b85da00e759faaf3224a'),
+    ('\xfec1f8aba1529284e7b50fcd044d5b9d522b7652'),
+    ('\xfed885fa9c171c97ba3a6dea934eb24ab5626a10'),
+    ('\xfed8f37013c337e7640b101af0dc3b7afd519807'),
+    ('\xfeda714160591877eaafa9a8e3f69cc563e9f067'),
+    ('\xfee375bda1586d0ef2356540b356540d5ae99367'),
+    ('\xfeea6930b2dbee316039355cf7d377d344b9aad6'),
+    ('\xfeebdb85efb0049c35028d631b8c98f9dbe3fe1e'),
+    ('\xfeee739b9a0d27d4d0ae2bdb6d4f31cbef5e342d'),
+    ('\xfef2f3fe75120a3f21b1deeed4169529f41dbf30'),
+    ('\xfef43c366c2382f3f30ea362d60e30c9f1c30e97'),
+    ('\xfefdd8250dfec84bf4c5a30f37cd19e6d18e194a'),
+    ('\xfefffa6b0b23b1c6777af7012b324b291b77d863'),
+    ('\xff010d65d1a58ee614e88e2dd35a203d0795858a'),
+    ('\xff0815cd8c64b0a245ec780eb8d21867509155b5'),
+    ('\xff08ee48996bee00d1163c184fd2dc0b6ff13e2c'),
+    ('\xff0d0b91b6ef41468c593a0ca40a81f9a183b055'),
+    ('\xff11093139174a1e2b1c41da1bf7a8505964dbcb'),
+    ('\xff13b45fa7ce2836ce8419e230b6b5fbfb078337'),
+    ('\xff1504bbd2e44c8dfccabcd3445961705f5fd684'),
+    ('\xff1889977f761701a512247ca1559a69daa3feb2'),
+    ('\xff18b45594b80decf9efbb45f3d3a600d17a8956'),
+    ('\xff1ef9fc6f71a198fb323d1df22a581fd1e92660'),
+    ('\xff2656731c0c8bbb645c4b46b418a9e64c6fd0e0'),
+    ('\xff27fc8f374780aefeae594c08478a0786167905'),
+    ('\xff29a7b0f224e6eed27c9254ce5d72897ccf7775'),
+    ('\xff2e5014510b80cee4e11deb59c66a405006d346'),
+    ('\xff2eace3e8dc2d207d633fd5b33832ddbfd53d7f'),
+    ('\xff318a2729cbbf811f18feaccc947c7b0208ec3b'),
+    ('\xff3194977cda5e96e0c47f4d0d4ef5aef95c0931'),
+    ('\xff3715aa5056a7195fa73e4948a79b56a03cc26c'),
+    ('\xff3bb2352b957585b55fe766d3bd0cfcd7b2e056'),
+    ('\xff400a527effb5757e8986f85398518f6b6450a7'),
+    ('\xff406407faf7cfc332f7ee664e9e125459912219'),
+    ('\xff416336a4130eb31fdbb6a4f09ce1ea3389105f'),
+    ('\xff4341975ae6af5896c4a3446c4008be289edc72'),
+    ('\xff44369da8682cc96e2d943984e24a7c0efa34a0'),
+    ('\xff4e760779acccf9f521ca976e20dac50269175c'),
+    ('\xff54e94130e739f7ba4301fbcf8351590c796a09'),
+    ('\xff5ec4cba4a353bff8fa2791b7e3a12e457c0811'),
+    ('\xff62497246cb20f0cf766cf21869bd6926067403'),
+    ('\xff62edc7b94d88157c62b78fd8d89823b70068b0'),
+    ('\xff644fd611b080a3c57a854e168557ac466adf7f'),
+    ('\xff6f9d0f1a38e233998d74122c66ab5c5faed4fe'),
+    ('\xff700e0077e965b05297e573d414f6f571ae9dc7'),
+    ('\xff707ddc8ec89bc0b1df4b1f9eef665f63dd442c'),
+    ('\xff732246f081d4294a5af53ef7a9800c4ca903d2'),
+    ('\xff732f4e2af57264d7b4c2446607e76f88853363'),
+    ('\xff79d8b01ca3bf289299d125d0b01be2cec5b9b8'),
+    ('\xff7a583bad77ccc7a562f0402cf10a24e7c9f4b1'),
+    ('\xff7b56d38098cc769fe87634c91b84481baece41'),
+    ('\xff80737d101ccbe09d45a0b7f3cf0241f2f68885'),
+    ('\xff8435690d4ef628e792d4b3d69f2c21edac1482'),
+    ('\xff8541f97df3a64cff34a49b493bdecbeb5ad82a'),
+    ('\xff8755fd7932512e7cbd281bfc137acf2fd90db7'),
+    ('\xff878c1cfe0a35786c8ab92b99d69e378bc31172'),
+    ('\xff8e5f977765da43163875788ba02be6a8de7975'),
+    ('\xff8fb252855f6befaa6fe7b5d61ebca59f260f53'),
+    ('\xff94c189d199a205f6651409fea994cb8037f9b8'),
+    ('\xff999b4fc934e4c85e429e110df1debb5677edfc'),
+    ('\xff9b58b0994ff60b3cf0403aa6a93587202444d8'),
+    ('\xff9c6a82062f0878be0afb4bf29124521fba8b06'),
+    ('\xff9fa84f51299c6ca35ca29b9538237120be16b7'),
+    ('\xffaf6cfa891872cf3ef83e40497f6bf5c7ba70db'),
+    ('\xffb737cfc18b11cf3b997ad15e553531f1f2f0bc'),
+    ('\xffb8e77fdf9898b503322015cbd9c3cdbd554568'),
+    ('\xffbbefbad0ab1dd802534eae62ed5aed1d854f2b'),
+    ('\xffc31725607d78e99b124e5dccd6b99600fbba3c'),
+    ('\xffc74bb90ebbf9cc843c3a1c4ce7efa84f154600'),
+    ('\xffc78ab8bf4b2e88869c1442add3769825b2115b'),
+    ('\xffce29b962fc0d2c2d400ff2d05fb996bcd1fce8'),
+    ('\xffd19832e5644d4482b1b2d53fdb3811ffac048c'),
+    ('\xffd7488e244897b0086fb7e6aa43fbd7d04e3c3c'),
+    ('\xffdd5670d67c4f5d244a0fd6e8cff913e9cb0b26'),
+    ('\xffde637ceff0bbbcb8a8e7cf30e4bff0f0e82300'),
+    ('\xffe7b29deba65d44b9126ffe33300b6038de765e'),
+    ('\xffe89720a22a747c9c6020b5fe85f496c224279a'),
+    ('\xffe93a1686957595fcc83f309026324290093032'),
+    ('\xffe9d8a251a403ecc1b29c29985a2f38a4c424dc'),
+    ('\xfffdbafeb73c497ea3d84107162ba05e829c59ef'),
+    ('\xfffe608c967afafbdd7be93b6d7704a2754864fc');
diff --git a/services/history-v1/storage/scripts/global-blobs-db-cleanup/02-set-global-flag.sql b/services/history-v1/storage/scripts/global-blobs-db-cleanup/02-set-global-flag.sql
new file mode 100644
index 0000000..577fcb5
--- /dev/null
+++ b/services/history-v1/storage/scripts/global-blobs-db-cleanup/02-set-global-flag.sql
@@ -0,0 +1,3 @@
+UPDATE blobs
+SET global = TRUE
+WHERE hash_bytes IN (SELECT hash_bytes FROM global_blob_hashes);
diff --git a/services/history-v1/storage/scripts/global-blobs-db-cleanup/03-create-global-blobs-table.sql b/services/history-v1/storage/scripts/global-blobs-db-cleanup/03-create-global-blobs-table.sql
new file mode 100644
index 0000000..9e708ea
--- /dev/null
+++ b/services/history-v1/storage/scripts/global-blobs-db-cleanup/03-create-global-blobs-table.sql
@@ -0,0 +1,16 @@
+CREATE TABLE global_blobs (
+    hash_bytes bytea NOT NULL,
+    byte_length integer NOT NULL,
+    string_length integer,
+    global boolean,
+    CONSTRAINT global_blobs_pkey PRIMARY KEY (hash_bytes),
+    CONSTRAINT global_blobs_byte_length_non_negative
+        CHECK (byte_length >= 0),
+    CONSTRAINT global_blobs_string_length_non_negative
+        CHECK (string_length IS NULL OR string_length >= 0)
+);
+
+INSERT INTO global_blobs (hash_bytes, byte_length, string_length, global)
+SELECT hash_bytes, byte_length, string_length, true
+FROM blobs
+WHERE hash_bytes IN (SELECT hash_bytes FROM global_blob_hashes);
diff --git a/services/history-v1/storage/scripts/global-blobs-db-cleanup/04-swap-global-blob-tables.sql b/services/history-v1/storage/scripts/global-blobs-db-cleanup/04-swap-global-blob-tables.sql
new file mode 100644
index 0000000..8ceabd8
--- /dev/null
+++ b/services/history-v1/storage/scripts/global-blobs-db-cleanup/04-swap-global-blob-tables.sql
@@ -0,0 +1,22 @@
+BEGIN;
+    ALTER TABLE blobs RENAME TO old_blobs;
+    ALTER TABLE global_blobs RENAME TO blobs;
+
+    ALTER TABLE old_blobs
+        RENAME CONSTRAINT blobs_pkey TO old_blobs_pkey;
+    ALTER TABLE old_blobs
+        RENAME CONSTRAINT blobs_byte_length_non_negative
+        TO old_blobs_byte_length_non_negative;
+    ALTER TABLE old_blobs
+        RENAME CONSTRAINT blobs_string_length_non_negative
+        TO old_blobs_string_length_non_negative;
+
+    ALTER TABLE blobs
+        RENAME CONSTRAINT global_blobs_pkey TO blobs_pkey;
+    ALTER TABLE blobs
+        RENAME CONSTRAINT global_blobs_byte_length_non_negative
+        TO blobs_byte_length_non_negative;
+    ALTER TABLE blobs
+        RENAME CONSTRAINT global_blobs_string_length_non_negative
+        TO blobs_string_length_non_negative;
+COMMIT;
diff --git a/services/history-v1/storage/scripts/global-blobs-db-cleanup/README.md b/services/history-v1/storage/scripts/global-blobs-db-cleanup/README.md
new file mode 100644
index 0000000..7460d4d
--- /dev/null
+++ b/services/history-v1/storage/scripts/global-blobs-db-cleanup/README.md
@@ -0,0 +1,9 @@
+Scripts in this directory were used when we cleaned up the global blobs table,
+ensuring that it only contained global blobs. The scripts are meant to be run in this order:
+
+* `01-create-blob-hashes-table.sql`
+* `02-set-global-flag.sql`
+* `03-create-global-blobs-table.sql`
+* `04-swap-global-blob-tables.sql`
+
+The `rollback.sql` can be run to reverse the effect of `03-swap-global-blob-tables.sql`.
diff --git a/services/history-v1/storage/scripts/global-blobs-db-cleanup/rollback.sql b/services/history-v1/storage/scripts/global-blobs-db-cleanup/rollback.sql
new file mode 100644
index 0000000..c8d5e8f
--- /dev/null
+++ b/services/history-v1/storage/scripts/global-blobs-db-cleanup/rollback.sql
@@ -0,0 +1,22 @@
+BEGIN;
+    ALTER TABLE blobs RENAME TO global_blobs;
+    ALTER TABLE old_blobs RENAME TO blobs;
+
+    ALTER TABLE global_blobs
+        RENAME CONSTRAINT blobs_pkey TO global_blobs_pkey;
+    ALTER TABLE global_blobs
+        RENAME CONSTRAINT blobs_byte_length_non_negative
+        TO global_blobs_byte_length_non_negative;
+    ALTER TABLE global_blobs
+        RENAME CONSTRAINT blobs_string_length_non_negative
+        TO global_blobs_string_length_non_negative;
+
+    ALTER TABLE blobs
+        RENAME CONSTRAINT old_blobs_pkey TO blobs_pkey;
+    ALTER TABLE blobs
+        RENAME CONSTRAINT old_blobs_byte_length_non_negative
+        TO blobs_byte_length_non_negative;
+    ALTER TABLE blobs
+        RENAME CONSTRAINT old_blobs_string_length_non_negative
+        TO blobs_string_length_non_negative;
+COMMIT;
diff --git a/services/history-v1/storage/scripts/recover_doc_versions.js b/services/history-v1/storage/scripts/recover_doc_versions.js
new file mode 100644
index 0000000..f121c60
--- /dev/null
+++ b/services/history-v1/storage/scripts/recover_doc_versions.js
@@ -0,0 +1,379 @@
+const fsPromises = require('node:fs/promises')
+const { ObjectId } = require('mongodb')
+const BPromise = require('bluebird')
+const logger = require('@overleaf/logger')
+const Settings = require('@overleaf/settings')
+const rclient = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.documentupdater
+)
+const mongodb = require('../lib/mongodb')
+const { chunkStore } = require('..')
+const Events = require('node:events')
+
+// Silence warning.
+Events.setMaxListeners(20)
+
+const BATCH_SIZE = 1000
+const OPTIONS = {
+  concurrency: parseInt(process.env.DOC_VERSION_RECOVERY_CONCURRENCY, 10) || 20,
+  force: process.env.DOC_VERSION_RECOVERY_FORCE === 'true',
+  'skip-history-failures':
+    process.env.DOC_VERSION_RECOVERY_SKIP_HISTORY_FAILURES === 'true',
+  'resyncs-needed-file': process.env.DOC_VERSION_RECOVERY_RESYNCS_NEEDED_FILE,
+}
+
+const db = {
+  deletedProjects: mongodb.db.collection('deletedProjects'),
+  docs: mongodb.db.collection('docs'),
+  migrations: mongodb.db.collection('migrations'),
+  projects: mongodb.db.collection('projects'),
+}
+
+const BAD_MIGRATION_NAME =
+  '20231219081700_move_doc_versions_from_docops_to_docs'
+
+const RECOVERY_FILES_502 = [
+  '/var/lib/overleaf/data/history/doc-version-recovery-resyncs.log',
+  '/var/lib/overleaf/data/history/doc-version-recovery-resyncs.log.done',
+]
+
+let loggingChain = Promise.resolve()
+const projectIdsThatNeedResyncing = []
+const unflushedDocIds = new Set()
+
+async function flushLogQueue() {
+  const logPath = OPTIONS['resyncs-needed-file']
+  loggingChain = loggingChain.then(async () => {
+    const batch = projectIdsThatNeedResyncing.splice(0)
+    if (batch.length === 0) return
+    try {
+      await fsPromises.appendFile(logPath, batch.join('\n') + '\n')
+    } catch (err) {
+      projectIdsThatNeedResyncing.push(...batch)
+      logger.err({ err, logPath, batch }, 'Failed to write to log file')
+    }
+  })
+  await loggingChain
+}
+async function recordProjectNeedsResync(projectId) {
+  if (OPTIONS['resyncs-needed-file']) {
+    projectIdsThatNeedResyncing.push(projectId)
+    await flushLogQueue()
+  } else {
+    console.log(`Project ${projectId} needs a hard resync.`)
+  }
+}
+
+async function main() {
+  const recovery502Ran = await did502RecoveryRun()
+  await getUnflushedDocIds()
+  const badMigration = await db.migrations.findOne({ name: BAD_MIGRATION_NAME })
+
+  if (unflushedDocIds.size > 0 && !recovery502Ran && badMigration != null) {
+    // Tell customers that they need to flush
+    console.log(`
+--------------------------------------------------------------------
+Detected unflushed changes while recovering doc versions.
+Please go back to version 5.0.1 and follow the recovery procedure
+for flushing document updates:
+
+https://github.com/overleaf/overleaf/wiki/Doc-version-recovery
+--------------------------------------------------------------------`)
+    process.exit(1)
+  }
+
+  if (OPTIONS.force || recovery502Ran || badMigration != null) {
+    console.warn('Need to recover doc versions. This will take a while.')
+    await runRecovery()
+    await db.migrations.deleteOne({ name: BAD_MIGRATION_NAME })
+    await delete502RecoveryFiles()
+  }
+
+  console.log('Done.')
+}
+
+async function did502RecoveryRun() {
+  for (const file of RECOVERY_FILES_502) {
+    try {
+      await fsPromises.stat(file)
+      return true
+    } catch (err) {
+      // file doesn't exist. continue
+    }
+  }
+  return false
+}
+
+async function delete502RecoveryFiles() {
+  for (const file of RECOVERY_FILES_502) {
+    try {
+      await fsPromises.rename(file, file.replace('.log', '-5.0.2.log'))
+    } catch (err) {
+      // file doesn't exist. continue
+    }
+  }
+}
+
+async function runRecovery() {
+  let batch = []
+  const summary = {
+    ignored: 0,
+    skipped: 0,
+    deletedUpdatedMongo: 0,
+    deletedUpdatedRedis: 0,
+    deletedUpdatedBoth: 0,
+    deletedIgnored: 0,
+    updatedMongo: 0,
+    updatedRedis: 0,
+    updatedBoth: 0,
+  }
+  const processBatchAndLogProgress = async () => {
+    try {
+      await BPromise.map(batch, project => processProject(project, summary), {
+        concurrency: OPTIONS.concurrency,
+      })
+    } finally {
+      console.log(`${summary.updatedRedis} projects updated in Redis`)
+      console.log(`${summary.updatedMongo} projects updated in Mongo`)
+      console.log(
+        `${summary.updatedBoth} projects updated in both Mongo and Redis`
+      )
+      console.log(`${summary.ignored} projects had good versions`)
+      console.log(
+        `${summary.deletedUpdatedMongo} deleted projects updated in Mongo`
+      )
+      console.log(
+        `${summary.deletedUpdatedRedis} deleted projects updated in Redis`
+      )
+      console.log(
+        `${summary.deletedUpdatedBoth} deleted projects updated in both Mongo and Redis`
+      )
+      console.log(
+        `${summary.deletedIgnored} deleted projects had good versions`
+      )
+      console.log(`${summary.skipped} projects skipped`)
+    }
+    batch = []
+  }
+
+  await printDBStats()
+  await initResyncsNeededFile()
+  for await (const project of getProjects()) {
+    batch.push(project)
+    if (batch.length >= BATCH_SIZE) {
+      await processBatchAndLogProgress()
+    }
+  }
+
+  for await (const deletedProject of getDeletedProjects()) {
+    const project = deletedProject.project
+    project.isDeleted = true
+    batch.push(project)
+    if (batch.length >= BATCH_SIZE) {
+      await processBatchAndLogProgress()
+    }
+  }
+
+  if (batch.length > 0) {
+    await processBatchAndLogProgress()
+  }
+
+  await backfillMissingVersions()
+}
+
+async function getUnflushedDocIds() {
+  const batchSize = 1000
+  let cursor = '0'
+  do {
+    const [newCursor, keys] = await rclient.scan(
+      cursor,
+      'MATCH',
+      Settings.redis.documentupdater.key_schema.docVersion({ doc_id: '*' }),
+      'COUNT',
+      batchSize
+    )
+    for (const key of keys) {
+      unflushedDocIds.add(key.slice('DocVersion:'.length))
+    }
+    cursor = newCursor
+  } while (cursor !== '0')
+}
+
+async function printDBStats() {
+  const projects = await db.projects.estimatedDocumentCount()
+  const deletedProjects = await db.deletedProjects.countDocuments()
+  const docs = await db.docs.estimatedDocumentCount()
+  console.log(
+    `Need to check ${projects} projects and up-to ${deletedProjects} deleted projects with a total of ${docs} docs.`
+  )
+}
+
+async function initResyncsNeededFile() {
+  const logPath = OPTIONS['resyncs-needed-file']
+  if (logPath) {
+    await fsPromises.writeFile(logPath, '')
+    await fsPromises.rm(`${logPath}.done`, { force: true })
+  }
+}
+
+function getProjects() {
+  return db.projects.find({}, { projection: { _id: 1, overleaf: 1 } })
+}
+
+function getDeletedProjects() {
+  return db.deletedProjects.find(
+    { 'project.overleaf.history.id': { $exists: true } },
+    { projection: { 'project._id': 1, 'project.overleaf': 1 } }
+  )
+}
+
+async function processProject(project, summary) {
+  const projectId = project._id.toString()
+  let updatedMongo = false
+  let updatedRedis = false
+  try {
+    const historyDocVersions = await getHistoryDocVersions(project)
+
+    for (const { docId, version } of historyDocVersions) {
+      const update = await fixDocVersion(docId, version)
+      if (update != null) {
+        if (update.in === 'mongo') {
+          updatedMongo = true
+        } else if (update.in === 'redis') {
+          updatedRedis = true
+        }
+      }
+    }
+
+    if (project.isDeleted) {
+      if (updatedMongo && updatedRedis) {
+        summary.deletedUpdatedBoth += 1
+      } else if (updatedMongo) {
+        summary.deletedUpdatedMongo += 1
+      } else if (updatedRedis) {
+        summary.deletedUpdatedRedis += 1
+      } else {
+        summary.deletedIgnored += 1
+      }
+    } else {
+      await recordProjectNeedsResync(projectId)
+      if (updatedMongo && updatedRedis) {
+        summary.updatedBoth += 1
+      } else if (updatedMongo) {
+        summary.updatedMongo += 1
+      } else if (updatedRedis) {
+        summary.updatedRedis += 1
+      } else {
+        summary.ignored += 1
+      }
+    }
+  } catch (err) {
+    logger.error({ err, projectId }, 'Failed to process project')
+    if (OPTIONS['skip-history-failures']) {
+      summary.skipped += 1
+    } else {
+      throw err
+    }
+  }
+}
+
+async function getHistoryDocVersions(project) {
+  const historyId = project.overleaf.history.id
+  const chunk = await chunkStore.loadLatest(historyId)
+  if (chunk == null) {
+    return []
+  }
+
+  const snapshot = chunk.getSnapshot()
+  const changes = chunk.getChanges()
+  snapshot.applyAll(changes)
+  const v2DocVersions = snapshot.getV2DocVersions()
+  if (v2DocVersions == null) {
+    return []
+  }
+  return Object.entries(v2DocVersions.data).map(([docId, versionInfo]) => ({
+    docId,
+    version: versionInfo.v,
+  }))
+}
+
+async function fixDocVersion(docId, historyVersion) {
+  const redisVersion = await getRedisDocVersion(docId)
+  if (redisVersion != null && historyVersion >= redisVersion) {
+    await setRedisDocVersion(docId, historyVersion + 1)
+    return {
+      in: 'redis',
+      previousVersion: redisVersion,
+      newVersion: historyVersion + 1,
+    }
+  } else {
+    const docBeforeUpdate = await db.docs.findOneAndUpdate(
+      {
+        _id: new ObjectId(docId),
+        $or: [
+          { version: { $lte: historyVersion } },
+          { version: { $exists: false } },
+        ],
+      },
+      { $set: { version: historyVersion + 1 } },
+      { projection: { _id: 1, version: 1 } }
+    )
+
+    if (docBeforeUpdate != null) {
+      return {
+        in: 'mongo',
+        previousVersion: docBeforeUpdate.version,
+        newVersion: historyVersion + 1,
+      }
+    } else {
+      return null
+    }
+  }
+}
+
+async function getRedisDocVersion(docId) {
+  if (!unflushedDocIds.has(docId)) {
+    return null
+  }
+  const result = await rclient.get(
+    Settings.redis.documentupdater.key_schema.docVersion({ doc_id: docId })
+  )
+  if (result == null) {
+    return null
+  }
+  return parseInt(result, 10)
+}
+
+async function setRedisDocVersion(docId, version) {
+  const multi = rclient.multi()
+  multi.set(
+    Settings.redis.documentupdater.key_schema.docVersion({ doc_id: docId }),
+    version
+  )
+  multi.set(`UnflushedTime:{${docId}}`, Date.now(), 'NX')
+  await multi.exec()
+}
+
+/**
+ * Set all remaining versions to 0
+ */
+async function backfillMissingVersions() {
+  console.log('Defaulting version to 0 for remaining docs.')
+  await db.docs.updateMany(
+    { version: { $exists: false } },
+    { $set: { version: 0 } }
+  )
+}
+
+main()
+  .finally(async () => {
+    console.log('Flushing log queue.')
+    await flushLogQueue()
+  })
+  .then(() => {
+    process.exit(0)
+  })
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
diff --git a/services/history-v1/storage/scripts/recover_zip.js b/services/history-v1/storage/scripts/recover_zip.js
new file mode 100644
index 0000000..91872c0
--- /dev/null
+++ b/services/history-v1/storage/scripts/recover_zip.js
@@ -0,0 +1,255 @@
+/**
+ * Try to recover a zip of the latest version of a project using only data in
+ * GCS, where this data may have been (recently) hard deleted (i.e. may exist
+ * wholely or in part as non-current versions). This should be able to
+ * retrieve the latest content of a project up to 180 days after it was
+ * deleted.
+ *
+ * Usage:
+ * node recover_zip.js [--verbose] <HISTORY_ID> <HISTORY_ID> ...
+ *
+ * Output:
+ * Signed URL(s) for the uploaded zip files. Note that these are valid for
+ * only 24h, to match the lifecycle rule on the zip bucket.
+ */
+
+const fs = require('node:fs')
+const os = require('node:os')
+const path = require('node:path')
+const util = require('node:util')
+
+// Something is registering 11 listeners, over the limit of 10, which generates
+// a lot of warning noise.
+require('node:events').EventEmitter.defaultMaxListeners = 11
+
+const config = require('config')
+// We depend on this via object-persistor.
+// eslint-disable-next-line import/no-extraneous-dependencies
+const { Storage } = require('@google-cloud/storage')
+const isValidUtf8 = require('utf-8-validate')
+
+const core = require('overleaf-editor-core')
+const projectKey = require('../lib/project_key')
+const streams = require('../lib/streams')
+const ProjectArchive = require('../lib/project_archive')
+
+const {
+  values: { verbose: VERBOSE },
+  positionals: HISTORY_IDS,
+} = util.parseArgs({
+  options: {
+    verbose: {
+      type: 'boolean',
+      default: false,
+    },
+  },
+  allowPositionals: true,
+})
+
+if (HISTORY_IDS.length === 0) {
+  console.error('no history IDs; see usage')
+  process.exit(1)
+}
+
+async function listDeletedChunks(historyId) {
+  const bucketName = config.get('chunkStore.bucket')
+  const storage = new Storage()
+  const [files] = await storage.bucket(bucketName).getFiles({
+    prefix: projectKey.format(historyId),
+    versions: true,
+  })
+  return files
+}
+
+async function findLatestChunk(historyId) {
+  const files = await listDeletedChunks(historyId)
+  if (files.length === 0) return null
+  files.sort((a, b) => {
+    if (a.name < b.name) return -1
+    if (a.name > b.name) return 1
+    return 0
+  })
+  return files[files.length - 1]
+}
+
+async function downloadLatestChunk(tmp, historyId) {
+  const latestChunkFile = await findLatestChunk(historyId)
+  if (!latestChunkFile) throw new Error('no chunk found to recover')
+
+  const destination = path.join(tmp, 'latest.json')
+  await latestChunkFile.download({ destination })
+  return destination
+}
+
+async function loadHistory(historyPathname) {
+  const data = await fs.promises.readFile(historyPathname)
+  const rawHistory = JSON.parse(data)
+  return core.History.fromRaw(rawHistory)
+}
+
+async function loadChunk(historyPathname, blobStore) {
+  const history = await loadHistory(historyPathname)
+
+  const blobHashes = new Set()
+  history.findBlobHashes(blobHashes)
+
+  await blobStore.fetchBlobs(blobHashes)
+  await history.loadFiles('lazy', blobStore)
+
+  return new core.Chunk(history, 0)
+}
+
+// TODO: it would be nice to export / expose this from BlobStore;
+// currently this is a copy of the method there.
+async function getStringLengthOfFile(byteLength, pathname) {
+  // We have to read the file into memory to get its UTF-8 length, so don't
+  // bother for files that are too large for us to edit anyway.
+  if (byteLength > core.Blob.MAX_EDITABLE_BYTE_LENGTH_BOUND) {
+    return null
+  }
+
+  // We need to check if the file contains nonBmp or null characters
+  let data = await fs.promises.readFile(pathname)
+  if (!isValidUtf8(data)) return null
+  data = data.toString()
+  if (data.length > core.TextOperation.MAX_STRING_LENGTH) return null
+  if (core.util.containsNonBmpChars(data)) return null
+  if (data.indexOf('\x00') !== -1) return null
+  return data.length
+}
+
+class RecoveryBlobStore {
+  constructor(historyId, tmp) {
+    this.historyId = historyId
+    this.tmp = tmp
+    this.blobs = new Map()
+  }
+
+  async fetchBlobs(blobHashes) {
+    for await (const blobHash of blobHashes) {
+      await this.fetchBlob(blobHash)
+    }
+  }
+
+  async fetchBlob(hash) {
+    if (this.blobs.has(hash)) return
+
+    if (VERBOSE) console.log('fetching blob', hash)
+
+    const bucketName = config.get('blobStore.projectBucket')
+    const storage = new Storage()
+    const [files] = await storage.bucket(bucketName).getFiles({
+      prefix: this.makeProjectBlobKey(hash),
+      versions: true,
+    })
+
+    const destination = this.getBlobPathname(hash)
+
+    if (files.length === 0) {
+      await this.fetchGlobalBlob(hash, destination)
+    } else if (files.length === 1) {
+      await files[0].download({ destination })
+    } else {
+      throw new Error('Multiple versions of blob ' + hash)
+    }
+
+    this.blobs.set(hash, await this.makeBlob(hash, destination))
+  }
+
+  async fetchGlobalBlob(hash, destination) {
+    const bucketName = config.get('blobStore.globalBucket')
+    const storage = new Storage()
+    const file = storage.bucket(bucketName).file(this.makeGlobalBlobKey(hash))
+    await file.download({ destination })
+  }
+
+  async makeBlob(hash, pathname) {
+    const stat = await fs.promises.stat(pathname)
+    const byteLength = stat.size
+    const stringLength = await getStringLengthOfFile(byteLength, pathname)
+    return new core.Blob(hash, byteLength, stringLength)
+  }
+
+  async getString(hash) {
+    const stream = await this.getStream(hash)
+    const buffer = await streams.readStreamToBuffer(stream)
+    return buffer.toString()
+  }
+
+  async getStream(hash) {
+    return fs.createReadStream(this.getBlobPathname(hash))
+  }
+
+  async getBlob(hash) {
+    return this.blobs.get(hash)
+  }
+
+  getBlobPathname(hash) {
+    return path.join(this.tmp, hash)
+  }
+
+  makeGlobalBlobKey(hash) {
+    return `${hash.slice(0, 2)}/${hash.slice(2, 4)}/${hash.slice(4)}`
+  }
+
+  makeProjectBlobKey(hash) {
+    return `${projectKey.format(this.historyId)}/${hash.slice(
+      0,
+      2
+    )}/${hash.slice(2)}`
+  }
+}
+
+async function uploadZip(historyId, zipPathname) {
+  const bucketName = config.get('zipStore.bucket')
+  const deadline = 24 * 3600 * 1000 // lifecycle limit on the zips bucket
+  const storage = new Storage()
+  const destination = `${historyId}-recovered.zip`
+  await storage.bucket(bucketName).upload(zipPathname, { destination })
+
+  const signedUrls = await storage
+    .bucket(bucketName)
+    .file(destination)
+    .getSignedUrl({
+      version: 'v4',
+      action: 'read',
+      expires: Date.now() + deadline,
+    })
+
+  return signedUrls[0]
+}
+
+async function restoreProject(historyId) {
+  const tmp = await fs.promises.mkdtemp(
+    path.join(os.tmpdir(), historyId.toString())
+  )
+  if (VERBOSE) console.log('recovering', historyId, 'in', tmp)
+
+  const latestJsonPathname = await downloadLatestChunk(tmp, historyId)
+  const blobStore = new RecoveryBlobStore(historyId, tmp)
+  const chunk = await loadChunk(latestJsonPathname, blobStore)
+
+  const snapshot = chunk.getSnapshot()
+  for (const change of chunk.getChanges()) {
+    change.applyTo(snapshot)
+  }
+
+  if (VERBOSE) console.log('zipping', historyId)
+
+  const zipPathname = path.join(tmp, `${historyId}.zip`)
+  const zipTimeoutMs = 60 * 1000
+  const archive = new ProjectArchive(snapshot, zipTimeoutMs)
+  await archive.writeZip(blobStore, zipPathname)
+
+  if (VERBOSE) console.log('uploading', historyId)
+
+  return await uploadZip(historyId, zipPathname)
+}
+
+async function main() {
+  for (const historyId of HISTORY_IDS) {
+    const signedUrl = await restoreProject(historyId)
+    console.log(signedUrl)
+  }
+}
+main().catch(console.error)
diff --git a/services/history-v1/storage/scripts/redis.mjs b/services/history-v1/storage/scripts/redis.mjs
new file mode 100644
index 0000000..ce9a398
--- /dev/null
+++ b/services/history-v1/storage/scripts/redis.mjs
@@ -0,0 +1,36 @@
+import redis from '@overleaf/redis-wrapper'
+import config from 'config'
+
+// Get allowed Redis dbs from config
+const redisConfig = config.get('redis')
+const allowedDbs = Object.keys(redisConfig)
+
+// Get the Redis db from command line argument or use the first available db as default
+const db = process.argv[2]
+
+// Validate redis db
+if (!allowedDbs.includes(db)) {
+  if (db) {
+    console.error('Invalid redis db:', db)
+  }
+  console.error(`Usage: node redis.mjs [${allowedDbs.join('|')}]`)
+  process.exit(1)
+}
+
+// Get redis options based on command line argument
+const redisOptions = config.get(`redis.${db}`)
+console.log('Using redis db:', db)
+console.log('REDIS CONFIG', {
+  ...redisOptions,
+  password: '*'.repeat(redisOptions.password?.length),
+})
+const rclient = redis.createClient(redisOptions)
+
+try {
+  await rclient.healthCheck()
+  console.log('REDIS HEALTHCHECK SUCCEEDED')
+} catch (error) {
+  console.error('REDIS HEALTHCHECK FAILED', error)
+} finally {
+  await rclient.quit()
+}
diff --git a/services/history-v1/storage/scripts/remove_backed_up_blobs.mjs b/services/history-v1/storage/scripts/remove_backed_up_blobs.mjs
new file mode 100644
index 0000000..0fa7201
--- /dev/null
+++ b/services/history-v1/storage/scripts/remove_backed_up_blobs.mjs
@@ -0,0 +1,104 @@
+// @ts-check
+import { readFileSync } from 'node:fs'
+import commandLineArgs from 'command-line-args'
+import { client } from '../lib/mongodb.js'
+import {
+  getBackedUpBlobHashes,
+  unsetBackedUpBlobHashes,
+} from '../lib/backup_store/index.js'
+
+let gracefulShutdownInitiated = false
+
+// Parse command line arguments
+const args = commandLineArgs([
+  { name: 'input', type: String, alias: 'i', defaultOption: true },
+  { name: 'commit', type: Boolean, default: false },
+])
+
+if (!args.input) {
+  console.error(
+    'Usage: node remove_backed_up_blobs.mjs --input <csv-file> [--commit]'
+  )
+  process.exit(1)
+}
+
+if (!args.commit) {
+  console.log('Running in dry-run mode. Use --commit to apply changes.')
+}
+
+// Signal handling
+process.on('SIGINT', handleSignal)
+process.on('SIGTERM', handleSignal)
+
+function handleSignal() {
+  console.warn('Graceful shutdown initiated')
+  gracefulShutdownInitiated = true
+}
+
+// Process CSV and remove blobs
+async function main() {
+  const projectBlobs = new Map()
+  const lines = readFileSync(args.input, 'utf8').split('\n')
+  const SHA1_HEX_REGEX = /^[a-f0-9]{40}$/
+
+  // Skip header
+  for (const line of lines.slice(1)) {
+    if (!line.trim() || gracefulShutdownInitiated) break
+
+    const [projectId, path] = line.split(',')
+    const pathParts = path.split('/')
+    const hash = pathParts[3] + pathParts[4]
+
+    if (!SHA1_HEX_REGEX.test(hash)) {
+      console.warn(`Invalid SHA1 hash for project ${projectId}: ${hash}`)
+      continue
+    }
+
+    if (!projectBlobs.has(projectId)) {
+      projectBlobs.set(projectId, new Set())
+    }
+    projectBlobs.get(projectId).add(hash)
+  }
+
+  // Process each project
+  for (const [projectId, hashes] of projectBlobs) {
+    if (gracefulShutdownInitiated) break
+
+    if (!args.commit) {
+      console.log(
+        `DRY-RUN: would remove ${hashes.size} blobs from project ${projectId}`
+      )
+      continue
+    }
+
+    try {
+      const originalHashes = await getBackedUpBlobHashes(projectId)
+      if (originalHashes.size === 0) {
+        continue
+      }
+      const result = await unsetBackedUpBlobHashes(
+        projectId,
+        Array.from(hashes)
+      )
+      if (result) {
+        console.log(
+          `Project ${projectId}: want to remove ${hashes.size}, removed ${originalHashes.size - result.blobs.length}, ${result.blobs.length} remaining`
+        )
+      }
+    } catch (err) {
+      console.error(`Error updating project ${projectId}:`, err)
+    }
+  }
+}
+
+// Run the script
+main()
+  .catch(err => {
+    console.error('Fatal error:', err)
+    process.exitCode = 1
+  })
+  .finally(() => {
+    client
+      .close()
+      .catch(err => console.error('Error closing MongoDB connection:', err))
+  })
diff --git a/services/history-v1/storage/scripts/remove_backup_blobs_from_wrong_path.mjs b/services/history-v1/storage/scripts/remove_backup_blobs_from_wrong_path.mjs
new file mode 100644
index 0000000..119da2f
--- /dev/null
+++ b/services/history-v1/storage/scripts/remove_backup_blobs_from_wrong_path.mjs
@@ -0,0 +1,221 @@
+// @ts-check
+
+/**
+ * This script is used to remove blobs that have been backed up under the project ID
+ * instead of the history ID (where those are different).
+ *
+ * This script reads a CSV file with the following format:
+ * ```
+ * project_id,hash
+ * <mongo ID>,<hash>
+ * ```
+ *
+ * The header row is optional. All rows will be checked for conformance to the format.
+ */
+
+import commandLineArgs from 'command-line-args'
+import { backupPersistor, projectBlobsBucket } from '../lib/backupPersistor.mjs'
+import { makeProjectKey } from '../lib/blob_store/index.js'
+import fs from 'node:fs'
+import assert from '../lib/assert.js'
+import { client } from '../lib/mongodb.js'
+import { verifyBlobs } from '../lib/backupVerifier.mjs'
+import { setTimeout } from 'node:timers/promises'
+import { getHistoryId } from '../lib/backup_store/index.js'
+
+const argsSchema = [
+  {
+    name: 'input',
+    type: String,
+  },
+  {
+    name: 'commit',
+    type: Boolean,
+  },
+  {
+    name: 'header',
+    type: Boolean,
+  },
+  {
+    name: 'force',
+    type: Boolean,
+  },
+  {
+    name: 'verbose',
+    type: Boolean,
+  },
+]
+
+const args = commandLineArgs(argsSchema)
+
+async function gracefulClose(code = 0) {
+  await client.close()
+  process.exit(code)
+}
+
+/**
+ *
+ * @param {(value: unknown) => void} fn
+ * @param {unknown} value
+ * @return {boolean}
+ */
+function not(fn, value) {
+  try {
+    fn(value)
+    return false
+  } catch {
+    return true
+  }
+}
+
+/**
+ *
+ * @param {string} row
+ * @return {{projectId: string, hash: string}}
+ */
+function parseCSVRow(row) {
+  const [projectId, hash] = row.split(',')
+  assert.mongoId(projectId, `invalid projectId ${projectId}`)
+  assert.blobHash(hash, `invalid hash ${hash}`)
+  return { projectId, hash }
+}
+
+/**
+ *
+ * @param {string} path
+ * @param {boolean} hasHeader
+ * @return {AsyncGenerator<{projectId: string, hash: string}, void, *>}
+ */
+async function* readCSV(path, hasHeader) {
+  let seenHeader = !hasHeader
+  let fh
+  try {
+    fh = await fs.promises.open(path, 'r')
+  } catch (error) {
+    console.error(`Could not open file: ${error}`)
+    return await gracefulClose(1)
+  }
+  for await (const line of fh.readLines()) {
+    if (!seenHeader) {
+      const [first, second] = line.split(',')
+      const noDataInHeader =
+        not(assert.mongoId, first) && not(assert.blobHash, second)
+      if (!noDataInHeader) {
+        console.error('Data found in header row')
+        return await gracefulClose(1)
+      }
+      seenHeader = true
+      continue
+    }
+    try {
+      yield parseCSVRow(line)
+    } catch (error) {
+      console.error(error instanceof Error ? error.message : error)
+      console.info(`Skipping invalid row: ${line}`)
+    }
+  }
+}
+
+function usage() {
+  console.info(
+    'Usage: remove_blobs_from_backup.mjs --input <path> [--commit] [--header] [--force] [--verbose]'
+  )
+}
+
+if (!args.input) {
+  console.error('--input was missing')
+  usage()
+  await gracefulClose(1)
+}
+
+/**
+ *
+ * @param {string} projectId
+ * @param {string} hash
+ * @return {Promise<void>}
+ */
+async function deleteBlob(projectId, hash) {
+  const path = makeProjectKey(projectId, hash)
+  if (args.commit) {
+    await backupPersistor.deleteObject(projectBlobsBucket, path)
+  } else {
+    console.log(`DELETE: ${path}`)
+  }
+}
+
+/**
+ *
+ * @param {string} projectId
+ * @param {string} hash
+ * @return {Promise<void>}
+ */
+async function canDeleteBlob(projectId, hash) {
+  let historyId
+  try {
+    historyId = await getHistoryId(projectId)
+  } catch (error) {
+    if (args.verbose) {
+      console.error(error)
+    }
+    throw new Error(`No history ID found for project ${projectId}, skipping`)
+  }
+  if (historyId === projectId) {
+    throw new Error(
+      `Project ID and history ID are the same for ${projectId} - use --force to delete anyway`
+    )
+  }
+
+  // TODO: fix assert.postgresId to handle integers better and then stop coercing to string below
+  assert.postgresId(
+    `${historyId}`,
+    `History ID ${historyId} does not appear to be for a postgres project`
+  )
+
+  try {
+    await verifyBlobs(`${historyId}`, [hash])
+  } catch (error) {
+    if (args.verbose) {
+      console.error(error)
+    }
+    throw new Error(
+      `Blob ${hash} is not backed up for project ${projectId} - use --force to delete anyway`
+    )
+  }
+}
+
+if (!args.commit) {
+  console.log('DRY RUN: provide --commit to perform operations')
+}
+
+if (args.force) {
+  console.log(
+    'WARNING: --force is enabled, blobs will be deleted regardless of backup status'
+  )
+  await setTimeout(5_000)
+}
+
+let deleted = 0
+let errors = 0
+
+for await (const { projectId, hash } of readCSV(args.input, args.header)) {
+  if (!args.force) {
+    try {
+      await canDeleteBlob(projectId, hash)
+    } catch (error) {
+      console.error(error instanceof Error ? error.message : error)
+      continue
+    }
+  }
+  try {
+    await deleteBlob(projectId, hash)
+    deleted++
+  } catch (error) {
+    errors++
+    console.error(error)
+  }
+}
+
+console.log(`Deleted: ${deleted}`)
+console.log(`Errors: ${errors}`)
+
+await gracefulClose()
diff --git a/services/history-v1/storage/scripts/show.mjs b/services/history-v1/storage/scripts/show.mjs
new file mode 100644
index 0000000..b4ae166
--- /dev/null
+++ b/services/history-v1/storage/scripts/show.mjs
@@ -0,0 +1,254 @@
+import commandLineArgs from 'command-line-args'
+import {
+  loadAtVersion,
+  getChunkMetadataForVersion,
+  getProjectChunksFromVersion,
+} from '../lib/chunk_store/index.js'
+import { client } from '../lib/mongodb.js'
+import knex from '../lib/knex.js'
+import redis from '../lib/redis.js'
+import {
+  loadGlobalBlobs,
+  BlobStore,
+  makeProjectKey,
+} from '../lib/blob_store/index.js'
+import { TextDecoder } from 'node:util'
+import {
+  backupPersistor,
+  chunksBucket,
+  projectBlobsBucket,
+} from '../lib/backupPersistor.mjs'
+import fs from 'node:fs'
+import { pipeline } from 'node:stream/promises'
+import os from 'node:os'
+import path from 'node:path'
+import { createHash } from 'node:crypto'
+import projectKey from '../lib/project_key.js'
+import { createGunzip } from 'node:zlib'
+import { text } from 'node:stream/consumers'
+
+const optionDefinitions = [
+  { name: 'historyId', alias: 'p', type: String },
+  { name: 'version', alias: 'v', type: Number },
+  { name: 'blob', alias: 'b', type: String },
+  { name: 'remote', alias: 'r', type: Boolean },
+  { name: 'keep', alias: 'k', type: Boolean },
+]
+
+function makeChunkKey(projectId, startVersion) {
+  return path.join(projectKey.format(projectId), projectKey.pad(startVersion))
+}
+
+async function listChunks(historyId) {
+  for await (const chunkRecord of getProjectChunksFromVersion(historyId, 0)) {
+    console.log('Chunk record:', chunkRecord)
+  }
+}
+
+async function fetchChunkLocal(historyId, version) {
+  const chunkRecord = await getChunkMetadataForVersion(historyId, version)
+  const chunk = await loadAtVersion(historyId, version)
+  return { key: version, chunk, metadata: chunkRecord, source: 'local storage' }
+}
+
+async function fetchChunkRemote(historyId, version) {
+  const chunkRecord = await getChunkMetadataForVersion(historyId, version)
+  const startVersion = chunkRecord.startVersion
+  const key = makeChunkKey(historyId, startVersion)
+  const backupPersistorForProject = await backupPersistor.forProject(
+    chunksBucket,
+    key
+  )
+  const backupChunkStream = await backupPersistorForProject.getObjectStream(
+    chunksBucket,
+    key
+  )
+  const backupStr = await text(backupChunkStream.pipe(createGunzip()))
+  return {
+    key,
+    chunk: JSON.parse(backupStr),
+    metadata: chunkRecord,
+    source: 'remote backup',
+  }
+}
+
+async function displayChunk(historyId, version, options) {
+  const { key, chunk, metadata, source } = await (options.remote
+    ? fetchChunkRemote(historyId, version)
+    : fetchChunkLocal(historyId, version))
+  console.log('Source:', source)
+  console.log('Chunk record', metadata)
+  console.log('Key', key)
+  // console.log('Number of changes', chunk.getChanges().length)
+  console.log(JSON.stringify(chunk))
+}
+
+async function fetchBlobRemote(historyId, blobHash) {
+  const backupPersistorForProject = await backupPersistor.forProject(
+    projectBlobsBucket,
+    makeProjectKey(historyId, '')
+  )
+  const blobKey = makeProjectKey(historyId, blobHash)
+  return {
+    stream: await backupPersistorForProject.getObjectStream(
+      projectBlobsBucket,
+      blobKey,
+      { autoGunzip: true }
+    ),
+    metadata: { hash: blobHash },
+    source: 'remote backup',
+  }
+}
+
+async function fetchBlobLocal(historyId, blobHash) {
+  const blobStore = new BlobStore(historyId)
+  const blob = await blobStore.getBlob(blobHash)
+  if (!blob) throw new Error(`Blob ${blobHash} not found`)
+  return {
+    stream: await blobStore.getStream(blobHash),
+    metadata: blob,
+    source: 'local storage',
+  }
+}
+
+async function displayBlobContent(filepath, metadata, source, blobHash) {
+  console.log('Source:', source)
+  console.log('Blob metadata:', metadata)
+
+  // Compute git hash using streaming
+  const stat = fs.statSync(filepath)
+  const header = `blob ${stat.size}\0`
+  const hash = createHash('sha1')
+  hash.update(header)
+
+  const hashStream = fs.createReadStream(filepath)
+  for await (const chunk of hashStream) {
+    hash.update(chunk)
+  }
+  const gitHash = hash.digest('hex')
+
+  // Check content type and display preview
+  const fd = fs.openSync(filepath, 'r')
+  try {
+    const headBuf = Buffer.alloc(16)
+    const tailBuf = Buffer.alloc(16)
+
+    try {
+      // Stream through TextDecoderStream to check for valid UTF-8
+      const textStream = fs.createReadStream(filepath)
+      const decoder = new TextDecoder('utf-8', { fatal: true })
+      for await (const chunk of textStream) {
+        decoder.decode(chunk, { stream: true })
+      }
+      decoder.decode()
+      // If we get here, it's valid UTF-8
+      if (stat.size <= 1024) {
+        console.log('Content (text):', await fs.readFileSync(filepath, 'utf8'))
+      } else {
+        console.log('Content (text, truncated):')
+        console.log(`  Length: ${stat.size} bytes`)
+        fs.readSync(fd, headBuf, 0, 16, 0)
+        fs.readSync(fd, tailBuf, 0, 16, stat.size - 16)
+        console.log(
+          '  Content:',
+          headBuf.toString('utf8') +
+            ' ...(truncated)... ' +
+            tailBuf.toString('utf8')
+        )
+      }
+    } catch (e) {
+      // Binary content - show head and tail
+      console.log('Content (binary):')
+      console.log(`  Length: ${stat.size} bytes`)
+
+      if (stat.size <= 32) {
+        // Small file - read it all
+        const buf = Buffer.alloc(stat.size)
+        fs.readSync(fd, buf, 0, stat.size, 0)
+        const hexBytes = buf.toString('hex').match(/../g).join(' ')
+        console.log('  Bytes:', hexBytes)
+      } else {
+        // Read tail for large files
+        fs.readSync(fd, headBuf, 0, 16, 0)
+        fs.readSync(fd, tailBuf, 0, 16, stat.size - 16)
+        const headHex = headBuf.toString('hex').match(/../g).join(' ')
+        const tailHex = tailBuf.toString('hex').match(/../g).join(' ')
+        console.log('  Bytes:', headHex + ' ... ' + tailHex)
+      }
+      console.log('  Git-style SHA1:', gitHash)
+      if (gitHash !== blobHash) {
+        console.log('  Warning: Git hash differs from blob hash!\x1b[0m')
+        console.log('  Blob hash:', blobHash)
+      }
+    }
+  } finally {
+    fs.closeSync(fd)
+  }
+}
+
+async function withTempDir(prefix, fn, options = {}) {
+  const tmpDir = fs.mkdtempSync(path.join(os.tmpdir(), prefix))
+  try {
+    return await Promise.resolve(fn(tmpDir))
+  } finally {
+    if (!options.keep) {
+      fs.rmSync(tmpDir, { recursive: true, force: true })
+    } else {
+      console.log('Keeping temporary file:', path.join(tmpDir, 'blob'))
+    }
+  }
+}
+
+async function displayBlob(historyId, blobHash, options) {
+  try {
+    const { stream, metadata, source } = await (options.remote
+      ? fetchBlobRemote(historyId, blobHash)
+      : fetchBlobLocal(historyId, blobHash))
+
+    await withTempDir(
+      'blob-show-',
+      async tmpDir => {
+        const tmpPath = path.join(tmpDir, 'blob')
+        await pipeline(stream, fs.createWriteStream(tmpPath))
+        await displayBlobContent(tmpPath, metadata, source, blobHash)
+      },
+      { keep: options.keep }
+    )
+  } catch (err) {
+    if (err.code === 'NoSuchKey') {
+      throw new Error(`Blob ${blobHash} not found in backup`)
+    }
+    throw err
+  }
+}
+
+async function main() {
+  const { historyId, version, blob, remote, keep } =
+    commandLineArgs(optionDefinitions)
+  if (!historyId) {
+    console.error('Error: --historyId is required.')
+    process.exit(1)
+  }
+  await loadGlobalBlobs()
+  if (version != null) {
+    await displayChunk(historyId, version, { remote })
+  } else if (blob != null) {
+    await displayBlob(historyId, blob, { remote, keep })
+  } else {
+    await listChunks(historyId)
+  }
+}
+
+main()
+  .then(() => console.log('Done.'))
+  .catch(err => {
+    console.error('Error:', err)
+    process.exit(1)
+  })
+  .finally(() => {
+    knex.destroy().catch(err => console.error('Error closing Postgres:', err))
+    client.close().catch(err => console.error('Error closing MongoDB:', err))
+    redis
+      .disconnect()
+      .catch(err => console.error('Error disconnecting Redis:', err))
+  })
diff --git a/services/history-v1/storage/scripts/verify_backed_up_blobs.mjs b/services/history-v1/storage/scripts/verify_backed_up_blobs.mjs
new file mode 100644
index 0000000..257238a
--- /dev/null
+++ b/services/history-v1/storage/scripts/verify_backed_up_blobs.mjs
@@ -0,0 +1,153 @@
+// @ts-check
+import { ObjectId } from 'mongodb'
+import knex from '../lib/knex.js'
+import {
+  batchedUpdate,
+  objectIdFromInput,
+  READ_PREFERENCE_SECONDARY,
+} from '@overleaf/mongo-utils/batchedUpdate.js'
+import {
+  GLOBAL_BLOBS,
+  loadGlobalBlobs,
+  makeProjectKey,
+} from '../lib/blob_store/index.js'
+import {
+  backedUpBlobs as backedUpBlobsCollection,
+  db,
+  client,
+} from '../lib/mongodb.js'
+import redis from '../lib/redis.js'
+import commandLineArgs from 'command-line-args'
+import fs from 'node:fs'
+
+const projectsCollection = db.collection('projects')
+
+// Enable caching for ObjectId.toString()
+ObjectId.cacheHexString = true
+
+function parseArgs() {
+  const PUBLIC_LAUNCH_DATE = new Date('2012-01-01T00:00:00Z')
+  const args = commandLineArgs([
+    {
+      name: 'BATCH_RANGE_START',
+      type: String,
+      defaultValue: PUBLIC_LAUNCH_DATE.toISOString(),
+    },
+    {
+      name: 'BATCH_RANGE_END',
+      type: String,
+      defaultValue: new Date().toISOString(),
+    },
+    {
+      name: 'output',
+      type: String,
+      alias: 'o',
+    },
+  ])
+  const BATCH_RANGE_START = objectIdFromInput(
+    args['BATCH_RANGE_START']
+  ).toString()
+  const BATCH_RANGE_END = objectIdFromInput(args['BATCH_RANGE_END']).toString()
+  if (!args['output']) {
+    throw new Error('missing --output')
+  }
+  const OUTPUT_STREAM = fs.createWriteStream(args['output'])
+
+  return {
+    BATCH_RANGE_START,
+    BATCH_RANGE_END,
+    OUTPUT_STREAM,
+  }
+}
+
+const { BATCH_RANGE_START, BATCH_RANGE_END, OUTPUT_STREAM } = parseArgs()
+
+// We need to handle the start and end differently as ids of deleted projects are created at time of deletion.
+if (process.env.BATCH_RANGE_START || process.env.BATCH_RANGE_END) {
+  throw new Error('use --BATCH_RANGE_START and --BATCH_RANGE_END')
+}
+
+let gracefulShutdownInitiated = false
+
+process.on('SIGINT', handleSignal)
+process.on('SIGTERM', handleSignal)
+
+function handleSignal() {
+  gracefulShutdownInitiated = true
+  console.warn('graceful shutdown initiated, draining queue')
+}
+
+async function processBatch(batch) {
+  if (gracefulShutdownInitiated) {
+    throw new Error('graceful shutdown: aborting batch processing')
+  }
+
+  const N = batch.length
+  const firstId = batch[0]._id
+  const lastId = batch[N - 1]._id
+  const projectCursor = await projectsCollection.find(
+    { _id: { $gte: firstId, $lte: lastId } },
+    {
+      projection: { _id: 1, 'overleaf.history.id': 1, lastUpdated: 1 },
+      readPreference: READ_PREFERENCE_SECONDARY,
+    }
+  )
+  const projectMap = new Map()
+  for await (const project of projectCursor) {
+    projectMap.set(project._id.toString(), project)
+  }
+  for (const project of batch) {
+    const projectId = project._id.toString()
+    const projectRecord = projectMap.get(projectId)
+    if (!projectRecord) {
+      console.error(`project not found: ${projectId}`)
+      continue
+    }
+    if (!projectRecord.overleaf?.history?.id) {
+      console.error(`project missing history: ${projectId}`)
+      continue
+    }
+    const historyId = projectRecord.overleaf.history.id.toString()
+    const prefix = `${projectId},${projectRecord.lastUpdated.toISOString()},`
+    const hashes = project.blobs.map(blob => blob.toString('hex'))
+    const projectBlobHashes = hashes.filter(hash => !GLOBAL_BLOBS.has(hash))
+    if (projectBlobHashes.length < hashes.length) {
+      console.warn(
+        `project ${projectId} has ${hashes.length - projectBlobHashes.length} global blobs`
+      )
+    }
+    const rows = projectBlobHashes.map(
+      hash => prefix + makeProjectKey(historyId, hash) + '\n'
+    )
+    OUTPUT_STREAM.write(rows.join(''))
+  }
+}
+
+async function main() {
+  await loadGlobalBlobs()
+  OUTPUT_STREAM.write('projectId,lastUpdated,path\n')
+  await batchedUpdate(
+    backedUpBlobsCollection,
+    {},
+    processBatch,
+    {},
+    {},
+    { BATCH_RANGE_START, BATCH_RANGE_END }
+  )
+}
+
+main()
+  .then(() => console.log('Done.'))
+  .catch(err => {
+    console.error('Error:', err)
+    process.exitCode = 1
+  })
+  .finally(() => {
+    knex.destroy().catch(err => {
+      console.error('Error closing Postgres connection:', err)
+    })
+    client.close().catch(err => console.error('Error closing MongoDB:', err))
+    redis.disconnect().catch(err => {
+      console.error('Error disconnecting Redis:', err)
+    })
+  })
diff --git a/services/history-v1/storage/scripts/verify_backup_blob.mjs b/services/history-v1/storage/scripts/verify_backup_blob.mjs
new file mode 100644
index 0000000..504f907
--- /dev/null
+++ b/services/history-v1/storage/scripts/verify_backup_blob.mjs
@@ -0,0 +1,21 @@
+import logger from '@overleaf/logger'
+import commandLineArgs from 'command-line-args'
+import { verifyBlobs } from '../lib/backupVerifier.mjs'
+
+const { historyId, hashes } = commandLineArgs([
+  { name: 'historyId', type: String },
+  { name: 'hashes', type: String, multiple: true, defaultOption: true },
+])
+
+if (hashes.length === 0) {
+  throw new Error('missing --hashes flag')
+}
+
+try {
+  await verifyBlobs(historyId, hashes)
+  console.log('OK')
+  process.exit(0)
+} catch (err) {
+  logger.err({ err }, 'failed to verify blob')
+  process.exit(1)
+}
diff --git a/services/history-v1/storage/scripts/verify_blob_backed_up_by_path_bulk.mjs b/services/history-v1/storage/scripts/verify_blob_backed_up_by_path_bulk.mjs
new file mode 100644
index 0000000..c699b61
--- /dev/null
+++ b/services/history-v1/storage/scripts/verify_blob_backed_up_by_path_bulk.mjs
@@ -0,0 +1,177 @@
+import fs from 'node:fs'
+import { makeProjectKey } from '../lib/blob_store/index.js'
+import { backupPersistor, projectBlobsBucket } from '../lib/backupPersistor.mjs'
+import { NotFoundError } from '@overleaf/object-persistor/src/Errors.js'
+import commandLineArgs from 'command-line-args'
+import OError from '@overleaf/o-error'
+import assert from '../lib/assert.js'
+import { client, projects } from '../lib/mongodb.js'
+import { ObjectId } from 'mongodb'
+import { setTimeout } from 'node:timers/promises'
+
+const { input, verbose } = commandLineArgs([
+  { name: 'input', type: String },
+  { name: 'verbose', type: Boolean, defaultValue: false },
+])
+
+function parseCSVRow(row) {
+  const [path] = row.split(',')
+  const pathSegments = path.split('/')
+  const historyId = `${pathSegments[0]}${pathSegments[1]}${pathSegments[2]}`
+    .split('')
+    .reverse()
+    .join('')
+
+  return { historyId, path, hash: `${pathSegments[3]}${pathSegments[4]}` }
+}
+
+async function* readCSV(path) {
+  let fh
+  try {
+    fh = await fs.promises.open(path, 'r')
+  } catch (error) {
+    console.error(`Could not open file: ${error}`)
+    throw error
+  }
+  for await (const line of fh.readLines()) {
+    try {
+      const row = parseCSVRow(line)
+      yield row
+    } catch (error) {
+      console.error(error instanceof Error ? error.message : error)
+      console.log(`Skipping invalid row: ${line}`)
+    }
+  }
+}
+
+class MissingDEKError extends OError {}
+class InvalidHistoryIdError extends OError {}
+class MissingProjectError extends OError {}
+class MissingBlobError extends OError {}
+
+async function getProjectPersistor(historyId) {
+  try {
+    return await backupPersistor.forProjectRO(
+      projectBlobsBucket,
+      makeProjectKey(historyId, '')
+    )
+  } catch (err) {
+    if (err instanceof NotFoundError) {
+      throw new MissingDEKError('dek does not exist', { historyId }, err)
+    }
+    throw err
+  }
+}
+
+async function checkBlobExists(path, historyId) {
+  const persistor = await getProjectPersistor(historyId)
+  return await persistor.getObjectSize(projectBlobsBucket, path)
+}
+
+let total = 0
+const errors = {
+  invalidProjectId: 0,
+  notBackedUpProjectId: 0,
+  missingBlob: 0,
+  notInMongo: 0,
+  unknown: 0,
+}
+
+const notInMongoProjectIds = new Set()
+const notBackedUpProjectIds = new Set()
+
+let stopping = false
+
+process.on('SIGTERM', () => {
+  console.log('SIGTERM received')
+  stopping = true
+})
+
+process.on('SIGINT', () => {
+  console.log('SIGINT received')
+  stopping = true
+})
+
+/**
+ *
+ * @param {string} historyId
+ * @param {string} path
+ * @param {string} hash
+ * @return {Promise<void>}
+ */
+async function checkPath(historyId, path, hash) {
+  try {
+    assert.mongoId(historyId)
+  } catch (error) {
+    throw InvalidHistoryIdError('invalid history id', { historyId })
+  }
+  if (notInMongoProjectIds.has(historyId)) {
+    throw new MissingProjectError('project not in mongo', { historyId })
+  }
+  if (notBackedUpProjectIds.has(historyId)) {
+    throw new MissingDEKError('project not backed up', { historyId })
+  }
+
+  const project = await projects.findOne({ _id: new ObjectId(historyId) })
+  if (!project) {
+    notInMongoProjectIds.add(historyId)
+    throw new MissingProjectError('project not in mongo', { historyId })
+  }
+  try {
+    await checkBlobExists(path, historyId)
+  } catch (error) {
+    if (error instanceof NotFoundError) {
+      throw new MissingBlobError('missing blob', { historyId, hash })
+    }
+    if (error instanceof MissingDEKError) {
+      notBackedUpProjectIds.add(historyId)
+    }
+    throw error
+  }
+}
+
+for await (const line of readCSV(input)) {
+  if (stopping) break
+  total++
+  if (total % 10_000 === 0) {
+    console.log(`checked ${total}`)
+  }
+  const { historyId, path, hash } = line
+  try {
+    await checkPath(historyId, path, hash)
+    if (verbose) {
+      console.log(`✓ Project ${historyId} has ${hash} backed up`)
+    }
+  } catch (error) {
+    if (error instanceof InvalidHistoryIdError) {
+      errors.invalidProjectId++
+      console.warn(`invalid historyId ${historyId}`)
+      continue
+    } else if (error instanceof MissingProjectError) {
+      errors.notInMongo++
+      console.warn(`✗ project ${historyId} not in mongo`)
+      continue
+    } else if (error instanceof MissingDEKError) {
+      errors.notBackedUpProjectId++
+      console.error(`✗ Project DEK ${historyId} not found`)
+      continue
+    } else if (error instanceof MissingBlobError) {
+      errors.missingBlob++
+      console.error(`✗ missing blob ${hash} from project ${historyId}`)
+      continue
+    }
+    errors.unknown++
+    console.error(error)
+  }
+}
+
+console.log(`total checked: ${total}`)
+console.log(`invalid project id: ${errors.invalidProjectId}`)
+console.log(`not found in mongo: ${errors.notInMongo}`)
+console.log(`missing blob: ${errors.missingBlob}`)
+console.log(`project not backed up: ${errors.notBackedUpProjectId}`)
+console.log(`unknown errors: ${errors.unknown}`)
+
+await client.close()
+await setTimeout(100)
+process.exit()
diff --git a/services/history-v1/storage/scripts/verify_project.mjs b/services/history-v1/storage/scripts/verify_project.mjs
new file mode 100644
index 0000000..3c26f9b
--- /dev/null
+++ b/services/history-v1/storage/scripts/verify_project.mjs
@@ -0,0 +1,35 @@
+import commandLineArgs from 'command-line-args'
+import { verifyProjectWithErrorContext } from '../lib/backupVerifier.mjs'
+import knex from '../lib/knex.js'
+import { client } from '../lib/mongodb.js'
+import redis from '../lib/redis.js'
+import { setTimeout } from 'node:timers/promises'
+import { loadGlobalBlobs } from '../lib/blob_store/index.js'
+
+const { historyId } = commandLineArgs([{ name: 'historyId', type: String }])
+
+async function gracefulShutdown(code = process.exitCode) {
+  await knex.destroy()
+  await client.close()
+  await redis.disconnect()
+  await setTimeout(1_000)
+  process.exit(code)
+}
+
+if (!historyId) {
+  console.error('missing --historyId')
+  process.exitCode = 1
+  await gracefulShutdown()
+}
+
+await loadGlobalBlobs()
+
+try {
+  await verifyProjectWithErrorContext(historyId)
+  console.log('OK')
+} catch (error) {
+  console.error('error verifying', error)
+  process.exitCode = 1
+} finally {
+  await gracefulShutdown()
+}
diff --git a/services/history-v1/storage/scripts/verify_sampled_projects.mjs b/services/history-v1/storage/scripts/verify_sampled_projects.mjs
new file mode 100644
index 0000000..a74a8b9
--- /dev/null
+++ b/services/history-v1/storage/scripts/verify_sampled_projects.mjs
@@ -0,0 +1,217 @@
+// @ts-check
+import commandLineArgs from 'command-line-args'
+import {
+  setWriteMetrics,
+  verifyProjectsCreatedInDateRange,
+  verifyRandomProjectSample,
+  verifyProjectsUpdatedInDateRange,
+} from '../../backupVerifier/ProjectVerifier.mjs'
+import knex from '../lib/knex.js'
+import { client } from '../lib/mongodb.js'
+import { setTimeout } from 'node:timers/promises'
+import logger from '@overleaf/logger'
+import { loadGlobalBlobs } from '../lib/blob_store/index.js'
+import { getDatesBeforeRPO } from '../../backupVerifier/utils.mjs'
+import { EventEmitter } from 'node:events'
+import { mongodb } from '../index.js'
+import redis from '../lib/redis.js'
+
+logger.logger.level('fatal')
+
+const usageMessage = [
+  'Usage: node verify_sampled_projects.mjs [--startDate <start>] [--endDate <end>] [--nProjects <n>] [--verbose] [--usage] [--writeMetrics] [--concurrency <n>] [--strategy <range|random>]',
+  'strategy: defaults to "range"; startDate and endDate are required for "range" strategy',
+].join('\n')
+
+/**
+ * Gracefully shutdown the process
+ * @param code
+ * @return {Promise<void>}
+ */
+async function gracefulShutdown(code = process.exitCode) {
+  await knex.destroy()
+  await client.close()
+  await redis.disconnect()
+  await setTimeout(1_000)
+  process.exit(code)
+}
+
+const STATS = {
+  verifiable: 0,
+  unverifiable: 0,
+}
+
+/**
+ * @typedef {Object} CLIOptions
+ * @property {(signal: EventEmitter) => Promise<VerificationJobStatus>} projectVerifier
+ * @property {boolean} verbose
+ */
+
+/**
+ * @typedef {import('../../backupVerifier/types.d.ts').VerificationJobStatus} VerificationJobStatus
+ */
+
+/**
+ *
+ * @return {CLIOptions}
+ */
+function getOptions() {
+  const {
+    startDate,
+    endDate,
+    concurrency,
+    writeMetrics,
+    verbose,
+    nProjects,
+    strategy,
+    usage,
+  } = commandLineArgs([
+    { name: 'startDate', type: String },
+    { name: 'endDate', type: String },
+    { name: 'concurrency', type: Number, defaultValue: 1 },
+    { name: 'verbose', type: Boolean, defaultValue: false },
+    { name: 'nProjects', type: Number, defaultValue: 10 },
+    { name: 'usage', type: Boolean, defaultValue: false },
+    { name: 'writeMetrics', type: Boolean, defaultValue: false },
+    { name: 'strategy', type: String, defaultValue: 'range' },
+  ])
+
+  if (usage) {
+    console.log(usageMessage)
+    process.exit(0)
+  }
+
+  if (!['range', 'random', 'recent'].includes(strategy)) {
+    throw new Error(`Invalid strategy: ${strategy}`)
+  }
+
+  setWriteMetrics(writeMetrics)
+
+  switch (strategy) {
+    case 'random':
+      console.log('Verifying random projects')
+      return {
+        verbose,
+        projectVerifier: signal => verifyRandomProjectSample(nProjects, signal),
+      }
+    case 'recent':
+      return {
+        verbose,
+        projectVerifier: async signal => {
+          const { startDate, endDate } = getDatesBeforeRPO(3 * 3600)
+          return await verifyProjectsUpdatedInDateRange(
+            startDate,
+            endDate,
+            nProjects,
+            signal
+          )
+        },
+      }
+    case 'range':
+    default: {
+      if (!startDate || !endDate) {
+        throw new Error(usageMessage)
+      }
+      const start = Date.parse(startDate)
+      const end = Date.parse(endDate)
+      if (Number.isNaN(start)) {
+        throw new Error(`Invalid start date: ${startDate}`)
+      }
+
+      if (Number.isNaN(end)) {
+        throw new Error(`Invalid end date: ${endDate}`)
+      }
+      if (verbose) {
+        console.log(`Verifying from ${startDate} to ${endDate}`)
+        console.log(`Concurrency: ${concurrency}`)
+      }
+      STATS.ranges = 0
+      return {
+        projectVerifier: signal =>
+          verifyProjectsCreatedInDateRange({
+            startDate: new Date(start),
+            endDate: new Date(end),
+            projectsPerRange: nProjects,
+            concurrency,
+            signal,
+          }),
+        verbose,
+      }
+    }
+  }
+}
+
+/**
+ * @type {CLIOptions}
+ */
+let options
+try {
+  options = getOptions()
+} catch (error) {
+  console.error(error)
+  process.exitCode = 1
+  await gracefulShutdown(1)
+  process.exit() // just here so the type checker knows that the process will exit
+}
+
+const { projectVerifier, verbose } = options
+
+if (verbose) {
+  logger.logger.level('debug')
+}
+
+/**
+ *
+ * @param {Array<string>} array
+ * @param {string} matchString
+ * @return {*}
+ */
+function sumStringInstances(array, matchString) {
+  return array.reduce((total, string) => {
+    return string === matchString ? total + 1 : total
+  }, 0)
+}
+
+/**
+ *
+ * @param {VerificationJobStatus} stats
+ */
+function displayStats(stats) {
+  console.log(`Verified projects: ${stats.verified}`)
+  console.log(`Total projects sampled: ${stats.total}`)
+  if (stats.errorTypes.length > 0) {
+    console.log('Errors:')
+    for (const error of new Set(stats.errorTypes)) {
+      console.log(`${error}: ${sumStringInstances(stats.errorTypes, error)}`)
+    }
+  }
+}
+
+const shutdownEmitter = new EventEmitter()
+
+shutdownEmitter.on('shutdown', async () => {
+  await gracefulShutdown()
+})
+
+process.on('SIGTERM', () => {
+  shutdownEmitter.emit('shutdown')
+})
+
+process.on('SIGINT', () => {
+  shutdownEmitter.emit('shutdown')
+})
+
+await loadGlobalBlobs()
+
+try {
+  const stats = await projectVerifier(shutdownEmitter)
+  displayStats(stats)
+  console.log(`completed`)
+} catch (error) {
+  console.error(error)
+  console.log('completed with errors')
+  process.exitCode = 1
+} finally {
+  console.log('shutting down')
+  await gracefulShutdown()
+}
diff --git a/services/history-v1/storage/tasks/backfill_start_version.js b/services/history-v1/storage/tasks/backfill_start_version.js
new file mode 100644
index 0000000..fd6d624
--- /dev/null
+++ b/services/history-v1/storage/tasks/backfill_start_version.js
@@ -0,0 +1,109 @@
+const commandLineArgs = require('command-line-args')
+const BPromise = require('bluebird')
+const timersPromises = require('node:timers/promises')
+
+const { knex, historyStore } = require('..')
+
+const MAX_POSTGRES_INTEGER = 2147483647
+const DEFAULT_BATCH_SIZE = 1000
+const DEFAULT_CONCURRENCY = 1
+const MAX_RETRIES = 10
+const RETRY_DELAY_MS = 5000
+
+async function main() {
+  const options = parseOptions()
+  let batchStart = options.minId
+  while (batchStart <= options.maxId) {
+    const chunks = await getChunks(batchStart, options.maxId, options.batchSize)
+    if (chunks.length === 0) {
+      // No results. We're done.
+      break
+    }
+    const batchEnd = chunks[chunks.length - 1].id
+    await processBatch(chunks, options)
+    console.log(`Processed chunks ${batchStart} to ${batchEnd}`)
+    batchStart = batchEnd + 1
+  }
+}
+
+function parseOptions() {
+  const args = commandLineArgs([
+    { name: 'min-id', type: Number, defaultValue: 1 },
+    {
+      name: 'max-id',
+      type: Number,
+      defaultValue: MAX_POSTGRES_INTEGER,
+    },
+    { name: 'batch-size', type: Number, defaultValue: DEFAULT_BATCH_SIZE },
+    { name: 'concurrency', type: Number, defaultValue: DEFAULT_CONCURRENCY },
+  ])
+  return {
+    minId: args['min-id'],
+    maxId: args['max-id'],
+    batchSize: args['batch-size'],
+    concurrency: args.concurrency,
+  }
+}
+
+async function getChunks(minId, maxId, batchSize) {
+  const chunks = await knex('chunks')
+    .where('id', '>=', minId)
+    .andWhere('id', '<=', maxId)
+    .orderBy('id')
+    .limit(batchSize)
+  return chunks
+}
+
+async function processBatch(chunks, options) {
+  let retries = 0
+  while (true) {
+    const results = await BPromise.map(chunks, processChunk, {
+      concurrency: options.concurrency,
+    })
+    const failedChunks = results
+      .filter(result => !result.success)
+      .map(result => result.chunk)
+    if (failedChunks.length === 0) {
+      // All chunks processed. Carry on.
+      break
+    }
+
+    // Some projects failed. Retry.
+    retries += 1
+    if (retries > MAX_RETRIES) {
+      console.log('Too many retries processing chunks. Giving up.')
+      process.exit(1)
+    }
+    console.log(
+      `Retrying chunks: ${failedChunks.map(chunk => chunk.id).join(', ')}`
+    )
+    await timersPromises.setTimeout(RETRY_DELAY_MS)
+    chunks = failedChunks
+  }
+}
+
+async function processChunk(chunk) {
+  try {
+    const rawHistory = await historyStore.loadRaw(
+      chunk.doc_id.toString(),
+      chunk.id
+    )
+    const startVersion = chunk.end_version - rawHistory.changes.length
+    await knex('chunks')
+      .where('id', chunk.id)
+      .update({ start_version: startVersion })
+    return { chunk, success: true }
+  } catch (err) {
+    console.error(`Failed to process chunk ${chunk.id}:`, err.stack)
+    return { chunk, success: false }
+  }
+}
+
+main()
+  .then(() => {
+    process.exit()
+  })
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
diff --git a/services/history-v1/storage/tasks/compress_changes.js b/services/history-v1/storage/tasks/compress_changes.js
new file mode 100644
index 0000000..9ae7ade
--- /dev/null
+++ b/services/history-v1/storage/tasks/compress_changes.js
@@ -0,0 +1,107 @@
+/**
+ * Compress changes for projects that have too many text operations.
+ *
+ * Usage:
+ *
+ *   node tasks/compress_changes.js CSV_FILE
+ *
+ * where CSV_FILE contains a list of project ids in the first column
+ */
+
+const fs = require('node:fs')
+const BPromise = require('bluebird')
+const { History } = require('overleaf-editor-core')
+const { historyStore, chunkStore } = require('..')
+
+const CONCURRENCY = 10
+
+async function main() {
+  const filename = process.argv[2]
+  const projectIds = await readCsv(filename)
+  const chunks = []
+  for (const projectId of projectIds) {
+    const chunkIds = await chunkStore.getProjectChunkIds(projectId)
+    chunks.push(...chunkIds.map(id => ({ id, projectId })))
+  }
+  let totalCompressed = 0
+  await BPromise.map(
+    chunks,
+    async chunk => {
+      try {
+        const history = await getHistory(chunk)
+        const numCompressed = compressChanges(history)
+        if (numCompressed > 0) {
+          await storeHistory(chunk, history)
+          console.log(
+            `Compressed project ${chunk.projectId}, chunk ${chunk.id}`
+          )
+        }
+        totalCompressed += numCompressed
+      } catch (err) {
+        console.log(err)
+      }
+    },
+    { concurrency: CONCURRENCY }
+  )
+  console.log('CHANGES:', totalCompressed)
+}
+
+async function readCsv(filename) {
+  const csv = await fs.promises.readFile(filename, 'utf-8')
+  const lines = csv.trim().split('\n')
+  const projectIds = lines.map(line => line.split(',')[0])
+  return projectIds
+}
+
+async function getHistory(chunk) {
+  const rawHistory = await historyStore.loadRaw(chunk.projectId, chunk.id)
+  const history = History.fromRaw(rawHistory)
+  return history
+}
+
+async function storeHistory(chunk, history) {
+  const rawHistory = history.toRaw()
+  await historyStore.storeRaw(chunk.projectId, chunk.id, rawHistory)
+}
+
+function compressChanges(history) {
+  let numCompressed = 0
+  for (const change of history.getChanges()) {
+    const newOperations = compressOperations(change.operations)
+    if (newOperations.length !== change.operations.length) {
+      numCompressed++
+    }
+    change.setOperations(newOperations)
+  }
+  return numCompressed
+}
+
+function compressOperations(operations) {
+  if (!operations.length) return []
+
+  const newOperations = []
+  let currentOperation = operations[0]
+  for (let operationId = 1; operationId < operations.length; operationId++) {
+    const nextOperation = operations[operationId]
+    if (currentOperation.canBeComposedWith(nextOperation)) {
+      currentOperation = currentOperation.compose(nextOperation)
+    } else {
+      // currentOperation and nextOperation cannot be composed. Push the
+      // currentOperation and start over with nextOperation.
+      newOperations.push(currentOperation)
+      currentOperation = nextOperation
+    }
+  }
+  newOperations.push(currentOperation)
+
+  return newOperations
+}
+
+main()
+  .then(() => {
+    process.exit()
+  })
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
diff --git a/services/history-v1/storage/tasks/copy_project_blobs.js b/services/history-v1/storage/tasks/copy_project_blobs.js
new file mode 100755
index 0000000..c3511bf
--- /dev/null
+++ b/services/history-v1/storage/tasks/copy_project_blobs.js
@@ -0,0 +1,294 @@
+#!/usr/bin/env node
+
+const { promisify } = require('node:util')
+const BPromise = require('bluebird')
+const commandLineArgs = require('command-line-args')
+const config = require('config')
+const fs = require('node:fs')
+const readline = require('node:readline')
+const { History } = require('overleaf-editor-core')
+const { knex, historyStore, persistor } = require('..')
+const projectKey = require('../lib/project_key')
+
+const MAX_POSTGRES_INTEGER = 2147483647
+const DEFAULT_BATCH_SIZE = 1000
+const MAX_RETRIES = 10
+const RETRY_DELAY_MS = 5000
+
+// Obtain a preconfigured GCS client through a non-documented property of
+// object-persistor. Sorry about that. We need the GCS client because we use
+// operations that are not implemented in object-persistor.
+const gcsClient = persistor.storage
+const globalBucket = gcsClient.bucket(config.get('blobStore.globalBucket'))
+const projectBucket = gcsClient.bucket(config.get('blobStore.projectBucket'))
+const delay = promisify(setTimeout)
+
+async function main() {
+  const options = commandLineArgs([
+    { name: 'global-blobs', type: String },
+    { name: 'min-project-id', type: Number, defaultValue: 1 },
+    {
+      name: 'max-project-id',
+      type: Number,
+      defaultValue: MAX_POSTGRES_INTEGER,
+    },
+    { name: 'batch-size', type: Number, defaultValue: DEFAULT_BATCH_SIZE },
+    { name: 'concurrency', type: Number, defaultValue: 1 },
+  ])
+  if (!options['global-blobs']) {
+    console.error(
+      'You must specify a global blobs file with the --global-blobs option'
+    )
+    process.exit(1)
+  }
+  const globalBlobs = await readGlobalBlobs(options['global-blobs'])
+  const minProjectId = options['min-project-id']
+  const maxProjectId = options['max-project-id']
+  const batchSize = options['batch-size']
+  const concurrency = options.concurrency
+  console.log(`Keeping ${globalBlobs.size} global blobs`)
+  await run({ globalBlobs, minProjectId, maxProjectId, batchSize, concurrency })
+  console.log('Done.')
+}
+
+async function readGlobalBlobs(filename) {
+  const stream = fs.createReadStream(filename)
+  const reader = readline.createInterface({
+    input: stream,
+    crlfDelay: Infinity,
+  })
+  const blobs = new Set()
+  for await (const line of reader) {
+    blobs.add(line.trim())
+  }
+  return blobs
+}
+
+async function run(options) {
+  const { globalBlobs, minProjectId, maxProjectId, batchSize, concurrency } =
+    options
+  let batchStart = minProjectId
+  while (batchStart <= maxProjectId) {
+    let projectIds = await getProjectIds(batchStart, maxProjectId, batchSize)
+    if (projectIds.length === 0) {
+      break
+    }
+    const batchEnd = projectIds[projectIds.length - 1]
+    console.log(`Processing projects ${batchStart} to ${batchEnd}`)
+    const chunkIdsByProject = await getChunkIdsByProject(projectIds)
+
+    let retries = 0
+    while (true) {
+      const results = await BPromise.map(
+        projectIds,
+        async projectId =>
+          await processProject(
+            projectId,
+            chunkIdsByProject.get(projectId),
+            globalBlobs
+          ),
+        { concurrency }
+      )
+      const failedProjectIds = results
+        .filter(result => !result.success)
+        .map(result => result.projectId)
+      if (failedProjectIds.length === 0) {
+        // All projects were copied successfully. Carry on.
+        break
+      }
+
+      // Some projects failed. Retry.
+      retries += 1
+      if (retries > MAX_RETRIES) {
+        console.log(
+          `Too many retries processing projects ${batchStart} to ${batchEnd}. Giving up.`
+        )
+        process.exit(1)
+      }
+      console.log(`Retrying projects: ${failedProjectIds.join(', ')}`)
+      await delay(RETRY_DELAY_MS)
+      projectIds = failedProjectIds
+    }
+
+    // Set up next batch
+    batchStart = batchEnd + 1
+  }
+}
+
+async function getProjectIds(minProjectId, maxProjectId, batchSize) {
+  const projectIds = await knex('chunks')
+    .distinct('doc_id')
+    .where('doc_id', '>=', minProjectId)
+    .andWhere('doc_id', '<=', maxProjectId)
+    .orderBy('doc_id')
+    .limit(batchSize)
+    .pluck('doc_id')
+  return projectIds
+}
+
+async function getChunkIdsByProject(projectIds) {
+  const chunks = await knex('chunks')
+    .select('id', { projectId: 'doc_id' })
+    .where('doc_id', 'in', projectIds)
+  const chunkIdsByProject = new Map()
+  for (const projectId of projectIds) {
+    chunkIdsByProject.set(projectId, [])
+  }
+  for (const chunk of chunks) {
+    chunkIdsByProject.get(chunk.projectId).push(chunk.id)
+  }
+  return chunkIdsByProject
+}
+
+async function processProject(projectId, chunkIds, globalBlobs) {
+  try {
+    const blobHashes = await getBlobHashes(projectId, chunkIds)
+    const projectBlobHashes = blobHashes.filter(hash => !globalBlobs.has(hash))
+    const gcsSizesByHash = new Map()
+    for (const blobHash of projectBlobHashes) {
+      const blobSize = await copyBlobInGcs(projectId, blobHash)
+      if (blobSize != null) {
+        gcsSizesByHash.set(blobHash, blobSize)
+      }
+    }
+    const dbSizesByHash = await copyBlobsInDatabase(
+      projectId,
+      projectBlobHashes
+    )
+    compareBlobSizes(gcsSizesByHash, dbSizesByHash)
+    return { projectId, success: true }
+  } catch (err) {
+    console.error(`Failed to process project ${projectId}:`, err.stack)
+    return { projectId, success: false }
+  }
+}
+
+function compareBlobSizes(gcsSizesByHash, dbSizesByHash) {
+  // Throw an error if the database doesn't report as many blobs as GCS
+  if (dbSizesByHash.size !== gcsSizesByHash.size) {
+    throw new Error(
+      `the database reported ${dbSizesByHash.size} blobs copied, but GCS reported ${gcsSizesByHash.size} blobs copied`
+    )
+  }
+
+  const mismatches = []
+  for (const [hash, dbSize] of dbSizesByHash.entries()) {
+    if (gcsSizesByHash.get(hash) !== dbSize) {
+      mismatches.push(hash)
+    }
+  }
+  if (mismatches.length > 0) {
+    throw new Error(`blob size mismatch for hashes: ${mismatches.join(', ')}`)
+  }
+}
+
+async function getHistory(projectId, chunkId) {
+  const rawHistory = await historyStore.loadRaw(projectId, chunkId)
+  const history = History.fromRaw(rawHistory)
+  return history
+}
+
+async function getBlobHashes(projectId, chunkIds) {
+  const blobHashes = new Set()
+  for (const chunkId of chunkIds) {
+    const history = await getHistory(projectId, chunkId)
+    history.findBlobHashes(blobHashes)
+  }
+  return Array.from(blobHashes)
+}
+
+async function copyBlobInGcs(projectId, blobHash) {
+  const globalBlobKey = [
+    blobHash.slice(0, 2),
+    blobHash.slice(2, 4),
+    blobHash.slice(4),
+  ].join('/')
+  const projectBlobKey = [
+    projectKey.format(projectId),
+    blobHash.slice(0, 2),
+    blobHash.slice(2),
+  ].join('/')
+  const globalBlobObject = globalBucket.file(globalBlobKey)
+  const projectBlobObject = projectBucket.file(projectBlobKey)
+
+  // Check if the project blob exists
+  let projectBlobMetadata = null
+  try {
+    ;[projectBlobMetadata] = await projectBlobObject.getMetadata()
+  } catch (err) {
+    if (err.code !== 404) {
+      throw err
+    }
+  }
+
+  // Check that the blob exists
+  let globalBlobMetadata = null
+  try {
+    ;[globalBlobMetadata] = await globalBlobObject.getMetadata()
+  } catch (err) {
+    if (err.code !== 404) {
+      throw err
+    }
+  }
+
+  if (projectBlobMetadata) {
+    // Project blob already exists. Compare the metadata if the global blob
+    // also exists and return early.
+    if (
+      globalBlobMetadata != null &&
+      (globalBlobMetadata.size !== projectBlobMetadata.size ||
+        globalBlobMetadata.md5Hash !== projectBlobMetadata.md5Hash)
+    ) {
+      throw new Error(
+        `Project blob ${blobHash} in project ${projectId} doesn't match global blob`
+      )
+    }
+    return null
+  }
+
+  await globalBlobObject.copy(projectBlobObject)
+
+  // Paranoid check that the copy went well. The getMetadata() method returns
+  // an array, with the metadata in first position.
+  ;[projectBlobMetadata] = await projectBlobObject.getMetadata()
+  if (
+    globalBlobMetadata.size !== projectBlobMetadata.size ||
+    globalBlobMetadata.md5Hash !== projectBlobMetadata.md5Hash
+  ) {
+    throw new Error(`Failed to copy blob ${blobHash} to project ${projectId})`)
+  }
+
+  return parseInt(projectBlobMetadata.size, 10)
+}
+
+async function copyBlobsInDatabase(projectId, blobHashes) {
+  const blobSizesByHash = new Map()
+  if (blobHashes.length === 0) {
+    return blobSizesByHash
+  }
+  const binaryBlobHashes = blobHashes.map(hash => Buffer.from(hash, 'hex'))
+  const result = await knex.raw(
+    `INSERT INTO project_blobs (
+      project_id, hash_bytes, byte_length, string_length
+    )
+    SELECT ?, hash_bytes, byte_length, string_length
+    FROM blobs
+    WHERE hash_bytes IN (${binaryBlobHashes.map(_ => '?').join(',')})
+    ON CONFLICT (project_id, hash_bytes) DO NOTHING
+    RETURNING hash_bytes, byte_length`,
+    [projectId, ...binaryBlobHashes]
+  )
+  for (const row of result.rows) {
+    blobSizesByHash.set(row.hash_bytes.toString('hex'), row.byte_length)
+  }
+  return blobSizesByHash
+}
+
+main()
+  .then(() => {
+    process.exit()
+  })
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
diff --git a/services/history-v1/storage/tasks/delete_old_chunks.js b/services/history-v1/storage/tasks/delete_old_chunks.js
new file mode 100644
index 0000000..e120111
--- /dev/null
+++ b/services/history-v1/storage/tasks/delete_old_chunks.js
@@ -0,0 +1,36 @@
+#!/usr/bin/env node
+
+'use strict'
+
+const commandLineArgs = require('command-line-args')
+const { chunkStore } = require('../')
+
+async function deleteOldChunks(options) {
+  const deletedChunksTotal = await chunkStore.deleteOldChunks(options)
+  console.log(`Deleted ${deletedChunksTotal} old chunks`)
+}
+
+exports.deleteOldChunks = deleteOldChunks
+
+if (require.main === module) {
+  const options = commandLineArgs([
+    { name: 'batch-size', type: Number },
+    { name: 'max-batches', type: Number },
+    { name: 'min-age', type: Number },
+    { name: 'timeout', type: Number },
+    { name: 'verbose', type: Boolean, alias: 'v', defaultValue: false },
+  ])
+  deleteOldChunks({
+    batchSize: options['batch-size'],
+    maxBatches: options['max-batches'],
+    timeout: options.timeout,
+    minAgeSecs: options['min-age'],
+  })
+    .then(() => {
+      process.exit()
+    })
+    .catch(err => {
+      console.error(err)
+      process.exit(1)
+    })
+}
diff --git a/services/history-v1/storage/tasks/fix_duplicate_versions.js b/services/history-v1/storage/tasks/fix_duplicate_versions.js
new file mode 100755
index 0000000..a7db4b2
--- /dev/null
+++ b/services/history-v1/storage/tasks/fix_duplicate_versions.js
@@ -0,0 +1,156 @@
+#!/usr/bin/env node
+
+'use strict'
+
+const commandLineArgs = require('command-line-args')
+const { chunkStore } = require('..')
+
+main()
+  .then(() => {
+    process.exit(0)
+  })
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
+
+async function main() {
+  const opts = commandLineArgs([
+    { name: 'project-ids', type: String, multiple: true, defaultOption: true },
+    { name: 'save', type: Boolean, defaultValue: false },
+    { name: 'help', type: Boolean, defaultValue: false },
+  ])
+  if (opts.help || opts['project-ids'] == null) {
+    console.log('Usage: fix_duplicate_versions [--save] PROJECT_ID...')
+    process.exit()
+  }
+  for (const projectId of opts['project-ids']) {
+    await processProject(projectId, opts.save)
+  }
+  if (!opts.save) {
+    console.log('\nThis was a dry run. Re-run with --save to persist changes.')
+  }
+}
+
+async function processProject(projectId, save) {
+  console.log(`Project ${projectId}:`)
+  const chunk = await chunkStore.loadLatest(projectId)
+  let numChanges = 0
+  numChanges += removeDuplicateProjectVersions(chunk)
+  numChanges += removeDuplicateDocVersions(chunk)
+  console.log(`    ${numChanges > 0 ? numChanges : 'no'} changes`)
+  if (save && numChanges > 0) {
+    await replaceChunk(projectId, chunk)
+  }
+}
+
+function removeDuplicateProjectVersions(chunk) {
+  let numChanges = 0
+  let lastVersion = null
+  const { snapshot, changes } = chunk.history
+  if (snapshot.projectVersion != null) {
+    lastVersion = snapshot.projectVersion
+  }
+  for (const change of changes) {
+    if (change.projectVersion == null) {
+      // Not a project structure change. Ignore.
+      continue
+    }
+    if (
+      lastVersion != null &&
+      !areProjectVersionsIncreasing(lastVersion, change.projectVersion)
+    ) {
+      // Duplicate. Remove all ops
+      console.log(
+        `    Removing out-of-order project structure change: ${change.projectVersion} <= ${lastVersion}`
+      )
+      change.setOperations([])
+      delete change.projectVersion
+      numChanges++
+    } else {
+      lastVersion = change.projectVersion
+    }
+  }
+
+  return numChanges
+}
+
+function removeDuplicateDocVersions(chunk) {
+  let numChanges = 0
+  const lastVersions = new Map()
+  const { snapshot, changes } = chunk.history
+  if (snapshot.v2DocVersions != null) {
+    for (const { pathname, v } of Object.values(snapshot.v2DocVersions.data)) {
+      lastVersions.set(pathname, v)
+    }
+  }
+  for (const change of changes) {
+    if (change.v2DocVersions == null) {
+      continue
+    }
+
+    // Collect all docs that have problematic versions
+    const badPaths = []
+    const badDocIds = []
+    for (const [docId, { pathname, v }] of Object.entries(
+      change.v2DocVersions.data
+    )) {
+      const lastVersion = lastVersions.get(docId)
+      if (lastVersion != null && v <= lastVersion) {
+        // Duplicate. Remove ops related to that doc
+        console.log(
+          `    Removing out-of-order change for doc ${docId} (${pathname}): ${v} <= ${lastVersion}`
+        )
+        badPaths.push(pathname)
+        badDocIds.push(docId)
+        numChanges++
+      } else {
+        lastVersions.set(docId, v)
+      }
+    }
+
+    // Remove bad operations
+    if (badPaths.length > 0) {
+      change.setOperations(
+        change.operations.filter(
+          op => op.pathname == null || !badPaths.includes(op.pathname)
+        )
+      )
+    }
+
+    // Remove bad v2 doc versions
+    for (const docId of badDocIds) {
+      delete change.v2DocVersions.data[docId]
+    }
+  }
+
+  return numChanges
+}
+
+function areProjectVersionsIncreasing(v1Str, v2Str) {
+  const v1 = parseProjectVersion(v1Str)
+  const v2 = parseProjectVersion(v2Str)
+  return v2.major > v1.major || (v2.major === v1.major && v2.minor > v1.minor)
+}
+
+function parseProjectVersion(version) {
+  const [major, minor] = version.split('.').map(x => parseInt(x, 10))
+  if (isNaN(major) || isNaN(minor)) {
+    throw new Error(`Invalid project version: ${version}`)
+  }
+  return { major, minor }
+}
+
+async function replaceChunk(projectId, chunk) {
+  const endVersion = chunk.getEndVersion()
+  const oldChunkId = await chunkStore.getChunkIdForVersion(
+    projectId,
+    endVersion
+  )
+  console.log(`    Replacing chunk ${oldChunkId}`)
+  // The chunks table has a unique constraint on doc_id and end_version. Because
+  // we're replacing a chunk with the same end version, we need to destroy the
+  // chunk first.
+  await chunkStore.destroy(projectId, oldChunkId)
+  await chunkStore.create(projectId, chunk)
+}
diff --git a/services/history-v1/storage/tasks/index.js b/services/history-v1/storage/tasks/index.js
new file mode 100644
index 0000000..65bed63
--- /dev/null
+++ b/services/history-v1/storage/tasks/index.js
@@ -0,0 +1 @@
+exports.deleteOldChunks = require('./delete_old_chunks').deleteOldChunks
diff --git a/services/history-v1/test/acceptance/certs/.gitignore b/services/history-v1/test/acceptance/certs/.gitignore
new file mode 100644
index 0000000..d6b7ef3
--- /dev/null
+++ b/services/history-v1/test/acceptance/certs/.gitignore
@@ -0,0 +1,2 @@
+*
+!.gitignore
diff --git a/services/history-v1/test/acceptance/js/api/auth.test.js b/services/history-v1/test/acceptance/js/api/auth.test.js
new file mode 100644
index 0000000..65c9219
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/api/auth.test.js
@@ -0,0 +1,195 @@
+const config = require('config')
+const fetch = require('node-fetch')
+const sinon = require('sinon')
+const { expect } = require('chai')
+
+const cleanup = require('../storage/support/cleanup')
+const expectResponse = require('./support/expect_response')
+const fixtures = require('../storage/support/fixtures')
+const HTTPStatus = require('http-status')
+const testServer = require('./support/test_server')
+
+describe('auth', function () {
+  beforeEach(cleanup.everything)
+  beforeEach(fixtures.create)
+  beforeEach('Set up stubs', function () {
+    sinon.stub(config, 'has').callThrough()
+    sinon.stub(config, 'get').callThrough()
+  })
+  afterEach(sinon.restore)
+
+  it('renders 401 on swagger docs endpoint without auth', async function () {
+    const response = await fetch(testServer.url('/docs'))
+    expect(response.status).to.equal(HTTPStatus.UNAUTHORIZED)
+    expect(response.headers.get('www-authenticate')).to.match(/^Basic/)
+  })
+
+  it('renders swagger docs endpoint with auth', async function () {
+    const response = await fetch(testServer.url('/docs'), {
+      headers: {
+        Authorization: testServer.basicAuthHeader,
+      },
+    })
+    expect(response.ok).to.be.true
+  })
+
+  it('takes an old basic auth password during a password change', async function () {
+    setMockConfig('basicHttpAuth.oldPassword', 'foo')
+
+    // Primary should still work.
+    const response1 = await fetch(testServer.url('/docs'), {
+      headers: {
+        Authorization: testServer.basicAuthHeader,
+      },
+    })
+    expect(response1.ok).to.be.true
+
+    // Old password should also work.
+    const response2 = await fetch(testServer.url('/docs'), {
+      headers: {
+        Authorization: 'Basic ' + Buffer.from('staging:foo').toString('base64'),
+      },
+    })
+    expect(response2.ok).to.be.true
+
+    // Incorrect password should not work.
+    const response3 = await fetch(testServer.url('/docs'), {
+      header: {
+        Authorization: 'Basic ' + Buffer.from('staging:bar').toString('base64'),
+      },
+    })
+    expect(response3.status).to.equal(HTTPStatus.UNAUTHORIZED)
+  })
+
+  it('renders 401 on ProjectImport endpoints', async function () {
+    const unauthenticatedClient = testServer.client
+    try {
+      await unauthenticatedClient.apis.ProjectImport.importSnapshot1({
+        project_id: '1',
+        snapshot: { files: {} },
+      })
+      expect.fail()
+    } catch (err) {
+      expectResponse.unauthorized(err)
+      expect(err.response.headers['www-authenticate']).to.match(/^Basic/)
+    }
+
+    // check that the snapshot was not persisted even if the response was a 401
+    const projectClient = await testServer.createClientForProject('1')
+    try {
+      await projectClient.apis.Project.getLatestHistory({ project_id: '1' })
+      expect.fail()
+    } catch (err) {
+      expectResponse.notFound(err)
+    }
+  })
+
+  it('renders 401 for JWT endpoints', function () {
+    return testServer.client.apis.Project.getLatestHistory({
+      project_id: '10000',
+    })
+      .then(() => {
+        expect.fail()
+      })
+      .catch(err => {
+        expectResponse.unauthorized(err)
+        expect(err.response.headers['www-authenticate']).to.equal('Bearer')
+      })
+  })
+
+  it('accepts basic auth in place of JWT (for now)', function () {
+    const projectId = fixtures.docs.initializedProject.id
+    return testServer.pseudoJwtBasicAuthClient.apis.Project.getLatestHistory({
+      project_id: projectId,
+    }).then(response => {
+      expect(response.obj.chunk).to.exist
+    })
+  })
+
+  it('uses JWT', function () {
+    const projectId = fixtures.docs.initializedProject.id
+    return testServer
+      .createClientForProject(projectId)
+      .then(client => {
+        return client.apis.Project.getLatestHistory({
+          project_id: projectId,
+        })
+      })
+      .then(response => {
+        expect(response.obj.chunk).to.exist
+      })
+  })
+
+  it('checks for project id', function () {
+    return testServer
+      .createClientForProject('1')
+      .then(client => {
+        return client.apis.Project.getLatestHistory({
+          project_id: '2',
+        })
+      })
+      .then(() => {
+        expect.fail()
+      })
+      .catch(expectResponse.forbidden)
+  })
+
+  it('does not accept jwt for ProjectUpdate endpoints', function () {
+    return testServer.createClientForProject('1').then(client => {
+      return client.apis.ProjectImport.importSnapshot1({
+        project_id: '1',
+        snapshot: {},
+      })
+        .then(() => {
+          expect.fail()
+        })
+        .catch(expectResponse.unauthorized)
+    })
+  })
+
+  describe('when an old JWT key is defined', function () {
+    beforeEach(function () {
+      setMockConfig('jwtAuth.oldKey', 'old-secret')
+    })
+
+    it('accepts the old key', async function () {
+      const projectId = fixtures.docs.initializedProject.id
+      const client = await testServer.createClientForProject(projectId, {
+        jwtKey: 'old-secret',
+      })
+      const response = await client.apis.Project.getLatestHistory({
+        project_id: projectId,
+      })
+      expect(response.obj.chunk).to.exist
+    })
+
+    it('accepts the new key', async function () {
+      const projectId = fixtures.docs.initializedProject.id
+      const client = await testServer.createClientForProject(projectId)
+      const response = await client.apis.Project.getLatestHistory({
+        project_id: projectId,
+      })
+      expect(response.obj.chunk).to.exist
+    })
+
+    it('rejects other keys', async function () {
+      const projectId = fixtures.docs.initializedProject.id
+      const client = await testServer.createClientForProject(projectId, {
+        jwtKey: 'bad-secret',
+      })
+      try {
+        await client.apis.Project.getLatestHistory({
+          project_id: projectId,
+        })
+        expect.fail()
+      } catch (err) {
+        expectResponse.unauthorized(err)
+      }
+    })
+  })
+})
+
+function setMockConfig(path, value) {
+  config.has.withArgs(path).returns(true)
+  config.get.withArgs(path).returns(value)
+}
diff --git a/services/history-v1/test/acceptance/js/api/backupDeletion.test.mjs b/services/history-v1/test/acceptance/js/api/backupDeletion.test.mjs
new file mode 100644
index 0000000..46512d1
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/api/backupDeletion.test.mjs
@@ -0,0 +1,244 @@
+// @ts-check
+import cleanup from '../storage/support/cleanup.js'
+import fetch from 'node-fetch'
+import testServer from './support/test_backup_deletion_server.mjs'
+import { expect } from 'chai'
+import testProjects from './support/test_projects.js'
+import { db } from '../../../../storage/lib/mongodb.js'
+import { ObjectId } from 'mongodb'
+import {
+  backupPersistor,
+  projectBlobsBucket,
+  chunksBucket,
+} from '../../../../storage/lib/backupPersistor.mjs'
+import { makeProjectKey } from '../../../../storage/lib/blob_store/index.js'
+import config from 'config'
+import Stream from 'stream'
+import projectKey from '../../../../storage/lib/project_key.js'
+
+/**
+ * @typedef {import("node-fetch").Response} Response
+ */
+
+const { deksBucket } = config.get('backupStore')
+
+const deletedProjectsCollection = db.collection('deletedProjects')
+
+/**
+ * @param {string} bucket
+ * @param {string} prefix
+ * @return {Promise<Array<string>>}
+ */
+async function listS3Bucket(bucket, prefix) {
+  // @ts-ignore access to internal library helper
+  const client = backupPersistor._getClientForBucket(bucket)
+  const response = await client
+    .listObjectsV2({ Bucket: bucket, Prefix: prefix })
+    .promise()
+  return (response.Contents || []).map(item => item.Key || '')
+}
+
+/**
+ * @param {ObjectId} projectId
+ * @return {Promise<Response>}
+ */
+async function deleteProject(projectId) {
+  return await fetch(testServer.testUrl(`/project/${projectId}/backup`), {
+    method: 'DELETE',
+    headers: { Authorization: testServer.basicAuthHeader },
+  })
+}
+
+/**
+ * @param {number|ObjectId} historyId
+ * @return {Promise<void>}
+ */
+async function expectToHaveBackup(historyId) {
+  const prefix = projectKey.format(historyId.toString()) + '/'
+  expect(await listS3Bucket(deksBucket, prefix)).to.have.length(1)
+  expect(await listS3Bucket(chunksBucket, prefix)).to.have.length(2)
+  expect(await listS3Bucket(projectBlobsBucket, prefix)).to.have.length(2)
+}
+
+/**
+ * @param {number|ObjectId} historyId
+ * @return {Promise<void>}
+ */
+async function expectToHaveNoBackup(historyId) {
+  const prefix = projectKey.format(historyId.toString()) + '/'
+  expect(await listS3Bucket(deksBucket, prefix)).to.have.length(0)
+  expect(await listS3Bucket(chunksBucket, prefix)).to.have.length(0)
+  expect(await listS3Bucket(projectBlobsBucket, prefix)).to.have.length(0)
+}
+
+describe('backupDeletion', function () {
+  beforeEach(cleanup.everything)
+  beforeEach('create health check projects', async function () {
+    await testProjects.createEmptyProject('42')
+    await testProjects.createEmptyProject('000000000000000000000042')
+  })
+  beforeEach(testServer.listenOnRandomPort)
+
+  it('renders 200 on /status', async function () {
+    const response = await fetch(testServer.testUrl('/status'))
+    expect(response.status).to.equal(200)
+  })
+
+  it('renders 200 on /health_check', async function () {
+    const response = await fetch(testServer.testUrl('/health_check'))
+    expect(response.status).to.equal(200)
+  })
+
+  describe('DELETE /project/:projectId', function () {
+    const postgresHistoryId = 1
+    const projectIdPostgres = new ObjectId('000000000000000000000001')
+    const projectIdMongoDB = new ObjectId('000000000000000000000002')
+    const projectIdNonDeleted = new ObjectId('000000000000000000000003')
+    const projectIdNonExpired = new ObjectId('000000000000000000000004')
+    const projectIdWithChunks = new ObjectId('000000000000000000000005')
+    const projectIdNoHistoryId = new ObjectId('000000000000000000000006')
+
+    beforeEach('populate mongo', async function () {
+      await deletedProjectsCollection.insertMany([
+        {
+          _id: new ObjectId(),
+          deleterData: {
+            deletedProjectId: projectIdPostgres,
+            deletedAt: new Date('2024-01-01T00:00:00Z'),
+            deletedProjectOverleafHistoryId: postgresHistoryId,
+          },
+        },
+        {
+          _id: new ObjectId(),
+          deleterData: {
+            deletedProjectId: projectIdNonExpired,
+            deletedAt: new Date(),
+            deletedProjectOverleafHistoryId: projectIdNonExpired.toString(),
+          },
+        },
+        {
+          _id: new ObjectId(),
+          deleterData: {
+            deletedProjectId: projectIdNoHistoryId,
+            deletedAt: new Date('2024-01-01T00:00:00Z'),
+          },
+        },
+        ...[projectIdMongoDB, projectIdWithChunks].map(projectId => {
+          return {
+            _id: new ObjectId(),
+            deleterData: {
+              deletedProjectId: projectId,
+              deletedAt: new Date('2024-01-01T00:00:00Z'),
+              deletedProjectOverleafHistoryId: projectId.toString(),
+            },
+          }
+        }),
+      ])
+    })
+
+    beforeEach('initialize history', async function () {
+      await testProjects.createEmptyProject(projectIdWithChunks.toString())
+    })
+
+    beforeEach('create a file in s3', async function () {
+      const historyIds = [
+        postgresHistoryId,
+        projectIdMongoDB,
+        projectIdNonDeleted,
+        projectIdNonExpired,
+        projectIdWithChunks,
+        projectIdNoHistoryId,
+      ]
+      const jobs = []
+      for (const historyId of historyIds) {
+        jobs.push(
+          backupPersistor.sendStream(
+            projectBlobsBucket,
+            makeProjectKey(historyId, 'a'.repeat(40)),
+            Stream.Readable.from(['blob a']),
+            { contentLength: 6 }
+          )
+        )
+        jobs.push(
+          backupPersistor.sendStream(
+            projectBlobsBucket,
+            makeProjectKey(historyId, 'b'.repeat(40)),
+            Stream.Readable.from(['blob b']),
+            { contentLength: 6 }
+          )
+        )
+        jobs.push(
+          backupPersistor.sendStream(
+            chunksBucket,
+            projectKey.format(historyId) + '/111',
+            Stream.Readable.from(['chunk 1']),
+            { contentLength: 7 }
+          )
+        )
+        jobs.push(
+          backupPersistor.sendStream(
+            chunksBucket,
+            projectKey.format(historyId) + '/222',
+            Stream.Readable.from(['chunk 2']),
+            { contentLength: 7 }
+          )
+        )
+      }
+      await Promise.all(jobs)
+    })
+
+    it('renders 401 without auth', async function () {
+      const response = await fetch(
+        testServer.testUrl('/project/000000000000000000000042/backup'),
+        { method: 'DELETE' }
+      )
+      expect(response.status).to.equal(401)
+      expect(response.headers.get('www-authenticate')).to.match(/^Basic/)
+    })
+
+    it('returns 422 when not deleted', async function () {
+      const response = await deleteProject(projectIdNonDeleted)
+      expect(response.status).to.equal(422)
+      expect(await response.text()).to.equal(
+        'refusing to delete non-deleted project'
+      )
+      await expectToHaveBackup(projectIdNonDeleted)
+    })
+    it('returns 422 when not expired', async function () {
+      const response = await deleteProject(projectIdNonExpired)
+      expect(response.status).to.equal(422)
+      expect(await response.text()).to.equal(
+        'refusing to delete non-expired project'
+      )
+      await expectToHaveBackup(projectIdNonExpired)
+    })
+    it('returns 422 when live-history not deleted', async function () {
+      const response = await deleteProject(projectIdWithChunks)
+      expect(response.status).to.equal(422)
+      expect(await response.text()).to.equal(
+        'refusing to delete project with remaining chunks'
+      )
+      await expectToHaveBackup(projectIdWithChunks)
+    })
+    it('returns 422 when historyId is unknown', async function () {
+      const response = await deleteProject(projectIdNoHistoryId)
+      expect(response.status).to.equal(422)
+      expect(await response.text()).to.equal(
+        'refusing to delete project with unknown historyId'
+      )
+      await expectToHaveBackup(projectIdNoHistoryId)
+    })
+    it('should successfully delete postgres id', async function () {
+      await expectToHaveBackup(postgresHistoryId)
+      const response = await deleteProject(projectIdPostgres)
+      expect(response.status).to.equal(204)
+      await expectToHaveNoBackup(postgresHistoryId)
+    })
+    it('should successfully delete mongo id', async function () {
+      await expectToHaveBackup(projectIdMongoDB)
+      const response = await deleteProject(projectIdMongoDB)
+      expect(response.status).to.equal(204)
+      await expectToHaveNoBackup(projectIdMongoDB)
+    })
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/api/backupVerifier.test.mjs b/services/history-v1/test/acceptance/js/api/backupVerifier.test.mjs
new file mode 100644
index 0000000..1fe09f4
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/api/backupVerifier.test.mjs
@@ -0,0 +1,375 @@
+// @ts-check
+import cleanup from '../storage/support/cleanup.js'
+import fetch from 'node-fetch'
+import testServer from './support/test_backup_verifier_server.mjs'
+import { expect } from 'chai'
+import testProjects from './support/test_projects.js'
+import {
+  backupPersistor,
+  chunksBucket,
+  projectBlobsBucket,
+} from '../../../../storage/lib/backupPersistor.mjs'
+import {
+  BlobStore,
+  makeProjectKey,
+} from '../../../../storage/lib/blob_store/index.js'
+import Stream from 'node:stream'
+import * as zlib from 'node:zlib'
+import { promisify } from 'node:util'
+import { execFile } from 'node:child_process'
+import { NotFoundError } from '@overleaf/object-persistor/src/Errors.js'
+import { chunkStore } from '../../../../storage/index.js'
+import { Change, File, Operation } from 'overleaf-editor-core'
+import Crypto from 'node:crypto'
+import path from 'node:path'
+import projectKey from '../../../../storage/lib/project_key.js'
+import { historyStore } from '../../../../storage/lib/history_store.js'
+
+/**
+ * @typedef {import("node-fetch").Response} Response
+ * @typedef {import("overleaf-editor-core").Blob} Blob
+ */
+
+async function verifyProjectScript(historyId, expectFail = true) {
+  try {
+    const result = await promisify(execFile)(
+      process.argv0,
+      ['storage/scripts/verify_project.mjs', `--historyId=${historyId}`],
+      {
+        encoding: 'utf-8',
+        timeout: 5_000,
+        env: {
+          ...process.env,
+          LOG_LEVEL: 'warn',
+        },
+      }
+    )
+    return { status: 0, stdout: result.stdout, stderr: result.stderr }
+  } catch (err) {
+    if (
+      err &&
+      typeof err === 'object' &&
+      'stdout' in err &&
+      'code' in err &&
+      'stderr' in err
+    ) {
+      if (!expectFail) {
+        console.log(err)
+      }
+      return {
+        stdout: typeof err.stdout === 'string' ? err.stdout : '',
+        status: typeof err.code === 'number' ? err.code : -1,
+        stderr: typeof err.stdout === 'string' ? err.stderr : '',
+      }
+    }
+    throw err
+  }
+}
+
+/**
+ * @param {string} historyId
+ * @param {string} hash
+ * @return {Promise<{stdout: string, status:number }>}
+ */
+async function verifyBlobScript(historyId, hash, expectFail = true) {
+  try {
+    const result = await promisify(execFile)(
+      process.argv0,
+      [
+        'storage/scripts/verify_backup_blob.mjs',
+        `--historyId=${historyId}`,
+        hash,
+      ],
+      {
+        encoding: 'utf-8',
+        timeout: 5_000,
+        env: {
+          ...process.env,
+          LOG_LEVEL: 'warn',
+        },
+      }
+    )
+    return { status: 0, stdout: result.stdout }
+  } catch (err) {
+    if (err && typeof err === 'object' && 'stdout' in err && 'code' in err) {
+      if (!expectFail) {
+        console.log(err)
+      }
+      return {
+        stdout: typeof err.stdout === 'string' ? err.stdout : '',
+        status: typeof err.code === 'number' ? err.code : -1,
+      }
+    }
+    throw err
+  }
+}
+/**
+ * @param {string} historyId
+ * @param {string} hash
+ * @return {Promise<Response>}
+ */
+async function verifyBlobHTTP(historyId, hash) {
+  return await fetch(
+    testServer.testUrl(`/history/${historyId}/blob/${hash}/verify`),
+    { method: 'GET' }
+  )
+}
+
+async function backupChunk(historyId) {
+  const newChunk = await chunkStore.loadLatestRaw(historyId)
+  const { buffer: chunkBuffer } = await historyStore.loadRawWithBuffer(
+    historyId,
+    newChunk.id
+  )
+  const md5 = Crypto.createHash('md5').update(chunkBuffer)
+  await backupPersistor.sendStream(
+    chunksBucket,
+    path.join(
+      projectKey.format(historyId),
+      projectKey.pad(newChunk.startVersion)
+    ),
+    Stream.Readable.from([chunkBuffer]),
+    {
+      contentType: 'application/json',
+      contentEncoding: 'gzip',
+      contentLength: chunkBuffer.byteLength,
+      sourceMd5: md5.digest('hex'),
+    }
+  )
+}
+
+const FIFTEEN_MINUTES_IN_MS = 900_000
+
+async function addFileInNewChunk(
+  fileContents,
+  filePath,
+  historyId,
+  { creationDate = new Date() }
+) {
+  const chunk = await chunkStore.loadLatest(historyId)
+  const operation = Operation.addFile(
+    `${historyId}.txt`,
+    File.fromString(fileContents)
+  )
+  const changes = [new Change([operation], creationDate, [])]
+  chunk.pushChanges(changes)
+  await chunkStore.update(historyId, 0, chunk)
+}
+
+/**
+ * @param {string} historyId
+ * @param {Object} [backup]
+ * @return {Promise<string>}
+ */
+async function prepareProjectAndBlob(
+  historyId,
+  { shouldBackupBlob, shouldBackupChunk, shouldCreateChunk } = {
+    shouldBackupBlob: true,
+    shouldBackupChunk: true,
+    shouldCreateChunk: true,
+  }
+) {
+  await testProjects.createEmptyProject(historyId)
+  const blobStore = new BlobStore(historyId)
+  const fileContents = historyId
+  const blob = await blobStore.putString(fileContents)
+  if (shouldCreateChunk) {
+    await addFileInNewChunk(fileContents, `${historyId}.txt`, historyId, {
+      creationDate: new Date(new Date().getTime() - FIFTEEN_MINUTES_IN_MS),
+    })
+  }
+
+  if (shouldBackupBlob) {
+    const gzipped = zlib.gzipSync(Buffer.from(historyId))
+    await backupPersistor.sendStream(
+      projectBlobsBucket,
+      makeProjectKey(historyId, blob.getHash()),
+      Stream.Readable.from([gzipped]),
+      { contentLength: gzipped.byteLength, contentEncoding: 'gzip' }
+    )
+    await checkDEKExists(historyId)
+  }
+  if (shouldCreateChunk && shouldBackupChunk) {
+    await backupChunk(historyId)
+  }
+
+  return blob.getHash()
+}
+
+/**
+ * @param {string} historyId
+ * @return {Promise<void>}
+ */
+async function checkDEKExists(historyId) {
+  await backupPersistor.forProjectRO(
+    projectBlobsBucket,
+    makeProjectKey(historyId, '')
+  )
+}
+
+describe('backupVerifier', function () {
+  const historyIdPostgres = '42'
+  const historyIdMongo = '000000000000000000000042'
+  let blobHashPG, blobHashMongo, blobPathPG
+
+  beforeEach(cleanup.everything)
+  beforeEach('create health check projects', async function () {
+    ;[blobHashPG, blobHashMongo] = await Promise.all([
+      prepareProjectAndBlob('42'),
+      prepareProjectAndBlob('000000000000000000000042'),
+    ])
+    blobPathPG = makeProjectKey(historyIdPostgres, blobHashPG)
+  })
+  beforeEach(testServer.listenOnRandomPort)
+
+  it('renders 200 on /status', async function () {
+    const response = await fetch(testServer.testUrl('/status'))
+    expect(response.status).to.equal(200)
+  })
+
+  it('renders 200 on /health_check', async function () {
+    const response = await fetch(testServer.testUrl('/health_check'))
+    expect(response.status).to.equal(200)
+  })
+  describe('storage/scripts/verify_project.mjs', function () {
+    describe('when the project is appropriately backed up', function () {
+      it('should return 0', async function () {
+        const response = await verifyProjectScript(historyIdPostgres, false)
+        expect(response.status).to.equal(0)
+      })
+    })
+    describe('when the project chunk is not backed up', function () {
+      let response
+      beforeEach(async function () {
+        await prepareProjectAndBlob('000000000000000000000043', {
+          shouldBackupChunk: false,
+          shouldBackupBlob: true,
+          shouldCreateChunk: true,
+        })
+        response = await verifyProjectScript('000000000000000000000043')
+      })
+      it('should return 1', async function () {
+        expect(response.status).to.equal(1)
+      })
+      it('should emit an error message referring to a missing chunk', async function () {
+        const stderr = response.stderr
+        expect(stderr).to.include('BackupRPOViolationChunkNotBackedUpError')
+      })
+    })
+    describe('when a project blob is not backed up', function () {
+      let response
+      beforeEach(async function () {
+        await prepareProjectAndBlob('43', {
+          shouldBackupChunk: true,
+          shouldBackupBlob: false,
+          shouldCreateChunk: true,
+        })
+        response = await verifyProjectScript('43')
+      })
+
+      it('should return 1', function () {
+        expect(response.status).to.equal(1)
+      })
+
+      it('includes a BackupCorruptedError in stderr', function () {
+        expect(response.stderr).to.include(
+          'BackupCorruptedMissingBlobError: missing blob'
+        )
+      })
+    })
+  })
+  describe('storage/scripts/verify_backup_blob.mjs', function () {
+    it('throws and does not create DEK if missing', async function () {
+      const historyId = '404'
+      const hash = 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa'
+      const response = await verifyBlobScript(historyId, hash)
+      expect(response.status).to.equal(1)
+      expect(response.stdout).to.include('dek does not exist')
+      await expect(checkDEKExists(historyId)).to.be.rejectedWith(NotFoundError)
+    })
+    it('throws when deleted in db', async function () {
+      const blobStore = new BlobStore(historyIdPostgres)
+      await blobStore.deleteBlobs()
+      const response = await verifyBlobScript(historyIdPostgres, blobHashPG)
+      expect(response.status).to.equal(1)
+      expect(response.stdout).to.include(`blob ${blobHashPG} not found`)
+    })
+    it('throws when not existing', async function () {
+      await backupPersistor.deleteObject(projectBlobsBucket, blobPathPG)
+      const result = await verifyBlobScript(historyIdPostgres, blobHashPG)
+      expect(result.status).to.equal(1)
+      expect(result.stdout).to.include('missing blob')
+    })
+    it('throws when corrupted', async function () {
+      await backupPersistor.sendStream(
+        projectBlobsBucket,
+        blobPathPG,
+        Stream.Readable.from(['something else']),
+        { contentLength: 14 }
+      )
+      const result = await verifyBlobScript(historyIdPostgres, blobHashPG)
+      expect(result.status).to.equal(1)
+      expect(result.stdout).to.include('hash mismatch for backed up blob')
+    })
+    it('should successfully verify from postgres', async function () {
+      const result = await verifyBlobScript(
+        historyIdPostgres,
+        blobHashPG,
+        false
+      )
+      expect(result.status).to.equal(0)
+      expect(result.stdout.split('\n')).to.include('OK')
+    })
+    it('should successfully verify from mongo', async function () {
+      const result = await verifyBlobScript(
+        historyIdMongo,
+        blobHashMongo,
+        false
+      )
+      expect(result.status).to.equal(0)
+      expect(result.stdout.split('\n')).to.include('OK')
+    })
+  })
+  describe('GET /history/:historyId/blob/:hash/verify', function () {
+    it('returns 404 when deleted in db', async function () {
+      const blobStore = new BlobStore(historyIdPostgres)
+      await blobStore.deleteBlobs()
+      const response = await verifyBlobHTTP(historyIdPostgres, blobHashPG)
+      expect(response.status).to.equal(404)
+      expect(await response.text()).to.equal(`blob ${blobHashPG} not found`)
+    })
+    it('returns 422 and does not create DEK if missing', async function () {
+      const historyId = '404'
+      const hash = 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa'
+      const response = await verifyBlobHTTP(historyId, hash)
+      expect(response.status).to.equal(422)
+      expect(await response.text()).to.equal('dek does not exist')
+      await expect(checkDEKExists(historyId)).to.be.rejectedWith(NotFoundError)
+    })
+    it('returns 422 when not existing', async function () {
+      await backupPersistor.deleteObject(projectBlobsBucket, blobPathPG)
+      const response = await verifyBlobHTTP(historyIdPostgres, blobHashPG)
+      expect(response.status).to.equal(422)
+      expect(await response.text()).to.equal('missing blob')
+    })
+    it('returns 422 when corrupted', async function () {
+      await backupPersistor.sendStream(
+        projectBlobsBucket,
+        blobPathPG,
+        Stream.Readable.from(['something else']),
+        { contentLength: 14 }
+      )
+      const response = await verifyBlobHTTP(historyIdPostgres, blobHashPG)
+      expect(response.status).to.equal(422)
+      expect(await response.text()).to.equal('hash mismatch for backed up blob')
+    })
+    it('should successfully verify from postgres', async function () {
+      const response = await verifyBlobHTTP(historyIdPostgres, blobHashPG)
+      expect(response.status).to.equal(200)
+    })
+    it('should successfully verify from mongo', async function () {
+      const response = await verifyBlobHTTP(historyIdMongo, blobHashMongo)
+      expect(response.status).to.equal(200)
+    })
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/api/end_to_end.test.js b/services/history-v1/test/acceptance/js/api/end_to_end.test.js
new file mode 100644
index 0000000..f3ad144
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/api/end_to_end.test.js
@@ -0,0 +1,396 @@
+'use strict'
+
+const BPromise = require('bluebird')
+const { expect } = require('chai')
+const HTTPStatus = require('http-status')
+const fetch = require('node-fetch')
+const fs = BPromise.promisifyAll(require('node:fs'))
+
+const cleanup = require('../storage/support/cleanup')
+const fixtures = require('../storage/support/fixtures')
+const testFiles = require('../storage/support/test_files')
+const testProjects = require('./support/test_projects')
+const testServer = require('./support/test_server')
+
+const core = require('overleaf-editor-core')
+const Change = core.Change
+const ChunkResponse = core.ChunkResponse
+const File = core.File
+const Operation = core.Operation
+const Snapshot = core.Snapshot
+const TextOperation = core.TextOperation
+
+const blobHash = require('../../../../storage').blobHash
+
+describe('overleaf ot', function () {
+  beforeEach(cleanup.everything)
+  beforeEach(fixtures.create)
+
+  this.timeout(10000) // it takes a while on Docker for Mac
+
+  it('can use API', function () {
+    let client, downloadZipClient
+
+    const basicAuthClient = testServer.basicAuthClient
+    return (
+      testProjects
+        .createEmptyProject()
+        .then(projectId => {
+          return testServer
+            .createClientForProject(projectId)
+            .then(clientForProject => {
+              client = clientForProject
+              return testServer.createClientForDownloadZip(projectId)
+            })
+            .then(clientForProject => {
+              downloadZipClient = clientForProject
+              return projectId
+            })
+        })
+
+        // the project is currently empty
+        .then(projectId => {
+          return client.apis.Project.getLatestContent({
+            project_id: projectId,
+          }).then(response => {
+            const snapshot = Snapshot.fromRaw(response.obj)
+            expect(snapshot.countFiles()).to.equal(0)
+            return projectId
+          })
+        })
+
+        // upload a blob and add two files using it
+        .then(projectId => {
+          return fetch(
+            testServer.url(
+              `/api/projects/${projectId}/blobs/${testFiles.GRAPH_PNG_HASH}`,
+              { qs: { pathname: 'graph_1.png' } }
+            ),
+            {
+              method: 'PUT',
+              body: fs.createReadStream(testFiles.path('graph.png')),
+              headers: {
+                Authorization: testServer.basicAuthHeader,
+              },
+            }
+          )
+            .then(response => {
+              expect(response.ok).to.be.true
+            })
+            .then(() => {
+              const testFile = File.fromHash(testFiles.GRAPH_PNG_HASH)
+
+              const change = new Change(
+                [
+                  Operation.addFile('graph_1.png', testFile),
+                  Operation.addFile('graph_2.png', testFile),
+                ],
+                new Date()
+              )
+              return basicAuthClient.apis.ProjectImport.importChanges1({
+                project_id: projectId,
+                end_version: 0,
+                return_snapshot: 'hashed',
+                changes: [change.toRaw()],
+              })
+            })
+            .then(() => projectId)
+        })
+
+        // get the new project state
+        .then(projectId => {
+          return client.apis.Project.getLatestContent({
+            project_id: projectId,
+          }).then(response => {
+            const snapshot = Snapshot.fromRaw(response.obj)
+            expect(snapshot.countFiles()).to.equal(2)
+            const file0 = snapshot.getFile('graph_1.png')
+            expect(file0.getHash()).to.equal(testFiles.GRAPH_PNG_HASH)
+            const file1 = snapshot.getFile('graph_2.png')
+            expect(file1.getHash()).to.equal(testFiles.GRAPH_PNG_HASH)
+            return projectId
+          })
+        })
+
+        // get the history
+        .then(projectId => {
+          return client.apis.Project.getLatestHistory({
+            project_id: projectId,
+          }).then(response => {
+            const chunk = ChunkResponse.fromRaw(response.obj).getChunk()
+            const changes = chunk.getChanges()
+            expect(changes.length).to.equal(1)
+            const change0Timestamp = changes[0].getTimestamp().getTime()
+            expect(change0Timestamp).to.be.closeTo(Date.now(), 1e4)
+            return projectId
+          })
+        })
+
+        // upload an empty file
+        .then(projectId => {
+          return fetch(
+            testServer.url(
+              `/api/projects/${projectId}/blobs/${File.EMPTY_FILE_HASH}`,
+              { qs: { pathname: 'main.tex' } }
+            ),
+            {
+              method: 'PUT',
+              body: fs.createReadStream(testFiles.path('empty.tex')),
+              headers: {
+                Authorization: testServer.basicAuthHeader,
+              },
+            }
+          )
+            .then(response => {
+              expect(response.ok).to.be.true
+            })
+            .then(() => {
+              const testFile = File.fromHash(File.EMPTY_FILE_HASH)
+
+              const change = new Change(
+                [Operation.addFile('main.tex', testFile)],
+                new Date()
+              )
+              return basicAuthClient.apis.ProjectImport.importChanges1({
+                project_id: projectId,
+                end_version: 1,
+                return_snapshot: 'hashed',
+                changes: [change.toRaw()],
+              })
+            })
+            .then(() => projectId)
+        })
+
+        .then(projectId => {
+          // Fetch empty file blob
+          return client.apis.Project.getProjectBlob({
+            project_id: projectId,
+            hash: File.EMPTY_FILE_HASH,
+          })
+            .then(response => {
+              expect(response.headers['content-type']).to.equal(
+                'application/octet-stream'
+              )
+              return response.data.arrayBuffer()
+            })
+            .then(buffer => {
+              expect(buffer).to.deep.equal(new ArrayBuffer(0))
+              return projectId
+            })
+        })
+
+        // get the history
+        .then(projectId => {
+          return client.apis.Project.getLatestHistory({
+            project_id: projectId,
+          }).then(response => {
+            const chunk = ChunkResponse.fromRaw(response.obj).getChunk()
+            const changes = chunk.getChanges()
+            expect(changes.length).to.equal(2)
+            return projectId
+          })
+        })
+
+        // get the new project state
+        .then(projectId => {
+          return client.apis.Project.getLatestContent({
+            project_id: projectId,
+          }).then(response => {
+            const snapshot = Snapshot.fromRaw(response.obj)
+            expect(snapshot.countFiles()).to.equal(3)
+            expect(snapshot.getFile('graph_1.png').getHash()).to.equal(
+              testFiles.GRAPH_PNG_HASH
+            )
+            expect(snapshot.getFile('graph_2.png').getHash()).to.equal(
+              testFiles.GRAPH_PNG_HASH
+            )
+            expect(snapshot.getFile('main.tex').getContent()).to.equal('')
+            return projectId
+          })
+        })
+
+        // edit the main file
+        .then(projectId => {
+          const change = new Change(
+            [
+              Operation.editFile(
+                'main.tex',
+                TextOperation.fromJSON({ textOperation: ['hello'] })
+              ),
+            ],
+            new Date()
+          )
+          return basicAuthClient.apis.ProjectImport.importChanges1({
+            project_id: projectId,
+            changes: [change.toRaw()],
+            end_version: 2,
+            return_snapshot: 'hashed',
+          }).then(response => {
+            expect(response.status).to.equal(HTTPStatus.CREATED)
+            const snapshot = Snapshot.fromRaw(response.obj)
+            expect(snapshot.countFiles()).to.equal(3)
+            expect(snapshot.getFile('graph_1.png').getHash()).to.equal(
+              testFiles.GRAPH_PNG_HASH
+            )
+            expect(snapshot.getFile('graph_2.png').getHash()).to.equal(
+              testFiles.GRAPH_PNG_HASH
+            )
+            expect(snapshot.getFile('main.tex').getHash()).to.equal(
+              blobHash.fromString('hello')
+            )
+            return projectId
+          })
+        })
+
+        // get the new project state
+        .then(projectId => {
+          return client.apis.Project.getLatestContent({
+            project_id: projectId,
+          }).then(response => {
+            const snapshot = Snapshot.fromRaw(response.obj)
+            expect(snapshot.countFiles()).to.equal(3)
+            expect(snapshot.getFile('graph_1.png').getHash()).to.equal(
+              testFiles.GRAPH_PNG_HASH
+            )
+            expect(snapshot.getFile('graph_2.png').getHash()).to.equal(
+              testFiles.GRAPH_PNG_HASH
+            )
+            const mainFile = snapshot.getFile('main.tex')
+            expect(mainFile.getHash()).to.be.null
+            expect(mainFile.getContent()).to.equal('hello')
+            return projectId
+          })
+        })
+
+        // edit the main file again
+        .then(projectId => {
+          const change = new Change(
+            [
+              Operation.editFile(
+                'main.tex',
+                TextOperation.fromJSON({ textOperation: [1, -4, 'i world'] })
+              ),
+            ],
+            new Date()
+          )
+          return basicAuthClient.apis.ProjectImport.importChanges1({
+            project_id: projectId,
+            changes: [change.toRaw()],
+            end_version: 3,
+            return_snapshot: 'hashed',
+          }).then(response => {
+            expect(response.status).to.equal(HTTPStatus.CREATED)
+            const snapshot = Snapshot.fromRaw(response.obj)
+            expect(snapshot.countFiles()).to.equal(3)
+            expect(snapshot.getFile('main.tex').getHash()).to.equal(
+              blobHash.fromString('hi world')
+            )
+            return projectId
+          })
+        })
+
+        // get the new project state
+        .then(projectId => {
+          return client.apis.Project.getLatestContent({
+            project_id: projectId,
+          }).then(response => {
+            const snapshot = Snapshot.fromRaw(response.obj)
+            expect(snapshot.countFiles()).to.equal(3)
+            expect(snapshot.getFile('graph_1.png')).to.exist
+            expect(snapshot.getFile('graph_2.png')).to.exist
+            const mainFile = snapshot.getFile('main.tex')
+            expect(mainFile.getHash()).to.be.null
+            expect(mainFile.getContent()).to.equal('hi world')
+            return projectId
+          })
+        })
+
+        // rename the text file
+        .then(projectId => {
+          const change = new Change(
+            [Operation.moveFile('main.tex', 'intro.tex')],
+            new Date()
+          )
+          return basicAuthClient.apis.ProjectImport.importChanges1({
+            project_id: projectId,
+            changes: [change.toRaw()],
+            end_version: 4,
+            return_snapshot: 'hashed',
+          }).then(response => {
+            expect(response.status).to.equal(HTTPStatus.CREATED)
+            const snapshot = Snapshot.fromRaw(response.obj)
+            expect(snapshot.countFiles()).to.equal(3)
+            expect(snapshot.getFile('intro.tex').getHash()).to.equal(
+              blobHash.fromString('hi world')
+            )
+            return projectId
+          })
+        })
+
+        // get the new project state
+        .then(projectId => {
+          return client.apis.Project.getLatestContent({
+            project_id: projectId,
+          }).then(response => {
+            const snapshot = Snapshot.fromRaw(response.obj)
+            expect(snapshot.countFiles()).to.equal(3)
+            expect(snapshot.getFile('graph_1.png')).to.exist
+            expect(snapshot.getFile('graph_2.png')).to.exist
+            const mainFile = snapshot.getFile('intro.tex')
+            expect(mainFile.getHash()).to.be.null
+            expect(mainFile.getContent()).to.equal('hi world')
+            return projectId
+          })
+        })
+
+        // remove a graph
+        .then(projectId => {
+          const change = new Change(
+            [Operation.removeFile('graph_1.png')],
+            new Date()
+          )
+          return basicAuthClient.apis.ProjectImport.importChanges1({
+            project_id: projectId,
+            changes: [change.toRaw()],
+            end_version: 5,
+            return_snapshot: 'hashed',
+          }).then(response => {
+            expect(response.status).to.equal(HTTPStatus.CREATED)
+            const snapshot = Snapshot.fromRaw(response.obj)
+            expect(snapshot.countFiles()).to.equal(2)
+            return projectId
+          })
+        })
+
+        // get the new project state
+        .then(projectId => {
+          return client.apis.Project.getLatestContent({
+            project_id: projectId,
+          }).then(response => {
+            const snapshot = Snapshot.fromRaw(response.obj)
+            expect(snapshot.countFiles()).to.equal(2)
+            expect(snapshot.getFile('graph_2.png')).to.exist
+            const mainFile = snapshot.getFile('intro.tex')
+            expect(mainFile.getHash()).to.be.null
+            expect(mainFile.getContent()).to.equal('hi world')
+            return projectId
+          })
+        })
+
+        // download zip with project content
+        .then(projectId => {
+          return downloadZipClient.apis.Project.getZip({
+            project_id: projectId,
+            version: 6,
+          }).then(response => {
+            expect(response.status).to.equal(HTTPStatus.OK)
+            const headers = response.headers
+            expect(headers['content-type']).to.equal('application/octet-stream')
+            expect(headers['content-disposition']).to.equal(
+              'attachment; filename=project.zip'
+            )
+          })
+        })
+    )
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/api/project_blobs.test.js b/services/history-v1/test/acceptance/js/api/project_blobs.test.js
new file mode 100644
index 0000000..f2677e4
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/api/project_blobs.test.js
@@ -0,0 +1,251 @@
+const { expect } = require('chai')
+const config = require('config')
+const fs = require('node:fs')
+const fetch = require('node-fetch')
+const HTTPStatus = require('http-status')
+
+const cleanup = require('../storage/support/cleanup')
+const fixtures = require('../storage/support/fixtures')
+const testFiles = require('../storage/support/test_files')
+const testServer = require('./support/test_server')
+const { expectHttpError } = require('./support/expect_response')
+
+const { globalBlobs } = require('../../../../storage/lib/mongodb.js')
+const {
+  loadGlobalBlobs,
+} = require('../../../../storage/lib/blob_store/index.js')
+
+describe('Project blobs API', function () {
+  const projectId = '123'
+
+  beforeEach(cleanup.everything)
+  beforeEach(fixtures.create)
+
+  let client
+  let token
+  before(async function () {
+    client = await testServer.createClientForProject(projectId)
+    token = testServer.createTokenForProject(projectId)
+  })
+
+  it('returns 404 if the blob is not found', async function () {
+    const testHash = 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa'
+    await expectHttpError(
+      client.apis.Project.getProjectBlob({
+        project_id: projectId,
+        hash: testHash,
+      }),
+      HTTPStatus.NOT_FOUND
+    )
+  })
+
+  it('checks if file hash matches the hash parameter', async function () {
+    const testHash = 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa'
+    const response = await fetch(
+      testServer.url(`/api/projects/${projectId}/blobs/${testHash}`),
+      {
+        method: 'PUT',
+        headers: { Authorization: `Bearer ${token}` },
+        body: fs.createReadStream(testFiles.path('hello.txt')),
+      }
+    )
+    expect(response.status).to.equal(HTTPStatus.CONFLICT)
+
+    // check that it did not store the file
+    await expectHttpError(
+      client.apis.Project.getProjectBlob({
+        project_id: projectId,
+        hash: testFiles.HELLO_TXT_HASH,
+      }),
+      HTTPStatus.NOT_FOUND
+    )
+  })
+
+  it('rejects oversized files', async function () {
+    const testHash = 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa'
+    const buffer = Buffer.alloc(
+      parseInt(config.get('maxFileUploadSize'), 10) + 1
+    )
+    const response = await fetch(
+      testServer.url(`/api/projects/${projectId}/blobs/${testHash}`),
+      {
+        method: 'PUT',
+        headers: { Authorization: `Bearer ${token}` },
+        body: buffer,
+      }
+    )
+    expect(response.status).to.equal(HTTPStatus.REQUEST_ENTITY_TOO_LARGE)
+  })
+
+  describe('with an existing blob', async function () {
+    let fileContents
+
+    beforeEach(async function () {
+      fileContents = await fs.promises.readFile(testFiles.path('hello.txt'))
+      const response = await fetch(
+        testServer.url(
+          `/api/projects/${projectId}/blobs/${testFiles.HELLO_TXT_HASH}`
+        ),
+        {
+          method: 'PUT',
+          headers: { Authorization: `Bearer ${token}` },
+          body: fileContents,
+        }
+      )
+      expect(response.ok).to.be.true
+    })
+
+    it('fulfills a request with a JWT header', async function () {
+      const response = await client.apis.Project.getProjectBlob({
+        project_id: projectId,
+        hash: testFiles.HELLO_TXT_HASH,
+      })
+      const responseText = await response.data.text()
+      expect(responseText).to.equal(fileContents.toString())
+    })
+
+    it('fulfills a request with a token parameter', async function () {
+      const url = new URL(
+        testServer.url(
+          `/api/projects/${projectId}/blobs/${testFiles.HELLO_TXT_HASH}`
+        )
+      )
+      url.searchParams.append('token', token)
+      const response = await fetch(url)
+      const payload = await response.text()
+      expect(payload).to.equal(fileContents.toString())
+    })
+
+    it('supports range request', async function () {
+      const url = new URL(
+        testServer.url(
+          `/api/projects/${projectId}/blobs/${testFiles.HELLO_TXT_HASH}`
+        )
+      )
+      url.searchParams.append('token', token)
+      const response = await fetch(url, { headers: { Range: 'bytes=0-4' } })
+      const payload = await response.text()
+      expect(payload).to.equal(fileContents.toString().slice(0, 4))
+    })
+
+    it('supports HEAD request', async function () {
+      const url = new URL(
+        testServer.url(
+          `/api/projects/${projectId}/blobs/${testFiles.HELLO_TXT_HASH}`
+        )
+      )
+      url.searchParams.append('token', token)
+      const response = await fetch(url, { method: 'HEAD' })
+      expect(response.headers.get('Content-Length')).to.equal(
+        testFiles.HELLO_TXT_BYTE_LENGTH.toString()
+      )
+      const payload = await response.text()
+      expect(payload).to.have.length(0)
+    })
+
+    it('rejects an unautorized request', async function () {
+      const response = await fetch(
+        testServer.url(
+          `/api/projects/${projectId}/blobs/${testFiles.HELLO_TXT_HASH}`
+        )
+      )
+      expect(response.status).to.equal(HTTPStatus.UNAUTHORIZED)
+    })
+
+    it('copies the blob to another project', async function () {
+      const targetProjectId = '456'
+      const targetClient =
+        await testServer.createClientForProject(targetProjectId)
+      const targetToken = testServer.createTokenForProject(targetProjectId)
+      const url = new URL(
+        testServer.url(
+          `/api/projects/${targetProjectId}/blobs/${testFiles.HELLO_TXT_HASH}`
+        )
+      )
+      url.searchParams.append('copyFrom', projectId)
+
+      const response = await fetch(url, {
+        method: 'POST',
+        headers: { Authorization: `Bearer ${targetToken}` },
+      })
+      expect(response.status).to.equal(HTTPStatus.CREATED)
+
+      const newBlobResponse = await targetClient.apis.Project.getProjectBlob({
+        project_id: targetProjectId,
+        hash: testFiles.HELLO_TXT_HASH,
+      })
+      const newBlobResponseText = await newBlobResponse.data.text()
+      expect(newBlobResponseText).to.equal(fileContents.toString())
+    })
+
+    it('skips copying a blob to another project if it already exists', async function () {
+      const targetProjectId = '456'
+      const targetClient =
+        await testServer.createClientForProject(targetProjectId)
+      const targetToken = testServer.createTokenForProject(targetProjectId)
+
+      const fileContents = await fs.promises.readFile(
+        testFiles.path('hello.txt')
+      )
+      const uploadResponse = await fetch(
+        testServer.url(
+          `/api/projects/${targetProjectId}/blobs/${testFiles.HELLO_TXT_HASH}`
+        ),
+        {
+          method: 'PUT',
+          headers: { Authorization: `Bearer ${targetToken}` },
+          body: fileContents,
+        }
+      )
+      expect(uploadResponse.ok).to.be.true
+
+      const url = new URL(
+        testServer.url(
+          `/api/projects/${targetProjectId}/blobs/${testFiles.HELLO_TXT_HASH}`
+        )
+      )
+      url.searchParams.append('copyFrom', projectId)
+
+      const response = await fetch(url, {
+        method: 'POST',
+        headers: { Authorization: `Bearer ${targetToken}` },
+      })
+      expect(response.status).to.equal(HTTPStatus.NO_CONTENT)
+
+      const newBlobResponse = await targetClient.apis.Project.getProjectBlob({
+        project_id: targetProjectId,
+        hash: testFiles.HELLO_TXT_HASH,
+      })
+      const newBlobResponseText = await newBlobResponse.data.text()
+      expect(newBlobResponseText).to.equal(fileContents.toString())
+    })
+  })
+
+  describe('with a global blob', async function () {
+    before(async function () {
+      await globalBlobs.insertOne({
+        _id: testFiles.STRING_A_HASH,
+        byteLength: 1,
+        stringLength: 1,
+      })
+      await loadGlobalBlobs()
+    })
+
+    it('does not copy global blobs', async function () {
+      const targetProjectId = '456'
+      const targetToken = testServer.createTokenForProject(targetProjectId)
+      const url = new URL(
+        testServer.url(
+          `/api/projects/${targetProjectId}/blobs/${testFiles.STRING_A_HASH}`
+        )
+      )
+      url.searchParams.append('copyFrom', projectId)
+
+      const response = await fetch(url, {
+        method: 'POST',
+        headers: { Authorization: `Bearer ${targetToken}` },
+      })
+      expect(response.status).to.equal(HTTPStatus.NO_CONTENT)
+    })
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/api/project_import.test.js b/services/history-v1/test/acceptance/js/api/project_import.test.js
new file mode 100644
index 0000000..216fb52
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/api/project_import.test.js
@@ -0,0 +1,57 @@
+'use strict'
+
+const BPromise = require('bluebird')
+const { expect } = require('chai')
+const HTTPStatus = require('http-status')
+const fetch = require('node-fetch')
+const fs = BPromise.promisifyAll(require('node:fs'))
+
+const cleanup = require('../storage/support/cleanup')
+const fixtures = require('../storage/support/fixtures')
+const testFiles = require('../storage/support/test_files')
+const testProjects = require('./support/test_projects')
+const testServer = require('./support/test_server')
+
+const { Change, File, Operation } = require('overleaf-editor-core')
+
+describe('project import', function () {
+  beforeEach(cleanup.everything)
+  beforeEach(fixtures.create)
+
+  it('skips generating the snapshot by default', async function () {
+    const basicAuthClient = testServer.basicAuthClient
+    const projectId = await testProjects.createEmptyProject()
+
+    // upload an empty file
+    const response = await fetch(
+      testServer.url(
+        `/api/projects/${projectId}/blobs/${File.EMPTY_FILE_HASH}`,
+        { qs: { pathname: 'main.tex' } }
+      ),
+      {
+        method: 'PUT',
+        body: fs.createReadStream(testFiles.path('empty.tex')),
+        headers: {
+          Authorization: testServer.basicAuthHeader,
+        },
+      }
+    )
+    expect(response.ok).to.be.true
+
+    const testFile = File.fromHash(File.EMPTY_FILE_HASH)
+    const testChange = new Change(
+      [Operation.addFile('main.tex', testFile)],
+      new Date()
+    )
+
+    const importResponse =
+      await basicAuthClient.apis.ProjectImport.importChanges1({
+        project_id: projectId,
+        end_version: 0,
+        changes: [testChange.toRaw()],
+      })
+
+    expect(importResponse.status).to.equal(HTTPStatus.CREATED)
+    expect(importResponse.obj).to.deep.equal({})
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/api/project_updates.test.js b/services/history-v1/test/acceptance/js/api/project_updates.test.js
new file mode 100644
index 0000000..d670002
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/api/project_updates.test.js
@@ -0,0 +1,853 @@
+const BPromise = require('bluebird')
+const { expect } = require('chai')
+const fs = BPromise.promisifyAll(require('node:fs'))
+const HTTPStatus = require('http-status')
+const fetch = require('node-fetch')
+
+const cleanup = require('../storage/support/cleanup')
+const fixtures = require('../storage/support/fixtures')
+const testFiles = require('../storage/support/test_files')
+const expectResponse = require('./support/expect_response')
+const testServer = require('./support/test_server')
+
+const core = require('overleaf-editor-core')
+const testProjects = require('./support/test_projects')
+const Change = core.Change
+const ChunkResponse = core.ChunkResponse
+const File = core.File
+const Operation = core.Operation
+const Origin = core.Origin
+const Snapshot = core.Snapshot
+const TextOperation = core.TextOperation
+const V2DocVersions = core.V2DocVersions
+
+const knex = require('../../../../storage').knex
+
+describe('history import', function () {
+  beforeEach(cleanup.everything)
+  beforeEach(fixtures.create)
+
+  function changeToRaw(change) {
+    return change.toRaw()
+  }
+
+  function makeChange(operation) {
+    return new Change([operation], new Date(), [])
+  }
+
+  let basicAuthClient
+  let pseudoJwtBasicAuthClient
+  let clientForProject
+
+  before(async function () {
+    basicAuthClient = testServer.basicAuthClient
+    pseudoJwtBasicAuthClient = testServer.pseudoJwtBasicAuthClient
+    clientForProject = await testServer.createClientForProject('1')
+  })
+
+  it('creates blobs and then imports a snapshot and history', function () {
+    // We need to be able to set the projectId to match an existing doc ID.
+    const testProjectId = '1'
+    const testFilePathname = 'main.tex'
+    const testAuthors = [123, null]
+    const testTextOperation0 = TextOperation.fromJSON({ textOperation: ['a'] })
+    const testTextOperation1 = TextOperation.fromJSON({
+      textOperation: [1, 'b'],
+    })
+
+    let testSnapshot
+
+    return fetch(
+      testServer.url(
+        `/api/projects/${testProjectId}/blobs/${File.EMPTY_FILE_HASH}`
+      ),
+      {
+        method: 'PUT',
+        body: fs.createReadStream(testFiles.path('empty.tex')),
+        headers: {
+          Authorization: testServer.basicAuthHeader,
+        },
+      }
+    )
+      .then(response => {
+        expect(response.ok).to.be.true
+      })
+      .then(() => {
+        // Import project
+        testSnapshot = new Snapshot()
+        testSnapshot.addFile(
+          testFilePathname,
+          File.fromHash(File.EMPTY_FILE_HASH)
+        )
+        return basicAuthClient.apis.ProjectImport.importSnapshot1({
+          project_id: testProjectId,
+          snapshot: testSnapshot.toRaw(),
+        })
+      })
+      .then(response => {
+        // Check project is valid
+        expect(response.obj.projectId).to.equal(testProjectId)
+      })
+      .then(() => {
+        // Try importing the project again
+        return basicAuthClient.apis.ProjectImport.importSnapshot1({
+          project_id: testProjectId,
+          snapshot: testSnapshot.toRaw(),
+        })
+      })
+      .then(() => {
+        // Check that importing a duplicate fails
+        expect.fail()
+      })
+      .catch(expectResponse.conflict)
+      .then(() => {
+        // Get project history
+        return clientForProject.apis.Project.getLatestHistory({
+          project_id: testProjectId,
+        })
+      })
+      .then(response => {
+        // Check that the imported history is valid
+        const chunk = ChunkResponse.fromRaw(response.obj).getChunk()
+        const snapshot = chunk.getSnapshot()
+        expect(snapshot.countFiles()).to.equal(1)
+        const file = snapshot.getFile(testFilePathname)
+        expect(file.getHash()).to.eql(File.EMPTY_FILE_HASH)
+        expect(chunk.getChanges().length).to.equal(0)
+        expect(chunk.getEndVersion()).to.equal(0)
+      })
+      .then(() => {
+        // Import changes with an end version
+        const changes = [
+          makeChange(Operation.editFile(testFilePathname, testTextOperation0)),
+          makeChange(Operation.editFile(testFilePathname, testTextOperation1)),
+        ]
+        changes[0].setAuthors(testAuthors)
+        return basicAuthClient.apis.ProjectImport.importChanges1({
+          project_id: testProjectId,
+          changes: changes.map(changeToRaw),
+          end_version: 0,
+          return_snapshot: 'hashed',
+        })
+      })
+      .then(response => {
+        expect(response.status).to.equal(HTTPStatus.CREATED)
+        const snapshot = Snapshot.fromRaw(response.obj)
+        expect(snapshot.countFiles()).to.equal(1)
+        expect(snapshot.getFile('main.tex').getHash()).to.equal(
+          testFiles.STRING_AB_HASH
+        )
+      })
+
+      .then(() => {
+        // Get project history
+        return clientForProject.apis.Project.getLatestHistory({
+          project_id: testProjectId,
+        })
+      })
+      .then(response => {
+        // Check that the history is valid
+        const chunkResponse = ChunkResponse.fromRaw(response.obj)
+        const chunk = chunkResponse.getChunk()
+        const snapshot = chunk.getSnapshot()
+        expect(snapshot.countFiles()).to.equal(1)
+        const file = snapshot.getFile(testFilePathname)
+        expect(file.getHash()).to.equal(File.EMPTY_FILE_HASH)
+        expect(chunk.getChanges().length).to.equal(2)
+        const changeWithAuthors = chunk.getChanges()[0]
+        expect(changeWithAuthors.getAuthors().length).to.equal(2)
+        expect(changeWithAuthors.getAuthors()).to.deep.equal(testAuthors)
+        expect(chunk.getStartVersion()).to.equal(0)
+        expect(chunk.getEndVersion()).to.equal(2)
+      })
+      .then(() => {
+        return clientForProject.apis.Project.getLatestHistory({
+          project_id: testProjectId,
+        })
+      })
+      .then(response => {
+        // it should retrieve the same chunk
+        const chunkResponse = ChunkResponse.fromRaw(response.obj)
+        const chunk = chunkResponse.getChunk()
+        expect(chunk.getChanges().length).to.equal(2)
+        expect(chunk.getStartVersion()).to.equal(0)
+        expect(chunk.getEndVersion()).to.equal(2)
+      })
+      .then(() => {
+        // Get project's latest content
+        return clientForProject.apis.Project.getLatestContent({
+          project_id: testProjectId,
+        })
+      })
+      .then(response => {
+        // Check that the content is valid
+        const snapshot = Snapshot.fromRaw(response.obj)
+        expect(snapshot.countFiles()).to.equal(1)
+        const file = snapshot.getFile(testFilePathname)
+        expect(file.getContent()).to.equal('ab')
+      })
+  })
+
+  it('rejects invalid changes in history', function () {
+    const testProjectId = '1'
+    const testFilePathname = 'main.tex'
+    const testTextOperation = TextOperation.fromJSON({
+      textOperation: ['a', 10],
+    })
+
+    let testSnapshot
+
+    return fetch(
+      testServer.url(
+        `/api/projects/${testProjectId}/blobs/${File.EMPTY_FILE_HASH}`
+      ),
+      {
+        method: 'PUT',
+        body: fs.createReadStream(testFiles.path('empty.tex')),
+        headers: {
+          Authorization: testServer.basicAuthHeader,
+        },
+      }
+    )
+      .then(response => {
+        expect(response.ok).to.be.true
+      })
+      .then(() => {
+        // Import project
+        testSnapshot = new Snapshot()
+        testSnapshot.addFile(
+          testFilePathname,
+          File.fromHash(File.EMPTY_FILE_HASH)
+        )
+        return basicAuthClient.apis.ProjectImport.importSnapshot1({
+          project_id: testProjectId,
+          snapshot: testSnapshot.toRaw(),
+        })
+      })
+      .then(response => {
+        // Check project is valid
+        expect(response.obj.projectId).to.equal(testProjectId)
+      })
+      .then(() => {
+        // Import invalid changes
+        const changes = [
+          makeChange(Operation.editFile(testFilePathname, testTextOperation)),
+        ]
+        return basicAuthClient.apis.ProjectImport.importChanges1({
+          project_id: testProjectId,
+          end_version: 0,
+          return_snapshot: 'hashed',
+          changes: changes.map(changeToRaw),
+        })
+      })
+      .then(() => {
+        // Check that this fails
+        expect.fail()
+      })
+      .catch(expectResponse.unprocessableEntity)
+      .then(() => {
+        // Get the latest content
+        return clientForProject.apis.Project.getLatestContent({
+          project_id: testProjectId,
+        })
+      })
+      .then(response => {
+        // Check that no changes have been stored
+        const snapshot = Snapshot.fromRaw(response.obj)
+        expect(snapshot.countFiles()).to.equal(1)
+        const file = snapshot.getFile(testFilePathname)
+        expect(file.getContent()).to.equal('')
+      })
+      .then(() => {
+        // Send a change with the wrong end version that is not conflicting
+        // with the latest snapshot
+        const changes = [makeChange(Operation.removeFile(testFilePathname))]
+        return basicAuthClient.apis.ProjectImport.importChanges1({
+          project_id: testProjectId,
+          end_version: 10000,
+          changes,
+        })
+      })
+      .then(() => {
+        // Check that this fails
+        expect.fail()
+      })
+      .catch(expectResponse.unprocessableEntity)
+      .then(() => {
+        // Get the latest project history
+        return clientForProject.apis.Project.getLatestHistory({
+          project_id: testProjectId,
+        })
+      })
+      .then(response => {
+        // Check that no changes have been stored
+        const chunkResponse = ChunkResponse.fromRaw(response.obj)
+        const changes = chunkResponse.getChunk().getChanges()
+        expect(changes).to.have.length(0)
+      })
+  })
+
+  it('creates and edits a file using changes', function () {
+    const testProjectId = '1'
+    const mainFilePathname = 'main.tex'
+    const testFilePathname = 'test.tex'
+    const testTextOperation = TextOperation.fromJSON({ textOperation: ['a'] })
+    const inexistentAuthors = [1234, 5678]
+    const projectVersion = '12345.0'
+    const v2DocVersions = new V2DocVersions({
+      'random-doc-id': { pathname: 'doc-path.tex', v: 123 },
+    })
+    const testLabelOrigin = Origin.fromRaw({
+      kind: 'saved ver',
+    })
+    const testRestoreOrigin = Origin.fromRaw({
+      kind: 'restore',
+      timestamp: '2016-01-01T00:00:00',
+      version: 1,
+    })
+
+    let testSnapshot
+
+    return fetch(
+      testServer.url(
+        `/api/projects/${testProjectId}/blobs/${File.EMPTY_FILE_HASH}`
+      ),
+      {
+        method: 'PUT',
+        body: fs.createReadStream(testFiles.path('empty.tex')),
+        headers: {
+          Authorization: testServer.basicAuthHeader,
+        },
+      }
+    )
+      .then(response => {
+        expect(response.ok).to.be.true
+      })
+      .then(() => {
+        // Import a project
+        testSnapshot = new Snapshot()
+        testSnapshot.addFile(
+          mainFilePathname,
+          File.fromHash(File.EMPTY_FILE_HASH)
+        )
+        return basicAuthClient.apis.ProjectImport.importSnapshot1({
+          project_id: testProjectId,
+          snapshot: testSnapshot.toRaw(),
+        })
+      })
+      .then(response => {
+        // Check that the project is valid
+        expect(response.obj.projectId).to.equal(testProjectId)
+      })
+      .then(() => {
+        // Import changes
+        const testFile = File.fromHash(File.EMPTY_FILE_HASH)
+        const changes = [
+          makeChange(Operation.addFile(testFilePathname, testFile)),
+          makeChange(Operation.editFile(testFilePathname, testTextOperation)),
+        ]
+        changes[0].setProjectVersion(projectVersion)
+        changes[1].setAuthors(inexistentAuthors)
+        changes[1].setV2DocVersions(v2DocVersions)
+        return basicAuthClient.apis.ProjectImport.importChanges1({
+          project_id: testProjectId,
+          end_version: 0,
+          return_snapshot: 'hashed',
+          changes: changes.map(changeToRaw),
+        })
+      })
+      .then(response => {
+        expect(response.status).to.equal(HTTPStatus.CREATED)
+        const snapshot = Snapshot.fromRaw(response.obj)
+        expect(snapshot.countFiles()).to.equal(2)
+        expect(snapshot.getFile('main.tex').getHash()).to.equal(
+          File.EMPTY_FILE_HASH
+        )
+        expect(snapshot.getFile('test.tex').getHash()).to.equal(
+          testFiles.STRING_A_HASH
+        )
+      })
+      .then(() => {
+        // Get the project history
+        return clientForProject.apis.Project.getLatestHistory({
+          project_id: testProjectId,
+        })
+      })
+      .then(response => {
+        // it should not fail when the some of the authors do not exist anymore
+        const chunkResponse = ChunkResponse.fromRaw(response.obj)
+        const changes = chunkResponse.getChunk().getChanges()
+        expect(changes.length).to.equal(2)
+        const changeWithAuthor = changes[1]
+        expect(changeWithAuthor.getAuthors()).to.deep.equal(inexistentAuthors)
+      })
+      .then(() => {
+        // it should retrieve the latest snapshot when the changes set is empty
+        return basicAuthClient.apis.ProjectImport.importChanges1({
+          project_id: testProjectId,
+          end_version: 0,
+          return_snapshot: 'hashed',
+          changes: [],
+        })
+      })
+      .then(response => {
+        // Check latest snapshot
+        const snapshot = Snapshot.fromRaw(response.obj)
+        expect(snapshot.countFiles()).to.equal(2)
+        expect(snapshot.getFile('main.tex').getHash()).to.equal(
+          File.EMPTY_FILE_HASH
+        )
+        expect(snapshot.getFile('test.tex').getHash()).to.equal(
+          testFiles.STRING_A_HASH
+        )
+        expect(snapshot.getProjectVersion()).to.equal(projectVersion)
+        expect(snapshot.getV2DocVersions()).to.deep.equal(v2DocVersions)
+      })
+      .then(() => {
+        // Import changes with origin
+        const testFile = File.fromHash(File.EMPTY_FILE_HASH)
+        const changes = [
+          makeChange(Operation.removeFile(testFilePathname)),
+          makeChange(Operation.addFile(testFilePathname, testFile)),
+        ]
+        changes[0].setOrigin(testLabelOrigin)
+        changes[1].setOrigin(testRestoreOrigin)
+        return basicAuthClient.apis.ProjectImport.importChanges1({
+          project_id: testProjectId,
+          end_version: 0,
+          changes: changes.map(changeToRaw),
+        })
+      })
+      .then(() => {
+        // Get the latest history
+        return clientForProject.apis.Project.getLatestHistory({
+          project_id: testProjectId,
+        })
+      })
+      .then(response => {
+        // Check that the origin is stored
+        const chunkResponse = ChunkResponse.fromRaw(response.obj)
+        const changes = chunkResponse.getChunk().getChanges()
+        expect(changes).to.have.length(4)
+        expect(changes[2].getOrigin()).to.deep.equal(testLabelOrigin)
+        expect(changes[3].getOrigin()).to.deep.equal(testRestoreOrigin)
+      })
+      .then(() => {
+        // Import invalid changes
+        const testFile = File.fromHash(File.EMPTY_FILE_HASH)
+        const changes = [makeChange(Operation.addFile('../../a.tex', testFile))]
+        return basicAuthClient.apis.ProjectImport.importChanges1({
+          project_id: testProjectId,
+          end_version: 0,
+          changes: changes.map(changeToRaw),
+        })
+      })
+      .then(() => {
+        // Check that this fails and returns a 422
+        expect.fail()
+      })
+      .catch(expectResponse.unprocessableEntity)
+  })
+
+  it('rejects text operations on binary files', function () {
+    const testProjectId = '1'
+    const testFilePathname = 'main.tex'
+    const testTextOperation = TextOperation.fromJSON({ textOperation: ['bb'] })
+
+    let testSnapshot
+
+    return fetch(
+      testServer.url(
+        `/api/projects/${testProjectId}/blobs/${testFiles.NON_BMP_TXT_HASH}`
+      ),
+      {
+        method: 'PUT',
+        body: fs.createReadStream(testFiles.path('non_bmp.txt')),
+        headers: {
+          Authorization: testServer.basicAuthHeader,
+        },
+      }
+    )
+      .then(response => {
+        expect(response.ok).to.be.true
+      })
+      .then(() => {
+        // Import a project
+        testSnapshot = new Snapshot()
+        testSnapshot.addFile(
+          testFilePathname,
+          File.fromHash(testFiles.NON_BMP_TXT_HASH)
+        )
+        return basicAuthClient.apis.ProjectImport.importSnapshot1({
+          project_id: testProjectId,
+          snapshot: testSnapshot.toRaw(),
+        })
+      })
+      .then(response => {
+        // Check that the project is valid
+        expect(response.obj.projectId).to.equal(testProjectId)
+      })
+      .then(() => {
+        // Import invalid changes
+        const changes = [
+          makeChange(Operation.editFile(testFilePathname, testTextOperation)),
+        ]
+        return basicAuthClient.apis.ProjectImport.importChanges1({
+          project_id: testProjectId,
+          end_version: 0,
+          changes: changes.map(changeToRaw),
+        })
+      })
+      .then(() => {
+        // Expect invalid changes to fail
+        expect.fail()
+      })
+      .catch(expectResponse.unprocessableEntity)
+      .then(() => {
+        // Get latest content
+        return clientForProject.apis.Project.getLatestContent({
+          project_id: testProjectId,
+        })
+      })
+      .then(response => {
+        // Check that no changes were stored
+        const snapshot = Snapshot.fromRaw(response.obj)
+        expect(snapshot.countFiles()).to.equal(1)
+        expect(snapshot.getFile(testFilePathname).getHash()).to.equal(
+          testFiles.NON_BMP_TXT_HASH
+        )
+      })
+  })
+
+  it('accepts text operation on files with null characters if stringLength is present', function () {
+    const testProjectId = '1'
+    const mainFilePathname = 'main.tex'
+    const testTextOperation = TextOperation.fromJSON({
+      textOperation: [3, 'a'],
+    })
+
+    let testSnapshot
+
+    function importChanges() {
+      const changes = [
+        makeChange(Operation.editFile(mainFilePathname, testTextOperation)),
+      ]
+      return basicAuthClient.apis.ProjectImport.importChanges1({
+        project_id: testProjectId,
+        end_version: 0,
+        changes: changes.map(changeToRaw),
+      })
+    }
+
+    function getLatestContent() {
+      return clientForProject.apis.Project.getLatestContent({
+        project_id: testProjectId,
+      })
+    }
+
+    return fetch(
+      testServer.url(
+        `/api/projects/${testProjectId}/blobs/${testFiles.NULL_CHARACTERS_TXT_HASH}`
+      ),
+      {
+        method: 'PUT',
+        body: fs.createReadStream(testFiles.path('null_characters.txt')),
+        headers: {
+          Authorization: testServer.basicAuthHeader,
+        },
+      }
+    )
+      .then(response => {
+        expect(response.ok).to.be.true
+      })
+      .then(() => {
+        // Import project
+        testSnapshot = new Snapshot()
+        testSnapshot.addFile(
+          mainFilePathname,
+          File.fromHash(testFiles.NULL_CHARACTERS_TXT_HASH)
+        )
+        return basicAuthClient.apis.ProjectImport.importSnapshot1({
+          project_id: testProjectId,
+          snapshot: testSnapshot.toRaw(),
+        })
+      })
+      .then(importChanges)
+      .then(() => {
+        // Expect invalid changes to fail
+        expect.fail()
+      })
+      .catch(expectResponse.unprocessableEntity)
+      .then(getLatestContent)
+      .then(response => {
+        // Check that no chaes were made
+        const snapshot = Snapshot.fromRaw(response.obj)
+        expect(snapshot.countFiles()).to.equal(1)
+        expect(snapshot.getFile(mainFilePathname).getHash()).to.equal(
+          testFiles.NULL_CHARACTERS_TXT_HASH
+        )
+      })
+      .then(() => {
+        // Set string length
+        return knex('project_blobs').update(
+          'string_length',
+          testFiles.NULL_CHARACTERS_TXT_BYTE_LENGTH
+        )
+      })
+      .then(importChanges)
+      .then(getLatestContent)
+      .then(response => {
+        const snapshot = Snapshot.fromRaw(response.obj)
+        expect(snapshot.countFiles()).to.equal(1)
+        expect(snapshot.getFile(mainFilePathname).getContent()).to.equal(
+          '\x00\x00\x00a'
+        )
+      })
+  })
+
+  it('returns 404 when chunk is not found in bucket', function () {
+    const testProjectId = '1'
+    const fooChange = makeChange(Operation.removeFile('foo.tex'))
+
+    return knex('chunks')
+      .insert({
+        doc_id: testProjectId,
+        start_version: 0,
+        end_version: 100,
+        end_timestamp: null,
+      })
+      .then(() => {
+        // Import changes
+        return basicAuthClient.apis.ProjectImport.importChanges1({
+          project_id: testProjectId,
+          end_version: 100,
+          changes: [fooChange.toRaw()],
+        })
+      })
+      .then(() => {
+        // Expect invalid changes to fail
+        expect.fail()
+      })
+      .catch(expectResponse.notFound)
+  })
+
+  it('creates and returns changes with v2 author ids', function () {
+    const testFilePathname = 'test.tex'
+    const testTextOperation = TextOperation.fromJSON({ textOperation: ['a'] })
+    const v2Authors = ['5a296963ad5e82432674c839', null]
+
+    let testProjectId
+
+    return testProjects
+      .createEmptyProject()
+      .then(projectId => {
+        testProjectId = projectId
+        expect(testProjectId).to.be.a('string')
+      })
+      .then(() => {
+        return fetch(
+          testServer.url(
+            `/api/projects/${testProjectId}/blobs/${File.EMPTY_FILE_HASH}`
+          ),
+          {
+            method: 'PUT',
+            body: fs.createReadStream(testFiles.path('empty.tex')),
+            headers: {
+              Authorization: testServer.basicAuthHeader,
+            },
+          }
+        )
+      })
+      .then(response => {
+        expect(response.ok).to.be.true
+      })
+      .then(() => {
+        // Import changes
+        const testFile = File.fromHash(File.EMPTY_FILE_HASH)
+        const changes = [
+          makeChange(Operation.addFile(testFilePathname, testFile)),
+          makeChange(Operation.editFile(testFilePathname, testTextOperation)),
+        ]
+        changes[1].setV2Authors(v2Authors)
+        return basicAuthClient.apis.ProjectImport.importChanges1({
+          project_id: testProjectId,
+          end_version: 0,
+          return_snapshot: 'hashed',
+          changes: changes.map(changeToRaw),
+        })
+      })
+      .then(response => {
+        expect(response.status).to.equal(HTTPStatus.CREATED)
+        const snapshot = Snapshot.fromRaw(response.obj)
+        expect(snapshot.countFiles()).to.equal(1)
+        expect(snapshot.getFile('test.tex').getHash()).to.equal(
+          testFiles.STRING_A_HASH
+        )
+      })
+      .then(() => {
+        // Get project history
+        return pseudoJwtBasicAuthClient.apis.Project.getLatestHistory({
+          project_id: testProjectId,
+        })
+      })
+      .then(response => {
+        // it should not fail when the some of the authors do not exist anymore
+        const chunkResponse = ChunkResponse.fromRaw(response.obj)
+        const changes = chunkResponse.getChunk().getChanges()
+        expect(changes.length).to.equal(2)
+        const changeWithAuthor = changes[1]
+        expect(changeWithAuthor.getV2Authors()).to.deep.equal(v2Authors)
+      })
+  })
+
+  it('should reject invalid v2 author ids', function () {
+    const testFilePathname = 'test.tex'
+    const v2Authors = ['not-a-v2-id']
+
+    let testProjectId
+
+    return testProjects
+      .createEmptyProject()
+      .then(projectId => {
+        testProjectId = projectId
+        expect(testProjectId).to.be.a('string')
+      })
+      .then(() => {
+        return fetch(
+          testServer.url(
+            `/api/projects/${testProjectId}/blobs/${File.EMPTY_FILE_HASH}`
+          ),
+          {
+            method: 'PUT',
+            body: fs.createReadStream(testFiles.path('empty.tex')),
+            headers: {
+              Authorization: testServer.basicAuthHeader,
+            },
+          }
+        )
+      })
+      .then(response => {
+        expect(response.ok).to.be.true
+      })
+      .then(() => {
+        // Import changes
+        const testFile = File.fromHash(File.EMPTY_FILE_HASH)
+        const changes = [
+          makeChange(Operation.addFile(testFilePathname, testFile)),
+        ]
+
+        changes[0].v2Authors = v2Authors
+        return basicAuthClient.apis.ProjectImport.importChanges1({
+          project_id: testProjectId,
+          end_version: 0,
+          changes: changes.map(changeToRaw),
+        })
+      })
+      .then(() => {
+        // Check that invalid changes fail
+        expect.fail()
+      })
+      .catch(expectResponse.unprocessableEntity)
+  })
+
+  it('should reject changes with both v1 and v2 authors ids', function () {
+    const testFilePathname = 'test.tex'
+    const v1Authors = [456]
+    const v2Authors = ['5a296963ad5e82432674c839', null]
+
+    let testProjectId
+
+    return testProjects
+      .createEmptyProject()
+      .then(projectId => {
+        testProjectId = projectId
+        expect(testProjectId).to.be.a('string')
+      })
+      .then(() => {
+        return fetch(
+          testServer.url(
+            `/api/projects/${testProjectId}/blobs/${File.EMPTY_FILE_HASH}`
+          ),
+          {
+            method: 'PUT',
+            body: fs.createReadStream(testFiles.path('empty.tex')),
+            headers: {
+              Authorization: testServer.basicAuthHeader,
+            },
+          }
+        )
+      })
+      .then(response => {
+        expect(response.ok).to.be.true
+      })
+      .then(() => {
+        // Import changes
+        const testFile = File.fromHash(File.EMPTY_FILE_HASH)
+        const changes = [
+          makeChange(Operation.addFile(testFilePathname, testFile)),
+        ]
+
+        changes[0].authors = v1Authors
+        changes[0].v2Authors = v2Authors
+        return basicAuthClient.apis.ProjectImport.importChanges1({
+          project_id: testProjectId,
+          end_version: 0,
+          changes: changes.map(changeToRaw),
+        })
+      })
+      .then(() => {
+        // Check that invalid changes fail
+        expect.fail()
+      })
+      .catch(expectResponse.unprocessableEntity)
+  })
+
+  it("returns unprocessable if end_version isn't provided", function () {
+    return testProjects
+      .createEmptyProject()
+      .then(projectId => {
+        expect(projectId).to.be.a('string')
+        return projectId
+      })
+      .then(projectId => {
+        // Import changes
+        return basicAuthClient.apis.ProjectImport.importChanges1({
+          project_id: projectId,
+          changes: [],
+        })
+      })
+      .then(() => {
+        // Check that invalid changes fail
+        expect.fail()
+      })
+      .catch(error => {
+        expect(error.message).to.equal(
+          'Required parameter end_version is not provided'
+        )
+      })
+  })
+
+  it('returns unprocessable if return_snapshot is invalid', function () {
+    return testProjects
+      .createEmptyProject()
+      .then(projectId => {
+        // Import changes
+        return basicAuthClient.apis.ProjectImport.importChanges1({
+          project_id: projectId,
+          changes: [],
+          end_version: 0,
+          return_snapshot: 'not_a_valid_value',
+        })
+      })
+      .then(() => {
+        // Check that invalid changes fail
+        expect.fail()
+      })
+      .catch(error => {
+        expect(error.status).to.equal(HTTPStatus.UNPROCESSABLE_ENTITY)
+        expect(error.response.body.message).to.equal(
+          'invalid enum value: return_snapshot'
+        )
+      })
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/api/projects.test.js b/services/history-v1/test/acceptance/js/api/projects.test.js
new file mode 100644
index 0000000..3c333d8
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/api/projects.test.js
@@ -0,0 +1,333 @@
+'use strict'
+
+const { expect } = require('chai')
+const fs = require('node:fs')
+const HTTPStatus = require('http-status')
+const fetch = require('node-fetch')
+const sinon = require('sinon')
+
+const cleanup = require('../storage/support/cleanup')
+const fixtures = require('../storage/support/fixtures')
+const testFiles = require('../storage/support/test_files')
+
+const { zipStore, persistChanges } = require('../../../../storage')
+
+const { expectHttpError } = require('./support/expect_response')
+const testServer = require('./support/test_server')
+const { createEmptyProject } = require('./support/test_projects')
+
+const {
+  File,
+  Snapshot,
+  Change,
+  AddFileOperation,
+  EditFileOperation,
+  TextOperation,
+} = require('overleaf-editor-core')
+const testProjects = require('./support/test_projects')
+
+describe('project controller', function () {
+  beforeEach(cleanup.everything)
+  beforeEach(fixtures.create)
+
+  describe('initializeProject', function () {
+    it('can initialize a new project', async function () {
+      const projectId = await testProjects.createEmptyProject()
+      expect(projectId).to.be.a('string')
+    })
+  })
+
+  describe('createZip', function () {
+    let importSnapshot
+    let createZip
+
+    before(function () {
+      importSnapshot =
+        testServer.basicAuthClient.apis.ProjectImport.importSnapshot1
+      createZip = testServer.basicAuthClient.apis.Project.createZip
+    })
+
+    beforeEach(function () {
+      // Don't start the work in the background in this test --- it is flaky.
+      sinon.stub(zipStore, 'storeZip').resolves()
+    })
+    afterEach(function () {
+      zipStore.storeZip.restore()
+    })
+
+    it('creates a URL to a zip file', async function () {
+      // Create a test blob.
+      const testProjectId = fixtures.docs.uninitializedProject.id
+      const response = await fetch(
+        testServer.url(
+          `/api/projects/${testProjectId}/blobs/${testFiles.HELLO_TXT_HASH}`
+        ),
+        {
+          method: 'PUT',
+          body: fs.createReadStream(testFiles.path('hello.txt')),
+          headers: {
+            Authorization: testServer.basicAuthHeader,
+          },
+        }
+      )
+      expect(response.ok).to.be.true
+
+      // Import a project with the test blob.
+      const testFilePathname = 'hello.txt'
+      const testSnapshot = new Snapshot()
+      testSnapshot.addFile(
+        testFilePathname,
+        File.fromHash(testFiles.HELLO_TXT_HASH)
+      )
+
+      const importResponse = await importSnapshot({
+        project_id: testProjectId,
+        snapshot: testSnapshot.toRaw(),
+      })
+      expect(importResponse.obj.projectId).to.equal(testProjectId)
+
+      const createZipResponse = await createZip({
+        project_id: testProjectId,
+        version: 0,
+      })
+      expect(createZipResponse.status).to.equal(HTTPStatus.OK)
+      const zipInfo = createZipResponse.obj
+      expect(zipInfo.zipUrl).to.match(
+        /^http:\/\/gcs:9090\/download\/storage\/v1\/b\/overleaf-test-zips/
+      )
+      expect(zipStore.storeZip.calledOnce).to.be.true
+    })
+  })
+
+  // eslint-disable-next-line mocha/no-skipped-tests
+  describe.skip('getLatestContent', function () {
+    // TODO: remove this endpoint entirely, see
+    // https://github.com/overleaf/write_latex/pull/5120#discussion_r244291862
+  })
+
+  describe('project with changes', function () {
+    let projectId
+
+    beforeEach(async function () {
+      // used to provide a limit which forces us to persist all of the changes.
+      const farFuture = new Date()
+      farFuture.setTime(farFuture.getTime() + 7 * 24 * 3600 * 1000)
+      const limits = {
+        minChangeTimestamp: farFuture,
+        maxChangeTimestamp: farFuture,
+      }
+      const changes = [
+        new Change(
+          [new AddFileOperation('test.tex', File.fromString('ab'))],
+          new Date(),
+          []
+        ),
+        new Change(
+          [new AddFileOperation('other.tex', File.fromString('hello'))],
+          new Date(),
+          []
+        ),
+      ]
+
+      projectId = await createEmptyProject()
+      await persistChanges(projectId, changes, limits, 0)
+    })
+
+    describe('getLatestHashedContent', function () {
+      it('returns a snapshot', async function () {
+        const response =
+          await testServer.basicAuthClient.apis.Project.getLatestHashedContent({
+            project_id: projectId,
+          })
+        expect(response.status).to.equal(HTTPStatus.OK)
+        const snapshot = Snapshot.fromRaw(response.obj)
+        expect(snapshot.countFiles()).to.equal(2)
+        expect(snapshot.getFile('test.tex').getHash()).to.equal(
+          testFiles.STRING_AB_HASH
+        )
+      })
+    })
+
+    describe('getChanges', function () {
+      it('returns all changes when not given a limit', async function () {
+        const response =
+          await testServer.basicAuthClient.apis.Project.getChanges({
+            project_id: projectId,
+          })
+        expect(response.status).to.equal(HTTPStatus.OK)
+        const changes = response.obj
+        expect(changes.length).to.equal(2)
+        const filenames = changes
+          .flatMap(change => change.operations)
+          .map(operation => operation.pathname)
+        expect(filenames).to.deep.equal(['test.tex', 'other.tex'])
+      })
+
+      it('returns only requested changes', async function () {
+        const response =
+          await testServer.basicAuthClient.apis.Project.getChanges({
+            project_id: projectId,
+            since: 1,
+          })
+        expect(response.status).to.equal(HTTPStatus.OK)
+        const changes = response.obj
+        expect(changes.length).to.equal(1)
+        const filenames = changes
+          .flatMap(change => change.operations)
+          .map(operation => operation.pathname)
+        expect(filenames).to.deep.equal(['other.tex'])
+      })
+
+      it('rejects negative versions', async function () {
+        await expect(
+          testServer.basicAuthClient.apis.Project.getChanges({
+            project_id: projectId,
+            since: -1,
+          })
+        ).to.be.rejectedWith('Bad Request')
+      })
+
+      it('rejects out of bounds versions', async function () {
+        await expect(
+          testServer.basicAuthClient.apis.Project.getChanges({
+            project_id: projectId,
+            since: 20,
+          })
+        ).to.be.rejectedWith('Bad Request')
+      })
+    })
+  })
+
+  describe('project with many chunks', function () {
+    let projectId
+
+    beforeEach(async function () {
+      // used to provide a limit which forces us to persist all of the changes.
+      const farFuture = new Date()
+      farFuture.setTime(farFuture.getTime() + 7 * 24 * 3600 * 1000)
+      const limits = {
+        minChangeTimestamp: farFuture,
+        maxChangeTimestamp: farFuture,
+        maxChunkChanges: 5,
+      }
+      const changes = [
+        new Change(
+          [new AddFileOperation('test.tex', File.fromString(''))],
+          new Date(),
+          []
+        ),
+      ]
+
+      for (let i = 0; i < 20; i++) {
+        const textOperation = new TextOperation()
+        textOperation.retain(i)
+        textOperation.insert('x')
+        changes.push(
+          new Change(
+            [new EditFileOperation('test.tex', textOperation)],
+            new Date(),
+            []
+          )
+        )
+      }
+
+      projectId = await createEmptyProject()
+      await persistChanges(projectId, changes, limits, 0)
+    })
+
+    it('returns all changes when not given a limit', async function () {
+      const response = await testServer.basicAuthClient.apis.Project.getChanges(
+        {
+          project_id: projectId,
+        }
+      )
+      expect(response.status).to.equal(HTTPStatus.OK)
+      const changes = response.obj
+      expect(changes.length).to.equal(21)
+      expect(changes[10].operations[0].textOperation).to.deep.equal([9, 'x'])
+    })
+
+    it('returns only requested changes', async function () {
+      const response = await testServer.basicAuthClient.apis.Project.getChanges(
+        {
+          project_id: projectId,
+          since: 10,
+        }
+      )
+      expect(response.status).to.equal(HTTPStatus.OK)
+      const changes = response.obj
+      expect(changes.length).to.equal(11)
+      expect(changes[2].operations[0].textOperation).to.deep.equal([11, 'x'])
+    })
+  })
+
+  describe('getLatestHistoryRaw', function () {
+    it('should handles read', async function () {
+      const projectId = fixtures.docs.initializedProject.id
+      const response =
+        await testServer.pseudoJwtBasicAuthClient.apis.Project.getLatestHistoryRaw(
+          {
+            project_id: projectId,
+            readOnly: 'true',
+          }
+        )
+      expect(response.body).to.deep.equal({
+        startVersion: 0,
+        endVersion: 1,
+        endTimestamp: '2032-01-01T00:00:00.000Z',
+      })
+    })
+  })
+
+  describe('deleteProject', function () {
+    it('deletes the project chunks', async function () {
+      const projectId = fixtures.docs.initializedProject.id
+      const historyResponse =
+        await testServer.pseudoJwtBasicAuthClient.apis.Project.getLatestHistory(
+          {
+            project_id: projectId,
+          }
+        )
+      expect(historyResponse.status).to.equal(HTTPStatus.OK)
+      expect(historyResponse.body).to.have.property('chunk')
+      const deleteResponse =
+        await testServer.basicAuthClient.apis.Project.deleteProject({
+          project_id: projectId,
+        })
+      expect(deleteResponse.status).to.equal(HTTPStatus.NO_CONTENT)
+      await expectHttpError(
+        testServer.pseudoJwtBasicAuthClient.apis.Project.getLatestHistory({
+          project_id: projectId,
+        }),
+        HTTPStatus.NOT_FOUND
+      )
+    })
+
+    it('deletes the project blobs', async function () {
+      const projectId = fixtures.docs.initializedProject.id
+      const token = testServer.createTokenForProject(projectId)
+      const authHeaders = { Authorization: `Bearer ${token}` }
+      const hash = testFiles.HELLO_TXT_HASH
+      const fileContents = await fs.promises.readFile(
+        testFiles.path('hello.txt')
+      )
+      const blobUrl = testServer.url(`/api/projects/${projectId}/blobs/${hash}`)
+      const response1 = await fetch(blobUrl, {
+        method: 'PUT',
+        headers: authHeaders,
+        body: fileContents,
+      })
+      expect(response1.ok).to.be.true
+      const response2 = await fetch(blobUrl, { headers: authHeaders })
+      const payload = await response2.text()
+      expect(payload).to.equal(fileContents.toString())
+      const deleteResponse =
+        await testServer.basicAuthClient.apis.Project.deleteProject({
+          project_id: projectId,
+        })
+      expect(deleteResponse.status).to.equal(HTTPStatus.NO_CONTENT)
+      const response3 = await fetch(blobUrl, { headers: authHeaders })
+      expect(response3.status).to.equal(HTTPStatus.NOT_FOUND)
+    })
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/api/support/expect_response.js b/services/history-v1/test/acceptance/js/api/support/expect_response.js
new file mode 100644
index 0000000..cdab3d3
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/api/support/expect_response.js
@@ -0,0 +1,53 @@
+'use strict'
+
+const { expect } = require('chai')
+const HTTPStatus = require('http-status')
+
+function expectStatus(err, expected) {
+  const httpStatus = err.status || err.statusCode
+  if (httpStatus === undefined) {
+    throw err
+  } else {
+    expect(httpStatus).to.equal(expected)
+  }
+}
+
+async function expectHttpError(promise, expectedStatusCode) {
+  try {
+    await promise
+  } catch (err) {
+    const statusCode = err.status || err.statusCode
+    if (statusCode === undefined) {
+      throw err
+    } else {
+      expect(statusCode).to.equal(expectedStatusCode)
+      return
+    }
+  }
+  expect.fail('expected HTTP request to return with an error response')
+}
+
+exports.expectHttpError = expectHttpError
+exports.notFound = function (err) {
+  expectStatus(err, HTTPStatus.NOT_FOUND)
+}
+
+exports.unprocessableEntity = function (err) {
+  expectStatus(err, HTTPStatus.UNPROCESSABLE_ENTITY)
+}
+
+exports.conflict = function (err) {
+  expectStatus(err, HTTPStatus.CONFLICT)
+}
+
+exports.unauthorized = function (err) {
+  expectStatus(err, HTTPStatus.UNAUTHORIZED)
+}
+
+exports.forbidden = function (err) {
+  expectStatus(err, HTTPStatus.FORBIDDEN)
+}
+
+exports.requestEntityTooLarge = function (err) {
+  expectStatus(err, HTTPStatus.REQUEST_ENTITY_TOO_LARGE)
+}
diff --git a/services/history-v1/test/acceptance/js/api/support/test_backup_deletion_server.mjs b/services/history-v1/test/acceptance/js/api/support/test_backup_deletion_server.mjs
new file mode 100644
index 0000000..335eb0b
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/api/support/test_backup_deletion_server.mjs
@@ -0,0 +1,51 @@
+// @ts-check
+import config from 'config'
+import { startApp } from '../../../../../backup-deletion-app.mjs'
+
+/** @type {import("http").Server} */
+let server
+
+/**
+ * @param {string} pathname
+ * @return {string}
+ */
+function testUrl(pathname) {
+  const url = new URL('http://127.0.0.1')
+  const addr = server.address()
+  if (addr && typeof addr === 'object') {
+    url.port = addr.port.toString()
+  }
+  url.pathname = pathname
+  return url.toString()
+}
+
+const basicAuthHeader =
+  'Basic ' +
+  Buffer.from(`staging:${config.get('basicHttpAuth.password')}`).toString(
+    'base64'
+  )
+
+async function listenOnRandomPort() {
+  if (server) return // already running
+  for (let i = 0; i < 10; i++) {
+    try {
+      server = await startApp(0)
+      return
+    } catch {}
+  }
+  server = await startApp(0)
+}
+
+after('close server', function (done) {
+  if (server) {
+    server.close(done)
+  } else {
+    done()
+  }
+})
+
+export default {
+  testUrl,
+  basicAuthHeader,
+  listenOnRandomPort,
+}
diff --git a/services/history-v1/test/acceptance/js/api/support/test_backup_verifier_server.mjs b/services/history-v1/test/acceptance/js/api/support/test_backup_verifier_server.mjs
new file mode 100644
index 0000000..57a805e
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/api/support/test_backup_verifier_server.mjs
@@ -0,0 +1,43 @@
+// @ts-check
+import { startApp } from '../../../../../backup-verifier-app.mjs'
+
+/** @type {import("http").Server} */
+let server
+
+/**
+ * @param {string} pathname
+ * @return {string}
+ */
+function testUrl(pathname) {
+  const url = new URL('http://127.0.0.1')
+  const addr = server.address()
+  if (addr && typeof addr === 'object') {
+    url.port = addr.port.toString()
+  }
+  url.pathname = pathname
+  return url.toString()
+}
+
+async function listenOnRandomPort() {
+  if (server) return // already running
+  for (let i = 0; i < 10; i++) {
+    try {
+      server = await startApp(0)
+      return
+    } catch {}
+  }
+  server = await startApp(0, false)
+}
+
+after('close server', function (done) {
+  if (server) {
+    server.close(done)
+  } else {
+    done()
+  }
+})
+
+export default {
+  testUrl,
+  listenOnRandomPort,
+}
diff --git a/services/history-v1/test/acceptance/js/api/support/test_projects.js b/services/history-v1/test/acceptance/js/api/support/test_projects.js
new file mode 100644
index 0000000..df4d83e
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/api/support/test_projects.js
@@ -0,0 +1,26 @@
+const BPromise = require('bluebird')
+const { expect } = require('chai')
+const HTTPStatus = require('http-status')
+const assert = require('../../../../../storage/lib/assert')
+
+const testServer = require('./test_server')
+
+/**
+ * Without a provided history id, a new one will get generated.
+ * The history id could either be a mongo id, or a postgres id.
+ *
+ * @param {string} [existingHistoryId]
+ * @return {Promise<string>}
+ */
+exports.createEmptyProject = function (existingHistoryId) {
+  return BPromise.resolve(
+    testServer.basicAuthClient.apis.Project.initializeProject({
+      body: { projectId: existingHistoryId },
+    })
+  ).then(response => {
+    expect(response.status).to.equal(HTTPStatus.OK)
+    const { projectId } = response.obj
+    assert.projectId(projectId, 'bad projectId')
+    return projectId
+  })
+}
diff --git a/services/history-v1/test/acceptance/js/api/support/test_server.js b/services/history-v1/test/acceptance/js/api/support/test_server.js
new file mode 100644
index 0000000..ac6550b
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/api/support/test_server.js
@@ -0,0 +1,133 @@
+/**
+ * @file
+ * Create a test server. For performance reasons, there is only one test server,
+ * and it is shared between all of the tests.
+ *
+ * This uses the mocha's "root-level hooks" to start and clean up the server.
+ */
+
+const BPromise = require('bluebird')
+const config = require('config')
+const http = require('node:http')
+const jwt = require('jsonwebtoken')
+
+const Swagger = require('swagger-client')
+
+const app = require('../../../../../app')
+
+function testUrl(pathname, opts = {}) {
+  const url = new URL('http://127.0.0.1')
+  url.port = exports.server.address().port
+  url.pathname = pathname
+  if (opts.qs) {
+    url.searchParams = new URLSearchParams(opts.qs)
+  }
+  return url.toString()
+}
+
+exports.url = testUrl
+
+function createClient(options) {
+  // The Swagger client returns native Promises; we use Bluebird promises. Just
+  // wrapping the client creation is enough in many (but not all) cases to
+  // get Bluebird into the chain.
+  return BPromise.resolve(new Swagger(testUrl('/api-docs'), options))
+}
+
+function createTokenForProject(projectId, opts = {}) {
+  const jwtKey = opts.jwtKey || config.get('jwtAuth.key')
+  const jwtAlgorithm = config.get('jwtAuth.algorithm')
+  return jwt.sign({ project_id: projectId }, jwtKey, {
+    algorithm: jwtAlgorithm,
+  })
+}
+
+exports.createTokenForProject = createTokenForProject
+
+function createClientForProject(projectId, opts = {}) {
+  const token = createTokenForProject(projectId, opts)
+  return createClient({ authorizations: { jwt: `Bearer ${token}` } })
+}
+
+exports.createClientForProject = createClientForProject
+
+function createClientForDownloadZip(projectId) {
+  const token = createTokenForProject(projectId)
+  return createClient({ authorizations: { token } })
+}
+
+exports.createClientForDownloadZip = createClientForDownloadZip
+
+function createBasicAuthClient() {
+  return createClient({
+    authorizations: {
+      basic: {
+        username: 'staging',
+        password: config.get('basicHttpAuth.password'),
+      },
+    },
+  })
+}
+
+function createPseudoJwtBasicAuthClient() {
+  // HACK: The history service will accept HTTP basic auth for any endpoint that
+  // is expecting a JWT. If / when we fix that, we will need to fix this.
+  const jwt =
+    'Basic ' +
+    Buffer.from(`staging:${config.get('basicHttpAuth.password')}`).toString(
+      'base64'
+    )
+  return createClient({ authorizations: { jwt } })
+}
+
+exports.basicAuthHeader =
+  'Basic ' +
+  Buffer.from(`staging:${config.get('basicHttpAuth.password')}`).toString(
+    'base64'
+  )
+
+function createServer() {
+  const server = http.createServer(app)
+  return app.setup().then(() => {
+    exports.server = server
+    return server
+  })
+}
+
+function createDefaultUnauthenticatedClient() {
+  return createClient().then(client => {
+    exports.client = client
+  })
+}
+
+function createDefaultBasicAuthClient() {
+  return createBasicAuthClient().then(client => {
+    exports.basicAuthClient = client
+  })
+}
+
+function createDefaultPseudoJwtBasicAuthClient() {
+  return createPseudoJwtBasicAuthClient().then(client => {
+    exports.pseudoJwtBasicAuthClient = client
+  })
+}
+
+before(function () {
+  function listenOnRandomPort(server) {
+    const listen = BPromise.promisify(server.listen, { context: server })
+    return listen(0).catch(err => {
+      if (err.code !== 'EADDRINUSE' && err.code !== 'EACCES') throw err
+      return listenOnRandomPort(server)
+    })
+  }
+
+  return createServer()
+    .then(listenOnRandomPort)
+    .then(createDefaultUnauthenticatedClient)
+    .then(createDefaultBasicAuthClient)
+    .then(createDefaultPseudoJwtBasicAuthClient)
+})
+
+after(function () {
+  exports.server.close()
+})
diff --git a/services/history-v1/test/acceptance/js/storage/assert.test.js b/services/history-v1/test/acceptance/js/storage/assert.test.js
new file mode 100644
index 0000000..6ba30e2
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/assert.test.js
@@ -0,0 +1,248 @@
+'use strict'
+
+const OError = require('@overleaf/o-error')
+const { expect } = require('chai')
+const assert = require('../../../../storage/lib/assert')
+
+describe('assert', function () {
+  describe('blobHash', function () {
+    it('should not throw for valid blob hashes', function () {
+      expect(() =>
+        assert.blobHash(
+          'aad321caf77ca6c5ab09e6c638c237705f93b001',
+          'should be a blob hash'
+        )
+      ).to.not.throw()
+    })
+
+    it('should throw for invalid blob hashes', function () {
+      try {
+        assert.blobHash('invalid-hash', 'should be a blob hash')
+        expect.fail()
+      } catch (error) {
+        expect(error).to.be.instanceOf(TypeError)
+        expect(error.message).to.equal('should be a blob hash')
+        expect(OError.getFullInfo(error)).to.deep.equal({ arg: 'invalid-hash' })
+      }
+    })
+
+    it('should throw for string integer blob hashes', function () {
+      try {
+        assert.blobHash('123', 'should be a blob hash')
+        expect.fail()
+      } catch (error) {
+        expect(error).to.be.instanceOf(TypeError)
+        expect(error.message).to.equal('should be a blob hash')
+        expect(OError.getFullInfo(error)).to.deep.equal({ arg: '123' })
+      }
+    })
+  })
+
+  describe('projectId', function () {
+    it('should not throw for valid mongo project ids', function () {
+      expect(() =>
+        assert.projectId('507f1f77bcf86cd799439011', 'should be a project id')
+      ).to.not.throw()
+    })
+
+    it('should not throw for valid postgres project ids', function () {
+      expect(() =>
+        assert.projectId('123456789', 'should be a project id')
+      ).to.not.throw()
+    })
+
+    it('should throw for invalid project ids', function () {
+      try {
+        assert.projectId('invalid-id', 'should be a project id')
+        expect.fail()
+      } catch (error) {
+        expect(error).to.be.instanceOf(TypeError)
+        expect(error.message).to.equal('should be a project id')
+        expect(OError.getFullInfo(error)).to.deep.equal({ arg: 'invalid-id' })
+      }
+    })
+
+    it('should throw for non-numeric project ids', function () {
+      try {
+        assert.projectId('12345x', 'should be a project id')
+        expect.fail()
+      } catch (error) {
+        expect(error).to.be.instanceOf(TypeError)
+        expect(error.message).to.equal('should be a project id')
+        expect(OError.getFullInfo(error)).to.deep.equal({ arg: '12345x' })
+      }
+    })
+
+    it('should throw for postgres ids starting with 0', function () {
+      try {
+        assert.projectId('0123456', 'should be a project id')
+        expect.fail()
+      } catch (error) {
+        expect(error).to.be.instanceOf(TypeError)
+        expect(error.message).to.equal('should be a project id')
+        expect(OError.getFullInfo(error)).to.deep.equal({ arg: '0123456' })
+      }
+    })
+  })
+
+  describe('chunkId', function () {
+    it('should not throw for valid mongo chunk ids', function () {
+      expect(() =>
+        assert.chunkId('507f1f77bcf86cd799439011', 'should be a chunk id')
+      ).to.not.throw()
+    })
+
+    it('should not throw for valid postgres chunk ids', function () {
+      expect(() =>
+        assert.chunkId('123456789', 'should be a chunk id')
+      ).to.not.throw()
+    })
+
+    it('should throw for invalid chunk ids', function () {
+      try {
+        assert.chunkId('invalid-id', 'should be a chunk id')
+        expect.fail()
+      } catch (error) {
+        expect(error).to.be.instanceOf(TypeError)
+        expect(error.message).to.equal('should be a chunk id')
+        expect(OError.getFullInfo(error)).to.deep.equal({ arg: 'invalid-id' })
+      }
+    })
+
+    it('should throw for integer chunk ids', function () {
+      try {
+        assert.chunkId(12345, 'should be a chunk id')
+        expect.fail()
+      } catch (error) {
+        expect(error).to.be.instanceOf(TypeError)
+        expect(error.message).to.equal('should be a chunk id')
+        expect(OError.getFullInfo(error)).to.deep.equal({ arg: 12345 })
+      }
+    })
+  })
+
+  describe('mongoId', function () {
+    it('should not throw for valid mongo ids', function () {
+      expect(() =>
+        assert.mongoId('507f1f77bcf86cd799439011', 'should be a mongo id')
+      ).to.not.throw()
+    })
+
+    it('should throw for invalid mongo ids', function () {
+      try {
+        assert.mongoId('invalid-id', 'should be a mongo id')
+        expect.fail()
+      } catch (error) {
+        expect(error).to.be.instanceOf(TypeError)
+        expect(error.message).to.equal('should be a mongo id')
+        expect(OError.getFullInfo(error)).to.deep.equal({ arg: 'invalid-id' })
+      }
+    })
+
+    it('should throw for numeric mongo ids', function () {
+      try {
+        assert.mongoId('12345', 'should be a mongo id')
+        expect.fail()
+      } catch (error) {
+        expect(error).to.be.instanceOf(TypeError)
+        expect(error.message).to.equal('should be a mongo id')
+        expect(OError.getFullInfo(error)).to.deep.equal({ arg: '12345' })
+      }
+    })
+
+    it('should throw for mongo ids that are too short', function () {
+      try {
+        assert.mongoId('507f1f77bcf86cd79943901', 'should be a mongo id')
+        expect.fail()
+      } catch (error) {
+        expect(error).to.be.instanceOf(TypeError)
+        expect(error.message).to.equal('should be a mongo id')
+        expect(OError.getFullInfo(error)).to.deep.equal({
+          arg: '507f1f77bcf86cd79943901',
+        })
+      }
+    })
+
+    it('should throw for mongo ids that are too long', function () {
+      try {
+        assert.mongoId('507f1f77bcf86cd7994390111', 'should be a mongo id')
+        expect.fail()
+      } catch (error) {
+        expect(error).to.be.instanceOf(TypeError)
+        expect(error.message).to.equal('should be a mongo id')
+        expect(OError.getFullInfo(error)).to.deep.equal({
+          arg: '507f1f77bcf86cd7994390111',
+        })
+      }
+    })
+  })
+
+  describe('postgresId', function () {
+    it('should not throw for valid postgres ids', function () {
+      expect(() =>
+        assert.postgresId('123456789', 'should be a postgres id')
+      ).to.not.throw()
+      expect(() =>
+        assert.postgresId('1', 'should be a postgres id')
+      ).to.not.throw()
+    })
+
+    it('should throw for invalid postgres ids', function () {
+      try {
+        assert.postgresId('invalid-id', 'should be a postgres id')
+        expect.fail()
+      } catch (error) {
+        expect(error).to.be.instanceOf(TypeError)
+        expect(error.message).to.equal('should be a postgres id')
+        expect(OError.getFullInfo(error)).to.deep.equal({ arg: 'invalid-id' })
+      }
+    })
+
+    it('should throw for postgres ids starting with 0', function () {
+      try {
+        assert.postgresId('0123456', 'should be a postgres id')
+        expect.fail()
+      } catch (error) {
+        expect(error).to.be.instanceOf(TypeError)
+        expect(error.message).to.equal('should be a postgres id')
+        expect(OError.getFullInfo(error)).to.deep.equal({ arg: '0123456' })
+      }
+    })
+
+    it('should throw for postgres ids that are too long', function () {
+      try {
+        assert.postgresId('12345678901', 'should be a postgres id')
+        expect.fail()
+      } catch (error) {
+        expect(error).to.be.instanceOf(TypeError)
+        expect(error.message).to.equal('should be a postgres id')
+        expect(OError.getFullInfo(error)).to.deep.equal({ arg: '12345678901' })
+      }
+    })
+  })
+
+  describe('regex constants', function () {
+    it('MONGO_ID_REGEXP should match valid mongo ids', function () {
+      expect('507f1f77bcf86cd799439011').to.match(assert.MONGO_ID_REGEXP)
+      expect('abcdef0123456789abcdef01').to.match(assert.MONGO_ID_REGEXP)
+    })
+
+    it('MONGO_ID_REGEXP should not match invalid mongo ids', function () {
+      expect('invalid-id').to.not.match(assert.MONGO_ID_REGEXP)
+      expect('507f1f77bcf86cd79943901').to.not.match(assert.MONGO_ID_REGEXP) // too short
+      expect('507f1f77bcf86cd7994390111').to.not.match(assert.MONGO_ID_REGEXP) // too long
+      expect('507F1F77BCF86CD799439011').to.not.match(assert.MONGO_ID_REGEXP) // uppercase
+    })
+
+    it('POSTGRES_ID_REGEXP should match valid postgres ids', function () {
+      expect('123456789').to.match(assert.POSTGRES_ID_REGEXP)
+      expect('1').to.match(assert.POSTGRES_ID_REGEXP)
+    })
+
+    it('POSTGRES_ID_REGEXP should not match invalid postgres ids', function () {
+      expect('invalid-id').to.not.match(assert.POSTGRES_ID_REGEXP)
+      expect('0123456').to.not.match(assert.POSTGRES_ID_REGEXP) // starts with 0
+      expect('12345678901').to.not.match(assert.POSTGRES_ID_REGEXP) // too long (> 10 digits)
+    })
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/storage/back_fill_file_hash.test.mjs b/services/history-v1/test/acceptance/js/storage/back_fill_file_hash.test.mjs
new file mode 100644
index 0000000..fad87b4
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/back_fill_file_hash.test.mjs
@@ -0,0 +1,1548 @@
+import fs from 'node:fs'
+import Crypto from 'node:crypto'
+import Stream from 'node:stream'
+import { setTimeout } from 'node:timers/promises'
+import { promisify } from 'node:util'
+import { ObjectId, Binary } from 'mongodb'
+import {
+  db,
+  backedUpBlobs,
+  globalBlobs,
+} from '../../../../storage/lib/mongodb.js'
+import cleanup from './support/cleanup.js'
+import testProjects from '../api/support/test_projects.js'
+import { execFile } from 'node:child_process'
+import chai, { expect } from 'chai'
+import chaiExclude from 'chai-exclude'
+import config from 'config'
+import ObjectPersistor from '@overleaf/object-persistor'
+import { WritableBuffer } from '@overleaf/stream-utils'
+import {
+  backupPersistor,
+  projectBlobsBucket,
+} from '../../../../storage/lib/backupPersistor.mjs'
+import projectKey from '../../../../storage/lib/project_key.js'
+import {
+  BlobStore,
+  makeProjectKey,
+} from '../../../../storage/lib/blob_store/index.js'
+
+chai.use(chaiExclude)
+const TIMEOUT = 20 * 1_000
+
+const { deksBucket } = config.get('backupStore')
+const { tieringStorageClass } = config.get('backupPersistor')
+
+const projectsCollection = db.collection('projects')
+const deletedProjectsCollection = db.collection('deletedProjects')
+const deletedFilesCollection = db.collection('deletedFiles')
+
+const FILESTORE_PERSISTOR = ObjectPersistor({
+  backend: 'gcs',
+  gcs: {
+    endpoint: {
+      apiEndpoint: process.env.GCS_API_ENDPOINT,
+      projectId: process.env.GCS_PROJECT_ID,
+    },
+  },
+})
+
+/**
+ * @param {ObjectId} objectId
+ * @return {string}
+ */
+function gitBlobHash(objectId) {
+  return gitBlobHashBuffer(Buffer.from(objectId.toString()))
+}
+
+/**
+ * @param {Buffer} buf
+ * @return {string}
+ */
+function gitBlobHashBuffer(buf) {
+  const sha = Crypto.createHash('sha1')
+  sha.update(`blob ${buf.byteLength}\x00`)
+  sha.update(buf)
+  return sha.digest('hex')
+}
+
+/**
+ * @param {string} gitBlobHash
+ * @return {Binary}
+ */
+function binaryForGitBlobHash(gitBlobHash) {
+  return new Binary(Buffer.from(gitBlobHash, 'hex'))
+}
+
+async function listS3Bucket(bucket, wantStorageClass) {
+  const client = backupPersistor._getClientForBucket(bucket)
+  const response = await client.listObjectsV2({ Bucket: bucket }).promise()
+
+  for (const object of response.Contents || []) {
+    expect(object).to.have.property('StorageClass', wantStorageClass)
+  }
+
+  return (response.Contents || []).map(item => item.Key || '')
+}
+
+function objectIdFromTime(timestamp) {
+  return ObjectId.createFromTime(new Date(timestamp).getTime() / 1000)
+}
+
+const PRINT_IDS_AND_HASHES_FOR_DEBUGGING = false
+
+describe('back_fill_file_hash script', function () {
+  this.timeout(TIMEOUT)
+  const USER_FILES_BUCKET_NAME = 'fake-user-files-gcs'
+
+  const projectId0 = objectIdFromTime('2017-01-01T00:00:00Z')
+  const projectId1 = objectIdFromTime('2017-01-01T00:01:00Z')
+  const projectId2 = objectIdFromTime('2017-01-01T00:02:00Z')
+  const projectId3 = objectIdFromTime('2024-01-01T00:03:00Z')
+  const projectIdDeleted0 = objectIdFromTime('2017-01-01T00:04:00Z')
+  const projectIdDeleted1 = objectIdFromTime('2024-01-01T00:05:00Z')
+  const projectIdNoHistory = objectIdFromTime('2017-01-01T00:06:00Z')
+  const projectIdNoHistoryDeleted = objectIdFromTime('2017-01-01T00:07:00Z')
+  const projectIdHardDeleted = objectIdFromTime('2017-01-01T00:08:00Z')
+  const projectIdNoOverleaf = objectIdFromTime('2017-01-01T00:09:00Z')
+  const projectIdNoOverleafDeleted = objectIdFromTime('2017-01-01T00:10:00Z')
+  const projectIdBadFileTree0 = objectIdFromTime('2024-01-01T00:11:00Z')
+  const projectIdBadFileTree1 = objectIdFromTime('2024-01-01T00:12:00Z')
+  const projectIdBadFileTree2 = objectIdFromTime('2024-01-01T00:13:00Z')
+  const projectIdBadFileTree3 = objectIdFromTime('2024-01-01T00:14:00Z')
+  const historyId0 = 42 // stored as number is mongo
+  const historyId1 = projectId1.toString()
+  const historyId2 = projectId2.toString()
+  const historyId3 = projectId3.toString()
+  const historyIdDeleted0 = projectIdDeleted0.toString()
+  const historyIdDeleted1 = projectIdDeleted1.toString()
+  const historyIdBadFileTree0 = projectIdBadFileTree0.toString()
+  const historyIdBadFileTree1 = projectIdBadFileTree1.toString()
+  const historyIdBadFileTree2 = projectIdBadFileTree2.toString()
+  const historyIdBadFileTree3 = projectIdBadFileTree3.toString()
+  const fileId0 = objectIdFromTime('2017-02-01T00:00:00Z')
+  const fileId1 = objectIdFromTime('2017-02-01T00:01:00Z')
+  const fileId2 = objectIdFromTime('2017-02-01T00:02:00Z')
+  const fileId3 = objectIdFromTime('2017-02-01T00:03:00Z')
+  const fileId4 = objectIdFromTime('2017-02-01T00:04:00Z')
+  const fileId5 = objectIdFromTime('2024-02-01T00:05:00Z')
+  const fileId6 = objectIdFromTime('2017-02-01T00:06:00Z')
+  const fileId7 = objectIdFromTime('2017-02-01T00:07:00Z')
+  const fileId8 = objectIdFromTime('2017-02-01T00:08:00Z')
+  const fileId9 = objectIdFromTime('2017-02-01T00:09:00Z')
+  const fileIdDeleted1 = objectIdFromTime('2017-03-01T00:01:00Z')
+  const fileIdDeleted2 = objectIdFromTime('2017-03-01T00:02:00Z')
+  const fileIdDeleted3 = objectIdFromTime('2017-03-01T00:03:00Z')
+  const fileIdDeleted4 = objectIdFromTime('2024-03-01T00:04:00Z')
+  const fileIdDeleted5 = objectIdFromTime('2024-03-01T00:05:00Z')
+  const contentTextBlob0 = Buffer.from('Hello 0')
+  const hashTextBlob0 = gitBlobHashBuffer(contentTextBlob0)
+  const contentTextBlob1 = Buffer.from('Hello 1')
+  const hashTextBlob1 = gitBlobHashBuffer(contentTextBlob1)
+  const contentTextBlob2 = Buffer.from('Hello 2')
+  const hashTextBlob2 = gitBlobHashBuffer(contentTextBlob2)
+  const contentTextBlob3 = Buffer.from('Hello 3')
+  const hashTextBlob3 = gitBlobHashBuffer(contentTextBlob3)
+  const deleteProjectsRecordId0 = new ObjectId()
+  const deleteProjectsRecordId1 = new ObjectId()
+  const deleteProjectsRecordId2 = new ObjectId()
+  const deleteProjectsRecordId3 = new ObjectId()
+  const deleteProjectsRecordId4 = new ObjectId()
+  const twoByteUTF8Symbol = 'ö'
+  const contentFile7 = Buffer.alloc(4_000_000, twoByteUTF8Symbol)
+  const hashFile7 = gitBlobHashBuffer(contentFile7)
+  const potentiallyWrittenBlobs = [
+    { projectId: projectId0, historyId: historyId0, fileId: fileId0 },
+    // { historyId: projectId0, fileId: fileId6 }, // global blob
+    {
+      projectId: projectId0,
+      historyId: historyId0,
+      fileId: fileId7,
+      hash: hashFile7,
+      content: contentFile7,
+    },
+    { projectId: projectId0, historyId: historyId0, fileId: fileIdDeleted5 },
+    {
+      projectId: projectId0,
+      historyId: historyId0,
+      hash: hashTextBlob0,
+      content: contentTextBlob0,
+    },
+    {
+      projectId: projectId1,
+      historyId: historyId1,
+      hash: hashTextBlob1,
+      content: contentTextBlob1,
+    },
+    {
+      projectId: projectId2,
+      historyId: historyId2,
+      hash: hashTextBlob2,
+      content: contentTextBlob2,
+    },
+    { projectId: projectId1, historyId: historyId1, fileId: fileId1 },
+    { projectId: projectId1, historyId: historyId1, fileId: fileIdDeleted1 },
+    {
+      projectId: projectId2,
+      historyId: historyId2,
+      fileId: fileId2,
+      hasHash: true,
+    },
+    { projectId: projectId3, historyId: historyId3, fileId: fileId3 },
+    {
+      projectId: projectIdDeleted0,
+      historyId: historyIdDeleted0,
+      fileId: fileId4,
+    },
+    {
+      projectId: projectIdDeleted0,
+      historyId: historyIdDeleted0,
+      fileId: fileIdDeleted2,
+    },
+    // { historyId: historyIdDeleted0, fileId:fileIdDeleted3 }, // fileIdDeleted3 is dupe of fileIdDeleted2
+    {
+      projectId: projectIdDeleted0,
+      historyId: historyIdDeleted0,
+      fileId: fileIdDeleted4,
+      hasHash: true,
+    },
+    {
+      projectId: projectIdDeleted1,
+      historyId: historyIdDeleted1,
+      fileId: fileId5,
+      hasHash: true,
+    },
+    {
+      projectId: projectIdBadFileTree0,
+      historyId: historyIdBadFileTree0,
+      hash: hashTextBlob3,
+      content: contentTextBlob3,
+    },
+    {
+      projectId: projectIdBadFileTree3,
+      historyId: historyIdBadFileTree3,
+      fileId: fileId9,
+    },
+  ]
+  if (PRINT_IDS_AND_HASHES_FOR_DEBUGGING) {
+    const fileIds = {
+      fileId0,
+      fileId1,
+      fileId2,
+      fileId3,
+      fileId4,
+      fileId5,
+      fileId6,
+      fileIdDeleted1,
+      fileIdDeleted2,
+      fileIdDeleted3,
+      fileIdDeleted4,
+    }
+    console.log({
+      projectId0,
+      projectId1,
+      projectId2,
+      projectId3,
+      projectIdDeleted0,
+      projectIdDeleted1,
+      historyId0,
+      historyId1,
+      historyId2,
+      historyId3,
+      historyIdDeleted0,
+      historyIdDeleted1,
+      ...fileIds,
+    })
+    for (const [name, v] of Object.entries(fileIds)) {
+      console.log(
+        name,
+        gitBlobHash(v),
+        Array.from(binaryForGitBlobHash(gitBlobHash(v)).value())
+      )
+    }
+  }
+
+  async function populateMongo() {
+    await globalBlobs.insertMany([
+      { _id: gitBlobHash(fileId6), byteLength: 24, stringLength: 24 },
+      { _id: gitBlobHash(fileId8), byteLength: 24, stringLength: 24 },
+    ])
+    await projectsCollection.insertMany([
+      {
+        _id: projectId0,
+        rootFolder: [
+          {
+            fileRefs: [
+              { _id: fileId8, hash: gitBlobHash(fileId8) },
+              { _id: fileId0 },
+              { _id: fileId6 },
+              { _id: fileId7 },
+            ],
+            folders: [{ fileRefs: [], folders: [] }],
+          },
+        ],
+        overleaf: { history: { id: historyId0 } },
+      },
+      {
+        _id: projectId1,
+        rootFolder: [
+          {
+            fileRefs: [{ _id: fileId1 }],
+            folders: [
+              {
+                fileRefs: [],
+                folders: [{ fileRefs: [{ _id: fileId1 }], folders: [] }],
+              },
+            ],
+          },
+        ],
+        overleaf: { history: { id: historyId1 } },
+      },
+      {
+        _id: projectId2,
+        rootFolder: [
+          {
+            fileRefs: [],
+            folders: [
+              {
+                fileRefs: [],
+                folders: [
+                  {
+                    fileRefs: [{ _id: fileId2, hash: gitBlobHash(fileId2) }],
+                    folders: [],
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+        overleaf: { history: { id: historyId2 } },
+      },
+      {
+        _id: projectId3,
+        rootFolder: [
+          {
+            fileRefs: [],
+            folders: [
+              {
+                fileRefs: [],
+                folders: [
+                  {
+                    fileRefs: [{ _id: fileId3 }],
+                    folders: [],
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+        overleaf: { history: { id: historyId3 } },
+      },
+      {
+        _id: projectIdNoHistory,
+        rootFolder: [{ fileRefs: [], folders: [] }],
+        overleaf: { history: { conversionFailed: true } },
+      },
+      {
+        _id: projectIdNoOverleaf,
+        rootFolder: [{ fileRefs: [], folders: [] }],
+      },
+      {
+        _id: projectIdBadFileTree0,
+        overleaf: { history: { id: historyIdBadFileTree0 } },
+      },
+      {
+        _id: projectIdBadFileTree1,
+        rootFolder: [],
+        overleaf: { history: { id: historyIdBadFileTree1 } },
+      },
+      {
+        _id: projectIdBadFileTree2,
+        rootFolder: [{ fileRefs: [{ _id: null }] }],
+        overleaf: { history: { id: historyIdBadFileTree2 } },
+      },
+      {
+        _id: projectIdBadFileTree3,
+        rootFolder: [
+          {
+            folders: [null, { folders: {}, fileRefs: 13 }],
+            fileRefs: [{ _id: fileId9 }],
+          },
+        ],
+        overleaf: { history: { id: historyIdBadFileTree3 } },
+      },
+    ])
+    await deletedProjectsCollection.insertMany([
+      {
+        _id: deleteProjectsRecordId0,
+        project: {
+          _id: projectIdDeleted0,
+          rootFolder: [
+            {
+              fileRefs: [],
+              folders: [
+                {
+                  fileRefs: [],
+                  folders: [{ fileRefs: [{ _id: fileId4 }], folders: [] }],
+                },
+              ],
+            },
+          ],
+          overleaf: { history: { id: historyIdDeleted0 } },
+        },
+        deleterData: {
+          deletedProjectId: projectIdDeleted0,
+        },
+      },
+      {
+        _id: deleteProjectsRecordId1,
+        project: {
+          _id: projectIdDeleted1,
+          rootFolder: [
+            {
+              fileRefs: [],
+              folders: [
+                {
+                  fileRefs: [],
+                  folders: [
+                    {
+                      fileRefs: [{ _id: fileId5, hash: gitBlobHash(fileId5) }],
+                      folders: [],
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+          overleaf: { history: { id: historyIdDeleted1 } },
+        },
+        deleterData: {
+          deletedProjectId: projectIdDeleted1,
+        },
+      },
+      {
+        _id: deleteProjectsRecordId2,
+        project: {
+          _id: projectIdNoHistoryDeleted,
+          rootFolder: [{ fileRefs: [], folders: [] }],
+          overleaf: { history: { conversionFailed: true } },
+        },
+        deleterData: {
+          deletedProjectId: projectIdNoHistoryDeleted,
+        },
+      },
+      {
+        _id: deleteProjectsRecordId3,
+        deleterData: { deletedProjectId: projectIdHardDeleted },
+      },
+      {
+        _id: deleteProjectsRecordId4,
+        project: {
+          _id: projectIdNoOverleafDeleted,
+          rootFolder: [{ fileRefs: [], folders: [] }],
+        },
+        deleterData: {
+          deletedProjectId: projectIdNoOverleafDeleted,
+        },
+      },
+    ])
+    await deletedFilesCollection.insertMany([
+      { _id: fileIdDeleted1, projectId: projectId1 },
+      { _id: fileIdDeleted2, projectId: projectIdDeleted0 },
+      { _id: fileIdDeleted3, projectId: projectIdDeleted0 },
+      {
+        _id: fileIdDeleted4,
+        projectId: projectIdDeleted0,
+        hash: gitBlobHash(fileIdDeleted4),
+      },
+      { _id: fileIdDeleted5, projectId: projectId0 },
+    ])
+  }
+
+  async function populateHistoryV1() {
+    await Promise.all([
+      testProjects.createEmptyProject(historyId0.toString()),
+      testProjects.createEmptyProject(historyId1),
+      testProjects.createEmptyProject(historyId2),
+      testProjects.createEmptyProject(historyId3),
+      testProjects.createEmptyProject(historyIdDeleted0),
+      testProjects.createEmptyProject(historyIdDeleted1),
+      testProjects.createEmptyProject(historyIdBadFileTree0),
+      testProjects.createEmptyProject(historyIdBadFileTree1),
+      testProjects.createEmptyProject(historyIdBadFileTree2),
+      testProjects.createEmptyProject(historyIdBadFileTree3),
+    ])
+
+    const blobStore0 = new BlobStore(historyId0.toString())
+    await blobStore0.putString(contentTextBlob0.toString())
+    const blobStore1 = new BlobStore(historyId1.toString())
+    await blobStore1.putString(contentTextBlob1.toString())
+    const blobStore2 = new BlobStore(historyId2.toString())
+    await blobStore2.putString(contentTextBlob2.toString())
+    const blobStoreBadFileTree = new BlobStore(historyIdBadFileTree0.toString())
+    await blobStoreBadFileTree.putString(contentTextBlob3.toString())
+  }
+
+  async function populateFilestore() {
+    await FILESTORE_PERSISTOR.sendStream(
+      USER_FILES_BUCKET_NAME,
+      `${projectId0}/${fileId0}`,
+      Stream.Readable.from([fileId0.toString()])
+    )
+    await FILESTORE_PERSISTOR.sendStream(
+      USER_FILES_BUCKET_NAME,
+      `${projectId0}/${fileId6}`,
+      Stream.Readable.from([fileId6.toString()])
+    )
+    await FILESTORE_PERSISTOR.sendStream(
+      USER_FILES_BUCKET_NAME,
+      `${projectId0}/${fileId7}`,
+      Stream.Readable.from([contentFile7])
+    )
+    await FILESTORE_PERSISTOR.sendStream(
+      USER_FILES_BUCKET_NAME,
+      `${projectId0}/${fileIdDeleted5}`,
+      Stream.Readable.from([fileIdDeleted5.toString()])
+    )
+    await FILESTORE_PERSISTOR.sendStream(
+      USER_FILES_BUCKET_NAME,
+      `${projectId1}/${fileId1}`,
+      Stream.Readable.from([fileId1.toString()])
+    )
+    await FILESTORE_PERSISTOR.sendStream(
+      USER_FILES_BUCKET_NAME,
+      `${projectId2}/${fileId2}`,
+      Stream.Readable.from([fileId2.toString()])
+    )
+    await FILESTORE_PERSISTOR.sendStream(
+      USER_FILES_BUCKET_NAME,
+      `${projectId3}/${fileId3}`,
+      Stream.Readable.from([fileId3.toString()])
+    )
+    await FILESTORE_PERSISTOR.sendStream(
+      USER_FILES_BUCKET_NAME,
+      `${projectIdDeleted0}/${fileId4}`,
+      Stream.Readable.from([fileId4.toString()])
+    )
+    await FILESTORE_PERSISTOR.sendStream(
+      USER_FILES_BUCKET_NAME,
+      `${projectIdDeleted1}/${fileId5}`,
+      Stream.Readable.from([fileId5.toString()])
+    )
+    await FILESTORE_PERSISTOR.sendStream(
+      USER_FILES_BUCKET_NAME,
+      `${projectId1}/${fileIdDeleted1}`,
+      Stream.Readable.from([fileIdDeleted1.toString()])
+    )
+    await FILESTORE_PERSISTOR.sendStream(
+      USER_FILES_BUCKET_NAME,
+      `${projectIdDeleted0}/${fileIdDeleted2}`,
+      Stream.Readable.from([fileIdDeleted2.toString()])
+    )
+    await FILESTORE_PERSISTOR.sendStream(
+      USER_FILES_BUCKET_NAME,
+      `${projectIdDeleted0}/${fileIdDeleted3}`,
+      // same content as 2, deduplicate
+      Stream.Readable.from([fileIdDeleted2.toString()])
+    )
+    await FILESTORE_PERSISTOR.sendStream(
+      USER_FILES_BUCKET_NAME,
+      `${projectIdDeleted0}/${fileIdDeleted4}`,
+      Stream.Readable.from([fileIdDeleted4.toString()])
+    )
+    await FILESTORE_PERSISTOR.sendStream(
+      USER_FILES_BUCKET_NAME,
+      `${projectIdBadFileTree3}/${fileId9}`,
+      Stream.Readable.from([fileId9.toString()])
+    )
+  }
+
+  async function prepareEnvironment() {
+    await cleanup.everything()
+    await populateMongo()
+    await populateHistoryV1()
+    await populateFilestore()
+  }
+
+  /**
+   * @param {Array<string>} args
+   * @param {Record<string, string>} env
+   * @param {boolean} shouldHaveWritten
+   * @return {Promise<{result, stats: any}>}
+   */
+  async function tryRunScript(args = [], env = {}, shouldHaveWritten) {
+    let result
+    try {
+      result = await promisify(execFile)(
+        process.argv0,
+        [
+          'storage/scripts/back_fill_file_hash.mjs',
+          '--processNonDeletedProjects=true',
+          '--processDeletedProjects=true',
+          '--processDeletedFiles=true',
+          ...args,
+        ],
+        {
+          encoding: 'utf-8',
+          timeout: TIMEOUT - 500,
+          env: {
+            ...process.env,
+            USER_FILES_BUCKET_NAME,
+            SLEEP_BEFORE_EXIT: '1',
+            ...env,
+            LOG_LEVEL: 'warn', // Override LOG_LEVEL of acceptance tests
+          },
+        }
+      )
+      result.status = 0
+    } catch (err) {
+      const { stdout, stderr, code } = err
+      if (typeof code !== 'number') {
+        console.log(err)
+      }
+      result = { stdout, stderr, status: code }
+    }
+    expect((await fs.promises.readdir('/tmp')).join(';')).to.not.match(
+      /back_fill_file_hash/
+    )
+    const extraStatsKeys = [
+      'eventLoop',
+      'readFromGCSThroughputMiBPerSecond',
+      'writeToAWSThroughputMiBPerSecond',
+    ]
+    const stats = JSON.parse(
+      result.stderr
+        .split('\n')
+        .filter(l => l.includes('LOGGING_IDENTIFIER'))
+        .pop()
+    )
+    expect(Object.keys(stats.diff).sort()).to.deep.equal(
+      [...extraStatsKeys, ...Object.keys(STATS_ALL)].sort()
+    )
+    delete stats.diff
+    expect(new Date(stats.time).toISOString()).to.equal(stats.time)
+    delete stats.time
+    if (shouldHaveWritten) {
+      expect(stats.readFromGCSThroughputMiBPerSecond).to.be.greaterThan(0)
+      expect(stats.writeToAWSThroughputMiBPerSecond).to.be.greaterThan(0)
+    }
+    for (const key of extraStatsKeys) {
+      delete stats[key]
+    }
+    delete stats.LOGGING_IDENTIFIER
+    expect(stats.deferredBatches).to.have.length(
+      0,
+      'should not have any remaining deferred batches'
+    )
+    delete stats.deferredBatches
+    return { stats, result }
+  }
+
+  /**
+   * @param {Array<string>} args
+   * @param {Record<string, string>} env
+   * @param {boolean} shouldHaveWritten
+   * @return {Promise<{result, stats: any}>}
+   */
+  async function runScript(args = [], env = {}, shouldHaveWritten = true) {
+    const { stats, result } = await tryRunScript(args, env, shouldHaveWritten)
+    if (result.status !== 0) {
+      console.log(result)
+      expect(result).to.have.property('status', 0)
+    }
+    return { stats, result }
+  }
+
+  /**
+   * @param {boolean} processHashedFiles
+   */
+  function commonAssertions(processHashedFiles = false) {
+    const writtenBlobs = potentiallyWrittenBlobs.filter(({ hasHash }) => {
+      if (processHashedFiles) return true // all files processed
+      return !hasHash // only files without hash processed
+    })
+    it('should update mongo', async function () {
+      expect(await projectsCollection.find({}).toArray())
+        .excludingEvery([
+          'currentEndTimestamp',
+          'currentEndVersion',
+          'updatedAt',
+          'backup',
+        ])
+        .to.deep.equal([
+          {
+            _id: projectId0,
+            rootFolder: [
+              {
+                fileRefs: [
+                  { _id: fileId8, hash: gitBlobHash(fileId8) },
+                  { _id: fileId0, hash: gitBlobHash(fileId0) },
+                  { _id: fileId6, hash: gitBlobHash(fileId6) },
+                  { _id: fileId7, hash: hashFile7 },
+                ],
+                folders: [{ fileRefs: [], folders: [] }],
+              },
+            ],
+            overleaf: { history: { id: historyId0 } },
+          },
+          {
+            _id: projectId1,
+            rootFolder: [
+              {
+                fileRefs: [{ _id: fileId1, hash: gitBlobHash(fileId1) }],
+                folders: [
+                  {
+                    fileRefs: [],
+                    folders: [
+                      {
+                        fileRefs: [
+                          { _id: fileId1, hash: gitBlobHash(fileId1) },
+                        ],
+                        folders: [],
+                      },
+                    ],
+                  },
+                ],
+              },
+            ],
+            overleaf: { history: { id: historyId1 } },
+          },
+          {
+            _id: projectId2,
+            rootFolder: [
+              {
+                fileRefs: [],
+                folders: [
+                  {
+                    fileRefs: [],
+                    folders: [
+                      {
+                        fileRefs: [
+                          { _id: fileId2, hash: gitBlobHash(fileId2) },
+                        ],
+                        folders: [],
+                      },
+                    ],
+                  },
+                ],
+              },
+            ],
+            overleaf: { history: { id: historyId2 } },
+          },
+          {
+            _id: projectId3,
+            rootFolder: [
+              {
+                fileRefs: [],
+                folders: [
+                  {
+                    fileRefs: [],
+                    folders: [
+                      {
+                        fileRefs: [
+                          { _id: fileId3, hash: gitBlobHash(fileId3) },
+                        ],
+                        folders: [],
+                      },
+                    ],
+                  },
+                ],
+              },
+            ],
+            overleaf: { history: { id: historyId3 } },
+          },
+          {
+            _id: projectIdNoHistory,
+            rootFolder: [{ fileRefs: [], folders: [] }],
+            overleaf: { history: { conversionFailed: true } },
+          },
+          {
+            _id: projectIdNoOverleaf,
+            rootFolder: [{ fileRefs: [], folders: [] }],
+          },
+          {
+            _id: projectIdBadFileTree0,
+            overleaf: { history: { id: historyIdBadFileTree0 } },
+          },
+          {
+            _id: projectIdBadFileTree1,
+            rootFolder: [],
+            overleaf: { history: { id: historyIdBadFileTree1 } },
+          },
+          {
+            _id: projectIdBadFileTree2,
+            rootFolder: [{ fileRefs: [{ _id: null }] }],
+            overleaf: { history: { id: historyIdBadFileTree2 } },
+          },
+          {
+            _id: projectIdBadFileTree3,
+            rootFolder: [
+              {
+                folders: [null, { folders: {}, fileRefs: 13 }],
+                fileRefs: [{ _id: fileId9, hash: gitBlobHash(fileId9) }],
+              },
+            ],
+            overleaf: { history: { id: historyIdBadFileTree3 } },
+          },
+        ])
+      expect(await deletedProjectsCollection.find({}).toArray()).to.deep.equal([
+        {
+          _id: deleteProjectsRecordId0,
+          project: {
+            _id: projectIdDeleted0,
+            rootFolder: [
+              {
+                fileRefs: [],
+                folders: [
+                  {
+                    fileRefs: [],
+                    folders: [
+                      {
+                        fileRefs: [
+                          { _id: fileId4, hash: gitBlobHash(fileId4) },
+                        ],
+                        folders: [],
+                      },
+                    ],
+                  },
+                ],
+              },
+            ],
+            overleaf: { history: { id: historyIdDeleted0 } },
+          },
+          deleterData: {
+            deletedProjectId: projectIdDeleted0,
+          },
+        },
+        {
+          _id: deleteProjectsRecordId1,
+          project: {
+            _id: projectIdDeleted1,
+            rootFolder: [
+              {
+                fileRefs: [],
+                folders: [
+                  {
+                    fileRefs: [],
+                    folders: [
+                      {
+                        fileRefs: [
+                          { _id: fileId5, hash: gitBlobHash(fileId5) },
+                        ],
+                        folders: [],
+                      },
+                    ],
+                  },
+                ],
+              },
+            ],
+            overleaf: { history: { id: historyIdDeleted1 } },
+          },
+          deleterData: {
+            deletedProjectId: projectIdDeleted1,
+          },
+        },
+        {
+          _id: deleteProjectsRecordId2,
+          project: {
+            _id: projectIdNoHistoryDeleted,
+            rootFolder: [{ fileRefs: [], folders: [] }],
+            overleaf: { history: { conversionFailed: true } },
+          },
+          deleterData: {
+            deletedProjectId: projectIdNoHistoryDeleted,
+          },
+        },
+        {
+          _id: deleteProjectsRecordId3,
+          deleterData: { deletedProjectId: projectIdHardDeleted },
+        },
+        {
+          _id: deleteProjectsRecordId4,
+          project: {
+            _id: projectIdNoOverleafDeleted,
+            rootFolder: [{ fileRefs: [], folders: [] }],
+          },
+          deleterData: {
+            deletedProjectId: projectIdNoOverleafDeleted,
+          },
+        },
+      ])
+      expect(await deletedFilesCollection.find({}).toArray()).to.deep.equal([
+        {
+          _id: fileIdDeleted1,
+          projectId: projectId1,
+          hash: gitBlobHash(fileIdDeleted1),
+        },
+        {
+          _id: fileIdDeleted2,
+          projectId: projectIdDeleted0,
+          hash: gitBlobHash(fileIdDeleted2),
+        },
+        {
+          _id: fileIdDeleted3,
+          projectId: projectIdDeleted0,
+          // uses the same content as fileIdDeleted2
+          hash: gitBlobHash(fileIdDeleted2),
+        },
+        {
+          _id: fileIdDeleted4,
+          projectId: projectIdDeleted0,
+          hash: gitBlobHash(fileIdDeleted4),
+        },
+        {
+          _id: fileIdDeleted5,
+          projectId: projectId0,
+          hash: gitBlobHash(fileIdDeleted5),
+        },
+      ])
+      expect(
+        (await backedUpBlobs.find({}, { sort: { _id: 1 } }).toArray()).map(
+          entry => {
+            // blobs are pushed unordered into mongo. Sort the list for consistency.
+            entry.blobs.sort()
+            return entry
+          }
+        )
+      ).to.deep.equal([
+        {
+          _id: projectId0,
+          blobs: [
+            binaryForGitBlobHash(gitBlobHash(fileId0)),
+            binaryForGitBlobHash(hashFile7),
+            binaryForGitBlobHash(gitBlobHash(fileIdDeleted5)),
+            binaryForGitBlobHash(hashTextBlob0),
+          ].sort(),
+        },
+        {
+          _id: projectId1,
+          blobs: [
+            binaryForGitBlobHash(gitBlobHash(fileId1)),
+            binaryForGitBlobHash(gitBlobHash(fileIdDeleted1)),
+            binaryForGitBlobHash(hashTextBlob1),
+          ].sort(),
+        },
+        {
+          _id: projectId2,
+          blobs: [binaryForGitBlobHash(hashTextBlob2)]
+            .concat(
+              processHashedFiles
+                ? [binaryForGitBlobHash(gitBlobHash(fileId2))]
+                : []
+            )
+            .sort(),
+        },
+        {
+          _id: projectIdDeleted0,
+          blobs: [
+            binaryForGitBlobHash(gitBlobHash(fileId4)),
+            binaryForGitBlobHash(gitBlobHash(fileIdDeleted2)),
+          ]
+            .concat(
+              processHashedFiles
+                ? [binaryForGitBlobHash(gitBlobHash(fileIdDeleted4))]
+                : []
+            )
+            .sort(),
+        },
+        {
+          _id: projectId3,
+          blobs: [binaryForGitBlobHash(gitBlobHash(fileId3))].sort(),
+        },
+        ...(processHashedFiles
+          ? [
+              {
+                _id: projectIdDeleted1,
+                blobs: [binaryForGitBlobHash(gitBlobHash(fileId5))].sort(),
+              },
+            ]
+          : []),
+        {
+          _id: projectIdBadFileTree0,
+          blobs: [binaryForGitBlobHash(hashTextBlob3)].sort(),
+        },
+        {
+          _id: projectIdBadFileTree3,
+          blobs: [binaryForGitBlobHash(gitBlobHash(fileId9))].sort(),
+        },
+      ])
+    })
+    it('should have backed up all the files', async function () {
+      expect(tieringStorageClass).to.exist
+      const blobs = await listS3Bucket(projectBlobsBucket, tieringStorageClass)
+      expect(blobs.sort()).to.deep.equal(
+        writtenBlobs
+          .map(({ historyId, fileId, hash }) =>
+            makeProjectKey(historyId, hash || gitBlobHash(fileId))
+          )
+          .sort()
+      )
+      for (let { historyId, fileId, hash, content } of writtenBlobs) {
+        hash = hash || gitBlobHash(fileId.toString())
+        const s = await backupPersistor.getObjectStream(
+          projectBlobsBucket,
+          makeProjectKey(historyId, hash),
+          { autoGunzip: true }
+        )
+        const buf = new WritableBuffer()
+        await Stream.promises.pipeline(s, buf)
+        expect(gitBlobHashBuffer(buf.getContents())).to.equal(hash)
+        if (content) {
+          expect(buf.getContents()).to.deep.equal(content)
+        } else {
+          const id = buf.getContents().toString('utf-8')
+          expect(id).to.equal(fileId.toString())
+          // double check we are not comparing 'undefined' or '[object Object]' above
+          expect(id).to.match(/^[a-f0-9]{24}$/)
+        }
+      }
+      const deks = await listS3Bucket(deksBucket, 'STANDARD')
+      expect(deks.sort()).to.deep.equal(
+        Array.from(
+          new Set(
+            writtenBlobs.map(
+              ({ historyId }) => projectKey.format(historyId) + '/dek'
+            )
+          )
+        ).sort()
+      )
+    })
+    it('should have written the back filled files to history v1', async function () {
+      for (const { historyId, hash, fileId, content } of writtenBlobs) {
+        const blobStore = new BlobStore(historyId.toString())
+        if (content) {
+          const s = await blobStore.getStream(hash)
+          const buf = new WritableBuffer()
+          await Stream.promises.pipeline(s, buf)
+          expect(buf.getContents()).to.deep.equal(content)
+          continue
+        }
+        const id = await blobStore.getString(
+          hash || gitBlobHash(fileId.toString())
+        )
+        expect(id).to.equal(fileId.toString())
+        // double check we are not comparing 'undefined' or '[object Object]' above
+        expect(id).to.match(/^[a-f0-9]{24}$/)
+      }
+    })
+    // Technically, we should move the below test into its own environment to ensure it does not impact any assertions.
+    // Practically, this is slow and moving it to the end of the tests gets us there most of the way.
+    it('should process nothing on re-run', async function () {
+      const rerun = await runScript(
+        processHashedFiles ? ['--processHashedFiles=true'] : [],
+        {},
+        false
+      )
+      let stats = {
+        ...STATS_ALL_ZERO,
+        // We still need to iterate over all the projects and blobs.
+        projects: 10,
+        blobs: 13,
+        backedUpBlobs: 13,
+        badFileTrees: 4,
+      }
+      if (processHashedFiles) {
+        stats = sumStats(stats, {
+          ...STATS_ALL_ZERO,
+          blobs: 3,
+          backedUpBlobs: 3,
+        })
+      }
+      expect(rerun.stats).deep.equal(stats)
+    })
+  }
+
+  function expectNotFoundError(result, msg) {
+    expect(result.stdout).to.include(msg)
+    const log = JSON.parse(
+      result.stdout.split('\n').find(l => l.includes(`"${msg}"`))
+    )
+    expect(log).to.contain({
+      projectId: projectId0.toString(),
+      fileId: fileId0.toString(),
+      path: 'rootFolder.0.fileRefs.1',
+      msg,
+    })
+    expect(log.err).to.contain({
+      name: 'NotFoundError',
+    })
+  }
+
+  const STATS_ALL_ZERO = {
+    projects: 0,
+    blobs: 0,
+    backedUpBlobs: 0,
+    filesWithHash: 0,
+    filesWithoutHash: 0,
+    filesDuplicated: 0,
+    filesRetries: 0,
+    filesFailed: 0,
+    globalBlobsCount: 0,
+    globalBlobsEgress: 0,
+    fileTreeUpdated: 0,
+    projectDeleted: 0,
+    projectHardDeleted: 0,
+    fileHardDeleted: 0,
+    badFileTrees: 0,
+    mongoUpdates: 0,
+    deduplicatedWriteToAWSLocalCount: 0,
+    deduplicatedWriteToAWSLocalEgress: 0,
+    deduplicatedWriteToAWSRemoteCount: 0,
+    deduplicatedWriteToAWSRemoteEgress: 0,
+    readFromGCSCount: 0,
+    readFromGCSIngress: 0,
+    writeToAWSCount: 0,
+    writeToAWSEgress: 0,
+    writeToGCSCount: 0,
+    writeToGCSEgress: 0,
+  }
+  const STATS_UP_TO_PROJECT1 = {
+    projects: 2,
+    blobs: 2,
+    backedUpBlobs: 0,
+    filesWithHash: 0,
+    filesWithoutHash: 7,
+    filesDuplicated: 1,
+    filesRetries: 0,
+    filesFailed: 0,
+    globalBlobsCount: 1,
+    globalBlobsEgress: 30,
+    fileTreeUpdated: 0,
+    projectDeleted: 0,
+    projectHardDeleted: 0,
+    fileHardDeleted: 0,
+    badFileTrees: 0,
+    mongoUpdates: 6,
+    deduplicatedWriteToAWSLocalCount: 0,
+    deduplicatedWriteToAWSLocalEgress: 0,
+    deduplicatedWriteToAWSRemoteCount: 0,
+    deduplicatedWriteToAWSRemoteEgress: 0,
+    readFromGCSCount: 8,
+    readFromGCSIngress: 4000134,
+    writeToAWSCount: 7,
+    writeToAWSEgress: 4086,
+    writeToGCSCount: 5,
+    writeToGCSEgress: 4000096,
+  }
+  const STATS_UP_FROM_PROJECT1_ONWARD = {
+    projects: 8,
+    blobs: 2,
+    backedUpBlobs: 0,
+    filesWithHash: 0,
+    filesWithoutHash: 5,
+    filesDuplicated: 0,
+    filesRetries: 0,
+    filesFailed: 0,
+    globalBlobsCount: 0,
+    globalBlobsEgress: 0,
+    fileTreeUpdated: 0,
+    projectDeleted: 0,
+    projectHardDeleted: 0,
+    fileHardDeleted: 0,
+    badFileTrees: 4,
+    mongoUpdates: 10,
+    deduplicatedWriteToAWSLocalCount: 1,
+    deduplicatedWriteToAWSLocalEgress: 30,
+    deduplicatedWriteToAWSRemoteCount: 0,
+    deduplicatedWriteToAWSRemoteEgress: 0,
+    readFromGCSCount: 7,
+    readFromGCSIngress: 134,
+    writeToAWSCount: 6,
+    writeToAWSEgress: 173,
+    writeToGCSCount: 4,
+    writeToGCSEgress: 96,
+  }
+  const STATS_FILES_HASHED_EXTRA = {
+    ...STATS_ALL_ZERO,
+    filesWithHash: 3,
+    mongoUpdates: 1,
+    readFromGCSCount: 3,
+    readFromGCSIngress: 72,
+    writeToAWSCount: 3,
+    writeToAWSEgress: 89,
+    writeToGCSCount: 3,
+    writeToGCSEgress: 72,
+  }
+
+  function sumStats(a, b) {
+    return Object.fromEntries(Object.entries(a).map(([k, v]) => [k, v + b[k]]))
+  }
+
+  const STATS_ALL = sumStats(
+    STATS_UP_TO_PROJECT1,
+    STATS_UP_FROM_PROJECT1_ONWARD
+  )
+
+  describe('error cases', () => {
+    beforeEach('prepare environment', prepareEnvironment)
+
+    it('should gracefully handle fatal errors', async function () {
+      await FILESTORE_PERSISTOR.deleteObject(
+        USER_FILES_BUCKET_NAME,
+        `${projectId0}/${fileId0}`
+      )
+      const t0 = Date.now()
+      const { stats, result } = await tryRunScript([], {
+        RETRIES: '10',
+        RETRY_DELAY_MS: '1000',
+      })
+      const t1 = Date.now()
+      expectNotFoundError(result, 'failed to process file')
+      expect(result.status).to.equal(1)
+      expect(stats).to.deep.equal(
+        sumStats(STATS_ALL, {
+          ...STATS_ALL_ZERO,
+          filesFailed: 1,
+          readFromGCSIngress: -24,
+          writeToAWSCount: -1,
+          writeToAWSEgress: -28,
+          writeToGCSCount: -1,
+          writeToGCSEgress: -24,
+        })
+      )
+      // should not retry 404
+      expect(result.stdout).to.not.include(
+        'failed to process file, trying again'
+      )
+      expect(t1 - t0).to.be.below(10_000)
+    })
+
+    it('should retry on error', async function () {
+      await FILESTORE_PERSISTOR.deleteObject(
+        USER_FILES_BUCKET_NAME,
+        `${projectId0}/${fileId0}`
+      )
+      const restoreFileAfter5s = async () => {
+        await setTimeout(5_000)
+        await FILESTORE_PERSISTOR.sendStream(
+          USER_FILES_BUCKET_NAME,
+          `${projectId0}/${fileId0}`,
+          Stream.Readable.from([fileId0.toString()])
+        )
+      }
+      // use Promise.allSettled to ensure the above sendStream call finishes before this test completes
+      const [
+        {
+          value: { stats, result },
+        },
+      ] = await Promise.allSettled([
+        tryRunScript([], {
+          RETRY_DELAY_MS: '100',
+          RETRIES: '60',
+          RETRY_FILESTORE_404: 'true', // 404s are the easiest to simulate in tests
+        }),
+        restoreFileAfter5s(),
+      ])
+      expectNotFoundError(result, 'failed to process file, trying again')
+      expect(result.status).to.equal(0)
+      expect({ ...stats, filesRetries: 0, readFromGCSCount: 0 }).to.deep.equal({
+        ...STATS_ALL,
+        filesRetries: 0,
+        readFromGCSCount: 0,
+      })
+      expect(stats.filesRetries).to.be.greaterThan(0, 'should have retried')
+      expect(stats.readFromGCSCount).to.be.greaterThan(
+        STATS_ALL.readFromGCSCount,
+        'should have read more times from GCS compared to normal operations'
+      )
+    })
+  })
+
+  describe('full run CONCURRENCY=1', function () {
+    let output
+    before('prepare environment', prepareEnvironment)
+    before('run script', async function () {
+      output = await runScript([], {
+        CONCURRENCY: '1',
+      })
+    })
+
+    /**
+     * @param {ObjectId} projectId
+     * @param {string} msg
+     * @param {string} path
+     */
+    function expectBadFileTreeMessage(projectId, msg, path) {
+      const line = output.result.stdout
+        .split('\n')
+        .find(l => l.includes(msg) && l.includes(projectId.toString()))
+      expect(line).to.exist
+      expect(JSON.parse(line)).to.include({
+        projectId: projectId.toString(),
+        msg,
+        path,
+      })
+    }
+
+    it('should print stats', function () {
+      expect(output.stats).deep.equal(STATS_ALL)
+    })
+    it('should have logged the bad file-tree', function () {
+      expectBadFileTreeMessage(
+        projectIdBadFileTree0,
+        'bad file-tree, bad folder',
+        'rootFolder.0'
+      )
+      expectBadFileTreeMessage(
+        projectIdBadFileTree1,
+        'bad file-tree, bad folder',
+        'rootFolder.0'
+      )
+      expectBadFileTreeMessage(
+        projectIdBadFileTree1,
+        'bad file-tree, bad folder',
+        'rootFolder.0'
+      )
+      expectBadFileTreeMessage(
+        projectIdBadFileTree2,
+        'bad file-tree, bad fileRef id',
+        'rootFolder.0.fileRefs.0'
+      )
+      expectBadFileTreeMessage(
+        projectIdBadFileTree3,
+        'bad file-tree, bad folder',
+        'rootFolder.0.folders.0'
+      )
+      expectBadFileTreeMessage(
+        projectIdBadFileTree3,
+        'bad file-tree, bad folders',
+        'rootFolder.0.folders.1.folders'
+      )
+      expectBadFileTreeMessage(
+        projectIdBadFileTree3,
+        'bad file-tree, bad fileRefs',
+        'rootFolder.0.folders.1.fileRefs'
+      )
+    })
+    commonAssertions()
+  })
+
+  describe('when processing hashed files later', function () {
+    let output1, output2
+    before('prepare environment', prepareEnvironment)
+    before('run script without hashed files', async function () {
+      output1 = await runScript([], {})
+    })
+    before('run script with hashed files', async function () {
+      output2 = await runScript(['--processHashedFiles=true'], {})
+    })
+    it('should print stats', function () {
+      expect(output1.stats).deep.equal(STATS_ALL)
+      expect(output2.stats).deep.equal({
+        ...STATS_FILES_HASHED_EXTRA,
+        projects: 10,
+        blobs: 13,
+        backedUpBlobs: 13,
+        badFileTrees: 4,
+        mongoUpdates: 3,
+      })
+    })
+    commonAssertions(true)
+  })
+
+  describe('full run CONCURRENCY=10', function () {
+    let output
+    before('prepare environment', prepareEnvironment)
+    before('run script', async function () {
+      output = await runScript([], {
+        CONCURRENCY: '10',
+      })
+    })
+    it('should print stats', function () {
+      expect(output.stats).deep.equal(STATS_ALL)
+    })
+    commonAssertions()
+  })
+
+  describe('full run STREAM_HIGH_WATER_MARK=1MB', function () {
+    let output
+    before('prepare environment', prepareEnvironment)
+    before('run script', async function () {
+      output = await runScript([], {
+        STREAM_HIGH_WATER_MARK: (1024 * 1024).toString(),
+      })
+    })
+    it('should print stats', function () {
+      expect(output.stats).deep.equal(STATS_ALL)
+    })
+    commonAssertions()
+  })
+
+  describe('when processing hashed files', function () {
+    let output
+    before('prepare environment', prepareEnvironment)
+    before('run script', async function () {
+      output = await runScript(['--processHashedFiles=true'], {})
+    })
+    it('should print stats', function () {
+      expect(output.stats).deep.equal(
+        sumStats(STATS_ALL, STATS_FILES_HASHED_EXTRA)
+      )
+    })
+    commonAssertions(true)
+  })
+
+  describe('with something in the bucket already', function () {
+    before('prepare environment', prepareEnvironment)
+    before('create a file in s3', async function () {
+      const buf = Buffer.from(fileId0.toString())
+      await backupPersistor.sendStream(
+        projectBlobsBucket,
+        makeProjectKey(historyId0, gitBlobHash(fileId0)),
+        Stream.Readable.from([buf]),
+        { contentLength: buf.byteLength }
+      )
+    })
+    let output
+    before('run script', async function () {
+      output = await runScript([], {
+        CONCURRENCY: '1',
+      })
+    })
+
+    it('should print stats', function () {
+      expect(output.stats).deep.equal(
+        sumStats(STATS_ALL, {
+          ...STATS_ALL_ZERO,
+          // one remote deduplicate
+          deduplicatedWriteToAWSRemoteCount: 1,
+          deduplicatedWriteToAWSRemoteEgress: 28,
+          writeToAWSEgress: -28, // subtract skipped egress
+        })
+      )
+    })
+    commonAssertions()
+  })
+
+  describe('with something in the bucket and marked as processed', function () {
+    before('prepare environment', prepareEnvironment)
+    before('create a file in s3', async function () {
+      await backupPersistor.sendStream(
+        projectBlobsBucket,
+        makeProjectKey(historyId0, hashTextBlob0),
+        Stream.Readable.from([contentTextBlob0]),
+        { contentLength: contentTextBlob0.byteLength }
+      )
+      await backedUpBlobs.insertMany([
+        {
+          _id: projectId0,
+          blobs: [binaryForGitBlobHash(hashTextBlob0)],
+        },
+      ])
+    })
+    let output
+    before('run script', async function () {
+      output = await runScript([], {
+        CONCURRENCY: '1',
+      })
+    })
+
+    it('should print stats', function () {
+      expect(output.stats).deep.equal(
+        sumStats(STATS_ALL, {
+          ...STATS_ALL_ZERO,
+          backedUpBlobs: 1,
+          writeToAWSCount: -1,
+          writeToAWSEgress: -27,
+          readFromGCSCount: -1,
+          readFromGCSIngress: -7,
+        })
+      )
+    })
+    commonAssertions()
+  })
+
+  describe('split run CONCURRENCY=1', function () {
+    // part0: project0+project1, part1: project2 onwards
+    const edge = projectId1.toString()
+    let outputPart0, outputPart1
+    before('prepare environment', prepareEnvironment)
+    before('run script on part 0', async function () {
+      outputPart0 = await runScript([`--BATCH_RANGE_END=${edge}`], {
+        CONCURRENCY: '1',
+      })
+    })
+    before('run script on part 1', async function () {
+      outputPart1 = await runScript([`--BATCH_RANGE_START=${edge}`], {
+        CONCURRENCY: '1',
+      })
+    })
+
+    it('should print stats', function () {
+      expect(outputPart0.stats).to.deep.equal(STATS_UP_TO_PROJECT1)
+      expect(outputPart1.stats).to.deep.equal(STATS_UP_FROM_PROJECT1_ONWARD)
+    })
+    commonAssertions()
+  })
+
+  describe('projectIds from file', () => {
+    const path0 = '/tmp/project-ids-0.txt'
+    const path1 = '/tmp/project-ids-1.txt'
+    before('prepare environment', prepareEnvironment)
+    before('create project-ids.txt files', async function () {
+      await fs.promises.writeFile(
+        path0,
+        [projectId0, projectId1].map(id => id.toString()).join('\n')
+      )
+      await fs.promises.writeFile(
+        path1,
+        [
+          projectId2,
+          projectId3,
+          projectIdDeleted0,
+          projectIdDeleted1,
+          projectIdNoHistory,
+          projectIdNoHistoryDeleted,
+          projectIdHardDeleted,
+          projectIdNoOverleaf,
+          projectIdNoOverleafDeleted,
+          projectIdBadFileTree0,
+          projectIdBadFileTree1,
+          projectIdBadFileTree2,
+          projectIdBadFileTree3,
+        ]
+          .map(id => id.toString())
+          .join('\n')
+      )
+    })
+
+    let outputPart0, outputPart1
+    before('run script on part 0', async function () {
+      outputPart0 = await runScript([`--projectIdsFrom=${path0}`])
+    })
+    before('run script on part 1', async function () {
+      outputPart1 = await runScript([`--projectIdsFrom=${path1}`])
+    })
+
+    /**
+     * @param {string} msg
+     * @param {ObjectId} projectId
+     */
+    function expectLogEntry(msg, projectId) {
+      expect(outputPart1.result.stdout).to.include(msg)
+      const log = JSON.parse(
+        outputPart1.result.stdout
+          .split('\n')
+          .find(l => l.includes(`"${msg}"`) && l.includes(projectId.toString()))
+      )
+      expect(log).to.contain({
+        projectId: projectId.toString(),
+        msg,
+      })
+    }
+    it('should flag the hard-deleted project', function () {
+      expectLogEntry('project hard-deleted', projectIdHardDeleted)
+    })
+    it('should flag the projects without history id', function () {
+      expectLogEntry('project has no history id', projectIdNoOverleaf)
+      expectLogEntry('project has no history id', projectIdNoOverleafDeleted)
+      expectLogEntry('project has no history id', projectIdNoHistory)
+      expectLogEntry('project has no history id', projectIdNoHistoryDeleted)
+    })
+    it('should print stats', function () {
+      expect(outputPart0.stats).to.deep.equal(STATS_UP_TO_PROJECT1)
+      expect(outputPart1.stats).to.deep.equal(STATS_UP_FROM_PROJECT1_ONWARD)
+    })
+    commonAssertions()
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/storage/back_fill_file_hash_fix_up.test.mjs b/services/history-v1/test/acceptance/js/storage/back_fill_file_hash_fix_up.test.mjs
new file mode 100644
index 0000000..ceafa24
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/back_fill_file_hash_fix_up.test.mjs
@@ -0,0 +1,818 @@
+import fs from 'node:fs'
+import Crypto from 'node:crypto'
+import Stream from 'node:stream'
+import { promisify } from 'node:util'
+import { Binary, ObjectId } from 'mongodb'
+import { Blob } from 'overleaf-editor-core'
+import { backedUpBlobs, blobs, db } from '../../../../storage/lib/mongodb.js'
+import cleanup from './support/cleanup.js'
+import testProjects from '../api/support/test_projects.js'
+import { execFile } from 'node:child_process'
+import chai, { expect } from 'chai'
+import chaiExclude from 'chai-exclude'
+import config from 'config'
+import { WritableBuffer } from '@overleaf/stream-utils'
+import {
+  backupPersistor,
+  projectBlobsBucket,
+} from '../../../../storage/lib/backupPersistor.mjs'
+import projectKey from '../../../../storage/lib/project_key.js'
+import {
+  BlobStore,
+  makeProjectKey,
+} from '../../../../storage/lib/blob_store/index.js'
+import ObjectPersistor from '@overleaf/object-persistor'
+
+chai.use(chaiExclude)
+
+const TIMEOUT = 20 * 1_000
+
+const { deksBucket } = config.get('backupStore')
+const { tieringStorageClass } = config.get('backupPersistor')
+
+const projectsCollection = db.collection('projects')
+const deletedProjectsCollection = db.collection('deletedProjects')
+
+const FILESTORE_PERSISTOR = ObjectPersistor({
+  backend: 'gcs',
+  gcs: {
+    endpoint: {
+      apiEndpoint: process.env.GCS_API_ENDPOINT,
+      projectId: process.env.GCS_PROJECT_ID,
+    },
+  },
+})
+
+/**
+ * @param {ObjectId} objectId
+ * @return {string}
+ */
+function gitBlobHash(objectId) {
+  return gitBlobHashBuffer(Buffer.from(objectId.toString()))
+}
+
+/**
+ * @param {Buffer} buf
+ * @return {string}
+ */
+function gitBlobHashBuffer(buf) {
+  const sha = Crypto.createHash('sha1')
+  sha.update(`blob ${buf.byteLength}\x00`)
+  sha.update(buf)
+  return sha.digest('hex')
+}
+
+/**
+ * @param {string} gitBlobHash
+ * @return {Binary}
+ */
+function binaryForGitBlobHash(gitBlobHash) {
+  return new Binary(Buffer.from(gitBlobHash, 'hex'))
+}
+
+async function listS3Bucket(bucket, wantStorageClass) {
+  const client = backupPersistor._getClientForBucket(bucket)
+  const response = await client.listObjectsV2({ Bucket: bucket }).promise()
+
+  for (const object of response.Contents || []) {
+    expect(object).to.have.property('StorageClass', wantStorageClass)
+  }
+
+  return (response.Contents || []).map(item => item.Key || '')
+}
+
+function objectIdFromTime(timestamp) {
+  return ObjectId.createFromTime(new Date(timestamp).getTime() / 1000)
+}
+
+const PRINT_IDS_AND_HASHES_FOR_DEBUGGING = false
+
+describe('back_fill_file_hash_fix_up script', function () {
+  this.timeout(TIMEOUT)
+  const USER_FILES_BUCKET_NAME = 'fake-user-files-gcs'
+
+  const projectId0 = objectIdFromTime('2017-01-01T00:00:00Z')
+  const projectIdDeleted0 = objectIdFromTime('2017-01-01T00:04:00Z')
+  const historyId0 = 42 // stored as number is mongo
+  const historyIdDeleted0 = projectIdDeleted0.toString()
+  const fileIdWithDifferentHashFound = objectIdFromTime('2017-02-01T00:00:00Z')
+  const fileIdInGoodState = objectIdFromTime('2017-02-01T00:01:00Z')
+  const fileIdBlobExistsInGCS0 = objectIdFromTime('2017-02-01T00:02:00Z')
+  const fileIdWithDifferentHashNotFound0 = objectIdFromTime(
+    '2017-02-01T00:03:00Z'
+  )
+  const fileIdWithDifferentHashNotFound1 = objectIdFromTime(
+    '2017-02-01T00:04:00Z'
+  )
+  const fileIdBlobExistsInGCSCorrupted = objectIdFromTime(
+    '2017-02-01T00:05:00Z'
+  )
+  const fileIdMissing0 = objectIdFromTime('2024-02-01T00:06:00Z')
+  const fileIdMissing1 = objectIdFromTime('2017-02-01T00:07:00Z')
+  const fileIdWithDifferentHashRestore = objectIdFromTime(
+    '2017-02-01T00:08:00Z'
+  )
+  const fileIdBlobExistsInGCS1 = objectIdFromTime('2017-02-01T00:09:00Z')
+  const fileIdRestoreFromFilestore0 = objectIdFromTime('2017-02-01T00:10:00Z')
+  const fileIdRestoreFromFilestore1 = objectIdFromTime('2017-02-01T00:11:00Z')
+  const fileIdMissing2 = objectIdFromTime('2017-02-01T00:12:00Z')
+  const fileIdHashMissing0 = objectIdFromTime('2017-02-01T00:13:00Z')
+  const fileIdHashMissing1 = objectIdFromTime('2017-02-01T00:14:00Z')
+  const contentCorruptedBlob = 'string that produces another hash'
+  const contentDoesNotExistAsBlob = 'does not exist as blob'
+  const hashDoesNotExistAsBlob = gitBlobHashBuffer(
+    Buffer.from(contentDoesNotExistAsBlob)
+  )
+  const deleteProjectsRecordId0 = new ObjectId()
+  const writtenBlobs = [
+    {
+      projectId: projectId0,
+      historyId: historyId0,
+      fileId: fileIdBlobExistsInGCS0,
+    },
+    {
+      projectId: projectId0,
+      historyId: historyId0,
+      fileId: fileIdBlobExistsInGCS1,
+    },
+    {
+      projectId: projectId0,
+      historyId: historyId0,
+      fileId: fileIdWithDifferentHashNotFound0,
+    },
+    {
+      projectId: projectId0,
+      historyId: historyId0,
+      fileId: fileIdRestoreFromFilestore0,
+    },
+    {
+      projectId: projectId0,
+      historyId: historyId0,
+      fileId: fileIdRestoreFromFilestore1,
+    },
+    {
+      projectId: projectId0,
+      historyId: historyId0,
+      fileId: fileIdHashMissing0,
+    },
+    {
+      projectId: projectId0,
+      historyId: historyId0,
+      fileId: fileIdHashMissing1,
+    },
+    {
+      projectId: projectIdDeleted0,
+      historyId: historyIdDeleted0,
+      fileId: fileIdWithDifferentHashNotFound1,
+    },
+  ]
+  const logs = [
+    {
+      projectId: projectId0,
+      fileId: fileIdWithDifferentHashFound,
+      err: { message: 'OError: hash mismatch' },
+      hash: gitBlobHash(fileIdMissing0), // does not matter
+      entry: {
+        ctx: { historyId: historyId0.toString() },
+        hash: gitBlobHash(fileIdInGoodState),
+      },
+      msg: 'failed to process file',
+    },
+    {
+      projectId: projectId0,
+      fileId: fileIdWithDifferentHashRestore,
+      err: { message: 'OError: hash mismatch' },
+      hash: hashDoesNotExistAsBlob,
+      entry: {
+        ctx: { historyId: historyId0.toString() },
+        hash: gitBlobHash(fileIdMissing0), // does not matter
+      },
+      msg: 'failed to process file',
+    },
+    {
+      projectId: projectId0,
+      fileId: fileIdWithDifferentHashNotFound0,
+      err: { message: 'OError: hash mismatch' },
+      hash: gitBlobHash(fileIdWithDifferentHashNotFound0),
+      entry: {
+        ctx: { historyId: historyId0.toString() },
+        hash: hashDoesNotExistAsBlob,
+      },
+      msg: 'failed to process file',
+    },
+    {
+      projectId: projectId0,
+      fileId: fileIdRestoreFromFilestore0,
+      err: { message: 'OError: hash mismatch' },
+      hash: gitBlobHash(fileIdRestoreFromFilestore0),
+      entry: {
+        ctx: { historyId: historyId0.toString() },
+        hash: hashDoesNotExistAsBlob,
+      },
+      msg: 'failed to process file',
+    },
+    {
+      projectId: projectIdDeleted0,
+      fileId: fileIdWithDifferentHashNotFound1,
+      err: { message: 'OError: hash mismatch' },
+      hash: gitBlobHash(fileIdWithDifferentHashNotFound1),
+      entry: {
+        ctx: { historyId: historyIdDeleted0.toString() },
+        hash: hashDoesNotExistAsBlob,
+      },
+      msg: 'failed to process file',
+    },
+    {
+      projectId: projectId0,
+      fileId: fileIdMissing0,
+      bucketName: USER_FILES_BUCKET_NAME,
+      err: { message: 'NotFoundError' },
+      msg: 'failed to process file',
+    },
+    {
+      projectId: projectId0,
+      fileId: fileIdMissing2,
+      bucketName: USER_FILES_BUCKET_NAME,
+      err: { message: 'NotFoundError' },
+      msg: 'failed to process file',
+    },
+    {
+      projectId: projectId0,
+      fileId: fileIdBlobExistsInGCS0,
+      hash: gitBlobHash(fileIdBlobExistsInGCS0),
+      err: { message: 'storage.objects.delete' },
+      msg: 'failed to process file',
+    },
+    {
+      projectId: projectId0,
+      fileId: fileIdBlobExistsInGCSCorrupted,
+      hash: gitBlobHash(fileIdBlobExistsInGCSCorrupted),
+      err: { message: 'storage.objects.delete' },
+      msg: 'failed to process file',
+    },
+    {
+      projectId: projectId0,
+      fileId: fileIdBlobExistsInGCS1,
+      hash: gitBlobHash(fileIdBlobExistsInGCS1),
+      err: { message: 'storage.objects.delete' },
+      msg: 'failed to process file',
+    },
+    {
+      projectId: projectId0,
+      fileId: fileIdRestoreFromFilestore1,
+      err: { message: 'storage.objects.delete' },
+      msg: 'failed to process file',
+    },
+    {
+      projectId: projectIdDeleted0,
+      fileId: fileIdMissing1,
+      bucketName: USER_FILES_BUCKET_NAME,
+      err: { message: 'NotFoundError' },
+      msg: 'failed to process file',
+    },
+    {
+      err: { message: 'spurious error' },
+      msg: 'failed to process file, trying again',
+    },
+    {
+      err: { message: 'some other error' },
+      msg: 'failed to process file',
+    },
+    // from find_malformed_filetrees.mjs
+    {
+      projectId: projectId0,
+      _id: fileIdHashMissing0,
+      reason: 'bad file hash',
+      msg: 'bad file-tree path',
+    },
+    {
+      projectId: projectId0,
+      _id: fileIdHashMissing1,
+      reason: 'bad file hash',
+      msg: 'bad file-tree path',
+    },
+  ]
+  if (PRINT_IDS_AND_HASHES_FOR_DEBUGGING) {
+    const fileIds = {
+      fileIdWithDifferentHashFound,
+      fileIdInGoodState,
+      fileIdBlobExistsInGCS0,
+      fileIdBlobExistsInGCS1,
+      fileIdWithDifferentHashNotFound0,
+      fileIdWithDifferentHashNotFound1,
+      fileIdBlobExistsInGCSCorrupted,
+      fileIdMissing0,
+      fileIdMissing1,
+      fileIdMissing2,
+      fileIdWithDifferentHashRestore,
+      fileIdRestoreFromFilestore0,
+      fileIdRestoreFromFilestore1,
+      fileIdHashMissing0,
+      fileIdHashMissing1,
+    }
+    console.log({
+      projectId0,
+      projectIdDeleted0,
+      historyId0,
+      historyIdDeleted0,
+      ...fileIds,
+      hashDoesNotExistAsBlob,
+    })
+    for (const [name, v] of Object.entries(fileIds)) {
+      console.log(
+        name,
+        gitBlobHash(v),
+        Array.from(binaryForGitBlobHash(gitBlobHash(v)).value())
+      )
+    }
+  }
+
+  before(cleanup.everything)
+
+  before('populate blobs/GCS', async function () {
+    await FILESTORE_PERSISTOR.sendStream(
+      USER_FILES_BUCKET_NAME,
+      `${projectId0}/${fileIdRestoreFromFilestore0}`,
+      Stream.Readable.from([fileIdRestoreFromFilestore0.toString()])
+    )
+    await FILESTORE_PERSISTOR.sendStream(
+      USER_FILES_BUCKET_NAME,
+      `${projectId0}/${fileIdRestoreFromFilestore1}`,
+      Stream.Readable.from([fileIdRestoreFromFilestore1.toString()])
+    )
+    await FILESTORE_PERSISTOR.sendStream(
+      USER_FILES_BUCKET_NAME,
+      `${projectId0}/${fileIdHashMissing0}`,
+      Stream.Readable.from([fileIdHashMissing0.toString()])
+    )
+    await FILESTORE_PERSISTOR.sendStream(
+      USER_FILES_BUCKET_NAME,
+      `${projectId0}/${fileIdHashMissing1}`,
+      Stream.Readable.from([fileIdHashMissing1.toString()])
+    )
+    await new BlobStore(historyId0.toString()).putString(
+      fileIdHashMissing1.toString() // partially processed
+    )
+    await new BlobStore(historyId0.toString()).putString(
+      fileIdBlobExistsInGCS0.toString()
+    )
+    await new BlobStore(historyId0.toString()).putString(
+      fileIdBlobExistsInGCS1.toString()
+    )
+    await new BlobStore(historyId0.toString()).putString(
+      fileIdRestoreFromFilestore1.toString()
+    )
+    const path = '/tmp/test-blob-corrupted'
+    try {
+      await fs.promises.writeFile(path, contentCorruptedBlob)
+      await new BlobStore(historyId0.toString()).putBlob(
+        path,
+        new Blob(gitBlobHash(fileIdBlobExistsInGCSCorrupted), 42)
+      )
+    } finally {
+      await fs.promises.rm(path, { force: true })
+    }
+    await cleanup.postgres()
+    await cleanup.mongo()
+    await Promise.all([
+      testProjects.createEmptyProject(historyId0.toString()),
+      testProjects.createEmptyProject(historyIdDeleted0),
+    ])
+    await new BlobStore(historyId0.toString()).putString(
+      fileIdWithDifferentHashNotFound0.toString()
+    )
+    await new BlobStore(historyIdDeleted0.toString()).putString(
+      fileIdWithDifferentHashNotFound1.toString()
+    )
+    await new BlobStore(historyId0.toString()).putString(
+      fileIdInGoodState.toString()
+    )
+  })
+
+  before('populate mongo', async function () {
+    await projectsCollection.insertMany([
+      {
+        _id: projectId0,
+        rootFolder: [
+          {
+            fileRefs: [
+              { _id: fileIdMissing0 },
+              { _id: fileIdMissing0 }, // bad file-tree, duplicated fileRef.
+              { _id: fileIdMissing2 },
+              { _id: fileIdHashMissing0 },
+              { _id: fileIdHashMissing1 },
+              {
+                _id: fileIdWithDifferentHashFound,
+                hash: gitBlobHash(fileIdInGoodState),
+              },
+              {
+                _id: fileIdWithDifferentHashRestore,
+                hash: gitBlobHash(fileIdMissing0),
+              },
+            ],
+            folders: [
+              {
+                docs: [],
+              },
+              null,
+              {
+                fileRefs: [
+                  null,
+                  {
+                    _id: fileIdInGoodState,
+                    hash: gitBlobHash(fileIdInGoodState),
+                  },
+                  {
+                    _id: fileIdWithDifferentHashNotFound0,
+                    hash: hashDoesNotExistAsBlob,
+                  },
+                  {
+                    _id: fileIdRestoreFromFilestore0,
+                    hash: hashDoesNotExistAsBlob,
+                  },
+                  {
+                    _id: fileIdRestoreFromFilestore1,
+                  },
+                  {
+                    _id: fileIdBlobExistsInGCS0,
+                    hash: gitBlobHash(fileIdBlobExistsInGCS0),
+                  },
+                  {
+                    _id: fileIdBlobExistsInGCSCorrupted,
+                    hash: gitBlobHash(fileIdBlobExistsInGCSCorrupted),
+                  },
+                  { _id: fileIdBlobExistsInGCS1 },
+                ],
+                folders: [],
+              },
+            ],
+          },
+        ],
+        overleaf: { history: { id: historyId0 } },
+        version: 0,
+      },
+    ])
+    await deletedProjectsCollection.insertMany([
+      {
+        _id: deleteProjectsRecordId0,
+        project: {
+          _id: projectIdDeleted0,
+          rootFolder: [
+            {
+              fileRefs: [
+                {
+                  _id: fileIdWithDifferentHashNotFound1,
+                  hash: hashDoesNotExistAsBlob,
+                },
+              ],
+              folders: [
+                {
+                  fileRefs: [],
+                  folders: [
+                    { fileRefs: [{ _id: fileIdMissing1 }], folders: [] },
+                  ],
+                },
+              ],
+            },
+          ],
+          overleaf: { history: { id: historyIdDeleted0 } },
+          version: 100,
+        },
+        deleterData: {
+          deletedProjectId: projectIdDeleted0,
+        },
+      },
+    ])
+  })
+
+  /**
+   * @param {Array<string>} args
+   * @param {Record<string, string>} env
+   * @return {Promise<{ stdout: string, stderr: string, status: number }>}
+   */
+  async function tryRunScript(args = [], env = {}) {
+    let result
+    try {
+      result = await promisify(execFile)(
+        process.argv0,
+        ['storage/scripts/back_fill_file_hash_fix_up.mjs', ...args],
+        {
+          encoding: 'utf-8',
+          timeout: TIMEOUT - 500,
+          env: {
+            ...process.env,
+            USER_FILES_BUCKET_NAME,
+            SLEEP_BEFORE_EXIT: '1',
+            ...env,
+            LOG_LEVEL: 'warn', // Override LOG_LEVEL of acceptance tests
+          },
+        }
+      )
+      result.status = 0
+    } catch (err) {
+      const { stdout, stderr, code } = err
+      if (typeof code !== 'number') {
+        console.log(err)
+      }
+      result = { stdout, stderr, status: code }
+    }
+    expect((await fs.promises.readdir('/tmp')).join(';')).to.not.match(
+      /back_fill_file_hash/
+    )
+    return result
+  }
+  async function runScriptWithLogs() {
+    const logsPath = '/tmp/test-script-logs'
+    let result
+    try {
+      await fs.promises.writeFile(
+        logsPath,
+        logs.map(e => JSON.stringify(e)).join('\n')
+      )
+      result = await tryRunScript([`--logs=${logsPath}`])
+    } finally {
+      await fs.promises.rm(logsPath, { force: true })
+    }
+    const stats = JSON.parse(result.stdout.trim().split('\n').pop())
+    return {
+      result,
+      stats,
+    }
+  }
+
+  let result, stats
+  before(async function () {
+    ;({ result, stats } = await runScriptWithLogs())
+  })
+  it('should print stats', function () {
+    expect(stats).to.contain({
+      processedLines: 16,
+      success: 11,
+      alreadyProcessed: 0,
+      fileDeleted: 0,
+      skipped: 0,
+      failed: 3,
+      unmatched: 1,
+    })
+  })
+  it('should handle re-run on same logs', async function () {
+    ;({ stats } = await runScriptWithLogs())
+    expect(stats).to.contain({
+      processedLines: 16,
+      success: 0,
+      alreadyProcessed: 8,
+      fileDeleted: 3,
+      skipped: 0,
+      failed: 3,
+      unmatched: 1,
+    })
+  })
+  it('should flag the unknown fatal error', function () {
+    const unknown = result.stdout
+      .split('\n')
+      .filter(l => l.includes('unknown fatal error'))
+    expect(unknown).to.have.length(1)
+    const [line] = unknown
+    expect(line).to.exist
+    expect(line).to.include('some other error')
+  })
+  it('should flag the unexpected blob on mismatched hash', function () {
+    const line = result.stdout
+      .split('\n')
+      .find(l => l.includes('found blob with computed filestore object hash'))
+    expect(line).to.exist
+    expect(line).to.include(projectId0.toString())
+    expect(line).to.include(fileIdWithDifferentHashFound.toString())
+    expect(line).to.include(gitBlobHash(fileIdInGoodState))
+  })
+  it('should flag the need to restore', function () {
+    const line = result.stdout
+      .split('\n')
+      .find(l => l.includes('missing blob, need to restore filestore file'))
+    expect(line).to.exist
+    expect(line).to.include(projectId0.toString())
+    expect(line).to.include(fileIdWithDifferentHashRestore.toString())
+    expect(line).to.include(hashDoesNotExistAsBlob)
+  })
+  it('should flag the corrupted blob', function () {
+    const line = result.stdout
+      .split('\n')
+      .find(l => l.includes('blob corrupted'))
+    expect(line).to.exist
+    expect(line).to.include(projectId0.toString())
+    expect(line).to.include(fileIdBlobExistsInGCSCorrupted.toString())
+    expect(line).to.include(
+      gitBlobHashBuffer(Buffer.from(contentCorruptedBlob))
+    )
+    expect(line).to.include(gitBlobHash(fileIdBlobExistsInGCSCorrupted))
+  })
+  it('should update mongo', async function () {
+    expect(await projectsCollection.find({}).toArray())
+      .excludingEvery([
+        'currentEndTimestamp',
+        'currentEndVersion',
+        'updatedAt',
+        'backup',
+      ])
+      .to.deep.equal([
+        {
+          _id: projectId0,
+          rootFolder: [
+            {
+              fileRefs: [
+                // Removed
+                // { _id: fileIdMissing0 },
+                // Removed
+                // { _id: fileIdMissing2 },
+                // Added hash
+                {
+                  _id: fileIdHashMissing0,
+                  hash: gitBlobHash(fileIdHashMissing0),
+                },
+                // Added hash
+                {
+                  _id: fileIdHashMissing1,
+                  hash: gitBlobHash(fileIdHashMissing1),
+                },
+                // No change, should warn about the find.
+                {
+                  _id: fileIdWithDifferentHashFound,
+                  hash: gitBlobHash(fileIdInGoodState),
+                },
+                // No change, should warn about the need to restore.
+                {
+                  _id: fileIdWithDifferentHashRestore,
+                  hash: gitBlobHash(fileIdMissing0),
+                },
+              ],
+              folders: [
+                {
+                  docs: [],
+                },
+                null,
+                {
+                  fileRefs: [
+                    null,
+                    // No change
+                    {
+                      _id: fileIdInGoodState,
+                      hash: gitBlobHash(fileIdInGoodState),
+                    },
+                    // Updated hash
+                    {
+                      _id: fileIdWithDifferentHashNotFound0,
+                      hash: gitBlobHash(fileIdWithDifferentHashNotFound0),
+                    },
+                    // Updated hash
+                    {
+                      _id: fileIdRestoreFromFilestore0,
+                      hash: gitBlobHash(fileIdRestoreFromFilestore0),
+                    },
+                    // Added hash
+                    {
+                      _id: fileIdRestoreFromFilestore1,
+                      hash: gitBlobHash(fileIdRestoreFromFilestore1),
+                    },
+                    // No change, blob created
+                    {
+                      _id: fileIdBlobExistsInGCS0,
+                      hash: gitBlobHash(fileIdBlobExistsInGCS0),
+                    },
+                    // No change, flagged
+                    {
+                      _id: fileIdBlobExistsInGCSCorrupted,
+                      hash: gitBlobHash(fileIdBlobExistsInGCSCorrupted),
+                    },
+                    // Added hash
+                    {
+                      _id: fileIdBlobExistsInGCS1,
+                      hash: gitBlobHash(fileIdBlobExistsInGCS1),
+                    },
+                  ],
+                  folders: [],
+                },
+              ],
+            },
+          ],
+          overleaf: { history: { id: historyId0 } },
+          // Incremented when removing file/updating hash
+          version: 8,
+        },
+      ])
+    expect(await deletedProjectsCollection.find({}).toArray()).to.deep.equal([
+      {
+        _id: deleteProjectsRecordId0,
+        project: {
+          _id: projectIdDeleted0,
+          rootFolder: [
+            {
+              fileRefs: [
+                // Updated hash
+                {
+                  _id: fileIdWithDifferentHashNotFound1,
+                  hash: gitBlobHash(fileIdWithDifferentHashNotFound1),
+                },
+              ],
+              folders: [
+                {
+                  fileRefs: [],
+                  folders: [
+                    {
+                      fileRefs: [
+                        // Removed
+                        // { _id: fileIdMissing1 },
+                      ],
+                      folders: [],
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+          overleaf: { history: { id: historyIdDeleted0 } },
+          // Incremented when removing file/updating hash
+          version: 102,
+        },
+        deleterData: {
+          deletedProjectId: projectIdDeleted0,
+        },
+      },
+    ])
+    const writtenBlobsByProject = new Map()
+    for (const { projectId, fileId } of writtenBlobs) {
+      writtenBlobsByProject.set(
+        projectId,
+        (writtenBlobsByProject.get(projectId) || []).concat([fileId])
+      )
+    }
+    expect(
+      (await backedUpBlobs.find({}, { sort: { _id: 1 } }).toArray()).map(
+        entry => {
+          // blobs are pushed unordered into mongo. Sort the list for consistency.
+          entry.blobs.sort()
+          return entry
+        }
+      )
+    ).to.deep.equal(
+      Array.from(writtenBlobsByProject.entries()).map(
+        ([projectId, fileIds]) => {
+          return {
+            _id: projectId,
+            blobs: fileIds
+              .map(fileId => binaryForGitBlobHash(gitBlobHash(fileId)))
+              .sort(),
+          }
+        }
+      )
+    )
+  })
+  it('should have backed up all the files', async function () {
+    expect(tieringStorageClass).to.exist
+    const objects = await listS3Bucket(projectBlobsBucket, tieringStorageClass)
+    expect(objects.sort()).to.deep.equal(
+      writtenBlobs
+        .map(({ historyId, fileId, hash }) =>
+          makeProjectKey(historyId, hash || gitBlobHash(fileId))
+        )
+        .sort()
+    )
+    for (let { historyId, fileId } of writtenBlobs) {
+      const hash = gitBlobHash(fileId.toString())
+      const s = await backupPersistor.getObjectStream(
+        projectBlobsBucket,
+        makeProjectKey(historyId, hash),
+        { autoGunzip: true }
+      )
+      const buf = new WritableBuffer()
+      await Stream.promises.pipeline(s, buf)
+      expect(gitBlobHashBuffer(buf.getContents())).to.equal(hash)
+      const id = buf.getContents().toString('utf-8')
+      expect(id).to.equal(fileId.toString())
+      // double check we are not comparing 'undefined' or '[object Object]' above
+      expect(id).to.match(/^[a-f0-9]{24}$/)
+    }
+    const deks = await listS3Bucket(deksBucket, 'STANDARD')
+    expect(deks.sort()).to.deep.equal(
+      Array.from(
+        new Set(
+          writtenBlobs.map(
+            ({ historyId }) => projectKey.format(historyId) + '/dek'
+          )
+        )
+      ).sort()
+    )
+  })
+  it('should have written the back filled files to history v1', async function () {
+    for (const { historyId, fileId } of writtenBlobs) {
+      const blobStore = new BlobStore(historyId.toString())
+      const hash = gitBlobHash(fileId.toString())
+      const blob = await blobStore.getBlob(hash)
+      expect(blob).to.exist
+      expect(blob.getByteLength()).to.equal(24)
+      const id = await blobStore.getString(hash)
+      expect(id).to.equal(fileId.toString())
+      // double check we are not comparing 'undefined' or '[object Object]' above
+      expect(id).to.match(/^[a-f0-9]{24}$/)
+    }
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/storage/backup.test.mjs b/services/history-v1/test/acceptance/js/storage/backup.test.mjs
new file mode 100644
index 0000000..83087a1
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/backup.test.mjs
@@ -0,0 +1,682 @@
+import config from 'config'
+import { ObjectId } from 'mongodb'
+import { expect } from 'chai'
+import {
+  backedUpBlobs,
+  client,
+  globalBlobs,
+} from '../../../../storage/lib/mongodb.js'
+import persistor from '../../../../storage/lib/persistor.js'
+import {
+  loadGlobalBlobs,
+  BlobStore,
+  makeProjectKey,
+} from '../../../../storage/lib/blob_store/index.js'
+import { NotFoundError } from '@overleaf/object-persistor/src/Errors.js'
+import projectKey from '../../../../storage/lib/project_key.js'
+import { getBackupStatus } from '../../../../storage/lib/backup_store/index.js'
+import { text, buffer } from 'node:stream/consumers'
+import { createGunzip } from 'node:zlib'
+import { Change, Operation, File, TextOperation } from 'overleaf-editor-core'
+import ChunkStore from '../../../../storage/lib/chunk_store/index.js'
+import persistChanges from '../../../../storage/lib/persist_changes.js'
+import { historyStore } from '../../../../storage/lib/history_store.js'
+import { execFile } from 'node:child_process'
+import { promisify } from 'node:util'
+import testFiles from '../storage/support/test_files.js'
+import fs from 'node:fs'
+import {
+  backupBlob,
+  storeBlobBackup,
+} from '../../../../storage/lib/backupBlob.mjs'
+import {
+  backupPersistor,
+  projectBlobsBucket,
+  chunksBucket,
+} from '../../../../storage/lib/backupPersistor.mjs'
+import { Readable } from 'node:stream'
+
+const projectsCollection = client.db().collection('projects')
+
+/**
+ * @param {ObjectId} projectId
+ * @param {number} version
+ * @return {string}
+ */
+function makeChunkKey(projectId, version) {
+  return projectKey.format(projectId) + '/' + projectKey.pad(version)
+}
+
+describe('backup script', function () {
+  let project
+  let projectId, historyId
+  let limitsToPersistImmediately
+
+  before(function () {
+    // Used to provide a limit which forces us to persist all of the changes
+    const farFuture = new Date()
+    farFuture.setTime(farFuture.getTime() + 7 * 24 * 3600 * 1000)
+    limitsToPersistImmediately = {
+      minChangeTimestamp: farFuture,
+      maxChangeTimestamp: farFuture,
+      maxChanges: 10,
+      maxChunkChanges: 10,
+    }
+  })
+
+  beforeEach(async function () {
+    // Set up test projects with proper history metadata
+    projectId = new ObjectId()
+    historyId = projectId.toString()
+    project = {
+      _id: projectId,
+      overleaf: {
+        history: {
+          id: historyId,
+          currentEndVersion: 0, // Will be updated as changes are made
+          currentEndTimestamp: new Date(), // Will be updated as changes are made
+        },
+        backup: {
+          // Start with no backup state
+        },
+      },
+    }
+
+    // Pre-load the global blobs
+    await loadGlobalBlobs()
+
+    // Clean up any pre-existing test data
+    await projectsCollection.deleteMany({
+      _id: projectId,
+    })
+    await backedUpBlobs.deleteMany({}) // Clear any existing backedUpBlobs entries
+  })
+
+  describe('with simple project content', function () {
+    const contentString = 'hello world'
+    const newContentString = 'hello world more'
+    const graphPngPath = testFiles.path('graph.png')
+    const graphPngBuf = fs.readFileSync(graphPngPath)
+    const graphPngHash = testFiles.GRAPH_PNG_HASH
+    const nonBmpPath = testFiles.path('non_bmp.txt')
+    const DUMMY_HASH = '1111111111111111111111111111111111111111'
+
+    beforeEach(async function () {
+      // Create initial project
+      await projectsCollection.insertOne(project)
+
+      // Initialize project in chunk store
+      await ChunkStore.initializeProject(historyId)
+
+      const blobStore = new BlobStore(historyId)
+
+      // Create the blobs and then back them up using backupBlob
+      const graphPngBlob = await blobStore.putFile(graphPngPath)
+      await backupBlob(historyId, graphPngBlob, graphPngPath)
+
+      // Add initial content using persistChanges
+      const file = File.fromString(contentString)
+      const addFileOp = Operation.addFile('main.tex', file)
+      const addGraphFileOp = Operation.addFile(
+        'graph.png',
+        File.fromHash(testFiles.GRAPH_PNG_HASH)
+      )
+      const change1 = new Change([addFileOp, addGraphFileOp], new Date(), [])
+
+      await persistChanges(historyId, [change1], limitsToPersistImmediately, 0)
+
+      // Add a second change with a proper TextOperation
+      // For text operation: first number is how many chars to retain, then the text to insert
+      const textOp = TextOperation.fromJSON({
+        textOperation: [contentString.length, ' more'], // Keep existing content, append ' more'
+      })
+      const editOp = Operation.editFile('main.tex', textOp)
+      const change2 = new Change([editOp], new Date(), [])
+
+      // store an unrelated hash in the backedUpBlobs collection,
+      // so we can test that only the backed up hashes are cleared.
+      await storeBlobBackup(historyId, DUMMY_HASH)
+
+      await persistChanges(historyId, [change2], limitsToPersistImmediately, 1)
+    })
+
+    it('should perform an initial backup', async function () {
+      // Run backup script for initial version
+      const { stdout } = await runBackupScript(['--projectId', projectId])
+      expect(stdout).to.not.include(
+        'warning: persistor not passed to backupBlob'
+      )
+
+      // Verify backup state
+      const result = await getBackupStatus(projectId)
+      expect(result.backupStatus.lastBackedUpVersion).to.equal(2)
+      expect(result.backupStatus.lastBackedUpAt).to.be.an.instanceOf(Date)
+      expect(result.currentEndTimestamp).to.be.an.instanceOf(Date)
+      expect(result.backupStatus.pendingChangeAt).to.be.undefined
+
+      // Verify graph.png blob was backed up
+      const graphBlobStream = await backupPersistor.getObjectStream(
+        projectBlobsBucket,
+        makeProjectKey(historyId, graphPngHash),
+        { autoGunzip: true }
+      )
+      const graphBlobContent = await buffer(graphBlobStream)
+      expect(graphBlobContent.equals(graphPngBuf)).to.be.true
+
+      // Verify chunk was backed up
+      const chunkStream = await backupPersistor.getObjectStream(
+        chunksBucket,
+        makeChunkKey(historyId, 0)
+      )
+      const chunkContent = await text(chunkStream.pipe(createGunzip()))
+      const chunk = await ChunkStore.loadLatestRaw(historyId)
+      const rawHistory = await historyStore.loadRaw(historyId, chunk.id)
+      expect(JSON.parse(chunkContent)).to.deep.equal(rawHistory)
+
+      // Unrelated entries from backedUpBlobs should be not cleared
+      const backedUpBlobsDoc = await backedUpBlobs.findOne({
+        _id: project._id,
+      })
+      expect(backedUpBlobsDoc).not.to.be.null
+      expect(backedUpBlobsDoc.blobs).to.have.length(1)
+      expect(backedUpBlobsDoc.blobs[0].toString('hex')).to.equal(DUMMY_HASH)
+    })
+
+    it('should perform an incremental backup', async function () {
+      // Backup first version
+      const { stdout: stdout1 } = await runBackupScript([
+        '--projectId',
+        projectId,
+      ])
+      expect(stdout1).to.not.include(
+        'warning: persistor not passed to backupBlob'
+      )
+
+      // Verify first backup
+      const result1 = await getBackupStatus(projectId)
+      expect(result1.backupStatus.lastBackedUpVersion).to.equal(2)
+
+      // Persist additional changes
+      const additionalTextOp = TextOperation.fromJSON({
+        textOperation: [newContentString.length, ' even more'], // Keep existing content, append ' even more'
+      })
+      const additionalEditOp = Operation.editFile('main.tex', additionalTextOp)
+      const firstTimestamp = new Date()
+      const additionalChange = new Change(
+        [additionalEditOp],
+        firstTimestamp,
+        []
+      )
+
+      // add the nonbmp file
+      const blobStore = new BlobStore(historyId)
+      const nonBmpBlob = await blobStore.putFile(nonBmpPath)
+      await backupBlob(historyId, nonBmpBlob, nonBmpPath)
+
+      // Verify that the non-BMP file was backed up when the file was added
+      const newBackedUpBlobs = await backedUpBlobs.findOne({
+        _id: project._id,
+      })
+      expect(newBackedUpBlobs).not.to.be.null
+      expect(newBackedUpBlobs.blobs).to.have.length(2)
+      expect(
+        newBackedUpBlobs.blobs.map(b => b.toString('hex'))
+      ).to.have.members([testFiles.NON_BMP_TXT_HASH, DUMMY_HASH])
+
+      const addNonBmpFileOp = Operation.addFile(
+        'non_bmp.txt',
+        File.fromHash(testFiles.NON_BMP_TXT_HASH)
+      )
+      const secondTimestamp = new Date()
+      const additionalChange2 = new Change(
+        [addNonBmpFileOp],
+        secondTimestamp,
+        []
+      )
+
+      await persistChanges(
+        historyId,
+        [additionalChange, additionalChange2],
+        limitsToPersistImmediately,
+        2
+      )
+
+      const afterChangeResult = await getBackupStatus(projectId)
+      // Verify that the currentEndVersion and currentEndTimestamp are updated
+      expect(afterChangeResult.currentEndVersion).to.equal(4)
+      expect(afterChangeResult.currentEndTimestamp)
+        .to.be.an.instanceOf(Date)
+        .and.to.be.greaterThan(result1.currentEndTimestamp)
+      // Persisting a change should not modify the backup version and timestamp
+      expect(afterChangeResult.backupStatus.lastBackedUpVersion).to.equal(2)
+      expect(afterChangeResult.backupStatus.lastBackedUpAt)
+        .to.be.an.instanceOf(Date)
+        .and.to.deep.equal(result1.backupStatus.lastBackedUpAt)
+      // but it should update the pendingChangeAt timestamp to the timestamp of the
+      // first change which modified the project
+      expect(afterChangeResult.backupStatus.pendingChangeAt)
+        .to.be.an.instanceOf(Date)
+        .and.to.deep.equal(firstTimestamp)
+
+      // Second backup
+      const { stdout: stdout2 } = await runBackupScript([
+        '--projectId',
+        projectId,
+      ])
+      expect(stdout2).to.not.include(
+        'warning: persistor not passed to backupBlob'
+      )
+
+      // Verify incremental backup
+      const result2 = await getBackupStatus(projectId)
+      // The backup version and timestamp should be updated
+      expect(result2.backupStatus.lastBackedUpVersion).to.equal(4)
+      expect(result2.backupStatus.lastBackedUpAt)
+        .to.be.an.instanceOf(Date)
+        .and.to.be.greaterThan(result1.backupStatus.lastBackedUpAt)
+      // The currentEndVersion and currentEndTimestamp should not be modified
+      expect(result2.currentEndVersion).to.equal(4)
+      expect(result2.currentEndTimestamp)
+        .to.be.an.instanceOf(Date)
+        .and.to.deep.equal(afterChangeResult.currentEndTimestamp)
+      // The pendingChangeAt timestamp should be cleared when the backup is complete
+      expect(result2.backupStatus.pendingChangeAt).to.be.undefined
+
+      // Verify additional blob was backed up
+      const newBlobStream = await backupPersistor.getObjectStream(
+        projectBlobsBucket,
+        makeProjectKey(historyId, testFiles.NON_BMP_TXT_HASH),
+        { autoGunzip: true }
+      )
+      const newBlobContent = await buffer(newBlobStream)
+      expect(newBlobContent).to.deep.equal(
+        fs.readFileSync(testFiles.path('non_bmp.txt'))
+      )
+
+      // Check chunk was backed up
+      const chunkStream = await backupPersistor.getObjectStream(
+        chunksBucket,
+        makeChunkKey(historyId, 0)
+      )
+      const chunkContent = await text(chunkStream.pipe(createGunzip()))
+      const chunk = await ChunkStore.loadLatestRaw(historyId)
+      const rawHistory = await historyStore.loadRaw(historyId, chunk.id)
+      expect(JSON.parse(chunkContent)).to.deep.equal(rawHistory)
+
+      // Unrelated entries from backedUpBlobs should be not cleared
+      const backedUpBlobsDoc = await backedUpBlobs.findOne({
+        _id: project._id,
+      })
+      expect(backedUpBlobsDoc).not.to.be.null
+      expect(backedUpBlobsDoc.blobs).to.have.length(1)
+      expect(backedUpBlobsDoc.blobs[0].toString('hex')).to.equal(DUMMY_HASH)
+    })
+
+    it('should not backup global blobs', async function () {
+      const globalBlobString = 'a'
+      const globalBlobHash = testFiles.STRING_A_HASH
+      await globalBlobs.insertOne({
+        _id: globalBlobHash,
+        byteLength: globalBlobString.length,
+        stringLength: globalBlobString.length,
+      })
+      const bucket = config.get('blobStore.globalBucket')
+      for (const { key, content } of [
+        {
+          key: '2e/65/efe2a145dda7ee51d1741299f848e5bf752e',
+          content: globalBlobString,
+        },
+      ]) {
+        const stream = Readable.from([content])
+        await persistor.sendStream(bucket, key, stream)
+      }
+      await loadGlobalBlobs()
+
+      // Create a change using the global blob
+      const addFileOp = Operation.addFile(
+        'global.tex',
+        File.fromHash(globalBlobHash)
+      )
+      const change = new Change([addFileOp], new Date(), [])
+
+      await persistChanges(historyId, [change], limitsToPersistImmediately, 2)
+
+      // Run backup
+      await runBackupScript(['--projectId', projectId])
+
+      // Verify global blob wasn't backed up
+      try {
+        await backupPersistor.getObjectStream(
+          projectBlobsBucket,
+          makeProjectKey(historyId, globalBlobHash),
+          { autoGunzip: true }
+        )
+        expect.fail('Should not find global blob in project blobs')
+      } catch (err) {
+        expect(err).to.be.an.instanceOf(NotFoundError)
+      }
+    })
+
+    it('should back up global blobs if they are demoted', async function () {
+      const demotedBlobString = 'ab'
+      const demotedBlobHash = testFiles.STRING_AB_HASH
+      await globalBlobs.insertOne({
+        _id: demotedBlobHash,
+        byteLength: demotedBlobString.length,
+        stringLength: demotedBlobString.length,
+        demoted: true,
+      })
+      const bucket = config.get('blobStore.globalBucket')
+      for (const { key, content } of [
+        {
+          key: '9a/e9/e86b7bd6cb1472d9373702d8249973da0832',
+          content: demotedBlobString,
+        },
+      ]) {
+        const stream = Readable.from([content])
+        await persistor.sendStream(bucket, key, stream)
+      }
+      await loadGlobalBlobs()
+
+      // Create a change using the global blob
+      const addFileOp = Operation.addFile(
+        'demoted.tex',
+        File.fromHash(demotedBlobHash)
+      )
+      const change = new Change([addFileOp], new Date(), [])
+
+      await persistChanges(historyId, [change], limitsToPersistImmediately, 2)
+
+      // Run backup
+      const { stdout } = await runBackupScript(['--projectId', projectId])
+      expect(stdout).to.not.include(
+        'warning: persistor not passed to backupBlob'
+      )
+
+      // Check chunk was backed up
+      const chunkStream = await backupPersistor.getObjectStream(
+        chunksBucket,
+        makeChunkKey(historyId, 0)
+      )
+      const chunkContent = await text(chunkStream.pipe(createGunzip()))
+      const chunk = await ChunkStore.loadLatestRaw(historyId)
+      const rawHistory = await historyStore.loadRaw(historyId, chunk.id)
+      expect(JSON.parse(chunkContent)).to.deep.equal(rawHistory)
+
+      // Verify that the demoted global blob was backed up
+      try {
+        const demotedBlobStream = await backupPersistor.getObjectStream(
+          projectBlobsBucket,
+          makeProjectKey(historyId, demotedBlobHash),
+          {
+            autoGunzip: true,
+          }
+        )
+        const demotedBlobContent = await buffer(demotedBlobStream)
+        expect(demotedBlobContent).to.deep.equal(Buffer.from(demotedBlobString))
+      } catch (err) {
+        expect.fail('Should find demoted global blob in project blobs')
+      }
+    })
+  })
+
+  describe('with complex project content', function () {
+    let beforeInitializationTimestamp
+    let afterInitializationTimestamp
+
+    beforeEach(async function () {
+      // Create initial project
+      await projectsCollection.insertOne(project)
+
+      // Initialize project in chunk store
+      // bracket the initialisation with two timestamps to check the pendingChangeAt field
+      beforeInitializationTimestamp = new Date()
+      await ChunkStore.initializeProject(historyId)
+      afterInitializationTimestamp = new Date()
+
+      const blobStore = new BlobStore(historyId)
+
+      // Set up test files with varying content
+      const testFilesData = {
+        mainTex: { name: 'main.tex', content: 'Initial content' },
+        chapter1: { name: 'chapter1.tex', content: 'Chapter 1 content' },
+        chapter2: { name: 'chapter2.tex', content: 'Chapter 2 content' },
+        bibliography: {
+          name: 'bibliography.bib',
+          content: '@article{key1,\n  title={Title1}\n}',
+          newContent: '@article{key2,\n  title={Title2}\n}',
+        },
+        graph: {
+          name: 'graph.png',
+          path: testFiles.path('graph.png'),
+          hash: testFiles.GRAPH_PNG_HASH,
+        },
+        unicodeFile: {
+          name: 'unicodeFile.tex',
+          path: testFiles.path('non_bmp.txt'),
+          hash: testFiles.NON_BMP_TXT_HASH,
+        },
+      }
+
+      const textFiles = [
+        testFilesData.mainTex,
+        testFilesData.chapter1,
+        testFilesData.chapter2,
+        testFilesData.bibliography,
+      ]
+      const binaryFiles = [testFilesData.graph, testFilesData.unicodeFile]
+
+      // Add binary files first
+      await Promise.all(binaryFiles.map(file => blobStore.putFile(file.path)))
+
+      // Back up the binary files
+      await Promise.all(
+        binaryFiles.map(async file => {
+          await backupBlob(
+            historyId,
+            await blobStore.putFile(file.path),
+            file.path
+          )
+        })
+      )
+
+      // Create operations to add all files initially
+      const addFileOperations = Object.values(testFilesData).map(file => {
+        if (file.path) {
+          return Operation.addFile(file.name, File.fromHash(file.hash))
+        }
+        return Operation.addFile(file.name, File.fromString(file.content))
+      })
+
+      // Initial change adding all files
+      const initialChange = new Change(addFileOperations, new Date(), [])
+      await persistChanges(
+        historyId,
+        [initialChange],
+        limitsToPersistImmediately,
+        0
+      )
+
+      // Generate a series of edit operations for each text file
+      const editOperations = []
+      for (let i = 0; i < 50; i++) {
+        const targetFile = textFiles[i % textFiles.length]
+        if (!targetFile.path) {
+          // Skip binary/unicode files
+          const appendText = `\n\nEdit ${i + 1}`
+          targetFile.content += appendText
+          const textOp = TextOperation.fromJSON({
+            textOperation: [
+              targetFile.content.length - appendText.length,
+              appendText,
+            ],
+          })
+          const editOp = Operation.editFile(targetFile.name, textOp)
+          editOperations.push(new Change([editOp], new Date(), []))
+        }
+      }
+
+      // Add a delete operation
+      const deleteChange = new Change(
+        [Operation.removeFile(testFilesData.bibliography.name)],
+        new Date(),
+        []
+      )
+      editOperations.push(deleteChange)
+
+      // Add the file back with different content
+      const addBackChange = new Change(
+        [
+          Operation.addFile(
+            testFilesData.bibliography.name,
+            File.fromString(testFilesData.bibliography.newContent)
+          ),
+        ],
+        new Date(),
+        []
+      )
+      editOperations.push(addBackChange)
+      // Persist all changes
+      await persistChanges(
+        historyId,
+        editOperations,
+        limitsToPersistImmediately,
+        1
+      )
+    })
+
+    it('persistChanges should set the pendingChangeAt field to the time of snapshot initialisation', async function () {
+      const result = await getBackupStatus(projectId)
+      expect(result.backupStatus.pendingChangeAt).to.be.an.instanceOf(Date)
+      expect(result.backupStatus.pendingChangeAt)
+        .to.be.greaterThan(beforeInitializationTimestamp)
+        .and.to.be.lessThan(afterInitializationTimestamp)
+    })
+
+    it('should backup all chunks and blobs from a complex project history', async function () {
+      // Run backup script
+      const { stdout } = await runBackupScript(['--projectId', projectId])
+      expect(stdout).to.not.include(
+        'warning: persistor not passed to backupBlob'
+      )
+
+      // Verify backup state
+      const result = await getBackupStatus(projectId)
+      expect(result.backupStatus.lastBackedUpVersion).to.equal(53) // 1 initial change + 50 edits + 1 delete + 1 add back
+      expect(result.backupStatus.lastBackedUpAt).to.be.an.instanceOf(Date)
+      expect(result.currentEndTimestamp).to.be.an.instanceOf(Date)
+      expect(result.backupStatus.pendingChangeAt).to.be.undefined
+
+      // Verify that binary files were backed up
+      for (const hash of [
+        testFiles.GRAPH_PNG_HASH,
+        testFiles.NON_BMP_TXT_HASH,
+      ]) {
+        const blobStream = await backupPersistor.getObjectStream(
+          projectBlobsBucket,
+          makeProjectKey(historyId, hash),
+          { autoGunzip: true }
+        )
+        expect(blobStream).to.exist
+      }
+
+      // Get all chunks and verify they were backed up
+      const listing = await backupPersistor
+        ._getClientForBucket(chunksBucket)
+        .listObjectsV2({
+          Bucket: chunksBucket,
+          Prefix: projectKey.format(historyId) + '/',
+        })
+        .promise()
+      const chunkKeys = listing.Contents.map(item => item.Key)
+      expect(chunkKeys.length).to.equal(6) // Should have multiple chunks
+
+      const localChunks = await ChunkStore.getProjectChunks(historyId)
+      const chunksByStartVersion = new Map()
+      for (const chunkRecord of localChunks) {
+        chunksByStartVersion.set(chunkRecord.startVersion, chunkRecord)
+      }
+
+      // Verify the content of each chunk matches what's in the history store
+      for (const chunkKey of chunkKeys) {
+        const chunkStream = await backupPersistor.getObjectStream(
+          chunksBucket,
+          chunkKey
+        )
+        const chunkContent = await text(chunkStream.pipe(createGunzip()))
+        const startVersion = parseInt(chunkKey.split('/').pop(), 10)
+        const chunk = chunksByStartVersion.get(startVersion)
+        const rawHistory = await historyStore.loadRaw(historyId, chunk.id)
+        expect(JSON.parse(chunkContent)).to.deep.equal(rawHistory)
+      }
+    })
+
+    it('should throw an error if downloading a blob fails', async function () {
+      const blobStore = new BlobStore(historyId)
+      const blob = await blobStore.putFile(
+        testFiles.path('null_characters.txt')
+      )
+      const change = new Change(
+        [Operation.addFile('broken-file', File.fromHash(blob.getHash()))],
+        new Date(),
+        []
+      )
+      // Persist all changes
+      await persistChanges(historyId, [change], limitsToPersistImmediately, 53)
+
+      // Delete the blob from the underlying storage to simulate a failure
+      const bucket = config.get('blobStore.projectBucket')
+      const key = makeProjectKey(historyId, blob.getHash())
+      await persistor.deleteObject(bucket, key)
+
+      // Run backup script - it should fail because the blob is missing
+      let result
+      try {
+        result = await runBackupScript(['--projectId', projectId])
+        expect.fail('Backup script should have failed')
+      } catch (err) {
+        expect(err).to.exist
+        expect(result).to.not.exist
+      }
+
+      // Verify that backup did not complete
+      const newBackupStatus = await getBackupStatus(projectId)
+      expect(newBackupStatus.backupStatus.lastBackedUpVersion).to.equal(50) // backup fails on final chunk
+      expect(newBackupStatus.currentEndVersion).to.equal(54) // backup is incomplete due to missing blob
+    })
+  })
+})
+
+/**
+ * Run the backup script with given arguments
+ * @param {string[]} args
+ */
+async function runBackupScript(args) {
+  const TIMEOUT = 20 * 1000
+  let result
+  try {
+    result = await promisify(execFile)(
+      'node',
+      ['storage/scripts/backup.mjs', ...args],
+      {
+        encoding: 'utf-8',
+        timeout: TIMEOUT,
+        env: {
+          ...process.env,
+          LOG_LEVEL: 'debug', // Override LOG_LEVEL of acceptance tests
+        },
+      }
+    )
+    result.status = 0
+  } catch (err) {
+    const { stdout, stderr, code } = err
+    if (typeof code !== 'number') {
+      console.log(err)
+    }
+    result = { stdout, stderr, status: code }
+  }
+  if (result.status !== 0) {
+    throw new Error('backup failed')
+  }
+  return result
+}
diff --git a/services/history-v1/test/acceptance/js/storage/backupBlob.test.mjs b/services/history-v1/test/acceptance/js/storage/backupBlob.test.mjs
new file mode 100644
index 0000000..73ead77
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/backupBlob.test.mjs
@@ -0,0 +1,278 @@
+import { expect } from 'chai'
+import Crypto from 'node:crypto'
+import Stream from 'node:stream'
+import {
+  makeBlobForFile,
+  getStringLengthOfFile,
+  makeProjectKey,
+  BlobStore,
+} from '../../../../storage/lib/blob_store/index.js'
+import { Blob } from 'overleaf-editor-core'
+import { insertBlob } from '../../../../storage/lib/blob_store/mongo.js'
+import {
+  backupBlob,
+  downloadBlobToDir,
+} from '../../../../storage/lib/backupBlob.mjs'
+import fs from 'node:fs'
+import path from 'node:path'
+import os from 'node:os'
+import fsExtra from 'fs-extra'
+import { backedUpBlobs, projects } from '../../../../storage/lib/mongodb.js'
+import { Binary, ObjectId } from 'mongodb'
+import {
+  backupPersistor,
+  projectBlobsBucket,
+} from '../../../../storage/lib/backupPersistor.mjs'
+import { WritableBuffer } from '@overleaf/stream-utils'
+import cleanup from './support/cleanup.js'
+
+async function listS3BucketRaw(bucket) {
+  const client = backupPersistor._getClientForBucket(bucket)
+  return await client.listObjectsV2({ Bucket: bucket }).promise()
+}
+
+async function listS3Bucket(bucket, wantStorageClass) {
+  const response = await listS3BucketRaw(bucket)
+  for (const object of response.Contents || []) {
+    if (wantStorageClass) {
+      expect(object).to.have.property('StorageClass', wantStorageClass)
+    }
+  }
+
+  return (response.Contents || []).map(item => item.Key || '')
+}
+
+describe('backupBlob', function () {
+  let filePath
+  let tmpDir
+
+  before(async function () {
+    tmpDir = await fs.promises.mkdtemp(path.join(os.tmpdir(), 'temp-test-'))
+    filePath = path.join(tmpDir, 'test.txt')
+    await fs.promises.writeFile(filePath, 'test')
+  })
+
+  after(async function () {
+    try {
+      fsExtra.remove(tmpDir)
+    } catch (err) {
+      if (err.code !== 'ENOENT') {
+        console.log('failed to delete temporary file')
+      }
+    }
+  })
+
+  beforeEach(cleanup.everything)
+
+  describe('when the blob is already backed up', function () {
+    let blob
+    let historyId
+
+    beforeEach(async function () {
+      blob = await makeBlobForFile(filePath)
+      historyId = 'abc123def456abc789def123'
+      await backedUpBlobs.updateOne(
+        {
+          _id: new ObjectId(historyId),
+        },
+        {
+          $set: { blobs: [new Binary(Buffer.from(blob.getHash(), 'hex'))] },
+        },
+        { upsert: true }
+      )
+      await backupBlob(historyId, blob, filePath)
+    })
+
+    it('does not upload the blob', async function () {
+      const bucketContents = await listS3Bucket(projectBlobsBucket)
+      expect(bucketContents).to.have.lengthOf(0)
+    })
+  })
+
+  describe('when the historyId is for a postgres project', function () {
+    let blob
+    let historyId
+    const projectId = new ObjectId()
+
+    beforeEach(async function () {
+      blob = await makeBlobForFile(filePath)
+      historyId = '123'
+      await projects.insertOne({
+        _id: projectId,
+        overleaf: { history: { id: 123 } },
+      })
+      await backupBlob(historyId, blob, filePath)
+    })
+
+    afterEach(async function () {
+      await projects.deleteOne({
+        _id: projectId,
+      })
+    })
+
+    it('uploads the blob to the backup', async function () {
+      const bucketContents = await listS3Bucket(projectBlobsBucket)
+      expect(bucketContents).to.have.lengthOf(1)
+    })
+    it('stores the backup', async function () {
+      expect(
+        await backedUpBlobs.findOne({
+          _id: projectId,
+          blobs: {
+            $elemMatch: { $eq: new Binary(Buffer.from(blob.getHash(), 'hex')) },
+          },
+        })
+      ).to.exist
+    })
+  })
+
+  describe('when the blob is not already backed up', function () {
+    let blob
+    let historyId
+    beforeEach(async function () {
+      blob = await makeBlobForFile(filePath)
+      historyId = 'abc123def456abc789def123'
+      await backupBlob(historyId, blob, filePath)
+    })
+
+    it('uploads the blob to the backup', async function () {
+      const bucketContents = await listS3Bucket(projectBlobsBucket)
+      expect(bucketContents).to.have.lengthOf(1)
+    })
+    it('stores the backup', async function () {
+      expect(
+        await backedUpBlobs.findOne({
+          _id: new ObjectId(historyId),
+          blobs: {
+            $elemMatch: { $eq: new Binary(Buffer.from(blob.getHash(), 'hex')) },
+          },
+        })
+      ).to.exist
+    })
+  })
+
+  const cases = [
+    {
+      name: 'text file',
+      content: Buffer.from('x'.repeat(1000)),
+      storedSize: 29, // zlib.gzipSync(content).byteLength
+    },
+    {
+      name: 'large text file',
+      // 'ä' is a 2-byte utf-8 character -> 4MB.
+      content: Buffer.from('ü'.repeat(2 * 1024 * 1024)),
+      storedSize: 4101, // zlib.gzipSync(content).byteLength
+    },
+    {
+      name: 'binary file',
+      content: Buffer.from([0, 1, 2, 3]),
+      storedSize: 4,
+    },
+    {
+      name: 'large binary file',
+      content: Crypto.randomBytes(10 * 1024 * 1024),
+      storedSize: 10 * 1024 * 1024,
+    },
+  ]
+  for (const { name, content, storedSize } of cases) {
+    describe(name, function () {
+      let blob
+      let key
+      let historyId
+      beforeEach(async function () {
+        historyId = 'abc123def456abc789def123'
+        await fs.promises.writeFile(filePath, content)
+        blob = await makeBlobForFile(filePath)
+        blob.setStringLength(
+          await getStringLengthOfFile(blob.getByteLength(), filePath)
+        )
+        key = makeProjectKey(historyId, blob.getHash())
+        await backupBlob(historyId, blob, filePath)
+      })
+      it('should upload the blob', async function () {
+        const response = await listS3BucketRaw(projectBlobsBucket)
+        expect(response.Contents).to.have.length(1)
+        expect(response.Contents[0].Key).to.equal(key)
+        expect(response.Contents[0].Size).to.equal(storedSize)
+      })
+      it('should read back the same content', async function () {
+        const buf = new WritableBuffer()
+        await Stream.promises.pipeline(
+          await backupPersistor.getObjectStream(projectBlobsBucket, key, {
+            autoGunzip: true,
+          }),
+          buf
+        )
+        expect(buf.getContents()).to.deep.equal(content)
+      })
+    })
+  }
+})
+
+describe('downloadBlobToDir', function () {
+  let tmpDirDownload
+  const historyId = 'abc123def456abc789def123'
+
+  before(async function () {
+    tmpDirDownload = await fs.promises.mkdtemp(
+      path.join(os.tmpdir(), 'downloadBlobTest-')
+    )
+  })
+
+  after(async function () {
+    await fs.promises.rm(tmpDirDownload, { recursive: true, force: true })
+  })
+
+  it('should download the blob successfully', async function () {
+    const data = 'hello world'
+    // Use putString instead of writing a source file and using makeBlobForFile
+    const blobStore = new BlobStore(historyId)
+    const blob = await blobStore.putString(data)
+
+    // Now call downloadBlobToDir which will use blobStore.getStream internally
+    const downloadedFilePath = await downloadBlobToDir(
+      historyId,
+      blob,
+      tmpDirDownload
+    )
+    const contents = await fs.promises.readFile(downloadedFilePath, 'utf8')
+    expect(contents).to.equal(data)
+  })
+
+  it('should delete the file on error (if file already exists)', async function () {
+    const data = 'data that will not be written'
+    const blobStore = new BlobStore(historyId)
+    const blob = await blobStore.putString(data)
+    const hash = blob.getHash()
+    const fileName = `${historyId}-${hash}`
+
+    // Pre-create the destination file to trigger a failure due to an existing file
+    const downloadedFilePath = path.join(tmpDirDownload, fileName)
+    await fs.promises.writeFile(downloadedFilePath, 'preexisting content')
+
+    try {
+      await downloadBlobToDir(historyId, blob, tmpDirDownload)
+      expect.fail('should not reach here')
+    } catch (error) {
+      // Check that the file was deleted
+      await expect(fs.promises.access(downloadedFilePath)).to.be.rejected
+    }
+  })
+
+  it('should not leave an empty file if download fails', async function () {
+    // Create a blob with a hash that does not exist in the blob store
+    const hash = '0000000000000000000000000000000000000000'
+    const blob = new Blob(hash, 12, 12)
+    await insertBlob(historyId, blob)
+    const fileName = `${historyId}-${hash}`
+    try {
+      await downloadBlobToDir(historyId, blob, tmpDirDownload)
+      expect.fail('should not reach here')
+    } catch (error) {
+      expect(error).to.be.instanceOf(Blob.NotFoundError)
+      const downloadedFilePath = path.join(tmpDirDownload, fileName)
+      // Check that the file was deleted
+      await expect(fs.promises.access(downloadedFilePath)).to.be.rejected
+    }
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/storage/backupPersistor.test.mjs b/services/history-v1/test/acceptance/js/storage/backupPersistor.test.mjs
new file mode 100644
index 0000000..e9aedac
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/backupPersistor.test.mjs
@@ -0,0 +1,51 @@
+import {
+  pathToProjectFolder,
+  projectBlobsBucket,
+} from '../../../../storage/lib/backupPersistor.mjs'
+import { expect } from 'chai'
+
+describe('backupPersistor', () => {
+  describe('pathToProjectFolder', () => {
+    it('handles postgres and mongo-ids', function () {
+      expect(pathToProjectFolder(projectBlobsBucket, '100/000/000')).to.equal(
+        '100/000/000/'
+      )
+      expect(pathToProjectFolder(projectBlobsBucket, '100/000/000/')).to.equal(
+        '100/000/000/'
+      )
+      expect(
+        pathToProjectFolder(projectBlobsBucket, '100/000/000/foo')
+      ).to.equal('100/000/000/')
+      expect(pathToProjectFolder(projectBlobsBucket, '210/000/000')).to.equal(
+        '210/000/000/'
+      )
+      expect(pathToProjectFolder(projectBlobsBucket, '987/654/321')).to.equal(
+        '987/654/321/'
+      )
+      expect(pathToProjectFolder(projectBlobsBucket, '987/654/3219')).to.equal(
+        '987/654/3219/'
+      )
+      expect(
+        pathToProjectFolder(projectBlobsBucket, 'fed/cba/987654321000000000')
+      ).to.equal('fed/cba/987654321000000000/')
+      expect(
+        pathToProjectFolder(projectBlobsBucket, 'fed/cba/987654321000000000/')
+      ).to.equal('fed/cba/987654321000000000/')
+      expect(
+        pathToProjectFolder(
+          projectBlobsBucket,
+          'fed/cba/987654321000000000/foo'
+        )
+      ).to.equal('fed/cba/987654321000000000/')
+    })
+
+    it('rejects invalid input', function () {
+      const cases = ['', '//', '1/2/3', '123/456/78', 'abc/d/e', 'abc/def/012']
+      for (const key of cases) {
+        expect(() => {
+          pathToProjectFolder(projectBlobsBucket, key)
+        }, key).to.throw('invalid project folder')
+      }
+    })
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/storage/backup_generator.test.mjs b/services/history-v1/test/acceptance/js/storage/backup_generator.test.mjs
new file mode 100644
index 0000000..3c0e8f1
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/backup_generator.test.mjs
@@ -0,0 +1,338 @@
+import { expect } from 'chai'
+import { backupGenerator } from '../../../../storage/lib/backupGenerator.mjs'
+import ChunkStore from '../../../../storage/lib/chunk_store/index.js'
+import persistChanges from '../../../../storage/lib/persist_changes.js'
+import {
+  Change,
+  Operation,
+  TextOperation,
+  AddFileOperation,
+  File,
+} from 'overleaf-editor-core'
+import { ObjectId } from 'mongodb'
+import testFiles from './support/test_files.js'
+import { BlobStore } from '../../../../storage/lib/blob_store/index.js'
+import fs from 'node:fs'
+import blobHash from '../../../../storage/lib/blob_hash.js'
+
+const scenarios = [
+  {
+    description: 'Postgres history',
+    createProject: ChunkStore.initializeProject,
+  },
+  {
+    description: 'Mongo history',
+    createProject: () =>
+      ChunkStore.initializeProject(new ObjectId().toString()),
+  },
+]
+
+for (const scenario of scenarios) {
+  describe(`backupGenerator with ${scenario.description}`, function () {
+    let projectId
+    let limitsToPersistImmediately
+    let blobStore
+    const NUM_CHUNKS = 3
+    const FINAL_VERSION = 24
+
+    before(function () {
+      // used to provide a limit which forces us to persist all of the changes
+      const farFuture = new Date()
+      farFuture.setTime(farFuture.getTime() + 7 * 24 * 3600 * 1000)
+      limitsToPersistImmediately = {
+        minChangeTimestamp: farFuture,
+        maxChangeTimestamp: farFuture,
+        maxChunkChanges: 10,
+      }
+    })
+
+    beforeEach(async function () {
+      projectId = await scenario.createProject()
+      blobStore = new BlobStore(projectId)
+
+      // Add test files first
+      await Promise.all([
+        blobStore.putFile(testFiles.path('graph.png')),
+        blobStore.putFile(testFiles.path('non_bmp.txt')),
+      ])
+
+      const HELLO_TXT = fs.readFileSync(testFiles.path('hello.txt')).toString()
+
+      // Create a sample project history for testing, with a chunk size of 10
+      //
+      // 1. Add a text file main.tex with contents from hello.txt
+      // 2. Add a binary file image.png with contents from graph.png
+      // 3. Add a text file other.tex with empty contents
+      // 4. Apply 10 changes that append characters to the end of other.tex giving 'aaaaaaaaaa'
+      // In applying the 10 changes we hit the first chunk boundary and create a new chunk.
+      // The first chunk contains the 3 file operations and 7 changes
+      // to other.tex which is now "aaaaaaa" (7 characters)
+      //    snapshot: {}
+      //    changes: add main.tex, add image.png, add other.tex, 7 changes to other.tex
+      // The second chunk has a snapshot with the existing files
+      //    snapshot: main.tex, image.png, other.tex="aaaaaaa" (7 characters)
+      //    changes: 3 changes to other.tex, each appending 'a'
+      // 5. Now we add a new file non_bmp.txt with non-BMP characters
+      // 6. Finally we apply 10 more changes to other.tex, each appending another 'a' to give 'aaaaaaaaaaaaaaaaaaaa' (20 characters)
+      // In applying the 10 changes we hit another chunk boundary and create a third chunk.
+      // The final state of the second chunk is
+      //    snapshot: main.tex, image.png, other.tex="aaaaaaa" (7 characters)
+      //    changes:
+      //        3 changes to other.tex, each appending 'a'
+      //        add file non_bmp.txt,
+      //        6 changes to other.tex, each appending 'a'
+      // The third chunk will contain the last 4 changes to other.tex
+      //    snapshot: main.tex, image.png, non_bmp.tex, other.tex="aaaaaaaaaaaaaaaa" (16 characters)
+      //    changes: 4 changes to other.tex, each appending 'a'
+
+      const textChange = new Change(
+        [new AddFileOperation('main.tex', File.fromString(HELLO_TXT))],
+        new Date(),
+        []
+      )
+      const binaryChange = new Change(
+        [
+          new AddFileOperation(
+            'image.png',
+            File.fromHash(testFiles.GRAPH_PNG_HASH)
+          ),
+        ],
+        new Date(),
+        []
+      )
+      const otherChange = new Change(
+        [new AddFileOperation('other.tex', File.fromString(''))],
+        new Date(),
+        []
+      )
+      // now append characters to the end of the contents of other.tex
+      const otherEdits = Array.from(
+        { length: 10 },
+        (_, i) =>
+          new Change(
+            [
+              Operation.editFile(
+                'other.tex',
+                TextOperation.fromJSON({
+                  textOperation: i === 0 ? ['a'] : [i, 'a'],
+                })
+              ),
+            ],
+            new Date(),
+            []
+          )
+      )
+      const newFile = new Change(
+        [
+          new AddFileOperation(
+            'non_bmp.txt',
+            File.fromHash(testFiles.NON_BMP_TXT_HASH)
+          ),
+        ],
+        new Date(),
+        []
+      )
+      const moreOtherEdits = Array.from(
+        { length: 10 },
+        (_, i) =>
+          new Change(
+            [
+              Operation.editFile(
+                'other.tex',
+                TextOperation.fromJSON({ textOperation: [i + 10, 'a'] })
+              ),
+            ],
+            new Date(),
+            []
+          )
+      )
+
+      await persistChanges(
+        projectId,
+        [
+          textChange,
+          binaryChange,
+          otherChange,
+          ...otherEdits,
+          newFile,
+          ...moreOtherEdits,
+        ],
+        limitsToPersistImmediately,
+        0
+      )
+    })
+
+    it('should yield correct data for an initial backup', async function () {
+      const results = []
+      for await (const result of backupGenerator(projectId)) {
+        results.push(result)
+      }
+
+      // There should be 3 chunks
+      expect(results).to.have.length(NUM_CHUNKS)
+
+      // First chunk
+      expect(results[0].chunkRecord.startVersion).to.equal(0)
+      expect(results[0].chunkRecord.endVersion).to.equal(10)
+      expect(results[0].blobsToBackup).to.have.deep.members([
+        {
+          hash: testFiles.HELLO_TXT_HASH,
+          byteLength: testFiles.HELLO_TXT_BYTE_LENGTH,
+          stringLength: testFiles.HELLO_TXT_UTF8_LENGTH,
+        },
+        {
+          hash: testFiles.GRAPH_PNG_HASH,
+          byteLength: testFiles.GRAPH_PNG_BYTE_LENGTH,
+          stringLength: null,
+        },
+        {
+          hash: File.EMPTY_FILE_HASH,
+          byteLength: 0,
+          stringLength: 0,
+        },
+      ])
+
+      // Second chunk
+      expect(results[1].chunkRecord.startVersion).to.equal(10)
+      expect(results[1].chunkRecord.endVersion).to.equal(20)
+      expect(results[1].blobsToBackup).to.have.deep.members([
+        {
+          hash: blobHash.fromString('a'.repeat(7)),
+          byteLength: 7,
+          stringLength: 7,
+        },
+        {
+          hash: testFiles.NON_BMP_TXT_HASH,
+          byteLength: testFiles.NON_BMP_TXT_BYTE_LENGTH,
+          stringLength: null,
+        },
+      ])
+
+      // Third chunk
+      expect(results[2].chunkRecord.startVersion).to.equal(20)
+      expect(results[2].chunkRecord.endVersion).to.equal(24)
+      expect(results[2].blobsToBackup).to.have.deep.members([
+        {
+          hash: blobHash.fromString('a'.repeat(16)),
+          byteLength: 16,
+          stringLength: 16,
+        },
+      ])
+    })
+
+    for (
+      let lastBackedUpVersion = 0;
+      lastBackedUpVersion <= FINAL_VERSION;
+      lastBackedUpVersion++
+    ) {
+      it(`should yield the expected data when the last backed up version was ${lastBackedUpVersion}`, async function () {
+        const results = []
+        for await (const result of backupGenerator(
+          projectId,
+          lastBackedUpVersion
+        )) {
+          results.push(result)
+        }
+
+        const chunkDefinitions = [
+          {
+            chunk: { startVersion: 0, endVersion: 10 },
+            blobs: [
+              {
+                version: 1,
+                blob: {
+                  hash: testFiles.HELLO_TXT_HASH,
+                  byteLength: testFiles.HELLO_TXT_BYTE_LENGTH,
+                  stringLength: testFiles.HELLO_TXT_UTF8_LENGTH,
+                },
+              },
+              {
+                version: 2,
+                blob: {
+                  hash: testFiles.GRAPH_PNG_HASH,
+                  byteLength: testFiles.GRAPH_PNG_BYTE_LENGTH,
+                  stringLength: null,
+                },
+              },
+              {
+                version: 3,
+                blob: {
+                  hash: File.EMPTY_FILE_HASH,
+                  byteLength: 0,
+                  stringLength: 0,
+                },
+              },
+            ],
+          },
+          {
+            chunk: { startVersion: 10, endVersion: 20 },
+            blobs: [
+              {
+                version: 11,
+                blob: {
+                  hash: blobHash.fromString('a'.repeat(7)),
+                  byteLength: 7,
+                  stringLength: 7,
+                },
+              },
+              {
+                version: 14,
+                blob: {
+                  hash: testFiles.NON_BMP_TXT_HASH,
+                  byteLength: testFiles.NON_BMP_TXT_BYTE_LENGTH,
+                  stringLength: null,
+                },
+              },
+            ],
+          },
+          {
+            chunk: { startVersion: 20, endVersion: 24 },
+            blobs: [
+              {
+                version: 21,
+                blob: {
+                  hash: blobHash.fromString('a'.repeat(16)),
+                  byteLength: 16,
+                  stringLength: 16,
+                },
+              },
+            ],
+          },
+        ]
+
+        const expectedChunks = chunkDefinitions
+          .filter(({ chunk }) => lastBackedUpVersion < chunk.endVersion)
+          .map(({ chunk }) => chunk)
+        const expectedBlobs = chunkDefinitions
+          .filter(({ chunk }) => lastBackedUpVersion < chunk.endVersion)
+          .map(({ blobs }) =>
+            blobs
+              .filter(({ version }) => lastBackedUpVersion < version)
+              .map(({ blob }) => blob)
+          )
+
+        expect(results).to.have.length(expectedChunks.length)
+        expect(results).to.have.length(expectedBlobs.length)
+
+        results.forEach((result, i) => {
+          expect(result.chunkRecord).to.deep.include(expectedChunks[i])
+          expect(result.blobsToBackup).to.have.deep.members(expectedBlobs[i])
+        })
+      })
+    }
+
+    it(`should not back up blobs that have already been backed up in previous chunks`, async function () {
+      const results = []
+      for await (const result of backupGenerator(projectId)) {
+        results.push(result)
+      }
+      const seenBlobs = new Set()
+      for (const result of results) {
+        for (const blob of result.blobsToBackup) {
+          expect(seenBlobs).to.not.include(blob.hash)
+          seenBlobs.add(blob.hash)
+        }
+      }
+    })
+  })
+}
diff --git a/services/history-v1/test/acceptance/js/storage/batch_blob_store.test.js b/services/history-v1/test/acceptance/js/storage/batch_blob_store.test.js
new file mode 100644
index 0000000..645ea59
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/batch_blob_store.test.js
@@ -0,0 +1,52 @@
+'use strict'
+
+const { expect } = require('chai')
+
+const cleanup = require('./support/cleanup')
+const testFiles = require('./support/test_files')
+
+const core = require('overleaf-editor-core')
+const File = core.File
+
+const storage = require('../../../../storage')
+const BatchBlobStore = storage.BatchBlobStore
+const BlobStore = storage.BlobStore
+
+const projectId = '123'
+const blobStore = new BlobStore(projectId)
+const batchBlobStore = new BatchBlobStore(blobStore)
+
+describe('BatchBlobStore', function () {
+  beforeEach(cleanup.everything)
+
+  it('can preload and batch getBlob calls', async function () {
+    // Add some test files
+    await Promise.all([
+      blobStore.putFile(testFiles.path('graph.png')),
+      blobStore.putFile(testFiles.path('hello.txt')),
+    ])
+
+    // Cache some blobs (one that exists and another that doesn't)
+    await batchBlobStore.preload([
+      testFiles.GRAPH_PNG_HASH,
+      File.EMPTY_FILE_HASH, // not found
+    ])
+    expect(batchBlobStore.blobs.size).to.equal(1)
+
+    const [cached, notCachedExists, notCachedNotExists, duplicate] =
+      await Promise.all([
+        batchBlobStore.getBlob(testFiles.GRAPH_PNG_HASH), // cached
+        batchBlobStore.getBlob(testFiles.HELLO_TXT_HASH), // not cached; exists
+        batchBlobStore.getBlob(File.EMPTY_FILE_HASH), // not cached; not exists
+        batchBlobStore.getBlob(testFiles.GRAPH_PNG_HASH), // duplicate
+      ])
+
+    expect(cached.getHash()).to.equal(testFiles.GRAPH_PNG_HASH)
+    expect(notCachedExists.getHash()).to.equal(testFiles.HELLO_TXT_HASH)
+    expect(notCachedNotExists).to.be.undefined
+    expect(duplicate.getHash()).to.equal(testFiles.GRAPH_PNG_HASH)
+
+    // We should get exactly the object from the cache.
+    expect(cached).to.equal(batchBlobStore.blobs.get(testFiles.GRAPH_PNG_HASH))
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/storage/blob_hash.test.js b/services/history-v1/test/acceptance/js/storage/blob_hash.test.js
new file mode 100644
index 0000000..77e4cc3
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/blob_hash.test.js
@@ -0,0 +1,15 @@
+'use strict'
+
+const { expect } = require('chai')
+const storage = require('../../../../storage')
+const blobHash = storage.blobHash
+
+describe('blobHash', function () {
+  it('can hash non-ASCII strings', function () {
+    // checked with git hash-object
+    const testString = 'å\n'
+    const testHash = 'aad321caf77ca6c5ab09e6c638c237705f93b001'
+
+    expect(blobHash.fromString(testString)).to.equal(testHash)
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/storage/blob_store.test.js b/services/history-v1/test/acceptance/js/storage/blob_store.test.js
new file mode 100644
index 0000000..531b42e
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/blob_store.test.js
@@ -0,0 +1,580 @@
+'use strict'
+
+const _ = require('lodash')
+const { expect } = require('chai')
+const config = require('config')
+const fs = require('node:fs')
+const path = require('node:path')
+const { Readable } = require('node:stream')
+const temp = require('temp').track()
+const { promisify } = require('node:util')
+
+const cleanup = require('./support/cleanup')
+const testFiles = require('./support/test_files')
+
+const { Blob, TextOperation } = require('overleaf-editor-core')
+const {
+  BlobStore,
+  loadGlobalBlobs,
+  mongodb,
+  persistor,
+  streams,
+} = require('../../../../storage')
+const mongoBackend = require('../../../../storage/lib/blob_store/mongo')
+const postgresBackend = require('../../../../storage/lib/blob_store/postgres')
+const { getProjectBlobsBatch } = require('../../../../storage/lib/blob_store')
+
+const mkTmpDir = promisify(temp.mkdir)
+
+describe('BlobStore', function () {
+  const helloWorldString = 'Hello World'
+  const helloWorldHash = '5e1c309dae7f45e0f39b1bf3ac3cd9db12e7d689'
+  const globalBlobString = 'a'
+  const globalBlobHash = testFiles.STRING_A_HASH
+  const demotedBlobString = 'ab'
+  const demotedBlobHash = testFiles.STRING_AB_HASH
+
+  beforeEach(cleanup.everything)
+
+  beforeEach('install a global blob', async function () {
+    await mongodb.globalBlobs.insertOne({
+      _id: globalBlobHash,
+      byteLength: globalBlobString.length,
+      stringLength: globalBlobString.length,
+    })
+    await mongodb.globalBlobs.insertOne({
+      _id: demotedBlobHash,
+      byteLength: demotedBlobString.length,
+      stringLength: demotedBlobString.length,
+      demoted: true,
+    })
+    const bucket = config.get('blobStore.globalBucket')
+    for (const { key, content } of [
+      {
+        key: '2e/65/efe2a145dda7ee51d1741299f848e5bf752e',
+        content: globalBlobString,
+      },
+      {
+        key: '9a/e9/e86b7bd6cb1472d9373702d8249973da0832',
+        content: demotedBlobString,
+      },
+    ]) {
+      const stream = Readable.from([content])
+      await persistor.sendStream(bucket, key, stream)
+    }
+    await loadGlobalBlobs()
+  })
+
+  const scenarios = [
+    {
+      description: 'Postgres backend',
+      projectId: '123',
+      projectId2: '456',
+      backend: postgresBackend,
+    },
+    {
+      description: 'Mongo backend',
+      projectId: '63725f84b2bdd246ec8c0000',
+      projectId2: '63725f84b2bdd246ec8c1234',
+      backend: mongoBackend,
+    },
+  ]
+  for (const scenario of scenarios) {
+    describe(scenario.description, function () {
+      const blobStore = new BlobStore(scenario.projectId)
+      const blobStore2 = new BlobStore(scenario.projectId2)
+
+      beforeEach('initialize the blob stores', async function () {
+        await blobStore.initialize()
+        await blobStore2.initialize()
+      })
+
+      it('can initialize a project again without throwing an error', async function () {
+        await blobStore.initialize()
+        await blobStore2.initialize()
+      })
+
+      it('can store and fetch string content', async function () {
+        function checkBlob(blob) {
+          expect(blob.getHash()).to.equal(helloWorldHash)
+          expect(blob.getByteLength()).to.equal(helloWorldString.length)
+          expect(blob.getStringLength()).to.equal(helloWorldString.length)
+        }
+
+        const insertedBlob = await blobStore.putString(helloWorldString)
+        checkBlob(insertedBlob)
+        const fetchedBlob = await blobStore.getBlob(helloWorldHash)
+        checkBlob(fetchedBlob)
+        const content = await blobStore.getString(helloWorldHash)
+        expect(content).to.equal(helloWorldString)
+      })
+
+      it('can store and fetch utf-8 files', async function () {
+        const testFile = 'hello.txt'
+
+        function checkBlob(blob) {
+          expect(blob.getHash()).to.equal(testFiles.HELLO_TXT_HASH)
+          expect(blob.getByteLength()).to.equal(testFiles.HELLO_TXT_BYTE_LENGTH)
+          expect(blob.getStringLength()).to.equal(
+            testFiles.HELLO_TXT_UTF8_LENGTH
+          )
+        }
+
+        const insertedBlob = await blobStore.putFile(testFiles.path(testFile))
+        checkBlob(insertedBlob)
+        const fetchedBlob = await blobStore.getBlob(testFiles.HELLO_TXT_HASH)
+        checkBlob(fetchedBlob)
+        const content = await blobStore.getString(testFiles.HELLO_TXT_HASH)
+        expect(content).to.equal('Olá mundo\n')
+      })
+
+      it('can store and fetch a large text file', async function () {
+        const testString = _.repeat('a', 1000000)
+        const testHash = 'de1fbf0c2f34f67f01f355f31ed0cf7319643c5e'
+
+        function checkBlob(blob) {
+          expect(blob.getHash()).to.equal(testHash)
+          expect(blob.getByteLength()).to.equal(testString.length)
+          expect(blob.getStringLength()).to.equal(testString.length)
+        }
+
+        const dir = await mkTmpDir('blobStore')
+        const pathname = path.join(dir, 'a.txt')
+        fs.writeFileSync(pathname, testString)
+        const insertedBlob = await blobStore.putFile(pathname)
+        checkBlob(insertedBlob)
+        const fetchedBlob = await blobStore.getBlob(testHash)
+        checkBlob(fetchedBlob)
+        const content = await blobStore.getString(testHash)
+        expect(content).to.equal(testString)
+      })
+
+      it('stores overlarge text files as binary', async function () {
+        const testString = _.repeat('a', TextOperation.MAX_STRING_LENGTH + 1)
+        const dir = await mkTmpDir('blobStore')
+        const pathname = path.join(dir, 'a.txt')
+        fs.writeFileSync(pathname, testString)
+        const blob = await blobStore.putFile(pathname)
+        expect(blob.getByteLength()).to.equal(testString.length)
+        expect(blob.getStringLength()).not.to.exist
+      })
+
+      it('can store and fetch binary files', async function () {
+        const testFile = 'graph.png'
+
+        function checkBlob(blob) {
+          expect(blob.getHash()).to.equal(testFiles.GRAPH_PNG_HASH)
+          expect(blob.getByteLength()).to.equal(testFiles.GRAPH_PNG_BYTE_LENGTH)
+          expect(blob.getStringLength()).to.be.null
+        }
+
+        const insertedBlob = await blobStore.putFile(testFiles.path(testFile))
+        checkBlob(insertedBlob)
+        const fetchedBlob = await blobStore.getBlob(testFiles.GRAPH_PNG_HASH)
+        checkBlob(fetchedBlob)
+        const stream = await blobStore.getStream(testFiles.GRAPH_PNG_HASH)
+        const buffer = await streams.readStreamToBuffer(stream)
+        expect(buffer.length).to.equal(testFiles.GRAPH_PNG_BYTE_LENGTH)
+        expect(buffer.toString('hex', 0, 8)).to.equal(
+          testFiles.PNG_MAGIC_NUMBER
+        )
+      })
+
+      const missingHash = 'deadbeef00000000000000000000000000000000'
+
+      it('fails to get a missing key as a string', async function () {
+        try {
+          await blobStore.getString(missingHash)
+        } catch (err) {
+          expect(err).to.be.an.instanceof(Blob.NotFoundError)
+          expect(err.hash).to.equal(missingHash)
+          return
+        }
+        expect.fail('expected NotFoundError')
+      })
+
+      it('fails to get a missing key as a stream', async function () {
+        try {
+          await blobStore.getStream(missingHash)
+        } catch (err) {
+          expect(err).to.be.an.instanceof(Blob.NotFoundError)
+          return
+        }
+        expect.fail('expected NotFoundError')
+      })
+
+      it('reads invalid utf-8 as utf-8', async function () {
+        // We shouldn't do this, but we need to know what happens if we do.
+        // TODO: We should throw an error instead, but this function doesn't have
+        // an easy way of checking the content type.
+        const testFile = 'graph.png'
+        await blobStore.putFile(testFiles.path(testFile))
+        const content = await blobStore.getString(testFiles.GRAPH_PNG_HASH)
+        expect(content.length).to.equal(12902)
+      })
+
+      it('checks for non BMP characters', async function () {
+        const testFile = 'non_bmp.txt'
+        await blobStore.putFile(testFiles.path(testFile))
+        const blob = await blobStore.getBlob(testFiles.NON_BMP_TXT_HASH)
+        expect(blob.getStringLength()).to.be.null
+        expect(blob.getByteLength()).to.equal(testFiles.NON_BMP_TXT_BYTE_LENGTH)
+      })
+
+      it('can fetch metadata for multiple blobs at once', async function () {
+        await blobStore.putFile(testFiles.path('graph.png'))
+        const blobs = await blobStore.getBlobs([
+          testFiles.GRAPH_PNG_HASH,
+          testFiles.HELLO_TXT_HASH, // not found
+          testFiles.GRAPH_PNG_HASH, // requested twice
+        ])
+        const hashes = blobs.map(blob => blob.getHash())
+        expect(hashes).to.deep.equal([testFiles.GRAPH_PNG_HASH])
+      })
+
+      describe('multiple blobs in the same project', async function () {
+        beforeEach(async function () {
+          await blobStore.putString(helloWorldString)
+          await blobStore.putFile(testFiles.path('graph.png'))
+          await blobStore.putFile(testFiles.path('hello.txt'))
+        })
+
+        it('getBlob() returns each blob', async function () {
+          const helloBlob = await blobStore.getBlob(testFiles.HELLO_TXT_HASH)
+          const graphBlob = await blobStore.getBlob(testFiles.GRAPH_PNG_HASH)
+          const helloWorldBlob = await blobStore.getBlob(helloWorldHash)
+          expect(helloBlob.hash).to.equal(testFiles.HELLO_TXT_HASH)
+          expect(graphBlob.hash).to.equal(testFiles.GRAPH_PNG_HASH)
+          expect(helloWorldBlob.hash).to.equal(helloWorldHash)
+        })
+
+        it('getBlobs() returns all blobs', async function () {
+          const blobs = await blobStore.getBlobs([
+            testFiles.HELLO_TXT_HASH,
+            testFiles.GRAPH_PNG_HASH,
+            testFiles.NON_BMP_TXT_HASH, // not in blob store
+          ])
+          const actualHashes = blobs.map(blob => blob.hash)
+          expect(actualHashes).to.have.members([
+            testFiles.HELLO_TXT_HASH,
+            testFiles.GRAPH_PNG_HASH,
+          ])
+        })
+
+        it('getProjectBlobs() returns all blobs in the project', async function () {
+          const blobs = await blobStore.getProjectBlobs()
+          const hashes = blobs.map(blob => blob.getHash())
+          expect(hashes).to.have.members([
+            testFiles.HELLO_TXT_HASH,
+            testFiles.GRAPH_PNG_HASH,
+            helloWorldHash,
+          ])
+        })
+      })
+
+      describe('two blob stores on different projects', function () {
+        beforeEach(async function () {
+          await blobStore.putString(helloWorldString)
+          await blobStore2.putFile(testFiles.path('graph.png'))
+        })
+
+        it('separates blobs when calling getBlob()', async function () {
+          const blobFromStore1 = await blobStore.getBlob(helloWorldHash)
+          const blobFromStore2 = await blobStore2.getBlob(helloWorldHash)
+          expect(blobFromStore1).to.exist
+          expect(blobFromStore2).not.to.exist
+        })
+
+        it('separates blobs when calling getBlobs()', async function () {
+          const blobsFromStore1 = await blobStore.getBlobs([
+            helloWorldHash,
+            testFiles.GRAPH_PNG_HASH,
+          ])
+          const blobsFromStore2 = await blobStore2.getBlobs([
+            helloWorldHash,
+            testFiles.GRAPH_PNG_HASH,
+          ])
+          expect(blobsFromStore1.map(blob => blob.getHash())).to.deep.equal([
+            helloWorldHash,
+          ])
+          expect(blobsFromStore2.map(blob => blob.getHash())).to.deep.equal([
+            testFiles.GRAPH_PNG_HASH,
+          ])
+        })
+
+        it('separates blobs when calling getStream()', async function () {
+          await blobStore2.getStream(testFiles.GRAPH_PNG_HASH)
+          try {
+            await blobStore.getStream(testFiles.GRAPH_PNG_HASH)
+          } catch (err) {
+            expect(err).to.be.an.instanceof(Blob.NotFoundError)
+            return
+          }
+          expect.fail(
+            'expected Blob.NotFoundError when calling blobStore.getStream()'
+          )
+        })
+
+        it('separates blobs when calling getString()', async function () {
+          const content = await blobStore.getString(helloWorldHash)
+          expect(content).to.equal(helloWorldString)
+          try {
+            await blobStore2.getString(helloWorldHash)
+          } catch (err) {
+            expect(err).to.be.an.instanceof(Blob.NotFoundError)
+            return
+          }
+          expect.fail(
+            'expected Blob.NotFoundError when calling blobStore.getStream()'
+          )
+        })
+
+        if (scenario.backend !== mongoBackend) {
+          // mongo backend has its own test for this, covering sharding
+          it('getProjectBlobsBatch() returns blobs per project', async function () {
+            const projects = [
+              parseInt(scenario.projectId, 10),
+              parseInt(scenario.projectId2, 10),
+            ]
+            const { nBlobs, blobs } =
+              await postgresBackend.getProjectBlobsBatch(projects)
+            expect(nBlobs).to.equal(2)
+            expect(Object.fromEntries(blobs.entries())).to.deep.equal({
+              [parseInt(scenario.projectId, 10)]: [
+                new Blob(helloWorldHash, 11, 11),
+              ],
+              [parseInt(scenario.projectId2, 10)]: [
+                new Blob(
+                  testFiles.GRAPH_PNG_HASH,
+                  testFiles.GRAPH_PNG_BYTE_LENGTH,
+                  null
+                ),
+              ],
+            })
+          })
+        }
+      })
+
+      describe('a global blob', function () {
+        it('is available through getBlob()', async function () {
+          const blob = await blobStore.getBlob(globalBlobHash)
+          expect(blob.getHash()).to.equal(globalBlobHash)
+        })
+
+        it('is available through getBlobs()', async function () {
+          await blobStore.putString(helloWorldString)
+          const requestedHashes = [globalBlobHash, helloWorldHash]
+          const blobs = await blobStore.getBlobs(requestedHashes)
+          const hashes = blobs.map(blob => blob.getHash())
+          expect(hashes).to.have.members(requestedHashes)
+        })
+
+        it('is available through getString()', async function () {
+          const content = await blobStore.getString(globalBlobHash)
+          expect(content).to.equal('a')
+        })
+
+        it('is available through getStream()', async function () {
+          const stream = await blobStore.getStream(globalBlobHash)
+          const buffer = await streams.readStreamToBuffer(stream)
+          expect(buffer.toString()).to.equal(globalBlobString)
+        })
+
+        it("doesn't prevent putString() from adding the same blob", async function () {
+          const blob = await blobStore.putString(globalBlobString)
+          expect(blob.getHash()).to.equal(globalBlobHash)
+          const projectBlob = await scenario.backend.findBlob(
+            scenario.projectId,
+            globalBlobHash
+          )
+          expect(projectBlob).not.to.exist
+        })
+
+        it("doesn't prevent putFile() from adding the same blob", async function () {
+          const dir = await mkTmpDir('blobStore')
+          const pathname = path.join(dir, 'blob.txt')
+          fs.writeFileSync(pathname, globalBlobString)
+          const blob = await blobStore.putFile(pathname)
+          expect(blob.getHash()).to.equal(globalBlobHash)
+          const projectBlob = await scenario.backend.findBlob(
+            scenario.projectId,
+            globalBlobHash
+          )
+          expect(projectBlob).not.to.exist
+        })
+      })
+
+      describe('a demoted global blob', function () {
+        it('is available through getBlob()', async function () {
+          const blob = await blobStore.getBlob(demotedBlobHash)
+          expect(blob.getHash()).to.equal(demotedBlobHash)
+        })
+
+        it('is available through getBlobs()', async function () {
+          await blobStore.putString(helloWorldString)
+          const requestedHashes = [demotedBlobHash, helloWorldHash]
+          const blobs = await blobStore.getBlobs(requestedHashes)
+          const hashes = blobs.map(blob => blob.getHash())
+          expect(hashes).to.have.members(requestedHashes)
+        })
+
+        it('is available through getString()', async function () {
+          const content = await blobStore.getString(demotedBlobHash)
+          expect(content).to.equal(demotedBlobString)
+        })
+
+        it('is available through getStream()', async function () {
+          const stream = await blobStore.getStream(demotedBlobHash)
+          const buffer = await streams.readStreamToBuffer(stream)
+          expect(buffer.toString()).to.equal(demotedBlobString)
+        })
+
+        it("doesn't prevent putString() from creating a project blob", async function () {
+          const blob = await blobStore.putString(demotedBlobString)
+          expect(blob.getHash()).to.equal(demotedBlobHash)
+          const projectBlob = await scenario.backend.findBlob(
+            scenario.projectId,
+            demotedBlobHash
+          )
+          expect(projectBlob).to.exist
+        })
+
+        it("doesn't prevent putFile() from creating a project blob", async function () {
+          const dir = await mkTmpDir('blobStore')
+          const pathname = path.join(dir, 'blob.txt')
+          fs.writeFileSync(pathname, demotedBlobString)
+          const blob = await blobStore.putFile(pathname)
+          expect(blob.getHash()).to.equal(demotedBlobHash)
+          const projectBlob = await scenario.backend.findBlob(
+            scenario.projectId,
+            demotedBlobHash
+          )
+          expect(projectBlob).to.exist
+        })
+      })
+
+      describe('deleting blobs', async function () {
+        beforeEach('install a project blob', async function () {
+          await blobStore.putString(helloWorldString)
+          const blob = await blobStore.getBlob(helloWorldHash)
+          expect(blob).to.exist
+        })
+
+        beforeEach('delete project blobs', async function () {
+          await blobStore.deleteBlobs()
+        })
+
+        it('deletes project blobs', async function () {
+          try {
+            await blobStore.getString(helloWorldHash)
+            expect.fail('expected NotFoundError')
+          } catch (err) {
+            expect(err).to.be.an.instanceof(Blob.NotFoundError)
+          }
+        })
+
+        it('retains global blobs', async function () {
+          const content = await blobStore.getString(globalBlobHash)
+          expect(content).to.equal(globalBlobString)
+        })
+      })
+
+      describe('copyBlob method', function () {
+        it('copies a binary blob to another project in the same backend', async function () {
+          const testFile = 'graph.png'
+          const originalHash = testFiles.GRAPH_PNG_HASH
+          const insertedBlob = await blobStore.putFile(testFiles.path(testFile))
+          await blobStore.copyBlob(insertedBlob, scenario.projectId2)
+          const copiedBlob = await blobStore2.getBlob(originalHash)
+          expect(copiedBlob.getHash()).to.equal(originalHash)
+          expect(copiedBlob.getByteLength()).to.equal(
+            insertedBlob.getByteLength()
+          )
+          expect(copiedBlob.getStringLength()).to.be.null
+        })
+
+        it('copies a text blob to another project in the same backend', async function () {
+          const insertedBlob = await blobStore.putString(helloWorldString)
+          await blobStore.copyBlob(insertedBlob, scenario.projectId2)
+          const copiedBlob = await blobStore2.getBlob(helloWorldHash)
+          expect(copiedBlob.getHash()).to.equal(helloWorldHash)
+          const content = await blobStore2.getString(helloWorldHash)
+          expect(content).to.equal(helloWorldString)
+        })
+      })
+
+      describe('copyBlob method with different backends', function () {
+        const otherScenario = scenarios.find(
+          s => s.backend !== scenario.backend
+        )
+        const otherBlobStore = new BlobStore(otherScenario.projectId2)
+
+        beforeEach(async function () {
+          await otherBlobStore.initialize()
+        })
+
+        it('copies a binary blob to another project in a different backend', async function () {
+          const testFile = 'graph.png'
+          const originalHash = testFiles.GRAPH_PNG_HASH
+          const insertedBlob = await blobStore.putFile(testFiles.path(testFile))
+          await blobStore.copyBlob(insertedBlob, otherScenario.projectId2)
+          const copiedBlob = await otherBlobStore.getBlob(originalHash)
+          expect(copiedBlob).to.exist
+          expect(copiedBlob.getHash()).to.equal(originalHash)
+          expect(copiedBlob.getByteLength()).to.equal(
+            insertedBlob.getByteLength()
+          )
+          expect(copiedBlob.getStringLength()).to.be.null
+        })
+
+        it('copies a text blob to another project in a different backend', async function () {
+          const insertedBlob = await blobStore.putString(helloWorldString)
+          await blobStore.copyBlob(insertedBlob, otherScenario.projectId2)
+          const copiedBlob = await otherBlobStore.getBlob(helloWorldHash)
+          expect(copiedBlob).to.exist
+          expect(copiedBlob.getHash()).to.equal(helloWorldHash)
+          const content = await otherBlobStore.getString(helloWorldHash)
+          expect(content).to.equal(helloWorldString)
+        })
+      })
+    })
+  }
+
+  it('getProjectBlobsBatch() with mixed projects', async function () {
+    for (const scenario of scenarios) {
+      const blobStore = new BlobStore(scenario.projectId)
+      const blobStore2 = new BlobStore(scenario.projectId2)
+      await blobStore.initialize()
+      await blobStore.putString(helloWorldString)
+      await blobStore2.initialize()
+      await blobStore2.putFile(testFiles.path('graph.png'))
+    }
+
+    const projects = [
+      parseInt(scenarios[0].projectId, 10),
+      scenarios[1].projectId,
+      parseInt(scenarios[0].projectId2, 10),
+      scenarios[1].projectId2,
+    ]
+    const { nBlobs, blobs } = await getProjectBlobsBatch(projects)
+    expect(nBlobs).to.equal(4)
+    expect(Object.fromEntries(blobs.entries())).to.deep.equal({
+      [scenarios[0].projectId]: [new Blob(helloWorldHash, 11, 11)],
+      [scenarios[1].projectId]: [new Blob(helloWorldHash, 11, 11)],
+      [scenarios[0].projectId2]: [
+        new Blob(
+          testFiles.GRAPH_PNG_HASH,
+          testFiles.GRAPH_PNG_BYTE_LENGTH,
+          null
+        ),
+      ],
+      [scenarios[1].projectId2]: [
+        new Blob(
+          testFiles.GRAPH_PNG_HASH,
+          testFiles.GRAPH_PNG_BYTE_LENGTH,
+          null
+        ),
+      ],
+    })
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/storage/blob_store_mongo.test.js b/services/history-v1/test/acceptance/js/storage/blob_store_mongo.test.js
new file mode 100644
index 0000000..3198278
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/blob_store_mongo.test.js
@@ -0,0 +1,172 @@
+const { expect } = require('chai')
+const { ObjectId, Binary } = require('mongodb')
+const { Blob } = require('overleaf-editor-core')
+const cleanup = require('./support/cleanup')
+const mongoBackend = require('../../../../storage/lib/blob_store/mongo')
+const mongodb = require('../../../../storage/lib/mongodb')
+
+describe('BlobStore Mongo backend', function () {
+  const projectId = new ObjectId().toString()
+  const hashes = {
+    abcd: [
+      'abcd000000000000000000000000000000000000',
+      'abcd111111111111111111111111111111111111',
+      'abcd222222222222222222222222222222222222',
+      'abcd333333333333333333333333333333333333',
+      'abcd444444444444444444444444444444444444',
+      'abcd555555555555555555555555555555555555',
+      'abcd666666666666666666666666666666666666',
+      'abcd777777777777777777777777777777777777',
+      'abcd888888888888888888888888888888888888',
+      'abcd999999999999999999999999999999999999',
+      'abcdaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa',
+    ],
+    1234: ['1234000000000000000000000000000000000000'],
+    1337: ['1337000000000000000000000000000000000000'],
+  }
+
+  beforeEach('clean up', cleanup.everything)
+
+  beforeEach('initialize the project', async function () {
+    await mongoBackend.initialize(projectId)
+  })
+
+  describe('insertBlob', function () {
+    it('writes blobs to the projectHistoryBlobs collection', async function () {
+      for (const hash of hashes.abcd
+        .slice(0, 2)
+        .concat(hashes[1234].slice(0, 1))) {
+        const blob = new Blob(hash, 123, 99)
+        await mongoBackend.insertBlob(projectId, blob)
+      }
+      const record = await mongodb.blobs.findOne(new ObjectId(projectId), {
+        promoteBuffers: true,
+      })
+      expect(record.blobs).to.deep.equal({
+        abc: hashes.abcd.slice(0, 2).map(hash => ({
+          h: Buffer.from(hash, 'hex'),
+          b: 123,
+          s: 99,
+        })),
+        123: [{ h: Buffer.from(hashes[1234][0], 'hex'), b: 123, s: 99 }],
+      })
+    })
+
+    it('writes excess blobs to the projectHistoryShardedBlobs collection', async function () {
+      for (const hash of hashes.abcd.concat(hashes[1234])) {
+        const blob = new Blob(hash, 123, 99)
+        await mongoBackend.insertBlob(projectId, blob)
+      }
+      const record = await mongodb.blobs.findOne(new ObjectId(projectId), {
+        promoteBuffers: true,
+      })
+      expect(record.blobs).to.deep.equal({
+        abc: hashes.abcd
+          .slice(0, 8)
+          .map(hash => ({ h: Buffer.from(hash, 'hex'), b: 123, s: 99 })),
+        123: [{ h: Buffer.from(hashes[1234][0], 'hex'), b: 123, s: 99 }],
+      })
+      const shardedRecord = await mongodb.shardedBlobs.findOne(
+        { _id: new Binary(Buffer.from(`${projectId}0a`, 'hex')) },
+        { promoteBuffers: true }
+      )
+      expect(shardedRecord.blobs).to.deep.equal({
+        bcd: hashes.abcd
+          .slice(8)
+          .map(hash => ({ h: Buffer.from(hash, 'hex'), b: 123, s: 99 })),
+      })
+    })
+  })
+
+  describe('getProjectBlobsBatch', function () {
+    it('finds all the blobs', async function () {
+      const projectId0 = new ObjectId().toString()
+      const hashesProject0 = hashes[1234].concat(hashes.abcd)
+      const projectId1 = new ObjectId().toString()
+      const hashesProject1 = hashes[1337].concat(hashes.abcd)
+      const projectId2 = new ObjectId().toString()
+      const hashesProject2 = [] // no hashes
+      const projectId3 = new ObjectId().toString()
+      const hashesProject3 = hashes[1337]
+      const projectBlobs = {
+        [projectId0]: hashesProject0,
+        [projectId1]: hashesProject1,
+        [projectId2]: hashesProject2,
+        [projectId3]: hashesProject3,
+      }
+      for (const [projectId, hashes] of Object.entries(projectBlobs)) {
+        for (const hash of hashes) {
+          const blob = new Blob(hash, 123, 99)
+          await mongoBackend.insertBlob(projectId, blob)
+        }
+      }
+      const projects = [projectId0, projectId1, projectId2, projectId3]
+      const { nBlobs, blobs } =
+        await mongoBackend.getProjectBlobsBatch(projects)
+      expect(nBlobs).to.equal(
+        hashesProject0.length + hashesProject1.length + hashesProject3.length
+      )
+      expect(Object.fromEntries(blobs.entries())).to.deep.equal({
+        [projectId0]: hashesProject0.map(hash => new Blob(hash, 123, 99)),
+        [projectId1]: hashesProject1.map(hash => new Blob(hash, 123, 99)),
+        [projectId3]: hashesProject3.map(hash => new Blob(hash, 123, 99)),
+      })
+    })
+  })
+
+  describe('with existing blobs', function () {
+    beforeEach(async function () {
+      for (const hash of hashes.abcd.concat(hashes[1234])) {
+        const blob = new Blob(hash, 123, 99)
+        await mongoBackend.insertBlob(projectId, blob)
+      }
+    })
+
+    describe('findBlob', function () {
+      it('finds blobs in the projectHistoryBlobs collection', async function () {
+        const blob = await mongoBackend.findBlob(projectId, hashes.abcd[0])
+        expect(blob.getHash()).to.equal(hashes.abcd[0])
+      })
+
+      it('finds blobs in the projectHistoryShardedBlobs collection', async function () {
+        const blob = await mongoBackend.findBlob(projectId, hashes.abcd[9])
+        expect(blob.getHash()).to.equal(hashes.abcd[9])
+      })
+    })
+
+    describe('findBlobs', function () {
+      it('finds blobs in the projectHistoryBlobs collection', async function () {
+        const requestedHashes = hashes.abcd.slice(0, 3).concat(hashes[1234])
+        const blobs = await mongoBackend.findBlobs(projectId, requestedHashes)
+        const obtainedHashes = blobs.map(blob => blob.getHash())
+        expect(obtainedHashes).to.have.members(requestedHashes)
+      })
+
+      it('finds blobs in the projectHistoryShardedBlobs collection', async function () {
+        const requestedHashes = [1, 3, 5, 8, 9].map(idx => hashes.abcd[idx])
+        const blobs = await mongoBackend.findBlobs(projectId, requestedHashes)
+        const obtainedHashes = blobs.map(blob => blob.getHash())
+        expect(obtainedHashes).to.have.members(requestedHashes)
+      })
+    })
+
+    describe('getProjectBlobs', function () {
+      it('returns all blobs for a given project', async function () {
+        const blobs = await mongoBackend.getProjectBlobs(projectId)
+        const obtainedHashes = blobs.map(blob => blob.getHash())
+        const expectedHashes = hashes.abcd.concat(hashes[1234])
+        expect(obtainedHashes).to.have.members(expectedHashes)
+      })
+    })
+
+    describe('deleteBlobs', function () {
+      it('deletes all blobs for a given project', async function () {
+        await mongoBackend.deleteBlobs(projectId)
+        const recordCount = await mongodb.blobs.count()
+        const shardedRecordCount = await mongodb.shardedBlobs.count()
+        expect(recordCount).to.equal(0)
+        expect(shardedRecordCount).to.equal(0)
+      })
+    })
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/storage/blob_store_postgres.test.js b/services/history-v1/test/acceptance/js/storage/blob_store_postgres.test.js
new file mode 100644
index 0000000..e762c33
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/blob_store_postgres.test.js
@@ -0,0 +1,42 @@
+const postgresBackend = require('../../../../storage/lib/blob_store/postgres')
+const { ObjectId } = require('mongodb')
+const { expect } = require('chai')
+
+describe('BlobStore postgres backend', function () {
+  describe('projectId validation', function () {
+    it('insertBlob rejects when called with bad projectId', async function () {
+      const projectId = new ObjectId().toString()
+      await expect(
+        postgresBackend.insertBlob(projectId, 'hash', 123, 99)
+      ).to.be.rejectedWith('bad projectId')
+    })
+
+    it('deleteBlobs rejects when called with bad projectId', async function () {
+      const projectId = new ObjectId().toString()
+      await expect(postgresBackend.deleteBlobs(projectId)).to.be.rejectedWith(
+        'bad projectId'
+      )
+    })
+
+    it('findBlobs rejects when called with bad projectId', async function () {
+      const projectId = new ObjectId().toString()
+      await expect(postgresBackend.findBlobs(projectId)).to.be.rejectedWith(
+        'bad projectId'
+      )
+    })
+
+    it('findBlob rejects when called with bad projectId', async function () {
+      const projectId = new ObjectId().toString()
+      await expect(
+        postgresBackend.findBlob(projectId, 'hash')
+      ).to.be.rejectedWith('bad projectId')
+    })
+
+    it('getProjectBlobs rejects when called with bad projectId', async function () {
+      const projectId = new ObjectId().toString()
+      await expect(
+        postgresBackend.getProjectBlobs(projectId)
+      ).to.be.rejectedWith('bad projectId')
+    })
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/storage/chunk_buffer.test.js b/services/history-v1/test/acceptance/js/storage/chunk_buffer.test.js
new file mode 100644
index 0000000..bfd979d
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/chunk_buffer.test.js
@@ -0,0 +1,210 @@
+'use strict'
+
+const { expect } = require('chai')
+const sinon = require('sinon')
+const {
+  Chunk,
+  Snapshot,
+  History,
+  File,
+  AddFileOperation,
+  Change,
+} = require('overleaf-editor-core')
+const cleanup = require('./support/cleanup')
+const fixtures = require('./support/fixtures')
+const chunkBuffer = require('../../../../storage/lib/chunk_buffer')
+const chunkStore = require('../../../../storage/lib/chunk_store')
+const redisBackend = require('../../../../storage/lib/chunk_store/redis')
+const metrics = require('@overleaf/metrics')
+
+describe('chunk buffer', function () {
+  beforeEach(cleanup.everything)
+  beforeEach(fixtures.create)
+  beforeEach(function () {
+    sinon.spy(metrics, 'inc')
+  })
+  afterEach(function () {
+    metrics.inc.restore()
+  })
+
+  const projectId = '123456'
+
+  describe('loadLatest', function () {
+    // Initialize project and create a test chunk
+    beforeEach(async function () {
+      // Initialize project in chunk store
+      await chunkStore.initializeProject(projectId)
+    })
+
+    describe('with an existing chunk', function () {
+      beforeEach(async function () {
+        // Create a sample chunk with some content
+        const snapshot = new Snapshot()
+        const changes = [
+          new Change(
+            [new AddFileOperation('test.tex', File.fromString('Hello World'))],
+            new Date(),
+            []
+          ),
+        ]
+        const history = new History(snapshot, changes)
+        const chunk = new Chunk(history, 1) // startVersion 1
+
+        // Store the chunk directly in the chunk store using create method
+        // which internally calls uploadChunk
+        await chunkStore.create(projectId, chunk)
+
+        // Clear any existing cache
+        await redisBackend.clearCache(projectId)
+      })
+
+      it('should load from chunk store and update cache on first access (cache miss)', async function () {
+        // First access should load from chunk store and populate cache
+        const firstResult = await chunkBuffer.loadLatest(projectId)
+
+        // Verify the chunk is correct
+        expect(firstResult).to.not.be.null
+        expect(firstResult.getStartVersion()).to.equal(1)
+        expect(firstResult.getEndVersion()).to.equal(2)
+
+        // Verify that we got a cache miss metric
+        expect(
+          metrics.inc.calledWith('chunk_buffer.loadLatest', 1, {
+            status: 'cache-miss',
+          })
+        ).to.be.true
+
+        // Reset the metrics spy
+        metrics.inc.resetHistory()
+
+        // Second access should hit the cache
+        const secondResult = await chunkBuffer.loadLatest(projectId)
+
+        // Verify we got the same chunk
+        expect(secondResult).to.not.be.null
+        expect(secondResult.getStartVersion()).to.equal(1)
+        expect(secondResult.getEndVersion()).to.equal(2)
+
+        // Verify that we got a cache hit metric
+        expect(
+          metrics.inc.calledWith('chunk_buffer.loadLatest', 1, {
+            status: 'cache-hit',
+          })
+        ).to.be.true
+
+        // Verify both chunks are equivalent
+        expect(secondResult.getStartVersion()).to.equal(
+          firstResult.getStartVersion()
+        )
+        expect(secondResult.getEndVersion()).to.equal(
+          firstResult.getEndVersion()
+        )
+      })
+
+      it('should refresh the cache when chunk changes in the store', async function () {
+        // First access to load into cache
+        const firstResult = await chunkBuffer.loadLatest(projectId)
+        expect(firstResult.getStartVersion()).to.equal(1)
+
+        // Reset metrics spy
+        metrics.inc.resetHistory()
+
+        // Create a new chunk with different content
+        const newSnapshot = new Snapshot()
+        const newChanges = [
+          new Change(
+            [
+              new AddFileOperation(
+                'updated.tex',
+                File.fromString('Updated content')
+              ),
+            ],
+            new Date(),
+            []
+          ),
+        ]
+        const newHistory = new History(newSnapshot, newChanges)
+        const newChunk = new Chunk(newHistory, 2) // Different start version
+
+        // Store the new chunk directly in the chunk store
+        await chunkStore.create(projectId, newChunk)
+
+        // Access again - should detect the change and refresh cache
+        const secondResult = await chunkBuffer.loadLatest(projectId)
+
+        // Verify we got the updated chunk
+        expect(secondResult.getStartVersion()).to.equal(2)
+        expect(secondResult.getEndVersion()).to.equal(3)
+
+        // Verify that we got a cache miss metric (since the cached chunk was invalidated)
+        expect(
+          metrics.inc.calledWith('chunk_buffer.loadLatest', 1, {
+            status: 'cache-miss',
+          })
+        ).to.be.true
+      })
+
+      it('should continue using cache when chunk in store has not changed', async function () {
+        // First access to load into cache
+        await chunkBuffer.loadLatest(projectId)
+
+        // Reset metrics spy
+        metrics.inc.resetHistory()
+
+        // Access again without changing the underlying chunk
+        const result = await chunkBuffer.loadLatest(projectId)
+
+        // Verify we got the same chunk
+        expect(result.getStartVersion()).to.equal(1)
+        expect(result.getEndVersion()).to.equal(2)
+
+        // Verify that we got a cache hit metric
+        expect(
+          metrics.inc.calledWith('chunk_buffer.loadLatest', 1, {
+            status: 'cache-hit',
+          })
+        ).to.be.true
+      })
+    })
+
+    describe('with an empty project', function () {
+      it('should handle a case with empty chunks (no changes)', async function () {
+        // Clear the cache
+        await redisBackend.clearCache(projectId)
+
+        // Load the initial empty chunk via buffer
+        const result = await chunkBuffer.loadLatest(projectId)
+
+        // Verify we got the empty chunk
+        expect(result.getStartVersion()).to.equal(0)
+        expect(result.getEndVersion()).to.equal(0) // Start equals end for empty chunks
+        expect(result.history.changes.length).to.equal(0)
+
+        // Verify cache miss metric
+        expect(
+          metrics.inc.calledWith('chunk_buffer.loadLatest', 1, {
+            status: 'cache-miss',
+          })
+        ).to.be.true
+
+        // Reset metrics
+        metrics.inc.resetHistory()
+
+        // Second access should hit the cache
+        const secondResult = await chunkBuffer.loadLatest(projectId)
+
+        // Verify we got the same empty chunk
+        expect(secondResult.getStartVersion()).to.equal(0)
+        expect(secondResult.getEndVersion()).to.equal(0)
+        expect(secondResult.history.changes.length).to.equal(0)
+
+        // Verify cache hit metric
+        expect(
+          metrics.inc.calledWith('chunk_buffer.loadLatest', 1, {
+            status: 'cache-hit',
+          })
+        ).to.be.true
+      })
+    })
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/storage/chunk_store.test.js b/services/history-v1/test/acceptance/js/storage/chunk_store.test.js
new file mode 100644
index 0000000..50341fd
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/chunk_store.test.js
@@ -0,0 +1,544 @@
+'use strict'
+
+const cleanup = require('./support/cleanup')
+const fixtures = require('./support/fixtures')
+const { expect } = require('chai')
+const sinon = require('sinon')
+const { ObjectId } = require('mongodb')
+const { projects } = require('../../../../storage/lib/mongodb')
+
+const {
+  Chunk,
+  Snapshot,
+  Change,
+  History,
+  File,
+  Operation,
+  AddFileOperation,
+  EditFileOperation,
+  TextOperation,
+} = require('overleaf-editor-core')
+const { chunkStore, historyStore } = require('../../../../storage')
+
+describe('chunkStore', function () {
+  beforeEach(cleanup.everything)
+  beforeEach(fixtures.create)
+
+  const scenarios = [
+    {
+      description: 'Postgres backend',
+      createProject: chunkStore.initializeProject,
+      idMapping: id => parseInt(id, 10),
+    },
+    {
+      description: 'Mongo backend',
+      createProject: () =>
+        chunkStore.initializeProject(new ObjectId().toString()),
+      idMapping: id => id,
+    },
+  ]
+
+  for (const scenario of scenarios) {
+    describe(scenario.description, function () {
+      let projectId
+      let projectRecord
+
+      beforeEach(async function () {
+        projectId = await scenario.createProject()
+        // create a record in the mongo projects collection
+        projectRecord = await projects.insertOne({
+          overleaf: { history: { id: scenario.idMapping(projectId) } },
+        })
+      })
+
+      it('loads empty latest chunk for a new project', async function () {
+        const chunk = await chunkStore.loadLatest(projectId)
+        expect(chunk.getSnapshot().countFiles()).to.equal(0)
+        expect(chunk.getChanges().length).to.equal(0)
+        expect(chunk.getEndTimestamp()).not.to.exist
+      })
+
+      describe('creating a chunk', async function () {
+        const pendingChangeTimestamp = new Date('2014-01-01T00:00:00')
+        const lastChangeTimestamp = new Date('2015-01-01T00:00:00')
+        beforeEach(async function () {
+          const chunk = makeChunk(
+            [
+              makeChange(
+                Operation.addFile('main.tex', File.fromString('abc')),
+                lastChangeTimestamp
+              ),
+            ],
+            1
+          )
+          await chunkStore.create(projectId, chunk, pendingChangeTimestamp)
+        })
+        it('creates a chunk and inserts the pending change timestamp', async function () {
+          const project = await projects.findOne({
+            _id: new ObjectId(projectRecord.insertedId),
+          })
+          expect(project.overleaf.history.currentEndVersion).to.equal(2)
+          expect(project.overleaf.history.currentEndTimestamp).to.deep.equal(
+            lastChangeTimestamp
+          )
+          expect(project.overleaf.backup.pendingChangeAt).to.deep.equal(
+            pendingChangeTimestamp
+          )
+        })
+      })
+
+      describe('adding and editing a blank file', function () {
+        const testPathname = 'foo.txt'
+        const testTextOperation = TextOperation.fromJSON({
+          textOperation: ['a'],
+        }) // insert an a
+        let lastChangeTimestamp
+        const pendingChangeTimestamp = new Date()
+
+        beforeEach(async function () {
+          const chunk = await chunkStore.loadLatest(projectId)
+          const oldEndVersion = chunk.getEndVersion()
+          const changes = [
+            makeChange(Operation.addFile(testPathname, File.fromString(''))),
+            makeChange(Operation.editFile(testPathname, testTextOperation)),
+          ]
+          lastChangeTimestamp = changes[1].getTimestamp()
+          chunk.pushChanges(changes)
+          await chunkStore.update(
+            projectId,
+            oldEndVersion,
+            chunk,
+            pendingChangeTimestamp
+          )
+        })
+
+        it('records the correct metadata in db readOnly=false', async function () {
+          const raw = await chunkStore.loadLatestRaw(projectId)
+          expect(raw).to.deep.include({
+            startVersion: 0,
+            endVersion: 2,
+            endTimestamp: lastChangeTimestamp,
+          })
+        })
+
+        it('records the correct metadata in db readOnly=true', async function () {
+          const raw = await chunkStore.loadLatestRaw(projectId, {
+            readOnly: true,
+          })
+          expect(raw).to.deep.include({
+            startVersion: 0,
+            endVersion: 2,
+            endTimestamp: lastChangeTimestamp,
+          })
+        })
+
+        it('records the correct timestamp', async function () {
+          const chunk = await chunkStore.loadLatest(projectId)
+          expect(chunk.getEndTimestamp()).to.deep.equal(lastChangeTimestamp)
+        })
+
+        it('records changes', async function () {
+          const chunk = await chunkStore.loadLatest(projectId)
+          const history = chunk.getHistory()
+          expect(history.getSnapshot().countFiles()).to.equal(0)
+          expect(history.getChanges().length).to.equal(2)
+          const addChange = history.getChanges()[0]
+          expect(addChange.getOperations().length).to.equal(1)
+          const addFile = addChange.getOperations()[0]
+          expect(addFile).to.be.an.instanceof(AddFileOperation)
+          expect(addFile.getPathname()).to.equal(testPathname)
+          const file = addFile.getFile()
+          expect(file.getHash()).to.equal(File.EMPTY_FILE_HASH)
+          expect(file.getByteLength()).to.equal(0)
+          expect(file.getStringLength()).to.equal(0)
+          const editChange = history.getChanges()[1]
+          expect(editChange.getOperations().length).to.equal(1)
+          const editFile = editChange.getOperations()[0]
+          expect(editFile).to.be.an.instanceof(EditFileOperation)
+          expect(editFile.getPathname()).to.equal(testPathname)
+        })
+
+        it('updates the project record with the current version and timestamps', async function () {
+          const project = await projects.findOne({
+            _id: new ObjectId(projectRecord.insertedId),
+          })
+          expect(project.overleaf.history.currentEndVersion).to.equal(2)
+          expect(project.overleaf.history.currentEndTimestamp).to.deep.equal(
+            lastChangeTimestamp
+          )
+          expect(project.overleaf.backup.pendingChangeAt).to.deep.equal(
+            pendingChangeTimestamp
+          )
+        })
+      })
+
+      describe('multiple chunks', async function () {
+        // Two chunks are 1 year apart
+        const pendingChangeTimestamp = new Date('2014-01-01T00:00:00')
+        const firstChunkTimestamp = new Date('2015-01-01T00:00:00')
+        const secondChunkTimestamp = new Date('2016-01-01T00:00:00')
+        const thirdChunkTimestamp = new Date('2017-01-01T00:00:00')
+        let firstChunk, secondChunk, thirdChunk
+
+        beforeEach(async function () {
+          firstChunk = makeChunk(
+            [
+              makeChange(
+                Operation.addFile('foo.tex', File.fromString('')),
+                new Date(firstChunkTimestamp - 5000)
+              ),
+              makeChange(
+                Operation.addFile('bar.tex', File.fromString('')),
+                firstChunkTimestamp
+              ),
+            ],
+            0
+          )
+          await chunkStore.update(
+            projectId,
+            0,
+            firstChunk,
+            pendingChangeTimestamp
+          )
+          firstChunk = await chunkStore.loadLatest(projectId)
+
+          secondChunk = makeChunk(
+            [
+              makeChange(
+                Operation.addFile('baz.tex', File.fromString('')),
+                new Date(secondChunkTimestamp - 5000)
+              ),
+              makeChange(
+                Operation.addFile('qux.tex', File.fromString('')),
+                secondChunkTimestamp
+              ),
+            ],
+            2
+          )
+          await chunkStore.create(projectId, secondChunk)
+          secondChunk = await chunkStore.loadLatest(projectId)
+
+          thirdChunk = makeChunk(
+            [
+              makeChange(
+                Operation.addFile('quux.tex', File.fromString('')),
+                thirdChunkTimestamp
+              ),
+            ],
+            4
+          )
+          await chunkStore.create(projectId, thirdChunk)
+          thirdChunk = await chunkStore.loadLatest(projectId)
+        })
+
+        it('returns the second chunk when querying for a version between the start and end version', async function () {
+          const chunk = await chunkStore.loadAtVersion(projectId, 3)
+          expect(chunk).to.deep.equal(secondChunk)
+
+          // Check file lazy loading
+          const history = chunk.getHistory()
+          expect(history.getSnapshot().countFiles()).to.equal(0)
+          expect(history.getChanges().length).to.equal(2)
+
+          const change = history.getChanges()[0]
+          expect(change.getOperations().length).to.equal(1)
+
+          const addFile = change.getOperations()[0]
+          expect(addFile).to.be.an.instanceof(AddFileOperation)
+          expect(addFile.getPathname()).to.equal('baz.tex')
+
+          const file = addFile.getFile()
+          expect(file.getHash()).to.equal(File.EMPTY_FILE_HASH)
+          expect(file.getByteLength()).to.equal(0)
+          expect(file.getStringLength()).to.equal(0)
+        })
+
+        it('returns the first chunk when querying for the end version of the chunk', async function () {
+          const chunk = await chunkStore.loadAtVersion(projectId, 2)
+          expect(chunk).to.deep.equal(firstChunk)
+        })
+
+        it('returns the second chunk when querying for a timestamp between the second and third chunk', async function () {
+          const searchTimestamp = new Date('2015-07-01T00:00:00')
+          const chunk = await chunkStore.loadAtTimestamp(
+            projectId,
+            searchTimestamp
+          )
+          expect(chunk).to.deep.equal(secondChunk)
+
+          // Check file lazy loading
+          const history = chunk.getHistory()
+          expect(history.getSnapshot().countFiles()).to.equal(0)
+          expect(history.getChanges().length).to.equal(2)
+
+          const change = history.getChanges()[0]
+          expect(change.getOperations().length).to.equal(1)
+
+          const addFile = change.getOperations()[0]
+          expect(addFile).to.be.an.instanceof(AddFileOperation)
+          expect(addFile.getPathname()).to.equal('baz.tex')
+
+          const file = addFile.getFile()
+          expect(file.getHash()).to.equal(File.EMPTY_FILE_HASH)
+          expect(file.getByteLength()).to.equal(0)
+          expect(file.getStringLength()).to.equal(0)
+        })
+
+        it('returns the third chunk when querying for a timestamp past the latest chunk', async function () {
+          const searchTimestampPastLatestChunk = new Date('2018-01-01T00:00:00')
+          const chunk = await chunkStore.loadAtTimestamp(
+            projectId,
+            searchTimestampPastLatestChunk
+          )
+          // Check that we found the third chunk
+          expect(chunk).to.deep.equal(thirdChunk)
+        })
+
+        it('updates the project record to match the last chunk', async function () {
+          const project = await projects.findOne({
+            _id: new ObjectId(projectRecord.insertedId),
+          })
+          expect(project.overleaf.history.currentEndVersion).to.equal(5)
+          expect(project.overleaf.history.currentEndTimestamp).to.deep.equal(
+            thirdChunkTimestamp
+          )
+        })
+
+        it('updates the pending change timestamp to match the first chunk', async function () {
+          const project = await projects.findOne({
+            _id: new ObjectId(projectRecord.insertedId),
+          })
+          expect(project.overleaf.backup.pendingChangeAt).to.deep.equal(
+            pendingChangeTimestamp
+          )
+        })
+
+        describe('after updating the last chunk', function () {
+          let newChunk
+
+          beforeEach(async function () {
+            newChunk = makeChunk(
+              [
+                ...thirdChunk.getChanges(),
+                makeChange(
+                  Operation.addFile('onemore.tex', File.fromString('')),
+                  thirdChunkTimestamp
+                ),
+              ],
+              4
+            )
+            await chunkStore.update(projectId, 5, newChunk)
+            newChunk = await chunkStore.loadLatest(projectId)
+          })
+
+          it('replaces the latest chunk', function () {
+            expect(newChunk.getChanges()).to.have.length(2)
+          })
+
+          it('returns the right chunk when querying by version', async function () {
+            const chunk = await chunkStore.loadAtVersion(projectId, 5)
+            expect(chunk).to.deep.equal(newChunk)
+          })
+
+          it('returns the right chunk when querying by timestamp', async function () {
+            const chunk = await chunkStore.loadAtTimestamp(
+              projectId,
+              thirdChunkTimestamp
+            )
+            expect(chunk).to.deep.equal(newChunk)
+          })
+
+          it('updates the project record to match the latest version and timestamp', async function () {
+            const project = await projects.findOne({
+              _id: new ObjectId(projectRecord.insertedId),
+            })
+            expect(project.overleaf.history.currentEndVersion).to.equal(6)
+            expect(project.overleaf.history.currentEndTimestamp).to.deep.equal(
+              thirdChunkTimestamp
+            )
+          })
+
+          it('does not modify the existing pending change timestamp in the project record', async function () {
+            const project = await projects.findOne({
+              _id: new ObjectId(projectRecord.insertedId),
+            })
+            expect(project.overleaf.backup.pendingChangeAt).to.deep.equal(
+              pendingChangeTimestamp
+            )
+          })
+        })
+
+        describe('when iterating the chunks with getProjectChunksFromVersion', function () {
+          // The first chunk has startVersion:0 and endVersion:2
+          for (let startVersion = 0; startVersion <= 2; startVersion++) {
+            it(`returns all chunk records when starting from version ${startVersion}`, async function () {
+              const chunkRecords = []
+              for await (const chunk of chunkStore.getProjectChunksFromVersion(
+                projectId,
+                startVersion
+              )) {
+                chunkRecords.push(chunk)
+              }
+              const expectedChunks = [firstChunk, secondChunk, thirdChunk]
+              expect(chunkRecords).to.have.length(expectedChunks.length)
+              chunkRecords.forEach((chunkRecord, index) => {
+                expect(chunkRecord.startVersion).to.deep.equal(
+                  expectedChunks[index].getStartVersion()
+                )
+                expect(chunkRecord.endVersion).to.deep.equal(
+                  expectedChunks[index].getEndVersion()
+                )
+              })
+            })
+          }
+
+          // The second chunk has startVersion:2 and endVersion:4
+          for (let startVersion = 3; startVersion <= 4; startVersion++) {
+            it(`returns two chunk records when starting from version ${startVersion}`, async function () {
+              const chunkRecords = []
+              for await (const chunk of chunkStore.getProjectChunksFromVersion(
+                projectId,
+                startVersion
+              )) {
+                chunkRecords.push(chunk)
+              }
+              const expectedChunks = [secondChunk, thirdChunk]
+              expect(chunkRecords).to.have.length(expectedChunks.length)
+              chunkRecords.forEach((chunkRecord, index) => {
+                expect(chunkRecord.startVersion).to.deep.equal(
+                  expectedChunks[index].getStartVersion()
+                )
+                expect(chunkRecord.endVersion).to.deep.equal(
+                  expectedChunks[index].getEndVersion()
+                )
+              })
+            })
+          }
+
+          // The third chunk has startVersion:4 and endVersion:5
+          for (let startVersion = 5; startVersion <= 5; startVersion++) {
+            it(`returns one chunk record when starting from version ${startVersion}`, async function () {
+              const chunkRecords = []
+              for await (const chunk of chunkStore.getProjectChunksFromVersion(
+                projectId,
+                startVersion
+              )) {
+                chunkRecords.push(chunk)
+              }
+              const expectedChunks = [thirdChunk]
+              expect(chunkRecords).to.have.length(expectedChunks.length)
+              chunkRecords.forEach((chunkRecord, index) => {
+                expect(chunkRecord.startVersion).to.deep.equal(
+                  expectedChunks[index].getStartVersion()
+                )
+                expect(chunkRecord.endVersion).to.deep.equal(
+                  expectedChunks[index].getEndVersion()
+                )
+              })
+            })
+          }
+
+          it('returns no chunk records when starting from a version after the last chunk', async function () {
+            const chunkRecords = []
+            for await (const chunk of chunkStore.getProjectChunksFromVersion(
+              projectId,
+              6
+            )) {
+              chunkRecords.push(chunk)
+            }
+            expect(chunkRecords).to.have.length(0)
+          })
+        })
+      })
+
+      describe('when saving to object storage fails', function () {
+        beforeEach(function () {
+          sinon.stub(historyStore, 'storeRaw').rejects(new Error('S3 Error'))
+        })
+
+        afterEach(function () {
+          historyStore.storeRaw.restore()
+        })
+
+        it('does not create chunks', async function () {
+          const oldEndVersion = 0
+          const testPathname = 'foo.txt'
+          const testTextOperation = TextOperation.fromJSON({
+            textOperation: ['a'],
+          }) // insert an a
+
+          let chunk = await chunkStore.loadLatest(projectId)
+          expect(chunk.getEndVersion()).to.equal(oldEndVersion)
+
+          const changes = [
+            makeChange(Operation.addFile(testPathname, File.fromString(''))),
+            makeChange(Operation.editFile(testPathname, testTextOperation)),
+          ]
+          chunk.pushChanges(changes)
+
+          await expect(
+            chunkStore.update(projectId, oldEndVersion, chunk)
+          ).to.be.rejectedWith('S3 Error')
+          chunk = await chunkStore.loadLatest(projectId)
+          expect(chunk.getEndVersion()).to.equal(oldEndVersion)
+        })
+      })
+
+      describe('version checks', function () {
+        beforeEach(async function () {
+          // Create a chunk with start version 0, end version 3
+          const chunk = makeChunk(
+            [
+              makeChange(Operation.addFile('main.tex', File.fromString('abc'))),
+              makeChange(
+                Operation.editFile(
+                  'main.tex',
+                  TextOperation.fromJSON({ textOperation: [3, 'def'] })
+                )
+              ),
+              makeChange(
+                Operation.editFile(
+                  'main.tex',
+                  TextOperation.fromJSON({ textOperation: [6, 'ghi'] })
+                )
+              ),
+            ],
+            0
+          )
+          await chunkStore.update(projectId, 0, chunk)
+        })
+
+        it('refuses to create a chunk with the same start version', async function () {
+          const chunk = makeChunk(
+            [makeChange(Operation.addFile('main.tex', File.fromString('abc')))],
+            0
+          )
+          await expect(chunkStore.create(projectId, chunk)).to.be.rejectedWith(
+            chunkStore.ChunkVersionConflictError
+          )
+        })
+
+        it("allows creating chunks that don't have version conflicts", async function () {
+          const chunk = makeChunk(
+            [makeChange(Operation.addFile('main.tex', File.fromString('abc')))],
+            3
+          )
+          await chunkStore.create(projectId, chunk)
+        })
+      })
+    })
+  }
+})
+
+function makeChange(operation, date = new Date()) {
+  return new Change([operation], date, [])
+}
+
+function makeChunk(changes, versionNumber) {
+  const snapshot = Snapshot.fromRaw({ files: {} })
+  const history = new History(snapshot, [])
+  const chunk = new Chunk(history, versionNumber)
+
+  chunk.pushChanges(changes)
+  return chunk
+}
diff --git a/services/history-v1/test/acceptance/js/storage/chunk_store_mongo_backend.test.js b/services/history-v1/test/acceptance/js/storage/chunk_store_mongo_backend.test.js
new file mode 100644
index 0000000..98cdd2d
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/chunk_store_mongo_backend.test.js
@@ -0,0 +1,135 @@
+const { expect } = require('chai')
+const { ObjectId } = require('mongodb')
+const {
+  Chunk,
+  Snapshot,
+  History,
+  Change,
+  AddFileOperation,
+  File,
+} = require('overleaf-editor-core')
+const cleanup = require('./support/cleanup')
+const backend = require('../../../../storage/lib/chunk_store/mongo')
+const { ChunkVersionConflictError } = require('../../../../storage')
+
+describe('chunk store Mongo backend', function () {
+  beforeEach(cleanup.everything)
+
+  describe('garbage collection', function () {
+    it('deletes pending and deleted chunks', async function () {
+      const projectId = new ObjectId().toString()
+
+      // Create a pending chunk
+      const pendingChunk = makeChunk([], 0)
+      const pendingChunkId = await backend.insertPendingChunk(
+        projectId,
+        pendingChunk
+      )
+
+      // Create a deleted chunk
+      const deletedChunk = makeChunk([], 0)
+      const deletedChunkId = await backend.insertPendingChunk(
+        projectId,
+        deletedChunk
+      )
+      await backend.confirmCreate(projectId, deletedChunk, deletedChunkId)
+      await backend.deleteChunk(projectId, deletedChunkId)
+
+      // Check that both chunks are ready to be deleted
+      let oldChunks = await backend.getOldChunksBatch(100, 0)
+      expect(oldChunks).to.have.deep.members([
+        { projectId, chunkId: pendingChunkId },
+        { projectId, chunkId: deletedChunkId },
+      ])
+
+      // Delete old chunks
+      await backend.deleteOldChunks(oldChunks.map(chunk => chunk.chunkId))
+
+      // Check that there are no more chunks to be deleted
+      oldChunks = await backend.getOldChunksBatch(100, 0)
+      expect(oldChunks).to.deep.equal([])
+    })
+  })
+
+  describe('concurrency handling', function () {
+    it('prevents chunks from being created with the same start version', async function () {
+      const projectId = new ObjectId().toString()
+      const chunks = [makeChunk([], 10), makeChunk([], 10)]
+
+      const chunkIds = []
+      for (const chunk of chunks) {
+        const chunkId = await backend.insertPendingChunk(projectId, chunk)
+        chunkIds.push(chunkId)
+      }
+
+      await backend.confirmCreate(projectId, chunks[0], chunkIds[0])
+      await expect(
+        backend.confirmCreate(projectId, chunks[1], chunkIds[1])
+      ).to.be.rejectedWith(ChunkVersionConflictError)
+    })
+
+    describe('conflicts between chunk extension and chunk creation', function () {
+      let projectId,
+        baseChunkId,
+        updatedChunkId,
+        newChunkId,
+        updatedChunk,
+        newChunk
+
+      beforeEach(async function () {
+        projectId = new ObjectId().toString()
+        const baseChunk = makeChunk([], 0)
+        baseChunkId = await backend.insertPendingChunk(projectId, baseChunk)
+        await backend.confirmCreate(projectId, baseChunk, baseChunkId)
+
+        const change = new Change(
+          [new AddFileOperation('main.tex', File.fromString('hello'))],
+          new Date()
+        )
+
+        updatedChunk = makeChunk([change], 0)
+        updatedChunkId = await backend.insertPendingChunk(
+          projectId,
+          updatedChunk
+        )
+        newChunk = makeChunk([change], 1)
+        newChunkId = await backend.insertPendingChunk(projectId, newChunk)
+      })
+
+      it('prevents creation after extension', async function () {
+        await backend.confirmUpdate(
+          projectId,
+          baseChunkId,
+          updatedChunk,
+          updatedChunkId
+        )
+        await expect(
+          backend.confirmCreate(projectId, newChunk, newChunkId, {
+            oldChunkId: baseChunkId,
+          })
+        ).to.be.rejectedWith(ChunkVersionConflictError)
+      })
+
+      it('prevents extension after creation', async function () {
+        await backend.confirmCreate(projectId, newChunk, newChunkId, {
+          oldChunkId: baseChunkId,
+        })
+        await expect(
+          backend.confirmUpdate(
+            projectId,
+            baseChunkId,
+            updatedChunk,
+            updatedChunkId
+          )
+        ).to.be.rejectedWith(ChunkVersionConflictError)
+      })
+    })
+  })
+})
+
+function makeChunk(changes, versionNumber) {
+  const snapshot = Snapshot.fromRaw({ files: {} })
+  const history = new History(snapshot, changes)
+  const chunk = new Chunk(history, versionNumber)
+  return chunk
+}
diff --git a/services/history-v1/test/acceptance/js/storage/chunk_store_postgres_backend.test.js b/services/history-v1/test/acceptance/js/storage/chunk_store_postgres_backend.test.js
new file mode 100644
index 0000000..cd1d705
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/chunk_store_postgres_backend.test.js
@@ -0,0 +1,110 @@
+const { expect } = require('chai')
+const { ObjectId } = require('mongodb')
+const {
+  Chunk,
+  Snapshot,
+  History,
+  Change,
+  AddFileOperation,
+  File,
+} = require('overleaf-editor-core')
+const cleanup = require('./support/cleanup')
+const { ChunkVersionConflictError } = require('../../../../storage')
+const backend = require('../../../../storage/lib/chunk_store/postgres')
+
+describe('chunk store Postgres backend', function () {
+  beforeEach(cleanup.everything)
+
+  it('should reject ObjectId strings as project IDs', async function () {
+    const invalidProjectId = new ObjectId().toString()
+
+    await expect(backend.getLatestChunk(invalidProjectId)).to.be.rejectedWith(
+      'bad projectId'
+    )
+    await expect(
+      backend.getChunkForVersion(invalidProjectId, 1)
+    ).to.be.rejectedWith('bad projectId')
+    await expect(
+      backend.getChunkForTimestamp(invalidProjectId, new Date())
+    ).to.be.rejectedWith('bad projectId')
+    await expect(
+      backend.getProjectChunkIds(invalidProjectId)
+    ).to.be.rejectedWith('bad projectId')
+    await expect(
+      backend.insertPendingChunk(invalidProjectId, makeChunk([], 0))
+    ).to.be.rejectedWith('bad projectId')
+    await expect(
+      backend.confirmCreate(invalidProjectId, makeChunk([], 0), 1)
+    ).to.be.rejectedWith('bad projectId')
+    await expect(
+      backend.confirmUpdate(invalidProjectId, 1, makeChunk([], 0), 2)
+    ).to.be.rejectedWith('bad projectId')
+    await expect(backend.deleteChunk(invalidProjectId, 1)).to.be.rejectedWith(
+      'bad projectId'
+    )
+    await expect(
+      backend.deleteProjectChunks(invalidProjectId)
+    ).to.be.rejectedWith('bad projectId')
+  })
+
+  describe('conflicts between chunk extension and chunk creation', function () {
+    let projectId,
+      baseChunkId,
+      updatedChunkId,
+      newChunkId,
+      updatedChunk,
+      newChunk
+
+    beforeEach(async function () {
+      projectId = '1234'
+      const baseChunk = makeChunk([], 0)
+      baseChunkId = await backend.insertPendingChunk(projectId, baseChunk)
+      await backend.confirmCreate(projectId, baseChunk, baseChunkId)
+
+      const change = new Change(
+        [new AddFileOperation('main.tex', File.fromString('hello'))],
+        new Date()
+      )
+
+      updatedChunk = makeChunk([change], 0)
+      updatedChunkId = await backend.insertPendingChunk(projectId, updatedChunk)
+      newChunk = makeChunk([change], 1)
+      newChunkId = await backend.insertPendingChunk(projectId, newChunk)
+    })
+
+    it('prevents creation after extension', async function () {
+      await backend.confirmUpdate(
+        projectId,
+        baseChunkId,
+        updatedChunk,
+        updatedChunkId
+      )
+      await expect(
+        backend.confirmCreate(projectId, newChunk, newChunkId, {
+          oldChunkId: baseChunkId,
+        })
+      ).to.be.rejectedWith(ChunkVersionConflictError)
+    })
+
+    it('prevents extension after creation', async function () {
+      await backend.confirmCreate(projectId, newChunk, newChunkId, {
+        oldChunkId: baseChunkId,
+      })
+      await expect(
+        backend.confirmUpdate(
+          projectId,
+          baseChunkId,
+          updatedChunk,
+          updatedChunkId
+        )
+      ).to.be.rejectedWith(ChunkVersionConflictError)
+    })
+  })
+})
+
+function makeChunk(changes, versionNumber) {
+  const snapshot = Snapshot.fromRaw({ files: {} })
+  const history = new History(snapshot, [])
+  const chunk = new Chunk(history, versionNumber)
+  return chunk
+}
diff --git a/services/history-v1/test/acceptance/js/storage/chunk_store_redis_backend.test.js b/services/history-v1/test/acceptance/js/storage/chunk_store_redis_backend.test.js
new file mode 100644
index 0000000..a4ce4f9
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/chunk_store_redis_backend.test.js
@@ -0,0 +1,606 @@
+'use strict'
+
+const { expect } = require('chai')
+const {
+  Chunk,
+  Snapshot,
+  History,
+  File,
+  AddFileOperation,
+  Origin,
+  Change,
+  V2DocVersions,
+} = require('overleaf-editor-core')
+const cleanup = require('./support/cleanup')
+const redisBackend = require('../../../../storage/lib/chunk_store/redis')
+
+describe('chunk store Redis backend', function () {
+  beforeEach(cleanup.everything)
+  const projectId = '123456'
+
+  describe('getCurrentChunk', function () {
+    it('should return null on cache miss', async function () {
+      const chunk = await redisBackend.getCurrentChunk(projectId)
+      expect(chunk).to.be.null
+    })
+
+    it('should return the cached chunk', async function () {
+      // Create a sample chunk
+      const snapshot = new Snapshot()
+      const changes = [
+        new Change(
+          [new AddFileOperation('test.tex', File.fromString('Hello World'))],
+          new Date(),
+          []
+        ),
+      ]
+      const history = new History(snapshot, changes)
+      const chunk = new Chunk(history, 5) // startVersion 5
+
+      // Cache the chunk
+      await redisBackend.setCurrentChunk(projectId, chunk)
+
+      // Retrieve the cached chunk
+      const cachedChunk = await redisBackend.getCurrentChunk(projectId)
+
+      expect(cachedChunk).to.not.be.null
+      expect(cachedChunk.getStartVersion()).to.equal(5)
+      expect(cachedChunk.getEndVersion()).to.equal(6)
+      expect(cachedChunk).to.deep.equal(chunk)
+    })
+  })
+
+  describe('setCurrentChunk', function () {
+    it('should successfully cache a chunk', async function () {
+      // Create a sample chunk
+      const snapshot = new Snapshot()
+      const changes = [
+        new Change(
+          [new AddFileOperation('test.tex', File.fromString('Hello World'))],
+          new Date(),
+          []
+        ),
+      ]
+      const history = new History(snapshot, changes)
+      const chunk = new Chunk(history, 5) // startVersion 5
+
+      // Cache the chunk
+      await redisBackend.setCurrentChunk(projectId, chunk)
+
+      // Verify the chunk was cached correctly by retrieving it
+      const cachedChunk = await redisBackend.getCurrentChunk(projectId)
+      expect(cachedChunk).to.not.be.null
+      expect(cachedChunk.getStartVersion()).to.equal(5)
+      expect(cachedChunk.getEndVersion()).to.equal(6)
+      expect(cachedChunk).to.deep.equal(chunk)
+
+      // Verify that the chunk was stored correctly using the chunk metadata
+      const chunkMetadata =
+        await redisBackend.getCurrentChunkMetadata(projectId)
+      expect(chunkMetadata).to.not.be.null
+      expect(chunkMetadata.startVersion).to.equal(5)
+      expect(chunkMetadata.changesCount).to.equal(1)
+    })
+
+    it('should correctly handle a chunk with zero changes', async function () {
+      // Create a sample chunk with no changes
+      const snapshot = new Snapshot()
+      const changes = []
+      const history = new History(snapshot, changes)
+      const chunk = new Chunk(history, 10) // startVersion 10
+
+      // Cache the chunk
+      await redisBackend.setCurrentChunk(projectId, chunk)
+
+      // Retrieve the cached chunk
+      const cachedChunk = await redisBackend.getCurrentChunk(projectId)
+
+      expect(cachedChunk).to.not.be.null
+      expect(cachedChunk.getStartVersion()).to.equal(10)
+      expect(cachedChunk.getEndVersion()).to.equal(10) // End version should equal start version with no changes
+      expect(cachedChunk.history.changes.length).to.equal(0)
+      expect(cachedChunk).to.deep.equal(chunk)
+    })
+  })
+
+  describe('updating already cached chunks', function () {
+    it('should replace a chunk with a longer chunk', async function () {
+      // Set initial chunk with one change
+      const snapshotA = new Snapshot()
+      const changesA = [
+        new Change(
+          [
+            new AddFileOperation(
+              'test.tex',
+              File.fromString('Initial content')
+            ),
+          ],
+          new Date(),
+          []
+        ),
+      ]
+      const historyA = new History(snapshotA, changesA)
+      const chunkA = new Chunk(historyA, 10)
+
+      await redisBackend.setCurrentChunk(projectId, chunkA)
+
+      // Verify the initial chunk was cached
+      const cachedChunkA = await redisBackend.getCurrentChunk(projectId)
+      expect(cachedChunkA.getStartVersion()).to.equal(10)
+      expect(cachedChunkA.getEndVersion()).to.equal(11)
+      expect(cachedChunkA.history.changes.length).to.equal(1)
+
+      // Create a longer chunk (with more changes)
+      const snapshotB = new Snapshot()
+      const changesB = [
+        new Change(
+          [new AddFileOperation('test1.tex', File.fromString('Content 1'))],
+          new Date(),
+          []
+        ),
+        new Change(
+          [new AddFileOperation('test2.tex', File.fromString('Content 2'))],
+          new Date(),
+          []
+        ),
+        new Change(
+          [new AddFileOperation('test3.tex', File.fromString('Content 3'))],
+          new Date(),
+          []
+        ),
+      ]
+      const historyB = new History(snapshotB, changesB)
+      const chunkB = new Chunk(historyB, 15)
+
+      // Replace the cached chunk
+      await redisBackend.setCurrentChunk(projectId, chunkB)
+
+      // Verify the new chunk replaced the old one
+      const cachedChunkB = await redisBackend.getCurrentChunk(projectId)
+      expect(cachedChunkB).to.not.be.null
+      expect(cachedChunkB.getStartVersion()).to.equal(15)
+      expect(cachedChunkB.getEndVersion()).to.equal(18)
+      expect(cachedChunkB.history.changes.length).to.equal(3)
+      expect(cachedChunkB).to.deep.equal(chunkB)
+
+      // Verify the metadata was updated
+      const updatedMetadata =
+        await redisBackend.getCurrentChunkMetadata(projectId)
+      expect(updatedMetadata.startVersion).to.equal(15)
+      expect(updatedMetadata.changesCount).to.equal(3)
+    })
+
+    it('should replace a chunk with a shorter chunk', async function () {
+      // Set initial chunk with three changes
+      const snapshotA = new Snapshot()
+      const changesA = [
+        new Change(
+          [new AddFileOperation('file1.tex', File.fromString('Content 1'))],
+          new Date(),
+          []
+        ),
+        new Change(
+          [new AddFileOperation('file2.tex', File.fromString('Content 2'))],
+          new Date(),
+          []
+        ),
+        new Change(
+          [new AddFileOperation('file3.tex', File.fromString('Content 3'))],
+          new Date(),
+          []
+        ),
+      ]
+      const historyA = new History(snapshotA, changesA)
+      const chunkA = new Chunk(historyA, 20)
+
+      await redisBackend.setCurrentChunk(projectId, chunkA)
+
+      // Verify the initial chunk was cached
+      const cachedChunkA = await redisBackend.getCurrentChunk(projectId)
+      expect(cachedChunkA.getStartVersion()).to.equal(20)
+      expect(cachedChunkA.getEndVersion()).to.equal(23)
+      expect(cachedChunkA.history.changes.length).to.equal(3)
+
+      // Create a shorter chunk (with fewer changes)
+      const snapshotB = new Snapshot()
+      const changesB = [
+        new Change(
+          [new AddFileOperation('new.tex', File.fromString('New content'))],
+          new Date(),
+          []
+        ),
+      ]
+      const historyB = new History(snapshotB, changesB)
+      const chunkB = new Chunk(historyB, 30)
+
+      // Replace the cached chunk
+      await redisBackend.setCurrentChunk(projectId, chunkB)
+
+      // Verify the new chunk replaced the old one
+      const cachedChunkB = await redisBackend.getCurrentChunk(projectId)
+      expect(cachedChunkB).to.not.be.null
+      expect(cachedChunkB.getStartVersion()).to.equal(30)
+      expect(cachedChunkB.getEndVersion()).to.equal(31)
+      expect(cachedChunkB.history.changes.length).to.equal(1)
+      expect(cachedChunkB).to.deep.equal(chunkB)
+
+      // Verify the metadata was updated
+      const updatedMetadata =
+        await redisBackend.getCurrentChunkMetadata(projectId)
+      expect(updatedMetadata.startVersion).to.equal(30)
+      expect(updatedMetadata.changesCount).to.equal(1)
+    })
+
+    it('should replace a chunk with a zero-length chunk', async function () {
+      // Set initial chunk with changes
+      const snapshotA = new Snapshot()
+      const changesA = [
+        new Change(
+          [new AddFileOperation('file1.tex', File.fromString('Content 1'))],
+          new Date(),
+          []
+        ),
+        new Change(
+          [new AddFileOperation('file2.tex', File.fromString('Content 2'))],
+          new Date(),
+          []
+        ),
+      ]
+      const historyA = new History(snapshotA, changesA)
+      const chunkA = new Chunk(historyA, 25)
+
+      await redisBackend.setCurrentChunk(projectId, chunkA)
+
+      // Verify the initial chunk was cached
+      const cachedChunkA = await redisBackend.getCurrentChunk(projectId)
+      expect(cachedChunkA.getStartVersion()).to.equal(25)
+      expect(cachedChunkA.getEndVersion()).to.equal(27)
+      expect(cachedChunkA.history.changes.length).to.equal(2)
+
+      // Create a zero-length chunk (with no changes)
+      const snapshotB = new Snapshot()
+      const changesB = []
+      const historyB = new History(snapshotB, changesB)
+      const chunkB = new Chunk(historyB, 40)
+
+      // Replace the cached chunk
+      await redisBackend.setCurrentChunk(projectId, chunkB)
+
+      // Verify the new chunk replaced the old one
+      const cachedChunkB = await redisBackend.getCurrentChunk(projectId)
+      expect(cachedChunkB).to.not.be.null
+      expect(cachedChunkB.getStartVersion()).to.equal(40)
+      expect(cachedChunkB.getEndVersion()).to.equal(40) // Start version equals end version with no changes
+      expect(cachedChunkB.history.changes.length).to.equal(0)
+      expect(cachedChunkB).to.deep.equal(chunkB)
+
+      // Verify the metadata was updated
+      const updatedMetadata =
+        await redisBackend.getCurrentChunkMetadata(projectId)
+      expect(updatedMetadata.startVersion).to.equal(40)
+      expect(updatedMetadata.changesCount).to.equal(0)
+    })
+
+    it('should replace a zero-length chunk with a non-empty chunk', async function () {
+      // Set initial empty chunk
+      const snapshotA = new Snapshot()
+      const changesA = []
+      const historyA = new History(snapshotA, changesA)
+      const chunkA = new Chunk(historyA, 50)
+
+      await redisBackend.setCurrentChunk(projectId, chunkA)
+
+      // Verify the initial chunk was cached
+      const cachedChunkA = await redisBackend.getCurrentChunk(projectId)
+      expect(cachedChunkA.getStartVersion()).to.equal(50)
+      expect(cachedChunkA.getEndVersion()).to.equal(50)
+      expect(cachedChunkA.history.changes.length).to.equal(0)
+
+      // Create a non-empty chunk
+      const snapshotB = new Snapshot()
+      const changesB = [
+        new Change(
+          [new AddFileOperation('newfile.tex', File.fromString('New content'))],
+          new Date(),
+          []
+        ),
+        new Change(
+          [
+            new AddFileOperation(
+              'another.tex',
+              File.fromString('Another file')
+            ),
+          ],
+          new Date(),
+          []
+        ),
+      ]
+      const historyB = new History(snapshotB, changesB)
+      const chunkB = new Chunk(historyB, 60)
+
+      // Replace the cached chunk
+      await redisBackend.setCurrentChunk(projectId, chunkB)
+
+      // Verify the new chunk replaced the old one
+      const cachedChunkB = await redisBackend.getCurrentChunk(projectId)
+      expect(cachedChunkB).to.not.be.null
+      expect(cachedChunkB.getStartVersion()).to.equal(60)
+      expect(cachedChunkB.getEndVersion()).to.equal(62)
+      expect(cachedChunkB.history.changes.length).to.equal(2)
+      expect(cachedChunkB).to.deep.equal(chunkB)
+
+      // Verify the metadata was updated
+      const updatedMetadata =
+        await redisBackend.getCurrentChunkMetadata(projectId)
+      expect(updatedMetadata.startVersion).to.equal(60)
+      expect(updatedMetadata.changesCount).to.equal(2)
+    })
+  })
+
+  describe('checkCacheValidity', function () {
+    it('should return true when versions match', function () {
+      const snapshotA = new Snapshot()
+      const historyA = new History(snapshotA, [])
+      const chunkA = new Chunk(historyA, 10)
+      chunkA.pushChanges([
+        new Change(
+          [new AddFileOperation('test.tex', File.fromString('Hello'))],
+          new Date(),
+          []
+        ),
+      ])
+
+      const snapshotB = new Snapshot()
+      const historyB = new History(snapshotB, [])
+      const chunkB = new Chunk(historyB, 10)
+      chunkB.pushChanges([
+        new Change(
+          [new AddFileOperation('test.tex', File.fromString('Hello'))],
+          new Date(),
+          []
+        ),
+      ])
+
+      const isValid = redisBackend.checkCacheValidity(chunkA, chunkB)
+      expect(isValid).to.be.true
+    })
+
+    it('should return false when start versions differ', function () {
+      const snapshotA = new Snapshot()
+      const historyA = new History(snapshotA, [])
+      const chunkA = new Chunk(historyA, 10)
+
+      const snapshotB = new Snapshot()
+      const historyB = new History(snapshotB, [])
+      const chunkB = new Chunk(historyB, 11)
+
+      const isValid = redisBackend.checkCacheValidity(chunkA, chunkB)
+      expect(isValid).to.be.false
+    })
+
+    it('should return false when end versions differ', function () {
+      const snapshotA = new Snapshot()
+      const historyA = new History(snapshotA, [])
+      const chunkA = new Chunk(historyA, 10)
+      chunkA.pushChanges([
+        new Change(
+          [new AddFileOperation('test.tex', File.fromString('Hello'))],
+          new Date(),
+          []
+        ),
+      ])
+
+      const snapshotB = new Snapshot()
+      const historyB = new History(snapshotB, [])
+      const chunkB = new Chunk(historyB, 10)
+      chunkB.pushChanges([
+        new Change(
+          [new AddFileOperation('test.tex', File.fromString('Hello'))],
+          new Date(),
+          []
+        ),
+        new Change(
+          [new AddFileOperation('other.tex', File.fromString('World'))],
+          new Date(),
+          []
+        ),
+      ])
+
+      const isValid = redisBackend.checkCacheValidity(chunkA, chunkB)
+      expect(isValid).to.be.false
+    })
+
+    it('should return false when cached chunk is null', function () {
+      const snapshotB = new Snapshot()
+      const historyB = new History(snapshotB, [])
+      const chunkB = new Chunk(historyB, 10)
+
+      const isValid = redisBackend.checkCacheValidity(null, chunkB)
+      expect(isValid).to.be.false
+    })
+  })
+
+  describe('compareChunks', function () {
+    it('should return true when chunks are identical', function () {
+      // Create two identical chunks
+      const snapshot = new Snapshot()
+      const changes = [
+        new Change(
+          [new AddFileOperation('test.tex', File.fromString('Hello World'))],
+          new Date('2025-04-10T12:00:00Z'), // Using fixed date for consistent comparison
+          []
+        ),
+      ]
+      const history1 = new History(snapshot, changes)
+      const chunk1 = new Chunk(history1, 5)
+
+      // Create a separate but identical chunk
+      const snapshot2 = new Snapshot()
+      const changes2 = [
+        new Change(
+          [new AddFileOperation('test.tex', File.fromString('Hello World'))],
+          new Date('2025-04-10T12:00:00Z'), // Using same fixed date
+          []
+        ),
+      ]
+      const history2 = new History(snapshot2, changes2)
+      const chunk2 = new Chunk(history2, 5)
+
+      const result = redisBackend.compareChunks(projectId, chunk1, chunk2)
+      expect(result).to.be.true
+    })
+
+    it('should return false when chunks differ', function () {
+      // Create first chunk
+      const snapshot1 = new Snapshot()
+      const changes1 = [
+        new Change(
+          [new AddFileOperation('test.tex', File.fromString('Hello World'))],
+          new Date('2025-04-10T12:00:00Z'),
+          []
+        ),
+      ]
+      const history1 = new History(snapshot1, changes1)
+      const chunk1 = new Chunk(history1, 5)
+
+      // Create a different chunk (different content)
+      const snapshot2 = new Snapshot()
+      const changes2 = [
+        new Change(
+          [
+            new AddFileOperation(
+              'test.tex',
+              File.fromString('Different content')
+            ),
+          ],
+          new Date('2025-04-10T12:00:00Z'),
+          []
+        ),
+      ]
+      const history2 = new History(snapshot2, changes2)
+      const chunk2 = new Chunk(history2, 5)
+
+      const result = redisBackend.compareChunks(projectId, chunk1, chunk2)
+      expect(result).to.be.false
+    })
+
+    it('should return false when one chunk is null', function () {
+      // Create a chunk
+      const snapshot = new Snapshot()
+      const changes = [
+        new Change(
+          [new AddFileOperation('test.tex', File.fromString('Hello World'))],
+          new Date('2025-04-10T12:00:00Z'),
+          []
+        ),
+      ]
+      const history = new History(snapshot, changes)
+      const chunk = new Chunk(history, 5)
+
+      const resultWithNullCached = redisBackend.compareChunks(
+        projectId,
+        null,
+        chunk
+      )
+      expect(resultWithNullCached).to.be.false
+
+      const resultWithNullCurrent = redisBackend.compareChunks(
+        projectId,
+        chunk,
+        null
+      )
+      expect(resultWithNullCurrent).to.be.false
+    })
+
+    it('should return false when chunks have different start versions', function () {
+      // Create first chunk with start version 5
+      const snapshot1 = new Snapshot()
+      const changes1 = [
+        new Change(
+          [new AddFileOperation('test.tex', File.fromString('Hello World'))],
+          new Date('2025-04-10T12:00:00Z'),
+          []
+        ),
+      ]
+      const history1 = new History(snapshot1, changes1)
+      const chunk1 = new Chunk(history1, 5)
+
+      // Create second chunk with identical content but different start version (10)
+      const snapshot2 = new Snapshot()
+      const changes2 = [
+        new Change(
+          [new AddFileOperation('test.tex', File.fromString('Hello World'))],
+          new Date('2025-04-10T12:00:00Z'),
+          []
+        ),
+      ]
+      const history2 = new History(snapshot2, changes2)
+      const chunk2 = new Chunk(history2, 10)
+
+      const result = redisBackend.compareChunks(projectId, chunk1, chunk2)
+      expect(result).to.be.false
+    })
+  })
+
+  describe('integration with redis', function () {
+    it('should store and retrieve complex chunks correctly', async function () {
+      // Create a more complex chunk
+      const snapshot = new Snapshot()
+      const changes = [
+        new Change(
+          [new AddFileOperation('file1.tex', File.fromString('Content 1'))],
+          new Date(),
+          [1234]
+        ),
+        new Change(
+          [new AddFileOperation('file2.tex', File.fromString('Content 2'))],
+          new Date(),
+          null,
+          new Origin('test-origin'),
+          ['5a296963ad5e82432674c839', null],
+          '123.4',
+          new V2DocVersions({
+            'random-doc-id': { pathname: 'file2.tex', v: 123 },
+          })
+        ),
+        new Change(
+          [new AddFileOperation('file3.tex', File.fromString('Content 3'))],
+          new Date(),
+          []
+        ),
+      ]
+      const history = new History(snapshot, changes)
+      const chunk = new Chunk(history, 20)
+
+      // Cache the chunk
+      await redisBackend.setCurrentChunk(projectId, chunk)
+
+      // Retrieve the cached chunk
+      const cachedChunk = await redisBackend.getCurrentChunk(projectId)
+
+      expect(cachedChunk.getStartVersion()).to.equal(20)
+      expect(cachedChunk.getEndVersion()).to.equal(23)
+      expect(cachedChunk).to.deep.equal(chunk)
+      expect(cachedChunk.history.changes.length).to.equal(3)
+
+      // Check that the operations were preserved correctly
+      const retrievedChanges = cachedChunk.history.changes
+      expect(retrievedChanges[0].getOperations()[0].getPathname()).to.equal(
+        'file1.tex'
+      )
+      expect(retrievedChanges[1].getOperations()[0].getPathname()).to.equal(
+        'file2.tex'
+      )
+      expect(retrievedChanges[2].getOperations()[0].getPathname()).to.equal(
+        'file3.tex'
+      )
+
+      // Check that the chunk was stored correctly using the chunk metadata
+      const chunkMetadata =
+        await redisBackend.getCurrentChunkMetadata(projectId)
+      expect(chunkMetadata).to.not.be.null
+      expect(chunkMetadata.startVersion).to.equal(20)
+      expect(chunkMetadata.changesCount).to.equal(3)
+    })
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/storage/files/empty.tex b/services/history-v1/test/acceptance/js/storage/files/empty.tex
new file mode 100644
index 0000000..e69de29
diff --git a/services/history-v1/test/acceptance/js/storage/files/graph.png b/services/history-v1/test/acceptance/js/storage/files/graph.png
new file mode 100644
index 0000000..81dac49
Binary files /dev/null and b/services/history-v1/test/acceptance/js/storage/files/graph.png differ
diff --git a/services/history-v1/test/acceptance/js/storage/files/hello.txt b/services/history-v1/test/acceptance/js/storage/files/hello.txt
new file mode 100644
index 0000000..80dc915
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/files/hello.txt
@@ -0,0 +1 @@
+Olá mundo
diff --git a/services/history-v1/test/acceptance/js/storage/files/non_bmp.txt b/services/history-v1/test/acceptance/js/storage/files/non_bmp.txt
new file mode 100644
index 0000000..323ec63
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/files/non_bmp.txt
@@ -0,0 +1 @@
+􏰁􏰁􏰁􏰁􏰁􏰁􏰁􏰁􏰁􏰁􏰁􏰁􏰁􏰁
diff --git a/services/history-v1/test/acceptance/js/storage/files/null_characters.txt b/services/history-v1/test/acceptance/js/storage/files/null_characters.txt
new file mode 100644
index 0000000..4227ca4
Binary files /dev/null and b/services/history-v1/test/acceptance/js/storage/files/null_characters.txt differ
diff --git a/services/history-v1/test/acceptance/js/storage/fixtures/chunks.js b/services/history-v1/test/acceptance/js/storage/fixtures/chunks.js
new file mode 100644
index 0000000..0fb50e4
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/fixtures/chunks.js
@@ -0,0 +1,21 @@
+'use strict'
+
+const DocFixtures = require('./docs').docs
+
+exports.chunks = {
+  chunkOne: {
+    id: 1000000,
+    doc_id: DocFixtures.initializedProject.id,
+    start_version: 0,
+    end_version: 1,
+    end_timestamp: new Date('2032-01-01'),
+  },
+}
+
+exports.histories = {
+  chunkOne: {
+    projectId: DocFixtures.initializedProject.id,
+    chunkId: '1000000',
+    json: { snapshot: { files: {} }, changes: [] },
+  },
+}
diff --git a/services/history-v1/test/acceptance/js/storage/fixtures/docs.js b/services/history-v1/test/acceptance/js/storage/fixtures/docs.js
new file mode 100644
index 0000000..f757896
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/fixtures/docs.js
@@ -0,0 +1,9 @@
+'use strict'
+
+// Test docs are no longer inserted in the database. Only their ids are now
+// relevant as they are used in history chunks.
+
+exports.docs = {
+  uninitializedProject: { id: '1000000' },
+  initializedProject: { id: '1000001' },
+}
diff --git a/services/history-v1/test/acceptance/js/storage/fixtures/index.js b/services/history-v1/test/acceptance/js/storage/fixtures/index.js
new file mode 100644
index 0000000..4f1f74b
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/fixtures/index.js
@@ -0,0 +1,7 @@
+'use strict'
+
+exports.dbSpecs = {
+  chunks: Object.values(require('./chunks').chunks),
+  histories: Object.values(require('./chunks').histories),
+  docs: Object.values(require('./docs').docs),
+}
diff --git a/services/history-v1/test/acceptance/js/storage/persist_changes.test.js b/services/history-v1/test/acceptance/js/storage/persist_changes.test.js
new file mode 100644
index 0000000..aa56dc8
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/persist_changes.test.js
@@ -0,0 +1,249 @@
+'use strict'
+
+const { createHash } = require('node:crypto')
+const { expect } = require('chai')
+
+const cleanup = require('./support/cleanup')
+const fixtures = require('./support/fixtures')
+
+const storage = require('../../../../storage')
+const chunkStore = storage.chunkStore
+const persistChanges = storage.persistChanges
+
+const core = require('overleaf-editor-core')
+const AddFileOperation = core.AddFileOperation
+const EditFileOperation = core.EditFileOperation
+const TextOperation = core.TextOperation
+const Change = core.Change
+const Chunk = core.Chunk
+const File = core.File
+const History = core.History
+const Snapshot = core.Snapshot
+
+describe('persistChanges', function () {
+  beforeEach(cleanup.everything)
+  beforeEach(fixtures.create)
+
+  let farFuture
+  before(function () {
+    // used to provide a limit which forces us to persist all of the changes.
+    farFuture = new Date()
+    farFuture.setTime(farFuture.getTime() + 7 * 24 * 3600 * 1000)
+  })
+
+  it('persists changes', async function () {
+    const limitsToPersistImmediately = {
+      minChangeTimestamp: farFuture,
+      maxChangeTimestamp: farFuture,
+    }
+    const projectId = fixtures.docs.uninitializedProject.id
+    const change = new Change(
+      [new AddFileOperation('test.tex', File.fromString(''))],
+      new Date(),
+      []
+    )
+    const changes = [change]
+
+    await chunkStore.initializeProject(projectId)
+    const result = await persistChanges(
+      projectId,
+      changes,
+      limitsToPersistImmediately,
+      0
+    )
+
+    const history = new History(new Snapshot(), changes)
+    const currentChunk = new Chunk(history, 0)
+    expect(result).to.deep.equal({
+      numberOfChangesPersisted: 1,
+      originalEndVersion: 0,
+      currentChunk,
+    })
+
+    const chunk = await chunkStore.loadLatest(projectId)
+    expect(chunk.getStartVersion()).to.equal(0)
+    expect(chunk.getEndVersion()).to.equal(1)
+    expect(chunk.getChanges().length).to.equal(1)
+  })
+
+  it('persists changes in two chunks', async function () {
+    const limitsToPersistImmediately = {
+      maxChunkChanges: 1,
+      minChangeTimestamp: farFuture,
+      maxChangeTimestamp: farFuture,
+    }
+    const projectId = fixtures.docs.uninitializedProject.id
+    const firstChange = new Change(
+      [new AddFileOperation('a.tex', File.fromString(''))],
+      new Date(),
+      []
+    )
+    const secondChange = new Change(
+      [new AddFileOperation('b.tex', File.fromString(''))],
+      new Date(),
+      []
+    )
+    const changes = [firstChange, secondChange]
+
+    await chunkStore.initializeProject(projectId)
+    const result = await persistChanges(
+      projectId,
+      changes,
+      limitsToPersistImmediately,
+      0
+    )
+
+    const snapshot = Snapshot.fromRaw({
+      files: {
+        'a.tex': {
+          content: '',
+        },
+      },
+    })
+    const history = new History(snapshot, [secondChange])
+    const currentChunk = new Chunk(history, 1)
+    expect(result).to.deep.equal({
+      numberOfChangesPersisted: 2,
+      originalEndVersion: 0,
+      currentChunk,
+    })
+
+    const chunk = await chunkStore.loadLatest(projectId)
+    expect(chunk.getStartVersion()).to.equal(1)
+    expect(chunk.getEndVersion()).to.equal(2)
+    expect(chunk.getChanges().length).to.equal(1)
+  })
+
+  it('persists the snapshot at the start of the chunk', async function () {
+    const limitsToPersistImmediately = {
+      maxChunkChanges: 2,
+      minChangeTimestamp: farFuture,
+      maxChangeTimestamp: farFuture,
+    }
+    const projectId = fixtures.docs.uninitializedProject.id
+    const firstChange = new Change(
+      [new AddFileOperation('a.tex', File.fromString(''))],
+      new Date(),
+      []
+    )
+    const secondChange = new Change(
+      [new AddFileOperation('b.tex', File.fromString(''))],
+      new Date(),
+      []
+    )
+    const changes = [firstChange, secondChange]
+
+    await chunkStore.initializeProject(projectId)
+    const result = await persistChanges(
+      projectId,
+      changes,
+      limitsToPersistImmediately,
+      0
+    )
+
+    const history = new History(new Snapshot(), changes)
+    const currentChunk = new Chunk(history, 0)
+    expect(result).to.deep.equal({
+      numberOfChangesPersisted: 2,
+      originalEndVersion: 0,
+      currentChunk,
+    })
+
+    const chunk = await chunkStore.loadLatest(projectId)
+    expect(chunk.getStartVersion()).to.equal(0)
+    expect(chunk.getEndVersion()).to.equal(2)
+    expect(chunk.getChanges().length).to.equal(2)
+  })
+
+  it("errors if the version doesn't match the latest chunk", async function () {
+    const limitsToPersistImmediately = {
+      minChangeTimestamp: farFuture,
+      maxChangeTimestamp: farFuture,
+    }
+    const projectId = fixtures.docs.uninitializedProject.id
+    const firstChange = new Change(
+      [new AddFileOperation('a.tex', File.fromString(''))],
+      new Date(),
+      []
+    )
+    const secondChange = new Change(
+      [new AddFileOperation('b.tex', File.fromString(''))],
+      new Date(),
+      []
+    )
+    const changes = [firstChange, secondChange]
+
+    await chunkStore.initializeProject(projectId)
+    await expect(
+      persistChanges(projectId, changes, limitsToPersistImmediately, 1)
+    ).to.be.rejectedWith(
+      'client sent updates with end_version 1 but latest chunk has end_version 0'
+    )
+  })
+
+  describe('content hash validation', function () {
+    it('acccepts a change with a valid hash', async function () {
+      const limitsToPersistImmediately = {
+        minChangeTimestamp: farFuture,
+        maxChangeTimestamp: farFuture,
+      }
+
+      const projectId = fixtures.docs.uninitializedProject.id
+      await chunkStore.initializeProject(projectId)
+      const textOperation = new TextOperation()
+      textOperation.insert('hello ')
+      textOperation.retain(5)
+      textOperation.contentHash = hashString('hello world')
+      const change = new Change(
+        [
+          new AddFileOperation('a.tex', File.fromString('world')),
+          new EditFileOperation('a.tex', textOperation),
+        ],
+        new Date(),
+        []
+      )
+      const changes = [change]
+
+      const result = await persistChanges(
+        projectId,
+        changes,
+        limitsToPersistImmediately,
+        0
+      )
+      expect(result.numberOfChangesPersisted).to.equal(1)
+    })
+
+    it('rejects a change with an invalid hash', async function () {
+      const limitsToPersistImmediately = {
+        minChangeTimestamp: farFuture,
+        maxChangeTimestamp: farFuture,
+      }
+
+      const projectId = fixtures.docs.uninitializedProject.id
+      await chunkStore.initializeProject(projectId)
+      const textOperation = new TextOperation()
+      textOperation.insert('hello ')
+      textOperation.retain(5)
+      textOperation.contentHash = hashString('bad hash')
+      const change = new Change(
+        [
+          new AddFileOperation('a.tex', File.fromString('world')),
+          new EditFileOperation('a.tex', textOperation),
+        ],
+        new Date(),
+        []
+      )
+      const changes = [change]
+
+      await expect(
+        persistChanges(projectId, changes, limitsToPersistImmediately, 0)
+      ).to.be.rejectedWith(storage.InvalidChangeError)
+    })
+  })
+})
+
+function hashString(s) {
+  const hash = createHash('sha-1')
+  hash.update(s)
+  return hash.digest('hex')
+}
diff --git a/services/history-v1/test/acceptance/js/storage/project_archive.test.js b/services/history-v1/test/acceptance/js/storage/project_archive.test.js
new file mode 100644
index 0000000..d9112b1
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/project_archive.test.js
@@ -0,0 +1,208 @@
+'use strict'
+
+const _ = require('lodash')
+const BPromise = require('bluebird')
+const { expect } = require('chai')
+const fs = BPromise.promisifyAll(require('node:fs'))
+const sinon = require('sinon')
+const stream = require('node:stream')
+const temp = require('temp')
+
+const cleanup = require('./support/cleanup')
+const fixtures = require('./support/fixtures')
+const testFiles = require('./support/test_files')
+const unzip = require('./support/unzip')
+
+const core = require('overleaf-editor-core')
+const File = core.File
+const Snapshot = core.Snapshot
+
+const storage = require('../../../../storage')
+const BlobStore = storage.BlobStore
+const ProjectArchive = storage.ProjectArchive
+
+describe('ProjectArchive', function () {
+  beforeEach(cleanup.everything)
+  beforeEach(fixtures.create)
+
+  const projectId = '123'
+  const blobStore = new BlobStore(projectId)
+
+  let zipFilePath
+  beforeEach(function () {
+    zipFilePath = temp.path({ suffix: '.zip' })
+  })
+  afterEach(function () {
+    return fs.unlinkAsync(zipFilePath).catch(() => {})
+  })
+
+  function makeMixedTestSnapshot(rounds) {
+    const snapshot = new Snapshot()
+
+    return blobStore.putFile(testFiles.path('graph.png')).then(() => {
+      _.times(rounds, i => {
+        snapshot.addFile('test' + i + '.txt', File.fromString('test'))
+        snapshot.addFile(
+          'graph' + i + '.png',
+          File.fromHash(testFiles.GRAPH_PNG_HASH)
+        )
+      })
+      return snapshot
+    })
+  }
+
+  function makeTextTestSnapshot(rounds) {
+    const snapshot = new Snapshot()
+    _.times(rounds, i => {
+      snapshot.addFile('test' + i + '.txt', File.fromString('test'))
+    })
+    return snapshot
+  }
+
+  it('archives a small snapshot with binary and text data', function () {
+    return makeMixedTestSnapshot(1)
+      .then(snapshot => {
+        const projectArchive = new ProjectArchive(snapshot)
+        return projectArchive.writeZip(blobStore, zipFilePath)
+      })
+      .then(() => {
+        return unzip.getZipEntries(zipFilePath)
+      })
+      .then(zipEntries => {
+        expect(zipEntries).to.have.length(2)
+        zipEntries = _.sortBy(zipEntries, 'fileName')
+        expect(zipEntries[0].fileName).to.equal('graph0.png')
+        expect(zipEntries[0].uncompressedSize).to.equal(
+          testFiles.GRAPH_PNG_BYTE_LENGTH
+        )
+        expect(zipEntries[1].fileName).to.equal('test0.txt')
+        expect(zipEntries[1].uncompressedSize).to.equal(4)
+      })
+  })
+
+  it('archives a larger snapshot with binary and text data', function () {
+    return makeMixedTestSnapshot(10)
+      .then(snapshot => {
+        const projectArchive = new ProjectArchive(snapshot)
+        return projectArchive.writeZip(blobStore, zipFilePath)
+      })
+      .then(() => {
+        return unzip.getZipEntries(zipFilePath)
+      })
+      .then(zipEntries => {
+        expect(zipEntries).to.have.length(20)
+      })
+  })
+
+  it('archives empty files', function () {
+    const snapshot = new Snapshot()
+    snapshot.addFile('test0', File.fromString(''))
+    snapshot.addFile('test1', File.fromHash(File.EMPTY_FILE_HASH))
+
+    return blobStore
+      .putString('')
+      .then(() => {
+        const projectArchive = new ProjectArchive(snapshot)
+        return projectArchive.writeZip(blobStore, zipFilePath)
+      })
+      .then(() => {
+        return unzip.getZipEntries(zipFilePath)
+      })
+      .then(zipEntries => {
+        zipEntries = _.sortBy(zipEntries, 'fileName')
+        expect(zipEntries[0].fileName).to.equal('test0')
+        expect(zipEntries[0].uncompressedSize).to.equal(0)
+        expect(zipEntries[1].fileName).to.equal('test1')
+        expect(zipEntries[1].uncompressedSize).to.equal(0)
+      })
+  })
+
+  describe('with a blob stream download error', function () {
+    beforeEach(function () {
+      const testStream = new stream.Readable({
+        read: function () {
+          testStream.destroy(new Error('test read error'))
+        },
+      })
+      sinon.stub(blobStore, 'getStream').resolves(testStream)
+    })
+
+    afterEach(function () {
+      blobStore.getStream.restore()
+    })
+
+    it('rejects with the error', function () {
+      return makeMixedTestSnapshot(1)
+        .then(snapshot => {
+          const projectArchive = new ProjectArchive(snapshot)
+          return projectArchive.writeZip(blobStore, zipFilePath)
+        })
+        .then(() => {
+          expect.fail()
+        })
+        .catch(err => {
+          let message = err.message
+          if (err instanceof ProjectArchive.DownloadError) {
+            message = err.cause.message
+          }
+          expect(message).to.match(/test read error/)
+        })
+    })
+  })
+
+  describe('with zip write error', function () {
+    beforeEach(function () {
+      sinon.stub(fs, 'createWriteStream').callsFake(path => {
+        const testStream = new stream.Writable({
+          write: function (chunk, encoding, callback) {
+            callback(new Error('test write error'))
+          },
+        })
+        return testStream
+      })
+    })
+
+    afterEach(function () {
+      fs.createWriteStream.restore()
+    })
+
+    it('rejects with the error', function () {
+      return makeMixedTestSnapshot(1)
+        .then(snapshot => {
+          const projectArchive = new ProjectArchive(snapshot)
+          return projectArchive.writeZip(blobStore, zipFilePath)
+        })
+        .then(() => {
+          expect.fail()
+        })
+        .catch(err => {
+          expect(err.message).to.equal('test write error')
+        })
+    })
+  })
+
+  describe('with a delayed file load', function () {
+    beforeEach(function () {
+      sinon.stub(File.prototype, 'load').callsFake(function () {
+        return BPromise.delay(200).thenReturn(this)
+      })
+    })
+
+    afterEach(function () {
+      File.prototype.load.restore()
+    })
+
+    it('times out', function () {
+      const snapshot = makeTextTestSnapshot(10)
+      const projectArchive = new ProjectArchive(snapshot, 100)
+      return projectArchive
+        .writeZip(blobStore, zipFilePath)
+        .then(() => {
+          expect.fail()
+        })
+        .catch(err => {
+          expect(err.name).to.equal('ArchiveTimeout')
+        })
+    })
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/storage/project_key.test.js b/services/history-v1/test/acceptance/js/storage/project_key.test.js
new file mode 100644
index 0000000..4aa6c1f
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/project_key.test.js
@@ -0,0 +1,21 @@
+'use strict'
+
+const { expect } = require('chai')
+
+const { format, pad } = require('../../../../storage/lib/project_key')
+
+describe('projectKey', function () {
+  it('reverses padded keys', function () {
+    expect(format(1)).to.equal('100/000/000')
+    expect(format(12)).to.equal('210/000/000')
+    expect(format(123456789)).to.equal('987/654/321')
+    expect(format(9123456789)).to.equal('987/654/3219')
+  })
+
+  it('pads numbers with zeros to length 9', function () {
+    expect(pad(1)).to.equal('000000001')
+    expect(pad(10)).to.equal('000000010')
+    expect(pad(100000000)).to.equal('100000000')
+    expect(pad(1000000000)).to.equal('1000000000')
+  })
+})
diff --git a/services/history-v1/test/acceptance/js/storage/support/cleanup.js b/services/history-v1/test/acceptance/js/storage/support/cleanup.js
new file mode 100644
index 0000000..55829be
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/support/cleanup.js
@@ -0,0 +1,101 @@
+const config = require('config')
+
+const { knex, persistor, mongodb, redis } = require('../../../../../storage')
+const { S3Persistor } = require('@overleaf/object-persistor/src/S3Persistor')
+
+const POSTGRES_TABLES = [
+  'chunks',
+  'project_blobs',
+  'old_chunks',
+  'pending_chunks',
+]
+
+const MONGO_COLLECTIONS = [
+  'projectHistoryGlobalBlobs',
+  'projectHistoryBlobs',
+  'projectHistoryShardedBlobs',
+  'projectHistoryChunks',
+
+  // back_fill_file_hash.test.mjs
+  'deletedFiles',
+  'deletedProjects',
+  'projects',
+  'projectHistoryBackedUpBlobs',
+]
+
+// make sure we don't delete the wrong data by accident
+if (process.env.NODE_ENV !== 'test') {
+  throw new Error('test cleanup can only be loaded in a test environment')
+}
+
+async function cleanupPostgres() {
+  for (const table of POSTGRES_TABLES) {
+    await knex(table).del()
+  }
+}
+
+async function cleanupMongo() {
+  const collections = await mongodb.db.listCollections().map(c => c.name)
+  for await (const collection of collections) {
+    if (MONGO_COLLECTIONS.includes(collection)) {
+      await mongodb.db.collection(collection).deleteMany({})
+    }
+  }
+}
+
+async function cleanupRedis() {
+  await redis.rclientHistory.flushdb()
+  await redis.rclientLock.flushdb()
+}
+
+async function cleanupPersistor() {
+  await Promise.all([
+    clearBucket(config.get('blobStore.globalBucket')),
+    clearBucket(config.get('blobStore.projectBucket')),
+    clearBucket(config.get('chunkStore.bucket')),
+    clearBucket(config.get('zipStore.bucket')),
+  ])
+}
+
+async function clearBucket(name) {
+  await persistor.deleteDirectory(name, '')
+}
+
+let s3PersistorForBackupCleanup
+
+async function cleanupBackup() {
+  // The backupPersistor refuses to delete short prefixes. Use a low-level S3 persistor.
+  if (!s3PersistorForBackupCleanup) {
+    const { backupPersistor } = await import(
+      '../../../../../storage/lib/backupPersistor.mjs'
+    )
+    s3PersistorForBackupCleanup = new S3Persistor(backupPersistor.settings)
+  }
+  await Promise.all(
+    Object.values(config.get('backupStore')).map(name =>
+      s3PersistorForBackupCleanup.deleteDirectory(name, '')
+    )
+  )
+}
+
+async function cleanupEverything() {
+  // Set the timeout when called in a Mocha test. This function is also called
+  // in benchmarks where it is not passed a Mocha context.
+  this.timeout?.(5000)
+  await Promise.all([
+    cleanupPostgres(),
+    cleanupMongo(),
+    cleanupPersistor(),
+    cleanupBackup(),
+    cleanupRedis(),
+  ])
+}
+
+module.exports = {
+  postgres: cleanupPostgres,
+  mongo: cleanupMongo,
+  persistor: cleanupPersistor,
+  backup: cleanupBackup,
+  redis: cleanupRedis,
+  everything: cleanupEverything,
+}
diff --git a/services/history-v1/test/acceptance/js/storage/support/fetch.js b/services/history-v1/test/acceptance/js/storage/support/fetch.js
new file mode 100644
index 0000000..316f521
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/support/fetch.js
@@ -0,0 +1,6 @@
+const BPromise = require('bluebird')
+const fetch = require('node-fetch')
+
+fetch.Promise = BPromise
+
+module.exports = fetch
diff --git a/services/history-v1/test/acceptance/js/storage/support/fixtures.js b/services/history-v1/test/acceptance/js/storage/support/fixtures.js
new file mode 100644
index 0000000..f077b3e
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/support/fixtures.js
@@ -0,0 +1,20 @@
+'use strict'
+
+const BPromise = require('bluebird')
+const dbSpecs = require('../fixtures').dbSpecs
+const knex = require('../../../../../storage').knex
+const historyStore = require('../../../../../storage').historyStore
+
+function createFixtures() {
+  return knex('chunks')
+    .insert(dbSpecs.chunks)
+    .then(() => {
+      return BPromise.mapSeries(dbSpecs.histories, history =>
+        historyStore.storeRaw(history.projectId, history.chunkId, history.json)
+      )
+    })
+}
+
+exports.create = createFixtures
+exports.chunks = require('../fixtures/chunks').chunks
+exports.docs = require('../fixtures/docs').docs
diff --git a/services/history-v1/test/acceptance/js/storage/support/test_files.js b/services/history-v1/test/acceptance/js/storage/support/test_files.js
new file mode 100644
index 0000000..c28443c
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/support/test_files.js
@@ -0,0 +1,27 @@
+const path = require('node:path')
+
+exports.path = function (pathname) {
+  return path.join(__dirname, '..', 'files', pathname)
+}
+
+exports.GRAPH_PNG_HASH = '81dac49dc128aa0a7d0263d24c0d1ce14de554a8'
+exports.GRAPH_PNG_BYTE_LENGTH = 13476
+
+exports.HELLO_TXT_HASH = '80dc915a94d134320281f2a139c018facce4b670'
+exports.HELLO_TXT_BYTE_LENGTH = 11
+exports.HELLO_TXT_UTF8_LENGTH = 10
+
+// file is UTF-8 encoded and contains non BMP characters
+exports.NON_BMP_TXT_HASH = '323ec6325a14288a81e15bc0bbee0c0a35f38049'
+exports.NON_BMP_TXT_BYTE_LENGTH = 57
+
+// files contains null characters
+exports.NULL_CHARACTERS_TXT_HASH = '4227ca4e8736af63036e7457e2db376ddf7e5795'
+exports.NULL_CHARACTERS_TXT_BYTE_LENGTH = 3
+
+// git hashes of some short strings for testing
+exports.STRING_A_HASH = '2e65efe2a145dda7ee51d1741299f848e5bf752e'
+exports.STRING_AB_HASH = '9ae9e86b7bd6cb1472d9373702d8249973da0832'
+
+// From https://en.wikipedia.org/wiki/Portable_Network_Graphics
+exports.PNG_MAGIC_NUMBER = '89504e470d0a1a0a'
diff --git a/services/history-v1/test/acceptance/js/storage/support/unzip.js b/services/history-v1/test/acceptance/js/storage/support/unzip.js
new file mode 100644
index 0000000..c89c3d4
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/support/unzip.js
@@ -0,0 +1,22 @@
+'use strict'
+
+const BPromise = require('bluebird')
+const yauzl = BPromise.promisifyAll(require('yauzl'))
+
+function getZipEntries(pathname) {
+  function readEntries(zip) {
+    return new BPromise((resolve, reject) => {
+      const entries = []
+      zip.on('entry', entry => {
+        entries.push(entry)
+      })
+      zip.on('error', reject)
+      zip.on('end', () => {
+        resolve(entries)
+      })
+    })
+  }
+  return yauzl.openAsync(pathname).then(readEntries)
+}
+
+exports.getZipEntries = getZipEntries
diff --git a/services/history-v1/test/acceptance/js/storage/tasks.test.js b/services/history-v1/test/acceptance/js/storage/tasks.test.js
new file mode 100644
index 0000000..e43bdac
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/tasks.test.js
@@ -0,0 +1,115 @@
+'use strict'
+
+const { ObjectId } = require('mongodb')
+const { expect } = require('chai')
+const config = require('config')
+const tasks = require('../../../../storage/tasks')
+const {
+  persistor,
+  historyStore,
+  knex,
+  mongodb,
+} = require('../../../../storage')
+const cleanup = require('./support/cleanup')
+
+const CHUNK_STORE_BUCKET = config.get('chunkStore.bucket')
+const postgresProjectId = 1
+const mongoProjectId = new ObjectId('abcdefabcdefabcdefabcdef')
+
+describe('tasks', function () {
+  beforeEach(cleanup.everything)
+
+  const options = {
+    batchSize: 3,
+    timeout: 3000,
+    minAgeSecs: 3600,
+    maxBatches: 1000,
+  }
+
+  it('deletes old chunks', async function () {
+    const postgresChunks = []
+    const mongoChunks = []
+
+    for (let i = 1; i <= 25; i++) {
+      const deletedAt = new Date(Date.now() - 86400000)
+      const startVersion = (i - 1) * 10
+      const endVersion = i * 10
+      postgresChunks.push({
+        chunk_id: i,
+        doc_id: postgresProjectId,
+        start_version: startVersion,
+        end_version: endVersion,
+        deleted_at: deletedAt,
+      })
+      mongoChunks.push({
+        _id: new ObjectId(i.toString().padStart(24, '0')),
+        projectId: mongoProjectId,
+        startVersion,
+        endVersion,
+        state: 'deleted',
+        updatedAt: deletedAt,
+      })
+    }
+
+    for (let i = 26; i <= 30; i++) {
+      const deletedAt = new Date()
+      const startVersion = (i - 1) * 10
+      const endVersion = i * 10
+      postgresChunks.push({
+        chunk_id: i,
+        doc_id: postgresProjectId,
+        start_version: startVersion,
+        end_version: endVersion,
+        deleted_at: deletedAt,
+      })
+      mongoChunks.push({
+        _id: new ObjectId(i.toString().padStart(24, '0')),
+        projectId: mongoProjectId,
+        startVersion,
+        endVersion,
+        state: 'deleted',
+        updatedAt: deletedAt,
+      })
+    }
+
+    await knex('old_chunks').insert(postgresChunks)
+    await mongodb.chunks.insertMany(mongoChunks)
+    await Promise.all([
+      ...postgresChunks.map(chunk =>
+        historyStore.storeRaw(
+          postgresProjectId.toString(),
+          chunk.chunk_id.toString(),
+          {
+            history: 'raw history',
+          }
+        )
+      ),
+      ...mongoChunks.map(chunk =>
+        historyStore.storeRaw(mongoProjectId.toString(), chunk._id.toString(), {
+          history: 'raw history',
+        })
+      ),
+    ])
+    await expectChunksExist(1, 30, true)
+    await tasks.deleteOldChunks(options)
+    await expectChunksExist(1, 25, false)
+    await expectChunksExist(26, 30, true)
+  })
+})
+
+async function expectChunksExist(minChunkId, maxChunkId, expected) {
+  const keys = []
+  for (let i = minChunkId; i <= maxChunkId; i++) {
+    keys.push(`100/000/000/${i.toString().padStart(9, '0')}`)
+    keys.push(`fed/cba/fedcbafedcbafedcba/${i.toString().padStart(24, '0')}`)
+  }
+  return await Promise.all(
+    keys.map(async key => {
+      const exists = await persistor.checkIfObjectExists(
+        CHUNK_STORE_BUCKET,
+        key
+      )
+      expect(exists).to.equal(expected)
+    })
+  )
+}
diff --git a/services/history-v1/test/acceptance/js/storage/zip_store.test.js b/services/history-v1/test/acceptance/js/storage/zip_store.test.js
new file mode 100644
index 0000000..255751a
--- /dev/null
+++ b/services/history-v1/test/acceptance/js/storage/zip_store.test.js
@@ -0,0 +1,101 @@
+'use strict'
+
+const BPromise = require('bluebird')
+const { expect } = require('chai')
+const fs = BPromise.promisifyAll(require('node:fs'))
+const temp = require('temp')
+
+const cleanup = require('./support/cleanup')
+const fetch = require('./support/fetch')
+const fixtures = require('./support/fixtures')
+const { getZipEntries } = require('./support/unzip')
+
+const { Snapshot, File } = require('overleaf-editor-core')
+
+const { zipStore } = require('../../../../storage')
+
+describe('zipStore', function () {
+  beforeEach(cleanup.persistor)
+
+  let zipFilePath
+  beforeEach(function () {
+    zipFilePath = temp.path({ suffix: '.zip' })
+  })
+  afterEach(async function () {
+    try {
+      await fs.unlinkAsync(zipFilePath)
+    } catch (_error) {
+      // Ignore.
+    }
+  })
+
+  it('stores a snapshot in a zip file', async function () {
+    const projectId = fixtures.docs.uninitializedProject.id
+    const version = 1
+    const testSnapshot = new Snapshot()
+    testSnapshot.addFile('hello.txt', File.fromString('hello world'))
+
+    const zipUrl = await zipStore.getSignedUrl(projectId, version)
+
+    // Initially, there is no zip file; we should get a 404.
+    const preZipResponse = await fetch(zipUrl)
+    expect(preZipResponse.status).to.equal(404)
+
+    // Build the zip file.
+    await zipStore.storeZip(projectId, version, testSnapshot)
+
+    // Now we should be able to fetch it.
+    const postZipResponse = await fetch(zipUrl)
+    expect(postZipResponse.status).to.equal(200)
+    const zipBuffer = await postZipResponse.buffer()
+    await fs.writeFileAsync(zipFilePath, zipBuffer)
+    const entries = await getZipEntries(zipFilePath)
+    expect(entries.length).to.equal(1)
+    expect(entries[0].fileName).to.equal('hello.txt')
+  })
+
+  it('filters out tracked deletes', async function () {
+    const projectId = fixtures.docs.uninitializedProject.id
+    const version = 1
+    const testSnapshot = new Snapshot()
+    testSnapshot.addFile(
+      'test.tex',
+      File.fromRaw({
+        content: 'the quick brown fox jumps over the lazy dog',
+        trackedChanges: [
+          {
+            range: { pos: 4, length: 6 },
+            tracking: {
+              type: 'delete',
+              ts: '2024-01-01T00:00:00.000Z',
+              userId: 'user1',
+            },
+          },
+          {
+            range: { pos: 35, length: 5 },
+            tracking: {
+              type: 'delete',
+              ts: '2023-01-01T00:00:00.000Z',
+              userId: 'user2',
+            },
+          },
+        ],
+      })
+    )
+
+    const zipUrl = await zipStore.getSignedUrl(projectId, version)
+    // Build the zip file.
+    await zipStore.storeZip(projectId, version, testSnapshot)
+    // Now we should be able to fetch it.
+    const postZipResponse = await fetch(zipUrl)
+    expect(postZipResponse.status).to.equal(200)
+    const zipBuffer = await postZipResponse.buffer()
+    await fs.writeFileAsync(zipFilePath, zipBuffer)
+    const entries = await getZipEntries(zipFilePath)
+    expect(entries.length).to.equal(1)
+    expect(entries[0].fileName).to.equal('test.tex')
+    expect(entries[0].uncompressedSize).to.equal(
+      'the brown fox jumps over the dog'.length
+    )
+  })
+})
diff --git a/services/history-v1/test/acceptance/pg-init/set-up-readOnly-user.sql b/services/history-v1/test/acceptance/pg-init/set-up-readOnly-user.sql
new file mode 100644
index 0000000..3a1abf3
--- /dev/null
+++ b/services/history-v1/test/acceptance/pg-init/set-up-readOnly-user.sql
@@ -0,0 +1,2 @@
+CREATE USER read_only PASSWORD 'password';
+ALTER DEFAULT PRIVILEGES FOR USER overleaf IN SCHEMA public GRANT SELECT ON TABLES TO read_only;
diff --git a/services/history-v1/test/setup.js b/services/history-v1/test/setup.js
new file mode 100644
index 0000000..6097417
--- /dev/null
+++ b/services/history-v1/test/setup.js
@@ -0,0 +1,67 @@
+const chai = require('chai')
+const chaiAsPromised = require('chai-as-promised')
+const config = require('config')
+const fetch = require('node-fetch')
+const { knex, mongodb, redis } = require('../storage')
+
+// ensure every ObjectId has the id string as a property for correct comparisons
+require('mongodb').ObjectId.cacheHexString = true
+
+chai.use(chaiAsPromised)
+chai.config.truncateThreshold = 0
+
+async function setupPostgresDatabase() {
+  this.timeout(60_000)
+  await knex.migrate.latest()
+}
+
+async function setupMongoDatabase() {
+  this.timeout(60_000)
+  await mongodb.db.collection('projectHistoryChunks').createIndexes([
+    {
+      key: { projectId: 1, startVersion: 1 },
+      name: 'projectId_1_startVersion_1',
+      partialFilterExpression: { state: { $in: ['active', 'closed'] } },
+      unique: true,
+    },
+    {
+      key: { state: 1 },
+      name: 'state_1',
+      partialFilterExpression: { state: 'deleted' },
+    },
+  ])
+}
+
+async function createGcsBuckets() {
+  this.timeout(60_000)
+  for (const bucket of [
+    config.get('blobStore.globalBucket'),
+    config.get('blobStore.projectBucket'),
+    config.get('chunkStore.bucket'),
+    config.get('zipStore.bucket'),
+    'fake-user-files-gcs',
+  ]) {
+    await fetch('http://gcs:9090/storage/v1/b', {
+      method: 'POST',
+      body: JSON.stringify({ name: bucket }),
+      headers: { 'Content-Type': 'application/json' },
+    })
+  }
+}
+
+// Tear down the connection pool after all the tests have run, so the process
+// can exit.
+async function tearDownConnectionPool() {
+  await knex.destroy()
+  await redis.disconnect()
+}
+
+module.exports = {
+  setupPostgresDatabase,
+  createGcsBuckets,
+  tearDownConnectionPool,
+  mochaHooks: {
+    beforeAll: [setupPostgresDatabase, setupMongoDatabase, createGcsBuckets],
+    afterAll: [tearDownConnectionPool],
+  },
+}
diff --git a/services/history-v1/tsconfig.json b/services/history-v1/tsconfig.json
new file mode 100644
index 0000000..0e20309
--- /dev/null
+++ b/services/history-v1/tsconfig.json
@@ -0,0 +1,18 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "api/**/*",
+    "app.js",
+    "app/js/**/*",
+    "backup-deletion-app.mjs",
+    "backup-verifier-app.mjs",
+    "backup-worker-app.mjs",
+    "benchmarks/**/*",
+    "config/**/*",
+    "migrations/**/*",
+    "scripts/**/*",
+    "storage/**/*",
+    "test/**/*",
+    "types"
+  ]
+}
diff --git a/services/notifications/.gitignore b/services/notifications/.gitignore
new file mode 100644
index 0000000..8a030e9
--- /dev/null
+++ b/services/notifications/.gitignore
@@ -0,0 +1,54 @@
+Compiled source #
+###################
+*.com
+*.class
+*.dll
+*.exe
+*.o
+*.so
+
+# Packages #
+############
+# it's better to unpack these files and commit the raw source
+# git has its own built in compression methods
+*.7z
+*.dmg
+*.gz
+*.iso
+*.jar
+*.rar
+*.tar
+*.zip
+
+# Logs and databases #
+######################
+*.log
+*.sql
+*.sqlite
+
+# OS generated files #
+######################
+.DS_Store?
+ehthumbs.db
+Icon?
+Thumbs.db
+
+node_modules/*
+data/*
+
+cookies.txt
+UserAndProjectPopulator.coffee
+
+public/stylesheets/style.css
+
+Gemfile.lock
+
+*.swp
+.DS_Store
+
+app/views/external
+
+/modules/
+
+# managed by dev-environment$ bin/update_build_scripts
+.npmrc
diff --git a/services/notifications/.mocharc.json b/services/notifications/.mocharc.json
new file mode 100644
index 0000000..dc3280a
--- /dev/null
+++ b/services/notifications/.mocharc.json
@@ -0,0 +1,3 @@
+{
+  "require": "test/setup.js"
+}
diff --git a/services/notifications/.nvmrc b/services/notifications/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/services/notifications/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/services/notifications/Dockerfile b/services/notifications/Dockerfile
new file mode 100644
index 0000000..16a5c44
--- /dev/null
+++ b/services/notifications/Dockerfile
@@ -0,0 +1,27 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+FROM node:20.18.2 AS base
+
+WORKDIR /overleaf/services/notifications
+
+# Google Cloud Storage needs a writable $HOME/.config for resumable uploads
+# (see https://googleapis.dev/nodejs/storage/latest/File.html#createWriteStream)
+RUN mkdir /home/node/.config && chown node:node /home/node/.config
+
+FROM base AS app
+
+COPY package.json package-lock.json /overleaf/
+COPY services/notifications/package.json /overleaf/services/notifications/
+COPY libraries/ /overleaf/libraries/
+COPY patches/ /overleaf/patches/
+
+RUN cd /overleaf && npm ci --quiet
+
+COPY services/notifications/ /overleaf/services/notifications/
+
+FROM app
+USER node
+
+CMD ["node", "--expose-gc", "app.js"]
diff --git a/services/notifications/LICENSE b/services/notifications/LICENSE
new file mode 100644
index 0000000..dba13ed
--- /dev/null
+++ b/services/notifications/LICENSE
@@ -0,0 +1,661 @@
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<http://www.gnu.org/licenses/>.
diff --git a/services/notifications/Makefile b/services/notifications/Makefile
new file mode 100644
index 0000000..8ca3f98
--- /dev/null
+++ b/services/notifications/Makefile
@@ -0,0 +1,156 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+BUILD_NUMBER ?= local
+BRANCH_NAME ?= $(shell git rev-parse --abbrev-ref HEAD)
+PROJECT_NAME = notifications
+BUILD_DIR_NAME = $(shell pwd | xargs basename | tr -cd '[a-zA-Z0-9_.\-]')
+
+DOCKER_COMPOSE_FLAGS ?= -f docker-compose.yml
+DOCKER_COMPOSE := BUILD_NUMBER=$(BUILD_NUMBER) \
+	BRANCH_NAME=$(BRANCH_NAME) \
+	PROJECT_NAME=$(PROJECT_NAME) \
+	MOCHA_GREP=${MOCHA_GREP} \
+	docker compose ${DOCKER_COMPOSE_FLAGS}
+
+COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE ?= test_acceptance_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_ACCEPTANCE = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE) $(DOCKER_COMPOSE)
+
+COMPOSE_PROJECT_NAME_TEST_UNIT ?= test_unit_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_UNIT = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_UNIT) $(DOCKER_COMPOSE)
+
+clean:
+	-docker rmi ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-docker rmi us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-$(DOCKER_COMPOSE_TEST_UNIT) down --rmi local
+	-$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down --rmi local
+
+HERE=$(shell pwd)
+MONOREPO=$(shell cd ../../ && pwd)
+# Run the linting commands in the scope of the monorepo.
+# Eslint and prettier (plus some configs) are on the root.
+RUN_LINTING = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(HERE) node:20.18.2 npm run --silent
+
+RUN_LINTING_CI = docker run --rm --volume $(MONOREPO)/.editorconfig:/overleaf/.editorconfig --volume $(MONOREPO)/.eslintignore:/overleaf/.eslintignore --volume $(MONOREPO)/.eslintrc:/overleaf/.eslintrc --volume $(MONOREPO)/.prettierignore:/overleaf/.prettierignore --volume $(MONOREPO)/.prettierrc:/overleaf/.prettierrc --volume $(MONOREPO)/tsconfig.backend.json:/overleaf/tsconfig.backend.json ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) npm run --silent
+
+# Same but from the top of the monorepo
+RUN_LINTING_MONOREPO = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(MONOREPO) node:20.18.2 npm run --silent
+
+SHELLCHECK_OPTS = \
+	--shell=bash \
+	--external-sources
+SHELLCHECK_COLOR := $(if $(CI),--color=never,--color)
+SHELLCHECK_FILES := { git ls-files "*.sh" -z; git grep -Plz "\A\#\!.*bash"; } | sort -zu
+
+shellcheck:
+	@$(SHELLCHECK_FILES) | xargs -0 -r docker run --rm -v $(HERE):/mnt -w /mnt \
+		koalaman/shellcheck:stable $(SHELLCHECK_OPTS) $(SHELLCHECK_COLOR)
+
+shellcheck_fix:
+	@$(SHELLCHECK_FILES) | while IFS= read -r -d '' file; do \
+		diff=$$(docker run --rm -v $(HERE):/mnt -w /mnt koalaman/shellcheck:stable $(SHELLCHECK_OPTS) --format=diff "$$file" 2>/dev/null); \
+		if [ -n "$$diff" ] && ! echo "$$diff" | patch -p1 >/dev/null 2>&1; then echo "\033[31m$$file\033[0m"; \
+		elif [ -n "$$diff" ]; then echo "$$file"; \
+		else echo "\033[2m$$file\033[0m"; fi \
+	done
+
+format:
+	$(RUN_LINTING) format
+
+format_ci:
+	$(RUN_LINTING_CI) format
+
+format_fix:
+	$(RUN_LINTING) format:fix
+
+lint:
+	$(RUN_LINTING) lint
+
+lint_ci:
+	$(RUN_LINTING_CI) lint
+
+lint_fix:
+	$(RUN_LINTING) lint:fix
+
+typecheck:
+	$(RUN_LINTING) types:check
+
+typecheck_ci:
+	$(RUN_LINTING_CI) types:check
+
+test: format lint typecheck shellcheck test_unit test_acceptance
+
+test_unit:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) run --rm test_unit
+	$(MAKE) test_unit_clean
+endif
+
+test_clean: test_unit_clean
+test_unit_clean:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) down -v -t 0
+endif
+
+test_acceptance: test_acceptance_clean test_acceptance_pre_run test_acceptance_run
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_debug: test_acceptance_clean test_acceptance_pre_run test_acceptance_run_debug
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_run:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance
+endif
+
+test_acceptance_run_debug:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run -p 127.0.0.9:19999:19999 --rm test_acceptance npm run test:acceptance -- --inspect=0.0.0.0:19999 --inspect-brk
+endif
+
+test_clean: test_acceptance_clean
+test_acceptance_clean:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down -v -t 0
+
+test_acceptance_pre_run:
+ifneq (,$(wildcard test/acceptance/js/scripts/pre-run))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance test/acceptance/js/scripts/pre-run
+endif
+
+benchmarks:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance npm run benchmarks
+
+build:
+	docker build \
+		--pull \
+		--build-arg BUILDKIT_INLINE_CACHE=1 \
+		--tag ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):main \
+		--file Dockerfile \
+		../..
+
+tar:
+	$(DOCKER_COMPOSE) up tar
+
+publish:
+
+	docker push $(DOCKER_REPO)/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+
+
+.PHONY: clean \
+	format format_fix \
+	lint lint_fix \
+	build_types typecheck \
+	lint_ci format_ci typecheck_ci \
+	shellcheck shellcheck_fix \
+	test test_clean test_unit test_unit_clean \
+	test_acceptance test_acceptance_debug test_acceptance_pre_run \
+	test_acceptance_run test_acceptance_run_debug test_acceptance_clean \
+	benchmarks \
+	build tar publish \
diff --git a/services/notifications/README.md b/services/notifications/README.md
new file mode 100644
index 0000000..da141ce
--- /dev/null
+++ b/services/notifications/README.md
@@ -0,0 +1,20 @@
+overleaf/notifications
+===============
+
+An API for managing user notifications in Overleaf
+
+
+database indexes
+================
+
+For notification expiry to work, a TTL index on `notifications.expires` must be created:
+
+```javascript
+db.notifications.createIndex({expires: 1}, {expireAfterSeconds: 10})
+```
+
+License
+=======
+The code in this repository is released under the GNU AFFERO GENERAL PUBLIC LICENSE, version 3.
+
+Copyright (c) Overleaf, 2016–2019.
diff --git a/services/notifications/app.js b/services/notifications/app.js
new file mode 100644
index 0000000..38292c7
--- /dev/null
+++ b/services/notifications/app.js
@@ -0,0 +1,65 @@
+// Metrics must be initialized before importing anything else
+require('@overleaf/metrics/initialize')
+
+const metrics = require('@overleaf/metrics')
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+logger.initialize('notifications')
+const express = require('express')
+const app = express()
+const methodOverride = require('method-override')
+const bodyParser = require('body-parser')
+const { mongoClient } = require('./app/js/mongodb')
+const controller = require('./app/js/NotificationsController')
+
+metrics.memory.monitor(logger)
+metrics.open_sockets.monitor()
+
+const HealthCheckController = require('./app/js/HealthCheckController')
+
+app.use(methodOverride())
+app.use(bodyParser())
+app.use(metrics.http.monitor(logger))
+
+metrics.injectMetricsRoute(app)
+
+app.post('/user/:user_id', controller.addNotification)
+app.get('/user/:user_id', controller.getUserNotifications)
+app.delete(
+  '/user/:user_id/notification/:notification_id',
+  controller.removeNotificationId
+)
+app.delete('/user/:user_id', controller.removeNotificationKey)
+app.delete('/key/:key', controller.removeNotificationByKeyOnly)
+app.get('/key/:key/count', controller.countNotificationsByKeyOnly)
+app.delete('/key/:key/bulk', controller.deleteUnreadNotificationsByKeyOnlyBulk)
+
+app.get('/status', (req, res) => res.send('notifications is up'))
+
+app.get('/health_check', (req, res) =>
+  HealthCheckController.check(function (err) {
+    if (err) {
+      logger.err({ err }, 'error performing health check')
+      res.sendStatus(500)
+    } else {
+      res.sendStatus(200)
+    }
+  })
+)
+
+app.get('*', (req, res) => res.sendStatus(404))
+
+const host = Settings.internal?.notifications?.host || '127.0.0.1'
+const port = Settings.internal?.notifications?.port || 3042
+
+mongoClient
+  .connect()
+  .then(() => {
+    app.listen(port, host, () =>
+      logger.debug(`notifications starting up, listening on ${host}:${port}`)
+    )
+  })
+  .catch(err => {
+    logger.fatal({ err }, 'Cannot connect to mongo. Exiting.')
+    process.exit(1)
+  })
diff --git a/services/notifications/app/js/HealthCheckController.js b/services/notifications/app/js/HealthCheckController.js
new file mode 100644
index 0000000..b08be32
--- /dev/null
+++ b/services/notifications/app/js/HealthCheckController.js
@@ -0,0 +1,112 @@
+/* eslint-disable
+    no-dupe-keys,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { db, ObjectId } = require('./mongodb')
+const request = require('request')
+const async = require('async')
+const settings = require('@overleaf/settings')
+const { port } = settings.internal.notifications
+const logger = require('@overleaf/logger')
+
+module.exports = {
+  check(callback) {
+    const userId = new ObjectId()
+    const cleanupNotifications = callback =>
+      db.notifications.deleteOne({ user_id: userId }, callback)
+
+    let notificationKey = `smoke-test-notification-${new ObjectId()}`
+    const getOpts = endPath => ({
+      url: `http://127.0.0.1:${port}/user/${userId}${endPath}`,
+      timeout: 5000,
+    })
+    logger.debug(
+      { userId, opts: getOpts(), key: notificationKey, userId },
+      'Health Check: running'
+    )
+    const jobs = [
+      function (cb) {
+        const opts = getOpts('/')
+        opts.json = {
+          key: notificationKey,
+          messageOpts: '',
+          templateKey: 'f4g5',
+          user_id: userId,
+        }
+        return request.post(opts, cb)
+      },
+      function (cb) {
+        const opts = getOpts('/')
+        opts.json = true
+        return request.get(opts, function (err, res, body) {
+          if (err != null) {
+            logger.err({ err }, 'Health Check: error getting notification')
+            return callback(err)
+          } else if (res.statusCode !== 200) {
+            const e = `status code not 200 ${res.statusCode}`
+            logger.err({ err }, e)
+            return cb(e)
+          }
+          const hasNotification = body.some(
+            notification =>
+              notification.key === notificationKey &&
+              notification.user_id === userId.toString()
+          )
+          if (hasNotification) {
+            return cb(null, body)
+          } else {
+            logger.err(
+              { body, notificationKey },
+              'Health Check: notification not in response'
+            )
+            return cb(new Error('notification not found in response'))
+          }
+        })
+      },
+    ]
+    return async.series(jobs, function (err, body) {
+      if (err != null) {
+        logger.err({ err }, 'Health Check: error running health check')
+        return cleanupNotifications(() => callback(err))
+      } else {
+        const notificationId = body[1][0]._id
+        notificationKey = body[1][0].key
+        let opts = getOpts(`/notification/${notificationId}`)
+        logger.debug(
+          { notificationId, notificationKey },
+          'Health Check: doing cleanup'
+        )
+        return request.del(opts, function (err, res, body) {
+          if (err != null) {
+            logger.err(
+              err,
+              opts,
+              'Health Check: error cleaning up notification'
+            )
+            return callback(err)
+          }
+          opts = getOpts('')
+          opts.json = { key: notificationKey }
+          return request.del(opts, function (err, res, body) {
+            if (err != null) {
+              logger.err(
+                err,
+                opts,
+                'Health Check: error cleaning up notification'
+              )
+              return callback(err)
+            }
+            return cleanupNotifications(callback)
+          })
+        })
+      }
+    })
+  },
+}
diff --git a/services/notifications/app/js/Notifications.js b/services/notifications/app/js/Notifications.js
new file mode 100644
index 0000000..9c4df59
--- /dev/null
+++ b/services/notifications/app/js/Notifications.js
@@ -0,0 +1,132 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const logger = require('@overleaf/logger')
+const { db, ObjectId } = require('./mongodb')
+
+module.exports = {
+  getUserNotifications(userId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    const query = {
+      user_id: new ObjectId(userId),
+      templateKey: { $exists: true },
+    }
+    db.notifications.find(query).toArray(callback)
+  },
+
+  _countExistingNotifications(userId, notification, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    const query = {
+      user_id: new ObjectId(userId),
+      key: notification.key,
+    }
+    return db.notifications.count(query, function (err, count) {
+      if (err != null) {
+        return callback(err)
+      }
+      return callback(null, count)
+    })
+  },
+
+  addNotification(userId, notification, callback) {
+    return this._countExistingNotifications(
+      userId,
+      notification,
+      function (err, count) {
+        if (err != null) {
+          return callback(err)
+        }
+        if (count !== 0 && !notification.forceCreate) {
+          return callback()
+        }
+        const doc = {
+          user_id: new ObjectId(userId),
+          key: notification.key,
+          messageOpts: notification.messageOpts,
+          templateKey: notification.templateKey,
+        }
+        // TTL index on the optional `expires` field, which should arrive as an iso date-string, corresponding to
+        // a datetime in the future when the document should be automatically removed.
+        // in Mongo, TTL indexes only work on date fields, and ignore the document when that field is missing
+        // see `README.md` for instruction on creating TTL index
+        if (notification.expires != null) {
+          try {
+            doc.expires = new Date(notification.expires)
+            const _testValue = doc.expires.toISOString()
+          } catch (error) {
+            err = error
+            logger.error(
+              { userId, expires: notification.expires },
+              'error converting `expires` field to Date'
+            )
+            return callback(err)
+          }
+        }
+        db.notifications.updateOne(
+          { user_id: doc.user_id, key: notification.key },
+          { $set: doc },
+          { upsert: true },
+          callback
+        )
+      }
+    )
+  },
+
+  removeNotificationId(userId, notificationId, callback) {
+    const searchOps = {
+      user_id: new ObjectId(userId),
+      _id: new ObjectId(notificationId),
+    }
+    const updateOperation = { $unset: { templateKey: true, messageOpts: true } }
+    db.notifications.updateOne(searchOps, updateOperation, callback)
+  },
+
+  removeNotificationKey(userId, notificationKey, callback) {
+    const searchOps = {
+      user_id: new ObjectId(userId),
+      key: notificationKey,
+    }
+    const updateOperation = { $unset: { templateKey: true } }
+    db.notifications.updateOne(searchOps, updateOperation, callback)
+  },
+
+  removeNotificationByKeyOnly(notificationKey, callback) {
+    const searchOps = { key: notificationKey }
+    const updateOperation = { $unset: { templateKey: true } }
+    db.notifications.updateOne(searchOps, updateOperation, callback)
+  },
+
+  countNotificationsByKeyOnly(notificationKey, callback) {
+    const searchOps = { key: notificationKey, templateKey: { $exists: true } }
+    db.notifications.count(searchOps, callback)
+  },
+
+  deleteUnreadNotificationsByKeyOnlyBulk(notificationKey, callback) {
+    if (typeof notificationKey !== 'string') {
+      throw new Error('refusing to bulk delete arbitrary notifications')
+    }
+    const searchOps = { key: notificationKey, templateKey: { $exists: true } }
+    db.notifications.deleteMany(searchOps, (err, result) => {
+      if (err) return callback(err)
+      callback(null, result.deletedCount)
+    })
+  },
+
+  // hard delete of doc, rather than removing the templateKey
+  deleteNotificationByKeyOnly(notificationKey, callback) {
+    const searchOps = { key: notificationKey }
+    db.notifications.deleteOne(searchOps, callback)
+  },
+}
diff --git a/services/notifications/app/js/NotificationsController.js b/services/notifications/app/js/NotificationsController.js
new file mode 100644
index 0000000..89b7fa9
--- /dev/null
+++ b/services/notifications/app/js/NotificationsController.js
@@ -0,0 +1,117 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const Notifications = require('./Notifications')
+const logger = require('@overleaf/logger')
+const metrics = require('@overleaf/metrics')
+
+module.exports = {
+  getUserNotifications(req, res, next) {
+    logger.debug(
+      { userId: req.params.user_id },
+      'getting user unread notifications'
+    )
+    metrics.inc('getUserNotifications')
+    return Notifications.getUserNotifications(
+      req.params.user_id,
+      (err, notifications) => {
+        if (err) return next(err)
+        res.json(notifications)
+      }
+    )
+  },
+
+  addNotification(req, res) {
+    logger.debug(
+      { userId: req.params.user_id, notification: req.body },
+      'adding notification'
+    )
+    metrics.inc('addNotification')
+    return Notifications.addNotification(
+      req.params.user_id,
+      req.body,
+      function (err, notifications) {
+        if (err != null) {
+          return res.sendStatus(500)
+        } else {
+          return res.sendStatus(200)
+        }
+      }
+    )
+  },
+
+  removeNotificationId(req, res, next) {
+    logger.debug(
+      {
+        userId: req.params.user_id,
+        notificationId: req.params.notification_id,
+      },
+      'mark id notification as read'
+    )
+    metrics.inc('removeNotificationId')
+    return Notifications.removeNotificationId(
+      req.params.user_id,
+      req.params.notification_id,
+      err => {
+        if (err) return next(err)
+        res.sendStatus(200)
+      }
+    )
+  },
+
+  removeNotificationKey(req, res, next) {
+    logger.debug(
+      { userId: req.params.user_id, notificationKey: req.body.key },
+      'mark key notification as read'
+    )
+    metrics.inc('removeNotificationKey')
+    return Notifications.removeNotificationKey(
+      req.params.user_id,
+      req.body.key,
+      (err, notifications) => {
+        if (err) return next(err)
+        res.sendStatus(200)
+      }
+    )
+  },
+
+  removeNotificationByKeyOnly(req, res, next) {
+    const notificationKey = req.params.key
+    logger.debug({ notificationKey }, 'mark notification as read by key only')
+    metrics.inc('removeNotificationKey')
+    return Notifications.removeNotificationByKeyOnly(notificationKey, err => {
+      if (err) return next(err)
+      res.sendStatus(200)
+    })
+  },
+
+  countNotificationsByKeyOnly(req, res) {
+    const notificationKey = req.params.key
+    Notifications.countNotificationsByKeyOnly(notificationKey, (err, count) => {
+      if (err) {
+        logger.err({ err, notificationKey }, 'cannot count by key')
+        return res.sendStatus(500)
+      }
+      res.json({ count })
+    })
+  },
+
+  deleteUnreadNotificationsByKeyOnlyBulk(req, res) {
+    const notificationKey = req.params.key
+    Notifications.deleteUnreadNotificationsByKeyOnlyBulk(
+      notificationKey,
+      (err, count) => {
+        if (err) {
+          logger.err({ err, notificationKey }, 'cannot bulk remove by key')
+          return res.sendStatus(500)
+        }
+        res.json({ count })
+      }
+    )
+  },
+}
diff --git a/services/notifications/app/js/mongodb.js b/services/notifications/app/js/mongodb.js
new file mode 100644
index 0000000..764998f
--- /dev/null
+++ b/services/notifications/app/js/mongodb.js
@@ -0,0 +1,18 @@
+const Metrics = require('@overleaf/metrics')
+const Settings = require('@overleaf/settings')
+const { MongoClient, ObjectId } = require('mongodb-legacy')
+
+const mongoClient = new MongoClient(Settings.mongo.url, Settings.mongo.options)
+const mongoDb = mongoClient.db()
+
+const db = {
+  notifications: mongoDb.collection('notifications'),
+}
+
+Metrics.mongodb.monitor(mongoClient)
+
+module.exports = {
+  db,
+  mongoClient,
+  ObjectId,
+}
diff --git a/services/notifications/buildscript.txt b/services/notifications/buildscript.txt
new file mode 100644
index 0000000..c52e316
--- /dev/null
+++ b/services/notifications/buildscript.txt
@@ -0,0 +1,9 @@
+notifications
+--dependencies=mongo
+--docker-repos=us-east1-docker.pkg.dev/overleaf-ops/ol-docker
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--node-version=20.18.2
+--public-repo=True
+--script-version=4.7.0
diff --git a/services/notifications/config/settings.defaults.js b/services/notifications/config/settings.defaults.js
new file mode 100644
index 0000000..3453b88
--- /dev/null
+++ b/services/notifications/config/settings.defaults.js
@@ -0,0 +1,17 @@
+module.exports = {
+  internal: {
+    notifications: {
+      port: 3042,
+      host: process.env.LISTEN_ADDRESS || '127.0.0.1',
+    },
+  },
+
+  mongo: {
+    url:
+      process.env.MONGO_CONNECTION_STRING ||
+      `mongodb://${process.env.MONGO_HOST || '127.0.0.1'}/sharelatex`,
+    options: {
+      monitorCommands: true,
+    },
+  },
+}
diff --git a/services/notifications/docker-compose.ci.yml b/services/notifications/docker-compose.ci.yml
new file mode 100644
index 0000000..51eb64d
--- /dev/null
+++ b/services/notifications/docker-compose.ci.yml
@@ -0,0 +1,52 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    user: node
+    command: npm run test:unit:_run
+    environment:
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+
+
+  test_acceptance:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      MOCHA_GREP: ${MOCHA_GREP}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    depends_on:
+      mongo:
+        condition: service_started
+    user: node
+    command: npm run test:acceptance
+
+
+  tar:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    volumes:
+      - ./:/tmp/build/
+    command: tar -czf /tmp/build/build.tar.gz --exclude=build.tar.gz --exclude-vcs .
+    user: root
+  mongo:
+    image: mongo:6.0.13
+    command: --replSet overleaf
+    volumes:
+      - ../../bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+    environment:
+      MONGO_INITDB_DATABASE: sharelatex
+    extra_hosts:
+      # Required when using the automatic database setup for initializing the
+      # replica set. This override is not needed when running the setup after
+      # starting up mongo.
+      - mongo:127.0.0.1
diff --git a/services/notifications/docker-compose.yml b/services/notifications/docker-compose.yml
new file mode 100644
index 0000000..c0902fe
--- /dev/null
+++ b/services/notifications/docker-compose.yml
@@ -0,0 +1,56 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    image: node:20.18.2
+    volumes:
+      - .:/overleaf/services/notifications
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/notifications
+    environment:
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    command: npm run --silent test:unit
+    user: node
+
+  test_acceptance:
+    image: node:20.18.2
+    volumes:
+      - .:/overleaf/services/notifications
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/notifications
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    user: node
+    depends_on:
+      mongo:
+        condition: service_started
+    command: npm run --silent test:acceptance
+
+  mongo:
+    image: mongo:6.0.13
+    command: --replSet overleaf
+    volumes:
+      - ../../bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+    environment:
+      MONGO_INITDB_DATABASE: sharelatex
+    extra_hosts:
+      # Required when using the automatic database setup for initializing the
+      # replica set. This override is not needed when running the setup after
+      # starting up mongo.
+      - mongo:127.0.0.1
+
diff --git a/services/notifications/package.json b/services/notifications/package.json
new file mode 100644
index 0000000..a591e89
--- /dev/null
+++ b/services/notifications/package.json
@@ -0,0 +1,41 @@
+{
+  "name": "@overleaf/notifications",
+  "description": "An API to handle user notifications",
+  "private": true,
+  "main": "app.js",
+  "scripts": {
+    "start": "node app.js",
+    "test:acceptance:_run": "mocha --recursive --reporter spec --timeout 15000 --exit $@ test/acceptance/js",
+    "test:acceptance": "npm run test:acceptance:_run -- --grep=$MOCHA_GREP",
+    "test:unit:_run": "mocha --recursive --reporter spec $@ test/unit/js",
+    "test:unit": "npm run test:unit:_run -- --grep=$MOCHA_GREP",
+    "nodemon": "node --watch app.js",
+    "lint": "eslint --max-warnings 0 --format unix .",
+    "format": "prettier --list-different $PWD/'**/*.*js'",
+    "format:fix": "prettier --write $PWD/'**/*.*js'",
+    "lint:fix": "eslint --fix .",
+    "types:check": "tsc --noEmit"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@overleaf/logger": "*",
+    "@overleaf/metrics": "*",
+    "@overleaf/settings": "*",
+    "async": "^3.2.5",
+    "body-parser": "^1.20.3",
+    "bunyan": "^1.8.15",
+    "express": "^4.21.2",
+    "method-override": "^3.0.0",
+    "mongodb-legacy": "6.1.3",
+    "request": "^2.88.2"
+  },
+  "devDependencies": {
+    "chai": "^4.3.6",
+    "chai-as-promised": "^7.1.1",
+    "mocha": "^11.1.0",
+    "sandboxed-module": "^2.0.4",
+    "sinon": "^9.2.4",
+    "typescript": "^5.0.4"
+  }
+}
diff --git a/services/notifications/test/setup.js b/services/notifications/test/setup.js
new file mode 100644
index 0000000..0560fc5
--- /dev/null
+++ b/services/notifications/test/setup.js
@@ -0,0 +1,30 @@
+const chai = require('chai')
+const SandboxedModule = require('sandboxed-module')
+
+// Chai configuration
+chai.should()
+
+// ensure every ObjectId has the id string as a property for correct comparisons
+require('mongodb-legacy').ObjectId.cacheHexString = true
+
+// SandboxedModule configuration
+SandboxedModule.configure({
+  requires: {
+    '@overleaf/logger': {
+      debug() {},
+      log() {},
+      info() {},
+      warn() {},
+      err() {},
+      error() {},
+      fatal() {},
+    },
+    'mongodb-legacy': require('mongodb-legacy'), // for ObjectId comparisons
+  },
+  globals: { Buffer, JSON, console, process },
+  sourceTransformers: {
+    removeNodePrefix: function (source) {
+      return source.replace(/require\(['"]node:/g, "require('")
+    },
+  },
+})
diff --git a/services/notifications/test/unit/js/NotificationsControllerTest.js b/services/notifications/test/unit/js/NotificationsControllerTest.js
new file mode 100644
index 0000000..4c0626d
--- /dev/null
+++ b/services/notifications/test/unit/js/NotificationsControllerTest.js
@@ -0,0 +1,149 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const modulePath = '../../../app/js/NotificationsController.js'
+const SandboxedModule = require('sandboxed-module')
+const assert = require('node:assert')
+
+const userId = '51dc93e6fb625a261300003b'
+const notificationId = 'fb625a26f09d'
+const notificationKey = 'my-notification-key'
+
+describe('Notifications Controller', function () {
+  beforeEach(function () {
+    const self = this
+    this.notifications = {}
+    this.controller = SandboxedModule.require(modulePath, {
+      requires: {
+        './Notifications': this.notifications,
+        '@overleaf/metrics': {
+          inc: sinon.stub(),
+        },
+      },
+    })
+
+    return (this.stubbedNotification = [
+      {
+        key: notificationKey,
+        messageOpts: 'some info',
+        templateKey: 'template-key',
+      },
+    ])
+  })
+
+  describe('getUserNotifications', function () {
+    return it('should ask the notifications for the users notifications', function (done) {
+      this.notifications.getUserNotifications = sinon
+        .stub()
+        .callsArgWith(1, null, this.stubbedNotification)
+      const req = {
+        params: {
+          user_id: userId,
+        },
+      }
+      return this.controller.getUserNotifications(req, {
+        json: result => {
+          result.should.equal(this.stubbedNotification)
+          this.notifications.getUserNotifications
+            .calledWith(userId)
+            .should.equal(true)
+          return done()
+        },
+      })
+    })
+  })
+
+  describe('addNotification', function () {
+    return it('should tell the notifications to add the notification for the user', function (done) {
+      this.notifications.addNotification = sinon.stub().callsArgWith(2)
+      const req = {
+        params: {
+          user_id: userId,
+        },
+        body: this.stubbedNotification,
+      }
+      return this.controller.addNotification(req, {
+        sendStatus: code => {
+          this.notifications.addNotification
+            .calledWith(userId, this.stubbedNotification)
+            .should.equal(true)
+          code.should.equal(200)
+          return done()
+        },
+      })
+    })
+  })
+
+  describe('removeNotificationId', function () {
+    return it('should tell the notifications to mark the notification Id as read', function (done) {
+      this.notifications.removeNotificationId = sinon.stub().callsArgWith(2)
+      const req = {
+        params: {
+          user_id: userId,
+          notification_id: notificationId,
+        },
+      }
+      return this.controller.removeNotificationId(req, {
+        sendStatus: code => {
+          this.notifications.removeNotificationId
+            .calledWith(userId, notificationId)
+            .should.equal(true)
+          code.should.equal(200)
+          return done()
+        },
+      })
+    })
+  })
+
+  describe('removeNotificationKey', function () {
+    return it('should tell the notifications to mark the notification Key as read', function (done) {
+      this.notifications.removeNotificationKey = sinon.stub().callsArgWith(2)
+      const req = {
+        params: {
+          user_id: userId,
+        },
+        body: { key: notificationKey },
+      }
+      return this.controller.removeNotificationKey(req, {
+        sendStatus: code => {
+          this.notifications.removeNotificationKey
+            .calledWith(userId, notificationKey)
+            .should.equal(true)
+          code.should.equal(200)
+          return done()
+        },
+      })
+    })
+  })
+
+  return describe('removeNotificationByKeyOnly', function () {
+    return it('should tell the notifications to mark the notification Key as read', function (done) {
+      this.notifications.removeNotificationByKeyOnly = sinon
+        .stub()
+        .callsArgWith(1)
+      const req = {
+        params: {
+          key: notificationKey,
+        },
+      }
+      return this.controller.removeNotificationByKeyOnly(req, {
+        sendStatus: code => {
+          this.notifications.removeNotificationByKeyOnly
+            .calledWith(notificationKey)
+            .should.equal(true)
+          code.should.equal(200)
+          return done()
+        },
+      })
+    })
+  })
+})
diff --git a/services/notifications/test/unit/js/NotificationsTests.js b/services/notifications/test/unit/js/NotificationsTests.js
new file mode 100644
index 0000000..fb485bb
--- /dev/null
+++ b/services/notifications/test/unit/js/NotificationsTests.js
@@ -0,0 +1,302 @@
+/* eslint-disable
+    no-dupe-keys,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../app/js/Notifications.js'
+const SandboxedModule = require('sandboxed-module')
+const assert = require('node:assert')
+const { ObjectId } = require('mongodb-legacy')
+
+const userId = '51dc93e6fb625a261300003b'
+const notificationId = '574ee8d6f40c3a244e704249'
+const notificationKey = 'notification-key'
+
+describe('Notifications Tests', function () {
+  beforeEach(function () {
+    this.findToArrayStub = sinon.stub()
+    this.findStub = sinon.stub().returns({ toArray: this.findToArrayStub })
+    this.countStub = sinon.stub()
+    this.updateOneStub = sinon.stub()
+    this.deleteOneStub = sinon.stub()
+    this.db = {
+      notifications: {
+        find: this.findStub,
+        count: this.countStub,
+        updateOne: this.updateOneStub,
+        deleteOne: this.deleteOneStub,
+      },
+    }
+
+    this.notifications = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': {},
+        './mongodb': { db: this.db, ObjectId },
+      },
+    })
+
+    this.stubbedNotification = {
+      user_id: new ObjectId(userId),
+      key: 'notification-key',
+      messageOpts: 'some info',
+      templateKey: 'template-key',
+    }
+    return (this.stubbedNotificationArray = [this.stubbedNotification])
+  })
+
+  describe('getUserNotifications', function () {
+    return it('should find all notifications and return i', function (done) {
+      this.findToArrayStub.callsArgWith(0, null, this.stubbedNotificationArray)
+      return this.notifications.getUserNotifications(
+        userId,
+        (err, notifications) => {
+          if (err) return done(err)
+          notifications.should.equal(this.stubbedNotificationArray)
+          assert.deepEqual(this.findStub.args[0][0], {
+            user_id: new ObjectId(userId),
+            templateKey: { $exists: true },
+          })
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('addNotification', function () {
+    beforeEach(function () {
+      this.stubbedNotification = {
+        user_id: new ObjectId(userId),
+        key: 'notification-key',
+        messageOpts: 'some info',
+        templateKey: 'template-key',
+      }
+      this.expectedDocument = {
+        user_id: this.stubbedNotification.user_id,
+        key: 'notification-key',
+        messageOpts: 'some info',
+        templateKey: 'template-key',
+      }
+      this.expectedQuery = {
+        user_id: this.stubbedNotification.user_id,
+        key: 'notification-key',
+      }
+      this.updateOneStub.yields()
+      return this.countStub.yields(null, 0)
+    })
+
+    it('should insert the notification into the collection', function (done) {
+      return this.notifications.addNotification(
+        userId,
+        this.stubbedNotification,
+        err => {
+          expect(err).not.to.exist
+          sinon.assert.calledWith(
+            this.updateOneStub,
+            this.expectedQuery,
+            { $set: this.expectedDocument },
+            { upsert: true }
+          )
+          return done()
+        }
+      )
+    })
+
+    describe('when there is an existing notification', function (done) {
+      beforeEach(function () {
+        return this.countStub.yields(null, 1)
+      })
+
+      it('should fail to insert', function (done) {
+        return this.notifications.addNotification(
+          userId,
+          this.stubbedNotification,
+          err => {
+            expect(err).not.to.exist
+            sinon.assert.notCalled(this.updateOneStub)
+            return done()
+          }
+        )
+      })
+
+      return it('should update the key if forceCreate is true', function (done) {
+        this.stubbedNotification.forceCreate = true
+        return this.notifications.addNotification(
+          userId,
+          this.stubbedNotification,
+          err => {
+            expect(err).not.to.exist
+            sinon.assert.calledWith(
+              this.updateOneStub,
+              this.expectedQuery,
+              { $set: this.expectedDocument },
+              { upsert: true }
+            )
+            return done()
+          }
+        )
+      })
+    })
+
+    describe('when the notification is set to expire', function () {
+      beforeEach(function () {
+        this.stubbedNotification = {
+          user_id: new ObjectId(userId),
+          key: 'notification-key',
+          messageOpts: 'some info',
+          templateKey: 'template-key',
+          expires: '2922-02-13T09:32:56.289Z',
+        }
+        this.expectedDocument = {
+          user_id: this.stubbedNotification.user_id,
+          key: 'notification-key',
+          messageOpts: 'some info',
+          templateKey: 'template-key',
+          expires: new Date(this.stubbedNotification.expires),
+        }
+        return (this.expectedQuery = {
+          user_id: this.stubbedNotification.user_id,
+          key: 'notification-key',
+        })
+      })
+
+      return it('should add an `expires` Date field to the document', function (done) {
+        return this.notifications.addNotification(
+          userId,
+          this.stubbedNotification,
+          err => {
+            expect(err).not.to.exist
+            sinon.assert.calledWith(
+              this.updateOneStub,
+              this.expectedQuery,
+              { $set: this.expectedDocument },
+              { upsert: true }
+            )
+            return done()
+          }
+        )
+      })
+    })
+
+    return describe('when the notification has a nonsensical expires field', function () {
+      beforeEach(function () {
+        this.stubbedNotification = {
+          user_id: new ObjectId(userId),
+          key: 'notification-key',
+          messageOpts: 'some info',
+          templateKey: 'template-key',
+          expires: 'WAT',
+        }
+        return (this.expectedDocument = {
+          user_id: this.stubbedNotification.user_id,
+          key: 'notification-key',
+          messageOpts: 'some info',
+          templateKey: 'template-key',
+          expires: new Date(this.stubbedNotification.expires),
+        })
+      })
+
+      return it('should produce an error', function (done) {
+        return this.notifications.addNotification(
+          userId,
+          this.stubbedNotification,
+          err => {
+            ;(err instanceof Error).should.equal(true)
+            sinon.assert.notCalled(this.updateOneStub)
+            return done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('removeNotificationId', function () {
+    return it('should mark the notification id as read', function (done) {
+      this.updateOneStub.callsArgWith(2, null)
+
+      return this.notifications.removeNotificationId(
+        userId,
+        notificationId,
+        err => {
+          if (err) return done(err)
+          const searchOps = {
+            user_id: new ObjectId(userId),
+            _id: new ObjectId(notificationId),
+          }
+          const updateOperation = {
+            $unset: { templateKey: true, messageOpts: true },
+          }
+          assert.deepEqual(this.updateOneStub.args[0][0], searchOps)
+          assert.deepEqual(this.updateOneStub.args[0][1], updateOperation)
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('removeNotificationKey', function () {
+    return it('should mark the notification key as read', function (done) {
+      this.updateOneStub.callsArgWith(2, null)
+
+      return this.notifications.removeNotificationKey(
+        userId,
+        notificationKey,
+        err => {
+          if (err) return done(err)
+          const searchOps = {
+            user_id: new ObjectId(userId),
+            key: notificationKey,
+          }
+          const updateOperation = {
+            $unset: { templateKey: true },
+          }
+          assert.deepEqual(this.updateOneStub.args[0][0], searchOps)
+          assert.deepEqual(this.updateOneStub.args[0][1], updateOperation)
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('removeNotificationByKeyOnly', function () {
+    return it('should mark the notification key as read', function (done) {
+      this.updateOneStub.callsArgWith(2, null)
+
+      return this.notifications.removeNotificationByKeyOnly(
+        notificationKey,
+        err => {
+          if (err) return done(err)
+          const searchOps = { key: notificationKey }
+          const updateOperation = { $unset: { templateKey: true } }
+          assert.deepEqual(this.updateOneStub.args[0][0], searchOps)
+          assert.deepEqual(this.updateOneStub.args[0][1], updateOperation)
+          return done()
+        }
+      )
+    })
+  })
+
+  return describe('deleteNotificationByKeyOnly', function () {
+    return it('should completely remove the notification', function (done) {
+      this.deleteOneStub.callsArgWith(1, null)
+
+      return this.notifications.deleteNotificationByKeyOnly(
+        notificationKey,
+        err => {
+          if (err) return done(err)
+          const searchOps = { key: notificationKey }
+          assert.deepEqual(this.deleteOneStub.args[0][0], searchOps)
+          return done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/notifications/tsconfig.json b/services/notifications/tsconfig.json
new file mode 100644
index 0000000..d3fdd30
--- /dev/null
+++ b/services/notifications/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "app.js",
+    "app/js/**/*",
+    "benchmarks/**/*",
+    "config/**/*",
+    "scripts/**/*",
+    "test/**/*",
+    "types"
+  ]
+}
diff --git a/services/project-history/.eslintignore b/services/project-history/.eslintignore
new file mode 100644
index 0000000..8ac8c2d
--- /dev/null
+++ b/services/project-history/.eslintignore
@@ -0,0 +1 @@
+app/lib/*.js
diff --git a/services/project-history/.gitignore b/services/project-history/.gitignore
new file mode 100644
index 0000000..25328fe
--- /dev/null
+++ b/services/project-history/.gitignore
@@ -0,0 +1,8 @@
+**.swp
+node_modules/
+forever/
+.config
+.npm
+
+# managed by dev-environment$ bin/update_build_scripts
+.npmrc
diff --git a/services/project-history/.mocharc.json b/services/project-history/.mocharc.json
new file mode 100644
index 0000000..dc3280a
--- /dev/null
+++ b/services/project-history/.mocharc.json
@@ -0,0 +1,3 @@
+{
+  "require": "test/setup.js"
+}
diff --git a/services/project-history/.nvmrc b/services/project-history/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/services/project-history/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/services/project-history/Dockerfile b/services/project-history/Dockerfile
new file mode 100644
index 0000000..1bf4e56
--- /dev/null
+++ b/services/project-history/Dockerfile
@@ -0,0 +1,27 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+FROM node:20.18.2 AS base
+
+WORKDIR /overleaf/services/project-history
+
+# Google Cloud Storage needs a writable $HOME/.config for resumable uploads
+# (see https://googleapis.dev/nodejs/storage/latest/File.html#createWriteStream)
+RUN mkdir /home/node/.config && chown node:node /home/node/.config
+
+FROM base AS app
+
+COPY package.json package-lock.json /overleaf/
+COPY services/project-history/package.json /overleaf/services/project-history/
+COPY libraries/ /overleaf/libraries/
+COPY patches/ /overleaf/patches/
+
+RUN cd /overleaf && npm ci --quiet
+
+COPY services/project-history/ /overleaf/services/project-history/
+
+FROM app
+USER node
+
+CMD ["node", "--expose-gc", "app.js"]
diff --git a/services/project-history/Makefile b/services/project-history/Makefile
new file mode 100644
index 0000000..5cde05e
--- /dev/null
+++ b/services/project-history/Makefile
@@ -0,0 +1,156 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+BUILD_NUMBER ?= local
+BRANCH_NAME ?= $(shell git rev-parse --abbrev-ref HEAD)
+PROJECT_NAME = project-history
+BUILD_DIR_NAME = $(shell pwd | xargs basename | tr -cd '[a-zA-Z0-9_.\-]')
+
+DOCKER_COMPOSE_FLAGS ?= -f docker-compose.yml
+DOCKER_COMPOSE := BUILD_NUMBER=$(BUILD_NUMBER) \
+	BRANCH_NAME=$(BRANCH_NAME) \
+	PROJECT_NAME=$(PROJECT_NAME) \
+	MOCHA_GREP=${MOCHA_GREP} \
+	docker compose ${DOCKER_COMPOSE_FLAGS}
+
+COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE ?= test_acceptance_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_ACCEPTANCE = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE) $(DOCKER_COMPOSE)
+
+COMPOSE_PROJECT_NAME_TEST_UNIT ?= test_unit_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_UNIT = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_UNIT) $(DOCKER_COMPOSE)
+
+clean:
+	-docker rmi ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-docker rmi us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-$(DOCKER_COMPOSE_TEST_UNIT) down --rmi local
+	-$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down --rmi local
+
+HERE=$(shell pwd)
+MONOREPO=$(shell cd ../../ && pwd)
+# Run the linting commands in the scope of the monorepo.
+# Eslint and prettier (plus some configs) are on the root.
+RUN_LINTING = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(HERE) node:20.18.2 npm run --silent
+
+RUN_LINTING_CI = docker run --rm --volume $(MONOREPO)/.editorconfig:/overleaf/.editorconfig --volume $(MONOREPO)/.eslintignore:/overleaf/.eslintignore --volume $(MONOREPO)/.eslintrc:/overleaf/.eslintrc --volume $(MONOREPO)/.prettierignore:/overleaf/.prettierignore --volume $(MONOREPO)/.prettierrc:/overleaf/.prettierrc --volume $(MONOREPO)/tsconfig.backend.json:/overleaf/tsconfig.backend.json --volume $(MONOREPO)/services/document-updater/app/js/types.ts:/overleaf/services/document-updater/app/js/types.ts ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) npm run --silent
+
+# Same but from the top of the monorepo
+RUN_LINTING_MONOREPO = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(MONOREPO) node:20.18.2 npm run --silent
+
+SHELLCHECK_OPTS = \
+	--shell=bash \
+	--external-sources
+SHELLCHECK_COLOR := $(if $(CI),--color=never,--color)
+SHELLCHECK_FILES := { git ls-files "*.sh" -z; git grep -Plz "\A\#\!.*bash"; } | sort -zu
+
+shellcheck:
+	@$(SHELLCHECK_FILES) | xargs -0 -r docker run --rm -v $(HERE):/mnt -w /mnt \
+		koalaman/shellcheck:stable $(SHELLCHECK_OPTS) $(SHELLCHECK_COLOR)
+
+shellcheck_fix:
+	@$(SHELLCHECK_FILES) | while IFS= read -r -d '' file; do \
+		diff=$$(docker run --rm -v $(HERE):/mnt -w /mnt koalaman/shellcheck:stable $(SHELLCHECK_OPTS) --format=diff "$$file" 2>/dev/null); \
+		if [ -n "$$diff" ] && ! echo "$$diff" | patch -p1 >/dev/null 2>&1; then echo "\033[31m$$file\033[0m"; \
+		elif [ -n "$$diff" ]; then echo "$$file"; \
+		else echo "\033[2m$$file\033[0m"; fi \
+	done
+
+format:
+	$(RUN_LINTING) format
+
+format_ci:
+	$(RUN_LINTING_CI) format
+
+format_fix:
+	$(RUN_LINTING) format:fix
+
+lint:
+	$(RUN_LINTING) lint
+
+lint_ci:
+	$(RUN_LINTING_CI) lint
+
+lint_fix:
+	$(RUN_LINTING) lint:fix
+
+typecheck:
+	$(RUN_LINTING) types:check
+
+typecheck_ci:
+	$(RUN_LINTING_CI) types:check
+
+test: format lint typecheck shellcheck test_unit test_acceptance
+
+test_unit:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) run --rm test_unit
+	$(MAKE) test_unit_clean
+endif
+
+test_clean: test_unit_clean
+test_unit_clean:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) down -v -t 0
+endif
+
+test_acceptance: test_acceptance_clean test_acceptance_pre_run test_acceptance_run
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_debug: test_acceptance_clean test_acceptance_pre_run test_acceptance_run_debug
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_run:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance
+endif
+
+test_acceptance_run_debug:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run -p 127.0.0.9:19999:19999 --rm test_acceptance npm run test:acceptance -- --inspect=0.0.0.0:19999 --inspect-brk
+endif
+
+test_clean: test_acceptance_clean
+test_acceptance_clean:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down -v -t 0
+
+test_acceptance_pre_run:
+ifneq (,$(wildcard test/acceptance/js/scripts/pre-run))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance test/acceptance/js/scripts/pre-run
+endif
+
+benchmarks:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance npm run benchmarks
+
+build:
+	docker build \
+		--pull \
+		--build-arg BUILDKIT_INLINE_CACHE=1 \
+		--tag ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):main \
+		--file Dockerfile \
+		../..
+
+tar:
+	$(DOCKER_COMPOSE) up tar
+
+publish:
+
+	docker push $(DOCKER_REPO)/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+
+
+.PHONY: clean \
+	format format_fix \
+	lint lint_fix \
+	build_types typecheck \
+	lint_ci format_ci typecheck_ci \
+	shellcheck shellcheck_fix \
+	test test_clean test_unit test_unit_clean \
+	test_acceptance test_acceptance_debug test_acceptance_pre_run \
+	test_acceptance_run test_acceptance_run_debug test_acceptance_clean \
+	benchmarks \
+	build tar publish \
diff --git a/services/project-history/README.md b/services/project-history/README.md
new file mode 100644
index 0000000..9d51192
--- /dev/null
+++ b/services/project-history/README.md
@@ -0,0 +1,71 @@
+@overleaf/project-history
+==========================
+
+An API for converting raw editor updates into a compressed and browseable history.
+
+Running project-history
+-----------------------
+
+The app runs natively using npm and Node on the local system:
+
+```
+npm install
+npm run start
+```
+
+Unit Tests
+----------
+
+The test suites run in Docker.
+
+Unit tests can be run in the `test_unit` container defined in `docker-compose.tests.yml`.
+
+The makefile contains a short cut to run these:
+
+```
+make install # Only needs running once, or when npm packages are updated
+make test_unit
+```
+
+During development it is often useful to only run a subset of tests, which can be configured with arguments to the mocha CLI:
+
+```
+make test_unit MOCHA_ARGS='--grep=AuthorizationManager'
+```
+
+Acceptance Tests
+----------------
+
+Acceptance tests are run against a live service, which runs in the `acceptance_test` container defined in `docker-compose.tests.yml`.
+
+To run the tests out-of-the-box, the makefile defines:
+
+```
+make install # Only needs running once, or when npm packages are updated
+make test_acceptance
+```
+
+However, during development it is often useful to leave the service running for rapid iteration on the acceptance tests. This can be done with:
+
+```
+make test_acceptance_start_service
+make test_acceptance_run # Run as many times as needed during development
+make test_acceptance_stop_service
+```
+
+`make test_acceptance` just runs these three commands in sequence.
+
+During development it is often useful to only run a subset of tests, which can be configured with arguments to the mocha CLI:
+
+```
+make test_acceptance_run MOCHA_ARGS='--grep=AuthorizationManager'
+```
+
+Makefile and npm scripts
+------------------------
+
+The commands used to compile the app and tests, to run the mocha tests, and to run the app are all in `package.json`. These commands call out to `coffee`, `mocha`, etc which are available to `npm` in the local `node_modules/.bin` directory, using the local versions. Normally, these commands should not be run directly, but instead run in docker via make.
+
+The makefile contains a collection of shortcuts for running the npm scripts inside the appropriate docker containers, using the `docker-compose` files in the project.
+
+Copyright (c) Overleaf, 2017-2021.
diff --git a/services/project-history/app.js b/services/project-history/app.js
new file mode 100644
index 0000000..a72af4f
--- /dev/null
+++ b/services/project-history/app.js
@@ -0,0 +1,28 @@
+// Metrics must be initialized before importing anything else
+import '@overleaf/metrics/initialize.js'
+
+import Settings from '@overleaf/settings'
+import logger from '@overleaf/logger'
+import OError from '@overleaf/o-error'
+import { mongoClient } from './app/js/mongodb.js'
+import { app } from './app/js/server.js'
+
+const host = Settings.internal.history.host
+const port = Settings.internal.history.port
+
+mongoClient
+  .connect()
+  .then(() => {
+    app.listen(port, host, error => {
+      if (error) {
+        error = OError.tag(error, 'could not start history server')
+        logger.error({ error }, error.message)
+      } else {
+        logger.debug({}, `history starting up, listening on ${host}:${port}`)
+      }
+    })
+  })
+  .catch(err => {
+    logger.fatal({ err }, 'Cannot connect to mongo. Exiting.')
+    process.exit(1)
+  })
diff --git a/services/project-history/app/js/BlobManager.js b/services/project-history/app/js/BlobManager.js
new file mode 100644
index 0000000..8f62204
--- /dev/null
+++ b/services/project-history/app/js/BlobManager.js
@@ -0,0 +1,129 @@
+import _ from 'lodash'
+import async from 'async'
+import logger from '@overleaf/logger'
+import OError from '@overleaf/o-error'
+import * as HistoryStoreManager from './HistoryStoreManager.js'
+import * as UpdateTranslator from './UpdateTranslator.js'
+
+// avoid creating too many blobs at the same time
+const MAX_CONCURRENT_REQUESTS = 4
+// number of retry attempts for blob creation
+const RETRY_ATTEMPTS = 3
+// delay between retries
+const RETRY_INTERVAL = 100
+
+export function createBlobsForUpdates(
+  projectId,
+  historyId,
+  updates,
+  extendLock,
+  callback
+) {
+  // async.mapLimit runs jobs in parallel and returns on the first error. It
+  // doesn't wait for concurrent jobs to finish. We want to make sure all jobs
+  // are wrapped within our lock so we collect the first error enountered here
+  // and wait for all jobs to finish before returning the error.
+  let firstBlobCreationError = null
+
+  function createBlobForUpdate(update, cb) {
+    // For file additions we need to first create a blob in the history-store
+    // with the contents of the file. Then we can create a change containing a
+    // file addition operation which references the blob.
+    //
+    // To do this we decorate file creation updates with a blobHash
+    if (!UpdateTranslator.isAddUpdate(update)) {
+      return async.setImmediate(() => cb(null, { update }))
+    }
+
+    let attempts = 0
+    // Since we may be creating O(1000) blobs in an update, allow for the
+    // occasional failure to prevent the whole update failing.
+    let lastErr
+    async.retry(
+      {
+        times: RETRY_ATTEMPTS,
+        interval: RETRY_INTERVAL,
+      },
+      _cb => {
+        attempts++
+        if (attempts > 1) {
+          logger.error(
+            {
+              err: lastErr,
+              projectId,
+              historyId,
+              update: _.pick(
+                update,
+                'doc',
+                'file',
+                'hash',
+                'createdBlob',
+                'url'
+              ),
+              attempts,
+            },
+            'previous createBlob attempt failed, retrying'
+          )
+        }
+        // extend the lock for each file because large files may take a long time
+        extendLock(err => {
+          if (err) {
+            lastErr = OError.tag(err)
+            return _cb(lastErr)
+          }
+          HistoryStoreManager.createBlobForUpdate(
+            projectId,
+            historyId,
+            update,
+            (err, hashes) => {
+              if (err) {
+                lastErr = OError.tag(err, 'retry: error creating blob', {
+                  projectId,
+                  doc: update.doc,
+                  file: update.file,
+                })
+                _cb(lastErr)
+              } else {
+                _cb(null, hashes)
+              }
+            }
+          )
+        })
+      },
+      (error, blobHashes) => {
+        if (error) {
+          if (!firstBlobCreationError) {
+            firstBlobCreationError = error
+          }
+          return cb(null, { update, blobHashes })
+        }
+
+        extendLock(error => {
+          if (error) {
+            if (!firstBlobCreationError) {
+              firstBlobCreationError = error
+            }
+          }
+          cb(null, { update, blobHashes })
+        })
+      }
+    )
+  }
+
+  async.mapLimit(
+    updates,
+    MAX_CONCURRENT_REQUESTS,
+    createBlobForUpdate,
+    (unusedError, updatesWithBlobs) => {
+      // As indicated by the name this is unexpected, but changes in the future
+      // could cause it to be set and ignoring it would be unexpected
+      if (unusedError) {
+        return callback(unusedError)
+      }
+      if (firstBlobCreationError) {
+        return callback(firstBlobCreationError)
+      }
+      callback(null, updatesWithBlobs)
+    }
+  )
+}
diff --git a/services/project-history/app/js/ChunkTranslator.js b/services/project-history/app/js/ChunkTranslator.js
new file mode 100644
index 0000000..544db19
--- /dev/null
+++ b/services/project-history/app/js/ChunkTranslator.js
@@ -0,0 +1,626 @@
+import _ from 'lodash'
+import logger from '@overleaf/logger'
+import OError from '@overleaf/o-error'
+import * as HistoryStoreManager from './HistoryStoreManager.js'
+import * as WebApiManager from './WebApiManager.js'
+import * as Errors from './Errors.js'
+import {
+  TextOperation,
+  InsertOp,
+  RemoveOp,
+  RetainOp,
+  Range,
+  TrackedChangeList,
+} from 'overleaf-editor-core'
+
+/**
+ * @import { RawEditOperation, TrackedChangeRawData } from 'overleaf-editor-core/lib/types'
+ */
+
+export function convertToSummarizedUpdates(chunk, callback) {
+  const version = chunk.chunk.startVersion
+  const { files } = chunk.chunk.history.snapshot
+  const builder = new UpdateSetBuilder(version, files)
+
+  for (const change of chunk.chunk.history.changes) {
+    try {
+      builder.applyChange(change)
+    } catch (error1) {
+      const error = error1
+      return callback(error)
+    }
+  }
+  callback(null, builder.summarizedUpdates)
+}
+
+export function convertToDiffUpdates(
+  projectId,
+  chunk,
+  pathname,
+  fromVersion,
+  toVersion,
+  callback
+) {
+  let error
+  let version = chunk.chunk.startVersion
+  const { files } = chunk.chunk.history.snapshot
+  const builder = new UpdateSetBuilder(version, files)
+
+  let file = null
+  for (const change of chunk.chunk.history.changes) {
+    // Because we're referencing by pathname, which can change, we
+    // want to get the last file in the range fromVersion:toVersion
+    // that has the pathname we want. Note that this might not exist yet
+    // at fromVersion, so we'll just settle for the last existing one we find
+    // after that.
+    if (fromVersion <= version && version <= toVersion) {
+      const currentFile = builder.getFile(pathname)
+      if (currentFile) {
+        file = currentFile
+      }
+    }
+
+    try {
+      builder.applyChange(change)
+    } catch (error1) {
+      error = error1
+      return callback(error)
+    }
+    version += 1
+  }
+  // Versions act as fence posts, with updates taking us from one to another,
+  // so we also need to check after the final update, when we're at the last version.
+  if (fromVersion <= version && version <= toVersion) {
+    const currentFile = builder.getFile(pathname)
+    if (currentFile) {
+      file = currentFile
+    }
+  }
+
+  // return an empty diff if the file was flagged as missing with an explicit null
+  if (builder.getFile(pathname) === null) {
+    return callback(null, { initialContent: '', updates: [] })
+  }
+
+  if (file == null) {
+    error = new Errors.NotFoundError(
+      `pathname '${pathname}' not found in range`
+    )
+    return callback(error)
+  }
+
+  WebApiManager.getHistoryId(projectId, (err, historyId) => {
+    if (err) {
+      return callback(err)
+    }
+    file.getDiffUpdates(historyId, fromVersion, toVersion, callback)
+  })
+}
+
+class UpdateSetBuilder {
+  constructor(startVersion, files) {
+    this.version = startVersion
+    this.summarizedUpdates = []
+
+    this.files = Object.create(null)
+    for (const pathname in files) {
+      // initialize file from snapshot
+      const data = files[pathname]
+      this.files[pathname] = new File(pathname, data, startVersion)
+    }
+  }
+
+  getFile(pathname) {
+    return this.files[pathname]
+  }
+
+  applyChange(change) {
+    const timestamp = new Date(change.timestamp)
+    let authors = _.map(change.authors, id => {
+      if (id == null) {
+        return null
+      }
+      return id
+    })
+    authors = authors.concat(change.v2Authors || [])
+    this.currentUpdate = {
+      meta: {
+        users: authors,
+        start_ts: timestamp.getTime(),
+        end_ts: timestamp.getTime(),
+      },
+      v: this.version,
+      pathnames: new Set([]),
+      project_ops: [],
+    }
+    if (change.origin) {
+      this.currentUpdate.meta.origin = change.origin
+    }
+
+    for (const op of change.operations) {
+      this.applyOperation(op, timestamp, authors, change.origin)
+    }
+
+    this.currentUpdate.pathnames = Array.from(this.currentUpdate.pathnames)
+    this.summarizedUpdates.push(this.currentUpdate)
+
+    this.version += 1
+  }
+
+  applyOperation(op, timestamp, authors, origin) {
+    if (UpdateSetBuilder._isTextOperation(op)) {
+      this.applyTextOperation(op, timestamp, authors, origin)
+    } else if (UpdateSetBuilder._isRenameOperation(op)) {
+      this.applyRenameOperation(op, timestamp, authors)
+    } else if (UpdateSetBuilder._isRemoveFileOperation(op)) {
+      this.applyRemoveFileOperation(op, timestamp, authors)
+    } else if (UpdateSetBuilder._isAddFileOperation(op)) {
+      this.applyAddFileOperation(op, timestamp, authors)
+    }
+  }
+
+  applyTextOperation(operation, timestamp, authors, origin) {
+    const { pathname } = operation
+    if (pathname === '') {
+      // this shouldn't happen, but we continue to allow the user to see the history
+      logger.warn(
+        { operation, timestamp, authors },
+        'pathname is empty for text operation'
+      )
+      return
+    }
+
+    const file = this.files[pathname]
+    if (file == null) {
+      // this shouldn't happen, but we continue to allow the user to see the history
+      logger.warn(
+        { operation, timestamp, authors },
+        'file is missing for text operation'
+      )
+      this.files[pathname] = null // marker for a missing file
+      return
+    }
+
+    file.applyTextOperation(authors, timestamp, this.version, operation, origin)
+    this.currentUpdate.pathnames.add(pathname)
+  }
+
+  applyRenameOperation(operation, timestamp, authors) {
+    const { pathname, newPathname } = operation
+    const file = this.files[pathname]
+    if (file == null) {
+      // this shouldn't happen, but we continue to allow the user to see the history
+      logger.warn(
+        { operation, timestamp, authors },
+        'file is missing for rename operation'
+      )
+      this.files[pathname] = null // marker for a missing file
+      return
+    }
+
+    file.rename(newPathname)
+    delete this.files[pathname]
+    this.files[newPathname] = file
+
+    this.currentUpdate.project_ops.push({
+      rename: { pathname, newPathname },
+    })
+  }
+
+  applyAddFileOperation(operation, timestamp, authors) {
+    const { pathname } = operation
+    // add file
+    this.files[pathname] = new File(pathname, operation.file, this.version)
+
+    this.currentUpdate.project_ops.push({ add: { pathname } })
+  }
+
+  applyRemoveFileOperation(operation, timestamp, authors) {
+    const { pathname } = operation
+    const file = this.files[pathname]
+    if (file == null) {
+      // this shouldn't happen, but we continue to allow the user to see the history
+      logger.warn(
+        { operation, timestamp, authors },
+        'pathname not found when removing file'
+      )
+      this.files[pathname] = null // marker for a missing file
+      return
+    }
+
+    delete this.files[pathname]
+
+    this.currentUpdate.project_ops.push({ remove: { pathname } })
+  }
+
+  static _isTextOperation(op) {
+    return Object.prototype.hasOwnProperty.call(op, 'textOperation')
+  }
+
+  static _isRenameOperation(op) {
+    return (
+      Object.prototype.hasOwnProperty.call(op, 'newPathname') &&
+      op.newPathname !== ''
+    )
+  }
+
+  static _isRemoveFileOperation(op) {
+    return (
+      Object.prototype.hasOwnProperty.call(op, 'newPathname') &&
+      op.newPathname === ''
+    )
+  }
+
+  static _isAddFileOperation(op) {
+    return Object.prototype.hasOwnProperty.call(op, 'file')
+  }
+}
+
+/**
+ * @param {string} content
+ * @param {TrackedChangeList} trackedChanges
+ * @returns {string}
+ */
+function removeTrackedDeletesFromString(content, trackedChanges) {
+  let result = ''
+  let cursor = 0
+  const trackedDeletes = trackedChanges
+    .asSorted()
+    .filter(tc => tc.tracking.type === 'delete')
+  for (const trackedChange of trackedDeletes) {
+    if (cursor < trackedChange.range.start) {
+      result += content.slice(cursor, trackedChange.range.start)
+    }
+    // skip the tracked change itself
+    cursor = trackedChange.range.end
+  }
+  result += content.slice(cursor)
+  return result
+}
+
+class File {
+  constructor(pathname, snapshot, initialVersion) {
+    this.pathname = pathname
+    this.snapshot = snapshot
+    this.initialVersion = initialVersion
+    this.operations = []
+  }
+
+  applyTextOperation(authors, timestamp, version, operation, origin) {
+    this.operations.push({ authors, timestamp, version, operation, origin })
+  }
+
+  rename(pathname) {
+    this.pathname = pathname
+  }
+
+  getDiffUpdates(historyId, fromVersion, toVersion, callback) {
+    if (this.snapshot.stringLength == null) {
+      // Binary file
+      return callback(null, { binary: true })
+    }
+    this._loadContentAndRanges(historyId, (error, content, ranges) => {
+      if (error != null) {
+        return callback(OError.tag(error))
+      }
+      const trackedChanges = TrackedChangeList.fromRaw(
+        ranges?.trackedChanges || []
+      )
+      /** @type {string | undefined} */
+      let initialContent
+      const updates = []
+
+      for (const operationInfo of this.operations) {
+        if (!('textOperation' in operationInfo.operation)) {
+          // We only care about text operations
+          continue
+        }
+        const { authors, timestamp, version, operation } = operationInfo
+        // Set the initialContent to the latest version we have before the diff
+        // begins. 'version' here refers to the document version as we are
+        // applying the updates. So we store the content *before* applying the
+        // updates.
+        if (version >= fromVersion && initialContent === undefined) {
+          initialContent = removeTrackedDeletesFromString(
+            content,
+            trackedChanges
+          )
+        }
+
+        let ops
+        ;({ content, ops } = this._convertTextOperation(
+          content,
+          operation,
+          trackedChanges
+        ))
+
+        // We only need to return the updates between fromVersion and toVersion
+        if (fromVersion <= version && version < toVersion) {
+          const update = {
+            meta: {
+              users: authors,
+              start_ts: timestamp.getTime(),
+              end_ts: timestamp.getTime(),
+            },
+            v: version,
+            op: ops,
+          }
+          if (operationInfo.origin) {
+            update.meta.origin = operationInfo.origin
+          }
+          updates.push(update)
+        }
+      }
+
+      if (initialContent === undefined) {
+        initialContent = removeTrackedDeletesFromString(content, trackedChanges)
+      }
+      callback(null, { initialContent, updates })
+    })
+  }
+
+  /**
+   *
+   * @param {string} initialContent
+   * @param {RawEditOperation} operation
+   * @param {TrackedChangeList} trackedChanges
+   */
+  _convertTextOperation(initialContent, operation, trackedChanges) {
+    const textOp = TextOperation.fromJSON(operation)
+    const textUpdateBuilder = new TextUpdateBuilder(
+      initialContent,
+      trackedChanges
+    )
+    for (const op of textOp.ops) {
+      textUpdateBuilder.applyOp(op)
+    }
+    textUpdateBuilder.finish()
+    return {
+      content: textUpdateBuilder.result,
+      ops: textUpdateBuilder.changes,
+    }
+  }
+
+  _loadContentAndRanges(historyId, callback) {
+    HistoryStoreManager.getProjectBlob(
+      historyId,
+      this.snapshot.hash,
+      (err, content) => {
+        if (err) {
+          return callback(err)
+        }
+        if (this.snapshot.rangesHash) {
+          HistoryStoreManager.getProjectBlob(
+            historyId,
+            this.snapshot.rangesHash,
+            (err, ranges) => {
+              if (err) {
+                return callback(err)
+              }
+              return callback(null, content, JSON.parse(ranges))
+            }
+          )
+        } else {
+          return callback(null, content, undefined)
+        }
+      }
+    )
+  }
+}
+
+class TextUpdateBuilder {
+  /**
+   *
+   * @param {string} source
+   * @param {TrackedChangeList} ranges
+   */
+  constructor(source, ranges) {
+    this.trackedChanges = ranges
+    this.source = source
+    this.sourceCursor = 0
+    this.result = ''
+    /** @type {({i: string, p: number} | {d: string, p: number})[]} */
+    this.changes = []
+  }
+
+  applyOp(op) {
+    if (op instanceof RetainOp) {
+      const length = this.result.length
+      this.applyRetain(op)
+      this.trackedChanges.applyRetain(length, op.length, {
+        tracking: op.tracking,
+      })
+    }
+
+    if (op instanceof InsertOp) {
+      const length = this.result.length
+      this.applyInsert(op)
+      this.trackedChanges.applyInsert(length, op.insertion, {
+        tracking: op.tracking,
+      })
+    }
+
+    if (op instanceof RemoveOp) {
+      const length = this.result.length
+      this.applyDelete(op)
+      this.trackedChanges.applyDelete(length, op.length)
+    }
+  }
+
+  /**
+   *
+   * @param {RetainOp} retain
+   */
+  applyRetain(retain) {
+    const resultRetentionRange = new Range(this.result.length, retain.length)
+    const sourceRetentionRange = new Range(this.sourceCursor, retain.length)
+
+    let scanCursor = this.result.length
+    if (retain.tracking) {
+      // We are modifying existing tracked deletes. We need to treat removal
+      // (type insert/none) of a tracked delete as an insertion. Similarly, any
+      // range we introduce as a tracked deletion must be reported as a deletion.
+      const trackedDeletes = this.trackedChanges
+        .asSorted()
+        .filter(
+          tc =>
+            tc.tracking.type === 'delete' &&
+            tc.range.overlaps(resultRetentionRange)
+        )
+
+      const sourceOffset = this.sourceCursor - this.result.length
+      for (const trackedDelete of trackedDeletes) {
+        const resultTrackedDelete = trackedDelete.range
+        const sourceTrackedDelete = trackedDelete.range.moveBy(sourceOffset)
+
+        if (scanCursor < resultTrackedDelete.start) {
+          if (retain.tracking.type === 'delete') {
+            this.changes.push({
+              d: this.source.slice(
+                this.sourceCursor,
+                sourceTrackedDelete.start
+              ),
+              p: this.result.length,
+            })
+          }
+          this.result += this.source.slice(
+            this.sourceCursor,
+            sourceTrackedDelete.start
+          )
+          scanCursor = resultTrackedDelete.start
+          this.sourceCursor = sourceTrackedDelete.start
+        }
+        const endOfInsertionResult = Math.min(
+          resultTrackedDelete.end,
+          resultRetentionRange.end
+        )
+        const endOfInsertionSource = Math.min(
+          sourceTrackedDelete.end,
+          sourceRetentionRange.end
+        )
+        const text = this.source.slice(this.sourceCursor, endOfInsertionSource)
+        if (
+          retain.tracking.type === 'none' ||
+          retain.tracking.type === 'insert'
+        ) {
+          this.changes.push({
+            i: text,
+            p: this.result.length,
+          })
+        }
+        this.result += text
+        // skip the tracked delete itself
+        scanCursor = endOfInsertionResult
+        this.sourceCursor = endOfInsertionSource
+
+        if (scanCursor >= resultRetentionRange.end) {
+          break
+        }
+      }
+    }
+    if (scanCursor < resultRetentionRange.end) {
+      // The last region is not a tracked delete. But we should still handle
+      // a new tracked delete as a deletion.
+      const text = this.source.slice(
+        this.sourceCursor,
+        sourceRetentionRange.end
+      )
+      if (retain.tracking?.type === 'delete') {
+        this.changes.push({
+          d: text,
+          p: this.result.length,
+        })
+      }
+      this.result += text
+    }
+    this.sourceCursor = sourceRetentionRange.end
+  }
+
+  /**
+   *
+   * @param {InsertOp} insert
+   */
+  applyInsert(insert) {
+    if (insert.tracking?.type !== 'delete') {
+      // Skip tracked deletions
+      this.changes.push({
+        i: insert.insertion,
+        p: this.result.length,
+      })
+    }
+    this.result += insert.insertion
+    // The source cursor doesn't advance
+  }
+
+  /**
+   *
+   * @param {RemoveOp} deletion
+   */
+  applyDelete(deletion) {
+    const sourceDeletionRange = new Range(this.sourceCursor, deletion.length)
+    const resultDeletionRange = new Range(this.result.length, deletion.length)
+
+    const trackedDeletes = this.trackedChanges
+      .asSorted()
+      .filter(
+        tc =>
+          tc.tracking.type === 'delete' &&
+          tc.range.overlaps(resultDeletionRange)
+      )
+      .sort((a, b) => a.range.start - b.range.start)
+
+    let scanCursor = this.result.length
+    const sourceOffset = this.sourceCursor - this.result.length
+
+    for (const trackedDelete of trackedDeletes) {
+      const resultTrackDeleteRange = trackedDelete.range
+      const sourceTrackDeleteRange = trackedDelete.range.moveBy(sourceOffset)
+
+      if (scanCursor < resultTrackDeleteRange.start) {
+        this.changes.push({
+          d: this.source.slice(this.sourceCursor, sourceTrackDeleteRange.start),
+          p: this.result.length,
+        })
+      }
+      // skip the tracked delete itself
+      scanCursor = Math.min(resultTrackDeleteRange.end, resultDeletionRange.end)
+      this.sourceCursor = Math.min(
+        sourceTrackDeleteRange.end,
+        sourceDeletionRange.end
+      )
+
+      if (scanCursor >= resultDeletionRange.end) {
+        break
+      }
+    }
+    if (scanCursor < resultDeletionRange.end) {
+      this.changes.push({
+        d: this.source.slice(this.sourceCursor, sourceDeletionRange.end),
+        p: this.result.length,
+      })
+    }
+    this.sourceCursor = sourceDeletionRange.end
+  }
+
+  finish() {
+    if (this.sourceCursor < this.source.length) {
+      this.result += this.source.slice(this.sourceCursor)
+    }
+    for (const op of this.changes) {
+      if ('p' in op && typeof op.p === 'number') {
+        // Maybe we have to move the position of the deletion to account for
+        // tracked changes that we're hiding in the UI.
+        op.p -= this.trackedChanges
+          .asSorted()
+          .filter(tc => tc.tracking.type === 'delete' && tc.range.start < op.p)
+          .map(tc => {
+            if (tc.range.end < op.p) {
+              return tc.range.length
+            }
+            return op.p - tc.range.start
+          })
+          .reduce((a, b) => a + b, 0)
+      }
+    }
+  }
+}
diff --git a/services/project-history/app/js/DiffGenerator.js b/services/project-history/app/js/DiffGenerator.js
new file mode 100644
index 0000000..57e8d5a
--- /dev/null
+++ b/services/project-history/app/js/DiffGenerator.js
@@ -0,0 +1,274 @@
+import _ from 'lodash'
+import OError from '@overleaf/o-error'
+
+export class ConsistencyError extends OError {}
+
+/**
+ * Container for functions that need to be mocked in tests
+ *
+ * TODO: Rewrite tests in terms of exported functions only
+ */
+export const _mocks = {}
+
+export function buildDiff(initialContent, updates) {
+  let diff = [{ u: initialContent }]
+  for (const update of updates) {
+    diff = applyUpdateToDiff(diff, update)
+  }
+  diff = compressDiff(diff)
+  return diff
+}
+
+_mocks.compressDiff = diff => {
+  const newDiff = []
+  for (const part of diff) {
+    const users = part.meta?.users ?? []
+
+    if (part.meta?.origin?.kind === 'history-resync') {
+      // Skip history resync updates. Inserts are converted to unchanged text
+      // and deletes are skipped, so that they effectively don't appear in the
+      // diff.
+      if (part.u != null) {
+        newDiff.push(part)
+      } else if (part.i != null) {
+        newDiff.push({ u: part.i })
+      }
+      continue
+    }
+
+    if (newDiff.length === 0) {
+      // If we haven't seen other parts yet, we have nothing to merge.
+      newDiff.push(part)
+      continue
+    }
+
+    const lastPart = newDiff[newDiff.length - 1]
+    const lastUsers = lastPart.meta?.users ?? []
+    const usersNotInBothParts = _.xor(users, lastUsers)
+
+    if (usersNotInBothParts.length > 0) {
+      // If the set of users in the last part and this part are not the same, we
+      // can't merge.
+      newDiff.push(part)
+      continue
+    }
+
+    if (lastPart.i != null && part.i != null) {
+      // Merge two inserts
+      lastPart.i += part.i
+      lastPart.meta.start_ts = Math.min(
+        lastPart.meta.start_ts,
+        part.meta.start_ts
+      )
+      lastPart.meta.end_ts = Math.max(lastPart.meta.end_ts, part.meta.end_ts)
+    } else if (lastPart.d != null && part.d != null) {
+      // Merge two deletes
+      lastPart.d += part.d
+      lastPart.meta.start_ts = Math.min(
+        lastPart.meta.start_ts,
+        part.meta.start_ts
+      )
+      lastPart.meta.end_ts = Math.max(lastPart.meta.end_ts, part.meta.end_ts)
+    } else {
+      newDiff.push(part)
+    }
+  }
+  return newDiff
+}
+
+export function compressDiff(...args) {
+  return _mocks.compressDiff(...args)
+}
+
+export function applyOpToDiff(diff, op, meta) {
+  let consumedDiff
+
+  let remainingDiff = diff.slice()
+  ;({ consumedDiff, remainingDiff } = _consumeToOffset(remainingDiff, op.p))
+  const newDiff = consumedDiff
+
+  if (op.i != null) {
+    newDiff.push({
+      i: op.i,
+      meta,
+    })
+  } else if (op.d != null) {
+    ;({ consumedDiff, remainingDiff } = _consumeDiffAffectedByDeleteOp(
+      remainingDiff,
+      op,
+      meta
+    ))
+    newDiff.push(...(consumedDiff || []))
+  }
+
+  newDiff.push(...(remainingDiff || []))
+
+  return newDiff
+}
+
+_mocks.applyUpdateToDiff = (diff, update) => {
+  for (const op of update.op) {
+    if (op.broken !== true) {
+      diff = applyOpToDiff(diff, op, update.meta)
+    }
+  }
+  return diff
+}
+
+export function applyUpdateToDiff(...args) {
+  return _mocks.applyUpdateToDiff(...args)
+}
+
+function _consumeToOffset(remainingDiff, totalOffset) {
+  let part
+  const consumedDiff = []
+  let position = 0
+  while ((part = remainingDiff.shift())) {
+    const length = _getLengthOfDiffPart(part)
+    if (part.d != null) {
+      consumedDiff.push(part)
+    } else if (position + length >= totalOffset) {
+      const partOffset = totalOffset - position
+      if (partOffset > 0) {
+        consumedDiff.push(_slicePart(part, 0, partOffset))
+      }
+      if (partOffset < length) {
+        remainingDiff.unshift(_slicePart(part, partOffset))
+      }
+      break
+    } else {
+      position += length
+      consumedDiff.push(part)
+    }
+  }
+
+  return {
+    consumedDiff,
+    remainingDiff,
+  }
+}
+
+function _consumeDiffAffectedByDeleteOp(remainingDiff, deleteOp, meta) {
+  const consumedDiff = []
+  let remainingOp = deleteOp
+  while (remainingOp && remainingDiff.length > 0) {
+    let newPart
+    ;({ newPart, remainingDiff, remainingOp } = _consumeDeletedPart(
+      remainingDiff,
+      remainingOp,
+      meta
+    ))
+    if (newPart != null) {
+      consumedDiff.push(newPart)
+    }
+  }
+  return {
+    consumedDiff,
+    remainingDiff,
+  }
+}
+
+function _consumeDeletedPart(remainingDiff, op, meta) {
+  let deletedContent, newPart, remainingOp
+  const part = remainingDiff.shift()
+  const partLength = _getLengthOfDiffPart(part)
+
+  if (part.d != null) {
+    // Skip existing deletes
+    remainingOp = op
+    newPart = part
+  } else if (partLength > op.d.length) {
+    // Only the first bit of the part has been deleted
+    const remainingPart = _slicePart(part, op.d.length)
+    remainingDiff.unshift(remainingPart)
+
+    deletedContent = _getContentOfPart(part).slice(0, op.d.length)
+    if (deletedContent !== op.d) {
+      throw new ConsistencyError(
+        `deleted content, '${deletedContent}', does not match delete op, '${op.d}'`
+      )
+    }
+
+    if (part.u != null) {
+      newPart = {
+        d: op.d,
+        meta,
+      }
+    } else if (part.i != null) {
+      newPart = null
+    }
+
+    remainingOp = null
+  } else if (partLength === op.d.length) {
+    // The entire part has been deleted, but it is the last part
+
+    deletedContent = _getContentOfPart(part)
+    if (deletedContent !== op.d) {
+      throw new ConsistencyError(
+        `deleted content, '${deletedContent}', does not match delete op, '${op.d}'`
+      )
+    }
+
+    if (part.u != null) {
+      newPart = {
+        d: op.d,
+        meta,
+      }
+    } else if (part.i != null) {
+      newPart = null
+    }
+
+    remainingOp = null
+  } else if (partLength < op.d.length) {
+    // The entire part has been deleted and there is more
+
+    deletedContent = _getContentOfPart(part)
+    const opContent = op.d.slice(0, deletedContent.length)
+    if (deletedContent !== opContent) {
+      throw new ConsistencyError(
+        `deleted content, '${deletedContent}', does not match delete op, '${opContent}'`
+      )
+    }
+
+    if (part.u) {
+      newPart = {
+        d: part.u,
+        meta,
+      }
+    } else if (part.i != null) {
+      newPart = null
+    }
+
+    remainingOp = {
+      p: op.p,
+      d: op.d.slice(_getLengthOfDiffPart(part)),
+    }
+  }
+
+  return {
+    newPart,
+    remainingDiff,
+    remainingOp,
+  }
+}
+
+function _slicePart(basePart, from, to) {
+  let part
+  if (basePart.u != null) {
+    part = { u: basePart.u.slice(from, to) }
+  } else if (basePart.i != null) {
+    part = { i: basePart.i.slice(from, to) }
+  }
+  if (basePart.meta != null) {
+    part.meta = basePart.meta
+  }
+  return part
+}
+
+function _getLengthOfDiffPart(part) {
+  return (part.u || part.d || part.i || '').length
+}
+
+function _getContentOfPart(part) {
+  return part.u || part.d || part.i || ''
+}
diff --git a/services/project-history/app/js/DiffManager.js b/services/project-history/app/js/DiffManager.js
new file mode 100644
index 0000000..69c9b2f
--- /dev/null
+++ b/services/project-history/app/js/DiffManager.js
@@ -0,0 +1,240 @@
+import logger from '@overleaf/logger'
+import OError from '@overleaf/o-error'
+import async from 'async'
+import * as DiffGenerator from './DiffGenerator.js'
+import * as FileTreeDiffGenerator from './FileTreeDiffGenerator.js'
+import * as UpdatesProcessor from './UpdatesProcessor.js'
+import * as HistoryStoreManager from './HistoryStoreManager.js'
+import * as WebApiManager from './WebApiManager.js'
+import * as ChunkTranslator from './ChunkTranslator.js'
+import * as Errors from './Errors.js'
+
+let MAX_CHUNK_REQUESTS = 10
+
+/**
+ * Container for functions that need to be mocked in tests
+ *
+ * TODO: Rewrite tests in terms of exported functions only
+ */
+export const _mocks = {}
+
+export function getDiff(projectId, pathname, fromVersion, toVersion, callback) {
+  UpdatesProcessor.processUpdatesForProject(projectId, error => {
+    if (error) {
+      return callback(OError.tag(error))
+    }
+    _getProjectUpdatesBetweenVersions(
+      projectId,
+      pathname,
+      fromVersion,
+      toVersion,
+      (error, result) => {
+        if (error) {
+          return callback(OError.tag(error))
+        }
+        const { binary, initialContent, updates } = result
+        let diff
+        if (binary) {
+          diff = { binary: true }
+        } else {
+          try {
+            diff = DiffGenerator.buildDiff(initialContent, updates)
+          } catch (err) {
+            return callback(
+              OError.tag(err, 'failed to build diff', {
+                projectId,
+                pathname,
+                fromVersion,
+                toVersion,
+              })
+            )
+          }
+        }
+        callback(null, diff)
+      }
+    )
+  })
+}
+
+export function getFileTreeDiff(projectId, fromVersion, toVersion, callback) {
+  UpdatesProcessor.processUpdatesForProject(projectId, error => {
+    if (error) {
+      return callback(OError.tag(error))
+    }
+    _getChunksAsSingleChunk(
+      projectId,
+      fromVersion,
+      toVersion,
+      (error, chunk) => {
+        let diff
+        if (error) {
+          return callback(OError.tag(error))
+        }
+        try {
+          diff = FileTreeDiffGenerator.buildDiff(chunk, fromVersion, toVersion)
+        } catch (error1) {
+          error = error1
+          if (error instanceof Errors.InconsistentChunkError) {
+            return callback(error)
+          } else {
+            throw OError.tag(error)
+          }
+        }
+        callback(null, diff)
+      }
+    )
+  })
+}
+
+export function _getChunksAsSingleChunk(
+  projectId,
+  fromVersion,
+  toVersion,
+  callback
+) {
+  logger.debug(
+    { projectId, fromVersion, toVersion },
+    '[_getChunksAsSingleChunk] getting chunks'
+  )
+  _getChunks(projectId, fromVersion, toVersion, (error, chunks) => {
+    if (error) {
+      return callback(OError.tag(error))
+    }
+    logger.debug(
+      { projectId, fromVersion, toVersion, chunks },
+      '[_getChunksAsSingleChunk] got chunks'
+    )
+    const chunk = _concatChunks(chunks)
+    callback(null, chunk)
+  })
+}
+
+_mocks._getProjectUpdatesBetweenVersions = (
+  projectId,
+  pathname,
+  fromVersion,
+  toVersion,
+  callback
+) => {
+  _getChunksAsSingleChunk(projectId, fromVersion, toVersion, (error, chunk) => {
+    if (error) {
+      return callback(OError.tag(error))
+    }
+    logger.debug(
+      { projectId, pathname, fromVersion, toVersion, chunk },
+      '[_getProjectUpdatesBetweenVersions] concatted chunk'
+    )
+    ChunkTranslator.convertToDiffUpdates(
+      projectId,
+      chunk,
+      pathname,
+      fromVersion,
+      toVersion,
+      callback
+    )
+  })
+}
+
+export function _getProjectUpdatesBetweenVersions(...args) {
+  _mocks._getProjectUpdatesBetweenVersions(...args)
+}
+
+_mocks._getChunks = (projectId, fromVersion, toVersion, callback) => {
+  let chunksRequested = 0
+  let lastChunkStartVersion = toVersion
+  const chunks = []
+
+  function shouldRequestAnotherChunk(cb) {
+    const stillUnderChunkLimit = chunksRequested < MAX_CHUNK_REQUESTS
+    const stillNeedVersions = fromVersion < lastChunkStartVersion
+    const stillSaneStartVersion = lastChunkStartVersion > 0
+    logger.debug(
+      {
+        projectId,
+        stillUnderChunkLimit,
+        stillNeedVersions,
+        stillSaneStartVersion,
+        fromVersion,
+        lastChunkStartVersion,
+        chunksRequested,
+      },
+      '[_getChunks.shouldRequestAnotherChunk]'
+    )
+    return cb(
+      null,
+      stillUnderChunkLimit && stillNeedVersions && stillSaneStartVersion
+    )
+  }
+
+  function getNextChunk(cb) {
+    logger.debug(
+      {
+        projectId,
+        lastChunkStartVersion,
+      },
+      '[_getChunks.getNextChunk]'
+    )
+    WebApiManager.getHistoryId(projectId, (error, historyId) => {
+      if (error) {
+        return cb(OError.tag(error))
+      }
+      HistoryStoreManager.getChunkAtVersion(
+        projectId,
+        historyId,
+        lastChunkStartVersion,
+        (error, chunk) => {
+          if (error) {
+            return cb(OError.tag(error))
+          }
+          lastChunkStartVersion = chunk.chunk.startVersion
+          chunksRequested += 1
+          chunks.push(chunk)
+          cb()
+        }
+      )
+    })
+  }
+
+  getNextChunk(error => {
+    if (error) {
+      return callback(OError.tag(error))
+    }
+    async.whilst(shouldRequestAnotherChunk, getNextChunk, error => {
+      if (error) {
+        return callback(error)
+      }
+      if (chunksRequested >= MAX_CHUNK_REQUESTS) {
+        error = new Errors.BadRequestError('Diff spans too many chunks')
+        callback(error)
+      } else {
+        callback(null, chunks)
+      }
+    })
+  })
+}
+
+export function _getChunks(...args) {
+  _mocks._getChunks(...args)
+}
+
+_mocks._concatChunks = chunks => {
+  chunks.reverse()
+  const chunk = chunks[0]
+  // We will append all of the changes from the later
+  // chunks onto the first one, to form one 'big' chunk.
+  for (const nextChunk of chunks.slice(1)) {
+    chunk.chunk.history.changes = chunk.chunk.history.changes.concat(
+      nextChunk.chunk.history.changes
+    )
+  }
+  return chunk
+}
+
+function _concatChunks(...args) {
+  return _mocks._concatChunks(...args)
+}
+
+// for tests
+export function setMaxChunkRequests(value) {
+  MAX_CHUNK_REQUESTS = value
+}
diff --git a/services/project-history/app/js/DocumentUpdaterManager.js b/services/project-history/app/js/DocumentUpdaterManager.js
new file mode 100644
index 0000000..d591c2d
--- /dev/null
+++ b/services/project-history/app/js/DocumentUpdaterManager.js
@@ -0,0 +1,80 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import request from 'request'
+import logger from '@overleaf/logger'
+import Settings from '@overleaf/settings'
+import OError from '@overleaf/o-error'
+
+export function getDocument(projectId, docId, callback) {
+  if (callback == null) {
+    callback = function () {}
+  }
+  const url = `${Settings.apis.documentupdater.url}/project/${projectId}/doc/${docId}`
+  logger.debug({ projectId, docId }, 'getting doc from document updater')
+  return request.get(url, function (error, res, body) {
+    if (error != null) {
+      return callback(OError.tag(error))
+    }
+    if (res.statusCode >= 200 && res.statusCode < 300) {
+      try {
+        body = JSON.parse(body)
+      } catch (error1) {
+        error = error1
+        return callback(error)
+      }
+      logger.debug(
+        { projectId, docId, version: body.version },
+        'got doc from document updater'
+      )
+      return callback(null, body.lines.join('\n'), body.version)
+    } else {
+      error = new OError(
+        `doc updater returned a non-success status code: ${res.statusCode}`,
+        { project_id: projectId, doc_id: docId, url }
+      )
+      return callback(error)
+    }
+  })
+}
+
+export function setDocument(projectId, docId, content, userId, callback) {
+  if (callback == null) {
+    callback = function () {}
+  }
+  const url = `${Settings.apis.documentupdater.url}/project/${projectId}/doc/${docId}`
+  logger.debug({ projectId, docId }, 'setting doc in document updater')
+  return request.post(
+    {
+      url,
+      json: {
+        lines: content.split('\n'),
+        source: 'restore',
+        user_id: userId,
+        undoing: true,
+      },
+    },
+    function (error, res, body) {
+      if (error != null) {
+        return callback(OError.tag(error))
+      }
+      if (res.statusCode >= 200 && res.statusCode < 300) {
+        return callback(null)
+      } else {
+        error = new OError(
+          `doc updater returned a non-success status code: ${res.statusCode}`,
+          { project_id: projectId, doc_id: docId, url }
+        )
+        return callback(error)
+      }
+    }
+  )
+}
diff --git a/services/project-history/app/js/ErrorRecorder.js b/services/project-history/app/js/ErrorRecorder.js
new file mode 100644
index 0000000..648b53f
--- /dev/null
+++ b/services/project-history/app/js/ErrorRecorder.js
@@ -0,0 +1,267 @@
+// @ts-check
+
+import { callbackify } from 'node:util'
+import logger from '@overleaf/logger'
+import metrics from '@overleaf/metrics'
+import OError from '@overleaf/o-error'
+import { db } from './mongodb.js'
+
+/**
+ * @import { ProjectHistoryFailure } from './mongo-types'
+ */
+
+/**
+ * @param {string} projectId
+ * @param {number} queueSize
+ * @param {Error} error
+ * @return {Promise<ProjectHistoryFailure>} the failure record
+ */
+async function record(projectId, queueSize, error) {
+  const errorRecord = {
+    queueSize,
+    error: error.toString(),
+    stack: error.stack ?? '',
+    ts: new Date(),
+  }
+  logger.debug(
+    { projectId, errorRecord },
+    'recording failed attempt to process updates'
+  )
+  const result = await db.projectHistoryFailures.findOneAndUpdate(
+    { project_id: projectId },
+    {
+      $set: errorRecord,
+      $inc: { attempts: 1 },
+      $push: {
+        history: {
+          $each: [errorRecord],
+          $position: 0,
+          // only keep recent failures
+          $slice: 10,
+        },
+      },
+    },
+    { upsert: true, returnDocument: 'after', includeResultMetadata: true }
+  )
+  if (result.value == null) {
+    // Since we upsert, the result should always have a value
+    throw new OError('no value returned when recording an error', { projectId })
+  }
+  return result.value
+}
+
+async function clearError(projectId) {
+  await db.projectHistoryFailures.deleteOne({ project_id: projectId })
+}
+
+async function setForceDebug(projectId, state) {
+  if (state == null) {
+    state = true
+  }
+  logger.debug({ projectId, state }, 'setting forceDebug state for project')
+  await db.projectHistoryFailures.updateOne(
+    { project_id: projectId },
+    { $set: { forceDebug: state } },
+    { upsert: true }
+  )
+}
+
+// we only record the sync start time, and not the end time, because the
+// record should be cleared on success.
+async function recordSyncStart(projectId) {
+  await db.projectHistoryFailures.updateOne(
+    { project_id: projectId },
+    {
+      $currentDate: { resyncStartedAt: true },
+      $inc: { resyncAttempts: 1 },
+      $push: {
+        history: {
+          $each: [{ resyncStartedAt: new Date() }],
+          $position: 0,
+          $slice: 10,
+        },
+      },
+    },
+    { upsert: true }
+  )
+}
+
+/**
+ * @param projectId
+ */
+async function getFailureRecord(projectId) {
+  return await db.projectHistoryFailures.findOne({ project_id: projectId })
+}
+
+async function getLastFailure(projectId) {
+  const result = await db.projectHistoryFailures.findOneAndUpdate(
+    { project_id: projectId },
+    { $inc: { requestCount: 1 } }, // increment the request count every time we check the last failure
+    { projection: { error: 1, ts: 1 } }
+  )
+  return result && result.value
+}
+
+async function getFailedProjects() {
+  return await db.projectHistoryFailures.find({}).toArray()
+}
+
+async function getFailuresByType() {
+  const results = await db.projectHistoryFailures.find({}).toArray()
+  const failureCounts = {}
+  const failureAttempts = {}
+  const failureRequests = {}
+  const maxQueueSize = {}
+  // count all the failures and number of attempts by type
+  for (const result of results || []) {
+    const failureType = result.error
+    const attempts = result.attempts || 1 // allow for field to be absent
+    const requests = result.requestCount || 0
+    const queueSize = result.queueSize || 0
+    if (failureCounts[failureType] > 0) {
+      failureCounts[failureType]++
+      failureAttempts[failureType] += attempts
+      failureRequests[failureType] += requests
+      maxQueueSize[failureType] = Math.max(queueSize, maxQueueSize[failureType])
+    } else {
+      failureCounts[failureType] = 1
+      failureAttempts[failureType] = attempts
+      failureRequests[failureType] = requests
+      maxQueueSize[failureType] = queueSize
+    }
+  }
+
+  return { failureCounts, failureAttempts, failureRequests, maxQueueSize }
+}
+
+async function getFailures() {
+  const { failureCounts, failureAttempts, failureRequests, maxQueueSize } =
+    await getFailuresByType()
+
+  let attempts, failureType, label, requests
+  const shortNames = {
+    'Error: bad response from filestore: 404': 'filestore-404',
+    'Error: bad response from filestore: 500': 'filestore-500',
+    'NotFoundError: got a 404 from web api': 'web-api-404',
+    'OError: history store a non-success status code: 413': 'history-store-413',
+    'OError: history store a non-success status code: 422': 'history-store-422',
+    'OError: history store a non-success status code: 500': 'history-store-500',
+    'OError: history store a non-success status code: 503': 'history-store-503',
+    'Error: history store a non-success status code: 413': 'history-store-413',
+    'Error: history store a non-success status code: 422': 'history-store-422',
+    'Error: history store a non-success status code: 500': 'history-store-500',
+    'Error: history store a non-success status code: 503': 'history-store-503',
+    'Error: web returned a non-success status code: 500 (attempts: 2)':
+      'web-500',
+    'Error: ESOCKETTIMEDOUT': 'socket-timeout',
+    'Error: no project found': 'no-project-found',
+    'OpsOutOfOrderError: project structure version out of order on incoming updates':
+      'incoming-project-version-out-of-order',
+    'OpsOutOfOrderError: doc version out of order on incoming updates':
+      'incoming-doc-version-out-of-order',
+    'OpsOutOfOrderError: project structure version out of order':
+      'chunk-project-version-out-of-order',
+    'OpsOutOfOrderError: doc version out of order':
+      'chunk-doc-version-out-of-order',
+    'Error: failed to extend lock': 'lock-overrun',
+    'Error: tried to release timed out lock': 'lock-overrun',
+    'Error: Timeout': 'lock-overrun',
+    'Error: sync ongoing': 'sync-ongoing',
+    'SyncError: unexpected resyncProjectStructure update': 'sync-error',
+    '[object Error]': 'unknown-error-object',
+    'UpdateWithUnknownFormatError: update with unknown format':
+      'unknown-format',
+    'Error: update with unknown format': 'unknown-format',
+    'TextOperationError: The base length of the second operation has to be the target length of the first operation':
+      'text-op-error',
+    'Error: ENOSPC: no space left on device, write': 'ENOSPC',
+    '*': 'other',
+  }
+
+  // set all the known errors to zero if not present (otherwise gauges stay on their last value)
+  const summaryCounts = {}
+  const summaryAttempts = {}
+  const summaryRequests = {}
+  const summaryMaxQueueSize = {}
+
+  for (failureType in shortNames) {
+    label = shortNames[failureType]
+    summaryCounts[label] = 0
+    summaryAttempts[label] = 0
+    summaryRequests[label] = 0
+    summaryMaxQueueSize[label] = 0
+  }
+
+  // record a metric for each type of failure
+  for (failureType in failureCounts) {
+    const failureCount = failureCounts[failureType]
+    label = shortNames[failureType] || shortNames['*']
+    summaryCounts[label] += failureCount
+    summaryAttempts[label] += failureAttempts[failureType]
+    summaryRequests[label] += failureRequests[failureType]
+    summaryMaxQueueSize[label] = Math.max(
+      maxQueueSize[failureType],
+      summaryMaxQueueSize[label]
+    )
+  }
+
+  for (label in summaryCounts) {
+    const count = summaryCounts[label]
+    metrics.globalGauge('failed', count, 1, { status: label })
+  }
+
+  for (label in summaryAttempts) {
+    attempts = summaryAttempts[label]
+    metrics.globalGauge('attempts', attempts, 1, { status: label })
+  }
+
+  for (label in summaryRequests) {
+    requests = summaryRequests[label]
+    metrics.globalGauge('requests', requests, 1, { status: label })
+  }
+
+  for (label in summaryMaxQueueSize) {
+    const queueSize = summaryMaxQueueSize[label]
+    metrics.globalGauge('max-queue-size', queueSize, 1, { status: label })
+  }
+
+  return {
+    counts: summaryCounts,
+    attempts: summaryAttempts,
+    requests: summaryRequests,
+    maxQueueSize: summaryMaxQueueSize,
+  }
+}
+
+// EXPORTS
+
+const getFailedProjectsCb = callbackify(getFailedProjects)
+const getFailureRecordCb = callbackify(getFailureRecord)
+const getFailuresCb = callbackify(getFailures)
+const getLastFailureCb = callbackify(getLastFailure)
+const recordCb = callbackify(record)
+const clearErrorCb = callbackify(clearError)
+const recordSyncStartCb = callbackify(recordSyncStart)
+const setForceDebugCb = callbackify(setForceDebug)
+
+export {
+  getFailedProjectsCb as getFailedProjects,
+  getFailureRecordCb as getFailureRecord,
+  getLastFailureCb as getLastFailure,
+  getFailuresCb as getFailures,
+  recordCb as record,
+  clearErrorCb as clearError,
+  recordSyncStartCb as recordSyncStart,
+  setForceDebugCb as setForceDebug,
+}
+
+export const promises = {
+  getFailedProjects,
+  getFailureRecord,
+  getLastFailure,
+  getFailures,
+  record,
+  clearError,
+  recordSyncStart,
+  setForceDebug,
+}
diff --git a/services/project-history/app/js/Errors.js b/services/project-history/app/js/Errors.js
new file mode 100644
index 0000000..0b8d24b
--- /dev/null
+++ b/services/project-history/app/js/Errors.js
@@ -0,0 +1,11 @@
+import OError from '@overleaf/o-error'
+
+export class NotFoundError extends OError {}
+export class BadRequestError extends OError {}
+export class SyncError extends OError {}
+export class OpsOutOfOrderError extends OError {}
+export class InconsistentChunkError extends OError {}
+export class UpdateWithUnknownFormatError extends OError {}
+export class UnexpectedOpTypeError extends OError {}
+export class TooManyRequestsError extends OError {}
+export class NeedFullProjectStructureResyncError extends OError {}
diff --git a/services/project-history/app/js/FileTreeDiffGenerator.js b/services/project-history/app/js/FileTreeDiffGenerator.js
new file mode 100644
index 0000000..16696c6
--- /dev/null
+++ b/services/project-history/app/js/FileTreeDiffGenerator.js
@@ -0,0 +1,129 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import Core from 'overleaf-editor-core'
+import logger from '@overleaf/logger'
+import * as Errors from './Errors.js'
+
+const { MoveFileOperation, AddFileOperation, EditFileOperation } = Core
+
+export function buildDiff(chunk, fromVersion, toVersion) {
+  chunk = Core.Chunk.fromRaw(chunk.chunk)
+  const chunkStartVersion = chunk.getStartVersion()
+
+  const diff = _getInitialDiffSnapshot(chunk, fromVersion)
+
+  const changes = chunk
+    .getChanges()
+    .slice(fromVersion - chunkStartVersion, toVersion - chunkStartVersion)
+  for (let i = 0; i < changes.length; i++) {
+    const change = changes[i]
+    for (const operation of Array.from(change.getOperations())) {
+      if (operation.pathname === null || operation.pathname === '') {
+        // skip operations for missing files
+        logger.warn({ diff, operation }, 'invalid pathname in operation')
+      } else if (operation instanceof EditFileOperation) {
+        _applyEditFileToDiff(diff, operation)
+      } else if (operation instanceof AddFileOperation) {
+        _applyAddFileToDiff(diff, operation)
+      } else if (operation instanceof MoveFileOperation) {
+        if (operation.isRemoveFile()) {
+          const deletedAtV = fromVersion + i
+          _applyDeleteFileToDiff(diff, operation, deletedAtV)
+        } else {
+          _applyMoveFileToDiff(diff, operation)
+        }
+      }
+    }
+  }
+
+  return Object.values(diff)
+}
+
+function _getInitialDiffSnapshot(chunk, fromVersion) {
+  // Start with a 'diff' which is snapshot of the filetree at the beginning,
+  // with nothing in the diff marked as changed.
+  // Use a bare object to protect against reserved names.
+  const diff = Object.create(null)
+  const files = _getInitialFiles(chunk, fromVersion)
+  for (const [pathname, file] of Object.entries(files)) {
+    diff[pathname] = { pathname, editable: file.isEditable() }
+  }
+  return diff
+}
+
+function _getInitialFiles(chunk, fromVersion) {
+  const snapshot = chunk.getSnapshot()
+  const changes = chunk
+    .getChanges()
+    .slice(0, fromVersion - chunk.getStartVersion())
+  snapshot.applyAll(changes)
+  return snapshot.fileMap.files
+}
+
+function _applyAddFileToDiff(diff, operation) {
+  return (diff[operation.pathname] = {
+    pathname: operation.pathname,
+    operation: 'added',
+    editable: operation.file.isEditable(),
+  })
+}
+
+function _applyEditFileToDiff(diff, operation) {
+  const change = diff[operation.pathname]
+  if ((change != null ? change.operation : undefined) == null) {
+    // avoid exception for non-existent change
+    return (diff[operation.pathname] = {
+      pathname: operation.pathname,
+      operation: 'edited',
+    })
+  }
+}
+
+function _applyMoveFileToDiff(diff, operation) {
+  if (
+    diff[operation.newPathname] != null &&
+    diff[operation.newPathname].operation !== 'removed'
+  ) {
+    const err = new Errors.InconsistentChunkError(
+      'trying to move to file that already exists',
+      { diff, operation }
+    )
+    throw err
+  }
+  const change = diff[operation.pathname]
+  if (change == null) {
+    logger.warn({ diff, operation }, 'tried to rename non-existent file')
+    return
+  }
+  change.newPathname = operation.newPathname
+  if (change.operation === 'added') {
+    // If this file was added this time, just leave it as an add, but
+    // at the new name.
+    change.pathname = operation.newPathname
+    delete change.newPathname
+  } else {
+    change.operation = 'renamed'
+  }
+  diff[operation.newPathname] = change
+  return delete diff[operation.pathname]
+}
+
+function _applyDeleteFileToDiff(diff, operation, deletedAtV) {
+  // avoid exception for non-existent change
+  if (diff[operation.pathname] != null) {
+    diff[operation.pathname].operation = 'removed'
+  }
+  return diff[operation.pathname] != null
+    ? (diff[operation.pathname].deletedAtV = deletedAtV)
+    : undefined
+}
diff --git a/services/project-history/app/js/FlushManager.js b/services/project-history/app/js/FlushManager.js
new file mode 100644
index 0000000..6df3b20
--- /dev/null
+++ b/services/project-history/app/js/FlushManager.js
@@ -0,0 +1,142 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import async from 'async'
+import logger from '@overleaf/logger'
+import OError from '@overleaf/o-error'
+import metrics from '@overleaf/metrics'
+import _ from 'lodash'
+import * as RedisManager from './RedisManager.js'
+import * as UpdatesProcessor from './UpdatesProcessor.js'
+import * as ErrorRecorder from './ErrorRecorder.js'
+
+export function flushIfOld(projectId, cutoffTime, callback) {
+  if (callback == null) {
+    callback = function () {}
+  }
+  return RedisManager.getFirstOpTimestamp(
+    projectId,
+    function (err, firstOpTimestamp) {
+      if (err != null) {
+        return callback(OError.tag(err))
+      }
+      // In the normal case, the flush marker will be set with the
+      // timestamp of the oldest operation in the queue by docupdater.
+      // If the marker is not set for any reason, we flush it anyway
+      // for safety.
+      if (!firstOpTimestamp || firstOpTimestamp < cutoffTime) {
+        logger.debug(
+          { projectId, firstOpTimestamp, cutoffTime },
+          'flushing old project'
+        )
+        metrics.inc('flush-old-updates', 1, { status: 'flushed' })
+        return UpdatesProcessor.processUpdatesForProject(projectId, callback)
+      } else {
+        metrics.inc('flush-old-updates', 1, { status: 'skipped' })
+        return callback()
+      }
+    }
+  )
+}
+
+export function flushOldOps(options, callback) {
+  if (callback == null) {
+    callback = function () {}
+  }
+  logger.debug({ options }, 'starting flush of old ops')
+  // allow running flush in background for cron jobs
+  if (options.background) {
+    // return immediate response to client, then discard callback
+    callback(null, { message: 'running flush in background' })
+    callback = function () {}
+  }
+  return RedisManager.getProjectIdsWithHistoryOps(
+    null,
+    function (error, projectIds) {
+      if (error != null) {
+        return callback(OError.tag(error))
+      }
+      return ErrorRecorder.getFailedProjects(
+        function (error, projectHistoryFailures) {
+          if (error != null) {
+            return callback(OError.tag(error))
+          }
+          // exclude failed projects already in projectHistoryFailures
+          const failedProjects = new Set()
+          for (const entry of Array.from(projectHistoryFailures)) {
+            failedProjects.add(entry.project_id)
+          }
+          // randomise order so we get different projects if there is a limit
+          projectIds = _.shuffle(projectIds)
+          const maxAge = options.maxAge || 6 * 3600 // default to 6 hours
+          const cutoffTime = new Date(Date.now() - maxAge * 1000)
+          const startTime = new Date()
+          let count = 0
+          const jobs = projectIds.map(
+            projectId =>
+              function (cb) {
+                const timeTaken = new Date() - startTime
+                count++
+                if (
+                  (options != null ? options.timeout : undefined) &&
+                  timeTaken > options.timeout
+                ) {
+                  // finish early due to timeout, return an error to bail out of the async iteration
+                  logger.debug('background retries timed out')
+                  return cb(new OError('retries timed out'))
+                }
+                if (
+                  (options != null ? options.limit : undefined) &&
+                  count > options.limit
+                ) {
+                  // finish early due to reaching limit, return an error to bail out of the async iteration
+                  logger.debug({ count }, 'background retries hit limit')
+                  return cb(new OError('hit limit'))
+                }
+                if (failedProjects.has(projectId)) {
+                  // skip failed projects
+                  return setTimeout(cb, options.queueDelay || 100) // pause between flushes
+                }
+                return flushIfOld(projectId, cutoffTime, function (err) {
+                  if (err != null) {
+                    logger.warn(
+                      { projectId, err },
+                      'error flushing old project'
+                    )
+                  }
+                  return setTimeout(cb, options.queueDelay || 100)
+                })
+              }
+          ) // pause between flushes
+          return async.series(
+            async.reflectAll(jobs),
+            function (error, results) {
+              const success = []
+              const failure = []
+              results.forEach((result, i) => {
+                if (
+                  result.error != null &&
+                  !['retries timed out', 'hit limit'].includes(
+                    result?.error?.message
+                  )
+                ) {
+                  // ignore expected errors
+                  return failure.push(projectIds[i])
+                } else {
+                  return success.push(projectIds[i])
+                }
+              })
+              return callback(error, { success, failure, failedProjects })
+            }
+          )
+        }
+      )
+    }
+  )
+}
diff --git a/services/project-history/app/js/HashManager.js b/services/project-history/app/js/HashManager.js
new file mode 100644
index 0000000..91e77ba
--- /dev/null
+++ b/services/project-history/app/js/HashManager.js
@@ -0,0 +1,58 @@
+/* eslint-disable
+    no-undef,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { promisify } from 'node:util'
+import fs from 'node:fs'
+import crypto from 'node:crypto'
+import OError from '@overleaf/o-error'
+import { pipeline } from 'node:stream'
+
+export function _getBlobHashFromString(string) {
+  const byteLength = Buffer.byteLength(string)
+  const hash = crypto.createHash('sha1')
+  hash.setEncoding('hex')
+  hash.update('blob ' + byteLength + '\x00')
+  hash.update(string, 'utf8')
+  hash.end()
+  return hash.read()
+}
+
+export function _getBlobHash(fsPath, callback) {
+  return fs.stat(fsPath, function (err, stats) {
+    if (err != null) {
+      OError.tag(err, 'failed to stat file in _getBlobHash', { fsPath })
+      return callback(err)
+    }
+    const byteLength = stats.size
+    const hash = crypto.createHash('sha1')
+    hash.setEncoding('hex')
+    hash.update('blob ' + byteLength + '\x00')
+
+    pipeline(fs.createReadStream(fsPath), hash, err => {
+      if (err) {
+        callback(
+          OError.tag(err, 'error streaming file from disk', {
+            fsPath,
+            byteLength,
+          })
+        )
+      } else {
+        hash.end()
+        callback(null, hash.read(), byteLength)
+      }
+    })
+  })
+}
+
+export const promises = {
+  _getBlobHash: promisify(_getBlobHash),
+}
diff --git a/services/project-history/app/js/HealthChecker.js b/services/project-history/app/js/HealthChecker.js
new file mode 100644
index 0000000..c57f184
--- /dev/null
+++ b/services/project-history/app/js/HealthChecker.js
@@ -0,0 +1,78 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { ObjectId } from './mongodb.js'
+import request from 'request'
+import async from 'async'
+import settings from '@overleaf/settings'
+import logger from '@overleaf/logger'
+import OError from '@overleaf/o-error'
+import * as LockManager from './LockManager.js'
+
+const { port } = settings.internal.history
+
+export function check(callback) {
+  const projectId = new ObjectId(settings.history.healthCheck.project_id)
+  const url = `http://127.0.0.1:${port}/project/${projectId}`
+  logger.debug({ projectId }, 'running health check')
+  const jobs = [
+    cb =>
+      request.get(
+        { url: `http://127.0.0.1:${port}/check_lock`, timeout: 3000 },
+        function (err, res, body) {
+          if (err != null) {
+            OError.tag(err, 'error checking lock for health check', {
+              project_id: projectId,
+            })
+            return cb(err)
+          } else if ((res != null ? res.statusCode : undefined) !== 200) {
+            return cb(new Error(`status code not 200, it's ${res.statusCode}`))
+          } else {
+            return cb()
+          }
+        }
+      ),
+    cb =>
+      request.post(
+        { url: `${url}/flush`, timeout: 10000 },
+        function (err, res, body) {
+          if (err != null) {
+            OError.tag(err, 'error flushing for health check', {
+              project_id: projectId,
+            })
+            return cb(err)
+          } else if ((res != null ? res.statusCode : undefined) !== 204) {
+            return cb(new Error(`status code not 204, it's ${res.statusCode}`))
+          } else {
+            return cb()
+          }
+        }
+      ),
+    cb =>
+      request.get(
+        { url: `${url}/updates`, timeout: 10000 },
+        function (err, res, body) {
+          if (err != null) {
+            OError.tag(err, 'error getting updates for health check', {
+              project_id: projectId,
+            })
+            return cb(err)
+          } else if ((res != null ? res.statusCode : undefined) !== 200) {
+            return cb(new Error(`status code not 200, it's ${res.statusCode}`))
+          } else {
+            return cb()
+          }
+        }
+      ),
+  ]
+  return async.series(jobs, callback)
+}
+
+export function checkLock(callback) {
+  return LockManager.healthCheck(callback)
+}
diff --git a/services/project-history/app/js/HistoryApiManager.js b/services/project-history/app/js/HistoryApiManager.js
new file mode 100644
index 0000000..226ce10
--- /dev/null
+++ b/services/project-history/app/js/HistoryApiManager.js
@@ -0,0 +1,22 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import * as WebApiManager from './WebApiManager.js'
+import logger from '@overleaf/logger'
+
+export function shouldUseProjectHistory(projectId, callback) {
+  if (callback == null) {
+    callback = function () {}
+  }
+  return WebApiManager.getHistoryId(projectId, (error, historyId) =>
+    callback(error, historyId != null)
+  )
+}
diff --git a/services/project-history/app/js/HistoryBlobTranslator.js b/services/project-history/app/js/HistoryBlobTranslator.js
new file mode 100644
index 0000000..b0a6d4b
--- /dev/null
+++ b/services/project-history/app/js/HistoryBlobTranslator.js
@@ -0,0 +1,123 @@
+// @ts-check
+
+import {
+  Range,
+  TrackedChange,
+  TrackedChangeList,
+  CommentList,
+  Comment,
+  TrackingProps,
+} from 'overleaf-editor-core'
+import logger from '@overleaf/logger'
+import OError from '@overleaf/o-error'
+
+/**
+ * @import { AddDocUpdate } from './types'
+ * @import { CommentRawData, TrackedChangeRawData } from 'overleaf-editor-core/lib/types'
+ */
+
+/**
+ *
+ * @param {AddDocUpdate} update
+ * @returns {{trackedChanges: TrackedChangeRawData[], comments: CommentRawData[]} | undefined}
+ */
+export function createRangeBlobDataFromUpdate(update) {
+  logger.debug({ update }, 'createBlobDataFromUpdate')
+
+  if (update.doc == null || update.docLines == null) {
+    throw new OError('Not an AddFileUpdate')
+  }
+  if (
+    !update.ranges ||
+    (update.ranges.changes == null && update.ranges.comments == null)
+  ) {
+    return undefined
+  }
+
+  if (
+    (!update.ranges.changes || update.ranges.changes.length === 0) &&
+    (!update.ranges.comments || update.ranges.comments.length === 0)
+  ) {
+    return undefined
+  }
+
+  const sortedRanges = [...(update.ranges.changes || [])].sort((a, b) => {
+    if (a.op.p !== b.op.p) {
+      return a.op.p - b.op.p
+    }
+    if ('i' in a.op && a.op.i != null && 'd' in b.op && b.op.d != null) {
+      // Move deletes before inserts
+      return 1
+    }
+    return -1
+  })
+
+  const tcList = new TrackedChangeList([])
+
+  for (const change of sortedRanges) {
+    if ('d' in change.op && change.op.d != null) {
+      const length = change.op.d.length
+      const range = new Range(change.op.hpos ?? change.op.p, length)
+      tcList.add(
+        new TrackedChange(
+          range,
+          new TrackingProps(
+            'delete',
+            change.metadata.user_id,
+            new Date(change.metadata.ts)
+          )
+        )
+      )
+    } else if ('i' in change.op && change.op.i != null) {
+      const length = change.op.i.length
+      const range = new Range(change.op.hpos ?? change.op.p, length)
+      tcList.add(
+        new TrackedChange(
+          range,
+          new TrackingProps(
+            'insert',
+            change.metadata.user_id,
+            new Date(change.metadata.ts)
+          )
+        )
+      )
+    }
+  }
+  const comments = [...(update.ranges.comments || [])].sort((a, b) => {
+    return a.op.p - b.op.p
+  })
+
+  /** @type {Map<string, {ranges: Range[], resolved: boolean}>} */
+  const commentMap = new Map()
+  for (const comment of comments) {
+    const id = comment.op.t
+    if (!commentMap.has(id)) {
+      commentMap.set(id, {
+        ranges: [],
+        resolved: comment.op.resolved ?? false,
+      })
+    }
+    const entry = commentMap.get(id)
+    if (!entry) {
+      throw new Error('Comment entry not found')
+    }
+    if (entry.resolved !== (comment.op.resolved ?? false)) {
+      throw new Error('Mismatching resolved status for comment')
+    }
+
+    const commentLength = comment.op.c.length
+    if (commentLength > 0) {
+      // Empty comments in operations are translated to detached comments
+      const range = new Range(comment.op.hpos ?? comment.op.p, commentLength)
+      entry.ranges.push(range)
+    }
+  }
+  const commentList = new CommentList(
+    [...commentMap.entries()].map(
+      ([id, commentObj]) =>
+        new Comment(id, commentObj.ranges, commentObj.resolved)
+    )
+  )
+
+  return { trackedChanges: tcList.toRaw(), comments: commentList.toRaw() }
+}
diff --git a/services/project-history/app/js/HistoryStoreManager.js b/services/project-history/app/js/HistoryStoreManager.js
new file mode 100644
index 0000000..fe9c9e3
--- /dev/null
+++ b/services/project-history/app/js/HistoryStoreManager.js
@@ -0,0 +1,625 @@
+import { promisify } from 'node:util'
+import fs from 'node:fs'
+import request from 'request'
+import stream from 'node:stream'
+import logger from '@overleaf/logger'
+import _ from 'lodash'
+import { URL } from 'node:url'
+import OError from '@overleaf/o-error'
+import Settings from '@overleaf/settings'
+import {
+  fetchStream,
+  fetchNothing,
+  RequestFailedError,
+} from '@overleaf/fetch-utils'
+import * as Versions from './Versions.js'
+import * as Errors from './Errors.js'
+import * as LocalFileWriter from './LocalFileWriter.js'
+import * as HashManager from './HashManager.js'
+import * as HistoryBlobTranslator from './HistoryBlobTranslator.js'
+import { promisifyMultiResult } from '@overleaf/promise-utils'
+
+const HTTP_REQUEST_TIMEOUT = Settings.overleaf.history.requestTimeout
+
+/**
+ * Container for functions that need to be mocked in tests
+ *
+ * TODO: Rewrite tests in terms of exported functions only
+ */
+export const _mocks = {}
+
+class StringStream extends stream.Readable {
+  _read() {}
+}
+
+_mocks.getMostRecentChunk = (projectId, historyId, callback) => {
+  const path = `projects/${historyId}/latest/history`
+  logger.debug({ projectId, historyId }, 'getting chunk from history service')
+  _requestChunk({ path, json: true }, callback)
+}
+
+/**
+ * @param {Callback} callback
+ */
+export function getMostRecentChunk(projectId, historyId, callback) {
+  _mocks.getMostRecentChunk(projectId, historyId, callback)
+}
+
+/**
+ * @param {Callback} callback
+ */
+export function getChunkAtVersion(projectId, historyId, version, callback) {
+  const path = `projects/${historyId}/versions/${version}/history`
+  logger.debug(
+    { projectId, historyId, version },
+    'getting chunk from history service for version'
+  )
+  _requestChunk({ path, json: true }, callback)
+}
+
+export function getMostRecentVersion(projectId, historyId, callback) {
+  getMostRecentChunk(projectId, historyId, (error, chunk) => {
+    if (error) {
+      return callback(OError.tag(error))
+    }
+    const mostRecentVersion =
+      chunk.chunk.startVersion + (chunk.chunk.history.changes || []).length
+    const lastChange = _.last(
+      _.sortBy(chunk.chunk.history.changes || [], x => x.timestamp)
+    )
+    // find the latest project and doc versions in the chunk
+    _getLatestProjectVersion(projectId, chunk, (err1, projectVersion) =>
+      _getLatestV2DocVersions(projectId, chunk, (err2, v2DocVersions) => {
+        // return the project and doc versions
+        const projectStructureAndDocVersions = {
+          project: projectVersion,
+          docs: v2DocVersions,
+        }
+        callback(
+          err1 || err2,
+          mostRecentVersion,
+          projectStructureAndDocVersions,
+          lastChange,
+          chunk
+        )
+      })
+    )
+  })
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} historyId
+ * @param {Object} opts
+ * @param {boolean} [opts.readOnly]
+ * @param {(error: Error, rawChunk?: { startVersion: number, endVersion: number, endTimestamp: Date}) => void} callback
+ */
+export function getMostRecentVersionRaw(projectId, historyId, opts, callback) {
+  const path = `projects/${historyId}/latest/history/raw`
+  logger.debug(
+    { projectId, historyId },
+    'getting raw chunk from history service'
+  )
+  const qs = opts.readOnly ? { readOnly: true } : {}
+  _requestHistoryService({ path, json: true, qs }, (err, body) => {
+    if (err) return callback(OError.tag(err))
+    const { startVersion, endVersion, endTimestamp } = body
+    callback(null, {
+      startVersion,
+      endVersion,
+      endTimestamp: new Date(endTimestamp),
+    })
+  })
+}
+
+function _requestChunk(options, callback) {
+  _requestHistoryService(options, (err, chunk) => {
+    if (err) {
+      return callback(OError.tag(err))
+    }
+    if (
+      chunk == null ||
+      chunk.chunk == null ||
+      chunk.chunk.startVersion == null
+    ) {
+      const { path } = options
+      return callback(new OError('unexpected response', { path }))
+    }
+    callback(null, chunk)
+  })
+}
+
+function _getLatestProjectVersion(projectId, chunk, callback) {
+  // find the initial project version
+  const projectVersionInSnapshot = chunk.chunk.history.snapshot?.projectVersion
+  let projectVersion = projectVersionInSnapshot
+  const chunkStartVersion = chunk.chunk.startVersion
+  // keep track of any first error
+  let error = null
+  // iterate over the changes in chunk to find the most recent project version
+  for (const [changeIdx, change] of (
+    chunk.chunk.history.changes || []
+  ).entries()) {
+    const projectVersionInChange = change.projectVersion
+    if (projectVersionInChange != null) {
+      if (
+        projectVersion != null &&
+        Versions.lt(projectVersionInChange, projectVersion)
+      ) {
+        if (!error) {
+          error = new Errors.OpsOutOfOrderError(
+            'project structure version out of order',
+            {
+              projectId,
+              chunkStartVersion,
+              projectVersionInSnapshot,
+              changeIdx,
+              projectVersion,
+              projectVersionInChange,
+            }
+          )
+        }
+      } else {
+        projectVersion = projectVersionInChange
+      }
+    }
+  }
+  callback(error, projectVersion)
+}
+
+function _getLatestV2DocVersions(projectId, chunk, callback) {
+  // find the initial doc versions (indexed by docId as this is immutable)
+  const v2DocVersions =
+    (chunk.chunk.history.snapshot &&
+      chunk.chunk.history.snapshot.v2DocVersions) ||
+    {}
+  // keep track of any errors
+  let error = null
+  // iterate over the changes in the chunk to find the most recent doc versions
+  for (const change of chunk.chunk.history.changes || []) {
+    if (change.v2DocVersions != null) {
+      for (const docId in change.v2DocVersions) {
+        const docInfo = change.v2DocVersions[docId]
+        const { v } = docInfo
+        if (
+          v2DocVersions[docId] &&
+          v2DocVersions[docId].v != null &&
+          Versions.lt(v, v2DocVersions[docId].v)
+        ) {
+          if (!error) {
+            logger.warn(
+              {
+                projectId,
+                docId,
+                changeVersion: docInfo,
+                previousVersion: v2DocVersions[docId],
+              },
+              'doc version out of order in chunk'
+            )
+            error = new Errors.OpsOutOfOrderError('doc version out of order')
+          }
+        } else {
+          v2DocVersions[docId] = docInfo
+        }
+      }
+    }
+  }
+  callback(error, v2DocVersions)
+}
+
+export function getProjectBlob(historyId, blobHash, callback) {
+  logger.debug({ historyId, blobHash }, 'getting blob from history service')
+  _requestHistoryService(
+    { path: `projects/${historyId}/blobs/${blobHash}` },
+    callback
+  )
+}
+
+/**
+ * @param {Callback} callback
+ */
+export function getProjectBlobStream(historyId, blobHash, callback) {
+  const url = `${Settings.overleaf.history.host}/projects/${historyId}/blobs/${blobHash}`
+  logger.debug(
+    { historyId, blobHash },
+    'getting blob stream from history service'
+  )
+  fetchStream(url, getHistoryFetchOptions())
+    .then(stream => {
+      callback(null, stream)
+    })
+    .catch(err => callback(OError.tag(err)))
+}
+
+export function sendChanges(
+  projectId,
+  historyId,
+  changes,
+  endVersion,
+  callback
+) {
+  logger.debug(
+    { projectId, historyId, endVersion },
+    'sending changes to history service'
+  )
+  _requestHistoryService(
+    {
+      path: `projects/${historyId}/legacy_changes`,
+      qs: { end_version: endVersion },
+      method: 'POST',
+      json: changes,
+    },
+    error => {
+      if (error) {
+        OError.tag(error, 'failed to send changes to v1', {
+          projectId,
+          historyId,
+          endVersion,
+          errorCode: error.code,
+          statusCode: error.statusCode,
+          body: error.body,
+        })
+        return callback(error)
+      }
+      callback()
+    }
+  )
+}
+
+function createBlobFromString(historyId, data, fileId, callback) {
+  const stringStream = new StringStream()
+  stringStream.push(data)
+  stringStream.push(null)
+  LocalFileWriter.bufferOnDisk(
+    stringStream,
+    '',
+    fileId,
+    (fsPath, cb) => {
+      _createBlob(historyId, fsPath, cb)
+    },
+    callback
+  )
+}
+
+function _checkBlobExists(historyId, hash, callback) {
+  if (!hash) return callback(null, false)
+  const url = `${Settings.overleaf.history.host}/projects/${historyId}/blobs/${hash}`
+  fetchNothing(url, {
+    method: 'HEAD',
+    ...getHistoryFetchOptions(),
+  })
+    .then(res => {
+      callback(null, true)
+    })
+    .catch(err => {
+      if (err instanceof RequestFailedError && err.response.status === 404) {
+        return callback(null, false)
+      }
+      callback(OError.tag(err), false)
+    })
+}
+
+function _rewriteFilestoreUrl(url, projectId, callback) {
+  if (!url) {
+    return { fileId: null, filestoreURL: null }
+  }
+  // Rewrite the filestore url to point to the location in the local
+  // settings for this service (this avoids problems with cross-
+  // datacentre requests when running filestore in multiple locations).
+  const { pathname: fileStorePath } = new URL(url)
+  const urlMatch = /^\/project\/([0-9a-f]{24})\/file\/([0-9a-f]{24})$/.exec(
+    fileStorePath
+  )
+  if (urlMatch == null) {
+    return callback(new OError('invalid file for blob creation'))
+  }
+  if (urlMatch[1] !== projectId) {
+    return callback(new OError('invalid project for blob creation'))
+  }
+
+  const fileId = urlMatch[2]
+  const filestoreURL = `${Settings.apis.filestore.url}/project/${projectId}/file/${fileId}`
+  return { filestoreURL, fileId }
+}
+
+export function createBlobForUpdate(projectId, historyId, update, callback) {
+  callback = _.once(callback)
+
+  if (update.doc != null && update.docLines != null) {
+    let ranges
+    try {
+      ranges = HistoryBlobTranslator.createRangeBlobDataFromUpdate(update)
+    } catch (error) {
+      return callback(error)
+    }
+    createBlobFromString(
+      historyId,
+      update.docLines,
+      `project-${projectId}-doc-${update.doc}`,
+      (err, fileHash) => {
+        if (err) {
+          return callback(err)
+        }
+        if (ranges) {
+          createBlobFromString(
+            historyId,
+            JSON.stringify(ranges),
+            `project-${projectId}-doc-${update.doc}-ranges`,
+            (err, rangesHash) => {
+              if (err) {
+                return callback(err)
+              }
+              logger.debug(
+                { fileHash, rangesHash },
+                'created blobs for both ranges and content'
+              )
+              return callback(null, { file: fileHash, ranges: rangesHash })
+            }
+          )
+        } else {
+          logger.debug({ fileHash }, 'created blob for content')
+          return callback(null, { file: fileHash })
+        }
+      }
+    )
+  } else if (
+    update.file != null &&
+    (update.url != null || update.createdBlob)
+  ) {
+    const { fileId, filestoreURL } = _rewriteFilestoreUrl(
+      update.url,
+      projectId,
+      callback
+    )
+    _checkBlobExists(historyId, update.hash, (err, blobExists) => {
+      if (err) {
+        return callback(
+          new OError(
+            'error checking whether blob exists',
+            { projectId, historyId, update },
+            err
+          )
+        )
+      } else if (blobExists) {
+        logger.debug(
+          { projectId, fileId, update },
+          'Skipping blob creation as it has already been created'
+        )
+        return callback(null, { file: update.hash })
+      } else if (update.createdBlob) {
+        logger.warn(
+          { projectId, fileId, update },
+          'created blob does not exist, reading from filestore'
+        )
+      }
+
+      if (!filestoreURL) {
+        return callback(
+          new OError('no filestore URL provided and blob was not created')
+        )
+      }
+      if (!Settings.apis.filestore.enabled) {
+        return callback(new OError('blocking filestore read', { update }))
+      }
+
+      fetchStream(filestoreURL, {
+        signal: AbortSignal.timeout(HTTP_REQUEST_TIMEOUT),
+      })
+        .then(stream => {
+          LocalFileWriter.bufferOnDisk(
+            stream,
+            filestoreURL,
+            `project-${projectId}-file-${fileId}`,
+            (fsPath, cb) => {
+              _createBlob(historyId, fsPath, cb)
+            },
+            (err, fileHash) => {
+              if (err) {
+                return callback(err)
+              }
+              if (update.hash && update.hash !== fileHash) {
+                logger.warn(
+                  { projectId, fileId, webHash: update.hash, fileHash },
+                  'hash mismatch between web and project-history'
+                )
+              }
+              logger.debug({ fileHash }, 'created blob for file')
+              callback(null, { file: fileHash })
+            }
+          )
+        })
+        .catch(err => {
+          if (
+            err instanceof RequestFailedError &&
+            err.response.status === 404
+          ) {
+            logger.warn(
+              { projectId, historyId, filestoreURL },
+              'File contents not found in filestore. Storing in history as an empty file'
+            )
+            const emptyStream = new StringStream()
+            LocalFileWriter.bufferOnDisk(
+              emptyStream,
+              filestoreURL,
+              `project-${projectId}-file-${fileId}`,
+              (fsPath, cb) => {
+                _createBlob(historyId, fsPath, cb)
+              },
+              (err, fileHash) => {
+                if (err) {
+                  return callback(err)
+                }
+                logger.debug({ fileHash }, 'created empty blob for file')
+                callback(null, { file: fileHash })
+              }
+            )
+            emptyStream.push(null) // send an EOF signal
+          } else {
+            callback(OError.tag(err, 'error from filestore', { filestoreURL }))
+          }
+        })
+    })
+  } else {
+    const error = new OError('invalid update for blob creation')
+    callback(error)
+  }
+}
+
+function _createBlob(historyId, fsPath, _callback) {
+  const callback = _.once(_callback)
+
+  HashManager._getBlobHash(fsPath, (error, hash, byteLength) => {
+    if (error) {
+      return callback(OError.tag(error))
+    }
+    const outStream = fs.createReadStream(fsPath)
+
+    logger.debug(
+      { fsPath, historyId, hash, byteLength },
+      'sending blob to history service'
+    )
+    const url = `${Settings.overleaf.history.host}/projects/${historyId}/blobs/${hash}`
+    fetchNothing(url, {
+      method: 'PUT',
+      body: outStream,
+      headers: { 'Content-Length': byteLength }, // add the content length to work around problems with chunked encoding in node 18
+      ...getHistoryFetchOptions(),
+    })
+      .then(res => {
+        callback(null, hash)
+      })
+      .catch(err => {
+        callback(OError.tag(err))
+      })
+  })
+}
+
+export function initializeProject(historyId, callback) {
+  _requestHistoryService(
+    {
+      method: 'POST',
+      path: 'projects',
+      json: historyId == null ? true : { projectId: historyId },
+    },
+    (error, project) => {
+      if (error) {
+        return callback(OError.tag(error))
+      }
+
+      const id = project.projectId
+      if (id == null) {
+        error = new OError('history store did not return a project id', id)
+        return callback(error)
+      }
+
+      callback(null, id)
+    }
+  )
+}
+
+export function deleteProject(projectId, callback) {
+  _requestHistoryService(
+    { method: 'DELETE', path: `projects/${projectId}` },
+    callback
+  )
+}
+
+const getProjectBlobAsync = promisify(getProjectBlob)
+
+class BlobStore {
+  constructor(projectId) {
+    this.projectId = projectId
+  }
+
+  async getString(hash) {
+    return await getProjectBlobAsync(this.projectId, hash)
+  }
+
+  async getObject(hash) {
+    const string = await this.getString(hash)
+    return JSON.parse(string)
+  }
+}
+
+export function getBlobStore(projectId) {
+  return new BlobStore(projectId)
+}
+
+function _requestOptions(options) {
+  const requestOptions = {
+    method: options.method || 'GET',
+    url: `${Settings.overleaf.history.host}/${options.path}`,
+    timeout: HTTP_REQUEST_TIMEOUT,
+    auth: {
+      user: Settings.overleaf.history.user,
+      pass: Settings.overleaf.history.pass,
+      sendImmediately: true,
+    },
+  }
+
+  if (options.json != null) {
+    requestOptions.json = options.json
+  }
+
+  if (options.body != null) {
+    requestOptions.body = options.body
+  }
+
+  if (options.qs != null) {
+    requestOptions.qs = options.qs
+  }
+
+  return requestOptions
+}
+
+/**
+ * @return {RequestInit}
+ */
+function getHistoryFetchOptions() {
+  return {
+    signal: AbortSignal.timeout(HTTP_REQUEST_TIMEOUT),
+    basicAuth: {
+      user: Settings.overleaf.history.user,
+      password: Settings.overleaf.history.pass,
+    },
+  }
+}
+
+function _requestHistoryService(options, callback) {
+  const requestOptions = _requestOptions(options)
+  request(requestOptions, (error, res, body) => {
+    if (error) {
+      return callback(OError.tag(error))
+    }
+
+    if (res.statusCode >= 200 && res.statusCode < 300) {
+      callback(null, body)
+    } else {
+      const { method, url, qs } = requestOptions
+      error = new OError(
+        `history store a non-success status code: ${res.statusCode}`,
+        { method, url, qs, statusCode: res.statusCode }
+      )
+      callback(error)
+    }
+  })
+}
+
+export const promises = {
+  /** @type {(projectId: string, historyId: string) => Promise<{chunk: import('overleaf-editor-core/lib/types.js').RawChunk}>} */
+  getMostRecentChunk: promisify(getMostRecentChunk),
+  getChunkAtVersion: promisify(getChunkAtVersion),
+  getMostRecentVersion: promisifyMultiResult(getMostRecentVersion, [
+    'version',
+    'projectStructureAndDocVersions',
+    'lastChange',
+    'mostRecentChunk',
+  ]),
+  getMostRecentVersionRaw: promisify(getMostRecentVersionRaw),
+  getProjectBlob: promisify(getProjectBlob),
+  getProjectBlobStream: promisify(getProjectBlobStream),
+  sendChanges: promisify(sendChanges),
+  createBlobForUpdate: promisify(createBlobForUpdate),
+  initializeProject: promisify(initializeProject),
+  deleteProject: promisify(deleteProject),
+}
diff --git a/services/project-history/app/js/HttpController.js b/services/project-history/app/js/HttpController.js
new file mode 100644
index 0000000..9272487
--- /dev/null
+++ b/services/project-history/app/js/HttpController.js
@@ -0,0 +1,582 @@
+import logger from '@overleaf/logger'
+import OError from '@overleaf/o-error'
+import request from 'request'
+import * as UpdatesProcessor from './UpdatesProcessor.js'
+import * as SummarizedUpdatesManager from './SummarizedUpdatesManager.js'
+import * as DiffManager from './DiffManager.js'
+import * as HistoryStoreManager from './HistoryStoreManager.js'
+import * as WebApiManager from './WebApiManager.js'
+import * as SnapshotManager from './SnapshotManager.js'
+import * as HealthChecker from './HealthChecker.js'
+import * as SyncManager from './SyncManager.js'
+import * as ErrorRecorder from './ErrorRecorder.js'
+import * as RedisManager from './RedisManager.js'
+import * as LabelsManager from './LabelsManager.js'
+import * as HistoryApiManager from './HistoryApiManager.js'
+import * as RetryManager from './RetryManager.js'
+import * as FlushManager from './FlushManager.js'
+import { pipeline } from 'node:stream'
+import { RequestFailedError } from '@overleaf/fetch-utils'
+
+const ONE_DAY_IN_SECONDS = 24 * 60 * 60
+
+export function getProjectBlob(req, res, next) {
+  const historyId = req.params.history_id
+  const blobHash = req.params.hash
+  HistoryStoreManager.getProjectBlobStream(
+    historyId,
+    blobHash,
+    (err, stream) => {
+      if (err != null) {
+        if (err instanceof RequestFailedError && err.response.status === 404) {
+          return res.status(404).end()
+        }
+        return next(OError.tag(err))
+      }
+      res.setHeader('Cache-Control', `private, max-age=${ONE_DAY_IN_SECONDS}`)
+      pipeline(stream, res, err => {
+        if (err) next(err)
+        // res.end() is already called via 'end' event by pipeline.
+      })
+    }
+  )
+}
+
+export function initializeProject(req, res, next) {
+  const { historyId } = req.body
+  HistoryStoreManager.initializeProject(historyId, (error, id) => {
+    if (error != null) {
+      return next(OError.tag(error))
+    }
+    res.json({ project: { id } })
+  })
+}
+
+export function flushProject(req, res, next) {
+  const projectId = req.params.project_id
+  if (req.query.debug) {
+    logger.debug(
+      { projectId },
+      'compressing project history in single-step mode'
+    )
+    UpdatesProcessor.processSingleUpdateForProject(projectId, error => {
+      if (error != null) {
+        return next(OError.tag(error))
+      }
+      res.sendStatus(204)
+    })
+  } else if (req.query.bisect) {
+    logger.debug({ projectId }, 'compressing project history in bisect mode')
+    UpdatesProcessor.processUpdatesForProjectUsingBisect(
+      projectId,
+      UpdatesProcessor.REDIS_READ_BATCH_SIZE,
+      error => {
+        if (error != null) {
+          return next(OError.tag(error))
+        }
+        res.sendStatus(204)
+      }
+    )
+  } else {
+    logger.debug({ projectId }, 'compressing project history')
+    UpdatesProcessor.processUpdatesForProject(projectId, error => {
+      if (error != null) {
+        return next(OError.tag(error))
+      }
+      res.sendStatus(204)
+    })
+  }
+}
+
+export function dumpProject(req, res, next) {
+  const projectId = req.params.project_id
+  const batchSize = req.query.count || UpdatesProcessor.REDIS_READ_BATCH_SIZE
+  logger.debug({ projectId }, 'retrieving raw updates')
+  UpdatesProcessor.getRawUpdates(projectId, batchSize, (error, rawUpdates) => {
+    if (error != null) {
+      return next(OError.tag(error))
+    }
+    res.json(rawUpdates)
+  })
+}
+
+export function flushOld(req, res, next) {
+  const { maxAge, queueDelay, limit, timeout, background } = req.query
+  const options = { maxAge, queueDelay, limit, timeout, background }
+  FlushManager.flushOldOps(options, (error, results) => {
+    if (error != null) {
+      return next(OError.tag(error))
+    }
+    res.send(results)
+  })
+}
+
+export function getDiff(req, res, next) {
+  const projectId = req.params.project_id
+  const { pathname, from, to } = req.query
+  if (pathname == null) {
+    return res.sendStatus(400)
+  }
+
+  logger.debug({ projectId, pathname, from, to }, 'getting diff')
+  DiffManager.getDiff(projectId, pathname, from, to, (error, diff) => {
+    if (error != null) {
+      return next(OError.tag(error))
+    }
+    res.json({ diff })
+  })
+}
+
+export function getFileTreeDiff(req, res, next) {
+  const projectId = req.params.project_id
+  const { to, from } = req.query
+
+  DiffManager.getFileTreeDiff(projectId, from, to, (error, diff) => {
+    if (error != null) {
+      return next(OError.tag(error))
+    }
+    res.json({ diff })
+  })
+}
+
+export function getUpdates(req, res, next) {
+  const projectId = req.params.project_id
+  const { before, min_count: minCount } = req.query
+  SummarizedUpdatesManager.getSummarizedProjectUpdates(
+    projectId,
+    { before, min_count: minCount },
+    (error, updates, nextBeforeTimestamp) => {
+      if (error != null) {
+        return next(OError.tag(error))
+      }
+      for (const update of updates) {
+        // Sets don't JSONify, so convert to arrays
+        update.pathnames = Array.from(update.pathnames || []).sort()
+      }
+      res.json({
+        updates,
+        nextBeforeTimestamp,
+      })
+    }
+  )
+}
+
+export function latestVersion(req, res, next) {
+  const projectId = req.params.project_id
+  logger.debug({ projectId }, 'compressing project history and getting version')
+  UpdatesProcessor.processUpdatesForProject(projectId, error => {
+    if (error != null) {
+      return next(OError.tag(error))
+    }
+    WebApiManager.getHistoryId(projectId, (error, historyId) => {
+      if (error != null) {
+        return next(OError.tag(error))
+      }
+      HistoryStoreManager.getMostRecentVersion(
+        projectId,
+        historyId,
+        (error, version, projectStructureAndDocVersions, lastChange) => {
+          if (error != null) {
+            return next(OError.tag(error))
+          }
+          res.json({
+            version,
+            timestamp: lastChange != null ? lastChange.timestamp : undefined,
+            v2Authors: lastChange != null ? lastChange.v2Authors : undefined,
+          })
+        }
+      )
+    })
+  })
+}
+
+export function getFileSnapshot(req, res, next) {
+  const { project_id: projectId, version, pathname } = req.params
+  SnapshotManager.getFileSnapshotStream(
+    projectId,
+    version,
+    pathname,
+    (error, stream) => {
+      if (error != null) {
+        return next(OError.tag(error))
+      }
+      pipeline(stream, res, err => {
+        if (err) next(err)
+        // res.end() is already called via 'end' event by pipeline.
+      })
+    }
+  )
+}
+
+export function getRangesSnapshot(req, res, next) {
+  const { project_id: projectId, version, pathname } = req.params
+  SnapshotManager.getRangesSnapshot(
+    projectId,
+    version,
+    pathname,
+    (err, ranges) => {
+      if (err) {
+        return next(OError.tag(err))
+      }
+      res.json(ranges)
+    }
+  )
+}
+
+export function getFileMetadataSnapshot(req, res, next) {
+  const { project_id: projectId, version, pathname } = req.params
+  SnapshotManager.getFileMetadataSnapshot(
+    projectId,
+    version,
+    pathname,
+    (err, data) => {
+      if (err) {
+        return next(OError.tag(err))
+      }
+      res.json(data)
+    }
+  )
+}
+
+export function getLatestSnapshot(req, res, next) {
+  const { project_id: projectId } = req.params
+  WebApiManager.getHistoryId(projectId, (error, historyId) => {
+    if (error) return next(OError.tag(error))
+    SnapshotManager.getLatestSnapshot(
+      projectId,
+      historyId,
+      (error, details) => {
+        if (error != null) {
+          return next(error)
+        }
+        const { snapshot, version } = details
+        res.json({ snapshot: snapshot.toRaw(), version })
+      }
+    )
+  })
+}
+
+export function getChangesInChunkSince(req, res, next) {
+  const { project_id: projectId } = req.params
+  const { since } = req.query
+  WebApiManager.getHistoryId(projectId, (error, historyId) => {
+    if (error) return next(OError.tag(error))
+    SnapshotManager.getChangesInChunkSince(
+      projectId,
+      historyId,
+      since,
+      (error, details) => {
+        if (error != null) {
+          return next(error)
+        }
+        const { latestStartVersion, changes } = details
+        res.json({
+          latestStartVersion,
+          changes: changes.map(c => c.toRaw()),
+        })
+      }
+    )
+  })
+}
+
+export function getProjectSnapshot(req, res, next) {
+  const { project_id: projectId, version } = req.params
+  SnapshotManager.getProjectSnapshot(
+    projectId,
+    version,
+    (error, snapshotData) => {
+      if (error != null) {
+        return next(error)
+      }
+      res.json(snapshotData)
+    }
+  )
+}
+
+export function getPathsAtVersion(req, res, next) {
+  const { project_id: projectId, version } = req.params
+  SnapshotManager.getPathsAtVersion(projectId, version, (error, result) => {
+    if (error != null) {
+      return next(error)
+    }
+    res.json(result)
+  })
+}
+
+export function healthCheck(req, res) {
+  HealthChecker.check(err => {
+    if (err != null) {
+      logger.err({ err }, 'error performing health check')
+      res.sendStatus(500)
+    } else {
+      res.sendStatus(200)
+    }
+  })
+}
+
+export function checkLock(req, res) {
+  HealthChecker.checkLock(err => {
+    if (err != null) {
+      logger.err({ err }, 'error performing lock check')
+      res.sendStatus(500)
+    } else {
+      res.sendStatus(200)
+    }
+  })
+}
+
+export function resyncProject(req, res, next) {
+  const projectId = req.params.project_id
+  const options = {}
+  if (req.body.origin) {
+    options.origin = req.body.origin
+  }
+  if (req.body.historyRangesMigration) {
+    options.historyRangesMigration = req.body.historyRangesMigration
+  }
+  if (req.query.force || req.body.force) {
+    // this will delete the queue and clear the sync state
+    // use if the project is completely broken
+    SyncManager.startHardResync(projectId, options, error => {
+      if (error != null) {
+        return next(error)
+      }
+      // flush the sync operations
+      UpdatesProcessor.processUpdatesForProject(projectId, error => {
+        if (error != null) {
+          return next(error)
+        }
+        res.sendStatus(204)
+      })
+    })
+  } else {
+    SyncManager.startResync(projectId, options, error => {
+      if (error != null) {
+        return next(error)
+      }
+      // flush the sync operations
+      UpdatesProcessor.processUpdatesForProject(projectId, error => {
+        if (error != null) {
+          return next(error)
+        }
+        res.sendStatus(204)
+      })
+    })
+  }
+}
+
+export function forceDebugProject(req, res, next) {
+  const projectId = req.params.project_id
+  // set the debug flag to true unless we see ?clear=true
+  const state = !req.query.clear
+  ErrorRecorder.setForceDebug(projectId, state, error => {
+    if (error != null) {
+      return next(error)
+    }
+    // display the failure record to help debugging
+    ErrorRecorder.getFailureRecord(projectId, (error, result) => {
+      if (error != null) {
+        return next(error)
+      }
+      res.send(result)
+    })
+  })
+}
+
+export function getFailures(req, res, next) {
+  ErrorRecorder.getFailures((error, result) => {
+    if (error != null) {
+      return next(error)
+    }
+    res.send({ failures: result })
+  })
+}
+
+export function getQueueCounts(req, res, next) {
+  RedisManager.getProjectIdsWithHistoryOpsCount((err, queuedProjectsCount) => {
+    if (err != null) {
+      return next(err)
+    }
+    res.send({ queuedProjects: queuedProjectsCount })
+  })
+}
+
+export function getLabels(req, res, next) {
+  const projectId = req.params.project_id
+  HistoryApiManager.shouldUseProjectHistory(
+    projectId,
+    (error, shouldUseProjectHistory) => {
+      if (error != null) {
+        return next(error)
+      }
+      if (shouldUseProjectHistory) {
+        LabelsManager.getLabels(projectId, (error, labels) => {
+          if (error != null) {
+            return next(error)
+          }
+          res.json(labels)
+        })
+      } else {
+        res.sendStatus(409)
+      }
+    }
+  )
+}
+
+export function createLabel(req, res, next) {
+  const { project_id: projectId, user_id: userIdParam } = req.params
+  const {
+    version,
+    comment,
+    user_id: userIdBody,
+    created_at: createdAt,
+    validate_exists: validateExists,
+  } = req.body
+
+  // Temporarily looking up both params and body while rolling out changes
+  // in the router path - https://github.com/overleaf/internal/pull/20200
+  const userId = userIdParam || userIdBody
+
+  HistoryApiManager.shouldUseProjectHistory(
+    projectId,
+    (error, shouldUseProjectHistory) => {
+      if (error != null) {
+        return next(error)
+      }
+      if (shouldUseProjectHistory) {
+        LabelsManager.createLabel(
+          projectId,
+          userId,
+          version,
+          comment,
+          createdAt,
+          validateExists,
+          (error, label) => {
+            if (error != null) {
+              return next(error)
+            }
+            res.json(label)
+          }
+        )
+      } else {
+        logger.error(
+          {
+            projectId,
+            userId,
+            version,
+            comment,
+            createdAt,
+            validateExists,
+          },
+          'not using v2 history'
+        )
+        res.sendStatus(409)
+      }
+    }
+  )
+}
+
+/**
+ * This will delete a label if it is owned by the current user. If you wish to
+ * delete a label regardless of the current user, then use `deleteLabel` instead.
+ */
+export function deleteLabelForUser(req, res, next) {
+  const {
+    project_id: projectId,
+    user_id: userId,
+    label_id: labelId,
+  } = req.params
+
+  LabelsManager.deleteLabelForUser(projectId, userId, labelId, error => {
+    if (error != null) {
+      return next(error)
+    }
+    res.sendStatus(204)
+  })
+}
+
+export function deleteLabel(req, res, next) {
+  const { project_id: projectId, label_id: labelId } = req.params
+
+  LabelsManager.deleteLabel(projectId, labelId, error => {
+    if (error != null) {
+      return next(error)
+    }
+    res.sendStatus(204)
+  })
+}
+
+export function retryFailures(req, res, next) {
+  const { failureType, timeout, limit, callbackUrl } = req.query
+  if (callbackUrl) {
+    // send response but run in background when callbackUrl provided
+    res.send({ retryStatus: 'running retryFailures in background' })
+  }
+  RetryManager.retryFailures(
+    { failureType, timeout, limit },
+    (error, result) => {
+      if (callbackUrl) {
+        // if present, notify the callbackUrl on success
+        if (!error) {
+          // Needs Node 12
+          // const callbackHeaders = Object.fromEntries(Object.entries(req.headers || {}).filter(([k,v]) => k.match(/^X-CALLBACK-/i)))
+          const callbackHeaders = {}
+          for (const key of Object.getOwnPropertyNames(
+            req.headers || {}
+          ).filter(key => key.match(/^X-CALLBACK-/i))) {
+            const found = key.match(/^X-CALLBACK-(.*)/i)
+            callbackHeaders[found[1]] = req.headers[key]
+          }
+          request({ url: callbackUrl, headers: callbackHeaders })
+        }
+      } else {
+        if (error != null) {
+          return next(error)
+        }
+        res.send({ retryStatus: result })
+      }
+    }
+  )
+}
+
+export function transferLabels(req, res, next) {
+  const { from_user: fromUser, to_user: toUser } = req.params
+  LabelsManager.transferLabels(fromUser, toUser, error => {
+    if (error != null) {
+      return next(error)
+    }
+    res.sendStatus(204)
+  })
+}
+
+export function deleteProject(req, res, next) {
+  const { project_id: projectId } = req.params
+  // clear the timestamp before clearing the queue,
+  // because the queue location is used in the migration
+  RedisManager.clearFirstOpTimestamp(projectId, err => {
+    if (err) {
+      return next(err)
+    }
+    RedisManager.clearCachedHistoryId(projectId, err => {
+      if (err) {
+        return next(err)
+      }
+      RedisManager.destroyDocUpdatesQueue(projectId, err => {
+        if (err) {
+          return next(err)
+        }
+        SyncManager.clearResyncState(projectId, err => {
+          if (err) {
+            return next(err)
+          }
+          ErrorRecorder.clearError(projectId, err => {
+            if (err) {
+              return next(err)
+            }
+            res.sendStatus(204)
+          })
+        })
+      })
+    })
+  })
+}
diff --git a/services/project-history/app/js/LabelsManager.js b/services/project-history/app/js/LabelsManager.js
new file mode 100644
index 0000000..fe3dd4e
--- /dev/null
+++ b/services/project-history/app/js/LabelsManager.js
@@ -0,0 +1,175 @@
+import OError from '@overleaf/o-error'
+import { db, ObjectId } from './mongodb.js'
+import * as HistoryStoreManager from './HistoryStoreManager.js'
+import * as UpdatesProcessor from './UpdatesProcessor.js'
+import * as WebApiManager from './WebApiManager.js'
+
+export function getLabels(projectId, callback) {
+  _toObjectId(projectId, function (error, projectId) {
+    if (error) {
+      return callback(OError.tag(error))
+    }
+    db.projectHistoryLabels
+      .find({ project_id: new ObjectId(projectId) })
+      .toArray(function (error, labels) {
+        if (error) {
+          return callback(OError.tag(error))
+        }
+        const formattedLabels = labels.map(_formatLabel)
+        callback(null, formattedLabels)
+      })
+  })
+}
+
+export function createLabel(
+  projectId,
+  userId,
+  version,
+  comment,
+  createdAt,
+  shouldValidateExists,
+  callback
+) {
+  const validateVersionExists = function (callback) {
+    if (shouldValidateExists === false) {
+      callback()
+    } else {
+      _validateChunkExistsForVersion(projectId.toString(), version, callback)
+    }
+  }
+
+  _toObjectId(projectId, userId, function (error, projectId, userId) {
+    if (error) {
+      return callback(OError.tag(error))
+    }
+    validateVersionExists(function (error) {
+      if (error) {
+        return callback(OError.tag(error))
+      }
+
+      createdAt = createdAt != null ? new Date(createdAt) : new Date()
+
+      const label = {
+        project_id: new ObjectId(projectId),
+        comment,
+        version,
+        created_at: createdAt,
+      }
+      if (userId) {
+        label.user_id = userId
+      }
+      db.projectHistoryLabels.insertOne(label, function (error, confirmation) {
+        if (error) {
+          return callback(OError.tag(error))
+        }
+        label._id = confirmation.insertedId
+        callback(null, _formatLabel(label))
+      })
+    })
+  })
+}
+
+export function deleteLabelForUser(projectId, userId, labelId, callback) {
+  _toObjectId(
+    projectId,
+    userId,
+    labelId,
+    function (error, projectId, userId, labelId) {
+      if (error) {
+        return callback(OError.tag(error))
+      }
+      db.projectHistoryLabels.deleteOne(
+        {
+          _id: new ObjectId(labelId),
+          project_id: new ObjectId(projectId),
+          user_id: new ObjectId(userId),
+        },
+        callback
+      )
+    }
+  )
+}
+
+export function deleteLabel(projectId, labelId, callback) {
+  _toObjectId(projectId, labelId, function (error, projectId, labelId) {
+    if (error) {
+      return callback(OError.tag(error))
+    }
+    db.projectHistoryLabels.deleteOne(
+      {
+        _id: new ObjectId(labelId),
+        project_id: new ObjectId(projectId),
+      },
+      callback
+    )
+  })
+}
+
+export function transferLabels(fromUserId, toUserId, callback) {
+  _toObjectId(fromUserId, toUserId, function (error, fromUserId, toUserId) {
+    if (error) {
+      return callback(OError.tag(error))
+    }
+    db.projectHistoryLabels.updateMany(
+      {
+        user_id: fromUserId,
+      },
+      {
+        $set: { user_id: toUserId },
+      },
+      callback
+    )
+  })
+}
+
+function _toObjectId(...args1) {
+  const adjustedLength = Math.max(args1.length, 1)
+  const args = args1.slice(0, adjustedLength - 1)
+  const callback = args1[adjustedLength - 1]
+  try {
+    const ids = args.map(id => {
+      if (id) {
+        return new ObjectId(id)
+      } else {
+        return undefined
+      }
+    })
+    callback(null, ...ids)
+  } catch (error) {
+    callback(error)
+  }
+}
+
+function _formatLabel(label) {
+  return {
+    id: label._id,
+    comment: label.comment,
+    version: label.version,
+    user_id: label.user_id,
+    created_at: label.created_at,
+  }
+}
+
+function _validateChunkExistsForVersion(projectId, version, callback) {
+  UpdatesProcessor.processUpdatesForProject(projectId, function (error) {
+    if (error) {
+      return callback(error)
+    }
+    WebApiManager.getHistoryId(projectId, function (error, historyId) {
+      if (error) {
+        return callback(error)
+      }
+      HistoryStoreManager.getChunkAtVersion(
+        projectId,
+        historyId,
+        version,
+        function (error) {
+          if (error) {
+            return callback(error)
+          }
+          callback()
+        }
+      )
+    })
+  })
+}
diff --git a/services/project-history/app/js/LargeFileManager.js b/services/project-history/app/js/LargeFileManager.js
new file mode 100644
index 0000000..dfdc994
--- /dev/null
+++ b/services/project-history/app/js/LargeFileManager.js
@@ -0,0 +1,88 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import fs from 'node:fs'
+import { randomUUID } from 'node:crypto'
+import Path from 'node:path'
+import logger from '@overleaf/logger'
+import OError from '@overleaf/o-error'
+import metrics from '@overleaf/metrics'
+import Settings from '@overleaf/settings'
+import _ from 'lodash'
+import * as HistoryStoreManager from './HistoryStoreManager.js'
+import * as HashManager from './HashManager.js'
+
+export function createStub(fsPath, fileId, fileSize, fileHash, callback) {
+  if (callback == null) {
+    callback = function () {}
+  }
+  callback = _.once(callback)
+  const newFsPath = Path.join(
+    Settings.path.uploadFolder,
+    randomUUID() + `-${fileId}-stub`
+  )
+  const writeStream = fs.createWriteStream(newFsPath)
+  writeStream.on('error', function (error) {
+    OError.tag(error, 'error writing stub file', { fsPath, newFsPath })
+    return fs.unlink(newFsPath, () => callback(error))
+  })
+  writeStream.on('finish', function () {
+    logger.debug(
+      { fsPath, fileId, fileSize, fileHash },
+      'replaced large file with stub'
+    )
+    return callback(null, newFsPath)
+  }) // let the consumer unlink the file
+  const stubLines = [
+    'FileTooLargeError v1',
+    'File too large to be stored in history service',
+    `id ${fileId}`,
+    `size ${fileSize} bytes`,
+    `hash ${fileHash}`,
+    '\0', // null byte to make this a binary file
+  ]
+  writeStream.write(stubLines.join('\n'))
+  return writeStream.end()
+}
+
+export function replaceWithStubIfNeeded(fsPath, fileId, fileSize, callback) {
+  if (callback == null) {
+    callback = function () {}
+  }
+  if (
+    Settings.maxFileSizeInBytes != null &&
+    fileSize > Settings.maxFileSizeInBytes
+  ) {
+    logger.error(
+      { fsPath, fileId, maxFileSizeInBytes: Settings.maxFileSizeInBytes },
+      'file too large, will use stub'
+    )
+    return HashManager._getBlobHash(fsPath, function (error, fileHash) {
+      if (error != null) {
+        return callback(error)
+      }
+      return createStub(
+        fsPath,
+        fileId,
+        fileSize,
+        fileHash,
+        function (error, newFsPath) {
+          if (error != null) {
+            return callback(error)
+          }
+          return callback(null, newFsPath)
+        }
+      )
+    })
+  } else {
+    return callback(null, fsPath)
+  }
+}
diff --git a/services/project-history/app/js/LocalFileWriter.js b/services/project-history/app/js/LocalFileWriter.js
new file mode 100644
index 0000000..3629a55
--- /dev/null
+++ b/services/project-history/app/js/LocalFileWriter.js
@@ -0,0 +1,114 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import fs from 'node:fs'
+import { pipeline } from 'node:stream'
+import { randomUUID } from 'node:crypto'
+import path from 'node:path'
+import _ from 'lodash'
+import logger from '@overleaf/logger'
+import metrics from '@overleaf/metrics'
+import Settings from '@overleaf/settings'
+import OError from '@overleaf/o-error'
+import * as LargeFileManager from './LargeFileManager.js'
+
+//
+// This method takes a stream and provides you a new stream which is now
+// reading from disk.
+//
+// This is useful if we're piping one network stream to another. If the stream
+// we're piping to can't consume data as quickly as the one we're consuming
+// from then large quantities of data may be held in memory. Instead the read
+// stream can be passed to this method, the data will then be held on disk
+// rather than in memory and will be cleaned up once it has been consumed.
+//
+export function bufferOnDisk(
+  inStream,
+  url,
+  fileId,
+  consumeOutStream,
+  callback
+) {
+  const timer = new metrics.Timer('LocalFileWriter.writeStream')
+
+  const fsPath = path.join(
+    Settings.path.uploadFolder,
+    randomUUID() + `-${fileId}`
+  )
+
+  const cleanup = _.once((streamError, res) => {
+    return deleteFile(fsPath, function (cleanupError) {
+      if (streamError) {
+        OError.tag(streamError, 'error deleting temporary file', {
+          fsPath,
+          url,
+        })
+      }
+      if (cleanupError) {
+        OError.tag(cleanupError)
+      }
+      if (streamError && cleanupError) {
+        // logging the cleanup error in case only the stream error is sent to the callback
+        logger.error(cleanupError)
+      }
+      return callback(streamError || cleanupError, res)
+    })
+  })
+
+  logger.debug({ fsPath, url }, 'writing file locally')
+
+  const writeStream = fs.createWriteStream(fsPath)
+  pipeline(inStream, writeStream, err => {
+    if (err) {
+      OError.tag(err, 'problem writing file locally', {
+        fsPath,
+        url,
+      })
+      return cleanup(err)
+    }
+    timer.done()
+    // in future check inStream.response.headers for hash value here
+    logger.debug({ fsPath, url }, 'stream closed after writing file locally')
+    const fileSize = writeStream.bytesWritten
+    return LargeFileManager.replaceWithStubIfNeeded(
+      fsPath,
+      fileId,
+      fileSize,
+      function (err, newFsPath) {
+        if (err != null) {
+          OError.tag(err, 'problem in large file manager', {
+            newFsPath,
+            fsPath,
+            fileId,
+            fileSize,
+          })
+          return cleanup(err)
+        }
+        return consumeOutStream(newFsPath, cleanup)
+      }
+    )
+  })
+}
+
+export function deleteFile(fsPath, callback) {
+  if (fsPath == null || fsPath === '') {
+    return callback()
+  }
+  logger.debug({ fsPath }, 'removing local temp file')
+  return fs.unlink(fsPath, function (err) {
+    if (err != null && err.code !== 'ENOENT') {
+      // ignore errors deleting the file when it was never created
+      return callback(OError.tag(err))
+    } else {
+      return callback()
+    }
+  })
+}
diff --git a/services/project-history/app/js/LockManager.js b/services/project-history/app/js/LockManager.js
new file mode 100644
index 0000000..088111b
--- /dev/null
+++ b/services/project-history/app/js/LockManager.js
@@ -0,0 +1,314 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { promisify } from 'node:util'
+import async from 'async'
+import metrics from '@overleaf/metrics'
+import Settings from '@overleaf/settings'
+import redis from '@overleaf/redis-wrapper'
+import os from 'node:os'
+import crypto from 'node:crypto'
+import logger from '@overleaf/logger'
+import OError from '@overleaf/o-error'
+
+const LOCK_TEST_INTERVAL = 50 // 50ms between each test of the lock
+const MAX_LOCK_WAIT_TIME = 10000 // 10s maximum time to spend trying to get the lock
+export const LOCK_TTL = 360 // seconds
+export const MIN_LOCK_EXTENSION_INTERVAL = 1000 // 1s minimum interval when extending a lock
+
+export const UNLOCK_SCRIPT =
+  'if redis.call("get", KEYS[1]) == ARGV[1] then return redis.call("del", KEYS[1]) else return 0 end'
+const EXTEND_SCRIPT =
+  'if redis.call("get", KEYS[1]) == ARGV[1] then return redis.call("expire", KEYS[1], ARGV[2]) else return 0 end'
+
+const HOST = os.hostname()
+const PID = process.pid
+const RND = crypto.randomBytes(4).toString('hex')
+let COUNT = 0
+
+const rclient = redis.createClient(Settings.redis.lock)
+
+/**
+ * Container for functions that need to be mocked in tests
+ *
+ * TODO: Rewrite tests in terms of exported functions only
+ */
+export const _mocks = {}
+
+// Use a signed lock value as described in
+// http://redis.io/topics/distlock#correct-implementation-with-a-single-instance
+// to prevent accidental unlocking by multiple processes
+_mocks.randomLock = () => {
+  const time = Date.now()
+  return `locked:host=${HOST}:pid=${PID}:random=${RND}:time=${time}:count=${COUNT++}`
+}
+
+export function randomLock(...args) {
+  return _mocks.randomLock(...args)
+}
+
+_mocks.tryLock = (key, callback) => {
+  if (callback == null) {
+    callback = function () {}
+  }
+  const lockValue = randomLock()
+  return rclient.set(
+    key,
+    lockValue,
+    'EX',
+    LOCK_TTL,
+    'NX',
+    function (err, gotLock) {
+      if (err != null) {
+        return callback(
+          OError.tag(err, 'redis error trying to get lock', { key })
+        )
+      }
+      if (gotLock === 'OK') {
+        metrics.inc('lock.project.try.success')
+        return callback(err, true, lockValue)
+      } else {
+        metrics.inc('lock.project.try.failed')
+        return callback(err, false)
+      }
+    }
+  )
+}
+
+export function tryLock(...args) {
+  _mocks.tryLock(...args)
+}
+
+_mocks.extendLock = (key, lockValue, callback) => {
+  if (callback == null) {
+    callback = function () {}
+  }
+  return rclient.eval(
+    EXTEND_SCRIPT,
+    1,
+    key,
+    lockValue,
+    LOCK_TTL,
+    function (err, result) {
+      if (err != null) {
+        return callback(
+          OError.tag(err, 'redis error trying to extend lock', { key })
+        )
+      }
+
+      if (result != null && result !== 1) {
+        // successful extension should release exactly one key
+        metrics.inc('lock.project.extend.failed')
+        const error = new OError('failed to extend lock', {
+          key,
+          lockValue,
+          result,
+        })
+        return callback(error)
+      }
+
+      metrics.inc('lock.project.extend.success')
+      return callback()
+    }
+  )
+}
+
+export function extendLock(...args) {
+  _mocks.extendLock(...args)
+}
+
+_mocks.getLock = (key, callback) => {
+  let attempt
+  if (callback == null) {
+    callback = function () {}
+  }
+  const startTime = Date.now()
+  let attempts = 0
+  return (attempt = function () {
+    if (Date.now() - startTime > MAX_LOCK_WAIT_TIME) {
+      metrics.inc('lock.project.get.failed')
+      return callback(new OError('Timeout', { key }))
+    }
+
+    attempts += 1
+    return tryLock(key, function (error, gotLock, lockValue) {
+      if (error != null) {
+        return callback(OError.tag(error))
+      }
+      if (gotLock) {
+        metrics.gauge('lock.project.get.success.tries', attempts)
+        return callback(null, lockValue)
+      } else {
+        return setTimeout(attempt, LOCK_TEST_INTERVAL)
+      }
+    })
+  })()
+}
+
+export function getLock(...args) {
+  _mocks.getLock(...args)
+}
+
+export function checkLock(key, callback) {
+  if (callback == null) {
+    callback = function () {}
+  }
+  return rclient.exists(key, function (err, exists) {
+    if (err != null) {
+      return callback(OError.tag(err))
+    }
+    exists = parseInt(exists)
+    if (exists === 1) {
+      return callback(err, false)
+    } else {
+      return callback(err, true)
+    }
+  })
+}
+
+_mocks.releaseLock = (key, lockValue, callback) => {
+  return rclient.eval(UNLOCK_SCRIPT, 1, key, lockValue, function (err, result) {
+    if (err != null) {
+      return callback(OError.tag(err))
+    }
+    if (result != null && result !== 1) {
+      // successful unlock should release exactly one key
+      const error = new OError('tried to release timed out lock', {
+        key,
+        lockValue,
+        redis_result: result,
+      })
+      return callback(error)
+    }
+    return callback(err, result)
+  })
+}
+
+export function releaseLock(...args) {
+  _mocks.releaseLock(...args)
+}
+
+export function runWithLock(key, runner, callback) {
+  if (callback == null) {
+    callback = function () {}
+  }
+  return getLock(key, function (error, lockValue) {
+    if (error != null) {
+      return callback(OError.tag(error))
+    }
+
+    const lock = new Lock(key, lockValue)
+    return runner(lock.extend.bind(lock), (error1, ...args) =>
+      lock.release(function (error2) {
+        error = error1 || error2
+        if (error != null) {
+          return callback(OError.tag(error), ...Array.from(args))
+        }
+        return callback(null, ...Array.from(args))
+      })
+    )
+  })
+}
+
+export function healthCheck(callback) {
+  const action = (extendLock, releaseLock) => releaseLock()
+  return runWithLock(
+    `HistoryLock:HealthCheck:host=${HOST}:pid=${PID}:random=${RND}`,
+    action,
+    callback
+  )
+}
+
+export function close(callback) {
+  rclient.quit()
+  return rclient.once('end', callback)
+}
+
+class Lock {
+  constructor(key, value) {
+    this.key = key
+    this.value = value
+    this.slowExecutionError = new OError('slow execution during lock')
+    this.lockTakenAt = Date.now()
+    this.timer = new metrics.Timer('lock.project')
+  }
+
+  extend(callback) {
+    const lockLength = Date.now() - this.lockTakenAt
+    if (lockLength < MIN_LOCK_EXTENSION_INTERVAL) {
+      return async.setImmediate(callback)
+    }
+    return extendLock(this.key, this.value, error => {
+      if (error != null) {
+        return callback(OError.tag(error))
+      }
+      this.lockTakenAt = Date.now()
+      return callback()
+    })
+  }
+
+  release(callback) {
+    // The lock can expire in redis but the process carry on. This setTimout call
+    // is designed to log if this happens.
+    const lockLength = Date.now() - this.lockTakenAt
+    if (lockLength > LOCK_TTL * 1000) {
+      metrics.inc('lock.project.exceeded_lock_timeout')
+      logger.debug('exceeded lock timeout', {
+        key: this.key,
+        slowExecutionError: this.slowExecutionError,
+      })
+    }
+
+    return releaseLock(this.key, this.value, error => {
+      this.timer.done()
+      if (error != null) {
+        return callback(OError.tag(error))
+      }
+      return callback()
+    })
+  }
+}
+
+/**
+ * Promisified version of runWithLock.
+ *
+ * @param {string} key
+ * @param {(extendLock: Function) => Promise<any>} runner
+ */
+async function runWithLockPromises(key, runner) {
+  const runnerCb = (extendLock, callback) => {
+    const extendLockPromises = promisify(extendLock)
+    runner(extendLockPromises)
+      .then(result => {
+        callback(null, result)
+      })
+      .catch(err => {
+        callback(err)
+      })
+  }
+
+  return await new Promise((resolve, reject) => {
+    runWithLock(key, runnerCb, (err, result) => {
+      if (err) {
+        reject(err)
+      } else {
+        resolve(result)
+      }
+    })
+  })
+}
+
+export const promises = {
+  tryLock: promisify(tryLock),
+  extendLock: promisify(extendLock),
+  getLock: promisify(getLock),
+  checkLock: promisify(checkLock),
+  releaseLock: promisify(releaseLock),
+  runWithLock: runWithLockPromises,
+}
diff --git a/services/project-history/app/js/Metrics.js b/services/project-history/app/js/Metrics.js
new file mode 100644
index 0000000..b515189
--- /dev/null
+++ b/services/project-history/app/js/Metrics.js
@@ -0,0 +1,15 @@
+// @ts-check
+
+import { prom } from '@overleaf/metrics'
+
+export const historyFlushDurationSeconds = new prom.Histogram({
+  name: 'history_flush_duration_seconds',
+  help: 'Duration of a history flush in seconds',
+  buckets: [0.05, 0.1, 0.2, 0.3, 0.5, 1, 2, 5, 10],
+})
+
+export const historyFlushQueueSize = new prom.Histogram({
+  name: 'history_flush_queue_size',
+  help: 'Size of the queue during history flushes',
+  buckets: prom.exponentialBuckets(1, 2, 10),
+})
diff --git a/services/project-history/app/js/OperationsCompressor.js b/services/project-history/app/js/OperationsCompressor.js
new file mode 100644
index 0000000..d14a4c8
--- /dev/null
+++ b/services/project-history/app/js/OperationsCompressor.js
@@ -0,0 +1,20 @@
+export function compressOperations(operations) {
+  if (!operations.length) return []
+
+  const newOperations = []
+  let currentOperation = operations[0]
+  for (let operationId = 1; operationId < operations.length; operationId++) {
+    const nextOperation = operations[operationId]
+    if (currentOperation.canBeComposedWith(nextOperation)) {
+      currentOperation = currentOperation.compose(nextOperation)
+    } else {
+      // currentOperation and nextOperation cannot be composed. Push the
+      // currentOperation and start over with nextOperation.
+      newOperations.push(currentOperation)
+      currentOperation = nextOperation
+    }
+  }
+  newOperations.push(currentOperation)
+
+  return newOperations
+}
diff --git a/services/project-history/app/js/Profiler.js b/services/project-history/app/js/Profiler.js
new file mode 100644
index 0000000..9b10552
--- /dev/null
+++ b/services/project-history/app/js/Profiler.js
@@ -0,0 +1,80 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS206: Consider reworking classes to avoid initClass
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import Settings from '@overleaf/settings'
+import logger from '@overleaf/logger'
+import metrics from '@overleaf/metrics'
+
+const LOG_CUTOFF_TIME = 1000
+
+const deltaMs = function (ta, tb) {
+  const nanoSeconds = (ta[0] - tb[0]) * 1e9 + (ta[1] - tb[1])
+  const milliSeconds = Math.floor(nanoSeconds * 1e-6)
+  return milliSeconds
+}
+
+export class Profiler {
+  constructor(name, args) {
+    this.name = name
+    this.args = args
+    this.t0 = this.t = process.hrtime()
+    this.start = new Date()
+    this.updateTimes = []
+  }
+
+  log(label) {
+    const t1 = process.hrtime()
+    const dtMilliSec = deltaMs(t1, this.t)
+    this.t = t1
+    this.updateTimes.push([label, dtMilliSec]) // timings in ms
+    return this // make it chainable
+  }
+
+  end(message) {
+    const totalTime = deltaMs(this.t, this.t0)
+    // record the update times in metrics
+    for (const update of Array.from(this.updateTimes)) {
+      metrics.timing(`profile.${this.name}.${update[0]}`, update[1])
+    }
+    if (totalTime > LOG_CUTOFF_TIME) {
+      // log anything greater than cutoff
+      const args = {}
+      for (const k in this.args) {
+        const v = this.args[k]
+        args[k] = v
+      }
+      args.updateTimes = this.updateTimes
+      args.start = this.start
+      args.end = new Date()
+      logger.debug(args, this.name)
+    }
+    return totalTime
+  }
+
+  getTimeDelta() {
+    const lastIdx = this.updateTimes.length - 1
+    if (lastIdx >= 0) {
+      return this.updateTimes[lastIdx][1]
+    } else {
+      return 0
+    }
+  }
+
+  wrap(label, fn) {
+    // create a wrapped function which calls profile.log(label) before continuing execution
+    const newFn = (...args) => {
+      this.log(label)
+      return fn(...Array.from(args || []))
+    }
+    return newFn
+  }
+}
diff --git a/services/project-history/app/js/RedisManager.js b/services/project-history/app/js/RedisManager.js
new file mode 100644
index 0000000..2f79a10
--- /dev/null
+++ b/services/project-history/app/js/RedisManager.js
@@ -0,0 +1,445 @@
+import { callbackify, promisify } from 'node:util'
+import { setTimeout } from 'node:timers/promises'
+import logger from '@overleaf/logger'
+import Settings from '@overleaf/settings'
+import redis from '@overleaf/redis-wrapper'
+import metrics from '@overleaf/metrics'
+import OError from '@overleaf/o-error'
+
+/**
+ * Maximum size taken from the redis queue, to prevent project history
+ * consuming unbounded amounts of memory
+ */
+export const RAW_UPDATE_SIZE_THRESHOLD = 4 * 1024 * 1024
+
+/**
+ * Batch size when reading updates from Redis
+ */
+export const RAW_UPDATES_BATCH_SIZE = 50
+
+/**
+ * Maximum length of ops (insertion and deletions) to process in a single
+ * iteration
+ */
+export const MAX_UPDATE_OP_LENGTH = 1024
+
+/**
+ * Warn if we exceed this raw update size, the final compressed updates we
+ * send could be smaller than this
+ */
+const WARN_RAW_UPDATE_SIZE = 1024 * 1024
+
+/**
+ * Maximum number of new docs to process in a single iteration
+ */
+export const MAX_NEW_DOC_CONTENT_COUNT = 32
+
+const CACHE_TTL_IN_SECONDS = 3600
+
+const Keys = Settings.redis.project_history.key_schema
+const rclient = redis.createClient(Settings.redis.project_history)
+
+async function countUnprocessedUpdates(projectId) {
+  const key = Keys.projectHistoryOps({ project_id: projectId })
+  const updates = await rclient.llen(key)
+  return updates
+}
+
+async function* getRawUpdates(projectId) {
+  const key = Keys.projectHistoryOps({ project_id: projectId })
+  let start = 0
+  while (true) {
+    const stop = start + RAW_UPDATES_BATCH_SIZE - 1
+    const updates = await rclient.lrange(key, start, stop)
+    for (const update of updates) {
+      yield update
+    }
+    if (updates.length < RAW_UPDATES_BATCH_SIZE) {
+      return
+    }
+    start += RAW_UPDATES_BATCH_SIZE
+  }
+}
+
+async function getRawUpdatesBatch(projectId, batchSize) {
+  const rawUpdates = []
+  let totalRawUpdatesSize = 0
+  let hasMore = false
+  for await (const rawUpdate of getRawUpdates(projectId)) {
+    totalRawUpdatesSize += rawUpdate.length
+    if (
+      rawUpdates.length > 0 &&
+      totalRawUpdatesSize > RAW_UPDATE_SIZE_THRESHOLD
+    ) {
+      hasMore = true
+      break
+    }
+    rawUpdates.push(rawUpdate)
+    if (rawUpdates.length >= batchSize) {
+      hasMore = true
+      break
+    }
+  }
+  metrics.timing('redis.incoming.bytes', totalRawUpdatesSize, 1)
+  if (totalRawUpdatesSize > WARN_RAW_UPDATE_SIZE) {
+    const rawUpdateSizes = rawUpdates.map(rawUpdate => rawUpdate.length)
+    logger.warn(
+      {
+        projectId,
+        totalRawUpdatesSize,
+        rawUpdateSizes,
+      },
+      'large raw update size'
+    )
+  }
+  return { rawUpdates, hasMore }
+}
+
+export function parseDocUpdates(jsonUpdates) {
+  return jsonUpdates.map(update => JSON.parse(update))
+}
+
+async function getUpdatesInBatches(projectId, batchSize, runner) {
+  let moreBatches = true
+  while (moreBatches) {
+    const redisBatch = await getRawUpdatesBatch(projectId, batchSize)
+    if (redisBatch.rawUpdates.length === 0) {
+      break
+    }
+    moreBatches = redisBatch.hasMore
+
+    const rawUpdates = []
+    const updates = []
+    let totalOpLength = 0
+    let totalDocContentCount = 0
+    for (const rawUpdate of redisBatch.rawUpdates) {
+      let update
+      try {
+        update = JSON.parse(rawUpdate)
+      } catch (error) {
+        throw OError.tag(error, 'failed to parse update', {
+          projectId,
+          update,
+        })
+      }
+
+      totalOpLength += update?.op?.length || 1
+      if (update.resyncDocContent) {
+        totalDocContentCount += 1
+      }
+
+      if (
+        updates.length > 0 &&
+        (totalOpLength > MAX_UPDATE_OP_LENGTH ||
+          totalDocContentCount > MAX_NEW_DOC_CONTENT_COUNT)
+      ) {
+        moreBatches = true
+        break
+      }
+      if (update.resyncProjectStructureOnly) {
+        update._raw = rawUpdate
+      }
+
+      rawUpdates.push(rawUpdate)
+      updates.push(update)
+    }
+
+    await runner(updates)
+    await deleteAppliedDocUpdates(projectId, rawUpdates)
+
+    if (batchSize === 1) {
+      // Special case for single stepping, don't process more batches
+      break
+    }
+  }
+}
+
+/**
+ * @param {string} projectId
+ * @param {ResyncProjectStructureUpdate} update
+ * @return {Promise<void>}
+ */
+async function deleteAppliedDocUpdate(projectId, update) {
+  const raw = update._raw
+  // Delete the first occurrence of the update with LREM KEY COUNT
+  // VALUE by setting COUNT to 1 which 'removes COUNT elements equal to
+  // value moving from head to tail.'
+  //
+  // If COUNT is 0 the entire list would be searched which would block
+  // redis since it would be an O(N) operation where N is the length of
+  // the queue, in a multi of the batch size.
+  metrics.summary('redis.projectHistoryOps', raw.length, {
+    status: 'lrem',
+  })
+  await rclient.lrem(Keys.projectHistoryOps({ project_id: projectId }), 1, raw)
+}
+
+async function deleteAppliedDocUpdates(projectId, updates) {
+  const multi = rclient.multi()
+  // Delete all the updates which have been applied (exact match)
+  for (const update of updates) {
+    // Delete the first occurrence of the update with LREM KEY COUNT
+    // VALUE by setting COUNT to 1 which 'removes COUNT elements equal to
+    // value moving from head to tail.'
+    //
+    // If COUNT is 0 the entire list would be searched which would block
+    // redis since it would be an O(N) operation where N is the length of
+    // the queue, in a multi of the batch size.
+    metrics.summary('redis.projectHistoryOps', update.length, {
+      status: 'lrem',
+    })
+    multi.lrem(Keys.projectHistoryOps({ project_id: projectId }), 1, update)
+  }
+  if (updates.length > 0) {
+    multi.del(Keys.projectHistoryFirstOpTimestamp({ project_id: projectId }))
+  }
+  await multi.exec()
+}
+
+/**
+ * Deletes the entire queue - use with caution
+ */
+async function destroyDocUpdatesQueue(projectId) {
+  await rclient.del(
+    Keys.projectHistoryOps({ project_id: projectId }),
+    Keys.projectHistoryFirstOpTimestamp({ project_id: projectId })
+  )
+}
+
+/**
+ * Iterate over keys asynchronously using redis scan (non-blocking)
+ *
+ * handle all the cluster nodes or single redis server
+ */
+async function _getKeys(pattern, limit) {
+  const nodes = rclient.nodes?.('master') || [rclient]
+  const keysByNode = []
+  for (const node of nodes) {
+    const keys = await _getKeysFromNode(node, pattern, limit)
+    keysByNode.push(keys)
+  }
+  return [].concat(...keysByNode)
+}
+
+async function _getKeysFromNode(node, pattern, limit) {
+  let cursor = 0 // redis iterator
+  const keySet = new Set() // avoid duplicate results
+  const batchSize = limit != null ? Math.min(limit, 1000) : 1000
+
+  // scan over all keys looking for pattern
+  while (true) {
+    const reply = await node.scan(cursor, 'MATCH', pattern, 'COUNT', batchSize)
+    const [newCursor, keys] = reply
+    cursor = newCursor
+
+    for (const key of keys) {
+      keySet.add(key)
+    }
+
+    const noResults = cursor === '0' // redis returns string results not numeric
+    const limitReached = limit != null && keySet.size >= limit
+    if (noResults || limitReached) {
+      return Array.from(keySet)
+    }
+
+    // avoid hitting redis too hard
+    await setTimeout(10)
+  }
+}
+
+/**
+ * Extract ids from keys like DocsWithHistoryOps:57fd0b1f53a8396d22b2c24b
+ * or DocsWithHistoryOps:{57fd0b1f53a8396d22b2c24b} (for redis cluster)
+ */
+function _extractIds(keyList) {
+  return keyList.map(key => {
+    const m = key.match(/:\{?([0-9a-f]{24})\}?/) // extract object id
+    return m[1]
+  })
+}
+
+async function getProjectIdsWithHistoryOps(limit) {
+  const projectKeys = await _getKeys(
+    Keys.projectHistoryOps({ project_id: '*' }),
+    limit
+  )
+  const projectIds = _extractIds(projectKeys)
+  return projectIds
+}
+
+async function getProjectIdsWithHistoryOpsCount() {
+  const projectIds = await getProjectIdsWithHistoryOps()
+  const queuedProjectsCount = projectIds.length
+  metrics.globalGauge('queued-projects', queuedProjectsCount)
+  return queuedProjectsCount
+}
+
+async function setFirstOpTimestamp(projectId) {
+  const key = Keys.projectHistoryFirstOpTimestamp({ project_id: projectId })
+  // store current time as an integer (string)
+  await rclient.setnx(key, Date.now())
+}
+
+async function getFirstOpTimestamp(projectId) {
+  const key = Keys.projectHistoryFirstOpTimestamp({ project_id: projectId })
+  const result = await rclient.get(key)
+
+  // convert stored time back to a numeric timestamp
+  const timestamp = parseInt(result, 10)
+
+  // check for invalid timestamp
+  if (isNaN(timestamp)) {
+    return null
+  }
+
+  // convert numeric timestamp to a date object
+  const firstOpTimestamp = new Date(timestamp)
+
+  return firstOpTimestamp
+}
+
+async function getFirstOpTimestamps(projectIds) {
+  const keys = projectIds.map(projectId =>
+    Keys.projectHistoryFirstOpTimestamp({ project_id: projectId })
+  )
+  const results = await rclient.mget(keys)
+  const timestamps = results.map(result => {
+    // convert stored time back to a numeric timestamp
+    const timestamp = parseInt(result, 10)
+
+    // check for invalid timestamp
+    if (isNaN(timestamp)) {
+      return null
+    }
+
+    // convert numeric timestamp to a date object
+    return new Date(timestamp)
+  })
+  return timestamps
+}
+
+async function clearFirstOpTimestamp(projectId) {
+  const key = Keys.projectHistoryFirstOpTimestamp({ project_id: projectId })
+  await rclient.del(key)
+}
+
+async function getProjectIdsWithFirstOpTimestamps(limit) {
+  const projectKeys = await _getKeys(
+    Keys.projectHistoryFirstOpTimestamp({ project_id: '*' }),
+    limit
+  )
+  const projectIds = _extractIds(projectKeys)
+  return projectIds
+}
+
+async function clearDanglingFirstOpTimestamp(projectId) {
+  const count = await rclient.exists(
+    Keys.projectHistoryFirstOpTimestamp({ project_id: projectId }),
+    Keys.projectHistoryOps({ project_id: projectId })
+  )
+  if (count === 2 || count === 0) {
+    // both (or neither) keys are present, so don't delete the timestamp
+    return 0
+  }
+  // only one key is present, which makes this a dangling record,
+  // so delete the timestamp
+  const cleared = await rclient.del(
+    Keys.projectHistoryFirstOpTimestamp({ project_id: projectId })
+  )
+  return cleared
+}
+
+async function getCachedHistoryId(projectId) {
+  const key = Keys.projectHistoryCachedHistoryId({ project_id: projectId })
+  const historyId = await rclient.get(key)
+  return historyId
+}
+
+async function setCachedHistoryId(projectId, historyId) {
+  const key = Keys.projectHistoryCachedHistoryId({ project_id: projectId })
+  await rclient.setex(key, CACHE_TTL_IN_SECONDS, historyId)
+}
+
+async function clearCachedHistoryId(projectId) {
+  const key = Keys.projectHistoryCachedHistoryId({ project_id: projectId })
+  await rclient.del(key)
+}
+
+// EXPORTS
+
+const countUnprocessedUpdatesCb = callbackify(countUnprocessedUpdates)
+const getRawUpdatesBatchCb = callbackify(getRawUpdatesBatch)
+const deleteAppliedDocUpdatesCb = callbackify(deleteAppliedDocUpdates)
+const destroyDocUpdatesQueueCb = callbackify(destroyDocUpdatesQueue)
+const getProjectIdsWithHistoryOpsCb = callbackify(getProjectIdsWithHistoryOps)
+const getProjectIdsWithHistoryOpsCountCb = callbackify(
+  getProjectIdsWithHistoryOpsCount
+)
+const setFirstOpTimestampCb = callbackify(setFirstOpTimestamp)
+const getFirstOpTimestampCb = callbackify(getFirstOpTimestamp)
+const getFirstOpTimestampsCb = callbackify(getFirstOpTimestamps)
+const clearFirstOpTimestampCb = callbackify(clearFirstOpTimestamp)
+const getProjectIdsWithFirstOpTimestampsCb = callbackify(
+  getProjectIdsWithFirstOpTimestamps
+)
+const clearDanglingFirstOpTimestampCb = callbackify(
+  clearDanglingFirstOpTimestamp
+)
+const getCachedHistoryIdCb = callbackify(getCachedHistoryId)
+const setCachedHistoryIdCb = callbackify(setCachedHistoryId)
+const clearCachedHistoryIdCb = callbackify(clearCachedHistoryId)
+
+const getUpdatesInBatchesCb = function (
+  projectId,
+  batchSize,
+  runner,
+  callback
+) {
+  const runnerPromises = promisify(runner)
+  getUpdatesInBatches(projectId, batchSize, runnerPromises)
+    .then(result => {
+      callback(null, result)
+    })
+    .catch(err => {
+      callback(err)
+    })
+}
+
+export {
+  countUnprocessedUpdatesCb as countUnprocessedUpdates,
+  getRawUpdatesBatchCb as getRawUpdatesBatch,
+  deleteAppliedDocUpdatesCb as deleteAppliedDocUpdates,
+  destroyDocUpdatesQueueCb as destroyDocUpdatesQueue,
+  getUpdatesInBatchesCb as getUpdatesInBatches,
+  getProjectIdsWithHistoryOpsCb as getProjectIdsWithHistoryOps,
+  getProjectIdsWithHistoryOpsCountCb as getProjectIdsWithHistoryOpsCount,
+  setFirstOpTimestampCb as setFirstOpTimestamp,
+  getFirstOpTimestampCb as getFirstOpTimestamp,
+  getFirstOpTimestampsCb as getFirstOpTimestamps,
+  clearFirstOpTimestampCb as clearFirstOpTimestamp,
+  getProjectIdsWithFirstOpTimestampsCb as getProjectIdsWithFirstOpTimestamps,
+  clearDanglingFirstOpTimestampCb as clearDanglingFirstOpTimestamp,
+  getCachedHistoryIdCb as getCachedHistoryId,
+  setCachedHistoryIdCb as setCachedHistoryId,
+  clearCachedHistoryIdCb as clearCachedHistoryId,
+}
+
+export const promises = {
+  countUnprocessedUpdates,
+  getRawUpdatesBatch,
+  deleteAppliedDocUpdates,
+  deleteAppliedDocUpdate,
+  destroyDocUpdatesQueue,
+  getUpdatesInBatches,
+  getProjectIdsWithHistoryOps,
+  getProjectIdsWithHistoryOpsCount,
+  setFirstOpTimestamp,
+  getFirstOpTimestamp,
+  getFirstOpTimestamps,
+  clearFirstOpTimestamp,
+  getProjectIdsWithFirstOpTimestamps,
+  clearDanglingFirstOpTimestamp,
+  getCachedHistoryId,
+  setCachedHistoryId,
+  clearCachedHistoryId,
+}
diff --git a/services/project-history/app/js/RetryManager.js b/services/project-history/app/js/RetryManager.js
new file mode 100644
index 0000000..b146da2
--- /dev/null
+++ b/services/project-history/app/js/RetryManager.js
@@ -0,0 +1,194 @@
+import _ from 'lodash'
+import { promisify, callbackify } from 'node:util'
+import logger from '@overleaf/logger'
+import OError from '@overleaf/o-error'
+import * as UpdatesProcessor from './UpdatesProcessor.js'
+import * as SyncManager from './SyncManager.js'
+import * as WebApiManager from './WebApiManager.js'
+import * as RedisManager from './RedisManager.js'
+import * as ErrorRecorder from './ErrorRecorder.js'
+
+const sleep = promisify(setTimeout)
+
+const TEMPORARY_FAILURES = [
+  'Error: ENOSPC: no space left on device, write',
+  'Error: ESOCKETTIMEDOUT',
+  'Error: failed to extend lock',
+  'Error: tried to release timed out lock',
+  'Error: Timeout',
+]
+
+const HARD_FAILURES = [
+  'Error: history store a non-success status code: 422',
+  'OError: history store a non-success status code: 422',
+  'OpsOutOfOrderError: project structure version out of order',
+  'OpsOutOfOrderError: project structure version out of order on incoming updates',
+  'OpsOutOfOrderError: doc version out of order',
+  'OpsOutOfOrderError: doc version out of order on incoming updates',
+]
+
+const MAX_RESYNC_ATTEMPTS = 2
+const MAX_SOFT_RESYNC_ATTEMPTS = 1
+
+export const promises = {}
+
+promises.retryFailures = async (options = {}) => {
+  const { failureType, timeout, limit } = options
+  if (failureType === 'soft') {
+    const batch = await getFailureBatch(softErrorSelector, limit)
+    const result = await retryFailureBatch(batch, timeout, async failure => {
+      await UpdatesProcessor.promises.processUpdatesForProject(
+        failure.project_id
+      )
+    })
+    return result
+  } else if (failureType === 'hard') {
+    const batch = await getFailureBatch(hardErrorSelector, limit)
+    const result = await retryFailureBatch(batch, timeout, async failure => {
+      await resyncProject(failure.project_id, {
+        hard: failureRequiresHardResync(failure),
+      })
+    })
+    return result
+  }
+}
+
+export const retryFailures = callbackify(promises.retryFailures)
+
+function softErrorSelector(failure) {
+  return (
+    (isTemporaryFailure(failure) && !isRepeatedFailure(failure)) ||
+    (isFirstFailure(failure) && !isHardFailure(failure))
+  )
+}
+
+function hardErrorSelector(failure) {
+  return (
+    (isHardFailure(failure) || isRepeatedFailure(failure)) &&
+    !isStuckFailure(failure)
+  )
+}
+
+function isTemporaryFailure(failure) {
+  return TEMPORARY_FAILURES.includes(failure.error)
+}
+
+export function isHardFailure(failure) {
+  return HARD_FAILURES.includes(failure.error)
+}
+
+export function isFirstFailure(failure) {
+  return failure.attempts <= 1
+}
+
+function isRepeatedFailure(failure) {
+  return failure.attempts > 3
+}
+
+function isStuckFailure(failure) {
+  return (
+    failure.resyncAttempts != null &&
+    failure.resyncAttempts >= MAX_RESYNC_ATTEMPTS
+  )
+}
+
+function failureRequiresHardResync(failure) {
+  return (
+    failure.resyncAttempts != null &&
+    failure.resyncAttempts >= MAX_SOFT_RESYNC_ATTEMPTS
+  )
+}
+
+async function getFailureBatch(selector, limit) {
+  let failures = await ErrorRecorder.promises.getFailedProjects()
+  failures = failures.filter(selector)
+  // randomise order
+  failures = _.shuffle(failures)
+
+  // put a limit on the number to retry
+  const projectsToRetryCount = failures.length
+  if (limit && projectsToRetryCount > limit) {
+    failures = failures.slice(0, limit)
+  }
+  logger.debug({ projectsToRetryCount, limit }, 'retrying failed projects')
+  return failures
+}
+
+async function retryFailureBatch(failures, timeout, retryHandler) {
+  const startTime = new Date()
+
+  // keep track of successes and failures
+  const failed = []
+  const succeeded = []
+  for (const failure of failures) {
+    const projectId = failure.project_id
+    const timeTaken = new Date() - startTime
+    if (timeout && timeTaken > timeout) {
+      // finish early due to timeout
+      logger.debug('background retries timed out')
+      break
+    }
+    logger.debug(
+      { projectId, timeTaken },
+      'retrying failed project in background'
+    )
+    try {
+      await retryHandler(failure)
+      succeeded.push(projectId)
+    } catch (err) {
+      failed.push(projectId)
+    }
+  }
+  return { succeeded, failed }
+}
+
+async function resyncProject(projectId, options = {}) {
+  const { hard = false } = options
+  try {
+    if (!/^[0-9a-f]{24}$/.test(projectId)) {
+      logger.debug({ projectId }, 'clearing bad project id')
+      await ErrorRecorder.promises.clearError(projectId)
+      return
+    }
+
+    await checkProjectHasHistoryId(projectId)
+    if (hard) {
+      await SyncManager.promises.startHardResync(projectId)
+    } else {
+      await SyncManager.promises.startResync(projectId)
+    }
+    await waitUntilRedisQueueIsEmpty(projectId)
+    await checkFailureRecordWasRemoved(projectId)
+  } catch (err) {
+    throw new OError({
+      message: 'failed to resync project',
+      info: { projectId, hard },
+    }).withCause(err)
+  }
+}
+
+async function checkProjectHasHistoryId(projectId) {
+  const historyId = await WebApiManager.promises.getHistoryId(projectId)
+  if (historyId == null) {
+    throw new OError('no history id')
+  }
+}
+
+async function waitUntilRedisQueueIsEmpty(projectId) {
+  for (let attempts = 0; attempts < 30; attempts++) {
+    const updatesCount =
+      await RedisManager.promises.countUnprocessedUpdates(projectId)
+    if (updatesCount === 0) {
+      return
+    }
+    await sleep(1000)
+  }
+  throw new OError('queue not empty')
+}
+
+async function checkFailureRecordWasRemoved(projectId) {
+  const failureRecord = await ErrorRecorder.promises.getFailureRecord(projectId)
+  if (failureRecord) {
+    throw new OError('failure record still exists')
+  }
+}
diff --git a/services/project-history/app/js/Router.js b/services/project-history/app/js/Router.js
new file mode 100644
index 0000000..ec9a4f0
--- /dev/null
+++ b/services/project-history/app/js/Router.js
@@ -0,0 +1,250 @@
+import OError from '@overleaf/o-error'
+import * as HttpController from './HttpController.js'
+import { Joi, validate } from './Validation.js'
+
+export function initialize(app) {
+  app.use(
+    validate({
+      params: Joi.object({
+        project_id: Joi.string().regex(/^[0-9a-f]{24}$/),
+        user_id: Joi.string().regex(/^[0-9a-f]{24}$/),
+        label_id: Joi.string().regex(/^[0-9a-f]{24}$/),
+        version: Joi.number().integer(),
+      }),
+    })
+  )
+
+  // use an extended timeout on all endpoints, to allow for long requests to history-v1
+  app.use(longerTimeout)
+
+  app.post('/project', HttpController.initializeProject)
+
+  app.delete('/project/:project_id', HttpController.deleteProject)
+
+  app.get('/project/:project_id/snapshot', HttpController.getLatestSnapshot)
+
+  app.get(
+    '/project/:project_id/diff',
+    validate({
+      query: {
+        pathname: Joi.string().required(),
+        from: Joi.number().integer().required(),
+        to: Joi.number().integer().required(),
+      },
+    }),
+    HttpController.getDiff
+  )
+
+  app.get(
+    '/project/:project_id/filetree/diff',
+    validate({
+      query: {
+        from: Joi.number().integer().required(),
+        to: Joi.number().integer().required(),
+      },
+    }),
+    HttpController.getFileTreeDiff
+  )
+
+  app.get(
+    '/project/:project_id/updates',
+    validate({
+      query: {
+        before: Joi.number().integer(),
+        min_count: Joi.number().integer(),
+      },
+    }),
+    HttpController.getUpdates
+  )
+
+  app.get(
+    '/project/:project_id/changes-in-chunk',
+    validate({
+      query: {
+        since: Joi.number().integer().min(0),
+      },
+    }),
+    HttpController.getChangesInChunkSince
+  )
+
+  app.get('/project/:project_id/version', HttpController.latestVersion)
+
+  app.post(
+    '/project/:project_id/flush',
+    validate({
+      query: {
+        debug: Joi.boolean().default(false),
+        bisect: Joi.boolean().default(false),
+      },
+    }),
+    HttpController.flushProject
+  )
+
+  app.post(
+    '/project/:project_id/resync',
+    validate({
+      query: {
+        force: Joi.boolean().default(false),
+      },
+      body: {
+        force: Joi.boolean().default(false),
+        origin: Joi.object({
+          kind: Joi.string().required(),
+        }),
+        historyRangesMigration: Joi.string()
+          .optional()
+          .valid('forwards', 'backwards'),
+      },
+    }),
+    HttpController.resyncProject
+  )
+
+  app.get(
+    '/project/:project_id/dump',
+    validate({
+      query: {
+        count: Joi.number().integer(),
+      },
+    }),
+    HttpController.dumpProject
+  )
+
+  app.get('/project/:project_id/labels', HttpController.getLabels)
+
+  app.post(
+    '/project/:project_id/labels',
+    validate({
+      body: {
+        version: Joi.number().integer().required(),
+        comment: Joi.string().required(),
+        created_at: Joi.string(),
+        validate_exists: Joi.boolean().default(true),
+        user_id: Joi.string().allow(null),
+      },
+    }),
+
+    HttpController.createLabel
+  )
+
+  app.delete(
+    '/project/:project_id/user/:user_id/labels/:label_id',
+    validate({
+      params: Joi.object({
+        project_id: Joi.string().regex(/^[0-9a-f]{24}$/),
+        user_id: Joi.string().regex(/^[0-9a-f]{24}$/),
+        label_id: Joi.string().regex(/^[0-9a-f]{24}$/),
+      }),
+    }),
+    HttpController.deleteLabelForUser
+  )
+
+  app.delete(
+    '/project/:project_id/labels/:label_id',
+    validate({
+      params: Joi.object({
+        project_id: Joi.string().regex(/^[0-9a-f]{24}$/),
+        label_id: Joi.string().regex(/^[0-9a-f]{24}$/),
+      }),
+    }),
+    HttpController.deleteLabel
+  )
+
+  app.post(
+    '/user/:from_user/labels/transfer/:to_user',
+    HttpController.transferLabels
+  )
+
+  app.get(
+    '/project/:project_id/version/:version/:pathname',
+    HttpController.getFileSnapshot
+  )
+
+  app.get(
+    '/project/:project_id/ranges/version/:version/:pathname',
+    HttpController.getRangesSnapshot
+  )
+
+  app.get(
+    '/project/:project_id/metadata/version/:version/:pathname',
+    HttpController.getFileMetadataSnapshot
+  )
+
+  app.get(
+    '/project/:project_id/version/:version',
+    HttpController.getProjectSnapshot
+  )
+
+  app.get(
+    '/project/:project_id/paths/version/:version',
+    HttpController.getPathsAtVersion
+  )
+
+  app.post(
+    '/project/:project_id/force',
+    validate({
+      query: {
+        clear: Joi.boolean().default(false),
+      },
+    }),
+    HttpController.forceDebugProject
+  )
+
+  app.get('/project/:history_id/blob/:hash', HttpController.getProjectBlob)
+
+  app.get('/status/failures', HttpController.getFailures)
+
+  app.get('/status/queue', HttpController.getQueueCounts)
+
+  app.post(
+    '/retry/failures',
+    validate({
+      query: {
+        failureType: Joi.string().valid('soft', 'hard'),
+        // bail out after this time limit
+        timeout: Joi.number().integer().default(300),
+        // maximum number of projects to check
+        limit: Joi.number().integer().default(100),
+        callbackUrl: Joi.string(),
+      },
+    }),
+    HttpController.retryFailures
+  )
+
+  app.post(
+    '/flush/old',
+    validate({
+      query: {
+        // flush projects with queued ops older than this
+        maxAge: Joi.number()
+          .integer()
+          .default(6 * 3600),
+        // pause this amount of time between checking queues
+        queueDelay: Joi.number().integer().default(100),
+        // maximum number of queues to check
+        limit: Joi.number().integer().default(1000),
+        //  maximum amount of time allowed
+        timeout: Joi.number()
+          .integer()
+          .default(60 * 1000),
+        // whether to run in the background
+        background: Joi.boolean().falsy('0').truthy('1').default(false),
+      },
+    }),
+    HttpController.flushOld
+  )
+
+  app.get('/status', (req, res, next) => res.send('project-history is up'))
+
+  app.get('/oops', function (req, res, next) {
+    throw new OError('dummy test error')
+  })
+
+  app.get('/check_lock', HttpController.checkLock)
+
+  app.get('/health_check', HttpController.healthCheck)
+}
+
+function longerTimeout(req, res, next) {
+  res.setTimeout(6 * 60 * 1000)
+  next()
+}
diff --git a/services/project-history/app/js/SnapshotManager.js b/services/project-history/app/js/SnapshotManager.js
new file mode 100644
index 0000000..ed31674
--- /dev/null
+++ b/services/project-history/app/js/SnapshotManager.js
@@ -0,0 +1,426 @@
+// @ts-check
+
+import { callbackify } from 'node:util'
+import Core from 'overleaf-editor-core'
+import { Readable as StringStream } from 'node:stream'
+import OError from '@overleaf/o-error'
+import * as HistoryStoreManager from './HistoryStoreManager.js'
+import * as WebApiManager from './WebApiManager.js'
+import * as Errors from './Errors.js'
+import _ from 'lodash'
+
+/**
+ * @import { Snapshot } from 'overleaf-editor-core'
+ * @import { RangesSnapshot } from './types'
+ */
+
+StringStream.prototype._read = function () {}
+
+const MAX_REQUESTS = 4 // maximum number of parallel requests to v1 history service
+
+/**
+ *
+ * @param {string} projectId
+ * @param {number} version
+ * @param {string} pathname
+ */
+async function getFileSnapshotStream(projectId, version, pathname) {
+  const snapshot = await _getSnapshotAtVersion(projectId, version)
+
+  const file = snapshot.getFile(pathname)
+  if (file == null) {
+    throw new Errors.NotFoundError(`${pathname} not found`, {
+      projectId,
+      version,
+      pathname,
+    })
+  }
+
+  const historyId = await WebApiManager.promises.getHistoryId(projectId)
+  if (file.isEditable()) {
+    await file.load('eager', HistoryStoreManager.getBlobStore(historyId))
+    const stream = new StringStream()
+    stream.push(file.getContent({ filterTrackedDeletes: true }))
+    stream.push(null)
+    return stream
+  } else {
+    return await HistoryStoreManager.promises.getProjectBlobStream(
+      historyId,
+      file.getHash()
+    )
+  }
+}
+
+/**
+ * Constructs a snapshot of the ranges in a document-updater compatible format.
+ * Positions will be relative to a document where tracked deletes have been
+ * removed from the string. This also means that if a tracked delete overlaps
+ * a comment range, the comment range will be truncated.
+ *
+ * @param {string} projectId
+ * @param {number} version
+ * @param {string} pathname
+ * @returns {Promise<RangesSnapshot>}
+ */
+async function getRangesSnapshot(projectId, version, pathname) {
+  const snapshot = await _getSnapshotAtVersion(projectId, version)
+  const file = snapshot.getFile(pathname)
+  if (!file) {
+    throw new Errors.NotFoundError(`${pathname} not found`, {
+      projectId,
+      version,
+      pathname,
+    })
+  }
+  if (!file.isEditable()) {
+    // A binary file has no tracked changes or comments
+    return {
+      changes: [],
+      comments: [],
+    }
+  }
+  const historyId = await WebApiManager.promises.getHistoryId(projectId)
+  await file.load('eager', HistoryStoreManager.getBlobStore(historyId))
+  const content = file.getContent()
+  if (content == null) {
+    throw new Error('Unable to read file contents')
+  }
+  const trackedChanges = file.getTrackedChanges().asSorted()
+  const comments = file.getComments().toArray()
+  const docUpdaterCompatibleTrackedChanges = []
+
+  let trackedDeletionOffset = 0
+  for (const trackedChange of trackedChanges) {
+    const isTrackedDeletion = trackedChange.tracking.type === 'delete'
+    const trackedChangeContent = content.slice(
+      trackedChange.range.start,
+      trackedChange.range.end
+    )
+    const tcContent = isTrackedDeletion
+      ? { d: trackedChangeContent }
+      : { i: trackedChangeContent }
+    docUpdaterCompatibleTrackedChanges.push({
+      op: {
+        p: trackedChange.range.start - trackedDeletionOffset,
+        ...tcContent,
+      },
+      metadata: {
+        ts: trackedChange.tracking.ts.toISOString(),
+        user_id: trackedChange.tracking.userId,
+      },
+    })
+    if (isTrackedDeletion) {
+      trackedDeletionOffset += trackedChange.range.length
+    }
+  }
+
+  //  Comments are shifted left by the length of any previous tracked deletions.
+  //  If they  overlap with a tracked deletion, they are truncated.
+  //
+  // Example:
+  //   { } comment
+  //   [ ] tracked deletion
+  //   the quic[k {b]rown [fox] jum[ps} ove]r the lazy dog
+  //   => rown  jum
+  //      starting at position 8
+  const trackedDeletions = trackedChanges.filter(
+    tc => tc.tracking.type === 'delete'
+  )
+  const docUpdaterCompatibleComments = []
+  for (const comment of comments) {
+    let trackedDeletionIndex = 0
+    if (comment.ranges.length === 0) {
+      // Translate detached comments into zero length comments at position 0
+      docUpdaterCompatibleComments.push({
+        op: {
+          p: 0,
+          c: '',
+          t: comment.id,
+          resolved: comment.resolved,
+        },
+      })
+      continue
+    }
+
+    // Consider a multiple range comment as a single comment that joins all its
+    // ranges
+    const commentStart = comment.ranges[0].start
+    const commentEnd = comment.ranges[comment.ranges.length - 1].end
+
+    let commentContent = ''
+    // Docupdater position
+    let position = commentStart
+    while (trackedDeletions[trackedDeletionIndex]?.range.end <= commentStart) {
+      // Skip over tracked deletions that are before the current comment range
+      position -= trackedDeletions[trackedDeletionIndex].range.length
+      trackedDeletionIndex++
+    }
+
+    if (trackedDeletions[trackedDeletionIndex]?.range.start < commentStart) {
+      // There's overlap with a tracked deletion, move the position left and
+      // truncate the overlap
+      position -=
+        commentStart - trackedDeletions[trackedDeletionIndex].range.start
+    }
+
+    // Cursor in the history content
+    let cursor = commentStart
+    while (cursor < commentEnd) {
+      const trackedDeletion = trackedDeletions[trackedDeletionIndex]
+      if (!trackedDeletion || trackedDeletion.range.start >= commentEnd) {
+        // We've run out of relevant tracked changes
+        commentContent += content.slice(cursor, commentEnd)
+        break
+      }
+      if (trackedDeletion.range.start > cursor) {
+        // There's a gap between the current cursor and the tracked deletion
+        commentContent += content.slice(cursor, trackedDeletion.range.start)
+      }
+
+      if (trackedDeletion.range.end <= commentEnd) {
+        // Skip to the end of the tracked delete
+        cursor = trackedDeletion.range.end
+        trackedDeletionIndex++
+      } else {
+        // We're done with that comment
+        break
+      }
+    }
+    docUpdaterCompatibleComments.push({
+      op: {
+        p: position,
+        c: commentContent,
+        t: comment.id,
+        resolved: comment.resolved,
+      },
+      id: comment.id,
+    })
+  }
+
+  return {
+    changes: docUpdaterCompatibleTrackedChanges,
+    comments: docUpdaterCompatibleComments,
+  }
+}
+
+/**
+ * Gets the file metadata at a specific version.
+ *
+ * @param {string} projectId
+ * @param {number} version
+ * @param {string} pathname
+ * @returns {Promise<{metadata: any}>}
+ */
+async function getFileMetadataSnapshot(projectId, version, pathname) {
+  const snapshot = await _getSnapshotAtVersion(projectId, version)
+  const file = snapshot.getFile(pathname)
+  if (!file) {
+    throw new Errors.NotFoundError(`${pathname} not found`, {
+      projectId,
+      version,
+      pathname,
+    })
+  }
+  const rawMetadata = file.getMetadata()
+  const metadata = _.isEmpty(rawMetadata) ? undefined : rawMetadata
+
+  return { metadata }
+}
+
+// Returns project snapshot containing the document content for files with
+// text operations in the relevant chunk, and hashes for unmodified/binary
+// files. Used by git bridge to get the state of the project.
+async function getProjectSnapshot(projectId, version) {
+  const snapshot = await _getSnapshotAtVersion(projectId, version)
+  const historyId = await WebApiManager.promises.getHistoryId(projectId)
+  await _loadFilesLimit(
+    snapshot,
+    'eager',
+    HistoryStoreManager.getBlobStore(historyId)
+  )
+  return {
+    projectId,
+    files: snapshot.getFileMap().map(file => {
+      if (!file) {
+        return null
+      }
+      const content = file.getContent({
+        filterTrackedDeletes: true,
+      })
+      if (content === null) {
+        return { data: { hash: file.getHash() } }
+      }
+      return { data: { content } }
+    }),
+  }
+}
+
+async function getPathsAtVersion(projectId, version) {
+  const snapshot = await _getSnapshotAtVersion(projectId, version)
+  return {
+    paths: snapshot.getFilePathnames(),
+  }
+}
+
+/**
+ *
+ * @param {string} projectId
+ * @param {number} version
+ */
+async function _getSnapshotAtVersion(projectId, version) {
+  const historyId = await WebApiManager.promises.getHistoryId(projectId)
+  const data = await HistoryStoreManager.promises.getChunkAtVersion(
+    projectId,
+    historyId,
+    version
+  )
+  const chunk = Core.Chunk.fromRaw(data.chunk)
+  const snapshot = chunk.getSnapshot()
+  const changes = chunk.getChanges().slice(0, version - chunk.getStartVersion())
+  snapshot.applyAll(changes)
+  return snapshot
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} historyId
+ * @return {Promise<Record<string, import('overleaf-editor-core').File>>}
+ */
+async function getLatestSnapshotFiles(projectId, historyId) {
+  const data = await HistoryStoreManager.promises.getMostRecentChunk(
+    projectId,
+    historyId
+  )
+  return await getLatestSnapshotFilesForChunk(historyId, data)
+}
+
+/**
+ * @param {string} historyId
+ * @param {{chunk: import('overleaf-editor-core/lib/types.js').RawChunk}} chunk
+ * @return {Promise<Record<string, import('overleaf-editor-core').File>>}
+ */
+async function getLatestSnapshotFilesForChunk(historyId, chunk) {
+  const { snapshot } = getLatestSnapshotFromChunk(chunk)
+  const snapshotFiles = await snapshot.loadFiles(
+    'lazy',
+    HistoryStoreManager.getBlobStore(historyId)
+  )
+  return snapshotFiles
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} historyId
+ * @return {Promise<{version: number, snapshot: import('overleaf-editor-core').Snapshot}>}
+ */
+async function getLatestSnapshot(projectId, historyId) {
+  const data = await HistoryStoreManager.promises.getMostRecentChunk(
+    projectId,
+    historyId
+  )
+  return getLatestSnapshotFromChunk(data)
+}
+
+/**
+ * @param {{chunk: import('overleaf-editor-core/lib/types.js').RawChunk}} data
+ * @return {{version: number, snapshot: import('overleaf-editor-core').Snapshot}}
+ */
+function getLatestSnapshotFromChunk(data) {
+  if (data == null || data.chunk == null) {
+    throw new OError('undefined chunk')
+  }
+
+  // apply all the changes in the chunk to get the current snapshot
+  const chunk = Core.Chunk.fromRaw(data.chunk)
+  const snapshot = chunk.getSnapshot()
+  const changes = chunk.getChanges()
+  snapshot.applyAll(changes)
+  return {
+    snapshot,
+    version: chunk.getEndVersion(),
+  }
+}
+
+async function getChangesInChunkSince(projectId, historyId, sinceVersion) {
+  const latestChunk = Core.Chunk.fromRaw(
+    (
+      await HistoryStoreManager.promises.getMostRecentChunk(
+        projectId,
+        historyId
+      )
+    ).chunk
+  )
+  if (sinceVersion > latestChunk.getEndVersion()) {
+    throw new Errors.BadRequestError(
+      'requested version past the end of the history'
+    )
+  }
+  const latestStartVersion = latestChunk.getStartVersion()
+  let chunk = latestChunk
+  if (sinceVersion < latestStartVersion) {
+    chunk = Core.Chunk.fromRaw(
+      (
+        await HistoryStoreManager.promises.getChunkAtVersion(
+          projectId,
+          historyId,
+          sinceVersion
+        )
+      ).chunk
+    )
+  }
+  const changes = chunk
+    .getChanges()
+    .slice(sinceVersion - chunk.getStartVersion())
+  return { latestStartVersion, changes }
+}
+
+async function _loadFilesLimit(snapshot, kind, blobStore) {
+  await snapshot.fileMap.mapAsync(async file => {
+    // only load changed files or files with tracked changes, others can be
+    // dereferenced from their blobs (this method is only used by the git
+    // bridge which understands how to load blobs).
+    if (!file.isEditable() || (file.getHash() && !file.getRangesHash())) {
+      return
+    }
+    await file.load(kind, blobStore)
+  }, MAX_REQUESTS)
+}
+
+// EXPORTS
+
+const getChangesInChunkSinceCb = callbackify(getChangesInChunkSince)
+const getFileSnapshotStreamCb = callbackify(getFileSnapshotStream)
+const getProjectSnapshotCb = callbackify(getProjectSnapshot)
+const getLatestSnapshotCb = callbackify(getLatestSnapshot)
+const getLatestSnapshotFilesCb = callbackify(getLatestSnapshotFiles)
+const getLatestSnapshotFilesForChunkCb = callbackify(
+  getLatestSnapshotFilesForChunk
+)
+const getRangesSnapshotCb = callbackify(getRangesSnapshot)
+const getFileMetadataSnapshotCb = callbackify(getFileMetadataSnapshot)
+const getPathsAtVersionCb = callbackify(getPathsAtVersion)
+
+export {
+  getLatestSnapshotFromChunk,
+  getChangesInChunkSinceCb as getChangesInChunkSince,
+  getFileSnapshotStreamCb as getFileSnapshotStream,
+  getProjectSnapshotCb as getProjectSnapshot,
+  getFileMetadataSnapshotCb as getFileMetadataSnapshot,
+  getLatestSnapshotCb as getLatestSnapshot,
+  getLatestSnapshotFilesCb as getLatestSnapshotFiles,
+  getLatestSnapshotFilesForChunkCb as getLatestSnapshotFilesForChunk,
+  getRangesSnapshotCb as getRangesSnapshot,
+  getPathsAtVersionCb as getPathsAtVersion,
+}
+
+export const promises = {
+  getChangesInChunkSince,
+  getFileSnapshotStream,
+  getProjectSnapshot,
+  getLatestSnapshot,
+  getLatestSnapshotFiles,
+  getLatestSnapshotFilesForChunk,
+  getRangesSnapshot,
+  getPathsAtVersion,
+  getFileMetadataSnapshot,
+}
diff --git a/services/project-history/app/js/SummarizedUpdatesManager.js b/services/project-history/app/js/SummarizedUpdatesManager.js
new file mode 100644
index 0000000..a96c16e
--- /dev/null
+++ b/services/project-history/app/js/SummarizedUpdatesManager.js
@@ -0,0 +1,354 @@
+import _ from 'lodash'
+import async from 'async'
+import logger from '@overleaf/logger'
+import OError from '@overleaf/o-error'
+import * as ChunkTranslator from './ChunkTranslator.js'
+import * as HistoryApiManager from './HistoryApiManager.js'
+import * as HistoryStoreManager from './HistoryStoreManager.js'
+import * as LabelsManager from './LabelsManager.js'
+import * as UpdatesProcessor from './UpdatesProcessor.js'
+import * as WebApiManager from './WebApiManager.js'
+
+const MAX_CHUNK_REQUESTS = 5
+const TIME_BETWEEN_DISTINCT_UPDATES = 5 * 60 * 1000 // five minutes
+
+export function getSummarizedProjectUpdates(projectId, options, callback) {
+  // Some notes on versions:
+  //
+  // Versions of the project are like the fenceposts between updates.
+  // An update applies to a certain version of the project, and gives us the
+  // next version.
+  //
+  // When we ask for updates 'before' a version, this includes the update
+  // that created the version equal to 'before'.
+  //
+  // A chunk in OL has a 'startVersion', which is the version of the project
+  // before any of the updates in it were applied. This is the same version as
+  // the last update in the previous chunk would have created.
+  //
+  // If we ask the OL history store for the chunk with version that is the end of one
+  // chunk and the start of another, it will return the older chunk, i.e.
+  // the chunk with the updates that led up to that version.
+  //
+  // So once we read in the updates from a chunk, and want to get the updates from
+  // the previous chunk, we ask OL for the chunk with the version equal to the
+  // 'startVersion' of the newer chunk we just read.
+
+  let nextVersionToRequest
+  if (options == null) {
+    options = {}
+  }
+  if (!options.min_count) {
+    options.min_count = 25
+  }
+  if (options.before != null) {
+    // The version is of the doc, so we want the updates before that version,
+    // which includes the update that created that version.
+    nextVersionToRequest = options.before
+  } else {
+    // Return the latest updates first if no nextVersionToRequest is set.
+    nextVersionToRequest = null
+  }
+
+  UpdatesProcessor.processUpdatesForProject(projectId, function (error) {
+    if (error) {
+      return callback(OError.tag(error))
+    }
+    LabelsManager.getLabels(projectId, function (error, labels) {
+      if (error) {
+        return callback(OError.tag(error))
+      }
+
+      const labelsByVersion = {}
+      for (const label of labels) {
+        if (labelsByVersion[label.version] == null) {
+          labelsByVersion[label.version] = []
+        }
+        labelsByVersion[label.version].push(label)
+      }
+
+      WebApiManager.getHistoryId(projectId, function (error, historyId) {
+        if (error) return callback(error)
+        let chunksRequested = 0
+        let summarizedUpdates = []
+        let toV = null
+
+        const shouldRequestMoreUpdates = cb => {
+          return cb(
+            null,
+            chunksRequested < MAX_CHUNK_REQUESTS &&
+              (nextVersionToRequest == null || nextVersionToRequest > 0) &&
+              summarizedUpdates.length < options.min_count
+          )
+        }
+
+        const getNextBatchOfUpdates = cb =>
+          _getProjectUpdates(
+            projectId,
+            historyId,
+            nextVersionToRequest,
+            function (error, updateSet, startVersion) {
+              if (error) {
+                return cb(OError.tag(error))
+              }
+              // Updates are returned in time order, but we want to go back in time
+              updateSet.reverse()
+              updateSet = discardUnwantedUpdates(updateSet)
+              ;({ summarizedUpdates, toV } = _summarizeUpdates(
+                updateSet,
+                labelsByVersion,
+                summarizedUpdates,
+                toV
+              ))
+              nextVersionToRequest = startVersion
+              chunksRequested += 1
+              cb()
+            }
+          )
+
+        function discardUnwantedUpdates(updateSet) {
+          // We're getting whole chunks from the OL history store, but we might
+          // only want updates from before a certain version
+          if (options.before == null) {
+            return updateSet
+          } else {
+            return updateSet.filter(u => u.v < options.before)
+          }
+        }
+
+        // If the project doesn't have a history then we can bail out here
+        HistoryApiManager.shouldUseProjectHistory(
+          projectId,
+          function (error, shouldUseProjectHistory) {
+            if (error) {
+              return callback(OError.tag(error))
+            }
+            if (shouldUseProjectHistory) {
+              async.whilst(
+                shouldRequestMoreUpdates,
+                getNextBatchOfUpdates,
+                function (error) {
+                  if (error) {
+                    return callback(OError.tag(error))
+                  }
+                  callback(
+                    null,
+                    summarizedUpdates,
+                    nextVersionToRequest > 0 ? nextVersionToRequest : undefined
+                  )
+                }
+              )
+            } else {
+              logger.debug(
+                { projectId },
+                'returning no updates as project does not use history'
+              )
+              callback(null, [])
+            }
+          }
+        )
+      })
+    })
+  })
+}
+
+function _getProjectUpdates(projectId, historyId, version, callback) {
+  function getChunk(cb) {
+    if (version != null) {
+      HistoryStoreManager.getChunkAtVersion(projectId, historyId, version, cb)
+    } else {
+      HistoryStoreManager.getMostRecentChunk(projectId, historyId, cb)
+    }
+  }
+
+  getChunk(function (error, chunk) {
+    if (error) {
+      return callback(OError.tag(error))
+    }
+    const oldestVersion = chunk.chunk.startVersion
+    ChunkTranslator.convertToSummarizedUpdates(
+      chunk,
+      function (error, updateSet) {
+        if (error) {
+          return callback(OError.tag(error))
+        }
+        callback(error, updateSet, oldestVersion)
+      }
+    )
+  })
+}
+
+function _summarizeUpdates(updates, labels, existingSummarizedUpdates, toV) {
+  if (existingSummarizedUpdates == null) {
+    existingSummarizedUpdates = []
+  }
+  const summarizedUpdates = existingSummarizedUpdates.slice()
+  for (const update of updates) {
+    if (toV == null) {
+      // This is the first update we've seen. Initialize toV.
+      toV = update.v + 1
+    }
+
+    // Skip empty updates (only record their version). Empty updates are
+    // updates that only contain comment operations. We don't have a UI for
+    // these yet.
+    if (isUpdateEmpty(update)) {
+      continue
+    }
+
+    // The client needs to know the exact version that a delete happened, in order
+    // to be able to restore. So even when summarizing, retain the version that each
+    // projectOp happened at.
+    for (const projectOp of update.project_ops) {
+      projectOp.atV = update.v
+    }
+
+    const summarizedUpdate = summarizedUpdates[summarizedUpdates.length - 1]
+    const labelsForVersion = labels[update.v + 1] || []
+    if (
+      summarizedUpdate &&
+      _shouldMergeUpdate(update, summarizedUpdate, labelsForVersion)
+    ) {
+      _mergeUpdate(update, summarizedUpdate)
+    } else {
+      const newUpdate = {
+        fromV: update.v,
+        toV,
+        meta: {
+          users: update.meta.users,
+          start_ts: update.meta.start_ts,
+          end_ts: update.meta.end_ts,
+        },
+        labels: labelsForVersion,
+        pathnames: new Set(update.pathnames),
+        project_ops: update.project_ops.slice(), // Clone since we'll modify
+      }
+      if (update.meta.origin) {
+        newUpdate.meta.origin = update.meta.origin
+      }
+
+      summarizedUpdates.push(newUpdate)
+    }
+    toV = update.v
+  }
+
+  return { summarizedUpdates, toV }
+}
+
+/**
+ * Given an update, the latest summarized update, and the labels that apply to
+ * the update, figure out if we can merge the update into the summarized
+ * update.
+ */
+function _shouldMergeUpdate(update, summarizedUpdate, labels) {
+  // Split updates on labels
+  if (labels.length > 0) {
+    return false
+  }
+
+  // Split updates on origin
+  if (update.meta.origin) {
+    if (summarizedUpdate.meta.origin) {
+      if (update.meta.origin.kind !== summarizedUpdate.meta.origin.kind) {
+        return false
+      }
+      if (update.meta.origin.path !== summarizedUpdate.meta.origin.path) {
+        return false
+      }
+      if (
+        update.meta.origin.kind === 'file-restore' &&
+        update.meta.origin.timestamp !== summarizedUpdate.meta.origin.timestamp
+      ) {
+        return false
+      }
+      if (
+        update.meta.origin.kind === 'project-restore' &&
+        update.meta.origin.timestamp !== summarizedUpdate.meta.origin.timestamp
+      ) {
+        return false
+      }
+    } else {
+      return false
+    }
+  } else if (summarizedUpdate.meta.origin) {
+    return false
+  }
+
+  // Split updates if it's been too long since the last update.  We're going
+  // backwards in time through the updates, so the update comes before the summarized update.
+  if (
+    summarizedUpdate.meta.end_ts - update.meta.start_ts >=
+    TIME_BETWEEN_DISTINCT_UPDATES
+  ) {
+    return false
+  }
+
+  // Do not merge text operations and file operations, except for history resyncs
+  const updateHasTextOps = update.pathnames.length > 0
+  const updateHasFileOps = update.project_ops.length > 0
+  const summarizedUpdateHasTextOps = summarizedUpdate.pathnames.size > 0
+  const summarizedUpdateHasFileOps = summarizedUpdate.project_ops.length > 0
+  const isHistoryResync =
+    update.meta.origin &&
+    ['history-resync', 'history-migration'].includes(update.meta.origin.kind)
+  if (
+    !isHistoryResync &&
+    ((updateHasTextOps && summarizedUpdateHasFileOps) ||
+      (updateHasFileOps && summarizedUpdateHasTextOps))
+  ) {
+    return false
+  }
+
+  return true
+}
+
+/**
+ * Merge an update into a summarized update.
+ *
+ * This mutates the summarized update.
+ */
+function _mergeUpdate(update, summarizedUpdate) {
+  // check if the user in this update is already present in the earliest update,
+  // if not, add them to the users list of the earliest update
+  summarizedUpdate.meta.users = _.uniqBy(
+    _.union(summarizedUpdate.meta.users, update.meta.users),
+    function (user) {
+      if (user == null) {
+        return null
+      }
+      if (user.id == null) {
+        return user
+      }
+      return user.id
+    }
+  )
+
+  summarizedUpdate.fromV = Math.min(summarizedUpdate.fromV, update.v)
+  summarizedUpdate.toV = Math.max(summarizedUpdate.toV, update.v + 1)
+  summarizedUpdate.meta.start_ts = Math.min(
+    summarizedUpdate.meta.start_ts,
+    update.meta.start_ts
+  )
+  summarizedUpdate.meta.end_ts = Math.max(
+    summarizedUpdate.meta.end_ts,
+    update.meta.end_ts
+  )
+
+  // Add file operations
+  for (const op of update.project_ops || []) {
+    summarizedUpdate.project_ops.push(op)
+    if (op.add) {
+      // Merging a file creation. Remove any corresponding edit since that's redundant.
+      summarizedUpdate.pathnames.delete(op.add.pathname)
+    }
+  }
+
+  // Add edit operations
+  for (const pathname of update.pathnames || []) {
+    summarizedUpdate.pathnames.add(pathname)
+  }
+}
+
+function isUpdateEmpty(update) {
+  return update.project_ops.length === 0 && update.pathnames.length === 0
+}
diff --git a/services/project-history/app/js/SyncManager.js b/services/project-history/app/js/SyncManager.js
new file mode 100644
index 0000000..ef8caf6
--- /dev/null
+++ b/services/project-history/app/js/SyncManager.js
@@ -0,0 +1,1219 @@
+// @ts-check
+
+import _ from 'lodash'
+import { callbackify, promisify } from 'node:util'
+import { callbackifyMultiResult } from '@overleaf/promise-utils'
+import Settings from '@overleaf/settings'
+import logger from '@overleaf/logger'
+import Metrics from '@overleaf/metrics'
+import OError from '@overleaf/o-error'
+import { File, Range } from 'overleaf-editor-core'
+import { NeedFullProjectStructureResyncError, SyncError } from './Errors.js'
+import { db, ObjectId } from './mongodb.js'
+import * as SnapshotManager from './SnapshotManager.js'
+import * as LockManager from './LockManager.js'
+import * as UpdateTranslator from './UpdateTranslator.js'
+import * as UpdateCompressor from './UpdateCompressor.js'
+import * as WebApiManager from './WebApiManager.js'
+import * as ErrorRecorder from './ErrorRecorder.js'
+import * as RedisManager from './RedisManager.js'
+import * as HistoryStoreManager from './HistoryStoreManager.js'
+import * as HashManager from './HashManager.js'
+import { isInsert, isDelete } from './Utils.js'
+
+/**
+ * @import { Comment as HistoryComment, TrackedChange as HistoryTrackedChange } from 'overleaf-editor-core'
+ * @import { Comment, Entity, ResyncDocContentUpdate, RetainOp, TrackedChange } from './types'
+ * @import { TrackedChangeTransition, TrackingDirective, TrackingType, Update } from './types'
+ * @import { ProjectStructureUpdate } from './types'
+ */
+const MAX_RESYNC_HISTORY_RECORDS = 100 // keep this many records of previous resyncs
+const EXPIRE_RESYNC_HISTORY_INTERVAL_MS = 90 * 24 * 3600 * 1000 // 90 days
+
+const keys = Settings.redis.lock.key_schema
+
+// db.projectHistorySyncState.ensureIndex({expiresAt: 1}, {expireAfterSeconds: 0, background: true})
+// To add expiresAt field to existing entries in collection (choose a suitable future expiry date):
+// db.projectHistorySyncState.updateMany({resyncProjectStructure: false, resyncDocContents: [], expiresAt: {$exists:false}}, {$set: {expiresAt: new Date("2019-07-01")}})
+
+async function startResync(projectId, options = {}) {
+  // We have three options here
+  //
+  // 1. If we update mongo before making the call to web then there's a
+  //    chance we ignore all updates indefinitely (there's no foolproff way
+  //    to undo the change in mongo)
+  //
+  // 2. If we make the call to web first then there is a small race condition
+  //    where we could process the sync update and then only update mongo
+  //    after, causing all updates to be ignored from then on
+  //
+  // 3. We can wrap everything in a project lock
+  Metrics.inc('project_history_resync')
+  try {
+    await LockManager.promises.runWithLock(
+      keys.projectHistoryLock({ project_id: projectId }),
+      async extendLock => {
+        await startResyncWithoutLock(projectId, options)
+      }
+    )
+  } catch (error) {
+    // record error in starting sync ("sync ongoing")
+    if (error instanceof Error) {
+      await ErrorRecorder.promises.record(projectId, -1, error)
+    }
+    throw error
+  }
+}
+
+async function startHardResync(projectId, options = {}) {
+  Metrics.inc('project_history_hard_resync')
+  try {
+    await LockManager.promises.runWithLock(
+      keys.projectHistoryLock({ project_id: projectId }),
+      async extendLock => {
+        await clearResyncState(projectId)
+        await RedisManager.promises.clearFirstOpTimestamp(projectId)
+        await RedisManager.promises.destroyDocUpdatesQueue(projectId)
+        await startResyncWithoutLock(projectId, options)
+      }
+    )
+  } catch (error) {
+    // record error in starting sync ("sync ongoing")
+    if (error instanceof Error) {
+      await ErrorRecorder.promises.record(projectId, -1, error)
+    }
+    throw error
+  }
+}
+
+// The caller must hold the lock and should record any errors via the ErrorRecorder.
+async function startResyncWithoutLock(projectId, options) {
+  await ErrorRecorder.promises.recordSyncStart(projectId)
+
+  const syncState = await _getResyncState(projectId)
+  if (syncState.isSyncOngoing()) {
+    throw new OError('sync ongoing')
+  }
+  syncState.setOrigin(options.origin || { kind: 'history-resync' })
+  syncState.startProjectStructureSync()
+
+  const webOpts = {}
+  if (options.historyRangesMigration) {
+    webOpts.historyRangesMigration = options.historyRangesMigration
+  }
+  if (options.resyncProjectStructureOnly) {
+    webOpts.resyncProjectStructureOnly = options.resyncProjectStructureOnly
+  }
+  await WebApiManager.promises.requestResync(projectId, webOpts)
+  await setResyncState(projectId, syncState)
+}
+
+async function _getResyncState(projectId) {
+  const rawSyncState = await db.projectHistorySyncState.findOne({
+    project_id: new ObjectId(projectId.toString()),
+  })
+  const syncState = SyncState.fromRaw(projectId, rawSyncState)
+  return syncState
+}
+
+async function setResyncState(projectId, syncState) {
+  // skip if syncState is null (i.e. unchanged)
+  if (syncState == null) {
+    return
+  }
+  const update = {
+    $set: syncState.toRaw(),
+    $push: {
+      history: {
+        $each: [{ syncState: syncState.toRaw(), timestamp: new Date() }],
+        $position: 0,
+        $slice: MAX_RESYNC_HISTORY_RECORDS,
+      },
+    },
+    $currentDate: { lastUpdated: true },
+  }
+
+  // handle different cases
+  if (syncState.isSyncOngoing()) {
+    // starting a new sync; prevent the entry expiring while sync is in ongoing
+    update.$inc = { resyncCount: 1 }
+    update.$unset = { expiresAt: true }
+  } else {
+    // successful completion of existing sync; set the entry to expire in the
+    // future
+    update.$set.expiresAt = new Date(
+      Date.now() + EXPIRE_RESYNC_HISTORY_INTERVAL_MS
+    )
+  }
+
+  // apply the update
+  await db.projectHistorySyncState.updateOne(
+    { project_id: new ObjectId(projectId) },
+    update,
+    { upsert: true }
+  )
+}
+
+async function clearResyncState(projectId) {
+  await db.projectHistorySyncState.deleteOne({
+    project_id: new ObjectId(projectId.toString()),
+  })
+}
+
+/**
+ * @param {string} projectId
+ * @param {Date} date
+ * @return {Promise<void>}
+ */
+async function clearResyncStateIfAllAfter(projectId, date) {
+  const rawSyncState = await db.projectHistorySyncState.findOne({
+    project_id: new ObjectId(projectId.toString()),
+  })
+  if (!rawSyncState) return // already cleared
+  const state = SyncState.fromRaw(projectId, rawSyncState)
+  if (state.isSyncOngoing()) return // new sync started
+  for (const { timestamp } of rawSyncState.history) {
+    if (timestamp < date) return // preserve old resync states
+  }
+  // expiresAt is cleared when starting a sync and bumped when making changes.
+  // Use expiresAt as read to ensure we only clear the confirmed state.
+  await db.projectHistorySyncState.deleteOne({
+    project_id: new ObjectId(projectId.toString()),
+    expiresAt: rawSyncState.expiresAt,
+  })
+}
+
+async function skipUpdatesDuringSync(projectId, updates) {
+  const syncState = await _getResyncState(projectId)
+  if (!syncState.isSyncOngoing()) {
+    logger.debug({ projectId }, 'not skipping updates: no resync in progress')
+    // don't return syncState when unchanged
+    return { updates, syncState: null }
+  }
+
+  const filteredUpdates = []
+
+  for (const update of updates) {
+    syncState.updateState(update)
+    const shouldSkipUpdate = syncState.shouldSkipUpdate(update)
+    if (!shouldSkipUpdate) {
+      filteredUpdates.push(update)
+    } else {
+      logger.debug({ projectId, update }, 'skipping update due to resync')
+    }
+  }
+  return { updates: filteredUpdates, syncState }
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} projectHistoryId
+ * @param {{chunk: import('overleaf-editor-core/lib/types.js').RawChunk}} mostRecentChunk
+ * @param {Array<Update>} updates
+ * @param {() => Promise<void>} extendLock
+ * @return {Promise<Array<Update>>}
+ */
+async function expandSyncUpdates(
+  projectId,
+  projectHistoryId,
+  mostRecentChunk,
+  updates,
+  extendLock
+) {
+  const areSyncUpdatesQueued =
+    _.some(updates, 'resyncProjectStructure') ||
+    _.some(updates, 'resyncDocContent')
+  if (!areSyncUpdatesQueued) {
+    logger.debug({ projectId }, 'no resync updates to expand')
+    return updates
+  }
+
+  const syncState = await _getResyncState(projectId)
+
+  // compute the current snapshot from the most recent chunk
+  const snapshotFiles =
+    await SnapshotManager.promises.getLatestSnapshotFilesForChunk(
+      projectHistoryId,
+      mostRecentChunk
+    )
+
+  // check if snapshot files are valid
+  const invalidFiles = _.pickBy(
+    snapshotFiles,
+    (v, k) => v == null || typeof v.isEditable !== 'function'
+  )
+  if (_.size(invalidFiles) > 0) {
+    throw new SyncError('file is missing isEditable method', {
+      projectId,
+      invalidFiles,
+    })
+  }
+
+  const expander = new SyncUpdateExpander(
+    projectId,
+    snapshotFiles,
+    syncState.origin
+  )
+
+  // expand updates asynchronously to avoid blocking
+  for (const update of updates) {
+    await expander.expandUpdate(update)
+    await extendLock()
+  }
+
+  return expander.getExpandedUpdates()
+}
+
+class SyncState {
+  constructor(projectId, resyncProjectStructure, resyncDocContents, origin) {
+    this.projectId = projectId
+    this.resyncProjectStructure = resyncProjectStructure
+    this.resyncDocContents = resyncDocContents
+    this.origin = origin
+  }
+
+  static fromRaw(projectId, rawSyncState) {
+    rawSyncState = rawSyncState || {}
+    const resyncProjectStructure = rawSyncState.resyncProjectStructure || false
+    const resyncDocContents = new Set(rawSyncState.resyncDocContents || [])
+    const origin = rawSyncState.origin
+    return new SyncState(
+      projectId,
+      resyncProjectStructure,
+      resyncDocContents,
+      origin
+    )
+  }
+
+  toRaw() {
+    return {
+      resyncProjectStructure: this.resyncProjectStructure,
+      resyncDocContents: Array.from(this.resyncDocContents),
+      origin: this.origin,
+    }
+  }
+
+  updateState(update) {
+    if (update.resyncProjectStructure != null) {
+      if (!this.isProjectStructureSyncing()) {
+        throw new SyncError('unexpected resyncProjectStructure update', {
+          projectId: this.projectId,
+          resyncProjectStructure: this.resyncProjectStructure,
+        })
+      }
+      if (this.isAnyDocContentSyncing()) {
+        throw new SyncError('unexpected resyncDocContents update', {
+          projectId: this.projectId,
+          resyncDocContents: this.resyncDocContents,
+        })
+      }
+
+      if (!update.resyncProjectStructureOnly) {
+        for (const doc of update.resyncProjectStructure.docs) {
+          this.startDocContentSync(doc.path)
+        }
+      }
+
+      this.stopProjectStructureSync()
+    } else if (update.resyncDocContent != null) {
+      if (this.isProjectStructureSyncing()) {
+        throw new SyncError('unexpected resyncDocContent update', {
+          projectId: this.projectId,
+          resyncProjectStructure: this.resyncProjectStructure,
+        })
+      }
+
+      if (!this.isDocContentSyncing(update.path)) {
+        throw new SyncError('unexpected resyncDocContent update', {
+          projectId: this.projectId,
+          resyncDocContents: this.resyncDocContents,
+          path: update.path,
+        })
+      }
+
+      this.stopDocContentSync(update.path)
+    }
+  }
+
+  setOrigin(origin) {
+    this.origin = origin
+  }
+
+  shouldSkipUpdate(update) {
+    // don't skip sync updates
+    if (
+      update.resyncProjectStructure != null ||
+      update.resyncDocContent != null
+    ) {
+      return false
+    }
+
+    // if syncing project structure skip update
+    if (this.isProjectStructureSyncing()) {
+      return true
+    }
+
+    // skip text updates for a docs being synced
+    if (UpdateTranslator.isTextUpdate(update)) {
+      if (this.isDocContentSyncing(update.meta.pathname)) {
+        return true
+      }
+    }
+
+    // preserve all other updates
+    return false
+  }
+
+  startProjectStructureSync() {
+    this.resyncProjectStructure = true
+    this.resyncDocContents = new Set([])
+  }
+
+  stopProjectStructureSync() {
+    this.resyncProjectStructure = false
+  }
+
+  stopDocContentSync(pathname) {
+    this.resyncDocContents.delete(pathname)
+  }
+
+  startDocContentSync(pathname) {
+    this.resyncDocContents.add(pathname)
+  }
+
+  isProjectStructureSyncing() {
+    return this.resyncProjectStructure
+  }
+
+  isDocContentSyncing(pathname) {
+    return this.resyncDocContents.has(pathname)
+  }
+
+  isAnyDocContentSyncing() {
+    return this.resyncDocContents.size > 0
+  }
+
+  isSyncOngoing() {
+    return this.isProjectStructureSyncing() || this.isAnyDocContentSyncing()
+  }
+}
+
+class SyncUpdateExpander {
+  /**
+   * Build a SyncUpdateExpander
+   *
+   * @param {string} projectId
+   * @param {Record<string, File>} snapshotFiles
+   * @param {string} origin
+   */
+  constructor(projectId, snapshotFiles, origin) {
+    this.projectId = projectId
+    this.files = snapshotFiles
+    this.expandedUpdates = /** @type ProjectStructureUpdate[] */ []
+    this.origin = origin
+  }
+
+  // If there's an expected *file* with the same path and either the same hash
+  // or no hash, treat this as not editable even if history thinks it is.
+  isEditable(filePath, file, expectedFiles) {
+    if (!file.isEditable()) {
+      return false
+    }
+    const fileHash = _.get(file, ['data', 'hash'])
+    const matchedExpectedFile = expectedFiles.some(item => {
+      const expectedFileHash = item._hash
+      if (expectedFileHash && fileHash !== expectedFileHash) {
+        // expected file has a hash and it doesn't match
+        return false
+      }
+      return UpdateTranslator._convertPathname(item.path) === filePath
+    })
+
+    // consider editable file in history as binary, since it matches a binary file in the project
+    return !matchedExpectedFile
+  }
+
+  /**
+   * @param {Update} update
+   */
+  async expandUpdate(update) {
+    if ('resyncProjectStructure' in update) {
+      logger.debug(
+        { projectId: this.projectId, update },
+        'expanding resyncProjectStructure update'
+      )
+      const persistedNonBinaryFileEntries = _.pickBy(this.files, (v, k) =>
+        this.isEditable(k, v, update.resyncProjectStructure.files)
+      )
+      const persistedNonBinaryFiles = _.map(
+        Object.keys(persistedNonBinaryFileEntries),
+        path => ({
+          path,
+        })
+      )
+
+      const persistedBinaryFileEntries = _.omitBy(this.files, (v, k) =>
+        this.isEditable(k, v, update.resyncProjectStructure.files)
+      )
+      // preserve file properties on binary files, for future comparison.
+      const persistedBinaryFiles = _.map(
+        persistedBinaryFileEntries,
+        (entity, key) => Object.assign({}, entity, { path: key })
+      )
+      const expectedNonBinaryFiles = _.map(
+        update.resyncProjectStructure.docs,
+        entity =>
+          Object.assign({}, entity, {
+            path: UpdateTranslator._convertPathname(entity.path),
+          })
+      )
+      const expectedBinaryFiles = _.map(
+        update.resyncProjectStructure.files,
+        entity =>
+          Object.assign({}, entity, {
+            path: UpdateTranslator._convertPathname(entity.path),
+          })
+      )
+
+      // We need to detect and fix consistency issues where web and
+      // history-store disagree on whether an entity is binary or not. Thus we
+      // need to remove and add the two separately.
+      this.queueRemoveOpsForUnexpectedFiles(
+        update,
+        expectedBinaryFiles,
+        persistedBinaryFiles
+      )
+      this.queueRemoveOpsForUnexpectedFiles(
+        update,
+        expectedNonBinaryFiles,
+        persistedNonBinaryFiles
+      )
+      this.queueAddOpsForMissingFiles(
+        update,
+        expectedBinaryFiles,
+        persistedBinaryFiles
+      )
+      this.queueAddOpsForMissingFiles(
+        update,
+        expectedNonBinaryFiles,
+        persistedNonBinaryFiles
+      )
+      this.queueUpdateForOutOfSyncBinaryFiles(
+        update,
+        expectedBinaryFiles,
+        persistedBinaryFiles
+      )
+      this.queueSetMetadataOpsForLinkedFiles(update)
+
+      if (update.resyncProjectStructureOnly) {
+        const docPaths = new Set()
+        for (const entity of update.resyncProjectStructure.docs) {
+          const path = UpdateTranslator._convertPathname(entity.path)
+          docPaths.add(path)
+        }
+        for (const expandedUpdate of this.expandedUpdates) {
+          if (docPaths.has(expandedUpdate.pathname)) {
+            // Clear the resync state and queue entry, we need to start over.
+            this.expandedUpdates = []
+            await clearResyncState(this.projectId)
+            await RedisManager.promises.deleteAppliedDocUpdate(
+              this.projectId,
+              update
+            )
+            throw new NeedFullProjectStructureResyncError(
+              'aborting partial resync: touched doc'
+            )
+          }
+        }
+      }
+    } else if ('resyncDocContent' in update) {
+      logger.debug(
+        { projectId: this.projectId, update },
+        'expanding resyncDocContent update'
+      )
+      await this.expandResyncDocContentUpdate(update)
+    } else {
+      this.expandedUpdates.push(update)
+    }
+  }
+
+  getExpandedUpdates() {
+    return this.expandedUpdates
+  }
+
+  /**
+   * @param {Entity[]} expectedFiles
+   * @param {{ path: string }[]} persistedFiles
+   */
+  queueRemoveOpsForUnexpectedFiles(update, expectedFiles, persistedFiles) {
+    const unexpectedFiles = _.differenceBy(
+      persistedFiles,
+      expectedFiles,
+      'path'
+    )
+    for (const entity of unexpectedFiles) {
+      update = {
+        pathname: entity.path,
+        new_pathname: '',
+        meta: {
+          resync: true,
+          origin: this.origin,
+          ts: update.meta.ts,
+        },
+      }
+      this.expandedUpdates.push(update)
+      Metrics.inc('project_history_resync_operation', 1, {
+        status: 'remove unexpected file',
+      })
+    }
+  }
+
+  /**
+   * @param {Entity[]} expectedFiles
+   * @param {{ path: string }[]} persistedFiles
+   */
+  queueAddOpsForMissingFiles(update, expectedFiles, persistedFiles) {
+    const missingFiles = _.differenceBy(expectedFiles, persistedFiles, 'path')
+    for (const entity of missingFiles) {
+      update = {
+        pathname: entity.path,
+        meta: {
+          resync: true,
+          origin: this.origin,
+          ts: update.meta.ts,
+        },
+      }
+
+      if ('doc' in entity) {
+        update.doc = entity.doc
+        update.docLines = ''
+        // we have to create a dummy entry here because later we will need the content in the diff computation
+        this.files[update.pathname] = File.fromString('')
+      } else {
+        update.file = entity.file
+        if (entity.url) update.url = entity.url
+        if (entity._hash) update.hash = entity._hash
+        if (entity.createdBlob) update.createdBlob = entity.createdBlob
+        if (entity.metadata) update.metadata = entity.metadata
+      }
+
+      this.expandedUpdates.push(update)
+      Metrics.inc('project_history_resync_operation', 1, {
+        status: 'add missing file',
+      })
+    }
+  }
+
+  queueSetMetadataOpsForLinkedFiles(update) {
+    const allEntities = update.resyncProjectStructure.docs.concat(
+      update.resyncProjectStructure.files
+    )
+    for (const file of allEntities) {
+      const pathname = UpdateTranslator._convertPathname(file.path)
+      const matchingAddFileOperation = this.expandedUpdates.some(
+        // Look for an addFile operation that already syncs the metadata.
+        u => u.pathname === pathname && u.metadata === file.metadata
+      )
+      if (matchingAddFileOperation) continue
+      const metaData = this.files[pathname].getMetadata()
+
+      let shouldUpdate = false
+      if (file.metadata) {
+        // check for in place update of linked-file
+        shouldUpdate = Object.entries(file.metadata).some(
+          ([k, v]) => metaData[k] !== v
+        )
+      } else if (metaData.provider) {
+        // overwritten by non-linked-file with same hash
+        // or overwritten by doc
+        shouldUpdate = true
+      }
+      if (!shouldUpdate) continue
+
+      this.expandedUpdates.push({
+        pathname,
+        meta: {
+          resync: true,
+          origin: this.origin,
+          ts: update.meta.ts,
+        },
+        metadata: file.metadata || {},
+      })
+      Metrics.inc('project_history_resync_operation', 1, {
+        status: 'update metadata',
+      })
+    }
+  }
+
+  queueUpdateForOutOfSyncBinaryFiles(update, expectedFiles, persistedFiles) {
+    // create a map to lookup persisted files by their path
+    const persistedFileMap = new Map(persistedFiles.map(x => [x.path, x]))
+    // now search for files with same path but different hash values
+    const differentFiles = expectedFiles.filter(expected => {
+      // check for a persisted file at the same path
+      const expectedPath = expected.path
+      const persistedFileAtSamePath = persistedFileMap.get(expectedPath)
+      if (!persistedFileAtSamePath) return false
+      // check if the persisted file at the same path has a different hash
+      const expectedHash = _.get(expected, '_hash')
+      const persistedHash = _.get(persistedFileAtSamePath, ['data', 'hash'])
+      const hashesPresent = expectedHash && persistedHash
+      return hashesPresent && persistedHash !== expectedHash
+    })
+    for (const entity of differentFiles) {
+      // remove the outdated persisted file
+      const removeUpdate = {
+        pathname: entity.path,
+        new_pathname: '',
+        meta: {
+          resync: true,
+          origin: this.origin,
+          ts: update.meta.ts,
+        },
+      }
+      this.expandedUpdates.push(removeUpdate)
+      // add the new file content
+      const addUpdate = {
+        pathname: entity.path,
+        meta: {
+          resync: true,
+          origin: this.origin,
+          ts: update.meta.ts,
+        },
+        file: entity.file,
+      }
+      if (entity.url) addUpdate.url = entity.url
+      if (entity._hash) addUpdate.hash = entity._hash
+      if (entity.createdBlob) addUpdate.createdBlob = entity.createdBlob
+      if (entity.metadata) addUpdate.metadata = entity.metadata
+      this.expandedUpdates.push(addUpdate)
+      Metrics.inc('project_history_resync_operation', 1, {
+        status: 'update binary file contents',
+      })
+    }
+  }
+
+  /**
+   * Expand a resyncDocContentUpdate
+   *
+   * @param {ResyncDocContentUpdate} update
+   */
+  async expandResyncDocContentUpdate(update) {
+    const pathname = UpdateTranslator._convertPathname(update.path)
+    const snapshotFile = this.files[pathname]
+    const expectedFile = update.resyncDocContent
+    const expectedContent = expectedFile.content
+
+    if (!snapshotFile) {
+      throw new OError('unrecognised file: not in snapshot')
+    }
+
+    // Compare hashes to see if the persisted file matches the expected content.
+    // The hash of the persisted files is stored in the snapshot.
+    // Note getHash() returns the hash only when the persisted file has
+    // no changes in the snapshot, the hash is null if there are changes
+    // that apply to it.
+    let hashesMatch = false
+    const persistedHash = snapshotFile.getHash()
+    if (persistedHash != null) {
+      const expectedHash = HashManager._getBlobHashFromString(expectedContent)
+      if (persistedHash === expectedHash) {
+        logger.debug(
+          { projectId: this.projectId, persistedHash, expectedHash },
+          'skipping diff because hashes match and persisted file has no ops'
+        )
+        hashesMatch = true
+      }
+    } else {
+      logger.debug('cannot compare hashes, will retrieve content')
+    }
+
+    // compute the difference between the expected and persisted content
+    const historyId = await WebApiManager.promises.getHistoryId(this.projectId)
+    const file = await snapshotFile.load(
+      'eager',
+      HistoryStoreManager.getBlobStore(historyId)
+    )
+    const persistedContent = file.getContent()
+    if (persistedContent == null) {
+      // This should not happen given that we loaded the file eagerly. We could
+      // probably refine the types in overleaf-editor-core so that this check
+      // wouldn't be necessary.
+      throw new Error('File was not properly loaded')
+    }
+
+    if (!hashesMatch) {
+      const expandedUpdate = await this.queueUpdateForOutOfSyncContent(
+        update,
+        pathname,
+        persistedContent,
+        expectedContent
+      )
+      if (expandedUpdate != null) {
+        // Adjust the ranges for the changes that have been made to the content
+        for (const op of expandedUpdate.op) {
+          if (isInsert(op)) {
+            file.getComments().applyInsert(new Range(op.p, op.i.length))
+            file.getTrackedChanges().applyInsert(op.p, op.i)
+          } else if (isDelete(op)) {
+            file.getComments().applyDelete(new Range(op.p, op.d.length))
+            file.getTrackedChanges().applyDelete(op.p, op.d.length)
+          }
+        }
+      }
+    }
+
+    const persistedComments = file.getComments().toArray()
+    await this.queueUpdatesForOutOfSyncComments(
+      update,
+      pathname,
+      persistedComments
+    )
+
+    const persistedChanges = file.getTrackedChanges().asSorted()
+    await this.queueUpdatesForOutOfSyncTrackedChanges(
+      update,
+      pathname,
+      persistedChanges
+    )
+  }
+
+  /**
+   * Queue update for out of sync content
+   *
+   * @param {ResyncDocContentUpdate} update
+   * @param {string} pathname
+   * @param {string} persistedContent
+   * @param {string} expectedContent
+   */
+  async queueUpdateForOutOfSyncContent(
+    update,
+    pathname,
+    persistedContent,
+    expectedContent
+  ) {
+    logger.debug(
+      { projectId: this.projectId, persistedContent, expectedContent },
+      'diffing doc contents'
+    )
+    const op = UpdateCompressor.diffAsShareJsOps(
+      persistedContent,
+      expectedContent
+    )
+    if (op.length === 0) {
+      return null
+    }
+    const expandedUpdate = {
+      doc: update.doc,
+      op,
+      meta: {
+        resync: true,
+        origin: this.origin,
+        ts: update.meta.ts,
+        pathname,
+        doc_length: persistedContent.length,
+      },
+    }
+    logger.debug(
+      { projectId: this.projectId, diffCount: op.length },
+      'doc contents differ'
+    )
+    this.expandedUpdates.push(expandedUpdate)
+    Metrics.inc('project_history_resync_operation', 1, {
+      status: 'update text file contents',
+    })
+    return expandedUpdate
+  }
+
+  /**
+   * Queue updates for out of sync comments
+   *
+   * @param {ResyncDocContentUpdate} update
+   * @param {string} pathname
+   * @param {HistoryComment[]} persistedComments
+   */
+  async queueUpdatesForOutOfSyncComments(update, pathname, persistedComments) {
+    const expectedContent = update.resyncDocContent.content
+    const expectedComments = update.resyncDocContent.ranges?.comments ?? []
+    const resolvedCommentIds = new Set(
+      update.resyncDocContent.resolvedCommentIds ?? []
+    )
+    const expectedCommentsById = new Map(
+      expectedComments.map(comment => [comment.id, comment])
+    )
+    const persistedCommentsById = new Map(
+      persistedComments.map(comment => [comment.id, comment])
+    )
+
+    // Delete any persisted comment that is not in the expected comment list.
+    for (const persistedComment of persistedComments) {
+      if (!expectedCommentsById.has(persistedComment.id)) {
+        this.expandedUpdates.push({
+          pathname,
+          deleteComment: persistedComment.id,
+          meta: {
+            resync: true,
+            origin: this.origin,
+            ts: update.meta.ts,
+          },
+        })
+      }
+    }
+
+    for (const expectedComment of expectedComments) {
+      const persistedComment = persistedCommentsById.get(expectedComment.id)
+      const expectedCommentResolved = resolvedCommentIds.has(expectedComment.id)
+      if (
+        persistedComment != null &&
+        commentRangesAreInSync(persistedComment, expectedComment)
+      ) {
+        if (expectedCommentResolved === persistedComment.resolved) {
+          // Both comments are identical; do nothing
+        } else {
+          // Only the resolved state differs
+          this.expandedUpdates.push({
+            pathname,
+            commentId: expectedComment.id,
+            resolved: expectedCommentResolved,
+            meta: {
+              resync: true,
+              origin: this.origin,
+              ts: update.meta.ts,
+            },
+          })
+        }
+      } else {
+        const op = { ...expectedComment.op, resolved: expectedCommentResolved }
+        // New comment or ranges differ
+        this.expandedUpdates.push({
+          doc: update.doc,
+          op: [op],
+          meta: {
+            resync: true,
+            origin: this.origin,
+            ts: update.meta.ts,
+            pathname,
+            doc_length: expectedContent.length,
+          },
+        })
+      }
+    }
+  }
+
+  /**
+   * Queue updates for out of sync tracked changes
+   *
+   * @param {ResyncDocContentUpdate} update
+   * @param {string} pathname
+   * @param {readonly HistoryTrackedChange[]} persistedChanges
+   */
+  async queueUpdatesForOutOfSyncTrackedChanges(
+    update,
+    pathname,
+    persistedChanges
+  ) {
+    const expectedChanges = update.resyncDocContent.ranges?.changes ?? []
+    const expectedContent = update.resyncDocContent.content
+
+    /**
+     * A cursor on the expected content
+     */
+    let cursor = 0
+
+    /**
+     * The persisted tracking at cursor
+     *
+     * @type {TrackingDirective}
+     */
+    let persistedTracking = { type: 'none' }
+
+    /**
+     * The expected tracking at cursor
+     *
+     * @type {TrackingDirective}
+     */
+    let expectedTracking = { type: 'none' }
+
+    /**
+     * The retain ops for the update
+     *
+     * @type {RetainOp[]}
+     */
+    const ops = []
+
+    /**
+     * The retain op being built
+     *
+     * @type {RetainOp | null}
+     */
+    let currentOp = null
+
+    for (const transition of getTrackedChangesTransitions(
+      persistedChanges,
+      expectedChanges,
+      expectedContent.length
+    )) {
+      if (transition.pos > cursor) {
+        // The next transition will move the cursor. Decide what to do with the interval.
+        if (trackingDirectivesEqual(expectedTracking, persistedTracking)) {
+          // Expected tracking and persisted tracking are in sync. Emit the
+          // current op and skip this interval.
+          if (currentOp != null) {
+            ops.push(currentOp)
+            currentOp = null
+          }
+        } else {
+          // Expected tracking and persisted tracking are different.
+          const retainedText = expectedContent.slice(cursor, transition.pos)
+          if (
+            currentOp?.tracking != null &&
+            trackingDirectivesEqual(expectedTracking, currentOp.tracking)
+          ) {
+            // The current op has the right tracking. Extend it.
+            currentOp.r += retainedText
+          } else {
+            // The current op doesn't have the right tracking. Emit the current
+            // op and start a new one.
+            if (currentOp != null) {
+              ops.push(currentOp)
+            }
+            currentOp = {
+              r: retainedText,
+              p: cursor,
+              tracking: expectedTracking,
+            }
+          }
+        }
+
+        // Advance cursor
+        cursor = transition.pos
+      }
+
+      // Update the expected and persisted tracking
+      if (transition.stage === 'persisted') {
+        persistedTracking = transition.tracking
+      } else {
+        expectedTracking = transition.tracking
+      }
+    }
+
+    // Emit the last op
+    if (currentOp != null) {
+      ops.push(currentOp)
+    }
+
+    if (ops.length > 0) {
+      this.expandedUpdates.push({
+        doc: update.doc,
+        op: ops,
+        meta: {
+          resync: true,
+          origin: this.origin,
+          ts: update.meta.ts,
+          pathname,
+          doc_length: expectedContent.length,
+        },
+      })
+    }
+  }
+}
+
+/**
+ * Compares the ranges in the persisted and expected comments
+ *
+ * @param {HistoryComment} persistedComment
+ * @param {Comment} expectedComment
+ */
+function commentRangesAreInSync(persistedComment, expectedComment) {
+  const expectedPos = expectedComment.op.hpos ?? expectedComment.op.p
+  const expectedLength = expectedComment.op.hlen ?? expectedComment.op.c.length
+  if (expectedLength === 0) {
+    // A zero length comment from RangesManager is a detached comment in history
+    return persistedComment.ranges.length === 0
+  }
+
+  if (persistedComment.ranges.length !== 1) {
+    // The editor only supports single range comments
+    return false
+  }
+  const persistedRange = persistedComment.ranges[0]
+  return (
+    persistedRange.pos === expectedPos &&
+    persistedRange.length === expectedLength
+  )
+}
+
+/**
+ * Iterates through expected tracked changes and persisted tracked changes and
+ * returns all transitions, sorted by position.
+ *
+ * @param {readonly HistoryTrackedChange[]} persistedChanges
+ * @param {TrackedChange[]} expectedChanges
+ * @param {number} docLength
+ */
+function getTrackedChangesTransitions(
+  persistedChanges,
+  expectedChanges,
+  docLength
+) {
+  /** @type {TrackedChangeTransition[]} */
+  const transitions = []
+
+  for (const change of persistedChanges) {
+    transitions.push({
+      stage: 'persisted',
+      pos: change.range.start,
+      tracking: {
+        type: change.tracking.type,
+        userId: change.tracking.userId,
+        ts: change.tracking.ts.toISOString(),
+      },
+    })
+    transitions.push({
+      stage: 'persisted',
+      pos: change.range.end,
+      tracking: { type: 'none' },
+    })
+  }
+
+  for (const change of expectedChanges) {
+    const op = change.op
+    const pos = op.hpos ?? op.p
+    if (isInsert(op)) {
+      transitions.push({
+        stage: 'expected',
+        pos,
+        tracking: {
+          type: 'insert',
+          userId: change.metadata.user_id,
+          ts: change.metadata.ts,
+        },
+      })
+      transitions.push({
+        stage: 'expected',
+        pos: pos + op.i.length,
+        tracking: { type: 'none' },
+      })
+    } else {
+      transitions.push({
+        stage: 'expected',
+        pos,
+        tracking: {
+          type: 'delete',
+          userId: change.metadata.user_id,
+          ts: change.metadata.ts,
+        },
+      })
+      transitions.push({
+        stage: 'expected',
+        pos: pos + op.d.length,
+        tracking: { type: 'none' },
+      })
+    }
+  }
+
+  transitions.push({
+    stage: 'expected',
+    pos: docLength,
+    tracking: { type: 'none' },
+  })
+
+  transitions.sort((a, b) => {
+    if (a.pos < b.pos) {
+      return -1
+    } else if (a.pos > b.pos) {
+      return 1
+    } else if (a.tracking.type === 'none' && b.tracking.type !== 'none') {
+      // none type comes before other types so that it can be overridden at the
+      // same position
+      return -1
+    } else if (a.tracking.type !== 'none' && b.tracking.type === 'none') {
+      // none type comes before other types so that it can be overridden at the
+      // same position
+      return 1
+    } else {
+      return 0
+    }
+  })
+
+  return transitions
+}
+
+/**
+ * Returns true if both tracking directives are equal
+ *
+ * @param {TrackingDirective} a
+ * @param {TrackingDirective} b
+ */
+function trackingDirectivesEqual(a, b) {
+  if (a.type === 'none') {
+    return b.type === 'none'
+  } else {
+    return a.type === b.type && a.userId === b.userId && a.ts === b.ts
+  }
+}
+
+// EXPORTS
+
+const startResyncCb = callbackify(startResync)
+const startResyncWithoutLockCb = callbackify(startResyncWithoutLock)
+const startHardResyncCb = callbackify(startHardResync)
+const setResyncStateCb = callbackify(setResyncState)
+const clearResyncStateCb = callbackify(clearResyncState)
+const skipUpdatesDuringSyncCb = callbackifyMultiResult(skipUpdatesDuringSync, [
+  'updates',
+  'syncState',
+])
+
+/**
+ * @param {string} projectId
+ * @param {string} projectHistoryId
+ * @param {{chunk: import('overleaf-editor-core/lib/types.js').RawChunk}} mostRecentChunk
+ * @param {Array<Update>} updates
+ * @param {() => void} extendLock
+ * @param {(err: Error | null, updates?: Array<Update>) => void} callback
+ */
+const expandSyncUpdatesCb = (
+  projectId,
+  projectHistoryId,
+  mostRecentChunk,
+  updates,
+  extendLock,
+  callback
+) => {
+  const extendLockPromises = promisify(extendLock)
+  expandSyncUpdates(
+    projectId,
+    projectHistoryId,
+    mostRecentChunk,
+    updates,
+    extendLockPromises
+  )
+    .then(result => {
+      callback(null, result)
+    })
+    .catch(err => {
+      callback(err)
+    })
+}
+
+export {
+  startResyncCb as startResync,
+  startResyncWithoutLockCb as startResyncWithoutLock,
+  startHardResyncCb as startHardResync,
+  setResyncStateCb as setResyncState,
+  clearResyncStateCb as clearResyncState,
+  skipUpdatesDuringSyncCb as skipUpdatesDuringSync,
+  expandSyncUpdatesCb as expandSyncUpdates,
+}
+
+export const promises = {
+  startResync,
+  startResyncWithoutLock,
+  startHardResync,
+  setResyncState,
+  clearResyncState,
+  clearResyncStateIfAllAfter,
+  skipUpdatesDuringSync,
+  expandSyncUpdates,
+}
diff --git a/services/project-history/app/js/UpdateCompressor.js b/services/project-history/app/js/UpdateCompressor.js
new file mode 100644
index 0000000..b548b75
--- /dev/null
+++ b/services/project-history/app/js/UpdateCompressor.js
@@ -0,0 +1,491 @@
+// @ts-check
+
+import OError from '@overleaf/o-error'
+import DMP from 'diff-match-patch'
+
+/**
+ * @import { DeleteOp, InsertOp, Op, Update } from './types'
+ */
+
+const MAX_TIME_BETWEEN_UPDATES = 60 * 1000 // one minute
+const MAX_UPDATE_SIZE = 2 * 1024 * 1024 // 2 MB
+const ADDED = 1
+const REMOVED = -1
+const UNCHANGED = 0
+
+const strInject = (s1, pos, s2) => s1.slice(0, pos) + s2 + s1.slice(pos)
+const strRemove = (s1, pos, length) => s1.slice(0, pos) + s1.slice(pos + length)
+
+const dmp = new DMP()
+dmp.Diff_Timeout = 0.1 // prevent the diff algorithm from searching too hard for changes in unrelated content
+
+const cloneWithOp = function (update, op) {
+  // to improve performance, shallow clone the update
+  // and its meta property (also an object), then
+  // overwrite the op property directly.
+  update = Object.assign({}, update)
+  update.meta = Object.assign({}, update.meta)
+  update.op = op
+  return update
+}
+const mergeUpdatesWithOp = function (firstUpdate, secondUpdate, op) {
+  // We want to take doc_length and ts from the firstUpdate, v and doc_hash from the second
+  const update = cloneWithOp(firstUpdate, op)
+  if (secondUpdate.v != null) {
+    update.v = secondUpdate.v
+  }
+  if (secondUpdate.meta.doc_hash != null) {
+    update.meta.doc_hash = secondUpdate.meta.doc_hash
+  } else {
+    delete update.meta.doc_hash
+  }
+  return update
+}
+
+/**
+ * Adjust the given length to account for the given op
+ *
+ * The resulting length is the new length of the doc after the op is applied.
+ *
+ * @param {number} length
+ * @param {Op} op
+ * @param {object} opts
+ * @param {boolean} [opts.tracked] - whether or not the update is a tracked change
+ * @returns {number} the adjusted length
+ */
+function adjustLengthByOp(length, op, opts = {}) {
+  if ('i' in op && op.i != null) {
+    if (op.trackedDeleteRejection) {
+      // Tracked delete rejection: will be translated into a retain
+      return length
+    } else {
+      return length + op.i.length
+    }
+  } else if ('d' in op && op.d != null) {
+    if (opts.tracked) {
+      // Tracked delete: will be translated into a retain, except where it overlaps tracked inserts.
+      for (const change of op.trackedChanges ?? []) {
+        if (change.type === 'insert') {
+          length -= change.length
+        }
+      }
+      return length
+    } else {
+      return length - op.d.length
+    }
+  } else if ('r' in op && op.r != null) {
+    return length
+  } else if ('c' in op && op.c != null) {
+    return length
+  } else {
+    throw new OError('unexpected op type')
+  }
+}
+
+/**
+ * Updates come from the doc updater in format
+ * {
+ * 	op:   [ { ... op1 ... }, { ... op2 ... } ]
+ * 	meta: { ts: ..., user_id: ... }
+ * }
+ * but it's easier to work with on op per update, so convert these updates to
+ * our compressed format
+ * [{
+ * 	op: op1
+ * 	meta: { ts: ..., user_id: ... }
+ * }, {
+ * 	op: op2
+ * 	meta: { ts: ..., user_id: ... }
+ * }]
+ *
+ * @param {Update[]} updates
+ * @returns {Update[]} single op updates
+ */
+export function convertToSingleOpUpdates(updates) {
+  const splitUpdates = []
+  for (const update of updates) {
+    if (!('op' in update)) {
+      // Not a text op, likely a project strucure op
+      splitUpdates.push(update)
+      continue
+    }
+    const ops = update.op
+
+    let docLength = update.meta.history_doc_length ?? update.meta.doc_length
+    // Temporary fix for document-updater sending a length of -1 for empty
+    // documents. This can be removed after all queues have been flushed.
+    if (docLength === -1) {
+      docLength = 0
+    }
+    const docHash = update.meta.doc_hash
+    for (const op of ops) {
+      const splitUpdate = cloneWithOp(update, op)
+      // Only the last update will keep the doc_hash property
+      delete splitUpdate.meta.doc_hash
+      if (docLength != null) {
+        splitUpdate.meta.doc_length = docLength
+        docLength = adjustLengthByOp(docLength, op, {
+          tracked: update.meta.tc != null,
+        })
+        delete splitUpdate.meta.history_doc_length
+      }
+      splitUpdates.push(splitUpdate)
+    }
+    if (docHash != null && splitUpdates.length > 0) {
+      splitUpdates[splitUpdates.length - 1].meta.doc_hash = docHash
+    }
+  }
+  return splitUpdates
+}
+
+export function filterBlankUpdates(updates) {
+  // Diffing an insert and delete can return blank inserts and deletes
+  // which the OL history service doesn't have an equivalent for.
+  //
+  // NOTE: this relies on the updates only containing either op.i or op.d entries
+  // but not both, which is the case because diffAsShareJsOps does this
+  return updates.filter(
+    update => !(update.op && (update.op.i === '' || update.op.d === ''))
+  )
+}
+
+export function concatUpdatesWithSameVersion(updates) {
+  const concattedUpdates = []
+  for (let update of updates) {
+    if (update.op != null) {
+      update = cloneWithOp(update, [update.op])
+
+      const lastUpdate = concattedUpdates[concattedUpdates.length - 1]
+      if (
+        lastUpdate != null &&
+        lastUpdate.op != null &&
+        lastUpdate.v === update.v &&
+        lastUpdate.doc === update.doc &&
+        lastUpdate.pathname === update.pathname
+      ) {
+        lastUpdate.op = lastUpdate.op.concat(update.op)
+        if (update.meta.doc_hash == null) {
+          delete lastUpdate.meta.doc_hash
+        } else {
+          lastUpdate.meta.doc_hash = update.meta.doc_hash
+        }
+      } else {
+        concattedUpdates.push(update)
+      }
+    } else {
+      concattedUpdates.push(update)
+    }
+  }
+  return concattedUpdates
+}
+
+export function compressRawUpdates(rawUpdates) {
+  let updates = convertToSingleOpUpdates(rawUpdates)
+  updates = compressUpdates(updates)
+  updates = filterBlankUpdates(updates)
+  updates = concatUpdatesWithSameVersion(updates)
+  return updates
+}
+
+export function compressUpdates(updates) {
+  if (updates.length === 0) {
+    return []
+  }
+
+  let compressedUpdates = [updates.shift()]
+  for (const update of updates) {
+    const lastCompressedUpdate = compressedUpdates.pop()
+    if (lastCompressedUpdate != null) {
+      const newCompressedUpdates = _concatTwoUpdates(
+        lastCompressedUpdate,
+        update
+      )
+
+      compressedUpdates = compressedUpdates.concat(newCompressedUpdates)
+    } else {
+      compressedUpdates.push(update)
+    }
+  }
+
+  return compressedUpdates
+}
+
+/**
+ * If possible, merge two updates into a single update that has the same effect.
+ *
+ * It's useful to do some of this work at this point while we're dealing with
+ * document-updater updates. The deletes, in particular include the deleted
+ * text. This allows us to find pieces of inserts and deletes that cancel each
+ * other out because they insert/delete the exact same text. This compression
+ * makes the diff smaller.
+ */
+function _concatTwoUpdates(firstUpdate, secondUpdate) {
+  // Previously we cloned firstUpdate and secondUpdate at this point but we
+  // can skip this step because whenever they are returned with
+  // modification there is always a clone at that point via
+  // mergeUpdatesWithOp.
+
+  if (firstUpdate.op == null || secondUpdate.op == null) {
+    // Project structure ops
+    return [firstUpdate, secondUpdate]
+  }
+
+  if (
+    firstUpdate.doc !== secondUpdate.doc ||
+    firstUpdate.pathname !== secondUpdate.pathname
+  ) {
+    return [firstUpdate, secondUpdate]
+  }
+
+  if (firstUpdate.meta.user_id !== secondUpdate.meta.user_id) {
+    return [firstUpdate, secondUpdate]
+  }
+
+  if (
+    (firstUpdate.meta.type === 'external' &&
+      secondUpdate.meta.type !== 'external') ||
+    (firstUpdate.meta.type !== 'external' &&
+      secondUpdate.meta.type === 'external') ||
+    (firstUpdate.meta.type === 'external' &&
+      secondUpdate.meta.type === 'external' &&
+      firstUpdate.meta.source !== secondUpdate.meta.source)
+  ) {
+    return [firstUpdate, secondUpdate]
+  }
+
+  if (secondUpdate.meta.ts - firstUpdate.meta.ts > MAX_TIME_BETWEEN_UPDATES) {
+    return [firstUpdate, secondUpdate]
+  }
+
+  if (
+    (firstUpdate.meta.tc == null && secondUpdate.meta.tc != null) ||
+    (firstUpdate.meta.tc != null && secondUpdate.meta.tc == null)
+  ) {
+    // One update is tracking changes and the other isn't. Tracking changes
+    // results in different behaviour in the history, so we need to keep these
+    // two updates separate.
+    return [firstUpdate, secondUpdate]
+  }
+
+  if (Boolean(firstUpdate.op.u) !== Boolean(secondUpdate.op.u)) {
+    // One update is an undo and the other isn't. If we were to merge the two
+    // updates, we would have to choose one value for the flag, which would be
+    // partially incorrect. Moreover, a tracked delete that is also an undo is
+    // treated as a tracked insert rejection by the history, so these updates
+    // need to be well separated.
+    return [firstUpdate, secondUpdate]
+  }
+
+  if (
+    firstUpdate.op.trackedDeleteRejection ||
+    secondUpdate.op.trackedDeleteRejection
+  ) {
+    // Do not merge tracked delete rejections. Each tracked delete rejection is
+    // a separate operation.
+    return [firstUpdate, secondUpdate]
+  }
+
+  if (
+    firstUpdate.op.trackedChanges != null ||
+    secondUpdate.op.trackedChanges != null
+  ) {
+    // Do not merge ops that span tracked changes.
+    // TODO: This could theoretically be handled, but it would be complex. One
+    // would need to take tracked deletes into account when merging inserts and
+    // deletes together.
+    return [firstUpdate, secondUpdate]
+  }
+
+  const firstOp = firstUpdate.op
+  const secondOp = secondUpdate.op
+  const firstSize =
+    (firstOp.i && firstOp.i.length) || (firstOp.d && firstOp.d.length)
+  const secondSize =
+    (secondOp.i && secondOp.i.length) || (secondOp.d && secondOp.d.length)
+  const firstOpInsideSecondOp =
+    secondOp.p <= firstOp.p && firstOp.p <= secondOp.p + secondSize
+  const secondOpInsideFirstOp =
+    firstOp.p <= secondOp.p && secondOp.p <= firstOp.p + firstSize
+  const combinedLengthUnderLimit = firstSize + secondSize < MAX_UPDATE_SIZE
+
+  // Two inserts
+  if (
+    firstOp.i != null &&
+    secondOp.i != null &&
+    secondOpInsideFirstOp &&
+    combinedLengthUnderLimit &&
+    insertOpsInsideSameComments(firstOp, secondOp)
+  ) {
+    return [
+      mergeUpdatesWithOp(firstUpdate, secondUpdate, {
+        ...firstOp,
+        i: strInject(firstOp.i, secondOp.p - firstOp.p, secondOp.i),
+      }),
+    ]
+  }
+
+  // Two deletes
+  if (
+    firstOp.d != null &&
+    secondOp.d != null &&
+    firstOpInsideSecondOp &&
+    combinedLengthUnderLimit &&
+    firstUpdate.meta.tc == null &&
+    secondUpdate.meta.tc == null
+  ) {
+    return [
+      mergeUpdatesWithOp(firstUpdate, secondUpdate, {
+        ...secondOp,
+        d: strInject(secondOp.d, firstOp.p - secondOp.p, firstOp.d),
+      }),
+    ]
+  }
+
+  // An insert and then a delete
+  if (
+    firstOp.i != null &&
+    secondOp.d != null &&
+    secondOpInsideFirstOp &&
+    firstUpdate.meta.tc == null &&
+    secondUpdate.meta.tc == null
+  ) {
+    const offset = secondOp.p - firstOp.p
+    const insertedText = firstOp.i.slice(offset, offset + secondOp.d.length)
+    // Only trim the insert when the delete is fully contained within in it
+    if (insertedText === secondOp.d) {
+      const insert = strRemove(firstOp.i, offset, secondOp.d.length)
+      if (insert === '') {
+        return []
+      } else {
+        return [
+          mergeUpdatesWithOp(firstUpdate, secondUpdate, {
+            ...firstOp,
+            i: insert,
+          }),
+        ]
+      }
+    } else {
+      // This will only happen if the delete extends outside the insert
+      return [firstUpdate, secondUpdate]
+    }
+  }
+
+  // A delete then an insert at the same place, likely a copy-paste of a chunk of content
+  if (
+    firstOp.d != null &&
+    secondOp.i != null &&
+    firstOp.p === secondOp.p &&
+    firstUpdate.meta.tc == null &&
+    secondUpdate.meta.tc == null
+  ) {
+    const offset = firstOp.p
+    const hoffset = firstOp.hpos
+    const diffUpdates = diffAsShareJsOps(firstOp.d, secondOp.i).map(
+      function (op) {
+        // diffAsShareJsOps() returns ops with positions relative to the position
+        // of the copy/paste. We need to adjust these positions so that they
+        // apply to the whole document instead.
+        const pos = op.p
+        op.p = pos + offset
+        if (hoffset != null) {
+          op.hpos = pos + hoffset
+        }
+        if (firstOp.u && secondOp.u) {
+          op.u = true
+        }
+        if ('i' in op && secondOp.commentIds != null) {
+          // Make sure that commentIds metadata is propagated to inserts
+          op.commentIds = secondOp.commentIds
+        }
+        const update = mergeUpdatesWithOp(firstUpdate, secondUpdate, op)
+        // Set the doc hash only on the last update
+        delete update.meta.doc_hash
+        return update
+      }
+    )
+    const docHash = secondUpdate.meta.doc_hash
+    if (docHash != null && diffUpdates.length > 0) {
+      diffUpdates[diffUpdates.length - 1].meta.doc_hash = docHash
+    }
+
+    // Doing a diff like this loses track of the doc lengths for each
+    // update, so recalculate them
+    let docLength =
+      firstUpdate.meta.history_doc_length ?? firstUpdate.meta.doc_length
+    for (const update of diffUpdates) {
+      update.meta.doc_length = docLength
+      docLength = adjustLengthByOp(docLength, update.op, {
+        tracked: update.meta.tc != null,
+      })
+      delete update.meta.history_doc_length
+    }
+
+    return diffUpdates
+  }
+
+  return [firstUpdate, secondUpdate]
+}
+
+/**
+ * Return the diff between two strings
+ *
+ * @param {string} before
+ * @param {string} after
+ * @returns {(InsertOp | DeleteOp)[]} the ops that generate that diff
+ */
+export function diffAsShareJsOps(before, after) {
+  const diffs = dmp.diff_main(before, after)
+  dmp.diff_cleanupSemantic(diffs)
+
+  const ops = []
+  let position = 0
+  for (const diff of diffs) {
+    const type = diff[0]
+    const content = diff[1]
+    if (type === ADDED) {
+      ops.push({
+        i: content,
+        p: position,
+      })
+      position += content.length
+    } else if (type === REMOVED) {
+      ops.push({
+        d: content,
+        p: position,
+      })
+    } else if (type === UNCHANGED) {
+      position += content.length
+    } else {
+      throw new Error('Unknown type')
+    }
+  }
+  return ops
+}
+
+/**
+ * Checks if two insert ops are inside the same comments
+ *
+ * @param {InsertOp} op1
+ * @param {InsertOp} op2
+ * @returns {boolean}
+ */
+function insertOpsInsideSameComments(op1, op2) {
+  const commentIds1 = op1.commentIds
+  const commentIds2 = op2.commentIds
+  if (commentIds1 == null && commentIds2 == null) {
+    // None are inside comments
+    return true
+  }
+
+  if (
+    commentIds1 != null &&
+    commentIds2 != null &&
+    commentIds1.every(id => commentIds2.includes(id)) &&
+    commentIds2.every(id => commentIds1.includes(id))
+  ) {
+    // Both are inside the same comments
+    return true
+  }
+
+  return false
+}
diff --git a/services/project-history/app/js/UpdateTranslator.js b/services/project-history/app/js/UpdateTranslator.js
new file mode 100644
index 0000000..38e65f6
--- /dev/null
+++ b/services/project-history/app/js/UpdateTranslator.js
@@ -0,0 +1,487 @@
+// @ts-check
+
+import _ from 'lodash'
+import Core from 'overleaf-editor-core'
+import * as Errors from './Errors.js'
+import * as OperationsCompressor from './OperationsCompressor.js'
+import { isInsert, isRetain, isDelete, isComment } from './Utils.js'
+
+/**
+ * @import { AddDocUpdate, AddFileUpdate, DeleteCommentUpdate, Op, RawScanOp } from './types'
+ * @import { RenameUpdate, TextUpdate, TrackingDirective, TrackingProps } from './types'
+ * @import { SetCommentStateUpdate, SetFileMetadataOperation, Update, UpdateWithBlob } from './types'
+ */
+
+/**
+ * Convert updates into history changes
+ *
+ * @param {string} projectId
+ * @param {UpdateWithBlob[]} updatesWithBlobs
+ * @returns {Array<Core.Change | null>}
+ */
+export function convertToChanges(projectId, updatesWithBlobs) {
+  return updatesWithBlobs.map(update => _convertToChange(projectId, update))
+}
+
+/**
+ * Convert an update into a history change
+ *
+ * @param {string} projectId
+ * @param {UpdateWithBlob} updateWithBlob
+ * @returns {Core.Change | null}
+ */
+function _convertToChange(projectId, updateWithBlob) {
+  let operations
+  const { update } = updateWithBlob
+
+  let projectVersion = null
+  const v2DocVersions = {}
+
+  if (_isRenameUpdate(update)) {
+    operations = [
+      {
+        pathname: _convertPathname(update.pathname),
+        newPathname: _convertPathname(update.new_pathname),
+      },
+    ]
+    projectVersion = update.version
+  } else if (isAddUpdate(update)) {
+    const op = {
+      pathname: _convertPathname(update.pathname),
+      file: {
+        hash: updateWithBlob.blobHashes.file,
+      },
+    }
+    if (_isAddDocUpdate(update)) {
+      op.file.rangesHash = updateWithBlob.blobHashes.ranges
+    }
+    if (_isAddFileUpdate(update)) {
+      op.file.metadata = update.metadata
+    }
+    operations = [op]
+    projectVersion = update.version
+  } else if (isTextUpdate(update)) {
+    const docLength = update.meta.history_doc_length ?? update.meta.doc_length
+    let pathname = update.meta.pathname
+
+    pathname = _convertPathname(pathname)
+    const builder = new OperationsBuilder(docLength, pathname)
+    // convert ops
+    for (const op of update.op) {
+      builder.addOp(op, update)
+    }
+    // add doc hash if present
+    if (update.meta.doc_hash != null) {
+      // This will commit the text operation that the builder is currently
+      // building and set the contentHash property.
+      builder.commitTextOperation({ contentHash: update.meta.doc_hash })
+    }
+    operations = builder.finish()
+    // add doc version information if present
+    if (update.v != null) {
+      v2DocVersions[update.doc] = { pathname, v: update.v }
+    }
+  } else if (isSetCommentStateUpdate(update)) {
+    operations = [
+      {
+        pathname: _convertPathname(update.pathname),
+        commentId: update.commentId,
+        resolved: update.resolved,
+      },
+    ]
+  } else if (isSetFileMetadataOperation(update)) {
+    operations = [
+      {
+        pathname: _convertPathname(update.pathname),
+        metadata: update.metadata,
+      },
+    ]
+  } else if (isDeleteCommentUpdate(update)) {
+    operations = [
+      {
+        pathname: _convertPathname(update.pathname),
+        deleteComment: update.deleteComment,
+      },
+    ]
+  } else {
+    const error = new Errors.UpdateWithUnknownFormatError(
+      'update with unknown format',
+      { projectId, update }
+    )
+    throw error
+  }
+
+  let v2Authors
+  if (update.meta.user_id === 'anonymous-user') {
+    // history-v1 uses null to represent an anonymous author
+    v2Authors = [null]
+  } else {
+    // user_id is missing on resync operations that update the contents of a doc
+    v2Authors = _.compact([update.meta.user_id])
+  }
+
+  const rawChange = {
+    operations,
+    v2Authors,
+    timestamp: new Date(update.meta.ts).toISOString(),
+    projectVersion,
+    v2DocVersions: Object.keys(v2DocVersions).length ? v2DocVersions : null,
+  }
+  if (update.meta.origin) {
+    rawChange.origin = update.meta.origin
+  } else if (update.meta.type === 'external' && update.meta.source) {
+    rawChange.origin = { kind: update.meta.source }
+  }
+  const change = Core.Change.fromRaw(rawChange)
+
+  if (change != null) {
+    change.operations = OperationsCompressor.compressOperations(
+      change.operations
+    )
+  }
+
+  return change
+}
+
+/**
+ * @param {Update} update
+ * @returns {update is RenameUpdate}
+ */
+function _isRenameUpdate(update) {
+  return 'new_pathname' in update && update.new_pathname != null
+}
+
+/**
+ * @param {Update} update
+ * @returns {update is AddDocUpdate}
+ */
+function _isAddDocUpdate(update) {
+  return (
+    'doc' in update &&
+    update.doc != null &&
+    'docLines' in update &&
+    update.docLines != null
+  )
+}
+
+/**
+ * @param {Update} update
+ * @returns {update is AddFileUpdate}
+ */
+function _isAddFileUpdate(update) {
+  return (
+    'file' in update &&
+    update.file != null &&
+    (('createdBlob' in update && update.createdBlob) ||
+      ('url' in update && update.url != null))
+  )
+}
+
+/**
+ * @param {Update} update
+ * @returns {update is TextUpdate}
+ */
+export function isTextUpdate(update) {
+  return (
+    'doc' in update &&
+    update.doc != null &&
+    'op' in update &&
+    update.op != null &&
+    'pathname' in update.meta &&
+    update.meta.pathname != null &&
+    'doc_length' in update.meta &&
+    update.meta.doc_length != null
+  )
+}
+
+export function isProjectStructureUpdate(update) {
+  return isAddUpdate(update) || _isRenameUpdate(update)
+}
+
+/**
+ * @param {Update} update
+ * @returns {update is AddDocUpdate | AddFileUpdate}
+ */
+export function isAddUpdate(update) {
+  return _isAddDocUpdate(update) || _isAddFileUpdate(update)
+}
+
+/**
+ * @param {Update} update
+ * @returns {update is SetCommentStateUpdate}
+ */
+export function isSetCommentStateUpdate(update) {
+  return 'commentId' in update && 'resolved' in update
+}
+
+/**
+ * @param {Update} update
+ * @returns {update is DeleteCommentUpdate}
+ */
+export function isDeleteCommentUpdate(update) {
+  return 'deleteComment' in update
+}
+
+/**
+ * @param {Update} update
+ * @returns {update is SetFileMetadataOperation}
+ */
+export function isSetFileMetadataOperation(update) {
+  return 'metadata' in update
+}
+
+export function _convertPathname(pathname) {
+  // Strip leading /
+  pathname = pathname.replace(/^\//, '')
+  // Replace \\ with _. Backslashes are no longer allowed
+  // in projects in web, but we have some which have gone through
+  // into history before this restriction was added. This makes
+  // them valid for the history store.
+  // See https://github.com/overleaf/write_latex/issues/4471
+  pathname = pathname.replace(/\\/g, '_')
+  // workaround for filenames containing asterisks, this will
+  // fail if a corresponding replacement file already exists but it
+  // would fail anyway without this attempt to fix the pathname.
+  // See https://github.com/overleaf/internal/issues/900
+  pathname = pathname.replace(/\*/g, '__ASTERISK__')
+  // workaround for filenames beginning with spaces
+  // See https://github.com/overleaf/internal/issues/1404
+  // note: we have already stripped any leading slash above
+  pathname = pathname.replace(/^ /, '__SPACE__') // handle top-level
+  pathname = pathname.replace(/\/ /g, '/__SPACE__') // handle folders
+  return pathname
+}
+
+class OperationsBuilder {
+  /**
+   * @param {number} docLength
+   * @param {string} pathname
+   */
+  constructor(docLength, pathname) {
+    /**
+     * List of operations being built
+     */
+    this.operations = []
+
+    /**
+     * Currently built text operation
+     *
+     * @type {RawScanOp[]}
+     */
+    this.textOperation = []
+
+    /**
+     * Cursor inside the current text operation
+     */
+    this.cursor = 0
+
+    this.docLength = docLength
+    this.pathname = pathname
+  }
+
+  /**
+   * @param {Op} op
+   * @param {TextUpdate} update
+   * @returns {void}
+   */
+  addOp(op, update) {
+    // We sometimes receive operations that operate at positions outside the
+    // docLength. Document updater coerces the position to the end of the
+    // document. We do the same here.
+    const pos = Math.min(op.hpos ?? op.p, this.docLength)
+
+    if (isComment(op)) {
+      // Commit the current text operation
+      this.commitTextOperation()
+
+      // Add a comment operation
+      const commentLength = op.hlen ?? op.c.length
+      const commentOp = {
+        pathname: this.pathname,
+        commentId: op.t,
+        ranges: commentLength > 0 ? [{ pos, length: commentLength }] : [],
+      }
+      if ('resolved' in op) {
+        commentOp.resolved = op.resolved
+      }
+      this.operations.push(commentOp)
+      return
+    }
+
+    if (!isInsert(op) && !isDelete(op) && !isRetain(op)) {
+      throw new Errors.UnexpectedOpTypeError('unexpected op type', { op })
+    }
+
+    if (pos < this.cursor) {
+      this.commitTextOperation()
+      // At this point, this.cursor === 0 and we can continue
+    }
+
+    if (pos > this.cursor) {
+      this.retain(pos - this.cursor)
+    }
+
+    if (isInsert(op)) {
+      if (op.trackedDeleteRejection) {
+        this.retain(op.i.length, {
+          tracking: { type: 'none' },
+        })
+      } else {
+        const opts = {}
+        if (update.meta.tc != null) {
+          opts.tracking = {
+            type: 'insert',
+            userId: update.meta.user_id,
+            ts: new Date(update.meta.ts).toISOString(),
+          }
+        }
+        if (op.commentIds != null) {
+          opts.commentIds = op.commentIds
+        }
+        this.insert(op.i, opts)
+      }
+    }
+
+    if (isRetain(op)) {
+      if (op.tracking) {
+        this.retain(op.r.length, { tracking: op.tracking })
+      } else {
+        this.retain(op.r.length)
+      }
+    }
+
+    if (isDelete(op)) {
+      const changes = op.trackedChanges ?? []
+
+      // Tracked changes should already be ordered by offset, but let's make
+      // sure they are.
+      changes.sort((a, b) => {
+        const posOrder = a.offset - b.offset
+        if (posOrder !== 0) {
+          return posOrder
+        } else if (a.type === 'insert' && b.type === 'delete') {
+          return 1
+        } else if (a.type === 'delete' && b.type === 'insert') {
+          return -1
+        } else {
+          return 0
+        }
+      })
+
+      let offset = 0
+      for (const change of changes) {
+        if (change.offset > offset) {
+          // Handle the portion before the tracked change
+          if (update.meta.tc != null) {
+            // This is a tracked delete
+            this.retain(change.offset - offset, {
+              tracking: {
+                type: 'delete',
+                userId: update.meta.user_id,
+                ts: new Date(update.meta.ts).toISOString(),
+              },
+            })
+          } else {
+            // This is a regular delete
+            this.delete(change.offset - offset)
+          }
+          offset = change.offset
+        }
+
+        // Now, handle the portion inside the tracked change
+        if (change.type === 'delete') {
+          // Tracked deletes are skipped over when deleting
+          this.retain(change.length)
+        } else if (change.type === 'insert') {
+          // Deletes inside tracked inserts are always regular deletes
+          this.delete(change.length)
+          offset += change.length
+        }
+      }
+      if (offset < op.d.length) {
+        // Handle the portion after the last tracked change
+        if (update.meta.tc != null) {
+          // This is a tracked delete
+          this.retain(op.d.length - offset, {
+            tracking: {
+              type: 'delete',
+              userId: update.meta.user_id,
+              ts: new Date(update.meta.ts).toISOString(),
+            },
+          })
+        } else {
+          // This is a regular delete
+          this.delete(op.d.length - offset)
+        }
+      }
+    }
+  }
+
+  /**
+   * @param {number} length
+   * @param {object} opts
+   * @param {TrackingDirective} [opts.tracking]
+   */
+  retain(length, opts = {}) {
+    if (opts.tracking) {
+      this.textOperation.push({ r: length, ...opts })
+    } else {
+      this.textOperation.push(length)
+    }
+    this.cursor += length
+  }
+
+  /**
+   * @param {string} str
+   * @param {object} opts
+   * @param {TrackingProps} [opts.tracking]
+   * @param {string[]} [opts.commentIds]
+   */
+  insert(str, opts = {}) {
+    if (opts.tracking || opts.commentIds) {
+      this.textOperation.push({ i: str, ...opts })
+    } else {
+      this.textOperation.push(str)
+    }
+    this.cursor += str.length
+    this.docLength += str.length
+  }
+
+  /**
+   * @param {number} length
+   * @param {object} opts
+   */
+  delete(length, opts = {}) {
+    this.textOperation.push(-length)
+    this.docLength -= length
+  }
+
+  /**
+   * Finalize the current text operation and push it to the queue
+   *
+   * @param {object} [opts]
+   * @param {string} [opts.contentHash]
+   */
+  commitTextOperation(opts = {}) {
+    if (this.textOperation.length > 0 && this.cursor < this.docLength) {
+      this.retain(this.docLength - this.cursor)
+    }
+    if (this.textOperation.length > 0) {
+      const operation = {
+        pathname: this.pathname,
+        textOperation: this.textOperation,
+      }
+      if (opts.contentHash != null) {
+        operation.contentHash = opts.contentHash
+      }
+      this.operations.push(operation)
+      this.textOperation = []
+    }
+    this.cursor = 0
+  }
+
+  finish() {
+    this.commitTextOperation()
+    return this.operations
+  }
+}
diff --git a/services/project-history/app/js/UpdatesProcessor.js b/services/project-history/app/js/UpdatesProcessor.js
new file mode 100644
index 0000000..b52fac7
--- /dev/null
+++ b/services/project-history/app/js/UpdatesProcessor.js
@@ -0,0 +1,800 @@
+import { promisify } from 'node:util'
+import logger from '@overleaf/logger'
+import async from 'async'
+import metrics from '@overleaf/metrics'
+import Settings from '@overleaf/settings'
+import OError from '@overleaf/o-error'
+import * as HistoryStoreManager from './HistoryStoreManager.js'
+import * as UpdateTranslator from './UpdateTranslator.js'
+import * as BlobManager from './BlobManager.js'
+import * as RedisManager from './RedisManager.js'
+import * as ErrorRecorder from './ErrorRecorder.js'
+import * as LockManager from './LockManager.js'
+import * as UpdateCompressor from './UpdateCompressor.js'
+import * as WebApiManager from './WebApiManager.js'
+import * as SyncManager from './SyncManager.js'
+import * as Versions from './Versions.js'
+import * as Errors from './Errors.js'
+import * as Metrics from './Metrics.js'
+import * as RetryManager from './RetryManager.js'
+import { Profiler } from './Profiler.js'
+
+const keys = Settings.redis.lock.key_schema
+
+export const REDIS_READ_BATCH_SIZE = 500
+
+/**
+ * Container for functions that need to be mocked in tests
+ *
+ * TODO: Rewrite tests in terms of exported functions only
+ */
+export const _mocks = {}
+
+export function getRawUpdates(projectId, batchSize, callback) {
+  RedisManager.getRawUpdatesBatch(projectId, batchSize, (error, batch) => {
+    if (error != null) {
+      return callback(OError.tag(error))
+    }
+
+    let updates
+    try {
+      updates = RedisManager.parseDocUpdates(batch.rawUpdates)
+    } catch (error) {
+      return callback(OError.tag(error))
+    }
+
+    _getHistoryId(projectId, updates, (error, historyId) => {
+      if (error != null) {
+        return callback(OError.tag(error))
+      }
+      HistoryStoreManager.getMostRecentChunk(
+        projectId,
+        historyId,
+        (error, chunk) => {
+          if (error != null) {
+            return callback(OError.tag(error))
+          }
+          callback(null, { project_id: projectId, chunk, updates })
+        }
+      )
+    })
+  })
+}
+
+// Trigger resync and start processing under lock to avoid other operations to
+// flush the resync updates.
+export function startResyncAndProcessUpdatesUnderLock(
+  projectId,
+  opts,
+  callback
+) {
+  const startTimeMs = Date.now()
+  LockManager.runWithLock(
+    keys.projectHistoryLock({ project_id: projectId }),
+    (extendLock, releaseLock) => {
+      SyncManager.startResyncWithoutLock(projectId, opts, err => {
+        if (err) return callback(OError.tag(err))
+        extendLock(err => {
+          if (err) return callback(OError.tag(err))
+          _countAndProcessUpdates(
+            projectId,
+            extendLock,
+            REDIS_READ_BATCH_SIZE,
+            releaseLock
+          )
+        })
+      })
+    },
+    (flushError, queueSize) => {
+      if (flushError) {
+        OError.tag(flushError)
+        ErrorRecorder.record(projectId, queueSize, flushError, recordError => {
+          if (recordError) {
+            logger.error(
+              { err: recordError, projectId },
+              'failed to record error'
+            )
+          }
+          callback(flushError)
+        })
+      } else {
+        ErrorRecorder.clearError(projectId, clearError => {
+          if (clearError) {
+            logger.error(
+              { err: clearError, projectId },
+              'failed to clear error'
+            )
+          }
+          callback()
+        })
+      }
+      if (queueSize > 0) {
+        const duration = (Date.now() - startTimeMs) / 1000
+        Metrics.historyFlushDurationSeconds.observe(duration)
+        Metrics.historyFlushQueueSize.observe(queueSize)
+      }
+      // clear the timestamp in the background if the queue is now empty
+      RedisManager.clearDanglingFirstOpTimestamp(projectId, () => {})
+    }
+  )
+}
+
+// Process all updates for a project, only check project-level information once
+export function processUpdatesForProject(projectId, callback) {
+  const startTimeMs = Date.now()
+  LockManager.runWithLock(
+    keys.projectHistoryLock({ project_id: projectId }),
+    (extendLock, releaseLock) => {
+      _countAndProcessUpdates(
+        projectId,
+        extendLock,
+        REDIS_READ_BATCH_SIZE,
+        releaseLock
+      )
+    },
+    (flushError, queueSize) => {
+      if (flushError) {
+        OError.tag(flushError)
+        ErrorRecorder.record(
+          projectId,
+          queueSize,
+          flushError,
+          (recordError, failure) => {
+            if (recordError) {
+              logger.error(
+                { err: recordError, projectId },
+                'failed to record error'
+              )
+              callback(recordError)
+            } else if (
+              RetryManager.isFirstFailure(failure) &&
+              RetryManager.isHardFailure(failure)
+            ) {
+              // This is the first failed flush since the last successful flush.
+              // Immediately attempt a resync.
+              logger.warn({ projectId }, 'Flush failed, attempting resync')
+              resyncProject(projectId, callback)
+            } else {
+              callback(flushError)
+            }
+          }
+        )
+      } else {
+        ErrorRecorder.clearError(projectId, clearError => {
+          if (clearError) {
+            logger.error(
+              { err: clearError, projectId },
+              'failed to clear error'
+            )
+          }
+          callback()
+        })
+      }
+      if (queueSize > 0) {
+        const duration = (Date.now() - startTimeMs) / 1000
+        Metrics.historyFlushDurationSeconds.observe(duration)
+        Metrics.historyFlushQueueSize.observe(queueSize)
+      }
+      // clear the timestamp in the background if the queue is now empty
+      RedisManager.clearDanglingFirstOpTimestamp(projectId, () => {})
+    }
+  )
+}
+
+export function resyncProject(projectId, callback) {
+  SyncManager.startHardResync(projectId, {}, error => {
+    if (error != null) {
+      return callback(OError.tag(error))
+    }
+    // Flush the sync operations; this will not loop indefinitely
+    // because any failure won't be the first failure anymore.
+    LockManager.runWithLock(
+      keys.projectHistoryLock({ project_id: projectId }),
+      (extendLock, releaseLock) => {
+        _countAndProcessUpdates(
+          projectId,
+          extendLock,
+          REDIS_READ_BATCH_SIZE,
+          releaseLock
+        )
+      },
+      (flushError, queueSize) => {
+        if (flushError) {
+          ErrorRecorder.record(
+            projectId,
+            queueSize,
+            flushError,
+            (recordError, failure) => {
+              if (recordError) {
+                logger.error(
+                  { err: recordError, projectId },
+                  'failed to record error'
+                )
+                callback(OError.tag(recordError))
+              } else {
+                callback(OError.tag(flushError))
+              }
+            }
+          )
+        } else {
+          ErrorRecorder.clearError(projectId, clearError => {
+            if (clearError) {
+              logger.error(
+                { err: clearError, projectId },
+                'failed to clear error'
+              )
+            }
+            callback()
+          })
+        }
+      }
+    )
+  })
+}
+
+export function processUpdatesForProjectUsingBisect(
+  projectId,
+  amountToProcess,
+  callback
+) {
+  LockManager.runWithLock(
+    keys.projectHistoryLock({ project_id: projectId }),
+    (extendLock, releaseLock) => {
+      _countAndProcessUpdates(
+        projectId,
+        extendLock,
+        amountToProcess,
+        releaseLock
+      )
+    },
+    (flushError, queueSize) => {
+      if (amountToProcess === 0 || queueSize === 0) {
+        // no further processing possible
+        if (flushError != null) {
+          ErrorRecorder.record(
+            projectId,
+            queueSize,
+            OError.tag(flushError),
+            recordError => {
+              if (recordError) {
+                logger.error(
+                  { err: recordError, projectId },
+                  'failed to record error'
+                )
+              }
+              callback(flushError)
+            }
+          )
+        } else {
+          callback()
+        }
+      } else {
+        if (flushError != null) {
+          // decrease the batch size when we hit an error
+          processUpdatesForProjectUsingBisect(
+            projectId,
+            Math.floor(amountToProcess / 2),
+            callback
+          )
+        } else {
+          // otherwise continue processing with the same batch size
+          processUpdatesForProjectUsingBisect(
+            projectId,
+            amountToProcess,
+            callback
+          )
+        }
+      }
+    }
+  )
+}
+
+export function processSingleUpdateForProject(projectId, callback) {
+  LockManager.runWithLock(
+    keys.projectHistoryLock({ project_id: projectId }),
+    (
+      extendLock,
+      releaseLock // set the batch size to 1 for single-stepping
+    ) => {
+      _countAndProcessUpdates(projectId, extendLock, 1, releaseLock)
+    },
+    (flushError, queueSize) => {
+      // no need to clear the flush marker when single stepping
+      // it will be cleared up on the next background flush if
+      // the queue is empty
+      if (flushError) {
+        ErrorRecorder.record(projectId, queueSize, flushError, recordError => {
+          if (recordError) {
+            logger.error(
+              { err: recordError, projectId },
+              'failed to record error'
+            )
+          }
+          callback(flushError)
+        })
+      } else {
+        ErrorRecorder.clearError(projectId, clearError => {
+          if (clearError) {
+            logger.error(
+              { err: clearError, projectId },
+              'failed to clear error'
+            )
+          }
+          callback()
+        })
+      }
+    }
+  )
+}
+
+_mocks._countAndProcessUpdates = (
+  projectId,
+  extendLock,
+  batchSize,
+  callback
+) => {
+  RedisManager.countUnprocessedUpdates(projectId, (error, queueSize) => {
+    if (error != null) {
+      return callback(OError.tag(error))
+    }
+    if (queueSize > 0) {
+      logger.debug({ projectId, queueSize }, 'processing uncompressed updates')
+      RedisManager.getUpdatesInBatches(
+        projectId,
+        batchSize,
+        (updates, cb) => {
+          _processUpdatesBatch(projectId, updates, extendLock, cb)
+        },
+        error => {
+          // Unconventional callback signature. The caller needs the queue size
+          // even when an error is thrown in order to record the queue size in
+          // the projectHistoryFailures collection. We'll have to find another
+          // way to achieve this when we promisify.
+          callback(error, queueSize)
+        }
+      )
+    } else {
+      logger.debug({ projectId }, 'no updates to process')
+      callback(null, queueSize)
+    }
+  })
+}
+
+function _countAndProcessUpdates(...args) {
+  _mocks._countAndProcessUpdates(...args)
+}
+
+function _processUpdatesBatch(projectId, updates, extendLock, callback) {
+  // If the project doesn't have a history then we can bail out here
+  _getHistoryId(projectId, updates, (error, historyId) => {
+    if (error != null) {
+      return callback(OError.tag(error))
+    }
+
+    if (historyId == null) {
+      logger.debug(
+        { projectId },
+        'discarding updates as project does not use history'
+      )
+      return callback()
+    }
+
+    _processUpdates(projectId, historyId, updates, extendLock, error => {
+      if (error != null) {
+        return callback(OError.tag(error))
+      }
+      callback()
+    })
+  })
+}
+
+export function _getHistoryId(projectId, updates, callback) {
+  let idFromUpdates = null
+
+  // check that all updates have the same history id
+  for (const update of updates) {
+    if (update.projectHistoryId != null) {
+      if (idFromUpdates == null) {
+        idFromUpdates = update.projectHistoryId.toString()
+      } else if (idFromUpdates !== update.projectHistoryId.toString()) {
+        metrics.inc('updates.batches.project-history-id.inconsistent-update')
+        return callback(
+          new OError('inconsistent project history id between updates', {
+            projectId,
+            idFromUpdates,
+            currentId: update.projectHistoryId,
+          })
+        )
+      }
+    }
+  }
+
+  WebApiManager.getHistoryId(projectId, (error, idFromWeb) => {
+    if (error != null && idFromUpdates != null) {
+      // present only on updates
+      // 404s from web are an error
+      metrics.inc('updates.batches.project-history-id.from-updates')
+      return callback(null, idFromUpdates)
+    } else if (error != null) {
+      return callback(OError.tag(error))
+    }
+
+    if (idFromWeb == null && idFromUpdates == null) {
+      // present on neither web nor updates
+      callback(null, null)
+    } else if (idFromWeb != null && idFromUpdates == null) {
+      // present only on web
+      metrics.inc('updates.batches.project-history-id.from-web')
+      callback(null, idFromWeb)
+    } else if (idFromWeb == null && idFromUpdates != null) {
+      // present only on updates
+      metrics.inc('updates.batches.project-history-id.from-updates')
+      callback(null, idFromUpdates)
+    } else if (idFromWeb.toString() !== idFromUpdates.toString()) {
+      // inconsistent between web and updates
+      metrics.inc('updates.batches.project-history-id.inconsistent-with-web')
+      logger.warn(
+        {
+          projectId,
+          idFromWeb,
+          idFromUpdates,
+          updates,
+        },
+        'inconsistent project history id between updates and web'
+      )
+      callback(
+        new OError('inconsistent project history id between updates and web')
+      )
+    } else {
+      // the same on web and updates
+      metrics.inc('updates.batches.project-history-id.from-updates')
+      callback(null, idFromWeb)
+    }
+  })
+}
+
+function _handleOpsOutOfOrderError(projectId, projectHistoryId, err, ...rest) {
+  const adjustedLength = Math.max(rest.length, 1)
+  const results = rest.slice(0, adjustedLength - 1)
+  const callback = rest[adjustedLength - 1]
+  ErrorRecorder.getFailureRecord(projectId, (error, failureRecord) => {
+    if (error != null) {
+      return callback(error)
+    }
+    // Bypass ops-out-of-order errors in the stored chunk when in forceDebug mode
+    if (failureRecord != null && failureRecord.forceDebug === true) {
+      logger.warn(
+        { err, projectId, projectHistoryId },
+        'ops out of order in chunk, forced continue'
+      )
+      callback(null, ...results) // return results without error
+    } else {
+      callback(err, ...results)
+    }
+  })
+}
+
+function _getMostRecentVersionWithDebug(projectId, projectHistoryId, callback) {
+  HistoryStoreManager.getMostRecentVersion(
+    projectId,
+    projectHistoryId,
+    (err, ...results) => {
+      if (err instanceof Errors.OpsOutOfOrderError) {
+        _handleOpsOutOfOrderError(
+          projectId,
+          projectHistoryId,
+          err,
+          ...results,
+          callback
+        )
+      } else {
+        callback(err, ...results)
+      }
+    }
+  )
+}
+
+export function _processUpdates(
+  projectId,
+  projectHistoryId,
+  updates,
+  extendLock,
+  callback
+) {
+  const profile = new Profiler('_processUpdates', {
+    project_id: projectId,
+    projectHistoryId,
+  })
+  // skip updates first if we're in a sync, we might not need to do anything else
+  SyncManager.skipUpdatesDuringSync(
+    projectId,
+    updates,
+    (error, filteredUpdates, newSyncState) => {
+      profile.log('skipUpdatesDuringSync')
+      if (error != null) {
+        return callback(error)
+      }
+      if (filteredUpdates.length === 0) {
+        // return early if there are no updates to apply
+        return SyncManager.setResyncState(projectId, newSyncState, callback)
+      }
+      // only make request to history service if we have actual updates to process
+      _getMostRecentVersionWithDebug(
+        projectId,
+        projectHistoryId,
+        (
+          error,
+          baseVersion,
+          projectStructureAndDocVersions,
+          _lastChange,
+          mostRecentChunk
+        ) => {
+          if (projectStructureAndDocVersions == null) {
+            projectStructureAndDocVersions = { project: null, docs: {} }
+          }
+          profile.log('getMostRecentVersion')
+          if (error != null) {
+            return callback(error)
+          }
+          async.waterfall(
+            [
+              cb => {
+                cb = profile.wrap('expandSyncUpdates', cb)
+                SyncManager.expandSyncUpdates(
+                  projectId,
+                  projectHistoryId,
+                  mostRecentChunk,
+                  filteredUpdates,
+                  extendLock,
+                  cb
+                )
+              },
+              (expandedUpdates, cb) => {
+                let unappliedUpdates
+                try {
+                  unappliedUpdates = _skipAlreadyAppliedUpdates(
+                    projectId,
+                    expandedUpdates,
+                    projectStructureAndDocVersions
+                  )
+                } catch (err) {
+                  return cb(err)
+                }
+                profile.log('skipAlreadyAppliedUpdates')
+                const compressedUpdates =
+                  UpdateCompressor.compressRawUpdates(unappliedUpdates)
+                const timeTaken = profile
+                  .log('compressRawUpdates')
+                  .getTimeDelta()
+                if (timeTaken >= 1000) {
+                  logger.debug(
+                    { projectId, updates: unappliedUpdates, timeTaken },
+                    'slow compression of raw updates'
+                  )
+                }
+                cb = profile.wrap('createBlobs', cb)
+                BlobManager.createBlobsForUpdates(
+                  projectId,
+                  projectHistoryId,
+                  compressedUpdates,
+                  extendLock,
+                  cb
+                )
+              },
+              (updatesWithBlobs, cb) => {
+                let changes
+                try {
+                  changes = UpdateTranslator.convertToChanges(
+                    projectId,
+                    updatesWithBlobs
+                  ).map(change => change.toRaw())
+                } catch (err) {
+                  return cb(err)
+                } finally {
+                  profile.log('convertToChanges')
+                }
+                cb(null, changes)
+              },
+              (changes, cb) => {
+                let change
+                const numChanges = changes.length
+                const byteLength = Buffer.byteLength(
+                  JSON.stringify(changes),
+                  'utf8'
+                )
+                let numOperations = 0
+                for (change of changes) {
+                  if (change.operations != null) {
+                    numOperations += change.operations.length
+                  }
+                }
+
+                metrics.timing('history-store.request.changes', numChanges, 1)
+                metrics.timing('history-store.request.bytes', byteLength, 1)
+                metrics.timing(
+                  'history-store.request.operations',
+                  numOperations,
+                  1
+                )
+
+                // thresholds taken from write_latex/main/lib/history_exporter.rb
+                if (numChanges > 1000) {
+                  metrics.inc('history-store.request.exceeds-threshold.changes')
+                }
+                if (byteLength > Math.pow(1024, 2)) {
+                  metrics.inc('history-store.request.exceeds-threshold.bytes')
+                  const changeLengths = changes.map(change =>
+                    Buffer.byteLength(JSON.stringify(change), 'utf8')
+                  )
+                  logger.warn(
+                    { projectId, byteLength, changeLengths },
+                    'change size exceeds limit'
+                  )
+                }
+
+                cb = profile.wrap('sendChanges', cb)
+                // this is usually the longest request, so extend the lock before starting it
+                extendLock(error => {
+                  if (error != null) {
+                    return cb(error)
+                  }
+                  if (changes.length === 0) {
+                    return cb()
+                  } // avoid unnecessary requests to history service
+                  HistoryStoreManager.sendChanges(
+                    projectId,
+                    projectHistoryId,
+                    changes,
+                    baseVersion,
+                    cb
+                  )
+                })
+              },
+              cb => {
+                cb = profile.wrap('setResyncState', cb)
+                SyncManager.setResyncState(projectId, newSyncState, cb)
+              },
+            ],
+            error => {
+              profile.end()
+              callback(error)
+            }
+          )
+        }
+      )
+    }
+  )
+}
+
+_mocks._skipAlreadyAppliedUpdates = (
+  projectId,
+  updates,
+  projectStructureAndDocVersions
+) => {
+  function alreadySeenProjectVersion(previousProjectStructureVersion, update) {
+    return (
+      UpdateTranslator.isProjectStructureUpdate(update) &&
+      previousProjectStructureVersion != null &&
+      update.version != null &&
+      Versions.gte(previousProjectStructureVersion, update.version)
+    )
+  }
+
+  function alreadySeenDocVersion(previousDocVersions, update) {
+    if (UpdateTranslator.isTextUpdate(update) && update.v != null) {
+      const docId = update.doc
+      return (
+        previousDocVersions[docId] != null &&
+        previousDocVersions[docId].v != null &&
+        Versions.gte(previousDocVersions[docId].v, update.v)
+      )
+    } else {
+      return false
+    }
+  }
+
+  // check that the incoming updates are in the correct order (we do not
+  // want to send out of order updates to the history service)
+  let incomingProjectStructureVersion = null
+  const incomingDocVersions = {}
+  for (const update of updates) {
+    if (alreadySeenProjectVersion(incomingProjectStructureVersion, update)) {
+      logger.warn(
+        { projectId, update, incomingProjectStructureVersion },
+        'incoming project structure updates are out of order'
+      )
+      throw new Errors.OpsOutOfOrderError(
+        'project structure version out of order on incoming updates'
+      )
+    } else if (alreadySeenDocVersion(incomingDocVersions, update)) {
+      logger.warn(
+        { projectId, update, incomingDocVersions },
+        'incoming doc updates are out of order'
+      )
+      throw new Errors.OpsOutOfOrderError(
+        'doc version out of order on incoming updates'
+      )
+    }
+    // update the current project structure and doc versions
+    if (UpdateTranslator.isProjectStructureUpdate(update)) {
+      incomingProjectStructureVersion = update.version
+    } else if (UpdateTranslator.isTextUpdate(update)) {
+      incomingDocVersions[update.doc] = { v: update.v }
+    }
+  }
+
+  // discard updates already applied
+  const updatesToApply = []
+  const previousProjectStructureVersion = projectStructureAndDocVersions.project
+  const previousDocVersions = projectStructureAndDocVersions.docs
+  if (projectStructureAndDocVersions != null) {
+    const updateProjectVersions = []
+    for (const update of updates) {
+      if (update != null && update.version != null) {
+        updateProjectVersions.push(update.version)
+      }
+    }
+    logger.debug(
+      { projectId, projectStructureAndDocVersions, updateProjectVersions },
+      'comparing updates with existing project versions'
+    )
+  }
+  for (const update of updates) {
+    if (alreadySeenProjectVersion(previousProjectStructureVersion, update)) {
+      metrics.inc('updates.discarded_project_structure_version')
+      logger.debug(
+        { projectId, update, previousProjectStructureVersion },
+        'discarding previously applied project structure update'
+      )
+      continue
+    }
+    if (alreadySeenDocVersion(previousDocVersions, update)) {
+      metrics.inc('updates.discarded_doc_version')
+      logger.debug(
+        { projectId, update, previousDocVersions },
+        'discarding previously applied doc update'
+      )
+      continue
+    }
+    // remove non-BMP characters from resync updates that have bypassed the normal docupdater flow
+    _sanitizeUpdate(update)
+    // if all checks above are ok then accept the update
+    updatesToApply.push(update)
+  }
+
+  return updatesToApply
+}
+
+export function _skipAlreadyAppliedUpdates(...args) {
+  return _mocks._skipAlreadyAppliedUpdates(...args)
+}
+
+function _sanitizeUpdate(update) {
+  // adapted from docupdater's UpdateManager, we should clean these in docupdater
+  // too but we already have queues with this problem so we will handle it here
+  // too for robustness.
+  // Replace high and low surrogate characters with 'replacement character' (\uFFFD)
+  const removeBadChars = str => str.replace(/[\uD800-\uDFFF]/g, '\uFFFD')
+  // clean up any bad chars in resync diffs
+  if (update.op) {
+    for (const op of update.op) {
+      if (op.i != null) {
+        op.i = removeBadChars(op.i)
+      }
+    }
+  }
+  // clean up any bad chars in resync new docs
+  if (update.docLines != null) {
+    update.docLines = removeBadChars(update.docLines)
+  }
+  return update
+}
+
+export const promises = {
+  /** @type {(projectId: string) => Promise<number>} */
+  processUpdatesForProject: promisify(processUpdatesForProject),
+  /** @type {(projectId: string, opts: any) => Promise<number>} */
+  startResyncAndProcessUpdatesUnderLock: promisify(
+    startResyncAndProcessUpdatesUnderLock
+  ),
+}
diff --git a/services/project-history/app/js/Utils.js b/services/project-history/app/js/Utils.js
new file mode 100644
index 0000000..9158b28
--- /dev/null
+++ b/services/project-history/app/js/Utils.js
@@ -0,0 +1,37 @@
+// @ts-check
+
+/**
+ * @import { CommentOp, DeleteOp, InsertOp, Op, RetainOp } from './types'
+ */
+
+/**
+ * @param {Op} op
+ * @returns {op is InsertOp}
+ */
+export function isInsert(op) {
+  return 'i' in op && op.i != null
+}
+
+/**
+ * @param {Op} op
+ * @returns {op is RetainOp}
+ */
+export function isRetain(op) {
+  return 'r' in op && op.r != null
+}
+
+/**
+ * @param {Op} op
+ * @returns {op is DeleteOp}
+ */
+export function isDelete(op) {
+  return 'd' in op && op.d != null
+}
+
+/**
+ * @param {Op} op
+ * @returns {op is CommentOp}
+ */
+export function isComment(op) {
+  return 'c' in op && op.c != null && 't' in op && op.t != null
+}
diff --git a/services/project-history/app/js/Validation.js b/services/project-history/app/js/Validation.js
new file mode 100644
index 0000000..846cc12
--- /dev/null
+++ b/services/project-history/app/js/Validation.js
@@ -0,0 +1,12 @@
+import { celebrate, errors } from 'celebrate'
+
+export { Joi } from 'celebrate'
+
+export const errorMiddleware = errors()
+
+/**
+ * Validation middleware
+ */
+export function validate(schema) {
+  return celebrate(schema, { allowUnknown: true })
+}
diff --git a/services/project-history/app/js/Versions.js b/services/project-history/app/js/Versions.js
new file mode 100644
index 0000000..0733b20
--- /dev/null
+++ b/services/project-history/app/js/Versions.js
@@ -0,0 +1,68 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+// Compare Versions like 1.2 < 4.1
+
+const convertToArray = v => Array.from(v.split('.')).map(x => parseInt(x, 10))
+
+const cmp = function (v1, v2) {
+  // allow comparison to work with integers
+  if (typeof v1 === 'number' && typeof v2 === 'number') {
+    if (v1 > v2) {
+      return +1
+    }
+    if (v1 < v2) {
+      return -1
+    }
+    // otherwise equal
+    return 0
+  }
+  // comparison with strings
+  v1 = convertToArray(v1)
+  v2 = convertToArray(v2)
+  while (v1.length || v2.length) {
+    const [x, y] = Array.from([v1.shift(), v2.shift()])
+    if (x > y) {
+      return +1
+    }
+    if (x < y) {
+      return -1
+    }
+    if (x != null && y == null) {
+      return +1
+    }
+    if (x == null && y != null) {
+      return -1
+    }
+  }
+  return 0
+}
+
+export function compare(v1, v2) {
+  return cmp(v1, v2)
+}
+
+export function gt(v1, v2) {
+  return cmp(v1, v2) > 0
+}
+
+export function lt(v1, v2) {
+  return cmp(v1, v2) < 0
+}
+
+export function gte(v1, v2) {
+  return cmp(v1, v2) >= 0
+}
+
+export function lte(v1, v2) {
+  return cmp(v1, v2) <= 0
+}
diff --git a/services/project-history/app/js/WebApiManager.js b/services/project-history/app/js/WebApiManager.js
new file mode 100644
index 0000000..2697db2
--- /dev/null
+++ b/services/project-history/app/js/WebApiManager.js
@@ -0,0 +1,112 @@
+import { callbackify } from 'node:util'
+import { setTimeout } from 'node:timers/promises'
+import logger from '@overleaf/logger'
+import Metrics from '@overleaf/metrics'
+import Settings from '@overleaf/settings'
+import {
+  fetchNothing,
+  fetchJson,
+  RequestFailedError,
+} from '@overleaf/fetch-utils'
+import * as Errors from './Errors.js'
+import * as RedisManager from './RedisManager.js'
+
+let RETRY_TIMEOUT_MS = 5000
+
+async function getHistoryId(projectId) {
+  Metrics.inc('history_id_cache_requests_total')
+  const cachedHistoryId =
+    await RedisManager.promises.getCachedHistoryId(projectId)
+  if (cachedHistoryId) {
+    Metrics.inc('history_id_cache_hits_total')
+    return cachedHistoryId
+  } else {
+    const project = await _getProjectDetails(projectId)
+    const historyId =
+      project.overleaf &&
+      project.overleaf.history &&
+      project.overleaf.history.id
+    if (historyId != null) {
+      await RedisManager.promises.setCachedHistoryId(projectId, historyId)
+    }
+    return historyId
+  }
+}
+
+async function requestResync(projectId, opts = {}) {
+  try {
+    const body = {}
+    if (opts.historyRangesMigration) {
+      body.historyRangesMigration = opts.historyRangesMigration
+    }
+    if (opts.resyncProjectStructureOnly) {
+      body.resyncProjectStructureOnly = opts.resyncProjectStructureOnly
+    }
+    await fetchNothing(
+      `${Settings.apis.web.url}/project/${projectId}/history/resync`,
+      {
+        method: 'POST',
+        signal: AbortSignal.timeout(6 * 60000),
+        basicAuth: {
+          user: Settings.apis.web.user,
+          password: Settings.apis.web.pass,
+        },
+        json: body,
+      }
+    )
+  } catch (err) {
+    if (err instanceof RequestFailedError && err.response.status === 404) {
+      throw new Errors.NotFoundError('got a 404 from web api').withCause(err)
+    } else {
+      throw err
+    }
+  }
+}
+
+async function _getProjectDetails(projectId, callback) {
+  logger.debug({ projectId }, 'getting project details from web')
+  let attempts = 0
+  while (true) {
+    attempts += 1
+    try {
+      return await fetchJson(
+        `${Settings.apis.web.url}/project/${projectId}/details`,
+        {
+          signal: AbortSignal.timeout(16000),
+          basicAuth: {
+            user: Settings.apis.web.user,
+            password: Settings.apis.web.pass,
+          },
+        }
+      )
+    } catch (err) {
+      if (err instanceof RequestFailedError && err.response.status === 404) {
+        throw new Errors.NotFoundError('got a 404 from web api').withCause(err)
+      } else if (attempts < 2) {
+        // retry after 5 seconds
+        await setTimeout(RETRY_TIMEOUT_MS)
+      } else {
+        throw err
+      }
+    }
+  }
+}
+
+/**
+ * Adjust the retry timeout in tests
+ */
+export async function setRetryTimeoutMs(timeoutMs) {
+  RETRY_TIMEOUT_MS = timeoutMs
+}
+
+// EXPORTS
+
+const getHistoryIdCb = callbackify(getHistoryId)
+const requestResyncCb = callbackify(requestResync)
+
+export { getHistoryIdCb as getHistoryId, requestResyncCb as requestResync }
+
+export const promises = {
+  getHistoryId,
+  requestResync,
+}
diff --git a/services/project-history/app/js/mongo-types.ts b/services/project-history/app/js/mongo-types.ts
new file mode 100644
index 0000000..9894e65
--- /dev/null
+++ b/services/project-history/app/js/mongo-types.ts
@@ -0,0 +1,22 @@
+import { ObjectId } from 'mongodb-legacy'
+
+export type ProjectHistoryFailure = {
+  _id: ObjectId
+  project_id: string
+  attempts: number
+  resyncAttempts: number
+  resyncStartedAt: Date
+  requestCount?: number
+  history: (ErrorRecord | SyncStartRecord)[]
+} & ErrorRecord
+
+type ErrorRecord = {
+  error: string
+  stack: string
+  queueSize: number
+  ts: Date
+}
+
+type SyncStartRecord = {
+  resyncStartedAt: Date
+}
diff --git a/services/project-history/app/js/mongodb.js b/services/project-history/app/js/mongodb.js
new file mode 100644
index 0000000..d639903
--- /dev/null
+++ b/services/project-history/app/js/mongodb.js
@@ -0,0 +1,27 @@
+import Metrics from '@overleaf/metrics'
+import Settings from '@overleaf/settings'
+import mongodb from 'mongodb-legacy'
+const { MongoClient, ObjectId } = mongodb
+
+/**
+ * @import { ProjectHistoryFailure } from './mongo-types.ts'
+ */
+
+export { ObjectId }
+
+export const mongoClient = new MongoClient(
+  Settings.mongo.url,
+  Settings.mongo.options
+)
+const mongoDb = mongoClient.db()
+
+Metrics.mongodb.monitor(mongoClient)
+
+export const db = {
+  deletedProjects: mongoDb.collection('deletedProjects'),
+  projects: mongoDb.collection('projects'),
+  /** @type {mongodb.Collection<ProjectHistoryFailure>} */
+  projectHistoryFailures: mongoDb.collection('projectHistoryFailures'),
+  projectHistoryLabels: mongoDb.collection('projectHistoryLabels'),
+  projectHistorySyncState: mongoDb.collection('projectHistorySyncState'),
+}
diff --git a/services/project-history/app/js/server.js b/services/project-history/app/js/server.js
new file mode 100644
index 0000000..4f13198
--- /dev/null
+++ b/services/project-history/app/js/server.js
@@ -0,0 +1,61 @@
+import Metrics from '@overleaf/metrics'
+import logger from '@overleaf/logger'
+import express from 'express'
+import bodyParser from 'body-parser'
+import * as Errors from './Errors.js'
+import * as Router from './Router.js'
+import * as Validation from './Validation.js'
+
+const HistoryLogger = logger.initialize('project-history').logger
+
+Metrics.event_loop.monitor(logger)
+Metrics.memory.monitor(logger)
+Metrics.leaked_sockets.monitor(logger)
+Metrics.open_sockets.monitor()
+
+// log updates as truncated strings
+function truncateFn(updates) {
+  return JSON.parse(
+    JSON.stringify(updates, function (key, value) {
+      let len
+      if (typeof value === 'string' && (len = value.length) > 80) {
+        return (
+          value.substr(0, 32) +
+          `...(message of length ${len} truncated)...` +
+          value.substr(-32)
+        )
+      } else {
+        return value
+      }
+    })
+  )
+}
+
+HistoryLogger.addSerializers({
+  rawUpdate: truncateFn,
+  rawUpdates: truncateFn,
+  newUpdates: truncateFn,
+  lastUpdate: truncateFn,
+})
+
+export const app = express()
+app.use(bodyParser.json())
+app.use(bodyParser.urlencoded({ extended: true }))
+app.use(Metrics.http.monitor(logger))
+Router.initialize(app)
+Metrics.injectMetricsRoute(app)
+app.use(Validation.errorMiddleware)
+app.use(function (error, req, res, next) {
+  if (error instanceof Errors.NotFoundError) {
+    res.sendStatus(404)
+  } else if (error instanceof Errors.BadRequestError) {
+    res.sendStatus(400)
+  } else if (error instanceof Errors.InconsistentChunkError) {
+    res.sendStatus(422)
+  } else if (error instanceof Errors.TooManyRequestsError) {
+    res.status(429).set('Retry-After', 300).end()
+  } else {
+    logger.error({ err: error, req }, error.message)
+    res.status(500).json({ message: 'an internal error occurred' })
+  }
+})
diff --git a/services/project-history/app/js/types.ts b/services/project-history/app/js/types.ts
new file mode 100644
index 0000000..c2b0d83
--- /dev/null
+++ b/services/project-history/app/js/types.ts
@@ -0,0 +1,253 @@
+import { HistoryRanges } from '../../../document-updater/app/js/types'
+import { LinkedFileData, RawOrigin } from 'overleaf-editor-core/lib/types'
+
+export type Update =
+  | TextUpdate
+  | AddDocUpdate
+  | AddFileUpdate
+  | RenameUpdate
+  | DeleteCommentUpdate
+  | SetCommentStateUpdate
+  | SetFileMetadataOperation
+  | ResyncProjectStructureUpdate
+  | ResyncDocContentUpdate
+
+export type ProjectStructureUpdate =
+  | AddDocUpdate
+  | AddFileUpdate
+  | RenameUpdate
+  | SetFileMetadataOperation
+
+export type UpdateMeta = {
+  user_id: string
+  ts: number
+  source?: string
+  type?: string
+  origin?: RawOrigin
+  tc?: string
+  resync?: boolean
+}
+
+export type TextUpdate = {
+  doc: string
+  op: Op[]
+  v: number
+  meta: UpdateMeta & {
+    pathname: string
+    doc_length: number
+    doc_hash?: string
+    history_doc_length?: number
+  }
+}
+
+export type SetCommentStateUpdate = {
+  pathname: string
+  commentId: string
+  resolved: boolean
+  meta: UpdateMeta
+}
+
+export type SetFileMetadataOperation = {
+  pathname: string
+  meta: UpdateMeta
+  metadata: LinkedFileData | object
+}
+
+export type DeleteCommentUpdate = {
+  pathname: string
+  deleteComment: string
+  meta: UpdateMeta
+}
+
+type ProjectUpdateBase = {
+  version: string
+  projectHistoryId: string
+  meta: UpdateMeta
+  doc: string
+}
+
+export type AddDocUpdate = ProjectUpdateBase & {
+  pathname: string
+  docLines: string
+  ranges?: HistoryRanges
+}
+
+export type AddFileUpdate = ProjectUpdateBase & {
+  pathname: string
+  file: string
+  url: string
+  hash: string
+  createdBlob?: boolean
+  metadata?: LinkedFileData
+}
+
+export type RenameUpdate = ProjectUpdateBase & {
+  pathname: string
+  new_pathname: string
+}
+
+export type ResyncProjectStructureUpdate = {
+  resyncProjectStructure: {
+    docs: Doc[]
+    files: File[]
+  }
+  projectHistoryId: string
+  meta: {
+    ts: string
+  }
+  // optional fields for resyncProjectStructureOnly=true
+  resyncProjectStructureOnly?: boolean
+  _raw: string
+}
+
+export type ResyncDocContentUpdate = {
+  resyncDocContent: {
+    content: string
+    version: number
+    ranges?: Ranges
+    resolvedCommentIds?: string[]
+  }
+  projectHistoryId: string
+  path: string
+  doc: string
+  meta: {
+    ts: string
+  }
+}
+
+export type Op = RetainOp | InsertOp | DeleteOp | CommentOp
+
+export type RetainOp = {
+  r: string
+  p: number
+  hpos?: number
+  tracking?: TrackingDirective
+}
+
+export type InsertOp = {
+  i: string
+  p: number
+  u?: boolean
+  hpos?: number
+  trackedDeleteRejection?: boolean
+  commentIds?: string[]
+}
+
+export type DeleteOp = {
+  d: string
+  p: number
+  u?: boolean
+  hpos?: number
+  trackedChanges?: TrackedChangesInsideDelete[]
+}
+
+export type TrackedChangesInsideDelete = {
+  type: 'insert' | 'delete'
+  offset: number
+  length: number
+}
+
+export type CommentOp = {
+  c: string
+  p: number
+  t: string
+  hpos?: number
+  hlen?: number
+  resolved?: boolean
+}
+
+export type UpdateWithBlob<T extends Update = Update> = {
+  update: T
+  blobHashes: T extends AddDocUpdate | AddFileUpdate
+    ? {
+        file: string
+        ranges?: string
+      }
+    : never
+}
+
+export type TrackingProps = {
+  type: 'insert' | 'delete'
+  userId: string
+  ts: string
+}
+
+export type TrackingDirective = TrackingProps | { type: 'none' }
+
+export type TrackingType = 'insert' | 'delete' | 'none'
+
+export type RawScanOp =
+  | number
+  | string
+  | { r: number; tracking?: TrackingDirective }
+  | { i: string; tracking?: TrackingProps; commentIds?: string[] }
+  | { d: number }
+
+export type TrackedChangeSnapshot = {
+  op: {
+    p: number
+  } & ({ d: string } | { i: string })
+  metadata: {
+    ts: string
+    user_id: string
+  }
+}
+
+export type CommentSnapshot = {
+  op: {
+    p: number
+    t: string
+    c: string
+    resolved: boolean
+  }
+}
+
+export type RangesSnapshot = {
+  changes: TrackedChangeSnapshot[]
+  comments: CommentSnapshot[]
+}
+
+export type Doc = {
+  doc: string
+  path: string
+}
+
+export type File = {
+  file: string
+  url?: string
+  path: string
+  _hash?: string
+  createdBlob?: boolean
+  metadata?: LinkedFileData
+}
+
+export type Entity = Doc | File
+
+export type Ranges = {
+  comments?: Comment[]
+  changes?: TrackedChange[]
+}
+
+export type Comment = {
+  id: string
+  op: CommentOp
+  metadata: {
+    user_id: string
+    ts: string
+  }
+}
+
+export type TrackedChange = {
+  id: string
+  op: InsertOp | DeleteOp
+  metadata: {
+    user_id: string
+    ts: string
+  }
+}
+
+export type TrackedChangeTransition = {
+  pos: number
+  tracking: TrackingDirective
+  stage: 'persisted' | 'expected'
+}
diff --git a/services/project-history/buildscript.txt b/services/project-history/buildscript.txt
new file mode 100644
index 0000000..be5e751
--- /dev/null
+++ b/services/project-history/buildscript.txt
@@ -0,0 +1,9 @@
+project-history
+--dependencies=mongo,redis
+--docker-repos=us-east1-docker.pkg.dev/overleaf-ops/ol-docker
+--env-add=
+--env-pass-through=
+--esmock-loader=True
+--node-version=20.18.2
+--public-repo=False
+--script-version=4.7.0
diff --git a/services/project-history/config/settings.defaults.cjs b/services/project-history/config/settings.defaults.cjs
new file mode 100644
index 0000000..9e5a398
--- /dev/null
+++ b/services/project-history/config/settings.defaults.cjs
@@ -0,0 +1,109 @@
+const http = require('node:http')
+const https = require('node:https')
+
+http.globalAgent.keepAlive = false
+https.globalAgent.keepAlive = false
+
+module.exports = {
+  mongo: {
+    url:
+      process.env.MONGO_CONNECTION_STRING ||
+      `mongodb://${process.env.MONGO_HOST || '127.0.0.1'}/sharelatex`,
+    options: {
+      monitorCommands: true,
+    },
+  },
+  internal: {
+    history: {
+      port: 3054,
+      host: process.env.LISTEN_ADDRESS || '127.0.0.1',
+    },
+  },
+  apis: {
+    documentupdater: {
+      url: `http://${process.env.DOCUPDATER_HOST || '127.0.0.1'}:3003`,
+    },
+    docstore: {
+      url: `http://${process.env.DOCSTORE_HOST || '127.0.0.1'}:3016`,
+    },
+    filestore: {
+      enabled: process.env.FILESTORE_ENABLED !== 'false',
+      url: `http://${process.env.FILESTORE_HOST || '127.0.0.1'}:3009`,
+    },
+    web: {
+      url: `http://${
+        process.env.WEB_API_HOST || process.env.WEB_HOST || '127.0.0.1'
+      }:${process.env.WEB_PORT || 3000}`,
+      user: process.env.WEB_API_USER || 'overleaf',
+      pass: process.env.WEB_API_PASSWORD || 'password',
+      historyIdCacheSize: parseInt(
+        process.env.HISTORY_ID_CACHE_SIZE || '10000',
+        10
+      ),
+    },
+    project_history: {
+      url: `http://${process.env.PROJECT_HISTORY_HOST || '127.0.0.1'}:3054`,
+    },
+  },
+  redis: {
+    lock: {
+      host: process.env.REDIS_HOST || '127.0.0.1',
+      password: process.env.REDIS_PASSWORD,
+      port: process.env.REDIS_PORT || 6379,
+      key_schema: {
+        projectHistoryLock({ project_id: projectId }) {
+          return `ProjectHistoryLock:{${projectId}}`
+        },
+      },
+    },
+    project_history: {
+      host:
+        process.env.HISTORY_REDIS_HOST || process.env.REDIS_HOST || '127.0.0.1',
+      port: process.env.HISTORY_REDIS_PORT || process.env.REDIS_PORT || 6379,
+      password:
+        process.env.HISTORY_REDIS_PASSWORD || process.env.REDIS_PASSWORD,
+      key_schema: {
+        projectHistoryOps({ project_id: projectId }) {
+          return `ProjectHistory:Ops:{${projectId}}`
+        },
+        projectHistoryFirstOpTimestamp({ project_id: projectId }) {
+          return `ProjectHistory:FirstOpTimestamp:{${projectId}}`
+        },
+        projectHistoryCachedHistoryId({ project_id: projectId }) {
+          return `ProjectHistory:CachedHistoryId:{${projectId}}`
+        },
+      },
+    },
+  },
+
+  history: {
+    healthCheck: {
+      project_id: process.env.HEALTH_CHECK_PROJECT_ID || '',
+    },
+  },
+
+  overleaf: {
+    history: {
+      host:
+        process.env.V1_HISTORY_FULL_HOST ||
+        `http://${
+          process.env.V1_HISTORY_HOST ||
+          process.env.HISTORY_V1_HOST ||
+          '127.0.0.1'
+        }:3100/api`,
+      user: process.env.V1_HISTORY_USER || 'staging',
+      pass: process.env.V1_HISTORY_PASSWORD || 'password',
+      sync: {
+        retries_max: 30,
+        interval: 2,
+      },
+      requestTimeout: parseInt(process.env.V1_REQUEST_TIMEOUT || '300000', 10),
+    },
+  },
+
+  path: {
+    uploadFolder: process.env.UPLOAD_FOLDER || '/tmp/',
+  },
+
+  maxFileSizeInBytes: 100 * 1024 * 1024, // 100 megabytes
+}
diff --git a/services/project-history/docker-compose.ci.yml b/services/project-history/docker-compose.ci.yml
new file mode 100644
index 0000000..6deaad4
--- /dev/null
+++ b/services/project-history/docker-compose.ci.yml
@@ -0,0 +1,65 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    user: node
+    command: npm run test:unit:_run
+    environment:
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+
+
+  test_acceptance:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      REDIS_HOST: redis
+      QUEUES_REDIS_HOST: redis
+      HISTORY_REDIS_HOST: redis
+      ANALYTICS_QUEUES_REDIS_HOST: redis
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      MOCHA_GREP: ${MOCHA_GREP}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    depends_on:
+      mongo:
+        condition: service_started
+      redis:
+        condition: service_healthy
+    user: node
+    command: npm run test:acceptance
+
+
+  tar:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    volumes:
+      - ./:/tmp/build/
+    command: tar -czf /tmp/build/build.tar.gz --exclude=build.tar.gz --exclude-vcs .
+    user: root
+  redis:
+    image: redis
+    healthcheck:
+      test: ping="$$(redis-cli ping)" && [ "$$ping" = 'PONG' ]
+      interval: 1s
+      retries: 20
+
+  mongo:
+    image: mongo:6.0.13
+    command: --replSet overleaf
+    volumes:
+      - ../../bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+    environment:
+      MONGO_INITDB_DATABASE: sharelatex
+    extra_hosts:
+      # Required when using the automatic database setup for initializing the
+      # replica set. This override is not needed when running the setup after
+      # starting up mongo.
+      - mongo:127.0.0.1
diff --git a/services/project-history/docker-compose.yml b/services/project-history/docker-compose.yml
new file mode 100644
index 0000000..deed9c5
--- /dev/null
+++ b/services/project-history/docker-compose.yml
@@ -0,0 +1,69 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    image: node:20.18.2
+    volumes:
+      - .:/overleaf/services/project-history
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/project-history
+    environment:
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    command: npm run --silent test:unit
+    user: node
+
+  test_acceptance:
+    image: node:20.18.2
+    volumes:
+      - .:/overleaf/services/project-history
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/project-history
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      REDIS_HOST: redis
+      HISTORY_REDIS_HOST: redis
+      QUEUES_REDIS_HOST: redis
+      ANALYTICS_QUEUES_REDIS_HOST: redis
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    user: node
+    depends_on:
+      mongo:
+        condition: service_started
+      redis:
+        condition: service_healthy
+    command: npm run --silent test:acceptance
+
+  redis:
+    image: redis
+    healthcheck:
+      test: ping=$$(redis-cli ping) && [ "$$ping" = 'PONG' ]
+      interval: 1s
+      retries: 20
+
+  mongo:
+    image: mongo:6.0.13
+    command: --replSet overleaf
+    volumes:
+      - ../../bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+    environment:
+      MONGO_INITDB_DATABASE: sharelatex
+    extra_hosts:
+      # Required when using the automatic database setup for initializing the
+      # replica set. This override is not needed when running the setup after
+      # starting up mongo.
+      - mongo:127.0.0.1
+
diff --git a/services/project-history/package.json b/services/project-history/package.json
new file mode 100644
index 0000000..2a54a80
--- /dev/null
+++ b/services/project-history/package.json
@@ -0,0 +1,53 @@
+{
+  "name": "@overleaf/project-history",
+  "description": "An API for saving and compressing individual document updates into a browseable history",
+  "private": true,
+  "main": "app.js",
+  "type": "module",
+  "scripts": {
+    "test:acceptance": "npm run test:acceptance:_run -- --grep=$MOCHA_GREP",
+    "test:unit": "npm run test:unit:_run -- --grep=$MOCHA_GREP",
+    "start": "node app.js",
+    "nodemon": "node --watch app.js",
+    "test:acceptance:_run": "LOG_LEVEL=fatal mocha --loader=esmock --recursive --reporter spec --timeout 15000 --exit $@ test/acceptance/js",
+    "test:unit:_run": "LOG_LEVEL=fatal mocha --loader=esmock --recursive --reporter spec $@ test/unit/js",
+    "lint": "eslint --max-warnings 0 --format unix .",
+    "format": "prettier --list-different $PWD/'**/*.*js'",
+    "format:fix": "prettier --write $PWD/'**/*.*js'",
+    "lint:fix": "eslint --fix .",
+    "types:check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@overleaf/fetch-utils": "*",
+    "@overleaf/logger": "*",
+    "@overleaf/metrics": "*",
+    "@overleaf/o-error": "*",
+    "@overleaf/promise-utils": "*",
+    "@overleaf/redis-wrapper": "*",
+    "@overleaf/settings": "*",
+    "async": "^3.2.5",
+    "aws-sdk": "^2.650.0",
+    "body-parser": "^1.20.3",
+    "bunyan": "^1.8.15",
+    "celebrate": "^15.0.3",
+    "diff-match-patch": "overleaf/diff-match-patch#89805f9c671a77a263fc53461acd62aa7498f688",
+    "esmock": "^2.6.3",
+    "express": "^4.21.2",
+    "lodash": "^4.17.20",
+    "minimist": "^1.2.8",
+    "mongodb-legacy": "6.1.3",
+    "overleaf-editor-core": "*",
+    "p-queue": "^8.1.0",
+    "request": "^2.88.2"
+  },
+  "devDependencies": {
+    "chai": "^4.3.6",
+    "chai-as-promised": "^7.1.1",
+    "mocha": "^11.1.0",
+    "nock": "^13.5.3",
+    "sinon": "~9.0.1",
+    "sinon-chai": "^3.7.0",
+    "timekeeper": "2.2.0",
+    "typescript": "^5.0.4"
+  }
+}
diff --git a/services/project-history/scripts/add_index_for_sync_state.js b/services/project-history/scripts/add_index_for_sync_state.js
new file mode 100644
index 0000000..0c17197
--- /dev/null
+++ b/services/project-history/scripts/add_index_for_sync_state.js
@@ -0,0 +1,21 @@
+/* eslint-env mongo */
+
+// add a TTL index to expire entries for completed resyncs in the
+// projectHistorySyncState collection.  The entries should only be expired if
+// resyncProjectStructure is false and resyncDocContents is a zero-length array.
+
+const now = Date.now()
+const inTheFuture = now + 24 * 3600 * 1000
+
+db.projectHistorySyncState.ensureIndex(
+  { expiresAt: 1 },
+  { expireAfterSeconds: 0, background: true }
+)
+db.projectHistorySyncState.updateMany(
+  {
+    resyncProjectStructure: false,
+    resyncDocContents: [],
+    expiresAt: { $exists: false },
+  },
+  { $set: { expiresAt: new Date(inTheFuture) } }
+)
diff --git a/services/project-history/scripts/bulk_resync_file_fix_up.mjs b/services/project-history/scripts/bulk_resync_file_fix_up.mjs
new file mode 100644
index 0000000..10ea18b
--- /dev/null
+++ b/services/project-history/scripts/bulk_resync_file_fix_up.mjs
@@ -0,0 +1,328 @@
+// @ts-check
+import Events from 'node:events'
+import { setTimeout } from 'node:timers/promises'
+import readline from 'node:readline'
+import fs from 'node:fs'
+import minimist from 'minimist'
+import { ObjectId } from 'mongodb'
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+import logger from '@overleaf/logger'
+import Metrics from '@overleaf/metrics'
+import OError from '@overleaf/o-error'
+import { promiseMapWithLimit } from '@overleaf/promise-utils'
+import { db, mongoClient } from '../app/js/mongodb.js'
+import * as HistoryStoreManager from '../app/js/HistoryStoreManager.js'
+import * as RedisManager from '../app/js/RedisManager.js'
+import * as SyncManager from '../app/js/SyncManager.js'
+import * as UpdatesProcessor from '../app/js/UpdatesProcessor.js'
+import { NeedFullProjectStructureResyncError } from '../app/js/Errors.js'
+import * as ErrorRecorder from '../app/js/ErrorRecorder.js'
+
+// Silence warning.
+Events.setMaxListeners(20)
+
+// Enable caching for ObjectId.toString()
+ObjectId.cacheHexString = true
+
+const READ_CONCURRENCY = parseInt(process.env.READ_CONCURRENCY || '100', 10)
+const WRITE_CONCURRENCY = parseInt(process.env.WRITE_CONCURRENCY || '10', 10)
+const FLUSH_RETRIES = parseInt(process.env.FLUSH_RETRIES || '20', 10)
+
+// Relevant dates:
+// - 2024-12-19, start of event-hold removal in filestore bucket -> objects older than 24h are (soft-)deleted.
+// - 2024-12-23, copy operation skipped in filestore when cloning project -> objects not created on clone.
+// - 2025-01-24, no more filestore reads allowed in project-history -> no more empty files in history for 404s
+const FILESTORE_SOFT_DELETE_START = new Date('2024-12-19T00:00:00Z')
+const FILESTORE_READ_OFF = new Date('2025-01-24T15:00:00Z')
+
+const argv = minimist(process.argv.slice(2), {
+  string: ['logs', 'log-latency'],
+})
+const LOG_LATENCY = argv['log-latency'] === 'true'
+
+let gracefulShutdownInitiated = false
+
+process.on('SIGINT', handleSignal)
+process.on('SIGTERM', handleSignal)
+
+function handleSignal() {
+  gracefulShutdownInitiated = true
+  console.warn('graceful shutdown initiated, draining queue')
+}
+
+const STATS = {
+  processedLines: 0,
+  success: 0,
+  changed: 0,
+  failure: 0,
+  skipped: 0,
+  checkFailure: 0,
+}
+
+function logStats() {
+  console.log(
+    JSON.stringify({
+      time: new Date(),
+      gracefulShutdownInitiated,
+      ...STATS,
+    })
+  )
+}
+const logInterval = setInterval(logStats, 10_000)
+
+/**
+ * @typedef {Object} FileRef
+ * @property {ObjectId} _id
+ * @property {any} linkedFileData
+ */
+
+/**
+ * @typedef {Object} Folder
+ * @property {Array<Folder>} folders
+ * @property {Array<FileRef>} fileRefs
+ */
+
+/**
+ * @typedef {Object} Project
+ * @property {ObjectId} _id
+ * @property {Date} lastUpdated
+ * @property {Array<Folder>} rootFolder
+ * @property {{history: {id: (number|string)}}} overleaf
+ */
+
+/**
+ * @param {Folder} folder
+ * @return {boolean}
+ */
+function checkFileTreeNeedsResync(folder) {
+  if (!folder) return false
+  if (Array.isArray(folder.fileRefs)) {
+    for (const fileRef of folder.fileRefs) {
+      if (fileRef.linkedFileData) return true
+      if (fileRef._id.getTimestamp() > FILESTORE_SOFT_DELETE_START) return true
+    }
+  }
+  if (Array.isArray(folder.folders)) {
+    for (const child of folder.folders) {
+      if (checkFileTreeNeedsResync(child)) return true
+    }
+  }
+  return false
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} historyId
+ * @return {Promise<Date>}
+ */
+async function getLastEndTimestamp(projectId, historyId) {
+  const raw = await HistoryStoreManager.promises.getMostRecentVersionRaw(
+    projectId,
+    historyId,
+    { readOnly: true }
+  )
+  if (!raw) throw new Error('bug: history not initialized')
+  return raw.endTimestamp
+}
+
+/** @type {Record<string, (project: Project) => Promise<boolean>>} */
+const conditions = {
+  // cheap: in-memory mongo lookup
+  'updated after filestore soft-delete': async function (project) {
+    return project.lastUpdated > FILESTORE_SOFT_DELETE_START
+  },
+  // cheap: in-memory mongo lookup
+  'file-tree requires re-sync': async function (project) {
+    return checkFileTreeNeedsResync(project.rootFolder?.[0])
+  },
+  // moderate: GET from Redis
+  'has pending operations': async function (project) {
+    const n = await RedisManager.promises.countUnprocessedUpdates(
+      project._id.toString()
+    )
+    return n > 0
+  },
+  // expensive: GET from Mongo/Postgres via history-v1 HTTP API call
+  'has been flushed after filestore soft-delete': async function (project) {
+    // Resyncs started after soft-deleting can trigger 404s and result in empty files.
+    const endTimestamp = await getLastEndTimestamp(
+      project._id.toString(),
+      project.overleaf.history.id.toString()
+    )
+    return endTimestamp > FILESTORE_SOFT_DELETE_START
+  },
+}
+
+/**
+ * @param {Project} project
+ * @return {Promise<{projectId: string, historyId: string} | null>}
+ */
+async function checkProject(project) {
+  if (gracefulShutdownInitiated) return null
+  if (project._id.getTimestamp() > FILESTORE_READ_OFF) {
+    STATS.skipped++ // Project created after all bugs were fixed.
+    return null
+  }
+  const projectId = project._id.toString()
+  const historyId = project.overleaf.history.id.toString()
+  for (const [condition, check] of Object.entries(conditions)) {
+    try {
+      if (await check(project)) return { projectId, historyId }
+    } catch (err) {
+      logger.err({ projectId, condition, err }, 'failed to check project')
+      STATS.checkFailure++
+      return null
+    }
+  }
+  STATS.skipped++
+  return null
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} historyId
+ * @return {Promise<void>}
+ */
+async function processProject(projectId, historyId) {
+  if (gracefulShutdownInitiated) return
+  const t0 = performance.now()
+  try {
+    await tryProcessProject(projectId, historyId)
+    const latency = performance.now() - t0
+    if (LOG_LATENCY) {
+      logger.info({ projectId, historyId, latency }, 'processed project')
+    }
+    STATS.success++
+  } catch (err) {
+    logger.err({ err, projectId, historyId }, 'failed to process project')
+    STATS.failure++
+  }
+}
+
+/**
+ * @param {string} projectId
+ * @return {Promise<void>}
+ */
+async function flushWithRetries(projectId) {
+  for (let attempt = 0; attempt < FLUSH_RETRIES; attempt++) {
+    try {
+      await UpdatesProcessor.promises.processUpdatesForProject(projectId)
+      return
+    } catch (err) {
+      logger.warn(
+        { projectId, err, attempt },
+        'failed to flush updates, trying again'
+      )
+      if (gracefulShutdownInitiated) throw err
+    }
+  }
+
+  try {
+    await UpdatesProcessor.promises.processUpdatesForProject(projectId)
+  } catch (err) {
+    // @ts-ignore err is Error
+    throw new OError('failed to flush updates', {}, err)
+  }
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} historyId
+ * @return {Promise<void>}
+ */
+async function tryProcessProject(projectId, historyId) {
+  await flushWithRetries(projectId)
+  const start = new Date()
+  let needsFullSync = false
+  try {
+    await UpdatesProcessor.promises.startResyncAndProcessUpdatesUnderLock(
+      projectId,
+      { resyncProjectStructureOnly: true }
+    )
+  } catch (err) {
+    if (err instanceof NeedFullProjectStructureResyncError) {
+      needsFullSync = true
+    } else {
+      throw err
+    }
+  }
+  if (needsFullSync) {
+    logger.warn(
+      { projectId, historyId },
+      'structure only resync not sufficient, doing full soft resync'
+    )
+    await SyncManager.promises.startResync(projectId, {})
+    await UpdatesProcessor.promises.processUpdatesForProject(projectId)
+    STATS.changed++
+  } else {
+    const after = await getLastEndTimestamp(projectId, historyId)
+    if (after > start) {
+      STATS.changed++
+    }
+  }
+  // Avoid db.projectHistorySyncState from growing for each project we resynced.
+  // MongoDB collections cannot shrink on their own. In case of success, purge
+  // the db entry created by this script right away.
+  await SyncManager.promises.clearResyncStateIfAllAfter(projectId, start)
+}
+
+async function processBatch(projects) {
+  const projectIds = (
+    await promiseMapWithLimit(READ_CONCURRENCY, projects, checkProject)
+  ).filter(id => !!id)
+  await promiseMapWithLimit(WRITE_CONCURRENCY, projectIds, ids =>
+    processProject(ids.projectId, ids.historyId)
+  )
+
+  if (gracefulShutdownInitiated) throw new Error('graceful shutdown triggered')
+}
+
+async function processProjectsFromLog() {
+  const rl = readline.createInterface({
+    input: fs.createReadStream(argv.logs),
+  })
+  for await (const line of rl) {
+    if (gracefulShutdownInitiated) break
+    STATS.processedLines++
+    if (!line.startsWith('{')) continue
+    const { projectId, historyId, msg } = JSON.parse(line)
+    if (msg !== 'failed to process project') continue
+    await processProject(projectId, historyId) // does try/catch with logging
+  }
+}
+
+async function main() {
+  if (argv.logs) {
+    await processProjectsFromLog()
+    return
+  }
+  await batchedUpdate(db.projects, {}, processBatch, {
+    _id: 1,
+    lastUpdated: 1,
+    'overleaf.history': 1,
+    rootFolder: 1,
+  })
+}
+
+try {
+  try {
+    await main()
+  } finally {
+    clearInterval(logInterval)
+    logStats()
+    Metrics.close()
+    await mongoClient.close()
+    // TODO(das7pad): graceful shutdown for redis. Refactor process.exit when done.
+  }
+  console.log('Done.')
+  await setTimeout(1_000)
+  if (STATS.failure) {
+    process.exit(Math.min(STATS.failure, 99))
+  } else {
+    process.exit(0)
+  }
+} catch (err) {
+  logger.err({ err }, 'fatal error')
+  await setTimeout(1_000)
+  process.exit(100)
+}
diff --git a/services/project-history/scripts/clear_dangling_timestamps.js b/services/project-history/scripts/clear_dangling_timestamps.js
new file mode 100644
index 0000000..e83eb1d
--- /dev/null
+++ b/services/project-history/scripts/clear_dangling_timestamps.js
@@ -0,0 +1,43 @@
+#!/usr/bin/env node
+
+// Clear timestamps which don't have any corresponding history ops
+// usage: scripts/flush_all.js <limit>
+
+import logger from '@overleaf/logger'
+import * as RedisManager from '../app/js/RedisManager.js'
+
+const argv = process.argv.slice(2)
+const limit = parseInt(argv[0], 10) || null
+
+// find all dangling timestamps and clear them
+async function main() {
+  logger.info(
+    { limit },
+    'running redis scan for project timestamps, this may take a while'
+  )
+  const projectIdsWithFirstOpTimestamps =
+    await RedisManager.promises.getProjectIdsWithFirstOpTimestamps(limit)
+  const totalTimestamps = projectIdsWithFirstOpTimestamps.length
+  logger.info(
+    { totalTimestamps },
+    'scan completed, now clearing dangling timestamps'
+  )
+  let clearedTimestamps = 0
+  let processed = 0
+  for (const projectId of projectIdsWithFirstOpTimestamps) {
+    const result =
+      await RedisManager.promises.clearDanglingFirstOpTimestamp(projectId)
+    processed++
+    clearedTimestamps += result
+    if (processed % 1000 === 0) {
+      logger.info(
+        { processed, totalTimestamps, clearedTimestamps },
+        'clearing timestamps'
+      )
+    }
+  }
+  logger.info({ processed, totalTimestamps, clearedTimestamps }, 'completed')
+  process.exit(0)
+}
+
+main()
diff --git a/services/project-history/scripts/clear_deleted.js b/services/project-history/scripts/clear_deleted.js
new file mode 100755
index 0000000..a4a6919
--- /dev/null
+++ b/services/project-history/scripts/clear_deleted.js
@@ -0,0 +1,136 @@
+#!/usr/bin/env node
+
+import async from 'async'
+import logger from '@overleaf/logger'
+import Settings from '@overleaf/settings'
+import redis from '@overleaf/redis-wrapper'
+import { db, ObjectId } from '../app/js/mongodb.js'
+
+logger.logger.level('fatal')
+
+const rclient = redis.createClient(Settings.redis.project_history)
+const Keys = Settings.redis.project_history.key_schema
+
+const argv = process.argv.slice(2)
+const limit = parseInt(argv[0], 10) || null
+const force = argv[1] === 'force' || false
+let delay = 0
+
+function checkAndClear(project, callback) {
+  const projectId = project.project_id
+  function checkDeleted(cb) {
+    db.projects.findOne(
+      { _id: new ObjectId(projectId) },
+      { projection: { _id: 1 } },
+      (err, result) => {
+        if (err) {
+          cb(err)
+        } else if (!result) {
+          // project not found, but we still need to look at deletedProjects
+          cb()
+        } else {
+          console.log(`Project ${projectId} found in projects`)
+          cb(new Error('error: project still exists'))
+        }
+      }
+    )
+  }
+
+  function checkRecoverable(cb) {
+    db.deletedProjects.findOne(
+      {
+        // this condition makes use of the index
+        'deleterData.deletedProjectId': new ObjectId(projectId),
+        // this condition checks if the deleted project has expired
+        'project._id': new ObjectId(projectId),
+      },
+      { projection: { _id: 1 } },
+      (err, result) => {
+        if (err) {
+          cb(err)
+        } else if (!result) {
+          console.log(
+            `project ${projectId} has been deleted - safe to clear queue`
+          )
+          cb()
+        } else {
+          console.log(`Project ${projectId} found in deletedProjects`)
+          cb(new Error('error: project still exists'))
+        }
+      }
+    )
+  }
+
+  function clearRedisQueue(cb) {
+    const key = Keys.projectHistoryOps({ project_id: projectId })
+    delay++
+    if (force) {
+      console.log('setting redis key', key, 'to expire in', delay, 'seconds')
+      // use expire to allow redis to delete the key in the background
+      rclient.expire(key, delay, err => {
+        cb(err)
+      })
+    } else {
+      console.log(
+        'dry run, would set key',
+        key,
+        'to expire in',
+        delay,
+        'seconds'
+      )
+      cb()
+    }
+  }
+
+  function clearMongoEntry(cb) {
+    if (force) {
+      console.log('deleting key in mongo projectHistoryFailures', projectId)
+      db.projectHistoryFailures.deleteOne({ project_id: projectId }, cb)
+    } else {
+      console.log('would delete failure record for', projectId, 'from mongo')
+      cb()
+    }
+  }
+
+  // do the checks and deletions
+  async.waterfall(
+    [checkDeleted, checkRecoverable, clearRedisQueue, clearMongoEntry],
+    err => {
+      if (!err || err.message === 'error: project still exists') {
+        callback()
+      } else {
+        console.log('error:', err)
+        callback(err)
+      }
+    }
+  )
+}
+
+// find all the broken projects from the failure records
+async function main() {
+  const results = await db.projectHistoryFailures.find({}).toArray()
+  processFailures(results)
+}
+
+main().catch(error => {
+  console.error(error)
+  process.exit(1)
+})
+
+function processFailures(results) {
+  if (argv.length === 0) {
+    console.log(`
+Usage: node clear_deleted.js [QUEUES] [FORCE]
+
+where
+    QUEUES is the number of queues to process
+    FORCE is the string "force" when we're ready to delete the queues. Without it, this script does a dry-run
+`)
+  }
+  console.log('number of stuck projects', results.length)
+  // now check if the project is truly deleted in mongo
+  async.eachSeries(results.slice(0, limit), checkAndClear, err => {
+    console.log('DONE', err)
+    process.exit()
+  })
+}
diff --git a/services/project-history/scripts/clear_deleted_history.js b/services/project-history/scripts/clear_deleted_history.js
new file mode 100755
index 0000000..899146a
--- /dev/null
+++ b/services/project-history/scripts/clear_deleted_history.js
@@ -0,0 +1,175 @@
+#!/usr/bin/env node
+
+// To run in dev:
+//
+// docker compose run --rm project-history scripts/clear_deleted.js
+//
+// In production:
+//
+// docker run --rm $(docker ps -lq) scripts/clear_deleted.js
+
+import async from 'async'
+import logger from '@overleaf/logger'
+import Settings from '@overleaf/settings'
+import redis from '@overleaf/redis-wrapper'
+import { db, ObjectId } from '../app/js/mongodb.js'
+
+logger.logger.level('fatal')
+
+const rclient = redis.createClient(Settings.redis.project_history)
+const Keys = Settings.redis.project_history.key_schema
+
+const argv = process.argv.slice(2)
+const limit = parseInt(argv[0], 10) || null
+const force = argv[1] === 'force' || false
+let projectNotFoundErrors = 0
+let projectImportedFromV1Errors = 0
+const projectsNotFound = []
+const projectsImportedFromV1 = []
+let projectWithHistoryIdErrors = 0
+const projectsWithHistoryId = []
+
+function checkAndClear(project, callback) {
+  const projectId = project.project_id
+  console.log('checking project', projectId)
+
+  function checkDeleted(cb) {
+    db.projects.findOne(
+      { _id: new ObjectId(projectId) },
+      { projection: { overleaf: true } },
+      (err, result) => {
+        console.log(
+          '1. looking in mongo projects collection: err',
+          err,
+          'result',
+          JSON.stringify(result)
+        )
+        if (err) {
+          return cb(err)
+        }
+        if (!result) {
+          return cb(new Error('project not found in mongo'))
+        }
+        if (
+          result &&
+          result.overleaf &&
+          !result.overleaf.id &&
+          result.overleaf.history &&
+          !result.overleaf.history.id &&
+          result.overleaf.history.deleted_id
+        ) {
+          console.log(
+            ' - project is not imported from v1 and has a deleted_id - ok to clear'
+          )
+          return cb()
+        } else if (result && result.overleaf && result.overleaf.id) {
+          console.log(' - project is imported from v1')
+          return cb(
+            new Error('project is imported from v1 - will not clear it')
+          )
+        } else if (
+          result &&
+          result.overleaf &&
+          result.overleaf.history &&
+          result.overleaf.history.id
+        ) {
+          console.log(' - project has a history id')
+          return cb(new Error('project has a history id - will not clear it'))
+        } else {
+          console.log(' - project state not recognised')
+          return cb(new Error('project state not recognised'))
+        }
+      }
+    )
+  }
+
+  function clearRedisQueue(cb) {
+    const key = Keys.projectHistoryOps({ project_id: projectId })
+    if (force) {
+      console.log('deleting redis key', key)
+      rclient.del(key, err => {
+        cb(err)
+      })
+    } else {
+      console.log('dry run, would deleted key', key)
+      cb()
+    }
+  }
+
+  function clearMongoEntry(cb) {
+    if (force) {
+      console.log('deleting key in mongo projectHistoryFailures', projectId)
+      db.projectHistoryFailures.deleteOne(
+        { project_id: projectId },
+        (err, result) => {
+          console.log('got result from remove', err, result)
+          cb(err)
+        }
+      )
+    } else {
+      console.log('would delete failure record for', projectId, 'from mongo')
+      cb()
+    }
+  }
+
+  // do the checks and deletions
+  async.waterfall([checkDeleted, clearRedisQueue, clearMongoEntry], err => {
+    if (!err) {
+      if (force) {
+        return setTimeout(callback, 100)
+      } // include a 1 second delay
+      return callback()
+    } else if (err.message === 'project not found in mongo') {
+      projectNotFoundErrors++
+      projectsNotFound.push(projectId)
+      return callback()
+    } else if (err.message === 'project has a history id - will not clear it') {
+      projectWithHistoryIdErrors++
+      projectsWithHistoryId.push(projectId)
+      return callback()
+    } else if (
+      err.message === 'project is imported from v1 - will not clear it'
+    ) {
+      projectImportedFromV1Errors++
+      projectsImportedFromV1.push(projectId)
+      return callback()
+    } else {
+      console.log('error:', err)
+      return callback(err)
+    }
+  })
+}
+
+// find all the broken projects from the failure records
+async function main() {
+  const results = await db.projectHistoryFailures
+    .find({ error: /history store a non-success status code: 422/ })
+    .toArray()
+
+  console.log('number of queues without history store 442 =', results.length)
+  // now check if the project is truly deleted in mongo
+  async.eachSeries(results.slice(0, limit), checkAndClear, err => {
+    console.log('Final error status', err)
+    console.log(
+      'Project not found errors',
+      projectNotFoundErrors,
+      projectsNotFound
+    )
+    console.log(
+      'Project with history id errors',
+      projectWithHistoryIdErrors,
+      projectsWithHistoryId
+    )
+    console.log(
+      'Project imported from V1 errors',
+      projectImportedFromV1Errors,
+      projectsImportedFromV1
+    )
+    process.exit()
+  })
+}
+
+main().catch(error => {
+  console.error(error)
+  process.exit(1)
+})
diff --git a/services/project-history/scripts/clear_filestore_404.js b/services/project-history/scripts/clear_filestore_404.js
new file mode 100755
index 0000000..3c9ca98
--- /dev/null
+++ b/services/project-history/scripts/clear_filestore_404.js
@@ -0,0 +1,204 @@
+#!/usr/bin/env node
+
+// To run in dev:
+//
+// docker compose run --rm project-history scripts/clear_deleted.js
+//
+// In production:
+//
+// docker run --rm $(docker ps -lq) scripts/clear_deleted.js
+
+import async from 'async'
+import logger from '@overleaf/logger'
+import request from 'request'
+import Settings from '@overleaf/settings'
+import redis from '@overleaf/redis-wrapper'
+import { db, ObjectId } from '../app/js/mongodb.js'
+
+logger.logger.level('fatal')
+
+const rclient = redis.createClient(Settings.redis.project_history)
+const Keys = Settings.redis.project_history.key_schema
+
+const argv = process.argv.slice(2)
+const limit = parseInt(argv[0], 10) || null
+const force = argv[1] === 'force' || false
+let projectNotFoundErrors = 0
+let projectImportedFromV1Errors = 0
+const projectsNotFound = []
+const projectsImportedFromV1 = []
+
+function checkAndClear(project, callback) {
+  const projectId = project.project_id
+  console.log('checking project', projectId)
+
+  // These can probably also be reset and their overleaf.history.id unset
+  // (unless they are v1 projects).
+
+  function checkNotV1Project(cb) {
+    db.projects.findOne(
+      { _id: new ObjectId(projectId) },
+      { projection: { overleaf: true } },
+      (err, result) => {
+        console.log(
+          '1. looking in mongo projects collection: err',
+          err,
+          'result',
+          JSON.stringify(result)
+        )
+        if (err) {
+          return cb(err)
+        }
+        if (!result) {
+          return cb(new Error('project not found in mongo'))
+        }
+        if (result && result.overleaf && !result.overleaf.id) {
+          console.log(' - project is not imported from v1 - ok to clear')
+          cb()
+        } else {
+          cb(new Error('project is imported from v1 - will not clear it'))
+        }
+      }
+    )
+  }
+
+  function clearProjectHistoryInMongo(cb) {
+    if (force) {
+      console.log('2. deleting overleaf.history.id in mongo project', projectId)
+      // Accessing mongo projects collection directly - BE CAREFUL!
+      db.projects.updateOne(
+        { _id: new ObjectId(projectId) },
+        { $unset: { 'overleaf.history.id': '' } },
+        (err, result) => {
+          console.log(' - got result from remove', err, result)
+          if (err) {
+            return err
+          }
+          if (
+            result &&
+            (result.modifiedCount === 1 || result.modifiedCount === 0)
+          ) {
+            return cb()
+          } else {
+            return cb(
+              new Error('error: problem trying to unset overleaf.history.id')
+            )
+          }
+        }
+      )
+    } else {
+      console.log(
+        '2. would delete overleaf.history.id for',
+        projectId,
+        'from mongo'
+      )
+      cb()
+    }
+  }
+
+  function clearDocUpdaterCache(cb) {
+    const url = Settings.apis.documentupdater.url + '/project/' + projectId
+    if (force) {
+      console.log('3. making request to clear docupdater', url)
+      request.delete(url, (err, response, body) => {
+        console.log(
+          ' - result of request',
+          err,
+          response && response.statusCode,
+          body
+        )
+        cb(err)
+      })
+    } else {
+      console.log('3. dry run, would request DELETE on url', url)
+      cb()
+    }
+  }
+
+  function clearRedisQueue(cb) {
+    const key = Keys.projectHistoryOps({ project_id: projectId })
+    if (force) {
+      console.log('4. deleting redis queue key', key)
+      rclient.del(key, err => {
+        cb(err)
+      })
+    } else {
+      console.log('4. dry run, would delete redis key', key)
+      cb()
+    }
+  }
+
+  function clearMongoEntry(cb) {
+    if (force) {
+      console.log('5. deleting key in mongo projectHistoryFailures', projectId)
+      db.projectHistoryFailures.deleteOne(
+        { project_id: projectId },
+        (err, result) => {
+          console.log(' - got result from remove', err, result)
+          cb(err)
+        }
+      )
+    } else {
+      console.log('5. would delete failure record for', projectId, 'from mongo')
+      cb()
+    }
+  }
+
+  // do the checks and deletions
+  async.waterfall(
+    [
+      checkNotV1Project,
+      clearProjectHistoryInMongo,
+      clearDocUpdaterCache,
+      clearRedisQueue,
+      clearMongoEntry,
+    ],
+    err => {
+      if (!err) {
+        return setTimeout(callback, 1000) // include a 1 second delay
+      } else if (err.message === 'project not found in mongo') {
+        projectNotFoundErrors++
+        projectsNotFound.push(projectId)
+        return callback()
+      } else if (
+        err.message === 'project is imported from v1 - will not clear it'
+      ) {
+        projectImportedFromV1Errors++
+        projectsImportedFromV1.push(projectId)
+        return callback()
+      } else {
+        console.log('error:', err)
+        return callback(err)
+      }
+    }
+  )
+}
+
+// find all the broken projects from the failure records
+async function main() {
+  const results = await db.projectHistoryFailures
+    .find({ error: 'Error: bad response from filestore: 404' })
+    .toArray()
+
+  console.log('number of queues without filestore 404 =', results.length)
+  // now check if the project is truly deleted in mongo
+  async.eachSeries(results.slice(0, limit), checkAndClear, err => {
+    console.log('Final error status', err)
+    console.log(
+      'Project not found errors',
+      projectNotFoundErrors,
+      projectsNotFound
+    )
+    console.log(
+      'Project imported from V1 errors',
+      projectImportedFromV1Errors,
+      projectsImportedFromV1
+    )
+    process.exit()
+  })
+}
+
+main().catch(error => {
+  console.error(error)
+  process.exit(1)
+})
diff --git a/services/project-history/scripts/clear_project_version_out_of_order.js b/services/project-history/scripts/clear_project_version_out_of_order.js
new file mode 100755
index 0000000..54883a8
--- /dev/null
+++ b/services/project-history/scripts/clear_project_version_out_of_order.js
@@ -0,0 +1,260 @@
+#!/usr/bin/env node
+
+// To run in dev:
+//
+// docker compose run --rm project-history scripts/clear_deleted.js
+//
+// In production:
+//
+// docker run --rm $(docker ps -lq) scripts/clear_deleted.js
+
+import async from 'async'
+import logger from '@overleaf/logger'
+import request from 'request'
+import Settings from '@overleaf/settings'
+import redis from '@overleaf/redis-wrapper'
+import { db, ObjectId } from '../app/js/mongodb.js'
+
+logger.logger.level('fatal')
+
+const rclient = redis.createClient(Settings.redis.project_history)
+const Keys = Settings.redis.project_history.key_schema
+
+const argv = process.argv.slice(2)
+const limit = parseInt(argv[0], 10) || null
+const force = argv[1] === 'force' || false
+let projectNotFoundErrors = 0
+let projectImportedFromV1Errors = 0
+const projectsNotFound = []
+const projectsImportedFromV1 = []
+let projectHasV2HistoryErrors = 0
+const projectsV2HistoryInUse = []
+
+function checkAndClear(project, callback) {
+  const projectId = project.project_id
+  console.log('checking project', projectId)
+
+  // These can probably also be reset and their overleaf.history.id unset
+  // (unless they are v1 projects).
+
+  function checkNotV1Project(cb) {
+    db.projects.findOne(
+      { _id: new ObjectId(projectId) },
+      { projection: { overleaf: true } },
+      (err, result) => {
+        console.log(
+          '1. looking in mongo projects collection: err',
+          err,
+          'result',
+          JSON.stringify(result)
+        )
+        if (err) {
+          return cb(err)
+        }
+        if (!result) {
+          return cb(new Error('project not found in mongo'))
+        }
+
+        const isV1Project = result && result.overleaf && result.overleaf.id
+        const hasHistoryId =
+          result &&
+          result.overleaf &&
+          result.overleaf.history &&
+          result.overleaf.history.id
+        const hasV2HistoryInUse =
+          result &&
+          result.overleaf &&
+          result.overleaf.history &&
+          result.overleaf.history.display
+        const hasExistingDeletedHistory =
+          result &&
+          result.overleaf.history &&
+          result.overleaf.history.deleted_id
+        if (
+          hasHistoryId &&
+          !(isV1Project || hasV2HistoryInUse || hasExistingDeletedHistory)
+        ) {
+          console.log(
+            ' - project is not imported from v1 and v2 history is not in use - ok to clear'
+          )
+          return cb()
+        } else if (hasHistoryId && hasExistingDeletedHistory) {
+          console.log(' - project already has deleted_id')
+          return cb(
+            new Error('project already has deleted_id - will not clear it')
+          )
+        } else if (hasHistoryId && isV1Project) {
+          console.log(' - project is imported from v1')
+          return cb(
+            new Error('project is imported from v1 - will not clear it')
+          )
+        } else if (hasHistoryId && hasV2HistoryInUse) {
+          console.log(' - project is displaying v2 history')
+          return cb(
+            new Error('project is displaying v2 history - will not clear it')
+          )
+        } else {
+          console.log(' - project state not recognised')
+          return cb(new Error('project state not recognised'))
+        }
+      }
+    )
+  }
+
+  function clearProjectHistoryInMongo(cb) {
+    if (force) {
+      console.log('2. deleting overleaf.history.id in mongo project', projectId)
+      // Accessing mongo projects collection directly - BE CAREFUL!
+      db.projects.updateOne(
+        { _id: new ObjectId(projectId) },
+        { $rename: { 'overleaf.history.id': 'overleaf.history.deleted_id' } },
+        (err, result) => {
+          console.log(' - got result from remove', err, result)
+          if (err) {
+            return err
+          }
+          if (
+            result &&
+            (result.modifiedCount === 1 || result.modifiedCount === 0)
+          ) {
+            return cb()
+          } else {
+            return cb(
+              new Error('error: problem trying to unset overleaf.history.id')
+            )
+          }
+        }
+      )
+    } else {
+      console.log(
+        '2. would delete overleaf.history.id for',
+        projectId,
+        'from mongo'
+      )
+      cb()
+    }
+  }
+
+  function clearDocUpdaterCache(cb) {
+    const url = Settings.apis.documentupdater.url + '/project/' + projectId
+    if (force) {
+      console.log('3. making request to clear docupdater', url)
+      request.delete(url, (err, response, body) => {
+        console.log(
+          ' - result of request',
+          err,
+          response && response.statusCode,
+          body
+        )
+        cb(err)
+      })
+    } else {
+      console.log('3. dry run, would request DELETE on url', url)
+      cb()
+    }
+  }
+
+  function clearRedisQueue(cb) {
+    const key = Keys.projectHistoryOps({ project_id: projectId })
+    if (force) {
+      console.log('4. deleting redis queue key', key)
+      rclient.del(key, err => {
+        cb(err)
+      })
+    } else {
+      console.log('4. dry run, would delete redis key', key)
+      cb()
+    }
+  }
+
+  function clearMongoEntry(cb) {
+    if (force) {
+      console.log('5. deleting key in mongo projectHistoryFailures', projectId)
+      db.projectHistoryFailures.deleteOne(
+        { project_id: projectId },
+        (err, result) => {
+          console.log(' - got result from remove', err, result)
+          cb(err)
+        }
+      )
+    } else {
+      console.log('5. would delete failure record for', projectId, 'from mongo')
+      cb()
+    }
+  }
+
+  // do the checks and deletions
+  async.waterfall(
+    [
+      checkNotV1Project,
+      clearProjectHistoryInMongo,
+      clearDocUpdaterCache,
+      clearRedisQueue,
+      clearMongoEntry,
+    ],
+    err => {
+      if (!err) {
+        return setTimeout(callback, 100) // include a delay
+      } else if (err.message === 'project not found in mongo') {
+        projectNotFoundErrors++
+        projectsNotFound.push(projectId)
+        return callback()
+      } else if (
+        err.message === 'project is imported from v1 - will not clear it'
+      ) {
+        projectImportedFromV1Errors++
+        projectsImportedFromV1.push(projectId)
+        return callback()
+      } else if (
+        err.message === 'project is displaying v2 history - will not clear it'
+      ) {
+        projectHasV2HistoryErrors++
+        projectsV2HistoryInUse.push(projectId)
+        return callback()
+      } else {
+        console.log('error:', err)
+        return callback(err)
+      }
+    }
+  )
+}
+
+// find all the broken projects from the failure records
+async function main() {
+  const results = await db.projectHistoryFailures
+    .find({
+      error:
+        'OpsOutOfOrderError: project structure version out of order on incoming updates',
+    })
+    .toArray()
+
+  console.log(
+    'number of queues with project structure version out of order on incoming updates=',
+    results.length
+  )
+  // now clear the projects
+  async.eachSeries(results.slice(0, limit), checkAndClear, err => {
+    console.log('Final error status', err)
+    console.log(
+      'Project not found errors',
+      projectNotFoundErrors,
+      projectsNotFound
+    )
+    console.log(
+      'Project imported from V1 errors',
+      projectImportedFromV1Errors,
+      projectsImportedFromV1
+    )
+    console.log(
+      'Project has V2 history in use',
+      projectHasV2HistoryErrors,
+      projectsV2HistoryInUse
+    )
+    process.exit()
+  })
+}
+
+main().catch(error => {
+  console.error(error)
+  process.exit(1)
+})
diff --git a/services/project-history/scripts/debug_translate_updates.js b/services/project-history/scripts/debug_translate_updates.js
new file mode 100755
index 0000000..bb89637
--- /dev/null
+++ b/services/project-history/scripts/debug_translate_updates.js
@@ -0,0 +1,74 @@
+#!/usr/bin/env node
+
+/**
+ * This script takes a dump file, obtained via the /project/:project_id/dump
+ * endpoint and feeds it to the update translator to how updates are transfomed
+ * into changes sent to v1 history.
+ */
+import fs from 'node:fs'
+import * as UpdateTranslator from '../app/js/UpdateTranslator.js'
+import * as SyncManager from '../app/js/SyncManager.js'
+import * as HistoryStoreManager from '../app/js/HistoryStoreManager.js'
+
+const { filename } = parseArgs()
+const { projectId, updates, chunk } = parseDumpFile(filename)
+
+function expandResyncProjectStructure(chunk, update) {
+  HistoryStoreManager._mocks.getMostRecentChunk = function (
+    projectId,
+    projectHistoryId,
+    callback
+  ) {
+    callback(null, chunk)
+  }
+
+  SyncManager.expandSyncUpdates(
+    projectId,
+    99999, // dummy history id
+    chunk,
+    [update],
+    cb => cb(), // extend lock
+    (err, result) => {
+      console.log('err', err, 'result', JSON.stringify(result, null, 2))
+      process.exit()
+    }
+  )
+}
+
+function expandUpdates(updates) {
+  const wrappedUpdates = updates.map(update => ({ update }))
+  let changes
+  try {
+    changes = UpdateTranslator.convertToChanges(projectId, wrappedUpdates)
+  } catch (err) {
+    error(err)
+  }
+  console.log(JSON.stringify(changes, null, 2))
+}
+
+if (updates[0].resyncProjectStructure) {
+  expandResyncProjectStructure(chunk, updates[0])
+} else {
+  expandUpdates(updates)
+}
+
+function parseArgs() {
+  const args = process.argv.slice(2)
+  if (args.length !== 1) {
+    console.log('Usage: debug_translate_updates.js DUMP_FILE')
+    process.exit(1)
+  }
+  const filename = args[0]
+  return { filename }
+}
+
+function parseDumpFile(filename) {
+  const json = fs.readFileSync(filename)
+  const { project_id: projectId, updates, chunk } = JSON.parse(json)
+  return { projectId, updates, chunk }
+}
+
+function error(err) {
+  console.error(err)
+  process.exit(1)
+}
diff --git a/services/project-history/scripts/flush_all.js b/services/project-history/scripts/flush_all.js
new file mode 100755
index 0000000..83f8fbd
--- /dev/null
+++ b/services/project-history/scripts/flush_all.js
@@ -0,0 +1,93 @@
+#!/usr/bin/env node
+
+// To run in dev:
+//
+// docker compose run --rm project-history scripts/flush_all.js <limit>
+//
+// In production:
+//
+// docker run --rm $(docker ps -lq) scripts/flush_all.js <limit>
+
+import _ from 'lodash'
+import async from 'async'
+import logger from '@overleaf/logger'
+import * as RedisManager from '../app/js/RedisManager.js'
+import * as UpdatesProcessor from '../app/js/UpdatesProcessor.js'
+
+logger.logger.level('fatal')
+
+const argv = process.argv.slice(2)
+const limit = parseInt(argv[0], 10) || null
+const parallelism = Math.min(parseInt(argv[1], 10) || 1, 10)
+
+// flush all outstanding changes
+RedisManager.getProjectIdsWithHistoryOps(limit, flushProjects)
+
+function flushProjects(error, projectIds) {
+  if (error) {
+    throw error
+  }
+  let ts = new Date()
+  console.log(
+    'found projects',
+    JSON.stringify({ project_ids: projectIds.length, limit, ts })
+  )
+  projectIds = _.shuffle(projectIds) // randomise to avoid hitting same projects each time
+  if (limit > 0) {
+    projectIds = projectIds.slice(0, limit)
+  }
+
+  let succeededProjects = 0
+  let failedProjects = 0
+  let attempts = 0
+
+  async.eachLimit(
+    projectIds,
+    parallelism,
+    function (projectId, cb) {
+      attempts++
+      UpdatesProcessor.processUpdatesForProject(
+        projectId,
+        function (err, queueSize) {
+          const progress = attempts + '/' + projectIds.length
+          ts = new Date()
+          if (err) {
+            failedProjects++
+            console.log(
+              'failed',
+              progress,
+              JSON.stringify({
+                projectId,
+                queueSize,
+                ts,
+                err: err.toString(),
+              })
+            )
+          } else {
+            succeededProjects++
+            console.log(
+              'succeeded',
+              progress,
+              JSON.stringify({
+                projectId,
+                queueSize,
+                ts,
+              })
+            )
+          }
+          return cb()
+        }
+      )
+    },
+    function () {
+      console.log(
+        'total',
+        JSON.stringify({
+          succeededProjects,
+          failedProjects,
+        })
+      )
+      process.exit(0)
+    }
+  )
+}
diff --git a/services/project-history/scripts/flush_old.js b/services/project-history/scripts/flush_old.js
new file mode 100644
index 0000000..6dc1401
--- /dev/null
+++ b/services/project-history/scripts/flush_old.js
@@ -0,0 +1,191 @@
+#!/usr/bin/env node
+
+import Settings from '@overleaf/settings'
+import minimist from 'minimist'
+import logger from '@overleaf/logger'
+import PQueue from 'p-queue'
+import * as RedisManager from '../app/js/RedisManager.js'
+import * as ErrorRecorder from '../app/js/ErrorRecorder.js'
+
+logger.logger.level('fatal')
+
+function usage() {
+  console.log(`
+Usage: flush_old.js [options]
+
+Options:
+  -b, --batch-size <size>    Number of projects to process in each batch (default: 100)
+  -a, --max-age <seconds>    Maximum age of projects to keep (default: 3600)
+  -i, --interval <seconds>   Interval to spread the processing over (default: 300)
+  -c, --concurrency <number> Number of concurrent jobs (default: 10)
+  -u, --buffer <seconds>     Buffer time in seconds to reserve at end (default: 15)
+  -n, --dry-run              Show what would be done without making changes
+  -h, --help                 Show this help message
+
+Examples:
+  # Flush projects older than 24 hours with 5 concurrent jobs
+  flush_old.js --batch-size 100 --max-age 86400 -c 5
+
+  # Dry run to see what would be flushed
+  flush_old.js --max-age 3600 --dry-run
+`)
+  process.exit(0)
+}
+
+const argv = minimist(process.argv.slice(2), {
+  boolean: ['dry-run', 'help'],
+  alias: {
+    b: 'batch-size',
+    a: 'max-age',
+    i: 'interval',
+    c: 'concurrency',
+    n: 'dry-run',
+    u: 'buffer',
+    h: 'help',
+  },
+  default: {
+    'batch-size': 100,
+    'max-age': 3600,
+    interval: 300,
+    concurrency: 10,
+    'dry-run': false,
+    buffer: 15,
+    help: false,
+  },
+})
+
+if (argv.help || process.argv.length === 2) {
+  usage()
+}
+
+const batchSize = parseInt(argv['batch-size'], 10)
+const maxAge = argv['max-age'] ? parseInt(argv['max-age'], 10) : null
+const interval = parseInt(argv.interval, 10) || 300
+const concurrency = parseInt(argv.concurrency, 10) || 10
+const bufferTime = parseInt(argv.buffer, 10) || 15
+const dryRun = argv['dry-run']
+
+/**
+ * Generator function that yields batches of items from an array
+ * @param {Array} array - The array to batch
+ * @param {number} size - The size of each batch
+ * @yields {Array} A batch of items
+ */
+function* getBatches(array, size) {
+  for (let i = 0; i < array.length; i += size) {
+    yield array.slice(i, i + size)
+  }
+}
+
+let flushCount = 0
+
+async function flushProject({ projectId, timestamp }) {
+  const url = `${Settings.apis.project_history.url}/project/${projectId}/flush`
+  if (dryRun) {
+    console.log(`[DRY RUN] would flush project ${projectId}`)
+    return
+  }
+  const response = await fetch(url, {
+    method: 'POST',
+  })
+  flushCount++
+  if (flushCount % 100 === 0) {
+    console.log('flushed', flushCount, 'projects, up to', timestamp)
+  }
+  if (!response.ok) {
+    throw new Error(`failed to flush project ${projectId}`)
+  }
+}
+
+const SCRIPT_START_TIME = Date.now() // current time in milliseconds from start of script
+
+function olderThan(maxAge, timestamp) {
+  const age = (SCRIPT_START_TIME - timestamp) / 1000
+  return age > maxAge
+}
+
+async function main() {
+  const projectIds = await RedisManager.promises.getProjectIdsWithHistoryOps()
+  const failedProjects = await ErrorRecorder.promises.getFailedProjects()
+  const failedProjectIds = new Set(failedProjects.map(p => p.project_id))
+
+  const projectIdsToProcess = projectIds.filter(p => !failedProjectIds.has(p))
+  console.log('number of projects with history ops', projectIds.length)
+  console.log(
+    'number of failed projects to exclude',
+    projectIds.length - projectIdsToProcess.length
+  )
+  const collectedProjects = []
+  let nullCount = 0
+  // iterate over the project ids in batches of doing a redis MGET to retrieve the first op timestamps
+  for (const batch of getBatches(projectIdsToProcess, batchSize)) {
+    const timestamps = await RedisManager.promises.getFirstOpTimestamps(batch)
+    const newProjects = batch
+      .map((projectId, idx) => {
+        return { projectId, timestamp: timestamps[idx] }
+      })
+      .filter(({ timestamp }) => {
+        if (!timestamp) {
+          nullCount++
+        }
+        return timestamp ? olderThan(maxAge, timestamp) : true
+      })
+    collectedProjects.push(...newProjects)
+  }
+  // sort the collected projects by ascending timestamp
+  collectedProjects.sort((a, b) => a.timestamp - b.timestamp)
+
+  console.log('number of projects to flush', collectedProjects.length)
+  console.log('number with null timestamps', nullCount)
+
+  const elapsedTime = Math.floor((Date.now() - SCRIPT_START_TIME) / 1000)
+  console.log('elapsed time', elapsedTime, 'seconds, buffer time', bufferTime)
+  const remainingTime = Math.max(interval - elapsedTime - bufferTime, 0)
+  console.log('remaining time', remainingTime, 'seconds')
+
+  const jobsPerSecond = Math.max(
+    Math.ceil(collectedProjects.length / Math.max(remainingTime, 60)),
+    1
+  )
+  console.log('interval', interval, 'seconds')
+  console.log('jobs per second', jobsPerSecond)
+  console.log('concurrency', concurrency)
+
+  const queue = new PQueue({
+    concurrency,
+    interval: 1000,
+    intervalCap: jobsPerSecond,
+  })
+
+  const taskFns = collectedProjects.map(project => {
+    return async () => {
+      try {
+        await flushProject(project)
+        return { status: 'fulfilled', value: project }
+      } catch (error) {
+        return { status: 'rejected', reason: error, project }
+      }
+    }
+  })
+
+  const results = await queue.addAll(taskFns)
+
+  console.log(
+    'finished after',
+    Math.floor((Date.now() - SCRIPT_START_TIME) / 1000),
+    'seconds'
+  )
+  // count the number of successful and failed flushes
+  const success = results.filter(r => r.status === 'fulfilled').length
+  const failed = results.filter(r => r.status === 'rejected').length
+  console.log('completed', { success, failed })
+}
+
+main()
+  .then(() => {
+    process.exit(0)
+  })
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
diff --git a/services/project-history/scripts/force_resync.js b/services/project-history/scripts/force_resync.js
new file mode 100755
index 0000000..13e7d3c
--- /dev/null
+++ b/services/project-history/scripts/force_resync.js
@@ -0,0 +1,233 @@
+#!/usr/bin/env node
+
+// To run in dev:
+//
+// docker compose run --rm project-history scripts/clear_deleted.js
+//
+// In production:
+//
+// docker run --rm $(docker ps -lq) scripts/clear_deleted.js
+
+import async from 'async'
+import Settings from '@overleaf/settings'
+import redis from '@overleaf/redis-wrapper'
+import { db, ObjectId } from '../app/js/mongodb.js'
+import * as SyncManager from '../app/js/SyncManager.js'
+import * as UpdatesProcessor from '../app/js/UpdatesProcessor.js'
+
+const rclient = redis.createClient(Settings.redis.project_history)
+const Keys = Settings.redis.project_history.key_schema
+
+const argv = process.argv.slice(2)
+const limit = parseInt(argv[0], 10) || null
+const force = argv[1] === 'force' || false
+let projectNotFoundErrors = 0
+let projectImportedFromV1Errors = 0
+const projectsNotFound = []
+const projectsImportedFromV1 = []
+let projectNoHistoryIdErrors = 0
+let projectsFailedErrors = 0
+const projectsFailed = []
+let projectsBrokenSyncErrors = 0
+const projectsBrokenSync = []
+
+function checkAndClear(project, callback) {
+  const projectId = project.project_id
+  console.log('checking project', projectId)
+
+  // These can probably also be reset and their overleaf.history.id unset
+  // (unless they are v1 projects).
+
+  function checkNotV1Project(cb) {
+    db.projects.findOne(
+      { _id: new ObjectId(projectId) },
+      { projection: { overleaf: true } },
+      (err, result) => {
+        console.log(
+          '1. looking in mongo projects collection: err',
+          err,
+          'result',
+          JSON.stringify(result)
+        )
+        if (err) {
+          return cb(err)
+        }
+        if (!result) {
+          return cb(new Error('project not found in mongo'))
+        }
+        if (result && result.overleaf && !result.overleaf.id) {
+          if (result.overleaf.history.id) {
+            console.log(
+              ' - project is not imported from v1 and has a history id - ok to resync'
+            )
+            return cb()
+          } else {
+            console.log(
+              ' - project is not imported from v1 but does not have a history id'
+            )
+            return cb(new Error('no history id'))
+          }
+        } else {
+          cb(new Error('project is imported from v1 - will not resync it'))
+        }
+      }
+    )
+  }
+
+  function startResync(cb) {
+    if (force) {
+      console.log('2. starting resync for', projectId)
+      SyncManager.startHardResync(projectId, err => {
+        if (err) {
+          console.log('ERR', JSON.stringify(err.message))
+          return cb(err)
+        }
+        setTimeout(cb, 3000) // include a delay to allow the request to be processed
+      })
+    } else {
+      console.log('2. dry run, would start resync for', projectId)
+      cb()
+    }
+  }
+
+  function forceFlush(cb) {
+    if (force) {
+      console.log('3. forcing a flush for', projectId)
+      UpdatesProcessor.processUpdatesForProject(projectId, err => {
+        console.log('err', err)
+        return cb(err)
+      })
+    } else {
+      console.log('3. dry run, would force a flush for', projectId)
+      cb()
+    }
+  }
+
+  function watchRedisQueue(cb) {
+    const key = Keys.projectHistoryOps({ project_id: projectId })
+    function checkQueueEmpty(_callback) {
+      rclient.llen(key, (err, result) => {
+        console.log('LLEN', projectId, err, result)
+        if (err) {
+          _callback(err)
+        }
+        if (result === 0) {
+          _callback()
+        } else {
+          _callback(new Error('queue not empty'))
+        }
+      })
+    }
+    if (force) {
+      console.log('4. checking redis queue key', key)
+      async.retry({ times: 30, interval: 1000 }, checkQueueEmpty, err => {
+        cb(err)
+      })
+    } else {
+      console.log('4. dry run, would check redis key', key)
+      cb()
+    }
+  }
+
+  function checkMongoFailureEntry(cb) {
+    if (force) {
+      console.log('5. checking key in mongo projectHistoryFailures', projectId)
+      db.projectHistoryFailures.findOne(
+        { project_id: projectId },
+        { projection: { _id: 1 } },
+        (err, result) => {
+          console.log('got result', err, result)
+          if (err) {
+            return cb(err)
+          }
+          if (result) {
+            return cb(new Error('failure record still exists'))
+          }
+          return cb()
+        }
+      )
+    } else {
+      console.log('5. would check failure record for', projectId, 'in mongo')
+      cb()
+    }
+  }
+
+  // do the checks and deletions
+  async.waterfall(
+    [
+      checkNotV1Project,
+      startResync,
+      forceFlush,
+      watchRedisQueue,
+      checkMongoFailureEntry,
+    ],
+    err => {
+      if (!err) {
+        return setTimeout(callback, 1000) // include a 1 second delay
+      } else if (err.message === 'project not found in mongo') {
+        projectNotFoundErrors++
+        projectsNotFound.push(projectId)
+        return callback()
+      } else if (err.message === 'no history id') {
+        projectNoHistoryIdErrors++
+        return callback()
+      } else if (
+        err.message === 'project is imported from v1 - will not resync it'
+      ) {
+        projectImportedFromV1Errors++
+        projectsImportedFromV1.push(projectId)
+        return callback()
+      } else if (
+        err.message === 'history store a non-success status code: 422'
+      ) {
+        projectsFailedErrors++
+        projectsFailed.push(projectId)
+        return callback()
+      } else if (err.message === 'sync ongoing') {
+        projectsBrokenSyncErrors++
+        projectsBrokenSync.push(projectId)
+        return callback()
+      } else {
+        console.log('error:', err)
+        return callback()
+      }
+    }
+  )
+}
+
+async function main() {
+  const results = await db.projectHistoryFailures.find().toArray()
+
+  console.log('number of queues without history store 442 =', results.length)
+  // now check if the project is truly deleted in mongo
+  async.eachSeries(results.slice(0, limit), checkAndClear, err => {
+    console.log('Final error status', err)
+    console.log(
+      'Project flush failed again errors',
+      projectsFailedErrors,
+      projectsFailed
+    )
+    console.log(
+      'Project flush ongoing errors',
+      projectsBrokenSyncErrors,
+      projectsBrokenSync
+    )
+    console.log(
+      'Project not found errors',
+      projectNotFoundErrors,
+      projectsNotFound
+    )
+    console.log('Project without history_id errors', projectNoHistoryIdErrors)
+    console.log(
+      'Project imported from V1 errors',
+      projectImportedFromV1Errors,
+      projectsImportedFromV1
+    )
+    process.exit()
+  })
+}
+
+main().catch(error => {
+  console.error(error)
+  process.exit(1)
+})
diff --git a/services/project-history/test/acceptance/fixtures/blobs/35c9bd86574d61dcadbce2fdd3d4a0684272c6ea b/services/project-history/test/acceptance/fixtures/blobs/35c9bd86574d61dcadbce2fdd3d4a0684272c6ea
new file mode 100644
index 0000000..35c9bd8
--- /dev/null
+++ b/services/project-history/test/acceptance/fixtures/blobs/35c9bd86574d61dcadbce2fdd3d4a0684272c6ea
@@ -0,0 +1,404 @@
+% Choose pra, prb, prc, prd, pre, prl, prstab, or rmp for journal
+%  Add 'draft' option to mark overfull boxes with black boxes
+%  Add 'showpacs' option to make PACS codes appear
+% for review and submission
+%\documentclass[aps,preprint,showpacs,superscriptaddress,groupedaddress]{revtex4}  % for double-spaced preprint
+% needed for figures
+% needed for some tables
+% for math
+% for math
+% for crossing out text
+% for coloring text
+%\input{tcilatex}
+
+
+\documentclass[aps,prl,twocolumn,showpacs,superscriptaddress,groupedaddress]{revtex4}
+
+\usepackage{graphicx}
+\usepackage{dcolumn}
+\usepackage{bm}
+\usepackage{amssymb}
+\usepackage{soul}
+\usepackage{color}
+
+%TCIDATA{OutputFilter=LATEX.DLL}
+%TCIDATA{Version=5.50.0.2960}
+%TCIDATA{<META NAME="SaveForMode" CONTENT="1">}
+%TCIDATA{BibliographyScheme=BibTeX}
+%TCIDATA{LastRevised=Tuesday, May 20, 2014 03:06:00}
+%TCIDATA{<META NAME="GraphicsSave" CONTENT="32">}
+
+\hyphenation{ALPGEN}
+\hyphenation{EVTGEN}
+\hyphenation{PYTHIA}
+\def\be{\begin{equation}}
+\def\ee{\end{equation}}
+\def\bea{\begin{eqnarray}}
+\def\eea{\end{eqnarray}}
+%\input{tcilatex}
+
+\begin{document}
+
+\title{Transport measurements of the spin wave gap of Mn}
+\input author_list.tex
+\date{\today}
+
+\begin{abstract}
+Temperature dependent transport measurements on ultrathin antiferromagnetic
+Mn films reveal a heretofore unknown non-universal weak localization
+correction to the conductivity which extends to disorder strengths greater than
+100~k$\Omega$ per square. The inelastic scattering of electrons off of
+gapped antiferromagnetic spin waves gives rise to an inelastic scattering
+length which is short enough to place the system in the 3D regime. The
+extracted fitting parameters provide estimates of the energy gap ($\Delta
+\approx$~16~K) and exchange energy ($\bar{J} \approx$~320~K). %\st{which are in
+%agreement with values obtained with other techniques}.
+\end{abstract}
+
+\pacs{75}
+
+\maketitle
+
+Hello world
+
+
+
+Thin-film transition metal ferromagnets (Fe, Co, Ni, Gd) and
+antiferromagnets (Mn, Cr) and their alloys are not only ubiquitous in
+present day technologies but are also expected to play an important role in
+future developments~\cite{thompson_2008}. Understanding magnetism in these
+materials, especially when the films are thin enough so that disorder plays
+an important role, is complicated by the long standing controversy about the
+relative importance of itinerant and local moments~\cite%
+{slater_1936,van_vleck_1953,aharoni_2000}. For the itinerant transition
+metal magnets, a related fundamental issue centers on the question of how
+itinerancy is compromised by disorder. Clearly with sufficient disorder the
+charge carriers become localized, but questions arise as to what happens to
+the spins and associated spin waves and whether the outcome depends on the
+ferro/antiferro alignment of spins in the itinerant parent. Ferromagnets
+which have magnetization as the order parameter are fundamentally different
+than antiferromagnets which have staggered magnetization (i.e., difference
+between the magnetization on each sublattice) as the order parameter~\cite%
+{blundell_2001}. Ferromagnetism thus distinguishes itself by having soft
+modes at zero wave number whereas antiferromagnets have soft modes at finite
+wave number~\cite{belitz_2005}. Accordingly, the respective spin wave
+spectrums are radically different. These distinctions are particularly
+important when comparing quantum corrections to the conductivity near
+quantum critical points for ferromagnets~\cite{paul_2005} and
+antiferromagnets~\cite{syzranov_2012}.
+
+Surprisingly, although there have been systematic studies of the effect of
+disorder on the longitudinal $\sigma_{xx}$ and transverse $\sigma_{xy}$
+conductivity of ferromagnetic films~\cite%
+{bergmann_1978,bergmann_1991,mitra_2007,misra_2009,kurzweil_2009}, there
+have been few if any such studies on antiferromagnetic films. In this paper
+we remedy this situation by presenting transport data on systematically
+disordered Mn films that are sputter deposited in a custom designed vacuum
+chamber and then transferred without exposure to air into an adjacent
+cryostat for transport studies to low temperature. The experimental
+procedures are similar to those reported previously: disorder, characterized
+by the sheet resistance $R_0$ measured at $T=$~5~K, can be changed either by
+growing separate samples or by gentle annealing of a given sample through
+incremental stages of disorder~\cite{misra_2011}. Using these same procedures our results for
+antiferromagnets however are decidedly different. The data are well
+described over a large range of disorder strengths by a non-universal three
+dimensional (3d) quantum correction that applies only to spin wave gapped
+antiferromagnets. This finding implies the presence of strong inelastic
+electron scattering off of antiferromagnetic spin waves. The theory is
+validated not only by good fits to the data but also by extraction from the
+fitting parameters of a value for the spin wave gap $\Delta$ that is in
+agreement with the value expected for Mn. On the other hand, the
+exchange energy $\bar{J}$ could be sensitive to the high disorder in our
+ultra thin films, and it turns out to be much smaller compared to the known values.
+
+In previous work the inelastic scattering of electrons off of spin waves has
+been an essential ingredient in understanding disordered ferromagnets. For
+example, to explain the occurrence of weak-localization corrections to the
+anomalous Hall effect in polycrystalline Fe films~\cite{mitra_2007}, it was
+necessary to invoke a contribution to the inelastic phase breaking rate $%
+\tau_{\varphi}^{-1}$ due to spin-conserving inelastic scattering off
+spin-wave excitations. This phase breaking rate, anticipated by theory~\cite%
+{tatara_2004} and seen experimentally in spin polarized electron energy loss
+spectroscopy (SPEELS) measurements of ultrathin Fe films~\cite%
+{plihal_1999,zhang_2010}, is linear in temperature and significantly larger
+than the phase breaking rate due to electron-electron interactions, thus
+allowing a wide temperature range to observe weak localization corrections~%
+\cite{mitra_2007}. The effect of a high $\tau_{\varphi}^{-1}$ due to
+inelastic scattering off spin-wave excitations is also seen in Gd films
+where in addition to a localizing log($T$) quantum correction to the
+conductance, a localizing linear-in-$T$ quantum correction is present and is
+interpreted as a spin-wave mediated Altshuler-Aronov type correction to the
+conductivity~\cite{misra_2009}.
+
+Interestingly, this high rate of inelastic spin rate scattering becomes even
+more important for the thinnest films as shown in theoretical calculations
+on Fe and Ni which point to extremely short spin-dependent inelastic mean
+free paths~\cite{hong_2000} and in spin-polarized electron energy-loss
+spectroscopy (SPEELS) measurements on few monolayer-thick Fe/W(110) films in
+which a strong nonmonotonic enhancement of localized spin wave energies is
+found on the thinnest films~\cite{zhang_2010}.
+
+Inelastic spin wave scattering in highly disordered ferromagnetic films can
+be strong enough to assure that the associated $T$-dependent dephasing
+length $L_{\varphi }(T)=\sqrt{D\tau _{\varphi }}$ (with $D$ the diffusion
+constant)~\cite{lee_1985} is less than the film thickness $t$, thus putting
+thin films into the 3d limit where a metal-insulator
+transition is observed~\cite{misra_2011}. Recognizing that similarly high
+inelastic scattering rates must apply to highly disordered antiferromagnetic
+films, we first proceed with a theoretical approach that takes into account
+the scattering of antiferromagnetic spin waves on the phase relaxation rate
+and find a heretofore unrecognized non-universal 3d weak localization
+correction to the conductivity that allows an interpretation of our experimental
+results. 
+
+We mention in passing that the 3d interaction-induced quantum correction 
+found to be dominant in the case of ferromagnetic Gd 
+films which undergo a metal-insulator transition\cite{misra_2011} is
+found to be much smaller in the present case and will not be considered further (for an estimate of this contribution see \cite{muttalib_unpub}.
+
+As discussed in detail in Ref.~[\onlinecite{wm10}], the phase relaxation
+time $\tau _{\varphi }$ limits the phase coherence in a particle-particle
+diffusion propagator $C(q,\omega )$ (Cooperon) in the form 
+\begin{equation}
+C(q,\omega _{l})=\frac{1}{2\pi N_{0}\tau ^{2}}\frac{1}{Dq^{2}+|\omega
+_{l}|+1/\tau _{\varphi }}.
+\end{equation}
+where $N_{0}$ is the density of states at the Fermi level, $\tau $ is the
+elastic scattering time and $\omega _{l}=2\pi lT$ is the Matsubara
+frequency. Labeling the Cooperon propagator in the absence of interactions
+as $C_{0}$, we can write 
+\begin{equation}
+\frac{1}{\tau _{\varphi }}=\frac{1}{2\pi N_{0}\tau ^{2}}[C^{-1}-C_{0}^{-1}].
+\end{equation}
+
+In general, $C(q,\omega )$ can be evaluated diagrammatically in the presence
+of interactions and disorder in a ladder approximation \cite{fa} that can be
+symbolically written as $C=C_{0}+C_{0}KC$ where the interaction vertex $K$
+contains self energy as well as vertex corrections due to both interactions
+and disorder. It then follows that $1/\tau _{\varphi }$ is given by 
+\begin{equation}
+\frac{1}{\tau _{\varphi }}=-\frac{1}{2\pi N_{0}\tau ^{2}}K.
+\end{equation}%
+In Ref.~[\onlinecite{wm10}], the leading temperature and disorder dependence
+of the inelastic diffusion propagator was evaluated diagrammatically, in the
+presence of ferromagnetic spin-wave mediated electron-electron interactions.
+Here we consider the antiferromagnetic case. We only consider large
+spin-wave gap where the damping can be ignored. Using the antiferromagnetic
+dispersion relation $\omega _{q}=\Delta +Aq$, where $A$ is the spin
+stiffness, the inelastic lifetime is given by 
+\be
+\frac{\hbar }{\tau _{\varphi }}=\frac{4}{\pi \hbar }nJ^{2}\int_{0}^{1/l}%
+\frac{q^{d-1}dq}{\sinh \beta \omega _{q}}\frac{Dq^{2}+1/\tau _{\varphi }}{%
+(Dq^{2}+1/\tau _{\varphi })^{2}+\omega _{q}^{2}}
+\ee%
+where $n=k_{F}^{3}/3\pi ^{2}$ is the 3d density, $J$ is the effective
+spin-exchange interaction and $\beta =1/k_{B}T$. Here we will consider the
+limit $\hbar /\tau _{\varphi }\ll \Delta $, relevant for our experiment on
+Mn. In this limit we can neglect the $1/\tau _{\varphi }$ terms inside the
+integral. The upper limit should be restricted to $\Delta /A$ in the limit $%
+\Delta /A<1/l$. For large disorder, we expect the parameter $x\equiv 
+\hbar Dk_{F}^{2}\Delta / \bar{J}^{2}\ll 1$, where the spin-exchange energy
+is given by $\bar{J}=Ak_{F}$. In this limit, $L_{\varphi }$ can be
+simplified as 
+\be
+k_{F}L_{\varphi }\approx \left( \frac{\bar{J}}{\Delta }\right) ^{3/2}\left( 
+\frac{5\sinh \frac{\Delta }{T}}{12\pi }\right) ^{1/2},\;\;\;x\ll 1
+\label{L-phi-3d}
+\ee%
+which is independent of $x$, and therefore, independent of disorder.
+
+Given the inelastic lifetime, the weak localization correction in 3d is
+usually given by \cite{lee_1985} $\delta \sigma _{3d}=\frac{e^{2}}{\hbar \pi
+^{3}}\frac{1}{L_{\varphi }},$ where the prefactor to the inverse inelastic
+length is a universal number, independent of disorder. However, at large
+enough disorder, we show that there exists a disorder dependent correction,
+due to the scale dependent diffusion coefficient near the Anderson
+metal-insulator transition. In fact, the diffusion coefficient obeys the
+self consistent equation \cite{WV} 
+\begin{equation}
+\frac{D_{0}}{D(\omega )}=1+\frac{k_{F}^{2-d}}{\pi m}\int_{0}^{1/l}dQ\frac{%
+Q^{d-1}}{-i\omega +D(\omega )Q^{2}}
+\end{equation}%
+where $D_{0}=v_{F}l/d$ is the diffusion coefficient at weak disorder. While
+the significance of the prefactor to the integral is not clear, the above
+equation remains qualitatively accurate over a wide range near the Anderson
+transition. Setting $\omega =i/\tau _{\varphi }$ and doing the $Q$-integral
+in 3d, 
+\bea
+\frac{D_{0}}{D} &\approx & 1+\frac{1}{\pi mk_{F}}\int_{1/L_{\phi }}^{1/l}dQ\frac{%
+Q^{2}}{DQ^{2}}\cr
+&=& 1+\frac{D_{0}}{D}\frac{3}{\pi k_{F}^{2}l^{2}}-\delta
+\left( \frac{D_{0}}{D}\right) ,
+\label{delta}
+\eea%
+where 
+\bea
+\delta \equiv \frac{D_{0}}{D}\frac{3}{\pi k_{F}^{2}l^{2}}\frac{l}{%
+L_{\varphi }}
+\eea 
+is assumed to be a small correction, and Eq.~(\ref{delta})
+should not be solved self-consistently. This follows from the fact that the
+diffusion coefficient of electrons at fixed energy entering the Cooperon
+expression is that of non-interacting electrons, and is given by the limit $%
+T\rightarrow 0$, $L_{\varphi }\rightarrow \infty $ and therefore $\delta
+\rightarrow 0$. Then the correction at finite $T$ is given by 
+\bea
+\frac{D}{D_{0}} &=& \frac{1}{\left( \frac{D_{0}}{D}\right) _{0}-\delta \left( 
+\frac{D_{0}}{D}\right) }\cr
+&\approx & \left( \frac{D}{D_{0}}\right) _{0}+\left( \frac{D}{D_{0}}\right) _{0}
+\frac{3}{\pi k_{F}^{2}l^{2}}\frac{l}{L_{\varphi }}%
+\eea%
+where 
+\be
+\lim_{T\rightarrow 0}\frac{D}{D_{0}}\equiv \left( \frac{D}{D_{0}}\right)
+_{0}.
+\ee%
+Using the relation $\sigma _{3d}=(e^{2}/\hbar )nD$ where the longitudinal
+sheet conductance $\sigma _{\square }=\sigma _{3d}t$, with $t$ being the
+film thickness, we finally get the temperature dependent weak localization
+correction term 
+\bea
+\frac{\delta \sigma _{\square }}{L_{00}} &=& \left( \frac{D}{D_{0}}\right) _{0}%
+\frac{2}{\pi }\frac{t}{L_{\varphi }}\cr
+\left( \frac{D}{D_{0}}\right)_{0} &\approx &\frac{2}{1+\sqrt{1+\frac{4R_{0}^{2}}{a^{2}}}}
+\label{WL}
+\eea%
+where $R_{0}=L_{00}/\sigma _{\square }(T$=$0)$, $L_{00}=e^{2}/\pi h$, $%
+a=3\pi/2k_{F}tb_{0}$, $b_{0}$ is a number of order unity and we
+have solved the self-consistent equation for $D$ in order to express $D_{0%
+\text{ }}$in terms of $D$ and finally $R_{0}$. Thus in this case, the weak
+localization correction has a prefactor which is not universal. While this
+reduces to the well-known universal result at weak disorder $R_{0}\ll a$, it
+becomes dependent on disorder characterized by the sheet resistance $R_{0}$
+at strong disorder and at the same time substantially extends the 3d regime
+near the transition. 
+
+Using the expression for $L_{\varphi }$ (Eq.~(\ref{L-phi-3d})) into Eq.~(\ref%
+{WL}), we finally obtain the total conductivity, including the quantum
+correction to the conductivity due to weak localization in 3d arising from
+scattering of electrons off antiferromagnetic spin waves in Mn, 
+\begin{equation}
+\frac{\sigma _{\square }}{L_{00}}=A+\frac{B}{\sqrt{\sinh [\Delta /T]}},
+\label{sigmaWL}
+\end{equation}%
+\textbf{\textbf{}}where the parameter $A$ is temperature independent and the parameter 
+\bea
+B &\equiv & \left( \frac{D}{D_{0}}\right) _{0}\frac{2}{\pi ^{2}}\left( \frac{%
+12\pi }{5}\right) ^{1/2}\left( \frac{\Delta }{\bar{J}}\right) ^{3/2}tk_{F}\cr%
+&=&\frac{2c}{1+\sqrt{1+\frac{4R_{0}^{2}}{a^{2}}}},
+\label{BFit}
+\eea%
+where 
+\be
+c\equiv \left( \frac{\Delta }{\bar{J}}\right) ^{3/2}\left( \frac{%
+48t^{2}k_{F}^{2}}{5\pi}\right) ^{1/2}.
+\label{cFit}
+\ee
+
+The data presented here is for a single film prepared with an initial $R_0
+\approx$~6~k$\Omega$. Disorder was consequently increased in incremental
+stages up to 180~k$\Omega$ by annealing at approximately 280~K~\cite%
+{misra_2011}. Additional samples were grown at intermediate disorder and
+measured to check reproducibility.
+
+Figure~\ref{fig:cond} shows the conductivity data for two samples with
+disorder $R_{0}=$~17573~$\Omega $ and 63903~$\Omega $ with corresponding
+fittings to the expression (\ref{sigmaWL}) where $A$ and $B$ are taken as
+fitting parameters and $\Delta =$~16~K is the spin wave gap. The fits are
+sensitive to the parameters $A$ and $B$ but relatively insensitive to $%
+\Delta $. We find that $\Delta =$~16~$\pm $~4~K provides good fittings in
+the whole range of disorder (from 6 to 180~k$\Omega $).
+
+\begin{figure}[tbp]
+\begin{center}
+\includegraphics[width=9cm]{fig_1_16.eps}
+\end{center}
+\caption{The temperature-dependent normalized conductivity (open squares)
+for two samples with the indicated disorder strengths of $R_0 =$~17573~$%
+\Omega$ and 63903~$\Omega$ show good agreement with theory (solid lines).
+The fitting parameters $A$ and $B$ are indicated for each curve with the
+error in the least significant digit indicated in parentheses.}
+\label{fig:cond}
+\end{figure}
+
+Figure~\ref{fig:parb} shows the dependence of the parameter $B$ on the 
+disorder strength $R_0$ (open squares) and a theoretical fit (solid line)
+using Eq.~(\ref{BFit}), where $c$ and $a$ are fitting parameters. The solid 
+line for this two-paramener fit is drawn for the best-fit values $c=0.67 \pm 
+0.04$ and $a= 28 \pm 3$~k$\Omega$. We note that the fit is of reasonable
+quality over most of the disorder range except for the film with the least 
+disorder ($R_0 = 6$~k$\Omega$) where $B = 0.77$,
+somewhat below the saturated value
+$B = c = 0.67$ evaluated from Eq.~(\ref{BFit}) at $R_0 = 0$. Using higher 
+values of $c$ (e.g., $c=0.8$) and lower values of $a$ (eg., $a = 22$~k$\Omega$)
+improves the fit at low disorder strengths but 
+increases the discrepancy at higher disorder strengths. 
+
+%L_phi/t = 2/pi*2/(1+sqrt(1+16))/0.5, 2/pi*2/(1+sqrt(1+1))/0.25
+
+%http://hyperphysics.phy-astr.gsu.edu/hbase/tables/fermi.html , k_F = sqrt(2*m_e*(10.9 eV))/(hbar) = 1.7E10 1/m
+
+% (bar(J) / \Delta) ^ 3/2 = (48*(2e-9)^2*(2.7e9)^2/5/pi/(0.65)^2) ^0.5 = 8360 = 20 ^ 3 
+%A = \bar{J} / k_F , \bar{J} = nJ 
+
+Substituting the Fermi energy for bulk Mn~\cite{ashcroft_1976},
+a thickness $t=2$~nm known to 20\% accuracy, together with the best-fit
+value for $c$ into Eq.~(\ref{cFit}), we calculate the value $\bar{J} =$~320~$%
+\pm$~93~K. Gao et al.~\cite{gao_2008} performed inelastic scanning tunneling
+spectroscopy (ISTS) on thin Mn films and reported $\Delta$ in the range from
+30 to 60~K and $\bar{J}=vk_F=$~3150~$\pm$~200~K. The agreement of energy gaps is 
+good; however our significantly lower value of $\bar{J}$ is probably due to the 
+high disorder in our ultra thin films.
+
+Since the temperature-dependent correction $B/\sqrt{\sinh (\Delta /T)}$ of
+Eq.~\ref{sigmaWL} is small compared to the parameter $A$, we can write
+$\sigma_{\square} \approx 1/R_0$ so that Eq.~\ref{sigmaWL} reduces to the 
+expression $A \approx 1/L_{00}R_0$. The logarithmic plot derived by taking the 
+logarithm of both sides of this approximation is shown in the inset of
+Fig.~\ref{fig:parb}. The slope of -1 confirms the linear dependence of $A$ on
+$1/R_0$ and the intercept of 5.01 (10$^{5.01}\approx $~102~k$\Omega$) is
+within 20\% of the expected theoretical value $L_{00}=$~81~k$\Omega $,
+for the normalization constant. Accordingly, the conductivity corrections in
+Eq.~\ref{sigmaWL} are small compared to the zero temperature conductivity and
+the normalization constant $L_{00}$ for the conductivity is close to the
+expected theoretical value.
+
+Using Eq.~(\ref{WL}) and the obtained value for $a\approx $~28~k$\Omega $ we can
+compare the dephasing length ($L_{\varphi }$) with the thickness ($t\approx $%
+~2~nm) at 16~K. For the sample with $R_{0}=$~63903~$\Omega $ the ratio $%
+L_{\varphi }/t\approx $~0.5 and for the sample with $R_{0}=$~17573~$\Omega $ 
+$L_{\varphi }/t\approx $~2. The latter estimate assumes no spin
+polarization, while a full polarization would imply $L_{\varphi }/t\approx $%
+~1. Thus $L_{\varphi }$ is smaller than or close to the thickness of the
+film, which keeps the film in the three-dimensional regime for almost all
+temperatures and disorder strengths considered.
+
+\begin{figure}[tbp]
+\begin{center}
+\includegraphics[width=9cm]{fig_2_16.eps}
+\end{center}
+\caption{Dependence of the fitting parameters $B$ and $A$ (inset) on
+disorder $R_0$ for $\Delta=$~16~K. The fitting parameters are indicated for
+each curve with the error in the least significant digit indicated in
+parentheses.}
+\label{fig:parb}
+\end{figure}
+
+In conclusion, we have performed \textit{in situ} transport measurements on
+ultra thin Mn films, systematically varying the disorder ($R_{0}=R_{xx}$($T=$%
+~5~K)). The obtained data were analyzed within a weak localization theory in
+3d generalized to strong disorder. In the temperature range considered
+inelastic scattering off spin waves is found to be strong giving rise to a
+dephasing length shorter than the film thickness, which places these systems
+into the 3d regime. The obtained value for the spin wave gap was close to
+the one measured by Gao et al.~\cite{gao_2008} using ISTS, while the
+exchange energy was much smaller.
+
+This work has been supported by the NSF under Grant No 1305783 (AFH).
+PW thanks A.\ M.\ \ Finkel'stein for useful discussions and acknowledges
+partial support through the DFG research unit "Quantum phase transitions".
+
+\bibliographystyle{apsrev}
+\bibliography{bibl}
+
+\end{document}
diff --git a/services/project-history/test/acceptance/fixtures/blobs/4f785a4c192155b240e3042b3a7388b47603f423 b/services/project-history/test/acceptance/fixtures/blobs/4f785a4c192155b240e3042b3a7388b47603f423
new file mode 100644
index 0000000..4f785a4
--- /dev/null
+++ b/services/project-history/test/acceptance/fixtures/blobs/4f785a4c192155b240e3042b3a7388b47603f423
@@ -0,0 +1,3 @@
+Hello world
+
+One two three
\ No newline at end of file
diff --git a/services/project-history/test/acceptance/fixtures/blobs/c6654ea913979e13e22022653d284444f284a172 b/services/project-history/test/acceptance/fixtures/blobs/c6654ea913979e13e22022653d284444f284a172
new file mode 100644
index 0000000..c6654ea
--- /dev/null
+++ b/services/project-history/test/acceptance/fixtures/blobs/c6654ea913979e13e22022653d284444f284a172
@@ -0,0 +1,5 @@
+Hello world
+
+One two three
+
+Four five six
\ No newline at end of file
diff --git a/services/project-history/test/acceptance/fixtures/blobs/e13c315d53aaef3aa34550a86b09cff091ace220 b/services/project-history/test/acceptance/fixtures/blobs/e13c315d53aaef3aa34550a86b09cff091ace220
new file mode 100644
index 0000000..e13c315
--- /dev/null
+++ b/services/project-history/test/acceptance/fixtures/blobs/e13c315d53aaef3aa34550a86b09cff091ace220
@@ -0,0 +1,7 @@
+Hello world
+
+One two three
+
+Four five six
+
+Seven eight nine
\ No newline at end of file
diff --git a/services/project-history/test/acceptance/fixtures/blobs/f28571f561d198b87c24cc6a98b78e87b665e22d b/services/project-history/test/acceptance/fixtures/blobs/f28571f561d198b87c24cc6a98b78e87b665e22d
new file mode 100644
index 0000000..f28571f
--- /dev/null
+++ b/services/project-history/test/acceptance/fixtures/blobs/f28571f561d198b87c24cc6a98b78e87b665e22d
@@ -0,0 +1,404 @@
+% Choose pra, prb, prc, prd, pre, prl, prstab, or rmp for journal
+%  Add 'draft' option to mark overfull boxes with black boxes
+%  Add 'showpacs' option to make PACS codes appear
+% for review and submission
+%\documentclass[aps,preprint,showpacs,superscriptaddress,groupedaddress]{revtex4}  % for double-spaced preprint
+% needed for figures
+% needed for some tables
+% for math
+% for math
+% for crossing out text
+% for coloring text
+%\input{tcilatex}
+
+
+\documentclass[aps,prl,twocolumn,showpacs,superscriptaddress,groupedaddress]{revtex4}
+
+\usepackage{graphicx}
+\usepackage{dcolumn}
+\usepackage{bm}
+\usepackage{amssymb}
+\usepackage{soul}
+\usepackage{color}
+
+%TCIDATA{OutputFilter=LATEX.DLL}
+%TCIDATA{Version=5.50.0.2960}
+%TCIDATA{<META NAME="SaveForMode" CONTENT="1">}
+%TCIDATA{BibliographyScheme=BibTeX}
+%TCIDATA{LastRevised=Tuesday, May 20, 2014 03:06:00}
+%TCIDATA{<META NAME="GraphicsSave" CONTENT="32">}
+
+\hyphenation{ALPGEN}
+\hyphenation{EVTGEN}
+\hyphenation{PYTHIA}
+\def\be{\begin{equation}}
+\def\ee{\end{equation}}
+\def\bea{\begin{eqnarray}}
+\def\eea{\end{eqnarray}}
+%\input{tcilatex}
+
+\begin{document}
+
+\title{Transport measurements of the spin wave gap of Mn}
+\input author_list.tex
+\date{\today}
+
+\begin{abstract}
+Temperature dependent transport measurements on ultrathin antiferromagnetic
+Mn films reveal a heretofore unknown non-universal weak localization
+correction to the conductivity which extends to disorder strengths greater than
+100~k$\Omega$ per square. The inelastic scattering of electrons off of
+gapped antiferromagnetic spin waves gives rise to an inelastic scattering
+length which is short enough to place the system in the 3D regime. The
+extracted fitting parameters provide estimates of the energy gap ($\Delta
+\approx$~16~K) and exchange energy ($\bar{J} \approx$~320~K). %\st{which are in
+%agreement with values obtained with other techniques}.
+\end{abstract}
+
+\pacs{75}
+
+\maketitle
+
+
+
+
+
+Thin-film transition metal ferromagnets (Fe, Co, Ni, Gd) and
+antiferromagnets (Mn, Cr) and their alloys are not only ubiquitous in
+present day technologies but are also expected to play an important role in
+future developments~\cite{thompson_2008}. Understanding magnetism in these
+materials, especially when the films are thin enough so that disorder plays
+an important role, is complicated by the long standing controversy about the
+relative importance of itinerant and local moments~\cite%
+{slater_1936,van_vleck_1953,aharoni_2000}. For the itinerant transition
+metal magnets, a related fundamental issue centers on the question of how
+itinerancy is compromised by disorder. Clearly with sufficient disorder the
+charge carriers become localized, but questions arise as to what happens to
+the spins and associated spin waves and whether the outcome depends on the
+ferro/antiferro alignment of spins in the itinerant parent. Ferromagnets
+which have magnetization as the order parameter are fundamentally different
+than antiferromagnets which have staggered magnetization (i.e., difference
+between the magnetization on each sublattice) as the order parameter~\cite%
+{blundell_2001}. Ferromagnetism thus distinguishes itself by having soft
+modes at zero wave number whereas antiferromagnets have soft modes at finite
+wave number~\cite{belitz_2005}. Accordingly, the respective spin wave
+spectrums are radically different. These distinctions are particularly
+important when comparing quantum corrections to the conductivity near
+quantum critical points for ferromagnets~\cite{paul_2005} and
+antiferromagnets~\cite{syzranov_2012}.
+
+Surprisingly, although there have been systematic studies of the effect of
+disorder on the longitudinal $\sigma_{xx}$ and transverse $\sigma_{xy}$
+conductivity of ferromagnetic films~\cite%
+{bergmann_1978,bergmann_1991,mitra_2007,misra_2009,kurzweil_2009}, there
+have been few if any such studies on antiferromagnetic films. In this paper
+we remedy this situation by presenting transport data on systematically
+disordered Mn films that are sputter deposited in a custom designed vacuum
+chamber and then transferred without exposure to air into an adjacent
+cryostat for transport studies to low temperature. The experimental
+procedures are similar to those reported previously: disorder, characterized
+by the sheet resistance $R_0$ measured at $T=$~5~K, can be changed either by
+growing separate samples or by gentle annealing of a given sample through
+incremental stages of disorder~\cite{misra_2011}. Using these same procedures our results for
+antiferromagnets however are decidedly different. The data are well
+described over a large range of disorder strengths by a non-universal three
+dimensional (3d) quantum correction that applies only to spin wave gapped
+antiferromagnets. This finding implies the presence of strong inelastic
+electron scattering off of antiferromagnetic spin waves. The theory is
+validated not only by good fits to the data but also by extraction from the
+fitting parameters of a value for the spin wave gap $\Delta$ that is in
+agreement with the value expected for Mn. On the other hand, the
+exchange energy $\bar{J}$ could be sensitive to the high disorder in our
+ultra thin films, and it turns out to be much smaller compared to the known values.
+
+In previous work the inelastic scattering of electrons off of spin waves has
+been an essential ingredient in understanding disordered ferromagnets. For
+example, to explain the occurrence of weak-localization corrections to the
+anomalous Hall effect in polycrystalline Fe films~\cite{mitra_2007}, it was
+necessary to invoke a contribution to the inelastic phase breaking rate $%
+\tau_{\varphi}^{-1}$ due to spin-conserving inelastic scattering off
+spin-wave excitations. This phase breaking rate, anticipated by theory~\cite%
+{tatara_2004} and seen experimentally in spin polarized electron energy loss
+spectroscopy (SPEELS) measurements of ultrathin Fe films~\cite%
+{plihal_1999,zhang_2010}, is linear in temperature and significantly larger
+than the phase breaking rate due to electron-electron interactions, thus
+allowing a wide temperature range to observe weak localization corrections~%
+\cite{mitra_2007}. The effect of a high $\tau_{\varphi}^{-1}$ due to
+inelastic scattering off spin-wave excitations is also seen in Gd films
+where in addition to a localizing log($T$) quantum correction to the
+conductance, a localizing linear-in-$T$ quantum correction is present and is
+interpreted as a spin-wave mediated Altshuler-Aronov type correction to the
+conductivity~\cite{misra_2009}.
+
+Interestingly, this high rate of inelastic spin rate scattering becomes even
+more important for the thinnest films as shown in theoretical calculations
+on Fe and Ni which point to extremely short spin-dependent inelastic mean
+free paths~\cite{hong_2000} and in spin-polarized electron energy-loss
+spectroscopy (SPEELS) measurements on few monolayer-thick Fe/W(110) films in
+which a strong nonmonotonic enhancement of localized spin wave energies is
+found on the thinnest films~\cite{zhang_2010}.
+
+Inelastic spin wave scattering in highly disordered ferromagnetic films can
+be strong enough to assure that the associated $T$-dependent dephasing
+length $L_{\varphi }(T)=\sqrt{D\tau _{\varphi }}$ (with $D$ the diffusion
+constant)~\cite{lee_1985} is less than the film thickness $t$, thus putting
+thin films into the 3d limit where a metal-insulator
+transition is observed~\cite{misra_2011}. Recognizing that similarly high
+inelastic scattering rates must apply to highly disordered antiferromagnetic
+films, we first proceed with a theoretical approach that takes into account
+the scattering of antiferromagnetic spin waves on the phase relaxation rate
+and find a heretofore unrecognized non-universal 3d weak localization
+correction to the conductivity that allows an interpretation of our experimental
+results. 
+
+We mention in passing that the 3d interaction-induced quantum correction 
+found to be dominant in the case of ferromagnetic Gd 
+films which undergo a metal-insulator transition\cite{misra_2011} is
+found to be much smaller in the present case and will not be considered further (for an estimate of this contribution see \cite{muttalib_unpub}.
+
+As discussed in detail in Ref.~[\onlinecite{wm10}], the phase relaxation
+time $\tau _{\varphi }$ limits the phase coherence in a particle-particle
+diffusion propagator $C(q,\omega )$ (Cooperon) in the form 
+\begin{equation}
+C(q,\omega _{l})=\frac{1}{2\pi N_{0}\tau ^{2}}\frac{1}{Dq^{2}+|\omega
+_{l}|+1/\tau _{\varphi }}.
+\end{equation}
+where $N_{0}$ is the density of states at the Fermi level, $\tau $ is the
+elastic scattering time and $\omega _{l}=2\pi lT$ is the Matsubara
+frequency. Labeling the Cooperon propagator in the absence of interactions
+as $C_{0}$, we can write 
+\begin{equation}
+\frac{1}{\tau _{\varphi }}=\frac{1}{2\pi N_{0}\tau ^{2}}[C^{-1}-C_{0}^{-1}].
+\end{equation}
+
+In general, $C(q,\omega )$ can be evaluated diagrammatically in the presence
+of interactions and disorder in a ladder approximation \cite{fa} that can be
+symbolically written as $C=C_{0}+C_{0}KC$ where the interaction vertex $K$
+contains self energy as well as vertex corrections due to both interactions
+and disorder. It then follows that $1/\tau _{\varphi }$ is given by 
+\begin{equation}
+\frac{1}{\tau _{\varphi }}=-\frac{1}{2\pi N_{0}\tau ^{2}}K.
+\end{equation}%
+In Ref.~[\onlinecite{wm10}], the leading temperature and disorder dependence
+of the inelastic diffusion propagator was evaluated diagrammatically, in the
+presence of ferromagnetic spin-wave mediated electron-electron interactions.
+Here we consider the antiferromagnetic case. We only consider large
+spin-wave gap where the damping can be ignored. Using the antiferromagnetic
+dispersion relation $\omega _{q}=\Delta +Aq$, where $A$ is the spin
+stiffness, the inelastic lifetime is given by 
+\be
+\frac{\hbar }{\tau _{\varphi }}=\frac{4}{\pi \hbar }nJ^{2}\int_{0}^{1/l}%
+\frac{q^{d-1}dq}{\sinh \beta \omega _{q}}\frac{Dq^{2}+1/\tau _{\varphi }}{%
+(Dq^{2}+1/\tau _{\varphi })^{2}+\omega _{q}^{2}}
+\ee%
+where $n=k_{F}^{3}/3\pi ^{2}$ is the 3d density, $J$ is the effective
+spin-exchange interaction and $\beta =1/k_{B}T$. Here we will consider the
+limit $\hbar /\tau _{\varphi }\ll \Delta $, relevant for our experiment on
+Mn. In this limit we can neglect the $1/\tau _{\varphi }$ terms inside the
+integral. The upper limit should be restricted to $\Delta /A$ in the limit $%
+\Delta /A<1/l$. For large disorder, we expect the parameter $x\equiv 
+\hbar Dk_{F}^{2}\Delta / \bar{J}^{2}\ll 1$, where the spin-exchange energy
+is given by $\bar{J}=Ak_{F}$. In this limit, $L_{\varphi }$ can be
+simplified as 
+\be
+k_{F}L_{\varphi }\approx \left( \frac{\bar{J}}{\Delta }\right) ^{3/2}\left( 
+\frac{5\sinh \frac{\Delta }{T}}{12\pi }\right) ^{1/2},\;\;\;x\ll 1
+\label{L-phi-3d}
+\ee%
+which is independent of $x$, and therefore, independent of disorder.
+
+Given the inelastic lifetime, the weak localization correction in 3d is
+usually given by \cite{lee_1985} $\delta \sigma _{3d}=\frac{e^{2}}{\hbar \pi
+^{3}}\frac{1}{L_{\varphi }},$ where the prefactor to the inverse inelastic
+length is a universal number, independent of disorder. However, at large
+enough disorder, we show that there exists a disorder dependent correction,
+due to the scale dependent diffusion coefficient near the Anderson
+metal-insulator transition. In fact, the diffusion coefficient obeys the
+self consistent equation \cite{WV} 
+\begin{equation}
+\frac{D_{0}}{D(\omega )}=1+\frac{k_{F}^{2-d}}{\pi m}\int_{0}^{1/l}dQ\frac{%
+Q^{d-1}}{-i\omega +D(\omega )Q^{2}}
+\end{equation}%
+where $D_{0}=v_{F}l/d$ is the diffusion coefficient at weak disorder. While
+the significance of the prefactor to the integral is not clear, the above
+equation remains qualitatively accurate over a wide range near the Anderson
+transition. Setting $\omega =i/\tau _{\varphi }$ and doing the $Q$-integral
+in 3d, 
+\bea
+\frac{D_{0}}{D} &\approx & 1+\frac{1}{\pi mk_{F}}\int_{1/L_{\phi }}^{1/l}dQ\frac{%
+Q^{2}}{DQ^{2}}\cr
+&=& 1+\frac{D_{0}}{D}\frac{3}{\pi k_{F}^{2}l^{2}}-\delta
+\left( \frac{D_{0}}{D}\right) ,
+\label{delta}
+\eea%
+where 
+\bea
+\delta \equiv \frac{D_{0}}{D}\frac{3}{\pi k_{F}^{2}l^{2}}\frac{l}{%
+L_{\varphi }}
+\eea 
+is assumed to be a small correction, and Eq.~(\ref{delta})
+should not be solved self-consistently. This follows from the fact that the
+diffusion coefficient of electrons at fixed energy entering the Cooperon
+expression is that of non-interacting electrons, and is given by the limit $%
+T\rightarrow 0$, $L_{\varphi }\rightarrow \infty $ and therefore $\delta
+\rightarrow 0$. Then the correction at finite $T$ is given by 
+\bea
+\frac{D}{D_{0}} &=& \frac{1}{\left( \frac{D_{0}}{D}\right) _{0}-\delta \left( 
+\frac{D_{0}}{D}\right) }\cr
+&\approx & \left( \frac{D}{D_{0}}\right) _{0}+\left( \frac{D}{D_{0}}\right) _{0}
+\frac{3}{\pi k_{F}^{2}l^{2}}\frac{l}{L_{\varphi }}%
+\eea%
+where 
+\be
+\lim_{T\rightarrow 0}\frac{D}{D_{0}}\equiv \left( \frac{D}{D_{0}}\right)
+_{0}.
+\ee%
+Using the relation $\sigma _{3d}=(e^{2}/\hbar )nD$ where the longitudinal
+sheet conductance $\sigma _{\square }=\sigma _{3d}t$, with $t$ being the
+film thickness, we finally get the temperature dependent weak localization
+correction term 
+\bea
+\frac{\delta \sigma _{\square }}{L_{00}} &=& \left( \frac{D}{D_{0}}\right) _{0}%
+\frac{2}{\pi }\frac{t}{L_{\varphi }}\cr
+\left( \frac{D}{D_{0}}\right)_{0} &\approx &\frac{2}{1+\sqrt{1+\frac{4R_{0}^{2}}{a^{2}}}}
+\label{WL}
+\eea%
+where $R_{0}=L_{00}/\sigma _{\square }(T$=$0)$, $L_{00}=e^{2}/\pi h$, $%
+a=3\pi/2k_{F}tb_{0}$, $b_{0}$ is a number of order unity and we
+have solved the self-consistent equation for $D$ in order to express $D_{0%
+\text{ }}$in terms of $D$ and finally $R_{0}$. Thus in this case, the weak
+localization correction has a prefactor which is not universal. While this
+reduces to the well-known universal result at weak disorder $R_{0}\ll a$, it
+becomes dependent on disorder characterized by the sheet resistance $R_{0}$
+at strong disorder and at the same time substantially extends the 3d regime
+near the transition. 
+
+Using the expression for $L_{\varphi }$ (Eq.~(\ref{L-phi-3d})) into Eq.~(\ref%
+{WL}), we finally obtain the total conductivity, including the quantum
+correction to the conductivity due to weak localization in 3d arising from
+scattering of electrons off antiferromagnetic spin waves in Mn, 
+\begin{equation}
+\frac{\sigma _{\square }}{L_{00}}=A+\frac{B}{\sqrt{\sinh [\Delta /T]}},
+\label{sigmaWL}
+\end{equation}%
+\textbf{\textbf{}}where the parameter $A$ is temperature independent and the parameter 
+\bea
+B &\equiv & \left( \frac{D}{D_{0}}\right) _{0}\frac{2}{\pi ^{2}}\left( \frac{%
+12\pi }{5}\right) ^{1/2}\left( \frac{\Delta }{\bar{J}}\right) ^{3/2}tk_{F}\cr%
+&=&\frac{2c}{1+\sqrt{1+\frac{4R_{0}^{2}}{a^{2}}}},
+\label{BFit}
+\eea%
+where 
+\be
+c\equiv \left( \frac{\Delta }{\bar{J}}\right) ^{3/2}\left( \frac{%
+48t^{2}k_{F}^{2}}{5\pi}\right) ^{1/2}.
+\label{cFit}
+\ee
+
+The data presented here is for a single film prepared with an initial $R_0
+\approx$~6~k$\Omega$. Disorder was consequently increased in incremental
+stages up to 180~k$\Omega$ by annealing at approximately 280~K~\cite%
+{misra_2011}. Additional samples were grown at intermediate disorder and
+measured to check reproducibility.
+
+Figure~\ref{fig:cond} shows the conductivity data for two samples with
+disorder $R_{0}=$~17573~$\Omega $ and 63903~$\Omega $ with corresponding
+fittings to the expression (\ref{sigmaWL}) where $A$ and $B$ are taken as
+fitting parameters and $\Delta =$~16~K is the spin wave gap. The fits are
+sensitive to the parameters $A$ and $B$ but relatively insensitive to $%
+\Delta $. We find that $\Delta =$~16~$\pm $~4~K provides good fittings in
+the whole range of disorder (from 6 to 180~k$\Omega $).
+
+\begin{figure}[tbp]
+\begin{center}
+\includegraphics[width=9cm]{fig_1_16.eps}
+\end{center}
+\caption{The temperature-dependent normalized conductivity (open squares)
+for two samples with the indicated disorder strengths of $R_0 =$~17573~$%
+\Omega$ and 63903~$\Omega$ show good agreement with theory (solid lines).
+The fitting parameters $A$ and $B$ are indicated for each curve with the
+error in the least significant digit indicated in parentheses.}
+\label{fig:cond}
+\end{figure}
+
+Figure~\ref{fig:parb} shows the dependence of the parameter $B$ on the 
+disorder strength $R_0$ (open squares) and a theoretical fit (solid line)
+using Eq.~(\ref{BFit}), where $c$ and $a$ are fitting parameters. The solid 
+line for this two-paramener fit is drawn for the best-fit values $c=0.67 \pm 
+0.04$ and $a= 28 \pm 3$~k$\Omega$. We note that the fit is of reasonable
+quality over most of the disorder range except for the film with the least 
+disorder ($R_0 = 6$~k$\Omega$) where $B = 0.77$,
+somewhat below the saturated value
+$B = c = 0.67$ evaluated from Eq.~(\ref{BFit}) at $R_0 = 0$. Using higher 
+values of $c$ (e.g., $c=0.8$) and lower values of $a$ (eg., $a = 22$~k$\Omega$)
+improves the fit at low disorder strengths but 
+increases the discrepancy at higher disorder strengths. 
+
+%L_phi/t = 2/pi*2/(1+sqrt(1+16))/0.5, 2/pi*2/(1+sqrt(1+1))/0.25
+
+%http://hyperphysics.phy-astr.gsu.edu/hbase/tables/fermi.html , k_F = sqrt(2*m_e*(10.9 eV))/(hbar) = 1.7E10 1/m
+
+% (bar(J) / \Delta) ^ 3/2 = (48*(2e-9)^2*(2.7e9)^2/5/pi/(0.65)^2) ^0.5 = 8360 = 20 ^ 3 
+%A = \bar{J} / k_F , \bar{J} = nJ 
+
+Substituting the Fermi energy for bulk Mn~\cite{ashcroft_1976},
+a thickness $t=2$~nm known to 20\% accuracy, together with the best-fit
+value for $c$ into Eq.~(\ref{cFit}), we calculate the value $\bar{J} =$~320~$%
+\pm$~93~K. Gao et al.~\cite{gao_2008} performed inelastic scanning tunneling
+spectroscopy (ISTS) on thin Mn films and reported $\Delta$ in the range from
+30 to 60~K and $\bar{J}=vk_F=$~3150~$\pm$~200~K. The agreement of energy gaps is 
+good; however our significantly lower value of $\bar{J}$ is probably due to the 
+high disorder in our ultra thin films.
+
+Since the temperature-dependent correction $B/\sqrt{\sinh (\Delta /T)}$ of
+Eq.~\ref{sigmaWL} is small compared to the parameter $A$, we can write
+$\sigma_{\square} \approx 1/R_0$ so that Eq.~\ref{sigmaWL} reduces to the 
+expression $A \approx 1/L_{00}R_0$. The logarithmic plot derived by taking the 
+logarithm of both sides of this approximation is shown in the inset of
+Fig.~\ref{fig:parb}. The slope of -1 confirms the linear dependence of $A$ on
+$1/R_0$ and the intercept of 5.01 (10$^{5.01}\approx $~102~k$\Omega$) is
+within 20\% of the expected theoretical value $L_{00}=$~81~k$\Omega $,
+for the normalization constant. Accordingly, the conductivity corrections in
+Eq.~\ref{sigmaWL} are small compared to the zero temperature conductivity and
+the normalization constant $L_{00}$ for the conductivity is close to the
+expected theoretical value.
+
+Using Eq.~(\ref{WL}) and the obtained value for $a\approx $~28~k$\Omega $ we can
+compare the dephasing length ($L_{\varphi }$) with the thickness ($t\approx $%
+~2~nm) at 16~K. For the sample with $R_{0}=$~63903~$\Omega $ the ratio $%
+L_{\varphi }/t\approx $~0.5 and for the sample with $R_{0}=$~17573~$\Omega $ 
+$L_{\varphi }/t\approx $~2. The latter estimate assumes no spin
+polarization, while a full polarization would imply $L_{\varphi }/t\approx $%
+~1. Thus $L_{\varphi }$ is smaller than or close to the thickness of the
+film, which keeps the film in the three-dimensional regime for almost all
+temperatures and disorder strengths considered.
+
+\begin{figure}[tbp]
+\begin{center}
+\includegraphics[width=9cm]{fig_2_16.eps}
+\end{center}
+\caption{Dependence of the fitting parameters $B$ and $A$ (inset) on
+disorder $R_0$ for $\Delta=$~16~K. The fitting parameters are indicated for
+each curve with the error in the least significant digit indicated in
+parentheses.}
+\label{fig:parb}
+\end{figure}
+
+In conclusion, we have performed \textit{in situ} transport measurements on
+ultra thin Mn films, systematically varying the disorder ($R_{0}=R_{xx}$($T=$%
+~5~K)). The obtained data were analyzed within a weak localization theory in
+3d generalized to strong disorder. In the temperature range considered
+inelastic scattering off spin waves is found to be strong giving rise to a
+dephasing length shorter than the film thickness, which places these systems
+into the 3d regime. The obtained value for the spin wave gap was close to
+the one measured by Gao et al.~\cite{gao_2008} using ISTS, while the
+exchange energy was much smaller.
+
+This work has been supported by the NSF under Grant No 1305783 (AFH).
+PW thanks A.\ M.\ \ Finkel'stein for useful discussions and acknowledges
+partial support through the DFG research unit "Quantum phase transitions".
+
+\bibliographystyle{apsrev}
+\bibliography{bibl}
+
+\end{document}
diff --git a/services/project-history/test/acceptance/fixtures/chunks/0-3.json b/services/project-history/test/acceptance/fixtures/chunks/0-3.json
new file mode 100644
index 0000000..51441cf
--- /dev/null
+++ b/services/project-history/test/acceptance/fixtures/chunks/0-3.json
@@ -0,0 +1,74 @@
+{
+  "chunk": {
+    "history": {
+      "snapshot": {
+        "files": {
+          "bar.tex": {
+            "hash": "4f785a4c192155b240e3042b3a7388b47603f423",
+            "stringLength": 26
+          },
+          "main.tex": {
+            "hash": "f28571f561d198b87c24cc6a98b78e87b665e22d",
+            "stringLength": 20638,
+            "metadata": {
+              "main": true
+            }
+          }
+        }
+      },
+      "changes": [
+        {
+          "operations": [
+            {
+              "pathname": "main.tex",
+              "textOperation": [
+                1912,
+                "Hello world",
+                18726
+              ]
+            }
+          ],
+          "timestamp": "2017-12-04T10:23:35.633Z",
+          "authors": [
+            31
+          ]
+        },
+        {
+          "operations": [
+            {
+              "pathname": "bar.tex",
+              "newPathname": "foo.tex"
+            }
+          ],
+          "timestamp": "2017-12-04T10:27:26.874Z",
+          "authors": [
+            31
+          ]
+        },
+        {
+          "operations": [
+            {
+              "pathname": "foo.tex",
+              "textOperation": [
+                26,
+                "\n\nFour five six"
+              ]
+            }
+          ],
+          "timestamp": "2017-12-04T10:28:33.724Z",
+          "authors": [
+            31
+          ]
+        }
+      ]
+    },
+    "startVersion": 0
+  },
+  "authors": [
+    {
+      "id": 31,
+      "email": "james.allen@overleaf.com",
+      "name": "James"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/services/project-history/test/acceptance/fixtures/chunks/4-6.json b/services/project-history/test/acceptance/fixtures/chunks/4-6.json
new file mode 100644
index 0000000..24040cf
--- /dev/null
+++ b/services/project-history/test/acceptance/fixtures/chunks/4-6.json
@@ -0,0 +1,74 @@
+{
+  "chunk": {
+    "history": {
+      "snapshot": {
+        "files": {
+          "main.tex": {
+            "hash": "35c9bd86574d61dcadbce2fdd3d4a0684272c6ea",
+            "stringLength": 20649,
+            "metadata": {
+              "main": true
+            }
+          },
+          "foo.tex": {
+            "hash": "c6654ea913979e13e22022653d284444f284a172",
+            "stringLength": 41
+          }
+        }
+      },
+      "changes": [
+        {
+          "operations": [
+            {
+              "pathname": "foo.tex",
+              "textOperation": [
+                41,
+                "\n\nSeven eight nince"
+              ]
+            }
+          ],
+          "timestamp": "2017-12-04T10:29:17.786Z",
+          "authors": [
+            31
+          ]
+        },
+        {
+          "operations": [
+            {
+              "pathname": "foo.tex",
+              "textOperation": [
+                58,
+                -1,
+                1
+              ]
+            }
+          ],
+          "timestamp": "2017-12-04T10:29:22.905Z",
+          "authors": [
+            31
+          ]
+        },
+        {
+          "operations": [
+            {
+              "pathname": "foo.tex",
+              "newPathname": "bar.tex"
+            }
+          ],
+          "timestamp": "2017-12-04T10:29:26.120Z",
+          "authors": [
+            31
+          ]
+        }
+      ]
+    },
+    "startVersion": 3
+  },
+  "authors": [
+    {
+      "id": 31,
+      "email": "james.allen@overleaf.com",
+      "name": "James"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/services/project-history/test/acceptance/fixtures/chunks/7-8.json b/services/project-history/test/acceptance/fixtures/chunks/7-8.json
new file mode 100644
index 0000000..4325abc
--- /dev/null
+++ b/services/project-history/test/acceptance/fixtures/chunks/7-8.json
@@ -0,0 +1,63 @@
+{
+  "chunk": {
+    "history": {
+      "snapshot": {
+        "files": {
+          "main.tex": {
+            "hash": "35c9bd86574d61dcadbce2fdd3d4a0684272c6ea",
+            "stringLength": 20649,
+            "metadata": {
+              "main": true
+            }
+          },
+          "bar.tex": {
+            "hash": "e13c315d53aaef3aa34550a86b09cff091ace220",
+            "stringLength": 59
+          }
+        }
+      },
+      "changes": [
+        {
+          "operations": [
+            {
+              "pathname": "main.tex",
+              "textOperation": [
+                1923,
+                " also updated",
+                18726
+              ]
+            }
+          ],
+          "timestamp": "2017-12-04T10:32:47.277Z",
+          "authors": [
+            31
+          ]
+        },
+        {
+          "operations": [
+            {
+              "pathname": "bar.tex",
+              "textOperation": [
+                28,
+                -15,
+                16
+              ]
+            }
+          ],
+          "timestamp": "2017-12-04T10:32:52.877Z",
+          "v2Authors": [
+            "5a5637efdac84e81b71014c4"
+          ]
+        }
+      ]
+    },
+    "startVersion": 6
+  },
+  "authors": [
+    {
+      "id": 31,
+      "email": "james.allen@overleaf.com",
+      "name": "James"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/services/project-history/test/acceptance/js/DeleteProjectTests.js b/services/project-history/test/acceptance/js/DeleteProjectTests.js
new file mode 100644
index 0000000..dcda54a
--- /dev/null
+++ b/services/project-history/test/acceptance/js/DeleteProjectTests.js
@@ -0,0 +1,83 @@
+import { expect } from 'chai'
+import nock from 'nock'
+import mongodb from 'mongodb-legacy'
+import * as ProjectHistoryApp from './helpers/ProjectHistoryApp.js'
+import * as ProjectHistoryClient from './helpers/ProjectHistoryClient.js'
+const { ObjectId } = mongodb
+
+const MockHistoryStore = () => nock('http://127.0.0.1:3100')
+const MockWeb = () => nock('http://127.0.0.1:3000')
+const fixture = path => new URL(`../fixtures/${path}`, import.meta.url)
+
+describe('Deleting project', function () {
+  beforeEach(function (done) {
+    this.projectId = new ObjectId().toString()
+    this.historyId = new ObjectId().toString()
+    MockWeb()
+      .get(`/project/${this.projectId}/details`)
+      .reply(200, {
+        name: 'Test Project',
+        overleaf: { history: { id: this.historyId } },
+      })
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/latest/history`)
+      .replyWithFile(200, fixture('chunks/0-3.json'))
+    MockHistoryStore().delete(`/api/projects/${this.historyId}`).reply(204)
+    ProjectHistoryApp.ensureRunning(done)
+  })
+
+  describe('when the project has no pending updates', function (done) {
+    it('successfully deletes the project', function (done) {
+      ProjectHistoryClient.deleteProject(this.projectId, done)
+    })
+  })
+
+  describe('when the project has pending updates', function (done) {
+    beforeEach(function (done) {
+      ProjectHistoryClient.pushRawUpdate(
+        this.projectId,
+        {
+          pathname: '/main.tex',
+          docLines: 'hello',
+          doc: this.docId,
+          meta: { userId: this.userId, ts: new Date() },
+        },
+        err => {
+          if (err) {
+            return done(err)
+          }
+          ProjectHistoryClient.setFirstOpTimestamp(
+            this.projectId,
+            Date.now(),
+            err => {
+              if (err) {
+                return done(err)
+              }
+              ProjectHistoryClient.deleteProject(this.projectId, done)
+            }
+          )
+        }
+      )
+    })
+
+    it('clears pending updates', function (done) {
+      ProjectHistoryClient.getDump(this.projectId, (err, dump) => {
+        if (err) {
+          return done(err)
+        }
+        expect(dump.updates).to.deep.equal([])
+        done()
+      })
+    })
+
+    it('clears the first op timestamp', function (done) {
+      ProjectHistoryClient.getFirstOpTimestamp(this.projectId, (err, ts) => {
+        if (err) {
+          return done(err)
+        }
+        expect(ts).to.be.null
+        done()
+      })
+    })
+  })
+})
diff --git a/services/project-history/test/acceptance/js/DiffTests.js b/services/project-history/test/acceptance/js/DiffTests.js
new file mode 100644
index 0000000..b62e32d
--- /dev/null
+++ b/services/project-history/test/acceptance/js/DiffTests.js
@@ -0,0 +1,415 @@
+import { expect } from 'chai'
+import request from 'request'
+import crypto from 'node:crypto'
+import mongodb from 'mongodb-legacy'
+import nock from 'nock'
+import * as ProjectHistoryClient from './helpers/ProjectHistoryClient.js'
+import * as ProjectHistoryApp from './helpers/ProjectHistoryApp.js'
+const { ObjectId } = mongodb
+
+const MockHistoryStore = () => nock('http://127.0.0.1:3100')
+const MockWeb = () => nock('http://127.0.0.1:3000')
+
+function createMockBlob(historyId, content) {
+  const sha = crypto.createHash('sha1').update(content).digest('hex')
+  MockHistoryStore()
+    .get(`/api/projects/${historyId}/blobs/${sha}`)
+    .reply(200, content)
+    .persist()
+  return sha
+}
+
+describe('Diffs', function () {
+  beforeEach(function (done) {
+    ProjectHistoryApp.ensureRunning(error => {
+      if (error) {
+        throw error
+      }
+
+      this.historyId = new ObjectId().toString()
+      this.projectId = new ObjectId().toString()
+
+      MockHistoryStore().post('/api/projects').reply(200, {
+        projectId: this.historyId,
+      })
+      MockWeb()
+        .get(`/project/${this.projectId}/details`)
+        .reply(200, {
+          name: 'Test Project',
+          overleaf: { history: { id: this.historyId } },
+        })
+
+      ProjectHistoryClient.initializeProject(this.historyId, error => {
+        if (error) {
+          return done(error)
+        }
+        done()
+      })
+    })
+  })
+
+  afterEach(function () {
+    nock.cleanAll()
+  })
+
+  it('should return a diff of the updates to a doc from a single chunk', function (done) {
+    this.blob = 'one two three five'
+    this.sha = createMockBlob(this.historyId, this.blob)
+    this.v2AuthorId = '123456789'
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/6/history`)
+      .reply(200, {
+        chunk: {
+          history: {
+            snapshot: {
+              files: {
+                'foo.tex': {
+                  hash: this.sha,
+                  stringLength: this.blob.length,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'foo.tex',
+                    textOperation: [13, ' four', 5],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'foo.tex',
+                    textOperation: [4, -4, 15],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:22.905Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'foo.tex',
+                    textOperation: [19, ' six'],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:26.120Z',
+                v2Authors: [this.v2AuthorId],
+              },
+            ],
+          },
+          startVersion: 3,
+        },
+        authors: [31],
+      })
+
+    ProjectHistoryClient.getDiff(
+      this.projectId,
+      'foo.tex',
+      3,
+      6,
+      (error, diff) => {
+        if (error) {
+          throw error
+        }
+        expect(diff).to.deep.equal({
+          diff: [
+            {
+              u: 'one ',
+            },
+            {
+              d: 'two ',
+              meta: {
+                users: [31],
+                start_ts: 1512383362905,
+                end_ts: 1512383362905,
+              },
+            },
+            {
+              u: 'three',
+            },
+            {
+              i: ' four',
+              meta: {
+                users: [31],
+                start_ts: 1512383357786,
+                end_ts: 1512383357786,
+              },
+            },
+            {
+              u: ' five',
+            },
+            {
+              i: ' six',
+              meta: {
+                users: [this.v2AuthorId],
+                start_ts: 1512383366120,
+                end_ts: 1512383366120,
+              },
+            },
+          ],
+        })
+        done()
+      }
+    )
+  })
+
+  it('should return a diff of the updates to a doc across multiple chunks', function (done) {
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/5/history`)
+      .reply(200, {
+        chunk: {
+          history: {
+            snapshot: {
+              files: {
+                'foo.tex': {
+                  hash: createMockBlob(this.historyId, 'one two three five'),
+                  stringLength: 'one three four five'.length,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'foo.tex',
+                    textOperation: [13, ' four', 5],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'foo.tex',
+                    textOperation: [4, -4, 15],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:22.905Z',
+                authors: [31],
+              },
+            ],
+          },
+          startVersion: 3,
+        },
+        authors: [{ id: 31, email: 'james.allen@overleaf.com', name: 'James' }],
+      })
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/6/history`)
+      .reply(200, {
+        chunk: {
+          history: {
+            snapshot: {
+              files: {
+                'foo.tex': {
+                  hash: createMockBlob(this.historyId, 'one three four five'),
+                  stringLength: 'one three four five'.length,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'foo.tex',
+                    textOperation: [19, ' six'],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:26.120Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'foo.tex',
+                    textOperation: [23, ' seven'],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:26.120Z',
+                authors: [31],
+              },
+            ],
+          },
+          startVersion: 5,
+        },
+        authors: [{ id: 31, email: 'james.allen@overleaf.com', name: 'James' }],
+      })
+
+    ProjectHistoryClient.getDiff(
+      this.projectId,
+      'foo.tex',
+      4,
+      6,
+      (error, diff) => {
+        if (error) {
+          throw error
+        }
+        expect(diff).to.deep.equal({
+          diff: [
+            {
+              u: 'one ',
+            },
+            {
+              d: 'two ',
+              meta: {
+                users: [31],
+                start_ts: 1512383362905,
+                end_ts: 1512383362905,
+              },
+            },
+            {
+              u: 'three four five',
+            },
+            {
+              i: ' six',
+              meta: {
+                users: [31],
+                start_ts: 1512383366120,
+                end_ts: 1512383366120,
+              },
+            },
+          ],
+        })
+        done()
+      }
+    )
+  })
+
+  it('should return a 404 when there are no changes for the file in the range', function (done) {
+    this.blob = 'one two three five'
+    this.sha = createMockBlob(this.historyId, this.blob)
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/6/history`)
+      .reply(200, {
+        chunk: {
+          history: {
+            snapshot: {
+              files: {
+                'foo.tex': {
+                  hash: this.sha,
+                  stringLength: this.blob.length,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'foo.tex',
+                    textOperation: [13, ' four', 5],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+            ],
+          },
+          startVersion: 3,
+        },
+        authors: [31],
+      })
+
+    request.get(
+      {
+        url: `http://127.0.0.1:3054/project/${this.projectId}/diff`,
+        qs: {
+          pathname: 'not_here.tex',
+          from: 3,
+          to: 6,
+        },
+        json: true,
+      },
+      (error, res, body) => {
+        if (error) {
+          throw error
+        }
+        expect(res.statusCode).to.equal(404)
+        done()
+      }
+    )
+  })
+
+  it('should return a binary flag with a diff of a binary file', function (done) {
+    this.blob = 'one two three five'
+    this.sha = createMockBlob(this.historyId, this.blob)
+    this.binaryBlob = Buffer.from([1, 2, 3, 4])
+    this.binarySha = createMockBlob(this.historyId, this.binaryBlob)
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/6/history`)
+      .reply(200, {
+        chunk: {
+          history: {
+            snapshot: {
+              files: {
+                'binary.tex': {
+                  hash: this.binarySha,
+                  byteLength: this.binaryBlob.length, // Indicates binary
+                },
+                'foo.tex': {
+                  hash: this.sha,
+                  stringLength: this.blob.length, // Indicates binary
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'foo.tex',
+                    textOperation: [13, ' four', 5],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'foo.tex',
+                    textOperation: [4, -4, 15],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:22.905Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'foo.tex',
+                    textOperation: [19, ' six'],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:26.120Z',
+                authors: [31],
+              },
+            ],
+          },
+          startVersion: 3,
+        },
+        authors: [{ id: 31, email: 'james.allen@overleaf.com', name: 'James' }],
+      })
+
+    ProjectHistoryClient.getDiff(
+      this.projectId,
+      'binary.tex',
+      3,
+      6,
+      (error, diff) => {
+        if (error) {
+          throw error
+        }
+        expect(diff).to.deep.equal({
+          diff: {
+            binary: true,
+          },
+        })
+        done()
+      }
+    )
+  })
+})
diff --git a/services/project-history/test/acceptance/js/DiscardingUpdatesTests.js b/services/project-history/test/acceptance/js/DiscardingUpdatesTests.js
new file mode 100644
index 0000000..c5436af
--- /dev/null
+++ b/services/project-history/test/acceptance/js/DiscardingUpdatesTests.js
@@ -0,0 +1,73 @@
+/* eslint-disable
+    no-undef,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import async from 'async'
+import sinon from 'sinon'
+import { expect } from 'chai'
+import Settings from '@overleaf/settings'
+import assert from 'node:assert'
+import mongodb from 'mongodb-legacy'
+import nock from 'nock'
+import * as ProjectHistoryClient from './helpers/ProjectHistoryClient.js'
+import * as ProjectHistoryApp from './helpers/ProjectHistoryApp.js'
+const { ObjectId } = mongodb
+
+const MockHistoryStore = () => nock('http://127.0.0.1:3100')
+const MockWeb = () => nock('http://127.0.0.1:3000')
+
+describe('DiscardingUpdates', function () {
+  beforeEach(function (done) {
+    this.timestamp = new Date()
+
+    return ProjectHistoryApp.ensureRunning(error => {
+      if (error != null) {
+        throw error
+      }
+      this.user_id = new ObjectId().toString()
+      this.project_id = new ObjectId().toString()
+      this.doc_id = new ObjectId().toString()
+
+      MockHistoryStore().post('/api/projects').reply(200, {
+        projectId: 0,
+      })
+      MockWeb()
+        .get(`/project/${this.project_id}/details`)
+        .reply(200, { name: 'Test Project' })
+      return ProjectHistoryClient.initializeProject(this.project_id, done)
+    })
+  })
+
+  return it('should discard updates', function (done) {
+    return async.series(
+      [
+        cb => {
+          const update = {
+            pathname: '/main.tex',
+            docLines: 'a\nb',
+            doc: this.doc_id,
+            meta: { user_id: this.user_id, ts: new Date() },
+          }
+          return ProjectHistoryClient.pushRawUpdate(this.project_id, update, cb)
+        },
+        cb => {
+          return ProjectHistoryClient.flushProject(this.project_id, cb)
+        },
+      ],
+      error => {
+        if (error != null) {
+          throw error
+        }
+        return done()
+      }
+    )
+  })
+})
diff --git a/services/project-history/test/acceptance/js/FileTreeDiffTests.js b/services/project-history/test/acceptance/js/FileTreeDiffTests.js
new file mode 100644
index 0000000..1b43dc1
--- /dev/null
+++ b/services/project-history/test/acceptance/js/FileTreeDiffTests.js
@@ -0,0 +1,880 @@
+/* eslint-disable
+    no-undef,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import sinon from 'sinon'
+import { expect } from 'chai'
+import Settings from '@overleaf/settings'
+import request from 'request'
+import assert from 'node:assert'
+import Path from 'node:path'
+import crypto from 'node:crypto'
+import mongodb from 'mongodb-legacy'
+import nock from 'nock'
+import * as ProjectHistoryClient from './helpers/ProjectHistoryClient.js'
+import * as ProjectHistoryApp from './helpers/ProjectHistoryApp.js'
+import * as HistoryId from './helpers/HistoryId.js'
+const { ObjectId } = mongodb
+
+const MockHistoryStore = () => nock('http://127.0.0.1:3100')
+const MockFileStore = () => nock('http://127.0.0.1:3009')
+const MockWeb = () => nock('http://127.0.0.1:3000')
+
+const sha = data => crypto.createHash('sha1').update(data).digest('hex')
+
+describe('FileTree Diffs', function () {
+  beforeEach(function (done) {
+    return ProjectHistoryApp.ensureRunning(error => {
+      if (error != null) {
+        throw error
+      }
+
+      this.historyId = new ObjectId().toString()
+      this.projectId = new ObjectId().toString()
+
+      MockHistoryStore().post('/api/projects').reply(200, {
+        projectId: this.historyId,
+      })
+      MockWeb()
+        .get(`/project/${this.projectId}/details`)
+        .reply(200, {
+          name: 'Test Project',
+          overleaf: { history: { id: this.historyId } },
+        })
+
+      return ProjectHistoryClient.initializeProject(
+        this.historyId,
+        (error, olProject) => {
+          if (error != null) {
+            throw error
+          }
+          return done()
+        }
+      )
+    })
+  })
+
+  afterEach(function () {
+    return nock.cleanAll()
+  })
+
+  it('should return a diff of the updates to a doc from a single chunk', function (done) {
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/7/history`)
+      .reply(200, {
+        chunk: {
+          history: {
+            snapshot: {
+              files: {
+                'foo.tex': {
+                  hash: sha('mock-sha-foo'),
+                  stringLength: 42,
+                },
+                'renamed.tex': {
+                  hash: sha('mock-sha-renamed'),
+                  stringLength: 42,
+                },
+                'deleted.tex': {
+                  hash: sha('mock-sha-deleted'),
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'renamed.tex',
+                    newPathname: 'newName.tex',
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'foo.tex',
+                    textOperation: ['lorem ipsum'],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'deleted.tex',
+                    newPathname: '',
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:22.905Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    file: {
+                      hash: sha('new-sha'),
+                      stringLength: 42,
+                    },
+                    pathname: 'added.tex',
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:22.905Z',
+                authors: [31],
+              },
+            ],
+          },
+          startVersion: 3,
+        },
+        authors: [{ id: 31, email: 'james.allen@overleaf.com', name: 'James' }],
+      })
+
+    return ProjectHistoryClient.getFileTreeDiff(
+      this.projectId,
+      3,
+      7,
+      (error, diff) => {
+        if (error != null) {
+          throw error
+        }
+        expect(diff).to.deep.equal({
+          diff: [
+            {
+              pathname: 'foo.tex',
+              operation: 'edited',
+            },
+            {
+              pathname: 'deleted.tex',
+              operation: 'removed',
+              deletedAtV: 5,
+              editable: true,
+            },
+            {
+              newPathname: 'newName.tex',
+              pathname: 'renamed.tex',
+              operation: 'renamed',
+              editable: true,
+            },
+            {
+              pathname: 'added.tex',
+              operation: 'added',
+              editable: true,
+            },
+          ],
+        })
+        return done()
+      }
+    )
+  })
+
+  it('should return a diff of the updates to a doc across multiple chunks', function (done) {
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/5/history`)
+      .reply(200, {
+        chunk: {
+          history: {
+            snapshot: {
+              files: {
+                'foo.tex': {
+                  // Updated in this chunk
+                  hash: sha('mock-sha-foo'),
+                  stringLength: 42,
+                },
+                'bar.tex': {
+                  // Updated in the next chunk
+                  hash: sha('mock-sha-bar'),
+                  stringLength: 42,
+                },
+                'baz.tex': {
+                  // Not updated
+                  hash: sha('mock-sha-bar'),
+                  stringLength: 42,
+                },
+                'renamed.tex': {
+                  hash: sha('mock-sha-renamed'),
+                  stringLength: 42,
+                },
+                'deleted.tex': {
+                  hash: sha('mock-sha-deleted'),
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'renamed.tex',
+                    newPathname: 'newName.tex',
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'foo.tex',
+                    textOperation: ['lorem ipsum'],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:19.786Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'deleted.tex',
+                    newPathname: '',
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:22.905Z',
+                authors: [31],
+              },
+            ],
+          },
+          startVersion: 2,
+        },
+        authors: [{ id: 31, email: 'james.allen@overleaf.com', name: 'James' }],
+      })
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/7/history`)
+      .reply(200, {
+        chunk: {
+          history: {
+            snapshot: {
+              files: {
+                'foo.tex': {
+                  hash: sha('mock-sha-foo'),
+                  stringLength: 42,
+                },
+                'baz.tex': {
+                  hash: sha('mock-sha-bar'),
+                  stringLength: 42,
+                },
+                'newName.tex': {
+                  hash: sha('mock-sha-renamed'),
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    file: {
+                      hash: sha('new-sha'),
+                      stringLength: 42,
+                    },
+                    pathname: 'added.tex',
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:22.905Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'bar.tex',
+                    textOperation: ['lorem ipsum'],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:23.786Z',
+                authors: [31],
+              },
+            ],
+          },
+          startVersion: 5,
+        },
+        authors: [{ id: 31, email: 'james.allen@overleaf.com', name: 'James' }],
+      })
+
+    return ProjectHistoryClient.getFileTreeDiff(
+      this.projectId,
+      2,
+      7,
+      (error, diff) => {
+        if (error != null) {
+          throw error
+        }
+        expect(diff).to.deep.equal({
+          diff: [
+            {
+              pathname: 'foo.tex',
+              operation: 'edited',
+            },
+            {
+              pathname: 'bar.tex',
+              operation: 'edited',
+            },
+            {
+              pathname: 'baz.tex',
+              editable: true,
+            },
+            {
+              pathname: 'deleted.tex',
+              operation: 'removed',
+              deletedAtV: 4,
+              editable: true,
+            },
+            {
+              newPathname: 'newName.tex',
+              pathname: 'renamed.tex',
+              operation: 'renamed',
+              editable: true,
+            },
+            {
+              pathname: 'added.tex',
+              operation: 'added',
+              editable: true,
+            },
+          ],
+        })
+        return done()
+      }
+    )
+  })
+
+  it('should return a diff that includes multiple renames', function (done) {
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/5/history`)
+      .reply(200, {
+        chunk: {
+          history: {
+            snapshot: {
+              files: {
+                'one.tex': {
+                  hash: sha('mock-sha'),
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'one.tex',
+                    newPathname: 'two.tex',
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'two.tex',
+                    newPathname: 'three.tex',
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:22.905Z',
+                authors: [31],
+              },
+            ],
+          },
+          startVersion: 3,
+        },
+        authors: [{ id: 31, email: 'james.allen@overleaf.com', name: 'James' }],
+      })
+
+    return ProjectHistoryClient.getFileTreeDiff(
+      this.projectId,
+      3,
+      5,
+      (error, diff) => {
+        if (error != null) {
+          throw error
+        }
+        expect(diff).to.deep.equal({
+          diff: [
+            {
+              newPathname: 'three.tex',
+              pathname: 'one.tex',
+              operation: 'renamed',
+              editable: true,
+            },
+          ],
+        })
+        return done()
+      }
+    )
+  })
+
+  it('should handle deleting then re-adding a file', function (done) {
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/5/history`)
+      .reply(200, {
+        chunk: {
+          history: {
+            snapshot: {
+              files: {
+                'one.tex': {
+                  hash: sha('mock-sha'),
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'one.tex',
+                    newPathname: '',
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'one.tex',
+                    file: {
+                      hash: sha('mock-sha'),
+                    },
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:22.905Z',
+                authors: [31],
+              },
+            ],
+          },
+          startVersion: 3,
+        },
+        authors: [{ id: 31, email: 'james.allen@overleaf.com', name: 'James' }],
+      })
+
+    return ProjectHistoryClient.getFileTreeDiff(
+      this.projectId,
+      3,
+      5,
+      (error, diff) => {
+        if (error != null) {
+          throw error
+        }
+        expect(diff).to.deep.equal({
+          diff: [
+            {
+              pathname: 'one.tex',
+              operation: 'added',
+              editable: null,
+            },
+          ],
+        })
+        return done()
+      }
+    )
+  })
+
+  it('should handle deleting the renaming a file to the same place', function (done) {
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/5/history`)
+      .reply(200, {
+        chunk: {
+          history: {
+            snapshot: {
+              files: {
+                'one.tex': {
+                  hash: sha('mock-sha-one'),
+                  stringLength: 42,
+                },
+                'two.tex': {
+                  hash: sha('mock-sha-two'),
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'one.tex',
+                    newPathname: '',
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'two.tex',
+                    newPathname: 'one.tex',
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:22.905Z',
+                authors: [31],
+              },
+            ],
+          },
+          startVersion: 3,
+        },
+        authors: [{ id: 31, email: 'james.allen@overleaf.com', name: 'James' }],
+      })
+
+    return ProjectHistoryClient.getFileTreeDiff(
+      this.projectId,
+      3,
+      5,
+      (error, diff) => {
+        if (error != null) {
+          throw error
+        }
+        expect(diff).to.deep.equal({
+          diff: [
+            {
+              pathname: 'two.tex',
+              newPathname: 'one.tex',
+              operation: 'renamed',
+              editable: true,
+            },
+          ],
+        })
+        return done()
+      }
+    )
+  })
+
+  it('should handle adding then renaming a file', function (done) {
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/5/history`)
+      .reply(200, {
+        chunk: {
+          history: {
+            snapshot: {
+              files: {},
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'one.tex',
+                    file: {
+                      hash: sha('mock-sha'),
+                      stringLength: 42,
+                    },
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'one.tex',
+                    newPathname: 'two.tex',
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:22.905Z',
+                authors: [31],
+              },
+            ],
+          },
+          startVersion: 3,
+        },
+        authors: [{ id: 31, email: 'james.allen@overleaf.com', name: 'James' }],
+      })
+
+    return ProjectHistoryClient.getFileTreeDiff(
+      this.projectId,
+      3,
+      5,
+      (error, diff) => {
+        if (error != null) {
+          throw error
+        }
+        expect(diff).to.deep.equal({
+          diff: [
+            {
+              pathname: 'two.tex',
+              operation: 'added',
+              editable: true,
+            },
+          ],
+        })
+        return done()
+      }
+    )
+  })
+
+  it('should return 422 with a chunk with an invalid rename', function (done) {
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/6/history`)
+      .reply(200, {
+        chunk: {
+          history: {
+            snapshot: {
+              files: {
+                'foo.tex': {
+                  hash: sha('mock-sha-foo'),
+                  stringLength: 42,
+                },
+                'bar.tex': {
+                  hash: sha('mock-sha-bar'),
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'foo.tex',
+                    newPathname: 'bar.tex',
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+            ],
+          },
+          startVersion: 5,
+        },
+        authors: [{ id: 31, email: 'james.allen@overleaf.com', name: 'James' }],
+      })
+
+    return ProjectHistoryClient.getFileTreeDiff(
+      this.projectId,
+      5,
+      6,
+      (error, diff, statusCode) => {
+        if (error != null) {
+          throw error
+        }
+        expect(statusCode).to.equal(422)
+        return done()
+      }
+    )
+  })
+
+  it('should return 200 with a chunk with an invalid add', function (done) {
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/6/history`)
+      .reply(200, {
+        chunk: {
+          history: {
+            snapshot: {
+              files: {
+                'foo.tex': {
+                  hash: sha('mock-sha-foo'),
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    file: {
+                      hash: sha('new-sha'),
+                    },
+                    pathname: 'foo.tex',
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+            ],
+          },
+          startVersion: 5,
+        },
+        authors: [{ id: 31, email: 'james.allen@overleaf.com', name: 'James' }],
+      })
+
+    return ProjectHistoryClient.getFileTreeDiff(
+      this.projectId,
+      5,
+      6,
+      (error, diff, statusCode) => {
+        if (error != null) {
+          throw error
+        }
+        expect(diff).to.deep.equal({
+          diff: [
+            {
+              pathname: 'foo.tex',
+              operation: 'added',
+              editable: null,
+            },
+          ],
+        })
+        expect(statusCode).to.equal(200)
+        return done()
+      }
+    )
+  })
+
+  it('should handle edits of missing/invalid files ', function (done) {
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/5/history`)
+      .reply(200, {
+        chunk: {
+          history: {
+            snapshot: {
+              files: {},
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'new.tex',
+                    textOperation: ['lorem ipsum'],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:18.786Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: '',
+                    textOperation: ['lorem ipsum'],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+            ],
+          },
+          startVersion: 3,
+        },
+        authors: [{ id: 31, email: 'james.allen@overleaf.com', name: 'James' }],
+      })
+
+    return ProjectHistoryClient.getFileTreeDiff(
+      this.projectId,
+      3,
+      5,
+      (error, diff) => {
+        if (error != null) {
+          throw error
+        }
+        expect(diff).to.deep.equal({
+          diff: [
+            {
+              operation: 'edited',
+              pathname: 'new.tex',
+            },
+          ],
+        })
+        return done()
+      }
+    )
+  })
+
+  it('should handle deletions of missing/invalid files ', function (done) {
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/5/history`)
+      .reply(200, {
+        chunk: {
+          history: {
+            snapshot: {
+              files: {},
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'missing.tex',
+                    newPathname: '',
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: '',
+                    newPathname: '',
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+            ],
+          },
+          startVersion: 3,
+        },
+        authors: [{ id: 31, email: 'james.allen@overleaf.com', name: 'James' }],
+      })
+
+    return ProjectHistoryClient.getFileTreeDiff(
+      this.projectId,
+      3,
+      5,
+      (error, diff) => {
+        if (error != null) {
+          throw error
+        }
+        expect(diff).to.deep.equal({
+          diff: [],
+        })
+        return done()
+      }
+    )
+  })
+
+  return it('should handle renames of missing/invalid files ', function (done) {
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/5/history`)
+      .reply(200, {
+        chunk: {
+          history: {
+            snapshot: {
+              files: {},
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'missing.tex',
+                    newPathname: 'missing-renamed.tex',
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: '',
+                    newPathname: 'missing-renamed-other.tex',
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+            ],
+          },
+          startVersion: 3,
+        },
+        authors: [{ id: 31, email: 'james.allen@overleaf.com', name: 'James' }],
+      })
+
+    return ProjectHistoryClient.getFileTreeDiff(
+      this.projectId,
+      3,
+      5,
+      (error, diff) => {
+        if (error != null) {
+          throw error
+        }
+        expect(diff).to.deep.equal({
+          diff: [],
+        })
+        return done()
+      }
+    )
+  })
+})
diff --git a/services/project-history/test/acceptance/js/FlushManagerTests.js b/services/project-history/test/acceptance/js/FlushManagerTests.js
new file mode 100644
index 0000000..d11346d
--- /dev/null
+++ b/services/project-history/test/acceptance/js/FlushManagerTests.js
@@ -0,0 +1,242 @@
+import async from 'async'
+import nock from 'nock'
+import { expect } from 'chai'
+import request from 'request'
+import assert from 'node:assert'
+import mongodb from 'mongodb-legacy'
+import * as ProjectHistoryClient from './helpers/ProjectHistoryClient.js'
+import * as ProjectHistoryApp from './helpers/ProjectHistoryApp.js'
+const { ObjectId } = mongodb
+
+const MockHistoryStore = () => nock('http://127.0.0.1:3100')
+const MockWeb = () => nock('http://127.0.0.1:3000')
+
+describe('Flushing old queues', function () {
+  const historyId = new ObjectId().toString()
+
+  beforeEach(function (done) {
+    this.timestamp = new Date()
+
+    ProjectHistoryApp.ensureRunning(error => {
+      if (error) {
+        throw error
+      }
+      this.projectId = new ObjectId().toString()
+      this.docId = new ObjectId().toString()
+      this.fileId = new ObjectId().toString()
+
+      MockHistoryStore().post('/api/projects').reply(200, {
+        projectId: historyId,
+      })
+      MockWeb()
+        .get(`/project/${this.projectId}/details`)
+        .reply(200, {
+          name: 'Test Project',
+          overleaf: {
+            history: {
+              id: historyId,
+            },
+          },
+        })
+      MockHistoryStore()
+        .get(`/api/projects/${historyId}/latest/history`)
+        .reply(200, {
+          chunk: {
+            startVersion: 0,
+            history: {
+              changes: [],
+            },
+          },
+        })
+      ProjectHistoryClient.initializeProject(historyId, done)
+    })
+  })
+
+  afterEach(function () {
+    nock.cleanAll()
+  })
+
+  describe('retrying an unflushed project', function () {
+    describe('when the update is older than the cutoff', function () {
+      beforeEach(function (done) {
+        this.flushCall = MockHistoryStore()
+          .put(
+            `/api/projects/${historyId}/blobs/0a207c060e61f3b88eaee0a8cd0696f46fb155eb`
+          )
+          .reply(201)
+          .post(`/api/projects/${historyId}/legacy_changes?end_version=0`)
+          .reply(200)
+        const update = {
+          pathname: '/main.tex',
+          docLines: 'a\nb',
+          doc: this.docId,
+          meta: { user_id: this.user_id, ts: new Date() },
+        }
+        async.series(
+          [
+            cb =>
+              ProjectHistoryClient.pushRawUpdate(this.projectId, update, cb),
+            cb =>
+              ProjectHistoryClient.setFirstOpTimestamp(
+                this.projectId,
+                Date.now() - 24 * 3600 * 1000,
+                cb
+              ),
+          ],
+          done
+        )
+      })
+
+      it('flushes the project history queue', function (done) {
+        request.post(
+          {
+            url: 'http://127.0.0.1:3054/flush/old?maxAge=10800',
+          },
+          (error, res, body) => {
+            if (error) {
+              return done(error)
+            }
+            expect(res.statusCode).to.equal(200)
+            assert(
+              this.flushCall.isDone(),
+              'made calls to history service to store updates'
+            )
+            done()
+          }
+        )
+      })
+
+      it('flushes the project history queue in the background when requested', function (done) {
+        request.post(
+          {
+            url: 'http://127.0.0.1:3054/flush/old?maxAge=10800&background=1',
+          },
+          (error, res, body) => {
+            if (error) {
+              return done(error)
+            }
+            expect(res.statusCode).to.equal(200)
+            expect(body).to.equal('{"message":"running flush in background"}')
+            assert(
+              !this.flushCall.isDone(),
+              'did not make calls to history service to store updates in the foreground'
+            )
+            setTimeout(() => {
+              assert(
+                this.flushCall.isDone(),
+                'made calls to history service to store updates in the background'
+              )
+              done()
+            }, 100)
+          }
+        )
+      })
+    })
+
+    describe('when the update is newer than the cutoff', function () {
+      beforeEach(function (done) {
+        this.flushCall = MockHistoryStore()
+          .put(
+            `/api/projects/${historyId}/blobs/0a207c060e61f3b88eaee0a8cd0696f46fb155eb`
+          )
+          .reply(201)
+          .post(`/api/projects/${historyId}/legacy_changes?end_version=0`)
+          .reply(200)
+        const update = {
+          pathname: '/main.tex',
+          docLines: 'a\nb',
+          doc: this.docId,
+          meta: { user_id: this.user_id, ts: new Date() },
+        }
+        async.series(
+          [
+            cb =>
+              ProjectHistoryClient.pushRawUpdate(this.projectId, update, cb),
+            cb =>
+              ProjectHistoryClient.setFirstOpTimestamp(
+                this.projectId,
+                Date.now() - 60 * 1000,
+                cb
+              ),
+          ],
+          done
+        )
+      })
+
+      it('does not flush the project history queue', function (done) {
+        request.post(
+          {
+            url: `http://127.0.0.1:3054/flush/old?maxAge=${3 * 3600}`,
+          },
+          (error, res, body) => {
+            if (error) {
+              return done(error)
+            }
+            expect(res.statusCode).to.equal(200)
+            assert(
+              !this.flushCall.isDone(),
+              'did not make calls to history service to store updates'
+            )
+            done()
+          }
+        )
+      })
+    })
+
+    describe('when the update does not have a timestamp', function () {
+      beforeEach(function (done) {
+        this.flushCall = MockHistoryStore()
+          .put(
+            `/api/projects/${historyId}/blobs/0a207c060e61f3b88eaee0a8cd0696f46fb155eb`
+          )
+          .reply(201)
+          .post(`/api/projects/${historyId}/legacy_changes?end_version=0`)
+          .reply(200)
+        const update = {
+          pathname: '/main.tex',
+          docLines: 'a\nb',
+          doc: this.docId,
+          meta: { user_id: this.user_id, ts: new Date() },
+        }
+        this.startDate = Date.now()
+        async.series(
+          [
+            cb =>
+              ProjectHistoryClient.pushRawUpdate(this.projectId, update, cb),
+            cb =>
+              ProjectHistoryClient.clearFirstOpTimestamp(this.projectId, cb),
+          ],
+          done
+        )
+      })
+
+      it('flushes the project history queue anyway', function (done) {
+        request.post(
+          {
+            url: `http://127.0.0.1:3054/flush/old?maxAge=${3 * 3600}`,
+          },
+          (error, res, body) => {
+            if (error) {
+              return done(error)
+            }
+            expect(res.statusCode).to.equal(200)
+            assert(
+              this.flushCall.isDone(),
+              'made calls to history service to store updates'
+            )
+            ProjectHistoryClient.getFirstOpTimestamp(
+              this.projectId,
+              (err, result) => {
+                if (err) {
+                  return done(err)
+                }
+                expect(result).to.be.null
+                done()
+              }
+            )
+          }
+        )
+      })
+    })
+  })
+})
diff --git a/services/project-history/test/acceptance/js/GetChangesInChunkSince.js b/services/project-history/test/acceptance/js/GetChangesInChunkSince.js
new file mode 100644
index 0000000..2c8c44b
--- /dev/null
+++ b/services/project-history/test/acceptance/js/GetChangesInChunkSince.js
@@ -0,0 +1,158 @@
+import { expect } from 'chai'
+import mongodb from 'mongodb-legacy'
+import nock from 'nock'
+import Core from 'overleaf-editor-core'
+import * as ProjectHistoryClient from './helpers/ProjectHistoryClient.js'
+import * as ProjectHistoryApp from './helpers/ProjectHistoryApp.js'
+import latestChunk from '../fixtures/chunks/7-8.json' with { type: 'json' }
+import previousChunk from '../fixtures/chunks/4-6.json' with { type: 'json' }
+import firstChunk from '../fixtures/chunks/0-3.json' with { type: 'json' }
+const { ObjectId } = mongodb
+
+const MockHistoryStore = () => nock('http://127.0.0.1:3100')
+const MockWeb = () => nock('http://127.0.0.1:3000')
+
+const fixture = path => new URL(`../fixtures/${path}`, import.meta.url)
+
+describe('GetChangesInChunkSince', function () {
+  let projectId, historyId
+  beforeEach(function (done) {
+    projectId = new ObjectId().toString()
+    historyId = new ObjectId().toString()
+    ProjectHistoryApp.ensureRunning(error => {
+      if (error) throw error
+
+      MockHistoryStore().post('/api/projects').reply(200, {
+        projectId: historyId,
+      })
+
+      ProjectHistoryClient.initializeProject(historyId, (error, olProject) => {
+        if (error) throw error
+        MockWeb()
+          .get(`/project/${projectId}/details`)
+          .reply(200, {
+            name: 'Test Project',
+            overleaf: { history: { id: olProject.id } },
+          })
+
+        MockHistoryStore()
+          .get(`/api/projects/${historyId}/latest/history`)
+          .replyWithFile(200, fixture('chunks/7-8.json'))
+        MockHistoryStore()
+          .get(`/api/projects/${historyId}/versions/7/history`)
+          .replyWithFile(200, fixture('chunks/7-8.json'))
+        MockHistoryStore()
+          .get(`/api/projects/${historyId}/versions/6/history`)
+          .replyWithFile(200, fixture('chunks/7-8.json'))
+        MockHistoryStore()
+          .get(`/api/projects/${historyId}/versions/5/history`)
+          .replyWithFile(200, fixture('chunks/4-6.json'))
+        MockHistoryStore()
+          .get(`/api/projects/${historyId}/versions/4/history`)
+          .replyWithFile(200, fixture('chunks/4-6.json'))
+        MockHistoryStore()
+          .get(`/api/projects/${historyId}/versions/3/history`)
+          .replyWithFile(200, fixture('chunks/4-6.json'))
+        MockHistoryStore()
+          .get(`/api/projects/${historyId}/versions/2/history`)
+          .replyWithFile(200, fixture('chunks/0-3.json'))
+        MockHistoryStore()
+          .get(`/api/projects/${historyId}/versions/1/history`)
+          .replyWithFile(200, fixture('chunks/0-3.json'))
+        MockHistoryStore()
+          .get(`/api/projects/${historyId}/versions/0/history`)
+          .replyWithFile(200, fixture('chunks/0-3.json'))
+
+        done()
+      })
+    })
+  })
+
+  afterEach(function () {
+    nock.cleanAll()
+  })
+
+  function expectChangesSince(version, n, changes, done) {
+    ProjectHistoryClient.getChangesInChunkSince(
+      projectId,
+      version,
+      {},
+      (error, got) => {
+        if (error) throw error
+        expect(got.latestStartVersion).to.equal(6)
+        expect(got.changes).to.have.length(n)
+        expect(got.changes.map(c => Core.Change.fromRaw(c))).to.deep.equal(
+          changes.map(c => Core.Change.fromRaw(c))
+        )
+        done()
+      }
+    )
+  }
+
+  const cases = {
+    8: {
+      name: 'when up-to-date, return zero changes',
+      n: 0,
+      changes: [],
+    },
+    7: {
+      name: 'when one version behind, return one change',
+      n: 1,
+      changes: latestChunk.chunk.history.changes.slice(1),
+    },
+    6: {
+      name: 'when at current chunk boundary, return latest chunk in full',
+      n: 2,
+      changes: latestChunk.chunk.history.changes,
+    },
+    5: {
+      name: 'when one version behind last chunk, return one change',
+      n: 1,
+      changes: previousChunk.chunk.history.changes.slice(2),
+    },
+    4: {
+      name: 'when in last chunk, return two changes',
+      n: 2,
+      changes: previousChunk.chunk.history.changes.slice(1),
+    },
+    3: {
+      name: 'when at previous chunk boundary, return just the previous chunk',
+      n: 3,
+      changes: previousChunk.chunk.history.changes,
+    },
+    2: {
+      name: 'when at end of first chunk, return one change',
+      n: 1,
+      changes: firstChunk.chunk.history.changes.slice(2),
+    },
+    1: {
+      name: 'when in first chunk, return two changes',
+      n: 2,
+      changes: firstChunk.chunk.history.changes.slice(1),
+    },
+    0: {
+      name: 'when from zero, return just the first chunk',
+      n: 3,
+      changes: firstChunk.chunk.history.changes,
+    },
+  }
+
+  for (const [since, { name, n, changes }] of Object.entries(cases)) {
+    it(name, function (done) {
+      expectChangesSince(since, n, changes, done)
+    })
+  }
+
+  it('should return an error when past the end version', function (done) {
+    ProjectHistoryClient.getChangesInChunkSince(
+      projectId,
+      9,
+      { allowErrors: true },
+      (error, _body, statusCode) => {
+        if (error) throw error
+        expect(statusCode).to.equal(400)
+        done()
+      }
+    )
+  })
+})
diff --git a/services/project-history/test/acceptance/js/HealthCheckTests.js b/services/project-history/test/acceptance/js/HealthCheckTests.js
new file mode 100644
index 0000000..1fc9efa
--- /dev/null
+++ b/services/project-history/test/acceptance/js/HealthCheckTests.js
@@ -0,0 +1,76 @@
+/* eslint-disable
+    no-undef,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { expect } from 'chai'
+import settings from '@overleaf/settings'
+import request from 'request'
+import mongodb from 'mongodb-legacy'
+import nock from 'nock'
+import * as ProjectHistoryClient from './helpers/ProjectHistoryClient.js'
+import * as ProjectHistoryApp from './helpers/ProjectHistoryApp.js'
+const { ObjectId } = mongodb
+
+const MockHistoryStore = () => nock('http://127.0.0.1:3100')
+const MockWeb = () => nock('http://127.0.0.1:3000')
+
+describe('Health Check', function () {
+  beforeEach(function (done) {
+    const projectId = new ObjectId()
+    const historyId = new ObjectId().toString()
+    settings.history.healthCheck = { project_id: projectId }
+    return ProjectHistoryApp.ensureRunning(error => {
+      if (error != null) {
+        throw error
+      }
+      MockHistoryStore().post('/api/projects').reply(200, {
+        projectId: historyId,
+      })
+      MockHistoryStore()
+        .get(`/api/projects/${historyId}/latest/history`)
+        .reply(200, {
+          chunk: {
+            startVersion: 0,
+            history: {
+              snapshot: {},
+              changes: [],
+            },
+          },
+        })
+      MockWeb()
+        .get(`/project/${projectId}/details`)
+        .reply(200, {
+          name: 'Test Project',
+          overleaf: {
+            history: {
+              id: historyId,
+            },
+          },
+        })
+
+      return ProjectHistoryClient.initializeProject(historyId, done)
+    })
+  })
+
+  return it('should respond to the health check', function (done) {
+    return request.get(
+      {
+        url: 'http://127.0.0.1:3054/health_check',
+      },
+      (error, res, body) => {
+        if (error != null) {
+          return callback(error)
+        }
+        expect(res.statusCode).to.equal(200)
+        return done()
+      }
+    )
+  })
+})
diff --git a/services/project-history/test/acceptance/js/LabelsTests.js b/services/project-history/test/acceptance/js/LabelsTests.js
new file mode 100644
index 0000000..2812add
--- /dev/null
+++ b/services/project-history/test/acceptance/js/LabelsTests.js
@@ -0,0 +1,282 @@
+import { expect } from 'chai'
+import mongodb from 'mongodb-legacy'
+import nock from 'nock'
+import * as ProjectHistoryClient from './helpers/ProjectHistoryClient.js'
+import * as ProjectHistoryApp from './helpers/ProjectHistoryApp.js'
+const { ObjectId } = mongodb
+
+const MockHistoryStore = () => nock('http://127.0.0.1:3100')
+const MockWeb = () => nock('http://127.0.0.1:3000')
+
+const fixture = path => new URL(`../fixtures/${path}`, import.meta.url)
+
+describe('Labels', function () {
+  beforeEach(function (done) {
+    ProjectHistoryApp.ensureRunning(error => {
+      if (error != null) {
+        throw error
+      }
+
+      this.historyId = new ObjectId().toString()
+      MockHistoryStore().post('/api/projects').reply(200, {
+        projectId: this.historyId,
+      })
+
+      ProjectHistoryClient.initializeProject(
+        this.historyId,
+        (error, olProject) => {
+          if (error != null) {
+            throw error
+          }
+          this.project_id = new ObjectId().toString()
+          MockWeb()
+            .get(`/project/${this.project_id}/details`)
+            .reply(200, {
+              name: 'Test Project',
+              overleaf: { history: { id: olProject.id } },
+            })
+
+          MockHistoryStore()
+            .get(`/api/projects/${this.historyId}/latest/history`)
+            .replyWithFile(200, fixture('chunks/7-8.json'))
+
+          MockHistoryStore()
+            .get(`/api/projects/${this.historyId}/versions/7/history`)
+            .replyWithFile(200, fixture('chunks/7-8.json'))
+            .persist()
+          MockHistoryStore()
+            .get(`/api/projects/${this.historyId}/versions/8/history`)
+            .replyWithFile(200, fixture('chunks/7-8.json'))
+            .persist()
+
+          this.comment = 'a saved version comment'
+          this.comment2 = 'another saved version comment'
+          this.user_id = new ObjectId().toString()
+          this.created_at = new Date(1)
+          done()
+        }
+      )
+    })
+  })
+
+  afterEach(function () {
+    nock.cleanAll()
+  })
+
+  it('can create and get labels', function (done) {
+    ProjectHistoryClient.createLabel(
+      this.project_id,
+      this.user_id,
+      7,
+      this.comment,
+      this.created_at,
+      (error, label) => {
+        if (error != null) {
+          throw error
+        }
+        ProjectHistoryClient.getLabels(this.project_id, (error, labels) => {
+          if (error != null) {
+            throw error
+          }
+          expect(labels).to.deep.equal([label])
+          done()
+        })
+      }
+    )
+  })
+
+  it('can create and get labels with no user id', function (done) {
+    const userId = undefined
+    ProjectHistoryClient.createLabel(
+      this.project_id,
+      userId,
+      7,
+      this.comment,
+      this.created_at,
+      (error, label) => {
+        if (error != null) {
+          throw error
+        }
+        ProjectHistoryClient.getLabels(this.project_id, (error, labels) => {
+          if (error != null) {
+            throw error
+          }
+          expect(labels).to.deep.equal([label])
+          done()
+        })
+      }
+    )
+  })
+
+  it('can delete labels', function (done) {
+    ProjectHistoryClient.createLabel(
+      this.project_id,
+      this.user_id,
+      7,
+      this.comment,
+      this.created_at,
+      (error, label) => {
+        if (error != null) {
+          throw error
+        }
+        ProjectHistoryClient.deleteLabel(this.project_id, label.id, error => {
+          if (error != null) {
+            throw error
+          }
+          ProjectHistoryClient.getLabels(this.project_id, (error, labels) => {
+            if (error != null) {
+              throw error
+            }
+            expect(labels).to.deep.equal([])
+            done()
+          })
+        })
+      }
+    )
+  })
+
+  it('can delete labels for the current user', function (done) {
+    ProjectHistoryClient.createLabel(
+      this.project_id,
+      this.user_id,
+      7,
+      this.comment,
+      this.created_at,
+      (error, label) => {
+        if (error != null) {
+          throw error
+        }
+        ProjectHistoryClient.deleteLabelForUser(
+          this.project_id,
+          this.user_id,
+          label.id,
+          error => {
+            if (error != null) {
+              throw error
+            }
+            ProjectHistoryClient.getLabels(this.project_id, (error, labels) => {
+              if (error != null) {
+                throw error
+              }
+              expect(labels).to.deep.equal([])
+              done()
+            })
+          }
+        )
+      }
+    )
+  })
+
+  it('can transfer ownership of labels', function (done) {
+    const fromUser = new ObjectId().toString()
+    const toUser = new ObjectId().toString()
+    ProjectHistoryClient.createLabel(
+      this.project_id,
+      fromUser,
+      7,
+      this.comment,
+      this.created_at,
+      (error, label) => {
+        if (error != null) {
+          throw error
+        }
+        ProjectHistoryClient.createLabel(
+          this.project_id,
+          fromUser,
+          7,
+          this.comment2,
+          this.created_at,
+          (error, label2) => {
+            if (error != null) {
+              throw error
+            }
+            ProjectHistoryClient.transferLabelOwnership(
+              fromUser,
+              toUser,
+              error => {
+                if (error != null) {
+                  throw error
+                }
+                ProjectHistoryClient.getLabels(
+                  this.project_id,
+                  (error, labels) => {
+                    if (error != null) {
+                      throw error
+                    }
+                    expect(labels).to.deep.equal([
+                      {
+                        id: label.id,
+                        comment: label.comment,
+                        version: label.version,
+                        created_at: label.created_at,
+                        user_id: toUser,
+                      },
+                      {
+                        id: label2.id,
+                        comment: label2.comment,
+                        version: label2.version,
+                        created_at: label2.created_at,
+                        user_id: toUser,
+                      },
+                    ])
+                    done()
+                  }
+                )
+              }
+            )
+          }
+        )
+      }
+    )
+  })
+
+  it('should return labels with summarized updates', function (done) {
+    ProjectHistoryClient.createLabel(
+      this.project_id,
+      this.user_id,
+      8,
+      this.comment,
+      this.created_at,
+      (error, label) => {
+        if (error != null) {
+          throw error
+        }
+        ProjectHistoryClient.getSummarizedUpdates(
+          this.project_id,
+          { min_count: 1 },
+          (error, updates) => {
+            if (error != null) {
+              throw error
+            }
+            expect(updates).to.deep.equal({
+              nextBeforeTimestamp: 6,
+              updates: [
+                {
+                  fromV: 6,
+                  toV: 8,
+                  meta: {
+                    users: ['5a5637efdac84e81b71014c4', 31],
+                    start_ts: 1512383567277,
+                    end_ts: 1512383572877,
+                  },
+                  pathnames: ['bar.tex', 'main.tex'],
+                  project_ops: [],
+                  labels: [
+                    {
+                      id: label.id.toString(),
+                      comment: this.comment,
+                      version: 8,
+                      user_id: this.user_id,
+                      created_at: this.created_at.toISOString(),
+                    },
+                  ],
+                },
+              ],
+            })
+            done()
+          }
+        )
+      }
+    )
+  })
+})
diff --git a/services/project-history/test/acceptance/js/LatestSnapshotTests.js b/services/project-history/test/acceptance/js/LatestSnapshotTests.js
new file mode 100644
index 0000000..6e989ff
--- /dev/null
+++ b/services/project-history/test/acceptance/js/LatestSnapshotTests.js
@@ -0,0 +1,78 @@
+import { expect } from 'chai'
+import mongodb from 'mongodb-legacy'
+import nock from 'nock'
+import * as ProjectHistoryClient from './helpers/ProjectHistoryClient.js'
+import * as ProjectHistoryApp from './helpers/ProjectHistoryApp.js'
+const { ObjectId } = mongodb
+
+const MockHistoryStore = () => nock('http://127.0.0.1:3100')
+const MockWeb = () => nock('http://127.0.0.1:3000')
+
+const fixture = path => new URL(`../fixtures/${path}`, import.meta.url)
+
+describe('LatestSnapshot', function () {
+  beforeEach(function (done) {
+    ProjectHistoryApp.ensureRunning(error => {
+      if (error) {
+        throw error
+      }
+
+      this.historyId = new ObjectId().toString()
+      MockHistoryStore().post('/api/projects').reply(200, {
+        projectId: this.historyId,
+      })
+
+      ProjectHistoryClient.initializeProject(
+        this.historyId,
+        (error, v1Project) => {
+          if (error) {
+            throw error
+          }
+          this.projectId = new ObjectId().toString()
+          MockWeb()
+            .get(`/project/${this.projectId}/details`)
+            .reply(200, {
+              name: 'Test Project',
+              overleaf: { history: { id: v1Project.id } },
+            })
+          done()
+        }
+      )
+    })
+  })
+
+  afterEach(function () {
+    nock.cleanAll()
+  })
+
+  it('should return the snapshot with applied changes, metadata and without full content', function (done) {
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/latest/history`)
+      .replyWithFile(200, fixture('chunks/0-3.json'))
+
+    ProjectHistoryClient.getLatestSnapshot(this.projectId, (error, body) => {
+      if (error) {
+        throw error
+      }
+      expect(body).to.deep.equal({
+        snapshot: {
+          files: {
+            'main.tex': {
+              hash: 'f28571f561d198b87c24cc6a98b78e87b665e22d',
+              stringLength: 20649,
+              operations: [{ textOperation: [1912, 'Hello world', 18726] }],
+              metadata: { main: true },
+            },
+            'foo.tex': {
+              hash: '4f785a4c192155b240e3042b3a7388b47603f423',
+              stringLength: 41,
+              operations: [{ textOperation: [26, '\n\nFour five six'] }],
+            },
+          },
+        },
+        version: 3,
+      })
+      done()
+    })
+  })
+})
diff --git a/services/project-history/test/acceptance/js/ReadingASnapshotTests.js b/services/project-history/test/acceptance/js/ReadingASnapshotTests.js
new file mode 100644
index 0000000..af373bf
--- /dev/null
+++ b/services/project-history/test/acceptance/js/ReadingASnapshotTests.js
@@ -0,0 +1,298 @@
+import { expect } from 'chai'
+import mongodb from 'mongodb-legacy'
+import nock from 'nock'
+import * as ProjectHistoryClient from './helpers/ProjectHistoryClient.js'
+import * as ProjectHistoryApp from './helpers/ProjectHistoryApp.js'
+const { ObjectId } = mongodb
+
+const MockHistoryStore = () => nock('http://127.0.0.1:3100')
+const MockWeb = () => nock('http://127.0.0.1:3000')
+
+const fixture = path => new URL(`../fixtures/${path}`, import.meta.url)
+
+describe('ReadSnapshot', function () {
+  beforeEach(function (done) {
+    ProjectHistoryApp.ensureRunning(error => {
+      if (error) {
+        throw error
+      }
+
+      this.historyId = new ObjectId().toString()
+      MockHistoryStore().post('/api/projects').reply(200, {
+        projectId: this.historyId,
+      })
+
+      ProjectHistoryClient.initializeProject(
+        this.historyId,
+        (error, v1Project) => {
+          if (error) {
+            throw error
+          }
+          this.projectId = new ObjectId().toString()
+          MockWeb()
+            .get(`/project/${this.projectId}/details`)
+            .reply(200, {
+              name: 'Test Project',
+              overleaf: { history: { id: v1Project.id } },
+            })
+          done()
+        }
+      )
+    })
+  })
+
+  afterEach(function () {
+    nock.cleanAll()
+  })
+
+  describe('of a text file', function () {
+    it('should return the snapshot of a doc at the given version', function (done) {
+      MockHistoryStore()
+        .get(`/api/projects/${this.historyId}/versions/5/history`)
+        .replyWithFile(200, fixture('chunks/4-6.json'))
+      MockHistoryStore()
+        .get(
+          `/api/projects/${this.historyId}/blobs/c6654ea913979e13e22022653d284444f284a172`
+        )
+        .replyWithFile(
+          200,
+          fixture('blobs/c6654ea913979e13e22022653d284444f284a172')
+        )
+
+      ProjectHistoryClient.getSnapshot(
+        this.projectId,
+        'foo.tex',
+        5,
+        (error, body) => {
+          if (error) {
+            throw error
+          }
+          expect(body).to.deep.equal(
+            `\
+Hello world
+
+One two three
+
+Four five six
+
+Seven eight nine\
+`.replace(/^\t/g, '')
+          )
+          done()
+        }
+      )
+    })
+
+    it('should return the snapshot of a doc at a different version', function (done) {
+      MockHistoryStore()
+        .get(`/api/projects/${this.historyId}/versions/4/history`)
+        .replyWithFile(200, fixture('chunks/4-6.json'))
+      MockHistoryStore()
+        .get(
+          `/api/projects/${this.historyId}/blobs/c6654ea913979e13e22022653d284444f284a172`
+        )
+        .replyWithFile(
+          200,
+          fixture('blobs/c6654ea913979e13e22022653d284444f284a172')
+        )
+
+      ProjectHistoryClient.getSnapshot(
+        this.projectId,
+        'foo.tex',
+        4,
+        (error, body) => {
+          if (error) {
+            throw error
+          }
+          expect(body).to.deep.equal(
+            `\
+Hello world
+
+One two three
+
+Four five six
+
+Seven eight nince\
+`.replace(/^\t/g, '')
+          )
+          done()
+        }
+      )
+    })
+
+    it('should return the snapshot of a doc after a rename version', function (done) {
+      MockHistoryStore()
+        .get(`/api/projects/${this.historyId}/versions/6/history`)
+        .replyWithFile(200, fixture('chunks/4-6.json'))
+      MockHistoryStore()
+        .get(
+          `/api/projects/${this.historyId}/blobs/c6654ea913979e13e22022653d284444f284a172`
+        )
+        .replyWithFile(
+          200,
+          fixture('blobs/c6654ea913979e13e22022653d284444f284a172')
+        )
+
+      ProjectHistoryClient.getSnapshot(
+        this.projectId,
+        'bar.tex',
+        6,
+        (error, body) => {
+          if (error) {
+            throw error
+          }
+          expect(body).to.deep.equal(
+            `\
+Hello world
+
+One two three
+
+Four five six
+
+Seven eight nine\
+`.replace(/^\t/g, '')
+          )
+          done()
+        }
+      )
+    })
+  })
+
+  describe('of a binary file', function () {
+    beforeEach(function () {
+      MockHistoryStore()
+        .get(`/api/projects/${this.historyId}/versions/4/history`)
+        .reply(200, {
+          chunk: {
+            history: {
+              snapshot: {
+                files: {
+                  binary_file: {
+                    hash: 'c6654ea913979e13e22022653d284444f284a172',
+                    byteLength: 41,
+                  },
+                },
+              },
+              changes: [],
+            },
+            startVersion: 3,
+          },
+          authors: [],
+        })
+    })
+
+    it('should return the snapshot of the file at the given version', function (done) {
+      MockHistoryStore()
+        .get(
+          `/api/projects/${this.historyId}/blobs/c6654ea913979e13e22022653d284444f284a172`
+        )
+        .replyWithFile(
+          200,
+          fixture('blobs/c6654ea913979e13e22022653d284444f284a172')
+        )
+
+      ProjectHistoryClient.getSnapshot(
+        this.projectId,
+        'binary_file',
+        4,
+        (error, body) => {
+          if (error) {
+            throw error
+          }
+          expect(body).to.deep.equal(
+            `\
+Hello world
+
+One two three
+
+Four five six\
+`.replace(/^\t/g, '')
+          )
+          done()
+        }
+      )
+    })
+
+    it("should return an error when the blob doesn't exist", function (done) {
+      MockHistoryStore()
+        .get(`/api/projects/${this.historyId}/versions/4/history`)
+        .reply(200, {
+          chunk: {
+            history: {
+              snapshot: {
+                files: {
+                  binary_file: {
+                    hash: 'c6654ea913979e13e22022653d284444f284a172',
+                    byteLength: 41,
+                  },
+                },
+              },
+              changes: [],
+            },
+            startVersion: 3,
+          },
+          authors: [],
+        })
+      MockHistoryStore()
+        .get(
+          `/api/projects/${this.historyId}/blobs/c6654ea913979e13e22022653d284444f284a172`
+        )
+        .reply(404)
+
+      ProjectHistoryClient.getSnapshot(
+        this.projectId,
+        'binary_file',
+        4,
+        { allowErrors: true },
+        (error, body, statusCode) => {
+          if (error) {
+            throw error
+          }
+          expect(statusCode).to.equal(500)
+          done()
+        }
+      )
+    })
+
+    it('should return an error when the blob request errors', function (done) {
+      MockHistoryStore()
+        .get(`/api/projects/${this.historyId}/versions/4/history`)
+        .reply(200, {
+          chunk: {
+            history: {
+              snapshot: {
+                files: {
+                  binary_file: {
+                    hash: 'c6654ea913979e13e22022653d284444f284a172',
+                    byteLength: 41,
+                  },
+                },
+              },
+              changes: [],
+            },
+            startVersion: 3,
+          },
+          authors: [],
+        })
+      MockHistoryStore()
+        .get(
+          `/api/projects/${this.historyId}/blobs/c6654ea913979e13e22022653d284444f284a172`
+        )
+        .replyWithError('oh no!')
+
+      ProjectHistoryClient.getSnapshot(
+        this.projectId,
+        'binary_file',
+        4,
+        { allowErrors: true },
+        (error, body, statusCode) => {
+          if (error) {
+            throw error
+          }
+          expect(statusCode).to.equal(500)
+          done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/project-history/test/acceptance/js/RetryTests.js b/services/project-history/test/acceptance/js/RetryTests.js
new file mode 100644
index 0000000..1fa356e
--- /dev/null
+++ b/services/project-history/test/acceptance/js/RetryTests.js
@@ -0,0 +1,194 @@
+import async from 'async'
+import nock from 'nock'
+import { expect } from 'chai'
+import request from 'request'
+import assert from 'node:assert'
+import mongodb from 'mongodb-legacy'
+import * as ProjectHistoryClient from './helpers/ProjectHistoryClient.js'
+import * as ProjectHistoryApp from './helpers/ProjectHistoryApp.js'
+const { ObjectId } = mongodb
+
+const MockHistoryStore = () => nock('http://127.0.0.1:3100')
+const MockWeb = () => nock('http://127.0.0.1:3000')
+
+const MockCallback = () => nock('http://127.0.0.1')
+
+describe('Retrying failed projects', function () {
+  const historyId = new ObjectId().toString()
+
+  beforeEach(function (done) {
+    this.timestamp = new Date()
+
+    ProjectHistoryApp.ensureRunning(error => {
+      if (error) {
+        throw error
+      }
+      this.project_id = new ObjectId().toString()
+      this.doc_id = new ObjectId().toString()
+      this.file_id = new ObjectId().toString()
+
+      MockHistoryStore().post('/api/projects').reply(200, {
+        projectId: historyId,
+      })
+      MockWeb()
+        .get(`/project/${this.project_id}/details`)
+        .reply(200, {
+          name: 'Test Project',
+          overleaf: {
+            history: {
+              id: historyId,
+            },
+          },
+        })
+      MockHistoryStore()
+        .get(`/api/projects/${historyId}/latest/history`)
+        .reply(200, {
+          chunk: {
+            startVersion: 0,
+            history: {
+              changes: [],
+            },
+          },
+        })
+      ProjectHistoryClient.initializeProject(historyId, done)
+    })
+  })
+
+  afterEach(function () {
+    nock.cleanAll()
+  })
+
+  describe('retrying project history', function () {
+    describe('when there is a soft failure', function () {
+      beforeEach(function (done) {
+        this.flushCall = MockHistoryStore()
+          .put(
+            `/api/projects/${historyId}/blobs/0a207c060e61f3b88eaee0a8cd0696f46fb155eb`
+          )
+          .reply(201)
+          .post(`/api/projects/${historyId}/legacy_changes?end_version=0`)
+          .reply(200)
+        const update = {
+          pathname: '/main.tex',
+          docLines: 'a\nb',
+          doc: this.doc_id,
+          meta: { user_id: this.user_id, ts: new Date() },
+        }
+        async.series(
+          [
+            cb =>
+              ProjectHistoryClient.pushRawUpdate(this.project_id, update, cb),
+            cb =>
+              ProjectHistoryClient.setFailure(
+                {
+                  project_id: this.project_id,
+                  attempts: 1,
+                  error: 'soft-error',
+                },
+                cb
+              ),
+          ],
+          done
+        )
+      })
+
+      it('flushes the project history queue', function (done) {
+        request.post(
+          {
+            url: 'http://127.0.0.1:3054/retry/failures?failureType=soft&limit=1&timeout=10000',
+          },
+          (error, res, body) => {
+            if (error) {
+              return done(error)
+            }
+            expect(res.statusCode).to.equal(200)
+            assert(
+              this.flushCall.isDone(),
+              'made calls to history service to store updates'
+            )
+            done()
+          }
+        )
+      })
+
+      it('retries in the background when requested', function (done) {
+        this.callback = MockCallback()
+          .matchHeader('Authorization', '123')
+          .get('/ping')
+          .reply(200)
+        request.post(
+          {
+            url: 'http://127.0.0.1:3054/retry/failures?failureType=soft&limit=1&timeout=10000&callbackUrl=http%3A%2F%2F127.0.0.1%2Fping',
+            headers: {
+              'X-CALLBACK-Authorization': '123',
+            },
+          },
+          (error, res, body) => {
+            if (error) {
+              return done(error)
+            }
+            expect(res.statusCode).to.equal(200)
+            expect(body).to.equal(
+              '{"retryStatus":"running retryFailures in background"}'
+            )
+            assert(
+              !this.flushCall.isDone(),
+              'did not make calls to history service to store updates in the foreground'
+            )
+            setTimeout(() => {
+              assert(
+                this.flushCall.isDone(),
+                'made calls to history service to store updates in the background'
+              )
+              assert(this.callback.isDone(), 'hit the callback url')
+              done()
+            }, 100)
+          }
+        )
+      })
+    })
+
+    describe('when there is a hard failure', function () {
+      beforeEach(function (done) {
+        MockWeb()
+          .get(`/project/${this.project_id}/details`)
+          .reply(200, {
+            name: 'Test Project',
+            overleaf: {
+              history: {
+                id: historyId,
+              },
+            },
+          })
+        ProjectHistoryClient.setFailure(
+          {
+            project_id: this.project_id,
+            attempts: 100,
+            error: 'hard-error',
+          },
+          done
+        )
+      })
+
+      it('calls web to resync the project', function (done) {
+        const resyncCall = MockWeb()
+          .post(`/project/${this.project_id}/history/resync`)
+          .reply(200)
+
+        request.post(
+          {
+            url: 'http://127.0.0.1:3054/retry/failures?failureType=hard&limit=1&timeout=10000',
+          },
+          (error, res, body) => {
+            if (error) {
+              return done(error)
+            }
+            expect(res.statusCode).to.equal(200)
+            assert(resyncCall.isDone(), 'made a call to web to resync project')
+            done()
+          }
+        )
+      })
+    })
+  })
+})
diff --git a/services/project-history/test/acceptance/js/SendingUpdatesTests.js b/services/project-history/test/acceptance/js/SendingUpdatesTests.js
new file mode 100644
index 0000000..dce5474
--- /dev/null
+++ b/services/project-history/test/acceptance/js/SendingUpdatesTests.js
@@ -0,0 +1,2197 @@
+import { expect } from 'chai'
+import Settings from '@overleaf/settings'
+import assert from 'node:assert'
+import async from 'async'
+import crypto from 'node:crypto'
+import mongodb from 'mongodb-legacy'
+import nock from 'nock'
+import * as ProjectHistoryClient from './helpers/ProjectHistoryClient.js'
+import * as ProjectHistoryApp from './helpers/ProjectHistoryApp.js'
+const { ObjectId } = mongodb
+
+const MockHistoryStore = () => nock('http://127.0.0.1:3100')
+const MockFileStore = () => nock('http://127.0.0.1:3009')
+const MockWeb = () => nock('http://127.0.0.1:3000')
+
+// Some helper methods to make the tests more compact
+function slTextUpdate(historyId, doc, userId, v, ts, op) {
+  return {
+    projectHistoryId: historyId,
+    doc: doc.id,
+    op,
+    v,
+
+    meta: {
+      user_id: userId,
+      ts: ts.getTime(),
+      pathname: doc.pathname,
+      doc_length: doc.length,
+    },
+  }
+}
+
+function slAddDocUpdate(historyId, doc, userId, ts, docLines, ranges = {}) {
+  return {
+    projectHistoryId: historyId,
+    pathname: doc.pathname,
+    ranges,
+    docLines,
+    doc: doc.id,
+    meta: { user_id: userId, ts: ts.getTime() },
+  }
+}
+
+function slAddDocUpdateWithVersion(
+  historyId,
+  doc,
+  userId,
+  ts,
+  docLines,
+  projectVersion,
+  ranges = {}
+) {
+  const result = slAddDocUpdate(historyId, doc, userId, ts, docLines, ranges)
+  result.version = projectVersion
+  return result
+}
+
+function slAddFileUpdate(historyId, file, userId, ts, projectId) {
+  return {
+    projectHistoryId: historyId,
+    pathname: file.pathname,
+    url: `http://127.0.0.1:3009/project/${projectId}/file/${file.id}`,
+    file: file.id,
+    ranges: undefined,
+    meta: { user_id: userId, ts: ts.getTime() },
+  }
+}
+
+function createdBlobFileUpdate(historyId, file, userId, ts, projectId) {
+  return {
+    projectHistoryId: historyId,
+    pathname: file.pathname,
+    createdBlob: true,
+    url: null,
+    file: file.id,
+    hash: file.hash,
+    ranges: undefined,
+    meta: { user_id: userId, ts: ts.getTime() },
+  }
+}
+
+function slRenameUpdate(historyId, doc, userId, ts, pathname, newPathname) {
+  return {
+    projectHistoryId: historyId,
+    pathname,
+    new_pathname: newPathname,
+    doc: doc.id,
+    meta: { user_id: userId, ts: ts.getTime() },
+  }
+}
+
+function olUpdate(doc, userId, ts, operations, v) {
+  return {
+    v2Authors: [userId],
+    timestamp: ts.toJSON(),
+    authors: [],
+    operations,
+    v2DocVersions: {
+      [doc.id]: {
+        pathname: doc.pathname.replace(/^\//, ''), // Strip leading /
+        v: v || 1,
+      },
+    },
+  }
+}
+
+function olTextOperation(doc, textOperation) {
+  return {
+    pathname: doc.pathname.replace(/^\//, ''), // Strip leading /
+    textOperation,
+  }
+}
+
+function olAddCommentOperation(doc, commentId, pos, length) {
+  return {
+    pathname: doc.pathname.replace(/^\//, ''), // Strip leading /
+    commentId,
+    ranges: [{ pos, length }],
+  }
+}
+
+function olTextUpdate(doc, userId, ts, textOperation, v) {
+  return olUpdate(doc, userId, ts, [olTextOperation(doc, textOperation)], v)
+}
+
+function olTextUpdates(doc, userId, ts, textOperations, v) {
+  return olUpdate(
+    doc,
+    userId,
+    ts,
+    textOperations.map(textOperation => olTextOperation(doc, textOperation)),
+    v
+  )
+}
+
+function olRenameUpdate(doc, userId, ts, pathname, newPathname) {
+  return {
+    v2Authors: [userId],
+    timestamp: ts.toJSON(),
+    authors: [],
+
+    operations: [
+      {
+        pathname,
+        newPathname,
+      },
+    ],
+  }
+}
+
+function olAddDocUpdate(doc, userId, ts, fileHash, rangesHash = undefined) {
+  const update = {
+    v2Authors: [userId],
+    timestamp: ts.toJSON(),
+    authors: [],
+
+    operations: [
+      {
+        pathname: doc.pathname.replace(/^\//, ''), // Strip leading /
+        file: {
+          hash: fileHash,
+        },
+      },
+    ],
+  }
+  if (rangesHash) {
+    update.operations[0].file.rangesHash = rangesHash
+  }
+  return update
+}
+
+function olAddDocUpdateWithVersion(
+  doc,
+  userId,
+  ts,
+  fileHash,
+  version,
+  rangesHash = undefined
+) {
+  const result = olAddDocUpdate(doc, userId, ts, fileHash, rangesHash)
+  result.projectVersion = version
+  return result
+}
+
+function olAddFileUpdate(file, userId, ts, fileHash) {
+  return {
+    v2Authors: [userId],
+    timestamp: ts.toJSON(),
+    authors: [],
+
+    operations: [
+      {
+        pathname: file.pathname.replace(/^\//, ''), // Strip leading /
+        file: {
+          hash: fileHash,
+        },
+      },
+    ],
+  }
+}
+
+describe('Sending Updates', function () {
+  const historyId = new ObjectId().toString()
+
+  beforeEach(function (done) {
+    this.timestamp = new Date()
+
+    ProjectHistoryApp.ensureRunning(error => {
+      if (error) {
+        return done(error)
+      }
+      this.userId = new ObjectId().toString()
+      this.projectId = new ObjectId().toString()
+      this.docId = new ObjectId().toString()
+
+      this.doc = {
+        id: this.docId,
+        pathname: '/main.tex',
+        length: 5,
+      }
+
+      MockHistoryStore().post('/api/projects').reply(200, {
+        projectId: historyId,
+      })
+      MockWeb()
+        .get(`/project/${this.projectId}/details`)
+        .reply(200, {
+          name: 'Test Project',
+          overleaf: {
+            history: {
+              id: historyId,
+            },
+          },
+        })
+      ProjectHistoryClient.initializeProject(historyId, done)
+    })
+  })
+
+  afterEach(function () {
+    nock.cleanAll()
+  })
+
+  describe('basic update types', function () {
+    beforeEach(function () {
+      MockHistoryStore()
+        .get(`/api/projects/${historyId}/latest/history`)
+        .reply(200, {
+          chunk: {
+            startVersion: 0,
+            history: {
+              snapshot: {},
+              changes: [],
+            },
+          },
+        })
+    })
+
+    it('should send add doc updates to the history store', function (done) {
+      const fileHash = '0a207c060e61f3b88eaee0a8cd0696f46fb155eb'
+
+      const createBlob = MockHistoryStore()
+        .put(`/api/projects/${historyId}/blobs/${fileHash}`, 'a\nb')
+        .reply(201)
+
+      const addFile = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olAddDocUpdate(this.doc, this.userId, this.timestamp, fileHash),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slAddDocUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                this.timestamp,
+                'a\nb'
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createBlob.isDone(),
+            '/api/projects/:historyId/blobs/:hash should have been called'
+          )
+          assert(
+            addFile.isDone(),
+            `/api/projects/${historyId}/changes should have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should send ranges to the history store', function (done) {
+      const fileHash = '49e886093b3eacbc12b99a1eb5aeaa44a6b9d90e'
+      const rangesHash = 'fa9a429ff518bc9e5b2507a96ff0646b566eca65'
+
+      const historyRanges = {
+        trackedChanges: [
+          {
+            range: { pos: 4, length: 3 },
+            tracking: {
+              type: 'delete',
+              userId: 'user-id-1',
+              ts: '2024-01-01T00:00:00.000Z',
+            },
+          },
+        ],
+        comments: [
+          {
+            ranges: [{ pos: 0, length: 3 }],
+            id: 'comment-id-1',
+          },
+        ],
+      }
+
+      // We need to set up the ranges mock first, as we will call it last..
+      const createRangesBlob = MockHistoryStore()
+        .put(`/api/projects/${historyId}/blobs/${rangesHash}`, historyRanges)
+        .reply(201)
+
+      const createBlob = MockHistoryStore()
+        .put(`/api/projects/${historyId}/blobs/${fileHash}`, 'foo barbaz')
+        .reply(201)
+
+      const addFile = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olAddDocUpdate(
+              this.doc,
+              this.userId,
+              this.timestamp,
+              fileHash,
+              rangesHash
+            ),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slAddDocUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                this.timestamp,
+                'foo barbaz',
+                {
+                  changes: [
+                    {
+                      op: { p: 4, d: 'bar' },
+                      metadata: {
+                        ts: 1704067200000,
+                        user_id: 'user-id-1',
+                      },
+                    },
+                  ],
+                  comments: [
+                    {
+                      op: {
+                        p: 0,
+                        c: 'foo',
+                        t: 'comment-id-1',
+                      },
+                      metadata: { resolved: false },
+                    },
+                  ],
+                }
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createBlob.isDone(),
+            '/api/projects/:historyId/blobs/:hash should have been called to create content blob'
+          )
+          assert(
+            createRangesBlob.isDone(),
+            '/api/projects/:historyId/blobs/:hash should have been called to create ranges blob'
+          )
+          assert(
+            addFile.isDone(),
+            `/api/projects/${historyId}/changes should have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should strip non-BMP characters in add doc updates before sending to the history store', function (done) {
+      const fileHash = '11509fe05a41f9cdc51ea081342b5a4fc7c8d0fc'
+
+      const createBlob = MockHistoryStore()
+        .put(
+          `/api/projects/${historyId}/blobs/${fileHash}`,
+          'a\nb\uFFFD\uFFFDc'
+        )
+        .reply(201)
+
+      const addFile = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olAddDocUpdate(this.doc, this.userId, this.timestamp, fileHash),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slAddDocUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                this.timestamp,
+                'a\nb\uD800\uDC00c'
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createBlob.isDone(),
+            '/api/projects/:historyId/blobs/:hash should have been called'
+          )
+          assert(
+            addFile.isDone(),
+            `/api/projects/${historyId}/changes should have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should send text updates to the history store', function (done) {
+      const createChange = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olTextUpdate(this.doc, this.userId, this.timestamp, [3, '\nc', 2]),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                1,
+                this.timestamp,
+                [{ p: 3, i: '\nc' }]
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createChange.isDone(),
+            `/api/projects/${historyId}/changes should have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should send renames to the history store', function (done) {
+      const createChange = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olRenameUpdate(
+              this.doc,
+              this.userId,
+              this.timestamp,
+              'main.tex',
+              'main2.tex'
+            ),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slRenameUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                this.timestamp,
+                '/main.tex',
+                '/main2.tex'
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createChange.isDone(),
+            `/api/projects/${historyId}/changes should have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should not get file from filestore if no url provided', function (done) {
+      const file = {
+        id: new ObjectId().toString(),
+        pathname: '/test.png',
+        contents: Buffer.from([1, 2, 3]),
+        hash: 'aed2973e4b8a7ff1b30ff5c4751e5a2b38989e74',
+      }
+
+      const fileStoreRequest = MockFileStore()
+        .get(`/project/${this.projectId}/file/${file.id}`)
+        .reply(200, file.contents)
+
+      const checkBlob = MockHistoryStore()
+        .head(`/api/projects/${historyId}/blobs/${file.hash}`)
+        .reply(200)
+
+      const addFile = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olAddFileUpdate(file, this.userId, this.timestamp, file.hash),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              createdBlobFileUpdate(
+                historyId,
+                file,
+                this.userId,
+                this.timestamp,
+                this.projectId
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            !fileStoreRequest.isDone(),
+            'filestore should not have been called'
+          )
+
+          assert(
+            checkBlob.isDone(),
+            `HEAD /api/projects/${historyId}/blobs/${file.hash} should have been called`
+          )
+          assert(
+            addFile.isDone(),
+            `/api/projects/${historyId}/latest/files should have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should send add file updates to the history store', function (done) {
+      const file = {
+        id: new ObjectId().toString(),
+        pathname: '/test.png',
+        contents: Buffer.from([1, 2, 3]),
+        hash: 'aed2973e4b8a7ff1b30ff5c4751e5a2b38989e74',
+      }
+
+      const fileStoreRequest = MockFileStore()
+        .get(`/project/${this.projectId}/file/${file.id}`)
+        .reply(200, file.contents)
+
+      const createBlob = MockHistoryStore()
+        .put(`/api/projects/${historyId}/blobs/${file.hash}`, file.contents)
+        .reply(201)
+
+      const addFile = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olAddFileUpdate(file, this.userId, this.timestamp, file.hash),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slAddFileUpdate(
+                historyId,
+                file,
+                this.userId,
+                this.timestamp,
+                this.projectId
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            fileStoreRequest.isDone(),
+            `/project/${this.projectId}/file/${file.id} should have been called`
+          )
+          assert(
+            createBlob.isDone(),
+            `/api/projects/${historyId}/latest/files should have been called`
+          )
+          assert(
+            addFile.isDone(),
+            `/api/projects/${historyId}/latest/files should have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should send a stub to the history store when the file is large', function (done) {
+      const fileContents = Buffer.alloc(Settings.maxFileSizeInBytes + 1, 'X')
+      const fileSize = Buffer.byteLength(fileContents)
+
+      const fileHash = crypto
+        .createHash('sha1')
+        .update('blob ' + fileSize + '\x00')
+        .update(fileContents, 'utf8')
+        .digest('hex')
+
+      const file = {
+        id: new ObjectId().toString(),
+        pathname: '/large.png',
+        contents: fileContents,
+        hash: fileHash,
+      }
+
+      const stubContents = [
+        'FileTooLargeError v1',
+        'File too large to be stored in history service',
+        `id project-${this.projectId}-file-${file.id}`,
+        `size ${fileSize} bytes`,
+        `hash ${fileHash}`,
+        '\0', // null byte to make this a binary file
+      ].join('\n')
+
+      const stubHash = crypto
+        .createHash('sha1')
+        .update('blob ' + Buffer.byteLength(stubContents) + '\x00')
+        .update(stubContents, 'utf8')
+        .digest('hex')
+
+      const stub = {
+        id: file.id,
+        pathname: file.pathname,
+        contents: stubContents,
+        hash: stubHash,
+      }
+
+      const fileStoreRequest = MockFileStore()
+        .get(`/project/${this.projectId}/file/${file.id}`)
+        .reply(200, file.contents)
+
+      const createBlob = MockHistoryStore()
+        .put(`/api/projects/${historyId}/blobs/${stub.hash}`, stub.contents)
+        .reply(201)
+
+      const addFile = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olAddFileUpdate(stub, this.userId, this.timestamp, stub.hash),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slAddFileUpdate(
+                historyId,
+                file,
+                this.userId,
+                this.timestamp,
+                this.projectId
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            addFile.isDone(),
+            `/api/projects/${historyId}/latest/files should have been called`
+          )
+          assert(
+            createBlob.isDone(),
+            `/api/projects/${historyId}/latest/files should have been called`
+          )
+          assert(
+            fileStoreRequest.isDone(),
+            `/project/${this.projectId}/file/${file.id} should have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should handle comment ops', function (done) {
+      const createChange = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olUpdate(this.doc, this.userId, this.timestamp, [
+              olTextOperation(this.doc, [3, '\nc', 2]),
+              olAddCommentOperation(this.doc, 'comment-id-1', 3, 2),
+            ]),
+            olUpdate(
+              this.doc,
+              this.userId,
+              this.timestamp,
+              [olAddCommentOperation(this.doc, 'comment-id-2', 2, 1)],
+              2
+            ),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                1,
+                this.timestamp,
+                [
+                  { p: 3, i: '\nc' },
+                  { p: 3, c: '\nc', t: 'comment-id-1' },
+                ]
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                2,
+                this.timestamp,
+                [{ p: 2, c: 'b', t: 'comment-id-2' }]
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createChange.isDone(),
+            `/api/projects/${historyId}/changes should have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should be able to process lots of updates in batches', function (done) {
+      const BATCH_SIZE = 500
+      const createFirstChangeBatch = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olTextUpdate(
+              this.doc,
+              this.userId,
+              this.timestamp,
+              ['a'.repeat(BATCH_SIZE), 6],
+              BATCH_SIZE - 1
+            ),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+      const createSecondChangeBatch = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olTextUpdate(
+              this.doc,
+              this.userId,
+              this.timestamp,
+              ['a'.repeat(50), BATCH_SIZE + 6],
+              BATCH_SIZE - 1 + 50
+            ),
+          ])
+          return true
+        })
+        .query({ end_version: 500 })
+        .reply(204)
+      // these need mocking again for the second batch
+      MockHistoryStore()
+        .get(`/api/projects/${historyId}/latest/history`)
+        .reply(200, {
+          chunk: {
+            startVersion: BATCH_SIZE,
+            history: {
+              snapshot: {},
+              changes: [],
+            },
+          },
+        })
+      MockWeb()
+        .get(`/project/${this.projectId}/details`)
+        .reply(200, {
+          name: 'Test Project',
+          overleaf: {
+            history: {
+              id: historyId,
+            },
+          },
+        })
+
+      const pushChange = (n, cb) => {
+        this.doc.length += 1
+        ProjectHistoryClient.pushRawUpdate(
+          this.projectId,
+          slTextUpdate(historyId, this.doc, this.userId, n, this.timestamp, [
+            { p: 0, i: 'a' },
+          ]),
+          cb
+        )
+      }
+
+      async.series(
+        [
+          cb => {
+            async.times(BATCH_SIZE + 50, pushChange, cb)
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createFirstChangeBatch.isDone(),
+            `/api/projects/${historyId}/changes should have been called for the first batch`
+          )
+          assert(
+            createSecondChangeBatch.isDone(),
+            `/api/projects/${historyId}/changes should have been called for the second batch`
+          )
+          done()
+        }
+      )
+    })
+  })
+
+  describe('compressing updates', function () {
+    beforeEach(function () {
+      MockHistoryStore()
+        .get(`/api/projects/${historyId}/latest/history`)
+        .reply(200, {
+          chunk: {
+            startVersion: 0,
+            history: {
+              snapshot: {},
+              changes: [],
+            },
+          },
+        })
+    })
+
+    it('should concat adjacent text updates', function (done) {
+      const createChange = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olTextUpdate(
+              this.doc,
+              this.userId,
+              this.timestamp,
+              [3, 'foobaz', 2],
+              2
+            ),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                1,
+                this.timestamp,
+                [
+                  { p: 3, i: 'foobar' },
+                  { p: 6, d: 'bar' },
+                ]
+              ),
+              cb
+            )
+            this.doc.length += 3
+          },
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                2,
+                this.timestamp,
+                [{ p: 6, i: 'baz' }]
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createChange.isDone(),
+            `/api/projects/${historyId}/changes should have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should take the timestamp of the first update', function (done) {
+      const timestamp1 = new Date(this.timestamp)
+      const timestamp2 = new Date(this.timestamp.getTime() + 10000)
+      const createChange = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olTextUpdate(
+              this.doc,
+              this.userId,
+              timestamp1,
+              [3, 'foobaz', 2],
+              2
+            ),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(historyId, this.doc, this.userId, 1, timestamp1, [
+                { p: 3, i: 'foo' },
+              ]),
+              cb
+            )
+            this.doc.length += 3
+          },
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(historyId, this.doc, this.userId, 2, timestamp2, [
+                { p: 6, i: 'baz' },
+              ]),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createChange.isDone(),
+            `/api/projects/${historyId}/changes should have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should not concat updates more than 60 seconds apart', function (done) {
+      const timestamp1 = new Date(this.timestamp)
+      const timestamp2 = new Date(this.timestamp.getTime() + 120000)
+      const createChange = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olTextUpdate(this.doc, this.userId, timestamp1, [3, 'foo', 2], 1),
+            olTextUpdate(this.doc, this.userId, timestamp2, [6, 'baz', 2], 2),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(historyId, this.doc, this.userId, 1, timestamp1, [
+                { p: 3, i: 'foo' },
+              ]),
+              cb
+            )
+            this.doc.length += 3
+          },
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(historyId, this.doc, this.userId, 2, timestamp2, [
+                { p: 6, i: 'baz' },
+              ]),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createChange.isDone(),
+            `/api/projects/${historyId}/changes should have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should not concat updates with different user_ids', function (done) {
+      const userId1 = new ObjectId().toString()
+      const userId2 = new ObjectId().toString()
+
+      const createChange = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olTextUpdate(this.doc, userId1, this.timestamp, [3, 'foo', 2], 1),
+            olTextUpdate(this.doc, userId2, this.timestamp, [6, 'baz', 2], 2),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(historyId, this.doc, userId1, 1, this.timestamp, [
+                { p: 3, i: 'foo' },
+              ]),
+              cb
+            )
+            this.doc.length += 3
+          },
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(historyId, this.doc, userId2, 2, this.timestamp, [
+                { p: 6, i: 'baz' },
+              ]),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createChange.isDone(),
+            `/api/projects/${historyId}/changes should have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should not concat updates with different docs', function (done) {
+      const doc1 = {
+        id: new ObjectId().toString(),
+        pathname: '/doc1.tex',
+        length: 10,
+      }
+      const doc2 = {
+        id: new ObjectId().toString(),
+        pathname: '/doc2.tex',
+        length: 10,
+      }
+
+      const createChange = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olTextUpdate(doc1, this.userId, this.timestamp, [3, 'foo', 7], 1),
+            olTextUpdate(doc2, this.userId, this.timestamp, [6, 'baz', 4], 2),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(historyId, doc1, this.userId, 1, this.timestamp, [
+                { p: 3, i: 'foo' },
+              ]),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(historyId, doc2, this.userId, 2, this.timestamp, [
+                { p: 6, i: 'baz' },
+              ]),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createChange.isDone(),
+            `/api/projects/${historyId}/changes should have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should not send updates without any ops', function (done) {
+      const createChange = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            // These blank ops can get sent by doc-updater on setDocs from Dropbox that don't change anything
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                1,
+                this.timestamp,
+                []
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            !createChange.isDone(),
+            `/api/projects/${historyId}/changes should not have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should not send ops that compress to nothing', function (done) {
+      const createChange = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                1,
+                this.timestamp,
+                [{ i: 'foo', p: 3 }]
+              ),
+              cb
+            )
+            this.doc.length += 3
+          },
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                2,
+                this.timestamp,
+                [{ d: 'foo', p: 3 }]
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            !createChange.isDone(),
+            `/api/projects/${historyId}/changes should not have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should not send ops from a diff that are blank', function (done) {
+      this.doc.length = 300
+      // Test case taken from a real life document where it was generating blank insert and
+      // delete ops from a diff, and the blank delete was erroring on the OL history from
+      // a text operation like [42, 0, 512], where the 0 was invalid.
+      const createChange = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olTextUpdates(this.doc, this.userId, this.timestamp, [
+              [
+                87,
+                -1,
+                67,
+                '|l|ll|}\n\\hline',
+                -4,
+                30,
+                ' \\hline',
+                87,
+                ' \\\\ \\hline',
+                24,
+              ],
+            ]),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                1,
+                this.timestamp,
+                [
+                  {
+                    p: 73,
+                    d: '\\begin{table}[h]\n\\centering\n\\caption{My caption}\n\\label{my-label}\n\\begin{tabular}{lll}\n               & A   & B   \\\\\nLiter t up     & 2   & 1   \\\\\nLiter Whiskey  & 1   & 2   \\\\\nPris pr. liter & 200 & 250\n\\end{tabular}\n\\end{table}',
+                  },
+                  {
+                    p: 73,
+                    i: '\\begin{table}[]\n\\centering\n\\caption{My caption}\n\\label{my-label}\n\\begin{tabular}{|l|ll|}\n\\hline\n               & A   & B   \\\\ \\hline\nLiter t up     & 2   & 1   \\\\\nLiter Whiskey  & 1   & 2   \\\\\nPris pr. liter & 200 & 250 \\\\ \\hline\n\\end{tabular}\n\\end{table}',
+                  },
+                ]
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createChange.isDone(),
+            `/api/projects/${historyId}/changes should have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should not concat text updates across project structure ops', function (done) {
+      const newDoc = {
+        id: new ObjectId().toString(),
+        pathname: '/main.tex',
+        hash: '0a207c060e61f3b88eaee0a8cd0696f46fb155eb',
+        docLines: 'a\nb',
+      }
+
+      MockHistoryStore()
+        .put(`/api/projects/${historyId}/blobs/${newDoc.hash}`)
+        .reply(201)
+
+      const createChange = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olTextUpdate(
+              this.doc,
+              this.userId,
+              this.timestamp,
+              [3, 'foo', 2],
+              1
+            ),
+            olAddDocUpdate(newDoc, this.userId, this.timestamp, newDoc.hash),
+            olTextUpdate(
+              this.doc,
+              this.userId,
+              this.timestamp,
+              [6, 'baz', 2],
+              2
+            ),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                1,
+                this.timestamp,
+                [
+                  { p: 3, i: 'foobar' },
+                  { p: 6, d: 'bar' },
+                ]
+              ),
+              cb
+            )
+            this.doc.length += 3
+          },
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slAddDocUpdate(
+                historyId,
+                newDoc,
+                this.userId,
+                this.timestamp,
+                newDoc.docLines
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                2,
+                this.timestamp,
+                [{ p: 6, i: 'baz' }]
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createChange.isDone(),
+            `/api/projects/${historyId}/changes should have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should track the doc length when splitting ops', function (done) {
+      this.doc.length = 10
+
+      const createChange = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olTextUpdate(this.doc, this.userId, this.timestamp, [3, -3, 4], 1),
+            olTextUpdate(
+              this.doc,
+              this.userId,
+              this.timestamp,
+              [3, 'barbaz', 4],
+              2
+            ), // This has a base length of 10
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                1,
+                this.timestamp,
+                [
+                  { p: 3, d: 'foo' },
+                  { p: 3, i: 'bar' }, // Make sure the length of the op generated from this is 7, not 10
+                ]
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                2,
+                this.timestamp,
+                [{ p: 6, i: 'baz' }]
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createChange.isDone(),
+            `/api/projects/${historyId}/changes should have been called`
+          )
+          done()
+        }
+      )
+    })
+  })
+
+  describe('with bad pathnames', function () {
+    beforeEach(function () {
+      MockHistoryStore()
+        .get(`/api/projects/${historyId}/latest/history`)
+        .reply(200, {
+          chunk: {
+            startVersion: 0,
+            history: {
+              snapshot: {},
+              changes: [],
+            },
+          },
+        })
+    })
+
+    it('should replace \\ with _ and workaround * in pathnames', function (done) {
+      const doc = {
+        id: this.doc.id,
+        pathname: '\\main.tex',
+        hash: 'b07b6b7a27667965f733943737124395c7577bea',
+        docLines: 'aaabbbccc',
+        length: 9,
+      }
+
+      MockHistoryStore()
+        .put(`/api/projects/${historyId}/blobs/${doc.hash}`)
+        .reply(201)
+
+      const createChange = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olAddDocUpdate(
+              { id: doc.id, pathname: '_main.tex' },
+              this.userId,
+              this.timestamp,
+              doc.hash
+            ),
+            olRenameUpdate(
+              { id: doc.id, pathname: '_main.tex' },
+              this.userId,
+              this.timestamp,
+              '_main.tex',
+              '_main2.tex'
+            ),
+            olTextUpdate(
+              { id: doc.id, pathname: '_main2.tex' },
+              this.userId,
+              this.timestamp,
+              [3, 'foo', 6],
+              2
+            ),
+            olRenameUpdate(
+              { id: doc.id, pathname: '_main2.tex' },
+              this.userId,
+              this.timestamp,
+              '_main2.tex',
+              '_main__ASTERISK__.tex'
+            ),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slAddDocUpdate(
+                historyId,
+                doc,
+                this.userId,
+                this.timestamp,
+                doc.docLines
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slRenameUpdate(
+                historyId,
+                doc,
+                this.userId,
+                this.timestamp,
+                '/\\main.tex',
+                '/\\main2.tex'
+              ),
+              cb
+            )
+            doc.pathname = '\\main2.tex'
+          },
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(historyId, doc, this.userId, 2, this.timestamp, [
+                { p: 3, i: 'foo' },
+              ]),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slRenameUpdate(
+                historyId,
+                doc,
+                this.userId,
+                this.timestamp,
+                '/\\main2.tex',
+                '/\\main*.tex'
+              ),
+              cb
+            )
+            doc.pathname = '\\main*.tex'
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createChange.isDone(),
+            `/api/projects/${historyId}/changes should have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should workaround pathnames beginning with spaces', function (done) {
+      const doc = {
+        id: this.doc.id,
+        pathname: 'main.tex',
+        hash: 'b07b6b7a27667965f733943737124395c7577bea',
+        docLines: 'aaabbbccc',
+        length: 9,
+      }
+
+      MockHistoryStore()
+        .put(`/api/projects/${historyId}/blobs/${doc.hash}`)
+        .reply(201)
+
+      const createChange = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olAddDocUpdate(
+              { id: doc.id, pathname: 'main.tex' },
+              this.userId,
+              this.timestamp,
+              doc.hash
+            ),
+            olRenameUpdate(
+              { id: doc.id },
+              this.userId,
+              this.timestamp,
+              'main.tex',
+              'foo/__SPACE__main.tex'
+            ),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slAddDocUpdate(
+                historyId,
+                doc,
+                this.userId,
+                this.timestamp,
+                doc.docLines
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slRenameUpdate(
+                historyId,
+                doc,
+                this.userId,
+                this.timestamp,
+                '/main.tex',
+                '/foo/ main.tex'
+              ),
+              cb
+            )
+            doc.pathname = '/foo/ main.tex'
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createChange.isDone(),
+            `/api/projects/${historyId}/changes should have been called`
+          )
+          done()
+        }
+      )
+    })
+  })
+
+  describe('with bad response from filestore', function () {
+    beforeEach(function () {
+      MockHistoryStore()
+        .get(`/api/projects/${historyId}/latest/history`)
+        .reply(200, {
+          chunk: {
+            startVersion: 0,
+            history: {
+              snapshot: {},
+              changes: [],
+            },
+          },
+        })
+    })
+
+    it('should return a 500 if the filestore returns a 500', function (done) {
+      const file = {
+        id: new ObjectId().toString(),
+        pathname: '/test.png',
+        contents: Buffer.from([1, 2, 3]),
+        hash: 'aed2973e4b8a7ff1b30ff5c4751e5a2b38989e74',
+      }
+
+      const fileStoreRequest = MockFileStore()
+        .get(`/project/${this.projectId}/file/${file.id}`)
+        .reply(500)
+
+      const createBlob = MockHistoryStore()
+        .put(`/api/projects/${historyId}/blobs/${file.hash}`, file.contents)
+        .reply(201)
+
+      const addFile = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olAddFileUpdate(file, this.userId, this.timestamp, file.hash),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slAddFileUpdate(
+                historyId,
+                file,
+                this.userId,
+                this.timestamp,
+                this.projectId
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(
+              this.projectId,
+              { allowErrors: true },
+              (error, res) => {
+                if (error) {
+                  return cb(error)
+                }
+                expect(res.statusCode).to.equal(500)
+                cb()
+              }
+            )
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            fileStoreRequest.isDone(),
+            `/project/${this.projectId}/file/${file.id} should have been called`
+          )
+          assert(
+            !createBlob.isDone(),
+            `/api/projects/${historyId}/latest/files should not have been called`
+          )
+          assert(
+            !addFile.isDone(),
+            `/api/projects/${historyId}/latest/files should not have been called`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should return a 500 if the filestore request errors', function (done) {
+      const file = {
+        id: new ObjectId().toString(),
+        pathname: '/test.png',
+        contents: Buffer.from([1, 2, 3]),
+        hash: 'aed2973e4b8a7ff1b30ff5c4751e5a2b38989e74',
+      }
+
+      const fileStoreRequest = MockFileStore()
+        .get(`/project/${this.projectId}/file/${file.id}`)
+        .replyWithError('oh no!')
+
+      const createBlob = MockHistoryStore()
+        .put(`/api/projects/${historyId}/blobs/${file.hash}`, file.contents)
+        .reply(201)
+
+      const addFile = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olAddFileUpdate(file, this.userId, this.timestamp, file.hash),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slAddFileUpdate(
+                historyId,
+                file,
+                this.userId,
+                this.timestamp,
+                this.projectId
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(
+              this.projectId,
+              { allowErrors: true },
+              (error, res) => {
+                if (error) {
+                  return cb(error)
+                }
+                expect(res.statusCode).to.equal(500)
+                cb()
+              }
+            )
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            fileStoreRequest.isDone(),
+            `/project/${this.projectId}/file/${file.id} should have been called`
+          )
+          assert(
+            !createBlob.isDone(),
+            `/api/projects/${historyId}/latest/files should not have been called`
+          )
+          assert(
+            !addFile.isDone(),
+            `/api/projects/${historyId}/latest/files should not have been called`
+          )
+          done()
+        }
+      )
+    })
+  })
+
+  describe('with an existing projectVersion field', function () {
+    beforeEach(function () {
+      MockHistoryStore()
+        .get(`/api/projects/${historyId}/latest/history`)
+        .reply(200, {
+          chunk: {
+            startVersion: 0,
+            history: {
+              snapshot: { projectVersion: '100.0' },
+              changes: [],
+            },
+          },
+        })
+    })
+
+    it('should discard project structure updates which have already been applied', function (done) {
+      const newDoc = []
+      for (let i = 0; i <= 2; i++) {
+        newDoc[i] = {
+          id: new ObjectId().toString(),
+          pathname: `/main${i}.tex`,
+          hash: '0a207c060e61f3b88eaee0a8cd0696f46fb155eb',
+          docLines: 'a\nb',
+        }
+      }
+
+      MockHistoryStore()
+        .put(`/api/projects/${historyId}/blobs/${newDoc[0].hash}`)
+        .times(3)
+        .reply(201)
+
+      const createChange = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olAddDocUpdateWithVersion(
+              newDoc[1],
+              this.userId,
+              this.timestamp,
+              newDoc[1].hash,
+              '101.0'
+            ),
+            olAddDocUpdateWithVersion(
+              newDoc[2],
+              this.userId,
+              this.timestamp,
+              newDoc[2].hash,
+              '102.0'
+            ),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slAddDocUpdateWithVersion(
+                historyId,
+                newDoc[0],
+                this.userId,
+                this.timestamp,
+                newDoc[0].docLines,
+                '100.0'
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slAddDocUpdateWithVersion(
+                historyId,
+                newDoc[1],
+                this.userId,
+                this.timestamp,
+                newDoc[1].docLines,
+                '101.0'
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slAddDocUpdateWithVersion(
+                historyId,
+                newDoc[2],
+                this.userId,
+                this.timestamp,
+                newDoc[2].docLines,
+                '102.0'
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createChange.isDone(),
+            `/api/projects/${historyId}/changes should have been called`
+          )
+          done()
+        }
+      )
+    })
+  })
+
+  describe('with an existing docVersions field', function () {
+    beforeEach(function () {
+      MockHistoryStore()
+        .get(`/api/projects/${historyId}/latest/history`)
+        .reply(200, {
+          chunk: {
+            startVersion: 0,
+            history: {
+              snapshot: { v2DocVersions: { [this.doc.id]: { v: 100 } } }, // version 100 below already applied
+              changes: [],
+            },
+          },
+        })
+    })
+
+    it('should discard doc updates which have already been applied', function (done) {
+      const createChange = MockHistoryStore()
+        .post(`/api/projects/${historyId}/legacy_changes`, body => {
+          expect(body).to.deep.equal([
+            olTextUpdate(
+              this.doc,
+              this.userId,
+              this.timestamp,
+              [6, 'baz', 2],
+              101
+            ),
+          ])
+          return true
+        })
+        .query({ end_version: 0 })
+        .reply(204)
+
+      async.series(
+        [
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                100,
+                this.timestamp,
+                [
+                  { p: 3, i: 'foobar' }, // these ops should be skipped
+                  { p: 6, d: 'bar' },
+                ]
+              ),
+              cb
+            )
+            this.doc.length += 3
+          },
+          cb => {
+            ProjectHistoryClient.pushRawUpdate(
+              this.projectId,
+              slTextUpdate(
+                historyId,
+                this.doc,
+                this.userId,
+                101,
+                this.timestamp,
+                [
+                  { p: 6, i: 'baz' }, // this op should be applied
+                ]
+              ),
+              cb
+            )
+          },
+          cb => {
+            ProjectHistoryClient.flushProject(this.projectId, cb)
+          },
+        ],
+        error => {
+          if (error) {
+            return done(error)
+          }
+          assert(
+            createChange.isDone(),
+            `/api/projects/${historyId}/changes should have been called`
+          )
+          done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/project-history/test/acceptance/js/SummarisedUpdatesTests.js b/services/project-history/test/acceptance/js/SummarisedUpdatesTests.js
new file mode 100644
index 0000000..5e8b57e
--- /dev/null
+++ b/services/project-history/test/acceptance/js/SummarisedUpdatesTests.js
@@ -0,0 +1,249 @@
+/* eslint-disable
+    no-undef,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import sinon from 'sinon'
+import { expect } from 'chai'
+import Settings from '@overleaf/settings'
+import request from 'request'
+import assert from 'node:assert'
+import mongodb from 'mongodb-legacy'
+import nock from 'nock'
+import * as ProjectHistoryClient from './helpers/ProjectHistoryClient.js'
+import * as ProjectHistoryApp from './helpers/ProjectHistoryApp.js'
+const { ObjectId } = mongodb
+
+const MockHistoryStore = () => nock('http://127.0.0.1:3100')
+const MockFileStore = () => nock('http://127.0.0.1:3009')
+const MockWeb = () => nock('http://127.0.0.1:3000')
+
+const fixture = path => new URL(`../fixtures/${path}`, import.meta.url)
+
+describe('Summarized updates', function () {
+  beforeEach(function (done) {
+    this.projectId = new ObjectId().toString()
+    this.historyId = new ObjectId().toString()
+    return ProjectHistoryApp.ensureRunning(error => {
+      if (error != null) {
+        throw error
+      }
+
+      MockHistoryStore().post('/api/projects').reply(200, {
+        projectId: this.historyId,
+      })
+
+      return ProjectHistoryClient.initializeProject(
+        this.historyId,
+        (error, olProject) => {
+          if (error != null) {
+            throw error
+          }
+          MockWeb()
+            .get(`/project/${this.projectId}/details`)
+            .reply(200, {
+              name: 'Test Project',
+              overleaf: { history: { id: olProject.id } },
+            })
+
+          MockHistoryStore()
+            .get(`/api/projects/${this.historyId}/latest/history`)
+            .replyWithFile(200, fixture('chunks/7-8.json'))
+          MockHistoryStore()
+            .get(`/api/projects/${this.historyId}/versions/6/history`)
+            .replyWithFile(200, fixture('chunks/4-6.json'))
+          MockHistoryStore()
+            .get(`/api/projects/${this.historyId}/versions/3/history`)
+            .replyWithFile(200, fixture('chunks/0-3.json'))
+
+          return done()
+        }
+      )
+    })
+  })
+
+  afterEach(function () {
+    return nock.cleanAll()
+  })
+
+  it('should return the latest summarized updates from a single chunk', function (done) {
+    return ProjectHistoryClient.getSummarizedUpdates(
+      this.projectId,
+      { min_count: 1 },
+      (error, updates) => {
+        if (error != null) {
+          throw error
+        }
+        expect(updates).to.deep.equal({
+          nextBeforeTimestamp: 6,
+          updates: [
+            {
+              fromV: 6,
+              toV: 8,
+              meta: {
+                users: ['5a5637efdac84e81b71014c4', 31],
+                start_ts: 1512383567277,
+                end_ts: 1512383572877,
+              },
+              pathnames: ['bar.tex', 'main.tex'],
+              project_ops: [],
+              labels: [],
+            },
+          ],
+        })
+        return done()
+      }
+    )
+  })
+
+  it('should return the latest summarized updates, with min_count spanning multiple chunks', function (done) {
+    return ProjectHistoryClient.getSummarizedUpdates(
+      this.projectId,
+      { min_count: 5 },
+      (error, updates) => {
+        if (error != null) {
+          throw error
+        }
+        expect(updates).to.deep.equal({
+          updates: [
+            {
+              fromV: 6,
+              toV: 8,
+              meta: {
+                users: ['5a5637efdac84e81b71014c4', 31],
+                start_ts: 1512383567277,
+                end_ts: 1512383572877,
+              },
+              pathnames: ['bar.tex', 'main.tex'],
+              project_ops: [],
+              labels: [],
+            },
+            {
+              fromV: 5,
+              toV: 6,
+              meta: {
+                users: [31],
+                start_ts: 1512383366120,
+                end_ts: 1512383366120,
+              },
+              pathnames: [],
+              project_ops: [
+                {
+                  atV: 5,
+                  rename: {
+                    pathname: 'foo.tex',
+                    newPathname: 'bar.tex',
+                  },
+                },
+              ],
+              labels: [],
+            },
+            {
+              fromV: 2,
+              toV: 5,
+              meta: {
+                users: [31],
+                start_ts: 1512383313724,
+                end_ts: 1512383362905,
+              },
+              pathnames: ['foo.tex'],
+              project_ops: [],
+              labels: [],
+            },
+            {
+              fromV: 1,
+              toV: 2,
+              meta: {
+                users: [31],
+                start_ts: 1512383246874,
+                end_ts: 1512383246874,
+              },
+              pathnames: [],
+              project_ops: [
+                {
+                  atV: 1,
+                  rename: {
+                    pathname: 'bar.tex',
+                    newPathname: 'foo.tex',
+                  },
+                },
+              ],
+              labels: [],
+            },
+            {
+              fromV: 0,
+              toV: 1,
+              meta: {
+                users: [31],
+                start_ts: 1512383015633,
+                end_ts: 1512383015633,
+              },
+              pathnames: ['main.tex'],
+              project_ops: [],
+              labels: [],
+            },
+          ],
+        })
+        return done()
+      }
+    )
+  })
+
+  it('should return the summarized updates from a before version at the start of a chunk', function (done) {
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/4/history`)
+      .replyWithFile(200, fixture('chunks/4-6.json'))
+    return ProjectHistoryClient.getSummarizedUpdates(
+      this.projectId,
+      { before: 4 },
+      (error, updates) => {
+        if (error != null) {
+          throw error
+        }
+        expect(updates.updates[0].toV).to.equal(4)
+        return done()
+      }
+    )
+  })
+
+  it('should return the summarized updates from a before version in the middle of a chunk', function (done) {
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/5/history`)
+      .replyWithFile(200, fixture('chunks/4-6.json'))
+    return ProjectHistoryClient.getSummarizedUpdates(
+      this.projectId,
+      { before: 5 },
+      (error, updates) => {
+        if (error != null) {
+          throw error
+        }
+        expect(updates.updates[0].toV).to.equal(5)
+        return done()
+      }
+    )
+  })
+
+  return it('should return the summarized updates from a before version at the end of a chunk', function (done) {
+    MockHistoryStore()
+      .get(`/api/projects/${this.historyId}/versions/6/history`)
+      .replyWithFile(200, fixture('chunks/4-6.json'))
+    return ProjectHistoryClient.getSummarizedUpdates(
+      this.projectId,
+      { before: 6 },
+      (error, updates) => {
+        if (error != null) {
+          throw error
+        }
+        expect(updates.updates[0].toV).to.equal(6)
+        return done()
+      }
+    )
+  })
+})
diff --git a/services/project-history/test/acceptance/js/SyncTests.js b/services/project-history/test/acceptance/js/SyncTests.js
new file mode 100644
index 0000000..89e002d
--- /dev/null
+++ b/services/project-history/test/acceptance/js/SyncTests.js
@@ -0,0 +1,1543 @@
+import async from 'async'
+import nock from 'nock'
+import { expect } from 'chai'
+import request from 'request'
+import assert from 'node:assert'
+import mongodb from 'mongodb-legacy'
+import logger from '@overleaf/logger'
+import Settings from '@overleaf/settings'
+import * as ProjectHistoryClient from './helpers/ProjectHistoryClient.js'
+import * as ProjectHistoryApp from './helpers/ProjectHistoryApp.js'
+import sinon from 'sinon'
+import { getFailure } from './helpers/ProjectHistoryClient.js'
+const { ObjectId } = mongodb
+
+const EMPTY_FILE_HASH = 'e69de29bb2d1d6434b8b29ae775ad8c2e48c5391'
+
+const MockHistoryStore = () => nock('http://127.0.0.1:3100')
+const MockFileStore = () => nock('http://127.0.0.1:3009')
+const MockWeb = () => nock('http://127.0.0.1:3000')
+
+describe('Syncing with web and doc-updater', function () {
+  const historyId = new ObjectId().toString()
+  let loggerWarn, loggerError
+  beforeEach(function () {
+    loggerWarn = sinon.spy(logger, 'warn')
+    loggerError = sinon.spy(logger, 'error')
+  })
+  afterEach(function () {
+    loggerWarn.restore()
+    loggerError.restore()
+  })
+
+  beforeEach(function (done) {
+    this.timestamp = new Date()
+
+    ProjectHistoryApp.ensureRunning(error => {
+      if (error) {
+        throw error
+      }
+      this.project_id = new ObjectId().toString()
+      this.doc_id = new ObjectId().toString()
+      this.file_id = new ObjectId().toString()
+
+      MockHistoryStore().post('/api/projects').reply(200, {
+        projectId: historyId,
+      })
+      MockWeb()
+        .get(`/project/${this.project_id}/details`)
+        .reply(200, {
+          name: 'Test Project',
+          overleaf: {
+            history: {
+              id: historyId,
+            },
+          },
+        })
+      ProjectHistoryClient.initializeProject(historyId, done)
+    })
+  })
+
+  afterEach(function () {
+    nock.cleanAll()
+  })
+
+  describe('resyncing project history', function () {
+    describe('without project-history enabled', function () {
+      beforeEach(function () {
+        MockWeb().post(`/project/${this.project_id}/history/resync`).reply(404)
+      })
+
+      it('404s if project-history is not enabled', function (done) {
+        request.post(
+          {
+            url: `http://127.0.0.1:3054/project/${this.project_id}/resync`,
+          },
+          (error, res, body) => {
+            if (error) {
+              return done(error)
+            }
+            expect(res.statusCode).to.equal(404)
+            done()
+          }
+        )
+      })
+    })
+
+    describe('with project-history enabled', function () {
+      beforeEach(function () {
+        MockWeb().post(`/project/${this.project_id}/history/resync`).reply(204)
+      })
+
+      describe('when a doc is missing', function () {
+        it('should send add doc updates to the history store', function (done) {
+          MockHistoryStore()
+            .get(`/api/projects/${historyId}/latest/history`)
+            .reply(200, {
+              chunk: {
+                history: {
+                  snapshot: {
+                    files: {
+                      persistedDoc: { hash: EMPTY_FILE_HASH, stringLength: 0 },
+                    },
+                  },
+                  changes: [],
+                },
+                startVersion: 0,
+              },
+            })
+
+          MockHistoryStore()
+            .get(`/api/projects/${historyId}/blobs/${EMPTY_FILE_HASH}`)
+            .reply(200, '')
+
+          const createBlob = MockHistoryStore()
+            .put(`/api/projects/${historyId}/blobs/${EMPTY_FILE_HASH}`, '')
+            .reply(201)
+
+          const addFile = MockHistoryStore()
+            .post(`/api/projects/${historyId}/legacy_changes`, body => {
+              expect(body).to.deep.equal([
+                {
+                  v2Authors: [],
+                  authors: [],
+                  timestamp: this.timestamp.toJSON(),
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      file: {
+                        hash: EMPTY_FILE_HASH,
+                      },
+                    },
+                  ],
+                  origin: { kind: 'test-origin' },
+                },
+              ])
+              return true
+            })
+            .query({ end_version: 0 })
+            .reply(204)
+
+          async.series(
+            [
+              cb => {
+                ProjectHistoryClient.resyncHistory(this.project_id, cb)
+              },
+              cb => {
+                const update = {
+                  projectHistoryId: historyId,
+                  resyncProjectStructure: {
+                    docs: [
+                      { path: '/main.tex', doc: this.doc_id },
+                      { path: '/persistedDoc', doc: 'other-doc-id' },
+                    ],
+                    files: [],
+                  },
+                  meta: {
+                    ts: this.timestamp,
+                  },
+                }
+                ProjectHistoryClient.pushRawUpdate(this.project_id, update, cb)
+              },
+              cb => {
+                ProjectHistoryClient.flushProject(this.project_id, cb)
+              },
+            ],
+            error => {
+              if (error) {
+                return done(error)
+              }
+              assert(
+                createBlob.isDone(),
+                '/api/projects/:historyId/blobs/:hash should have been called'
+              )
+              assert(
+                addFile.isDone(),
+                `/api/projects/${historyId}/changes should have been called`
+              )
+              done()
+            }
+          )
+        })
+      })
+
+      describe('when a file is missing', function () {
+        it('should send add file updates to the history store', function (done) {
+          MockHistoryStore()
+            .get(`/api/projects/${historyId}/latest/history`)
+            .reply(200, {
+              chunk: {
+                history: {
+                  snapshot: {
+                    files: {
+                      persistedFile: { hash: EMPTY_FILE_HASH, byteLength: 0 },
+                    },
+                  },
+                  changes: [],
+                },
+                startVersion: 0,
+              },
+            })
+
+          const fileContents = Buffer.from([1, 2, 3])
+          const fileHash = 'aed2973e4b8a7ff1b30ff5c4751e5a2b38989e74'
+
+          MockFileStore()
+            .get(`/project/${this.project_id}/file/${this.file_id}`)
+            .reply(200, fileContents)
+          const headBlob = MockHistoryStore()
+            .head(`/api/projects/${historyId}/blobs/${fileHash}`)
+            .reply(404)
+          const createBlob = MockHistoryStore()
+            .put(`/api/projects/${historyId}/blobs/${fileHash}`, fileContents)
+            .reply(201)
+
+          const addFile = MockHistoryStore()
+            .post(`/api/projects/${historyId}/legacy_changes`, body => {
+              expect(body).to.deep.equal([
+                {
+                  v2Authors: [],
+                  authors: [],
+                  timestamp: this.timestamp.toJSON(),
+                  operations: [
+                    {
+                      pathname: 'test.png',
+                      file: {
+                        hash: fileHash,
+                      },
+                    },
+                  ],
+                  origin: { kind: 'test-origin' },
+                },
+              ])
+              return true
+            })
+            .query({ end_version: 0 })
+            .reply(204)
+
+          async.series(
+            [
+              cb => {
+                ProjectHistoryClient.resyncHistory(this.project_id, cb)
+              },
+              cb => {
+                const update = {
+                  projectHistoryId: historyId,
+                  resyncProjectStructure: {
+                    docs: [],
+                    files: [
+                      {
+                        file: this.file_id,
+                        path: '/test.png',
+                        _hash: fileHash,
+                        url: `http://127.0.0.1:3009/project/${this.project_id}/file/${this.file_id}`,
+                      },
+                      { path: '/persistedFile' },
+                    ],
+                  },
+                  meta: {
+                    ts: this.timestamp,
+                  },
+                }
+                ProjectHistoryClient.pushRawUpdate(this.project_id, update, cb)
+              },
+              cb => {
+                ProjectHistoryClient.flushProject(this.project_id, cb)
+              },
+            ],
+            error => {
+              if (error) {
+                throw error
+              }
+              assert(!loggerWarn.called, 'no warning logged on 404')
+              assert(
+                headBlob.isDone(),
+                'HEAD /api/projects/:historyId/blobs/:hash should have been called'
+              )
+              assert(
+                createBlob.isDone(),
+                '/api/projects/:historyId/blobs/:hash should have been called'
+              )
+              assert(
+                addFile.isDone(),
+                `/api/projects/${historyId}/changes should have been called`
+              )
+              done()
+            }
+          )
+        })
+        it('should skip HEAD on blob without hash', function (done) {
+          MockHistoryStore()
+            .get(`/api/projects/${historyId}/latest/history`)
+            .reply(200, {
+              chunk: {
+                history: {
+                  snapshot: {
+                    files: {
+                      persistedFile: { hash: EMPTY_FILE_HASH, byteLength: 0 },
+                    },
+                  },
+                  changes: [],
+                },
+                startVersion: 0,
+              },
+            })
+
+          const fileContents = Buffer.from([1, 2, 3])
+          const fileHash = 'aed2973e4b8a7ff1b30ff5c4751e5a2b38989e74'
+
+          MockFileStore()
+            .get(`/project/${this.project_id}/file/${this.file_id}`)
+            .reply(200, fileContents)
+          const headBlob = MockHistoryStore()
+            .head(`/api/projects/${historyId}/blobs/undefined`)
+            .reply(500)
+          const createBlob = MockHistoryStore()
+            .put(`/api/projects/${historyId}/blobs/${fileHash}`, fileContents)
+            .reply(201)
+
+          const addFile = MockHistoryStore()
+            .post(`/api/projects/${historyId}/legacy_changes`, body => {
+              expect(body).to.deep.equal([
+                {
+                  v2Authors: [],
+                  authors: [],
+                  timestamp: this.timestamp.toJSON(),
+                  operations: [
+                    {
+                      pathname: 'test.png',
+                      file: {
+                        hash: fileHash,
+                      },
+                    },
+                  ],
+                  origin: { kind: 'test-origin' },
+                },
+              ])
+              return true
+            })
+            .query({ end_version: 0 })
+            .reply(204)
+
+          async.series(
+            [
+              cb => {
+                ProjectHistoryClient.resyncHistory(this.project_id, cb)
+              },
+              cb => {
+                const update = {
+                  projectHistoryId: historyId,
+                  resyncProjectStructure: {
+                    docs: [],
+                    files: [
+                      {
+                        file: this.file_id,
+                        path: '/test.png',
+                        url: `http://127.0.0.1:3009/project/${this.project_id}/file/${this.file_id}`,
+                      },
+                      { path: '/persistedFile' },
+                    ],
+                  },
+                  meta: {
+                    ts: this.timestamp,
+                  },
+                }
+                ProjectHistoryClient.pushRawUpdate(this.project_id, update, cb)
+              },
+              cb => {
+                ProjectHistoryClient.flushProject(this.project_id, cb)
+              },
+            ],
+            error => {
+              if (error) {
+                throw error
+              }
+              assert(!loggerWarn.called, 'no warning logged on 404')
+              assert(
+                !headBlob.isDone(),
+                'HEAD /api/projects/:historyId/blobs/:hash should have been skipped'
+              )
+              assert(
+                createBlob.isDone(),
+                '/api/projects/:historyId/blobs/:hash should have been called'
+              )
+              assert(
+                addFile.isDone(),
+                `/api/projects/${historyId}/changes should have been called`
+              )
+              done()
+            }
+          )
+        })
+        it('should record error when checking blob fails with 500', function (done) {
+          MockHistoryStore()
+            .get(`/api/projects/${historyId}/latest/history`)
+            .reply(200, {
+              chunk: {
+                history: {
+                  snapshot: {
+                    files: {
+                      persistedFile: { hash: EMPTY_FILE_HASH, byteLength: 0 },
+                    },
+                  },
+                  changes: [],
+                },
+                startVersion: 0,
+              },
+            })
+
+          const fileContents = Buffer.from([1, 2, 3])
+          const fileHash = 'aed2973e4b8a7ff1b30ff5c4751e5a2b38989e74'
+
+          MockFileStore()
+            .get(`/project/${this.project_id}/file/${this.file_id}`)
+            .reply(200, fileContents)
+          const headBlob = MockHistoryStore()
+            .head(`/api/projects/${historyId}/blobs/${fileHash}`)
+            .reply(500)
+          const createBlob = MockHistoryStore()
+            .put(`/api/projects/${historyId}/blobs/${fileHash}`, fileContents)
+            .reply(201)
+
+          const addFile = MockHistoryStore()
+            .post(`/api/projects/${historyId}/legacy_changes`, body => {
+              expect(body).to.deep.equal([
+                {
+                  v2Authors: [],
+                  authors: [],
+                  timestamp: this.timestamp.toJSON(),
+                  operations: [
+                    {
+                      pathname: 'test.png',
+                      file: {
+                        hash: fileHash,
+                      },
+                    },
+                  ],
+                  origin: { kind: 'test-origin' },
+                },
+              ])
+              return true
+            })
+            .query({ end_version: 0 })
+            .reply(204)
+
+          async.series(
+            [
+              cb => {
+                ProjectHistoryClient.resyncHistory(this.project_id, cb)
+              },
+              cb => {
+                const update = {
+                  projectHistoryId: historyId,
+                  resyncProjectStructure: {
+                    docs: [],
+                    files: [
+                      {
+                        file: this.file_id,
+                        path: '/test.png',
+                        _hash: fileHash,
+                        url: `http://127.0.0.1:3009/project/${this.project_id}/file/${this.file_id}`,
+                      },
+                      { path: '/persistedFile' },
+                    ],
+                  },
+                  meta: {
+                    ts: this.timestamp,
+                  },
+                }
+                ProjectHistoryClient.pushRawUpdate(this.project_id, update, cb)
+              },
+              cb => {
+                ProjectHistoryClient.flushProject(
+                  this.project_id,
+                  {
+                    allowErrors: true,
+                  },
+                  (err, res) => {
+                    if (err) return cb(err)
+                    assert(res.statusCode === 500, 'resync should have failed')
+                    cb()
+                  }
+                )
+              },
+            ],
+            error => {
+              if (error) {
+                throw error
+              }
+              assert(
+                loggerError.calledWithMatch(
+                  sinon.match.any,
+                  'error checking whether blob exists'
+                ),
+                'error logged on 500'
+              )
+              assert(
+                headBlob.isDone(),
+                'HEAD /api/projects/:historyId/blobs/:hash should have been called'
+              )
+              assert(
+                !createBlob.isDone(),
+                '/api/projects/:historyId/blobs/:hash should have been skipped'
+              )
+              assert(
+                !addFile.isDone(),
+                `/api/projects/${historyId}/changes should have been skipped`
+              )
+              done()
+            }
+          )
+        })
+        it('should skip blob write when blob exists', function (done) {
+          MockHistoryStore()
+            .get(`/api/projects/${historyId}/latest/history`)
+            .reply(200, {
+              chunk: {
+                history: {
+                  snapshot: {
+                    files: {
+                      persistedFile: { hash: EMPTY_FILE_HASH, byteLength: 0 },
+                    },
+                  },
+                  changes: [],
+                },
+                startVersion: 0,
+              },
+            })
+
+          const fileContents = Buffer.from([1, 2, 3])
+          const fileHash = 'aed2973e4b8a7ff1b30ff5c4751e5a2b38989e74'
+
+          MockFileStore()
+            .get(`/project/${this.project_id}/file/${this.file_id}`)
+            .reply(200, fileContents)
+          const headBlob = MockHistoryStore()
+            .head(`/api/projects/${historyId}/blobs/${fileHash}`)
+            .reply(200)
+          const createBlob = MockHistoryStore()
+            .put(`/api/projects/${historyId}/blobs/${fileHash}`, fileContents)
+            .reply(201)
+
+          const addFile = MockHistoryStore()
+            .post(`/api/projects/${historyId}/legacy_changes`, body => {
+              expect(body).to.deep.equal([
+                {
+                  v2Authors: [],
+                  authors: [],
+                  timestamp: this.timestamp.toJSON(),
+                  operations: [
+                    {
+                      pathname: 'test.png',
+                      file: {
+                        hash: fileHash,
+                      },
+                    },
+                  ],
+                  origin: { kind: 'test-origin' },
+                },
+              ])
+              return true
+            })
+            .query({ end_version: 0 })
+            .reply(204)
+
+          async.series(
+            [
+              cb => {
+                ProjectHistoryClient.resyncHistory(this.project_id, cb)
+              },
+              cb => {
+                const update = {
+                  projectHistoryId: historyId,
+                  resyncProjectStructure: {
+                    docs: [],
+                    files: [
+                      {
+                        file: this.file_id,
+                        path: '/test.png',
+                        _hash: fileHash,
+                        url: `http://127.0.0.1:3009/project/${this.project_id}/file/${this.file_id}`,
+                      },
+                      { path: '/persistedFile' },
+                    ],
+                  },
+                  meta: {
+                    ts: this.timestamp,
+                  },
+                }
+                ProjectHistoryClient.pushRawUpdate(this.project_id, update, cb)
+              },
+              cb => {
+                ProjectHistoryClient.flushProject(this.project_id, cb)
+              },
+            ],
+            error => {
+              if (error) {
+                throw error
+              }
+              assert(!loggerWarn.called, 'no warning logged on 404')
+              assert(
+                headBlob.isDone(),
+                'HEAD /api/projects/:historyId/blobs/:hash should have been called'
+              )
+              assert(
+                !createBlob.isDone(),
+                '/api/projects/:historyId/blobs/:hash should have been skipped'
+              )
+              assert(
+                addFile.isDone(),
+                `/api/projects/${historyId}/changes should have been called`
+              )
+              done()
+            }
+          )
+        })
+        it('should add file w/o url', function (done) {
+          MockHistoryStore()
+            .get(`/api/projects/${historyId}/latest/history`)
+            .reply(200, {
+              chunk: {
+                history: {
+                  snapshot: {
+                    files: {
+                      persistedFile: { hash: EMPTY_FILE_HASH, byteLength: 0 },
+                    },
+                  },
+                  changes: [],
+                },
+                startVersion: 0,
+              },
+            })
+
+          const fileContents = Buffer.from([1, 2, 3])
+          const fileHash = 'aed2973e4b8a7ff1b30ff5c4751e5a2b38989e74'
+
+          MockFileStore()
+            .get(`/project/${this.project_id}/file/${this.file_id}`)
+            .reply(200, fileContents)
+          const headBlob = MockHistoryStore()
+            .head(`/api/projects/${historyId}/blobs/${fileHash}`)
+            .reply(200)
+          const createBlob = MockHistoryStore()
+            .put(`/api/projects/${historyId}/blobs/${fileHash}`, fileContents)
+            .reply(201)
+
+          const addFile = MockHistoryStore()
+            .post(`/api/projects/${historyId}/legacy_changes`, body => {
+              expect(body).to.deep.equal([
+                {
+                  v2Authors: [],
+                  authors: [],
+                  timestamp: this.timestamp.toJSON(),
+                  operations: [
+                    {
+                      pathname: 'test.png',
+                      file: {
+                        hash: fileHash,
+                      },
+                    },
+                  ],
+                  origin: { kind: 'test-origin' },
+                },
+              ])
+              return true
+            })
+            .query({ end_version: 0 })
+            .reply(204)
+
+          async.series(
+            [
+              cb => {
+                ProjectHistoryClient.resyncHistory(this.project_id, cb)
+              },
+              cb => {
+                const update = {
+                  projectHistoryId: historyId,
+                  resyncProjectStructure: {
+                    docs: [],
+                    files: [
+                      {
+                        file: this.file_id,
+                        path: '/test.png',
+                        _hash: fileHash,
+                        createdBlob: true,
+                      },
+                      { path: '/persistedFile' },
+                    ],
+                  },
+                  meta: {
+                    ts: this.timestamp,
+                  },
+                }
+                ProjectHistoryClient.pushRawUpdate(this.project_id, update, cb)
+              },
+              cb => {
+                ProjectHistoryClient.flushProject(this.project_id, cb)
+              },
+            ],
+            error => {
+              if (error) {
+                throw error
+              }
+              assert(!loggerWarn.called, 'no warning logged on 404')
+              assert(
+                headBlob.isDone(),
+                'HEAD /api/projects/:historyId/blobs/:hash should have been called'
+              )
+              assert(
+                !createBlob.isDone(),
+                '/api/projects/:historyId/blobs/:hash should have been skipped'
+              )
+              assert(
+                addFile.isDone(),
+                `/api/projects/${historyId}/changes should have been called`
+              )
+              done()
+            }
+          )
+        })
+        describe('with filestore disabled', function () {
+          before(function () {
+            Settings.apis.filestore.enabled = false
+          })
+          after(function () {
+            Settings.apis.filestore.enabled = true
+          })
+          it('should record error when blob is missing', function (done) {
+            MockHistoryStore()
+              .get(`/api/projects/${historyId}/latest/history`)
+              .reply(200, {
+                chunk: {
+                  history: {
+                    snapshot: {
+                      files: {
+                        persistedFile: { hash: EMPTY_FILE_HASH, byteLength: 0 },
+                      },
+                    },
+                    changes: [],
+                  },
+                  startVersion: 0,
+                },
+              })
+
+            const fileContents = Buffer.from([1, 2, 3])
+            const fileHash = 'aed2973e4b8a7ff1b30ff5c4751e5a2b38989e74'
+
+            MockFileStore()
+              .get(`/project/${this.project_id}/file/${this.file_id}`)
+              .reply(200, fileContents)
+            const headBlob = MockHistoryStore()
+              .head(`/api/projects/${historyId}/blobs/${fileHash}`)
+              .times(3) // three retries
+              .reply(404)
+            const createBlob = MockHistoryStore()
+              .put(`/api/projects/${historyId}/blobs/${fileHash}`, fileContents)
+              .reply(201)
+
+            const addFile = MockHistoryStore()
+              .post(`/api/projects/${historyId}/legacy_changes`, body => {
+                expect(body).to.deep.equal([
+                  {
+                    v2Authors: [],
+                    authors: [],
+                    timestamp: this.timestamp.toJSON(),
+                    operations: [
+                      {
+                        pathname: 'test.png',
+                        file: {
+                          hash: fileHash,
+                        },
+                      },
+                    ],
+                    origin: { kind: 'test-origin' },
+                  },
+                ])
+                return true
+              })
+              .query({ end_version: 0 })
+              .reply(204)
+
+            async.series(
+              [
+                cb => {
+                  ProjectHistoryClient.resyncHistory(this.project_id, cb)
+                },
+                cb => {
+                  const update = {
+                    projectHistoryId: historyId,
+                    resyncProjectStructure: {
+                      docs: [],
+                      files: [
+                        {
+                          file: this.file_id,
+                          path: '/test.png',
+                          _hash: fileHash,
+                          url: `http://127.0.0.1:3009/project/${this.project_id}/file/${this.file_id}`,
+                        },
+                        { path: '/persistedFile' },
+                      ],
+                    },
+                    meta: {
+                      ts: this.timestamp,
+                    },
+                  }
+                  ProjectHistoryClient.pushRawUpdate(
+                    this.project_id,
+                    update,
+                    cb
+                  )
+                },
+                cb => {
+                  ProjectHistoryClient.flushProject(
+                    this.project_id,
+                    {
+                      allowErrors: true,
+                    },
+                    (err, res) => {
+                      if (err) return cb(err)
+                      assert(
+                        res.statusCode === 500,
+                        'resync should have failed'
+                      )
+                      cb()
+                    }
+                  )
+                },
+              ],
+              error => {
+                if (error) {
+                  throw error
+                }
+                assert(
+                  loggerError.calledWithMatch(
+                    sinon.match.any,
+                    'blocking filestore read'
+                  ),
+                  'error logged on 500'
+                )
+                assert(
+                  headBlob.isDone(),
+                  'HEAD /api/projects/:historyId/blobs/:hash should have been called'
+                )
+                assert(
+                  !createBlob.isDone(),
+                  '/api/projects/:historyId/blobs/:hash should have been skipped'
+                )
+                assert(
+                  !addFile.isDone(),
+                  `/api/projects/${historyId}/changes should have been skipped`
+                )
+                done()
+              }
+            )
+          })
+        })
+      })
+
+      describe('when a file hash mismatches', function () {
+        it('should remove and re-add file w/o url', function (done) {
+          MockHistoryStore()
+            .get(`/api/projects/${historyId}/latest/history`)
+            .reply(200, {
+              chunk: {
+                history: {
+                  snapshot: {
+                    files: {
+                      'test.png': { hash: EMPTY_FILE_HASH, byteLength: 0 },
+                    },
+                  },
+                  changes: [],
+                },
+                startVersion: 0,
+              },
+            })
+
+          const fileContents = Buffer.from([1, 2, 3])
+          const fileHash = 'aed2973e4b8a7ff1b30ff5c4751e5a2b38989e74'
+
+          MockFileStore()
+            .get(`/project/${this.project_id}/file/${this.file_id}`)
+            .reply(200, fileContents)
+          const headBlob = MockHistoryStore()
+            .head(`/api/projects/${historyId}/blobs/${fileHash}`)
+            .reply(200)
+          const createBlob = MockHistoryStore()
+            .put(`/api/projects/${historyId}/blobs/${fileHash}`, fileContents)
+            .reply(201)
+
+          const addFile = MockHistoryStore()
+            .post(`/api/projects/${historyId}/legacy_changes`, body => {
+              expect(body).to.deep.equal([
+                {
+                  v2Authors: [],
+                  authors: [],
+                  timestamp: this.timestamp.toJSON(),
+                  operations: [
+                    {
+                      pathname: 'test.png',
+                      newPathname: '',
+                    },
+                  ],
+                  origin: { kind: 'test-origin' },
+                },
+                {
+                  v2Authors: [],
+                  authors: [],
+                  timestamp: this.timestamp.toJSON(),
+                  operations: [
+                    {
+                      pathname: 'test.png',
+                      file: {
+                        hash: fileHash,
+                      },
+                    },
+                  ],
+                  origin: { kind: 'test-origin' },
+                },
+              ])
+              return true
+            })
+            .query({ end_version: 0 })
+            .reply(204)
+
+          async.series(
+            [
+              cb => {
+                ProjectHistoryClient.resyncHistory(this.project_id, cb)
+              },
+              cb => {
+                const update = {
+                  projectHistoryId: historyId,
+                  resyncProjectStructure: {
+                    docs: [],
+                    files: [
+                      {
+                        file: this.file_id,
+                        path: '/test.png',
+                        _hash: fileHash,
+                        createdBlob: true,
+                      },
+                    ],
+                  },
+                  meta: {
+                    ts: this.timestamp,
+                  },
+                }
+                ProjectHistoryClient.pushRawUpdate(this.project_id, update, cb)
+              },
+              cb => {
+                ProjectHistoryClient.flushProject(this.project_id, cb)
+              },
+            ],
+            error => {
+              if (error) {
+                throw error
+              }
+              assert(!loggerWarn.called, 'no warning logged on 404')
+              assert(
+                headBlob.isDone(),
+                'HEAD /api/projects/:historyId/blobs/:hash should have been called'
+              )
+              assert(
+                !createBlob.isDone(),
+                '/api/projects/:historyId/blobs/:hash should have been skipped'
+              )
+              assert(
+                addFile.isDone(),
+                `/api/projects/${historyId}/changes should have been called`
+              )
+              done()
+            }
+          )
+        })
+      })
+
+      describe("when a file exists which shouldn't", function () {
+        it('should send remove file updates to the history store', function (done) {
+          MockHistoryStore()
+            .get(`/api/projects/${historyId}/latest/history`)
+            .reply(200, {
+              chunk: {
+                history: {
+                  snapshot: {
+                    files: {
+                      docToKeep: { hash: EMPTY_FILE_HASH, stringLength: 0 },
+                      docToDelete: { hash: EMPTY_FILE_HASH, stringLength: 0 },
+                    },
+                  },
+                  changes: [],
+                },
+                startVersion: 0,
+              },
+            })
+
+          MockHistoryStore()
+            .get(`/api/projects/${historyId}/blobs/${EMPTY_FILE_HASH}`)
+            .reply(200, '')
+            .get(`/api/projects/${historyId}/blobs/${EMPTY_FILE_HASH}`)
+            .reply(200, '') // blob is requested once for each file
+
+          const deleteFile = MockHistoryStore()
+            .post(`/api/projects/${historyId}/legacy_changes`, body => {
+              expect(body).to.deep.equal([
+                {
+                  v2Authors: [],
+                  authors: [],
+                  timestamp: this.timestamp.toJSON(),
+                  operations: [
+                    {
+                      pathname: 'docToDelete',
+                      newPathname: '',
+                    },
+                  ],
+                  origin: { kind: 'test-origin' },
+                },
+              ])
+              return true
+            })
+            .query({ end_version: 0 })
+            .reply(204)
+
+          async.series(
+            [
+              cb => {
+                ProjectHistoryClient.resyncHistory(this.project_id, cb)
+              },
+              cb => {
+                const update = {
+                  projectHistoryId: historyId,
+                  resyncProjectStructure: {
+                    docs: [{ path: 'docToKeep' }],
+                    files: [],
+                  },
+                  meta: {
+                    ts: this.timestamp,
+                  },
+                }
+                ProjectHistoryClient.pushRawUpdate(this.project_id, update, cb)
+              },
+              cb => {
+                ProjectHistoryClient.flushProject(this.project_id, cb)
+              },
+            ],
+            error => {
+              if (error) {
+                throw error
+              }
+              assert(
+                deleteFile.isDone(),
+                `/api/projects/${historyId}/changes should have been called`
+              )
+              done()
+            }
+          )
+        })
+      })
+
+      describe("when a doc's contents is not up to date", function () {
+        beforeEach(function () {
+          MockHistoryStore()
+            .get(`/api/projects/${historyId}/latest/history`)
+            .reply(200, {
+              chunk: {
+                history: {
+                  snapshot: {
+                    files: {
+                      'main.tex': {
+                        hash: '0a207c060e61f3b88eaee0a8cd0696f46fb155eb',
+                        stringLength: 3,
+                      },
+                    },
+                  },
+                  changes: [],
+                },
+                startVersion: 0,
+              },
+            })
+
+          MockHistoryStore()
+            .get(
+              `/api/projects/${historyId}/blobs/0a207c060e61f3b88eaee0a8cd0696f46fb155eb`
+            )
+            .reply(200, 'a\nb')
+        })
+
+        it('should send test updates to the history store', function (done) {
+          const addFile = MockHistoryStore()
+            .post(`/api/projects/${historyId}/legacy_changes`, body => {
+              expect(body).to.deep.equal([
+                {
+                  v2Authors: [],
+                  authors: [],
+                  timestamp: this.timestamp.toJSON(),
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [3, '\nc'],
+                    },
+                  ],
+                  origin: { kind: 'test-origin' },
+                },
+              ])
+              return true
+            })
+            .query({ end_version: 0 })
+            .reply(204)
+
+          async.series(
+            [
+              cb => {
+                ProjectHistoryClient.resyncHistory(this.project_id, cb)
+              },
+              cb => {
+                const update = {
+                  projectHistoryId: historyId,
+                  resyncProjectStructure: {
+                    docs: [{ path: '/main.tex' }],
+                    files: [],
+                  },
+                  meta: {
+                    ts: this.timestamp,
+                  },
+                }
+                ProjectHistoryClient.pushRawUpdate(this.project_id, update, cb)
+              },
+              cb => {
+                const update = {
+                  path: '/main.tex',
+                  projectHistoryId: historyId,
+                  resyncDocContent: {
+                    content: 'a\nb\nc',
+                  },
+                  doc: this.doc_id,
+                  meta: {
+                    ts: this.timestamp,
+                  },
+                }
+                ProjectHistoryClient.pushRawUpdate(this.project_id, update, cb)
+              },
+              cb => {
+                ProjectHistoryClient.flushProject(this.project_id, cb)
+              },
+            ],
+            error => {
+              if (error) {
+                throw error
+              }
+              assert(
+                addFile.isDone(),
+                `/api/projects/${historyId}/changes should have been called`
+              )
+              done()
+            }
+          )
+        })
+
+        it('should strip non-BMP characters in updates before sending to the history store', function (done) {
+          const addFile = MockHistoryStore()
+            .post(`/api/projects/${historyId}/legacy_changes`, body => {
+              expect(body).to.deep.equal([
+                {
+                  v2Authors: [],
+                  authors: [],
+                  timestamp: this.timestamp.toJSON(),
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [3, '\n\uFFFD\uFFFDc'],
+                    },
+                  ],
+                  origin: { kind: 'test-origin' },
+                },
+              ])
+              return true
+            })
+            .query({ end_version: 0 })
+            .reply(204)
+
+          async.series(
+            [
+              cb => {
+                ProjectHistoryClient.resyncHistory(this.project_id, cb)
+              },
+              cb => {
+                const update = {
+                  projectHistoryId: historyId,
+                  resyncProjectStructure: {
+                    docs: [{ path: '/main.tex' }],
+                    files: [],
+                  },
+                  meta: {
+                    ts: this.timestamp,
+                  },
+                }
+                ProjectHistoryClient.pushRawUpdate(this.project_id, update, cb)
+              },
+              cb => {
+                const update = {
+                  path: '/main.tex',
+                  projectHistoryId: historyId,
+                  resyncDocContent: {
+                    content: 'a\nb\n\uD800\uDC00c',
+                  },
+                  doc: this.doc_id,
+                  meta: {
+                    ts: this.timestamp,
+                  },
+                }
+                ProjectHistoryClient.pushRawUpdate(this.project_id, update, cb)
+              },
+              cb => {
+                ProjectHistoryClient.flushProject(this.project_id, cb)
+              },
+            ],
+            error => {
+              if (error) {
+                throw error
+              }
+              assert(
+                addFile.isDone(),
+                `/api/projects/${historyId}/changes should have been called`
+              )
+              done()
+            }
+          )
+        })
+
+        it('should fix comments in the history store', function (done) {
+          const commentId = 'comment-id'
+          const addComment = MockHistoryStore()
+            .post(`/api/projects/${historyId}/legacy_changes`, body => {
+              expect(body).to.deep.equal([
+                {
+                  v2Authors: [],
+                  authors: [],
+                  timestamp: this.timestamp.toJSON(),
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      commentId,
+                      ranges: [{ pos: 1, length: 10 }],
+                    },
+                  ],
+                  origin: { kind: 'test-origin' },
+                },
+              ])
+              return true
+            })
+            .query({ end_version: 0 })
+            .reply(204)
+
+          async.series(
+            [
+              cb => {
+                ProjectHistoryClient.resyncHistory(this.project_id, cb)
+              },
+              cb => {
+                const update = {
+                  projectHistoryId: historyId,
+                  resyncProjectStructure: {
+                    docs: [{ path: '/main.tex' }],
+                    files: [],
+                  },
+                  meta: {
+                    ts: this.timestamp,
+                  },
+                }
+                ProjectHistoryClient.pushRawUpdate(this.project_id, update, cb)
+              },
+              cb => {
+                const update = {
+                  path: '/main.tex',
+                  projectHistoryId: historyId,
+                  resyncDocContent: {
+                    content: 'a\nb',
+                    ranges: {
+                      comments: [
+                        {
+                          id: commentId,
+                          op: {
+                            c: 'a',
+                            p: 0,
+                            hpos: 1,
+                            hlen: 10,
+                            t: commentId,
+                          },
+                          meta: {
+                            user_id: 'user-id',
+                            ts: this.timestamp,
+                          },
+                        },
+                      ],
+                    },
+                  },
+                  doc: this.doc_id,
+                  meta: {
+                    ts: this.timestamp,
+                  },
+                }
+                ProjectHistoryClient.pushRawUpdate(this.project_id, update, cb)
+              },
+              cb => {
+                ProjectHistoryClient.flushProject(this.project_id, cb)
+              },
+            ],
+            error => {
+              if (error) {
+                return done(error)
+              }
+              assert(
+                addComment.isDone(),
+                `/api/projects/${historyId}/changes should have been called`
+              )
+              done()
+            }
+          )
+        })
+      })
+
+      describe('resyncProjectStructureOnly', function () {
+        it('should handle structure only updates', function (done) {
+          const fileHash = 'aed2973e4b8a7ff1b30ff5c4751e5a2b38989e74'
+
+          MockHistoryStore()
+            .get(`/api/projects/${historyId}/latest/history`)
+            .reply(200, {
+              chunk: {
+                history: {
+                  snapshot: {
+                    files: {
+                      'main.tex': {
+                        hash: '0a207c060e61f3b88eaee0a8cd0696f46fb155eb',
+                        stringLength: 3,
+                      },
+                    },
+                  },
+                  changes: [],
+                },
+                startVersion: 0,
+              },
+            })
+
+          const docContentRequest = MockHistoryStore()
+            .get(
+              `/api/projects/${historyId}/blobs/0a207c060e61f3b88eaee0a8cd0696f46fb155eb`
+            )
+            .reply(200, 'a\nb')
+          MockHistoryStore()
+            .head(`/api/projects/${historyId}/blobs/${fileHash}`)
+            .reply(200)
+          const addFile = MockHistoryStore()
+            .post(`/api/projects/${historyId}/legacy_changes`, body => {
+              expect(body).to.deep.equal([
+                {
+                  v2Authors: [],
+                  authors: [],
+                  timestamp: this.timestamp.toJSON(),
+                  operations: [
+                    {
+                      pathname: 'test.png',
+                      file: {
+                        hash: fileHash,
+                      },
+                    },
+                  ],
+                  origin: { kind: 'test-origin' },
+                },
+              ])
+              return true
+            })
+            .query({ end_version: 0 })
+            .reply(204)
+
+          // allow a 2nd resync
+          MockWeb()
+            .post(`/project/${this.project_id}/history/resync`)
+            .reply(204)
+
+          async.series(
+            [
+              cb => {
+                ProjectHistoryClient.resyncHistory(this.project_id, cb)
+              },
+              cb => {
+                const update = {
+                  projectHistoryId: historyId,
+                  resyncProjectStructureOnly: true,
+                  resyncProjectStructure: {
+                    docs: [{ path: '/main.tex' }],
+                    files: [
+                      {
+                        file: this.file_id,
+                        path: '/test.png',
+                        _hash: fileHash,
+                        createdBlob: true,
+                      },
+                    ],
+                  },
+                  meta: {
+                    ts: this.timestamp,
+                  },
+                }
+                ProjectHistoryClient.pushRawUpdate(this.project_id, update, cb)
+              },
+              cb => {
+                ProjectHistoryClient.flushProject(this.project_id, cb)
+              },
+              cb => {
+                // fails when previous resync did not finish
+                ProjectHistoryClient.resyncHistory(this.project_id, cb)
+              },
+            ],
+            error => {
+              if (error) {
+                throw error
+              }
+              assert(
+                addFile.isDone(),
+                `/api/projects/${historyId}/changes should have been called`
+              )
+              assert(
+                !docContentRequest.isDone(),
+                'should not have requested doc content'
+              )
+              done()
+            }
+          )
+        })
+        it('should reject partial resync on docs', function (done) {
+          const fileHash = 'aed2973e4b8a7ff1b30ff5c4751e5a2b38989e74'
+
+          MockHistoryStore()
+            .get(`/api/projects/${historyId}/latest/history`)
+            .reply(200, {
+              chunk: {
+                history: {
+                  snapshot: {
+                    files: {
+                      'main.tex': {
+                        hash: '0a207c060e61f3b88eaee0a8cd0696f46fb155eb',
+                        stringLength: 3,
+                      },
+                    },
+                  },
+                  changes: [],
+                },
+                startVersion: 0,
+              },
+            })
+
+          const docContentRequest = MockHistoryStore()
+            .get(
+              `/api/projects/${historyId}/blobs/0a207c060e61f3b88eaee0a8cd0696f46fb155eb`
+            )
+            .reply(200, 'a\nb')
+          MockHistoryStore()
+            .head(`/api/projects/${historyId}/blobs/${fileHash}`)
+            .reply(200)
+          const addFile = MockHistoryStore()
+            .post(`/api/projects/${historyId}/legacy_changes`)
+            .query({ end_version: 0 })
+            .reply(204)
+
+          // allow a 2nd resync
+          MockWeb()
+            .post(`/project/${this.project_id}/history/resync`)
+            .reply(204)
+
+          async.series(
+            [
+              cb => {
+                ProjectHistoryClient.resyncHistory(this.project_id, cb)
+              },
+              cb => {
+                const update = {
+                  projectHistoryId: historyId,
+                  resyncProjectStructureOnly: true,
+                  resyncProjectStructure: {
+                    docs: [{ path: '/main-renamed.tex' }],
+                    files: [
+                      {
+                        file: this.file_id,
+                        path: '/test.png',
+                        _hash: fileHash,
+                        createdBlob: true,
+                      },
+                    ],
+                  },
+                  meta: {
+                    ts: this.timestamp,
+                  },
+                }
+                ProjectHistoryClient.pushRawUpdate(this.project_id, update, cb)
+              },
+              cb => {
+                ProjectHistoryClient.flushProject(
+                  this.project_id,
+                  { allowErrors: true },
+                  (err, res) => {
+                    if (err) return cb(err)
+                    expect(res.statusCode).to.equal(500)
+                    expect(loggerError).to.have.been.calledWith(
+                      sinon.match({
+                        err: {
+                          name: 'NeedFullProjectStructureResyncError',
+                          message: 'aborting partial resync: touched doc',
+                        },
+                      })
+                    )
+
+                    getFailure(this.project_id, (err, failure) => {
+                      if (err) return cb(err)
+                      expect(failure).to.include({
+                        error:
+                          'NeedFullProjectStructureResyncError: aborting partial resync: touched doc',
+                      })
+                      cb()
+                    })
+                  }
+                )
+              },
+              cb => {
+                // fails when previous resync did not finish
+                ProjectHistoryClient.resyncHistory(this.project_id, cb)
+              },
+            ],
+            error => {
+              if (error) {
+                throw error
+              }
+              assert(!addFile.isDone(), 'should not have persisted changes')
+              assert(
+                !docContentRequest.isDone(),
+                'should not have requested doc content'
+              )
+              done()
+            }
+          )
+        })
+      })
+    })
+  })
+})
diff --git a/services/project-history/test/acceptance/js/helpers/HistoryId.js b/services/project-history/test/acceptance/js/helpers/HistoryId.js
new file mode 100644
index 0000000..1980831
--- /dev/null
+++ b/services/project-history/test/acceptance/js/helpers/HistoryId.js
@@ -0,0 +1,7 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+let id = 0
+
+export function nextId() {
+  return id++
+}
diff --git a/services/project-history/test/acceptance/js/helpers/HistoryStoreClient.js b/services/project-history/test/acceptance/js/helpers/HistoryStoreClient.js
new file mode 100644
index 0000000..f17dc07
--- /dev/null
+++ b/services/project-history/test/acceptance/js/helpers/HistoryStoreClient.js
@@ -0,0 +1,41 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { expect } from 'chai'
+import request from 'request'
+import Settings from '@overleaf/settings'
+
+export function getLatestContent(olProjectId, callback) {
+  if (callback == null) {
+    callback = function () {}
+  }
+  return request.get(
+    {
+      url: `${Settings.overleaf.history.host}/projects/${olProjectId}/latest/content`,
+      auth: {
+        user: Settings.overleaf.history.user,
+        pass: Settings.overleaf.history.pass,
+        sendImmediately: true,
+      },
+    },
+    (error, res, body) => {
+      if (res.statusCode < 200 || res.statusCode >= 300) {
+        callback(
+          new Error(
+            `history store a non-success status code: ${res.statusCode}`
+          )
+        )
+      }
+
+      return callback(error, JSON.parse(body))
+    }
+  )
+}
diff --git a/services/project-history/test/acceptance/js/helpers/ProjectHistoryApp.js b/services/project-history/test/acceptance/js/helpers/ProjectHistoryApp.js
new file mode 100644
index 0000000..ae453b7
--- /dev/null
+++ b/services/project-history/test/acceptance/js/helpers/ProjectHistoryApp.js
@@ -0,0 +1,41 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { app } from '../../../../app/js/server.js'
+
+let running = false
+let initing = false
+const callbacks = []
+
+export function ensureRunning(callback) {
+  if (callback == null) {
+    callback = function () {}
+  }
+  if (running) {
+    return callback()
+  } else if (initing) {
+    return callbacks.push(callback)
+  }
+  initing = true
+  callbacks.push(callback)
+  app.listen(3054, '127.0.0.1', error => {
+    if (error != null) {
+      throw error
+    }
+    running = true
+    return (() => {
+      const result = []
+      for (callback of Array.from(callbacks)) {
+        result.push(callback())
+      }
+      return result
+    })()
+  })
+}
diff --git a/services/project-history/test/acceptance/js/helpers/ProjectHistoryClient.js b/services/project-history/test/acceptance/js/helpers/ProjectHistoryClient.js
new file mode 100644
index 0000000..92caa4b
--- /dev/null
+++ b/services/project-history/test/acceptance/js/helpers/ProjectHistoryClient.js
@@ -0,0 +1,354 @@
+import { expect } from 'chai'
+import request from 'request'
+import Settings from '@overleaf/settings'
+import RedisWrapper from '@overleaf/redis-wrapper'
+import { db } from '../../../../app/js/mongodb.js'
+
+const rclient = RedisWrapper.createClient(Settings.redis.project_history)
+const Keys = Settings.redis.project_history.key_schema
+
+export function resetDatabase(callback) {
+  rclient.flushdb(callback)
+}
+
+export function initializeProject(historyId, callback) {
+  request.post(
+    {
+      url: 'http://127.0.0.1:3054/project',
+      json: { historyId },
+    },
+    (error, res, body) => {
+      if (error) {
+        return callback(error)
+      }
+      expect(res.statusCode).to.equal(200)
+      callback(null, body.project)
+    }
+  )
+}
+
+export function flushProject(projectId, options, callback) {
+  if (typeof options === 'function') {
+    callback = options
+    options = null
+  }
+  if (!options) {
+    options = { allowErrors: false }
+  }
+  request.post(
+    {
+      url: `http://127.0.0.1:3054/project/${projectId}/flush`,
+    },
+    (error, res, body) => {
+      if (error) {
+        return callback(error)
+      }
+      if (!options.allowErrors) {
+        expect(res.statusCode).to.equal(204)
+      }
+      callback(error, res)
+    }
+  )
+}
+
+export function getSummarizedUpdates(projectId, query, callback) {
+  request.get(
+    {
+      url: `http://127.0.0.1:3054/project/${projectId}/updates`,
+      qs: query,
+      json: true,
+    },
+    (error, res, body) => {
+      if (error) {
+        return callback(error)
+      }
+      expect(res.statusCode).to.equal(200)
+      callback(error, body)
+    }
+  )
+}
+
+export function getDiff(projectId, pathname, from, to, callback) {
+  request.get(
+    {
+      url: `http://127.0.0.1:3054/project/${projectId}/diff`,
+      qs: {
+        pathname,
+        from,
+        to,
+      },
+      json: true,
+    },
+    (error, res, body) => {
+      if (error) {
+        return callback(error)
+      }
+      expect(res.statusCode).to.equal(200)
+      callback(error, body)
+    }
+  )
+}
+
+export function getFileTreeDiff(projectId, from, to, callback) {
+  request.get(
+    {
+      url: `http://127.0.0.1:3054/project/${projectId}/filetree/diff`,
+      qs: {
+        from,
+        to,
+      },
+      json: true,
+    },
+    (error, res, body) => {
+      if (error) {
+        return callback(error)
+      }
+      callback(error, body, res.statusCode)
+    }
+  )
+}
+
+export function getChangesInChunkSince(projectId, since, options, callback) {
+  request.get(
+    {
+      url: `http://127.0.0.1:3054/project/${projectId}/changes-in-chunk`,
+      qs: {
+        since,
+      },
+      json: true,
+    },
+    (error, res, body) => {
+      if (error) return callback(error)
+      if (!options.allowErrors) {
+        expect(res.statusCode).to.equal(200)
+      }
+      callback(null, body, res.statusCode)
+    }
+  )
+}
+
+export function getLatestSnapshot(projectId, callback) {
+  request.get(
+    {
+      url: `http://127.0.0.1:3054/project/${projectId}/snapshot`,
+      json: true,
+    },
+    (error, res, body) => {
+      if (error) {
+        return callback(error)
+      }
+      expect(res.statusCode).to.equal(200)
+      callback(null, body)
+    }
+  )
+}
+
+export function getSnapshot(projectId, pathname, version, options, callback) {
+  if (typeof options === 'function') {
+    callback = options
+    options = null
+  }
+  if (!options) {
+    options = { allowErrors: false }
+  }
+  request.get(
+    {
+      url: `http://127.0.0.1:3054/project/${projectId}/version/${version}/${encodeURIComponent(
+        pathname
+      )}`,
+    },
+    (error, res, body) => {
+      if (error) {
+        return callback(error)
+      }
+      if (!options.allowErrors) {
+        expect(res.statusCode).to.equal(200)
+      }
+      callback(error, body, res.statusCode)
+    }
+  )
+}
+
+export function pushRawUpdate(projectId, update, callback) {
+  rclient.rpush(
+    Keys.projectHistoryOps({ project_id: projectId }),
+    JSON.stringify(update),
+    callback
+  )
+}
+
+export function setFirstOpTimestamp(projectId, timestamp, callback) {
+  rclient.set(
+    Keys.projectHistoryFirstOpTimestamp({ project_id: projectId }),
+    timestamp,
+    callback
+  )
+}
+
+export function getFirstOpTimestamp(projectId, callback) {
+  rclient.get(
+    Keys.projectHistoryFirstOpTimestamp({ project_id: projectId }),
+    callback
+  )
+}
+
+export function clearFirstOpTimestamp(projectId, callback) {
+  rclient.del(
+    Keys.projectHistoryFirstOpTimestamp({ project_id: projectId }),
+    callback
+  )
+}
+
+export function getQueueLength(projectId, callback) {
+  rclient.llen(Keys.projectHistoryOps({ project_id: projectId }), callback)
+}
+
+export function getQueueCounts(callback) {
+  return request.get(
+    {
+      url: 'http://127.0.0.1:3054/status/queue',
+      json: true,
+    },
+    callback
+  )
+}
+
+export function resyncHistory(projectId, callback) {
+  request.post(
+    {
+      url: `http://127.0.0.1:3054/project/${projectId}/resync`,
+      json: true,
+      body: { origin: { kind: 'test-origin' } },
+    },
+    (error, res, body) => {
+      if (error) {
+        return callback(error)
+      }
+      expect(res.statusCode).to.equal(204)
+      callback(error)
+    }
+  )
+}
+
+export function createLabel(
+  projectId,
+  userId,
+  version,
+  comment,
+  createdAt,
+  callback
+) {
+  request.post(
+    {
+      url: `http://127.0.0.1:3054/project/${projectId}/labels`,
+      json: { comment, version, created_at: createdAt, user_id: userId },
+    },
+    (error, res, body) => {
+      if (error) {
+        return callback(error)
+      }
+      expect(res.statusCode).to.equal(200)
+      callback(null, body)
+    }
+  )
+}
+
+export function getLabels(projectId, callback) {
+  request.get(
+    {
+      url: `http://127.0.0.1:3054/project/${projectId}/labels`,
+      json: true,
+    },
+    (error, res, body) => {
+      if (error) {
+        return callback(error)
+      }
+      expect(res.statusCode).to.equal(200)
+      callback(null, body)
+    }
+  )
+}
+
+export function deleteLabelForUser(projectId, userId, labelId, callback) {
+  request.delete(
+    {
+      url: `http://127.0.0.1:3054/project/${projectId}/user/${userId}/labels/${labelId}`,
+    },
+    (error, res, body) => {
+      if (error) {
+        return callback(error)
+      }
+      expect(res.statusCode).to.equal(204)
+      callback(null, body)
+    }
+  )
+}
+
+export function deleteLabel(projectId, labelId, callback) {
+  request.delete(
+    {
+      url: `http://127.0.0.1:3054/project/${projectId}/labels/${labelId}`,
+    },
+    (error, res, body) => {
+      if (error) {
+        return callback(error)
+      }
+      expect(res.statusCode).to.equal(204)
+      callback(null, body)
+    }
+  )
+}
+
+export function setFailure(failureEntry, callback) {
+  db.projectHistoryFailures.deleteOne(
+    { project_id: { $exists: true } },
+    (err, result) => {
+      if (err) {
+        return callback(err)
+      }
+      db.projectHistoryFailures.insertOne(failureEntry, callback)
+    }
+  )
+}
+
+export function getFailure(projectId, callback) {
+  db.projectHistoryFailures.findOne({ project_id: projectId }, callback)
+}
+
+export function transferLabelOwnership(fromUser, toUser, callback) {
+  request.post(
+    {
+      url: `http://127.0.0.1:3054/user/${fromUser}/labels/transfer/${toUser}`,
+    },
+    (error, res, body) => {
+      if (error) {
+        return callback(error)
+      }
+      expect(res.statusCode).to.equal(204)
+      callback(null, body)
+    }
+  )
+}
+
+export function getDump(projectId, callback) {
+  request.get(
+    `http://127.0.0.1:3054/project/${projectId}/dump`,
+    (err, res, body) => {
+      if (err) {
+        return callback(err)
+      }
+      expect(res.statusCode).to.equal(200)
+      callback(null, JSON.parse(body))
+    }
+  )
+}
+
+export function deleteProject(projectId, callback) {
+  request.delete(`http://127.0.0.1:3054/project/${projectId}`, (err, res) => {
+    if (err) {
+      return callback(err)
+    }
+    expect(res.statusCode).to.equal(204)
+    callback()
+  })
+}
diff --git a/services/project-history/test/setup.js b/services/project-history/test/setup.js
new file mode 100644
index 0000000..0bc2ff7
--- /dev/null
+++ b/services/project-history/test/setup.js
@@ -0,0 +1,13 @@
+import chai from 'chai'
+import sinonChai from 'sinon-chai'
+import chaiAsPromised from 'chai-as-promised'
+import mongodb from 'mongodb-legacy'
+const { ObjectId } = mongodb
+
+// ensure every ObjectId has the id string as a property for correct comparisons
+ObjectId.cacheHexString = true
+
+// Chai configuration
+chai.should()
+chai.use(sinonChai)
+chai.use(chaiAsPromised)
diff --git a/services/project-history/test/unit/js/BlobManager/BlobManagerTests.js b/services/project-history/test/unit/js/BlobManager/BlobManagerTests.js
new file mode 100644
index 0000000..e5c9b6e
--- /dev/null
+++ b/services/project-history/test/unit/js/BlobManager/BlobManagerTests.js
@@ -0,0 +1,160 @@
+import sinon from 'sinon'
+import { strict as esmock } from 'esmock'
+
+const MODULE_PATH = '../../../../app/js/BlobManager.js'
+
+describe('BlobManager', function () {
+  beforeEach(async function () {
+    this.callback = sinon.stub()
+    this.extendLock = sinon.stub().yields()
+    this.project_id = 'project-1'
+    this.historyId = 12345
+    this.HistoryStoreManager = {
+      createBlobForUpdate: sinon.stub(),
+    }
+    this.UpdateTranslator = {
+      isAddUpdate: sinon.stub().returns(false),
+    }
+    this.BlobManager = await esmock(MODULE_PATH, {
+      '../../../../app/js/HistoryStoreManager.js': this.HistoryStoreManager,
+      '../../../../app/js/UpdateTranslator.js': this.UpdateTranslator,
+    })
+    this.updates = ['update-1', 'update-2']
+  })
+
+  describe('createBlobsForUpdates', function () {
+    describe('when there are no blobs to create', function () {
+      beforeEach(function (done) {
+        this.BlobManager.createBlobsForUpdates(
+          this.project_id,
+          this.historyId,
+          this.updates,
+          this.extendLock,
+          (error, updatesWithBlobs) => {
+            this.callback(error, updatesWithBlobs)
+            done()
+          }
+        )
+      })
+
+      it('should not create any blobs', function () {
+        this.HistoryStoreManager.createBlobForUpdate.called.should.equal(false)
+      })
+
+      it('should call the callback with the updates', function () {
+        const updatesWithBlobs = this.updates.map(update => ({
+          update,
+        }))
+        this.callback.calledWith(null, updatesWithBlobs).should.equal(true)
+      })
+    })
+
+    describe('when there are blobs to create', function () {
+      beforeEach(function (done) {
+        this.UpdateTranslator.isAddUpdate.returns(true)
+        this.blobHash = 'test hash'
+        this.HistoryStoreManager.createBlobForUpdate.yields(null, {
+          file: this.blobHash,
+        })
+        this.BlobManager.createBlobsForUpdates(
+          this.project_id,
+          this.historyId,
+          this.updates,
+          this.extendLock,
+          (error, updatesWithBlobs) => {
+            this.callback(error, updatesWithBlobs)
+            done()
+          }
+        )
+      })
+
+      it('should create blobs', function () {
+        this.HistoryStoreManager.createBlobForUpdate
+          .calledWith(this.project_id, this.historyId, this.updates[0])
+          .should.equal(true)
+      })
+
+      it('should extend the lock', function () {
+        this.extendLock.called.should.equal(true)
+      })
+
+      it('should call the callback with the updates', function () {
+        const updatesWithBlobs = this.updates.map(update => ({
+          update,
+          blobHashes: { file: this.blobHash },
+        }))
+        this.callback.calledWith(null, updatesWithBlobs).should.equal(true)
+      })
+    })
+
+    describe('when there are blobs to create and there is a single network error', function () {
+      beforeEach(function (done) {
+        this.UpdateTranslator.isAddUpdate.returns(true)
+        this.blobHash = 'test hash'
+        this.HistoryStoreManager.createBlobForUpdate
+          .onFirstCall()
+          .yields(new Error('random failure'))
+        this.HistoryStoreManager.createBlobForUpdate.yields(null, {
+          file: this.blobHash,
+        })
+        this.BlobManager.createBlobsForUpdates(
+          this.project_id,
+          this.historyId,
+          this.updates,
+          this.extendLock,
+          (error, updatesWithBlobs) => {
+            this.callback(error, updatesWithBlobs)
+            done()
+          }
+        )
+      })
+
+      it('should create blobs', function () {
+        this.HistoryStoreManager.createBlobForUpdate
+          .calledWith(this.project_id, this.historyId, this.updates[0])
+          .should.equal(true)
+      })
+
+      it('should extend the lock', function () {
+        this.extendLock.called.should.equal(true)
+      })
+
+      it('should call the callback with the updates', function () {
+        const updatesWithBlobs = this.updates.map(update => ({
+          update,
+          blobHashes: { file: this.blobHash },
+        }))
+        this.callback.calledWith(null, updatesWithBlobs).should.equal(true)
+      })
+    })
+
+    describe('when there are blobs to create and there are multiple network errors', function () {
+      beforeEach(function (done) {
+        this.UpdateTranslator.isAddUpdate.returns(true)
+        this.blobHash = 'test hash'
+        this.error = new Error('random failure')
+        this.HistoryStoreManager.createBlobForUpdate.yields(this.error)
+        this.BlobManager.createBlobsForUpdates(
+          this.project_id,
+          this.historyId,
+          this.updates,
+          this.extendLock,
+          (error, updatesWithBlobs) => {
+            this.callback(error, updatesWithBlobs)
+            done()
+          }
+        )
+      })
+
+      it('should try to create blobs', function () {
+        this.HistoryStoreManager.createBlobForUpdate
+          .calledWith(this.project_id, this.historyId, this.updates[0])
+          .should.equal(true)
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback.calledWith(this.error).should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/project-history/test/unit/js/ChunkTranslator/ChunkTranslatorTests.js b/services/project-history/test/unit/js/ChunkTranslator/ChunkTranslatorTests.js
new file mode 100644
index 0000000..e4b32c4
--- /dev/null
+++ b/services/project-history/test/unit/js/ChunkTranslator/ChunkTranslatorTests.js
@@ -0,0 +1,3050 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import { strict as esmock } from 'esmock'
+
+const MODULE_PATH = '../../../../app/js/ChunkTranslator.js'
+
+describe('ChunkTranslator', function () {
+  beforeEach(async function () {
+    this.projectId = '0123456789abc0123456789abc'
+    this.historyId = 12345
+    this.author1 = {
+      id: 1,
+      email: 'james.allen@overleaf.com',
+      name: 'James Allen',
+    }
+    this.date = new Date()
+    this.fileHash = 'some_hash'
+    this.fileContents = 'Hello world, this is a test'
+    this.HistoryStoreManager = {
+      getProjectBlob: sinon.stub(),
+    }
+    this.HistoryStoreManager.getProjectBlob
+      .withArgs(this.historyId, this.fileHash)
+      .yields(null, this.fileContents)
+    this.WebApiManager = {
+      getHistoryId: sinon.stub().callsFake((projectId, cb) => {
+        console.log({ projectId })
+      }),
+    }
+    this.WebApiManager.getHistoryId
+      .withArgs(this.projectId)
+      .yields(null, this.historyId)
+    this.ChunkTranslator = await esmock(MODULE_PATH, {
+      '../../../../app/js/HistoryStoreManager.js': this.HistoryStoreManager,
+      '../../../../app/js/WebApiManager.js': this.WebApiManager,
+    })
+    this.callback = sinon.stub()
+  })
+
+  describe('with changes to the text', function () {
+    beforeEach(function () {
+      this.chunk = {
+        project_id: this.projectId,
+        chunk: {
+          startVersion: 0,
+          history: {
+            snapshot: {
+              files: {
+                'main.tex': {
+                  hash: this.fileHash,
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  { pathname: 'main.tex', textOperation: ['Hello test, ', -6] },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+              {
+                operations: [
+                  { pathname: 'main.tex', textOperation: [6, 'foo '] },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+              {
+                operations: [{ pathname: 'main.tex', textOperation: [6, -4] }],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+              {
+                origin: {
+                  kind: 'file-restore',
+                  version: 1,
+                  path: 'main.tex',
+                  timestamp: this.date.toISOString(),
+                },
+                operations: [
+                  {
+                    pathname: 'main.tex',
+                    newPathname: '',
+                  },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+              {
+                origin: {
+                  kind: 'file-restore',
+                  version: 1,
+                  path: 'main.tex',
+                  timestamp: this.date.toISOString(),
+                },
+                operations: [
+                  {
+                    pathname: 'main.tex',
+                    file: {
+                      hash: this.fileHash,
+                      stringLength: 42,
+                    },
+                  },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'main.tex',
+                    newPathname: 'main2.tex',
+                  },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+            ],
+          },
+        },
+        authors: [this.author1.id],
+      }
+    })
+
+    describe('convertToDiffUpdates', function () {
+      it('should convert them to insert and delete ops', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          0,
+          3,
+          (error, param) => {
+            if (param == null) {
+              param = {}
+            }
+            const { initialContent, updates } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal(this.fileContents)
+            expect(updates).to.deep.equal([
+              {
+                op: [
+                  { i: 'Hello test, ', p: 0 },
+                  { d: 'Hello ', p: 12 },
+                ],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 0,
+              },
+              {
+                op: [{ i: 'foo ', p: 6 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 1,
+              },
+              {
+                op: [{ d: 'foo ', p: 6 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 2,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('should return the correct initial text if there are previous changes', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          2,
+          3,
+          (error, param) => {
+            if (param == null) {
+              param = {}
+            }
+            const { initialContent, updates } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal(
+              'Hello foo test, world, this is a test'
+            )
+            expect(updates).to.deep.equal([
+              {
+                op: [{ d: 'foo ', p: 6 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 2,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('should return the correct initial text in case of file restore', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          3,
+          5,
+          (error, param) => {
+            const { initialContent } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal('Hello world, this is a test')
+            done()
+          }
+        )
+      })
+
+      it('should still find original file in case it was renamed', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          5,
+          6,
+          (error, param) => {
+            const { initialContent } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal('Hello world, this is a test')
+            done()
+          }
+        )
+      })
+    })
+
+    describe('convertToSummarizedUpdates', function () {
+      it('should return a summary of which docs changes when', function (done) {
+        const assertion = (error, updates) => {
+          expect(error).to.be.null
+
+          expect(updates).to.deep.equal([
+            {
+              pathnames: ['main.tex'],
+              project_ops: [],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 0,
+            },
+            {
+              pathnames: ['main.tex'],
+              project_ops: [],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 1,
+            },
+            {
+              pathnames: ['main.tex'],
+              project_ops: [],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 2,
+            },
+            {
+              pathnames: [],
+              project_ops: [
+                {
+                  remove: {
+                    pathname: 'main.tex',
+                  },
+                },
+              ],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+                origin: {
+                  kind: 'file-restore',
+                  version: 1,
+                  path: 'main.tex',
+                  timestamp: this.date.toISOString(),
+                },
+              },
+              v: 3,
+            },
+            {
+              pathnames: [],
+              project_ops: [
+                {
+                  add: {
+                    pathname: 'main.tex',
+                  },
+                },
+              ],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+                origin: {
+                  kind: 'file-restore',
+                  version: 1,
+                  path: 'main.tex',
+                  timestamp: this.date.toISOString(),
+                },
+              },
+              v: 4,
+            },
+            {
+              pathnames: [],
+              project_ops: [
+                {
+                  rename: {
+                    pathname: 'main.tex',
+                    newPathname: 'main2.tex',
+                  },
+                },
+              ],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 5,
+            },
+          ])
+          done()
+        }
+
+        this.ChunkTranslator.convertToSummarizedUpdates(this.chunk, assertion)
+      })
+    })
+  })
+
+  describe('with a sequence of inserts and deletes', function () {
+    beforeEach(function () {
+      this.fileHash = 'some_other_hash'
+      this.initialFileContents = 'aa bbbbb ccc '
+      this.HistoryStoreManager.getProjectBlob
+        .withArgs(this.historyId, this.fileHash)
+        .yields(null, this.initialFileContents)
+
+      this.chunk = {
+        chunk: {
+          startVersion: 0,
+          history: {
+            snapshot: {
+              files: {
+                'main.tex': {
+                  hash: this.fileHash,
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'main.tex',
+                    textOperation: [
+                      '111 ', // -> "111 aa bbbbb ccc "
+                      -3, // -> "111 bbbbb ccc "
+                      6, // -> "111 bbbbb ccc "
+                      '2222 ', // -> "111 bbbbb 2222 ccc "
+                      -1, // -> "111 bbbbb 2222 cc "
+                      'd', // -> "111 bbbbb 2222 dcc "
+                      3,
+                    ],
+                  },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+            ],
+          },
+        },
+        authors: [this.author1.id],
+      }
+    })
+
+    describe('convertToDiffUpdates', function () {
+      it('should convert them to insert and delete ops', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          0,
+          1,
+          (error, param) => {
+            if (param == null) {
+              param = {}
+            }
+            const { initialContent, updates } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal(this.initialFileContents)
+            expect(updates).to.deep.equal([
+              {
+                op: [
+                  { i: '111 ', p: 0 },
+                  { d: 'aa ', p: 4 },
+                  // NOTE: The construction of TextOperation can merge an
+                  // insertion across a deletion operation, which is why this is
+                  // ever so slightly different from the textOperation defined
+                  // in the chunk. Both diffs represent the same change in
+                  // content.
+                  { i: '2222 d', p: 10 },
+                  { d: 'c', p: 16 },
+                ],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 0,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('should apply them to the text correctly', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          1,
+          1,
+          (error, param) => {
+            if (param == null) {
+              param = {}
+            }
+            const { initialContent, updates } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal('111 bbbbb 2222 dcc ')
+            expect(updates).to.deep.equal([])
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('with unknown operations', function (done) {
+    beforeEach(function () {
+      this.chunk = {
+        chunk: {
+          startVersion: 0,
+          history: {
+            snapshot: {
+              files: {
+                'main.tex': {
+                  hash: this.fileHash,
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [{ unknown: true }],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id, undefined],
+              },
+              {
+                operations: [
+                  { pathname: 'main.tex', textOperation: [3, 'Hello world'] },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id, undefined],
+              },
+            ],
+          },
+        },
+        authors: [this.author1.id],
+      }
+    })
+
+    describe('convertToDiffUpdates', function () {
+      it('should ignore the unknown update', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          0,
+          2,
+          (error, param) => {
+            if (param == null) {
+              param = {}
+            }
+            const { initialContent, updates } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal(this.fileContents)
+            expect(updates).to.deep.equal([
+              {
+                op: [{ i: 'Hello world', p: 3 }],
+                meta: {
+                  users: [this.author1.id, null],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 1,
+              },
+            ])
+            done()
+          }
+        )
+      })
+    })
+
+    describe('convertToSummarizedUpdates', function () {
+      it('should ignore the unknown update', function (done) {
+        const assertion = (error, updates) => {
+          expect(error).to.be.null
+          expect(updates).to.deep.equal([
+            {
+              pathnames: [],
+              project_ops: [],
+              meta: {
+                users: [this.author1.id, null],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 0,
+            },
+            {
+              pathnames: ['main.tex'],
+              project_ops: [],
+              meta: {
+                users: [this.author1.id, null],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 1,
+            },
+          ])
+          done()
+        }
+
+        this.ChunkTranslator.convertToSummarizedUpdates(this.chunk, assertion)
+      })
+    })
+  })
+
+  describe('with changes to multiple files', function (done) {
+    beforeEach(function () {
+      this.chunk = {
+        chunk: {
+          startVersion: 0,
+          history: {
+            snapshot: {
+              files: {
+                'main.tex': {
+                  hash: this.fileHash,
+                  stringLength: 42,
+                },
+                'other.tex': {
+                  hash: this.fileHash,
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  { pathname: 'other.tex', textOperation: [0, 'foo'] },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+              {
+                operations: [
+                  { pathname: 'main.tex', textOperation: [6, 'bar'] },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+              {
+                operations: [
+                  { pathname: 'other.tex', textOperation: [9, 'baz'] },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+              {
+                operations: [
+                  { pathname: 'main.tex', textOperation: [12, 'qux'] },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+            ],
+          },
+        },
+        authors: [this.author1.id],
+      }
+    })
+
+    describe('convertToDiffUpdates', function () {
+      it('should only return the changes to the requested file', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          0,
+          4,
+          (error, param) => {
+            if (param == null) {
+              param = {}
+            }
+            const { initialContent, updates } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal('Hello world, this is a test')
+            expect(updates).to.deep.equal([
+              {
+                op: [{ i: 'bar', p: 6 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 1,
+              },
+              {
+                op: [{ i: 'qux', p: 12 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 3,
+              },
+            ])
+            done()
+          }
+        )
+      })
+    })
+
+    describe('convertToSummarizedUpdates', function () {
+      it('should return a summary of which docs changes when', function (done) {
+        const assertion = (error, updates) => {
+          expect(error).to.be.null
+          expect(updates).to.deep.equal([
+            {
+              pathnames: ['other.tex'],
+              project_ops: [],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 0,
+            },
+            {
+              pathnames: ['main.tex'],
+              project_ops: [],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 1,
+            },
+            {
+              pathnames: ['other.tex'],
+              project_ops: [],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 2,
+            },
+            {
+              pathnames: ['main.tex'],
+              project_ops: [],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 3,
+            },
+          ])
+          done()
+        }
+
+        this.ChunkTranslator.convertToSummarizedUpdates(this.chunk, assertion)
+      })
+    })
+  })
+
+  describe('when the file is created during the chunk', function () {
+    beforeEach(function () {
+      this.chunk = {
+        chunk: {
+          startVersion: 0,
+          history: {
+            snapshot: {
+              files: {
+                'main.tex': {
+                  hash: this.fileHash,
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  { pathname: 'main.tex', textOperation: [6, 'bar'] },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'new.tex',
+                    file: { hash: this.fileHash, stringLength: 10 },
+                  },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+              {
+                operations: [
+                  { pathname: 'new.tex', textOperation: [6, 'bar'] },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+              {
+                operations: [
+                  { pathname: 'new.tex', textOperation: [9, 'baz'] },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+            ],
+          },
+        },
+        authors: [this.author1],
+      }
+    })
+
+    describe('convertToDiffUpdates', function () {
+      it('returns changes after the file was created before the fromVersion', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'new.tex',
+          2,
+          4,
+          (error, param) => {
+            if (param == null) {
+              param = {}
+            }
+            const { initialContent, updates } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal(this.fileContents)
+            expect(updates).to.deep.equal([
+              {
+                op: [{ i: 'bar', p: 6 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 2,
+              },
+              {
+                op: [{ i: 'baz', p: 9 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 3,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('returns changes when the file was created at the fromVersion', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'new.tex',
+          1,
+          4,
+          (error, param) => {
+            if (param == null) {
+              param = {}
+            }
+            const { initialContent, updates } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal(this.fileContents)
+            expect(updates).to.deep.equal([
+              {
+                op: [{ i: 'bar', p: 6 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 2,
+              },
+              {
+                op: [{ i: 'baz', p: 9 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 3,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('returns changes when the file was created after the fromVersion', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'new.tex',
+          0,
+          4,
+          (error, param) => {
+            if (param == null) {
+              param = {}
+            }
+            const { initialContent, updates } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal(this.fileContents)
+            expect(updates).to.deep.equal([
+              {
+                op: [{ i: 'bar', p: 6 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 2,
+              },
+              {
+                op: [{ i: 'baz', p: 9 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 3,
+              },
+            ])
+            done()
+          }
+        )
+      })
+    })
+
+    describe('convertToSummarizedUpdates', function () {
+      it('should return a summary which includes the addition', function (done) {
+        const assertion = (error, updates) => {
+          expect(error).to.be.null
+          expect(updates).to.deep.equal([
+            {
+              pathnames: ['main.tex'],
+              project_ops: [],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 0,
+            },
+            {
+              pathnames: [],
+              project_ops: [
+                {
+                  add: {
+                    pathname: 'new.tex',
+                  },
+                },
+              ],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 1,
+            },
+            {
+              pathnames: ['new.tex'],
+              project_ops: [],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 2,
+            },
+            {
+              pathnames: ['new.tex'],
+              project_ops: [],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 3,
+            },
+          ])
+          done()
+        }
+
+        this.ChunkTranslator.convertToSummarizedUpdates(this.chunk, assertion)
+      })
+    })
+  })
+
+  describe('when the file is renamed during the chunk', function () {
+    beforeEach(function () {
+      this.chunk = {
+        chunk: {
+          startVersion: 0,
+          history: {
+            snapshot: {
+              files: {
+                'main.tex': {
+                  hash: this.fileHash,
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [{ pathname: 'main.tex', textOperation: ['foo'] }],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+              {
+                operations: [
+                  { pathname: 'main.tex', newPathname: 'moved.tex' },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+              {
+                operations: [
+                  { pathname: 'moved.tex', textOperation: [3, 'bar'] },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+              {
+                operations: [
+                  { pathname: 'moved.tex', newPathname: 'moved_again.tex' },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+              {
+                operations: [
+                  { pathname: 'moved_again.tex', textOperation: [6, 'baz'] },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+            ],
+          },
+        },
+        authors: [this.author1],
+      }
+    })
+
+    describe('convertToDiffUpdates', function () {
+      it('uses the original pathname before it is moved', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          0,
+          5,
+          (error, param) => {
+            if (param == null) {
+              param = {}
+            }
+            const { initialContent, updates } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal(this.fileContents)
+            expect(updates).to.deep.equal([
+              {
+                op: [{ i: 'foo', p: 0 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 0,
+              },
+              {
+                op: [{ i: 'bar', p: 3 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 2,
+              },
+              {
+                op: [{ i: 'baz', p: 6 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 4,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('uses the original pathname for before the move change', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          1,
+          5,
+          (error, param) => {
+            if (param == null) {
+              param = {}
+            }
+            const { initialContent, updates } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal('foo' + this.fileContents)
+            expect(updates).to.deep.equal([
+              {
+                op: [{ i: 'bar', p: 3 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 2,
+              },
+              {
+                op: [{ i: 'baz', p: 6 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 4,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('uses the new pathname for after the move change', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'moved.tex',
+          2,
+          5,
+          (error, param) => {
+            if (param == null) {
+              param = {}
+            }
+            const { initialContent, updates } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal('foo' + this.fileContents)
+            expect(updates).to.deep.equal([
+              {
+                op: [{ i: 'bar', p: 3 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 2,
+              },
+              {
+                op: [{ i: 'baz', p: 6 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 4,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('tracks multiple renames', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'moved_again.tex',
+          4,
+          5,
+          (error, param) => {
+            if (param == null) {
+              param = {}
+            }
+            const { initialContent, updates } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal('foobar' + this.fileContents)
+            expect(updates).to.deep.equal([
+              {
+                op: [{ i: 'baz', p: 6 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 4,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('returns an error when referring to a file that is now moved', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          4,
+          5,
+          error => {
+            expect(error.message).to.equal(
+              "pathname 'main.tex' not found in range"
+            )
+            done()
+          }
+        )
+      })
+    })
+
+    describe('convertToSummarizedUpdates', function () {
+      it('should return a summary which includes the rename', function (done) {
+        const assertion = (error, updates) => {
+          expect(error).to.be.null
+          expect(updates).to.deep.equal([
+            {
+              pathnames: ['main.tex'],
+              project_ops: [],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 0,
+            },
+            {
+              pathnames: [],
+              project_ops: [
+                {
+                  rename: {
+                    pathname: 'main.tex',
+                    newPathname: 'moved.tex',
+                  },
+                },
+              ],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 1,
+            },
+            {
+              pathnames: ['moved.tex'],
+              project_ops: [],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 2,
+            },
+            {
+              pathnames: [],
+              project_ops: [
+                {
+                  rename: {
+                    pathname: 'moved.tex',
+                    newPathname: 'moved_again.tex',
+                  },
+                },
+              ],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 3,
+            },
+            {
+              pathnames: ['moved_again.tex'],
+              project_ops: [],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 4,
+            },
+          ])
+          done()
+        }
+
+        this.ChunkTranslator.convertToSummarizedUpdates(this.chunk, assertion)
+      })
+    })
+  })
+
+  describe('when the file is deleted during the chunk', function () {
+    beforeEach(function () {
+      this.chunk = {
+        chunk: {
+          startVersion: 0,
+          history: {
+            snapshot: {
+              files: {
+                'main.tex': {
+                  hash: this.fileHash,
+                  stringLength: 42,
+                },
+                'other.tex': {
+                  hash: this.fileHash,
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [{ pathname: 'main.tex', textOperation: ['foo'] }],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+              {
+                operations: [{ pathname: 'main.tex', newPathname: '' }],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+              {
+                operations: [{ pathname: 'other.tex', textOperation: ['foo'] }],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+            ],
+          },
+        },
+        authors: [this.author1],
+      }
+    })
+
+    describe('convertToDiffUpdates', function () {
+      it('returns updates up to when it is deleted', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          0,
+          3,
+          (error, param) => {
+            if (param == null) {
+              param = {}
+            }
+            const { initialContent, updates } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal(this.fileContents)
+            expect(updates).to.deep.equal([
+              {
+                op: [{ i: 'foo', p: 0 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 0,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('returns nothing if fromVersion is when is it was deleted', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          1,
+          3,
+          (error, param) => {
+            if (param == null) {
+              param = {}
+            }
+            const { initialContent, updates } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal('foo' + this.fileContents)
+            expect(updates).to.deep.equal([])
+            done()
+          }
+        )
+      })
+
+      it('returns an error requesting changes after deleted', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          2,
+          3,
+          error => {
+            expect(error.message).to.equal(
+              "pathname 'main.tex' not found in range"
+            )
+            done()
+          }
+        )
+      })
+    })
+
+    describe('convertToSummarizedUpdates', function () {
+      it('should return a summary which includes the delete', function (done) {
+        const assertion = (error, updates) => {
+          expect(error).to.be.null
+          expect(updates).to.deep.equal([
+            {
+              pathnames: ['main.tex'],
+              project_ops: [],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 0,
+            },
+            {
+              pathnames: [],
+              project_ops: [
+                {
+                  remove: {
+                    pathname: 'main.tex',
+                  },
+                },
+              ],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 1,
+            },
+            {
+              pathnames: ['other.tex'],
+              project_ops: [],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 2,
+            },
+          ])
+          done()
+        }
+
+        this.ChunkTranslator.convertToSummarizedUpdates(this.chunk, assertion)
+      })
+    })
+  })
+
+  describe("with text operations applied to files that don't exist", function (done) {
+    beforeEach(function () {
+      this.chunk = {
+        chunk: {
+          startVersion: 0,
+          history: {
+            snapshot: {
+              files: {
+                'main.tex': {
+                  hash: this.fileHash,
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'not_here.tex',
+                    textOperation: [3, 'Hello world'],
+                  },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id, undefined],
+              },
+            ],
+          },
+        },
+        authors: [this.author1],
+      }
+    })
+
+    describe('convertToSummarizedUpdates', function () {
+      it('should return an empty diff instead of an error', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'not_here.tex',
+          0,
+          1,
+          (error, result) => {
+            expect(error).to.equal(null)
+            expect(result.updates.length).to.equal(0)
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe("with rename operations applied to files that don't exist", function (done) {
+    beforeEach(function () {
+      this.chunk = {
+        chunk: {
+          startVersion: 0,
+          history: {
+            snapshot: {
+              files: {
+                'main.tex': {
+                  hash: this.fileHash,
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  { pathname: 'not_here.tex', newPathname: 'blah.tex' },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id, undefined],
+              },
+            ],
+          },
+        },
+        authors: [this.author1],
+      }
+    })
+
+    describe('convertToSummarizedUpdates', function () {
+      it('should return an empty diff instead of an error', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'not_here.tex',
+          0,
+          1,
+          (error, result) => {
+            expect(error).to.equal(null)
+            expect(result.updates.length).to.equal(0)
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe("with remove operations applied to files that don't exist", function (done) {
+    beforeEach(function () {
+      this.chunk = {
+        chunk: {
+          startVersion: 0,
+          history: {
+            snapshot: {
+              files: {
+                'main.tex': {
+                  hash: this.fileHash,
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [{ pathname: 'not_here.tex', newPathname: '' }],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id, undefined],
+              },
+            ],
+          },
+        },
+        authors: [this.author1],
+      }
+    })
+
+    describe('convertToSummarizedUpdates', function () {
+      it('should return an empty diff instead of an error', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'not_here.tex',
+          0,
+          1,
+          (error, result) => {
+            expect(error).to.equal(null)
+            expect(result.updates.length).to.equal(0)
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('with multiple operations in one change', function () {
+    beforeEach(function () {
+      this.chunk = {
+        chunk: {
+          startVersion: 0,
+          history: {
+            snapshot: {
+              files: {
+                'main.tex': {
+                  hash: this.fileHash,
+                  stringLength: 42,
+                },
+                'other.tex': {
+                  hash: this.fileHash,
+                  stringLength: 42,
+                },
+                'old.tex': {
+                  hash: this.fileHash,
+                  stringLength: 42,
+                },
+                'deleted.tex': {
+                  hash: this.fileHash,
+                  stringLength: 42,
+                },
+              },
+            },
+
+            changes: [
+              {
+                operations: [
+                  { pathname: 'main.tex', textOperation: ['Hello test, ', -6] },
+                  { pathname: 'main.tex', textOperation: [6, 'foo '] },
+                  { pathname: 'other.tex', textOperation: [6, 'foo '] },
+                  { pathname: 'old.tex', newPathname: 'new.tex' },
+                  { pathname: 'deleted.tex', newPathname: '' },
+                  {
+                    pathname: 'created.tex',
+                    file: { hash: this.fileHash, stringLength: 10 },
+                  },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+              {
+                operations: [{ pathname: 'main.tex', textOperation: [6, -4] }],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+            ],
+          },
+        },
+        authors: [this.author1],
+      }
+    })
+
+    describe('convertToDiffUpdates', function () {
+      it('should can return multiple ops from the same version', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          0,
+          2,
+          (error, param) => {
+            if (param == null) {
+              param = {}
+            }
+            const { initialContent, updates } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal(this.fileContents)
+            expect(updates).to.deep.equal([
+              {
+                op: [
+                  { i: 'Hello test, ', p: 0 },
+                  { d: 'Hello ', p: 12 },
+                ],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 0,
+              },
+              {
+                op: [{ i: 'foo ', p: 6 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 0,
+              },
+              {
+                op: [{ d: 'foo ', p: 6 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 1,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('should return the correct initial text if there are previous changes', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          1,
+          2,
+          (error, param) => {
+            if (param == null) {
+              param = {}
+            }
+            const { initialContent, updates } = param
+            expect(error).to.be.null
+            expect(initialContent).to.equal(
+              'Hello foo test, world, this is a test'
+            )
+            expect(updates).to.deep.equal([
+              {
+                op: [{ d: 'foo ', p: 6 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 1,
+              },
+            ])
+            done()
+          }
+        )
+      })
+    })
+
+    describe('convertToSummarizedUpdates', function () {
+      it('should return a summary of containing multiple changes', function (done) {
+        const assertion = (error, updates) => {
+          expect(error).to.be.null
+          expect(updates).to.deep.equal([
+            {
+              pathnames: ['main.tex', 'other.tex'],
+              project_ops: [
+                {
+                  rename: {
+                    pathname: 'old.tex',
+                    newPathname: 'new.tex',
+                  },
+                },
+                {
+                  remove: {
+                    pathname: 'deleted.tex',
+                  },
+                },
+                {
+                  add: {
+                    pathname: 'created.tex',
+                  },
+                },
+              ],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 0,
+            },
+            {
+              pathnames: ['main.tex'],
+              project_ops: [],
+              meta: {
+                users: [this.author1.id],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 1,
+            },
+          ])
+          done()
+        }
+
+        this.ChunkTranslator.convertToSummarizedUpdates(this.chunk, assertion)
+      })
+    })
+  })
+
+  describe('with a binary file', function () {
+    beforeEach(function () {
+      this.chunk = {
+        chunk: {
+          startVersion: 0,
+          history: {
+            snapshot: {
+              files: {
+                'main.tex': {
+                  hash: this.fileHash,
+                  stringLength: 42,
+                },
+                'binary.tex': {
+                  hash: this.fileHash,
+                  byteLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  { pathname: 'main.tex', textOperation: ['Hello test, ', -6] },
+                ],
+                timestamp: this.date.toISOString(),
+                authors: [this.author1.id],
+              },
+            ],
+          },
+        },
+        authors: [this.author1.id],
+      }
+    })
+
+    describe('convertToDiffUpdates', function () {
+      it('should convert them to a binary diff', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'binary.tex',
+          0,
+          1,
+          (error, diff) => {
+            expect(error).to.be.null
+            expect(diff).to.deep.equal({ binary: true })
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('with v2 author ids', function () {
+    beforeEach(function () {
+      this.chunk = {
+        chunk: {
+          startVersion: 0,
+          history: {
+            snapshot: {
+              files: {
+                'main.tex': {
+                  hash: this.fileHash,
+                  stringLength: 42,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  { pathname: 'main.tex', textOperation: ['Hello test, ', -6] },
+                ],
+                timestamp: this.date.toISOString(),
+                v2Authors: [(this.v2AuthorId = '123456789')],
+              },
+            ],
+          },
+        },
+      }
+    })
+
+    describe('convertToDiffUpdates', function () {
+      it('should return the v2 author id in the users array', function (done) {
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          0,
+          1,
+          (error, diff) => {
+            expect(error).to.be.null
+            expect(diff.updates).to.deep.equal([
+              {
+                op: [
+                  { i: 'Hello test, ', p: 0 },
+                  { d: 'Hello ', p: 12 },
+                ],
+                meta: {
+                  users: [this.v2AuthorId],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 0,
+              },
+            ])
+            done()
+          }
+        )
+      })
+    })
+
+    describe('convertToSummarizedUpdates', function () {
+      it('should return the v2 author id in the users array', function (done) {
+        const assertion = (error, updateSet) => {
+          expect(error).to.be.null
+          expect(updateSet).to.deep.equal([
+            {
+              pathnames: ['main.tex'],
+              project_ops: [],
+              meta: {
+                users: [this.v2AuthorId],
+                start_ts: this.date.getTime(),
+                end_ts: this.date.getTime(),
+              },
+              v: 0,
+            },
+          ])
+          done()
+        }
+        this.ChunkTranslator.convertToSummarizedUpdates(this.chunk, assertion)
+      })
+    })
+  })
+
+  describe('with tracked changes in a file', function () {
+    describe('convertToDiffUpdates', function () {
+      beforeEach(function () {
+        this.rangesHash = 'some_ranges_hash'
+        this.fileContents = 'Hello planet world, this is a test'
+        this.ranges = JSON.stringify({
+          trackedChanges: [
+            {
+              range: { pos: 6, length: 7 },
+              tracking: {
+                type: 'delete',
+                userId: this.author1.id,
+                ts: '2024-01-01T00:00:00.000Z',
+              },
+            },
+          ],
+        })
+        this.HistoryStoreManager.getProjectBlob
+          .withArgs(this.historyId, this.rangesHash)
+          .yields(null, this.ranges)
+        this.HistoryStoreManager.getProjectBlob
+          .withArgs(this.historyId, this.fileHash)
+          .yields(null, this.fileContents)
+      })
+
+      it('should filter out the tracked deletes that were present in the chunk', function (done) {
+        this.chunk = {
+          chunk: {
+            startVersion: 0,
+            history: {
+              snapshot: {
+                files: {
+                  'main.tex': {
+                    hash: this.fileHash,
+                    rangesHash: this.rangesHash,
+                    stringLength: 42,
+                  },
+                },
+              },
+              changes: [
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [
+                        // [...] is a tracked delete
+                        28, //    Hello [planet ]world, this is |a test
+                        -1, //    Hello [planet ]world, this is | test
+                        'the', // Hello [planet ]world, this is the| test
+                        5, //     Hello [planet ]world, this is the test|
+                      ],
+                    },
+                  ],
+                  timestamp: this.date.toISOString(),
+                  authors: [this.author1.id],
+                },
+              ],
+            },
+          },
+          authors: [this.author1.id],
+        }
+
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          0,
+          1,
+          (error, diff) => {
+            expect(error).to.be.null
+            expect(diff.initialContent).to.equal('Hello world, this is a test')
+            expect(diff.updates).to.deep.equal([
+              {
+                op: [
+                  { i: 'the', p: 21 },
+                  { d: 'a', p: 24 },
+                ],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 0,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('should filter out tracked deletes across multiple changes', function (done) {
+        this.chunk = {
+          chunk: {
+            startVersion: 0,
+            history: {
+              snapshot: {
+                files: {
+                  'main.tex': {
+                    hash: this.fileHash,
+                    rangesHash: this.rangesHash,
+                    stringLength: 42,
+                  },
+                },
+              },
+              changes: [
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [
+                        // [...] is a tracked delete
+                        28, //    Hello [planet ]world, this is |a test
+                        -1, //    Hello [planet ]world, this is | test
+                        'the', // Hello [planet ]world, this is the| test
+                        5, //     Hello [planet ]world, this is the test|
+                      ],
+                    },
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [
+                        // [...] is a tracked delete
+                        22, //    Hello [planet ]world, th|is is the test
+                        -2, //    Hello [planet ]world, th| is the test
+                        'at', //  Hello [planet ]world, that| is the test
+                        12, //    Hello [planet ]world, that is the test|
+                      ],
+                    },
+                  ],
+                  timestamp: this.date.toISOString(),
+                  authors: [this.author1.id],
+                },
+              ],
+            },
+          },
+          authors: [this.author1.id],
+        }
+
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          0,
+          1,
+          (error, diff) => {
+            expect(error).to.be.null
+            expect(diff.initialContent).to.equal('Hello world, this is a test')
+            expect(diff.updates).to.deep.equal([
+              {
+                op: [
+                  { i: 'the', p: 21 },
+                  { d: 'a', p: 24 },
+                ],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 0,
+              },
+              {
+                op: [
+                  { i: 'at', p: 15 },
+                  { d: 'is', p: 17 },
+                ],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 0,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('should handle tracked delete in the operation', function (done) {
+        this.chunk = {
+          chunk: {
+            startVersion: 0,
+            history: {
+              snapshot: {
+                files: {
+                  'main.tex': {
+                    hash: this.fileHash,
+                    rangesHash: this.rangesHash,
+                    stringLength: 42,
+                  },
+                },
+              },
+              changes: [
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [
+                        // [...] is a tracked delete
+                        5, //  Hello| [planet ]world, this is a test
+                        {
+                          r: 1,
+                          tracking: {
+                            type: 'delete',
+                            userId: this.author1.id,
+                            ts: '2024-01-01T00:00:00.000Z',
+                          },
+                        }, //  Hello[ ]|[planet ]world, this is test
+                        7, //  Hello[ ][planet ]|world, this is the test
+                        {
+                          r: 5,
+                          tracking: {
+                            type: 'delete',
+                            userId: this.author1.id,
+                            ts: '2024-01-01T00:00:00.000Z',
+                          },
+                        }, //  Hello[ ][planet ][world]|, this is the test
+                        18, // Hello[ ][planet ][world], this is the test|
+                      ],
+                    },
+                  ],
+                  timestamp: this.date.toISOString(),
+                  authors: [this.author1.id],
+                },
+              ],
+            },
+          },
+          authors: [this.author1.id],
+        }
+
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          0,
+          1,
+          (error, diff) => {
+            expect(error).to.be.null
+            expect(diff.initialContent).to.equal('Hello world, this is a test')
+            expect(diff.updates).to.deep.equal([
+              {
+                op: [
+                  { d: ' ', p: 5 },
+                  { d: 'world', p: 5 },
+                ],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 0,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('should filter out tracked deletes in insert operations', function (done) {
+        this.chunk = {
+          chunk: {
+            startVersion: 0,
+            history: {
+              snapshot: {
+                files: {
+                  'main.tex': {
+                    hash: this.fileHash,
+                    rangesHash: this.rangesHash,
+                    stringLength: 42,
+                  },
+                },
+              },
+              changes: [
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [
+                        // [...] is a tracked delete
+                        13, //  Hello [planet ]|world, this is a test
+                        {
+                          i: 'pluto',
+                          tracking: {
+                            type: 'delete',
+                            userId: this.author1.id,
+                            ts: '2024-01-01T00:00:00.000Z',
+                          },
+                        }, //  Hello [planet pluto]|world, this is a test
+                        21, // Hello [planet pluto]world, this is a test|
+                      ],
+                    },
+                  ],
+                  timestamp: this.date.toISOString(),
+                  authors: [this.author1.id],
+                },
+              ],
+            },
+          },
+          authors: [this.author1.id],
+        }
+
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          0,
+          1,
+          (error, diff) => {
+            expect(error).to.be.null
+            expect(diff.initialContent).to.equal('Hello world, this is a test')
+            expect(diff.updates).to.deep.equal([
+              {
+                op: [],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 0,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('should filter out tracked deletes in delete operations', function (done) {
+        this.chunk = {
+          chunk: {
+            startVersion: 0,
+            history: {
+              snapshot: {
+                files: {
+                  'main.tex': {
+                    hash: this.fileHash,
+                    rangesHash: this.rangesHash,
+                    stringLength: 42,
+                  },
+                },
+              },
+              changes: [
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [
+                        // [...] is a tracked delete
+                        6, //  Hello |[planet ]world, this is a test
+                        -3, // Hello [|net ]world, this is a test
+                        6, //  Hello [net ]wo|rld, this is a test
+                        -3, // Hello [net ]wo|, this is a test
+                        16, // Hello [net ]wo, this is a test|
+                      ],
+                    },
+                  ],
+                  timestamp: this.date.toISOString(),
+                  authors: [this.author1.id],
+                },
+              ],
+            },
+          },
+          authors: [this.author1.id],
+        }
+
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          0,
+          1,
+          (error, diff) => {
+            expect(error).to.be.null
+            expect(diff.initialContent).to.equal('Hello world, this is a test')
+            expect(diff.updates).to.deep.equal([
+              {
+                op: [{ d: 'rld', p: 8 }],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 0,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('should filter out tracked deletes in retain operations', function (done) {
+        this.chunk = {
+          chunk: {
+            startVersion: 0,
+            history: {
+              snapshot: {
+                files: {
+                  'main.tex': {
+                    hash: this.fileHash,
+                    rangesHash: this.rangesHash,
+                    stringLength: 42,
+                  },
+                },
+              },
+              changes: [
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [
+                        // [...] is a tracked delete
+                        4, //  Hell|o [planet ]world, this is a test
+                        {
+                          r: 4,
+                          tracking: { type: 'none' },
+                        }, //  Hello pl|[anet ]world, this is a test
+                        {
+                          r: 3,
+                          tracking: {
+                            type: 'insert',
+                            userId: this.author1.id,
+                            ts: '2024-01-01T00:00:00.000Z',
+                          },
+                        }, //  Hello plane|[t ]world, this is a test
+                        23, // Hello plane[t ]world, this is a test|
+                      ],
+                    },
+                  ],
+                  timestamp: this.date.toISOString(),
+                  authors: [this.author1.id],
+                },
+              ],
+            },
+          },
+          authors: [this.author1.id],
+        }
+
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          0,
+          1,
+          (error, diff) => {
+            expect(error).to.be.null
+            expect(diff.initialContent).to.equal('Hello world, this is a test')
+            expect(diff.updates).to.deep.equal([
+              {
+                op: [
+                  {
+                    i: 'pl',
+                    p: 6,
+                  },
+                  {
+                    i: 'ane',
+                    p: 8,
+                  },
+                ],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 0,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('should report tracked deletion (retains) as deletions', function (done) {
+        this.chunk = {
+          chunk: {
+            startVersion: 0,
+            history: {
+              snapshot: {
+                files: {
+                  'main.tex': {
+                    hash: this.fileHash,
+                    rangesHash: this.rangesHash,
+                    stringLength: 42,
+                  },
+                },
+              },
+              changes: [
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [
+                        // [...] is a tracked delete
+                        {
+                          r: 34,
+                          tracking: {
+                            type: 'delete',
+                            userId: this.author1.id,
+                            ts: '2024-01-01T00:00:00.000Z',
+                          },
+                        }, //  [Hello planet world, this is a test]|
+                      ],
+                    },
+                  ],
+                  timestamp: this.date.toISOString(),
+                  authors: [this.author1.id],
+                },
+              ],
+            },
+          },
+          authors: [this.author1.id],
+        }
+
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          0,
+          1,
+          (error, diff) => {
+            expect(error).to.be.null
+            expect(diff.initialContent).to.equal('Hello world, this is a test')
+            expect(diff.updates).to.deep.equal([
+              {
+                op: [
+                  {
+                    d: 'Hello ',
+                    p: 0,
+                  },
+                  {
+                    d: 'world, this is a test',
+                    p: 0,
+                  },
+                ],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 0,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('should properly create changes when deleting after moved track deletes', function (done) {
+        this.chunk = {
+          chunk: {
+            startVersion: 0,
+            history: {
+              snapshot: {
+                files: {
+                  'main.tex': {
+                    hash: this.fileHash,
+                    stringLength: 34,
+                  },
+                },
+              },
+              changes: [
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [
+                        // [...] is a tracked delete
+                        // // He[ll]o planet world, this is a test
+                        2,
+                        {
+                          r: 2,
+                          tracking: {
+                            type: 'delete',
+                            userId: this.author1.id,
+                            ts: this.date.toISOString(),
+                          },
+                        },
+                        30,
+                      ],
+                    },
+                  ],
+                  timestamp: this.date.toISOString(),
+                  authors: [this.author1.id],
+                },
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [
+                        // [...] is a tracked delete
+                        // {...} is a tracked insert
+                        // He[ll]o {TEST }planet world, this is a test
+                        6,
+                        {
+                          i: 'TEST ',
+                          tracking: {
+                            type: 'insert',
+                            userId: this.author1.id,
+                            ts: this.date.toISOString(),
+                          },
+                        },
+                        28,
+                      ],
+                    },
+                  ],
+                  timestamp: this.date.toISOString(),
+                  authors: [this.author1.id],
+                },
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [
+                        // [...] is a tracked delete
+                        // {...} is a tracked insert
+                        // He[ll]o {TEST }planet world, [this] is a test
+                        25,
+                        {
+                          r: 4,
+                          tracking: {
+                            type: 'delete',
+                            userId: this.author1.id,
+                            ts: this.date.toISOString(),
+                          },
+                        },
+                        10,
+                      ],
+                    },
+                  ],
+                  timestamp: this.date.toISOString(),
+                  authors: [this.author1.id],
+                },
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [
+                        // [...] is a tracked delete
+                        // {...} is a tracked insert
+                        2, // He|[ll]o {TEST }planet world, [this] is a test
+                        -2, // He|o {TEST }planet world, [this] is a test
+                        2, // Heo |{TEST }planet world, [this] is a test
+                        {
+                          r: 5,
+                          tracking: { type: 'none' },
+                        }, // Heo TEST| planet world, [this] is a test
+                        14, // Heo TEST planet world, |[this] is a test
+                        -4, // Heo TEST planet world, | is a test
+                        10, // Heo TEST planet world,  is a test|
+                      ],
+                    },
+                  ],
+                  timestamp: this.date.toISOString(),
+                  authors: [this.author1.id],
+                },
+              ],
+            },
+          },
+          authors: [this.author1.id],
+        }
+
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          0,
+          4,
+          (error, diff) => {
+            expect(error).to.be.null
+            expect(diff.updates).to.deep.equal([
+              {
+                op: [
+                  {
+                    d: 'll',
+                    p: 2,
+                  },
+                ],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 0,
+              },
+              {
+                op: [
+                  {
+                    i: 'TEST ',
+                    p: 4,
+                  },
+                ],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 1,
+              },
+              {
+                op: [
+                  {
+                    d: 'this',
+                    p: 23,
+                  },
+                ],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 2,
+              },
+              {
+                op: [],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 3,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('should properly create changes when retaining after moved track deletes', function (done) {
+        this.chunk = {
+          chunk: {
+            startVersion: 0,
+            history: {
+              snapshot: {
+                files: {
+                  'main.tex': {
+                    hash: this.fileHash,
+                    stringLength: 34,
+                  },
+                },
+              },
+              changes: [
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [
+                        // [...] is a tracked delete
+                        // // He[ll]o planet world, this is a test
+                        2,
+                        {
+                          r: 2,
+                          tracking: {
+                            type: 'delete',
+                            userId: this.author1.id,
+                            ts: this.date.toISOString(),
+                          },
+                        },
+                        30,
+                      ],
+                    },
+                  ],
+                  timestamp: this.date.toISOString(),
+                  authors: [this.author1.id],
+                },
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [
+                        // [...] is a tracked delete
+                        // He[ll]o planet world, [this] is a test
+                        20,
+                        {
+                          r: 4,
+                          tracking: {
+                            type: 'delete',
+                            userId: this.author1.id,
+                            ts: this.date.toISOString(),
+                          },
+                        },
+                        10,
+                      ],
+                    },
+                  ],
+                  timestamp: this.date.toISOString(),
+                  authors: [this.author1.id],
+                },
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [
+                        // [...] is a tracked delete
+                        // {...} is a tracked insert
+                        // He[ll]o planet world, [this] {TEST }is a test
+                        25,
+                        {
+                          i: 'TEST ',
+                          tracking: {
+                            type: 'insert',
+                            userId: this.author1.id,
+                            ts: this.date.toISOString(),
+                          },
+                        },
+                        9,
+                      ],
+                    },
+                  ],
+                  timestamp: this.date.toISOString(),
+                  authors: [this.author1.id],
+                },
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [
+                        // [...] is a tracked delete
+                        // {...} is a tracked insert
+                        2, // He|[ll]o planet world, [this] {TEST }is a test
+                        -2, // He|o planet world, [this] {TEST }is a test
+                        {
+                          r: 39,
+                          tracking: { type: 'none' },
+                        },
+                      ], // He|o planet world, this TEST is a test
+                    },
+                  ],
+                  timestamp: this.date.toISOString(),
+                  authors: [this.author1.id],
+                },
+              ],
+            },
+          },
+          authors: [this.author1.id],
+        }
+
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          0,
+          4,
+          (error, diff) => {
+            expect(error).to.be.null
+            expect(diff.updates).to.deep.equal([
+              {
+                op: [
+                  {
+                    d: 'll',
+                    p: 2,
+                  },
+                ],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 0,
+              },
+              {
+                op: [
+                  {
+                    d: 'this',
+                    p: 18,
+                  },
+                ],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 1,
+              },
+              {
+                op: [
+                  {
+                    i: 'TEST ',
+                    p: 19,
+                  },
+                ],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 2,
+              },
+              {
+                op: [
+                  {
+                    i: 'this',
+                    p: 18,
+                  },
+                ],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 3,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      it('should handle deletion that starts before tracked delete', function (done) {
+        this.chunk = {
+          chunk: {
+            startVersion: 0,
+            history: {
+              snapshot: {
+                files: {
+                  'main.tex': {
+                    hash: this.fileHash,
+                    stringLength: 34,
+                  },
+                },
+              },
+              changes: [
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [
+                        // [...] is a tracked delete
+                        // Hello planet world, [this] is a test
+                        20,
+                        {
+                          r: 4,
+                          tracking: {
+                            type: 'delete',
+                            userId: this.author1.id,
+                            ts: this.date.toISOString(),
+                          },
+                        },
+                        10,
+                      ],
+                    },
+                  ],
+                  timestamp: this.date.toISOString(),
+                  authors: [this.author1.id],
+                },
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [
+                        // [...] is a tracked delete
+                        5, // Hello| planet world, [this] is a test
+                        -25, // Hellotest
+                        4,
+                      ],
+                    },
+                  ],
+                  timestamp: this.date.toISOString(),
+                  authors: [this.author1.id],
+                },
+              ],
+            },
+          },
+          authors: [this.author1.id],
+        }
+
+        this.ChunkTranslator.convertToDiffUpdates(
+          this.projectId,
+          this.chunk,
+          'main.tex',
+          0,
+          2,
+          (error, diff) => {
+            expect(error).to.be.null
+            expect(diff.updates).to.deep.equal([
+              {
+                op: [
+                  {
+                    d: 'this',
+                    p: 20,
+                  },
+                ],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 0,
+              },
+              {
+                op: [
+                  {
+                    d: ' planet world, ',
+                    p: 5,
+                  },
+                  {
+                    d: ' is a ',
+                    p: 5,
+                  },
+                ],
+                meta: {
+                  users: [this.author1.id],
+                  start_ts: this.date.getTime(),
+                  end_ts: this.date.getTime(),
+                },
+                v: 1,
+              },
+            ])
+            done()
+          }
+        )
+      })
+
+      describe('whith multiple tracked deletes', function () {
+        beforeEach(function () {
+          this.fileContents = 'Hello planet world universe, this is a test'
+          this.ranges = JSON.stringify({
+            trackedChanges: [
+              {
+                range: { pos: 6, length: 7 },
+                tracking: {
+                  type: 'delete',
+                  userId: this.author1.id,
+                  ts: '2024-01-01T00:00:00.000Z',
+                },
+              },
+              {
+                range: { pos: 18, length: 9 },
+                tracking: {
+                  type: 'delete',
+                  userId: this.author1.id,
+                  ts: '2024-01-01T00:00:00.000Z',
+                },
+              },
+            ],
+          })
+          this.HistoryStoreManager.getProjectBlob
+            .withArgs(this.historyId, this.rangesHash)
+            .yields(null, this.ranges)
+          this.HistoryStoreManager.getProjectBlob
+            .withArgs(this.historyId, this.fileHash)
+            .yields(null, this.fileContents)
+        })
+
+        it('should handle a deletion that spans multiple tracked deletes', function (done) {
+          this.chunk = {
+            chunk: {
+              startVersion: 0,
+              history: {
+                snapshot: {
+                  files: {
+                    'main.tex': {
+                      hash: this.fileHash,
+                      rangesHash: this.rangesHash,
+                      stringLength: this.fileContents.length,
+                    },
+                  },
+                },
+                changes: [
+                  {
+                    operations: [
+                      {
+                        pathname: 'main.tex',
+                        textOperation: [
+                          // [...] is a tracked delete
+                          6, // Hello |[planet ]world[ universe], this is a test
+                          -21, // Hello|, this is a test
+                          16,
+                        ],
+                      },
+                    ],
+                    timestamp: this.date.toISOString(),
+                    authors: [this.author1.id],
+                  },
+                ],
+              },
+            },
+            authors: [this.author1.id],
+          }
+
+          this.ChunkTranslator.convertToDiffUpdates(
+            this.projectId,
+            this.chunk,
+            'main.tex',
+            0,
+            1,
+            (error, diff) => {
+              expect(error).to.be.null
+              expect(diff.updates).to.deep.equal([
+                {
+                  op: [
+                    {
+                      d: 'world',
+                      p: 6,
+                    },
+                  ],
+                  meta: {
+                    users: [this.author1.id],
+                    start_ts: this.date.getTime(),
+                    end_ts: this.date.getTime(),
+                  },
+                  v: 0,
+                },
+              ])
+              done()
+            }
+          )
+        })
+
+        it('should handle a tracked deletion that spans multiple tracked deletes', function (done) {
+          this.chunk = {
+            chunk: {
+              startVersion: 0,
+              history: {
+                snapshot: {
+                  files: {
+                    'main.tex': {
+                      hash: this.fileHash,
+                      rangesHash: this.rangesHash,
+                      stringLength: this.fileContents.length,
+                    },
+                  },
+                },
+                changes: [
+                  {
+                    operations: [
+                      {
+                        pathname: 'main.tex',
+                        textOperation: [
+                          // [...] is a tracked delete
+                          6, // Hello |[planet ]world[ universe], this is a test
+                          {
+                            r: 21,
+                            tracking: {
+                              type: 'delete',
+                              userId: this.author1.id,
+                              ts: '2024-01-01T00:00:00.000Z',
+                            },
+                          }, // Hello [planet world universe]|, this is a test
+                          16,
+                        ],
+                      },
+                    ],
+                    timestamp: this.date.toISOString(),
+                    authors: [this.author1.id],
+                  },
+                ],
+              },
+            },
+            authors: [this.author1.id],
+          }
+
+          this.ChunkTranslator.convertToDiffUpdates(
+            this.projectId,
+            this.chunk,
+            'main.tex',
+            0,
+            1,
+            (error, diff) => {
+              expect(error).to.be.null
+              expect(diff.updates).to.deep.equal([
+                {
+                  op: [
+                    {
+                      d: 'world',
+                      p: 6,
+                    },
+                  ],
+                  meta: {
+                    users: [this.author1.id],
+                    start_ts: this.date.getTime(),
+                    end_ts: this.date.getTime(),
+                  },
+                  v: 0,
+                },
+              ])
+              done()
+            }
+          )
+        })
+      })
+    })
+  })
+})
diff --git a/services/project-history/test/unit/js/DiffGenerator/DiffGeneratorTests.js b/services/project-history/test/unit/js/DiffGenerator/DiffGeneratorTests.js
new file mode 100644
index 0000000..251ddb3
--- /dev/null
+++ b/services/project-history/test/unit/js/DiffGenerator/DiffGeneratorTests.js
@@ -0,0 +1,395 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import { strict as esmock } from 'esmock'
+
+const MODULE_PATH = '../../../../app/js/DiffGenerator.js'
+
+describe('DiffGenerator', function () {
+  beforeEach(async function () {
+    this.DiffGenerator = await esmock(MODULE_PATH, {})
+    this.ts = Date.now()
+    this.user_id = 'mock-user-id'
+    this.user_id_2 = 'mock-user-id-2'
+    this.meta = {
+      start_ts: this.ts,
+      end_ts: this.ts,
+      user_id: this.user_id,
+    }
+  })
+
+  describe('buildDiff', function () {
+    beforeEach(function () {
+      this.diff = [{ u: 'mock-diff' }]
+      this.content = 'Hello world'
+      this.updates = [
+        { i: 'mock-update-1' },
+        { i: 'mock-update-2' },
+        { i: 'mock-update-3' },
+      ]
+      this.DiffGenerator._mocks.applyUpdateToDiff = sinon
+        .stub()
+        .returns(this.diff)
+      this.DiffGenerator._mocks.compressDiff = sinon.stub().returns(this.diff)
+      this.result = this.DiffGenerator.buildDiff(this.content, this.updates)
+    })
+
+    it('should return the diff', function () {
+      this.result.should.deep.equal(this.diff)
+    })
+
+    it('should build the content into an initial diff', function () {
+      this.DiffGenerator._mocks.applyUpdateToDiff
+        .calledWith(
+          [
+            {
+              u: this.content,
+            },
+          ],
+          this.updates[0]
+        )
+        .should.equal(true)
+    })
+
+    it('should apply each update', function () {
+      this.updates.map(update =>
+        this.DiffGenerator._mocks.applyUpdateToDiff
+          .calledWith(sinon.match.any, update)
+          .should.equal(true)
+      )
+    })
+
+    it('should compress the diff', function () {
+      this.DiffGenerator._mocks.compressDiff
+        .calledWith(this.diff)
+        .should.equal(true)
+    })
+  })
+
+  describe('compressDiff', function () {
+    describe('with adjacent inserts with the same user id', function () {
+      it('should create one update with combined meta data and min/max timestamps', function () {
+        const diff = this.DiffGenerator.compressDiff([
+          {
+            i: 'foo',
+            meta: { start_ts: 10, end_ts: 20, users: [this.user_id] },
+          },
+          {
+            i: 'bar',
+            meta: { start_ts: 5, end_ts: 15, users: [this.user_id] },
+          },
+        ])
+        expect(diff).to.deep.equal([
+          {
+            i: 'foobar',
+            meta: { start_ts: 5, end_ts: 20, users: [this.user_id] },
+          },
+        ])
+      })
+    })
+
+    describe('with adjacent inserts with different user ids', function () {
+      it('should leave the inserts unchanged', function () {
+        const input = [
+          {
+            i: 'foo',
+            meta: { start_ts: 10, end_ts: 20, users: [this.user_id] },
+          },
+          {
+            i: 'bar',
+            meta: { start_ts: 5, end_ts: 15, users: [this.user_id_2] },
+          },
+        ]
+        const output = this.DiffGenerator.compressDiff(input)
+        expect(output).to.deep.equal(input)
+      })
+    })
+
+    describe('with adjacent deletes with the same user id', function () {
+      it('should create one update with combined meta data and min/max timestamps', function () {
+        const diff = this.DiffGenerator.compressDiff([
+          {
+            d: 'foo',
+            meta: { start_ts: 10, end_ts: 20, users: [this.user_id] },
+          },
+          {
+            d: 'bar',
+            meta: { start_ts: 5, end_ts: 15, users: [this.user_id] },
+          },
+        ])
+        expect(diff).to.deep.equal([
+          {
+            d: 'foobar',
+            meta: { start_ts: 5, end_ts: 20, users: [this.user_id] },
+          },
+        ])
+      })
+    })
+
+    describe('with adjacent deletes with different user ids', function () {
+      it('should leave the deletes unchanged', function () {
+        const input = [
+          {
+            d: 'foo',
+            meta: { start_ts: 10, end_ts: 20, users: [this.user_id] },
+          },
+          {
+            d: 'bar',
+            meta: { start_ts: 5, end_ts: 15, users: [this.user_id_2] },
+          },
+        ]
+        const output = this.DiffGenerator.compressDiff(input)
+        expect(output).to.deep.equal(input)
+      })
+    })
+
+    describe('with history resync updates', function () {
+      it('should keep only inserts and mark them as unchanged text', function () {
+        const input = [
+          { u: 'untracked text' },
+          {
+            i: 'inserted anonymously',
+            meta: { origin: { kind: 'history-resync' } },
+          },
+          {
+            d: 'deleted anonymously',
+            meta: { origin: { kind: 'history-resync' } },
+          },
+        ]
+        const output = this.DiffGenerator.compressDiff(input)
+        expect(output).to.deep.equal([
+          { u: 'untracked text' },
+          { u: 'inserted anonymously' },
+        ])
+      })
+    })
+  })
+
+  describe('applyUpdateToDiff', function () {
+    describe('an insert', function () {
+      it('should insert into the middle of (u)nchanged text', function () {
+        const diff = this.DiffGenerator.applyUpdateToDiff([{ u: 'foobar' }], {
+          op: [{ p: 3, i: 'baz' }],
+          meta: this.meta,
+        })
+        expect(diff).to.deep.equal([
+          { u: 'foo' },
+          { i: 'baz', meta: this.meta },
+          { u: 'bar' },
+        ])
+      })
+
+      it('should insert into the start of (u)changed text', function () {
+        const diff = this.DiffGenerator.applyUpdateToDiff([{ u: 'foobar' }], {
+          op: [{ p: 0, i: 'baz' }],
+          meta: this.meta,
+        })
+        expect(diff).to.deep.equal([
+          { i: 'baz', meta: this.meta },
+          { u: 'foobar' },
+        ])
+      })
+
+      it('should insert into the end of (u)changed text', function () {
+        const diff = this.DiffGenerator.applyUpdateToDiff([{ u: 'foobar' }], {
+          op: [{ p: 6, i: 'baz' }],
+          meta: this.meta,
+        })
+        expect(diff).to.deep.equal([
+          { u: 'foobar' },
+          { i: 'baz', meta: this.meta },
+        ])
+      })
+
+      it('should insert into the middle of (i)inserted text', function () {
+        const diff = this.DiffGenerator.applyUpdateToDiff(
+          [{ i: 'foobar', meta: this.meta }],
+          { op: [{ p: 3, i: 'baz' }], meta: this.meta }
+        )
+        expect(diff).to.deep.equal([
+          { i: 'foo', meta: this.meta },
+          { i: 'baz', meta: this.meta },
+          { i: 'bar', meta: this.meta },
+        ])
+      })
+
+      it('should not count deletes in the running length total', function () {
+        const diff = this.DiffGenerator.applyUpdateToDiff(
+          [{ d: 'deleted', meta: this.meta }, { u: 'foobar' }],
+          { op: [{ p: 3, i: 'baz' }], meta: this.meta }
+        )
+        expect(diff).to.deep.equal([
+          { d: 'deleted', meta: this.meta },
+          { u: 'foo' },
+          { i: 'baz', meta: this.meta },
+          { u: 'bar' },
+        ])
+      })
+    })
+
+    describe('a delete', function () {
+      describe('deleting unchanged text', function () {
+        it('should delete from the middle of (u)nchanged text', function () {
+          const diff = this.DiffGenerator.applyUpdateToDiff(
+            [{ u: 'foobazbar' }],
+            { op: [{ p: 3, d: 'baz' }], meta: this.meta }
+          )
+          expect(diff).to.deep.equal([
+            { u: 'foo' },
+            { d: 'baz', meta: this.meta },
+            { u: 'bar' },
+          ])
+        })
+
+        it('should delete from the start of (u)nchanged text', function () {
+          const diff = this.DiffGenerator.applyUpdateToDiff(
+            [{ u: 'foobazbar' }],
+            { op: [{ p: 0, d: 'foo' }], meta: this.meta }
+          )
+          expect(diff).to.deep.equal([
+            { d: 'foo', meta: this.meta },
+            { u: 'bazbar' },
+          ])
+        })
+
+        it('should delete from the end of (u)nchanged text', function () {
+          const diff = this.DiffGenerator.applyUpdateToDiff(
+            [{ u: 'foobazbar' }],
+            { op: [{ p: 6, d: 'bar' }], meta: this.meta }
+          )
+          expect(diff).to.deep.equal([
+            { u: 'foobaz' },
+            { d: 'bar', meta: this.meta },
+          ])
+        })
+
+        it('should delete across multiple (u)changed text parts', function () {
+          const diff = this.DiffGenerator.applyUpdateToDiff(
+            [{ u: 'foo' }, { u: 'baz' }, { u: 'bar' }],
+            { op: [{ p: 2, d: 'obazb' }], meta: this.meta }
+          )
+          expect(diff).to.deep.equal([
+            { u: 'fo' },
+            { d: 'o', meta: this.meta },
+            { d: 'baz', meta: this.meta },
+            { d: 'b', meta: this.meta },
+            { u: 'ar' },
+          ])
+        })
+      })
+
+      describe('deleting inserts', function () {
+        it('should delete from the middle of (i)nserted text', function () {
+          const diff = this.DiffGenerator.applyUpdateToDiff(
+            [{ i: 'foobazbar', meta: this.meta }],
+            { op: [{ p: 3, d: 'baz' }], meta: this.meta }
+          )
+          expect(diff).to.deep.equal([
+            { i: 'foo', meta: this.meta },
+            { i: 'bar', meta: this.meta },
+          ])
+        })
+
+        it('should delete from the start of (u)nchanged text', function () {
+          const diff = this.DiffGenerator.applyUpdateToDiff(
+            [{ i: 'foobazbar', meta: this.meta }],
+            { op: [{ p: 0, d: 'foo' }], meta: this.meta }
+          )
+          expect(diff).to.deep.equal([{ i: 'bazbar', meta: this.meta }])
+        })
+
+        it('should delete from the end of (u)nchanged text', function () {
+          const diff = this.DiffGenerator.applyUpdateToDiff(
+            [{ i: 'foobazbar', meta: this.meta }],
+            { op: [{ p: 6, d: 'bar' }], meta: this.meta }
+          )
+          expect(diff).to.deep.equal([{ i: 'foobaz', meta: this.meta }])
+        })
+
+        it('should delete across multiple (u)changed and (i)nserted text parts', function () {
+          const diff = this.DiffGenerator.applyUpdateToDiff(
+            [{ u: 'foo' }, { i: 'baz', meta: this.meta }, { u: 'bar' }],
+            { op: [{ p: 2, d: 'obazb' }], meta: this.meta }
+          )
+          expect(diff).to.deep.equal([
+            { u: 'fo' },
+            { d: 'o', meta: this.meta },
+            { d: 'b', meta: this.meta },
+            { u: 'ar' },
+          ])
+        })
+      })
+
+      describe('deleting over existing deletes', function () {
+        it('should delete across multiple (u)changed and (d)deleted text parts', function () {
+          const diff = this.DiffGenerator.applyUpdateToDiff(
+            [{ u: 'foo' }, { d: 'baz', meta: this.meta }, { u: 'bar' }],
+            { op: [{ p: 2, d: 'ob' }], meta: this.meta }
+          )
+          expect(diff).to.deep.equal([
+            { u: 'fo' },
+            { d: 'o', meta: this.meta },
+            { d: 'baz', meta: this.meta },
+            { d: 'b', meta: this.meta },
+            { u: 'ar' },
+          ])
+        })
+      })
+
+      describe("deleting when the text doesn't match", function () {
+        it('should throw an error when deleting from the middle of (u)nchanged text', function () {
+          expect(() =>
+            this.DiffGenerator.applyUpdateToDiff([{ u: 'foobazbar' }], {
+              op: [{ p: 3, d: 'xxx' }],
+              meta: this.meta,
+            })
+          ).to.throw(this.DiffGenerator.ConsistencyError)
+        })
+
+        it('should throw an error when deleting from the start of (u)nchanged text', function () {
+          expect(() =>
+            this.DiffGenerator.applyUpdateToDiff([{ u: 'foobazbar' }], {
+              op: [{ p: 0, d: 'xxx' }],
+              meta: this.meta,
+            })
+          ).to.throw(this.DiffGenerator.ConsistencyError)
+        })
+
+        it('should throw an error when deleting from the end of (u)nchanged text', function () {
+          expect(() =>
+            this.DiffGenerator.applyUpdateToDiff([{ u: 'foobazbar' }], {
+              op: [{ p: 6, d: 'xxx' }],
+              meta: this.meta,
+            })
+          ).to.throw(this.DiffGenerator.ConsistencyError)
+        })
+      })
+
+      describe('when the last update in the existing diff is a delete', function () {
+        it('should insert the new update before the delete', function () {
+          const diff = this.DiffGenerator.applyUpdateToDiff(
+            [{ u: 'foo' }, { d: 'bar', meta: this.meta }],
+            { op: [{ p: 3, i: 'baz' }], meta: this.meta }
+          )
+          expect(diff).to.deep.equal([
+            { u: 'foo' },
+            { i: 'baz', meta: this.meta },
+            { d: 'bar', meta: this.meta },
+          ])
+        })
+      })
+
+      describe('when the only update in the existing diff is a delete', function () {
+        it('should insert the new update after the delete', function () {
+          const diff = this.DiffGenerator.applyUpdateToDiff(
+            [{ d: 'bar', meta: this.meta }],
+            { op: [{ p: 0, i: 'baz' }], meta: this.meta }
+          )
+          expect(diff).to.deep.equal([
+            { d: 'bar', meta: this.meta },
+            { i: 'baz', meta: this.meta },
+          ])
+        })
+      })
+    })
+  })
+})
diff --git a/services/project-history/test/unit/js/DiffManager/DiffManagerTests.js b/services/project-history/test/unit/js/DiffManager/DiffManagerTests.js
new file mode 100644
index 0000000..ba2c155
--- /dev/null
+++ b/services/project-history/test/unit/js/DiffManager/DiffManagerTests.js
@@ -0,0 +1,523 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import { strict as esmock } from 'esmock'
+
+const MODULE_PATH = '../../../../app/js/DiffManager.js'
+
+describe('DiffManager', function () {
+  beforeEach(async function () {
+    this.DocumentUpdaterManager = {}
+    this.DiffGenerator = {
+      buildDiff: sinon.stub(),
+    }
+    this.UpdatesProcessor = {
+      processUpdatesForProject: sinon.stub(),
+    }
+    this.HistoryStoreManager = {
+      getChunkAtVersion: sinon.stub(),
+    }
+    this.WebApiManager = {
+      getHistoryId: sinon.stub(),
+    }
+    this.ChunkTranslator = {
+      convertToDiffUpdates: sinon.stub(),
+    }
+    this.FileTreeDiffGenerator = {}
+    this.DiffManager = await esmock(MODULE_PATH, {
+      '../../../../app/js/DocumentUpdaterManager.js':
+        this.DocumentUpdaterManager,
+      '../../../../app/js/DiffGenerator.js': this.DiffGenerator,
+      '../../../../app/js/UpdatesProcessor.js': this.UpdatesProcessor,
+      '../../../../app/js/HistoryStoreManager.js': this.HistoryStoreManager,
+      '../../../../app/js/WebApiManager.js': this.WebApiManager,
+      '../../../../app/js/ChunkTranslator.js': this.ChunkTranslator,
+      '../../../../app/js/FileTreeDiffGenerator.js': this.FileTreeDiffGenerator,
+    })
+    this.projectId = 'mock-project-id'
+    this.callback = sinon.stub()
+  })
+
+  describe('getDiff', function () {
+    beforeEach(function () {
+      this.pathname = 'main.tex'
+      this.fromVersion = 4
+      this.toVersion = 8
+      this.initialContent = 'foo bar baz'
+      this.updates = ['mock-updates']
+      this.diff = { mock: 'dif' }
+      this.UpdatesProcessor.processUpdatesForProject
+        .withArgs(this.projectId)
+        .yields()
+      this.DiffGenerator.buildDiff
+        .withArgs(this.initialContent, this.updates)
+        .returns(this.diff)
+    })
+
+    describe('with a text file', function () {
+      beforeEach(function () {
+        this.DiffManager._mocks._getProjectUpdatesBetweenVersions = sinon.stub()
+        this.DiffManager._mocks._getProjectUpdatesBetweenVersions
+          .withArgs(
+            this.projectId,
+            this.pathname,
+            this.fromVersion,
+            this.toVersion
+          )
+          .yields(null, {
+            initialContent: this.initialContent,
+            updates: this.updates,
+          })
+        this.DiffManager.getDiff(
+          this.projectId,
+          this.pathname,
+          this.fromVersion,
+          this.toVersion,
+          this.callback
+        )
+      })
+
+      it('should make sure all pending updates have been process', function () {
+        this.UpdatesProcessor.processUpdatesForProject
+          .calledWith(this.projectId)
+          .should.equal(true)
+      })
+
+      it('should get the updates from the history backend', function () {
+        this.DiffManager._mocks._getProjectUpdatesBetweenVersions
+          .calledWith(
+            this.projectId,
+            this.pathname,
+            this.fromVersion,
+            this.toVersion
+          )
+          .should.equal(true)
+      })
+
+      it('should convert the updates to a diff', function () {
+        this.DiffGenerator.buildDiff
+          .calledWith(this.initialContent, this.updates)
+          .should.equal(true)
+      })
+
+      it('should return the diff', function () {
+        this.callback.calledWith(null, this.diff).should.equal(true)
+      })
+    })
+
+    describe('with a binary file', function () {
+      beforeEach(function () {
+        this.DiffManager._mocks._getProjectUpdatesBetweenVersions = sinon.stub()
+        this.DiffManager._mocks._getProjectUpdatesBetweenVersions
+          .withArgs(
+            this.projectId,
+            this.pathname,
+            this.fromVersion,
+            this.toVersion
+          )
+          .yields(null, { binary: true })
+        this.DiffManager.getDiff(
+          this.projectId,
+          this.pathname,
+          this.fromVersion,
+          this.toVersion,
+          this.callback
+        )
+      })
+
+      it('should make sure all pending updates have been process', function () {
+        this.UpdatesProcessor.processUpdatesForProject
+          .calledWith(this.projectId)
+          .should.equal(true)
+      })
+
+      it('should get the updates from the history backend', function () {
+        this.DiffManager._mocks._getProjectUpdatesBetweenVersions
+          .calledWith(
+            this.projectId,
+            this.pathname,
+            this.fromVersion,
+            this.toVersion
+          )
+          .should.equal(true)
+      })
+
+      it('should not try convert any updates to a diff', function () {
+        this.DiffGenerator.buildDiff.called.should.equal(false)
+      })
+
+      it('should return the binary diff', function () {
+        this.callback.calledWith(null, { binary: true }).should.equal(true)
+      })
+    })
+  })
+
+  describe('_getProjectUpdatesBetweenVersions', function () {
+    beforeEach(function () {
+      this.pathname = 'main.tex'
+      this.fromVersion = 4
+      this.toVersion = 8
+      this.chunks = ['mock-chunk-1', 'mock-chunk-2']
+      this.concatted_chunk = 'mock-chunk'
+      this.DiffManager._mocks._concatChunks = sinon.stub()
+      this.DiffManager._mocks._concatChunks
+        .withArgs(this.chunks)
+        .returns(this.concatted_chunk)
+      this.updates = ['mock-updates']
+      this.initialContent = 'foo bar baz'
+      this.ChunkTranslator.convertToDiffUpdates
+        .withArgs(
+          this.projectId,
+          this.concatted_chunk,
+          this.pathname,
+          this.fromVersion,
+          this.toVersion
+        )
+        .yields(null, {
+          initialContent: this.initialContent,
+          updates: this.updates,
+        })
+    })
+
+    describe('for the normal case', function () {
+      beforeEach(function () {
+        this.DiffManager._mocks._getChunks = sinon.stub()
+        this.DiffManager._mocks._getChunks
+          .withArgs(this.projectId, this.fromVersion, this.toVersion)
+          .yields(null, this.chunks)
+        this.DiffManager._getProjectUpdatesBetweenVersions(
+          this.projectId,
+          this.pathname,
+          this.fromVersion,
+          this.toVersion,
+          this.callback
+        )
+      })
+
+      it('should get the relevant chunks', function () {
+        this.DiffManager._mocks._getChunks
+          .calledWith(this.projectId, this.fromVersion, this.toVersion)
+          .should.equal(true)
+      })
+
+      it('should get the concat the chunks', function () {
+        this.DiffManager._mocks._concatChunks
+          .calledWith(this.chunks)
+          .should.equal(true)
+      })
+
+      it('should convert the chunks to an initial version and updates', function () {
+        this.ChunkTranslator.convertToDiffUpdates
+          .calledWith(
+            this.projectId,
+            this.concatted_chunk,
+            this.pathname,
+            this.fromVersion,
+            this.toVersion
+          )
+          .should.equal(true)
+      })
+
+      it('should return the initialContent and updates', function () {
+        this.callback
+          .calledWith(null, {
+            initialContent: this.initialContent,
+            updates: this.updates,
+          })
+          .should.equal(true)
+      })
+    })
+
+    describe('for the error case', function () {
+      beforeEach(function () {
+        this.DiffManager._mocks._getChunks = sinon.stub()
+        this.DiffManager._mocks._getChunks
+          .withArgs(this.projectId, this.fromVersion, this.toVersion)
+          .yields(new Error('failed to load chunk'))
+        this.DiffManager._getProjectUpdatesBetweenVersions(
+          this.projectId,
+          this.pathname,
+          this.fromVersion,
+          this.toVersion,
+          this.callback
+        )
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('_getChunks', function () {
+    beforeEach(function () {
+      this.historyId = 'mock-overleaf-id'
+      this.WebApiManager.getHistoryId.yields(null, this.historyId)
+    })
+
+    describe('where only one chunk is needed', function () {
+      beforeEach(function (done) {
+        this.fromVersion = 4
+        this.toVersion = 8
+        this.chunk = {
+          chunk: {
+            startVersion: 2,
+          }, // before fromVersion
+        }
+        this.HistoryStoreManager.getChunkAtVersion
+          .withArgs(this.projectId, this.historyId, this.toVersion)
+          .yields(null, this.chunk)
+        this.DiffManager._getChunks(
+          this.projectId,
+          this.fromVersion,
+          this.toVersion,
+          (error, chunks) => {
+            this.error = error
+            this.chunks = chunks
+            done()
+          }
+        )
+      })
+
+      it("should the project's overleaf id", function () {
+        this.WebApiManager.getHistoryId
+          .calledWith(this.projectId)
+          .should.equal(true)
+      })
+
+      it('should request the first chunk', function () {
+        this.HistoryStoreManager.getChunkAtVersion
+          .calledWith(this.projectId, this.historyId, this.toVersion)
+          .should.equal(true)
+      })
+
+      it('should return an array of chunks', function () {
+        expect(this.chunks).to.deep.equal([this.chunk])
+      })
+    })
+
+    describe('where multiple chunks are needed', function () {
+      beforeEach(function (done) {
+        this.fromVersion = 4
+        this.toVersion = 8
+        this.chunk1 = {
+          chunk: {
+            startVersion: 6,
+          },
+        }
+        this.chunk2 = {
+          chunk: {
+            startVersion: 2,
+          },
+        }
+        this.HistoryStoreManager.getChunkAtVersion
+          .withArgs(this.projectId, this.historyId, this.toVersion)
+          .yields(null, this.chunk1)
+        this.HistoryStoreManager.getChunkAtVersion
+          .withArgs(
+            this.projectId,
+            this.historyId,
+            this.chunk1.chunk.startVersion
+          )
+          .yields(null, this.chunk2)
+        this.DiffManager._mocks._getChunks(
+          this.projectId,
+          this.fromVersion,
+          this.toVersion,
+          (error, chunks) => {
+            this.error = error
+            this.chunks = chunks
+            done()
+          }
+        )
+      })
+
+      it('should request the first chunk', function () {
+        this.HistoryStoreManager.getChunkAtVersion
+          .calledWith(this.projectId, this.historyId, this.toVersion)
+          .should.equal(true)
+      })
+
+      it('should request the second chunk, from where the first one started', function () {
+        this.HistoryStoreManager.getChunkAtVersion
+          .calledWith(
+            this.projectId,
+            this.historyId,
+            this.chunk1.chunk.startVersion
+          )
+          .should.equal(true)
+      })
+
+      it('should return an array of chunks', function () {
+        expect(this.chunks).to.deep.equal([this.chunk1, this.chunk2])
+      })
+    })
+
+    describe('where more than MAX_CHUNKS are requested', function () {
+      beforeEach(function (done) {
+        this.fromVersion = 0
+        this.toVersion = 8
+        this.chunk1 = {
+          chunk: {
+            startVersion: 6,
+          },
+        }
+        this.chunk2 = {
+          chunk: {
+            startVersion: 4,
+          },
+        }
+        this.chunk3 = {
+          chunk: {
+            startVersion: 2,
+          },
+        }
+        this.DiffManager.setMaxChunkRequests(2)
+        this.HistoryStoreManager.getChunkAtVersion
+          .withArgs(this.projectId, this.historyId, this.toVersion)
+          .yields(null, this.chunk1)
+        this.HistoryStoreManager.getChunkAtVersion
+          .withArgs(
+            this.projectId,
+            this.historyId,
+            this.chunk1.chunk.startVersion
+          )
+          .yields(null, this.chunk2)
+        this.DiffManager._mocks._getChunks(
+          this.projectId,
+          this.fromVersion,
+          this.toVersion,
+          (error, chunks) => {
+            this.error = error
+            this.chunks = chunks
+            done()
+          }
+        )
+      })
+
+      it('should request the first chunk', function () {
+        this.HistoryStoreManager.getChunkAtVersion
+          .calledWith(this.projectId, this.historyId, this.toVersion)
+          .should.equal(true)
+      })
+
+      it('should request the second chunk, from where the first one started', function () {
+        this.HistoryStoreManager.getChunkAtVersion
+          .calledWith(
+            this.projectId,
+            this.historyId,
+            this.chunk1.chunk.startVersion
+          )
+          .should.equal(true)
+      })
+
+      it('should not request the third chunk', function () {
+        this.HistoryStoreManager.getChunkAtVersion
+          .calledWith(
+            this.projectId,
+            this.historyId,
+            this.chunk2.chunk.startVersion
+          )
+          .should.equal(false)
+      })
+
+      it('should return an error', function () {
+        expect(this.error).to.exist
+        expect(this.error.message).to.equal('Diff spans too many chunks')
+        expect(this.error.name).to.equal('BadRequestError')
+      })
+    })
+
+    describe('where fromVersion == toVersion', function () {
+      beforeEach(function (done) {
+        this.fromVersion = 4
+        this.toVersion = 4
+        this.chunk = {
+          chunk: {
+            startVersion: 2,
+          }, // before fromVersion
+        }
+        this.HistoryStoreManager.getChunkAtVersion
+          .withArgs(this.projectId, this.historyId, this.toVersion)
+          .yields(null, this.chunk)
+        this.DiffManager._mocks._getChunks(
+          this.projectId,
+          this.fromVersion,
+          this.toVersion,
+          (error, chunks) => {
+            this.error = error
+            this.chunks = chunks
+            done()
+          }
+        )
+      })
+
+      it('should still request the first chunk (because we need the file contents)', function () {
+        this.HistoryStoreManager.getChunkAtVersion
+          .calledWith(this.projectId, this.historyId, this.toVersion)
+          .should.equal(true)
+      })
+
+      it('should return an array of chunks', function () {
+        expect(this.chunks).to.deep.equal([this.chunk])
+      })
+    })
+  })
+
+  describe('_concatChunks', function () {
+    it('should concat the chunks in reverse order', function () {
+      const result = this.DiffManager._mocks._concatChunks([
+        {
+          chunk: {
+            history: {
+              snapshot: {
+                files: {
+                  mock: 'files-updated-2',
+                },
+              },
+              changes: [7, 8, 9],
+            },
+          },
+        },
+        {
+          chunk: {
+            history: {
+              snapshot: {
+                files: {
+                  mock: 'files-updated',
+                },
+              },
+              changes: [4, 5, 6],
+            },
+          },
+        },
+        {
+          chunk: {
+            history: {
+              snapshot: {
+                files: {
+                  mock: 'files-original',
+                },
+              },
+              changes: [1, 2, 3],
+            },
+          },
+        },
+      ])
+
+      expect(result).to.deep.equal({
+        chunk: {
+          history: {
+            snapshot: {
+              files: {
+                mock: 'files-original',
+              },
+            },
+            changes: [1, 2, 3, 4, 5, 6, 7, 8, 9],
+          },
+        },
+      })
+    })
+  })
+})
diff --git a/services/project-history/test/unit/js/DocumentUpdaterManager/DocumentUpdaterManagerTests.js b/services/project-history/test/unit/js/DocumentUpdaterManager/DocumentUpdaterManagerTests.js
new file mode 100644
index 0000000..a745eb4
--- /dev/null
+++ b/services/project-history/test/unit/js/DocumentUpdaterManager/DocumentUpdaterManagerTests.js
@@ -0,0 +1,184 @@
+/* eslint-disable
+    no-return-assign,
+    no-undef,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import sinon from 'sinon'
+import { expect } from 'chai'
+import { strict as esmock } from 'esmock'
+
+const MODULE_PATH = '../../../../app/js/DocumentUpdaterManager.js'
+
+describe('DocumentUpdaterManager', function () {
+  beforeEach(async function () {
+    this.settings = {
+      apis: { documentupdater: { url: 'http://example.com' } },
+    }
+    this.request = {
+      get: sinon.stub(),
+      post: sinon.stub(),
+    }
+    this.DocumentUpdaterManager = await esmock(MODULE_PATH, {
+      request: this.request,
+      '@overleaf/settings': this.settings,
+    })
+    this.callback = sinon.stub()
+    this.lines = ['one', 'two', 'three']
+    return (this.version = 42)
+  })
+
+  describe('getDocument', function () {
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.body = JSON.stringify({
+          lines: this.lines,
+          version: this.version,
+          ops: [],
+        })
+        this.request.get.yields(null, { statusCode: 200 }, this.body)
+        return this.DocumentUpdaterManager.getDocument(
+          this.project_id,
+          this.doc_id,
+          this.callback
+        )
+      })
+
+      it('should get the document from the document updater', function () {
+        const url = `${this.settings.apis.documentupdater.url}/project/${this.project_id}/doc/${this.doc_id}`
+        return this.request.get.calledWith(url).should.equal(true)
+      })
+
+      return it('should call the callback with the content and version', function () {
+        return this.callback
+          .calledWith(null, this.lines.join('\n'), this.version)
+          .should.equal(true)
+      })
+    })
+
+    describe('when the document updater API returns an error', function () {
+      beforeEach(function () {
+        this.error = new Error('something went wrong')
+        this.request.get.yields(this.error, null, null)
+        return this.DocumentUpdaterManager.getDocument(
+          this.project_id,
+          this.doc_id,
+          this.callback
+        )
+      })
+
+      return it('should return an error to the callback', function () {
+        return this.callback.calledWith(this.error).should.equal(true)
+      })
+    })
+
+    return describe('when the document updater returns a failure error code', function () {
+      beforeEach(function () {
+        this.request.get.yields(null, { statusCode: 500 }, '')
+        return this.DocumentUpdaterManager.getDocument(
+          this.project_id,
+          this.doc_id,
+          this.callback
+        )
+      })
+
+      return it('should return the callback with an error', function () {
+        return this.callback
+          .calledWith(
+            sinon.match.has(
+              'message',
+              'doc updater returned a non-success status code: 500'
+            )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  return describe('setDocument', function () {
+    beforeEach(function () {
+      this.content = 'mock content'
+      return (this.user_id = 'user-id-123')
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.request.post.yields(null, { statusCode: 200 })
+        return this.DocumentUpdaterManager.setDocument(
+          this.project_id,
+          this.doc_id,
+          this.content,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('should set the document in the document updater', function () {
+        const url = `${this.settings.apis.documentupdater.url}/project/${this.project_id}/doc/${this.doc_id}`
+        return this.request.post
+          .calledWith({
+            url,
+            json: {
+              lines: this.content.split('\n'),
+              source: 'restore',
+              user_id: this.user_id,
+              undoing: true,
+            },
+          })
+          .should.equal(true)
+      })
+
+      return it('should call the callback', function () {
+        return this.callback.calledWith(null).should.equal(true)
+      })
+    })
+
+    describe('when the document updater API returns an error', function () {
+      beforeEach(function () {
+        this.error = new Error('something went wrong')
+        this.request.post.yields(this.error, null, null)
+        return this.DocumentUpdaterManager.setDocument(
+          this.project_id,
+          this.doc_id,
+          this.content,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      return it('should return an error to the callback', function () {
+        return this.callback.calledWith(this.error).should.equal(true)
+      })
+    })
+
+    return describe('when the document updater returns a failure error code', function () {
+      beforeEach(function () {
+        this.request.post.yields(null, { statusCode: 500 }, '')
+        return this.DocumentUpdaterManager.setDocument(
+          this.project_id,
+          this.doc_id,
+          this.content,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      return it('should return the callback with an error', function () {
+        return this.callback
+          .calledWith(
+            sinon.match.has(
+              'message',
+              'doc updater returned a non-success status code: 500'
+            )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/project-history/test/unit/js/ErrorRecorder/ErrorRecorderTest.js b/services/project-history/test/unit/js/ErrorRecorder/ErrorRecorderTest.js
new file mode 100644
index 0000000..79af1a8
--- /dev/null
+++ b/services/project-history/test/unit/js/ErrorRecorder/ErrorRecorderTest.js
@@ -0,0 +1,96 @@
+import sinon from 'sinon'
+import { strict as esmock } from 'esmock'
+import tk from 'timekeeper'
+
+const MODULE_PATH = '../../../../app/js/ErrorRecorder.js'
+
+describe('ErrorRecorder', function () {
+  beforeEach(async function () {
+    this.now = new Date()
+    tk.freeze(this.now)
+    this.db = {
+      projectHistoryFailures: {
+        deleteOne: sinon.stub().resolves(),
+        findOneAndUpdate: sinon
+          .stub()
+          .resolves({ value: { failure: 'record' } }),
+      },
+    }
+    this.mongodb = { db: this.db }
+    this.metrics = { gauge: sinon.stub() }
+    this.ErrorRecorder = await esmock(MODULE_PATH, {
+      '../../../../app/js/mongodb.js': this.mongodb,
+      '@overleaf/metrics': this.metrics,
+    })
+
+    this.project_id = 'project-id-123'
+    this.queueSize = 445
+  })
+
+  afterEach(function () {
+    tk.reset()
+  })
+
+  describe('record', function () {
+    beforeEach(async function () {
+      this.error = new Error('something bad')
+      await this.ErrorRecorder.promises.record(
+        this.project_id,
+        this.queueSize,
+        this.error
+      )
+    })
+
+    it('should record the error to mongo', function () {
+      this.db.projectHistoryFailures.findOneAndUpdate
+        .calledWithMatch(
+          {
+            project_id: this.project_id,
+          },
+          {
+            $set: {
+              queueSize: this.queueSize,
+              error: this.error.toString(),
+              stack: this.error.stack,
+              ts: this.now,
+            },
+            $inc: {
+              attempts: 1,
+            },
+            $push: {
+              history: {
+                $each: [
+                  {
+                    queueSize: this.queueSize,
+                    error: this.error.toString(),
+                    stack: this.error.stack,
+                    ts: this.now,
+                  },
+                ],
+                $position: 0,
+                $slice: 10,
+              },
+            },
+          },
+          {
+            upsert: true,
+          }
+        )
+        .should.equal(true)
+    })
+  })
+
+  describe('clearError', function () {
+    beforeEach(async function () {
+      this.result = await this.ErrorRecorder.promises.clearError(
+        this.project_id
+      )
+    })
+
+    it('should remove any error from mongo', function () {
+      this.db.projectHistoryFailures.deleteOne
+        .calledWithMatch({ project_id: this.project_id })
+        .should.equal(true)
+    })
+  })
+})
diff --git a/services/project-history/test/unit/js/HistoryBlobTranslator/HistoryBlobTranslatorTests.js b/services/project-history/test/unit/js/HistoryBlobTranslator/HistoryBlobTranslatorTests.js
new file mode 100644
index 0000000..c07aee8
--- /dev/null
+++ b/services/project-history/test/unit/js/HistoryBlobTranslator/HistoryBlobTranslatorTests.js
@@ -0,0 +1,497 @@
+import { expect } from 'chai'
+import { createRangeBlobDataFromUpdate } from '../../../../app/js/HistoryBlobTranslator.js'
+
+/**
+ * @import { AddDocUpdate } from "../../../../app/js/types"
+ */
+
+/**
+ *
+ * @param {string} pathname s
+ * @param {string} docLines
+ * @param {AddDocUpdate["ranges"]} ranges
+ * @returns {AddDocUpdate}
+ */
+const update = (pathname, docLines, ranges) => {
+  return {
+    pathname,
+    docLines,
+    ranges,
+    version: 'version-1',
+    projectHistoryId: 'project-id',
+    doc: 'doc',
+    meta: {
+      user_id: 'user-id',
+      ts: 0,
+    },
+  }
+}
+
+describe('HistoryBlobTranslator', function () {
+  describe('createBlobDataFromUpdate', function () {
+    beforeEach(function () {
+      this.text = 'the quick brown fox jumps over the lazy dog'
+    })
+    describe('for update with no ranges', function () {
+      beforeEach(function () {
+        this.result = createRangeBlobDataFromUpdate(
+          update('pathname', this.text, undefined)
+        )
+      })
+
+      it('should not return ranges', function () {
+        expect(this.result).to.be.undefined
+      })
+    })
+
+    describe('for update with empty ranges object', function () {
+      beforeEach(function () {
+        this.result = createRangeBlobDataFromUpdate(
+          update('pathname', this.text, {})
+        )
+      })
+
+      it('should not return ranges', function () {
+        expect(this.result).to.be.undefined
+      })
+    })
+
+    describe('for update with ranges object with empty lists', function () {
+      beforeEach(function () {
+        this.result = createRangeBlobDataFromUpdate(
+          update('pathname', this.text, { changes: [], comments: [] })
+        )
+      })
+
+      it('should not return ranges', function () {
+        expect(this.result).to.be.undefined
+      })
+    })
+
+    describe('for update with zero length comments', function () {
+      beforeEach(function () {
+        this.result = createRangeBlobDataFromUpdate(
+          update('pathname', this.text, {
+            changes: [],
+            comments: [
+              { op: { c: '', p: 4, t: 'comment-1', resolved: false } },
+            ],
+          })
+        )
+      })
+      it('should treat them as detached comments', function () {
+        expect(this.result).to.deep.equal({
+          comments: [{ id: 'comment-1', ranges: [] }],
+          trackedChanges: [],
+        })
+      })
+    })
+
+    describe('for update with ranges object with only comments', function () {
+      it('should return unmoved ranges', function () {
+        const result = createRangeBlobDataFromUpdate(
+          update('pathname', this.text, {
+            comments: [
+              {
+                op: { c: 'quick', p: 4, t: 'comment-1', resolved: false },
+              },
+            ],
+          })
+        )
+        expect(result).to.deep.equal({
+          comments: [
+            {
+              id: 'comment-1',
+              ranges: [{ pos: 4, length: 5 }],
+            },
+          ],
+          trackedChanges: [],
+        })
+      })
+
+      it('should merge comments ranges into a single comment by id', function () {
+        const result = createRangeBlobDataFromUpdate(
+          update('pathname', this.text, {
+            comments: [
+              {
+                op: { c: 'quick', p: 4, t: 'comment-1', resolved: false },
+              },
+              {
+                op: { c: 'jumps', p: 20, t: 'comment-1', resolved: false },
+              },
+            ],
+          })
+        )
+        expect(result).to.deep.equal({
+          comments: [
+            {
+              id: 'comment-1',
+              ranges: [
+                { pos: 4, length: 5 },
+                { pos: 20, length: 5 },
+              ],
+            },
+          ],
+          trackedChanges: [],
+        })
+      })
+
+      it('should not merge ranges into a single comment if id differs', function () {
+        const result = createRangeBlobDataFromUpdate(
+          update('pathname', this.text, {
+            comments: [
+              {
+                op: { c: 'quick', p: 4, t: 'comment-1', resolved: false },
+              },
+              {
+                op: { c: 'jumps', p: 20, t: 'comment-2', resolved: false },
+              },
+            ],
+          })
+        )
+        expect(result).to.deep.equal({
+          comments: [
+            {
+              id: 'comment-1',
+              ranges: [{ pos: 4, length: 5 }],
+            },
+            {
+              id: 'comment-2',
+              ranges: [{ pos: 20, length: 5 }],
+            },
+          ],
+          trackedChanges: [],
+        })
+      })
+    })
+
+    describe('for update with ranges object with only tracked insertions', function () {
+      it('should translate into history tracked insertions', function () {
+        const result = createRangeBlobDataFromUpdate(
+          update('pathname', this.text, {
+            changes: [
+              {
+                op: { p: 4, i: 'quick' },
+                metadata: {
+                  ts: '2024-01-01T00:00:00.000Z',
+                  user_id: 'user-1',
+                },
+              },
+              {
+                op: { p: 10, i: 'brown' },
+                metadata: {
+                  ts: '2023-01-01T00:00:00.000Z',
+                  user_id: 'user-2',
+                },
+              },
+            ],
+          })
+        )
+        expect(result).to.deep.equal({
+          comments: [],
+          trackedChanges: [
+            {
+              range: { pos: 4, length: 5 },
+              tracking: {
+                type: 'insert',
+                userId: 'user-1',
+                ts: '2024-01-01T00:00:00.000Z',
+              },
+            },
+            {
+              range: { pos: 10, length: 5 },
+              tracking: {
+                type: 'insert',
+                userId: 'user-2',
+                ts: '2023-01-01T00:00:00.000Z',
+              },
+            },
+          ],
+        })
+      })
+    })
+
+    describe('for update with ranges object with mixed tracked changes', function () {
+      describe('with tracked deletions before insertions', function () {
+        it('should insert tracked deletions before insertions', function () {
+          const text = 'the quickrapid brown fox jumps over the lazy dog'
+          const result = createRangeBlobDataFromUpdate(
+            update('pathname', text, {
+              changes: [
+                {
+                  op: { p: 4, d: 'quick' },
+                  metadata: {
+                    ts: '2024-01-01T00:00:00.000Z',
+                    user_id: 'user-1',
+                  },
+                },
+                {
+                  op: { p: 4, hpos: 9, i: 'rapid' },
+                  metadata: {
+                    ts: '2023-01-01T00:00:00.000Z',
+                    user_id: 'user-2',
+                  },
+                },
+              ],
+            })
+          )
+
+          expect(result).to.deep.equal({
+            comments: [],
+            trackedChanges: [
+              {
+                range: { pos: 4, length: 5 },
+                tracking: {
+                  type: 'delete',
+                  userId: 'user-1',
+                  ts: '2024-01-01T00:00:00.000Z',
+                },
+              },
+              {
+                range: { pos: 9, length: 5 },
+                tracking: {
+                  type: 'insert',
+                  userId: 'user-2',
+                  ts: '2023-01-01T00:00:00.000Z',
+                },
+              },
+            ],
+          })
+        })
+      })
+
+      describe('with tracked insertions before deletions', function () {
+        it('should insert tracked deletions before insertions', function () {
+          const text = 'the quickrapid brown fox jumps over the lazy dog'
+          const result = createRangeBlobDataFromUpdate(
+            update('pathname', text, {
+              changes: [
+                {
+                  op: { p: 4, hpos: 9, i: 'rapid' },
+                  metadata: {
+                    ts: '2023-01-01T00:00:00.000Z',
+                    user_id: 'user-2',
+                  },
+                },
+                {
+                  op: { p: 4, d: 'quick' },
+                  metadata: {
+                    ts: '2024-01-01T00:00:00.000Z',
+                    user_id: 'user-1',
+                  },
+                },
+              ],
+            })
+          )
+
+          expect(result).to.deep.equal({
+            comments: [],
+            trackedChanges: [
+              {
+                range: { pos: 4, length: 5 },
+                tracking: {
+                  type: 'delete',
+                  userId: 'user-1',
+                  ts: '2024-01-01T00:00:00.000Z',
+                },
+              },
+              {
+                range: { pos: 9, length: 5 },
+                tracking: {
+                  type: 'insert',
+                  userId: 'user-2',
+                  ts: '2023-01-01T00:00:00.000Z',
+                },
+              },
+            ],
+          })
+        })
+      })
+
+      it('should adjust positions', function () {
+        const text = 'the quick brown fox jumps over the lazy dog'
+        const result = createRangeBlobDataFromUpdate(
+          update('pathname', text, {
+            changes: [
+              {
+                op: { p: 4, i: 'quick' },
+                metadata: {
+                  ts: '2024-01-01T00:00:00.000Z',
+                  user_id: 'user-1',
+                },
+              },
+              {
+                op: { p: 10, d: 'brown' },
+                metadata: {
+                  ts: '2023-01-01T00:00:00.000Z',
+                  user_id: 'user-2',
+                },
+              },
+              {
+                op: { p: 30, hpos: 35, i: 'lazy' },
+                metadata: {
+                  ts: '2022-01-01T00:00:00.000Z',
+                  user_id: 'user-2',
+                },
+              },
+            ],
+          })
+        )
+        expect(result).to.deep.equal({
+          comments: [],
+          trackedChanges: [
+            {
+              range: { pos: 4, length: 5 },
+              tracking: {
+                type: 'insert',
+                userId: 'user-1',
+                ts: '2024-01-01T00:00:00.000Z',
+              },
+            },
+            {
+              range: { pos: 10, length: 5 },
+              tracking: {
+                type: 'delete',
+                userId: 'user-2',
+                ts: '2023-01-01T00:00:00.000Z',
+              },
+            },
+            {
+              range: { pos: 35, length: 4 },
+              tracking: {
+                type: 'insert',
+                userId: 'user-2',
+                ts: '2022-01-01T00:00:00.000Z',
+              },
+            },
+          ],
+        })
+      })
+    })
+
+    describe('for update with ranges object with mixed tracked changes and comments', function () {
+      it('should adjust positions', function () {
+        const text = 'the quick brown fox jumps over the lazy dog'
+        const result = createRangeBlobDataFromUpdate(
+          update('pathname', text, {
+            comments: [
+              {
+                op: { c: 'quick', p: 4, t: 'comment-1', resolved: false },
+              },
+              {
+                op: {
+                  c: 'fox',
+                  p: 11,
+                  hpos: 16,
+                  t: 'comment-2',
+                  resolved: false,
+                },
+              },
+            ],
+            changes: [
+              {
+                op: { p: 4, i: 'quick' },
+                metadata: {
+                  ts: '2024-01-01T00:00:00.000Z',
+                  user_id: 'user-1',
+                },
+              },
+              {
+                op: { p: 10, d: 'brown' },
+                metadata: {
+                  ts: '2023-01-01T00:00:00.000Z',
+                  user_id: 'user-2',
+                },
+              },
+              {
+                op: { p: 30, hpos: 35, i: 'lazy' },
+                metadata: {
+                  ts: '2022-01-01T00:00:00.000Z',
+                  user_id: 'user-2',
+                },
+              },
+            ],
+          })
+        )
+        expect(result).to.deep.equal({
+          comments: [
+            {
+              ranges: [{ pos: 4, length: 5 }],
+              id: 'comment-1',
+            },
+            {
+              ranges: [{ pos: 16, length: 3 }],
+              id: 'comment-2',
+            },
+          ],
+          trackedChanges: [
+            {
+              range: { pos: 4, length: 5 },
+              tracking: {
+                type: 'insert',
+                userId: 'user-1',
+                ts: '2024-01-01T00:00:00.000Z',
+              },
+            },
+            {
+              range: { pos: 10, length: 5 },
+              tracking: {
+                type: 'delete',
+                userId: 'user-2',
+                ts: '2023-01-01T00:00:00.000Z',
+              },
+            },
+            {
+              range: { pos: 35, length: 4 },
+              tracking: {
+                type: 'insert',
+                userId: 'user-2',
+                ts: '2022-01-01T00:00:00.000Z',
+              },
+            },
+          ],
+        })
+      })
+
+      it('should adjust comment length', function () {
+        const text = 'the quick brown fox jumps over the lazy dog'
+        const result = createRangeBlobDataFromUpdate(
+          update('pathname', text, {
+            comments: [
+              {
+                op: { c: 'quick fox', p: 4, t: 'comment-1', resolved: false },
+              },
+            ],
+            changes: [
+              {
+                op: { p: 10, d: 'brown ' },
+                metadata: {
+                  ts: '2023-01-01T00:00:00.000Z',
+                  user_id: 'user-2',
+                },
+              },
+            ],
+          })
+        )
+        expect(result).to.deep.equal({
+          comments: [
+            {
+              ranges: [{ pos: 4, length: 9 }],
+              id: 'comment-1',
+            },
+          ],
+          trackedChanges: [
+            {
+              range: { pos: 10, length: 6 },
+              tracking: {
+                type: 'delete',
+                userId: 'user-2',
+                ts: '2023-01-01T00:00:00.000Z',
+              },
+            },
+          ],
+        })
+      })
+    })
+  })
+})
diff --git a/services/project-history/test/unit/js/HistoryStoreManager/HistoryStoreManagerTests.js b/services/project-history/test/unit/js/HistoryStoreManager/HistoryStoreManagerTests.js
new file mode 100644
index 0000000..db5b87d
--- /dev/null
+++ b/services/project-history/test/unit/js/HistoryStoreManager/HistoryStoreManagerTests.js
@@ -0,0 +1,727 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import { strict as esmock } from 'esmock'
+import EventEmitter from 'node:events'
+import { RequestFailedError } from '@overleaf/fetch-utils'
+import * as Errors from '../../../../app/js/Errors.js'
+
+const MODULE_PATH = '../../../../app/js/HistoryStoreManager.js'
+
+describe('HistoryStoreManager', function () {
+  beforeEach(async function () {
+    this.projectId = '123456789012345678901234'
+    this.historyId = 'mock-ol-project-id'
+    this.settings = {
+      overleaf: {
+        history: {
+          host: 'http://example.com',
+          user: 'overleaf',
+          pass: 'password',
+          requestTimeout: 123,
+        },
+      },
+      apis: {
+        filestore: {
+          enabled: true,
+          url: 'http://filestore.overleaf.production',
+        },
+      },
+    }
+    this.latestChunkRequestArgs = sinon.match({
+      method: 'GET',
+      url: `${this.settings.overleaf.history.host}/projects/${this.historyId}/latest/history`,
+      json: true,
+      auth: {
+        user: this.settings.overleaf.history.user,
+        pass: this.settings.overleaf.history.pass,
+        sendImmediately: true,
+      },
+    })
+
+    this.callback = sinon.stub()
+
+    this.LocalFileWriter = {
+      bufferOnDisk: sinon.stub(),
+    }
+
+    this.WebApiManager = {
+      getHistoryId: sinon.stub(),
+    }
+    this.WebApiManager.getHistoryId
+      .withArgs(this.projectId)
+      .yields(null, this.historyId)
+
+    this.FetchUtils = {
+      fetchStream: sinon.stub(),
+      fetchNothing: sinon.stub().resolves(),
+      RequestFailedError,
+    }
+
+    this.request = sinon.stub()
+
+    this.logger = {
+      debug: sinon.stub(),
+      warn: sinon.stub(),
+    }
+
+    this.HistoryStoreManager = await esmock(MODULE_PATH, {
+      '@overleaf/fetch-utils': this.FetchUtils,
+      request: this.request,
+      '@overleaf/settings': this.settings,
+      '../../../../app/js/LocalFileWriter.js': this.LocalFileWriter,
+      '../../../../app/js/WebApiManager.js': this.WebApiManager,
+      '../../../../app/js/Errors.js': Errors,
+      '@overleaf/logger': this.logger,
+    })
+  })
+
+  describe('getMostRecentChunk', function () {
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.chunk = {
+          chunk: {
+            startVersion: 0,
+            history: {
+              snapshot: {
+                files: {},
+              },
+              changes: [],
+            },
+          },
+        }
+        this.request
+          .withArgs(this.latestChunkRequestArgs)
+          .yields(null, { statusCode: 200 }, this.chunk)
+        this.HistoryStoreManager.getMostRecentChunk(
+          this.projectId,
+          this.historyId,
+          this.callback
+        )
+      })
+
+      it('should call the callback with the chunk', function () {
+        expect(this.callback).to.have.been.calledWith(null, this.chunk)
+      })
+    })
+  })
+
+  describe('getMostRecentVersion', function () {
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.chunk = {
+          chunk: {
+            startVersion: 5,
+            history: {
+              snapshot: {
+                files: {},
+              },
+              changes: [
+                { v2Authors: ['5678'], timestamp: '2017-10-17T10:44:40.227Z' },
+                { v2Authors: ['1234'], timestamp: '2017-10-16T10:44:40.227Z' },
+              ],
+            },
+          },
+        }
+
+        this.request
+          .withArgs(this.latestChunkRequestArgs)
+          .yields(null, { statusCode: 200 }, this.chunk)
+        this.HistoryStoreManager.getMostRecentVersion(
+          this.projectId,
+          this.historyId,
+          this.callback
+        )
+      })
+
+      it('should call the callback with the latest version information', function () {
+        expect(this.callback).to.have.been.calledWith(
+          null,
+          7,
+          { project: undefined, docs: {} },
+          { v2Authors: ['5678'], timestamp: '2017-10-17T10:44:40.227Z' }
+        )
+      })
+    })
+
+    describe('out of order doc ops', function () {
+      beforeEach(function () {
+        this.chunk = {
+          chunk: {
+            startVersion: 5,
+            history: {
+              snapshot: {
+                v2DocVersions: {
+                  mock_doc_id: {
+                    pathname: '/main.tex',
+                    v: 2,
+                  },
+                },
+              },
+              changes: [
+                {
+                  operations: [],
+                  v2DocVersions: {
+                    mock_doc_id: {
+                      pathname: '/main.tex',
+                      v: 1,
+                    },
+                  },
+                },
+              ],
+            },
+          },
+        }
+
+        this.request
+          .withArgs(this.latestChunkRequestArgs)
+          .yields(null, { statusCode: 200 }, this.chunk)
+        this.HistoryStoreManager.getMostRecentVersion(
+          this.projectId,
+          this.historyId,
+          this.callback
+        )
+      })
+
+      it('should return an error', function () {
+        expect(this.callback).to.have.been.calledWith(
+          sinon.match
+            .instanceOf(Errors.OpsOutOfOrderError)
+            .and(sinon.match.has('message', 'doc version out of order'))
+        )
+      })
+
+      it('should call the callback with the latest version information', function () {
+        expect(this.callback).to.have.been.calledWith(
+          sinon.match.instanceOf(Errors.OpsOutOfOrderError),
+          6,
+          {
+            project: undefined,
+            docs: { mock_doc_id: { pathname: '/main.tex', v: 2 } },
+          },
+          this.chunk.chunk.history.changes[0]
+        )
+      })
+    })
+
+    describe('out of order project structure versions', function () {
+      beforeEach(function () {
+        this.chunk = {
+          chunk: {
+            startVersion: 5,
+            history: {
+              snapshot: {
+                projectVersion: 2,
+              },
+              changes: [
+                {
+                  operations: [{ pathname: 'main.tex', newPathname: '' }],
+                  projectVersion: 1,
+                },
+              ],
+            },
+          },
+        }
+
+        this.request
+          .withArgs(this.latestChunkRequestArgs)
+          .yields(null, { statusCode: 200 }, this.chunk)
+        this.HistoryStoreManager.getMostRecentVersion(
+          this.projectId,
+          this.historyId,
+          this.callback
+        )
+      })
+
+      it('should return an error', function () {
+        expect(this.callback).to.have.been.calledWith(
+          sinon.match
+            .instanceOf(Errors.OpsOutOfOrderError)
+            .and(
+              sinon.match.has(
+                'message',
+                'project structure version out of order'
+              )
+            )
+        )
+      })
+
+      it('should call the callback with the latest version information', function () {
+        expect(this.callback).to.have.been.calledWith(
+          sinon.match.instanceOf(Errors.OpsOutOfOrderError),
+          6,
+          { project: 2, docs: {} },
+          this.chunk.chunk.history.changes[0]
+        )
+      })
+    })
+
+    describe('out of order project structure and doc versions', function () {
+      beforeEach(function () {
+        this.chunk = {
+          chunk: {
+            startVersion: 5,
+            history: {
+              snapshot: {
+                projectVersion: 1,
+              },
+              changes: [
+                {
+                  operations: [{ pathname: 'main.tex', newPathname: '' }],
+                  projectVersion: 1,
+                },
+                {
+                  operations: [{ pathname: 'main.tex', newPathname: '' }],
+                  projectVersion: 2,
+                },
+                {
+                  operations: [{ pathname: 'main.tex', newPathname: '' }],
+                  projectVersion: 3,
+                },
+                {
+                  operations: [{ pathname: 'main.tex', newPathname: '' }],
+                  projectVersion: 1,
+                },
+                {
+                  operations: [],
+                  v2DocVersions: {
+                    mock_doc_id: {
+                      pathname: '/main.tex',
+                      v: 1,
+                    },
+                  },
+                },
+                {
+                  operations: [],
+                  v2DocVersions: {
+                    mock_doc_id: {
+                      pathname: '/main.tex',
+                      v: 2,
+                    },
+                  },
+                },
+                {
+                  operations: [],
+                  v2DocVersions: {
+                    mock_doc_id: {
+                      pathname: '/main.tex',
+                      v: 1,
+                    },
+                  },
+                },
+              ],
+            },
+          },
+        }
+
+        this.request
+          .withArgs(this.latestChunkRequestArgs)
+          .yields(null, { statusCode: 200 }, this.chunk)
+        this.HistoryStoreManager.getMostRecentVersion(
+          this.projectId,
+          this.historyId,
+          this.callback
+        )
+      })
+
+      it('should return an error', function () {
+        expect(this.callback).to.have.been.calledWith(
+          sinon.match
+            .instanceOf(Errors.OpsOutOfOrderError)
+            .and(
+              sinon.match.has(
+                'message',
+                'project structure version out of order'
+              )
+            )
+        )
+      })
+
+      it('should call the callback with the latest version information', function () {
+        expect(this.callback).to.have.been.calledWith(
+          sinon.match.instanceOf(Errors.OpsOutOfOrderError),
+          12,
+          {
+            project: 3,
+            docs: { mock_doc_id: { pathname: '/main.tex', v: 2 } },
+          },
+          this.chunk.chunk.history.changes[6]
+        )
+      })
+    })
+
+    describe('with an unexpected response', function () {
+      beforeEach(function () {
+        this.badChunk = {
+          chunk: {
+            foo: 123, // valid chunk should have startVersion property
+            bar: 456,
+          },
+        }
+        this.request
+          .withArgs(this.latestChunkRequestArgs)
+          .yields(null, { statusCode: 200 }, this.badChunk)
+        this.HistoryStoreManager.getMostRecentVersion(
+          this.projectId,
+          this.historyId,
+          this.callback
+        )
+      })
+
+      it('should return an error', function () {
+        expect(this.callback).to.have.been.calledWith(
+          sinon.match
+            .instanceOf(Error)
+            .and(sinon.match.has('message', 'unexpected response'))
+        )
+      })
+    })
+  })
+
+  describe('createBlobForUpdate', function () {
+    beforeEach(function () {
+      this.fileStream = {}
+      this.hash = 'random-hash'
+      this.LocalFileWriter.bufferOnDisk.callsArgWith(4, null, this.hash)
+      this.FetchUtils.fetchNothing.rejects(
+        new RequestFailedError('', {}, { status: 404 })
+      )
+      this.FetchUtils.fetchStream.resolves(this.fileStream)
+    })
+
+    describe('for a file update with any filestore location', function () {
+      beforeEach(function (done) {
+        this.file_id = '012345678901234567890123'
+        this.update = {
+          file: true,
+          url: `http://filestore.other.cloud.provider/project/${this.projectId}/file/${this.file_id}`,
+          hash: this.hash,
+        }
+        this.HistoryStoreManager.createBlobForUpdate(
+          this.projectId,
+          this.historyId,
+          this.update,
+          (err, { file: hash }) => {
+            if (err) {
+              return done(err)
+            }
+            this.actualHash = hash
+            done()
+          }
+        )
+      })
+
+      it('should not log any warnings', function () {
+        expect(this.logger.warn).to.not.have.been.called
+      })
+
+      it('should request the file from the filestore in settings', function () {
+        expect(this.FetchUtils.fetchStream).to.have.been.calledWithMatch(
+          `${this.settings.apis.filestore.url}/project/${this.projectId}/file/${this.file_id}`
+        )
+      })
+
+      it('should call the callback with the blob', function () {
+        expect(this.actualHash).to.equal(this.hash)
+      })
+    })
+
+    describe('with filestore disabled', function () {
+      beforeEach(function (done) {
+        this.settings.apis.filestore.enabled = false
+        this.file_id = '012345678901234567890123'
+        this.update = {
+          file: true,
+          url: `http://filestore.other.cloud.provider/project/${this.projectId}/file/${this.file_id}`,
+          hash: this.hash,
+        }
+        this.HistoryStoreManager.createBlobForUpdate(
+          this.projectId,
+          this.historyId,
+          this.update,
+          err => {
+            expect(err).to.match(/blocking filestore read/)
+            done()
+          }
+        )
+      })
+      it('should not request the file', function () {
+        expect(this.FetchUtils.fetchStream).to.not.have.been.called
+      })
+    })
+
+    describe('for a file update with an invalid filestore location', function () {
+      beforeEach(function (done) {
+        this.invalid_id = '000000000000000000000000'
+        this.file_id = '012345678901234567890123'
+        this.update = {
+          file: true,
+          url: `http://filestore.other.cloud.provider/project/${this.invalid_id}/file/${this.file_id}`,
+          hash: this.hash,
+        }
+        this.HistoryStoreManager.createBlobForUpdate(
+          this.projectId,
+          this.historyId,
+          this.update,
+          err => {
+            expect(err).to.exist
+            done()
+          }
+        )
+      })
+
+      it('should not request the file from the filestore', function () {
+        expect(this.FetchUtils.fetchStream).to.not.have.been.called
+      })
+    })
+
+    describe('when the hash mismatches', function () {
+      beforeEach(function (done) {
+        this.file_id = '012345678901234567890123'
+        this.update = {
+          file: true,
+          url: `http://filestore.other.cloud.provider/project/${this.projectId}/file/${this.file_id}`,
+          hash: 'another-hash-from-web',
+        }
+        this.HistoryStoreManager.createBlobForUpdate(
+          this.projectId,
+          this.historyId,
+          this.update,
+          (err, { file: hash }) => {
+            if (err) {
+              return done(err)
+            }
+            this.actualHash = hash
+            done()
+          }
+        )
+      })
+
+      it('should log a warning', function () {
+        expect(this.logger.warn).to.have.been.calledWith(
+          {
+            projectId: this.projectId,
+            fileId: this.file_id,
+            webHash: 'another-hash-from-web',
+            fileHash: this.hash,
+          },
+          'hash mismatch between web and project-history'
+        )
+      })
+
+      it('should request the file from the filestore in settings', function () {
+        expect(this.FetchUtils.fetchStream).to.have.been.calledWithMatch(
+          `${this.settings.apis.filestore.url}/project/${this.projectId}/file/${this.file_id}`
+        )
+      })
+
+      it('should call the callback with the blob', function () {
+        expect(this.actualHash).to.equal(this.hash)
+      })
+    })
+    describe('when the createdBlob flag is set on the update', function () {
+      beforeEach(function () {
+        this.file_id = '012345678901234567890123'
+        this.update = {
+          file: true,
+          createdBlob: true,
+          url: `http://filestore.other.cloud.provider/project/${this.projectId}/file/${this.file_id}`,
+          hash: this.hash,
+        }
+      })
+      describe('when history-v1 confirms that the blob exists', function () {
+        beforeEach(function (done) {
+          this.FetchUtils.fetchNothing.resolves()
+          this.HistoryStoreManager.createBlobForUpdate(
+            this.projectId,
+            this.historyId,
+            this.update,
+            (err, { file: hash }) => {
+              if (err) {
+                return done(err)
+              }
+              this.actualHash = hash
+              done()
+            }
+          )
+        })
+
+        it('should call the callback with the existing hash', function () {
+          expect(this.actualHash).to.equal(this.hash)
+        })
+
+        it('should not request the file from the filestore', function () {
+          expect(this.FetchUtils.fetchStream).to.not.have.been.called
+        })
+
+        it('should log a debug level message', function () {
+          expect(this.logger.debug).to.have.been.calledWith(
+            {
+              projectId: this.projectId,
+              fileId: this.file_id,
+              update: this.update,
+            },
+            'Skipping blob creation as it has already been created'
+          )
+        })
+      })
+      describe('when history-v1 does not confirm that the blob exists', function () {
+        beforeEach(function (done) {
+          this.FetchUtils.fetchNothing.rejects(
+            new RequestFailedError(
+              `${this.settings.overleaf.history.host}/project/${this.projectId}/file/${this.file_id}`,
+              { method: 'HEAD' },
+              { status: 404 }
+            )
+          )
+          this.HistoryStoreManager.createBlobForUpdate(
+            this.projectId,
+            this.historyId,
+            this.update,
+            (err, { file: hash }) => {
+              if (err) {
+                return done(err)
+              }
+              this.actualHash = hash
+              done()
+            }
+          )
+        })
+
+        it('should warn that we will use the filestore', function () {
+          expect(this.logger.warn).to.have.been.calledWithMatch(
+            {
+              fileId: this.file_id,
+              projectId: this.projectId,
+              update: this.update,
+            },
+            'created blob does not exist, reading from filestore'
+          )
+        })
+
+        it('should request the file from the filestore in settings', function () {
+          expect(this.FetchUtils.fetchStream).to.have.been.calledWithMatch(
+            `${this.settings.apis.filestore.url}/project/${this.projectId}/file/${this.file_id}`
+          )
+        })
+
+        it('should call the callback with the blob', function () {
+          expect(this.actualHash).to.equal(this.hash)
+        })
+      })
+    })
+  })
+
+  describe('getProjectBlob', function () {
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.blobContent = 'test content'
+        this.blobHash = 'test hash'
+
+        this.request.yields(null, { statusCode: 200 }, this.blobContent)
+        this.HistoryStoreManager.getProjectBlob(
+          this.historyId,
+          this.blobHash,
+          this.callback
+        )
+      })
+
+      it('should get the blob from the overleaf history service', function () {
+        expect(this.request).to.have.been.calledWithMatch({
+          method: 'GET',
+          url: `${this.settings.overleaf.history.host}/projects/${this.historyId}/blobs/${this.blobHash}`,
+          auth: {
+            user: this.settings.overleaf.history.user,
+            pass: this.settings.overleaf.history.pass,
+            sendImmediately: true,
+          },
+        })
+      })
+
+      it('should call the callback with the blob', function () {
+        expect(this.callback).to.have.been.calledWith(null, this.blobContent)
+      })
+    })
+  })
+
+  describe('getProjectBlobStream', function () {
+    describe('successfully', function () {
+      beforeEach(function (done) {
+        this.historyResponse = new EventEmitter()
+        this.blobHash = 'test hash'
+
+        this.FetchUtils.fetchStream.resolves(this.historyResponse)
+        this.HistoryStoreManager.getProjectBlobStream(
+          this.historyId,
+          this.blobHash,
+          (err, stream) => {
+            if (err) {
+              return done(err)
+            }
+            this.stream = stream
+            done()
+          }
+        )
+      })
+
+      it('should get the blob from the overleaf history service', function () {
+        expect(this.FetchUtils.fetchStream).to.have.been.calledWithMatch(
+          `${this.settings.overleaf.history.host}/projects/${this.historyId}/blobs/${this.blobHash}`
+        )
+      })
+
+      it('should return a stream of the blob contents', function () {
+        expect(this.stream).to.equal(this.historyResponse)
+      })
+    })
+  })
+
+  describe('initializeProject', function () {
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.response_body = { projectId: this.historyId }
+        this.request.callsArgWith(
+          1,
+          null,
+          { statusCode: 200 },
+          this.response_body
+        )
+
+        this.HistoryStoreManager.initializeProject(
+          this.historyId,
+          this.callback
+        )
+      })
+
+      it('should send the change to the history store', function () {
+        expect(this.request).to.have.been.calledWithMatch({
+          method: 'POST',
+          url: `${this.settings.overleaf.history.host}/projects`,
+          auth: {
+            user: this.settings.overleaf.history.user,
+            pass: this.settings.overleaf.history.pass,
+            sendImmediately: true,
+          },
+          json: { projectId: this.historyId },
+        })
+      })
+
+      it('should call the callback with the new overleaf id', function () {
+        expect(this.callback).to.have.been.calledWith(null, this.historyId)
+      })
+    })
+  })
+
+  describe('deleteProject', function () {
+    beforeEach(function (done) {
+      this.request.yields(null, { statusCode: 204 }, '')
+      this.HistoryStoreManager.deleteProject(this.historyId, done)
+    })
+
+    it('should ask the history store to delete the project', function () {
+      expect(this.request).to.have.been.calledWithMatch({
+        method: 'DELETE',
+        url: `${this.settings.overleaf.history.host}/projects/${this.historyId}`,
+      })
+    })
+  })
+})
diff --git a/services/project-history/test/unit/js/HttpController/HttpControllerTests.js b/services/project-history/test/unit/js/HttpController/HttpControllerTests.js
new file mode 100644
index 0000000..1b7adf0
--- /dev/null
+++ b/services/project-history/test/unit/js/HttpController/HttpControllerTests.js
@@ -0,0 +1,573 @@
+import sinon from 'sinon'
+import { strict as esmock } from 'esmock'
+import mongodb from 'mongodb-legacy'
+const { ObjectId } = mongodb
+
+const MODULE_PATH = '../../../../app/js/HttpController.js'
+
+describe('HttpController', function () {
+  beforeEach(async function () {
+    this.UpdatesProcessor = {
+      processUpdatesForProject: sinon.stub().yields(),
+    }
+    this.SummarizedUpdatesManager = {
+      getSummarizedProjectUpdates: sinon.stub(),
+    }
+    this.DiffManager = {
+      getDiff: sinon.stub(),
+    }
+    this.HistoryStoreManager = {
+      deleteProject: sinon.stub().yields(),
+      getMostRecentVersion: sinon.stub(),
+      getProjectBlobStream: sinon.stub(),
+      initializeProject: sinon.stub(),
+    }
+    this.SnapshotManager = {
+      getFileSnapshotStream: sinon.stub(),
+      getProjectSnapshot: sinon.stub(),
+    }
+    this.HealthChecker = {}
+    this.SyncManager = {
+      clearResyncState: sinon.stub().yields(),
+      startResync: sinon.stub().yields(),
+    }
+    this.WebApiManager = {
+      getHistoryId: sinon.stub(),
+    }
+    this.RedisManager = {
+      destroyDocUpdatesQueue: sinon.stub().yields(),
+      clearFirstOpTimestamp: sinon.stub().yields(),
+      clearCachedHistoryId: sinon.stub().yields(),
+    }
+    this.ErrorRecorder = {
+      clearError: sinon.stub().yields(),
+    }
+    this.LabelsManager = {
+      createLabel: sinon.stub(),
+      deleteLabel: sinon.stub().yields(),
+      deleteLabelForUser: sinon.stub().yields(),
+      getLabels: sinon.stub(),
+    }
+    this.HistoryApiManager = {
+      shouldUseProjectHistory: sinon.stub(),
+    }
+    this.RetryManager = {}
+    this.FlushManager = {}
+    this.request = {}
+    this.pipeline = sinon.stub()
+    this.HttpController = await esmock(MODULE_PATH, {
+      request: this.request,
+      stream: { pipeline: this.pipeline },
+      '../../../../app/js/UpdatesProcessor.js': this.UpdatesProcessor,
+      '../../../../app/js/SummarizedUpdatesManager.js':
+        this.SummarizedUpdatesManager,
+      '../../../../app/js/DiffManager.js': this.DiffManager,
+      '../../../../app/js/HistoryStoreManager.js': this.HistoryStoreManager,
+      '../../../../app/js/SnapshotManager.js': this.SnapshotManager,
+      '../../../../app/js/HealthChecker.js': this.HealthChecker,
+      '../../../../app/js/SyncManager.js': this.SyncManager,
+      '../../../../app/js/WebApiManager.js': this.WebApiManager,
+      '../../../../app/js/RedisManager.js': this.RedisManager,
+      '../../../../app/js/ErrorRecorder.js': this.ErrorRecorder,
+      '../../../../app/js/LabelsManager.js': this.LabelsManager,
+      '../../../../app/js/HistoryApiManager.js': this.HistoryApiManager,
+      '../../../../app/js/RetryManager.js': this.RetryManager,
+      '../../../../app/js/FlushManager.js': this.FlushManager,
+    })
+    this.pathname = 'doc-id-123'
+    this.projectId = new ObjectId().toString()
+    this.projectOwnerId = new ObjectId().toString()
+    this.next = sinon.stub()
+    this.userId = new ObjectId().toString()
+    this.now = Date.now()
+    this.res = {
+      json: sinon.stub(),
+      send: sinon.stub(),
+      sendStatus: sinon.stub(),
+      setHeader: sinon.stub(),
+    }
+  })
+
+  describe('getProjectBlob', function () {
+    beforeEach(function () {
+      this.blobHash = 'abcd'
+      this.stream = {}
+      this.historyId = 1337
+      this.HistoryStoreManager.getProjectBlobStream.yields(null, this.stream)
+      this.HttpController.getProjectBlob(
+        { params: { history_id: this.historyId, hash: this.blobHash } },
+        this.res,
+        this.next
+      )
+    })
+
+    it('should get a blob stream', function () {
+      this.HistoryStoreManager.getProjectBlobStream
+        .calledWith(this.historyId, this.blobHash)
+        .should.equal(true)
+      this.pipeline.should.have.been.calledWith(this.stream, this.res)
+    })
+
+    it('should set caching header', function () {
+      this.res.setHeader.should.have.been.calledWith(
+        'Cache-Control',
+        'private, max-age=86400'
+      )
+    })
+  })
+
+  describe('initializeProject', function () {
+    beforeEach(function () {
+      this.historyId = new ObjectId().toString()
+      this.req = { body: { historyId: this.historyId } }
+      this.HistoryStoreManager.initializeProject.yields(null, this.historyId)
+      this.HttpController.initializeProject(this.req, this.res, this.next)
+    })
+
+    it('should initialize the project', function () {
+      this.HistoryStoreManager.initializeProject.calledWith().should.equal(true)
+    })
+
+    it('should return the new overleaf id', function () {
+      this.res.json
+        .calledWith({ project: { id: this.historyId } })
+        .should.equal(true)
+    })
+  })
+
+  describe('flushProject', function () {
+    beforeEach(function () {
+      this.req = {
+        params: {
+          project_id: this.projectId,
+        },
+        query: {},
+      }
+      this.HttpController.flushProject(this.req, this.res, this.next)
+    })
+
+    it('should process the updates', function () {
+      this.UpdatesProcessor.processUpdatesForProject
+        .calledWith(this.projectId)
+        .should.equal(true)
+    })
+
+    it('should return a success code', function () {
+      this.res.sendStatus.calledWith(204).should.equal(true)
+    })
+  })
+
+  describe('getDiff', function () {
+    beforeEach(function () {
+      this.from = 42
+      this.to = 45
+      this.req = {
+        params: {
+          project_id: this.projectId,
+        },
+        query: {
+          pathname: this.pathname,
+          from: this.from,
+          to: this.to,
+        },
+      }
+      this.diff = [{ u: 'mock-diff' }]
+      this.DiffManager.getDiff.yields(null, this.diff)
+      this.HttpController.getDiff(this.req, this.res, this.next)
+    })
+
+    it('should get the diff', function () {
+      this.DiffManager.getDiff.should.have.been.calledWith(
+        this.projectId,
+        this.pathname,
+        this.from,
+        this.to
+      )
+    })
+
+    it('should return the diff', function () {
+      this.res.json.calledWith({ diff: this.diff }).should.equal(true)
+    })
+  })
+
+  describe('getUpdates', function () {
+    beforeEach(function () {
+      this.before = Date.now()
+      this.nextBeforeTimestamp = this.before - 100
+      this.min_count = 10
+      this.req = {
+        params: {
+          project_id: this.projectId,
+        },
+        query: {
+          before: this.before,
+          min_count: this.min_count,
+        },
+      }
+      this.updates = [{ i: 'mock-summarized-updates', p: 10 }]
+      this.SummarizedUpdatesManager.getSummarizedProjectUpdates.yields(
+        null,
+        this.updates,
+        this.nextBeforeTimestamp
+      )
+      this.HttpController.getUpdates(this.req, this.res, this.next)
+    })
+
+    it('should get the updates', function () {
+      this.SummarizedUpdatesManager.getSummarizedProjectUpdates.should.have.been.calledWith(
+        this.projectId,
+        {
+          before: this.before,
+          min_count: this.min_count,
+        }
+      )
+    })
+
+    it('should return the formatted updates', function () {
+      this.res.json.should.have.been.calledWith({
+        updates: this.updates,
+        nextBeforeTimestamp: this.nextBeforeTimestamp,
+      })
+    })
+  })
+
+  describe('latestVersion', function () {
+    beforeEach(function () {
+      this.historyId = 1234
+      this.req = {
+        params: {
+          project_id: this.projectId,
+        },
+      }
+
+      this.version = 99
+      this.lastChange = {
+        v2Authors: ['1234'],
+        timestamp: '2016-08-16T10:44:40.227Z',
+      }
+      this.versionInfo = {
+        version: this.version,
+        v2Authors: ['1234'],
+        timestamp: '2016-08-16T10:44:40.227Z',
+      }
+      this.WebApiManager.getHistoryId.yields(null, this.historyId)
+      this.HistoryStoreManager.getMostRecentVersion.yields(
+        null,
+        this.version,
+        {},
+        this.lastChange
+      )
+      this.HttpController.latestVersion(this.req, this.res, this.next)
+    })
+
+    it('should process the updates', function () {
+      this.UpdatesProcessor.processUpdatesForProject
+        .calledWith(this.projectId)
+        .should.equal(true)
+    })
+
+    it('should get the ol project id', function () {
+      this.WebApiManager.getHistoryId
+        .calledWith(this.projectId)
+        .should.equal(true)
+    })
+
+    it('should get the latest version', function () {
+      this.HistoryStoreManager.getMostRecentVersion
+        .calledWith(this.projectId, this.historyId)
+        .should.equal(true)
+    })
+
+    it('should return version number', function () {
+      this.res.json.calledWith(this.versionInfo).should.equal(true)
+    })
+  })
+
+  describe('resyncProject', function () {
+    beforeEach(function () {
+      this.req = {
+        params: {
+          project_id: this.projectId,
+        },
+        query: {},
+        body: {},
+      }
+      this.HttpController.resyncProject(this.req, this.res, this.next)
+    })
+
+    it('should resync the project', function () {
+      this.SyncManager.startResync.calledWith(this.projectId).should.equal(true)
+    })
+
+    it('should flush the queue', function () {
+      this.UpdatesProcessor.processUpdatesForProject
+        .calledWith(this.projectId)
+        .should.equal(true)
+    })
+
+    it('should return 204', function () {
+      this.res.sendStatus.calledWith(204).should.equal(true)
+    })
+  })
+
+  describe('getFileSnapshot', function () {
+    beforeEach(function () {
+      this.version = 42
+      this.pathname = 'foo.tex'
+      this.req = {
+        params: {
+          project_id: this.projectId,
+          version: this.version,
+          pathname: this.pathname,
+        },
+      }
+      this.res = { mock: 'res' }
+      this.stream = {}
+      this.SnapshotManager.getFileSnapshotStream.yields(null, this.stream)
+      this.HttpController.getFileSnapshot(this.req, this.res, this.next)
+    })
+
+    it('should get the snapshot', function () {
+      this.SnapshotManager.getFileSnapshotStream.should.have.been.calledWith(
+        this.projectId,
+        this.version,
+        this.pathname
+      )
+    })
+
+    it('should pipe the returned stream into the response', function () {
+      this.pipeline.should.have.been.calledWith(this.stream, this.res)
+    })
+  })
+
+  describe('getProjectSnapshot', function () {
+    beforeEach(function () {
+      this.version = 42
+      this.req = {
+        params: {
+          project_id: this.projectId,
+          version: this.version,
+        },
+      }
+      this.res = { json: sinon.stub() }
+      this.snapshotData = { one: 1 }
+      this.SnapshotManager.getProjectSnapshot.yields(null, this.snapshotData)
+      this.HttpController.getProjectSnapshot(this.req, this.res, this.next)
+    })
+
+    it('should get the snapshot', function () {
+      this.SnapshotManager.getProjectSnapshot.should.have.been.calledWith(
+        this.projectId,
+        this.version
+      )
+    })
+
+    it('should send json response', function () {
+      this.res.json.calledWith(this.snapshotData).should.equal(true)
+    })
+  })
+
+  describe('getLabels', function () {
+    beforeEach(function () {
+      this.req = {
+        params: {
+          project_id: this.projectId,
+        },
+      }
+      this.labels = ['label-1', 'label-2']
+      this.LabelsManager.getLabels.yields(null, this.labels)
+    })
+
+    describe('project history is enabled', function () {
+      beforeEach(function () {
+        this.HistoryApiManager.shouldUseProjectHistory.yields(null, true)
+        this.HttpController.getLabels(this.req, this.res, this.next)
+      })
+
+      it('should get the labels for a project', function () {
+        this.LabelsManager.getLabels
+          .calledWith(this.projectId)
+          .should.equal(true)
+      })
+
+      it('should return the labels', function () {
+        this.res.json.calledWith(this.labels).should.equal(true)
+      })
+    })
+
+    describe('project history is not enabled', function () {
+      beforeEach(function () {
+        this.HistoryApiManager.shouldUseProjectHistory.yields(null, false)
+        this.HttpController.getLabels(this.req, this.res, this.next)
+      })
+
+      it('should return 409', function () {
+        this.res.sendStatus.calledWith(409).should.equal(true)
+      })
+    })
+  })
+
+  describe('createLabel', function () {
+    beforeEach(function () {
+      this.req = {
+        params: {
+          project_id: this.projectId,
+        },
+        body: {
+          version: (this.version = 'label-1'),
+          comment: (this.comment = 'a comment'),
+          created_at: (this.created_at = Date.now().toString()),
+          validate_exists: true,
+          user_id: this.userId,
+        },
+      }
+      this.label = { _id: new ObjectId() }
+      this.LabelsManager.createLabel.yields(null, this.label)
+    })
+
+    describe('project history is enabled', function () {
+      beforeEach(function () {
+        this.HistoryApiManager.shouldUseProjectHistory.yields(null, true)
+        this.HttpController.createLabel(this.req, this.res, this.next)
+      })
+
+      it('should create a label for a project', function () {
+        this.LabelsManager.createLabel.should.have.been.calledWith(
+          this.projectId,
+          this.userId,
+          this.version,
+          this.comment,
+          this.created_at,
+          true
+        )
+      })
+
+      it('should return the label', function () {
+        this.res.json.calledWith(this.label).should.equal(true)
+      })
+    })
+
+    describe('validate_exists = false is passed', function () {
+      beforeEach(function () {
+        this.req.body.validate_exists = false
+        this.HistoryApiManager.shouldUseProjectHistory.yields(null, true)
+        this.HttpController.createLabel(this.req, this.res, this.next)
+      })
+
+      it('should create a label for a project', function () {
+        this.LabelsManager.createLabel
+          .calledWith(
+            this.projectId,
+            this.userId,
+            this.version,
+            this.comment,
+            this.created_at,
+            false
+          )
+          .should.equal(true)
+      })
+
+      it('should return the label', function () {
+        this.res.json.calledWith(this.label).should.equal(true)
+      })
+    })
+
+    describe('project history is not enabled', function () {
+      beforeEach(function () {
+        this.HistoryApiManager.shouldUseProjectHistory.yields(null, false)
+        this.HttpController.createLabel(this.req, this.res, this.next)
+      })
+
+      it('should return 409', function () {
+        this.res.sendStatus.calledWith(409).should.equal(true)
+      })
+    })
+  })
+
+  describe('deleteLabelForUser', function () {
+    beforeEach(function () {
+      this.req = {
+        params: {
+          project_id: this.projectId,
+          user_id: this.userId,
+          label_id: (this.label_id = new ObjectId()),
+        },
+      }
+      this.HttpController.deleteLabelForUser(this.req, this.res, this.next)
+    })
+
+    it('should delete a label for a project', function () {
+      this.LabelsManager.deleteLabelForUser
+        .calledWith(this.projectId, this.userId, this.label_id)
+        .should.equal(true)
+    })
+
+    it('should return 204', function () {
+      this.res.sendStatus.calledWith(204).should.equal(true)
+    })
+  })
+
+  describe('deleteLabel', function () {
+    beforeEach(function () {
+      this.req = {
+        params: {
+          project_id: this.projectId,
+          label_id: (this.label_id = new ObjectId()),
+        },
+      }
+      this.HttpController.deleteLabel(this.req, this.res, this.next)
+    })
+
+    it('should delete a label for a project', function () {
+      this.LabelsManager.deleteLabel
+        .calledWith(this.projectId, this.label_id)
+        .should.equal(true)
+    })
+
+    it('should return 204', function () {
+      this.res.sendStatus.calledWith(204).should.equal(true)
+    })
+  })
+
+  describe('deleteProject', function () {
+    beforeEach(function () {
+      this.req = {
+        params: {
+          project_id: this.projectId,
+        },
+      }
+      this.WebApiManager.getHistoryId
+        .withArgs(this.projectId)
+        .yields(null, this.historyId)
+      this.HttpController.deleteProject(this.req, this.res, this.next)
+    })
+
+    it('should delete the updates queue', function () {
+      this.RedisManager.destroyDocUpdatesQueue.should.have.been.calledWith(
+        this.projectId
+      )
+    })
+
+    it('should clear the first op timestamp', function () {
+      this.RedisManager.clearFirstOpTimestamp.should.have.been.calledWith(
+        this.projectId
+      )
+    })
+
+    it('should clear the cached history id', function () {
+      this.RedisManager.clearCachedHistoryId.should.have.been.calledWith(
+        this.projectId
+      )
+    })
+
+    it('should clear the resync state', function () {
+      this.SyncManager.clearResyncState.should.have.been.calledWith(
+        this.projectId
+      )
+    })
+
+    it('should clear any failure record', function () {
+      this.ErrorRecorder.clearError.should.have.been.calledWith(this.projectId)
+    })
+  })
+})
diff --git a/services/project-history/test/unit/js/LabelsManager/LabelsManagerTests.js b/services/project-history/test/unit/js/LabelsManager/LabelsManagerTests.js
new file mode 100644
index 0000000..3916f45
--- /dev/null
+++ b/services/project-history/test/unit/js/LabelsManager/LabelsManagerTests.js
@@ -0,0 +1,293 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import mongodb from 'mongodb-legacy'
+import tk from 'timekeeper'
+import { strict as esmock } from 'esmock'
+const { ObjectId } = mongodb
+
+const MODULE_PATH = '../../../../app/js/LabelsManager.js'
+
+describe('LabelsManager', function () {
+  beforeEach(async function () {
+    this.now = new Date()
+    tk.freeze(this.now)
+    this.db = {
+      projectHistoryLabels: {
+        deleteOne: sinon.stub(),
+        find: sinon.stub(),
+        insertOne: sinon.stub(),
+      },
+    }
+    this.mongodb = {
+      ObjectId,
+      db: this.db,
+    }
+    this.HistoryStoreManager = {
+      getChunkAtVersion: sinon.stub().yields(),
+    }
+    this.UpdatesProcessor = {
+      processUpdatesForProject: sinon.stub().yields(),
+    }
+    this.WebApiManager = {
+      getHistoryId: sinon.stub(),
+    }
+    this.LabelsManager = await esmock(MODULE_PATH, {
+      '../../../../app/js/mongodb.js': this.mongodb,
+      '../../../../app/js/HistoryStoreManager.js': this.HistoryStoreManager,
+      '../../../../app/js/UpdatesProcessor.js': this.UpdatesProcessor,
+      '../../../../app/js/WebApiManager.js': this.WebApiManager,
+    })
+
+    this.project_id = new ObjectId().toString()
+    this.historyId = 123
+    this.user_id = new ObjectId().toString()
+    this.label_id = new ObjectId().toString()
+    this.callback = sinon.stub()
+  })
+
+  afterEach(function () {
+    tk.reset()
+  })
+
+  describe('getLabels', function () {
+    beforeEach(function () {
+      this.label = {
+        _id: new ObjectId(),
+        comment: 'some comment',
+        version: 123,
+        user_id: new ObjectId(),
+        created_at: new Date(),
+      }
+
+      this.db.projectHistoryLabels.find.returns({
+        toArray: sinon.stub().yields(null, [this.label]),
+      })
+    })
+
+    describe('with valid project id', function () {
+      beforeEach(function () {
+        this.LabelsManager.getLabels(this.project_id, this.callback)
+      })
+
+      it('gets the labels state from mongo', function () {
+        expect(this.db.projectHistoryLabels.find).to.have.been.calledWith({
+          project_id: new ObjectId(this.project_id),
+        })
+      })
+
+      it('returns formatted labels', function () {
+        expect(this.callback).to.have.been.calledWith(null, [
+          sinon.match({
+            id: this.label._id,
+            comment: this.label.comment,
+            version: this.label.version,
+            user_id: this.label.user_id,
+            created_at: this.label.created_at,
+          }),
+        ])
+      })
+    })
+
+    describe('with invalid project id', function () {
+      it('returns an error', function (done) {
+        this.LabelsManager.getLabels('invalid id', error => {
+          expect(error).to.exist
+          done()
+        })
+      })
+    })
+  })
+
+  describe('createLabel', function () {
+    beforeEach(function () {
+      this.version = 123
+      this.comment = 'a comment'
+      this.WebApiManager.getHistoryId.yields(null, this.historyId)
+    })
+
+    describe('with createdAt', function () {
+      beforeEach(function () {
+        this.createdAt = new Date(1)
+        this.db.projectHistoryLabels.insertOne.yields(null, {
+          insertedId: new ObjectId(this.label_id),
+        })
+        this.LabelsManager.createLabel(
+          this.project_id,
+          this.user_id,
+          this.version,
+          this.comment,
+          this.createdAt,
+          true,
+          this.callback
+        )
+      })
+
+      it('flushes unprocessed updates', function () {
+        expect(
+          this.UpdatesProcessor.processUpdatesForProject
+        ).to.have.been.calledWith(this.project_id)
+      })
+
+      it('finds the V1 project id', function () {
+        expect(this.WebApiManager.getHistoryId).to.have.been.calledWith(
+          this.project_id
+        )
+      })
+
+      it('checks there is a chunk for the project + version', function () {
+        expect(
+          this.HistoryStoreManager.getChunkAtVersion
+        ).to.have.been.calledWith(this.project_id, this.historyId, this.version)
+      })
+
+      it('create the label in mongo', function () {
+        expect(this.db.projectHistoryLabels.insertOne).to.have.been.calledWith(
+          sinon.match({
+            project_id: new ObjectId(this.project_id),
+            comment: this.comment,
+            version: this.version,
+            user_id: new ObjectId(this.user_id),
+            created_at: this.createdAt,
+          }),
+          sinon.match.any
+        )
+      })
+
+      it('returns the label', function () {
+        expect(this.callback).to.have.been.calledWith(null, {
+          id: new ObjectId(this.label_id),
+          comment: this.comment,
+          version: this.version,
+          user_id: new ObjectId(this.user_id),
+          created_at: this.createdAt,
+        })
+      })
+    })
+
+    describe('without createdAt', function () {
+      beforeEach(function () {
+        this.db.projectHistoryLabels.insertOne.yields(null, {
+          insertedId: new ObjectId(this.label_id),
+        })
+        this.LabelsManager.createLabel(
+          this.project_id,
+          this.user_id,
+          this.version,
+          this.comment,
+          undefined,
+          true,
+          this.callback
+        )
+      })
+
+      it('create the label with the current date', function () {
+        expect(this.db.projectHistoryLabels.insertOne).to.have.been.calledWith(
+          sinon.match({
+            project_id: new ObjectId(this.project_id),
+            comment: this.comment,
+            version: this.version,
+            user_id: new ObjectId(this.user_id),
+            created_at: this.now,
+          })
+        )
+      })
+    })
+
+    describe('with shouldValidateExists = false', function () {
+      beforeEach(function () {
+        this.createdAt = new Date(1)
+        this.db.projectHistoryLabels.insertOne.yields(null, {
+          insertedId: new ObjectId(this.label_id),
+        })
+        this.LabelsManager.createLabel(
+          this.project_id,
+          this.user_id,
+          this.version,
+          this.comment,
+          this.createdAt,
+          false,
+          this.callback
+        )
+      })
+
+      it('checks there is a chunk for the project + version', function () {
+        expect(this.HistoryStoreManager.getChunkAtVersion).to.not.have.been
+          .called
+      })
+    })
+
+    describe('with no userId', function () {
+      beforeEach(function () {
+        this.db.projectHistoryLabels.insertOne.yields(null, {
+          insertedId: new ObjectId(this.label_id),
+        })
+        const userId = undefined
+        this.LabelsManager.createLabel(
+          this.project_id,
+          userId,
+          this.version,
+          this.comment,
+          this.createdAt,
+          false,
+          this.callback
+        )
+      })
+
+      it('creates the label without user_id', function () {
+        expect(this.db.projectHistoryLabels.insertOne).to.have.been.calledWith(
+          sinon.match({
+            project_id: new ObjectId(this.project_id),
+            comment: this.comment,
+            version: this.version,
+            user_id: undefined,
+            created_at: this.now,
+          })
+        )
+      })
+    })
+  })
+
+  describe('deleteLabelForUser', function () {
+    beforeEach(function () {
+      this.db.projectHistoryLabels.deleteOne.yields()
+      this.LabelsManager.deleteLabelForUser(
+        this.project_id,
+        this.user_id,
+        this.label_id,
+        this.callback
+      )
+    })
+
+    it('removes the label from the database', function () {
+      expect(this.db.projectHistoryLabels.deleteOne).to.have.been.calledWith(
+        {
+          _id: new ObjectId(this.label_id),
+          project_id: new ObjectId(this.project_id),
+          user_id: new ObjectId(this.user_id),
+        },
+        this.callback
+      )
+    })
+  })
+
+  describe('deleteLabel', function () {
+    beforeEach(function () {
+      this.db.projectHistoryLabels.deleteOne.yields()
+      this.LabelsManager.deleteLabel(
+        this.project_id,
+        this.label_id,
+        this.callback
+      )
+    })
+
+    it('removes the label from the database', function () {
+      expect(this.db.projectHistoryLabels.deleteOne).to.have.been.calledWith(
+        {
+          _id: new ObjectId(this.label_id),
+          project_id: new ObjectId(this.project_id),
+        },
+        this.callback
+      )
+    })
+  })
+})
diff --git a/services/project-history/test/unit/js/LockManager/LockManagerTests.js b/services/project-history/test/unit/js/LockManager/LockManagerTests.js
new file mode 100644
index 0000000..277af1b
--- /dev/null
+++ b/services/project-history/test/unit/js/LockManager/LockManagerTests.js
@@ -0,0 +1,422 @@
+/* eslint-disable
+    mocha/no-nested-tests,
+    no-return-assign,
+    no-undef,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS206: Consider reworking classes to avoid initClass
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import async from 'async'
+import sinon from 'sinon'
+import { expect } from 'chai'
+import { strict as esmock } from 'esmock'
+
+const MODULE_PATH = '../../../../app/js/LockManager.js'
+
+describe('LockManager', function () {
+  beforeEach(async function () {
+    let Timer
+    this.Settings = {
+      redis: {
+        lock: {},
+      },
+    }
+    this.rclient = {
+      auth: sinon.stub(),
+      del: sinon.stub().yields(),
+      eval: sinon.stub(),
+      exists: sinon.stub(),
+      set: sinon.stub(),
+    }
+    this.RedisWrapper = {
+      createClient: sinon.stub().returns(this.rclient),
+    }
+    this.Metrics = {
+      inc: sinon.stub(),
+      gauge: sinon.stub(),
+      Timer: (Timer = (function () {
+        Timer = class Timer {
+          static initClass() {
+            this.prototype.done = sinon.stub()
+          }
+        }
+        Timer.initClass()
+        return Timer
+      })()),
+    }
+    this.logger = {
+      debug: sinon.stub(),
+    }
+    this.LockManager = await esmock(MODULE_PATH, {
+      '@overleaf/redis-wrapper': this.RedisWrapper,
+      '@overleaf/settings': this.Settings,
+      '@overleaf/metrics': this.Metrics,
+      '@overleaf/logger': this.logger,
+    })
+
+    this.key = 'lock-key'
+    this.callback = sinon.stub()
+    this.clock = sinon.useFakeTimers()
+  })
+
+  afterEach(function () {
+    this.clock.restore()
+  })
+
+  describe('checkLock', function () {
+    describe('when the lock is taken', function () {
+      beforeEach(function () {
+        this.rclient.exists.yields(null, '1')
+        return this.LockManager.checkLock(this.key, this.callback)
+      })
+
+      it('should check the lock in redis', function () {
+        return this.rclient.exists.calledWith(this.key).should.equal(true)
+      })
+
+      return it('should return the callback with false', function () {
+        return this.callback.calledWith(null, false).should.equal(true)
+      })
+    })
+
+    return describe('when the lock is free', function () {
+      beforeEach(function () {
+        this.rclient.exists.yields(null, '0')
+        return this.LockManager.checkLock(this.key, this.callback)
+      })
+
+      return it('should return the callback with true', function () {
+        return this.callback.calledWith(null, true).should.equal(true)
+      })
+    })
+  })
+
+  describe('tryLock', function () {
+    describe('when the lock is taken', function () {
+      beforeEach(function () {
+        this.rclient.set.yields(null, null)
+        this.LockManager._mocks.randomLock = sinon
+          .stub()
+          .returns('locked-random-value')
+        return this.LockManager.tryLock(this.key, this.callback)
+      })
+
+      it('should check the lock in redis', function () {
+        return this.rclient.set.should.have.been.calledWith(
+          this.key,
+          'locked-random-value',
+          'EX',
+          this.LockManager.LOCK_TTL,
+          'NX'
+        )
+      })
+
+      return it('should return the callback with false', function () {
+        return this.callback.calledWith(null, false).should.equal(true)
+      })
+    })
+
+    return describe('when the lock is free', function () {
+      beforeEach(function () {
+        this.rclient.set.yields(null, 'OK')
+        return this.LockManager.tryLock(this.key, this.callback)
+      })
+
+      return it('should return the callback with true', function () {
+        return this.callback.calledWith(null, true).should.equal(true)
+      })
+    })
+  })
+
+  describe('deleteLock', function () {
+    return beforeEach(function () {
+      beforeEach(function () {
+        return this.LockManager.deleteLock(this.key, this.callback)
+      })
+
+      it('should delete the lock in redis', function () {
+        return this.rclient.del.calledWith(key).should.equal(true)
+      })
+
+      return it('should call the callback', function () {
+        return this.callback.called.should.equal(true)
+      })
+    })
+  })
+
+  describe('getLock', function () {
+    describe('when the lock is not taken', function () {
+      beforeEach(function (done) {
+        this.LockManager._mocks.tryLock = sinon.stub().yields(null, true)
+        return this.LockManager.getLock(this.key, (...args) => {
+          this.callback(...Array.from(args || []))
+          return done()
+        })
+      })
+
+      it('should try to get the lock', function () {
+        return this.LockManager._mocks.tryLock
+          .calledWith(this.key)
+          .should.equal(true)
+      })
+
+      it('should only need to try once', function () {
+        return this.LockManager._mocks.tryLock.callCount.should.equal(1)
+      })
+
+      return it('should return the callback', function () {
+        return this.callback.calledWith(null).should.equal(true)
+      })
+    })
+
+    describe('when the lock is initially set', function () {
+      beforeEach(function (done) {
+        this.LockManager._mocks.tryLock = sinon.stub()
+        this.LockManager._mocks.tryLock.onCall(0).yields(null, false)
+        this.LockManager._mocks.tryLock.onCall(1).yields(null, false)
+        this.LockManager._mocks.tryLock.onCall(2).yields(null, false)
+        this.LockManager._mocks.tryLock.onCall(3).yields(null, true)
+
+        this.LockManager.getLock(this.key, (...args) => {
+          this.callback(...args)
+          return done()
+        })
+        this.clock.runAll()
+      })
+
+      it('should call tryLock multiple times until free', function () {
+        this.LockManager._mocks.tryLock.callCount.should.equal(4)
+      })
+
+      return it('should return the callback', function () {
+        return this.callback.calledWith(null).should.equal(true)
+      })
+    })
+
+    return describe('when the lock times out', function () {
+      beforeEach(function (done) {
+        const time = Date.now()
+        this.LockManager._mocks.tryLock = sinon.stub().yields(null, false)
+        this.LockManager.getLock(this.key, (...args) => {
+          this.callback(...args)
+          return done()
+        })
+        this.clock.runAll()
+      })
+
+      return it('should return the callback with an error', function () {
+        return this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+  })
+
+  return describe('runWithLock', function () {
+    describe('with successful run', function () {
+      beforeEach(function () {
+        this.result = 'mock-result'
+        this.runner = sinon.stub().callsFake((extendLock, releaseLock) => {
+          return releaseLock(null, this.result)
+        })
+        this.LockManager._mocks.getLock = sinon.stub().yields()
+        this.LockManager._mocks.releaseLock = sinon.stub().yields()
+        return this.LockManager.runWithLock(
+          this.key,
+          this.runner,
+          this.callback
+        )
+      })
+
+      it('should get the lock', function () {
+        return this.LockManager._mocks.getLock
+          .calledWith(this.key)
+          .should.equal(true)
+      })
+
+      it('should run the passed function', function () {
+        return this.runner.called.should.equal(true)
+      })
+
+      it('should release the lock', function () {
+        return this.LockManager._mocks.releaseLock
+          .calledWith(this.key)
+          .should.equal(true)
+      })
+
+      return it('should call the callback', function () {
+        return this.callback.calledWith(null, this.result).should.equal(true)
+      })
+    })
+
+    describe('when the runner function returns an error', function () {
+      beforeEach(function () {
+        this.error = new Error('oops')
+        this.result = 'mock-result'
+        this.runner = sinon.stub().callsFake((extendLock, releaseLock) => {
+          return releaseLock(this.error, this.result)
+        })
+        this.LockManager._mocks.getLock = sinon.stub().yields()
+        this.LockManager._mocks.releaseLock = sinon.stub().yields()
+        return this.LockManager.runWithLock(
+          this.key,
+          this.runner,
+          this.callback
+        )
+      })
+
+      it('should release the lock', function () {
+        return this.LockManager._mocks.releaseLock
+          .calledWith(this.key)
+          .should.equal(true)
+      })
+
+      return it('should call the callback with the error', function () {
+        return this.callback
+          .calledWith(this.error, this.result)
+          .should.equal(true)
+      })
+    })
+
+    describe('extending the lock whilst running', function () {
+      beforeEach(function () {
+        this.lockValue = 'lock-value'
+        this.LockManager._mocks.getLock = sinon
+          .stub()
+          .yields(null, this.lockValue)
+        this.LockManager._mocks.extendLock = sinon.stub().callsArg(2)
+        this.LockManager._mocks.releaseLock = sinon.stub().callsArg(2)
+      })
+
+      it('should extend the lock if the minimum interval has been passed', function (done) {
+        const runner = (extendLock, releaseLock) => {
+          this.clock.tick(this.LockManager.MIN_LOCK_EXTENSION_INTERVAL + 1)
+          return extendLock(releaseLock)
+        }
+        return this.LockManager.runWithLock(this.key, runner, () => {
+          this.LockManager._mocks.extendLock
+            .calledWith(this.key, this.lockValue)
+            .should.equal(true)
+          return done()
+        })
+      })
+
+      return it('should not extend the lock if the minimum interval has not been passed', function (done) {
+        const runner = (extendLock, releaseLock) => {
+          this.clock.tick(this.LockManager.MIN_LOCK_EXTENSION_INTERVAL - 1)
+          return extendLock(releaseLock)
+        }
+        return this.LockManager.runWithLock(this.key, runner, () => {
+          this.LockManager._mocks.extendLock.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+
+    describe('exceeding the lock ttl', function () {
+      beforeEach(function () {
+        this.lockValue = 'lock-value'
+        this.LockManager._mocks.getLock = sinon
+          .stub()
+          .yields(null, this.lockValue)
+        this.LockManager._mocks.extendLock = sinon.stub().yields()
+        this.LockManager._mocks.releaseLock = sinon.stub().yields()
+        return (this.LOCK_TTL_MS = this.LockManager.LOCK_TTL * 1000)
+      })
+
+      it("doesn't log if the ttl wasn't exceeded", function (done) {
+        const runner = (extendLock, releaseLock) => {
+          this.clock.tick(this.LOCK_TTL_MS - 1)
+          return releaseLock()
+        }
+        return this.LockManager.runWithLock(this.key, runner, () => {
+          this.logger.debug.callCount.should.equal(0)
+          return done()
+        })
+      })
+
+      it("doesn't log if the lock was extended", function (done) {
+        const runner = (extendLock, releaseLock) => {
+          this.clock.tick(this.LOCK_TTL_MS - 1)
+          return extendLock(() => {
+            this.clock.tick(2)
+            return releaseLock()
+          })
+        }
+        return this.LockManager.runWithLock(this.key, runner, () => {
+          this.logger.debug.callCount.should.equal(0)
+          return done()
+        })
+      })
+
+      return it('logs that the excecution exceeded the lock', function (done) {
+        const runner = (extendLock, releaseLock) => {
+          this.clock.tick(this.LOCK_TTL_MS + 1)
+          return releaseLock()
+        }
+        return this.LockManager.runWithLock(this.key, runner, () => {
+          const slowExecutionError = new Error('slow execution during lock')
+          this.logger.debug
+            .calledWithMatch('exceeded lock timeout', { key: this.key })
+            .should.equal(true)
+          return done()
+        })
+      })
+    })
+
+    return describe('releaseLock', function () {
+      describe('when the lock is current', function () {
+        beforeEach(function () {
+          this.rclient.eval.yields(null, 1)
+          return this.LockManager.releaseLock(
+            this.key,
+            this.lockValue,
+            this.callback
+          )
+        })
+
+        it('should clear the data from redis', function () {
+          return this.rclient.eval
+            .calledWith(
+              this.LockManager.UNLOCK_SCRIPT,
+              1,
+              this.key,
+              this.lockValue
+            )
+            .should.equal(true)
+        })
+
+        return it('should call the callback', function () {
+          return this.callback.called.should.equal(true)
+        })
+      })
+
+      return describe('when the lock has expired', function () {
+        beforeEach(function () {
+          this.rclient.eval.yields(null, 0)
+          return this.LockManager.releaseLock(
+            this.key,
+            this.lockValue,
+            this.callback
+          )
+        })
+
+        return it('should return an error if the lock has expired', function () {
+          return this.callback
+            .calledWith(
+              sinon.match.has('message', 'tried to release timed out lock')
+            )
+            .should.equal(true)
+        })
+      })
+    })
+  })
+})
diff --git a/services/project-history/test/unit/js/OperationsCompressor/OperationsCompressorTests.js b/services/project-history/test/unit/js/OperationsCompressor/OperationsCompressorTests.js
new file mode 100644
index 0000000..1dc21c0
--- /dev/null
+++ b/services/project-history/test/unit/js/OperationsCompressor/OperationsCompressorTests.js
@@ -0,0 +1,76 @@
+import { expect } from 'chai'
+import Core from 'overleaf-editor-core'
+import * as OperationsCompressor from '../../../../app/js/OperationsCompressor.js'
+
+describe('OperationsCompressor', function () {
+  function edit(pathname, textOperationJsonObject) {
+    return Core.Operation.editFile(
+      pathname,
+      Core.TextOperation.fromJSON({ textOperation: textOperationJsonObject })
+    )
+  }
+
+  it('collapses edit operations', function () {
+    const compressedOperations = OperationsCompressor.compressOperations([
+      edit('main.tex', [3, 'foo', 17]),
+      edit('main.tex', [10, -5, 8]),
+    ])
+
+    expect(compressedOperations).to.have.length(1)
+    expect(compressedOperations[0]).to.deep.equal(
+      edit('main.tex', [3, 'foo', 4, -5, 8])
+    )
+  })
+
+  it('only collapses consecutive composable edit operations', function () {
+    const compressedOperations = OperationsCompressor.compressOperations([
+      edit('main.tex', [3, 'foo', 17]),
+      edit('main.tex', [10, -5, 8]),
+      edit('not-main.tex', [3, 'foo', 17]),
+      edit('not-main.tex', [10, -5, 8]),
+    ])
+
+    expect(compressedOperations).to.have.length(2)
+    expect(compressedOperations[0]).to.deep.equal(
+      edit('main.tex', [3, 'foo', 4, -5, 8])
+    )
+    expect(compressedOperations[1]).to.deep.equal(
+      edit('not-main.tex', [3, 'foo', 4, -5, 8])
+    )
+  })
+
+  it("don't collapses text operations around non-composable operations", function () {
+    const compressedOperations = OperationsCompressor.compressOperations([
+      edit('main.tex', [3, 'foo', 17]),
+      Core.Operation.moveFile('main.tex', 'new-main.tex'),
+      edit('new-main.tex', [10, -5, 8]),
+      edit('new-main.tex', [6, 'bar', 12]),
+    ])
+
+    expect(compressedOperations).to.have.length(3)
+    expect(compressedOperations[0]).to.deep.equal(
+      edit('main.tex', [3, 'foo', 17])
+    )
+    expect(compressedOperations[1].newPathname).to.deep.equal('new-main.tex')
+    expect(compressedOperations[2]).to.deep.equal(
+      edit('new-main.tex', [6, 'bar', 4, -5, 8])
+    )
+  })
+
+  it('handle empty operations', function () {
+    const compressedOperations = OperationsCompressor.compressOperations([])
+
+    expect(compressedOperations).to.have.length(0)
+  })
+
+  it('handle single operations', function () {
+    const compressedOperations = OperationsCompressor.compressOperations([
+      edit('main.tex', [3, 'foo', 17]),
+    ])
+
+    expect(compressedOperations).to.have.length(1)
+    expect(compressedOperations[0]).to.deep.equal(
+      edit('main.tex', [3, 'foo', 17])
+    )
+  })
+})
diff --git a/services/project-history/test/unit/js/RedisManager/RedisManagerTests.js b/services/project-history/test/unit/js/RedisManager/RedisManagerTests.js
new file mode 100644
index 0000000..53f9378
--- /dev/null
+++ b/services/project-history/test/unit/js/RedisManager/RedisManagerTests.js
@@ -0,0 +1,556 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+import { strict as esmock } from 'esmock'
+
+const MODULE_PATH = '../../../../app/js/RedisManager.js'
+
+describe('RedisManager', function () {
+  beforeEach(async function () {
+    this.rclient = new FakeRedis()
+    this.RedisWrapper = {
+      createClient: sinon.stub().returns(this.rclient),
+    }
+    this.Settings = {
+      redis: {
+        project_history: {
+          key_schema: {
+            projectHistoryOps({ project_id: projectId }) {
+              return `Project:HistoryOps:{${projectId}}`
+            },
+            projectHistoryFirstOpTimestamp({ project_id: projectId }) {
+              return `ProjectHistory:FirstOpTimestamp:{${projectId}}`
+            },
+          },
+        },
+      },
+    }
+
+    this.Metrics = {
+      timing: sinon.stub(),
+      summary: sinon.stub(),
+      globalGauge: sinon.stub(),
+    }
+    this.RedisManager = await esmock(MODULE_PATH, {
+      '@overleaf/redis-wrapper': this.RedisWrapper,
+      '@overleaf/settings': this.Settings,
+      '@overleaf/metrics': this.Metrics,
+    })
+
+    this.projectId = 'project-id-123'
+    this.batchSize = 100
+    this.historyOpsKey = `Project:HistoryOps:{${this.projectId}}`
+    this.firstOpTimestampKey = `ProjectHistory:FirstOpTimestamp:{${this.projectId}}`
+
+    this.updates = [
+      { v: 42, op: ['a', 'b', 'c', 'd'] },
+      { v: 45, op: ['e', 'f', 'g', 'h'] },
+    ]
+    this.extraUpdates = [{ v: 100, op: ['i', 'j', 'k'] }]
+    this.rawUpdates = this.updates.map(update => JSON.stringify(update))
+    this.extraRawUpdates = this.extraUpdates.map(update =>
+      JSON.stringify(update)
+    )
+  })
+
+  describe('getRawUpdatesBatch', function () {
+    it('gets a small number of updates in one batch', async function () {
+      const updates = makeUpdates(2)
+      const rawUpdates = makeRawUpdates(updates)
+      this.rclient.setList(this.historyOpsKey, rawUpdates)
+      const result = await this.RedisManager.promises.getRawUpdatesBatch(
+        this.projectId,
+        100
+      )
+      expect(result).to.deep.equal({ rawUpdates, hasMore: false })
+    })
+
+    it('gets a larger number of updates in several batches', async function () {
+      const updates = makeUpdates(
+        this.RedisManager.RAW_UPDATES_BATCH_SIZE * 2 + 12
+      )
+      const rawUpdates = makeRawUpdates(updates)
+      this.rclient.setList(this.historyOpsKey, rawUpdates)
+      const result = await this.RedisManager.promises.getRawUpdatesBatch(
+        this.projectId,
+        5000
+      )
+      expect(result).to.deep.equal({ rawUpdates, hasMore: false })
+    })
+
+    it("doesn't return more than the number of updates requested", async function () {
+      const updates = makeUpdates(100)
+      const rawUpdates = makeRawUpdates(updates)
+      this.rclient.setList(this.historyOpsKey, rawUpdates)
+      const result = await this.RedisManager.promises.getRawUpdatesBatch(
+        this.projectId,
+        75
+      )
+      expect(result).to.deep.equal({
+        rawUpdates: rawUpdates.slice(0, 75),
+        hasMore: true,
+      })
+    })
+  })
+
+  describe('parseDocUpdates', function () {
+    it('should return the parsed ops', function () {
+      const updates = makeUpdates(12)
+      const rawUpdates = makeRawUpdates(updates)
+      this.RedisManager.parseDocUpdates(rawUpdates).should.deep.equal(updates)
+    })
+  })
+
+  describe('getUpdatesInBatches', function () {
+    beforeEach(function () {
+      this.runner = sinon.stub().resolves()
+    })
+
+    describe('single batch smaller than batch size', function () {
+      beforeEach(async function () {
+        this.updates = makeUpdates(2)
+        this.rawUpdates = makeRawUpdates(this.updates)
+        this.rclient.setList(this.historyOpsKey, this.rawUpdates)
+        await this.RedisManager.promises.getUpdatesInBatches(
+          this.projectId,
+          3,
+          this.runner
+        )
+      })
+
+      it('calls the runner once', function () {
+        this.runner.callCount.should.equal(1)
+      })
+
+      it('calls the runner with the updates', function () {
+        this.runner.should.have.been.calledWith(this.updates)
+      })
+
+      it('deletes the applied updates', function () {
+        expect(this.rclient.getList(this.historyOpsKey)).to.deep.equal([])
+      })
+
+      it('deletes the first op timestamp', function () {
+        expect(this.rclient.del).to.have.been.calledWith(
+          this.firstOpTimestampKey
+        )
+      })
+    })
+
+    describe('single batch at batch size', function () {
+      beforeEach(async function () {
+        this.updates = makeUpdates(123)
+        this.rawUpdates = makeRawUpdates(this.updates)
+        this.rclient.setList(this.historyOpsKey, this.rawUpdates)
+        await this.RedisManager.promises.getUpdatesInBatches(
+          this.projectId,
+          123,
+          this.runner
+        )
+      })
+
+      it('calls the runner once', function () {
+        this.runner.callCount.should.equal(1)
+      })
+
+      it('calls the runner with the updates', function () {
+        this.runner.should.have.been.calledWith(this.updates)
+      })
+
+      it('deletes the applied updates', function () {
+        expect(this.rclient.getList(this.historyOpsKey)).to.deep.equal([])
+      })
+
+      it('deletes the first op timestamp', function () {
+        expect(this.rclient.del).to.have.been.calledWith(
+          this.firstOpTimestampKey
+        )
+      })
+    })
+
+    describe('single batch exceeding size limit on updates', function () {
+      beforeEach(async function () {
+        this.updates = makeUpdates(2, [
+          'x'.repeat(this.RedisManager.RAW_UPDATE_SIZE_THRESHOLD),
+        ])
+        this.rawUpdates = makeRawUpdates(this.updates)
+        this.rclient.setList(this.historyOpsKey, this.rawUpdates)
+        await this.RedisManager.promises.getUpdatesInBatches(
+          this.projectId,
+          123,
+          this.runner
+        )
+      })
+
+      it('calls the runner twice', function () {
+        this.runner.callCount.should.equal(2)
+      })
+
+      it('calls the runner with the first update', function () {
+        this.runner
+          .getCall(0)
+          .should.have.been.calledWith(this.updates.slice(0, 1))
+      })
+
+      it('calls the runner with the second update', function () {
+        this.runner
+          .getCall(1)
+          .should.have.been.calledWith(this.updates.slice(1))
+      })
+
+      it('deletes the applied updates', function () {
+        expect(this.rclient.getList(this.historyOpsKey)).to.deep.equal([])
+      })
+    })
+
+    describe('two batches with first update below and second update above the size limit on updates', function () {
+      beforeEach(async function () {
+        this.updates = makeUpdates(2, [
+          'x'.repeat(this.RedisManager.RAW_UPDATE_SIZE_THRESHOLD / 2),
+        ])
+        this.rawUpdates = makeRawUpdates(this.updates)
+        this.rclient.setList(this.historyOpsKey, this.rawUpdates)
+        await this.RedisManager.promises.getUpdatesInBatches(
+          this.projectId,
+          123,
+          this.runner
+        )
+      })
+
+      it('calls the runner twice', function () {
+        this.runner.callCount.should.equal(2)
+      })
+
+      it('calls the runner with the first update', function () {
+        this.runner
+          .getCall(0)
+          .should.have.been.calledWith(this.updates.slice(0, 1))
+      })
+
+      it('calls the runner with the second update', function () {
+        this.runner
+          .getCall(1)
+          .should.have.been.calledWith(this.updates.slice(1))
+      })
+
+      it('deletes the applied updates', function () {
+        expect(this.rclient.getList(this.historyOpsKey)).to.deep.equal([])
+      })
+    })
+
+    describe('single batch exceeding op count limit on updates', function () {
+      beforeEach(async function () {
+        const ops = Array(this.RedisManager.MAX_UPDATE_OP_LENGTH + 1).fill('op')
+        this.updates = makeUpdates(2, { op: ops })
+        this.rawUpdates = makeRawUpdates(this.updates)
+        this.rclient.setList(this.historyOpsKey, this.rawUpdates)
+        await this.RedisManager.promises.getUpdatesInBatches(
+          this.projectId,
+          123,
+          this.runner
+        )
+      })
+
+      it('calls the runner twice', function () {
+        this.runner.callCount.should.equal(2)
+      })
+
+      it('calls the runner with the first update', function () {
+        this.runner
+          .getCall(0)
+          .should.have.been.calledWith(this.updates.slice(0, 1))
+      })
+
+      it('calls the runner with the second update', function () {
+        this.runner
+          .getCall(1)
+          .should.have.been.calledWith(this.updates.slice(1))
+      })
+
+      it('deletes the applied updates', function () {
+        expect(this.rclient.getList(this.historyOpsKey)).to.deep.equal([])
+      })
+    })
+
+    describe('single batch exceeding doc content count', function () {
+      beforeEach(async function () {
+        this.updates = makeUpdates(
+          this.RedisManager.MAX_NEW_DOC_CONTENT_COUNT + 3,
+          { resyncDocContent: 123 }
+        )
+        this.rawUpdates = makeRawUpdates(this.updates)
+        this.rclient.setList(this.historyOpsKey, this.rawUpdates)
+        await this.RedisManager.promises.getUpdatesInBatches(
+          this.projectId,
+          123,
+          this.runner
+        )
+      })
+
+      it('calls the runner twice', function () {
+        this.runner.callCount.should.equal(2)
+      })
+
+      it('calls the runner with the first batch of updates', function () {
+        this.runner.should.have.been.calledWith(
+          this.updates.slice(0, this.RedisManager.MAX_NEW_DOC_CONTENT_COUNT)
+        )
+      })
+
+      it('calls the runner with the second batch of updates', function () {
+        this.runner.should.have.been.calledWith(
+          this.updates.slice(this.RedisManager.MAX_NEW_DOC_CONTENT_COUNT)
+        )
+      })
+
+      it('deletes the applied updates', function () {
+        expect(this.rclient.getList(this.historyOpsKey)).to.deep.equal([])
+      })
+    })
+
+    describe('two batches with first update below and second update above the ops length limit on updates', function () {
+      beforeEach(async function () {
+        // set the threshold below the size of the first update
+        this.updates = makeUpdates(2, { op: ['op1', 'op2'] })
+        this.updates[1].op = Array(
+          this.RedisManager.MAX_UPDATE_OP_LENGTH + 2
+        ).fill('op')
+        this.rawUpdates = makeRawUpdates(this.updates)
+        this.rclient.setList(this.historyOpsKey, this.rawUpdates)
+        await this.RedisManager.promises.getUpdatesInBatches(
+          this.projectId,
+          123,
+          this.runner
+        )
+      })
+
+      it('calls the runner twice', function () {
+        this.runner.callCount.should.equal(2)
+      })
+
+      it('calls the runner with the first update', function () {
+        this.runner.should.have.been.calledWith(this.updates.slice(0, 1))
+      })
+
+      it('calls the runner with the second update', function () {
+        this.runner.should.have.been.calledWith(this.updates.slice(1))
+      })
+
+      it('deletes the applied updates', function () {
+        expect(this.rclient.getList(this.historyOpsKey)).to.deep.equal([])
+      })
+    })
+
+    describe('two batches, one partial', function () {
+      beforeEach(async function () {
+        this.updates = makeUpdates(15)
+        this.rawUpdates = makeRawUpdates(this.updates)
+        this.rclient.setList(this.historyOpsKey, this.rawUpdates)
+        await this.RedisManager.promises.getUpdatesInBatches(
+          this.projectId,
+          10,
+          this.runner
+        )
+      })
+
+      it('calls the runner twice', function () {
+        this.runner.callCount.should.equal(2)
+      })
+
+      it('calls the runner with the updates', function () {
+        this.runner
+          .getCall(0)
+          .should.have.been.calledWith(this.updates.slice(0, 10))
+        this.runner
+          .getCall(1)
+          .should.have.been.calledWith(this.updates.slice(10))
+      })
+
+      it('deletes the applied updates', function () {
+        expect(this.rclient.getList(this.historyOpsKey)).to.deep.equal([])
+      })
+    })
+
+    describe('two full batches', function () {
+      beforeEach(async function () {
+        this.updates = makeUpdates(20)
+        this.rawUpdates = makeRawUpdates(this.updates)
+        this.rclient.setList(this.historyOpsKey, this.rawUpdates)
+        await this.RedisManager.promises.getUpdatesInBatches(
+          this.projectId,
+          10,
+          this.runner
+        )
+      })
+
+      it('calls the runner twice', function () {
+        this.runner.callCount.should.equal(2)
+      })
+
+      it('calls the runner with the updates', function () {
+        this.runner
+          .getCall(0)
+          .should.have.been.calledWith(this.updates.slice(0, 10))
+        this.runner
+          .getCall(1)
+          .should.have.been.calledWith(this.updates.slice(10))
+      })
+
+      it('deletes the applied updates', function () {
+        expect(this.rclient.getList(this.historyOpsKey)).to.deep.equal([])
+      })
+    })
+
+    describe('three full bathches, bigger than the Redis read batch size', function () {
+      beforeEach(async function () {
+        this.batchSize = this.RedisManager.RAW_UPDATES_BATCH_SIZE * 2
+        this.updates = makeUpdates(this.batchSize * 3)
+        this.rawUpdates = makeRawUpdates(this.updates)
+        this.rclient.setList(this.historyOpsKey, this.rawUpdates)
+        await this.RedisManager.promises.getUpdatesInBatches(
+          this.projectId,
+          this.batchSize,
+          this.runner
+        )
+      })
+
+      it('calls the runner twice', function () {
+        this.runner.callCount.should.equal(3)
+      })
+
+      it('calls the runner with the updates', function () {
+        this.runner
+          .getCall(0)
+          .should.have.been.calledWith(this.updates.slice(0, this.batchSize))
+        this.runner
+          .getCall(1)
+          .should.have.been.calledWith(
+            this.updates.slice(this.batchSize, this.batchSize * 2)
+          )
+        this.runner
+          .getCall(2)
+          .should.have.been.calledWith(this.updates.slice(this.batchSize * 2))
+      })
+
+      it('deletes the applied updates', function () {
+        expect(this.rclient.getList(this.historyOpsKey)).to.deep.equal([])
+      })
+    })
+
+    describe('error when first reading updates', function () {
+      beforeEach(async function () {
+        this.updates = makeUpdates(10)
+        this.rawUpdates = makeRawUpdates(this.updates)
+        this.rclient.setList(this.historyOpsKey, this.rawUpdates)
+        this.rclient.throwErrorOnLrangeCall(0)
+        await expect(
+          this.RedisManager.promises.getUpdatesInBatches(
+            this.projectId,
+            2,
+            this.runner
+          )
+        ).to.be.rejected
+      })
+
+      it('does not delete any updates', function () {
+        expect(this.rclient.getList(this.historyOpsKey)).to.deep.equal(
+          this.rawUpdates
+        )
+      })
+    })
+
+    describe('error when reading updates for a second batch', function () {
+      beforeEach(async function () {
+        this.batchSize = this.RedisManager.RAW_UPDATES_BATCH_SIZE - 1
+        this.updates = makeUpdates(this.RedisManager.RAW_UPDATES_BATCH_SIZE * 2)
+        this.rawUpdates = makeRawUpdates(this.updates)
+        this.rclient.setList(this.historyOpsKey, this.rawUpdates)
+        this.rclient.throwErrorOnLrangeCall(1)
+        await expect(
+          this.RedisManager.promises.getUpdatesInBatches(
+            this.projectId,
+            this.batchSize,
+            this.runner
+          )
+        ).to.be.rejected
+      })
+
+      it('calls the runner with the first batch of updates', function () {
+        this.runner.should.have.been.calledOnce
+        this.runner
+          .getCall(0)
+          .should.have.been.calledWith(this.updates.slice(0, this.batchSize))
+      })
+
+      it('deletes only the first batch of applied updates', function () {
+        expect(this.rclient.getList(this.historyOpsKey)).to.deep.equal(
+          this.rawUpdates.slice(this.batchSize)
+        )
+      })
+    })
+  })
+})
+
+class FakeRedis {
+  constructor() {
+    this.data = new Map()
+    this.del = sinon.stub()
+    this.lrangeCallCount = -1
+  }
+
+  setList(key, list) {
+    this.data.set(key, list)
+  }
+
+  getList(key) {
+    return this.data.get(key)
+  }
+
+  throwErrorOnLrangeCall(callNum) {
+    this.lrangeCallThrowingError = callNum
+  }
+
+  async lrange(key, start, stop) {
+    this.lrangeCallCount += 1
+    if (
+      this.lrangeCallThrowingError != null &&
+      this.lrangeCallThrowingError === this.lrangeCallCount
+    ) {
+      throw new Error('LRANGE failed!')
+    }
+    const list = this.data.get(key) ?? []
+    return list.slice(start, stop + 1)
+  }
+
+  async lrem(key, count, elementToRemove) {
+    expect(count).to.be.greaterThan(0)
+    const original = this.data.get(key) ?? []
+    const filtered = original.filter(element => {
+      if (count > 0 && element === elementToRemove) {
+        count--
+        return false
+      }
+      return true
+    })
+    this.data.set(key, filtered)
+  }
+
+  async exec() {
+    // Nothing to do
+  }
+
+  multi() {
+    return this
+  }
+}
+
+function makeUpdates(updateCount, extraFields = {}) {
+  const updates = []
+  for (let i = 0; i < updateCount; i++) {
+    updates.push({ v: i, ...extraFields })
+  }
+  return updates
+}
+
+function makeRawUpdates(updates) {
+  return updates.map(JSON.stringify)
+}
diff --git a/services/project-history/test/unit/js/RetryManager/RetryManagerTests.js b/services/project-history/test/unit/js/RetryManager/RetryManagerTests.js
new file mode 100644
index 0000000..e8443aa
--- /dev/null
+++ b/services/project-history/test/unit/js/RetryManager/RetryManagerTests.js
@@ -0,0 +1,145 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import mongodb from 'mongodb-legacy'
+import { strict as esmock } from 'esmock'
+const { ObjectId } = mongodb
+
+const MODULE_PATH = '../../../../app/js/RetryManager.js'
+
+describe('RetryManager', function () {
+  beforeEach(async function () {
+    this.projectId1 = new ObjectId().toString()
+    this.projectId2 = new ObjectId().toString()
+    this.projectId3 = new ObjectId().toString()
+    this.projectId4 = new ObjectId().toString()
+    this.historyId = 12345
+
+    this.WebApiManager = {
+      promises: {
+        getHistoryId: sinon.stub().resolves(this.historyId),
+      },
+    }
+    this.RedisManager = {
+      promises: {
+        countUnprocessedUpdates: sinon.stub().resolves(0),
+      },
+    }
+    this.ErrorRecorder = {
+      promises: {
+        getFailedProjects: sinon.stub().resolves([
+          {
+            project_id: this.projectId1,
+            error: 'Error: Timeout',
+            attempts: 1,
+          },
+          {
+            project_id: this.projectId2,
+            error: 'Error: Timeout',
+            attempts: 25,
+          },
+          {
+            project_id: this.projectId3,
+            error: 'sync ongoing',
+            attempts: 10,
+            resyncAttempts: 1,
+          },
+          {
+            project_id: this.projectId4,
+            error: 'sync ongoing',
+            attempts: 10,
+            resyncAttempts: 2,
+          },
+        ]),
+        getFailureRecord: sinon.stub().resolves(),
+      },
+    }
+    this.SyncManager = {
+      promises: {
+        startResync: sinon.stub().resolves(),
+        startHardResync: sinon.stub().resolves(),
+      },
+    }
+    this.UpdatesProcessor = {
+      promises: {
+        processUpdatesForProject: sinon.stub().resolves(),
+      },
+    }
+    this.settings = {
+      redis: {
+        lock: {
+          key_schema: {
+            projectHistoryLock({ projectId }) {
+              return `ProjectHistoryLock:${projectId}`
+            },
+          },
+        },
+      },
+    }
+    this.request = {}
+    this.RetryManager = await esmock(MODULE_PATH, {
+      '../../../../app/js/WebApiManager.js': this.WebApiManager,
+      '../../../../app/js/RedisManager.js': this.RedisManager,
+      '../../../../app/js/ErrorRecorder.js': this.ErrorRecorder,
+      '../../../../app/js/SyncManager.js': this.SyncManager,
+      '../../../../app/js/UpdatesProcessor.js': this.UpdatesProcessor,
+      '@overleaf/settings': this.settings,
+      request: this.request,
+    })
+  })
+
+  describe('RetryManager', function () {
+    describe('for a soft failure', function () {
+      beforeEach(async function () {
+        await this.RetryManager.promises.retryFailures({ failureType: 'soft' })
+      })
+
+      it('should flush the queue', function () {
+        expect(
+          this.UpdatesProcessor.promises.processUpdatesForProject
+        ).to.have.been.calledWith(this.projectId1)
+      })
+    })
+
+    describe('for a hard failure', function () {
+      beforeEach(async function () {
+        await this.RetryManager.promises.retryFailures({ failureType: 'hard' })
+      })
+
+      it('should check the overleaf project id', function () {
+        expect(
+          this.WebApiManager.promises.getHistoryId
+        ).to.have.been.calledWith(this.projectId2)
+      })
+
+      it("should start a soft resync when a resync hasn't been tried yet", function () {
+        expect(this.SyncManager.promises.startResync).to.have.been.calledWith(
+          this.projectId2
+        )
+      })
+
+      it('should start a hard resync when a resync has already been tried', function () {
+        expect(
+          this.SyncManager.promises.startHardResync
+        ).to.have.been.calledWith(this.projectId3)
+      })
+
+      it("shouldn't try a resync after a hard resync attempt failed", function () {
+        expect(
+          this.SyncManager.promises.startHardResync
+        ).not.to.have.been.calledWith(this.projectId4)
+      })
+
+      it('should count the unprocessed updates', function () {
+        expect(
+          this.RedisManager.promises.countUnprocessedUpdates
+        ).to.have.been.calledWith(this.projectId2)
+      })
+
+      it('should check the failure record', function () {
+        expect(
+          this.ErrorRecorder.promises.getFailureRecord
+        ).to.have.been.calledWith(this.projectId2)
+      })
+    })
+  })
+})
diff --git a/services/project-history/test/unit/js/SnapshotManager/SnapshotManagerTests.js b/services/project-history/test/unit/js/SnapshotManager/SnapshotManagerTests.js
new file mode 100644
index 0000000..d6c5205
--- /dev/null
+++ b/services/project-history/test/unit/js/SnapshotManager/SnapshotManagerTests.js
@@ -0,0 +1,1103 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import { strict as esmock } from 'esmock'
+import Core from 'overleaf-editor-core'
+import * as Errors from '../../../../app/js/Errors.js'
+
+const MODULE_PATH = '../../../../app/js/SnapshotManager.js'
+
+describe('SnapshotManager', function () {
+  beforeEach(async function () {
+    this.HistoryStoreManager = {
+      getBlobStore: sinon.stub(),
+      promises: {
+        getChunkAtVersion: sinon.stub(),
+        getMostRecentChunk: sinon.stub(),
+        getProjectBlobStream: sinon.stub(),
+      },
+    }
+    this.WebApiManager = {
+      promises: {
+        getHistoryId: sinon.stub(),
+      },
+    }
+    this.SnapshotManager = await esmock(MODULE_PATH, {
+      'overleaf-editor-core': Core,
+      '../../../../app/js/HistoryStoreManager.js': this.HistoryStoreManager,
+      '../../../../app/js/WebApiManager.js': this.WebApiManager,
+      '../../../../app/js/Errors.js': Errors,
+    })
+    this.projectId = 'project-id-123'
+    this.historyId = 'ol-project-id-123'
+    this.callback = sinon.stub()
+  })
+
+  describe('getFileSnapshotStream', function () {
+    beforeEach(function () {
+      this.WebApiManager.promises.getHistoryId.resolves(this.historyId)
+      this.ranges = {
+        comments: [],
+        trackedChanges: [
+          {
+            range: { pos: 4, length: 6 },
+            tracking: {
+              userId: 'user-1',
+              ts: '2024-01-01T00:00:00.000Z',
+              type: 'delete',
+            },
+          },
+          {
+            range: { pos: 35, length: 5 },
+            tracking: {
+              userId: 'user-1',
+              ts: '2024-01-01T00:00:00.000Z',
+              type: 'insert',
+            },
+          },
+        ],
+      }
+      this.HistoryStoreManager.promises.getChunkAtVersion.resolves({
+        chunk: {
+          history: {
+            snapshot: {
+              files: {
+                'main.tex': {
+                  hash: '35c9bd86574d61dcadbce2fdd3d4a0684272c6ea',
+                  stringLength: 41,
+                },
+                'file_with_ranges.tex': {
+                  hash: '5d2781d78fa5a97b7bafa849fe933dfc9dc93eba',
+                  rangesHash: '73061952d41ce54825e2fc1c36b4cf736d5fb62f',
+                  stringLength: 41,
+                },
+                'binary.png': {
+                  hash: 'c6654ea913979e13e22022653d284444f284a172',
+                  byteLength: 41,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'main.tex',
+                    textOperation: [41, '\n\nSeven eight'],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'main.tex',
+                    textOperation: [54, ' nine'],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:22.905Z',
+                authors: [31],
+              },
+            ],
+          },
+          startVersion: 3,
+          authors: [
+            {
+              id: 31,
+              email: 'james.allen@overleaf.com',
+              name: 'James',
+            },
+          ],
+        },
+      })
+    })
+
+    describe('of a text file with no tracked changes', function () {
+      beforeEach(async function () {
+        this.HistoryStoreManager.getBlobStore.withArgs(this.historyId).returns({
+          getString: (this.getString = sinon.stub().resolves(
+            `\
+Hello world
+
+One two three
+
+Four five six\
+`.replace(/^\t/g, '')
+          )),
+          getObject: sinon.stub().rejects(),
+        })
+        this.stream = await this.SnapshotManager.promises.getFileSnapshotStream(
+          this.projectId,
+          5,
+          'main.tex'
+        )
+      })
+
+      it('should get the overleaf id', function () {
+        this.WebApiManager.promises.getHistoryId
+          .calledWith(this.projectId)
+          .should.equal(true)
+      })
+
+      it('should get the chunk', function () {
+        this.HistoryStoreManager.promises.getChunkAtVersion
+          .calledWith(this.projectId, this.historyId, 5)
+          .should.equal(true)
+      })
+
+      it('should get the blob of the starting snapshot', function () {
+        this.getString
+          .calledWith('35c9bd86574d61dcadbce2fdd3d4a0684272c6ea')
+          .should.equal(true)
+      })
+
+      it('should return a string stream with the text content', function () {
+        expect(this.stream.read().toString()).to.equal(
+          `\
+Hello world
+
+One two three
+
+Four five six
+
+Seven eight nine\
+`.replace(/^\t/g, '')
+        )
+      })
+
+      describe('on blob store error', function () {
+        beforeEach(function () {
+          this.error = new Error('ESOCKETTIMEDOUT')
+          this.HistoryStoreManager.getBlobStore
+            .withArgs(this.historyId)
+            .returns({
+              getString: sinon.stub().rejects(this.error),
+              getObject: sinon.stub().rejects(this.error),
+            })
+        })
+
+        it('should call back with error', async function () {
+          await expect(
+            this.SnapshotManager.promises.getFileSnapshotStream(
+              this.projectId,
+              5,
+              'main.tex'
+            )
+          ).to.be.rejectedWith(this.error)
+        })
+      })
+    })
+
+    describe('of a text file with tracked changes', function () {
+      beforeEach(async function () {
+        this.HistoryStoreManager.getBlobStore.withArgs(this.historyId).returns({
+          getString: (this.getString = sinon
+            .stub()
+            .resolves('the quick brown fox jumps over the lazy dog')),
+          getObject: (this.getObject = sinon.stub().resolves(this.ranges)),
+        })
+        this.stream = await this.SnapshotManager.promises.getFileSnapshotStream(
+          this.projectId,
+          5,
+          'file_with_ranges.tex'
+        )
+      })
+
+      it('should get the overleaf id', function () {
+        this.WebApiManager.promises.getHistoryId
+          .calledWith(this.projectId)
+          .should.equal(true)
+      })
+
+      it('should get the chunk', function () {
+        this.HistoryStoreManager.promises.getChunkAtVersion
+          .calledWith(this.projectId, this.historyId, 5)
+          .should.equal(true)
+      })
+
+      it('should get the blob of the starting snapshot', function () {
+        this.getString
+          .calledWith('5d2781d78fa5a97b7bafa849fe933dfc9dc93eba')
+          .should.equal(true)
+      })
+
+      it('should get the blob of the ranges', function () {
+        this.getObject
+          .calledWith('73061952d41ce54825e2fc1c36b4cf736d5fb62f')
+          .should.equal(true)
+      })
+
+      it('should return a string stream with the text content without the tracked deletes', function () {
+        expect(this.stream.read().toString()).to.equal(
+          'the brown fox jumps over the lazy dog'
+        )
+      })
+    })
+
+    describe('of a binary file', function () {
+      beforeEach(async function () {
+        this.HistoryStoreManager.promises.getProjectBlobStream
+          .withArgs(this.historyId)
+          .resolves((this.stream = 'mock-stream'))
+        this.returnedStream =
+          await this.SnapshotManager.promises.getFileSnapshotStream(
+            this.projectId,
+            5,
+            'binary.png'
+          )
+      })
+
+      it('should get the overleaf id', function () {
+        this.WebApiManager.promises.getHistoryId
+          .calledWith(this.projectId)
+          .should.equal(true)
+      })
+
+      it('should get the chunk', function () {
+        this.HistoryStoreManager.promises.getChunkAtVersion
+          .calledWith(this.projectId, this.historyId, 5)
+          .should.equal(true)
+      })
+
+      it('should get the blob of the starting snapshot', function () {
+        this.HistoryStoreManager.promises.getProjectBlobStream
+          .calledWith(
+            this.historyId,
+            'c6654ea913979e13e22022653d284444f284a172'
+          )
+          .should.equal(true)
+      })
+
+      it('should return a stream with the blob content', function () {
+        expect(this.returnedStream).to.equal(this.stream)
+      })
+    })
+
+    describe("when the file doesn't exist", function () {
+      it('should return a NotFoundError', async function () {
+        await expect(
+          this.SnapshotManager.promises.getFileSnapshotStream(
+            this.projectId,
+            5,
+            'not-here.png'
+          )
+        ).to.be.rejectedWith(Errors.NotFoundError)
+      })
+    })
+  })
+
+  describe('getProjectSnapshot', function () {
+    beforeEach(function () {
+      this.WebApiManager.promises.getHistoryId.resolves(this.historyId)
+      this.ranges = {
+        comments: [],
+        trackedChanges: [
+          {
+            range: { pos: 5, length: 6 },
+            tracking: {
+              userId: 'user-1',
+              ts: '2024-01-01T00:00:00.000Z',
+              type: 'delete',
+            },
+          },
+          {
+            range: { pos: 12, length: 5 },
+            tracking: {
+              userId: 'user-1',
+              ts: '2024-01-01T00:00:00.000Z',
+              type: 'insert',
+            },
+          },
+        ],
+      }
+      this.HistoryStoreManager.promises.getChunkAtVersion.resolves({
+        chunk: (this.chunk = {
+          history: {
+            snapshot: {
+              files: {
+                'main.tex': {
+                  hash: '35c9bd86574d61dcadbce2fdd3d4a0684272c6ea',
+                  stringLength: 41,
+                },
+                'unchanged.tex': {
+                  hash: '35c9bd86574d61dcadbce2fdd3d4a0684272c6ea',
+                  stringLength: 41,
+                },
+                'with_ranges_unchanged.tex': {
+                  hash: '35c9bd86574d61dcadbce2fdd3d4a0684272c6ea',
+                  rangesHash: '2e59fe3dbd5310703f89236d589d0b35db169cdf',
+                  stringLength: 41,
+                },
+                'with_ranges_changed.tex': {
+                  hash: '35c9bd86574d61dcadbce2fdd3d4a0684272c6ea',
+                  rangesHash: '2e59fe3dbd5310703f89236d589d0b35db169cdf',
+                  stringLength: 41,
+                },
+                'binary.png': {
+                  hash: 'c6654ea913979e13e22022653d284444f284a172',
+                  byteLength: 41,
+                },
+              },
+            },
+            changes: [
+              {
+                operations: [
+                  {
+                    pathname: 'main.tex',
+                    textOperation: [41, '\n\nSeven eight'],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:17.786Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'main.tex',
+                    textOperation: [54, ' nine'],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:22.905Z',
+                authors: [31],
+              },
+              {
+                operations: [
+                  {
+                    pathname: 'with_ranges_changed.tex',
+                    textOperation: [41, '\n\nSeven eight'],
+                  },
+                ],
+                timestamp: '2017-12-04T10:29:25.905Z',
+                authors: [31],
+              },
+            ],
+          },
+          startVersion: 3,
+          authors: [
+            {
+              id: 31,
+              email: 'james.allen@overleaf.com',
+              name: 'James',
+            },
+          ],
+        }),
+      })
+    })
+
+    describe('of project', function () {
+      beforeEach(async function () {
+        this.HistoryStoreManager.getBlobStore.withArgs(this.historyId).returns({
+          getString: (this.getString = sinon.stub().resolves(
+            `\
+Hello world
+
+One two three
+
+Four five six\
+`
+          )),
+          getObject: (this.getObject = sinon.stub().resolves(this.ranges)),
+        })
+        this.data = await this.SnapshotManager.promises.getProjectSnapshot(
+          this.projectId,
+          6
+        )
+      })
+
+      it('should get the overleaf id', function () {
+        this.WebApiManager.promises.getHistoryId
+          .calledWith(this.projectId)
+          .should.equal(true)
+      })
+
+      it('should get the chunk', function () {
+        this.HistoryStoreManager.promises.getChunkAtVersion
+          .calledWith(this.projectId, this.historyId, 6)
+          .should.equal(true)
+      })
+
+      it('should get the ranges for the file with tracked changes', function () {
+        this.getObject.calledWith('2e59fe3dbd5310703f89236d589d0b35db169cdf')
+      })
+
+      it('should produce the snapshot file data', function () {
+        expect(this.data).to.deep.equal({
+          files: {
+            'main.tex': {
+              // files with operations in the chunk should return content only
+              data: {
+                content:
+                  'Hello world\n\nOne two three\n\nFour five six\n\nSeven eight nine',
+              },
+            },
+            'unchanged.tex': {
+              // unchanged files in the chunk should return hash only
+              data: {
+                hash: '35c9bd86574d61dcadbce2fdd3d4a0684272c6ea',
+              },
+            },
+            'with_ranges_changed.tex': {
+              // files in the chunk with tracked changes should return content
+              // without the tracked deletes
+              data: {
+                content:
+                  'Hello\n\nOne two three\n\nFour five six\n\nSeven eight',
+              },
+            },
+            'with_ranges_unchanged.tex': {
+              // files in the chunk with tracked changes should return content
+              // without the tracked deletes, even if they are unchanged
+              data: {
+                content: 'Hello\n\nOne two three\n\nFour five six',
+              },
+            },
+            'binary.png': {
+              // binary files in the chunk should return hash only
+              data: {
+                hash: 'c6654ea913979e13e22022653d284444f284a172',
+              },
+            },
+          },
+          projectId: 'project-id-123',
+        })
+      })
+    })
+
+    describe('on blob store error', function () {
+      beforeEach(function () {
+        this.error = new Error('ESOCKETTIMEDOUT')
+        this.HistoryStoreManager.getBlobStore.withArgs(this.historyId).returns({
+          getString: sinon.stub().rejects(this.error),
+          getObject: sinon.stub().resolves(),
+        })
+      })
+
+      it('should call back with error', async function () {
+        expect(
+          this.SnapshotManager.promises.getProjectSnapshot(this.projectId, 5)
+        ).to.be.rejectedWith(this.error.message)
+      })
+    })
+  })
+
+  describe('getLatestSnapshotFiles', function () {
+    describe('for a project', function () {
+      beforeEach(async function () {
+        this.HistoryStoreManager.promises.getMostRecentChunk.resolves({
+          chunk: (this.chunk = {
+            history: {
+              snapshot: {
+                files: {
+                  'main.tex': {
+                    hash: '35c9bd86574d61dcadbce2fdd3d4a0684272c6ea',
+                    stringLength: 41,
+                  },
+                  'binary.png': {
+                    hash: 'c6654ea913979e13e22022653d284444f284a172',
+                    byteLength: 41,
+                  },
+                },
+              },
+              changes: [
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [41, '\n\nSeven eight'],
+                    },
+                  ],
+                  timestamp: '2017-12-04T10:29:17.786Z',
+                  authors: [31],
+                },
+                {
+                  operations: [
+                    {
+                      pathname: 'main.tex',
+                      textOperation: [54, ' nine'],
+                    },
+                  ],
+                  timestamp: '2017-12-04T10:29:22.905Z',
+                  authors: [31],
+                },
+              ],
+            },
+            startVersion: 3,
+            authors: [
+              {
+                id: 31,
+                email: 'james.allen@overleaf.com',
+                name: 'James',
+              },
+            ],
+          }),
+        })
+
+        this.HistoryStoreManager.getBlobStore.withArgs(this.historyId).returns({
+          getString: (this.getString = sinon.stub().resolves(
+            `\
+Hello world
+
+One two three
+
+Four five six\
+`.replace(/^\t/g, '')
+          )),
+          getObject: sinon.stub().rejects(),
+        })
+        this.data = await this.SnapshotManager.promises.getLatestSnapshotFiles(
+          this.projectId,
+          this.historyId
+        )
+      })
+
+      it('should get the chunk', function () {
+        this.HistoryStoreManager.promises.getMostRecentChunk
+          .calledWith(this.projectId, this.historyId)
+          .should.equal(true)
+      })
+
+      it('should produce the snapshot file data', function () {
+        expect(this.data).to.have.all.keys(['main.tex', 'binary.png'])
+        expect(this.data['main.tex']).to.exist
+        expect(this.data['binary.png']).to.exist
+        expect(this.data['main.tex'].getStringLength()).to.equal(59)
+        expect(this.data['binary.png'].getByteLength()).to.equal(41)
+        expect(this.data['binary.png'].getHash()).to.equal(
+          'c6654ea913979e13e22022653d284444f284a172'
+        )
+      })
+    })
+
+    describe('when the chunk is empty', function () {
+      beforeEach(async function () {
+        this.HistoryStoreManager.promises.getMostRecentChunk.resolves(null)
+        expect(
+          this.SnapshotManager.promises.getLatestSnapshotFiles(
+            this.projectId,
+            this.historyId
+          )
+        ).to.be.rejectedWith('undefined chunk')
+      })
+    })
+  })
+
+  describe('getRangesSnapshot', function () {
+    beforeEach(async function () {
+      this.WebApiManager.promises.getHistoryId.resolves(this.historyId)
+      this.HistoryStoreManager.promises.getChunkAtVersion.resolves({
+        chunk: (this.chunk = {
+          history: {
+            snapshot: {
+              files: {
+                'main.tex': {
+                  hash: (this.fileHash =
+                    '5d2781d78fa5a97b7bafa849fe933dfc9dc93eba'),
+                  rangesHash: (this.rangesHash =
+                    '73061952d41ce54825e2fc1c36b4cf736d5fb62f'),
+                  stringLength: 41,
+                },
+              },
+            },
+            changes: [],
+          },
+          startVersion: 1,
+          authors: [
+            {
+              id: 31,
+              email: 'author@example.com',
+              name: 'Author',
+            },
+          ],
+        }),
+      })
+
+      this.HistoryStoreManager.getBlobStore.withArgs(this.historyId).returns({
+        getString: (this.getString = sinon.stub()),
+        getObject: (this.getObject = sinon.stub()),
+      })
+
+      this.getString.resolves('the quick brown fox jumps over the lazy dog')
+    })
+
+    describe('with tracked deletes', function () {
+      beforeEach(async function () {
+        this.getObject.resolves({
+          trackedChanges: [
+            {
+              // 'quick '
+              range: {
+                pos: 4,
+                length: 6,
+              },
+              tracking: {
+                type: 'delete',
+                userId: '31',
+                ts: '2023-01-01T00:00:00.000Z',
+              },
+            },
+            {
+              // 'fox '
+              range: {
+                pos: 16,
+                length: 4,
+              },
+              tracking: {
+                type: 'delete',
+                userId: '31',
+                ts: '2023-01-01T00:00:00.000Z',
+              },
+            },
+            {
+              // 'lazy '
+              range: {
+                pos: 35,
+                length: 5,
+              },
+              tracking: {
+                type: 'insert',
+                userId: '31',
+                ts: '2023-01-01T00:00:00.000Z',
+              },
+            },
+            {
+              // 'dog'
+              range: {
+                pos: 40,
+                length: 3,
+              },
+              tracking: {
+                type: 'delete',
+                userId: '31',
+                ts: '2023-01-01T00:00:00.000Z',
+              },
+            },
+          ],
+        })
+        this.data = await this.SnapshotManager.promises.getRangesSnapshot(
+          this.projectId,
+          1,
+          'main.tex'
+        )
+      })
+
+      it("doesn't shift the tracked delete by itself", function () {
+        expect(this.data.changes[0].op.p).to.eq(4)
+      })
+
+      it('should move subsequent tracked changes by the length of previous deletes', function () {
+        expect(this.data.changes[1].op.p).to.eq(16 - 6)
+        expect(this.data.changes[2].op.p).to.eq(35 - 6 - 4)
+      })
+
+      it("shouldn't move subsequent tracked changes by previous inserts", function () {
+        expect(this.data.changes[3].op.p).to.eq(40 - 6 - 4)
+      })
+    })
+
+    describe('with comments and tracked deletes', function () {
+      beforeEach(async function () {
+        this.getObject.resolves({
+          // the quick brown fox jumps over the lazy dog
+          trackedChanges: [
+            {
+              // 'e qui'
+              range: {
+                pos: 2,
+                length: 5,
+              },
+              tracking: {
+                type: 'delete',
+                userId: '31',
+                ts: '2023-01-01T00:00:00.000Z',
+              },
+            },
+            {
+              // 'r'
+              range: {
+                pos: 11,
+                length: 1,
+              },
+              tracking: {
+                type: 'delete',
+                userId: '31',
+                ts: '2023-01-01T00:00:00.000Z',
+              },
+            },
+            {
+              // 'er the la'
+              range: {
+                pos: 28,
+                length: 9,
+              },
+              tracking: {
+                type: 'delete',
+                userId: '31',
+                ts: '2023-01-01T00:00:00.000Z',
+              },
+            },
+          ],
+          comments: [
+            {
+              id: 'comment-1',
+              ranges: [
+                // 'quick'
+                {
+                  pos: 4,
+                  length: 5,
+                },
+                // 'brown'
+                {
+                  pos: 10,
+                  length: 5,
+                },
+                // 'over'
+                {
+                  pos: 26,
+                  length: 4,
+                },
+                // 'lazy'
+                {
+                  pos: 35,
+                  length: 4,
+                },
+              ],
+              resolved: false,
+            },
+            { id: 'comment-2', ranges: [], resolved: true },
+            {
+              id: 'comment-3',
+              ranges: [
+                // 'q'
+                { pos: 4, length: 1 },
+              ],
+              resolved: true,
+            },
+          ],
+        })
+        this.data = await this.SnapshotManager.promises.getRangesSnapshot(
+          this.projectId,
+          1,
+          'main.tex'
+        )
+      })
+
+      it('should move the comment to the start of the tracked delete and remove overlapping text', function () {
+        expect(this.data.comments[0].op.p).to.eq(2)
+        expect(this.data.comments[0].op.c).to.eq('ck bown fox jumps ovzy')
+      })
+
+      it('should put resolved status in op', function () {
+        expect(this.data.comments[0].op.resolved).to.be.false
+        expect(this.data.comments[1].op.resolved).to.be.true
+        expect(this.data.comments[2].op.resolved).to.be.true
+      })
+
+      it('should include thread id', function () {
+        expect(this.data.comments[0].op.t).to.eq('comment-1')
+        expect(this.data.comments[1].op.t).to.eq('comment-2')
+        expect(this.data.comments[2].op.t).to.eq('comment-3')
+      })
+
+      it('should translate detached comment to zero length op', function () {
+        expect(this.data.comments[1].op.p).to.eq(0)
+        expect(this.data.comments[1].op.c).to.eq('')
+      })
+
+      it('should position a comment entirely in a tracked delete next to the tracked delete', function () {
+        expect(this.data.comments[2].op.p).to.eq(2)
+        expect(this.data.comments[2].op.c).to.eq('')
+      })
+    })
+
+    describe('with multiple tracked changes and comments', function () {
+      beforeEach(async function () {
+        this.getObject.resolves({
+          trackedChanges: [
+            {
+              // 'quick '
+              range: {
+                pos: 4,
+                length: 6,
+              },
+              tracking: {
+                type: 'delete',
+                userId: '31',
+                ts: '2023-01-01T00:00:00.000Z',
+              },
+            },
+            {
+              // 'brown '
+              range: {
+                pos: 10,
+                length: 6,
+              },
+              tracking: {
+                type: 'insert',
+                userId: '31',
+                ts: '2024-01-01T00:00:00.000Z',
+              },
+            },
+            {
+              // 'lazy '
+              range: {
+                pos: 35,
+                length: 5,
+              },
+              tracking: {
+                type: 'delete',
+                userId: '31',
+                ts: '2024-01-01T00:00:00.000Z',
+              },
+            },
+          ],
+          comments: [
+            {
+              id: 'comment-1',
+              // 'quick', 'brown', 'lazy'
+              ranges: [
+                {
+                  pos: 4,
+                  length: 5,
+                },
+                {
+                  pos: 10,
+                  length: 5,
+                },
+                {
+                  pos: 35,
+                  length: 4,
+                },
+              ],
+              resolved: false,
+            },
+            {
+              id: 'comment-2',
+              // 'the', 'the'
+              ranges: [
+                {
+                  pos: 0,
+                  length: 3,
+                },
+                {
+                  pos: 31,
+                  length: 3,
+                },
+              ],
+              resolved: true,
+            },
+          ],
+        })
+
+        this.data = await this.SnapshotManager.promises.getRangesSnapshot(
+          this.projectId,
+          1,
+          'main.tex'
+        )
+      })
+
+      it('looks up ranges', function () {
+        expect(this.getObject).to.have.been.calledWith(this.rangesHash)
+        expect(this.getString).to.have.been.calledWith(this.fileHash)
+      })
+
+      it('should get the chunk', function () {
+        expect(
+          this.HistoryStoreManager.promises.getChunkAtVersion
+        ).to.have.been.calledWith(this.projectId, this.historyId, 1)
+      })
+
+      it('returns the ranges with content and adjusted positions to ignore tracked deletes', function () {
+        expect(this.data).to.deep.equal({
+          changes: [
+            {
+              metadata: {
+                ts: '2023-01-01T00:00:00.000Z',
+                user_id: '31',
+              },
+              op: {
+                d: 'quick ',
+                p: 4,
+              },
+            },
+            {
+              metadata: {
+                ts: '2024-01-01T00:00:00.000Z',
+                user_id: '31',
+              },
+              op: {
+                i: 'brown ',
+                p: 4,
+              },
+            },
+            {
+              metadata: {
+                ts: '2024-01-01T00:00:00.000Z',
+                user_id: '31',
+              },
+              op: {
+                d: 'lazy ',
+                p: 29,
+              },
+            },
+          ],
+          comments: [
+            {
+              op: {
+                c: 'brown fox jumps over the ',
+                p: 4,
+                t: 'comment-1',
+                resolved: false,
+              },
+              id: 'comment-1',
+            },
+            {
+              op: {
+                c: 'the brown fox jumps over the',
+                p: 0,
+                t: 'comment-2',
+                resolved: true,
+              },
+              id: 'comment-2',
+            },
+          ],
+        })
+      })
+    })
+
+    describe('with an empty file', function () {
+      beforeEach(async function () {
+        this.getString.resolves('')
+        this.getObject.resolves({})
+        this.data = await this.SnapshotManager.promises.getRangesSnapshot(
+          this.projectId,
+          1,
+          'main.tex'
+        )
+      })
+
+      it('should return empty comments and changes', function () {
+        expect(this.data).to.deep.equal({
+          changes: [],
+          comments: [],
+        })
+      })
+    })
+  })
+
+  describe('getFileMetadataSnapshot', function () {
+    beforeEach(function () {
+      this.WebApiManager.promises.getHistoryId.resolves(this.historyId)
+      this.HistoryStoreManager.promises.getChunkAtVersion.resolves({
+        chunk: (this.chunk = {
+          history: {
+            snapshot: {
+              files: {
+                'main.tex': {
+                  hash: '5d2781d78fa5a97b7bafa849fe933dfc9dc93eba',
+                  metadata: {
+                    importer_id: 'test-user-id',
+                    imported_at: '2024-01-01T00:00:00.000Z',
+                  },
+                  stringLength: 41,
+                },
+                'other.tex': {
+                  hash: '5d2781d78fa5a97b7bafa849fe933dfc9dc93eba',
+                  stringLength: 41,
+                },
+              },
+            },
+            changes: [],
+          },
+          startVersion: 1,
+          authors: [
+            {
+              id: 31,
+              email: 'author@example.com',
+              name: 'Author',
+            },
+          ],
+        }),
+      })
+    })
+
+    it('should return the metadata for the file', async function () {
+      const result =
+        await this.SnapshotManager.promises.getFileMetadataSnapshot(
+          this.projectId,
+          1,
+          'main.tex'
+        )
+      expect(result).to.deep.equal({
+        metadata: {
+          importer_id: 'test-user-id',
+          imported_at: '2024-01-01T00:00:00.000Z',
+        },
+      })
+    })
+
+    it('should return undefined when file does not have metadata', async function () {
+      const result =
+        await this.SnapshotManager.promises.getFileMetadataSnapshot(
+          this.projectId,
+          1,
+          'other.tex'
+        )
+      expect(result).to.deep.equal({ metadata: undefined })
+    })
+
+    it('throw an error when file does not exist', async function () {
+      await expect(
+        this.SnapshotManager.promises.getFileMetadataSnapshot(
+          this.projectId,
+          1,
+          'does-not-exist.tex'
+        )
+      ).to.be.rejectedWith(Error)
+    })
+  })
+
+  describe('getPathsAtVersion', function () {
+    beforeEach(function () {
+      this.WebApiManager.promises.getHistoryId.resolves(this.historyId)
+      this.HistoryStoreManager.promises.getChunkAtVersion.resolves({
+        chunk: (this.chunk = {
+          history: {
+            snapshot: {
+              files: {
+                'main.tex': {
+                  hash: (this.fileHash =
+                    '5d2781d78fa5a97b7bafa849fe933dfc9dc93eba'),
+                  rangesHash: (this.rangesHash =
+                    '73061952d41ce54825e2fc1c36b4cf736d5fb62f'),
+                  stringLength: 41,
+                },
+                'other.tex': {
+                  hash: (this.fileHash =
+                    'f572d396fae9206628714fb2ce00f72e94f2258f'),
+                  stringLength: 6,
+                },
+              },
+            },
+            changes: [],
+          },
+          startVersion: 4,
+          authors: [
+            {
+              id: 31,
+              email: 'author@example.com',
+              name: 'Author',
+            },
+          ],
+        }),
+      })
+    })
+
+    it('should return an array of paths', async function () {
+      const result = await this.SnapshotManager.promises.getPathsAtVersion(
+        this.projectId,
+        4
+      )
+      expect(result.paths).to.have.length(2)
+      expect(result.paths).to.include.members(['main.tex', 'other.tex'])
+    })
+  })
+})
diff --git a/services/project-history/test/unit/js/SummarizedUpdatesManager/SummarizedUpdatesManagerTests.js b/services/project-history/test/unit/js/SummarizedUpdatesManager/SummarizedUpdatesManagerTests.js
new file mode 100644
index 0000000..3cd0842
--- /dev/null
+++ b/services/project-history/test/unit/js/SummarizedUpdatesManager/SummarizedUpdatesManagerTests.js
@@ -0,0 +1,874 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import { strict as esmock } from 'esmock'
+
+const MODULE_PATH = '../../../../app/js/SummarizedUpdatesManager.js'
+
+// A sufficiently large amount of time to make the algorithm process updates
+// separately
+const LATER = 1000000
+
+describe('SummarizedUpdatesManager', function () {
+  beforeEach(async function () {
+    this.historyId = 'history-id-123'
+    this.projectId = 'project-id-123'
+    this.firstChunk = { chunk: { startVersion: 0 } }
+    this.secondChunk = { chunk: { startVersion: 1 } }
+
+    this.ChunkTranslator = {
+      convertToSummarizedUpdates: sinon.stub(),
+    }
+    this.HistoryApiManager = {
+      shouldUseProjectHistory: sinon.stub().yields(null, true),
+    }
+    this.HistoryStoreManager = {
+      getMostRecentChunk: sinon.stub(),
+      getChunkAtVersion: sinon.stub(),
+    }
+    this.UpdatesProcessor = {
+      processUpdatesForProject: sinon.stub().withArgs(this.projectId).yields(),
+    }
+    this.WebApiManager = {
+      getHistoryId: sinon.stub().yields(null, this.historyId),
+    }
+    this.LabelsManager = {
+      getLabels: sinon.stub().yields(null, []),
+    }
+    this.SummarizedUpdatesManager = await esmock(MODULE_PATH, {
+      '../../../../app/js/ChunkTranslator.js': this.ChunkTranslator,
+      '../../../../app/js/HistoryApiManager.js': this.HistoryApiManager,
+      '../../../../app/js/HistoryStoreManager.js': this.HistoryStoreManager,
+      '../../../../app/js/UpdatesProcessor.js': this.UpdatesProcessor,
+      '../../../../app/js/WebApiManager.js': this.WebApiManager,
+      '../../../../app/js/LabelsManager.js': this.LabelsManager,
+    })
+    this.callback = sinon.stub()
+  })
+
+  describe('getSummarizedProjectUpdates', function () {
+    describe('chunk management', function () {
+      describe('when there is a single empty chunk', function () {
+        setupChunks([[]])
+        expectSummaries('returns an empty list of updates', {}, [])
+      })
+
+      describe('when there is a single non-empty chunk', function () {
+        setupChunks([[makeUpdate()]])
+        expectSummaries('returns summarized updates', {}, [makeSummary()])
+      })
+
+      describe('when there are multiple chunks', function () {
+        setupChunks([
+          [makeUpdate({ startTs: 0, v: 1 })],
+          [makeUpdate({ startTs: LATER, v: 2 })],
+        ])
+
+        describe('and requesting many summaries', function () {
+          expectSummaries('returns many update summaries', {}, [
+            makeSummary({ startTs: LATER, fromV: 2 }),
+            makeSummary({ startTs: 0, fromV: 1 }),
+          ])
+        })
+
+        describe('and requesting a single summary', function () {
+          expectSummaries('returns a single update summary', { min_count: 1 }, [
+            makeSummary({ startTs: LATER, fromV: 2 }),
+          ])
+        })
+      })
+
+      describe('when there are too many chunks', function () {
+        // Set up 10 chunks
+        const chunks = []
+        for (let v = 1; v <= 10; v++) {
+          chunks.push([
+            makeUpdate({
+              startTs: v * 100, // values: 100 - 1000
+              v, // values: 1 - 10
+            }),
+          ])
+        }
+        setupChunks(chunks)
+
+        // Verify that we stop summarizing after 5 chunks
+        expectSummaries('summarizes the 5 latest chunks', {}, [
+          makeSummary({ startTs: 600, endTs: 1010, fromV: 6, toV: 11 }),
+        ])
+      })
+
+      describe('when requesting updates before a specific version', function () {
+        // Chunk 1 contains 5 updates that were made close to each other and 5
+        // other updates that were made later.
+        const chunk1 = []
+        for (let v = 1; v <= 5; v++) {
+          chunk1.push(
+            makeUpdate({
+              startTs: v * 100, // values: 100 - 500
+              v, // values: 1 - 5
+            })
+          )
+        }
+        for (let v = 6; v <= 10; v++) {
+          chunk1.push(
+            makeUpdate({
+              startTs: LATER + v * 100, // values: 1000600 - 1001000
+              v, // values: 6 - 10
+            })
+          )
+        }
+
+        // Chunk 2 contains 5 updates that were made close to the latest updates in
+        // chunk 1.
+        const chunk2 = []
+        for (let v = 11; v <= 15; v++) {
+          chunk2.push(
+            makeUpdate({
+              startTs: LATER + v * 100, // values: 1001100 - 1001500
+              v, // values: 11 - 15
+            })
+          )
+        }
+        setupChunks([chunk1, chunk2])
+
+        expectSummaries(
+          'summarizes the updates in a single chunk if the chunk is sufficient',
+          { before: 14, min_count: 1 },
+          [
+            makeSummary({
+              startTs: LATER + 1100,
+              endTs: LATER + 1310,
+              fromV: 11,
+              toV: 14,
+            }),
+          ]
+        )
+
+        expectSummaries(
+          'summarizes the updates in many chunks otherwise',
+          { before: 14, min_count: 2 },
+          [
+            makeSummary({
+              startTs: LATER + 600,
+              endTs: LATER + 1310,
+              fromV: 6,
+              toV: 14,
+            }),
+            makeSummary({
+              startTs: 100,
+              endTs: 510,
+              fromV: 1,
+              toV: 6,
+            }),
+          ]
+        )
+      })
+    })
+
+    describe('update summarization', function () {
+      describe('updates that are close in time', function () {
+        setupChunks([
+          [
+            makeUpdate({
+              users: ['user1'],
+              startTs: 0,
+              v: 4,
+            }),
+            makeUpdate({
+              users: ['user2'],
+              startTs: 20,
+              v: 5,
+            }),
+          ],
+        ])
+
+        expectSummaries('should merge the updates', {}, [
+          makeSummary({
+            users: ['user1', 'user2'],
+            startTs: 0,
+            endTs: 30,
+            fromV: 4,
+            toV: 6,
+          }),
+        ])
+      })
+
+      describe('updates that are far apart in time', function () {
+        setupChunks([
+          [
+            makeUpdate({
+              users: ['user1'],
+              startTs: 100,
+              v: 4,
+            }),
+            makeUpdate({
+              users: ['user2'],
+              startTs: LATER,
+              v: 5,
+            }),
+          ],
+        ])
+
+        expectSummaries('should not merge the updates', {}, [
+          makeSummary({
+            users: ['user2'],
+            startTs: LATER,
+            endTs: LATER + 10,
+            fromV: 5,
+            toV: 6,
+          }),
+          makeSummary({
+            users: ['user1'],
+            startTs: 100,
+            endTs: 110,
+            fromV: 4,
+            toV: 5,
+          }),
+        ])
+      })
+
+      describe('mergeable updates in different chunks', function () {
+        setupChunks([
+          [
+            makeUpdate({
+              pathnames: ['main.tex'],
+              users: ['user1'],
+              startTs: 10,
+              v: 4,
+            }),
+            makeUpdate({
+              pathnames: ['main.tex'],
+              users: ['user2'],
+              startTs: 30,
+              v: 5,
+            }),
+          ],
+          [
+            makeUpdate({
+              pathnames: ['chapter.tex'],
+              users: ['user1'],
+              startTs: 40,
+              v: 6,
+            }),
+            makeUpdate({
+              pathnames: ['chapter.tex'],
+              users: ['user1'],
+              startTs: 50,
+              v: 7,
+            }),
+          ],
+        ])
+
+        expectSummaries('should merge the updates', {}, [
+          makeSummary({
+            pathnames: ['main.tex', 'chapter.tex'],
+            users: ['user1', 'user2'],
+            startTs: 10,
+            endTs: 60,
+            fromV: 4,
+            toV: 8,
+          }),
+        ])
+      })
+
+      describe('null user values after regular users', function () {
+        setupChunks([
+          [
+            makeUpdate({
+              users: ['user1'],
+              startTs: 0,
+              v: 4,
+            }),
+            makeUpdate({
+              users: [null],
+              startTs: 20,
+              v: 5,
+            }),
+          ],
+        ])
+        expectSummaries('should include the null values', {}, [
+          makeSummary({
+            users: [null, 'user1'],
+            startTs: 0,
+            endTs: 30,
+            fromV: 4,
+            toV: 6,
+          }),
+        ])
+      })
+
+      describe('null user values before regular users', function () {
+        setupChunks([
+          [
+            makeUpdate({
+              users: [null],
+              startTs: 0,
+              v: 4,
+            }),
+            makeUpdate({
+              users: ['user1'],
+              startTs: 20,
+              v: 5,
+            }),
+          ],
+        ])
+        expectSummaries('should include the null values', {}, [
+          makeSummary({
+            users: [null, 'user1'],
+            startTs: 0,
+            endTs: 30,
+            fromV: 4,
+            toV: 6,
+          }),
+        ])
+      })
+
+      describe('multiple null user values', function () {
+        setupChunks([
+          [
+            makeUpdate({
+              users: ['user1'],
+              startTs: 10,
+              v: 4,
+            }),
+            makeUpdate({
+              users: [null],
+              startTs: 20,
+              v: 5,
+            }),
+            makeUpdate({
+              users: [null],
+              startTs: 70,
+              v: 6,
+            }),
+          ],
+        ])
+        expectSummaries('should merge the null values', {}, [
+          makeSummary({
+            users: [null, 'user1'],
+            startTs: 10,
+            endTs: 80,
+            fromV: 4,
+            toV: 7,
+          }),
+        ])
+      })
+
+      describe('multiple users', function () {
+        setupChunks([
+          [
+            makeUpdate({
+              users: ['user1'],
+              startTs: 0,
+              v: 4,
+            }),
+            makeUpdate({
+              users: ['user2'],
+              startTs: 20,
+              v: 5,
+            }),
+          ],
+        ])
+        expectSummaries('should merge the users', {}, [
+          makeSummary({
+            users: ['user1', 'user2'],
+            startTs: 0,
+            endTs: 30,
+            fromV: 4,
+            toV: 6,
+          }),
+        ])
+      })
+
+      describe('duplicate updates with the same v1 user', function () {
+        setupChunks([
+          [
+            makeUpdate({
+              users: [{ id: 'user1' }],
+              startTs: 0,
+              v: 4,
+            }),
+            makeUpdate({
+              users: [{ id: 'user1' }],
+              startTs: 20,
+              v: 5,
+            }),
+          ],
+        ])
+        expectSummaries('should deduplicate the users', {}, [
+          makeSummary({
+            users: [{ id: 'user1' }],
+            startTs: 0,
+            endTs: 30,
+            fromV: 4,
+            toV: 6,
+          }),
+        ])
+      })
+
+      describe('duplicate updates with the same v2 user', function () {
+        setupChunks([
+          [
+            makeUpdate({
+              users: ['user1'],
+              startTs: 0,
+              v: 4,
+            }),
+            makeUpdate({
+              users: ['user1'],
+              startTs: 20,
+              v: 5,
+            }),
+          ],
+        ])
+        expectSummaries('should deduplicate the users', {}, [
+          makeSummary({
+            users: ['user1'],
+            startTs: 0,
+            endTs: 30,
+            fromV: 4,
+            toV: 6,
+          }),
+        ])
+      })
+
+      describe('mixed v1 and v2 users with the same id', function () {
+        setupChunks([
+          [
+            makeUpdate({
+              users: ['user1'],
+              startTs: 0,
+              v: 4,
+            }),
+            makeUpdate({
+              users: [{ id: 'user1' }],
+              startTs: 20,
+              v: 5,
+            }),
+          ],
+        ])
+        expectSummaries('should deduplicate the users', {}, [
+          makeSummary({
+            users: [{ id: 'user1' }],
+            startTs: 0,
+            endTs: 30,
+            fromV: 4,
+            toV: 6,
+          }),
+        ])
+      })
+
+      describe('project ops in mergeable updates', function () {
+        setupChunks([
+          [
+            makeUpdate({
+              pathnames: [],
+              projectOps: [
+                { rename: { pathname: 'C.tex', newPathname: 'D.tex' } },
+              ],
+              users: ['user2'],
+              startTs: 0,
+              v: 4,
+            }),
+            makeUpdate({
+              pathnames: [],
+              projectOps: [
+                { rename: { pathname: 'A.tex', newPathname: 'B.tex' } },
+              ],
+              users: ['user1'],
+              startTs: 20,
+              v: 5,
+            }),
+          ],
+        ])
+        expectSummaries('should merge project ops', {}, [
+          makeSummary({
+            pathnames: [],
+            projectOps: [
+              {
+                atV: 5,
+                rename: {
+                  pathname: 'A.tex',
+                  newPathname: 'B.tex',
+                },
+              },
+              {
+                atV: 4,
+                rename: {
+                  pathname: 'C.tex',
+                  newPathname: 'D.tex',
+                },
+              },
+            ],
+            users: ['user1', 'user2'],
+            startTs: 0,
+            endTs: 30,
+            fromV: 4,
+            toV: 6,
+          }),
+        ])
+      })
+
+      describe('mergable updates with a mix of project ops and doc ops', function () {
+        setupChunks([
+          [
+            makeUpdate({
+              pathnames: ['main.tex'],
+              users: ['user1'],
+              startTs: 0,
+              v: 4,
+            }),
+            makeUpdate({
+              pathnames: [],
+              users: ['user2'],
+              projectOps: [
+                { rename: { pathname: 'A.tex', newPathname: 'B.tex' } },
+              ],
+              startTs: 20,
+              v: 5,
+            }),
+            makeUpdate({
+              pathnames: ['chapter.tex'],
+              users: ['user2'],
+              startTs: 40,
+              v: 6,
+            }),
+          ],
+        ])
+        expectSummaries('should keep updates separate', {}, [
+          makeSummary({
+            pathnames: ['chapter.tex'],
+            users: ['user2'],
+            startTs: 40,
+            fromV: 6,
+          }),
+          makeSummary({
+            pathnames: [],
+            users: ['user2'],
+            projectOps: [
+              { atV: 5, rename: { pathname: 'A.tex', newPathname: 'B.tex' } },
+            ],
+            startTs: 20,
+            fromV: 5,
+          }),
+          makeSummary({
+            pathnames: ['main.tex'],
+            users: ['user1'],
+            startTs: 0,
+            fromV: 4,
+          }),
+        ])
+      })
+
+      describe('label on an update', function () {
+        const label = {
+          id: 'mock-id',
+          comment: 'an example comment',
+          version: 5,
+        }
+        setupChunks([
+          [
+            makeUpdate({ startTs: 0, v: 3 }),
+            makeUpdate({ startTs: 20, v: 4 }),
+            makeUpdate({ startTs: 40, v: 5 }),
+            makeUpdate({ startTs: 60, v: 6 }),
+          ],
+        ])
+        setupLabels([label])
+
+        expectSummaries('should split the updates at the label', {}, [
+          makeSummary({ startTs: 40, endTs: 70, fromV: 5, toV: 7 }),
+          makeSummary({
+            startTs: 0,
+            endTs: 30,
+            fromV: 3,
+            toV: 5,
+            labels: [label],
+          }),
+        ])
+      })
+
+      describe('updates with origin', function () {
+        setupChunks([
+          [
+            makeUpdate({ startTs: 0, v: 1 }),
+            makeUpdate({ startTs: 10, v: 2 }),
+            makeUpdate({
+              startTs: 20,
+              v: 3,
+              origin: { kind: 'history-resync' },
+            }),
+            makeUpdate({
+              startTs: 30,
+              v: 4,
+              origin: { kind: 'history-resync' },
+            }),
+            makeUpdate({ startTs: 40, v: 5 }),
+            makeUpdate({ startTs: 50, v: 6 }),
+          ],
+        ])
+
+        expectSummaries(
+          'should split the updates where the origin appears or disappears',
+          {},
+          [
+            makeSummary({ startTs: 40, endTs: 60, fromV: 5, toV: 7 }),
+            makeSummary({
+              startTs: 20,
+              endTs: 40,
+              fromV: 3,
+              toV: 5,
+              origin: { kind: 'history-resync' },
+            }),
+            makeSummary({ startTs: 0, endTs: 20, fromV: 1, toV: 3 }),
+          ]
+        )
+      })
+
+      describe('updates with different origins', function () {
+        setupChunks([
+          [
+            makeUpdate({ startTs: 0, v: 1, origin: { kind: 'origin-a' } }),
+            makeUpdate({ startTs: 10, v: 2, origin: { kind: 'origin-a' } }),
+            makeUpdate({ startTs: 20, v: 3, origin: { kind: 'origin-b' } }),
+            makeUpdate({ startTs: 30, v: 4, origin: { kind: 'origin-b' } }),
+          ],
+        ])
+        expectSummaries(
+          'should split the updates when the origin kind changes',
+          {},
+          [
+            makeSummary({
+              startTs: 20,
+              endTs: 40,
+              fromV: 3,
+              toV: 5,
+              origin: { kind: 'origin-b' },
+            }),
+            makeSummary({
+              startTs: 0,
+              endTs: 20,
+              fromV: 1,
+              toV: 3,
+              origin: { kind: 'origin-a' },
+            }),
+          ]
+        )
+      })
+
+      describe('empty updates', function () {
+        setupChunks([
+          [
+            makeUpdate({ startTs: 0, v: 1, pathnames: ['main.tex'] }),
+            makeUpdate({ startTs: 10, v: 2, pathnames: [] }),
+            makeUpdate({ startTs: 20, v: 3, pathnames: ['main.tex'] }),
+            makeUpdate({ startTs: 30, v: 4, pathnames: [] }),
+            makeUpdate({ startTs: 40, v: 5, pathnames: [] }),
+          ],
+          [
+            makeUpdate({ startTs: 50, v: 6, pathnames: [] }),
+            makeUpdate({ startTs: LATER, v: 7, pathnames: [] }),
+            makeUpdate({ startTs: LATER + 10, v: 8, pathnames: ['main.tex'] }),
+            makeUpdate({ startTs: LATER + 20, v: 9, pathnames: ['main.tex'] }),
+            makeUpdate({ startTs: LATER + 30, v: 10, pathnames: [] }),
+          ],
+        ])
+
+        expectSummaries('should skip empty updates', {}, [
+          makeSummary({
+            startTs: LATER + 10,
+            endTs: LATER + 30,
+            fromV: 8,
+            toV: 11,
+          }),
+          makeSummary({ startTs: 0, endTs: 30, fromV: 1, toV: 8 }),
+        ])
+      })
+
+      describe('history resync updates', function () {
+        setupChunks([
+          [
+            makeUpdate({
+              startTs: 0,
+              v: 1,
+              origin: { kind: 'history-resync' },
+              projectOps: [{ add: { pathname: 'file1.tex' } }],
+              pathnames: [],
+            }),
+            makeUpdate({
+              startTs: 20,
+              v: 2,
+              origin: { kind: 'history-resync' },
+              projectOps: [
+                { add: { pathname: 'file2.tex' } },
+                { add: { pathname: 'file3.tex' } },
+              ],
+              pathnames: [],
+            }),
+            makeUpdate({
+              startTs: 40,
+              v: 3,
+              origin: { kind: 'history-resync' },
+              projectOps: [{ add: { pathname: 'file4.tex' } }],
+              pathnames: [],
+            }),
+            makeUpdate({
+              startTs: 60,
+              v: 4,
+              origin: { kind: 'history-resync' },
+              projectOps: [],
+              pathnames: ['file1.tex', 'file2.tex', 'file5.tex'],
+            }),
+            makeUpdate({
+              startTs: 80,
+              v: 5,
+              origin: { kind: 'history-resync' },
+              projectOps: [],
+              pathnames: ['file4.tex'],
+            }),
+            makeUpdate({ startTs: 100, v: 6, pathnames: ['file1.tex'] }),
+          ],
+        ])
+        expectSummaries('should merge creates and edits', {}, [
+          makeSummary({
+            startTs: 100,
+            endTs: 110,
+            fromV: 6,
+            toV: 7,
+            pathnames: ['file1.tex'],
+          }),
+          makeSummary({
+            startTs: 0,
+            endTs: 90,
+            fromV: 1,
+            toV: 6,
+            origin: { kind: 'history-resync' },
+            pathnames: ['file5.tex'],
+            projectOps: [
+              { add: { pathname: 'file4.tex' }, atV: 3 },
+              { add: { pathname: 'file2.tex' }, atV: 2 },
+              { add: { pathname: 'file3.tex' }, atV: 2 },
+              { add: { pathname: 'file1.tex' }, atV: 1 },
+            ],
+          }),
+        ])
+      })
+    })
+  })
+})
+
+/**
+ * Set up mocks as if the project had a number of chunks.
+ *
+ * Each parameter represents a chunk and the value of the parameter is the list
+ * of updates in that chunk.
+ */
+function setupChunks(updatesByChunk) {
+  beforeEach('set up chunks', function () {
+    let startVersion = 0
+    for (let i = 0; i < updatesByChunk.length; i++) {
+      const updates = updatesByChunk[i]
+      const chunk = { chunk: { startVersion } }
+
+      // Find the chunk by any update version
+      for (const update of updates) {
+        this.HistoryStoreManager.getChunkAtVersion
+          .withArgs(this.projectId, this.historyId, update.v)
+          .yields(null, chunk)
+        startVersion = update.v
+      }
+
+      if (i === updatesByChunk.length - 1) {
+        this.HistoryStoreManager.getMostRecentChunk
+          .withArgs(this.projectId, this.historyId)
+          .yields(null, chunk)
+      }
+
+      this.ChunkTranslator.convertToSummarizedUpdates
+        .withArgs(chunk)
+        .yields(null, updates)
+    }
+  })
+}
+
+function setupLabels(labels) {
+  beforeEach('set up labels', function () {
+    this.LabelsManager.getLabels.withArgs(this.projectId).yields(null, labels)
+  })
+}
+
+function expectSummaries(description, options, expectedSummaries) {
+  it(`${description}`, function (done) {
+    this.SummarizedUpdatesManager.getSummarizedProjectUpdates(
+      this.projectId,
+      options,
+      (err, summaries) => {
+        if (err) {
+          return done(err)
+        }
+
+        // The order of the users array is not significant
+        for (const summary of summaries) {
+          summary.meta.users.sort()
+        }
+        for (const summary of expectedSummaries) {
+          summary.meta.users.sort()
+        }
+
+        expect(summaries).to.deep.equal(expectedSummaries)
+        done()
+      }
+    )
+  })
+}
+
+function makeUpdate(options = {}) {
+  const {
+    pathnames = ['main.tex'],
+    users = ['user1'],
+    projectOps = [],
+    startTs = 0,
+    endTs = startTs + 10,
+    v = 1,
+    origin,
+  } = options
+  const update = {
+    pathnames,
+    project_ops: projectOps,
+    meta: { users, start_ts: startTs, end_ts: endTs },
+    v,
+  }
+  if (origin) {
+    update.meta.origin = origin
+  }
+  return update
+}
+
+function makeSummary(options = {}) {
+  const {
+    pathnames = ['main.tex'],
+    users = ['user1'],
+    startTs = 0,
+    endTs = startTs + 10,
+    fromV = 1,
+    toV = fromV + 1,
+    labels = [],
+    projectOps = [],
+    origin,
+  } = options
+  const summary = {
+    pathnames: new Set(pathnames),
+    meta: {
+      users,
+      start_ts: startTs,
+      end_ts: endTs,
+    },
+    fromV,
+    toV,
+    labels,
+    project_ops: projectOps,
+  }
+  if (origin) {
+    summary.meta.origin = origin
+  }
+  return summary
+}
diff --git a/services/project-history/test/unit/js/SyncManager/SyncManagerTests.js b/services/project-history/test/unit/js/SyncManager/SyncManagerTests.js
new file mode 100644
index 0000000..1004ffd
--- /dev/null
+++ b/services/project-history/test/unit/js/SyncManager/SyncManagerTests.js
@@ -0,0 +1,2008 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import mongodb from 'mongodb-legacy'
+import tk from 'timekeeper'
+import { File, Comment, TrackedChange, Range } from 'overleaf-editor-core'
+import { strict as esmock } from 'esmock'
+const { ObjectId } = mongodb
+
+const MODULE_PATH = '../../../../app/js/SyncManager.js'
+const TIMESTAMP = new Date().toISOString()
+const USER_ID = 'user-id'
+
+function resyncProjectStructureUpdate(docs, files) {
+  return {
+    resyncProjectStructure: { docs, files },
+
+    meta: {
+      ts: TIMESTAMP,
+    },
+  }
+}
+
+function docContentSyncUpdate(
+  doc,
+  content,
+  ranges = {},
+  resolvedCommentIds = []
+) {
+  return {
+    path: doc.path,
+    doc: doc.doc,
+
+    resyncDocContent: {
+      content,
+      ranges,
+      resolvedCommentIds,
+    },
+
+    meta: {
+      ts: TIMESTAMP,
+    },
+  }
+}
+
+function makeComment(commentId, pos, text) {
+  return {
+    id: commentId,
+    op: { p: pos, c: text, t: commentId },
+    metadata: {
+      user_id: USER_ID,
+      ts: TIMESTAMP,
+    },
+  }
+}
+
+function makeTrackedChange(id, op) {
+  return {
+    id,
+    op,
+    metadata: { user_id: USER_ID, ts: TIMESTAMP },
+  }
+}
+
+describe('SyncManager', function () {
+  beforeEach(async function () {
+    this.now = new Date()
+    tk.freeze(this.now)
+    this.projectId = new ObjectId().toString()
+    this.historyId = 'mock-overleaf-id'
+    this.syncState = { origin: { kind: 'history-resync' } }
+    this.db = {
+      projectHistorySyncState: {
+        findOne: sinon.stub().resolves(this.syncState),
+        updateOne: sinon.stub().resolves(),
+      },
+    }
+    this.extendLock = sinon.stub().resolves()
+
+    this.LockManager = {
+      promises: {
+        runWithLock: sinon.stub().callsFake(async (key, runner) => {
+          await runner(this.extendLock)
+        }),
+      },
+    }
+
+    this.UpdateCompressor = {
+      diffAsShareJsOps: sinon.stub().returns([]),
+    }
+
+    this.UpdateTranslator = {
+      isTextUpdate: sinon.stub(),
+      _convertPathname: sinon.stub(),
+    }
+
+    this.WebApiManager = {
+      promises: {
+        getHistoryId: sinon.stub(),
+        requestResync: sinon.stub().resolves(),
+      },
+    }
+    this.WebApiManager.promises.getHistoryId
+      .withArgs(this.projectId)
+      .resolves(this.historyId)
+
+    this.ErrorRecorder = {
+      promises: {
+        record: sinon.stub().resolves(),
+        recordSyncStart: sinon.stub().resolves(),
+      },
+    }
+
+    this.RedisManager = {}
+
+    this.SnapshotManager = {
+      promises: {
+        getLatestSnapshotFilesForChunk: sinon.stub(),
+      },
+    }
+
+    this.HistoryStoreManager = {
+      getBlobStore: sinon.stub(),
+      _getBlobHashFromString: sinon.stub().returns('random-hash'),
+    }
+
+    this.HashManager = {
+      _getBlobHashFromString: sinon.stub(),
+    }
+
+    this.Metrics = { inc: sinon.stub() }
+
+    this.Settings = {
+      redis: {
+        lock: {
+          key_schema: {
+            projectHistoryLock({ project_id: projectId }) {
+              return `ProjectHistoryLock:${projectId}`
+            },
+          },
+        },
+      },
+    }
+
+    this.SyncManager = await esmock(MODULE_PATH, {
+      '../../../../app/js/LockManager.js': this.LockManager,
+      '../../../../app/js/UpdateCompressor.js': this.UpdateCompressor,
+      '../../../../app/js/UpdateTranslator.js': this.UpdateTranslator,
+      '../../../../app/js/mongodb.js': { ObjectId, db: this.db },
+      '../../../../app/js/WebApiManager.js': this.WebApiManager,
+      '../../../../app/js/ErrorRecorder.js': this.ErrorRecorder,
+      '../../../../app/js/RedisManager.js': this.RedisManager,
+      '../../../../app/js/SnapshotManager.js': this.SnapshotManager,
+      '../../../../app/js/HistoryStoreManager.js': this.HistoryStoreManager,
+      '../../../../app/js/HashManager.js': this.HashManager,
+      '@overleaf/metrics': this.Metrics,
+      '@overleaf/settings': this.Settings,
+    })
+  })
+
+  afterEach(function () {
+    tk.reset()
+  })
+
+  describe('startResync', function () {
+    describe('if a sync is not in progress', function () {
+      beforeEach(async function () {
+        this.db.projectHistorySyncState.findOne.resolves({})
+        await this.SyncManager.promises.startResync(this.projectId)
+      })
+
+      it('takes the project lock', function () {
+        expect(this.LockManager.promises.runWithLock).to.have.been.calledWith(
+          `ProjectHistoryLock:${this.projectId}`
+        )
+      })
+
+      it('gets the sync state from mongo', function () {
+        expect(this.db.projectHistorySyncState.findOne).to.have.been.calledWith(
+          { project_id: new ObjectId(this.projectId) }
+        )
+      })
+
+      it('requests a resync from web', function () {
+        expect(
+          this.WebApiManager.promises.requestResync
+        ).to.have.been.calledWith(this.projectId)
+      })
+
+      it('sets the sync state in mongo and prevents it expiring', function () {
+        expect(
+          this.db.projectHistorySyncState.updateOne
+        ).to.have.been.calledWith(
+          {
+            project_id: new ObjectId(this.projectId),
+          },
+          sinon.match({
+            $set: {
+              resyncProjectStructure: true,
+              resyncDocContents: [],
+              origin: { kind: 'history-resync' },
+            },
+            $currentDate: { lastUpdated: true },
+            $inc: { resyncCount: 1 },
+            $unset: { expiresAt: true },
+          }),
+          {
+            upsert: true,
+          }
+        )
+      })
+    })
+
+    describe('if project structure sync is in progress', function () {
+      beforeEach(function () {
+        const syncState = { resyncProjectStructure: true }
+        this.db.projectHistorySyncState.findOne.resolves(syncState)
+      })
+
+      it('returns an error if already syncing', async function () {
+        await expect(
+          this.SyncManager.promises.startResync(this.projectId)
+        ).to.be.rejectedWith('sync ongoing')
+      })
+    })
+
+    describe('if doc content sync in is progress', function () {
+      beforeEach(async function () {
+        const syncState = { resyncDocContents: ['/foo.tex'] }
+        this.db.projectHistorySyncState.findOne.resolves(syncState)
+      })
+
+      it('returns an error if already syncing', async function () {
+        await expect(
+          this.SyncManager.promises.startResync(this.projectId)
+        ).to.be.rejectedWith('sync ongoing')
+      })
+    })
+  })
+
+  describe('setResyncState', function () {
+    describe('when the sync is starting', function () {
+      beforeEach(function () {
+        this.syncState = {
+          toRaw() {
+            return {
+              resyncProjectStructure: true,
+              resyncDocContents: [],
+              origin: { kind: 'history-resync' },
+            }
+          },
+          isSyncOngoing: sinon.stub().returns(true),
+        }
+      })
+
+      it('sets the sync state in mongo and prevents it expiring', async function () {
+        // SyncState is a private class of SyncManager
+        // we know the interface however:
+        await this.SyncManager.promises.setResyncState(
+          this.projectId,
+          this.syncState
+        )
+
+        expect(
+          this.db.projectHistorySyncState.updateOne
+        ).to.have.been.calledWith(
+          { project_id: new ObjectId(this.projectId) },
+          sinon.match({
+            $set: this.syncState.toRaw(),
+            $currentDate: { lastUpdated: true },
+            $inc: { resyncCount: 1 },
+            $unset: { expiresAt: true },
+          }),
+          { upsert: true }
+        )
+      })
+    })
+
+    describe('when the sync is ending', function () {
+      beforeEach(function () {
+        this.syncState = {
+          toRaw() {
+            return {
+              resyncProjectStructure: false,
+              resyncDocContents: [],
+              origin: { kind: 'history-resync' },
+            }
+          },
+          isSyncOngoing: sinon.stub().returns(false),
+        }
+      })
+
+      it('sets the sync state entry in mongo to expire', async function () {
+        await this.SyncManager.promises.setResyncState(
+          this.projectId,
+          this.syncState
+        )
+
+        expect(
+          this.db.projectHistorySyncState.updateOne
+        ).to.have.been.calledWith(
+          { project_id: new ObjectId(this.projectId) },
+          sinon.match({
+            $set: {
+              resyncProjectStructure: false,
+              resyncDocContents: [],
+              origin: { kind: 'history-resync' },
+              expiresAt: new Date(this.now.getTime() + 90 * 24 * 3600 * 1000),
+            },
+            $currentDate: { lastUpdated: true },
+          }),
+          { upsert: true }
+        )
+      })
+    })
+
+    describe('when the new sync state is null', function () {
+      it('does not update the sync state in mongo', async function () {
+        // SyncState is a private class of SyncManager
+        // we know the interface however:
+        await this.SyncManager.promises.setResyncState(this.projectId, null)
+        expect(this.db.projectHistorySyncState.updateOne).to.not.have.been
+          .called
+      })
+    })
+  })
+
+  describe('skipUpdatesDuringSync', function () {
+    describe('if a sync is not in progress', function () {
+      beforeEach(async function () {
+        this.db.projectHistorySyncState.findOne.resolves({})
+        this.updates = ['some', 'mock', 'updates']
+        this.result = await this.SyncManager.promises.skipUpdatesDuringSync(
+          this.projectId,
+          this.updates
+        )
+      })
+
+      it('returns all updates', function () {
+        expect(this.result.updates).to.deep.equal(this.updates)
+      })
+
+      it('should not return any newSyncState', function () {
+        expect(this.result.syncState).to.be.null
+      })
+    })
+
+    describe('if a sync in is progress', function () {
+      beforeEach(function () {
+        this.renameUpdate = {
+          pathname: 'old.tex',
+          newPathname: 'new.tex',
+        }
+        this.projectStructureSyncUpdate = {
+          resyncProjectStructure: {
+            docs: [{ path: 'new.tex' }],
+            files: [],
+          },
+        }
+        this.textUpdate = {
+          doc: new ObjectId(),
+          op: [{ i: 'a', p: 4 }],
+          meta: {
+            pathname: 'new.tex',
+            doc_length: 4,
+          },
+        }
+        this.docContentSyncUpdate = {
+          path: 'new.tex',
+          resyncDocContent: {
+            content: 'a',
+          },
+        }
+        this.UpdateTranslator.isTextUpdate
+          .withArgs(this.renameUpdate)
+          .returns(false)
+        this.UpdateTranslator.isTextUpdate
+          .withArgs(this.projectStructureSyncUpdate)
+          .returns(false)
+        this.UpdateTranslator.isTextUpdate
+          .withArgs(this.docContentSyncUpdate)
+          .returns(false)
+        this.UpdateTranslator.isTextUpdate
+          .withArgs(this.textUpdate)
+          .returns(true)
+
+        const syncState = {
+          resyncProjectStructure: true,
+          resyncDocContents: [],
+          origin: { kind: 'history-resync' },
+        }
+        this.db.projectHistorySyncState.findOne.resolves(syncState)
+      })
+
+      it('remove updates before a project structure sync update', async function () {
+        const updates = [
+          this.renameUpdate,
+          this.textUpdate,
+          this.projectStructureSyncUpdate,
+        ]
+        const { updates: filteredUpdates, syncState } =
+          await this.SyncManager.promises.skipUpdatesDuringSync(
+            this.projectId,
+            updates
+          )
+
+        expect(filteredUpdates).to.deep.equal([this.projectStructureSyncUpdate])
+        expect(syncState.toRaw()).to.deep.equal({
+          resyncProjectStructure: false,
+          resyncDocContents: ['new.tex'],
+          origin: { kind: 'history-resync' },
+        })
+      })
+
+      it('records docs to resync when resyncProjectStructureOnly=true is not set', async function () {
+        const updates = [this.projectStructureSyncUpdate]
+        const { updates: filteredUpdates, syncState } =
+          await this.SyncManager.promises.skipUpdatesDuringSync(
+            this.projectId,
+            updates
+          )
+
+        expect(filteredUpdates).to.deep.equal([this.projectStructureSyncUpdate])
+        expect(syncState.toRaw()).to.deep.equal({
+          resyncProjectStructure: false,
+          resyncDocContents: ['new.tex'],
+          origin: { kind: 'history-resync' },
+        })
+      })
+
+      it('records no docs to resync with resyncProjectStructureOnly=true', async function () {
+        this.projectStructureSyncUpdate.resyncProjectStructureOnly = true
+        const updates = [this.projectStructureSyncUpdate]
+        const { updates: filteredUpdates, syncState } =
+          await this.SyncManager.promises.skipUpdatesDuringSync(
+            this.projectId,
+            updates
+          )
+
+        expect(filteredUpdates).to.deep.equal([this.projectStructureSyncUpdate])
+        expect(syncState.toRaw()).to.deep.equal({
+          resyncProjectStructure: false,
+          resyncDocContents: [],
+          origin: { kind: 'history-resync' },
+        })
+      })
+
+      it('allow project structure updates after project structure sync update', async function () {
+        const updates = [this.projectStructureSyncUpdate, this.renameUpdate]
+        const { updates: filteredUpdates, syncState } =
+          await this.SyncManager.promises.skipUpdatesDuringSync(
+            this.projectId,
+            updates
+          )
+
+        expect(filteredUpdates).to.deep.equal([
+          this.projectStructureSyncUpdate,
+          this.renameUpdate,
+        ])
+        expect(syncState.toRaw()).to.deep.equal({
+          resyncProjectStructure: false,
+          resyncDocContents: ['new.tex'],
+          origin: { kind: 'history-resync' },
+        })
+      })
+
+      it('remove text updates for a doc before doc sync update', async function () {
+        const updates = [
+          this.projectStructureSyncUpdate,
+          this.textUpdate,
+          this.docContentSyncUpdate,
+        ]
+        const { updates: filteredUpdates, syncState } =
+          await this.SyncManager.promises.skipUpdatesDuringSync(
+            this.projectId,
+            updates
+          )
+
+        expect(filteredUpdates).to.deep.equal([
+          this.projectStructureSyncUpdate,
+          this.docContentSyncUpdate,
+        ])
+        expect(syncState.toRaw()).to.deep.equal({
+          resyncProjectStructure: false,
+          resyncDocContents: [],
+          origin: { kind: 'history-resync' },
+        })
+      })
+
+      it('allow text updates for a doc after doc sync update', async function () {
+        const updates = [
+          this.projectStructureSyncUpdate,
+          this.docContentSyncUpdate,
+          this.textUpdate,
+        ]
+        const { updates: filteredUpdates, syncState } =
+          await this.SyncManager.promises.skipUpdatesDuringSync(
+            this.projectId,
+            updates
+          )
+
+        expect(filteredUpdates).to.deep.equal([
+          this.projectStructureSyncUpdate,
+          this.docContentSyncUpdate,
+          this.textUpdate,
+        ])
+        expect(syncState.toRaw()).to.deep.equal({
+          resyncProjectStructure: false,
+          resyncDocContents: [],
+          origin: { kind: 'history-resync' },
+        })
+      })
+    })
+  })
+
+  describe('expandSyncUpdates', function () {
+    beforeEach(function () {
+      this.persistedDoc = {
+        doc: 'doc-id',
+        path: 'main.tex',
+      }
+      this.persistedDocContent = 'the quick brown fox jumps over the lazy dog'
+      this.persistedFile = {
+        file: 'file-id',
+        path: '1.png',
+        _hash: 'abcde',
+      }
+      this.loadedSnapshotDoc = File.fromString(this.persistedDocContent)
+      this.mostRecentChunk = 'fake chunk'
+      this.fileMap = {
+        'main.tex': {
+          isEditable: sinon.stub().returns(true),
+          getContent: sinon.stub().returns(null),
+          getHash: sinon.stub().returns(null),
+          load: sinon.stub().resolves(this.loadedSnapshotDoc),
+          getMetadata: sinon.stub().returns({}),
+        },
+        '1.png': {
+          isEditable: sinon.stub().returns(false),
+          data: { hash: this.persistedFile._hash },
+          getMetadata: sinon.stub().returns({}),
+        },
+      }
+      this.UpdateTranslator._convertPathname
+        .withArgs('main.tex')
+        .returns('main.tex')
+      this.UpdateTranslator._convertPathname
+        .withArgs('/main.tex')
+        .returns('main.tex')
+      this.UpdateTranslator._convertPathname
+        .withArgs('another.tex')
+        .returns('another.tex')
+      this.UpdateTranslator._convertPathname.withArgs('1.png').returns('1.png')
+      this.UpdateTranslator._convertPathname.withArgs('2.png').returns('2.png')
+      this.SnapshotManager.promises.getLatestSnapshotFilesForChunk.resolves(
+        this.fileMap
+      )
+    })
+
+    it('returns updates if no sync updates are queued', async function () {
+      const updates = ['some', 'mock', 'updates']
+      const expandedUpdates = await this.SyncManager.promises.expandSyncUpdates(
+        this.projectId,
+        this.historyId,
+        this.mostRecentChunk,
+        updates,
+        this.extendLock
+      )
+
+      expect(expandedUpdates).to.equal(updates)
+      expect(this.SnapshotManager.promises.getLatestSnapshotFilesForChunk).to
+        .not.have.been.called
+      expect(this.extendLock).to.not.have.been.called
+    })
+
+    describe('expanding project structure sync updates', function () {
+      it('queues nothing for expected docs and files', async function () {
+        const updates = [
+          resyncProjectStructureUpdate(
+            [this.persistedDoc],
+            [this.persistedFile]
+          ),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+        expect(expandedUpdates).to.deep.equal([])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('queues file removes for unexpected files', async function () {
+        const updates = [resyncProjectStructureUpdate([this.persistedDoc], [])]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([
+          {
+            pathname: this.persistedFile.path,
+            new_pathname: '',
+            meta: {
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+        ])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('queues doc removes for unexpected docs', async function () {
+        const updates = [resyncProjectStructureUpdate([], [this.persistedFile])]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([
+          {
+            pathname: this.persistedDoc.path,
+            new_pathname: '',
+            meta: {
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+        ])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('queues file additions for missing regular files', async function () {
+        const newFile = {
+          path: '2.png',
+          file: {},
+          url: 'filestore/2.png',
+          _hash: 'hash-42',
+        }
+        const updates = [
+          resyncProjectStructureUpdate(
+            [this.persistedDoc],
+            [this.persistedFile, newFile]
+          ),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([
+          {
+            pathname: newFile.path,
+            file: newFile.file,
+            url: newFile.url,
+            hash: 'hash-42',
+            meta: {
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+        ])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('queues file additions for missing regular files w/o url', async function () {
+        const newFile = {
+          path: '2.png',
+          file: {},
+          _hash: 'hash-42',
+          createdBlob: true,
+        }
+        const updates = [
+          resyncProjectStructureUpdate(
+            [this.persistedDoc],
+            [this.persistedFile, newFile]
+          ),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([
+          {
+            pathname: newFile.path,
+            file: newFile.file,
+            hash: 'hash-42',
+            createdBlob: true,
+            meta: {
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+        ])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('queues file additions for missing linked files', async function () {
+        const newFile = {
+          path: '2.png',
+          file: {},
+          url: 'filestore/2.png',
+          metadata: {
+            importedAt: '2024-07-30T09:14:45.928Z',
+            provider: 'references-provider',
+          },
+          _hash: 'hash-42',
+        }
+        const updates = [
+          resyncProjectStructureUpdate(
+            [this.persistedDoc],
+            [this.persistedFile, newFile]
+          ),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([
+          {
+            pathname: newFile.path,
+            file: newFile.file,
+            url: newFile.url,
+            hash: 'hash-42',
+            metadata: {
+              importedAt: '2024-07-30T09:14:45.928Z',
+              provider: 'references-provider',
+            },
+            meta: {
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+        ])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('queues blank doc additions for missing docs', async function () {
+        const newDoc = {
+          path: 'another.tex',
+          doc: new ObjectId().toString(),
+        }
+        const updates = [
+          resyncProjectStructureUpdate(
+            [this.persistedDoc, newDoc],
+            [this.persistedFile]
+          ),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([
+          {
+            pathname: newDoc.path,
+            doc: newDoc.doc,
+            docLines: '',
+            meta: {
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+        ])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('removes and re-adds files if whether they are binary differs', async function () {
+        const fileWichWasADoc = {
+          path: this.persistedDoc.path,
+          url: 'filestore/2.png',
+          _hash: 'other-hash',
+        }
+
+        const updates = [
+          resyncProjectStructureUpdate(
+            [],
+            [fileWichWasADoc, this.persistedFile]
+          ),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([
+          {
+            pathname: fileWichWasADoc.path,
+            new_pathname: '',
+            meta: {
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+          {
+            pathname: fileWichWasADoc.path,
+            file: fileWichWasADoc.file,
+            url: fileWichWasADoc.url,
+            hash: 'other-hash',
+            meta: {
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+        ])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('removes and re-adds linked-files if their binary state differs', async function () {
+        const fileWhichWasADoc = {
+          path: this.persistedDoc.path,
+          url: 'filestore/references.txt',
+          _hash: 'other-hash',
+          metadata: {
+            importedAt: '2024-07-30T09:14:45.928Z',
+            provider: 'references-provider',
+          },
+        }
+
+        const updates = [
+          resyncProjectStructureUpdate(
+            [],
+            [fileWhichWasADoc, this.persistedFile]
+          ),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([
+          {
+            pathname: fileWhichWasADoc.path,
+            new_pathname: '',
+            meta: {
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+          {
+            pathname: fileWhichWasADoc.path,
+            file: fileWhichWasADoc.file,
+            url: fileWhichWasADoc.url,
+            hash: 'other-hash',
+            metadata: {
+              importedAt: '2024-07-30T09:14:45.928Z',
+              provider: 'references-provider',
+            },
+            meta: {
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+        ])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('add linked file data with same hash', async function () {
+        const nowLinkedFile = {
+          path: this.persistedFile.path,
+          url: 'filestore/1.png',
+          _hash: this.persistedFile._hash,
+          metadata: {
+            importedAt: '2024-07-30T09:14:45.928Z',
+            provider: 'image-provider',
+          },
+        }
+
+        const updates = [
+          resyncProjectStructureUpdate([this.persistedDoc], [nowLinkedFile]),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([
+          {
+            pathname: nowLinkedFile.path,
+            metadata: {
+              importedAt: '2024-07-30T09:14:45.928Z',
+              provider: 'image-provider',
+            },
+            meta: {
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+        ])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('updates linked file data when hash remains the same', async function () {
+        this.fileMap[this.persistedFile.path].getMetadata.returns({
+          importedAt: '2024-07-30T09:14:45.928Z',
+          provider: 'image-provider',
+        })
+        const updatedLinkedFile = {
+          path: this.persistedFile.path,
+          url: 'filestore/1.png',
+          _hash: this.persistedFile._hash,
+          metadata: {
+            importedAt: '2024-07-31T00:00:00.000Z',
+            provider: 'image-provider',
+          },
+        }
+
+        const updates = [
+          resyncProjectStructureUpdate(
+            [this.persistedDoc],
+            [updatedLinkedFile]
+          ),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([
+          {
+            pathname: updatedLinkedFile.path,
+            metadata: {
+              importedAt: '2024-07-31T00:00:00.000Z',
+              provider: 'image-provider',
+            },
+            meta: {
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+        ])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('remove linked file data', async function () {
+        this.fileMap[this.persistedFile.path].getMetadata.returns({
+          importedAt: '2024-07-30T09:14:45.928Z',
+          provider: 'image-provider',
+        })
+
+        const noLongerLinkedFile = {
+          path: this.persistedFile.path,
+          url: 'filestore/1.png',
+          _hash: this.persistedFile._hash,
+        }
+
+        const updates = [
+          resyncProjectStructureUpdate(
+            [this.persistedDoc],
+            [noLongerLinkedFile]
+          ),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([
+          {
+            pathname: noLongerLinkedFile.path,
+            metadata: {},
+            meta: {
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+        ])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it("does not remove and re-add files if the expected file doesn't have a hash", async function () {
+        const fileWichWasADoc = {
+          path: this.persistedDoc.path,
+          url: 'filestore/2.png',
+        }
+
+        const updates = [
+          resyncProjectStructureUpdate(
+            [],
+            [fileWichWasADoc, this.persistedFile]
+          ),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('does not remove and re-add editable files if there is a binary file with same hash', async function () {
+        const binaryFile = {
+          file: Object().toString(),
+          // The paths in the resyncProjectStructureUpdate must have a leading slash ('/')
+          // The other unit tests in this file are incorrectly missing the leading slash.
+          // The leading slash is present in web where the paths are created with
+          // ProjectEntityHandler.getAllEntitiesFromProject in ProjectEntityUpdateHandler.resyncProjectHistory.
+          path: '/' + this.persistedDoc.path,
+          url: 'filestore/12345',
+          _hash: 'abcdef',
+        }
+        this.fileMap['main.tex'].data = { hash: 'abcdef' }
+
+        const updates = [
+          resyncProjectStructureUpdate([], [binaryFile, this.persistedFile]),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('removes and re-adds binary files if they do not have same hash', async function () {
+        const persistedFileWithNewContent = {
+          _hash: 'anotherhashvalue',
+          hello: 'world',
+          path: '1.png',
+          url: 'filestore-new-url',
+        }
+        const updates = [
+          resyncProjectStructureUpdate(
+            [this.persistedDoc],
+            [persistedFileWithNewContent]
+          ),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([
+          {
+            pathname: persistedFileWithNewContent.path,
+            new_pathname: '',
+            meta: {
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+          {
+            pathname: persistedFileWithNewContent.path,
+            file: persistedFileWithNewContent.file,
+            url: persistedFileWithNewContent.url,
+            hash: 'anotherhashvalue',
+            meta: {
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+        ])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('removes and re-adds binary files w/o url if they do not have same hash', async function () {
+        const persistedFileWithNewContent = {
+          _hash: 'anotherhashvalue',
+          hello: 'world',
+          path: '1.png',
+          createdBlob: true,
+        }
+        const updates = [
+          resyncProjectStructureUpdate(
+            [this.persistedDoc],
+            [persistedFileWithNewContent]
+          ),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([
+          {
+            pathname: persistedFileWithNewContent.path,
+            new_pathname: '',
+            meta: {
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+          {
+            pathname: persistedFileWithNewContent.path,
+            file: persistedFileWithNewContent.file,
+            hash: 'anotherhashvalue',
+            createdBlob: true,
+            meta: {
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+        ])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('preserves other updates', async function () {
+        const update = { mock: 'update' }
+        const updates = [
+          update,
+          resyncProjectStructureUpdate(
+            [this.persistedDoc],
+            [this.persistedFile]
+          ),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([update])
+        expect(this.extendLock).to.have.been.called
+      })
+    })
+
+    describe('expanding doc contents sync updates', function () {
+      it('returns errors from diffAsShareJsOps', async function () {
+        const diffError = new Error('test')
+        this.UpdateCompressor.diffAsShareJsOps.throws(diffError)
+        const updates = [
+          resyncProjectStructureUpdate(
+            [this.persistedDoc],
+            [this.persistedFile]
+          ),
+          docContentSyncUpdate(this.persistedDoc, this.persistedDocContent),
+        ]
+        await expect(
+          this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+        ).to.be.rejectedWith(diffError)
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('handles an update for a file that is missing from the snapshot', async function () {
+        const updates = [docContentSyncUpdate('not-in-snapshot.txt', 'test')]
+        await expect(
+          this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+        ).to.be.rejectedWith('unrecognised file: not in snapshot')
+      })
+
+      it('queues nothing for in docs whose contents is in sync', async function () {
+        const updates = [
+          resyncProjectStructureUpdate(
+            [this.persistedDoc],
+            [this.persistedFile]
+          ),
+          docContentSyncUpdate(this.persistedDoc, this.persistedDocContent),
+        ]
+        this.UpdateCompressor.diffAsShareJsOps.returns([])
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('queues text updates for docs whose contents is out of sync', async function () {
+        const updates = [
+          resyncProjectStructureUpdate(
+            [this.persistedDoc],
+            [this.persistedFile]
+          ),
+          docContentSyncUpdate(
+            this.persistedDoc,
+            'the fox jumps over the lazy dog'
+          ),
+        ]
+        this.UpdateCompressor.diffAsShareJsOps.returns([
+          { d: 'quick brown ', p: 4 },
+        ])
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([
+          {
+            doc: this.persistedDoc.doc,
+            op: [{ d: 'quick brown ', p: 4 }],
+            meta: {
+              pathname: this.persistedDoc.path,
+              doc_length: this.persistedDocContent.length,
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+        ])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('queues text updates for docs created by project structure sync', async function () {
+        this.UpdateCompressor.diffAsShareJsOps.returns([{ i: 'a', p: 0 }])
+        const newDoc = {
+          path: 'another.tex',
+          doc: new ObjectId().toString(),
+        }
+        const newDocContent = 'a'
+        const updates = [
+          resyncProjectStructureUpdate(
+            [this.persistedDoc, newDoc],
+            [this.persistedFile]
+          ),
+          docContentSyncUpdate(newDoc, newDocContent),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([
+          {
+            pathname: newDoc.path,
+            doc: newDoc.doc,
+            docLines: '',
+            meta: {
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+          {
+            doc: newDoc.doc,
+            op: [{ i: 'a', p: 0 }],
+            meta: {
+              pathname: newDoc.path,
+              doc_length: 0,
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+        ])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('skips text updates for docs when hashes match', async function () {
+        this.fileMap['main.tex'].getHash.returns('special-hash')
+        this.HashManager._getBlobHashFromString.returns('special-hash')
+        const updates = [
+          resyncProjectStructureUpdate(
+            [this.persistedDoc],
+            [this.persistedFile]
+          ),
+          docContentSyncUpdate(this.persistedDoc, 'hello'),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      it('computes text updates for docs when hashes differ', async function () {
+        this.fileMap['main.tex'].getHash.returns('first-hash')
+        this.HashManager._getBlobHashFromString.returns('second-hash')
+        this.UpdateCompressor.diffAsShareJsOps.returns([
+          { i: 'test diff', p: 0 },
+        ])
+        const updates = [
+          resyncProjectStructureUpdate(
+            [this.persistedDoc],
+            [this.persistedFile]
+          ),
+          docContentSyncUpdate(this.persistedDoc, 'hello'),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([
+          {
+            doc: this.persistedDoc.doc,
+            op: [{ i: 'test diff', p: 0 }],
+            meta: {
+              pathname: this.persistedDoc.path,
+              doc_length: this.persistedDocContent.length,
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+        ])
+        expect(this.extendLock).to.have.been.called
+      })
+
+      describe('for docs whose contents is out of sync', function () {
+        beforeEach(async function () {
+          const updates = [
+            resyncProjectStructureUpdate(
+              [this.persistedDoc],
+              [this.persistedFile]
+            ),
+            docContentSyncUpdate(this.persistedDoc, 'the quick brown fox'),
+          ]
+          this.UpdateCompressor.diffAsShareJsOps.returns([
+            { d: ' jumps over the lazy dog', p: 19 },
+          ])
+          this.expandedUpdates =
+            await this.SyncManager.promises.expandSyncUpdates(
+              this.projectId,
+              this.historyId,
+              this.mostRecentChunk,
+              updates,
+              this.extendLock
+            )
+        })
+
+        it('loads content from the history service when needed', function () {
+          expect(this.expandedUpdates).to.deep.equal([
+            {
+              doc: this.persistedDoc.doc,
+              op: [{ d: ' jumps over the lazy dog', p: 19 }],
+              meta: {
+                pathname: this.persistedDoc.path,
+                doc_length: this.persistedDocContent.length,
+                resync: true,
+                ts: TIMESTAMP,
+                origin: { kind: 'history-resync' },
+              },
+            },
+          ])
+          expect(this.extendLock).to.have.been.called
+        })
+      })
+    })
+
+    describe('syncing comments', function () {
+      beforeEach(function () {
+        this.loadedSnapshotDoc
+          .getComments()
+          .add(new Comment('comment1', [new Range(4, 5)]))
+        this.loadedSnapshotDoc
+          .getComments()
+          .add(new Comment('comment2', [new Range(10, 5)], true))
+        this.comments = [
+          makeComment('comment1', 4, 'quick'),
+          makeComment('comment2', 10, 'brown'),
+        ]
+        this.resolvedCommentIds = ['comment2']
+      })
+
+      it('does nothing if comments have not changed', async function () {
+        const updates = [
+          docContentSyncUpdate(
+            this.persistedDoc,
+            this.persistedDocContent,
+            {
+              comments: this.comments,
+            },
+            this.resolvedCommentIds
+          ),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+        expect(expandedUpdates).to.deep.equal([])
+      })
+
+      it('adds missing comments', async function () {
+        this.comments.push(makeComment('comment3', 20, 'jumps'))
+        const updates = [
+          docContentSyncUpdate(
+            this.persistedDoc,
+            this.persistedDocContent,
+            {
+              comments: this.comments,
+            },
+            this.resolvedCommentIds
+          ),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+        expect(expandedUpdates).to.deep.equal([
+          {
+            doc: this.persistedDoc.doc,
+            op: [
+              {
+                c: 'jumps',
+                p: 20,
+                t: 'comment3',
+                resolved: false,
+              },
+            ],
+            meta: {
+              origin: {
+                kind: 'history-resync',
+              },
+              pathname: this.persistedDoc.path,
+              resync: true,
+              ts: TIMESTAMP,
+              doc_length: this.persistedDocContent.length,
+            },
+          },
+        ])
+      })
+
+      it('deletes extra comments', async function () {
+        this.comments.splice(0, 1)
+        const updates = [
+          docContentSyncUpdate(
+            this.persistedDoc,
+            this.persistedDocContent,
+            {
+              comments: this.comments,
+            },
+            this.resolvedCommentIds
+          ),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+        expect(expandedUpdates).to.deep.equal([
+          {
+            pathname: this.persistedDoc.path,
+            deleteComment: 'comment1',
+            meta: {
+              origin: {
+                kind: 'history-resync',
+              },
+              resync: true,
+              ts: TIMESTAMP,
+            },
+          },
+        ])
+      })
+
+      it('updates comments when ranges differ', async function () {
+        this.comments[1] = makeComment('comment2', 16, 'fox')
+        const updates = [
+          docContentSyncUpdate(
+            this.persistedDoc,
+            this.persistedDocContent,
+            {
+              comments: this.comments,
+            },
+            this.resolvedCommentIds
+          ),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+        expect(expandedUpdates).to.deep.equal([
+          {
+            doc: 'doc-id',
+            op: [
+              {
+                c: 'fox',
+                p: 16,
+                t: 'comment2',
+                resolved: true,
+              },
+            ],
+            meta: {
+              origin: {
+                kind: 'history-resync',
+              },
+              resync: true,
+              ts: TIMESTAMP,
+              pathname: this.persistedDoc.path,
+              doc_length: this.persistedDocContent.length,
+            },
+          },
+        ])
+      })
+
+      it('sets the resolved state when it differs', async function () {
+        this.resolvedCommentIds = ['comment1']
+        const updates = [
+          docContentSyncUpdate(
+            this.persistedDoc,
+            this.persistedDocContent,
+            {
+              comments: this.comments,
+            },
+            this.resolvedCommentIds
+          ),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+        expect(expandedUpdates).to.have.deep.members([
+          {
+            pathname: this.persistedDoc.path,
+            commentId: 'comment1',
+            resolved: true,
+            meta: {
+              origin: {
+                kind: 'history-resync',
+              },
+              resync: true,
+              ts: TIMESTAMP,
+            },
+          },
+          {
+            pathname: this.persistedDoc.path,
+            commentId: 'comment2',
+            resolved: false,
+            meta: {
+              origin: {
+                kind: 'history-resync',
+              },
+              resync: true,
+              ts: TIMESTAMP,
+            },
+          },
+        ])
+      })
+
+      it('treats zero length comments as detached comments', async function () {
+        this.loadedSnapshotDoc.getComments().add(new Comment('comment1', []))
+        this.comments = [
+          makeComment('comment1', 16, ''),
+          makeComment('comment2', 10, 'brown'),
+        ]
+        this.resolvedCommentIds = ['comment2']
+
+        const updates = [
+          docContentSyncUpdate(
+            this.persistedDoc,
+            this.persistedDocContent,
+            {
+              comments: this.comments,
+            },
+            this.resolvedCommentIds
+          ),
+        ]
+
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        expect(expandedUpdates).to.deep.equal([])
+      })
+
+      it('adjusts comment positions when the underlying text has changed', async function () {
+        const updates = [
+          docContentSyncUpdate(
+            this.persistedDoc,
+            'quick brown fox',
+            {
+              comments: [
+                makeComment('comment1', 0, 'quick'),
+                makeComment('comment2', 12, 'fox'),
+              ],
+            },
+            this.resolvedCommentIds
+          ),
+        ]
+        this.UpdateCompressor.diffAsShareJsOps.returns([
+          { d: 'the ', p: 0 },
+          { d: ' jumps over the lazy dog', p: 15 },
+        ])
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+        expect(expandedUpdates).to.deep.equal([
+          {
+            doc: this.persistedDoc.doc,
+            op: [
+              { d: 'the ', p: 0 },
+              { d: ' jumps over the lazy dog', p: 15 },
+            ],
+            meta: {
+              pathname: this.persistedDoc.path,
+              doc_length: this.persistedDocContent.length,
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+          {
+            doc: this.persistedDoc.doc,
+            op: [
+              {
+                c: 'fox',
+                p: 12,
+                t: 'comment2',
+                resolved: true,
+              },
+            ],
+            meta: {
+              origin: {
+                kind: 'history-resync',
+              },
+              pathname: this.persistedDoc.path,
+              resync: true,
+              ts: TIMESTAMP,
+              doc_length: 'quick brown fox'.length,
+            },
+          },
+        ])
+      })
+    })
+
+    describe('syncing tracked changes', function () {
+      beforeEach(function () {
+        this.loadedSnapshotDoc.getTrackedChanges().add(
+          new TrackedChange(new Range(4, 6), {
+            type: 'delete',
+            userId: USER_ID,
+            ts: new Date(TIMESTAMP),
+          })
+        )
+        this.loadedSnapshotDoc.getTrackedChanges().add(
+          new TrackedChange(new Range(10, 6), {
+            type: 'insert',
+            userId: USER_ID,
+            ts: new Date(TIMESTAMP),
+          })
+        )
+        this.loadedSnapshotDoc.getTrackedChanges().add(
+          new TrackedChange(new Range(20, 6), {
+            type: 'delete',
+            userId: USER_ID,
+            ts: new Date(TIMESTAMP),
+          })
+        )
+        this.loadedSnapshotDoc.getTrackedChanges().add(
+          new TrackedChange(new Range(40, 3), {
+            type: 'insert',
+            userId: USER_ID,
+            ts: new Date(TIMESTAMP),
+          })
+        )
+        this.changes = [
+          makeTrackedChange('td1', { p: 4, d: 'quick ' }),
+          makeTrackedChange('ti1', { p: 4, hpos: 10, i: 'brown ' }),
+          makeTrackedChange('td2', { p: 14, hpos: 20, d: 'jumps ' }),
+          makeTrackedChange('ti2', { p: 28, hpos: 40, i: 'dog' }),
+        ]
+      })
+
+      it('does nothing if tracked changes have not changed', async function () {
+        const updates = [
+          docContentSyncUpdate(this.persistedDoc, this.persistedDocContent, {
+            changes: this.changes,
+          }),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+        expect(expandedUpdates).to.deep.equal([])
+      })
+
+      it('adds new tracked changes', async function () {
+        this.changes.splice(
+          3,
+          0,
+          makeTrackedChange('td3', { p: 29, hpos: 35, d: 'lazy ' })
+        )
+        const updates = [
+          docContentSyncUpdate(this.persistedDoc, this.persistedDocContent, {
+            changes: this.changes,
+          }),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+        expect(expandedUpdates).to.deep.equal([
+          {
+            doc: this.persistedDoc.doc,
+            op: [
+              {
+                p: 35,
+                r: 'lazy ',
+                tracking: {
+                  type: 'delete',
+                  userId: USER_ID,
+                  ts: TIMESTAMP,
+                },
+              },
+            ],
+            meta: {
+              origin: {
+                kind: 'history-resync',
+              },
+              pathname: this.persistedDoc.path,
+              resync: true,
+              ts: TIMESTAMP,
+              doc_length: this.persistedDocContent.length,
+            },
+          },
+        ])
+      })
+
+      it('removes extra tracked changes', async function () {
+        this.changes.splice(0, 1)
+        const updates = [
+          docContentSyncUpdate(this.persistedDoc, this.persistedDocContent, {
+            changes: this.changes,
+          }),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+        expect(expandedUpdates).to.deep.equal([
+          {
+            doc: this.persistedDoc.doc,
+            op: [
+              {
+                p: 4,
+                r: 'quick ',
+                tracking: { type: 'none' },
+              },
+            ],
+            meta: {
+              origin: {
+                kind: 'history-resync',
+              },
+              pathname: this.persistedDoc.path,
+              resync: true,
+              ts: TIMESTAMP,
+              doc_length: this.persistedDocContent.length,
+            },
+          },
+        ])
+      })
+
+      it('handles overlapping ranges', async function () {
+        this.changes = [
+          makeTrackedChange('ti1', { p: 0, i: 'the quic' }),
+          makeTrackedChange('td1', { p: 8, d: 'k br' }),
+          makeTrackedChange('ti2', { p: 14, hpos: 23, i: 'ps over' }),
+        ]
+        const updates = [
+          docContentSyncUpdate(this.persistedDoc, this.persistedDocContent, {
+            changes: this.changes,
+          }),
+        ]
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+
+        // Before: the [quick ][brown ] fox [jumps ]over the lazy dog
+        // After:  [the quic][k br]own fox jum[ps over] the lazy dog
+        expect(expandedUpdates).to.deep.equal([
+          {
+            doc: this.persistedDoc.doc,
+            op: [
+              {
+                p: 0,
+                r: 'the quic',
+                tracking: { type: 'insert', userId: USER_ID, ts: TIMESTAMP },
+              },
+              {
+                p: 10,
+                r: 'br',
+                tracking: { type: 'delete', userId: USER_ID, ts: TIMESTAMP },
+              },
+              {
+                p: 12,
+                r: 'own ',
+                tracking: { type: 'none' },
+              },
+              {
+                p: 20,
+                r: 'jum',
+                tracking: { type: 'none' },
+              },
+              {
+                p: 23,
+                r: 'ps over',
+                tracking: { type: 'insert', userId: USER_ID, ts: TIMESTAMP },
+              },
+              {
+                p: 40,
+                r: 'dog',
+                tracking: { type: 'none' },
+              },
+            ],
+            meta: {
+              origin: { kind: 'history-resync' },
+              pathname: this.persistedDoc.path,
+              resync: true,
+              ts: TIMESTAMP,
+              doc_length: this.persistedDocContent.length,
+            },
+          },
+        ])
+      })
+
+      it('adjusts tracked change positions when the underlying text has changed', async function () {
+        const updates = [
+          docContentSyncUpdate(
+            this.persistedDoc,
+            'every fox jumps over the lazy dog',
+            {
+              changes: [
+                makeTrackedChange('ti1', { p: 5, i: ' ' }), // the space after every is still a tracked insert
+                makeTrackedChange('td2', { p: 10, d: 'jumps ' }),
+                makeTrackedChange('ti2', { p: 24, hpos: 30, i: 'dog' }),
+              ],
+            },
+            this.resolvedCommentIds
+          ),
+        ]
+        this.UpdateCompressor.diffAsShareJsOps.returns([
+          { d: 'the quick brown', p: 0 },
+          { i: 'every', p: 0 },
+        ])
+        const expandedUpdates =
+          await this.SyncManager.promises.expandSyncUpdates(
+            this.projectId,
+            this.historyId,
+            this.mostRecentChunk,
+            updates,
+            this.extendLock
+          )
+        expect(expandedUpdates).to.deep.equal([
+          {
+            doc: this.persistedDoc.doc,
+            op: [
+              { d: 'the quick brown', p: 0 },
+              { i: 'every', p: 0 },
+            ],
+            meta: {
+              pathname: this.persistedDoc.path,
+              doc_length: this.persistedDocContent.length,
+              resync: true,
+              ts: TIMESTAMP,
+              origin: { kind: 'history-resync' },
+            },
+          },
+        ])
+      })
+    })
+  })
+})
diff --git a/services/project-history/test/unit/js/UpdateCompressor/UpdateCompressorTests.js b/services/project-history/test/unit/js/UpdateCompressor/UpdateCompressorTests.js
new file mode 100644
index 0000000..c8d50b1
--- /dev/null
+++ b/services/project-history/test/unit/js/UpdateCompressor/UpdateCompressorTests.js
@@ -0,0 +1,1591 @@
+import { expect } from 'chai'
+import { strict as esmock } from 'esmock'
+
+const MODULE_PATH = '../../../../app/js/UpdateCompressor.js'
+
+const bigstring = 'a'.repeat(2 * 1024 * 1024)
+const mediumstring = 'a'.repeat(1024 * 1024)
+
+describe('UpdateCompressor', function () {
+  beforeEach(async function () {
+    this.UpdateCompressor = await esmock(MODULE_PATH)
+    this.user_id = 'user-id-1'
+    this.other_user_id = 'user-id-2'
+    this.doc_id = 'mock-doc-id'
+    this.doc_hash = 'doc-hash'
+    this.ts1 = Date.now()
+    this.ts2 = Date.now() + 1000
+  })
+
+  describe('convertToSingleOpUpdates', function () {
+    it('should split grouped updates into individual updates', function () {
+      expect(
+        this.UpdateCompressor.convertToSingleOpUpdates([
+          {
+            op: [
+              (this.op1 = { p: 0, i: 'Foo' }),
+              (this.op2 = { p: 6, i: 'bar' }),
+            ],
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            op: [(this.op3 = { p: 10, i: 'baz' })],
+            meta: { ts: this.ts2, user_id: this.other_user_id },
+            v: 43,
+          },
+        ])
+      ).to.deep.equal([
+        {
+          op: this.op1,
+          meta: { ts: this.ts1, user_id: this.user_id },
+          v: 42,
+        },
+        {
+          op: this.op2,
+          meta: { ts: this.ts1, user_id: this.user_id },
+          v: 42,
+        },
+        {
+          op: this.op3,
+          meta: { ts: this.ts2, user_id: this.other_user_id },
+          v: 43,
+        },
+      ])
+    })
+
+    it('should return no-op updates when the op list is empty', function () {
+      expect(
+        this.UpdateCompressor.convertToSingleOpUpdates([
+          {
+            op: [],
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+        ])
+      ).to.deep.equal([])
+    })
+
+    it('should not ignore comment ops', function () {
+      expect(
+        this.UpdateCompressor.convertToSingleOpUpdates([
+          {
+            op: [
+              (this.op1 = { p: 0, i: 'Foo' }),
+              (this.op2 = { p: 9, c: 'baz' }),
+              (this.op3 = { p: 6, i: 'bar' }),
+            ],
+            meta: { ts: this.ts1, user_id: this.user_id, doc_length: 10 },
+            v: 42,
+          },
+        ])
+      ).to.deep.equal([
+        {
+          op: this.op1,
+          meta: { ts: this.ts1, user_id: this.user_id, doc_length: 10 },
+          v: 42,
+        },
+        {
+          op: this.op2,
+          meta: { ts: this.ts1, user_id: this.user_id, doc_length: 13 },
+          v: 42,
+        },
+        {
+          op: this.op3,
+          meta: { ts: this.ts1, user_id: this.user_id, doc_length: 13 },
+          v: 42,
+        },
+      ])
+    })
+
+    it('should not ignore retain ops with tracking data', function () {
+      expect(
+        this.UpdateCompressor.convertToSingleOpUpdates([
+          {
+            op: [
+              (this.op1 = { p: 0, i: 'Foo' }),
+              (this.op2 = {
+                p: 9,
+                r: 'baz',
+                tracking: { type: 'none' },
+              }),
+              (this.op3 = { p: 6, i: 'bar' }),
+            ],
+            meta: { ts: this.ts1, user_id: this.user_id, doc_length: 10 },
+            v: 42,
+          },
+        ])
+      ).to.deep.equal([
+        {
+          op: this.op1,
+          meta: { ts: this.ts1, user_id: this.user_id, doc_length: 10 },
+          v: 42,
+        },
+        {
+          op: this.op2,
+          meta: { ts: this.ts1, user_id: this.user_id, doc_length: 13 },
+          v: 42,
+        },
+        {
+          op: this.op3,
+          meta: { ts: this.ts1, user_id: this.user_id, doc_length: 13 },
+          v: 42,
+        },
+      ])
+    })
+
+    it('should update doc_length when splitting after an insert', function () {
+      expect(
+        this.UpdateCompressor.convertToSingleOpUpdates([
+          {
+            op: [
+              (this.op1 = { p: 0, i: 'foo' }),
+              (this.op2 = { p: 6, d: 'bar' }),
+            ],
+            meta: { ts: this.ts1, user_id: this.user_id, doc_length: 20 },
+            v: 42,
+          },
+        ])
+      ).to.deep.equal([
+        {
+          op: this.op1,
+          meta: { ts: this.ts1, user_id: this.user_id, doc_length: 20 },
+          v: 42,
+        },
+        {
+          op: this.op2,
+          meta: { ts: this.ts1, user_id: this.user_id, doc_length: 23 },
+          v: 42,
+        },
+      ])
+    })
+
+    it('should update doc_length when splitting after a delete', function () {
+      expect(
+        this.UpdateCompressor.convertToSingleOpUpdates([
+          {
+            op: [
+              (this.op1 = { p: 0, d: 'foo' }),
+              (this.op2 = { p: 6, i: 'bar' }),
+            ],
+            meta: { ts: this.ts1, user_id: this.user_id, doc_length: 20 },
+            v: 42,
+          },
+        ])
+      ).to.deep.equal([
+        {
+          op: this.op1,
+          meta: { ts: this.ts1, user_id: this.user_id, doc_length: 20 },
+          v: 42,
+        },
+        {
+          op: this.op2,
+          meta: { ts: this.ts1, user_id: this.user_id, doc_length: 17 },
+          v: 42,
+        },
+      ])
+    })
+
+    it('should take tracked changes into account when calculating the doc length', function () {
+      const meta = {
+        ts: this.ts1,
+        user_id: this.user_id,
+        tc: 'tracked-change-id',
+      }
+      expect(
+        this.UpdateCompressor.convertToSingleOpUpdates([
+          {
+            op: [
+              { p: 6, i: 'orange' }, // doc_length += 6
+              { p: 22, d: 'apple' }, // doc_length doesn't change
+              { p: 12, i: 'melon', u: true }, // doc_length += 5
+              { p: 18, i: 'banana', u: true, trackedDeleteRejection: true }, // doc_length doesn't change
+              {
+                p: 8,
+                d: 'pineapple',
+                trackedChanges: [{ type: 'insert', offset: 0, length: 9 }],
+              }, // doc_length -= 9
+              { p: 11, i: 'fruit salad' },
+            ],
+            meta: { ...meta, doc_length: 20, history_doc_length: 30 },
+            v: 42,
+          },
+        ])
+      ).to.deep.equal([
+        {
+          op: { p: 6, i: 'orange' },
+          meta: { ...meta, doc_length: 30 },
+          v: 42,
+        },
+        {
+          op: { p: 22, d: 'apple' },
+          meta: { ...meta, doc_length: 36 },
+          v: 42,
+        },
+        {
+          op: { p: 12, i: 'melon', u: true },
+          meta: { ...meta, doc_length: 36 },
+          v: 42,
+        },
+        {
+          op: { p: 18, i: 'banana', u: true, trackedDeleteRejection: true },
+          meta: { ...meta, doc_length: 41 },
+          v: 42,
+        },
+        {
+          op: {
+            p: 8,
+            d: 'pineapple',
+            trackedChanges: [{ type: 'insert', offset: 0, length: 9 }],
+          },
+          meta: { ...meta, doc_length: 41 },
+          v: 42,
+        },
+        {
+          op: { p: 11, i: 'fruit salad' },
+          meta: { ...meta, doc_length: 32 },
+          v: 42,
+        },
+      ])
+    })
+
+    it('should set the doc hash on the last split update only', function () {
+      const meta = {
+        ts: this.ts1,
+        user_id: this.user_id,
+      }
+      expect(
+        this.UpdateCompressor.convertToSingleOpUpdates([
+          {
+            op: [
+              { p: 0, i: 'foo' },
+              { p: 6, i: 'bar' },
+            ],
+            meta: { ...meta, doc_hash: 'hash1' },
+            v: 42,
+          },
+          {
+            op: [{ p: 10, i: 'baz' }],
+            meta: { ...meta, doc_hash: 'hash2' },
+            v: 43,
+          },
+          {
+            op: [
+              { p: 0, d: 'foo' },
+              { p: 20, i: 'quux' },
+              { p: 3, d: 'bar' },
+            ],
+            meta: { ...meta, doc_hash: 'hash3' },
+            v: 44,
+          },
+        ])
+      ).to.deep.equal([
+        { op: { p: 0, i: 'foo' }, meta, v: 42 },
+        { op: { p: 6, i: 'bar' }, meta: { ...meta, doc_hash: 'hash1' }, v: 42 },
+        {
+          op: { p: 10, i: 'baz' },
+          meta: { ...meta, doc_hash: 'hash2' },
+          v: 43,
+        },
+        { op: { p: 0, d: 'foo' }, meta, v: 44 },
+        { op: { p: 20, i: 'quux' }, meta, v: 44 },
+        { op: { p: 3, d: 'bar' }, meta: { ...meta, doc_hash: 'hash3' }, v: 44 },
+      ])
+    })
+  })
+
+  describe('concatUpdatesWithSameVersion', function () {
+    it('should concat updates with the same version, doc and pathname', function () {
+      expect(
+        this.UpdateCompressor.concatUpdatesWithSameVersion([
+          {
+            doc: this.doc_id,
+            pathname: 'main.tex',
+            op: (this.op1 = { p: 0, i: 'Foo' }),
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            doc: this.doc_id,
+            pathname: 'main.tex',
+            op: (this.op2 = { p: 6, i: 'bar' }),
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            doc: this.doc_id,
+            pathname: 'main.tex',
+            op: (this.op3 = { p: 10, i: 'baz' }),
+            meta: { ts: this.ts2, user_id: this.other_user_id },
+            v: 43,
+          },
+        ])
+      ).to.deep.equal([
+        {
+          doc: this.doc_id,
+          pathname: 'main.tex',
+          op: [this.op1, this.op2],
+          meta: { ts: this.ts1, user_id: this.user_id },
+          v: 42,
+        },
+        {
+          doc: this.doc_id,
+          pathname: 'main.tex',
+          op: [this.op3],
+          meta: { ts: this.ts2, user_id: this.other_user_id },
+          v: 43,
+        },
+      ])
+    })
+
+    it('should not concat updates with different doc id', function () {
+      expect(
+        this.UpdateCompressor.concatUpdatesWithSameVersion([
+          {
+            doc: this.doc_id,
+            pathname: 'main.tex',
+            op: (this.op1 = { p: 0, i: 'Foo' }),
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            doc: 'other',
+            pathname: 'main.tex',
+            op: (this.op2 = { p: 6, i: 'bar' }),
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            doc: this.doc_id,
+            pathname: 'main.tex',
+            op: (this.op3 = { p: 10, i: 'baz' }),
+            meta: { ts: this.ts2, user_id: this.other_user_id },
+            v: 43,
+          },
+        ])
+      ).to.deep.equal([
+        {
+          doc: this.doc_id,
+          pathname: 'main.tex',
+          op: [this.op1],
+          meta: { ts: this.ts1, user_id: this.user_id },
+          v: 42,
+        },
+        {
+          doc: 'other',
+          pathname: 'main.tex',
+          op: [this.op2],
+          meta: { ts: this.ts1, user_id: this.user_id },
+          v: 42,
+        },
+        {
+          doc: this.doc_id,
+          pathname: 'main.tex',
+          op: [this.op3],
+          meta: { ts: this.ts2, user_id: this.other_user_id },
+          v: 43,
+        },
+      ])
+    })
+
+    it('should not concat text updates with project structure ops', function () {
+      expect(
+        this.UpdateCompressor.concatUpdatesWithSameVersion([
+          {
+            doc: this.doc_id,
+            pathname: 'main.tex',
+            op: (this.op1 = { p: 0, i: 'Foo' }),
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            pathname: 'main.tex',
+            new_pathname: 'new.tex',
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+        ])
+      ).to.deep.equal([
+        {
+          doc: this.doc_id,
+          pathname: 'main.tex',
+          op: [this.op1],
+          meta: { ts: this.ts1, user_id: this.user_id },
+          v: 42,
+        },
+        {
+          pathname: 'main.tex',
+          new_pathname: 'new.tex',
+          meta: { ts: this.ts1, user_id: this.user_id },
+          v: 42,
+        },
+      ])
+    })
+
+    it("should keep the doc hash only when it's on the last update", function () {
+      const meta = { ts: this.ts1, user_id: this.user_id }
+      const baseUpdate = { doc: this.doc_id, pathname: 'main.tex', meta }
+      const updates = [
+        { ...baseUpdate, op: { p: 0, i: 'foo' }, v: 1 },
+        {
+          ...baseUpdate,
+          op: { p: 10, i: 'bar' },
+          meta: { ...meta, doc_hash: 'hash1' },
+          v: 1,
+        },
+        {
+          ...baseUpdate,
+          op: { p: 20, i: 'baz' },
+          meta: { ...meta, doc_hash: 'hash2' },
+          v: 2,
+        },
+        { ...baseUpdate, op: { p: 30, i: 'quux' }, v: 2 },
+      ]
+      expect(
+        this.UpdateCompressor.concatUpdatesWithSameVersion(updates)
+      ).to.deep.equal([
+        {
+          ...baseUpdate,
+          op: [
+            { p: 0, i: 'foo' },
+            { p: 10, i: 'bar' },
+          ],
+          meta: { ...meta, doc_hash: 'hash1' },
+          v: 1,
+        },
+        {
+          ...baseUpdate,
+          op: [
+            { p: 20, i: 'baz' },
+            { p: 30, i: 'quux' },
+          ],
+          v: 2,
+        },
+      ])
+    })
+  })
+
+  describe('compress', function () {
+    describe('insert - insert', function () {
+      it('should append one insert to the other', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 6, i: 'bar' },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'foobar' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should insert one insert inside the other', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 5, i: 'bar' },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'fobaro' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should not append separated inserts', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 9, i: 'bar' },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'foo' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            op: { p: 9, i: 'bar' },
+            meta: { ts: this.ts2, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should not append inserts that are too big (second op)', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 6, i: bigstring },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'foo' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            op: { p: 6, i: bigstring },
+            meta: { ts: this.ts2, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should not append inserts that are too big (first op)', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: bigstring },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 3 + bigstring.length, i: 'bar' },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: bigstring },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            op: { p: 3 + bigstring.length, i: 'bar' },
+            meta: { ts: this.ts2, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should not append inserts that are too big (first and second op)', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: mediumstring },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 3 + mediumstring.length, i: mediumstring },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: mediumstring },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            op: { p: 3 + mediumstring.length, i: mediumstring },
+            meta: { ts: this.ts2, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should not append inserts that are a long time appart', function () {
+        this.ts3 = this.ts1 + 120000 // 2 minutes
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 6, i: 'bar' },
+              meta: { ts: this.ts3, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'foo' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            op: { p: 6, i: 'bar' },
+            meta: { ts: this.ts3, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should not append inserts separated by project structure ops', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              pathname: '/old.tex',
+              new_pathname: '/new.tex',
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 43,
+            },
+            {
+              op: { p: 6, i: 'bar' },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 44,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'foo' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            pathname: '/old.tex',
+            new_pathname: '/new.tex',
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 43,
+          },
+          {
+            op: { p: 6, i: 'bar' },
+            meta: { ts: this.ts2, user_id: this.user_id },
+            v: 44,
+          },
+        ])
+      })
+
+      it('should not append ops from different doc ids', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              doc: 'doc-one',
+              op: { p: 3, i: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              doc: 'doc-two',
+              op: { p: 6, i: 'bar' },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            doc: 'doc-one',
+            op: { p: 3, i: 'foo' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            doc: 'doc-two',
+            op: { p: 6, i: 'bar' },
+            meta: { ts: this.ts2, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should not append ops from different doc pathnames', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              pathname: 'doc-one',
+              op: { p: 3, i: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              pathname: 'doc-two',
+              op: { p: 6, i: 'bar' },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            pathname: 'doc-one',
+            op: { p: 3, i: 'foo' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            pathname: 'doc-two',
+            op: { p: 6, i: 'bar' },
+            meta: { ts: this.ts2, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it("should not merge updates that track changes and updates that don't", function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              pathname: 'main.tex',
+              op: { p: 3, i: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              pathname: 'main.tex',
+              op: { p: 6, i: 'bar' },
+              meta: { ts: this.ts2, user_id: this.user_id, tc: 'tracking-id' },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            pathname: 'main.tex',
+            op: { p: 3, i: 'foo' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            pathname: 'main.tex',
+            op: { p: 6, i: 'bar' },
+            meta: { ts: this.ts2, user_id: this.user_id, tc: 'tracking-id' },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should not merge undos with regular ops', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              pathname: 'main.tex',
+              op: { p: 3, i: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              pathname: 'main.tex',
+              op: { p: 6, i: 'bar', u: true },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            pathname: 'main.tex',
+            op: { p: 3, i: 'foo' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            pathname: 'main.tex',
+            op: { p: 6, i: 'bar', u: true },
+            meta: { ts: this.ts2, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should not merge tracked delete rejections', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              pathname: 'main.tex',
+              op: { p: 3, i: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              pathname: 'main.tex',
+              op: { p: 6, i: 'bar', trackedDeleteRejection: true },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            pathname: 'main.tex',
+            op: { p: 3, i: 'foo' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            pathname: 'main.tex',
+            op: { p: 6, i: 'bar', trackedDeleteRejection: true },
+            meta: { ts: this.ts2, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should preserve history metadata', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'foo', hpos: 13 },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 6, i: 'bar', hpos: 16 },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'foobar', hpos: 13 },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should not merge updates from different users', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'foo', hpos: 13 },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 6, i: 'bar', hpos: 16 },
+              meta: { ts: this.ts2, user_id: this.other_user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'foo', hpos: 13 },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            op: { p: 6, i: 'bar', hpos: 16 },
+            meta: { ts: this.ts2, user_id: this.other_user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should not merge inserts inside different comments', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'foo', hpos: 13, commentIds: ['comment-id-1'] },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 6, i: 'bar', hpos: 16 },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'foo', hpos: 13, commentIds: ['comment-id-1'] },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            op: { p: 6, i: 'bar', hpos: 16 },
+            meta: { ts: this.ts2, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should propagate the commentIds property', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'foo', hpos: 13, commentIds: ['comment-id-1'] },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 6, i: 'bar', hpos: 16, commentIds: ['comment-id-1'] },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'foobar', hpos: 13, commentIds: ['comment-id-1'] },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+    })
+
+    describe('delete - delete', function () {
+      it('should append one delete to the other', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, d: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 3, d: 'bar' },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, d: 'foobar' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should insert one delete inside the other', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, d: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 1, d: 'bar' },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 1, d: 'bafoor' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should not append separated deletes', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, d: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 9, d: 'bar' },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, d: 'foo' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            op: { p: 9, d: 'bar' },
+            meta: { ts: this.ts2, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should not merge deletes over tracked changes', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, d: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: {
+                p: 3,
+                d: 'bar',
+                trackedChanges: [{ type: 'delete', pos: 2, length: 10 }],
+              },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, d: 'foo' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            op: {
+              p: 3,
+              d: 'bar',
+              trackedChanges: [{ type: 'delete', pos: 2, length: 10 }],
+            },
+            meta: { ts: this.ts2, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should preserve history metadata', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, d: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 3, d: 'bar' },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, d: 'foobar' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should not merge when the deletes are tracked', function () {
+        // TODO: We should be able to lift that constraint, but it would
+        // require recalculating the hpos on the second op.
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, d: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id, tc: 'tracking-id' },
+              v: 42,
+            },
+            {
+              op: { p: 3, d: 'bar' },
+              meta: { ts: this.ts2, user_id: this.user_id, tc: 'tracking-id' },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, d: 'foo' },
+            meta: { ts: this.ts1, user_id: this.user_id, tc: 'tracking-id' },
+            v: 42,
+          },
+          {
+            op: { p: 3, d: 'bar' },
+            meta: { ts: this.ts2, user_id: this.user_id, tc: 'tracking-id' },
+            v: 43,
+          },
+        ])
+      })
+    })
+
+    describe('insert - delete', function () {
+      it('should undo a previous insert', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 5, d: 'o' },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'fo' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should remove part of an insert from the middle', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'fobaro' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 5, d: 'bar' },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'foo' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should cancel out two opposite updates', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 3, d: 'foo' },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([])
+      })
+
+      it('should not combine separated updates', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 9, d: 'bar' },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'foo' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            op: { p: 9, d: 'bar' },
+            meta: { ts: this.ts2, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should not combine updates with overlap beyond the end', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'foobar' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 6, d: 'bardle' },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'foobar' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 42,
+          },
+          {
+            op: { p: 6, d: 'bardle' },
+            meta: { ts: this.ts2, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should preserver history metadata', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'foo', hpos: 13 },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 5, d: 'o', hpos: 15 },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'fo', hpos: 13 },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 43,
+          },
+        ])
+      })
+    })
+
+    describe('delete - insert', function () {
+      it('should do a diff of the content', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, d: 'one two three four five six seven eight' },
+              meta: { ts: this.ts1, user_id: this.user_id, doc_length: 100 },
+              v: 42,
+            },
+            {
+              op: { p: 3, i: 'one 2 three four five six seven eight' },
+              meta: { ts: this.ts2, user_id: this.user_id, doc_length: 100 },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 7, d: 'two' },
+            meta: { ts: this.ts1, user_id: this.user_id, doc_length: 100 },
+            v: 43,
+          },
+          {
+            op: { p: 7, i: '2' },
+            meta: { ts: this.ts1, user_id: this.user_id, doc_length: 97 },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should return a no-op if the delete and insert are the same', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, d: 'one two three four five six seven eight' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 3, i: 'one two three four five six seven eight' },
+              meta: { ts: this.ts2, user_id: this.user_id },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([])
+      })
+
+      it('should preserve history metadata', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: {
+                p: 3,
+                d: 'one two three four five six seven eight',
+                hpos: 13,
+              },
+              meta: { ts: this.ts1, user_id: this.user_id, doc_length: 100 },
+              v: 42,
+            },
+            {
+              op: {
+                p: 3,
+                i: 'one 2 three four five six seven eight',
+                hpos: 13,
+                commentIds: ['comment-1'],
+              },
+              meta: { ts: this.ts2, user_id: this.user_id, doc_length: 100 },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 7, d: 'two', hpos: 17 },
+            meta: { ts: this.ts1, user_id: this.user_id, doc_length: 100 },
+            v: 43,
+          },
+          {
+            op: { p: 7, i: '2', hpos: 17, commentIds: ['comment-1'] },
+            meta: { ts: this.ts1, user_id: this.user_id, doc_length: 97 },
+            v: 43,
+          },
+        ])
+      })
+
+      it('should not merge when tracking changes', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, d: 'one two three four five six seven eight' },
+              meta: {
+                ts: this.ts1,
+                user_id: this.user_id,
+                doc_length: 100,
+                tc: 'tracking-id',
+              },
+              v: 42,
+            },
+            {
+              op: { p: 3, i: 'one 2 three four five six seven eight' },
+              meta: {
+                ts: this.ts2,
+                user_id: this.user_id,
+                doc_length: 100,
+                tc: 'tracking-id',
+              },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, d: 'one two three four five six seven eight' },
+            meta: {
+              ts: this.ts1,
+              user_id: this.user_id,
+              doc_length: 100,
+              tc: 'tracking-id',
+            },
+            v: 42,
+          },
+          {
+            op: { p: 3, i: 'one 2 three four five six seven eight' },
+            meta: {
+              ts: this.ts2,
+              user_id: this.user_id,
+              doc_length: 100,
+              tc: 'tracking-id',
+            },
+            v: 43,
+          },
+        ])
+      })
+    })
+
+    describe('a long chain of ops', function () {
+      it('should always split after 60 seconds', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'foo' },
+              meta: { ts: this.ts1, user_id: this.user_id },
+              v: 42,
+            },
+            {
+              op: { p: 6, i: 'bar' },
+              meta: { ts: this.ts1 + 20000, user_id: this.user_id },
+              v: 43,
+            },
+            {
+              op: { p: 9, i: 'baz' },
+              meta: { ts: this.ts1 + 40000, user_id: this.user_id },
+              v: 44,
+            },
+            {
+              op: { p: 12, i: 'qux' },
+              meta: { ts: this.ts1 + 80000, user_id: this.user_id },
+              v: 45,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'foobarbaz' },
+            meta: { ts: this.ts1, user_id: this.user_id },
+            v: 44,
+          },
+          {
+            op: { p: 12, i: 'qux' },
+            meta: { ts: this.ts1 + 80000, user_id: this.user_id },
+            v: 45,
+          },
+        ])
+      })
+    })
+
+    describe('external updates', function () {
+      it('should be split from editor updates and from other sources', function () {
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'foo' },
+              meta: {
+                ts: this.ts1,
+                user_id: this.user_id,
+                source: 'some-editor-id',
+              },
+              v: 42,
+            },
+            {
+              op: { p: 6, i: 'bar' },
+              meta: {
+                ts: this.ts1,
+                user_id: this.user_id,
+                source: 'some-other-editor-id',
+              },
+              v: 43,
+            },
+            {
+              op: { p: 9, i: 'baz' },
+              meta: {
+                ts: this.ts1,
+                user_id: this.user_id,
+                type: 'external',
+                source: 'dropbox',
+              },
+              v: 44,
+            },
+            {
+              op: { p: 12, i: 'qux' },
+              meta: {
+                ts: this.ts1,
+                user_id: this.user_id,
+                type: 'external',
+                source: 'dropbox',
+              },
+              v: 45,
+            },
+            {
+              op: { p: 15, i: 'quux' },
+              meta: {
+                ts: this.ts1,
+                user_id: this.user_id,
+                type: 'external',
+                source: 'upload',
+              },
+              v: 46,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'foobar' },
+            meta: {
+              ts: this.ts1,
+              user_id: this.user_id,
+              source: 'some-editor-id',
+            },
+            v: 43,
+          },
+          {
+            op: { p: 9, i: 'bazqux' },
+            meta: {
+              ts: this.ts1,
+              user_id: this.user_id,
+              type: 'external',
+              source: 'dropbox',
+            },
+            v: 45,
+          },
+          {
+            op: { p: 15, i: 'quux' },
+            meta: {
+              ts: this.ts1,
+              user_id: this.user_id,
+              type: 'external',
+              source: 'upload',
+            },
+            v: 46,
+          },
+        ])
+      })
+    })
+
+    describe('doc hash', function () {
+      it("should keep the doc hash if it's on the last update", function () {
+        const meta = { ts: this.ts1, user_id: this.user_id }
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            { op: { p: 3, i: 'foo' }, meta, v: 42 },
+            {
+              op: { p: 6, i: 'bar' },
+              meta: { ...meta, doc_hash: 'hash1' },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'foobar' },
+            meta: { ...meta, doc_hash: 'hash1' },
+            v: 43,
+          },
+        ])
+      })
+
+      it("should not keep the doc hash if it's not on the last update", function () {
+        const meta = { ts: this.ts1, user_id: this.user_id }
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            {
+              op: { p: 3, i: 'foo' },
+              meta: { ...meta, doc_hash: 'hash1' },
+              v: 42,
+            },
+            { op: { p: 6, i: 'bar' }, meta, v: 43 },
+          ])
+        ).to.deep.equal([
+          {
+            op: { p: 3, i: 'foobar' },
+            meta,
+            v: 43,
+          },
+        ])
+      })
+
+      it('special case for delete + insert triggering diff', function () {
+        const meta = { ts: this.ts1, user_id: this.user_id, doc_length: 10 }
+        expect(
+          this.UpdateCompressor.compressUpdates([
+            { op: { p: 3, d: 'foo' }, meta, v: 42 },
+            {
+              op: { p: 3, i: 'bar' },
+              meta: { ...meta, doc_hash: 'hash1' },
+              v: 43,
+            },
+          ])
+        ).to.deep.equal([
+          { op: { p: 3, d: 'foo' }, meta, v: 43 },
+          {
+            op: { p: 3, i: 'bar' },
+            meta: { ...meta, doc_length: 7, doc_hash: 'hash1' },
+            v: 43,
+          },
+        ])
+      })
+    })
+  })
+})
diff --git a/services/project-history/test/unit/js/UpdateTranslator/UpdateTranslatorTests.js b/services/project-history/test/unit/js/UpdateTranslator/UpdateTranslatorTests.js
new file mode 100644
index 0000000..f285fb4
--- /dev/null
+++ b/services/project-history/test/unit/js/UpdateTranslator/UpdateTranslatorTests.js
@@ -0,0 +1,1215 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import { strict as esmock } from 'esmock'
+import Core from 'overleaf-editor-core'
+
+const MODULE_PATH = '../../../../app/js/UpdateTranslator.js'
+
+describe('UpdateTranslator', function () {
+  beforeEach(async function () {
+    this.UpdateTranslator = await esmock(MODULE_PATH, {
+      'overleaf-editor-core': Core,
+    })
+    this.callback = sinon.stub()
+
+    this.project_id = '59bfd450e3028c4d40a1e9aa'
+    this.doc_id = '59bfd450e3028c4d40a1e9ab'
+    this.file_id = '59bfd450e3028c4d40a1easd'
+    this.user_id = '59bb9051abf6e8682a269b64'
+    this.version = 0
+    this.timestamp = new Date().toJSON()
+    this.mockBlobHash = '12345abc12345abc12345abc12345abc12345abc'
+  })
+
+  describe('convertToChanges', function () {
+    it('can translate doc additions', function () {
+      const updates = [
+        {
+          update: {
+            doc: this.doc_id,
+            pathname: '/main.tex',
+            docLines: 'a\nb',
+            meta: {
+              user_id: this.user_id,
+              ts: this.timestamp,
+            },
+          },
+          blobHashes: { file: this.mockBlobHash },
+        },
+      ]
+
+      const changes = this.UpdateTranslator.convertToChanges(
+        this.project_id,
+        updates
+      ).map(change => change.toRaw())
+
+      expect(changes).to.deep.equal([
+        {
+          authors: [],
+          operations: [
+            {
+              pathname: 'main.tex',
+              file: {
+                hash: this.mockBlobHash,
+              },
+            },
+          ],
+          v2Authors: [this.user_id],
+          timestamp: this.timestamp,
+        },
+      ])
+    })
+
+    it('can translate file additions', function () {
+      const updates = [
+        {
+          update: {
+            file: this.file_id,
+            pathname: '/test.png',
+            url: 'filestore.example.com/test.png',
+            meta: {
+              user_id: this.user_id,
+              ts: this.timestamp,
+            },
+          },
+          blobHashes: { file: this.mockBlobHash },
+        },
+      ]
+
+      const changes = this.UpdateTranslator.convertToChanges(
+        this.project_id,
+        updates
+      ).map(change => change.toRaw())
+
+      expect(changes).to.deep.equal([
+        {
+          authors: [],
+          operations: [
+            {
+              pathname: 'test.png',
+              file: {
+                hash: this.mockBlobHash,
+              },
+            },
+          ],
+          v2Authors: [this.user_id],
+          timestamp: this.timestamp,
+        },
+      ])
+    })
+
+    it('can translate doc renames', function () {
+      const updates = [
+        {
+          update: {
+            doc: this.doc_id,
+            pathname: '/main.tex',
+            new_pathname: '/new_main.tex',
+            meta: {
+              user_id: this.user_id,
+              ts: this.timestamp,
+            },
+          },
+        },
+      ]
+
+      const changes = this.UpdateTranslator.convertToChanges(
+        this.project_id,
+        updates
+      ).map(change => change.toRaw())
+
+      expect(changes).to.deep.equal([
+        {
+          authors: [],
+          operations: [
+            {
+              pathname: 'main.tex',
+              newPathname: 'new_main.tex',
+            },
+          ],
+          v2Authors: [this.user_id],
+          timestamp: this.timestamp,
+        },
+      ])
+    })
+
+    it('can translate file renames', function () {
+      const updates = [
+        {
+          update: {
+            file: this.file_id,
+            pathname: '/test.png',
+            new_pathname: '/new_test.png',
+            meta: {
+              user_id: this.user_id,
+              ts: this.timestamp,
+            },
+          },
+        },
+      ]
+
+      const changes = this.UpdateTranslator.convertToChanges(
+        this.project_id,
+        updates
+      ).map(change => change.toRaw())
+
+      expect(changes).to.deep.equal([
+        {
+          authors: [],
+          operations: [
+            {
+              pathname: 'test.png',
+              newPathname: 'new_test.png',
+            },
+          ],
+          v2Authors: [this.user_id],
+          timestamp: this.timestamp,
+        },
+      ])
+    })
+
+    it('can translate multiple updates with the correct versions', function () {
+      const updates = [
+        {
+          update: {
+            doc: this.doc_id,
+            pathname: '/main.tex',
+            docLines: 'a\nb',
+            meta: {
+              user_id: this.user_id,
+              ts: this.timestamp,
+            },
+          },
+          blobHashes: { file: this.mockBlobHash },
+        },
+        {
+          update: {
+            file: this.file_id,
+            pathname: '/test.png',
+            url: 'filestore.example.com/test.png',
+            meta: {
+              user_id: this.user_id,
+              ts: this.timestamp,
+            },
+          },
+          blobHashes: { file: this.mockBlobHash },
+        },
+      ]
+
+      const changes = this.UpdateTranslator.convertToChanges(
+        this.project_id,
+        updates
+      ).map(change => change.toRaw())
+
+      expect(changes).to.deep.equal([
+        {
+          authors: [],
+          operations: [
+            {
+              pathname: 'main.tex',
+              file: {
+                hash: this.mockBlobHash,
+              },
+            },
+          ],
+          v2Authors: [this.user_id],
+          timestamp: this.timestamp,
+        },
+        {
+          authors: [],
+          operations: [
+            {
+              pathname: 'test.png',
+              file: {
+                hash: this.mockBlobHash,
+              },
+            },
+          ],
+          v2Authors: [this.user_id],
+          timestamp: this.timestamp,
+        },
+      ])
+    })
+
+    it('returns an error if the update has an unknown format', function () {
+      const updates = [
+        {
+          update: {
+            foo: 'bar',
+          },
+        },
+      ]
+      expect(() =>
+        this.UpdateTranslator.convertToChanges(this.project_id, updates)
+      ).to.throw('update with unknown format')
+    })
+
+    it('replaces backslashes with underscores in pathnames', function () {
+      const updates = [
+        {
+          update: {
+            doc: this.doc_id,
+            pathname: '/\\main\\foo.tex',
+            new_pathname: '/\\new_main\\foo\\bar.tex',
+            meta: {
+              user_id: this.user_id,
+              ts: this.timestamp,
+            },
+          },
+        },
+      ]
+
+      const changes = this.UpdateTranslator.convertToChanges(
+        this.project_id,
+        updates
+      ).map(change => change.toRaw())
+
+      expect(changes).to.deep.equal([
+        {
+          authors: [],
+          operations: [
+            {
+              pathname: '_main_foo.tex',
+              newPathname: '_new_main_foo_bar.tex',
+            },
+          ],
+          v2Authors: [this.user_id],
+          timestamp: this.timestamp,
+        },
+      ])
+    })
+
+    it('replaces leading asterisks with __ASTERISK__ in pathnames', function () {
+      const updates = [
+        {
+          update: {
+            file: this.file_id,
+            pathname: '/test*test.png',
+            meta: {
+              user_id: this.user_id,
+              ts: this.timestamp,
+            },
+            url: 'filestore.example.com/test*test.png',
+          },
+          blobHashes: { file: this.mockBlobHash },
+        },
+      ]
+
+      const changes = this.UpdateTranslator.convertToChanges(
+        this.project_id,
+        updates
+      ).map(change => change.toRaw())
+
+      expect(changes).to.deep.equal([
+        {
+          authors: [],
+          operations: [
+            {
+              pathname: 'test__ASTERISK__test.png',
+              file: {
+                hash: this.mockBlobHash,
+              },
+            },
+          ],
+          v2Authors: [this.user_id],
+          timestamp: this.timestamp,
+        },
+      ])
+    })
+
+    it('replaces a leading space for top-level files with __SPACE__', function () {
+      const updates = [
+        {
+          update: {
+            file: this.file_id,
+            pathname: '/ test.png',
+            meta: {
+              user_id: this.user_id,
+              ts: this.timestamp,
+            },
+            url: 'filestore.example.com/test.png',
+          },
+          blobHashes: { file: this.mockBlobHash },
+        },
+      ]
+
+      const changes = this.UpdateTranslator.convertToChanges(
+        this.project_id,
+        updates
+      ).map(change => change.toRaw())
+
+      expect(changes).to.deep.equal([
+        {
+          authors: [],
+          operations: [
+            {
+              pathname: '__SPACE__test.png',
+              file: {
+                hash: this.mockBlobHash,
+              },
+            },
+          ],
+          v2Authors: [this.user_id],
+          timestamp: this.timestamp,
+        },
+      ])
+    })
+
+    it('replaces leading spaces of files in subfolders with __SPACE__', function () {
+      const updates = [
+        {
+          update: {
+            file: this.file_id,
+            pathname: '/folder/ test.png',
+            meta: {
+              user_id: this.user_id,
+              ts: this.timestamp,
+            },
+            url: 'filestore.example.com/folder/test.png',
+          },
+          blobHashes: { file: this.mockBlobHash },
+        },
+      ]
+
+      const changes = this.UpdateTranslator.convertToChanges(
+        this.project_id,
+        updates
+      ).map(change => change.toRaw())
+
+      expect(changes).to.deep.equal([
+        {
+          authors: [],
+          operations: [
+            {
+              pathname: 'folder/__SPACE__test.png',
+              file: {
+                hash: this.mockBlobHash,
+              },
+            },
+          ],
+          v2Authors: [this.user_id],
+          timestamp: this.timestamp,
+        },
+      ])
+    })
+
+    it('sets a null author when user_id is "anonymous-user"', function () {
+      const updates = [
+        {
+          update: {
+            doc: this.doc_id,
+            pathname: '/main.tex',
+            docLines: 'a\nb',
+            meta: {
+              user_id: 'anonymous-user',
+              ts: this.timestamp,
+            },
+          },
+          blobHashes: { file: this.mockBlobHash },
+        },
+      ]
+
+      const changes = this.UpdateTranslator.convertToChanges(
+        this.project_id,
+        updates
+      ).map(change => change.toRaw())
+
+      expect(changes).to.deep.equal([
+        {
+          authors: [],
+          operations: [
+            {
+              pathname: 'main.tex',
+              file: {
+                hash: this.mockBlobHash,
+              },
+            },
+          ],
+          v2Authors: [null],
+          timestamp: this.timestamp,
+        },
+      ])
+    })
+
+    it('sets an empty array as author when there is no meta.user_id', function () {
+      const updates = [
+        {
+          update: {
+            doc: this.doc_id,
+            pathname: '/main.tex',
+            docLines: 'a\nb',
+            meta: {
+              ts: this.timestamp,
+            },
+          },
+          blobHashes: { file: this.mockBlobHash },
+        },
+      ]
+
+      const changes = this.UpdateTranslator.convertToChanges(
+        this.project_id,
+        updates
+      ).map(change => change.toRaw())
+
+      expect(changes).to.deep.equal([
+        {
+          authors: [],
+          operations: [
+            {
+              pathname: 'main.tex',
+              file: {
+                hash: this.mockBlobHash,
+              },
+            },
+          ],
+          v2Authors: [],
+          timestamp: this.timestamp,
+        },
+      ])
+    })
+
+    describe('text updates', function () {
+      it('can translate insertions', function () {
+        const updates = [
+          {
+            update: {
+              doc: this.doc_id,
+              op: [
+                { p: 3, i: 'foo' },
+                { p: 15, i: 'bar', commentIds: ['comment1'] },
+              ],
+              v: this.version,
+              meta: {
+                user_id: this.user_id,
+                ts: new Date(this.timestamp).getTime(),
+                pathname: '/main.tex',
+                doc_length: 20,
+                source: 'some-editor-id',
+              },
+            },
+          },
+        ]
+
+        const changes = this.UpdateTranslator.convertToChanges(
+          this.project_id,
+          updates
+        ).map(change => change.toRaw())
+
+        expect(changes).to.deep.equal([
+          {
+            authors: [],
+            operations: [
+              {
+                pathname: 'main.tex',
+                textOperation: [
+                  3,
+                  'foo',
+                  9,
+                  { i: 'bar', commentIds: ['comment1'] },
+                  8,
+                ],
+              },
+            ],
+            v2Authors: [this.user_id],
+            timestamp: this.timestamp,
+            v2DocVersions: {
+              '59bfd450e3028c4d40a1e9ab': {
+                pathname: 'main.tex',
+                v: 0,
+              },
+            },
+          },
+        ])
+      })
+
+      it('can translate deletions', function () {
+        const updates = [
+          {
+            update: {
+              doc: this.doc_id,
+              op: [
+                { p: 3, d: 'lo' },
+                { p: 10, d: 'bar' },
+              ],
+              v: this.version,
+              meta: {
+                user_id: this.user_id,
+                ts: new Date(this.timestamp).getTime(),
+                pathname: '/main.tex',
+                doc_length: 20,
+              },
+            },
+          },
+        ]
+
+        const changes = this.UpdateTranslator.convertToChanges(
+          this.project_id,
+          updates
+        ).map(change => change.toRaw())
+
+        expect(changes).to.deep.equal([
+          {
+            authors: [],
+            operations: [
+              {
+                pathname: 'main.tex',
+                textOperation: [3, -2, 7, -3, 5],
+              },
+            ],
+            v2Authors: [this.user_id],
+            timestamp: this.timestamp,
+            v2DocVersions: {
+              '59bfd450e3028c4d40a1e9ab': {
+                pathname: 'main.tex',
+                v: 0,
+              },
+            },
+          },
+        ])
+      })
+
+      it('should translate retains without tracking data', function () {
+        const updates = [
+          {
+            update: {
+              doc: this.doc_id,
+              op: [
+                {
+                  p: 3,
+                  r: 'lo',
+                },
+              ],
+              v: this.version,
+              meta: {
+                user_id: this.user_id,
+                ts: new Date(this.timestamp).getTime(),
+                pathname: '/main.tex',
+                doc_length: 20,
+              },
+            },
+          },
+        ]
+
+        const changes = this.UpdateTranslator.convertToChanges(
+          this.project_id,
+          updates
+        ).map(change => change.toRaw())
+
+        expect(changes).to.deep.equal([
+          {
+            authors: [],
+            operations: [
+              {
+                pathname: 'main.tex',
+                textOperation: [20],
+              },
+            ],
+            v2Authors: [this.user_id],
+            timestamp: this.timestamp,
+            v2DocVersions: {
+              [this.doc_id]: {
+                pathname: 'main.tex',
+                v: 0,
+              },
+            },
+          },
+        ])
+      })
+
+      it('can translate retains with tracking data', function () {
+        const updates = [
+          {
+            update: {
+              doc: this.doc_id,
+              op: [
+                {
+                  p: 3,
+                  r: 'lo',
+                  tracking: { type: 'none' },
+                },
+              ],
+              v: this.version,
+              meta: {
+                user_id: this.user_id,
+                ts: new Date(this.timestamp).getTime(),
+                pathname: '/main.tex',
+                doc_length: 20,
+              },
+            },
+          },
+        ]
+
+        const changes = this.UpdateTranslator.convertToChanges(
+          this.project_id,
+          updates
+        ).map(change => change.toRaw())
+
+        expect(changes).to.deep.equal([
+          {
+            authors: [],
+            operations: [
+              {
+                pathname: 'main.tex',
+                textOperation: [
+                  3,
+                  {
+                    r: 2,
+                    tracking: { type: 'none' },
+                  },
+                  15,
+                ],
+              },
+            ],
+            v2Authors: [this.user_id],
+            timestamp: this.timestamp,
+            v2DocVersions: {
+              '59bfd450e3028c4d40a1e9ab': {
+                pathname: 'main.tex',
+                v: 0,
+              },
+            },
+          },
+        ])
+      })
+
+      it('can translate insertions at the start and end (with zero retained)', function () {
+        const updates = [
+          {
+            update: {
+              doc: this.doc_id,
+              op: [
+                { p: 0, i: 'foo' },
+                { p: 23, i: 'bar' },
+                { p: 0, d: 'foo' },
+                { p: 20, d: 'bar' },
+              ],
+              v: this.version,
+              meta: {
+                user_id: this.user_id,
+                ts: new Date(this.timestamp).getTime(),
+                pathname: '/main.tex',
+                doc_length: 20,
+              },
+            },
+          },
+        ]
+
+        const changes = this.UpdateTranslator.convertToChanges(
+          this.project_id,
+          updates
+        ).map(change => change.toRaw())
+
+        expect(changes).to.deep.equal([
+          {
+            authors: [],
+            operations: [
+              {
+                pathname: 'main.tex',
+                textOperation: [20],
+              },
+            ],
+            v2Authors: [this.user_id],
+            timestamp: this.timestamp,
+            v2DocVersions: {
+              '59bfd450e3028c4d40a1e9ab': {
+                pathname: 'main.tex',
+                v: 0,
+              },
+            },
+          },
+        ])
+      })
+
+      it('can handle operations in non-linear offset order', function () {
+        const updates = [
+          {
+            update: {
+              doc: this.doc_id,
+              op: [
+                { p: 15, i: 'foo' },
+                { p: 3, i: 'bar' },
+              ],
+              v: this.version,
+              meta: {
+                user_id: this.user_id,
+                ts: this.timestamp,
+                pathname: '/main.tex',
+                doc_length: 20,
+              },
+            },
+          },
+        ]
+
+        const changes = this.UpdateTranslator.convertToChanges(
+          this.project_id,
+          updates
+        ).map(change => change.toRaw())
+
+        expect(changes).to.deep.equal([
+          {
+            authors: [],
+            operations: [
+              {
+                pathname: 'main.tex',
+                textOperation: [3, 'bar', 12, 'foo', 5],
+              },
+            ],
+            v2Authors: [this.user_id],
+            timestamp: this.timestamp,
+            v2DocVersions: {
+              '59bfd450e3028c4d40a1e9ab': {
+                pathname: 'main.tex',
+                v: 0,
+              },
+            },
+          },
+        ])
+      })
+
+      it('handles comment ops', function () {
+        const updates = [
+          {
+            update: {
+              doc: this.doc_id,
+              op: [
+                { p: 0, i: 'foo' },
+                { p: 3, d: 'bar' },
+                { p: 5, c: 'comment this', t: 'comment-id-1' },
+                { p: 7, c: 'another comment', t: 'comment-id-2' },
+                { p: 9, c: '', t: 'comment-id-3' },
+                { p: 10, i: 'baz' },
+              ],
+              v: this.version,
+              meta: {
+                user_id: this.user_id,
+                ts: new Date(this.timestamp).getTime(),
+                pathname: '/main.tex',
+                doc_length: 20,
+              },
+            },
+          },
+        ]
+
+        const changes = this.UpdateTranslator.convertToChanges(
+          this.project_id,
+          updates
+        ).map(change => change.toRaw())
+
+        expect(changes).to.deep.equal([
+          {
+            authors: [],
+            operations: [
+              {
+                pathname: 'main.tex',
+                textOperation: ['foo', -3, 17],
+              },
+              {
+                pathname: 'main.tex',
+                commentId: 'comment-id-1',
+                ranges: [{ pos: 5, length: 12 }],
+              },
+              {
+                pathname: 'main.tex',
+                commentId: 'comment-id-2',
+                ranges: [{ pos: 7, length: 15 }],
+              },
+              {
+                pathname: 'main.tex',
+                commentId: 'comment-id-3',
+                ranges: [],
+              },
+              {
+                pathname: 'main.tex',
+                textOperation: [10, 'baz', 10],
+              },
+            ],
+            v2Authors: [this.user_id],
+            timestamp: this.timestamp,
+            v2DocVersions: {
+              '59bfd450e3028c4d40a1e9ab': {
+                pathname: 'main.tex',
+                v: 0,
+              },
+            },
+          },
+        ])
+      })
+
+      it('handles insertions after the end of the document', function () {
+        const updates = [
+          {
+            update: {
+              doc: this.doc_id,
+              op: [{ p: 3, i: '\\' }],
+              v: this.version,
+              meta: {
+                user_id: this.user_id,
+                ts: new Date(this.timestamp).getTime(),
+                pathname: '/main.tex',
+                doc_length: 2,
+              },
+            },
+          },
+        ]
+
+        const changes = this.UpdateTranslator.convertToChanges(
+          this.project_id,
+          updates
+        ).map(change => change.toRaw())
+
+        expect(changes).to.deep.equal([
+          {
+            authors: [],
+            operations: [
+              {
+                pathname: 'main.tex',
+                textOperation: [2, '\\'],
+              },
+            ],
+            v2Authors: [this.user_id],
+            timestamp: this.timestamp,
+            v2DocVersions: {
+              '59bfd450e3028c4d40a1e9ab': {
+                pathname: 'main.tex',
+                v: 0,
+              },
+            },
+          },
+        ])
+      })
+
+      it('translates external source metadata into an origin', function () {
+        const updates = [
+          {
+            update: {
+              doc: this.doc_id,
+              op: [{ p: 3, i: 'foo' }],
+              v: this.version,
+              meta: {
+                user_id: this.user_id,
+                ts: new Date(this.timestamp).getTime(),
+                pathname: '/main.tex',
+                doc_length: 20,
+                type: 'external',
+                source: 'dropbox',
+              },
+            },
+          },
+        ]
+
+        const changes = this.UpdateTranslator.convertToChanges(
+          this.project_id,
+          updates
+        ).map(change => change.toRaw())
+
+        expect(changes).to.deep.equal([
+          {
+            authors: [],
+            operations: [
+              {
+                pathname: 'main.tex',
+                textOperation: [3, 'foo', 17],
+              },
+            ],
+            v2Authors: [this.user_id],
+            timestamp: this.timestamp,
+            v2DocVersions: {
+              '59bfd450e3028c4d40a1e9ab': {
+                pathname: 'main.tex',
+                v: 0,
+              },
+            },
+            origin: { kind: 'dropbox' },
+          },
+        ])
+      })
+
+      it('errors on unexpected ops', function () {
+        const updates = [
+          {
+            update: {
+              doc: this.doc_id,
+              op: [{ p: 5, z: 'bar' }],
+              v: this.version,
+              meta: {
+                user_id: this.user_id,
+                ts: new Date(this.timestamp).getTime(),
+                pathname: '/main.tex',
+                doc_length: 20,
+              },
+            },
+          },
+        ]
+        expect(() => {
+          this.UpdateTranslator.convertToChanges(this.project_id, updates)
+        }).to.throw('unexpected op type')
+      })
+    })
+
+    describe('text updates with history metadata', function () {
+      it('handles deletes over tracked deletes', function () {
+        const updates = [
+          {
+            update: {
+              doc: this.doc_id,
+              op: [
+                { i: 'foo', p: 3, hpos: 5 },
+                {
+                  d: 'quux',
+                  p: 10,
+                  hpos: 15,
+                  trackedChanges: [
+                    { type: 'delete', offset: 2, length: 3 },
+                    { type: 'delete', offset: 3, length: 1 },
+                  ],
+                },
+                { c: 'noteworthy', p: 8, t: 'comment-id', hpos: 11, hlen: 14 },
+              ],
+              v: this.version,
+              meta: {
+                user_id: this.user_id,
+                ts: new Date(this.timestamp).getTime(),
+                pathname: '/main.tex',
+                doc_length: 20,
+                history_doc_length: 30,
+                source: 'some-editor-id',
+              },
+            },
+          },
+        ]
+
+        const changes = this.UpdateTranslator.convertToChanges(
+          this.project_id,
+          updates
+        ).map(change => change.toRaw())
+
+        expect(changes).to.deep.equal([
+          {
+            authors: [],
+            operations: [
+              {
+                pathname: 'main.tex',
+                textOperation: [5, 'foo', 7, -2, 3, -1, 1, -1, 10],
+              },
+              {
+                pathname: 'main.tex',
+                commentId: 'comment-id',
+                ranges: [{ pos: 11, length: 14 }],
+              },
+            ],
+            v2Authors: [this.user_id],
+            timestamp: this.timestamp,
+            v2DocVersions: {
+              '59bfd450e3028c4d40a1e9ab': {
+                pathname: 'main.tex',
+                v: 0,
+              },
+            },
+          },
+        ])
+      })
+
+      it('handles tracked delete rejections specially', function () {
+        const updates = [
+          {
+            update: {
+              doc: this.doc_id,
+              op: [{ i: 'foo', p: 3, trackedDeleteRejection: true }],
+              v: this.version,
+              meta: {
+                user_id: this.user_id,
+                ts: new Date(this.timestamp).getTime(),
+                pathname: '/main.tex',
+                doc_length: 20,
+                source: 'some-editor-id',
+              },
+            },
+          },
+        ]
+
+        const changes = this.UpdateTranslator.convertToChanges(
+          this.project_id,
+          updates
+        ).map(change => change.toRaw())
+
+        expect(changes).to.deep.equal([
+          {
+            authors: [],
+            operations: [
+              {
+                pathname: 'main.tex',
+                textOperation: [
+                  3,
+                  {
+                    r: 3,
+                    tracking: { type: 'none' },
+                  },
+                  14,
+                ],
+              },
+            ],
+            v2Authors: [this.user_id],
+            timestamp: this.timestamp,
+            v2DocVersions: {
+              '59bfd450e3028c4d40a1e9ab': {
+                pathname: 'main.tex',
+                v: 0,
+              },
+            },
+          },
+        ])
+      })
+
+      it('handles tracked changes', function () {
+        const updates = [
+          {
+            update: {
+              doc: this.doc_id,
+              op: [
+                { i: 'inserted', p: 5 },
+                { d: 'deleted', p: 20 },
+                { i: 'rejected deletion', p: 30, trackedDeleteRejection: true },
+                {
+                  d: 'rejected insertion',
+                  p: 50,
+                  trackedChanges: [{ type: 'insert', offset: 0, length: 18 }],
+                },
+              ],
+              v: this.version,
+              meta: {
+                tc: 'tracked-change-id',
+                user_id: this.user_id,
+                ts: new Date(this.timestamp).getTime(),
+                pathname: '/main.tex',
+                doc_length: 70,
+                source: 'some-editor-id',
+              },
+            },
+          },
+        ]
+
+        const changes = this.UpdateTranslator.convertToChanges(
+          this.project_id,
+          updates
+        ).map(change => change.toRaw())
+
+        expect(changes).to.deep.equal([
+          {
+            authors: [],
+            operations: [
+              {
+                pathname: 'main.tex',
+                textOperation: [
+                  5,
+                  {
+                    i: 'inserted',
+                    tracking: {
+                      type: 'insert',
+                      userId: this.user_id,
+                      ts: new Date(this.timestamp).toISOString(),
+                    },
+                  },
+                  7,
+                  {
+                    r: 7,
+                    tracking: {
+                      type: 'delete',
+                      userId: this.user_id,
+                      ts: new Date(this.timestamp).toISOString(),
+                    },
+                  },
+                  3,
+                  {
+                    r: 17,
+                    tracking: { type: 'none' },
+                  },
+                  3,
+                  -18,
+                  10,
+                ],
+              },
+            ],
+            v2Authors: [this.user_id],
+            timestamp: this.timestamp,
+            v2DocVersions: {
+              '59bfd450e3028c4d40a1e9ab': {
+                pathname: 'main.tex',
+                v: 0,
+              },
+            },
+          },
+        ])
+      })
+
+      it('handles a delete over a mix of tracked inserts and tracked deletes', function () {
+        const updates = [
+          {
+            update: {
+              doc: this.doc_id,
+              op: [
+                {
+                  d: 'abcdef',
+                  p: 10,
+                  trackedChanges: [
+                    { type: 'insert', offset: 0, length: 3 },
+                    { type: 'delete', offset: 2, length: 10 },
+                    { type: 'insert', offset: 2, length: 2 },
+                  ],
+                },
+              ],
+              v: this.version,
+              meta: {
+                tc: 'tracking-id',
+                user_id: this.user_id,
+                ts: new Date(this.timestamp).getTime(),
+                pathname: '/main.tex',
+                doc_length: 20,
+                history_doc_length: 30,
+                source: 'some-editor-id',
+              },
+            },
+          },
+        ]
+
+        const changes = this.UpdateTranslator.convertToChanges(
+          this.project_id,
+          updates
+        ).map(change => change.toRaw())
+
+        expect(changes).to.deep.equal([
+          {
+            authors: [],
+            operations: [
+              {
+                pathname: 'main.tex',
+                textOperation: [
+                  10,
+                  -3,
+                  10,
+                  -2,
+                  {
+                    r: 1,
+                    tracking: {
+                      type: 'delete',
+                      userId: this.user_id,
+                      ts: this.timestamp,
+                    },
+                  },
+                  4,
+                ],
+              },
+            ],
+            v2Authors: [this.user_id],
+            timestamp: this.timestamp,
+            v2DocVersions: {
+              '59bfd450e3028c4d40a1e9ab': {
+                pathname: 'main.tex',
+                v: 0,
+              },
+            },
+          },
+        ])
+      })
+    })
+  })
+})
diff --git a/services/project-history/test/unit/js/UpdatesManager/UpdatesProcessorTests.js b/services/project-history/test/unit/js/UpdatesManager/UpdatesProcessorTests.js
new file mode 100644
index 0000000..137169b
--- /dev/null
+++ b/services/project-history/test/unit/js/UpdatesManager/UpdatesProcessorTests.js
@@ -0,0 +1,552 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import { strict as esmock } from 'esmock'
+import * as Errors from '../../../../app/js/Errors.js'
+
+const MODULE_PATH = '../../../../app/js/UpdatesProcessor.js'
+
+describe('UpdatesProcessor', function () {
+  before(async function () {
+    this.extendLock = sinon.stub()
+    this.BlobManager = {
+      createBlobsForUpdates: sinon.stub(),
+    }
+    this.HistoryStoreManager = {
+      getMostRecentVersion: sinon.stub(),
+      sendChanges: sinon.stub().yields(),
+    }
+    this.LockManager = {
+      runWithLock: sinon.spy((key, runner, callback) =>
+        runner(this.extendLock, callback)
+      ),
+    }
+    this.RedisManager = {}
+    this.UpdateCompressor = {
+      compressRawUpdates: sinon.stub(),
+    }
+    this.UpdateTranslator = {
+      convertToChanges: sinon.stub(),
+      isProjectStructureUpdate: sinon.stub(),
+      isTextUpdate: sinon.stub(),
+    }
+    this.WebApiManager = {
+      getHistoryId: sinon.stub(),
+    }
+    this.SyncManager = {
+      expandSyncUpdates: sinon.stub(),
+      setResyncState: sinon.stub().yields(),
+      skipUpdatesDuringSync: sinon.stub(),
+    }
+    this.ErrorRecorder = {
+      getLastFailure: sinon.stub(),
+      record: sinon.stub().yields(null, { attempts: 1 }),
+    }
+    this.RetryManager = {
+      isFirstFailure: sinon.stub().returns(true),
+      isHardFailure: sinon.stub().returns(false),
+    }
+    this.Profiler = {
+      Profiler: class {
+        log() {
+          return this
+        }
+
+        wrap(label, cb) {
+          return cb
+        }
+
+        getTimeDelta() {
+          return 0
+        }
+
+        end() {
+          return 0
+        }
+      },
+    }
+    this.Metrics = {
+      gauge: sinon.stub(),
+      inc: sinon.stub(),
+      timing: sinon.stub(),
+    }
+    this.Settings = {
+      redis: {
+        lock: {
+          key_schema: {
+            projectHistoryLock({ project_id: projectId }) {
+              return `ProjectHistoryLock:${projectId}`
+            },
+          },
+        },
+      },
+    }
+    this.UpdatesProcessor = await esmock(MODULE_PATH, {
+      '../../../../app/js/BlobManager.js': this.BlobManager,
+      '../../../../app/js/HistoryStoreManager.js': this.HistoryStoreManager,
+      '../../../../app/js/LockManager.js': this.LockManager,
+      '../../../../app/js/RedisManager.js': this.RedisManager,
+      '../../../../app/js/UpdateCompressor.js': this.UpdateCompressor,
+      '../../../../app/js/UpdateTranslator.js': this.UpdateTranslator,
+      '../../../../app/js/WebApiManager.js': this.WebApiManager,
+      '../../../../app/js/SyncManager.js': this.SyncManager,
+      '../../../../app/js/ErrorRecorder.js': this.ErrorRecorder,
+      '../../../../app/js/Profiler.js': this.Profiler,
+      '../../../../app/js/RetryManager.js': this.RetryManager,
+      '../../../../app/js/Errors.js': Errors,
+      '@overleaf/metrics': this.Metrics,
+      '@overleaf/settings': this.Settings,
+    })
+    this.doc_id = 'doc-id-123'
+    this.project_id = 'project-id-123'
+    this.ol_project_id = 'ol-project-id-234'
+    this.callback = sinon.stub()
+    this.temporary = 'temp-mock'
+  })
+
+  describe('processUpdatesForProject', function () {
+    beforeEach(function () {
+      this.error = new Error('error')
+      this.queueSize = 445
+      this.UpdatesProcessor._mocks._countAndProcessUpdates = sinon
+        .stub()
+        .callsArgWith(3, this.error, this.queueSize)
+    })
+
+    describe('when there is no existing error', function () {
+      beforeEach(function (done) {
+        this.ErrorRecorder.getLastFailure.yields()
+        this.UpdatesProcessor.processUpdatesForProject(this.project_id, err => {
+          expect(err).to.equal(this.error)
+          done()
+        })
+      })
+
+      it('processes updates', function () {
+        this.UpdatesProcessor._mocks._countAndProcessUpdates
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+
+      it('records errors', function () {
+        this.ErrorRecorder.record
+          .calledWith(this.project_id, this.queueSize, this.error)
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('_getHistoryId', function () {
+    describe('projectHistoryId is not present', function () {
+      beforeEach(function () {
+        this.updates = [
+          { p: 0, i: 'a' },
+          { p: 1, i: 's' },
+        ]
+        this.WebApiManager.getHistoryId.yields(null)
+      })
+
+      it('returns null', function (done) {
+        this.UpdatesProcessor._getHistoryId(
+          this.project_id,
+          this.updates,
+          (error, projectHistoryId) => {
+            expect(error).to.be.null
+            expect(projectHistoryId).to.be.null
+            done()
+          }
+        )
+      })
+    })
+
+    describe('projectHistoryId is not present in updates', function () {
+      beforeEach(function () {
+        this.updates = [
+          { p: 0, i: 'a' },
+          { p: 1, i: 's' },
+        ]
+      })
+
+      it('returns the id from web', function (done) {
+        this.projectHistoryId = '1234'
+        this.WebApiManager.getHistoryId.yields(null, this.projectHistoryId)
+
+        this.UpdatesProcessor._getHistoryId(
+          this.project_id,
+          this.updates,
+          (error, projectHistoryId) => {
+            expect(error).to.be.null
+            expect(projectHistoryId).equal(this.projectHistoryId)
+            done()
+          }
+        )
+      })
+
+      it('returns errors from web', function (done) {
+        this.error = new Error('oh no!')
+        this.WebApiManager.getHistoryId.yields(this.error)
+
+        this.UpdatesProcessor._getHistoryId(
+          this.project_id,
+          this.updates,
+          error => {
+            expect(error).to.equal(this.error)
+            done()
+          }
+        )
+      })
+    })
+
+    describe('projectHistoryId is present in some updates', function () {
+      beforeEach(function () {
+        this.projectHistoryId = '1234'
+        this.updates = [
+          { p: 0, i: 'a' },
+          { p: 1, i: 's', projectHistoryId: this.projectHistoryId },
+          { p: 2, i: 'd', projectHistoryId: this.projectHistoryId },
+        ]
+      })
+
+      it('returns an error if the id is inconsistent between updates', function (done) {
+        this.updates[1].projectHistoryId = 2345
+        this.UpdatesProcessor._getHistoryId(
+          this.project_id,
+          this.updates,
+          error => {
+            expect(error.message).to.equal(
+              'inconsistent project history id between updates'
+            )
+            done()
+          }
+        )
+      })
+
+      it('returns an error if the id is inconsistent between updates and web', function (done) {
+        this.WebApiManager.getHistoryId.yields(null, 2345)
+        this.UpdatesProcessor._getHistoryId(
+          this.project_id,
+          this.updates,
+          error => {
+            expect(error.message).to.equal(
+              'inconsistent project history id between updates and web'
+            )
+            done()
+          }
+        )
+      })
+
+      it('returns the id if it is consistent between updates and web', function (done) {
+        this.WebApiManager.getHistoryId.yields(null, this.projectHistoryId)
+        this.UpdatesProcessor._getHistoryId(
+          this.project_id,
+          this.updates,
+          (error, projectHistoryId) => {
+            expect(error).to.be.null
+            expect(projectHistoryId).equal(this.projectHistoryId)
+            done()
+          }
+        )
+      })
+
+      it('returns the id if it is consistent between updates but unavaiable in web', function (done) {
+        this.WebApiManager.getHistoryId.yields(new Error('oh no!'))
+        this.UpdatesProcessor._getHistoryId(
+          this.project_id,
+          this.updates,
+          (error, projectHistoryId) => {
+            expect(error).to.be.null
+            expect(projectHistoryId).equal(this.projectHistoryId)
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('_processUpdates', function () {
+    beforeEach(function () {
+      this.mostRecentVersionInfo = { version: 1 }
+      this.rawUpdates = ['raw updates']
+      this.expandedUpdates = ['expanded updates']
+      this.filteredUpdates = ['filtered updates']
+      this.compressedUpdates = ['compressed updates']
+      this.updatesWithBlobs = ['updates with blob']
+      this.changes = [
+        {
+          toRaw() {
+            return 'change'
+          },
+        },
+      ]
+      this.newSyncState = { resyncProjectStructure: false }
+
+      this.extendLock = sinon.stub().yields()
+      this.mostRecentChunk = 'fake-chunk'
+
+      this.HistoryStoreManager.getMostRecentVersion.yields(
+        null,
+        this.mostRecentVersionInfo,
+        null,
+        '_lastChange',
+        this.mostRecentChunk
+      )
+      this.SyncManager.skipUpdatesDuringSync.yields(
+        null,
+        this.filteredUpdates,
+        this.newSyncState
+      )
+      this.SyncManager.expandSyncUpdates.callsArgWith(
+        5,
+        null,
+        this.expandedUpdates
+      )
+      this.UpdateCompressor.compressRawUpdates.returns(this.compressedUpdates)
+      this.BlobManager.createBlobsForUpdates.callsArgWith(
+        4,
+        null,
+        this.updatesWithBlobs
+      )
+      this.UpdateTranslator.convertToChanges.returns(this.changes)
+    })
+
+    describe('happy path', function () {
+      beforeEach(function (done) {
+        this.UpdatesProcessor._processUpdates(
+          this.project_id,
+          this.ol_project_id,
+          this.rawUpdates,
+          this.extendLock,
+          err => {
+            this.callback(err)
+            done()
+          }
+        )
+      })
+
+      it('should get the latest version id', function () {
+        this.HistoryStoreManager.getMostRecentVersion.should.have.been.calledWith(
+          this.project_id,
+          this.ol_project_id
+        )
+      })
+
+      it('should skip updates when resyncing', function () {
+        this.SyncManager.skipUpdatesDuringSync.should.have.been.calledWith(
+          this.project_id,
+          this.rawUpdates
+        )
+      })
+
+      it('should expand sync updates', function () {
+        this.SyncManager.expandSyncUpdates.should.have.been.calledWith(
+          this.project_id,
+          this.ol_project_id,
+          this.mostRecentChunk,
+          this.filteredUpdates,
+          this.extendLock
+        )
+      })
+
+      it('should compress updates', function () {
+        this.UpdateCompressor.compressRawUpdates.should.have.been.calledWith(
+          this.expandedUpdates
+        )
+      })
+
+      it('should create any blobs for the updates', function () {
+        this.BlobManager.createBlobsForUpdates.should.have.been.calledWith(
+          this.project_id,
+          this.ol_project_id,
+          this.compressedUpdates
+        )
+      })
+
+      it('should convert the updates into a change requests', function () {
+        this.UpdateTranslator.convertToChanges.should.have.been.calledWith(
+          this.project_id,
+          this.updatesWithBlobs
+        )
+      })
+
+      it('should send the change request to the history store', function () {
+        this.HistoryStoreManager.sendChanges.should.have.been.calledWith(
+          this.project_id,
+          this.ol_project_id,
+          ['change']
+        )
+      })
+
+      it('should set the sync state', function () {
+        this.SyncManager.setResyncState.should.have.been.calledWith(
+          this.project_id,
+          this.newSyncState
+        )
+      })
+
+      it('should call the callback with no error', function () {
+        this.callback.should.have.been.called
+      })
+    })
+
+    describe('with an error converting changes', function () {
+      beforeEach(function (done) {
+        this.err = new Error()
+        this.UpdateTranslator.convertToChanges.throws(this.err)
+        this.callback = sinon.stub()
+
+        this.UpdatesProcessor._processUpdates(
+          this.project_id,
+          this.ol_project_id,
+          this.rawUpdates,
+          this.extendLock,
+          err => {
+            this.callback(err)
+            done()
+          }
+        )
+      })
+
+      it('should call the callback with the error', function () {
+        this.callback.should.have.been.calledWith(this.err)
+      })
+    })
+  })
+
+  describe('_skipAlreadyAppliedUpdates', function () {
+    before(function () {
+      this.UpdateTranslator.isProjectStructureUpdate.callsFake(
+        update => update.version != null
+      )
+      this.UpdateTranslator.isTextUpdate.callsFake(update => update.v != null)
+    })
+
+    describe('with all doc ops in order', function () {
+      before(function () {
+        this.updates = [
+          { doc: 'id', v: 1 },
+          { doc: 'id', v: 2 },
+          { doc: 'id', v: 3 },
+          { doc: 'id', v: 4 },
+        ]
+        this.updatesToApply = this.UpdatesProcessor._skipAlreadyAppliedUpdates(
+          this.project_id,
+          this.updates,
+          { docs: {} }
+        )
+      })
+
+      it('should return the original updates', function () {
+        expect(this.updatesToApply).to.eql(this.updates)
+      })
+    })
+
+    describe('with all project ops in order', function () {
+      before(function () {
+        this.updates = [
+          { version: 1 },
+          { version: 2 },
+          { version: 3 },
+          { version: 4 },
+        ]
+        this.updatesToApply = this.UpdatesProcessor._skipAlreadyAppliedUpdates(
+          this.project_id,
+          this.updates,
+          { docs: {} }
+        )
+      })
+
+      it('should return the original updates', function () {
+        expect(this.updatesToApply).to.eql(this.updates)
+      })
+    })
+
+    describe('with all multiple doc and ops in order', function () {
+      before(function () {
+        this.updates = [
+          { doc: 'id1', v: 1 },
+          { doc: 'id1', v: 2 },
+          { doc: 'id1', v: 3 },
+          { doc: 'id1', v: 4 },
+          { doc: 'id2', v: 1 },
+          { doc: 'id2', v: 2 },
+          { doc: 'id2', v: 3 },
+          { doc: 'id2', v: 4 },
+          { version: 1 },
+          { version: 2 },
+          { version: 3 },
+          { version: 4 },
+        ]
+        this.updatesToApply = this.UpdatesProcessor._skipAlreadyAppliedUpdates(
+          this.project_id,
+          this.updates,
+          { docs: {} }
+        )
+      })
+
+      it('should return the original updates', function () {
+        expect(this.updatesToApply).to.eql(this.updates)
+      })
+    })
+
+    describe('with doc ops out of order', function () {
+      before(function () {
+        this.updates = [
+          { doc: 'id', v: 1 },
+          { doc: 'id', v: 2 },
+          { doc: 'id', v: 4 },
+          { doc: 'id', v: 3 },
+        ]
+        this.skipFn = sinon.spy(
+          this.UpdatesProcessor._mocks,
+          '_skipAlreadyAppliedUpdates'
+        )
+        try {
+          this.updatesToApply =
+            this.UpdatesProcessor._skipAlreadyAppliedUpdates(
+              this.project_id,
+              this.updates,
+              { docs: {} }
+            )
+        } catch (error) {}
+      })
+
+      after(function () {
+        this.skipFn.restore()
+      })
+
+      it('should throw an exception', function () {
+        this.skipFn.threw('OpsOutOfOrderError').should.equal(true)
+      })
+    })
+
+    describe('with project ops out of order', function () {
+      before(function () {
+        this.updates = [
+          { version: 1 },
+          { version: 2 },
+          { version: 4 },
+          { version: 3 },
+        ]
+        this.skipFn = sinon.spy(
+          this.UpdatesProcessor._mocks,
+          '_skipAlreadyAppliedUpdates'
+        )
+        try {
+          this.updatesToApply =
+            this.UpdatesProcessor._skipAlreadyAppliedUpdates(
+              this.project_id,
+              this.updates,
+              { docs: {} }
+            )
+        } catch (error) {}
+      })
+
+      after(function () {
+        this.skipFn.restore()
+      })
+
+      it('should throw an exception', function () {
+        this.skipFn.threw('OpsOutOfOrderError').should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/project-history/test/unit/js/Versions/VersionTest.js b/services/project-history/test/unit/js/Versions/VersionTest.js
new file mode 100644
index 0000000..8f6f0e1
--- /dev/null
+++ b/services/project-history/test/unit/js/Versions/VersionTest.js
@@ -0,0 +1,170 @@
+/* eslint-disable
+    no-return-assign,
+    no-undef,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { expect } from 'chai'
+import { strict as esmock } from 'esmock'
+
+const MODULE_PATH = '../../../../app/js/Versions.js'
+
+describe('Versions', function () {
+  beforeEach(async function () {
+    return (this.Versions = await esmock(MODULE_PATH))
+  })
+
+  describe('compare', function () {
+    describe('for greater major version', function () {
+      return it('should return +1', function () {
+        return this.Versions.compare('2.1', '1.1').should.equal(+1)
+      })
+    })
+
+    describe('for lesser major version', function () {
+      return it('should return -1', function () {
+        return this.Versions.compare('1.1', '2.1').should.equal(-1)
+      })
+    })
+
+    describe('for equal major versions with no minor version', function () {
+      return it('should return 0', function () {
+        return this.Versions.compare('2', '2').should.equal(0)
+      })
+    })
+
+    describe('for equal major versions with greater minor version', function () {
+      return it('should return +1', function () {
+        return this.Versions.compare('2.3', '2.1').should.equal(+1)
+      })
+    })
+
+    describe('for equal major versions with lesser minor version', function () {
+      return it('should return -1', function () {
+        return this.Versions.compare('2.1', '2.3').should.equal(-1)
+      })
+    })
+
+    describe('for equal major versions with greater minor version (non lexical)', function () {
+      return it('should return +1', function () {
+        return this.Versions.compare('2.10', '2.9').should.equal(+1)
+      })
+    })
+
+    describe('for equal major versions with lesser minor version (non lexical)', function () {
+      return it('should return +1', function () {
+        return this.Versions.compare('2.9', '2.10').should.equal(-1)
+      })
+    })
+
+    describe('for a single major version vs a major+minor version', function () {
+      return it('should return +1', function () {
+        return this.Versions.compare('2.1', '1').should.equal(+1)
+      })
+    })
+
+    describe('for a major+minor version vs a single major version', function () {
+      return it('should return -1', function () {
+        return this.Versions.compare('1', '2.1').should.equal(-1)
+      })
+    })
+
+    describe('for equal major versions with greater minor version vs zero', function () {
+      return it('should return +1', function () {
+        return this.Versions.compare('2.3', '2.0').should.equal(+1)
+      })
+    })
+
+    return describe('for equal major versions with lesser minor version of zero', function () {
+      return it('should return -1', function () {
+        return this.Versions.compare('2.0', '2.3').should.equal(-1)
+      })
+    })
+  })
+
+  describe('gt', function () {
+    describe('for greater major version', function () {
+      return it('should return true', function () {
+        return this.Versions.gt('2.1', '1.1').should.equal(true)
+      })
+    })
+
+    describe('for lesser major version', function () {
+      return it('should return false', function () {
+        return this.Versions.gt('1.1', '2.1').should.equal(false)
+      })
+    })
+
+    return describe('for equal major versions with no minor version', function () {
+      return it('should return false', function () {
+        return this.Versions.gt('2', '2').should.equal(false)
+      })
+    })
+  })
+
+  describe('gte', function () {
+    describe('for greater major version', function () {
+      return it('should return true', function () {
+        return this.Versions.gte('2.1', '1.1').should.equal(true)
+      })
+    })
+
+    describe('for lesser major version', function () {
+      return it('should return false', function () {
+        return this.Versions.gte('1.1', '2.1').should.equal(false)
+      })
+    })
+
+    return describe('for equal major versions with no minor version', function () {
+      return it('should return true', function () {
+        return this.Versions.gte('2', '2').should.equal(true)
+      })
+    })
+  })
+
+  describe('lt', function () {
+    describe('for greater major version', function () {
+      return it('should return false', function () {
+        return this.Versions.lt('2.1', '1.1').should.equal(false)
+      })
+    })
+
+    describe('for lesser major version', function () {
+      return it('should return true', function () {
+        return this.Versions.lt('1.1', '2.1').should.equal(true)
+      })
+    })
+
+    return describe('for equal major versions with no minor version', function () {
+      return it('should return false', function () {
+        return this.Versions.lt('2', '2').should.equal(false)
+      })
+    })
+  })
+
+  return describe('lte', function () {
+    describe('for greater major version', function () {
+      return it('should return false', function () {
+        return this.Versions.lte('2.1', '1.1').should.equal(false)
+      })
+    })
+
+    describe('for lesser major version', function () {
+      return it('should return true', function () {
+        return this.Versions.lte('1.1', '2.1').should.equal(true)
+      })
+    })
+
+    return describe('for equal major versions with no minor version', function () {
+      return it('should return true', function () {
+        return this.Versions.lte('2', '2').should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/project-history/test/unit/js/WebApiManager/WebApiManagerTests.js b/services/project-history/test/unit/js/WebApiManager/WebApiManagerTests.js
new file mode 100644
index 0000000..7a9c795
--- /dev/null
+++ b/services/project-history/test/unit/js/WebApiManager/WebApiManagerTests.js
@@ -0,0 +1,153 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import { strict as esmock } from 'esmock'
+import { RequestFailedError } from '@overleaf/fetch-utils'
+
+const MODULE_PATH = '../../../../app/js/WebApiManager.js'
+
+describe('WebApiManager', function () {
+  beforeEach(async function () {
+    this.settings = {
+      apis: {
+        web: {
+          url: 'http://example.com',
+          user: 'overleaf',
+          pass: 'password',
+        },
+      },
+    }
+    this.userId = 'mock-user-id'
+    this.projectId = 'mock-project-id'
+    this.project = { features: 'mock-features' }
+    this.olProjectId = 12345
+    this.Metrics = { inc: sinon.stub() }
+    this.RedisManager = {
+      promises: {
+        getCachedHistoryId: sinon.stub(),
+        setCachedHistoryId: sinon.stub().resolves(),
+      },
+    }
+    this.FetchUtils = {
+      fetchNothing: sinon.stub().resolves(),
+      fetchJson: sinon.stub(),
+      RequestFailedError,
+    }
+    this.WebApiManager = await esmock(MODULE_PATH, {
+      '@overleaf/fetch-utils': this.FetchUtils,
+      '@overleaf/settings': this.settings,
+      '@overleaf/metrics': this.Metrics,
+      '../../../../app/js/RedisManager.js': this.RedisManager,
+    })
+    this.WebApiManager.setRetryTimeoutMs(100)
+  })
+
+  describe('getHistoryId', function () {
+    describe('when there is no cached value and the web request is successful', function () {
+      beforeEach(function () {
+        this.RedisManager.promises.getCachedHistoryId
+          .withArgs(this.projectId) // first call, no cached value returned
+          .onCall(0)
+          .resolves(null)
+        this.RedisManager.promises.getCachedHistoryId
+          .withArgs(this.projectId) // subsequent calls, return cached value
+          .resolves(this.olProjectId)
+        this.RedisManager.promises.getCachedHistoryId
+          .withArgs('mock-project-id-2') // no cached value for other project
+          .resolves(null)
+        this.FetchUtils.fetchJson.resolves({
+          overleaf: { history: { id: this.olProjectId } },
+        })
+      })
+
+      it('should only request project details once per project', async function () {
+        for (let i = 0; i < 5; i++) {
+          await this.WebApiManager.promises.getHistoryId(this.projectId)
+        }
+        this.FetchUtils.fetchJson.should.have.been.calledOnce
+
+        await this.WebApiManager.promises.getHistoryId('mock-project-id-2')
+        this.FetchUtils.fetchJson.should.have.been.calledTwice
+      })
+
+      it('should cache the history id', async function () {
+        const olProjectId = await this.WebApiManager.promises.getHistoryId(
+          this.projectId
+        )
+        this.RedisManager.promises.setCachedHistoryId
+          .calledWith(this.projectId, olProjectId)
+          .should.equal(true)
+      })
+
+      it("should return the project's history id", async function () {
+        const olProjectId = await this.WebApiManager.promises.getHistoryId(
+          this.projectId
+        )
+
+        expect(this.FetchUtils.fetchJson).to.have.been.calledWithMatch(
+          `${this.settings.apis.web.url}/project/${this.projectId}/details`,
+          {
+            basicAuth: {
+              user: this.settings.apis.web.user,
+              password: this.settings.apis.web.pass,
+            },
+          }
+        )
+        expect(olProjectId).to.equal(this.olProjectId)
+      })
+    })
+
+    describe('when the web API returns an error', function () {
+      beforeEach(function () {
+        this.error = new Error('something went wrong')
+        this.FetchUtils.fetchJson.rejects(this.error)
+        this.RedisManager.promises.getCachedHistoryId.resolves(null)
+      })
+
+      it('should throw an error', async function () {
+        await expect(
+          this.WebApiManager.promises.getHistoryId(this.projectId)
+        ).to.be.rejectedWith(this.error)
+      })
+    })
+
+    describe('when web returns a 404', function () {
+      beforeEach(function () {
+        this.FetchUtils.fetchJson.rejects(
+          new RequestFailedError(
+            'http://some-url',
+            {},
+            { status: 404 },
+            'Not found'
+          )
+        )
+        this.RedisManager.promises.getCachedHistoryId.resolves(null)
+      })
+
+      it('should throw an error', async function () {
+        await expect(
+          this.WebApiManager.promises.getHistoryId(this.projectId)
+        ).to.be.rejectedWith('got a 404 from web api')
+      })
+    })
+
+    describe('when web returns a failure error code', function () {
+      beforeEach(function () {
+        this.RedisManager.promises.getCachedHistoryId.resolves(null)
+        this.FetchUtils.fetchJson.rejects(
+          new RequestFailedError(
+            'http://some-url',
+            {},
+            { status: 500 },
+            'Error'
+          )
+        )
+      })
+
+      it('should throw an error', async function () {
+        await expect(
+          this.WebApiManager.promises.getHistoryId(this.projectId)
+        ).to.be.rejectedWith(RequestFailedError)
+      })
+    })
+  })
+})
diff --git a/services/project-history/tsconfig.json b/services/project-history/tsconfig.json
new file mode 100644
index 0000000..d3fdd30
--- /dev/null
+++ b/services/project-history/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "app.js",
+    "app/js/**/*",
+    "benchmarks/**/*",
+    "config/**/*",
+    "scripts/**/*",
+    "test/**/*",
+    "types"
+  ]
+}
diff --git a/services/real-time/.gitignore b/services/real-time/.gitignore
new file mode 100644
index 0000000..80bac79
--- /dev/null
+++ b/services/real-time/.gitignore
@@ -0,0 +1,5 @@
+node_modules
+forever
+
+# managed by dev-environment$ bin/update_build_scripts
+.npmrc
diff --git a/services/real-time/.mocharc.json b/services/real-time/.mocharc.json
new file mode 100644
index 0000000..dc3280a
--- /dev/null
+++ b/services/real-time/.mocharc.json
@@ -0,0 +1,3 @@
+{
+  "require": "test/setup.js"
+}
diff --git a/services/real-time/.nvmrc b/services/real-time/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/services/real-time/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/services/real-time/Dockerfile b/services/real-time/Dockerfile
new file mode 100644
index 0000000..d1f2046
--- /dev/null
+++ b/services/real-time/Dockerfile
@@ -0,0 +1,27 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+FROM node:20.18.2 AS base
+
+WORKDIR /overleaf/services/real-time
+
+# Google Cloud Storage needs a writable $HOME/.config for resumable uploads
+# (see https://googleapis.dev/nodejs/storage/latest/File.html#createWriteStream)
+RUN mkdir /home/node/.config && chown node:node /home/node/.config
+
+FROM base AS app
+
+COPY package.json package-lock.json /overleaf/
+COPY services/real-time/package.json /overleaf/services/real-time/
+COPY libraries/ /overleaf/libraries/
+COPY patches/ /overleaf/patches/
+
+RUN cd /overleaf && npm ci --quiet
+
+COPY services/real-time/ /overleaf/services/real-time/
+
+FROM app
+USER node
+
+CMD ["node", "--expose-gc", "app.js"]
diff --git a/services/real-time/LICENSE b/services/real-time/LICENSE
new file mode 100644
index 0000000..dba13ed
--- /dev/null
+++ b/services/real-time/LICENSE
@@ -0,0 +1,661 @@
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<http://www.gnu.org/licenses/>.
diff --git a/services/real-time/Makefile b/services/real-time/Makefile
new file mode 100644
index 0000000..e9e6a7a
--- /dev/null
+++ b/services/real-time/Makefile
@@ -0,0 +1,156 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+BUILD_NUMBER ?= local
+BRANCH_NAME ?= $(shell git rev-parse --abbrev-ref HEAD)
+PROJECT_NAME = real-time
+BUILD_DIR_NAME = $(shell pwd | xargs basename | tr -cd '[a-zA-Z0-9_.\-]')
+
+DOCKER_COMPOSE_FLAGS ?= -f docker-compose.yml
+DOCKER_COMPOSE := BUILD_NUMBER=$(BUILD_NUMBER) \
+	BRANCH_NAME=$(BRANCH_NAME) \
+	PROJECT_NAME=$(PROJECT_NAME) \
+	MOCHA_GREP=${MOCHA_GREP} \
+	docker compose ${DOCKER_COMPOSE_FLAGS}
+
+COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE ?= test_acceptance_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_ACCEPTANCE = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_ACCEPTANCE) $(DOCKER_COMPOSE)
+
+COMPOSE_PROJECT_NAME_TEST_UNIT ?= test_unit_$(BUILD_DIR_NAME)
+DOCKER_COMPOSE_TEST_UNIT = \
+	COMPOSE_PROJECT_NAME=$(COMPOSE_PROJECT_NAME_TEST_UNIT) $(DOCKER_COMPOSE)
+
+clean:
+	-docker rmi ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-docker rmi us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+	-$(DOCKER_COMPOSE_TEST_UNIT) down --rmi local
+	-$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down --rmi local
+
+HERE=$(shell pwd)
+MONOREPO=$(shell cd ../../ && pwd)
+# Run the linting commands in the scope of the monorepo.
+# Eslint and prettier (plus some configs) are on the root.
+RUN_LINTING = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(HERE) node:20.18.2 npm run --silent
+
+RUN_LINTING_CI = docker run --rm --volume $(MONOREPO)/.editorconfig:/overleaf/.editorconfig --volume $(MONOREPO)/.eslintignore:/overleaf/.eslintignore --volume $(MONOREPO)/.eslintrc:/overleaf/.eslintrc --volume $(MONOREPO)/.prettierignore:/overleaf/.prettierignore --volume $(MONOREPO)/.prettierrc:/overleaf/.prettierrc --volume $(MONOREPO)/tsconfig.backend.json:/overleaf/tsconfig.backend.json ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) npm run --silent
+
+# Same but from the top of the monorepo
+RUN_LINTING_MONOREPO = docker run --rm -v $(MONOREPO):$(MONOREPO) -w $(MONOREPO) node:20.18.2 npm run --silent
+
+SHELLCHECK_OPTS = \
+	--shell=bash \
+	--external-sources
+SHELLCHECK_COLOR := $(if $(CI),--color=never,--color)
+SHELLCHECK_FILES := { git ls-files "*.sh" -z; git grep -Plz "\A\#\!.*bash"; } | sort -zu
+
+shellcheck:
+	@$(SHELLCHECK_FILES) | xargs -0 -r docker run --rm -v $(HERE):/mnt -w /mnt \
+		koalaman/shellcheck:stable $(SHELLCHECK_OPTS) $(SHELLCHECK_COLOR)
+
+shellcheck_fix:
+	@$(SHELLCHECK_FILES) | while IFS= read -r -d '' file; do \
+		diff=$$(docker run --rm -v $(HERE):/mnt -w /mnt koalaman/shellcheck:stable $(SHELLCHECK_OPTS) --format=diff "$$file" 2>/dev/null); \
+		if [ -n "$$diff" ] && ! echo "$$diff" | patch -p1 >/dev/null 2>&1; then echo "\033[31m$$file\033[0m"; \
+		elif [ -n "$$diff" ]; then echo "$$file"; \
+		else echo "\033[2m$$file\033[0m"; fi \
+	done
+
+format:
+	$(RUN_LINTING) format
+
+format_ci:
+	$(RUN_LINTING_CI) format
+
+format_fix:
+	$(RUN_LINTING) format:fix
+
+lint:
+	$(RUN_LINTING) lint
+
+lint_ci:
+	$(RUN_LINTING_CI) lint
+
+lint_fix:
+	$(RUN_LINTING) lint:fix
+
+typecheck:
+	$(RUN_LINTING) types:check
+
+typecheck_ci:
+	$(RUN_LINTING_CI) types:check
+
+test: format lint typecheck shellcheck test_unit test_acceptance
+
+test_unit:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) run --rm test_unit
+	$(MAKE) test_unit_clean
+endif
+
+test_clean: test_unit_clean
+test_unit_clean:
+ifneq (,$(wildcard test/unit))
+	$(DOCKER_COMPOSE_TEST_UNIT) down -v -t 0
+endif
+
+test_acceptance: test_acceptance_clean test_acceptance_pre_run test_acceptance_run
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_debug: test_acceptance_clean test_acceptance_pre_run test_acceptance_run_debug
+	$(MAKE) test_acceptance_clean
+
+test_acceptance_run:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance
+endif
+
+test_acceptance_run_debug:
+ifneq (,$(wildcard test/acceptance))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run -p 127.0.0.9:19999:19999 --rm test_acceptance npm run test:acceptance -- --inspect=0.0.0.0:19999 --inspect-brk
+endif
+
+test_clean: test_acceptance_clean
+test_acceptance_clean:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) down -v -t 0
+
+test_acceptance_pre_run:
+ifneq (,$(wildcard test/acceptance/js/scripts/pre-run))
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance test/acceptance/js/scripts/pre-run
+endif
+
+benchmarks:
+	$(DOCKER_COMPOSE_TEST_ACCEPTANCE) run --rm test_acceptance npm run benchmarks
+
+build:
+	docker build \
+		--pull \
+		--build-arg BUILDKIT_INLINE_CACHE=1 \
+		--tag ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER) \
+		--tag us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):$(BRANCH_NAME) \
+		--cache-from us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME):main \
+		--file Dockerfile \
+		../..
+
+tar:
+	$(DOCKER_COMPOSE) up tar
+
+publish:
+
+	docker push $(DOCKER_REPO)/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+
+
+.PHONY: clean \
+	format format_fix \
+	lint lint_fix \
+	build_types typecheck \
+	lint_ci format_ci typecheck_ci \
+	shellcheck shellcheck_fix \
+	test test_clean test_unit test_unit_clean \
+	test_acceptance test_acceptance_debug test_acceptance_pre_run \
+	test_acceptance_run test_acceptance_run_debug test_acceptance_clean \
+	benchmarks \
+	build tar publish \
diff --git a/services/real-time/app.js b/services/real-time/app.js
new file mode 100644
index 0000000..38cb3ca
--- /dev/null
+++ b/services/real-time/app.js
@@ -0,0 +1,340 @@
+// Metrics must be initialized before importing anything else
+require('@overleaf/metrics/initialize')
+
+const Metrics = require('@overleaf/metrics')
+const Settings = require('@overleaf/settings')
+const async = require('async')
+
+const logger = require('@overleaf/logger')
+logger.initialize('real-time')
+Metrics.event_loop.monitor(logger)
+Metrics.open_sockets.monitor()
+
+const express = require('express')
+const session = require('express-session')
+const redis = require('@overleaf/redis-wrapper')
+
+const sessionRedisClient = redis.createClient(Settings.redis.websessions)
+
+const RedisStore = require('connect-redis')(session)
+const SessionSockets = require('./app/js/SessionSockets')
+const CookieParser = require('cookie-parser')
+
+const DrainManager = require('./app/js/DrainManager')
+const HealthCheckManager = require('./app/js/HealthCheckManager')
+const DeploymentManager = require('./app/js/DeploymentManager')
+
+const Path = require('node:path')
+
+// NOTE: debug is invoked for every blob that is put on the wire
+const socketIoLogger = {
+  error(...message) {
+    logger.debug({ fromSocketIo: true, originalLevel: 'error' }, ...message)
+  },
+  warn(...message) {
+    logger.debug({ fromSocketIo: true, originalLevel: 'warn' }, ...message)
+  },
+  info() {},
+  debug() {},
+  log() {},
+}
+
+// monitor status file to take dark deployments out of the load-balancer
+DeploymentManager.initialise()
+
+// Set up socket.io server
+const app = express()
+
+const server = require('node:http').createServer(app)
+server.keepAliveTimeout = Settings.keepAliveTimeoutMs
+const io = require('socket.io').listen(server, {
+  logger: socketIoLogger,
+})
+
+// Bind to sessions
+const sessionStore = new RedisStore({ client: sessionRedisClient })
+
+if (!Settings.security.sessionSecret) {
+  throw new Error('No SESSION_SECRET provided.')
+}
+
+const sessionSecrets = [
+  Settings.security.sessionSecret,
+  Settings.security.sessionSecretUpcoming,
+  Settings.security.sessionSecretFallback,
+].filter(Boolean)
+const cookieParser = CookieParser(sessionSecrets)
+
+const sessionSockets = new SessionSockets(
+  io,
+  sessionStore,
+  cookieParser,
+  Settings.cookieName
+)
+
+Metrics.injectMetricsRoute(app)
+
+io.configure(function () {
+  // Don't use socket.io to serve client
+  io.disable('browser client')
+
+  // Fix for Safari 5 error of "Error during WebSocket handshake: location mismatch"
+  // See http://answers.dotcloud.com/question/578/problem-with-websocket-over-ssl-in-safari-with
+  io.set('match origin protocol', true)
+
+  io.set('transports', ['websocket', 'xhr-polling'])
+
+  if (Settings.allowedCorsOrigins) {
+    // Create a regex for matching origins, allowing wildcard subdomains
+    const allowedCorsOriginsRegex = new RegExp(
+      `^${Settings.allowedCorsOrigins.replaceAll('.', '\\.').replace('://*', '://[^.]+')}(?::443)?$`
+    )
+
+    io.set('origins', function (origin, req) {
+      const normalizedOrigin = URL.parse(origin).origin
+      const originIsValid = allowedCorsOriginsRegex.test(normalizedOrigin)
+
+      if (req.headers.origin) {
+        if (!originIsValid) {
+          logger.warn(
+            { normalizedOrigin, origin, req },
+            'Origin header does not match allowed origins'
+          )
+        }
+        return originIsValid
+      }
+
+      if (!originIsValid) {
+        // There is no Origin header and the Referrer does not satisfy the
+        // constraints. We're going to pass this anyway for now but log it
+        logger.warn(
+          { req, referer: req.headers.referer },
+          'Referrer header does not match allowed origins'
+        )
+      }
+
+      return true
+    })
+  }
+})
+
+// Serve socket.io.js client file from imported dist folder
+// The express sendFile method correctly handles conditional
+// requests using the last-modified time and etag (which is
+// a combination of mtime and size)
+const socketIOClientFolder = require('socket.io-client').dist
+app.get('/socket.io/socket.io.js', function (req, res) {
+  res.sendFile(Path.join(socketIOClientFolder, 'socket.io.min.js'))
+})
+
+// a 200 response on '/' is required for load balancer health checks
+// these operate separately from kubernetes readiness checks
+app.get('/', function (req, res) {
+  if (Settings.shutDownInProgress || DeploymentManager.deploymentIsClosed()) {
+    res.sendStatus(503) // Service unavailable
+  } else {
+    res.send('real-time is open')
+  }
+})
+
+app.get('/status', function (req, res) {
+  if (Settings.shutDownInProgress) {
+    res.sendStatus(503) // Service unavailable
+  } else {
+    res.send('real-time is alive')
+  }
+})
+
+app.get('/debug/events', function (req, res) {
+  Settings.debugEvents = parseInt(req.query.count, 10) || 20
+  logger.info({ count: Settings.debugEvents }, 'starting debug mode')
+  res.send(`debug mode will log next ${Settings.debugEvents} events`)
+})
+
+const rclient = require('@overleaf/redis-wrapper').createClient(
+  Settings.redis.realtime
+)
+
+function healthCheck(req, res) {
+  rclient.healthCheck(function (error) {
+    if (error) {
+      logger.err({ err: error }, 'failed redis health check')
+      res.sendStatus(500)
+    } else if (HealthCheckManager.isFailing()) {
+      const status = HealthCheckManager.status()
+      logger.err({ pubSubErrors: status }, 'failed pubsub health check')
+      res.sendStatus(500)
+    } else {
+      res.sendStatus(200)
+    }
+  })
+}
+app.get(
+  '/health_check',
+  (req, res, next) => {
+    if (Settings.shutDownComplete) {
+      return res.sendStatus(503)
+    }
+    next()
+  },
+  healthCheck
+)
+
+app.get('/health_check/redis', healthCheck)
+
+// log http requests for routes defined from this point onwards
+app.use(Metrics.http.monitor(logger))
+
+const Router = require('./app/js/Router')
+Router.configure(app, io, sessionSockets)
+
+const WebsocketLoadBalancer = require('./app/js/WebsocketLoadBalancer')
+WebsocketLoadBalancer.listenForEditorEvents(io)
+
+const DocumentUpdaterController = require('./app/js/DocumentUpdaterController')
+DocumentUpdaterController.listenForUpdatesFromDocumentUpdater(io)
+
+const { port } = Settings.internal.realTime
+const { host } = Settings.internal.realTime
+
+server.listen(port, host, function (error) {
+  if (error) {
+    throw error
+  }
+  logger.info(`realtime starting up, listening on ${host}:${port}`)
+})
+
+// Stop huge stack traces in logs from all the socket.io parsing steps.
+Error.stackTraceLimit = 10
+
+function shutdownAfterAllClientsHaveDisconnected() {
+  const connectedClients = io.sockets.clients().length
+  if (connectedClients === 0) {
+    logger.info({}, 'no clients connected, exiting')
+    process.exit()
+  } else {
+    logger.info(
+      { connectedClients },
+      'clients still connected, not shutting down yet'
+    )
+    setTimeout(() => shutdownAfterAllClientsHaveDisconnected(), 5_000)
+  }
+}
+
+function drainAndShutdown(signal) {
+  if (Settings.shutDownInProgress) {
+    logger.info({ signal }, 'shutdown already in progress, ignoring signal')
+  } else {
+    Settings.shutDownInProgress = true
+    const { statusCheckInterval } = Settings
+    if (statusCheckInterval) {
+      logger.info(
+        { signal },
+        `received interrupt, delay drain by ${statusCheckInterval}ms`
+      )
+    }
+    setTimeout(function () {
+      logger.info(
+        { signal },
+        `received interrupt, starting drain over ${shutdownDrainTimeWindow} mins`
+      )
+      DrainManager.startDrainTimeWindow(io, shutdownDrainTimeWindow, () => {
+        shutdownAfterAllClientsHaveDisconnected()
+        setTimeout(() => {
+          const staleClients = io.sockets.clients()
+          if (staleClients.length !== 0) {
+            logger.info(
+              { staleClients: staleClients.map(client => client.id) },
+              'forcefully disconnecting stale clients'
+            )
+            staleClients.forEach(client => {
+              client.disconnect()
+            })
+          }
+          // Mark the node as unhealthy.
+          Settings.shutDownComplete = true
+        }, Settings.gracefulReconnectTimeoutMs)
+      })
+    }, statusCheckInterval)
+  }
+}
+
+Settings.shutDownInProgress = false
+const shutdownDrainTimeWindow = parseInt(Settings.shutdownDrainTimeWindow, 10)
+if (Settings.shutdownDrainTimeWindow) {
+  logger.info({ shutdownDrainTimeWindow }, 'shutdownDrainTimeWindow enabled')
+  for (const signal of [
+    'SIGINT',
+    'SIGHUP',
+    'SIGQUIT',
+    'SIGUSR1',
+    'SIGUSR2',
+    'SIGTERM',
+    'SIGABRT',
+  ]) {
+    process.on(signal, drainAndShutdown)
+  } // signal is passed as argument to event handler
+
+  // global exception handler
+  if (Settings.errors && Settings.errors.catchUncaughtErrors) {
+    process.removeAllListeners('uncaughtException')
+    process.on('uncaughtException', function (error) {
+      if (
+        [
+          'ETIMEDOUT',
+          'EHOSTUNREACH',
+          'EPIPE',
+          'ECONNRESET',
+          'ERR_STREAM_WRITE_AFTER_END',
+        ].includes(error.code) ||
+        // socket.io error handler sending on polling connection again.
+        (error.code === 'ERR_HTTP_HEADERS_SENT' &&
+          error.stack &&
+          error.stack.includes('Transport.error'))
+      ) {
+        Metrics.inc('disconnected_write', 1, { status: error.code })
+        return logger.warn(
+          { err: error },
+          'attempted to write to disconnected client'
+        )
+      }
+      logger.error({ err: error }, 'uncaught exception')
+      if (Settings.errors && Settings.errors.shutdownOnUncaughtError) {
+        drainAndShutdown('SIGABRT')
+      }
+    })
+  }
+}
+
+if (Settings.continualPubsubTraffic) {
+  logger.debug('continualPubsubTraffic enabled')
+
+  const pubsubClient = redis.createClient(Settings.redis.pubsub)
+  const clusterClient = redis.createClient(Settings.redis.websessions)
+
+  const publishJob = function (channel, callback) {
+    const checker = new HealthCheckManager(channel)
+    logger.debug({ channel }, 'sending pub to keep connection alive')
+    const json = JSON.stringify({
+      health_check: true,
+      key: checker.id,
+      date: new Date().toString(),
+    })
+    Metrics.summary(`redis.publish.${channel}`, json.length)
+    pubsubClient.publish(channel, json, function (err) {
+      if (err) {
+        logger.err({ err, channel }, 'error publishing pubsub traffic to redis')
+      }
+      const blob = JSON.stringify({ keep: 'alive' })
+      Metrics.summary('redis.publish.cluster-continual-traffic', blob.length)
+      clusterClient.publish('cluster-continual-traffic', blob, callback)
+    })
+  }
+
+  const runPubSubTraffic = () =>
+    async.map(['applied-ops', 'editor-events'], publishJob, () =>
+      setTimeout(runPubSubTraffic, 1000 * 20)
+    )
+
+  runPubSubTraffic()
+}
diff --git a/services/real-time/app/js/AuthorizationManager.js b/services/real-time/app/js/AuthorizationManager.js
new file mode 100644
index 0000000..b8633ad
--- /dev/null
+++ b/services/real-time/app/js/AuthorizationManager.js
@@ -0,0 +1,81 @@
+const { NotAuthorizedError } = require('./Errors')
+
+let AuthorizationManager
+module.exports = AuthorizationManager = {
+  assertClientCanViewProject(client, callback) {
+    AuthorizationManager._assertClientHasPrivilegeLevel(
+      client,
+      ['readOnly', 'readAndWrite', 'review', 'owner'],
+      callback
+    )
+  },
+
+  assertClientCanEditProject(client, callback) {
+    AuthorizationManager._assertClientHasPrivilegeLevel(
+      client,
+      ['readAndWrite', 'owner'],
+      callback
+    )
+  },
+
+  assertClientCanReviewProject(client, callback) {
+    AuthorizationManager._assertClientHasPrivilegeLevel(
+      client,
+      ['readAndWrite', 'owner', 'review'],
+      callback
+    )
+  },
+
+  _assertClientHasPrivilegeLevel(client, allowedLevels, callback) {
+    if (allowedLevels.includes(client.ol_context.privilege_level)) {
+      callback(null)
+    } else {
+      callback(new NotAuthorizedError())
+    }
+  },
+
+  assertClientCanViewProjectAndDoc(client, docId, callback) {
+    AuthorizationManager.assertClientCanViewProject(client, function (error) {
+      if (error) {
+        return callback(error)
+      }
+      AuthorizationManager._assertClientCanAccessDoc(client, docId, callback)
+    })
+  },
+
+  assertClientCanEditProjectAndDoc(client, docId, callback) {
+    AuthorizationManager.assertClientCanEditProject(client, function (error) {
+      if (error) {
+        return callback(error)
+      }
+      AuthorizationManager._assertClientCanAccessDoc(client, docId, callback)
+    })
+  },
+
+  assertClientCanReviewProjectAndDoc(client, docId, callback) {
+    AuthorizationManager.assertClientCanReviewProject(client, function (error) {
+      if (error) {
+        return callback(error)
+      }
+      AuthorizationManager._assertClientCanAccessDoc(client, docId, callback)
+    })
+  },
+
+  _assertClientCanAccessDoc(client, docId, callback) {
+    if (client.ol_context[`doc:${docId}`] === 'allowed') {
+      callback(null)
+    } else {
+      callback(new NotAuthorizedError())
+    }
+  },
+
+  addAccessToDoc(client, docId, callback) {
+    client.ol_context[`doc:${docId}`] = 'allowed'
+    callback(null)
+  },
+
+  removeAccessToDoc(client, docId, callback) {
+    delete client.ol_context[`doc:${docId}`]
+    callback(null)
+  },
+}
diff --git a/services/real-time/app/js/ChannelManager.js b/services/real-time/app/js/ChannelManager.js
new file mode 100644
index 0000000..42b6172
--- /dev/null
+++ b/services/real-time/app/js/ChannelManager.js
@@ -0,0 +1,101 @@
+const logger = require('@overleaf/logger')
+const metrics = require('@overleaf/metrics')
+const settings = require('@overleaf/settings')
+const OError = require('@overleaf/o-error')
+
+const ClientMap = new Map() // for each redis client, store a Map of subscribed channels (channelname -> subscribe promise)
+
+// Manage redis pubsub subscriptions for individual projects and docs, ensuring
+// that we never subscribe to a channel multiple times. The socket.io side is
+// handled by RoomManager.
+
+module.exports = {
+  getClientMapEntry(rclient) {
+    // return the per-client channel map if it exists, otherwise create and
+    // return an empty map for the client.
+    return (
+      ClientMap.get(rclient) || ClientMap.set(rclient, new Map()).get(rclient)
+    )
+  },
+
+  subscribe(rclient, baseChannel, id) {
+    const clientChannelMap = this.getClientMapEntry(rclient)
+    const channel = `${baseChannel}:${id}`
+    const actualSubscribe = function () {
+      // subscribe is happening in the foreground and it should reject
+      return rclient
+        .subscribe(channel)
+        .finally(function () {
+          if (clientChannelMap.get(channel) === subscribePromise) {
+            clientChannelMap.delete(channel)
+          }
+        })
+        .then(function () {
+          logger.debug({ channel }, 'subscribed to channel')
+          metrics.inc(`subscribe.${baseChannel}`)
+        })
+        .catch(function (err) {
+          logger.error({ channel, err }, 'failed to subscribe to channel')
+          metrics.inc(`subscribe.failed.${baseChannel}`)
+          // add context for the stack-trace at the call-site
+          throw new OError('failed to subscribe to channel', {
+            channel,
+          }).withCause(err)
+        })
+    }
+
+    const pendingActions = clientChannelMap.get(channel) || Promise.resolve()
+    const subscribePromise = pendingActions.then(
+      actualSubscribe,
+      actualSubscribe
+    )
+    clientChannelMap.set(channel, subscribePromise)
+    logger.debug({ channel }, 'planned to subscribe to channel')
+    return subscribePromise
+  },
+
+  unsubscribe(rclient, baseChannel, id) {
+    const clientChannelMap = this.getClientMapEntry(rclient)
+    const channel = `${baseChannel}:${id}`
+    const actualUnsubscribe = function () {
+      // unsubscribe is happening in the background, it should not reject
+      return rclient
+        .unsubscribe(channel)
+        .finally(function () {
+          if (clientChannelMap.get(channel) === unsubscribePromise) {
+            clientChannelMap.delete(channel)
+          }
+        })
+        .then(function () {
+          logger.debug({ channel }, 'unsubscribed from channel')
+          metrics.inc(`unsubscribe.${baseChannel}`)
+        })
+        .catch(function (err) {
+          logger.error({ channel, err }, 'unsubscribed from channel')
+          metrics.inc(`unsubscribe.failed.${baseChannel}`)
+        })
+    }
+
+    const pendingActions = clientChannelMap.get(channel) || Promise.resolve()
+    const unsubscribePromise = pendingActions.then(
+      actualUnsubscribe,
+      actualUnsubscribe
+    )
+    clientChannelMap.set(channel, unsubscribePromise)
+    logger.debug({ channel }, 'planned to unsubscribe from channel')
+    return unsubscribePromise
+  },
+
+  publish(rclient, baseChannel, id, data) {
+    let channel
+    metrics.summary(`redis.publish.${baseChannel}`, data.length)
+    if (id === 'all' || !settings.publishOnIndividualChannels) {
+      channel = baseChannel
+    } else {
+      channel = `${baseChannel}:${id}`
+    }
+    // we publish on a different client to the subscribe, so we can't
+    // check for the channel existing here
+    rclient.publish(channel, data)
+  },
+}
diff --git a/services/real-time/app/js/ConnectedUsersManager.js b/services/real-time/app/js/ConnectedUsersManager.js
new file mode 100644
index 0000000..1421e8e
--- /dev/null
+++ b/services/real-time/app/js/ConnectedUsersManager.js
@@ -0,0 +1,249 @@
+const async = require('async')
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const redis = require('@overleaf/redis-wrapper')
+const OError = require('@overleaf/o-error')
+const Metrics = require('@overleaf/metrics')
+const rclient = redis.createClient(Settings.redis.realtime)
+const Keys = Settings.redis.realtime.key_schema
+
+const ONE_HOUR_IN_S = 60 * 60
+const ONE_DAY_IN_S = ONE_HOUR_IN_S * 24
+const FOUR_DAYS_IN_S = ONE_DAY_IN_S * 4
+
+const USER_TIMEOUT_IN_S = ONE_HOUR_IN_S / 4
+const REFRESH_TIMEOUT_IN_S = 10 // only show clients which have responded to a refresh request in the last 10 seconds
+
+function recordProjectNotEmptySinceMetric(res, status) {
+  const diff = Date.now() / 1000 - parseInt(res, 10)
+  const BUCKETS = [
+    0,
+    ONE_HOUR_IN_S,
+    2 * ONE_HOUR_IN_S,
+    ONE_DAY_IN_S,
+    2 * ONE_DAY_IN_S,
+    7 * ONE_DAY_IN_S,
+    30 * ONE_DAY_IN_S,
+  ]
+  Metrics.histogram('project_not_empty_since', diff, BUCKETS, { status })
+}
+
+module.exports = {
+  // Use the same method for when a user connects, and when a user sends a cursor
+  // update. This way we don't care if the connected_user key has expired when
+  // we receive a cursor update.
+  updateUserPosition(projectId, clientId, user, cursorData, callback) {
+    logger.debug({ projectId, clientId }, 'marking user as joined or connected')
+
+    const multi = rclient.multi()
+
+    multi.sadd(Keys.clientsInProject({ project_id: projectId }), clientId)
+    multi.scard(Keys.clientsInProject({ project_id: projectId }))
+    multi.expire(
+      Keys.clientsInProject({ project_id: projectId }),
+      FOUR_DAYS_IN_S
+    )
+
+    multi.hset(
+      Keys.connectedUser({ project_id: projectId, client_id: clientId }),
+      'last_updated_at',
+      Date.now()
+    )
+    multi.hset(
+      Keys.connectedUser({ project_id: projectId, client_id: clientId }),
+      'user_id',
+      user._id
+    )
+    multi.hset(
+      Keys.connectedUser({ project_id: projectId, client_id: clientId }),
+      'first_name',
+      user.first_name || ''
+    )
+    multi.hset(
+      Keys.connectedUser({ project_id: projectId, client_id: clientId }),
+      'last_name',
+      user.last_name || ''
+    )
+    multi.hset(
+      Keys.connectedUser({ project_id: projectId, client_id: clientId }),
+      'email',
+      user.email || ''
+    )
+
+    if (cursorData) {
+      multi.hset(
+        Keys.connectedUser({ project_id: projectId, client_id: clientId }),
+        'cursorData',
+        JSON.stringify(cursorData)
+      )
+    }
+    multi.expire(
+      Keys.connectedUser({ project_id: projectId, client_id: clientId }),
+      USER_TIMEOUT_IN_S
+    )
+
+    multi.exec(function (err, res) {
+      if (err) {
+        err = new OError('problem marking user as connected').withCause(err)
+      }
+      const [, nConnectedClients] = res
+      Metrics.inc('editing_session_mode', 1, {
+        method: cursorData ? 'update' : 'connect',
+        status: nConnectedClients === 1 ? 'single' : 'multi',
+      })
+      callback(err)
+    })
+  },
+
+  refreshClient(projectId, clientId) {
+    logger.debug({ projectId, clientId }, 'refreshing connected client')
+    const multi = rclient.multi()
+    multi.hset(
+      Keys.connectedUser({ project_id: projectId, client_id: clientId }),
+      'last_updated_at',
+      Date.now()
+    )
+    multi.expire(
+      Keys.connectedUser({ project_id: projectId, client_id: clientId }),
+      USER_TIMEOUT_IN_S
+    )
+    multi.exec(function (err) {
+      if (err) {
+        logger.err(
+          { err, projectId, clientId },
+          'problem refreshing connected client'
+        )
+      }
+    })
+  },
+
+  markUserAsDisconnected(projectId, clientId, callback) {
+    logger.debug({ projectId, clientId }, 'marking user as disconnected')
+    const multi = rclient.multi()
+    multi.srem(Keys.clientsInProject({ project_id: projectId }), clientId)
+    multi.scard(Keys.clientsInProject({ project_id: projectId }))
+    multi.expire(
+      Keys.clientsInProject({ project_id: projectId }),
+      FOUR_DAYS_IN_S
+    )
+    multi.del(
+      Keys.connectedUser({ project_id: projectId, client_id: clientId })
+    )
+    multi.exec(function (err, res) {
+      if (err) {
+        err = new OError('problem marking user as disconnected').withCause(err)
+      }
+      const [, nConnectedClients] = res
+      const status =
+        nConnectedClients === 0
+          ? 'empty'
+          : nConnectedClients === 1
+            ? 'single'
+            : 'multi'
+      Metrics.inc('editing_session_mode', 1, {
+        method: 'disconnect',
+        status,
+      })
+      if (status === 'empty') {
+        rclient.getdel(Keys.projectNotEmptySince({ projectId }), (err, res) => {
+          if (err) {
+            logger.warn(
+              { err, projectId },
+              'could not collect projectNotEmptySince'
+            )
+          } else if (res) {
+            recordProjectNotEmptySinceMetric(res, status)
+          }
+        })
+      } else {
+        // Only populate projectNotEmptySince when more clients remain connected.
+        const nowInSeconds = Math.ceil(Date.now() / 1000).toString()
+        // We can go back to SET GET after upgrading to redis 7.0+
+        const multi = rclient.multi()
+        multi.get(Keys.projectNotEmptySince({ projectId }))
+        multi.set(
+          Keys.projectNotEmptySince({ projectId }),
+          nowInSeconds,
+          'NX',
+          'EX',
+          31 * ONE_DAY_IN_S
+        )
+        multi.exec((err, res) => {
+          if (err) {
+            logger.warn(
+              { err, projectId },
+              'could not get/set projectNotEmptySince'
+            )
+          } else if (res[0]) {
+            recordProjectNotEmptySinceMetric(res[0], status)
+          }
+        })
+      }
+      callback(err)
+    })
+  },
+
+  _getConnectedUser(projectId, clientId, callback) {
+    rclient.hgetall(
+      Keys.connectedUser({ project_id: projectId, client_id: clientId }),
+      function (err, result) {
+        if (err) {
+          err = new OError('problem fetching connected user details', {
+            other_client_id: clientId,
+          }).withCause(err)
+          return callback(err)
+        }
+        if (!(result && result.user_id)) {
+          result = {
+            connected: false,
+            client_id: clientId,
+          }
+        } else {
+          result.connected = true
+          result.client_id = clientId
+          result.client_age =
+            (Date.now() - parseInt(result.last_updated_at, 10)) / 1000
+          if (result.cursorData) {
+            try {
+              result.cursorData = JSON.parse(result.cursorData)
+            } catch (e) {
+              OError.tag(e, 'error parsing cursorData JSON', {
+                other_client_id: clientId,
+                cursorData: result.cursorData,
+              })
+              return callback(e)
+            }
+          }
+        }
+        callback(err, result)
+      }
+    )
+  },
+
+  getConnectedUsers(projectId, callback) {
+    const self = this
+    rclient.smembers(
+      Keys.clientsInProject({ project_id: projectId }),
+      function (err, results) {
+        if (err) {
+          err = new OError('problem getting clients in project').withCause(err)
+          return callback(err)
+        }
+        const jobs = results.map(
+          clientId => cb => self._getConnectedUser(projectId, clientId, cb)
+        )
+        async.series(jobs, function (err, users) {
+          if (err) {
+            OError.tag(err, 'problem getting connected users')
+            return callback(err)
+          }
+          users = users.filter(
+            user =>
+              user && user.connected && user.client_age < REFRESH_TIMEOUT_IN_S
+          )
+          callback(null, users)
+        })
+      }
+    )
+  },
+}
diff --git a/services/real-time/app/js/DeploymentManager.js b/services/real-time/app/js/DeploymentManager.js
new file mode 100644
index 0000000..58c1618
--- /dev/null
+++ b/services/real-time/app/js/DeploymentManager.js
@@ -0,0 +1,62 @@
+const logger = require('@overleaf/logger')
+const settings = require('@overleaf/settings')
+const fs = require('node:fs')
+
+// Monitor a status file (e.g. /etc/real_time_status) periodically and close the
+// service if the file contents don't contain the matching deployment colour.
+
+const FILE_CHECK_INTERVAL = 5000
+const statusFile = settings.deploymentFile
+const deploymentColour = settings.deploymentColour
+
+let serviceCloseTime
+
+function updateDeploymentStatus(fileContent) {
+  const closed = fileContent && !fileContent.includes(deploymentColour)
+  if (closed && !settings.serviceIsClosed) {
+    settings.serviceIsClosed = true
+    serviceCloseTime = Date.now() + 60 * 1000 // delay closing by 1 minute
+    logger.info({ fileContent }, 'closing service')
+  } else if (!closed && settings.serviceIsClosed) {
+    settings.serviceIsClosed = false
+    logger.info({ fileContent }, 'opening service')
+  }
+}
+
+function pollStatusFile() {
+  fs.readFile(statusFile, { encoding: 'utf8' }, (err, fileContent) => {
+    if (err) {
+      logger.error(
+        { file: statusFile, fsErr: err },
+        'error reading service status file'
+      )
+      return
+    }
+    updateDeploymentStatus(fileContent)
+  })
+}
+
+function checkStatusFileSync() {
+  // crash on start up if file does not exist
+  const content = fs.readFileSync(statusFile, { encoding: 'utf8' })
+  updateDeploymentStatus(content)
+  if (settings.serviceIsClosed) {
+    serviceCloseTime = Date.now() // skip closing delay on start up
+  }
+}
+
+module.exports = {
+  initialise() {
+    if (statusFile && deploymentColour) {
+      logger.info(
+        { statusFile, deploymentColour, interval: FILE_CHECK_INTERVAL },
+        'monitoring deployment status file'
+      )
+      checkStatusFileSync() // perform an initial synchronous check at start up
+      setInterval(pollStatusFile, FILE_CHECK_INTERVAL) // continue checking periodically
+    }
+  },
+  deploymentIsClosed() {
+    return settings.serviceIsClosed && Date.now() >= serviceCloseTime
+  },
+}
diff --git a/services/real-time/app/js/DocumentUpdaterController.js b/services/real-time/app/js/DocumentUpdaterController.js
new file mode 100644
index 0000000..3fd22d3
--- /dev/null
+++ b/services/real-time/app/js/DocumentUpdaterController.js
@@ -0,0 +1,184 @@
+const logger = require('@overleaf/logger')
+const settings = require('@overleaf/settings')
+const RedisClientManager = require('./RedisClientManager')
+const SafeJsonParse = require('./SafeJsonParse')
+const EventLogger = require('./EventLogger')
+const HealthCheckManager = require('./HealthCheckManager')
+const RoomManager = require('./RoomManager')
+const ChannelManager = require('./ChannelManager')
+const metrics = require('@overleaf/metrics')
+
+let DocumentUpdaterController
+module.exports = DocumentUpdaterController = {
+  // DocumentUpdaterController is responsible for updates that come via Redis
+  // Pub/Sub from the document updater.
+  rclientList: RedisClientManager.createClientList(settings.redis.pubsub),
+
+  listenForUpdatesFromDocumentUpdater(io) {
+    logger.debug(
+      { rclients: this.rclientList.length },
+      'listening for applied-ops events'
+    )
+    for (const rclient of this.rclientList) {
+      rclient.subscribe('applied-ops')
+      rclient.on('message', function (channel, message) {
+        metrics.inc('rclient', 0.001) // global event rate metric
+        if (settings.debugEvents > 0) {
+          EventLogger.debugEvent(channel, message)
+        }
+        DocumentUpdaterController._processMessageFromDocumentUpdater(
+          io,
+          channel,
+          message
+        )
+      })
+    }
+    // create metrics for each redis instance only when we have multiple redis clients
+    if (this.rclientList.length > 1) {
+      this.rclientList.forEach((rclient, i) => {
+        // per client event rate metric
+        const metricName = `rclient-${i}`
+        rclient.on('message', () => metrics.inc(metricName, 0.001))
+      })
+    }
+    this.handleRoomUpdates(this.rclientList)
+  },
+
+  handleRoomUpdates(rclientSubList) {
+    const roomEvents = RoomManager.eventSource()
+    roomEvents.on('doc-active', function (docId) {
+      const subscribePromises = rclientSubList.map(rclient =>
+        ChannelManager.subscribe(rclient, 'applied-ops', docId)
+      )
+      RoomManager.emitOnCompletion(subscribePromises, `doc-subscribed-${docId}`)
+    })
+    roomEvents.on('doc-empty', docId =>
+      rclientSubList.map(rclient =>
+        ChannelManager.unsubscribe(rclient, 'applied-ops', docId)
+      )
+    )
+  },
+
+  _processMessageFromDocumentUpdater(io, channel, message) {
+    SafeJsonParse.parse(message, function (error, message) {
+      if (error) {
+        logger.error({ err: error, channel }, 'error parsing JSON')
+        return
+      }
+      if (message.op) {
+        if (message._id && settings.checkEventOrder) {
+          const status = EventLogger.checkEventOrder(
+            'applied-ops',
+            message._id,
+            message
+          )
+          if (status === 'duplicate') {
+            return // skip duplicate events
+          }
+        }
+        DocumentUpdaterController._applyUpdateFromDocumentUpdater(
+          io,
+          message.doc_id,
+          message.op
+        )
+      } else if (message.error) {
+        DocumentUpdaterController._processErrorFromDocumentUpdater(
+          io,
+          message.doc_id,
+          message.error,
+          message
+        )
+      } else if (message.health_check) {
+        logger.debug(
+          { message },
+          'got health check message in applied ops channel'
+        )
+        HealthCheckManager.check(channel, message.key)
+      }
+    })
+  },
+
+  _applyUpdateFromDocumentUpdater(io, docId, update) {
+    let client
+    const clientList = io.sockets.clients(docId)
+    // avoid unnecessary work if no clients are connected
+    if (clientList.length === 0) {
+      return
+    }
+
+    update.meta = update.meta || {}
+    const { tsRT: realTimeIngestionTime } = update.meta
+    delete update.meta.tsRT
+
+    // send updates to clients
+    logger.debug(
+      {
+        docId,
+        version: update.v,
+        source: update.meta && update.meta.source,
+        socketIoClients: clientList.map(client => client.id),
+      },
+      'distributing updates to clients'
+    )
+    const seen = {}
+    // send messages only to unique clients (due to duplicate entries in io.sockets.clients)
+    for (client of clientList) {
+      if (!seen[client.id]) {
+        seen[client.id] = true
+        if (client.publicId === update.meta.source) {
+          logger.debug(
+            {
+              docId,
+              version: update.v,
+              source: update.meta.source,
+            },
+            'distributing update to sender'
+          )
+          metrics.histogram(
+            'update-processing-time',
+            performance.now() - realTimeIngestionTime,
+            [
+              0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 20, 50, 100, 200, 500, 1000,
+              2000, 5000, 10000,
+            ],
+            { path: 'sharejs' }
+          )
+          client.emit('otUpdateApplied', { v: update.v, doc: update.doc })
+        } else if (!update.dup) {
+          // Duplicate ops should just be sent back to sending client for acknowledgement
+          logger.debug(
+            {
+              docId,
+              version: update.v,
+              source: update.meta.source,
+              clientId: client.id,
+            },
+            'distributing update to collaborator'
+          )
+          client.emit('otUpdateApplied', update)
+        }
+      }
+    }
+    if (Object.keys(seen).length < clientList.length) {
+      metrics.inc('socket-io.duplicate-clients', 0.1)
+      logger.debug(
+        {
+          docId,
+          socketIoClients: clientList.map(client => client.id),
+        },
+        'discarded duplicate clients'
+      )
+    }
+  },
+
+  _processErrorFromDocumentUpdater(io, docId, error, message) {
+    for (const client of io.sockets.clients(docId)) {
+      logger.warn(
+        { err: error, docId, clientId: client.id },
+        'error from document updater, disconnecting client'
+      )
+      client.emit('otUpdateError', error, message)
+      client.disconnect()
+    }
+  },
+}
diff --git a/services/real-time/app/js/DocumentUpdaterManager.js b/services/real-time/app/js/DocumentUpdaterManager.js
new file mode 100644
index 0000000..0a9a12c
--- /dev/null
+++ b/services/real-time/app/js/DocumentUpdaterManager.js
@@ -0,0 +1,156 @@
+const request = require('request')
+const _ = require('lodash')
+const OError = require('@overleaf/o-error')
+const logger = require('@overleaf/logger')
+const settings = require('@overleaf/settings')
+const metrics = require('@overleaf/metrics')
+const {
+  ClientRequestedMissingOpsError,
+  DocumentUpdaterRequestFailedError,
+  NullBytesInOpError,
+  UpdateTooLargeError,
+} = require('./Errors')
+
+const rclient = require('@overleaf/redis-wrapper').createClient(
+  settings.redis.documentupdater
+)
+const Keys = settings.redis.documentupdater.key_schema
+
+const DocumentUpdaterManager = {
+  getDocument(projectId, docId, fromVersion, callback) {
+    const timer = new metrics.Timer('get-document')
+    const url = `${settings.apis.documentupdater.url}/project/${projectId}/doc/${docId}?fromVersion=${fromVersion}`
+    logger.debug(
+      { projectId, docId, fromVersion },
+      'getting doc from document updater'
+    )
+    request.get(url, function (err, res, body) {
+      timer.done()
+      if (err) {
+        OError.tag(err, 'error getting doc from doc updater')
+        return callback(err)
+      }
+      if (res.statusCode >= 200 && res.statusCode < 300) {
+        logger.debug(
+          { projectId, docId },
+          'got doc from document document updater'
+        )
+        try {
+          body = JSON.parse(body)
+        } catch (error) {
+          OError.tag(error, 'error parsing doc updater response')
+          return callback(error)
+        }
+        body = body || {}
+        callback(
+          null,
+          body.lines,
+          body.version,
+          body.ranges,
+          body.ops,
+          body.ttlInS
+        )
+      } else if (res.statusCode === 422 && body?.firstVersionInRedis) {
+        callback(new ClientRequestedMissingOpsError(422, body))
+      } else if ([404, 422].includes(res.statusCode)) {
+        callback(new ClientRequestedMissingOpsError(res.statusCode))
+      } else {
+        callback(
+          new DocumentUpdaterRequestFailedError('getDocument', res.statusCode)
+        )
+      }
+    })
+  },
+
+  checkDocument(projectId, docId, callback) {
+    // in this call fromVersion = -1 means get document without docOps
+    DocumentUpdaterManager.getDocument(projectId, docId, -1, callback)
+  },
+
+  flushProjectToMongoAndDelete(projectId, callback) {
+    // this method is called when the last connected user leaves the project
+    logger.debug({ projectId }, 'deleting project from document updater')
+    const timer = new metrics.Timer('delete.mongo.project')
+    // flush the project in the background when all users have left
+    const url =
+      `${settings.apis.documentupdater.url}/project/${projectId}?background=true` +
+      (settings.shutDownInProgress ? '&shutdown=true' : '')
+    request.del(url, function (err, res) {
+      timer.done()
+      if (err) {
+        OError.tag(err, 'error deleting project from document updater')
+        callback(err)
+      } else if (res.statusCode >= 200 && res.statusCode < 300) {
+        logger.debug({ projectId }, 'deleted project from document updater')
+        callback(null)
+      } else {
+        callback(
+          new DocumentUpdaterRequestFailedError(
+            'flushProjectToMongoAndDelete',
+            res.statusCode
+          )
+        )
+      }
+    })
+  },
+
+  _getPendingUpdateListKey() {
+    const shard = _.random(0, settings.pendingUpdateListShardCount - 1)
+    if (shard === 0) {
+      return 'pending-updates-list'
+    } else {
+      return `pending-updates-list-${shard}`
+    }
+  },
+
+  queueChange(projectId, docId, change, callback) {
+    const allowedKeys = [
+      'doc',
+      'op',
+      'v',
+      'dupIfSource',
+      'meta',
+      'lastV',
+      'hash',
+    ]
+    change = _.pick(change, allowedKeys)
+    const jsonChange = JSON.stringify(change)
+    if (jsonChange.indexOf('\u0000') !== -1) {
+      // memory corruption check
+      return callback(new NullBytesInOpError(jsonChange))
+    }
+
+    const updateSize = jsonChange.length
+    if (updateSize > settings.maxUpdateSize) {
+      return callback(new UpdateTooLargeError(updateSize))
+    }
+
+    // record metric for each update added to queue
+    metrics.summary('redis.pendingUpdates', updateSize, { status: 'push' })
+
+    const docKey = `${projectId}:${docId}`
+    // Push onto pendingUpdates for doc_id first, because once the doc updater
+    // gets an entry on pending-updates-list, it starts processing.
+    rclient.rpush(
+      Keys.pendingUpdates({ doc_id: docId }),
+      jsonChange,
+      function (error) {
+        if (error) {
+          error = new OError('error pushing update into redis').withCause(error)
+          return callback(error)
+        }
+        const queueKey = DocumentUpdaterManager._getPendingUpdateListKey()
+        rclient.rpush(queueKey, docKey, function (error) {
+          if (error) {
+            error = new OError('error pushing doc_id into redis')
+              .withInfo({ queueKey })
+              .withCause(error)
+          }
+          callback(error)
+        })
+      }
+    )
+  },
+}
+
+module.exports = DocumentUpdaterManager
diff --git a/services/real-time/app/js/DrainManager.js b/services/real-time/app/js/DrainManager.js
new file mode 100644
index 0000000..c8fc72c
--- /dev/null
+++ b/services/real-time/app/js/DrainManager.js
@@ -0,0 +1,59 @@
+const logger = require('@overleaf/logger')
+
+module.exports = {
+  startDrainTimeWindow(io, minsToDrain, callback) {
+    const drainPerMin = io.sockets.clients().length / minsToDrain
+    // enforce minimum drain rate
+    this.startDrain(io, Math.max(drainPerMin / 60, 4), callback)
+  },
+
+  startDrain(io, rate, callback) {
+    // Clear out any old interval
+    clearInterval(this.interval)
+    logger.info({ rate }, 'starting drain')
+    if (rate === 0) {
+      return
+    }
+    let pollingInterval
+    if (rate < 1) {
+      // allow lower drain rates
+      // e.g. rate=0.1 will drain one client every 10 seconds
+      pollingInterval = 1000 / rate
+      rate = 1
+    } else {
+      pollingInterval = 1000
+    }
+    this.interval = setInterval(() => {
+      const requestedAllClientsToReconnect = this.reconnectNClients(io, rate)
+      if (requestedAllClientsToReconnect && callback) {
+        callback()
+        callback = undefined
+      }
+    }, pollingInterval)
+  },
+
+  RECONNECTED_CLIENTS: {},
+  reconnectNClients(io, N) {
+    let drainedCount = 0
+    for (const client of io.sockets.clients()) {
+      if (!this.RECONNECTED_CLIENTS[client.id]) {
+        this.RECONNECTED_CLIENTS[client.id] = true
+        logger.debug(
+          { clientId: client.id },
+          'Asking client to reconnect gracefully'
+        )
+        client.emit('reconnectGracefully')
+        drainedCount++
+      }
+      const haveDrainedNClients = drainedCount === N
+      if (haveDrainedNClients) {
+        break
+      }
+    }
+    if (drainedCount < N) {
+      logger.info('All clients have been told to reconnectGracefully')
+      return true
+    }
+    return false
+  },
+}
diff --git a/services/real-time/app/js/Errors.js b/services/real-time/app/js/Errors.js
new file mode 100644
index 0000000..fea0cc6
--- /dev/null
+++ b/services/real-time/app/js/Errors.js
@@ -0,0 +1,104 @@
+const OError = require('@overleaf/o-error')
+
+class ClientRequestedMissingOpsError extends OError {
+  constructor(statusCode, info = {}) {
+    super('doc updater could not load requested ops', {
+      statusCode,
+      ...info,
+    })
+  }
+}
+
+class CodedError extends OError {
+  constructor(message, code) {
+    super(message, { code })
+  }
+}
+
+class CorruptedJoinProjectResponseError extends OError {
+  constructor() {
+    super('no data returned from joinProject request')
+  }
+}
+
+class DataTooLargeToParseError extends OError {
+  constructor(data) {
+    super('data too large to parse', {
+      head: data.slice(0, 1024),
+      length: data.length,
+    })
+  }
+}
+
+class DocumentUpdaterRequestFailedError extends OError {
+  constructor(action, statusCode) {
+    super('doc updater returned a non-success status code', {
+      action,
+      statusCode,
+    })
+  }
+}
+
+class JoinLeaveEpochMismatchError extends OError {
+  constructor() {
+    super('joinLeaveEpoch mismatch')
+  }
+}
+
+class MissingSessionError extends OError {
+  constructor() {
+    super('could not look up session by key')
+  }
+}
+
+class NotAuthorizedError extends OError {
+  constructor() {
+    super('not authorized')
+  }
+}
+
+class NotJoinedError extends OError {
+  constructor() {
+    super('no project_id found on client')
+  }
+}
+
+class NullBytesInOpError extends OError {
+  constructor(jsonChange) {
+    super('null bytes found in op', { jsonChange })
+  }
+}
+
+class UnexpectedArgumentsError extends OError {
+  constructor() {
+    super('unexpected arguments')
+  }
+}
+
+class UpdateTooLargeError extends OError {
+  constructor(updateSize) {
+    super('update is too large', { updateSize })
+  }
+}
+
+class WebApiRequestFailedError extends OError {
+  constructor(statusCode) {
+    super('non-success status code from web', { statusCode })
+  }
+}
+
+module.exports = {
+  CodedError,
+  CorruptedJoinProjectResponseError,
+  ClientRequestedMissingOpsError,
+  DataTooLargeToParseError,
+  DocumentUpdaterRequestFailedError,
+  JoinLeaveEpochMismatchError,
+  MissingSessionError,
+  NotAuthorizedError,
+  NotJoinedError,
+  NullBytesInOpError,
+  UnexpectedArgumentsError,
+  UpdateTooLargeError,
+  WebApiRequestFailedError,
+}
diff --git a/services/real-time/app/js/EventLogger.js b/services/real-time/app/js/EventLogger.js
new file mode 100644
index 0000000..44496eb
--- /dev/null
+++ b/services/real-time/app/js/EventLogger.js
@@ -0,0 +1,81 @@
+let EventLogger
+const logger = require('@overleaf/logger')
+const metrics = require('@overleaf/metrics')
+const settings = require('@overleaf/settings')
+
+// keep track of message counters to detect duplicate and out of order events
+// messsage ids have the format "UNIQUEHOSTKEY-COUNTER"
+
+const EVENT_LOG_COUNTER = {}
+const EVENT_LOG_TIMESTAMP = {}
+let EVENT_LAST_CLEAN_TIMESTAMP = 0
+
+// counter for debug logs
+let COUNTER = 0
+
+module.exports = EventLogger = {
+  MAX_STALE_TIME_IN_MS: 3600 * 1000,
+
+  debugEvent(channel, message) {
+    if (settings.debugEvents > 0) {
+      logger.info({ channel, message, counter: COUNTER++ }, 'logging event')
+      settings.debugEvents--
+    }
+  },
+
+  checkEventOrder(channel, messageId) {
+    if (typeof messageId !== 'string') {
+      return
+    }
+    let result
+    if (!(result = messageId.match(/^(.*)-(\d+)$/))) {
+      return
+    }
+    const key = result[1]
+    const count = parseInt(result[2], 0)
+    if (!(count >= 0)) {
+      // ignore checks if counter is not present
+      return
+    }
+    // store the last count in a hash for each host
+    const previous = EventLogger._storeEventCount(key, count)
+    if (!previous || count === previous + 1) {
+      metrics.inc(`event.${channel}.valid`)
+      return // order is ok
+    }
+    if (count === previous) {
+      metrics.inc(`event.${channel}.duplicate`)
+      logger.warn({ channel, messageId }, 'duplicate event')
+      return 'duplicate'
+    } else {
+      metrics.inc(`event.${channel}.out-of-order`)
+      logger.warn(
+        { channel, messageId, key, previous, count },
+        'out of order event'
+      )
+      return 'out-of-order'
+    }
+  },
+
+  _storeEventCount(key, count) {
+    const previous = EVENT_LOG_COUNTER[key]
+    const now = Date.now()
+    EVENT_LOG_COUNTER[key] = count
+    EVENT_LOG_TIMESTAMP[key] = now
+    // periodically remove old counts
+    if (now - EVENT_LAST_CLEAN_TIMESTAMP > EventLogger.MAX_STALE_TIME_IN_MS) {
+      EventLogger._cleanEventStream(now)
+      EVENT_LAST_CLEAN_TIMESTAMP = now
+    }
+    return previous
+  },
+
+  _cleanEventStream(now) {
+    Object.entries(EVENT_LOG_TIMESTAMP).forEach(([key, timestamp]) => {
+      if (now - timestamp > EventLogger.MAX_STALE_TIME_IN_MS) {
+        delete EVENT_LOG_COUNTER[key]
+        delete EVENT_LOG_TIMESTAMP[key]
+      }
+    })
+  },
+}
diff --git a/services/real-time/app/js/HealthCheckManager.js b/services/real-time/app/js/HealthCheckManager.js
new file mode 100644
index 0000000..4ced9e0
--- /dev/null
+++ b/services/real-time/app/js/HealthCheckManager.js
@@ -0,0 +1,77 @@
+const metrics = require('@overleaf/metrics')
+const logger = require('@overleaf/logger')
+
+const os = require('node:os')
+const HOST = os.hostname()
+const PID = process.pid
+let COUNT = 0
+
+const CHANNEL_MANAGER = {} // hash of event checkers by channel name
+const CHANNEL_ERROR = {} // error status by channel name
+
+module.exports = class HealthCheckManager {
+  // create an instance of this class which checks that an event with a unique
+  // id is received only once within a timeout
+  constructor(channel, timeout) {
+    // unique event string
+    this.channel = channel
+    this.id = `host=${HOST}:pid=${PID}:count=${COUNT++}`
+    // count of number of times the event is received
+    this.count = 0
+    // after a timeout check the status of the count
+    this.handler = setTimeout(() => {
+      this.setStatus()
+    }, timeout || 1000)
+    // use a timer to record the latency of the channel
+    this.timer = new metrics.Timer(`event.${this.channel}.latency`)
+    // keep a record of these objects to dispatch on
+    CHANNEL_MANAGER[this.channel] = this
+  }
+
+  processEvent(id) {
+    // if this is our event record it
+    if (id === this.id) {
+      this.count++
+      if (this.timer) {
+        this.timer.done()
+      }
+      this.timer = undefined // only time the latency of the first event
+    }
+  }
+
+  setStatus() {
+    // if we saw the event anything other than a single time that is an error
+    const isFailing = this.count !== 1
+    if (isFailing) {
+      logger.err(
+        { channel: this.channel, count: this.count, id: this.id },
+        'redis channel health check error'
+      )
+    }
+    CHANNEL_ERROR[this.channel] = isFailing
+  }
+
+  // class methods
+  static check(channel, id) {
+    // dispatch event to manager for channel
+    if (CHANNEL_MANAGER[channel]) {
+      CHANNEL_MANAGER[channel].processEvent(id)
+    }
+  }
+
+  static status() {
+    // return status of all channels for logging
+    return CHANNEL_ERROR
+  }
+
+  static isFailing() {
+    // check if any channel status is bad
+    for (const channel in CHANNEL_ERROR) {
+      const error = CHANNEL_ERROR[channel]
+      if (error === true) {
+        return true
+      }
+    }
+    return false
+  }
+}
diff --git a/services/real-time/app/js/HttpApiController.js b/services/real-time/app/js/HttpApiController.js
new file mode 100644
index 0000000..122f183
--- /dev/null
+++ b/services/real-time/app/js/HttpApiController.js
@@ -0,0 +1,49 @@
+const WebsocketLoadBalancer = require('./WebsocketLoadBalancer')
+const DrainManager = require('./DrainManager')
+const logger = require('@overleaf/logger')
+
+module.exports = {
+  sendMessage(req, res) {
+    logger.debug({ message: req.params.message }, 'sending message')
+    if (Array.isArray(req.body)) {
+      for (const payload of req.body) {
+        WebsocketLoadBalancer.emitToRoom(
+          req.params.project_id,
+          req.params.message,
+          payload
+        )
+      }
+    } else {
+      WebsocketLoadBalancer.emitToRoom(
+        req.params.project_id,
+        req.params.message,
+        req.body
+      )
+    }
+    res.sendStatus(204)
+  },
+
+  startDrain(req, res) {
+    const io = req.app.get('io')
+    let rate = req.query.rate || '4'
+    rate = parseFloat(rate) || 0
+    logger.info({ rate }, 'setting client drain rate')
+    DrainManager.startDrain(io, rate)
+    res.sendStatus(204)
+  },
+
+  disconnectClient(req, res, next) {
+    const io = req.app.get('io')
+    const { client_id: clientId } = req.params
+    const client = io.sockets.sockets[clientId]
+
+    if (!client) {
+      logger.debug({ clientId }, 'api: client already disconnected')
+      res.sendStatus(404)
+      return
+    }
+    logger.info({ clientId }, 'api: requesting client disconnect')
+    client.on('disconnect', () => res.sendStatus(204))
+    client.disconnect()
+  },
+}
diff --git a/services/real-time/app/js/HttpController.js b/services/real-time/app/js/HttpController.js
new file mode 100644
index 0000000..79978ed
--- /dev/null
+++ b/services/real-time/app/js/HttpController.js
@@ -0,0 +1,53 @@
+let HttpController
+module.exports = HttpController = {
+  // The code in this controller is hard to unit test because of a lot of
+  // dependencies on internal socket.io methods. It is not critical to the running
+  // of Overleaf, and is only used for getting stats about connected clients,
+  // and for checking internal state in acceptance tests. The acceptances tests
+  // should provide appropriate coverage.
+  _getConnectedClientView(ioClient) {
+    const clientId = ioClient.id
+    const {
+      project_id: projectId,
+      user_id: userId,
+      first_name: firstName,
+      last_name: lastName,
+      email,
+      connected_time: connectedTime,
+    } = ioClient.ol_context
+    const client = {
+      client_id: clientId,
+      project_id: projectId,
+      user_id: userId,
+      first_name: firstName,
+      last_name: lastName,
+      email,
+      connected_time: connectedTime,
+    }
+    client.rooms = Object.keys(ioClient.manager.roomClients[clientId] || {})
+      // drop the namespace
+      .filter(room => room !== '')
+      // room names are composed as '<NAMESPACE>/<ROOM>' and the default
+      //  namespace is empty (see comments in RoomManager), just drop the '/'
+      .map(fullRoomPath => fullRoomPath.slice(1))
+    return client
+  },
+
+  getConnectedClients(req, res) {
+    const io = req.app.get('io')
+    const ioClients = io.sockets.clients()
+
+    res.json(ioClients.map(HttpController._getConnectedClientView))
+  },
+
+  getConnectedClient(req, res) {
+    const { client_id: clientId } = req.params
+    const io = req.app.get('io')
+    const ioClient = io.sockets.sockets[clientId]
+    if (!ioClient) {
+      res.sendStatus(404)
+      return
+    }
+    res.json(HttpController._getConnectedClientView(ioClient))
+  },
+}
diff --git a/services/real-time/app/js/RedisClientManager.js b/services/real-time/app/js/RedisClientManager.js
new file mode 100644
index 0000000..63eccef
--- /dev/null
+++ b/services/real-time/app/js/RedisClientManager.js
@@ -0,0 +1,19 @@
+const redis = require('@overleaf/redis-wrapper')
+const logger = require('@overleaf/logger')
+
+module.exports = {
+  createClientList(...configs) {
+    // create a dynamic list of redis clients, excluding any configurations which are not defined
+    return configs.filter(Boolean).map(x => {
+      const redisType = x.cluster
+        ? 'cluster'
+        : x.sentinels
+          ? 'sentinel'
+          : x.host
+            ? 'single'
+            : 'unknown'
+      logger.debug({ redis: redisType }, 'creating redis client')
+      return redis.createClient(x)
+    })
+  },
+}
diff --git a/services/real-time/app/js/RoomManager.js b/services/real-time/app/js/RoomManager.js
new file mode 100644
index 0000000..47302d5
--- /dev/null
+++ b/services/real-time/app/js/RoomManager.js
@@ -0,0 +1,161 @@
+const logger = require('@overleaf/logger')
+const metrics = require('@overleaf/metrics')
+const { EventEmitter } = require('node:events')
+const OError = require('@overleaf/o-error')
+
+const IdMap = new Map() // keep track of whether ids are from projects or docs
+const RoomEvents = new EventEmitter() // emits {project,doc}-active and {project,doc}-empty events
+
+// Manage socket.io rooms for individual projects and docs
+//
+// The first time someone joins a project or doc we emit a 'project-active' or
+// 'doc-active' event.
+//
+// When the last person leaves a project or doc, we emit 'project-empty' or
+// 'doc-empty' event.
+//
+// The pubsub side is handled by ChannelManager
+
+module.exports = {
+  joinProject(client, projectId, callback) {
+    this.joinEntity(client, 'project', projectId, callback)
+  },
+
+  joinDoc(client, docId, callback) {
+    this.joinEntity(client, 'doc', docId, callback)
+  },
+
+  leaveDoc(client, docId) {
+    this.leaveEntity(client, 'doc', docId)
+  },
+
+  leaveProjectAndDocs(client) {
+    // what rooms is this client in? we need to leave them all. socket.io
+    // will cause us to leave the rooms, so we only need to manage our
+    // channel subscriptions... but it will be safer if we leave them
+    // explicitly, and then socket.io will just regard this as a client that
+    // has not joined any rooms and do a final disconnection.
+    const roomsToLeave = this._roomsClientIsIn(client)
+    logger.debug({ client: client.id, roomsToLeave }, 'client leaving project')
+    for (const id of roomsToLeave) {
+      const entity = IdMap.get(id)
+      this.leaveEntity(client, entity, id)
+    }
+  },
+
+  emitOnCompletion(promiseList, eventName) {
+    Promise.all(promiseList)
+      .then(() => RoomEvents.emit(eventName))
+      .catch(err => RoomEvents.emit(eventName, err))
+  },
+
+  eventSource() {
+    return RoomEvents
+  },
+
+  joinEntity(client, entity, id, callback) {
+    const beforeCount = this._clientsInRoom(client, id)
+    // client joins room immediately but joinDoc request does not complete
+    // until room is subscribed
+    client.join(id)
+    // is this a new room? if so, subscribe
+    if (beforeCount === 0) {
+      logger.debug({ entity, id }, 'room is now active')
+      RoomEvents.once(`${entity}-subscribed-${id}`, function (err) {
+        // only allow the client to join when all the relevant channels have subscribed
+        if (err) {
+          OError.tag(err, 'error joining', { entity, id })
+          return callback(err)
+        }
+        logger.debug(
+          { client: client.id, entity, id, beforeCount },
+          'client joined new room and subscribed to channel'
+        )
+        callback(err)
+      })
+      RoomEvents.emit(`${entity}-active`, id)
+      IdMap.set(id, entity)
+      // keep track of the number of listeners
+      metrics.gauge('room-listeners', RoomEvents.eventNames().length)
+    } else {
+      logger.debug(
+        { client: client.id, entity, id, beforeCount },
+        'client joined existing room'
+      )
+      callback()
+    }
+  },
+
+  leaveEntity(client, entity, id) {
+    // Ignore any requests to leave when the client is not actually in the
+    // room. This can happen if the client sends spurious leaveDoc requests
+    // for old docs after a reconnection.
+    // This can now happen all the time, as we skip the join for clients that
+    //  disconnect before joinProject/joinDoc completed.
+    if (!this._clientAlreadyInRoom(client, id)) {
+      logger.debug(
+        { client: client.id, entity, id },
+        'ignoring request from client to leave room it is not in'
+      )
+      return
+    }
+    client.leave(id)
+    const afterCount = this._clientsInRoom(client, id)
+    logger.debug(
+      { client: client.id, entity, id, afterCount },
+      'client left room'
+    )
+    // is the room now empty? if so, unsubscribe
+    if (!entity) {
+      logger.error({ entity: id }, 'unknown entity when leaving with id')
+      return
+    }
+    if (afterCount === 0) {
+      logger.debug({ entity, id }, 'room is now empty')
+      RoomEvents.emit(`${entity}-empty`, id)
+      IdMap.delete(id)
+      metrics.gauge('room-listeners', RoomEvents.eventNames().length)
+    }
+  },
+
+  // internal functions below, these access socket.io rooms data directly and
+  // will need updating for socket.io v2
+
+  // The below code makes some assumptions that are always true for v0
+  // - we are using the base namespace '', so room names are '/<ENTITY>'
+  //   https://github.com/socketio/socket.io/blob/e4d61b1be65ac3313a85da111a46777aa8d4aae3/lib/manager.js#L62
+  //   https://github.com/socketio/socket.io/blob/e4d61b1be65ac3313a85da111a46777aa8d4aae3/lib/manager.js#L1018
+  // - client.namespace is a Namespace
+  //   https://github.com/socketio/socket.io/blob/e4d61b1be65ac3313a85da111a46777aa8d4aae3/lib/namespace.js#L204
+  //   https://github.com/socketio/socket.io/blob/e4d61b1be65ac3313a85da111a46777aa8d4aae3/lib/socket.js#L40
+  // - client.manager is a Manager
+  //   https://github.com/socketio/socket.io/blob/e4d61b1be65ac3313a85da111a46777aa8d4aae3/lib/namespace.js#L204
+  //   https://github.com/socketio/socket.io/blob/e4d61b1be65ac3313a85da111a46777aa8d4aae3/lib/socket.js#L41
+  // - a Manager has
+  //   - `.rooms={'NAMESPACE/ENTITY': []}` and
+  //   - `.roomClients={'CLIENT_ID': {'...': true}}`
+  //   https://github.com/socketio/socket.io/blob/e4d61b1be65ac3313a85da111a46777aa8d4aae3/lib/manager.js#L287-L288
+  //   https://github.com/socketio/socket.io/blob/e4d61b1be65ac3313a85da111a46777aa8d4aae3/lib/manager.js#L444-L455
+
+  _clientsInRoom(client, room) {
+    const clients = client.manager.rooms['/' + room] || []
+    return clients.length
+  },
+
+  _roomsClientIsIn(client) {
+    const rooms = client.manager.roomClients[client.id] || {}
+    return (
+      Object.keys(rooms)
+        // drop the namespace
+        .filter(room => room !== '')
+        // room names are composed as '<NAMESPACE>/<ROOM>' and the default
+        //  namespace is empty (see comments above), just drop the '/'
+        .map(fullRoomPath => fullRoomPath.slice(1))
+    )
+  },
+
+  _clientAlreadyInRoom(client, room) {
+    const rooms = client.manager.roomClients[client.id] || {}
+    return !!rooms['/' + room]
+  },
+}
diff --git a/services/real-time/app/js/Router.js b/services/real-time/app/js/Router.js
new file mode 100644
index 0000000..238dc38
--- /dev/null
+++ b/services/real-time/app/js/Router.js
@@ -0,0 +1,607 @@
+const metrics = require('@overleaf/metrics')
+const logger = require('@overleaf/logger')
+const settings = require('@overleaf/settings')
+const WebsocketController = require('./WebsocketController')
+const HttpController = require('./HttpController')
+const HttpApiController = require('./HttpApiController')
+const WebsocketAddressManager = require('./WebsocketAddressManager')
+const bodyParser = require('body-parser')
+const base64id = require('base64id')
+const { UnexpectedArgumentsError } = require('./Errors')
+const Joi = require('joi')
+
+const HOSTNAME = require('node:os').hostname()
+const SERVER_PING_INTERVAL = 15000
+const SERVER_PING_LATENCY_THRESHOLD = 5000
+
+const JOI_OBJECT_ID = Joi.string()
+  .required()
+  .regex(/^[0-9a-f]{24}$/)
+  .message('invalid id')
+
+let Router
+module.exports = Router = {
+  _handleError(callback, error, client, method, attrs) {
+    attrs = attrs || {}
+    for (const key of ['project_id', 'user_id']) {
+      attrs[key] = attrs[key] || client.ol_context[key]
+    }
+    attrs.client_id = client.id
+    attrs.err = error
+    attrs.method = method
+    if (Joi.isError(error)) {
+      logger.info(attrs, 'validation error')
+      let message = 'invalid'
+      try {
+        message = error.details[0].message
+      } catch (e) {
+        // ignore unexpected errors
+        logger.warn({ error, e }, 'unexpected validation error')
+      }
+      const serializedError = { message }
+      metrics.inc('validation-error', 1, {
+        status: method,
+      })
+      callback(serializedError)
+    } else if (error.name === 'CodedError') {
+      logger.warn(attrs, error.message)
+      const serializedError = { message: error.message, code: error.info.code }
+      callback(serializedError)
+    } else if (error.message === 'unexpected arguments') {
+      // the payload might be very large; put it on level debug
+      logger.debug(attrs, 'unexpected arguments')
+      metrics.inc('unexpected-arguments', 1, { status: method })
+      const serializedError = { message: error.message }
+      callback(serializedError)
+    } else if (error.message === 'no project_id found on client') {
+      logger.debug(attrs, error.message)
+      const serializedError = { message: error.message }
+      callback(serializedError)
+    } else if (
+      [
+        'not authorized',
+        'joinLeaveEpoch mismatch',
+        'doc updater could not load requested ops',
+        'no project_id found on client',
+        'cannot join multiple projects',
+      ].includes(error.message)
+    ) {
+      logger.warn(attrs, error.message)
+      const serializedError = { message: error.message }
+      callback(serializedError)
+    } else {
+      logger.error(attrs, `server side error in ${method}`)
+      // Don't return raw error to prevent leaking server side info
+      const serializedError = {
+        message: 'Something went wrong in real-time service',
+      }
+      callback(serializedError)
+    }
+    if (attrs.disconnect) {
+      setTimeout(function () {
+        client.disconnect()
+      }, 100)
+    }
+  },
+
+  _handleInvalidArguments(client, method, args) {
+    const error = new UnexpectedArgumentsError()
+    let callback = args[args.length - 1]
+    if (typeof callback !== 'function') {
+      callback = function () {}
+    }
+    const attrs = { arguments: args }
+    Router._handleError(callback, error, client, method, attrs)
+  },
+
+  configure(app, io, session) {
+    app.set('io', io)
+
+    if (settings.behindProxy) {
+      app.set('trust proxy', settings.trustedProxyIps)
+    }
+    const websocketAddressManager = new WebsocketAddressManager(
+      settings.behindProxy,
+      settings.trustedProxyIps
+    )
+
+    app.get('/clients', HttpController.getConnectedClients)
+    app.get('/clients/:client_id', HttpController.getConnectedClient)
+
+    app.post(
+      '/project/:project_id/message/:message',
+      bodyParser.json({ limit: '5mb' }),
+      HttpApiController.sendMessage
+    )
+
+    app.post('/drain', HttpApiController.startDrain)
+    app.post(
+      '/client/:client_id/disconnect',
+      HttpApiController.disconnectClient
+    )
+
+    session.on('connection', function (error, client, session) {
+      // init client context, we may access it in Router._handleError before
+      //  setting any values
+      client.ol_context = {}
+      // bail out from joinDoc when a parallel joinDoc or leaveDoc is running
+      client.joinLeaveEpoch = 0
+
+      if (client) {
+        client.on('error', function (err) {
+          logger.err(
+            { clientErr: err, publicId: client.publicId, clientId: client.id },
+            'socket.io client error'
+          )
+          if (client.connected) {
+            client.emit('reconnectGracefully')
+            client.disconnect()
+          }
+        })
+      }
+
+      if (settings.shutDownInProgress) {
+        client.emit('connectionRejected', { message: 'retry' })
+        client.disconnect()
+        return
+      }
+
+      if (
+        client &&
+        error &&
+        error.message.match(/could not look up session by key/)
+      ) {
+        logger.warn(
+          { err: error, client: !!client, session: !!session },
+          'invalid session'
+        )
+        // tell the client to reauthenticate if it has an invalid session key
+        client.emit('connectionRejected', { message: 'invalid session' })
+        client.disconnect()
+        return
+      }
+
+      if (error) {
+        logger.err(
+          { err: error, client: !!client, session: !!session },
+          'error when client connected'
+        )
+        if (client) {
+          client.emit('connectionRejected', { message: 'error' })
+        }
+        if (client) {
+          client.disconnect()
+        }
+        return
+      }
+      const useServerPing =
+        !!client.handshake?.query?.esh &&
+        !!client.handshake?.query?.ssp &&
+        // No server ping with long-polling transports.
+        client.transport === 'websocket'
+      const isDebugging = !!client.handshake?.query?.debugging
+      const projectId = client.handshake?.query?.projectId
+
+      if (isDebugging) {
+        client.connectedAt = Date.now()
+        client.isDebugging = true
+      }
+
+      if (!isDebugging) {
+        try {
+          Joi.assert(projectId, JOI_OBJECT_ID)
+        } catch (error) {
+          metrics.inc('socket-io.connection', 1, {
+            status: client.transport,
+            method: projectId ? 'bad-project-id' : 'missing-project-id',
+          })
+          client.emit('connectionRejected', {
+            message: 'missing/bad ?projectId=... query flag on handshake',
+          })
+          client.disconnect()
+          return
+        }
+      }
+
+      // The client.id is security sensitive. Generate a publicId for sending to other clients.
+      client.publicId = 'P.' + base64id.generateId()
+
+      client.remoteIp = websocketAddressManager.getRemoteIp(client.handshake)
+      const headers = client.handshake && client.handshake.headers
+      client.userAgent = headers && headers['user-agent']
+
+      metrics.inc('socket-io.connection', 1, {
+        status: client.transport,
+        method: 'auto-join-project',
+      })
+      metrics.gauge('socket-io.clients', io.sockets.clients().length)
+
+      let user
+      if (session && session.passport && session.passport.user) {
+        ;({ user } = session.passport)
+      } else if (session && session.user) {
+        ;({ user } = session)
+      } else {
+        const anonymousAccessToken = session?.anonTokenAccess?.[projectId]
+        user = { _id: 'anonymous-user', anonymousAccessToken }
+      }
+
+      const info = {
+        userId: user._id,
+        projectId,
+        transport: client.transport,
+        publicId: client.publicId,
+        clientId: client.id,
+        isDebugging,
+      }
+      if (isDebugging) {
+        logger.info(info, 'client connected')
+      } else {
+        logger.debug(info, 'client connected')
+      }
+
+      const connectionDetails = {
+        userId: user._id,
+        projectId,
+        remoteIp: client.remoteIp,
+        publicId: client.publicId,
+        clientId: client.id,
+      }
+
+      let pingTimestamp
+      let pingId = -1
+      let pongId = -1
+      const pingTimer = useServerPing
+        ? setInterval(function () {
+            if (pongId !== pingId) {
+              logger.warn(
+                {
+                  ...connectionDetails,
+                  pingId,
+                  pongId,
+                  lastPingTimestamp: pingTimestamp,
+                },
+                'no client response to last ping'
+              )
+            }
+            pingTimestamp = Date.now()
+            client.emit(
+              'serverPing',
+              ++pingId,
+              pingTimestamp,
+              client.transport,
+              client.id
+            )
+          }, SERVER_PING_INTERVAL)
+        : null
+      client.on(
+        'clientPong',
+        function (
+          receivedPingId,
+          sentTimestamp,
+          serverTransport,
+          serverSessionId,
+          clientTransport,
+          clientSessionId
+        ) {
+          pongId = receivedPingId
+          const receivedTimestamp = Date.now()
+          if (
+            receivedPingId !== pingId ||
+            (serverSessionId && serverSessionId !== clientSessionId)
+          ) {
+            logger.warn(
+              {
+                ...connectionDetails,
+                receivedPingId,
+                pingId,
+                sentTimestamp,
+                receivedTimestamp,
+                latency: receivedTimestamp - sentTimestamp,
+                lastPingTimestamp: pingTimestamp,
+                serverTransport,
+                serverSessionId,
+                clientTransport,
+                clientSessionId,
+              },
+              'received pong with wrong counter'
+            )
+          } else if (
+            receivedTimestamp - sentTimestamp >
+            SERVER_PING_LATENCY_THRESHOLD
+          ) {
+            logger.warn(
+              {
+                ...connectionDetails,
+                receivedPingId,
+                pingId,
+                sentTimestamp,
+                receivedTimestamp,
+                latency: receivedTimestamp - sentTimestamp,
+                lastPingTimestamp: pingTimestamp,
+              },
+              'received pong with high latency'
+            )
+          }
+        }
+      )
+
+      if (settings.exposeHostname) {
+        client.on('debug.getHostname', function (callback) {
+          if (typeof callback !== 'function') {
+            return Router._handleInvalidArguments(
+              client,
+              'debug.getHostname',
+              arguments
+            )
+          }
+          callback(HOSTNAME)
+        })
+      }
+      client.on('debug', (data, callback) => {
+        if (typeof callback !== 'function') {
+          return Router._handleInvalidArguments(client, 'debug', arguments)
+        }
+
+        logger.info(
+          { publicId: client.publicId, clientId: client.id },
+          'received debug message'
+        )
+
+        const response = {
+          serverTime: Date.now(),
+          data,
+          client: {
+            publicId: client.publicId,
+            remoteIp: client.remoteIp,
+            userAgent: client.userAgent,
+            connected: !client.disconnected,
+            connectedAt: client.connectedAt,
+          },
+          server: {
+            hostname: settings.exposeHostname ? HOSTNAME : undefined,
+          },
+        }
+
+        callback(response)
+      })
+      const joinProject = function (callback) {
+        WebsocketController.joinProject(
+          client,
+          user,
+          projectId,
+          function (err, ...args) {
+            if (err) {
+              Router._handleError(callback, err, client, 'joinProject', {
+                project_id: projectId,
+                user_id: user._id,
+              })
+            } else {
+              callback(null, ...args)
+            }
+          }
+        )
+      }
+
+      client.on('disconnect', function () {
+        metrics.inc('socket-io.disconnect', 1, { status: client.transport })
+        metrics.gauge('socket-io.clients', io.sockets.clients().length)
+
+        if (client.isDebugging) {
+          const duration = Date.now() - client.connectedAt
+          metrics.timing('socket-io.debugging.duration', duration)
+          logger.info(
+            { duration, publicId: client.publicId, clientId: client.id },
+            'debug client disconnected'
+          )
+        } else {
+          clearInterval(pingTimer)
+        }
+
+        WebsocketController.leaveProject(io, client, function (err) {
+          if (err) {
+            Router._handleError(function () {}, err, client, 'leaveProject')
+          }
+        })
+      })
+
+      // Variadic. The possible arguments:
+      // doc_id, callback
+      // doc_id, fromVersion, callback
+      // doc_id, options, callback
+      // doc_id, fromVersion, options, callback
+      client.on('joinDoc', function (docId, fromVersion, options, callback) {
+        if (typeof fromVersion === 'function' && !options) {
+          callback = fromVersion
+          fromVersion = -1
+          options = {}
+        } else if (
+          typeof fromVersion === 'number' &&
+          typeof options === 'function'
+        ) {
+          callback = options
+          options = {}
+        } else if (
+          typeof fromVersion === 'object' &&
+          typeof options === 'function'
+        ) {
+          callback = options
+          options = fromVersion
+          fromVersion = -1
+        } else if (
+          typeof fromVersion === 'number' &&
+          typeof options === 'object' &&
+          typeof callback === 'function'
+        ) {
+          // Called with 4 args, things are as expected
+        } else {
+          return Router._handleInvalidArguments(client, 'joinDoc', arguments)
+        }
+        try {
+          Joi.assert(
+            { doc_id: docId, fromVersion, options },
+            Joi.object({
+              doc_id: JOI_OBJECT_ID,
+              fromVersion: Joi.number().integer(),
+              options: Joi.object().required(),
+            })
+          )
+        } catch (error) {
+          return Router._handleError(callback, error, client, 'joinDoc', {
+            disconnect: 1,
+          })
+        }
+        WebsocketController.joinDoc(
+          client,
+          docId,
+          fromVersion,
+          options,
+          function (err, ...args) {
+            if (err) {
+              Router._handleError(callback, err, client, 'joinDoc', {
+                doc_id: docId,
+                fromVersion,
+              })
+            } else {
+              callback(null, ...args)
+            }
+          }
+        )
+      })
+
+      client.on('leaveDoc', function (docId, callback) {
+        if (typeof callback !== 'function') {
+          return Router._handleInvalidArguments(client, 'leaveDoc', arguments)
+        }
+        try {
+          Joi.assert(docId, JOI_OBJECT_ID)
+        } catch (error) {
+          return Router._handleError(callback, error, client, 'joinDoc', {
+            disconnect: 1,
+          })
+        }
+        WebsocketController.leaveDoc(client, docId, function (err, ...args) {
+          if (err) {
+            Router._handleError(callback, err, client, 'leaveDoc', {
+              doc_id: docId,
+            })
+          } else {
+            callback(null, ...args)
+          }
+        })
+      })
+
+      client.on('clientTracking.getConnectedUsers', function (callback) {
+        if (typeof callback !== 'function') {
+          return Router._handleInvalidArguments(
+            client,
+            'clientTracking.getConnectedUsers',
+            arguments
+          )
+        }
+
+        WebsocketController.getConnectedUsers(client, function (err, users) {
+          if (err) {
+            Router._handleError(
+              callback,
+              err,
+              client,
+              'clientTracking.getConnectedUsers'
+            )
+          } else {
+            callback(null, users)
+          }
+        })
+      })
+
+      client.on(
+        'clientTracking.updatePosition',
+        function (cursorData, callback) {
+          if (!callback) {
+            callback = function () {
+              // NOTE: The frontend does not pass any callback to socket.io.
+              // Any error is already logged via Router._handleError.
+            }
+          }
+          if (typeof callback !== 'function') {
+            return Router._handleInvalidArguments(
+              client,
+              'clientTracking.updatePosition',
+              arguments
+            )
+          }
+
+          WebsocketController.updateClientPosition(
+            client,
+            cursorData,
+            function (err) {
+              if (err) {
+                Router._handleError(
+                  callback,
+                  err,
+                  client,
+                  'clientTracking.updatePosition'
+                )
+              } else {
+                callback()
+              }
+            }
+          )
+        }
+      )
+
+      client.on('applyOtUpdate', function (docId, update, callback) {
+        if (typeof callback !== 'function') {
+          return Router._handleInvalidArguments(
+            client,
+            'applyOtUpdate',
+            arguments
+          )
+        }
+        try {
+          Joi.assert(
+            { doc_id: docId, update },
+            Joi.object({
+              doc_id: JOI_OBJECT_ID,
+              update: Joi.object().required(),
+            })
+          )
+        } catch (error) {
+          return Router._handleError(callback, error, client, 'applyOtUpdate', {
+            disconnect: 1,
+          })
+        }
+        WebsocketController.applyOtUpdate(
+          client,
+          docId,
+          update,
+          function (err) {
+            if (err) {
+              Router._handleError(callback, err, client, 'applyOtUpdate', {
+                doc_id: docId,
+              })
+            } else {
+              callback()
+            }
+          }
+        )
+      })
+
+      if (!isDebugging) {
+        joinProject((err, project, permissionsLevel, protocolVersion) => {
+          if (err) {
+            client.emit('connectionRejected', err)
+            client.disconnect()
+            return
+          }
+          client.emit('joinProjectResponse', {
+            publicId: client.publicId,
+            project,
+            permissionsLevel,
+            protocolVersion,
+          })
+        })
+      }
+    })
+  },
+}
diff --git a/services/real-time/app/js/SafeJsonParse.js b/services/real-time/app/js/SafeJsonParse.js
new file mode 100644
index 0000000..bc7a6be
--- /dev/null
+++ b/services/real-time/app/js/SafeJsonParse.js
@@ -0,0 +1,17 @@
+const Settings = require('@overleaf/settings')
+const { DataTooLargeToParseError } = require('./Errors')
+
+module.exports = {
+  parse(data, callback) {
+    if (data.length > Settings.maxUpdateSize) {
+      return callback(new DataTooLargeToParseError(data))
+    }
+    let parsed
+    try {
+      parsed = JSON.parse(data)
+    } catch (e) {
+      return callback(e)
+    }
+    callback(null, parsed)
+  },
+}
diff --git a/services/real-time/app/js/SessionSockets.js b/services/real-time/app/js/SessionSockets.js
new file mode 100644
index 0000000..c454ccb
--- /dev/null
+++ b/services/real-time/app/js/SessionSockets.js
@@ -0,0 +1,45 @@
+const metrics = require('@overleaf/metrics')
+const OError = require('@overleaf/o-error')
+const { EventEmitter } = require('node:events')
+const { MissingSessionError } = require('./Errors')
+
+module.exports = function (io, sessionStore, cookieParser, cookieName) {
+  const missingSessionError = new MissingSessionError()
+
+  const sessionSockets = new EventEmitter()
+  function next(error, socket, session) {
+    sessionSockets.emit('connection', error, socket, session)
+  }
+
+  io.on('connection', function (socket) {
+    const req = socket.handshake
+    cookieParser(req, {}, function () {
+      const sessionId = req.signedCookies && req.signedCookies[cookieName]
+      if (!sessionId) {
+        metrics.inc('session.cookie', 1, {
+          // the cookie-parser middleware sets the signed cookie to false if the
+          // signature is invalid, so we can use this to detect bad signatures
+          status: sessionId === false ? 'bad-signature' : 'none',
+        })
+        return next(missingSessionError, socket)
+      }
+      sessionStore.get(sessionId, function (error, session) {
+        if (error) {
+          metrics.inc('session.cookie', 1, { status: 'error' })
+          OError.tag(error, 'error getting session from sessionStore', {
+            sessionId,
+          })
+          return next(error, socket)
+        }
+        if (!session) {
+          metrics.inc('session.cookie', 1, { status: 'missing' })
+          return next(missingSessionError, socket)
+        }
+        metrics.inc('session.cookie', 1, { status: 'signed' })
+        next(null, socket, session)
+      })
+    })
+  })
+
+  return sessionSockets
+}
diff --git a/services/real-time/app/js/WebApiManager.js b/services/real-time/app/js/WebApiManager.js
new file mode 100644
index 0000000..efc7092
--- /dev/null
+++ b/services/real-time/app/js/WebApiManager.js
@@ -0,0 +1,63 @@
+const request = require('request')
+const OError = require('@overleaf/o-error')
+const settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const {
+  CodedError,
+  CorruptedJoinProjectResponseError,
+  NotAuthorizedError,
+  WebApiRequestFailedError,
+} = require('./Errors')
+
+module.exports = {
+  joinProject(projectId, user, callback) {
+    const userId = user._id
+    logger.debug({ projectId, userId }, 'sending join project request to web')
+    const url = `${settings.apis.web.url}/project/${projectId}/join`
+    request.post(
+      {
+        url,
+        auth: {
+          user: settings.apis.web.user,
+          pass: settings.apis.web.pass,
+          sendImmediately: true,
+        },
+        json: {
+          userId,
+          anonymousAccessToken: user.anonymousAccessToken,
+        },
+        jar: false,
+      },
+      function (error, response, data) {
+        if (error) {
+          OError.tag(error, 'join project request failed')
+          return callback(error)
+        }
+        if (response.statusCode >= 200 && response.statusCode < 300) {
+          if (!(data && data.project)) {
+            return callback(new CorruptedJoinProjectResponseError())
+          }
+          const userMetadata = {
+            isRestrictedUser: data.isRestrictedUser,
+            isTokenMember: data.isTokenMember,
+            isInvitedMember: data.isInvitedMember,
+          }
+          callback(null, data.project, data.privilegeLevel, userMetadata)
+        } else if (response.statusCode === 429) {
+          callback(
+            new CodedError(
+              'rate-limit hit when joining project',
+              'TooManyRequests'
+            )
+          )
+        } else if (response.statusCode === 403) {
+          callback(new NotAuthorizedError())
+        } else if (response.statusCode === 404) {
+          callback(new CodedError('project not found', 'ProjectNotFound'))
+        } else {
+          callback(new WebApiRequestFailedError(response.statusCode))
+        }
+      }
+    )
+  },
+}
diff --git a/services/real-time/app/js/WebsocketAddressManager.js b/services/real-time/app/js/WebsocketAddressManager.js
new file mode 100644
index 0000000..d01f081
--- /dev/null
+++ b/services/real-time/app/js/WebsocketAddressManager.js
@@ -0,0 +1,39 @@
+const proxyaddr = require('proxy-addr')
+
+module.exports = class WebsocketAddressManager {
+  constructor(behindProxy, trustedProxyIps) {
+    if (behindProxy) {
+      // parse trustedProxyIps comma-separated list the same way as express
+      this.trust = proxyaddr.compile(
+        trustedProxyIps ? trustedProxyIps.split(/ *, */) : []
+      )
+    }
+  }
+
+  getRemoteIp(clientHandshake) {
+    if (!clientHandshake) {
+      return 'client-handshake-missing'
+    } else if (this.trust) {
+      // create a dummy req object using the client handshake and
+      // connection.remoteAddress for the proxy-addr module to parse
+      try {
+        const addressPort = clientHandshake.address
+        const req = {
+          headers: {
+            'x-forwarded-for':
+              clientHandshake.headers &&
+              clientHandshake.headers['x-forwarded-for'],
+          },
+          connection: { remoteAddress: addressPort && addressPort.address },
+        }
+        // return the address parsed from x-forwarded-for
+        return proxyaddr(req, this.trust)
+      } catch (err) {
+        return 'client-handshake-invalid'
+      }
+    } else {
+      // return the address from the client handshake itself
+      return clientHandshake.address && clientHandshake.address.address
+    }
+  }
+}
diff --git a/services/real-time/app/js/WebsocketController.js b/services/real-time/app/js/WebsocketController.js
new file mode 100644
index 0000000..dec5677
--- /dev/null
+++ b/services/real-time/app/js/WebsocketController.js
@@ -0,0 +1,657 @@
+const OError = require('@overleaf/o-error')
+const logger = require('@overleaf/logger')
+const metrics = require('@overleaf/metrics')
+const WebApiManager = require('./WebApiManager')
+const AuthorizationManager = require('./AuthorizationManager')
+const DocumentUpdaterManager = require('./DocumentUpdaterManager')
+const ConnectedUsersManager = require('./ConnectedUsersManager')
+const WebsocketLoadBalancer = require('./WebsocketLoadBalancer')
+const RoomManager = require('./RoomManager')
+const {
+  JoinLeaveEpochMismatchError,
+  NotAuthorizedError,
+  NotJoinedError,
+  ClientRequestedMissingOpsError,
+} = require('./Errors')
+
+const JOIN_DOC_CATCH_UP_LENGTH_BUCKETS = [
+  0, 5, 10, 25, 50, 100, 150, 200, 250, 500, 1000,
+]
+const JOIN_DOC_CATCH_UP_AGE = [
+  0,
+  1,
+  2,
+  5,
+  10,
+  20,
+  30,
+  60,
+  120,
+  240,
+  600,
+  60 * 60,
+  24 * 60 * 60,
+].map(x => x * 1000)
+
+let WebsocketController
+module.exports = WebsocketController = {
+  // If the protocol version changes when the client reconnects,
+  // it will force a full refresh of the page. Useful for non-backwards
+  // compatible protocol changes. Use only in extreme need.
+  PROTOCOL_VERSION: 2,
+
+  joinProject(client, user, projectId, callback) {
+    if (client.disconnected) {
+      metrics.inc('editor.join-project.disconnected', 1, {
+        status: 'immediately',
+      })
+      return callback()
+    }
+
+    const userId = user._id
+    logger.info(
+      {
+        userId,
+        projectId,
+        clientId: client.id,
+        remoteIp: client.remoteIp,
+        userAgent: client.userAgent,
+      },
+      'user joining project'
+    )
+    metrics.inc('editor.join-project', 1, { status: client.transport })
+    WebApiManager.joinProject(
+      projectId,
+      user,
+      function (error, project, privilegeLevel, userMetadata) {
+        if (error) {
+          return callback(error)
+        }
+        if (client.disconnected) {
+          logger.info(
+            { userId, projectId, clientId: client.id },
+            'client disconnected before joining project'
+          )
+          metrics.inc('editor.join-project.disconnected', 1, {
+            status: 'after-web-api-call',
+          })
+          return callback()
+        }
+
+        if (!privilegeLevel) {
+          return callback(new NotAuthorizedError())
+        }
+
+        client.ol_context = {}
+        client.ol_context.privilege_level = privilegeLevel
+        client.ol_context.user_id = userId
+        client.ol_context.project_id = projectId
+        client.ol_context.owner_id = project.owner && project.owner._id
+        client.ol_context.first_name = user.first_name
+        client.ol_context.last_name = user.last_name
+        client.ol_context.email = user.email
+        client.ol_context.connected_time = new Date()
+        client.ol_context.signup_date = user.signUpDate
+        client.ol_context.login_count = user.loginCount
+        client.ol_context.is_restricted_user = !!userMetadata.isRestrictedUser
+        client.ol_context.is_token_member = !!userMetadata.isTokenMember
+        client.ol_context.is_invited_member = !!userMetadata.isInvitedMember
+
+        RoomManager.joinProject(client, projectId, function (err) {
+          if (err) {
+            return callback(err)
+          }
+          logger.debug(
+            {
+              userId,
+              projectId,
+              clientId: client.id,
+              privilegeLevel,
+              userMetadata,
+            },
+            'user joined project'
+          )
+          callback(
+            null,
+            project,
+            privilegeLevel,
+            WebsocketController.PROTOCOL_VERSION
+          )
+        })
+
+        // No need to block for setting the user as connected in the cursor tracking
+        ConnectedUsersManager.updateUserPosition(
+          projectId,
+          client.publicId,
+          user,
+          null,
+          function (err) {
+            if (err) {
+              logger.warn(
+                { err, projectId, userId, clientId: client.id },
+                'background cursor update failed'
+              )
+            }
+          }
+        )
+      }
+    )
+  },
+
+  // We want to flush a project if there are no more (local) connected clients
+  // but we need to wait for the triggering client to disconnect. How long we wait
+  // is determined by FLUSH_IF_EMPTY_DELAY.
+  FLUSH_IF_EMPTY_DELAY: 500, // ms
+  leaveProject(io, client, callback) {
+    const { project_id: projectId, user_id: userId } = client.ol_context
+    if (!projectId) {
+      return callback()
+    } // client did not join project
+
+    metrics.inc('editor.leave-project', 1, { status: client.transport })
+    logger.info(
+      { projectId, userId, clientId: client.id },
+      'client leaving project'
+    )
+    WebsocketLoadBalancer.emitToRoom(
+      projectId,
+      'clientTracking.clientDisconnected',
+      client.publicId
+    )
+
+    // We can do this in the background
+    ConnectedUsersManager.markUserAsDisconnected(
+      projectId,
+      client.publicId,
+      function (err) {
+        if (err) {
+          logger.error(
+            { err, projectId, userId, clientId: client.id },
+            'error marking client as disconnected'
+          )
+        }
+      }
+    )
+
+    RoomManager.leaveProjectAndDocs(client)
+    setTimeout(function () {
+      const remainingClients = io.sockets.clients(projectId)
+      if (remainingClients.length === 0) {
+        // Flush project in the background
+        DocumentUpdaterManager.flushProjectToMongoAndDelete(
+          projectId,
+          function (err) {
+            if (err) {
+              logger.error(
+                { err, projectId, userId, clientId: client.id },
+                'error flushing to doc updater after leaving project'
+              )
+            }
+          }
+        )
+      }
+      callback()
+    }, WebsocketController.FLUSH_IF_EMPTY_DELAY)
+  },
+
+  joinDoc(client, docId, fromVersion, options, callback) {
+    if (client.disconnected) {
+      metrics.inc('editor.join-doc.disconnected', 1, { status: 'immediately' })
+      return callback()
+    }
+
+    const joinLeaveEpoch = ++client.joinLeaveEpoch
+    metrics.inc('editor.join-doc', 1, { status: client.transport })
+    const {
+      project_id: projectId,
+      user_id: userId,
+      is_restricted_user: isRestrictedUser,
+    } = client.ol_context
+    if (!projectId) {
+      return callback(new NotJoinedError())
+    }
+    logger.debug(
+      { userId, projectId, docId, fromVersion, clientId: client.id },
+      'client joining doc'
+    )
+
+    const emitJoinDocCatchUpMetrics = (
+      status,
+      { firstVersionInRedis, version, ttlInS }
+    ) => {
+      if (fromVersion === -1) return // full joinDoc call
+      if (typeof options.age !== 'number') return // old frontend
+      if (!ttlInS) return // old document-updater pod
+
+      const isStale = options.age > ttlInS * 1000
+      const method = isStale ? 'stale' : 'recent'
+      metrics.histogram(
+        'join-doc-catch-up-length',
+        version - fromVersion,
+        JOIN_DOC_CATCH_UP_LENGTH_BUCKETS,
+        { status, method, path: client.transport }
+      )
+      if (firstVersionInRedis) {
+        metrics.histogram(
+          'join-doc-catch-up-length-extra-needed',
+          firstVersionInRedis - fromVersion,
+          JOIN_DOC_CATCH_UP_LENGTH_BUCKETS,
+          { status, method, path: client.transport }
+        )
+      }
+      metrics.histogram(
+        'join-doc-catch-up-age',
+        options.age,
+        JOIN_DOC_CATCH_UP_AGE,
+        { status, path: client.transport }
+      )
+    }
+
+    WebsocketController._assertClientAuthorization(
+      client,
+      docId,
+      function (error) {
+        if (error) {
+          return callback(error)
+        }
+        if (client.disconnected) {
+          metrics.inc('editor.join-doc.disconnected', 1, {
+            status: 'after-client-auth-check',
+          })
+          // the client will not read the response anyways
+          return callback()
+        }
+        if (joinLeaveEpoch !== client.joinLeaveEpoch) {
+          // another joinDoc or leaveDoc rpc overtook us
+          return callback(new JoinLeaveEpochMismatchError())
+        }
+        // ensure the per-doc applied-ops channel is subscribed before sending the
+        // doc to the client, so that no events are missed.
+        RoomManager.joinDoc(client, docId, function (error) {
+          if (error) {
+            return callback(error)
+          }
+          if (client.disconnected) {
+            metrics.inc('editor.join-doc.disconnected', 1, {
+              status: 'after-joining-room',
+            })
+            // the client will not read the response anyways
+            return callback()
+          }
+
+          DocumentUpdaterManager.getDocument(
+            projectId,
+            docId,
+            fromVersion,
+            function (error, lines, version, ranges, ops, ttlInS) {
+              if (error) {
+                if (error instanceof ClientRequestedMissingOpsError) {
+                  emitJoinDocCatchUpMetrics('missing', error.info)
+                }
+                return callback(error)
+              }
+              emitJoinDocCatchUpMetrics('success', { version, ttlInS })
+              if (client.disconnected) {
+                metrics.inc('editor.join-doc.disconnected', 1, {
+                  status: 'after-doc-updater-call',
+                })
+                // the client will not read the response anyways
+                return callback()
+              }
+
+              if (isRestrictedUser && ranges && ranges.comments) {
+                ranges.comments = []
+              }
+
+              // Encode any binary bits of data so it can go via WebSockets
+              // See http://ecmanaut.blogspot.co.uk/2006/07/encoding-decoding-utf8-in-javascript.html
+              const encodeForWebsockets = text =>
+                unescape(encodeURIComponent(text))
+              const escapedLines = []
+              for (let line of lines) {
+                try {
+                  line = encodeForWebsockets(line)
+                } catch (err) {
+                  OError.tag(err, 'error encoding line uri component', { line })
+                  return callback(err)
+                }
+                escapedLines.push(line)
+              }
+              if (options.encodeRanges) {
+                try {
+                  for (const comment of (ranges && ranges.comments) || []) {
+                    if (comment.op.c) {
+                      comment.op.c = encodeForWebsockets(comment.op.c)
+                    }
+                  }
+                  for (const change of (ranges && ranges.changes) || []) {
+                    if (change.op.i) {
+                      change.op.i = encodeForWebsockets(change.op.i)
+                    }
+                    if (change.op.d) {
+                      change.op.d = encodeForWebsockets(change.op.d)
+                    }
+                  }
+                } catch (err) {
+                  OError.tag(err, 'error encoding range uri component', {
+                    ranges,
+                  })
+                  return callback(err)
+                }
+              }
+
+              AuthorizationManager.addAccessToDoc(client, docId, () => {})
+              logger.debug(
+                {
+                  userId,
+                  projectId,
+                  docId,
+                  fromVersion,
+                  clientId: client.id,
+                },
+                'client joined doc'
+              )
+              callback(null, escapedLines, version, ops, ranges)
+            }
+          )
+        })
+      }
+    )
+  },
+
+  _assertClientAuthorization(client, docId, callback) {
+    // Check for project-level access first
+    AuthorizationManager.assertClientCanViewProject(client, function (error) {
+      if (error) {
+        return callback(error)
+      }
+      // Check for doc-level access next
+      AuthorizationManager.assertClientCanViewProjectAndDoc(
+        client,
+        docId,
+        function (error) {
+          if (error) {
+            // No cached access, check docupdater
+            const { project_id: projectId } = client.ol_context
+            DocumentUpdaterManager.checkDocument(
+              projectId,
+              docId,
+              function (error) {
+                if (error) {
+                  return callback(error)
+                } else {
+                  // Success
+                  AuthorizationManager.addAccessToDoc(client, docId, callback)
+                }
+              }
+            )
+          } else {
+            // Access already cached
+            callback()
+          }
+        }
+      )
+    })
+  },
+
+  leaveDoc(client, docId, callback) {
+    // client may have disconnected, but we have to cleanup internal state.
+    client.joinLeaveEpoch++
+    metrics.inc('editor.leave-doc', 1, { status: client.transport })
+    const { project_id: projectId, user_id: userId } = client.ol_context
+    logger.debug(
+      { userId, projectId, docId, clientId: client.id },
+      'client leaving doc'
+    )
+    RoomManager.leaveDoc(client, docId)
+    // we could remove permission when user leaves a doc, but because
+    // the connection is per-project, we continue to allow access
+    // after the initial joinDoc since we know they are already authorised.
+    // # AuthorizationManager.removeAccessToDoc client, doc_id
+    callback()
+  },
+  updateClientPosition(client, cursorData, callback) {
+    if (client.disconnected) {
+      // do not create a ghost entry in redis
+      return callback()
+    }
+
+    metrics.inc('editor.update-client-position', 0.1, {
+      status: client.transport,
+    })
+    const {
+      project_id: projectId,
+      first_name: firstName,
+      last_name: lastName,
+      email,
+      user_id: userId,
+    } = client.ol_context
+    logger.debug(
+      { userId, projectId, clientId: client.id, cursorData },
+      'updating client position'
+    )
+
+    AuthorizationManager.assertClientCanViewProjectAndDoc(
+      client,
+      cursorData.doc_id,
+      function (error) {
+        if (error) {
+          logger.debug(
+            { err: error, clientId: client.id, projectId, userId },
+            "silently ignoring unauthorized updateClientPosition. Client likely hasn't called joinProject yet."
+          )
+          return callback()
+        }
+        cursorData.id = client.publicId
+        if (userId) {
+          cursorData.user_id = userId
+        }
+        if (email) {
+          cursorData.email = email
+        }
+        // Don't store anonymous users in redis to avoid influx
+        if (!userId || userId === 'anonymous-user') {
+          cursorData.name = ''
+          // consistent async behaviour
+          setTimeout(callback)
+        } else {
+          cursorData.name =
+            firstName && lastName
+              ? `${firstName} ${lastName}`
+              : firstName || lastName || ''
+          ConnectedUsersManager.updateUserPosition(
+            projectId,
+            client.publicId,
+            {
+              first_name: firstName,
+              last_name: lastName,
+              email,
+              _id: userId,
+            },
+            {
+              row: cursorData.row,
+              column: cursorData.column,
+              doc_id: cursorData.doc_id,
+            },
+            callback
+          )
+        }
+        WebsocketLoadBalancer.emitToRoom(
+          projectId,
+          'clientTracking.clientUpdated',
+          cursorData
+        )
+      }
+    )
+  },
+
+  CLIENT_REFRESH_DELAY: 1000,
+  getConnectedUsers(client, callback) {
+    if (client.disconnected) {
+      // they are not interested anymore, skip the redis lookups
+      return callback()
+    }
+
+    metrics.inc('editor.get-connected-users', { status: client.transport })
+    const {
+      project_id: projectId,
+      user_id: userId,
+      is_restricted_user: isRestrictedUser,
+    } = client.ol_context
+    if (isRestrictedUser) {
+      return callback(null, [])
+    }
+    if (!projectId) {
+      return callback(new NotJoinedError())
+    }
+    logger.debug(
+      { userId, projectId, clientId: client.id },
+      'getting connected users'
+    )
+    AuthorizationManager.assertClientCanViewProject(client, function (error) {
+      if (error) {
+        return callback(error)
+      }
+      WebsocketLoadBalancer.emitToRoom(projectId, 'clientTracking.refresh')
+      setTimeout(
+        () =>
+          ConnectedUsersManager.getConnectedUsers(
+            projectId,
+            function (error, users) {
+              if (error) {
+                return callback(error)
+              }
+              logger.debug(
+                { userId, projectId, clientId: client.id },
+                'got connected users'
+              )
+              callback(null, users)
+            }
+          ),
+        WebsocketController.CLIENT_REFRESH_DELAY
+      )
+    })
+  },
+
+  applyOtUpdate(client, docId, update, callback) {
+    // client may have disconnected, but we can submit their update to doc-updater anyways.
+    const { user_id: userId, project_id: projectId } = client.ol_context
+    if (!projectId) {
+      return callback(new NotJoinedError())
+    }
+
+    WebsocketController._assertClientCanApplyUpdate(
+      client,
+      docId,
+      update,
+      function (error) {
+        if (error) {
+          setTimeout(
+            () =>
+              // Disconnect, but give the client the chance to receive the error
+              client.disconnect(),
+            100
+          )
+          return callback(error)
+        }
+        if (!update.meta) {
+          update.meta = {}
+        }
+        update.meta.source = client.publicId
+        update.meta.user_id = userId
+        update.meta.tsRT = performance.now()
+        metrics.inc('editor.doc-update', 0.3, { status: client.transport })
+
+        logger.debug(
+          {
+            userId,
+            docId,
+            projectId,
+            clientId: client.id,
+            version: update.v,
+          },
+          'sending update to doc updater'
+        )
+
+        DocumentUpdaterManager.queueChange(
+          projectId,
+          docId,
+          update,
+          function (error) {
+            if ((error && error.message) === 'update is too large') {
+              metrics.inc('update_too_large')
+              const { updateSize } = error.info
+              logger.warn(
+                { userId, projectId, docId, updateSize },
+                'update is too large'
+              )
+
+              // mark the update as received -- the client should not send it again!
+              callback()
+
+              // trigger an out-of-sync error
+              const message = {
+                project_id: projectId,
+                doc_id: docId,
+                error: 'update is too large',
+              }
+              setTimeout(function () {
+                if (client.disconnected) {
+                  // skip the message broadcast, the client has moved on
+                  return metrics.inc('editor.doc-update.disconnected', 1, {
+                    status: 'at-otUpdateError',
+                  })
+                }
+                client.emit('otUpdateError', message.error, message)
+                client.disconnect()
+              }, 100)
+              return
+            }
+
+            if (error) {
+              OError.tag(error, 'document was not available for update', {
+                version: update.v,
+              })
+              client.disconnect()
+            }
+            callback(error)
+          }
+        )
+      }
+    )
+  },
+
+  _assertClientCanApplyUpdate(client, docId, update, callback) {
+    if (WebsocketController._isCommentUpdate(update)) {
+      return AuthorizationManager.assertClientCanViewProjectAndDoc(
+        client,
+        docId,
+        callback
+      )
+    } else if (update.meta?.tc) {
+      return AuthorizationManager.assertClientCanReviewProjectAndDoc(
+        client,
+        docId,
+        callback
+      )
+    } else {
+      return AuthorizationManager.assertClientCanEditProjectAndDoc(
+        client,
+        docId,
+        callback
+      )
+    }
+  },
+
+  _isCommentUpdate(update) {
+    if (!(update && update.op instanceof Array)) {
+      return false
+    }
+    for (const op of update.op) {
+      if (!op.c) {
+        return false
+      }
+    }
+    return true
+  },
+}
diff --git a/services/real-time/app/js/WebsocketLoadBalancer.js b/services/real-time/app/js/WebsocketLoadBalancer.js
new file mode 100644
index 0000000..ebf20fa
--- /dev/null
+++ b/services/real-time/app/js/WebsocketLoadBalancer.js
@@ -0,0 +1,251 @@
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const Metrics = require('@overleaf/metrics')
+const RedisClientManager = require('./RedisClientManager')
+const SafeJsonParse = require('./SafeJsonParse')
+const EventLogger = require('./EventLogger')
+const HealthCheckManager = require('./HealthCheckManager')
+const RoomManager = require('./RoomManager')
+const ChannelManager = require('./ChannelManager')
+const ConnectedUsersManager = require('./ConnectedUsersManager')
+
+const RESTRICTED_USER_MESSAGE_TYPE_PASS_LIST = [
+  'otUpdateApplied',
+  'otUpdateError',
+  'joinDoc',
+  'reciveNewDoc',
+  'reciveNewFile',
+  'reciveNewFolder',
+  'reciveEntityMove',
+  'reciveEntityRename',
+  'removeEntity',
+  'accept-changes',
+  'projectNameUpdated',
+  'rootDocUpdated',
+  'toggle-track-changes',
+  'projectRenamedOrDeletedByExternalSource',
+]
+const BANDWIDTH_BUCKETS = [0]
+// 64 bytes ... 8MB
+for (let i = 5; i <= 22; i++) {
+  BANDWIDTH_BUCKETS.push(2 << i)
+}
+
+let WebsocketLoadBalancer
+module.exports = WebsocketLoadBalancer = {
+  rclientPubList: RedisClientManager.createClientList(Settings.redis.pubsub),
+  rclientSubList: RedisClientManager.createClientList(Settings.redis.pubsub),
+
+  shouldDisconnectClient(client, message) {
+    const userId = client.ol_context.user_id
+    if (message?.message === 'userRemovedFromProject') {
+      if (message?.payload?.includes(userId)) {
+        return true
+      }
+    } else if (message?.message === 'project:publicAccessLevel:changed') {
+      const [info] = message.payload
+      if (
+        info.newAccessLevel === 'private' &&
+        !client.ol_context.is_invited_member
+      ) {
+        return true
+      }
+    } else if (message?.message === 'project:collaboratorAccessLevel:changed') {
+      const changedUserId = message.payload[0].userId
+      return userId === changedUserId
+    }
+    return false
+  },
+
+  emitToRoom(roomId, message, ...payload) {
+    if (!roomId) {
+      logger.warn(
+        { message, payload },
+        'no room_id provided, ignoring emitToRoom'
+      )
+      return
+    }
+    const data = JSON.stringify({
+      room_id: roomId,
+      message,
+      payload,
+    })
+    logger.debug(
+      { roomId, message, payload, length: data.length },
+      'emitting to room'
+    )
+
+    this.rclientPubList.map(rclientPub =>
+      ChannelManager.publish(rclientPub, 'editor-events', roomId, data)
+    )
+  },
+
+  emitToAll(message, ...payload) {
+    this.emitToRoom('all', message, ...payload)
+  },
+
+  listenForEditorEvents(io) {
+    logger.debug(
+      { rclients: this.rclientSubList.length },
+      'listening for editor events'
+    )
+    for (const rclientSub of this.rclientSubList) {
+      rclientSub.subscribe('editor-events')
+      rclientSub.on('message', function (channel, message) {
+        if (Settings.debugEvents > 0) {
+          EventLogger.debugEvent(channel, message)
+        }
+        WebsocketLoadBalancer._processEditorEvent(io, channel, message)
+      })
+    }
+    this.handleRoomUpdates(this.rclientSubList)
+  },
+
+  handleRoomUpdates(rclientSubList) {
+    const roomEvents = RoomManager.eventSource()
+    roomEvents.on('project-active', function (projectId) {
+      const subscribePromises = rclientSubList.map(rclient =>
+        ChannelManager.subscribe(rclient, 'editor-events', projectId)
+      )
+      RoomManager.emitOnCompletion(
+        subscribePromises,
+        `project-subscribed-${projectId}`
+      )
+    })
+    roomEvents.on('project-empty', projectId =>
+      rclientSubList.map(rclient =>
+        ChannelManager.unsubscribe(rclient, 'editor-events', projectId)
+      )
+    )
+  },
+
+  _processEditorEvent(io, channel, message) {
+    SafeJsonParse.parse(message, function (error, message) {
+      if (error) {
+        logger.error({ err: error, channel }, 'error parsing JSON')
+        return
+      }
+      if (message.room_id === 'all') {
+        io.sockets.emit(message.message, ...message.payload)
+      } else if (
+        message.message === 'clientTracking.refresh' &&
+        message.room_id
+      ) {
+        const clientList = io.sockets.clients(message.room_id)
+        logger.debug(
+          {
+            channel,
+            message: message.message,
+            roomId: message.room_id,
+            messageId: message._id,
+            socketIoClients: clientList.map(client => client.id),
+          },
+          'refreshing client list'
+        )
+        for (const client of clientList) {
+          ConnectedUsersManager.refreshClient(message.room_id, client.publicId)
+        }
+      } else if (message.message === 'canary-applied-op') {
+        const { ack, broadcast, source, projectId, docId } = message.payload
+
+        const estimateBandwidth = (room, path) => {
+          const seen = new Set()
+          for (const client of io.sockets.clients(room)) {
+            if (seen.has(client.id)) continue
+            seen.add(client.id)
+            let v = client.id === source ? ack : broadcast
+            if (v === 0) {
+              // Acknowledgements with update.dup===true will not get sent to other clients.
+              continue
+            }
+            v += `5:::{"name":"otUpdateApplied","args":[]}`.length
+            Metrics.histogram(
+              'estimated-applied-ops-bandwidth',
+              v,
+              BANDWIDTH_BUCKETS,
+              { path }
+            )
+          }
+        }
+
+        estimateBandwidth(projectId, 'per-project')
+        estimateBandwidth(docId, 'per-doc')
+      } else if (message.room_id) {
+        if (message._id && Settings.checkEventOrder) {
+          const status = EventLogger.checkEventOrder(
+            'editor-events',
+            message._id,
+            message
+          )
+          if (status === 'duplicate') {
+            return // skip duplicate events
+          }
+        }
+
+        const isRestrictedMessage =
+          !RESTRICTED_USER_MESSAGE_TYPE_PASS_LIST.includes(message.message)
+
+        // send messages only to unique clients (due to duplicate entries in io.sockets.clients)
+        const clientList = io.sockets.clients(message.room_id)
+
+        // avoid unnecessary work if no clients are connected
+        if (clientList.length === 0) {
+          return
+        }
+        logger.debug(
+          {
+            channel,
+            message: message.message,
+            roomId: message.room_id,
+            messageId: message._id,
+            socketIoClients: clientList.map(client => client.id),
+          },
+          'distributing event to clients'
+        )
+        const seen = new Map()
+        for (const client of clientList) {
+          if (!seen.has(client.id)) {
+            seen.set(client.id, true)
+            if (WebsocketLoadBalancer.shouldDisconnectClient(client, message)) {
+              logger.debug(
+                {
+                  message,
+                  userId: client?.ol_context?.user_id,
+                  projectId: client?.ol_context?.project_id,
+                },
+                'disconnecting client'
+              )
+              if (
+                message?.message !== 'project:collaboratorAccessLevel:changed'
+              ) {
+                client.emit('project:access:revoked')
+              }
+              client.disconnect()
+            } else {
+              if (isRestrictedMessage && client.ol_context.is_restricted_user) {
+                // hide restricted message
+                logger.debug(
+                  {
+                    message,
+                    clientId: client.id,
+                    userId: client.ol_context.user_id,
+                    projectId: client.ol_context.project_id,
+                  },
+                  'hiding restricted message from client'
+                )
+              } else {
+                client.emit(message.message, ...message.payload)
+              }
+            }
+          }
+        }
+      } else if (message.health_check) {
+        logger.debug(
+          { message },
+          'got health check message in editor events channel'
+        )
+        HealthCheckManager.check(channel, message.key)
+      }
+    })
+  },
+}
diff --git a/services/real-time/buildscript.txt b/services/real-time/buildscript.txt
new file mode 100644
index 0000000..292fde8
--- /dev/null
+++ b/services/real-time/buildscript.txt
@@ -0,0 +1,9 @@
+real-time
+--dependencies=redis
+--docker-repos=us-east1-docker.pkg.dev/overleaf-ops/ol-docker
+--env-add=
+--env-pass-through=
+--esmock-loader=False
+--node-version=20.18.2
+--public-repo=False
+--script-version=4.7.0
diff --git a/services/real-time/config/settings.defaults.js b/services/real-time/config/settings.defaults.js
new file mode 100644
index 0000000..57b0a50
--- /dev/null
+++ b/services/real-time/config/settings.defaults.js
@@ -0,0 +1,180 @@
+/* eslint-disable camelcase */
+const http = require('node:http')
+const https = require('node:https')
+
+http.globalAgent.keepAlive = false
+https.globalAgent.keepAlive = false
+
+const settings = {
+  redis: {
+    pubsub: {
+      host:
+        process.env.PUBSUB_REDIS_HOST || process.env.REDIS_HOST || '127.0.0.1',
+      port: process.env.PUBSUB_REDIS_PORT || process.env.REDIS_PORT || '6379',
+      password:
+        process.env.PUBSUB_REDIS_PASSWORD || process.env.REDIS_PASSWORD || '',
+      maxRetriesPerRequest: parseInt(
+        process.env.PUBSUB_REDIS_MAX_RETRIES_PER_REQUEST ||
+          process.env.REDIS_MAX_RETRIES_PER_REQUEST ||
+          '20'
+      ),
+    },
+
+    realtime: {
+      host:
+        process.env.REAL_TIME_REDIS_HOST ||
+        process.env.REDIS_HOST ||
+        '127.0.0.1',
+      port:
+        process.env.REAL_TIME_REDIS_PORT || process.env.REDIS_PORT || '6379',
+      password:
+        process.env.REAL_TIME_REDIS_PASSWORD ||
+        process.env.REDIS_PASSWORD ||
+        '',
+      key_schema: {
+        clientsInProject({ project_id }) {
+          return `clients_in_project:{${project_id}}`
+        },
+        connectedUser({ project_id, client_id }) {
+          return `connected_user:{${project_id}}:${client_id}`
+        },
+        projectNotEmptySince({ projectId }) {
+          return `projectNotEmptySince:{${projectId}}`
+        },
+      },
+      maxRetriesPerRequest: parseInt(
+        process.env.REAL_TIME_REDIS_MAX_RETRIES_PER_REQUEST ||
+          process.env.REDIS_MAX_RETRIES_PER_REQUEST ||
+          '20'
+      ),
+    },
+
+    documentupdater: {
+      host:
+        process.env.DOC_UPDATER_REDIS_HOST ||
+        process.env.REDIS_HOST ||
+        '127.0.0.1',
+      port:
+        process.env.DOC_UPDATER_REDIS_PORT || process.env.REDIS_PORT || '6379',
+      password:
+        process.env.DOC_UPDATER_REDIS_PASSWORD ||
+        process.env.REDIS_PASSWORD ||
+        '',
+      key_schema: {
+        pendingUpdates({ doc_id }) {
+          return `PendingUpdates:{${doc_id}}`
+        },
+      },
+      maxRetriesPerRequest: parseInt(
+        process.env.DOC_UPDATER_REDIS_MAX_RETRIES_PER_REQUEST ||
+          process.env.REDIS_MAX_RETRIES_PER_REQUEST ||
+          '20'
+      ),
+    },
+
+    websessions: {
+      host:
+        process.env.SESSIONS_REDIS_HOST ||
+        process.env.REDIS_HOST ||
+        '127.0.0.1',
+      port: process.env.SESSIONS_REDIS_PORT || process.env.REDIS_PORT || '6379',
+      password:
+        process.env.SESSIONS_REDIS_PASSWORD || process.env.REDIS_PASSWORD || '',
+      maxRetriesPerRequest: parseInt(
+        process.env.SESSIONS_REDIS_MAX_RETRIES_PER_REQUEST ||
+          process.env.REDIS_MAX_RETRIES_PER_REQUEST ||
+          '20'
+      ),
+    },
+  },
+
+  internal: {
+    realTime: {
+      port: 3026,
+      host: process.env.LISTEN_ADDRESS || '127.0.0.1',
+    },
+  },
+
+  apis: {
+    web: {
+      url: `http://${
+        process.env.WEB_API_HOST || process.env.WEB_HOST || '127.0.0.1'
+      }:${process.env.WEB_API_PORT || process.env.WEB_PORT || 3000}`,
+      user: process.env.WEB_API_USER || 'overleaf',
+      pass: process.env.WEB_API_PASSWORD || 'password',
+    },
+    documentupdater: {
+      url: `http://${
+        process.env.DOCUMENT_UPDATER_HOST ||
+        process.env.DOCUPDATER_HOST ||
+        '127.0.0.1'
+      }:3003`,
+    },
+  },
+
+  security: {
+    sessionSecret: process.env.SESSION_SECRET,
+    sessionSecretUpcoming: process.env.SESSION_SECRET_UPCOMING,
+    sessionSecretFallback: process.env.SESSION_SECRET_FALLBACK,
+  },
+
+  cookieName: process.env.COOKIE_NAME || 'overleaf.sid',
+
+  // Expose the hostname in the `debug.getHostname` rpc
+  exposeHostname: process.env.EXPOSE_HOSTNAME === 'true',
+
+  max_doc_length: 2 * 1024 * 1024, // 2mb
+
+  // should be set to the same same as dispatcherCount in document updater
+  pendingUpdateListShardCount: parseInt(
+    process.env.PENDING_UPDATE_LIST_SHARD_COUNT || 10,
+    10
+  ),
+
+  // combine
+  // max_doc_length (2mb see above) * 2 (delete + insert)
+  // max_ranges_size (3mb see MAX_RANGES_SIZE in document-updater)
+  // overhead for JSON serialization
+  maxUpdateSize:
+    parseInt(process.env.MAX_UPDATE_SIZE) || 7 * 1024 * 1024 + 64 * 1024,
+
+  shutdownDrainTimeWindow: process.env.SHUTDOWN_DRAIN_TIME_WINDOW || 9,
+
+  // The shutdown procedure asks clients to reconnect gracefully.
+  // 3rd-party/buggy clients may not act upon receiving the message and keep
+  //  stale connections alive. We forcefully disconnect them after X ms:
+  gracefulReconnectTimeoutMs:
+    parseInt(process.env.GRACEFUL_RECONNECT_TIMEOUT_MS, 10) ||
+    // The frontend allows actively editing users to keep the connection open
+    //  for up-to ConnectionManager.MAX_RECONNECT_GRACEFULLY_INTERVAL=45s
+    // Permit an extra delay to account for slow/flaky connections.
+    (45 + 30) * 1000,
+
+  continualPubsubTraffic: process.env.CONTINUAL_PUBSUB_TRAFFIC || false,
+
+  checkEventOrder: process.env.CHECK_EVENT_ORDER || false,
+
+  publishOnIndividualChannels:
+    process.env.PUBLISH_ON_INDIVIDUAL_CHANNELS || false,
+
+  statusCheckInterval: parseInt(process.env.STATUS_CHECK_INTERVAL || '0'),
+
+  // The deployment colour for this app (if any). Used for blue green deploys.
+  deploymentColour: process.env.DEPLOYMENT_COLOUR,
+  // Load balancer health checks will return 200 only when this file contains
+  // the deployment colour for this app.
+  deploymentFile: process.env.DEPLOYMENT_FILE,
+
+  errors: {
+    catchUncaughtErrors: true,
+    shutdownOnUncaughtError: true,
+  },
+
+  behindProxy: process.env.BEHIND_PROXY === 'true',
+  trustedProxyIps: process.env.TRUSTED_PROXY_IPS,
+  keepAliveTimeoutMs: parseInt(process.env.KEEPALIVE_TIMEOUT_MS ?? '5000', 10),
+  allowedCorsOrigins: process.env.REAL_TIME_ALLOWED_CORS_ORIGINS,
+}
+
+// console.log settings.redis
+module.exports = settings
diff --git a/services/real-time/config/settings.test.js b/services/real-time/config/settings.test.js
new file mode 100644
index 0000000..e74a6fb
--- /dev/null
+++ b/services/real-time/config/settings.test.js
@@ -0,0 +1,11 @@
+module.exports = {
+  errors: {
+    catchUncaughtErrors: false,
+  },
+
+  security: {
+    sessionSecret: 'static-secret-for-tests',
+    sessionSecretFallback: 'static-secret-fallback-for-tests',
+    sessionSecretUpcoming: 'static-secret-upcoming-for-tests',
+  },
+}
diff --git a/services/real-time/docker-compose.ci.yml b/services/real-time/docker-compose.ci.yml
new file mode 100644
index 0000000..9011627
--- /dev/null
+++ b/services/real-time/docker-compose.ci.yml
@@ -0,0 +1,51 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    user: node
+    command: npm run test:unit:_run
+    environment:
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+
+
+  test_acceptance:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      REDIS_HOST: redis
+      QUEUES_REDIS_HOST: redis
+      HISTORY_REDIS_HOST: redis
+      ANALYTICS_QUEUES_REDIS_HOST: redis
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      MOCHA_GREP: ${MOCHA_GREP}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    depends_on:
+      redis:
+        condition: service_healthy
+    user: node
+    command: npm run test:acceptance
+
+
+  tar:
+    build: .
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    volumes:
+      - ./:/tmp/build/
+    command: tar -czf /tmp/build/build.tar.gz --exclude=build.tar.gz --exclude-vcs .
+    user: root
+  redis:
+    image: redis
+    healthcheck:
+      test: ping="$$(redis-cli ping)" && [ "$$ping" = 'PONG' ]
+      interval: 1s
+      retries: 20
+
diff --git a/services/real-time/docker-compose.yml b/services/real-time/docker-compose.yml
new file mode 100644
index 0000000..d40fada
--- /dev/null
+++ b/services/real-time/docker-compose.yml
@@ -0,0 +1,54 @@
+# This file was auto-generated, do not edit it directly.
+# Instead run bin/update_build_scripts from
+# https://github.com/overleaf/internal/
+
+version: "2.3"
+
+services:
+  test_unit:
+    image: node:20.18.2
+    volumes:
+      - .:/overleaf/services/real-time
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/real-time
+    environment:
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    command: npm run --silent test:unit
+    user: node
+
+  test_acceptance:
+    image: node:20.18.2
+    volumes:
+      - .:/overleaf/services/real-time
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/real-time
+    environment:
+      ELASTIC_SEARCH_DSN: es:9200
+      REDIS_HOST: redis
+      HISTORY_REDIS_HOST: redis
+      QUEUES_REDIS_HOST: redis
+      ANALYTICS_QUEUES_REDIS_HOST: redis
+      MONGO_HOST: mongo
+      POSTGRES_HOST: postgres
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    user: node
+    depends_on:
+      redis:
+        condition: service_healthy
+    command: npm run --silent test:acceptance
+
+  redis:
+    image: redis
+    healthcheck:
+      test: ping=$$(redis-cli ping) && [ "$$ping" = 'PONG' ]
+      interval: 1s
+      retries: 20
+
diff --git a/services/real-time/package.json b/services/real-time/package.json
new file mode 100644
index 0000000..2d5f87a
--- /dev/null
+++ b/services/real-time/package.json
@@ -0,0 +1,52 @@
+{
+  "name": "@overleaf/real-time",
+  "description": "The socket.io layer of Overleaf for real-time editor interactions",
+  "private": true,
+  "main": "app.js",
+  "scripts": {
+    "start": "node app.js",
+    "test:acceptance:_run": "mocha --recursive --reporter spec --timeout 15000 --exit $@ test/acceptance/js",
+    "test:acceptance": "npm run test:acceptance:_run -- --grep=$MOCHA_GREP",
+    "test:unit:_run": "mocha --recursive --reporter spec $@ test/unit/js",
+    "test:unit": "npm run test:unit:_run -- --grep=$MOCHA_GREP",
+    "nodemon": "node --watch app.js",
+    "lint": "eslint --max-warnings 0 --format unix .",
+    "format": "prettier --list-different $PWD/'**/*.*js'",
+    "format:fix": "prettier --write $PWD/'**/*.*js'",
+    "lint:fix": "eslint --fix .",
+    "types:check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@overleaf/logger": "*",
+    "@overleaf/metrics": "*",
+    "@overleaf/o-error": "*",
+    "@overleaf/redis-wrapper": "*",
+    "@overleaf/settings": "*",
+    "async": "^3.2.5",
+    "base64id": "0.1.0",
+    "body-parser": "^1.20.3",
+    "bunyan": "^1.8.15",
+    "connect-redis": "^6.1.3",
+    "cookie-parser": "^1.4.6",
+    "express": "^4.21.2",
+    "express-session": "^1.17.1",
+    "joi": "^17.12.0",
+    "lodash": "^4.17.21",
+    "proxy-addr": "^2.0.7",
+    "request": "^2.88.2",
+    "socket.io": "github:overleaf/socket.io#0.9.19-overleaf-11",
+    "socket.io-client": "github:overleaf/socket.io-client#0.9.17-overleaf-5"
+  },
+  "devDependencies": {
+    "chai": "^4.3.6",
+    "chai-as-promised": "^7.1.1",
+    "cookie-signature": "^1.1.0",
+    "mocha": "^11.1.0",
+    "sandboxed-module": "~0.3.0",
+    "sinon": "^9.2.4",
+    "sinon-chai": "^3.7.0",
+    "timekeeper": "0.0.4",
+    "typescript": "^5.0.4",
+    "uid-safe": "^2.1.5"
+  }
+}
diff --git a/services/real-time/test/acceptance/js/ApplyUpdateTests.js b/services/real-time/test/acceptance/js/ApplyUpdateTests.js
new file mode 100644
index 0000000..c3e47ed
--- /dev/null
+++ b/services/real-time/test/acceptance/js/ApplyUpdateTests.js
@@ -0,0 +1,599 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS201: Simplify complex destructure assignments
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const async = require('async')
+const { expect } = require('chai')
+
+const RealTimeClient = require('./helpers/RealTimeClient')
+const FixturesManager = require('./helpers/FixturesManager')
+
+const settings = require('@overleaf/settings')
+const redis = require('@overleaf/redis-wrapper')
+const rclient = redis.createClient(settings.redis.documentupdater)
+
+const redisSettings = settings.redis
+
+const PENDING_UPDATES_LIST_KEYS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map(n => {
+  let key = 'pending-updates-list'
+  if (n !== 0) {
+    key += `-${n}`
+  }
+  return key
+})
+
+function getPendingUpdatesList(cb) {
+  Promise.all(PENDING_UPDATES_LIST_KEYS.map(key => rclient.lrange(key, 0, -1)))
+    .then(results => {
+      cb(
+        null,
+        results.reduce((acc, more) => {
+          if (more.length) {
+            acc.push(...more)
+          }
+          return acc
+        }, [])
+      )
+    })
+    .catch(cb)
+}
+
+function clearPendingUpdatesList(cb) {
+  Promise.all(PENDING_UPDATES_LIST_KEYS.map(key => rclient.del(key)))
+    .then(() => cb(null))
+    .catch(cb)
+}
+
+describe('applyOtUpdate', function () {
+  before(function () {
+    return (this.update = {
+      op: [{ i: 'foo', p: 42 }],
+    })
+  })
+  describe('when authorized', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'readAndWrite',
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              { lines: this.lines, version: this.version, ops: this.ops },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            return this.client.emit('joinDoc', this.doc_id, cb)
+          },
+
+          cb => {
+            return this.client.emit(
+              'applyOtUpdate',
+              this.doc_id,
+              this.update,
+              cb
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should push the doc into the pending updates list', function (done) {
+      getPendingUpdatesList((error, ...rest) => {
+        if (error) return done(error)
+        const [docId] = Array.from(rest[0])
+        docId.should.equal(`${this.project_id}:${this.doc_id}`)
+        return done()
+      })
+      return null
+    })
+
+    it('should push the update into redis', function (done) {
+      rclient.lrange(
+        redisSettings.documentupdater.key_schema.pendingUpdates({
+          doc_id: this.doc_id,
+        }),
+        0,
+        -1,
+        (error, ...rest) => {
+          if (error) return done(error)
+          let [update] = Array.from(rest[0])
+          update = JSON.parse(update)
+          update.op.should.deep.equal(this.update.op)
+          update.meta.should.include({
+            source: this.client.publicId,
+            user_id: this.user_id,
+          })
+          return done()
+        }
+      )
+      return null
+    })
+
+    return after(function (done) {
+      return async.series(
+        [
+          cb => clearPendingUpdatesList(cb),
+          cb =>
+            rclient.del(
+              'DocsWithPendingUpdates',
+              `${this.project_id}:${this.doc_id}`,
+              cb
+            ),
+          cb =>
+            rclient.del(
+              redisSettings.documentupdater.key_schema.pendingUpdates(
+                this.doc_id
+              ),
+              cb
+            ),
+        ],
+        done
+      )
+    })
+  })
+
+  describe('when authorized with a huge edit update', function () {
+    before(function (done) {
+      this.update = {
+        op: {
+          p: 12,
+          t: 'update is too large'.repeat(1024 * 400), // >7MB
+        },
+      }
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'readAndWrite',
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              { lines: this.lines, version: this.version, ops: this.ops },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(this.project_id, cb)
+            return this.client.on('otUpdateError', otUpdateError => {
+              this.otUpdateError = otUpdateError
+            })
+          },
+
+          cb => {
+            return this.client.emit('joinDoc', this.doc_id, cb)
+          },
+
+          cb => {
+            return this.client.emit(
+              'applyOtUpdate',
+              this.doc_id,
+              this.update,
+              error => {
+                this.error = error
+                return cb()
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should not return an error', function () {
+      return expect(this.error).to.not.exist
+    })
+
+    it('should send an otUpdateError to the client', function (done) {
+      return setTimeout(() => {
+        expect(this.otUpdateError).to.exist
+        return done()
+      }, 300)
+    })
+
+    it('should disconnect the client', function (done) {
+      return setTimeout(() => {
+        this.client.socket.connected.should.equal(false)
+        return done()
+      }, 300)
+    })
+
+    return it('should not put the update in redis', function (done) {
+      rclient.llen(
+        redisSettings.documentupdater.key_schema.pendingUpdates({
+          doc_id: this.doc_id,
+        }),
+        (error, len) => {
+          if (error) return done(error)
+          len.should.equal(0)
+          return done()
+        }
+      )
+      return null
+    })
+  })
+
+  describe('when authorized to read-only with an edit update', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'readOnly',
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              { lines: this.lines, version: this.version, ops: this.ops },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            return this.client.emit('joinDoc', this.doc_id, cb)
+          },
+
+          cb => {
+            return this.client.emit(
+              'applyOtUpdate',
+              this.doc_id,
+              this.update,
+              error => {
+                this.error = error
+                return cb()
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should return an error', function () {
+      return expect(this.error).to.exist
+    })
+
+    it('should disconnect the client', function (done) {
+      return setTimeout(() => {
+        this.client.socket.connected.should.equal(false)
+        return done()
+      }, 300)
+    })
+
+    return it('should not put the update in redis', function (done) {
+      rclient.llen(
+        redisSettings.documentupdater.key_schema.pendingUpdates({
+          doc_id: this.doc_id,
+        }),
+        (error, len) => {
+          if (error) return done(error)
+          len.should.equal(0)
+          return done()
+        }
+      )
+      return null
+    })
+  })
+
+  describe('when authorized to read-only with a comment update', function () {
+    before(function (done) {
+      this.comment_update = {
+        op: [{ c: 'foo', p: 42 }],
+      }
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'readOnly',
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              { lines: this.lines, version: this.version, ops: this.ops },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            return this.client.emit('joinDoc', this.doc_id, cb)
+          },
+
+          cb => {
+            return this.client.emit(
+              'applyOtUpdate',
+              this.doc_id,
+              this.comment_update,
+              cb
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should push the doc into the pending updates list', function (done) {
+      getPendingUpdatesList((error, ...rest) => {
+        if (error) return done(error)
+        const [docId] = Array.from(rest[0])
+        docId.should.equal(`${this.project_id}:${this.doc_id}`)
+        return done()
+      })
+      return null
+    })
+
+    it('should push the update into redis', function (done) {
+      rclient.lrange(
+        redisSettings.documentupdater.key_schema.pendingUpdates({
+          doc_id: this.doc_id,
+        }),
+        0,
+        -1,
+        (error, ...rest) => {
+          if (error) return done(error)
+          let [update] = Array.from(rest[0])
+          update = JSON.parse(update)
+          update.op.should.deep.equal(this.comment_update.op)
+          update.meta.should.include({
+            source: this.client.publicId,
+            user_id: this.user_id,
+          })
+          return done()
+        }
+      )
+      return null
+    })
+
+    return after(function (done) {
+      return async.series(
+        [
+          cb => clearPendingUpdatesList(cb),
+          cb =>
+            rclient.del(
+              'DocsWithPendingUpdates',
+              `${this.project_id}:${this.doc_id}`,
+              cb
+            ),
+          cb =>
+            rclient.del(
+              redisSettings.documentupdater.key_schema.pendingUpdates({
+                doc_id: this.doc_id,
+              }),
+              cb
+            ),
+        ],
+        done
+      )
+    })
+  })
+
+  describe('when authorized with an edit update to an invalid doc', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'readOnly',
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              { lines: this.lines, version: this.version, ops: this.ops },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            return this.client.emit('joinDoc', this.doc_id, cb)
+          },
+
+          cb => {
+            return this.client.emit(
+              'applyOtUpdate',
+              'invalid-doc-id',
+              this.update,
+              error => {
+                this.error = error
+                return cb()
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should return an error', function () {
+      return expect(this.error).to.exist
+    })
+
+    it('should disconnect the client', function (done) {
+      return setTimeout(() => {
+        this.client.socket.connected.should.equal(false)
+        return done()
+      }, 300)
+    })
+
+    return it('should not put the update in redis', function (done) {
+      rclient.llen(
+        redisSettings.documentupdater.key_schema.pendingUpdates({
+          doc_id: this.doc_id,
+        }),
+        (error, len) => {
+          if (error) return done(error)
+          len.should.equal(0)
+          return done()
+        }
+      )
+      return null
+    })
+  })
+
+  describe('when authorized with an invalid edit update', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'readAndWrite',
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              { lines: this.lines, version: this.version, ops: this.ops },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            return this.client.emit('joinDoc', this.doc_id, cb)
+          },
+
+          cb => {
+            return this.client.emit(
+              'applyOtUpdate',
+              this.doc_id,
+              'invalid-update',
+              error => {
+                this.error = error
+                return cb()
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should return an error', function () {
+      return expect(this.error).to.exist
+    })
+
+    it('should disconnect the client', function (done) {
+      return setTimeout(() => {
+        this.client.socket.connected.should.equal(false)
+        return done()
+      }, 300)
+    })
+
+    return it('should not put the update in redis', function (done) {
+      rclient.llen(
+        redisSettings.documentupdater.key_schema.pendingUpdates({
+          doc_id: this.doc_id,
+        }),
+        (error, len) => {
+          if (error) return done(error)
+          len.should.equal(0)
+          return done()
+        }
+      )
+      return null
+    })
+  })
+})
diff --git a/services/real-time/test/acceptance/js/ClientTrackingTests.js b/services/real-time/test/acceptance/js/ClientTrackingTests.js
new file mode 100644
index 0000000..415e9ad
--- /dev/null
+++ b/services/real-time/test/acceptance/js/ClientTrackingTests.js
@@ -0,0 +1,218 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { expect } = require('chai')
+
+const RealTimeClient = require('./helpers/RealTimeClient')
+const MockWebServer = require('./helpers/MockWebServer')
+const FixturesManager = require('./helpers/FixturesManager')
+
+const async = require('async')
+
+describe('clientTracking', function () {
+  describe('when a client updates its cursor location', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'owner',
+                project: { name: 'Test Project' },
+              },
+              (error, { user_id: userId, project_id: projectId }) => {
+                if (error) return done(error)
+                this.user_id = userId
+                this.project_id = projectId
+                return cb()
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              { lines: this.lines, version: this.version, ops: this.ops },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.clientA = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            this.clientB = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            return this.clientA.emit('joinDoc', this.doc_id, cb)
+          },
+
+          cb => {
+            this.updates = []
+            this.clientB.on('clientTracking.clientUpdated', data => {
+              return this.updates.push(data)
+            })
+
+            return this.clientA.emit(
+              'clientTracking.updatePosition',
+              {
+                row: (this.row = 42),
+                column: (this.column = 36),
+                doc_id: this.doc_id,
+              },
+              error => {
+                if (error != null) {
+                  throw error
+                }
+                return setTimeout(cb, 300)
+              }
+            )
+          }, // Give the message a chance to reach client B.
+        ],
+        done
+      )
+    })
+
+    it('should tell other clients about the update', function () {
+      return this.updates.should.deep.equal([
+        {
+          row: this.row,
+          column: this.column,
+          doc_id: this.doc_id,
+          id: this.clientA.publicId,
+          user_id: this.user_id,
+          name: 'Joe Bloggs',
+        },
+      ])
+    })
+
+    return it('should record the update in getConnectedUsers', function (done) {
+      return this.clientB.emit(
+        'clientTracking.getConnectedUsers',
+        (error, users) => {
+          if (error) return done(error)
+          for (const user of Array.from(users)) {
+            if (user.client_id === this.clientA.publicId) {
+              expect(user.cursorData).to.deep.equal({
+                row: this.row,
+                column: this.column,
+                doc_id: this.doc_id,
+              })
+              return done()
+            }
+          }
+          throw new Error('user was never found')
+        }
+      )
+    })
+  })
+
+  return describe('when an anonymous client updates its cursor location', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'owner',
+                project: { name: 'Test Project' },
+                publicAccess: 'readAndWrite',
+              },
+              (
+                error,
+                { user_id: userId, project_id: projectId, anonymousAccessToken }
+              ) => {
+                if (error) return done(error)
+                this.user_id = userId
+                this.project_id = projectId
+                this.anonymousAccessToken = anonymousAccessToken
+                return cb()
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              { lines: this.lines, version: this.version, ops: this.ops },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.clientA = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            RealTimeClient.setAnonSession(
+              this.project_id,
+              this.anonymousAccessToken,
+              cb
+            )
+          },
+
+          cb => {
+            this.anonymous = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            return this.anonymous.emit('joinDoc', this.doc_id, cb)
+          },
+
+          cb => {
+            this.updates = []
+            this.clientA.on('clientTracking.clientUpdated', data => {
+              return this.updates.push(data)
+            })
+
+            return this.anonymous.emit(
+              'clientTracking.updatePosition',
+              {
+                row: (this.row = 42),
+                column: (this.column = 36),
+                doc_id: this.doc_id,
+              },
+              error => {
+                if (error != null) {
+                  throw error
+                }
+                return setTimeout(cb, 300)
+              }
+            )
+          }, // Give the message a chance to reach client B.
+        ],
+        done
+      )
+    })
+
+    return it('should tell other clients about the update', function () {
+      return this.updates.should.deep.equal([
+        {
+          row: this.row,
+          column: this.column,
+          doc_id: this.doc_id,
+          id: this.anonymous.publicId,
+          user_id: 'anonymous-user',
+          name: '',
+        },
+      ])
+    })
+  })
+})
diff --git a/services/real-time/test/acceptance/js/DrainManagerTests.js b/services/real-time/test/acceptance/js/DrainManagerTests.js
new file mode 100644
index 0000000..99502e2
--- /dev/null
+++ b/services/real-time/test/acceptance/js/DrainManagerTests.js
@@ -0,0 +1,108 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const RealTimeClient = require('./helpers/RealTimeClient')
+const FixturesManager = require('./helpers/FixturesManager')
+
+const { expect } = require('chai')
+
+const async = require('async')
+const request = require('request')
+
+const drain = function (rate, callback) {
+  request.post(
+    {
+      url: `http://127.0.0.1:3026/drain?rate=${rate}`,
+    },
+    (error, response, data) => callback(error, data)
+  )
+  return null
+}
+
+describe('DrainManagerTests', function () {
+  before(function (done) {
+    FixturesManager.setUpProject(
+      {
+        privilegeLevel: 'owner',
+        project: {
+          name: 'Test Project',
+        },
+      },
+      (e, { project_id: projectId, user_id: userId }) => {
+        this.project_id = projectId
+        this.user_id = userId
+        return done()
+      }
+    )
+    return null
+  })
+
+  before(function (done) {
+    // cleanup to speedup reconnecting
+    this.timeout(10000)
+    return RealTimeClient.disconnectAllClients(done)
+  })
+
+  // trigger and check cleanup
+  it('should have disconnected all previous clients', function (done) {
+    return RealTimeClient.getConnectedClients((error, data) => {
+      if (error) {
+        return done(error)
+      }
+      expect(data.length).to.equal(0)
+      return done()
+    })
+  })
+
+  return describe('with two clients in the project', function () {
+    beforeEach(function (done) {
+      return async.series(
+        [
+          cb => {
+            this.clientA = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            this.clientB = RealTimeClient.connect(this.project_id, cb)
+          },
+        ],
+        done
+      )
+    })
+
+    return describe('starting to drain', function () {
+      beforeEach(function (done) {
+        return async.parallel(
+          [
+            cb => {
+              return this.clientA.on('reconnectGracefully', cb)
+            },
+            cb => {
+              return this.clientB.on('reconnectGracefully', cb)
+            },
+
+            cb => drain(2, cb),
+          ],
+          done
+        )
+      })
+
+      afterEach(function (done) {
+        return drain(0, done)
+      }) // reset drain
+
+      it('should not timeout', function () {
+        return expect(true).to.equal(true)
+      })
+
+      return it('should not have disconnected', function () {
+        expect(this.clientA.socket.connected).to.equal(true)
+        return expect(this.clientB.socket.connected).to.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/real-time/test/acceptance/js/EarlyDisconnect.js b/services/real-time/test/acceptance/js/EarlyDisconnect.js
new file mode 100644
index 0000000..84c9f89
--- /dev/null
+++ b/services/real-time/test/acceptance/js/EarlyDisconnect.js
@@ -0,0 +1,265 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const async = require('async')
+const { expect } = require('chai')
+
+const RealTimeClient = require('./helpers/RealTimeClient')
+const MockDocUpdaterServer = require('./helpers/MockDocUpdaterServer')
+const MockWebServer = require('./helpers/MockWebServer')
+const FixturesManager = require('./helpers/FixturesManager')
+
+const settings = require('@overleaf/settings')
+const redis = require('@overleaf/redis-wrapper')
+const rclient = redis.createClient(settings.redis.pubsub)
+const rclientRT = redis.createClient(settings.redis.realtime)
+const KeysRT = settings.redis.realtime.key_schema
+
+describe('EarlyDisconnect', function () {
+  before(function (done) {
+    return MockDocUpdaterServer.run(done)
+  })
+
+  describe('when the client disconnects before joinProject completes', function () {
+    before(function () {
+      // slow down web-api requests to force the race condition
+      this.actualWebAPIjoinProject = MockWebServer.joinProject
+      MockWebServer.joinProject = (...args) =>
+        setTimeout(() => this.actualWebAPIjoinProject(...args), 300)
+    })
+
+    after(function () {
+      return (MockWebServer.joinProject = this.actualWebAPIjoinProject)
+    })
+
+    beforeEach(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'owner',
+                project: {
+                  name: 'Test Project',
+                },
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb()
+              }
+            )
+          },
+
+          cb => {
+            this.clientA = RealTimeClient.connect(this.project_id, cb)
+            // disconnect after the handshake and before joinProject completes
+            setTimeout(() => this.clientA.disconnect(), 100)
+            this.clientA.on('disconnect', () => cb())
+          },
+
+          cb => {
+            // wait for joinDoc and subscribe
+            return setTimeout(cb, 500)
+          },
+        ],
+        done
+      )
+    })
+
+    // we can force the race condition, there is no need to repeat too often
+    return Array.from(Array.from({ length: 5 }).map((_, i) => i + 1)).map(
+      attempt =>
+        it(`should not subscribe to the pub/sub channel anymore (race ${attempt})`, function (done) {
+          rclient.pubsub('CHANNELS', (err, resp) => {
+            if (err) {
+              return done(err)
+            }
+            expect(resp).to.not.include(`editor-events:${this.project_id}`)
+            return done()
+          })
+          return null
+        })
+    )
+  })
+
+  describe('when the client disconnects before joinDoc completes', function () {
+    beforeEach(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'owner',
+                project: {
+                  name: 'Test Project',
+                },
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb()
+              }
+            )
+          },
+
+          cb => {
+            this.clientA = RealTimeClient.connect(
+              this.project_id,
+              (error, project, privilegeLevel, protocolVersion) => {
+                this.project = project
+                this.privilegeLevel = privilegeLevel
+                this.protocolVersion = protocolVersion
+                return cb(error)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              { lines: this.lines, version: this.version, ops: this.ops },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.clientA.emit('joinDoc', this.doc_id, () => {})
+            // disconnect before joinDoc completes
+            this.clientA.on('disconnect', () => cb())
+            return this.clientA.disconnect()
+          },
+
+          cb => {
+            // wait for subscribe and unsubscribe
+            return setTimeout(cb, 100)
+          },
+        ],
+        done
+      )
+    })
+
+    // we can not force the race condition, so we have to try many times
+    return Array.from(Array.from({ length: 20 }).map((_, i) => i + 1)).map(
+      attempt =>
+        it(`should not subscribe to the pub/sub channels anymore (race ${attempt})`, function (done) {
+          rclient.pubsub('CHANNELS', (err, resp) => {
+            if (err) {
+              return done(err)
+            }
+            expect(resp).to.not.include(`editor-events:${this.project_id}`)
+
+            return rclient.pubsub('CHANNELS', (err, resp) => {
+              if (err) {
+                return done(err)
+              }
+              expect(resp).to.not.include(`applied-ops:${this.doc_id}`)
+              return done()
+            })
+          })
+          return null
+        })
+    )
+  })
+
+  return describe('when the client disconnects before clientTracking.updatePosition starts', function () {
+    beforeEach(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'owner',
+                project: {
+                  name: 'Test Project',
+                },
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb()
+              }
+            )
+          },
+
+          cb => {
+            this.clientA = RealTimeClient.connect(
+              this.project_id,
+              (error, project, privilegeLevel, protocolVersion) => {
+                this.project = project
+                this.privilegeLevel = privilegeLevel
+                this.protocolVersion = protocolVersion
+                return cb(error)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              { lines: this.lines, version: this.version, ops: this.ops },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            return this.clientA.emit('joinDoc', this.doc_id, cb)
+          },
+
+          cb => {
+            this.clientA.emit(
+              'clientTracking.updatePosition',
+              {
+                row: 42,
+                column: 36,
+                doc_id: this.doc_id,
+              },
+              () => {}
+            )
+            // disconnect before updateClientPosition completes
+            this.clientA.on('disconnect', () => cb())
+            return this.clientA.disconnect()
+          },
+
+          cb => {
+            // wait for updateClientPosition
+            return setTimeout(cb, 100)
+          },
+        ],
+        done
+      )
+    })
+
+    // we can not force the race condition, so we have to try many times
+    return Array.from(Array.from({ length: 20 }).map((_, i) => i + 1)).map(
+      attempt =>
+        it(`should not show the client as connected (race ${attempt})`, function (done) {
+          rclientRT.smembers(
+            KeysRT.clientsInProject({ project_id: this.project_id }),
+            (err, results) => {
+              if (err) {
+                return done(err)
+              }
+              expect(results).to.deep.equal([])
+              return done()
+            }
+          )
+          return null
+        })
+    )
+  })
+})
diff --git a/services/real-time/test/acceptance/js/HttpControllerTests.js b/services/real-time/test/acceptance/js/HttpControllerTests.js
new file mode 100644
index 0000000..ce84b1a
--- /dev/null
+++ b/services/real-time/test/acceptance/js/HttpControllerTests.js
@@ -0,0 +1,105 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const async = require('async')
+const { expect } = require('chai')
+const request = require('request').defaults({
+  baseUrl: 'http://127.0.0.1:3026',
+})
+
+const RealTimeClient = require('./helpers/RealTimeClient')
+const FixturesManager = require('./helpers/FixturesManager')
+
+describe('HttpControllerTests', function () {
+  describe('without a user', function () {
+    return it('should return 404 for the client view', function (done) {
+      const clientId = 'not-existing'
+      return request.get(
+        {
+          url: `/clients/${clientId}`,
+          json: true,
+        },
+        (error, response, data) => {
+          if (error) {
+            return done(error)
+          }
+          expect(response.statusCode).to.equal(404)
+          return done()
+        }
+      )
+    })
+  })
+
+  return describe('with a user and after joining a project', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'owner',
+              },
+              (error, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb(error)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              {},
+              (error, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(error)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            return this.client.emit('joinDoc', this.doc_id, cb)
+          },
+        ],
+        done
+      )
+    })
+
+    return it('should send a client view', function (done) {
+      return request.get(
+        {
+          url: `/clients/${this.client.socket.sessionid}`,
+          json: true,
+        },
+        (error, response, data) => {
+          if (error) {
+            return done(error)
+          }
+          expect(response.statusCode).to.equal(200)
+          expect(data.connected_time).to.exist
+          delete data.connected_time
+          // .email is not set in the session
+          delete data.email
+          expect(data).to.deep.equal({
+            client_id: this.client.socket.sessionid,
+            first_name: 'Joe',
+            last_name: 'Bloggs',
+            project_id: this.project_id,
+            user_id: this.user_id,
+            rooms: [this.project_id, this.doc_id],
+          })
+          return done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/real-time/test/acceptance/js/JoinDocTests.js b/services/real-time/test/acceptance/js/JoinDocTests.js
new file mode 100644
index 0000000..547691d
--- /dev/null
+++ b/services/real-time/test/acceptance/js/JoinDocTests.js
@@ -0,0 +1,589 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { expect } = require('chai')
+
+const RealTimeClient = require('./helpers/RealTimeClient')
+const MockDocUpdaterServer = require('./helpers/MockDocUpdaterServer')
+const FixturesManager = require('./helpers/FixturesManager')
+
+const async = require('async')
+
+describe('joinDoc', function () {
+  before(function () {
+    this.lines = ['test', 'doc', 'lines']
+    this.version = 42
+    this.ops = ['mock', 'doc', 'ops']
+    return (this.ranges = { mock: 'ranges' })
+  })
+
+  describe('when authorised readAndWrite', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'readAndWrite',
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              {
+                lines: this.lines,
+                version: this.version,
+                ops: this.ops,
+                ranges: this.ranges,
+              },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            return this.client.emit(
+              'joinDoc',
+              this.doc_id,
+              (error, ...rest) => {
+                ;[...this.returnedArgs] = Array.from(rest)
+                return cb(error)
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should get the doc from the doc updater', function () {
+      return MockDocUpdaterServer.getDocument
+        .calledWith(this.project_id, this.doc_id, -1)
+        .should.equal(true)
+    })
+
+    it('should return the doc lines, version, ranges and ops', function () {
+      return this.returnedArgs.should.deep.equal([
+        this.lines,
+        this.version,
+        this.ops,
+        this.ranges,
+      ])
+    })
+
+    return it('should have joined the doc room', function (done) {
+      return RealTimeClient.getConnectedClient(
+        this.client.socket.sessionid,
+        (error, client) => {
+          if (error) return done(error)
+          expect(Array.from(client.rooms).includes(this.doc_id)).to.equal(true)
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('when authorised readOnly', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'readOnly',
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              {
+                lines: this.lines,
+                version: this.version,
+                ops: this.ops,
+                ranges: this.ranges,
+              },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            return this.client.emit(
+              'joinDoc',
+              this.doc_id,
+              (error, ...rest) => {
+                ;[...this.returnedArgs] = Array.from(rest)
+                return cb(error)
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should get the doc from the doc updater', function () {
+      return MockDocUpdaterServer.getDocument
+        .calledWith(this.project_id, this.doc_id, -1)
+        .should.equal(true)
+    })
+
+    it('should return the doc lines, version, ranges and ops', function () {
+      return this.returnedArgs.should.deep.equal([
+        this.lines,
+        this.version,
+        this.ops,
+        this.ranges,
+      ])
+    })
+
+    return it('should have joined the doc room', function (done) {
+      return RealTimeClient.getConnectedClient(
+        this.client.socket.sessionid,
+        (error, client) => {
+          if (error) return done(error)
+          expect(Array.from(client.rooms).includes(this.doc_id)).to.equal(true)
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('when authorised as owner', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'owner',
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              {
+                lines: this.lines,
+                version: this.version,
+                ops: this.ops,
+                ranges: this.ranges,
+              },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            return this.client.emit(
+              'joinDoc',
+              this.doc_id,
+              (error, ...rest) => {
+                ;[...this.returnedArgs] = Array.from(rest)
+                return cb(error)
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should get the doc from the doc updater', function () {
+      return MockDocUpdaterServer.getDocument
+        .calledWith(this.project_id, this.doc_id, -1)
+        .should.equal(true)
+    })
+
+    it('should return the doc lines, version, ranges and ops', function () {
+      return this.returnedArgs.should.deep.equal([
+        this.lines,
+        this.version,
+        this.ops,
+        this.ranges,
+      ])
+    })
+
+    return it('should have joined the doc room', function (done) {
+      return RealTimeClient.getConnectedClient(
+        this.client.socket.sessionid,
+        (error, client) => {
+          if (error) return done(error)
+          expect(Array.from(client.rooms).includes(this.doc_id)).to.equal(true)
+          return done()
+        }
+      )
+    })
+  })
+
+  // It is impossible to write an acceptance test to test joining an unauthorized
+  // project, since joinProject already catches that. If you can join a project,
+  // then you can join a doc in that project.
+
+  describe('for an invalid doc', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'owner',
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              {
+                lines: this.lines,
+                version: this.version,
+                ops: this.ops,
+                ranges: this.ranges,
+              },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            return this.client.emit(
+              'joinDoc',
+              'invalid-doc-id',
+              (error, ...rest) => {
+                this.error = error
+                return cb()
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should not get the doc from the doc updater', function () {
+      return MockDocUpdaterServer.getDocument
+        .calledWith(this.project_id, 'invalid-doc-id')
+        .should.equal(false)
+    })
+
+    it('should return an invalid id error', function () {
+      this.error.message.should.equal('invalid id')
+    })
+
+    return it('should not have joined the doc room', function (done) {
+      return RealTimeClient.getConnectedClient(
+        this.client.socket.sessionid,
+        (error, client) => {
+          if (error) return done(error)
+          expect(Array.from(client.rooms).includes('invalid-doc-id')).to.equal(
+            false
+          )
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('with a fromVersion', function () {
+    before(function (done) {
+      this.fromVersion = 36
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'readAndWrite',
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              {
+                lines: this.lines,
+                version: this.version,
+                ops: this.ops,
+                ranges: this.ranges,
+              },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            return this.client.emit(
+              'joinDoc',
+              this.doc_id,
+              this.fromVersion,
+              (error, ...rest) => {
+                ;[...this.returnedArgs] = Array.from(rest)
+                return cb(error)
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should get the doc from the doc updater with the fromVersion', function () {
+      return MockDocUpdaterServer.getDocument
+        .calledWith(this.project_id, this.doc_id, this.fromVersion)
+        .should.equal(true)
+    })
+
+    it('should return the doc lines, version, ranges and ops', function () {
+      return this.returnedArgs.should.deep.equal([
+        this.lines,
+        this.version,
+        this.ops,
+        this.ranges,
+      ])
+    })
+
+    return it('should have joined the doc room', function (done) {
+      return RealTimeClient.getConnectedClient(
+        this.client.socket.sessionid,
+        (error, client) => {
+          if (error) return done(error)
+          expect(Array.from(client.rooms).includes(this.doc_id)).to.equal(true)
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('with options', function () {
+    before(function (done) {
+      this.options = { encodeRanges: true }
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'readAndWrite',
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              {
+                lines: this.lines,
+                version: this.version,
+                ops: this.ops,
+                ranges: this.ranges,
+              },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            return this.client.emit(
+              'joinDoc',
+              this.doc_id,
+              this.options,
+              (error, ...rest) => {
+                ;[...this.returnedArgs] = Array.from(rest)
+                return cb(error)
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should get the doc from the doc updater with the default fromVersion', function () {
+      return MockDocUpdaterServer.getDocument
+        .calledWith(this.project_id, this.doc_id, -1)
+        .should.equal(true)
+    })
+
+    it('should return the doc lines, version, ranges and ops', function () {
+      return this.returnedArgs.should.deep.equal([
+        this.lines,
+        this.version,
+        this.ops,
+        this.ranges,
+      ])
+    })
+
+    return it('should have joined the doc room', function (done) {
+      return RealTimeClient.getConnectedClient(
+        this.client.socket.sessionid,
+        (error, client) => {
+          if (error) return done(error)
+          expect(Array.from(client.rooms).includes(this.doc_id)).to.equal(true)
+          return done()
+        }
+      )
+    })
+  })
+
+  return describe('with fromVersion and options', function () {
+    before(function (done) {
+      this.fromVersion = 36
+      this.options = { encodeRanges: true }
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'readAndWrite',
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              {
+                lines: this.lines,
+                version: this.version,
+                ops: this.ops,
+                ranges: this.ranges,
+              },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            return this.client.emit(
+              'joinDoc',
+              this.doc_id,
+              this.fromVersion,
+              this.options,
+              (error, ...rest) => {
+                ;[...this.returnedArgs] = Array.from(rest)
+                return cb(error)
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should get the doc from the doc updater with the fromVersion', function () {
+      return MockDocUpdaterServer.getDocument
+        .calledWith(this.project_id, this.doc_id, this.fromVersion)
+        .should.equal(true)
+    })
+
+    it('should return the doc lines, version, ranges and ops', function () {
+      return this.returnedArgs.should.deep.equal([
+        this.lines,
+        this.version,
+        this.ops,
+        this.ranges,
+      ])
+    })
+
+    return it('should have joined the doc room', function (done) {
+      return RealTimeClient.getConnectedClient(
+        this.client.socket.sessionid,
+        (error, client) => {
+          if (error) return done(error)
+          expect(Array.from(client.rooms).includes(this.doc_id)).to.equal(true)
+          return done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/real-time/test/acceptance/js/JoinProjectTests.js b/services/real-time/test/acceptance/js/JoinProjectTests.js
new file mode 100644
index 0000000..bfb354c
--- /dev/null
+++ b/services/real-time/test/acceptance/js/JoinProjectTests.js
@@ -0,0 +1,861 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { expect } = require('chai')
+
+const RealTimeClient = require('./helpers/RealTimeClient')
+const MockWebServer = require('./helpers/MockWebServer')
+const FixturesManager = require('./helpers/FixturesManager')
+
+const async = require('async')
+
+describe('joinProject', function () {
+  describe('when authorized', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'owner',
+                project: {
+                  name: 'Test Project',
+                },
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(
+              this.project_id,
+              (error, project, privilegeLevel, protocolVersion) => {
+                this.project = project
+                this.privilegeLevel = privilegeLevel
+                this.protocolVersion = protocolVersion
+                return cb(error)
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should get the project from web', function () {
+      return MockWebServer.joinProject
+        .calledWith(this.project_id, this.user_id)
+        .should.equal(true)
+    })
+
+    it('should return the project', function () {
+      return this.project.should.deep.equal({
+        name: 'Test Project',
+        owner: { _id: this.user_id },
+      })
+    })
+
+    it('should return the privilege level', function () {
+      return this.privilegeLevel.should.equal('owner')
+    })
+
+    it('should return the protocolVersion', function () {
+      return this.protocolVersion.should.equal(2)
+    })
+
+    it('should have joined the project room', function (done) {
+      return RealTimeClient.getConnectedClient(
+        this.client.socket.sessionid,
+        (error, client) => {
+          if (error) return done(error)
+          expect(Array.from(client.rooms).includes(this.project_id)).to.equal(
+            true
+          )
+          return done()
+        }
+      )
+    })
+
+    return it('should have marked the user as connected', function (done) {
+      return this.client.emit(
+        'clientTracking.getConnectedUsers',
+        (error, users) => {
+          if (error) return done(error)
+          let connected = false
+          for (const user of Array.from(users)) {
+            if (
+              user.client_id === this.client.publicId &&
+              user.user_id === this.user_id
+            ) {
+              connected = true
+              break
+            }
+          }
+          expect(connected).to.equal(true)
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('when authorized with token', function () {
+    before(function (done) {
+      async.series(
+        [
+          cb => {
+            FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'owner',
+                publicAccess: 'readOnly',
+                project: {
+                  name: 'Test Project',
+                },
+              },
+              (
+                e,
+                {
+                  user_id: ownerId,
+                  project_id: projectId,
+                  anonymousAccessToken,
+                }
+              ) => {
+                this.ownerId = ownerId
+                this.project_id = projectId
+                this.anonymousAccessToken = anonymousAccessToken
+                cb(e)
+              }
+            )
+          },
+
+          cb => {
+            RealTimeClient.setAnonSession(
+              this.project_id,
+              this.anonymousAccessToken,
+              cb
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(
+              this.project_id,
+              (error, project, privilegeLevel, protocolVersion) => {
+                this.project = project
+                this.privilegeLevel = privilegeLevel
+                this.protocolVersion = protocolVersion
+                cb(error)
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should get the project from web', function () {
+      MockWebServer.joinProject
+        .calledWith(
+          this.project_id,
+          'anonymous-user',
+          this.anonymousAccessToken
+        )
+        .should.equal(true)
+    })
+
+    it('should return the project', function () {
+      this.project.should.deep.equal({
+        name: 'Test Project',
+        owner: { _id: this.ownerId },
+      })
+    })
+
+    it('should return the privilege level', function () {
+      this.privilegeLevel.should.equal('readOnly')
+    })
+
+    it('should return the protocolVersion', function () {
+      this.protocolVersion.should.equal(2)
+    })
+
+    it('should have joined the project room', function (done) {
+      RealTimeClient.getConnectedClient(
+        this.client.socket.sessionid,
+        (error, client) => {
+          if (error) return done(error)
+          expect(Array.from(client.rooms).includes(this.project_id)).to.equal(
+            true
+          )
+          done()
+        }
+      )
+    })
+
+    it('should have marked the user as connected', function (done) {
+      this.client.emit('clientTracking.getConnectedUsers', (error, users) => {
+        if (error) return done(error)
+        let connected = false
+        for (const user of Array.from(users)) {
+          if (user.client_id === this.client.publicId) {
+            connected = true
+            break
+          }
+        }
+        expect(connected).to.equal(true)
+        done()
+      })
+    })
+  })
+
+  describe('when not authorized', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: null,
+                project: {
+                  name: 'Test Project',
+                },
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(
+              this.project_id,
+              (error, project, privilegeLevel, protocolVersion) => {
+                this.error = error
+                this.project = project
+                this.privilegeLevel = privilegeLevel
+                this.protocolVersion = protocolVersion
+                return cb()
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should return an error', function () {
+      return this.error.message.should.equal('not authorized')
+    })
+
+    return it('should not have joined the project room', function (done) {
+      return RealTimeClient.getConnectedClient(
+        this.client.socket.sessionid,
+        error => {
+          expect(error.message).to.equal('not found')
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('when not authorized and web replies with a 403', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                project_id: '403403403403403403403403', // forbidden
+                privilegeLevel: 'owner',
+                project: {
+                  name: 'Test Project',
+                },
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(this.project_id, error => {
+              this.error = error
+              cb()
+            })
+          },
+        ],
+        done
+      )
+    })
+
+    it('should return an error', function () {
+      this.error.message.should.equal('not authorized')
+    })
+
+    it('should not have joined the project room', function (done) {
+      RealTimeClient.getConnectedClient(this.client.socket.sessionid, error => {
+        expect(error.message).to.equal('not found')
+        done()
+      })
+    })
+  })
+
+  describe('when deleted and web replies with a 404', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                project_id: '404404404404404404404404', // not-found
+                privilegeLevel: 'owner',
+                project: {
+                  name: 'Test Project',
+                },
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(this.project_id, error => {
+              this.error = error
+              cb()
+            })
+          },
+        ],
+        done
+      )
+    })
+
+    it('should return an error', function () {
+      this.error.code.should.equal('ProjectNotFound')
+    })
+
+    it('should not have joined the project room', function (done) {
+      RealTimeClient.getConnectedClient(this.client.socket.sessionid, error => {
+        expect(error.message).to.equal('not found')
+        done()
+      })
+    })
+  })
+
+  describe('when invalid', function () {
+    before(function (done) {
+      MockWebServer.joinProject.resetHistory()
+      return async.series(
+        [
+          cb => {
+            this.client = RealTimeClient.connect('invalid-id', error => {
+              this.error = error
+              return cb()
+            })
+          },
+        ],
+        done
+      )
+    })
+
+    it('should return an invalid id error', function () {
+      this.error.message.should.equal(
+        'missing/bad ?projectId=... query flag on handshake'
+      )
+    })
+
+    it('should not call to web', function () {
+      MockWebServer.joinProject.called.should.equal(false)
+    })
+  })
+
+  describe('when over rate limit', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            this.client = RealTimeClient.connect(
+              '429429429429429429429429', // rate-limited
+              error => {
+                this.error = error
+                return cb()
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    return it('should return a TooManyRequests error code', function () {
+      this.error.message.should.equal('rate-limit hit when joining project')
+      return this.error.code.should.equal('TooManyRequests')
+    })
+  })
+
+  describe('when automatically joining the project', function () {
+    describe('when authorized', function () {
+      before(function (done) {
+        async.series(
+          [
+            cb => {
+              FixturesManager.setUpProject(
+                {
+                  privilegeLevel: 'owner',
+                  project: {
+                    name: 'Test Project',
+                  },
+                },
+                (e, { project_id: projectId, user_id: userId }) => {
+                  this.project_id = projectId
+                  this.user_id = userId
+                  cb(e)
+                }
+              )
+            },
+
+            cb => {
+              this.client = RealTimeClient.connect(
+                this.project_id,
+                (err, project, permissionsLevel, protocolVersion) => {
+                  this.project = project
+                  this.permissionsLevel = permissionsLevel
+                  this.protocolVersion = protocolVersion
+                  cb(err)
+                }
+              )
+            },
+          ],
+          done
+        )
+      })
+
+      it('should get the project from web', function () {
+        MockWebServer.joinProject
+          .calledWith(this.project_id, this.user_id)
+          .should.equal(true)
+      })
+
+      it('should return the project', function () {
+        this.project.should.deep.equal({
+          name: 'Test Project',
+          owner: { _id: this.user_id },
+        })
+      })
+
+      it('should return the privilege level', function () {
+        this.permissionsLevel.should.equal('owner')
+      })
+
+      it('should return the protocolVersion', function () {
+        this.protocolVersion.should.equal(2)
+      })
+
+      it('should have joined the project room', function (done) {
+        RealTimeClient.getConnectedClient(
+          this.client.socket.sessionid,
+          (error, client) => {
+            if (error) return done(error)
+            expect(Array.from(client.rooms).includes(this.project_id)).to.equal(
+              true
+            )
+            done()
+          }
+        )
+      })
+
+      it('should have marked the user as connected', function (done) {
+        this.client.emit('clientTracking.getConnectedUsers', (error, users) => {
+          if (error) return done(error)
+          let connected = false
+          for (const user of Array.from(users)) {
+            if (
+              user.client_id === this.client.publicId &&
+              user.user_id === this.user_id
+            ) {
+              connected = true
+              break
+            }
+          }
+          expect(connected).to.equal(true)
+          done()
+        })
+      })
+    })
+
+    describe('when authorized with token', function () {
+      before(function (done) {
+        async.series(
+          [
+            cb => {
+              FixturesManager.setUpProject(
+                {
+                  privilegeLevel: 'owner',
+                  publicAccess: 'readOnly',
+                  project: {
+                    name: 'Test Project',
+                  },
+                },
+                (
+                  e,
+                  {
+                    user_id: ownerId,
+                    project_id: projectId,
+                    anonymousAccessToken,
+                  }
+                ) => {
+                  this.ownerId = ownerId
+                  this.project_id = projectId
+                  this.anonymousAccessToken = anonymousAccessToken
+                  cb(e)
+                }
+              )
+            },
+
+            cb => {
+              RealTimeClient.setAnonSession(
+                this.project_id,
+                this.anonymousAccessToken,
+                cb
+              )
+            },
+
+            cb => {
+              this.client = RealTimeClient.connect(
+                this.project_id,
+                (err, project, permissionsLevel, protocolVersion) => {
+                  this.project = project
+                  this.permissionsLevel = permissionsLevel
+                  this.protocolVersion = protocolVersion
+                  cb(err)
+                }
+              )
+            },
+          ],
+          done
+        )
+      })
+
+      it('should get the project from web', function () {
+        MockWebServer.joinProject
+          .calledWith(
+            this.project_id,
+            'anonymous-user',
+            this.anonymousAccessToken
+          )
+          .should.equal(true)
+      })
+
+      it('should return the project', function () {
+        this.project.should.deep.equal({
+          name: 'Test Project',
+          owner: { _id: this.ownerId },
+        })
+      })
+
+      it('should return the privilege level', function () {
+        this.permissionsLevel.should.equal('readOnly')
+      })
+
+      it('should return the protocolVersion', function () {
+        this.protocolVersion.should.equal(2)
+      })
+
+      it('should have joined the project room', function (done) {
+        RealTimeClient.getConnectedClient(
+          this.client.socket.sessionid,
+          (error, client) => {
+            if (error) return done(error)
+            expect(Array.from(client.rooms).includes(this.project_id)).to.equal(
+              true
+            )
+            done()
+          }
+        )
+      })
+
+      it('should have marked the user as connected', function (done) {
+        this.client.emit('clientTracking.getConnectedUsers', (error, users) => {
+          if (error) return done(error)
+          let connected = false
+          for (const user of Array.from(users)) {
+            if (user.client_id === this.client.publicId) {
+              connected = true
+              break
+            }
+          }
+          expect(connected).to.equal(true)
+          done()
+        })
+      })
+    })
+
+    describe('when not authorized', function () {
+      let joinProjectResponseReceived = false
+      before(function (done) {
+        async.series(
+          [
+            cb => {
+              FixturesManager.setUpProject(
+                {
+                  privilegeLevel: null,
+                  project: {
+                    name: 'Test Project',
+                  },
+                },
+                (e, { project_id: projectId, user_id: userId }) => {
+                  this.project_id = projectId
+                  this.user_id = userId
+                  cb(e)
+                }
+              )
+            },
+
+            cb => {
+              this.client = RealTimeClient.connect(this.project_id, err => {
+                this.error = err
+                cb()
+              })
+              this.client.on('joinProjectResponse', () => {
+                joinProjectResponseReceived = true
+                cb()
+              })
+            },
+          ],
+          done
+        )
+      })
+
+      it('should not emit joinProjectResponse', function () {
+        expect(joinProjectResponseReceived).to.equal(false)
+      })
+
+      it('should have disconnected the client', function () {
+        expect(this.client.socket.connected).to.equal(false)
+      })
+
+      it('should return an error', function () {
+        this.error.message.should.equal('not authorized')
+      })
+
+      it('should not have joined the project room', function (done) {
+        RealTimeClient.getConnectedClient(
+          this.client.socket.sessionid,
+          error => {
+            expect(error.message).to.equal('not found')
+            done()
+          }
+        )
+      })
+    })
+
+    describe('when not authorized and web replies with a 403', function () {
+      let joinProjectResponseReceived = false
+      before(function (done) {
+        async.series(
+          [
+            cb => {
+              FixturesManager.setUpProject(
+                {
+                  project_id: '403403403403403403403403', // forbidden
+                  privilegeLevel: 'owner',
+                  project: {
+                    name: 'Test Project',
+                  },
+                },
+                (e, { project_id: projectId, user_id: userId }) => {
+                  this.project_id = projectId
+                  this.user_id = userId
+                  cb(e)
+                }
+              )
+            },
+
+            cb => {
+              this.client = RealTimeClient.connect(this.project_id, err => {
+                this.error = err
+                cb()
+              })
+              this.client.on('joinProjectResponse', () => {
+                joinProjectResponseReceived = true
+                cb()
+              })
+            },
+          ],
+          done
+        )
+      })
+
+      it('should not emit joinProjectResponse', function () {
+        expect(joinProjectResponseReceived).to.equal(false)
+      })
+
+      it('should have disconnected the client', function () {
+        expect(this.client.socket.connected).to.equal(false)
+      })
+
+      it('should return an error', function () {
+        this.error.message.should.equal('not authorized')
+      })
+
+      it('should not have joined the project room', function (done) {
+        RealTimeClient.getConnectedClient(
+          this.client.socket.sessionid,
+          error => {
+            expect(error.message).to.equal('not found')
+            done()
+          }
+        )
+      })
+    })
+
+    describe('when deleted and web replies with a 404', function () {
+      let joinProjectResponseReceived = false
+      before(function (done) {
+        async.series(
+          [
+            cb => {
+              FixturesManager.setUpProject(
+                {
+                  project_id: '404404404404404404404404', // not-found
+                  privilegeLevel: 'owner',
+                  project: {
+                    name: 'Test Project',
+                  },
+                },
+                (e, { project_id: projectId, user_id: userId }) => {
+                  this.project_id = projectId
+                  this.user_id = userId
+                  cb(e)
+                }
+              )
+            },
+
+            cb => {
+              this.client = RealTimeClient.connect(this.project_id, err => {
+                this.error = err
+                cb()
+              })
+              this.client.on('joinProjectResponse', () => {
+                joinProjectResponseReceived = true
+                cb()
+              })
+            },
+          ],
+          done
+        )
+      })
+
+      it('should not emit joinProjectResponse', function () {
+        expect(joinProjectResponseReceived).to.equal(false)
+      })
+
+      it('should have disconnected the client', function () {
+        expect(this.client.socket.connected).to.equal(false)
+      })
+
+      it('should return an error', function () {
+        this.error.code.should.equal('ProjectNotFound')
+      })
+
+      it('should not have joined the project room', function (done) {
+        RealTimeClient.getConnectedClient(
+          this.client.socket.sessionid,
+          error => {
+            expect(error.message).to.equal('not found')
+            done()
+          }
+        )
+      })
+    })
+
+    describe('when invalid', function () {
+      let joinProjectResponseReceived = false
+      before(function (done) {
+        MockWebServer.joinProject.resetHistory()
+        async.series(
+          [
+            cb => {
+              this.client = RealTimeClient.connect('invalid-id', err => {
+                this.error = err
+                cb()
+              })
+              this.client.on('joinProjectResponse', () => {
+                joinProjectResponseReceived = true
+                cb()
+              })
+            },
+          ],
+          done
+        )
+      })
+
+      it('should not emit joinProjectResponse', function () {
+        expect(joinProjectResponseReceived).to.equal(false)
+      })
+
+      it('should have disconnected the client', function () {
+        expect(this.client.socket.connected).to.equal(false)
+      })
+
+      it('should return an invalid id error', function () {
+        this.error.message.should.equal(
+          'missing/bad ?projectId=... query flag on handshake'
+        )
+      })
+
+      it('should not call to web', function () {
+        MockWebServer.joinProject.called.should.equal(false)
+      })
+    })
+
+    describe('when over rate limit', function () {
+      let joinProjectResponseReceived = false
+      before(function (done) {
+        async.series(
+          [
+            cb => {
+              this.client = RealTimeClient.connect(
+                '429429429429429429429429',
+                err => {
+                  this.error = err
+                  cb()
+                }
+              )
+              this.client.on('joinProjectResponse', () => {
+                joinProjectResponseReceived = true
+                cb()
+              })
+            },
+          ],
+          done
+        )
+      })
+
+      it('should not emit joinProjectResponse', function () {
+        expect(joinProjectResponseReceived).to.equal(false)
+      })
+
+      it('should have disconnected the client', function () {
+        expect(this.client.socket.connected).to.equal(false)
+      })
+
+      it('should return a TooManyRequests error code', function () {
+        this.error.message.should.equal('rate-limit hit when joining project')
+        this.error.code.should.equal('TooManyRequests')
+      })
+    })
+  })
+})
diff --git a/services/real-time/test/acceptance/js/LeaveDocTests.js b/services/real-time/test/acceptance/js/LeaveDocTests.js
new file mode 100644
index 0000000..13a0236
--- /dev/null
+++ b/services/real-time/test/acceptance/js/LeaveDocTests.js
@@ -0,0 +1,178 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { expect } = require('chai')
+const sinon = require('sinon')
+
+const RealTimeClient = require('./helpers/RealTimeClient')
+const MockDocUpdaterServer = require('./helpers/MockDocUpdaterServer')
+const FixturesManager = require('./helpers/FixturesManager')
+const logger = require('@overleaf/logger')
+
+const async = require('async')
+
+describe('leaveDoc', function () {
+  before(function () {
+    this.lines = ['test', 'doc', 'lines']
+    this.version = 42
+    this.ops = ['mock', 'doc', 'ops']
+    sinon.spy(logger, 'error')
+    sinon.spy(logger, 'warn')
+    sinon.spy(logger, 'debug')
+    return (this.other_doc_id = FixturesManager.getRandomId())
+  })
+
+  after(function () {
+    logger.error.restore() // remove the spy
+    logger.warn.restore()
+    return logger.debug.restore()
+  })
+
+  return describe('when joined to a doc', function () {
+    beforeEach(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'readAndWrite',
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              { lines: this.lines, version: this.version, ops: this.ops },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.client = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            return this.client.emit(
+              'joinDoc',
+              this.doc_id,
+              (error, ...rest) => {
+                ;[...this.returnedArgs] = Array.from(rest)
+                return cb(error)
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    describe('then leaving the doc', function () {
+      beforeEach(function (done) {
+        return this.client.emit('leaveDoc', this.doc_id, error => {
+          if (error != null) {
+            throw error
+          }
+          return done()
+        })
+      })
+
+      return it('should have left the doc room', function (done) {
+        return RealTimeClient.getConnectedClient(
+          this.client.socket.sessionid,
+          (error, client) => {
+            if (error) return done(error)
+            expect(Array.from(client.rooms).includes(this.doc_id)).to.equal(
+              false
+            )
+            return done()
+          }
+        )
+      })
+    })
+
+    describe('then leaving an invalid doc', function () {
+      beforeEach(function (done) {
+        return this.client.emit('leaveDoc', 'bad-id', error => {
+          this.error = error
+          return done()
+        })
+      })
+
+      return it('should return an error', function () {
+        return expect(this.error).to.exist
+      })
+    })
+
+    describe('when sending a leaveDoc request before the previous joinDoc request has completed', function () {
+      beforeEach(function (done) {
+        this.client.emit('leaveDoc', this.doc_id, () => {})
+        this.client.emit('joinDoc', this.doc_id, () => {})
+        return this.client.emit('leaveDoc', this.doc_id, error => {
+          if (error != null) {
+            throw error
+          }
+          return done()
+        })
+      })
+
+      it('should not trigger an error', function () {
+        return sinon.assert.neverCalledWith(
+          logger.error,
+          sinon.match.any,
+          "not subscribed - shouldn't happen"
+        )
+      })
+
+      return it('should have left the doc room', function (done) {
+        return RealTimeClient.getConnectedClient(
+          this.client.socket.sessionid,
+          (error, client) => {
+            if (error) return done(error)
+            expect(Array.from(client.rooms).includes(this.doc_id)).to.equal(
+              false
+            )
+            return done()
+          }
+        )
+      })
+    })
+
+    return describe('when sending a leaveDoc for a room the client has not joined ', function () {
+      beforeEach(function (done) {
+        return this.client.emit('leaveDoc', this.other_doc_id, error => {
+          if (error != null) {
+            throw error
+          }
+          return done()
+        })
+      })
+
+      return it('should trigger a low level message only', function () {
+        return sinon.assert.calledWith(
+          logger.debug,
+          sinon.match.any,
+          'ignoring request from client to leave room it is not in'
+        )
+      })
+    })
+  })
+})
diff --git a/services/real-time/test/acceptance/js/LeaveProjectTests.js b/services/real-time/test/acceptance/js/LeaveProjectTests.js
new file mode 100644
index 0000000..bf06421
--- /dev/null
+++ b/services/real-time/test/acceptance/js/LeaveProjectTests.js
@@ -0,0 +1,235 @@
+/* eslint-disable
+    no-throw-literal,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const RealTimeClient = require('./helpers/RealTimeClient')
+const MockDocUpdaterServer = require('./helpers/MockDocUpdaterServer')
+const FixturesManager = require('./helpers/FixturesManager')
+
+const async = require('async')
+
+const settings = require('@overleaf/settings')
+const redis = require('@overleaf/redis-wrapper')
+const rclient = redis.createClient(settings.redis.pubsub)
+
+describe('leaveProject', function () {
+  before(function (done) {
+    return MockDocUpdaterServer.run(done)
+  })
+
+  describe('with other clients in the project', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'owner',
+                project: {
+                  name: 'Test Project',
+                },
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb()
+              }
+            )
+          },
+
+          cb => {
+            this.clientA = RealTimeClient.connect(this.project_id, cb)
+          },
+
+          cb => {
+            this.clientB = RealTimeClient.connect(this.project_id, cb)
+
+            this.clientBDisconnectMessages = []
+            return this.clientB.on(
+              'clientTracking.clientDisconnected',
+              data => {
+                return this.clientBDisconnectMessages.push(data)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              { lines: this.lines, version: this.version, ops: this.ops },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            return this.clientA.emit('joinDoc', this.doc_id, cb)
+          },
+          cb => {
+            return this.clientB.emit('joinDoc', this.doc_id, cb)
+          },
+
+          cb => {
+            // leaveProject is called when the client disconnects
+            this.clientA.on('disconnect', () => cb())
+            return this.clientA.disconnect()
+          },
+
+          cb => {
+            // The API waits a little while before flushing changes
+            return setTimeout(done, 1000)
+          },
+        ],
+        done
+      )
+    })
+
+    it('should emit a disconnect message to the room', function () {
+      return this.clientBDisconnectMessages.should.deep.equal([
+        this.clientA.publicId,
+      ])
+    })
+
+    it('should no longer list the client in connected users', function (done) {
+      return this.clientB.emit(
+        'clientTracking.getConnectedUsers',
+        (error, users) => {
+          if (error) return done(error)
+          for (const user of Array.from(users)) {
+            if (user.client_id === this.clientA.publicId) {
+              throw 'Expected clientA to not be listed in connected users'
+            }
+          }
+          return done()
+        }
+      )
+    })
+
+    it('should not flush the project to the document updater', function () {
+      return MockDocUpdaterServer.deleteProject
+        .calledWith(this.project_id)
+        .should.equal(false)
+    })
+
+    it('should remain subscribed to the editor-events channels', function (done) {
+      rclient.pubsub('CHANNELS', (err, resp) => {
+        if (err) {
+          return done(err)
+        }
+        resp.should.include(`editor-events:${this.project_id}`)
+        return done()
+      })
+      return null
+    })
+
+    return it('should remain subscribed to the applied-ops channels', function (done) {
+      rclient.pubsub('CHANNELS', (err, resp) => {
+        if (err) {
+          return done(err)
+        }
+        resp.should.include(`applied-ops:${this.doc_id}`)
+        return done()
+      })
+      return null
+    })
+  })
+
+  return describe('with no other clients in the project', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'owner',
+                project: {
+                  name: 'Test Project',
+                },
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb()
+              }
+            )
+          },
+
+          cb => {
+            this.clientA = RealTimeClient.connect(
+              this.project_id,
+              (error, project, privilegeLevel, protocolVersion) => {
+                this.project = project
+                this.privilegeLevel = privilegeLevel
+                this.protocolVersion = protocolVersion
+                return cb(error)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              { lines: this.lines, version: this.version, ops: this.ops },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+          cb => {
+            return this.clientA.emit('joinDoc', this.doc_id, cb)
+          },
+
+          cb => {
+            // leaveProject is called when the client disconnects
+            this.clientA.on('disconnect', () => cb())
+            return this.clientA.disconnect()
+          },
+
+          cb => {
+            // The API waits a little while before flushing changes
+            return setTimeout(done, 1000)
+          },
+        ],
+        done
+      )
+    })
+
+    it('should flush the project to the document updater', function () {
+      return MockDocUpdaterServer.deleteProject
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+
+    it('should not subscribe to the editor-events channels anymore', function (done) {
+      rclient.pubsub('CHANNELS', (err, resp) => {
+        if (err) {
+          return done(err)
+        }
+        resp.should.not.include(`editor-events:${this.project_id}`)
+        return done()
+      })
+      return null
+    })
+
+    return it('should not subscribe to the applied-ops channels anymore', function (done) {
+      rclient.pubsub('CHANNELS', (err, resp) => {
+        if (err) {
+          return done(err)
+        }
+        resp.should.not.include(`applied-ops:${this.doc_id}`)
+        return done()
+      })
+      return null
+    })
+  })
+})
diff --git a/services/real-time/test/acceptance/js/MatrixTests.js b/services/real-time/test/acceptance/js/MatrixTests.js
new file mode 100644
index 0000000..5f4b4e6
--- /dev/null
+++ b/services/real-time/test/acceptance/js/MatrixTests.js
@@ -0,0 +1,494 @@
+/*
+This test suite is a multi level matrix which allows us to test many cases
+ with all kinds of setups.
+
+Users/Actors are defined in USERS and are a low level entity that does connect
+ to a real-time pod. A typical UserItem is:
+
+  someDescriptiveNameForTheTestSuite: {
+    setup(cb) {
+      // <setup session here>
+      const options = { client: RealTimeClient.connect(), foo: 'bar' }
+      cb(null, options)
+    }
+  }
+
+Sessions are a set of actions that a User performs in the life-cycle of a
+ real-time session, before they try something weird. A typical SessionItem is:
+
+  someOtherDescriptiveNameForTheTestSuite: {
+    getActions(cb) {
+      cb(null, [
+        { rpc: 'RPC_ENDPOINT', args: [...] }
+      ])
+    }
+  }
+
+Finally there are InvalidRequests which are the weird actions I hinted on in
+ the Sessions section. The defined actions may be marked as 'failed' to denote
+ that real-time rejects them with an (for this test) expected error.
+ A typical InvalidRequestItem is:
+
+  joinOwnProject: {
+    getActions(cb) {
+      cb(null, [
+        { rpc: 'RPC_ENDPOINT', args: [...], failed: true }
+      ])
+    }
+  }
+
+There is additional meta-data that UserItems and SessionItems may use to skip
+ certain areas of the matrix. Theses are:
+
+- Has the User an own project that they join as part of the Session?
+  UserItem: { hasOwnProject: true, setup(cb) { cb(null, { project_id, ... }) }}
+  SessionItem: { needsOwnProject: true }
+ */
+
+const { expect } = require('chai')
+const async = require('async')
+
+const RealTimeClient = require('./helpers/RealTimeClient')
+const FixturesManager = require('./helpers/FixturesManager')
+const MockWebServer = require('./helpers/MockWebServer')
+
+const settings = require('@overleaf/settings')
+const Keys = settings.redis.documentupdater.key_schema
+const redis = require('@overleaf/redis-wrapper')
+const rclient = redis.createClient(settings.redis.pubsub)
+
+function getPendingUpdates(docId, cb) {
+  rclient.lrange(Keys.pendingUpdates({ doc_id: docId }), 0, 10, cb)
+}
+function cleanupPreviousUpdates(docId, cb) {
+  rclient.del(Keys.pendingUpdates({ doc_id: docId }), cb)
+}
+
+describe('MatrixTests', function () {
+  let privateProjectId,
+    privateDocId,
+    readWriteProjectId,
+    readWriteDocId,
+    readWriteAnonymousAccessToken
+
+  let privateClient
+  before(function setupPrivateProject(done) {
+    FixturesManager.setUpEditorSession(
+      { privilegeLevel: 'owner', publicAccessLevel: 'readAndWrite' },
+      (err, { project_id: projectId, doc_id: docId }) => {
+        if (err) return done(err)
+        privateProjectId = projectId
+        privateDocId = docId
+        privateClient = RealTimeClient.connect(projectId, err => {
+          if (err) return done(err)
+          privateClient.emit('joinDoc', privateDocId, done)
+        })
+      }
+    )
+  })
+
+  before(function setupReadWriteProject(done) {
+    FixturesManager.setUpEditorSession(
+      {
+        publicAccess: 'readAndWrite',
+      },
+      (err, { project_id: projectId, doc_id: docId, anonymousAccessToken }) => {
+        readWriteProjectId = projectId
+        readWriteDocId = docId
+        readWriteAnonymousAccessToken = anonymousAccessToken
+        done(err)
+      }
+    )
+  })
+
+  const USER_SETUP = {
+    anonymous: {
+      setup(cb) {
+        RealTimeClient.setAnonSession(
+          readWriteProjectId,
+          readWriteAnonymousAccessToken,
+          err => {
+            if (err) return cb(err)
+            cb(null, {})
+          }
+        )
+      },
+    },
+
+    registered: {
+      setup(cb) {
+        const userId = FixturesManager.getRandomId()
+        const user = { _id: userId, first_name: 'Joe', last_name: 'Bloggs' }
+        RealTimeClient.setSession({ user }, err => {
+          if (err) return cb(err)
+
+          MockWebServer.inviteUserToProject(
+            readWriteProjectId,
+            user,
+            'readAndWrite'
+          )
+          cb(null, {
+            user_id: userId,
+          })
+        })
+      },
+    },
+
+    registeredWithOwnedProject: {
+      setup(cb) {
+        FixturesManager.setUpEditorSession(
+          { privilegeLevel: 'owner' },
+          (err, { project_id: projectId, user_id: userId, doc_id: docId }) => {
+            if (err) return cb(err)
+
+            MockWebServer.inviteUserToProject(
+              readWriteProjectId,
+              { _id: userId },
+              'readAndWrite'
+            )
+            cb(null, {
+              user_id: userId,
+              project_id: projectId,
+              doc_id: docId,
+            })
+          }
+        )
+      },
+      hasOwnProject: true,
+    },
+  }
+
+  Object.entries(USER_SETUP).forEach(level0 => {
+    const [userDescription, userItem] = level0
+    let options, client
+
+    const SESSION_SETUP = {
+      joinReadWriteProject: {
+        getActions(cb) {
+          cb(null, [{ connect: readWriteProjectId }])
+        },
+        needsOwnProject: false,
+      },
+
+      joinReadWriteProjectAndDoc: {
+        getActions(cb) {
+          cb(null, [
+            { connect: readWriteProjectId },
+            { rpc: 'joinDoc', args: [readWriteDocId] },
+          ])
+        },
+        needsOwnProject: false,
+      },
+
+      joinOwnProject: {
+        getActions(cb) {
+          cb(null, [{ connect: options.project_id }])
+        },
+        needsOwnProject: true,
+      },
+
+      joinOwnProjectAndDoc: {
+        getActions(cb) {
+          cb(null, [
+            { connect: options.project_id },
+            { rpc: 'joinDoc', args: [options.doc_id] },
+          ])
+        },
+        needsOwnProject: true,
+      },
+    }
+
+    function performActions(getActions, done) {
+      getActions((err, actions) => {
+        if (err) return done(err)
+
+        async.eachSeries(
+          actions,
+          (action, next) => {
+            const cb = (...returnedArgs) => {
+              const error = returnedArgs.shift()
+              if (action.fails) {
+                expect(error).to.exist
+                expect(returnedArgs).to.have.length(0)
+                return next()
+              }
+              next(error)
+            }
+
+            if (action.connect) {
+              client = RealTimeClient.connect(action.connect, cb)
+            } else if (action.rpc) {
+              if (client?.socket?.connected) {
+                client.emit(action.rpc, ...action.args, cb)
+              } else {
+                cb(new Error('not connected!'))
+              }
+            } else {
+              next(new Error('unexpected action'))
+            }
+          },
+          done
+        )
+      })
+    }
+
+    describe(userDescription, function () {
+      beforeEach(function userSetup(done) {
+        userItem.setup((err, _options) => {
+          if (err) return done(err)
+          options = _options
+          done()
+        })
+      })
+
+      Object.entries(SESSION_SETUP).forEach(level1 => {
+        const [sessionSetupDescription, sessionSetupItem] = level1
+        const INVALID_REQUESTS = {
+          noop: {
+            getActions(cb) {
+              cb(null, [])
+            },
+          },
+
+          joinProjectWithBadAccessToken: {
+            getActions(cb) {
+              RealTimeClient.setAnonSession(
+                privateProjectId,
+                'invalid-access-token',
+                err => {
+                  if (err) return cb(err)
+                  cb(null, [
+                    {
+                      connect: privateProjectId,
+                      fails: 1,
+                    },
+                  ])
+                }
+              )
+            },
+          },
+
+          joinProjectWithDocId: {
+            getActions(cb) {
+              cb(null, [
+                {
+                  connect: privateDocId,
+                  fails: 1,
+                },
+              ])
+            },
+          },
+
+          joinDocWithDocId: {
+            getActions(cb) {
+              cb(null, [{ rpc: 'joinDoc', args: [privateDocId], fails: 1 }])
+            },
+          },
+
+          joinProjectWithProjectId: {
+            getActions(cb) {
+              cb(null, [
+                {
+                  connect: privateProjectId,
+                  fails: 1,
+                },
+              ])
+            },
+          },
+
+          joinDocWithProjectId: {
+            getActions(cb) {
+              cb(null, [{ rpc: 'joinDoc', args: [privateProjectId], fails: 1 }])
+            },
+          },
+
+          joinProjectWithProjectIdThenJoinDocWithDocId: {
+            getActions(cb) {
+              cb(null, [
+                {
+                  connect: privateProjectId,
+                  fails: 1,
+                },
+                { rpc: 'joinDoc', args: [privateDocId], fails: 1 },
+              ])
+            },
+          },
+        }
+
+        // skip some areas of the matrix
+        // - some Users do not have an own project
+        const skip = sessionSetupItem.needsOwnProject && !userItem.hasOwnProject
+
+        describe(sessionSetupDescription, function () {
+          beforeEach(function performSessionActions(done) {
+            if (skip) return this.skip()
+            performActions(sessionSetupItem.getActions, done)
+          })
+
+          Object.entries(INVALID_REQUESTS).forEach(level2 => {
+            const [InvalidRequestDescription, InvalidRequestItem] = level2
+            describe(InvalidRequestDescription, function () {
+              beforeEach(function performInvalidRequests(done) {
+                performActions(InvalidRequestItem.getActions, done)
+              })
+
+              describe('rooms', function () {
+                it('should not add the user into the privateProject room', function (done) {
+                  RealTimeClient.getConnectedClient(
+                    client.socket.sessionid,
+                    (error, client) => {
+                      if (error?.message === 'not found') return done() // disconnected
+                      if (error) return done(error)
+                      expect(client.rooms).to.not.include(privateProjectId)
+                      done()
+                    }
+                  )
+                })
+
+                it('should not add the user into the privateDoc room', function (done) {
+                  RealTimeClient.getConnectedClient(
+                    client.socket.sessionid,
+                    (error, client) => {
+                      if (error?.message === 'not found') return done() // disconnected
+                      if (error) return done(error)
+                      expect(client.rooms).to.not.include(privateDocId)
+                      done()
+                    }
+                  )
+                })
+              })
+
+              describe('receive updates', function () {
+                const receivedMessages = []
+                beforeEach(function publishAnUpdateInRedis(done) {
+                  const update = {
+                    doc_id: privateDocId,
+                    op: {
+                      meta: { source: privateClient.publicId },
+                      v: 42,
+                      doc: privateDocId,
+                      op: [{ i: 'foo', p: 50 }],
+                    },
+                  }
+                  client.on('otUpdateApplied', update => {
+                    receivedMessages.push(update)
+                  })
+                  privateClient.once('otUpdateApplied', () => {
+                    setTimeout(done, 10)
+                  })
+                  rclient.publish('applied-ops', JSON.stringify(update))
+                })
+
+                it('should send nothing to client', function () {
+                  expect(receivedMessages).to.have.length(0)
+                })
+              })
+
+              describe('receive messages from web', function () {
+                const receivedMessages = []
+                beforeEach(function publishAMessageInRedis(done) {
+                  const event = {
+                    room_id: privateProjectId,
+                    message: 'removeEntity',
+                    payload: ['foo', 'convertDocToFile'],
+                    _id: 'web:123',
+                  }
+                  client.on('removeEntity', (...args) => {
+                    receivedMessages.push(args)
+                  })
+                  privateClient.once('removeEntity', () => {
+                    setTimeout(done, 10)
+                  })
+                  rclient.publish('editor-events', JSON.stringify(event))
+                })
+
+                it('should send nothing to client', function () {
+                  expect(receivedMessages).to.have.length(0)
+                })
+              })
+
+              describe('send updates', function () {
+                let receivedArgs, submittedUpdates, update
+
+                beforeEach(function cleanup(done) {
+                  cleanupPreviousUpdates(privateDocId, done)
+                })
+
+                beforeEach(function setupUpdateFields() {
+                  update = {
+                    doc_id: privateDocId,
+                    op: {
+                      v: 43,
+                      lastV: 42,
+                      doc: privateDocId,
+                      op: [{ i: 'foo', p: 50 }],
+                    },
+                  }
+                })
+
+                beforeEach(function sendAsUser(done) {
+                  if (!client?.socket?.connected) {
+                    // disconnected clients cannot emit messages
+                    return this.skip()
+                  }
+                  const userUpdate = Object.assign({}, update, {
+                    hash: 'user',
+                  })
+
+                  client.emit(
+                    'applyOtUpdate',
+                    privateDocId,
+                    userUpdate,
+                    (...args) => {
+                      receivedArgs = args
+                      done()
+                    }
+                  )
+                })
+
+                beforeEach(function sendAsPrivateUserForReferenceOp(done) {
+                  const privateUpdate = Object.assign({}, update, {
+                    hash: 'private',
+                  })
+
+                  privateClient.emit(
+                    'applyOtUpdate',
+                    privateDocId,
+                    privateUpdate,
+                    done
+                  )
+                })
+
+                beforeEach(function fetchPendingOps(done) {
+                  getPendingUpdates(privateDocId, (err, updates) => {
+                    submittedUpdates = updates
+                    done(err)
+                  })
+                })
+
+                it('should error out trying to send', function () {
+                  expect(receivedArgs).to.have.length(1)
+                  expect(receivedArgs[0]).to.have.property('message')
+                  // we are using an old version of chai: 1.9.2
+                  // TypeError: expect(...).to.be.oneOf is not a function
+                  expect(
+                    [
+                      'no project_id found on client',
+                      'not authorized',
+                    ].includes(receivedArgs[0].message)
+                  ).to.equal(true)
+                })
+
+                it('should submit the private users message only', function () {
+                  expect(submittedUpdates).to.have.length(1)
+                  const update = JSON.parse(submittedUpdates[0])
+                  expect(update.hash).to.equal('private')
+                })
+              })
+            })
+          })
+        })
+      })
+    })
+  })
+})
diff --git a/services/real-time/test/acceptance/js/PubSubRace.js b/services/real-time/test/acceptance/js/PubSubRace.js
new file mode 100644
index 0000000..07edfb2
--- /dev/null
+++ b/services/real-time/test/acceptance/js/PubSubRace.js
@@ -0,0 +1,348 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const RealTimeClient = require('./helpers/RealTimeClient')
+const MockDocUpdaterServer = require('./helpers/MockDocUpdaterServer')
+const FixturesManager = require('./helpers/FixturesManager')
+
+const async = require('async')
+
+const settings = require('@overleaf/settings')
+const redis = require('@overleaf/redis-wrapper')
+const rclient = redis.createClient(settings.redis.pubsub)
+
+describe('PubSubRace', function () {
+  before(function (done) {
+    return MockDocUpdaterServer.run(done)
+  })
+
+  describe('when the client leaves a doc before joinDoc completes', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'owner',
+                project: {
+                  name: 'Test Project',
+                },
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb()
+              }
+            )
+          },
+
+          cb => {
+            this.clientA = RealTimeClient.connect(
+              this.project_id,
+              (error, project, privilegeLevel, protocolVersion) => {
+                this.project = project
+                this.privilegeLevel = privilegeLevel
+                this.protocolVersion = protocolVersion
+                return cb(error)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              { lines: this.lines, version: this.version, ops: this.ops },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.clientA.emit('joinDoc', this.doc_id, () => {})
+            // leave before joinDoc completes
+            return this.clientA.emit('leaveDoc', this.doc_id, cb)
+          },
+
+          cb => {
+            // wait for subscribe and unsubscribe
+            return setTimeout(cb, 100)
+          },
+        ],
+        done
+      )
+    })
+
+    return it('should not subscribe to the applied-ops channels anymore', function (done) {
+      rclient.pubsub('CHANNELS', (err, resp) => {
+        if (err) {
+          return done(err)
+        }
+        resp.should.not.include(`applied-ops:${this.doc_id}`)
+        return done()
+      })
+      return null
+    })
+  })
+
+  describe('when the client emits joinDoc and leaveDoc requests frequently and leaves eventually', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'owner',
+                project: {
+                  name: 'Test Project',
+                },
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb()
+              }
+            )
+          },
+
+          cb => {
+            this.clientA = RealTimeClient.connect(
+              this.project_id,
+              (error, project, privilegeLevel, protocolVersion) => {
+                this.project = project
+                this.privilegeLevel = privilegeLevel
+                this.protocolVersion = protocolVersion
+                return cb(error)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              { lines: this.lines, version: this.version, ops: this.ops },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.clientA.emit('joinDoc', this.doc_id, () => {})
+            this.clientA.emit('leaveDoc', this.doc_id, () => {})
+            this.clientA.emit('joinDoc', this.doc_id, () => {})
+            this.clientA.emit('leaveDoc', this.doc_id, () => {})
+            this.clientA.emit('joinDoc', this.doc_id, () => {})
+            this.clientA.emit('leaveDoc', this.doc_id, () => {})
+            this.clientA.emit('joinDoc', this.doc_id, () => {})
+            this.clientA.emit('leaveDoc', this.doc_id, () => {})
+            this.clientA.emit('joinDoc', this.doc_id, () => {})
+            return this.clientA.emit('leaveDoc', this.doc_id, cb)
+          },
+
+          cb => {
+            // wait for subscribe and unsubscribe
+            return setTimeout(cb, 100)
+          },
+        ],
+        done
+      )
+    })
+
+    return it('should not subscribe to the applied-ops channels anymore', function (done) {
+      rclient.pubsub('CHANNELS', (err, resp) => {
+        if (err) {
+          return done(err)
+        }
+        resp.should.not.include(`applied-ops:${this.doc_id}`)
+        return done()
+      })
+      return null
+    })
+  })
+
+  describe('when the client emits joinDoc and leaveDoc requests frequently and remains in the doc', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'owner',
+                project: {
+                  name: 'Test Project',
+                },
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb()
+              }
+            )
+          },
+
+          cb => {
+            this.clientA = RealTimeClient.connect(
+              this.project_id,
+              (error, project, privilegeLevel, protocolVersion) => {
+                this.project = project
+                this.privilegeLevel = privilegeLevel
+                this.protocolVersion = protocolVersion
+                return cb(error)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              { lines: this.lines, version: this.version, ops: this.ops },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            this.clientA.emit('joinDoc', this.doc_id, () => {})
+            this.clientA.emit('leaveDoc', this.doc_id, () => {})
+            this.clientA.emit('joinDoc', this.doc_id, () => {})
+            this.clientA.emit('leaveDoc', this.doc_id, () => {})
+            this.clientA.emit('joinDoc', this.doc_id, () => {})
+            this.clientA.emit('leaveDoc', this.doc_id, () => {})
+            this.clientA.emit('joinDoc', this.doc_id, () => {})
+            this.clientA.emit('leaveDoc', this.doc_id, () => {})
+            return this.clientA.emit('joinDoc', this.doc_id, cb)
+          },
+
+          cb => {
+            // wait for subscribe and unsubscribe
+            return setTimeout(cb, 100)
+          },
+        ],
+        done
+      )
+    })
+
+    return it('should subscribe to the applied-ops channels', function (done) {
+      rclient.pubsub('CHANNELS', (err, resp) => {
+        if (err) {
+          return done(err)
+        }
+        resp.should.include(`applied-ops:${this.doc_id}`)
+        return done()
+      })
+      return null
+    })
+  })
+
+  return describe('when the client disconnects before joinDoc completes', function () {
+    before(function (done) {
+      return async.series(
+        [
+          cb => {
+            return FixturesManager.setUpProject(
+              {
+                privilegeLevel: 'owner',
+                project: {
+                  name: 'Test Project',
+                },
+              },
+              (e, { project_id: projectId, user_id: userId }) => {
+                this.project_id = projectId
+                this.user_id = userId
+                return cb()
+              }
+            )
+          },
+
+          cb => {
+            this.clientA = RealTimeClient.connect(
+              this.project_id,
+              (error, project, privilegeLevel, protocolVersion) => {
+                this.project = project
+                this.privilegeLevel = privilegeLevel
+                this.protocolVersion = protocolVersion
+                return cb(error)
+              }
+            )
+          },
+
+          cb => {
+            return FixturesManager.setUpDoc(
+              this.project_id,
+              { lines: this.lines, version: this.version, ops: this.ops },
+              (e, { doc_id: docId }) => {
+                this.doc_id = docId
+                return cb(e)
+              }
+            )
+          },
+
+          cb => {
+            let joinDocCompleted = false
+            this.clientA.emit(
+              'joinDoc',
+              this.doc_id,
+              () => (joinDocCompleted = true)
+            )
+            // leave before joinDoc completes
+            return setTimeout(
+              () => {
+                if (joinDocCompleted) {
+                  return cb(new Error('joinDocCompleted -- lower timeout'))
+                }
+                this.clientA.on('disconnect', () => cb())
+                return this.clientA.disconnect()
+              },
+              // socket.io processes joinDoc and disconnect with different delays:
+              //  - joinDoc goes through two process.nextTick
+              //  - disconnect goes through one process.nextTick
+              // We have to inject the disconnect event into a different event loop
+              //  cycle.
+              3
+            )
+          },
+
+          cb => {
+            // wait for subscribe and unsubscribe
+            return setTimeout(cb, 100)
+          },
+        ],
+        done
+      )
+    })
+
+    it('should not subscribe to the editor-events channels anymore', function (done) {
+      rclient.pubsub('CHANNELS', (err, resp) => {
+        if (err) {
+          return done(err)
+        }
+        resp.should.not.include(`editor-events:${this.project_id}`)
+        return done()
+      })
+      return null
+    })
+
+    return it('should not subscribe to the applied-ops channels anymore', function (done) {
+      rclient.pubsub('CHANNELS', (err, resp) => {
+        if (err) {
+          return done(err)
+        }
+        resp.should.not.include(`applied-ops:${this.doc_id}`)
+        return done()
+      })
+      return null
+    })
+  })
+})
diff --git a/services/real-time/test/acceptance/js/ReceiveEditorEventTests.js b/services/real-time/test/acceptance/js/ReceiveEditorEventTests.js
new file mode 100644
index 0000000..7e9fd93
--- /dev/null
+++ b/services/real-time/test/acceptance/js/ReceiveEditorEventTests.js
@@ -0,0 +1,367 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { expect } = require('chai')
+
+const RealTimeClient = require('./helpers/RealTimeClient')
+const FixturesManager = require('./helpers/FixturesManager')
+
+const async = require('async')
+
+const settings = require('@overleaf/settings')
+const redis = require('@overleaf/redis-wrapper')
+const rclient = redis.createClient(settings.redis.pubsub)
+
+describe('receiveEditorEvent', function () {
+  beforeEach(function (done) {
+    this.lines = ['test', 'doc', 'lines']
+    this.version = 42
+    this.ops = ['mock', 'doc', 'ops']
+
+    /**
+     * We will set up a project, a doc, and three users: the owner, user 'a' and user 'b'
+     */
+    this.project_id = null
+    this.doc_id = null
+
+    this.owner_user_id = null
+    this.owner_client = null
+
+    this.user_a_id = null
+    this.user_a_client = null
+
+    this.user_b_id = null
+    this.user_b_client = null
+
+    this.user_c_id = null
+    this.user_c_client = null
+
+    async.series(
+      [
+        /**
+         * Create the project, doc, and owner
+         */
+        cb => {
+          return FixturesManager.setUpProject(
+            {
+              privilegeLevel: 'owner',
+              project: { name: 'Test Project' },
+              userMetadata: { isInvitedMember: true },
+            },
+            (error, { user_id: userId, project_id: projectId }) => {
+              if (error) return done(error)
+              this.owner_user_id = userId
+              this.project_id = projectId
+              return cb()
+            }
+          )
+        },
+
+        cb => {
+          return FixturesManager.setUpDoc(
+            this.project_id,
+            { lines: this.lines, version: this.version, ops: this.ops },
+            (e, { doc_id: docId }) => {
+              this.doc_id = docId
+              return cb(e)
+            }
+          )
+        },
+
+        /**
+         * Connect owner to project/doc
+         */
+        cb => {
+          this.owner_client = RealTimeClient.connect(this.project_id, cb)
+        },
+
+        cb => {
+          return this.owner_client.emit('joinDoc', this.doc_id, cb)
+        },
+
+        /**
+         * add user_a to project, as an invited member
+         */
+        cb => {
+          return FixturesManager.setUpProject(
+            {
+              privilegeLevel: 'readAndWrite',
+              project_id: this.project_id,
+              userMetadata: { isTokenMember: false, isInvitedMember: true },
+            },
+            (error, { user_id: userIdSecond }) => {
+              if (error) return done(error)
+              this.user_a_id = userIdSecond
+              return cb()
+            }
+          )
+        },
+
+        /**
+         * Connect user_a to project/doc
+         */
+        cb => {
+          this.user_a_client = RealTimeClient.connect(this.project_id, cb)
+        },
+        cb => {
+          return this.user_a_client.emit('joinDoc', this.doc_id, cb)
+        },
+
+        /**
+         * Set up user_b, as a token-access/link-sharing user
+         */
+        cb => {
+          return FixturesManager.setUpProject(
+            {
+              privilegeLevel: 'readAndWrite',
+              project_id: this.project_id,
+              userMetadata: { isTokenMember: true, isInvitedMember: false },
+            },
+            (error, { user_id: userIdThird }) => {
+              if (error) return done(error)
+              this.user_b_id = userIdThird
+              return cb()
+            }
+          )
+        },
+
+        /**
+         * Connect user_b to project/doc
+         */
+        cb => {
+          this.user_b_client = RealTimeClient.connect(this.project_id, cb)
+        },
+        cb => {
+          return this.user_b_client.emit('joinDoc', this.doc_id, cb)
+        },
+
+        /**
+         * Set up user_c, as a 'restricted' user (anonymous read-only link-sharing)
+         */
+        cb => {
+          return FixturesManager.setUpProject(
+            {
+              privilegeLevel: 'readAndWrite',
+              project_id: this.project_id,
+              userMetadata: {
+                isTokenMember: false,
+                isInvitedMember: false,
+                isRestrictedUser: true,
+              },
+            },
+            (error, { user_id: userIdFourth }) => {
+              if (error) return done(error)
+              this.user_c_id = userIdFourth
+              return cb()
+            }
+          )
+        },
+
+        /**
+         * Connect user_c to project/doc
+         */
+        cb => {
+          this.user_c_client = RealTimeClient.connect(this.project_id, cb)
+        },
+        cb => {
+          return this.user_c_client.emit('joinDoc', this.doc_id, cb)
+        },
+
+        // --------------
+
+        /**
+         * Listen for updates
+         */
+        cb => {
+          this.owner_updates = []
+          this.user_a_updates = []
+          this.user_b_updates = []
+          this.user_c_updates = []
+
+          const eventNames = [
+            'userRemovedFromProject',
+            'project:publicAccessLevel:changed',
+            'project:access:revoked',
+          ]
+
+          for (const eventName of eventNames) {
+            this.owner_client.on(eventName, update =>
+              this.owner_updates.push({ [eventName]: update })
+            )
+            this.user_a_client.on(eventName, update =>
+              this.user_a_updates.push({ [eventName]: update })
+            )
+            this.user_b_client.on(eventName, update =>
+              this.user_b_updates.push({ [eventName]: update })
+            )
+            this.user_c_client.on(eventName, update =>
+              this.user_c_updates.push({ [eventName]: update })
+            )
+          }
+
+          return cb()
+        },
+      ],
+      done
+    )
+  })
+
+  afterEach(function () {
+    if (this.owner_client) {
+      this.owner_client.disconnect()
+    }
+    if (this.user_a_client) {
+      this.user_a_client.disconnect()
+    }
+    if (this.user_b_client) {
+      this.user_b_client.disconnect()
+    }
+    if (this.user_c_client) {
+      this.user_c_client.disconnect()
+    }
+  })
+
+  describe('event: project:publicAccessLevel:changed, set to private', function () {
+    beforeEach(function (done) {
+      /**
+       * We turn off link sharing
+       */
+      rclient.publish(
+        'editor-events',
+        JSON.stringify({
+          room_id: this.project_id,
+          message: 'project:publicAccessLevel:changed',
+          payload: [{ newAccessLevel: 'private' }],
+        })
+      )
+      setTimeout(done, 200)
+    })
+
+    it('should disconnect the token-access user, and restricted users', function () {
+      expect(this.user_b_client.socket.connected).to.equal(false)
+      expect(this.user_c_client.socket.connected).to.equal(false)
+    })
+
+    it('should not disconnect the other users', function () {
+      expect(this.owner_client.socket.connected).to.equal(true)
+      expect(this.user_a_client.socket.connected).to.equal(true)
+    })
+
+    it('should send the event to the remaining connected clients', function () {
+      expect(this.owner_updates).to.deep.equal([
+        { 'project:publicAccessLevel:changed': { newAccessLevel: 'private' } },
+      ])
+
+      expect(this.user_a_updates).to.deep.equal([
+        { 'project:publicAccessLevel:changed': { newAccessLevel: 'private' } },
+      ])
+    })
+
+    it('should send a project:access:revoked message to the disconnected clients', function () {
+      expect(this.user_b_updates).to.deep.equal([
+        { 'project:access:revoked': undefined },
+      ])
+      expect(this.user_c_updates).to.deep.equal([
+        { 'project:access:revoked': undefined },
+      ])
+    })
+  })
+
+  describe('event: project:publicAccessLevel:changed, set to tokenBased', function () {
+    beforeEach(function (done) {
+      /**
+       * We turn on link sharing
+       */
+      rclient.publish(
+        'editor-events',
+        JSON.stringify({
+          room_id: this.project_id,
+          message: 'project:publicAccessLevel:changed',
+          payload: [{ newAccessLevel: 'tokenBased' }],
+        })
+      )
+      setTimeout(done, 200)
+    })
+
+    it('should not disconnect anyone', function () {
+      expect(this.owner_client.socket.connected).to.equal(true)
+      expect(this.user_a_client.socket.connected).to.equal(true)
+      expect(this.user_b_client.socket.connected).to.equal(true)
+      expect(this.user_c_client.socket.connected).to.equal(true)
+    })
+
+    it('should send the event to all non-restricted clients', function () {
+      expect(this.owner_updates).to.deep.equal([
+        {
+          'project:publicAccessLevel:changed': { newAccessLevel: 'tokenBased' },
+        },
+      ])
+
+      expect(this.user_a_updates).to.deep.equal([
+        {
+          'project:publicAccessLevel:changed': { newAccessLevel: 'tokenBased' },
+        },
+      ])
+
+      expect(this.user_b_updates).to.deep.equal([
+        {
+          'project:publicAccessLevel:changed': { newAccessLevel: 'tokenBased' },
+        },
+      ])
+      // restricted users don't receive this type of message
+      expect(this.user_c_updates.length).to.equal(0)
+    })
+  })
+
+  describe('event: userRemovedFromProject', function () {
+    let removedUserId
+    beforeEach(function (done) {
+      /**
+       * We remove user_a from the project
+       */
+      removedUserId = `${this.user_a_id}`
+      rclient.publish(
+        'editor-events',
+        JSON.stringify({
+          room_id: this.project_id,
+          message: 'userRemovedFromProject',
+          payload: [removedUserId],
+        })
+      )
+      setTimeout(done, 200)
+    })
+
+    it('should disconnect the removed user', function () {
+      expect(this.user_a_client.socket.connected).to.equal(false)
+    })
+
+    it('should not disconnect the other users', function () {
+      expect(this.owner_client.socket.connected).to.equal(true)
+      expect(this.user_b_client.socket.connected).to.equal(true)
+    })
+
+    it('should send the event to the remaining connected clients', function () {
+      expect(this.owner_updates).to.deep.equal([
+        { userRemovedFromProject: removedUserId },
+      ])
+
+      expect(this.user_b_updates).to.deep.equal([
+        { userRemovedFromProject: removedUserId },
+      ])
+    })
+
+    it('should send a project:access:revoked message to the disconnected clients', function () {
+      expect(this.user_a_updates).to.deep.equal([
+        { 'project:access:revoked': undefined },
+      ])
+    })
+  })
+})
diff --git a/services/real-time/test/acceptance/js/ReceiveUpdateTests.js b/services/real-time/test/acceptance/js/ReceiveUpdateTests.js
new file mode 100644
index 0000000..6c7367a
--- /dev/null
+++ b/services/real-time/test/acceptance/js/ReceiveUpdateTests.js
@@ -0,0 +1,312 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { expect } = require('chai')
+
+const RealTimeClient = require('./helpers/RealTimeClient')
+const MockWebServer = require('./helpers/MockWebServer')
+const FixturesManager = require('./helpers/FixturesManager')
+
+const async = require('async')
+
+const settings = require('@overleaf/settings')
+const redis = require('@overleaf/redis-wrapper')
+const rclient = redis.createClient(settings.redis.pubsub)
+
+describe('receiveUpdate', function () {
+  beforeEach(function (done) {
+    this.lines = ['test', 'doc', 'lines']
+    this.version = 42
+    this.ops = ['mock', 'doc', 'ops']
+
+    return async.series(
+      [
+        cb => {
+          return FixturesManager.setUpProject(
+            {
+              privilegeLevel: 'owner',
+              project: { name: 'Test Project' },
+            },
+            (error, { user_id: userId, project_id: projectId }) => {
+              if (error) return done(error)
+              this.user_id = userId
+              this.project_id = projectId
+              return cb()
+            }
+          )
+        },
+
+        cb => {
+          return FixturesManager.setUpDoc(
+            this.project_id,
+            { lines: this.lines, version: this.version, ops: this.ops },
+            (e, { doc_id: docId }) => {
+              this.doc_id = docId
+              return cb(e)
+            }
+          )
+        },
+
+        cb => {
+          this.clientA = RealTimeClient.connect(this.project_id, cb)
+        },
+
+        cb => {
+          this.clientB = RealTimeClient.connect(this.project_id, cb)
+        },
+
+        cb => {
+          return this.clientA.emit('joinDoc', this.doc_id, cb)
+        },
+
+        cb => {
+          return this.clientB.emit('joinDoc', this.doc_id, cb)
+        },
+
+        cb => {
+          return FixturesManager.setUpProject(
+            {
+              privilegeLevel: 'owner',
+              project: { name: 'Test Project' },
+            },
+            (error, { user_id: userIdSecond, project_id: projectIdSecond }) => {
+              if (error) return done(error)
+              this.user_id_second = userIdSecond
+              this.project_id_second = projectIdSecond
+              return cb()
+            }
+          )
+        },
+
+        cb => {
+          return FixturesManager.setUpDoc(
+            this.project_id_second,
+            { lines: this.lines, version: this.version, ops: this.ops },
+            (e, { doc_id: docIdSecond }) => {
+              this.doc_id_second = docIdSecond
+              return cb(e)
+            }
+          )
+        },
+
+        cb => {
+          this.clientC = RealTimeClient.connect(this.project_id_second, cb)
+        },
+
+        cb => {
+          return this.clientC.emit('joinDoc', this.doc_id_second, cb)
+        },
+
+        cb => {
+          this.clientAUpdates = []
+          this.clientA.on('otUpdateApplied', update =>
+            this.clientAUpdates.push(update)
+          )
+          this.clientBUpdates = []
+          this.clientB.on('otUpdateApplied', update =>
+            this.clientBUpdates.push(update)
+          )
+          this.clientCUpdates = []
+          this.clientC.on('otUpdateApplied', update =>
+            this.clientCUpdates.push(update)
+          )
+
+          this.clientAErrors = []
+          this.clientA.on('otUpdateError', error =>
+            this.clientAErrors.push(error)
+          )
+          this.clientBErrors = []
+          this.clientB.on('otUpdateError', error =>
+            this.clientBErrors.push(error)
+          )
+          this.clientCErrors = []
+          this.clientC.on('otUpdateError', error =>
+            this.clientCErrors.push(error)
+          )
+          return cb()
+        },
+      ],
+      done
+    )
+  })
+
+  afterEach(function () {
+    if (this.clientA != null) {
+      this.clientA.disconnect()
+    }
+    if (this.clientB != null) {
+      this.clientB.disconnect()
+    }
+    return this.clientC != null ? this.clientC.disconnect() : undefined
+  })
+
+  describe('with an update from clientA', function () {
+    beforeEach(function (done) {
+      this.update = {
+        doc_id: this.doc_id,
+        op: {
+          meta: {
+            source: this.clientA.publicId,
+          },
+          v: this.version,
+          doc: this.doc_id,
+          op: [{ i: 'foo', p: 50 }],
+        },
+      }
+      rclient.publish('applied-ops', JSON.stringify(this.update))
+      return setTimeout(done, 200)
+    }) // Give clients time to get message
+
+    it('should send the full op to clientB', function () {
+      return this.clientBUpdates.should.deep.equal([this.update.op])
+    })
+
+    it('should send an ack to clientA', function () {
+      return this.clientAUpdates.should.deep.equal([
+        {
+          v: this.version,
+          doc: this.doc_id,
+        },
+      ])
+    })
+
+    return it('should send nothing to clientC', function () {
+      return this.clientCUpdates.should.deep.equal([])
+    })
+  })
+
+  describe('with an update from clientC', function () {
+    beforeEach(function (done) {
+      this.update = {
+        doc_id: this.doc_id_second,
+        op: {
+          meta: {
+            source: this.clientC.publicId,
+          },
+          v: this.version,
+          doc: this.doc_id_second,
+          op: [{ i: 'update from clientC', p: 50 }],
+        },
+      }
+      rclient.publish('applied-ops', JSON.stringify(this.update))
+      return setTimeout(done, 200)
+    }) // Give clients time to get message
+
+    it('should send nothing to clientA', function () {
+      return this.clientAUpdates.should.deep.equal([])
+    })
+
+    it('should send nothing to clientB', function () {
+      return this.clientBUpdates.should.deep.equal([])
+    })
+
+    return it('should send an ack to clientC', function () {
+      return this.clientCUpdates.should.deep.equal([
+        {
+          v: this.version,
+          doc: this.doc_id_second,
+        },
+      ])
+    })
+  })
+
+  describe('with an update from a remote client for project 1', function () {
+    beforeEach(function (done) {
+      this.update = {
+        doc_id: this.doc_id,
+        op: {
+          meta: {
+            source: 'this-is-a-remote-client-id',
+          },
+          v: this.version,
+          doc: this.doc_id,
+          op: [{ i: 'foo', p: 50 }],
+        },
+      }
+      rclient.publish('applied-ops', JSON.stringify(this.update))
+      return setTimeout(done, 200)
+    }) // Give clients time to get message
+
+    it('should send the full op to clientA', function () {
+      return this.clientAUpdates.should.deep.equal([this.update.op])
+    })
+
+    it('should send the full op to clientB', function () {
+      return this.clientBUpdates.should.deep.equal([this.update.op])
+    })
+
+    return it('should send nothing to clientC', function () {
+      return this.clientCUpdates.should.deep.equal([])
+    })
+  })
+
+  describe('with an error for the first project', function () {
+    beforeEach(function (done) {
+      rclient.publish(
+        'applied-ops',
+        JSON.stringify({
+          doc_id: this.doc_id,
+          error: (this.error = 'something went wrong'),
+        })
+      )
+      return setTimeout(done, 200)
+    }) // Give clients time to get message
+
+    it('should send the error to the clients in the first project', function () {
+      this.clientAErrors.should.deep.equal([this.error])
+      return this.clientBErrors.should.deep.equal([this.error])
+    })
+
+    it('should not send any errors to the client in the second project', function () {
+      return this.clientCErrors.should.deep.equal([])
+    })
+
+    it('should disconnect the clients of the first project', function () {
+      this.clientA.socket.connected.should.equal(false)
+      return this.clientB.socket.connected.should.equal(false)
+    })
+
+    return it('should not disconnect the client in the second project', function () {
+      return this.clientC.socket.connected.should.equal(true)
+    })
+  })
+
+  return describe('with an error for the second project', function () {
+    beforeEach(function (done) {
+      rclient.publish(
+        'applied-ops',
+        JSON.stringify({
+          doc_id: this.doc_id_second,
+          error: (this.error = 'something went wrong'),
+        })
+      )
+      return setTimeout(done, 200)
+    }) // Give clients time to get message
+
+    it('should not send any errors to the clients in the first project', function () {
+      this.clientAErrors.should.deep.equal([])
+      return this.clientBErrors.should.deep.equal([])
+    })
+
+    it('should send the error to the client in the second project', function () {
+      return this.clientCErrors.should.deep.equal([this.error])
+    })
+
+    it('should not disconnect the clients of the first project', function () {
+      this.clientA.socket.connected.should.equal(true)
+      return this.clientB.socket.connected.should.equal(true)
+    })
+
+    return it('should disconnect the client in the second project', function () {
+      return this.clientC.socket.connected.should.equal(false)
+    })
+  })
+})
diff --git a/services/real-time/test/acceptance/js/RouterTests.js b/services/real-time/test/acceptance/js/RouterTests.js
new file mode 100644
index 0000000..e3493a6
--- /dev/null
+++ b/services/real-time/test/acceptance/js/RouterTests.js
@@ -0,0 +1,105 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const async = require('async')
+const { expect } = require('chai')
+
+const RealTimeClient = require('./helpers/RealTimeClient')
+const FixturesManager = require('./helpers/FixturesManager')
+
+describe('Router', function () {
+  return describe('joinProject', function () {
+    describe('when there is no callback provided', function () {
+      after(function () {
+        return process.removeListener('unhandledRejection', this.onUnhandled)
+      })
+
+      before(function (done) {
+        this.onUnhandled = error => done(error)
+        process.on('unhandledRejection', this.onUnhandled)
+        return async.series(
+          [
+            cb => {
+              return FixturesManager.setUpProject(
+                {
+                  privilegeLevel: 'owner',
+                  project: {
+                    name: 'Test Project',
+                  },
+                },
+                (e, { project_id: projectId, user_id: userId }) => {
+                  this.project_id = projectId
+                  this.user_id = userId
+                  return cb(e)
+                }
+              )
+            },
+
+            cb => {
+              this.client = RealTimeClient.connect(this.project_id, cb)
+            },
+
+            cb => {
+              return setTimeout(cb, 100)
+            },
+          ],
+          done
+        )
+      })
+
+      return it('should keep on going', function () {
+        return expect('still running').to.exist
+      })
+    })
+
+    return describe('when there are too many arguments', function () {
+      after(function () {
+        return process.removeListener('unhandledRejection', this.onUnhandled)
+      })
+
+      before(function (done) {
+        this.onUnhandled = error => done(error)
+        process.on('unhandledRejection', this.onUnhandled)
+        return async.series(
+          [
+            cb => {
+              return FixturesManager.setUpProject(
+                {
+                  privilegeLevel: 'owner',
+                  project: {
+                    name: 'Test Project',
+                  },
+                },
+                (e, { project_id: projectId, user_id: userId }) => {
+                  this.project_id = projectId
+                  this.user_id = userId
+                  return cb(e)
+                }
+              )
+            },
+
+            cb => {
+              this.client = RealTimeClient.connect(this.project_id, cb)
+            },
+
+            cb => {
+              return this.client.emit('joinDoc', 1, 2, 3, 4, 5, error => {
+                this.error = error
+                return cb()
+              })
+            },
+          ],
+          done
+        )
+      })
+
+      return it('should return an error message', function () {
+        return expect(this.error.message).to.equal('unexpected arguments')
+      })
+    })
+  })
+})
diff --git a/services/real-time/test/acceptance/js/SessionSocketsTests.js b/services/real-time/test/acceptance/js/SessionSocketsTests.js
new file mode 100644
index 0000000..cca7f75
--- /dev/null
+++ b/services/real-time/test/acceptance/js/SessionSocketsTests.js
@@ -0,0 +1,140 @@
+const RealTimeClient = require('./helpers/RealTimeClient')
+const FixturesManager = require('./helpers/FixturesManager')
+const Settings = require('@overleaf/settings')
+const signature = require('cookie-signature')
+const { expect } = require('chai')
+
+describe('SessionSockets', function () {
+  beforeEach(function (done) {
+    FixturesManager.setUpProject(
+      {
+        privilegeLevel: 'owner',
+      },
+      (err, options) => {
+        if (err) return done(err)
+
+        this.checkSocket = function (fn) {
+          RealTimeClient.connect(options.project_id, fn)
+        }
+        done()
+      }
+    )
+  })
+
+  describe('without cookies', function () {
+    beforeEach(function () {
+      RealTimeClient.cookie = null
+    })
+
+    it('should return a lookup error', function (done) {
+      this.checkSocket(error => {
+        expect(error).to.exist
+        expect(error.message).to.equal('invalid session')
+        done()
+      })
+    })
+  })
+
+  describe('with a different cookie', function () {
+    beforeEach(function () {
+      RealTimeClient.cookie = 'some.key=someValue'
+    })
+
+    it('should return a lookup error', function (done) {
+      this.checkSocket(error => {
+        expect(error).to.exist
+        expect(error.message).to.equal('invalid session')
+        done()
+      })
+    })
+  })
+
+  describe('with an invalid cookie', function () {
+    beforeEach(function (done) {
+      RealTimeClient.setSession({}, error => {
+        if (error) {
+          return done(error)
+        }
+        RealTimeClient.cookie = `${
+          Settings.cookieName
+        }=${RealTimeClient.cookie.slice(17, 49)}`
+        done()
+      })
+    })
+
+    it('should return a lookup error', function (done) {
+      this.checkSocket(error => {
+        expect(error).to.exist
+        expect(error.message).to.equal('invalid session')
+        done()
+      })
+    })
+  })
+
+  describe('with a valid cookie and no matching session', function () {
+    beforeEach(function () {
+      RealTimeClient.cookie = `${Settings.cookieName}=unknownId`
+    })
+
+    it('should return a lookup error', function (done) {
+      this.checkSocket(error => {
+        expect(error).to.exist
+        expect(error.message).to.equal('invalid session')
+        done()
+      })
+    })
+  })
+
+  describe('with a valid cookie and a matching session', function () {
+    it('should not return an error', function (done) {
+      this.checkSocket(error => {
+        expect(error).to.not.exist
+        done()
+      })
+    })
+  })
+
+  describe('with a cookie signed by the fallback key and a matching session', function () {
+    beforeEach(function () {
+      RealTimeClient.cookie =
+        RealTimeClient.cookieSignedWith.sessionSecretFallback
+    })
+    it('should not return an error', function (done) {
+      this.checkSocket(error => {
+        expect(error).to.not.exist
+        done()
+      })
+    })
+  })
+
+  describe('with a cookie signed by the upcoming key and a matching session', function () {
+    beforeEach(function () {
+      RealTimeClient.cookie =
+        RealTimeClient.cookieSignedWith.sessionSecretUpcoming
+    })
+    it('should not return an error', function (done) {
+      this.checkSocket(error => {
+        expect(error).to.not.exist
+        done()
+      })
+    })
+  })
+
+  describe('with a cookie signed with an unrecognized secret and a matching session', function () {
+    beforeEach(function () {
+      const [sessionKey] = RealTimeClient.cookie.split('.')
+      // sign the session key with a unrecognized secret
+      RealTimeClient.cookie = signature.sign(
+        sessionKey,
+        'unrecognised-session-secret'
+      )
+    })
+    it('should return a lookup error', function (done) {
+      this.checkSocket(error => {
+        expect(error).to.exist
+        expect(error.message).to.equal('invalid session')
+        done()
+      })
+    })
+  })
+})
diff --git a/services/real-time/test/acceptance/js/SessionTests.js b/services/real-time/test/acceptance/js/SessionTests.js
new file mode 100644
index 0000000..819ec26
--- /dev/null
+++ b/services/real-time/test/acceptance/js/SessionTests.js
@@ -0,0 +1,55 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { expect } = require('chai')
+
+const FixturesManager = require('./helpers/FixturesManager')
+const RealTimeClient = require('./helpers/RealTimeClient')
+
+describe('Session', function () {
+  return describe('with an established session', function () {
+    before(function (done) {
+      FixturesManager.setUpProject(
+        { privilegeLevel: 'owner' },
+        (error, options) => {
+          if (error) return done(error)
+          this.client = RealTimeClient.connect(options.project_id, done)
+        }
+      )
+      return null
+    })
+
+    it('should not get disconnected', function (done) {
+      let disconnected = false
+      this.client.on('disconnect', () => (disconnected = true))
+      return setTimeout(() => {
+        expect(disconnected).to.equal(false)
+        return done()
+      }, 500)
+    })
+
+    return it('should appear in the list of connected clients', function (done) {
+      return RealTimeClient.getConnectedClients((error, clients) => {
+        if (error) return done(error)
+        let included = false
+        for (const client of Array.from(clients)) {
+          if (client.client_id === this.client.socket.sessionid) {
+            included = true
+            break
+          }
+        }
+        expect(included).to.equal(true)
+        return done()
+      })
+    })
+  })
+})
diff --git a/services/real-time/test/acceptance/js/helpers/FixturesManager.js b/services/real-time/test/acceptance/js/helpers/FixturesManager.js
new file mode 100644
index 0000000..1db0c68
--- /dev/null
+++ b/services/real-time/test/acceptance/js/helpers/FixturesManager.js
@@ -0,0 +1,156 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let FixturesManager
+const RealTimeClient = require('./RealTimeClient')
+const MockWebServer = require('./MockWebServer')
+const MockDocUpdaterServer = require('./MockDocUpdaterServer')
+
+module.exports = FixturesManager = {
+  setUpProject(options, callback) {
+    if (options == null) {
+      options = {}
+    }
+    if (callback == null) {
+      callback = function () {}
+    }
+    if (!options.user_id) {
+      options.user_id = FixturesManager.getRandomId()
+    }
+    if (!options.project_id) {
+      options.project_id = FixturesManager.getRandomId()
+    }
+    if (!options.project) {
+      options.project = { name: 'Test Project' }
+    }
+    let {
+      project_id: projectId,
+      user_id: userId,
+      privilegeLevel,
+      project,
+      publicAccess,
+      userMetadata,
+      anonymousAccessToken,
+    } = options
+
+    if (privilegeLevel === 'owner') {
+      project.owner = { _id: userId }
+    } else {
+      project.owner = { _id: '404404404404404404404404' }
+    }
+
+    const privileges = {}
+    privileges[userId] = privilegeLevel
+    if (publicAccess) {
+      anonymousAccessToken =
+        anonymousAccessToken || FixturesManager.getRandomId()
+      privileges[anonymousAccessToken] = publicAccess
+    }
+
+    const metadataByUser = {}
+    metadataByUser[userId] = userMetadata
+
+    MockWebServer.createMockProject(
+      projectId,
+      privileges,
+      project,
+      metadataByUser
+    )
+    return MockWebServer.run(error => {
+      if (error != null) {
+        throw error
+      }
+      return RealTimeClient.setSession(
+        {
+          user: {
+            _id: userId,
+            first_name: 'Joe',
+            last_name: 'Bloggs',
+          },
+        },
+        error => {
+          if (error != null) {
+            throw error
+          }
+          return callback(null, {
+            project_id: projectId,
+            user_id: userId,
+            privilegeLevel,
+            project,
+            anonymousAccessToken,
+          })
+        }
+      )
+    })
+  },
+
+  setUpDoc(projectId, options, callback) {
+    if (options == null) {
+      options = {}
+    }
+    if (callback == null) {
+      callback = function () {}
+    }
+    if (!options.doc_id) {
+      options.doc_id = FixturesManager.getRandomId()
+    }
+    if (!options.lines) {
+      options.lines = ['doc', 'lines']
+    }
+    if (!options.version) {
+      options.version = 42
+    }
+    if (!options.ops) {
+      options.ops = ['mock', 'ops']
+    }
+    const { doc_id: docId, lines, version, ops, ranges } = options
+
+    MockDocUpdaterServer.createMockDoc(projectId, docId, {
+      lines,
+      version,
+      ops,
+      ranges,
+    })
+    return MockDocUpdaterServer.run(error => {
+      if (error != null) {
+        throw error
+      }
+      return callback(null, {
+        project_id: projectId,
+        doc_id: docId,
+        lines,
+        version,
+        ops,
+      })
+    })
+  },
+
+  setUpEditorSession(options, callback) {
+    FixturesManager.setUpProject(options, (err, detailsProject) => {
+      if (err) return callback(err)
+
+      FixturesManager.setUpDoc(
+        detailsProject.project_id,
+        options,
+        (err, detailsDoc) => {
+          if (err) return callback(err)
+
+          callback(null, Object.assign({}, detailsProject, detailsDoc))
+        }
+      )
+    })
+  },
+
+  getRandomId() {
+    return require('node:crypto')
+      .createHash('sha1')
+      .update(Math.random().toString())
+      .digest('hex')
+      .slice(0, 24)
+  },
+}
diff --git a/services/real-time/test/acceptance/js/helpers/MockDocUpdaterServer.js b/services/real-time/test/acceptance/js/helpers/MockDocUpdaterServer.js
new file mode 100644
index 0000000..29d5718
--- /dev/null
+++ b/services/real-time/test/acceptance/js/helpers/MockDocUpdaterServer.js
@@ -0,0 +1,91 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let MockDocUpdaterServer
+const sinon = require('sinon')
+const express = require('express')
+
+module.exports = MockDocUpdaterServer = {
+  docs: {},
+
+  createMockDoc(projectId, docId, data) {
+    return (MockDocUpdaterServer.docs[`${projectId}:${docId}`] = data)
+  },
+
+  getDocument(projectId, docId, fromVersion, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return callback(null, MockDocUpdaterServer.docs[`${projectId}:${docId}`])
+  },
+
+  deleteProject: sinon.stub().callsArg(1),
+
+  getDocumentRequest(req, res, next) {
+    const { project_id: projectId, doc_id: docId } = req.params
+    let { fromVersion } = req.query
+    fromVersion = parseInt(fromVersion, 10)
+    return MockDocUpdaterServer.getDocument(
+      projectId,
+      docId,
+      fromVersion,
+      (error, data) => {
+        if (error != null) {
+          return next(error)
+        }
+        if (!data) {
+          return res.sendStatus(404)
+        }
+        return res.json(data)
+      }
+    )
+  },
+
+  deleteProjectRequest(req, res, next) {
+    const { project_id: projectId } = req.params
+    return MockDocUpdaterServer.deleteProject(projectId, error => {
+      if (error != null) {
+        return next(error)
+      }
+      return res.sendStatus(204)
+    })
+  },
+
+  running: false,
+  run(callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    if (MockDocUpdaterServer.running) {
+      return callback()
+    }
+    const app = express()
+    app.get(
+      '/project/:project_id/doc/:doc_id',
+      MockDocUpdaterServer.getDocumentRequest
+    )
+    app.delete(
+      '/project/:project_id',
+      MockDocUpdaterServer.deleteProjectRequest
+    )
+    return app
+      .listen(3003, error => {
+        MockDocUpdaterServer.running = true
+        return callback(error)
+      })
+      .on('error', error => {
+        console.error('error starting MockDocUpdaterServer:', error.message)
+        return process.exit(1)
+      })
+  },
+}
+
+sinon.spy(MockDocUpdaterServer, 'getDocument')
diff --git a/services/real-time/test/acceptance/js/helpers/MockWebServer.js b/services/real-time/test/acceptance/js/helpers/MockWebServer.js
new file mode 100644
index 0000000..138db1f
--- /dev/null
+++ b/services/real-time/test/acceptance/js/helpers/MockWebServer.js
@@ -0,0 +1,106 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let MockWebServer
+const sinon = require('sinon')
+const express = require('express')
+const bodyParser = require('body-parser')
+
+module.exports = MockWebServer = {
+  projects: {},
+  privileges: {},
+  userMetadata: {},
+
+  createMockProject(projectId, privileges, project, metadataByUser) {
+    MockWebServer.privileges[projectId] = privileges
+    MockWebServer.userMetadata[projectId] = metadataByUser
+    return (MockWebServer.projects[projectId] = project)
+  },
+
+  inviteUserToProject(projectId, user, privileges) {
+    MockWebServer.privileges[projectId][user._id] = privileges
+    MockWebServer.userMetadata[projectId][user._id] = user
+  },
+
+  joinProject(projectId, userId, anonymousAccessToken, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    const project = MockWebServer.projects[projectId]
+    const privilegeLevel =
+      MockWebServer.privileges[projectId]?.[userId] ||
+      MockWebServer.privileges[projectId]?.[anonymousAccessToken]
+    const userMetadata = MockWebServer.userMetadata[projectId]?.[userId]
+    return callback(null, project, privilegeLevel, userMetadata)
+  },
+
+  joinProjectRequest(req, res, next) {
+    const { project_id: projectId } = req.params
+    const { anonymousAccessToken, userId } = req.body
+    if (projectId === '404404404404404404404404') {
+      // not-found
+      return res.status(404).send()
+    }
+    if (projectId === '403403403403403403403403') {
+      // forbidden
+      return res.status(403).send()
+    }
+    if (projectId === '429429429429429429429429') {
+      // rate-limited
+      return res.status(429).send()
+    } else {
+      return MockWebServer.joinProject(
+        projectId,
+        userId,
+        anonymousAccessToken,
+        (error, project, privilegeLevel, userMetadata) => {
+          if (error != null) {
+            return next(error)
+          }
+          if (!project) {
+            return res.sendStatus(404)
+          }
+          return res.json({
+            project,
+            privilegeLevel,
+            isRestrictedUser: !!userMetadata?.isRestrictedUser,
+            isTokenMember: !!userMetadata?.isTokenMember,
+            isInvitedMember: !!userMetadata?.isInvitedMember,
+          })
+        }
+      )
+    }
+  },
+
+  running: false,
+  run(callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    if (MockWebServer.running) {
+      return callback()
+    }
+    const app = express()
+    app.use(bodyParser.json())
+    app.post('/project/:project_id/join', MockWebServer.joinProjectRequest)
+    return app
+      .listen(3000, error => {
+        MockWebServer.running = true
+        return callback(error)
+      })
+      .on('error', error => {
+        console.error('error starting MockWebServer:', error.message)
+        return process.exit(1)
+      })
+  },
+}
+
+sinon.spy(MockWebServer, 'joinProject')
diff --git a/services/real-time/test/acceptance/js/helpers/RealTimeClient.js b/services/real-time/test/acceptance/js/helpers/RealTimeClient.js
new file mode 100644
index 0000000..7b53f5d
--- /dev/null
+++ b/services/real-time/test/acceptance/js/helpers/RealTimeClient.js
@@ -0,0 +1,165 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let Client
+const { XMLHttpRequest } = require('../../libs/XMLHttpRequest')
+const io = require('socket.io-client')
+const async = require('async')
+
+const request = require('request')
+const Settings = require('@overleaf/settings')
+const redis = require('@overleaf/redis-wrapper')
+const rclient = redis.createClient(Settings.redis.websessions)
+
+const uid = require('uid-safe').sync
+const signature = require('cookie-signature')
+
+io.util.request = function () {
+  const xhr = new XMLHttpRequest()
+  const _open = xhr.open
+  xhr.open = function () {
+    _open.apply(xhr, arguments)
+    if (Client.cookie != null) {
+      return xhr.setRequestHeader('Cookie', Client.cookie)
+    }
+  }
+  return xhr
+}
+
+module.exports = Client = {
+  cookie: null,
+
+  setSession(session, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    const sessionId = uid(24)
+    session.cookie = {}
+    return rclient.set('sess:' + sessionId, JSON.stringify(session), error => {
+      if (error != null) {
+        return callback(error)
+      }
+      Client.cookieSignedWith = {}
+      // prepare cookie strings for all supported session secrets
+      for (const secretName of [
+        'sessionSecret',
+        'sessionSecretFallback',
+        'sessionSecretUpcoming',
+      ]) {
+        const secret = Settings.security[secretName]
+        const cookieKey = 's:' + signature.sign(sessionId, secret)
+        Client.cookieSignedWith[secretName] =
+          `${Settings.cookieName}=${cookieKey}`
+      }
+      // default to the current session secret
+      Client.cookie = Client.cookieSignedWith.sessionSecret
+      return callback()
+    })
+  },
+
+  setAnonSession(projectId, anonymousAccessToken, callback) {
+    Client.setSession(
+      {
+        anonTokenAccess: {
+          [projectId]: anonymousAccessToken,
+        },
+      },
+      callback
+    )
+  },
+
+  unsetSession(callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    Client.cookie = null
+    return callback()
+  },
+
+  connect(projectId, callback) {
+    const client = io.connect('http://127.0.0.1:3026', {
+      'force new connection': true,
+      query: new URLSearchParams({ projectId }).toString(),
+    })
+    let disconnected = false
+    client.on('disconnect', () => {
+      disconnected = true
+    })
+    client.on('connectionRejected', err => {
+      // Wait for disconnect ahead of continuing with the test sequence.
+      setTimeout(() => {
+        if (!disconnected) {
+          throw new Error('should disconnect after connectionRejected')
+        }
+        callback(err)
+      }, 10)
+    })
+    client.on('joinProjectResponse', resp => {
+      const { publicId, project, permissionsLevel, protocolVersion } = resp
+      client.publicId = publicId
+      callback(null, project, permissionsLevel, protocolVersion)
+    })
+    return client
+  },
+
+  getConnectedClients(callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return request.get(
+      {
+        url: 'http://127.0.0.1:3026/clients',
+        json: true,
+      },
+      (error, response, data) => callback(error, data)
+    )
+  },
+
+  getConnectedClient(clientId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return request.get(
+      {
+        url: `http://127.0.0.1:3026/clients/${clientId}`,
+        json: true,
+      },
+      (error, response, data) => {
+        if (response?.statusCode === 404) {
+          callback(new Error('not found'))
+        } else {
+          callback(error, data)
+        }
+      }
+    )
+  },
+
+  disconnectClient(clientId, callback) {
+    request.post(
+      {
+        url: `http://127.0.0.1:3026/client/${clientId}/disconnect`,
+      },
+      (error, response, data) => callback(error, data)
+    )
+    return null
+  },
+
+  disconnectAllClients(callback) {
+    return Client.getConnectedClients((error, clients) => {
+      if (error) return callback(error)
+      async.each(
+        clients,
+        (clientView, cb) => Client.disconnectClient(clientView.client_id, cb),
+        callback
+      )
+    })
+  },
+}
diff --git a/services/real-time/test/acceptance/js/helpers/RealtimeServer.js b/services/real-time/test/acceptance/js/helpers/RealtimeServer.js
new file mode 100644
index 0000000..be3a6f4
--- /dev/null
+++ b/services/real-time/test/acceptance/js/helpers/RealtimeServer.js
@@ -0,0 +1,61 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS103: Rewrite code to no longer use __guard__
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const app = require('../../../../app')
+const logger = require('@overleaf/logger')
+const Settings = require('@overleaf/settings')
+
+module.exports = {
+  running: false,
+  initing: false,
+  callbacks: [],
+  ensureRunning(callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    if (this.running) {
+      return callback()
+    } else if (this.initing) {
+      return this.callbacks.push(callback)
+    } else {
+      this.initing = true
+      this.callbacks.push(callback)
+      return app.listen(
+        __guard__(
+          Settings.internal != null ? Settings.internal.realtime : undefined,
+          x => x.port
+        ),
+        '127.0.0.1',
+        error => {
+          if (error != null) {
+            throw error
+          }
+          this.running = true
+          logger.info('clsi running in dev mode')
+
+          return (() => {
+            const result = []
+            for (callback of Array.from(this.callbacks)) {
+              result.push(callback())
+            }
+            return result
+          })()
+        }
+      )
+    }
+  },
+}
+
+function __guard__(value, transform) {
+  return typeof value !== 'undefined' && value !== null
+    ? transform(value)
+    : undefined
+}
diff --git a/services/real-time/test/acceptance/libs/XMLHttpRequest.js b/services/real-time/test/acceptance/libs/XMLHttpRequest.js
new file mode 100644
index 0000000..3586f44
--- /dev/null
+++ b/services/real-time/test/acceptance/libs/XMLHttpRequest.js
@@ -0,0 +1,579 @@
+/**
+ * Wrapper for built-in http.js to emulate the browser XMLHttpRequest object.
+ *
+ * This can be used with JS designed for browsers to improve reuse of code and
+ * allow the use of existing libraries.
+ *
+ * Usage: include("XMLHttpRequest.js") and use XMLHttpRequest per W3C specs.
+ *
+ * @author Dan DeFelippi <dan@driverdan.com>
+ * @contributor David Ellis <d.f.ellis@ieee.org>
+ * @license MIT
+ */
+
+const { URL } = require('node:url')
+const spawn = require('node:child_process').spawn
+const fs = require('node:fs')
+
+exports.XMLHttpRequest = function () {
+  /**
+   * Private variables
+   */
+  const self = this
+  const http = require('node:http')
+  const https = require('node:https')
+
+  // Holds http.js objects
+  let request
+  let response
+
+  // Request settings
+  let settings = {}
+
+  // Set some default headers
+  const defaultHeaders = {
+    'User-Agent': 'node-XMLHttpRequest',
+    Accept: '*/*',
+  }
+
+  let headers = defaultHeaders
+
+  // These headers are not user setable.
+  // The following are allowed but banned in the spec:
+  // * user-agent
+  const forbiddenRequestHeaders = [
+    'accept-charset',
+    'accept-encoding',
+    'access-control-request-headers',
+    'access-control-request-method',
+    'connection',
+    'content-length',
+    'content-transfer-encoding',
+    // "cookie",
+    'cookie2',
+    'date',
+    'expect',
+    'host',
+    'keep-alive',
+    'origin',
+    'referer',
+    'te',
+    'trailer',
+    'transfer-encoding',
+    'upgrade',
+    'via',
+  ]
+
+  // These request methods are not allowed
+  const forbiddenRequestMethods = ['TRACE', 'TRACK', 'CONNECT']
+
+  // Send flag
+  let sendFlag = false
+  // Error flag, used when errors occur or abort is called
+  let errorFlag = false
+
+  // Event listeners
+  const listeners = {}
+
+  /**
+   * Constants
+   */
+
+  this.UNSENT = 0
+  this.OPENED = 1
+  this.HEADERS_RECEIVED = 2
+  this.LOADING = 3
+  this.DONE = 4
+
+  /**
+   * Public vars
+   */
+
+  // Current state
+  this.readyState = this.UNSENT
+
+  // default ready state change handler in case one is not set or is set late
+  this.onreadystatechange = null
+
+  // Result & response
+  this.responseText = ''
+  this.responseXML = ''
+  this.status = null
+  this.statusText = null
+
+  /**
+   * Private methods
+   */
+
+  /**
+   * Check if the specified header is allowed.
+   *
+   * @param string header Header to validate
+   * @return boolean False if not allowed, otherwise true
+   */
+  const isAllowedHttpHeader = function (header) {
+    return (
+      header && forbiddenRequestHeaders.indexOf(header.toLowerCase()) === -1
+    )
+  }
+
+  /**
+   * Check if the specified method is allowed.
+   *
+   * @param string method Request method to validate
+   * @return boolean False if not allowed, otherwise true
+   */
+  const isAllowedHttpMethod = function (method) {
+    return method && forbiddenRequestMethods.indexOf(method) === -1
+  }
+
+  /**
+   * Public methods
+   */
+
+  /**
+   * Open the connection. Currently supports local server requests.
+   *
+   * @param string method Connection method (eg GET, POST)
+   * @param string url URL for the connection.
+   * @param boolean async Asynchronous connection. Default is true.
+   * @param string user Username for basic authentication (optional)
+   * @param string password Password for basic authentication (optional)
+   */
+  this.open = function (method, url, async, user, password) {
+    this.abort()
+    errorFlag = false
+
+    // Check for valid request method
+    if (!isAllowedHttpMethod(method)) {
+      throw new Error('SecurityError: Request method not allowed')
+    }
+
+    settings = {
+      method,
+      url: url.toString(),
+      async: typeof async !== 'boolean' ? true : async,
+      user: user || null,
+      password: password || null,
+    }
+
+    setState(this.OPENED)
+  }
+
+  /**
+   * Sets a header for the request.
+   *
+   * @param string header Header name
+   * @param string value Header value
+   */
+  this.setRequestHeader = function (header, value) {
+    if (this.readyState !== this.OPENED) {
+      throw new Error(
+        'INVALID_STATE_ERR: setRequestHeader can only be called when state is OPEN'
+      )
+    }
+    if (!isAllowedHttpHeader(header)) {
+      console.warn('Refused to set unsafe header "' + header + '"')
+      return
+    }
+    if (sendFlag) {
+      throw new Error('INVALID_STATE_ERR: send flag is true')
+    }
+    headers[header] = value
+  }
+
+  /**
+   * Gets a header from the server response.
+   *
+   * @param string header Name of header to get.
+   * @return string Text of the header or null if it doesn't exist.
+   */
+  this.getResponseHeader = function (header) {
+    if (
+      typeof header === 'string' &&
+      this.readyState > this.OPENED &&
+      response.headers[header.toLowerCase()] &&
+      !errorFlag
+    ) {
+      return response.headers[header.toLowerCase()]
+    }
+
+    return null
+  }
+
+  /**
+   * Gets all the response headers.
+   *
+   * @return string A string with all response headers separated by CR+LF
+   */
+  this.getAllResponseHeaders = function () {
+    if (this.readyState < this.HEADERS_RECEIVED || errorFlag) {
+      return ''
+    }
+    let result = ''
+
+    for (const i in response.headers) {
+      // Cookie headers are excluded
+      if (i !== 'set-cookie' && i !== 'set-cookie2') {
+        result += i + ': ' + response.headers[i] + '\r\n'
+      }
+    }
+    return result.substr(0, result.length - 2)
+  }
+
+  /**
+   * Gets a request header
+   *
+   * @param string name Name of header to get
+   * @return string Returns the request header or empty string if not set
+   */
+  this.getRequestHeader = function (name) {
+    // @TODO Make this case insensitive
+    if (typeof name === 'string' && headers[name]) {
+      return headers[name]
+    }
+
+    return ''
+  }
+
+  /**
+   * Sends the request to the server.
+   *
+   * @param string data Optional data to send as request body.
+   */
+  this.send = function (data) {
+    if (this.readyState !== this.OPENED) {
+      throw new Error(
+        'INVALID_STATE_ERR: connection must be opened before send() is called'
+      )
+    }
+
+    if (sendFlag) {
+      throw new Error('INVALID_STATE_ERR: send has already been called')
+    }
+
+    let host
+    let ssl = false
+    let local = false
+    const url = new URL(settings.url)
+
+    // Determine the server
+    switch (url.protocol) {
+      case 'https:':
+        ssl = true
+        host = url.hostname
+        break
+      case 'http:':
+        host = url.hostname
+        break
+
+      case 'file:':
+        local = true
+        break
+
+      case undefined:
+      case '':
+        host = '127.0.0.1'
+        break
+
+      default:
+        throw new Error('Protocol not supported.')
+    }
+
+    // Load files off the local filesystem (file://)
+    if (local) {
+      if (settings.method !== 'GET') {
+        throw new Error('XMLHttpRequest: Only GET method is supported')
+      }
+
+      if (settings.async) {
+        fs.readFile(url.pathname, 'utf8', (error, data) => {
+          if (error) {
+            self.handleError(error)
+          } else {
+            self.status = 200
+            self.responseText = data
+            setState(self.DONE)
+          }
+        })
+      } else {
+        try {
+          this.responseText = fs.readFileSync(url.pathname, 'utf8')
+          this.status = 200
+          setState(self.DONE)
+        } catch (e) {
+          this.handleError(e)
+        }
+      }
+
+      return
+    }
+
+    // Default to port 80. If accessing 127.0.0.1 on another port be sure
+    // to use http://127.0.0.1:port/path
+    const port = url.port || (ssl ? 443 : 80)
+    // Add query string if one is used
+    const uri = url.pathname + (url.search ? url.search : '')
+
+    // Set the Host header or the server may reject the request
+    headers.Host = host
+    if (!((ssl && port === 443) || port === 80)) {
+      headers.Host += ':' + url.port
+    }
+
+    // Set Basic Auth if necessary
+    if (settings.user) {
+      if (typeof settings.password === 'undefined') {
+        settings.password = ''
+      }
+      const authBuf = Buffer.from(settings.user + ':' + settings.password)
+      headers.Authorization = 'Basic ' + authBuf.toString('base64')
+    }
+
+    // Set content length header
+    if (settings.method === 'GET' || settings.method === 'HEAD') {
+      data = null
+    } else if (data) {
+      headers['Content-Length'] = Buffer.byteLength(data)
+
+      if (!headers['Content-Type']) {
+        headers['Content-Type'] = 'text/plain;charset=UTF-8'
+      }
+    } else if (settings.method === 'POST') {
+      // For a post with no data set Content-Length: 0.
+      // This is required by buggy servers that don't meet the specs.
+      headers['Content-Length'] = 0
+    }
+
+    const options = {
+      host,
+      port,
+      path: uri,
+      method: settings.method,
+      headers,
+    }
+
+    // Reset error flag
+    errorFlag = false
+
+    // Handle async requests
+    if (settings.async) {
+      // Use the proper protocol
+      const doRequest = ssl ? https.request : http.request
+
+      // Request is being sent, set send flag
+      sendFlag = true
+
+      // As per spec, this is called here for historical reasons.
+      self.dispatchEvent('readystatechange')
+
+      // Create the request
+      request = doRequest(options, resp => {
+        response = resp
+        response.setEncoding('utf8')
+
+        setState(self.HEADERS_RECEIVED)
+        self.status = response.statusCode
+
+        response.on('data', chunk => {
+          // Make sure there's some data
+          if (chunk) {
+            self.responseText += chunk
+          }
+          // Don't emit state changes if the connection has been aborted.
+          if (sendFlag) {
+            setState(self.LOADING)
+          }
+        })
+
+        response.on('end', () => {
+          if (sendFlag) {
+            // Discard the 'end' event if the connection has been aborted
+            setState(self.DONE)
+            sendFlag = false
+          }
+        })
+
+        response.on('error', error => {
+          self.handleError(error)
+        })
+      }).on('error', error => {
+        self.handleError(error)
+      })
+
+      // Node 0.4 and later won't accept empty data. Make sure it's needed.
+      if (data) {
+        request.write(data)
+      }
+
+      request.end()
+
+      self.dispatchEvent('loadstart')
+    } else {
+      // Synchronous
+      // Create a temporary file for communication with the other Node process
+      const syncFile = '.node-xmlhttprequest-sync-' + process.pid
+      fs.writeFileSync(syncFile, '', 'utf8')
+      // The async request the other Node process executes
+      const execString =
+        "var http = require('http'), https = require('https'), fs = require('fs');" +
+        'var doRequest = http' +
+        (ssl ? 's' : '') +
+        '.request;' +
+        'var options = ' +
+        JSON.stringify(options) +
+        ';' +
+        "var responseText = '';" +
+        'var req = doRequest(options, function(response) {' +
+        "response.setEncoding('utf8');" +
+        "response.on('data', function(chunk) {" +
+        'responseText += chunk;' +
+        '});' +
+        "response.on('end', function() {" +
+        "fs.writeFileSync('" +
+        syncFile +
+        "', 'NODE-XMLHTTPREQUEST-STATUS:' + response.statusCode + ',' + responseText, 'utf8');" +
+        '});' +
+        "response.on('error', function(error) {" +
+        "fs.writeFileSync('" +
+        syncFile +
+        "', 'NODE-XMLHTTPREQUEST-ERROR:' + JSON.stringify(error), 'utf8');" +
+        '});' +
+        "}).on('error', function(error) {" +
+        "fs.writeFileSync('" +
+        syncFile +
+        "', 'NODE-XMLHTTPREQUEST-ERROR:' + JSON.stringify(error), 'utf8');" +
+        '});' +
+        (data ? "req.write('" + data.replace(/'/g, "\\'") + "');" : '') +
+        'req.end();'
+      // Start the other Node Process, executing this string
+      const syncProc = spawn(process.argv[0], ['-e', execString])
+      while ((self.responseText = fs.readFileSync(syncFile, 'utf8')) === '') {
+        // Wait while the file is empty
+      }
+      // Kill the child process once the file has data
+      syncProc.stdin.end()
+      // Remove the temporary file
+      fs.unlinkSync(syncFile)
+      if (self.responseText.match(/^NODE-XMLHTTPREQUEST-ERROR:/)) {
+        // If the file returned an error, handle it
+        const errorObj = self.responseText.replace(
+          /^NODE-XMLHTTPREQUEST-ERROR:/,
+          ''
+        )
+        self.handleError(errorObj)
+      } else {
+        // If the file returned okay, parse its data and move to the DONE state
+        self.status = self.responseText.replace(
+          /^NODE-XMLHTTPREQUEST-STATUS:([0-9]*),.*/,
+          '$1'
+        )
+        self.responseText = self.responseText.replace(
+          /^NODE-XMLHTTPREQUEST-STATUS:[0-9]*,(.*)/,
+          '$1'
+        )
+        setState(self.DONE)
+      }
+    }
+  }
+
+  /**
+   * Called when an error is encountered to deal with it.
+   */
+  this.handleError = function (error) {
+    this.status = 503
+    this.statusText = error
+    this.responseText = error.stack
+    errorFlag = true
+    setState(this.DONE)
+  }
+
+  /**
+   * Aborts a request.
+   */
+  this.abort = function () {
+    if (request) {
+      request.abort()
+      request = null
+    }
+
+    headers = defaultHeaders
+    this.responseText = ''
+    this.responseXML = ''
+
+    errorFlag = true
+
+    if (
+      this.readyState !== this.UNSENT &&
+      (this.readyState !== this.OPENED || sendFlag) &&
+      this.readyState !== this.DONE
+    ) {
+      sendFlag = false
+      setState(this.DONE)
+    }
+    this.readyState = this.UNSENT
+  }
+
+  /**
+   * Adds an event listener. Preferred method of binding to events.
+   */
+  this.addEventListener = function (event, callback) {
+    if (!(event in listeners)) {
+      listeners[event] = []
+    }
+    // Currently allows duplicate callbacks. Should it?
+    listeners[event].push(callback)
+  }
+
+  /**
+   * Remove an event callback that has already been bound.
+   * Only works on the matching funciton, cannot be a copy.
+   */
+  this.removeEventListener = function (event, callback) {
+    if (event in listeners) {
+      // Filter will return a new array with the callback removed
+      listeners[event] = listeners[event].filter(ev => {
+        return ev !== callback
+      })
+    }
+  }
+
+  /**
+   * Dispatch any events, including both "on" methods and events attached using addEventListener.
+   */
+  this.dispatchEvent = function (event) {
+    if (typeof self['on' + event] === 'function') {
+      self['on' + event]()
+    }
+    if (event in listeners) {
+      for (let i = 0, len = listeners[event].length; i < len; i++) {
+        listeners[event][i].call(self)
+      }
+    }
+  }
+
+  /**
+   * Changes readyState and calls onreadystatechange.
+   *
+   * @param int state New state
+   */
+  function setState(state) {
+    if (self.readyState !== state) {
+      self.readyState = state
+
+      if (
+        settings.async ||
+        self.readyState < self.OPENED ||
+        self.readyState === self.DONE
+      ) {
+        self.dispatchEvent('readystatechange')
+      }
+
+      if (self.readyState === self.DONE && !errorFlag) {
+        self.dispatchEvent('load')
+        // @TODO figure out InspectorInstrumentation::didLoadXHR(cookie)
+        self.dispatchEvent('loadend')
+      }
+    }
+  }
+}
diff --git a/services/real-time/test/setup.js b/services/real-time/test/setup.js
new file mode 100644
index 0000000..c213049
--- /dev/null
+++ b/services/real-time/test/setup.js
@@ -0,0 +1,47 @@
+const chai = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const chaiAsPromised = require('chai-as-promised')
+const sinonChai = require('sinon-chai')
+
+// Chai configuration
+chai.should()
+chai.use(chaiAsPromised)
+chai.use(sinonChai)
+
+// Global stubs
+const sandbox = sinon.createSandbox()
+const stubs = {
+  logger: {
+    debug: sandbox.stub(),
+    log: sandbox.stub(),
+    info: sandbox.stub(),
+    warn: sandbox.stub(),
+    err: sandbox.stub(),
+    error: sandbox.stub(),
+  },
+}
+
+// SandboxedModule configuration
+SandboxedModule.configure({
+  requires: {
+    '@overleaf/logger': stubs.logger,
+  },
+  globals: { Buffer, JSON, console, process },
+  sourceTransformers: {
+    removeNodePrefix: function (source) {
+      return source.replace(/require\(['"]node:/g, "require('")
+    },
+  },
+})
+
+// Mocha hooks
+exports.mochaHooks = {
+  beforeEach() {
+    this.logger = stubs.logger
+  },
+
+  afterEach() {
+    sandbox.reset()
+  },
+}
diff --git a/services/real-time/test/unit/js/AuthorizationManagerTests.js b/services/real-time/test/unit/js/AuthorizationManagerTests.js
new file mode 100644
index 0000000..a23d814
--- /dev/null
+++ b/services/real-time/test/unit/js/AuthorizationManagerTests.js
@@ -0,0 +1,428 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { expect } = require('chai')
+const sinon = require('sinon')
+const SandboxedModule = require('sandboxed-module')
+const path = require('node:path')
+const modulePath = '../../../app/js/AuthorizationManager'
+
+describe('AuthorizationManager', function () {
+  beforeEach(function () {
+    this.client = { ol_context: {} }
+
+    return (this.AuthorizationManager = SandboxedModule.require(modulePath, {
+      requires: {},
+    }))
+  })
+
+  describe('assertClientCanViewProject', function () {
+    it('should allow the readOnly privilegeLevel', function (done) {
+      this.client.ol_context.privilege_level = 'readOnly'
+      return this.AuthorizationManager.assertClientCanViewProject(
+        this.client,
+        error => {
+          expect(error).to.be.null
+          return done()
+        }
+      )
+    })
+
+    it('should allow the readAndWrite privilegeLevel', function (done) {
+      this.client.ol_context.privilege_level = 'readAndWrite'
+      return this.AuthorizationManager.assertClientCanViewProject(
+        this.client,
+        error => {
+          expect(error).to.be.null
+          return done()
+        }
+      )
+    })
+
+    it('should allow the review privilegeLevel', function (done) {
+      this.client.ol_context.privilege_level = 'review'
+      return this.AuthorizationManager.assertClientCanViewProject(
+        this.client,
+        error => {
+          expect(error).to.be.null
+          return done()
+        }
+      )
+    })
+
+    it('should allow the owner privilegeLevel', function (done) {
+      this.client.ol_context.privilege_level = 'owner'
+      return this.AuthorizationManager.assertClientCanViewProject(
+        this.client,
+        error => {
+          expect(error).to.be.null
+          return done()
+        }
+      )
+    })
+
+    return it('should return an error with any other privilegeLevel', function (done) {
+      this.client.ol_context.privilege_level = 'unknown'
+      return this.AuthorizationManager.assertClientCanViewProject(
+        this.client,
+        error => {
+          error.message.should.equal('not authorized')
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('assertClientCanEditProject', function () {
+    it('should not allow the readOnly privilegeLevel', function (done) {
+      this.client.ol_context.privilege_level = 'readOnly'
+      return this.AuthorizationManager.assertClientCanEditProject(
+        this.client,
+        error => {
+          error.message.should.equal('not authorized')
+          return done()
+        }
+      )
+    })
+
+    it('should allow the readAndWrite privilegeLevel', function (done) {
+      this.client.ol_context.privilege_level = 'readAndWrite'
+      return this.AuthorizationManager.assertClientCanEditProject(
+        this.client,
+        error => {
+          expect(error).to.be.null
+          return done()
+        }
+      )
+    })
+
+    it('should allow the owner privilegeLevel', function (done) {
+      this.client.ol_context.privilege_level = 'owner'
+      return this.AuthorizationManager.assertClientCanEditProject(
+        this.client,
+        error => {
+          expect(error).to.be.null
+          return done()
+        }
+      )
+    })
+
+    return it('should return an error with any other privilegeLevel', function (done) {
+      this.client.ol_context.privilege_level = 'unknown'
+      return this.AuthorizationManager.assertClientCanEditProject(
+        this.client,
+        error => {
+          error.message.should.equal('not authorized')
+          return done()
+        }
+      )
+    })
+  })
+
+  // check doc access for project
+
+  describe('assertClientCanViewProjectAndDoc', function () {
+    beforeEach(function () {
+      this.doc_id = '12345'
+      this.callback = sinon.stub()
+      return (this.client.ol_context = {})
+    })
+
+    describe('when not authorised at the project level', function () {
+      beforeEach(function () {
+        return (this.client.ol_context.privilege_level = 'unknown')
+      })
+
+      it('should not allow access', function () {
+        return this.AuthorizationManager.assertClientCanViewProjectAndDoc(
+          this.client,
+          this.doc_id,
+          err => err.message.should.equal('not authorized')
+        )
+      })
+
+      return describe('even when authorised at the doc level', function () {
+        beforeEach(function (done) {
+          return this.AuthorizationManager.addAccessToDoc(
+            this.client,
+            this.doc_id,
+            done
+          )
+        })
+
+        return it('should not allow access', function () {
+          return this.AuthorizationManager.assertClientCanViewProjectAndDoc(
+            this.client,
+            this.doc_id,
+            err => err.message.should.equal('not authorized')
+          )
+        })
+      })
+    })
+
+    return describe('when authorised at the project level', function () {
+      beforeEach(function () {
+        return (this.client.ol_context.privilege_level = 'readOnly')
+      })
+
+      describe('and not authorised at the document level', function () {
+        return it('should not allow access', function () {
+          return this.AuthorizationManager.assertClientCanViewProjectAndDoc(
+            this.client,
+            this.doc_id,
+            err => err.message.should.equal('not authorized')
+          )
+        })
+      })
+
+      describe('and authorised at the document level', function () {
+        beforeEach(function (done) {
+          return this.AuthorizationManager.addAccessToDoc(
+            this.client,
+            this.doc_id,
+            done
+          )
+        })
+
+        return it('should allow access', function () {
+          this.AuthorizationManager.assertClientCanViewProjectAndDoc(
+            this.client,
+            this.doc_id,
+            this.callback
+          )
+          return this.callback.calledWith(null).should.equal(true)
+        })
+      })
+
+      return describe('when document authorisation is added and then removed', function () {
+        beforeEach(function (done) {
+          return this.AuthorizationManager.addAccessToDoc(
+            this.client,
+            this.doc_id,
+            () => {
+              return this.AuthorizationManager.removeAccessToDoc(
+                this.client,
+                this.doc_id,
+                done
+              )
+            }
+          )
+        })
+
+        return it('should deny access', function () {
+          return this.AuthorizationManager.assertClientCanViewProjectAndDoc(
+            this.client,
+            this.doc_id,
+            err => err.message.should.equal('not authorized')
+          )
+        })
+      })
+    })
+  })
+
+  describe('assertClientCanEditProjectAndDoc', function () {
+    beforeEach(function () {
+      this.doc_id = '12345'
+      this.callback = sinon.stub()
+      return (this.client.ol_context = {})
+    })
+
+    describe('when not authorised at the project level', function () {
+      beforeEach(function () {
+        return (this.client.ol_context.privilege_level = 'readOnly')
+      })
+
+      it('should not allow access', function () {
+        return this.AuthorizationManager.assertClientCanEditProjectAndDoc(
+          this.client,
+          this.doc_id,
+          err => err.message.should.equal('not authorized')
+        )
+      })
+
+      return describe('even when authorised at the doc level', function () {
+        beforeEach(function (done) {
+          return this.AuthorizationManager.addAccessToDoc(
+            this.client,
+            this.doc_id,
+            done
+          )
+        })
+
+        return it('should not allow access', function () {
+          return this.AuthorizationManager.assertClientCanEditProjectAndDoc(
+            this.client,
+            this.doc_id,
+            err => err.message.should.equal('not authorized')
+          )
+        })
+      })
+    })
+
+    return describe('when authorised at the project level', function () {
+      beforeEach(function () {
+        return (this.client.ol_context.privilege_level = 'readAndWrite')
+      })
+
+      describe('and not authorised at the document level', function () {
+        return it('should not allow access', function () {
+          return this.AuthorizationManager.assertClientCanEditProjectAndDoc(
+            this.client,
+            this.doc_id,
+            err => err.message.should.equal('not authorized')
+          )
+        })
+      })
+
+      describe('and authorised at the document level', function () {
+        beforeEach(function (done) {
+          return this.AuthorizationManager.addAccessToDoc(
+            this.client,
+            this.doc_id,
+            done
+          )
+        })
+
+        return it('should allow access', function () {
+          this.AuthorizationManager.assertClientCanEditProjectAndDoc(
+            this.client,
+            this.doc_id,
+            this.callback
+          )
+          return this.callback.calledWith(null).should.equal(true)
+        })
+      })
+
+      return describe('when document authorisation is added and then removed', function () {
+        beforeEach(function (done) {
+          return this.AuthorizationManager.addAccessToDoc(
+            this.client,
+            this.doc_id,
+            () => {
+              return this.AuthorizationManager.removeAccessToDoc(
+                this.client,
+                this.doc_id,
+                done
+              )
+            }
+          )
+        })
+
+        return it('should deny access', function () {
+          return this.AuthorizationManager.assertClientCanEditProjectAndDoc(
+            this.client,
+            this.doc_id,
+            err => err.message.should.equal('not authorized')
+          )
+        })
+      })
+    })
+  })
+
+  return describe('assertClientCanReviewProjectAndDoc', function () {
+    beforeEach(function () {
+      this.doc_id = '12345'
+      this.callback = sinon.stub()
+      return (this.client.ol_context = {})
+    })
+
+    describe('when not authorised at the project level', function () {
+      beforeEach(function () {
+        return (this.client.ol_context.privilege_level = 'readOnly')
+      })
+
+      it('should not allow access', function () {
+        return this.AuthorizationManager.assertClientCanReviewProjectAndDoc(
+          this.client,
+          this.doc_id,
+          err => err.message.should.equal('not authorized')
+        )
+      })
+
+      return describe('even when authorised at the doc level', function () {
+        beforeEach(function (done) {
+          return this.AuthorizationManager.addAccessToDoc(
+            this.client,
+            this.doc_id,
+            done
+          )
+        })
+
+        return it('should not allow access', function () {
+          return this.AuthorizationManager.assertClientCanReviewProjectAndDoc(
+            this.client,
+            this.doc_id,
+            err => err.message.should.equal('not authorized')
+          )
+        })
+      })
+    })
+
+    return describe('when authorised at the project level', function () {
+      beforeEach(function () {
+        return (this.client.ol_context.privilege_level = 'review')
+      })
+
+      describe('and not authorised at the document level', function () {
+        return it('should not allow access', function () {
+          return this.AuthorizationManager.assertClientCanReviewProjectAndDoc(
+            this.client,
+            this.doc_id,
+            err => err.message.should.equal('not authorized')
+          )
+        })
+      })
+
+      describe('and authorised at the document level', function () {
+        beforeEach(function (done) {
+          return this.AuthorizationManager.addAccessToDoc(
+            this.client,
+            this.doc_id,
+            done
+          )
+        })
+
+        return it('should allow access', function () {
+          this.AuthorizationManager.assertClientCanReviewProjectAndDoc(
+            this.client,
+            this.doc_id,
+            this.callback
+          )
+          return this.callback.calledWith(null).should.equal(true)
+        })
+      })
+
+      return describe('when document authorisation is added and then removed', function () {
+        beforeEach(function (done) {
+          return this.AuthorizationManager.addAccessToDoc(
+            this.client,
+            this.doc_id,
+            () => {
+              return this.AuthorizationManager.removeAccessToDoc(
+                this.client,
+                this.doc_id,
+                done
+              )
+            }
+          )
+        })
+
+        return it('should deny access', function () {
+          return this.AuthorizationManager.assertClientCanReviewProjectAndDoc(
+            this.client,
+            this.doc_id,
+            err => err.message.should.equal('not authorized')
+          )
+        })
+      })
+    })
+  })
+})
diff --git a/services/real-time/test/unit/js/ChannelManagerTests.js b/services/real-time/test/unit/js/ChannelManagerTests.js
new file mode 100644
index 0000000..2e51c58
--- /dev/null
+++ b/services/real-time/test/unit/js/ChannelManagerTests.js
@@ -0,0 +1,432 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { expect } = require('chai')
+const sinon = require('sinon')
+const modulePath = '../../../app/js/ChannelManager.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('ChannelManager', function () {
+  beforeEach(function () {
+    this.rclient = {}
+    this.other_rclient = {}
+    return (this.ChannelManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': (this.settings = {}),
+        '@overleaf/metrics': (this.metrics = {
+          inc: sinon.stub(),
+          summary: sinon.stub(),
+        }),
+      },
+    }))
+  })
+
+  describe('subscribe', function () {
+    describe('when there is no existing subscription for this redis client', function () {
+      beforeEach(function (done) {
+        this.rclient.subscribe = sinon.stub().resolves()
+        this.ChannelManager.subscribe(
+          this.rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+        return setTimeout(done)
+      })
+
+      return it('should subscribe to the redis channel', function () {
+        return this.rclient.subscribe
+          .calledWithExactly('applied-ops:1234567890abcdef')
+          .should.equal(true)
+      })
+    })
+
+    describe('when there is an existing subscription for this redis client', function () {
+      beforeEach(function (done) {
+        this.rclient.subscribe = sinon.stub().resolves()
+        this.ChannelManager.subscribe(
+          this.rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+        this.ChannelManager.subscribe(
+          this.rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+        return setTimeout(done)
+      })
+
+      return it('should subscribe to the redis channel again', function () {
+        return this.rclient.subscribe.callCount.should.equal(2)
+      })
+    })
+
+    describe('when subscribe errors', function () {
+      beforeEach(function (done) {
+        this.rclient.subscribe = sinon
+          .stub()
+          .onFirstCall()
+          .rejects(new Error('some redis error'))
+          .onSecondCall()
+          .resolves()
+        const p = this.ChannelManager.subscribe(
+          this.rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+        p.then(() => done(new Error('should not subscribe but fail'))).catch(
+          err => {
+            err.message.should.equal('failed to subscribe to channel')
+            err.cause.message.should.equal('some redis error')
+            this.ChannelManager.getClientMapEntry(this.rclient)
+              .has('applied-ops:1234567890abcdef')
+              .should.equal(false)
+            this.ChannelManager.subscribe(
+              this.rclient,
+              'applied-ops',
+              '1234567890abcdef'
+            )
+            // subscribe is wrapped in Promise, delay other assertions
+            return setTimeout(done)
+          }
+        )
+        return null
+      })
+
+      it('should have recorded the error', function () {
+        return expect(
+          this.metrics.inc.calledWithExactly('subscribe.failed.applied-ops')
+        ).to.equal(true)
+      })
+
+      it('should subscribe again', function () {
+        return this.rclient.subscribe.callCount.should.equal(2)
+      })
+
+      return it('should cleanup', function () {
+        return this.ChannelManager.getClientMapEntry(this.rclient)
+          .has('applied-ops:1234567890abcdef')
+          .should.equal(false)
+      })
+    })
+
+    describe('when subscribe errors and the clientChannelMap entry was replaced', function () {
+      beforeEach(function (done) {
+        this.rclient.subscribe = sinon
+          .stub()
+          .onFirstCall()
+          .rejects(new Error('some redis error'))
+          .onSecondCall()
+          .resolves()
+        this.first = this.ChannelManager.subscribe(
+          this.rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+        // ignore error
+        this.first.catch(() => {})
+        expect(
+          this.ChannelManager.getClientMapEntry(this.rclient).get(
+            'applied-ops:1234567890abcdef'
+          )
+        ).to.equal(this.first)
+
+        this.rclient.unsubscribe = sinon.stub().resolves()
+        this.ChannelManager.unsubscribe(
+          this.rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+        this.second = this.ChannelManager.subscribe(
+          this.rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+        // should get replaced immediately
+        expect(
+          this.ChannelManager.getClientMapEntry(this.rclient).get(
+            'applied-ops:1234567890abcdef'
+          )
+        ).to.equal(this.second)
+
+        // let the first subscribe error -> unsubscribe -> subscribe
+        return setTimeout(done)
+      })
+
+      return it('should cleanup the second subscribePromise', function () {
+        return expect(
+          this.ChannelManager.getClientMapEntry(this.rclient).has(
+            'applied-ops:1234567890abcdef'
+          )
+        ).to.equal(false)
+      })
+    })
+
+    return describe('when there is an existing subscription for another redis client but not this one', function () {
+      beforeEach(function (done) {
+        this.other_rclient.subscribe = sinon.stub().resolves()
+        this.ChannelManager.subscribe(
+          this.other_rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+        this.rclient.subscribe = sinon.stub().resolves() // discard the original stub
+        this.ChannelManager.subscribe(
+          this.rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+        return setTimeout(done)
+      })
+
+      return it('should subscribe to the redis channel on this redis client', function () {
+        return this.rclient.subscribe
+          .calledWithExactly('applied-ops:1234567890abcdef')
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('unsubscribe', function () {
+    describe('when there is no existing subscription for this redis client', function () {
+      beforeEach(function (done) {
+        this.rclient.unsubscribe = sinon.stub().resolves()
+        this.ChannelManager.unsubscribe(
+          this.rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+        return setTimeout(done)
+      })
+
+      return it('should unsubscribe from the redis channel', function () {
+        return this.rclient.unsubscribe.called.should.equal(true)
+      })
+    })
+
+    describe('when there is an existing subscription for this another redis client but not this one', function () {
+      beforeEach(function (done) {
+        this.other_rclient.subscribe = sinon.stub().resolves()
+        this.rclient.unsubscribe = sinon.stub().resolves()
+        this.ChannelManager.subscribe(
+          this.other_rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+        this.ChannelManager.unsubscribe(
+          this.rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+        return setTimeout(done)
+      })
+
+      return it('should still unsubscribe from the redis channel on this client', function () {
+        return this.rclient.unsubscribe.called.should.equal(true)
+      })
+    })
+
+    describe('when unsubscribe errors and completes', function () {
+      beforeEach(function (done) {
+        this.rclient.subscribe = sinon.stub().resolves()
+        this.ChannelManager.subscribe(
+          this.rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+        this.rclient.unsubscribe = sinon
+          .stub()
+          .rejects(new Error('some redis error'))
+        this.ChannelManager.unsubscribe(
+          this.rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+        setTimeout(done)
+        return null
+      })
+
+      it('should have cleaned up', function () {
+        return this.ChannelManager.getClientMapEntry(this.rclient)
+          .has('applied-ops:1234567890abcdef')
+          .should.equal(false)
+      })
+
+      return it('should not error out when subscribing again', function (done) {
+        const p = this.ChannelManager.subscribe(
+          this.rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+        p.then(() => done()).catch(done)
+        return null
+      })
+    })
+
+    describe('when unsubscribe errors and another client subscribes at the same time', function () {
+      beforeEach(function (done) {
+        this.rclient.subscribe = sinon.stub().resolves()
+        this.ChannelManager.subscribe(
+          this.rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+        let rejectSubscribe
+        this.rclient.unsubscribe = () =>
+          new Promise((resolve, reject) => (rejectSubscribe = reject))
+        this.ChannelManager.unsubscribe(
+          this.rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+
+        setTimeout(() => {
+          // delay, actualUnsubscribe should not see the new subscribe request
+          this.ChannelManager.subscribe(
+            this.rclient,
+            'applied-ops',
+            '1234567890abcdef'
+          )
+            .then(() => setTimeout(done))
+            .catch(done)
+          return setTimeout(() =>
+            // delay, rejectSubscribe is not defined immediately
+            rejectSubscribe(new Error('redis error'))
+          )
+        })
+        return null
+      })
+
+      it('should have recorded the error', function () {
+        return expect(
+          this.metrics.inc.calledWithExactly('unsubscribe.failed.applied-ops')
+        ).to.equal(true)
+      })
+
+      it('should have subscribed', function () {
+        return this.rclient.subscribe.called.should.equal(true)
+      })
+
+      return it('should have discarded the finished Promise', function () {
+        return this.ChannelManager.getClientMapEntry(this.rclient)
+          .has('applied-ops:1234567890abcdef')
+          .should.equal(false)
+      })
+    })
+
+    return describe('when there is an existing subscription for this redis client', function () {
+      beforeEach(function (done) {
+        this.rclient.subscribe = sinon.stub().resolves()
+        this.rclient.unsubscribe = sinon.stub().resolves()
+        this.ChannelManager.subscribe(
+          this.rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+        this.ChannelManager.unsubscribe(
+          this.rclient,
+          'applied-ops',
+          '1234567890abcdef'
+        )
+        return setTimeout(done)
+      })
+
+      return it('should unsubscribe from the redis channel', function () {
+        return this.rclient.unsubscribe
+          .calledWithExactly('applied-ops:1234567890abcdef')
+          .should.equal(true)
+      })
+    })
+  })
+
+  return describe('publish', function () {
+    describe("when the channel is 'all'", function () {
+      beforeEach(function () {
+        this.rclient.publish = sinon.stub()
+        return this.ChannelManager.publish(
+          this.rclient,
+          'applied-ops',
+          'all',
+          'random-message'
+        )
+      })
+
+      return it('should publish on the base channel', function () {
+        return this.rclient.publish
+          .calledWithExactly('applied-ops', 'random-message')
+          .should.equal(true)
+      })
+    })
+
+    describe('when the channel has an specific id', function () {
+      describe('when the individual channel setting is false', function () {
+        beforeEach(function () {
+          this.rclient.publish = sinon.stub()
+          this.settings.publishOnIndividualChannels = false
+          return this.ChannelManager.publish(
+            this.rclient,
+            'applied-ops',
+            '1234567890abcdef',
+            'random-message'
+          )
+        })
+
+        return it('should publish on the per-id channel', function () {
+          this.rclient.publish
+            .calledWithExactly('applied-ops', 'random-message')
+            .should.equal(true)
+          return this.rclient.publish.calledOnce.should.equal(true)
+        })
+      })
+
+      return describe('when the individual channel setting is true', function () {
+        beforeEach(function () {
+          this.rclient.publish = sinon.stub()
+          this.settings.publishOnIndividualChannels = true
+          return this.ChannelManager.publish(
+            this.rclient,
+            'applied-ops',
+            '1234567890abcdef',
+            'random-message'
+          )
+        })
+
+        return it('should publish on the per-id channel', function () {
+          this.rclient.publish
+            .calledWithExactly('applied-ops:1234567890abcdef', 'random-message')
+            .should.equal(true)
+          return this.rclient.publish.calledOnce.should.equal(true)
+        })
+      })
+    })
+
+    return describe('metrics', function () {
+      beforeEach(function () {
+        this.rclient.publish = sinon.stub()
+        return this.ChannelManager.publish(
+          this.rclient,
+          'applied-ops',
+          'all',
+          'random-message'
+        )
+      })
+
+      return it('should track the payload size', function () {
+        return this.metrics.summary
+          .calledWithExactly(
+            'redis.publish.applied-ops',
+            'random-message'.length
+          )
+          .should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/real-time/test/unit/js/ConnectedUsersManagerTests.js b/services/real-time/test/unit/js/ConnectedUsersManagerTests.js
new file mode 100644
index 0000000..a686407
--- /dev/null
+++ b/services/real-time/test/unit/js/ConnectedUsersManagerTests.js
@@ -0,0 +1,648 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+
+const SandboxedModule = require('sandboxed-module')
+const assert = require('node:assert')
+const path = require('node:path')
+const sinon = require('sinon')
+const modulePath = path.join(__dirname, '../../../app/js/ConnectedUsersManager')
+const { expect } = require('chai')
+const tk = require('timekeeper')
+
+describe('ConnectedUsersManager', function () {
+  beforeEach(function () {
+    tk.freeze(new Date())
+    this.settings = {
+      redis: {
+        realtime: {
+          key_schema: {
+            clientsInProject({ project_id: projectId }) {
+              return `clients_in_project:${projectId}`
+            },
+            connectedUser({ project_id: projectId, client_id: clientId }) {
+              return `connected_user:${projectId}:${clientId}`
+            },
+            projectNotEmptySince({ projectId }) {
+              return `projectNotEmptySince:{${projectId}}`
+            },
+          },
+        },
+      },
+    }
+    this.rClient = {
+      auth() {},
+      getdel: sinon.stub(),
+      scard: sinon.stub(),
+      set: sinon.stub(),
+      setex: sinon.stub(),
+      sadd: sinon.stub(),
+      get: sinon.stub(),
+      srem: sinon.stub(),
+      del: sinon.stub(),
+      smembers: sinon.stub(),
+      expire: sinon.stub(),
+      hset: sinon.stub(),
+      hgetall: sinon.stub(),
+      exec: sinon.stub(),
+      multi: () => {
+        return this.rClient
+      },
+    }
+    this.Metrics = {
+      inc: sinon.stub(),
+      histogram: sinon.stub(),
+    }
+
+    this.ConnectedUsersManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': this.settings,
+        '@overleaf/metrics': this.Metrics,
+        '@overleaf/redis-wrapper': {
+          createClient: () => {
+            return this.rClient
+          },
+        },
+      },
+    })
+    this.client_id = '32132132'
+    this.project_id = 'dskjh2u21321'
+    this.user = {
+      _id: 'user-id-123',
+      first_name: 'Joe',
+      last_name: 'Bloggs',
+      email: 'joe@example.com',
+    }
+    return (this.cursorData = {
+      row: 12,
+      column: 9,
+      doc_id: '53c3b8c85fee64000023dc6e',
+    })
+  })
+
+  afterEach(function () {
+    return tk.reset()
+  })
+
+  describe('updateUserPosition', function () {
+    beforeEach(function () {
+      this.rClient.exec.yields(null, [1, 1])
+    })
+
+    it('should set a key with the date and give it a ttl', function (done) {
+      return this.ConnectedUsersManager.updateUserPosition(
+        this.project_id,
+        this.client_id,
+        this.user,
+        null,
+        err => {
+          if (err) return done(err)
+          this.rClient.hset
+            .calledWith(
+              `connected_user:${this.project_id}:${this.client_id}`,
+              'last_updated_at',
+              Date.now()
+            )
+            .should.equal(true)
+          return done()
+        }
+      )
+    })
+
+    it('should set a key with the user_id', function (done) {
+      return this.ConnectedUsersManager.updateUserPosition(
+        this.project_id,
+        this.client_id,
+        this.user,
+        null,
+        err => {
+          if (err) return done(err)
+          this.rClient.hset
+            .calledWith(
+              `connected_user:${this.project_id}:${this.client_id}`,
+              'user_id',
+              this.user._id
+            )
+            .should.equal(true)
+          return done()
+        }
+      )
+    })
+
+    it('should set a key with the first_name', function (done) {
+      return this.ConnectedUsersManager.updateUserPosition(
+        this.project_id,
+        this.client_id,
+        this.user,
+        null,
+        err => {
+          if (err) return done(err)
+          this.rClient.hset
+            .calledWith(
+              `connected_user:${this.project_id}:${this.client_id}`,
+              'first_name',
+              this.user.first_name
+            )
+            .should.equal(true)
+          return done()
+        }
+      )
+    })
+
+    it('should set a key with the last_name', function (done) {
+      return this.ConnectedUsersManager.updateUserPosition(
+        this.project_id,
+        this.client_id,
+        this.user,
+        null,
+        err => {
+          if (err) return done(err)
+          this.rClient.hset
+            .calledWith(
+              `connected_user:${this.project_id}:${this.client_id}`,
+              'last_name',
+              this.user.last_name
+            )
+            .should.equal(true)
+          return done()
+        }
+      )
+    })
+
+    it('should set a key with the email', function (done) {
+      return this.ConnectedUsersManager.updateUserPosition(
+        this.project_id,
+        this.client_id,
+        this.user,
+        null,
+        err => {
+          if (err) return done(err)
+          this.rClient.hset
+            .calledWith(
+              `connected_user:${this.project_id}:${this.client_id}`,
+              'email',
+              this.user.email
+            )
+            .should.equal(true)
+          return done()
+        }
+      )
+    })
+
+    it('should push the client_id on to the project list', function (done) {
+      return this.ConnectedUsersManager.updateUserPosition(
+        this.project_id,
+        this.client_id,
+        this.user,
+        null,
+        err => {
+          if (err) return done(err)
+          this.rClient.sadd
+            .calledWith(`clients_in_project:${this.project_id}`, this.client_id)
+            .should.equal(true)
+          return done()
+        }
+      )
+    })
+
+    it('should add a ttl to the project set so it stays clean', function (done) {
+      return this.ConnectedUsersManager.updateUserPosition(
+        this.project_id,
+        this.client_id,
+        this.user,
+        null,
+        err => {
+          if (err) return done(err)
+          this.rClient.expire
+            .calledWith(
+              `clients_in_project:${this.project_id}`,
+              24 * 4 * 60 * 60
+            )
+            .should.equal(true)
+          return done()
+        }
+      )
+    })
+
+    it('should add a ttl to the connected user so it stays clean', function (done) {
+      return this.ConnectedUsersManager.updateUserPosition(
+        this.project_id,
+        this.client_id,
+        this.user,
+        null,
+        err => {
+          if (err) return done(err)
+          this.rClient.expire
+            .calledWith(
+              `connected_user:${this.project_id}:${this.client_id}`,
+              60 * 15
+            )
+            .should.equal(true)
+          return done()
+        }
+      )
+    })
+
+    it('should set the cursor position when provided', function (done) {
+      return this.ConnectedUsersManager.updateUserPosition(
+        this.project_id,
+        this.client_id,
+        this.user,
+        this.cursorData,
+        err => {
+          if (err) return done(err)
+          this.rClient.hset
+            .calledWith(
+              `connected_user:${this.project_id}:${this.client_id}`,
+              'cursorData',
+              JSON.stringify(this.cursorData)
+            )
+            .should.equal(true)
+          return done()
+        }
+      )
+    })
+
+    describe('editing_session_mode', function () {
+      const cases = {
+        'should bump the metric when connecting to empty room': {
+          nConnectedClients: 1,
+          cursorData: null,
+          labels: {
+            method: 'connect',
+            status: 'single',
+          },
+        },
+        'should bump the metric when connecting to non-empty room': {
+          nConnectedClients: 2,
+          cursorData: null,
+          labels: {
+            method: 'connect',
+            status: 'multi',
+          },
+        },
+        'should bump the metric when updating in empty room': {
+          nConnectedClients: 1,
+          cursorData: { row: 42 },
+          labels: {
+            method: 'update',
+            status: 'single',
+          },
+        },
+        'should bump the metric when updating in non-empty room': {
+          nConnectedClients: 2,
+          cursorData: { row: 42 },
+          labels: {
+            method: 'update',
+            status: 'multi',
+          },
+        },
+      }
+
+      for (const [
+        name,
+        { nConnectedClients, cursorData, labels },
+      ] of Object.entries(cases)) {
+        it(name, function (done) {
+          this.rClient.exec.yields(null, [1, nConnectedClients])
+          this.ConnectedUsersManager.updateUserPosition(
+            this.project_id,
+            this.client_id,
+            this.user,
+            cursorData,
+            err => {
+              if (err) return done(err)
+              expect(this.Metrics.inc).to.have.been.calledWith(
+                'editing_session_mode',
+                1,
+                labels
+              )
+              done()
+            }
+          )
+        })
+      }
+    })
+  })
+
+  describe('markUserAsDisconnected', function () {
+    beforeEach(function () {
+      this.rClient.exec.yields(null, [1, 0])
+    })
+
+    it('should remove the user from the set', function (done) {
+      return this.ConnectedUsersManager.markUserAsDisconnected(
+        this.project_id,
+        this.client_id,
+        err => {
+          if (err) return done(err)
+          this.rClient.srem
+            .calledWith(`clients_in_project:${this.project_id}`, this.client_id)
+            .should.equal(true)
+          return done()
+        }
+      )
+    })
+
+    it('should delete the connected_user string', function (done) {
+      return this.ConnectedUsersManager.markUserAsDisconnected(
+        this.project_id,
+        this.client_id,
+        err => {
+          if (err) return done(err)
+          this.rClient.del
+            .calledWith(`connected_user:${this.project_id}:${this.client_id}`)
+            .should.equal(true)
+          return done()
+        }
+      )
+    })
+
+    it('should add a ttl to the connected user set so it stays clean', function (done) {
+      return this.ConnectedUsersManager.markUserAsDisconnected(
+        this.project_id,
+        this.client_id,
+        err => {
+          if (err) return done(err)
+          this.rClient.expire
+            .calledWith(
+              `clients_in_project:${this.project_id}`,
+              24 * 4 * 60 * 60
+            )
+            .should.equal(true)
+          return done()
+        }
+      )
+    })
+
+    describe('editing_session_mode', function () {
+      const cases = {
+        'should bump the metric when disconnecting from now empty room': {
+          nConnectedClients: 0,
+          labels: {
+            method: 'disconnect',
+            status: 'empty',
+          },
+        },
+        'should bump the metric when disconnecting from now single room': {
+          nConnectedClients: 1,
+          labels: {
+            method: 'disconnect',
+            status: 'single',
+          },
+        },
+        'should bump the metric when disconnecting from now multi room': {
+          nConnectedClients: 2,
+          labels: {
+            method: 'disconnect',
+            status: 'multi',
+          },
+        },
+      }
+
+      for (const [name, { nConnectedClients, labels }] of Object.entries(
+        cases
+      )) {
+        it(name, function (done) {
+          this.rClient.exec.yields(null, [1, nConnectedClients])
+          this.ConnectedUsersManager.markUserAsDisconnected(
+            this.project_id,
+            this.client_id,
+            err => {
+              if (err) return done(err)
+              expect(this.Metrics.inc).to.have.been.calledWith(
+                'editing_session_mode',
+                1,
+                labels
+              )
+              done()
+            }
+          )
+        })
+      }
+    })
+
+    describe('projectNotEmptySince', function () {
+      it('should clear the projectNotEmptySince key when empty and skip metric if not set', function (done) {
+        this.rClient.exec.yields(null, [1, 0])
+        this.rClient.getdel.yields(null, '')
+        this.ConnectedUsersManager.markUserAsDisconnected(
+          this.project_id,
+          this.client_id,
+          err => {
+            if (err) return done(err)
+            expect(this.rClient.getdel).to.have.been.calledWith(
+              `projectNotEmptySince:{${this.project_id}}`
+            )
+            expect(this.Metrics.histogram).to.not.have.been.called
+            done()
+          }
+        )
+      })
+      it('should clear the projectNotEmptySince key when empty and record metric if set', function (done) {
+        this.rClient.exec.onFirstCall().yields(null, [1, 0])
+        tk.freeze(1_234_000)
+        this.rClient.getdel.yields(null, '1230')
+        this.ConnectedUsersManager.markUserAsDisconnected(
+          this.project_id,
+          this.client_id,
+          err => {
+            if (err) return done(err)
+            expect(this.rClient.getdel).to.have.been.calledWith(
+              `projectNotEmptySince:{${this.project_id}}`
+            )
+            expect(this.Metrics.histogram).to.have.been.calledWith(
+              'project_not_empty_since',
+              4,
+              sinon.match.any,
+              { status: 'empty' }
+            )
+            done()
+          }
+        )
+      })
+      it('should set projectNotEmptySince key when single and skip metric if not set before', function (done) {
+        this.rClient.exec.onFirstCall().yields(null, [1, 1])
+        tk.freeze(1_233_001) // should ceil up
+        this.rClient.exec.onSecondCall().yields(null, [''])
+        this.ConnectedUsersManager.markUserAsDisconnected(
+          this.project_id,
+          this.client_id,
+          err => {
+            if (err) return done(err)
+            expect(this.rClient.set).to.have.been.calledWith(
+              `projectNotEmptySince:{${this.project_id}}`,
+              '1234',
+              'NX',
+              'EX',
+              31 * 24 * 60 * 60
+            )
+            expect(this.Metrics.histogram).to.not.have.been.called
+            done()
+          }
+        )
+      })
+      const cases = {
+        'should set projectNotEmptySince key when single and record metric if set before':
+          {
+            nConnectedClients: 1,
+            labels: {
+              status: 'single',
+            },
+          },
+        'should set projectNotEmptySince key when multi and record metric if set before':
+          {
+            nConnectedClients: 2,
+            labels: {
+              status: 'multi',
+            },
+          },
+      }
+      for (const [name, { nConnectedClients, labels }] of Object.entries(
+        cases
+      )) {
+        it(name, function (done) {
+          this.rClient.exec.onFirstCall().yields(null, [1, nConnectedClients])
+          tk.freeze(1_235_000)
+          this.rClient.exec.onSecondCall().yields(null, ['1230'])
+          this.ConnectedUsersManager.markUserAsDisconnected(
+            this.project_id,
+            this.client_id,
+            err => {
+              if (err) return done(err)
+              expect(this.rClient.set).to.have.been.calledWith(
+                `projectNotEmptySince:{${this.project_id}}`,
+                '1235',
+                'NX',
+                'EX',
+                31 * 24 * 60 * 60
+              )
+              expect(this.Metrics.histogram).to.have.been.calledWith(
+                'project_not_empty_since',
+                5,
+                sinon.match.any,
+                labels
+              )
+              done()
+            }
+          )
+        })
+      }
+    })
+  })
+
+  describe('_getConnectedUser', function () {
+    it('should return a connected user if there is a user object', function (done) {
+      const cursorData = JSON.stringify({ cursorData: { row: 1 } })
+      this.rClient.hgetall.callsArgWith(1, null, {
+        connected_at: new Date(),
+        user_id: this.user._id,
+        last_updated_at: `${Date.now()}`,
+        cursorData,
+      })
+      return this.ConnectedUsersManager._getConnectedUser(
+        this.project_id,
+        this.client_id,
+        (err, result) => {
+          if (err) return done(err)
+          result.connected.should.equal(true)
+          result.client_id.should.equal(this.client_id)
+          return done()
+        }
+      )
+    })
+
+    it('should return a not connected user if there is no object', function (done) {
+      this.rClient.hgetall.callsArgWith(1, null, null)
+      return this.ConnectedUsersManager._getConnectedUser(
+        this.project_id,
+        this.client_id,
+        (err, result) => {
+          if (err) return done(err)
+          result.connected.should.equal(false)
+          result.client_id.should.equal(this.client_id)
+          return done()
+        }
+      )
+    })
+
+    return it('should return a not connected user if there is an empty object', function (done) {
+      this.rClient.hgetall.callsArgWith(1, null, {})
+      return this.ConnectedUsersManager._getConnectedUser(
+        this.project_id,
+        this.client_id,
+        (err, result) => {
+          if (err) return done(err)
+          result.connected.should.equal(false)
+          result.client_id.should.equal(this.client_id)
+          return done()
+        }
+      )
+    })
+  })
+
+  return describe('getConnectedUsers', function () {
+    beforeEach(function () {
+      this.users = ['1234', '5678', '9123', '8234']
+      this.rClient.smembers.callsArgWith(1, null, this.users)
+      this.ConnectedUsersManager._getConnectedUser = sinon.stub()
+      this.ConnectedUsersManager._getConnectedUser
+        .withArgs(this.project_id, this.users[0])
+        .callsArgWith(2, null, {
+          connected: true,
+          client_age: 2,
+          client_id: this.users[0],
+        })
+      this.ConnectedUsersManager._getConnectedUser
+        .withArgs(this.project_id, this.users[1])
+        .callsArgWith(2, null, {
+          connected: false,
+          client_age: 1,
+          client_id: this.users[1],
+        })
+      this.ConnectedUsersManager._getConnectedUser
+        .withArgs(this.project_id, this.users[2])
+        .callsArgWith(2, null, {
+          connected: true,
+          client_age: 3,
+          client_id: this.users[2],
+        })
+      return this.ConnectedUsersManager._getConnectedUser
+        .withArgs(this.project_id, this.users[3])
+        .callsArgWith(2, null, {
+          connected: true,
+          client_age: 11,
+          client_id: this.users[3],
+        })
+    }) // connected but old
+
+    return it('should only return the users in the list which are still in redis and recently updated', function (done) {
+      return this.ConnectedUsersManager.getConnectedUsers(
+        this.project_id,
+        (err, users) => {
+          if (err) return done(err)
+          users.length.should.equal(2)
+          users[0].should.deep.equal({
+            client_id: this.users[0],
+            client_age: 2,
+            connected: true,
+          })
+          users[1].should.deep.equal({
+            client_id: this.users[2],
+            client_age: 3,
+            connected: true,
+          })
+          return done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/real-time/test/unit/js/DocumentUpdaterControllerTests.js b/services/real-time/test/unit/js/DocumentUpdaterControllerTests.js
new file mode 100644
index 0000000..dd34c62
--- /dev/null
+++ b/services/real-time/test/unit/js/DocumentUpdaterControllerTests.js
@@ -0,0 +1,259 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/DocumentUpdaterController'
+)
+const MockClient = require('./helpers/MockClient')
+
+describe('DocumentUpdaterController', function () {
+  beforeEach(function () {
+    this.project_id = 'project-id-123'
+    this.doc_id = 'doc-id-123'
+    this.callback = sinon.stub()
+    this.io = { mock: 'socket.io' }
+    this.rclient = []
+    this.RoomEvents = { on: sinon.stub() }
+    this.EditorUpdatesController = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': (this.settings = {
+          redis: {
+            documentupdater: {
+              key_schema: {
+                pendingUpdates({ doc_id: docId }) {
+                  return `PendingUpdates:${docId}`
+                },
+              },
+            },
+            pubsub: null,
+          },
+        }),
+        './RedisClientManager': {
+          createClientList: () => {
+            this.redis = {
+              createClient: name => {
+                let rclientStub
+                this.rclient.push((rclientStub = { name }))
+                return rclientStub
+              },
+            }
+          },
+        },
+        './SafeJsonParse': (this.SafeJsonParse = {
+          parse: (data, cb) => cb(null, JSON.parse(data)),
+        }),
+        './EventLogger': (this.EventLogger = { checkEventOrder: sinon.stub() }),
+        './HealthCheckManager': { check: sinon.stub() },
+        '@overleaf/metrics': (this.metrics = {
+          inc: sinon.stub(),
+          histogram: sinon.stub(),
+        }),
+        './RoomManager': (this.RoomManager = {
+          eventSource: sinon.stub().returns(this.RoomEvents),
+        }),
+        './ChannelManager': (this.ChannelManager = {}),
+      },
+    })
+  })
+
+  describe('listenForUpdatesFromDocumentUpdater', function () {
+    beforeEach(function () {
+      this.rclient.length = 0 // clear any existing clients
+      this.EditorUpdatesController.rclientList = [
+        this.redis.createClient('first'),
+        this.redis.createClient('second'),
+      ]
+      this.rclient[0].subscribe = sinon.stub()
+      this.rclient[0].on = sinon.stub()
+      this.rclient[1].subscribe = sinon.stub()
+      this.rclient[1].on = sinon.stub()
+      this.EditorUpdatesController.listenForUpdatesFromDocumentUpdater()
+    })
+
+    it('should subscribe to the doc-updater stream', function () {
+      this.rclient[0].subscribe.calledWith('applied-ops').should.equal(true)
+    })
+
+    it('should register a callback to handle updates', function () {
+      this.rclient[0].on.calledWith('message').should.equal(true)
+    })
+
+    it('should subscribe to any additional doc-updater stream', function () {
+      this.rclient[1].subscribe.calledWith('applied-ops').should.equal(true)
+      this.rclient[1].on.calledWith('message').should.equal(true)
+    })
+  })
+
+  describe('_processMessageFromDocumentUpdater', function () {
+    describe('with bad JSON', function () {
+      beforeEach(function () {
+        this.SafeJsonParse.parse = sinon
+          .stub()
+          .callsArgWith(1, new Error('oops'))
+        return this.EditorUpdatesController._processMessageFromDocumentUpdater(
+          this.io,
+          'applied-ops',
+          'blah'
+        )
+      })
+
+      it('should log an error', function () {
+        return this.logger.error.called.should.equal(true)
+      })
+    })
+
+    describe('with update', function () {
+      beforeEach(function () {
+        this.message = {
+          doc_id: this.doc_id,
+          op: { t: 'foo', p: 12 },
+        }
+        this.EditorUpdatesController._applyUpdateFromDocumentUpdater =
+          sinon.stub()
+        return this.EditorUpdatesController._processMessageFromDocumentUpdater(
+          this.io,
+          'applied-ops',
+          JSON.stringify(this.message)
+        )
+      })
+
+      it('should apply the update', function () {
+        return this.EditorUpdatesController._applyUpdateFromDocumentUpdater
+          .calledWith(this.io, this.doc_id, this.message.op)
+          .should.equal(true)
+      })
+    })
+
+    describe('with error', function () {
+      beforeEach(function () {
+        this.message = {
+          doc_id: this.doc_id,
+          error: 'Something went wrong',
+        }
+        this.EditorUpdatesController._processErrorFromDocumentUpdater =
+          sinon.stub()
+        return this.EditorUpdatesController._processMessageFromDocumentUpdater(
+          this.io,
+          'applied-ops',
+          JSON.stringify(this.message)
+        )
+      })
+
+      return it('should process the error', function () {
+        return this.EditorUpdatesController._processErrorFromDocumentUpdater
+          .calledWith(this.io, this.doc_id, this.message.error)
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('_applyUpdateFromDocumentUpdater', function () {
+    beforeEach(function () {
+      this.sourceClient = new MockClient()
+      this.otherClients = [new MockClient(), new MockClient()]
+      this.update = {
+        op: [{ t: 'foo', p: 12 }],
+        meta: { source: this.sourceClient.publicId },
+        v: (this.version = 42),
+        doc: this.doc_id,
+      }
+      return (this.io.sockets = {
+        clients: sinon
+          .stub()
+          .returns([
+            this.sourceClient,
+            ...Array.from(this.otherClients),
+            this.sourceClient,
+          ]),
+      })
+    }) // include a duplicate client
+
+    describe('normally', function () {
+      beforeEach(function () {
+        return this.EditorUpdatesController._applyUpdateFromDocumentUpdater(
+          this.io,
+          this.doc_id,
+          this.update
+        )
+      })
+
+      it('should send a version bump to the source client', function () {
+        this.sourceClient.emit
+          .calledWith('otUpdateApplied', { v: this.version, doc: this.doc_id })
+          .should.equal(true)
+        return this.sourceClient.emit.calledOnce.should.equal(true)
+      })
+
+      it('should get the clients connected to the document', function () {
+        return this.io.sockets.clients
+          .calledWith(this.doc_id)
+          .should.equal(true)
+      })
+
+      return it('should send the full update to the other clients', function () {
+        return Array.from(this.otherClients).map(client =>
+          client.emit
+            .calledWith('otUpdateApplied', this.update)
+            .should.equal(true)
+        )
+      })
+    })
+
+    return describe('with a duplicate op', function () {
+      beforeEach(function () {
+        this.update.dup = true
+        return this.EditorUpdatesController._applyUpdateFromDocumentUpdater(
+          this.io,
+          this.doc_id,
+          this.update
+        )
+      })
+
+      it('should send a version bump to the source client as usual', function () {
+        return this.sourceClient.emit
+          .calledWith('otUpdateApplied', { v: this.version, doc: this.doc_id })
+          .should.equal(true)
+      })
+
+      return it("should not send anything to the other clients (they've already had the op)", function () {
+        return Array.from(this.otherClients).map(client =>
+          client.emit.calledWith('otUpdateApplied').should.equal(false)
+        )
+      })
+    })
+  })
+
+  return describe('_processErrorFromDocumentUpdater', function () {
+    beforeEach(function () {
+      this.clients = [new MockClient(), new MockClient()]
+      this.io.sockets = { clients: sinon.stub().returns(this.clients) }
+      return this.EditorUpdatesController._processErrorFromDocumentUpdater(
+        this.io,
+        this.doc_id,
+        'Something went wrong'
+      )
+    })
+
+    it('should log a warning', function () {
+      return this.logger.warn.called.should.equal(true)
+    })
+
+    return it('should disconnect all clients in that document', function () {
+      this.io.sockets.clients.calledWith(this.doc_id).should.equal(true)
+      return Array.from(this.clients).map(client =>
+        client.disconnect.called.should.equal(true)
+      )
+    })
+  })
+})
diff --git a/services/real-time/test/unit/js/DocumentUpdaterManagerTests.js b/services/real-time/test/unit/js/DocumentUpdaterManagerTests.js
new file mode 100644
index 0000000..6dea540
--- /dev/null
+++ b/services/real-time/test/unit/js/DocumentUpdaterManagerTests.js
@@ -0,0 +1,423 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const SandboxedModule = require('sandboxed-module')
+const path = require('node:path')
+const modulePath = '../../../app/js/DocumentUpdaterManager'
+const _ = require('lodash')
+
+describe('DocumentUpdaterManager', function () {
+  beforeEach(function () {
+    let Timer
+    this.project_id = 'project-id-923'
+    this.doc_id = 'doc-id-394'
+    this.lines = ['one', 'two', 'three']
+    this.version = 42
+    this.settings = {
+      apis: { documentupdater: { url: 'http://doc-updater.example.com' } },
+      redis: {
+        documentupdater: {
+          key_schema: {
+            pendingUpdates({ doc_id: docId }) {
+              return `PendingUpdates:${docId}`
+            },
+          },
+        },
+      },
+      maxUpdateSize: 7 * 1024 * 1024,
+      pendingUpdateListShardCount: 10,
+    }
+    this.rclient = { auth() {} }
+
+    return (this.DocumentUpdaterManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': this.settings,
+        request: (this.request = {}),
+        '@overleaf/redis-wrapper': { createClient: () => this.rclient },
+        '@overleaf/metrics': (this.Metrics = {
+          summary: sinon.stub(),
+          Timer: (Timer = class Timer {
+            done() {}
+          }),
+        }),
+      },
+    }))
+  }) // avoid modifying JSON object directly
+
+  describe('getDocument', function () {
+    beforeEach(function () {
+      return (this.callback = sinon.stub())
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.body = JSON.stringify({
+          lines: this.lines,
+          version: this.version,
+          ops: (this.ops = ['mock-op-1', 'mock-op-2']),
+          ranges: (this.ranges = { mock: 'ranges' }),
+        })
+        this.fromVersion = 2
+        this.request.get = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 200 }, this.body)
+        return this.DocumentUpdaterManager.getDocument(
+          this.project_id,
+          this.doc_id,
+          this.fromVersion,
+          this.callback
+        )
+      })
+
+      it('should get the document from the document updater', function () {
+        const url = `${this.settings.apis.documentupdater.url}/project/${this.project_id}/doc/${this.doc_id}?fromVersion=${this.fromVersion}`
+        return this.request.get.calledWith(url).should.equal(true)
+      })
+
+      return it('should call the callback with the lines, version, ranges and ops', function () {
+        return this.callback
+          .calledWith(null, this.lines, this.version, this.ranges, this.ops)
+          .should.equal(true)
+      })
+    })
+
+    describe('when the document updater API returns an error', function () {
+      beforeEach(function () {
+        this.request.get = sinon
+          .stub()
+          .callsArgWith(
+            1,
+            (this.error = new Error('something went wrong')),
+            null,
+            null
+          )
+        return this.DocumentUpdaterManager.getDocument(
+          this.project_id,
+          this.doc_id,
+          this.fromVersion,
+          this.callback
+        )
+      })
+
+      return it('should return an error to the callback', function () {
+        return this.callback.calledWith(this.error).should.equal(true)
+      })
+    })
+    ;[404, 422].forEach(statusCode =>
+      describe(`when the document updater returns a ${statusCode} status code`, function () {
+        beforeEach(function () {
+          this.request.get = sinon
+            .stub()
+            .callsArgWith(1, null, { statusCode }, '')
+          return this.DocumentUpdaterManager.getDocument(
+            this.project_id,
+            this.doc_id,
+            this.fromVersion,
+            this.callback
+          )
+        })
+
+        return it('should return the callback with an error', function () {
+          this.callback.called.should.equal(true)
+          this.callback
+            .calledWith(
+              sinon.match({
+                message: 'doc updater could not load requested ops',
+                info: { statusCode },
+              })
+            )
+            .should.equal(true)
+          this.logger.error.called.should.equal(false)
+          this.logger.warn.called.should.equal(false)
+        })
+      })
+    )
+
+    return describe('when the document updater returns a failure error code', function () {
+      beforeEach(function () {
+        this.request.get = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 500 }, '')
+        return this.DocumentUpdaterManager.getDocument(
+          this.project_id,
+          this.doc_id,
+          this.fromVersion,
+          this.callback
+        )
+      })
+
+      return it('should return the callback with an error', function () {
+        this.callback.called.should.equal(true)
+        this.callback
+          .calledWith(
+            sinon.match({
+              message: 'doc updater returned a non-success status code',
+              info: {
+                action: 'getDocument',
+                statusCode: 500,
+              },
+            })
+          )
+          .should.equal(true)
+        this.logger.error.called.should.equal(false)
+      })
+    })
+  })
+
+  describe('flushProjectToMongoAndDelete', function () {
+    beforeEach(function () {
+      return (this.callback = sinon.stub())
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.request.del = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 204 }, '')
+        return this.DocumentUpdaterManager.flushProjectToMongoAndDelete(
+          this.project_id,
+          this.callback
+        )
+      })
+
+      it('should delete the project from the document updater', function () {
+        const url = `${this.settings.apis.documentupdater.url}/project/${this.project_id}?background=true`
+        return this.request.del.calledWith(url).should.equal(true)
+      })
+
+      return it('should call the callback with no error', function () {
+        return this.callback.calledWith(null).should.equal(true)
+      })
+    })
+
+    describe('when the document updater API returns an error', function () {
+      beforeEach(function () {
+        this.request.del = sinon
+          .stub()
+          .callsArgWith(
+            1,
+            (this.error = new Error('something went wrong')),
+            null,
+            null
+          )
+        return this.DocumentUpdaterManager.flushProjectToMongoAndDelete(
+          this.project_id,
+          this.callback
+        )
+      })
+
+      return it('should return an error to the callback', function () {
+        return this.callback.calledWith(this.error).should.equal(true)
+      })
+    })
+
+    return describe('when the document updater returns a failure error code', function () {
+      beforeEach(function () {
+        this.request.del = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 500 }, '')
+        return this.DocumentUpdaterManager.flushProjectToMongoAndDelete(
+          this.project_id,
+          this.callback
+        )
+      })
+
+      return it('should return the callback with an error', function () {
+        this.callback.called.should.equal(true)
+        this.callback
+          .calledWith(
+            sinon.match({
+              message: 'doc updater returned a non-success status code',
+              info: {
+                action: 'flushProjectToMongoAndDelete',
+                statusCode: 500,
+              },
+            })
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('queueChange', function () {
+    beforeEach(function () {
+      this.change = {
+        doc: '1234567890',
+        op: [{ d: 'test', p: 345 }],
+        v: 789,
+      }
+      this.rclient.rpush = sinon.stub().yields()
+      return (this.callback = sinon.stub())
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.pendingUpdateListKey = `pending-updates-list-key-${Math.random()}`
+
+        this.DocumentUpdaterManager._getPendingUpdateListKey = sinon
+          .stub()
+          .returns(this.pendingUpdateListKey)
+        this.DocumentUpdaterManager.queueChange(
+          this.project_id,
+          this.doc_id,
+          this.change,
+          this.callback
+        )
+      })
+
+      it('should push the change', function () {
+        this.rclient.rpush
+          .calledWith(
+            `PendingUpdates:${this.doc_id}`,
+            JSON.stringify(this.change)
+          )
+          .should.equal(true)
+      })
+
+      it('should notify the doc updater of the change via the pending-updates-list queue', function () {
+        this.rclient.rpush
+          .calledWith(
+            this.pendingUpdateListKey,
+            `${this.project_id}:${this.doc_id}`
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('with error talking to redis during rpush', function () {
+      beforeEach(function () {
+        this.rclient.rpush = sinon
+          .stub()
+          .yields(new Error('something went wrong'))
+        return this.DocumentUpdaterManager.queueChange(
+          this.project_id,
+          this.doc_id,
+          this.change,
+          this.callback
+        )
+      })
+
+      return it('should return an error', function () {
+        return this.callback
+          .calledWithExactly(sinon.match(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('with null byte corruption', function () {
+      beforeEach(function () {
+        this.stringifyStub = sinon
+          .stub(JSON, 'stringify')
+          .callsFake(() => '["bad bytes! \u0000 <- here"]')
+        return this.DocumentUpdaterManager.queueChange(
+          this.project_id,
+          this.doc_id,
+          this.change,
+          this.callback
+        )
+      })
+
+      afterEach(function () {
+        this.stringifyStub.restore()
+      })
+
+      it('should return an error', function () {
+        return this.callback
+          .calledWithExactly(sinon.match(Error))
+          .should.equal(true)
+      })
+
+      return it('should not push the change onto the pending-updates-list queue', function () {
+        return this.rclient.rpush.called.should.equal(false)
+      })
+    })
+
+    describe('when the update is too large', function () {
+      beforeEach(function () {
+        this.change = {
+          op: { p: 12, t: 'update is too large'.repeat(1024 * 400) },
+        }
+        return this.DocumentUpdaterManager.queueChange(
+          this.project_id,
+          this.doc_id,
+          this.change,
+          this.callback
+        )
+      })
+
+      it('should return an error', function () {
+        return this.callback
+          .calledWithExactly(sinon.match(Error))
+          .should.equal(true)
+      })
+
+      it('should add the size to the error', function () {
+        return this.callback.args[0][0].info.updateSize.should.equal(7782422)
+      })
+
+      return it('should not push the change onto the pending-updates-list queue', function () {
+        return this.rclient.rpush.called.should.equal(false)
+      })
+    })
+
+    describe('with invalid keys', function () {
+      beforeEach(function () {
+        this.change = {
+          op: [{ d: 'test', p: 345 }],
+          version: 789, // not a valid key
+        }
+        return this.DocumentUpdaterManager.queueChange(
+          this.project_id,
+          this.doc_id,
+          this.change,
+          this.callback
+        )
+      })
+
+      it('should remove the invalid keys from the change', function () {
+        return this.rclient.rpush
+          .calledWith(
+            `PendingUpdates:${this.doc_id}`,
+            JSON.stringify({ op: this.change.op })
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('_getPendingUpdateListKey', function () {
+    beforeEach(function () {
+      const keys = _.times(
+        10000,
+        this.DocumentUpdaterManager._getPendingUpdateListKey
+      )
+      this.keys = _.uniq(keys)
+    })
+    it('should return normal pending updates key', function () {
+      _.includes(this.keys, 'pending-updates-list').should.equal(true)
+    })
+
+    it('should return pending-updates-list-n keys', function () {
+      _.includes(this.keys, 'pending-updates-list-1').should.equal(true)
+      _.includes(this.keys, 'pending-updates-list-3').should.equal(true)
+      _.includes(this.keys, 'pending-updates-list-9').should.equal(true)
+    })
+
+    it('should not include pending-updates-list-0 key', function () {
+      _.includes(this.keys, 'pending-updates-list-0').should.equal(false)
+    })
+
+    it('should not include maximum as pendingUpdateListShardCount value', function () {
+      _.includes(this.keys, 'pending-updates-list-10').should.equal(false)
+    })
+  })
+})
diff --git a/services/real-time/test/unit/js/DrainManagerTests.js b/services/real-time/test/unit/js/DrainManagerTests.js
new file mode 100644
index 0000000..facdc56
--- /dev/null
+++ b/services/real-time/test/unit/js/DrainManagerTests.js
@@ -0,0 +1,127 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const SandboxedModule = require('sandboxed-module')
+const path = require('node:path')
+const modulePath = path.join(__dirname, '../../../app/js/DrainManager')
+
+describe('DrainManager', function () {
+  beforeEach(function () {
+    this.DrainManager = SandboxedModule.require(modulePath, {})
+    return (this.io = {
+      sockets: {
+        clients: sinon.stub(),
+      },
+    })
+  })
+
+  describe('startDrainTimeWindow', function () {
+    beforeEach(function () {
+      this.clients = []
+      for (let i = 0; i <= 5399; i++) {
+        this.clients[i] = {
+          id: i,
+          emit: sinon.stub(),
+        }
+      }
+      this.io.sockets.clients.returns(this.clients)
+      return (this.DrainManager.startDrain = sinon.stub())
+    })
+
+    return it('should set a drain rate fast enough', function (done) {
+      this.DrainManager.startDrainTimeWindow(this.io, 9)
+      this.DrainManager.startDrain.calledWith(this.io, 10).should.equal(true)
+      return done()
+    })
+  })
+
+  return describe('reconnectNClients', function () {
+    beforeEach(function () {
+      this.clients = []
+      for (let i = 0; i <= 9; i++) {
+        this.clients[i] = {
+          id: i,
+          emit: sinon.stub(),
+        }
+      }
+      return this.io.sockets.clients.returns(this.clients)
+    })
+
+    return describe('after first pass', function () {
+      beforeEach(function () {
+        return this.DrainManager.reconnectNClients(this.io, 3)
+      })
+
+      it('should reconnect the first 3 clients', function () {
+        return [0, 1, 2].map(i =>
+          this.clients[i].emit
+            .calledWith('reconnectGracefully')
+            .should.equal(true)
+        )
+      })
+
+      it('should not reconnect any more clients', function () {
+        return [3, 4, 5, 6, 7, 8, 9].map(i =>
+          this.clients[i].emit
+            .calledWith('reconnectGracefully')
+            .should.equal(false)
+        )
+      })
+
+      return describe('after second pass', function () {
+        beforeEach(function () {
+          return this.DrainManager.reconnectNClients(this.io, 3)
+        })
+
+        it('should reconnect the next 3 clients', function () {
+          return [3, 4, 5].map(i =>
+            this.clients[i].emit
+              .calledWith('reconnectGracefully')
+              .should.equal(true)
+          )
+        })
+
+        it('should not reconnect any more clients', function () {
+          return [6, 7, 8, 9].map(i =>
+            this.clients[i].emit
+              .calledWith('reconnectGracefully')
+              .should.equal(false)
+          )
+        })
+
+        it('should not reconnect the first 3 clients again', function () {
+          return [0, 1, 2].map(i =>
+            this.clients[i].emit.calledOnce.should.equal(true)
+          )
+        })
+
+        return describe('after final pass', function () {
+          beforeEach(function () {
+            return this.DrainManager.reconnectNClients(this.io, 100)
+          })
+
+          it('should not reconnect the first 6 clients again', function () {
+            return [0, 1, 2, 3, 4, 5].map(i =>
+              this.clients[i].emit.calledOnce.should.equal(true)
+            )
+          })
+
+          return it('should log out that it reached the end', function () {
+            return this.logger.info
+              .calledWith('All clients have been told to reconnectGracefully')
+              .should.equal(true)
+          })
+        })
+      })
+    })
+  })
+})
diff --git a/services/real-time/test/unit/js/EventLoggerTests.js b/services/real-time/test/unit/js/EventLoggerTests.js
new file mode 100644
index 0000000..037f2e2
--- /dev/null
+++ b/services/real-time/test/unit/js/EventLoggerTests.js
@@ -0,0 +1,153 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const modulePath = '../../../app/js/EventLogger'
+const sinon = require('sinon')
+const tk = require('timekeeper')
+
+describe('EventLogger', function () {
+  beforeEach(function () {
+    this.start = Date.now()
+    tk.freeze(new Date(this.start))
+    this.EventLogger = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/metrics': (this.metrics = { inc: sinon.stub() }),
+      },
+    })
+    this.channel = 'applied-ops'
+    this.id_1 = 'random-hostname:abc-1'
+    this.message_1 = 'message-1'
+    this.id_2 = 'random-hostname:abc-2'
+    return (this.message_2 = 'message-2')
+  })
+
+  afterEach(function () {
+    return tk.reset()
+  })
+
+  return describe('checkEventOrder', function () {
+    describe('when the events are in order', function () {
+      beforeEach(function () {
+        this.EventLogger.checkEventOrder(
+          this.channel,
+          this.id_1,
+          this.message_1
+        )
+        return (this.status = this.EventLogger.checkEventOrder(
+          this.channel,
+          this.id_2,
+          this.message_2
+        ))
+      })
+
+      it('should accept events in order', function () {
+        return expect(this.status).to.be.undefined
+      })
+
+      return it('should increment the valid event metric', function () {
+        return this.metrics.inc
+          .calledWith(`event.${this.channel}.valid`)
+          .should.equals(true)
+      })
+    })
+
+    describe('when there is a duplicate events', function () {
+      beforeEach(function () {
+        this.EventLogger.checkEventOrder(
+          this.channel,
+          this.id_1,
+          this.message_1
+        )
+        return (this.status = this.EventLogger.checkEventOrder(
+          this.channel,
+          this.id_1,
+          this.message_1
+        ))
+      })
+
+      it('should return "duplicate" for the same event', function () {
+        return expect(this.status).to.equal('duplicate')
+      })
+
+      return it('should increment the duplicate event metric', function () {
+        return this.metrics.inc
+          .calledWith(`event.${this.channel}.duplicate`)
+          .should.equals(true)
+      })
+    })
+
+    describe('when there are out of order events', function () {
+      beforeEach(function () {
+        this.EventLogger.checkEventOrder(
+          this.channel,
+          this.id_1,
+          this.message_1
+        )
+        this.EventLogger.checkEventOrder(
+          this.channel,
+          this.id_2,
+          this.message_2
+        )
+        return (this.status = this.EventLogger.checkEventOrder(
+          this.channel,
+          this.id_1,
+          this.message_1
+        ))
+      })
+
+      it('should return "out-of-order" for the event', function () {
+        return expect(this.status).to.equal('out-of-order')
+      })
+
+      return it('should increment the out-of-order event metric', function () {
+        return this.metrics.inc
+          .calledWith(`event.${this.channel}.out-of-order`)
+          .should.equals(true)
+      })
+    })
+
+    return describe('after MAX_STALE_TIME_IN_MS', function () {
+      return it('should flush old entries', function () {
+        let status
+        this.EventLogger.MAX_EVENTS_BEFORE_CLEAN = 10
+        this.EventLogger.checkEventOrder(
+          this.channel,
+          this.id_1,
+          this.message_1
+        )
+        for (let i = 1; i <= 8; i++) {
+          status = this.EventLogger.checkEventOrder(
+            this.channel,
+            this.id_1,
+            this.message_1
+          )
+          expect(status).to.equal('duplicate')
+        }
+        // the next event should flush the old entries aboce
+        this.EventLogger.MAX_STALE_TIME_IN_MS = 1000
+        tk.freeze(new Date(this.start + 5 * 1000))
+        // because we flushed the entries this should not be a duplicate
+        this.EventLogger.checkEventOrder(
+          this.channel,
+          'other-1',
+          this.message_2
+        )
+        status = this.EventLogger.checkEventOrder(
+          this.channel,
+          this.id_1,
+          this.message_1
+        )
+        return expect(status).to.be.undefined
+      })
+    })
+  })
+})
diff --git a/services/real-time/test/unit/js/RoomManagerTests.js b/services/real-time/test/unit/js/RoomManagerTests.js
new file mode 100644
index 0000000..f33d2ec
--- /dev/null
+++ b/services/real-time/test/unit/js/RoomManagerTests.js
@@ -0,0 +1,412 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+    promise/param-names,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { expect } = require('chai')
+const sinon = require('sinon')
+const modulePath = '../../../app/js/RoomManager.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('RoomManager', function () {
+  beforeEach(function () {
+    this.project_id = 'project-id-123'
+    this.doc_id = 'doc-id-456'
+    this.other_doc_id = 'doc-id-789'
+    this.client = { namespace: { name: '' }, id: 'first-client' }
+    this.RoomManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': (this.settings = {}),
+        '@overleaf/metrics': (this.metrics = { gauge: sinon.stub() }),
+      },
+    })
+    this.RoomManager._clientsInRoom = sinon.stub()
+    this.RoomManager._clientAlreadyInRoom = sinon.stub()
+    this.RoomEvents = this.RoomManager.eventSource()
+    sinon.spy(this.RoomEvents, 'emit')
+    return sinon.spy(this.RoomEvents, 'once')
+  })
+
+  describe('emitOnCompletion', function () {
+    return describe('when a subscribe errors', function () {
+      afterEach(function () {
+        return process.removeListener('unhandledRejection', this.onUnhandled)
+      })
+
+      beforeEach(function (done) {
+        this.onUnhandled = error => {
+          this.unhandledError = error
+          return done(new Error(`unhandledRejection: ${error.message}`))
+        }
+        process.on('unhandledRejection', this.onUnhandled)
+
+        let reject
+        const subscribePromise = new Promise((_, r) => (reject = r))
+        const promises = [subscribePromise]
+        const eventName = 'project-subscribed-123'
+        this.RoomEvents.once(eventName, () => setTimeout(done, 100))
+        this.RoomManager.emitOnCompletion(promises, eventName)
+        return setTimeout(() => reject(new Error('subscribe failed')))
+      })
+
+      return it('should keep going', function () {
+        return expect(this.unhandledError).to.not.exist
+      })
+    })
+  })
+
+  describe('joinProject', function () {
+    describe('when the project room is empty', function () {
+      beforeEach(function (done) {
+        this.RoomManager._clientsInRoom
+          .withArgs(this.client, this.project_id)
+          .onFirstCall()
+          .returns(0)
+        this.client.join = sinon.stub()
+        this.callback = sinon.stub()
+        this.RoomEvents.on('project-active', id => {
+          return setTimeout(() => {
+            return this.RoomEvents.emit(`project-subscribed-${id}`)
+          }, 100)
+        })
+        return this.RoomManager.joinProject(
+          this.client,
+          this.project_id,
+          err => {
+            this.callback(err)
+            return done()
+          }
+        )
+      })
+
+      it("should emit a 'project-active' event with the id", function () {
+        return this.RoomEvents.emit
+          .calledWithExactly('project-active', this.project_id)
+          .should.equal(true)
+      })
+
+      it("should listen for the 'project-subscribed-id' event", function () {
+        return this.RoomEvents.once
+          .calledWith(`project-subscribed-${this.project_id}`)
+          .should.equal(true)
+      })
+
+      return it('should join the room using the id', function () {
+        return this.client.join
+          .calledWithExactly(this.project_id)
+          .should.equal(true)
+      })
+    })
+
+    return describe('when there are other clients in the project room', function () {
+      beforeEach(function (done) {
+        this.RoomManager._clientsInRoom
+          .withArgs(this.client, this.project_id)
+          .onFirstCall()
+          .returns(123)
+          .onSecondCall()
+          .returns(124)
+        this.client.join = sinon.stub()
+        this.RoomManager.joinProject(this.client, this.project_id, done)
+      })
+
+      it('should join the room using the id', function () {
+        return this.client.join.called.should.equal(true)
+      })
+
+      return it('should not emit any events', function () {
+        return this.RoomEvents.emit.called.should.equal(false)
+      })
+    })
+  })
+
+  describe('joinDoc', function () {
+    describe('when the doc room is empty', function () {
+      beforeEach(function (done) {
+        this.RoomManager._clientsInRoom
+          .withArgs(this.client, this.doc_id)
+          .onFirstCall()
+          .returns(0)
+        this.client.join = sinon.stub()
+        this.callback = sinon.stub()
+        this.RoomEvents.on('doc-active', id => {
+          return setTimeout(() => {
+            return this.RoomEvents.emit(`doc-subscribed-${id}`)
+          }, 100)
+        })
+        return this.RoomManager.joinDoc(this.client, this.doc_id, err => {
+          this.callback(err)
+          return done()
+        })
+      })
+
+      it("should emit a 'doc-active' event with the id", function () {
+        return this.RoomEvents.emit
+          .calledWithExactly('doc-active', this.doc_id)
+          .should.equal(true)
+      })
+
+      it("should listen for the 'doc-subscribed-id' event", function () {
+        return this.RoomEvents.once
+          .calledWith(`doc-subscribed-${this.doc_id}`)
+          .should.equal(true)
+      })
+
+      return it('should join the room using the id', function () {
+        return this.client.join
+          .calledWithExactly(this.doc_id)
+          .should.equal(true)
+      })
+    })
+
+    return describe('when there are other clients in the doc room', function () {
+      beforeEach(function (done) {
+        this.RoomManager._clientsInRoom
+          .withArgs(this.client, this.doc_id)
+          .onFirstCall()
+          .returns(123)
+          .onSecondCall()
+          .returns(124)
+        this.client.join = sinon.stub()
+        this.RoomManager.joinDoc(this.client, this.doc_id, done)
+      })
+
+      it('should join the room using the id', function () {
+        return this.client.join.called.should.equal(true)
+      })
+
+      return it('should not emit any events', function () {
+        return this.RoomEvents.emit.called.should.equal(false)
+      })
+    })
+  })
+
+  describe('leaveDoc', function () {
+    describe('when doc room will be empty after this client has left', function () {
+      beforeEach(function () {
+        this.RoomManager._clientAlreadyInRoom
+          .withArgs(this.client, this.doc_id)
+          .returns(true)
+        this.RoomManager._clientsInRoom
+          .withArgs(this.client, this.doc_id)
+          .onCall(0)
+          .returns(0)
+        this.client.leave = sinon.stub()
+        return this.RoomManager.leaveDoc(this.client, this.doc_id)
+      })
+
+      it('should leave the room using the id', function () {
+        return this.client.leave
+          .calledWithExactly(this.doc_id)
+          .should.equal(true)
+      })
+
+      return it("should emit a 'doc-empty' event with the id", function () {
+        return this.RoomEvents.emit
+          .calledWithExactly('doc-empty', this.doc_id)
+          .should.equal(true)
+      })
+    })
+
+    describe('when there are other clients in the doc room', function () {
+      beforeEach(function () {
+        this.RoomManager._clientAlreadyInRoom
+          .withArgs(this.client, this.doc_id)
+          .returns(true)
+        this.RoomManager._clientsInRoom
+          .withArgs(this.client, this.doc_id)
+          .onCall(0)
+          .returns(123)
+        this.client.leave = sinon.stub()
+        return this.RoomManager.leaveDoc(this.client, this.doc_id)
+      })
+
+      it('should leave the room using the id', function () {
+        return this.client.leave
+          .calledWithExactly(this.doc_id)
+          .should.equal(true)
+      })
+
+      return it('should not emit any events', function () {
+        return this.RoomEvents.emit.called.should.equal(false)
+      })
+    })
+
+    return describe('when the client is not in the doc room', function () {
+      beforeEach(function () {
+        this.RoomManager._clientAlreadyInRoom
+          .withArgs(this.client, this.doc_id)
+          .returns(false)
+        this.RoomManager._clientsInRoom
+          .withArgs(this.client, this.doc_id)
+          .onCall(0)
+          .returns(0)
+        this.client.leave = sinon.stub()
+        return this.RoomManager.leaveDoc(this.client, this.doc_id)
+      })
+
+      it('should not leave the room', function () {
+        return this.client.leave.called.should.equal(false)
+      })
+
+      return it('should not emit any events', function () {
+        return this.RoomEvents.emit.called.should.equal(false)
+      })
+    })
+  })
+
+  return describe('leaveProjectAndDocs', function () {
+    return describe('when the client is connected to the project and multiple docs', function () {
+      beforeEach(function () {
+        this.RoomManager._roomsClientIsIn = sinon
+          .stub()
+          .returns([this.project_id, this.doc_id, this.other_doc_id])
+        this.client.join = sinon.stub()
+        return (this.client.leave = sinon.stub())
+      })
+
+      describe('when this is the only client connected', function () {
+        beforeEach(function (done) {
+          // first call is for the join,
+          // second for the leave
+          this.RoomManager._clientsInRoom
+            .withArgs(this.client, this.doc_id)
+            .onCall(0)
+            .returns(0)
+            .onCall(1)
+            .returns(0)
+          this.RoomManager._clientsInRoom
+            .withArgs(this.client, this.other_doc_id)
+            .onCall(0)
+            .returns(0)
+            .onCall(1)
+            .returns(0)
+          this.RoomManager._clientsInRoom
+            .withArgs(this.client, this.project_id)
+            .onCall(0)
+            .returns(0)
+            .onCall(1)
+            .returns(0)
+          this.RoomManager._clientAlreadyInRoom
+            .withArgs(this.client, this.doc_id)
+            .returns(true)
+            .withArgs(this.client, this.other_doc_id)
+            .returns(true)
+            .withArgs(this.client, this.project_id)
+            .returns(true)
+          this.RoomEvents.on('project-active', id => {
+            return setTimeout(() => {
+              return this.RoomEvents.emit(`project-subscribed-${id}`)
+            }, 100)
+          })
+          this.RoomEvents.on('doc-active', id => {
+            return setTimeout(() => {
+              return this.RoomEvents.emit(`doc-subscribed-${id}`)
+            }, 100)
+          })
+          // put the client in the rooms
+          return this.RoomManager.joinProject(
+            this.client,
+            this.project_id,
+            () => {
+              return this.RoomManager.joinDoc(this.client, this.doc_id, () => {
+                return this.RoomManager.joinDoc(
+                  this.client,
+                  this.other_doc_id,
+                  () => {
+                    // now leave the project
+                    this.RoomManager.leaveProjectAndDocs(this.client)
+                    return done()
+                  }
+                )
+              })
+            }
+          )
+        })
+
+        it('should leave all the docs', function () {
+          this.client.leave.calledWithExactly(this.doc_id).should.equal(true)
+          return this.client.leave
+            .calledWithExactly(this.other_doc_id)
+            .should.equal(true)
+        })
+
+        it('should leave the project', function () {
+          return this.client.leave
+            .calledWithExactly(this.project_id)
+            .should.equal(true)
+        })
+
+        it("should emit a 'doc-empty' event with the id for each doc", function () {
+          this.RoomEvents.emit
+            .calledWithExactly('doc-empty', this.doc_id)
+            .should.equal(true)
+          return this.RoomEvents.emit
+            .calledWithExactly('doc-empty', this.other_doc_id)
+            .should.equal(true)
+        })
+
+        return it("should emit a 'project-empty' event with the id for the project", function () {
+          return this.RoomEvents.emit
+            .calledWithExactly('project-empty', this.project_id)
+            .should.equal(true)
+        })
+      })
+
+      return describe('when other clients are still connected', function () {
+        beforeEach(function () {
+          this.RoomManager._clientsInRoom
+            .withArgs(this.client, this.doc_id)
+            .onFirstCall()
+            .returns(123)
+            .onSecondCall()
+            .returns(122)
+          this.RoomManager._clientsInRoom
+            .withArgs(this.client, this.other_doc_id)
+            .onFirstCall()
+            .returns(123)
+            .onSecondCall()
+            .returns(122)
+          this.RoomManager._clientsInRoom
+            .withArgs(this.client, this.project_id)
+            .onFirstCall()
+            .returns(123)
+            .onSecondCall()
+            .returns(122)
+          this.RoomManager._clientAlreadyInRoom
+            .withArgs(this.client, this.doc_id)
+            .returns(true)
+            .withArgs(this.client, this.other_doc_id)
+            .returns(true)
+            .withArgs(this.client, this.project_id)
+            .returns(true)
+          return this.RoomManager.leaveProjectAndDocs(this.client)
+        })
+
+        it('should leave all the docs', function () {
+          this.client.leave.calledWithExactly(this.doc_id).should.equal(true)
+          return this.client.leave
+            .calledWithExactly(this.other_doc_id)
+            .should.equal(true)
+        })
+
+        it('should leave the project', function () {
+          return this.client.leave
+            .calledWithExactly(this.project_id)
+            .should.equal(true)
+        })
+
+        return it('should not emit any events', function () {
+          return this.RoomEvents.emit.called.should.equal(false)
+        })
+      })
+    })
+  })
+})
diff --git a/services/real-time/test/unit/js/SafeJsonParseTest.js b/services/real-time/test/unit/js/SafeJsonParseTest.js
new file mode 100644
index 0000000..e5712fc
--- /dev/null
+++ b/services/real-time/test/unit/js/SafeJsonParseTest.js
@@ -0,0 +1,55 @@
+/* eslint-disable
+    no-return-assign,
+    no-useless-escape,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const modulePath = '../../../app/js/SafeJsonParse'
+
+describe('SafeJsonParse', function () {
+  beforeEach(function () {
+    return (this.SafeJsonParse = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': (this.Settings = {
+          maxUpdateSize: 16 * 1024,
+        }),
+      },
+    }))
+  })
+
+  return describe('parse', function () {
+    it('should parse documents correctly', function (done) {
+      return this.SafeJsonParse.parse('{"foo": "bar"}', (error, parsed) => {
+        if (error) return done(error)
+        expect(parsed).to.deep.equal({ foo: 'bar' })
+        return done()
+      })
+    })
+
+    it('should return an error on bad data', function (done) {
+      return this.SafeJsonParse.parse('blah', (error, parsed) => {
+        expect(error).to.exist
+        return done()
+      })
+    })
+
+    return it('should return an error on oversized data', function (done) {
+      // we have a 2k overhead on top of max size
+      const bigBlob = Array(16 * 1024).join('A')
+      const data = `{\"foo\": \"${bigBlob}\"}`
+      this.Settings.maxUpdateSize = 2 * 1024
+      return this.SafeJsonParse.parse(data, (error, parsed) => {
+        this.logger.error.called.should.equal(false)
+        expect(error).to.exist
+        return done()
+      })
+    })
+  })
+})
diff --git a/services/real-time/test/unit/js/SessionSocketsTests.js b/services/real-time/test/unit/js/SessionSocketsTests.js
new file mode 100644
index 0000000..c2a9ad3
--- /dev/null
+++ b/services/real-time/test/unit/js/SessionSocketsTests.js
@@ -0,0 +1,280 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { EventEmitter } = require('node:events')
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const modulePath = '../../../app/js/SessionSockets'
+const sinon = require('sinon')
+
+describe('SessionSockets', function () {
+  beforeEach(function () {
+    this.metrics = { inc: sinon.stub() }
+    this.SessionSocketsModule = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/metrics': this.metrics,
+      },
+    })
+    this.io = new EventEmitter()
+    this.id1 = Math.random().toString()
+    this.id2 = Math.random().toString()
+    const redisResponses = {
+      error: [new Error('Redis: something went wrong'), null],
+      unknownId: [null, null],
+    }
+    redisResponses[this.id1] = [null, { user: { _id: '123' } }]
+    redisResponses[this.id2] = [null, { user: { _id: 'abc' } }]
+
+    this.sessionStore = {
+      get: sinon
+        .stub()
+        .callsFake((id, fn) => fn.apply(null, redisResponses[id])),
+    }
+    this.cookieParser = function (req, res, next) {
+      req.signedCookies = req._signedCookies
+      return next()
+    }
+    this.SessionSockets = this.SessionSocketsModule(
+      this.io,
+      this.sessionStore,
+      this.cookieParser,
+      'ol.sid'
+    )
+    return (this.checkSocket = (socket, fn) => {
+      this.SessionSockets.once('connection', fn)
+      return this.io.emit('connection', socket)
+    })
+  })
+
+  describe('without cookies', function () {
+    beforeEach(function () {
+      return (this.socket = { handshake: {} })
+    })
+
+    it('should return a lookup error', function (done) {
+      return this.checkSocket(this.socket, error => {
+        expect(error).to.exist
+        expect(error.message).to.equal('could not look up session by key')
+        return done()
+      })
+    })
+
+    it('should not query redis', function (done) {
+      return this.checkSocket(this.socket, () => {
+        expect(this.sessionStore.get.called).to.equal(false)
+        return done()
+      })
+    })
+
+    it('should increment the session.cookie metric with status "none"', function (done) {
+      return this.checkSocket(this.socket, () => {
+        expect(this.metrics.inc).to.be.calledWith('session.cookie', 1, {
+          status: 'none',
+        })
+        return done()
+      })
+    })
+  })
+
+  describe('with a different cookie', function () {
+    beforeEach(function () {
+      return (this.socket = { handshake: { _signedCookies: { other: 1 } } })
+    })
+
+    it('should return a lookup error', function (done) {
+      return this.checkSocket(this.socket, error => {
+        expect(error).to.exist
+        expect(error.message).to.equal('could not look up session by key')
+        return done()
+      })
+    })
+
+    it('should not query redis', function (done) {
+      return this.checkSocket(this.socket, () => {
+        expect(this.sessionStore.get.called).to.equal(false)
+        return done()
+      })
+    })
+  })
+
+  describe('with a cookie with an invalid signature', function () {
+    beforeEach(function () {
+      return (this.socket = {
+        handshake: { _signedCookies: { 'ol.sid': false } },
+      })
+    })
+
+    it('should return a lookup error', function (done) {
+      return this.checkSocket(this.socket, error => {
+        expect(error).to.exist
+        expect(error.message).to.equal('could not look up session by key')
+        return done()
+      })
+    })
+
+    it('should not query redis', function (done) {
+      return this.checkSocket(this.socket, () => {
+        expect(this.sessionStore.get.called).to.equal(false)
+        return done()
+      })
+    })
+
+    it('should increment the session.cookie metric with status=bad-signature', function (done) {
+      return this.checkSocket(this.socket, () => {
+        expect(this.metrics.inc).to.be.calledWith('session.cookie', 1, {
+          status: 'bad-signature',
+        })
+        return done()
+      })
+    })
+  })
+
+  describe('with a valid cookie and a failing session lookup', function () {
+    beforeEach(function () {
+      return (this.socket = {
+        handshake: { _signedCookies: { 'ol.sid': 'error' } },
+      })
+    })
+
+    it('should query redis', function (done) {
+      return this.checkSocket(this.socket, () => {
+        expect(this.sessionStore.get.called).to.equal(true)
+        return done()
+      })
+    })
+
+    it('should return a redis error', function (done) {
+      return this.checkSocket(this.socket, error => {
+        expect(error).to.exist
+        expect(error.message).to.equal('Redis: something went wrong')
+        return done()
+      })
+    })
+
+    it('should increment the session.cookie metric with status=error', function (done) {
+      return this.checkSocket(this.socket, () => {
+        expect(this.metrics.inc).to.be.calledWith('session.cookie', 1, {
+          status: 'error',
+        })
+        return done()
+      })
+    })
+  })
+
+  describe('with a valid cookie and no matching session', function () {
+    beforeEach(function () {
+      return (this.socket = {
+        handshake: { _signedCookies: { 'ol.sid': 'unknownId' } },
+      })
+    })
+
+    it('should query redis', function (done) {
+      return this.checkSocket(this.socket, () => {
+        expect(this.sessionStore.get.called).to.equal(true)
+        return done()
+      })
+    })
+
+    it('should return a lookup error', function (done) {
+      return this.checkSocket(this.socket, error => {
+        expect(error).to.exist
+        expect(error.message).to.equal('could not look up session by key')
+        return done()
+      })
+    })
+
+    it('should increment the session.cookie metric with status=missing', function (done) {
+      return this.checkSocket(this.socket, () => {
+        expect(this.metrics.inc).to.be.calledWith('session.cookie', 1, {
+          status: 'missing',
+        })
+        return done()
+      })
+    })
+  })
+
+  describe('with a valid cookie and a matching session', function () {
+    beforeEach(function () {
+      return (this.socket = {
+        handshake: { _signedCookies: { 'ol.sid': this.id1 } },
+      })
+    })
+
+    it('should query redis', function (done) {
+      return this.checkSocket(this.socket, () => {
+        expect(this.sessionStore.get.called).to.equal(true)
+        return done()
+      })
+    })
+
+    it('should not return an error', function (done) {
+      return this.checkSocket(this.socket, error => {
+        expect(error).to.not.exist
+        return done()
+      })
+    })
+
+    it('should return the session', function (done) {
+      return this.checkSocket(this.socket, (error, s, session) => {
+        if (error) return done(error)
+        expect(session).to.deep.equal({ user: { _id: '123' } })
+        return done()
+      })
+    })
+
+    it('should increment the session.cookie metric with status=signed', function (done) {
+      return this.checkSocket(this.socket, () => {
+        expect(this.metrics.inc).to.be.calledWith('session.cookie', 1, {
+          status: 'signed',
+        })
+        return done()
+      })
+    })
+  })
+
+  describe('with a different valid cookie and matching session', function () {
+    beforeEach(function () {
+      return (this.socket = {
+        handshake: { _signedCookies: { 'ol.sid': this.id2 } },
+      })
+    })
+
+    it('should query redis', function (done) {
+      return this.checkSocket(this.socket, () => {
+        expect(this.sessionStore.get.called).to.equal(true)
+        return done()
+      })
+    })
+
+    it('should not return an error', function (done) {
+      return this.checkSocket(this.socket, error => {
+        expect(error).to.not.exist
+        return done()
+      })
+    })
+
+    it('should return the other session', function (done) {
+      return this.checkSocket(this.socket, (error, s, session) => {
+        if (error) return done(error)
+        expect(session).to.deep.equal({ user: { _id: 'abc' } })
+        return done()
+      })
+    })
+
+    it('should increment the session.cookie metric with status=error', function (done) {
+      return this.checkSocket(this.socket, () => {
+        expect(this.metrics.inc).to.be.calledWith('session.cookie', 1, {
+          status: 'signed',
+        })
+        return done()
+      })
+    })
+  })
+})
diff --git a/services/real-time/test/unit/js/WebApiManagerTests.js b/services/real-time/test/unit/js/WebApiManagerTests.js
new file mode 100644
index 0000000..b68661c
--- /dev/null
+++ b/services/real-time/test/unit/js/WebApiManagerTests.js
@@ -0,0 +1,268 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const modulePath = '../../../app/js/WebApiManager.js'
+const SandboxedModule = require('sandboxed-module')
+const { CodedError } = require('../../../app/js/Errors')
+
+describe('WebApiManager', function () {
+  beforeEach(function () {
+    this.project_id = 'project-id-123'
+    this.user_id = 'user-id-123'
+    this.user = { _id: this.user_id }
+    this.callback = sinon.stub()
+    return (this.WebApiManager = SandboxedModule.require(modulePath, {
+      requires: {
+        request: (this.request = {}),
+        '@overleaf/settings': (this.settings = {
+          apis: {
+            web: {
+              url: 'http://web.example.com',
+              user: 'username',
+              pass: 'password',
+            },
+          },
+        }),
+      },
+    }))
+  })
+
+  return describe('joinProject', function () {
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.response = {
+          project: { name: 'Test project' },
+          privilegeLevel: 'owner',
+          isRestrictedUser: true,
+          isTokenMember: true,
+          isInvitedMember: true,
+        }
+        this.request.post = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 200 }, this.response)
+        return this.WebApiManager.joinProject(
+          this.project_id,
+          this.user,
+          this.callback
+        )
+      })
+
+      it('should send a request to web to join the project', function () {
+        return this.request.post
+          .calledWith({
+            url: `${this.settings.apis.web.url}/project/${this.project_id}/join`,
+            auth: {
+              user: this.settings.apis.web.user,
+              pass: this.settings.apis.web.pass,
+              sendImmediately: true,
+            },
+            json: {
+              userId: this.user_id,
+              anonymousAccessToken: undefined,
+            },
+            jar: false,
+          })
+          .should.equal(true)
+      })
+
+      return it('should return the project, privilegeLevel, and restricted flag', function () {
+        return this.callback
+          .calledWith(
+            null,
+            this.response.project,
+            this.response.privilegeLevel,
+            {
+              isRestrictedUser: this.response.isRestrictedUser,
+              isTokenMember: this.response.isTokenMember,
+              isInvitedMember: this.response.isInvitedMember,
+            }
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('with anon user', function () {
+      beforeEach(function () {
+        this.user_id = 'anonymous-user'
+        this.token = 'a-ro-token'
+        this.user = {
+          _id: this.user_id,
+          anonymousAccessToken: this.token,
+        }
+        this.response = {
+          project: { name: 'Test project' },
+          privilegeLevel: 'readOnly',
+          isRestrictedUser: true,
+          isTokenMember: false,
+          isInvitedMember: false,
+        }
+        this.request.post = sinon
+          .stub()
+          .yields(null, { statusCode: 200 }, this.response)
+        this.WebApiManager.joinProject(
+          this.project_id,
+          this.user,
+          this.callback
+        )
+      })
+
+      it('should send a request to web to join the project', function () {
+        this.request.post.should.have.been.calledWith({
+          url: `${this.settings.apis.web.url}/project/${this.project_id}/join`,
+          auth: {
+            user: this.settings.apis.web.user,
+            pass: this.settings.apis.web.pass,
+            sendImmediately: true,
+          },
+          json: {
+            userId: this.user_id,
+            anonymousAccessToken: this.token,
+          },
+          jar: false,
+        })
+      })
+
+      it('should return the project, privilegeLevel, and restricted flag', function () {
+        this.callback.should.have.been.calledWith(
+          null,
+          this.response.project,
+          this.response.privilegeLevel,
+          {
+            isRestrictedUser: this.response.isRestrictedUser,
+            isTokenMember: this.response.isTokenMember,
+            isInvitedMember: this.response.isInvitedMember,
+          }
+        )
+      })
+    })
+
+    describe('when web replies with a 403', function () {
+      beforeEach(function () {
+        this.request.post = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 403 }, null)
+        this.WebApiManager.joinProject(
+          this.project_id,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match({
+              message: 'not authorized',
+            })
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('when web replies with a 404', function () {
+      beforeEach(function () {
+        this.request.post = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 404 }, null)
+        this.WebApiManager.joinProject(
+          this.project_id,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match({
+              message: 'project not found',
+              info: { code: 'ProjectNotFound' },
+            })
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('with an error from web', function () {
+      beforeEach(function () {
+        this.request.post = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 500 }, null)
+        return this.WebApiManager.joinProject(
+          this.project_id,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      return it('should call the callback with an error', function () {
+        return this.callback
+          .calledWith(
+            sinon.match({
+              message: 'non-success status code from web',
+              info: { statusCode: 500 },
+            })
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('with no data from web', function () {
+      beforeEach(function () {
+        this.request.post = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 200 }, null)
+        return this.WebApiManager.joinProject(
+          this.project_id,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      return it('should call the callback with an error', function () {
+        return this.callback
+          .calledWith(
+            sinon.match({
+              message: 'no data returned from joinProject request',
+            })
+          )
+          .should.equal(true)
+      })
+    })
+
+    return describe('when the project is over its rate limit', function () {
+      beforeEach(function () {
+        this.request.post = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 429 }, null)
+        return this.WebApiManager.joinProject(
+          this.project_id,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      return it('should call the callback with a TooManyRequests error code', function () {
+        return this.callback
+          .calledWith(
+            sinon.match({
+              message: 'rate-limit hit when joining project',
+              info: {
+                code: 'TooManyRequests',
+              },
+            })
+          )
+          .should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/real-time/test/unit/js/WebsocketAddressManagerTests.js b/services/real-time/test/unit/js/WebsocketAddressManagerTests.js
new file mode 100644
index 0000000..89d4598
--- /dev/null
+++ b/services/real-time/test/unit/js/WebsocketAddressManagerTests.js
@@ -0,0 +1,100 @@
+const SandboxedModule = require('sandboxed-module')
+const { expect } = require('chai')
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/WebsocketAddressManager'
+)
+
+describe('WebsocketAddressManager', function () {
+  beforeEach(function () {
+    this.WebsocketAddressManager = SandboxedModule.require(modulePath, {
+      requires: {},
+    })
+  })
+
+  describe('with a proxy configuration', function () {
+    beforeEach(function () {
+      this.websocketAddressManager = new this.WebsocketAddressManager(
+        true,
+        '127.0.0.1'
+      )
+    })
+
+    it('should return the client ip address when behind a proxy', function () {
+      expect(
+        this.websocketAddressManager.getRemoteIp({
+          headers: {
+            'x-forwarded-proto': 'https',
+            'x-forwarded-for': '123.45.67.89',
+          },
+          address: { address: '127.0.0.1' },
+        })
+      ).to.equal('123.45.67.89')
+    })
+
+    it('should return the client ip address for a direct connection', function () {
+      expect(
+        this.websocketAddressManager.getRemoteIp({
+          headers: {},
+          address: { address: '123.45.67.89' },
+        })
+      ).to.equal('123.45.67.89')
+    })
+
+    it('should return the client ip address when there are no headers in the handshake', function () {
+      expect(
+        this.websocketAddressManager.getRemoteIp({
+          address: { address: '123.45.67.89' },
+        })
+      ).to.equal('123.45.67.89')
+    })
+
+    it('should return a "client-handshake-missing" response when the handshake is missing', function () {
+      expect(this.websocketAddressManager.getRemoteIp()).to.equal(
+        'client-handshake-missing'
+      )
+    })
+  })
+
+  describe('without a proxy configuration', function () {
+    beforeEach(function () {
+      this.websocketAddressManager = new this.WebsocketAddressManager(false)
+    })
+
+    it('should return the client ip address for a direct connection', function () {
+      expect(
+        this.websocketAddressManager.getRemoteIp({
+          headers: {},
+          address: { address: '123.45.67.89' },
+        })
+      ).to.equal('123.45.67.89')
+    })
+
+    it('should return undefined if the client ip address is not present', function () {
+      expect(
+        this.websocketAddressManager.getRemoteIp({
+          headers: {},
+          address: { otherAddressProperty: '123.45.67.89' },
+        })
+      ).to.be.undefined
+    })
+
+    it('should return the proxy ip address if there is actually a proxy', function () {
+      expect(
+        this.websocketAddressManager.getRemoteIp({
+          headers: {
+            'x-forwarded-proto': 'https',
+            'x-forwarded-for': '123.45.67.89',
+          },
+          address: { address: '127.0.0.1' },
+        })
+      ).to.equal('127.0.0.1')
+    })
+
+    it('should return a "client-handshake-missing" response when the handshake is missing', function () {
+      expect(this.websocketAddressManager.getRemoteIp()).to.equal(
+        'client-handshake-missing'
+      )
+    })
+  })
+})
diff --git a/services/real-time/test/unit/js/WebsocketControllerTests.js b/services/real-time/test/unit/js/WebsocketControllerTests.js
new file mode 100644
index 0000000..1f3ca67
--- /dev/null
+++ b/services/real-time/test/unit/js/WebsocketControllerTests.js
@@ -0,0 +1,1698 @@
+/* eslint-disable
+    no-return-assign,
+    no-throw-literal,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../app/js/WebsocketController.js'
+const SandboxedModule = require('sandboxed-module')
+const tk = require('timekeeper')
+const { UpdateTooLargeError } = require('../../../app/js/Errors')
+
+describe('WebsocketController', function () {
+  beforeEach(function () {
+    tk.freeze(new Date())
+    this.project_id = 'project-id-123'
+    this.user = {
+      _id: (this.user_id = 'user-id-123'),
+      first_name: 'James',
+      last_name: 'Allen',
+      email: 'james@example.com',
+      signUpDate: new Date('2014-01-01'),
+      loginCount: 42,
+    }
+    this.callback = sinon.stub()
+    this.client = {
+      disconnected: false,
+      id: (this.client_id = 'mock-client-id-123'),
+      publicId: `other-id-${Math.random()}`,
+      ol_context: {},
+      joinLeaveEpoch: 0,
+      join: sinon.stub(),
+      leave: sinon.stub(),
+    }
+    return (this.WebsocketController = SandboxedModule.require(modulePath, {
+      requires: {
+        './WebApiManager': (this.WebApiManager = {}),
+        './AuthorizationManager': (this.AuthorizationManager = {}),
+        './DocumentUpdaterManager': (this.DocumentUpdaterManager = {}),
+        './ConnectedUsersManager': (this.ConnectedUsersManager = {}),
+        './WebsocketLoadBalancer': (this.WebsocketLoadBalancer = {}),
+        '@overleaf/metrics': (this.metrics = {
+          inc: sinon.stub(),
+          set: sinon.stub(),
+        }),
+        './RoomManager': (this.RoomManager = {}),
+      },
+    }))
+  })
+
+  afterEach(function () {
+    return tk.reset()
+  })
+
+  describe('joinProject', function () {
+    describe('when authorised', function () {
+      beforeEach(function () {
+        this.client.id = 'mock-client-id'
+        this.project = {
+          name: 'Test Project',
+          owner: {
+            _id: (this.owner_id = 'mock-owner-id-123'),
+          },
+        }
+        this.privilegeLevel = 'owner'
+        this.ConnectedUsersManager.updateUserPosition = sinon
+          .stub()
+          .callsArgAsync(4)
+        this.isRestrictedUser = true
+        this.isTokenMember = true
+        this.isInvitedMember = true
+        this.WebApiManager.joinProject = sinon
+          .stub()
+          .callsArgWith(2, null, this.project, this.privilegeLevel, {
+            isRestrictedUser: this.isRestrictedUser,
+            isTokenMember: this.isTokenMember,
+            isInvitedMember: this.isInvitedMember,
+          })
+        this.RoomManager.joinProject = sinon.stub().callsArg(2)
+        return this.WebsocketController.joinProject(
+          this.client,
+          this.user,
+          this.project_id,
+          this.callback
+        )
+      })
+
+      it('should load the project from web', function () {
+        return this.WebApiManager.joinProject
+          .calledWith(this.project_id, this.user)
+          .should.equal(true)
+      })
+
+      it('should join the project room', function () {
+        return this.RoomManager.joinProject
+          .calledWith(this.client, this.project_id)
+          .should.equal(true)
+      })
+
+      it('should set the privilege level on the client', function () {
+        return this.client.ol_context.privilege_level.should.equal(
+          this.privilegeLevel
+        )
+      })
+      it("should set the user's id on the client", function () {
+        return this.client.ol_context.user_id.should.equal(this.user._id)
+      })
+      it("should set the user's email on the client", function () {
+        return this.client.ol_context.email.should.equal(this.user.email)
+      })
+      it("should set the user's first_name on the client", function () {
+        return this.client.ol_context.first_name.should.equal(
+          this.user.first_name
+        )
+      })
+      it("should set the user's last_name on the client", function () {
+        return this.client.ol_context.last_name.should.equal(
+          this.user.last_name
+        )
+      })
+      it("should set the user's sign up date on the client", function () {
+        return this.client.ol_context.signup_date.should.equal(
+          this.user.signUpDate
+        )
+      })
+      it("should set the user's login_count on the client", function () {
+        return this.client.ol_context.login_count.should.equal(
+          this.user.loginCount
+        )
+      })
+      it('should set the connected time on the client', function () {
+        return this.client.ol_context.connected_time.should.equal(new Date())
+      })
+      it('should set the project_id on the client', function () {
+        return this.client.ol_context.project_id.should.equal(this.project_id)
+      })
+      it('should set the project owner id on the client', function () {
+        return this.client.ol_context.owner_id.should.equal(this.owner_id)
+      })
+      it('should set the is_restricted_user flag on the client', function () {
+        return this.client.ol_context.is_restricted_user.should.equal(
+          this.isRestrictedUser
+        )
+      })
+      it('should set the is_token_member flag on the client', function () {
+        this.client.ol_context.is_token_member.should.equal(this.isTokenMember)
+      })
+      it('should set the is_invited_member flag on the client', function () {
+        this.client.ol_context.is_invited_member.should.equal(
+          this.isInvitedMember
+        )
+      })
+      it('should call the callback with the project, privilegeLevel and protocolVersion', function () {
+        return this.callback
+          .calledWith(
+            null,
+            this.project,
+            this.privilegeLevel,
+            this.WebsocketController.PROTOCOL_VERSION
+          )
+          .should.equal(true)
+      })
+
+      it('should mark the user as connected in ConnectedUsersManager', function () {
+        return this.ConnectedUsersManager.updateUserPosition
+          .calledWith(this.project_id, this.client.publicId, this.user, null)
+          .should.equal(true)
+      })
+
+      return it('should increment the join-project metric', function () {
+        return this.metrics.inc
+          .calledWith('editor.join-project')
+          .should.equal(true)
+      })
+    })
+
+    describe('when not authorized', function () {
+      beforeEach(function () {
+        this.WebApiManager.joinProject = sinon
+          .stub()
+          .callsArgWith(2, null, null, null)
+        return this.WebsocketController.joinProject(
+          this.client,
+          this.user,
+          this.project_id,
+          this.callback
+        )
+      })
+
+      it('should return an error', function () {
+        return this.callback
+          .calledWith(sinon.match({ message: 'not authorized' }))
+          .should.equal(true)
+      })
+
+      return it('should not log an error', function () {
+        return this.logger.error.called.should.equal(false)
+      })
+    })
+
+    describe('when the subscribe failed', function () {
+      beforeEach(function () {
+        this.client.id = 'mock-client-id'
+        this.project = {
+          name: 'Test Project',
+          owner: {
+            _id: (this.owner_id = 'mock-owner-id-123'),
+          },
+        }
+        this.privilegeLevel = 'owner'
+        this.ConnectedUsersManager.updateUserPosition = sinon
+          .stub()
+          .callsArgAsync(4)
+        this.isRestrictedUser = true
+        this.isTokenMember = true
+        this.isInvitedMember = true
+        this.WebApiManager.joinProject = sinon
+          .stub()
+          .callsArgWith(2, null, this.project, this.privilegeLevel, {
+            isRestrictedUser: this.isRestrictedUser,
+            isTokenMember: this.isTokenMember,
+            isInvitedMember: this.isInvitedMember,
+          })
+        this.RoomManager.joinProject = sinon
+          .stub()
+          .callsArgWith(2, new Error('subscribe failed'))
+        return this.WebsocketController.joinProject(
+          this.client,
+          this.user,
+          this.project_id,
+          this.callback
+        )
+      })
+
+      return it('should return an error', function () {
+        this.callback
+          .calledWith(sinon.match({ message: 'subscribe failed' }))
+          .should.equal(true)
+        return this.callback.args[0][0].message.should.equal('subscribe failed')
+      })
+    })
+
+    describe('when the client has disconnected', function () {
+      beforeEach(function () {
+        this.client.disconnected = true
+        this.WebApiManager.joinProject = sinon.stub().callsArg(2)
+        return this.WebsocketController.joinProject(
+          this.client,
+          this.user,
+          this.project_id,
+          this.callback
+        )
+      })
+
+      it('should not call WebApiManager.joinProject', function () {
+        return expect(this.WebApiManager.joinProject.called).to.equal(false)
+      })
+
+      it('should call the callback with no details', function () {
+        return expect(this.callback.args[0]).to.deep.equal([])
+      })
+
+      return it('should increment the editor.join-project.disconnected metric with a status', function () {
+        return expect(
+          this.metrics.inc.calledWith('editor.join-project.disconnected', 1, {
+            status: 'immediately',
+          })
+        ).to.equal(true)
+      })
+    })
+
+    return describe('when the client disconnects while WebApiManager.joinProject is running', function () {
+      beforeEach(function () {
+        this.WebApiManager.joinProject = (project, user, cb) => {
+          this.client.disconnected = true
+          return cb(null, this.project, this.privilegeLevel, {
+            isRestrictedUser: this.isRestrictedUser,
+            isTokenMember: this.isTokenMember,
+            isInvitedMember: this.isInvitedMember,
+          })
+        }
+
+        return this.WebsocketController.joinProject(
+          this.client,
+          this.user,
+          this.project_id,
+          this.callback
+        )
+      })
+
+      it('should call the callback with no details', function () {
+        return expect(this.callback.args[0]).to.deep.equal([])
+      })
+
+      return it('should increment the editor.join-project.disconnected metric with a status', function () {
+        return expect(
+          this.metrics.inc.calledWith('editor.join-project.disconnected', 1, {
+            status: 'after-web-api-call',
+          })
+        ).to.equal(true)
+      })
+    })
+  })
+
+  describe('leaveProject', function () {
+    beforeEach(function () {
+      this.DocumentUpdaterManager.flushProjectToMongoAndDelete = sinon
+        .stub()
+        .callsArg(1)
+      this.ConnectedUsersManager.markUserAsDisconnected = sinon
+        .stub()
+        .callsArg(2)
+      this.WebsocketLoadBalancer.emitToRoom = sinon.stub()
+      this.RoomManager.leaveProjectAndDocs = sinon.stub()
+      this.clientsInRoom = []
+      this.io = {
+        sockets: {
+          clients: roomId => {
+            if (roomId !== this.project_id) {
+              throw 'expected room_id to be project_id'
+            }
+            return this.clientsInRoom
+          },
+        },
+      }
+      this.client.ol_context.project_id = this.project_id
+      this.client.ol_context.user_id = this.user_id
+      this.WebsocketController.FLUSH_IF_EMPTY_DELAY = 0
+      return tk.reset()
+    }) // Allow setTimeout to work.
+
+    describe('when the client did not joined a project yet', function () {
+      beforeEach(function (done) {
+        this.client.ol_context = {}
+        return this.WebsocketController.leaveProject(this.io, this.client, done)
+      })
+
+      it('should bail out when calling leaveProject', function () {
+        this.WebsocketLoadBalancer.emitToRoom.called.should.equal(false)
+        this.RoomManager.leaveProjectAndDocs.called.should.equal(false)
+        return this.ConnectedUsersManager.markUserAsDisconnected.called.should.equal(
+          false
+        )
+      })
+
+      return it('should not inc any metric', function () {
+        return this.metrics.inc.called.should.equal(false)
+      })
+    })
+
+    describe('when the project is empty', function () {
+      beforeEach(function (done) {
+        this.clientsInRoom = []
+        return this.WebsocketController.leaveProject(this.io, this.client, done)
+      })
+
+      it('should end clientTracking.clientDisconnected to the project room', function () {
+        return this.WebsocketLoadBalancer.emitToRoom
+          .calledWith(
+            this.project_id,
+            'clientTracking.clientDisconnected',
+            this.client.publicId
+          )
+          .should.equal(true)
+      })
+
+      it('should mark the user as disconnected', function () {
+        return this.ConnectedUsersManager.markUserAsDisconnected
+          .calledWith(this.project_id, this.client.publicId)
+          .should.equal(true)
+      })
+
+      it('should flush the project in the document updater', function () {
+        return this.DocumentUpdaterManager.flushProjectToMongoAndDelete
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should increment the leave-project metric', function () {
+        return this.metrics.inc
+          .calledWith('editor.leave-project')
+          .should.equal(true)
+      })
+
+      return it('should track the disconnection in RoomManager', function () {
+        return this.RoomManager.leaveProjectAndDocs
+          .calledWith(this.client)
+          .should.equal(true)
+      })
+    })
+
+    describe('when the project is not empty', function () {
+      beforeEach(function (done) {
+        this.clientsInRoom = ['mock-remaining-client']
+        this.io = {
+          sockets: {
+            clients: roomId => {
+              if (roomId !== this.project_id) {
+                throw 'expected room_id to be project_id'
+              }
+              return this.clientsInRoom
+            },
+          },
+        }
+        return this.WebsocketController.leaveProject(this.io, this.client, done)
+      })
+
+      return it('should not flush the project in the document updater', function () {
+        return this.DocumentUpdaterManager.flushProjectToMongoAndDelete.called.should.equal(
+          false
+        )
+      })
+    })
+
+    describe('when client has not authenticated', function () {
+      beforeEach(function (done) {
+        this.client.ol_context.user_id = null
+        this.client.ol_context.project_id = null
+        return this.WebsocketController.leaveProject(this.io, this.client, done)
+      })
+
+      it('should not end clientTracking.clientDisconnected to the project room', function () {
+        return this.WebsocketLoadBalancer.emitToRoom
+          .calledWith(
+            this.project_id,
+            'clientTracking.clientDisconnected',
+            this.client.publicId
+          )
+          .should.equal(false)
+      })
+
+      it('should not mark the user as disconnected', function () {
+        return this.ConnectedUsersManager.markUserAsDisconnected
+          .calledWith(this.project_id, this.client.publicId)
+          .should.equal(false)
+      })
+
+      it('should not flush the project in the document updater', function () {
+        return this.DocumentUpdaterManager.flushProjectToMongoAndDelete
+          .calledWith(this.project_id)
+          .should.equal(false)
+      })
+
+      return it('should not increment the leave-project metric', function () {
+        return this.metrics.inc
+          .calledWith('editor.leave-project')
+          .should.equal(false)
+      })
+    })
+
+    return describe('when client has not joined a project', function () {
+      beforeEach(function (done) {
+        this.client.ol_context.user_id = this.user_id
+        this.client.ol_context.project_id = null
+        return this.WebsocketController.leaveProject(this.io, this.client, done)
+      })
+
+      it('should not end clientTracking.clientDisconnected to the project room', function () {
+        return this.WebsocketLoadBalancer.emitToRoom
+          .calledWith(
+            this.project_id,
+            'clientTracking.clientDisconnected',
+            this.client.publicId
+          )
+          .should.equal(false)
+      })
+
+      it('should not mark the user as disconnected', function () {
+        return this.ConnectedUsersManager.markUserAsDisconnected
+          .calledWith(this.project_id, this.client.publicId)
+          .should.equal(false)
+      })
+
+      it('should not flush the project in the document updater', function () {
+        return this.DocumentUpdaterManager.flushProjectToMongoAndDelete
+          .calledWith(this.project_id)
+          .should.equal(false)
+      })
+
+      return it('should not increment the leave-project metric', function () {
+        return this.metrics.inc
+          .calledWith('editor.leave-project')
+          .should.equal(false)
+      })
+    })
+  })
+
+  describe('joinDoc', function () {
+    beforeEach(function () {
+      this.doc_id = 'doc-id-123'
+      this.doc_lines = ['doc', 'lines']
+      this.version = 42
+      this.ops = ['mock', 'ops']
+      this.ranges = { mock: 'ranges' }
+      this.options = {}
+
+      this.client.ol_context.project_id = this.project_id
+      this.client.ol_context.is_restricted_user = false
+      this.AuthorizationManager.addAccessToDoc = sinon.stub().yields()
+      this.AuthorizationManager.assertClientCanViewProject = sinon
+        .stub()
+        .callsArgWith(1, null)
+      this.AuthorizationManager.assertClientCanViewProjectAndDoc = sinon
+        .stub()
+        .callsArgWith(2, null)
+      this.DocumentUpdaterManager.getDocument = sinon
+        .stub()
+        .callsArgWith(
+          3,
+          null,
+          this.doc_lines,
+          this.version,
+          this.ranges,
+          this.ops
+        )
+      return (this.RoomManager.joinDoc = sinon.stub().callsArg(2))
+    })
+
+    describe('works', function () {
+      beforeEach(function () {
+        return this.WebsocketController.joinDoc(
+          this.client,
+          this.doc_id,
+          -1,
+          this.options,
+          this.callback
+        )
+      })
+
+      it('should inc the joinLeaveEpoch', function () {
+        expect(this.client.joinLeaveEpoch).to.equal(1)
+      })
+
+      it('should check that the client is authorized to view the project', function () {
+        return this.AuthorizationManager.assertClientCanViewProject
+          .calledWith(this.client)
+          .should.equal(true)
+      })
+
+      it('should get the document from the DocumentUpdaterManager with fromVersion', function () {
+        return this.DocumentUpdaterManager.getDocument
+          .calledWith(this.project_id, this.doc_id, -1)
+          .should.equal(true)
+      })
+
+      it('should add permissions for the client to access the doc', function () {
+        return this.AuthorizationManager.addAccessToDoc
+          .calledWith(this.client, this.doc_id)
+          .should.equal(true)
+      })
+
+      it('should join the client to room for the doc_id', function () {
+        return this.RoomManager.joinDoc
+          .calledWith(this.client, this.doc_id)
+          .should.equal(true)
+      })
+
+      it('should call the callback with the lines, version, ranges and ops', function () {
+        return this.callback
+          .calledWith(null, this.doc_lines, this.version, this.ops, this.ranges)
+          .should.equal(true)
+      })
+
+      return it('should increment the join-doc metric', function () {
+        return this.metrics.inc.calledWith('editor.join-doc').should.equal(true)
+      })
+    })
+
+    describe('with a fromVersion', function () {
+      beforeEach(function () {
+        this.fromVersion = 40
+        return this.WebsocketController.joinDoc(
+          this.client,
+          this.doc_id,
+          this.fromVersion,
+          this.options,
+          this.callback
+        )
+      })
+
+      return it('should get the document from the DocumentUpdaterManager with fromVersion', function () {
+        return this.DocumentUpdaterManager.getDocument
+          .calledWith(this.project_id, this.doc_id, this.fromVersion)
+          .should.equal(true)
+      })
+    })
+
+    describe('with doclines that need escaping', function () {
+      beforeEach(function () {
+        this.doc_lines.push(['räksmörgås'])
+        return this.WebsocketController.joinDoc(
+          this.client,
+          this.doc_id,
+          -1,
+          this.options,
+          this.callback
+        )
+      })
+
+      return it('should call the callback with the escaped lines', function () {
+        const escapedLines = this.callback.args[0][1]
+        const escapedWord = escapedLines.pop()
+        escapedWord.should.equal('räksmörgås')
+        // Check that unescaping works
+        return decodeURIComponent(escape(escapedWord)).should.equal(
+          'räksmörgås'
+        )
+      })
+    })
+
+    describe('with comments that need encoding', function () {
+      beforeEach(function () {
+        this.ranges.comments = [{ op: { c: 'räksmörgås' } }]
+        return this.WebsocketController.joinDoc(
+          this.client,
+          this.doc_id,
+          -1,
+          { encodeRanges: true },
+          this.callback
+        )
+      })
+
+      return it('should call the callback with the encoded comment', function () {
+        const encodedComments = this.callback.args[0][4]
+        const encodedComment = encodedComments.comments.pop()
+        const encodedCommentText = encodedComment.op.c
+        return encodedCommentText.should.equal('räksmörgås')
+      })
+    })
+
+    describe('with changes that need encoding', function () {
+      it('should call the callback with the encoded insert change', function () {
+        this.ranges.changes = [{ op: { i: 'räksmörgås' } }]
+        this.WebsocketController.joinDoc(
+          this.client,
+          this.doc_id,
+          -1,
+          { encodeRanges: true },
+          this.callback
+        )
+
+        const encodedChanges = this.callback.args[0][4]
+        const encodedChange = encodedChanges.changes.pop()
+        const encodedChangeText = encodedChange.op.i
+        return encodedChangeText.should.equal('räksmörgås')
+      })
+
+      return it('should call the callback with the encoded delete change', function () {
+        this.ranges.changes = [{ op: { d: 'räksmörgås' } }]
+        this.WebsocketController.joinDoc(
+          this.client,
+          this.doc_id,
+          -1,
+          { encodeRanges: true },
+          this.callback
+        )
+
+        const encodedChanges = this.callback.args[0][4]
+        const encodedChange = encodedChanges.changes.pop()
+        const encodedChangeText = encodedChange.op.d
+        return encodedChangeText.should.equal('räksmörgås')
+      })
+    })
+
+    describe('when not authorized', function () {
+      beforeEach(function () {
+        this.AuthorizationManager.assertClientCanViewProject = sinon
+          .stub()
+          .callsArgWith(1, (this.err = new Error('not authorized')))
+        return this.WebsocketController.joinDoc(
+          this.client,
+          this.doc_id,
+          -1,
+          this.options,
+          this.callback
+        )
+      })
+
+      it('should call the callback with an error', function () {
+        return this.callback
+          .calledWith(sinon.match({ message: 'not authorized' }))
+          .should.equal(true)
+      })
+
+      return it('should not call the DocumentUpdaterManager', function () {
+        return this.DocumentUpdaterManager.getDocument.called.should.equal(
+          false
+        )
+      })
+    })
+
+    describe('with a restricted client', function () {
+      beforeEach(function () {
+        this.ranges.comments = [{ op: { a: 1 } }, { op: { a: 2 } }]
+        this.client.ol_context.is_restricted_user = true
+        return this.WebsocketController.joinDoc(
+          this.client,
+          this.doc_id,
+          -1,
+          this.options,
+          this.callback
+        )
+      })
+
+      return it('should overwrite ranges.comments with an empty list', function () {
+        const ranges = this.callback.args[0][4]
+        return expect(ranges.comments).to.deep.equal([])
+      })
+    })
+
+    describe('when the client has disconnected', function () {
+      beforeEach(function () {
+        this.client.disconnected = true
+        return this.WebsocketController.joinDoc(
+          this.client,
+          this.doc_id,
+          -1,
+          this.options,
+          this.callback
+        )
+      })
+
+      it('should call the callback with no details', function () {
+        return expect(this.callback.args[0]).to.deep.equal([])
+      })
+
+      it('should increment the editor.join-doc.disconnected metric with a status', function () {
+        return expect(
+          this.metrics.inc.calledWith('editor.join-doc.disconnected', 1, {
+            status: 'immediately',
+          })
+        ).to.equal(true)
+      })
+
+      return it('should not get the document', function () {
+        return expect(this.DocumentUpdaterManager.getDocument.called).to.equal(
+          false
+        )
+      })
+    })
+
+    describe('when the client disconnects while auth checks are running', function () {
+      beforeEach(function (done) {
+        this.AuthorizationManager.assertClientCanViewProjectAndDoc.yields(
+          new Error()
+        )
+        this.DocumentUpdaterManager.checkDocument = (projectId, docId, cb) => {
+          this.client.disconnected = true
+          cb()
+        }
+
+        this.WebsocketController.joinDoc(
+          this.client,
+          this.doc_id,
+          -1,
+          this.options,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('should call the callback with no details', function () {
+        expect(this.callback.called).to.equal(true)
+        expect(this.callback.args[0]).to.deep.equal([])
+      })
+
+      it('should increment the editor.join-doc.disconnected metric with a status', function () {
+        expect(
+          this.metrics.inc.calledWith('editor.join-doc.disconnected', 1, {
+            status: 'after-client-auth-check',
+          })
+        ).to.equal(true)
+      })
+
+      it('should not get the document', function () {
+        expect(this.DocumentUpdaterManager.getDocument.called).to.equal(false)
+      })
+    })
+
+    describe('when the client starts a parallel joinDoc request', function () {
+      beforeEach(function (done) {
+        this.AuthorizationManager.assertClientCanViewProjectAndDoc.yields(
+          new Error()
+        )
+        this.DocumentUpdaterManager.checkDocument = (projectId, docId, cb) => {
+          this.DocumentUpdaterManager.checkDocument = sinon.stub().yields()
+          this.WebsocketController.joinDoc(
+            this.client,
+            this.doc_id,
+            -1,
+            {},
+            () => {}
+          )
+          cb()
+        }
+
+        this.WebsocketController.joinDoc(
+          this.client,
+          this.doc_id,
+          -1,
+          this.options,
+          (...args) => {
+            this.callback(...args)
+            // make sure the other joinDoc request completed
+            setTimeout(done, 5)
+          }
+        )
+      })
+
+      it('should call the callback with an error', function () {
+        expect(this.callback.called).to.equal(true)
+        expect(this.callback.args[0][0].message).to.equal(
+          'joinLeaveEpoch mismatch'
+        )
+      })
+
+      it('should get the document once (the parallel request wins)', function () {
+        expect(this.DocumentUpdaterManager.getDocument.callCount).to.equal(1)
+      })
+    })
+
+    describe('when the client starts a parallel leaveDoc request', function () {
+      beforeEach(function (done) {
+        this.RoomManager.leaveDoc = sinon.stub()
+
+        this.AuthorizationManager.assertClientCanViewProjectAndDoc.yields(
+          new Error()
+        )
+        this.DocumentUpdaterManager.checkDocument = (projectId, docId, cb) => {
+          this.WebsocketController.leaveDoc(this.client, this.doc_id, () => {})
+          cb()
+        }
+
+        this.WebsocketController.joinDoc(
+          this.client,
+          this.doc_id,
+          -1,
+          this.options,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('should call the callback with an error', function () {
+        expect(this.callback.called).to.equal(true)
+        expect(this.callback.args[0][0].message).to.equal(
+          'joinLeaveEpoch mismatch'
+        )
+      })
+
+      it('should not get the document', function () {
+        expect(this.DocumentUpdaterManager.getDocument.called).to.equal(false)
+      })
+    })
+
+    describe('when the client disconnects while RoomManager.joinDoc is running', function () {
+      beforeEach(function () {
+        this.RoomManager.joinDoc = (client, docId, cb) => {
+          this.client.disconnected = true
+          return cb()
+        }
+
+        return this.WebsocketController.joinDoc(
+          this.client,
+          this.doc_id,
+          -1,
+          this.options,
+          this.callback
+        )
+      })
+
+      it('should call the callback with no details', function () {
+        return expect(this.callback.args[0]).to.deep.equal([])
+      })
+
+      it('should increment the editor.join-doc.disconnected metric with a status', function () {
+        return expect(
+          this.metrics.inc.calledWith('editor.join-doc.disconnected', 1, {
+            status: 'after-joining-room',
+          })
+        ).to.equal(true)
+      })
+
+      return it('should not get the document', function () {
+        return expect(this.DocumentUpdaterManager.getDocument.called).to.equal(
+          false
+        )
+      })
+    })
+
+    return describe('when the client disconnects while DocumentUpdaterManager.getDocument is running', function () {
+      beforeEach(function () {
+        this.DocumentUpdaterManager.getDocument = (
+          projectId,
+          docId,
+          fromVersion,
+          callback
+        ) => {
+          this.client.disconnected = true
+          return callback(
+            null,
+            this.doc_lines,
+            this.version,
+            this.ranges,
+            this.ops
+          )
+        }
+
+        return this.WebsocketController.joinDoc(
+          this.client,
+          this.doc_id,
+          -1,
+          this.options,
+          this.callback
+        )
+      })
+
+      it('should call the callback with no details', function () {
+        return expect(this.callback.args[0]).to.deep.equal([])
+      })
+
+      return it('should increment the editor.join-doc.disconnected metric with a status', function () {
+        return expect(
+          this.metrics.inc.calledWith('editor.join-doc.disconnected', 1, {
+            status: 'after-doc-updater-call',
+          })
+        ).to.equal(true)
+      })
+    })
+  })
+
+  describe('leaveDoc', function () {
+    beforeEach(function () {
+      this.doc_id = 'doc-id-123'
+      this.client.ol_context.project_id = this.project_id
+      this.RoomManager.leaveDoc = sinon.stub()
+      return this.WebsocketController.leaveDoc(
+        this.client,
+        this.doc_id,
+        this.callback
+      )
+    })
+
+    it('should inc the joinLeaveEpoch', function () {
+      expect(this.client.joinLeaveEpoch).to.equal(1)
+    })
+
+    it('should remove the client from the doc_id room', function () {
+      return this.RoomManager.leaveDoc
+        .calledWith(this.client, this.doc_id)
+        .should.equal(true)
+    })
+
+    it('should call the callback', function () {
+      return this.callback.called.should.equal(true)
+    })
+
+    return it('should increment the leave-doc metric', function () {
+      return this.metrics.inc.calledWith('editor.leave-doc').should.equal(true)
+    })
+  })
+
+  describe('getConnectedUsers', function () {
+    beforeEach(function () {
+      this.client.ol_context.project_id = this.project_id
+      this.users = ['mock', 'users']
+      this.WebsocketLoadBalancer.emitToRoom = sinon.stub()
+      return (this.ConnectedUsersManager.getConnectedUsers = sinon
+        .stub()
+        .callsArgWith(1, null, this.users))
+    })
+
+    describe('when authorized', function () {
+      beforeEach(function (done) {
+        this.AuthorizationManager.assertClientCanViewProject = sinon
+          .stub()
+          .callsArgWith(1, null)
+        return this.WebsocketController.getConnectedUsers(
+          this.client,
+          (...args) => {
+            this.callback(...Array.from(args || []))
+            return done()
+          }
+        )
+      })
+
+      it('should check that the client is authorized to view the project', function () {
+        return this.AuthorizationManager.assertClientCanViewProject
+          .calledWith(this.client)
+          .should.equal(true)
+      })
+
+      it('should broadcast a request to update the client list', function () {
+        return this.WebsocketLoadBalancer.emitToRoom
+          .calledWith(this.project_id, 'clientTracking.refresh')
+          .should.equal(true)
+      })
+
+      it('should get the connected users for the project', function () {
+        return this.ConnectedUsersManager.getConnectedUsers
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should return the users', function () {
+        return this.callback.calledWith(null, this.users).should.equal(true)
+      })
+
+      return it('should increment the get-connected-users metric', function () {
+        return this.metrics.inc
+          .calledWith('editor.get-connected-users')
+          .should.equal(true)
+      })
+    })
+
+    describe('when not authorized', function () {
+      beforeEach(function () {
+        this.AuthorizationManager.assertClientCanViewProject = sinon
+          .stub()
+          .callsArgWith(1, (this.err = new Error('not authorized')))
+        return this.WebsocketController.getConnectedUsers(
+          this.client,
+          this.callback
+        )
+      })
+
+      it('should not get the connected users for the project', function () {
+        return this.ConnectedUsersManager.getConnectedUsers.called.should.equal(
+          false
+        )
+      })
+
+      return it('should return an error', function () {
+        return this.callback.calledWith(this.err).should.equal(true)
+      })
+    })
+
+    describe('when restricted user', function () {
+      beforeEach(function () {
+        this.client.ol_context.is_restricted_user = true
+        this.AuthorizationManager.assertClientCanViewProject = sinon
+          .stub()
+          .callsArgWith(1, null)
+        return this.WebsocketController.getConnectedUsers(
+          this.client,
+          this.callback
+        )
+      })
+
+      it('should return an empty array of users', function () {
+        return this.callback.calledWith(null, []).should.equal(true)
+      })
+
+      return it('should not get the connected users for the project', function () {
+        return this.ConnectedUsersManager.getConnectedUsers.called.should.equal(
+          false
+        )
+      })
+    })
+
+    return describe('when the client has disconnected', function () {
+      beforeEach(function () {
+        this.client.disconnected = true
+        this.AuthorizationManager.assertClientCanViewProject = sinon.stub()
+        return this.WebsocketController.getConnectedUsers(
+          this.client,
+          this.callback
+        )
+      })
+
+      it('should call the callback with no details', function () {
+        return expect(this.callback.args[0]).to.deep.equal([])
+      })
+
+      return it('should not check permissions', function () {
+        return expect(
+          this.AuthorizationManager.assertClientCanViewProject.called
+        ).to.equal(false)
+      })
+    })
+  })
+
+  describe('updateClientPosition', function () {
+    beforeEach(function () {
+      this.WebsocketLoadBalancer.emitToRoom = sinon.stub()
+      this.ConnectedUsersManager.updateUserPosition = sinon
+        .stub()
+        .callsArgAsync(4)
+      this.AuthorizationManager.assertClientCanViewProjectAndDoc = sinon
+        .stub()
+        .callsArgWith(2, null)
+      return (this.update = {
+        doc_id: (this.doc_id = 'doc-id-123'),
+        row: (this.row = 42),
+        column: (this.column = 37),
+      })
+    })
+
+    describe('with a logged in user', function () {
+      beforeEach(function (done) {
+        this.client.ol_context = {
+          project_id: this.project_id,
+          first_name: (this.first_name = 'Douglas'),
+          last_name: (this.last_name = 'Adams'),
+          email: (this.email = 'joe@example.com'),
+          user_id: (this.user_id = 'user-id-123'),
+        }
+
+        this.populatedCursorData = {
+          doc_id: this.doc_id,
+          id: this.client.publicId,
+          name: `${this.first_name} ${this.last_name}`,
+          row: this.row,
+          column: this.column,
+          email: this.email,
+          user_id: this.user_id,
+        }
+        this.WebsocketController.updateClientPosition(
+          this.client,
+          this.update,
+          done
+        )
+      })
+
+      it("should send the update to the project room with the user's name", function () {
+        return this.WebsocketLoadBalancer.emitToRoom
+          .calledWith(
+            this.project_id,
+            'clientTracking.clientUpdated',
+            this.populatedCursorData
+          )
+          .should.equal(true)
+      })
+
+      it('should send the  cursor data to the connected user manager', function (done) {
+        this.ConnectedUsersManager.updateUserPosition
+          .calledWith(
+            this.project_id,
+            this.client.publicId,
+            {
+              _id: this.user_id,
+              email: this.email,
+              first_name: this.first_name,
+              last_name: this.last_name,
+            },
+            {
+              row: this.row,
+              column: this.column,
+              doc_id: this.doc_id,
+            }
+          )
+          .should.equal(true)
+        return done()
+      })
+
+      return it('should increment the update-client-position metric at 0.1 frequency', function () {
+        return this.metrics.inc
+          .calledWith('editor.update-client-position', 0.1)
+          .should.equal(true)
+      })
+    })
+
+    describe('with a logged in user who has no last_name set', function () {
+      beforeEach(function (done) {
+        this.client.ol_context = {
+          project_id: this.project_id,
+          first_name: (this.first_name = 'Douglas'),
+          last_name: undefined,
+          email: (this.email = 'joe@example.com'),
+          user_id: (this.user_id = 'user-id-123'),
+        }
+
+        this.populatedCursorData = {
+          doc_id: this.doc_id,
+          id: this.client.publicId,
+          name: `${this.first_name}`,
+          row: this.row,
+          column: this.column,
+          email: this.email,
+          user_id: this.user_id,
+        }
+        this.WebsocketController.updateClientPosition(
+          this.client,
+          this.update,
+          done
+        )
+      })
+
+      it("should send the update to the project room with the user's name", function () {
+        return this.WebsocketLoadBalancer.emitToRoom
+          .calledWith(
+            this.project_id,
+            'clientTracking.clientUpdated',
+            this.populatedCursorData
+          )
+          .should.equal(true)
+      })
+
+      it('should send the  cursor data to the connected user manager', function (done) {
+        this.ConnectedUsersManager.updateUserPosition
+          .calledWith(
+            this.project_id,
+            this.client.publicId,
+            {
+              _id: this.user_id,
+              email: this.email,
+              first_name: this.first_name,
+              last_name: undefined,
+            },
+            {
+              row: this.row,
+              column: this.column,
+              doc_id: this.doc_id,
+            }
+          )
+          .should.equal(true)
+        return done()
+      })
+
+      return it('should increment the update-client-position metric at 0.1 frequency', function () {
+        return this.metrics.inc
+          .calledWith('editor.update-client-position', 0.1)
+          .should.equal(true)
+      })
+    })
+
+    describe('with a logged in user who has no first_name set', function () {
+      beforeEach(function (done) {
+        this.client.ol_context = {
+          project_id: this.project_id,
+          first_name: undefined,
+          last_name: (this.last_name = 'Adams'),
+          email: (this.email = 'joe@example.com'),
+          user_id: (this.user_id = 'user-id-123'),
+        }
+
+        this.populatedCursorData = {
+          doc_id: this.doc_id,
+          id: this.client.publicId,
+          name: `${this.last_name}`,
+          row: this.row,
+          column: this.column,
+          email: this.email,
+          user_id: this.user_id,
+        }
+        this.WebsocketController.updateClientPosition(
+          this.client,
+          this.update,
+          done
+        )
+      })
+
+      it("should send the update to the project room with the user's name", function () {
+        return this.WebsocketLoadBalancer.emitToRoom
+          .calledWith(
+            this.project_id,
+            'clientTracking.clientUpdated',
+            this.populatedCursorData
+          )
+          .should.equal(true)
+      })
+
+      it('should send the  cursor data to the connected user manager', function (done) {
+        this.ConnectedUsersManager.updateUserPosition
+          .calledWith(
+            this.project_id,
+            this.client.publicId,
+            {
+              _id: this.user_id,
+              email: this.email,
+              first_name: undefined,
+              last_name: this.last_name,
+            },
+            {
+              row: this.row,
+              column: this.column,
+              doc_id: this.doc_id,
+            }
+          )
+          .should.equal(true)
+        return done()
+      })
+
+      return it('should increment the update-client-position metric at 0.1 frequency', function () {
+        return this.metrics.inc
+          .calledWith('editor.update-client-position', 0.1)
+          .should.equal(true)
+      })
+    })
+    describe('with a logged in user who has no names set', function () {
+      beforeEach(function (done) {
+        this.client.ol_context = {
+          project_id: this.project_id,
+          first_name: undefined,
+          last_name: undefined,
+          email: (this.email = 'joe@example.com'),
+          user_id: (this.user_id = 'user-id-123'),
+        }
+        return this.WebsocketController.updateClientPosition(
+          this.client,
+          this.update,
+          done
+        )
+      })
+
+      return it('should send the update to the project name with no name', function () {
+        return this.WebsocketLoadBalancer.emitToRoom
+          .calledWith(this.project_id, 'clientTracking.clientUpdated', {
+            doc_id: this.doc_id,
+            id: this.client.publicId,
+            user_id: this.user_id,
+            name: '',
+            row: this.row,
+            column: this.column,
+            email: this.email,
+          })
+          .should.equal(true)
+      })
+    })
+
+    describe('with an anonymous user', function () {
+      beforeEach(function (done) {
+        this.client.ol_context = {
+          project_id: this.project_id,
+        }
+        return this.WebsocketController.updateClientPosition(
+          this.client,
+          this.update,
+          done
+        )
+      })
+
+      it('should send the update to the project room with no name', function () {
+        return this.WebsocketLoadBalancer.emitToRoom
+          .calledWith(this.project_id, 'clientTracking.clientUpdated', {
+            doc_id: this.doc_id,
+            id: this.client.publicId,
+            name: '',
+            row: this.row,
+            column: this.column,
+          })
+          .should.equal(true)
+      })
+
+      return it('should not send cursor data to the connected user manager', function (done) {
+        this.ConnectedUsersManager.updateUserPosition.called.should.equal(false)
+        return done()
+      })
+    })
+
+    return describe('when the client has disconnected', function () {
+      beforeEach(function (done) {
+        this.client.disconnected = true
+        this.AuthorizationManager.assertClientCanViewProjectAndDoc =
+          sinon.stub()
+        return this.WebsocketController.updateClientPosition(
+          this.client,
+          this.update,
+          (...args) => {
+            this.callback(...args)
+            done(args[0])
+          }
+        )
+      })
+
+      it('should call the callback with no details', function () {
+        return expect(this.callback.args[0]).to.deep.equal([])
+      })
+
+      return it('should not check permissions', function () {
+        return expect(
+          this.AuthorizationManager.assertClientCanViewProjectAndDoc.called
+        ).to.equal(false)
+      })
+    })
+  })
+
+  describe('applyOtUpdate', function () {
+    beforeEach(function () {
+      this.update = { op: { p: 12, t: 'foo' } }
+      this.client.ol_context.user_id = this.user_id
+      this.client.ol_context.project_id = this.project_id
+      this.WebsocketController._assertClientCanApplyUpdate = sinon
+        .stub()
+        .yields()
+      return (this.DocumentUpdaterManager.queueChange = sinon
+        .stub()
+        .callsArg(3))
+    })
+
+    describe('succesfully', function () {
+      beforeEach(function () {
+        return this.WebsocketController.applyOtUpdate(
+          this.client,
+          this.doc_id,
+          this.update,
+          this.callback
+        )
+      })
+
+      it('should set the source of the update to the client id', function () {
+        return this.update.meta.source.should.equal(this.client.publicId)
+      })
+
+      it('should set the user_id of the update to the user id', function () {
+        return this.update.meta.user_id.should.equal(this.user_id)
+      })
+
+      it('should queue the update', function () {
+        return this.DocumentUpdaterManager.queueChange
+          .calledWith(this.project_id, this.doc_id, this.update)
+          .should.equal(true)
+      })
+
+      it('should call the callback', function () {
+        return this.callback.called.should.equal(true)
+      })
+
+      return it('should increment the doc updates', function () {
+        return this.metrics.inc
+          .calledWith('editor.doc-update')
+          .should.equal(true)
+      })
+    })
+
+    describe('unsuccessfully', function () {
+      beforeEach(function () {
+        this.client.disconnect = sinon.stub()
+        this.DocumentUpdaterManager.queueChange = sinon
+          .stub()
+          .callsArgWith(3, (this.error = new Error('Something went wrong')))
+        return this.WebsocketController.applyOtUpdate(
+          this.client,
+          this.doc_id,
+          this.update,
+          this.callback
+        )
+      })
+
+      it('should disconnect the client', function () {
+        return this.client.disconnect.called.should.equal(true)
+      })
+
+      it('should not log an error', function () {
+        return this.logger.error.called.should.equal(false)
+      })
+
+      return it('should call the callback with the error', function () {
+        return this.callback.calledWith(this.error).should.equal(true)
+      })
+    })
+
+    describe('when not authorized', function () {
+      beforeEach(function () {
+        this.client.disconnect = sinon.stub()
+        this.WebsocketController._assertClientCanApplyUpdate = sinon
+          .stub()
+          .yields((this.error = new Error('not authorized')))
+        return this.WebsocketController.applyOtUpdate(
+          this.client,
+          this.doc_id,
+          this.update,
+          this.callback
+        )
+      })
+
+      // This happens in a setTimeout to allow the client a chance to receive the error first.
+      // I'm not sure how to unit test, but it is acceptance tested.
+      // it "should disconnect the client", ->
+      // 	@client.disconnect.called.should.equal true
+
+      it('should not log a warning', function () {
+        return this.logger.warn.called.should.equal(false)
+      })
+
+      return it('should call the callback with the error', function () {
+        return this.callback.calledWith(this.error).should.equal(true)
+      })
+    })
+
+    return describe('update_too_large', function () {
+      beforeEach(function (done) {
+        this.client.disconnect = sinon.stub()
+        this.client.emit = sinon.stub()
+        this.client.ol_context.user_id = this.user_id
+        this.client.ol_context.project_id = this.project_id
+        const error = new UpdateTooLargeError(7372835)
+        this.DocumentUpdaterManager.queueChange = sinon
+          .stub()
+          .callsArgWith(3, error)
+        this.WebsocketController.applyOtUpdate(
+          this.client,
+          this.doc_id,
+          this.update,
+          this.callback
+        )
+        return setTimeout(() => done(), 1)
+      })
+
+      it('should call the callback with no error', function () {
+        this.callback.called.should.equal(true)
+        return this.callback.args[0].should.deep.equal([])
+      })
+
+      it('should log a warning with the size and context', function () {
+        this.logger.warn.called.should.equal(true)
+        return this.logger.warn.args[0].should.deep.equal([
+          {
+            userId: this.user_id,
+            projectId: this.project_id,
+            docId: this.doc_id,
+            updateSize: 7372835,
+          },
+          'update is too large',
+        ])
+      })
+
+      describe('after 100ms', function () {
+        beforeEach(function (done) {
+          return setTimeout(done, 100)
+        })
+
+        it('should send an otUpdateError the client', function () {
+          return this.client.emit.calledWith('otUpdateError').should.equal(true)
+        })
+
+        return it('should disconnect the client', function () {
+          return this.client.disconnect.called.should.equal(true)
+        })
+      })
+
+      return describe('when the client disconnects during the next 100ms', function () {
+        beforeEach(function (done) {
+          this.client.disconnected = true
+          return setTimeout(done, 100)
+        })
+
+        it('should not send an otUpdateError the client', function () {
+          return this.client.emit
+            .calledWith('otUpdateError')
+            .should.equal(false)
+        })
+
+        it('should not disconnect the client', function () {
+          return this.client.disconnect.called.should.equal(false)
+        })
+
+        return it('should increment the editor.doc-update.disconnected metric with a status', function () {
+          return expect(
+            this.metrics.inc.calledWith('editor.doc-update.disconnected', 1, {
+              status: 'at-otUpdateError',
+            })
+          ).to.equal(true)
+        })
+      })
+    })
+  })
+
+  return describe('_assertClientCanApplyUpdate', function () {
+    beforeEach(function () {
+      this.edit_update = {
+        op: [
+          { i: 'foo', p: 42 },
+          { c: 'bar', p: 132 },
+        ],
+      } // comments may still be in an edit op
+      this.comment_update = { op: [{ c: 'bar', p: 132 }] }
+      this.AuthorizationManager.assertClientCanEditProjectAndDoc = sinon.stub()
+      this.AuthorizationManager.assertClientCanReviewProjectAndDoc =
+        sinon.stub()
+      return (this.AuthorizationManager.assertClientCanViewProjectAndDoc =
+        sinon.stub())
+    })
+
+    describe('with a read-write client', function () {
+      return it('should return successfully', function (done) {
+        this.AuthorizationManager.assertClientCanEditProjectAndDoc.yields(null)
+        return this.WebsocketController._assertClientCanApplyUpdate(
+          this.client,
+          this.doc_id,
+          this.edit_update,
+          error => {
+            expect(error).to.be.null
+            return done()
+          }
+        )
+      })
+    })
+
+    describe('with a read-only client and an edit op', function () {
+      return it('should return an error', function (done) {
+        this.AuthorizationManager.assertClientCanEditProjectAndDoc.yields(
+          new Error('not authorized')
+        )
+        this.AuthorizationManager.assertClientCanViewProjectAndDoc.yields(null)
+        return this.WebsocketController._assertClientCanApplyUpdate(
+          this.client,
+          this.doc_id,
+          this.edit_update,
+          error => {
+            expect(error.message).to.equal('not authorized')
+            return done()
+          }
+        )
+      })
+    })
+
+    describe('with a read-only client and a comment op', function () {
+      return it('should return successfully', function (done) {
+        this.AuthorizationManager.assertClientCanEditProjectAndDoc.yields(
+          new Error('not authorized')
+        )
+        this.AuthorizationManager.assertClientCanViewProjectAndDoc.yields(null)
+        return this.WebsocketController._assertClientCanApplyUpdate(
+          this.client,
+          this.doc_id,
+          this.comment_update,
+          error => {
+            expect(error).to.be.null
+            return done()
+          }
+        )
+      })
+    })
+
+    describe('with a totally unauthorized client', function () {
+      return it('should return an error', function (done) {
+        this.AuthorizationManager.assertClientCanEditProjectAndDoc.yields(
+          new Error('not authorized')
+        )
+        this.AuthorizationManager.assertClientCanViewProjectAndDoc.yields(
+          new Error('not authorized')
+        )
+        return this.WebsocketController._assertClientCanApplyUpdate(
+          this.client,
+          this.doc_id,
+          this.comment_update,
+          error => {
+            expect(error.message).to.equal('not authorized')
+            return done()
+          }
+        )
+      })
+    })
+
+    describe('with a review client', function () {
+      it('op with tc should succeed', function (done) {
+        this.AuthorizationManager.assertClientCanEditProjectAndDoc.yields(
+          new Error('not authorized')
+        )
+        this.AuthorizationManager.assertClientCanViewProjectAndDoc.yields(null)
+        this.AuthorizationManager.assertClientCanReviewProjectAndDoc.yields(
+          null
+        )
+        return this.WebsocketController._assertClientCanApplyUpdate(
+          this.client,
+          this.doc_id,
+          { op: [{ p: 10, i: 'a' }], meta: { tc: '123456' } },
+          error => {
+            expect(error).to.be.null
+            return done()
+          }
+        )
+      })
+
+      return it('op without tc should fail', function (done) {
+        this.AuthorizationManager.assertClientCanEditProjectAndDoc.yields(
+          new Error('not authorized')
+        )
+        this.AuthorizationManager.assertClientCanViewProjectAndDoc.yields(null)
+        this.AuthorizationManager.assertClientCanReviewProjectAndDoc.yields(
+          null
+        )
+        return this.WebsocketController._assertClientCanApplyUpdate(
+          this.client,
+          this.doc_id,
+          { op: [{ p: 10, i: 'a' }] },
+          error => {
+            expect(error.message).to.equal('not authorized')
+            return done()
+          }
+        )
+      })
+    })
+  })
+})
diff --git a/services/real-time/test/unit/js/WebsocketLoadBalancerTests.js b/services/real-time/test/unit/js/WebsocketLoadBalancerTests.js
new file mode 100644
index 0000000..574ab65
--- /dev/null
+++ b/services/real-time/test/unit/js/WebsocketLoadBalancerTests.js
@@ -0,0 +1,514 @@
+/* eslint-disable
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const expect = require('chai').expect
+const modulePath = require('node:path').join(
+  __dirname,
+  '../../../app/js/WebsocketLoadBalancer'
+)
+
+describe('WebsocketLoadBalancer', function () {
+  beforeEach(function () {
+    this.rclient = {}
+    this.RoomEvents = { on: sinon.stub() }
+    this.WebsocketLoadBalancer = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': (this.Settings = { redis: {} }),
+        './RedisClientManager': {
+          createClientList: () => [],
+        },
+        './SafeJsonParse': (this.SafeJsonParse = {
+          parse: (data, cb) => cb(null, JSON.parse(data)),
+        }),
+        './EventLogger': { checkEventOrder: sinon.stub() },
+        './HealthCheckManager': { check: sinon.stub() },
+        './RoomManager': (this.RoomManager = {
+          eventSource: sinon.stub().returns(this.RoomEvents),
+        }),
+        './ChannelManager': (this.ChannelManager = { publish: sinon.stub() }),
+        './ConnectedUsersManager': (this.ConnectedUsersManager = {
+          refreshClient: sinon.stub(),
+        }),
+      },
+    })
+    this.io = {}
+    this.WebsocketLoadBalancer.rclientPubList = [{ publish: sinon.stub() }]
+    this.WebsocketLoadBalancer.rclientSubList = [
+      {
+        subscribe: sinon.stub(),
+        on: sinon.stub(),
+      },
+    ]
+
+    this.room_id = 'room-id'
+    this.message = 'otUpdateApplied'
+    return (this.payload = ['argument one', 42])
+  })
+
+  describe('shouldDisconnectClient', function () {
+    it('should return false for general messages', function () {
+      const client = {
+        ol_context: { user_id: 'abcd' },
+      }
+      const message = {
+        message: 'someNiceMessage',
+        payload: [{ data: 'whatever' }],
+      }
+      expect(
+        this.WebsocketLoadBalancer.shouldDisconnectClient(client, message)
+      ).to.equal(false)
+    })
+
+    describe('collaborator access level changed', function () {
+      const messageName = 'project:collaboratorAccessLevel:changed'
+      const client = {
+        ol_context: { user_id: 'abcd' },
+      }
+      it('should return true if the user id matches', function () {
+        const message = {
+          message: messageName,
+          payload: [
+            {
+              userId: 'abcd',
+            },
+          ],
+        }
+        expect(
+          this.WebsocketLoadBalancer.shouldDisconnectClient(client, message)
+        ).to.equal(true)
+      })
+      it('should return false if the user id does not match', function () {
+        const message = {
+          message: messageName,
+          payload: [
+            {
+              userId: 'xyz',
+            },
+          ],
+        }
+        expect(
+          this.WebsocketLoadBalancer.shouldDisconnectClient(client, message)
+        ).to.equal(false)
+      })
+    })
+
+    describe('user removed from project', function () {
+      const messageName = 'userRemovedFromProject'
+      const client = {
+        ol_context: { user_id: 'abcd' },
+      }
+      it('should return false, when the user_id does not match', function () {
+        const message = {
+          message: messageName,
+          payload: ['xyz'],
+        }
+        expect(
+          this.WebsocketLoadBalancer.shouldDisconnectClient(client, message)
+        ).to.equal(false)
+      })
+
+      it('should return true, if the user_id matches', function () {
+        const message = {
+          message: messageName,
+          payload: [`${client.ol_context.user_id}`],
+        }
+        expect(
+          this.WebsocketLoadBalancer.shouldDisconnectClient(client, message)
+        ).to.equal(true)
+      })
+    })
+
+    describe('link-sharing turned off', function () {
+      const messageName = 'project:publicAccessLevel:changed'
+
+      describe('when the new access level is set to "private"', function () {
+        const message = {
+          message: messageName,
+          payload: [{ newAccessLevel: 'private' }],
+        }
+        describe('when the user is an invited member', function () {
+          const client = {
+            ol_context: {
+              is_invited_member: true,
+            },
+          }
+
+          it('should return false', function () {
+            expect(
+              this.WebsocketLoadBalancer.shouldDisconnectClient(client, message)
+            ).to.equal(false)
+          })
+        })
+
+        describe('when the user not an invited member', function () {
+          const client = {
+            ol_context: {
+              is_invited_member: false,
+            },
+          }
+
+          it('should return true', function () {
+            expect(
+              this.WebsocketLoadBalancer.shouldDisconnectClient(client, message)
+            ).to.equal(true)
+          })
+        })
+      })
+
+      describe('when the new access level is "tokenBased"', function () {
+        const message = {
+          message: messageName,
+          payload: [{ newAccessLevel: 'tokenBased' }],
+        }
+
+        describe('when the user is an invited member', function () {
+          const client = {
+            ol_context: {
+              is_invited_member: true,
+            },
+          }
+
+          it('should return false', function () {
+            expect(
+              this.WebsocketLoadBalancer.shouldDisconnectClient(client, message)
+            ).to.equal(false)
+          })
+        })
+
+        describe('when the user not an invited member', function () {
+          const client = {
+            ol_context: {
+              is_invited_member: false,
+            },
+          }
+
+          it('should return false', function () {
+            expect(
+              this.WebsocketLoadBalancer.shouldDisconnectClient(client, message)
+            ).to.equal(false)
+          })
+        })
+      })
+    })
+  })
+
+  describe('emitToRoom', function () {
+    beforeEach(function () {
+      return this.WebsocketLoadBalancer.emitToRoom(
+        this.room_id,
+        this.message,
+        ...Array.from(this.payload)
+      )
+    })
+
+    return it('should publish the message to redis', function () {
+      return this.ChannelManager.publish
+        .calledWith(
+          this.WebsocketLoadBalancer.rclientPubList[0],
+          'editor-events',
+          this.room_id,
+          JSON.stringify({
+            room_id: this.room_id,
+            message: this.message,
+            payload: this.payload,
+          })
+        )
+        .should.equal(true)
+    })
+  })
+
+  describe('emitToAll', function () {
+    beforeEach(function () {
+      this.WebsocketLoadBalancer.emitToRoom = sinon.stub()
+      return this.WebsocketLoadBalancer.emitToAll(
+        this.message,
+        ...Array.from(this.payload)
+      )
+    })
+
+    return it("should emit to the room 'all'", function () {
+      return this.WebsocketLoadBalancer.emitToRoom
+        .calledWith('all', this.message, ...Array.from(this.payload))
+        .should.equal(true)
+    })
+  })
+
+  describe('listenForEditorEvents', function () {
+    beforeEach(function () {
+      this.WebsocketLoadBalancer._processEditorEvent = sinon.stub()
+      return this.WebsocketLoadBalancer.listenForEditorEvents()
+    })
+
+    it('should subscribe to the editor-events channel', function () {
+      return this.WebsocketLoadBalancer.rclientSubList[0].subscribe
+        .calledWith('editor-events')
+        .should.equal(true)
+    })
+
+    return it('should process the events with _processEditorEvent', function () {
+      return this.WebsocketLoadBalancer.rclientSubList[0].on
+        .calledWith('message', sinon.match.func)
+        .should.equal(true)
+    })
+  })
+
+  return describe('_processEditorEvent', function () {
+    describe('with bad JSON', function () {
+      beforeEach(function () {
+        this.isRestrictedUser = false
+        this.SafeJsonParse.parse = sinon
+          .stub()
+          .callsArgWith(1, new Error('oops'))
+        return this.WebsocketLoadBalancer._processEditorEvent(
+          this.io,
+          'editor-events',
+          'blah'
+        )
+      })
+
+      return it('should log an error', function () {
+        return this.logger.error.called.should.equal(true)
+      })
+    })
+
+    describe('with a designated room', function () {
+      beforeEach(function () {
+        this.io.sockets = {
+          clients: sinon.stub().returns([
+            {
+              id: 'client-id-1',
+              emit: (this.emit1 = sinon.stub()),
+              ol_context: {},
+            },
+            {
+              id: 'client-id-2',
+              emit: (this.emit2 = sinon.stub()),
+              ol_context: {},
+            },
+            {
+              id: 'client-id-1',
+              emit: (this.emit3 = sinon.stub()),
+              ol_context: {},
+            }, // duplicate client
+          ]),
+        }
+        const data = JSON.stringify({
+          room_id: this.room_id,
+          message: this.message,
+          payload: this.payload,
+        })
+        return this.WebsocketLoadBalancer._processEditorEvent(
+          this.io,
+          'editor-events',
+          data
+        )
+      })
+
+      return it('should send the message to all (unique) clients in the room', function () {
+        this.io.sockets.clients.calledWith(this.room_id).should.equal(true)
+        this.emit1
+          .calledWith(this.message, ...Array.from(this.payload))
+          .should.equal(true)
+        this.emit2
+          .calledWith(this.message, ...Array.from(this.payload))
+          .should.equal(true)
+        return this.emit3.called.should.equal(false)
+      })
+    }) // duplicate client should be ignored
+
+    describe('with a designated room, and restricted clients, not restricted message', function () {
+      beforeEach(function () {
+        this.io.sockets = {
+          clients: sinon.stub().returns([
+            {
+              id: 'client-id-1',
+              emit: (this.emit1 = sinon.stub()),
+              ol_context: {},
+            },
+            {
+              id: 'client-id-2',
+              emit: (this.emit2 = sinon.stub()),
+              ol_context: {},
+            },
+            {
+              id: 'client-id-1',
+              emit: (this.emit3 = sinon.stub()),
+              ol_context: {},
+            }, // duplicate client
+            {
+              id: 'client-id-4',
+              emit: (this.emit4 = sinon.stub()),
+              ol_context: { is_restricted_user: true },
+            },
+          ]),
+        }
+        const data = JSON.stringify({
+          room_id: this.room_id,
+          message: this.message,
+          payload: this.payload,
+        })
+        return this.WebsocketLoadBalancer._processEditorEvent(
+          this.io,
+          'editor-events',
+          data
+        )
+      })
+
+      return it('should send the message to all (unique) clients in the room', function () {
+        this.io.sockets.clients.calledWith(this.room_id).should.equal(true)
+        this.emit1
+          .calledWith(this.message, ...Array.from(this.payload))
+          .should.equal(true)
+        this.emit2
+          .calledWith(this.message, ...Array.from(this.payload))
+          .should.equal(true)
+        this.emit3.called.should.equal(false) // duplicate client should be ignored
+        return this.emit4.called.should.equal(true)
+      })
+    }) // restricted client, but should be called
+
+    describe('with a designated room, and restricted clients, restricted message', function () {
+      beforeEach(function () {
+        this.io.sockets = {
+          clients: sinon.stub().returns([
+            {
+              id: 'client-id-1',
+              emit: (this.emit1 = sinon.stub()),
+              ol_context: {},
+            },
+            {
+              id: 'client-id-2',
+              emit: (this.emit2 = sinon.stub()),
+              ol_context: {},
+            },
+            {
+              id: 'client-id-1',
+              emit: (this.emit3 = sinon.stub()),
+              ol_context: {},
+            }, // duplicate client
+            {
+              id: 'client-id-4',
+              emit: (this.emit4 = sinon.stub()),
+              ol_context: { is_restricted_user: true },
+            },
+          ]),
+        }
+        const data = JSON.stringify({
+          room_id: this.room_id,
+          message: (this.restrictedMessage = 'new-comment'),
+          payload: this.payload,
+        })
+        return this.WebsocketLoadBalancer._processEditorEvent(
+          this.io,
+          'editor-events',
+          data
+        )
+      })
+
+      return it('should send the message to all (unique) clients in the room, who are not restricted', function () {
+        this.io.sockets.clients.calledWith(this.room_id).should.equal(true)
+        this.emit1
+          .calledWith(this.restrictedMessage, ...Array.from(this.payload))
+          .should.equal(true)
+        this.emit2
+          .calledWith(this.restrictedMessage, ...Array.from(this.payload))
+          .should.equal(true)
+        this.emit3.called.should.equal(false) // duplicate client should be ignored
+        return this.emit4.called.should.equal(false)
+      })
+    }) // restricted client, should not be called
+
+    describe('when emitting to all', function () {
+      beforeEach(function () {
+        this.io.sockets = { emit: (this.emit = sinon.stub()) }
+        const data = JSON.stringify({
+          room_id: 'all',
+          message: this.message,
+          payload: this.payload,
+        })
+        return this.WebsocketLoadBalancer._processEditorEvent(
+          this.io,
+          'editor-events',
+          data
+        )
+      })
+
+      return it('should send the message to all clients', function () {
+        return this.emit
+          .calledWith(this.message, ...Array.from(this.payload))
+          .should.equal(true)
+      })
+    })
+
+    describe('when it should disconnect one of the clients', function () {
+      const targetUserId = 'bbb'
+      const message = 'userRemovedFromProject'
+      const payload = [`${targetUserId}`]
+      const clients = [
+        {
+          id: 'client-id-1',
+          emit: sinon.stub(),
+          ol_context: { user_id: 'aaa' },
+          disconnect: sinon.stub(),
+        },
+        {
+          id: 'client-id-2',
+          emit: sinon.stub(),
+          ol_context: { user_id: `${targetUserId}` },
+          disconnect: sinon.stub(),
+        },
+        {
+          id: 'client-id-3',
+          emit: sinon.stub(),
+          ol_context: { user_id: 'ccc' },
+          disconnect: sinon.stub(),
+        },
+      ]
+      beforeEach(function () {
+        this.io.sockets = {
+          clients: sinon.stub().returns(clients),
+        }
+        const data = JSON.stringify({
+          room_id: this.room_id,
+          message,
+          payload,
+        })
+        return this.WebsocketLoadBalancer._processEditorEvent(
+          this.io,
+          'editor-events',
+          data
+        )
+      })
+
+      it('should disconnect the matching client, while sending message to other clients', function () {
+        this.io.sockets.clients.calledWith(this.room_id).should.equal(true)
+
+        const [client1, client2, client3] = clients
+
+        // disconnecting one client
+        client1.disconnect.called.should.equal(false)
+        client2.disconnect.called.should.equal(true)
+        client3.disconnect.called.should.equal(false)
+
+        // emitting to remaining clients
+        client1.emit
+          .calledWith(message, ...Array.from(payload))
+          .should.equal(true)
+        client2.emit.calledWith('project:access:revoked').should.equal(true) // disconnected client should get informative message
+        client3.emit
+          .calledWith(message, ...Array.from(payload))
+          .should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/real-time/test/unit/js/helpers/MockClient.js b/services/real-time/test/unit/js/helpers/MockClient.js
new file mode 100644
index 0000000..61cde89
--- /dev/null
+++ b/services/real-time/test/unit/js/helpers/MockClient.js
@@ -0,0 +1,23 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+let MockClient
+const sinon = require('sinon')
+
+let idCounter = 0
+
+module.exports = MockClient = class MockClient {
+  constructor() {
+    this.ol_context = {}
+    this.join = sinon.stub()
+    this.emit = sinon.stub()
+    this.disconnect = sinon.stub()
+    this.id = idCounter++
+    this.publicId = idCounter++
+    this.joinLeaveEpoch = 0
+  }
+
+  disconnect() {}
+}
diff --git a/services/real-time/tsconfig.json b/services/real-time/tsconfig.json
new file mode 100644
index 0000000..d3fdd30
--- /dev/null
+++ b/services/real-time/tsconfig.json
@@ -0,0 +1,12 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "app.js",
+    "app/js/**/*",
+    "benchmarks/**/*",
+    "config/**/*",
+    "scripts/**/*",
+    "test/**/*",
+    "types"
+  ]
+}
diff --git a/services/web/.eastrc b/services/web/.eastrc
new file mode 100644
index 0000000..ac757c1
--- /dev/null
+++ b/services/web/.eastrc
@@ -0,0 +1,5 @@
+{
+  "adapter": "./migrations/lib/adapter.mjs",
+  "migrationNumberFormat": "dateTime",
+  "migrationExtension": "mjs"
+}
diff --git a/services/web/.eslintignore b/services/web/.eslintignore
new file mode 100644
index 0000000..673c2a7
--- /dev/null
+++ b/services/web/.eslintignore
@@ -0,0 +1,12 @@
+# NOTE: changing paths may require updating them in the Makefile too.
+data/
+scripts/translations/.cache/
+node_modules
+frontend/js/vendor
+modules/**/frontend/js/vendor
+/public/
+frontend/js/features/source-editor/lezer-latex/latex.mjs
+frontend/js/features/source-editor/lezer-latex/latex.terms.mjs
+frontend/js/features/source-editor/lezer-bibtex/bibtex.mjs
+frontend/js/features/source-editor/lezer-bibtex/bibtex.terms.mjs
+frontend/js/features/source-editor/hunspell/wasm/hunspell.mjs
diff --git a/services/web/.eslintrc.js b/services/web/.eslintrc.js
new file mode 100644
index 0000000..3c672de
--- /dev/null
+++ b/services/web/.eslintrc.js
@@ -0,0 +1,495 @@
+module.exports = {
+  root: true,
+  parser: '@typescript-eslint/parser',
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'standard',
+    'prettier',
+  ],
+  plugins: ['@overleaf'],
+  env: {
+    es2020: true,
+  },
+  settings: {
+    // Tell eslint-plugin-react to detect which version of React we are using
+    react: {
+      version: 'detect',
+    },
+  },
+  rules: {
+    'no-constant-binary-expression': 'error',
+
+    // do not allow importing of implicit dependencies.
+    'import/no-extraneous-dependencies': 'error',
+
+    '@overleaf/prefer-kebab-url': 'error',
+
+    // disable some TypeScript rules
+    '@typescript-eslint/no-var-requires': 'off',
+    '@typescript-eslint/no-unused-vars': 'off',
+    '@typescript-eslint/no-empty-function': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/no-this-alias': 'off',
+    '@typescript-eslint/no-non-null-assertion': 'off',
+    '@typescript-eslint/ban-ts-comment': 'off',
+
+    'no-use-before-define': 'off',
+    '@typescript-eslint/no-use-before-define': [
+      'error',
+      { functions: false, classes: false, variables: false },
+    ],
+    'react-hooks/exhaustive-deps': [
+      'warn',
+      {
+        additionalHooks: '(useCommandProvider)',
+      },
+    ],
+  },
+  overrides: [
+    // NOTE: changing paths may require updating them in the Makefile too.
+    {
+      // Node
+      files: [
+        '**/app/src/**/*.{js,mjs}',
+        'app.{js,mjs}',
+        'i18next-scanner.config.js',
+        'scripts/**/*.{js,mjs}',
+        'webpack.config*.js',
+      ],
+      env: {
+        node: true,
+      },
+    },
+    {
+      // Test specific rules
+      files: ['**/test/**/*.*'],
+      plugins: ['mocha', 'chai-expect', 'chai-friendly'],
+      env: {
+        mocha: true,
+      },
+      rules: {
+        // mocha-specific rules
+        'mocha/handle-done-callback': 'error',
+        'mocha/no-exclusive-tests': 'error',
+        'mocha/no-global-tests': 'error',
+        'mocha/no-identical-title': 'error',
+        'mocha/no-nested-tests': 'error',
+        'mocha/no-pending-tests': 'error',
+        'mocha/no-skipped-tests': 'error',
+        'mocha/no-mocha-arrows': 'error',
+
+        // Swap the no-unused-expressions rule with a more chai-friendly one
+        'no-unused-expressions': 'off',
+        'chai-friendly/no-unused-expressions': 'error',
+
+        // chai-specific rules
+        'chai-expect/missing-assertion': 'error',
+        'chai-expect/terminating-properties': 'error',
+
+        // prefer-arrow-callback applies to all callbacks, not just ones in mocha tests.
+        // we don't enforce this at the top-level - just in tests to manage `this` scope
+        // based on mocha's context mechanism
+        'mocha/prefer-arrow-callback': 'error',
+
+        '@typescript-eslint/no-unused-expressions': 'off',
+      },
+    },
+    {
+      // ES specific rules
+      files: [
+        '**/app/src/**/*.mjs',
+        'modules/*/index.mjs',
+        'app.mjs',
+        'scripts/**/*.mjs',
+        'migrations/**/*.mjs',
+      ],
+      excludedFiles: [
+        // migration template file
+        'migrations/lib/template.mjs',
+      ],
+      parserOptions: {
+        sourceType: 'module',
+      },
+      plugins: ['unicorn'],
+      rules: {
+        'import/no-unresolved': [
+          'error',
+          {
+            // eslint-plugin-import does not support exports directive in package.json
+            // https://github.com/import-js/eslint-plugin-import/issues/1810
+            ignore: ['^p-queue$'],
+          },
+        ],
+        'import/extensions': [
+          'error',
+          'ignorePackages',
+          {
+            js: 'always',
+            mjs: 'always',
+          },
+        ],
+        'unicorn/prefer-module': 'error',
+        'unicorn/prefer-node-protocol': 'error',
+      },
+    },
+    {
+      // Backend specific rules
+      files: ['**/app/src/**/*.{js,mjs}', 'app.{js,mjs}'],
+      parserOptions: {
+        tsconfigRootDir: __dirname,
+        project: './tsconfig.backend.json',
+      },
+      rules: {
+        // do not allow importing of implicit dependencies.
+        'import/no-extraneous-dependencies': [
+          'error',
+          {
+            // do not allow importing of devDependencies.
+            devDependencies: false,
+          },
+        ],
+        'no-restricted-syntax': [
+          'error',
+          // do not allow node-fetch in backend code
+          {
+            selector:
+              "CallExpression[callee.name='require'] > .arguments[value='node-fetch']",
+            message:
+              'Requiring node-fetch is not allowed in production services, please use fetch-utils.',
+          },
+          // mongoose populate must set fields to populate
+          {
+            selector:
+              "CallExpression[callee.property.name='populate'][arguments.length<2]",
+            message:
+              "Populate without a second argument returns the whole document. Use populate('field',['prop1','prop2']) instead",
+          },
+          // Require `new` when constructing ObjectId (For mongo + mongoose upgrade)
+          {
+            selector:
+              "CallExpression[callee.name='ObjectId'], CallExpression[callee.property.name='ObjectId']",
+            message:
+              'Construct ObjectId with `new ObjectId()` instead of `ObjectId()`',
+          },
+          // Require `new` when mapping a list of ids to a list of ObjectId (For mongo + mongoose upgrade)
+          {
+            selector:
+              "CallExpression[callee.property.name='map'] Identifier[name='ObjectId']:first-child, CallExpression[callee.property.name='map'] MemberExpression[property.name='ObjectId']:first-child",
+            message:
+              "Don't map ObjectId directly. Use `id => new ObjectId(id)` instead",
+          },
+          // Catch incorrect usage of `await db.collection.find()`
+          {
+            selector:
+              "AwaitExpression > CallExpression > MemberExpression[property.name='find'][object.object.name='db']",
+            message:
+              'Mongo find returns a cursor not a promise, use `for await (const result of cursor)` or `.toArray()` instead.',
+          },
+        ],
+        '@typescript-eslint/no-floating-promises': [
+          'error',
+          { checkThenables: true },
+        ],
+      },
+    },
+    {
+      // Backend scripts specific rules
+      files: ['**/scripts/**/*.js'],
+      rules: {
+        'no-restricted-syntax': [
+          'error',
+          // Require `new` when constructing ObjectId (For mongo + mongoose upgrade)
+          {
+            selector:
+              "CallExpression[callee.name='ObjectId'], CallExpression[callee.property.name='ObjectId']",
+            message:
+              'Construct ObjectId with `new ObjectId()` instead of `ObjectId()`',
+          },
+          // Require `new` when mapping a list of ids to a list of ObjectId (For mongo + mongoose upgrade)
+          {
+            selector:
+              "CallExpression[callee.property.name='map'] Identifier[name='ObjectId']:first-child, CallExpression[callee.property.name='map'] MemberExpression[property.name='ObjectId']:first-child",
+            message:
+              "Don't map ObjectId directly. Use `id => new ObjectId(id)` instead",
+          },
+          // Catch incorrect usage of `await db.collection.find()`
+          {
+            selector:
+              "AwaitExpression > CallExpression > MemberExpression[property.name='find'][object.object.name='db']",
+            message:
+              'Mongo find returns a cursor not a promise, use `for await (const result of cursor)` or `.toArray()` instead.',
+          },
+        ],
+      },
+    },
+    {
+      // Cypress specific rules
+      files: [
+        'cypress/**/*.{js,jsx,ts,tsx}',
+        '**/test/frontend/**/*.spec.{js,jsx,ts,tsx}',
+      ],
+      extends: ['plugin:cypress/recommended'],
+    },
+    {
+      // Frontend test specific rules
+      files: ['**/frontend/**/*.test.{js,jsx,ts,tsx}'],
+      plugins: ['testing-library'],
+      extends: ['plugin:testing-library/react'],
+      rules: {
+        'testing-library/no-await-sync-events': 'off',
+        'testing-library/no-await-sync-queries': 'off',
+        'testing-library/no-container': 'off',
+        'testing-library/no-node-access': 'off',
+        'testing-library/no-render-in-lifecycle': 'off',
+        'testing-library/no-wait-for-multiple-assertions': 'off',
+        'testing-library/no-wait-for-side-effects': 'off',
+        'testing-library/prefer-query-by-disappearance': 'off',
+        'testing-library/prefer-screen-queries': 'off',
+        'testing-library/render-result-naming-convention': 'off',
+      },
+    },
+    {
+      // Frontend specific rules
+      files: [
+        '**/frontend/js/**/*.{js,jsx,ts,tsx}',
+        '**/frontend/stories/**/*.{js,jsx,ts,tsx}',
+        '**/*.stories.{js,jsx,ts,tsx}',
+        '**/test/frontend/**/*.{js,jsx,ts,tsx}',
+        '**/test/frontend/components/**/*.spec.{js,jsx,ts,tsx}',
+      ],
+      env: {
+        browser: true,
+      },
+      parserOptions: {
+        sourceType: 'module',
+      },
+      plugins: ['jsx-a11y'],
+      extends: [
+        'plugin:react/recommended',
+        'plugin:react-hooks/recommended',
+        'plugin:jsx-a11y/recommended',
+        'standard-jsx',
+        'prettier',
+      ],
+      globals: {
+        __webpack_public_path__: true,
+        $: true,
+        ga: true,
+      },
+      rules: {
+        // TODO: remove once https://github.com/standard/eslint-config-standard-react/issues/68 (support eslint@8) is fixed.
+        // START: inline standard-react rules
+        // "react/jsx-no-bind": ["error", {
+        //   "allowArrowFunctions": true,
+        //   "allowBind": false,
+        //   "ignoreRefs": true
+        // },],
+        'react/no-did-update-set-state': 'error',
+        'react/no-unused-prop-types': 'error',
+        'react/prop-types': 'error',
+        // "react/react-in-jsx-scope": "error",
+        // END: inline standard-react rules
+
+        'react/no-unknown-property': [
+          'error',
+          {
+            ignore: ['dnd-container', 'dropdown-toggle'],
+          },
+        ],
+
+        'react/jsx-no-target-blank': [
+          'error',
+          {
+            allowReferrer: true,
+          },
+        ],
+        // Prevent usage of legacy string refs
+        'react/no-string-refs': 'error',
+
+        // Prevent curly braces around strings (as they're unnecessary)
+        'react/jsx-curly-brace-presence': [
+          'error',
+          {
+            props: 'never',
+            children: 'never',
+          },
+        ],
+
+        // Don't import React for JSX; the JSX runtime is added by a Babel plugin
+        'react/react-in-jsx-scope': 'off',
+        'react/jsx-uses-react': 'off',
+
+        // Allow functions as JSX props
+        'react/jsx-no-bind': 'off', // TODO: fix occurrences and re-enable this
+
+        // Fix conflict between prettier & standard by overriding to prefer
+        // double quotes
+        'jsx-quotes': ['error', 'prefer-double'],
+
+        // Override weird behaviour of jsx-a11y label-has-for (says labels must be
+        // nested *and* have for/id attributes)
+        'jsx-a11y/label-has-for': [
+          'error',
+          {
+            required: {
+              some: ['nesting', 'id'],
+            },
+          },
+        ],
+
+        // Require .jsx or .tsx file extension when using JSX
+        'react/jsx-filename-extension': [
+          'error',
+          {
+            extensions: ['.jsx', '.tsx'],
+          },
+        ],
+        'no-restricted-syntax': [
+          'error',
+          // prohibit direct calls to methods of window.localStorage
+          {
+            selector:
+              "CallExpression[callee.object.object.name='window'][callee.object.property.name='localStorage']",
+            message:
+              'Modify location via customLocalStorage instead of calling window.localStorage methods directly',
+          },
+        ],
+      },
+    },
+    {
+      // Sorting for Meta
+      files: ['frontend/js/utils/meta.ts'],
+      rules: {
+        '@typescript-eslint/member-ordering': [
+          'error',
+          { interfaces: { order: 'alphabetically' } },
+        ],
+      },
+    },
+    {
+      // React component specific rules
+      //
+      files: [
+        '**/frontend/js/**/components/**/*.{js,jsx,ts,tsx}',
+        '**/frontend/js/**/hooks/**/*.{js,jsx,ts,tsx}',
+      ],
+      rules: {
+        '@overleaf/no-unnecessary-trans': 'error',
+        '@overleaf/should-unescape-trans': 'error',
+
+        // https://astexplorer.net/
+        'no-restricted-syntax': [
+          'error',
+          // prohibit direct calls to methods of window.location
+          {
+            selector:
+              "CallExpression[callee.object.object.name='window'][callee.object.property.name='location']",
+            message:
+              'Modify location via useLocation instead of calling window.location methods directly',
+          },
+          // prohibit assignment to window.location
+          {
+            selector:
+              "AssignmentExpression[left.object.name='window'][left.property.name='location']",
+            message:
+              'Modify location via useLocation instead of calling window.location methods directly',
+          },
+          // prohibit assignment to window.location.href
+          {
+            selector:
+              "AssignmentExpression[left.object.object.name='window'][left.object.property.name='location'][left.property.name='href']",
+            message:
+              'Modify location via useLocation instead of calling window.location methods directly',
+          },
+          // prohibit using lookbehinds due to incidents with Safari simply crashing when the script is parsed
+          {
+            selector: 'Literal[regex.pattern=/\\(\\?<[!=]/]',
+            message: 'Lookbehind is not supported in older Safari versions.',
+          },
+          // prohibit direct calls to methods of window.localStorage
+          // NOTE: this rule is also defined for all frontend files, but those rules are overriden by the React component-specific config
+          {
+            selector:
+              "CallExpression[callee.object.object.name='window'][callee.object.property.name='localStorage']",
+            message:
+              'Modify location via customLocalStorage instead of calling window.localStorage methods directly',
+          },
+        ],
+      },
+    },
+    // React + TypeScript-specific rules
+    {
+      files: ['**/*.tsx'],
+      rules: {
+        'react/prop-types': 'off',
+        'no-undef': 'off',
+      },
+    },
+    // TypeScript-specific rules
+    {
+      files: ['**/*.ts'],
+      rules: {
+        'no-undef': 'off',
+      },
+    },
+    // JavaScript-specific rules
+    {
+      files: ['**/*.js'],
+      rules: {
+        '@typescript-eslint/no-require-imports': 'off',
+      },
+    },
+    {
+      files: ['scripts/ukamf/*.js'],
+      rules: {
+        // Do not allow importing of any dependencies unless specified in either
+        //  - web/package.json
+        //  - web/scripts/ukamf/package.json
+        'import/no-extraneous-dependencies': [
+          'error',
+          { packageDir: ['.', 'scripts/ukamf'] },
+        ],
+      },
+    },
+    {
+      files: ['scripts/learn/checkSanitize/*.js'],
+      rules: {
+        // The checkSanitize script is used in the dev-env only.
+        'import/no-extraneous-dependencies': [
+          'error',
+          {
+            devDependencies: true,
+            packageDir: ['.', '../../'],
+          },
+        ],
+      },
+    },
+    {
+      files: [
+        // Backend: Use @overleaf/logger
+        //          Docs: https://manual.dev-overleaf.com/development/code/logging/#structured-logging
+        '**/app/**/*.{js,cjs,mjs}',
+        'app.{js,mjs}',
+        'modules/*/*.{js,mjs}',
+        // Frontend: Prefer debugConsole over bare console
+        //           Docs: https://manual.dev-overleaf.com/development/code/logging/#frontend
+        '**/frontend/**/*.{js,jsx,ts,tsx}',
+        // Tests
+        '**/test/**/*.{js,cjs,mjs,jsx,ts,tsx}',
+      ],
+      excludedFiles: [
+        // Allow console logs in scripts
+        '**/scripts/**/*.js',
+        // Allow console logs in stories
+        '**/stories/**/*.{js,jsx,ts,tsx}',
+        // Workers do not have access to the search params for enabling ?debug=true.
+        // self.location.url is the URL of the worker script.
+        '*.worker.{js,ts}',
+      ],
+      rules: {
+        'no-console': 'error',
+      },
+    },
+  ],
+}
diff --git a/services/web/.gitignore b/services/web/.gitignore
new file mode 100644
index 0000000..8bd23b7
--- /dev/null
+++ b/services/web/.gitignore
@@ -0,0 +1,103 @@
+# Compiled source #
+###################
+*.com
+*.class
+*.dll
+*.exe
+*.o
+*.so
+
+# Packages #
+############
+# it's better to unpack these files and commit the raw source
+# git has its own built in compression methods
+*.7z
+*.dmg
+*.gz
+*.iso
+*.jar
+*.rar
+*.tar
+*.zip
+
+# Logs and databases #
+######################
+*.log
+*.sql
+*.sqlite
+
+# OS generated files #
+######################
+.DS_Store?
+ehthumbs.db
+Icon?
+Thumbs.db
+
+# allow "icons"
+![Ii]cons
+
+node_modules/*
+data/*
+coverage
+
+cookies.txt
+requestQueueWorker.js
+TpdsWorker.js
+BackgroundJobsWorker.js
+UserAndProjectPopulator.coffee
+
+public/manifest.json
+
+public/js
+public/minjs
+public/stylesheets
+public/fonts
+public/images
+
+Gemfile.lock
+
+*.swp
+.DS_Store
+
+docker-shared.yml
+
+config/*.coffee
+!config/settings.defaults.coffee
+!config/settings.webpack.coffee
+config/*.js
+!config/settings.defaults.js
+!config/settings.webpack.js
+!config/settings.overrides.saas.js
+!config/settings.overrides.server-pro.js
+
+modules/**/Makefile
+
+# Precompiled pug files
+**/app/views/**/*.js
+
+# Sentry secrets file (injected by CI)
+.sentryclirc
+
+# via dev-environment
+.npmrc
+
+# Intellij
+.idea
+.run
+
+# Cypress
+cypress/screenshots/
+cypress/videos/
+cypress/downloads/
+cypress/results/
+
+# Ace themes for conversion
+frontend/js/features/source-editor/themes/ace/
+
+# Compiled parser files
+frontend/js/features/source-editor/lezer-latex/latex.mjs
+frontend/js/features/source-editor/lezer-latex/latex.terms.mjs
+frontend/js/features/source-editor/lezer-bibtex/bibtex.mjs
+frontend/js/features/source-editor/lezer-bibtex/bibtex.terms.mjs
+
+!**/fixtures/**/*.log
diff --git a/services/web/.nvmrc b/services/web/.nvmrc
new file mode 100644
index 0000000..0254b1e
--- /dev/null
+++ b/services/web/.nvmrc
@@ -0,0 +1 @@
+20.18.2
diff --git a/services/web/.prettierignore b/services/web/.prettierignore
new file mode 100644
index 0000000..f4be187
--- /dev/null
+++ b/services/web/.prettierignore
@@ -0,0 +1,14 @@
+# NOTE: changing paths may require updating them in the Makefile too.
+data/
+scripts/translations/.cache/
+node_modules
+frontend/js/vendor
+modules/**/frontend/js/vendor
+public/js
+public/minjs
+frontend/stylesheets/components/nvd3.less
+frontend/js/features/source-editor/lezer-latex/latex.mjs
+frontend/js/features/source-editor/lezer-latex/latex.terms.mjs
+frontend/js/features/source-editor/lezer-bibtex/bibtex.mjs
+frontend/js/features/source-editor/lezer-bibtex/bibtex.terms.mjs
+frontend/js/features/source-editor/hunspell/wasm/hunspell.mjs
diff --git a/services/web/.prettierrc b/services/web/.prettierrc
new file mode 100644
index 0000000..13e3186
--- /dev/null
+++ b/services/web/.prettierrc
@@ -0,0 +1,9 @@
+{
+  "arrowParens": "avoid",
+  "jsxSingleQuote": false,
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "useTabs": false
+}
diff --git a/services/web/.storybook/main.ts b/services/web/.storybook/main.ts
new file mode 100644
index 0000000..ac1a922
--- /dev/null
+++ b/services/web/.storybook/main.ts
@@ -0,0 +1,129 @@
+import type { StorybookConfig } from '@storybook/react-webpack5'
+import path from 'node:path'
+import MiniCssExtractPlugin from 'mini-css-extract-plugin'
+
+const rootDir = path.resolve(__dirname, '..')
+
+// NOTE: must be set before webpack config is imported
+process.env.OVERLEAF_CONFIG = path.join(rootDir, 'config/settings.webpack.js')
+
+function getAbsolutePath(value: string): any {
+  return path.dirname(require.resolve(path.join(value, 'package.json')))
+}
+
+const config: StorybookConfig = {
+  core: {
+    disableTelemetry: true,
+  },
+  staticDirs: [path.join(rootDir, 'public')],
+  stories: [
+    path.join(rootDir, 'frontend/stories/**/*.stories.{js,jsx,ts,tsx}'),
+    path.join(rootDir, 'modules/**/stories/**/*.stories.{js,jsx,ts,tsx}'),
+  ],
+  addons: [
+    getAbsolutePath('@storybook/addon-links'),
+    getAbsolutePath('@storybook/addon-essentials'),
+    getAbsolutePath('@storybook/addon-interactions'),
+    getAbsolutePath('@storybook/addon-a11y'),
+    getAbsolutePath('@storybook/addon-webpack5-compiler-babel'),
+    {
+      name: getAbsolutePath('@storybook/addon-styling-webpack'),
+      options: {
+        rules: [
+          {
+            test: /\.css$/,
+            use: [
+              { loader: MiniCssExtractPlugin.loader },
+              { loader: 'css-loader' },
+            ],
+          },
+          {
+            test: /\.less$/,
+            use: [
+              { loader: MiniCssExtractPlugin.loader },
+              { loader: 'css-loader' },
+              { loader: 'less-loader' },
+            ],
+          },
+          {
+            // Pass Sass files through sass-loader/css-loader/mini-css-extract-
+            // plugin (note: run in reverse order)
+            test: /\.s[ac]ss$/,
+            use: [
+              // Allows the CSS to be extracted to a separate .css file
+              { loader: MiniCssExtractPlugin.loader },
+              // Resolves any CSS dependencies (e.g. url())
+              { loader: 'css-loader' },
+              // Resolve relative paths sensibly in SASS
+              { loader: 'resolve-url-loader' },
+              {
+                // Runs autoprefixer on CSS via postcss
+                loader: 'postcss-loader',
+                options: {
+                  postcssOptions: {
+                    plugins: ['autoprefixer'],
+                  },
+                },
+              },
+              // Compiles Sass to CSS
+              {
+                loader: 'sass-loader',
+                options: { sourceMap: true }, // sourceMap: true is required for resolve-url-loader
+              },
+            ],
+          },
+        ],
+        plugins: [new MiniCssExtractPlugin()],
+      },
+    },
+  ],
+  framework: {
+    name: getAbsolutePath('@storybook/react-webpack5'),
+    options: {},
+  },
+  docs: {
+    autodocs: 'tag',
+  },
+  babel: (options: Record<string, any>) => {
+    return {
+      ...options,
+      plugins: [
+        // ensure that TSX files are transformed before other plugins run
+        ['@babel/plugin-transform-typescript', { isTSX: true }],
+        ...(options.plugins ?? []),
+      ],
+    }
+  },
+  webpackFinal: storybookConfig => {
+    return {
+      ...storybookConfig,
+      resolve: {
+        ...storybookConfig.resolve,
+        fallback: {
+          ...storybookConfig.resolve?.fallback,
+          fs: false,
+          os: false,
+          module: false,
+          tty: require.resolve('tty-browserify'),
+        },
+        extensions: ['.js', '.jsx', '.mjs', '.ts', '.tsx', '.json'],
+        alias: {
+          ...storybookConfig.resolve?.alias,
+          // custom prefixes for import paths
+          '@': path.join(rootDir, 'frontend/js/'),
+        },
+      },
+      module: {
+        ...storybookConfig.module,
+        rules: (storybookConfig.module?.rules ?? []).concat({
+          test: /\.wasm$/,
+          type: 'asset/resource',
+          generator: {
+            filename: 'js/[name]-[contenthash][ext]',
+          },
+        }),
+      },
+    }
+  },
+}
+export default config
diff --git a/services/web/.storybook/manager.css b/services/web/.storybook/manager.css
new file mode 100644
index 0000000..7a99a82
--- /dev/null
+++ b/services/web/.storybook/manager.css
@@ -0,0 +1,3 @@
+.sidebar-container a[title='Overleaf'] {
+  max-width: 100px;
+}
diff --git a/services/web/.storybook/manager.ts b/services/web/.storybook/manager.ts
new file mode 100644
index 0000000..f5bdff6
--- /dev/null
+++ b/services/web/.storybook/manager.ts
@@ -0,0 +1,15 @@
+import { addons } from '@storybook/manager-api'
+import { create } from '@storybook/theming/create'
+
+import './manager.css'
+
+import brandImage from '../public/img/ol-brand/overleaf.svg'
+
+const theme = create({
+  base: 'light',
+  brandTitle: 'Overleaf',
+  brandUrl: 'https://www.overleaf.com',
+  brandImage,
+})
+
+addons.setConfig({ theme })
diff --git a/services/web/.storybook/preview.tsx b/services/web/.storybook/preview.tsx
new file mode 100644
index 0000000..e3838a6
--- /dev/null
+++ b/services/web/.storybook/preview.tsx
@@ -0,0 +1,173 @@
+import type { Preview } from '@storybook/react'
+
+// Storybook does not (currently) support async loading of "stories". Therefore
+// the strategy in frontend/js/i18n.ts does not work (because we cannot wait on
+// the promise to resolve).
+// Therefore we have to use the synchronous method for configuring
+// react-i18next. Because this, we can only hard-code a single language.
+import i18n from 'i18next'
+import { initReactI18next } from 'react-i18next'
+// @ts-ignore
+import en from '../../../services/web/locales/en.json'
+
+function resetMeta() {
+  window.metaAttributesCache = new Map()
+  window.metaAttributesCache.set('ol-i18n', { currentLangCode: 'en' })
+  window.metaAttributesCache.set('ol-ExposedSettings', {
+    adminEmail: 'placeholder@example.com',
+    appName: 'Overleaf',
+    cookieDomain: '.overleaf.stories',
+    dropboxAppName: 'Overleaf-Stories',
+    emailConfirmationDisabled: false,
+    enableSubscriptions: true,
+    hasAffiliationsFeature: false,
+    hasLinkUrlFeature: true,
+    hasLinkedProjectFileFeature: true,
+    hasLinkedProjectOutputFileFeature: true,
+    hasSamlFeature: true,
+    ieeeBrandId: 15,
+    isOverleaf: true,
+    labsEnabled: true,
+    maxEntitiesPerProject: 10,
+    maxUploadSize: 5 * 1024 * 1024,
+    recaptchaDisabled: {
+      invite: true,
+      login: true,
+      passwordReset: true,
+      register: true,
+      addEmail: true,
+    },
+    sentryAllowedOriginRegex: '',
+    siteUrl: 'http://localhost',
+    templateLinks: [],
+    textExtensions: [
+      'tex',
+      'latex',
+      'sty',
+      'cls',
+      'bst',
+      'bib',
+      'bibtex',
+      'txt',
+      'tikz',
+      'mtx',
+      'rtex',
+      'md',
+      'asy',
+      'lbx',
+      'bbx',
+      'cbx',
+      'm',
+      'lco',
+      'dtx',
+      'ins',
+      'ist',
+      'def',
+      'clo',
+      'ldf',
+      'rmd',
+      'lua',
+      'gv',
+      'mf',
+      'lhs',
+      'mk',
+      'xmpdata',
+      'cfg',
+      'rnw',
+      'ltx',
+      'inc',
+    ],
+    editableFilenames: ['latexmkrc', '.latexmkrc', 'makefile', 'gnumakefile'],
+    validRootDocExtensions: ['tex', 'Rtex', 'ltx', 'Rnw'],
+    fileIgnorePattern:
+      '**/{{__MACOSX,.git,.texpadtmp,.R}{,/**},.!(latexmkrc),*.{dvi,aux,log,toc,out,pdfsync,synctex,synctex(busy),fdb_latexmk,fls,nlo,ind,glo,gls,glg,bbl,blg,doc,docx,gz,swp}}',
+    projectUploadTimeout: 12000,
+  })
+}
+
+i18n.use(initReactI18next).init({
+  lng: 'en',
+
+  // still using the v3 plural suffixes
+  compatibilityJSON: 'v3',
+
+  resources: {
+    en: { translation: en },
+  },
+
+  react: {
+    useSuspense: false,
+    transSupportBasicHtmlNodes: false,
+  },
+
+  interpolation: {
+    prefix: '__',
+    suffix: '__',
+    unescapeSuffix: 'HTML',
+    skipOnVariables: true,
+    escapeValue: false,
+    defaultVariables: {
+      appName: 'Overleaf',
+    },
+  },
+})
+
+const preview: Preview = {
+  parameters: {
+    // Automatically mark prop-types like onClick, onToggle, etc as Storybook
+    // "actions", so that they are logged in the Actions pane at the bottom of the
+    // viewer
+    actions: { argTypesRegex: '^on.*' },
+    docs: {
+      // render stories in iframes, to isolate modals
+      inlineStories: false,
+    },
+  },
+  globalTypes: {
+    theme: {
+      name: 'Theme',
+      description: 'Editor theme',
+      defaultValue: 'main-',
+      toolbar: {
+        icon: 'circlehollow',
+        items: [
+          { value: 'main-', title: 'Default' },
+          { value: 'main-light-', title: 'Light' },
+        ],
+      },
+    },
+  },
+  loaders: [
+    async () => {
+      return {
+        mainStyle: await import(
+          // @ts-ignore
+          `!!to-string-loader!css-loader!resolve-url-loader!sass-loader!../../../services/web/frontend/stylesheets/bootstrap-5/main-style.scss`
+        ),
+      }
+    },
+  ],
+  decorators: [
+    (Story, context) => {
+      const { mainStyle } = context.loaded
+
+      resetMeta()
+
+      return (
+        <div
+          data-theme={
+            context.globals.theme === 'main-light-' ? 'light' : 'default'
+          }
+        >
+          {mainStyle && <style>{mainStyle.default}</style>}
+          <Story {...context} />
+        </div>
+      )
+    },
+  ],
+}
+
+export default preview
+
+// Populate meta for top-level access in modules on import
+resetMeta()
diff --git a/services/web/.storybook/utils/with-split-tests.tsx b/services/web/.storybook/utils/with-split-tests.tsx
new file mode 100644
index 0000000..0a7ee0b
--- /dev/null
+++ b/services/web/.storybook/utils/with-split-tests.tsx
@@ -0,0 +1,34 @@
+import type { Meta } from '@storybook/react'
+import _ from 'lodash'
+import { SplitTestContext } from '../../frontend/js/shared/context/split-test-context'
+
+export const splitTestsArgTypes = {
+  // to be able to use this utility, you need to add the argTypes for each split test in this object
+  // Check the original implementation for an example: https://github.com/overleaf/internal/pull/17809
+}
+
+export const withSplitTests = (
+  story: Meta,
+  splitTests: (keyof typeof splitTestsArgTypes)[] = []
+): Meta => {
+  return {
+    ...story,
+    argTypes: { ...story.argTypes, ..._.pick(splitTestsArgTypes, splitTests) },
+    decorators: [
+      (Story, { args }) => {
+        const splitTestVariants = _.pick(args, splitTests)
+        const value = { splitTestVariants, splitTestInfo: {} }
+        return (
+          <SplitTestContext.Provider value={value}>
+            <Story />
+          </SplitTestContext.Provider>
+        )
+      },
+      ...(story.decorators
+        ? Array.isArray(story.decorators)
+          ? story.decorators
+          : [story.decorators]
+        : []),
+    ],
+  }
+}
diff --git a/services/web/.stylelintrc.json b/services/web/.stylelintrc.json
new file mode 100644
index 0000000..09ff0b3
--- /dev/null
+++ b/services/web/.stylelintrc.json
@@ -0,0 +1,10 @@
+{
+  "extends": ["stylelint-config-standard-scss"],
+  "rules": {
+    "function-url-quotes": null,
+    "no-descending-specificity": null,
+    "scss/at-extend-no-missing-placeholder": null,
+    "scss/operator-no-newline-after": null,
+    "property-no-vendor-prefix": [true, { "ignoreProperties": ["mask-image"] }]
+  }
+}
diff --git a/services/web/.vscode/settings.json b/services/web/.vscode/settings.json
new file mode 100644
index 0000000..133731e
--- /dev/null
+++ b/services/web/.vscode/settings.json
@@ -0,0 +1,7 @@
+{
+  "files.exclude": {
+    "node_modules": true,
+    "data": true
+  },
+  "cSpell.words": ["docstore", "Tpds"]
+}
diff --git a/services/web/Dockerfile b/services/web/Dockerfile
new file mode 100644
index 0000000..4f5d2e5
--- /dev/null
+++ b/services/web/Dockerfile
@@ -0,0 +1,83 @@
+# the base image is suitable for running web with /overleaf/services/web bind
+# mounted
+FROM node:20.18.2 AS base
+
+WORKDIR /overleaf/services/web
+
+# Google Cloud Storage needs a writable $HOME/.config for resumable uploads
+# (see https://googleapis.dev/nodejs/storage/latest/File.html#createWriteStream)
+RUN mkdir /home/node/.config && chown node:node /home/node/.config
+
+RUN mkdir -p /overleaf/services/web/data/dumpFolder \
+    &&  mkdir -p /overleaf/services/web/data/logs \
+    &&  mkdir -p /overleaf/services/web/data/pdf \
+    &&  mkdir -p /overleaf/services/web/data/uploads \
+    &&  mkdir -p /overleaf/services/web/data/zippedProjects \
+    &&  mkdir -p /overleaf/services/web/data/projectHistories \
+    &&  chmod -R 0755 /overleaf/services/web/data \
+    &&  chown -R node:node /overleaf/services/web/data
+
+
+# the deps image is used for caching npm ci
+FROM base AS deps-prod
+
+COPY package.json package-lock.json /overleaf/
+COPY services/web/package.json /overleaf/services/web/
+COPY libraries/ /overleaf/libraries/
+COPY patches/ /overleaf/patches/
+
+RUN cd /overleaf && NODE_ENV=production npm ci --quiet
+
+FROM deps-prod AS deps
+
+ENV CYPRESS_INSTALL_BINARY=0
+
+COPY tsconfig.backend.json /overleaf/
+RUN cd /overleaf && npm install
+
+
+# the dev is suitable for running tests
+FROM deps AS dev
+
+ARG SENTRY_RELEASE
+ENV SENTRY_RELEASE=$SENTRY_RELEASE
+COPY services/web /overleaf/services/web
+
+# Build the latex parser
+RUN cd /overleaf/services/web && npm run 'lezer-latex:generate'
+
+USER node
+
+
+# the webpack image has deps+src+webpack artifacts
+FROM dev AS webpack
+USER root
+RUN OVERLEAF_CONFIG=/overleaf/services/web/config/settings.webpack.js nice npm run webpack:production
+
+
+# intermediate image for removing source maps ahead of copying into final production image
+FROM webpack AS webpack-no-sourcemaps
+RUN nice find /overleaf/services/web/public -name '*.js.map' -delete
+
+
+# copy source code and precompile pug images
+FROM deps-prod AS pug
+COPY services/web /overleaf/services/web
+# Omit Server Pro/CE specific scripts from SaaS image
+RUN rm /overleaf/services/web/modules/server-ce-scripts -rf
+RUN OVERLEAF_CONFIG=/overleaf/services/web/config/settings.overrides.saas.js nice npm run precompile-pug
+
+
+# the web image with only production dependencies but no webpack production build, for development
+FROM pug AS app-only
+USER node
+CMD ["node", "--expose-gc", "app.mjs"]
+
+
+# the final production image, with webpack production build but without source maps
+FROM pug AS app
+ARG SENTRY_RELEASE
+ENV SENTRY_RELEASE=$SENTRY_RELEASE
+COPY --from=webpack-no-sourcemaps /overleaf/services/web/public /overleaf/services/web/public
+USER node
+CMD ["node", "--expose-gc", "app.mjs"]
diff --git a/services/web/Dockerfile.frontend b/services/web/Dockerfile.frontend
new file mode 100644
index 0000000..0bdfd8c
--- /dev/null
+++ b/services/web/Dockerfile.frontend
@@ -0,0 +1,6 @@
+FROM node:20.18.2
+
+# Install Google Chrome
+RUN wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub | apt-key add -
+RUN sh -c 'echo "deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google.list'
+RUN apt-get update && apt-get install -y google-chrome-stable
diff --git a/services/web/Dockerfile.frontend.ci b/services/web/Dockerfile.frontend.ci
new file mode 100644
index 0000000..140d2bc
--- /dev/null
+++ b/services/web/Dockerfile.frontend.ci
@@ -0,0 +1,11 @@
+ARG PROJECT_NAME
+ARG BRANCH_NAME
+ARG BUILD_NUMBER
+
+FROM ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+
+USER root
+
+RUN wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub | apt-key add - && \
+    echo "deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google.list && \
+    apt-get update && apt-get install -y google-chrome-stable
diff --git a/services/web/LICENSE b/services/web/LICENSE
new file mode 100644
index 0000000..dba13ed
--- /dev/null
+++ b/services/web/LICENSE
@@ -0,0 +1,661 @@
+                    GNU AFFERO GENERAL PUBLIC LICENSE
+                       Version 3, 19 November 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU Affero General Public License is a free, copyleft license for
+software and other kinds of works, specifically designed to ensure
+cooperation with the community in the case of network server software.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+our General Public Licenses are intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  Developers that use our General Public Licenses protect your rights
+with two steps: (1) assert copyright on the software, and (2) offer
+you this License which gives you legal permission to copy, distribute
+and/or modify the software.
+
+  A secondary benefit of defending all users' freedom is that
+improvements made in alternate versions of the program, if they
+receive widespread use, become available for other developers to
+incorporate.  Many developers of free software are heartened and
+encouraged by the resulting cooperation.  However, in the case of
+software used on network servers, this result may fail to come about.
+The GNU General Public License permits making a modified version and
+letting the public access it on a server without ever releasing its
+source code to the public.
+
+  The GNU Affero General Public License is designed specifically to
+ensure that, in such cases, the modified source code becomes available
+to the community.  It requires the operator of a network server to
+provide the source code of the modified version running there to the
+users of that server.  Therefore, public use of a modified version, on
+a publicly accessible server, gives the public access to the source
+code of the modified version.
+
+  An older license, called the Affero General Public License and
+published by Affero, was designed to accomplish similar goals.  This is
+a different license, not a version of the Affero GPL, but Affero has
+released a new version of the Affero GPL which permits relicensing under
+this license.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU Affero General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Remote Network Interaction; Use with the GNU General Public License.
+
+  Notwithstanding any other provision of this License, if you modify the
+Program, your modified version must prominently offer all users
+interacting with it remotely through a computer network (if your version
+supports such interaction) an opportunity to receive the Corresponding
+Source of your version by providing access to the Corresponding Source
+from a network server at no charge, through some standard or customary
+means of facilitating copying of software.  This Corresponding Source
+shall include the Corresponding Source for any work covered by version 3
+of the GNU General Public License that is incorporated pursuant to the
+following paragraph.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the work with which it is combined will remain governed by version
+3 of the GNU General Public License.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU Affero General Public License from time to time.  Such new versions
+will be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU Affero General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU Affero General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU Affero General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU Affero General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU Affero General Public License for more details.
+
+    You should have received a copy of the GNU Affero General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If your software can interact with users remotely through a computer
+network, you should also make sure that it provides a way for users to
+get its source.  For example, if your program is a web application, its
+interface could display a "Source" link that leads users to an archive
+of the code.  There are many ways you could offer source, and different
+solutions will be better for different programs; see section 13 for the
+specific requirements.
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU AGPL, see
+<http://www.gnu.org/licenses/>.
diff --git a/services/web/Makefile b/services/web/Makefile
new file mode 100644
index 0000000..c691604
--- /dev/null
+++ b/services/web/Makefile
@@ -0,0 +1,571 @@
+DOCKER_COMPOSE_FLAGS ?= -f docker-compose.yml
+
+BUILD_NUMBER ?= local
+BRANCH_NAME ?= $(shell git rev-parse --abbrev-ref HEAD)
+PROJECT_NAME = web
+BUILD_DIR_NAME = $(shell pwd | xargs basename | tr -cd '[a-zA-Z0-9_.\-]')
+PWD = $(shell pwd)
+
+export OVERLEAF_CONFIG ?= /overleaf/services/web/test/acceptance/config/settings.test.saas.js
+export BASE_CONFIG ?= ${OVERLEAF_CONFIG}
+
+CFG_SAAS=/overleaf/services/web/test/acceptance/config/settings.test.saas.js
+CFG_SERVER_CE=/overleaf/services/web/test/acceptance/config/settings.test.server-ce.js
+CFG_SERVER_PRO=/overleaf/services/web/test/acceptance/config/settings.test.server-pro.js
+
+DOCKER_COMPOSE := BUILD_NUMBER=$(BUILD_NUMBER) \
+	BRANCH_NAME=$(BRANCH_NAME) \
+	PROJECT_NAME=$(PROJECT_NAME) \
+	MOCHA_GREP=${MOCHA_GREP} \
+	docker compose ${DOCKER_COMPOSE_FLAGS}
+
+MODULE_DIRS := $(shell find modules -mindepth 1 -maxdepth 1 -type d -not -name '.git' )
+MODULE_MAKEFILES := $(MODULE_DIRS:=/Makefile)
+MODULE_NAME=$(shell basename $(MODULE))
+
+$(MODULE_MAKEFILES): Makefile.module
+	cp Makefile.module $@ || diff Makefile.module $@
+
+#
+# Clean
+#
+
+clean:
+	-$(DOCKER_COMPOSE) down --rmi local
+	-COMPOSE_PROJECT_NAME=unit_test_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down --rmi local
+	-COMPOSE_PROJECT_NAME=unit_test_all_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down --rmi local
+	-COMPOSE_PROJECT_NAME=unit_test_parallel_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down --rmi local
+	-COMPOSE_PROJECT_NAME=unit_test_parallel_make_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down --rmi local
+	-COMPOSE_PROJECT_NAME=acceptance_test_saas_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down --rmi local
+	-COMPOSE_PROJECT_NAME=acceptance_test_server_ce_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down --rmi local
+	-COMPOSE_PROJECT_NAME=acceptance_test_server_pro_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down --rmi local
+	-COMPOSE_PROJECT_NAME=acceptance_modules_merged_saas_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down --rmi local
+	-COMPOSE_PROJECT_NAME=acceptance_modules_merged_saas_1_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down --rmi local
+	-COMPOSE_PROJECT_NAME=acceptance_modules_merged_saas_2_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down --rmi local
+	-COMPOSE_PROJECT_NAME=acceptance_modules_merged_saas_3_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down --rmi local
+	-COMPOSE_PROJECT_NAME=acceptance_modules_merged_saas_4_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down --rmi local
+	-COMPOSE_PROJECT_NAME=acceptance_modules_merged_server_ce_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down --rmi local
+	-COMPOSE_PROJECT_NAME=acceptance_modules_merged_server_pro_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down --rmi local
+	-COMPOSE_PROJECT_NAME=test_frontend_ct_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down --rmi local
+	-COMPOSE_PROJECT_NAME=tar_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down --rmi local
+
+clean_ci:
+	$(DOCKER_COMPOSE) down -v -t 0
+	docker container list | grep 'days ago' | cut -d ' ' -f 1 - | xargs -r docker container stop
+	docker image prune -af --filter "until=48h"
+	docker network prune -f
+
+#
+# Tests
+#
+
+test: test_unit test_acceptance test_frontend test_frontend_ct
+
+test_module: test_unit_module test_acceptance_module
+
+#
+# Unit tests
+#
+
+test_unit: test_unit_all
+test_unit_all: export COMPOSE_PROJECT_NAME=unit_test_all_$(BUILD_DIR_NAME)
+test_unit_all:
+	$(DOCKER_COMPOSE) run --rm test_unit npm run test:unit:all
+	$(DOCKER_COMPOSE) down -v -t 0
+
+test_unit_all_silent: export COMPOSE_PROJECT_NAME=unit_test_all_$(BUILD_DIR_NAME)
+test_unit_all_silent:
+	$(DOCKER_COMPOSE) run --rm test_unit npm run test:unit:all:silent
+	$(DOCKER_COMPOSE) down -v -t 0
+
+test_unit_app: export COMPOSE_PROJECT_NAME=unit_test_$(BUILD_DIR_NAME)
+test_unit_app:
+	$(DOCKER_COMPOSE) run --name unit_test_$(BUILD_DIR_NAME) --rm test_unit
+	$(DOCKER_COMPOSE) down -v -t 0
+
+TEST_SUITES = $(sort $(filter-out \
+	$(wildcard test/unit/src/helpers/*), \
+	$(wildcard test/unit/src/*/*)))
+
+MOCHA_CMD_LINE = \
+	mocha \
+		--exit \
+		--file test/unit/bootstrap.js \
+		--grep=${MOCHA_GREP} \
+		--reporter spec \
+		--timeout 25000 \
+
+.PHONY: $(TEST_SUITES)
+$(TEST_SUITES):
+	$(MOCHA_CMD_LINE) $@
+
+J ?= 1
+test_unit_app_parallel_gnu_make: $(TEST_SUITES)
+test_unit_app_parallel_gnu_make_docker: export COMPOSE_PROJECT_NAME = \
+	unit_test_parallel_make_$(BUILD_DIR_NAME)
+test_unit_app_parallel_gnu_make_docker:
+	$(DOCKER_COMPOSE) run --rm test_unit \
+		make test_unit_app_parallel_gnu_make --output-sync -j $(J)
+	$(DOCKER_COMPOSE) down -v -t 0
+
+TEST_UNIT_MODULES = $(MODULE_DIRS:=/test_unit)
+$(TEST_UNIT_MODULES): %/test_unit: %/Makefile
+test_unit_modules: $(TEST_UNIT_MODULES)
+
+test_unit_module:
+	$(MAKE) modules/$(MODULE_NAME)/test_unit
+
+
+#
+# Frontend tests
+#
+
+test_frontend:
+	COMPOSE_PROJECT_NAME=frontend_test_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) run --rm test_frontend
+	COMPOSE_PROJECT_NAME=frontend_test_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down -v -t 0
+
+#
+# Frontend component tests in Cypress
+#
+# Local development: use $ make test_frontend_ct
+#
+TEST_FRONTEND_CT_VARIANTS = \
+	test_frontend_ct \
+	test_frontend_ct_core_other \
+	test_frontend_ct_core_features \
+	test_frontend_ct_modules \
+	test_frontend_ct_editor_other \
+	test_frontend_ct_editor_visual \
+
+# Note: The below cypress targets are for CI only
+build_test_frontend_ct:
+	docker run --rm --volume /dev/shm:/dev/shm --user root $(IMAGE_CI) bash -ec 'tar -cC / overleaf | tar -xC /dev/shm'
+
+test_frontend_ct_core_other: export CYPRESS_RESULTS=./cypress/results/core
+test_frontend_ct_core_other: export CYPRESS_SPEC_PATTERN=./test/frontend/**/*.spec.{js,jsx,ts,tsx}
+test_frontend_ct_core_other: export CYPRESS_EXCLUDE_SPEC_PATTERN=./test/frontend/features/**/*.spec.{js,jsx,ts,tsx}
+
+test_frontend_ct_core_features: export CYPRESS_RESULTS=./cypress/results/core
+test_frontend_ct_core_features: export CYPRESS_SPEC_PATTERN=./test/frontend/features/**/*.spec.{js,jsx,ts,tsx}
+test_frontend_ct_core_features: export CYPRESS_EXCLUDE_SPEC_PATTERN=./test/frontend/features/source-editor/**/*.spec.{js,jsx,ts,tsx}
+
+test_frontend_ct_modules: export CYPRESS_RESULTS=./cypress/results/modules
+test_frontend_ct_modules: export CYPRESS_SPEC_PATTERN=./modules/**/test/frontend/**/*.spec.{js,jsx,ts,tsx}
+
+test_frontend_ct_editor_other: export CYPRESS_RESULTS=./cypress/results/editor_other
+test_frontend_ct_editor_other: export CYPRESS_SPEC_PATTERN=./test/frontend/features/source-editor/**/*.spec.{js,jsx,ts,tsx}
+test_frontend_ct_editor_other: export CYPRESS_EXCLUDE_SPEC_PATTERN=./test/frontend/features/source-editor/components/codemirror-editor-visual*.spec.{js,jsx,ts,tsx}
+
+test_frontend_ct_editor_visual: export CYPRESS_RESULTS=./cypress/results/editor_visual
+test_frontend_ct_editor_visual: export CYPRESS_SPEC_PATTERN=./test/frontend/features/source-editor/components/codemirror-editor-visual*.spec.{js,jsx,ts,tsx}
+
+$(TEST_FRONTEND_CT_VARIANTS):
+	COMPOSE_PROJECT_NAME=$@_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) run --rm test_frontend_ct
+	COMPOSE_PROJECT_NAME=$@_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down -v -t 0
+
+#
+# Acceptance tests
+#
+
+test_acceptance: test_acceptance_app test_acceptance_modules
+test_acceptance_saas: test_acceptance_app_saas test_acceptance_modules_merged_saas
+test_acceptance_server_ce: test_acceptance_app_server_ce test_acceptance_modules_merged_server_ce
+test_acceptance_server_pro: test_acceptance_app_server_pro test_acceptance_modules_merged_server_pro
+
+TEST_ACCEPTANCE_APP :=  \
+	test_acceptance_app_saas \
+	test_acceptance_app_server_ce \
+	test_acceptance_app_server_pro \
+
+test_acceptance_app: $(TEST_ACCEPTANCE_APP)
+test_acceptance_app_saas: export COMPOSE_PROJECT_NAME=acceptance_test_saas_$(BUILD_DIR_NAME)
+test_acceptance_app_saas: export OVERLEAF_CONFIG=$(CFG_SAAS)
+test_acceptance_app_server_ce: export COMPOSE_PROJECT_NAME=acceptance_test_server_ce_$(BUILD_DIR_NAME)
+test_acceptance_app_server_ce: export OVERLEAF_CONFIG=$(CFG_SERVER_CE)
+test_acceptance_app_server_pro: export COMPOSE_PROJECT_NAME=acceptance_test_server_pro_$(BUILD_DIR_NAME)
+test_acceptance_app_server_pro: export OVERLEAF_CONFIG=$(CFG_SERVER_PRO)
+
+$(TEST_ACCEPTANCE_APP):
+	$(DOCKER_COMPOSE) run --rm test_acceptance
+	$(DOCKER_COMPOSE) down -v -t 0
+
+# We are using _make magic_ for turning these file-targets into calls to
+#  sub-Makefiles in the individual modules.
+# These sub-Makefiles need to be kept in sync with the template, hence we
+#  add a dependency on each modules Makefile and cross-link that to the
+#  template at the very top of this file.
+# Example: `web$ make modules/server-ce-scripts/test_acceptance_server_ce`
+# Description: Run the acceptance tests of the server-ce-scripts module in an
+#               Overleaf Community Edition Environment.
+# Break down:
+#  Target: modules/server-ce-scripts/test_acceptance_server_ce
+#    -> depends on modules/server-ce-scripts/Makefile
+#    -> add environment variable BASE_CONFIG=$(CFG_SERVER_CE)
+#    -> BASE_CONFIG=/overleaf/services/web/test/acceptance/config/settings.test.server-ce.js
+#    -> automatic target: `make -C server-ce-scripts test_acceptance_server_ce`
+#    -> automatic target: run `make test_acceptance_server_ce` in module
+#  Target: modules/server-ce-scripts/Makefile
+#    -> depends on Makefile.module
+#    -> automatic target: copies the file when changed
+TEST_ACCEPTANCE_MODULES = $(MODULE_DIRS:=/test_acceptance)
+$(TEST_ACCEPTANCE_MODULES): %/test_acceptance: %/Makefile
+$(TEST_ACCEPTANCE_MODULES): modules/%/test_acceptance:
+	$(MAKE) test_acceptance_module MODULE_NAME=$*
+
+TEST_ACCEPTANCE_MODULES_SAAS = $(MODULE_DIRS:=/test_acceptance_saas)
+$(TEST_ACCEPTANCE_MODULES_SAAS): %/test_acceptance_saas: %/Makefile
+$(TEST_ACCEPTANCE_MODULES_SAAS): export BASE_CONFIG = $(CFG_SAAS)
+
+# This line adds `/test_acceptance_saas` suffix to all items in $(MODULE_DIRS).
+TEST_ACCEPTANCE_MODULES_SERVER_CE = $(MODULE_DIRS:=/test_acceptance_server_ce)
+# This line adds a dependency on the modules Makefile.
+$(TEST_ACCEPTANCE_MODULES_SERVER_CE): %/test_acceptance_server_ce: %/Makefile
+# This line adds the environment variable BASE_CONFIG=$(CFG_SERVER_CE) to all
+#  invocations of `web$ make modules/foo/test_acceptance_server_ce`.
+$(TEST_ACCEPTANCE_MODULES_SERVER_CE): export BASE_CONFIG = $(CFG_SERVER_CE)
+
+TEST_ACCEPTANCE_MODULES_SERVER_PRO = $(MODULE_DIRS:=/test_acceptance_server_pro)
+$(TEST_ACCEPTANCE_MODULES_SERVER_PRO): %/test_acceptance_server_pro: %/Makefile
+$(TEST_ACCEPTANCE_MODULES_SERVER_PRO): export BASE_CONFIG = $(CFG_SERVER_PRO)
+
+CLEAN_TEST_ACCEPTANCE_MODULES = $(MODULE_DIRS:=/clean_test_acceptance)
+$(CLEAN_TEST_ACCEPTANCE_MODULES): %/clean_test_acceptance: %/Makefile
+clean_test_acceptance_modules: $(CLEAN_TEST_ACCEPTANCE_MODULES)
+clean_ci: clean_test_acceptance_modules
+
+test_acceptance_module_noop:
+	@echo
+	@echo Module '$(MODULE_NAME)' does not run in ${LABEL}.
+	@echo
+
+TEST_ACCEPTANCE_MODULE_MAYBE_IN := \
+	test_acceptance_module_maybe_in_saas \
+	test_acceptance_module_maybe_in_server_ce \
+	test_acceptance_module_maybe_in_server_pro \
+
+test_acceptance_module: $(TEST_ACCEPTANCE_MODULE_MAYBE_IN)
+test_acceptance_module_maybe_in_saas: export BASE_CONFIG=$(CFG_SAAS)
+test_acceptance_module_maybe_in_server_ce: export BASE_CONFIG=$(CFG_SERVER_CE)
+test_acceptance_module_maybe_in_server_pro: export BASE_CONFIG=$(CFG_SERVER_PRO)
+
+# We need to figure out whether the module is loaded in a given environment.
+# This information is stored in the (base-)settings.
+# We get the full list of modules and check for a matching module entry.
+# Either the grep will find and emit the module, or exits with code 1, which
+#  we handle with a fallback to a noop make target.
+# Run the node command in a docker compose container which provides the needed
+#  npm dependencies (from disk in dev-env or from the CI image in CI).
+# Pick the test_unit service which is very light-weight -- the test_acceptance
+#  service would start mongo/redis.
+$(TEST_ACCEPTANCE_MODULE_MAYBE_IN): test_acceptance_module_maybe_in_%:
+	$(MAKE) $(shell \
+		OVERLEAF_CONFIG=$(BASE_CONFIG) \
+		$(DOCKER_COMPOSE) run --rm test_unit \
+		node test/acceptance/getModuleTargets test_acceptance_$* \
+		| grep -e /$(MODULE_NAME)/ || echo test_acceptance_module_noop LABEL=$* \
+	)
+
+# See docs for test_acceptance_server_ce how this works.
+test_acceptance_module_saas: export BASE_CONFIG = $(CFG_SAAS)
+test_acceptance_module_saas:
+	$(MAKE) modules/$(MODULE_NAME)/test_acceptance_saas
+
+test_acceptance_module_server_ce: export BASE_CONFIG = $(CFG_SERVER_CE)
+test_acceptance_module_server_ce:
+	$(MAKE) modules/$(MODULE_NAME)/test_acceptance_server_ce
+
+test_acceptance_module_server_pro: export BASE_CONFIG = $(CFG_SERVER_PRO)
+test_acceptance_module_server_pro:
+	$(MAKE) modules/$(MODULE_NAME)/test_acceptance_server_pro
+
+# See docs for test_acceptance_server_ce how this works.
+TEST_ACCEPTANCE_MODULES_MERGED_INNER = $(MODULE_DIRS:=/test_acceptance_merged_inner)
+$(TEST_ACCEPTANCE_MODULES_MERGED_INNER): %/test_acceptance_merged_inner: %/Makefile
+test_acceptance_modules_merged_inner:
+	$(MAKE) $(shell \
+		OVERLEAF_CONFIG=$(BASE_CONFIG) \
+		node test/acceptance/getModuleTargets test_acceptance_merged_inner \
+	)
+
+# inner loop for running saas tests in parallel
+no_more_targets:
+
+# If we ever have more than 40 modules, we need to add _5 targets to all the places and have it START at 41.
+test_acceptance_modules_merged_inner_1: export START=1
+test_acceptance_modules_merged_inner_2: export START=11
+test_acceptance_modules_merged_inner_3: export START=21
+test_acceptance_modules_merged_inner_4: export START=31
+TEST_ACCEPTANCE_MODULES_MERGED_INNER_SPLIT = \
+	test_acceptance_modules_merged_inner_1 \
+	test_acceptance_modules_merged_inner_2 \
+	test_acceptance_modules_merged_inner_3 \
+	test_acceptance_modules_merged_inner_4 \
+
+# The node script prints one module per line.
+# Using tail and head we skip over the first n=START entries and print the last 10.
+# Finally we check with grep for any targets in a batch and print a fallback if none were found.
+$(TEST_ACCEPTANCE_MODULES_MERGED_INNER_SPLIT):
+	$(MAKE) $(shell \
+		OVERLEAF_CONFIG=$(BASE_CONFIG) \
+		node test/acceptance/getModuleTargets test_acceptance_merged_inner \
+		| tail -n+$(START) | head -n 10 \
+		| grep -e . || echo no_more_targets \
+	)
+
+# See docs for test_acceptance_server_ce how this works.
+test_acceptance_modules_merged_saas: export COMPOSE_PROJECT_NAME = \
+	acceptance_test_modules_merged_saas_$(BUILD_DIR_NAME)
+test_acceptance_modules_merged_saas: export BASE_CONFIG = $(CFG_SAAS)
+
+test_acceptance_modules_merged_server_ce: export COMPOSE_PROJECT_NAME = \
+	acceptance_test_modules_merged_server_ce_$(BUILD_DIR_NAME)
+test_acceptance_modules_merged_server_ce: export BASE_CONFIG = $(CFG_SERVER_CE)
+
+test_acceptance_modules_merged_server_pro: export COMPOSE_PROJECT_NAME = \
+	acceptance_test_modules_merged_server_pro_$(BUILD_DIR_NAME)
+test_acceptance_modules_merged_server_pro: export BASE_CONFIG = $(CFG_SERVER_PRO)
+
+# All these variants run the same command.
+# Each target has a different set of environment defined above.
+TEST_ACCEPTANCE_MODULES_MERGED_VARIANTS = \
+	test_acceptance_modules_merged_saas \
+	test_acceptance_modules_merged_server_ce \
+	test_acceptance_modules_merged_server_pro \
+
+$(TEST_ACCEPTANCE_MODULES_MERGED_VARIANTS):
+	$(DOCKER_COMPOSE) run --rm test_acceptance make test_acceptance_modules_merged_inner
+	$(DOCKER_COMPOSE) down -v -t 0
+
+# outer loop for running saas tests in parallel
+TEST_ACCEPTANCE_MODULES_MERGED_SPLIT_SAAS = \
+	test_acceptance_modules_merged_saas_1 \
+	test_acceptance_modules_merged_saas_2 \
+	test_acceptance_modules_merged_saas_3 \
+	test_acceptance_modules_merged_saas_4 \
+
+test_acceptance_modules_merged_saas_1: export COMPOSE_PROJECT_NAME = \
+	acceptance_test_modules_merged_saas_1_$(BUILD_DIR_NAME)
+test_acceptance_modules_merged_saas_2: export COMPOSE_PROJECT_NAME = \
+	acceptance_test_modules_merged_saas_2_$(BUILD_DIR_NAME)
+test_acceptance_modules_merged_saas_3: export COMPOSE_PROJECT_NAME = \
+	acceptance_test_modules_merged_saas_3_$(BUILD_DIR_NAME)
+test_acceptance_modules_merged_saas_4: export COMPOSE_PROJECT_NAME = \
+	acceptance_test_modules_merged_saas_4_$(BUILD_DIR_NAME)
+$(TEST_ACCEPTANCE_MODULES_MERGED_SPLIT_SAAS): export BASE_CONFIG = $(CFG_SAAS)
+
+$(TEST_ACCEPTANCE_MODULES_MERGED_SPLIT_SAAS): test_acceptance_modules_merged_saas_%:
+	$(DOCKER_COMPOSE) run --rm test_acceptance make test_acceptance_modules_merged_inner_$*
+	$(DOCKER_COMPOSE) down -v -t 0
+
+test_acceptance_modules: $(TEST_ACCEPTANCE_MODULES_MERGED_VARIANTS)
+
+#
+# CI tests
+#
+
+ci:
+	MOCHA_ARGS="--reporter tap" \
+	$(MAKE) test
+
+#
+# Lint & format
+#
+ORG_PATH = /usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin
+RUN_LINT_FORMAT ?= \
+	docker run --rm ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+
+NODE_MODULES_PATH := ${PATH}:${PWD}/node_modules/.bin:/overleaf/services/web/node_modules/.bin
+WITH_NODE_MODULES_PATH = \
+	format_backend \
+	format_frontend \
+	format_misc \
+	format_styles \
+	format_test_app_unit \
+	format_test_app_rest \
+	format_test_modules \
+	$(TEST_SUITES) \
+
+$(WITH_NODE_MODULES_PATH): export PATH=$(NODE_MODULES_PATH)
+
+lint: lint_eslint
+lint_eslint:
+	npm run lint
+
+lint: lint_stylelint
+lint_stylelint:
+	npm run lint:styles
+
+lint: lint_pug
+lint_pug:
+	bin/lint_pug_templates
+
+lint: lint_locales
+lint_locales:
+	bin/lint_locales
+
+lint: check_extracted_translations
+check_extracted_translations:
+	bin/check_extracted_translations
+
+sort_locales:
+	 node scripts/translations/sort.js
+
+cleanup_unused_locales:
+	 node scripts/translations/cleanupUnusedLocales.js
+
+lint: lint_flag_res_send_usage
+lint_flag_res_send_usage:
+	bin/lint_flag_res_send_usage
+
+lint: lint_overleafModuleImports
+lint_overleafModuleImports:
+	node scripts/check_overleafModuleImports.mjs
+
+lint: typecheck_frontend
+typecheck_frontend:
+	npm run --silent type-check
+
+lint: typecheck_backend
+typecheck_backend:
+	npm run --silent type-check:backend
+
+lint_in_docker:
+	$(RUN_LINT_FORMAT) make lint -j2 --output-sync
+
+format: format_js
+format_js:
+	npm run --silent format
+
+format: format_styles
+format_styles:
+	npm run --silent format:styles
+
+format_fix:
+	npm run --silent format:fix
+
+format_styles_fix:
+	npm run --silent format:styles:fix
+
+format_in_docker:
+	$(RUN_LINT_FORMAT) make format -j2 --output-sync
+
+SHELLCHECK_OPTS = \
+	--shell=bash \
+	--external-sources
+SHELLCHECK_COLOR := $(if $(CI),--color=never,--color)
+SHELLCHECK_FILES := { git ls-files "*.sh" -z; git grep -Plz "\A\#\!.*bash"; } | sort -zu
+
+shellcheck:
+	@$(SHELLCHECK_FILES) | xargs -0 -r docker run --rm -v $(PWD):/mnt -w /mnt \
+		koalaman/shellcheck:stable $(SHELLCHECK_OPTS) $(SHELLCHECK_COLOR)
+
+shellcheck_fix:
+	@$(SHELLCHECK_FILES) | while IFS= read -r -d '' file; do \
+		diff=$$(docker run --rm -v $(PWD):/mnt -w /mnt koalaman/shellcheck:stable $(SHELLCHECK_OPTS) --format=diff "$$file" 2>/dev/null); \
+		if [ -n "$$diff" ] && ! echo "$$diff" | patch -p1 >/dev/null 2>&1; then echo "\033[31m$$file\033[0m"; \
+		elif [ -n "$$diff" ]; then echo "$$file"; \
+		else echo "\033[2m$$file\033[0m"; fi \
+	done
+
+#
+# Build & publish
+#
+
+IMAGE_CI ?= ci/$(PROJECT_NAME):$(BRANCH_NAME)-$(BUILD_NUMBER)
+IMAGE_REPO ?= us-east1-docker.pkg.dev/overleaf-ops/ol-docker/$(PROJECT_NAME)
+IMAGE_REPO_BRANCH ?= $(IMAGE_REPO):$(BRANCH_NAME)
+IMAGE_REPO_MAIN ?= $(IMAGE_REPO):main
+IMAGE_REPO_FINAL ?= $(IMAGE_REPO_BRANCH)-$(BUILD_NUMBER)
+
+export SENTRY_RELEASE ?= ${COMMIT_SHA}
+
+build_deps:
+	docker build --pull \
+		--build-arg BUILDKIT_INLINE_CACHE=1 \
+		--cache-from $(IMAGE_REPO_BRANCH)-deps \
+		--cache-from $(IMAGE_REPO_MAIN)-deps \
+		--tag $(IMAGE_REPO_BRANCH)-deps \
+		--target deps \
+		--file Dockerfile \
+		../..
+
+build_dev:
+	docker build \
+		--build-arg SENTRY_RELEASE \
+		--tag $(IMAGE_CI) \
+		--tag $(IMAGE_CI)-dev \
+		--target dev \
+		--file Dockerfile \
+		../..
+
+build_webpack:
+	$(MAKE) build_webpack_once \
+	|| $(MAKE) build_webpack_once
+
+build_webpack_once:
+	docker build \
+		--build-arg SENTRY_RELEASE \
+		--cache-from $(IMAGE_CI)-dev \
+		--cache-from $(IMAGE_CI)-webpack \
+		--tag $(IMAGE_CI)-webpack \
+		--target webpack \
+		--file Dockerfile \
+		../..
+
+build_pug:
+	docker build \
+		--build-arg SENTRY_RELEASE \
+		--cache-from $(IMAGE_CI)-dev \
+		--tag $(IMAGE_CI)-pug \
+		--target pug \
+		--file Dockerfile \
+		../..
+
+build:
+	docker build \
+		--build-arg SENTRY_RELEASE \
+		--cache-from $(IMAGE_CI)-webpack \
+		--cache-from $(IMAGE_CI)-pug \
+		--cache-from $(IMAGE_REPO_FINAL) \
+		--tag $(IMAGE_REPO_FINAL) \
+		--target app \
+		--file Dockerfile \
+		../..
+
+publish:
+	docker push $(IMAGE_REPO_FINAL)
+
+tar:
+	COMPOSE_PROJECT_NAME=tar_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) run --rm tar
+	COMPOSE_PROJECT_NAME=tar_$(BUILD_DIR_NAME) $(DOCKER_COMPOSE) down -v -t 0
+
+build_storybook:
+	npm run lezer-latex:generate
+	npm run build-storybook
+	if [ -n "$(BRANCH_NAME)" ]; then \
+	  echo "Renaming storybook-static -> $(BRANCH_NAME)."; \
+	  d=$$(dirname "$(BRANCH_NAME)"); \
+	  mkdir -p "storybook-output/$$d"; \
+	  mv storybook-static "storybook-output/$$d/$$(basename "$(BRANCH_NAME)")/"; \
+	fi
+
+MODULE_TARGETS = \
+	$(TEST_ACCEPTANCE_MODULES_SAAS) \
+	$(TEST_ACCEPTANCE_MODULES_SERVER_CE) \
+	$(TEST_ACCEPTANCE_MODULES_SERVER_PRO) \
+	$(TEST_ACCEPTANCE_MODULES_MERGED_INNER) \
+	$(CLEAN_TEST_ACCEPTANCE_MODULES) \
+	$(TEST_UNIT_MODULES) \
+
+$(MODULE_TARGETS):
+	$(MAKE) -C $(dir $@) $(notdir $@) BUILD_DIR_NAME=$(BUILD_DIR_NAME)
+
+.PHONY:
+	$(MODULE_TARGETS) \
+	compile_modules compile_modules_full clean_ci \
+	test test_module test_unit test_unit_app \
+	test_unit_modules test_unit_module test_frontend \
+	test_acceptance test_acceptance_app test_acceptance_modules \
+	test_acceptance_module ci format format_fix lint \
+	shellcheck shellcheck_fix \
+	build publish tar
diff --git a/services/web/Makefile.module b/services/web/Makefile.module
new file mode 100644
index 0000000..6e1ce32
--- /dev/null
+++ b/services/web/Makefile.module
@@ -0,0 +1,66 @@
+BUILD_DIR_NAME ?= web
+MODULE_NAME := $(notdir $(shell pwd))
+MODULE_DIR := modules/$(MODULE_NAME)
+PROJECT_NAME = web
+
+export OVERLEAF_CONFIG = /overleaf/services/web/$(MODULE_DIR)/test/acceptance/config/settings.test.js
+export BASE_CONFIG ?= /overleaf/services/web/test/acceptance/config/settings.test.saas.js
+
+CFG_SAAS=/overleaf/services/web/test/acceptance/config/settings.test.saas.js
+CFG_SERVER_CE=/overleaf/services/web/test/acceptance/config/settings.test.server-ce.js
+CFG_SERVER_PRO=/overleaf/services/web/test/acceptance/config/settings.test.server-pro.js
+
+DOCKER_COMPOSE_FLAGS ?= -f docker-compose.yml
+DOCKER_COMPOSE := cd ../../ && \
+	MODULE_DIR=$(MODULE_DIR) \
+	BUILD_NUMBER=$(BUILD_NUMBER) \
+	BRANCH_NAME=$(BRANCH_NAME) \
+	PROJECT_NAME=$(PROJECT_NAME) \
+	MOCHA_GREP=${MOCHA_GREP} \
+	docker compose ${DOCKER_COMPOSE_FLAGS}
+
+ifeq (,$(wildcard test/unit))
+test_unit:
+
+else
+test_unit: export COMPOSE_PROJECT_NAME=unit_test_$(BUILD_DIR_NAME)_$(MODULE_NAME)
+test_unit:
+	${DOCKER_COMPOSE} run --rm test_unit npm -q run test:unit:run_dir -- ${MOCHA_ARGS} $(MODULE_DIR)/test/unit/src
+	${DOCKER_COMPOSE} down
+
+endif
+
+ALL_TEST_ACCEPTANCE_VARIANTS := \
+  test_acceptance \
+  test_acceptance_saas \
+  test_acceptance_server_ce \
+  test_acceptance_server_pro \
+
+ifeq (,$(wildcard test/acceptance))
+$(ALL_TEST_ACCEPTANCE_VARIANTS) test_acceptance_merged_inner:
+	@echo
+	@echo Module $(MODULE_NAME) does not have acceptance tests.
+	@echo
+
+clean_test_acceptance:
+
+else
+test_acceptance_saas: export BASE_CONFIG = $(CFG_SAAS)
+test_acceptance_server_ce: export BASE_CONFIG = $(CFG_SERVER_CE)
+test_acceptance_server_pro: export BASE_CONFIG = $(CFG_SERVER_PRO)
+
+$(ALL_TEST_ACCEPTANCE_VARIANTS): export COMPOSE_PROJECT_NAME=acceptance_test_$(BUILD_DIR_NAME)_$(MODULE_NAME)
+$(ALL_TEST_ACCEPTANCE_VARIANTS):
+	$(MAKE) --no-print-directory clean_test_acceptance
+	${DOCKER_COMPOSE} run --rm test_acceptance npm -q run test:acceptance:run_dir -- ${MOCHA_ARGS} $(MODULE_DIR)/test/acceptance/src
+	$(MAKE) --no-print-directory clean_test_acceptance
+
+test_acceptance_merged_inner:
+	cd ../../ && \
+			npm -q run test:acceptance:run_dir -- ${MOCHA_ARGS} $(MODULE_DIR)/test/acceptance/src
+
+clean_test_acceptance: export COMPOSE_PROJECT_NAME=acceptance_test_$(BUILD_DIR_NAME)_$(MODULE_NAME)
+clean_test_acceptance:
+	${DOCKER_COMPOSE} down -v -t 0
+
+endif
diff --git a/services/web/README.md b/services/web/README.md
new file mode 100644
index 0000000..f82a55d
--- /dev/null
+++ b/services/web/README.md
@@ -0,0 +1,130 @@
+overleaf/web
+==============
+
+overleaf/web is the front-end web service of the open-source web-based collaborative LaTeX editor,
+[Overleaf](https://www.overleaf.com).
+It serves all the HTML pages, CSS and javascript to the client. overleaf/web also contains
+a lot of logic around creating and editing projects, and account management.
+
+
+The rest of the Overleaf stack, along with information about contributing can be found in the
+[overleaf/overleaf](https://github.com/overleaf/overleaf) repository.
+
+### Running the app
+
+The app runs natively using npm and Node on the local system:
+
+```
+$ npm install
+$ npm run start
+```
+
+### Running Tests
+
+To run all tests run:
+```
+make test
+```
+
+To run both unit and acceptance tests for a module run:
+```
+make test_module MODULE=saas-authentication
+```
+
+### Unit Tests
+
+The test suites run in Docker.
+
+Unit tests can be run in the `test_unit` container defined in `docker-compose.tests.yml`.
+
+The makefile contains a short cut to run these:
+
+```
+make test_unit
+```
+
+During development it is often useful to only run a subset of tests, which can be configured with arguments to the mocha CLI:
+
+```
+make test_unit MOCHA_GREP='AuthorizationManager'
+```
+
+To run only the unit tests for a single module do:
+```
+make test_unit_module MODULE=saas-authentication
+```
+
+Module tests can also use a MOCHA_GREP argument:
+```
+make test_unit_module MODULE=saas-authentication MOCHA_GREP=SSO
+```
+
+### Acceptance Tests
+
+Acceptance tests are run against a live service, which runs in the `acceptance_test` container defined in `docker-compose.tests.yml`.
+
+To run the tests out-of-the-box, the makefile defines:
+
+```
+make test_acceptance
+```
+
+However, during development it is often useful to leave the service running for rapid iteration on the acceptance tests. This can be done with:
+
+```
+make test_acceptance_app_start_service
+make test_acceptance_app_run # Run as many times as needed during development
+make test_acceptance_app_stop_service
+```
+
+`make test_acceptance` just runs these three commands in sequence and then runs `make test_acceptance_modules` which performs the tests for each module in the `modules` directory. (Note that there is not currently an equivalent to the `-start` / `-run` x _n_ / `-stop` series for modules.)
+
+During development it is often useful to only run a subset of tests, which can be configured with arguments to the mocha CLI:
+
+```
+make test_acceptance_run MOCHA_GREP='AuthorizationManager'
+```
+
+To run only the acceptance tests for a single module do:
+```
+make test_acceptance_module MODULE=saas-authentication
+```
+
+Module tests can also use a MOCHA_GREP argument:
+```
+make test_acceptance_module MODULE=saas-authentication MOCHA_GREP=SSO
+```
+
+Routes
+------
+
+Run `bin/routes` to print out all routes in the project.
+
+
+License and Credits
+-------------------
+
+This project is licensed under the [AGPLv3 license](http://www.gnu.org/licenses/agpl-3.0.html)
+
+### Stylesheets
+
+Overleaf is based on [Bootstrap](http://getbootstrap.com/), which is licensed under the
+[MIT license](http://opensource.org/licenses/MIT).
+All modifications (`*.less` files in `public/stylesheets`) are also licensed
+under the MIT license.
+
+### Artwork
+
+#### Silk icon set 1.3
+
+We gratefully acknowledge [Mark James](http://www.famfamfam.com/lab/icons/silk/) for
+releasing his Silk icon set under the Creative Commons Attribution 2.5 license. Some
+of these icons are used within Overleaf inside the `public/img/silk` and
+`public/brand/icons` directories.
+
+#### IconShock icons
+
+We gratefully acknowledge [IconShock](http://www.iconshock.com) for use of the icons
+in the `public/img/iconshock` directory found via
+[findicons.com](http://findicons.com/icon/498089/height?id=526085#)
+
diff --git a/services/web/app.mjs b/services/web/app.mjs
new file mode 100644
index 0000000..5ece02c
--- /dev/null
+++ b/services/web/app.mjs
@@ -0,0 +1,110 @@
+// Metrics must be initialized before importing anything else
+import '@overleaf/metrics/initialize.js'
+
+import Modules from './app/src/infrastructure/Modules.js'
+import metrics from '@overleaf/metrics'
+import Settings from '@overleaf/settings'
+import logger from '@overleaf/logger'
+import PlansLocator from './app/src/Features/Subscription/PlansLocator.js'
+import HistoryManager from './app/src/Features/History/HistoryManager.js'
+import SiteAdminHandler from './app/src/infrastructure/SiteAdminHandler.js'
+import http from 'node:http'
+import https from 'node:https'
+import * as Serializers from './app/src/infrastructure/LoggerSerializers.js'
+import Server from './app/src/infrastructure/Server.mjs'
+import QueueWorkers from './app/src/infrastructure/QueueWorkers.js'
+import mongodb from './app/src/infrastructure/mongodb.js'
+import mongoose from './app/src/infrastructure/Mongoose.js'
+import { triggerGracefulShutdown } from './app/src/infrastructure/GracefulShutdown.js'
+import FileWriter from './app/src/infrastructure/FileWriter.js'
+import { fileURLToPath } from 'node:url'
+import Features from './app/src/infrastructure/Features.js'
+
+logger.initialize(process.env.METRICS_APP_NAME || 'web')
+logger.logger.serializers.user = Serializers.user
+logger.logger.serializers.docs = Serializers.docs
+logger.logger.serializers.files = Serializers.files
+logger.logger.serializers.project = Serializers.project
+http.globalAgent.keepAlive = false
+http.globalAgent.maxSockets = Settings.limits.httpGlobalAgentMaxSockets
+https.globalAgent.keepAlive = false
+https.globalAgent.maxSockets = Settings.limits.httpsGlobalAgentMaxSockets
+
+metrics.memory.monitor(logger)
+metrics.leaked_sockets.monitor(logger)
+metrics.open_sockets.monitor()
+
+if (Settings.catchErrors) {
+  process.removeAllListeners('uncaughtException')
+  process.removeAllListeners('unhandledRejection')
+  process
+    .on('uncaughtException', error =>
+      logger.error({ err: error }, 'uncaughtException')
+    )
+    .on('unhandledRejection', (reason, p) => {
+      logger.error({ err: reason }, 'unhandledRejection at Promise', p)
+    })
+}
+
+// Create ./data/dumpFolder if needed
+FileWriter.ensureDumpFolderExists()
+
+if (
+  !Features.hasFeature('project-history-blobs') &&
+  !Features.hasFeature('filestore')
+) {
+  throw new Error(
+    'invalid config: must enable either project-history-blobs (Settings.enableProjectHistoryBlobs=true) or enable filestore (Settings.disableFilestore=false)'
+  )
+}
+
+const port = Settings.port || Settings.internal.web.port || 3000
+const host = Settings.internal.web.host || '127.0.0.1'
+if (process.argv[1] === fileURLToPath(import.meta.url)) {
+  // Called directly
+  // We want to make sure that we provided a password through the environment.
+  if (!process.env.WEB_API_USER || !process.env.WEB_API_PASSWORD) {
+    throw new Error('No API user and password provided')
+  }
+
+  PlansLocator.ensurePlansAreSetupCorrectly()
+
+  Promise.all([
+    mongodb.connectionPromise,
+    mongoose.connectionPromise,
+    HistoryManager.promises.loadGlobalBlobs(),
+  ])
+    .then(async () => {
+      Server.server.listen(port, host, function () {
+        logger.debug(`web starting up, listening on ${host}:${port}`)
+        logger.debug(`${http.globalAgent.maxSockets} sockets enabled`)
+        // wait until the process is ready before monitoring the event loop
+        metrics.event_loop.monitor(logger)
+      })
+      QueueWorkers.start()
+      await Modules.start()
+    })
+    .catch(err => {
+      logger.fatal({ err }, 'Cannot connect to mongo. Exiting.')
+      process.exit(1)
+    })
+}
+
+// initialise site admin tasks
+Promise.all([
+  mongodb.connectionPromise,
+  mongoose.connectionPromise,
+  HistoryManager.promises.loadGlobalBlobs(),
+])
+  .then(() => SiteAdminHandler.initialise())
+  .catch(err => {
+    logger.fatal({ err }, 'Cannot connect to mongo. Exiting.')
+    process.exit(1)
+  })
+
+// handle SIGTERM for graceful shutdown in kubernetes
+process.on('SIGTERM', function (signal) {
+  triggerGracefulShutdown(Server.server, signal)
+})
+
+export default Server.server
diff --git a/services/web/app/src/Features/Analytics/AccountMappingHelper.js b/services/web/app/src/Features/Analytics/AccountMappingHelper.js
new file mode 100644
index 0000000..5967149
--- /dev/null
+++ b/services/web/app/src/Features/Analytics/AccountMappingHelper.js
@@ -0,0 +1,97 @@
+const mappings = new Map([
+  ['salesforce_id', generateSubscriptionToSalesforceMapping],
+  ['v1_id', generateSubscriptionToV1Mapping],
+  ['recurlySubscription_id', generateSubscriptionToRecurlyMapping],
+])
+
+/**
+ * @typedef {(import('./types.d.ts').AccountMapping)} AccountMapping
+ */
+
+/**
+ *
+ * @param {Object} subscription
+ * @param {Object} updatedSubscription
+ * @return {Array<AccountMapping>}
+ */
+function extractAccountMappingsFromSubscription(
+  subscription,
+  updatedSubscription
+) {
+  const accountMappings = []
+  mappings.forEach((generateMapping, param) => {
+    if (updatedSubscription[param] || updatedSubscription[param] === '') {
+      if (subscription[param] !== updatedSubscription[param]) {
+        accountMappings.push(
+          generateMapping(subscription.id, updatedSubscription[param])
+        )
+      }
+    }
+  })
+  return accountMappings
+}
+
+function generateV1Mapping(v1Id, salesforceId, createdAt) {
+  return {
+    source: 'salesforce',
+    sourceEntity: 'account',
+    sourceEntityId: salesforceId,
+    target: 'v1',
+    targetEntity: 'university',
+    targetEntityId: v1Id,
+    createdAt,
+  }
+}
+
+function generateSubscriptionToV1Mapping(subscriptionId, v1Id) {
+  return {
+    source: 'v1',
+    sourceEntity: 'university',
+    sourceEntityId: v1Id,
+    target: 'v2',
+    targetEntity: 'subscription',
+    targetEntityId: subscriptionId,
+    createdAt: new Date().toISOString(),
+  }
+}
+
+function generateSubscriptionToSalesforceMapping(subscriptionId, salesforceId) {
+  return {
+    source: 'salesforce',
+    sourceEntity: 'account',
+    sourceEntityId: salesforceId,
+    target: 'v2',
+    targetEntity: 'subscription',
+    targetEntityId: subscriptionId,
+    createdAt: new Date().toISOString(),
+  }
+}
+
+/**
+ *
+ * @param {string} subscriptionId
+ * @param {string} recurlyId
+ * @param {string} [createdAt] - Should be an ISO date
+ * @return {AccountMapping}
+ */
+function generateSubscriptionToRecurlyMapping(
+  subscriptionId,
+  recurlyId,
+  createdAt = new Date().toISOString()
+) {
+  return {
+    source: 'recurly',
+    sourceEntity: 'subscription',
+    sourceEntityId: recurlyId,
+    target: 'v2',
+    targetEntity: 'subscription',
+    targetEntityId: subscriptionId,
+    createdAt,
+  }
+}
+
+module.exports = {
+  extractAccountMappingsFromSubscription,
+  generateV1Mapping,
+  generateSubscriptionToRecurlyMapping,
+}
diff --git a/services/web/app/src/Features/Analytics/AnalyticsController.mjs b/services/web/app/src/Features/Analytics/AnalyticsController.mjs
new file mode 100644
index 0000000..7d9188f
--- /dev/null
+++ b/services/web/app/src/Features/Analytics/AnalyticsController.mjs
@@ -0,0 +1,65 @@
+import metrics from '@overleaf/metrics'
+import AnalyticsManager from './AnalyticsManager.js'
+import SessionManager from '../Authentication/SessionManager.js'
+import GeoIpLookup from '../../infrastructure/GeoIpLookup.js'
+import Features from '../../infrastructure/Features.js'
+import { expressify } from '@overleaf/promise-utils'
+import AccountMappingHelper from './AccountMappingHelper.js'
+
+async function registerSalesforceMapping(req, res, next) {
+  if (!Features.hasFeature('analytics')) {
+    return res.sendStatus(202)
+  }
+  const { createdAt, salesforceId, v1Id } = req.body
+  AnalyticsManager.registerAccountMapping(
+    AccountMappingHelper.generateV1Mapping(v1Id, salesforceId, createdAt)
+  )
+  res.sendStatus(202)
+}
+
+async function updateEditingSession(req, res, next) {
+  if (!Features.hasFeature('analytics')) {
+    return res.sendStatus(202)
+  }
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const { projectId } = req.params
+  const segmentation = req.body.segmentation || {}
+  let countryCode = null
+
+  if (userId) {
+    try {
+      const geoDetails = await GeoIpLookup.promises.getDetails(req.ip)
+      if (geoDetails && geoDetails.country_code) {
+        countryCode = geoDetails.country_code
+      }
+      AnalyticsManager.updateEditingSession(
+        userId,
+        projectId,
+        countryCode,
+        segmentation
+      )
+    } catch (error) {
+      metrics.inc('analytics_geo_ip_lookup_errors')
+    }
+  }
+  res.sendStatus(202)
+}
+
+function recordEvent(req, res, next) {
+  if (!Features.hasFeature('analytics')) {
+    return res.sendStatus(202)
+  }
+  delete req.body._csrf
+  AnalyticsManager.recordEventForSession(
+    req.session,
+    req.params.event,
+    req.body
+  )
+  res.sendStatus(202)
+}
+
+export default {
+  registerSalesforceMapping: expressify(registerSalesforceMapping),
+  updateEditingSession: expressify(updateEditingSession),
+  recordEvent,
+}
diff --git a/services/web/app/src/Features/Analytics/AnalyticsManager.js b/services/web/app/src/Features/Analytics/AnalyticsManager.js
new file mode 100644
index 0000000..4afdb08
--- /dev/null
+++ b/services/web/app/src/Features/Analytics/AnalyticsManager.js
@@ -0,0 +1,404 @@
+const SessionManager = require('../Authentication/SessionManager')
+const UserAnalyticsIdCache = require('./UserAnalyticsIdCache')
+const Settings = require('@overleaf/settings')
+const Metrics = require('../../infrastructure/Metrics')
+const Queues = require('../../infrastructure/Queues')
+const crypto = require('crypto')
+const _ = require('lodash')
+const { expressify } = require('@overleaf/promise-utils')
+const logger = require('@overleaf/logger')
+
+const analyticsEventsQueue = Queues.getQueue('analytics-events')
+const analyticsEditingSessionsQueue = Queues.getQueue(
+  'analytics-editing-sessions'
+)
+const analyticsUserPropertiesQueue = Queues.getQueue(
+  'analytics-user-properties'
+)
+const analyticsAccountMappingQueue = Queues.getQueue(
+  'analytics-account-mapping'
+)
+
+const ONE_MINUTE_MS = 60 * 1000
+
+const UUID_REGEXP = /^[\w]{8}(-[\w]{4}){3}-[\w]{12}$/
+
+function identifyUser(userId, analyticsId, isNewUser) {
+  if (!userId || !analyticsId || !analyticsId.toString().match(UUID_REGEXP)) {
+    return
+  }
+  if (_isAnalyticsDisabled() || _isSmokeTestUser(userId)) {
+    return
+  }
+  Metrics.analyticsQueue.inc({ status: 'adding', event_type: 'identify' })
+  Queues.createScheduledJob(
+    'analytics-events',
+    {
+      name: 'identify',
+      data: { userId, analyticsId, isNewUser, createdAt: new Date() },
+    },
+    ONE_MINUTE_MS
+  )
+    .then(() => {
+      Metrics.analyticsQueue.inc({ status: 'added', event_type: 'identify' })
+    })
+    .catch(() => {
+      Metrics.analyticsQueue.inc({ status: 'error', event_type: 'identify' })
+    })
+}
+
+async function recordEventForUser(userId, event, segmentation) {
+  if (!userId) {
+    return
+  }
+  if (_isAnalyticsDisabled() || _isSmokeTestUser(userId)) {
+    return
+  }
+  const analyticsId = await UserAnalyticsIdCache.get(userId)
+  if (analyticsId) {
+    _recordEvent({ analyticsId, userId, event, segmentation, isLoggedIn: true })
+  }
+}
+
+function recordEventForUserInBackground(userId, event, segmentation) {
+  recordEventForUser(userId, event, segmentation).catch(err => {
+    logger.warn(
+      { err, userId, event, segmentation },
+      'failed to record event for user'
+    )
+  })
+}
+
+function recordEventForSession(session, event, segmentation) {
+  const { analyticsId, userId } = getIdsFromSession(session)
+  if (!analyticsId) {
+    return
+  }
+  if (_isAnalyticsDisabled() || _isSmokeTestUser(userId)) {
+    return
+  }
+  _recordEvent({
+    analyticsId,
+    userId,
+    event,
+    segmentation,
+    isLoggedIn: !!userId,
+    createdAt: new Date(),
+  })
+}
+
+async function setUserPropertyForUser(userId, propertyName, propertyValue) {
+  if (_isAnalyticsDisabled() || _isSmokeTestUser(userId)) {
+    return
+  }
+
+  _checkPropertyValue(propertyValue)
+
+  const analyticsId = await UserAnalyticsIdCache.get(userId)
+  if (analyticsId) {
+    await _setUserProperty({ analyticsId, propertyName, propertyValue })
+  }
+}
+
+function setUserPropertyForUserInBackground(userId, property, value) {
+  setUserPropertyForUser(userId, property, value).catch(err => {
+    logger.warn(
+      { err, userId, property, value },
+      'failed to set user property for user'
+    )
+  })
+}
+
+async function setUserPropertyForAnalyticsId(
+  analyticsId,
+  propertyName,
+  propertyValue
+) {
+  if (_isAnalyticsDisabled()) {
+    return
+  }
+
+  _checkPropertyValue(propertyValue)
+
+  await _setUserProperty({ analyticsId, propertyName, propertyValue })
+}
+
+async function setUserPropertyForSession(session, propertyName, propertyValue) {
+  const { analyticsId, userId } = getIdsFromSession(session)
+  if (_isAnalyticsDisabled() || _isSmokeTestUser(userId)) {
+    return
+  }
+
+  _checkPropertyValue(propertyValue)
+
+  if (analyticsId) {
+    await _setUserProperty({ analyticsId, propertyName, propertyValue })
+  }
+}
+
+function setUserPropertyForSessionInBackground(session, property, value) {
+  setUserPropertyForSession(session, property, value).catch(err => {
+    const { analyticsId, userId } = getIdsFromSession(session)
+    logger.warn(
+      { err, analyticsId, userId, property, value },
+      'failed to set user property for session'
+    )
+  })
+}
+
+/**
+ * @typedef {(import('./types').AccountMapping)} AccountMapping
+ */
+
+/**
+ * Register mapping between two accounts.
+ *
+ * @param {AccountMapping} payload - The event payload to send to Analytics
+ */
+function registerAccountMapping({
+  source,
+  sourceEntity,
+  sourceEntityId,
+  target,
+  targetEntity,
+  targetEntityId,
+  createdAt,
+}) {
+  Metrics.analyticsQueue.inc({
+    status: 'adding',
+    event_type: 'account-mapping',
+  })
+
+  analyticsAccountMappingQueue
+    .add('account-mapping', {
+      source,
+      sourceEntity,
+      sourceEntityId,
+      target,
+      targetEntity,
+      targetEntityId,
+      createdAt: createdAt ?? new Date(),
+    })
+    .then(() => {
+      Metrics.analyticsQueue.inc({
+        status: 'added',
+        event_type: 'account-mapping',
+      })
+    })
+    .catch(() => {
+      Metrics.analyticsQueue.inc({
+        status: 'error',
+        event_type: 'account-mapping',
+      })
+    })
+}
+
+function updateEditingSession(userId, projectId, countryCode, segmentation) {
+  if (!userId) {
+    return
+  }
+  if (_isAnalyticsDisabled() || _isSmokeTestUser(userId)) {
+    return
+  }
+  if (!_isSegmentationValid(segmentation)) {
+    logger.info(
+      { userId, projectId, segmentation },
+      'rejecting analytics editing session due to bad segmentation'
+    )
+    return
+  }
+  Metrics.analyticsQueue.inc({
+    status: 'adding',
+    event_type: 'editing-session',
+  })
+  analyticsEditingSessionsQueue
+    .add('editing-session', {
+      userId,
+      projectId,
+      countryCode,
+      segmentation,
+      createdAt: new Date(),
+    })
+    .then(() => {
+      Metrics.analyticsQueue.inc({
+        status: 'added',
+        event_type: 'editing-session',
+      })
+    })
+    .catch(() => {
+      Metrics.analyticsQueue.inc({
+        status: 'error',
+        event_type: 'editing-session',
+      })
+    })
+}
+
+function _recordEvent(
+  { analyticsId, userId, event, segmentation, isLoggedIn },
+  { delay } = {}
+) {
+  if (!_isAttributeValid(event)) {
+    logger.info(
+      { analyticsId, event, segmentation },
+      'rejecting analytics event due to bad event name'
+    )
+    return
+  }
+  if (!_isSegmentationValid(segmentation)) {
+    logger.info(
+      { analyticsId, event, segmentation },
+      'rejecting analytics event due to bad segmentation'
+    )
+    return
+  }
+  logger.debug(
+    {
+      analyticsId,
+      userId,
+      event,
+      segmentation,
+      isLoggedIn: !!userId,
+      createdAt: new Date(),
+    },
+    'queueing analytics event'
+  )
+  Metrics.analyticsQueue.inc({ status: 'adding', event_type: 'event' })
+  analyticsEventsQueue
+    .add(
+      'event',
+      {
+        analyticsId,
+        userId,
+        event,
+        segmentation,
+        isLoggedIn,
+        createdAt: new Date(),
+      },
+      { delay }
+    )
+    .then(() => {
+      Metrics.analyticsQueue.inc({ status: 'added', event_type: 'event' })
+    })
+    .catch(() => {
+      Metrics.analyticsQueue.inc({ status: 'error', event_type: 'event' })
+    })
+}
+
+async function _setUserProperty({ analyticsId, propertyName, propertyValue }) {
+  if (!_isAttributeValid(propertyName)) {
+    logger.info(
+      { analyticsId, propertyName, propertyValue },
+      'rejecting analytics user property due to bad name'
+    )
+    return
+  }
+  if (!_isAttributeValueValid(propertyValue)) {
+    logger.info(
+      { analyticsId, propertyName, propertyValue },
+      'rejecting analytics user property due to bad value'
+    )
+    return
+  }
+  Metrics.analyticsQueue.inc({
+    status: 'adding',
+    event_type: 'user-property',
+  })
+  await analyticsUserPropertiesQueue
+    .add('user-property', {
+      analyticsId,
+      propertyName,
+      propertyValue,
+      createdAt: new Date(),
+    })
+    .then(() => {
+      Metrics.analyticsQueue.inc({
+        status: 'added',
+        event_type: 'user-property',
+      })
+    })
+    .catch(() => {
+      Metrics.analyticsQueue.inc({
+        status: 'error',
+        event_type: 'user-property',
+      })
+    })
+}
+
+function _isSmokeTestUser(userId) {
+  const smokeTestUserId = Settings.smokeTest && Settings.smokeTest.userId
+  return (
+    smokeTestUserId != null &&
+    userId != null &&
+    userId.toString() === smokeTestUserId
+  )
+}
+
+function _isAnalyticsDisabled() {
+  return !(Settings.analytics && Settings.analytics.enabled)
+}
+
+function _checkPropertyValue(propertyValue) {
+  if (propertyValue === undefined) {
+    throw new Error(
+      'propertyValue cannot be undefined, use null to unset a property'
+    )
+  }
+}
+
+function _isAttributeValid(attribute) {
+  return !attribute || /^[a-zA-Z0-9-_.:;,/]+$/.test(attribute)
+}
+
+function _isAttributeValueValid(attributeValue) {
+  return _isAttributeValid(attributeValue) || attributeValue instanceof Date
+}
+
+function _isSegmentationValid(segmentation) {
+  if (segmentation) {
+    for (const key of Object.keys(segmentation)) {
+      if (!_isAttributeValid(key)) {
+        return false
+      }
+    }
+  }
+
+  return true
+}
+
+function getIdsFromSession(session) {
+  const analyticsId = _.get(session, ['analyticsId'])
+  const userId = SessionManager.getLoggedInUserId(session)
+  return { analyticsId, userId }
+}
+
+async function analyticsIdMiddleware(req, res, next) {
+  const session = req.session
+  const sessionUser = SessionManager.getSessionUser(session)
+
+  if (sessionUser) {
+    session.analyticsId = await UserAnalyticsIdCache.get(sessionUser._id)
+  } else if (!session.analyticsId) {
+    // generate an `analyticsId` if needed
+    session.analyticsId = crypto.randomUUID()
+  }
+
+  res.locals.getSessionAnalyticsId = () => session.analyticsId
+
+  next()
+}
+
+module.exports = {
+  identifyUser,
+  recordEventForSession,
+  recordEventForUser,
+  recordEventForUserInBackground,
+  setUserPropertyForUser,
+  setUserPropertyForUserInBackground,
+  setUserPropertyForSession,
+  setUserPropertyForSessionInBackground,
+  setUserPropertyForAnalyticsId,
+  updateEditingSession,
+  getIdsFromSession,
+  registerAccountMapping,
+  analyticsIdMiddleware: expressify(analyticsIdMiddleware),
+}
diff --git a/services/web/app/src/Features/Analytics/AnalyticsProxy.mjs b/services/web/app/src/Features/Analytics/AnalyticsProxy.mjs
new file mode 100644
index 0000000..e7296ad
--- /dev/null
+++ b/services/web/app/src/Features/Analytics/AnalyticsProxy.mjs
@@ -0,0 +1,28 @@
+import settings from '@overleaf/settings'
+import Errors from '../Errors/Errors.js'
+import httpProxy from 'express-http-proxy'
+
+export default {
+  call(basePath) {
+    if (!settings.apis.analytics) {
+      return (req, res, next) =>
+        next(
+          new Errors.ServiceNotConfiguredError(
+            'Analytics service not configured'
+          )
+        )
+    }
+
+    return httpProxy(settings.apis.analytics.url, {
+      proxyReqPathResolver(req) {
+        // req.url is the part of the path that comes after the mount point in
+        // app.use()
+        return `${basePath}${req.url}`
+      },
+      proxyReqOptDecorator(proxyReqOpts, srcReq) {
+        proxyReqOpts.headers = {} // unset all headers
+        return proxyReqOpts
+      },
+    })
+  },
+}
diff --git a/services/web/app/src/Features/Analytics/AnalyticsRegistrationSourceHelper.js b/services/web/app/src/Features/Analytics/AnalyticsRegistrationSourceHelper.js
new file mode 100644
index 0000000..6166f08
--- /dev/null
+++ b/services/web/app/src/Features/Analytics/AnalyticsRegistrationSourceHelper.js
@@ -0,0 +1,96 @@
+const AnalyticsManager = require('./AnalyticsManager')
+const RequestHelper = require('./RequestHelper')
+
+function clearSource(session) {
+  if (session) {
+    delete session.required_login_from_product_medium
+    delete session.required_login_from_product_source
+  }
+}
+
+function setInbound(session, url, query, referrer) {
+  const inboundSession = {
+    referrer: RequestHelper.parseReferrer(referrer, url),
+    utm: RequestHelper.parseUtm(query),
+  }
+
+  if (inboundSession.referrer || inboundSession.utm) {
+    session.inbound = inboundSession
+  }
+}
+
+function clearInbound(session) {
+  if (session) {
+    delete session.inbound
+  }
+}
+
+function addUserProperties(userId, session) {
+  if (!session) {
+    return
+  }
+
+  if (session.required_login_from_product_medium) {
+    AnalyticsManager.setUserPropertyForUserInBackground(
+      userId,
+      `registered-from-product-medium`,
+      session.required_login_from_product_medium
+    )
+    if (session.required_login_from_product_source) {
+      AnalyticsManager.setUserPropertyForUserInBackground(
+        userId,
+        `registered-from-product-source`,
+        session.required_login_from_product_source
+      )
+    }
+  } else if (session.referal_id) {
+    AnalyticsManager.setUserPropertyForUserInBackground(
+      userId,
+      `registered-from-bonus-scheme`,
+      true
+    )
+    AnalyticsManager.setUserPropertyForUserInBackground(
+      userId,
+      `registered-from-product-medium`,
+      'bonus-scheme'
+    )
+  }
+
+  if (session.inbound) {
+    if (session.inbound.referrer && session.inbound.referrer.medium) {
+      AnalyticsManager.setUserPropertyForUserInBackground(
+        userId,
+        `registered-from-referrer-medium`,
+        `${session.inbound.referrer.medium
+          .charAt(0)
+          .toUpperCase()}${session.inbound.referrer.medium.slice(1)}`
+      )
+      if (session.inbound.referrer.source) {
+        AnalyticsManager.setUserPropertyForUserInBackground(
+          userId,
+          `registered-from-referrer-source`,
+          session.inbound.referrer.source
+        )
+      }
+    }
+
+    if (session.inbound.utm) {
+      for (const utmKey of RequestHelper.UTM_KEYS) {
+        if (session.inbound.utm[utmKey]) {
+          AnalyticsManager.setUserPropertyForUserInBackground(
+            userId,
+            `registered-from-${utmKey.replace('_', '-')}`,
+            session.inbound.utm[utmKey]
+          )
+        }
+      }
+    }
+  }
+}
+
+module.exports = {
+  clearSource,
+  setInbound,
+  clearInbound,
+  addUserProperties,
+}
diff --git a/services/web/app/src/Features/Analytics/AnalyticsRegistrationSourceMiddleware.js b/services/web/app/src/Features/Analytics/AnalyticsRegistrationSourceMiddleware.js
new file mode 100644
index 0000000..733d636
--- /dev/null
+++ b/services/web/app/src/Features/Analytics/AnalyticsRegistrationSourceMiddleware.js
@@ -0,0 +1,58 @@
+const logger = require('@overleaf/logger')
+const OError = require('@overleaf/o-error')
+const AnalyticsRegistrationSourceHelper = require('./AnalyticsRegistrationSourceHelper')
+const SessionManager = require('../../Features/Authentication/SessionManager')
+
+function setSource(medium, source) {
+  return function (req, res, next) {
+    if (req.session) {
+      req.session.required_login_from_product_medium = medium
+      if (source) {
+        req.session.required_login_from_product_source = source
+      }
+    }
+    next()
+  }
+}
+
+function clearSource() {
+  return function (req, res, next) {
+    AnalyticsRegistrationSourceHelper.clearSource(req.session)
+    next()
+  }
+}
+
+function setInbound() {
+  return function setInbound(req, res, next) {
+    if (req.session.inbound) {
+      return next() // don't overwrite referrer
+    }
+
+    if (SessionManager.isUserLoggedIn(req.session)) {
+      return next() // don't store referrer if user is already logged in
+    }
+
+    const referrer = req.header('referrer')
+    try {
+      AnalyticsRegistrationSourceHelper.setInbound(
+        req.session,
+        req.url,
+        req.query,
+        referrer
+      )
+    } catch (error) {
+      // log errors and fail silently
+      OError.tag(error, 'failed to parse inbound referrer', {
+        referrer,
+      })
+      logger.warn({ error }, error.message)
+    }
+    next()
+  }
+}
+
+module.exports = {
+  setSource,
+  clearSource,
+  setInbound,
+}
diff --git a/services/web/app/src/Features/Analytics/AnalyticsRouter.mjs b/services/web/app/src/Features/Analytics/AnalyticsRouter.mjs
new file mode 100644
index 0000000..933d4b0
--- /dev/null
+++ b/services/web/app/src/Features/Analytics/AnalyticsRouter.mjs
@@ -0,0 +1,51 @@
+import AuthenticationController from './../Authentication/AuthenticationController.js'
+import AnalyticsController from './AnalyticsController.mjs'
+import AnalyticsProxy from './AnalyticsProxy.mjs'
+import { RateLimiter } from '../../infrastructure/RateLimiter.js'
+import RateLimiterMiddleware from '../Security/RateLimiterMiddleware.js'
+
+const rateLimiters = {
+  recordEvent: new RateLimiter('analytics-record-event', {
+    points: 200,
+    duration: 60,
+  }),
+  updateEditingSession: new RateLimiter('analytics-update-editing-session', {
+    points: 20,
+    duration: 60,
+  }),
+  uniExternalCollabProxy: new RateLimiter(
+    'analytics-uni-external-collab-proxy',
+    { points: 20, duration: 60 }
+  ),
+}
+
+export default {
+  apply(webRouter, privateApiRouter, publicApiRouter) {
+    webRouter.post(
+      '/event/:event([a-z0-9-_]+)',
+      RateLimiterMiddleware.rateLimit(rateLimiters.recordEvent),
+      AnalyticsController.recordEvent
+    )
+
+    webRouter.put(
+      '/editingSession/:projectId',
+      RateLimiterMiddleware.rateLimit(rateLimiters.updateEditingSession, {
+        params: ['projectId'],
+      }),
+      AnalyticsController.updateEditingSession
+    )
+
+    publicApiRouter.use(
+      '/analytics/uniExternalCollaboration',
+      AuthenticationController.requirePrivateApiAuth(),
+      RateLimiterMiddleware.rateLimit(rateLimiters.uniExternalCollabProxy),
+      AnalyticsProxy.call('/uniExternalCollaboration')
+    )
+
+    publicApiRouter.post(
+      '/analytics/register-v-1-salesforce-mapping',
+      AuthenticationController.requirePrivateApiAuth(),
+      AnalyticsController.registerSalesforceMapping
+    )
+  },
+}
diff --git a/services/web/app/src/Features/Analytics/AnalyticsUTMTrackingMiddleware.mjs b/services/web/app/src/Features/Analytics/AnalyticsUTMTrackingMiddleware.mjs
new file mode 100644
index 0000000..d2f1f70
--- /dev/null
+++ b/services/web/app/src/Features/Analytics/AnalyticsUTMTrackingMiddleware.mjs
@@ -0,0 +1,58 @@
+import _ from 'lodash'
+import RequestHelper from './RequestHelper.js'
+import AnalyticsManager from './AnalyticsManager.js'
+import querystring from 'node:querystring'
+import { URL } from 'node:url'
+import Settings from '@overleaf/settings'
+import OError from '@overleaf/o-error'
+import logger from '@overleaf/logger'
+
+function recordUTMTags() {
+  return function (req, res, next) {
+    const query = req.query
+
+    try {
+      const utmValues = RequestHelper.parseUtm(query)
+
+      if (utmValues) {
+        const path = new URL(req.url, Settings.siteUrl).pathname
+
+        AnalyticsManager.recordEventForSession(req.session, 'page-view', {
+          path,
+          ...utmValues,
+        })
+
+        const propertyValue = `${utmValues.utm_source || 'N/A'};${
+          utmValues.utm_medium || 'N/A'
+        };${utmValues.utm_campaign || 'N/A'};${
+          utmValues.utm_content || utmValues.utm_term || 'N/A'
+        }`
+        AnalyticsManager.setUserPropertyForSessionInBackground(
+          req.session,
+          'utm-tags',
+          propertyValue
+        )
+
+        // redirect to URL without UTM query params
+        const queryWithoutUtm = _.omit(query, RequestHelper.UTM_KEYS)
+        const queryString =
+          Object.keys(queryWithoutUtm).length > 0
+            ? '?' + querystring.stringify(queryWithoutUtm)
+            : ''
+        return res.redirect(path + queryString)
+      }
+    } catch (error) {
+      // log errors and fail silently
+      OError.tag(error, 'failed to track UTM tags', {
+        query,
+      })
+      logger.warn({ error }, error.message)
+    }
+
+    next()
+  }
+}
+
+export default {
+  recordUTMTags,
+}
diff --git a/services/web/app/src/Features/Analytics/RequestHelper.js b/services/web/app/src/Features/Analytics/RequestHelper.js
new file mode 100644
index 0000000..08a6566
--- /dev/null
+++ b/services/web/app/src/Features/Analytics/RequestHelper.js
@@ -0,0 +1,56 @@
+const RefererParser = require('referer-parser')
+const { URL } = require('url')
+
+const UTM_KEYS = [
+  'utm_campaign',
+  'utm_source',
+  'utm_term',
+  'utm_content',
+  'utm_medium',
+  'utm_count',
+]
+
+function parseUtm(query) {
+  const utmValues = {}
+  for (const utmKey of UTM_KEYS) {
+    if (query[utmKey]) {
+      utmValues[utmKey] = query[utmKey]
+    }
+  }
+  return Object.keys(utmValues).length > 0 ? utmValues : null
+}
+
+function parseReferrer(referrer, url) {
+  if (!referrer) {
+    return {
+      medium: 'direct',
+    }
+  }
+
+  const parsedReferrer = new RefererParser(referrer, url)
+
+  const referrerValues = {
+    medium: parsedReferrer.medium,
+    source: parsedReferrer.referer || 'other',
+  }
+
+  if (referrerValues.medium === 'unknown') {
+    try {
+      const referrerHostname = new URL(referrer).hostname
+      if (referrerHostname) {
+        referrerValues.medium = 'link'
+        referrerValues.source = referrerHostname
+      }
+    } catch (error) {
+      // ignore referrer parsing errors
+    }
+  }
+
+  return referrerValues
+}
+
+module.exports = {
+  UTM_KEYS,
+  parseUtm,
+  parseReferrer,
+}
diff --git a/services/web/app/src/Features/Analytics/UserAnalyticsIdCache.js b/services/web/app/src/Features/Analytics/UserAnalyticsIdCache.js
new file mode 100644
index 0000000..97b4e80
--- /dev/null
+++ b/services/web/app/src/Features/Analytics/UserAnalyticsIdCache.js
@@ -0,0 +1,31 @@
+const UserGetter = require('../User/UserGetter')
+const { CacheLoader } = require('cache-flow')
+const { callbackify } = require('util')
+
+class UserAnalyticsIdCache extends CacheLoader {
+  constructor() {
+    super('user-analytics-id', {
+      expirationTime: 60,
+      maxSize: 10000,
+    })
+  }
+
+  async load(userId) {
+    const user = await UserGetter.promises.getUser(userId, { analyticsId: 1 })
+    if (user) {
+      return user.analyticsId || user._id.toString()
+    }
+  }
+
+  keyToString(userId) {
+    if (userId) {
+      return userId.toString()
+    }
+  }
+}
+
+const userAnalyticsIdCache = new UserAnalyticsIdCache()
+userAnalyticsIdCache.callbacks = {
+  get: callbackify(userAnalyticsIdCache.get).bind(userAnalyticsIdCache),
+}
+module.exports = userAnalyticsIdCache
diff --git a/services/web/app/src/Features/Analytics/types.d.ts b/services/web/app/src/Features/Analytics/types.d.ts
new file mode 100644
index 0000000..44df848
--- /dev/null
+++ b/services/web/app/src/Features/Analytics/types.d.ts
@@ -0,0 +1,9 @@
+export type AccountMapping = {
+  source: string
+  sourceEntity: string
+  sourceEntityId: string
+  target: string
+  targetEntity: string
+  targetEntityId: string
+  createdAt: string
+}
diff --git a/services/web/app/src/Features/Authentication/AuthenticationController.js b/services/web/app/src/Features/Authentication/AuthenticationController.js
new file mode 100644
index 0000000..7a97d2a
--- /dev/null
+++ b/services/web/app/src/Features/Authentication/AuthenticationController.js
@@ -0,0 +1,671 @@
+const AuthenticationManager = require('./AuthenticationManager')
+const SessionManager = require('./SessionManager')
+const OError = require('@overleaf/o-error')
+const LoginRateLimiter = require('../Security/LoginRateLimiter')
+const UserUpdater = require('../User/UserUpdater')
+const Metrics = require('@overleaf/metrics')
+const logger = require('@overleaf/logger')
+const querystring = require('querystring')
+const Settings = require('@overleaf/settings')
+const basicAuth = require('basic-auth')
+const tsscmp = require('tsscmp')
+const UserHandler = require('../User/UserHandler')
+const UserSessionsManager = require('../User/UserSessionsManager')
+const Analytics = require('../Analytics/AnalyticsManager')
+const passport = require('passport')
+const NotificationsBuilder = require('../Notifications/NotificationsBuilder')
+const UrlHelper = require('../Helpers/UrlHelper')
+const AsyncFormHelper = require('../Helpers/AsyncFormHelper')
+const _ = require('lodash')
+const UserAuditLogHandler = require('../User/UserAuditLogHandler')
+const AnalyticsRegistrationSourceHelper = require('../Analytics/AnalyticsRegistrationSourceHelper')
+const {
+  acceptsJson,
+} = require('../../infrastructure/RequestContentTypeDetection')
+const { hasAdminAccess } = require('../Helpers/AdminAuthorizationHelper')
+const Modules = require('../../infrastructure/Modules')
+const { expressify, promisify } = require('@overleaf/promise-utils')
+const { handleAuthenticateErrors } = require('./AuthenticationErrors')
+const EmailHelper = require('../Helpers/EmailHelper')
+
+function send401WithChallenge(res) {
+  res.setHeader('WWW-Authenticate', 'OverleafLogin')
+  res.sendStatus(401)
+}
+
+function checkCredentials(userDetailsMap, user, password) {
+  const expectedPassword = userDetailsMap.get(user)
+  const userExists = userDetailsMap.has(user) && expectedPassword // user exists with a non-null password
+  const isValid = userExists && tsscmp(expectedPassword, password)
+  if (!isValid) {
+    logger.err({ user }, 'invalid login details')
+  }
+  Metrics.inc('security.http-auth.check-credentials', 1, {
+    path: userExists ? 'known-user' : 'unknown-user',
+    status: isValid ? 'pass' : 'fail',
+  })
+  return isValid
+}
+
+function reduceStaffAccess(staffAccess) {
+  const reducedStaffAccess = {}
+  for (const field in staffAccess) {
+    if (staffAccess[field]) {
+      reducedStaffAccess[field] = true
+    }
+  }
+  return reducedStaffAccess
+}
+
+function userHasStaffAccess(user) {
+  return user.staffAccess && Object.values(user.staffAccess).includes(true)
+}
+
+// TODO: Finish making these methods async
+const AuthenticationController = {
+  serializeUser(user, callback) {
+    if (!user._id || !user.email) {
+      const err = new Error('serializeUser called with non-user object')
+      logger.warn({ user }, err.message)
+      return callback(err)
+    }
+    const lightUser = {
+      _id: user._id,
+      first_name: user.first_name,
+      last_name: user.last_name,
+      email: user.email,
+      referal_id: user.referal_id,
+      session_created: new Date().toISOString(),
+      ip_address: user._login_req_ip,
+      must_reconfirm: user.must_reconfirm,
+      v1_id: user.overleaf != null ? user.overleaf.id : undefined,
+      analyticsId: user.analyticsId || user._id,
+      alphaProgram: user.alphaProgram || undefined, // only store if set
+      betaProgram: user.betaProgram || undefined, // only store if set
+    }
+    if (user.isAdmin) {
+      lightUser.isAdmin = true
+    }
+    if (userHasStaffAccess(user)) {
+      lightUser.staffAccess = reduceStaffAccess(user.staffAccess)
+    }
+
+    callback(null, lightUser)
+  },
+
+  deserializeUser(user, cb) {
+    cb(null, user)
+  },
+
+  passportLogin(req, res, next) {
+    // This function is middleware which wraps the passport.authenticate middleware,
+    // so we can send back our custom `{message: {text: "", type: ""}}` responses on failure,
+    // and send a `{redir: ""}` response on success
+    passport.authenticate(
+      'local',
+      { keepSessionInfo: true },
+      async function (err, user, info) {
+        if (err) {
+          return next(err)
+        }
+        if (user) {
+          // `user` is either a user object or false
+          AuthenticationController.setAuditInfo(req, {
+            method: 'Password login',
+          })
+
+          try {
+            // We could investigate whether this can be done together with 'preFinishLogin' instead of being its own hook
+            await Modules.promises.hooks.fire(
+              'saasLogin',
+              { email: user.email },
+              req
+            )
+            await AuthenticationController.promises.finishLogin(user, req, res)
+          } catch (err) {
+            return next(err)
+          }
+        } else {
+          if (info.redir != null) {
+            return res.json({ redir: info.redir })
+          } else {
+            res.status(info.status || 200)
+            delete info.status
+            const body = { message: info }
+            const { errorReason } = info
+            if (errorReason) {
+              body.errorReason = errorReason
+              delete info.errorReason
+            }
+            return res.json(body)
+          }
+        }
+      }
+    )(req, res, next)
+  },
+
+  async _finishLoginAsync(user, req, res) {
+    if (user === false) {
+      return AsyncFormHelper.redirect(req, res, '/login')
+    } // OAuth2 'state' mismatch
+
+    if (user.suspended) {
+      return AsyncFormHelper.redirect(req, res, '/account-suspended')
+    }
+
+    if (Settings.adminOnlyLogin && !hasAdminAccess(user)) {
+      return res.status(403).json({
+        message: { type: 'error', text: 'Admin only panel' },
+      })
+    }
+
+    const auditInfo = AuthenticationController.getAuditInfo(req)
+
+    const anonymousAnalyticsId = req.session.analyticsId
+    const isNewUser = req.session.justRegistered || false
+
+    const results = await Modules.promises.hooks.fire(
+      'preFinishLogin',
+      req,
+      res,
+      user
+    )
+
+    if (results.some(result => result && result.doNotFinish)) {
+      return
+    }
+
+    if (user.must_reconfirm) {
+      return AuthenticationController._redirectToReconfirmPage(req, res, user)
+    }
+
+    const redir =
+      AuthenticationController.getRedirectFromSession(req) || '/project'
+
+    _loginAsyncHandlers(req, user, anonymousAnalyticsId, isNewUser)
+    const userId = user._id
+
+    await UserAuditLogHandler.promises.addEntry(
+      userId,
+      'login',
+      userId,
+      req.ip,
+      auditInfo
+    )
+
+    await _afterLoginSessionSetupAsync(req, user)
+
+    AuthenticationController._clearRedirectFromSession(req)
+    AnalyticsRegistrationSourceHelper.clearSource(req.session)
+    AnalyticsRegistrationSourceHelper.clearInbound(req.session)
+    AsyncFormHelper.redirect(req, res, redir)
+  },
+
+  finishLogin(user, req, res, next) {
+    AuthenticationController._finishLoginAsync(user, req, res).catch(err =>
+      next(err)
+    )
+  },
+
+  async doPassportLogin(req, username, password, done) {
+    let user, info
+    try {
+      ;({ user, info } = await AuthenticationController._doPassportLogin(
+        req,
+        username,
+        password
+      ))
+    } catch (error) {
+      return done(error)
+    }
+    return done(undefined, user, info)
+  },
+
+  /**
+   *
+   * @param req
+   * @param username
+   * @param password
+   * @returns {Promise<{ user: any, info: any}>}
+   */
+  async _doPassportLogin(req, username, password) {
+    const email = EmailHelper.parseEmail(username)
+    if (!email) {
+      Metrics.inc('login_failure_reason', 1, { status: 'invalid_email' })
+      return {
+        user: null,
+        info: {
+          status: 400,
+          type: 'error',
+          text: req.i18n.translate('email_address_is_invalid'),
+        },
+      }
+    }
+    AuthenticationController.setAuditInfo(req, { method: 'Password login' })
+
+    const { fromKnownDevice } = AuthenticationController.getAuditInfo(req)
+    const auditLog = {
+      ipAddress: req.ip,
+      info: { method: 'Password login', fromKnownDevice },
+    }
+
+    let user, isPasswordReused
+    try {
+      ;({ user, isPasswordReused } =
+        await AuthenticationManager.promises.authenticate(
+          { email },
+          password,
+          auditLog,
+          {
+            enforceHIBPCheck: !fromKnownDevice,
+          }
+        ))
+    } catch (error) {
+      return {
+        user: false,
+        info: handleAuthenticateErrors(error, req),
+      }
+    }
+
+    if (user && AuthenticationController.captchaRequiredForLogin(req, user)) {
+      Metrics.inc('login_failure_reason', 1, { status: 'captcha_missing' })
+      return {
+        user: false,
+        info: {
+          text: req.i18n.translate('cannot_verify_user_not_robot'),
+          type: 'error',
+          errorReason: 'cannot_verify_user_not_robot',
+          status: 400,
+        },
+      }
+    } else if (user) {
+      if (
+        isPasswordReused &&
+        AuthenticationController.getRedirectFromSession(req) == null
+      ) {
+        AuthenticationController.setRedirectInSession(
+          req,
+          '/compromised-password'
+        )
+      }
+
+      // async actions
+      return { user, info: undefined }
+    } else {
+      Metrics.inc('login_failure_reason', 1, { status: 'password_invalid' })
+      AuthenticationController._recordFailedLogin()
+      logger.debug({ email }, 'failed log in')
+      return {
+        user: false,
+        info: {
+          type: 'error',
+          key: 'invalid-password-retry-or-reset',
+          status: 401,
+        },
+      }
+    }
+  },
+
+  captchaRequiredForLogin(req, user) {
+    switch (AuthenticationController.getAuditInfo(req).captcha) {
+      case 'trusted':
+      case 'disabled':
+        return false
+      case 'solved':
+        return false
+      case 'skipped': {
+        let required = false
+        if (user.lastFailedLogin) {
+          const requireCaptchaUntil =
+            user.lastFailedLogin.getTime() +
+            Settings.elevateAccountSecurityAfterFailedLogin
+          required = requireCaptchaUntil >= Date.now()
+        }
+        Metrics.inc('force_captcha_on_login', 1, {
+          status: required ? 'yes' : 'no',
+        })
+        return required
+      }
+      default:
+        throw new Error('captcha middleware missing in handler chain')
+    }
+  },
+
+  ipMatchCheck(req, user) {
+    if (req.ip !== user.lastLoginIp) {
+      NotificationsBuilder.ipMatcherAffiliation(user._id).create(
+        req.ip,
+        () => {}
+      )
+    }
+    return UserUpdater.updateUser(
+      user._id.toString(),
+      {
+        $set: { lastLoginIp: req.ip },
+      },
+      () => {}
+    )
+  },
+
+  requireLogin() {
+    const doRequest = function (req, res, next) {
+      if (next == null) {
+        next = function () {}
+      }
+      if (!SessionManager.isUserLoggedIn(req.session)) {
+        if (acceptsJson(req)) return send401WithChallenge(res)
+        return AuthenticationController._redirectToLoginOrRegisterPage(req, res)
+      } else {
+        req.user = SessionManager.getSessionUser(req.session)
+        req.logger?.addFields({ userId: req.user._id })
+        return next()
+      }
+    }
+
+    return doRequest
+  },
+
+  /**
+   * @param {string} scope
+   * @return {import('express').Handler}
+   */
+  requireOauth(scope) {
+    if (typeof scope !== 'string' || !scope) {
+      throw new Error(
+        "requireOauth() expects a non-empty string as 'scope' parameter"
+      )
+    }
+
+    // require this here because module may not be included in some versions
+    const Oauth2Server = require('../../../../modules/oauth2-server/app/src/Oauth2Server')
+    const middleware = async (req, res, next) => {
+      const request = new Oauth2Server.Request(req)
+      const response = new Oauth2Server.Response(res)
+      try {
+        const token = await Oauth2Server.server.authenticate(
+          request,
+          response,
+          { scope }
+        )
+        req.oauth = { access_token: token.accessToken }
+        req.oauth_token = token
+        req.oauth_user = token.user
+        next()
+      } catch (err) {
+        if (
+          err.code === 400 &&
+          err.message === 'Invalid request: malformed authorization header'
+        ) {
+          err.code = 401
+        }
+        // send all other errors
+        res
+          .status(err.code)
+          .json({ error: err.name, error_description: err.message })
+      }
+    }
+    return expressify(middleware)
+  },
+
+  _globalLoginWhitelist: [],
+  addEndpointToLoginWhitelist(endpoint) {
+    return AuthenticationController._globalLoginWhitelist.push(endpoint)
+  },
+
+  requireGlobalLogin(req, res, next) {
+    if (
+      AuthenticationController._globalLoginWhitelist.includes(
+        req._parsedUrl.pathname
+      )
+    ) {
+      return next()
+    }
+
+    if (req.headers.authorization != null) {
+      AuthenticationController.requirePrivateApiAuth()(req, res, next)
+    } else if (SessionManager.isUserLoggedIn(req.session)) {
+      next()
+    } else {
+      logger.debug(
+        { url: req.url },
+        'user trying to access endpoint not in global whitelist'
+      )
+      if (acceptsJson(req)) return send401WithChallenge(res)
+      AuthenticationController.setRedirectInSession(req)
+      res.redirect('/login')
+    }
+  },
+
+  validateAdmin(req, res, next) {
+    const adminDomains = Settings.adminDomains
+    if (
+      !adminDomains ||
+      !(Array.isArray(adminDomains) && adminDomains.length)
+    ) {
+      return next()
+    }
+    const user = SessionManager.getSessionUser(req.session)
+    if (!hasAdminAccess(user)) {
+      return next()
+    }
+    const email = user.email
+    if (email == null) {
+      return next(
+        new OError('[ValidateAdmin] Admin user without email address', {
+          userId: user._id,
+        })
+      )
+    }
+    if (!adminDomains.find(domain => email.endsWith(`@${domain}`))) {
+      return next(
+        new OError('[ValidateAdmin] Admin user with invalid email domain', {
+          email,
+          userId: user._id,
+        })
+      )
+    }
+    return next()
+  },
+
+  checkCredentials,
+
+  requireBasicAuth: function (userDetails) {
+    const userDetailsMap = new Map(Object.entries(userDetails))
+    return function (req, res, next) {
+      const credentials = basicAuth(req)
+      if (
+        !credentials ||
+        !checkCredentials(userDetailsMap, credentials.name, credentials.pass)
+      ) {
+        send401WithChallenge(res)
+        Metrics.inc('security.http-auth', 1, { status: 'reject' })
+      } else {
+        Metrics.inc('security.http-auth', 1, { status: 'accept' })
+        next()
+      }
+    }
+  },
+
+  requirePrivateApiAuth() {
+    return AuthenticationController.requireBasicAuth(Settings.httpAuthUsers)
+  },
+
+  setAuditInfo(req, info) {
+    if (!req.__authAuditInfo) {
+      req.__authAuditInfo = {}
+    }
+    Object.assign(req.__authAuditInfo, info)
+  },
+
+  getAuditInfo(req) {
+    return req.__authAuditInfo || {}
+  },
+
+  setRedirectInSession(req, value) {
+    if (value == null) {
+      value =
+        Object.keys(req.query).length > 0
+          ? `${req.path}?${querystring.stringify(req.query)}`
+          : `${req.path}`
+    }
+    if (
+      req.session != null &&
+      !/^\/(socket.io|js|stylesheets|img)\/.*$/.test(value) &&
+      !/^.*\.(png|jpeg|svg)$/.test(value)
+    ) {
+      const safePath = UrlHelper.getSafeRedirectPath(value)
+      return (req.session.postLoginRedirect = safePath)
+    }
+  },
+
+  _redirectToLoginOrRegisterPage(req, res) {
+    if (
+      req.query.zipUrl != null ||
+      req.session.sharedProjectData ||
+      req.path === '/user/subscription/new'
+    ) {
+      AuthenticationController._redirectToRegisterPage(req, res)
+    } else {
+      AuthenticationController._redirectToLoginPage(req, res)
+    }
+  },
+
+  _redirectToLoginPage(req, res) {
+    logger.debug(
+      { url: req.url },
+      'user not logged in so redirecting to login page'
+    )
+    AuthenticationController.setRedirectInSession(req)
+    const url = `/login?${querystring.stringify(req.query)}`
+    res.redirect(url)
+    Metrics.inc('security.login-redirect')
+  },
+
+  _redirectToReconfirmPage(req, res, user) {
+    logger.debug(
+      { url: req.url },
+      'user needs to reconfirm so redirecting to reconfirm page'
+    )
+    req.session.reconfirm_email = user != null ? user.email : undefined
+    const redir = '/user/reconfirm'
+    AsyncFormHelper.redirect(req, res, redir)
+  },
+
+  _redirectToRegisterPage(req, res) {
+    logger.debug(
+      { url: req.url },
+      'user not logged in so redirecting to register page'
+    )
+    AuthenticationController.setRedirectInSession(req)
+    const url = `/register?${querystring.stringify(req.query)}`
+    res.redirect(url)
+    Metrics.inc('security.login-redirect')
+  },
+
+  _recordSuccessfulLogin(userId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    UserUpdater.updateUser(
+      userId.toString(),
+      {
+        $set: { lastLoggedIn: new Date() },
+        $inc: { loginCount: 1 },
+      },
+      function (error) {
+        if (error != null) {
+          callback(error)
+        }
+        Metrics.inc('user.login.success')
+        callback()
+      }
+    )
+  },
+
+  _recordFailedLogin(callback) {
+    Metrics.inc('user.login.failed')
+    if (callback) callback()
+  },
+
+  getRedirectFromSession(req) {
+    let safePath
+    const value = _.get(req, ['session', 'postLoginRedirect'])
+    if (value) {
+      safePath = UrlHelper.getSafeRedirectPath(value)
+    }
+    return safePath || null
+  },
+
+  _clearRedirectFromSession(req) {
+    if (req.session != null) {
+      delete req.session.postLoginRedirect
+    }
+  },
+}
+
+function _afterLoginSessionSetup(req, user, callback) {
+  req.login(user, { keepSessionInfo: true }, function (err) {
+    if (err) {
+      OError.tag(err, 'error from req.login', {
+        user_id: user._id,
+      })
+      return callback(err)
+    }
+    delete req.session.__tmp
+    delete req.session.csrfSecret
+    req.session.save(function (err) {
+      if (err) {
+        OError.tag(err, 'error saving regenerated session after login', {
+          user_id: user._id,
+        })
+        return callback(err)
+      }
+      UserSessionsManager.trackSession(user, req.sessionID, function () {})
+      if (!req.deviceHistory) {
+        // Captcha disabled or SSO-based login.
+        return callback()
+      }
+      req.deviceHistory.add(user.email)
+      req.deviceHistory
+        .serialize(req.res)
+        .catch(err => {
+          logger.err({ err }, 'cannot serialize deviceHistory')
+        })
+        .finally(() => callback())
+    })
+  })
+}
+
+const _afterLoginSessionSetupAsync = promisify(_afterLoginSessionSetup)
+
+function _loginAsyncHandlers(req, user, anonymousAnalyticsId, isNewUser) {
+  UserHandler.populateTeamInvites(user, err => {
+    if (err != null) {
+      logger.warn({ err }, 'error setting up login data')
+    }
+  })
+  LoginRateLimiter.recordSuccessfulLogin(user.email, () => {})
+  AuthenticationController._recordSuccessfulLogin(user._id, () => {})
+  AuthenticationController.ipMatchCheck(req, user)
+  Analytics.recordEventForUserInBackground(user._id, 'user-logged-in', {
+    source: req.session.saml
+      ? 'saml'
+      : req.user_info?.auth_provider || 'email-password',
+  })
+  Analytics.identifyUser(user._id, anonymousAnalyticsId, isNewUser)
+
+  logger.debug(
+    { email: user.email, userId: user._id.toString() },
+    'successful log in'
+  )
+
+  req.session.justLoggedIn = true
+  // capture the request ip for use when creating the session
+  return (user._login_req_ip = req.ip)
+}
+
+AuthenticationController.promises = {
+  finishLogin: AuthenticationController._finishLoginAsync,
+}
+
+module.exports = AuthenticationController
diff --git a/services/web/app/src/Features/Authentication/AuthenticationErrors.js b/services/web/app/src/Features/Authentication/AuthenticationErrors.js
new file mode 100644
index 0000000..c5dc8ba
--- /dev/null
+++ b/services/web/app/src/Features/Authentication/AuthenticationErrors.js
@@ -0,0 +1,58 @@
+const Metrics = require('@overleaf/metrics')
+const OError = require('@overleaf/o-error')
+const Settings = require('@overleaf/settings')
+const Errors = require('../Errors/Errors')
+
+class InvalidEmailError extends Errors.BackwardCompatibleError {}
+class InvalidPasswordError extends Errors.BackwardCompatibleError {}
+class ParallelLoginError extends Errors.BackwardCompatibleError {}
+class PasswordMustBeDifferentError extends Errors.BackwardCompatibleError {}
+class PasswordReusedError extends Errors.BackwardCompatibleError {}
+
+function handleAuthenticateErrors(error, req) {
+  if (error.message === 'password is too long') {
+    Metrics.inc('login_failure_reason', 1, {
+      status: 'password_is_too_long',
+    })
+    return {
+      status: 422,
+      type: 'error',
+      key: 'password-too-long',
+      text: req.i18n.translate('password_too_long_please_reset'),
+    }
+  }
+  if (error instanceof ParallelLoginError) {
+    Metrics.inc('login_failure_reason', 1, { status: 'parallel_login' })
+    return { status: 429 }
+  }
+  if (error instanceof PasswordReusedError) {
+    Metrics.inc('login_failure_reason', 1, {
+      status: 'password_compromised',
+    })
+    const text = `${req.i18n
+      .translate('password_compromised_try_again_or_use_known_device_or_reset')
+      .replace('<0>', '')
+      .replace('</0>', ' (https://haveibeenpwned.com/passwords)')
+      .replace('<1>', '')
+      .replace('</1>', ` (${Settings.siteUrl}/user/password/reset)`)}.`
+    return {
+      status: 400,
+      type: 'error',
+      key: 'password-compromised',
+      text,
+    }
+  }
+  Metrics.inc('login_failure_reason', 1, {
+    status: error instanceof OError ? error.name : 'error',
+  })
+  throw error
+}
+
+module.exports = {
+  InvalidEmailError,
+  InvalidPasswordError,
+  ParallelLoginError,
+  PasswordMustBeDifferentError,
+  PasswordReusedError,
+  handleAuthenticateErrors,
+}
diff --git a/services/web/app/src/Features/Authentication/AuthenticationManager.js b/services/web/app/src/Features/Authentication/AuthenticationManager.js
new file mode 100644
index 0000000..6ac5109
--- /dev/null
+++ b/services/web/app/src/Features/Authentication/AuthenticationManager.js
@@ -0,0 +1,477 @@
+const Settings = require('@overleaf/settings')
+const { User } = require('../../models/User')
+const { db, ObjectId } = require('../../infrastructure/mongodb')
+const bcrypt = require('bcrypt')
+const EmailHelper = require('../Helpers/EmailHelper')
+const {
+  InvalidEmailError,
+  InvalidPasswordError,
+  ParallelLoginError,
+  PasswordMustBeDifferentError,
+  PasswordReusedError,
+} = require('./AuthenticationErrors')
+const {
+  callbackify,
+  callbackifyMultiResult,
+} = require('@overleaf/promise-utils')
+const HaveIBeenPwned = require('./HaveIBeenPwned')
+const UserAuditLogHandler = require('../User/UserAuditLogHandler')
+const logger = require('@overleaf/logger')
+const DiffHelper = require('../Helpers/DiffHelper')
+const Metrics = require('@overleaf/metrics')
+
+const BCRYPT_ROUNDS = Settings.security.bcryptRounds || 12
+const BCRYPT_MINOR_VERSION = Settings.security.bcryptMinorVersion || 'a'
+const MAX_SIMILARITY = 0.7
+
+function _exceedsMaximumLengthRatio(password, maxSimilarity, value) {
+  const passwordLength = password.length
+  const lengthBoundSimilarity = (maxSimilarity / 2) * passwordLength
+  const valueLength = value.length
+  return (
+    passwordLength >= 10 * valueLength && valueLength < lengthBoundSimilarity
+  )
+}
+
+const _checkWriteResult = function (result) {
+  // for MongoDB
+  return !!(result && result.modifiedCount === 1)
+}
+
+function _validatePasswordNotTooLong(password) {
+  // bcrypt has a hard limit of 72 characters.
+  if (password.length > 72) {
+    return new InvalidPasswordError({
+      message: 'password is too long',
+      info: { code: 'too_long' },
+    })
+  }
+  return null
+}
+
+function _metricsForSuccessfulPasswordMatch(password) {
+  const validationResult = AuthenticationManager.validatePassword(password)
+  const status =
+    validationResult === null ? 'success' : validationResult?.info?.code
+  Metrics.inc('check-password', { status })
+  return null
+}
+
+const AuthenticationManager = {
+  async _checkUserPassword(query, password) {
+    // Using Mongoose for legacy reasons here. The returned User instance
+    // gets serialized into the session and there may be subtle differences
+    // between the user returned by Mongoose vs mongodb (such as default values)
+    const user = await User.findOne(query).exec()
+
+    if (!user || !user.hashedPassword) {
+      return { user: null, match: null }
+    }
+
+    let rounds = 0
+    try {
+      rounds = bcrypt.getRounds(user.hashedPassword)
+    } catch (err) {
+      let prefix, suffix, length
+      if (typeof user.hashedPassword === 'string') {
+        length = user.hashedPassword.length
+        if (user.hashedPassword.length > 50) {
+          // A full bcrypt hash is 60 characters long.
+          prefix = user.hashedPassword.slice(0, '$2a$12$x'.length)
+          suffix = user.hashedPassword.slice(-4)
+        } else if (user.hashedPassword.length > 20) {
+          prefix = user.hashedPassword.slice(0, 4)
+          suffix = user.hashedPassword.slice(-4)
+        } else {
+          prefix = user.hashedPassword.slice(0, 4)
+        }
+      }
+      logger.warn(
+        {
+          err,
+          userId: user._id,
+          hashedPassword: {
+            type: typeof user.hashedPassword,
+            length,
+            prefix,
+            suffix,
+          },
+        },
+        'unexpected user.hashedPassword value'
+      )
+    }
+    Metrics.inc('bcrypt', 1, {
+      method: 'compare',
+      path: rounds,
+    })
+
+    const match = await bcrypt.compare(password, user.hashedPassword)
+
+    if (match) {
+      _metricsForSuccessfulPasswordMatch(password)
+    }
+
+    return { user, match }
+  },
+
+  async authenticate(query, password, auditLog, { enforceHIBPCheck = true }) {
+    const { user, match } = await AuthenticationManager._checkUserPassword(
+      query,
+      password
+    )
+
+    if (!user) {
+      return { user: null }
+    }
+
+    const update = { $inc: { loginEpoch: 1 } }
+    if (!match) {
+      update.$set = { lastFailedLogin: new Date() }
+    }
+
+    const result = await User.updateOne(
+      { _id: user._id, loginEpoch: user.loginEpoch },
+      update,
+      {}
+    ).exec()
+
+    if (result.modifiedCount !== 1) {
+      throw new ParallelLoginError()
+    }
+
+    if (!match) {
+      if (!auditLog) {
+        return { user: null }
+      } else {
+        try {
+          await UserAuditLogHandler.promises.addEntry(
+            user._id,
+            'failed-password-match',
+            user._id,
+            auditLog.ipAddress,
+            auditLog.info
+          )
+        } catch (err) {
+          logger.error(
+            { userId: user._id, err, info: auditLog.info },
+            'Error while adding AuditLog entry for failed-password-match'
+          )
+        }
+        return { user: null }
+      }
+    }
+    await AuthenticationManager.checkRounds(user, user.hashedPassword, password)
+
+    let isPasswordReused
+    try {
+      isPasswordReused =
+        await HaveIBeenPwned.promises.checkPasswordForReuse(password)
+    } catch (err) {
+      logger.err({ err }, 'cannot check password for re-use')
+    }
+
+    if (isPasswordReused && enforceHIBPCheck) {
+      throw new PasswordReusedError()
+    }
+
+    return { user, isPasswordReused }
+  },
+
+  validateEmail(email) {
+    const parsed = EmailHelper.parseEmail(email)
+    if (!parsed) {
+      return new InvalidEmailError({ message: 'email not valid' })
+    }
+    return null
+  },
+
+  // validates a password based on a similar set of rules previously used by `passfield.js` on the frontend
+  // note that `passfield.js` enforced more rules than this, but these are the most commonly set.
+  // returns null on success, or an error object.
+  validatePassword(password, email) {
+    if (password == null) {
+      return new InvalidPasswordError({
+        message: 'password not set',
+        info: { code: 'not_set' },
+      })
+    }
+
+    Metrics.inc('try-validate-password')
+
+    let allowAnyChars, min, max
+    if (Settings.passwordStrengthOptions) {
+      allowAnyChars = Settings.passwordStrengthOptions.allowAnyChars === true
+      if (Settings.passwordStrengthOptions.length) {
+        min = Settings.passwordStrengthOptions.length.min
+        max = Settings.passwordStrengthOptions.length.max
+      }
+    }
+    allowAnyChars = !!allowAnyChars
+    min = min || 8
+    max = max || 72
+
+    // we don't support passwords > 72 characters in length, because bcrypt truncates them
+    if (max > 72) {
+      max = 72
+    }
+
+    if (password.length < min) {
+      return new InvalidPasswordError({
+        message: 'password is too short',
+        info: { code: 'too_short' },
+      })
+    }
+    if (password.length > max) {
+      return new InvalidPasswordError({
+        message: 'password is too long',
+        info: { code: 'too_long' },
+      })
+    }
+    const passwordLengthError = _validatePasswordNotTooLong(password)
+    if (passwordLengthError) {
+      return passwordLengthError
+    }
+    if (
+      !allowAnyChars &&
+      !AuthenticationManager._passwordCharactersAreValid(password)
+    ) {
+      return new InvalidPasswordError({
+        message: 'password contains an invalid character',
+        info: { code: 'invalid_character' },
+      })
+    }
+    if (typeof email === 'string' && email !== '') {
+      const startOfEmail = email.split('@')[0]
+      if (
+        password.includes(email) ||
+        password.includes(startOfEmail) ||
+        email.includes(password)
+      ) {
+        return new InvalidPasswordError({
+          message: 'password contains part of email address',
+          info: { code: 'contains_email' },
+        })
+      }
+      try {
+        const passwordTooSimilarError =
+          AuthenticationManager._validatePasswordNotTooSimilar(password, email)
+        if (passwordTooSimilarError) {
+          Metrics.inc('password-too-similar-to-email')
+          return new InvalidPasswordError({
+            message: 'password is too similar to email address',
+            info: { code: 'too_similar' },
+          })
+        }
+      } catch (error) {
+        logger.error(
+          { error },
+          'error while checking password similarity to email'
+        )
+      }
+      // TODO: remove this check once the password-too-similar checks are active?
+    }
+    return null
+  },
+
+  async setUserPassword(user, password) {
+    return await AuthenticationManager.setUserPasswordInV2(user, password)
+  },
+
+  async checkRounds(user, hashedPassword, password) {
+    // Temporarily disable this function, TODO: re-enable this
+    if (Settings.security.disableBcryptRoundsUpgrades) {
+      Metrics.inc('bcrypt_check_rounds', 1, { status: 'disabled' })
+      return
+    }
+    // check current number of rounds and rehash if necessary
+    const currentRounds = bcrypt.getRounds(hashedPassword)
+    if (currentRounds < BCRYPT_ROUNDS) {
+      Metrics.inc('bcrypt_check_rounds', 1, { status: 'upgrade' })
+      return await AuthenticationManager._setUserPasswordInMongo(user, password)
+    } else {
+      Metrics.inc('bcrypt_check_rounds', 1, { status: 'success' })
+    }
+  },
+
+  async hashPassword(password) {
+    // Double-check the size to avoid truncating in bcrypt.
+    const error = _validatePasswordNotTooLong(password)
+    if (error) {
+      throw error
+    }
+
+    const salt = await bcrypt.genSalt(BCRYPT_ROUNDS, BCRYPT_MINOR_VERSION)
+
+    Metrics.inc('bcrypt', 1, {
+      method: 'hash',
+      path: BCRYPT_ROUNDS,
+    })
+    return await bcrypt.hash(password, salt)
+  },
+
+  async setUserPasswordInV2(user, password) {
+    if (!user || !user.email || !user._id) {
+      throw new Error('invalid user object')
+    }
+    const validationError = this.validatePassword(password, user.email)
+    if (validationError) {
+      throw validationError
+    }
+    // check if we can log in with this password. In which case we should reject it,
+    // because it is the same as the existing password.
+    const { match } = await AuthenticationManager._checkUserPassword(
+      { _id: user._id },
+      password
+    )
+
+    if (match) {
+      throw new PasswordMustBeDifferentError()
+    }
+
+    let isPasswordReused
+    try {
+      isPasswordReused =
+        await HaveIBeenPwned.promises.checkPasswordForReuse(password)
+    } catch (error) {
+      logger.err({ error }, 'cannot check password for re-use')
+    }
+
+    if (isPasswordReused) {
+      throw new PasswordReusedError()
+    }
+
+    // password is strong enough or the validation with the service did not happen
+    return await this._setUserPasswordInMongo(user, password)
+  },
+
+  async _setUserPasswordInMongo(user, password) {
+    const hash = await this.hashPassword(password)
+    const result = await db.users.updateOne(
+      { _id: new ObjectId(user._id.toString()) },
+      {
+        $set: {
+          hashedPassword: hash,
+        },
+        $unset: {
+          password: true,
+        },
+      }
+    )
+
+    return _checkWriteResult(result)
+  },
+
+  _passwordCharactersAreValid(password) {
+    let digits, letters, lettersUp, symbols
+    if (
+      Settings.passwordStrengthOptions &&
+      Settings.passwordStrengthOptions.chars
+    ) {
+      digits = Settings.passwordStrengthOptions.chars.digits
+      letters = Settings.passwordStrengthOptions.chars.letters
+      lettersUp = Settings.passwordStrengthOptions.chars.letters_up
+      symbols = Settings.passwordStrengthOptions.chars.symbols
+    }
+    digits = digits || '1234567890'
+    letters = letters || 'abcdefghijklmnopqrstuvwxyz'
+    lettersUp = lettersUp || 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'
+    symbols = symbols || '@#$%^&*()-_=+[]{};:<>/?!£€.,'
+
+    for (let charIndex = 0; charIndex <= password.length - 1; charIndex++) {
+      if (
+        digits.indexOf(password[charIndex]) === -1 &&
+        letters.indexOf(password[charIndex]) === -1 &&
+        lettersUp.indexOf(password[charIndex]) === -1 &&
+        symbols.indexOf(password[charIndex]) === -1
+      ) {
+        return false
+      }
+    }
+    return true
+  },
+
+  /**
+   * Check if the password is similar to (parts of) the email address.
+   * For now, this merely sends a metric when the password and
+   * email address are deemed to be too similar to each other.
+   * Later we will reject passwords that fail this check.
+   *
+   * This logic was borrowed from the django project:
+   * https://github.com/django/django/blob/fa3afc5d86f1f040922cca2029d6a34301597a70/django/contrib/auth/password_validation.py#L159-L214
+   */
+  _validatePasswordNotTooSimilar(password, email) {
+    password = password.toLowerCase()
+    email = email.toLowerCase()
+    const stringsToCheck = [email]
+      .concat(email.split(/\W+/))
+      .concat(email.split(/@/))
+    for (const emailPart of stringsToCheck) {
+      if (!_exceedsMaximumLengthRatio(password, MAX_SIMILARITY, emailPart)) {
+        const similarity = DiffHelper.stringSimilarity(password, emailPart)
+        if (similarity > MAX_SIMILARITY) {
+          return new Error('password is too similar to email')
+        }
+      }
+    }
+  },
+
+  getMessageForInvalidPasswordError(error, req) {
+    const errorCode = error?.info?.code
+    const message = {
+      type: 'error',
+    }
+    switch (errorCode) {
+      case 'not_set':
+        message.key = 'password-not-set'
+        message.text = req.i18n.translate('invalid_password_not_set')
+        break
+      case 'invalid_character':
+        message.key = 'password-invalid-character'
+        message.text = req.i18n.translate('invalid_password_invalid_character')
+        break
+      case 'contains_email':
+        message.key = 'password-contains-email'
+        message.text = req.i18n.translate('invalid_password_contains_email')
+        break
+      case 'too_similar':
+        message.key = 'password-too-similar'
+        message.text = req.i18n.translate('invalid_password_too_similar')
+        break
+      case 'too_short':
+        message.key = 'password-too-short'
+        message.text = req.i18n.translate('invalid_password_too_short', {
+          minLength: Settings.passwordStrengthOptions?.length?.min || 8,
+        })
+        break
+      case 'too_long':
+        message.key = 'password-too-long'
+        message.text = req.i18n.translate('invalid_password_too_long', {
+          maxLength: Settings.passwordStrengthOptions?.length?.max || 72,
+        })
+        break
+      default:
+        logger.error({ err: error }, 'Unknown password validation error code')
+        message.text = req.i18n.translate('invalid_password')
+        break
+    }
+    return message
+  },
+}
+
+module.exports = {
+  _validatePasswordNotTooSimilar:
+    AuthenticationManager._validatePasswordNotTooSimilar, // Private function exported for tests
+  validateEmail: AuthenticationManager.validateEmail,
+  validatePassword: AuthenticationManager.validatePassword,
+  getMessageForInvalidPasswordError:
+    AuthenticationManager.getMessageForInvalidPasswordError,
+  authenticate: callbackifyMultiResult(AuthenticationManager.authenticate, [
+    'user',
+    'isPasswordReused',
+  ]),
+  setUserPassword: callbackify(AuthenticationManager.setUserPassword),
+  checkRounds: callbackify(AuthenticationManager.checkRounds),
+  hashPassword: callbackify(AuthenticationManager.hashPassword),
+  setUserPasswordInV2: callbackify(AuthenticationManager.setUserPasswordInV2),
+  promises: AuthenticationManager,
+}
diff --git a/services/web/app/src/Features/Authentication/HaveIBeenPwned.js b/services/web/app/src/Features/Authentication/HaveIBeenPwned.js
new file mode 100644
index 0000000..c400fc7
--- /dev/null
+++ b/services/web/app/src/Features/Authentication/HaveIBeenPwned.js
@@ -0,0 +1,127 @@
+/*
+  This module is operating on raw user passwords. Be very defensive.
+  Pay special attention when passing the password or even a hash/prefix around.
+  We need to ensure that no parts of it get logged or returned on either the
+   happy path or via an error (message or attributes).
+ */
+
+const { callbackify } = require('util')
+const { fetchString } = require('@overleaf/fetch-utils')
+const crypto = require('crypto')
+const Settings = require('@overleaf/settings')
+const Metrics = require('@overleaf/metrics')
+const logger = require('@overleaf/logger')
+
+const HEX_CHARS_UPPER = '1234567890ABCDEF'
+const API_ERROR = new Error('cannot contact HaveIBeenPwned api')
+const INVALID_PREFIX = new Error(
+  'This is not a valid hex prefix. Rejecting to pass it to HaveIBeenPwned'
+)
+const INVALID_RESPONSE = new Error('cannot consume HaveIBeenPwned api response')
+const INVALID_SCORE = new Error(
+  'non integer score returned by HaveIBeenPwned api'
+)
+const CODED_ERROR_MESSAGES = [
+  API_ERROR,
+  INVALID_PREFIX,
+  INVALID_RESPONSE,
+  INVALID_SCORE,
+].map(err => err.message)
+
+async function getScoresForPrefix(prefix) {
+  if (
+    typeof prefix !== 'string' ||
+    prefix.length !== 5 ||
+    Array.from(prefix).some(c => !HEX_CHARS_UPPER.includes(c))
+  ) {
+    // Make sure we do not pass arbitrary objects to the api.
+    throw INVALID_PREFIX
+  }
+  try {
+    return await fetchString(
+      `${Settings.apis.haveIBeenPwned.url}/range/${prefix}`,
+      {
+        headers: {
+          'User-Agent': 'www.overleaf.com',
+          // Docs: https://haveibeenpwned.com/API/v3#PwnedPasswordsPadding
+          'Add-Padding': true,
+        },
+        signal: AbortSignal.timeout(Settings.apis.haveIBeenPwned.timeout),
+      }
+    )
+  } catch (_errorWithPotentialReferenceToPrefix) {
+    // NOTE: Do not leak request details by passing the original error up.
+    throw API_ERROR
+  }
+}
+
+async function isPasswordReused(password) {
+  const sha1 = crypto
+    .createHash('sha1')
+    .update(password)
+    .digest('hex')
+    .toUpperCase()
+  const prefix = sha1.slice(0, 5)
+  const body = await getScoresForPrefix(prefix)
+
+  let score = 0
+  try {
+    for (const line of body.split('\r\n')) {
+      const [candidate, scoreRaw] = line.split(':')
+      if (prefix + candidate === sha1) {
+        score = parseInt(scoreRaw)
+        break
+      }
+    }
+  } catch (_errorWithPotentialReferenceToHash) {
+    // NOTE: Do not leak password details by logging the original error.
+    throw INVALID_RESPONSE
+  }
+
+  if (Number.isNaN(score)) {
+    // NOTE: Do not leak password details by logging the score.
+    throw INVALID_SCORE
+  }
+  return score > 0
+}
+
+async function checkPasswordForReuse(password) {
+  if (!Settings.apis.haveIBeenPwned.enabled) {
+    return
+  }
+
+  try {
+    const isReused = await isPasswordReused(password)
+
+    Metrics.inc('password_re_use', {
+      status: isReused ? 're-used' : 'unique',
+    })
+
+    return isReused
+  } catch (err) {
+    let error = err
+    // Make sure we do not leak any password details.
+    if (!CODED_ERROR_MESSAGES.includes(err.message)) {
+      error = new Error('hidden message')
+    }
+    error = new Error(error.message)
+
+    Metrics.inc('password_re_use', { status: 'failure' })
+
+    throw error
+  }
+}
+
+function checkPasswordForReuseInBackground(password) {
+  checkPasswordForReuse(password).catch(error => {
+    logger.err({ error }, 'cannot check password for re-use')
+  })
+}
+
+module.exports = {
+  checkPasswordForReuse: callbackify(checkPasswordForReuse),
+  checkPasswordForReuseInBackground,
+  promises: {
+    checkPasswordForReuse,
+  },
+}
diff --git a/services/web/app/src/Features/Authentication/SessionManager.js b/services/web/app/src/Features/Authentication/SessionManager.js
new file mode 100644
index 0000000..a64ee98
--- /dev/null
+++ b/services/web/app/src/Features/Authentication/SessionManager.js
@@ -0,0 +1,46 @@
+const _ = require('lodash')
+
+const SessionManager = {
+  getSessionUser(session) {
+    const sessionUser = _.get(session, ['user'])
+    const sessionPassportUser = _.get(session, ['passport', 'user'])
+    return sessionUser || sessionPassportUser || null
+  },
+
+  setInSessionUser(session, props) {
+    const sessionUser = SessionManager.getSessionUser(session)
+    if (!sessionUser) {
+      return
+    }
+    for (const key in props) {
+      const value = props[key]
+      sessionUser[key] = value
+    }
+    return null
+  },
+
+  isUserLoggedIn(session) {
+    const userId = SessionManager.getLoggedInUserId(session)
+    return ![null, undefined, false].includes(userId)
+  },
+
+  getLoggedInUserId(session) {
+    const user = SessionManager.getSessionUser(session)
+    if (user) {
+      return user._id
+    } else {
+      return null
+    }
+  },
+
+  getLoggedInUserV1Id(session) {
+    const user = SessionManager.getSessionUser(session)
+    if (user != null && user.v1_id != null) {
+      return user.v1_id
+    } else {
+      return null
+    }
+  },
+}
+
+module.exports = SessionManager
diff --git a/services/web/app/src/Features/Authorization/AuthorizationManager.js b/services/web/app/src/Features/Authorization/AuthorizationManager.js
new file mode 100644
index 0000000..2f339de
--- /dev/null
+++ b/services/web/app/src/Features/Authorization/AuthorizationManager.js
@@ -0,0 +1,315 @@
+const { callbackify } = require('util')
+const { ObjectId } = require('mongodb-legacy')
+const CollaboratorsGetter = require('../Collaborators/CollaboratorsGetter')
+const CollaboratorsHandler = require('../Collaborators/CollaboratorsHandler')
+const ProjectGetter = require('../Project/ProjectGetter')
+const { User } = require('../../models/User')
+const PrivilegeLevels = require('./PrivilegeLevels')
+const TokenAccessHandler = require('../TokenAccess/TokenAccessHandler')
+const PublicAccessLevels = require('./PublicAccessLevels')
+const Errors = require('../Errors/Errors')
+const { hasAdminAccess } = require('../Helpers/AdminAuthorizationHelper')
+const Settings = require('@overleaf/settings')
+const DocumentUpdaterHandler = require('../DocumentUpdater/DocumentUpdaterHandler')
+
+function isRestrictedUser(
+  userId,
+  privilegeLevel,
+  isTokenMember,
+  isInvitedMember
+) {
+  if (privilegeLevel === PrivilegeLevels.NONE) {
+    return true
+  }
+  return (
+    privilegeLevel === PrivilegeLevels.READ_ONLY &&
+    (isTokenMember || !userId) &&
+    !isInvitedMember
+  )
+}
+
+async function isRestrictedUserForProject(userId, projectId, token) {
+  const privilegeLevel = await getPrivilegeLevelForProject(
+    userId,
+    projectId,
+    token
+  )
+  const isTokenMember = await CollaboratorsHandler.promises.userIsTokenMember(
+    userId,
+    projectId
+  )
+  const isInvitedMember =
+    await CollaboratorsGetter.promises.isUserInvitedMemberOfProject(
+      userId,
+      projectId
+    )
+  return isRestrictedUser(
+    userId,
+    privilegeLevel,
+    isTokenMember,
+    isInvitedMember
+  )
+}
+
+async function getPublicAccessLevel(projectId) {
+  if (!ObjectId.isValid(projectId)) {
+    throw new Error('invalid project id')
+  }
+
+  // Note, the Project property in the DB is `publicAccesLevel`, without the second `s`
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    publicAccesLevel: 1,
+  })
+  if (!project) {
+    throw new Errors.NotFoundError(`no project found with id ${projectId}`)
+  }
+  return project.publicAccesLevel
+}
+
+/**
+ * Get the privilege level that the user has for the project.
+ *
+ * @param userId - The id of the user that wants to access the project.
+ * @param projectId - The id of the project to be accessed.
+ * @param {string} token
+ * @param {Object} opts
+ * @param {boolean} opts.ignoreSiteAdmin - Do not consider whether the user is
+ *     a site admin.
+ * @param {boolean} opts.ignorePublicAccess - Do not consider the project is
+ *     publicly accessible.
+ *
+ * @returns {string|boolean} The privilege level. One of "owner",
+ *     "readAndWrite", "readOnly" or false.
+ */
+async function getPrivilegeLevelForProject(
+  userId,
+  projectId,
+  token,
+  opts = {}
+) {
+  if (userId) {
+    return getPrivilegeLevelForProjectWithUser(userId, projectId, opts)
+  } else {
+    return getPrivilegeLevelForProjectWithoutUser(projectId, token, opts)
+  }
+}
+
+// User is present, get their privilege level from database
+async function getPrivilegeLevelForProjectWithUser(
+  userId,
+  projectId,
+  opts = {}
+) {
+  if (!opts.ignoreSiteAdmin) {
+    if (await isUserSiteAdmin(userId)) {
+      return PrivilegeLevels.OWNER
+    }
+  }
+
+  const privilegeLevel =
+    await CollaboratorsGetter.promises.getMemberIdPrivilegeLevel(
+      userId,
+      projectId
+    )
+  if (privilegeLevel && privilegeLevel !== PrivilegeLevels.NONE) {
+    // The user has direct access
+    return privilegeLevel
+  }
+
+  if (!opts.ignorePublicAccess) {
+    // Legacy public-access system
+    // User is present (not anonymous), but does not have direct access
+    const publicAccessLevel = await getPublicAccessLevel(projectId)
+    if (publicAccessLevel === PublicAccessLevels.READ_ONLY) {
+      return PrivilegeLevels.READ_ONLY
+    }
+    if (publicAccessLevel === PublicAccessLevels.READ_AND_WRITE) {
+      return PrivilegeLevels.READ_AND_WRITE
+    }
+  }
+
+  return PrivilegeLevels.NONE
+}
+
+// User is Anonymous, Try Token-based access
+async function getPrivilegeLevelForProjectWithoutUser(
+  projectId,
+  token,
+  opts = {}
+) {
+  const publicAccessLevel = await getPublicAccessLevel(projectId)
+  if (!opts.ignorePublicAccess) {
+    if (publicAccessLevel === PublicAccessLevels.READ_ONLY) {
+      // Legacy public read-only access for anonymous user
+      return PrivilegeLevels.READ_ONLY
+    }
+    if (publicAccessLevel === PublicAccessLevels.READ_AND_WRITE) {
+      // Legacy public read-write access for anonymous user
+      return PrivilegeLevels.READ_AND_WRITE
+    }
+  }
+  if (publicAccessLevel === PublicAccessLevels.TOKEN_BASED) {
+    return getPrivilegeLevelForProjectWithToken(projectId, token)
+  }
+
+  // Deny anonymous user access
+  return PrivilegeLevels.NONE
+}
+
+async function getPrivilegeLevelForProjectWithToken(projectId, token) {
+  // Anonymous users can have read-only access to token-based projects,
+  // while read-write access must be logged in,
+  // unless the `enableAnonymousReadAndWriteSharing` setting is enabled
+  const { isValidReadAndWrite, isValidReadOnly } =
+    await TokenAccessHandler.promises.validateTokenForAnonymousAccess(
+      projectId,
+      token
+    )
+  if (isValidReadOnly) {
+    // Grant anonymous user read-only access
+    return PrivilegeLevels.READ_ONLY
+  }
+  if (isValidReadAndWrite) {
+    // Grant anonymous user read-and-write access
+    return PrivilegeLevels.READ_AND_WRITE
+  }
+  // Deny anonymous access
+  return PrivilegeLevels.NONE
+}
+
+async function canUserReadProject(userId, projectId, token) {
+  const privilegeLevel = await getPrivilegeLevelForProject(
+    userId,
+    projectId,
+    token
+  )
+  return [
+    PrivilegeLevels.OWNER,
+    PrivilegeLevels.READ_AND_WRITE,
+    PrivilegeLevels.READ_ONLY,
+    PrivilegeLevels.REVIEW,
+  ].includes(privilegeLevel)
+}
+
+async function canUserWriteProjectContent(userId, projectId, token) {
+  const privilegeLevel = await getPrivilegeLevelForProject(
+    userId,
+    projectId,
+    token
+  )
+  return [PrivilegeLevels.OWNER, PrivilegeLevels.READ_AND_WRITE].includes(
+    privilegeLevel
+  )
+}
+
+async function canUserWriteOrReviewProjectContent(userId, projectId, token) {
+  const privilegeLevel = await getPrivilegeLevelForProject(
+    userId,
+    projectId,
+    token
+  )
+  return (
+    privilegeLevel === PrivilegeLevels.OWNER ||
+    privilegeLevel === PrivilegeLevels.READ_AND_WRITE ||
+    privilegeLevel === PrivilegeLevels.REVIEW
+  )
+}
+
+async function canUserWriteProjectSettings(userId, projectId, token) {
+  const privilegeLevel = await getPrivilegeLevelForProject(
+    userId,
+    projectId,
+    token,
+    { ignorePublicAccess: true }
+  )
+  return [PrivilegeLevels.OWNER, PrivilegeLevels.READ_AND_WRITE].includes(
+    privilegeLevel
+  )
+}
+
+async function canUserRenameProject(userId, projectId, token) {
+  const privilegeLevel = await getPrivilegeLevelForProject(
+    userId,
+    projectId,
+    token
+  )
+  return privilegeLevel === PrivilegeLevels.OWNER
+}
+
+async function canUserAdminProject(userId, projectId, token) {
+  const privilegeLevel = await getPrivilegeLevelForProject(
+    userId,
+    projectId,
+    token
+  )
+  return privilegeLevel === PrivilegeLevels.OWNER
+}
+
+async function isUserSiteAdmin(userId) {
+  if (!userId) {
+    return false
+  }
+  if (!Settings.adminPrivilegeAvailable) return false
+  const user = await User.findOne({ _id: userId }, { isAdmin: 1 }).exec()
+  return hasAdminAccess(user)
+}
+
+async function canUserDeleteOrResolveThread(
+  userId,
+  projectId,
+  docId,
+  threadId,
+  token
+) {
+  const privilegeLevel = await getPrivilegeLevelForProject(
+    userId,
+    projectId,
+    token,
+    { ignorePublicAccess: true }
+  )
+  if (
+    privilegeLevel === PrivilegeLevels.OWNER ||
+    privilegeLevel === PrivilegeLevels.READ_AND_WRITE
+  ) {
+    return true
+  }
+
+  if (privilegeLevel !== PrivilegeLevels.REVIEW) {
+    return false
+  }
+
+  const comment = await DocumentUpdaterHandler.promises.getComment(
+    projectId,
+    docId,
+    threadId
+  )
+  return comment.metadata.user_id === userId
+}
+
+module.exports = {
+  canUserReadProject: callbackify(canUserReadProject),
+  canUserWriteProjectContent: callbackify(canUserWriteProjectContent),
+  canUserWriteOrReviewProjectContent: callbackify(
+    canUserWriteOrReviewProjectContent
+  ),
+  canUserDeleteOrResolveThread: callbackify(canUserDeleteOrResolveThread),
+  canUserWriteProjectSettings: callbackify(canUserWriteProjectSettings),
+  canUserRenameProject: callbackify(canUserRenameProject),
+  canUserAdminProject: callbackify(canUserAdminProject),
+  getPrivilegeLevelForProject: callbackify(getPrivilegeLevelForProject),
+  isRestrictedUser,
+  isRestrictedUserForProject: callbackify(isRestrictedUserForProject),
+  isUserSiteAdmin: callbackify(isUserSiteAdmin),
+  promises: {
+    canUserReadProject,
+    canUserWriteProjectContent,
+    canUserWriteOrReviewProjectContent,
+    canUserDeleteOrResolveThread,
+    canUserWriteProjectSettings,
+    canUserRenameProject,
+    canUserAdminProject,
+    getPrivilegeLevelForProject,
+    isRestrictedUserForProject,
+    isUserSiteAdmin,
+  },
+}
diff --git a/services/web/app/src/Features/Authorization/AuthorizationMiddleware.js b/services/web/app/src/Features/Authorization/AuthorizationMiddleware.js
new file mode 100644
index 0000000..0204344
--- /dev/null
+++ b/services/web/app/src/Features/Authorization/AuthorizationMiddleware.js
@@ -0,0 +1,292 @@
+const AuthorizationManager = require('./AuthorizationManager')
+const logger = require('@overleaf/logger')
+const { ObjectId } = require('mongodb-legacy')
+const Errors = require('../Errors/Errors')
+const HttpErrorHandler = require('../Errors/HttpErrorHandler')
+const AuthenticationController = require('../Authentication/AuthenticationController')
+const SessionManager = require('../Authentication/SessionManager')
+const TokenAccessHandler = require('../TokenAccess/TokenAccessHandler')
+const { expressify } = require('@overleaf/promise-utils')
+const {
+  canRedirectToAdminDomain,
+} = require('../Helpers/AdminAuthorizationHelper')
+const { getSafeAdminDomainRedirect } = require('../Helpers/UrlHelper')
+
+function _handleAdminDomainRedirect(req, res) {
+  if (canRedirectToAdminDomain(SessionManager.getSessionUser(req.session))) {
+    logger.warn({ req }, 'redirecting admin user to admin domain')
+    res.redirect(getSafeAdminDomainRedirect(req.originalUrl))
+    return true
+  }
+  return false
+}
+
+async function ensureUserCanReadMultipleProjects(req, res, next) {
+  const projectIds = (req.query.project_ids || '').split(',')
+  const userId = _getUserId(req)
+  for (const projectId of projectIds) {
+    const token = TokenAccessHandler.getRequestToken(req, projectId)
+    const canRead = await AuthorizationManager.promises.canUserReadProject(
+      userId,
+      projectId,
+      token
+    )
+    if (!canRead) {
+      return _redirectToRestricted(req, res, next)
+    }
+  }
+  next()
+}
+
+async function blockRestrictedUserFromProject(req, res, next) {
+  const projectId = _getProjectId(req)
+  const userId = _getUserId(req)
+  const token = TokenAccessHandler.getRequestToken(req, projectId)
+  const isRestrictedUser =
+    await AuthorizationManager.promises.isRestrictedUserForProject(
+      userId,
+      projectId,
+      token
+    )
+  if (isRestrictedUser) {
+    return HttpErrorHandler.forbidden(req, res)
+  }
+  next()
+}
+
+async function ensureUserCanReadProject(req, res, next) {
+  const projectId = _getProjectId(req)
+  const userId = _getUserId(req)
+  const token = TokenAccessHandler.getRequestToken(req, projectId)
+  const canRead = await AuthorizationManager.promises.canUserReadProject(
+    userId,
+    projectId,
+    token
+  )
+  if (canRead) {
+    logger.debug({ userId, projectId }, 'allowing user read access to project')
+    return next()
+  }
+  logger.debug({ userId, projectId }, 'denying user read access to project')
+  HttpErrorHandler.forbidden(req, res)
+}
+
+async function ensureUserCanWriteProjectSettings(req, res, next) {
+  const projectId = _getProjectId(req)
+  const userId = _getUserId(req)
+  const token = TokenAccessHandler.getRequestToken(req, projectId)
+
+  if (req.body.name != null) {
+    const canRename = await AuthorizationManager.promises.canUserRenameProject(
+      userId,
+      projectId,
+      token
+    )
+    if (!canRename) {
+      return HttpErrorHandler.forbidden(req, res)
+    }
+  }
+
+  const otherParams = Object.keys(req.body).filter(x => x !== 'name')
+  if (otherParams.length > 0) {
+    const canWrite =
+      await AuthorizationManager.promises.canUserWriteProjectSettings(
+        userId,
+        projectId,
+        token
+      )
+    if (!canWrite) {
+      return HttpErrorHandler.forbidden(req, res)
+    }
+  }
+
+  next()
+}
+
+async function ensureUserCanDeleteOrResolveThread(req, res, next) {
+  const projectId = _getProjectId(req)
+  const docId = _getDocId(req)
+  const threadId = _getThreadId(req)
+  const userId = _getUserId(req)
+  const token = TokenAccessHandler.getRequestToken(req, projectId)
+  const canDeleteThread =
+    await AuthorizationManager.promises.canUserDeleteOrResolveThread(
+      userId,
+      projectId,
+      docId,
+      threadId,
+      token
+    )
+  if (canDeleteThread) {
+    logger.debug(
+      { userId, projectId },
+      'allowing user to delete or resolve a comment thread'
+    )
+    return next()
+  }
+
+  logger.debug(
+    { userId, projectId, threadId },
+    'denying user to delete or resolve a comment thread'
+  )
+  return HttpErrorHandler.forbidden(req, res)
+}
+
+async function ensureUserCanWriteProjectContent(req, res, next) {
+  const projectId = _getProjectId(req)
+  const userId = _getUserId(req)
+  const token = TokenAccessHandler.getRequestToken(req, projectId)
+  const canWrite =
+    await AuthorizationManager.promises.canUserWriteProjectContent(
+      userId,
+      projectId,
+      token
+    )
+  if (canWrite) {
+    logger.debug(
+      { userId, projectId },
+      'allowing user write access to project content'
+    )
+    return next()
+  }
+  logger.debug(
+    { userId, projectId },
+    'denying user write access to project settings'
+  )
+  HttpErrorHandler.forbidden(req, res)
+}
+
+async function ensureUserCanWriteOrReviewProjectContent(req, res, next) {
+  const projectId = _getProjectId(req)
+  const userId = _getUserId(req)
+  const token = TokenAccessHandler.getRequestToken(req, projectId)
+
+  const canWriteOrReviewProjectContent =
+    await AuthorizationManager.promises.canUserWriteOrReviewProjectContent(
+      userId,
+      projectId,
+      token
+    )
+  if (canWriteOrReviewProjectContent) {
+    logger.debug(
+      { userId, projectId },
+      'allowing user write or review access to project content'
+    )
+    return next()
+  }
+
+  logger.debug(
+    { userId, projectId },
+    'denying user write or review access to project content'
+  )
+  return HttpErrorHandler.forbidden(req, res)
+}
+
+async function ensureUserCanAdminProject(req, res, next) {
+  const projectId = _getProjectId(req)
+  const userId = _getUserId(req)
+  const token = TokenAccessHandler.getRequestToken(req, projectId)
+  const canAdmin = await AuthorizationManager.promises.canUserAdminProject(
+    userId,
+    projectId,
+    token
+  )
+  if (canAdmin) {
+    logger.debug({ userId, projectId }, 'allowing user admin access to project')
+    return next()
+  }
+  logger.debug({ userId, projectId }, 'denying user admin access to project')
+  HttpErrorHandler.forbidden(req, res)
+}
+
+async function ensureUserIsSiteAdmin(req, res, next) {
+  const userId = _getUserId(req)
+  if (await AuthorizationManager.promises.isUserSiteAdmin(userId)) {
+    logger.debug({ userId }, 'allowing user admin access to site')
+    return next()
+  }
+  if (_handleAdminDomainRedirect(req, res)) return
+  logger.debug({ userId }, 'denying user admin access to site')
+  _redirectToRestricted(req, res, next)
+}
+
+function _getProjectId(req) {
+  const projectId = req.params.project_id || req.params.Project_id
+  if (!projectId) {
+    throw new Error('Expected project_id in request parameters')
+  }
+  if (!ObjectId.isValid(projectId)) {
+    throw new Errors.NotFoundError(`invalid projectId: ${projectId}`)
+  }
+  return projectId
+}
+
+function _getDocId(req) {
+  const docId = req.params.doc_id
+  if (!docId) {
+    throw new Error('Expected doc_id in request parameters')
+  }
+  if (!ObjectId.isValid(docId)) {
+    throw new Errors.NotFoundError(`invalid docId: ${docId}`)
+  }
+  return docId
+}
+
+function _getThreadId(req) {
+  const threadId = req.params.thread_id
+  if (!threadId) {
+    throw new Error('Expected thread_id in request parameters')
+  }
+  if (!ObjectId.isValid(threadId)) {
+    throw new Errors.NotFoundError(`invalid threadId: ${threadId}`)
+  }
+  return threadId
+}
+
+function _getUserId(req) {
+  return (
+    SessionManager.getLoggedInUserId(req.session) ||
+    (req.oauth_user && req.oauth_user._id) ||
+    null
+  )
+}
+
+function _redirectToRestricted(req, res, next) {
+  // TODO: move this to throwing ForbiddenError
+  res.redirect(`/restricted?from=${encodeURIComponent(res.locals.currentUrl)}`)
+}
+
+function restricted(req, res, next) {
+  if (SessionManager.isUserLoggedIn(req.session)) {
+    return res.render('user/restricted', { title: 'restricted' })
+  }
+  const { from } = req.query
+  logger.debug({ from }, 'redirecting to login')
+  if (from) {
+    AuthenticationController.setRedirectInSession(req, from)
+  }
+  res.redirect('/login')
+}
+
+module.exports = {
+  ensureUserCanReadMultipleProjects: expressify(
+    ensureUserCanReadMultipleProjects
+  ),
+  blockRestrictedUserFromProject: expressify(blockRestrictedUserFromProject),
+  ensureUserCanReadProject: expressify(ensureUserCanReadProject),
+  ensureUserCanWriteProjectSettings: expressify(
+    ensureUserCanWriteProjectSettings
+  ),
+  ensureUserCanDeleteOrResolveThread: expressify(
+    ensureUserCanDeleteOrResolveThread
+  ),
+  ensureUserCanWriteProjectContent: expressify(
+    ensureUserCanWriteProjectContent
+  ),
+  ensureUserCanWriteOrReviewProjectContent: expressify(
+    ensureUserCanWriteOrReviewProjectContent
+  ),
+  ensureUserCanAdminProject: expressify(ensureUserCanAdminProject),
+  ensureUserIsSiteAdmin: expressify(ensureUserIsSiteAdmin),
+  restricted,
+}
diff --git a/services/web/app/src/Features/Authorization/PermissionsController.js b/services/web/app/src/Features/Authorization/PermissionsController.js
new file mode 100644
index 0000000..c9ffac3
--- /dev/null
+++ b/services/web/app/src/Features/Authorization/PermissionsController.js
@@ -0,0 +1,103 @@
+const { ForbiddenError, UserNotFoundError } = require('../Errors/Errors')
+const {
+  getUserCapabilities,
+  getUserRestrictions,
+  combineGroupPolicies,
+  combineAllowedProperties,
+} = require('./PermissionsManager')
+const { assertUserPermissions } = require('./PermissionsManager').promises
+const Modules = require('../../infrastructure/Modules')
+const { expressify } = require('@overleaf/promise-utils')
+const Features = require('../../infrastructure/Features')
+
+/**
+ * Function that returns middleware to add an `assertPermission` function to the request object to check if the user has a specific capability.
+ * @returns {Function} The middleware function that adds the `assertPermission` function to the request object.
+ */
+function useCapabilities() {
+  const middleware = async function (req, res, next) {
+    // attach the user's capabilities to the request object
+    req.capabilitySet = new Set()
+    // provide a function to assert that a capability is present
+    req.assertPermission = capability => {
+      if (!req.capabilitySet.has(capability)) {
+        throw new ForbiddenError(
+          `user does not have permission for ${capability}`
+        )
+      }
+    }
+    if (!req.user) {
+      return next()
+    }
+    try {
+      let results = await Modules.promises.hooks.fire(
+        'getGroupPolicyForUser',
+        req.user
+      )
+      // merge array of all results from all modules
+      results = results.flat()
+
+      if (results.length > 0) {
+        // get the combined group policy applying to the user
+        const groupPolicies = results.map(result => result.groupPolicy)
+        const combinedGroupPolicy = combineGroupPolicies(groupPolicies)
+        // attach the new capabilities to the request object
+        for (const cap of getUserCapabilities(combinedGroupPolicy)) {
+          req.capabilitySet.add(cap)
+        }
+        // also attach the user's restrictions (the capabilities they don't have)
+        req.userRestrictions = getUserRestrictions(combinedGroupPolicy)
+
+        // attach allowed properties to the request object
+        const allowedProperties = combineAllowedProperties(results)
+        for (const [prop, value] of Object.entries(allowedProperties)) {
+          req[prop] = value
+        }
+      }
+      next()
+    } catch (error) {
+      if (error instanceof UserNotFoundError) {
+        // the user is logged in but doesn't exist in the database
+        // this can happen if the user has just deleted their account
+        return next()
+      } else {
+        next(error)
+      }
+    }
+  }
+  return expressify(middleware)
+}
+
+/**
+ * Function that returns middleware to check if the user has permission to access a resource.
+ * @param {[string]} requiredCapabilities - the capabilities required to access the resource.
+ * @returns {Function} The middleware function that checks if the user has the required capabilities.
+ */
+function requirePermission(...requiredCapabilities) {
+  if (
+    requiredCapabilities.length === 0 ||
+    requiredCapabilities.some(capability => typeof capability !== 'string')
+  ) {
+    throw new Error('invalid required capabilities')
+  }
+  const doRequest = async function (req, res, next) {
+    if (!Features.hasFeature('saas')) {
+      return next()
+    }
+    if (!req.user) {
+      return next(new Error('no user'))
+    }
+    try {
+      await assertUserPermissions(req.user, requiredCapabilities)
+      next()
+    } catch (error) {
+      next(error)
+    }
+  }
+  return doRequest
+}
+
+module.exports = {
+  requirePermission,
+  useCapabilities,
+}
diff --git a/services/web/app/src/Features/Authorization/PermissionsManager.js b/services/web/app/src/Features/Authorization/PermissionsManager.js
new file mode 100644
index 0000000..a20280a
--- /dev/null
+++ b/services/web/app/src/Features/Authorization/PermissionsManager.js
@@ -0,0 +1,480 @@
+/**
+ * This module exports functions for managing permissions and policies.
+ *
+ * It provides a way to:
+ *
+ * - Register capabilities and policies
+ * - Associate policies with custom validators
+ * - Apply collections of policies to a user
+ * - Check whether a user has a given capability
+ * - Check whether a user complies with a given policy
+ *
+ * Capabilities: boolean values that represent whether a user is allowed to
+ * perform a certain action or not. The capabilities are represented as a Set.
+ * For example, to delete their account a user would need the
+ * `delete-own-account` capability. A user starts with a set of default
+ * capabilities that let them do all the things they can currently do in
+ * Overleaf.
+ *
+ * Policy: a rule which specifies which capabilities will be removed from a user
+ * when the policy is applied.
+ *
+ * For example, a policy `userCannotDeleteOwnAccount` is represented as
+ * `{'delete-own-account' : false}` meaning that the `delete-own-account`
+ * capability will be removed. A policy can remove more than one capability, and
+ * more than one policy could apply to a user.
+ *
+ * Validator: a function that takes an object with user and subscription properties
+ * and returns a boolean indicating whether the user satisfies the policy or not.
+ * For example, a validator for the `userCannotHaveSecondaryEmail` policy would
+ * check whether the user has more than one email address.
+ *
+ * Group Policies: a collection of policies with a setting indicating whether
+ * they are enforced or not. Used to place restrictions on managed users in a
+ * group.
+ *
+ * For example, a group policy could be
+ *
+ *     {
+ *       "userCannotDeleteOwnAccount": true, // enforced
+ *       "userCannotHaveSecondaryEmail": false // not enforced
+ *     }
+ */
+
+const { callbackify } = require('util')
+const { ForbiddenError } = require('../Errors/Errors')
+const Modules = require('../../infrastructure/Modules')
+
+const POLICY_TO_CAPABILITY_MAP = new Map()
+const POLICY_TO_VALIDATOR_MAP = new Map()
+const DEFAULT_PERMISSIONS = new Map()
+const ALLOWED_PROPERTIES = new Set()
+
+/**
+ * Throws an error if the given capability is not registered.
+ *
+ * @private
+ * @param {string} capability - The name of the capability to check.
+ * @throws {Error} If the capability is not registered.
+ */
+function ensureCapabilityExists(capability) {
+  if (!DEFAULT_PERMISSIONS.has(capability)) {
+    throw new Error(`unknown capability: ${capability}`)
+  }
+}
+
+/**
+ * Validates an group policy object
+ *
+ * @param {Object} policies - An object containing policy names and booleans
+ *   as key-value entries.
+ * @throws {Error} if the `policies` object contains a policy that is not
+ *   registered, or the policy value is not a boolean
+ */
+function validatePolicies(policies) {
+  for (const [policy, value] of Object.entries(policies)) {
+    if (!POLICY_TO_CAPABILITY_MAP.has(policy)) {
+      throw new Error(`unknown policy: ${policy}`)
+    }
+    if (typeof value !== 'boolean') {
+      throw new Error(`policy value must be a boolean: ${policy} = ${value}`)
+    }
+  }
+}
+
+/**
+ * Registers a new capability with the given name and options.
+ *
+ * @param {string} name - The name of the capability to register.
+ * @param {Object} options - The options for the capability.
+ * @param {boolean} options.default - The default value for the capability
+ *   (required).
+ * @throws {Error} If the default value is not a boolean or if the capability is
+ *   already registered.
+ */
+function registerCapability(name, options) {
+  // check that the default value is a boolean
+  const defaultValue = options?.default
+  if (typeof defaultValue !== 'boolean') {
+    throw new Error('default value must be a boolean')
+  }
+  if (DEFAULT_PERMISSIONS.has(name)) {
+    throw new Error(`capability already registered: ${name}`)
+  }
+  DEFAULT_PERMISSIONS.set(name, defaultValue)
+}
+
+/**
+ * Registers a new policy with the given name, capabilities, and options.
+ *
+ * @param {string} name - The name of the policy to register.
+ * @param {Object} capabilities - The capabilities for the policy.
+ * @param {Object} [options] - The options for the policy.
+ * @param {Function?} [options.validator] - The optional validator function for the
+ *   policy.
+ * @throws {Error} If the policy is already registered or if a capability is not
+ *   a boolean or is unknown.
+ */
+function registerPolicy(name, capabilities, options = {}) {
+  const { validator } = options
+  // check that the only options provided are capabilities and validators
+  // FIXME: maybe use a schema validator here?
+  if (POLICY_TO_CAPABILITY_MAP.has(name)) {
+    throw new Error(`policy already registered: ${name}`)
+  }
+  // check that all the entries in the capability set exist and are booleans
+  for (const [capabilityName, capabilityValue] of Object.entries(
+    capabilities
+  )) {
+    // check that the capability exists (look in the default permissions)
+    if (!DEFAULT_PERMISSIONS.has(capabilityName)) {
+      throw new Error(`unknown capability: ${capabilityName}`)
+    }
+    // check that the value is a boolean
+    if (typeof capabilityValue !== 'boolean') {
+      throw new Error(
+        `capability value must be a boolean: ${capabilityName} = ${capabilityValue}`
+      )
+    }
+  }
+  // set the policy capabilities
+  POLICY_TO_CAPABILITY_MAP.set(name, new Map(Object.entries(capabilities)))
+
+  // set the policy validator (if present)
+  if (validator) {
+    POLICY_TO_VALIDATOR_MAP.set(name, validator)
+  }
+}
+
+/**
+ * Registers an allowed property that can be added to the request object.
+ *
+ * @param {string} name - The name of the property to register.
+ * @returns {void}
+ */
+function registerAllowedProperty(name) {
+  ALLOWED_PROPERTIES.add(name)
+}
+
+/**
+ * returns the set of allowed properties that have been registered
+ *
+ * @returns {Set} ALLOWED_PROPERTIES
+ */
+function getAllowedProperties() {
+  return ALLOWED_PROPERTIES
+}
+/**
+ * Returns an array of policy names that are enforced based on the provided
+ * group policy object.
+ *
+ * @private
+ * @param {Object} groupPolicy - The group policy object to check.
+ * @returns {Array} An array of policy names that are enforced.
+ */
+function getEnforcedPolicyNames(groupPolicy = {}) {
+  if (!groupPolicy) {
+    return []
+  }
+  return Object.keys(
+    typeof groupPolicy.toObject === 'function'
+      ? groupPolicy.toObject()
+      : groupPolicy
+  ).filter(
+    policyName =>
+      !['__v', '_id'].includes(policyName) && groupPolicy[policyName] !== false
+  ) // filter out the policies that are not enforced
+}
+
+/**
+ * Returns the value of the specified capability for the given policy.
+ *
+ * @private
+ * @param {string} policyName - The name of the policy to retrieve the
+ *   capability value from.
+ * @param {string} capability - The name of the capability to retrieve the value
+ *   for.
+ * @returns {boolean | undefined} The value of the capability for the policy, or
+ *   undefined if the policy or capability is not found.
+ */
+function getCapabilityValueFromPolicy(policyName, capability) {
+  return POLICY_TO_CAPABILITY_MAP.get(policyName)?.get(capability)
+}
+
+/**
+ * Returns the default value for the specified capability.
+ *
+ * @private
+ * @param {string} capability - The name of the capability to retrieve the
+ *   default value for.
+ * @returns {boolean | undefined} The default value for the capability, or
+ *   undefined if the capability is not found.
+ */
+function getDefaultPermission(capability) {
+  return DEFAULT_PERMISSIONS.get(capability)
+}
+
+function getValidatorFromPolicy(policyName) {
+  return POLICY_TO_VALIDATOR_MAP.get(policyName)
+}
+
+/**
+ * Returns a set of default capabilities based on the DEFAULT_PERMISSIONS map.
+ *
+ * @private
+ * @returns {Set} A set of default capabilities.
+ */
+function getDefaultCapabilities() {
+  const defaultCapabilities = new Set()
+  for (const [
+    capabilityName,
+    capabilityValue,
+  ] of DEFAULT_PERMISSIONS.entries()) {
+    if (capabilityValue === true) {
+      defaultCapabilities.add(capabilityName)
+    }
+  }
+  return defaultCapabilities
+}
+
+/**
+ * Applies a given policy to a set of capabilities, to remove those capabilities
+ * which are not allowed by the policy.
+ *
+ * @private
+ * @param {Set} capabilitySet - The set of capabilities to apply the policy to.
+ * @param {string} policyName - The name of the policy to apply.
+ * @throws {Error} If the policy is unknown.
+ */
+function applyPolicy(capabilitySet, policyName) {
+  const policyCapabilities = POLICY_TO_CAPABILITY_MAP.get(policyName)
+  if (!policyCapabilities) {
+    throw new Error(`unknown policy: ${policyName}`)
+  }
+  for (const [
+    capabilityName,
+    capabilityValue,
+  ] of policyCapabilities.entries()) {
+    if (capabilityValue !== true) {
+      capabilitySet.delete(capabilityName)
+    }
+  }
+}
+
+/**
+ * Returns a set of capabilities that a user has based on their group policy.
+ *
+ * @param {Object} groupPolicy - The group policy object to check.
+ * @returns {Set} A set of capabilities that the user has, based on their group
+ *   policy.
+ * @throws {Error} If the policy is unknown.
+ */
+function getUserCapabilities(groupPolicy) {
+  const userCapabilities = getDefaultCapabilities()
+  const enforcedPolicyNames = getEnforcedPolicyNames(groupPolicy)
+  for (const enforcedPolicyName of enforcedPolicyNames) {
+    applyPolicy(userCapabilities, enforcedPolicyName)
+  }
+  return userCapabilities
+}
+
+/**
+ * Combines an array of group policies into a single policy object.
+ *
+ * @param {Array} groupPolicies - An array of group policies.
+ * @returns {Object} - The combined group policy object.
+ */
+function combineGroupPolicies(groupPolicies) {
+  const combinedGroupPolicy = {}
+  for (const groupPolicy of groupPolicies) {
+    const enforcedPolicyNames = getEnforcedPolicyNames(groupPolicy)
+    for (const enforcedPolicyName of enforcedPolicyNames) {
+      combinedGroupPolicy[enforcedPolicyName] = true
+    }
+  }
+  return combinedGroupPolicy
+}
+
+/**
+ * Combines the allowed properties from an array of property objects.
+ *
+ * @param {Array<Object>} propertyObjects - An array of property objects.
+ * @returns {Object} - An object containing the combined allowed properties.
+ */
+function combineAllowedProperties(propertyObjects) {
+  const userProperties = {}
+  for (const properties of propertyObjects) {
+    for (const [key, value] of Object.entries(properties)) {
+      if (ALLOWED_PROPERTIES.has(key)) {
+        userProperties[key] ??= value
+      }
+    }
+  }
+  return userProperties
+}
+
+/**
+ * Returns a set of capabilities that a user does not have based on their group policy.
+ *
+ * @param {Object} groupPolicy - The group policy object to check.
+ * @returns {Set} A set of capabilities that the user does not have, based on their group
+ *   policy.
+ * @throws {Error} If the policy is unknown.
+ */
+function getUserRestrictions(groupPolicy) {
+  const userCapabilities = getUserCapabilities(groupPolicy)
+  const userRestrictions = getDefaultCapabilities()
+  for (const capability of userCapabilities) {
+    userRestrictions.delete(capability)
+  }
+  return userRestrictions
+}
+
+/**
+ * Checks if a user has permission for a given capability based on their group
+ * policy.
+ *
+ * @param {Object} groupPolicy - The group policy object for the user.
+ * @param {string} capability - The name of the capability to check permission
+ *   for.
+ * @returns {boolean} True if the user has permission for the capability, false
+ *   otherwise.
+ * @throws {Error} If the capability does not exist.
+ */
+function hasPermission(groupPolicy, capability) {
+  ensureCapabilityExists(capability)
+  // look through all the entries in the group policy and see if any of them apply to the capability
+  const results = getEnforcedPolicyNames(groupPolicy).map(userPolicyName =>
+    getCapabilityValueFromPolicy(userPolicyName, capability)
+  )
+  // if there are no results, or none of the policies apply, return the default permission
+  if (results.length === 0 || results.every(result => result === undefined)) {
+    return getDefaultPermission(capability)
+  }
+  // only allow the permission if all the results are true, otherwise deny it
+  return results.every(result => result === true)
+}
+
+/**
+ * Asynchronously checks which policies a user complies with using the
+ * applicable validators. Each validator is an async function that takes an object
+ * with user, groupPolicy, and subscription properties and returns a boolean.
+ *
+ * @param {Object} options - The options object.
+ * @param {Object} options.user - The user object to check.
+ * @param {Object} options.groupPolicy - The group policy object to check.
+ * @param {Object} options.subscription - The subscription object for the group policy.
+ * @returns {Promise<Map>} A promise that resolves with a Map object containing
+ *   the validation status for each enforced policy. The keys of the Map are the
+ *   enforced policy names, and the values are booleans indicating whether the
+ *   user complies with the policy.
+ */
+async function getUserValidationStatus({ user, groupPolicy, subscription }) {
+  // find all the enforced policies for the user
+  const enforcedPolicyNames = getEnforcedPolicyNames(groupPolicy)
+  // for each enforced policy, we have a list of capabilities with expected values
+  // some of those capabilities have validators
+  // we need to run the validators and the result to see if if the user is complies with the policy
+  const userValidationStatus = new Map()
+  for (const enforcedPolicyName of enforcedPolicyNames) {
+    const validator = getValidatorFromPolicy(enforcedPolicyName)
+    if (validator) {
+      userValidationStatus.set(
+        enforcedPolicyName,
+        await validator({ user, subscription })
+      )
+    }
+  }
+  return userValidationStatus
+}
+
+/**
+ * asserts that a user has permission for a given set of capabilities
+ *    as set out in both their current group subscription, and any institutions they are affiliated with,
+ *    throwing an ForbiddenError if they do not
+ *
+ * @param {Object} user - The user object to retrieve the group policy for.
+ *   Only the user's _id is required
+ * @param {Array} capabilities - The list of the capabilities to check permission for.
+ * @returns {Promise<void>}
+ * @throws {Error} If the user does not have permission
+ */
+async function assertUserPermissions(user, requiredCapabilities) {
+  const hasAllPermissions = await checkUserPermissions(
+    user,
+    requiredCapabilities
+  )
+  if (!hasAllPermissions) {
+    throw new ForbiddenError(
+      `user does not have one or more permissions within ${requiredCapabilities}`
+    )
+  }
+}
+
+/**
+ * Checks if a user has permission for a given set of capabilities
+ *  as set out in both their current group subscription, and any institutions they are affiliated with
+ *
+ * @param {Object} user - The user object to retrieve the group policy for.
+ *   Only the user's _id is required
+ * @param {Array} capabilities - The list of the capabilities to check permission for.
+ * @returns {Promise<Boolean>} - true if the user has all permissions, false if not
+ */
+async function checkUserPermissions(user, requiredCapabilities) {
+  let results = await Modules.promises.hooks.fire('getGroupPolicyForUser', user)
+  results = results.flat()
+  if (!results?.length) return true
+
+  // get the combined group policy applying to the user
+  const groupPolicies = results.map(result => result.groupPolicy)
+  const combinedGroupPolicy = combineGroupPolicies(groupPolicies)
+  for (const requiredCapability of requiredCapabilities) {
+    // if the user has the permission, continue
+    if (!hasPermission(combinedGroupPolicy, requiredCapability)) {
+      return false
+    }
+  }
+  return true
+}
+
+/**
+ * checks if all collaborators of a given project have the specified capability, including the owner
+ *
+ * @async
+ * @function checkUserListPermissions
+ * @param {Object[]} userList - An array of all user to check permissions for
+ * @param {Array} capabilities - The list of the capabilities to check permission for.
+ * @returns {Promise<boolean>} - A promise that resolves to `true` if all collaborators have the specified capability, otherwise `false`.
+ */
+async function checkUserListPermissions(userList, capabilities) {
+  for (const user of userList) {
+    // mimic a user object with only id, since we need it to fetch permissions
+    const allowed = await checkUserPermissions(user, capabilities)
+    if (!allowed) {
+      return false
+    }
+  }
+  return true
+}
+
+module.exports = {
+  validatePolicies,
+  registerCapability,
+  registerPolicy,
+  registerAllowedProperty,
+  combineGroupPolicies,
+  combineAllowedProperties,
+  getAllowedProperties,
+  hasPermission,
+  getUserCapabilities,
+  getUserRestrictions,
+  getUserValidationStatus: callbackify(getUserValidationStatus),
+  checkCollaboratorsPermission: callbackify(checkUserListPermissions),
+  checkUserPermissions: callbackify(checkUserPermissions),
+  promises: {
+    assertUserPermissions,
+    getUserValidationStatus,
+    checkUserListPermissions,
+    checkUserPermissions,
+  },
+}
diff --git a/services/web/app/src/Features/Authorization/PrivilegeLevels.js b/services/web/app/src/Features/Authorization/PrivilegeLevels.js
new file mode 100644
index 0000000..ff03cf8
--- /dev/null
+++ b/services/web/app/src/Features/Authorization/PrivilegeLevels.js
@@ -0,0 +1,9 @@
+const PrivilegeLevels = {
+  NONE: false,
+  READ_ONLY: 'readOnly',
+  READ_AND_WRITE: 'readAndWrite',
+  REVIEW: 'review',
+  OWNER: 'owner',
+}
+
+module.exports = PrivilegeLevels
diff --git a/services/web/app/src/Features/Authorization/PublicAccessLevels.js b/services/web/app/src/Features/Authorization/PublicAccessLevels.js
new file mode 100644
index 0000000..285acd1
--- /dev/null
+++ b/services/web/app/src/Features/Authorization/PublicAccessLevels.js
@@ -0,0 +1,17 @@
+/**
+ * Note:
+ * It used to be that `project.publicAccessLevel` could be set to `private`,
+ * `readOnly` or `readAndWrite`, the latter of which made the project publicly
+ * accessible.
+ *
+ * This system was replaced with "link sharing", therafter the valid values are
+ * `private` or `tokenBased`. While it is no longer possible to set
+ * `publicAccessLevel` to the legacy values, there are projects in the system
+ * that already have those values set.
+ */
+module.exports = {
+  READ_ONLY: 'readOnly', // LEGACY
+  READ_AND_WRITE: 'readAndWrite', // LEGACY
+  PRIVATE: 'private',
+  TOKEN_BASED: 'tokenBased',
+}
diff --git a/services/web/app/src/Features/Authorization/Sources.js b/services/web/app/src/Features/Authorization/Sources.js
new file mode 100644
index 0000000..e84126a
--- /dev/null
+++ b/services/web/app/src/Features/Authorization/Sources.js
@@ -0,0 +1,5 @@
+module.exports = {
+  INVITE: 'invite',
+  TOKEN: 'token',
+  OWNER: 'owner',
+}
diff --git a/services/web/app/src/Features/BetaProgram/BetaProgramController.mjs b/services/web/app/src/Features/BetaProgram/BetaProgramController.mjs
new file mode 100644
index 0000000..c7df6da
--- /dev/null
+++ b/services/web/app/src/Features/BetaProgram/BetaProgramController.mjs
@@ -0,0 +1,57 @@
+import BetaProgramHandler from './BetaProgramHandler.mjs'
+import OError from '@overleaf/o-error'
+import UserGetter from '../User/UserGetter.js'
+import logger from '@overleaf/logger'
+import SessionManager from '../Authentication/SessionManager.js'
+import SplitTestSessionHandler from '../SplitTests/SplitTestSessionHandler.js'
+import { expressify } from '@overleaf/promise-utils'
+
+async function optIn(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  await BetaProgramHandler.promises.optIn(userId)
+  try {
+    await SplitTestSessionHandler.promises.sessionMaintenance(req, null)
+  } catch (error) {
+    logger.error(
+      { err: error },
+      'Failed to perform session maintenance after beta program opt in'
+    )
+  }
+  res.redirect('/beta/participate')
+}
+
+async function optOut(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  await BetaProgramHandler.promises.optOut(userId)
+  try {
+    await SplitTestSessionHandler.promises.sessionMaintenance(req, null)
+  } catch (error) {
+    logger.error(
+      { err: error },
+      'Failed to perform session maintenance after beta program opt out'
+    )
+  }
+  res.redirect('/beta/participate')
+}
+
+async function optInPage(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  let user
+  try {
+    user = await UserGetter.promises.getUser(userId, { betaProgram: 1 })
+  } catch (error) {
+    throw OError.tag(error, 'error fetching user', {
+      userId,
+    })
+  }
+  res.render('beta_program/opt_in', {
+    title: 'sharelatex_beta_program',
+    user,
+  })
+}
+
+export default {
+  optIn: expressify(optIn),
+  optOut: expressify(optOut),
+  optInPage: expressify(optInPage),
+}
diff --git a/services/web/app/src/Features/BetaProgram/BetaProgramHandler.mjs b/services/web/app/src/Features/BetaProgram/BetaProgramHandler.mjs
new file mode 100644
index 0000000..74270ea
--- /dev/null
+++ b/services/web/app/src/Features/BetaProgram/BetaProgramHandler.mjs
@@ -0,0 +1,35 @@
+import { callbackify } from 'node:util'
+import metrics from '@overleaf/metrics'
+import UserUpdater from '../User/UserUpdater.js'
+import AnalyticsManager from '../Analytics/AnalyticsManager.js'
+
+async function optIn(userId) {
+  await UserUpdater.promises.updateUser(userId, { $set: { betaProgram: true } })
+  metrics.inc('beta-program.opt-in')
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'beta-program',
+    true
+  )
+}
+
+async function optOut(userId) {
+  await UserUpdater.promises.updateUser(userId, {
+    $set: { betaProgram: false },
+  })
+  metrics.inc('beta-program.opt-out')
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'beta-program',
+    false
+  )
+}
+
+export default {
+  optIn: callbackify(optIn),
+  optOut: callbackify(optOut),
+  promises: {
+    optIn,
+    optOut,
+  },
+}
diff --git a/services/web/app/src/Features/BrandVariations/BrandVariationsHandler.js b/services/web/app/src/Features/BrandVariations/BrandVariationsHandler.js
new file mode 100644
index 0000000..942fa3a
--- /dev/null
+++ b/services/web/app/src/Features/BrandVariations/BrandVariationsHandler.js
@@ -0,0 +1,86 @@
+const OError = require('@overleaf/o-error')
+const { URL } = require('url')
+const settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const V1Api = require('../V1/V1Api')
+const sanitizeHtml = require('sanitize-html')
+const { promisify } = require('@overleaf/promise-utils')
+
+module.exports = {
+  getBrandVariationById,
+  promises: {
+    getBrandVariationById: promisify(getBrandVariationById),
+  },
+}
+
+function getBrandVariationById(brandVariationId, callback) {
+  if (brandVariationId == null || brandVariationId === '') {
+    return callback(new Error('Branding variation id not provided'))
+  }
+  logger.debug({ brandVariationId }, 'fetching brand variation details from v1')
+  V1Api.request(
+    {
+      uri: `/api/v2/brand_variations/${brandVariationId}`,
+    },
+    function (error, response, brandVariationDetails) {
+      if (error != null) {
+        OError.tag(error, 'error getting brand variation details', {
+          brandVariationId,
+        })
+        return callback(error)
+      }
+      formatBrandVariationDetails(brandVariationDetails)
+      sanitizeBrandVariationDetails(brandVariationDetails)
+      callback(null, brandVariationDetails)
+    }
+  )
+}
+
+function formatBrandVariationDetails(details) {
+  if (details.export_url != null) {
+    details.export_url = setV1AsHostIfRelativeURL(details.export_url)
+  }
+  if (details.home_url != null) {
+    details.home_url = setV1AsHostIfRelativeURL(details.home_url)
+  }
+  if (details.logo_url != null) {
+    details.logo_url = setV1AsHostIfRelativeURL(details.logo_url)
+  }
+  if (details.journal_guidelines_url != null) {
+    details.journal_guidelines_url = setV1AsHostIfRelativeURL(
+      details.journal_guidelines_url
+    )
+  }
+  if (details.journal_cover_url != null) {
+    details.journal_cover_url = setV1AsHostIfRelativeURL(
+      details.journal_cover_url
+    )
+  }
+  if (details.submission_confirmation_page_logo_url != null) {
+    details.submission_confirmation_page_logo_url = setV1AsHostIfRelativeURL(
+      details.submission_confirmation_page_logo_url
+    )
+  }
+  if (details.publish_menu_icon != null) {
+    details.publish_menu_icon = setV1AsHostIfRelativeURL(
+      details.publish_menu_icon
+    )
+  }
+}
+
+function sanitizeBrandVariationDetails(details) {
+  if (details.submit_button_html) {
+    details.submit_button_html = sanitizeHtml(
+      details.submit_button_html,
+      settings.modules.sanitize.options
+    )
+  }
+}
+
+function setV1AsHostIfRelativeURL(urlString) {
+  // The first argument is the base URL to resolve against if the second argument is not absolute.
+  // As it only applies if the second argument is not absolute, we can use it to transform relative URLs into
+  // absolute ones using v1 as the host. If the URL is absolute (e.g. a filepicker one), then the base
+  // argument is just ignored
+  return new URL(urlString, settings.apis.v1.publicUrl).href
+}
diff --git a/services/web/app/src/Features/Captcha/CaptchaMiddleware.js b/services/web/app/src/Features/Captcha/CaptchaMiddleware.js
new file mode 100644
index 0000000..9c93b74
--- /dev/null
+++ b/services/web/app/src/Features/Captcha/CaptchaMiddleware.js
@@ -0,0 +1,119 @@
+const { fetchJson } = require('@overleaf/fetch-utils')
+const logger = require('@overleaf/logger')
+const Settings = require('@overleaf/settings')
+const Metrics = require('@overleaf/metrics')
+const OError = require('@overleaf/o-error')
+const DeviceHistory = require('./DeviceHistory')
+const AuthenticationController = require('../Authentication/AuthenticationController')
+const { expressify } = require('@overleaf/promise-utils')
+const EmailsHelper = require('../Helpers/EmailHelper')
+
+function respondInvalidCaptcha(req, res) {
+  res.status(400).json({
+    errorReason: 'cannot_verify_user_not_robot',
+    message: {
+      text: req.i18n.translate('cannot_verify_user_not_robot'),
+    },
+  })
+}
+
+async function initializeDeviceHistory(req) {
+  req.deviceHistory = new DeviceHistory()
+  try {
+    await req.deviceHistory.parse(req)
+  } catch (err) {
+    logger.err({ err }, 'cannot parse deviceHistory')
+  }
+}
+
+async function canSkipCaptcha(req, res) {
+  const trustedUser =
+    req.body?.email && Settings.recaptcha.trustedUsers.includes(req.body.email)
+  if (trustedUser) {
+    return res.json(true)
+  }
+  await initializeDeviceHistory(req)
+  const canSkip = req.deviceHistory.has(req.body?.email)
+  Metrics.inc('captcha_pre_flight', 1, {
+    status: canSkip ? 'skipped' : 'missing',
+  })
+  res.json(canSkip)
+}
+
+function validateCaptcha(action) {
+  return expressify(async function (req, res, next) {
+    const email = EmailsHelper.parseEmail(req.body?.email)
+    const trustedUser =
+      email &&
+      (Settings.recaptcha.trustedUsers.includes(email) ||
+        Settings.recaptcha.trustedUsersRegex?.test(email))
+    if (!Settings.recaptcha?.siteKey || Settings.recaptcha.disabled[action]) {
+      if (action === 'login') {
+        AuthenticationController.setAuditInfo(req, { captcha: 'disabled' })
+      }
+      Metrics.inc('captcha', 1, { path: action, status: 'disabled' })
+      return next()
+    }
+    if (trustedUser) {
+      if (action === 'login') {
+        AuthenticationController.setAuditInfo(req, { captcha: 'trusted' })
+      }
+      Metrics.inc('captcha', 1, { path: action, status: 'trusted' })
+      return next()
+    }
+    const reCaptchaResponse = req.body['g-recaptcha-response']
+    if (action === 'login') {
+      await initializeDeviceHistory(req)
+      const fromKnownDevice = req.deviceHistory.has(email)
+      AuthenticationController.setAuditInfo(req, { fromKnownDevice })
+      if (!reCaptchaResponse && fromKnownDevice) {
+        // The user has previously logged in from this device, which required
+        //  solving a captcha or keeping the device history alive.
+        // We can skip checking the (missing) captcha response.
+        AuthenticationController.setAuditInfo(req, { captcha: 'skipped' })
+        Metrics.inc('captcha', 1, { path: action, status: 'skipped' })
+        return next()
+      }
+    }
+    if (!reCaptchaResponse) {
+      Metrics.inc('captcha', 1, { path: action, status: 'missing' })
+      return respondInvalidCaptcha(req, res)
+    }
+
+    let body
+    try {
+      body = await fetchJson(Settings.recaptcha.endpoint, {
+        method: 'POST',
+        body: new URLSearchParams([
+          ['secret', Settings.recaptcha.secretKey],
+          ['response', reCaptchaResponse],
+        ]),
+      })
+    } catch (err) {
+      Metrics.inc('captcha', 1, { path: action, status: 'error' })
+      throw OError.tag(err, 'failed recaptcha siteverify request', {
+        body: err.body,
+      })
+    }
+
+    if (!body.success) {
+      logger.warn(
+        { statusCode: 200, body },
+        'failed recaptcha siteverify request'
+      )
+      Metrics.inc('captcha', 1, { path: action, status: 'failed' })
+      return respondInvalidCaptcha(req, res)
+    }
+    Metrics.inc('captcha', 1, { path: action, status: 'solved' })
+    if (action === 'login') {
+      AuthenticationController.setAuditInfo(req, { captcha: 'solved' })
+    }
+    next()
+  })
+}
+
+module.exports = {
+  respondInvalidCaptcha,
+  validateCaptcha,
+  canSkipCaptcha: expressify(canSkipCaptcha),
+}
diff --git a/services/web/app/src/Features/Captcha/DeviceHistory.js b/services/web/app/src/Features/Captcha/DeviceHistory.js
new file mode 100644
index 0000000..06b90b2
--- /dev/null
+++ b/services/web/app/src/Features/Captcha/DeviceHistory.js
@@ -0,0 +1,103 @@
+const crypto = require('crypto')
+const jose = require('jose')
+const Metrics = require('@overleaf/metrics')
+const Settings = require('@overleaf/settings')
+
+const COOKIE_NAME = Settings.deviceHistory.cookieName
+const ENTRY_EXPIRY = Settings.deviceHistory.entryExpiry
+const MAX_ENTRIES = Settings.deviceHistory.maxEntries
+
+let SECRET
+if (Settings.deviceHistory.secret) {
+  SECRET = crypto.createSecretKey(
+    Buffer.from(Settings.deviceHistory.secret, 'hex')
+  )
+}
+const CONTENT_ENCRYPTION_ALGORITHM = 'A256GCM'
+const KEY_MANAGEMENT_ALGORITHM = 'A256GCMKW'
+const ENCRYPTION_HEADER = {
+  alg: KEY_MANAGEMENT_ALGORITHM,
+  enc: CONTENT_ENCRYPTION_ALGORITHM,
+}
+const DECRYPTION_OPTIONS = {
+  contentEncryptionAlgorithms: [CONTENT_ENCRYPTION_ALGORITHM],
+  keyManagementAlgorithms: [KEY_MANAGEMENT_ALGORITHM],
+}
+
+const ENCODER = new TextEncoder()
+const DECODER = new TextDecoder()
+
+class DeviceHistory {
+  constructor() {
+    this.entries = []
+  }
+
+  has(email) {
+    return this.entries.some(entry => entry.e === email)
+  }
+
+  add(email) {
+    // Entries are sorted by age, starting from oldest (idx 0) to newest.
+    // When parsing/serializing we are looking at the last n=MAX_ENTRIES entries
+    //  from the list and discard any other stale entries.
+    this.entries = this.entries.filter(entry => entry.e !== email)
+    this.entries.push({ e: email, t: Date.now() })
+  }
+
+  async serialize(res) {
+    let v = ''
+    if (this.entries.length > 0 && SECRET) {
+      v = await new jose.CompactEncrypt(
+        ENCODER.encode(JSON.stringify(this.entries.slice(-MAX_ENTRIES)))
+      )
+        .setProtectedHeader(ENCRYPTION_HEADER)
+        .encrypt(SECRET)
+    }
+
+    const options = {
+      domain: Settings.cookieDomain,
+      maxAge: ENTRY_EXPIRY,
+      secure: Settings.secureCookie,
+      sameSite: Settings.sameSiteCookie,
+      httpOnly: true,
+      path: '/login',
+    }
+    if (v) {
+      res.cookie(COOKIE_NAME, v, options)
+    } else {
+      options.maxAge = -1
+      res.clearCookie(COOKIE_NAME, options)
+    }
+  }
+
+  async parse(req) {
+    const blob = req.cookies[COOKIE_NAME]
+    if (!blob || !SECRET) {
+      Metrics.inc('device_history', 1, { status: 'missing' })
+      return
+    }
+    try {
+      const { plaintext } = await jose.compactDecrypt(
+        blob,
+        SECRET,
+        DECRYPTION_OPTIONS
+      )
+      const minTimestamp = Date.now() - ENTRY_EXPIRY
+      this.entries = JSON.parse(DECODER.decode(plaintext))
+        .slice(-MAX_ENTRIES)
+        .filter(entry => entry.t > minTimestamp)
+    } catch (err) {
+      Metrics.inc('device_history', 1, { status: 'failure' })
+      throw err
+    }
+    if (this.entries.length === MAX_ENTRIES) {
+      // Track hitting the limit, we might need to increase the limit.
+      Metrics.inc('device_history_at_limit')
+    }
+    // Collect quantiles of the size
+    Metrics.summary('device_history_size', this.entries.length)
+    Metrics.inc('device_history', 1, { status: 'success' })
+  }
+}
+
+module.exports = DeviceHistory
diff --git a/services/web/app/src/Features/Chat/ChatApiHandler.js b/services/web/app/src/Features/Chat/ChatApiHandler.js
new file mode 100644
index 0000000..2929891
--- /dev/null
+++ b/services/web/app/src/Features/Chat/ChatApiHandler.js
@@ -0,0 +1,166 @@
+// @ts-check
+
+const { fetchJson, fetchNothing } = require('@overleaf/fetch-utils')
+const settings = require('@overleaf/settings')
+const { callbackify } = require('util')
+
+async function getThreads(projectId) {
+  return await fetchJson(chatApiUrl(`/project/${projectId}/threads`))
+}
+
+async function destroyProject(projectId) {
+  await fetchNothing(chatApiUrl(`/project/${projectId}`), { method: 'DELETE' })
+}
+
+async function sendGlobalMessage(projectId, userId, content) {
+  const message = await fetchJson(
+    chatApiUrl(`/project/${projectId}/messages`),
+    {
+      method: 'POST',
+      json: { user_id: userId, content },
+    }
+  )
+  return message
+}
+
+async function getGlobalMessages(projectId, limit, before) {
+  const url = chatApiUrl(`/project/${projectId}/messages`)
+  if (limit != null) {
+    url.searchParams.set('limit', limit)
+  }
+  if (before != null) {
+    url.searchParams.set('before', before)
+  }
+
+  return await fetchJson(url)
+}
+
+async function sendComment(projectId, threadId, userId, content) {
+  const comment = await fetchJson(
+    chatApiUrl(`/project/${projectId}/thread/${threadId}/messages`),
+    {
+      method: 'POST',
+      json: { user_id: userId, content },
+    }
+  )
+  return comment
+}
+
+async function resolveThread(projectId, threadId, userId) {
+  await fetchNothing(
+    chatApiUrl(`/project/${projectId}/thread/${threadId}/resolve`),
+    {
+      method: 'POST',
+      json: { user_id: userId },
+    }
+  )
+}
+
+async function reopenThread(projectId, threadId) {
+  await fetchNothing(
+    chatApiUrl(`/project/${projectId}/thread/${threadId}/reopen`),
+    { method: 'POST' }
+  )
+}
+
+async function deleteThread(projectId, threadId) {
+  await fetchNothing(chatApiUrl(`/project/${projectId}/thread/${threadId}`), {
+    method: 'DELETE',
+  })
+}
+
+async function editMessage(projectId, threadId, messageId, userId, content) {
+  await fetchNothing(
+    chatApiUrl(
+      `/project/${projectId}/thread/${threadId}/messages/${messageId}/edit`
+    ),
+    {
+      method: 'POST',
+      json: { content, userId },
+    }
+  )
+}
+
+async function deleteMessage(projectId, threadId, messageId) {
+  await fetchNothing(
+    chatApiUrl(
+      `/project/${projectId}/thread/${threadId}/messages/${messageId}`
+    ),
+    { method: 'DELETE' }
+  )
+}
+
+async function deleteUserMessage(projectId, threadId, userId, messageId) {
+  await fetchNothing(
+    chatApiUrl(
+      `/project/${projectId}/thread/${threadId}/user/${userId}/messages/${messageId}`
+    ),
+    { method: 'DELETE' }
+  )
+}
+
+async function getResolvedThreadIds(projectId) {
+  const body = await fetchJson(
+    chatApiUrl(`/project/${projectId}/resolved-thread-ids`)
+  )
+  return body.resolvedThreadIds
+}
+
+async function duplicateCommentThreads(projectId, threads) {
+  return await fetchJson(
+    chatApiUrl(`/project/${projectId}/duplicate-comment-threads`),
+    {
+      method: 'POST',
+      json: {
+        threads,
+      },
+    }
+  )
+}
+
+async function generateThreadData(projectId, threads) {
+  return await fetchJson(
+    chatApiUrl(`/project/${projectId}/generate-thread-data`),
+    {
+      method: 'POST',
+      json: { threads },
+    }
+  )
+}
+
+function chatApiUrl(path) {
+  return new URL(path, settings.apis.chat.internal_url)
+}
+
+module.exports = {
+  getThreads: callbackify(getThreads),
+  destroyProject: callbackify(destroyProject),
+  sendGlobalMessage: callbackify(sendGlobalMessage),
+  getGlobalMessages: callbackify(getGlobalMessages),
+  sendComment: callbackify(sendComment),
+  resolveThread: callbackify(resolveThread),
+  reopenThread: callbackify(reopenThread),
+  deleteThread: callbackify(deleteThread),
+  editMessage: callbackify(editMessage),
+  deleteMessage: callbackify(deleteMessage),
+  deleteUserMessage: callbackify(deleteUserMessage),
+  getResolvedThreadIds: callbackify(getResolvedThreadIds),
+  duplicateCommentThreads: callbackify(duplicateCommentThreads),
+  generateThreadData: callbackify(generateThreadData),
+  promises: {
+    getThreads,
+    destroyProject,
+    sendGlobalMessage,
+    getGlobalMessages,
+    sendComment,
+    resolveThread,
+    reopenThread,
+    deleteThread,
+    editMessage,
+    deleteMessage,
+    deleteUserMessage,
+    getResolvedThreadIds,
+    duplicateCommentThreads,
+    generateThreadData,
+  },
+}
diff --git a/services/web/app/src/Features/Chat/ChatController.js b/services/web/app/src/Features/Chat/ChatController.js
new file mode 100644
index 0000000..51d217e
--- /dev/null
+++ b/services/web/app/src/Features/Chat/ChatController.js
@@ -0,0 +1,84 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let ChatController
+const ChatApiHandler = require('./ChatApiHandler')
+const EditorRealTimeController = require('../Editor/EditorRealTimeController')
+const SessionManager = require('../Authentication/SessionManager')
+const UserInfoManager = require('../User/UserInfoManager')
+const UserInfoController = require('../User/UserInfoController')
+const ChatManager = require('./ChatManager')
+const logger = require('@overleaf/logger')
+
+module.exports = ChatController = {
+  sendMessage(req, res, next) {
+    const { project_id: projectId } = req.params
+    const { content, client_id: clientId } = req.body
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    if (userId == null) {
+      const err = new Error('no logged-in user')
+      return next(err)
+    }
+    return ChatApiHandler.sendGlobalMessage(
+      projectId,
+      userId,
+      content,
+      function (err, message) {
+        if (err != null) {
+          return next(err)
+        }
+        return UserInfoManager.getPersonalInfo(
+          message.user_id,
+          function (err, user) {
+            if (err != null) {
+              return next(err)
+            }
+            message.user = UserInfoController.formatPersonalInfo(user)
+            message.clientId = clientId
+            EditorRealTimeController.emitToRoom(
+              projectId,
+              'new-chat-message',
+              message
+            )
+            return res.sendStatus(204)
+          }
+        )
+      }
+    )
+  },
+
+  getMessages(req, res, next) {
+    const { project_id: projectId } = req.params
+    const { query } = req
+    return ChatApiHandler.getGlobalMessages(
+      projectId,
+      query.limit,
+      query.before,
+      function (err, messages) {
+        if (err != null) {
+          return next(err)
+        }
+        return ChatManager.injectUserInfoIntoThreads(
+          { global: { messages } },
+          function (err) {
+            if (err != null) {
+              return next(err)
+            }
+            return res.json(messages)
+          }
+        )
+      }
+    )
+  },
+}
diff --git a/services/web/app/src/Features/Chat/ChatManager.js b/services/web/app/src/Features/Chat/ChatManager.js
new file mode 100644
index 0000000..9625881
--- /dev/null
+++ b/services/web/app/src/Features/Chat/ChatManager.js
@@ -0,0 +1,61 @@
+const async = require('async')
+const UserInfoManager = require('../User/UserInfoManager')
+const UserInfoController = require('../User/UserInfoController')
+const { promisify } = require('@overleaf/promise-utils')
+
+function injectUserInfoIntoThreads(threads, callback) {
+  // There will be a lot of repitition of user_ids, so first build a list
+  // of unique ones to perform db look ups on, then use these to populate the
+  // user fields
+  let message, thread, threadId, userId
+  if (callback == null) {
+    callback = function () {}
+  }
+  const userIds = {}
+  for (threadId in threads) {
+    thread = threads[threadId]
+    if (thread.resolved) {
+      userIds[thread.resolved_by_user_id] = true
+    }
+    for (message of Array.from(thread.messages)) {
+      userIds[message.user_id] = true
+    }
+  }
+
+  const jobs = []
+  const users = {}
+  for (userId in userIds) {
+    ;(userId =>
+      jobs.push(cb =>
+        UserInfoManager.getPersonalInfo(userId, function (error, user) {
+          if (error != null) return cb(error)
+          user = UserInfoController.formatPersonalInfo(user)
+          users[userId] = user
+          cb()
+        })
+      ))(userId)
+  }
+
+  return async.series(jobs, function (error) {
+    if (error != null) {
+      return callback(error)
+    }
+    for (threadId in threads) {
+      thread = threads[threadId]
+      if (thread.resolved) {
+        thread.resolved_by_user = users[thread.resolved_by_user_id]
+      }
+      for (message of Array.from(thread.messages)) {
+        message.user = users[message.user_id]
+      }
+    }
+    return callback(null, threads)
+  })
+}
+
+module.exports = {
+  injectUserInfoIntoThreads,
+  promises: {
+    injectUserInfoIntoThreads: promisify(injectUserInfoIntoThreads),
+  },
+}
diff --git a/services/web/app/src/Features/Collaborators/CollaboratorsController.mjs b/services/web/app/src/Features/Collaborators/CollaboratorsController.mjs
new file mode 100644
index 0000000..d2cecbc
--- /dev/null
+++ b/services/web/app/src/Features/Collaborators/CollaboratorsController.mjs
@@ -0,0 +1,202 @@
+import OError from '@overleaf/o-error'
+import HttpErrorHandler from '../../Features/Errors/HttpErrorHandler.js'
+import mongodb from 'mongodb-legacy'
+import CollaboratorsHandler from './CollaboratorsHandler.js'
+import CollaboratorsGetter from './CollaboratorsGetter.js'
+import OwnershipTransferHandler from './OwnershipTransferHandler.js'
+import SessionManager from '../Authentication/SessionManager.js'
+import EditorRealTimeController from '../Editor/EditorRealTimeController.js'
+import TagsHandler from '../Tags/TagsHandler.js'
+import Errors from '../Errors/Errors.js'
+import logger from '@overleaf/logger'
+import { expressify } from '@overleaf/promise-utils'
+import { hasAdminAccess } from '../Helpers/AdminAuthorizationHelper.js'
+import TokenAccessHandler from '../TokenAccess/TokenAccessHandler.js'
+import ProjectAuditLogHandler from '../Project/ProjectAuditLogHandler.js'
+import LimitationsManager from '../Subscription/LimitationsManager.js'
+
+const ObjectId = mongodb.ObjectId
+
+export default {
+  removeUserFromProject: expressify(removeUserFromProject),
+  removeSelfFromProject: expressify(removeSelfFromProject),
+  getAllMembers: expressify(getAllMembers),
+  setCollaboratorInfo: expressify(setCollaboratorInfo),
+  transferOwnership: expressify(transferOwnership),
+  getShareTokens: expressify(getShareTokens),
+}
+
+async function removeUserFromProject(req, res, next) {
+  const projectId = req.params.Project_id
+  const userId = req.params.user_id
+  const sessionUserId = SessionManager.getLoggedInUserId(req.session)
+  await _removeUserIdFromProject(projectId, userId)
+  EditorRealTimeController.emitToRoom(projectId, 'project:membership:changed', {
+    members: true,
+  })
+
+  ProjectAuditLogHandler.addEntryInBackground(
+    projectId,
+    'remove-collaborator',
+    sessionUserId,
+    req.ip,
+    { userId }
+  )
+
+  res.sendStatus(204)
+}
+
+async function removeSelfFromProject(req, res, next) {
+  const projectId = req.params.Project_id
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  await _removeUserIdFromProject(projectId, userId)
+
+  ProjectAuditLogHandler.addEntryInBackground(
+    projectId,
+    'leave-project',
+    userId,
+    req.ip
+  )
+
+  res.sendStatus(204)
+}
+
+async function getAllMembers(req, res, next) {
+  const projectId = req.params.Project_id
+  logger.debug({ projectId }, 'getting all active members for project')
+  let members
+  try {
+    members = await CollaboratorsGetter.promises.getAllInvitedMembers(projectId)
+  } catch (err) {
+    throw OError.tag(err, 'error getting members for project', { projectId })
+  }
+  res.json({ members })
+}
+
+async function setCollaboratorInfo(req, res, next) {
+  try {
+    const projectId = req.params.Project_id
+    const userId = req.params.user_id
+    const { privilegeLevel } = req.body
+
+    const allowed =
+      await LimitationsManager.promises.canChangeCollaboratorPrivilegeLevel(
+        projectId,
+        userId,
+        privilegeLevel
+      )
+    if (!allowed) {
+      return HttpErrorHandler.forbidden(
+        req,
+        res,
+        'edit collaborator limit reached'
+      )
+    }
+
+    await CollaboratorsHandler.promises.setCollaboratorPrivilegeLevel(
+      projectId,
+      userId,
+      privilegeLevel
+    )
+    EditorRealTimeController.emitToRoom(
+      projectId,
+      'project:collaboratorAccessLevel:changed',
+      { userId }
+    )
+    res.sendStatus(204)
+  } catch (err) {
+    if (err instanceof Errors.NotFoundError) {
+      HttpErrorHandler.notFound(req, res)
+    } else {
+      next(err)
+    }
+  }
+}
+
+async function transferOwnership(req, res, next) {
+  const sessionUser = SessionManager.getSessionUser(req.session)
+  const projectId = req.params.Project_id
+  const toUserId = req.body.user_id
+  try {
+    await OwnershipTransferHandler.promises.transferOwnership(
+      projectId,
+      toUserId,
+      {
+        allowTransferToNonCollaborators: hasAdminAccess(sessionUser),
+        sessionUserId: new ObjectId(sessionUser._id),
+        ipAddress: req.ip,
+      }
+    )
+    res.sendStatus(204)
+  } catch (err) {
+    if (err instanceof Errors.ProjectNotFoundError) {
+      HttpErrorHandler.notFound(req, res, `project not found: ${projectId}`)
+    } else if (err instanceof Errors.UserNotFoundError) {
+      HttpErrorHandler.notFound(req, res, `user not found: ${toUserId}`)
+    } else if (err instanceof Errors.UserNotCollaboratorError) {
+      HttpErrorHandler.forbidden(
+        req,
+        res,
+        `user ${toUserId} should be a collaborator in project ${projectId} prior to ownership transfer`
+      )
+    } else {
+      next(err)
+    }
+  }
+}
+
+async function _removeUserIdFromProject(projectId, userId) {
+  await CollaboratorsHandler.promises.removeUserFromProject(projectId, userId)
+  EditorRealTimeController.emitToRoom(
+    projectId,
+    'userRemovedFromProject',
+    userId
+  )
+  await TagsHandler.promises.removeProjectFromAllTags(userId, projectId)
+}
+
+async function getShareTokens(req, res) {
+  const projectId = req.params.Project_id
+  const userId = SessionManager.getLoggedInUserId(req.session)
+
+  let tokens
+  if (userId) {
+    tokens = await CollaboratorsGetter.promises.getPublicShareTokens(
+      new ObjectId(userId),
+      new ObjectId(projectId)
+    )
+  } else {
+    // anonymous access, the token is already available in the session
+    const readOnly = TokenAccessHandler.getRequestToken(req, projectId)
+    tokens = { readOnly }
+  }
+  if (!tokens) {
+    return res.sendStatus(403)
+  }
+
+  if (tokens.readOnly || tokens.readAndWrite) {
+    logger.info(
+      {
+        projectId,
+        userId: userId || 'anonymous',
+        ip: req.ip,
+        tokens: Object.keys(tokens),
+      },
+      'project tokens accessed'
+    )
+  }
+
+  if (tokens.readOnly) {
+    tokens.readOnlyHashPrefix = TokenAccessHandler.createTokenHashPrefix(
+      tokens.readOnly
+    )
+  }
+
+  if (tokens.readAndWrite) {
+    tokens.readAndWriteHashPrefix = TokenAccessHandler.createTokenHashPrefix(
+      tokens.readAndWrite
+    )
+  }
+
+  res.json(tokens)
+}
diff --git a/services/web/app/src/Features/Collaborators/CollaboratorsEmailHandler.mjs b/services/web/app/src/Features/Collaborators/CollaboratorsEmailHandler.mjs
new file mode 100644
index 0000000..d63206d
--- /dev/null
+++ b/services/web/app/src/Features/Collaborators/CollaboratorsEmailHandler.mjs
@@ -0,0 +1,37 @@
+import { callbackify } from 'node:util'
+import { Project } from '../../models/Project.js'
+import EmailHandler from '../Email/EmailHandler.js'
+import Settings from '@overleaf/settings'
+
+const CollaboratorsEmailHandler = {
+  _buildInviteUrl(project, invite) {
+    return `${Settings.siteUrl}/project/${project._id}/invite/token/${invite.token}`
+  },
+
+  async notifyUserOfProjectInvite(projectId, email, invite, sendingUser) {
+    // eslint-disable-next-line no-restricted-syntax
+    const project = await Project.findOne({ _id: projectId })
+      .select('name owner_ref')
+      .populate('owner_ref')
+      .exec()
+    const emailOptions = {
+      to: email,
+      replyTo: project.owner_ref.email,
+      project: {
+        name: project.name,
+      },
+      inviteUrl: CollaboratorsEmailHandler._buildInviteUrl(project, invite),
+      owner: project.owner_ref,
+      sendingUser_id: sendingUser._id,
+    }
+    await EmailHandler.promises.sendEmail('projectInvite', emailOptions)
+  },
+}
+
+export default {
+  promises: CollaboratorsEmailHandler,
+  notifyUserOfProjectInvite: callbackify(
+    CollaboratorsEmailHandler.notifyUserOfProjectInvite
+  ),
+  _buildInviteUrl: CollaboratorsEmailHandler._buildInviteUrl,
+}
diff --git a/services/web/app/src/Features/Collaborators/CollaboratorsGetter.js b/services/web/app/src/Features/Collaborators/CollaboratorsGetter.js
new file mode 100644
index 0000000..77fb7ab
--- /dev/null
+++ b/services/web/app/src/Features/Collaborators/CollaboratorsGetter.js
@@ -0,0 +1,418 @@
+const { callbackify } = require('util')
+const pLimit = require('p-limit')
+const { ObjectId } = require('mongodb-legacy')
+const OError = require('@overleaf/o-error')
+const { Project } = require('../../models/Project')
+const UserGetter = require('../User/UserGetter')
+const ProjectGetter = require('../Project/ProjectGetter')
+const PublicAccessLevels = require('../Authorization/PublicAccessLevels')
+const Errors = require('../Errors/Errors')
+const ProjectEditorHandler = require('../Project/ProjectEditorHandler')
+const Sources = require('../Authorization/Sources')
+const PrivilegeLevels = require('../Authorization/PrivilegeLevels')
+
+module.exports = {
+  getMemberIdsWithPrivilegeLevels: callbackify(getMemberIdsWithPrivilegeLevels),
+  getMemberIds: callbackify(getMemberIds),
+  getInvitedMemberIds: callbackify(getInvitedMemberIds),
+  getInvitedMembersWithPrivilegeLevels: callbackify(
+    getInvitedMembersWithPrivilegeLevels
+  ),
+  getInvitedMembersWithPrivilegeLevelsFromFields: callbackify(
+    getInvitedMembersWithPrivilegeLevelsFromFields
+  ),
+  getMemberIdPrivilegeLevel: callbackify(getMemberIdPrivilegeLevel),
+  getProjectsUserIsMemberOf: callbackify(getProjectsUserIsMemberOf),
+  dangerouslyGetAllProjectsUserIsMemberOf: callbackify(
+    dangerouslyGetAllProjectsUserIsMemberOf
+  ),
+  isUserInvitedMemberOfProject: callbackify(isUserInvitedMemberOfProject),
+  getPublicShareTokens: callbackify(getPublicShareTokens),
+  userIsTokenMember: callbackify(userIsTokenMember),
+  getAllInvitedMembers: callbackify(getAllInvitedMembers),
+  promises: {
+    getMemberIdsWithPrivilegeLevels,
+    getMemberIds,
+    getInvitedMemberIds,
+    getInvitedMembersWithPrivilegeLevels,
+    getInvitedMembersWithPrivilegeLevelsFromFields,
+    getMemberIdPrivilegeLevel,
+    getInvitedEditCollaboratorCount,
+    getInvitedPendingEditorCount,
+    getProjectsUserIsMemberOf,
+    dangerouslyGetAllProjectsUserIsMemberOf,
+    isUserInvitedMemberOfProject,
+    isUserInvitedReadWriteMemberOfProject,
+    getPublicShareTokens,
+    userIsTokenMember,
+    userIsReadWriteTokenMember,
+    getAllInvitedMembers,
+  },
+}
+
+async function getMemberIdsWithPrivilegeLevels(projectId) {
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    owner_ref: 1,
+    collaberator_refs: 1,
+    readOnly_refs: 1,
+    tokenAccessReadOnly_refs: 1,
+    tokenAccessReadAndWrite_refs: 1,
+    publicAccesLevel: 1,
+    pendingEditor_refs: 1,
+    reviewer_refs: 1,
+    pendingReviewer_refs: 1,
+  })
+  if (!project) {
+    throw new Errors.NotFoundError(`no project found with id ${projectId}`)
+  }
+  const memberIds = _getMemberIdsWithPrivilegeLevelsFromFields(
+    project.owner_ref,
+    project.collaberator_refs,
+    project.readOnly_refs,
+    project.tokenAccessReadAndWrite_refs,
+    project.tokenAccessReadOnly_refs,
+    project.publicAccesLevel,
+    project.pendingEditor_refs,
+    project.reviewer_refs,
+    project.pendingReviewer_refs
+  )
+  return memberIds
+}
+
+async function getMemberIds(projectId) {
+  const members = await getMemberIdsWithPrivilegeLevels(projectId)
+  return members.map(m => m.id)
+}
+
+async function getInvitedMemberIds(projectId) {
+  const members = await getMemberIdsWithPrivilegeLevels(projectId)
+  return members.filter(m => m.source !== Sources.TOKEN).map(m => m.id)
+}
+
+async function getInvitedMembersWithPrivilegeLevels(projectId) {
+  let members = await getMemberIdsWithPrivilegeLevels(projectId)
+  members = members.filter(m => m.source !== Sources.TOKEN)
+  return _loadMembers(members)
+}
+
+async function getInvitedMembersWithPrivilegeLevelsFromFields(
+  ownerId,
+  collaboratorIds,
+  readOnlyIds,
+  reviewerIds
+) {
+  const members = _getMemberIdsWithPrivilegeLevelsFromFields(
+    ownerId,
+    collaboratorIds,
+    readOnlyIds,
+    [],
+    [],
+    null,
+    [],
+    reviewerIds,
+    []
+  )
+  return _loadMembers(members)
+}
+
+async function getMemberIdPrivilegeLevel(userId, projectId) {
+  // In future if the schema changes and getting all member ids is more expensive (multiple documents)
+  // then optimise this.
+  if (userId == null) {
+    return PrivilegeLevels.NONE
+  }
+  const members = await getMemberIdsWithPrivilegeLevels(projectId)
+  for (const member of members) {
+    if (member.id === userId.toString()) {
+      return member.privilegeLevel
+    }
+  }
+  return PrivilegeLevels.NONE
+}
+
+async function getInvitedEditCollaboratorCount(projectId) {
+  // Counts invited members with editor or reviewer roles
+  const members = await getMemberIdsWithPrivilegeLevels(projectId)
+  return members.filter(
+    m =>
+      m.source === Sources.INVITE &&
+      (m.privilegeLevel === PrivilegeLevels.READ_AND_WRITE ||
+        m.privilegeLevel === PrivilegeLevels.REVIEW)
+  ).length
+}
+
+async function getInvitedPendingEditorCount(projectId) {
+  // Only counts invited members that are readonly pending editors or pending
+  // reviewers
+  const members = await getMemberIdsWithPrivilegeLevels(projectId)
+  return members.filter(
+    m =>
+      m.source === Sources.INVITE &&
+      m.privilegeLevel === PrivilegeLevels.READ_ONLY &&
+      (m.pendingEditor || m.pendingReviewer)
+  ).length
+}
+
+async function isUserInvitedMemberOfProject(userId, projectId) {
+  if (!userId) {
+    return false
+  }
+  const members = await getMemberIdsWithPrivilegeLevels(projectId)
+  for (const member of members) {
+    if (
+      member.id.toString() === userId.toString() &&
+      member.source !== Sources.TOKEN
+    ) {
+      return true
+    }
+  }
+  return false
+}
+
+async function isUserInvitedReadWriteMemberOfProject(userId, projectId) {
+  if (!userId) {
+    return false
+  }
+  const members = await getMemberIdsWithPrivilegeLevels(projectId)
+  for (const member of members) {
+    if (
+      member.id.toString() === userId.toString() &&
+      member.source !== Sources.TOKEN &&
+      member.privilegeLevel === PrivilegeLevels.READ_AND_WRITE
+    ) {
+      return true
+    }
+  }
+  return false
+}
+
+async function getPublicShareTokens(userId, projectId) {
+  const memberInfo = await Project.findOne(
+    {
+      _id: projectId,
+    },
+    {
+      isOwner: { $eq: ['$owner_ref', userId] },
+      hasTokenReadOnlyAccess: {
+        $and: [
+          { $in: [userId, '$tokenAccessReadOnly_refs'] },
+          { $eq: ['$publicAccesLevel', PublicAccessLevels.TOKEN_BASED] },
+        ],
+      },
+      tokens: 1,
+    }
+  )
+    .lean()
+    .exec()
+
+  if (!memberInfo) {
+    return null
+  }
+
+  if (memberInfo.isOwner) {
+    return memberInfo.tokens
+  } else if (memberInfo.hasTokenReadOnlyAccess) {
+    return {
+      readOnly: memberInfo.tokens.readOnly,
+    }
+  } else {
+    return {}
+  }
+}
+
+// This function returns all the projects that a user currently has access to,
+// excluding projects where the user is listed in the token access fields when
+// token access has been disabled.
+async function getProjectsUserIsMemberOf(userId, fields) {
+  const limit = pLimit(2)
+  const [readAndWrite, review, readOnly, tokenReadAndWrite, tokenReadOnly] =
+    await Promise.all([
+      limit(() => Project.find({ collaberator_refs: userId }, fields).exec()),
+      limit(() => Project.find({ reviewer_refs: userId }, fields).exec()),
+      limit(() => Project.find({ readOnly_refs: userId }, fields).exec()),
+      limit(() =>
+        Project.find(
+          {
+            tokenAccessReadAndWrite_refs: userId,
+            publicAccesLevel: PublicAccessLevels.TOKEN_BASED,
+          },
+          fields
+        ).exec()
+      ),
+      limit(() =>
+        Project.find(
+          {
+            tokenAccessReadOnly_refs: userId,
+            publicAccesLevel: PublicAccessLevels.TOKEN_BASED,
+          },
+          fields
+        ).exec()
+      ),
+    ])
+  return { readAndWrite, review, readOnly, tokenReadAndWrite, tokenReadOnly }
+}
+
+// This function returns all the projects that a user is a member of, regardless of
+// the current state of the project, so it includes those projects where token access
+// has been disabled.
+async function dangerouslyGetAllProjectsUserIsMemberOf(userId, fields) {
+  const readAndWrite = await Project.find(
+    { collaberator_refs: userId },
+    fields
+  ).exec()
+  const readOnly = await Project.find({ readOnly_refs: userId }, fields).exec()
+  const tokenReadAndWrite = await Project.find(
+    { tokenAccessReadAndWrite_refs: userId },
+    fields
+  ).exec()
+  const tokenReadOnly = await Project.find(
+    { tokenAccessReadOnly_refs: userId },
+    fields
+  ).exec()
+  return { readAndWrite, readOnly, tokenReadAndWrite, tokenReadOnly }
+}
+
+async function getAllInvitedMembers(projectId) {
+  try {
+    const rawMembers = await getInvitedMembersWithPrivilegeLevels(projectId)
+    const { members } =
+      ProjectEditorHandler.buildOwnerAndMembersViews(rawMembers)
+    return members
+  } catch (err) {
+    throw OError.tag(err, 'error getting members for project', { projectId })
+  }
+}
+
+async function userIsTokenMember(userId, projectId) {
+  userId = new ObjectId(userId.toString())
+  projectId = new ObjectId(projectId.toString())
+  const project = await Project.findOne(
+    {
+      _id: projectId,
+      $or: [
+        { tokenAccessReadOnly_refs: userId },
+        { tokenAccessReadAndWrite_refs: userId },
+      ],
+    },
+    {
+      _id: 1,
+    }
+  ).exec()
+  return project != null
+}
+
+async function userIsReadWriteTokenMember(userId, projectId) {
+  userId = new ObjectId(userId.toString())
+  projectId = new ObjectId(projectId.toString())
+  const project = await Project.findOne(
+    {
+      _id: projectId,
+      tokenAccessReadAndWrite_refs: userId,
+    },
+    {
+      _id: 1,
+    }
+  ).exec()
+  return project != null
+}
+
+function _getMemberIdsWithPrivilegeLevelsFromFields(
+  ownerId,
+  collaboratorIds,
+  readOnlyIds,
+  tokenAccessIds,
+  tokenAccessReadOnlyIds,
+  publicAccessLevel,
+  pendingEditorIds,
+  reviewerIds,
+  pendingReviewerIds
+) {
+  const members = []
+  members.push({
+    id: ownerId.toString(),
+    privilegeLevel: PrivilegeLevels.OWNER,
+    source: Sources.OWNER,
+  })
+
+  for (const memberId of collaboratorIds || []) {
+    members.push({
+      id: memberId.toString(),
+      privilegeLevel: PrivilegeLevels.READ_AND_WRITE,
+      source: Sources.INVITE,
+    })
+  }
+
+  for (const memberId of readOnlyIds || []) {
+    const record = {
+      id: memberId.toString(),
+      privilegeLevel: PrivilegeLevels.READ_ONLY,
+      source: Sources.INVITE,
+    }
+
+    if (pendingEditorIds?.some(pe => memberId.equals(pe))) {
+      record.pendingEditor = true
+    } else if (pendingReviewerIds?.some(pr => memberId.equals(pr))) {
+      record.pendingReviewer = true
+    }
+    members.push(record)
+  }
+
+  if (publicAccessLevel === PublicAccessLevels.TOKEN_BASED) {
+    for (const memberId of tokenAccessIds || []) {
+      members.push({
+        id: memberId.toString(),
+        privilegeLevel: PrivilegeLevels.READ_AND_WRITE,
+        source: Sources.TOKEN,
+      })
+    }
+    for (const memberId of tokenAccessReadOnlyIds || []) {
+      members.push({
+        id: memberId.toString(),
+        privilegeLevel: PrivilegeLevels.READ_ONLY,
+        source: Sources.TOKEN,
+      })
+    }
+  }
+
+  for (const memberId of reviewerIds || []) {
+    members.push({
+      id: memberId.toString(),
+      privilegeLevel: PrivilegeLevels.REVIEW,
+      source: Sources.INVITE,
+    })
+  }
+  return members
+}
+
+async function _loadMembers(members) {
+  const limit = pLimit(3)
+  const results = await Promise.all(
+    members.map(member =>
+      limit(async () => {
+        const user = await UserGetter.promises.getUser(member.id, {
+          _id: 1,
+          email: 1,
+          features: 1,
+          first_name: 1,
+          last_name: 1,
+          signUpDate: 1,
+        })
+        if (user != null) {
+          const record = {
+            user,
+            privilegeLevel: member.privilegeLevel,
+          }
+          if (member.pendingEditor) {
+            record.pendingEditor = true
+          } else if (member.pendingReviewer) {
+            record.pendingReviewer = true
+          }
+          return record
+        } else {
+          return null
+        }
+      })
+    )
+  )
+  return results.filter(r => r != null)
+}
diff --git a/services/web/app/src/Features/Collaborators/CollaboratorsHandler.js b/services/web/app/src/Features/Collaborators/CollaboratorsHandler.js
new file mode 100644
index 0000000..05137a9
--- /dev/null
+++ b/services/web/app/src/Features/Collaborators/CollaboratorsHandler.js
@@ -0,0 +1,468 @@
+const { callbackify } = require('util')
+const OError = require('@overleaf/o-error')
+const { Project } = require('../../models/Project')
+const ProjectGetter = require('../Project/ProjectGetter')
+const ProjectHelper = require('../Project/ProjectHelper')
+const logger = require('@overleaf/logger')
+const ContactManager = require('../Contacts/ContactManager')
+const PrivilegeLevels = require('../Authorization/PrivilegeLevels')
+const TpdsProjectFlusher = require('../ThirdPartyDataStore/TpdsProjectFlusher')
+const CollaboratorsGetter = require('./CollaboratorsGetter')
+const Errors = require('../Errors/Errors')
+const TpdsUpdateSender = require('../ThirdPartyDataStore/TpdsUpdateSender')
+const EditorRealTimeController = require('../Editor/EditorRealTimeController')
+
+module.exports = {
+  userIsTokenMember: callbackify(userIsTokenMember),
+  removeUserFromProject: callbackify(removeUserFromProject),
+  removeUserFromAllProjects: callbackify(removeUserFromAllProjects),
+  addUserIdToProject: callbackify(addUserIdToProject),
+  transferProjects: callbackify(transferProjects),
+  promises: {
+    userIsTokenMember,
+    removeUserFromProject,
+    removeUserFromAllProjects,
+    addUserIdToProject,
+    transferProjects,
+    setCollaboratorPrivilegeLevel,
+    convertTrackChangesToExplicitFormat,
+  },
+}
+// Forces null pendingReviewer_refs, readOnly_refs, and reviewer_refs to
+// be empty arrays to avoid errors during $pull ops
+// See https://github.com/overleaf/internal/issues/24610
+async function fixNullCollaboratorRefs(projectId) {
+  // Temporary cleanup for the case where pendingReviewer_refs is null
+  await Project.updateOne(
+    { _id: projectId, pendingReviewer_refs: { $type: 'null' } },
+    { $set: { pendingReviewer_refs: [] } }
+  ).exec()
+
+  // Temporary cleanup for the case where readOnly_refs is null
+  await Project.updateOne(
+    { _id: projectId, readOnly_refs: { $type: 'null' } },
+    { $set: { readOnly_refs: [] } }
+  ).exec()
+
+  // Temporary cleanup for the case where reviewer_refs is null
+  await Project.updateOne(
+    { _id: projectId, reviewer_refs: { $type: 'null' } },
+    { $set: { reviewer_refs: [] } }
+  ).exec()
+}
+
+async function removeUserFromProject(projectId, userId) {
+  try {
+    const project = await Project.findOne({ _id: projectId }).exec()
+
+    await fixNullCollaboratorRefs(projectId)
+
+    // Deal with the old type of boolean value for archived
+    // In order to clear it
+    if (typeof project.archived === 'boolean') {
+      let archived = ProjectHelper.calculateArchivedArray(
+        project,
+        userId,
+        'ARCHIVE'
+      )
+
+      archived = archived.filter(id => id.toString() !== userId.toString())
+
+      await Project.updateOne(
+        { _id: projectId },
+        {
+          $set: { archived },
+          $pull: {
+            collaberator_refs: userId,
+            reviewer_refs: userId,
+            readOnly_refs: userId,
+            pendingEditor_refs: userId,
+            pendingReviewer_refs: userId,
+            tokenAccessReadOnly_refs: userId,
+            tokenAccessReadAndWrite_refs: userId,
+            trashed: userId,
+          },
+        }
+      )
+    } else {
+      await Project.updateOne(
+        { _id: projectId },
+        {
+          $pull: {
+            collaberator_refs: userId,
+            readOnly_refs: userId,
+            reviewer_refs: userId,
+            pendingEditor_refs: userId,
+            pendingReviewer_refs: userId,
+            tokenAccessReadOnly_refs: userId,
+            tokenAccessReadAndWrite_refs: userId,
+            archived: userId,
+            trashed: userId,
+          },
+        }
+      )
+    }
+  } catch (err) {
+    throw OError.tag(err, 'problem removing user from project collaborators', {
+      projectId,
+      userId,
+    })
+  }
+}
+
+async function removeUserFromAllProjects(userId) {
+  const { readAndWrite, readOnly, tokenReadAndWrite, tokenReadOnly } =
+    await CollaboratorsGetter.promises.dangerouslyGetAllProjectsUserIsMemberOf(
+      userId,
+      {
+        _id: 1,
+      }
+    )
+  const allProjects = readAndWrite
+    .concat(readOnly)
+    .concat(tokenReadAndWrite)
+    .concat(tokenReadOnly)
+  for (const project of allProjects) {
+    await removeUserFromProject(project._id, userId)
+  }
+}
+
+async function addUserIdToProject(
+  projectId,
+  addingUserId,
+  userId,
+  privilegeLevel,
+  { pendingEditor, pendingReviewer } = {}
+) {
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    owner_ref: 1,
+    name: 1,
+    collaberator_refs: 1,
+    readOnly_refs: 1,
+    reviewer_refs: 1,
+    track_changes: 1,
+  })
+  let level
+  let existingUsers = project.collaberator_refs || []
+  existingUsers = existingUsers.concat(project.readOnly_refs || [])
+  existingUsers = existingUsers.map(u => u.toString())
+  if (existingUsers.includes(userId.toString())) {
+    return // User already in Project
+  }
+  if (privilegeLevel === PrivilegeLevels.READ_AND_WRITE) {
+    level = { collaberator_refs: userId }
+    logger.debug(
+      { privileges: 'readAndWrite', userId, projectId },
+      'adding user'
+    )
+  } else if (privilegeLevel === PrivilegeLevels.READ_ONLY) {
+    level = { readOnly_refs: userId }
+    if (pendingEditor) {
+      level.pendingEditor_refs = userId
+    } else if (pendingReviewer) {
+      level.pendingReviewer_refs = userId
+    }
+    logger.debug(
+      {
+        privileges: 'readOnly',
+        userId,
+        projectId,
+        pendingEditor,
+        pendingReviewer,
+      },
+      'adding user'
+    )
+  } else if (privilegeLevel === PrivilegeLevels.REVIEW) {
+    level = { reviewer_refs: userId }
+    logger.debug({ privileges: 'reviewer', userId, projectId }, 'adding user')
+  } else {
+    throw new Error(`unknown privilegeLevel: ${privilegeLevel}`)
+  }
+
+  if (addingUserId) {
+    ContactManager.addContact(addingUserId, userId, () => {})
+  }
+
+  if (privilegeLevel === PrivilegeLevels.REVIEW) {
+    const trackChanges = await convertTrackChangesToExplicitFormat(
+      projectId,
+      project.track_changes
+    )
+    trackChanges[userId] = true
+
+    await Project.updateOne(
+      { _id: projectId },
+      { track_changes: trackChanges, $addToSet: level }
+    ).exec()
+
+    EditorRealTimeController.emitToRoom(
+      projectId,
+      'toggle-track-changes',
+      trackChanges
+    )
+  } else {
+    await Project.updateOne({ _id: projectId }, { $addToSet: level }).exec()
+  }
+
+  // Ensure there is a dedicated folder for this "new" project.
+  await TpdsUpdateSender.promises.createProject({
+    projectId,
+    projectName: project.name,
+    ownerId: project.owner_ref,
+    userId,
+  })
+
+  // Flush to TPDS in background to add files to collaborator's Dropbox
+  TpdsProjectFlusher.promises.flushProjectToTpds(projectId).catch(err => {
+    logger.error(
+      { err, projectId, userId },
+      'error flushing to TPDS after adding collaborator'
+    )
+  })
+}
+
+async function transferProjects(fromUserId, toUserId) {
+  // Find all the projects this user is part of so we can flush them to TPDS
+  const projects = await Project.find(
+    {
+      $or: [
+        { owner_ref: fromUserId },
+        { collaberator_refs: fromUserId },
+        { readOnly_refs: fromUserId },
+      ],
+    },
+    { _id: 1 }
+  ).exec()
+  const projectIds = projects.map(p => p._id)
+  logger.debug({ projectIds, fromUserId, toUserId }, 'transferring projects')
+
+  await Project.updateMany(
+    { owner_ref: fromUserId },
+    { $set: { owner_ref: toUserId } }
+  ).exec()
+
+  await Project.updateMany(
+    { collaberator_refs: fromUserId },
+    {
+      $addToSet: { collaberator_refs: toUserId },
+    }
+  ).exec()
+  await Project.updateMany(
+    { collaberator_refs: fromUserId },
+    {
+      $pull: { collaberator_refs: fromUserId },
+    }
+  ).exec()
+
+  await Project.updateMany(
+    { readOnly_refs: fromUserId },
+    {
+      $addToSet: { readOnly_refs: toUserId },
+    }
+  ).exec()
+  await Project.updateMany(
+    { readOnly_refs: fromUserId },
+    {
+      $pull: { readOnly_refs: fromUserId },
+    }
+  ).exec()
+
+  await Project.updateMany(
+    { pendingEditor_refs: fromUserId },
+    {
+      $addToSet: { pendingEditor_refs: toUserId },
+    }
+  ).exec()
+  await Project.updateMany(
+    { pendingEditor_refs: fromUserId },
+    {
+      $pull: { pendingEditor_refs: fromUserId },
+    }
+  ).exec()
+
+  await Project.updateMany(
+    { pendingReviewer_refs: fromUserId },
+    {
+      $addToSet: { pendingReviewer_refs: toUserId },
+    }
+  ).exec()
+  await Project.updateMany(
+    { pendingReviewer_refs: fromUserId },
+    {
+      $pull: { pendingReviewer_refs: fromUserId },
+    }
+  ).exec()
+
+  // Flush in background, no need to block on this
+  _flushProjects(projectIds).catch(err => {
+    logger.err(
+      { err, projectIds, fromUserId, toUserId },
+      'error flushing tranferred projects to TPDS'
+    )
+  })
+}
+
+async function setCollaboratorPrivilegeLevel(
+  projectId,
+  userId,
+  privilegeLevel,
+  { pendingEditor, pendingReviewer } = {}
+) {
+  // Make sure we're only updating the project if the user is already a
+  // collaborator
+  const query = {
+    _id: projectId,
+    $or: [
+      { collaberator_refs: userId },
+      { readOnly_refs: userId },
+      { reviewer_refs: userId },
+    ],
+  }
+  let update
+
+  await fixNullCollaboratorRefs(projectId)
+
+  switch (privilegeLevel) {
+    case PrivilegeLevels.READ_AND_WRITE: {
+      update = {
+        $pull: {
+          readOnly_refs: userId,
+          pendingEditor_refs: userId,
+          reviewer_refs: userId,
+          pendingReviewer_refs: userId,
+        },
+        $addToSet: { collaberator_refs: userId },
+      }
+      break
+    }
+    case PrivilegeLevels.REVIEW: {
+      update = {
+        $pull: {
+          readOnly_refs: userId,
+          pendingEditor_refs: userId,
+          collaberator_refs: userId,
+          pendingReviewer_refs: userId,
+        },
+        $addToSet: { reviewer_refs: userId },
+      }
+
+      const project = await ProjectGetter.promises.getProject(projectId, {
+        track_changes: true,
+      })
+      const newTrackChangesState = await convertTrackChangesToExplicitFormat(
+        projectId,
+        project.track_changes
+      )
+      if (newTrackChangesState[userId] !== true) {
+        newTrackChangesState[userId] = true
+      }
+      if (typeof project.track_changes === 'object') {
+        update.$set = { [`track_changes.${userId}`]: true }
+      } else {
+        update.$set = { track_changes: newTrackChangesState }
+      }
+      break
+    }
+    case PrivilegeLevels.READ_ONLY: {
+      update = {
+        $pull: { collaberator_refs: userId, reviewer_refs: userId },
+        $addToSet: { readOnly_refs: userId },
+      }
+
+      if (pendingEditor) {
+        update.$addToSet.pendingEditor_refs = userId
+      } else {
+        update.$pull.pendingEditor_refs = userId
+      }
+
+      if (pendingReviewer) {
+        update.$addToSet.pendingReviewer_refs = userId
+      } else {
+        update.$pull.pendingReviewer_refs = userId
+      }
+
+      break
+    }
+    default: {
+      throw new OError(`unknown privilege level: ${privilegeLevel}`)
+    }
+  }
+  const mongoResponse = await Project.updateOne(query, update).exec()
+  if (mongoResponse.matchedCount === 0) {
+    throw new Errors.NotFoundError('project or collaborator not found')
+  }
+
+  if (update.$set?.track_changes) {
+    EditorRealTimeController.emitToRoom(
+      projectId,
+      'toggle-track-changes',
+      update.$set.track_changes
+    )
+  }
+}
+
+async function userIsTokenMember(userId, projectId) {
+  if (!userId) {
+    return false
+  }
+  try {
+    const project = await Project.findOne(
+      {
+        _id: projectId,
+        $or: [
+          { tokenAccessReadOnly_refs: userId },
+          { tokenAccessReadAndWrite_refs: userId },
+        ],
+      },
+      {
+        _id: 1,
+      }
+    )
+    return project != null
+  } catch (err) {
+    throw OError.tag(err, 'problem while checking if user is token member', {
+      userId,
+      projectId,
+    })
+  }
+}
+
+async function _flushProjects(projectIds) {
+  for (const projectId of projectIds) {
+    await TpdsProjectFlusher.promises.flushProjectToTpds(projectId)
+  }
+}
+
+async function convertTrackChangesToExplicitFormat(
+  projectId,
+  trackChangesState
+) {
+  if (typeof trackChangesState === 'object') {
+    return { ...trackChangesState }
+  }
+
+  if (trackChangesState === true) {
+    // track changes are enabled for all
+    const members =
+      await CollaboratorsGetter.promises.getMemberIdsWithPrivilegeLevels(
+        projectId
+      )
+
+    const newTrackChangesState = {}
+    for (const { id, privilegeLevel } of members) {
+      if (
+        [
+          PrivilegeLevels.OWNER,
+          PrivilegeLevels.READ_AND_WRITE,
+          PrivilegeLevels.REVIEW,
+        ].includes(privilegeLevel)
+      ) {
+        newTrackChangesState[id] = true
+      }
+    }
+
+    return newTrackChangesState
+  }
+
+  return {}
+}
diff --git a/services/web/app/src/Features/Collaborators/CollaboratorsInviteController.mjs b/services/web/app/src/Features/Collaborators/CollaboratorsInviteController.mjs
new file mode 100644
index 0000000..c6ffba1
--- /dev/null
+++ b/services/web/app/src/Features/Collaborators/CollaboratorsInviteController.mjs
@@ -0,0 +1,399 @@
+import ProjectGetter from '../Project/ProjectGetter.js'
+import LimitationsManager from '../Subscription/LimitationsManager.js'
+import UserGetter from '../User/UserGetter.js'
+import CollaboratorsGetter from './CollaboratorsGetter.js'
+import CollaboratorsInviteHandler from './CollaboratorsInviteHandler.mjs'
+import CollaboratorsInviteGetter from './CollaboratorsInviteGetter.js'
+import logger from '@overleaf/logger'
+import Settings from '@overleaf/settings'
+import EmailHelper from '../Helpers/EmailHelper.js'
+import EditorRealTimeController from '../Editor/EditorRealTimeController.js'
+import AnalyticsManager from '../Analytics/AnalyticsManager.js'
+import SessionManager from '../Authentication/SessionManager.js'
+import { RateLimiter } from '../../infrastructure/RateLimiter.js'
+import { expressify } from '@overleaf/promise-utils'
+import ProjectAuditLogHandler from '../Project/ProjectAuditLogHandler.js'
+import Errors from '../Errors/Errors.js'
+import AuthenticationController from '../Authentication/AuthenticationController.js'
+import PrivilegeLevels from '../Authorization/PrivilegeLevels.js'
+
+// This rate limiter allows a different number of requests depending on the
+// number of callaborators a user is allowed. This is implemented by providing
+// a number of points (P) and consuming c = floor(P / maxRequests) on each
+// request. We'd like (maxRequests + 1) requests to trigger the rate limit, so
+// one constrait that we have is that c * (maxRequests + 1) > P. This is
+// achieved if P = M^2 where M is the largest value possible for maxRequests.
+//
+// In the present case, we allow 10 requests per collaborator per 30 minutes,
+// with a maximum of 200 requests, so P = 200^2 = 40000.
+const RATE_LIMIT_POINTS = 40000
+const rateLimiter = new RateLimiter('invite-to-project-by-user-id', {
+  points: RATE_LIMIT_POINTS,
+  duration: 60 * 30,
+})
+
+async function getAllInvites(req, res) {
+  const projectId = req.params.Project_id
+  logger.debug({ projectId }, 'getting all active invites for project')
+  const invites =
+    await CollaboratorsInviteGetter.promises.getAllInvites(projectId)
+  res.json({ invites })
+}
+
+async function _checkShouldInviteEmail(email) {
+  if (Settings.restrictInvitesToExistingAccounts === true) {
+    logger.debug({ email }, 'checking if user exists with this email')
+    const user = await UserGetter.promises.getUserByAnyEmail(email, {
+      _id: 1,
+    })
+    const userExists = user?._id != null
+    return userExists
+  } else {
+    return true
+  }
+}
+
+async function _checkRateLimit(userId) {
+  let collabLimit =
+    await LimitationsManager.promises.allowedNumberOfCollaboratorsForUser(
+      userId
+    )
+
+  if (collabLimit == null || collabLimit === 0) {
+    collabLimit = 1
+  } else if (collabLimit < 0 || collabLimit > 20) {
+    collabLimit = 20
+  }
+
+  // Consume enough points to hit the rate limit at 10 * collabLimit
+  const maxRequests = 10 * collabLimit
+  const points = Math.floor(RATE_LIMIT_POINTS / maxRequests)
+  try {
+    await rateLimiter.consume(userId, points, { method: 'userId' })
+  } catch (err) {
+    if (err instanceof Error) {
+      throw err
+    } else {
+      return false
+    }
+  }
+  return true
+}
+
+async function inviteToProject(req, res) {
+  const projectId = req.params.Project_id
+  let { email, privileges } = req.body
+  const sendingUser = SessionManager.getSessionUser(req.session)
+  const sendingUserId = sendingUser._id
+  req.logger.addFields({ email, sendingUserId })
+
+  if (email === sendingUser.email) {
+    logger.debug(
+      { projectId, email, sendingUserId },
+      'cannot invite yourself to project'
+    )
+    return res.json({ invite: null, error: 'cannot_invite_self' })
+  }
+
+  logger.debug({ projectId, email, sendingUserId }, 'inviting to project')
+
+  let allowed = false
+  // can always invite read-only collaborators
+  if (privileges === PrivilegeLevels.READ_ONLY) {
+    allowed = true
+  } else {
+    allowed = await LimitationsManager.promises.canAddXEditCollaborators(
+      projectId,
+      1
+    )
+  }
+
+  if (!allowed) {
+    logger.debug(
+      { projectId, email, sendingUserId },
+      'not allowed to invite more users to project'
+    )
+    return res.json({ invite: null })
+  }
+
+  email = EmailHelper.parseEmail(email, true)
+  if (email == null || email === '') {
+    logger.debug({ projectId, email, sendingUserId }, 'invalid email address')
+    return res.status(400).json({ errorReason: 'invalid_email' })
+  }
+
+  const underRateLimit =
+    await CollaboratorsInviteController._checkRateLimit(sendingUserId)
+  if (!underRateLimit) {
+    return res.sendStatus(429)
+  }
+
+  const shouldAllowInvite =
+    await CollaboratorsInviteController._checkShouldInviteEmail(email)
+  if (!shouldAllowInvite) {
+    logger.debug(
+      { email, projectId, sendingUserId },
+      'not allowed to send an invite to this email address'
+    )
+    return res.json({
+      invite: null,
+      error: 'cannot_invite_non_user',
+    })
+  }
+
+  const invite = await CollaboratorsInviteHandler.promises.inviteToProject(
+    projectId,
+    sendingUser,
+    email,
+    privileges
+  )
+
+  ProjectAuditLogHandler.addEntryInBackground(
+    projectId,
+    'send-invite',
+    sendingUserId,
+    req.ip,
+    {
+      inviteId: invite._id,
+      privileges,
+    }
+  )
+
+  logger.debug({ projectId, email, sendingUserId }, 'invite created')
+
+  EditorRealTimeController.emitToRoom(projectId, 'project:membership:changed', {
+    invites: true,
+  })
+  res.json({ invite })
+}
+async function revokeInvite(req, res) {
+  const projectId = req.params.Project_id
+  const inviteId = req.params.invite_id
+  const user = SessionManager.getSessionUser(req.session)
+
+  logger.debug({ projectId, inviteId }, 'revoking invite')
+
+  const invite = await CollaboratorsInviteHandler.promises.revokeInvite(
+    projectId,
+    inviteId
+  )
+
+  if (invite != null) {
+    ProjectAuditLogHandler.addEntryInBackground(
+      projectId,
+      'revoke-invite',
+      user._id,
+      req.ip,
+      {
+        inviteId: invite._id,
+        privileges: invite.privileges,
+      }
+    )
+    EditorRealTimeController.emitToRoom(
+      projectId,
+      'project:membership:changed',
+      { invites: true }
+    )
+  }
+
+  res.sendStatus(204)
+}
+
+async function generateNewInvite(req, res) {
+  const projectId = req.params.Project_id
+  const inviteId = req.params.invite_id
+  const user = SessionManager.getSessionUser(req.session)
+
+  logger.debug({ projectId, inviteId }, 'resending invite')
+  const sendingUser = SessionManager.getSessionUser(req.session)
+  const underRateLimit = await CollaboratorsInviteController._checkRateLimit(
+    sendingUser._id
+  )
+  if (!underRateLimit) {
+    return res.sendStatus(429)
+  }
+
+  const invite = await CollaboratorsInviteHandler.promises.generateNewInvite(
+    projectId,
+    sendingUser,
+    inviteId
+  )
+
+  EditorRealTimeController.emitToRoom(projectId, 'project:membership:changed', {
+    invites: true,
+  })
+
+  if (invite != null) {
+    ProjectAuditLogHandler.addEntryInBackground(
+      projectId,
+      'resend-invite',
+      user._id,
+      req.ip,
+      {
+        inviteId: invite._id,
+        privileges: invite.privileges,
+      }
+    )
+
+    res.sendStatus(201)
+  } else {
+    res.sendStatus(404)
+  }
+}
+
+async function viewInvite(req, res) {
+  const projectId = req.params.Project_id
+  const { token } = req.params
+  const _renderInvalidPage = function () {
+    res.status(404)
+    logger.debug({ projectId }, 'invite not valid, rendering not-valid page')
+    res.render('project/invite/not-valid', { title: 'Invalid Invite' })
+  }
+
+  // check if the user is already a member of the project
+  const currentUser = SessionManager.getSessionUser(req.session)
+  if (currentUser) {
+    const isMember =
+      await CollaboratorsGetter.promises.isUserInvitedMemberOfProject(
+        currentUser._id,
+        projectId
+      )
+    if (isMember) {
+      logger.debug(
+        { projectId, userId: currentUser._id },
+        'user is already a member of this project, redirecting'
+      )
+      return res.redirect(`/project/${projectId}`)
+    }
+  }
+
+  // get the invite
+  const invite = await CollaboratorsInviteGetter.promises.getInviteByToken(
+    projectId,
+    token
+  )
+
+  // check if invite is gone, or otherwise non-existent
+  if (invite == null) {
+    logger.debug({ projectId }, 'no invite found for this token')
+    return _renderInvalidPage()
+  }
+
+  // check the user who sent the invite exists
+  const owner = await UserGetter.promises.getUser(
+    { _id: invite.sendingUserId },
+    { email: 1, first_name: 1, last_name: 1 }
+  )
+  if (owner == null) {
+    logger.debug({ projectId }, 'no project owner found')
+    return _renderInvalidPage()
+  }
+
+  // fetch the project name
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    name: 1,
+  })
+  if (project == null) {
+    logger.debug({ projectId }, 'no project found')
+    return _renderInvalidPage()
+  }
+
+  if (!currentUser) {
+    req.session.sharedProjectData = {
+      project_name: project.name,
+      user_first_name: owner.first_name,
+    }
+    AuthenticationController.setRedirectInSession(req)
+    return res.redirect('/register')
+  }
+
+  // cleanup if set for register page
+  delete req.session.sharedProjectData
+
+  // finally render the invite
+  res.render('project/invite/show', {
+    invite,
+    token,
+    project,
+    owner,
+    title: 'Project Invite',
+  })
+}
+
+async function acceptInvite(req, res) {
+  const { Project_id: projectId, token } = req.params
+  const currentUser = SessionManager.getSessionUser(req.session)
+  logger.debug(
+    { projectId, userId: currentUser._id },
+    'got request to accept invite'
+  )
+
+  const invite = await CollaboratorsInviteGetter.promises.getInviteByToken(
+    projectId,
+    token
+  )
+
+  if (invite == null) {
+    throw new Errors.NotFoundError('no matching invite found')
+  }
+
+  await ProjectAuditLogHandler.promises.addEntry(
+    projectId,
+    'accept-invite',
+    currentUser._id,
+    req.ip,
+    {
+      inviteId: invite._id,
+      privileges: invite.privileges,
+    }
+  )
+
+  await CollaboratorsInviteHandler.promises.acceptInvite(
+    invite,
+    projectId,
+    currentUser
+  )
+
+  await EditorRealTimeController.emitToRoom(
+    projectId,
+    'project:membership:changed',
+    { invites: true, members: true }
+  )
+
+  let editMode = 'edit'
+  if (invite.privileges === PrivilegeLevels.REVIEW) {
+    editMode = 'review'
+  } else if (invite.privileges === PrivilegeLevels.READ_ONLY) {
+    editMode = 'view'
+  }
+  AnalyticsManager.recordEventForUserInBackground(
+    currentUser._id,
+    'project-joined',
+    {
+      projectId,
+      ownerId: invite.sendingUserId, // only owner can invite others
+      mode: editMode,
+      role: invite.privileges,
+      source: 'email-invite',
+    }
+  )
+
+  if (req.xhr) {
+    res.sendStatus(204) //  Done async via project page notification
+  } else {
+    res.redirect(`/project/${projectId}`)
+  }
+}
+
+const CollaboratorsInviteController = {
+  getAllInvites: expressify(getAllInvites),
+  inviteToProject: expressify(inviteToProject),
+  revokeInvite: expressify(revokeInvite),
+  generateNewInvite: expressify(generateNewInvite),
+  viewInvite: expressify(viewInvite),
+  acceptInvite: expressify(acceptInvite),
+  _checkShouldInviteEmail,
+  _checkRateLimit,
+}
+
+export default CollaboratorsInviteController
diff --git a/services/web/app/src/Features/Collaborators/CollaboratorsInviteGetter.js b/services/web/app/src/Features/Collaborators/CollaboratorsInviteGetter.js
new file mode 100644
index 0000000..e3f692e
--- /dev/null
+++ b/services/web/app/src/Features/Collaborators/CollaboratorsInviteGetter.js
@@ -0,0 +1,48 @@
+const logger = require('@overleaf/logger')
+const { ProjectInvite } = require('../../models/ProjectInvite')
+const PrivilegeLevels = require('../Authorization/PrivilegeLevels')
+const CollaboratorsInviteHelper = require('./CollaboratorsInviteHelper')
+
+async function getAllInvites(projectId) {
+  logger.debug({ projectId }, 'fetching invites for project')
+  const invites = await ProjectInvite.find({ projectId })
+    .select('_id email privileges')
+    .exec()
+  logger.debug(
+    { projectId, count: invites.length },
+    'found invites for project'
+  )
+  return invites
+}
+
+async function getEditInviteCount(projectId) {
+  logger.debug({ projectId }, 'counting edit invites for project')
+  const count = await ProjectInvite.countDocuments({
+    projectId,
+    privileges: { $ne: PrivilegeLevels.READ_ONLY },
+  }).exec()
+  return count
+}
+
+async function getInviteByToken(projectId, tokenString) {
+  logger.debug({ projectId }, 'fetching invite by token')
+  const invite = await ProjectInvite.findOne({
+    projectId,
+    tokenHmac: CollaboratorsInviteHelper.hashInviteToken(tokenString),
+  }).exec()
+
+  if (invite == null) {
+    logger.err({ projectId }, 'no invite found')
+    return null
+  }
+
+  return invite
+}
+
+module.exports = {
+  promises: {
+    getAllInvites,
+    getEditInviteCount,
+    getInviteByToken,
+  },
+}
diff --git a/services/web/app/src/Features/Collaborators/CollaboratorsInviteHandler.mjs b/services/web/app/src/Features/Collaborators/CollaboratorsInviteHandler.mjs
new file mode 100644
index 0000000..02db4de
--- /dev/null
+++ b/services/web/app/src/Features/Collaborators/CollaboratorsInviteHandler.mjs
@@ -0,0 +1,234 @@
+import { callbackify } from 'node:util'
+import { ProjectInvite } from '../../models/ProjectInvite.js'
+import logger from '@overleaf/logger'
+import CollaboratorsEmailHandler from './CollaboratorsEmailHandler.mjs'
+import CollaboratorsHandler from './CollaboratorsHandler.js'
+import CollaboratorsInviteGetter from './CollaboratorsInviteGetter.js'
+import CollaboratorsInviteHelper from './CollaboratorsInviteHelper.js'
+import UserGetter from '../User/UserGetter.js'
+import ProjectGetter from '../Project/ProjectGetter.js'
+import NotificationsBuilder from '../Notifications/NotificationsBuilder.js'
+import PrivilegeLevels from '../Authorization/PrivilegeLevels.js'
+import LimitationsManager from '../Subscription/LimitationsManager.js'
+import ProjectAuditLogHandler from '../Project/ProjectAuditLogHandler.js'
+import _ from 'lodash'
+
+const CollaboratorsInviteHandler = {
+  async _trySendInviteNotification(projectId, sendingUser, invite) {
+    const { email } = invite
+    const existingUser = await UserGetter.promises.getUserByAnyEmail(email, {
+      _id: 1,
+    })
+    if (existingUser == null) {
+      logger.debug({ projectId, email }, 'no existing user found, returning')
+      return null
+    }
+    const project = await ProjectGetter.promises.getProject(projectId, {
+      _id: 1,
+      name: 1,
+    })
+    if (project == null) {
+      logger.debug(
+        { projectId },
+        'no project found while sending notification, returning'
+      )
+      return null
+    }
+    await NotificationsBuilder.promises
+      .projectInvite(invite, project, sendingUser, existingUser)
+      .create()
+  },
+
+  async _tryCancelInviteNotification(inviteId) {
+    return await NotificationsBuilder.promises
+      .projectInvite({ _id: inviteId }, null, null, null)
+      .read()
+  },
+
+  async _sendMessages(projectId, sendingUser, invite) {
+    const { email } = invite
+    logger.debug(
+      { projectId, email, inviteId: invite._id },
+      'sending notification and email for invite'
+    )
+    const notificationJob =
+      CollaboratorsInviteHandler._trySendInviteNotification(
+        projectId,
+        sendingUser,
+        invite
+      ).catch(err => {
+        logger.err(
+          { err, projectId, email },
+          'error sending notification for invite'
+        )
+      })
+    CollaboratorsEmailHandler.promises
+      .notifyUserOfProjectInvite(projectId, invite.email, invite, sendingUser)
+      .catch(err => {
+        logger.err({ err, projectId, email }, 'error sending email for invite')
+      })
+    await notificationJob
+  },
+
+  async inviteToProject(projectId, sendingUser, email, privileges) {
+    logger.debug(
+      { projectId, sendingUserId: sendingUser._id, email, privileges },
+      'adding invite'
+    )
+    const token = CollaboratorsInviteHelper.generateToken()
+    const tokenHmac = CollaboratorsInviteHelper.hashInviteToken(token)
+    let invite = new ProjectInvite({
+      email,
+      tokenHmac,
+      sendingUserId: sendingUser._id,
+      projectId,
+      privileges,
+    })
+    invite = await invite.save()
+    invite = invite.toObject()
+
+    // Send notification and email
+    await CollaboratorsInviteHandler._sendMessages(projectId, sendingUser, {
+      ...invite,
+      token,
+    })
+
+    return _.pick(invite, ['_id', 'email', 'privileges'])
+  },
+
+  async revokeInviteForUser(projectId, targetEmails) {
+    logger.debug({ projectId }, 'getting all active invites for project')
+    const invites =
+      await CollaboratorsInviteGetter.promises.getAllInvites(projectId)
+    const matchingInvite = invites.find(invite =>
+      targetEmails.some(emailData => emailData.email === invite.email)
+    )
+    if (matchingInvite) {
+      await CollaboratorsInviteHandler.revokeInvite(
+        projectId,
+        matchingInvite._id
+      )
+    }
+  },
+
+  async revokeInvite(projectId, inviteId) {
+    logger.debug({ projectId, inviteId }, 'removing invite')
+    const invite = await ProjectInvite.findOneAndDelete({
+      projectId,
+      _id: inviteId,
+    }).exec()
+    CollaboratorsInviteHandler._tryCancelInviteNotification(inviteId).catch(
+      err => {
+        logger.err(
+          { err, projectId, inviteId },
+          'failed to cancel invite notification'
+        )
+      }
+    )
+    return invite
+  },
+
+  async generateNewInvite(projectId, sendingUser, inviteId) {
+    logger.debug({ projectId, inviteId }, 'generating new invite email')
+    const invite = await this.revokeInvite(projectId, inviteId)
+
+    if (invite == null) {
+      logger.warn(
+        { projectId, inviteId },
+        'no invite found, nothing to generate'
+      )
+      return null
+    }
+
+    return await this.inviteToProject(
+      projectId,
+      sendingUser,
+      invite.email,
+      invite.privileges
+    )
+  },
+
+  async acceptInvite(invite, projectId, user) {
+    const project = await ProjectGetter.promises.getProject(projectId, {
+      owner_ref: 1,
+    })
+
+    let privilegeLevel = invite.privileges
+    const opts = {}
+    if (
+      [PrivilegeLevels.READ_AND_WRITE, PrivilegeLevels.REVIEW].includes(
+        invite.privileges
+      )
+    ) {
+      const allowed =
+        await LimitationsManager.promises.canAcceptEditCollaboratorInvite(
+          project._id
+        )
+      if (!allowed) {
+        privilegeLevel = PrivilegeLevels.READ_ONLY
+        if (invite.privileges === PrivilegeLevels.READ_AND_WRITE) {
+          opts.pendingEditor = true
+        } else if (invite.privileges === PrivilegeLevels.REVIEW) {
+          opts.pendingReviewer = true
+        }
+
+        logger.debug(
+          { projectId, userId: user._id, privileges: invite.privileges },
+          'no collaborator slots available, user added as read only (pending editor)'
+        )
+        await ProjectAuditLogHandler.promises.addEntry(
+          projectId,
+          'editor-moved-to-pending', // controller already logged accept-invite
+          null,
+          null,
+          {
+            userId: user._id.toString(),
+            role:
+              invite.privileges === PrivilegeLevels.REVIEW
+                ? 'reviewer'
+                : 'editor',
+          }
+        )
+      }
+    }
+
+    await CollaboratorsHandler.promises.addUserIdToProject(
+      projectId,
+      invite.sendingUserId,
+      user._id,
+      privilegeLevel,
+      opts
+    )
+
+    // Remove invite
+    const inviteId = invite._id
+    logger.debug({ projectId, inviteId }, 'removing invite')
+    await ProjectInvite.deleteOne({ _id: inviteId }).exec()
+    CollaboratorsInviteHandler._tryCancelInviteNotification(inviteId).catch(
+      err => {
+        logger.error(
+          { err, projectId, inviteId },
+          'failed to cancel invite notification'
+        )
+      }
+    )
+  },
+}
+
+export default {
+  promises: CollaboratorsInviteHandler,
+  inviteToProject: callbackify(CollaboratorsInviteHandler.inviteToProject),
+  revokeInviteForUser: callbackify(
+    CollaboratorsInviteHandler.revokeInviteForUser
+  ),
+  revokeInvite: callbackify(CollaboratorsInviteHandler.revokeInvite),
+  generateNewInvite: callbackify(CollaboratorsInviteHandler.generateNewInvite),
+  acceptInvite: callbackify(CollaboratorsInviteHandler.acceptInvite),
+  _trySendInviteNotification: callbackify(
+    CollaboratorsInviteHandler._trySendInviteNotification
+  ),
+  _tryCancelInviteNotification: callbackify(
+    CollaboratorsInviteHandler._tryCancelInviteNotification
+  ),
+  _sendMessages: callbackify(CollaboratorsInviteHandler._sendMessages),
+}
diff --git a/services/web/app/src/Features/Collaborators/CollaboratorsInviteHelper.js b/services/web/app/src/Features/Collaborators/CollaboratorsInviteHelper.js
new file mode 100644
index 0000000..305f93e
--- /dev/null
+++ b/services/web/app/src/Features/Collaborators/CollaboratorsInviteHelper.js
@@ -0,0 +1,17 @@
+const Crypto = require('crypto')
+
+function generateToken() {
+  const buffer = Crypto.randomBytes(24)
+  return buffer.toString('hex')
+}
+
+function hashInviteToken(token) {
+  return Crypto.createHmac('sha256', 'overleaf-token-invite')
+    .update(token)
+    .digest('hex')
+}
+
+module.exports = {
+  generateToken,
+  hashInviteToken,
+}
diff --git a/services/web/app/src/Features/Collaborators/CollaboratorsRouter.mjs b/services/web/app/src/Features/Collaborators/CollaboratorsRouter.mjs
new file mode 100644
index 0000000..63a88c1
--- /dev/null
+++ b/services/web/app/src/Features/Collaborators/CollaboratorsRouter.mjs
@@ -0,0 +1,175 @@
+import CollaboratorsController from './CollaboratorsController.mjs'
+import AuthenticationController from '../Authentication/AuthenticationController.js'
+import AuthorizationMiddleware from '../Authorization/AuthorizationMiddleware.js'
+import PrivilegeLevels from '../Authorization/PrivilegeLevels.js'
+import CollaboratorsInviteController from './CollaboratorsInviteController.mjs'
+import { RateLimiter } from '../../infrastructure/RateLimiter.js'
+import RateLimiterMiddleware from '../Security/RateLimiterMiddleware.js'
+import CaptchaMiddleware from '../Captcha/CaptchaMiddleware.js'
+import AnalyticsRegistrationSourceMiddleware from '../Analytics/AnalyticsRegistrationSourceMiddleware.js'
+import { Joi, validate } from '../../infrastructure/Validation.js'
+
+const rateLimiters = {
+  inviteToProjectByProjectId: new RateLimiter(
+    'invite-to-project-by-project-id',
+    { points: 100, duration: 60 * 10 }
+  ),
+  inviteToProjectByIp: new RateLimiter('invite-to-project-by-ip', {
+    points: 100,
+    duration: 60 * 10,
+  }),
+  resendInvite: new RateLimiter('resend-invite', {
+    points: 200,
+    duration: 60 * 10,
+  }),
+  getProjectTokens: new RateLimiter('get-project-tokens', {
+    points: 200,
+    duration: 60 * 10,
+  }),
+  viewProjectInvite: new RateLimiter('view-project-invite', {
+    points: 20,
+    duration: 60,
+  }),
+}
+
+export default {
+  apply(webRouter) {
+    webRouter.post(
+      '/project/:Project_id/leave',
+      AuthenticationController.requireLogin(),
+      CollaboratorsController.removeSelfFromProject
+    )
+
+    webRouter.put(
+      '/project/:Project_id/users/:user_id',
+      AuthenticationController.requireLogin(),
+      validate({
+        params: Joi.object({
+          Project_id: Joi.objectId(),
+          user_id: Joi.objectId(),
+        }),
+        body: Joi.object({
+          privilegeLevel: Joi.string()
+            .valid(
+              PrivilegeLevels.READ_ONLY,
+              PrivilegeLevels.READ_AND_WRITE,
+              PrivilegeLevels.REVIEW
+            )
+            .required(),
+        }),
+      }),
+      AuthorizationMiddleware.ensureUserCanAdminProject,
+      CollaboratorsController.setCollaboratorInfo
+    )
+
+    webRouter.delete(
+      '/project/:Project_id/users/:user_id',
+      AuthenticationController.requireLogin(),
+      AuthorizationMiddleware.ensureUserCanAdminProject,
+      CollaboratorsController.removeUserFromProject
+    )
+
+    webRouter.get(
+      '/project/:Project_id/members',
+      AuthenticationController.requireLogin(),
+      AuthorizationMiddleware.blockRestrictedUserFromProject,
+      AuthorizationMiddleware.ensureUserCanReadProject,
+      CollaboratorsController.getAllMembers
+    )
+
+    webRouter.post(
+      '/project/:Project_id/transfer-ownership',
+      AuthenticationController.requireLogin(),
+      validate({
+        params: Joi.object({
+          Project_id: Joi.objectId(),
+        }),
+        body: Joi.object({
+          user_id: Joi.objectId(),
+        }),
+      }),
+      AuthorizationMiddleware.ensureUserCanAdminProject,
+      CollaboratorsController.transferOwnership
+    )
+
+    // invites
+    webRouter.post(
+      '/project/:Project_id/invite',
+      RateLimiterMiddleware.rateLimit(rateLimiters.inviteToProjectByProjectId, {
+        params: ['Project_id'],
+      }),
+      RateLimiterMiddleware.rateLimit(rateLimiters.inviteToProjectByIp, {
+        ipOnly: true,
+      }),
+      CaptchaMiddleware.validateCaptcha('invite'),
+      AuthenticationController.requireLogin(),
+      validate({
+        body: Joi.object({
+          email: Joi.string().required(),
+          privileges: Joi.string()
+            .valid(
+              PrivilegeLevels.READ_ONLY,
+              PrivilegeLevels.READ_AND_WRITE,
+              PrivilegeLevels.REVIEW
+            )
+            .required(),
+        }),
+      }),
+      AuthorizationMiddleware.ensureUserCanAdminProject,
+      CollaboratorsInviteController.inviteToProject
+    )
+
+    webRouter.get(
+      '/project/:Project_id/invites',
+      AuthenticationController.requireLogin(),
+      AuthorizationMiddleware.ensureUserCanAdminProject,
+      CollaboratorsInviteController.getAllInvites
+    )
+
+    webRouter.delete(
+      '/project/:Project_id/invite/:invite_id',
+      AuthenticationController.requireLogin(),
+      AuthorizationMiddleware.ensureUserCanAdminProject,
+      CollaboratorsInviteController.revokeInvite
+    )
+
+    webRouter.post(
+      '/project/:Project_id/invite/:invite_id/resend',
+      RateLimiterMiddleware.rateLimit(rateLimiters.resendInvite, {
+        params: ['Project_id'],
+      }),
+      AuthenticationController.requireLogin(),
+      AuthorizationMiddleware.ensureUserCanAdminProject,
+      CollaboratorsInviteController.generateNewInvite
+    )
+
+    webRouter.get(
+      '/project/:Project_id/invite/token/:token',
+      AnalyticsRegistrationSourceMiddleware.setSource(
+        'collaboration',
+        'project-invite'
+      ),
+      RateLimiterMiddleware.rateLimit(rateLimiters.viewProjectInvite),
+      CollaboratorsInviteController.viewInvite,
+      AnalyticsRegistrationSourceMiddleware.clearSource()
+    )
+
+    webRouter.post(
+      '/project/:Project_id/invite/token/:token/accept',
+      AnalyticsRegistrationSourceMiddleware.setSource(
+        'collaboration',
+        'project-invite'
+      ),
+      AuthenticationController.requireLogin(),
+      CollaboratorsInviteController.acceptInvite,
+      AnalyticsRegistrationSourceMiddleware.clearSource()
+    )
+
+    webRouter.get(
+      '/project/:Project_id/tokens',
+      RateLimiterMiddleware.rateLimit(rateLimiters.getProjectTokens),
+      AuthorizationMiddleware.ensureUserCanReadProject,
+      CollaboratorsController.getShareTokens
+    )
+  },
+}
diff --git a/services/web/app/src/Features/Collaborators/OwnershipTransferHandler.js b/services/web/app/src/Features/Collaborators/OwnershipTransferHandler.js
new file mode 100644
index 0000000..82c9c37
--- /dev/null
+++ b/services/web/app/src/Features/Collaborators/OwnershipTransferHandler.js
@@ -0,0 +1,168 @@
+const logger = require('@overleaf/logger')
+const { Project } = require('../../models/Project')
+const ProjectGetter = require('../Project/ProjectGetter')
+const UserGetter = require('../User/UserGetter')
+const CollaboratorsHandler = require('./CollaboratorsHandler')
+const EmailHandler = require('../Email/EmailHandler')
+const Errors = require('../Errors/Errors')
+const PrivilegeLevels = require('../Authorization/PrivilegeLevels')
+const TpdsProjectFlusher = require('../ThirdPartyDataStore/TpdsProjectFlusher')
+const ProjectAuditLogHandler = require('../Project/ProjectAuditLogHandler')
+const AnalyticsManager = require('../Analytics/AnalyticsManager')
+
+module.exports = {
+  promises: { transferOwnership },
+}
+
+async function transferOwnership(projectId, newOwnerId, options = {}) {
+  const {
+    allowTransferToNonCollaborators,
+    sessionUserId,
+    skipEmails,
+    ipAddress,
+  } = options
+
+  // Fetch project and user
+  const [project, newOwner] = await Promise.all([
+    _getProject(projectId),
+    _getUser(newOwnerId),
+  ])
+
+  // Exit early if the transferee is already the project owner
+  const previousOwnerId = project.owner_ref
+  if (previousOwnerId.equals(newOwnerId)) {
+    return
+  }
+
+  // Check that user is already a collaborator
+  if (
+    !allowTransferToNonCollaborators &&
+    !_userIsCollaborator(newOwner, project)
+  ) {
+    throw new Errors.UserNotCollaboratorError({ info: { userId: newOwnerId } })
+  }
+
+  // Track the change of ownership in BigQuery.
+  AnalyticsManager.recordEventForUserInBackground(
+    previousOwnerId,
+    'project-ownership-transfer',
+    { projectId, newOwnerId }
+  )
+
+  // Transfer ownership
+  await ProjectAuditLogHandler.promises.addEntry(
+    projectId,
+    'transfer-ownership',
+    sessionUserId,
+    ipAddress,
+    { previousOwnerId, newOwnerId }
+  )
+
+  // Determine which permissions to give old owner based on
+  // new owner's existing permissions
+  const newPermissions =
+    _getUserPermissions(newOwner, project) || PrivilegeLevels.READ_ONLY
+
+  await _transferOwnership(
+    projectId,
+    previousOwnerId,
+    newOwnerId,
+    newPermissions
+  )
+
+  // Flush project to TPDS
+  await TpdsProjectFlusher.promises.flushProjectToTpds(projectId)
+
+  // Send confirmation emails
+  const previousOwner = await UserGetter.promises.getUser(previousOwnerId)
+  if (!skipEmails) {
+    await _sendEmails(project, previousOwner, newOwner)
+  }
+}
+
+async function _getProject(projectId) {
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    owner_ref: 1,
+    collaberator_refs: 1,
+    readOnly_refs: 1,
+    name: 1,
+  })
+  if (project == null) {
+    throw new Errors.ProjectNotFoundError({ info: { projectId } })
+  }
+  return project
+}
+
+async function _getUser(userId) {
+  const user = await UserGetter.promises.getUser(userId)
+  if (user == null) {
+    throw new Errors.UserNotFoundError({ info: { userId } })
+  }
+  return user
+}
+
+function _getUserPermissions(user, project) {
+  const collaboratorIds = project.collaberator_refs || []
+  const readOnlyIds = project.readOnly_refs || []
+  if (collaboratorIds.some(collaboratorId => collaboratorId.equals(user._id))) {
+    return PrivilegeLevels.READ_AND_WRITE
+  } else if (
+    readOnlyIds.some(collaboratorId => collaboratorId.equals(user._id))
+  ) {
+    return PrivilegeLevels.READ_ONLY
+  }
+}
+
+function _userIsCollaborator(user, project) {
+  return Boolean(_getUserPermissions(user, project))
+}
+
+async function _transferOwnership(
+  projectId,
+  previousOwnerId,
+  newOwnerId,
+  newPermissions
+) {
+  await CollaboratorsHandler.promises.removeUserFromProject(
+    projectId,
+    newOwnerId
+  )
+  await Project.updateOne(
+    { _id: projectId },
+    { $set: { owner_ref: newOwnerId } }
+  ).exec()
+  await CollaboratorsHandler.promises.addUserIdToProject(
+    projectId,
+    newOwnerId,
+    previousOwnerId,
+    newPermissions
+  )
+}
+
+async function _sendEmails(project, previousOwner, newOwner) {
+  if (previousOwner == null) {
+    // The previous owner didn't exist. This is not supposed to happen, but
+    // since we're changing the owner anyway, we'll just warn
+    logger.warn(
+      { projectId: project._id, ownerId: previousOwner._id },
+      'Project owner did not exist before ownership transfer'
+    )
+  } else {
+    // Send confirmation emails
+    await Promise.all([
+      EmailHandler.promises.sendEmail(
+        'ownershipTransferConfirmationPreviousOwner',
+        {
+          to: previousOwner.email,
+          project,
+          newOwner,
+        }
+      ),
+      EmailHandler.promises.sendEmail('ownershipTransferConfirmationNewOwner', {
+        to: newOwner.email,
+        project,
+        previousOwner,
+      }),
+    ])
+  }
+}
diff --git a/services/web/app/src/Features/Compile/ClsiCacheController.js b/services/web/app/src/Features/Compile/ClsiCacheController.js
new file mode 100644
index 0000000..9795fd3
--- /dev/null
+++ b/services/web/app/src/Features/Compile/ClsiCacheController.js
@@ -0,0 +1,193 @@
+const { NotFoundError } = require('../Errors/Errors')
+const {
+  fetchStreamWithResponse,
+  RequestFailedError,
+  fetchJson,
+} = require('@overleaf/fetch-utils')
+const Path = require('path')
+const { pipeline } = require('stream/promises')
+const logger = require('@overleaf/logger')
+const ClsiCacheManager = require('./ClsiCacheManager')
+const CompileController = require('./CompileController')
+const { expressify } = require('@overleaf/promise-utils')
+const ClsiCacheHandler = require('./ClsiCacheHandler')
+const ProjectGetter = require('../Project/ProjectGetter')
+
+/**
+ * Download a file from a specific build on the clsi-cache.
+ *
+ * @param req
+ * @param res
+ * @return {Promise<*>}
+ */
+async function downloadFromCache(req, res) {
+  const { Project_id: projectId, buildId, filename } = req.params
+  const userId = CompileController._getUserIdForCompile(req)
+  const signal = AbortSignal.timeout(60 * 1000)
+  let location, projectName
+  try {
+    ;[{ location }, { name: projectName }] = await Promise.all([
+      ClsiCacheHandler.getOutputFile(
+        projectId,
+        userId,
+        buildId,
+        filename,
+        signal
+      ),
+      ProjectGetter.promises.getProject(projectId, { name: 1 }),
+    ])
+  } catch (err) {
+    if (err instanceof NotFoundError) {
+      // res.sendStatus() sends a description of the status as body.
+      // Using res.status().end() avoids sending that fake body.
+      return res.status(404).end()
+    } else {
+      throw err
+    }
+  }
+
+  const { stream, response } = await fetchStreamWithResponse(location, {
+    signal,
+  })
+  if (req.destroyed) {
+    // The client has disconnected already, avoid trying to write into the broken connection.
+    return
+  }
+
+  for (const key of ['Content-Length', 'Content-Type']) {
+    if (response.headers.has(key)) res.setHeader(key, response.headers.get(key))
+  }
+  const ext = Path.extname(filename)
+  res.attachment(
+    ext === '.pdf'
+      ? `${CompileController._getSafeProjectName({ name: projectName })}.pdf`
+      : filename
+  )
+  try {
+    res.writeHead(response.status)
+    await pipeline(stream, res)
+  } catch (err) {
+    const reqAborted = Boolean(req.destroyed)
+    const streamingStarted = Boolean(res.headersSent)
+    if (!streamingStarted) {
+      if (err instanceof RequestFailedError) {
+        res.sendStatus(err.response.status)
+      } else {
+        res.sendStatus(500)
+      }
+    }
+    if (
+      streamingStarted &&
+      reqAborted &&
+      err.code === 'ERR_STREAM_PREMATURE_CLOSE'
+    ) {
+      // Ignore noisy spurious error
+      return
+    }
+    logger.warn(
+      {
+        err,
+        projectId,
+        location,
+        filename,
+        reqAborted,
+        streamingStarted,
+      },
+      'CLSI-cache proxy error'
+    )
+  }
+}
+
+/**
+ * Prepare a compile response from the clsi-cache.
+ *
+ * @param req
+ * @param res
+ * @return {Promise<void>}
+ */
+async function getLatestBuildFromCache(req, res) {
+  const { Project_id: projectId } = req.params
+  const userId = CompileController._getUserIdForCompile(req)
+  try {
+    const {
+      internal: { location: metaLocation, zone },
+      external: { isUpToDate, allFiles },
+    } = await ClsiCacheManager.getLatestBuildFromCache(
+      projectId,
+      userId,
+      'output.overleaf.json'
+    )
+
+    if (!isUpToDate) return res.sendStatus(410)
+
+    const meta = await fetchJson(metaLocation, {
+      signal: AbortSignal.timeout(5 * 1000),
+    })
+
+    const [, editorId, buildId] = metaLocation.match(
+      /\/build\/([a-f0-9-]+?)-([a-f0-9]+-[a-f0-9]+)\//
+    )
+
+    let baseURL = `/project/${projectId}`
+    if (userId) {
+      baseURL += `/user/${userId}`
+    }
+
+    const { ranges, contentId, clsiServerId, compileGroup, size, options } =
+      meta
+
+    const outputFiles = allFiles
+      .filter(
+        path => path !== 'output.overleaf.json' && path !== 'output.tar.gz'
+      )
+      .map(path => {
+        const f = {
+          url: `${baseURL}/build/${editorId}-${buildId}/output/${path}`,
+          downloadURL: `/download/project/${projectId}/build/${editorId}-${buildId}/output/cached/${path}`,
+          build: buildId,
+          path,
+          type: path.split('.').pop(),
+        }
+        if (path === 'output.pdf') {
+          Object.assign(f, {
+            size,
+            editorId,
+          })
+          if (clsiServerId !== 'cache') {
+            // Enable PDF caching and attempt to download from VM first.
+            // (clsi VMs do not have the editorId in the path on disk, omit it).
+            Object.assign(f, {
+              url: `${baseURL}/build/${buildId}/output/output.pdf`,
+              ranges,
+              contentId,
+            })
+          }
+        }
+        return f
+      })
+    let { pdfCachingMinChunkSize, pdfDownloadDomain } =
+      await CompileController._getSplitTestOptions(req, res)
+    pdfDownloadDomain += `/zone/${zone}`
+    res.json({
+      fromCache: true,
+      status: 'success',
+      outputFiles,
+      compileGroup,
+      clsiServerId,
+      pdfDownloadDomain,
+      pdfCachingMinChunkSize,
+      options,
+    })
+  } catch (err) {
+    if (err instanceof NotFoundError) {
+      res.sendStatus(404)
+    } else {
+      throw err
+    }
+  }
+}
+
+module.exports = {
+  downloadFromCache: expressify(downloadFromCache),
+  getLatestBuildFromCache: expressify(getLatestBuildFromCache),
+}
diff --git a/services/web/app/src/Features/Compile/ClsiCacheHandler.js b/services/web/app/src/Features/Compile/ClsiCacheHandler.js
new file mode 100644
index 0000000..14c742d
--- /dev/null
+++ b/services/web/app/src/Features/Compile/ClsiCacheHandler.js
@@ -0,0 +1,217 @@
+const _ = require('lodash')
+const {
+  fetchNothing,
+  fetchRedirectWithResponse,
+  RequestFailedError,
+} = require('@overleaf/fetch-utils')
+const logger = require('@overleaf/logger')
+const Settings = require('@overleaf/settings')
+const OError = require('@overleaf/o-error')
+const { NotFoundError, InvalidNameError } = require('../Errors/Errors')
+
+function validateFilename(filename) {
+  if (
+    ![
+      'output.blg',
+      'output.log',
+      'output.pdf',
+      'output.synctex.gz',
+      'output.overleaf.json',
+      'output.tar.gz',
+    ].includes(filename) ||
+    filename.endsWith('.blg')
+  ) {
+    throw new InvalidNameError('bad filename')
+  }
+}
+
+/**
+ * Clear the cache on all clsi-cache instances.
+ *
+ * @param projectId
+ * @param userId
+ * @return {Promise<void>}
+ */
+async function clearCache(projectId, userId) {
+  let path = `/project/${projectId}`
+  if (userId) {
+    path += `/user/${userId}`
+  }
+  path += '/output'
+
+  await Promise.all(
+    Settings.apis.clsiCache.instances.map(async ({ url, zone }) => {
+      const u = new URL(url)
+      u.pathname = path
+      try {
+        await fetchNothing(u, {
+          method: 'DELETE',
+          signal: AbortSignal.timeout(15_000),
+        })
+      } catch (err) {
+        throw OError.tag(err, 'clear clsi-cache', { url, zone })
+      }
+    })
+  )
+}
+
+/**
+ * Get an output file from a specific build.
+ *
+ * @param projectId
+ * @param userId
+ * @param buildId
+ * @param filename
+ * @param signal
+ * @return {Promise<{size: number, zone: string, location: string, lastModified: Date, allFiles: string[]}>}
+ */
+async function getOutputFile(
+  projectId,
+  userId,
+  buildId,
+  filename,
+  signal = AbortSignal.timeout(15_000)
+) {
+  validateFilename(filename)
+  if (!/^[a-f0-9-]+$/.test(buildId)) {
+    throw new InvalidNameError('bad buildId')
+  }
+
+  let path = `/project/${projectId}`
+  if (userId) {
+    path += `/user/${userId}`
+  }
+  path += `/build/${buildId}/search/output/${filename}`
+  return getRedirectWithFallback(projectId, userId, path, signal)
+}
+
+/**
+ * Get an output file from the most recent build.
+ *
+ * @param projectId
+ * @param userId
+ * @param filename
+ * @param signal
+ * @return {Promise<{size: number, zone: string, location: string, lastModified: Date, allFiles: string[]}>}
+ */
+async function getLatestOutputFile(
+  projectId,
+  userId,
+  filename,
+  signal = AbortSignal.timeout(15_000)
+) {
+  validateFilename(filename)
+
+  let path = `/project/${projectId}`
+  if (userId) {
+    path += `/user/${userId}`
+  }
+  path += `/latest/output/${filename}`
+  return getRedirectWithFallback(projectId, userId, path, signal)
+}
+
+/**
+ * Request the given path from any of the clsi-cache instances.
+ *
+ * Some of them might be down temporarily. Try the next one until we receive a redirect or 404.
+ *
+ * This function is similar to the Coordinator in the clsi-cache, notable differences:
+ * - all the logic for sorting builds is in clsi-cache (re-used by clsi and web)
+ * - fan-out (1 client performs lookup on many clsi-cache instances) is "central" in clsi-cache, resulting in better connection re-use
+ * - we only cross the k8s cluster boundary via an internal GCLB once ($$$)
+ *
+ * @param projectId
+ * @param userId
+ * @param path
+ * @param signal
+ * @return {Promise<{size: number, zone: string, location: string, lastModified: Date, allFiles: string[]}>}
+ */
+async function getRedirectWithFallback(
+  projectId,
+  userId,
+  path,
+  signal = AbortSignal.timeout(15_000)
+) {
+  // Avoid hitting the same instance first all the time.
+  const instances = _.shuffle(Settings.apis.clsiCache.instances)
+  for (const { url, zone } of instances) {
+    const u = new URL(url)
+    u.pathname = path
+    try {
+      const {
+        location,
+        response: { headers },
+      } = await fetchRedirectWithResponse(u, {
+        signal,
+      })
+      // Success, return the cache entry.
+      return {
+        location,
+        zone: headers.get('X-Zone'),
+        lastModified: new Date(headers.get('X-Last-Modified')),
+        size: parseInt(headers.get('X-Content-Length'), 10),
+        allFiles: JSON.parse(headers.get('X-All-Files')),
+      }
+    } catch (err) {
+      if (err instanceof RequestFailedError && err.response.status === 404) {
+        break // No clsi-cache instance has cached something for this project/user.
+      }
+      logger.warn(
+        { err, projectId, userId, url, zone },
+        'getLatestOutputFile from clsi-cache failed'
+      )
+      // This clsi-cache instance is down, try the next backend.
+    }
+  }
+  throw new NotFoundError('nothing cached yet')
+}
+
+/**
+ * Populate the clsi-cache for the given project/user with the provided source
+ *
+ * This is either another project, or a template (id+version).
+ *
+ * @param projectId
+ * @param userId
+ * @param sourceProjectId
+ * @param templateId
+ * @param templateVersionId
+ * @param lastUpdated
+ * @param zone
+ * @param signal
+ * @return {Promise<void>}
+ */
+async function prepareCacheSource(
+  projectId,
+  userId,
+  { sourceProjectId, templateId, templateVersionId, lastUpdated, zone, signal }
+) {
+  const url = new URL(
+    `/project/${projectId}/user/${userId}/import-from`,
+    Settings.apis.clsiCache.instances.find(i => i.zone === zone).url
+  )
+  try {
+    await fetchNothing(url, {
+      method: 'POST',
+      json: {
+        sourceProjectId,
+        lastUpdated,
+        templateId,
+        templateVersionId,
+      },
+      signal,
+    })
+  } catch (err) {
+    if (err instanceof RequestFailedError && err.response.status === 404) {
+      throw new NotFoundError()
+    }
+    throw err
+  }
+}
+
+module.exports = {
+  clearCache,
+  getOutputFile,
+  getLatestOutputFile,
+  prepareCacheSource,
+}
diff --git a/services/web/app/src/Features/Compile/ClsiCacheManager.js b/services/web/app/src/Features/Compile/ClsiCacheManager.js
new file mode 100644
index 0000000..1090b9f
--- /dev/null
+++ b/services/web/app/src/Features/Compile/ClsiCacheManager.js
@@ -0,0 +1,106 @@
+const { NotFoundError } = require('../Errors/Errors')
+const ClsiCacheHandler = require('./ClsiCacheHandler')
+const DocumentUpdaterHandler = require('../DocumentUpdater/DocumentUpdaterHandler')
+const ProjectGetter = require('../Project/ProjectGetter')
+const SplitTestHandler = require('../SplitTests/SplitTestHandler')
+
+/**
+ * Get the most recent build and metadata
+ *
+ * Internal: internal metadata; External: fine to send to user as-is.
+ *
+ * @param projectId
+ * @param userId
+ * @param filename
+ * @param signal
+ * @return {Promise<{internal: {zone: string, location: string}, external: {isUpToDate: boolean, lastUpdated: Date, size: number, allFiles: string[]}}>}
+ */
+async function getLatestBuildFromCache(projectId, userId, filename, signal) {
+  const [
+    { location, lastModified: lastCompiled, zone, size, allFiles },
+    lastUpdatedInRedis,
+    { lastUpdated: lastUpdatedInMongo },
+  ] = await Promise.all([
+    ClsiCacheHandler.getLatestOutputFile(projectId, userId, filename, signal),
+    DocumentUpdaterHandler.promises.getProjectLastUpdatedAt(projectId),
+    ProjectGetter.promises.getProject(projectId, { lastUpdated: 1 }),
+  ])
+
+  const lastUpdated =
+    lastUpdatedInRedis > lastUpdatedInMongo
+      ? lastUpdatedInRedis
+      : lastUpdatedInMongo
+  const isUpToDate = lastCompiled >= lastUpdated
+
+  return {
+    internal: {
+      location,
+      zone,
+    },
+    external: {
+      isUpToDate,
+      lastUpdated,
+      size,
+      allFiles,
+    },
+  }
+}
+
+/**
+ * Collect metadata and prepare the clsi-cache for the given project.
+ *
+ * @param projectId
+ * @param userId
+ * @param sourceProjectId
+ * @param templateId
+ * @param templateVersionId
+ * @return {Promise<void>}
+ */
+async function prepareClsiCache(
+  projectId,
+  userId,
+  { sourceProjectId, templateId, templateVersionId }
+) {
+  const { variant } = await SplitTestHandler.promises.getAssignmentForUser(
+    userId,
+    'copy-clsi-cache'
+  )
+  if (variant !== 'enabled') return
+  const signal = AbortSignal.timeout(5_000)
+  let lastUpdated
+  let zone = 'b' // populate template data on zone b
+  if (sourceProjectId) {
+    try {
+      ;({
+        internal: { zone },
+        external: { lastUpdated },
+      } = await getLatestBuildFromCache(
+        sourceProjectId,
+        userId,
+        'output.tar.gz',
+        signal
+      ))
+    } catch (err) {
+      if (err instanceof NotFoundError) return // nothing cached yet
+      throw err
+    }
+  }
+  try {
+    await ClsiCacheHandler.prepareCacheSource(projectId, userId, {
+      sourceProjectId,
+      templateId,
+      templateVersionId,
+      zone,
+      lastUpdated,
+      signal,
+    })
+  } catch (err) {
+    if (err instanceof NotFoundError) return // nothing cached yet/expired.
+    throw err
+  }
+}
+
+module.exports = {
+  getLatestBuildFromCache,
+  prepareClsiCache,
+}
diff --git a/services/web/app/src/Features/Compile/ClsiCookieManager.js b/services/web/app/src/Features/Compile/ClsiCookieManager.js
new file mode 100644
index 0000000..fc542fe
--- /dev/null
+++ b/services/web/app/src/Features/Compile/ClsiCookieManager.js
@@ -0,0 +1,250 @@
+const { URL, URLSearchParams } = require('url')
+const OError = require('@overleaf/o-error')
+const Settings = require('@overleaf/settings')
+const request = require('request').defaults({ timeout: 30 * 1000 })
+const RedisWrapper = require('../../infrastructure/RedisWrapper')
+const Cookie = require('cookie')
+const logger = require('@overleaf/logger')
+const Metrics = require('@overleaf/metrics')
+const { promisifyAll } = require('@overleaf/promise-utils')
+
+const clsiCookiesEnabled = (Settings.clsiCookie?.key ?? '') !== ''
+
+const rclient = RedisWrapper.client('clsi_cookie')
+let rclientSecondary
+if (Settings.redis.clsi_cookie_secondary != null) {
+  rclientSecondary = RedisWrapper.client('clsi_cookie_secondary')
+}
+
+module.exports = function (backendGroup) {
+  const cookieManager = {
+    buildKey(projectId, userId) {
+      if (backendGroup != null) {
+        return `clsiserver:${backendGroup}:${projectId}:${userId}`
+      } else {
+        return `clsiserver:${projectId}:${userId}`
+      }
+    },
+
+    getServerId(
+      projectId,
+      userId,
+      compileGroup,
+      compileBackendClass,
+      callback
+    ) {
+      if (!clsiCookiesEnabled) {
+        return callback()
+      }
+      rclient.get(this.buildKey(projectId, userId), (err, serverId) => {
+        if (err) {
+          return callback(err)
+        }
+        if (serverId == null || serverId === '') {
+          this._populateServerIdViaRequest(
+            projectId,
+            userId,
+            compileGroup,
+            compileBackendClass,
+            callback
+          )
+        } else {
+          callback(null, serverId)
+        }
+      })
+    },
+
+    _populateServerIdViaRequest(
+      projectId,
+      userId,
+      compileGroup,
+      compileBackendClass,
+      callback
+    ) {
+      const u = new URL(`${Settings.apis.clsi.url}/project/${projectId}/status`)
+      u.search = new URLSearchParams({
+        compileGroup,
+        compileBackendClass,
+      }).toString()
+      request.post(u.href, (err, res, body) => {
+        if (err) {
+          OError.tag(err, 'error getting initial server id for project', {
+            project_id: projectId,
+          })
+          return callback(err)
+        }
+        if (!clsiCookiesEnabled) {
+          return callback()
+        }
+        const serverId = this._parseServerIdFromResponse(res)
+        this.setServerId(
+          projectId,
+          userId,
+          compileGroup,
+          compileBackendClass,
+          serverId,
+          null,
+          function (err) {
+            if (err) {
+              logger.warn(
+                { err, projectId },
+                'error setting server id via populate request'
+              )
+            }
+            callback(err, serverId)
+          }
+        )
+      })
+    },
+
+    _parseServerIdFromResponse(response) {
+      const cookies = Cookie.parse(response.headers['set-cookie']?.[0] || '')
+      return cookies?.[Settings.clsiCookie.key]
+    },
+
+    checkIsLoadSheddingEvent(clsiserverid, compileGroup, compileBackendClass) {
+      request.get(
+        {
+          url: `${Settings.apis.clsi.url}/instance-state`,
+          qs: { clsiserverid, compileGroup, compileBackendClass },
+        },
+        (err, res, body) => {
+          if (err) {
+            Metrics.inc('clsi-lb-switch-backend', 1, {
+              status: 'error',
+            })
+            logger.warn({ err, clsiserverid }, 'cannot probe clsi VM')
+            return
+          }
+          const isStillRunning =
+            res.statusCode === 200 && body === `${clsiserverid},UP\n`
+          Metrics.inc('clsi-lb-switch-backend', 1, {
+            status: isStillRunning ? 'load-shedding' : 'cycle',
+          })
+        }
+      )
+    },
+
+    _getTTLInSeconds(clsiServerId) {
+      return (clsiServerId || '').includes('-reg-')
+        ? Settings.clsiCookie.ttlInSecondsRegular
+        : Settings.clsiCookie.ttlInSeconds
+    },
+
+    setServerId(
+      projectId,
+      userId,
+      compileGroup,
+      compileBackendClass,
+      serverId,
+      previous,
+      callback
+    ) {
+      if (!clsiCookiesEnabled) {
+        return callback()
+      }
+      if (serverId == null) {
+        // We don't get a cookie back if it hasn't changed
+        return rclient.expire(
+          this.buildKey(projectId, userId),
+          this._getTTLInSeconds(previous),
+          err => callback(err)
+        )
+      }
+      if (!previous) {
+        // Initial assignment of a user+project or after clearing cache.
+        Metrics.inc('clsi-lb-assign-initial-backend')
+      } else {
+        this.checkIsLoadSheddingEvent(
+          previous,
+          compileGroup,
+          compileBackendClass
+        )
+      }
+      if (rclientSecondary != null) {
+        this._setServerIdInRedis(
+          rclientSecondary,
+          projectId,
+          userId,
+          serverId,
+          () => {}
+        )
+      }
+      this._setServerIdInRedis(rclient, projectId, userId, serverId, err =>
+        callback(err)
+      )
+    },
+
+    _setServerIdInRedis(rclient, projectId, userId, serverId, callback) {
+      rclient.setex(
+        this.buildKey(projectId, userId),
+        this._getTTLInSeconds(serverId),
+        serverId,
+        callback
+      )
+    },
+
+    clearServerId(projectId, userId, callback) {
+      if (!clsiCookiesEnabled) {
+        return callback()
+      }
+      rclient.del(this.buildKey(projectId, userId), err => {
+        if (err) {
+          // redis errors need wrapping as the instance may be shared
+          return callback(
+            new OError(
+              'Failed to clear clsi persistence',
+              { projectId, userId },
+              err
+            )
+          )
+        } else {
+          return callback()
+        }
+      })
+    },
+
+    getCookieJar(
+      projectId,
+      userId,
+      compileGroup,
+      compileBackendClass,
+      callback
+    ) {
+      if (!clsiCookiesEnabled) {
+        return callback(null, request.jar(), undefined)
+      }
+      this.getServerId(
+        projectId,
+        userId,
+        compileGroup,
+        compileBackendClass,
+        (err, serverId) => {
+          if (err != null) {
+            OError.tag(err, 'error getting server id', {
+              project_id: projectId,
+            })
+            return callback(err)
+          }
+          const serverCookie = request.cookie(
+            `${Settings.clsiCookie.key}=${serverId}`
+          )
+          const jar = request.jar()
+          jar.setCookie(serverCookie, Settings.apis.clsi.url)
+          callback(null, jar, serverId)
+        }
+      )
+    },
+  }
+  cookieManager.promises = promisifyAll(cookieManager, {
+    without: [
+      '_parseServerIdFromResponse',
+      'checkIsLoadSheddingEvent',
+      '_getTTLInSeconds',
+    ],
+    multiResult: {
+      getCookieJar: ['jar', 'clsiServerId'],
+    },
+  })
+  return cookieManager
+}
diff --git a/services/web/app/src/Features/Compile/ClsiFormatChecker.js b/services/web/app/src/Features/Compile/ClsiFormatChecker.js
new file mode 100644
index 0000000..1828f2f
--- /dev/null
+++ b/services/web/app/src/Features/Compile/ClsiFormatChecker.js
@@ -0,0 +1,89 @@
+/* eslint-disable
+    max-len,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let ClsiFormatChecker
+const _ = require('lodash')
+const async = require('async')
+const settings = require('@overleaf/settings')
+const { promisifyAll } = require('@overleaf/promise-utils')
+
+module.exports = ClsiFormatChecker = {
+  checkRecoursesForProblems(resources, callback) {
+    const jobs = {
+      conflictedPaths(cb) {
+        return ClsiFormatChecker._checkForConflictingPaths(resources, cb)
+      },
+
+      sizeCheck(cb) {
+        return ClsiFormatChecker._checkDocsAreUnderSizeLimit(resources, cb)
+      },
+    }
+
+    return async.series(jobs, function (err, problems) {
+      if (err != null) {
+        return callback(err)
+      }
+
+      problems = _.omitBy(problems, _.isEmpty)
+
+      if (_.isEmpty(problems)) {
+        return callback()
+      } else {
+        return callback(null, problems)
+      }
+    })
+  },
+
+  _checkForConflictingPaths(resources, callback) {
+    const paths = resources.map(resource => resource.path)
+
+    const conflicts = _.filter(paths, function (path) {
+      const matchingPaths = _.filter(
+        paths,
+        checkPath => checkPath.indexOf(path + '/') !== -1
+      )
+
+      return matchingPaths.length > 0
+    })
+
+    const conflictObjects = conflicts.map(conflict => ({ path: conflict }))
+
+    return callback(null, conflictObjects)
+  },
+
+  _checkDocsAreUnderSizeLimit(resources, callback) {
+    const sizeLimit = 1000 * 1000 * settings.compileBodySizeLimitMb
+
+    let totalSize = 0
+
+    let sizedResources = resources.map(function (resource) {
+      const result = { path: resource.path }
+      if (resource.content != null) {
+        result.size = resource.content.replace(/\n/g, '').length
+        result.kbSize = Math.ceil(result.size / 1000)
+      } else {
+        result.size = 0
+      }
+      totalSize += result.size
+      return result
+    })
+
+    const tooLarge = totalSize > sizeLimit
+    if (!tooLarge) {
+      return callback()
+    } else {
+      sizedResources = _.sortBy(sizedResources, 'size').reverse().slice(0, 10)
+      return callback(null, { resources: sizedResources, totalSize })
+    }
+  },
+}
+
+module.exports.promises = promisifyAll(module.exports)
diff --git a/services/web/app/src/Features/Compile/ClsiManager.js b/services/web/app/src/Features/Compile/ClsiManager.js
new file mode 100644
index 0000000..021f102
--- /dev/null
+++ b/services/web/app/src/Features/Compile/ClsiManager.js
@@ -0,0 +1,873 @@
+const { callbackify } = require('util')
+const { callbackifyMultiResult } = require('@overleaf/promise-utils')
+const {
+  fetchString,
+  fetchStringWithResponse,
+  fetchStream,
+  RequestFailedError,
+} = require('@overleaf/fetch-utils')
+const Settings = require('@overleaf/settings')
+const ProjectGetter = require('../Project/ProjectGetter')
+const ProjectEntityHandler = require('../Project/ProjectEntityHandler')
+const logger = require('@overleaf/logger')
+const OError = require('@overleaf/o-error')
+const { Cookie } = require('tough-cookie')
+const ClsiCookieManager = require('./ClsiCookieManager')(
+  Settings.apis.clsi?.backendGroupName
+)
+const Features = require('../../infrastructure/Features')
+const NewBackendCloudClsiCookieManager = require('./ClsiCookieManager')(
+  Settings.apis.clsi_new?.backendGroupName
+)
+const ClsiStateManager = require('./ClsiStateManager')
+const _ = require('lodash')
+const ClsiFormatChecker = require('./ClsiFormatChecker')
+const DocumentUpdaterHandler = require('../DocumentUpdater/DocumentUpdaterHandler')
+const Metrics = require('@overleaf/metrics')
+const Errors = require('../Errors/Errors')
+const ClsiCacheHandler = require('./ClsiCacheHandler')
+const { getBlobLocation } = require('../History/HistoryManager')
+
+const VALID_COMPILERS = ['pdflatex', 'latex', 'xelatex', 'lualatex']
+const OUTPUT_FILE_TIMEOUT_MS = 60000
+const CLSI_COOKIES_ENABLED = (Settings.clsiCookie?.key ?? '') !== ''
+
+// The timeout in services/clsi/app.js is 10 minutes, so we'll be on the safe side with 12 minutes
+const COMPILE_REQUEST_TIMEOUT_MS = 12 * 60 * 1000
+
+function collectMetricsOnBlgFiles(outputFiles) {
+  let topLevel = 0
+  let nested = 0
+  for (const outputFile of outputFiles) {
+    if (outputFile.type === 'blg') {
+      if (outputFile.path.includes('/')) {
+        nested++
+      } else {
+        topLevel++
+      }
+    }
+  }
+  Metrics.count('blg_output_file', topLevel, 1, { path: 'top-level' })
+  Metrics.count('blg_output_file', nested, 1, { path: 'nested' })
+}
+
+async function sendRequest(projectId, userId, options) {
+  if (options == null) {
+    options = {}
+  }
+  let result = await sendRequestOnce(projectId, userId, options)
+  if (result.status === 'conflict') {
+    // Try again, with a full compile
+    result = await sendRequestOnce(projectId, userId, {
+      ...options,
+      syncType: 'full',
+    })
+  } else if (result.status === 'unavailable') {
+    result = await sendRequestOnce(projectId, userId, {
+      ...options,
+      syncType: 'full',
+      forceNewClsiServer: true,
+    })
+  }
+  return result
+}
+
+async function sendRequestOnce(projectId, userId, options) {
+  let req
+  try {
+    req = await _buildRequest(projectId, options)
+  } catch (err) {
+    if (err.message === 'no main file specified') {
+      return {
+        status: 'validation-problems',
+        validationProblems: { mainFile: err.message },
+      }
+    } else {
+      throw OError.tag(err, 'Could not build request to CLSI', {
+        projectId,
+        options,
+      })
+    }
+  }
+  return await _sendBuiltRequest(projectId, userId, req, options)
+}
+
+// for public API requests where there is no project id
+async function sendExternalRequest(submissionId, clsiRequest, options) {
+  if (options == null) {
+    options = {}
+  }
+  return await _sendBuiltRequest(submissionId, null, clsiRequest, options)
+}
+
+async function stopCompile(projectId, userId, options) {
+  if (options == null) {
+    options = {}
+  }
+  const { compileBackendClass, compileGroup } = options
+  const url = _getCompilerUrl(
+    compileBackendClass,
+    compileGroup,
+    projectId,
+    userId,
+    'compile/stop'
+  )
+  const opts = { method: 'POST' }
+  await _makeRequest(
+    projectId,
+    userId,
+    compileGroup,
+    compileBackendClass,
+    url,
+    opts
+  )
+}
+
+async function deleteAuxFiles(projectId, userId, options, clsiserverid) {
+  if (options == null) {
+    options = {}
+  }
+  const { compileBackendClass, compileGroup } = options
+  const url = _getCompilerUrl(
+    compileBackendClass,
+    compileGroup,
+    projectId,
+    userId
+  )
+  const opts = {
+    method: 'DELETE',
+  }
+
+  try {
+    await _makeRequestWithClsiServerId(
+      projectId,
+      userId,
+      compileGroup,
+      compileBackendClass,
+      url,
+      opts,
+      clsiserverid
+    )
+  } finally {
+    // always clear the clsi-cache
+    try {
+      await ClsiCacheHandler.clearCache(projectId, userId)
+    } catch (err) {
+      logger.warn({ err, projectId, userId }, 'purge clsi-cache failed')
+    }
+
+    // always clear the project state from the docupdater, even if there
+    // was a problem with the request to the clsi
+    try {
+      await DocumentUpdaterHandler.promises.clearProjectState(projectId)
+    } finally {
+      await ClsiCookieManager.promises.clearServerId(projectId, userId)
+    }
+  }
+}
+
+async function _sendBuiltRequest(projectId, userId, req, options, callback) {
+  if (options.forceNewClsiServer) {
+    await ClsiCookieManager.promises.clearServerId(projectId, userId)
+  }
+  const validationProblems =
+    await ClsiFormatChecker.promises.checkRecoursesForProblems(
+      req.compile?.resources
+    )
+  if (validationProblems != null) {
+    logger.debug(
+      { projectId, validationProblems },
+      'problems with users latex before compile was attempted'
+    )
+    return {
+      status: 'validation-problems',
+      validationProblems,
+    }
+  }
+
+  const { response, clsiServerId } = await _postToClsi(
+    projectId,
+    userId,
+    req,
+    options.compileBackendClass,
+    options.compileGroup
+  )
+
+  const outputFiles = _parseOutputFiles(
+    projectId,
+    response && response.compile && response.compile.outputFiles
+  )
+  collectMetricsOnBlgFiles(outputFiles)
+  const compile = response?.compile || {}
+  return {
+    status: compile.status,
+    outputFiles,
+    clsiServerId,
+    buildId: compile.buildId,
+    stats: compile.stats,
+    timings: compile.timings,
+    outputUrlPrefix: compile.outputUrlPrefix,
+  }
+}
+
+async function _makeRequestWithClsiServerId(
+  projectId,
+  userId,
+  compileGroup,
+  compileBackendClass,
+  url,
+  opts,
+  clsiserverid
+) {
+  if (clsiserverid) {
+    // ignore cookies and newBackend, go straight to the clsi node
+    url.searchParams.set('compileGroup', compileGroup)
+    url.searchParams.set('compileBackendClass', compileBackendClass)
+    url.searchParams.set('clsiserverid', clsiserverid)
+
+    let body
+    try {
+      body = await fetchString(url, opts)
+    } catch (err) {
+      throw OError.tag(err, 'error making request to CLSI', {
+        userId,
+        projectId,
+      })
+    }
+
+    let json
+    try {
+      json = JSON.parse(body)
+    } catch (err) {
+      // some responses are empty. Ignore JSON parsing errors.
+    }
+
+    return { body: json }
+  } else {
+    return await _makeRequest(
+      projectId,
+      userId,
+      compileGroup,
+      compileBackendClass,
+      url,
+      opts
+    )
+  }
+}
+
+async function _makeRequest(
+  projectId,
+  userId,
+  compileGroup,
+  compileBackendClass,
+  url,
+  opts
+) {
+  const currentBackendStartTime = new Date()
+  const clsiServerId = await ClsiCookieManager.promises.getServerId(
+    projectId,
+    userId,
+    compileGroup,
+    compileBackendClass
+  )
+  opts.headers = {
+    Accept: 'application/json',
+    'Content-Type': 'application/json',
+  }
+
+  if (CLSI_COOKIES_ENABLED) {
+    const cookie = new Cookie({
+      key: Settings.clsiCookie.key,
+      value: clsiServerId,
+    })
+    opts.headers.Cookie = cookie.cookieString()
+  }
+
+  const timer = new Metrics.Timer('compile.currentBackend')
+
+  let response, body
+  try {
+    ;({ body, response } = await fetchStringWithResponse(url, opts))
+  } catch (err) {
+    throw OError.tag(err, 'error making request to CLSI', {
+      projectId,
+      userId,
+    })
+  }
+
+  Metrics.inc(`compile.currentBackend.response.${response.status}`)
+
+  let json
+  try {
+    json = JSON.parse(body)
+  } catch (err) {
+    // some responses are empty. Ignore JSON parsing errors
+  }
+
+  timer.done()
+  let newClsiServerId
+  if (CLSI_COOKIES_ENABLED) {
+    newClsiServerId = _getClsiServerIdFromResponse(response)
+    await ClsiCookieManager.promises.setServerId(
+      projectId,
+      userId,
+      compileGroup,
+      compileBackendClass,
+      newClsiServerId,
+      clsiServerId
+    )
+  }
+  const currentCompileTime = new Date() - currentBackendStartTime
+
+  // Start new backend request in the background
+  const newBackendStartTime = new Date()
+  _makeNewBackendRequest(
+    projectId,
+    userId,
+    compileGroup,
+    compileBackendClass,
+    url,
+    opts
+  )
+    .then(result => {
+      if (result == null) {
+        return
+      }
+      const { response: newBackendResponse } = result
+      Metrics.inc(`compile.newBackend.response.${newBackendResponse.status}`)
+      const newBackendCompileTime = new Date() - newBackendStartTime
+      const currentStatusCode = response.status
+      const newStatusCode = newBackendResponse.status
+      const statusCodeSame = newStatusCode === currentStatusCode
+      const timeDifference = newBackendCompileTime - currentCompileTime
+      logger.debug(
+        {
+          statusCodeSame,
+          timeDifference,
+          currentCompileTime,
+          newBackendCompileTime,
+          projectId,
+        },
+        'both clsi requests returned'
+      )
+    })
+    .catch(err => {
+      logger.warn({ err }, 'Error making request to new CLSI backend')
+    })
+
+  return {
+    body: json,
+    clsiServerId: newClsiServerId || clsiServerId,
+  }
+}
+
+async function _makeNewBackendRequest(
+  projectId,
+  userId,
+  compileGroup,
+  compileBackendClass,
+  url,
+  opts
+) {
+  if (Settings.apis.clsi_new?.url == null) {
+    return null
+  }
+  url = url
+    .toString()
+    .replace(Settings.apis.clsi.url, Settings.apis.clsi_new.url)
+
+  const clsiServerId =
+    await NewBackendCloudClsiCookieManager.promises.getServerId(
+      projectId,
+      userId,
+      compileGroup,
+      compileBackendClass
+    )
+  opts.headers = {
+    Accept: 'application/json',
+    'Content-Type': 'application/json',
+  }
+
+  if (CLSI_COOKIES_ENABLED) {
+    const cookie = new Cookie({
+      key: Settings.clsiCookie.key,
+      value: clsiServerId,
+    })
+    opts.headers.Cookie = cookie.cookieString()
+  }
+
+  const timer = new Metrics.Timer('compile.newBackend')
+
+  let response, body
+  try {
+    ;({ body, response } = await fetchStringWithResponse(url, opts))
+  } catch (err) {
+    throw OError.tag(err, 'error making request to new CLSI', {
+      userId,
+      projectId,
+    })
+  }
+
+  let json
+  try {
+    json = JSON.parse(body)
+  } catch (err) {
+    // Some responses are empty. Ignore JSON parsing errors
+  }
+  timer.done()
+  if (CLSI_COOKIES_ENABLED) {
+    const newClsiServerId = _getClsiServerIdFromResponse(response)
+    await NewBackendCloudClsiCookieManager.promises.setServerId(
+      projectId,
+      userId,
+      compileGroup,
+      compileBackendClass,
+      newClsiServerId,
+      clsiServerId
+    )
+  }
+  return { response, body: json }
+}
+
+function _getCompilerUrl(
+  compileBackendClass,
+  compileGroup,
+  projectId,
+  userId,
+  action
+) {
+  const u = new URL(`/project/${projectId}`, Settings.apis.clsi.url)
+  if (userId != null) {
+    u.pathname += `/user/${userId}`
+  }
+  if (action != null) {
+    u.pathname += `/${action}`
+  }
+  u.searchParams.set('compileBackendClass', compileBackendClass)
+  u.searchParams.set('compileGroup', compileGroup)
+  return u
+}
+
+async function _postToClsi(
+  projectId,
+  userId,
+  req,
+  compileBackendClass,
+  compileGroup
+) {
+  const url = _getCompilerUrl(
+    compileBackendClass,
+    compileGroup,
+    projectId,
+    userId,
+    'compile'
+  )
+  const opts = {
+    json: req,
+    method: 'POST',
+    signal: AbortSignal.timeout(COMPILE_REQUEST_TIMEOUT_MS),
+  }
+  try {
+    const { body, clsiServerId } = await _makeRequest(
+      projectId,
+      userId,
+      compileGroup,
+      compileBackendClass,
+      url,
+      opts
+    )
+    return { response: body, clsiServerId }
+  } catch (err) {
+    if (err instanceof RequestFailedError) {
+      if (err.response.status === 413) {
+        return { response: { compile: { status: 'project-too-large' } } }
+      } else if (err.response.status === 409) {
+        return { response: { compile: { status: 'conflict' } } }
+      } else if (err.response.status === 423) {
+        return { response: { compile: { status: 'compile-in-progress' } } }
+      } else if (err.response.status === 503) {
+        return { response: { compile: { status: 'unavailable' } } }
+      } else {
+        throw new OError(
+          `CLSI returned non-success code: ${err.response.status}`,
+          {
+            projectId,
+            userId,
+            compileOptions: req.compile.options,
+            rootResourcePath: req.compile.rootResourcePath,
+            clsiResponse: err.body,
+            statusCode: err.response.status,
+          }
+        )
+      }
+    } else {
+      throw new OError(
+        'failed to make request to CLSI',
+        {
+          projectId,
+          userId,
+          compileOptions: req.compile.options,
+          rootResourcePath: req.compile.rootResourcePath,
+        },
+        err
+      )
+    }
+  }
+}
+
+function _parseOutputFiles(projectId, rawOutputFiles = []) {
+  const outputFiles = []
+  for (const file of rawOutputFiles) {
+    const f = {
+      path: file.path, // the clsi is now sending this to web
+      url: new URL(file.url).pathname, // the location of the file on the clsi, excluding the host part
+      type: file.type,
+      build: file.build,
+    }
+    if (file.path === 'output.pdf') {
+      f.contentId = file.contentId
+      f.ranges = file.ranges || []
+      f.size = file.size
+      f.startXRefTable = file.startXRefTable
+      f.createdAt = new Date()
+    }
+    outputFiles.push(f)
+  }
+  return outputFiles
+}
+
+async function _buildRequest(projectId, options) {
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    compiler: 1,
+    rootDoc_id: 1,
+    imageName: 1,
+    rootFolder: 1,
+    'overleaf.history.id': 1,
+  })
+  if (project == null) {
+    throw new Errors.NotFoundError(`project does not exist: ${projectId}`)
+  }
+  if (!VALID_COMPILERS.includes(project.compiler)) {
+    project.compiler = 'pdflatex'
+  }
+
+  if (options.incrementalCompilesEnabled || options.syncType != null) {
+    // new way, either incremental or full
+    const timer = new Metrics.Timer('editor.compile-getdocs-redis')
+    let projectStateHash, docUpdaterDocs
+    try {
+      ;({ projectStateHash, docs: docUpdaterDocs } =
+        await getContentFromDocUpdaterIfMatch(projectId, project, options))
+    } catch (err) {
+      logger.error({ err, projectId }, 'error checking project state')
+      // note: we don't bail out when there's an error getting
+      // incremental files from the docupdater, we just fall back
+      // to a normal compile below
+    }
+    timer.done()
+    // see if we can send an incremental update to the CLSI
+    if (docUpdaterDocs != null && options.syncType !== 'full') {
+      Metrics.inc('compile-from-redis')
+      return _buildRequestFromDocupdater(
+        projectId,
+        options,
+        project,
+        projectStateHash,
+        docUpdaterDocs
+      )
+    } else {
+      Metrics.inc('compile-from-mongo')
+      return await _buildRequestFromMongo(
+        projectId,
+        options,
+        project,
+        projectStateHash
+      )
+    }
+  } else {
+    // old way, always from mongo
+    const timer = new Metrics.Timer('editor.compile-getdocs-mongo')
+    const { docs, files } = await _getContentFromMongo(projectId)
+    timer.done()
+    return _finaliseRequest(projectId, options, project, docs, files)
+  }
+}
+
+async function getContentFromDocUpdaterIfMatch(projectId, project, options) {
+  const projectStateHash = ClsiStateManager.computeHash(project, options)
+  const docs = await DocumentUpdaterHandler.promises.getProjectDocsIfMatch(
+    projectId,
+    projectStateHash
+  )
+  return { projectStateHash, docs }
+}
+
+async function getOutputFileStream(
+  projectId,
+  userId,
+  options,
+  clsiServerId,
+  buildId,
+  outputFilePath
+) {
+  const { compileBackendClass, compileGroup } = options
+  const url = new URL(
+    `${Settings.apis.clsi.url}/project/${projectId}/user/${userId}/build/${buildId}/output/${outputFilePath}`
+  )
+  url.searchParams.set('compileBackendClass', compileBackendClass)
+  url.searchParams.set('compileGroup', compileGroup)
+  url.searchParams.set('clsiserverid', clsiServerId)
+  try {
+    const stream = await fetchStream(url, {
+      signal: AbortSignal.timeout(OUTPUT_FILE_TIMEOUT_MS),
+    })
+    return stream
+  } catch (err) {
+    throw new Errors.OutputFileFetchFailedError(
+      'failed to fetch output file from CLSI',
+      {
+        projectId,
+        userId,
+        url,
+        status: err.response?.status,
+      }
+    )
+  }
+}
+
+function _buildRequestFromDocupdater(
+  projectId,
+  options,
+  project,
+  projectStateHash,
+  docUpdaterDocs
+) {
+  const docPath = ProjectEntityHandler.getAllDocPathsFromProject(project)
+  const docs = {}
+  for (const doc of docUpdaterDocs || []) {
+    const path = docPath[doc._id]
+    docs[path] = doc
+  }
+  // send new docs but not files as those are already on the clsi
+  options = _.clone(options)
+  options.syncType = 'incremental'
+  options.syncState = projectStateHash
+  // create stub doc entries for any possible root docs, if not
+  // present in the docupdater. This allows finaliseRequest to
+  // identify the root doc.
+  const possibleRootDocIds = [options.rootDoc_id, project.rootDoc_id]
+  for (const rootDocId of possibleRootDocIds) {
+    if (rootDocId != null && rootDocId in docPath) {
+      const path = docPath[rootDocId]
+      if (docs[path] == null) {
+        docs[path] = { _id: rootDocId, path }
+      }
+    }
+  }
+  return _finaliseRequest(projectId, options, project, docs, [])
+}
+
+async function _buildRequestFromMongo(
+  projectId,
+  options,
+  project,
+  projectStateHash
+) {
+  const { docs, files } = await _getContentFromMongo(projectId)
+  options = {
+    ...options,
+    syncType: 'full',
+    syncState: projectStateHash,
+  }
+  return _finaliseRequest(projectId, options, project, docs, files)
+}
+
+async function _getContentFromMongo(projectId) {
+  await DocumentUpdaterHandler.promises.flushProjectToMongo(projectId)
+  const docs = await ProjectEntityHandler.promises.getAllDocs(projectId)
+  const files = await ProjectEntityHandler.promises.getAllFiles(projectId)
+  return { docs, files }
+}
+
+function _finaliseRequest(projectId, options, project, docs, files) {
+  const resources = []
+  let flags
+  let rootResourcePath = null
+  let rootResourcePathOverride = null
+  let hasMainFile = false
+  let numberOfDocsInProject = 0
+
+  for (let path in docs) {
+    const doc = docs[path]
+    path = path.replace(/^\//, '') // Remove leading /
+    numberOfDocsInProject++
+    if (doc.lines != null) {
+      // add doc to resources unless it is just a stub entry
+      resources.push({
+        path,
+        content: doc.lines.join('\n'),
+      })
+    }
+    if (
+      project.rootDoc_id != null &&
+      doc._id.toString() === project.rootDoc_id.toString()
+    ) {
+      rootResourcePath = path
+    }
+    if (
+      options.rootDoc_id != null &&
+      doc._id.toString() === options.rootDoc_id.toString()
+    ) {
+      rootResourcePathOverride = path
+    }
+    if (path === 'main.tex') {
+      hasMainFile = true
+    }
+  }
+
+  if (rootResourcePathOverride != null) {
+    rootResourcePath = rootResourcePathOverride
+  }
+  if (rootResourcePath == null) {
+    if (hasMainFile) {
+      rootResourcePath = 'main.tex'
+    } else if (numberOfDocsInProject === 1) {
+      // only one file, must be the main document
+      for (const path in docs) {
+        // Remove leading /
+        rootResourcePath = path.replace(/^\//, '')
+      }
+    } else {
+      throw new OError('no main file specified', { projectId })
+    }
+  }
+
+  const historyId = project.overleaf.history.id
+  if (!historyId) {
+    throw new OError('project does not have a history id', { projectId })
+  }
+  for (let path in files) {
+    const file = files[path]
+    path = path.replace(/^\//, '') // Remove leading /
+
+    const filestoreURL = `${Settings.apis.filestore.url}/project/${project._id}/file/${file._id}`
+    let url = filestoreURL
+    let fallbackURL
+    if (file.hash && Features.hasFeature('project-history-blobs')) {
+      const { bucket, key } = getBlobLocation(historyId, file.hash)
+      url = `${Settings.apis.filestore.url}/bucket/${bucket}/key/${key}`
+      fallbackURL = filestoreURL
+    }
+    resources.push({
+      path,
+      url,
+      fallbackURL,
+      modified: file.created?.getTime(),
+    })
+  }
+
+  if (options.fileLineErrors) {
+    flags = ['-file-line-error']
+  }
+
+  return {
+    compile: {
+      options: {
+        buildId: options.buildId,
+        editorId: options.editorId,
+        compiler: project.compiler,
+        timeout: options.timeout,
+        imageName: project.imageName,
+        draft: Boolean(options.draft),
+        stopOnFirstError: Boolean(options.stopOnFirstError),
+        check: options.check,
+        syncType: options.syncType,
+        syncState: options.syncState,
+        compileGroup: options.compileGroup,
+        compileFromClsiCache: options.compileFromClsiCache,
+        populateClsiCache: options.populateClsiCache,
+        enablePdfCaching:
+          (Settings.enablePdfCaching && options.enablePdfCaching) || false,
+        pdfCachingMinChunkSize: options.pdfCachingMinChunkSize,
+        flags,
+        metricsMethod: options.compileGroup,
+      },
+      rootResourcePath,
+      resources,
+    },
+  }
+}
+
+async function wordCount(projectId, userId, file, options, clsiserverid) {
+  const { compileBackendClass, compileGroup } = options
+  const req = await _buildRequest(projectId, options)
+  const filename = file || req.compile.rootResourcePath
+  const url = _getCompilerUrl(
+    compileBackendClass,
+    compileGroup,
+    projectId,
+    userId,
+    'wordcount'
+  )
+  url.searchParams.set('file', filename)
+  url.searchParams.set('image', req.compile.options.imageName)
+
+  const opts = {
+    method: 'GET',
+  }
+  const { body } = await _makeRequestWithClsiServerId(
+    projectId,
+    userId,
+    compileGroup,
+    compileBackendClass,
+    url,
+    opts,
+    clsiserverid
+  )
+  return body
+}
+
+function _getClsiServerIdFromResponse(response) {
+  const setCookieHeaders = response.headers.raw()['set-cookie'] ?? []
+  for (const header of setCookieHeaders) {
+    const cookie = Cookie.parse(header)
+    if (cookie.key === Settings.clsiCookie.key) {
+      return cookie.value
+    }
+  }
+  return null
+}
+
+module.exports = {
+  sendRequest: callbackifyMultiResult(sendRequest, [
+    'status',
+    'outputFiles',
+    'clsiServerId',
+    'validationProblems',
+    'stats',
+    'timings',
+    'outputUrlPrefix',
+    'buildId',
+  ]),
+  sendExternalRequest: callbackifyMultiResult(sendExternalRequest, [
+    'status',
+    'outputFiles',
+    'clsiServerId',
+    'validationProblems',
+    'stats',
+    'timings',
+    'outputUrlPrefix',
+  ]),
+  stopCompile: callbackify(stopCompile),
+  deleteAuxFiles: callbackify(deleteAuxFiles),
+  getOutputFileStream: callbackify(getOutputFileStream),
+  wordCount: callbackify(wordCount),
+  promises: {
+    sendRequest,
+    sendExternalRequest,
+    stopCompile,
+    deleteAuxFiles,
+    getOutputFileStream,
+    wordCount,
+  },
+}
diff --git a/services/web/app/src/Features/Compile/ClsiStateManager.js b/services/web/app/src/Features/Compile/ClsiStateManager.js
new file mode 100644
index 0000000..e1914b9
--- /dev/null
+++ b/services/web/app/src/Features/Compile/ClsiStateManager.js
@@ -0,0 +1,72 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let ClsiStateManager
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const crypto = require('crypto')
+const ProjectEntityHandler = require('../Project/ProjectEntityHandler')
+
+// The "state" of a project is a hash of the relevant attributes in the
+// project object in this case we only need the rootFolder.
+//
+// The idea is that it will change if any doc or file is
+// created/renamed/deleted, and also if the content of any file (not
+// doc) changes.
+//
+// When the hash changes the full set of files on the CLSI will need to
+// be updated.  If it doesn't change then we can overwrite changed docs
+// in place on the clsi, getting them from the docupdater.
+//
+// The docupdater is responsible for setting the key in redis, and
+// unsetting it if it removes any documents from the doc updater.
+
+const buildState = s =>
+  crypto.createHash('sha1').update(s, 'utf8').digest('hex')
+
+module.exports = ClsiStateManager = {
+  computeHash(project, options) {
+    const { docs, files } =
+      ProjectEntityHandler.getAllEntitiesFromProject(project)
+    const fileList = Array.from(files || []).map(
+      f => `${f.file._id}:${f.file.rev}:${f.file.created}:${f.path}`
+    )
+    const docList = Array.from(docs || []).map(d => `${d.doc._id}:${d.path}`)
+    const sortedEntityList = [
+      ...Array.from(docList),
+      ...Array.from(fileList),
+    ].sort()
+    // ignore the isAutoCompile options as it doesn't affect the
+    // output, but include all other options e.g. draft
+    const optionsList = (() => {
+      const result = []
+      const object = options || {}
+      for (const key in object) {
+        const value = object[key]
+        if (!['isAutoCompile'].includes(key)) {
+          result.push(`option ${key}:${value}`)
+        }
+      }
+      return result
+    })()
+    const sortedOptionsList = optionsList.sort()
+    const hash = buildState(
+      [...Array.from(sortedEntityList), ...Array.from(sortedOptionsList)].join(
+        '\n'
+      )
+    )
+    return hash
+  },
+}
diff --git a/services/web/app/src/Features/Compile/CompileController.js b/services/web/app/src/Features/Compile/CompileController.js
new file mode 100644
index 0000000..c981e93
--- /dev/null
+++ b/services/web/app/src/Features/Compile/CompileController.js
@@ -0,0 +1,802 @@
+let CompileController
+const { URL, URLSearchParams } = require('url')
+const { pipeline } = require('stream/promises')
+const { Cookie } = require('tough-cookie')
+const OError = require('@overleaf/o-error')
+const Metrics = require('@overleaf/metrics')
+const ProjectGetter = require('../Project/ProjectGetter')
+const CompileManager = require('./CompileManager')
+const ClsiManager = require('./ClsiManager')
+const logger = require('@overleaf/logger')
+const Settings = require('@overleaf/settings')
+const SessionManager = require('../Authentication/SessionManager')
+const { RateLimiter } = require('../../infrastructure/RateLimiter')
+const ClsiCookieManager = require('./ClsiCookieManager')(
+  Settings.apis.clsi?.backendGroupName
+)
+const Path = require('path')
+const AnalyticsManager = require('../Analytics/AnalyticsManager')
+const SplitTestHandler = require('../SplitTests/SplitTestHandler')
+const { callbackify } = require('@overleaf/promise-utils')
+const {
+  fetchStreamWithResponse,
+  RequestFailedError,
+} = require('@overleaf/fetch-utils')
+
+const COMPILE_TIMEOUT_MS = 10 * 60 * 1000
+
+const pdfDownloadRateLimiter = new RateLimiter('full-pdf-download', {
+  points: 1000,
+  duration: 60 * 60,
+})
+
+function getOutputFilesArchiveSpecification(projectId, userId, buildId) {
+  const fileName = 'output.zip'
+  return {
+    path: fileName,
+    url: CompileController._getFileUrl(projectId, userId, buildId, fileName),
+    type: 'zip',
+  }
+}
+
+function getImageNameForProject(projectId, callback) {
+  ProjectGetter.getProject(projectId, { imageName: 1 }, (err, project) => {
+    if (err) return callback(err)
+    if (!project) return callback(new Error('project not found'))
+    callback(null, project.imageName)
+  })
+}
+
+async function getPdfCachingMinChunkSize(req, res) {
+  const { variant } = await SplitTestHandler.promises.getAssignment(
+    req,
+    res,
+    'pdf-caching-min-chunk-size'
+  )
+  if (variant === 'default') return 1_000_000
+  return parseInt(variant, 10)
+}
+
+async function _getSplitTestOptions(req, res) {
+  // Use the query flags from the editor request for overriding the split test.
+  let query = {}
+  try {
+    const u = new URL(req.headers.referer || req.url, Settings.siteUrl)
+    query = Object.fromEntries(u.searchParams.entries())
+  } catch (e) {}
+  const editorReq = { ...req, query }
+
+  // Lookup the clsi-cache flag in the backend.
+  // We may need to turn off the feature on a short notice, without requiring
+  //  all users to reload their editor page to disable the feature.
+  const { variant: compileFromClsiCacheVariant } =
+    await SplitTestHandler.promises.getAssignment(
+      editorReq,
+      res,
+      'compile-from-clsi-cache'
+    )
+  const compileFromClsiCache = compileFromClsiCacheVariant === 'enabled'
+  const { variant: populateClsiCacheVariant } =
+    await SplitTestHandler.promises.getAssignment(
+      editorReq,
+      res,
+      'populate-clsi-cache'
+    )
+  const populateClsiCache = populateClsiCacheVariant === 'enabled'
+
+  const pdfDownloadDomain = Settings.pdfDownloadDomain
+
+  if (!req.query.enable_pdf_caching) {
+    // The frontend does not want to do pdf caching.
+    return {
+      compileFromClsiCache,
+      populateClsiCache,
+      pdfDownloadDomain,
+      enablePdfCaching: false,
+    }
+  }
+
+  // Double check with the latest split test assignment.
+  // We may need to turn off the feature on a short notice, without requiring
+  //  all users to reload their editor page to disable the feature.
+  const { variant } = await SplitTestHandler.promises.getAssignment(
+    editorReq,
+    res,
+    'pdf-caching-mode'
+  )
+  const enablePdfCaching = variant === 'enabled'
+  if (!enablePdfCaching) {
+    // Skip the lookup of the chunk size when caching is not enabled.
+    return {
+      compileFromClsiCache,
+      populateClsiCache,
+      pdfDownloadDomain,
+      enablePdfCaching: false,
+    }
+  }
+  const pdfCachingMinChunkSize = await getPdfCachingMinChunkSize(editorReq, res)
+  return {
+    compileFromClsiCache,
+    populateClsiCache,
+    pdfDownloadDomain,
+    enablePdfCaching,
+    pdfCachingMinChunkSize,
+  }
+}
+const getSplitTestOptionsCb = callbackify(_getSplitTestOptions)
+
+module.exports = CompileController = {
+  compile(req, res, next) {
+    res.setTimeout(COMPILE_TIMEOUT_MS)
+    const projectId = req.params.Project_id
+    const isAutoCompile = !!req.query.auto_compile
+    const fileLineErrors = !!req.query.file_line_errors
+    const stopOnFirstError = !!req.body.stopOnFirstError
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    const options = {
+      isAutoCompile,
+      fileLineErrors,
+      stopOnFirstError,
+      editorId: req.body.editorId,
+    }
+
+    if (req.body.rootDoc_id) {
+      options.rootDoc_id = req.body.rootDoc_id
+    } else if (
+      req.body.settingsOverride &&
+      req.body.settingsOverride.rootDoc_id
+    ) {
+      // Can be removed after deploy
+      options.rootDoc_id = req.body.settingsOverride.rootDoc_id
+    }
+    if (req.body.compiler) {
+      options.compiler = req.body.compiler
+    }
+    if (req.body.draft) {
+      options.draft = req.body.draft
+    }
+    if (['validate', 'error', 'silent'].includes(req.body.check)) {
+      options.check = req.body.check
+    }
+    if (req.body.incrementalCompilesEnabled) {
+      options.incrementalCompilesEnabled = true
+    }
+
+    getSplitTestOptionsCb(req, res, (err, splitTestOptions) => {
+      if (err) return next(err)
+      let {
+        compileFromClsiCache,
+        populateClsiCache,
+        enablePdfCaching,
+        pdfCachingMinChunkSize,
+        pdfDownloadDomain,
+      } = splitTestOptions
+      options.compileFromClsiCache = compileFromClsiCache
+      options.populateClsiCache = populateClsiCache
+      options.enablePdfCaching = enablePdfCaching
+      if (enablePdfCaching) {
+        options.pdfCachingMinChunkSize = pdfCachingMinChunkSize
+      }
+
+      CompileManager.compile(
+        projectId,
+        userId,
+        options,
+        (
+          error,
+          status,
+          outputFiles,
+          clsiServerId,
+          limits,
+          validationProblems,
+          stats,
+          timings,
+          outputUrlPrefix,
+          buildId
+        ) => {
+          if (error) {
+            Metrics.inc('compile-error')
+            return next(error)
+          }
+          Metrics.inc('compile-status', 1, { status })
+          if (pdfDownloadDomain && outputUrlPrefix) {
+            pdfDownloadDomain += outputUrlPrefix
+          }
+
+          if (
+            limits &&
+            SplitTestHandler.getPercentile(
+              AnalyticsManager.getIdsFromSession(req.session).analyticsId,
+              'compile-result-backend',
+              'release'
+            ) === 1
+          ) {
+            // For a compile request to be sent to clsi we need limits.
+            // If we get here without having the limits object populated, it is
+            //  a reasonable assumption to make that nothing was compiled.
+            // We need to know the limits in order to make use of the events.
+            AnalyticsManager.recordEventForSession(
+              req.session,
+              'compile-result-backend',
+              {
+                projectId,
+                ownerAnalyticsId: limits.ownerAnalyticsId,
+                status,
+                compileTime: timings?.compileE2E,
+                timeout: limits.timeout === 60 ? 'short' : 'long',
+                server: clsiServerId?.includes('-c2d-') ? 'faster' : 'normal',
+                isAutoCompile,
+                isInitialCompile: stats?.isInitialCompile === 1,
+                restoredClsiCache: stats?.restoredClsiCache === 1,
+                stopOnFirstError,
+              }
+            )
+          }
+
+          const outputFilesArchive = buildId
+            ? getOutputFilesArchiveSpecification(projectId, userId, buildId)
+            : null
+
+          res.json({
+            status,
+            outputFiles,
+            outputFilesArchive,
+            compileGroup: limits?.compileGroup,
+            clsiServerId,
+            validationProblems,
+            stats,
+            timings,
+            outputUrlPrefix,
+            pdfDownloadDomain,
+            pdfCachingMinChunkSize,
+          })
+        }
+      )
+    })
+  },
+
+  stopCompile(req, res, next) {
+    const projectId = req.params.Project_id
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    CompileManager.stopCompile(projectId, userId, function (error) {
+      if (error) {
+        return next(error)
+      }
+      res.sendStatus(200)
+    })
+  },
+
+  // Used for submissions through the public API
+  compileSubmission(req, res, next) {
+    res.setTimeout(COMPILE_TIMEOUT_MS)
+    const submissionId = req.params.submission_id
+    const options = {}
+    if (req.body?.rootResourcePath != null) {
+      options.rootResourcePath = req.body.rootResourcePath
+    }
+    if (req.body?.compiler) {
+      options.compiler = req.body.compiler
+    }
+    if (req.body?.draft) {
+      options.draft = req.body.draft
+    }
+    if (['validate', 'error', 'silent'].includes(req.body?.check)) {
+      options.check = req.body.check
+    }
+    options.compileGroup =
+      req.body?.compileGroup || Settings.defaultFeatures.compileGroup
+    options.compileBackendClass = Settings.apis.clsi.submissionBackendClass
+    options.timeout =
+      req.body?.timeout || Settings.defaultFeatures.compileTimeout
+    ClsiManager.sendExternalRequest(
+      submissionId,
+      req.body,
+      options,
+      function (error, status, outputFiles, clsiServerId, validationProblems) {
+        if (error) {
+          return next(error)
+        }
+        res.json({
+          status,
+          outputFiles,
+          clsiServerId,
+          validationProblems,
+        })
+      }
+    )
+  },
+
+  _getSplitTestOptions,
+
+  _getUserIdForCompile(req) {
+    if (!Settings.disablePerUserCompiles) {
+      return SessionManager.getLoggedInUserId(req.session)
+    }
+    return null
+  },
+  _compileAsUser(req, callback) {
+    callback(null, CompileController._getUserIdForCompile(req))
+  },
+  _downloadAsUser(req, callback) {
+    callback(null, CompileController._getUserIdForCompile(req))
+  },
+
+  downloadPdf(req, res, next) {
+    Metrics.inc('pdf-downloads')
+    const projectId = req.params.Project_id
+    const rateLimit = function (callback) {
+      pdfDownloadRateLimiter
+        .consume(req.ip, 1, { method: 'ip' })
+        .then(() => {
+          callback(null, true)
+        })
+        .catch(err => {
+          if (err instanceof Error) {
+            callback(err)
+          } else {
+            callback(null, false)
+          }
+        })
+    }
+
+    ProjectGetter.getProject(projectId, { name: 1 }, function (err, project) {
+      if (err) {
+        return next(err)
+      }
+      res.contentType('application/pdf')
+      const filename = `${CompileController._getSafeProjectName(project)}.pdf`
+
+      if (req.query.popupDownload) {
+        res.setContentDisposition('attachment', { filename })
+      } else {
+        res.setContentDisposition('inline', { filename })
+      }
+
+      rateLimit(function (err, canContinue) {
+        if (err) {
+          logger.err({ err }, 'error checking rate limit for pdf download')
+          res.sendStatus(500)
+        } else if (!canContinue) {
+          logger.debug(
+            { projectId, ip: req.ip },
+            'rate limit hit downloading pdf'
+          )
+          res.sendStatus(500)
+        } else {
+          CompileController._downloadAsUser(req, function (error, userId) {
+            if (error) {
+              return next(error)
+            }
+            const url = CompileController._getFileUrl(
+              projectId,
+              userId,
+              req.params.build_id,
+              'output.pdf'
+            )
+            CompileController.proxyToClsi(
+              projectId,
+              'output-file',
+              url,
+              {},
+              req,
+              res,
+              next
+            )
+          })
+        }
+      })
+    })
+  },
+
+  _getSafeProjectName(project) {
+    return project.name.replace(/[^\p{L}\p{Nd}]/gu, '_')
+  },
+
+  deleteAuxFiles(req, res, next) {
+    const projectId = req.params.Project_id
+    const { clsiserverid } = req.query
+    CompileController._compileAsUser(req, function (error, userId) {
+      if (error) {
+        return next(error)
+      }
+      CompileManager.deleteAuxFiles(
+        projectId,
+        userId,
+        clsiserverid,
+        function (error) {
+          if (error) {
+            return next(error)
+          }
+          res.sendStatus(200)
+        }
+      )
+    })
+  },
+
+  // this is only used by templates, so is not called with a userId
+  compileAndDownloadPdf(req, res, next) {
+    const projectId = req.params.project_id
+    // pass userId as null, since templates are an "anonymous" compile
+    CompileManager.compile(projectId, null, {}, (err, _status, outputFiles) => {
+      if (err) {
+        logger.err(
+          { err, projectId },
+          'something went wrong compile and downloading pdf'
+        )
+        res.sendStatus(500)
+        return
+      }
+      const pdf = outputFiles.find(f => f.path === 'output.pdf')
+      if (!pdf) {
+        logger.warn(
+          { projectId },
+          'something went wrong compile and downloading pdf: no pdf'
+        )
+        res.sendStatus(500)
+        return
+      }
+      CompileController.proxyToClsi(
+        projectId,
+        'output-file',
+        pdf.url,
+        {},
+        req,
+        res,
+        next
+      )
+    })
+  },
+
+  getFileFromClsi(req, res, next) {
+    const projectId = req.params.Project_id
+    CompileController._downloadAsUser(req, function (error, userId) {
+      if (error) {
+        return next(error)
+      }
+
+      const qs = {}
+
+      const url = CompileController._getFileUrl(
+        projectId,
+        userId,
+        req.params.build_id,
+        req.params.file
+      )
+      CompileController.proxyToClsi(
+        projectId,
+        'output-file',
+        url,
+        qs,
+        req,
+        res,
+        next
+      )
+    })
+  },
+
+  getFileFromClsiWithoutUser(req, res, next) {
+    const submissionId = req.params.submission_id
+    const url = CompileController._getFileUrl(
+      submissionId,
+      null,
+      req.params.build_id,
+      req.params.file
+    )
+    const limits = {
+      compileGroup:
+        req.body?.compileGroup ||
+        req.query?.compileGroup ||
+        Settings.defaultFeatures.compileGroup,
+      compileBackendClass: Settings.apis.clsi.submissionBackendClass,
+    }
+    CompileController.proxyToClsiWithLimits(
+      submissionId,
+      'output-file',
+      url,
+      {},
+      limits,
+      req,
+      res,
+      next
+    )
+  },
+
+  // compute a GET file url for a given project, user (optional), build (optional) and file
+  _getFileUrl(projectId, userId, buildId, file) {
+    let url
+    if (userId != null && buildId != null) {
+      url = `/project/${projectId}/user/${userId}/build/${buildId}/output/${file}`
+    } else if (userId != null) {
+      url = `/project/${projectId}/user/${userId}/output/${file}`
+    } else if (buildId != null) {
+      url = `/project/${projectId}/build/${buildId}/output/${file}`
+    } else {
+      url = `/project/${projectId}/output/${file}`
+    }
+    return url
+  },
+
+  // compute a POST url for a project, user (optional) and action
+  _getUrl(projectId, userId, action) {
+    let path = `/project/${projectId}`
+    if (userId != null) {
+      path += `/user/${userId}`
+    }
+    return `${path}/${action}`
+  },
+
+  proxySyncPdf(req, res, next) {
+    const projectId = req.params.Project_id
+    const { page, h, v, editorId, buildId } = req.query
+    if (!page?.match(/^\d+$/)) {
+      return next(new Error('invalid page parameter'))
+    }
+    if (!h?.match(/^-?\d+\.\d+$/)) {
+      return next(new Error('invalid h parameter'))
+    }
+    if (!v?.match(/^-?\d+\.\d+$/)) {
+      return next(new Error('invalid v parameter'))
+    }
+    // whether this request is going to a per-user container
+    CompileController._compileAsUser(req, function (error, userId) {
+      if (error) {
+        return next(error)
+      }
+      getImageNameForProject(projectId, (error, imageName) => {
+        if (error) return next(error)
+
+        getSplitTestOptionsCb(req, res, (error, splitTestOptions) => {
+          if (error) return next(error)
+          const { compileFromClsiCache } = splitTestOptions
+
+          const url = CompileController._getUrl(projectId, userId, 'sync/pdf')
+
+          CompileController.proxyToClsi(
+            projectId,
+            'sync-to-pdf',
+            url,
+            { page, h, v, imageName, editorId, buildId, compileFromClsiCache },
+            req,
+            res,
+            next
+          )
+        })
+      })
+    })
+  },
+
+  proxySyncCode(req, res, next) {
+    const projectId = req.params.Project_id
+    const { file, line, column, editorId, buildId } = req.query
+    if (file == null) {
+      return next(new Error('missing file parameter'))
+    }
+    // Check that we are dealing with a simple file path (this is not
+    // strictly needed because synctex uses this parameter as a label
+    // to look up in the synctex output, and does not open the file
+    // itself).  Since we have valid synctex paths like foo/./bar we
+    // allow those by replacing /./ with /
+    const testPath = file.replace('/./', '/')
+    if (Path.resolve('/', testPath) !== `/${testPath}`) {
+      return next(new Error('invalid file parameter'))
+    }
+    if (!line?.match(/^\d+$/)) {
+      return next(new Error('invalid line parameter'))
+    }
+    if (!column?.match(/^\d+$/)) {
+      return next(new Error('invalid column parameter'))
+    }
+    CompileController._compileAsUser(req, function (error, userId) {
+      if (error) {
+        return next(error)
+      }
+      getImageNameForProject(projectId, (error, imageName) => {
+        if (error) return next(error)
+
+        getSplitTestOptionsCb(req, res, (error, splitTestOptions) => {
+          if (error) return next(error)
+          const { compileFromClsiCache } = splitTestOptions
+
+          const url = CompileController._getUrl(projectId, userId, 'sync/code')
+          CompileController.proxyToClsi(
+            projectId,
+            'sync-to-code',
+            url,
+            {
+              file,
+              line,
+              column,
+              imageName,
+              editorId,
+              buildId,
+              compileFromClsiCache,
+            },
+            req,
+            res,
+            next
+          )
+        })
+      })
+    })
+  },
+
+  proxyToClsi(projectId, action, url, qs, req, res, next) {
+    CompileManager.getProjectCompileLimits(projectId, function (error, limits) {
+      if (error) {
+        return next(error)
+      }
+      CompileController.proxyToClsiWithLimits(
+        projectId,
+        action,
+        url,
+        qs,
+        limits,
+        req,
+        res,
+        next
+      )
+    })
+  },
+
+  proxyToClsiWithLimits(projectId, action, url, qs, limits, req, res, next) {
+    _getPersistenceOptions(
+      req,
+      projectId,
+      limits.compileGroup,
+      limits.compileBackendClass,
+      (err, persistenceOptions) => {
+        if (err) {
+          OError.tag(err, 'error getting cookie jar for clsi request')
+          return next(err)
+        }
+        url = new URL(`${Settings.apis.clsi.url}${url}`)
+        url.search = new URLSearchParams({
+          ...persistenceOptions.qs,
+          ...qs,
+        }).toString()
+        const timer = new Metrics.Timer(
+          'proxy_to_clsi',
+          1,
+          { path: action },
+          [0, 100, 1000, 2000, 5000, 10000, 15000, 20000, 30000, 45000, 60000]
+        )
+        Metrics.inc('proxy_to_clsi', 1, { path: action, status: 'start' })
+        fetchStreamWithResponse(url.href, {
+          method: req.method,
+          signal: AbortSignal.timeout(60 * 1000),
+          headers: persistenceOptions.headers,
+        })
+          .then(({ stream, response }) => {
+            if (req.destroyed) {
+              // The client has disconnected already, avoid trying to write into the broken connection.
+              Metrics.inc('proxy_to_clsi', 1, {
+                path: action,
+                status: 'req-aborted',
+              })
+              return
+            }
+            Metrics.inc('proxy_to_clsi', 1, {
+              path: action,
+              status: response.status,
+            })
+
+            for (const key of ['Content-Length', 'Content-Type']) {
+              if (response.headers.has(key)) {
+                res.setHeader(key, response.headers.get(key))
+              }
+            }
+            res.writeHead(response.status)
+            return pipeline(stream, res)
+          })
+          .then(() => {
+            timer.labels.status = 'success'
+            timer.done()
+          })
+          .catch(err => {
+            const reqAborted = Boolean(req.destroyed)
+            const status = reqAborted ? 'req-aborted-late' : 'error'
+            timer.labels.status = status
+            const duration = timer.done()
+            Metrics.inc('proxy_to_clsi', 1, { path: action, status })
+            const streamingStarted = Boolean(res.headersSent)
+            if (!streamingStarted) {
+              if (err instanceof RequestFailedError) {
+                res.sendStatus(err.response.status)
+              } else {
+                res.sendStatus(500)
+              }
+            }
+            if (
+              streamingStarted &&
+              reqAborted &&
+              err.code === 'ERR_STREAM_PREMATURE_CLOSE'
+            ) {
+              // Ignore noisy spurious error
+              return
+            }
+            if (
+              err instanceof RequestFailedError &&
+              ['sync-to-code', 'sync-to-pdf', 'output-file'].includes(action)
+            ) {
+              // Ignore noisy error
+              // https://github.com/overleaf/internal/issues/15201
+              return
+            }
+            logger.warn(
+              {
+                err,
+                projectId,
+                url,
+                action,
+                reqAborted,
+                streamingStarted,
+                duration,
+              },
+              'CLSI proxy error'
+            )
+          })
+      }
+    )
+  },
+
+  wordCount(req, res, next) {
+    const projectId = req.params.Project_id
+    const file = req.query.file || false
+    const { clsiserverid } = req.query
+    CompileController._compileAsUser(req, function (error, userId) {
+      if (error) {
+        return next(error)
+      }
+      CompileManager.wordCount(
+        projectId,
+        userId,
+        file,
+        clsiserverid,
+        function (error, body) {
+          if (error) {
+            return next(error)
+          }
+          res.json(body)
+        }
+      )
+    })
+  },
+}
+
+function _getPersistenceOptions(
+  req,
+  projectId,
+  compileGroup,
+  compileBackendClass,
+  callback
+) {
+  const { clsiserverid } = req.query
+  const userId = SessionManager.getLoggedInUserId(req)
+  if (clsiserverid && typeof clsiserverid === 'string') {
+    callback(null, {
+      qs: { clsiserverid, compileGroup, compileBackendClass },
+      headers: {},
+    })
+  } else {
+    ClsiCookieManager.getServerId(
+      projectId,
+      userId,
+      compileGroup,
+      compileBackendClass,
+      (err, clsiServerId) => {
+        if (err) return callback(err)
+        callback(null, {
+          qs: { compileGroup, compileBackendClass },
+          headers: clsiServerId
+            ? {
+                Cookie: new Cookie({
+                  key: Settings.clsiCookie.key,
+                  value: clsiServerId,
+                }).cookieString(),
+              }
+            : {},
+        })
+      }
+    )
+  }
+}
diff --git a/services/web/app/src/Features/Compile/CompileManager.js b/services/web/app/src/Features/Compile/CompileManager.js
new file mode 100644
index 0000000..9b54048
--- /dev/null
+++ b/services/web/app/src/Features/Compile/CompileManager.js
@@ -0,0 +1,249 @@
+let CompileManager
+const Crypto = require('crypto')
+const Settings = require('@overleaf/settings')
+const RedisWrapper = require('../../infrastructure/RedisWrapper')
+const rclient = RedisWrapper.client('clsi_recently_compiled')
+const ProjectGetter = require('../Project/ProjectGetter')
+const ProjectRootDocManager = require('../Project/ProjectRootDocManager')
+const UserGetter = require('../User/UserGetter')
+const ClsiManager = require('./ClsiManager')
+const Metrics = require('@overleaf/metrics')
+const { RateLimiter } = require('../../infrastructure/RateLimiter')
+const UserAnalyticsIdCache = require('../Analytics/UserAnalyticsIdCache')
+const {
+  callbackify,
+  callbackifyMultiResult,
+} = require('@overleaf/promise-utils')
+
+function instrumentWithTimer(fn, key) {
+  return async (...args) => {
+    const timer = new Metrics.Timer(key)
+    try {
+      return await fn(...args)
+    } finally {
+      timer.done()
+    }
+  }
+}
+
+function generateBuildId() {
+  return `${Date.now().toString(16)}-${Crypto.randomBytes(8).toString('hex')}`
+}
+
+async function compile(projectId, userId, options = {}) {
+  const recentlyCompiled = await CompileManager._checkIfRecentlyCompiled(
+    projectId,
+    userId
+  )
+  if (recentlyCompiled) {
+    return { status: 'too-recently-compiled', outputFiles: [] }
+  }
+
+  try {
+    const canCompile = await CompileManager._checkIfAutoCompileLimitHasBeenHit(
+      options.isAutoCompile,
+      'everyone'
+    )
+    if (!canCompile) {
+      return { status: 'autocompile-backoff', outputFiles: [] }
+    }
+  } catch (error) {
+    return { status: 'autocompile-backoff', outputFiles: [] }
+  }
+
+  await ProjectRootDocManager.promises.ensureRootDocumentIsSet(projectId)
+
+  const limits =
+    await CompileManager.promises.getProjectCompileLimits(projectId)
+  for (const key in limits) {
+    const value = limits[key]
+    options[key] = value
+  }
+
+  try {
+    const canCompile = await CompileManager._checkCompileGroupAutoCompileLimit(
+      options.isAutoCompile,
+      limits.compileGroup
+    )
+    if (!canCompile) {
+      return { status: 'autocompile-backoff', outputFiles: [] }
+    }
+  } catch (error) {
+    return { message: 'autocompile-backoff', outputFiles: [] }
+  }
+
+  // Generate the buildId ahead of fetching the project content from redis/mongo so that the buildId's timestamp is before any lastUpdated date.
+  options.buildId = generateBuildId()
+
+  // only pass userId down to clsi if this is a per-user compile
+  const compileAsUser = Settings.disablePerUserCompiles ? undefined : userId
+  const {
+    status,
+    outputFiles,
+    clsiServerId,
+    validationProblems,
+    stats,
+    timings,
+    outputUrlPrefix,
+    buildId,
+  } = await ClsiManager.promises.sendRequest(projectId, compileAsUser, options)
+
+  return {
+    status,
+    outputFiles,
+    clsiServerId,
+    limits,
+    validationProblems,
+    stats,
+    timings,
+    outputUrlPrefix,
+    buildId,
+  }
+}
+
+const instrumentedCompile = instrumentWithTimer(compile, 'editor.compile')
+
+async function getProjectCompileLimits(projectId) {
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    owner_ref: 1,
+  })
+
+  const owner = await UserGetter.promises.getUser(project.owner_ref, {
+    _id: 1,
+    alphaProgram: 1,
+    analyticsId: 1,
+    betaProgram: 1,
+    features: 1,
+  })
+
+  const ownerFeatures = (owner && owner.features) || {}
+  // put alpha users into their own compile group
+  if (owner && owner.alphaProgram) {
+    ownerFeatures.compileGroup = 'alpha'
+  }
+  const analyticsId = await UserAnalyticsIdCache.get(owner._id)
+
+  const compileGroup =
+    ownerFeatures.compileGroup || Settings.defaultFeatures.compileGroup
+  const limits = {
+    timeout:
+      ownerFeatures.compileTimeout || Settings.defaultFeatures.compileTimeout,
+    compileGroup,
+    compileBackendClass: compileGroup === 'standard' ? 'n2d' : 'c2d',
+    ownerAnalyticsId: analyticsId,
+  }
+  return limits
+}
+
+async function wordCount(projectId, userId, file, clsiserverid) {
+  const limits =
+    await CompileManager.promises.getProjectCompileLimits(projectId)
+  return await ClsiManager.promises.wordCount(
+    projectId,
+    userId,
+    file,
+    limits,
+    clsiserverid
+  )
+}
+
+async function stopCompile(projectId, userId) {
+  const limits =
+    await CompileManager.promises.getProjectCompileLimits(projectId)
+
+  return await ClsiManager.promises.stopCompile(projectId, userId, limits)
+}
+
+async function deleteAuxFiles(projectId, userId, clsiserverid) {
+  const limits =
+    await CompileManager.promises.getProjectCompileLimits(projectId)
+
+  return await ClsiManager.promises.deleteAuxFiles(
+    projectId,
+    userId,
+    limits,
+    clsiserverid
+  )
+}
+
+module.exports = CompileManager = {
+  promises: {
+    compile: instrumentedCompile,
+    deleteAuxFiles,
+    getProjectCompileLimits,
+    stopCompile,
+    wordCount,
+  },
+  compile: callbackifyMultiResult(instrumentedCompile, [
+    'status',
+    'outputFiles',
+    'clsiServerId',
+    'limits',
+    'validationProblems',
+    'stats',
+    'timings',
+    'outputUrlPrefix',
+    'buildId',
+  ]),
+
+  stopCompile: callbackify(stopCompile),
+
+  deleteAuxFiles: callbackify(deleteAuxFiles),
+
+  getProjectCompileLimits: callbackify(getProjectCompileLimits),
+
+  COMPILE_DELAY: 1, // seconds
+  async _checkIfRecentlyCompiled(projectId, userId) {
+    const key = `compile:${projectId}:${userId}`
+    const ok = await rclient.set(key, true, 'EX', this.COMPILE_DELAY, 'NX')
+    return ok !== 'OK'
+  },
+
+  async _checkCompileGroupAutoCompileLimit(isAutoCompile, compileGroup) {
+    if (!isAutoCompile) {
+      return true
+    }
+    if (compileGroup === 'standard') {
+      // apply extra limits to the standard compile group
+      return await CompileManager._checkIfAutoCompileLimitHasBeenHit(
+        isAutoCompile,
+        compileGroup
+      )
+    } else {
+      Metrics.inc(`auto-compile-${compileGroup}`)
+      return true
+    }
+  }, // always allow priority group users to compile
+
+  async _checkIfAutoCompileLimitHasBeenHit(isAutoCompile, compileGroup) {
+    if (!isAutoCompile) {
+      return true
+    }
+    Metrics.inc(`auto-compile-${compileGroup}`)
+    const rateLimiter = getAutoCompileRateLimiter(compileGroup)
+    try {
+      await rateLimiter.consume('global', 1, { method: 'global' })
+      return true
+    } catch (e) {
+      // Don't differentiate between errors and rate limits. Silently trigger
+      // the rate limit if there's an error consuming the points.
+      Metrics.inc(`auto-compile-${compileGroup}-limited`)
+      return false
+    }
+  },
+
+  wordCount: callbackify(wordCount),
+}
+
+const autoCompileRateLimiters = new Map()
+function getAutoCompileRateLimiter(compileGroup) {
+  let rateLimiter = autoCompileRateLimiters.get(compileGroup)
+  if (rateLimiter == null) {
+    rateLimiter = new RateLimiter(`auto-compile:${compileGroup}`, {
+      points: Settings.rateLimit.autoCompile[compileGroup] || 25,
+      duration: 20,
+    })
+    autoCompileRateLimiters.set(compileGroup, rateLimiter)
+  }
+  return rateLimiter
+}
diff --git a/services/web/app/src/Features/Contacts/ContactController.mjs b/services/web/app/src/Features/Contacts/ContactController.mjs
new file mode 100644
index 0000000..12567d6
--- /dev/null
+++ b/services/web/app/src/Features/Contacts/ContactController.mjs
@@ -0,0 +1,60 @@
+import SessionManager from '../Authentication/SessionManager.js'
+import ContactManager from './ContactManager.js'
+import UserGetter from '../User/UserGetter.js'
+import Modules from '../../infrastructure/Modules.js'
+import { expressify } from '@overleaf/promise-utils'
+
+function _formatContact(contact) {
+  return {
+    id: contact._id?.toString(),
+    email: contact.email || '',
+    first_name: contact.first_name || '',
+    last_name: contact.last_name || '',
+    type: 'user',
+  }
+}
+
+async function getContacts(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+
+  const contactIds = await ContactManager.promises.getContactIds(userId, {
+    limit: 50,
+  })
+
+  let contacts = await UserGetter.promises.getUsers(contactIds, {
+    email: 1,
+    first_name: 1,
+    last_name: 1,
+    holdingAccount: 1,
+  })
+
+  // UserGetter.getUsers may not preserve order so put them back in order
+  const positions = {}
+  for (let i = 0; i < contactIds.length; i++) {
+    const contactId = contactIds[i]
+    positions[contactId] = i
+  }
+  contacts.sort(
+    (a, b) => positions[a._id?.toString()] - positions[b._id?.toString()]
+  )
+
+  // Don't count holding accounts to discourage users from repeating mistakes (mistyped or wrong emails, etc)
+  contacts = contacts.filter(c => !c.holdingAccount)
+
+  contacts = contacts.map(_formatContact)
+
+  const additionalContacts = await Modules.promises.hooks.fire(
+    'getContacts',
+    userId,
+    contacts
+  )
+
+  contacts = contacts.concat(...(additionalContacts || []))
+  return res.json({
+    contacts,
+  })
+}
+
+export default {
+  getContacts: expressify(getContacts),
+}
diff --git a/services/web/app/src/Features/Contacts/ContactManager.js b/services/web/app/src/Features/Contacts/ContactManager.js
new file mode 100644
index 0000000..be5bdce
--- /dev/null
+++ b/services/web/app/src/Features/Contacts/ContactManager.js
@@ -0,0 +1,51 @@
+const { callbackify } = require('util')
+const OError = require('@overleaf/o-error')
+const { fetchJson } = require('@overleaf/fetch-utils')
+const settings = require('@overleaf/settings')
+
+async function getContactIds(userId, options) {
+  options = options ?? { limit: 50 }
+
+  const url = new URL(`${settings.apis.contacts.url}/user/${userId}/contacts`)
+
+  for (const [key, val] of Object.entries(options)) {
+    url.searchParams.set(key, val)
+  }
+
+  let body
+  try {
+    body = await fetchJson(url)
+  } catch (err) {
+    throw OError.tag(err, 'failed request to contacts API', { userId })
+  }
+
+  return body?.contact_ids || []
+}
+
+async function addContact(userId, contactId) {
+  const url = new URL(`${settings.apis.contacts.url}/user/${userId}/contacts`)
+
+  let body
+  try {
+    body = await fetchJson(url, {
+      method: 'POST',
+      json: { contact_id: contactId },
+    })
+  } catch (err) {
+    throw OError.tag(err, 'failed request to contacts API', {
+      userId,
+      contactId,
+    })
+  }
+
+  return body?.contact_ids || []
+}
+
+module.exports = {
+  getContactIds: callbackify(getContactIds),
+  addContact: callbackify(addContact),
+  promises: {
+    getContactIds,
+    addContact,
+  },
+}
diff --git a/services/web/app/src/Features/Contacts/ContactRouter.mjs b/services/web/app/src/Features/Contacts/ContactRouter.mjs
new file mode 100644
index 0000000..50db64f
--- /dev/null
+++ b/services/web/app/src/Features/Contacts/ContactRouter.mjs
@@ -0,0 +1,28 @@
+import AuthenticationController from '../Authentication/AuthenticationController.js'
+import SessionManager from '../Authentication/SessionManager.js'
+import ContactController from './ContactController.mjs'
+import Settings from '@overleaf/settings'
+
+function contactsAuthenticationMiddleware() {
+  if (!Settings.allowAnonymousReadAndWriteSharing) {
+    return AuthenticationController.requireLogin()
+  } else {
+    return (req, res, next) => {
+      if (SessionManager.isUserLoggedIn(req.session)) {
+        next()
+      } else {
+        res.json({ contacts: [] })
+      }
+    }
+  }
+}
+
+export default {
+  apply(webRouter) {
+    webRouter.get(
+      '/user/contacts',
+      contactsAuthenticationMiddleware(),
+      ContactController.getContacts
+    )
+  },
+}
diff --git a/services/web/app/src/Features/Cooldown/CooldownManager.js b/services/web/app/src/Features/Cooldown/CooldownManager.js
new file mode 100644
index 0000000..67bdc98
--- /dev/null
+++ b/services/web/app/src/Features/Cooldown/CooldownManager.js
@@ -0,0 +1,61 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let CooldownManager
+const RedisWrapper = require('../../infrastructure/RedisWrapper')
+const rclient = RedisWrapper.client('cooldown')
+const logger = require('@overleaf/logger')
+const { promisifyAll } = require('@overleaf/promise-utils')
+
+const COOLDOWN_IN_SECONDS = 60 * 10
+
+module.exports = CooldownManager = {
+  _buildKey(projectId) {
+    return `Cooldown:{${projectId}}`
+  },
+
+  putProjectOnCooldown(projectId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    logger.debug(
+      { projectId },
+      `[Cooldown] putting project on cooldown for ${COOLDOWN_IN_SECONDS} seconds`
+    )
+    return rclient.set(
+      CooldownManager._buildKey(projectId),
+      '1',
+      'EX',
+      COOLDOWN_IN_SECONDS,
+      callback
+    )
+  },
+
+  isProjectOnCooldown(projectId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return rclient.get(
+      CooldownManager._buildKey(projectId),
+      function (err, result) {
+        if (err != null) {
+          return callback(err)
+        }
+        return callback(null, result === '1')
+      }
+    )
+  },
+}
+
+module.exports.promises = promisifyAll(module.exports, {
+  without: ['_buildKey'],
+})
diff --git a/services/web/app/src/Features/Cooldown/CooldownMiddleware.mjs b/services/web/app/src/Features/Cooldown/CooldownMiddleware.mjs
new file mode 100644
index 0000000..46a84eb
--- /dev/null
+++ b/services/web/app/src/Features/Cooldown/CooldownMiddleware.mjs
@@ -0,0 +1,41 @@
+/* eslint-disable
+    max-len,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import CooldownManager from './CooldownManager.js'
+import logger from '@overleaf/logger'
+
+let CooldownMiddleware
+
+export default CooldownMiddleware = {
+  freezeProject(req, res, next) {
+    const projectId = req.params.Project_id
+    if (projectId == null) {
+      return next(new Error('[Cooldown] No projectId parameter on route'))
+    }
+    return CooldownManager.isProjectOnCooldown(
+      projectId,
+      function (err, projectIsOnCooldown) {
+        if (err != null) {
+          return next(err)
+        }
+        if (projectIsOnCooldown) {
+          logger.debug(
+            { projectId },
+            '[Cooldown] project is on cooldown, denying request'
+          )
+          return res.sendStatus(429)
+        }
+        return next()
+      }
+    )
+  },
+}
diff --git a/services/web/app/src/Features/Docstore/DocstoreManager.js b/services/web/app/src/Features/Docstore/DocstoreManager.js
new file mode 100644
index 0000000..5fe0f27
--- /dev/null
+++ b/services/web/app/src/Features/Docstore/DocstoreManager.js
@@ -0,0 +1,314 @@
+const { promisify } = require('util')
+const { promisifyMultiResult } = require('@overleaf/promise-utils')
+const request = require('request').defaults({ jar: false })
+const OError = require('@overleaf/o-error')
+const logger = require('@overleaf/logger')
+const settings = require('@overleaf/settings')
+const Errors = require('../Errors/Errors')
+
+const TIMEOUT = 30 * 1000 // request timeout
+
+function deleteDoc(projectId, docId, name, deletedAt, callback) {
+  const url = `${settings.apis.docstore.url}/project/${projectId}/doc/${docId}`
+  const docMetaData = { deleted: true, deletedAt, name }
+  const options = { url, json: docMetaData, timeout: TIMEOUT }
+  request.patch(options, (error, res) => {
+    if (error) {
+      return callback(error)
+    }
+    if (res.statusCode >= 200 && res.statusCode < 300) {
+      callback(null)
+    } else if (res.statusCode === 404) {
+      error = new Errors.NotFoundError({
+        message: 'tried to delete doc not in docstore',
+        info: {
+          projectId,
+          docId,
+        },
+      })
+      callback(error) // maybe suppress the error when delete doc which is not present?
+    } else {
+      error = new OError(
+        `docstore api responded with non-success code: ${res.statusCode}`,
+        {
+          projectId,
+          docId,
+        }
+      )
+      callback(error)
+    }
+  })
+}
+
+/**
+ * @param {string} projectId
+ */
+function getAllDocs(projectId, callback) {
+  const url = `${settings.apis.docstore.url}/project/${projectId}/doc`
+  request.get(
+    {
+      url,
+      timeout: TIMEOUT,
+      json: true,
+    },
+    (error, res, docs) => {
+      if (error) {
+        return callback(error)
+      }
+      if (res.statusCode >= 200 && res.statusCode < 300) {
+        callback(null, docs)
+      } else {
+        error = new OError(
+          `docstore api responded with non-success code: ${res.statusCode}`,
+          { projectId }
+        )
+        callback(error)
+      }
+    }
+  )
+}
+
+function getAllDeletedDocs(projectId, callback) {
+  const url = `${settings.apis.docstore.url}/project/${projectId}/doc-deleted`
+  request.get({ url, timeout: TIMEOUT, json: true }, (error, res, docs) => {
+    if (error) {
+      callback(OError.tag(error, 'could not get deleted docs from docstore'))
+    } else if (res.statusCode === 200) {
+      callback(null, docs)
+    } else {
+      callback(
+        new OError(
+          `docstore api responded with non-success code: ${res.statusCode}`,
+          { projectId }
+        )
+      )
+    }
+  })
+}
+
+/**
+ * @param {string} projectId
+ * @param {Callback} callback
+ */
+function getAllRanges(projectId, callback) {
+  const url = `${settings.apis.docstore.url}/project/${projectId}/ranges`
+  request.get(
+    {
+      url,
+      timeout: TIMEOUT,
+      json: true,
+    },
+    (error, res, docs) => {
+      if (error) {
+        return callback(error)
+      }
+      if (res.statusCode >= 200 && res.statusCode < 300) {
+        callback(null, docs)
+      } else {
+        error = new OError(
+          `docstore api responded with non-success code: ${res.statusCode}`,
+          { projectId }
+        )
+        callback(error)
+      }
+    }
+  )
+}
+
+function getDoc(projectId, docId, options, callback) {
+  if (options == null) {
+    options = {}
+  }
+  if (typeof options === 'function') {
+    callback = options
+    options = {}
+  }
+  const requestParams = { timeout: TIMEOUT, json: true }
+  if (options.peek) {
+    requestParams.url = `${settings.apis.docstore.url}/project/${projectId}/doc/${docId}/peek`
+  } else {
+    requestParams.url = `${settings.apis.docstore.url}/project/${projectId}/doc/${docId}`
+  }
+  if (options.include_deleted) {
+    requestParams.qs = { include_deleted: 'true' }
+  }
+  request.get(requestParams, (error, res, doc) => {
+    if (error) {
+      return callback(error)
+    }
+    if (res.statusCode >= 200 && res.statusCode < 300) {
+      logger.debug(
+        { docId, projectId, version: doc.version, rev: doc.rev },
+        'got doc from docstore api'
+      )
+      callback(null, doc.lines, doc.rev, doc.version, doc.ranges)
+    } else if (res.statusCode === 404) {
+      error = new Errors.NotFoundError({
+        message: 'doc not found in docstore',
+        info: {
+          projectId,
+          docId,
+        },
+      })
+      callback(error)
+    } else {
+      error = new OError(
+        `docstore api responded with non-success code: ${res.statusCode}`,
+        {
+          projectId,
+          docId,
+        }
+      )
+      callback(error)
+    }
+  })
+}
+
+function isDocDeleted(projectId, docId, callback) {
+  const url = `${settings.apis.docstore.url}/project/${projectId}/doc/${docId}/deleted`
+  request.get({ url, timeout: TIMEOUT, json: true }, (err, res, body) => {
+    if (err) {
+      callback(err)
+    } else if (res.statusCode === 200) {
+      callback(null, body.deleted)
+    } else if (res.statusCode === 404) {
+      callback(
+        new Errors.NotFoundError({
+          message: 'doc does not exist in project',
+          info: { projectId, docId },
+        })
+      )
+    } else {
+      callback(
+        new OError(
+          `docstore api responded with non-success code: ${res.statusCode}`,
+          { projectId, docId }
+        )
+      )
+    }
+  })
+}
+
+function updateDoc(projectId, docId, lines, version, ranges, callback) {
+  const url = `${settings.apis.docstore.url}/project/${projectId}/doc/${docId}`
+  request.post(
+    {
+      url,
+      timeout: TIMEOUT,
+      json: {
+        lines,
+        version,
+        ranges,
+      },
+    },
+    (error, res, result) => {
+      if (error) {
+        return callback(error)
+      }
+      if (res.statusCode >= 200 && res.statusCode < 300) {
+        logger.debug(
+          { projectId, docId },
+          'update doc in docstore url finished'
+        )
+        callback(null, result.modified, result.rev)
+      } else {
+        error = new OError(
+          `docstore api responded with non-success code: ${res.statusCode}`,
+          { projectId, docId }
+        )
+        callback(error)
+      }
+    }
+  )
+}
+
+/**
+ * Asks docstore whether any doc in the project has ranges
+ *
+ * @param {string} proejctId
+ * @param {Callback} callback
+ */
+function projectHasRanges(projectId, callback) {
+  const url = `${settings.apis.docstore.url}/project/${projectId}/has-ranges`
+  request.get({ url, timeout: TIMEOUT, json: true }, (err, res, body) => {
+    if (err) {
+      return callback(err)
+    }
+    if (res.statusCode >= 200 && res.statusCode < 300) {
+      callback(null, body.projectHasRanges)
+    } else {
+      callback(
+        new OError(
+          `docstore api responded with non-success code: ${res.statusCode}`,
+          { projectId }
+        )
+      )
+    }
+  })
+}
+
+function archiveProject(projectId, callback) {
+  _operateOnProject(projectId, 'archive', callback)
+}
+
+function unarchiveProject(projectId, callback) {
+  _operateOnProject(projectId, 'unarchive', callback)
+}
+
+function destroyProject(projectId, callback) {
+  _operateOnProject(projectId, 'destroy', callback)
+}
+
+function _operateOnProject(projectId, method, callback) {
+  const url = `${settings.apis.docstore.url}/project/${projectId}/${method}`
+  logger.debug({ projectId }, `calling ${method} for project in docstore`)
+  // use default timeout for archiving/unarchiving/destroying
+  request.post(url, (err, res, docs) => {
+    if (err) {
+      OError.tag(err, `error calling ${method} project in docstore`, {
+        projectId,
+      })
+      return callback(err)
+    }
+
+    if (res.statusCode >= 200 && res.statusCode < 300) {
+      callback()
+    } else {
+      const error = new Error(
+        `docstore api responded with non-success code: ${res.statusCode}`
+      )
+      logger.warn(
+        { err: error, projectId },
+        `error calling ${method} project in docstore`
+      )
+      callback(error)
+    }
+  })
+}
+
+module.exports = {
+  deleteDoc,
+  getAllDocs,
+  getAllDeletedDocs,
+  getAllRanges,
+  getDoc,
+  isDocDeleted,
+  updateDoc,
+  projectHasRanges,
+  archiveProject,
+  unarchiveProject,
+  destroyProject,
+  promises: {
+    deleteDoc: promisify(deleteDoc),
+    getAllDocs: promisify(getAllDocs),
+    getAllDeletedDocs: promisify(getAllDeletedDocs),
+    getAllRanges: promisify(getAllRanges),
+    getDoc: promisifyMultiResult(getDoc, ['lines', 'rev', 'version', 'ranges']),
+    isDocDeleted: promisify(isDocDeleted),
+    updateDoc: promisifyMultiResult(updateDoc, ['modified', 'rev']),
+    projectHasRanges: promisify(projectHasRanges),
+    archiveProject: promisify(archiveProject),
+    unarchiveProject: promisify(unarchiveProject),
+    destroyProject: promisify(destroyProject),
+  },
+}
diff --git a/services/web/app/src/Features/DocumentUpdater/DocumentUpdaterController.mjs b/services/web/app/src/Features/DocumentUpdater/DocumentUpdaterController.mjs
new file mode 100644
index 0000000..d02b5a7
--- /dev/null
+++ b/services/web/app/src/Features/DocumentUpdater/DocumentUpdaterController.mjs
@@ -0,0 +1,47 @@
+import logger from '@overleaf/logger'
+import DocumentUpdaterHandler from './DocumentUpdaterHandler.js'
+import ProjectLocator from '../Project/ProjectLocator.js'
+import { plainTextResponse } from '../../infrastructure/Response.js'
+import { expressify } from '@overleaf/promise-utils'
+
+async function getDoc(req, res) {
+  const projectId = req.params.Project_id
+  const docId = req.params.Doc_id
+
+  try {
+    const { element: doc } = await ProjectLocator.promises.findElement({
+      project_id: projectId,
+      element_id: docId,
+      type: 'doc',
+    })
+
+    const { lines } = await DocumentUpdaterHandler.promises.getDocument(
+      projectId,
+      docId,
+      -1 // latest version only
+    )
+
+    res.setContentDisposition('attachment', { filename: doc.name })
+    plainTextResponse(res, lines.join('\n'))
+  } catch (err) {
+    if (err.name === 'NotFoundError') {
+      logger.warn(
+        { err, projectId, docId },
+        'entity not found when downloading doc'
+      )
+
+      return res.sendStatus(404)
+    }
+
+    logger.err(
+      { err, projectId, docId },
+      'error getting document for downloading'
+    )
+
+    return res.sendStatus(500)
+  }
+}
+
+export default {
+  getDoc: expressify(getDoc),
+}
diff --git a/services/web/app/src/Features/DocumentUpdater/DocumentUpdaterHandler.js b/services/web/app/src/Features/DocumentUpdater/DocumentUpdaterHandler.js
new file mode 100644
index 0000000..493b812
--- /dev/null
+++ b/services/web/app/src/Features/DocumentUpdater/DocumentUpdaterHandler.js
@@ -0,0 +1,656 @@
+const request = require('request').defaults({ timeout: 30 * 1000 })
+const OError = require('@overleaf/o-error')
+const settings = require('@overleaf/settings')
+const _ = require('lodash')
+const async = require('async')
+const logger = require('@overleaf/logger')
+const metrics = require('@overleaf/metrics')
+const { promisify } = require('util')
+const { promisifyMultiResult } = require('@overleaf/promise-utils')
+const ProjectGetter = require('../Project/ProjectGetter')
+const FileStoreHandler = require('../FileStore/FileStoreHandler')
+const Features = require('../../infrastructure/Features')
+
+function getProjectLastUpdatedAt(projectId, callback) {
+  _makeRequest(
+    {
+      path: `/project/${projectId}/last_updated_at`,
+      method: 'GET',
+      json: true,
+    },
+    projectId,
+    'project.redis.last_updated_at',
+    (err, body) => {
+      if (err || !body?.lastUpdatedAt) return callback(err, null)
+      callback(null, new Date(body.lastUpdatedAt))
+    }
+  )
+}
+
+/**
+ * @param {string} projectId
+ */
+function flushProjectToMongo(projectId, callback) {
+  _makeRequest(
+    {
+      path: `/project/${projectId}/flush`,
+      method: 'POST',
+    },
+    projectId,
+    'flushing.mongo.project',
+    callback
+  )
+}
+
+function flushMultipleProjectsToMongo(projectIds, callback) {
+  const jobs = projectIds.map(projectId => callback => {
+    flushProjectToMongo(projectId, callback)
+  })
+  async.series(jobs, callback)
+}
+
+/**
+ * @param {string} projectId
+ */
+function flushProjectToMongoAndDelete(projectId, callback) {
+  _makeRequest(
+    {
+      path: `/project/${projectId}`,
+      method: 'DELETE',
+    },
+    projectId,
+    'flushing.mongo.project',
+    callback
+  )
+}
+
+function flushDocToMongo(projectId, docId, callback) {
+  _makeRequest(
+    {
+      path: `/project/${projectId}/doc/${docId}/flush`,
+      method: 'POST',
+    },
+    projectId,
+    'flushing.mongo.doc',
+    callback
+  )
+}
+
+function deleteDoc(projectId, docId, ignoreFlushErrors, callback) {
+  if (typeof ignoreFlushErrors === 'function') {
+    callback = ignoreFlushErrors
+    ignoreFlushErrors = false
+  }
+  let path = `/project/${projectId}/doc/${docId}`
+  if (ignoreFlushErrors) {
+    path += '?ignore_flush_errors=true'
+  }
+  const method = 'DELETE'
+  _makeRequest(
+    {
+      path,
+      method,
+    },
+    projectId,
+    'delete.mongo.doc',
+    callback
+  )
+}
+
+function getComment(projectId, docId, commentId, callback) {
+  _makeRequest(
+    {
+      path: `/project/${projectId}/doc/${docId}/comment/${commentId}`,
+      json: true,
+    },
+    projectId,
+    'get-comment',
+    function (error, comment) {
+      if (error) {
+        return callback(error)
+      }
+      callback(null, comment)
+    }
+  )
+}
+
+function getDocument(projectId, docId, fromVersion, callback) {
+  _makeRequest(
+    {
+      path: `/project/${projectId}/doc/${docId}?fromVersion=${fromVersion}`,
+      json: true,
+    },
+    projectId,
+    'get-document',
+    function (error, doc) {
+      if (error) {
+        return callback(error)
+      }
+      callback(null, doc.lines, doc.version, doc.ranges, doc.ops)
+    }
+  )
+}
+
+function setDocument(projectId, docId, userId, docLines, source, callback) {
+  _makeRequest(
+    {
+      path: `/project/${projectId}/doc/${docId}`,
+      method: 'POST',
+      json: {
+        lines: docLines,
+        source,
+        user_id: userId,
+      },
+    },
+    projectId,
+    'set-document',
+    callback
+  )
+}
+
+function appendToDocument(projectId, docId, userId, lines, source, callback) {
+  _makeRequest(
+    {
+      path: `/project/${projectId}/doc/${docId}/append`,
+      method: 'POST',
+      json: {
+        lines,
+        source,
+        user_id: userId,
+      },
+    },
+    projectId,
+    'append-to-document',
+    callback
+  )
+}
+
+function getProjectDocsIfMatch(projectId, projectStateHash, callback) {
+  // If the project state hasn't changed, we can get all the latest
+  // docs from redis via the docupdater. Otherwise we will need to
+  // fall back to getting them from mongo.
+  const timer = new metrics.Timer('get-project-docs')
+  const url = `${settings.apis.documentupdater.url}/project/${projectId}/get_and_flush_if_old?state=${projectStateHash}`
+  request.post(url, function (error, res, body) {
+    timer.done()
+    if (error) {
+      OError.tag(error, 'error getting project docs from doc updater', {
+        url,
+        projectId,
+      })
+      return callback(error)
+    }
+    if (res.statusCode === 409) {
+      // HTTP response code "409 Conflict"
+      // Docupdater has checked the projectStateHash and found that
+      // it has changed. This means that the docs currently in redis
+      // aren't the only change to the project and the full set of
+      // docs/files should be retreived from docstore/filestore
+      // instead.
+      callback()
+    } else if (res.statusCode >= 200 && res.statusCode < 300) {
+      let docs
+      try {
+        docs = JSON.parse(body)
+      } catch (error1) {
+        return callback(OError.tag(error1))
+      }
+      callback(null, docs)
+    } else {
+      callback(
+        new OError(
+          `doc updater returned a non-success status code: ${res.statusCode}`,
+          {
+            projectId,
+            url,
+          }
+        )
+      )
+    }
+  })
+}
+
+function clearProjectState(projectId, callback) {
+  _makeRequest(
+    {
+      path: `/project/${projectId}/clearState`,
+      method: 'POST',
+    },
+    projectId,
+    'clear-project-state',
+    callback
+  )
+}
+
+function acceptChanges(projectId, docId, changeIds, callback) {
+  _makeRequest(
+    {
+      path: `/project/${projectId}/doc/${docId}/change/accept`,
+      json: { change_ids: changeIds },
+      method: 'POST',
+    },
+    projectId,
+    'accept-changes',
+    callback
+  )
+}
+
+function resolveThread(projectId, docId, threadId, userId, callback) {
+  _makeRequest(
+    {
+      path: `/project/${projectId}/doc/${docId}/comment/${threadId}/resolve`,
+      method: 'POST',
+      json: {
+        user_id: userId,
+      },
+    },
+    projectId,
+    'resolve-thread',
+    callback
+  )
+}
+
+function reopenThread(projectId, docId, threadId, userId, callback) {
+  _makeRequest(
+    {
+      path: `/project/${projectId}/doc/${docId}/comment/${threadId}/reopen`,
+      method: 'POST',
+      json: {
+        user_id: userId,
+      },
+    },
+    projectId,
+    'reopen-thread',
+    callback
+  )
+}
+
+function deleteThread(projectId, docId, threadId, userId, callback) {
+  _makeRequest(
+    {
+      path: `/project/${projectId}/doc/${docId}/comment/${threadId}`,
+      method: 'DELETE',
+      json: {
+        user_id: userId,
+      },
+    },
+    projectId,
+    'delete-thread',
+    callback
+  )
+}
+
+function resyncProjectHistory(
+  projectId,
+  projectHistoryId,
+  docs,
+  files,
+  opts,
+  callback
+) {
+  docs = docs.map(doc => ({
+    doc: doc.doc._id,
+    path: doc.path,
+  }))
+  const hasFilestore = Features.hasFeature('filestore')
+  if (!hasFilestore) {
+    // Files without a hash likely do not have a blob. Abort.
+    for (const { file } of files) {
+      if (!file.hash) {
+        return callback(
+          new OError('found file with missing hash', { projectId, file })
+        )
+      }
+    }
+  }
+  files = files.map(file => ({
+    file: file.file._id,
+    path: file.path,
+    url: hasFilestore
+      ? FileStoreHandler._buildUrl(projectId, file.file._id)
+      : undefined,
+    _hash: file.file.hash,
+    createdBlob: !hasFilestore,
+    metadata: buildFileMetadataForHistory(file.file),
+  }))
+
+  const body = { docs, files, projectHistoryId }
+  if (opts.historyRangesMigration) {
+    body.historyRangesMigration = opts.historyRangesMigration
+  }
+  if (opts.resyncProjectStructureOnly) {
+    body.resyncProjectStructureOnly = opts.resyncProjectStructureOnly
+  }
+  _makeRequest(
+    {
+      path: `/project/${projectId}/history/resync`,
+      json: body,
+      method: 'POST',
+      timeout: 6 * 60 * 1000, // allow 6 minutes for resync
+    },
+    projectId,
+    'resync-project-history',
+    callback
+  )
+}
+
+/**
+ * Block a project from being loaded in docupdater
+ *
+ * @param {string} projectId
+ * @param {Callback} callback
+ */
+function blockProject(projectId, callback) {
+  _makeRequest(
+    { path: `/project/${projectId}/block`, method: 'POST', json: true },
+    projectId,
+    'block-project',
+    (err, body) => {
+      if (err) {
+        return callback(err)
+      }
+      callback(null, body.blocked)
+    }
+  )
+}
+
+/**
+ * Unblock a previously blocked project
+ *
+ * @param {string} projectId
+ * @param {Callback} callback
+ */
+function unblockProject(projectId, callback) {
+  _makeRequest(
+    { path: `/project/${projectId}/unblock`, method: 'POST', json: true },
+    projectId,
+    'unblock-project',
+    (err, body) => {
+      if (err) {
+        return callback(err)
+      }
+      callback(null, body.wasBlocked)
+    }
+  )
+}
+
+function updateProjectStructure(
+  projectId,
+  projectHistoryId,
+  userId,
+  changes,
+  source,
+  callback
+) {
+  if (
+    settings.apis.project_history == null ||
+    !settings.apis.project_history.sendProjectStructureOps
+  ) {
+    return callback()
+  }
+
+  ProjectGetter.getProjectWithoutLock(
+    projectId,
+    { overleaf: true },
+    (err, project) => {
+      if (err) {
+        return callback(err)
+      }
+      const historyRangesSupport = _.get(
+        project,
+        'overleaf.history.rangesSupportEnabled',
+        false
+      )
+      const {
+        deletes: docDeletes,
+        adds: docAdds,
+        renames: docRenames,
+      } = _getUpdates(
+        'doc',
+        changes.oldDocs,
+        changes.newDocs,
+        historyRangesSupport
+      )
+      const hasFilestore = Features.hasFeature('filestore')
+      if (!hasFilestore) {
+        for (const newEntity of changes.newFiles || []) {
+          if (!newEntity.file.hash) {
+            // Files without a hash likely do not have a blob. Abort.
+            return callback(
+              new OError('found file with missing hash', { newEntity })
+            )
+          }
+        }
+      }
+      const {
+        deletes: fileDeletes,
+        adds: fileAdds,
+        renames: fileRenames,
+      } = _getUpdates(
+        'file',
+        changes.oldFiles,
+        changes.newFiles,
+        historyRangesSupport
+      )
+      const updates = [].concat(
+        docDeletes,
+        fileDeletes,
+        docAdds,
+        fileAdds,
+        docRenames,
+        fileRenames
+      )
+      const projectVersion =
+        changes && changes.newProject && changes.newProject.version
+
+      if (updates.length < 1) {
+        return callback()
+      }
+
+      if (projectVersion == null) {
+        logger.warn(
+          { projectId, changes, projectVersion },
+          'did not receive project version in changes'
+        )
+        return callback(new Error('did not receive project version in changes'))
+      }
+
+      _makeRequest(
+        {
+          path: `/project/${projectId}`,
+          json: {
+            updates,
+            userId,
+            version: projectVersion,
+            projectHistoryId,
+            source,
+          },
+          method: 'POST',
+        },
+        projectId,
+        'update-project-structure',
+        callback
+      )
+    }
+  )
+}
+
+function _makeRequest(options, projectId, metricsKey, callback) {
+  const timer = new metrics.Timer(metricsKey)
+  request(
+    {
+      url: `${settings.apis.documentupdater.url}${options.path}`,
+      json: options.json,
+      method: options.method || 'GET',
+      timeout: options.timeout || 30 * 1000,
+    },
+    function (error, res, body) {
+      timer.done()
+      if (error) {
+        logger.warn(
+          { error, projectId },
+          'error making request to document updater'
+        )
+        callback(error)
+      } else if (res.statusCode >= 200 && res.statusCode < 300) {
+        callback(null, body)
+      } else {
+        error = new Error(
+          `document updater returned a failure status code: ${res.statusCode}`
+        )
+        logger.warn(
+          { error, projectId },
+          `document updater returned failure status code: ${res.statusCode}`
+        )
+        callback(error)
+      }
+    }
+  )
+}
+
+function _getUpdates(
+  entityType,
+  oldEntities,
+  newEntities,
+  historyRangesSupport
+) {
+  if (!oldEntities) {
+    oldEntities = []
+  }
+  if (!newEntities) {
+    newEntities = []
+  }
+  const deletes = []
+  const adds = []
+  const renames = []
+
+  const oldEntitiesHash = _.keyBy(oldEntities, entity =>
+    entity[entityType]._id.toString()
+  )
+  const newEntitiesHash = _.keyBy(newEntities, entity =>
+    entity[entityType]._id.toString()
+  )
+
+  // Send deletes before adds (and renames) to keep a 1:1 mapping between
+  // paths and ids
+  //
+  // When a file is replaced, we first delete the old file and then add the
+  // new file. If the 'add' operation is sent to project history before the
+  // 'delete' then we would have two files with the same path at that point
+  // in time.
+  for (const id in oldEntitiesHash) {
+    const oldEntity = oldEntitiesHash[id]
+    const newEntity = newEntitiesHash[id]
+
+    if (newEntity == null) {
+      // entity deleted
+      deletes.push({
+        type: `rename-${entityType}`,
+        id,
+        pathname: oldEntity.path,
+        newPathname: '',
+      })
+    }
+  }
+  const hasFilestore = Features.hasFeature('filestore')
+
+  for (const id in newEntitiesHash) {
+    const newEntity = newEntitiesHash[id]
+    const oldEntity = oldEntitiesHash[id]
+
+    if (oldEntity == null) {
+      // entity added
+      adds.push({
+        type: `add-${entityType}`,
+        id,
+        pathname: newEntity.path,
+        docLines: newEntity.docLines,
+        ranges: newEntity.ranges,
+        historyRangesSupport,
+        url: newEntity.file != null && hasFilestore ? newEntity.url : undefined,
+        hash: newEntity.file != null ? newEntity.file.hash : undefined,
+        metadata: buildFileMetadataForHistory(newEntity.file),
+        createdBlob: (newEntity.createdBlob || !hasFilestore) ?? false,
+      })
+    } else if (newEntity.path !== oldEntity.path) {
+      // entity renamed
+      renames.push({
+        type: `rename-${entityType}`,
+        id,
+        pathname: oldEntity.path,
+        newPathname: newEntity.path,
+      })
+    }
+  }
+
+  return { deletes, adds, renames }
+}
+
+function buildFileMetadataForHistory(file) {
+  if (!file?.linkedFileData) return undefined
+
+  const metadata = {
+    // Files do not have a created at timestamp in the history.
+    // For cloned projects, the importedAt timestamp needs to remain untouched.
+    // Record the timestamp in the metadata blob to keep everything self-contained.
+    importedAt: file.created,
+    ...file.linkedFileData,
+  }
+  if (metadata.provider === 'project_output_file') {
+    // The build-id and clsi-server-id are only used for downloading file.
+    // Omit them from history as they are not useful in the future.
+    delete metadata.build_id
+    delete metadata.clsiServerId
+  }
+  return metadata
+}
+
+module.exports = {
+  flushProjectToMongo,
+  flushMultipleProjectsToMongo,
+  flushProjectToMongoAndDelete,
+  flushDocToMongo,
+  deleteDoc,
+  getComment,
+  getDocument,
+  getProjectLastUpdatedAt,
+  setDocument,
+  appendToDocument,
+  getProjectDocsIfMatch,
+  clearProjectState,
+  acceptChanges,
+  resolveThread,
+  reopenThread,
+  deleteThread,
+  resyncProjectHistory,
+  blockProject,
+  unblockProject,
+  updateProjectStructure,
+  promises: {
+    flushProjectToMongo: promisify(flushProjectToMongo),
+    flushMultipleProjectsToMongo: promisify(flushMultipleProjectsToMongo),
+    flushProjectToMongoAndDelete: promisify(flushProjectToMongoAndDelete),
+    flushDocToMongo: promisify(flushDocToMongo),
+    deleteDoc: promisify(deleteDoc),
+    getComment: promisify(getComment),
+    getDocument: promisifyMultiResult(getDocument, [
+      'lines',
+      'version',
+      'ranges',
+      'ops',
+    ]),
+    setDocument: promisify(setDocument),
+    getProjectDocsIfMatch: promisify(getProjectDocsIfMatch),
+    getProjectLastUpdatedAt: promisify(getProjectLastUpdatedAt),
+    clearProjectState: promisify(clearProjectState),
+    acceptChanges: promisify(acceptChanges),
+    resolveThread: promisify(resolveThread),
+    reopenThread: promisify(reopenThread),
+    deleteThread: promisify(deleteThread),
+    resyncProjectHistory: promisify(resyncProjectHistory),
+    blockProject: promisify(blockProject),
+    unblockProject: promisify(unblockProject),
+    updateProjectStructure: promisify(updateProjectStructure),
+    appendToDocument: promisify(appendToDocument),
+  },
+}
diff --git a/services/web/app/src/Features/Documents/DocumentController.mjs b/services/web/app/src/Features/Documents/DocumentController.mjs
new file mode 100644
index 0000000..6886414
--- /dev/null
+++ b/services/web/app/src/Features/Documents/DocumentController.mjs
@@ -0,0 +1,95 @@
+import ChatApiHandler from '../Chat/ChatApiHandler.js'
+import ProjectGetter from '../Project/ProjectGetter.js'
+import ProjectLocator from '../Project/ProjectLocator.js'
+import ProjectEntityHandler from '../Project/ProjectEntityHandler.js'
+import ProjectEntityUpdateHandler from '../Project/ProjectEntityUpdateHandler.js'
+import logger from '@overleaf/logger'
+import _ from 'lodash'
+import { plainTextResponse } from '../../infrastructure/Response.js'
+import { expressify } from '@overleaf/promise-utils'
+
+async function getDocument(req, res) {
+  const { Project_id: projectId, doc_id: docId } = req.params
+  const plain = req.query.plain === 'true'
+  const peek = req.query.peek === 'true'
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    rootFolder: true,
+    overleaf: true,
+  })
+  if (!project) {
+    return res.sendStatus(404)
+  }
+
+  const { path } = await ProjectLocator.promises.findElement({
+    project,
+    element_id: docId,
+    type: 'doc',
+  })
+
+  const { lines, version, ranges } = await ProjectEntityHandler.promises.getDoc(
+    projectId,
+    docId,
+    { peek }
+  )
+
+  const resolvedCommentIdsInProject =
+    await ChatApiHandler.promises.getResolvedThreadIds(projectId)
+
+  const commentIdsInDoc = new Set(
+    ranges?.comments?.map(comment => comment.id) ?? []
+  )
+
+  const resolvedCommentIds = resolvedCommentIdsInProject.filter(commentId =>
+    commentIdsInDoc.has(commentId)
+  )
+
+  if (plain) {
+    plainTextResponse(res, lines.join('\n'))
+  } else {
+    const projectHistoryId = _.get(project, 'overleaf.history.id')
+    const historyRangesSupport = _.get(
+      project,
+      'overleaf.history.rangesSupportEnabled',
+      false
+    )
+
+    // all projects are now migrated to Full Project History, keeping the field
+    // for API compatibility
+    const projectHistoryType = 'project-history'
+
+    res.json({
+      lines,
+      version,
+      ranges,
+      pathname: path.fileSystem,
+      projectHistoryId,
+      projectHistoryType,
+      historyRangesSupport,
+      resolvedCommentIds,
+    })
+  }
+}
+
+async function setDocument(req, res) {
+  const { Project_id: projectId, doc_id: docId } = req.params
+  const { lines, version, ranges, lastUpdatedAt, lastUpdatedBy } = req.body
+  const result = await ProjectEntityUpdateHandler.promises.updateDocLines(
+    projectId,
+    docId,
+    lines,
+    version,
+    ranges,
+    lastUpdatedAt,
+    lastUpdatedBy
+  )
+  logger.debug(
+    { docId, projectId },
+    'finished receiving set document request from api (docupdater)'
+  )
+  res.json(result)
+}
+
+export default {
+  getDocument: expressify(getDocument),
+  setDocument: expressify(setDocument),
+}
diff --git a/services/web/app/src/Features/Documents/DocumentHelper.js b/services/web/app/src/Features/Documents/DocumentHelper.js
new file mode 100644
index 0000000..959cc91
--- /dev/null
+++ b/services/web/app/src/Features/Documents/DocumentHelper.js
@@ -0,0 +1,78 @@
+/* eslint-disable
+    max-len,
+    no-cond-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let DocumentHelper
+module.exports = DocumentHelper = {
+  getTitleFromTexContent(content, maxContentToScan) {
+    if (maxContentToScan == null) {
+      maxContentToScan = 30000
+    }
+    const TITLE_WITH_CURLY_BRACES = /\\[tT]itle\*?\s*{([^}]+)}/
+    const TITLE_WITH_SQUARE_BRACES = /\\[tT]itle\s*\[([^\]]+)\]/
+    for (const line of Array.from(
+      DocumentHelper._getLinesFromContent(content, maxContentToScan)
+    )) {
+      let match
+      if (
+        (match =
+          line.match(TITLE_WITH_CURLY_BRACES) ||
+          line.match(TITLE_WITH_SQUARE_BRACES))
+      ) {
+        return DocumentHelper.detex(match[1])
+      }
+    }
+
+    return null
+  },
+
+  contentHasDocumentclass(content, maxContentToScan) {
+    if (maxContentToScan == null) {
+      maxContentToScan = 30000
+    }
+    for (const line of Array.from(
+      DocumentHelper._getLinesFromContent(content, maxContentToScan)
+    )) {
+      // We've had problems with this regex locking up CPU.
+      // Previously /.*\\documentclass/ would totally lock up on lines of 500kb (data text files :()
+      // This regex will only look from the start of the line, including whitespace so will return quickly
+      // regardless of line length.
+      if (line.match(/^\s*\\documentclass/)) {
+        return true
+      }
+    }
+
+    return false
+  },
+
+  detex(string) {
+    return string
+      .replace(/\\LaTeX/g, 'LaTeX')
+      .replace(/\\TeX/g, 'TeX')
+      .replace(/\\TikZ/g, 'TikZ')
+      .replace(/\\BibTeX/g, 'BibTeX')
+      .replace(/\\\[[A-Za-z0-9. ]*\]/g, ' ') // line spacing
+      .replace(/\\(?:[a-zA-Z]+|.|)/g, '')
+      .replace(/{}|~/g, ' ')
+      .replace(/[${}]/g, '')
+      .replace(/ +/g, ' ')
+      .trim()
+  },
+
+  _getLinesFromContent(content, maxContentToScan) {
+    if (typeof content === 'string') {
+      return content.substring(0, maxContentToScan).split('\n')
+    } else {
+      return content
+    }
+  },
+}
diff --git a/services/web/app/src/Features/Downloads/ProjectDownloadsController.mjs b/services/web/app/src/Features/Downloads/ProjectDownloadsController.mjs
new file mode 100644
index 0000000..6bd239b
--- /dev/null
+++ b/services/web/app/src/Features/Downloads/ProjectDownloadsController.mjs
@@ -0,0 +1,79 @@
+/* eslint-disable
+    max-len,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import Metrics from '@overleaf/metrics'
+import ProjectGetter from '../Project/ProjectGetter.js'
+import ProjectZipStreamManager from './ProjectZipStreamManager.mjs'
+import DocumentUpdaterHandler from '../DocumentUpdater/DocumentUpdaterHandler.js'
+import { prepareZipAttachment } from '../../infrastructure/Response.js'
+
+let ProjectDownloadsController
+
+export default ProjectDownloadsController = {
+  downloadProject(req, res, next) {
+    const projectId = req.params.Project_id
+    Metrics.inc('zip-downloads')
+    return DocumentUpdaterHandler.flushProjectToMongo(
+      projectId,
+      function (error) {
+        if (error != null) {
+          return next(error)
+        }
+        return ProjectGetter.getProject(
+          projectId,
+          { name: true },
+          function (error, project) {
+            if (error != null) {
+              return next(error)
+            }
+            return ProjectZipStreamManager.createZipStreamForProject(
+              projectId,
+              function (error, stream) {
+                if (error != null) {
+                  return next(error)
+                }
+                prepareZipAttachment(res, `${project.name}.zip`)
+                return stream.pipe(res)
+              }
+            )
+          }
+        )
+      }
+    )
+  },
+
+  downloadMultipleProjects(req, res, next) {
+    const projectIds = req.query.project_ids.split(',')
+    Metrics.inc('zip-downloads-multiple')
+    return DocumentUpdaterHandler.flushMultipleProjectsToMongo(
+      projectIds,
+      function (error) {
+        if (error != null) {
+          return next(error)
+        }
+        return ProjectZipStreamManager.createZipStreamForMultipleProjects(
+          projectIds,
+          function (error, stream) {
+            if (error != null) {
+              return next(error)
+            }
+            prepareZipAttachment(
+              res,
+              `Overleaf Projects (${projectIds.length} items).zip`
+            )
+            return stream.pipe(res)
+          }
+        )
+      }
+    )
+  },
+}
diff --git a/services/web/app/src/Features/Downloads/ProjectZipStreamManager.mjs b/services/web/app/src/Features/Downloads/ProjectZipStreamManager.mjs
new file mode 100644
index 0000000..2c07251
--- /dev/null
+++ b/services/web/app/src/Features/Downloads/ProjectZipStreamManager.mjs
@@ -0,0 +1,160 @@
+import archiver from 'archiver'
+import async from 'async'
+import logger from '@overleaf/logger'
+import ProjectEntityHandler from '../Project/ProjectEntityHandler.js'
+import ProjectGetter from '../Project/ProjectGetter.js'
+import HistoryManager from '../History/HistoryManager.js'
+import FileStoreHandler from '../FileStore/FileStoreHandler.js'
+import Features from '../../infrastructure/Features.js'
+let ProjectZipStreamManager
+
+export default ProjectZipStreamManager = {
+  createZipStreamForMultipleProjects(projectIds, callback) {
+    // We'll build up a zip file that contains multiple zip files
+    const archive = archiver('zip')
+    archive.on('error', err =>
+      logger.err(
+        { err, projectIds },
+        'something went wrong building archive of project'
+      )
+    )
+    callback(null, archive)
+
+    const jobs = projectIds.map(projectId => cb => {
+      ProjectGetter.getProject(projectId, { name: true }, (error, project) => {
+        if (error) {
+          return cb(error)
+        }
+        if (!project) {
+          logger.debug(
+            { projectId },
+            'cannot append project to zip stream: project not found'
+          )
+          return cb()
+        }
+        logger.debug(
+          { projectId, name: project.name },
+          'appending project to zip stream'
+        )
+        ProjectZipStreamManager.createZipStreamForProject(
+          projectId,
+          (error, stream) => {
+            if (error) {
+              return cb(error)
+            }
+            archive.append(stream, { name: `${project.name}.zip` })
+            stream.on('end', () => {
+              logger.debug(
+                { projectId, name: project.name },
+                'zip stream ended'
+              )
+              cb()
+            })
+          }
+        )
+      })
+    })
+
+    async.series(jobs, () => {
+      logger.debug(
+        { projectIds },
+        'finished creating zip stream of multiple projects'
+      )
+      archive.finalize()
+    })
+  },
+
+  createZipStreamForProject(projectId, callback) {
+    const archive = archiver('zip')
+    // return stream immediately before we start adding things to it
+    archive.on('error', err =>
+      logger.err(
+        { err, projectId },
+        'something went wrong building archive of project'
+      )
+    )
+    callback(null, archive)
+    this.addAllDocsToArchive(projectId, archive, error => {
+      if (error) {
+        logger.error(
+          { err: error, projectId },
+          'error adding docs to zip stream'
+        )
+      }
+      this.addAllFilesToArchive(projectId, archive, error => {
+        if (error) {
+          logger.error(
+            { err: error, projectId },
+            'error adding files to zip stream'
+          )
+        }
+        archive.finalize()
+      })
+    })
+  },
+
+  addAllDocsToArchive(projectId, archive, callback) {
+    ProjectEntityHandler.getAllDocs(projectId, (error, docs) => {
+      if (error) {
+        return callback(error)
+      }
+      const jobs = Object.entries(docs).map(([path, doc]) => cb => {
+        if (path[0] === '/') {
+          path = path.slice(1)
+        }
+        logger.debug({ projectId }, 'Adding doc')
+        archive.append(doc.lines.join('\n'), { name: path })
+        setImmediate(cb)
+      })
+      async.series(jobs, callback)
+    })
+  },
+
+  getFileStream: (projectId, file, callback) => {
+    if (Features.hasFeature('project-history-blobs')) {
+      HistoryManager.requestBlobWithFallback(
+        projectId,
+        file.hash,
+        file._id,
+        (error, result) => {
+          if (error) {
+            return callback(error)
+          }
+          const { stream } = result
+          callback(null, stream)
+        }
+      )
+    } else {
+      FileStoreHandler.getFileStream(projectId, file._id, {}, callback)
+    }
+  },
+
+  addAllFilesToArchive(projectId, archive, callback) {
+    ProjectEntityHandler.getAllFiles(projectId, (error, files) => {
+      if (error) {
+        return callback(error)
+      }
+      const jobs = Object.entries(files).map(([path, file]) => cb => {
+        ProjectZipStreamManager.getFileStream(
+          projectId,
+          file,
+          (error, stream) => {
+            if (error) {
+              logger.warn(
+                { err: error, projectId, fileId: file._id },
+                'something went wrong adding file to zip archive'
+              )
+              return cb(error)
+            }
+            if (path[0] === '/') {
+              path = path.slice(1)
+            }
+            archive.append(stream, { name: path })
+            stream.on('end', () => cb())
+          }
+        )
+      })
+      async.parallelLimit(jobs, 5, callback)
+    })
+  },
+}
diff --git a/services/web/app/src/Features/Editor/EditorController.js b/services/web/app/src/Features/Editor/EditorController.js
new file mode 100644
index 0000000..4d3a5e9
--- /dev/null
+++ b/services/web/app/src/Features/Editor/EditorController.js
@@ -0,0 +1,695 @@
+const logger = require('@overleaf/logger')
+const OError = require('@overleaf/o-error')
+const Metrics = require('@overleaf/metrics')
+const ProjectEntityUpdateHandler = require('../Project/ProjectEntityUpdateHandler')
+const ProjectOptionsHandler = require('../Project/ProjectOptionsHandler')
+const ProjectDetailsHandler = require('../Project/ProjectDetailsHandler')
+const ProjectDeleter = require('../Project/ProjectDeleter')
+const EditorRealTimeController = require('./EditorRealTimeController')
+const async = require('async')
+const PublicAccessLevels = require('../Authorization/PublicAccessLevels')
+const { promisifyAll } = require('@overleaf/promise-utils')
+
+const EditorController = {
+  addDoc(projectId, folderId, docName, docLines, source, userId, callback) {
+    EditorController.addDocWithRanges(
+      projectId,
+      folderId,
+      docName,
+      docLines,
+      {},
+      source,
+      userId,
+      callback
+    )
+  },
+
+  addDocWithRanges(
+    projectId,
+    folderId,
+    docName,
+    docLines,
+    docRanges,
+    source,
+    userId,
+    callback
+  ) {
+    docName = docName.trim()
+    Metrics.inc('editor.add-doc')
+    ProjectEntityUpdateHandler.addDocWithRanges(
+      projectId,
+      folderId,
+      docName,
+      docLines,
+      docRanges,
+      userId,
+      source,
+      (err, doc, folderId) => {
+        if (err) {
+          OError.tag(err, 'error adding doc without lock', {
+            projectId,
+            docName,
+          })
+          return callback(err)
+        }
+        EditorRealTimeController.emitToRoom(
+          projectId,
+          'reciveNewDoc',
+          folderId,
+          doc,
+          source,
+          userId
+        )
+        callback(err, doc)
+      }
+    )
+  },
+
+  addFile(
+    projectId,
+    folderId,
+    fileName,
+    fsPath,
+    linkedFileData,
+    source,
+    userId,
+    callback
+  ) {
+    fileName = fileName.trim()
+    Metrics.inc('editor.add-file')
+    ProjectEntityUpdateHandler.addFile(
+      projectId,
+      folderId,
+      fileName,
+      fsPath,
+      linkedFileData,
+      userId,
+      source,
+      (err, fileRef, folderId) => {
+        if (err) {
+          OError.tag(err, 'error adding file without lock', {
+            projectId,
+            folderId,
+            fileName,
+          })
+          return callback(err)
+        }
+        EditorRealTimeController.emitToRoom(
+          projectId,
+          'reciveNewFile',
+          folderId,
+          fileRef,
+          source,
+          linkedFileData,
+          userId
+        )
+        callback(err, fileRef)
+      }
+    )
+  },
+
+  appendToDoc(projectId, docId, docLines, source, userId, callback) {
+    ProjectEntityUpdateHandler.appendToDoc(
+      projectId,
+      docId,
+      docLines,
+      source,
+      userId,
+      function (err, doc) {
+        if (err) {
+          OError.tag(err, 'error appending to doc', {
+            projectId,
+            docId,
+          })
+          return callback(err)
+        }
+        callback(err, doc)
+      }
+    )
+  },
+
+  upsertDoc(projectId, folderId, docName, docLines, source, userId, callback) {
+    ProjectEntityUpdateHandler.upsertDoc(
+      projectId,
+      folderId,
+      docName,
+      docLines,
+      source,
+      userId,
+      function (err, doc, didAddNewDoc) {
+        if (didAddNewDoc) {
+          EditorRealTimeController.emitToRoom(
+            projectId,
+            'reciveNewDoc',
+            folderId,
+            doc,
+            source,
+            userId
+          )
+        }
+        callback(err, doc)
+      }
+    )
+  },
+
+  upsertFile(
+    projectId,
+    folderId,
+    fileName,
+    fsPath,
+    linkedFileData,
+    source,
+    userId,
+    callback
+  ) {
+    ProjectEntityUpdateHandler.upsertFile(
+      projectId,
+      folderId,
+      fileName,
+      fsPath,
+      linkedFileData,
+      userId,
+      source,
+      function (err, newFile, didAddFile, existingFile) {
+        if (err) {
+          return callback(err)
+        }
+        if (!didAddFile) {
+          // replacement, so remove the existing file from the client
+          EditorRealTimeController.emitToRoom(
+            projectId,
+            'removeEntity',
+            existingFile._id,
+            source
+          )
+        }
+        // now add the new file on the client
+        EditorRealTimeController.emitToRoom(
+          projectId,
+          'reciveNewFile',
+          folderId,
+          newFile,
+          source,
+          linkedFileData,
+          userId
+        )
+        callback(null, newFile)
+      }
+    )
+  },
+
+  upsertDocWithPath(
+    projectId,
+    elementPath,
+    docLines,
+    source,
+    userId,
+    callback
+  ) {
+    ProjectEntityUpdateHandler.upsertDocWithPath(
+      projectId,
+      elementPath,
+      docLines,
+      source,
+      userId,
+      function (err, doc, didAddNewDoc, newFolders, lastFolder) {
+        if (err) {
+          return callback(err)
+        }
+        EditorController._notifyProjectUsersOfNewFolders(
+          projectId,
+          newFolders,
+          function (err) {
+            if (err) {
+              return callback(err)
+            }
+            if (didAddNewDoc) {
+              EditorRealTimeController.emitToRoom(
+                projectId,
+                'reciveNewDoc',
+                lastFolder._id,
+                doc,
+                source,
+                userId
+              )
+            }
+            callback(null, { doc, folder: lastFolder })
+          }
+        )
+      }
+    )
+  },
+
+  upsertFileWithPath(
+    projectId,
+    elementPath,
+    fsPath,
+    linkedFileData,
+    source,
+    userId,
+    callback
+  ) {
+    ProjectEntityUpdateHandler.upsertFileWithPath(
+      projectId,
+      elementPath,
+      fsPath,
+      linkedFileData,
+      userId,
+      source,
+      function (
+        err,
+        newFile,
+        didAddFile,
+        existingFile,
+        newFolders,
+        lastFolder
+      ) {
+        if (err) {
+          return callback(err)
+        }
+        EditorController._notifyProjectUsersOfNewFolders(
+          projectId,
+          newFolders,
+          function (err) {
+            if (err) {
+              return callback(err)
+            }
+            if (!didAddFile) {
+              // replacement, so remove the existing file from the client
+              EditorRealTimeController.emitToRoom(
+                projectId,
+                'removeEntity',
+                existingFile._id,
+                source
+              )
+            }
+            // now add the new file on the client
+            EditorRealTimeController.emitToRoom(
+              projectId,
+              'reciveNewFile',
+              lastFolder._id,
+              newFile,
+              source,
+              linkedFileData,
+              userId
+            )
+            callback(null, { file: newFile, folder: lastFolder })
+          }
+        )
+      }
+    )
+  },
+
+  addFolder(projectId, folderId, folderName, source, userId, callback) {
+    folderName = folderName.trim()
+    Metrics.inc('editor.add-folder')
+    ProjectEntityUpdateHandler.addFolder(
+      projectId,
+      folderId,
+      folderName,
+      userId,
+      (err, folder, folderId) => {
+        if (err) {
+          OError.tag(err, 'could not add folder', {
+            projectId,
+            folderId,
+            folderName,
+            source,
+          })
+          return callback(err)
+        }
+        EditorController._notifyProjectUsersOfNewFolder(
+          projectId,
+          folderId,
+          folder,
+          userId,
+          function (err) {
+            if (err) {
+              return callback(err)
+            }
+            callback(null, folder)
+          }
+        )
+      }
+    )
+  },
+
+  mkdirp(projectId, path, userId, callback) {
+    logger.debug({ projectId, path }, "making directories if they don't exist")
+    ProjectEntityUpdateHandler.mkdirp(
+      projectId,
+      path,
+      userId,
+      (err, newFolders, lastFolder) => {
+        if (err) {
+          OError.tag(err, 'could not mkdirp', {
+            projectId,
+            path,
+          })
+          return callback(err)
+        }
+
+        EditorController._notifyProjectUsersOfNewFolders(
+          projectId,
+          newFolders,
+          function (err) {
+            if (err) {
+              return callback(err)
+            }
+            callback(null, newFolders, lastFolder)
+          }
+        )
+      }
+    )
+  },
+
+  deleteEntity(projectId, entityId, entityType, source, userId, callback) {
+    Metrics.inc('editor.delete-entity')
+    ProjectEntityUpdateHandler.deleteEntity(
+      projectId,
+      entityId,
+      entityType,
+      userId,
+      source,
+      function (err) {
+        if (err) {
+          OError.tag(err, 'could not delete entity', {
+            projectId,
+            entityId,
+            entityType,
+          })
+          return callback(err)
+        }
+        logger.debug(
+          { projectId, entityId, entityType },
+          'telling users entity has been deleted'
+        )
+        EditorRealTimeController.emitToRoom(
+          projectId,
+          'removeEntity',
+          entityId,
+          source
+        )
+        callback()
+      }
+    )
+  },
+
+  deleteEntityWithPath(projectId, path, source, userId, callback) {
+    ProjectEntityUpdateHandler.deleteEntityWithPath(
+      projectId,
+      path,
+      userId,
+      source,
+      function (err, entityId) {
+        if (err) {
+          return callback(err)
+        }
+        EditorRealTimeController.emitToRoom(
+          projectId,
+          'removeEntity',
+          entityId,
+          source
+        )
+        callback(null, entityId)
+      }
+    )
+  },
+
+  updateProjectDescription(projectId, description, callback) {
+    logger.debug({ projectId, description }, 'updating project description')
+    ProjectDetailsHandler.setProjectDescription(
+      projectId,
+      description,
+      function (err) {
+        if (err) {
+          OError.tag(
+            err,
+            'something went wrong setting the project description',
+            {
+              projectId,
+              description,
+            }
+          )
+          return callback(err)
+        }
+        EditorRealTimeController.emitToRoom(
+          projectId,
+          'projectDescriptionUpdated',
+          description
+        )
+        callback()
+      }
+    )
+  },
+
+  deleteProject(projectId, callback) {
+    Metrics.inc('editor.delete-project')
+    ProjectDeleter.deleteProject(projectId, callback)
+  },
+
+  renameEntity(
+    projectId,
+    entityId,
+    entityType,
+    newName,
+    userId,
+    source,
+    callback
+  ) {
+    Metrics.inc('editor.rename-entity')
+    ProjectEntityUpdateHandler.renameEntity(
+      projectId,
+      entityId,
+      entityType,
+      newName,
+      userId,
+      source,
+      function (err) {
+        if (err) {
+          OError.tag(err, 'error renaming entity', {
+            projectId,
+            entityId,
+            entityType,
+            newName,
+          })
+          return callback(err)
+        }
+        if (newName.length > 0) {
+          EditorRealTimeController.emitToRoom(
+            projectId,
+            'reciveEntityRename',
+            entityId,
+            newName
+          )
+        }
+        callback()
+      }
+    )
+  },
+
+  moveEntity(
+    projectId,
+    entityId,
+    folderId,
+    entityType,
+    userId,
+    source,
+    callback
+  ) {
+    Metrics.inc('editor.move-entity')
+    ProjectEntityUpdateHandler.moveEntity(
+      projectId,
+      entityId,
+      folderId,
+      entityType,
+      userId,
+      source,
+      function (err) {
+        if (err) {
+          OError.tag(err, 'error moving entity', {
+            projectId,
+            entityId,
+            folderId,
+          })
+          return callback(err)
+        }
+        EditorRealTimeController.emitToRoom(
+          projectId,
+          'reciveEntityMove',
+          entityId,
+          folderId
+        )
+        callback()
+      }
+    )
+  },
+
+  renameProject(projectId, newName, callback) {
+    ProjectDetailsHandler.renameProject(projectId, newName, function (err) {
+      if (err) {
+        OError.tag(err, 'error renaming project', {
+          projectId,
+          newName,
+        })
+        return callback(err)
+      }
+      EditorRealTimeController.emitToRoom(
+        projectId,
+        'projectNameUpdated',
+        newName
+      )
+      callback()
+    })
+  },
+
+  setCompiler(projectId, compiler, callback) {
+    ProjectOptionsHandler.setCompiler(projectId, compiler, function (err) {
+      if (err) {
+        return callback(err)
+      }
+      EditorRealTimeController.emitToRoom(
+        projectId,
+        'compilerUpdated',
+        compiler
+      )
+      callback()
+    })
+  },
+
+  setImageName(projectId, imageName, callback) {
+    ProjectOptionsHandler.setImageName(projectId, imageName, function (err) {
+      if (err) {
+        return callback(err)
+      }
+      EditorRealTimeController.emitToRoom(
+        projectId,
+        'imageNameUpdated',
+        imageName
+      )
+      callback()
+    })
+  },
+
+  setSpellCheckLanguage(projectId, languageCode, callback) {
+    ProjectOptionsHandler.setSpellCheckLanguage(
+      projectId,
+      languageCode,
+      function (err) {
+        if (err) {
+          return callback(err)
+        }
+        EditorRealTimeController.emitToRoom(
+          projectId,
+          'spellCheckLanguageUpdated',
+          languageCode
+        )
+        callback()
+      }
+    )
+  },
+
+  setPublicAccessLevel(projectId, newAccessLevel, callback) {
+    async.series(
+      [
+        cb => {
+          if (newAccessLevel === PublicAccessLevels.TOKEN_BASED) {
+            ProjectDetailsHandler.ensureTokensArePresent(projectId, cb)
+          } else {
+            cb()
+          }
+        },
+        cb =>
+          ProjectDetailsHandler.setPublicAccessLevel(
+            projectId,
+            newAccessLevel,
+            cb
+          ),
+        cb => {
+          EditorRealTimeController.emitToRoom(
+            projectId,
+            'project:publicAccessLevel:changed',
+            { newAccessLevel }
+          )
+          cb()
+        },
+      ],
+      callback
+    )
+  },
+
+  setRootDoc(projectId, newRootDocID, callback) {
+    ProjectEntityUpdateHandler.setRootDoc(
+      projectId,
+      newRootDocID,
+      function (err) {
+        if (err) {
+          return callback(err)
+        }
+        EditorRealTimeController.emitToRoom(
+          projectId,
+          'rootDocUpdated',
+          newRootDocID
+        )
+        callback()
+      }
+    )
+  },
+
+  setMainBibliographyDoc(projectId, newBibliographyDocId, callback) {
+    ProjectEntityUpdateHandler.setMainBibliographyDoc(
+      projectId,
+      newBibliographyDocId,
+      function (err) {
+        if (err) {
+          return callback(err)
+        }
+        EditorRealTimeController.emitToRoom(
+          projectId,
+          'mainBibliographyDocUpdated',
+          newBibliographyDocId
+        )
+        callback()
+      }
+    )
+  },
+
+  _notifyProjectUsersOfNewFolders(projectId, folders, callback) {
+    async.eachSeries(
+      folders,
+      (folder, cb) =>
+        EditorController._notifyProjectUsersOfNewFolder(
+          projectId,
+          folder.parentFolder_id,
+          folder,
+          null,
+          cb
+        ),
+      callback
+    )
+  },
+
+  _notifyProjectUsersOfNewFolder(
+    projectId,
+    folderId,
+    folder,
+    userId,
+    callback
+  ) {
+    EditorRealTimeController.emitToRoom(
+      projectId,
+      'reciveNewFolder',
+      folderId,
+      folder,
+      userId
+    )
+    callback()
+  },
+}
+
+EditorController.promises = promisifyAll(EditorController, {
+  multiResult: {
+    mkdirp: ['newFolders', 'lastFolder'],
+  },
+})
+module.exports = EditorController
diff --git a/services/web/app/src/Features/Editor/EditorHttpController.js b/services/web/app/src/Features/Editor/EditorHttpController.js
new file mode 100644
index 0000000..45c9b24
--- /dev/null
+++ b/services/web/app/src/Features/Editor/EditorHttpController.js
@@ -0,0 +1,294 @@
+const ProjectDeleter = require('../Project/ProjectDeleter')
+const EditorController = require('./EditorController')
+const ProjectGetter = require('../Project/ProjectGetter')
+const AuthorizationManager = require('../Authorization/AuthorizationManager')
+const ProjectEditorHandler = require('../Project/ProjectEditorHandler')
+const Metrics = require('@overleaf/metrics')
+const CollaboratorsGetter = require('../Collaborators/CollaboratorsGetter')
+const CollaboratorsInviteGetter = require('../Collaborators/CollaboratorsInviteGetter')
+const CollaboratorsHandler = require('../Collaborators/CollaboratorsHandler')
+const PrivilegeLevels = require('../Authorization/PrivilegeLevels')
+const SessionManager = require('../Authentication/SessionManager')
+const Errors = require('../Errors/Errors')
+const DocstoreManager = require('../Docstore/DocstoreManager')
+const logger = require('@overleaf/logger')
+const { expressify } = require('@overleaf/promise-utils')
+const Settings = require('@overleaf/settings')
+
+module.exports = {
+  joinProject: expressify(joinProject),
+  addDoc: expressify(addDoc),
+  addFolder: expressify(addFolder),
+  renameEntity: expressify(renameEntity),
+  moveEntity: expressify(moveEntity),
+  deleteDoc: expressify(deleteDoc),
+  deleteFile: expressify(deleteFile),
+  deleteFolder: expressify(deleteFolder),
+  deleteEntity: expressify(deleteEntity),
+  _nameIsAcceptableLength,
+}
+
+async function joinProject(req, res, next) {
+  const projectId = req.params.Project_id
+  let userId = req.body.userId // keep schema in sync with router
+  if (userId === 'anonymous-user') {
+    userId = null
+  }
+  Metrics.inc('editor.join-project')
+  const {
+    project,
+    privilegeLevel,
+    isRestrictedUser,
+    isTokenMember,
+    isInvitedMember,
+  } = await _buildJoinProjectView(req, projectId, userId)
+  if (!project) {
+    return res.sendStatus(403)
+  }
+  // Hide sensitive data if the user is restricted
+  if (isRestrictedUser) {
+    project.owner = { _id: project.owner._id }
+    project.members = []
+    project.invites = []
+  }
+  // Only show the 'renamed or deleted' message once
+  if (project.deletedByExternalDataSource) {
+    await ProjectDeleter.promises.unmarkAsDeletedByExternalSource(projectId)
+  }
+
+  if (project.spellCheckLanguage) {
+    project.spellCheckLanguage = await chooseSpellCheckLanguage(
+      project.spellCheckLanguage
+    )
+  }
+
+  res.json({
+    project,
+    privilegeLevel,
+    isRestrictedUser,
+    isTokenMember,
+    isInvitedMember,
+  })
+}
+
+async function _buildJoinProjectView(req, projectId, userId) {
+  const project =
+    await ProjectGetter.promises.getProjectWithoutDocLines(projectId)
+  if (project == null) {
+    throw new Errors.NotFoundError('project not found')
+  }
+  let deletedDocsFromDocstore = []
+  try {
+    deletedDocsFromDocstore =
+      await DocstoreManager.promises.getAllDeletedDocs(projectId)
+  } catch (err) {
+    // The query in docstore is not optimized at this time and fails for
+    // projects with many very large, deleted documents.
+    // Not serving the user with deletedDocs from docstore may cause a minor
+    //  UI issue with deleted files that are no longer available for restore.
+    logger.warn(
+      { err, projectId },
+      'soft-failure when fetching deletedDocs from docstore'
+    )
+  }
+  const members =
+    await CollaboratorsGetter.promises.getInvitedMembersWithPrivilegeLevels(
+      projectId
+    )
+  const token = req.body.anonymousAccessToken
+  const privilegeLevel =
+    await AuthorizationManager.promises.getPrivilegeLevelForProject(
+      userId,
+      projectId,
+      token
+    )
+  if (privilegeLevel == null || privilegeLevel === PrivilegeLevels.NONE) {
+    return { project: null, privilegeLevel: null, isRestrictedUser: false }
+  }
+  const invites =
+    await CollaboratorsInviteGetter.promises.getAllInvites(projectId)
+  const isTokenMember = await CollaboratorsHandler.promises.userIsTokenMember(
+    userId,
+    projectId
+  )
+  const isInvitedMember =
+    await CollaboratorsGetter.promises.isUserInvitedMemberOfProject(
+      userId,
+      projectId
+    )
+  const isRestrictedUser = AuthorizationManager.isRestrictedUser(
+    userId,
+    privilegeLevel,
+    isTokenMember,
+    isInvitedMember
+  )
+  return {
+    project: ProjectEditorHandler.buildProjectModelView(
+      project,
+      members,
+      invites,
+      deletedDocsFromDocstore
+    ),
+    privilegeLevel,
+    isTokenMember,
+    isInvitedMember,
+    isRestrictedUser,
+  }
+}
+
+function _nameIsAcceptableLength(name) {
+  return name != null && name.length < 150 && name.length !== 0
+}
+
+async function addDoc(req, res, next) {
+  const projectId = req.params.Project_id
+  const { name } = req.body
+  const parentFolderId = req.body.parent_folder_id
+  const userId = SessionManager.getLoggedInUserId(req.session)
+
+  if (!_nameIsAcceptableLength(name)) {
+    return res.sendStatus(400)
+  }
+  try {
+    const doc = await EditorController.promises.addDoc(
+      projectId,
+      parentFolderId,
+      name,
+      [],
+      'editor',
+      userId
+    )
+    res.json(doc)
+  } catch (err) {
+    if (err.message === 'project_has_too_many_files') {
+      res.status(400).json(req.i18n.translate('project_has_too_many_files'))
+    } else {
+      next(err)
+    }
+  }
+}
+
+async function addFolder(req, res, next) {
+  const projectId = req.params.Project_id
+  const { name } = req.body
+  const parentFolderId = req.body.parent_folder_id
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  if (!_nameIsAcceptableLength(name)) {
+    return res.sendStatus(400)
+  }
+  try {
+    const doc = await EditorController.promises.addFolder(
+      projectId,
+      parentFolderId,
+      name,
+      'editor',
+      userId
+    )
+    res.json(doc)
+  } catch (err) {
+    if (err.message === 'project_has_too_many_files') {
+      res.status(400).json(req.i18n.translate('project_has_too_many_files'))
+    } else if (err.message === 'invalid element name') {
+      res.status(400).json(req.i18n.translate('invalid_file_name'))
+    } else {
+      next(err)
+    }
+  }
+}
+
+async function renameEntity(req, res, next) {
+  const projectId = req.params.Project_id
+  const entityId = req.params.entity_id
+  const entityType = req.params.entity_type
+  const { name, source = 'editor' } = req.body
+  if (!_nameIsAcceptableLength(name)) {
+    return res.sendStatus(400)
+  }
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  await EditorController.promises.renameEntity(
+    projectId,
+    entityId,
+    entityType,
+    name,
+    userId,
+    source
+  )
+  res.sendStatus(204)
+}
+
+async function moveEntity(req, res, next) {
+  const projectId = req.params.Project_id
+  const entityId = req.params.entity_id
+  const entityType = req.params.entity_type
+  const folderId = req.body.folder_id
+  const source = req.body.source ?? 'editor'
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  await EditorController.promises.moveEntity(
+    projectId,
+    entityId,
+    folderId,
+    entityType,
+    userId,
+    source
+  )
+  res.sendStatus(204)
+}
+
+async function deleteDoc(req, res, next) {
+  req.params.entity_type = 'doc'
+  await deleteEntity(req, res, next)
+}
+
+async function deleteFile(req, res, next) {
+  req.params.entity_type = 'file'
+  await deleteEntity(req, res, next)
+}
+
+async function deleteFolder(req, res, next) {
+  req.params.entity_type = 'folder'
+  await deleteEntity(req, res, next)
+}
+
+async function deleteEntity(req, res, next) {
+  const projectId = req.params.Project_id
+  const entityId = req.params.entity_id
+  const entityType = req.params.entity_type
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  await EditorController.promises.deleteEntity(
+    projectId,
+    entityId,
+    entityType,
+    'editor',
+    userId
+  )
+  res.sendStatus(204)
+}
+
+const supportedSpellCheckLanguages = new Set(
+  Settings.languages
+    // only include spell-check languages that are available in the client
+    .filter(language => language.dic !== undefined)
+    .map(language => language.code)
+)
+
+async function chooseSpellCheckLanguage(spellCheckLanguage) {
+  if (supportedSpellCheckLanguages.has(spellCheckLanguage)) {
+    return spellCheckLanguage
+  }
+
+  // Preserve the value in the database so they can use it again once we add back support.
+  // Map some server-only languages to a specific variant, or disable spell checking for currently unsupported spell check languages.
+  switch (spellCheckLanguage) {
+    case 'en':
+      // map "English" to "English (American)"
+      return 'en_US'
+
+    case 'no':
+      // map "Norwegian" to "Norwegian (Bokmål)"
+      return 'nb_NO'
+
+    default:
+      // map anything else to "off"
+      return ''
+  }
+}
diff --git a/services/web/app/src/Features/Editor/EditorRealTimeController.js b/services/web/app/src/Features/Editor/EditorRealTimeController.js
new file mode 100644
index 0000000..086870e
--- /dev/null
+++ b/services/web/app/src/Features/Editor/EditorRealTimeController.js
@@ -0,0 +1,50 @@
+/* eslint-disable
+    max-len,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let EditorRealTimeController
+const Settings = require('@overleaf/settings')
+const Metrics = require('@overleaf/metrics')
+const RedisWrapper = require('../../infrastructure/RedisWrapper')
+const rclient = RedisWrapper.client('pubsub')
+const os = require('os')
+const crypto = require('crypto')
+
+const HOST = os.hostname()
+const RND = crypto.randomBytes(4).toString('hex') // generate a random key for this process
+let COUNT = 0
+
+module.exports = EditorRealTimeController = {
+  emitToRoom(roomId, message, ...payload) {
+    // create a unique message id using a counter
+    const messageId = `web:${HOST}:${RND}-${COUNT++}`
+    let channel
+    if (roomId === 'all' || !Settings.publishOnIndividualChannels) {
+      channel = 'editor-events'
+    } else {
+      channel = `editor-events:${roomId}`
+    }
+    const blob = JSON.stringify({
+      room_id: roomId,
+      message,
+      payload,
+      _id: messageId,
+    })
+    Metrics.summary('redis.publish.editor-events', blob.length, {
+      status: message,
+    })
+    return rclient.publish(channel, blob)
+  },
+
+  emitToAll(message, ...payload) {
+    return this.emitToRoom('all', message, ...Array.from(payload))
+  },
+}
diff --git a/services/web/app/src/Features/Editor/EditorRouter.mjs b/services/web/app/src/Features/Editor/EditorRouter.mjs
new file mode 100644
index 0000000..4a75c19
--- /dev/null
+++ b/services/web/app/src/Features/Editor/EditorRouter.mjs
@@ -0,0 +1,86 @@
+import EditorHttpController from './EditorHttpController.js'
+import AuthenticationController from '../Authentication/AuthenticationController.js'
+import AuthorizationMiddleware from '../Authorization/AuthorizationMiddleware.js'
+import { RateLimiter } from '../../infrastructure/RateLimiter.js'
+import RateLimiterMiddleware from '../Security/RateLimiterMiddleware.js'
+import { validate, Joi } from '../../infrastructure/Validation.js'
+
+const rateLimiters = {
+  addDocToProject: new RateLimiter('add-doc-to-project', {
+    points: 30,
+    duration: 60,
+  }),
+  addFolderToProject: new RateLimiter('add-folder-to-project', {
+    points: 60,
+    duration: 60,
+  }),
+  joinProject: new RateLimiter('join-project', { points: 45, duration: 60 }),
+}
+
+export default {
+  apply(webRouter, privateApiRouter) {
+    webRouter.post(
+      '/project/:Project_id/doc',
+      AuthorizationMiddleware.ensureUserCanWriteProjectContent,
+      RateLimiterMiddleware.rateLimit(rateLimiters.addDocToProject, {
+        params: ['Project_id'],
+      }),
+      EditorHttpController.addDoc
+    )
+    webRouter.post(
+      '/project/:Project_id/folder',
+      AuthorizationMiddleware.ensureUserCanWriteProjectContent,
+      RateLimiterMiddleware.rateLimit(rateLimiters.addFolderToProject, {
+        params: ['Project_id'],
+      }),
+      EditorHttpController.addFolder
+    )
+
+    webRouter.post(
+      '/project/:Project_id/:entity_type/:entity_id/rename',
+      AuthorizationMiddleware.ensureUserCanWriteProjectContent,
+      EditorHttpController.renameEntity
+    )
+    webRouter.post(
+      '/project/:Project_id/:entity_type/:entity_id/move',
+      AuthorizationMiddleware.ensureUserCanWriteProjectContent,
+      EditorHttpController.moveEntity
+    )
+
+    webRouter.delete(
+      '/project/:Project_id/file/:entity_id',
+      AuthorizationMiddleware.ensureUserCanWriteProjectContent,
+      EditorHttpController.deleteFile
+    )
+    webRouter.delete(
+      '/project/:Project_id/doc/:entity_id',
+      AuthorizationMiddleware.ensureUserCanWriteProjectContent,
+      EditorHttpController.deleteDoc
+    )
+    webRouter.delete(
+      '/project/:Project_id/folder/:entity_id',
+      AuthorizationMiddleware.ensureUserCanWriteProjectContent,
+      EditorHttpController.deleteFolder
+    )
+
+    // Called by the real-time API to load up the current project state.
+    // This is a post request because it's more than just a getting of data. We take actions
+    // whenever a user joins a project, like updating the deleted status.
+    privateApiRouter.post(
+      '/project/:Project_id/join',
+      AuthenticationController.requirePrivateApiAuth(),
+      RateLimiterMiddleware.rateLimit(rateLimiters.joinProject, {
+        params: ['Project_id'],
+        // keep schema in sync with controller
+        getUserId: req => req.body.userId,
+      }),
+      validate({
+        body: Joi.object({
+          userId: Joi.string().required(),
+          anonymousAccessToken: Joi.string().optional(),
+        }),
+      }),
+      EditorHttpController.joinProject
+    )
+  },
+}
diff --git a/services/web/app/src/Features/Email/Bodies/NoCTAEmailBody.js b/services/web/app/src/Features/Email/Bodies/NoCTAEmailBody.js
new file mode 100644
index 0000000..fb68ecc
--- /dev/null
+++ b/services/web/app/src/Features/Email/Bodies/NoCTAEmailBody.js
@@ -0,0 +1,46 @@
+const _ = require('lodash')
+
+module.exports = _.template(`\
+	<table class="row" style="border-collapse: collapse; border-spacing: 0; display: table; padding: 0; position: relative; text-align: left; vertical-align: top; width: 100%;">
+		<tbody>
+			<tr style="padding: 0; vertical-align: top;">
+				<th class="small-12 columns" style="line-height: 1.3; margin: 0 auto; padding: 0; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; text-align: left; width: 564px;">
+					<table style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%; color: #5D6879; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3;">
+						<tr style="padding: 0; text-align: left; vertical-align: top;">
+							<th style="margin: 0; padding: 0; text-align: left;">
+								<% if (title) { %>
+									<h3 class="force-overleaf-style" style="margin: 0; color: #5D6879; font-family: Georgia, serif; font-size: 24px; font-weight: normal; line-height: 1.3; padding: 0; text-align: left; word-wrap: normal;">
+										<%= title %>
+									</h3>
+								<% } %>
+							</th>
+							<tr>
+								<td>
+									<p style="height: 20px; margin: 0; padding: 0;">&#xA0;</p>
+
+									<% if (greeting) { %>
+										<p style="margin: 0 0 10px 0; padding: 0;">
+											<%= greeting %>
+										</p>
+									<% } %>
+
+									<% (message).forEach(function(paragraph) { %>
+										<p class="force-overleaf-style" style="margin: 0 0 10px 0; padding: 0;">
+											<%= paragraph %>
+										</p>
+									<% }) %>
+                  <% if (highlightedText) { %>
+                    <div style="text-align: center; color: #1B222C; font-size: 20px; margin: 16px 0; padding: 16px 8px; border-radius: 8px; background: #F4F5F6;">
+                      <b><%= highlightedText %></b>
+                    </div>
+                  <% } %>
+                </td>
+							</tr>
+            </tr>
+					</table>
+				</th>
+			</tr>
+		</tbody>
+	</table>
+\
+`)
diff --git a/services/web/app/src/Features/Email/Bodies/cta-email.js b/services/web/app/src/Features/Email/Bodies/cta-email.js
new file mode 100644
index 0000000..346793c
--- /dev/null
+++ b/services/web/app/src/Features/Email/Bodies/cta-email.js
@@ -0,0 +1,96 @@
+const _ = require('lodash')
+
+module.exports = _.template(`\
+	<table class="row" style="border-collapse: collapse; border-spacing: 0; display: table; padding: 0; position: relative; text-align: left; vertical-align: top; width: 100%;">
+		<tbody>
+			<tr style="padding: 0; vertical-align: top;">
+				<th class="small-12 columns" style="line-height: 1.3; margin: 0 auto; padding: 0; padding-bottom: 16px; padding-left: 16px; padding-right: 16px; text-align: left;">
+					<table class="cta-table" style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%; color: #5D6879; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3;">
+						<tr style="padding: 0; text-align: left; vertical-align: top;">
+							<th style="margin: 0; padding: 0; text-align: left;">
+								<% if (title) { %>
+									<h3 class="force-overleaf-style" style="margin: 0; color: #5D6879; font-family: Georgia, serif; font-size: 24px; font-weight: normal; line-height: 1.3; padding: 0; text-align: left; word-wrap: normal;">
+										<%= title %>
+									</h3>
+								<% } %>
+							</th>
+							<tr>
+								<td>
+									<p style="height: 20px; margin: 0; padding: 0;">&#xA0;</p>
+
+									<% if (greeting) { %>
+										<p style="margin: 0 0 10px 0; padding: 0;">
+											<%= greeting %>
+										</p>
+									<% } %>
+
+									<% (message).forEach(function(paragraph) { %>
+										<p class="force-overleaf-style" style="margin: 0 0 10px 0; padding: 0;">
+											<%= paragraph %>
+										</p>
+									<% }) %>
+
+									<p style="margin: 0; padding: 0;">&#xA0;</p>
+
+									<table style="border-collapse: collapse; border-spacing: 0; float: none; margin: 0 auto; padding: 0; text-align: center; vertical-align: top; width: auto;">
+										<tr style="padding: 0; text-align: left; vertical-align: top;">
+											<td style="-moz-hyphens: auto; -webkit-hyphens: auto; border-collapse: collapse !important; border-radius: 9999px; color: #5D6879; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;">
+												<table style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%;">
+													<tr style="padding: 0; text-align: left; vertical-align: top;">
+														<td style="-moz-hyphens: auto; -webkit-hyphens: auto; background: #4F9C45; border: none; border-collapse: collapse !important; border-radius: 9999px; color: #fefefe; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;">
+															<a href="<%= ctaURL %>" style="border: 0 solid #4F9C45; border-radius: 9999px; color: #fefefe; display: inline-block; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; line-height: 1.3; margin: 0; padding: 8px 16px 8px 16px; text-align: left; text-decoration: none;">
+																<%= ctaText %>
+															</a>
+														</td>
+													</tr>
+												</table>
+											</td>
+										</tr>
+									</table>
+
+									<% if (secondaryMessage && secondaryMessage.length > 0) { %>
+										<p style="margin: 0; padding: 0;">&#xA0;</p>
+
+										<% (secondaryMessage).forEach(function(paragraph) { %>
+											<p class="force-overleaf-style">
+												<%= paragraph %>
+											</p>
+										<% }) %>
+									<% } %>
+
+									<p style="margin: 0; padding: 0;">&#xA0;</p>
+
+									<p class="force-overleaf-style" style="font-size: 12px;">
+										If the button above does not appear, please copy and paste this link into your browser's address bar:
+									</p>
+
+									<p class="force-overleaf-style" style="font-size: 12px;">
+										<%= ctaURL %>
+									</p>
+								</td>
+							</tr>
+						</tr>
+					</table>
+				</th>
+			</tr>
+		</tbody>
+	</table>
+	<% if (gmailGoToAction) { %>
+		<script type="application/ld+json">
+			<%=
+				StringHelper.stringifyJsonForScript({
+					"@context": "http://schema.org",
+					"@type": "EmailMessage",
+					"potentialAction": {
+						"@type": "ViewAction",
+						"target": gmailGoToAction.target,
+						"url": gmailGoToAction.target,
+						"name": gmailGoToAction.name
+					},
+					"description": gmailGoToAction.description
+				})
+			%>
+		</script>
+	<% } %>
+\
+`)
diff --git a/services/web/app/src/Features/Email/EmailBuilder.js b/services/web/app/src/Features/Email/EmailBuilder.js
new file mode 100644
index 0000000..0e46b1b
--- /dev/null
+++ b/services/web/app/src/Features/Email/EmailBuilder.js
@@ -0,0 +1,971 @@
+const _ = require('lodash')
+const settings = require('@overleaf/settings')
+const moment = require('moment')
+const EmailMessageHelper = require('./EmailMessageHelper')
+const StringHelper = require('../Helpers/StringHelper')
+const BaseWithHeaderEmailLayout = require('./Layouts/BaseWithHeaderEmailLayout')
+const SpamSafe = require('./SpamSafe')
+const ctaEmailBody = require('./Bodies/cta-email')
+const NoCTAEmailBody = require('./Bodies/NoCTAEmailBody')
+
+function _emailBodyPlainText(content, opts, ctaEmail) {
+  let emailBody = `${content.greeting(opts, true)}`
+  emailBody += `\r\n\r\n`
+  emailBody += `${content.message(opts, true).join('\r\n\r\n')}`
+
+  if (ctaEmail) {
+    emailBody += `\r\n\r\n`
+    emailBody += `${content.ctaText(opts, true)}: ${content.ctaURL(opts, true)}`
+  }
+
+  if (
+    content.secondaryMessage(opts, true) &&
+    content.secondaryMessage(opts, true).length > 0
+  ) {
+    emailBody += `\r\n\r\n`
+    emailBody += `${content.secondaryMessage(opts, true).join('\r\n\r\n')}`
+  }
+
+  emailBody += `\r\n\r\n`
+  emailBody += `Regards,\r\nThe ${settings.appName} Team - ${settings.siteUrl}`
+
+  if (
+    settings.email &&
+    settings.email.template &&
+    settings.email.template.customFooter
+  ) {
+    emailBody += `\r\n\r\n`
+    emailBody += settings.email.template.customFooter
+  }
+
+  return emailBody
+}
+
+function ctaTemplate(content) {
+  if (
+    !content.ctaURL ||
+    !content.ctaText ||
+    !content.message ||
+    !content.subject
+  ) {
+    throw new Error('missing required CTA email content')
+  }
+  if (!content.title) {
+    content.title = () => {}
+  }
+  if (!content.greeting) {
+    content.greeting = () => 'Hi,'
+  }
+  if (!content.secondaryMessage) {
+    content.secondaryMessage = () => []
+  }
+  if (!content.gmailGoToAction) {
+    content.gmailGoToAction = () => {}
+  }
+  return {
+    subject(opts) {
+      return content.subject(opts)
+    },
+    layout: BaseWithHeaderEmailLayout,
+    plainTextTemplate(opts) {
+      return _emailBodyPlainText(content, opts, true)
+    },
+    compiledTemplate(opts) {
+      return ctaEmailBody({
+        title: content.title(opts),
+        greeting: content.greeting(opts),
+        message: content.message(opts),
+        secondaryMessage: content.secondaryMessage(opts),
+        ctaText: content.ctaText(opts),
+        ctaURL: content.ctaURL(opts),
+        gmailGoToAction: content.gmailGoToAction(opts),
+        StringHelper,
+      })
+    },
+  }
+}
+
+function NoCTAEmailTemplate(content) {
+  if (content.greeting == null) {
+    content.greeting = () => 'Hi,'
+  }
+  if (!content.message) {
+    throw new Error('missing message')
+  }
+  return {
+    subject(opts) {
+      return content.subject(opts)
+    },
+    layout: BaseWithHeaderEmailLayout,
+    plainTextTemplate(opts) {
+      return `\
+${content.greeting(opts)}
+
+${content.message(opts, true).join('\r\n\r\n')}
+
+Regards,
+The ${settings.appName} Team - ${settings.siteUrl}\
+      `
+    },
+    compiledTemplate(opts) {
+      return NoCTAEmailBody({
+        title:
+          typeof content.title === 'function' ? content.title(opts) : undefined,
+        greeting: content.greeting(opts),
+        highlightedText:
+          typeof content.highlightedText === 'function'
+            ? content.highlightedText(opts)
+            : undefined,
+        message: content.message(opts),
+        StringHelper,
+      })
+    },
+  }
+}
+
+function buildEmail(templateName, opts) {
+  const template = templates[templateName]
+  opts.siteUrl = settings.siteUrl
+  opts.body = template.compiledTemplate(opts)
+  return {
+    subject: template.subject(opts),
+    html: template.layout(opts),
+    text: template.plainTextTemplate && template.plainTextTemplate(opts),
+  }
+}
+
+const templates = {}
+
+templates.registered = ctaTemplate({
+  subject() {
+    return `Activate your ${settings.appName} Account`
+  },
+  message(opts) {
+    return [
+      `Congratulations, you've just had an account created for you on ${
+        settings.appName
+      } with the email address '${_.escape(opts.to)}'.`,
+      'Click here to set your password and log in:',
+    ]
+  },
+  secondaryMessage() {
+    return [
+      `If you have any questions or problems, please contact ${settings.adminEmail}`,
+    ]
+  },
+  ctaText() {
+    return 'Set password'
+  },
+  ctaURL(opts) {
+    return opts.setNewPasswordUrl
+  },
+})
+
+templates.canceledSubscription = ctaTemplate({
+  subject() {
+    return `${settings.appName} thoughts`
+  },
+  message() {
+    return [
+      `We are sorry to see you cancelled your ${settings.appName} premium subscription. Would you mind giving us some feedback on what the site is lacking at the moment via this quick survey?`,
+    ]
+  },
+  secondaryMessage() {
+    return ['Thank you in advance!']
+  },
+  ctaText() {
+    return 'Leave Feedback'
+  },
+  ctaURL(opts) {
+    return 'https://docs.google.com/forms/d/e/1FAIpQLSfa7z_s-cucRRXm70N4jEcSbFsZeb0yuKThHGQL8ySEaQzF0Q/viewform?usp=sf_link'
+  },
+})
+
+templates.reactivatedSubscription = ctaTemplate({
+  subject() {
+    return `Subscription Reactivated - ${settings.appName}`
+  },
+  message(opts) {
+    return ['Your subscription was reactivated successfully.']
+  },
+  ctaText() {
+    return 'View Subscription Dashboard'
+  },
+  ctaURL(opts) {
+    return `${settings.siteUrl}/user/subscription`
+  },
+})
+
+templates.passwordResetRequested = ctaTemplate({
+  subject() {
+    return `Password Reset - ${settings.appName}`
+  },
+  title() {
+    return 'Password Reset'
+  },
+  message() {
+    return [`We got a request to reset your ${settings.appName} password.`]
+  },
+  secondaryMessage() {
+    return [
+      "If you ignore this message, your password won't be changed.",
+      "If you didn't request a password reset, let us know.",
+    ]
+  },
+  ctaText() {
+    return 'Reset password'
+  },
+  ctaURL(opts) {
+    return opts.setNewPasswordUrl
+  },
+})
+
+templates.confirmEmail = ctaTemplate({
+  subject() {
+    return `Confirm Email - ${settings.appName}`
+  },
+  title() {
+    return 'Confirm Email'
+  },
+  message(opts) {
+    return [
+      `Please confirm that you have added a new email, ${opts.to}, to your ${settings.appName} account.`,
+    ]
+  },
+  secondaryMessage() {
+    return [
+      `If you did not request this, please let us know at <a href="mailto:${settings.adminEmail}">${settings.adminEmail}</a>.`,
+      `If you have any questions or trouble confirming your email address, please get in touch with our support team at ${settings.adminEmail}.`,
+    ]
+  },
+  ctaText() {
+    return 'Confirm Email'
+  },
+  ctaURL(opts) {
+    return opts.confirmEmailUrl
+  },
+})
+
+templates.confirmCode = NoCTAEmailTemplate({
+  greeting(opts) {
+    return ''
+  },
+  subject(opts) {
+    return `Confirm your email address on Overleaf (${opts.confirmCode})`
+  },
+  title(opts) {
+    return 'Confirm your email address'
+  },
+  message(opts, isPlainText) {
+    const msg = opts.welcomeUser
+      ? [
+          `Welcome to Overleaf! We're so glad you joined us.`,
+          'Use this 6-digit confirmation code to finish your setup.',
+        ]
+      : ['Use this 6-digit code to confirm your email address.']
+
+    if (isPlainText && opts.confirmCode) {
+      msg.push(opts.confirmCode)
+    }
+    return msg
+  },
+  highlightedText(opts) {
+    return opts.confirmCode
+  },
+})
+
+templates.projectInvite = ctaTemplate({
+  subject(opts) {
+    const safeName = SpamSafe.isSafeProjectName(opts.project.name)
+    const safeEmail = SpamSafe.isSafeEmail(opts.owner.email)
+
+    if (safeName && safeEmail) {
+      return `"${_.escape(opts.project.name)}" — shared by ${_.escape(
+        opts.owner.email
+      )}`
+    }
+    if (safeName) {
+      return `${settings.appName} project shared with you — "${_.escape(
+        opts.project.name
+      )}"`
+    }
+    if (safeEmail) {
+      return `${_.escape(opts.owner.email)} shared an ${
+        settings.appName
+      } project with you`
+    }
+
+    return `An ${settings.appName} project has been shared with you`
+  },
+  title(opts) {
+    return 'Project Invite'
+  },
+  greeting(opts) {
+    return ''
+  },
+  message(opts, isPlainText) {
+    // build message depending on spam-safe variables
+    const message = [`You have been invited to an ${settings.appName} project.`]
+
+    if (SpamSafe.isSafeProjectName(opts.project.name)) {
+      message.push('<br/> Project:')
+      message.push(`<b>${_.escape(opts.project.name)}</b>`)
+    }
+
+    if (SpamSafe.isSafeEmail(opts.owner.email)) {
+      message.push(`<br/> Shared by:`)
+      message.push(`<b>${_.escape(opts.owner.email)}</b>`)
+    }
+
+    if (message.length === 1) {
+      message.push('<br/> Please view the project to find out more.')
+    }
+
+    return message.map(m => {
+      return EmailMessageHelper.cleanHTML(m, isPlainText)
+    })
+  },
+  ctaText() {
+    return 'View project'
+  },
+  ctaURL(opts) {
+    return opts.inviteUrl
+  },
+  gmailGoToAction(opts) {
+    return {
+      target: opts.inviteUrl,
+      name: 'View project',
+      description: `Join ${_.escape(
+        SpamSafe.safeProjectName(opts.project.name, 'project')
+      )} at ${settings.appName}`,
+    }
+  },
+})
+
+templates.reconfirmEmail = ctaTemplate({
+  subject() {
+    return `Reconfirm Email - ${settings.appName}`
+  },
+  title() {
+    return 'Reconfirm Email'
+  },
+  message(opts) {
+    return [
+      `Please reconfirm your email address, ${opts.to}, on your ${settings.appName} account.`,
+    ]
+  },
+  secondaryMessage() {
+    return [
+      'If you did not request this, you can simply ignore this message.',
+      `If you have any questions or trouble confirming your email address, please get in touch with our support team at ${settings.adminEmail}.`,
+    ]
+  },
+  ctaText() {
+    return 'Reconfirm Email'
+  },
+  ctaURL(opts) {
+    return opts.confirmEmailUrl
+  },
+})
+
+templates.verifyEmailToJoinTeam = ctaTemplate({
+  subject(opts) {
+    return `${opts.reminder ? 'Reminder: ' : ''}${_.escape(
+      _formatUserNameAndEmail(opts.inviter, 'A collaborator')
+    )} has invited you to join a group subscription on ${settings.appName}`
+  },
+  title(opts) {
+    return `${opts.reminder ? 'Reminder: ' : ''}${_.escape(
+      _formatUserNameAndEmail(opts.inviter, 'A collaborator')
+    )} has invited you to join a group subscription on ${settings.appName}`
+  },
+  message(opts) {
+    return [
+      `Please click the button below to join the group subscription and enjoy the benefits of an upgraded ${settings.appName} account.`,
+    ]
+  },
+  ctaText(opts) {
+    return 'Join now'
+  },
+  ctaURL(opts) {
+    return opts.acceptInviteUrl
+  },
+})
+
+templates.verifyEmailToJoinManagedUsers = ctaTemplate({
+  subject(opts) {
+    return `${
+      opts.reminder ? 'Reminder: ' : ''
+    }You’ve been invited by ${_.escape(
+      _formatUserNameAndEmail(opts.inviter, 'a collaborator')
+    )} to join an ${settings.appName} group subscription.`
+  },
+  title(opts) {
+    return `${
+      opts.reminder ? 'Reminder: ' : ''
+    }You’ve been invited by ${_.escape(
+      _formatUserNameAndEmail(opts.inviter, 'a collaborator')
+    )} to join an ${settings.appName} group subscription.`
+  },
+  message(opts) {
+    return [
+      `By joining this group, you'll have access to ${settings.appName} premium features such as additional collaborators, greater maximum compile time, and real-time track changes.`,
+    ]
+  },
+  secondaryMessage(opts, isPlainText) {
+    const changeProjectOwnerLink = EmailMessageHelper.displayLink(
+      'change project owner',
+      `${settings.siteUrl}/learn/how-to/How_to_Transfer_Project_Ownership`,
+      isPlainText
+    )
+
+    return [
+      `<b>User accounts in this group are managed by ${_.escape(
+        _formatUserNameAndEmail(opts.admin, 'an admin')
+      )}</b>`,
+      `If you accept, you’ll transfer the management of your ${settings.appName} account to the owner of the group subscription, who will then have admin rights over your account and control over your stuff.`,
+      `If you have personal projects in your ${settings.appName} account that you want to keep separate, that’s not a problem. You can set up another account under a personal email address and change the ownership of your personal projects to the new account. Find out how to ${changeProjectOwnerLink}.`,
+    ]
+  },
+  ctaURL(opts) {
+    return opts.acceptInviteUrl
+  },
+  ctaText(opts) {
+    return 'Accept invitation'
+  },
+  greeting() {
+    return ''
+  },
+})
+
+templates.inviteNewUserToJoinManagedUsers = ctaTemplate({
+  subject(opts) {
+    return `${
+      opts.reminder ? 'Reminder: ' : ''
+    }You’ve been invited by ${_.escape(
+      _formatUserNameAndEmail(opts.inviter, 'a collaborator')
+    )} to join an ${settings.appName} group subscription.`
+  },
+  title(opts) {
+    return `${
+      opts.reminder ? 'Reminder: ' : ''
+    }You’ve been invited by ${_.escape(
+      _formatUserNameAndEmail(opts.inviter, 'a collaborator')
+    )} to join an ${settings.appName} group subscription.`
+  },
+  message(opts) {
+    return ['']
+  },
+  secondaryMessage(opts) {
+    return [
+      `<b>User accounts in this group are managed by ${_.escape(
+        _formatUserNameAndEmail(opts.admin, 'an admin')
+      )}.</b>`,
+      `If you accept, the owner of the group subscription will have admin rights over your account and control over your stuff.`,
+      `<b>What is ${settings.appName}?</b>`,
+      `${settings.appName} is the collaborative online LaTeX editor loved by researchers and technical writers. With thousands of ready-to-use templates and an array of LaTeX learning resources you’ll be up and running in no time.`,
+    ]
+  },
+  ctaURL(opts) {
+    return opts.acceptInviteUrl
+  },
+  ctaText(opts) {
+    return 'Accept invitation'
+  },
+  greeting() {
+    return ''
+  },
+})
+
+templates.groupSSOLinkingInvite = ctaTemplate({
+  subject(opts) {
+    const subjectPrefix = opts.reminder ? 'Reminder: ' : 'Action required: '
+    return `${subjectPrefix}Authenticate your Overleaf account`
+  },
+  title(opts) {
+    const titlePrefix = opts.reminder ? 'Reminder: ' : ''
+    return `${titlePrefix}Single sign-on enabled`
+  },
+  message(opts) {
+    return [
+      `Hi,
+      <div>
+        Your group administrator has enabled single sign-on for your group.
+      </div>
+      </br>
+      <div>
+        <strong>What does this mean for you?</strong>
+      </div>
+      </br>
+      <div>
+        You won't need to remember a separate email address and password to sign in to Overleaf.
+        All you need to do is authenticate your existing Overleaf account with your SSO provider.
+      </div>
+      `,
+    ]
+  },
+  secondaryMessage(opts) {
+    return [``]
+  },
+  ctaURL(opts) {
+    return opts.authenticateWithSSO
+  },
+  ctaText(opts) {
+    return 'Authenticate with SSO'
+  },
+  greeting() {
+    return ''
+  },
+})
+
+templates.groupSSOReauthenticate = ctaTemplate({
+  subject(opts) {
+    return 'Action required: Reauthenticate your Overleaf account'
+  },
+  title(opts) {
+    return 'Action required: Reauthenticate SSO'
+  },
+  message(opts) {
+    return [
+      `Hi,
+      <div>
+      Single sign-on for your Overleaf group has been updated.
+      This means you need to reauthenticate your Overleaf account with your group’s SSO provider.
+      </div>
+      `,
+    ]
+  },
+  secondaryMessage(opts) {
+    if (!opts.isManagedUser) {
+      return ['']
+    } else {
+      const passwordResetUrl = `${settings.siteUrl}/user/password/reset`
+      return [
+        `If you’re not currently logged in to Overleaf, you'll need to <a href="${passwordResetUrl}">set a new password</a> to reauthenticate.`,
+      ]
+    }
+  },
+  ctaURL(opts) {
+    return opts.authenticateWithSSO
+  },
+  ctaText(opts) {
+    return 'Reauthenticate now'
+  },
+  greeting() {
+    return ''
+  },
+})
+
+templates.groupSSODisabled = ctaTemplate({
+  subject(opts) {
+    if (opts.userIsManaged) {
+      return `Action required: Set your Overleaf password`
+    } else {
+      return 'A change to your Overleaf login options'
+    }
+  },
+  title(opts) {
+    return `Single sign-on disabled`
+  },
+  message(opts, isPlainText) {
+    const loginUrl = `${settings.siteUrl}/login`
+    let whatDoesThisMeanExplanation = [
+      `You can still log in to Overleaf using one of our other <a href="${loginUrl}" style="color: #0F7A06; text-decoration: none;">login options</a> or with your email address and password.`,
+      `If you don't have a password, you can set one now.`,
+    ]
+    if (opts.userIsManaged) {
+      whatDoesThisMeanExplanation = [
+        'You now need an email address and password to sign in to your Overleaf account.',
+      ]
+    }
+
+    const message = [
+      'Your group administrator has disabled single sign-on for your group.',
+      '<br/>',
+      '<b>What does this mean for you?</b>',
+      ...whatDoesThisMeanExplanation,
+    ]
+
+    return message.map(m => {
+      return EmailMessageHelper.cleanHTML(m, isPlainText)
+    })
+  },
+  secondaryMessage(opts) {
+    return [``]
+  },
+  ctaURL(opts) {
+    return opts.setNewPasswordUrl
+  },
+  ctaText(opts) {
+    return 'Set your new password'
+  },
+})
+
+templates.surrenderAccountForManagedUsers = ctaTemplate({
+  subject(opts) {
+    const admin = _.escape(_formatUserNameAndEmail(opts.admin, 'an admin'))
+
+    const toGroupName = opts.groupName ? ` to ${opts.groupName}` : ''
+
+    return `${
+      opts.reminder ? 'Reminder: ' : ''
+    }You’ve been invited by ${admin} to transfer management of your ${
+      settings.appName
+    } account${toGroupName}`
+  },
+  title(opts) {
+    const admin = _.escape(_formatUserNameAndEmail(opts.admin, 'an admin'))
+
+    const toGroupName = opts.groupName ? ` to ${opts.groupName}` : ''
+
+    return `${
+      opts.reminder ? 'Reminder: ' : ''
+    }You’ve been invited by ${admin} to transfer management of your ${
+      settings.appName
+    } account${toGroupName}`
+  },
+  message(opts, isPlainText) {
+    const admin = _.escape(_formatUserNameAndEmail(opts.admin, 'an admin'))
+
+    const managedUsersLink = EmailMessageHelper.displayLink(
+      'user account management',
+      `${settings.siteUrl}/learn/how-to/Understanding_Managed_Overleaf_Accounts`,
+      isPlainText
+    )
+
+    return [
+      `Your ${settings.appName} account ${_.escape(
+        opts.to
+      )} is part of ${admin}'s group. They’ve now enabled ${managedUsersLink} for the group. This will ensure that projects aren’t lost when someone leaves the group.`,
+    ]
+  },
+  secondaryMessage(opts, isPlainText) {
+    const transferProjectOwnershipLink = EmailMessageHelper.displayLink(
+      'change project owner',
+      `${settings.siteUrl}/learn/how-to/How_to_Transfer_Project_Ownership`,
+      isPlainText
+    )
+
+    return [
+      `<b>What does this mean for you?</b>`,
+      `If you accept, you’ll transfer the management of your ${settings.appName} account to the owner of the group subscription, who will then have admin rights over your account and control over your stuff.`,
+      `If you have personal projects in your ${settings.appName} account that you want to keep separate, that’s not a problem. You can set up another account under a personal email address and change the ownership of your personal projects to the new account. Find out how to ${transferProjectOwnershipLink}.`,
+      `If you think this invitation has been sent in error please contact your group administrator.`,
+    ]
+  },
+  ctaURL(opts) {
+    return opts.acceptInviteUrl
+  },
+  ctaText(opts) {
+    return 'Accept invitation'
+  },
+  greeting() {
+    return ''
+  },
+})
+
+templates.testEmail = ctaTemplate({
+  subject() {
+    return `A Test Email from ${settings.appName}`
+  },
+  title() {
+    return `A Test Email from ${settings.appName}`
+  },
+  greeting() {
+    return 'Hi,'
+  },
+  message() {
+    return [`This is a test Email from ${settings.appName}`]
+  },
+  ctaText() {
+    return `Open ${settings.appName}`
+  },
+  ctaURL() {
+    return settings.siteUrl
+  },
+})
+
+templates.ownershipTransferConfirmationPreviousOwner = NoCTAEmailTemplate({
+  subject(opts) {
+    return `Project ownership transfer - ${settings.appName}`
+  },
+  title(opts) {
+    const projectName = _.escape(
+      SpamSafe.safeProjectName(opts.project.name, 'Your project')
+    )
+    return `${projectName} - Owner change`
+  },
+  message(opts, isPlainText) {
+    const nameAndEmail = _.escape(
+      _formatUserNameAndEmail(opts.newOwner, 'a collaborator')
+    )
+    const projectName = _.escape(
+      SpamSafe.safeProjectName(opts.project.name, 'your project')
+    )
+    const projectNameDisplay = isPlainText
+      ? projectName
+      : `<b>${projectName}</b>`
+    return [
+      `As per your request, we have made ${nameAndEmail} the owner of ${projectNameDisplay}.`,
+      `If you haven't asked to change the owner of ${projectNameDisplay}, please get in touch with us via ${settings.adminEmail}.`,
+    ]
+  },
+})
+
+templates.ownershipTransferConfirmationNewOwner = ctaTemplate({
+  subject(opts) {
+    return `Project ownership transfer - ${settings.appName}`
+  },
+  title(opts) {
+    const projectName = _.escape(
+      SpamSafe.safeProjectName(opts.project.name, 'Your project')
+    )
+    return `${projectName} - Owner change`
+  },
+  message(opts, isPlainText) {
+    const nameAndEmail = _.escape(
+      _formatUserNameAndEmail(opts.previousOwner, 'A collaborator')
+    )
+    const projectName = _.escape(
+      SpamSafe.safeProjectName(opts.project.name, 'a project')
+    )
+    const projectNameEmphasized = isPlainText
+      ? projectName
+      : `<b>${projectName}</b>`
+    return [
+      `${nameAndEmail} has made you the owner of ${projectNameEmphasized}. You can now manage ${projectName} sharing settings.`,
+    ]
+  },
+  ctaText(opts) {
+    return 'View project'
+  },
+  ctaURL(opts) {
+    const projectUrl = `${
+      settings.siteUrl
+    }/project/${opts.project._id.toString()}`
+    return projectUrl
+  },
+})
+
+templates.userOnboardingEmail = NoCTAEmailTemplate({
+  subject(opts) {
+    return `Getting more out of ${settings.appName}`
+  },
+  greeting(opts) {
+    return ''
+  },
+  title(opts) {
+    return `Getting more out of ${settings.appName}`
+  },
+  message(opts, isPlainText) {
+    const learnLatexLink = EmailMessageHelper.displayLink(
+      'Learn LaTeX in 30 minutes',
+      `${settings.siteUrl}/learn/latex/Learn_LaTeX_in_30_minutes?utm_source=overleaf&utm_medium=email&utm_campaign=onboarding`,
+      isPlainText
+    )
+    const templatesLinks = EmailMessageHelper.displayLink(
+      'Find a beautiful template',
+      `${settings.siteUrl}/latex/templates?utm_source=overleaf&utm_medium=email&utm_campaign=onboarding`,
+      isPlainText
+    )
+    const collaboratorsLink = EmailMessageHelper.displayLink(
+      'Work with your collaborators',
+      `${settings.siteUrl}/learn/how-to/Sharing_a_project?utm_source=overleaf&utm_medium=email&utm_campaign=onboarding`,
+      isPlainText
+    )
+    const siteLink = EmailMessageHelper.displayLink(
+      'www.overleaf.com',
+      settings.siteUrl,
+      isPlainText
+    )
+    const userSettingsLink = EmailMessageHelper.displayLink(
+      'here',
+      `${settings.siteUrl}/user/email-preferences`,
+      isPlainText
+    )
+    const onboardingSurveyLink = EmailMessageHelper.displayLink(
+      'Join our user feedback program',
+      'https://forms.gle/DB7pdk2B1VFQqVVB9',
+      isPlainText
+    )
+    return [
+      `Thanks for signing up for ${settings.appName} recently. We hope you've been finding it useful! Here are some key features to help you get the most out of the service:`,
+      `${learnLatexLink}: In this tutorial we provide a quick and easy first introduction to LaTeX with no prior knowledge required. By the time you are finished, you will have written your first LaTeX document!`,
+      `${templatesLinks}: If you're looking for a template or example to get started, we've a large selection available in our template gallery, including CVs, project reports, journal articles and more.`,
+      `${collaboratorsLink}: One of the key features of Overleaf is the ability to share projects and collaborate on them with other users. Find out how to share your projects with your colleagues in this quick how-to guide.`,
+      `${onboardingSurveyLink} to help us make Overleaf even better!`,
+      'Thanks again for using Overleaf :)',
+      `Lee`,
+      `Lee Shalit<br />CEO<br />${siteLink}<hr>`,
+      `You're receiving this email because you've recently signed up for an Overleaf account. If you've previously subscribed to emails about product offers and company news and events, you can unsubscribe ${userSettingsLink}.`,
+    ]
+  },
+})
+
+templates.securityAlert = NoCTAEmailTemplate({
+  subject(opts) {
+    return `Overleaf security note: ${opts.action}`
+  },
+  title(opts) {
+    return opts.action.charAt(0).toUpperCase() + opts.action.slice(1)
+  },
+  message(opts, isPlainText) {
+    const dateFormatted = moment().format('dddd D MMMM YYYY')
+    const timeFormatted = moment().format('HH:mm')
+    const helpLink = EmailMessageHelper.displayLink(
+      'quick guide',
+      `${settings.siteUrl}/learn/how-to/Keeping_your_account_secure`,
+      isPlainText
+    )
+
+    const actionDescribed = EmailMessageHelper.cleanHTML(
+      opts.actionDescribed,
+      isPlainText
+    )
+
+    if (!opts.message) {
+      opts.message = []
+    }
+    const message = opts.message.map(m => {
+      return EmailMessageHelper.cleanHTML(m, isPlainText)
+    })
+
+    return [
+      `We are writing to let you know that ${actionDescribed} on ${dateFormatted} at ${timeFormatted} GMT.`,
+      ...message,
+      `If this was you, you can ignore this email.`,
+      `If this was not you, we recommend getting in touch with our support team at ${settings.adminEmail} to report this as potentially suspicious activity on your account.`,
+      `We also encourage you to read our ${helpLink} to keeping your ${settings.appName} account safe.`,
+    ]
+  },
+})
+
+templates.SAMLDataCleared = ctaTemplate({
+  subject(opts) {
+    return `Institutional Login No Longer Linked - ${settings.appName}`
+  },
+  title(opts) {
+    return 'Institutional Login No Longer Linked'
+  },
+  message(opts, isPlainText) {
+    return [
+      `We're writing to let you know that due to a bug on our end, we've had to temporarily disable logging into your ${settings.appName} through your institution.`,
+      `To get it going again, you'll need to relink your institutional email address to your ${settings.appName} account via your settings.`,
+    ]
+  },
+  secondaryMessage() {
+    return [
+      `If you ordinarily log in to your ${settings.appName} account through your institution, you may need to set or reset your password to regain access to your account first.`,
+      'This bug did not affect the security of any accounts, but it may have affected license entitlements for a small number of users. We are sorry for any inconvenience that this may cause for you.',
+      `If you have any questions, please get in touch with our support team at ${settings.adminEmail} or by replying to this email.`,
+    ]
+  },
+  ctaText(opts) {
+    return 'Update my Emails and Affiliations'
+  },
+  ctaURL(opts) {
+    return `${settings.siteUrl}/user/settings`
+  },
+})
+
+templates.welcome = ctaTemplate({
+  subject() {
+    return `Welcome to ${settings.appName}`
+  },
+  title() {
+    return `Welcome to ${settings.appName}`
+  },
+  greeting() {
+    return 'Hi,'
+  },
+  message(opts, isPlainText) {
+    const logInAgainDisplay = EmailMessageHelper.displayLink(
+      'log in again',
+      `${settings.siteUrl}/login`,
+      isPlainText
+    )
+    const helpGuidesDisplay = EmailMessageHelper.displayLink(
+      'Help Guides',
+      `${settings.siteUrl}/learn`,
+      isPlainText
+    )
+    const templatesDisplay = EmailMessageHelper.displayLink(
+      'Templates',
+      `${settings.siteUrl}/templates`,
+      isPlainText
+    )
+
+    return [
+      `Thanks for signing up to ${settings.appName}! If you ever get lost, you can ${logInAgainDisplay} with the email address '${opts.to}'.`,
+      `If you're new to LaTeX, take a look at our ${helpGuidesDisplay} and ${templatesDisplay}.`,
+      `Please also take a moment to confirm your email address for ${settings.appName}:`,
+    ]
+  },
+  secondaryMessage() {
+    return [
+      `PS. We love talking to our users about ${settings.appName}. Reply to this email to get in touch with us directly, whatever the reason. Questions, comments, problems, suggestions, all welcome!`,
+    ]
+  },
+  ctaText() {
+    return 'Confirm Email'
+  },
+  ctaURL(opts) {
+    return opts.confirmEmailUrl
+  },
+})
+
+templates.welcomeWithoutCTA = NoCTAEmailTemplate({
+  subject() {
+    return `Welcome to ${settings.appName}`
+  },
+  title() {
+    return `Welcome to ${settings.appName}`
+  },
+  greeting() {
+    return 'Hi,'
+  },
+  message(opts, isPlainText) {
+    const logInAgainDisplay = EmailMessageHelper.displayLink(
+      'log in again',
+      `${settings.siteUrl}/login`,
+      isPlainText
+    )
+    const helpGuidesDisplay = EmailMessageHelper.displayLink(
+      'Help Guides',
+      `${settings.siteUrl}/learn`,
+      isPlainText
+    )
+    const templatesDisplay = EmailMessageHelper.displayLink(
+      'Templates',
+      `${settings.siteUrl}/templates`,
+      isPlainText
+    )
+
+    return [
+      `Thanks for signing up to ${settings.appName}! If you ever get lost, you can ${logInAgainDisplay} with the email address '${opts.to}'.`,
+      `If you're new to LaTeX, take a look at our ${helpGuidesDisplay} and ${templatesDisplay}.`,
+      `PS. We love talking to our users about ${settings.appName}. Reply to this email to get in touch with us directly, whatever the reason. Questions, comments, problems, suggestions, all welcome!`,
+    ]
+  },
+})
+
+function _formatUserNameAndEmail(user, placeholder) {
+  if (user.first_name && user.last_name) {
+    const fullName = `${user.first_name} ${user.last_name}`
+    if (SpamSafe.isSafeUserName(fullName)) {
+      if (SpamSafe.isSafeEmail(user.email)) {
+        return `${fullName} (${user.email})`
+      } else {
+        return fullName
+      }
+    }
+  }
+  return SpamSafe.safeEmail(user.email, placeholder)
+}
+
+module.exports = {
+  templates,
+  ctaTemplate,
+  NoCTAEmailTemplate,
+  buildEmail,
+}
diff --git a/services/web/app/src/Features/Email/EmailHandler.js b/services/web/app/src/Features/Email/EmailHandler.js
new file mode 100644
index 0000000..f38ce2c
--- /dev/null
+++ b/services/web/app/src/Features/Email/EmailHandler.js
@@ -0,0 +1,41 @@
+const { callbackify } = require('util')
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const EmailBuilder = require('./EmailBuilder')
+const EmailSender = require('./EmailSender')
+const Queues = require('../../infrastructure/Queues')
+
+const EMAIL_SETTINGS = Settings.email || {}
+
+/**
+ * @param {string} emailType
+ * @param {opts} any
+ */
+async function sendEmail(emailType, opts) {
+  const email = EmailBuilder.buildEmail(emailType, opts)
+  if (email.type === 'lifecycle' && !EMAIL_SETTINGS.lifecycle) {
+    return
+  }
+  opts.html = email.html
+  opts.text = email.text
+  opts.subject = email.subject
+  await EmailSender.promises.sendEmail(opts, emailType)
+}
+
+function sendDeferredEmail(emailType, opts, delay) {
+  Queues.createScheduledJob(
+    'deferred-emails',
+    { data: { emailType, opts } },
+    delay
+  ).catch(err => {
+    logger.warn({ err, emailType, opts }, 'failed to queue deferred email')
+  })
+}
+
+module.exports = {
+  sendEmail: callbackify(sendEmail),
+  sendDeferredEmail,
+  promises: {
+    sendEmail,
+  },
+}
diff --git a/services/web/app/src/Features/Email/EmailMessageHelper.js b/services/web/app/src/Features/Email/EmailMessageHelper.js
new file mode 100644
index 0000000..d8fcc7d
--- /dev/null
+++ b/services/web/app/src/Features/Email/EmailMessageHelper.js
@@ -0,0 +1,28 @@
+const sanitizeHtml = require('sanitize-html')
+const sanitizeOptions = {
+  html: {
+    allowedTags: ['a', 'span', 'b', 'br', 'i'],
+    allowedAttributes: {
+      a: ['href', 'style'],
+      span: ['style', 'class'],
+    },
+  },
+  plainText: {
+    allowedTags: [],
+    allowedAttributes: {},
+  },
+}
+
+function cleanHTML(text, isPlainText) {
+  if (!isPlainText) return sanitizeHtml(text, sanitizeOptions.html)
+  return sanitizeHtml(text, sanitizeOptions.plainText)
+}
+
+function displayLink(text, url, isPlainText) {
+  return isPlainText ? `${text} (${url})` : `<a href="${url}">${text}</a>`
+}
+
+module.exports = {
+  cleanHTML,
+  displayLink,
+}
diff --git a/services/web/app/src/Features/Email/EmailOptionsHelper.js b/services/web/app/src/Features/Email/EmailOptionsHelper.js
new file mode 100644
index 0000000..e8245f7
--- /dev/null
+++ b/services/web/app/src/Features/Email/EmailOptionsHelper.js
@@ -0,0 +1,29 @@
+function _getIndefiniteArticle(providerName) {
+  const vowels = ['a', 'e', 'i', 'o', 'u']
+
+  return vowels.includes(providerName.charAt(0).toLowerCase()) ? 'an' : 'a'
+}
+
+function _actionBuilder(providerName, action, accountLinked) {
+  if (providerName.toLowerCase() !== 'google') {
+    return `${providerName} account ${action}`
+  }
+
+  return accountLinked ? `New account ${action}` : `Account ${action}`
+}
+
+function linkOrUnlink(accountLinked, providerName, email) {
+  const action = accountLinked ? 'linked' : 'no longer linked'
+  const actionDescribed = accountLinked ? 'was linked to' : 'was unlinked from'
+  const indefiniteArticle = _getIndefiniteArticle(providerName)
+
+  return {
+    to: email,
+    action: _actionBuilder(providerName, action, accountLinked),
+    actionDescribed: `${indefiniteArticle} ${providerName} account ${actionDescribed} your account ${email}`,
+  }
+}
+
+module.exports = {
+  linkOrUnlink,
+}
diff --git a/services/web/app/src/Features/Email/EmailSender.js b/services/web/app/src/Features/Email/EmailSender.js
new file mode 100644
index 0000000..c11369c
--- /dev/null
+++ b/services/web/app/src/Features/Email/EmailSender.js
@@ -0,0 +1,128 @@
+const { callbackify } = require('util')
+const logger = require('@overleaf/logger')
+const metrics = require('@overleaf/metrics')
+const Settings = require('@overleaf/settings')
+const nodemailer = require('nodemailer')
+const sesTransport = require('nodemailer-ses-transport')
+const OError = require('@overleaf/o-error')
+const { RateLimiter } = require('../../infrastructure/RateLimiter')
+const _ = require('lodash')
+
+const EMAIL_SETTINGS = Settings.email || {}
+
+module.exports = {
+  sendEmail: callbackify(sendEmail),
+  promises: {
+    sendEmail,
+  },
+}
+
+const client = getClient()
+
+const rateLimiter = new RateLimiter('send_email', {
+  points: 100,
+  duration: 3 * 60 * 60,
+})
+
+function getClient() {
+  let client
+  if (EMAIL_SETTINGS.parameters) {
+    const emailParameters = EMAIL_SETTINGS.parameters
+    if (emailParameters.AWSAccessKeyID || EMAIL_SETTINGS.driver === 'ses') {
+      logger.debug('using aws ses for email')
+      client = nodemailer.createTransport(sesTransport(emailParameters))
+    } else if (emailParameters.sendgridApiKey) {
+      throw new OError(
+        'sendgridApiKey configuration option is deprecated, use SMTP instead'
+      )
+    } else if (emailParameters.MandrillApiKey) {
+      throw new OError(
+        'MandrillApiKey configuration option is deprecated, use SMTP instead'
+      )
+    } else {
+      logger.debug('using smtp for email')
+      const smtp = _.pick(
+        emailParameters,
+        'host',
+        'port',
+        'secure',
+        'auth',
+        'ignoreTLS',
+        'logger',
+        'name'
+      )
+      client = nodemailer.createTransport(smtp)
+    }
+  } else {
+    logger.warn(
+      'Email transport and/or parameters not defined. No emails will be sent.'
+    )
+    client = {
+      async sendMail(options) {
+        logger.info({ options }, 'Would send email if enabled.')
+      },
+    }
+  }
+  return client
+}
+
+async function sendEmail(options, emailType) {
+  try {
+    const canContinue = await checkCanSendEmail(options)
+    metrics.inc('email_status', {
+      status: canContinue ? 'sent' : 'rate_limited',
+      path: emailType,
+    })
+    if (!canContinue) {
+      logger.debug(
+        {
+          sendingUserId: options.sendingUser_id,
+          to: options.to,
+          subject: options.subject,
+          canContinue,
+        },
+        'rate limit hit for sending email, not sending'
+      )
+      throw new OError('rate limit hit sending email')
+    }
+    metrics.inc('email')
+    const sendMailOptions = {
+      to: options.to,
+      from: EMAIL_SETTINGS.fromAddress || '',
+      subject: options.subject,
+      html: options.html,
+      text: options.text,
+      replyTo: options.replyTo || EMAIL_SETTINGS.replyToAddress,
+      socketTimeout: 30 * 1000,
+    }
+    if (EMAIL_SETTINGS.textEncoding != null) {
+      sendMailOptions.textEncoding = EMAIL_SETTINGS.textEncoding
+    }
+    if (options.category) {
+      // category support for sendgrid
+      sendMailOptions.headers = {
+        'X-SMTPAPI': JSON.stringify({ category: options.category }),
+      }
+    }
+    await client.sendMail(sendMailOptions)
+  } catch (err) {
+    throw new OError('error sending message').withCause(err)
+  }
+}
+
+async function checkCanSendEmail(options) {
+  if (options.sendingUser_id == null) {
+    // email not sent from user, not rate limited
+    return true
+  }
+  try {
+    await rateLimiter.consume(options.sendingUser_id, 1, { method: 'userId' })
+  } catch (err) {
+    if (err instanceof Error) {
+      throw err
+    } else {
+      return false
+    }
+  }
+  return true
+}
diff --git a/services/web/app/src/Features/Email/Layouts/BaseWithHeaderEmailLayout.js b/services/web/app/src/Features/Email/Layouts/BaseWithHeaderEmailLayout.js
new file mode 100644
index 0000000..11546e7
--- /dev/null
+++ b/services/web/app/src/Features/Email/Layouts/BaseWithHeaderEmailLayout.js
@@ -0,0 +1,394 @@
+const _ = require('lodash')
+const settings = require('@overleaf/settings')
+
+module.exports = _.template(`\
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" style="Margin: 0; background: #E4E8EE !important; margin: 0; min-height: 100%; padding: 0;">
+	<head>
+		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+		<meta name="viewport" content="width=device-width">
+		<style>.button td {
+	border-radius: 9999px; }
+
+.force-overleaf-style a,
+.force-overleaf-style a[href] {
+	color: #138A07 !important;
+	text-decoration: none !important;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	-webkit-hyphens: none;
+	hyphens: none; }
+	.force-overleaf-style a:visited,
+	.force-overleaf-style a[href]:visited {
+		color: #138A07; }
+	.force-overleaf-style a:hover,
+	.force-overleaf-style a[href]:hover {
+		color: #3d7935; }
+	.force-overleaf-style a:active,
+	.force-overleaf-style a[href]:active {
+		color: #3d7935; }
+</style>
+		<style>@media only screen {
+	html {
+		min-height: 100%;
+		background: #f6f6f6;
+	}
+}
+
+@media only screen and (max-width: 596px) {
+	.small-float-center {
+		margin: 0 auto !important;
+		float: none !important;
+		text-align: center !important;
+	}
+
+	.small-text-center {
+		text-align: center !important;
+	}
+
+	.small-text-left {
+		text-align: left !important;
+	}
+
+	.small-text-right {
+		text-align: right !important;
+	}
+
+	.cta-table {
+		table-layout: fixed;
+	}
+}
+
+@media only screen and (max-width: 596px) {
+	.hide-for-large {
+		display: block !important;
+		width: auto !important;
+		overflow: visible !important;
+		max-height: none !important;
+		font-size: inherit !important;
+		line-height: inherit !important;
+	}
+}
+
+@media only screen and (max-width: 596px) {
+	table.body table.container .hide-for-large,
+	table.body table.container .row.hide-for-large {
+		display: table !important;
+		width: 100% !important;
+	}
+}
+
+@media only screen and (max-width: 596px) {
+	table.body table.container .callout-inner.hide-for-large {
+		display: table-cell !important;
+		width: 100% !important;
+	}
+}
+
+@media only screen and (max-width: 596px) {
+	table.body table.container .show-for-large {
+		display: none !important;
+		width: 0;
+		mso-hide: all;
+		overflow: hidden;
+	}
+}
+
+@media only screen and (max-width: 596px) {
+	table.body img {
+		width: auto;
+		height: auto;
+	}
+
+	table.body center {
+		min-width: 0 !important;
+	}
+
+	table.body .container {
+		width: 95% !important;
+	}
+
+	table.body .columns,
+	table.body .column {
+		height: auto !important;
+		-moz-box-sizing: border-box;
+		-webkit-box-sizing: border-box;
+		box-sizing: border-box;
+		padding-left: 16px !important;
+		padding-right: 16px !important;
+	}
+
+	table.body .columns .column,
+	table.body .columns .columns,
+	table.body .column .column,
+	table.body .column .columns {
+		padding-left: 0 !important;
+		padding-right: 0 !important;
+	}
+
+	table.body .collapse .columns,
+	table.body .collapse .column {
+		padding-left: 0 !important;
+		padding-right: 0 !important;
+	}
+
+	td.small-1,
+	th.small-1 {
+		display: inline-block !important;
+		width: 8.33333% !important;
+	}
+
+	td.small-2,
+	th.small-2 {
+		display: inline-block !important;
+		width: 16.66667% !important;
+	}
+
+	td.small-3,
+	th.small-3 {
+		display: inline-block !important;
+		width: 25% !important;
+	}
+
+	td.small-4,
+	th.small-4 {
+		display: inline-block !important;
+		width: 33.33333% !important;
+	}
+
+	td.small-5,
+	th.small-5 {
+		display: inline-block !important;
+		width: 41.66667% !important;
+	}
+
+	td.small-6,
+	th.small-6 {
+		display: inline-block !important;
+		width: 50% !important;
+	}
+
+	td.small-7,
+	th.small-7 {
+		display: inline-block !important;
+		width: 58.33333% !important;
+	}
+
+	td.small-8,
+	th.small-8 {
+		display: inline-block !important;
+		width: 66.66667% !important;
+	}
+
+	td.small-9,
+	th.small-9 {
+		display: inline-block !important;
+		width: 75% !important;
+	}
+
+	td.small-10,
+	th.small-10 {
+		display: inline-block !important;
+		width: 83.33333% !important;
+	}
+
+	td.small-11,
+	th.small-11 {
+		display: inline-block !important;
+		width: 91.66667% !important;
+	}
+
+	td.small-12,
+	th.small-12 {
+		display: inline-block !important;
+		width: 100% !important;
+	}
+
+	.columns td.small-12,
+	.column td.small-12,
+	.columns th.small-12,
+	.column th.small-12 {
+		display: block !important;
+		width: 100% !important;
+	}
+
+	table.body td.small-offset-1,
+	table.body th.small-offset-1 {
+		margin-left: 8.33333% !important;
+		Margin-left: 8.33333% !important;
+	}
+
+	table.body td.small-offset-2,
+	table.body th.small-offset-2 {
+		margin-left: 16.66667% !important;
+		Margin-left: 16.66667% !important;
+	}
+
+	table.body td.small-offset-3,
+	table.body th.small-offset-3 {
+		margin-left: 25% !important;
+		Margin-left: 25% !important;
+	}
+
+	table.body td.small-offset-4,
+	table.body th.small-offset-4 {
+		margin-left: 33.33333% !important;
+		Margin-left: 33.33333% !important;
+	}
+
+	table.body td.small-offset-5,
+	table.body th.small-offset-5 {
+		margin-left: 41.66667% !important;
+		Margin-left: 41.66667% !important;
+	}
+
+	table.body td.small-offset-6,
+	table.body th.small-offset-6 {
+		margin-left: 50% !important;
+		Margin-left: 50% !important;
+	}
+
+	table.body td.small-offset-7,
+	table.body th.small-offset-7 {
+		margin-left: 58.33333% !important;
+		Margin-left: 58.33333% !important;
+	}
+
+	table.body td.small-offset-8,
+	table.body th.small-offset-8 {
+		margin-left: 66.66667% !important;
+		Margin-left: 66.66667% !important;
+	}
+
+	table.body td.small-offset-9,
+	table.body th.small-offset-9 {
+		margin-left: 75% !important;
+		Margin-left: 75% !important;
+	}
+
+	table.body td.small-offset-10,
+	table.body th.small-offset-10 {
+		margin-left: 83.33333% !important;
+		Margin-left: 83.33333% !important;
+	}
+
+	table.body td.small-offset-11,
+	table.body th.small-offset-11 {
+		margin-left: 91.66667% !important;
+		Margin-left: 91.66667% !important;
+	}
+
+	table.body table.columns td.expander,
+	table.body table.columns th.expander {
+		display: none !important;
+	}
+
+	table.body .right-text-pad,
+	table.body .text-pad-right {
+		padding-left: 10px !important;
+	}
+
+	table.body .left-text-pad,
+	table.body .text-pad-left {
+		padding-right: 10px !important;
+	}
+
+	table.menu {
+		width: 100% !important;
+	}
+
+	table.menu td,
+	table.menu th {
+		width: auto !important;
+		display: inline-block !important;
+	}
+
+	table.menu.vertical td,
+	table.menu.vertical th,
+	table.menu.small-vertical td,
+	table.menu.small-vertical th {
+		display: block !important;
+	}
+
+	table.menu[align="center"] {
+		width: auto !important;
+	}
+
+	table.button.small-expand,
+	table.button.small-expanded {
+		width: 100% !important;
+	}
+
+	table.button.small-expand table,
+	table.button.small-expanded table {
+		width: 100%;
+	}
+
+	table.button.small-expand table a,
+	table.button.small-expanded table a {
+		text-align: center !important;
+		width: 100% !important;
+		padding-left: 0 !important;
+		padding-right: 0 !important;
+	}
+
+	table.button.small-expand center,
+	table.button.small-expanded center {
+		min-width: 0;
+	}
+}</style>
+	</head>
+	<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" bgcolor="#F6F6F6" style="-moz-box-sizing: border-box; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -webkit-text-size-adjust: 100%; Margin: 0; box-sizing: border-box; color: #5D6879; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; min-width: 100%; padding: 0; text-align: left; width: 100% !important;">
+		<!-- <span class="preheader"></span> -->
+		<table class="body" border="0" cellspacing="0" cellpadding="0" width="100%" height="100%" style="Margin: 0; background: #E4E8EE; border-collapse: collapse; border-spacing: 0; color: #5D6879; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; height: 100%; line-height: 1.3; margin: 0; padding: 0; text-align: left; vertical-align: top; width: 100%;">
+			<tr style="padding: 0; text-align: left; vertical-align: top;">
+				<td class="body-cell" align="center" valign="top" bgcolor="#F6F6F6" style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; background: #E4E8EE !important; border-collapse: collapse !important; color: #5D6879; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding: 0; padding-bottom: 20px; text-align: left; vertical-align: top; word-wrap: break-word;">
+					<center data-parsed="" style="min-width: 580px; width: 100%;">
+
+						<table align="center" class="wrapper header float-center" style="Margin: 0 auto; background: #1E2530; border-bottom: none; border-collapse: collapse; border-spacing: 0; float: none; margin: 0 auto; padding: 0; text-align: center; vertical-align: top; width: 100%;"><tr style="padding: 0; text-align: left; vertical-align: top;"><td class="wrapper-inner" style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #5D6879; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding: 20px; text-align: left; vertical-align: top; word-wrap: break-word;">
+							<table align="center" class="container" style="Margin: 0 auto; background: transparent; border-collapse: collapse; border-spacing: 0; margin: 0 auto; padding: 0; text-align: inherit; vertical-align: top; width: 580px;"><tbody><tr style="padding: 0; text-align: left; vertical-align: top;"><td style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #5D6879; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;">
+							<table class="row collapse" style="border-collapse: collapse; border-spacing: 0; display: table; padding: 0; position: relative; text-align: left; vertical-align: top; width: 100%;"><tbody><tr style="padding: 0; text-align: left; vertical-align: top;">
+								<th class="small-12 large-12 columns first last" style="Margin: 0 auto; color: #5D6879; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0 auto; padding: 0; padding-bottom: 0; padding-left: 0; padding-right: 0; text-align: left; width: 588px;"><table style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%;"><tr style="padding: 0; text-align: left; vertical-align: top;"><th style="Margin: 0; color: #5D6879; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; text-align: left;">
+								<h1 style="Margin: 0; Margin-bottom: px; color: #FFFFFF; font-family: Georgia, serif; font-size: 30px; font-weight: normal; line-height: 1.3; margin: 0; margin-bottom: px; padding: 0; text-align: left; word-wrap: normal;">
+									${settings.appName}
+								</h1>
+								</th>
+								<th class="expander" style="Margin: 0; color: #5D6879; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; padding: 0 !important; text-align: left; visibility: hidden; width: 0;"></th></tr></table></th>
+							</tr></tbody></table>
+							</td></tr></tbody></table>
+						</td></tr></table>
+						<table class="spacer float-center" style="Margin: 0 auto; border-collapse: collapse; border-spacing: 0; float: none; margin: 0 auto; padding: 0; text-align: center; vertical-align: top; width: 100%;"><tbody><tr style="padding: 0; text-align: left; vertical-align: top;"><td height="20px" style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #5D6879; font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: normal; hyphens: auto; line-height: 20px; margin: 0; mso-line-height-rule: exactly; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;">&#xA0;</td></tr></tbody></table>
+						<table align="center" class="container main float-center" style="Margin: 0 auto; Margin-top: 10px; background: #FFFFFF; border-collapse: collapse; border-spacing: 0; float: none; margin: 0 auto; margin-top: 10px; padding: 0; text-align: center; vertical-align: top; width: 580px;"><tbody><tr style="padding: 0; text-align: left; vertical-align: top;"><td style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #5D6879; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;">
+							<table class="spacer" style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%;"><tbody><tr style="padding: 0; text-align: left; vertical-align: top;"><td height="20px" style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #5D6879; font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: normal; hyphens: auto; line-height: 20px; margin: 0; mso-line-height-rule: exactly; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;">&#xA0;</td></tr></tbody></table>
+
+							<%= body %>
+
+							<table class="wrapper secondary" align="center" style="background: #E4E8EE; border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%;"><tr style="padding: 0; text-align: left; vertical-align: top;"><td class="wrapper-inner" style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #5D6879; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; hyphens: auto; line-height: 1.3; margin: 0; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;">
+								<table class="spacer" style="border-collapse: collapse; border-spacing: 0; padding: 0; text-align: left; vertical-align: top; width: 100%;"><tbody><tr style="padding: 0; text-align: left; vertical-align: top;"><td height="10px" style="-moz-hyphens: auto; -webkit-hyphens: auto; Margin: 0; border-collapse: collapse !important; color: #5D6879; font-family: Helvetica, Arial, sans-serif; font-size: 10px; font-weight: normal; hyphens: auto; line-height: 10px; margin: 0; mso-line-height-rule: exactly; padding: 0; text-align: left; vertical-align: top; word-wrap: break-word;">&#xA0;</td></tr></tbody></table>
+								<p style="Margin: 0; Margin-bottom: 10px; color: #5D6879; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: normal; line-height: 1.3; margin: 0; margin-bottom: 10px; padding: 0; text-align: left;"><small style="color: #5D6879; font-size: 80%;">
+									${
+                    settings.email &&
+                    settings.email.template &&
+                    settings.email.template.customFooter
+                      ? `${settings.email.template.customFooter}<br>`
+                      : ''
+                  }${settings.appName} &bull; <a href="${
+                    settings.siteUrl
+                  }" style="Margin: 0; color: #0F7A06; font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; margin: 0; padding: 0; text-align: left; text-decoration: none;">${
+                    settings.siteUrl
+                  }</a>
+								</small></p>
+							</td></tr></table>
+						</td></tr></tbody></table>
+
+					</center>
+				</td>
+			</tr>
+		</table>
+		<!-- prevent Gmail on iOS font size manipulation -->
+	<div style="display:none; white-space:nowrap; font:15px courier; line-height:0;"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </div>
+	</body>
+</html>\
+`)
diff --git a/services/web/app/src/Features/Email/SpamSafe.js b/services/web/app/src/Features/Email/SpamSafe.js
new file mode 100644
index 0000000..1198099
--- /dev/null
+++ b/services/web/app/src/Features/Email/SpamSafe.js
@@ -0,0 +1,56 @@
+const XRegExp = require('xregexp')
+
+// A note about SAFE_REGEX:
+// We have to escape the escape characters because XRegExp compiles it first.
+// So it's equivalent to `^[\p{L}\p{N}\s\-_!&\(\)]+$]
+// \p{L} = any letter in any language
+// \p{N} = any kind of numeric character
+// https://www.regular-expressions.info/unicode.html#prop is a good resource for
+// more obscure regex features. standard RegExp does not support these
+
+const HAN_REGEX = XRegExp('\\p{Han}')
+const SAFE_REGEX = XRegExp("^[\\p{L}\\p{N}\\s\\-_!'&\\(\\)]+$")
+const EMAIL_REGEX = XRegExp('^[\\p{L}\\p{N}.+_-]+@[\\w.-]+$')
+
+const SpamSafe = {
+  isSafeUserName(name) {
+    return SAFE_REGEX.test(name) && name.length <= 30
+  },
+
+  isSafeProjectName(name) {
+    if (HAN_REGEX.test(name)) {
+      return SAFE_REGEX.test(name) && name.length <= 10
+    }
+    return SAFE_REGEX.test(name) && name.length <= 100
+  },
+
+  isSafeEmail(email) {
+    return EMAIL_REGEX.test(email) && email.length <= 40
+  },
+
+  safeUserName(name, alternative, project) {
+    if (project == null) {
+      project = false
+    }
+    if (SpamSafe.isSafeUserName(name)) {
+      return name
+    }
+    return alternative
+  },
+
+  safeProjectName(name, alternative) {
+    if (SpamSafe.isSafeProjectName(name)) {
+      return name
+    }
+    return alternative
+  },
+
+  safeEmail(email, alternative) {
+    if (SpamSafe.isSafeEmail(email)) {
+      return email
+    }
+    return alternative
+  },
+}
+
+module.exports = SpamSafe
diff --git a/services/web/app/src/Features/Errors/ErrorController.js b/services/web/app/src/Features/Errors/ErrorController.js
new file mode 100644
index 0000000..b7f96a8
--- /dev/null
+++ b/services/web/app/src/Features/Errors/ErrorController.js
@@ -0,0 +1,133 @@
+const Errors = require('./Errors')
+const SessionManager = require('../Authentication/SessionManager')
+const SamlLogHandler = require('../SamlLog/SamlLogHandler')
+const HttpErrorHandler = require('./HttpErrorHandler')
+const { plainTextResponse } = require('../../infrastructure/Response')
+const { expressifyErrorHandler } = require('@overleaf/promise-utils')
+
+function notFound(req, res) {
+  res.status(404)
+  res.render('general/404', { title: 'page_not_found' })
+}
+
+function forbidden(req, res) {
+  res.status(403)
+  res.render('user/restricted')
+}
+
+function serverError(req, res) {
+  res.status(500)
+  res.render('general/500', { title: 'Server Error' })
+}
+
+async function handleError(error, req, res, next) {
+  const shouldSendErrorResponse = !res.headersSent
+  const user = SessionManager.getSessionUser(req.session)
+  req.logger.addFields({ err: error })
+  // log errors related to SAML flow
+  if (req.session && req.session.saml) {
+    req.logger.setLevel('error')
+    await SamlLogHandler.promises.log(req, { error })
+  }
+  if (error.code === 'EBADCSRFTOKEN') {
+    req.logger.addFields({ user })
+    req.logger.setLevel('warn')
+    if (shouldSendErrorResponse) {
+      res.sendStatus(403)
+    }
+  } else if (error instanceof Errors.NotFoundError) {
+    req.logger.setLevel('warn')
+    if (shouldSendErrorResponse) {
+      notFound(req, res)
+    }
+  } else if (
+    error instanceof URIError &&
+    error.message.match(/^Failed to decode param/)
+  ) {
+    req.logger.setLevel('warn')
+    if (shouldSendErrorResponse) {
+      res.status(400)
+      res.render('general/500', { title: 'Invalid Error' })
+    }
+  } else if (error instanceof Errors.ForbiddenError) {
+    req.logger.setLevel('warn')
+    if (shouldSendErrorResponse) {
+      forbidden(req, res)
+    }
+  } else if (error instanceof Errors.TooManyRequestsError) {
+    req.logger.setLevel('warn')
+    if (shouldSendErrorResponse) {
+      res.sendStatus(429)
+    }
+  } else if (error instanceof Errors.InvalidError) {
+    req.logger.setLevel('warn')
+    if (shouldSendErrorResponse) {
+      res.status(400)
+      plainTextResponse(res, error.message)
+    }
+  } else if (error instanceof Errors.DuplicateNameError) {
+    req.logger.setLevel('warn')
+    if (shouldSendErrorResponse) {
+      res.status(400)
+      plainTextResponse(res, error.message)
+    }
+  } else if (error instanceof Errors.InvalidNameError) {
+    req.logger.setLevel('warn')
+    if (shouldSendErrorResponse) {
+      res.status(400)
+      plainTextResponse(res, error.message)
+    }
+  } else if (error instanceof Errors.NonDeletableEntityError) {
+    req.logger.setLevel('warn')
+    if (shouldSendErrorResponse) {
+      res.status(422)
+      plainTextResponse(res, error.message)
+    }
+  } else if (error instanceof Errors.SAMLSessionDataMissing) {
+    req.logger.setLevel('warn')
+    if (shouldSendErrorResponse) {
+      HttpErrorHandler.badRequest(req, res, error.message)
+    }
+  } else {
+    req.logger.setLevel('error')
+    if (shouldSendErrorResponse) {
+      serverError(req, res)
+    }
+  }
+  if (!shouldSendErrorResponse) {
+    // Pass the error to the default Express error handler, which will close
+    // the connection.
+    next(error)
+  }
+}
+
+function handleApiError(err, req, res, next) {
+  req.logger.addFields({ err })
+  if (err instanceof Errors.NotFoundError) {
+    req.logger.setLevel('warn')
+    res.sendStatus(404)
+  } else if (
+    err instanceof URIError &&
+    err.message.match(/^Failed to decode param/)
+  ) {
+    req.logger.setLevel('warn')
+    res.sendStatus(400)
+  } else if (err instanceof Errors.TooManyRequestsError) {
+    req.logger.setLevel('warn')
+    res.sendStatus(429)
+  } else if (err instanceof Errors.ForbiddenError) {
+    req.logger.setLevel('warn')
+    res.sendStatus(403)
+  } else {
+    req.logger.setLevel('error')
+    res.sendStatus(500)
+  }
+}
+
+module.exports = {
+  notFound,
+  forbidden,
+  serverError,
+  handleError: expressifyErrorHandler(handleError),
+  handleApiError,
+}
diff --git a/services/web/app/src/Features/Errors/Errors.js b/services/web/app/src/Features/Errors/Errors.js
new file mode 100644
index 0000000..8a21b60
--- /dev/null
+++ b/services/web/app/src/Features/Errors/Errors.js
@@ -0,0 +1,359 @@
+const OError = require('@overleaf/o-error')
+const settings = require('@overleaf/settings')
+
+// Error class for legacy errors so they inherit OError while staying
+// backward-compatible (can be instantiated with string as argument instead
+// of object)
+class BackwardCompatibleError extends OError {
+  /**
+   * @param {string | { message: string, info?: Object }} messageOrOptions
+   */
+  constructor(messageOrOptions) {
+    if (typeof messageOrOptions === 'string') {
+      super(messageOrOptions)
+    } else if (messageOrOptions) {
+      const { message, info } = messageOrOptions
+      super(message, info)
+    } else {
+      super()
+    }
+  }
+}
+
+// Error class that facilitates the migration to OError v3 by providing
+// a signature in which the 2nd argument can be an object containing
+// the `info` object.
+class OErrorV2CompatibleError extends OError {
+  constructor(message, options) {
+    if (options) {
+      super(message, options.info)
+    } else {
+      super(message)
+    }
+  }
+}
+
+class NotFoundError extends BackwardCompatibleError {}
+
+class ForbiddenError extends BackwardCompatibleError {}
+
+class ServiceNotConfiguredError extends BackwardCompatibleError {}
+
+class TooManyRequestsError extends BackwardCompatibleError {}
+
+class DuplicateNameError extends OError {}
+
+class InvalidNameError extends BackwardCompatibleError {}
+
+class UnsupportedFileTypeError extends BackwardCompatibleError {}
+
+class FileTooLargeError extends BackwardCompatibleError {}
+
+class UnsupportedExportRecordsError extends BackwardCompatibleError {}
+
+class V1HistoryNotSyncedError extends BackwardCompatibleError {}
+
+class ProjectHistoryDisabledError extends BackwardCompatibleError {}
+
+class V1ConnectionError extends BackwardCompatibleError {}
+
+class UnconfirmedEmailError extends BackwardCompatibleError {}
+
+class EmailExistsError extends OErrorV2CompatibleError {
+  constructor(options) {
+    super('Email already exists', options)
+  }
+}
+
+class InvalidError extends BackwardCompatibleError {}
+
+class NotInV2Error extends BackwardCompatibleError {}
+
+class SLInV2Error extends BackwardCompatibleError {}
+
+class SAMLCommonsUnavailable extends OError {
+  get i18nKey() {
+    return 'saml_commons_unavailable'
+  }
+}
+
+class SAMLIdentityExistsError extends OError {
+  get i18nKey() {
+    return 'institution_account_tried_to_add_already_registered'
+  }
+}
+
+class SAMLAlreadyLinkedError extends OError {
+  get i18nKey() {
+    return 'institution_account_tried_to_add_already_linked'
+  }
+}
+
+class SAMLEmailNotAffiliatedError extends OError {
+  get i18nKey() {
+    return 'institution_account_tried_to_add_not_affiliated'
+  }
+}
+
+class SAMLEmailAffiliatedWithAnotherInstitutionError extends OError {
+  get i18nKey() {
+    return 'institution_account_tried_to_add_affiliated_with_another_institution'
+  }
+}
+
+class SAMLAuthenticationError extends OError {
+  get i18nKey() {
+    return 'saml_auth_error'
+  }
+}
+class SAMLAssertionAudienceMismatch extends SAMLAuthenticationError {}
+
+class SAMLAuthenticationRequiredError extends SAMLAuthenticationError {
+  get i18nKey() {
+    return 'saml_authentication_required_error'
+  }
+}
+
+class SAMLGroupSSOLoginIdentityMismatchError extends SAMLAuthenticationError {
+  get i18nKey() {
+    return 'saml_login_identity_mismatch_error'
+  }
+}
+
+class SAMLGroupSSOLoginIdentityNotFoundError extends SAMLAuthenticationError {
+  get i18nKey() {
+    return 'saml_login_identity_not_found_error'
+  }
+}
+
+class SAMLGroupSSODisabledError extends SAMLAuthenticationError {
+  get i18nKey() {
+    return 'saml_login_disabled_error'
+  }
+}
+
+class SAMLInvalidSignatureError extends SAMLAuthenticationError {
+  get i18nKey() {
+    return 'saml_invalid_signature_error'
+  }
+}
+
+class SAMLMissingSignatureError extends SAMLAuthenticationError {
+  get i18nKey() {
+    return 'saml_missing_signature_error'
+  }
+}
+
+class SAMLInvalidUserIdentifierError extends SAMLAuthenticationError {
+  get i18nKey() {
+    return 'saml_authentication_required_error'
+  }
+}
+
+class SAMLInvalidUserAttributeError extends SAMLAuthenticationError {
+  get i18nKey() {
+    return 'saml_authentication_required_error'
+  }
+}
+
+class SAMLMissingUserIdentifierError extends SAMLAuthenticationError {
+  get i18nKey() {
+    return 'saml_missing_user_attribute'
+  }
+}
+
+class SAMLInvalidResponseError extends SAMLAuthenticationError {}
+
+class SAMLResponseAlreadyProcessedError extends SAMLInvalidResponseError {
+  constructor() {
+    super('saml response already processed')
+  }
+}
+
+class SAMLLoginFailureError extends SAMLAuthenticationError {
+  get i18nKey() {
+    return 'saml_login_failure'
+  }
+}
+
+class SAMLEmailNotRecognizedError extends SAMLAuthenticationError {
+  get i18nKey() {
+    return 'saml_email_not_recognized'
+  }
+}
+
+class SAMLSessionDataMissing extends BackwardCompatibleError {
+  constructor(arg) {
+    super(arg)
+
+    const samlSession =
+      typeof arg === 'object' && arg !== null && arg.samlSession
+        ? arg.samlSession
+        : {}
+    this.tryAgain = true
+    const { universityId, universityName, externalUserId, institutionEmail } =
+      samlSession
+
+    if (
+      !universityId &&
+      !universityName &&
+      !externalUserId &&
+      !institutionEmail
+    ) {
+      this.message = 'Missing session data.'
+    } else if (
+      !institutionEmail &&
+      samlSession &&
+      samlSession.userEmailAttributeUnreliable
+    ) {
+      this.tryAgain = false
+      this.message = `Your account settings at your institution prevent us from accessing your email address. You will need to make your email address public at your institution in order to link with ${settings.appName}. Please contact your IT department if you have any questions.`
+    } else if (!institutionEmail) {
+      this.message =
+        'Unable to confirm your institutional email address. The institutional identity provider did not provide an email address in the expected attribute. Please contact us if this keeps happening.'
+    }
+  }
+}
+
+class SAMLProviderRequesterError extends SAMLAuthenticationError {}
+
+class ThirdPartyIdentityExistsError extends BackwardCompatibleError {
+  constructor(arg) {
+    super(arg)
+    if (!this.message) {
+      this.message =
+        'provider and external id already linked to another account'
+    }
+  }
+}
+
+class ThirdPartyUserNotFoundError extends BackwardCompatibleError {
+  constructor(arg) {
+    super(arg)
+    if (!this.message) {
+      this.message = 'user not found for provider and external id'
+    }
+  }
+}
+
+class OutputFileFetchFailedError extends OError {}
+
+class SubscriptionAdminDeletionError extends OErrorV2CompatibleError {
+  constructor(options) {
+    super('subscription admins cannot be deleted', options)
+  }
+}
+
+class SubscriptionNotFoundError extends OErrorV2CompatibleError {
+  constructor(options) {
+    super('subscription not found', options)
+  }
+}
+
+class ProjectNotFoundError extends OErrorV2CompatibleError {
+  constructor(options) {
+    super('project not found', options)
+  }
+}
+
+class UserNotFoundError extends OErrorV2CompatibleError {
+  constructor(options) {
+    super('user not found', options)
+  }
+}
+
+class UserNotCollaboratorError extends OErrorV2CompatibleError {
+  constructor(options) {
+    super('user not a collaborator', options)
+  }
+}
+
+class DocHasRangesError extends OErrorV2CompatibleError {
+  constructor(options) {
+    super('document has ranges', options)
+  }
+}
+
+class InvalidQueryError extends OErrorV2CompatibleError {
+  constructor(options) {
+    super('invalid search query', options)
+  }
+}
+
+class AffiliationError extends OError {}
+
+class InvalidEmailError extends OError {
+  get i18nKey() {
+    return 'invalid_email'
+  }
+}
+
+class InvalidInstitutionalEmailError extends OError {
+  get i18nKey() {
+    return 'invalid_institutional_email'
+  }
+}
+
+class NonDeletableEntityError extends OError {
+  get i18nKey() {
+    return 'non_deletable_entity'
+  }
+}
+
+module.exports = {
+  OError,
+  BackwardCompatibleError,
+  NotFoundError,
+  ForbiddenError,
+  ServiceNotConfiguredError,
+  TooManyRequestsError,
+  DuplicateNameError,
+  InvalidNameError,
+  UnsupportedFileTypeError,
+  FileTooLargeError,
+  UnsupportedExportRecordsError,
+  V1HistoryNotSyncedError,
+  ProjectHistoryDisabledError,
+  V1ConnectionError,
+  UnconfirmedEmailError,
+  EmailExistsError,
+  InvalidError,
+  NotInV2Error,
+  OutputFileFetchFailedError,
+  SAMLAssertionAudienceMismatch,
+  SAMLAuthenticationRequiredError,
+  SAMLCommonsUnavailable,
+  SAMLIdentityExistsError,
+  SAMLAlreadyLinkedError,
+  SAMLEmailNotAffiliatedError,
+  SAMLEmailAffiliatedWithAnotherInstitutionError,
+  SAMLSessionDataMissing,
+  SAMLAuthenticationError,
+  SAMLGroupSSOLoginIdentityMismatchError,
+  SAMLGroupSSOLoginIdentityNotFoundError,
+  SAMLGroupSSODisabledError,
+  SAMLInvalidUserAttributeError,
+  SAMLInvalidUserIdentifierError,
+  SAMLInvalidSignatureError,
+  SAMLMissingUserIdentifierError,
+  SAMLMissingSignatureError,
+  SAMLProviderRequesterError,
+  SAMLInvalidResponseError,
+  SAMLLoginFailureError,
+  SAMLEmailNotRecognizedError,
+  SAMLResponseAlreadyProcessedError,
+  SLInV2Error,
+  ThirdPartyIdentityExistsError,
+  ThirdPartyUserNotFoundError,
+  SubscriptionAdminDeletionError,
+  SubscriptionNotFoundError,
+  ProjectNotFoundError,
+  UserNotFoundError,
+  UserNotCollaboratorError,
+  DocHasRangesError,
+  InvalidQueryError,
+  AffiliationError,
+  InvalidEmailError,
+  InvalidInstitutionalEmailError,
+  NonDeletableEntityError,
+}
diff --git a/services/web/app/src/Features/Errors/HttpErrorHandler.js b/services/web/app/src/Features/Errors/HttpErrorHandler.js
new file mode 100644
index 0000000..c3fab88
--- /dev/null
+++ b/services/web/app/src/Features/Errors/HttpErrorHandler.js
@@ -0,0 +1,160 @@
+const logger = require('@overleaf/logger')
+const Settings = require('@overleaf/settings')
+const { plainTextResponse } = require('../../infrastructure/Response')
+
+function renderJSONError(res, message, info = {}) {
+  if (info.message) {
+    logger.warn(
+      info,
+      `http error info shouldn't contain a 'message' field, will be overridden`
+    )
+  }
+  if (message != null) {
+    res.json({ ...info, message })
+  } else {
+    res.json(info)
+  }
+}
+
+function handleGeneric500Error(req, res, statusCode, message) {
+  res.status(statusCode)
+  switch (req.accepts(['html', 'json'])) {
+    case 'html':
+      return res.render('general/500', { title: 'Server Error' })
+    case 'json':
+      return renderJSONError(res, message)
+    default:
+      return plainTextResponse(res, 'internal server error')
+  }
+}
+
+function handleGeneric400Error(req, res, statusCode, message, info = {}) {
+  res.status(statusCode)
+  switch (req.accepts(['html', 'json'])) {
+    case 'html':
+      return res.render('general/400', {
+        title: 'Client Error',
+        message,
+      })
+    case 'json':
+      return renderJSONError(res, message, info)
+    default:
+      return plainTextResponse(res, 'client error')
+  }
+}
+
+let HttpErrorHandler
+module.exports = HttpErrorHandler = {
+  handleErrorByStatusCode(req, res, err, statusCode) {
+    const is400Error = statusCode >= 400 && statusCode < 500
+    const is500Error = statusCode >= 500 && statusCode < 600
+
+    req.logger.addFields({ err })
+    if (is400Error) {
+      req.logger.setLevel('warn')
+    } else if (is500Error) {
+      req.logger.setLevel('error')
+    }
+
+    if (statusCode === 403) {
+      HttpErrorHandler.forbidden(req, res)
+    } else if (statusCode === 404) {
+      HttpErrorHandler.notFound(req, res)
+    } else if (statusCode === 409) {
+      HttpErrorHandler.conflict(req, res, '')
+    } else if (statusCode === 422) {
+      HttpErrorHandler.unprocessableEntity(req, res)
+    } else if (is400Error) {
+      handleGeneric400Error(req, res, statusCode)
+    } else if (is500Error) {
+      handleGeneric500Error(req, res, statusCode)
+    } else {
+      res.sendStatus(500)
+    }
+  },
+
+  badRequest(req, res, message, info = {}) {
+    handleGeneric400Error(req, res, 400, message, info)
+  },
+
+  conflict(req, res, message, info = {}) {
+    res.status(409)
+    switch (req.accepts(['html', 'json'])) {
+      case 'html':
+        return res.render('general/400', {
+          title: 'Client Error',
+          message,
+        })
+      case 'json':
+        return renderJSONError(res, message, info)
+      default:
+        return plainTextResponse(res, 'conflict')
+    }
+  },
+
+  forbidden(req, res, message = 'restricted', info = {}) {
+    res.status(403)
+    switch (req.accepts(['html', 'json'])) {
+      case 'html':
+        return res.render('user/restricted', { title: 'restricted' })
+      case 'json':
+        return renderJSONError(res, message, info)
+      default:
+        return plainTextResponse(res, 'restricted')
+    }
+  },
+
+  notFound(req, res, message = 'not found', info = {}) {
+    res.status(404)
+    switch (req.accepts(['html', 'json'])) {
+      case 'html':
+        return res.render('general/404', { title: 'page_not_found' })
+      case 'json':
+        return renderJSONError(res, message, info)
+      default:
+        return plainTextResponse(res, 'not found')
+    }
+  },
+
+  unprocessableEntity(req, res, message = 'unprocessable entity', info = {}) {
+    res.status(422)
+    switch (req.accepts(['html', 'json'])) {
+      case 'html':
+        return res.render('general/400', {
+          title: 'Client Error',
+          message,
+        })
+      case 'json':
+        return renderJSONError(res, message, info)
+      default:
+        return plainTextResponse(res, 'unprocessable entity')
+    }
+  },
+
+  legacyInternal(req, res, message, err) {
+    req.logger.addFields({ err })
+    req.logger.setLevel('error')
+    handleGeneric500Error(req, res, 500, message)
+  },
+
+  maintenance(req, res) {
+    // load balancer health checks require a success response for /
+    if (req.url === '/') {
+      res.status(200)
+    } else {
+      res.status(503)
+    }
+    let message = `${Settings.appName} is currently down for maintenance.`
+    if (Settings.statusPageUrl) {
+      message += ` Please check https://${Settings.statusPageUrl} for updates.`
+    }
+    switch (req.accepts(['html', 'json'])) {
+      case 'html':
+        return res.render('general/closed', { title: 'maintenance' })
+      case 'json':
+        return renderJSONError(res, message, {})
+      default:
+        return plainTextResponse(res, message)
+    }
+  },
+}
diff --git a/services/web/app/src/Features/Exports/ExportsController.mjs b/services/web/app/src/Features/Exports/ExportsController.mjs
new file mode 100644
index 0000000..28261cb
--- /dev/null
+++ b/services/web/app/src/Features/Exports/ExportsController.mjs
@@ -0,0 +1,128 @@
+/* eslint-disable
+    max-len,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import ExportsHandler from './ExportsHandler.mjs'
+
+import SessionManager from '../Authentication/SessionManager.js'
+import logger from '@overleaf/logger'
+
+export default {
+  exportProject(req, res, next) {
+    const { project_id: projectId, brand_variation_id: brandVariationId } =
+      req.params
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    const exportParams = {
+      project_id: projectId,
+      brand_variation_id: brandVariationId,
+      user_id: userId,
+    }
+
+    if (req.body) {
+      if (req.body.firstName) {
+        exportParams.first_name = req.body.firstName.trim()
+      }
+      if (req.body.lastName) {
+        exportParams.last_name = req.body.lastName.trim()
+      }
+      // additional parameters for gallery exports
+      if (req.body.title) {
+        exportParams.title = req.body.title.trim()
+      }
+      if (req.body.description) {
+        exportParams.description = req.body.description.trim()
+      }
+      if (req.body.author) {
+        exportParams.author = req.body.author.trim()
+      }
+      if (req.body.license) {
+        exportParams.license = req.body.license.trim()
+      }
+      if (req.body.showSource != null) {
+        exportParams.show_source = req.body.showSource
+      }
+    }
+
+    return ExportsHandler.exportProject(
+      exportParams,
+      function (err, exportData) {
+        if (err != null) {
+          if (err.forwardResponse != null) {
+            logger.debug(
+              { responseError: err.forwardResponse },
+              'forwarding response'
+            )
+            const statusCode = err.forwardResponse.status || 500
+            return res.status(statusCode).json(err.forwardResponse)
+          } else {
+            return next(err)
+          }
+        }
+        logger.debug(
+          {
+            userId,
+            projectId,
+            brandVariationId,
+            exportV1Id: exportData.v1_id,
+          },
+          'exported project'
+        )
+        return res.json({
+          export_v1_id: exportData.v1_id,
+          message: exportData.message,
+        })
+      }
+    )
+  },
+
+  exportStatus(req, res) {
+    const { export_id: exportId } = req.params
+    return ExportsHandler.fetchExport(exportId, function (err, exportJson) {
+      let json
+      if (err != null) {
+        json = {
+          status_summary: 'failed',
+          status_detail: err.toString,
+        }
+        res.json({ export_json: json })
+        return err
+      }
+      const parsedExport = JSON.parse(exportJson)
+      json = {
+        status_summary: parsedExport.status_summary,
+        status_detail: parsedExport.status_detail,
+        partner_submission_id: parsedExport.partner_submission_id,
+        v2_user_email: parsedExport.v2_user_email,
+        v2_user_first_name: parsedExport.v2_user_first_name,
+        v2_user_last_name: parsedExport.v2_user_last_name,
+        title: parsedExport.title,
+        token: parsedExport.token,
+      }
+      return res.json({ export_json: json })
+    })
+  },
+
+  exportDownload(req, res, next) {
+    const { type, export_id: exportId } = req.params
+
+    SessionManager.getLoggedInUserId(req.session)
+    return ExportsHandler.fetchDownload(
+      exportId,
+      type,
+      function (err, exportFileUrl) {
+        if (err != null) {
+          return next(err)
+        }
+
+        return res.redirect(exportFileUrl)
+      }
+    )
+  },
+}
diff --git a/services/web/app/src/Features/Exports/ExportsHandler.mjs b/services/web/app/src/Features/Exports/ExportsHandler.mjs
new file mode 100644
index 0000000..4ef5fea
--- /dev/null
+++ b/services/web/app/src/Features/Exports/ExportsHandler.mjs
@@ -0,0 +1,282 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import OError from '@overleaf/o-error'
+import ProjectGetter from '../Project/ProjectGetter.js'
+import ProjectHistoryHandler from '../Project/ProjectHistoryHandler.js'
+import ProjectLocator from '../Project/ProjectLocator.js'
+import ProjectRootDocManager from '../Project/ProjectRootDocManager.js'
+import UserGetter from '../User/UserGetter.js'
+import logger from '@overleaf/logger'
+import settings from '@overleaf/settings'
+import async from 'async'
+import Request from 'request'
+let ExportsHandler
+const request = Request.defaults()
+
+export default ExportsHandler = {
+  exportProject(exportParams, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return ExportsHandler._buildExport(
+      exportParams,
+      function (err, exportData) {
+        if (err != null) {
+          return callback(err)
+        }
+        return ExportsHandler._requestExport(exportData, function (err, body) {
+          if (err != null) {
+            return callback(err)
+          }
+          exportData.v1_id = body.exportId
+          exportData.message = body.message
+          // TODO: possibly store the export data in Mongo
+          return callback(null, exportData)
+        })
+      }
+    )
+  },
+
+  _buildExport(exportParams, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    const {
+      project_id: projectId,
+      user_id: userId,
+      brand_variation_id: brandVariationId,
+      title,
+      description,
+      author,
+      license,
+      show_source: showSource,
+    } = exportParams
+    const jobs = {
+      project(cb) {
+        return ProjectGetter.getProject(projectId, cb)
+      },
+      rootDoc: [
+        'project',
+        (results, cb) =>
+          ProjectRootDocManager.ensureRootDocumentIsValid(
+            projectId,
+            function (error) {
+              if (error != null) {
+                return callback(error)
+              }
+              return ProjectLocator.findRootDoc(
+                { project: results.project, project_id: projectId },
+                cb
+              )
+            }
+          ),
+      ],
+      user(cb) {
+        return UserGetter.getUser(
+          userId,
+          { first_name: 1, last_name: 1, email: 1, overleaf: 1 },
+          cb
+        )
+      },
+      historyVersion(cb) {
+        return ProjectHistoryHandler.ensureHistoryExistsForProject(
+          projectId,
+          function (error) {
+            if (error != null) {
+              return callback(error)
+            }
+            return ExportsHandler._requestVersion(projectId, cb)
+          }
+        )
+      },
+    }
+
+    return async.auto(jobs, function (err, results) {
+      if (err != null) {
+        OError.tag(err, 'error building project export', {
+          project_id: projectId,
+          user_id: userId,
+          brand_variation_id: brandVariationId,
+        })
+        return callback(err)
+      }
+
+      const { project, rootDoc, user, historyVersion } = results
+      if (!rootDoc || rootDoc[1] == null) {
+        err = new OError('cannot export project without root doc', {
+          project_id: projectId,
+        })
+        return callback(err)
+      }
+
+      if (exportParams.first_name && exportParams.last_name) {
+        user.first_name = exportParams.first_name
+        user.last_name = exportParams.last_name
+      }
+
+      const exportData = {
+        project: {
+          id: projectId,
+          rootDocPath: rootDoc[1] != null ? rootDoc[1].fileSystem : undefined,
+          historyId: project.overleaf?.history?.id,
+          historyVersion,
+          v1ProjectId:
+            project.overleaf != null ? project.overleaf.id : undefined,
+          metadata: {
+            compiler: project.compiler,
+            imageName: project.imageName,
+            title,
+            description,
+            author,
+            license,
+            showSource,
+          },
+        },
+        user: {
+          id: userId,
+          firstName: user.first_name,
+          lastName: user.last_name,
+          email: user.email,
+          orcidId: null, // until v2 gets ORCID
+          v1UserId: user.overleaf != null ? user.overleaf.id : undefined,
+        },
+        destination: {
+          brandVariationId,
+        },
+        options: {
+          callbackUrl: null,
+        }, // for now, until we want v1 to call us back
+      }
+      return callback(null, exportData)
+    })
+  },
+
+  _requestExport(exportData, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return request.post(
+      {
+        url: `${settings.apis.v1.url}/api/v1/overleaf/exports`,
+        auth: { user: settings.apis.v1.user, pass: settings.apis.v1.pass },
+        json: exportData,
+        timeout: settings.apis.v1.timeout,
+      },
+      function (err, res, body) {
+        if (err != null) {
+          OError.tag(err, 'error making request to v1 export', {
+            export: exportData,
+          })
+          return callback(err)
+        } else if (res.statusCode >= 200 && res.statusCode < 300) {
+          return callback(null, body)
+        } else {
+          logger.warn(
+            { export: exportData },
+            `v1 export returned failure; forwarding: ${body}`
+          )
+          // pass the v1 error along for the publish modal to handle
+          const err = { forwardResponse: body }
+          return callback(err)
+        }
+      }
+    )
+  },
+
+  _requestVersion(projectId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return request.get(
+      {
+        url: `${settings.apis.project_history.url}/project/${projectId}/version`,
+        json: true,
+      },
+      function (err, res, body) {
+        if (err != null) {
+          OError.tag(err, 'error making request to project history', {
+            project_id: projectId,
+          })
+          return callback(err)
+        } else if (res.statusCode >= 200 && res.statusCode < 300) {
+          return callback(null, body.version)
+        } else {
+          err = new OError(
+            `project history version returned a failure status code: ${res.statusCode}`,
+            { project_id: projectId }
+          )
+          return callback(err)
+        }
+      }
+    )
+  },
+
+  fetchExport(exportId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return request.get(
+      {
+        url: `${settings.apis.v1.url}/api/v1/overleaf/exports/${exportId}`,
+        auth: { user: settings.apis.v1.user, pass: settings.apis.v1.pass },
+        timeout: settings.apis.v1.timeout,
+      },
+      function (err, res, body) {
+        if (err != null) {
+          OError.tag(err, 'error making request to v1 export', {
+            export: exportId,
+          })
+          return callback(err)
+        } else if (res.statusCode >= 200 && res.statusCode < 300) {
+          return callback(null, body)
+        } else {
+          err = new OError(
+            `v1 export returned a failure status code: ${res.statusCode}`,
+            { export: exportId }
+          )
+          return callback(err)
+        }
+      }
+    )
+  },
+
+  fetchDownload(exportId, type, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return request.get(
+      {
+        url: `${settings.apis.v1.url}/api/v1/overleaf/exports/${exportId}/${type}_url`,
+        auth: { user: settings.apis.v1.user, pass: settings.apis.v1.pass },
+        timeout: settings.apis.v1.timeout,
+      },
+      function (err, res, body) {
+        if (err != null) {
+          OError.tag(err, 'error making request to v1 export', {
+            export: exportId,
+          })
+          return callback(err)
+        } else if (res.statusCode >= 200 && res.statusCode < 300) {
+          return callback(null, body)
+        } else {
+          err = new OError(
+            `v1 export returned a failure status code: ${res.statusCode}`,
+            { export: exportId }
+          )
+          return callback(err)
+        }
+      }
+    )
+  },
+}
diff --git a/services/web/app/src/Features/FileStore/FileHashManager.js b/services/web/app/src/Features/FileStore/FileHashManager.js
new file mode 100644
index 0000000..e90f93b
--- /dev/null
+++ b/services/web/app/src/Features/FileStore/FileHashManager.js
@@ -0,0 +1,61 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let FileHashManager
+const crypto = require('crypto')
+const logger = require('@overleaf/logger')
+const fs = require('fs')
+const _ = require('lodash')
+
+module.exports = FileHashManager = {
+  computeHash(filePath, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    callback = _.once(callback) // avoid double callbacks
+
+    // taken from v1/history/storage/lib/blob_hash.js
+    const getGitBlobHeader = byteLength => `blob ${byteLength}` + '\x00'
+
+    const getByteLengthOfFile = cb =>
+      fs.stat(filePath, function (err, stats) {
+        if (err != null) {
+          return cb(err)
+        }
+        return cb(null, stats.size)
+      })
+
+    return getByteLengthOfFile(function (err, byteLength) {
+      if (err != null) {
+        return callback(err)
+      }
+
+      const input = fs.createReadStream(filePath)
+      input.on('error', function (err) {
+        logger.warn({ filePath, err }, 'error opening file in computeHash')
+        return callback(err)
+      })
+
+      const hash = crypto.createHash('sha1')
+      hash.setEncoding('hex')
+      hash.update(getGitBlobHeader(byteLength))
+      hash.on('readable', function () {
+        const result = hash.read()
+        if (result != null) {
+          return callback(null, result.toString('hex'))
+        }
+      })
+      return input.pipe(hash)
+    })
+  },
+}
diff --git a/services/web/app/src/Features/FileStore/FileStoreController.mjs b/services/web/app/src/Features/FileStore/FileStoreController.mjs
new file mode 100644
index 0000000..e4e55c7
--- /dev/null
+++ b/services/web/app/src/Features/FileStore/FileStoreController.mjs
@@ -0,0 +1,207 @@
+// @ts-check
+
+import { pipeline } from 'node:stream/promises'
+import logger from '@overleaf/logger'
+import { expressify } from '@overleaf/promise-utils'
+import Metrics from '@overleaf/metrics'
+import FileStoreHandler from './FileStoreHandler.js'
+import ProjectLocator from '../Project/ProjectLocator.js'
+import HistoryManager from '../History/HistoryManager.js'
+import Errors from '../Errors/Errors.js'
+import Features from '../../infrastructure/Features.js'
+import { preparePlainTextResponse } from '../../infrastructure/Response.js'
+
+async function getFile(req, res) {
+  const projectId = req.params.Project_id
+  const fileId = req.params.File_id
+  const queryString = req.query
+  const userAgent = req.get('User-Agent')
+  req.logger.addFields({ projectId, fileId, queryString })
+
+  let file
+  try {
+    ;({ element: file } = await ProjectLocator.promises.findElement({
+      project_id: projectId,
+      element_id: fileId,
+      type: 'file',
+    }))
+  } catch (err) {
+    if (err instanceof Errors.NotFoundError) {
+      logger.warn(
+        { err, projectId, fileId, queryString },
+        'entity not found when downloading file'
+      )
+      // res.sendStatus() sends a description of the status as body.
+      // Using res.status().end() avoids sending that fake body.
+      return res.status(404).end()
+    } else {
+      // Instead of using the global error handler, we send an empty response in
+      // case the client forgets to check the response status. This is arguably
+      // not our responsibility, and it won't work if something else breaks in
+      // this endpoint, so it could be revisited in the future.
+      logger.err(
+        { err, projectId, fileId, queryString },
+        'error finding element for downloading file'
+      )
+      return res.status(500).end()
+    }
+  }
+
+  // This metric has this name because it used to be recorded in a middleware.
+  // It tracks how many files have a hash and can be served by the history
+  // system.
+  Metrics.inc('fileToBlobRedirectMiddleware', 1, {
+    method: 'GET',
+    status: Boolean(file?.hash),
+  })
+
+  let source, stream, contentLength
+  try {
+    if (Features.hasFeature('project-history-blobs') && file?.hash) {
+      // Get the file from history
+      ;({ source, stream, contentLength } =
+        await HistoryManager.promises.requestBlobWithFallback(
+          projectId,
+          file.hash,
+          fileId
+        ))
+    } else {
+      // The file-hash is missing. Fall back to filestore.
+      stream = await FileStoreHandler.promises.getFileStream(
+        projectId,
+        fileId,
+        queryString
+      )
+      source = 'filestore'
+    }
+  } catch (err) {
+    if (err instanceof Errors.NotFoundError) {
+      return res.status(404).end()
+    } else {
+      logger.err(
+        { err, projectId, fileId, queryString },
+        'error finding element for downloading file'
+      )
+      return res.status(500).end()
+    }
+  }
+
+  // mobile safari will try to render html files, prevent this
+  if (isMobileSafari(userAgent) && isHtml(file)) {
+    preparePlainTextResponse(res)
+  }
+  if (contentLength) {
+    res.setHeader('Content-Length', contentLength)
+  }
+  res.setContentDisposition('attachment', { filename: file.name })
+  // allow the browser to cache these immutable files
+  // note: both "private" and "max-age" appear to be required for caching
+  res.setHeader('Cache-Control', 'private, max-age=3600')
+  res.appendHeader('X-Served-By', source)
+  try {
+    await pipeline(stream, res)
+  } catch (err) {
+    if (
+      err instanceof Error &&
+      'code' in err &&
+      err.code === 'ERR_STREAM_PREMATURE_CLOSE'
+    ) {
+      // Ignore clients closing the connection prematurely
+      return
+    }
+    throw err
+  }
+}
+
+async function getFileHead(req, res) {
+  const projectId = req.params.Project_id
+  const fileId = req.params.File_id
+
+  let file
+  try {
+    ;({ element: file } = await ProjectLocator.promises.findElement({
+      project_id: projectId,
+      element_id: fileId,
+      type: 'file',
+    }))
+  } catch (err) {
+    if (err instanceof Errors.NotFoundError) {
+      // res.sendStatus() sends a description of the status as body.
+      // Using res.status().end() avoids sending that fake body.
+      return res.status(404).end()
+    } else {
+      // Instead of using the global error handler, we send an empty response in
+      // case the client forgets to check the response status. This is arguably
+      // not our responsibility, and it won't work if something else breaks in
+      // this endpoint, so it could be revisited in the future.
+      logger.err(
+        { err, projectId, fileId },
+        'error finding element for downloading file'
+      )
+      return res.status(500).end()
+    }
+  }
+
+  // This metric has this name because it used to be recorded in a middleware.
+  // It tracks how many files have a hash and can be served by the history
+  // system.
+  Metrics.inc('fileToBlobRedirectMiddleware', 1, {
+    method: 'HEAD',
+    status: Boolean(file?.hash),
+  })
+
+  let fileSize, source
+  try {
+    if (Features.hasFeature('project-history-blobs') && file?.hash) {
+      ;({ source, contentLength: fileSize } =
+        await HistoryManager.promises.requestBlobWithFallback(
+          projectId,
+          file.hash,
+          fileId,
+          'HEAD'
+        ))
+    } else {
+      fileSize = await FileStoreHandler.promises.getFileSize(projectId, fileId)
+      source = 'filestore'
+    }
+  } catch (err) {
+    if (err instanceof Errors.NotFoundError) {
+      return res.status(404).end()
+    } else {
+      logger.err({ err, projectId, fileId }, 'error obtaining file size')
+      return res.status(500).end()
+    }
+  }
+
+  res.setHeader('Content-Length', fileSize)
+  res.appendHeader('X-Served-By', source)
+  res.status(200).end()
+}
+
+function isHtml(file) {
+  return (
+    fileEndsWith(file, '.html') ||
+    fileEndsWith(file, '.htm') ||
+    fileEndsWith(file, '.xhtml')
+  )
+}
+
+function fileEndsWith(file, ext) {
+  return (
+    file.name != null &&
+    file.name.length > ext.length &&
+    file.name.lastIndexOf(ext) === file.name.length - ext.length
+  )
+}
+
+function isMobileSafari(userAgent) {
+  return (
+    userAgent &&
+    (userAgent.indexOf('iPhone') >= 0 || userAgent.indexOf('iPad') >= 0)
+  )
+}
+
+export default {
+  getFile: expressify(getFile),
+  getFileHead: expressify(getFileHead),
+}
diff --git a/services/web/app/src/Features/FileStore/FileStoreHandler.js b/services/web/app/src/Features/FileStore/FileStoreHandler.js
new file mode 100644
index 0000000..66ba94b
--- /dev/null
+++ b/services/web/app/src/Features/FileStore/FileStoreHandler.js
@@ -0,0 +1,372 @@
+const _ = require('lodash')
+const logger = require('@overleaf/logger')
+const fs = require('fs')
+const request = require('request')
+const settings = require('@overleaf/settings')
+const Async = require('async')
+const FileHashManager = require('./FileHashManager')
+const HistoryManager = require('../History/HistoryManager')
+const ProjectDetailsHandler = require('../Project/ProjectDetailsHandler')
+const { File } = require('../../models/File')
+const Errors = require('../Errors/Errors')
+const OError = require('@overleaf/o-error')
+const { promisifyAll } = require('@overleaf/promise-utils')
+const Features = require('../../infrastructure/Features')
+
+const ONE_MIN_IN_MS = 60 * 1000
+const FIVE_MINS_IN_MS = ONE_MIN_IN_MS * 5
+
+const FileStoreHandler = {
+  RETRY_ATTEMPTS: 3,
+
+  uploadFileFromDisk(projectId, fileArgs, fsPath, callback) {
+    // Look up the history id for the project if we don't have it already
+    ProjectDetailsHandler.getDetails(projectId, function (err, project) {
+      if (err) {
+        return callback(err)
+      }
+      const historyId = project.overleaf?.history?.id
+      if (!historyId) {
+        return callback(new OError('missing history id'))
+      }
+      FileStoreHandler.uploadFileFromDiskWithHistoryId(
+        projectId,
+        historyId,
+        fileArgs,
+        fsPath,
+        callback
+      )
+    })
+  },
+
+  _uploadToHistory(historyId, hash, size, fsPath, callback) {
+    if (Features.hasFeature('project-history-blobs')) {
+      Async.retry(
+        FileStoreHandler.RETRY_ATTEMPTS,
+        cb =>
+          HistoryManager.uploadBlobFromDisk(historyId, hash, size, fsPath, cb),
+        error => {
+          if (error) return callback(error, false)
+          callback(null, true)
+        }
+      )
+    } else {
+      callback(null, false)
+    }
+  },
+
+  _uploadToFileStore(projectId, fileArgs, fsPath, callback) {
+    Async.retry(
+      FileStoreHandler.RETRY_ATTEMPTS,
+      (cb, results) =>
+        FileStoreHandler._doUploadFileFromDisk(projectId, fileArgs, fsPath, cb),
+      callback
+    )
+  },
+
+  uploadFileFromDiskWithHistoryId(
+    projectId,
+    historyId,
+    fileArgs,
+    fsPath,
+    callback
+  ) {
+    fs.lstat(fsPath, function (err, stat) {
+      if (err) {
+        logger.warn({ err, projectId, fileArgs, fsPath }, 'error stating file')
+        callback(err)
+      }
+      if (!stat) {
+        logger.warn(
+          { projectId, fileArgs, fsPath },
+          'stat is not available, can not check file from disk'
+        )
+        return callback(new Error('error getting stat, not available'))
+      }
+      if (!stat.isFile()) {
+        logger.debug(
+          { projectId, fileArgs, fsPath },
+          'tried to upload symlink, not continuing'
+        )
+        return callback(new Error('can not upload symlink'))
+      }
+      FileHashManager.computeHash(fsPath, function (err, hash) {
+        if (err) {
+          return callback(err)
+        }
+        FileStoreHandler._uploadToHistory(
+          historyId,
+          hash,
+          stat.size,
+          fsPath,
+          function (err, createdBlob) {
+            if (err) {
+              return callback(err)
+            }
+            fileArgs = { ...fileArgs, hash }
+            FileStoreHandler._uploadToFileStore(
+              projectId,
+              fileArgs,
+              fsPath,
+              function (err, result) {
+                if (err) {
+                  OError.tag(err, 'Error uploading file, retries failed', {
+                    projectId,
+                    fileArgs,
+                  })
+                  return callback(err)
+                }
+                callback(err, result.url, result.fileRef, createdBlob)
+              }
+            )
+          }
+        )
+      })
+    })
+  },
+
+  _doUploadFileFromDisk(projectId, fileArgs, fsPath, callback) {
+    const callbackOnce = _.once(callback)
+
+    const fileRef = new File(fileArgs)
+    const fileId = fileRef._id
+    const url = FileStoreHandler._buildUrl(projectId, fileId)
+
+    if (!Features.hasFeature('filestore')) {
+      return callbackOnce(null, { url, fileRef })
+    }
+
+    const readStream = fs.createReadStream(fsPath)
+    readStream.on('error', function (err) {
+      logger.warn(
+        { err, projectId, fileId, fsPath },
+        'something went wrong on the read stream of uploadFileFromDisk'
+      )
+      callbackOnce(err)
+    })
+    readStream.on('open', function () {
+      const opts = {
+        method: 'post',
+        uri: url,
+        timeout: FIVE_MINS_IN_MS,
+        headers: {
+          'X-File-Hash-From-Web': fileArgs.hash,
+        }, // send the hash to the filestore as a custom header so it can be checked
+      }
+      const writeStream = request(opts)
+      writeStream.on('error', function (err) {
+        logger.warn(
+          { err, projectId, fileId, fsPath },
+          'something went wrong on the write stream of uploadFileFromDisk'
+        )
+        callbackOnce(err)
+      })
+      writeStream.on('response', function (response) {
+        if (![200, 201].includes(response.statusCode)) {
+          const err = new OError(
+            `non-ok response from filestore for upload: ${response.statusCode}`,
+            { statusCode: response.statusCode }
+          )
+          return callbackOnce(err)
+        }
+        callbackOnce(null, { url, fileRef })
+      }) // have to pass back an object because async.retry only accepts a single result argument
+      readStream.pipe(writeStream)
+    })
+  },
+
+  getFileStreamNew(project, file, query, callback) {
+    const projectId = project._id
+    const historyId = project.overleaf?.history?.id
+    const fileId = file._id
+    const hash = file.hash
+    if (historyId && hash && Features.hasFeature('project-history-blobs')) {
+      // new behaviour - request from history
+      const range = _extractRange(query?.range)
+      HistoryManager.requestBlobWithFallback(
+        projectId,
+        hash,
+        fileId,
+        'GET',
+        range,
+        function (err, result) {
+          if (err) {
+            return callback(err)
+          }
+          const { stream } = result
+          callback(null, stream)
+        }
+      )
+    } else {
+      // original behaviour
+      FileStoreHandler.getFileStream(projectId, fileId, query, callback)
+    }
+  },
+
+  getFileStream(projectId, fileId, query, callback) {
+    if (!Features.hasFeature('filestore')) {
+      return callback(
+        new Errors.NotFoundError('filestore is disabled, file not found')
+      )
+    }
+
+    let queryString = '?from=getFileStream'
+    if (query != null && query.format != null) {
+      queryString += `&format=${query.format}`
+    }
+    const opts = {
+      method: 'get',
+      uri: `${this._buildUrl(projectId, fileId)}${queryString}`,
+      timeout: FIVE_MINS_IN_MS,
+      headers: {},
+    }
+    if (query != null && query.range != null) {
+      const rangeText = query.range
+      if (rangeText && rangeText.match != null && rangeText.match(/\d+-\d+/)) {
+        opts.headers.range = `bytes=${query.range}`
+      }
+    }
+    const readStream = request(opts)
+    readStream.on('error', err =>
+      logger.err(
+        { err, projectId, fileId, query, opts },
+        'error in file stream'
+      )
+    )
+    callback(null, readStream)
+  },
+
+  getFileSize(projectId, fileId, callback) {
+    const url = this._buildUrl(projectId, fileId)
+    request.head(`${url}?from=getFileSize`, (err, res) => {
+      if (err) {
+        OError.tag(err, 'failed to get file size from filestore', {
+          projectId,
+          fileId,
+        })
+        return callback(err)
+      }
+      if (res.statusCode === 404) {
+        return callback(new Errors.NotFoundError('file not found in filestore'))
+      }
+      if (res.statusCode !== 200) {
+        logger.warn(
+          { projectId, fileId, statusCode: res.statusCode },
+          'filestore returned non-200 response'
+        )
+        return callback(new Error('filestore returned non-200 response'))
+      }
+      const fileSize = res.headers['content-length']
+      callback(null, fileSize)
+    })
+  },
+
+  deleteFile(projectId, fileId, callback) {
+    logger.debug({ projectId, fileId }, 'telling file store to delete file')
+    const opts = {
+      method: 'delete',
+      uri: this._buildUrl(projectId, fileId),
+      timeout: FIVE_MINS_IN_MS,
+    }
+    request(opts, function (err, response) {
+      if (err) {
+        logger.warn(
+          { err, projectId, fileId },
+          'something went wrong deleting file from filestore'
+        )
+      }
+      callback(err)
+    })
+  },
+
+  deleteProject(projectId, callback) {
+    if (!Features.hasFeature('filestore')) {
+      return callback() // if filestore is not in use, we don't need to delete anything
+    }
+    request(
+      {
+        method: 'delete',
+        uri: this._buildUrl(projectId),
+        timeout: FIVE_MINS_IN_MS,
+      },
+      err => {
+        if (err) {
+          return callback(
+            OError.tag(
+              err,
+              'something went wrong deleting a project in filestore',
+              { projectId }
+            )
+          )
+        }
+        callback()
+      }
+    )
+  },
+
+  copyFile(oldProjectId, oldFileId, newProjectId, newFileId, callback) {
+    logger.debug(
+      { oldProjectId, oldFileId, newProjectId, newFileId },
+      'telling filestore to copy a file'
+    )
+    const opts = {
+      method: 'put',
+      json: {
+        source: {
+          project_id: oldProjectId,
+          file_id: oldFileId,
+        },
+      },
+      uri: this._buildUrl(newProjectId, newFileId),
+      timeout: FIVE_MINS_IN_MS,
+    }
+    request(opts, function (err, response) {
+      if (err) {
+        OError.tag(
+          err,
+          'something went wrong telling filestore api to copy file',
+          {
+            oldProjectId,
+            oldFileId,
+            newProjectId,
+            newFileId,
+          }
+        )
+        callback(err)
+      } else if (response.statusCode >= 200 && response.statusCode < 300) {
+        // successful response
+        callback(null, opts.uri)
+      } else {
+        err = new OError(
+          `non-ok response from filestore for copyFile: ${response.statusCode}`,
+          {
+            uri: opts.uri,
+            statusCode: response.statusCode,
+          }
+        )
+        callback(err)
+      }
+    })
+  },
+
+  _buildUrl(projectId, fileId) {
+    return (
+      `${settings.apis.filestore.url}/project/${projectId}` +
+      (fileId ? `/file/${fileId}` : '')
+    )
+  },
+}
+
+function _extractRange(range) {
+  if (typeof range === 'string' && /\d+-\d+/.test(range)) {
+    return `bytes=${range}`
+  }
+}
+
+module.exports = FileStoreHandler
+module.exports.promises = promisifyAll(FileStoreHandler, {
+  multiResult: {
+    uploadFileFromDisk: ['url', 'fileRef', 'createdBlob'],
+    uploadFileFromDiskWithHistoryId: ['url', 'fileRef', 'createdBlob'],
+  },
+})
diff --git a/services/web/app/src/Features/GlobalMetrics/GlobalMetricsManager.js b/services/web/app/src/Features/GlobalMetrics/GlobalMetricsManager.js
new file mode 100644
index 0000000..75cbca1
--- /dev/null
+++ b/services/web/app/src/Features/GlobalMetrics/GlobalMetricsManager.js
@@ -0,0 +1,38 @@
+const { GlobalMetric } = require('../../models/GlobalMetric')
+/**
+ * A Generic collection used to track metrics shared across the entirety of the application
+ * examples:
+ *  - a metric to measure how many signups we have for an expensive labs experiment, so we can end stop signups
+ *  - a metric to measure how many users have been added to a test, so we can stop adding more once a cap is reached
+ *
+ */
+
+async function getMetric(key, defaultValue = 0) {
+  const metric = await GlobalMetric.findById(key)
+  if (!metric) {
+    return defaultValue
+  }
+  return metric.value
+}
+
+async function setMetric(key, value) {
+  return await GlobalMetric.findOneAndUpdate(
+    { _id: key },
+    { $set: { value } },
+    { new: true, upsert: true }
+  )
+}
+
+async function incrementMetric(key, value = 1) {
+  return await GlobalMetric.findOneAndUpdate(
+    { _id: key },
+    { $inc: { value } },
+    { new: true, upsert: true, setDefaultsOnInsert: true }
+  )
+}
+
+module.exports = {
+  getMetric,
+  setMetric,
+  incrementMetric,
+}
diff --git a/services/web/app/src/Features/HealthCheck/HealthCheckController.mjs b/services/web/app/src/Features/HealthCheck/HealthCheckController.mjs
new file mode 100644
index 0000000..a6de9e5
--- /dev/null
+++ b/services/web/app/src/Features/HealthCheck/HealthCheckController.mjs
@@ -0,0 +1,125 @@
+import RedisWrapper from '../../infrastructure/RedisWrapper.js'
+import settings from '@overleaf/settings'
+import logger from '@overleaf/logger'
+import UserGetter from '../User/UserGetter.js'
+import {
+  SmokeTestFailure,
+  runSmokeTests,
+} from './../../../../test/smoke/src/SmokeTests.js'
+
+const rclient = RedisWrapper.client('health_check')
+
+export default {
+  check(req, res, next) {
+    if (!settings.siteIsOpen || !settings.editorIsOpen) {
+      // always return successful health checks when site is closed
+      res.sendStatus(200)
+    } else {
+      // detach from express for cleaner stack traces
+      setTimeout(() => runSmokeTestsDetached(req, res).catch(next))
+    }
+  },
+
+  checkActiveHandles(req, res, next) {
+    if (!(settings.maxActiveHandles > 0) || !process._getActiveHandles) {
+      return next()
+    }
+    const activeHandlesCount = (process._getActiveHandles() || []).length
+    if (activeHandlesCount > settings.maxActiveHandles) {
+      logger.err(
+        { activeHandlesCount, maxActiveHandles: settings.maxActiveHandles },
+        'exceeded max active handles, failing health check'
+      )
+      return res.sendStatus(500)
+    } else {
+      logger.debug(
+        { activeHandlesCount, maxActiveHandles: settings.maxActiveHandles },
+        'active handles are below maximum'
+      )
+      next()
+    }
+  },
+
+  checkApi(req, res, next) {
+    rclient.healthCheck(err => {
+      if (err) {
+        logger.err({ err }, 'failed api redis health check')
+        return res.sendStatus(500)
+      }
+      if (!settings.smokeTest.userId) {
+        logger.err({}, 'smokeTest.userId is undefined in health check')
+        return res.sendStatus(404)
+      }
+      UserGetter.getUserEmail(settings.smokeTest.userId, (err, email) => {
+        if (err) {
+          logger.err({ err }, 'failed api mongo health check')
+          return res.sendStatus(500)
+        }
+        if (email == null) {
+          logger.err({ err }, 'failed api mongo health check (no email)')
+          return res.sendStatus(500)
+        }
+        res.sendStatus(200)
+      })
+    })
+  },
+
+  checkRedis(req, res, next) {
+    return rclient.healthCheck(function (error) {
+      if (error != null) {
+        logger.err({ err: error }, 'failed redis health check')
+        return res.sendStatus(500)
+      } else {
+        return res.sendStatus(200)
+      }
+    })
+  },
+
+  checkMongo(req, res, next) {
+    return UserGetter.getUserEmail(
+      settings.smokeTest.userId,
+      function (err, email) {
+        if (err != null) {
+          logger.err({ err }, 'mongo health check failed, error present')
+          return res.sendStatus(500)
+        } else if (email == null) {
+          logger.err(
+            { err },
+            'mongo health check failed, no emai present in find result'
+          )
+          return res.sendStatus(500)
+        } else {
+          return res.sendStatus(200)
+        }
+      }
+    )
+  },
+}
+
+async function runSmokeTestsDetached(req, res) {
+  function isAborted() {
+    return req.destroyed
+  }
+  const stats = { start: new Date(), steps: [] }
+  let status, response
+  try {
+    try {
+      await runSmokeTests({ isAborted, stats })
+    } finally {
+      stats.end = new Date()
+      stats.duration = stats.end - stats.start
+    }
+    status = 200
+    response = { stats }
+  } catch (e) {
+    let err = e
+    if (!(e instanceof SmokeTestFailure)) {
+      err = new SmokeTestFailure('low level error', {}, e)
+    }
+    logger.err({ err, stats }, 'health check failed')
+    status = 500
+    response = { stats, error: err.message }
+  }
+  if (isAborted()) return
+  res.status(status).json(response)
+}
diff --git a/services/web/app/src/Features/Helpers/AdminAuthorizationHelper.js b/services/web/app/src/Features/Helpers/AdminAuthorizationHelper.js
new file mode 100644
index 0000000..6a86e53
--- /dev/null
+++ b/services/web/app/src/Features/Helpers/AdminAuthorizationHelper.js
@@ -0,0 +1,19 @@
+const Settings = require('@overleaf/settings')
+
+module.exports = {
+  hasAdminAccess,
+  canRedirectToAdminDomain,
+}
+
+function hasAdminAccess(user) {
+  if (!Settings.adminPrivilegeAvailable) return false
+  if (!user) return false
+  return Boolean(user.isAdmin)
+}
+
+function canRedirectToAdminDomain(user) {
+  if (Settings.adminPrivilegeAvailable) return false
+  if (!Settings.adminUrl) return false
+  if (!user) return false
+  return Boolean(user.isAdmin)
+}
diff --git a/services/web/app/src/Features/Helpers/AsyncFormHelper.js b/services/web/app/src/Features/Helpers/AsyncFormHelper.js
new file mode 100644
index 0000000..8b8a3b6
--- /dev/null
+++ b/services/web/app/src/Features/Helpers/AsyncFormHelper.js
@@ -0,0 +1,17 @@
+const {
+  acceptsJson,
+} = require('../../infrastructure/RequestContentTypeDetection')
+
+module.exports = {
+  redirect,
+}
+
+// redirect the request via headers or JSON response depending on the request
+// format
+function redirect(req, res, redir) {
+  if (acceptsJson(req)) {
+    res.json({ redir })
+  } else {
+    res.redirect(redir)
+  }
+}
diff --git a/services/web/app/src/Features/Helpers/AuthorizationHelper.js b/services/web/app/src/Features/Helpers/AuthorizationHelper.js
new file mode 100644
index 0000000..f193398
--- /dev/null
+++ b/services/web/app/src/Features/Helpers/AuthorizationHelper.js
@@ -0,0 +1,44 @@
+const { UserSchema } = require('../../models/User')
+const SplitTestHandler = require('../SplitTests/SplitTestHandler')
+const ProjectGetter = require('../Project/ProjectGetter')
+const { callbackify } = require('@overleaf/promise-utils')
+
+module.exports = {
+  hasAnyStaffAccess,
+  isReviewerRoleEnabled: callbackify(isReviewerRoleEnabled),
+  promises: {
+    isReviewerRoleEnabled,
+  },
+}
+
+function hasAnyStaffAccess(user) {
+  if (!user.staffAccess) {
+    return false
+  }
+
+  for (const key of Object.keys(UserSchema.obj.staffAccess)) {
+    if (user.staffAccess[key]) return true
+  }
+  return false
+}
+
+async function isReviewerRoleEnabled(projectId) {
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    reviewer_refs: 1,
+    owner_ref: 1,
+  })
+
+  // if there are reviewers, it means the role is enabled
+  if (Object.keys(project.reviewer_refs || {}).length > 0) {
+    return true
+  }
+
+  // if there are no reviewers, check split test from project owner
+  const reviewerRoleAssigment =
+    await SplitTestHandler.promises.getAssignmentForUser(
+      project.owner_ref,
+      'reviewer-role'
+    )
+
+  return reviewerRoleAssigment.variant === 'enabled'
+}
diff --git a/services/web/app/src/Features/Helpers/DiffHelper.js b/services/web/app/src/Features/Helpers/DiffHelper.js
new file mode 100644
index 0000000..c2d1d73
--- /dev/null
+++ b/services/web/app/src/Features/Helpers/DiffHelper.js
@@ -0,0 +1,55 @@
+const MAX_LENGTH = 254
+
+function _calculateRatio(matches, length) {
+  if (length) {
+    const ratio = (2.0 * matches) / length
+    const rounded = Math.floor(ratio * 100) / 100
+    return rounded
+  }
+  return 1.0
+}
+
+/**
+ * Ported from python's `difflib`:
+ * https://github.com/python/cpython/blob/0415cf895f96ae3f896f1f25f0c030a820845e13/Lib/difflib.py#L622-L649
+ *
+ * Accepts two strings, `a` and `b`, and returns a float ratio
+ * corresponding (approximatey) to the overlap between the strings.
+ * Identical strings produce 1.0, completely different strings produce 0.0
+ * */
+function stringSimilarity(a, b) {
+  if (
+    typeof a !== 'string' ||
+    typeof b !== 'string' ||
+    a.length > MAX_LENGTH ||
+    b.length > MAX_LENGTH
+  ) {
+    throw new Error('Invalid input to quickMatchRatio')
+  }
+  // Count how many times each character occurs in `b`
+  const fullBCount = {}
+  b.split('').forEach(e => {
+    fullBCount[e] = (fullBCount[e] || 0) + 1
+  })
+  // avail[x] is the number of times x appears in 'b' less the
+  // number of times we've seen it in 'a' so far ... kinda
+  const avail = {}
+  let matches = 0
+  a.split('').forEach(e => {
+    let n = null
+    if (Object.hasOwn(avail, e)) {
+      n = avail[e]
+    } else {
+      n = fullBCount[e] || 0
+    }
+    avail[e] = n - 1
+    if (n > 0) {
+      matches = matches + 1
+    }
+  })
+  return _calculateRatio(matches, a.length + b.length)
+}
+
+module.exports = {
+  stringSimilarity,
+}
diff --git a/services/web/app/src/Features/Helpers/EmailHelper.js b/services/web/app/src/Features/Helpers/EmailHelper.js
new file mode 100644
index 0000000..80b96df
--- /dev/null
+++ b/services/web/app/src/Features/Helpers/EmailHelper.js
@@ -0,0 +1,42 @@
+const { parseOneAddress } = require('email-addresses')
+
+// available for frontend in https://github.com/overleaf/internal/blob/19d432c70b173752ee7c6d8978dd6be16b042921/services/web/frontend/js/shared/utils/email.tsx#L4
+const EMAIL_REGEXP =
+  // eslint-disable-next-line no-useless-escape
+  /^([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+
+function getDomain(email) {
+  email = parseEmail(email)
+  return email ? email.split('@').pop() : null
+}
+
+function parseEmail(email, parseRfcAddress = false) {
+  if (typeof email !== 'string' || !email) {
+    return null
+  }
+
+  if (parseRfcAddress) {
+    const result = parseOneAddress(email)
+    if (!result?.address) {
+      return null
+    }
+    email = result.address
+  }
+
+  if (email.length > 254) {
+    return null
+  }
+  email = email.trim().toLowerCase()
+
+  const matched = email.match(EMAIL_REGEXP)
+  if (matched == null || matched[0] == null) {
+    return null
+  }
+
+  return matched[0]
+}
+
+module.exports = {
+  getDomain,
+  parseEmail,
+}
diff --git a/services/web/app/src/Features/Helpers/Mongo.js b/services/web/app/src/Features/Helpers/Mongo.js
new file mode 100644
index 0000000..3ec083a
--- /dev/null
+++ b/services/web/app/src/Features/Helpers/Mongo.js
@@ -0,0 +1,54 @@
+const OError = require('@overleaf/o-error')
+const { ObjectId } = require('mongodb-legacy')
+const { ObjectId: MongooseObjectId } = require('mongoose').mongo
+
+function _getObjectIdInstance(id) {
+  if (typeof id === 'string') {
+    return new ObjectId(id)
+  } else if (id instanceof ObjectId) {
+    return id
+  } else if (id instanceof MongooseObjectId) {
+    return new ObjectId(id.toString())
+  } else {
+    throw new OError('unexpected object id', { id })
+  }
+}
+
+function normalizeQuery(query) {
+  if (!query) {
+    throw new Error('no query provided')
+  }
+  if (
+    typeof query === 'string' ||
+    query instanceof ObjectId ||
+    query instanceof MongooseObjectId
+  ) {
+    return { _id: _getObjectIdInstance(query) }
+  } else if (typeof query._id === 'string') {
+    query._id = new ObjectId(query._id)
+    return query
+  } else {
+    return query
+  }
+}
+
+function normalizeMultiQuery(query) {
+  if (query instanceof Set) {
+    query = Array.from(query)
+  }
+  if (Array.isArray(query)) {
+    return { _id: { $in: query.map(id => _getObjectIdInstance(id)) } }
+  } else {
+    return normalizeQuery(query)
+  }
+}
+
+function isObjectIdInstance(id) {
+  return id instanceof ObjectId || id instanceof MongooseObjectId
+}
+
+module.exports = {
+  isObjectIdInstance,
+  normalizeQuery,
+  normalizeMultiQuery,
+}
diff --git a/services/web/app/src/Features/Helpers/SafeHTMLSubstitution.js b/services/web/app/src/Features/Helpers/SafeHTMLSubstitution.js
new file mode 100644
index 0000000..4ae40d8
--- /dev/null
+++ b/services/web/app/src/Features/Helpers/SafeHTMLSubstitution.js
@@ -0,0 +1,46 @@
+const pug = require('pug-runtime')
+
+const SPLIT_REGEX = /<(\d+)>(.*?)<\/\1>/g
+
+function render(locale, components) {
+  const output = []
+  function addPlainText(text) {
+    if (!text) return
+    output.push(pug.escape(text))
+  }
+
+  // 'PRE<0>INNER</0>POST'        -> ['PRE', '0', 'INNER', 'POST']
+  // '<0>INNER</0>'               -> ['', '0', 'INNER', '']
+  // '<0></0>'                    -> ['', '0', '', '']
+  // '<0>INNER</0><0>INNER2</0>'  -> ['', '0', 'INNER', '', '0', 'INNER2', '']
+  // '<0><1>INNER</1></0>'        -> ['', '0', '<1>INNER</1>', '']
+  // 'PLAIN TEXT'                 -> ['PLAIN TEXT']
+  // NOTE: a test suite is verifying these cases: SafeHTMLSubstituteTests
+  const chunks = locale.split(SPLIT_REGEX)
+
+  // extract the 'PRE' chunk
+  addPlainText(chunks.shift())
+
+  while (chunks.length) {
+    // each batch consists of three chunks: ['0', 'INNER', 'POST']
+    const [idx, innerChunk, intermediateChunk] = chunks.splice(0, 3)
+
+    const component = components[idx]
+    const componentName =
+      typeof component === 'string' ? component : component.name
+    // pug is doing any necessary escaping on attribute values
+    const attributes = (component.attrs && pug.attrs(component.attrs)) || ''
+    output.push(
+      `<${componentName + attributes}>`,
+      ...render(innerChunk, components),
+      `</${componentName}>`
+    )
+    addPlainText(intermediateChunk)
+  }
+  return output.join('')
+}
+
+module.exports = {
+  SPLIT_REGEX,
+  render,
+}
diff --git a/services/web/app/src/Features/Helpers/StringHelper.js b/services/web/app/src/Features/Helpers/StringHelper.js
new file mode 100644
index 0000000..47f71df
--- /dev/null
+++ b/services/web/app/src/Features/Helpers/StringHelper.js
@@ -0,0 +1,30 @@
+/* eslint-disable
+    max-len,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+let StringHelper
+const JSON_ESCAPE_REGEXP = /[\u2028\u2029&><]/g
+
+const JSON_ESCAPE = {
+  '&': '\\u0026',
+  '>': '\\u003e',
+  '<': '\\u003c',
+  '\u2028': '\\u2028',
+  '\u2029': '\\u2029',
+}
+
+module.exports = StringHelper = {
+  // stringifies and escapes a json object for use in a script. This ensures that &, < and > characters are escaped,
+  // along with quotes. This ensures that the string can be safely rendered into HTML. See rationale at:
+  // https://api.rubyonrails.org/classes/ERB/Util.html#method-c-json_escape
+  // and implementation lifted from:
+  // https://github.com/ember-fastboot/fastboot/blob/cafd96c48564d8384eb83dc908303dba8ece10fd/src/ember-app.js#L496-L510
+  stringifyJsonForScript(object) {
+    return JSON.stringify(object).replace(
+      JSON_ESCAPE_REGEXP,
+      match => JSON_ESCAPE[match]
+    )
+  },
+}
diff --git a/services/web/app/src/Features/Helpers/UrlHelper.js b/services/web/app/src/Features/Helpers/UrlHelper.js
new file mode 100644
index 0000000..cf68663
--- /dev/null
+++ b/services/web/app/src/Features/Helpers/UrlHelper.js
@@ -0,0 +1,49 @@
+const Settings = require('@overleaf/settings')
+const { URL } = require('url')
+
+const PROTO = new URL(Settings.siteUrl).protocol
+
+function getCanonicalURL(req, url) {
+  const origin = `${PROTO}//${req.headers.host}`
+  url = new URL(url || req.originalUrl, origin)
+  if (url.pathname.endsWith('/')) {
+    url.pathname = url.pathname.replace(/\/+$/, '')
+  }
+  url.search = ''
+  url.hash = ''
+  return url.href
+}
+
+function getSafeRedirectPath(value) {
+  const baseURL = Settings.siteUrl // base URL is required to construct URL from path
+  const url = new URL(value, baseURL)
+  let safePath = `${url.pathname}${url.search}${url.hash}`.replace(/^\/+/, '/')
+  if (safePath === '/') {
+    safePath = undefined
+  }
+  return safePath
+}
+
+function getSafeAdminDomainRedirect(path) {
+  return Settings.adminUrl + (getSafeRedirectPath(path) || '/')
+}
+
+module.exports = {
+  getCanonicalURL,
+  getSafeRedirectPath,
+  getSafeAdminDomainRedirect,
+  wrapUrlWithProxy(url) {
+    // TODO: Consider what to do for Community and Enterprise edition?
+    if (!Settings.apis.linkedUrlProxy.url) {
+      throw new Error('no linked url proxy configured')
+    }
+    return `${Settings.apis.linkedUrlProxy.url}?url=${encodeURIComponent(url)}`
+  },
+
+  prependHttpIfNeeded(url) {
+    if (!url.match('://')) {
+      url = `http://${url}`
+    }
+    return url
+  },
+}
diff --git a/services/web/app/src/Features/History/HistoryBackupDeletionHandler.js b/services/web/app/src/Features/History/HistoryBackupDeletionHandler.js
new file mode 100644
index 0000000..8df1bcd
--- /dev/null
+++ b/services/web/app/src/Features/History/HistoryBackupDeletionHandler.js
@@ -0,0 +1,20 @@
+const { fetchNothing } = require('@overleaf/fetch-utils')
+const Settings = require('@overleaf/settings')
+
+async function deleteProject(projectId) {
+  if (!Settings.apis.historyBackupDeletion.enabled) return
+
+  const url = new URL(Settings.apis.historyBackupDeletion.url)
+  url.pathname += `project/${projectId}/backup`
+  await fetchNothing(url, {
+    method: 'DELETE',
+    basicAuth: {
+      user: Settings.apis.historyBackupDeletion.user,
+      password: Settings.apis.historyBackupDeletion.pass,
+    },
+  })
+}
+
+module.exports = {
+  deleteProject,
+}
diff --git a/services/web/app/src/Features/History/HistoryController.js b/services/web/app/src/Features/History/HistoryController.js
new file mode 100644
index 0000000..a0f0183
--- /dev/null
+++ b/services/web/app/src/Features/History/HistoryController.js
@@ -0,0 +1,502 @@
+// @ts-check
+
+const { setTimeout } = require('timers/promises')
+const { pipeline } = require('stream/promises')
+const OError = require('@overleaf/o-error')
+const logger = require('@overleaf/logger')
+const { expressify } = require('@overleaf/promise-utils')
+const {
+  fetchStream,
+  fetchStreamWithResponse,
+  fetchJson,
+  fetchNothing,
+  RequestFailedError,
+} = require('@overleaf/fetch-utils')
+const settings = require('@overleaf/settings')
+const SessionManager = require('../Authentication/SessionManager')
+const UserGetter = require('../User/UserGetter')
+const ProjectGetter = require('../Project/ProjectGetter')
+const Errors = require('../Errors/Errors')
+const HistoryManager = require('./HistoryManager')
+const ProjectDetailsHandler = require('../Project/ProjectDetailsHandler')
+const ProjectEntityUpdateHandler = require('../Project/ProjectEntityUpdateHandler')
+const RestoreManager = require('./RestoreManager')
+const { prepareZipAttachment } = require('../../infrastructure/Response')
+const Features = require('../../infrastructure/Features')
+
+// Number of seconds after which the browser should send a request to revalidate
+// blobs
+const REVALIDATE_BLOB_AFTER_SECONDS = 86400 // 1 day
+
+// Number of seconds during which the browser can serve a stale response while
+// revalidating
+const STALE_WHILE_REVALIDATE_SECONDS = 365 * 86400 // 1 year
+
+const MAX_HISTORY_ZIP_ATTEMPTS = 40
+
+async function getBlob(req, res) {
+  await requestBlob('GET', req, res)
+}
+
+async function headBlob(req, res) {
+  await requestBlob('HEAD', req, res)
+}
+
+async function requestBlob(method, req, res) {
+  const { project_id: projectId, hash } = req.params
+
+  // Handle conditional GET request
+  if (req.get('If-None-Match') === hash) {
+    setBlobCacheHeaders(res, hash)
+    return res.status(304).end()
+  }
+
+  const range = req.get('Range')
+  let stream, source, contentLength
+  try {
+    ;({ stream, source, contentLength } =
+      await HistoryManager.promises.requestBlobWithFallback(
+        projectId,
+        hash,
+        req.query.fallback,
+        method,
+        range
+      ))
+  } catch (err) {
+    if (err instanceof Errors.NotFoundError) return res.status(404).end()
+    throw err
+  }
+  res.appendHeader('X-Served-By', source)
+
+  if (contentLength) res.setHeader('Content-Length', contentLength) // set on HEAD
+  res.setHeader('Content-Type', 'application/octet-stream')
+  setBlobCacheHeaders(res, hash)
+
+  try {
+    await pipeline(stream, res)
+  } catch (err) {
+    // If the downstream request is cancelled, we get an
+    // ERR_STREAM_PREMATURE_CLOSE, ignore these "errors".
+    if (!isPrematureClose(err)) {
+      throw err
+    }
+  }
+}
+
+function setBlobCacheHeaders(res, etag) {
+  // Blobs are immutable, so they can in principle be cached indefinitely. Here,
+  // we ask the browser to cache them for some time, but then check back
+  // regularly in case they changed (even though they shouldn't). This is a
+  // precaution in case a bug makes us send bad data through that endpoint.
+  res.set(
+    'Cache-Control',
+    `private, max-age=${REVALIDATE_BLOB_AFTER_SECONDS}, stale-while-revalidate=${STALE_WHILE_REVALIDATE_SECONDS}`
+  )
+  res.set('ETag', etag)
+}
+
+async function proxyToHistoryApi(req, res, next) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const url = settings.apis.project_history.url + req.url
+
+  const { stream, response } = await fetchStreamWithResponse(url, {
+    method: req.method,
+    headers: { 'X-User-Id': userId },
+  })
+
+  const contentType = response.headers.get('Content-Type')
+  const contentLength = response.headers.get('Content-Length')
+  if (contentType != null) {
+    res.set('Content-Type', contentType)
+  }
+  if (contentLength != null) {
+    res.set('Content-Length', contentLength)
+  }
+
+  try {
+    await pipeline(stream, res)
+  } catch (err) {
+    // If the downstream request is cancelled, we get an
+    // ERR_STREAM_PREMATURE_CLOSE.
+    if (!isPrematureClose(err)) {
+      throw err
+    }
+  }
+}
+
+async function proxyToHistoryApiAndInjectUserDetails(req, res, next) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const url = settings.apis.project_history.url + req.url
+  const body = await fetchJson(url, {
+    method: req.method,
+    headers: { 'X-User-Id': userId },
+  })
+  const data = await HistoryManager.promises.injectUserDetails(body)
+  res.json(data)
+}
+
+async function resyncProjectHistory(req, res, next) {
+  // increase timeout to 6 minutes
+  res.setTimeout(6 * 60 * 1000)
+  const projectId = req.params.Project_id
+  const opts = {}
+  const historyRangesMigration = req.body.historyRangesMigration
+  if (historyRangesMigration) {
+    opts.historyRangesMigration = historyRangesMigration
+  }
+  if (req.body.resyncProjectStructureOnly) {
+    opts.resyncProjectStructureOnly = req.body.resyncProjectStructureOnly
+  }
+
+  try {
+    await ProjectEntityUpdateHandler.promises.resyncProjectHistory(
+      projectId,
+      opts
+    )
+  } catch (err) {
+    if (err instanceof Errors.ProjectHistoryDisabledError) {
+      return res.sendStatus(404)
+    } else {
+      throw err
+    }
+  }
+
+  res.sendStatus(204)
+}
+
+async function restoreFileFromV2(req, res, next) {
+  const { project_id: projectId } = req.params
+  const { version, pathname } = req.body
+  const userId = SessionManager.getLoggedInUserId(req.session)
+
+  const entity = await RestoreManager.promises.restoreFileFromV2(
+    userId,
+    projectId,
+    version,
+    pathname
+  )
+
+  res.json({
+    type: entity.type,
+    id: entity._id,
+  })
+}
+
+async function revertFile(req, res, next) {
+  const { project_id: projectId } = req.params
+  const { version, pathname } = req.body
+  const userId = SessionManager.getLoggedInUserId(req.session)
+
+  const entity = await RestoreManager.promises.revertFile(
+    userId,
+    projectId,
+    version,
+    pathname,
+    {}
+  )
+
+  res.json({
+    type: entity.type,
+    id: entity._id,
+  })
+}
+
+async function revertProject(req, res, next) {
+  const { project_id: projectId } = req.params
+  const { version } = req.body
+  const userId = SessionManager.getLoggedInUserId(req.session)
+
+  await RestoreManager.promises.revertProject(userId, projectId, version)
+
+  res.sendStatus(200)
+}
+
+async function getLabels(req, res, next) {
+  const projectId = req.params.Project_id
+
+  let labels = await fetchJson(
+    `${settings.apis.project_history.url}/project/${projectId}/labels`
+  )
+  labels = await _enrichLabels(labels)
+
+  res.json(labels)
+}
+
+async function createLabel(req, res, next) {
+  const projectId = req.params.Project_id
+  const { comment, version } = req.body
+  const userId = SessionManager.getLoggedInUserId(req.session)
+
+  let label = await fetchJson(
+    `${settings.apis.project_history.url}/project/${projectId}/labels`,
+    {
+      method: 'POST',
+      json: { comment, version, user_id: userId },
+    }
+  )
+  label = await _enrichLabel(label)
+
+  res.json(label)
+}
+
+async function _enrichLabel(label) {
+  const newLabel = Object.assign({}, label)
+  if (!label.user_id) {
+    newLabel.user_display_name = _displayNameForUser(null)
+    return newLabel
+  }
+
+  const user = await UserGetter.promises.getUser(label.user_id, {
+    first_name: 1,
+    last_name: 1,
+    email: 1,
+  })
+  newLabel.user_display_name = _displayNameForUser(user)
+  return newLabel
+}
+
+async function _enrichLabels(labels) {
+  if (!labels || !labels.length) {
+    return []
+  }
+  const uniqueUsers = new Set(labels.map(label => label.user_id))
+
+  // For backwards compatibility, and for anonymously created labels in SP
+  // expect missing user_id fields
+  uniqueUsers.delete(undefined)
+
+  if (!uniqueUsers.size) {
+    return labels
+  }
+
+  const rawUsers = await UserGetter.promises.getUsers(Array.from(uniqueUsers), {
+    first_name: 1,
+    last_name: 1,
+    email: 1,
+  })
+  const users = new Map(rawUsers.map(user => [String(user._id), user]))
+
+  labels.forEach(label => {
+    const user = users.get(label.user_id)
+    label.user_display_name = _displayNameForUser(user)
+  })
+  return labels
+}
+
+function _displayNameForUser(user) {
+  if (user == null) {
+    return 'Anonymous'
+  }
+  if (user.name) {
+    return user.name
+  }
+  let name = [user.first_name, user.last_name]
+    .filter(n => n != null)
+    .join(' ')
+    .trim()
+  if (name === '') {
+    name = user.email.split('@')[0]
+  }
+  if (!name) {
+    return '?'
+  }
+  return name
+}
+
+async function deleteLabel(req, res, next) {
+  const { Project_id: projectId, label_id: labelId } = req.params
+  const userId = SessionManager.getLoggedInUserId(req.session)
+
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    owner_ref: true,
+  })
+
+  // If the current user is the project owner, we can use the non-user-specific
+  // delete label endpoint. Otherwise, we have to use the user-specific version
+  // (which only deletes the label if it is owned by the user)
+  const deleteEndpointUrl = project.owner_ref.equals(userId)
+    ? `${settings.apis.project_history.url}/project/${projectId}/labels/${labelId}`
+    : `${settings.apis.project_history.url}/project/${projectId}/user/${userId}/labels/${labelId}`
+
+  await fetchNothing(deleteEndpointUrl, {
+    method: 'DELETE',
+  })
+  res.sendStatus(204)
+}
+
+async function downloadZipOfVersion(req, res, next) {
+  const { project_id: projectId, version } = req.params
+
+  const project = await ProjectDetailsHandler.promises.getDetails(projectId)
+  const v1Id =
+    project.overleaf && project.overleaf.history && project.overleaf.history.id
+
+  if (v1Id == null) {
+    logger.error(
+      { projectId, version },
+      'got request for zip version of non-v1 history project'
+    )
+    return res.sendStatus(402)
+  }
+
+  await _pipeHistoryZipToResponse(
+    v1Id,
+    version,
+    `${project.name} (Version ${version})`,
+    req,
+    res
+  )
+}
+
+async function _pipeHistoryZipToResponse(v1ProjectId, version, name, req, res) {
+  if (req.destroyed) {
+    // client has disconnected -- skip project history api call and download
+    return
+  }
+  // increase timeout to 6 minutes
+  res.setTimeout(6 * 60 * 1000)
+  const url = `${settings.apis.v1_history.url}/projects/${v1ProjectId}/version/${version}/zip`
+  const basicAuth = {
+    user: settings.apis.v1_history.user,
+    password: settings.apis.v1_history.pass,
+  }
+
+  if (!Features.hasFeature('saas')) {
+    let stream
+    try {
+      stream = await fetchStream(url, { basicAuth })
+    } catch (err) {
+      if (err instanceof RequestFailedError && err.response.status === 404) {
+        return res.sendStatus(404)
+      } else {
+        throw err
+      }
+    }
+
+    prepareZipAttachment(res, `${name}.zip`)
+
+    try {
+      await pipeline(stream, res)
+    } catch (err) {
+      // If the downstream request is cancelled, we get an
+      // ERR_STREAM_PREMATURE_CLOSE.
+      if (!isPrematureClose(err)) {
+        throw err
+      }
+    }
+    return
+  }
+
+  let body
+  try {
+    body = await fetchJson(url, { method: 'POST', basicAuth })
+  } catch (err) {
+    if (err instanceof RequestFailedError && err.response.status === 404) {
+      throw new Errors.NotFoundError('zip not found')
+    } else {
+      throw err
+    }
+  }
+
+  if (req.destroyed) {
+    // client has disconnected -- skip delayed s3 download
+    return
+  }
+
+  if (!body.zipUrl) {
+    throw new OError('Missing zipUrl, cannot fetch zip file', {
+      v1ProjectId,
+      body,
+    })
+  }
+
+  // retry for about 6 minutes starting with short delay
+  let retryDelay = 2000
+  let attempt = 0
+  while (true) {
+    attempt += 1
+    await setTimeout(retryDelay)
+
+    if (req.destroyed) {
+      // client has disconnected -- skip s3 download
+      return
+    }
+
+    // increase delay by 1 second up to 10
+    if (retryDelay < 10000) {
+      retryDelay += 1000
+    }
+
+    try {
+      const stream = await fetchStream(body.zipUrl)
+      prepareZipAttachment(res, `${name}.zip`)
+      await pipeline(stream, res)
+    } catch (err) {
+      if (attempt > MAX_HISTORY_ZIP_ATTEMPTS) {
+        throw err
+      }
+
+      if (err instanceof RequestFailedError && err.response.status === 404) {
+        // File not ready yet. Retry.
+        continue
+      } else if (isPrematureClose(err)) {
+        // Downstream request cancelled. Retry.
+        continue
+      } else {
+        // Unknown error. Log and retry.
+        logger.warn(
+          { err, v1ProjectId, version, retryAttempt: attempt },
+          'history s3 proxying error'
+        )
+        continue
+      }
+    }
+
+    // We made it through. No need to retry anymore. Exit loop
+    break
+  }
+}
+
+async function getLatestHistory(req, res, next) {
+  const projectId = req.params.project_id
+  const history = await HistoryManager.promises.getLatestHistory(projectId)
+  res.json(history)
+}
+
+async function getChanges(req, res, next) {
+  const projectId = req.params.project_id
+  const since = req.query.since
+  const changes = await HistoryManager.promises.getChanges(projectId, { since })
+  res.json(changes)
+}
+
+function isPrematureClose(err) {
+  return (
+    err instanceof Error &&
+    'code' in err &&
+    err.code === 'ERR_STREAM_PREMATURE_CLOSE'
+  )
+}
+
+module.exports = {
+  getBlob: expressify(getBlob),
+  headBlob: expressify(headBlob),
+  proxyToHistoryApi: expressify(proxyToHistoryApi),
+  proxyToHistoryApiAndInjectUserDetails: expressify(
+    proxyToHistoryApiAndInjectUserDetails
+  ),
+  resyncProjectHistory: expressify(resyncProjectHistory),
+  restoreFileFromV2: expressify(restoreFileFromV2),
+  revertFile: expressify(revertFile),
+  revertProject: expressify(revertProject),
+  getLabels: expressify(getLabels),
+  createLabel: expressify(createLabel),
+  deleteLabel: expressify(deleteLabel),
+  downloadZipOfVersion: expressify(downloadZipOfVersion),
+  getLatestHistory: expressify(getLatestHistory),
+  getChanges: expressify(getChanges),
+  _displayNameForUser,
+  promises: {
+    _pipeHistoryZipToResponse,
+  },
+}
diff --git a/services/web/app/src/Features/History/HistoryManager.js b/services/web/app/src/Features/History/HistoryManager.js
new file mode 100644
index 0000000..6e40907
--- /dev/null
+++ b/services/web/app/src/Features/History/HistoryManager.js
@@ -0,0 +1,450 @@
+const { callbackify } = require('util')
+const {
+  fetchJson,
+  fetchNothing,
+  fetchStreamWithResponse,
+  RequestFailedError,
+} = require('@overleaf/fetch-utils')
+const fs = require('fs')
+const settings = require('@overleaf/settings')
+const OError = require('@overleaf/o-error')
+const UserGetter = require('../User/UserGetter')
+const ProjectGetter = require('../Project/ProjectGetter')
+const HistoryBackupDeletionHandler = require('./HistoryBackupDeletionHandler')
+const { db, ObjectId } = require('../../infrastructure/mongodb')
+const Metrics = require('@overleaf/metrics')
+const logger = require('@overleaf/logger')
+const { NotFoundError } = require('../Errors/Errors')
+const projectKey = require('./project_key')
+
+// BEGIN copy from services/history-v1/storage/lib/blob_store/index.js
+
+const GLOBAL_BLOBS = new Set() // CHANGE FROM SOURCE: only store hashes.
+
+const HISTORY_V1_URL = settings.apis.v1_history.url
+const HISTORY_V1_BASIC_AUTH = {
+  user: settings.apis.v1_history.user,
+  password: settings.apis.v1_history.pass,
+}
+
+function makeGlobalKey(hash) {
+  return `${hash.slice(0, 2)}/${hash.slice(2, 4)}/${hash.slice(4)}`
+}
+
+function makeProjectKey(projectId, hash) {
+  return `${projectKey.format(projectId)}/${hash.slice(0, 2)}/${hash.slice(2)}`
+}
+
+function getBlobLocation(projectId, hash) {
+  if (GLOBAL_BLOBS.has(hash)) {
+    return {
+      bucket: settings.apis.v1_history.buckets.globalBlobs,
+      key: makeGlobalKey(hash),
+    }
+  } else {
+    return {
+      bucket: settings.apis.v1_history.buckets.projectBlobs,
+      key: makeProjectKey(projectId, hash),
+    }
+  }
+}
+
+async function loadGlobalBlobs() {
+  const blobs = db.projectHistoryGlobalBlobs.find()
+  for await (const blob of blobs) {
+    GLOBAL_BLOBS.add(blob._id) // CHANGE FROM SOURCE: only store hashes.
+  }
+}
+
+// END copy from services/history-v1/storage/lib/blob_store/index.js
+
+async function initializeProject(projectId) {
+  const body = await fetchJson(`${settings.apis.project_history.url}/project`, {
+    method: 'POST',
+    json: { historyId: projectId.toString() },
+  })
+  const historyId = body && body.project && body.project.id
+  if (!historyId) {
+    throw new OError('project-history did not provide an id', { body })
+  }
+  return historyId
+}
+
+async function flushProject(projectId) {
+  try {
+    await fetchNothing(
+      `${settings.apis.project_history.url}/project/${projectId}/flush`,
+      { method: 'POST' }
+    )
+  } catch (err) {
+    throw OError.tag(err, 'failed to flush project to project history', {
+      projectId,
+    })
+  }
+}
+
+async function deleteProjectHistory(projectId) {
+  try {
+    await fetchNothing(
+      `${settings.apis.project_history.url}/project/${projectId}`,
+      { method: 'DELETE' }
+    )
+  } catch (err) {
+    throw OError.tag(err, 'failed to delete project history', {
+      projectId,
+    })
+  }
+}
+
+async function resyncProject(projectId, options = {}) {
+  const body = {}
+  if (options.force) {
+    body.force = options.force
+  }
+  if (options.origin) {
+    body.origin = options.origin
+  }
+  if (options.historyRangesMigration) {
+    body.historyRangesMigration = options.historyRangesMigration
+  }
+  try {
+    await fetchNothing(
+      `${settings.apis.project_history.url}/project/${projectId}/resync`,
+      {
+        method: 'POST',
+        json: body,
+        signal: AbortSignal.timeout(6 * 60 * 1000),
+      }
+    )
+  } catch (err) {
+    throw OError.tag(err, 'failed to resync project history', {
+      projectId,
+    })
+  }
+}
+
+async function deleteProject(projectId, historyId) {
+  const tasks = []
+  tasks.push(_deleteProjectInProjectHistory(projectId))
+  if (historyId != null) {
+    tasks.push(_deleteProjectInFullProjectHistory(historyId))
+  }
+  await Promise.all(tasks)
+  await HistoryBackupDeletionHandler.deleteProject(projectId)
+}
+
+async function _deleteProjectInProjectHistory(projectId) {
+  try {
+    await fetchNothing(
+      `${settings.apis.project_history.url}/project/${projectId}`,
+      { method: 'DELETE' }
+    )
+  } catch (err) {
+    throw OError.tag(
+      err,
+      'failed to clear project history in project-history',
+      { projectId }
+    )
+  }
+}
+
+async function _deleteProjectInFullProjectHistory(historyId) {
+  try {
+    await fetchNothing(`${HISTORY_V1_URL}/projects/${historyId}`, {
+      method: 'DELETE',
+      basicAuth: HISTORY_V1_BASIC_AUTH,
+    })
+  } catch (err) {
+    throw OError.tag(err, 'failed to clear project history', { historyId })
+  }
+}
+
+async function uploadBlobFromDisk(historyId, hash, byteLength, fsPath) {
+  const outStream = fs.createReadStream(fsPath)
+
+  const url = `${HISTORY_V1_URL}/projects/${historyId}/blobs/${hash}`
+  await fetchNothing(url, {
+    method: 'PUT',
+    body: outStream,
+    headers: { 'Content-Length': byteLength }, // add the content length to work around problems with chunked encoding in node 18
+    signal: AbortSignal.timeout(60 * 1000),
+    basicAuth: HISTORY_V1_BASIC_AUTH,
+  })
+}
+
+async function copyBlob(sourceHistoryId, targetHistoryId, hash) {
+  const url = `${HISTORY_V1_URL}/projects/${targetHistoryId}/blobs/${hash}`
+  await fetchNothing(
+    `${url}?${new URLSearchParams({ copyFrom: sourceHistoryId })}`,
+    {
+      method: 'POST',
+      basicAuth: HISTORY_V1_BASIC_AUTH,
+    }
+  )
+}
+
+async function requestBlobWithFallback(
+  projectId,
+  hash,
+  fileId,
+  method = 'GET',
+  range = ''
+) {
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    'overleaf.history.id': true,
+  })
+  // Talk to history-v1 directly to avoid streaming via project-history.
+  let url = new URL(HISTORY_V1_URL)
+  url.pathname += `/projects/${project.overleaf.history.id}/blobs/${hash}`
+
+  const opts = { method, headers: { Range: range } }
+  let stream, response, source
+  try {
+    ;({ stream, response } = await fetchStreamWithResponse(url, {
+      ...opts,
+      basicAuth: {
+        user: settings.apis.v1_history.user,
+        password: settings.apis.v1_history.pass,
+      },
+    }))
+    source = 'history-v1'
+  } catch (err) {
+    if (err instanceof RequestFailedError && err.response.status === 404) {
+      if (ObjectId.isValid(fileId)) {
+        url = new URL(settings.apis.filestore.url)
+        url.pathname = `/project/${projectId}/file/${fileId}`
+        try {
+          ;({ stream, response } = await fetchStreamWithResponse(url, opts))
+        } catch (err) {
+          if (
+            err instanceof RequestFailedError &&
+            err.response.status === 404
+          ) {
+            throw new NotFoundError()
+          }
+          throw err
+        }
+        logger.warn({ projectId, hash, fileId }, 'missing history blob')
+        source = 'filestore'
+      } else {
+        throw new NotFoundError()
+      }
+    } else {
+      throw err
+    }
+  }
+  Metrics.inc('request_blob', 1, { path: source })
+  return {
+    url,
+    stream,
+    source,
+    contentLength: response.headers.get('Content-Length'),
+  }
+}
+
+/**
+ * Warning: Don't use this method for large projects. It will eagerly load all
+ * the history data and apply all operations.
+ * @param {string} projectId
+ * @returns Promise<object>
+ */
+async function getCurrentContent(projectId) {
+  const historyId = await getHistoryId(projectId)
+
+  try {
+    return await fetchJson(
+      `${HISTORY_V1_URL}/projects/${historyId}/latest/content`,
+      {
+        method: 'GET',
+        basicAuth: HISTORY_V1_BASIC_AUTH,
+      }
+    )
+  } catch (err) {
+    throw OError.tag(err, 'failed to load project history', { historyId })
+  }
+}
+
+/**
+ * Warning: Don't use this method for large projects. It will eagerly load all
+ * the history data and apply all operations.
+ * @param {string} projectId
+ * @param {number} version
+ *
+ * @returns Promise<object>
+ */
+async function getContentAtVersion(projectId, version) {
+  const historyId = await getHistoryId(projectId)
+
+  try {
+    return await fetchJson(
+      `${HISTORY_V1_URL}/projects/${historyId}/versions/${version}/content`,
+      {
+        method: 'GET',
+        basicAuth: HISTORY_V1_BASIC_AUTH,
+      }
+    )
+  } catch (err) {
+    throw OError.tag(
+      err,
+      'failed to load project history snapshot at version',
+      { historyId, version }
+    )
+  }
+}
+
+/**
+ * Get the latest chunk from history
+ *
+ * @param {string} projectId
+ */
+async function getLatestHistory(projectId) {
+  const historyId = await getHistoryId(projectId)
+
+  return await fetchJson(
+    `${HISTORY_V1_URL}/projects/${historyId}/latest/history`,
+    {
+      basicAuth: HISTORY_V1_BASIC_AUTH,
+    }
+  )
+}
+
+/**
+ * Get history changes since a given version
+ *
+ * @param {string} projectId
+ * @param {object} opts
+ * @param {number} opts.since - The start version of changes to get
+ */
+async function getChanges(projectId, opts = {}) {
+  const historyId = await getHistoryId(projectId)
+
+  const url = new URL(`${HISTORY_V1_URL}/projects/${historyId}/changes`)
+  if (opts.since) {
+    url.searchParams.set('since', opts.since)
+  }
+
+  return await fetchJson(url, {
+    basicAuth: HISTORY_V1_BASIC_AUTH,
+  })
+}
+
+async function getHistoryId(projectId) {
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    overleaf: true,
+  })
+  const historyId = project?.overleaf?.history?.id
+  if (!historyId) {
+    throw new OError('project does not have a history id', { projectId })
+  }
+  return historyId
+}
+
+async function injectUserDetails(data) {
+  // data can be either:
+  // {
+  // 	diff: [{
+  // 		i: "foo",
+  // 		meta: {
+  // 			users: ["user_id", v1_user_id, ...]
+  // 			...
+  // 		}
+  // 	}, ...]
+  // }
+  // or
+  // {
+  // 	updates: [{
+  // 		pathnames: ["main.tex"]
+  // 		meta: {
+  // 			users: ["user_id", v1_user_id, ...]
+  // 			...
+  // 		},
+  // 		...
+  // 	}, ...]
+  // }
+  // Either way, the top level key points to an array of objects with a meta.users property
+  // that we need to replace user_ids with populated user objects.
+  // Note that some entries in the users arrays may be v1 ids returned by the v1 history
+  // service. v1 ids will be `numbers`
+  let userIds = new Set()
+  let v1UserIds = new Set()
+  const entries = Array.isArray(data.diff)
+    ? data.diff
+    : Array.isArray(data.updates)
+      ? data.updates
+      : []
+  for (const entry of entries) {
+    for (const user of (entry.meta && entry.meta.users) || []) {
+      if (typeof user === 'string') {
+        userIds.add(user)
+      } else if (typeof user === 'number') {
+        v1UserIds.add(user)
+      }
+    }
+  }
+
+  userIds = Array.from(userIds)
+  v1UserIds = Array.from(v1UserIds)
+  const projection = { first_name: 1, last_name: 1, email: 1 }
+  const usersArray = await UserGetter.promises.getUsers(userIds, projection)
+  const users = {}
+  for (const user of usersArray) {
+    users[user._id.toString()] = _userView(user)
+  }
+  projection.overleaf = 1
+  const v1IdentifiedUsersArray = await UserGetter.promises.getUsersByV1Ids(
+    v1UserIds,
+    projection
+  )
+  for (const user of v1IdentifiedUsersArray) {
+    users[user.overleaf.id] = _userView(user)
+  }
+  for (const entry of entries) {
+    if (entry.meta != null) {
+      entry.meta.users = ((entry.meta && entry.meta.users) || []).map(user => {
+        if (typeof user === 'string' || typeof user === 'number') {
+          return users[user]
+        } else {
+          return user
+        }
+      })
+    }
+  }
+  return data
+}
+
+function _userView(user) {
+  const { _id, first_name: firstName, last_name: lastName, email } = user
+  return { first_name: firstName, last_name: lastName, email, id: _id }
+}
+
+module.exports = {
+  getBlobLocation,
+  initializeProject: callbackify(initializeProject),
+  flushProject: callbackify(flushProject),
+  resyncProject: callbackify(resyncProject),
+  deleteProject: callbackify(deleteProject),
+  deleteProjectHistory: callbackify(deleteProjectHistory),
+  injectUserDetails: callbackify(injectUserDetails),
+  getCurrentContent: callbackify(getCurrentContent),
+  uploadBlobFromDisk: callbackify(uploadBlobFromDisk),
+  copyBlob: callbackify(copyBlob),
+  requestBlobWithFallback: callbackify(requestBlobWithFallback),
+  getLatestHistory: callbackify(getLatestHistory),
+  getChanges: callbackify(getChanges),
+  promises: {
+    loadGlobalBlobs,
+    initializeProject,
+    flushProject,
+    resyncProject,
+    deleteProject,
+    injectUserDetails,
+    deleteProjectHistory,
+    getCurrentContent,
+    getContentAtVersion,
+    uploadBlobFromDisk,
+    copyBlob,
+    requestBlobWithFallback,
+    getLatestHistory,
+    getChanges,
+  },
+}
diff --git a/services/web/app/src/Features/History/HistoryRangesSupportMigration.mjs b/services/web/app/src/Features/History/HistoryRangesSupportMigration.mjs
new file mode 100644
index 0000000..e76267a
--- /dev/null
+++ b/services/web/app/src/Features/History/HistoryRangesSupportMigration.mjs
@@ -0,0 +1,272 @@
+// @ts-check
+
+import { callbackify } from 'node:util'
+import OError from '@overleaf/o-error'
+import logger from '@overleaf/logger'
+import HistoryManager from '../History/HistoryManager.js'
+import DocumentUpdaterHandler from '../DocumentUpdater/DocumentUpdaterHandler.js'
+import DocstoreManager from '../Docstore/DocstoreManager.js'
+import ProjectOptionsHandler from '../Project/ProjectOptionsHandler.js'
+import mongodb from '../../infrastructure/mongodb.js'
+
+const { db, ObjectId, READ_PREFERENCE_SECONDARY } = mongodb
+
+/**
+ * Migrate projects based on a query.
+ *
+ * @param {object} opts
+ * @param {string[]} [opts.projectIds]
+ * @param {string[]} [opts.ownerIds]
+ * @param {string} [opts.minId]
+ * @param {string} [opts.maxId]
+ * @param {number} [opts.maxCount]
+ * @param {"forwards" | "backwards"} [opts.direction]
+ * @param {boolean} [opts.force]
+ * @param {boolean} [opts.stopOnError]
+ * @param {boolean} [opts.quickOnly]
+ * @param {number} [opts.concurrency]
+ */
+async function migrateProjects(opts = {}) {
+  const {
+    ownerIds,
+    projectIds,
+    minId,
+    maxId,
+    maxCount = Infinity,
+    direction = 'forwards',
+    force = false,
+    stopOnError = false,
+    quickOnly = false,
+    concurrency = 1,
+  } = opts
+
+  const clauses = []
+
+  // skip projects that don't have full project history
+  clauses.push({ 'overleaf.history.id': { $exists: true } })
+
+  if (projectIds != null) {
+    clauses.push({ _id: { $in: projectIds.map(id => new ObjectId(id)) } })
+  }
+  if (ownerIds != null) {
+    clauses.push({ owner_ref: { $in: ownerIds.map(id => new ObjectId(id)) } })
+  }
+  if (minId) {
+    clauses.push({ _id: { $gte: new ObjectId(minId) } })
+  }
+  if (maxId) {
+    clauses.push({ _id: { $lte: new ObjectId(maxId) } })
+  }
+
+  const filter = {}
+  if (clauses.length > 0) {
+    filter.$and = clauses
+  }
+
+  const projects = db.projects
+    .find(filter, {
+      readPreference: READ_PREFERENCE_SECONDARY,
+      projection: { _id: 1, overleaf: 1 },
+    })
+    .sort({ _id: -1 })
+
+  let terminating = false
+  const handleSignal = signal => {
+    logger.info({ signal }, 'History ranges support migration received signal')
+    terminating = true
+  }
+  process.on('SIGINT', handleSignal)
+  process.on('SIGTERM', handleSignal)
+
+  const projectsProcessed = {
+    quick: 0,
+    skipped: 0,
+    resync: 0,
+    total: 0,
+  }
+  const jobsByProjectId = new Map()
+  let errors = 0
+
+  for await (const project of projects) {
+    if (projectsProcessed.total >= maxCount) {
+      break
+    }
+
+    if (errors > 0 && stopOnError) {
+      break
+    }
+
+    if (terminating) {
+      break
+    }
+
+    const projectId = project._id.toString()
+
+    if (!force) {
+      // Skip projects that are already migrated
+      if (
+        (direction === 'forwards' &&
+          project.overleaf.history.rangesSupportEnabled) ||
+        (direction === 'backwards' &&
+          !project.overleaf.history.rangesSupportEnabled)
+      ) {
+        continue
+      }
+    }
+
+    if (jobsByProjectId.size >= concurrency) {
+      // Wait until the next job finishes
+      await Promise.race(jobsByProjectId.values())
+    }
+
+    const job = processProject(projectId, direction, quickOnly)
+      .then(info => {
+        jobsByProjectId.delete(projectId)
+        projectsProcessed[info.migrationType] += 1
+        projectsProcessed.total += 1
+        logger.debug(
+          {
+            projectId,
+            direction,
+            projectsProcessed,
+            errors,
+            ...info,
+          },
+          'History ranges support migration'
+        )
+        if (projectsProcessed.total % 10000 === 0) {
+          logger.info(
+            { projectsProcessed, errors, lastProjectId: projectId },
+            'History ranges support migration progress'
+          )
+        }
+      })
+      .catch(err => {
+        jobsByProjectId.delete(projectId)
+        errors += 1
+        logger.error(
+          { err, projectId, direction, projectsProcessed, errors },
+          'Failed to migrate history ranges support'
+        )
+      })
+
+    jobsByProjectId.set(projectId, job)
+  }
+
+  // Let the last jobs finish
+  await Promise.all(jobsByProjectId.values())
+}
+
+/**
+ * Migrate a single project
+ *
+ * @param {string} projectId
+ * @param {"forwards" | "backwards"} direction
+ * @param {boolean} quickOnly
+ */
+async function processProject(projectId, direction, quickOnly) {
+  const startTimeMs = Date.now()
+  const quickMigrationSuccess = await quickMigration(projectId, direction)
+  let migrationType
+  if (quickMigrationSuccess) {
+    migrationType = 'quick'
+  } else if (quickOnly) {
+    migrationType = 'skipped'
+  } else {
+    await migrateProject(projectId, direction)
+    migrationType = 'resync'
+  }
+  const elapsedMs = Date.now() - startTimeMs
+  return { migrationType, elapsedMs }
+}
+
+/**
+ * Attempt a quick migration (without resync)
+ *
+ * @param {string} projectId
+ * @param {"forwards" | "backwards"} direction
+ * @return {Promise<boolean>} whether or not the quick migration was a success
+ */
+async function quickMigration(projectId, direction = 'forwards') {
+  const blockSuccess =
+    await DocumentUpdaterHandler.promises.blockProject(projectId)
+  if (!blockSuccess) {
+    return false
+  }
+
+  let projectHasRanges
+  try {
+    projectHasRanges =
+      await DocstoreManager.promises.projectHasRanges(projectId)
+  } catch (err) {
+    // Docstore request probably timed out. Assume the project has ranges
+    logger.warn(
+      { err, projectId },
+      'Failed to check if project has ranges; proceeding with a resync migration'
+    )
+    projectHasRanges = true
+  }
+  if (projectHasRanges) {
+    await DocumentUpdaterHandler.promises.unblockProject(projectId)
+    return false
+  }
+
+  try {
+    await ProjectOptionsHandler.promises.setHistoryRangesSupport(
+      projectId,
+      direction === 'forwards'
+    )
+  } catch (err) {
+    await DocumentUpdaterHandler.promises.unblockProject(projectId)
+    await hardResyncProject(projectId)
+    throw err
+  }
+
+  let wasBlocked
+  try {
+    wasBlocked = await DocumentUpdaterHandler.promises.unblockProject(projectId)
+  } catch (err) {
+    await hardResyncProject(projectId)
+    throw err
+  }
+  if (!wasBlocked) {
+    await hardResyncProject(projectId)
+    throw new OError('Tried to unblock project but it was not blocked', {
+      projectId,
+    })
+  }
+
+  return true
+}
+
+/**
+ * Migrate a single project
+ *
+ * @param {string} projectId
+ * @param {"forwards" | "backwards"} direction
+ */
+async function migrateProject(projectId, direction = 'forwards') {
+  await HistoryManager.promises.flushProject(projectId)
+  await HistoryManager.promises.resyncProject(projectId, {
+    historyRangesMigration: direction,
+  })
+}
+
+/**
+ * Hard resync a project
+ *
+ * This is used when something goes wrong with the quick migration after we've
+ * changed the history ranges support flag on a project.
+ *
+ * @param {string} projectId
+ */
+async function hardResyncProject(projectId) {
+  await HistoryManager.promises.flushProject(projectId)
+  await HistoryManager.promises.resyncProject(projectId, { force: true })
+}
+
+export default {
+  migrateProjects: callbackify(migrateProjects),
+  migrateProject: callbackify(migrateProject),
+  promises: { migrateProjects, migrateProject },
+}
diff --git a/services/web/app/src/Features/History/HistoryRouter.mjs b/services/web/app/src/Features/History/HistoryRouter.mjs
new file mode 100644
index 0000000..d5c7b46
--- /dev/null
+++ b/services/web/app/src/Features/History/HistoryRouter.mjs
@@ -0,0 +1,179 @@
+// @ts-check
+
+import Settings from '@overleaf/settings'
+import { Joi, validate } from '../../infrastructure/Validation.js'
+import { RateLimiter } from '../../infrastructure/RateLimiter.js'
+import AuthenticationController from '../Authentication/AuthenticationController.js'
+import AuthorizationMiddleware from '../Authorization/AuthorizationMiddleware.js'
+import RateLimiterMiddleware from '../Security/RateLimiterMiddleware.js'
+import HistoryController from './HistoryController.js'
+
+const rateLimiters = {
+  downloadProjectRevision: new RateLimiter('download-project-revision', {
+    points: 30,
+    duration: 60 * 60,
+  }),
+  getProjectBlob: new RateLimiter('get-project-blob', {
+    // Download project in full once per hour
+    points: Settings.maxEntitiesPerProject,
+    duration: 60 * 60,
+  }),
+  flushHistory: new RateLimiter('flush-project-history', {
+    points: 30,
+    duration: 60,
+  }),
+}
+
+function apply(webRouter, privateApiRouter) {
+  // Blobs
+
+  webRouter.head(
+    '/project/:project_id/blob/:hash',
+    validate({
+      params: Joi.object({
+        project_id: Joi.objectId().required(),
+        hash: Joi.string().required().hex().length(40),
+      }),
+      query: Joi.object({
+        fallback: Joi.objectId().optional(),
+      }),
+    }),
+    RateLimiterMiddleware.rateLimit(rateLimiters.getProjectBlob),
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    HistoryController.headBlob
+  )
+  webRouter.get(
+    '/project/:project_id/blob/:hash',
+    validate({
+      params: Joi.object({
+        project_id: Joi.objectId().required(),
+        hash: Joi.string().required().hex().length(40),
+      }),
+      query: Joi.object({
+        fallback: Joi.objectId().optional(),
+      }),
+    }),
+    RateLimiterMiddleware.rateLimit(rateLimiters.getProjectBlob),
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    HistoryController.getBlob
+  )
+
+  // History diffs
+
+  webRouter.get(
+    '/project/:Project_id/updates',
+    AuthorizationMiddleware.blockRestrictedUserFromProject,
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    HistoryController.proxyToHistoryApiAndInjectUserDetails
+  )
+  webRouter.get(
+    '/project/:Project_id/doc/:doc_id/diff',
+    AuthorizationMiddleware.blockRestrictedUserFromProject,
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    HistoryController.proxyToHistoryApi
+  )
+  webRouter.get(
+    '/project/:Project_id/diff',
+    AuthorizationMiddleware.blockRestrictedUserFromProject,
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    HistoryController.proxyToHistoryApiAndInjectUserDetails
+  )
+  webRouter.get(
+    '/project/:Project_id/filetree/diff',
+    AuthorizationMiddleware.blockRestrictedUserFromProject,
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    HistoryController.proxyToHistoryApi
+  )
+
+  // File and project restore
+
+  webRouter.post(
+    '/project/:project_id/restore_file',
+    AuthorizationMiddleware.ensureUserCanWriteProjectContent,
+    HistoryController.restoreFileFromV2
+  )
+  webRouter.post(
+    '/project/:project_id/revert_file',
+    AuthorizationMiddleware.ensureUserCanWriteProjectContent,
+    HistoryController.revertFile
+  )
+  webRouter.post(
+    '/project/:project_id/revert-project',
+    AuthorizationMiddleware.ensureUserCanWriteProjectContent,
+    HistoryController.revertProject
+  )
+
+  // History download
+
+  webRouter.get(
+    '/project/:project_id/version/:version/zip',
+    RateLimiterMiddleware.rateLimit(rateLimiters.downloadProjectRevision),
+    AuthorizationMiddleware.blockRestrictedUserFromProject,
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    HistoryController.downloadZipOfVersion
+  )
+
+  // History flush and resync
+
+  webRouter.post(
+    '/project/:Project_id/flush',
+    RateLimiterMiddleware.rateLimit(rateLimiters.flushHistory),
+    AuthorizationMiddleware.blockRestrictedUserFromProject,
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    HistoryController.proxyToHistoryApi
+  )
+  privateApiRouter.post(
+    '/project/:Project_id/history/resync',
+    AuthenticationController.requirePrivateApiAuth(),
+    HistoryController.resyncProjectHistory
+  )
+
+  // History labels
+
+  webRouter.get(
+    '/project/:Project_id/labels',
+    AuthorizationMiddleware.blockRestrictedUserFromProject,
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    HistoryController.getLabels
+  )
+  webRouter.post(
+    '/project/:Project_id/labels',
+    AuthorizationMiddleware.ensureUserCanWriteOrReviewProjectContent,
+    HistoryController.createLabel
+  )
+  webRouter.delete(
+    '/project/:Project_id/labels/:label_id',
+    AuthorizationMiddleware.ensureUserCanWriteOrReviewProjectContent,
+    HistoryController.deleteLabel
+  )
+
+  // History snapshot
+
+  webRouter.get(
+    '/project/:project_id/latest/history',
+    validate({
+      params: Joi.object({
+        project_id: Joi.objectId().required(),
+      }),
+    }),
+    AuthorizationMiddleware.blockRestrictedUserFromProject,
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    HistoryController.getLatestHistory
+  )
+  webRouter.get(
+    '/project/:project_id/changes',
+    validate({
+      params: Joi.object({
+        project_id: Joi.objectId().required(),
+      }),
+      query: Joi.object({
+        since: Joi.number().integer().min(0).optional(),
+      }),
+    }),
+    AuthorizationMiddleware.blockRestrictedUserFromProject,
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    HistoryController.getChanges
+  )
+}
+
+export default { apply }
diff --git a/services/web/app/src/Features/History/HistoryURLHelper.js b/services/web/app/src/Features/History/HistoryURLHelper.js
new file mode 100644
index 0000000..8b8d8cb
--- /dev/null
+++ b/services/web/app/src/Features/History/HistoryURLHelper.js
@@ -0,0 +1,21 @@
+// Pass settings to enable consistent unit tests from .js and .mjs modules
+function projectHistoryURLWithFilestoreFallback(
+  Settings,
+  projectId,
+  historyId,
+  fileRef,
+  origin
+) {
+  const filestoreURL = `${Settings.apis.filestore.url}/project/${projectId}/file/${fileRef._id}?from=${origin}`
+  // TODO: When this file is converted to ES modules we will be able to use Features.hasFeature('project-history-blobs'). Currently we can't stub the feature return value in tests.
+  if (fileRef.hash && Settings.enableProjectHistoryBlobs) {
+    return {
+      url: `${Settings.apis.project_history.url}/project/${historyId}/blob/${fileRef.hash}`,
+      fallbackURL: filestoreURL,
+    }
+  } else {
+    return { url: filestoreURL }
+  }
+}
+
+module.exports = { projectHistoryURLWithFilestoreFallback }
diff --git a/services/web/app/src/Features/History/RestoreManager.js b/services/web/app/src/Features/History/RestoreManager.js
new file mode 100644
index 0000000..8c73695
--- /dev/null
+++ b/services/web/app/src/Features/History/RestoreManager.js
@@ -0,0 +1,388 @@
+const Settings = require('@overleaf/settings')
+const Path = require('path')
+const FileWriter = require('../../infrastructure/FileWriter')
+const FileSystemImportManager = require('../Uploads/FileSystemImportManager')
+const EditorController = require('../Editor/EditorController')
+const Errors = require('../Errors/Errors')
+const moment = require('moment')
+const { callbackifyAll } = require('@overleaf/promise-utils')
+const { fetchJson } = require('@overleaf/fetch-utils')
+const ProjectLocator = require('../Project/ProjectLocator')
+const DocumentUpdaterHandler = require('../DocumentUpdater/DocumentUpdaterHandler')
+const ChatApiHandler = require('../Chat/ChatApiHandler')
+const DocstoreManager = require('../Docstore/DocstoreManager')
+const logger = require('@overleaf/logger')
+const EditorRealTimeController = require('../Editor/EditorRealTimeController')
+const ChatManager = require('../Chat/ChatManager')
+const OError = require('@overleaf/o-error')
+const ProjectGetter = require('../Project/ProjectGetter')
+const ProjectEntityHandler = require('../Project/ProjectEntityHandler')
+
+const RestoreManager = {
+  async restoreFileFromV2(userId, projectId, version, pathname) {
+    const fsPath = await RestoreManager._writeFileVersionToDisk(
+      projectId,
+      version,
+      pathname
+    )
+    const basename = Path.basename(pathname)
+    let dirname = Path.dirname(pathname)
+    if (dirname === '.') {
+      // no directory
+      dirname = ''
+    }
+    const parentFolderId = await RestoreManager._findOrCreateFolder(
+      projectId,
+      dirname,
+      userId
+    )
+    const addEntityWithName = async name =>
+      await FileSystemImportManager.promises.addEntity(
+        userId,
+        projectId,
+        parentFolderId,
+        name,
+        fsPath,
+        false
+      )
+    return await RestoreManager._addEntityWithUniqueName(
+      addEntityWithName,
+      basename
+    )
+  },
+
+  async revertFile(userId, projectId, version, pathname, options = {}) {
+    const project = await ProjectGetter.promises.getProject(projectId, {
+      overleaf: true,
+    })
+    if (!project?.overleaf?.history?.rangesSupportEnabled) {
+      throw new OError('project does not have ranges support', { projectId })
+    }
+
+    const fsPath = await RestoreManager._writeFileVersionToDisk(
+      projectId,
+      version,
+      pathname
+    )
+    const basename = Path.basename(pathname)
+    let dirname = Path.dirname(pathname)
+    if (dirname === '.') {
+      // root directory
+      dirname = '/'
+    }
+    const parentFolderId = await RestoreManager._findOrCreateFolder(
+      projectId,
+      dirname,
+      userId
+    )
+    const file = await ProjectLocator.promises
+      .findElementByPath({
+        project_id: projectId,
+        path: pathname,
+      })
+      .catch(() => null)
+
+    const updates = await RestoreManager._getUpdatesFromHistory(
+      projectId,
+      version
+    )
+    const updateAtVersion = updates.find(update => update.toV === version)
+
+    const origin = options.origin || {
+      kind: 'file-restore',
+      path: pathname,
+      version,
+      timestamp: new Date(updateAtVersion.meta.end_ts).toISOString(),
+    }
+
+    const importInfo = await FileSystemImportManager.promises.importFile(
+      fsPath,
+      pathname
+    )
+
+    if (file) {
+      if (file.type !== 'doc' && file.type !== 'file') {
+        throw new OError('unexpected file type', { type: file.type })
+      }
+      logger.debug(
+        { projectId, fileId: file.element._id, type: importInfo.type },
+        'deleting entity before reverting it'
+      )
+      await EditorController.promises.deleteEntity(
+        projectId,
+        file.element._id,
+        file.type,
+        origin,
+        userId
+      )
+    }
+
+    const { metadata } = await RestoreManager._getMetadataFromHistory(
+      projectId,
+      version,
+      pathname
+    )
+
+    // Look for metadata indicating a linked file.
+    const isFileMetadata = metadata && 'provider' in metadata
+
+    logger.debug({ metadata }, 'metadata from history')
+
+    if (importInfo.type === 'file' || isFileMetadata) {
+      const newFile = await EditorController.promises.upsertFile(
+        projectId,
+        parentFolderId,
+        basename,
+        fsPath,
+        metadata,
+        origin,
+        userId
+      )
+
+      return {
+        _id: newFile._id,
+        type: 'file',
+      }
+    }
+
+    const ranges = await RestoreManager._getRangesFromHistory(
+      projectId,
+      version,
+      pathname
+    )
+
+    const documentCommentIds = new Set(
+      ranges.comments?.map(({ op: { t } }) => t)
+    )
+
+    await DocumentUpdaterHandler.promises.flushProjectToMongo(projectId)
+
+    const docsWithRanges =
+      await DocstoreManager.promises.getAllRanges(projectId)
+
+    const nonOrphanedThreadIds = new Set()
+    for (const { ranges } of docsWithRanges) {
+      for (const comment of ranges.comments ?? []) {
+        nonOrphanedThreadIds.add(comment.op.t)
+      }
+    }
+
+    const commentIdsToDuplicate = Array.from(documentCommentIds).filter(id =>
+      nonOrphanedThreadIds.has(id)
+    )
+
+    const newRanges = { changes: ranges.changes, comments: [] }
+
+    if (commentIdsToDuplicate.length > 0) {
+      const { newThreads: newCommentIds } =
+        await ChatApiHandler.promises.duplicateCommentThreads(
+          projectId,
+          commentIdsToDuplicate
+        )
+
+      logger.debug({ mapping: newCommentIds }, 'replacing comment threads')
+
+      for (const comment of ranges.comments ?? []) {
+        if (Object.prototype.hasOwnProperty.call(newCommentIds, comment.op.t)) {
+          const result = newCommentIds[comment.op.t]
+          if (result.error) {
+            // We couldn't duplicate the thread, so we need to delete it from
+            // the resulting ranges.
+            continue
+          }
+          // We have a new id for this comment thread
+          comment.op.t = result.duplicateId
+        }
+        newRanges.comments.push(comment)
+      }
+    } else {
+      newRanges.comments = ranges.comments
+    }
+
+    const newCommentThreadData =
+      await ChatApiHandler.promises.generateThreadData(
+        projectId,
+        newRanges.comments.map(({ op: { t } }) => t)
+      )
+
+    // Resolve/reopen threads in chat service to match what is in history
+    for (const commentRange of newRanges.comments) {
+      const threadData = newCommentThreadData[commentRange.op.t]
+      if (!threadData) {
+        // comment thread was deleted
+        continue
+      }
+
+      if (commentRange.op.resolved && threadData.resolved == null) {
+        // The history snapshot stores the comment's resolved property as a boolean,
+        // but it does not include information about who resolved the comment or the timestamp.
+        // Until this is fixed, we will resolve the thread with the current user and the current timestamp.
+        await ChatApiHandler.promises.resolveThread(
+          projectId,
+          commentRange.op.t,
+          userId
+        )
+        threadData.resolved = true
+        threadData.resolved_by_user_id = userId
+        threadData.resolved_at = new Date().toISOString()
+      } else if (!commentRange.op.resolved && threadData.resolved != null) {
+        await ChatApiHandler.promises.reopenThread(projectId, commentRange.op.t)
+        delete threadData.resolved
+        delete threadData.resolved_by_user_id
+        delete threadData.resolved_at
+      }
+      // remove the resolved property from the comment range as the chat service is synced at this point
+      delete commentRange.op.resolved
+    }
+
+    await ChatManager.promises.injectUserInfoIntoThreads(newCommentThreadData)
+
+    // Only keep restored comment ranges that point to a valid thread.
+    // The chat service won't have generated thread data for deleted threads.
+    newRanges.comments = newRanges.comments.filter(
+      comment => newCommentThreadData[comment.op.t] != null
+    )
+
+    logger.debug({ newCommentThreadData }, 'emitting new comment threads')
+    EditorRealTimeController.emitToRoom(
+      projectId,
+      'new-comment-threads',
+      newCommentThreadData
+    )
+
+    const { _id } = await EditorController.promises.addDocWithRanges(
+      projectId,
+      parentFolderId,
+      basename,
+      importInfo.lines,
+      newRanges,
+      origin,
+      userId
+    )
+
+    return {
+      _id,
+      type: importInfo.type,
+    }
+  },
+
+  async _findOrCreateFolder(projectId, dirname, userId) {
+    const { lastFolder } = await EditorController.promises.mkdirp(
+      projectId,
+      dirname,
+      userId
+    )
+    return lastFolder?._id
+  },
+
+  async _addEntityWithUniqueName(addEntityWithName, basename) {
+    try {
+      return await addEntityWithName(basename)
+    } catch (error) {
+      if (error instanceof Errors.DuplicateNameError) {
+        // Duplicate name, so try with a prefix
+        const date = moment(new Date()).format('Do MMM YY H:mm:ss')
+        // Move extension to the end so the file type is preserved
+        const extension = Path.extname(basename)
+        basename = Path.basename(basename, extension)
+        basename = `${basename} (Restored on ${date})`
+        if (extension !== '') {
+          basename = `${basename}${extension}`
+        }
+        return await addEntityWithName(basename)
+      } else {
+        throw error
+      }
+    }
+  },
+
+  async revertProject(userId, projectId, version) {
+    const project = await ProjectGetter.promises.getProject(projectId, {
+      overleaf: true,
+    })
+    if (!project?.overleaf?.history?.rangesSupportEnabled) {
+      throw new OError('project does not have ranges support', { projectId })
+    }
+
+    // Get project paths at version
+    const pathsAtPastVersion = await RestoreManager._getProjectPathsAtVersion(
+      projectId,
+      version
+    )
+
+    const updates = await RestoreManager._getUpdatesFromHistory(
+      projectId,
+      version
+    )
+    const updateAtVersion = updates.find(update => update.toV === version)
+
+    const origin = {
+      kind: 'project-restore',
+      version,
+      timestamp: new Date(updateAtVersion.meta.end_ts).toISOString(),
+    }
+
+    for (const pathname of pathsAtPastVersion) {
+      await RestoreManager.revertFile(userId, projectId, version, pathname, {
+        origin,
+      })
+    }
+
+    const entitiesAtLiveVersion =
+      await ProjectEntityHandler.promises.getAllEntities(projectId)
+
+    const trimLeadingSlash = path => path.replace(/^\//, '')
+
+    const pathsAtLiveVersion = entitiesAtLiveVersion.docs
+      .map(doc => doc.path)
+      .concat(entitiesAtLiveVersion.files.map(file => file.path))
+      .map(trimLeadingSlash)
+
+    // Delete files that were not present at the reverted version
+    for (const path of pathsAtLiveVersion) {
+      if (!pathsAtPastVersion.includes(path)) {
+        await EditorController.promises.deleteEntityWithPath(
+          projectId,
+          path,
+          origin,
+          userId
+        )
+      }
+    }
+  },
+
+  async _writeFileVersionToDisk(projectId, version, pathname) {
+    const url = `${
+      Settings.apis.project_history.url
+    }/project/${projectId}/version/${version}/${encodeURIComponent(pathname)}`
+    return await FileWriter.promises.writeUrlToDisk(projectId, url)
+  },
+
+  async _getRangesFromHistory(projectId, version, pathname) {
+    const url = `${
+      Settings.apis.project_history.url
+    }/project/${projectId}/ranges/version/${version}/${encodeURIComponent(pathname)}`
+    return await fetchJson(url)
+  },
+
+  async _getMetadataFromHistory(projectId, version, pathname) {
+    const url = `${
+      Settings.apis.project_history.url
+    }/project/${projectId}/metadata/version/${version}/${encodeURIComponent(pathname)}`
+    return await fetchJson(url)
+  },
+
+  async _getUpdatesFromHistory(projectId, version) {
+    const url = `${Settings.apis.project_history.url}/project/${projectId}/updates?before=${version}&min_count=1`
+    const res = await fetchJson(url)
+    return res.updates
+  },
+
+  async _getProjectPathsAtVersion(projectId, version) {
+    const url = `${Settings.apis.project_history.url}/project/${projectId}/paths/version/${version}`
+    const res = await fetchJson(url)
+    return res.paths
+  },
+}
+
+module.exports = { ...callbackifyAll(RestoreManager), promises: RestoreManager }
diff --git a/services/web/app/src/Features/History/project_key.js b/services/web/app/src/Features/History/project_key.js
new file mode 100644
index 0000000..a4722db
--- /dev/null
+++ b/services/web/app/src/Features/History/project_key.js
@@ -0,0 +1,24 @@
+// Keep in sync with services/history-v1/storage/lib/project_key.js
+const _ = require('lodash')
+const path = require('node:path')
+
+//
+// The advice in http://docs.aws.amazon.com/AmazonS3/latest/dev/
+// request-rate-perf-considerations.html is to avoid sequential key prefixes,
+// so we reverse the project ID part of the key as they suggest.
+//
+function format(projectId) {
+  const prefix = naiveReverse(pad(projectId))
+  return path.join(prefix.slice(0, 3), prefix.slice(3, 6), prefix.slice(6))
+}
+
+function pad(number) {
+  return _.padStart(number, 9, '0')
+}
+
+function naiveReverse(string) {
+  return string.split('').reverse().join('')
+}
+
+exports.format = format
+exports.pad = pad
diff --git a/services/web/app/src/Features/InactiveData/InactiveProjectController.mjs b/services/web/app/src/Features/InactiveData/InactiveProjectController.mjs
new file mode 100644
index 0000000..2e41e80
--- /dev/null
+++ b/services/web/app/src/Features/InactiveData/InactiveProjectController.mjs
@@ -0,0 +1,44 @@
+/* eslint-disable
+    max-len,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import InactiveProjectManager from './InactiveProjectManager.js'
+
+export default {
+  deactivateOldProjects(req, res) {
+    const numberOfProjectsToArchive = parseInt(
+      req.body.numberOfProjectsToArchive,
+      10
+    )
+    const { ageOfProjects } = req.body
+    return InactiveProjectManager.deactivateOldProjects(
+      numberOfProjectsToArchive,
+      ageOfProjects,
+      function (err, projectsDeactivated) {
+        if (err != null) {
+          return res.sendStatus(500)
+        } else {
+          return res.json(projectsDeactivated)
+        }
+      }
+    )
+  },
+
+  deactivateProject(req, res) {
+    const { project_id: projectId } = req.params
+    return InactiveProjectManager.deactivateProject(projectId, function (err) {
+      if (err != null) {
+        return res.sendStatus(500)
+      } else {
+        return res.sendStatus(200)
+      }
+    })
+  },
+}
diff --git a/services/web/app/src/Features/InactiveData/InactiveProjectManager.js b/services/web/app/src/Features/InactiveData/InactiveProjectManager.js
new file mode 100644
index 0000000..818fe70
--- /dev/null
+++ b/services/web/app/src/Features/InactiveData/InactiveProjectManager.js
@@ -0,0 +1,129 @@
+const OError = require('@overleaf/o-error')
+const logger = require('@overleaf/logger')
+const DocstoreManager = require('../Docstore/DocstoreManager')
+const DocumentUpdaterHandler = require('../DocumentUpdater/DocumentUpdaterHandler')
+const ProjectGetter = require('../Project/ProjectGetter')
+const ProjectUpdateHandler = require('../Project/ProjectUpdateHandler')
+const { Project } = require('../../models/Project')
+const Modules = require('../../infrastructure/Modules')
+const { READ_PREFERENCE_SECONDARY } = require('../../infrastructure/mongodb')
+const { callbackifyAll } = require('@overleaf/promise-utils')
+const Metrics = require('@overleaf/metrics')
+
+const MILISECONDS_IN_DAY = 86400000
+const InactiveProjectManager = {
+  async reactivateProjectIfRequired(projectId) {
+    let project
+    try {
+      project = await ProjectGetter.promises.getProject(projectId, {
+        active: true,
+      })
+    } catch (err) {
+      OError.tag(err, 'error getting project', {
+        project_id: projectId,
+      })
+      throw err
+    }
+
+    logger.debug(
+      { projectId, active: project.active },
+      'seeing if need to reactivate project'
+    )
+
+    if (project.active) {
+      return
+    }
+
+    try {
+      await DocstoreManager.promises.unarchiveProject(projectId)
+    } catch (err) {
+      OError.tag(err, 'error reactivating project in docstore', {
+        project_id: projectId,
+      })
+      throw err
+    }
+
+    await ProjectUpdateHandler.promises.markAsActive(projectId)
+  },
+
+  async deactivateOldProjects(limit, daysOld) {
+    if (limit == null) {
+      limit = 10
+    }
+    if (daysOld == null) {
+      daysOld = 360
+    }
+    const oldProjectDate = new Date() - MILISECONDS_IN_DAY * daysOld
+
+    let projects
+    try {
+      // use $not $gt to catch non-opened projects where lastOpened is null
+      projects = await Project.find({
+        lastOpened: { $not: { $gt: oldProjectDate } },
+      })
+        .where('active')
+        .equals(true)
+        .select('_id')
+        .limit(limit)
+        .read(READ_PREFERENCE_SECONDARY)
+        .exec()
+    } catch (err) {
+      logger.err({ err }, 'could not get projects for deactivating')
+    }
+
+    logger.debug(
+      { numberOfProjects: projects && projects.length },
+      'deactivating projects'
+    )
+
+    for (const project of projects) {
+      try {
+        await InactiveProjectManager.deactivateProject(project._id)
+      } catch (err) {
+        logger.err(
+          { projectId: project._id, err },
+          'unable to deactivate project'
+        )
+      }
+    }
+
+    return projects
+  },
+
+  async deactivateProject(projectId) {
+    logger.debug({ projectId }, 'deactivating inactive project')
+
+    // ensure project is removed from document updater (also flushes updates to history)
+    try {
+      await DocumentUpdaterHandler.promises.flushProjectToMongoAndDelete(
+        projectId
+      )
+    } catch (err) {
+      logger.warn(
+        { err, projectId },
+        'error flushing project to mongo when archiving'
+      )
+      Metrics.inc('inactive-project', 1, {
+        method: 'archive',
+        status: 'flush-error',
+      })
+      throw err
+    }
+
+    await Modules.promises.hooks.fire('deactivateProject', projectId)
+
+    // now archive the project and mark it as inactive
+    try {
+      await DocstoreManager.promises.archiveProject(projectId)
+      await ProjectUpdateHandler.promises.markAsInactive(projectId)
+    } catch (err) {
+      logger.warn({ err, projectId }, 'error deactivating project')
+      throw err
+    }
+  },
+}
+
+module.exports = {
+  ...callbackifyAll(InactiveProjectManager),
+  promises: InactiveProjectManager,
+}
diff --git a/services/web/app/src/Features/Institutions/InstitutionsAPI.js b/services/web/app/src/Features/Institutions/InstitutionsAPI.js
new file mode 100644
index 0000000..bdb575c
--- /dev/null
+++ b/services/web/app/src/Features/Institutions/InstitutionsAPI.js
@@ -0,0 +1,389 @@
+const { callbackify } = require('util')
+const OError = require('@overleaf/o-error')
+const logger = require('@overleaf/logger')
+const settings = require('@overleaf/settings')
+const request = require('requestretry')
+const { promisifyAll } = require('@overleaf/promise-utils')
+const NotificationsBuilder = require('../Notifications/NotificationsBuilder')
+const {
+  V1ConnectionError,
+  InvalidInstitutionalEmailError,
+} = require('../Errors/Errors')
+const { fetchJson, fetchNothing } = require('@overleaf/fetch-utils')
+
+function _makeRequestOptions(options) {
+  const requestOptions = {
+    method: options.method,
+    basicAuth: { user: settings.apis.v1.user, password: settings.apis.v1.pass },
+    signal: AbortSignal.timeout(settings.apis.v1.timeout),
+  }
+
+  if (options.body) {
+    requestOptions.json = options.body
+  }
+
+  return requestOptions
+}
+
+function _responseErrorHandling(options, error) {
+  const status = error.response.status
+
+  if (status >= 500) {
+    throw new V1ConnectionError({
+      message: 'error getting affiliations from v1',
+      info: {
+        status,
+        body: error.body,
+      },
+    })
+  }
+
+  let errorBody
+
+  try {
+    if (error.body) {
+      errorBody = JSON.parse(error.body)
+    }
+  } catch (e) {}
+
+  let errorMessage
+  if (errorBody?.errors) {
+    errorMessage = `${status}: ${errorBody.errors}`
+  } else {
+    errorMessage = `${options.defaultErrorMessage}: ${status}`
+  }
+
+  throw new OError(errorMessage, { status })
+}
+
+async function _affiliationRequestFetchJson(options) {
+  if (!settings.apis.v1.url) {
+    return
+  } // service is not configured
+
+  const url = `${settings.apis.v1.url}${options.path}`
+
+  const requestOptions = _makeRequestOptions(options)
+
+  try {
+    return await fetchJson(url, requestOptions)
+  } catch (error) {
+    _responseErrorHandling(options, error)
+  }
+}
+
+async function _affiliationRequestFetchNothing(options) {
+  if (!settings.apis.v1.url) {
+    return
+  } // service is not configured
+
+  const url = `${settings.apis.v1.url}${options.path}`
+
+  const requestOptions = _makeRequestOptions(options)
+
+  try {
+    await fetchNothing(url, requestOptions)
+  } catch (error) {
+    _responseErrorHandling(options, error)
+  }
+}
+
+async function _affiliationRequestFetchNothing404Ok(options) {
+  try {
+    await _affiliationRequestFetchNothing(options)
+  } catch (error) {
+    const status = error.info?.status
+    if (status !== 404) {
+      throw error
+    }
+  }
+}
+
+function getInstitutionAffiliations(institutionId, callback) {
+  makeAffiliationRequest(
+    {
+      method: 'GET',
+      path: `/api/v2/institutions/${institutionId.toString()}/affiliations`,
+      defaultErrorMessage: "Couldn't get institution affiliations",
+    },
+    (error, body) => callback(error, body || [])
+  )
+}
+
+function getConfirmedInstitutionAffiliations(institutionId, callback) {
+  makeAffiliationRequest(
+    {
+      method: 'GET',
+      path: `/api/v2/institutions/${institutionId.toString()}/confirmed_affiliations`,
+      defaultErrorMessage: "Couldn't get institution affiliations",
+    },
+    (error, body) => callback(error, body || [])
+  )
+}
+
+function getInstitutionAffiliationsCounts(institutionId, callback) {
+  makeAffiliationRequest(
+    {
+      method: 'GET',
+      path: `/api/v2/institutions/${institutionId.toString()}/affiliations_counts`,
+      defaultErrorMessage: "Couldn't get institution counts",
+    },
+    (error, body) => callback(error, body || [])
+  )
+}
+
+function getLicencesForAnalytics(lag, queryDate, callback) {
+  makeAffiliationRequest(
+    {
+      method: 'GET',
+      path: `/api/v2/institutions/institutions_licences`,
+      body: { query_date: queryDate, lag },
+      defaultErrorMessage: 'Could not get institutions licences',
+    },
+    callback
+  )
+}
+
+function getUserAffiliations(userId, callback) {
+  makeAffiliationRequest(
+    {
+      method: 'GET',
+      path: `/api/v2/users/${userId.toString()}/affiliations`,
+      defaultErrorMessage: "Couldn't get user affiliations",
+    },
+    (error, body) => callback(error, body || [])
+  )
+}
+
+async function getUsersNeedingReconfirmationsLapsedProcessed() {
+  return await _affiliationRequestFetchJson({
+    method: 'GET',
+    path: '/api/v2/institutions/need_reconfirmation_lapsed_processed',
+    defaultErrorMessage:
+      'Could not get users that need reconfirmations lapsed processed',
+  })
+}
+
+async function addAffiliation(userId, email, affiliationOptions) {
+  const {
+    university,
+    department,
+    role,
+    confirmedAt,
+    entitlement,
+    rejectIfBlocklisted,
+  } = affiliationOptions
+
+  try {
+    await _affiliationRequestFetchNothing({
+      method: 'POST',
+      path: `/api/v2/users/${userId.toString()}/affiliations`,
+      body: {
+        email,
+        university,
+        department,
+        role,
+        confirmedAt,
+        entitlement,
+        rejectIfBlocklisted,
+      },
+      defaultErrorMessage: "Couldn't create affiliation",
+    })
+  } catch (error) {
+    if (error.info?.status === 422) {
+      throw new InvalidInstitutionalEmailError(error.message).withCause(error)
+    }
+    throw error
+  }
+
+  if (!university) {
+    return
+  }
+
+  // have notifications delete any ip matcher notifications for this university
+  try {
+    await NotificationsBuilder.promises
+      .ipMatcherAffiliation(userId)
+      .read(university.id)
+  } catch (err) {
+    // log and ignore error
+    logger.err({ err }, 'Something went wrong marking ip notifications read')
+  }
+}
+
+async function removeAffiliation(userId, email) {
+  await _affiliationRequestFetchNothing404Ok({
+    method: 'POST',
+    path: `/api/v2/users/${userId.toString()}/affiliations/remove`,
+    body: { email },
+    defaultErrorMessage: "Couldn't remove affiliation",
+  })
+}
+
+function endorseAffiliation(userId, email, role, department, callback) {
+  makeAffiliationRequest(
+    {
+      method: 'POST',
+      path: `/api/v2/users/${userId.toString()}/affiliations/endorse`,
+      body: { email, role, department },
+      defaultErrorMessage: "Couldn't endorse affiliation",
+    },
+    callback
+  )
+}
+
+function deleteAffiliations(userId, callback) {
+  makeAffiliationRequest(
+    {
+      method: 'DELETE',
+      path: `/api/v2/users/${userId.toString()}/affiliations`,
+      defaultErrorMessage: "Couldn't delete affiliations",
+    },
+    callback
+  )
+}
+
+function addEntitlement(userId, email, callback) {
+  makeAffiliationRequest(
+    {
+      method: 'POST',
+      path: `/api/v2/users/${userId}/affiliations/add_entitlement`,
+      body: { email },
+      defaultErrorMessage: "Couldn't add entitlement",
+    },
+    callback
+  )
+}
+
+function removeEntitlement(userId, email, callback) {
+  makeAffiliationRequest(
+    {
+      method: 'POST',
+      path: `/api/v2/users/${userId}/affiliations/remove_entitlement`,
+      body: { email },
+      defaultErrorMessage: "Couldn't remove entitlement",
+      extraSuccessStatusCodes: [404],
+    },
+    callback
+  )
+}
+
+function sendUsersWithReconfirmationsLapsedProcessed(users, callback) {
+  makeAffiliationRequest(
+    {
+      method: 'POST',
+      path: '/api/v2/institutions/reconfirmation_lapsed_processed',
+      body: { users },
+      defaultErrorMessage:
+        'Could not update reconfirmation_lapsed_processed_at',
+    },
+    (error, body) => callback(error, body || [])
+  )
+}
+
+const InstitutionsAPI = {
+  getInstitutionAffiliations,
+
+  getConfirmedInstitutionAffiliations,
+
+  getInstitutionAffiliationsCounts,
+
+  getLicencesForAnalytics,
+
+  getUserAffiliations,
+
+  getUsersNeedingReconfirmationsLapsedProcessed: callbackify(
+    getUsersNeedingReconfirmationsLapsedProcessed
+  ),
+
+  addAffiliation: callbackify(addAffiliation),
+
+  removeAffiliation: callbackify(removeAffiliation),
+
+  endorseAffiliation,
+
+  deleteAffiliations,
+
+  addEntitlement,
+
+  removeEntitlement,
+
+  sendUsersWithReconfirmationsLapsedProcessed,
+}
+
+function makeAffiliationRequest(options, callback) {
+  if (!settings.apis.v1.url) {
+    return callback(null)
+  } // service is not configured
+  if (!options.extraSuccessStatusCodes) {
+    options.extraSuccessStatusCodes = []
+  }
+  const requestOptions = {
+    method: options.method,
+    url: `${settings.apis.v1.url}${options.path}`,
+    body: options.body,
+    auth: { user: settings.apis.v1.user, pass: settings.apis.v1.pass },
+    json: true,
+    timeout: settings.apis.v1.timeout,
+  }
+  if (options.method === 'GET') {
+    requestOptions.maxAttempts = 3
+    requestOptions.retryDelay = 500
+  } else {
+    requestOptions.maxAttempts = 0
+  }
+  request(requestOptions, function (error, response, body) {
+    if (error) {
+      return callback(
+        new V1ConnectionError('error getting affiliations from v1').withCause(
+          error
+        )
+      )
+    }
+    if (response && response.statusCode >= 500) {
+      return callback(
+        new V1ConnectionError({
+          message: 'error getting affiliations from v1',
+          info: {
+            status: response.statusCode,
+            body,
+          },
+        })
+      )
+    }
+    let isSuccess = response.statusCode >= 200 && response.statusCode < 300
+    if (!isSuccess) {
+      isSuccess = options.extraSuccessStatusCodes.includes(response.statusCode)
+    }
+    if (!isSuccess) {
+      let errorMessage
+      if (body && body.errors) {
+        errorMessage = `${response.statusCode}: ${body.errors}`
+      } else {
+        errorMessage = `${options.defaultErrorMessage}: ${response.statusCode}`
+      }
+
+      logger.warn({ path: options.path, body: options.body }, errorMessage)
+      return callback(
+        new OError(errorMessage, { statusCode: response.statusCode })
+      )
+    }
+
+    callback(null, body)
+  })
+}
+
+InstitutionsAPI.promises = promisifyAll(InstitutionsAPI, {
+  without: [
+    'addAffiliation',
+    'removeAffiliation',
+    'getUsersNeedingReconfirmationsLapsedProcessed',
+  ],
+})
+
+InstitutionsAPI.promises.addAffiliation = addAffiliation
+InstitutionsAPI.promises.removeAffiliation = removeAffiliation
+InstitutionsAPI.promises.getUsersNeedingReconfirmationsLapsedProcessed =
+  getUsersNeedingReconfirmationsLapsedProcessed
+
+module.exports = InstitutionsAPI
diff --git a/services/web/app/src/Features/Institutions/InstitutionsFeatures.js b/services/web/app/src/Features/Institutions/InstitutionsFeatures.js
new file mode 100644
index 0000000..0b33fe1
--- /dev/null
+++ b/services/web/app/src/Features/Institutions/InstitutionsFeatures.js
@@ -0,0 +1,32 @@
+const { callbackifyAll } = require('@overleaf/promise-utils')
+const UserGetter = require('../User/UserGetter')
+const PlansLocator = require('../Subscription/PlansLocator')
+const Settings = require('@overleaf/settings')
+
+async function getInstitutionsFeatures(userId) {
+  const planCode = await getInstitutionsPlan(userId)
+  const plan = planCode && PlansLocator.findLocalPlanInSettings(planCode)
+  const features = plan && plan.features
+  return features || {}
+}
+
+async function getInstitutionsPlan(userId) {
+  if (await hasLicence(userId)) {
+    return Settings.institutionPlanCode
+  }
+  return null
+}
+
+async function hasLicence(userId) {
+  const emailsData = await UserGetter.promises.getUserFullEmails(userId)
+  return emailsData.some(emailData => emailData.emailHasInstitutionLicence)
+}
+const InstitutionsFeatures = {
+  getInstitutionsFeatures,
+  getInstitutionsPlan,
+  hasLicence,
+}
+module.exports = {
+  promises: InstitutionsFeatures,
+  ...callbackifyAll(InstitutionsFeatures),
+}
diff --git a/services/web/app/src/Features/Institutions/InstitutionsGetter.js b/services/web/app/src/Features/Institutions/InstitutionsGetter.js
new file mode 100644
index 0000000..7b6ef48
--- /dev/null
+++ b/services/web/app/src/Features/Institutions/InstitutionsGetter.js
@@ -0,0 +1,101 @@
+const { promisify, callbackify } = require('util')
+const UserGetter = require('../User/UserGetter')
+const UserMembershipsHandler = require('../UserMembership/UserMembershipsHandler')
+const UserMembershipEntityConfigs = require('../UserMembership/UserMembershipEntityConfigs')
+
+async function getCurrentAffiliations(userId) {
+  const fullEmails = await UserGetter.promises.getUserFullEmails(userId)
+  // current are those confirmed and not with lapsed reconfirmations
+  return fullEmails
+    .filter(
+      emailData =>
+        emailData.confirmedAt &&
+        emailData.affiliation &&
+        emailData.affiliation.institution &&
+        emailData.affiliation.institution.confirmed &&
+        !emailData.affiliation.pastReconfirmDate
+    )
+    .map(emailData => emailData.affiliation)
+}
+
+async function getCurrentAndPastAffiliationIds(userId) {
+  let fullEmails = await UserGetter.promises.getUserFullEmails(userId)
+  // current are those confirmed and not with lapsed reconfirmations
+  fullEmails = fullEmails
+    .filter(
+      emailData =>
+        emailData.confirmedAt && emailData.affiliation?.institution?.confirmed
+    )
+    .map(emailData => emailData.affiliation.institution.id)
+  // remove dupes
+  return [...new Set(fullEmails)]
+}
+
+async function getCurrentInstitutionIds(userId) {
+  // current are those confirmed and not with lapsed reconfirmations
+  // only 1 record returned per current institutionId
+  const institutionIds = new Set()
+  const currentAffiliations = await getCurrentAffiliations(userId)
+  currentAffiliations.forEach(affiliation => {
+    institutionIds.add(affiliation.institution.id)
+  })
+  return [...institutionIds]
+}
+
+async function getCurrentInstitutionsWithLicence(userId) {
+  // current are those confirmed and not with lapsed reconfirmations
+  // only 1 record returned per current institution
+  const institutions = {}
+  const currentAffiliations = await getCurrentAffiliations(userId)
+  currentAffiliations.forEach(affiliation => {
+    if (affiliation.licence && affiliation.licence !== 'free') {
+      institutions[affiliation.institution.id] = affiliation.institution
+    }
+  })
+  return Object.values(institutions)
+}
+
+const InstitutionsGetter = {
+  getConfirmedAffiliations(userId, callback) {
+    UserGetter.getUserFullEmails(userId, function (error, emailsData) {
+      if (error) {
+        return callback(error)
+      }
+
+      const confirmedAffiliations = emailsData
+        .filter(
+          emailData =>
+            emailData.confirmedAt &&
+            emailData.affiliation &&
+            emailData.affiliation.institution &&
+            emailData.affiliation.institution.confirmed
+        )
+        .map(emailData => emailData.affiliation)
+
+      callback(null, confirmedAffiliations)
+    })
+  },
+
+  getCurrentInstitutionIds: callbackify(getCurrentInstitutionIds),
+  getCurrentInstitutionsWithLicence: callbackify(
+    getCurrentInstitutionsWithLicence
+  ),
+
+  getManagedInstitutions(userId, callback) {
+    UserMembershipsHandler.getEntitiesByUser(
+      UserMembershipEntityConfigs.institution,
+      userId,
+      callback
+    )
+  },
+}
+
+InstitutionsGetter.promises = {
+  getCurrentAffiliations,
+  getCurrentInstitutionIds,
+  getCurrentInstitutionsWithLicence,
+  getCurrentAndPastAffiliationIds,
+  getManagedInstitutions: promisify(InstitutionsGetter.getManagedInstitutions),
+}
+
+module.exports = InstitutionsGetter
diff --git a/services/web/app/src/Features/Institutions/InstitutionsHelper.js b/services/web/app/src/Features/Institutions/InstitutionsHelper.js
new file mode 100644
index 0000000..c4cb486
--- /dev/null
+++ b/services/web/app/src/Features/Institutions/InstitutionsHelper.js
@@ -0,0 +1,28 @@
+function emailHasLicence(emailData) {
+  if (!emailData.confirmedAt) {
+    return false
+  }
+  if (!emailData.affiliation) {
+    return false
+  }
+  const affiliation = emailData.affiliation
+  const institution = affiliation.institution
+  if (!institution) {
+    return false
+  }
+  if (!institution.confirmed) {
+    return false
+  }
+  if (!affiliation.licence) {
+    return false
+  }
+  if (affiliation.pastReconfirmDate) {
+    return false
+  }
+
+  return affiliation.licence !== 'free'
+}
+
+module.exports = {
+  emailHasLicence,
+}
diff --git a/services/web/app/src/Features/Institutions/InstitutionsManager.js b/services/web/app/src/Features/Institutions/InstitutionsManager.js
new file mode 100644
index 0000000..6acf078
--- /dev/null
+++ b/services/web/app/src/Features/Institutions/InstitutionsManager.js
@@ -0,0 +1,361 @@
+const {
+  callbackifyAll,
+  promiseMapWithLimit,
+} = require('@overleaf/promise-utils')
+const { ObjectId } = require('mongodb-legacy')
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const { fetchJson } = require('@overleaf/fetch-utils')
+const InstitutionsAPI = require('./InstitutionsAPI')
+const FeaturesUpdater = require('../Subscription/FeaturesUpdater')
+const FeaturesHelper = require('../Subscription/FeaturesHelper')
+const UserGetter = require('../User/UserGetter')
+const NotificationsBuilder = require('../Notifications/NotificationsBuilder')
+const NotificationsHandler = require('../Notifications/NotificationsHandler')
+const SubscriptionLocator = require('../Subscription/SubscriptionLocator')
+const { Institution } = require('../../models/Institution')
+const { Subscription } = require('../../models/Subscription')
+const OError = require('@overleaf/o-error')
+
+const ASYNC_LIMIT = parseInt(process.env.ASYNC_LIMIT, 10) || 5
+
+async function _getSsoUsers(institutionId, lapsedUserIds) {
+  let currentNotEntitledCount = 0
+  const ssoNonEntitledUsersIds = []
+  const allSsoUsersByIds = {}
+
+  const allSsoUsers = await UserGetter.promises.getSsoUsersAtInstitution(
+    institutionId,
+    { samlIdentifiers: 1 }
+  )
+  allSsoUsers.forEach(user => {
+    allSsoUsersByIds[user._id] = user.samlIdentifiers.find(
+      identifer => identifer.providerId === institutionId.toString()
+    )
+  })
+  for (const userId in allSsoUsersByIds) {
+    if (!allSsoUsersByIds[userId].hasEntitlement) {
+      ssoNonEntitledUsersIds.push(userId)
+    }
+  }
+  if (ssoNonEntitledUsersIds.length > 0) {
+    currentNotEntitledCount = ssoNonEntitledUsersIds.filter(
+      id => !lapsedUserIds.includes(id)
+    ).length
+  }
+
+  return {
+    allSsoUsers,
+    allSsoUsersByIds,
+    currentNotEntitledCount,
+  }
+}
+
+async function _checkUsersFeatures(userIds) {
+  const users = await UserGetter.promises.getUsers(userIds, { features: 1 })
+  const result = {
+    proUserIds: [],
+    nonProUserIds: [],
+  }
+
+  users.forEach(user => {
+    const hasProFeaturesOrBetter = FeaturesHelper.isFeatureSetBetter(
+      user.features,
+      Settings.features.professional
+    )
+
+    if (hasProFeaturesOrBetter) {
+      result.proUserIds.push(user._id)
+    } else {
+      result.nonProUserIds.push(user._id)
+    }
+  })
+
+  return result
+}
+
+const InstitutionsManager = {
+  async clearInstitutionNotifications(institutionId, dryRun) {
+    async function clear(key) {
+      const run = dryRun
+        ? NotificationsHandler.promises.previewMarkAsReadByKeyOnlyBulk
+        : NotificationsHandler.promises.markAsReadByKeyOnlyBulk
+
+      return await run(key)
+    }
+
+    const ipMatcherAffiliation = await clear(
+      `ip-matched-affiliation-${institutionId}`
+    )
+    const featuresUpgradedByAffiliation = await clear(
+      `features-updated-by=${institutionId}`
+    )
+    const redundantPersonalSubscription = await clear(
+      `redundant-personal-subscription-${institutionId}`
+    )
+
+    return {
+      ipMatcherAffiliation,
+      featuresUpgradedByAffiliation,
+      redundantPersonalSubscription,
+    }
+  },
+
+  async refreshInstitutionUsers(institutionId, notify) {
+    const refreshFunction = notify ? refreshFeaturesAndNotify : refreshFeatures
+
+    const { institution, affiliations } =
+      await fetchInstitutionAndAffiliations(institutionId)
+
+    for (const affiliation of affiliations) {
+      affiliation.institutionName = institution.name
+      affiliation.institutionId = institutionId
+    }
+
+    await promiseMapWithLimit(ASYNC_LIMIT, affiliations, refreshFunction)
+  },
+
+  async checkInstitutionUsers(institutionId, emitNonProUserIds) {
+    /*
+    v1 has affiliation data. Via getInstitutionAffiliationsCounts, v1 will send
+    lapsed_user_ids, which includes all user types
+    (not linked, linked and entitled, linked not entitled).
+    However, for SSO institutions, it does not know which email is linked
+    to SSO when the license is non-trivial. Here we need to split that
+    lapsed count into SSO (entitled and not) or just email users
+  */
+
+    const result = {
+      emailUsers: {
+        total: 0, // v1 all users - v2 all SSO users
+        current: 0, // v1 current - v1 SSO entitled - (v2 calculated not entitled current)
+        lapsed: 0, // v1 lapsed user IDs that are not in v2 SSO users
+        pro: {
+          current: 0,
+          lapsed: 0,
+        },
+        nonPro: {
+          current: 0,
+          lapsed: 0,
+        },
+      },
+      ssoUsers: {
+        total: 0, // only v2
+        current: {
+          entitled: 0, // only v1
+          notEntitled: 0, // v2 non-entitled SSO users - v1 lapsed user IDs
+        },
+        lapsed: 0, // v2 SSO users that are in v1 lapsed user IDs
+        pro: {
+          current: 0,
+          lapsed: 0,
+        },
+        nonPro: {
+          current: 0,
+          lapsed: 0,
+        },
+      },
+    }
+
+    const {
+      user_ids: userIds, // confirmed and not removed users. Includes users with lapsed reconfirmations
+      current_users_count: currentUsersCount, // all users not with lapsed reconfirmations
+      lapsed_user_ids: lapsedUserIds, // includes all user types that did not reconfirm (sso entitled, sso not entitled, email only)
+      with_confirmed_email: withConfirmedEmail, // same count as affiliation metrics
+      entitled_via_sso: entitled, // same count as affiliation metrics
+    } = await InstitutionsAPI.promises.getInstitutionAffiliationsCounts(
+      institutionId
+    )
+    result.ssoUsers.current.entitled = entitled
+
+    const { allSsoUsers, allSsoUsersByIds, currentNotEntitledCount } =
+      await _getSsoUsers(institutionId, lapsedUserIds)
+    result.ssoUsers.total = allSsoUsers.length
+    result.ssoUsers.current.notEntitled = currentNotEntitledCount
+
+    // check if lapsed user ID an SSO user
+    const lapsedUsersByIds = {}
+    lapsedUserIds.forEach(id => {
+      lapsedUsersByIds[id] = true // create a map for more performant lookups
+      if (allSsoUsersByIds[id]) {
+        ++result.ssoUsers.lapsed
+      } else {
+        ++result.emailUsers.lapsed
+      }
+    })
+
+    result.emailUsers.current =
+      currentUsersCount - entitled - result.ssoUsers.current.notEntitled
+    result.emailUsers.total = userIds.length - allSsoUsers.length
+
+    // compare v1 and v2 counts.
+    if (
+      result.ssoUsers.current.notEntitled + result.emailUsers.current !==
+      withConfirmedEmail
+    ) {
+      result.databaseMismatch = {
+        withConfirmedEmail: {
+          v1: withConfirmedEmail,
+          v2: result.ssoUsers.current.notEntitled + result.emailUsers.current,
+        },
+      }
+    }
+
+    // Add Pro/NonPro status for users
+    // NOTE: Users not entitled via institution could have Pro via another method
+    const { proUserIds, nonProUserIds } = await _checkUsersFeatures(userIds)
+    proUserIds.forEach(id => {
+      const userType = lapsedUsersByIds[id] ? 'lapsed' : 'current'
+      if (allSsoUsersByIds[id]) {
+        result.ssoUsers.pro[userType]++
+      } else {
+        result.emailUsers.pro[userType]++
+      }
+    })
+    nonProUserIds.forEach(id => {
+      const userType = lapsedUsersByIds[id] ? 'lapsed' : 'current'
+      if (allSsoUsersByIds[id]) {
+        result.ssoUsers.nonPro[userType]++
+      } else {
+        result.emailUsers.nonPro[userType]++
+      }
+    })
+    if (emitNonProUserIds) {
+      result.nonProUserIds = nonProUserIds
+    }
+    return result
+  },
+
+  async getInstitutionUsersSubscriptions(institutionId) {
+    const affiliations =
+      await InstitutionsAPI.promises.getInstitutionAffiliations(institutionId)
+
+    const userIds = affiliations.map(
+      affiliation => new ObjectId(affiliation.user_id)
+    )
+    return await Subscription.find({ admin_id: userIds })
+      .populate('admin_id', 'email')
+      .exec()
+  },
+
+  async affiliateUsers(hostname) {
+    const reversedHostname = hostname.trim().split('').reverse().join('')
+
+    let users
+    try {
+      users = await UserGetter.promises.getInstitutionUsersByHostname(hostname)
+    } catch (error) {
+      OError.tag(error, 'problem fetching users by hostname')
+      throw error
+    }
+
+    await promiseMapWithLimit(ASYNC_LIMIT, users, user =>
+      affiliateUserByReversedHostname(user, reversedHostname)
+    )
+  },
+
+  async fetchV1Data(institution) {
+    const url = `${Settings.apis.v1.url}/universities/list/${institution.v1Id}`
+    try {
+      const data = await fetchJson(url, {
+        signal: AbortSignal.timeout(Settings.apis.v1.timeout),
+      })
+
+      institution.name = data?.name
+      institution.countryCode = data?.country_code
+      institution.departments = data?.departments
+      institution.portalSlug = data?.portal_slug
+      institution.enterpriseCommons = data?.enterprise_commons
+    } catch (error) {
+      logger.err(
+        { model: 'Institution', v1Id: institution.v1Id, error },
+        '[fetchV1DataError]'
+      )
+    }
+  },
+}
+
+const fetchInstitutionAndAffiliations = async institutionId => {
+  let institution = await Institution.findOne({ v1Id: institutionId }).exec()
+  institution = await institution.fetchV1DataPromise()
+
+  const affiliations =
+    await InstitutionsAPI.promises.getConfirmedInstitutionAffiliations(
+      institutionId
+    )
+
+  return { institution, affiliations }
+}
+
+async function refreshFeatures(affiliation) {
+  const userId = new ObjectId(affiliation.user_id)
+  return await FeaturesUpdater.promises.refreshFeatures(
+    userId,
+    'refresh-institution-users'
+  )
+}
+
+async function refreshFeaturesAndNotify(affiliation) {
+  const userId = new ObjectId(affiliation.user_id)
+  const { featuresChanged } = await FeaturesUpdater.promises.refreshFeatures(
+    userId,
+    'refresh-institution-users'
+  )
+  const { user, subscription } = await getUserInfo(userId)
+  return await notifyUser(user, affiliation, subscription, featuresChanged)
+}
+
+const getUserInfo = async userId => {
+  const user = await UserGetter.promises.getUser(userId, { _id: 1 })
+  const subscription =
+    await SubscriptionLocator.promises.getUsersSubscription(user)
+  return { user, subscription }
+}
+
+const notifyUser = async (user, affiliation, subscription, featuresChanged) => {
+  return await Promise.all([
+    (async () => {
+      if (featuresChanged) {
+        return await NotificationsBuilder.promises
+          .featuresUpgradedByAffiliation(affiliation, user)
+          .create()
+      }
+    })(),
+    (async () => {
+      if (subscription && !subscription.groupPlan) {
+        return await NotificationsBuilder.promises
+          .redundantPersonalSubscription(affiliation, user)
+          .create()
+      }
+    })(),
+  ])
+}
+
+async function affiliateUserByReversedHostname(user, reversedHostname) {
+  const matchingEmails = user.emails.filter(
+    email => email.reversedHostname === reversedHostname
+  )
+
+  for (const email of matchingEmails) {
+    try {
+      await InstitutionsAPI.promises.addAffiliation(user._id, email.email, {
+        confirmedAt: email.confirmedAt,
+        entitlement:
+          email.samlIdentifier && email.samlIdentifier.hasEntitlement,
+      })
+    } catch (error) {
+      OError.tag(error, 'problem adding affiliation while confirming hostname')
+      throw error
+    }
+  }
+
+  await FeaturesUpdater.promises.refreshFeatures(
+    user._id,
+    'affiliate-user-by-reversed-hostname'
+  )
+}
+
+module.exports = {
+  ...callbackifyAll(InstitutionsManager),
+  promises: InstitutionsManager,
+}
diff --git a/services/web/app/src/Features/LinkedFiles/LinkedFilesController.mjs b/services/web/app/src/Features/LinkedFiles/LinkedFilesController.mjs
new file mode 100644
index 0000000..b6ddf81
--- /dev/null
+++ b/services/web/app/src/Features/LinkedFiles/LinkedFilesController.mjs
@@ -0,0 +1,271 @@
+/* eslint-disable
+    max-len,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import SessionManager from '../Authentication/SessionManager.js'
+import Settings from '@overleaf/settings'
+import _ from 'lodash'
+import AnalyticsManager from '../../../../app/src/Features/Analytics/AnalyticsManager.js'
+import LinkedFilesHandler from './LinkedFilesHandler.js'
+import {
+  CompileFailedError,
+  UrlFetchFailedError,
+  InvalidUrlError,
+  AccessDeniedError,
+  BadEntityTypeError,
+  BadDataError,
+  ProjectNotFoundError,
+  V1ProjectNotFoundError,
+  SourceFileNotFoundError,
+  NotOriginalImporterError,
+  FeatureNotAvailableError,
+  RemoteServiceError,
+  FileCannotRefreshError,
+} from './LinkedFilesErrors.js'
+import {
+  OutputFileFetchFailedError,
+  FileTooLargeError,
+  OError,
+} from '../Errors/Errors.js'
+import Modules from '../../infrastructure/Modules.js'
+import { plainTextResponse } from '../../infrastructure/Response.js'
+import ReferencesHandler from '../References/ReferencesHandler.mjs'
+import EditorRealTimeController from '../Editor/EditorRealTimeController.js'
+import { expressify } from '@overleaf/promise-utils'
+import ProjectOutputFileAgent from './ProjectOutputFileAgent.mjs'
+import ProjectFileAgent from './ProjectFileAgent.js'
+import UrlAgent from './UrlAgent.mjs'
+
+let LinkedFilesController
+
+async function createLinkedFile(req, res, next) {
+  const { project_id: projectId } = req.params
+  const { name, provider, data, parent_folder_id: parentFolderId } = req.body
+  const userId = SessionManager.getLoggedInUserId(req.session)
+
+  const Agent = await LinkedFilesController._getAgent(provider)
+  if (Agent == null) {
+    return res.sendStatus(400)
+  }
+
+  data.provider = provider
+  data.importedAt = new Date().toISOString()
+
+  try {
+    const newFileId = await Agent.promises.createLinkedFile(
+      projectId,
+      data,
+      name,
+      parentFolderId,
+      userId
+    )
+    if (name.endsWith('.bib')) {
+      AnalyticsManager.recordEventForUserInBackground(
+        userId,
+        'linked-bib-file',
+        {
+          integration: provider,
+        }
+      )
+    }
+    return res.json({ new_file_id: newFileId })
+  } catch (err) {
+    return LinkedFilesController.handleError(err, req, res, next)
+  }
+}
+
+async function refreshLinkedFile(req, res, next) {
+  const { project_id: projectId, file_id: fileId } = req.params
+  const userId = SessionManager.getLoggedInUserId(req.session)
+
+  const { file, parentFolder } = await LinkedFilesHandler.promises.getFileById(
+    projectId,
+    fileId
+  )
+
+  if (file == null) {
+    return res.sendStatus(404)
+  }
+  const { name } = file
+  const { linkedFileData } = file
+  if (
+    linkedFileData == null ||
+    (linkedFileData != null ? linkedFileData.provider : undefined) == null
+  ) {
+    return res.sendStatus(409)
+  }
+
+  const { provider } = linkedFileData
+  const parentFolderId = parentFolder._id
+  const Agent = await LinkedFilesController._getAgent(provider)
+  if (Agent == null) {
+    return res.sendStatus(400)
+  }
+
+  linkedFileData.importedAt = new Date().toISOString()
+  let newFileId
+  try {
+    newFileId = await Agent.promises.refreshLinkedFile(
+      projectId,
+      linkedFileData,
+      name,
+      parentFolderId,
+      userId
+    )
+  } catch (err) {
+    return LinkedFilesController.handleError(err, req, res, next)
+  }
+
+  if (req.body.shouldReindexReferences) {
+    let data
+    try {
+      data = await ReferencesHandler.promises.indexAll(projectId)
+    } catch (error) {
+      OError.tag(error, 'failed to index references', {
+        projectId,
+      })
+      return next(error)
+    }
+    EditorRealTimeController.emitToRoom(
+      projectId,
+      'references:keys:updated',
+      data.keys,
+      true
+    )
+    res.json({ new_file_id: newFileId })
+  } else {
+    res.json({ new_file_id: newFileId })
+  }
+}
+
+export default LinkedFilesController = {
+  Agents: null,
+
+  async _cacheAgents() {
+    if (!LinkedFilesController.Agents) {
+      LinkedFilesController.Agents = _.extend(
+        {
+          url: UrlAgent,
+          project_file: ProjectFileAgent,
+          project_output_file: ProjectOutputFileAgent,
+        },
+        await Modules.linkedFileAgentsIncludes()
+      )
+    }
+  },
+
+  async _getAgent(provider) {
+    await LinkedFilesController._cacheAgents()
+    if (
+      !Object.prototype.hasOwnProperty.call(
+        LinkedFilesController.Agents,
+        provider
+      )
+    ) {
+      return null
+    }
+    if (!Array.from(Settings.enabledLinkedFileTypes).includes(provider)) {
+      return null
+    }
+    return LinkedFilesController.Agents[provider]
+  },
+
+  createLinkedFile: expressify(createLinkedFile),
+
+  refreshLinkedFile: expressify(refreshLinkedFile),
+
+  handleError(error, req, res, next) {
+    if (error instanceof AccessDeniedError) {
+      res.status(403)
+      plainTextResponse(
+        res,
+        res.locals.translate(
+          'the_project_that_contains_this_file_is_not_shared_with_you'
+        )
+      )
+    } else if (error instanceof BadDataError) {
+      res.status(400)
+      plainTextResponse(res, 'The submitted data is not valid')
+    } else if (error instanceof BadEntityTypeError) {
+      res.status(400)
+      plainTextResponse(res, 'The file is the wrong type')
+    } else if (error instanceof SourceFileNotFoundError) {
+      res.status(404)
+      plainTextResponse(res, 'Source file not found')
+    } else if (error instanceof ProjectNotFoundError) {
+      res.status(404)
+      plainTextResponse(res, 'Project not found')
+    } else if (error instanceof V1ProjectNotFoundError) {
+      res.status(409)
+      plainTextResponse(
+        res,
+        'Sorry, the source project is not yet imported to Overleaf v2. Please import it to Overleaf v2 to refresh this file'
+      )
+    } else if (error instanceof CompileFailedError) {
+      res.status(422)
+      plainTextResponse(
+        res,
+        res.locals.translate('generic_linked_file_compile_error')
+      )
+    } else if (error instanceof OutputFileFetchFailedError) {
+      res.status(404)
+      plainTextResponse(res, 'Could not get output file')
+    } else if (error instanceof UrlFetchFailedError) {
+      res.status(422)
+      if (error.cause instanceof FileTooLargeError) {
+        plainTextResponse(res, 'File too large')
+      } else {
+        plainTextResponse(
+          res,
+          `Your URL could not be reached (${
+            error.info?.status || error.cause?.info?.status
+          } status code). Please check it and try again.`
+        )
+      }
+    } else if (error instanceof InvalidUrlError) {
+      res.status(422)
+      plainTextResponse(
+        res,
+        'Your URL is not valid. Please check it and try again.'
+      )
+    } else if (error instanceof NotOriginalImporterError) {
+      res.status(400)
+      plainTextResponse(
+        res,
+        'You are not the user who originally imported this file'
+      )
+    } else if (error instanceof FeatureNotAvailableError) {
+      res.status(400)
+      plainTextResponse(res, 'This feature is not enabled on your account')
+    } else if (error instanceof RemoteServiceError) {
+      if (error.info?.statusCode === 403) {
+        res.status(400).json({ relink: true })
+      } else {
+        res.status(502)
+        plainTextResponse(res, 'The remote service produced an error')
+      }
+    } else if (error instanceof FileCannotRefreshError) {
+      res.status(400)
+      plainTextResponse(res, 'This file cannot be refreshed')
+    } else if (error.message === 'project_has_too_many_files') {
+      res.status(400)
+      plainTextResponse(res, 'too many files')
+    } else if (/\bECONNREFUSED\b/.test(error.message)) {
+      res.status(500)
+      plainTextResponse(res, 'Importing references is not currently available')
+    } else if (error instanceof FileTooLargeError) {
+      res.status(422)
+      plainTextResponse(res, 'File too large')
+    } else {
+      next(error)
+    }
+  },
+}
diff --git a/services/web/app/src/Features/LinkedFiles/LinkedFilesErrors.js b/services/web/app/src/Features/LinkedFiles/LinkedFilesErrors.js
new file mode 100644
index 0000000..f74152f
--- /dev/null
+++ b/services/web/app/src/Features/LinkedFiles/LinkedFilesErrors.js
@@ -0,0 +1,43 @@
+const { BackwardCompatibleError } = require('../Errors/Errors')
+
+class UrlFetchFailedError extends BackwardCompatibleError {}
+
+class InvalidUrlError extends BackwardCompatibleError {}
+
+class CompileFailedError extends BackwardCompatibleError {}
+
+class AccessDeniedError extends BackwardCompatibleError {}
+
+class BadEntityTypeError extends BackwardCompatibleError {}
+
+class BadDataError extends BackwardCompatibleError {}
+
+class ProjectNotFoundError extends BackwardCompatibleError {}
+
+class V1ProjectNotFoundError extends BackwardCompatibleError {}
+
+class SourceFileNotFoundError extends BackwardCompatibleError {}
+
+class NotOriginalImporterError extends BackwardCompatibleError {}
+
+class FeatureNotAvailableError extends BackwardCompatibleError {}
+
+class RemoteServiceError extends BackwardCompatibleError {}
+
+class FileCannotRefreshError extends BackwardCompatibleError {}
+
+module.exports = {
+  CompileFailedError,
+  UrlFetchFailedError,
+  InvalidUrlError,
+  AccessDeniedError,
+  BadEntityTypeError,
+  BadDataError,
+  ProjectNotFoundError,
+  V1ProjectNotFoundError,
+  SourceFileNotFoundError,
+  NotOriginalImporterError,
+  FeatureNotAvailableError,
+  RemoteServiceError,
+  FileCannotRefreshError,
+}
diff --git a/services/web/app/src/Features/LinkedFiles/LinkedFilesHandler.js b/services/web/app/src/Features/LinkedFiles/LinkedFilesHandler.js
new file mode 100644
index 0000000..a12f27f
--- /dev/null
+++ b/services/web/app/src/Features/LinkedFiles/LinkedFilesHandler.js
@@ -0,0 +1,108 @@
+const FileWriter = require('../../infrastructure/FileWriter')
+const EditorController = require('../Editor/EditorController')
+const ProjectLocator = require('../Project/ProjectLocator')
+const { Project } = require('../../models/Project')
+const ProjectGetter = require('../Project/ProjectGetter')
+const {
+  ProjectNotFoundError,
+  V1ProjectNotFoundError,
+  BadDataError,
+} = require('./LinkedFilesErrors')
+const { callbackifyAll } = require('@overleaf/promise-utils')
+
+const LinkedFilesHandler = {
+  async getFileById(projectId, fileId) {
+    const { element, path, folder } = await ProjectLocator.promises.findElement(
+      {
+        project_id: projectId,
+        element_id: fileId,
+        type: 'file',
+      }
+    )
+    return { file: element, path, parentFolder: folder }
+  },
+
+  async getSourceProject(data) {
+    const projection = { _id: 1, name: 1, overleaf: 1 } // include the historyId for future use
+    if (data.v1_source_doc_id != null) {
+      const project = await Project.findOne(
+        { 'overleaf.id': data.v1_source_doc_id },
+        projection
+      ).exec()
+
+      if (project == null) {
+        throw new V1ProjectNotFoundError()
+      }
+
+      return project
+    } else if (data.source_project_id != null) {
+      const project = await ProjectGetter.promises.getProject(
+        data.source_project_id,
+        projection
+      )
+
+      if (project == null) {
+        throw new ProjectNotFoundError()
+      }
+
+      return project
+    } else {
+      throw new BadDataError('neither v1 nor v2 id present')
+    }
+  },
+
+  async importFromStream(
+    projectId,
+    readStream,
+    linkedFileData,
+    name,
+    parentFolderId,
+    userId
+  ) {
+    const fsPath = await FileWriter.promises.writeStreamToDisk(
+      projectId,
+      readStream
+    )
+
+    return await EditorController.promises.upsertFile(
+      projectId,
+      parentFolderId,
+      name,
+      fsPath,
+      linkedFileData,
+      'upload',
+      userId
+    )
+  },
+
+  async importContent(
+    projectId,
+    content,
+    linkedFileData,
+    name,
+    parentFolderId,
+    userId
+  ) {
+    const fsPath = await FileWriter.promises.writeContentToDisk(
+      projectId,
+      content
+    )
+
+    return await EditorController.promises.upsertFile(
+      projectId,
+      parentFolderId,
+      name,
+      fsPath,
+      linkedFileData,
+      'upload',
+      userId
+    )
+  },
+}
+
+module.exports = {
+  promises: LinkedFilesHandler,
+  ...callbackifyAll(LinkedFilesHandler, {
+    multiResult: { getFileById: ['file', 'path', 'parentFolder'] },
+  }),
+}
diff --git a/services/web/app/src/Features/LinkedFiles/LinkedFilesRouter.mjs b/services/web/app/src/Features/LinkedFiles/LinkedFilesRouter.mjs
new file mode 100644
index 0000000..53b49d0
--- /dev/null
+++ b/services/web/app/src/Features/LinkedFiles/LinkedFilesRouter.mjs
@@ -0,0 +1,47 @@
+import AuthorizationMiddleware from '../Authorization/AuthorizationMiddleware.js'
+import AuthenticationController from '../Authentication/AuthenticationController.js'
+import { RateLimiter } from '../../infrastructure/RateLimiter.js'
+import RateLimiterMiddleware from '../Security/RateLimiterMiddleware.js'
+import LinkedFilesController from './LinkedFilesController.mjs'
+import { validate, Joi } from '../../infrastructure/Validation.js'
+
+const rateLimiters = {
+  createLinkedFile: new RateLimiter('create-linked-file', {
+    points: 100,
+    duration: 60,
+  }),
+  refreshLinkedFile: new RateLimiter('refresh-linked-file', {
+    points: 100,
+    duration: 60,
+  }),
+}
+
+export default {
+  apply(webRouter) {
+    webRouter.post(
+      '/project/:project_id/linked_file',
+      AuthenticationController.requireLogin(),
+      AuthorizationMiddleware.ensureUserCanWriteProjectContent,
+      RateLimiterMiddleware.rateLimit(rateLimiters.createLinkedFile, {
+        params: ['project_id'],
+      }),
+      validate({
+        body: {
+          name: Joi.string().required(),
+          // TODO: validate the remaining properties
+        },
+      }),
+      LinkedFilesController.createLinkedFile
+    )
+
+    webRouter.post(
+      '/project/:project_id/linked_file/:file_id/refresh',
+      AuthenticationController.requireLogin(),
+      AuthorizationMiddleware.ensureUserCanWriteProjectContent,
+      RateLimiterMiddleware.rateLimit(rateLimiters.refreshLinkedFile, {
+        params: ['project_id'],
+      }),
+      LinkedFilesController.refreshLinkedFile
+    )
+  },
+}
diff --git a/services/web/app/src/Features/LinkedFiles/ProjectFileAgent.js b/services/web/app/src/Features/LinkedFiles/ProjectFileAgent.js
new file mode 100644
index 0000000..03227d1
--- /dev/null
+++ b/services/web/app/src/Features/LinkedFiles/ProjectFileAgent.js
@@ -0,0 +1,266 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let ProjectFileAgent
+const AuthorizationManager = require('../Authorization/AuthorizationManager')
+const ProjectLocator = require('../Project/ProjectLocator')
+const DocstoreManager = require('../Docstore/DocstoreManager')
+const DocumentUpdaterHandler = require('../DocumentUpdater/DocumentUpdaterHandler')
+const FileStoreHandler = require('../FileStore/FileStoreHandler')
+const _ = require('lodash')
+const LinkedFilesHandler = require('./LinkedFilesHandler')
+const {
+  BadDataError,
+  AccessDeniedError,
+  BadEntityTypeError,
+  SourceFileNotFoundError,
+} = require('./LinkedFilesErrors')
+const { promisify } = require('@overleaf/promise-utils')
+
+module.exports = ProjectFileAgent = {
+  createLinkedFile(
+    projectId,
+    linkedFileData,
+    name,
+    parentFolderId,
+    userId,
+    callback
+  ) {
+    if (!ProjectFileAgent._canCreate(linkedFileData)) {
+      return callback(new AccessDeniedError())
+    }
+    return ProjectFileAgent._go(
+      projectId,
+      linkedFileData,
+      name,
+      parentFolderId,
+      userId,
+      callback
+    )
+  },
+
+  refreshLinkedFile(
+    projectId,
+    linkedFileData,
+    name,
+    parentFolderId,
+    userId,
+    callback
+  ) {
+    return ProjectFileAgent._go(
+      projectId,
+      linkedFileData,
+      name,
+      parentFolderId,
+      userId,
+      callback
+    )
+  },
+
+  _prepare(projectId, linkedFileData, userId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return ProjectFileAgent._checkAuth(
+      projectId,
+      linkedFileData,
+      userId,
+      (err, allowed) => {
+        if (err != null) {
+          return callback(err)
+        }
+        if (!allowed) {
+          return callback(new AccessDeniedError())
+        }
+        if (!ProjectFileAgent._validate(linkedFileData)) {
+          return callback(new BadDataError())
+        }
+        return callback(null, linkedFileData)
+      }
+    )
+  },
+
+  _go(projectId, linkedFileData, name, parentFolderId, userId, callback) {
+    linkedFileData = ProjectFileAgent._sanitizeData(linkedFileData)
+    return ProjectFileAgent._prepare(
+      projectId,
+      linkedFileData,
+      userId,
+      (err, linkedFileData) => {
+        if (err != null) {
+          return callback(err)
+        }
+        if (!ProjectFileAgent._validate(linkedFileData)) {
+          return callback(new BadDataError())
+        }
+        return ProjectFileAgent._getEntity(
+          linkedFileData,
+          userId,
+          (err, sourceProject, entity, type) => {
+            if (err != null) {
+              return callback(err)
+            }
+            if (type === 'doc') {
+              return DocstoreManager.getDoc(
+                sourceProject._id,
+                entity._id,
+                function (err, lines) {
+                  if (err != null) {
+                    return callback(err)
+                  }
+                  return LinkedFilesHandler.importContent(
+                    projectId,
+                    lines.join('\n'),
+                    linkedFileData,
+                    name,
+                    parentFolderId,
+                    userId,
+                    function (err, file) {
+                      if (err != null) {
+                        return callback(err)
+                      }
+                      return callback(null, file._id)
+                    }
+                  )
+                }
+              ) // Created
+            } else if (type === 'file') {
+              return FileStoreHandler.getFileStreamNew(
+                sourceProject,
+                entity,
+                null,
+                function (err, fileStream) {
+                  if (err != null) {
+                    return callback(err)
+                  }
+                  return LinkedFilesHandler.importFromStream(
+                    projectId,
+                    fileStream,
+                    linkedFileData,
+                    name,
+                    parentFolderId,
+                    userId,
+                    function (err, file) {
+                      if (err != null) {
+                        return callback(err)
+                      }
+                      return callback(null, file._id)
+                    }
+                  )
+                }
+              ) // Created
+            } else {
+              return callback(new BadEntityTypeError())
+            }
+          }
+        )
+      }
+    )
+  },
+
+  _getEntity(linkedFileData, currentUserId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    callback = _.once(callback)
+    const { source_entity_path: sourceEntityPath } = linkedFileData
+    return ProjectFileAgent._getSourceProject(
+      linkedFileData,
+      function (err, project) {
+        if (err != null) {
+          return callback(err)
+        }
+        const sourceProjectId = project._id
+        return DocumentUpdaterHandler.flushProjectToMongo(
+          sourceProjectId,
+          function (err) {
+            if (err != null) {
+              return callback(err)
+            }
+            return ProjectLocator.findElementByPath(
+              {
+                project_id: sourceProjectId,
+                path: sourceEntityPath,
+                exactCaseMatch: true,
+              },
+              function (err, entity, type) {
+                if (err != null) {
+                  if (/^not found.*/.test(err.message)) {
+                    err = new SourceFileNotFoundError()
+                  }
+                  return callback(err)
+                }
+                return callback(null, project, entity, type)
+              }
+            )
+          }
+        )
+      }
+    )
+  },
+
+  _sanitizeData(data) {
+    return _.pick(
+      data,
+      'provider',
+      'source_project_id',
+      'v1_source_doc_id',
+      'source_entity_path',
+      'importedAt'
+    )
+  },
+
+  _validate(data) {
+    return (
+      (data.source_project_id != null || data.v1_source_doc_id != null) &&
+      data.source_entity_path != null
+    )
+  },
+
+  _canCreate(data) {
+    // Don't allow creation of linked-files with v1 doc ids
+    return data.v1_source_doc_id == null
+  },
+
+  _getSourceProject: LinkedFilesHandler.getSourceProject,
+
+  _checkAuth(projectId, data, currentUserId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    callback = _.once(callback)
+    if (!ProjectFileAgent._validate(data)) {
+      return callback(new BadDataError())
+    }
+    return ProjectFileAgent._getSourceProject(data, function (err, project) {
+      if (err != null) {
+        return callback(err)
+      }
+      return AuthorizationManager.canUserReadProject(
+        currentUserId,
+        project._id,
+        null,
+        function (err, canRead) {
+          if (err != null) {
+            return callback(err)
+          }
+          return callback(null, canRead)
+        }
+      )
+    })
+  },
+}
+
+ProjectFileAgent.promises = {
+  createLinkedFile: promisify(ProjectFileAgent.createLinkedFile),
+  refreshLinkedFile: promisify(ProjectFileAgent.refreshLinkedFile),
+}
diff --git a/services/web/app/src/Features/LinkedFiles/ProjectOutputFileAgent.mjs b/services/web/app/src/Features/LinkedFiles/ProjectOutputFileAgent.mjs
new file mode 100644
index 0000000..0af62b2
--- /dev/null
+++ b/services/web/app/src/Features/LinkedFiles/ProjectOutputFileAgent.mjs
@@ -0,0 +1,236 @@
+import AuthorizationManager from '../Authorization/AuthorizationManager.js'
+import CompileManager from '../Compile/CompileManager.js'
+import ClsiManager from '../Compile/ClsiManager.js'
+import ProjectFileAgent from './ProjectFileAgent.js'
+import _ from 'lodash'
+import {
+  CompileFailedError,
+  BadDataError,
+  AccessDeniedError,
+} from './LinkedFilesErrors.js'
+import { OutputFileFetchFailedError } from '../Errors/Errors.js'
+import LinkedFilesHandler from './LinkedFilesHandler.js'
+import { promisify } from '@overleaf/promise-utils'
+
+function _prepare(projectId, linkedFileData, userId, callback) {
+  _checkAuth(projectId, linkedFileData, userId, (err, allowed) => {
+    if (err) {
+      return callback(err)
+    }
+    if (!allowed) {
+      return callback(new AccessDeniedError())
+    }
+    if (!_validate(linkedFileData)) {
+      return callback(new BadDataError())
+    }
+    callback(null, linkedFileData)
+  })
+}
+
+function createLinkedFile(
+  projectId,
+  linkedFileData,
+  name,
+  parentFolderId,
+  userId,
+  callback
+) {
+  if (!ProjectFileAgent._canCreate(linkedFileData)) {
+    return callback(new AccessDeniedError())
+  }
+  linkedFileData = _sanitizeData(linkedFileData)
+  _prepare(projectId, linkedFileData, userId, (err, linkedFileData) => {
+    if (err) {
+      return callback(err)
+    }
+    _getFileStream(linkedFileData, userId, (err, readStream) => {
+      if (err) {
+        return callback(err)
+      }
+      LinkedFilesHandler.importFromStream(
+        projectId,
+        readStream,
+        linkedFileData,
+        name,
+        parentFolderId,
+        userId,
+        (err, file) => {
+          if (err) {
+            return callback(err)
+          }
+          callback(null, file._id)
+        }
+      )
+    })
+  })
+}
+
+function refreshLinkedFile(
+  projectId,
+  linkedFileData,
+  name,
+  parentFolderId,
+  userId,
+  callback
+) {
+  _prepare(projectId, linkedFileData, userId, (err, linkedFileData) => {
+    if (err) {
+      return callback(err)
+    }
+    _compileAndGetFileStream(
+      linkedFileData,
+      userId,
+      (err, readStream, newBuildId) => {
+        if (err) {
+          return callback(err)
+        }
+        linkedFileData.build_id = newBuildId
+        LinkedFilesHandler.importFromStream(
+          projectId,
+          readStream,
+          linkedFileData,
+          name,
+          parentFolderId,
+          userId,
+          (err, file) => {
+            if (err) {
+              return callback(err)
+            }
+            callback(null, file._id)
+          }
+        )
+      }
+    )
+  })
+}
+
+function _sanitizeData(data) {
+  return {
+    provider: data.provider,
+    source_project_id: data.source_project_id,
+    source_output_file_path: data.source_output_file_path,
+    build_id: data.build_id,
+    clsiServerId: data.clsiServerId,
+    importedAt: data.importedAt,
+  }
+}
+
+function _validate(data) {
+  return (
+    (data.v1_source_doc_id != null && data.source_output_file_path != null) ||
+    (data.source_project_id != null &&
+      data.source_output_file_path != null &&
+      data.build_id != null)
+  )
+}
+
+function _checkAuth(projectId, data, currentUserId, callback) {
+  callback = _.once(callback)
+  if (!_validate(data)) {
+    return callback(new BadDataError())
+  }
+  LinkedFilesHandler.getSourceProject(data, (err, project) => {
+    if (err) {
+      return callback(err)
+    }
+    AuthorizationManager.canUserReadProject(
+      currentUserId,
+      project._id,
+      null,
+      (err, canRead) => {
+        if (err) {
+          return callback(err)
+        }
+        callback(null, canRead)
+      }
+    )
+  })
+}
+
+function _getFileStream(linkedFileData, userId, callback) {
+  callback = _.once(callback)
+  const {
+    source_output_file_path: sourceOutputFilePath,
+    build_id: buildId,
+    clsiServerId,
+  } = linkedFileData
+  LinkedFilesHandler.getSourceProject(linkedFileData, (err, project) => {
+    if (err) {
+      return callback(err)
+    }
+    const sourceProjectId = project._id
+    CompileManager.getProjectCompileLimits(sourceProjectId, (err, limits) => {
+      if (err) return callback(err)
+
+      ClsiManager.getOutputFileStream(
+        sourceProjectId,
+        userId,
+        limits,
+        clsiServerId,
+        buildId,
+        sourceOutputFilePath,
+        (err, readStream) => {
+          if (err) {
+            return callback(err)
+          }
+          callback(null, readStream)
+        }
+      )
+    })
+  })
+}
+
+function _compileAndGetFileStream(linkedFileData, userId, callback) {
+  callback = _.once(callback)
+  const { source_output_file_path: sourceOutputFilePath } = linkedFileData
+  LinkedFilesHandler.getSourceProject(linkedFileData, (err, project) => {
+    if (err) {
+      return callback(err)
+    }
+    const sourceProjectId = project._id
+    CompileManager.compile(
+      sourceProjectId,
+      userId,
+      {},
+      (err, status, outputFiles, clsiServerId, limits) => {
+        if (err) {
+          return callback(err)
+        }
+        if (status !== 'success') {
+          return callback(new CompileFailedError())
+        }
+        const outputFile = _.find(
+          outputFiles,
+          o => o.path === sourceOutputFilePath
+        )
+        if (outputFile == null) {
+          return callback(new OutputFileFetchFailedError())
+        }
+        const buildId = outputFile.build
+        ClsiManager.getOutputFileStream(
+          sourceProjectId,
+          userId,
+          limits,
+          clsiServerId,
+          buildId,
+          sourceOutputFilePath,
+          (err, readStream) => {
+            if (err) {
+              return callback(err)
+            }
+            callback(null, readStream, buildId)
+          }
+        )
+      }
+    )
+  })
+}
+
+export default {
+  createLinkedFile,
+  refreshLinkedFile,
+  promises: {
+    createLinkedFile: promisify(createLinkedFile),
+    refreshLinkedFile: promisify(refreshLinkedFile),
+  },
+}
diff --git a/services/web/app/src/Features/LinkedFiles/UrlAgent.mjs b/services/web/app/src/Features/LinkedFiles/UrlAgent.mjs
new file mode 100644
index 0000000..12785d7
--- /dev/null
+++ b/services/web/app/src/Features/LinkedFiles/UrlAgent.mjs
@@ -0,0 +1,83 @@
+import logger from '@overleaf/logger'
+import urlValidator from 'valid-url'
+import { InvalidUrlError, UrlFetchFailedError } from './LinkedFilesErrors.js'
+import LinkedFilesHandler from './LinkedFilesHandler.js'
+import UrlHelper from '../Helpers/UrlHelper.js'
+import { fetchStream, RequestFailedError } from '@overleaf/fetch-utils'
+import { callbackify } from '@overleaf/promise-utils'
+import { FileTooLargeError } from '../Errors/Errors.js'
+
+async function createLinkedFile(
+  projectId,
+  linkedFileData,
+  name,
+  parentFolderId,
+  userId
+) {
+  logger.info(
+    { projectId, userId, url: linkedFileData.url },
+    'create linked file'
+  )
+  linkedFileData = _sanitizeData(linkedFileData)
+  const fetchUrl = _getUrl(projectId, linkedFileData, userId)
+  try {
+    const readStream = await fetchStream(fetchUrl)
+    const file = await LinkedFilesHandler.promises.importFromStream(
+      projectId,
+      readStream,
+      linkedFileData,
+      name,
+      parentFolderId,
+      userId
+    )
+    return file._id
+  } catch (error) {
+    if (error instanceof RequestFailedError && /too large/.test(error.body)) {
+      throw new FileTooLargeError('file too large', {
+        url: linkedFileData.url,
+      }).withCause(error)
+    }
+    throw new UrlFetchFailedError('url fetch failed', {
+      url: linkedFileData.url,
+    }).withCause(error)
+  }
+}
+
+async function refreshLinkedFile(
+  projectId,
+  linkedFileData,
+  name,
+  parentFolderId,
+  userId
+) {
+  return await createLinkedFile(
+    projectId,
+    linkedFileData,
+    name,
+    parentFolderId,
+    userId
+  )
+}
+
+function _sanitizeData(data) {
+  return {
+    provider: data.provider,
+    url: UrlHelper.prependHttpIfNeeded(data.url),
+    importedAt: data.importedAt,
+  }
+}
+
+function _getUrl(projectId, data, currentUserId) {
+  let { url } = data
+  if (!urlValidator.isWebUri(url)) {
+    throw new InvalidUrlError(`invalid url: ${url}`)
+  }
+  url = UrlHelper.wrapUrlWithProxy(url)
+  return url
+}
+
+export default {
+  createLinkedFile: callbackify(createLinkedFile),
+  refreshLinkedFile: callbackify(refreshLinkedFile),
+  promises: { createLinkedFile, refreshLinkedFile },
+}
diff --git a/services/web/app/src/Features/Metadata/MetaController.mjs b/services/web/app/src/Features/Metadata/MetaController.mjs
new file mode 100644
index 0000000..417217e
--- /dev/null
+++ b/services/web/app/src/Features/Metadata/MetaController.mjs
@@ -0,0 +1,61 @@
+import OError from '@overleaf/o-error'
+import EditorRealTimeController from '../Editor/EditorRealTimeController.js'
+import MetaHandler from './MetaHandler.mjs'
+import logger from '@overleaf/logger'
+import { expressify } from '@overleaf/promise-utils'
+
+async function getMetadata(req, res) {
+  const { project_id: projectId } = req.params
+
+  logger.debug({ projectId }, 'getting all labels for project')
+
+  let projectMeta
+  try {
+    projectMeta = await MetaHandler.promises.getAllMetaForProject(projectId)
+  } catch (error) {
+    throw OError.tag(
+      error,
+      '[MetaController] error getting all labels from project',
+      {
+        project_id: projectId,
+      }
+    )
+  }
+
+  res.json({ projectId, projectMeta })
+}
+
+async function broadcastMetadataForDoc(req, res) {
+  const { project_id: projectId } = req.params
+  const { doc_id: docId } = req.params
+  const { broadcast } = req.body
+
+  logger.debug({ projectId, docId, broadcast }, 'getting labels for doc')
+
+  let docMeta
+  try {
+    docMeta = await MetaHandler.promises.getMetaForDoc(projectId, docId)
+  } catch (error) {
+    throw OError.tag(error, '[MetaController] error getting labels from doc', {
+      project_id: projectId,
+      doc_id: docId,
+    })
+  }
+
+  // default to broadcasting, unless explicitly disabled (for backwards compatibility)
+  if (broadcast === false) {
+    return res.json({ docId, meta: docMeta })
+  }
+
+  EditorRealTimeController.emitToRoom(projectId, 'broadcastDocMeta', {
+    docId,
+    meta: docMeta,
+  })
+
+  res.sendStatus(200) // 204?
+}
+
+export default {
+  getMetadata: expressify(getMetadata),
+  broadcastMetadataForDoc: expressify(broadcastMetadataForDoc),
+}
diff --git a/services/web/app/src/Features/Metadata/MetaHandler.mjs b/services/web/app/src/Features/Metadata/MetaHandler.mjs
new file mode 100644
index 0000000..ef5d118
--- /dev/null
+++ b/services/web/app/src/Features/Metadata/MetaHandler.mjs
@@ -0,0 +1,132 @@
+import ProjectEntityHandler from '../Project/ProjectEntityHandler.js'
+import DocumentUpdaterHandler from '../DocumentUpdater/DocumentUpdaterHandler.js'
+import packageMapping from './packageMapping.mjs'
+import { callbackify } from '@overleaf/promise-utils'
+
+/** @typedef {{
+ *   labels: string[]
+ *   packages: Record<string, Record<string, any>>,
+ *   packageNames: string[],
+ * }} DocMeta
+ */
+
+/**
+ * @param {string[]} lines
+ * @return {Promise<DocMeta>}
+ */
+async function extractMetaFromDoc(lines) {
+  /** @type {DocMeta} */
+  const docMeta = {
+    labels: [],
+    packages: {},
+    packageNames: [],
+  }
+
+  const labelRe = /\\label{(.{0,80}?)}/g
+  const labelOptionRe = /\blabel={?(.{0,80}?)[\s},\]]/g
+  const packageRe = /^\\usepackage(?:\[.{0,80}?])?{(.{0,80}?)}/g
+  const reqPackageRe = /^\\RequirePackage(?:\[.{0,80}?])?{(.{0,80}?)}/g
+
+  for (const rawLine of lines) {
+    const line = getNonCommentedContent(rawLine)
+
+    for (const label of lineMatches(labelRe, line)) {
+      docMeta.labels.push(label)
+    }
+
+    for (const label of lineMatches(labelOptionRe, line)) {
+      docMeta.labels.push(label)
+    }
+
+    for (const pkg of lineMatches(packageRe, line, ',')) {
+      docMeta.packageNames.push(pkg)
+    }
+
+    for (const pkg of lineMatches(reqPackageRe, line, ',')) {
+      docMeta.packageNames.push(pkg)
+    }
+  }
+
+  for (const packageName of docMeta.packageNames) {
+    if (packageMapping[packageName]) {
+      docMeta.packages[packageName] = packageMapping[packageName]
+    }
+  }
+
+  return docMeta
+}
+
+/**
+ *
+ * @param {RegExp} matchRe
+ * @param {string} line
+ * @param {string} [separator]
+ * @return {Generator<string>}
+ */
+function* lineMatches(matchRe, line, separator) {
+  let match
+  while ((match = matchRe.exec(line))) {
+    const matched = match[1].trim()
+
+    if (matched) {
+      if (separator) {
+        const items = matched
+          .split(',')
+          .map(item => item.trim())
+          .filter(Boolean)
+
+        for (const item of items) {
+          yield item
+        }
+      } else {
+        yield matched
+      }
+    }
+  }
+}
+
+/**
+ * @param {Record<{ lines: string[] }, any>} projectDocs
+ * @return {Promise<{}>}
+ */
+async function extractMetaFromProjectDocs(projectDocs) {
+  const projectMeta = {}
+  for (const doc of Object.values(projectDocs)) {
+    projectMeta[doc._id] = await extractMetaFromDoc(doc.lines)
+  }
+  return projectMeta
+}
+
+/**
+ * Trims comment content from line
+ * @param {string} rawLine
+ * @returns {string}
+ */
+function getNonCommentedContent(rawLine) {
+  return rawLine.replace(/(^|[^\\])%.*/, '$1')
+}
+
+async function getAllMetaForProject(projectId) {
+  await DocumentUpdaterHandler.promises.flushProjectToMongo(projectId)
+
+  const docs = await ProjectEntityHandler.promises.getAllDocs(projectId)
+
+  return await extractMetaFromProjectDocs(docs)
+}
+
+async function getMetaForDoc(projectId, docId) {
+  await DocumentUpdaterHandler.promises.flushDocToMongo(projectId, docId)
+
+  const { lines } = await ProjectEntityHandler.promises.getDoc(projectId, docId)
+
+  return await extractMetaFromDoc(lines)
+}
+
+export default {
+  promises: {
+    getAllMetaForProject,
+    getMetaForDoc,
+  },
+  getAllMetaForProject: callbackify(getAllMetaForProject),
+  getMetaForDoc: callbackify(getMetaForDoc),
+}
diff --git a/services/web/app/src/Features/Metadata/packageMapping.mjs b/services/web/app/src/Features/Metadata/packageMapping.mjs
new file mode 100644
index 0000000..2af10a0
--- /dev/null
+++ b/services/web/app/src/Features/Metadata/packageMapping.mjs
@@ -0,0 +1,71596 @@
+export default {
+  inputenc: [
+    {
+      caption: '\\inputencoding{}',
+      snippet: '\\inputencoding{$1}',
+      meta: 'inputenc-cmd',
+      score: 0.0002447047447770061,
+    },
+  ],
+  graphicx: [
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'graphicx-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'graphicx-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'graphicx-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'graphicx-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'graphicx-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'graphicx-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'graphicx-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'graphicx-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'graphicx-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'graphicx-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'graphicx-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'graphicx-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'graphicx-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'graphicx-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'graphicx-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'graphicx-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'graphicx-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'graphicx-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'graphicx-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'graphicx-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  amsmath: [
+    {
+      caption: '\\longmapsto',
+      snippet: '\\longmapsto',
+      meta: 'amsmath-cmd',
+      score: 0.0017755897148012264,
+    },
+    {
+      caption: '\\Check{}',
+      snippet: '\\Check{$1}',
+      meta: 'amsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'amsmath-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'amsmath-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'amsmath-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\And',
+      snippet: '\\And',
+      meta: 'amsmath-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\And{}',
+      snippet: '\\And{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'amsmath-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\boxed{}',
+      snippet: '\\boxed{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.0035536135737312827,
+    },
+    {
+      caption: '\\Ddot{}',
+      snippet: '\\Ddot{$1}',
+      meta: 'amsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ignorespacesafterend',
+      snippet: '\\ignorespacesafterend',
+      meta: 'amsmath-cmd',
+      score: 0.0010893680553454854,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'amsmath-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\Breve{}',
+      snippet: '\\Breve{$1}',
+      meta: 'amsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'amsmath-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\over{}',
+      snippet: '\\over{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\over',
+      snippet: '\\over',
+      meta: 'amsmath-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\bigotimes',
+      snippet: '\\bigotimes',
+      meta: 'amsmath-cmd',
+      score: 0.000984722260624791,
+    },
+    {
+      caption: '\\bigoplus',
+      snippet: '\\bigoplus',
+      meta: 'amsmath-cmd',
+      score: 0.0011508785476242003,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'amsmath-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\bigcap',
+      snippet: '\\bigcap',
+      meta: 'amsmath-cmd',
+      score: 0.005709261168797874,
+    },
+    {
+      caption: '\\xrightarrow{}',
+      snippet: '\\xrightarrow{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\xrightarrow[]{}',
+      snippet: '\\xrightarrow[$1]{$2}',
+      meta: 'amsmath-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\atop',
+      snippet: '\\atop',
+      meta: 'amsmath-cmd',
+      score: 0.0006518541515279979,
+    },
+    {
+      caption: '\\dfrac{}{}',
+      snippet: '\\dfrac{$1}{$2}',
+      meta: 'amsmath-cmd',
+      score: 0.05397545277891961,
+    },
+    {
+      caption: '\\pmod',
+      snippet: '\\pmod',
+      meta: 'amsmath-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\pmod{}',
+      snippet: '\\pmod{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\notag',
+      snippet: '\\notag',
+      meta: 'amsmath-cmd',
+      score: 0.00322520920930312,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'amsmath-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\Vec{}',
+      snippet: '\\Vec{$1}',
+      meta: 'amsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\bigvee',
+      snippet: '\\bigvee',
+      meta: 'amsmath-cmd',
+      score: 0.0011677288242806726,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'amsmath-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\hookrightarrow',
+      snippet: '\\hookrightarrow',
+      meta: 'amsmath-cmd',
+      score: 0.0015607282046545064,
+    },
+    {
+      caption: '\\bigsqcup',
+      snippet: '\\bigsqcup',
+      meta: 'amsmath-cmd',
+      score: 0.0003468284144579442,
+    },
+    {
+      caption: '\\hookleftarrow',
+      snippet: '\\hookleftarrow',
+      meta: 'amsmath-cmd',
+      score: 0.0016498799924012809,
+    },
+    {
+      caption: '\\Dot{}',
+      snippet: '\\Dot{$1}',
+      meta: 'amsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\dots',
+      snippet: '\\dots',
+      meta: 'amsmath-cmd',
+      score: 0.0847414497955395,
+    },
+    {
+      caption: '\\genfrac{}{}{}{}{}{}',
+      snippet: '\\genfrac{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'amsmath-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\genfrac',
+      snippet: '\\genfrac',
+      meta: 'amsmath-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\cfrac{}{}',
+      snippet: '\\cfrac{$1}{$2}',
+      meta: 'amsmath-cmd',
+      score: 0.006765684097139381,
+    },
+    {
+      caption: '\\Acute{}',
+      snippet: '\\Acute{$1}',
+      meta: 'amsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ldots',
+      snippet: '\\ldots',
+      meta: 'amsmath-cmd',
+      score: 0.11585556755884258,
+    },
+    {
+      caption: '\\coprod',
+      snippet: '\\coprod',
+      meta: 'amsmath-cmd',
+      score: 0.00011383372700282614,
+    },
+    {
+      caption: '\\impliedby',
+      snippet: '\\impliedby',
+      meta: 'amsmath-cmd',
+      score: 2.3482915591834053e-5,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'amsmath-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\idotsint',
+      snippet: '\\idotsint',
+      meta: 'amsmath-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\Longrightarrow',
+      snippet: '\\Longrightarrow',
+      meta: 'amsmath-cmd',
+      score: 0.002459139437356601,
+    },
+    {
+      caption: '\\allowdisplaybreaks',
+      snippet: '\\allowdisplaybreaks',
+      meta: 'amsmath-cmd',
+      score: 0.005931777024772073,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\mod',
+      snippet: '\\mod',
+      meta: 'amsmath-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\mod{}',
+      snippet: '\\mod{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'amsmath-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'amsmath-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\underset{}{}',
+      snippet: '\\underset{$1}{$2}',
+      meta: 'amsmath-cmd',
+      score: 0.012799893214578391,
+    },
+    {
+      caption: '\\dotsc',
+      snippet: '\\dotsc',
+      meta: 'amsmath-cmd',
+      score: 0.0008555101484119994,
+    },
+    {
+      caption: '\\doteq',
+      snippet: '\\doteq',
+      meta: 'amsmath-cmd',
+      score: 3.164631070474435e-5,
+    },
+    {
+      caption: '\\leftroot{}',
+      snippet: '\\leftroot{$1}',
+      meta: 'amsmath-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\substack{}',
+      snippet: '\\substack{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.0037482529712850755,
+    },
+    {
+      caption: '\\Hat{}',
+      snippet: '\\Hat{$1}',
+      meta: 'amsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'amsmath-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\mspace{}',
+      snippet: '\\mspace{$1}',
+      meta: 'amsmath-cmd',
+      score: 3.423236656565836e-5,
+    },
+    {
+      caption: '\\Bar{}',
+      snippet: '\\Bar{$1}',
+      meta: 'amsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\Grave{}',
+      snippet: '\\Grave{$1}',
+      meta: 'amsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'amsmath-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\tbinom',
+      snippet: '\\tbinom',
+      meta: 'amsmath-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\dotsi',
+      snippet: '\\dotsi',
+      meta: 'amsmath-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\bigwedge',
+      snippet: '\\bigwedge',
+      meta: 'amsmath-cmd',
+      score: 0.000347742918592393,
+    },
+    {
+      caption: '\\sideset{}{}',
+      snippet: '\\sideset{$1}{$2}',
+      meta: 'amsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\smash{}',
+      snippet: '\\smash{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\smash[]{}',
+      snippet: '\\smash[$1]{$2}',
+      meta: 'amsmath-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\colon',
+      snippet: '\\colon',
+      meta: 'amsmath-cmd',
+      score: 0.005300291684408929,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\Longleftarrow',
+      snippet: '\\Longleftarrow',
+      meta: 'amsmath-cmd',
+      score: 8.477207854183949e-5,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'amsmath-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\AmS',
+      snippet: '\\AmS',
+      meta: 'amsmath-cmd',
+      score: 0.00047859486202980376,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\tfrac{}{}',
+      snippet: '\\tfrac{$1}{$2}',
+      meta: 'amsmath-cmd',
+      score: 0.0005923542426657187,
+    },
+    {
+      caption: '\\uproot{}',
+      snippet: '\\uproot{$1}',
+      meta: 'amsmath-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\bmod',
+      snippet: '\\bmod',
+      meta: 'amsmath-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\bmod{}',
+      snippet: '\\bmod{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\pod{}',
+      snippet: '\\pod{$1}',
+      meta: 'amsmath-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'amsmath-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\longrightarrow',
+      snippet: '\\longrightarrow',
+      meta: 'amsmath-cmd',
+      score: 0.013399422292458848,
+    },
+    {
+      caption: '\\xleftarrow[]{}',
+      snippet: '\\xleftarrow[$1]{$2}',
+      meta: 'amsmath-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\xleftarrow{}',
+      snippet: '\\xleftarrow{$1}',
+      meta: 'amsmath-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\mathaccentV',
+      snippet: '\\mathaccentV',
+      meta: 'amsmath-cmd',
+      score: 6.216218551413489e-5,
+    },
+    {
+      caption: '\\hdotsfor{}',
+      snippet: '\\hdotsfor{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\hdotsfor[]{}',
+      snippet: '\\hdotsfor[$1]{$2}',
+      meta: 'amsmath-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'amsmath-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'amsmath-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\overset{}{}',
+      snippet: '\\overset{$1}{$2}',
+      meta: 'amsmath-cmd',
+      score: 0.007611544955294224,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'amsmath-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\longleftrightarrow',
+      snippet: '\\longleftrightarrow',
+      meta: 'amsmath-cmd',
+      score: 0.0002851769278703356,
+    },
+    {
+      caption: '\\Longleftrightarrow',
+      snippet: '\\Longleftrightarrow',
+      meta: 'amsmath-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\Longleftrightarrow{}',
+      snippet: '\\Longleftrightarrow{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\binom{}{}',
+      snippet: '\\binom{$1}{$2}',
+      meta: 'amsmath-cmd',
+      score: 0.013010882180364367,
+    },
+    {
+      caption: '\\longleftarrow',
+      snippet: '\\longleftarrow',
+      meta: 'amsmath-cmd',
+      score: 0.0011096532692473691,
+    },
+    {
+      caption: '\\dbinom{}{}',
+      snippet: '\\dbinom{$1}{$2}',
+      meta: 'amsmath-cmd',
+      score: 0.006800272303210672,
+    },
+    {
+      caption: '\\Tilde{}',
+      snippet: '\\Tilde{$1}',
+      meta: 'amsmath-cmd',
+      score: 7.874446783586035e-5,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'amsmath-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'amsmath-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'amsmath-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'amsmath-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'amsmath-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'amsmath-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'amsmath-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'amsmath-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'amsmath-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'amsmath-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'amsmath-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'amsmath-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'amsmath-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'amsmath-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'amsmath-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'amsmath-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'amsmath-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'amsmath-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'amsmath-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'amsmath-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'amsmath-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'amsmath-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'amsmath-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'amsmath-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'amsmath-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'amsmath-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'amsmath-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'amsmath-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'amsmath-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'amsmath-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'amsmath-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'amsmath-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'amsmath-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'amsmath-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'amsmath-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'amsmath-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'amsmath-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'amsmath-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'amsmath-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'amsmath-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'amsmath-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'amsmath-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'amsmath-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'amsmath-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  geometry: [
+    {
+      caption: '\\savegeometry{}',
+      snippet: '\\savegeometry{$1}',
+      meta: 'geometry-cmd',
+      score: 6.461638865465447e-5,
+    },
+    {
+      caption: '\\loadgeometry{}',
+      snippet: '\\loadgeometry{$1}',
+      meta: 'geometry-cmd',
+      score: 6.461638865465447e-5,
+    },
+    {
+      caption: '\\newgeometry{}',
+      snippet: '\\newgeometry{$1}',
+      meta: 'geometry-cmd',
+      score: 0.0025977479207639352,
+    },
+    {
+      caption: '\\geometry{}',
+      snippet: '\\geometry{$1}',
+      meta: 'geometry-cmd',
+      score: 0.046218420429973615,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'geometry-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\restoregeometry',
+      snippet: '\\restoregeometry',
+      meta: 'geometry-cmd',
+      score: 0.0007546303842143648,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'geometry-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'geometry-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'geometry-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'geometry-cmd',
+      score: 0.00021116765384691477,
+    },
+  ],
+  amssymb: [
+    {
+      caption: '\\frak{}',
+      snippet: '\\frak{$1}',
+      meta: 'amssymb-cmd',
+      score: 0.0017966000518546787,
+    },
+    {
+      caption: '\\checkmark',
+      snippet: '\\checkmark',
+      meta: 'amssymb-cmd',
+      score: 0.025060530944368123,
+    },
+    {
+      caption: '\\bold',
+      snippet: '\\bold',
+      meta: 'amssymb-cmd',
+      score: 0.0014358547624941567,
+    },
+    {
+      caption: '\\bold{}',
+      snippet: '\\bold{$1}',
+      meta: 'amssymb-cmd',
+      score: 0.0014358547624941567,
+    },
+    {
+      caption: '\\Bbb{}',
+      snippet: '\\Bbb{$1}',
+      meta: 'amssymb-cmd',
+      score: 0.0006671850995492977,
+    },
+    {
+      caption: '\\Bbb',
+      snippet: '\\Bbb',
+      meta: 'amssymb-cmd',
+      score: 0.0006671850995492977,
+    },
+  ],
+  hyperref: [
+    {
+      caption: '\\nameref{}',
+      snippet: '\\nameref{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.009472569279662113,
+    },
+    {
+      caption: '\\pdfbookmark[]{}{}',
+      snippet: '\\pdfbookmark[$1]{$2}{$3}',
+      meta: 'hyperref-cmd',
+      score: 0.006492248863367502,
+    },
+    {
+      caption: '\\figureautorefname',
+      snippet: '\\figureautorefname',
+      meta: 'hyperref-cmd',
+      score: 0.00014582556188448738,
+    },
+    {
+      caption: '\\figureautorefname{}',
+      snippet: '\\figureautorefname{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.00014582556188448738,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'hyperref-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'hyperref-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\footnoteautorefname',
+      snippet: '\\footnoteautorefname',
+      meta: 'hyperref-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\roman{}',
+      snippet: '\\roman{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.005553384455935491,
+    },
+    {
+      caption: '\\roman',
+      snippet: '\\roman',
+      meta: 'hyperref-cmd',
+      score: 0.005553384455935491,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'hyperref-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\MakeLowercase{}',
+      snippet: '\\MakeLowercase{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.017289599800633146,
+    },
+    {
+      caption: '\\textunderscore',
+      snippet: '\\textunderscore',
+      meta: 'hyperref-cmd',
+      score: 0.001509072212764015,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'hyperref-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\begin{}',
+      snippet: '\\begin{$1}',
+      meta: 'hyperref-cmd',
+      score: 7.849662248028187,
+    },
+    {
+      caption: '\\begin{}[]',
+      snippet: '\\begin{$1}[$2]',
+      meta: 'hyperref-cmd',
+      score: 7.849662248028187,
+    },
+    {
+      caption: '\\begin{}{}',
+      snippet: '\\begin{$1}{$2}',
+      meta: 'hyperref-cmd',
+      score: 7.849662248028187,
+    },
+    {
+      caption: '\\FancyVerbLineautorefname',
+      snippet: '\\FancyVerbLineautorefname',
+      meta: 'hyperref-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\hyperlink{}{}',
+      snippet: '\\hyperlink{$1}{$2}',
+      meta: 'hyperref-cmd',
+      score: 0.00978652043902115,
+    },
+    {
+      caption: '\\tableautorefname',
+      snippet: '\\tableautorefname',
+      meta: 'hyperref-cmd',
+      score: 0.00012704528567339081,
+    },
+    {
+      caption: '\\tableautorefname{}',
+      snippet: '\\tableautorefname{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.00012704528567339081,
+    },
+    {
+      caption: '\\equationautorefname',
+      snippet: '\\equationautorefname',
+      meta: 'hyperref-cmd',
+      score: 0.00018777198999871106,
+    },
+    {
+      caption: '\\equationautorefname{}',
+      snippet: '\\equationautorefname{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.00018777198999871106,
+    },
+    {
+      caption: '\\chapterautorefname',
+      snippet: '\\chapterautorefname',
+      meta: 'hyperref-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\TeX',
+      snippet: '\\TeX',
+      meta: 'hyperref-cmd',
+      score: 0.02873756018238537,
+    },
+    {
+      caption: '\\TeX{}',
+      snippet: '\\TeX{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.02873756018238537,
+    },
+    {
+      caption: '\\protect',
+      snippet: '\\protect',
+      meta: 'hyperref-cmd',
+      score: 0.0200686676229443,
+    },
+    {
+      caption: '\\appendixautorefname',
+      snippet: '\\appendixautorefname',
+      meta: 'hyperref-cmd',
+      score: 7.950698053641679e-5,
+    },
+    {
+      caption: '\\appendixautorefname{}',
+      snippet: '\\appendixautorefname{$1}',
+      meta: 'hyperref-cmd',
+      score: 7.950698053641679e-5,
+    },
+    {
+      caption: '\\newlabel{}{}',
+      snippet: '\\newlabel{$1}{$2}',
+      meta: 'hyperref-cmd',
+      score: 0.00029737672328168955,
+    },
+    {
+      caption: '\\texorpdfstring{}{}',
+      snippet: '\\texorpdfstring{$1}{$2}',
+      meta: 'hyperref-cmd',
+      score: 0.0073781967296121,
+    },
+    {
+      caption: '\\refstepcounter{}',
+      snippet: '\\refstepcounter{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.002140559856649122,
+    },
+    {
+      caption: '\\alph',
+      snippet: '\\alph',
+      meta: 'hyperref-cmd',
+      score: 0.01034327266194849,
+    },
+    {
+      caption: '\\alph{}',
+      snippet: '\\alph{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.01034327266194849,
+    },
+    {
+      caption: '\\pageref{}',
+      snippet: '\\pageref{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.019788865471151957,
+    },
+    {
+      caption: '\\item',
+      snippet: '\\item ',
+      meta: 'hyperref-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\item[]',
+      snippet: '\\item[$1] ',
+      meta: 'hyperref-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\LaTeX',
+      snippet: '\\LaTeX',
+      meta: 'hyperref-cmd',
+      score: 0.2334089308452787,
+    },
+    {
+      caption: '\\LaTeX{}',
+      snippet: '\\LaTeX{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.2334089308452787,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hyperref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\itemautorefname',
+      snippet: '\\itemautorefname',
+      meta: 'hyperref-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\caption{}',
+      snippet: '\\caption{$1}',
+      meta: 'hyperref-cmd',
+      score: 1.2569477427490174,
+    },
+    {
+      caption: '\\sectionautorefname',
+      snippet: '\\sectionautorefname',
+      meta: 'hyperref-cmd',
+      score: 0.0019832324299155183,
+    },
+    {
+      caption: '\\sectionautorefname{}',
+      snippet: '\\sectionautorefname{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.0019832324299155183,
+    },
+    {
+      caption: '\\LaTeXe',
+      snippet: '\\LaTeXe',
+      meta: 'hyperref-cmd',
+      score: 0.007928096378157487,
+    },
+    {
+      caption: '\\LaTeXe{}',
+      snippet: '\\LaTeXe{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.007928096378157487,
+    },
+    {
+      caption: '\\footref{}',
+      snippet: '\\footref{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.0003680857021151614,
+    },
+    {
+      caption: '\\footref',
+      snippet: '\\footref',
+      meta: 'hyperref-cmd',
+      score: 0.0003680857021151614,
+    },
+    {
+      caption: '\\hypertarget{}{}',
+      snippet: '\\hypertarget{$1}{$2}',
+      meta: 'hyperref-cmd',
+      score: 0.009652820108904094,
+    },
+    {
+      caption: '\\theoremautorefname',
+      snippet: '\\theoremautorefname',
+      meta: 'hyperref-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\maketitle',
+      snippet: '\\maketitle',
+      meta: 'hyperref-cmd',
+      score: 0.7504160124360846,
+    },
+    {
+      caption: '\\subparagraphautorefname',
+      snippet: '\\subparagraphautorefname',
+      meta: 'hyperref-cmd',
+      score: 0.0005446476945175932,
+    },
+    {
+      caption: '\\url{}',
+      snippet: '\\url{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.13586474005868793,
+    },
+    {
+      caption: '\\author{}',
+      snippet: '\\author{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.8973590434087177,
+    },
+    {
+      caption: '\\author[]{}',
+      snippet: '\\author[$1]{$2}',
+      meta: 'hyperref-cmd',
+      score: 0.8973590434087177,
+    },
+    {
+      caption: '\\href{}{}',
+      snippet: '\\href{$1}{$2}',
+      meta: 'hyperref-cmd',
+      score: 0.27111130260612365,
+    },
+    {
+      caption: '\\Roman{}',
+      snippet: '\\Roman{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.0038703587462843594,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'hyperref-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\autoref{}',
+      snippet: '\\autoref{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.03741172773691362,
+    },
+    {
+      caption: '\\nolinkurl{}',
+      snippet: '\\nolinkurl{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.0004995635515943437,
+    },
+    {
+      caption: '\\end{}',
+      snippet: '\\end{$1}',
+      meta: 'hyperref-cmd',
+      score: 7.847906405228455,
+    },
+    {
+      caption: '\\phantomsection',
+      snippet: '\\phantomsection',
+      meta: 'hyperref-cmd',
+      score: 0.0174633138331273,
+    },
+    {
+      caption: '\\MakeUppercase{}',
+      snippet: '\\MakeUppercase{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\MakeUppercase',
+      snippet: '\\MakeUppercase',
+      meta: 'hyperref-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\partautorefname',
+      snippet: '\\partautorefname',
+      meta: 'hyperref-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\Itemautorefname{}',
+      snippet: '\\Itemautorefname{$1}',
+      meta: 'hyperref-cmd',
+      score: 6.006262128895586e-5,
+    },
+    {
+      caption: '\\halign{}',
+      snippet: '\\halign{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.00017906650306643613,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'hyperref-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\ref{}',
+      snippet: '\\ref{$1}',
+      meta: 'hyperref-cmd',
+      score: 1.4380093454211778,
+    },
+    {
+      caption: '\\Alph{}',
+      snippet: '\\Alph{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.002233258780143355,
+    },
+    {
+      caption: '\\Alph',
+      snippet: '\\Alph',
+      meta: 'hyperref-cmd',
+      score: 0.002233258780143355,
+    },
+    {
+      caption: '\\appendix',
+      snippet: '\\appendix',
+      meta: 'hyperref-cmd',
+      score: 0.047007158741781095,
+    },
+    {
+      caption: '\\MP',
+      snippet: '\\MP',
+      meta: 'hyperref-cmd',
+      score: 0.00018344383742255004,
+    },
+    {
+      caption: '\\MP{}',
+      snippet: '\\MP{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.00018344383742255004,
+    },
+    {
+      caption: '\\paragraphautorefname',
+      snippet: '\\paragraphautorefname',
+      meta: 'hyperref-cmd',
+      score: 0.0005446476945175932,
+    },
+    {
+      caption: '\\citeN{}',
+      snippet: '\\citeN{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.0018503938529945614,
+    },
+    {
+      caption: '\\citeN',
+      snippet: '\\citeN',
+      meta: 'hyperref-cmd',
+      score: 0.0018503938529945614,
+    },
+    {
+      caption: '\\addcontentsline{}{}{}',
+      snippet: '\\addcontentsline{$1}{$2}{$3}',
+      meta: 'hyperref-cmd',
+      score: 0.07503475348393239,
+    },
+    {
+      caption: '\\subsectionautorefname',
+      snippet: '\\subsectionautorefname',
+      meta: 'hyperref-cmd',
+      score: 0.0012546605780895737,
+    },
+    {
+      caption: '\\subsectionautorefname{}',
+      snippet: '\\subsectionautorefname{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.0012546605780895737,
+    },
+    {
+      caption: '\\hyperref[]{}',
+      snippet: '\\hyperref[$1]{$2}',
+      meta: 'hyperref-cmd',
+      score: 0.004515152477030062,
+    },
+    {
+      caption: '\\arabic{}',
+      snippet: '\\arabic{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.02445837629741638,
+    },
+    {
+      caption: '\\arabic',
+      snippet: '\\arabic',
+      meta: 'hyperref-cmd',
+      score: 0.02445837629741638,
+    },
+    {
+      caption: '\\newline',
+      snippet: '\\newline',
+      meta: 'hyperref-cmd',
+      score: 0.3311721696201715,
+    },
+    {
+      caption: '\\hypersetup{}',
+      snippet: '\\hypersetup{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.06967310843464661,
+    },
+    {
+      caption: '\\subsubsectionautorefname',
+      snippet: '\\subsubsectionautorefname',
+      meta: 'hyperref-cmd',
+      score: 0.0012064581899162352,
+    },
+    {
+      caption: '\\subsubsectionautorefname{}',
+      snippet: '\\subsubsectionautorefname{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.0012064581899162352,
+    },
+    {
+      caption: '\\title{}',
+      snippet: '\\title{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.9202908262245683,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'hyperref-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'hyperref-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\UrlBreaks{}',
+      snippet: '\\UrlBreaks{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.001030592515645366,
+    },
+    {
+      caption: '\\UrlBreaks',
+      snippet: '\\UrlBreaks',
+      meta: 'hyperref-cmd',
+      score: 0.001030592515645366,
+    },
+    {
+      caption: '\\Url',
+      snippet: '\\Url',
+      meta: 'hyperref-cmd',
+      score: 0.0002854206807593436,
+    },
+    {
+      caption: '\\UrlOrds{}',
+      snippet: '\\UrlOrds{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.0006882563723629154,
+    },
+    {
+      caption: '\\UrlOrds',
+      snippet: '\\UrlOrds',
+      meta: 'hyperref-cmd',
+      score: 0.0006882563723629154,
+    },
+    {
+      caption: '\\urlstyle{}',
+      snippet: '\\urlstyle{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.010515056688180681,
+    },
+    {
+      caption: '\\urldef{}',
+      snippet: '\\urldef{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.008041789461944983,
+    },
+    {
+      caption: '\\UrlBigBreaks{}',
+      snippet: '\\UrlBigBreaks{$1}',
+      meta: 'hyperref-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\UrlFont{}',
+      snippet: '\\UrlFont{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.0032990580087398644,
+    },
+    {
+      caption: '\\UrlSpecials{}',
+      snippet: '\\UrlSpecials{$1}',
+      meta: 'hyperref-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\UrlNoBreaks',
+      snippet: '\\UrlNoBreaks',
+      meta: 'hyperref-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hyperref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'hyperref-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\AtBeginShipout{}',
+      snippet: '\\AtBeginShipout{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.00047530324346933345,
+    },
+    {
+      caption: '\\AtBeginShipoutNext{}',
+      snippet: '\\AtBeginShipoutNext{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.0005277905480209891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hyperref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hyperref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hyperref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hyperref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hyperref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hyperref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hyperref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hyperref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'hyperref-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hyperref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hyperref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hyperref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hyperref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'hyperref-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hyperref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hyperref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hyperref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hyperref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'hyperref-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'hyperref-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hyperref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hyperref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\check{}',
+      snippet: '\\check{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.0058342578961340175,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'hyperref-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hyperref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hyperref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hyperref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'hyperref-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'hyperref-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hyperref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hyperref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'hyperref-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hyperref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hyperref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'hyperref-cmd',
+      score: 0.00530510025314411,
+    },
+  ],
+  babel: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'babel-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'babel-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  color: [
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'color-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'color-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'color-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'color-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'color-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'color-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'color-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'color-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  xcolor: [
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'xcolor-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'xcolor-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'xcolor-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'xcolor-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'xcolor-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'xcolor-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'xcolor-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'xcolor-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'xcolor-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'xcolor-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'xcolor-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xcolor-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'xcolor-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'xcolor-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'xcolor-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'xcolor-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  natbib: [
+    {
+      caption: '\\citealt{}',
+      snippet: '\\citealt{$1}',
+      meta: 'natbib-cmd',
+      score: 0.007302105441724955,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'natbib-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'natbib-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\textsuperscript{}',
+      snippet: '\\textsuperscript{$1}',
+      meta: 'natbib-cmd',
+      score: 0.05216393882408519,
+    },
+    {
+      caption: '\\nocite{}',
+      snippet: '\\nocite{$1}',
+      meta: 'natbib-cmd',
+      score: 0.04990693820960752,
+    },
+    {
+      caption: '\\bibname',
+      snippet: '\\bibname',
+      meta: 'natbib-cmd',
+      score: 0.007599529252128519,
+    },
+    {
+      caption: '\\bibname{}',
+      snippet: '\\bibname{$1}',
+      meta: 'natbib-cmd',
+      score: 0.007599529252128519,
+    },
+    {
+      caption: '\\bibpunct',
+      snippet: '\\bibpunct',
+      meta: 'natbib-cmd',
+      score: 0.001148574749873469,
+    },
+    {
+      caption: '\\bibpunct{}{}{}{}{}{}',
+      snippet: '\\bibpunct{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'natbib-cmd',
+      score: 0.001148574749873469,
+    },
+    {
+      caption: '\\bibpunct[]{}{}{}{}{}{}',
+      snippet: '\\bibpunct[$1]{$2}{$3}{$4}{$5}{$6}{$7}',
+      meta: 'natbib-cmd',
+      score: 0.001148574749873469,
+    },
+    {
+      caption: '\\citepalias{}',
+      snippet: '\\citepalias{$1}',
+      meta: 'natbib-cmd',
+      score: 0.00032712684909035603,
+    },
+    {
+      caption: '\\citepalias[][]{}',
+      snippet: '\\citepalias[$1][$2]{$3}',
+      meta: 'natbib-cmd',
+      score: 0.00032712684909035603,
+    },
+    {
+      caption: '\\makeindex',
+      snippet: '\\makeindex',
+      meta: 'natbib-cmd',
+      score: 0.010304996748556729,
+    },
+    {
+      caption: '\\citep{}',
+      snippet: '\\citep{$1}',
+      meta: 'natbib-cmd',
+      score: 0.2941882834697057,
+    },
+    {
+      caption: '\\bibsection',
+      snippet: '\\bibsection',
+      meta: 'natbib-cmd',
+      score: 0.00038872734530908233,
+    },
+    {
+      caption: '\\bibsection{}',
+      snippet: '\\bibsection{$1}',
+      meta: 'natbib-cmd',
+      score: 0.00038872734530908233,
+    },
+    {
+      caption: '\\refname',
+      snippet: '\\refname',
+      meta: 'natbib-cmd',
+      score: 0.006490238196722249,
+    },
+    {
+      caption: '\\refname{}',
+      snippet: '\\refname{$1}',
+      meta: 'natbib-cmd',
+      score: 0.006490238196722249,
+    },
+    {
+      caption: '\\citealp{}',
+      snippet: '\\citealp{$1}',
+      meta: 'natbib-cmd',
+      score: 0.005275912376595364,
+    },
+    {
+      caption: '\\citealp[]{}',
+      snippet: '\\citealp[$1]{$2}',
+      meta: 'natbib-cmd',
+      score: 0.005275912376595364,
+    },
+    {
+      caption: '\\cite{}',
+      snippet: '\\cite{$1}',
+      meta: 'natbib-cmd',
+      score: 2.341195220791228,
+    },
+    {
+      caption: '\\citetalias{}',
+      snippet: '\\citetalias{$1}',
+      meta: 'natbib-cmd',
+      score: 0.001419571355756266,
+    },
+    {
+      caption: '\\bibitem{}',
+      snippet: '\\bibitem{$1}',
+      meta: 'natbib-cmd',
+      score: 0.3689547570562042,
+    },
+    {
+      caption: '\\bibitem[]{}',
+      snippet: '\\bibitem[$1]{$2}',
+      meta: 'natbib-cmd',
+      score: 0.3689547570562042,
+    },
+    {
+      caption: '\\citet{}',
+      snippet: '\\citet{$1}',
+      meta: 'natbib-cmd',
+      score: 0.09046048561361801,
+    },
+    {
+      caption: '\\defcitealias{}{}',
+      snippet: '\\defcitealias{$1}{$2}',
+      meta: 'natbib-cmd',
+      score: 0.00042021825647418025,
+    },
+    {
+      caption: '\\aftergroup',
+      snippet: '\\aftergroup',
+      meta: 'natbib-cmd',
+      score: 0.002020423627422133,
+    },
+    {
+      caption: '\\setcitestyle{}',
+      snippet: '\\setcitestyle{$1}',
+      meta: 'natbib-cmd',
+      score: 0.0015840652870152204,
+    },
+    {
+      caption: '\\citeyearpar{}',
+      snippet: '\\citeyearpar{$1}',
+      meta: 'natbib-cmd',
+      score: 0.001877888310324327,
+    },
+    {
+      caption: '\\MakeUppercase{}',
+      snippet: '\\MakeUppercase{$1}',
+      meta: 'natbib-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\MakeUppercase',
+      snippet: '\\MakeUppercase',
+      meta: 'natbib-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\newblock',
+      snippet: '\\newblock',
+      meta: 'natbib-cmd',
+      score: 0.03684301726876973,
+    },
+    {
+      caption: '\\newblock{}',
+      snippet: '\\newblock{$1}',
+      meta: 'natbib-cmd',
+      score: 0.03684301726876973,
+    },
+    {
+      caption: '\\bibnumfmt',
+      snippet: '\\bibnumfmt',
+      meta: 'natbib-cmd',
+      score: 0.000353353600267394,
+    },
+    {
+      caption: '\\citeyear{}',
+      snippet: '\\citeyear{$1}',
+      meta: 'natbib-cmd',
+      score: 0.01091041305836494,
+    },
+    {
+      caption: '\\citeauthor{}',
+      snippet: '\\citeauthor{$1}',
+      meta: 'natbib-cmd',
+      score: 0.01359248786373484,
+    },
+  ],
+  url: [
+    {
+      caption: '\\UrlBreaks{}',
+      snippet: '\\UrlBreaks{$1}',
+      meta: 'url-cmd',
+      score: 0.001030592515645366,
+    },
+    {
+      caption: '\\UrlBreaks',
+      snippet: '\\UrlBreaks',
+      meta: 'url-cmd',
+      score: 0.001030592515645366,
+    },
+    {
+      caption: '\\Url',
+      snippet: '\\Url',
+      meta: 'url-cmd',
+      score: 0.0002854206807593436,
+    },
+    {
+      caption: '\\UrlOrds{}',
+      snippet: '\\UrlOrds{$1}',
+      meta: 'url-cmd',
+      score: 0.0006882563723629154,
+    },
+    {
+      caption: '\\UrlOrds',
+      snippet: '\\UrlOrds',
+      meta: 'url-cmd',
+      score: 0.0006882563723629154,
+    },
+    {
+      caption: '\\urlstyle{}',
+      snippet: '\\urlstyle{$1}',
+      meta: 'url-cmd',
+      score: 0.010515056688180681,
+    },
+    {
+      caption: '\\urldef{}',
+      snippet: '\\urldef{$1}',
+      meta: 'url-cmd',
+      score: 0.008041789461944983,
+    },
+    {
+      caption: '\\UrlBigBreaks{}',
+      snippet: '\\UrlBigBreaks{$1}',
+      meta: 'url-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\UrlFont{}',
+      snippet: '\\UrlFont{$1}',
+      meta: 'url-cmd',
+      score: 0.0032990580087398644,
+    },
+    {
+      caption: '\\UrlSpecials{}',
+      snippet: '\\UrlSpecials{$1}',
+      meta: 'url-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\UrlNoBreaks',
+      snippet: '\\UrlNoBreaks',
+      meta: 'url-cmd',
+      score: 3.7048287721105874e-5,
+    },
+  ],
+  fontenc: [
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'fontenc-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'fontenc-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'fontenc-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  tikz: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'tikz-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikz-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikz-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'tikz-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'tikz-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'tikz-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'tikz-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'tikz-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikz-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'tikz-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'tikz-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tikz-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tikz-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tikz-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'tikz-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tikz-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tikz-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tikz-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'tikz-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikz-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikz-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'tikz-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'tikz-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'tikz-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'tikz-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'tikz-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikz-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'tikz-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'tikz-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'tikz-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'tikz-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'tikz-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'tikz-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  fancyhdr: [
+    {
+      caption: '\\lhead{}',
+      snippet: '\\lhead{$1}',
+      meta: 'fancyhdr-cmd',
+      score: 0.05268978171228714,
+    },
+    {
+      caption: '\\chaptermark',
+      snippet: '\\chaptermark',
+      meta: 'fancyhdr-cmd',
+      score: 0.005924520024686584,
+    },
+    {
+      caption: '\\chaptermark{}',
+      snippet: '\\chaptermark{$1}',
+      meta: 'fancyhdr-cmd',
+      score: 0.005924520024686584,
+    },
+    {
+      caption: '\\fancypagestyle{}{}',
+      snippet: '\\fancypagestyle{$1}{$2}',
+      meta: 'fancyhdr-cmd',
+      score: 0.009430919590937878,
+    },
+    {
+      caption: '\\footrule',
+      snippet: '\\footrule',
+      meta: 'fancyhdr-cmd',
+      score: 0.0010032754348913366,
+    },
+    {
+      caption: '\\footrule{}',
+      snippet: '\\footrule{$1}',
+      meta: 'fancyhdr-cmd',
+      score: 0.0010032754348913366,
+    },
+    {
+      caption: '\\fancyfoot[]{}',
+      snippet: '\\fancyfoot[$1]{$2}',
+      meta: 'fancyhdr-cmd',
+      score: 0.024973618823189894,
+    },
+    {
+      caption: '\\fancyfoot{}',
+      snippet: '\\fancyfoot{$1}',
+      meta: 'fancyhdr-cmd',
+      score: 0.024973618823189894,
+    },
+    {
+      caption: '\\fancyfootoffset[]{}',
+      snippet: '\\fancyfootoffset[$1]{$2}',
+      meta: 'fancyhdr-cmd',
+      score: 0.0015373246231684555,
+    },
+    {
+      caption: '\\fancyfootoffset{}',
+      snippet: '\\fancyfootoffset{$1}',
+      meta: 'fancyhdr-cmd',
+      score: 0.0015373246231684555,
+    },
+    {
+      caption: '\\footruleskip',
+      snippet: '\\footruleskip',
+      meta: 'fancyhdr-cmd',
+      score: 0.000830117957327721,
+    },
+    {
+      caption: '\\fancyheadoffset[]{}',
+      snippet: '\\fancyheadoffset[$1]{$2}',
+      meta: 'fancyhdr-cmd',
+      score: 0.0016786568695309166,
+    },
+    {
+      caption: '\\fancyheadoffset{}',
+      snippet: '\\fancyheadoffset{$1}',
+      meta: 'fancyhdr-cmd',
+      score: 0.0016786568695309166,
+    },
+    {
+      caption: '\\iffloatpage{}{}',
+      snippet: '\\iffloatpage{$1}{$2}',
+      meta: 'fancyhdr-cmd',
+      score: 6.606286310833368e-5,
+    },
+    {
+      caption: '\\cfoot{}',
+      snippet: '\\cfoot{$1}',
+      meta: 'fancyhdr-cmd',
+      score: 0.013411641301057813,
+    },
+    {
+      caption: '\\subsectionmark',
+      snippet: '\\subsectionmark',
+      meta: 'fancyhdr-cmd',
+      score: 3.1153423008593836e-5,
+    },
+    {
+      caption: '\\footrulewidth',
+      snippet: '\\footrulewidth',
+      meta: 'fancyhdr-cmd',
+      score: 0.011424740897486949,
+    },
+    {
+      caption: '\\fancyhfoffset[]{}',
+      snippet: '\\fancyhfoffset[$1]{$2}',
+      meta: 'fancyhdr-cmd',
+      score: 3.741978601121172e-5,
+    },
+    {
+      caption: '\\rhead{}',
+      snippet: '\\rhead{$1}',
+      meta: 'fancyhdr-cmd',
+      score: 0.022782817416731292,
+    },
+    {
+      caption: '\\fancyplain{}{}',
+      snippet: '\\fancyplain{$1}{$2}',
+      meta: 'fancyhdr-cmd',
+      score: 0.007402339896386138,
+    },
+    {
+      caption: '\\rfoot{}',
+      snippet: '\\rfoot{$1}',
+      meta: 'fancyhdr-cmd',
+      score: 0.013393817825547868,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'fancyhdr-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\plainheadrulewidth',
+      snippet: '\\plainheadrulewidth',
+      meta: 'fancyhdr-cmd',
+      score: 6.2350576842596716e-6,
+    },
+    {
+      caption: '\\baselinestretch',
+      snippet: '\\baselinestretch',
+      meta: 'fancyhdr-cmd',
+      score: 0.03225350148161425,
+    },
+    {
+      caption: '\\lfoot{}',
+      snippet: '\\lfoot{$1}',
+      meta: 'fancyhdr-cmd',
+      score: 0.00789399846642229,
+    },
+    {
+      caption: '\\MakeUppercase{}',
+      snippet: '\\MakeUppercase{$1}',
+      meta: 'fancyhdr-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\MakeUppercase',
+      snippet: '\\MakeUppercase',
+      meta: 'fancyhdr-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\fancyhf{}',
+      snippet: '\\fancyhf{$1}',
+      meta: 'fancyhdr-cmd',
+      score: 0.02314618933449356,
+    },
+    {
+      caption: '\\sectionmark',
+      snippet: '\\sectionmark',
+      meta: 'fancyhdr-cmd',
+      score: 0.005008938879210868,
+    },
+    {
+      caption: '\\fancyhead[]{}',
+      snippet: '\\fancyhead[$1]{$2}',
+      meta: 'fancyhdr-cmd',
+      score: 0.039101068064744296,
+    },
+    {
+      caption: '\\fancyhead{}',
+      snippet: '\\fancyhead{$1}',
+      meta: 'fancyhdr-cmd',
+      score: 0.039101068064744296,
+    },
+    {
+      caption: '\\nouppercase{}',
+      snippet: '\\nouppercase{$1}',
+      meta: 'fancyhdr-cmd',
+      score: 0.006416387071584083,
+    },
+    {
+      caption: '\\nouppercase',
+      snippet: '\\nouppercase',
+      meta: 'fancyhdr-cmd',
+      score: 0.006416387071584083,
+    },
+    {
+      caption: '\\headrule',
+      snippet: '\\headrule',
+      meta: 'fancyhdr-cmd',
+      score: 0.0008327432627715623,
+    },
+    {
+      caption: '\\headrule{}',
+      snippet: '\\headrule{$1}',
+      meta: 'fancyhdr-cmd',
+      score: 0.0008327432627715623,
+    },
+    {
+      caption: '\\chead{}',
+      snippet: '\\chead{$1}',
+      meta: 'fancyhdr-cmd',
+      score: 0.00755042164734884,
+    },
+    {
+      caption: '\\headrulewidth',
+      snippet: '\\headrulewidth',
+      meta: 'fancyhdr-cmd',
+      score: 0.02268137935335823,
+    },
+  ],
+  booktabs: [
+    {
+      caption: '\\specialrule{}{}{}',
+      snippet: '\\specialrule{$1}{$2}{$3}',
+      meta: 'booktabs-cmd',
+      score: 0.004974385202605165,
+    },
+    {
+      caption: '\\cmidrule',
+      snippet: '\\cmidrule',
+      meta: 'booktabs-cmd',
+      score: 0.01894952272365088,
+    },
+    {
+      caption: '\\cmidrule{}',
+      snippet: '\\cmidrule{$1}',
+      meta: 'booktabs-cmd',
+      score: 0.01894952272365088,
+    },
+    {
+      caption: '\\bottomrule',
+      snippet: '\\bottomrule',
+      meta: 'booktabs-cmd',
+      score: 0.04533364657852219,
+    },
+    {
+      caption: '\\midrule',
+      snippet: '\\midrule',
+      meta: 'booktabs-cmd',
+      score: 0.07098077735912875,
+    },
+    {
+      caption: '\\addlinespace',
+      snippet: '\\addlinespace',
+      meta: 'booktabs-cmd',
+      score: 0.005865460617491447,
+    },
+    {
+      caption: '\\addlinespace[]',
+      snippet: '\\addlinespace[$1]',
+      meta: 'booktabs-cmd',
+      score: 0.005865460617491447,
+    },
+    {
+      caption: '\\toprule',
+      snippet: '\\toprule',
+      meta: 'booktabs-cmd',
+      score: 0.059857788139528495,
+    },
+  ],
+  amsfonts: [
+    {
+      caption: '\\frak{}',
+      snippet: '\\frak{$1}',
+      meta: 'amsfonts-cmd',
+      score: 0.0017966000518546787,
+    },
+    {
+      caption: '\\checkmark',
+      snippet: '\\checkmark',
+      meta: 'amsfonts-cmd',
+      score: 0.025060530944368123,
+    },
+    {
+      caption: '\\bold',
+      snippet: '\\bold',
+      meta: 'amsfonts-cmd',
+      score: 0.0014358547624941567,
+    },
+    {
+      caption: '\\bold{}',
+      snippet: '\\bold{$1}',
+      meta: 'amsfonts-cmd',
+      score: 0.0014358547624941567,
+    },
+    {
+      caption: '\\Bbb{}',
+      snippet: '\\Bbb{$1}',
+      meta: 'amsfonts-cmd',
+      score: 0.0006671850995492977,
+    },
+    {
+      caption: '\\Bbb',
+      snippet: '\\Bbb',
+      meta: 'amsfonts-cmd',
+      score: 0.0006671850995492977,
+    },
+  ],
+  float: [
+    {
+      caption: '\\listof{}{}',
+      snippet: '\\listof{$1}{$2}',
+      meta: 'float-cmd',
+      score: 0.0009837365348002915,
+    },
+    {
+      caption: '\\floatplacement{}{}',
+      snippet: '\\floatplacement{$1}{$2}',
+      meta: 'float-cmd',
+      score: 0.0005815474978918903,
+    },
+    {
+      caption: '\\restylefloat{}',
+      snippet: '\\restylefloat{$1}',
+      meta: 'float-cmd',
+      score: 0.0008866338267686714,
+    },
+    {
+      caption: '\\floatstyle{}',
+      snippet: '\\floatstyle{$1}',
+      meta: 'float-cmd',
+      score: 0.0015470917047414941,
+    },
+    {
+      caption: '\\floatname{}{}',
+      snippet: '\\floatname{$1}{$2}',
+      meta: 'float-cmd',
+      score: 0.0011934321931750752,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'float-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\caption{}',
+      snippet: '\\caption{$1}',
+      meta: 'float-cmd',
+      score: 1.2569477427490174,
+    },
+    {
+      caption: '\\newfloat{}{}{}',
+      snippet: '\\newfloat{$1}{$2}{$3}',
+      meta: 'float-cmd',
+      score: 0.0012745874472536625,
+    },
+    {
+      caption: '\\newfloat',
+      snippet: '\\newfloat',
+      meta: 'float-cmd',
+      score: 0.0012745874472536625,
+    },
+    {
+      caption: '\\newfloat{}',
+      snippet: '\\newfloat{$1}',
+      meta: 'float-cmd',
+      score: 0.0012745874472536625,
+    },
+  ],
+  amsthm: [
+    {
+      caption: '\\swapnumbers',
+      snippet: '\\swapnumbers',
+      meta: 'amsthm-cmd',
+      score: 0.0002908376412221364,
+    },
+    {
+      caption: '\\qedhere',
+      snippet: '\\qedhere',
+      meta: 'amsthm-cmd',
+      score: 0.0001608548097938035,
+    },
+    {
+      caption: '\\qed',
+      snippet: '\\qed',
+      meta: 'amsthm-cmd',
+      score: 0.0014240748825867814,
+    },
+    {
+      caption: '\\qed{}',
+      snippet: '\\qed{$1}',
+      meta: 'amsthm-cmd',
+      score: 0.0014240748825867814,
+    },
+    {
+      caption: '\\newtheoremstyle{}',
+      snippet: '\\newtheoremstyle{$1}',
+      meta: 'amsthm-cmd',
+      score: 0.004259886909451789,
+    },
+    {
+      caption: '\\newtheoremstyle{}{}{}',
+      snippet: '\\newtheoremstyle{$1}{$2}{$3}',
+      meta: 'amsthm-cmd',
+      score: 0.004259886909451789,
+    },
+    {
+      caption: '\\newtheoremstyle{}{}{}{}',
+      snippet: '\\newtheoremstyle{$1}{$2}{$3}{$4}',
+      meta: 'amsthm-cmd',
+      score: 0.004259886909451789,
+    },
+    {
+      caption: '\\theoremstyle{}',
+      snippet: '\\theoremstyle{$1}',
+      meta: 'amsthm-cmd',
+      score: 0.02533412165007986,
+    },
+    {
+      caption: '\\proofname',
+      snippet: '\\proofname',
+      meta: 'amsthm-cmd',
+      score: 0.00021208362094925234,
+    },
+    {
+      caption: '\\pushQED{}',
+      snippet: '\\pushQED{$1}',
+      meta: 'amsthm-cmd',
+      score: 0.00019346981338869148,
+    },
+    {
+      caption: '\\qedsymbol',
+      snippet: '\\qedsymbol',
+      meta: 'amsthm-cmd',
+      score: 0.0022671784428571723,
+    },
+    {
+      caption: '\\qedsymbol{}',
+      snippet: '\\qedsymbol{$1}',
+      meta: 'amsthm-cmd',
+      score: 0.0022671784428571723,
+    },
+    {
+      caption: '\\popQED',
+      snippet: '\\popQED',
+      meta: 'amsthm-cmd',
+      score: 9.673490669434574e-5,
+    },
+    {
+      caption: '\\newtheorem{}[]{}',
+      snippet: '\\newtheorem{$1}[$2]{$3}',
+      meta: 'amsthm-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\newtheorem{}{}',
+      snippet: '\\newtheorem{$1}{$2}',
+      meta: 'amsthm-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\newtheorem{}{}[]',
+      snippet: '\\newtheorem{$1}{$2}[$3]',
+      meta: 'amsthm-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'amsthm-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  caption: [
+    {
+      caption: '\\captionsetup{}',
+      snippet: '\\captionsetup{$1}',
+      meta: 'caption-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\captionsetup[]{}',
+      snippet: '\\captionsetup[$1]{$2}',
+      meta: 'caption-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\captionof{}{}',
+      snippet: '\\captionof{$1}{$2}',
+      meta: 'caption-cmd',
+      score: 0.018348594199161503,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'caption-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\appendix',
+      snippet: '\\appendix',
+      meta: 'caption-cmd',
+      score: 0.047007158741781095,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'caption-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'caption-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\chapter{}',
+      snippet: '\\chapter{$1}',
+      meta: 'caption-cmd',
+      score: 0.422097569591803,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'caption-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\hspace{}',
+      snippet: '\\hspace{$1}',
+      meta: 'caption-cmd',
+      score: 0.3147206476372336,
+    },
+    {
+      caption: '\\caption{}',
+      snippet: '\\caption{$1}',
+      meta: 'caption-cmd',
+      score: 1.2569477427490174,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'caption-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\ContinuedFloat',
+      snippet: '\\ContinuedFloat',
+      meta: 'caption-cmd',
+      score: 5.806935368083486e-5,
+    },
+    {
+      caption: '\\noindent',
+      snippet: '\\noindent',
+      meta: 'caption-cmd',
+      score: 0.42355747798114207,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'caption-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\DeclareCaptionJustification{}{}',
+      snippet: '\\DeclareCaptionJustification{$1}{$2}',
+      meta: 'caption-cmd',
+      score: 0.0001872850414971473,
+    },
+    {
+      caption: '\\DeclareCaptionLabelSeparator{}{}',
+      snippet: '\\DeclareCaptionLabelSeparator{$1}{$2}',
+      meta: 'caption-cmd',
+      score: 0.0003890810058478364,
+    },
+    {
+      caption: '\\DeclareCaptionFormat{}{}',
+      snippet: '\\DeclareCaptionFormat{$1}{$2}',
+      meta: 'caption-cmd',
+      score: 0.0004717618449370015,
+    },
+    {
+      caption: '\\DeclareCaptionFont{}{}',
+      snippet: '\\DeclareCaptionFont{$1}{$2}',
+      meta: 'caption-cmd',
+      score: 5.0133404990680195e-5,
+    },
+    {
+      caption: '\\DeclareCaptionSubType[]{}',
+      snippet: '\\DeclareCaptionSubType[$1]{$2}',
+      meta: 'caption-cmd',
+      score: 0.0001872850414971473,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'caption-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'caption-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\captionsetup{}',
+      snippet: '\\captionsetup{$1}',
+      meta: 'caption-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\captionsetup[]{}',
+      snippet: '\\captionsetup[$1]{$2}',
+      meta: 'caption-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'caption-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\DeclareCaptionType{}[][]',
+      snippet: '\\DeclareCaptionType{$1}[$2][$3]',
+      meta: 'caption-cmd',
+      score: 0.00015256647321237863,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'caption-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\footnote{}',
+      snippet: '\\footnote{$1}',
+      meta: 'caption-cmd',
+      score: 0.2253056071787701,
+    },
+    {
+      caption: '\\footnotemark[]',
+      snippet: '\\footnotemark[$1]',
+      meta: 'caption-cmd',
+      score: 0.021473212893597875,
+    },
+    {
+      caption: '\\footnotemark',
+      snippet: '\\footnotemark',
+      meta: 'caption-cmd',
+      score: 0.021473212893597875,
+    },
+  ],
+  ifthen: [
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'ifthen-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'ifthen-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'ifthen-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'ifthen-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'ifthen-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'ifthen-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  setspace: [
+    {
+      caption: '\\setstretch{}',
+      snippet: '\\setstretch{$1}',
+      meta: 'setspace-cmd',
+      score: 0.019634763572332112,
+    },
+    {
+      caption: '\\onehalfspacing',
+      snippet: '\\onehalfspacing',
+      meta: 'setspace-cmd',
+      score: 0.010655415521079565,
+    },
+    {
+      caption: '\\singlespacing',
+      snippet: '\\singlespacing',
+      meta: 'setspace-cmd',
+      score: 0.008351544612280968,
+    },
+    {
+      caption: '\\doublespacing',
+      snippet: '\\doublespacing',
+      meta: 'setspace-cmd',
+      score: 0.007835428951987135,
+    },
+    {
+      caption: '\\baselinestretch',
+      snippet: '\\baselinestretch',
+      meta: 'setspace-cmd',
+      score: 0.03225350148161425,
+    },
+  ],
+  multirow: [
+    {
+      caption: '\\multirow{}{}{}',
+      snippet: '\\multirow{$1}{$2}{$3}',
+      meta: 'multirow-cmd',
+      score: 0.07525389638751734,
+    },
+    {
+      caption: '\\multirow{}[]{}{}',
+      snippet: '\\multirow{$1}[$2]{$3}{$4}',
+      meta: 'multirow-cmd',
+      score: 0.07525389638751734,
+    },
+  ],
+  array: [
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'array-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'array-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'array-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'array-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'array-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'array-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'array-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'array-cmd',
+      score: 0.018615449342361392,
+    },
+  ],
+  titlesec: [
+    {
+      caption: '\\titleclass{}{}[]',
+      snippet: '\\titleclass{$1}{$2}[$3]',
+      meta: 'titlesec-cmd',
+      score: 0.00028979763314974667,
+    },
+    {
+      caption: '\\titlelabel{}',
+      snippet: '\\titlelabel{$1}',
+      meta: 'titlesec-cmd',
+      score: 6.40387839367932e-6,
+    },
+    {
+      caption: '\\thetitle',
+      snippet: '\\thetitle',
+      meta: 'titlesec-cmd',
+      score: 0.0015531478302713473,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'titlesec-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'titlesec-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\titleformat{}{}{}{}{}[]',
+      snippet: '\\titleformat{$1}{$2}{$3}{$4}{$5}[$6]',
+      meta: 'titlesec-cmd',
+      score: 0.03475519439740096,
+    },
+    {
+      caption: '\\titleformat{}[]{}{}{}{}',
+      snippet: '\\titleformat{$1}[$2]{$3}{$4}{$5}{$6}',
+      meta: 'titlesec-cmd',
+      score: 0.03475519439740096,
+    },
+    {
+      caption: '\\titleformat{}{}',
+      snippet: '\\titleformat{$1}{$2}',
+      meta: 'titlesec-cmd',
+      score: 0.03475519439740096,
+    },
+    {
+      caption: '\\titleformat{}{}{}{}{}',
+      snippet: '\\titleformat{$1}{$2}{$3}{$4}{$5}',
+      meta: 'titlesec-cmd',
+      score: 0.03475519439740096,
+    },
+    {
+      caption: '\\titlespacing{}{}{}{}',
+      snippet: '\\titlespacing{$1}{$2}{$3}{$4}',
+      meta: 'titlesec-cmd',
+      score: 0.023062744385192156,
+    },
+    {
+      caption: '\\markboth{}{}',
+      snippet: '\\markboth{$1}{$2}',
+      meta: 'titlesec-cmd',
+      score: 0.038323601301945065,
+    },
+    {
+      caption: '\\markboth{}',
+      snippet: '\\markboth{$1}',
+      meta: 'titlesec-cmd',
+      score: 0.038323601301945065,
+    },
+    {
+      caption: '\\markright{}',
+      snippet: '\\markright{$1}',
+      meta: 'titlesec-cmd',
+      score: 0.007138622674767024,
+    },
+    {
+      caption: '\\markright{}{}',
+      snippet: '\\markright{$1}{$2}',
+      meta: 'titlesec-cmd',
+      score: 0.007138622674767024,
+    },
+    {
+      caption: '\\filleft',
+      snippet: '\\filleft',
+      meta: 'titlesec-cmd',
+      score: 7.959989906732799e-5,
+    },
+    {
+      caption: '\\filcenter',
+      snippet: '\\filcenter',
+      meta: 'titlesec-cmd',
+      score: 0.0004835660211260246,
+    },
+    {
+      caption: '\\footnote{}',
+      snippet: '\\footnote{$1}',
+      meta: 'titlesec-cmd',
+      score: 0.2253056071787701,
+    },
+    {
+      caption: '\\cleardoublepage',
+      snippet: '\\cleardoublepage',
+      meta: 'titlesec-cmd',
+      score: 0.044016804142963585,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'titlesec-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\chaptertitlename',
+      snippet: '\\chaptertitlename',
+      meta: 'titlesec-cmd',
+      score: 0.0016985007766926272,
+    },
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'titlesec-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\filright',
+      snippet: '\\filright',
+      meta: 'titlesec-cmd',
+      score: 7.959989906732799e-5,
+    },
+    {
+      caption: '\\titlerule',
+      snippet: '\\titlerule',
+      meta: 'titlesec-cmd',
+      score: 0.019273712561461216,
+    },
+    {
+      caption: '\\titlerule[]{}',
+      snippet: '\\titlerule[$1]{$2}',
+      meta: 'titlesec-cmd',
+      score: 0.019273712561461216,
+    },
+  ],
+  multicol: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'multicol-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'multicol-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\raggedcolumns',
+      snippet: '\\raggedcolumns',
+      meta: 'multicol-cmd',
+      score: 0.00027461965178228156,
+    },
+    {
+      caption: '\\columnbreak',
+      snippet: '\\columnbreak',
+      meta: 'multicol-cmd',
+      score: 0.002609610141555795,
+    },
+    {
+      caption: '\\columnseprulecolor{}',
+      snippet: '\\columnseprulecolor{$1}',
+      meta: 'multicol-cmd',
+      score: 1.3314892207625771e-5,
+    },
+    {
+      caption: '\\clearpage',
+      snippet: '\\clearpage',
+      meta: 'multicol-cmd',
+      score: 0.1789117552185788,
+    },
+  ],
+  listings: [
+    {
+      caption: '\\vskip',
+      snippet: '\\vskip',
+      meta: 'listings-cmd',
+      score: 0.05143052892347224,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'listings-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'listings-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'listings-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\thelstlisting',
+      snippet: '\\thelstlisting',
+      meta: 'listings-cmd',
+      score: 0.00012774128088872144,
+    },
+    {
+      caption: '\\lstinputlisting[]{}',
+      snippet: '\\lstinputlisting[$1]{$2}',
+      meta: 'listings-cmd',
+      score: 0.011660477607086044,
+    },
+    {
+      caption: '\\lstinputlisting{}',
+      snippet: '\\lstinputlisting{$1}',
+      meta: 'listings-cmd',
+      score: 0.011660477607086044,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'listings-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'listings-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\lstinline',
+      snippet: '\\lstinline',
+      meta: 'listings-cmd',
+      score: 0.005972262850694285,
+    },
+    {
+      caption: '\\lstinline{}',
+      snippet: '\\lstinline{$1}',
+      meta: 'listings-cmd',
+      score: 0.005972262850694285,
+    },
+    {
+      caption: '\\lstlistoflistings',
+      snippet: '\\lstlistoflistings',
+      meta: 'listings-cmd',
+      score: 0.005279080363360602,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'listings-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  blindtext: [
+    {
+      caption: '\\glqq',
+      snippet: '\\glqq',
+      meta: 'blindtext-cmd',
+      score: 0.0039133256714254504,
+    },
+    {
+      caption: '\\glqq{}',
+      snippet: '\\glqq{$1}',
+      meta: 'blindtext-cmd',
+      score: 0.0039133256714254504,
+    },
+    {
+      caption: '\\blindtext',
+      snippet: '\\blindtext',
+      meta: 'blindtext-cmd',
+      score: 0.05782040856823667,
+    },
+    {
+      caption: '\\blindtext[]',
+      snippet: '\\blindtext[$1]',
+      meta: 'blindtext-cmd',
+      score: 0.05782040856823667,
+    },
+    {
+      caption: '\\Blindtext',
+      snippet: '\\Blindtext',
+      meta: 'blindtext-cmd',
+      score: 0.006384906903938044,
+    },
+    {
+      caption: '\\grqq',
+      snippet: '\\grqq',
+      meta: 'blindtext-cmd',
+      score: 0.006659522189248266,
+    },
+    {
+      caption: '\\grqq{}',
+      snippet: '\\grqq{$1}',
+      meta: 'blindtext-cmd',
+      score: 0.006659522189248266,
+    },
+    {
+      caption: '\\blinddocument',
+      snippet: '\\blinddocument',
+      meta: 'blindtext-cmd',
+      score: 0.00011480988129172825,
+    },
+    {
+      caption: '\\xspace',
+      snippet: '\\xspace',
+      meta: 'blindtext-cmd',
+      score: 0.07560370351316588,
+    },
+  ],
+  enumitem: [
+    {
+      caption: '\\newlist{}{}{}',
+      snippet: '\\newlist{$1}{$2}{$3}',
+      meta: 'enumitem-cmd',
+      score: 0.0007266225924074459,
+    },
+    {
+      caption: '\\setlist[]{}',
+      snippet: '\\setlist[$1]{$2}',
+      meta: 'enumitem-cmd',
+      score: 0.010895384475728338,
+    },
+    {
+      caption: '\\setlist{}',
+      snippet: '\\setlist{$1}',
+      meta: 'enumitem-cmd',
+      score: 0.010895384475728338,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'enumitem-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'enumitem-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\setlistdepth{}',
+      snippet: '\\setlistdepth{$1}',
+      meta: 'enumitem-cmd',
+      score: 0.0001113322912630871,
+    },
+    {
+      caption: '\\setenumerate[]{}',
+      snippet: '\\setenumerate[$1]{$2}',
+      meta: 'enumitem-cmd',
+      score: 7.437178301071255e-5,
+    },
+    {
+      caption: '\\setenumerate{}',
+      snippet: '\\setenumerate{$1}',
+      meta: 'enumitem-cmd',
+      score: 7.437178301071255e-5,
+    },
+    {
+      caption: '\\renewlist{}{}{}',
+      snippet: '\\renewlist{$1}{$2}{$3}',
+      meta: 'enumitem-cmd',
+      score: 0.0001113322912630871,
+    },
+    {
+      caption: '\\descriptionlabel{}',
+      snippet: '\\descriptionlabel{$1}',
+      meta: 'enumitem-cmd',
+      score: 7.678089052626698e-6,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'enumitem-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\setitemize[]{}',
+      snippet: '\\setitemize[$1]{$2}',
+      meta: 'enumitem-cmd',
+      score: 0.0019580640711971786,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'enumitem-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'enumitem-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\makelabel',
+      snippet: '\\makelabel',
+      meta: 'enumitem-cmd',
+      score: 5.739925426740175e-5,
+    },
+    {
+      caption: '\\makelabel{}',
+      snippet: '\\makelabel{$1}',
+      meta: 'enumitem-cmd',
+      score: 5.739925426740175e-5,
+    },
+    {
+      caption: '\\makelabel[]{}',
+      snippet: '\\makelabel[$1]{$2}',
+      meta: 'enumitem-cmd',
+      score: 5.739925426740175e-5,
+    },
+  ],
+  times: [
+    {
+      caption: '\\rmdefault',
+      snippet: '\\rmdefault',
+      meta: 'times-cmd',
+      score: 0.0012870877747432935,
+    },
+    {
+      caption: '\\sfdefault',
+      snippet: '\\sfdefault',
+      meta: 'times-cmd',
+      score: 0.008427383388519996,
+    },
+    {
+      caption: '\\sfdefault{}',
+      snippet: '\\sfdefault{$1}',
+      meta: 'times-cmd',
+      score: 0.008427383388519996,
+    },
+    {
+      caption: '\\ttdefault',
+      snippet: '\\ttdefault',
+      meta: 'times-cmd',
+      score: 0.0011733254149332488,
+    },
+    {
+      caption: '\\ttdefault{}',
+      snippet: '\\ttdefault{$1}',
+      meta: 'times-cmd',
+      score: 0.0011733254149332488,
+    },
+  ],
+  subcaption: [
+    {
+      caption: '\\subref{}',
+      snippet: '\\subref{$1}',
+      meta: 'subcaption-cmd',
+      score: 0.007192033516871399,
+    },
+    {
+      caption: '\\subcaptionbox{}{}',
+      snippet: '\\subcaptionbox{$1}{$2}',
+      meta: 'subcaption-cmd',
+      score: 0.0008634329663023698,
+    },
+    {
+      caption: '\\newsubfloat{}',
+      snippet: '\\newsubfloat{$1}',
+      meta: 'subcaption-cmd',
+      score: 0.000615805121082521,
+    },
+    {
+      caption: '\\subcaption{}',
+      snippet: '\\subcaption{$1}',
+      meta: 'subcaption-cmd',
+      score: 0.006820005741581297,
+    },
+    {
+      caption: '\\subcaption[]{}',
+      snippet: '\\subcaption[$1]{$2}',
+      meta: 'subcaption-cmd',
+      score: 0.006820005741581297,
+    },
+    {
+      caption: '\\captionsetup{}',
+      snippet: '\\captionsetup{$1}',
+      meta: 'subcaption-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\captionsetup[]{}',
+      snippet: '\\captionsetup[$1]{$2}',
+      meta: 'subcaption-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\captionof{}{}',
+      snippet: '\\captionof{$1}{$2}',
+      meta: 'subcaption-cmd',
+      score: 0.018348594199161503,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'subcaption-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\appendix',
+      snippet: '\\appendix',
+      meta: 'subcaption-cmd',
+      score: 0.047007158741781095,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'subcaption-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'subcaption-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\chapter{}',
+      snippet: '\\chapter{$1}',
+      meta: 'subcaption-cmd',
+      score: 0.422097569591803,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'subcaption-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\hspace{}',
+      snippet: '\\hspace{$1}',
+      meta: 'subcaption-cmd',
+      score: 0.3147206476372336,
+    },
+    {
+      caption: '\\caption{}',
+      snippet: '\\caption{$1}',
+      meta: 'subcaption-cmd',
+      score: 1.2569477427490174,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'subcaption-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\ContinuedFloat',
+      snippet: '\\ContinuedFloat',
+      meta: 'subcaption-cmd',
+      score: 5.806935368083486e-5,
+    },
+    {
+      caption: '\\noindent',
+      snippet: '\\noindent',
+      meta: 'subcaption-cmd',
+      score: 0.42355747798114207,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'subcaption-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\DeclareCaptionJustification{}{}',
+      snippet: '\\DeclareCaptionJustification{$1}{$2}',
+      meta: 'subcaption-cmd',
+      score: 0.0001872850414971473,
+    },
+    {
+      caption: '\\DeclareCaptionLabelSeparator{}{}',
+      snippet: '\\DeclareCaptionLabelSeparator{$1}{$2}',
+      meta: 'subcaption-cmd',
+      score: 0.0003890810058478364,
+    },
+    {
+      caption: '\\DeclareCaptionFormat{}{}',
+      snippet: '\\DeclareCaptionFormat{$1}{$2}',
+      meta: 'subcaption-cmd',
+      score: 0.0004717618449370015,
+    },
+    {
+      caption: '\\DeclareCaptionFont{}{}',
+      snippet: '\\DeclareCaptionFont{$1}{$2}',
+      meta: 'subcaption-cmd',
+      score: 5.0133404990680195e-5,
+    },
+    {
+      caption: '\\DeclareCaptionSubType[]{}',
+      snippet: '\\DeclareCaptionSubType[$1]{$2}',
+      meta: 'subcaption-cmd',
+      score: 0.0001872850414971473,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'subcaption-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'subcaption-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\captionsetup{}',
+      snippet: '\\captionsetup{$1}',
+      meta: 'subcaption-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\captionsetup[]{}',
+      snippet: '\\captionsetup[$1]{$2}',
+      meta: 'subcaption-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'subcaption-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\DeclareCaptionType{}[][]',
+      snippet: '\\DeclareCaptionType{$1}[$2][$3]',
+      meta: 'subcaption-cmd',
+      score: 0.00015256647321237863,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'subcaption-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\footnote{}',
+      snippet: '\\footnote{$1}',
+      meta: 'subcaption-cmd',
+      score: 0.2253056071787701,
+    },
+    {
+      caption: '\\footnotemark[]',
+      snippet: '\\footnotemark[$1]',
+      meta: 'subcaption-cmd',
+      score: 0.021473212893597875,
+    },
+    {
+      caption: '\\footnotemark',
+      snippet: '\\footnotemark',
+      meta: 'subcaption-cmd',
+      score: 0.021473212893597875,
+    },
+  ],
+  bm: [
+    {
+      caption: '\\bm{}',
+      snippet: '\\bm{$1}',
+      meta: 'bm-cmd',
+      score: 0.14733018077819282,
+    },
+    {
+      caption: '\\bm',
+      snippet: '\\bm',
+      meta: 'bm-cmd',
+      score: 0.14733018077819282,
+    },
+  ],
+  fontspec: [
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'fontspec-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'fontspec-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  subfigure: [
+    {
+      caption: '\\subref{}',
+      snippet: '\\subref{$1}',
+      meta: 'subfigure-cmd',
+      score: 0.007192033516871399,
+    },
+    {
+      caption: '\\subfigure[]{}',
+      snippet: '\\subfigure[$1]{$2}',
+      meta: 'subfigure-cmd',
+      score: 0.037856842641104005,
+    },
+  ],
+  calc: [
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'calc-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'calc-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'calc-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'calc-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'calc-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'calc-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'calc-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'calc-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'calc-cmd',
+      score: 0.028955796305270766,
+    },
+  ],
+  tabularx: [
+    {
+      caption: '\\let',
+      snippet: '\\let',
+      meta: 'tabularx-cmd',
+      score: 0.03789745970461662,
+    },
+    {
+      caption: '\\write',
+      snippet: '\\write',
+      meta: 'tabularx-cmd',
+      score: 0.0008038857295393196,
+    },
+    {
+      caption: '\\tabularxcolumn[]{}',
+      snippet: '\\tabularxcolumn[$1]{$2}',
+      meta: 'tabularx-cmd',
+      score: 0.00048507499766588637,
+    },
+    {
+      caption: '\\tabularxcolumn',
+      snippet: '\\tabularxcolumn',
+      meta: 'tabularx-cmd',
+      score: 0.00048507499766588637,
+    },
+    {
+      caption: '\\tabularx{}{}',
+      snippet: '\\tabularx{$1}{$2}',
+      meta: 'tabularx-cmd',
+      score: 0.0005861357565780464,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'tabularx-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'tabularx-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'tabularx-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'tabularx-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'tabularx-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'tabularx-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tabularx-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'tabularx-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'tabularx-cmd',
+      score: 0.018615449342361392,
+    },
+  ],
+  algorithm: [
+    {
+      caption: '\\listalgorithmname',
+      snippet: '\\listalgorithmname',
+      meta: 'algorithm-cmd',
+      score: 0.00022490402516652368,
+    },
+    {
+      caption: '\\listofalgorithms',
+      snippet: '\\listofalgorithms',
+      meta: 'algorithm-cmd',
+      score: 0.0012576983422794912,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'algorithm-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'algorithm-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'algorithm-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'algorithm-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'algorithm-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'algorithm-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\listof{}{}',
+      snippet: '\\listof{$1}{$2}',
+      meta: 'algorithm-cmd',
+      score: 0.0009837365348002915,
+    },
+    {
+      caption: '\\floatplacement{}{}',
+      snippet: '\\floatplacement{$1}{$2}',
+      meta: 'algorithm-cmd',
+      score: 0.0005815474978918903,
+    },
+    {
+      caption: '\\restylefloat{}',
+      snippet: '\\restylefloat{$1}',
+      meta: 'algorithm-cmd',
+      score: 0.0008866338267686714,
+    },
+    {
+      caption: '\\floatstyle{}',
+      snippet: '\\floatstyle{$1}',
+      meta: 'algorithm-cmd',
+      score: 0.0015470917047414941,
+    },
+    {
+      caption: '\\floatname{}{}',
+      snippet: '\\floatname{$1}{$2}',
+      meta: 'algorithm-cmd',
+      score: 0.0011934321931750752,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'algorithm-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\caption{}',
+      snippet: '\\caption{$1}',
+      meta: 'algorithm-cmd',
+      score: 1.2569477427490174,
+    },
+    {
+      caption: '\\newfloat{}{}{}',
+      snippet: '\\newfloat{$1}{$2}{$3}',
+      meta: 'algorithm-cmd',
+      score: 0.0012745874472536625,
+    },
+    {
+      caption: '\\newfloat',
+      snippet: '\\newfloat',
+      meta: 'algorithm-cmd',
+      score: 0.0012745874472536625,
+    },
+    {
+      caption: '\\newfloat{}',
+      snippet: '\\newfloat{$1}',
+      meta: 'algorithm-cmd',
+      score: 0.0012745874472536625,
+    },
+  ],
+  biblatex: [
+    {
+      caption: '\\textcite{}',
+      snippet: '\\textcite{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.0071363824748767206,
+    },
+    {
+      caption: '\\iffieldundef{}{}{}',
+      snippet: '\\iffieldundef{$1}{$2}{$3}',
+      meta: 'biblatex-cmd',
+      score: 4.841482597532878e-5,
+    },
+    {
+      caption: '\\list{}{}',
+      snippet: '\\list{$1}{$2}',
+      meta: 'biblatex-cmd',
+      score: 0.00046570666700199663,
+    },
+    {
+      caption: '\\list{}',
+      snippet: '\\list{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.00046570666700199663,
+    },
+    {
+      caption: '\\list',
+      snippet: '\\list',
+      meta: 'biblatex-cmd',
+      score: 0.00046570666700199663,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'biblatex-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\printbibliography',
+      snippet: '\\printbibliography',
+      meta: 'biblatex-cmd',
+      score: 0.028923378512954446,
+    },
+    {
+      caption: '\\printbibliography[]',
+      snippet: '\\printbibliography[$1]',
+      meta: 'biblatex-cmd',
+      score: 0.028923378512954446,
+    },
+    {
+      caption: '\\keyword{}',
+      snippet: '\\keyword{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.0056978719547823445,
+    },
+    {
+      caption: '\\nocite{}',
+      snippet: '\\nocite{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.04990693820960752,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'biblatex-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\mkbibquote{}',
+      snippet: '\\mkbibquote{$1}',
+      meta: 'biblatex-cmd',
+      score: 4.841482597532878e-5,
+    },
+    {
+      caption: '\\addabbrvspace',
+      snippet: '\\addabbrvspace',
+      meta: 'biblatex-cmd',
+      score: 4.841482597532878e-5,
+    },
+    {
+      caption: '\\AtEveryBibitem{}',
+      snippet: '\\AtEveryBibitem{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.0006862523808353773,
+    },
+    {
+      caption: '\\mkbibemph{}',
+      snippet: '\\mkbibemph{$1}',
+      meta: 'biblatex-cmd',
+      score: 4.841482597532878e-5,
+    },
+    {
+      caption: '\\DeclareFieldFormat{}{}',
+      snippet: '\\DeclareFieldFormat{$1}{$2}',
+      meta: 'biblatex-cmd',
+      score: 0.00028207109055618685,
+    },
+    {
+      caption: '\\bibliography{}',
+      snippet: '\\bibliography{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.2659628337907604,
+    },
+    {
+      caption: '\\enquote{}',
+      snippet: '\\enquote{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.0077432730806830915,
+    },
+    {
+      caption: '\\bibopenbracket',
+      snippet: '\\bibopenbracket',
+      meta: 'biblatex-cmd',
+      score: 0.0005125772067631753,
+    },
+    {
+      caption: '\\newbibmacro{}[]{}',
+      snippet: '\\newbibmacro{$1}[$2]{$3}',
+      meta: 'biblatex-cmd',
+      score: 4.841482597532878e-5,
+    },
+    {
+      caption: '\\addbibresource{}',
+      snippet: '\\addbibresource{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.033545778388159704,
+    },
+    {
+      caption: '\\defbibheading{}{}',
+      snippet: '\\defbibheading{$1}{$2}',
+      meta: 'biblatex-cmd',
+      score: 0.00013423526504458629,
+    },
+    {
+      caption: '\\DeclareNameAlias{}{}',
+      snippet: '\\DeclareNameAlias{$1}{$2}',
+      meta: 'biblatex-cmd',
+      score: 0.0003596306478652252,
+    },
+    {
+      caption: '\\bibcloseparen',
+      snippet: '\\bibcloseparen',
+      meta: 'biblatex-cmd',
+      score: 0.0005125772067631753,
+    },
+    {
+      caption: '\\renewbibmacro{}{}',
+      snippet: '\\renewbibmacro{$1}{$2}',
+      meta: 'biblatex-cmd',
+      score: 9.70299207241043e-5,
+    },
+    {
+      caption: '\\bibclosebracket',
+      snippet: '\\bibclosebracket',
+      meta: 'biblatex-cmd',
+      score: 0.0005125772067631753,
+    },
+    {
+      caption: '\\item',
+      snippet: '\\item ',
+      meta: 'biblatex-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\item[]',
+      snippet: '\\item[$1] ',
+      meta: 'biblatex-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\parentext',
+      snippet: '\\parentext',
+      meta: 'biblatex-cmd',
+      score: 0.0005125772067631753,
+    },
+    {
+      caption: '\\cite{}',
+      snippet: '\\cite{$1}',
+      meta: 'biblatex-cmd',
+      score: 2.341195220791228,
+    },
+    {
+      caption: '\\addspace',
+      snippet: '\\addspace',
+      meta: 'biblatex-cmd',
+      score: 0.0002657609533376918,
+    },
+    {
+      caption: '\\ifentrytype{}{}{}',
+      snippet: '\\ifentrytype{$1}{$2}{$3}',
+      meta: 'biblatex-cmd',
+      score: 8.342875497183237e-5,
+    },
+    {
+      caption: '\\addslash',
+      snippet: '\\addslash',
+      meta: 'biblatex-cmd',
+      score: 0.0002657609533376918,
+    },
+    {
+      caption: '\\DefineBibliographyStrings{}{}',
+      snippet: '\\DefineBibliographyStrings{$1}{$2}',
+      meta: 'biblatex-cmd',
+      score: 0.001537977148659816,
+    },
+    {
+      caption: '\\section{}',
+      snippet: '\\section{$1}',
+      meta: 'biblatex-cmd',
+      score: 3.0952612541683835,
+    },
+    {
+      caption: '\\newblockpunct',
+      snippet: '\\newblockpunct',
+      meta: 'biblatex-cmd',
+      score: 0.0001328804766688459,
+    },
+    {
+      caption: '\\defbibfilter{}{}',
+      snippet: '\\defbibfilter{$1}{$2}',
+      meta: 'biblatex-cmd',
+      score: 0.0005203319717980072,
+    },
+    {
+      caption: '\\parencite{}',
+      snippet: '\\parencite{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.0447747090014577,
+    },
+    {
+      caption: '\\parencite[]{}',
+      snippet: '\\parencite[$1]{$2}',
+      meta: 'biblatex-cmd',
+      score: 0.0447747090014577,
+    },
+    {
+      caption: '\\midsentence',
+      snippet: '\\midsentence',
+      meta: 'biblatex-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\nolinkurl{}',
+      snippet: '\\nolinkurl{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.0004995635515943437,
+    },
+    {
+      caption: '\\DeclareSourcemap{}',
+      snippet: '\\DeclareSourcemap{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.0005203319717980072,
+    },
+    {
+      caption: '\\AtBeginBibliography{}',
+      snippet: '\\AtBeginBibliography{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.0004668773504581073,
+    },
+    {
+      caption: '\\AtEveryCite{}',
+      snippet: '\\AtEveryCite{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.0005125772067631753,
+    },
+    {
+      caption: '\\DeclareLanguageMapping{}{}',
+      snippet: '\\DeclareLanguageMapping{$1}{$2}',
+      meta: 'biblatex-cmd',
+      score: 0.000703956971675325,
+    },
+    {
+      caption: '\\addtocategory{}{}',
+      snippet: '\\addtocategory{$1}{$2}',
+      meta: 'biblatex-cmd',
+      score: 0.008238589553468446,
+    },
+    {
+      caption: '\\DeclareBibliographyCategory{}',
+      snippet: '\\DeclareBibliographyCategory{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.0010298236941835557,
+    },
+    {
+      caption: '\\break',
+      snippet: '\\break',
+      meta: 'biblatex-cmd',
+      score: 0.016352452390960115,
+    },
+    {
+      caption: '\\break{}',
+      snippet: '\\break{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.016352452390960115,
+    },
+    {
+      caption: '\\break{}{}',
+      snippet: '\\break{$1}{$2}',
+      meta: 'biblatex-cmd',
+      score: 0.016352452390960115,
+    },
+    {
+      caption: '\\bibopenparen',
+      snippet: '\\bibopenparen',
+      meta: 'biblatex-cmd',
+      score: 0.0005125772067631753,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'biblatex-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\name{}{}',
+      snippet: '\\name{$1}{$2}',
+      meta: 'biblatex-cmd',
+      score: 0.1236289144754329,
+    },
+    {
+      caption: '\\name',
+      snippet: '\\name',
+      meta: 'biblatex-cmd',
+      score: 0.1236289144754329,
+    },
+    {
+      caption: '\\name{}',
+      snippet: '\\name{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.1236289144754329,
+    },
+    {
+      caption: '\\ExecuteBibliographyOptions{}',
+      snippet: '\\ExecuteBibliographyOptions{$1}',
+      meta: 'biblatex-cmd',
+      score: 4.841482597532878e-5,
+    },
+    {
+      caption: '\\usebibmacro{}{}',
+      snippet: '\\usebibmacro{$1}{$2}',
+      meta: 'biblatex-cmd',
+      score: 9.682965195065755e-5,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'biblatex-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\UrlBreaks{}',
+      snippet: '\\UrlBreaks{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.001030592515645366,
+    },
+    {
+      caption: '\\UrlBreaks',
+      snippet: '\\UrlBreaks',
+      meta: 'biblatex-cmd',
+      score: 0.001030592515645366,
+    },
+    {
+      caption: '\\Url',
+      snippet: '\\Url',
+      meta: 'biblatex-cmd',
+      score: 0.0002854206807593436,
+    },
+    {
+      caption: '\\UrlOrds{}',
+      snippet: '\\UrlOrds{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.0006882563723629154,
+    },
+    {
+      caption: '\\UrlOrds',
+      snippet: '\\UrlOrds',
+      meta: 'biblatex-cmd',
+      score: 0.0006882563723629154,
+    },
+    {
+      caption: '\\urlstyle{}',
+      snippet: '\\urlstyle{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.010515056688180681,
+    },
+    {
+      caption: '\\urldef{}',
+      snippet: '\\urldef{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.008041789461944983,
+    },
+    {
+      caption: '\\UrlBigBreaks{}',
+      snippet: '\\UrlBigBreaks{$1}',
+      meta: 'biblatex-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\UrlFont{}',
+      snippet: '\\UrlFont{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.0032990580087398644,
+    },
+    {
+      caption: '\\UrlSpecials{}',
+      snippet: '\\UrlSpecials{$1}',
+      meta: 'biblatex-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\UrlNoBreaks',
+      snippet: '\\UrlNoBreaks',
+      meta: 'biblatex-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'biblatex-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'biblatex-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'biblatex-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'biblatex-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'biblatex-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'biblatex-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'biblatex-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'biblatex-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'biblatex-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'biblatex-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'biblatex-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'biblatex-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'biblatex-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'biblatex-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'biblatex-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'biblatex-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'biblatex-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'biblatex-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'biblatex-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'biblatex-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'biblatex-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'biblatex-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'biblatex-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'biblatex-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'biblatex-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'biblatex-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'biblatex-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'biblatex-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'biblatex-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'biblatex-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'biblatex-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'biblatex-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'biblatex-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'biblatex-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'biblatex-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'biblatex-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'biblatex-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  microtype: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'microtype-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'microtype-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'microtype-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\lsstyle',
+      snippet: '\\lsstyle',
+      meta: 'microtype-cmd',
+      score: 0.0023367519914345774,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'microtype-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\DisableLigatures[]{}',
+      snippet: '\\DisableLigatures[$1]{$2}',
+      meta: 'microtype-cmd',
+      score: 0.0009805246614299932,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'microtype-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  etoolbox: [
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'etoolbox-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'etoolbox-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'etoolbox-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'etoolbox-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'etoolbox-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'etoolbox-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'etoolbox-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'etoolbox-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'etoolbox-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'etoolbox-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'etoolbox-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'etoolbox-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'etoolbox-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'etoolbox-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'etoolbox-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'etoolbox-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'etoolbox-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'etoolbox-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'etoolbox-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'etoolbox-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'etoolbox-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'etoolbox-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  longtable: [
+    {
+      caption: '\\endhead',
+      snippet: '\\endhead',
+      meta: 'longtable-cmd',
+      score: 0.0023853501147448834,
+    },
+    {
+      caption: '\\endfoot',
+      snippet: '\\endfoot',
+      meta: 'longtable-cmd',
+      score: 0.00044045261916551967,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'longtable-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'longtable-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\nopagebreak',
+      snippet: '\\nopagebreak',
+      meta: 'longtable-cmd',
+      score: 9.952664522415981e-5,
+    },
+    {
+      caption: '\\endfirsthead',
+      snippet: '\\endfirsthead',
+      meta: 'longtable-cmd',
+      score: 0.0016148498709822416,
+    },
+    {
+      caption: '\\endlastfoot',
+      snippet: '\\endlastfoot',
+      meta: 'longtable-cmd',
+      score: 0.00044045261916551967,
+    },
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'longtable-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\tablename',
+      snippet: '\\tablename',
+      meta: 'longtable-cmd',
+      score: 0.0029238994233674776,
+    },
+    {
+      caption: '\\pagebreak',
+      snippet: '\\pagebreak',
+      meta: 'longtable-cmd',
+      score: 0.0313525090421608,
+    },
+  ],
+  mathtools: [
+    {
+      caption: '\\xleftrightarrow[][]{}',
+      snippet: '\\xleftrightarrow[$1][$2]{$3}',
+      meta: 'mathtools-cmd',
+      score: 4.015559489911509e-5,
+    },
+    {
+      caption: '\\vcentcolon',
+      snippet: '\\vcentcolon',
+      meta: 'mathtools-cmd',
+      score: 0.00021361943526711615,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\coloneqq',
+      snippet: '\\coloneqq',
+      meta: 'mathtools-cmd',
+      score: 0.0014407293323958122,
+    },
+    {
+      caption: '\\mathclap{}',
+      snippet: '\\mathclap{$1}',
+      meta: 'mathtools-cmd',
+      score: 7.84378567451772e-5,
+    },
+    {
+      caption: '\\adjustlimits',
+      snippet: '\\adjustlimits',
+      meta: 'mathtools-cmd',
+      score: 0.0005307066890271085,
+    },
+    {
+      caption: '\\MoveEqLeft',
+      snippet: '\\MoveEqLeft',
+      meta: 'mathtools-cmd',
+      score: 5.343949980628182e-5,
+    },
+    {
+      caption: '\\mathrlap{}',
+      snippet: '\\mathrlap{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0003112817211637952,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'mathtools-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\xhookrightarrow{}',
+      snippet: '\\xhookrightarrow{$1}',
+      meta: 'mathtools-cmd',
+      score: 5.444260823474129e-5,
+    },
+    {
+      caption: '\\DeclarePairedDelimiter{}{}{}',
+      snippet: '\\DeclarePairedDelimiter{$1}{$2}{$3}',
+      meta: 'mathtools-cmd',
+      score: 0.0033916678416372487,
+    },
+    {
+      caption: '\\DeclarePairedDelimiter',
+      snippet: '\\DeclarePairedDelimiter',
+      meta: 'mathtools-cmd',
+      score: 0.0033916678416372487,
+    },
+    {
+      caption: '\\prescript{}{}{}',
+      snippet: '\\prescript{$1}{$2}{$3}',
+      meta: 'mathtools-cmd',
+      score: 8.833369785705982e-6,
+    },
+    {
+      caption: '\\underbrace{}',
+      snippet: '\\underbrace{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.010373780436850907,
+    },
+    {
+      caption: '\\mathllap{}',
+      snippet: '\\mathllap{$1}',
+      meta: 'mathtools-cmd',
+      score: 3.140504277052775e-5,
+    },
+    {
+      caption: '\\overbrace{}',
+      snippet: '\\overbrace{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0006045704778718376,
+    },
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'mathtools-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'mathtools-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'mathtools-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'mathtools-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'mathtools-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'mathtools-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'mathtools-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'mathtools-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'mathtools-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'mathtools-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\longmapsto',
+      snippet: '\\longmapsto',
+      meta: 'mathtools-cmd',
+      score: 0.0017755897148012264,
+    },
+    {
+      caption: '\\Check{}',
+      snippet: '\\Check{$1}',
+      meta: 'mathtools-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'mathtools-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'mathtools-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'mathtools-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\And',
+      snippet: '\\And',
+      meta: 'mathtools-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\And{}',
+      snippet: '\\And{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'mathtools-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\boxed{}',
+      snippet: '\\boxed{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0035536135737312827,
+    },
+    {
+      caption: '\\Ddot{}',
+      snippet: '\\Ddot{$1}',
+      meta: 'mathtools-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ignorespacesafterend',
+      snippet: '\\ignorespacesafterend',
+      meta: 'mathtools-cmd',
+      score: 0.0010893680553454854,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'mathtools-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\Breve{}',
+      snippet: '\\Breve{$1}',
+      meta: 'mathtools-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'mathtools-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\over{}',
+      snippet: '\\over{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\over',
+      snippet: '\\over',
+      meta: 'mathtools-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\bigotimes',
+      snippet: '\\bigotimes',
+      meta: 'mathtools-cmd',
+      score: 0.000984722260624791,
+    },
+    {
+      caption: '\\bigoplus',
+      snippet: '\\bigoplus',
+      meta: 'mathtools-cmd',
+      score: 0.0011508785476242003,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'mathtools-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\bigcap',
+      snippet: '\\bigcap',
+      meta: 'mathtools-cmd',
+      score: 0.005709261168797874,
+    },
+    {
+      caption: '\\xrightarrow{}',
+      snippet: '\\xrightarrow{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\xrightarrow[]{}',
+      snippet: '\\xrightarrow[$1]{$2}',
+      meta: 'mathtools-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\atop',
+      snippet: '\\atop',
+      meta: 'mathtools-cmd',
+      score: 0.0006518541515279979,
+    },
+    {
+      caption: '\\dfrac{}{}',
+      snippet: '\\dfrac{$1}{$2}',
+      meta: 'mathtools-cmd',
+      score: 0.05397545277891961,
+    },
+    {
+      caption: '\\pmod',
+      snippet: '\\pmod',
+      meta: 'mathtools-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\pmod{}',
+      snippet: '\\pmod{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\notag',
+      snippet: '\\notag',
+      meta: 'mathtools-cmd',
+      score: 0.00322520920930312,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'mathtools-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\Vec{}',
+      snippet: '\\Vec{$1}',
+      meta: 'mathtools-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\bigvee',
+      snippet: '\\bigvee',
+      meta: 'mathtools-cmd',
+      score: 0.0011677288242806726,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'mathtools-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\hookrightarrow',
+      snippet: '\\hookrightarrow',
+      meta: 'mathtools-cmd',
+      score: 0.0015607282046545064,
+    },
+    {
+      caption: '\\bigsqcup',
+      snippet: '\\bigsqcup',
+      meta: 'mathtools-cmd',
+      score: 0.0003468284144579442,
+    },
+    {
+      caption: '\\hookleftarrow',
+      snippet: '\\hookleftarrow',
+      meta: 'mathtools-cmd',
+      score: 0.0016498799924012809,
+    },
+    {
+      caption: '\\Dot{}',
+      snippet: '\\Dot{$1}',
+      meta: 'mathtools-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\dots',
+      snippet: '\\dots',
+      meta: 'mathtools-cmd',
+      score: 0.0847414497955395,
+    },
+    {
+      caption: '\\genfrac{}{}{}{}{}{}',
+      snippet: '\\genfrac{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'mathtools-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\genfrac',
+      snippet: '\\genfrac',
+      meta: 'mathtools-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\cfrac{}{}',
+      snippet: '\\cfrac{$1}{$2}',
+      meta: 'mathtools-cmd',
+      score: 0.006765684097139381,
+    },
+    {
+      caption: '\\Acute{}',
+      snippet: '\\Acute{$1}',
+      meta: 'mathtools-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ldots',
+      snippet: '\\ldots',
+      meta: 'mathtools-cmd',
+      score: 0.11585556755884258,
+    },
+    {
+      caption: '\\coprod',
+      snippet: '\\coprod',
+      meta: 'mathtools-cmd',
+      score: 0.00011383372700282614,
+    },
+    {
+      caption: '\\impliedby',
+      snippet: '\\impliedby',
+      meta: 'mathtools-cmd',
+      score: 2.3482915591834053e-5,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'mathtools-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\idotsint',
+      snippet: '\\idotsint',
+      meta: 'mathtools-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\Longrightarrow',
+      snippet: '\\Longrightarrow',
+      meta: 'mathtools-cmd',
+      score: 0.002459139437356601,
+    },
+    {
+      caption: '\\allowdisplaybreaks',
+      snippet: '\\allowdisplaybreaks',
+      meta: 'mathtools-cmd',
+      score: 0.005931777024772073,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\mod',
+      snippet: '\\mod',
+      meta: 'mathtools-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\mod{}',
+      snippet: '\\mod{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'mathtools-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'mathtools-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\underset{}{}',
+      snippet: '\\underset{$1}{$2}',
+      meta: 'mathtools-cmd',
+      score: 0.012799893214578391,
+    },
+    {
+      caption: '\\dotsc',
+      snippet: '\\dotsc',
+      meta: 'mathtools-cmd',
+      score: 0.0008555101484119994,
+    },
+    {
+      caption: '\\doteq',
+      snippet: '\\doteq',
+      meta: 'mathtools-cmd',
+      score: 3.164631070474435e-5,
+    },
+    {
+      caption: '\\leftroot{}',
+      snippet: '\\leftroot{$1}',
+      meta: 'mathtools-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\substack{}',
+      snippet: '\\substack{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0037482529712850755,
+    },
+    {
+      caption: '\\Hat{}',
+      snippet: '\\Hat{$1}',
+      meta: 'mathtools-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'mathtools-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\mspace{}',
+      snippet: '\\mspace{$1}',
+      meta: 'mathtools-cmd',
+      score: 3.423236656565836e-5,
+    },
+    {
+      caption: '\\Bar{}',
+      snippet: '\\Bar{$1}',
+      meta: 'mathtools-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\Grave{}',
+      snippet: '\\Grave{$1}',
+      meta: 'mathtools-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'mathtools-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\tbinom',
+      snippet: '\\tbinom',
+      meta: 'mathtools-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\dotsi',
+      snippet: '\\dotsi',
+      meta: 'mathtools-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\bigwedge',
+      snippet: '\\bigwedge',
+      meta: 'mathtools-cmd',
+      score: 0.000347742918592393,
+    },
+    {
+      caption: '\\sideset{}{}',
+      snippet: '\\sideset{$1}{$2}',
+      meta: 'mathtools-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\smash{}',
+      snippet: '\\smash{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\smash[]{}',
+      snippet: '\\smash[$1]{$2}',
+      meta: 'mathtools-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\colon',
+      snippet: '\\colon',
+      meta: 'mathtools-cmd',
+      score: 0.005300291684408929,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\Longleftarrow',
+      snippet: '\\Longleftarrow',
+      meta: 'mathtools-cmd',
+      score: 8.477207854183949e-5,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'mathtools-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\AmS',
+      snippet: '\\AmS',
+      meta: 'mathtools-cmd',
+      score: 0.00047859486202980376,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\tfrac{}{}',
+      snippet: '\\tfrac{$1}{$2}',
+      meta: 'mathtools-cmd',
+      score: 0.0005923542426657187,
+    },
+    {
+      caption: '\\uproot{}',
+      snippet: '\\uproot{$1}',
+      meta: 'mathtools-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\bmod',
+      snippet: '\\bmod',
+      meta: 'mathtools-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\bmod{}',
+      snippet: '\\bmod{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\pod{}',
+      snippet: '\\pod{$1}',
+      meta: 'mathtools-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'mathtools-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\longrightarrow',
+      snippet: '\\longrightarrow',
+      meta: 'mathtools-cmd',
+      score: 0.013399422292458848,
+    },
+    {
+      caption: '\\xleftarrow[]{}',
+      snippet: '\\xleftarrow[$1]{$2}',
+      meta: 'mathtools-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\xleftarrow{}',
+      snippet: '\\xleftarrow{$1}',
+      meta: 'mathtools-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\mathaccentV',
+      snippet: '\\mathaccentV',
+      meta: 'mathtools-cmd',
+      score: 6.216218551413489e-5,
+    },
+    {
+      caption: '\\hdotsfor{}',
+      snippet: '\\hdotsfor{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\hdotsfor[]{}',
+      snippet: '\\hdotsfor[$1]{$2}',
+      meta: 'mathtools-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'mathtools-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'mathtools-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\overset{}{}',
+      snippet: '\\overset{$1}{$2}',
+      meta: 'mathtools-cmd',
+      score: 0.007611544955294224,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'mathtools-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\longleftrightarrow',
+      snippet: '\\longleftrightarrow',
+      meta: 'mathtools-cmd',
+      score: 0.0002851769278703356,
+    },
+    {
+      caption: '\\Longleftrightarrow',
+      snippet: '\\Longleftrightarrow',
+      meta: 'mathtools-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\Longleftrightarrow{}',
+      snippet: '\\Longleftrightarrow{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\binom{}{}',
+      snippet: '\\binom{$1}{$2}',
+      meta: 'mathtools-cmd',
+      score: 0.013010882180364367,
+    },
+    {
+      caption: '\\longleftarrow',
+      snippet: '\\longleftarrow',
+      meta: 'mathtools-cmd',
+      score: 0.0011096532692473691,
+    },
+    {
+      caption: '\\dbinom{}{}',
+      snippet: '\\dbinom{$1}{$2}',
+      meta: 'mathtools-cmd',
+      score: 0.006800272303210672,
+    },
+    {
+      caption: '\\Tilde{}',
+      snippet: '\\Tilde{$1}',
+      meta: 'mathtools-cmd',
+      score: 7.874446783586035e-5,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'mathtools-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'mathtools-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'mathtools-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'mathtools-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'mathtools-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'mathtools-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'mathtools-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'mathtools-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'mathtools-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'mathtools-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'mathtools-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'mathtools-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'mathtools-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'mathtools-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'mathtools-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'mathtools-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'mathtools-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'mathtools-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'mathtools-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'mathtools-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'mathtools-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'mathtools-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'mathtools-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'mathtools-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'mathtools-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'mathtools-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'mathtools-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'mathtools-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'mathtools-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'mathtools-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'mathtools-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'mathtools-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'mathtools-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'mathtools-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'mathtools-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'mathtools-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'mathtools-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'mathtools-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'mathtools-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'mathtools-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mathtools-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'mathtools-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'mathtools-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  verbatim: [
+    {
+      caption: '\\endverbatim',
+      snippet: '\\endverbatim',
+      meta: 'verbatim-cmd',
+      score: 0.0022216421267780076,
+    },
+    {
+      caption: '\\verbatim',
+      snippet: '\\verbatim',
+      meta: 'verbatim-cmd',
+      score: 0.0072203369120285256,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'verbatim-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'verbatim-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\par',
+      snippet: '\\par',
+      meta: 'verbatim-cmd',
+      score: 0.413853376001159,
+    },
+    {
+      caption: '\\verbatiminput{}',
+      snippet: '\\verbatiminput{$1}',
+      meta: 'verbatim-cmd',
+      score: 0.0024547099784948665,
+    },
+    {
+      caption: '\\verbatiminput',
+      snippet: '\\verbatiminput',
+      meta: 'verbatim-cmd',
+      score: 0.0024547099784948665,
+    },
+  ],
+  wrapfig: [
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'wrapfig-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\par',
+      snippet: '\\par',
+      meta: 'wrapfig-cmd',
+      score: 0.413853376001159,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'wrapfig-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'wrapfig-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\wrapfigure{}{}',
+      snippet: '\\wrapfigure{$1}{$2}',
+      meta: 'wrapfig-cmd',
+      score: 0.0003295435821387379,
+    },
+  ],
+  epsfig: [
+    {
+      caption: '\\epsfbox{}',
+      snippet: '\\epsfbox{$1}',
+      meta: 'epsfig-cmd',
+      score: 0.00013712781345832882,
+    },
+    {
+      caption: '\\psfig{}',
+      snippet: '\\psfig{$1}',
+      meta: 'epsfig-cmd',
+      score: 0.0017552046452897515,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'epsfig-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'epsfig-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'epsfig-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'epsfig-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'epsfig-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'epsfig-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'epsfig-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'epsfig-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'epsfig-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'epsfig-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'epsfig-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'epsfig-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'epsfig-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'epsfig-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'epsfig-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'epsfig-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'epsfig-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'epsfig-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'epsfig-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'epsfig-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  cite: [
+    {
+      caption: '\\citeonline{}',
+      snippet: '\\citeonline{$1}',
+      meta: 'cite-cmd',
+      score: 0.014277840409455324,
+    },
+    {
+      caption: '\\citenum{}',
+      snippet: '\\citenum{$1}',
+      meta: 'cite-cmd',
+      score: 0.0027420903627423383,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'cite-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'cite-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\nocite{}',
+      snippet: '\\nocite{$1}',
+      meta: 'cite-cmd',
+      score: 0.04990693820960752,
+    },
+    {
+      caption: '\\cite{}',
+      snippet: '\\cite{$1}',
+      meta: 'cite-cmd',
+      score: 2.341195220791228,
+    },
+  ],
+  lipsum: [
+    {
+      caption: '\\setlipsumdefault{}',
+      snippet: '\\setlipsumdefault{$1}',
+      meta: 'lipsum-cmd',
+      score: 0.00024112945034541791,
+    },
+    {
+      caption: '\\lipsum[]',
+      snippet: '\\lipsum[$1]',
+      meta: 'lipsum-cmd',
+      score: 0.0300787181624191,
+    },
+  ],
+  algpseudocode: [
+    {
+      caption: '\\algrenewcommand',
+      snippet: '\\algrenewcommand',
+      meta: 'algpseudocode-cmd',
+      score: 0.0019861803661869416,
+    },
+    {
+      caption: '\\Statex',
+      snippet: '\\Statex',
+      meta: 'algpseudocode-cmd',
+      score: 0.008622777195102994,
+    },
+    {
+      caption: '\\BState{}',
+      snippet: '\\BState{$1}',
+      meta: 'algpseudocode-cmd',
+      score: 0.0008685861525307122,
+    },
+    {
+      caption: '\\BState',
+      snippet: '\\BState',
+      meta: 'algpseudocode-cmd',
+      score: 0.0008685861525307122,
+    },
+    {
+      caption: '\\algloopdefx{}[][]{}',
+      snippet: '\\algloopdefx{$1}[$2][$3]{$4}',
+      meta: 'algpseudocode-cmd',
+      score: 0.00025315185701145097,
+    },
+    {
+      caption: '\\algnewcommand',
+      snippet: '\\algnewcommand',
+      meta: 'algpseudocode-cmd',
+      score: 0.0030209395012065327,
+    },
+    {
+      caption: '\\algnewcommand{}[]{}',
+      snippet: '\\algnewcommand{$1}[$2]{$3}',
+      meta: 'algpseudocode-cmd',
+      score: 0.0030209395012065327,
+    },
+    {
+      caption: '\\Comment{}',
+      snippet: '\\Comment{$1}',
+      meta: 'algpseudocode-cmd',
+      score: 0.005178604573219454,
+    },
+    {
+      caption: '\\algblockdefx{}{}[]',
+      snippet: '\\algblockdefx{$1}{$2}[$3]',
+      meta: 'algpseudocode-cmd',
+      score: 0.00025315185701145097,
+    },
+    {
+      caption: '\\algrenewtext{}{}',
+      snippet: '\\algrenewtext{$1}{$2}',
+      meta: 'algpseudocode-cmd',
+      score: 0.0024415580558825975,
+    },
+    {
+      caption: '\\algrenewtext{}[]{}',
+      snippet: '\\algrenewtext{$1}[$2]{$3}',
+      meta: 'algpseudocode-cmd',
+      score: 0.0024415580558825975,
+    },
+    {
+      caption: '\\algblock{}{}',
+      snippet: '\\algblock{$1}{$2}',
+      meta: 'algpseudocode-cmd',
+      score: 0.0007916858220314837,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'algpseudocode-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\algdef{}[]{}{}{}{}',
+      snippet: '\\algdef{$1}[$2]{$3}{$4}{$5}{$6}',
+      meta: 'algpseudocode-cmd',
+      score: 0.0003102486920966127,
+    },
+    {
+      caption: '\\algdef{}[]{}{}[]{}{}',
+      snippet: '\\algdef{$1}[$2]{$3}{$4}[$5]{$6}{$7}',
+      meta: 'algpseudocode-cmd',
+      score: 0.0003102486920966127,
+    },
+    {
+      caption: '\\algdef{}[]{}[]{}',
+      snippet: '\\algdef{$1}[$2]{$3}[$4]{$5}',
+      meta: 'algpseudocode-cmd',
+      score: 0.0003102486920966127,
+    },
+    {
+      caption: '\\algtext{}',
+      snippet: '\\algtext{$1}',
+      meta: 'algpseudocode-cmd',
+      score: 0.0005463612015579842,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'algpseudocode-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'algpseudocode-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'algpseudocode-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'algpseudocode-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'algpseudocode-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'algpseudocode-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  textpos: [
+    {
+      caption: '\\textblockorigin{}{}',
+      snippet: '\\textblockorigin{$1}{$2}',
+      meta: 'textpos-cmd',
+      score: 0.016306266556901577,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'textpos-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'textpos-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'textpos-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  subfig: [
+    {
+      caption: '\\subref{}',
+      snippet: '\\subref{$1}',
+      meta: 'subfig-cmd',
+      score: 0.007192033516871399,
+    },
+    {
+      caption: '\\protect',
+      snippet: '\\protect',
+      meta: 'subfig-cmd',
+      score: 0.0200686676229443,
+    },
+    {
+      caption: '\\subfloat[]{}',
+      snippet: '\\subfloat[$1]{$2}',
+      meta: 'subfig-cmd',
+      score: 0.0286920437310672,
+    },
+    {
+      caption: '\\subfloat{}',
+      snippet: '\\subfloat{$1}',
+      meta: 'subfig-cmd',
+      score: 0.0286920437310672,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'subfig-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  enumerate: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'enumerate-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\makelabel',
+      snippet: '\\makelabel',
+      meta: 'enumerate-cmd',
+      score: 5.739925426740175e-5,
+    },
+    {
+      caption: '\\makelabel{}',
+      snippet: '\\makelabel{$1}',
+      meta: 'enumerate-cmd',
+      score: 5.739925426740175e-5,
+    },
+    {
+      caption: '\\makelabel[]{}',
+      snippet: '\\makelabel[$1]{$2}',
+      meta: 'enumerate-cmd',
+      score: 5.739925426740175e-5,
+    },
+  ],
+  pdfpages: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pdfpages-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\addcontentsline{}{}{}',
+      snippet: '\\addcontentsline{$1}{$2}{$3}',
+      meta: 'pdfpages-cmd',
+      score: 0.07503475348393239,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'pdfpages-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\includepdf[]{}',
+      snippet: '\\includepdf[$1]{$2}',
+      meta: 'pdfpages-cmd',
+      score: 0.023931732745590156,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'pdfpages-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'pdfpages-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'pdfpages-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'pdfpages-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pdfpages-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pdfpages-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'pdfpages-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'pdfpages-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'pdfpages-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'pdfpages-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'pdfpages-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pdfpages-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pdfpages-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\AtBeginShipout{}',
+      snippet: '\\AtBeginShipout{$1}',
+      meta: 'pdfpages-cmd',
+      score: 0.00047530324346933345,
+    },
+    {
+      caption: '\\AtBeginShipoutNext{}',
+      snippet: '\\AtBeginShipoutNext{$1}',
+      meta: 'pdfpages-cmd',
+      score: 0.0005277905480209891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pdfpages-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\AddToShipoutPictureFG{}',
+      snippet: '\\AddToShipoutPictureFG{$1}',
+      meta: 'pdfpages-cmd',
+      score: 0.000325977535138643,
+    },
+    {
+      caption: '\\AddToShipoutPictureBG{}',
+      snippet: '\\AddToShipoutPictureBG{$1}',
+      meta: 'pdfpages-cmd',
+      score: 0.0008957666085644653,
+    },
+    {
+      caption: '\\AtPageUpperLeft{}',
+      snippet: '\\AtPageUpperLeft{$1}',
+      meta: 'pdfpages-cmd',
+      score: 0.0003608141410278152,
+    },
+    {
+      caption: '\\LenToUnit{}',
+      snippet: '\\LenToUnit{$1}',
+      meta: 'pdfpages-cmd',
+      score: 0.0007216282820556304,
+    },
+    {
+      caption: '\\AddToShipoutPicture{}',
+      snippet: '\\AddToShipoutPicture{$1}',
+      meta: 'pdfpages-cmd',
+      score: 0.0017658629469099734,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'pdfpages-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'pdfpages-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'pdfpages-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'pdfpages-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'pdfpages-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'pdfpages-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  epstopdf: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'epstopdf-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'epstopdf-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\AppendGraphicsExtensions{}',
+      snippet: '\\AppendGraphicsExtensions{$1}',
+      meta: 'epstopdf-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'epstopdf-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'epstopdf-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'epstopdf-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\check{}',
+      snippet: '\\check{$1}',
+      meta: 'epstopdf-cmd',
+      score: 0.0058342578961340175,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'epstopdf-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'epstopdf-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'epstopdf-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'epstopdf-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'epstopdf-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'epstopdf-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\epstopdfsetup{}',
+      snippet: '\\epstopdfsetup{$1}',
+      meta: 'epstopdf-cmd',
+      score: 0.0009941134326203623,
+    },
+    {
+      caption: '\\epstopdfDeclareGraphicsRule{}{}{}{}',
+      snippet: '\\epstopdfDeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'epstopdf-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\OutputFile',
+      snippet: '\\OutputFile',
+      meta: 'epstopdf-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'epstopdf-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'epstopdf-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'epstopdf-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'epstopdf-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'epstopdf-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'epstopdf-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'epstopdf-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'epstopdf-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'epstopdf-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  lmodern: [
+    {
+      caption: '\\rmdefault',
+      snippet: '\\rmdefault',
+      meta: 'lmodern-cmd',
+      score: 0.0012870877747432935,
+    },
+    {
+      caption: '\\sfdefault',
+      snippet: '\\sfdefault',
+      meta: 'lmodern-cmd',
+      score: 0.008427383388519996,
+    },
+    {
+      caption: '\\sfdefault{}',
+      snippet: '\\sfdefault{$1}',
+      meta: 'lmodern-cmd',
+      score: 0.008427383388519996,
+    },
+  ],
+  pifont: [
+    {
+      caption: '\\ding{}',
+      snippet: '\\ding{$1}',
+      meta: 'pifont-cmd',
+      score: 0.009992300665793867,
+    },
+  ],
+  ragged2e: [
+    {
+      caption: '\\justifying',
+      snippet: '\\justifying',
+      meta: 'ragged2e-cmd',
+      score: 0.010373702256548788,
+    },
+    {
+      caption: '\\justifying{}',
+      snippet: '\\justifying{$1}',
+      meta: 'ragged2e-cmd',
+      score: 0.010373702256548788,
+    },
+    {
+      caption: '\\RaggedRight',
+      snippet: '\\RaggedRight',
+      meta: 'ragged2e-cmd',
+      score: 0.001021021782267457,
+    },
+    {
+      caption: '\\Centering',
+      snippet: '\\Centering',
+      meta: 'ragged2e-cmd',
+      score: 0.00037395241488843035,
+    },
+    {
+      caption: '\\selectfont',
+      snippet: '\\selectfont',
+      meta: 'ragged2e-cmd',
+      score: 0.04598628699063736,
+    },
+  ],
+  rotating: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'rotating-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'rotating-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'rotating-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'rotating-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'rotating-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'rotating-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'rotating-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'rotating-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'rotating-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'rotating-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'rotating-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'rotating-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'rotating-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'rotating-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'rotating-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'rotating-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'rotating-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'rotating-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'rotating-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'rotating-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'rotating-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'rotating-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'rotating-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'rotating-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'rotating-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'rotating-cmd',
+      score: 0.004719094298848707,
+    },
+  ],
+  xltxtra: [
+    {
+      caption: '\\textsubscript{}',
+      snippet: '\\textsubscript{$1}',
+      meta: 'xltxtra-cmd',
+      score: 0.058405875394131175,
+    },
+    {
+      caption: '\\textsuperscript{}',
+      snippet: '\\textsuperscript{$1}',
+      meta: 'xltxtra-cmd',
+      score: 0.05216393882408519,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'xltxtra-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xltxtra-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'xltxtra-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'xltxtra-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'xltxtra-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'xltxtra-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'xltxtra-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'xltxtra-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'xltxtra-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'xltxtra-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'xltxtra-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'xltxtra-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'xltxtra-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'xltxtra-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'xltxtra-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xltxtra-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'xltxtra-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'xltxtra-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'xltxtra-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'xltxtra-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'xltxtra-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\XeTeX',
+      snippet: '\\XeTeX',
+      meta: 'xltxtra-cmd',
+      score: 0.0010635559050357936,
+    },
+    {
+      caption: '\\TeX',
+      snippet: '\\TeX',
+      meta: 'xltxtra-cmd',
+      score: 0.02873756018238537,
+    },
+    {
+      caption: '\\TeX{}',
+      snippet: '\\TeX{$1}',
+      meta: 'xltxtra-cmd',
+      score: 0.02873756018238537,
+    },
+    {
+      caption: '\\LaTeX',
+      snippet: '\\LaTeX',
+      meta: 'xltxtra-cmd',
+      score: 0.2334089308452787,
+    },
+    {
+      caption: '\\LaTeX{}',
+      snippet: '\\LaTeX{$1}',
+      meta: 'xltxtra-cmd',
+      score: 0.2334089308452787,
+    },
+    {
+      caption: '\\XeLaTeX',
+      snippet: '\\XeLaTeX',
+      meta: 'xltxtra-cmd',
+      score: 0.002009786035379175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xltxtra-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'xltxtra-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'xltxtra-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  marvosym: [
+    {
+      caption: '\\Mundus',
+      snippet: '\\Mundus',
+      meta: 'marvosym-cmd',
+      score: 0.0006349134235582933,
+    },
+    {
+      caption: '\\Telefon',
+      snippet: '\\Telefon',
+      meta: 'marvosym-cmd',
+      score: 0.0003618274070138519,
+    },
+    {
+      caption: '\\Letter',
+      snippet: '\\Letter',
+      meta: 'marvosym-cmd',
+      score: 0.0012281130571092198,
+    },
+    {
+      caption: '\\Mobilefone',
+      snippet: '\\Mobilefone',
+      meta: 'marvosym-cmd',
+      score: 0.0005432037068220953,
+    },
+  ],
+  dcolumn: [
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'dcolumn-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'dcolumn-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'dcolumn-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'dcolumn-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'dcolumn-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'dcolumn-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'dcolumn-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'dcolumn-cmd',
+      score: 0.018615449342361392,
+    },
+  ],
+  xspace: [
+    {
+      caption: '\\xspace',
+      snippet: '\\xspace',
+      meta: 'xspace-cmd',
+      score: 0.07560370351316588,
+    },
+  ],
+  xunicode: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'xunicode-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'xunicode-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'xunicode-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'xunicode-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'xunicode-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'xunicode-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'xunicode-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'xunicode-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'xunicode-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'xunicode-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'xunicode-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xunicode-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'xunicode-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'xunicode-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'xunicode-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'xunicode-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'xunicode-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'xunicode-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'xunicode-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'xunicode-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'xunicode-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xunicode-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  csquotes: [
+    {
+      caption: '\\mkcitation',
+      snippet: '\\mkcitation',
+      meta: 'csquotes-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\DeclareQuoteAlias{}{}',
+      snippet: '\\DeclareQuoteAlias{$1}{$2}',
+      meta: 'csquotes-cmd',
+      score: 0.0004906235524176374,
+    },
+    {
+      caption: '\\quote{}',
+      snippet: '\\quote{$1}',
+      meta: 'csquotes-cmd',
+      score: 0.030690393112264815,
+    },
+    {
+      caption: '\\quote',
+      snippet: '\\quote',
+      meta: 'csquotes-cmd',
+      score: 0.030690393112264815,
+    },
+    {
+      caption: '\\setquotestyle[]{}',
+      snippet: '\\setquotestyle[$1]{$2}',
+      meta: 'csquotes-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\blockquote{}',
+      snippet: '\\blockquote{$1}',
+      meta: 'csquotes-cmd',
+      score: 0.00023365626458085812,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'csquotes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'csquotes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\mkbegdispquote',
+      snippet: '\\mkbegdispquote',
+      meta: 'csquotes-cmd',
+      score: 4.203362017075738e-5,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'csquotes-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\break',
+      snippet: '\\break',
+      meta: 'csquotes-cmd',
+      score: 0.016352452390960115,
+    },
+    {
+      caption: '\\break{}',
+      snippet: '\\break{$1}',
+      meta: 'csquotes-cmd',
+      score: 0.016352452390960115,
+    },
+    {
+      caption: '\\break{}{}',
+      snippet: '\\break{$1}{$2}',
+      meta: 'csquotes-cmd',
+      score: 0.016352452390960115,
+    },
+    {
+      caption: '\\ifpunctmark{}',
+      snippet: '\\ifpunctmark{$1}',
+      meta: 'csquotes-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\endquote',
+      snippet: '\\endquote',
+      meta: 'csquotes-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\par',
+      snippet: '\\par',
+      meta: 'csquotes-cmd',
+      score: 0.413853376001159,
+    },
+    {
+      caption: '\\DeclareQuoteStyle[]{}',
+      snippet: '\\DeclareQuoteStyle[$1]{$2}',
+      meta: 'csquotes-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\SetBlockEnvironment{}',
+      snippet: '\\SetBlockEnvironment{$1}',
+      meta: 'csquotes-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'csquotes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\MakeOuterQuote{}',
+      snippet: '\\MakeOuterQuote{$1}',
+      meta: 'csquotes-cmd',
+      score: 0.0019170811203505262,
+    },
+    {
+      caption: '\\enquote{}',
+      snippet: '\\enquote{$1}',
+      meta: 'csquotes-cmd',
+      score: 0.0077432730806830915,
+    },
+    {
+      caption: '\\SetCiteCommand{}',
+      snippet: '\\SetCiteCommand{$1}',
+      meta: 'csquotes-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'csquotes-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'csquotes-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'csquotes-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'csquotes-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'csquotes-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'csquotes-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'csquotes-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'csquotes-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'csquotes-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'csquotes-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'csquotes-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'csquotes-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'csquotes-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'csquotes-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'csquotes-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'csquotes-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'csquotes-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'csquotes-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'csquotes-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'csquotes-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'csquotes-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'csquotes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'csquotes-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  xparse: [
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'xparse-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'xparse-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  soul: [
+    {
+      caption: '\\DeclareRobustCommand{}{}',
+      snippet: '\\DeclareRobustCommand{$1}{$2}',
+      meta: 'soul-cmd',
+      score: 0.0010373158471650705,
+    },
+    {
+      caption: '\\DeclareRobustCommand{}[]{}',
+      snippet: '\\DeclareRobustCommand{$1}[$2]{$3}',
+      meta: 'soul-cmd',
+      score: 0.0010373158471650705,
+    },
+    {
+      caption: '\\sethlcolor{}',
+      snippet: '\\sethlcolor{$1}',
+      meta: 'soul-cmd',
+      score: 0.01970230898277056,
+    },
+    {
+      caption: '\\st',
+      snippet: '\\st',
+      meta: 'soul-cmd',
+      score: 0.004652662833362787,
+    },
+    {
+      caption: '\\st{}',
+      snippet: '\\st{$1}',
+      meta: 'soul-cmd',
+      score: 0.004652662833362787,
+    },
+    {
+      caption: '\\def',
+      snippet: '\\def',
+      meta: 'soul-cmd',
+      score: 0.21357759092476175,
+    },
+    {
+      caption: '\\hl{}',
+      snippet: '\\hl{$1}',
+      meta: 'soul-cmd',
+      score: 0.03421486301062431,
+    },
+    {
+      caption: '\\sodef',
+      snippet: '\\sodef',
+      meta: 'soul-cmd',
+      score: 0.0017045357696831268,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'soul-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\so',
+      snippet: '\\so',
+      meta: 'soul-cmd',
+      score: 0.004308800134587786,
+    },
+    {
+      caption: '\\so{}',
+      snippet: '\\so{$1}',
+      meta: 'soul-cmd',
+      score: 0.004308800134587786,
+    },
+  ],
+  comment: [
+    {
+      caption: '\\specialcomment{}{}{}',
+      snippet: '\\specialcomment{$1}{$2}{$3}',
+      meta: 'comment-cmd',
+      score: 9.120209837787948e-5,
+    },
+    {
+      caption: '\\includecomment{}',
+      snippet: '\\includecomment{$1}',
+      meta: 'comment-cmd',
+      score: 8.21804444236254e-5,
+    },
+  ],
+  algorithm2e: [
+    {
+      caption: '\\FuncSty{}',
+      snippet: '\\FuncSty{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 7.576875738934807e-5,
+    },
+    {
+      caption: '\\algorithmautorefname',
+      snippet: '\\algorithmautorefname',
+      meta: 'algorithm2e-cmd',
+      score: 2.0085955839419213e-5,
+    },
+    {
+      caption: '\\SetAlgoNoLine',
+      snippet: '\\SetAlgoNoLine',
+      meta: 'algorithm2e-cmd',
+      score: 0.00015722499147840545,
+    },
+    {
+      caption: '\\Indp',
+      snippet: '\\Indp',
+      meta: 'algorithm2e-cmd',
+      score: 6.068942580823901e-5,
+    },
+    {
+      caption: '\\AlCapFnt',
+      snippet: '\\AlCapFnt',
+      meta: 'algorithm2e-cmd',
+      score: 3.0307502955739227e-5,
+    },
+    {
+      caption: '\\LinesNumbered',
+      snippet: '\\LinesNumbered',
+      meta: 'algorithm2e-cmd',
+      score: 0.000162125616653719,
+    },
+    {
+      caption: '\\SetAlFnt{}',
+      snippet: '\\SetAlFnt{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 0.0024446198714390757,
+    },
+    {
+      caption: '\\SetKw{}{}',
+      snippet: '\\SetKw{$1}{$2}',
+      meta: 'algorithm2e-cmd',
+      score: 9.292434841280213e-5,
+    },
+    {
+      caption: '\\RestyleAlgo{}',
+      snippet: '\\RestyleAlgo{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 0.00019243311960945823,
+    },
+    {
+      caption: '\\listofalgorithms',
+      snippet: '\\listofalgorithms',
+      meta: 'algorithm2e-cmd',
+      score: 0.0012576983422794912,
+    },
+    {
+      caption: '\\IncMargin{}',
+      snippet: '\\IncMargin{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 0.0024294661199612063,
+    },
+    {
+      caption: '\\BlankLine',
+      snippet: '\\BlankLine',
+      meta: 'algorithm2e-cmd',
+      score: 0.005049617303688214,
+    },
+    {
+      caption: '\\SetCommentSty{}',
+      snippet: '\\SetCommentSty{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 0.0001778112853266571,
+    },
+    {
+      caption: '\\SetAlgoNoEnd',
+      snippet: '\\SetAlgoNoEnd',
+      meta: 'algorithm2e-cmd',
+      score: 0.00015722499147840545,
+    },
+    {
+      caption: '\\theAlgoLine{}',
+      snippet: '\\theAlgoLine{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 1.5153751477869614e-5,
+    },
+    {
+      caption: '\\SetKwBlock{}{}{}',
+      snippet: '\\SetKwBlock{$1}{$2}{$3}',
+      meta: 'algorithm2e-cmd',
+      score: 0.000981463850523159,
+    },
+    {
+      caption: '\\SetKwBlock{}{}',
+      snippet: '\\SetKwBlock{$1}{$2}',
+      meta: 'algorithm2e-cmd',
+      score: 0.000981463850523159,
+    },
+    {
+      caption: '\\AlCapNameFnt',
+      snippet: '\\AlCapNameFnt',
+      meta: 'algorithm2e-cmd',
+      score: 3.0307502955739227e-5,
+    },
+    {
+      caption: '\\SetAlgoSkip{}',
+      snippet: '\\SetAlgoSkip{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 0.00017454032258926576,
+    },
+    {
+      caption: '\\SetKwFunction{}{}',
+      snippet: '\\SetKwFunction{$1}{$2}',
+      meta: 'algorithm2e-cmd',
+      score: 0.0015332307832994817,
+    },
+    {
+      caption: '\\nllabel{}',
+      snippet: '\\nllabel{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 0.0001844460347791443,
+    },
+    {
+      caption: '\\SetAlgoInsideSkip{}',
+      snippet: '\\SetAlgoInsideSkip{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 4.5812360816321294e-5,
+    },
+    {
+      caption: '\\DataSty{}',
+      snippet: '\\DataSty{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 1.5153751477869614e-5,
+    },
+    {
+      caption: '\\SetKwInOut{}{}',
+      snippet: '\\SetKwInOut{$1}{$2}',
+      meta: 'algorithm2e-cmd',
+      score: 0.0017021978326807814,
+    },
+    {
+      caption: '\\SetAlCapFnt{}',
+      snippet: '\\SetAlCapFnt{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 0.0024294661199612063,
+    },
+    {
+      caption: '\\CommentSty{}',
+      snippet: '\\CommentSty{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 0.0001111448631633176,
+    },
+    {
+      caption: '\\SetAlCapHSkip{}',
+      snippet: '\\SetAlCapHSkip{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 0.0024294661199612063,
+    },
+    {
+      caption: '\\renewcommand{}{}',
+      snippet: '\\renewcommand{$1}{$2}',
+      meta: 'algorithm2e-cmd',
+      score: 0.3267437011085663,
+    },
+    {
+      caption: '\\renewcommand',
+      snippet: '\\renewcommand',
+      meta: 'algorithm2e-cmd',
+      score: 0.3267437011085663,
+    },
+    {
+      caption: '\\algorithmcfname',
+      snippet: '\\algorithmcfname',
+      meta: 'algorithm2e-cmd',
+      score: 0.0024445413067013134,
+    },
+    {
+      caption: '\\SetKwIF{}{}{}{}{}{}{}{}',
+      snippet: '\\SetKwIF{$1}{$2}{$3}{$4}{$5}{$6}{$7}{$8}',
+      meta: 'algorithm2e-cmd',
+      score: 1.5153751477869614e-5,
+    },
+    {
+      caption: '\\SetAlgoCaptionSeparator{}',
+      snippet: '\\SetAlgoCaptionSeparator{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 1.5153751477869614e-5,
+    },
+    {
+      caption: '\\AlCapSty{}',
+      snippet: '\\AlCapSty{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 3.0307502955739227e-5,
+    },
+    {
+      caption: '\\ArgSty{}',
+      snippet: '\\ArgSty{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 3.0307502955739227e-5,
+    },
+    {
+      caption: '\\AlCapNameSty{}',
+      snippet: '\\AlCapNameSty{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 3.0307502955739227e-5,
+    },
+    {
+      caption: '\\SetKwData{}{}',
+      snippet: '\\SetKwData{$1}{$2}',
+      meta: 'algorithm2e-cmd',
+      score: 0.00235652682860263,
+    },
+    {
+      caption: '\\listalgorithmcfname',
+      snippet: '\\listalgorithmcfname',
+      meta: 'algorithm2e-cmd',
+      score: 1.5075186740106946e-5,
+    },
+    {
+      caption: '\\Indm',
+      snippet: '\\Indm',
+      meta: 'algorithm2e-cmd',
+      score: 6.068942580823901e-5,
+    },
+    {
+      caption: '\\SetAlCapNameFnt{}',
+      snippet: '\\SetAlCapNameFnt{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 0.0024294661199612063,
+    },
+    {
+      caption: '\\DontPrintSemicolon',
+      snippet: '\\DontPrintSemicolon',
+      meta: 'algorithm2e-cmd',
+      score: 0.001062087490197768,
+    },
+    {
+      caption: '\\SetAlgoLined',
+      snippet: '\\SetAlgoLined',
+      meta: 'algorithm2e-cmd',
+      score: 0.0017151361342403852,
+    },
+    {
+      caption: '\\SetAlCapSkip{}',
+      snippet: '\\SetAlCapSkip{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 0.0006213942502400296,
+    },
+    {
+      caption: '\\LinesNotNumbered',
+      snippet: '\\LinesNotNumbered',
+      meta: 'algorithm2e-cmd',
+      score: 1.5153751477869614e-5,
+    },
+    {
+      caption: '\\SetKwProg{}{}{}{}',
+      snippet: '\\SetKwProg{$1}{$2}{$3}{$4}',
+      meta: 'algorithm2e-cmd',
+      score: 0.0008518783278391971,
+    },
+    {
+      caption: '\\SetAlgoVlined',
+      snippet: '\\SetAlgoVlined',
+      meta: 'algorithm2e-cmd',
+      score: 1.5153751477869614e-5,
+    },
+    {
+      caption: '\\SetKwRepeat{}{}{}',
+      snippet: '\\SetKwRepeat{$1}{$2}{$3}',
+      meta: 'algorithm2e-cmd',
+      score: 6.110202388233705e-5,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'algorithm2e-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\chapter{}',
+      snippet: '\\chapter{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 0.422097569591803,
+    },
+    {
+      caption: '\\SetKwFor{}{}{}{}',
+      snippet: '\\SetKwFor{$1}{$2}{$3}{$4}',
+      meta: 'algorithm2e-cmd',
+      score: 0.00010699539949594301,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'algorithm2e-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'algorithm2e-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'algorithm2e-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\xspace',
+      snippet: '\\xspace',
+      meta: 'algorithm2e-cmd',
+      score: 0.07560370351316588,
+    },
+  ],
+  tocbibind: [
+    {
+      caption: '\\contentsname',
+      snippet: '\\contentsname',
+      meta: 'tocbibind-cmd',
+      score: 0.010205180337548728,
+    },
+    {
+      caption: '\\contentsname{}',
+      snippet: '\\contentsname{$1}',
+      meta: 'tocbibind-cmd',
+      score: 0.010205180337548728,
+    },
+    {
+      caption: '\\tocchapter',
+      snippet: '\\tocchapter',
+      meta: 'tocbibind-cmd',
+      score: 0.00016023188758771694,
+    },
+    {
+      caption: '\\indexname',
+      snippet: '\\indexname',
+      meta: 'tocbibind-cmd',
+      score: 0.0007544109314450072,
+    },
+    {
+      caption: '\\listoffigures',
+      snippet: '\\listoffigures',
+      meta: 'tocbibind-cmd',
+      score: 0.03447318897846567,
+    },
+    {
+      caption: '\\tocfile{}{}',
+      snippet: '\\tocfile{$1}{$2}',
+      meta: 'tocbibind-cmd',
+      score: 0.00016023188758771694,
+    },
+    {
+      caption: '\\tocbibname',
+      snippet: '\\tocbibname',
+      meta: 'tocbibind-cmd',
+      score: 0.0020762574479507175,
+    },
+    {
+      caption: '\\settocbibname{}',
+      snippet: '\\settocbibname{$1}',
+      meta: 'tocbibind-cmd',
+      score: 0.00010668677119599426,
+    },
+    {
+      caption: '\\listoftables',
+      snippet: '\\listoftables',
+      meta: 'tocbibind-cmd',
+      score: 0.02104656820469027,
+    },
+    {
+      caption: '\\tableofcontents',
+      snippet: '\\tableofcontents',
+      meta: 'tocbibind-cmd',
+      score: 0.13360595130994957,
+    },
+    {
+      caption: '\\listfigurename',
+      snippet: '\\listfigurename',
+      meta: 'tocbibind-cmd',
+      score: 0.0034407237779350256,
+    },
+  ],
+  pgfplots: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'pgfplots-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfplots-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfplots-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfplots-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfplots-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfplots-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfplots-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'pgfplots-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'pgfplots-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'pgfplots-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'pgfplots-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'pgfplots-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfplots-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'pgfplots-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfplots-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'pgfplots-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfplots-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfplots-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfplots-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'pgfplots-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'pgfplots-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfplots-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfplots-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'pgfplots-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'pgfplots-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'pgfplots-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'pgfplots-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'pgfplots-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfplots-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'pgfplots-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'pgfplots-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfplots-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'pgfplots-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'pgfplots-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'pgfplots-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'pgfplots-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  lastpage: [
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'lastpage-cmd',
+      score: 0.001042697111754002,
+    },
+  ],
+  graphics: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'graphics-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'graphics-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'graphics-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'graphics-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'graphics-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'graphics-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'graphics-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'graphics-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'graphics-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'graphics-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'graphics-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'graphics-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'graphics-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'graphics-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'graphics-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'graphics-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  algorithmic: [
+    {
+      caption: '\\REPEAT',
+      snippet: '\\REPEAT',
+      meta: 'algorithmic-cmd',
+      score: 0.0004816110638193742,
+    },
+    {
+      caption: '\\ENDIF',
+      snippet: '\\ENDIF',
+      meta: 'algorithmic-cmd',
+      score: 0.003585213685098552,
+    },
+    {
+      caption: '\\algorithmicwhile',
+      snippet: '\\algorithmicwhile',
+      meta: 'algorithmic-cmd',
+      score: 0.0005769483780443573,
+    },
+    {
+      caption: '\\algorithmicwhile{}',
+      snippet: '\\algorithmicwhile{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.0005769483780443573,
+    },
+    {
+      caption: '\\FOR{}',
+      snippet: '\\FOR{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.004074774218819945,
+    },
+    {
+      caption: '\\algorithmicif',
+      snippet: '\\algorithmicif',
+      meta: 'algorithmic-cmd',
+      score: 0.00039654130753044966,
+    },
+    {
+      caption: '\\algorithmicif{}',
+      snippet: '\\algorithmicif{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.00039654130753044966,
+    },
+    {
+      caption: '\\ENDFOR',
+      snippet: '\\ENDFOR',
+      meta: 'algorithmic-cmd',
+      score: 0.004428141530092572,
+    },
+    {
+      caption: '\\UNTIL',
+      snippet: '\\UNTIL',
+      meta: 'algorithmic-cmd',
+      score: 0.0004816110638193742,
+    },
+    {
+      caption: '\\UNTIL{}',
+      snippet: '\\UNTIL{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.0004816110638193742,
+    },
+    {
+      caption: '\\IF{}',
+      snippet: '\\IF{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.0036985887706967417,
+    },
+    {
+      caption: '\\ENSURE',
+      snippet: '\\ENSURE',
+      meta: 'algorithmic-cmd',
+      score: 0.0013188761425395954,
+    },
+    {
+      caption: '\\algorithmiccomment',
+      snippet: '\\algorithmiccomment',
+      meta: 'algorithmic-cmd',
+      score: 0.00021737766481978388,
+    },
+    {
+      caption: '\\ENDWHILE',
+      snippet: '\\ENDWHILE',
+      meta: 'algorithmic-cmd',
+      score: 0.00047037943460091465,
+    },
+    {
+      caption: '\\algorithmicend',
+      snippet: '\\algorithmicend',
+      meta: 'algorithmic-cmd',
+      score: 0.0011128218085672747,
+    },
+    {
+      caption: '\\algorithmicend{}',
+      snippet: '\\algorithmicend{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.0011128218085672747,
+    },
+    {
+      caption: '\\algorithmicrequire',
+      snippet: '\\algorithmicrequire',
+      meta: 'algorithmic-cmd',
+      score: 0.004751598472180266,
+    },
+    {
+      caption: '\\algorithmicdo',
+      snippet: '\\algorithmicdo',
+      meta: 'algorithmic-cmd',
+      score: 0.0005655570358533174,
+    },
+    {
+      caption: '\\algorithmicdo{}',
+      snippet: '\\algorithmicdo{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.0005655570358533174,
+    },
+    {
+      caption: '\\algorithmicfor',
+      snippet: '\\algorithmicfor',
+      meta: 'algorithmic-cmd',
+      score: 0.0005681785898943757,
+    },
+    {
+      caption: '\\algorithmicfor{}',
+      snippet: '\\algorithmicfor{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.0005681785898943757,
+    },
+    {
+      caption: '\\RETURN',
+      snippet: '\\RETURN',
+      meta: 'algorithmic-cmd',
+      score: 0.0013054907995767408,
+    },
+    {
+      caption: '\\algorithmicand',
+      snippet: '\\algorithmicand',
+      meta: 'algorithmic-cmd',
+      score: 5.326674280259771e-5,
+    },
+    {
+      caption: '\\algsetup{}',
+      snippet: '\\algsetup{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.00012872796177294446,
+    },
+    {
+      caption: '\\algorithmicreturn{}',
+      snippet: '\\algorithmicreturn{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.00022490402516652368,
+    },
+    {
+      caption: '\\algorithmicreturn',
+      snippet: '\\algorithmicreturn',
+      meta: 'algorithmic-cmd',
+      score: 0.00022490402516652368,
+    },
+    {
+      caption: '\\algorithmicforall{}',
+      snippet: '\\algorithmicforall{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.00022490402516652368,
+    },
+    {
+      caption: '\\algorithmicforall',
+      snippet: '\\algorithmicforall',
+      meta: 'algorithmic-cmd',
+      score: 0.00022490402516652368,
+    },
+    {
+      caption: '\\COMMENT',
+      snippet: '\\COMMENT',
+      meta: 'algorithmic-cmd',
+      score: 0.00025669572555354604,
+    },
+    {
+      caption: '\\COMMENT{}',
+      snippet: '\\COMMENT{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.00025669572555354604,
+    },
+    {
+      caption: '\\REQUIRE',
+      snippet: '\\REQUIRE',
+      meta: 'algorithmic-cmd',
+      score: 0.001870681168192269,
+    },
+    {
+      caption: '\\algorithmicor',
+      snippet: '\\algorithmicor',
+      meta: 'algorithmic-cmd',
+      score: 5.326674280259771e-5,
+    },
+    {
+      caption: '\\ELSE',
+      snippet: '\\ELSE',
+      meta: 'algorithmic-cmd',
+      score: 0.0007599864146830139,
+    },
+    {
+      caption: '\\STATE',
+      snippet: '\\STATE',
+      meta: 'algorithmic-cmd',
+      score: 0.0266684860947573,
+    },
+    {
+      caption: '\\WHILE{}',
+      snippet: '\\WHILE{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.00047037943460091465,
+    },
+    {
+      caption: '\\ELSIF{}',
+      snippet: '\\ELSIF{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.0001991613148371481,
+    },
+    {
+      caption: '\\FALSE',
+      snippet: '\\FALSE',
+      meta: 'algorithmic-cmd',
+      score: 3.34222699937868e-5,
+    },
+    {
+      caption: '\\AND',
+      snippet: '\\AND',
+      meta: 'algorithmic-cmd',
+      score: 6.401730289932545e-5,
+    },
+    {
+      caption: '\\algorithmicensure',
+      snippet: '\\algorithmicensure',
+      meta: 'algorithmic-cmd',
+      score: 0.003439482525198322,
+    },
+    {
+      caption: '\\OR',
+      snippet: '\\OR',
+      meta: 'algorithmic-cmd',
+      score: 6.401730289932545e-5,
+    },
+    {
+      caption: '\\algorithmicrepeat',
+      snippet: '\\algorithmicrepeat',
+      meta: 'algorithmic-cmd',
+      score: 5.326674280259771e-5,
+    },
+    {
+      caption: '\\TRUE',
+      snippet: '\\TRUE',
+      meta: 'algorithmic-cmd',
+      score: 0.0001336890799751472,
+    },
+    {
+      caption: '\\FORALL{}',
+      snippet: '\\FORALL{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.0003533673112726266,
+    },
+    {
+      caption: '\\algorithmicthen{}',
+      snippet: '\\algorithmicthen{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.00032476571672371697,
+    },
+    {
+      caption: '\\algorithmicthen',
+      snippet: '\\algorithmicthen',
+      meta: 'algorithmic-cmd',
+      score: 0.00032476571672371697,
+    },
+    {
+      caption: '\\algorithmicuntil',
+      snippet: '\\algorithmicuntil',
+      meta: 'algorithmic-cmd',
+      score: 5.326674280259771e-5,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'algorithmic-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'algorithmic-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'algorithmic-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'algorithmic-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  lineno: [
+    {
+      caption: '\\pagewiselinenumbers',
+      snippet: '\\pagewiselinenumbers',
+      meta: 'lineno-cmd',
+      score: 0.00016870831850106035,
+    },
+    {
+      caption: '\\linenomath',
+      snippet: '\\linenomath',
+      meta: 'lineno-cmd',
+      score: 1.4517338420208715e-5,
+    },
+    {
+      caption: '\\linenumberfont{}',
+      snippet: '\\linenumberfont{$1}',
+      meta: 'lineno-cmd',
+      score: 0.0001811784338695797,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'lineno-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'lineno-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\endlinenomath',
+      snippet: '\\endlinenomath',
+      meta: 'lineno-cmd',
+      score: 1.4517338420208715e-5,
+    },
+    {
+      caption: '\\nolinenumbers',
+      snippet: '\\nolinenumbers',
+      meta: 'lineno-cmd',
+      score: 0.0009805246614299932,
+    },
+    {
+      caption: '\\path',
+      snippet: '\\path',
+      meta: 'lineno-cmd',
+      score: 0.028200474217322108,
+    },
+    {
+      caption: '\\path[]',
+      snippet: '\\path[$1]',
+      meta: 'lineno-cmd',
+      score: 0.028200474217322108,
+    },
+    {
+      caption: '\\path{}',
+      snippet: '\\path{$1}',
+      meta: 'lineno-cmd',
+      score: 0.028200474217322108,
+    },
+    {
+      caption: '\\filedate{}',
+      snippet: '\\filedate{$1}',
+      meta: 'lineno-cmd',
+      score: 0.000578146635331119,
+    },
+    {
+      caption: '\\filedate',
+      snippet: '\\filedate',
+      meta: 'lineno-cmd',
+      score: 0.000578146635331119,
+    },
+    {
+      caption: '\\linenumbers',
+      snippet: '\\linenumbers',
+      meta: 'lineno-cmd',
+      score: 0.004687680659497865,
+    },
+    {
+      caption: '\\modulolinenumbers[]',
+      snippet: '\\modulolinenumbers[$1]',
+      meta: 'lineno-cmd',
+      score: 0.0027194991933605197,
+    },
+    {
+      caption: '\\fileversion{}',
+      snippet: '\\fileversion{$1}',
+      meta: 'lineno-cmd',
+      score: 0.000578146635331119,
+    },
+    {
+      caption: '\\fileversion',
+      snippet: '\\fileversion',
+      meta: 'lineno-cmd',
+      score: 0.000578146635331119,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'lineno-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  mathptmx: [
+    {
+      caption: '\\rmdefault',
+      snippet: '\\rmdefault',
+      meta: 'mathptmx-cmd',
+      score: 0.0012870877747432935,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'mathptmx-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'mathptmx-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'mathptmx-cmd',
+      score: 0.05613164277964739,
+    },
+  ],
+  todonotes: [
+    {
+      caption: '\\missingfigure[]{}',
+      snippet: '\\missingfigure[$1]{$2}',
+      meta: 'todonotes-cmd',
+      score: 0.001558719179721163,
+    },
+    {
+      caption: '\\missingfigure',
+      snippet: '\\missingfigure',
+      meta: 'todonotes-cmd',
+      score: 0.001558719179721163,
+    },
+    {
+      caption: '\\todototoc',
+      snippet: '\\todototoc',
+      meta: 'todonotes-cmd',
+      score: 0.000325977535138643,
+    },
+    {
+      caption: '\\todo{}',
+      snippet: '\\todo{$1}',
+      meta: 'todonotes-cmd',
+      score: 0.04115074278362878,
+    },
+    {
+      caption: '\\todo[]{}',
+      snippet: '\\todo[$1]{$2}',
+      meta: 'todonotes-cmd',
+      score: 0.04115074278362878,
+    },
+    {
+      caption: '\\todo',
+      snippet: '\\todo',
+      meta: 'todonotes-cmd',
+      score: 0.04115074278362878,
+    },
+    {
+      caption: '\\listoftodos',
+      snippet: '\\listoftodos',
+      meta: 'todonotes-cmd',
+      score: 0.0005325975940754609,
+    },
+    {
+      caption: '\\listoftodos[]',
+      snippet: '\\listoftodos[$1]',
+      meta: 'todonotes-cmd',
+      score: 0.0005325975940754609,
+    },
+    {
+      caption: '\\phantomsection',
+      snippet: '\\phantomsection',
+      meta: 'todonotes-cmd',
+      score: 0.0174633138331273,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'todonotes-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'todonotes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'todonotes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'todonotes-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'todonotes-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'todonotes-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'todonotes-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'todonotes-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'todonotes-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'todonotes-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'todonotes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'todonotes-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'todonotes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'todonotes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'todonotes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'todonotes-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'todonotes-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'todonotes-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'todonotes-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'todonotes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'todonotes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'todonotes-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'todonotes-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'todonotes-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'todonotes-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'todonotes-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'todonotes-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'todonotes-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'todonotes-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'todonotes-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'todonotes-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'todonotes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'todonotes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'todonotes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'todonotes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'todonotes-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'todonotes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'todonotes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'todonotes-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'todonotes-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'todonotes-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'todonotes-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'todonotes-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'todonotes-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'todonotes-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'todonotes-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'todonotes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'todonotes-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'todonotes-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'todonotes-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'todonotes-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  ulem: [
+    {
+      caption: '\\sout{}',
+      snippet: '\\sout{$1}',
+      meta: 'ulem-cmd',
+      score: 0.0010443313503631364,
+    },
+    {
+      caption: '\\sout',
+      snippet: '\\sout',
+      meta: 'ulem-cmd',
+      score: 0.0010443313503631364,
+    },
+    {
+      caption: '\\MakeRobust',
+      snippet: '\\MakeRobust',
+      meta: 'ulem-cmd',
+      score: 3.140504277052775e-5,
+    },
+    {
+      caption: '\\hss',
+      snippet: '\\hss',
+      meta: 'ulem-cmd',
+      score: 0.0020627882815078768,
+    },
+    {
+      caption: '\\uline{}',
+      snippet: '\\uline{$1}',
+      meta: 'ulem-cmd',
+      score: 0.005956273219192909,
+    },
+    {
+      caption: '\\uline',
+      snippet: '\\uline',
+      meta: 'ulem-cmd',
+      score: 0.005956273219192909,
+    },
+    {
+      caption: '\\markoverwith{}',
+      snippet: '\\markoverwith{$1}',
+      meta: 'ulem-cmd',
+      score: 0.0004888431085285657,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'ulem-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\hfill',
+      snippet: '\\hfill',
+      meta: 'ulem-cmd',
+      score: 0.2058248088519886,
+    },
+    {
+      caption: '\\ULon',
+      snippet: '\\ULon',
+      meta: 'ulem-cmd',
+      score: 0.0004888431085285657,
+    },
+    {
+      caption: '\\normalem',
+      snippet: '\\normalem',
+      meta: 'ulem-cmd',
+      score: 0.00015564484081028078,
+    },
+    {
+      caption: '\\useunder{}{}{}',
+      snippet: '\\useunder{$1}{$2}{$3}',
+      meta: 'ulem-cmd',
+      score: 0.0013185833851097916,
+    },
+    {
+      caption: '\\hfil',
+      snippet: '\\hfil',
+      meta: 'ulem-cmd',
+      score: 0.006880789969115855,
+    },
+    {
+      caption: '\\sout{}',
+      snippet: '\\sout{$1}',
+      meta: 'ulem-cmd',
+      score: 0.0010443313503631364,
+    },
+    {
+      caption: '\\sout',
+      snippet: '\\sout',
+      meta: 'ulem-cmd',
+      score: 0.0010443313503631364,
+    },
+    {
+      caption: '\\MakeRobust',
+      snippet: '\\MakeRobust',
+      meta: 'ulem-cmd',
+      score: 3.140504277052775e-5,
+    },
+    {
+      caption: '\\hss',
+      snippet: '\\hss',
+      meta: 'ulem-cmd',
+      score: 0.0020627882815078768,
+    },
+    {
+      caption: '\\uline{}',
+      snippet: '\\uline{$1}',
+      meta: 'ulem-cmd',
+      score: 0.005956273219192909,
+    },
+    {
+      caption: '\\uline',
+      snippet: '\\uline',
+      meta: 'ulem-cmd',
+      score: 0.005956273219192909,
+    },
+    {
+      caption: '\\markoverwith{}',
+      snippet: '\\markoverwith{$1}',
+      meta: 'ulem-cmd',
+      score: 0.0004888431085285657,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'ulem-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\hfill',
+      snippet: '\\hfill',
+      meta: 'ulem-cmd',
+      score: 0.2058248088519886,
+    },
+    {
+      caption: '\\ULon',
+      snippet: '\\ULon',
+      meta: 'ulem-cmd',
+      score: 0.0004888431085285657,
+    },
+    {
+      caption: '\\normalem',
+      snippet: '\\normalem',
+      meta: 'ulem-cmd',
+      score: 0.00015564484081028078,
+    },
+    {
+      caption: '\\useunder{}{}{}',
+      snippet: '\\useunder{$1}{$2}{$3}',
+      meta: 'ulem-cmd',
+      score: 0.0013185833851097916,
+    },
+    {
+      caption: '\\hfil',
+      snippet: '\\hfil',
+      meta: 'ulem-cmd',
+      score: 0.006880789969115855,
+    },
+  ],
+  gensymb: [
+    {
+      caption: '\\degree',
+      snippet: '\\degree',
+      meta: 'gensymb-cmd',
+      score: 0.044752043138360405,
+    },
+    {
+      caption: '\\ohm',
+      snippet: '\\ohm',
+      meta: 'gensymb-cmd',
+      score: 0.0038146685721293138,
+    },
+    {
+      caption: '\\micro',
+      snippet: '\\micro',
+      meta: 'gensymb-cmd',
+      score: 0.011051971930487929,
+    },
+    {
+      caption: '\\celsius',
+      snippet: '\\celsius',
+      meta: 'gensymb-cmd',
+      score: 0.0010806983851157788,
+    },
+  ],
+  siunitx: [
+    {
+      caption: '\\DeclareSIUnit{}{}',
+      snippet: '\\DeclareSIUnit{$1}{$2}',
+      meta: 'siunitx-cmd',
+      score: 0.00017911905960739648,
+    },
+    {
+      caption: '\\DeclareSIUnit',
+      snippet: '\\DeclareSIUnit',
+      meta: 'siunitx-cmd',
+      score: 0.00017911905960739648,
+    },
+    {
+      caption: '\\si{}',
+      snippet: '\\si{$1}',
+      meta: 'siunitx-cmd',
+      score: 0.015042996547458706,
+    },
+    {
+      caption: '\\num{}',
+      snippet: '\\num{$1}',
+      meta: 'siunitx-cmd',
+      score: 0.0005077454796577224,
+    },
+    {
+      caption: '\\num[]{}',
+      snippet: '\\num[$1]{$2}',
+      meta: 'siunitx-cmd',
+      score: 0.0005077454796577224,
+    },
+    {
+      caption: '\\ang{}',
+      snippet: '\\ang{$1}',
+      meta: 'siunitx-cmd',
+      score: 0.00026216419341458844,
+    },
+    {
+      caption: '\\SIrange{}{}{}',
+      snippet: '\\SIrange{$1}{$2}{$3}',
+      meta: 'siunitx-cmd',
+      score: 0.0004920776847142836,
+    },
+    {
+      caption: '\\SIrange[]{}{}{}',
+      snippet: '\\SIrange[$1]{$2}{$3}{$4}',
+      meta: 'siunitx-cmd',
+      score: 0.0004920776847142836,
+    },
+    {
+      caption: '\\SIlist{}{}',
+      snippet: '\\SIlist{$1}{$2}',
+      meta: 'siunitx-cmd',
+      score: 2.5005836362206937e-5,
+    },
+    {
+      caption: '\\SI{}{}',
+      snippet: '\\SI{$1}{$2}',
+      meta: 'siunitx-cmd',
+      score: 0.04233098901537305,
+    },
+    {
+      caption: '\\sisetup{}',
+      snippet: '\\sisetup{$1}',
+      meta: 'siunitx-cmd',
+      score: 0.0011875061630332172,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'siunitx-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'siunitx-cmd',
+      score: 0.0063276692758974925,
+    },
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'siunitx-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'siunitx-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'siunitx-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'siunitx-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'siunitx-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'siunitx-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'siunitx-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'siunitx-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'siunitx-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'siunitx-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'siunitx-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'siunitx-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'siunitx-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'siunitx-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  adjustbox: [
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'adjustbox-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'adjustbox-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\adjustbox{}{}',
+      snippet: '\\adjustbox{$1}{$2}',
+      meta: 'adjustbox-cmd',
+      score: 0.002008185536556013,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'adjustbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'adjustbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'adjustbox-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'adjustbox-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'adjustbox-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'adjustbox-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'adjustbox-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'adjustbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'adjustbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'adjustbox-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'adjustbox-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'adjustbox-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'adjustbox-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'adjustbox-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'adjustbox-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'adjustbox-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'adjustbox-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'adjustbox-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'adjustbox-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'adjustbox-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'adjustbox-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'adjustbox-cmd',
+      score: 0.004649150613625593,
+    },
+  ],
+  moderncvcompatibility: [
+    {
+      caption: '\\cvitem{}{}',
+      snippet: '\\cvitem{$1}{$2}',
+      meta: 'moderncvcompatibility-cmd',
+      score: 0.19605476980016281,
+    },
+    {
+      caption: '\\cvlanguage{}{}{}',
+      snippet: '\\cvlanguage{$1}{$2}{$3}',
+      meta: 'moderncvcompatibility-cmd',
+      score: 0.00832363305853651,
+    },
+    {
+      caption: '\\moderncvtheme[]{}',
+      snippet: '\\moderncvtheme[$1]{$2}',
+      meta: 'moderncvcompatibility-cmd',
+      score: 0.002355125248305291,
+    },
+    {
+      caption: '\\moderncvtheme{}',
+      snippet: '\\moderncvtheme{$1}',
+      meta: 'moderncvcompatibility-cmd',
+      score: 0.002355125248305291,
+    },
+    {
+      caption: '\\maketitle',
+      snippet: '\\maketitle',
+      meta: 'moderncvcompatibility-cmd',
+      score: 0.7504160124360846,
+    },
+    {
+      caption: '\\phone[]{}',
+      snippet: '\\phone[$1]{$2}',
+      meta: 'moderncvcompatibility-cmd',
+      score: 0.09602264063533228,
+    },
+    {
+      caption: '\\moderncvstyle{}',
+      snippet: '\\moderncvstyle{$1}',
+      meta: 'moderncvcompatibility-cmd',
+      score: 0.09378844125415692,
+    },
+    {
+      caption: '\\firstname{}',
+      snippet: '\\firstname{$1}',
+      meta: 'moderncvcompatibility-cmd',
+      score: 0.0070031590875754435,
+    },
+    {
+      caption: '\\cvline{}{}',
+      snippet: '\\cvline{$1}{$2}',
+      meta: 'moderncvcompatibility-cmd',
+      score: 0.007378490468121007,
+    },
+    {
+      caption: '\\mobile{}',
+      snippet: '\\mobile{$1}',
+      meta: 'moderncvcompatibility-cmd',
+      score: 0.022907406369946367,
+    },
+    {
+      caption: '\\familyname{}',
+      snippet: '\\familyname{$1}',
+      meta: 'moderncvcompatibility-cmd',
+      score: 0.0070031590875754435,
+    },
+    {
+      caption: '\\section{}',
+      snippet: '\\section{$1}',
+      meta: 'moderncvcompatibility-cmd',
+      score: 3.0952612541683835,
+    },
+  ],
+  helvet: [
+    {
+      caption: '\\sfdefault',
+      snippet: '\\sfdefault',
+      meta: 'helvet-cmd',
+      score: 0.008427383388519996,
+    },
+    {
+      caption: '\\sfdefault{}',
+      snippet: '\\sfdefault{$1}',
+      meta: 'helvet-cmd',
+      score: 0.008427383388519996,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'helvet-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  placeins: [
+    {
+      caption: '\\FloatBarrier',
+      snippet: '\\FloatBarrier',
+      meta: 'placeins-cmd',
+      score: 0.015841933780270347,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'placeins-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'placeins-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  colortbl: [
+    {
+      caption: '\\rowcolor{}',
+      snippet: '\\rowcolor{$1}',
+      meta: 'colortbl-cmd',
+      score: 0.05564476491638024,
+    },
+    {
+      caption: '\\rowcolor[]{}',
+      snippet: '\\rowcolor[$1]{$2}',
+      meta: 'colortbl-cmd',
+      score: 0.05564476491638024,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'colortbl-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'colortbl-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\arrayrulecolor{}',
+      snippet: '\\arrayrulecolor{$1}',
+      meta: 'colortbl-cmd',
+      score: 0.008538501902241319,
+    },
+    {
+      caption: '\\arrayrulecolor[]{}',
+      snippet: '\\arrayrulecolor[$1]{$2}',
+      meta: 'colortbl-cmd',
+      score: 0.008538501902241319,
+    },
+    {
+      caption: '\\hline',
+      snippet: '\\hline',
+      meta: 'colortbl-cmd',
+      score: 1.3209538327406387,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'colortbl-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\cellcolor[]{}',
+      snippet: '\\cellcolor[$1]{$2}',
+      meta: 'colortbl-cmd',
+      score: 0.11068275858524645,
+    },
+    {
+      caption: '\\cellcolor{}',
+      snippet: '\\cellcolor{$1}',
+      meta: 'colortbl-cmd',
+      score: 0.11068275858524645,
+    },
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'colortbl-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'colortbl-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'colortbl-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'colortbl-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'colortbl-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'colortbl-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'colortbl-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'colortbl-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'colortbl-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'colortbl-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'colortbl-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'colortbl-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'colortbl-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'colortbl-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'colortbl-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'colortbl-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  appendix: [
+    {
+      caption: '\\appendixpagename',
+      snippet: '\\appendixpagename',
+      meta: 'appendix-cmd',
+      score: 0.0005082989114039268,
+    },
+    {
+      caption: '\\appendixpagename{}',
+      snippet: '\\appendixpagename{$1}',
+      meta: 'appendix-cmd',
+      score: 0.0005082989114039268,
+    },
+    {
+      caption: '\\thechapter',
+      snippet: '\\thechapter',
+      meta: 'appendix-cmd',
+      score: 0.011821300392639589,
+    },
+    {
+      caption: '\\sectionmark',
+      snippet: '\\sectionmark',
+      meta: 'appendix-cmd',
+      score: 0.005008938879210868,
+    },
+    {
+      caption: '\\thesubsection',
+      snippet: '\\thesubsection',
+      meta: 'appendix-cmd',
+      score: 0.004364729212023423,
+    },
+    {
+      caption: '\\appendixname',
+      snippet: '\\appendixname',
+      meta: 'appendix-cmd',
+      score: 0.006491295958752496,
+    },
+    {
+      caption: '\\appendixname{}',
+      snippet: '\\appendixname{$1}',
+      meta: 'appendix-cmd',
+      score: 0.006491295958752496,
+    },
+    {
+      caption: '\\addcontentsline{}{}{}',
+      snippet: '\\addcontentsline{$1}{$2}{$3}',
+      meta: 'appendix-cmd',
+      score: 0.07503475348393239,
+    },
+    {
+      caption: '\\thesection',
+      snippet: '\\thesection',
+      meta: 'appendix-cmd',
+      score: 0.011068945893347528,
+    },
+    {
+      caption: '\\thesection{}',
+      snippet: '\\thesection{$1}',
+      meta: 'appendix-cmd',
+      score: 0.011068945893347528,
+    },
+    {
+      caption: '\\appendixpage',
+      snippet: '\\appendixpage',
+      meta: 'appendix-cmd',
+      score: 0.0003193786370376004,
+    },
+    {
+      caption: '\\appendixpage{}',
+      snippet: '\\appendixpage{$1}',
+      meta: 'appendix-cmd',
+      score: 0.0003193786370376004,
+    },
+    {
+      caption: '\\appendixtocname',
+      snippet: '\\appendixtocname',
+      meta: 'appendix-cmd',
+      score: 0.0005082989114039268,
+    },
+    {
+      caption: '\\appendixtocname{}',
+      snippet: '\\appendixtocname{$1}',
+      meta: 'appendix-cmd',
+      score: 0.0005082989114039268,
+    },
+    {
+      caption: '\\phantomsection',
+      snippet: '\\phantomsection',
+      meta: 'appendix-cmd',
+      score: 0.0174633138331273,
+    },
+  ],
+  supertabular: [
+    {
+      caption: '\\tabletail{}',
+      snippet: '\\tabletail{$1}',
+      meta: 'supertabular-cmd',
+      score: 0.00284734590996941,
+    },
+    {
+      caption: '\\tablehead{}',
+      snippet: '\\tablehead{$1}',
+      meta: 'supertabular-cmd',
+      score: 0.002940437317353234,
+    },
+    {
+      caption: '\\tablelasttail{}',
+      snippet: '\\tablelasttail{$1}',
+      meta: 'supertabular-cmd',
+      score: 0.00284734590996941,
+    },
+    {
+      caption: '\\tablefirsthead{}',
+      snippet: '\\tablefirsthead{$1}',
+      meta: 'supertabular-cmd',
+      score: 0.00284734590996941,
+    },
+  ],
+  makeidx: [
+    {
+      caption: '\\printindex',
+      snippet: '\\printindex',
+      meta: 'makeidx-cmd',
+      score: 0.004417016910870522,
+    },
+  ],
+  framed: [
+    {
+      caption: '\\fbox{}',
+      snippet: '\\fbox{$1}',
+      meta: 'framed-cmd',
+      score: 0.020865450075016792,
+    },
+  ],
+  layaureo: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'layaureo-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'layaureo-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'layaureo-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'layaureo-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'layaureo-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'layaureo-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'layaureo-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'layaureo-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'layaureo-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'layaureo-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\savegeometry{}',
+      snippet: '\\savegeometry{$1}',
+      meta: 'layaureo-cmd',
+      score: 6.461638865465447e-5,
+    },
+    {
+      caption: '\\loadgeometry{}',
+      snippet: '\\loadgeometry{$1}',
+      meta: 'layaureo-cmd',
+      score: 6.461638865465447e-5,
+    },
+    {
+      caption: '\\newgeometry{}',
+      snippet: '\\newgeometry{$1}',
+      meta: 'layaureo-cmd',
+      score: 0.0025977479207639352,
+    },
+    {
+      caption: '\\geometry{}',
+      snippet: '\\geometry{$1}',
+      meta: 'layaureo-cmd',
+      score: 0.046218420429973615,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'layaureo-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\restoregeometry',
+      snippet: '\\restoregeometry',
+      meta: 'layaureo-cmd',
+      score: 0.0007546303842143648,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'layaureo-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'layaureo-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'layaureo-cmd',
+      score: 0.002958865219480927,
+    },
+  ],
+  keyval: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'keyval-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  physics: [
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'physics-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'physics-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\curl{}',
+      snippet: '\\curl{$1}',
+      meta: 'physics-cmd',
+      score: 0.001039136354388696,
+    },
+    {
+      caption: '\\curl',
+      snippet: '\\curl',
+      meta: 'physics-cmd',
+      score: 0.001039136354388696,
+    },
+    {
+      caption: '\\dd',
+      snippet: '\\dd',
+      meta: 'physics-cmd',
+      score: 0.0049652819784537965,
+    },
+    {
+      caption: '\\expval{}',
+      snippet: '\\expval{$1}',
+      meta: 'physics-cmd',
+      score: 0.0006729185293892782,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'physics-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'physics-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\mqty',
+      snippet: '\\mqty',
+      meta: 'physics-cmd',
+      score: 0.0002048562866401335,
+    },
+    {
+      caption: '\\order{}',
+      snippet: '\\order{$1}',
+      meta: 'physics-cmd',
+      score: 0.00019980403788140113,
+    },
+    {
+      caption: '\\order',
+      snippet: '\\order',
+      meta: 'physics-cmd',
+      score: 0.00019980403788140113,
+    },
+    {
+      caption: '\\abs{}',
+      snippet: '\\abs{$1}',
+      meta: 'physics-cmd',
+      score: 0.016268920166928613,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'physics-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'physics-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\dv{}{}',
+      snippet: '\\dv{$1}{$2}',
+      meta: 'physics-cmd',
+      score: 0.005139463745615663,
+    },
+    {
+      caption: '\\dv[]{}{}',
+      snippet: '\\dv[$1]{$2}{$3}',
+      meta: 'physics-cmd',
+      score: 0.005139463745615663,
+    },
+    {
+      caption: '\\eval{}',
+      snippet: '\\eval{$1}',
+      meta: 'physics-cmd',
+      score: 0.00021313621676565867,
+    },
+    {
+      caption: '\\eval',
+      snippet: '\\eval',
+      meta: 'physics-cmd',
+      score: 0.00021313621676565867,
+    },
+    {
+      caption: '\\eval[]{}',
+      snippet: '\\eval[$1]{$2}',
+      meta: 'physics-cmd',
+      score: 0.00021313621676565867,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'physics-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'physics-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ket{}',
+      snippet: '\\ket{$1}',
+      meta: 'physics-cmd',
+      score: 0.0326276280979336,
+    },
+    {
+      caption: '\\mel{}{}{}',
+      snippet: '\\mel{$1}{$2}{$3}',
+      meta: 'physics-cmd',
+      score: 0.001123156900573353,
+    },
+    {
+      caption: '\\ip',
+      snippet: '\\ip',
+      meta: 'physics-cmd',
+      score: 0.0008534664860896849,
+    },
+    {
+      caption: '\\ip{}{}',
+      snippet: '\\ip{$1}{$2}',
+      meta: 'physics-cmd',
+      score: 0.0008534664860896849,
+    },
+    {
+      caption: '\\ip[]{}',
+      snippet: '\\ip[$1]{$2}',
+      meta: 'physics-cmd',
+      score: 0.0008534664860896849,
+    },
+    {
+      caption: '\\Im',
+      snippet: '\\Im',
+      meta: 'physics-cmd',
+      score: 0.0013451768070134808,
+    },
+    {
+      caption: '\\Im{}',
+      snippet: '\\Im{$1}',
+      meta: 'physics-cmd',
+      score: 0.0013451768070134808,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'physics-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'physics-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\comm{}{}',
+      snippet: '\\comm{$1}{$2}',
+      meta: 'physics-cmd',
+      score: 0.0012026610554672049,
+    },
+    {
+      caption: '\\qty',
+      snippet: '\\qty',
+      meta: 'physics-cmd',
+      score: 0.0017737618641299655,
+    },
+    {
+      caption: '\\qty{}',
+      snippet: '\\qty{$1}',
+      meta: 'physics-cmd',
+      score: 0.0017737618641299655,
+    },
+    {
+      caption: '\\Tr',
+      snippet: '\\Tr',
+      meta: 'physics-cmd',
+      score: 0.004615158124783136,
+    },
+    {
+      caption: '\\Tr{}',
+      snippet: '\\Tr{$1}',
+      meta: 'physics-cmd',
+      score: 0.004615158124783136,
+    },
+    {
+      caption: '\\bra{}',
+      snippet: '\\bra{$1}',
+      meta: 'physics-cmd',
+      score: 0.005609763332417241,
+    },
+    {
+      caption: '\\poissonbracket{}{}',
+      snippet: '\\poissonbracket{$1}{$2}',
+      meta: 'physics-cmd',
+      score: 2.2761809626681494e-5,
+    },
+    {
+      caption: '\\pmat{}',
+      snippet: '\\pmat{$1}',
+      meta: 'physics-cmd',
+      score: 0.00010356789132354732,
+    },
+    {
+      caption: '\\norm{}',
+      snippet: '\\norm{$1}',
+      meta: 'physics-cmd',
+      score: 0.006576610603906938,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'physics-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'physics-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cross',
+      snippet: '\\cross',
+      meta: 'physics-cmd',
+      score: 0.0005412940211650938,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'physics-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\dmat{}',
+      snippet: '\\dmat{$1}',
+      meta: 'physics-cmd',
+      score: 2.2761809626681494e-5,
+    },
+    {
+      caption: '\\Re',
+      snippet: '\\Re',
+      meta: 'physics-cmd',
+      score: 0.0031525922563281736,
+    },
+    {
+      caption: '\\Re{}',
+      snippet: '\\Re{$1}',
+      meta: 'physics-cmd',
+      score: 0.0031525922563281736,
+    },
+    {
+      caption: '\\qq{}',
+      snippet: '\\qq{$1}',
+      meta: 'physics-cmd',
+      score: 8.241282620919185e-5,
+    },
+    {
+      caption: '\\qq',
+      snippet: '\\qq',
+      meta: 'physics-cmd',
+      score: 8.241282620919185e-5,
+    },
+    {
+      caption: '\\vb{}',
+      snippet: '\\vb{$1}',
+      meta: 'physics-cmd',
+      score: 0.007377410801695042,
+    },
+    {
+      caption: '\\pdv{}{}',
+      snippet: '\\pdv{$1}{$2}',
+      meta: 'physics-cmd',
+      score: 0.0014087913646471247,
+    },
+    {
+      caption: '\\pdv{}{}{}',
+      snippet: '\\pdv{$1}{$2}{$3}',
+      meta: 'physics-cmd',
+      score: 0.0014087913646471247,
+    },
+    {
+      caption: '\\braket{}{}',
+      snippet: '\\braket{$1}{$2}',
+      meta: 'physics-cmd',
+      score: 0.004421747491186916,
+    },
+    {
+      caption: '\\braket{}',
+      snippet: '\\braket{$1}',
+      meta: 'physics-cmd',
+      score: 0.004421747491186916,
+    },
+    {
+      caption: '\\div',
+      snippet: '\\div',
+      meta: 'physics-cmd',
+      score: 0.002403050103349905,
+    },
+    {
+      caption: '\\div{}',
+      snippet: '\\div{$1}',
+      meta: 'physics-cmd',
+      score: 0.002403050103349905,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'physics-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'physics-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'physics-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'physics-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'physics-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\longmapsto',
+      snippet: '\\longmapsto',
+      meta: 'physics-cmd',
+      score: 0.0017755897148012264,
+    },
+    {
+      caption: '\\Check{}',
+      snippet: '\\Check{$1}',
+      meta: 'physics-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'physics-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'physics-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'physics-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\And',
+      snippet: '\\And',
+      meta: 'physics-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\And{}',
+      snippet: '\\And{$1}',
+      meta: 'physics-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'physics-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\boxed{}',
+      snippet: '\\boxed{$1}',
+      meta: 'physics-cmd',
+      score: 0.0035536135737312827,
+    },
+    {
+      caption: '\\Ddot{}',
+      snippet: '\\Ddot{$1}',
+      meta: 'physics-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ignorespacesafterend',
+      snippet: '\\ignorespacesafterend',
+      meta: 'physics-cmd',
+      score: 0.0010893680553454854,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'physics-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\Breve{}',
+      snippet: '\\Breve{$1}',
+      meta: 'physics-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'physics-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\over{}',
+      snippet: '\\over{$1}',
+      meta: 'physics-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\over',
+      snippet: '\\over',
+      meta: 'physics-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\bigotimes',
+      snippet: '\\bigotimes',
+      meta: 'physics-cmd',
+      score: 0.000984722260624791,
+    },
+    {
+      caption: '\\bigoplus',
+      snippet: '\\bigoplus',
+      meta: 'physics-cmd',
+      score: 0.0011508785476242003,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'physics-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\bigcap',
+      snippet: '\\bigcap',
+      meta: 'physics-cmd',
+      score: 0.005709261168797874,
+    },
+    {
+      caption: '\\xrightarrow{}',
+      snippet: '\\xrightarrow{$1}',
+      meta: 'physics-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\xrightarrow[]{}',
+      snippet: '\\xrightarrow[$1]{$2}',
+      meta: 'physics-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\atop',
+      snippet: '\\atop',
+      meta: 'physics-cmd',
+      score: 0.0006518541515279979,
+    },
+    {
+      caption: '\\dfrac{}{}',
+      snippet: '\\dfrac{$1}{$2}',
+      meta: 'physics-cmd',
+      score: 0.05397545277891961,
+    },
+    {
+      caption: '\\pmod',
+      snippet: '\\pmod',
+      meta: 'physics-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\pmod{}',
+      snippet: '\\pmod{$1}',
+      meta: 'physics-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\notag',
+      snippet: '\\notag',
+      meta: 'physics-cmd',
+      score: 0.00322520920930312,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'physics-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\Vec{}',
+      snippet: '\\Vec{$1}',
+      meta: 'physics-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\bigvee',
+      snippet: '\\bigvee',
+      meta: 'physics-cmd',
+      score: 0.0011677288242806726,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'physics-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\hookrightarrow',
+      snippet: '\\hookrightarrow',
+      meta: 'physics-cmd',
+      score: 0.0015607282046545064,
+    },
+    {
+      caption: '\\bigsqcup',
+      snippet: '\\bigsqcup',
+      meta: 'physics-cmd',
+      score: 0.0003468284144579442,
+    },
+    {
+      caption: '\\hookleftarrow',
+      snippet: '\\hookleftarrow',
+      meta: 'physics-cmd',
+      score: 0.0016498799924012809,
+    },
+    {
+      caption: '\\Dot{}',
+      snippet: '\\Dot{$1}',
+      meta: 'physics-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\dots',
+      snippet: '\\dots',
+      meta: 'physics-cmd',
+      score: 0.0847414497955395,
+    },
+    {
+      caption: '\\genfrac{}{}{}{}{}{}',
+      snippet: '\\genfrac{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'physics-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\genfrac',
+      snippet: '\\genfrac',
+      meta: 'physics-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\cfrac{}{}',
+      snippet: '\\cfrac{$1}{$2}',
+      meta: 'physics-cmd',
+      score: 0.006765684097139381,
+    },
+    {
+      caption: '\\Acute{}',
+      snippet: '\\Acute{$1}',
+      meta: 'physics-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ldots',
+      snippet: '\\ldots',
+      meta: 'physics-cmd',
+      score: 0.11585556755884258,
+    },
+    {
+      caption: '\\coprod',
+      snippet: '\\coprod',
+      meta: 'physics-cmd',
+      score: 0.00011383372700282614,
+    },
+    {
+      caption: '\\impliedby',
+      snippet: '\\impliedby',
+      meta: 'physics-cmd',
+      score: 2.3482915591834053e-5,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'physics-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\idotsint',
+      snippet: '\\idotsint',
+      meta: 'physics-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\Longrightarrow',
+      snippet: '\\Longrightarrow',
+      meta: 'physics-cmd',
+      score: 0.002459139437356601,
+    },
+    {
+      caption: '\\allowdisplaybreaks',
+      snippet: '\\allowdisplaybreaks',
+      meta: 'physics-cmd',
+      score: 0.005931777024772073,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'physics-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\mod',
+      snippet: '\\mod',
+      meta: 'physics-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\mod{}',
+      snippet: '\\mod{$1}',
+      meta: 'physics-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'physics-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'physics-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'physics-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\underset{}{}',
+      snippet: '\\underset{$1}{$2}',
+      meta: 'physics-cmd',
+      score: 0.012799893214578391,
+    },
+    {
+      caption: '\\dotsc',
+      snippet: '\\dotsc',
+      meta: 'physics-cmd',
+      score: 0.0008555101484119994,
+    },
+    {
+      caption: '\\doteq',
+      snippet: '\\doteq',
+      meta: 'physics-cmd',
+      score: 3.164631070474435e-5,
+    },
+    {
+      caption: '\\leftroot{}',
+      snippet: '\\leftroot{$1}',
+      meta: 'physics-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\substack{}',
+      snippet: '\\substack{$1}',
+      meta: 'physics-cmd',
+      score: 0.0037482529712850755,
+    },
+    {
+      caption: '\\Hat{}',
+      snippet: '\\Hat{$1}',
+      meta: 'physics-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'physics-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\mspace{}',
+      snippet: '\\mspace{$1}',
+      meta: 'physics-cmd',
+      score: 3.423236656565836e-5,
+    },
+    {
+      caption: '\\Bar{}',
+      snippet: '\\Bar{$1}',
+      meta: 'physics-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\Grave{}',
+      snippet: '\\Grave{$1}',
+      meta: 'physics-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'physics-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\tbinom',
+      snippet: '\\tbinom',
+      meta: 'physics-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\dotsi',
+      snippet: '\\dotsi',
+      meta: 'physics-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\bigwedge',
+      snippet: '\\bigwedge',
+      meta: 'physics-cmd',
+      score: 0.000347742918592393,
+    },
+    {
+      caption: '\\sideset{}{}',
+      snippet: '\\sideset{$1}{$2}',
+      meta: 'physics-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\smash{}',
+      snippet: '\\smash{$1}',
+      meta: 'physics-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\smash[]{}',
+      snippet: '\\smash[$1]{$2}',
+      meta: 'physics-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\colon',
+      snippet: '\\colon',
+      meta: 'physics-cmd',
+      score: 0.005300291684408929,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'physics-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\Longleftarrow',
+      snippet: '\\Longleftarrow',
+      meta: 'physics-cmd',
+      score: 8.477207854183949e-5,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'physics-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\AmS',
+      snippet: '\\AmS',
+      meta: 'physics-cmd',
+      score: 0.00047859486202980376,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'physics-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\tfrac{}{}',
+      snippet: '\\tfrac{$1}{$2}',
+      meta: 'physics-cmd',
+      score: 0.0005923542426657187,
+    },
+    {
+      caption: '\\uproot{}',
+      snippet: '\\uproot{$1}',
+      meta: 'physics-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\bmod',
+      snippet: '\\bmod',
+      meta: 'physics-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\bmod{}',
+      snippet: '\\bmod{$1}',
+      meta: 'physics-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\pod{}',
+      snippet: '\\pod{$1}',
+      meta: 'physics-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'physics-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\longrightarrow',
+      snippet: '\\longrightarrow',
+      meta: 'physics-cmd',
+      score: 0.013399422292458848,
+    },
+    {
+      caption: '\\xleftarrow[]{}',
+      snippet: '\\xleftarrow[$1]{$2}',
+      meta: 'physics-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\xleftarrow{}',
+      snippet: '\\xleftarrow{$1}',
+      meta: 'physics-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\mathaccentV',
+      snippet: '\\mathaccentV',
+      meta: 'physics-cmd',
+      score: 6.216218551413489e-5,
+    },
+    {
+      caption: '\\hdotsfor{}',
+      snippet: '\\hdotsfor{$1}',
+      meta: 'physics-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\hdotsfor[]{}',
+      snippet: '\\hdotsfor[$1]{$2}',
+      meta: 'physics-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'physics-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'physics-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\overset{}{}',
+      snippet: '\\overset{$1}{$2}',
+      meta: 'physics-cmd',
+      score: 0.007611544955294224,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'physics-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\longleftrightarrow',
+      snippet: '\\longleftrightarrow',
+      meta: 'physics-cmd',
+      score: 0.0002851769278703356,
+    },
+    {
+      caption: '\\Longleftrightarrow',
+      snippet: '\\Longleftrightarrow',
+      meta: 'physics-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\Longleftrightarrow{}',
+      snippet: '\\Longleftrightarrow{$1}',
+      meta: 'physics-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\binom{}{}',
+      snippet: '\\binom{$1}{$2}',
+      meta: 'physics-cmd',
+      score: 0.013010882180364367,
+    },
+    {
+      caption: '\\longleftarrow',
+      snippet: '\\longleftarrow',
+      meta: 'physics-cmd',
+      score: 0.0011096532692473691,
+    },
+    {
+      caption: '\\dbinom{}{}',
+      snippet: '\\dbinom{$1}{$2}',
+      meta: 'physics-cmd',
+      score: 0.006800272303210672,
+    },
+    {
+      caption: '\\Tilde{}',
+      snippet: '\\Tilde{$1}',
+      meta: 'physics-cmd',
+      score: 7.874446783586035e-5,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'physics-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'physics-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'physics-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'physics-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'physics-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'physics-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'physics-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'physics-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'physics-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'physics-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'physics-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'physics-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'physics-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'physics-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'physics-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'physics-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'physics-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'physics-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'physics-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'physics-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'physics-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'physics-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'physics-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'physics-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'physics-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'physics-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'physics-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'physics-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'physics-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'physics-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'physics-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'physics-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'physics-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'physics-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'physics-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'physics-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'physics-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'physics-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'physics-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'physics-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'physics-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'physics-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'physics-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'physics-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'physics-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'physics-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'physics-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'physics-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'physics-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'physics-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'physics-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'physics-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'physics-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'physics-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'physics-cmd',
+      score: 0.0063276692758974925,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'physics-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'physics-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'physics-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'physics-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'physics-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'physics-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  authblk: [
+    {
+      caption: '\\Authfont{}',
+      snippet: '\\Authfont{$1}',
+      meta: 'authblk-cmd',
+      score: 0.00019538157043798684,
+    },
+    {
+      caption: '\\thanks{}',
+      snippet: '\\thanks{$1}',
+      meta: 'authblk-cmd',
+      score: 0.08382259880654083,
+    },
+    {
+      caption: '\\maketitle',
+      snippet: '\\maketitle',
+      meta: 'authblk-cmd',
+      score: 0.7504160124360846,
+    },
+    {
+      caption: '\\rlap{}',
+      snippet: '\\rlap{$1}',
+      meta: 'authblk-cmd',
+      score: 0.01269300721396509,
+    },
+    {
+      caption: '\\Authands{}',
+      snippet: '\\Authands{$1}',
+      meta: 'authblk-cmd',
+      score: 0.00043932814970131613,
+    },
+    {
+      caption: '\\author{}',
+      snippet: '\\author{$1}',
+      meta: 'authblk-cmd',
+      score: 0.8973590434087177,
+    },
+    {
+      caption: '\\author[]{}',
+      snippet: '\\author[$1]{$2}',
+      meta: 'authblk-cmd',
+      score: 0.8973590434087177,
+    },
+    {
+      caption: '\\textsuperscript{}',
+      snippet: '\\textsuperscript{$1}',
+      meta: 'authblk-cmd',
+      score: 0.05216393882408519,
+    },
+    {
+      caption: '\\Affilfont{}',
+      snippet: '\\Affilfont{$1}',
+      meta: 'authblk-cmd',
+      score: 0.0004505484831792931,
+    },
+    {
+      caption: '\\footnote{}',
+      snippet: '\\footnote{$1}',
+      meta: 'authblk-cmd',
+      score: 0.2253056071787701,
+    },
+    {
+      caption: '\\affil[]{}',
+      snippet: '\\affil[$1]{$2}',
+      meta: 'authblk-cmd',
+      score: 0.014174618039587864,
+    },
+    {
+      caption: '\\affil{}',
+      snippet: '\\affil{$1}',
+      meta: 'authblk-cmd',
+      score: 0.014174618039587864,
+    },
+  ],
+  tabu: [
+    {
+      caption: '\\extrarowheight',
+      snippet: '\\extrarowheight',
+      meta: 'tabu-cmd',
+      score: 0.003735645243417412,
+    },
+    {
+      caption: '\\extrarowheight{}',
+      snippet: '\\extrarowheight{$1}',
+      meta: 'tabu-cmd',
+      score: 0.003735645243417412,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'tabu-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'tabu-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\hfill',
+      snippet: '\\hfill',
+      meta: 'tabu-cmd',
+      score: 0.2058248088519886,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'tabu-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'tabu-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\tabulinesep',
+      snippet: '\\tabulinesep',
+      meta: 'tabu-cmd',
+      score: 0.0008256968285249214,
+    },
+    {
+      caption: '\\hskip',
+      snippet: '\\hskip',
+      meta: 'tabu-cmd',
+      score: 0.04339822811565144,
+    },
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'tabu-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'tabu-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'tabu-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'tabu-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'tabu-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tabu-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'tabu-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'tabu-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\par',
+      snippet: '\\par',
+      meta: 'tabu-cmd',
+      score: 0.413853376001159,
+    },
+  ],
+  CJKutf8: [
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'CJKutf8-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'CJKutf8-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'CJKutf8-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\selectfont',
+      snippet: '\\selectfont',
+      meta: 'CJKutf8-cmd',
+      score: 0.04598628699063736,
+    },
+    {
+      caption: '\\inputencoding{}',
+      snippet: '\\inputencoding{$1}',
+      meta: 'CJKutf8-cmd',
+      score: 0.0002447047447770061,
+    },
+  ],
+  sectsty: [
+    {
+      caption: '\\chapterfont{}',
+      snippet: '\\chapterfont{$1}',
+      meta: 'sectsty-cmd',
+      score: 0.0001572081344977262,
+    },
+    {
+      caption: '\\raggedright',
+      snippet: '\\raggedright',
+      meta: 'sectsty-cmd',
+      score: 0.05314494127699766,
+    },
+    {
+      caption: '\\sectionfont{}',
+      snippet: '\\sectionfont{$1}',
+      meta: 'sectsty-cmd',
+      score: 0.003867941482301249,
+    },
+    {
+      caption: '\\paragraph{}',
+      snippet: '\\paragraph{$1}',
+      meta: 'sectsty-cmd',
+      score: 0.152074250347974,
+    },
+    {
+      caption: '\\allsectionsfont{}',
+      snippet: '\\allsectionsfont{$1}',
+      meta: 'sectsty-cmd',
+      score: 0.0011367198619746117,
+    },
+    {
+      caption: '\\subsection{}',
+      snippet: '\\subsection{$1}',
+      meta: 'sectsty-cmd',
+      score: 1.3890912739512353,
+    },
+    {
+      caption: '\\subsectionfont{}',
+      snippet: '\\subsectionfont{$1}',
+      meta: 'sectsty-cmd',
+      score: 0.002811633808315226,
+    },
+    {
+      caption: '\\interlinepenalty',
+      snippet: '\\interlinepenalty',
+      meta: 'sectsty-cmd',
+      score: 0.00032069955588347133,
+    },
+    {
+      caption: '\\subsubsectionfont{}',
+      snippet: '\\subsubsectionfont{$1}',
+      meta: 'sectsty-cmd',
+      score: 0.0011363939259266408,
+    },
+    {
+      caption: '\\underline{}',
+      snippet: '\\underline{$1}',
+      meta: 'sectsty-cmd',
+      score: 0.14748550887002482,
+    },
+    {
+      caption: '\\subsubsection{}',
+      snippet: '\\subsubsection{$1}',
+      meta: 'sectsty-cmd',
+      score: 0.3727781330132016,
+    },
+    {
+      caption: '\\section{}',
+      snippet: '\\section{$1}',
+      meta: 'sectsty-cmd',
+      score: 3.0952612541683835,
+    },
+  ],
+  lscape: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'lscape-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'lscape-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'lscape-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'lscape-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'lscape-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'lscape-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'lscape-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'lscape-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'lscape-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'lscape-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'lscape-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'lscape-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'lscape-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'lscape-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'lscape-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'lscape-cmd',
+      score: 0.004649150613625593,
+    },
+  ],
+  hyphenat: [
+    {
+      caption: '\\hyp{}',
+      snippet: '\\hyp{$1}',
+      meta: 'hyphenat-cmd',
+      score: 0.0013359874951570454,
+    },
+  ],
+  tocloft: [
+    {
+      caption: '\\cftsecleader',
+      snippet: '\\cftsecleader',
+      meta: 'tocloft-cmd',
+      score: 0.0011340882025681251,
+    },
+    {
+      caption: '\\cftloftitlefont',
+      snippet: '\\cftloftitlefont',
+      meta: 'tocloft-cmd',
+      score: 6.2350576842596716e-6,
+    },
+    {
+      caption: '\\cftchappresnum{}',
+      snippet: '\\cftchappresnum{$1}',
+      meta: 'tocloft-cmd',
+      score: 2.8671864736205568e-5,
+    },
+    {
+      caption: '\\cftchappresnum',
+      snippet: '\\cftchappresnum',
+      meta: 'tocloft-cmd',
+      score: 2.8671864736205568e-5,
+    },
+    {
+      caption: '\\listoftables',
+      snippet: '\\listoftables',
+      meta: 'tocloft-cmd',
+      score: 0.02104656820469027,
+    },
+    {
+      caption: '\\cftsecfont{}',
+      snippet: '\\cftsecfont{$1}',
+      meta: 'tocloft-cmd',
+      score: 5.630015640183448e-5,
+    },
+    {
+      caption: '\\cftchapfont{}',
+      snippet: '\\cftchapfont{$1}',
+      meta: 'tocloft-cmd',
+      score: 6.253521408609416e-5,
+    },
+    {
+      caption: '\\cftchapfont',
+      snippet: '\\cftchapfont',
+      meta: 'tocloft-cmd',
+      score: 6.253521408609416e-5,
+    },
+    {
+      caption: '\\cftsubsecleader',
+      snippet: '\\cftsubsecleader',
+      meta: 'tocloft-cmd',
+      score: 1.0644172549700836e-5,
+    },
+    {
+      caption: '\\cftchapleader',
+      snippet: '\\cftchapleader',
+      meta: 'tocloft-cmd',
+      score: 1.0644172549700836e-5,
+    },
+    {
+      caption: '\\tocloftpagestyle{}',
+      snippet: '\\tocloftpagestyle{$1}',
+      meta: 'tocloft-cmd',
+      score: 8.392451158032374e-5,
+    },
+    {
+      caption: '\\cfttoctitlefont',
+      snippet: '\\cfttoctitlefont',
+      meta: 'tocloft-cmd',
+      score: 6.877027177035383e-5,
+    },
+    {
+      caption: '\\cftdot',
+      snippet: '\\cftdot',
+      meta: 'tocloft-cmd',
+      score: 1.6201749367686227e-5,
+    },
+    {
+      caption: '\\cftsecdotsep',
+      snippet: '\\cftsecdotsep',
+      meta: 'tocloft-cmd',
+      score: 0.0029383990986223767,
+    },
+    {
+      caption: '\\cftafterloftitle',
+      snippet: '\\cftafterloftitle',
+      meta: 'tocloft-cmd',
+      score: 6.2350576842596716e-6,
+    },
+    {
+      caption: '\\listoffigures',
+      snippet: '\\listoffigures',
+      meta: 'tocloft-cmd',
+      score: 0.03447318897846567,
+    },
+    {
+      caption: '\\cftdotfill{}',
+      snippet: '\\cftdotfill{$1}',
+      meta: 'tocloft-cmd',
+      score: 0.006027562229085753,
+    },
+    {
+      caption: '\\tableofcontents',
+      snippet: '\\tableofcontents',
+      meta: 'tocloft-cmd',
+      score: 0.13360595130994957,
+    },
+    {
+      caption: '\\cftdotsep',
+      snippet: '\\cftdotsep',
+      meta: 'tocloft-cmd',
+      score: 0.003089163130463376,
+    },
+    {
+      caption: '\\numberline{}',
+      snippet: '\\numberline{$1}',
+      meta: 'tocloft-cmd',
+      score: 0.007461440567272885,
+    },
+    {
+      caption: '\\cftlottitlefont',
+      snippet: '\\cftlottitlefont',
+      meta: 'tocloft-cmd',
+      score: 6.2350576842596716e-6,
+    },
+    {
+      caption: '\\cftchappagefont{}',
+      snippet: '\\cftchappagefont{$1}',
+      meta: 'tocloft-cmd',
+      score: 5.630015640183448e-5,
+    },
+    {
+      caption: '\\cftsetindents{}{}{}',
+      snippet: '\\cftsetindents{$1}{$2}{$3}',
+      meta: 'tocloft-cmd',
+      score: 0.00043647269161217853,
+    },
+    {
+      caption: '\\cftsecpagefont{}',
+      snippet: '\\cftsecpagefont{$1}',
+      meta: 'tocloft-cmd',
+      score: 5.630015640183448e-5,
+    },
+    {
+      caption: '\\phantomsection',
+      snippet: '\\phantomsection',
+      meta: 'tocloft-cmd',
+      score: 0.0174633138331273,
+    },
+    {
+      caption: '\\cftaftertoctitle',
+      snippet: '\\cftaftertoctitle',
+      meta: 'tocloft-cmd',
+      score: 6.2350576842596716e-6,
+    },
+    {
+      caption: '\\cftafterlottitle',
+      snippet: '\\cftafterlottitle',
+      meta: 'tocloft-cmd',
+      score: 6.2350576842596716e-6,
+    },
+    {
+      caption: '\\newlistof{}{}{}',
+      snippet: '\\newlistof{$1}{$2}{$3}',
+      meta: 'tocloft-cmd',
+      score: 0.0005381264966408724,
+    },
+  ],
+  glossaries: [
+    {
+      caption: '\\glslongpluralkey',
+      snippet: '\\glslongpluralkey',
+      meta: 'glossaries-cmd',
+      score: 1.4538687447297259e-5,
+    },
+    {
+      caption: '\\Glspl{}',
+      snippet: '\\Glspl{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0025291265119320736,
+    },
+    {
+      caption: '\\glossarysection',
+      snippet: '\\glossarysection',
+      meta: 'glossaries-cmd',
+      score: 9.579755294730752e-5,
+    },
+    {
+      caption: '\\printglossaries',
+      snippet: '\\printglossaries',
+      meta: 'glossaries-cmd',
+      score: 0.0010106582768889887,
+    },
+    {
+      caption: '\\Gls{}',
+      snippet: '\\Gls{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.003696678698317109,
+    },
+    {
+      caption: '\\setglossarystyle{}',
+      snippet: '\\setglossarystyle{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0003758893277679221,
+    },
+    {
+      caption: '\\printglossary',
+      snippet: '\\printglossary',
+      meta: 'glossaries-cmd',
+      score: 0.009139682306158714,
+    },
+    {
+      caption: '\\printglossary[]',
+      snippet: '\\printglossary[$1]',
+      meta: 'glossaries-cmd',
+      score: 0.009139682306158714,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'glossaries-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\setglossarysection{}',
+      snippet: '\\setglossarysection{$1}',
+      meta: 'glossaries-cmd',
+      score: 3.6081414102781514e-5,
+    },
+    {
+      caption: '\\glsresetall',
+      snippet: '\\glsresetall',
+      meta: 'glossaries-cmd',
+      score: 0.0006123462672467326,
+    },
+    {
+      caption: '\\the',
+      snippet: '\\the',
+      meta: 'glossaries-cmd',
+      score: 0.007238960303946444,
+    },
+    {
+      caption: '\\acrshort{}',
+      snippet: '\\acrshort{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.009936841864059727,
+    },
+    {
+      caption: '\\printnoidxglossary[]',
+      snippet: '\\printnoidxglossary[$1]',
+      meta: 'glossaries-cmd',
+      score: 0.00021912375285685037,
+    },
+    {
+      caption: '\\newglossary{}{}',
+      snippet: '\\newglossary{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 1.4547244650032571e-5,
+    },
+    {
+      caption: '\\gls{}',
+      snippet: '\\gls{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.06939353309055077,
+    },
+    {
+      caption: '\\printnoidxglossaries',
+      snippet: '\\printnoidxglossaries',
+      meta: 'glossaries-cmd',
+      score: 5.6789564226023136e-5,
+    },
+    {
+      caption: '\\printindex',
+      snippet: '\\printindex',
+      meta: 'glossaries-cmd',
+      score: 0.004417016910870522,
+    },
+    {
+      caption: '\\defglsentryfmt[]{}',
+      snippet: '\\defglsentryfmt[$1]{$2}',
+      meta: 'glossaries-cmd',
+      score: 4.8990621725283124e-5,
+    },
+    {
+      caption: '\\glspostdescription',
+      snippet: '\\glspostdescription',
+      meta: 'glossaries-cmd',
+      score: 0.0006337376579591112,
+    },
+    {
+      caption: '\\number',
+      snippet: '\\number',
+      meta: 'glossaries-cmd',
+      score: 0.000968714260809983,
+    },
+    {
+      caption: '\\glsaddall',
+      snippet: '\\glsaddall',
+      meta: 'glossaries-cmd',
+      score: 0.0008363820557740373,
+    },
+    {
+      caption: '\\glsaddall[]',
+      snippet: '\\glsaddall[$1]',
+      meta: 'glossaries-cmd',
+      score: 0.0008363820557740373,
+    },
+    {
+      caption: '\\makeglossaries',
+      snippet: '\\makeglossaries',
+      meta: 'glossaries-cmd',
+      score: 0.0056737600836936995,
+    },
+    {
+      caption: '\\glossaryname',
+      snippet: '\\glossaryname',
+      meta: 'glossaries-cmd',
+      score: 0.0006174536302752427,
+    },
+    {
+      caption: '\\newglossaryentry{}{}',
+      snippet: '\\newglossaryentry{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 0.018524394136900962,
+    },
+    {
+      caption: '\\glslabel',
+      snippet: '\\glslabel',
+      meta: 'glossaries-cmd',
+      score: 4.8990621725283124e-5,
+    },
+    {
+      caption: '\\glsadd{}',
+      snippet: '\\glsadd{$1}',
+      meta: 'glossaries-cmd',
+      score: 3.0150373480213892e-5,
+    },
+    {
+      caption: '\\makenoidxglossaries',
+      snippet: '\\makenoidxglossaries',
+      meta: 'glossaries-cmd',
+      score: 0.0001382210125680805,
+    },
+    {
+      caption: '\\glsgenentryfmt',
+      snippet: '\\glsgenentryfmt',
+      meta: 'glossaries-cmd',
+      score: 4.8990621725283124e-5,
+    },
+    {
+      caption: '\\acronymtype',
+      snippet: '\\acronymtype',
+      meta: 'glossaries-cmd',
+      score: 0.002000834271117562,
+    },
+    {
+      caption: '\\acrfull{}',
+      snippet: '\\acrfull{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0032622587277765067,
+    },
+    {
+      caption: '\\newacronym{}{}{}',
+      snippet: '\\newacronym{$1}{$2}{$3}',
+      meta: 'glossaries-cmd',
+      score: 0.03193935544723102,
+    },
+    {
+      caption: '\\glspl{}',
+      snippet: '\\glspl{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0034025897522047717,
+    },
+    {
+      caption: '\\ifglsused{}{}{}',
+      snippet: '\\ifglsused{$1}{$2}{$3}',
+      meta: 'glossaries-cmd',
+      score: 4.8990621725283124e-5,
+    },
+    {
+      caption: '\\acrlong{}',
+      snippet: '\\acrlong{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.002517821598213752,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'glossaries-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'glossaries-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\longmapsto',
+      snippet: '\\longmapsto',
+      meta: 'glossaries-cmd',
+      score: 0.0017755897148012264,
+    },
+    {
+      caption: '\\Check{}',
+      snippet: '\\Check{$1}',
+      meta: 'glossaries-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'glossaries-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'glossaries-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\And',
+      snippet: '\\And',
+      meta: 'glossaries-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\And{}',
+      snippet: '\\And{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'glossaries-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\boxed{}',
+      snippet: '\\boxed{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0035536135737312827,
+    },
+    {
+      caption: '\\Ddot{}',
+      snippet: '\\Ddot{$1}',
+      meta: 'glossaries-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ignorespacesafterend',
+      snippet: '\\ignorespacesafterend',
+      meta: 'glossaries-cmd',
+      score: 0.0010893680553454854,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'glossaries-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\Breve{}',
+      snippet: '\\Breve{$1}',
+      meta: 'glossaries-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'glossaries-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\over{}',
+      snippet: '\\over{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\over',
+      snippet: '\\over',
+      meta: 'glossaries-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\bigotimes',
+      snippet: '\\bigotimes',
+      meta: 'glossaries-cmd',
+      score: 0.000984722260624791,
+    },
+    {
+      caption: '\\bigoplus',
+      snippet: '\\bigoplus',
+      meta: 'glossaries-cmd',
+      score: 0.0011508785476242003,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'glossaries-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\bigcap',
+      snippet: '\\bigcap',
+      meta: 'glossaries-cmd',
+      score: 0.005709261168797874,
+    },
+    {
+      caption: '\\xrightarrow{}',
+      snippet: '\\xrightarrow{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\xrightarrow[]{}',
+      snippet: '\\xrightarrow[$1]{$2}',
+      meta: 'glossaries-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\atop',
+      snippet: '\\atop',
+      meta: 'glossaries-cmd',
+      score: 0.0006518541515279979,
+    },
+    {
+      caption: '\\dfrac{}{}',
+      snippet: '\\dfrac{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 0.05397545277891961,
+    },
+    {
+      caption: '\\pmod',
+      snippet: '\\pmod',
+      meta: 'glossaries-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\pmod{}',
+      snippet: '\\pmod{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\notag',
+      snippet: '\\notag',
+      meta: 'glossaries-cmd',
+      score: 0.00322520920930312,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'glossaries-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\Vec{}',
+      snippet: '\\Vec{$1}',
+      meta: 'glossaries-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\bigvee',
+      snippet: '\\bigvee',
+      meta: 'glossaries-cmd',
+      score: 0.0011677288242806726,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'glossaries-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\hookrightarrow',
+      snippet: '\\hookrightarrow',
+      meta: 'glossaries-cmd',
+      score: 0.0015607282046545064,
+    },
+    {
+      caption: '\\bigsqcup',
+      snippet: '\\bigsqcup',
+      meta: 'glossaries-cmd',
+      score: 0.0003468284144579442,
+    },
+    {
+      caption: '\\hookleftarrow',
+      snippet: '\\hookleftarrow',
+      meta: 'glossaries-cmd',
+      score: 0.0016498799924012809,
+    },
+    {
+      caption: '\\Dot{}',
+      snippet: '\\Dot{$1}',
+      meta: 'glossaries-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\dots',
+      snippet: '\\dots',
+      meta: 'glossaries-cmd',
+      score: 0.0847414497955395,
+    },
+    {
+      caption: '\\genfrac{}{}{}{}{}{}',
+      snippet: '\\genfrac{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'glossaries-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\genfrac',
+      snippet: '\\genfrac',
+      meta: 'glossaries-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\cfrac{}{}',
+      snippet: '\\cfrac{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 0.006765684097139381,
+    },
+    {
+      caption: '\\Acute{}',
+      snippet: '\\Acute{$1}',
+      meta: 'glossaries-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ldots',
+      snippet: '\\ldots',
+      meta: 'glossaries-cmd',
+      score: 0.11585556755884258,
+    },
+    {
+      caption: '\\coprod',
+      snippet: '\\coprod',
+      meta: 'glossaries-cmd',
+      score: 0.00011383372700282614,
+    },
+    {
+      caption: '\\impliedby',
+      snippet: '\\impliedby',
+      meta: 'glossaries-cmd',
+      score: 2.3482915591834053e-5,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'glossaries-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\idotsint',
+      snippet: '\\idotsint',
+      meta: 'glossaries-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\Longrightarrow',
+      snippet: '\\Longrightarrow',
+      meta: 'glossaries-cmd',
+      score: 0.002459139437356601,
+    },
+    {
+      caption: '\\allowdisplaybreaks',
+      snippet: '\\allowdisplaybreaks',
+      meta: 'glossaries-cmd',
+      score: 0.005931777024772073,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\mod',
+      snippet: '\\mod',
+      meta: 'glossaries-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\mod{}',
+      snippet: '\\mod{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'glossaries-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'glossaries-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\underset{}{}',
+      snippet: '\\underset{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 0.012799893214578391,
+    },
+    {
+      caption: '\\dotsc',
+      snippet: '\\dotsc',
+      meta: 'glossaries-cmd',
+      score: 0.0008555101484119994,
+    },
+    {
+      caption: '\\doteq',
+      snippet: '\\doteq',
+      meta: 'glossaries-cmd',
+      score: 3.164631070474435e-5,
+    },
+    {
+      caption: '\\leftroot{}',
+      snippet: '\\leftroot{$1}',
+      meta: 'glossaries-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\substack{}',
+      snippet: '\\substack{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0037482529712850755,
+    },
+    {
+      caption: '\\Hat{}',
+      snippet: '\\Hat{$1}',
+      meta: 'glossaries-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\mspace{}',
+      snippet: '\\mspace{$1}',
+      meta: 'glossaries-cmd',
+      score: 3.423236656565836e-5,
+    },
+    {
+      caption: '\\Bar{}',
+      snippet: '\\Bar{$1}',
+      meta: 'glossaries-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\Grave{}',
+      snippet: '\\Grave{$1}',
+      meta: 'glossaries-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'glossaries-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\tbinom',
+      snippet: '\\tbinom',
+      meta: 'glossaries-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\dotsi',
+      snippet: '\\dotsi',
+      meta: 'glossaries-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\bigwedge',
+      snippet: '\\bigwedge',
+      meta: 'glossaries-cmd',
+      score: 0.000347742918592393,
+    },
+    {
+      caption: '\\sideset{}{}',
+      snippet: '\\sideset{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\smash{}',
+      snippet: '\\smash{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\smash[]{}',
+      snippet: '\\smash[$1]{$2}',
+      meta: 'glossaries-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\colon',
+      snippet: '\\colon',
+      meta: 'glossaries-cmd',
+      score: 0.005300291684408929,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\Longleftarrow',
+      snippet: '\\Longleftarrow',
+      meta: 'glossaries-cmd',
+      score: 8.477207854183949e-5,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'glossaries-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\AmS',
+      snippet: '\\AmS',
+      meta: 'glossaries-cmd',
+      score: 0.00047859486202980376,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\tfrac{}{}',
+      snippet: '\\tfrac{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 0.0005923542426657187,
+    },
+    {
+      caption: '\\uproot{}',
+      snippet: '\\uproot{$1}',
+      meta: 'glossaries-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\bmod',
+      snippet: '\\bmod',
+      meta: 'glossaries-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\bmod{}',
+      snippet: '\\bmod{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\pod{}',
+      snippet: '\\pod{$1}',
+      meta: 'glossaries-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'glossaries-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\longrightarrow',
+      snippet: '\\longrightarrow',
+      meta: 'glossaries-cmd',
+      score: 0.013399422292458848,
+    },
+    {
+      caption: '\\xleftarrow[]{}',
+      snippet: '\\xleftarrow[$1]{$2}',
+      meta: 'glossaries-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\xleftarrow{}',
+      snippet: '\\xleftarrow{$1}',
+      meta: 'glossaries-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\mathaccentV',
+      snippet: '\\mathaccentV',
+      meta: 'glossaries-cmd',
+      score: 6.216218551413489e-5,
+    },
+    {
+      caption: '\\hdotsfor{}',
+      snippet: '\\hdotsfor{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\hdotsfor[]{}',
+      snippet: '\\hdotsfor[$1]{$2}',
+      meta: 'glossaries-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'glossaries-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'glossaries-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\overset{}{}',
+      snippet: '\\overset{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 0.007611544955294224,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'glossaries-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\longleftrightarrow',
+      snippet: '\\longleftrightarrow',
+      meta: 'glossaries-cmd',
+      score: 0.0002851769278703356,
+    },
+    {
+      caption: '\\Longleftrightarrow',
+      snippet: '\\Longleftrightarrow',
+      meta: 'glossaries-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\Longleftrightarrow{}',
+      snippet: '\\Longleftrightarrow{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\binom{}{}',
+      snippet: '\\binom{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 0.013010882180364367,
+    },
+    {
+      caption: '\\longleftarrow',
+      snippet: '\\longleftarrow',
+      meta: 'glossaries-cmd',
+      score: 0.0011096532692473691,
+    },
+    {
+      caption: '\\dbinom{}{}',
+      snippet: '\\dbinom{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 0.006800272303210672,
+    },
+    {
+      caption: '\\Tilde{}',
+      snippet: '\\Tilde{$1}',
+      meta: 'glossaries-cmd',
+      score: 7.874446783586035e-5,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'glossaries-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'glossaries-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'glossaries-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'glossaries-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'glossaries-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'glossaries-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'glossaries-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'glossaries-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'glossaries-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'glossaries-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'glossaries-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'glossaries-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'glossaries-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'glossaries-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'glossaries-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'glossaries-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'glossaries-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'glossaries-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'glossaries-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'glossaries-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'glossaries-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'glossaries-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'glossaries-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'glossaries-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'glossaries-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'glossaries-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'glossaries-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'glossaries-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'glossaries-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'glossaries-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'glossaries-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'glossaries-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'glossaries-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'glossaries-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'glossaries-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'glossaries-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'glossaries-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'glossaries-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'glossaries-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\cite{}',
+      snippet: '\\cite{$1}',
+      meta: 'glossaries-cmd',
+      score: 2.341195220791228,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'glossaries-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'glossaries-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'glossaries-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'glossaries-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'glossaries-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'glossaries-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'glossaries-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'glossaries-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'glossaries-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'glossaries-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'glossaries-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'glossaries-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'glossaries-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'glossaries-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'glossaries-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'glossaries-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'glossaries-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'glossaries-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'glossaries-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'glossaries-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'glossaries-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'glossaries-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'glossaries-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  cleveref: [
+    {
+      caption: '\\crefdefaultlabelformat{}',
+      snippet: '\\crefdefaultlabelformat{$1}',
+      meta: 'cleveref-cmd',
+      score: 8.401009062000455e-6,
+    },
+    {
+      caption: '\\crefname{}{}{}',
+      snippet: '\\crefname{$1}{$2}{$3}',
+      meta: 'cleveref-cmd',
+      score: 0.0016963440482621792,
+    },
+    {
+      caption: '\\crefrangeformat{}{}',
+      snippet: '\\crefrangeformat{$1}{$2}',
+      meta: 'cleveref-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'cleveref-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'cleveref-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\crefmultiformat{}{}',
+      snippet: '\\crefmultiformat{$1}{$2}',
+      meta: 'cleveref-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\crefformat{}{}',
+      snippet: '\\crefformat{$1}{$2}',
+      meta: 'cleveref-cmd',
+      score: 0.0006776840671975755,
+    },
+    {
+      caption: '\\Cref{}',
+      snippet: '\\Cref{$1}',
+      meta: 'cleveref-cmd',
+      score: 0.0016649686371949341,
+    },
+    {
+      caption: '\\refstepcounter{}',
+      snippet: '\\refstepcounter{$1}',
+      meta: 'cleveref-cmd',
+      score: 0.002140559856649122,
+    },
+    {
+      caption: '\\cref{}',
+      snippet: '\\cref{$1}',
+      meta: 'cleveref-cmd',
+      score: 0.0159491058092361,
+    },
+    {
+      caption: '\\crefrangeconjunction',
+      snippet: '\\crefrangeconjunction',
+      meta: 'cleveref-cmd',
+      score: 3.2405622997778076e-6,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'cleveref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\creflabelformat{}{}',
+      snippet: '\\creflabelformat{$1}{$2}',
+      meta: 'cleveref-cmd',
+      score: 0.000997031755478214,
+    },
+    {
+      caption: '\\Crefname{}{}{}',
+      snippet: '\\Crefname{$1}{$2}{$3}',
+      meta: 'cleveref-cmd',
+      score: 0.000239288793927364,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'cleveref-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\labelcref{}',
+      snippet: '\\labelcref{$1}',
+      meta: 'cleveref-cmd',
+      score: 6.720807249600364e-5,
+    },
+    {
+      caption: '\\creflastconjunction',
+      snippet: '\\creflastconjunction',
+      meta: 'cleveref-cmd',
+      score: 3.2405622997778076e-6,
+    },
+  ],
+  'eso-pic': [
+    {
+      caption: '\\AddToShipoutPictureFG{}',
+      snippet: '\\AddToShipoutPictureFG{$1}',
+      meta: 'eso-pic-cmd',
+      score: 0.000325977535138643,
+    },
+    {
+      caption: '\\AddToShipoutPictureBG{}',
+      snippet: '\\AddToShipoutPictureBG{$1}',
+      meta: 'eso-pic-cmd',
+      score: 0.0008957666085644653,
+    },
+    {
+      caption: '\\AtPageUpperLeft{}',
+      snippet: '\\AtPageUpperLeft{$1}',
+      meta: 'eso-pic-cmd',
+      score: 0.0003608141410278152,
+    },
+    {
+      caption: '\\LenToUnit{}',
+      snippet: '\\LenToUnit{$1}',
+      meta: 'eso-pic-cmd',
+      score: 0.0007216282820556304,
+    },
+    {
+      caption: '\\AddToShipoutPicture{}',
+      snippet: '\\AddToShipoutPicture{$1}',
+      meta: 'eso-pic-cmd',
+      score: 0.0017658629469099734,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'eso-pic-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'eso-pic-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'eso-pic-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'eso-pic-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\AtBeginShipout{}',
+      snippet: '\\AtBeginShipout{$1}',
+      meta: 'eso-pic-cmd',
+      score: 0.00047530324346933345,
+    },
+    {
+      caption: '\\AtBeginShipoutNext{}',
+      snippet: '\\AtBeginShipoutNext{$1}',
+      meta: 'eso-pic-cmd',
+      score: 0.0005277905480209891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'eso-pic-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  mhchem: [
+    {
+      caption: '\\ce{}',
+      snippet: '\\ce{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.04246600383063094,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'mhchem-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'mhchem-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'mhchem-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'mhchem-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'mhchem-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mhchem-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'mhchem-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'mhchem-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\longmapsto',
+      snippet: '\\longmapsto',
+      meta: 'mhchem-cmd',
+      score: 0.0017755897148012264,
+    },
+    {
+      caption: '\\Check{}',
+      snippet: '\\Check{$1}',
+      meta: 'mhchem-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'mhchem-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'mhchem-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\And',
+      snippet: '\\And',
+      meta: 'mhchem-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\And{}',
+      snippet: '\\And{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'mhchem-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\boxed{}',
+      snippet: '\\boxed{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0035536135737312827,
+    },
+    {
+      caption: '\\Ddot{}',
+      snippet: '\\Ddot{$1}',
+      meta: 'mhchem-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ignorespacesafterend',
+      snippet: '\\ignorespacesafterend',
+      meta: 'mhchem-cmd',
+      score: 0.0010893680553454854,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'mhchem-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\Breve{}',
+      snippet: '\\Breve{$1}',
+      meta: 'mhchem-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'mhchem-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\over{}',
+      snippet: '\\over{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\over',
+      snippet: '\\over',
+      meta: 'mhchem-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\bigotimes',
+      snippet: '\\bigotimes',
+      meta: 'mhchem-cmd',
+      score: 0.000984722260624791,
+    },
+    {
+      caption: '\\bigoplus',
+      snippet: '\\bigoplus',
+      meta: 'mhchem-cmd',
+      score: 0.0011508785476242003,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'mhchem-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\bigcap',
+      snippet: '\\bigcap',
+      meta: 'mhchem-cmd',
+      score: 0.005709261168797874,
+    },
+    {
+      caption: '\\xrightarrow{}',
+      snippet: '\\xrightarrow{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\xrightarrow[]{}',
+      snippet: '\\xrightarrow[$1]{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\atop',
+      snippet: '\\atop',
+      meta: 'mhchem-cmd',
+      score: 0.0006518541515279979,
+    },
+    {
+      caption: '\\dfrac{}{}',
+      snippet: '\\dfrac{$1}{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.05397545277891961,
+    },
+    {
+      caption: '\\pmod',
+      snippet: '\\pmod',
+      meta: 'mhchem-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\pmod{}',
+      snippet: '\\pmod{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\notag',
+      snippet: '\\notag',
+      meta: 'mhchem-cmd',
+      score: 0.00322520920930312,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'mhchem-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\Vec{}',
+      snippet: '\\Vec{$1}',
+      meta: 'mhchem-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\bigvee',
+      snippet: '\\bigvee',
+      meta: 'mhchem-cmd',
+      score: 0.0011677288242806726,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'mhchem-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\hookrightarrow',
+      snippet: '\\hookrightarrow',
+      meta: 'mhchem-cmd',
+      score: 0.0015607282046545064,
+    },
+    {
+      caption: '\\bigsqcup',
+      snippet: '\\bigsqcup',
+      meta: 'mhchem-cmd',
+      score: 0.0003468284144579442,
+    },
+    {
+      caption: '\\hookleftarrow',
+      snippet: '\\hookleftarrow',
+      meta: 'mhchem-cmd',
+      score: 0.0016498799924012809,
+    },
+    {
+      caption: '\\Dot{}',
+      snippet: '\\Dot{$1}',
+      meta: 'mhchem-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\dots',
+      snippet: '\\dots',
+      meta: 'mhchem-cmd',
+      score: 0.0847414497955395,
+    },
+    {
+      caption: '\\genfrac{}{}{}{}{}{}',
+      snippet: '\\genfrac{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'mhchem-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\genfrac',
+      snippet: '\\genfrac',
+      meta: 'mhchem-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\cfrac{}{}',
+      snippet: '\\cfrac{$1}{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.006765684097139381,
+    },
+    {
+      caption: '\\Acute{}',
+      snippet: '\\Acute{$1}',
+      meta: 'mhchem-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ldots',
+      snippet: '\\ldots',
+      meta: 'mhchem-cmd',
+      score: 0.11585556755884258,
+    },
+    {
+      caption: '\\coprod',
+      snippet: '\\coprod',
+      meta: 'mhchem-cmd',
+      score: 0.00011383372700282614,
+    },
+    {
+      caption: '\\impliedby',
+      snippet: '\\impliedby',
+      meta: 'mhchem-cmd',
+      score: 2.3482915591834053e-5,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'mhchem-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\idotsint',
+      snippet: '\\idotsint',
+      meta: 'mhchem-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\Longrightarrow',
+      snippet: '\\Longrightarrow',
+      meta: 'mhchem-cmd',
+      score: 0.002459139437356601,
+    },
+    {
+      caption: '\\allowdisplaybreaks',
+      snippet: '\\allowdisplaybreaks',
+      meta: 'mhchem-cmd',
+      score: 0.005931777024772073,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\mod',
+      snippet: '\\mod',
+      meta: 'mhchem-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\mod{}',
+      snippet: '\\mod{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'mhchem-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'mhchem-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\underset{}{}',
+      snippet: '\\underset{$1}{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.012799893214578391,
+    },
+    {
+      caption: '\\dotsc',
+      snippet: '\\dotsc',
+      meta: 'mhchem-cmd',
+      score: 0.0008555101484119994,
+    },
+    {
+      caption: '\\doteq',
+      snippet: '\\doteq',
+      meta: 'mhchem-cmd',
+      score: 3.164631070474435e-5,
+    },
+    {
+      caption: '\\leftroot{}',
+      snippet: '\\leftroot{$1}',
+      meta: 'mhchem-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\substack{}',
+      snippet: '\\substack{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0037482529712850755,
+    },
+    {
+      caption: '\\Hat{}',
+      snippet: '\\Hat{$1}',
+      meta: 'mhchem-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'mhchem-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\mspace{}',
+      snippet: '\\mspace{$1}',
+      meta: 'mhchem-cmd',
+      score: 3.423236656565836e-5,
+    },
+    {
+      caption: '\\Bar{}',
+      snippet: '\\Bar{$1}',
+      meta: 'mhchem-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\Grave{}',
+      snippet: '\\Grave{$1}',
+      meta: 'mhchem-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'mhchem-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\tbinom',
+      snippet: '\\tbinom',
+      meta: 'mhchem-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\dotsi',
+      snippet: '\\dotsi',
+      meta: 'mhchem-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\bigwedge',
+      snippet: '\\bigwedge',
+      meta: 'mhchem-cmd',
+      score: 0.000347742918592393,
+    },
+    {
+      caption: '\\sideset{}{}',
+      snippet: '\\sideset{$1}{$2}',
+      meta: 'mhchem-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\smash{}',
+      snippet: '\\smash{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\smash[]{}',
+      snippet: '\\smash[$1]{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\colon',
+      snippet: '\\colon',
+      meta: 'mhchem-cmd',
+      score: 0.005300291684408929,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\Longleftarrow',
+      snippet: '\\Longleftarrow',
+      meta: 'mhchem-cmd',
+      score: 8.477207854183949e-5,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'mhchem-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\AmS',
+      snippet: '\\AmS',
+      meta: 'mhchem-cmd',
+      score: 0.00047859486202980376,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\tfrac{}{}',
+      snippet: '\\tfrac{$1}{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.0005923542426657187,
+    },
+    {
+      caption: '\\uproot{}',
+      snippet: '\\uproot{$1}',
+      meta: 'mhchem-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\bmod',
+      snippet: '\\bmod',
+      meta: 'mhchem-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\bmod{}',
+      snippet: '\\bmod{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\pod{}',
+      snippet: '\\pod{$1}',
+      meta: 'mhchem-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'mhchem-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\longrightarrow',
+      snippet: '\\longrightarrow',
+      meta: 'mhchem-cmd',
+      score: 0.013399422292458848,
+    },
+    {
+      caption: '\\xleftarrow[]{}',
+      snippet: '\\xleftarrow[$1]{$2}',
+      meta: 'mhchem-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\xleftarrow{}',
+      snippet: '\\xleftarrow{$1}',
+      meta: 'mhchem-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\mathaccentV',
+      snippet: '\\mathaccentV',
+      meta: 'mhchem-cmd',
+      score: 6.216218551413489e-5,
+    },
+    {
+      caption: '\\hdotsfor{}',
+      snippet: '\\hdotsfor{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\hdotsfor[]{}',
+      snippet: '\\hdotsfor[$1]{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'mhchem-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'mhchem-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\overset{}{}',
+      snippet: '\\overset{$1}{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.007611544955294224,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'mhchem-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\longleftrightarrow',
+      snippet: '\\longleftrightarrow',
+      meta: 'mhchem-cmd',
+      score: 0.0002851769278703356,
+    },
+    {
+      caption: '\\Longleftrightarrow',
+      snippet: '\\Longleftrightarrow',
+      meta: 'mhchem-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\Longleftrightarrow{}',
+      snippet: '\\Longleftrightarrow{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\binom{}{}',
+      snippet: '\\binom{$1}{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.013010882180364367,
+    },
+    {
+      caption: '\\longleftarrow',
+      snippet: '\\longleftarrow',
+      meta: 'mhchem-cmd',
+      score: 0.0011096532692473691,
+    },
+    {
+      caption: '\\dbinom{}{}',
+      snippet: '\\dbinom{$1}{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.006800272303210672,
+    },
+    {
+      caption: '\\Tilde{}',
+      snippet: '\\Tilde{$1}',
+      meta: 'mhchem-cmd',
+      score: 7.874446783586035e-5,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'mhchem-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'mhchem-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'mhchem-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'mhchem-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'mhchem-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'mhchem-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'mhchem-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'mhchem-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'mhchem-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'mhchem-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'mhchem-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'mhchem-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'mhchem-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'mhchem-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'mhchem-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'mhchem-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'mhchem-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'mhchem-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'mhchem-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'mhchem-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'mhchem-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'mhchem-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'mhchem-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'mhchem-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'mhchem-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'mhchem-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'mhchem-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'mhchem-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'mhchem-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'mhchem-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'mhchem-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'mhchem-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'mhchem-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'mhchem-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'mhchem-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'mhchem-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'mhchem-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mhchem-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'mhchem-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'mhchem-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'mhchem-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'mhchem-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'mhchem-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'mhchem-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mhchem-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'mhchem-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'mhchem-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  amscd: [
+    {
+      caption: '\\tag{}',
+      snippet: '\\tag{$1}',
+      meta: 'amscd-cmd',
+      score: 0.00784357461002059,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'amscd-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'amscd-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  'unicode-math': [
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'unicode-math-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'unicode-math-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'unicode-math-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'unicode-math-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  ifxetex: [
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'ifxetex-cmd',
+      score: 0.00021116765384691477,
+    },
+  ],
+  newtxmath: [
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'newtxmath-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\sqrt{}',
+      snippet: '\\sqrt{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.20240160977404634,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'newtxmath-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\hbar',
+      snippet: '\\hbar',
+      meta: 'newtxmath-cmd',
+      score: 0.024733493787737763,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'newtxmath-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\surd',
+      snippet: '\\surd',
+      meta: 'newtxmath-cmd',
+      score: 0.002159694087964359,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'newtxmath-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'newtxmath-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'newtxmath-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'newtxmath-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\vdots',
+      snippet: '\\vdots',
+      meta: 'newtxmath-cmd',
+      score: 0.03669355896719803,
+    },
+    {
+      caption: '\\ddots',
+      snippet: '\\ddots',
+      meta: 'newtxmath-cmd',
+      score: 0.010831382784078964,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'newtxmath-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'newtxmath-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'newtxmath-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\longmapsto',
+      snippet: '\\longmapsto',
+      meta: 'newtxmath-cmd',
+      score: 0.0017755897148012264,
+    },
+    {
+      caption: '\\Check{}',
+      snippet: '\\Check{$1}',
+      meta: 'newtxmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'newtxmath-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'newtxmath-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'newtxmath-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\And',
+      snippet: '\\And',
+      meta: 'newtxmath-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\And{}',
+      snippet: '\\And{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'newtxmath-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\boxed{}',
+      snippet: '\\boxed{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.0035536135737312827,
+    },
+    {
+      caption: '\\Ddot{}',
+      snippet: '\\Ddot{$1}',
+      meta: 'newtxmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ignorespacesafterend',
+      snippet: '\\ignorespacesafterend',
+      meta: 'newtxmath-cmd',
+      score: 0.0010893680553454854,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'newtxmath-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\Breve{}',
+      snippet: '\\Breve{$1}',
+      meta: 'newtxmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'newtxmath-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\over{}',
+      snippet: '\\over{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\over',
+      snippet: '\\over',
+      meta: 'newtxmath-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\bigotimes',
+      snippet: '\\bigotimes',
+      meta: 'newtxmath-cmd',
+      score: 0.000984722260624791,
+    },
+    {
+      caption: '\\bigoplus',
+      snippet: '\\bigoplus',
+      meta: 'newtxmath-cmd',
+      score: 0.0011508785476242003,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'newtxmath-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\bigcap',
+      snippet: '\\bigcap',
+      meta: 'newtxmath-cmd',
+      score: 0.005709261168797874,
+    },
+    {
+      caption: '\\xrightarrow{}',
+      snippet: '\\xrightarrow{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\xrightarrow[]{}',
+      snippet: '\\xrightarrow[$1]{$2}',
+      meta: 'newtxmath-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\atop',
+      snippet: '\\atop',
+      meta: 'newtxmath-cmd',
+      score: 0.0006518541515279979,
+    },
+    {
+      caption: '\\dfrac{}{}',
+      snippet: '\\dfrac{$1}{$2}',
+      meta: 'newtxmath-cmd',
+      score: 0.05397545277891961,
+    },
+    {
+      caption: '\\pmod',
+      snippet: '\\pmod',
+      meta: 'newtxmath-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\pmod{}',
+      snippet: '\\pmod{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\notag',
+      snippet: '\\notag',
+      meta: 'newtxmath-cmd',
+      score: 0.00322520920930312,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'newtxmath-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\Vec{}',
+      snippet: '\\Vec{$1}',
+      meta: 'newtxmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\bigvee',
+      snippet: '\\bigvee',
+      meta: 'newtxmath-cmd',
+      score: 0.0011677288242806726,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'newtxmath-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\hookrightarrow',
+      snippet: '\\hookrightarrow',
+      meta: 'newtxmath-cmd',
+      score: 0.0015607282046545064,
+    },
+    {
+      caption: '\\bigsqcup',
+      snippet: '\\bigsqcup',
+      meta: 'newtxmath-cmd',
+      score: 0.0003468284144579442,
+    },
+    {
+      caption: '\\hookleftarrow',
+      snippet: '\\hookleftarrow',
+      meta: 'newtxmath-cmd',
+      score: 0.0016498799924012809,
+    },
+    {
+      caption: '\\Dot{}',
+      snippet: '\\Dot{$1}',
+      meta: 'newtxmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\dots',
+      snippet: '\\dots',
+      meta: 'newtxmath-cmd',
+      score: 0.0847414497955395,
+    },
+    {
+      caption: '\\genfrac{}{}{}{}{}{}',
+      snippet: '\\genfrac{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'newtxmath-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\genfrac',
+      snippet: '\\genfrac',
+      meta: 'newtxmath-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\cfrac{}{}',
+      snippet: '\\cfrac{$1}{$2}',
+      meta: 'newtxmath-cmd',
+      score: 0.006765684097139381,
+    },
+    {
+      caption: '\\Acute{}',
+      snippet: '\\Acute{$1}',
+      meta: 'newtxmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ldots',
+      snippet: '\\ldots',
+      meta: 'newtxmath-cmd',
+      score: 0.11585556755884258,
+    },
+    {
+      caption: '\\coprod',
+      snippet: '\\coprod',
+      meta: 'newtxmath-cmd',
+      score: 0.00011383372700282614,
+    },
+    {
+      caption: '\\impliedby',
+      snippet: '\\impliedby',
+      meta: 'newtxmath-cmd',
+      score: 2.3482915591834053e-5,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'newtxmath-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\idotsint',
+      snippet: '\\idotsint',
+      meta: 'newtxmath-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\Longrightarrow',
+      snippet: '\\Longrightarrow',
+      meta: 'newtxmath-cmd',
+      score: 0.002459139437356601,
+    },
+    {
+      caption: '\\allowdisplaybreaks',
+      snippet: '\\allowdisplaybreaks',
+      meta: 'newtxmath-cmd',
+      score: 0.005931777024772073,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\mod',
+      snippet: '\\mod',
+      meta: 'newtxmath-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\mod{}',
+      snippet: '\\mod{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'newtxmath-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'newtxmath-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\underset{}{}',
+      snippet: '\\underset{$1}{$2}',
+      meta: 'newtxmath-cmd',
+      score: 0.012799893214578391,
+    },
+    {
+      caption: '\\dotsc',
+      snippet: '\\dotsc',
+      meta: 'newtxmath-cmd',
+      score: 0.0008555101484119994,
+    },
+    {
+      caption: '\\doteq',
+      snippet: '\\doteq',
+      meta: 'newtxmath-cmd',
+      score: 3.164631070474435e-5,
+    },
+    {
+      caption: '\\leftroot{}',
+      snippet: '\\leftroot{$1}',
+      meta: 'newtxmath-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\substack{}',
+      snippet: '\\substack{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.0037482529712850755,
+    },
+    {
+      caption: '\\Hat{}',
+      snippet: '\\Hat{$1}',
+      meta: 'newtxmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'newtxmath-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\mspace{}',
+      snippet: '\\mspace{$1}',
+      meta: 'newtxmath-cmd',
+      score: 3.423236656565836e-5,
+    },
+    {
+      caption: '\\Bar{}',
+      snippet: '\\Bar{$1}',
+      meta: 'newtxmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\Grave{}',
+      snippet: '\\Grave{$1}',
+      meta: 'newtxmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'newtxmath-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\tbinom',
+      snippet: '\\tbinom',
+      meta: 'newtxmath-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\dotsi',
+      snippet: '\\dotsi',
+      meta: 'newtxmath-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\bigwedge',
+      snippet: '\\bigwedge',
+      meta: 'newtxmath-cmd',
+      score: 0.000347742918592393,
+    },
+    {
+      caption: '\\sideset{}{}',
+      snippet: '\\sideset{$1}{$2}',
+      meta: 'newtxmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\smash{}',
+      snippet: '\\smash{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\smash[]{}',
+      snippet: '\\smash[$1]{$2}',
+      meta: 'newtxmath-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\colon',
+      snippet: '\\colon',
+      meta: 'newtxmath-cmd',
+      score: 0.005300291684408929,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\Longleftarrow',
+      snippet: '\\Longleftarrow',
+      meta: 'newtxmath-cmd',
+      score: 8.477207854183949e-5,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'newtxmath-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\AmS',
+      snippet: '\\AmS',
+      meta: 'newtxmath-cmd',
+      score: 0.00047859486202980376,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\tfrac{}{}',
+      snippet: '\\tfrac{$1}{$2}',
+      meta: 'newtxmath-cmd',
+      score: 0.0005923542426657187,
+    },
+    {
+      caption: '\\uproot{}',
+      snippet: '\\uproot{$1}',
+      meta: 'newtxmath-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\bmod',
+      snippet: '\\bmod',
+      meta: 'newtxmath-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\bmod{}',
+      snippet: '\\bmod{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\pod{}',
+      snippet: '\\pod{$1}',
+      meta: 'newtxmath-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'newtxmath-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\longrightarrow',
+      snippet: '\\longrightarrow',
+      meta: 'newtxmath-cmd',
+      score: 0.013399422292458848,
+    },
+    {
+      caption: '\\xleftarrow[]{}',
+      snippet: '\\xleftarrow[$1]{$2}',
+      meta: 'newtxmath-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\xleftarrow{}',
+      snippet: '\\xleftarrow{$1}',
+      meta: 'newtxmath-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\mathaccentV',
+      snippet: '\\mathaccentV',
+      meta: 'newtxmath-cmd',
+      score: 6.216218551413489e-5,
+    },
+    {
+      caption: '\\hdotsfor{}',
+      snippet: '\\hdotsfor{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\hdotsfor[]{}',
+      snippet: '\\hdotsfor[$1]{$2}',
+      meta: 'newtxmath-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'newtxmath-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'newtxmath-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\overset{}{}',
+      snippet: '\\overset{$1}{$2}',
+      meta: 'newtxmath-cmd',
+      score: 0.007611544955294224,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'newtxmath-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\longleftrightarrow',
+      snippet: '\\longleftrightarrow',
+      meta: 'newtxmath-cmd',
+      score: 0.0002851769278703356,
+    },
+    {
+      caption: '\\Longleftrightarrow',
+      snippet: '\\Longleftrightarrow',
+      meta: 'newtxmath-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\Longleftrightarrow{}',
+      snippet: '\\Longleftrightarrow{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\binom{}{}',
+      snippet: '\\binom{$1}{$2}',
+      meta: 'newtxmath-cmd',
+      score: 0.013010882180364367,
+    },
+    {
+      caption: '\\longleftarrow',
+      snippet: '\\longleftarrow',
+      meta: 'newtxmath-cmd',
+      score: 0.0011096532692473691,
+    },
+    {
+      caption: '\\dbinom{}{}',
+      snippet: '\\dbinom{$1}{$2}',
+      meta: 'newtxmath-cmd',
+      score: 0.006800272303210672,
+    },
+    {
+      caption: '\\Tilde{}',
+      snippet: '\\Tilde{$1}',
+      meta: 'newtxmath-cmd',
+      score: 7.874446783586035e-5,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'newtxmath-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'newtxmath-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'newtxmath-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'newtxmath-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'newtxmath-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'newtxmath-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'newtxmath-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'newtxmath-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'newtxmath-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'newtxmath-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'newtxmath-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'newtxmath-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'newtxmath-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'newtxmath-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'newtxmath-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'newtxmath-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'newtxmath-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'newtxmath-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'newtxmath-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'newtxmath-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'newtxmath-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'newtxmath-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'newtxmath-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'newtxmath-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'newtxmath-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'newtxmath-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'newtxmath-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'newtxmath-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'newtxmath-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'newtxmath-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'newtxmath-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'newtxmath-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'newtxmath-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'newtxmath-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'newtxmath-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'newtxmath-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'newtxmath-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'newtxmath-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'newtxmath-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'newtxmath-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'newtxmath-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'newtxmath-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'newtxmath-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'newtxmath-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'newtxmath-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  pdflscape: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pdflscape-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'pdflscape-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pdflscape-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pdflscape-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'pdflscape-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'pdflscape-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'pdflscape-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'pdflscape-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'pdflscape-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pdflscape-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'pdflscape-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pdflscape-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'pdflscape-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pdflscape-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pdflscape-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pdflscape-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'pdflscape-cmd',
+      score: 0.004649150613625593,
+    },
+  ],
+  apacite: [
+    {
+      caption: '\\citep{}',
+      snippet: '\\citep{$1}',
+      meta: 'apacite-cmd',
+      score: 0.2941882834697057,
+    },
+    {
+      caption: '\\citet{}',
+      snippet: '\\citet{$1}',
+      meta: 'apacite-cmd',
+      score: 0.09046048561361801,
+    },
+    {
+      caption: '\\url{}',
+      snippet: '\\url{$1}',
+      meta: 'apacite-cmd',
+      score: 0.13586474005868793,
+    },
+    {
+      caption: '\\BPGS',
+      snippet: '\\BPGS',
+      meta: 'apacite-cmd',
+      score: 0.00023651453263545777,
+    },
+    {
+      caption: '\\shortcite{}',
+      snippet: '\\shortcite{$1}',
+      meta: 'apacite-cmd',
+      score: 0.010082057767216608,
+    },
+    {
+      caption: '\\shortciteA{}',
+      snippet: '\\shortciteA{$1}',
+      meta: 'apacite-cmd',
+      score: 0.0011019769466422762,
+    },
+    {
+      caption: '\\nocite{}',
+      snippet: '\\nocite{$1}',
+      meta: 'apacite-cmd',
+      score: 0.04990693820960752,
+    },
+    {
+      caption: '\\refname',
+      snippet: '\\refname',
+      meta: 'apacite-cmd',
+      score: 0.006490238196722249,
+    },
+    {
+      caption: '\\refname{}',
+      snippet: '\\refname{$1}',
+      meta: 'apacite-cmd',
+      score: 0.006490238196722249,
+    },
+    {
+      caption: '\\citeA{}',
+      snippet: '\\citeA{$1}',
+      meta: 'apacite-cmd',
+      score: 0.008470555729707068,
+    },
+    {
+      caption: '\\citeyear{}',
+      snippet: '\\citeyear{$1}',
+      meta: 'apacite-cmd',
+      score: 0.01091041305836494,
+    },
+    {
+      caption: '\\cite{}',
+      snippet: '\\cite{$1}',
+      meta: 'apacite-cmd',
+      score: 2.341195220791228,
+    },
+    {
+      caption: '\\bibliography{}',
+      snippet: '\\bibliography{$1}',
+      meta: 'apacite-cmd',
+      score: 0.2659628337907604,
+    },
+    {
+      caption: '\\BPG',
+      snippet: '\\BPG',
+      meta: 'apacite-cmd',
+      score: 0.00023651453263545777,
+    },
+    {
+      caption: '\\citeNP{}',
+      snippet: '\\citeNP{$1}',
+      meta: 'apacite-cmd',
+      score: 0.0003168688289795556,
+    },
+    {
+      caption: '\\citeauthor{}',
+      snippet: '\\citeauthor{$1}',
+      meta: 'apacite-cmd',
+      score: 0.01359248786373484,
+    },
+  ],
+  mathpazo: [
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'mathpazo-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\mathbb{}',
+      snippet: '\\mathbb{$1}',
+      meta: 'mathpazo-cmd',
+      score: 0.33740449739178857,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'mathpazo-cmd',
+      score: 0.050370758781422345,
+    },
+  ],
+  footmisc: [
+    {
+      caption: '\\footref{}',
+      snippet: '\\footref{$1}',
+      meta: 'footmisc-cmd',
+      score: 0.0003680857021151614,
+    },
+    {
+      caption: '\\footref',
+      snippet: '\\footref',
+      meta: 'footmisc-cmd',
+      score: 0.0003680857021151614,
+    },
+    {
+      caption: '\\protect',
+      snippet: '\\protect',
+      meta: 'footmisc-cmd',
+      score: 0.0200686676229443,
+    },
+    {
+      caption: '\\multfootsep',
+      snippet: '\\multfootsep',
+      meta: 'footmisc-cmd',
+      score: 0.00010171098214158578,
+    },
+    {
+      caption: '\\footnotelayout',
+      snippet: '\\footnotelayout',
+      meta: 'footmisc-cmd',
+      score: 0.0004535003423927585,
+    },
+    {
+      caption: '\\footnote{}',
+      snippet: '\\footnote{$1}',
+      meta: 'footmisc-cmd',
+      score: 0.2253056071787701,
+    },
+    {
+      caption: '\\footnotemark[]',
+      snippet: '\\footnotemark[$1]',
+      meta: 'footmisc-cmd',
+      score: 0.021473212893597875,
+    },
+    {
+      caption: '\\footnotemark',
+      snippet: '\\footnotemark',
+      meta: 'footmisc-cmd',
+      score: 0.021473212893597875,
+    },
+    {
+      caption: '\\thefootnote',
+      snippet: '\\thefootnote',
+      meta: 'footmisc-cmd',
+      score: 0.007676927812687567,
+    },
+    {
+      caption: '\\thefootnote{}',
+      snippet: '\\thefootnote{$1}',
+      meta: 'footmisc-cmd',
+      score: 0.007676927812687567,
+    },
+    {
+      caption: '\\clearpage',
+      snippet: '\\clearpage',
+      meta: 'footmisc-cmd',
+      score: 0.1789117552185788,
+    },
+  ],
+  fixltx2e: [
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'fixltx2e-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'fixltx2e-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\textsubscript{}',
+      snippet: '\\textsubscript{$1}',
+      meta: 'fixltx2e-cmd',
+      score: 0.058405875394131175,
+    },
+    {
+      caption: '\\em',
+      snippet: '\\em',
+      meta: 'fixltx2e-cmd',
+      score: 0.10357353994640862,
+    },
+  ],
+  sidecap: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'sidecap-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\caption{}',
+      snippet: '\\caption{$1}',
+      meta: 'sidecap-cmd',
+      score: 1.2569477427490174,
+    },
+    {
+      caption: '\\sidecaptionvpos{}{}',
+      snippet: '\\sidecaptionvpos{$1}{$2}',
+      meta: 'sidecap-cmd',
+      score: 0.0006587927449241846,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'sidecap-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'sidecap-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'sidecap-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'sidecap-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'sidecap-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'sidecap-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  nomencl: [
+    {
+      caption: '\\nomenclature[]{}{}',
+      snippet: '\\nomenclature[$1]{$2}{$3}',
+      meta: 'nomencl-cmd',
+      score: 0.016053526743355948,
+    },
+    {
+      caption: '\\nomenclature{}{}',
+      snippet: '\\nomenclature{$1}{$2}',
+      meta: 'nomencl-cmd',
+      score: 0.016053526743355948,
+    },
+    {
+      caption: '\\nomlabel',
+      snippet: '\\nomlabel',
+      meta: 'nomencl-cmd',
+      score: 6.353668036093916e-5,
+    },
+    {
+      caption: '\\printnomenclature',
+      snippet: '\\printnomenclature',
+      meta: 'nomencl-cmd',
+      score: 0.0014526113324237952,
+    },
+    {
+      caption: '\\printnomenclature[]',
+      snippet: '\\printnomenclature[$1]',
+      meta: 'nomencl-cmd',
+      score: 0.0014526113324237952,
+    },
+    {
+      caption: '\\makenomenclature',
+      snippet: '\\makenomenclature',
+      meta: 'nomencl-cmd',
+      score: 0.002310610204652063,
+    },
+    {
+      caption: '\\nomgroup',
+      snippet: '\\nomgroup',
+      meta: 'nomencl-cmd',
+      score: 0.0005549290951493257,
+    },
+    {
+      caption: '\\nomgroup[]{}',
+      snippet: '\\nomgroup[$1]{$2}',
+      meta: 'nomencl-cmd',
+      score: 0.0005549290951493257,
+    },
+    {
+      caption: '\\nomname',
+      snippet: '\\nomname',
+      meta: 'nomencl-cmd',
+      score: 0.0015092617929470952,
+    },
+    {
+      caption: '\\nompreamble',
+      snippet: '\\nompreamble',
+      meta: 'nomencl-cmd',
+      score: 2.4350510995473236e-5,
+    },
+    {
+      caption: '\\nomentryend',
+      snippet: '\\nomentryend',
+      meta: 'nomencl-cmd',
+      score: 0.000137692304514793,
+    },
+  ],
+  afterpage: [
+    {
+      caption: '\\afterpage{}',
+      snippet: '\\afterpage{$1}',
+      meta: 'afterpage-cmd',
+      score: 0.0018578070791608345,
+    },
+    {
+      caption: '\\clearpage',
+      snippet: '\\clearpage',
+      meta: 'afterpage-cmd',
+      score: 0.1789117552185788,
+    },
+  ],
+  titling: [
+    {
+      caption: '\\thanks{}',
+      snippet: '\\thanks{$1}',
+      meta: 'titling-cmd',
+      score: 0.08382259880654083,
+    },
+    {
+      caption: '\\maketitle',
+      snippet: '\\maketitle',
+      meta: 'titling-cmd',
+      score: 0.7504160124360846,
+    },
+    {
+      caption: '\\posttitle{}',
+      snippet: '\\posttitle{$1}',
+      meta: 'titling-cmd',
+      score: 0.002507149245154055,
+    },
+    {
+      caption: '\\postdate{}',
+      snippet: '\\postdate{$1}',
+      meta: 'titling-cmd',
+      score: 0.002139478682489868,
+    },
+    {
+      caption: '\\predate{}',
+      snippet: '\\predate{$1}',
+      meta: 'titling-cmd',
+      score: 0.002139478682489868,
+    },
+    {
+      caption: '\\preauthor{}',
+      snippet: '\\preauthor{$1}',
+      meta: 'titling-cmd',
+      score: 0.0023736543205198435,
+    },
+    {
+      caption: '\\postauthor{}',
+      snippet: '\\postauthor{$1}',
+      meta: 'titling-cmd',
+      score: 0.0023736543205198435,
+    },
+    {
+      caption: '\\pretitle{}',
+      snippet: '\\pretitle{$1}',
+      meta: 'titling-cmd',
+      score: 0.002507149245154055,
+    },
+  ],
+  wasysym: [
+    {
+      caption: '\\checked',
+      snippet: '\\checked',
+      meta: 'wasysym-cmd',
+      score: 0.0027792832228568255,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'wasysym-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\diameter',
+      snippet: '\\diameter',
+      meta: 'wasysym-cmd',
+      score: 0.0001645367385856751,
+    },
+    {
+      caption: '\\CIRCLE',
+      snippet: '\\CIRCLE',
+      meta: 'wasysym-cmd',
+      score: 0.000250667024953401,
+    },
+  ],
+  eurosym: [
+    {
+      caption: '\\EUR{}',
+      snippet: '\\EUR{$1}',
+      meta: 'eurosym-cmd',
+      score: 3.661595357097087e-5,
+    },
+  ],
+  caption2: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'caption2-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\DeclareCaptionJustification{}{}',
+      snippet: '\\DeclareCaptionJustification{$1}{$2}',
+      meta: 'caption2-cmd',
+      score: 0.0001872850414971473,
+    },
+    {
+      caption: '\\DeclareCaptionLabelSeparator{}{}',
+      snippet: '\\DeclareCaptionLabelSeparator{$1}{$2}',
+      meta: 'caption2-cmd',
+      score: 0.0003890810058478364,
+    },
+    {
+      caption: '\\DeclareCaptionFormat{}{}',
+      snippet: '\\DeclareCaptionFormat{$1}{$2}',
+      meta: 'caption2-cmd',
+      score: 0.0004717618449370015,
+    },
+    {
+      caption: '\\DeclareCaptionFont{}{}',
+      snippet: '\\DeclareCaptionFont{$1}{$2}',
+      meta: 'caption2-cmd',
+      score: 5.0133404990680195e-5,
+    },
+    {
+      caption: '\\DeclareCaptionSubType[]{}',
+      snippet: '\\DeclareCaptionSubType[$1]{$2}',
+      meta: 'caption2-cmd',
+      score: 0.0001872850414971473,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'caption2-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'caption2-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\captionsetup{}',
+      snippet: '\\captionsetup{$1}',
+      meta: 'caption2-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\captionsetup[]{}',
+      snippet: '\\captionsetup[$1]{$2}',
+      meta: 'caption2-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'caption2-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\DeclareCaptionType{}[][]',
+      snippet: '\\DeclareCaptionType{$1}[$2][$3]',
+      meta: 'caption2-cmd',
+      score: 0.00015256647321237863,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'caption2-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\footnote{}',
+      snippet: '\\footnote{$1}',
+      meta: 'caption2-cmd',
+      score: 0.2253056071787701,
+    },
+    {
+      caption: '\\footnotemark[]',
+      snippet: '\\footnotemark[$1]',
+      meta: 'caption2-cmd',
+      score: 0.021473212893597875,
+    },
+    {
+      caption: '\\footnotemark',
+      snippet: '\\footnotemark',
+      meta: 'caption2-cmd',
+      score: 0.021473212893597875,
+    },
+  ],
+  amsbsy: [
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'amsbsy-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'amsbsy-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'amsbsy-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'amsbsy-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'amsbsy-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  CJK: [
+    {
+      caption: '\\selectfont',
+      snippet: '\\selectfont',
+      meta: 'CJK-cmd',
+      score: 0.04598628699063736,
+    },
+  ],
+  makecell: [
+    {
+      caption: '\\diaghead{}{}{}',
+      snippet: '\\diaghead{$1}{$2}{$3}',
+      meta: 'makecell-cmd',
+      score: 2.0417817976377812e-5,
+    },
+    {
+      caption: '\\makecell{}',
+      snippet: '\\makecell{$1}',
+      meta: 'makecell-cmd',
+      score: 0.005023670619810683,
+    },
+    {
+      caption: '\\makecell[]{}',
+      snippet: '\\makecell[$1]{$2}',
+      meta: 'makecell-cmd',
+      score: 0.005023670619810683,
+    },
+    {
+      caption: '\\height',
+      snippet: '\\height',
+      meta: 'makecell-cmd',
+      score: 0.0045883162478394055,
+    },
+    {
+      caption: '\\height{}',
+      snippet: '\\height{$1}',
+      meta: 'makecell-cmd',
+      score: 0.0045883162478394055,
+    },
+    {
+      caption: '\\setcellgapes{}',
+      snippet: '\\setcellgapes{$1}',
+      meta: 'makecell-cmd',
+      score: 0.0004960838428758984,
+    },
+    {
+      caption: '\\thead{}',
+      snippet: '\\thead{$1}',
+      meta: 'makecell-cmd',
+      score: 0.0023087638254186797,
+    },
+    {
+      caption: '\\Gape[]',
+      snippet: '\\Gape[$1]',
+      meta: 'makecell-cmd',
+      score: 0.000469300371741866,
+    },
+    {
+      caption: '\\theadgape{}',
+      snippet: '\\theadgape{$1}',
+      meta: 'makecell-cmd',
+      score: 0.000234650185870933,
+    },
+    {
+      caption: '\\theadalign',
+      snippet: '\\theadalign',
+      meta: 'makecell-cmd',
+      score: 0.0006746935448099005,
+    },
+    {
+      caption: '\\theadalign{}',
+      snippet: '\\theadalign{$1}',
+      meta: 'makecell-cmd',
+      score: 0.0006746935448099005,
+    },
+    {
+      caption: '\\theadset{}',
+      snippet: '\\theadset{$1}',
+      meta: 'makecell-cmd',
+      score: 0.0004400433589389675,
+    },
+    {
+      caption: '\\Xhline{}',
+      snippet: '\\Xhline{$1}',
+      meta: 'makecell-cmd',
+      score: 0.0024175651338281096,
+    },
+    {
+      caption: '\\theadfont{}',
+      snippet: '\\theadfont{$1}',
+      meta: 'makecell-cmd',
+      score: 0.0007935193556772338,
+    },
+    {
+      caption: '\\theadfont',
+      snippet: '\\theadfont',
+      meta: 'makecell-cmd',
+      score: 0.0007935193556772338,
+    },
+    {
+      caption: '\\cellgape{}',
+      snippet: '\\cellgape{$1}',
+      meta: 'makecell-cmd',
+      score: 0.000234650185870933,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'makecell-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'makecell-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\makegapedcells',
+      snippet: '\\makegapedcells',
+      meta: 'makecell-cmd',
+      score: 0.000431467454221244,
+    },
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'makecell-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'makecell-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'makecell-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'makecell-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'makecell-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'makecell-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'makecell-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'makecell-cmd',
+      score: 0.018615449342361392,
+    },
+  ],
+  xeCJK: [
+    {
+      caption: '\\setCJKmonofont{}',
+      snippet: '\\setCJKmonofont{$1}',
+      meta: 'xeCJK-cmd',
+      score: 0.0057178353252375245,
+    },
+    {
+      caption: '\\setCJKmainfont{}',
+      snippet: '\\setCJKmainfont{$1}',
+      meta: 'xeCJK-cmd',
+      score: 0.006622926778590894,
+    },
+    {
+      caption: '\\setCJKmainfont[]{}',
+      snippet: '\\setCJKmainfont[$1]{$2}',
+      meta: 'xeCJK-cmd',
+      score: 0.006622926778590894,
+    },
+    {
+      caption: '\\setCJKsansfont{}',
+      snippet: '\\setCJKsansfont{$1}',
+      meta: 'xeCJK-cmd',
+      score: 0.0057178353252375245,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'xeCJK-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'xeCJK-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  threeparttable: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'threeparttable-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\item',
+      snippet: '\\item ',
+      meta: 'threeparttable-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\item[]',
+      snippet: '\\item[$1] ',
+      meta: 'threeparttable-cmd',
+      score: 3.800886892251021,
+    },
+  ],
+  dirtytalk: [
+    {
+      caption: '\\say{}',
+      snippet: '\\say{$1}',
+      meta: 'dirtytalk-cmd',
+      score: 0.010246289746417045,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'dirtytalk-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'dirtytalk-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'dirtytalk-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'dirtytalk-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'dirtytalk-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'dirtytalk-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'dirtytalk-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'dirtytalk-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'dirtytalk-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'dirtytalk-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'dirtytalk-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'dirtytalk-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'dirtytalk-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'dirtytalk-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'dirtytalk-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'dirtytalk-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  balance: [
+    {
+      caption: '\\balance',
+      snippet: '\\balance',
+      meta: 'balance-cmd',
+      score: 0.003629066156300264,
+    },
+    {
+      caption: '\\balance{}',
+      snippet: '\\balance{$1}',
+      meta: 'balance-cmd',
+      score: 0.003629066156300264,
+    },
+  ],
+  minted: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'minted-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'minted-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\usemintedstyle{}',
+      snippet: '\\usemintedstyle{$1}',
+      meta: 'minted-cmd',
+      score: 0.00184279823796158,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'minted-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\inputminted[]{}{}',
+      snippet: '\\inputminted[$1]{$2}{$3}',
+      meta: 'minted-cmd',
+      score: 0.0016501519191680601,
+    },
+    {
+      caption: '\\inputminted{}{}',
+      snippet: '\\inputminted{$1}{$2}',
+      meta: 'minted-cmd',
+      score: 0.0016501519191680601,
+    },
+    {
+      caption: '\\setminted[]{}',
+      snippet: '\\setminted[$1]{$2}',
+      meta: 'minted-cmd',
+      score: 0.0004017914210172805,
+    },
+    {
+      caption: '\\setminted{}',
+      snippet: '\\setminted{$1}',
+      meta: 'minted-cmd',
+      score: 0.0004017914210172805,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'minted-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'minted-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'minted-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'minted-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'minted-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'minted-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'minted-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'minted-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'minted-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'minted-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'minted-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'minted-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\listof{}{}',
+      snippet: '\\listof{$1}{$2}',
+      meta: 'minted-cmd',
+      score: 0.0009837365348002915,
+    },
+    {
+      caption: '\\floatplacement{}{}',
+      snippet: '\\floatplacement{$1}{$2}',
+      meta: 'minted-cmd',
+      score: 0.0005815474978918903,
+    },
+    {
+      caption: '\\restylefloat{}',
+      snippet: '\\restylefloat{$1}',
+      meta: 'minted-cmd',
+      score: 0.0008866338267686714,
+    },
+    {
+      caption: '\\floatstyle{}',
+      snippet: '\\floatstyle{$1}',
+      meta: 'minted-cmd',
+      score: 0.0015470917047414941,
+    },
+    {
+      caption: '\\floatname{}{}',
+      snippet: '\\floatname{$1}{$2}',
+      meta: 'minted-cmd',
+      score: 0.0011934321931750752,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'minted-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\caption{}',
+      snippet: '\\caption{$1}',
+      meta: 'minted-cmd',
+      score: 1.2569477427490174,
+    },
+    {
+      caption: '\\newfloat{}{}{}',
+      snippet: '\\newfloat{$1}{$2}{$3}',
+      meta: 'minted-cmd',
+      score: 0.0012745874472536625,
+    },
+    {
+      caption: '\\newfloat',
+      snippet: '\\newfloat',
+      meta: 'minted-cmd',
+      score: 0.0012745874472536625,
+    },
+    {
+      caption: '\\newfloat{}',
+      snippet: '\\newfloat{$1}',
+      meta: 'minted-cmd',
+      score: 0.0012745874472536625,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'minted-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'minted-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'minted-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'minted-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'minted-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'minted-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'minted-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'minted-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'minted-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'minted-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'minted-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'minted-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'minted-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'minted-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'minted-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'minted-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'minted-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'minted-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fbox{}',
+      snippet: '\\fbox{$1}',
+      meta: 'minted-cmd',
+      score: 0.020865450075016792,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'minted-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'minted-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'minted-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'minted-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\pagewiselinenumbers',
+      snippet: '\\pagewiselinenumbers',
+      meta: 'minted-cmd',
+      score: 0.00016870831850106035,
+    },
+    {
+      caption: '\\linenomath',
+      snippet: '\\linenomath',
+      meta: 'minted-cmd',
+      score: 1.4517338420208715e-5,
+    },
+    {
+      caption: '\\linenumberfont{}',
+      snippet: '\\linenumberfont{$1}',
+      meta: 'minted-cmd',
+      score: 0.0001811784338695797,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'minted-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'minted-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\endlinenomath',
+      snippet: '\\endlinenomath',
+      meta: 'minted-cmd',
+      score: 1.4517338420208715e-5,
+    },
+    {
+      caption: '\\nolinenumbers',
+      snippet: '\\nolinenumbers',
+      meta: 'minted-cmd',
+      score: 0.0009805246614299932,
+    },
+    {
+      caption: '\\path',
+      snippet: '\\path',
+      meta: 'minted-cmd',
+      score: 0.028200474217322108,
+    },
+    {
+      caption: '\\path[]',
+      snippet: '\\path[$1]',
+      meta: 'minted-cmd',
+      score: 0.028200474217322108,
+    },
+    {
+      caption: '\\path{}',
+      snippet: '\\path{$1}',
+      meta: 'minted-cmd',
+      score: 0.028200474217322108,
+    },
+    {
+      caption: '\\filedate{}',
+      snippet: '\\filedate{$1}',
+      meta: 'minted-cmd',
+      score: 0.000578146635331119,
+    },
+    {
+      caption: '\\filedate',
+      snippet: '\\filedate',
+      meta: 'minted-cmd',
+      score: 0.000578146635331119,
+    },
+    {
+      caption: '\\linenumbers',
+      snippet: '\\linenumbers',
+      meta: 'minted-cmd',
+      score: 0.004687680659497865,
+    },
+    {
+      caption: '\\modulolinenumbers[]',
+      snippet: '\\modulolinenumbers[$1]',
+      meta: 'minted-cmd',
+      score: 0.0027194991933605197,
+    },
+    {
+      caption: '\\fileversion{}',
+      snippet: '\\fileversion{$1}',
+      meta: 'minted-cmd',
+      score: 0.000578146635331119,
+    },
+    {
+      caption: '\\fileversion',
+      snippet: '\\fileversion',
+      meta: 'minted-cmd',
+      score: 0.000578146635331119,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'minted-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'minted-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'minted-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\refstepcounter{}',
+      snippet: '\\refstepcounter{$1}',
+      meta: 'minted-cmd',
+      score: 0.002140559856649122,
+    },
+    {
+      caption: '\\VerbatimEnvironment',
+      snippet: '\\VerbatimEnvironment',
+      meta: 'minted-cmd',
+      score: 4.5350034239275855e-5,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'minted-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\fvset{}',
+      snippet: '\\fvset{$1}',
+      meta: 'minted-cmd',
+      score: 0.00015476887282479622,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'minted-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'minted-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'minted-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'minted-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'minted-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'minted-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'minted-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'minted-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'minted-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'minted-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'minted-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'minted-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'minted-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'minted-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'minted-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'minted-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'minted-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'minted-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'minted-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'minted-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'minted-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'minted-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'minted-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  xifthen: [
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'xifthen-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'xifthen-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'xifthen-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'xifthen-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'xifthen-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'xifthen-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'xifthen-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'xifthen-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'xifthen-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'xifthen-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'xifthen-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'xifthen-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'xifthen-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'xifthen-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'xifthen-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'xifthen-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'xifthen-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'xifthen-cmd',
+      score: 0.028955796305270766,
+    },
+  ],
+  relsize: [
+    {
+      caption: '\\mathlarger{}',
+      snippet: '\\mathlarger{$1}',
+      meta: 'relsize-cmd',
+      score: 0.0031475241540308316,
+    },
+    {
+      caption: '\\smaller',
+      snippet: '\\smaller',
+      meta: 'relsize-cmd',
+      score: 0.001271007880944704,
+    },
+  ],
+  epsf: [
+    {
+      caption: '\\epsfbox{}',
+      snippet: '\\epsfbox{$1}',
+      meta: 'epsf-cmd',
+      score: 0.00013712781345832882,
+    },
+  ],
+  datetime: [
+    {
+      caption: '\\shortmonthname[]',
+      snippet: '\\shortmonthname[$1]',
+      meta: 'datetime-cmd',
+      score: 0.00018524143860552933,
+    },
+    {
+      caption: '\\THEYEAR',
+      snippet: '\\THEYEAR',
+      meta: 'datetime-cmd',
+      score: 8.638115929876123e-5,
+    },
+    {
+      caption: '\\currenttime',
+      snippet: '\\currenttime',
+      meta: 'datetime-cmd',
+      score: 0.0002884868472087627,
+    },
+    {
+      caption: '\\monthname',
+      snippet: '\\monthname',
+      meta: 'datetime-cmd',
+      score: 8.847106423071211e-5,
+    },
+    {
+      caption: '\\monthname[]',
+      snippet: '\\monthname[$1]',
+      meta: 'datetime-cmd',
+      score: 8.847106423071211e-5,
+    },
+    {
+      caption: '\\today',
+      snippet: '\\today',
+      meta: 'datetime-cmd',
+      score: 0.10733849317324783,
+    },
+    {
+      caption: '\\THEMONTH',
+      snippet: '\\THEMONTH',
+      meta: 'datetime-cmd',
+      score: 8.638115929876123e-5,
+    },
+    {
+      caption: '\\yyyymmdddate',
+      snippet: '\\yyyymmdddate',
+      meta: 'datetime-cmd',
+      score: 0.0002568405365040184,
+    },
+    {
+      caption: '\\pdfdate',
+      snippet: '\\pdfdate',
+      meta: 'datetime-cmd',
+      score: 9.673490669434574e-5,
+    },
+    {
+      caption: '\\dateseparator',
+      snippet: '\\dateseparator',
+      meta: 'datetime-cmd',
+      score: 0.00010966778823652713,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'datetime-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\THEDAY',
+      snippet: '\\THEDAY',
+      meta: 'datetime-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\usdate',
+      snippet: '\\usdate',
+      meta: 'datetime-cmd',
+      score: 0.00020980148911330757,
+    },
+    {
+      caption: '\\newdateformat{}{}',
+      snippet: '\\newdateformat{$1}{$2}',
+      meta: 'datetime-cmd',
+      score: 8.638115929876123e-5,
+    },
+    {
+      caption: '\\settimeformat{}',
+      snippet: '\\settimeformat{$1}',
+      meta: 'datetime-cmd',
+      score: 0.00010966778823652713,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'datetime-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'datetime-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'datetime-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'datetime-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'datetime-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'datetime-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'datetime-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'datetime-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'datetime-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'datetime-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'datetime-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'datetime-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'datetime-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'datetime-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'datetime-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'datetime-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'datetime-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'datetime-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'datetime-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'datetime-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'datetime-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'datetime-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'datetime-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'datetime-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'datetime-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'datetime-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'datetime-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'datetime-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'datetime-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'datetime-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'datetime-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'datetime-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'datetime-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'datetime-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  fontawesome: [
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'fontawesome-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'fontawesome-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'fontawesome-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'fontawesome-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  forest: [
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'forest-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\bracketset{}',
+      snippet: '\\bracketset{$1}',
+      meta: 'forest-cmd',
+      score: 0.00014301574866674164,
+    },
+    {
+      caption: '\\forestset{}',
+      snippet: '\\forestset{$1}',
+      meta: 'forest-cmd',
+      score: 0.0020596473883671114,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'forest-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'forest-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'forest-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'forest-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'forest-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'forest-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'forest-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'forest-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'forest-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'forest-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'forest-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'forest-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'forest-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'forest-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'forest-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'forest-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'forest-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'forest-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'forest-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'forest-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'forest-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'forest-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'forest-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'forest-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'forest-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'forest-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'forest-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'forest-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'forest-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'forest-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'forest-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'forest-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'forest-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'forest-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'forest-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'forest-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'forest-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'forest-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'forest-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'forest-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'forest-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'forest-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'forest-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'forest-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'forest-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'forest-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'forest-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\reserveinserts{}',
+      snippet: '\\reserveinserts{$1}',
+      meta: 'forest-cmd',
+      score: 0.0018653410309739879,
+    },
+    {
+      caption: '\\newtoks',
+      snippet: '\\newtoks',
+      meta: 'forest-cmd',
+      score: 0.00031058155311734754,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'forest-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'forest-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'forest-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'forest-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'forest-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'forest-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'forest-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'forest-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'forest-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'forest-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'forest-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'forest-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'forest-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'forest-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'forest-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'forest-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'forest-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'forest-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'forest-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'forest-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  pgf: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'pgf-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgf-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgf-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgf-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgf-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgf-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgf-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'pgf-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'pgf-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'pgf-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'pgf-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'pgf-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgf-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'pgf-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgf-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'pgf-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgf-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgf-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgf-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'pgf-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'pgf-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgf-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgf-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'pgf-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'pgf-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'pgf-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'pgf-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'pgf-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgf-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'pgf-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'pgf-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgf-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'pgf-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'pgf-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'pgf-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'pgf-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  pstricks: [
+    {
+      caption: '\\green',
+      snippet: '\\green',
+      meta: 'pstricks-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\green{}',
+      snippet: '\\green{$1}',
+      meta: 'pstricks-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\documentclass[]{}',
+      snippet: '\\documentclass[$1]{$2}',
+      meta: 'pstricks-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\documentclass{}',
+      snippet: '\\documentclass{$1}',
+      meta: 'pstricks-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\gray',
+      snippet: '\\gray',
+      meta: 'pstricks-cmd',
+      score: 0.0005786730478266738,
+    },
+    {
+      caption: '\\red{}',
+      snippet: '\\red{$1}',
+      meta: 'pstricks-cmd',
+      score: 0.006520475264573554,
+    },
+    {
+      caption: '\\red',
+      snippet: '\\red',
+      meta: 'pstricks-cmd',
+      score: 0.006520475264573554,
+    },
+  ],
+  fancybox: [
+    {
+      caption: '\\shadowbox{}',
+      snippet: '\\shadowbox{$1}',
+      meta: 'fancybox-cmd',
+      score: 0.00107667147399019,
+    },
+    {
+      caption: '\\doublebox',
+      snippet: '\\doublebox',
+      meta: 'fancybox-cmd',
+      score: 0.00015142240898356106,
+    },
+    {
+      caption: '\\VerbatimEnvironment',
+      snippet: '\\VerbatimEnvironment',
+      meta: 'fancybox-cmd',
+      score: 4.5350034239275855e-5,
+    },
+    {
+      caption: '\\thisfancypage{}{}',
+      snippet: '\\thisfancypage{$1}{$2}',
+      meta: 'fancybox-cmd',
+      score: 0.00015142240898356106,
+    },
+    {
+      caption: '\\TheSbox',
+      snippet: '\\TheSbox',
+      meta: 'fancybox-cmd',
+      score: 4.5350034239275855e-5,
+    },
+  ],
+  braket: [
+    {
+      caption: '\\ket{}',
+      snippet: '\\ket{$1}',
+      meta: 'braket-cmd',
+      score: 0.0326276280979336,
+    },
+    {
+      caption: '\\braket{}{}',
+      snippet: '\\braket{$1}{$2}',
+      meta: 'braket-cmd',
+      score: 0.004421747491186916,
+    },
+    {
+      caption: '\\braket{}',
+      snippet: '\\braket{$1}',
+      meta: 'braket-cmd',
+      score: 0.004421747491186916,
+    },
+    {
+      caption: '\\ketbra{}{}',
+      snippet: '\\ketbra{$1}{$2}',
+      meta: 'braket-cmd',
+      score: 0.0006317858348936015,
+    },
+    {
+      caption: '\\ketbra',
+      snippet: '\\ketbra',
+      meta: 'braket-cmd',
+      score: 0.0006317858348936015,
+    },
+    {
+      caption: '\\bra{}',
+      snippet: '\\bra{$1}',
+      meta: 'braket-cmd',
+      score: 0.005609763332417241,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'braket-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  import: [
+    {
+      caption: '\\import{}{}',
+      snippet: '\\import{$1}{$2}',
+      meta: 'import-cmd',
+      score: 0.1265354812350108,
+    },
+  ],
+  abntex2cite: [
+    {
+      caption: '\\citeonline{}',
+      snippet: '\\citeonline{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 0.014277840409455324,
+    },
+    {
+      caption: '\\bibitem{}',
+      snippet: '\\bibitem{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 0.3689547570562042,
+    },
+    {
+      caption: '\\bibitem[]{}',
+      snippet: '\\bibitem[$1]{$2}',
+      meta: 'abntex2cite-cmd',
+      score: 0.3689547570562042,
+    },
+    {
+      caption: '\\bibliographystyle{}',
+      snippet: '\\bibliographystyle{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 0.25122317941387773,
+    },
+    {
+      caption: '\\citeyear{}',
+      snippet: '\\citeyear{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 0.01091041305836494,
+    },
+    {
+      caption: '\\cite{}',
+      snippet: '\\cite{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 2.341195220791228,
+    },
+    {
+      caption: '\\bibliography{}',
+      snippet: '\\bibliography{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 0.2659628337907604,
+    },
+    {
+      caption: '\\setstretch{}',
+      snippet: '\\setstretch{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 0.019634763572332112,
+    },
+    {
+      caption: '\\onehalfspacing',
+      snippet: '\\onehalfspacing',
+      meta: 'abntex2cite-cmd',
+      score: 0.010655415521079565,
+    },
+    {
+      caption: '\\singlespacing',
+      snippet: '\\singlespacing',
+      meta: 'abntex2cite-cmd',
+      score: 0.008351544612280968,
+    },
+    {
+      caption: '\\doublespacing',
+      snippet: '\\doublespacing',
+      meta: 'abntex2cite-cmd',
+      score: 0.007835428951987135,
+    },
+    {
+      caption: '\\baselinestretch',
+      snippet: '\\baselinestretch',
+      meta: 'abntex2cite-cmd',
+      score: 0.03225350148161425,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'abntex2cite-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'abntex2cite-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'abntex2cite-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'abntex2cite-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'abntex2cite-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'abntex2cite-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'abntex2cite-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\UrlBreaks{}',
+      snippet: '\\UrlBreaks{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 0.001030592515645366,
+    },
+    {
+      caption: '\\UrlBreaks',
+      snippet: '\\UrlBreaks',
+      meta: 'abntex2cite-cmd',
+      score: 0.001030592515645366,
+    },
+    {
+      caption: '\\Url',
+      snippet: '\\Url',
+      meta: 'abntex2cite-cmd',
+      score: 0.0002854206807593436,
+    },
+    {
+      caption: '\\UrlOrds{}',
+      snippet: '\\UrlOrds{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 0.0006882563723629154,
+    },
+    {
+      caption: '\\UrlOrds',
+      snippet: '\\UrlOrds',
+      meta: 'abntex2cite-cmd',
+      score: 0.0006882563723629154,
+    },
+    {
+      caption: '\\urlstyle{}',
+      snippet: '\\urlstyle{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 0.010515056688180681,
+    },
+    {
+      caption: '\\urldef{}',
+      snippet: '\\urldef{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 0.008041789461944983,
+    },
+    {
+      caption: '\\UrlBigBreaks{}',
+      snippet: '\\UrlBigBreaks{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\UrlFont{}',
+      snippet: '\\UrlFont{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 0.0032990580087398644,
+    },
+    {
+      caption: '\\UrlSpecials{}',
+      snippet: '\\UrlSpecials{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\UrlNoBreaks',
+      snippet: '\\UrlNoBreaks',
+      meta: 'abntex2cite-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'abntex2cite-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'abntex2cite-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'abntex2cite-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'abntex2cite-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  isodate: [
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'isodate-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'isodate-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'isodate-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'isodate-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'isodate-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'isodate-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  tcolorbox: [
+    {
+      caption: '\\tcbset{}',
+      snippet: '\\tcbset{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 0.00012246447222402193,
+    },
+    {
+      caption: '\\tcbuselibrary{}',
+      snippet: '\\tcbuselibrary{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 4.347671035621014e-5,
+    },
+    {
+      caption: '\\newtcolorbox[]{}[][]{}',
+      snippet: '\\newtcolorbox[$1]{$2}[$3][$4]{$5}',
+      meta: 'tcolorbox-cmd',
+      score: 7.216282820556303e-5,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'tcolorbox-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\newtcbox{}[][]{}',
+      snippet: '\\newtcbox{$1}[$2][$3]{$4}',
+      meta: 'tcolorbox-cmd',
+      score: 3.558785984219631e-5,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'tcolorbox-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tcolorbox-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tcolorbox-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tcolorbox-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\endverbatim',
+      snippet: '\\endverbatim',
+      meta: 'tcolorbox-cmd',
+      score: 0.0022216421267780076,
+    },
+    {
+      caption: '\\verbatim',
+      snippet: '\\verbatim',
+      meta: 'tcolorbox-cmd',
+      score: 0.0072203369120285256,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tcolorbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\par',
+      snippet: '\\par',
+      meta: 'tcolorbox-cmd',
+      score: 0.413853376001159,
+    },
+    {
+      caption: '\\verbatiminput{}',
+      snippet: '\\verbatiminput{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 0.0024547099784948665,
+    },
+    {
+      caption: '\\verbatiminput',
+      snippet: '\\verbatiminput',
+      meta: 'tcolorbox-cmd',
+      score: 0.0024547099784948665,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tcolorbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tcolorbox-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tcolorbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'tcolorbox-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'tcolorbox-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'tcolorbox-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'tcolorbox-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tcolorbox-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tcolorbox-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tcolorbox-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tcolorbox-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'tcolorbox-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'tcolorbox-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'tcolorbox-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'tcolorbox-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'tcolorbox-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'tcolorbox-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'tcolorbox-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'tcolorbox-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'tcolorbox-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'tcolorbox-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'tcolorbox-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'tcolorbox-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'tcolorbox-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'tcolorbox-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'tcolorbox-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'tcolorbox-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tcolorbox-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'tcolorbox-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'tcolorbox-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'tcolorbox-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tcolorbox-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tcolorbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'tcolorbox-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'tcolorbox-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'tcolorbox-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'tcolorbox-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tcolorbox-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'tcolorbox-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tcolorbox-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'tcolorbox-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'tcolorbox-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'tcolorbox-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'tcolorbox-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  vmargin: [
+    {
+      caption: '\\setmargins{}',
+      snippet: '\\setmargins{$1}',
+      meta: 'vmargin-cmd',
+      score: 3.138510306083217e-5,
+    },
+    {
+      caption: '\\setmarginsrb{}{}{}{}{}{}{}{}',
+      snippet: '\\setmarginsrb{$1}{$2}{$3}{$4}{$5}{$6}{$7}{$8}',
+      meta: 'vmargin-cmd',
+      score: 0.0004759508676929243,
+    },
+    {
+      caption: '\\setpapersize{}',
+      snippet: '\\setpapersize{$1}',
+      meta: 'vmargin-cmd',
+      score: 3.138510306083217e-5,
+    },
+  ],
+  mdframed: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mdframed-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newmdenv[]{}',
+      snippet: '\\newmdenv[$1]{$2}',
+      meta: 'mdframed-cmd',
+      score: 0.0008776774843208122,
+    },
+    {
+      caption: '\\surroundwithmdframed[]{}',
+      snippet: '\\surroundwithmdframed[$1]{$2}',
+      meta: 'mdframed-cmd',
+      score: 5.535446508489438e-5,
+    },
+    {
+      caption: '\\newmdtheoremenv{}{}',
+      snippet: '\\newmdtheoremenv{$1}{$2}',
+      meta: 'mdframed-cmd',
+      score: 3.558785984219631e-5,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'mdframed-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'mdframed-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'mdframed-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\AtBeginShipout{}',
+      snippet: '\\AtBeginShipout{$1}',
+      meta: 'mdframed-cmd',
+      score: 0.00047530324346933345,
+    },
+    {
+      caption: '\\AtBeginShipoutNext{}',
+      snippet: '\\AtBeginShipoutNext{$1}',
+      meta: 'mdframed-cmd',
+      score: 0.0005277905480209891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mdframed-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'mdframed-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'mdframed-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'mdframed-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'mdframed-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'mdframed-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'mdframed-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'mdframed-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'mdframed-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mdframed-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'mdframed-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'mdframed-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'mdframed-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mdframed-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mdframed-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'mdframed-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'mdframed-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'mdframed-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mdframed-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'mdframed-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'mdframed-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'mdframed-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\check{}',
+      snippet: '\\check{$1}',
+      meta: 'mdframed-cmd',
+      score: 0.0058342578961340175,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'mdframed-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mdframed-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mdframed-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'mdframed-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mdframed-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'mdframed-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'mdframed-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'mdframed-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mdframed-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'mdframed-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'mdframed-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'mdframed-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'mdframed-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'mdframed-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'mdframed-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'mdframed-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'mdframed-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'mdframed-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'mdframed-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'mdframed-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'mdframed-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'mdframed-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'mdframed-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'mdframed-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'mdframed-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'mdframed-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'mdframed-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'mdframed-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'mdframed-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'mdframed-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'mdframed-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mdframed-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  cancel: [
+    {
+      caption: '\\cancel{}',
+      snippet: '\\cancel{$1}',
+      meta: 'cancel-cmd',
+      score: 0.00017782514657538044,
+    },
+    {
+      caption: '\\cancelto{}{}',
+      snippet: '\\cancelto{$1}{$2}',
+      meta: 'cancel-cmd',
+      score: 7.809089624140706e-5,
+    },
+  ],
+  textcase: [
+    {
+      caption: '\\cite{}',
+      snippet: '\\cite{$1}',
+      meta: 'textcase-cmd',
+      score: 2.341195220791228,
+    },
+  ],
+  libertine: [
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'libertine-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'libertine-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  flushend: [
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'flushend-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'flushend-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'flushend-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'flushend-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'flushend-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'flushend-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'flushend-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'flushend-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'flushend-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'flushend-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'flushend-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'flushend-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'flushend-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'flushend-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'flushend-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'flushend-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'flushend-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'flushend-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'flushend-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'flushend-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'flushend-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'flushend-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  psfrag: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'psfrag-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'psfrag-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'psfrag-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'psfrag-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'psfrag-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'psfrag-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'psfrag-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'psfrag-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'psfrag-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'psfrag-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'psfrag-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'psfrag-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'psfrag-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'psfrag-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'psfrag-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'psfrag-cmd',
+      score: 0.004649150613625593,
+    },
+  ],
+  tablefootnote: [
+    {
+      caption: '\\tablefootnote{}',
+      snippet: '\\tablefootnote{$1}',
+      meta: 'tablefootnote-cmd',
+      score: 0.00017554048326570823,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'tablefootnote-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'tablefootnote-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'tablefootnote-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tablefootnote-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tablefootnote-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'tablefootnote-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'tablefootnote-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'tablefootnote-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'tablefootnote-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tablefootnote-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'tablefootnote-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'tablefootnote-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'tablefootnote-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'tablefootnote-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'tablefootnote-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'tablefootnote-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'tablefootnote-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'tablefootnote-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'tablefootnote-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tablefootnote-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tablefootnote-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tablefootnote-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tablefootnote-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  amstext: [
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'amstext-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'amstext-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'amstext-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'amstext-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'amstext-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'amstext-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  units: [
+    {
+      caption: '\\unitfrac{}{}',
+      snippet: '\\unitfrac{$1}{$2}',
+      meta: 'units-cmd',
+      score: 0.0009264866770139672,
+    },
+    {
+      caption: '\\unitfrac[]{}{}',
+      snippet: '\\unitfrac[$1]{$2}{$3}',
+      meta: 'units-cmd',
+      score: 0.0009264866770139672,
+    },
+    {
+      caption: '\\unit[]{}',
+      snippet: '\\unit[$1]{$2}',
+      meta: 'units-cmd',
+      score: 0.028299796173135428,
+    },
+    {
+      caption: '\\unit{}',
+      snippet: '\\unit{$1}',
+      meta: 'units-cmd',
+      score: 0.028299796173135428,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'units-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'units-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'units-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'units-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'units-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'units-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\nicefrac{}{}',
+      snippet: '\\nicefrac{$1}{$2}',
+      meta: 'units-cmd',
+      score: 0.0018011350423659288,
+    },
+  ],
+  scrextend: [
+    {
+      caption: '\\footref{}',
+      snippet: '\\footref{$1}',
+      meta: 'scrextend-cmd',
+      score: 0.0003680857021151614,
+    },
+    {
+      caption: '\\footref',
+      snippet: '\\footref',
+      meta: 'scrextend-cmd',
+      score: 0.0003680857021151614,
+    },
+    {
+      caption: '\\scriptsize',
+      snippet: '\\scriptsize',
+      meta: 'scrextend-cmd',
+      score: 0.05550618634921613,
+    },
+    {
+      caption: '\\scriptsize{}',
+      snippet: '\\scriptsize{$1}',
+      meta: 'scrextend-cmd',
+      score: 0.05550618634921613,
+    },
+    {
+      caption: '\\maketitle',
+      snippet: '\\maketitle',
+      meta: 'scrextend-cmd',
+      score: 0.7504160124360846,
+    },
+    {
+      caption: '\\Large',
+      snippet: '\\Large',
+      meta: 'scrextend-cmd',
+      score: 0.1987771081149759,
+    },
+    {
+      caption: '\\Large{}',
+      snippet: '\\Large{$1}',
+      meta: 'scrextend-cmd',
+      score: 0.1987771081149759,
+    },
+    {
+      caption: '\\and',
+      snippet: '\\and',
+      meta: 'scrextend-cmd',
+      score: 0.09847866956528724,
+    },
+    {
+      caption: '\\LARGE',
+      snippet: '\\LARGE',
+      meta: 'scrextend-cmd',
+      score: 0.05947642043953873,
+    },
+    {
+      caption: '\\LARGE{}',
+      snippet: '\\LARGE{$1}',
+      meta: 'scrextend-cmd',
+      score: 0.05947642043953873,
+    },
+    {
+      caption: '\\subtitle{}',
+      snippet: '\\subtitle{$1}',
+      meta: 'scrextend-cmd',
+      score: 0.01803265454797817,
+    },
+    {
+      caption: '\\large',
+      snippet: '\\large',
+      meta: 'scrextend-cmd',
+      score: 0.20377416734108866,
+    },
+    {
+      caption: '\\large{}',
+      snippet: '\\large{$1}',
+      meta: 'scrextend-cmd',
+      score: 0.20377416734108866,
+    },
+    {
+      caption: '\\Huge',
+      snippet: '\\Huge',
+      meta: 'scrextend-cmd',
+      score: 0.04725806985998919,
+    },
+    {
+      caption: '\\footnotesize',
+      snippet: '\\footnotesize',
+      meta: 'scrextend-cmd',
+      score: 0.2038592081252624,
+    },
+    {
+      caption: '\\footnotesize{}',
+      snippet: '\\footnotesize{$1}',
+      meta: 'scrextend-cmd',
+      score: 0.2038592081252624,
+    },
+    {
+      caption: '\\small',
+      snippet: '\\small',
+      meta: 'scrextend-cmd',
+      score: 0.2447632045426295,
+    },
+    {
+      caption: '\\small{}',
+      snippet: '\\small{$1}',
+      meta: 'scrextend-cmd',
+      score: 0.2447632045426295,
+    },
+    {
+      caption: '\\huge',
+      snippet: '\\huge',
+      meta: 'scrextend-cmd',
+      score: 0.04229832859754922,
+    },
+    {
+      caption: '\\huge{}',
+      snippet: '\\huge{$1}',
+      meta: 'scrextend-cmd',
+      score: 0.04229832859754922,
+    },
+    {
+      caption: '\\cleardoublepage',
+      snippet: '\\cleardoublepage',
+      meta: 'scrextend-cmd',
+      score: 0.044016804142963585,
+    },
+    {
+      caption: '\\tiny{}',
+      snippet: '\\tiny{$1}',
+      meta: 'scrextend-cmd',
+      score: 0.047727606910742924,
+    },
+    {
+      caption: '\\tiny',
+      snippet: '\\tiny',
+      meta: 'scrextend-cmd',
+      score: 0.047727606910742924,
+    },
+    {
+      caption: '\\deffootnote[]{}{}{}',
+      snippet: '\\deffootnote[$1]{$2}{$3}{$4}',
+      meta: 'scrextend-cmd',
+      score: 2.545393270896533e-5,
+    },
+    {
+      caption: '\\thefootnote',
+      snippet: '\\thefootnote',
+      meta: 'scrextend-cmd',
+      score: 0.007676927812687567,
+    },
+    {
+      caption: '\\thefootnote{}',
+      snippet: '\\thefootnote{$1}',
+      meta: 'scrextend-cmd',
+      score: 0.007676927812687567,
+    },
+    {
+      caption: '\\normalsize',
+      snippet: '\\normalsize',
+      meta: 'scrextend-cmd',
+      score: 0.14261697855738878,
+    },
+    {
+      caption: '\\normalsize{}',
+      snippet: '\\normalsize{$1}',
+      meta: 'scrextend-cmd',
+      score: 0.14261697855738878,
+    },
+    {
+      caption: '\\titlefont',
+      snippet: '\\titlefont',
+      meta: 'scrextend-cmd',
+      score: 0.0005278519180709353,
+    },
+    {
+      caption: '\\thefootnotemark',
+      snippet: '\\thefootnotemark',
+      meta: 'scrextend-cmd',
+      score: 2.545393270896533e-5,
+    },
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'scrextend-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\clearpage',
+      snippet: '\\clearpage',
+      meta: 'scrextend-cmd',
+      score: 0.1789117552185788,
+    },
+    {
+      caption: '\\addtokomafont{}{}',
+      snippet: '\\addtokomafont{$1}{$2}',
+      meta: 'scrextend-cmd',
+      score: 0.0008555564394100388,
+    },
+    {
+      caption: '\\setkomafont{}{}',
+      snippet: '\\setkomafont{$1}{$2}',
+      meta: 'scrextend-cmd',
+      score: 0.012985816912639263,
+    },
+    {
+      caption: '\\KOMAoptions{}',
+      snippet: '\\KOMAoptions{$1}',
+      meta: 'scrextend-cmd',
+      score: 0.000396664302361659,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'scrextend-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  mwe: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'mwe-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'mwe-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'mwe-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'mwe-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'mwe-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'mwe-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'mwe-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'mwe-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'mwe-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mwe-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'mwe-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'mwe-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'mwe-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'mwe-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'mwe-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'mwe-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'mwe-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'mwe-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'mwe-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mwe-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  beamerposter: [
+    {
+      caption: '\\scriptsize',
+      snippet: '\\scriptsize',
+      meta: 'beamerposter-cmd',
+      score: 0.05550618634921613,
+    },
+    {
+      caption: '\\scriptsize{}',
+      snippet: '\\scriptsize{$1}',
+      meta: 'beamerposter-cmd',
+      score: 0.05550618634921613,
+    },
+    {
+      caption: '\\Large',
+      snippet: '\\Large',
+      meta: 'beamerposter-cmd',
+      score: 0.1987771081149759,
+    },
+    {
+      caption: '\\Large{}',
+      snippet: '\\Large{$1}',
+      meta: 'beamerposter-cmd',
+      score: 0.1987771081149759,
+    },
+    {
+      caption: '\\footnotesize',
+      snippet: '\\footnotesize',
+      meta: 'beamerposter-cmd',
+      score: 0.2038592081252624,
+    },
+    {
+      caption: '\\footnotesize{}',
+      snippet: '\\footnotesize{$1}',
+      meta: 'beamerposter-cmd',
+      score: 0.2038592081252624,
+    },
+    {
+      caption: '\\LARGE',
+      snippet: '\\LARGE',
+      meta: 'beamerposter-cmd',
+      score: 0.05947642043953873,
+    },
+    {
+      caption: '\\LARGE{}',
+      snippet: '\\LARGE{$1}',
+      meta: 'beamerposter-cmd',
+      score: 0.05947642043953873,
+    },
+    {
+      caption: '\\large',
+      snippet: '\\large',
+      meta: 'beamerposter-cmd',
+      score: 0.20377416734108866,
+    },
+    {
+      caption: '\\large{}',
+      snippet: '\\large{$1}',
+      meta: 'beamerposter-cmd',
+      score: 0.20377416734108866,
+    },
+    {
+      caption: '\\VeryHuge',
+      snippet: '\\VeryHuge',
+      meta: 'beamerposter-cmd',
+      score: 0.000892251826639951,
+    },
+    {
+      caption: '\\small',
+      snippet: '\\small',
+      meta: 'beamerposter-cmd',
+      score: 0.2447632045426295,
+    },
+    {
+      caption: '\\small{}',
+      snippet: '\\small{$1}',
+      meta: 'beamerposter-cmd',
+      score: 0.2447632045426295,
+    },
+    {
+      caption: '\\VERYHuge',
+      snippet: '\\VERYHuge',
+      meta: 'beamerposter-cmd',
+      score: 0.0011668714784222325,
+    },
+    {
+      caption: '\\veryHuge',
+      snippet: '\\veryHuge',
+      meta: 'beamerposter-cmd',
+      score: 0.000892251826639951,
+    },
+    {
+      caption: '\\normalsize',
+      snippet: '\\normalsize',
+      meta: 'beamerposter-cmd',
+      score: 0.14261697855738878,
+    },
+    {
+      caption: '\\normalsize{}',
+      snippet: '\\normalsize{$1}',
+      meta: 'beamerposter-cmd',
+      score: 0.14261697855738878,
+    },
+    {
+      caption: '\\tiny{}',
+      snippet: '\\tiny{$1}',
+      meta: 'beamerposter-cmd',
+      score: 0.047727606910742924,
+    },
+    {
+      caption: '\\tiny',
+      snippet: '\\tiny',
+      meta: 'beamerposter-cmd',
+      score: 0.047727606910742924,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'beamerposter-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'beamerposter-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  footnote: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'footnote-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'footnote-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\makesavenoteenv{}',
+      snippet: '\\makesavenoteenv{$1}',
+      meta: 'footnote-cmd',
+      score: 0.0018587414325895479,
+    },
+    {
+      caption: '\\footnote{}',
+      snippet: '\\footnote{$1}',
+      meta: 'footnote-cmd',
+      score: 0.2253056071787701,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'footnote-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\parbox{}{}',
+      snippet: '\\parbox{$1}{$2}',
+      meta: 'footnote-cmd',
+      score: 0.04800611019618169,
+    },
+  ],
+  invoice: [
+    {
+      caption: '\\Fee{}{}{}',
+      snippet: '\\Fee{$1}{$2}{$3}',
+      meta: 'invoice-cmd',
+      score: 0.003295435821387378,
+    },
+    {
+      caption: '\\ProjectTitle{}',
+      snippet: '\\ProjectTitle{$1}',
+      meta: 'invoice-cmd',
+      score: 0.003295435821387378,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'invoice-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'invoice-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'invoice-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'invoice-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'invoice-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'invoice-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\endhead',
+      snippet: '\\endhead',
+      meta: 'invoice-cmd',
+      score: 0.0023853501147448834,
+    },
+    {
+      caption: '\\endfoot',
+      snippet: '\\endfoot',
+      meta: 'invoice-cmd',
+      score: 0.00044045261916551967,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'invoice-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'invoice-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\nopagebreak',
+      snippet: '\\nopagebreak',
+      meta: 'invoice-cmd',
+      score: 9.952664522415981e-5,
+    },
+    {
+      caption: '\\endfirsthead',
+      snippet: '\\endfirsthead',
+      meta: 'invoice-cmd',
+      score: 0.0016148498709822416,
+    },
+    {
+      caption: '\\endlastfoot',
+      snippet: '\\endlastfoot',
+      meta: 'invoice-cmd',
+      score: 0.00044045261916551967,
+    },
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'invoice-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\tablename',
+      snippet: '\\tablename',
+      meta: 'invoice-cmd',
+      score: 0.0029238994233674776,
+    },
+    {
+      caption: '\\pagebreak',
+      snippet: '\\pagebreak',
+      meta: 'invoice-cmd',
+      score: 0.0313525090421608,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'invoice-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'invoice-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'invoice-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'invoice-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'invoice-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'invoice-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'invoice-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'invoice-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'invoice-cmd',
+      score: 0.028955796305270766,
+    },
+  ],
+  tikzpeople: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'tikzpeople-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikzpeople-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'tikzpeople-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'tikzpeople-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'tikzpeople-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikzpeople-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikzpeople-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'tikzpeople-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'tikzpeople-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'tikzpeople-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'tikzpeople-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikzpeople-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikzpeople-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'tikzpeople-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'tikzpeople-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'tikzpeople-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'tikzpeople-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'tikzpeople-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikzpeople-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'tikzpeople-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikzpeople-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'tikzpeople-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tikzpeople-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tikzpeople-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tikzpeople-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'tikzpeople-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tikzpeople-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tikzpeople-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tikzpeople-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'tikzpeople-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'tikzpeople-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'tikzpeople-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'tikzpeople-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'tikzpeople-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'tikzpeople-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'tikzpeople-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'tikzpeople-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'tikzpeople-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'tikzpeople-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'tikzpeople-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'tikzpeople-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'tikzpeople-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'tikzpeople-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'tikzpeople-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'tikzpeople-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikzpeople-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'tikzpeople-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'tikzpeople-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'tikzpeople-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'tikzpeople-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikzpeople-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'tikzpeople-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikzpeople-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikzpeople-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'tikzpeople-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'tikzpeople-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'tikzpeople-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'tikzpeople-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'tikzpeople-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikzpeople-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'tikzpeople-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'tikzpeople-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikzpeople-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'tikzpeople-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'tikzpeople-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'tikzpeople-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'tikzpeople-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  titletoc: [
+    {
+      caption: '\\thecontentspage',
+      snippet: '\\thecontentspage',
+      meta: 'titletoc-cmd',
+      score: 0.0008054115902675176,
+    },
+    {
+      caption: '\\startcontents',
+      snippet: '\\startcontents',
+      meta: 'titletoc-cmd',
+      score: 0.00026847053008917257,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'titletoc-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'titletoc-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\printcontents{}{}{}',
+      snippet: '\\printcontents{$1}{$2}{$3}',
+      meta: 'titletoc-cmd',
+      score: 0.00013423526504458629,
+    },
+    {
+      caption: '\\titlecontents{}[]',
+      snippet: '\\titlecontents{$1}[$2]',
+      meta: 'titletoc-cmd',
+      score: 0.0017036290423289926,
+    },
+    {
+      caption: '\\titlecontents{}[]{}{}{}{}[]',
+      snippet: '\\titlecontents{$1}[$2]{$3}{$4}{$5}{$6}[$7]',
+      meta: 'titletoc-cmd',
+      score: 0.0017036290423289926,
+    },
+    {
+      caption: '\\titlecontents{}[]{}{}{}{}',
+      snippet: '\\titlecontents{$1}[$2]{$3}{$4}{$5}{$6}',
+      meta: 'titletoc-cmd',
+      score: 0.0017036290423289926,
+    },
+    {
+      caption: '\\numberline{}',
+      snippet: '\\numberline{$1}',
+      meta: 'titletoc-cmd',
+      score: 0.007461440567272885,
+    },
+    {
+      caption: '\\dottedcontents{}[]{}{}{}',
+      snippet: '\\dottedcontents{$1}[$2]{$3}{$4}{$5}',
+      meta: 'titletoc-cmd',
+      score: 4.743909531747666e-5,
+    },
+    {
+      caption: '\\filcenter',
+      snippet: '\\filcenter',
+      meta: 'titletoc-cmd',
+      score: 0.0004835660211260246,
+    },
+    {
+      caption: '\\thecontentslabel',
+      snippet: '\\thecontentslabel',
+      meta: 'titletoc-cmd',
+      score: 0.0010521864830662522,
+    },
+    {
+      caption: '\\contentsuse{}{}',
+      snippet: '\\contentsuse{$1}{$2}',
+      meta: 'titletoc-cmd',
+      score: 6.110202388233705e-5,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'titletoc-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\contentspage',
+      snippet: '\\contentspage',
+      meta: 'titletoc-cmd',
+      score: 0.0004955116569277163,
+    },
+    {
+      caption: '\\contentslabel[]{}',
+      snippet: '\\contentslabel[$1]{$2}',
+      meta: 'titletoc-cmd',
+      score: 0.0011055859582683105,
+    },
+    {
+      caption: '\\contentslabel{}',
+      snippet: '\\contentslabel{$1}',
+      meta: 'titletoc-cmd',
+      score: 0.0011055859582683105,
+    },
+    {
+      caption: '\\contentsmargin{}',
+      snippet: '\\contentsmargin{$1}',
+      meta: 'titletoc-cmd',
+      score: 0.00013423526504458629,
+    },
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'titletoc-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\titlerule',
+      snippet: '\\titlerule',
+      meta: 'titletoc-cmd',
+      score: 0.019273712561461216,
+    },
+    {
+      caption: '\\titlerule[]{}',
+      snippet: '\\titlerule[$1]{$2}',
+      meta: 'titletoc-cmd',
+      score: 0.019273712561461216,
+    },
+  ],
+  dblfloatfix: [
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'dblfloatfix-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'dblfloatfix-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\textsubscript{}',
+      snippet: '\\textsubscript{$1}',
+      meta: 'dblfloatfix-cmd',
+      score: 0.058405875394131175,
+    },
+    {
+      caption: '\\em',
+      snippet: '\\em',
+      meta: 'dblfloatfix-cmd',
+      score: 0.10357353994640862,
+    },
+  ],
+  pgfplotstable: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfplotstable-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'pgfplotstable-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'pgfplotstable-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'pgfplotstable-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfplotstable-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfplotstable-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'pgfplotstable-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'pgfplotstable-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfplotstable-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfplotstable-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfplotstable-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfplotstable-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfplotstable-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'pgfplotstable-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  acronym: [
+    {
+      caption: '\\acp{}',
+      snippet: '\\acp{$1}',
+      meta: 'acronym-cmd',
+      score: 0.0005185177930914685,
+    },
+    {
+      caption: '\\acsfont{}',
+      snippet: '\\acsfont{$1}',
+      meta: 'acronym-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\aclabelfont',
+      snippet: '\\aclabelfont',
+      meta: 'acronym-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\acro{}{}',
+      snippet: '\\acro{$1}{$2}',
+      meta: 'acronym-cmd',
+      score: 0.023587207425038587,
+    },
+    {
+      caption: '\\acl{}',
+      snippet: '\\acl{$1}',
+      meta: 'acronym-cmd',
+      score: 0.0008131607751426444,
+    },
+    {
+      caption: '\\acf{}',
+      snippet: '\\acf{$1}',
+      meta: 'acronym-cmd',
+      score: 0.0006845634165950408,
+    },
+    {
+      caption: '\\acrodef{}[]{}',
+      snippet: '\\acrodef{$1}[$2]{$3}',
+      meta: 'acronym-cmd',
+      score: 0.0002902047200830372,
+    },
+    {
+      caption: '\\acs{}',
+      snippet: '\\acs{$1}',
+      meta: 'acronym-cmd',
+      score: 0.002351209826598939,
+    },
+    {
+      caption: '\\acfp{}',
+      snippet: '\\acfp{$1}',
+      meta: 'acronym-cmd',
+      score: 2.2013599341265054e-5,
+    },
+    {
+      caption: '\\ac{}',
+      snippet: '\\ac{$1}',
+      meta: 'acronym-cmd',
+      score: 0.04714113215364704,
+    },
+    {
+      caption: '\\let',
+      snippet: '\\let',
+      meta: 'acronym-cmd',
+      score: 0.03789745970461662,
+    },
+  ],
+  nicefrac: [
+    {
+      caption: '\\nicefrac{}{}',
+      snippet: '\\nicefrac{$1}{$2}',
+      meta: 'nicefrac-cmd',
+      score: 0.0018011350423659288,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'nicefrac-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'nicefrac-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'nicefrac-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'nicefrac-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'nicefrac-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'nicefrac-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  smartdiagram: [
+    {
+      caption: '\\usesmartdiagramlibrary{}',
+      snippet: '\\usesmartdiagramlibrary{$1}',
+      meta: 'smartdiagram-cmd',
+      score: 7.216282820556303e-5,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'smartdiagram-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'smartdiagram-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'smartdiagram-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'smartdiagram-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'smartdiagram-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'smartdiagram-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'smartdiagram-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'smartdiagram-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'smartdiagram-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'smartdiagram-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'smartdiagram-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'smartdiagram-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'smartdiagram-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'smartdiagram-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'smartdiagram-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'smartdiagram-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'smartdiagram-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'smartdiagram-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'smartdiagram-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'smartdiagram-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'smartdiagram-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'smartdiagram-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'smartdiagram-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'smartdiagram-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'smartdiagram-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'smartdiagram-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'smartdiagram-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'smartdiagram-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'smartdiagram-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'smartdiagram-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'smartdiagram-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'smartdiagram-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'smartdiagram-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'smartdiagram-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'smartdiagram-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'smartdiagram-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'smartdiagram-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'smartdiagram-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'smartdiagram-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'smartdiagram-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'smartdiagram-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'smartdiagram-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'smartdiagram-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'smartdiagram-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'smartdiagram-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'smartdiagram-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'smartdiagram-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'smartdiagram-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'smartdiagram-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'smartdiagram-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'smartdiagram-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'smartdiagram-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'smartdiagram-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'smartdiagram-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'smartdiagram-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'smartdiagram-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'smartdiagram-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'smartdiagram-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'smartdiagram-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'smartdiagram-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  qtree: [
+    {
+      caption: '\\qroof{}',
+      snippet: '\\qroof{$1}',
+      meta: 'qtree-cmd',
+      score: 0.00012663929287995903,
+    },
+    {
+      caption: '\\Tree[]',
+      snippet: '\\Tree[$1]',
+      meta: 'qtree-cmd',
+      score: 0.0008894716589418522,
+    },
+    {
+      caption: '\\Tree',
+      snippet: '\\Tree',
+      meta: 'qtree-cmd',
+      score: 0.0008894716589418522,
+    },
+  ],
+  backref: [
+    {
+      caption: '\\backrefpagesname',
+      snippet: '\\backrefpagesname',
+      meta: 'backref-cmd',
+      score: 0.0022756001200686213,
+    },
+    {
+      caption: '\\backref',
+      snippet: '\\backref',
+      meta: 'backref-cmd',
+      score: 0.0025820187198826706,
+    },
+    {
+      caption: '\\clearpage',
+      snippet: '\\clearpage',
+      meta: 'backref-cmd',
+      score: 0.1789117552185788,
+    },
+    {
+      caption: '\\global',
+      snippet: '\\global',
+      meta: 'backref-cmd',
+      score: 0.006609629561859019,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'backref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'backref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'backref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\check{}',
+      snippet: '\\check{$1}',
+      meta: 'backref-cmd',
+      score: 0.0058342578961340175,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'backref-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'backref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'backref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'backref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'backref-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'backref-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'backref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'backref-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'backref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\makeindex',
+      snippet: '\\makeindex',
+      meta: 'backref-cmd',
+      score: 0.010304996748556729,
+    },
+    {
+      caption: '\\index{}',
+      snippet: '\\index{$1}',
+      meta: 'backref-cmd',
+      score: 0.013774721817648336,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'backref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'backref-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'backref-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  epigraph: [
+    {
+      caption: '\\epigraphflush{}',
+      snippet: '\\epigraphflush{$1}',
+      meta: 'epigraph-cmd',
+      score: 1.8073688234300064e-5,
+    },
+    {
+      caption: '\\epigraphsize{}',
+      snippet: '\\epigraphsize{$1}',
+      meta: 'epigraph-cmd',
+      score: 6.820709322498027e-5,
+    },
+    {
+      caption: '\\epigraphsize',
+      snippet: '\\epigraphsize',
+      meta: 'epigraph-cmd',
+      score: 6.820709322498027e-5,
+    },
+    {
+      caption: '\\epigraph{}{}',
+      snippet: '\\epigraph{$1}{$2}',
+      meta: 'epigraph-cmd',
+      score: 0.0031428856022970054,
+    },
+  ],
+  chngcntr: [
+    {
+      caption: '\\counterwithin{}{}',
+      snippet: '\\counterwithin{$1}{$2}',
+      meta: 'chngcntr-cmd',
+      score: 0.001287401394784382,
+    },
+    {
+      caption: '\\counterwithout{}{}',
+      snippet: '\\counterwithout{$1}{$2}',
+      meta: 'chngcntr-cmd',
+      score: 0.0026127666246546326,
+    },
+  ],
+  empheq: [
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'empheq-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'empheq-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'empheq-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'empheq-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'empheq-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'empheq-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'empheq-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'empheq-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'empheq-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'empheq-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'empheq-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'empheq-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'empheq-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'empheq-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'empheq-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'empheq-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'empheq-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'empheq-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\longmapsto',
+      snippet: '\\longmapsto',
+      meta: 'empheq-cmd',
+      score: 0.0017755897148012264,
+    },
+    {
+      caption: '\\Check{}',
+      snippet: '\\Check{$1}',
+      meta: 'empheq-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'empheq-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'empheq-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'empheq-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\And',
+      snippet: '\\And',
+      meta: 'empheq-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\And{}',
+      snippet: '\\And{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'empheq-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\boxed{}',
+      snippet: '\\boxed{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0035536135737312827,
+    },
+    {
+      caption: '\\Ddot{}',
+      snippet: '\\Ddot{$1}',
+      meta: 'empheq-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ignorespacesafterend',
+      snippet: '\\ignorespacesafterend',
+      meta: 'empheq-cmd',
+      score: 0.0010893680553454854,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'empheq-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\Breve{}',
+      snippet: '\\Breve{$1}',
+      meta: 'empheq-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'empheq-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\over{}',
+      snippet: '\\over{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\over',
+      snippet: '\\over',
+      meta: 'empheq-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\bigotimes',
+      snippet: '\\bigotimes',
+      meta: 'empheq-cmd',
+      score: 0.000984722260624791,
+    },
+    {
+      caption: '\\bigoplus',
+      snippet: '\\bigoplus',
+      meta: 'empheq-cmd',
+      score: 0.0011508785476242003,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'empheq-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\bigcap',
+      snippet: '\\bigcap',
+      meta: 'empheq-cmd',
+      score: 0.005709261168797874,
+    },
+    {
+      caption: '\\xrightarrow{}',
+      snippet: '\\xrightarrow{$1}',
+      meta: 'empheq-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\xrightarrow[]{}',
+      snippet: '\\xrightarrow[$1]{$2}',
+      meta: 'empheq-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\atop',
+      snippet: '\\atop',
+      meta: 'empheq-cmd',
+      score: 0.0006518541515279979,
+    },
+    {
+      caption: '\\dfrac{}{}',
+      snippet: '\\dfrac{$1}{$2}',
+      meta: 'empheq-cmd',
+      score: 0.05397545277891961,
+    },
+    {
+      caption: '\\pmod',
+      snippet: '\\pmod',
+      meta: 'empheq-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\pmod{}',
+      snippet: '\\pmod{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\notag',
+      snippet: '\\notag',
+      meta: 'empheq-cmd',
+      score: 0.00322520920930312,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'empheq-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\Vec{}',
+      snippet: '\\Vec{$1}',
+      meta: 'empheq-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\bigvee',
+      snippet: '\\bigvee',
+      meta: 'empheq-cmd',
+      score: 0.0011677288242806726,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'empheq-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\hookrightarrow',
+      snippet: '\\hookrightarrow',
+      meta: 'empheq-cmd',
+      score: 0.0015607282046545064,
+    },
+    {
+      caption: '\\bigsqcup',
+      snippet: '\\bigsqcup',
+      meta: 'empheq-cmd',
+      score: 0.0003468284144579442,
+    },
+    {
+      caption: '\\hookleftarrow',
+      snippet: '\\hookleftarrow',
+      meta: 'empheq-cmd',
+      score: 0.0016498799924012809,
+    },
+    {
+      caption: '\\Dot{}',
+      snippet: '\\Dot{$1}',
+      meta: 'empheq-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\dots',
+      snippet: '\\dots',
+      meta: 'empheq-cmd',
+      score: 0.0847414497955395,
+    },
+    {
+      caption: '\\genfrac{}{}{}{}{}{}',
+      snippet: '\\genfrac{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'empheq-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\genfrac',
+      snippet: '\\genfrac',
+      meta: 'empheq-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\cfrac{}{}',
+      snippet: '\\cfrac{$1}{$2}',
+      meta: 'empheq-cmd',
+      score: 0.006765684097139381,
+    },
+    {
+      caption: '\\Acute{}',
+      snippet: '\\Acute{$1}',
+      meta: 'empheq-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ldots',
+      snippet: '\\ldots',
+      meta: 'empheq-cmd',
+      score: 0.11585556755884258,
+    },
+    {
+      caption: '\\coprod',
+      snippet: '\\coprod',
+      meta: 'empheq-cmd',
+      score: 0.00011383372700282614,
+    },
+    {
+      caption: '\\impliedby',
+      snippet: '\\impliedby',
+      meta: 'empheq-cmd',
+      score: 2.3482915591834053e-5,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'empheq-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\idotsint',
+      snippet: '\\idotsint',
+      meta: 'empheq-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\Longrightarrow',
+      snippet: '\\Longrightarrow',
+      meta: 'empheq-cmd',
+      score: 0.002459139437356601,
+    },
+    {
+      caption: '\\allowdisplaybreaks',
+      snippet: '\\allowdisplaybreaks',
+      meta: 'empheq-cmd',
+      score: 0.005931777024772073,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'empheq-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\mod',
+      snippet: '\\mod',
+      meta: 'empheq-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\mod{}',
+      snippet: '\\mod{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'empheq-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'empheq-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'empheq-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\underset{}{}',
+      snippet: '\\underset{$1}{$2}',
+      meta: 'empheq-cmd',
+      score: 0.012799893214578391,
+    },
+    {
+      caption: '\\dotsc',
+      snippet: '\\dotsc',
+      meta: 'empheq-cmd',
+      score: 0.0008555101484119994,
+    },
+    {
+      caption: '\\doteq',
+      snippet: '\\doteq',
+      meta: 'empheq-cmd',
+      score: 3.164631070474435e-5,
+    },
+    {
+      caption: '\\leftroot{}',
+      snippet: '\\leftroot{$1}',
+      meta: 'empheq-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\substack{}',
+      snippet: '\\substack{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0037482529712850755,
+    },
+    {
+      caption: '\\Hat{}',
+      snippet: '\\Hat{$1}',
+      meta: 'empheq-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'empheq-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\mspace{}',
+      snippet: '\\mspace{$1}',
+      meta: 'empheq-cmd',
+      score: 3.423236656565836e-5,
+    },
+    {
+      caption: '\\Bar{}',
+      snippet: '\\Bar{$1}',
+      meta: 'empheq-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\Grave{}',
+      snippet: '\\Grave{$1}',
+      meta: 'empheq-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'empheq-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\tbinom',
+      snippet: '\\tbinom',
+      meta: 'empheq-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\dotsi',
+      snippet: '\\dotsi',
+      meta: 'empheq-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\bigwedge',
+      snippet: '\\bigwedge',
+      meta: 'empheq-cmd',
+      score: 0.000347742918592393,
+    },
+    {
+      caption: '\\sideset{}{}',
+      snippet: '\\sideset{$1}{$2}',
+      meta: 'empheq-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\smash{}',
+      snippet: '\\smash{$1}',
+      meta: 'empheq-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\smash[]{}',
+      snippet: '\\smash[$1]{$2}',
+      meta: 'empheq-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\colon',
+      snippet: '\\colon',
+      meta: 'empheq-cmd',
+      score: 0.005300291684408929,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\Longleftarrow',
+      snippet: '\\Longleftarrow',
+      meta: 'empheq-cmd',
+      score: 8.477207854183949e-5,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'empheq-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\AmS',
+      snippet: '\\AmS',
+      meta: 'empheq-cmd',
+      score: 0.00047859486202980376,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'empheq-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\tfrac{}{}',
+      snippet: '\\tfrac{$1}{$2}',
+      meta: 'empheq-cmd',
+      score: 0.0005923542426657187,
+    },
+    {
+      caption: '\\uproot{}',
+      snippet: '\\uproot{$1}',
+      meta: 'empheq-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\bmod',
+      snippet: '\\bmod',
+      meta: 'empheq-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\bmod{}',
+      snippet: '\\bmod{$1}',
+      meta: 'empheq-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\pod{}',
+      snippet: '\\pod{$1}',
+      meta: 'empheq-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'empheq-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\longrightarrow',
+      snippet: '\\longrightarrow',
+      meta: 'empheq-cmd',
+      score: 0.013399422292458848,
+    },
+    {
+      caption: '\\xleftarrow[]{}',
+      snippet: '\\xleftarrow[$1]{$2}',
+      meta: 'empheq-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\xleftarrow{}',
+      snippet: '\\xleftarrow{$1}',
+      meta: 'empheq-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\mathaccentV',
+      snippet: '\\mathaccentV',
+      meta: 'empheq-cmd',
+      score: 6.216218551413489e-5,
+    },
+    {
+      caption: '\\hdotsfor{}',
+      snippet: '\\hdotsfor{$1}',
+      meta: 'empheq-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\hdotsfor[]{}',
+      snippet: '\\hdotsfor[$1]{$2}',
+      meta: 'empheq-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'empheq-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'empheq-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\overset{}{}',
+      snippet: '\\overset{$1}{$2}',
+      meta: 'empheq-cmd',
+      score: 0.007611544955294224,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'empheq-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\longleftrightarrow',
+      snippet: '\\longleftrightarrow',
+      meta: 'empheq-cmd',
+      score: 0.0002851769278703356,
+    },
+    {
+      caption: '\\Longleftrightarrow',
+      snippet: '\\Longleftrightarrow',
+      meta: 'empheq-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\Longleftrightarrow{}',
+      snippet: '\\Longleftrightarrow{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\binom{}{}',
+      snippet: '\\binom{$1}{$2}',
+      meta: 'empheq-cmd',
+      score: 0.013010882180364367,
+    },
+    {
+      caption: '\\longleftarrow',
+      snippet: '\\longleftarrow',
+      meta: 'empheq-cmd',
+      score: 0.0011096532692473691,
+    },
+    {
+      caption: '\\dbinom{}{}',
+      snippet: '\\dbinom{$1}{$2}',
+      meta: 'empheq-cmd',
+      score: 0.006800272303210672,
+    },
+    {
+      caption: '\\Tilde{}',
+      snippet: '\\Tilde{$1}',
+      meta: 'empheq-cmd',
+      score: 7.874446783586035e-5,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'empheq-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\xleftrightarrow[][]{}',
+      snippet: '\\xleftrightarrow[$1][$2]{$3}',
+      meta: 'empheq-cmd',
+      score: 4.015559489911509e-5,
+    },
+    {
+      caption: '\\vcentcolon',
+      snippet: '\\vcentcolon',
+      meta: 'empheq-cmd',
+      score: 0.00021361943526711615,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\coloneqq',
+      snippet: '\\coloneqq',
+      meta: 'empheq-cmd',
+      score: 0.0014407293323958122,
+    },
+    {
+      caption: '\\mathclap{}',
+      snippet: '\\mathclap{$1}',
+      meta: 'empheq-cmd',
+      score: 7.84378567451772e-5,
+    },
+    {
+      caption: '\\adjustlimits',
+      snippet: '\\adjustlimits',
+      meta: 'empheq-cmd',
+      score: 0.0005307066890271085,
+    },
+    {
+      caption: '\\MoveEqLeft',
+      snippet: '\\MoveEqLeft',
+      meta: 'empheq-cmd',
+      score: 5.343949980628182e-5,
+    },
+    {
+      caption: '\\mathrlap{}',
+      snippet: '\\mathrlap{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0003112817211637952,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'empheq-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\xhookrightarrow{}',
+      snippet: '\\xhookrightarrow{$1}',
+      meta: 'empheq-cmd',
+      score: 5.444260823474129e-5,
+    },
+    {
+      caption: '\\DeclarePairedDelimiter{}{}{}',
+      snippet: '\\DeclarePairedDelimiter{$1}{$2}{$3}',
+      meta: 'empheq-cmd',
+      score: 0.0033916678416372487,
+    },
+    {
+      caption: '\\DeclarePairedDelimiter',
+      snippet: '\\DeclarePairedDelimiter',
+      meta: 'empheq-cmd',
+      score: 0.0033916678416372487,
+    },
+    {
+      caption: '\\prescript{}{}{}',
+      snippet: '\\prescript{$1}{$2}{$3}',
+      meta: 'empheq-cmd',
+      score: 8.833369785705982e-6,
+    },
+    {
+      caption: '\\underbrace{}',
+      snippet: '\\underbrace{$1}',
+      meta: 'empheq-cmd',
+      score: 0.010373780436850907,
+    },
+    {
+      caption: '\\mathllap{}',
+      snippet: '\\mathllap{$1}',
+      meta: 'empheq-cmd',
+      score: 3.140504277052775e-5,
+    },
+    {
+      caption: '\\overbrace{}',
+      snippet: '\\overbrace{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0006045704778718376,
+    },
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'empheq-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'empheq-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'empheq-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'empheq-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'empheq-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'empheq-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'empheq-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'empheq-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'empheq-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'empheq-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'empheq-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'empheq-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'empheq-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'empheq-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'empheq-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'empheq-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'empheq-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'empheq-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'empheq-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'empheq-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'empheq-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'empheq-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'empheq-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'empheq-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'empheq-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'empheq-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'empheq-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'empheq-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'empheq-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'empheq-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'empheq-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'empheq-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'empheq-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'empheq-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'empheq-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'empheq-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'empheq-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'empheq-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'empheq-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'empheq-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'empheq-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'empheq-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'empheq-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'empheq-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'empheq-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'empheq-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'empheq-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'empheq-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'empheq-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'empheq-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'empheq-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  mathexam: [
+    {
+      caption: '\\ExamInstrBox{}',
+      snippet: '\\ExamInstrBox{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.00035308240943436196,
+    },
+    {
+      caption: '\\ExamName{}',
+      snippet: '\\ExamName{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.00165391233892938,
+    },
+    {
+      caption: '\\ExamNameLine',
+      snippet: '\\ExamNameLine',
+      meta: 'mathexam-cmd',
+      score: 0.00165391233892938,
+    },
+    {
+      caption: '\\ExamClass{}',
+      snippet: '\\ExamClass{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.00165391233892938,
+    },
+    {
+      caption: '\\ExamHead{}',
+      snippet: '\\ExamHead{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.00165391233892938,
+    },
+    {
+      caption: '\\answer{}',
+      snippet: '\\answer{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.0034436236729672894,
+    },
+    {
+      caption: '\\answer',
+      snippet: '\\answer',
+      meta: 'mathexam-cmd',
+      score: 0.0034436236729672894,
+    },
+    {
+      caption: '\\lhead{}',
+      snippet: '\\lhead{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.05268978171228714,
+    },
+    {
+      caption: '\\chaptermark',
+      snippet: '\\chaptermark',
+      meta: 'mathexam-cmd',
+      score: 0.005924520024686584,
+    },
+    {
+      caption: '\\chaptermark{}',
+      snippet: '\\chaptermark{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.005924520024686584,
+    },
+    {
+      caption: '\\fancypagestyle{}{}',
+      snippet: '\\fancypagestyle{$1}{$2}',
+      meta: 'mathexam-cmd',
+      score: 0.009430919590937878,
+    },
+    {
+      caption: '\\footrule',
+      snippet: '\\footrule',
+      meta: 'mathexam-cmd',
+      score: 0.0010032754348913366,
+    },
+    {
+      caption: '\\footrule{}',
+      snippet: '\\footrule{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.0010032754348913366,
+    },
+    {
+      caption: '\\fancyfoot[]{}',
+      snippet: '\\fancyfoot[$1]{$2}',
+      meta: 'mathexam-cmd',
+      score: 0.024973618823189894,
+    },
+    {
+      caption: '\\fancyfoot{}',
+      snippet: '\\fancyfoot{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.024973618823189894,
+    },
+    {
+      caption: '\\fancyfootoffset[]{}',
+      snippet: '\\fancyfootoffset[$1]{$2}',
+      meta: 'mathexam-cmd',
+      score: 0.0015373246231684555,
+    },
+    {
+      caption: '\\fancyfootoffset{}',
+      snippet: '\\fancyfootoffset{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.0015373246231684555,
+    },
+    {
+      caption: '\\footruleskip',
+      snippet: '\\footruleskip',
+      meta: 'mathexam-cmd',
+      score: 0.000830117957327721,
+    },
+    {
+      caption: '\\fancyheadoffset[]{}',
+      snippet: '\\fancyheadoffset[$1]{$2}',
+      meta: 'mathexam-cmd',
+      score: 0.0016786568695309166,
+    },
+    {
+      caption: '\\fancyheadoffset{}',
+      snippet: '\\fancyheadoffset{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.0016786568695309166,
+    },
+    {
+      caption: '\\iffloatpage{}{}',
+      snippet: '\\iffloatpage{$1}{$2}',
+      meta: 'mathexam-cmd',
+      score: 6.606286310833368e-5,
+    },
+    {
+      caption: '\\cfoot{}',
+      snippet: '\\cfoot{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.013411641301057813,
+    },
+    {
+      caption: '\\subsectionmark',
+      snippet: '\\subsectionmark',
+      meta: 'mathexam-cmd',
+      score: 3.1153423008593836e-5,
+    },
+    {
+      caption: '\\footrulewidth',
+      snippet: '\\footrulewidth',
+      meta: 'mathexam-cmd',
+      score: 0.011424740897486949,
+    },
+    {
+      caption: '\\fancyhfoffset[]{}',
+      snippet: '\\fancyhfoffset[$1]{$2}',
+      meta: 'mathexam-cmd',
+      score: 3.741978601121172e-5,
+    },
+    {
+      caption: '\\rhead{}',
+      snippet: '\\rhead{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.022782817416731292,
+    },
+    {
+      caption: '\\fancyplain{}{}',
+      snippet: '\\fancyplain{$1}{$2}',
+      meta: 'mathexam-cmd',
+      score: 0.007402339896386138,
+    },
+    {
+      caption: '\\rfoot{}',
+      snippet: '\\rfoot{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.013393817825547868,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'mathexam-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\plainheadrulewidth',
+      snippet: '\\plainheadrulewidth',
+      meta: 'mathexam-cmd',
+      score: 6.2350576842596716e-6,
+    },
+    {
+      caption: '\\baselinestretch',
+      snippet: '\\baselinestretch',
+      meta: 'mathexam-cmd',
+      score: 0.03225350148161425,
+    },
+    {
+      caption: '\\lfoot{}',
+      snippet: '\\lfoot{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.00789399846642229,
+    },
+    {
+      caption: '\\MakeUppercase{}',
+      snippet: '\\MakeUppercase{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\MakeUppercase',
+      snippet: '\\MakeUppercase',
+      meta: 'mathexam-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\fancyhf{}',
+      snippet: '\\fancyhf{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.02314618933449356,
+    },
+    {
+      caption: '\\sectionmark',
+      snippet: '\\sectionmark',
+      meta: 'mathexam-cmd',
+      score: 0.005008938879210868,
+    },
+    {
+      caption: '\\fancyhead[]{}',
+      snippet: '\\fancyhead[$1]{$2}',
+      meta: 'mathexam-cmd',
+      score: 0.039101068064744296,
+    },
+    {
+      caption: '\\fancyhead{}',
+      snippet: '\\fancyhead{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.039101068064744296,
+    },
+    {
+      caption: '\\nouppercase{}',
+      snippet: '\\nouppercase{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.006416387071584083,
+    },
+    {
+      caption: '\\nouppercase',
+      snippet: '\\nouppercase',
+      meta: 'mathexam-cmd',
+      score: 0.006416387071584083,
+    },
+    {
+      caption: '\\headrule',
+      snippet: '\\headrule',
+      meta: 'mathexam-cmd',
+      score: 0.0008327432627715623,
+    },
+    {
+      caption: '\\headrule{}',
+      snippet: '\\headrule{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.0008327432627715623,
+    },
+    {
+      caption: '\\chead{}',
+      snippet: '\\chead{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.00755042164734884,
+    },
+    {
+      caption: '\\headrulewidth',
+      snippet: '\\headrulewidth',
+      meta: 'mathexam-cmd',
+      score: 0.02268137935335823,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'mathexam-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'mathexam-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'mathexam-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'mathexam-cmd',
+      score: 0.001042697111754002,
+    },
+  ],
+  floatrow: [
+    {
+      caption: '\\floatfoot{}',
+      snippet: '\\floatfoot{$1}',
+      meta: 'floatrow-cmd',
+      score: 0.0015365464531749851,
+    },
+    {
+      caption: '\\restylefloat{}',
+      snippet: '\\restylefloat{$1}',
+      meta: 'floatrow-cmd',
+      score: 0.0008866338267686714,
+    },
+    {
+      caption: '\\floatsetup[]{}',
+      snippet: '\\floatsetup[$1]{$2}',
+      meta: 'floatrow-cmd',
+      score: 0.0005456136119914056,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'floatrow-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\DeclareCaptionJustification{}{}',
+      snippet: '\\DeclareCaptionJustification{$1}{$2}',
+      meta: 'floatrow-cmd',
+      score: 0.0001872850414971473,
+    },
+    {
+      caption: '\\DeclareCaptionLabelSeparator{}{}',
+      snippet: '\\DeclareCaptionLabelSeparator{$1}{$2}',
+      meta: 'floatrow-cmd',
+      score: 0.0003890810058478364,
+    },
+    {
+      caption: '\\DeclareCaptionFormat{}{}',
+      snippet: '\\DeclareCaptionFormat{$1}{$2}',
+      meta: 'floatrow-cmd',
+      score: 0.0004717618449370015,
+    },
+    {
+      caption: '\\DeclareCaptionFont{}{}',
+      snippet: '\\DeclareCaptionFont{$1}{$2}',
+      meta: 'floatrow-cmd',
+      score: 5.0133404990680195e-5,
+    },
+    {
+      caption: '\\DeclareCaptionSubType[]{}',
+      snippet: '\\DeclareCaptionSubType[$1]{$2}',
+      meta: 'floatrow-cmd',
+      score: 0.0001872850414971473,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'floatrow-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'floatrow-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\captionsetup{}',
+      snippet: '\\captionsetup{$1}',
+      meta: 'floatrow-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\captionsetup[]{}',
+      snippet: '\\captionsetup[$1]{$2}',
+      meta: 'floatrow-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'floatrow-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\DeclareCaptionType{}[][]',
+      snippet: '\\DeclareCaptionType{$1}[$2][$3]',
+      meta: 'floatrow-cmd',
+      score: 0.00015256647321237863,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'floatrow-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\footnote{}',
+      snippet: '\\footnote{$1}',
+      meta: 'floatrow-cmd',
+      score: 0.2253056071787701,
+    },
+    {
+      caption: '\\footnotemark[]',
+      snippet: '\\footnotemark[$1]',
+      meta: 'floatrow-cmd',
+      score: 0.021473212893597875,
+    },
+    {
+      caption: '\\footnotemark',
+      snippet: '\\footnotemark',
+      meta: 'floatrow-cmd',
+      score: 0.021473212893597875,
+    },
+  ],
+  scrpage2: [
+    {
+      caption: '\\automark[]{}',
+      snippet: '\\automark[$1]{$2}',
+      meta: 'scrpage2-cmd',
+      score: 0.0006703031783997437,
+    },
+    {
+      caption: '\\automark{}',
+      snippet: '\\automark{$1}',
+      meta: 'scrpage2-cmd',
+      score: 0.0006703031783997437,
+    },
+    {
+      caption: '\\ofoot{}',
+      snippet: '\\ofoot{$1}',
+      meta: 'scrpage2-cmd',
+      score: 0.000605620621498142,
+    },
+    {
+      caption: '\\ofoot[]{}',
+      snippet: '\\ofoot[$1]{$2}',
+      meta: 'scrpage2-cmd',
+      score: 0.000605620621498142,
+    },
+    {
+      caption: '\\ohead{}',
+      snippet: '\\ohead{$1}',
+      meta: 'scrpage2-cmd',
+      score: 0.004845161937670253,
+    },
+    {
+      caption: '\\ohead[]{}',
+      snippet: '\\ohead[$1]{$2}',
+      meta: 'scrpage2-cmd',
+      score: 0.004845161937670253,
+    },
+    {
+      caption: '\\headfont',
+      snippet: '\\headfont',
+      meta: 'scrpage2-cmd',
+      score: 0.0011116915941419892,
+    },
+    {
+      caption: '\\setheadsepline{}',
+      snippet: '\\setheadsepline{$1}',
+      meta: 'scrpage2-cmd',
+      score: 0.00023538827295624133,
+    },
+    {
+      caption: '\\clearscrheadings',
+      snippet: '\\clearscrheadings',
+      meta: 'scrpage2-cmd',
+      score: 0.0003679125016983611,
+    },
+    {
+      caption: '\\clearscrheadfoot',
+      snippet: '\\clearscrheadfoot',
+      meta: 'scrpage2-cmd',
+      score: 0.000558377093879783,
+    },
+    {
+      caption: '\\pagemark',
+      snippet: '\\pagemark',
+      meta: 'scrpage2-cmd',
+      score: 0.0017520841736604843,
+    },
+    {
+      caption: '\\chead{}',
+      snippet: '\\chead{$1}',
+      meta: 'scrpage2-cmd',
+      score: 0.00755042164734884,
+    },
+    {
+      caption: '\\clearscrplain',
+      snippet: '\\clearscrplain',
+      meta: 'scrpage2-cmd',
+      score: 0.00013252422874211978,
+    },
+    {
+      caption: '\\ifoot{}',
+      snippet: '\\ifoot{$1}',
+      meta: 'scrpage2-cmd',
+      score: 0.0003620142864171218,
+    },
+    {
+      caption: '\\ifoot[]{}',
+      snippet: '\\ifoot[$1]{$2}',
+      meta: 'scrpage2-cmd',
+      score: 0.0003620142864171218,
+    },
+    {
+      caption: '\\ihead{}',
+      snippet: '\\ihead{$1}',
+      meta: 'scrpage2-cmd',
+      score: 0.0004507603139230655,
+    },
+    {
+      caption: '\\ihead[]{}',
+      snippet: '\\ihead[$1]{$2}',
+      meta: 'scrpage2-cmd',
+      score: 0.0004507603139230655,
+    },
+    {
+      caption: '\\cfoot{}',
+      snippet: '\\cfoot{$1}',
+      meta: 'scrpage2-cmd',
+      score: 0.013411641301057813,
+    },
+  ],
+  pbox: [
+    {
+      caption: '\\pbox{}{}',
+      snippet: '\\pbox{$1}{$2}',
+      meta: 'pbox-cmd',
+      score: 0.0010883030320478486,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'pbox-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'pbox-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'pbox-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'pbox-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'pbox-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'pbox-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'pbox-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'pbox-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'pbox-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'pbox-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'pbox-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'pbox-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'pbox-cmd',
+      score: 0.028955796305270766,
+    },
+  ],
+  esint: [
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'esint-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\iint',
+      snippet: '\\iint',
+      meta: 'esint-cmd',
+      score: 0.003916494384710151,
+    },
+    {
+      caption: '\\varoiint',
+      snippet: '\\varoiint',
+      meta: 'esint-cmd',
+      score: 0.0001069175284516453,
+    },
+    {
+      caption: '\\iiint',
+      snippet: '\\iiint',
+      meta: 'esint-cmd',
+      score: 0.0010383179918633135,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'esint-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\oiint',
+      snippet: '\\oiint',
+      meta: 'esint-cmd',
+      score: 7.127835230109687e-5,
+    },
+  ],
+  algorithmicx: [
+    {
+      caption: '\\algrenewcommand',
+      snippet: '\\algrenewcommand',
+      meta: 'algorithmicx-cmd',
+      score: 0.0019861803661869416,
+    },
+    {
+      caption: '\\Statex',
+      snippet: '\\Statex',
+      meta: 'algorithmicx-cmd',
+      score: 0.008622777195102994,
+    },
+    {
+      caption: '\\BState{}',
+      snippet: '\\BState{$1}',
+      meta: 'algorithmicx-cmd',
+      score: 0.0008685861525307122,
+    },
+    {
+      caption: '\\BState',
+      snippet: '\\BState',
+      meta: 'algorithmicx-cmd',
+      score: 0.0008685861525307122,
+    },
+    {
+      caption: '\\algloopdefx{}[][]{}',
+      snippet: '\\algloopdefx{$1}[$2][$3]{$4}',
+      meta: 'algorithmicx-cmd',
+      score: 0.00025315185701145097,
+    },
+    {
+      caption: '\\algnewcommand',
+      snippet: '\\algnewcommand',
+      meta: 'algorithmicx-cmd',
+      score: 0.0030209395012065327,
+    },
+    {
+      caption: '\\algnewcommand{}[]{}',
+      snippet: '\\algnewcommand{$1}[$2]{$3}',
+      meta: 'algorithmicx-cmd',
+      score: 0.0030209395012065327,
+    },
+    {
+      caption: '\\Comment{}',
+      snippet: '\\Comment{$1}',
+      meta: 'algorithmicx-cmd',
+      score: 0.005178604573219454,
+    },
+    {
+      caption: '\\algblockdefx{}{}[]',
+      snippet: '\\algblockdefx{$1}{$2}[$3]',
+      meta: 'algorithmicx-cmd',
+      score: 0.00025315185701145097,
+    },
+    {
+      caption: '\\algrenewtext{}{}',
+      snippet: '\\algrenewtext{$1}{$2}',
+      meta: 'algorithmicx-cmd',
+      score: 0.0024415580558825975,
+    },
+    {
+      caption: '\\algrenewtext{}[]{}',
+      snippet: '\\algrenewtext{$1}[$2]{$3}',
+      meta: 'algorithmicx-cmd',
+      score: 0.0024415580558825975,
+    },
+    {
+      caption: '\\algblock{}{}',
+      snippet: '\\algblock{$1}{$2}',
+      meta: 'algorithmicx-cmd',
+      score: 0.0007916858220314837,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'algorithmicx-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\algdef{}[]{}{}{}{}',
+      snippet: '\\algdef{$1}[$2]{$3}{$4}{$5}{$6}',
+      meta: 'algorithmicx-cmd',
+      score: 0.0003102486920966127,
+    },
+    {
+      caption: '\\algdef{}[]{}{}[]{}{}',
+      snippet: '\\algdef{$1}[$2]{$3}{$4}[$5]{$6}{$7}',
+      meta: 'algorithmicx-cmd',
+      score: 0.0003102486920966127,
+    },
+    {
+      caption: '\\algdef{}[]{}[]{}',
+      snippet: '\\algdef{$1}[$2]{$3}[$4]{$5}',
+      meta: 'algorithmicx-cmd',
+      score: 0.0003102486920966127,
+    },
+    {
+      caption: '\\algtext{}',
+      snippet: '\\algtext{$1}',
+      meta: 'algorithmicx-cmd',
+      score: 0.0005463612015579842,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'algorithmicx-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'algorithmicx-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'algorithmicx-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'algorithmicx-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'algorithmicx-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'algorithmicx-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  bibentry: [
+    {
+      caption: '\\bibentry{}',
+      snippet: '\\bibentry{$1}',
+      meta: 'bibentry-cmd',
+      score: 0.002786693424998083,
+    },
+    {
+      caption: '\\url{}',
+      snippet: '\\url{$1}',
+      meta: 'bibentry-cmd',
+      score: 0.13586474005868793,
+    },
+    {
+      caption: '\\item',
+      snippet: '\\item ',
+      meta: 'bibentry-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\item[]',
+      snippet: '\\item[$1] ',
+      meta: 'bibentry-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\nobibliography',
+      snippet: '\\nobibliography',
+      meta: 'bibentry-cmd',
+      score: 0.0009870472135074372,
+    },
+    {
+      caption: '\\bibliography{}',
+      snippet: '\\bibliography{$1}',
+      meta: 'bibentry-cmd',
+      score: 0.2659628337907604,
+    },
+    {
+      caption: '\\doi{}',
+      snippet: '\\doi{$1}',
+      meta: 'bibentry-cmd',
+      score: 0.004001210811454663,
+    },
+    {
+      caption: '\\doi',
+      snippet: '\\doi',
+      meta: 'bibentry-cmd',
+      score: 0.004001210811454663,
+    },
+  ],
+  txfonts: [
+    {
+      caption: '\\sqrt{}',
+      snippet: '\\sqrt{$1}',
+      meta: 'txfonts-cmd',
+      score: 0.20240160977404634,
+    },
+  ],
+  ngerman: [
+    {
+      caption: '\\figurename',
+      snippet: '\\figurename',
+      meta: 'ngerman-cmd',
+      score: 0.008169568707145965,
+    },
+    {
+      caption: '\\figurename{}',
+      snippet: '\\figurename{$1}',
+      meta: 'ngerman-cmd',
+      score: 0.008169568707145965,
+    },
+    {
+      caption: '\\indexname',
+      snippet: '\\indexname',
+      meta: 'ngerman-cmd',
+      score: 0.0007544109314450072,
+    },
+    {
+      caption: '\\glqq',
+      snippet: '\\glqq',
+      meta: 'ngerman-cmd',
+      score: 0.0039133256714254504,
+    },
+    {
+      caption: '\\glqq{}',
+      snippet: '\\glqq{$1}',
+      meta: 'ngerman-cmd',
+      score: 0.0039133256714254504,
+    },
+    {
+      caption: '\\today',
+      snippet: '\\today',
+      meta: 'ngerman-cmd',
+      score: 0.10733849317324783,
+    },
+    {
+      caption: '\\bibname',
+      snippet: '\\bibname',
+      meta: 'ngerman-cmd',
+      score: 0.007599529252128519,
+    },
+    {
+      caption: '\\bibname{}',
+      snippet: '\\bibname{$1}',
+      meta: 'ngerman-cmd',
+      score: 0.007599529252128519,
+    },
+    {
+      caption: '\\captionsngerman{}',
+      snippet: '\\captionsngerman{$1}',
+      meta: 'ngerman-cmd',
+      score: 0.00010171098214158578,
+    },
+    {
+      caption: '\\grqq',
+      snippet: '\\grqq',
+      meta: 'ngerman-cmd',
+      score: 0.006659522189248266,
+    },
+    {
+      caption: '\\grqq{}',
+      snippet: '\\grqq{$1}',
+      meta: 'ngerman-cmd',
+      score: 0.006659522189248266,
+    },
+    {
+      caption: '\\tablename',
+      snippet: '\\tablename',
+      meta: 'ngerman-cmd',
+      score: 0.0029238994233674776,
+    },
+  ],
+  eucal: [
+    {
+      caption: '\\mathscr{}',
+      snippet: '\\mathscr{$1}',
+      meta: 'eucal-cmd',
+      score: 0.025302230226027712,
+    },
+    {
+      caption: '\\mathcal{}',
+      snippet: '\\mathcal{$1}',
+      meta: 'eucal-cmd',
+      score: 0.35084018920966636,
+    },
+  ],
+  ifluatex: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'ifluatex-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  chemfig: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'chemfig-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chemfig-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'chemfig-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'chemfig-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'chemfig-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'chemfig-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'chemfig-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'chemfig-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'chemfig-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'chemfig-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'chemfig-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chemfig-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'chemfig-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'chemfig-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'chemfig-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'chemfig-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'chemfig-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'chemfig-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'chemfig-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'chemfig-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'chemfig-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'chemfig-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'chemfig-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'chemfig-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'chemfig-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'chemfig-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'chemfig-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'chemfig-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'chemfig-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'chemfig-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'chemfig-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chemfig-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'chemfig-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'chemfig-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'chemfig-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'chemfig-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  abstract: [
+    {
+      caption: '\\abstractnamefont',
+      snippet: '\\abstractnamefont',
+      meta: 'abstract-cmd',
+      score: 6.2350576842596716e-6,
+    },
+  ],
+  'tikz-cd': [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'tikz-cd-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-cd-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikz-cd-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikz-cd-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'tikz-cd-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'tikz-cd-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'tikz-cd-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'tikz-cd-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'tikz-cd-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikz-cd-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'tikz-cd-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-cd-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'tikz-cd-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tikz-cd-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tikz-cd-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tikz-cd-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'tikz-cd-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tikz-cd-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tikz-cd-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tikz-cd-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'tikz-cd-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikz-cd-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikz-cd-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'tikz-cd-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'tikz-cd-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'tikz-cd-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'tikz-cd-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'tikz-cd-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikz-cd-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'tikz-cd-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'tikz-cd-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-cd-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'tikz-cd-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'tikz-cd-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'tikz-cd-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'tikz-cd-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  flowfram: [
+    {
+      caption: '\\framebreak',
+      snippet: '\\framebreak',
+      meta: 'flowfram-cmd',
+      score: 0.004019097827091264,
+    },
+    {
+      caption: '\\newstaticframe{}{}{}{}',
+      snippet: '\\newstaticframe{$1}{$2}{$3}{$4}',
+      meta: 'flowfram-cmd',
+      score: 0.0014762683341407986,
+    },
+    {
+      caption: '\\newflowframe{}{}{}{}[]',
+      snippet: '\\newflowframe{$1}{$2}{$3}{$4}[$5]',
+      meta: 'flowfram-cmd',
+      score: 0.002952536668281597,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'flowfram-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'flowfram-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'flowfram-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'flowfram-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'flowfram-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'flowfram-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'flowfram-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'flowfram-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'flowfram-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'flowfram-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'flowfram-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'flowfram-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'flowfram-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'flowfram-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'flowfram-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'flowfram-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'flowfram-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'flowfram-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'flowfram-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'flowfram-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'flowfram-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'flowfram-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'flowfram-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'flowfram-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'flowfram-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'flowfram-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'flowfram-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'flowfram-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'flowfram-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'flowfram-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'flowfram-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'flowfram-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'flowfram-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'flowfram-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'flowfram-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'flowfram-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'flowfram-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'flowfram-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'flowfram-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'flowfram-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\afterpage{}',
+      snippet: '\\afterpage{$1}',
+      meta: 'flowfram-cmd',
+      score: 0.0018578070791608345,
+    },
+    {
+      caption: '\\clearpage',
+      snippet: '\\clearpage',
+      meta: 'flowfram-cmd',
+      score: 0.1789117552185788,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'flowfram-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'flowfram-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'flowfram-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'flowfram-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'flowfram-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'flowfram-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  marginnote: [
+    {
+      caption: '\\marginnote{}',
+      snippet: '\\marginnote{$1}',
+      meta: 'marginnote-cmd',
+      score: 0.010285502283803235,
+    },
+    {
+      caption: '\\marginnote',
+      snippet: '\\marginnote',
+      meta: 'marginnote-cmd',
+      score: 0.010285502283803235,
+    },
+    {
+      caption: '\\raggedleftmarginnote',
+      snippet: '\\raggedleftmarginnote',
+      meta: 'marginnote-cmd',
+      score: 0.0011268470793267921,
+    },
+  ],
+  xfrac: [
+    {
+      caption: '\\sfrac{}{}',
+      snippet: '\\sfrac{$1}{$2}',
+      meta: 'xfrac-cmd',
+      score: 0.0030164694688453453,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'xfrac-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'xfrac-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'xfrac-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'xfrac-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xfrac-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'xfrac-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'xfrac-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xfrac-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'xfrac-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'xfrac-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'xfrac-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'xfrac-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'xfrac-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'xfrac-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'xfrac-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'xfrac-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'xfrac-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'xfrac-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'xfrac-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'xfrac-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xfrac-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'xfrac-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'xfrac-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'xfrac-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'xfrac-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'xfrac-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'xfrac-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'xfrac-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  shortvrb: [
+    {
+      caption: '\\MakeShortVerb{}',
+      snippet: '\\MakeShortVerb{$1}',
+      meta: 'shortvrb-cmd',
+      score: 0.0002890733176655595,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'shortvrb-cmd',
+      score: 0.009278344180101056,
+    },
+  ],
+  animate: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'animate-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'animate-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'animate-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'animate-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'animate-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'animate-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'animate-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'animate-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'animate-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'animate-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'animate-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'animate-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'animate-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'animate-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'animate-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'animate-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'animate-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'animate-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'animate-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'animate-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'animate-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'animate-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'animate-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'animate-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'animate-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'animate-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'animate-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'animate-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'animate-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'animate-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'animate-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'animate-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'animate-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'animate-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  euscript: [
+    {
+      caption: '\\mathscr{}',
+      snippet: '\\mathscr{$1}',
+      meta: 'euscript-cmd',
+      score: 0.025302230226027712,
+    },
+    {
+      caption: '\\mathcal{}',
+      snippet: '\\mathcal{$1}',
+      meta: 'euscript-cmd',
+      score: 0.35084018920966636,
+    },
+  ],
+  hhline: [
+    {
+      caption: '\\hhline{}',
+      snippet: '\\hhline{$1}',
+      meta: 'hhline-cmd',
+      score: 0.0004816338278157677,
+    },
+  ],
+  subfiles: [
+    {
+      caption: '\\documentclass[]{}',
+      snippet: '\\documentclass[$1]{$2}',
+      meta: 'subfiles-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\documentclass{}',
+      snippet: '\\documentclass{$1}',
+      meta: 'subfiles-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\subfile{}',
+      snippet: '\\subfile{$1}',
+      meta: 'subfiles-cmd',
+      score: 0.03337062633525651,
+    },
+    {
+      caption: '\\endverbatim',
+      snippet: '\\endverbatim',
+      meta: 'subfiles-cmd',
+      score: 0.0022216421267780076,
+    },
+    {
+      caption: '\\verbatim',
+      snippet: '\\verbatim',
+      meta: 'subfiles-cmd',
+      score: 0.0072203369120285256,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'subfiles-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'subfiles-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\par',
+      snippet: '\\par',
+      meta: 'subfiles-cmd',
+      score: 0.413853376001159,
+    },
+    {
+      caption: '\\verbatiminput{}',
+      snippet: '\\verbatiminput{$1}',
+      meta: 'subfiles-cmd',
+      score: 0.0024547099784948665,
+    },
+    {
+      caption: '\\verbatiminput',
+      snippet: '\\verbatiminput',
+      meta: 'subfiles-cmd',
+      score: 0.0024547099784948665,
+    },
+  ],
+  accents: [
+    {
+      caption: '\\underaccent{}{}',
+      snippet: '\\underaccent{$1}{$2}',
+      meta: 'accents-cmd',
+      score: 0.00109513727836357,
+    },
+  ],
+  theorem: [
+    {
+      caption: '\\theorembodyfont{}',
+      snippet: '\\theorembodyfont{$1}',
+      meta: 'theorem-cmd',
+      score: 0.00047103366488576113,
+    },
+  ],
+  metalogo: [
+    {
+      caption: '\\XeTeX',
+      snippet: '\\XeTeX',
+      meta: 'metalogo-cmd',
+      score: 0.0010635559050357936,
+    },
+    {
+      caption: '\\TeX',
+      snippet: '\\TeX',
+      meta: 'metalogo-cmd',
+      score: 0.02873756018238537,
+    },
+    {
+      caption: '\\TeX{}',
+      snippet: '\\TeX{$1}',
+      meta: 'metalogo-cmd',
+      score: 0.02873756018238537,
+    },
+    {
+      caption: '\\LaTeX',
+      snippet: '\\LaTeX',
+      meta: 'metalogo-cmd',
+      score: 0.2334089308452787,
+    },
+    {
+      caption: '\\LaTeX{}',
+      snippet: '\\LaTeX{$1}',
+      meta: 'metalogo-cmd',
+      score: 0.2334089308452787,
+    },
+    {
+      caption: '\\XeLaTeX',
+      snippet: '\\XeLaTeX',
+      meta: 'metalogo-cmd',
+      score: 0.002009786035379175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'metalogo-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'metalogo-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'metalogo-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'metalogo-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'metalogo-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'metalogo-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'metalogo-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'metalogo-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'metalogo-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'metalogo-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'metalogo-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'metalogo-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'metalogo-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'metalogo-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'metalogo-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'metalogo-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'metalogo-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'metalogo-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'metalogo-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'metalogo-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'metalogo-cmd',
+      score: 0.004719094298848707,
+    },
+  ],
+  bookmark: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bookmark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\pdfbookmark[]{}{}',
+      snippet: '\\pdfbookmark[$1]{$2}{$3}',
+      meta: 'bookmark-cmd',
+      score: 0.006492248863367502,
+    },
+    {
+      caption: '\\bookmarkget{}',
+      snippet: '\\bookmarkget{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.00026847053008917257,
+    },
+    {
+      caption: '\\bookmarksetup{}',
+      snippet: '\\bookmarksetup{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.001134118016265821,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'bookmark-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'bookmark-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'bookmark-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\AtBeginShipout{}',
+      snippet: '\\AtBeginShipout{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.00047530324346933345,
+    },
+    {
+      caption: '\\AtBeginShipoutNext{}',
+      snippet: '\\AtBeginShipoutNext{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.0005277905480209891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bookmark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\UrlBreaks{}',
+      snippet: '\\UrlBreaks{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.001030592515645366,
+    },
+    {
+      caption: '\\UrlBreaks',
+      snippet: '\\UrlBreaks',
+      meta: 'bookmark-cmd',
+      score: 0.001030592515645366,
+    },
+    {
+      caption: '\\Url',
+      snippet: '\\Url',
+      meta: 'bookmark-cmd',
+      score: 0.0002854206807593436,
+    },
+    {
+      caption: '\\UrlOrds{}',
+      snippet: '\\UrlOrds{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.0006882563723629154,
+    },
+    {
+      caption: '\\UrlOrds',
+      snippet: '\\UrlOrds',
+      meta: 'bookmark-cmd',
+      score: 0.0006882563723629154,
+    },
+    {
+      caption: '\\urlstyle{}',
+      snippet: '\\urlstyle{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.010515056688180681,
+    },
+    {
+      caption: '\\urldef{}',
+      snippet: '\\urldef{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.008041789461944983,
+    },
+    {
+      caption: '\\UrlBigBreaks{}',
+      snippet: '\\UrlBigBreaks{$1}',
+      meta: 'bookmark-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\UrlFont{}',
+      snippet: '\\UrlFont{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.0032990580087398644,
+    },
+    {
+      caption: '\\UrlSpecials{}',
+      snippet: '\\UrlSpecials{$1}',
+      meta: 'bookmark-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\UrlNoBreaks',
+      snippet: '\\UrlNoBreaks',
+      meta: 'bookmark-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\nameref{}',
+      snippet: '\\nameref{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.009472569279662113,
+    },
+    {
+      caption: '\\pdfbookmark[]{}{}',
+      snippet: '\\pdfbookmark[$1]{$2}{$3}',
+      meta: 'bookmark-cmd',
+      score: 0.006492248863367502,
+    },
+    {
+      caption: '\\figureautorefname',
+      snippet: '\\figureautorefname',
+      meta: 'bookmark-cmd',
+      score: 0.00014582556188448738,
+    },
+    {
+      caption: '\\figureautorefname{}',
+      snippet: '\\figureautorefname{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.00014582556188448738,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'bookmark-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'bookmark-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\footnoteautorefname',
+      snippet: '\\footnoteautorefname',
+      meta: 'bookmark-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\roman{}',
+      snippet: '\\roman{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.005553384455935491,
+    },
+    {
+      caption: '\\roman',
+      snippet: '\\roman',
+      meta: 'bookmark-cmd',
+      score: 0.005553384455935491,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'bookmark-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\MakeLowercase{}',
+      snippet: '\\MakeLowercase{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.017289599800633146,
+    },
+    {
+      caption: '\\textunderscore',
+      snippet: '\\textunderscore',
+      meta: 'bookmark-cmd',
+      score: 0.001509072212764015,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'bookmark-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\begin{}',
+      snippet: '\\begin{$1}',
+      meta: 'bookmark-cmd',
+      score: 7.849662248028187,
+    },
+    {
+      caption: '\\begin{}[]',
+      snippet: '\\begin{$1}[$2]',
+      meta: 'bookmark-cmd',
+      score: 7.849662248028187,
+    },
+    {
+      caption: '\\begin{}{}',
+      snippet: '\\begin{$1}{$2}',
+      meta: 'bookmark-cmd',
+      score: 7.849662248028187,
+    },
+    {
+      caption: '\\FancyVerbLineautorefname',
+      snippet: '\\FancyVerbLineautorefname',
+      meta: 'bookmark-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\hyperlink{}{}',
+      snippet: '\\hyperlink{$1}{$2}',
+      meta: 'bookmark-cmd',
+      score: 0.00978652043902115,
+    },
+    {
+      caption: '\\tableautorefname',
+      snippet: '\\tableautorefname',
+      meta: 'bookmark-cmd',
+      score: 0.00012704528567339081,
+    },
+    {
+      caption: '\\tableautorefname{}',
+      snippet: '\\tableautorefname{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.00012704528567339081,
+    },
+    {
+      caption: '\\equationautorefname',
+      snippet: '\\equationautorefname',
+      meta: 'bookmark-cmd',
+      score: 0.00018777198999871106,
+    },
+    {
+      caption: '\\equationautorefname{}',
+      snippet: '\\equationautorefname{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.00018777198999871106,
+    },
+    {
+      caption: '\\chapterautorefname',
+      snippet: '\\chapterautorefname',
+      meta: 'bookmark-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\TeX',
+      snippet: '\\TeX',
+      meta: 'bookmark-cmd',
+      score: 0.02873756018238537,
+    },
+    {
+      caption: '\\TeX{}',
+      snippet: '\\TeX{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.02873756018238537,
+    },
+    {
+      caption: '\\protect',
+      snippet: '\\protect',
+      meta: 'bookmark-cmd',
+      score: 0.0200686676229443,
+    },
+    {
+      caption: '\\appendixautorefname',
+      snippet: '\\appendixautorefname',
+      meta: 'bookmark-cmd',
+      score: 7.950698053641679e-5,
+    },
+    {
+      caption: '\\appendixautorefname{}',
+      snippet: '\\appendixautorefname{$1}',
+      meta: 'bookmark-cmd',
+      score: 7.950698053641679e-5,
+    },
+    {
+      caption: '\\newlabel{}{}',
+      snippet: '\\newlabel{$1}{$2}',
+      meta: 'bookmark-cmd',
+      score: 0.00029737672328168955,
+    },
+    {
+      caption: '\\texorpdfstring{}{}',
+      snippet: '\\texorpdfstring{$1}{$2}',
+      meta: 'bookmark-cmd',
+      score: 0.0073781967296121,
+    },
+    {
+      caption: '\\refstepcounter{}',
+      snippet: '\\refstepcounter{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.002140559856649122,
+    },
+    {
+      caption: '\\alph',
+      snippet: '\\alph',
+      meta: 'bookmark-cmd',
+      score: 0.01034327266194849,
+    },
+    {
+      caption: '\\alph{}',
+      snippet: '\\alph{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.01034327266194849,
+    },
+    {
+      caption: '\\pageref{}',
+      snippet: '\\pageref{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.019788865471151957,
+    },
+    {
+      caption: '\\item',
+      snippet: '\\item ',
+      meta: 'bookmark-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\item[]',
+      snippet: '\\item[$1] ',
+      meta: 'bookmark-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\LaTeX',
+      snippet: '\\LaTeX',
+      meta: 'bookmark-cmd',
+      score: 0.2334089308452787,
+    },
+    {
+      caption: '\\LaTeX{}',
+      snippet: '\\LaTeX{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.2334089308452787,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bookmark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\itemautorefname',
+      snippet: '\\itemautorefname',
+      meta: 'bookmark-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\caption{}',
+      snippet: '\\caption{$1}',
+      meta: 'bookmark-cmd',
+      score: 1.2569477427490174,
+    },
+    {
+      caption: '\\sectionautorefname',
+      snippet: '\\sectionautorefname',
+      meta: 'bookmark-cmd',
+      score: 0.0019832324299155183,
+    },
+    {
+      caption: '\\sectionautorefname{}',
+      snippet: '\\sectionautorefname{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.0019832324299155183,
+    },
+    {
+      caption: '\\LaTeXe',
+      snippet: '\\LaTeXe',
+      meta: 'bookmark-cmd',
+      score: 0.007928096378157487,
+    },
+    {
+      caption: '\\LaTeXe{}',
+      snippet: '\\LaTeXe{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.007928096378157487,
+    },
+    {
+      caption: '\\footref{}',
+      snippet: '\\footref{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.0003680857021151614,
+    },
+    {
+      caption: '\\footref',
+      snippet: '\\footref',
+      meta: 'bookmark-cmd',
+      score: 0.0003680857021151614,
+    },
+    {
+      caption: '\\hypertarget{}{}',
+      snippet: '\\hypertarget{$1}{$2}',
+      meta: 'bookmark-cmd',
+      score: 0.009652820108904094,
+    },
+    {
+      caption: '\\theoremautorefname',
+      snippet: '\\theoremautorefname',
+      meta: 'bookmark-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\maketitle',
+      snippet: '\\maketitle',
+      meta: 'bookmark-cmd',
+      score: 0.7504160124360846,
+    },
+    {
+      caption: '\\subparagraphautorefname',
+      snippet: '\\subparagraphautorefname',
+      meta: 'bookmark-cmd',
+      score: 0.0005446476945175932,
+    },
+    {
+      caption: '\\url{}',
+      snippet: '\\url{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.13586474005868793,
+    },
+    {
+      caption: '\\author{}',
+      snippet: '\\author{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.8973590434087177,
+    },
+    {
+      caption: '\\author[]{}',
+      snippet: '\\author[$1]{$2}',
+      meta: 'bookmark-cmd',
+      score: 0.8973590434087177,
+    },
+    {
+      caption: '\\href{}{}',
+      snippet: '\\href{$1}{$2}',
+      meta: 'bookmark-cmd',
+      score: 0.27111130260612365,
+    },
+    {
+      caption: '\\Roman{}',
+      snippet: '\\Roman{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.0038703587462843594,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'bookmark-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\autoref{}',
+      snippet: '\\autoref{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.03741172773691362,
+    },
+    {
+      caption: '\\nolinkurl{}',
+      snippet: '\\nolinkurl{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.0004995635515943437,
+    },
+    {
+      caption: '\\end{}',
+      snippet: '\\end{$1}',
+      meta: 'bookmark-cmd',
+      score: 7.847906405228455,
+    },
+    {
+      caption: '\\phantomsection',
+      snippet: '\\phantomsection',
+      meta: 'bookmark-cmd',
+      score: 0.0174633138331273,
+    },
+    {
+      caption: '\\MakeUppercase{}',
+      snippet: '\\MakeUppercase{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\MakeUppercase',
+      snippet: '\\MakeUppercase',
+      meta: 'bookmark-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\partautorefname',
+      snippet: '\\partautorefname',
+      meta: 'bookmark-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\Itemautorefname{}',
+      snippet: '\\Itemautorefname{$1}',
+      meta: 'bookmark-cmd',
+      score: 6.006262128895586e-5,
+    },
+    {
+      caption: '\\halign{}',
+      snippet: '\\halign{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.00017906650306643613,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'bookmark-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\ref{}',
+      snippet: '\\ref{$1}',
+      meta: 'bookmark-cmd',
+      score: 1.4380093454211778,
+    },
+    {
+      caption: '\\Alph{}',
+      snippet: '\\Alph{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.002233258780143355,
+    },
+    {
+      caption: '\\Alph',
+      snippet: '\\Alph',
+      meta: 'bookmark-cmd',
+      score: 0.002233258780143355,
+    },
+    {
+      caption: '\\appendix',
+      snippet: '\\appendix',
+      meta: 'bookmark-cmd',
+      score: 0.047007158741781095,
+    },
+    {
+      caption: '\\MP',
+      snippet: '\\MP',
+      meta: 'bookmark-cmd',
+      score: 0.00018344383742255004,
+    },
+    {
+      caption: '\\MP{}',
+      snippet: '\\MP{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.00018344383742255004,
+    },
+    {
+      caption: '\\paragraphautorefname',
+      snippet: '\\paragraphautorefname',
+      meta: 'bookmark-cmd',
+      score: 0.0005446476945175932,
+    },
+    {
+      caption: '\\citeN{}',
+      snippet: '\\citeN{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.0018503938529945614,
+    },
+    {
+      caption: '\\citeN',
+      snippet: '\\citeN',
+      meta: 'bookmark-cmd',
+      score: 0.0018503938529945614,
+    },
+    {
+      caption: '\\addcontentsline{}{}{}',
+      snippet: '\\addcontentsline{$1}{$2}{$3}',
+      meta: 'bookmark-cmd',
+      score: 0.07503475348393239,
+    },
+    {
+      caption: '\\subsectionautorefname',
+      snippet: '\\subsectionautorefname',
+      meta: 'bookmark-cmd',
+      score: 0.0012546605780895737,
+    },
+    {
+      caption: '\\subsectionautorefname{}',
+      snippet: '\\subsectionautorefname{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.0012546605780895737,
+    },
+    {
+      caption: '\\hyperref[]{}',
+      snippet: '\\hyperref[$1]{$2}',
+      meta: 'bookmark-cmd',
+      score: 0.004515152477030062,
+    },
+    {
+      caption: '\\arabic{}',
+      snippet: '\\arabic{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.02445837629741638,
+    },
+    {
+      caption: '\\arabic',
+      snippet: '\\arabic',
+      meta: 'bookmark-cmd',
+      score: 0.02445837629741638,
+    },
+    {
+      caption: '\\newline',
+      snippet: '\\newline',
+      meta: 'bookmark-cmd',
+      score: 0.3311721696201715,
+    },
+    {
+      caption: '\\hypersetup{}',
+      snippet: '\\hypersetup{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.06967310843464661,
+    },
+    {
+      caption: '\\subsubsectionautorefname',
+      snippet: '\\subsubsectionautorefname',
+      meta: 'bookmark-cmd',
+      score: 0.0012064581899162352,
+    },
+    {
+      caption: '\\subsubsectionautorefname{}',
+      snippet: '\\subsubsectionautorefname{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.0012064581899162352,
+    },
+    {
+      caption: '\\title{}',
+      snippet: '\\title{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.9202908262245683,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bookmark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'bookmark-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'bookmark-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bookmark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'bookmark-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bookmark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bookmark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'bookmark-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bookmark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'bookmark-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'bookmark-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'bookmark-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'bookmark-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bookmark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bookmark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'bookmark-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'bookmark-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bookmark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bookmark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'bookmark-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'bookmark-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'bookmark-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bookmark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'bookmark-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'bookmark-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bookmark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'bookmark-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\check{}',
+      snippet: '\\check{$1}',
+      meta: 'bookmark-cmd',
+      score: 0.0058342578961340175,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'bookmark-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bookmark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'bookmark-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bookmark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'bookmark-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bookmark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'bookmark-cmd',
+      score: 0.00530510025314411,
+    },
+  ],
+  anysize: [
+    {
+      caption: '\\marginsize{}{}{}{}',
+      snippet: '\\marginsize{$1}{$2}{$3}{$4}',
+      meta: 'anysize-cmd',
+      score: 0.0012034744434699038,
+    },
+  ],
+  diagbox: [
+    {
+      caption: '\\diagbox[]{}{}',
+      snippet: '\\diagbox[$1]{$2}{$3}',
+      meta: 'diagbox-cmd',
+      score: 2.2176553306779127e-5,
+    },
+    {
+      caption: '\\backslashbox{}{}',
+      snippet: '\\backslashbox{$1}{$2}',
+      meta: 'diagbox-cmd',
+      score: 0.0005060776550832729,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'diagbox-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\Line',
+      snippet: '\\Line',
+      meta: 'diagbox-cmd',
+      score: 0.0006078790177929149,
+    },
+    {
+      caption: '\\polygon',
+      snippet: '\\polygon',
+      meta: 'diagbox-cmd',
+      score: 0.0008987552240147395,
+    },
+    {
+      caption: '\\line',
+      snippet: '\\line',
+      meta: 'diagbox-cmd',
+      score: 0.014519741542622297,
+    },
+    {
+      caption: '\\polyline',
+      snippet: '\\polyline',
+      meta: 'diagbox-cmd',
+      score: 0.00022468880600368487,
+    },
+    {
+      caption: '\\vector',
+      snippet: '\\vector',
+      meta: 'diagbox-cmd',
+      score: 0.002970308722584179,
+    },
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'diagbox-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'diagbox-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'diagbox-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'diagbox-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'diagbox-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'diagbox-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'diagbox-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'diagbox-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'diagbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'diagbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'diagbox-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'diagbox-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'diagbox-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'diagbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'diagbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'diagbox-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'diagbox-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'diagbox-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'diagbox-cmd',
+      score: 0.028955796305270766,
+    },
+  ],
+  commath: [
+    {
+      caption: '\\dod{}{}',
+      snippet: '\\dod{$1}{$2}',
+      meta: 'commath-cmd',
+      score: 7.950032807135384e-5,
+    },
+    {
+      caption: '\\dpd{}{}',
+      snippet: '\\dpd{$1}{$2}',
+      meta: 'commath-cmd',
+      score: 0.00022966761442835552,
+    },
+    {
+      caption: '\\dpd[]{}{}',
+      snippet: '\\dpd[$1]{$2}{$3}',
+      meta: 'commath-cmd',
+      score: 0.00022966761442835552,
+    },
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'commath-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'commath-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'commath-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\longmapsto',
+      snippet: '\\longmapsto',
+      meta: 'commath-cmd',
+      score: 0.0017755897148012264,
+    },
+    {
+      caption: '\\Check{}',
+      snippet: '\\Check{$1}',
+      meta: 'commath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'commath-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'commath-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'commath-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\And',
+      snippet: '\\And',
+      meta: 'commath-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\And{}',
+      snippet: '\\And{$1}',
+      meta: 'commath-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'commath-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\boxed{}',
+      snippet: '\\boxed{$1}',
+      meta: 'commath-cmd',
+      score: 0.0035536135737312827,
+    },
+    {
+      caption: '\\Ddot{}',
+      snippet: '\\Ddot{$1}',
+      meta: 'commath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ignorespacesafterend',
+      snippet: '\\ignorespacesafterend',
+      meta: 'commath-cmd',
+      score: 0.0010893680553454854,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'commath-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\Breve{}',
+      snippet: '\\Breve{$1}',
+      meta: 'commath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'commath-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\over{}',
+      snippet: '\\over{$1}',
+      meta: 'commath-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\over',
+      snippet: '\\over',
+      meta: 'commath-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\bigotimes',
+      snippet: '\\bigotimes',
+      meta: 'commath-cmd',
+      score: 0.000984722260624791,
+    },
+    {
+      caption: '\\bigoplus',
+      snippet: '\\bigoplus',
+      meta: 'commath-cmd',
+      score: 0.0011508785476242003,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'commath-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\bigcap',
+      snippet: '\\bigcap',
+      meta: 'commath-cmd',
+      score: 0.005709261168797874,
+    },
+    {
+      caption: '\\xrightarrow{}',
+      snippet: '\\xrightarrow{$1}',
+      meta: 'commath-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\xrightarrow[]{}',
+      snippet: '\\xrightarrow[$1]{$2}',
+      meta: 'commath-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\atop',
+      snippet: '\\atop',
+      meta: 'commath-cmd',
+      score: 0.0006518541515279979,
+    },
+    {
+      caption: '\\dfrac{}{}',
+      snippet: '\\dfrac{$1}{$2}',
+      meta: 'commath-cmd',
+      score: 0.05397545277891961,
+    },
+    {
+      caption: '\\pmod',
+      snippet: '\\pmod',
+      meta: 'commath-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\pmod{}',
+      snippet: '\\pmod{$1}',
+      meta: 'commath-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\notag',
+      snippet: '\\notag',
+      meta: 'commath-cmd',
+      score: 0.00322520920930312,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'commath-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\Vec{}',
+      snippet: '\\Vec{$1}',
+      meta: 'commath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\bigvee',
+      snippet: '\\bigvee',
+      meta: 'commath-cmd',
+      score: 0.0011677288242806726,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'commath-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\hookrightarrow',
+      snippet: '\\hookrightarrow',
+      meta: 'commath-cmd',
+      score: 0.0015607282046545064,
+    },
+    {
+      caption: '\\bigsqcup',
+      snippet: '\\bigsqcup',
+      meta: 'commath-cmd',
+      score: 0.0003468284144579442,
+    },
+    {
+      caption: '\\hookleftarrow',
+      snippet: '\\hookleftarrow',
+      meta: 'commath-cmd',
+      score: 0.0016498799924012809,
+    },
+    {
+      caption: '\\Dot{}',
+      snippet: '\\Dot{$1}',
+      meta: 'commath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\dots',
+      snippet: '\\dots',
+      meta: 'commath-cmd',
+      score: 0.0847414497955395,
+    },
+    {
+      caption: '\\genfrac{}{}{}{}{}{}',
+      snippet: '\\genfrac{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'commath-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\genfrac',
+      snippet: '\\genfrac',
+      meta: 'commath-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\cfrac{}{}',
+      snippet: '\\cfrac{$1}{$2}',
+      meta: 'commath-cmd',
+      score: 0.006765684097139381,
+    },
+    {
+      caption: '\\Acute{}',
+      snippet: '\\Acute{$1}',
+      meta: 'commath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ldots',
+      snippet: '\\ldots',
+      meta: 'commath-cmd',
+      score: 0.11585556755884258,
+    },
+    {
+      caption: '\\coprod',
+      snippet: '\\coprod',
+      meta: 'commath-cmd',
+      score: 0.00011383372700282614,
+    },
+    {
+      caption: '\\impliedby',
+      snippet: '\\impliedby',
+      meta: 'commath-cmd',
+      score: 2.3482915591834053e-5,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'commath-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\idotsint',
+      snippet: '\\idotsint',
+      meta: 'commath-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\Longrightarrow',
+      snippet: '\\Longrightarrow',
+      meta: 'commath-cmd',
+      score: 0.002459139437356601,
+    },
+    {
+      caption: '\\allowdisplaybreaks',
+      snippet: '\\allowdisplaybreaks',
+      meta: 'commath-cmd',
+      score: 0.005931777024772073,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'commath-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\mod',
+      snippet: '\\mod',
+      meta: 'commath-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\mod{}',
+      snippet: '\\mod{$1}',
+      meta: 'commath-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'commath-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'commath-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'commath-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\underset{}{}',
+      snippet: '\\underset{$1}{$2}',
+      meta: 'commath-cmd',
+      score: 0.012799893214578391,
+    },
+    {
+      caption: '\\dotsc',
+      snippet: '\\dotsc',
+      meta: 'commath-cmd',
+      score: 0.0008555101484119994,
+    },
+    {
+      caption: '\\doteq',
+      snippet: '\\doteq',
+      meta: 'commath-cmd',
+      score: 3.164631070474435e-5,
+    },
+    {
+      caption: '\\leftroot{}',
+      snippet: '\\leftroot{$1}',
+      meta: 'commath-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\substack{}',
+      snippet: '\\substack{$1}',
+      meta: 'commath-cmd',
+      score: 0.0037482529712850755,
+    },
+    {
+      caption: '\\Hat{}',
+      snippet: '\\Hat{$1}',
+      meta: 'commath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'commath-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\mspace{}',
+      snippet: '\\mspace{$1}',
+      meta: 'commath-cmd',
+      score: 3.423236656565836e-5,
+    },
+    {
+      caption: '\\Bar{}',
+      snippet: '\\Bar{$1}',
+      meta: 'commath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\Grave{}',
+      snippet: '\\Grave{$1}',
+      meta: 'commath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'commath-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\tbinom',
+      snippet: '\\tbinom',
+      meta: 'commath-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\dotsi',
+      snippet: '\\dotsi',
+      meta: 'commath-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\bigwedge',
+      snippet: '\\bigwedge',
+      meta: 'commath-cmd',
+      score: 0.000347742918592393,
+    },
+    {
+      caption: '\\sideset{}{}',
+      snippet: '\\sideset{$1}{$2}',
+      meta: 'commath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\smash{}',
+      snippet: '\\smash{$1}',
+      meta: 'commath-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\smash[]{}',
+      snippet: '\\smash[$1]{$2}',
+      meta: 'commath-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\colon',
+      snippet: '\\colon',
+      meta: 'commath-cmd',
+      score: 0.005300291684408929,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'commath-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\Longleftarrow',
+      snippet: '\\Longleftarrow',
+      meta: 'commath-cmd',
+      score: 8.477207854183949e-5,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'commath-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\AmS',
+      snippet: '\\AmS',
+      meta: 'commath-cmd',
+      score: 0.00047859486202980376,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'commath-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\tfrac{}{}',
+      snippet: '\\tfrac{$1}{$2}',
+      meta: 'commath-cmd',
+      score: 0.0005923542426657187,
+    },
+    {
+      caption: '\\uproot{}',
+      snippet: '\\uproot{$1}',
+      meta: 'commath-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\bmod',
+      snippet: '\\bmod',
+      meta: 'commath-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\bmod{}',
+      snippet: '\\bmod{$1}',
+      meta: 'commath-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\pod{}',
+      snippet: '\\pod{$1}',
+      meta: 'commath-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'commath-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\longrightarrow',
+      snippet: '\\longrightarrow',
+      meta: 'commath-cmd',
+      score: 0.013399422292458848,
+    },
+    {
+      caption: '\\xleftarrow[]{}',
+      snippet: '\\xleftarrow[$1]{$2}',
+      meta: 'commath-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\xleftarrow{}',
+      snippet: '\\xleftarrow{$1}',
+      meta: 'commath-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\mathaccentV',
+      snippet: '\\mathaccentV',
+      meta: 'commath-cmd',
+      score: 6.216218551413489e-5,
+    },
+    {
+      caption: '\\hdotsfor{}',
+      snippet: '\\hdotsfor{$1}',
+      meta: 'commath-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\hdotsfor[]{}',
+      snippet: '\\hdotsfor[$1]{$2}',
+      meta: 'commath-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'commath-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'commath-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\overset{}{}',
+      snippet: '\\overset{$1}{$2}',
+      meta: 'commath-cmd',
+      score: 0.007611544955294224,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'commath-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\longleftrightarrow',
+      snippet: '\\longleftrightarrow',
+      meta: 'commath-cmd',
+      score: 0.0002851769278703356,
+    },
+    {
+      caption: '\\Longleftrightarrow',
+      snippet: '\\Longleftrightarrow',
+      meta: 'commath-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\Longleftrightarrow{}',
+      snippet: '\\Longleftrightarrow{$1}',
+      meta: 'commath-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\binom{}{}',
+      snippet: '\\binom{$1}{$2}',
+      meta: 'commath-cmd',
+      score: 0.013010882180364367,
+    },
+    {
+      caption: '\\longleftarrow',
+      snippet: '\\longleftarrow',
+      meta: 'commath-cmd',
+      score: 0.0011096532692473691,
+    },
+    {
+      caption: '\\dbinom{}{}',
+      snippet: '\\dbinom{$1}{$2}',
+      meta: 'commath-cmd',
+      score: 0.006800272303210672,
+    },
+    {
+      caption: '\\Tilde{}',
+      snippet: '\\Tilde{$1}',
+      meta: 'commath-cmd',
+      score: 7.874446783586035e-5,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'commath-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'commath-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'commath-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'commath-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'commath-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'commath-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'commath-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'commath-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'commath-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'commath-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'commath-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'commath-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'commath-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'commath-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'commath-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'commath-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'commath-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'commath-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'commath-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'commath-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'commath-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'commath-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'commath-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'commath-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'commath-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'commath-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'commath-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'commath-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'commath-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'commath-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'commath-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'commath-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'commath-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'commath-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'commath-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'commath-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'commath-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'commath-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'commath-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'commath-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'commath-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'commath-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'commath-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'commath-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'commath-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'commath-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'commath-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'commath-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'commath-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'commath-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'commath-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'commath-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'commath-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'commath-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'commath-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'commath-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'commath-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'commath-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'commath-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'commath-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'commath-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'commath-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'commath-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'commath-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'commath-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  breqn: [
+    {
+      caption: '\\biggl',
+      snippet: '\\biggl',
+      meta: 'breqn-cmd',
+      score: 0.0016066581118686831,
+    },
+    {
+      caption: '\\biggl[]',
+      snippet: '\\biggl[$1]',
+      meta: 'breqn-cmd',
+      score: 0.0016066581118686831,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'breqn-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'breqn-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\end{}',
+      snippet: '\\end{$1}',
+      meta: 'breqn-cmd',
+      score: 7.847906405228455,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'breqn-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'breqn-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'breqn-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'breqn-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'breqn-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'breqn-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'breqn-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'breqn-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'breqn-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'breqn-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'breqn-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'breqn-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'breqn-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'breqn-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  ClearSans: [
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'ClearSans-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'ClearSans-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  ccicons: [
+    {
+      caption: '\\ccbynd',
+      snippet: '\\ccbynd',
+      meta: 'ccicons-cmd',
+      score: 0.0002103469673225986,
+    },
+    {
+      caption: '\\ccbysa',
+      snippet: '\\ccbysa',
+      meta: 'ccicons-cmd',
+      score: 0.00016986782584471025,
+    },
+  ],
+  varioref: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'varioref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\vref',
+      snippet: '\\vref{$1}',
+      meta: 'vref-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  SIunits: [
+    {
+      caption: '\\micro',
+      snippet: '\\micro',
+      meta: 'SIunits-cmd',
+      score: 0.011051971930487929,
+    },
+    {
+      caption: '\\meter',
+      snippet: '\\meter',
+      meta: 'SIunits-cmd',
+      score: 0.012499244923238213,
+    },
+    {
+      caption: '\\cdot',
+      snippet: '\\cdot',
+      meta: 'SIunits-cmd',
+      score: 0.23029085545522762,
+    },
+    {
+      caption: '\\degreecelsius',
+      snippet: '\\degreecelsius',
+      meta: 'SIunits-cmd',
+      score: 0.002130669712103909,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'SIunits-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'SIunits-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'SIunits-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'SIunits-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'SIunits-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'SIunits-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  alltt: [
+    {
+      caption: '\\par',
+      snippet: '\\par',
+      meta: 'alltt-cmd',
+      score: 0.413853376001159,
+    },
+  ],
+  fancyvrb: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'fancyvrb-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'fancyvrb-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\refstepcounter{}',
+      snippet: '\\refstepcounter{$1}',
+      meta: 'fancyvrb-cmd',
+      score: 0.002140559856649122,
+    },
+    {
+      caption: '\\VerbatimEnvironment',
+      snippet: '\\VerbatimEnvironment',
+      meta: 'fancyvrb-cmd',
+      score: 4.5350034239275855e-5,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'fancyvrb-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\fvset{}',
+      snippet: '\\fvset{$1}',
+      meta: 'fancyvrb-cmd',
+      score: 0.00015476887282479622,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'fancyvrb-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  textgreek: [
+    {
+      caption: '\\temp',
+      snippet: '\\temp',
+      meta: 'textgreek-cmd',
+      score: 0.0003566413345844499,
+    },
+    {
+      caption: '\\temp{}',
+      snippet: '\\temp{$1}',
+      meta: 'textgreek-cmd',
+      score: 0.0003566413345844499,
+    },
+  ],
+  endnotes: [
+    {
+      caption: '\\endnote',
+      snippet: '\\endnote',
+      meta: 'endnotes-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\theendnotes',
+      snippet: '\\theendnotes',
+      meta: 'endnotes-cmd',
+      score: 0.0002788252334941383,
+    },
+  ],
+  leading: [
+    {
+      caption: '\\leading{}',
+      snippet: '\\leading{$1}',
+      meta: 'leading-cmd',
+      score: 0.00029077374894594517,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'leading-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'leading-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'leading-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'leading-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'leading-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'leading-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'leading-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'leading-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'leading-cmd',
+      score: 0.028955796305270766,
+    },
+  ],
+  esvect: [
+    {
+      caption: '\\vv',
+      snippet: '\\vv',
+      meta: 'esvect-cmd',
+      score: 0.003087420708479709,
+    },
+    {
+      caption: '\\vv{}',
+      snippet: '\\vv{$1}',
+      meta: 'esvect-cmd',
+      score: 0.003087420708479709,
+    },
+  ],
+  lettrine: [
+    {
+      caption: '\\LettrineFontHook',
+      snippet: '\\LettrineFontHook',
+      meta: 'lettrine-cmd',
+      score: 9.103413871235853e-5,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'lettrine-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'lettrine-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'lettrine-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\lettrine[]{}{}',
+      snippet: '\\lettrine[$1]{$2}{$3}',
+      meta: 'lettrine-cmd',
+      score: 0.0028028146688245602,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'lettrine-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  pgfopts: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfopts-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfopts-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  tabulary: [
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'tabulary-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'tabulary-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tabulary-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tabulary-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'tabulary-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'tabulary-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'tabulary-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'tabulary-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'tabulary-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tabulary-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'tabulary-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'tabulary-cmd',
+      score: 0.018615449342361392,
+    },
+  ],
+  grffile: [
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'grffile-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'grffile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'grffile-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'grffile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'grffile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'grffile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'grffile-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'grffile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'grffile-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'grffile-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'grffile-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'grffile-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'grffile-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'grffile-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'grffile-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'grffile-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'grffile-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'grffile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'grffile-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'grffile-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'grffile-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'grffile-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'grffile-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'grffile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'grffile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'grffile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'grffile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'grffile-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'grffile-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  pgfgantt: [
+    {
+      caption: '\\gantttitlecalendar{}',
+      snippet: '\\gantttitlecalendar{$1}',
+      meta: 'pgfgantt-cmd',
+      score: 0.00027821409061195467,
+    },
+    {
+      caption: '\\ganttset{}',
+      snippet: '\\ganttset{$1}',
+      meta: 'pgfgantt-cmd',
+      score: 0.0002492292297037303,
+    },
+    {
+      caption: '\\gantttitlelist[]{}{}',
+      snippet: '\\gantttitlelist[$1]{$2}{$3}',
+      meta: 'pgfgantt-cmd',
+      score: 0.00046430963549633653,
+    },
+    {
+      caption: '\\gantttitlelist{}{}',
+      snippet: '\\gantttitlelist{$1}{$2}',
+      meta: 'pgfgantt-cmd',
+      score: 0.00046430963549633653,
+    },
+    {
+      caption: '\\ganttlink[]{}{}',
+      snippet: '\\ganttlink[$1]{$2}{$3}',
+      meta: 'pgfgantt-cmd',
+      score: 0.0011494045501518014,
+    },
+    {
+      caption: '\\newganttchartelement{}{}',
+      snippet: '\\newganttchartelement{$1}{$2}',
+      meta: 'pgfgantt-cmd',
+      score: 0.00023651453263545777,
+    },
+    {
+      caption: '\\gantttitle{}{}',
+      snippet: '\\gantttitle{$1}{$2}',
+      meta: 'pgfgantt-cmd',
+      score: 0.001804531670553746,
+    },
+    {
+      caption: '\\gantttitle[]{}{}',
+      snippet: '\\gantttitle[$1]{$2}{$3}',
+      meta: 'pgfgantt-cmd',
+      score: 0.001804531670553746,
+    },
+    {
+      caption: '\\setganttlinklabel{}{}',
+      snippet: '\\setganttlinklabel{$1}{$2}',
+      meta: 'pgfgantt-cmd',
+      score: 9.045112044064169e-5,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'pgfgantt-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfgantt-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfgantt-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'pgfgantt-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'pgfgantt-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'pgfgantt-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'pgfgantt-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'pgfgantt-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfgantt-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'pgfgantt-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfgantt-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'pgfgantt-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfgantt-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfgantt-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfgantt-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'pgfgantt-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfgantt-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfgantt-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfgantt-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfgantt-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'pgfgantt-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfgantt-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfgantt-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'pgfgantt-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'pgfgantt-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'pgfgantt-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'pgfgantt-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'pgfgantt-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfgantt-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'pgfgantt-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'pgfgantt-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfgantt-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'pgfgantt-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'pgfgantt-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'pgfgantt-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'pgfgantt-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  circuitikz: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'circuitikz-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'circuitikz-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'circuitikz-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'circuitikz-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'circuitikz-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'circuitikz-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'circuitikz-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'circuitikz-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'circuitikz-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'circuitikz-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'circuitikz-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'circuitikz-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'circuitikz-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'circuitikz-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'circuitikz-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'circuitikz-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'circuitikz-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'circuitikz-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'circuitikz-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'circuitikz-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'circuitikz-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'circuitikz-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'circuitikz-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'circuitikz-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'circuitikz-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'circuitikz-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'circuitikz-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'circuitikz-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'circuitikz-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'circuitikz-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'circuitikz-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'circuitikz-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'circuitikz-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'circuitikz-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'circuitikz-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'circuitikz-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  hypcap: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypcap-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  'scrlayer-scrpage': [
+    {
+      caption: '\\lofoot{}',
+      snippet: '\\lofoot{$1}',
+      meta: 'scrlayer-scrpage-cmd',
+      score: 0.00011911213812243537,
+    },
+    {
+      caption: '\\rofoot{}',
+      snippet: '\\rofoot{$1}',
+      meta: 'scrlayer-scrpage-cmd',
+      score: 0.00021082185485863327,
+    },
+    {
+      caption: '\\clearpairofpagestyles',
+      snippet: '\\clearpairofpagestyles',
+      meta: 'scrlayer-scrpage-cmd',
+      score: 8.874602750594376e-5,
+    },
+    {
+      caption: '\\ihead{}',
+      snippet: '\\ihead{$1}',
+      meta: 'scrlayer-scrpage-cmd',
+      score: 0.0004507603139230655,
+    },
+    {
+      caption: '\\ihead[]{}',
+      snippet: '\\ihead[$1]{$2}',
+      meta: 'scrlayer-scrpage-cmd',
+      score: 0.0004507603139230655,
+    },
+    {
+      caption: '\\cofoot{}',
+      snippet: '\\cofoot{$1}',
+      meta: 'scrlayer-scrpage-cmd',
+      score: 0.00021082185485863327,
+    },
+    {
+      caption: '\\cfoot{}',
+      snippet: '\\cfoot{$1}',
+      meta: 'scrlayer-scrpage-cmd',
+      score: 0.013411641301057813,
+    },
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'scrlayer-scrpage-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\clearpage',
+      snippet: '\\clearpage',
+      meta: 'scrlayer-scrpage-cmd',
+      score: 0.1789117552185788,
+    },
+    {
+      caption: '\\addtokomafont{}{}',
+      snippet: '\\addtokomafont{$1}{$2}',
+      meta: 'scrlayer-scrpage-cmd',
+      score: 0.0008555564394100388,
+    },
+    {
+      caption: '\\setkomafont{}{}',
+      snippet: '\\setkomafont{$1}{$2}',
+      meta: 'scrlayer-scrpage-cmd',
+      score: 0.012985816912639263,
+    },
+    {
+      caption: '\\KOMAoptions{}',
+      snippet: '\\KOMAoptions{$1}',
+      meta: 'scrlayer-scrpage-cmd',
+      score: 0.000396664302361659,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'scrlayer-scrpage-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\automark[]{}',
+      snippet: '\\automark[$1]{$2}',
+      meta: 'scrlayer-scrpage-cmd',
+      score: 0.0006703031783997437,
+    },
+    {
+      caption: '\\automark{}',
+      snippet: '\\automark{$1}',
+      meta: 'scrlayer-scrpage-cmd',
+      score: 0.0006703031783997437,
+    },
+    {
+      caption: '\\pagemark',
+      snippet: '\\pagemark',
+      meta: 'scrlayer-scrpage-cmd',
+      score: 0.0017520841736604843,
+    },
+  ],
+  amsgen: [
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'amsgen-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'amsgen-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  tipa: [
+    {
+      caption: '\\textipa{}',
+      snippet: '\\textipa{$1}',
+      meta: 'tipa-cmd',
+      score: 0.0028202799587687334,
+    },
+  ],
+  appendixnumberbeamer: [
+    {
+      caption: '\\appendix',
+      snippet: '\\appendix',
+      meta: 'appendixnumberbeamer-cmd',
+      score: 0.047007158741781095,
+    },
+    {
+      caption: '\\inserttotalframenumber',
+      snippet: '\\inserttotalframenumber',
+      meta: 'appendixnumberbeamer-cmd',
+      score: 0.0008756113669543194,
+    },
+  ],
+  totcount: [
+    {
+      caption: '\\totvalue{}',
+      snippet: '\\totvalue{$1}',
+      meta: 'totcount-cmd',
+      score: 0.000325977535138643,
+    },
+    {
+      caption: '\\newtotcounter{}',
+      snippet: '\\newtotcounter{$1}',
+      meta: 'totcount-cmd',
+      score: 0.004398151085448998,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'totcount-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  atbegshi: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'atbegshi-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'atbegshi-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'atbegshi-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\AtBeginShipout{}',
+      snippet: '\\AtBeginShipout{$1}',
+      meta: 'atbegshi-cmd',
+      score: 0.00047530324346933345,
+    },
+    {
+      caption: '\\AtBeginShipoutNext{}',
+      snippet: '\\AtBeginShipoutNext{$1}',
+      meta: 'atbegshi-cmd',
+      score: 0.0005277905480209891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'atbegshi-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  environ: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'environ-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'environ-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'environ-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  arydshln: [
+    {
+      caption: '\\hdashline',
+      snippet: '\\hdashline',
+      meta: 'arydshln-cmd',
+      score: 3.1727559255976046e-5,
+    },
+    {
+      caption: '\\arrayrulecolor{}',
+      snippet: '\\arrayrulecolor{$1}',
+      meta: 'arydshln-cmd',
+      score: 0.008538501902241319,
+    },
+    {
+      caption: '\\arrayrulecolor[]{}',
+      snippet: '\\arrayrulecolor[$1]{$2}',
+      meta: 'arydshln-cmd',
+      score: 0.008538501902241319,
+    },
+    {
+      caption: '\\hline',
+      snippet: '\\hline',
+      meta: 'arydshln-cmd',
+      score: 1.3209538327406387,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'arydshln-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\cline{}',
+      snippet: '\\cline{$1}',
+      meta: 'arydshln-cmd',
+      score: 0.07276573550543858,
+    },
+  ],
+  fp: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'fp-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'fp-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  here: [
+    {
+      caption: '\\listof{}{}',
+      snippet: '\\listof{$1}{$2}',
+      meta: 'here-cmd',
+      score: 0.0009837365348002915,
+    },
+    {
+      caption: '\\floatplacement{}{}',
+      snippet: '\\floatplacement{$1}{$2}',
+      meta: 'here-cmd',
+      score: 0.0005815474978918903,
+    },
+    {
+      caption: '\\restylefloat{}',
+      snippet: '\\restylefloat{$1}',
+      meta: 'here-cmd',
+      score: 0.0008866338267686714,
+    },
+    {
+      caption: '\\floatstyle{}',
+      snippet: '\\floatstyle{$1}',
+      meta: 'here-cmd',
+      score: 0.0015470917047414941,
+    },
+    {
+      caption: '\\floatname{}{}',
+      snippet: '\\floatname{$1}{$2}',
+      meta: 'here-cmd',
+      score: 0.0011934321931750752,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'here-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\caption{}',
+      snippet: '\\caption{$1}',
+      meta: 'here-cmd',
+      score: 1.2569477427490174,
+    },
+    {
+      caption: '\\newfloat{}{}{}',
+      snippet: '\\newfloat{$1}{$2}{$3}',
+      meta: 'here-cmd',
+      score: 0.0012745874472536625,
+    },
+    {
+      caption: '\\newfloat',
+      snippet: '\\newfloat',
+      meta: 'here-cmd',
+      score: 0.0012745874472536625,
+    },
+    {
+      caption: '\\newfloat{}',
+      snippet: '\\newfloat{$1}',
+      meta: 'here-cmd',
+      score: 0.0012745874472536625,
+    },
+  ],
+  layout: [
+    {
+      caption: '\\layout',
+      snippet: '\\layout',
+      meta: 'layout-cmd',
+      score: 0.0003951770756385293,
+    },
+    {
+      caption: '\\layout{}',
+      snippet: '\\layout{$1}',
+      meta: 'layout-cmd',
+      score: 0.0003951770756385293,
+    },
+  ],
+  multibib: [
+    {
+      caption: '\\newcites{}{}',
+      snippet: '\\newcites{$1}{$2}',
+      meta: 'multibib-cmd',
+      score: 0.0024438508435048224,
+    },
+    {
+      caption: '\\bibliography{}',
+      snippet: '\\bibliography{$1}',
+      meta: 'multibib-cmd',
+      score: 0.2659628337907604,
+    },
+  ],
+  tgpagella: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgpagella-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tgpagella-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgpagella-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgpagella-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tgpagella-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgpagella-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgpagella-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgpagella-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tgpagella-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tgpagella-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  minitoc: [
+    {
+      caption: '\\addstarredchapter{}',
+      snippet: '\\addstarredchapter{$1}',
+      meta: 'minitoc-cmd',
+      score: 0.0009796486230293261,
+    },
+    {
+      caption: '\\minitoc',
+      snippet: '\\minitoc',
+      meta: 'minitoc-cmd',
+      score: 0.001626371504530358,
+    },
+    {
+      caption: '\\dominitoc',
+      snippet: '\\dominitoc',
+      meta: 'minitoc-cmd',
+      score: 0.0006984399207241325,
+    },
+    {
+      caption: '\\mtcaddchapter',
+      snippet: '\\mtcaddchapter',
+      meta: 'minitoc-cmd',
+      score: 9.045112044064169e-5,
+    },
+    {
+      caption: '\\listoffigures',
+      snippet: '\\listoffigures',
+      meta: 'minitoc-cmd',
+      score: 0.03447318897846567,
+    },
+    {
+      caption: '\\listoftables',
+      snippet: '\\listoftables',
+      meta: 'minitoc-cmd',
+      score: 0.02104656820469027,
+    },
+    {
+      caption: '\\tableofcontents',
+      snippet: '\\tableofcontents',
+      meta: 'minitoc-cmd',
+      score: 0.13360595130994957,
+    },
+    {
+      caption: '\\adjustmtc',
+      snippet: '\\adjustmtc',
+      meta: 'minitoc-cmd',
+      score: 0.00015075186740106945,
+    },
+    {
+      caption: '\\section{}',
+      snippet: '\\section{$1}',
+      meta: 'minitoc-cmd',
+      score: 3.0952612541683835,
+    },
+  ],
+  nameref: [
+    {
+      caption: '\\nameref{}',
+      snippet: '\\nameref{$1}',
+      meta: 'nameref-cmd',
+      score: 0.009472569279662113,
+    },
+    {
+      caption: '\\protect',
+      snippet: '\\protect',
+      meta: 'nameref-cmd',
+      score: 0.0200686676229443,
+    },
+    {
+      caption: '\\ref{}',
+      snippet: '\\ref{$1}',
+      meta: 'nameref-cmd',
+      score: 1.4380093454211778,
+    },
+    {
+      caption: '\\pageref{}',
+      snippet: '\\pageref{$1}',
+      meta: 'nameref-cmd',
+      score: 0.019788865471151957,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'nameref-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\thepage',
+      snippet: '\\thepage',
+      meta: 'nameref-cmd',
+      score: 0.0591555998103519,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'nameref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'nameref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'nameref-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'nameref-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\addcontentsline{}{}{}',
+      snippet: '\\addcontentsline{$1}{$2}{$3}',
+      meta: 'nameref-cmd',
+      score: 0.07503475348393239,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'nameref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'nameref-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'nameref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'nameref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'nameref-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'nameref-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  ntheorem: [
+    {
+      caption: '\\theoremclass{}',
+      snippet: '\\theoremclass{$1}',
+      meta: 'ntheorem-cmd',
+      score: 0.0001448542182198375,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'ntheorem-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\theoremstyle{}',
+      snippet: '\\theoremstyle{$1}',
+      meta: 'ntheorem-cmd',
+      score: 0.02533412165007986,
+    },
+    {
+      caption: '\\newshadedtheorem{}{}',
+      snippet: '\\newshadedtheorem{$1}{$2}',
+      meta: 'ntheorem-cmd',
+      score: 0.0001632850673327423,
+    },
+    {
+      caption: '\\newtheorem{}[]{}',
+      snippet: '\\newtheorem{$1}[$2]{$3}',
+      meta: 'ntheorem-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\newtheorem{}{}',
+      snippet: '\\newtheorem{$1}{$2}',
+      meta: 'ntheorem-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\newtheorem{}{}[]',
+      snippet: '\\newtheorem{$1}{$2}[$3]',
+      meta: 'ntheorem-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'ntheorem-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'ntheorem-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'ntheorem-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'ntheorem-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'ntheorem-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'ntheorem-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'ntheorem-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  tabto: [
+    {
+      caption: '\\tab',
+      snippet: '\\tab',
+      meta: 'tabto-cmd',
+      score: 0.016398493343291305,
+    },
+    {
+      caption: '\\tab{}',
+      snippet: '\\tab{$1}',
+      meta: 'tabto-cmd',
+      score: 0.016398493343291305,
+    },
+    {
+      caption: '\\NumTabs{}',
+      snippet: '\\NumTabs{$1}',
+      meta: 'tabto-cmd',
+      score: 0.00011350525217178113,
+    },
+    {
+      caption: '\\tabto{}{}',
+      snippet: '\\tabto{$1}{$2}',
+      meta: 'tabto-cmd',
+      score: 0.002119919034744357,
+    },
+    {
+      caption: '\\tabto{}',
+      snippet: '\\tabto{$1}',
+      meta: 'tabto-cmd',
+      score: 0.002119919034744357,
+    },
+  ],
+  emptypage: [
+    {
+      caption: '\\cleardoublepage',
+      snippet: '\\cleardoublepage',
+      meta: 'emptypage-cmd',
+      score: 0.044016804142963585,
+    },
+  ],
+  abntex2abrev: [
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'abntex2abrev-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'abntex2abrev-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'abntex2abrev-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'abntex2abrev-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'abntex2abrev-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'abntex2abrev-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  scrhack: [
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'scrhack-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\clearpage',
+      snippet: '\\clearpage',
+      meta: 'scrhack-cmd',
+      score: 0.1789117552185788,
+    },
+    {
+      caption: '\\addtokomafont{}{}',
+      snippet: '\\addtokomafont{$1}{$2}',
+      meta: 'scrhack-cmd',
+      score: 0.0008555564394100388,
+    },
+    {
+      caption: '\\setkomafont{}{}',
+      snippet: '\\setkomafont{$1}{$2}',
+      meta: 'scrhack-cmd',
+      score: 0.012985816912639263,
+    },
+    {
+      caption: '\\KOMAoptions{}',
+      snippet: '\\KOMAoptions{$1}',
+      meta: 'scrhack-cmd',
+      score: 0.000396664302361659,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'scrhack-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\xpatchcmd{}{}{}{}{}',
+      snippet: '\\xpatchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'scrhack-cmd',
+      score: 0.0019344877752147675,
+    },
+    {
+      caption: '\\xpatchcmd',
+      snippet: '\\xpatchcmd',
+      meta: 'scrhack-cmd',
+      score: 0.0019344877752147675,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'scrhack-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'scrhack-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'scrhack-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'scrhack-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'scrhack-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'scrhack-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'scrhack-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'scrhack-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'scrhack-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'scrhack-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'scrhack-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'scrhack-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'scrhack-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'scrhack-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'scrhack-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'scrhack-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'scrhack-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'scrhack-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'scrhack-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'scrhack-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'scrhack-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'scrhack-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'scrhack-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'scrhack-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  nth: [
+    {
+      caption: '\\nth{}',
+      snippet: '\\nth{$1}',
+      meta: 'nth-cmd',
+      score: 0.0006155314043974968,
+    },
+    {
+      caption: '\\thesection',
+      snippet: '\\thesection',
+      meta: 'nth-cmd',
+      score: 0.011068945893347528,
+    },
+    {
+      caption: '\\thesection{}',
+      snippet: '\\thesection{$1}',
+      meta: 'nth-cmd',
+      score: 0.011068945893347528,
+    },
+  ],
+  showkeys: [
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'showkeys-cmd',
+      score: 1.897791904799601,
+    },
+  ],
+  fncychap: [
+    {
+      caption: '\\appendix',
+      snippet: '\\appendix',
+      meta: 'fncychap-cmd',
+      score: 0.047007158741781095,
+    },
+    {
+      caption: '\\ChTitleVar{}',
+      snippet: '\\ChTitleVar{$1}',
+      meta: 'fncychap-cmd',
+      score: 0.00047530324346933345,
+    },
+    {
+      caption: '\\thechapter',
+      snippet: '\\thechapter',
+      meta: 'fncychap-cmd',
+      score: 0.011821300392639589,
+    },
+  ],
+  ae: [
+    {
+      caption: '\\sfdefault',
+      snippet: '\\sfdefault',
+      meta: 'ae-cmd',
+      score: 0.008427383388519996,
+    },
+    {
+      caption: '\\sfdefault{}',
+      snippet: '\\sfdefault{$1}',
+      meta: 'ae-cmd',
+      score: 0.008427383388519996,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'ae-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'ae-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'ae-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  asymptote: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'asymptote-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'asymptote-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'asymptote-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'asymptote-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'asymptote-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'asymptote-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'asymptote-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'asymptote-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'asymptote-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'asymptote-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'asymptote-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'asymptote-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'asymptote-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'asymptote-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'asymptote-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'asymptote-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'asymptote-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'asymptote-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'asymptote-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'asymptote-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'asymptote-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'asymptote-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'asymptote-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'asymptote-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'asymptote-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'asymptote-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'asymptote-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'asymptote-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'asymptote-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'asymptote-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'asymptote-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'asymptote-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'asymptote-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'asymptote-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  truncate: [
+    {
+      caption: '\\selectfont',
+      snippet: '\\selectfont',
+      meta: 'truncate-cmd',
+      score: 0.04598628699063736,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'truncate-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'truncate-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  xpatch: [
+    {
+      caption: '\\xpatchcmd{}{}{}{}{}',
+      snippet: '\\xpatchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'xpatch-cmd',
+      score: 0.0019344877752147675,
+    },
+    {
+      caption: '\\xpatchcmd',
+      snippet: '\\xpatchcmd',
+      meta: 'xpatch-cmd',
+      score: 0.0019344877752147675,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'xpatch-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'xpatch-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'xpatch-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'xpatch-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'xpatch-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'xpatch-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'xpatch-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'xpatch-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'xpatch-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'xpatch-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'xpatch-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'xpatch-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'xpatch-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'xpatch-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'xpatch-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'xpatch-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'xpatch-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'xpatch-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'xpatch-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'xpatch-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'xpatch-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xpatch-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'xpatch-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'xpatch-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  totpages: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'totpages-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  fourier: [
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'fourier-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'fourier-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'fourier-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  scrbase: [
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'scrbase-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\clearpage',
+      snippet: '\\clearpage',
+      meta: 'scrbase-cmd',
+      score: 0.1789117552185788,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'scrbase-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  svg: [
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'svg-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\clearpage',
+      snippet: '\\clearpage',
+      meta: 'svg-cmd',
+      score: 0.1789117552185788,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'svg-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'svg-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'svg-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'svg-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'svg-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'svg-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'svg-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'svg-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'svg-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'svg-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'svg-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'svg-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'svg-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'svg-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'svg-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'svg-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'svg-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'svg-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'svg-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'svg-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'svg-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'svg-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'svg-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'svg-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'svg-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'svg-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'svg-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  etex: [
+    {
+      caption: '\\reserveinserts{}',
+      snippet: '\\reserveinserts{$1}',
+      meta: 'etex-cmd',
+      score: 0.0018653410309739879,
+    },
+    {
+      caption: '\\newtoks',
+      snippet: '\\newtoks',
+      meta: 'etex-cmd',
+      score: 0.00031058155311734754,
+    },
+  ],
+  linguex: [
+    {
+      caption: '\\Last[]',
+      snippet: '\\Last[$1]',
+      meta: 'linguex-cmd',
+      score: 0.0008163755131430334,
+    },
+    {
+      caption: '\\Last',
+      snippet: '\\Last',
+      meta: 'linguex-cmd',
+      score: 0.0008163755131430334,
+    },
+    {
+      caption: '\\Next',
+      snippet: '\\Next',
+      meta: 'linguex-cmd',
+      score: 0.0018776636802289772,
+    },
+    {
+      caption: '\\Next[]',
+      snippet: '\\Next[$1]',
+      meta: 'linguex-cmd',
+      score: 0.0018776636802289772,
+    },
+    {
+      caption: '\\LLast[]',
+      snippet: '\\LLast[$1]',
+      meta: 'linguex-cmd',
+      score: 0.00016327510262860667,
+    },
+    {
+      caption: '\\LLast',
+      snippet: '\\LLast',
+      meta: 'linguex-cmd',
+      score: 0.00016327510262860667,
+    },
+    {
+      caption: '\\NNext[]',
+      snippet: '\\NNext[$1]',
+      meta: 'linguex-cmd',
+      score: 0.0004490065322286684,
+    },
+    {
+      caption: '\\NNext',
+      snippet: '\\NNext',
+      meta: 'linguex-cmd',
+      score: 0.0004490065322286684,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'linguex-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\xspace',
+      snippet: '\\xspace',
+      meta: 'linguex-cmd',
+      score: 0.07560370351316588,
+    },
+  ],
+  adforn: [
+    {
+      caption: '\\adforn{}',
+      snippet: '\\adforn{$1}',
+      meta: 'adforn-cmd',
+      score: 0.0003148505561835075,
+    },
+    {
+      caption: '\\ding{}',
+      snippet: '\\ding{$1}',
+      meta: 'adforn-cmd',
+      score: 0.009992300665793867,
+    },
+  ],
+  bigstrut: [
+    {
+      caption: '\\bigstrut',
+      snippet: '\\bigstrut',
+      meta: 'bigstrut-cmd',
+      score: 0.005498219710082848,
+    },
+  ],
+  standalone: [
+    {
+      caption: '\\renewcommand{}{}',
+      snippet: '\\renewcommand{$1}{$2}',
+      meta: 'standalone-cmd',
+      score: 0.3267437011085663,
+    },
+    {
+      caption: '\\renewcommand',
+      snippet: '\\renewcommand',
+      meta: 'standalone-cmd',
+      score: 0.3267437011085663,
+    },
+    {
+      caption: '\\currfiledir',
+      snippet: '\\currfiledir',
+      meta: 'standalone-cmd',
+      score: 0.0002459788020229296,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'standalone-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'standalone-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'standalone-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'standalone-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'standalone-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'standalone-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'standalone-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'standalone-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'standalone-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'standalone-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  ifsym: [
+    {
+      caption: '\\Letter',
+      snippet: '\\Letter',
+      meta: 'ifsym-cmd',
+      score: 0.0012281130571092198,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'ifsym-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'ifsym-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'ifsym-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'ifsym-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'ifsym-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'ifsym-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'ifsym-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'ifsym-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'ifsym-cmd',
+      score: 0.028955796305270766,
+    },
+  ],
+  newtxtext: [
+    {
+      caption: '\\textsc{}',
+      snippet: '\\textsc{$1}',
+      meta: 'newtxtext-cmd',
+      score: 0.6926466355384758,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'newtxtext-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'newtxtext-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'newtxtext-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'newtxtext-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'newtxtext-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'newtxtext-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'newtxtext-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'newtxtext-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'newtxtext-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'newtxtext-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'newtxtext-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'newtxtext-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'newtxtext-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'newtxtext-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'newtxtext-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'newtxtext-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'newtxtext-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'newtxtext-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'newtxtext-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'newtxtext-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'newtxtext-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'newtxtext-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'newtxtext-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'newtxtext-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'newtxtext-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'newtxtext-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  silence: [
+    {
+      caption: '\\WarningsOff[]',
+      snippet: '\\WarningsOff[$1]',
+      meta: 'silence-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\WarningFilter{}{}',
+      snippet: '\\WarningFilter{$1}{$2}',
+      meta: 'silence-cmd',
+      score: 0.0010293824370507024,
+    },
+  ],
+  numprint: [
+    {
+      caption: '\\textcelsius',
+      snippet: '\\textcelsius',
+      meta: 'numprint-cmd',
+      score: 0.00012244782670334462,
+    },
+    {
+      caption: '\\pm',
+      snippet: '\\pm',
+      meta: 'numprint-cmd',
+      score: 0.15663535405975132,
+    },
+    {
+      caption: '\\npdecimalsign{}',
+      snippet: '\\npdecimalsign{$1}',
+      meta: 'numprint-cmd',
+      score: 8.401009062000455e-6,
+    },
+    {
+      caption: '\\npthousandsep{}',
+      snippet: '\\npthousandsep{$1}',
+      meta: 'numprint-cmd',
+      score: 8.401009062000455e-6,
+    },
+    {
+      caption: '\\np{}',
+      snippet: '\\np{$1}',
+      meta: 'numprint-cmd',
+      score: 0.0001782233963311367,
+    },
+    {
+      caption: '\\np',
+      snippet: '\\np',
+      meta: 'numprint-cmd',
+      score: 0.0001782233963311367,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'numprint-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'numprint-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'numprint-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'numprint-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'numprint-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'numprint-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'numprint-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'numprint-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'numprint-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'numprint-cmd',
+      score: 0.018615449342361392,
+    },
+  ],
+  srcltx: [
+    {
+      caption: '\\bibliography{}',
+      snippet: '\\bibliography{$1}',
+      meta: 'srcltx-cmd',
+      score: 0.2659628337907604,
+    },
+    {
+      caption: '\\input{}',
+      snippet: '\\input{$1}',
+      meta: 'srcltx-cmd',
+      score: 0.4966021927742672,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'srcltx-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'srcltx-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'srcltx-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'srcltx-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'srcltx-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'srcltx-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  ctable: [
+    {
+      caption: '\\tmark[]',
+      snippet: '\\tmark[$1]',
+      meta: 'ctable-cmd',
+      score: 0.004423748442334348,
+    },
+    {
+      caption: '\\ctable[]{}{}{}',
+      snippet: '\\ctable[$1]{$2}{$3}{$4}',
+      meta: 'ctable-cmd',
+      score: 0.0007377841391165772,
+    },
+    {
+      caption: '\\let',
+      snippet: '\\let',
+      meta: 'ctable-cmd',
+      score: 0.03789745970461662,
+    },
+    {
+      caption: '\\write',
+      snippet: '\\write',
+      meta: 'ctable-cmd',
+      score: 0.0008038857295393196,
+    },
+    {
+      caption: '\\tabularxcolumn[]{}',
+      snippet: '\\tabularxcolumn[$1]{$2}',
+      meta: 'ctable-cmd',
+      score: 0.00048507499766588637,
+    },
+    {
+      caption: '\\tabularxcolumn',
+      snippet: '\\tabularxcolumn',
+      meta: 'ctable-cmd',
+      score: 0.00048507499766588637,
+    },
+    {
+      caption: '\\tabularx{}{}',
+      snippet: '\\tabularx{$1}{$2}',
+      meta: 'ctable-cmd',
+      score: 0.0005861357565780464,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'ctable-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'ctable-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'ctable-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'ctable-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'ctable-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'ctable-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'ctable-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'ctable-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'ctable-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'ctable-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'ctable-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'ctable-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'ctable-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'ctable-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'ctable-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'ctable-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'ctable-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'ctable-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'ctable-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'ctable-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'ctable-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'ctable-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'ctable-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\specialrule{}{}{}',
+      snippet: '\\specialrule{$1}{$2}{$3}',
+      meta: 'ctable-cmd',
+      score: 0.004974385202605165,
+    },
+    {
+      caption: '\\cmidrule',
+      snippet: '\\cmidrule',
+      meta: 'ctable-cmd',
+      score: 0.01894952272365088,
+    },
+    {
+      caption: '\\cmidrule{}',
+      snippet: '\\cmidrule{$1}',
+      meta: 'ctable-cmd',
+      score: 0.01894952272365088,
+    },
+    {
+      caption: '\\bottomrule',
+      snippet: '\\bottomrule',
+      meta: 'ctable-cmd',
+      score: 0.04533364657852219,
+    },
+    {
+      caption: '\\midrule',
+      snippet: '\\midrule',
+      meta: 'ctable-cmd',
+      score: 0.07098077735912875,
+    },
+    {
+      caption: '\\addlinespace',
+      snippet: '\\addlinespace',
+      meta: 'ctable-cmd',
+      score: 0.005865460617491447,
+    },
+    {
+      caption: '\\addlinespace[]',
+      snippet: '\\addlinespace[$1]',
+      meta: 'ctable-cmd',
+      score: 0.005865460617491447,
+    },
+    {
+      caption: '\\toprule',
+      snippet: '\\toprule',
+      meta: 'ctable-cmd',
+      score: 0.059857788139528495,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'ctable-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'ctable-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'ctable-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'ctable-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'ctable-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'ctable-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'ctable-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'ctable-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'ctable-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'ctable-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'ctable-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'ctable-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'ctable-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'ctable-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'ctable-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'ctable-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'ctable-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'ctable-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'ctable-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'ctable-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'ctable-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'ctable-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'ctable-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'ctable-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'ctable-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'ctable-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'ctable-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'ctable-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'ctable-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'ctable-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'ctable-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'ctable-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'ctable-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'ctable-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'ctable-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'ctable-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'ctable-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'ctable-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'ctable-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'ctable-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'ctable-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'ctable-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'ctable-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'ctable-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'ctable-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'ctable-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'ctable-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'ctable-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'ctable-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'ctable-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  bbding: [
+    {
+      caption: '\\HandRight',
+      snippet: '\\HandRight',
+      meta: 'bbding-cmd',
+      score: 9.986169155719329e-5,
+    },
+    {
+      caption: '\\XSolidBrush',
+      snippet: '\\XSolidBrush',
+      meta: 'bbding-cmd',
+      score: 0.0003502234425563509,
+    },
+    {
+      caption: '\\Checkmark',
+      snippet: '\\Checkmark',
+      meta: 'bbding-cmd',
+      score: 0.0010506703276690528,
+    },
+  ],
+  endfloat: [
+    {
+      caption: '\\DeclareDelayedFloatFlavor{}{}',
+      snippet: '\\DeclareDelayedFloatFlavor{$1}{$2}',
+      meta: 'endfloat-cmd',
+      score: 0.00012872796177294446,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'endfloat-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  centernot: [
+    {
+      caption: '\\centernot',
+      snippet: '\\centernot',
+      meta: 'centernot-cmd',
+      score: 0.0002513707969474898,
+    },
+  ],
+  tikzpagenodes: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'tikzpagenodes-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\checkoddpage',
+      snippet: '\\checkoddpage',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.00028672585452906425,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'tikzpagenodes-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  xargs: [
+    {
+      caption: '\\newcommandx{}[][]{}',
+      snippet: '\\newcommandx{$1}[$2][$3]{$4}',
+      meta: 'xargs-cmd',
+      score: 0.0001110821063389004,
+    },
+  ],
+  morefloats: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'morefloats-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'morefloats-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'morefloats-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'morefloats-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'morefloats-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'morefloats-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'morefloats-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'morefloats-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'morefloats-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'morefloats-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  background: [
+    {
+      caption: '\\BgThispage',
+      snippet: '\\BgThispage',
+      meta: 'background-cmd',
+      score: 0.0003956357273698423,
+    },
+    {
+      caption: '\\backgroundsetup{}',
+      snippet: '\\backgroundsetup{$1}',
+      meta: 'background-cmd',
+      score: 0.0004910777123492879,
+    },
+  ],
+  bibunits: [
+    {
+      caption: '\\bibliography{}',
+      snippet: '\\bibliography{$1}',
+      meta: 'bibunits-cmd',
+      score: 0.2659628337907604,
+    },
+  ],
+  moresize: [
+    {
+      caption: '\\Huge',
+      snippet: '\\Huge',
+      meta: 'moresize-cmd',
+      score: 0.04725806985998919,
+    },
+  ],
+  pgfpages: [
+    {
+      caption: '\\pgfpagesphysicalpageoptions{}',
+      snippet: '\\pgfpagesphysicalpageoptions{$1}',
+      meta: 'pgfpages-cmd',
+      score: 0.00045967325420052095,
+    },
+    {
+      caption: '\\pgfpageslogicalpageoptions{}{}',
+      snippet: '\\pgfpageslogicalpageoptions{$1}{$2}',
+      meta: 'pgfpages-cmd',
+      score: 0.00045967325420052095,
+    },
+    {
+      caption: '\\pgfpageoptionborder{}',
+      snippet: '\\pgfpageoptionborder{$1}',
+      meta: 'pgfpages-cmd',
+      score: 0.0009193465084010419,
+    },
+    {
+      caption: '\\pgfpageoptionborder',
+      snippet: '\\pgfpageoptionborder',
+      meta: 'pgfpages-cmd',
+      score: 0.0009193465084010419,
+    },
+    {
+      caption: '\\pgfpagesdeclarelayout{}{}{}',
+      snippet: '\\pgfpagesdeclarelayout{$1}{$2}{$3}',
+      meta: 'pgfpages-cmd',
+      score: 0.00045967325420052095,
+    },
+    {
+      caption: '\\pgfpagesuselayout{}',
+      snippet: '\\pgfpagesuselayout{$1}',
+      meta: 'pgfpages-cmd',
+      score: 0.0006090132461062934,
+    },
+    {
+      caption: '\\pgfpagesuselayout{}[]',
+      snippet: '\\pgfpagesuselayout{$1}[$2]',
+      meta: 'pgfpages-cmd',
+      score: 0.0006090132461062934,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'pgfpages-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'pgfpages-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'pgfpages-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'pgfpages-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfpages-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfpages-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'pgfpages-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'pgfpages-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'pgfpages-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'pgfpages-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfpages-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfpages-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'pgfpages-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'pgfpages-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'pgfpages-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'pgfpages-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'pgfpages-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfpages-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'pgfpages-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfpages-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'pgfpages-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfpages-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfpages-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfpages-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'pgfpages-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfpages-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfpages-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfpages-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfpages-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'pgfpages-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfpages-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfpages-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'pgfpages-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'pgfpages-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'pgfpages-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'pgfpages-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'pgfpages-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfpages-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'pgfpages-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'pgfpages-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfpages-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'pgfpages-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'pgfpages-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'pgfpages-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'pgfpages-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  ctex: [
+    {
+      caption: '\\CTeX',
+      snippet: '\\CTeX',
+      meta: 'ctex-cmd',
+      score: 0.0005884706823906032,
+    },
+    {
+      caption: '\\selectfont',
+      snippet: '\\selectfont',
+      meta: 'ctex-cmd',
+      score: 0.04598628699063736,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'ctex-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'ctex-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  algcompatible: [
+    {
+      caption: '\\algrenewcommand',
+      snippet: '\\algrenewcommand',
+      meta: 'algcompatible-cmd',
+      score: 0.0019861803661869416,
+    },
+    {
+      caption: '\\Statex',
+      snippet: '\\Statex',
+      meta: 'algcompatible-cmd',
+      score: 0.008622777195102994,
+    },
+    {
+      caption: '\\BState{}',
+      snippet: '\\BState{$1}',
+      meta: 'algcompatible-cmd',
+      score: 0.0008685861525307122,
+    },
+    {
+      caption: '\\BState',
+      snippet: '\\BState',
+      meta: 'algcompatible-cmd',
+      score: 0.0008685861525307122,
+    },
+    {
+      caption: '\\algloopdefx{}[][]{}',
+      snippet: '\\algloopdefx{$1}[$2][$3]{$4}',
+      meta: 'algcompatible-cmd',
+      score: 0.00025315185701145097,
+    },
+    {
+      caption: '\\algnewcommand',
+      snippet: '\\algnewcommand',
+      meta: 'algcompatible-cmd',
+      score: 0.0030209395012065327,
+    },
+    {
+      caption: '\\algnewcommand{}[]{}',
+      snippet: '\\algnewcommand{$1}[$2]{$3}',
+      meta: 'algcompatible-cmd',
+      score: 0.0030209395012065327,
+    },
+    {
+      caption: '\\Comment{}',
+      snippet: '\\Comment{$1}',
+      meta: 'algcompatible-cmd',
+      score: 0.005178604573219454,
+    },
+    {
+      caption: '\\algblockdefx{}{}[]',
+      snippet: '\\algblockdefx{$1}{$2}[$3]',
+      meta: 'algcompatible-cmd',
+      score: 0.00025315185701145097,
+    },
+    {
+      caption: '\\algrenewtext{}{}',
+      snippet: '\\algrenewtext{$1}{$2}',
+      meta: 'algcompatible-cmd',
+      score: 0.0024415580558825975,
+    },
+    {
+      caption: '\\algrenewtext{}[]{}',
+      snippet: '\\algrenewtext{$1}[$2]{$3}',
+      meta: 'algcompatible-cmd',
+      score: 0.0024415580558825975,
+    },
+    {
+      caption: '\\algblock{}{}',
+      snippet: '\\algblock{$1}{$2}',
+      meta: 'algcompatible-cmd',
+      score: 0.0007916858220314837,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'algcompatible-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\algdef{}[]{}{}{}{}',
+      snippet: '\\algdef{$1}[$2]{$3}{$4}{$5}{$6}',
+      meta: 'algcompatible-cmd',
+      score: 0.0003102486920966127,
+    },
+    {
+      caption: '\\algdef{}[]{}{}[]{}{}',
+      snippet: '\\algdef{$1}[$2]{$3}{$4}[$5]{$6}{$7}',
+      meta: 'algcompatible-cmd',
+      score: 0.0003102486920966127,
+    },
+    {
+      caption: '\\algdef{}[]{}[]{}',
+      snippet: '\\algdef{$1}[$2]{$3}[$4]{$5}',
+      meta: 'algcompatible-cmd',
+      score: 0.0003102486920966127,
+    },
+    {
+      caption: '\\algtext{}',
+      snippet: '\\algtext{$1}',
+      meta: 'algcompatible-cmd',
+      score: 0.0005463612015579842,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'algcompatible-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'algcompatible-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'algcompatible-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'algcompatible-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'algcompatible-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'algcompatible-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  draftwatermark: [
+    {
+      caption: '\\SetWatermarkScale{}',
+      snippet: '\\SetWatermarkScale{$1}',
+      meta: 'draftwatermark-cmd',
+      score: 0.0013776850432469145,
+    },
+    {
+      caption: '\\SetWatermarkText{}',
+      snippet: '\\SetWatermarkText{$1}',
+      meta: 'draftwatermark-cmd',
+      score: 0.0017209596079747669,
+    },
+    {
+      caption: '\\SetWatermarkColor[]{}',
+      snippet: '\\SetWatermarkColor[$1]{$2}',
+      meta: 'draftwatermark-cmd',
+      score: 0.0007061648188687239,
+    },
+    {
+      caption: '\\SetWatermarkFontSize{}',
+      snippet: '\\SetWatermarkFontSize{$1}',
+      meta: 'draftwatermark-cmd',
+      score: 0.0005747853176838451,
+    },
+    {
+      caption: '\\SetWatermarkLightness{}',
+      snippet: '\\SetWatermarkLightness{$1}',
+      meta: 'draftwatermark-cmd',
+      score: 0.0005747853176838451,
+    },
+    {
+      caption: '\\SetWatermarkAngle{}',
+      snippet: '\\SetWatermarkAngle{$1}',
+      meta: 'draftwatermark-cmd',
+      score: 0.0005747853176838451,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'draftwatermark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'draftwatermark-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'draftwatermark-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'draftwatermark-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'draftwatermark-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'draftwatermark-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'draftwatermark-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'draftwatermark-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'draftwatermark-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'draftwatermark-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'draftwatermark-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'draftwatermark-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'draftwatermark-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'draftwatermark-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'draftwatermark-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'draftwatermark-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'draftwatermark-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'draftwatermark-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'draftwatermark-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'draftwatermark-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'draftwatermark-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'draftwatermark-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'draftwatermark-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'draftwatermark-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'draftwatermark-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'draftwatermark-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'draftwatermark-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'draftwatermark-cmd',
+      score: 0.004719094298848707,
+    },
+  ],
+  eqparbox: [
+    {
+      caption: '\\eqparbox{}{}',
+      snippet: '\\eqparbox{$1}{$2}',
+      meta: 'eqparbox-cmd',
+      score: 2.9423534119530166e-5,
+    },
+    {
+      caption: '\\item',
+      snippet: '\\item ',
+      meta: 'eqparbox-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\item[]',
+      snippet: '\\item[$1] ',
+      meta: 'eqparbox-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'eqparbox-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'eqparbox-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'eqparbox-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'eqparbox-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'eqparbox-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'eqparbox-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'eqparbox-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'eqparbox-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'eqparbox-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'eqparbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'eqparbox-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  nowidow: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'nowidow-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'nowidow-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'nowidow-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'nowidow-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'nowidow-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'nowidow-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'nowidow-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'nowidow-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'nowidow-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'nowidow-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  stackrel: [
+    {
+      caption: '\\stackrel{}{}',
+      snippet: '\\stackrel{$1}{$2}',
+      meta: 'stackrel-cmd',
+      score: 0.009911875742973681,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'stackrel-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'stackrel-cmd',
+      score: 0.002958865219480927,
+    },
+  ],
+  threeparttablex: [
+    {
+      caption: '\\item',
+      snippet: '\\item ',
+      meta: 'threeparttablex-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\item[]',
+      snippet: '\\item[$1] ',
+      meta: 'threeparttablex-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\insertTableNotes',
+      snippet: '\\insertTableNotes',
+      meta: 'threeparttablex-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\tnotex{}',
+      snippet: '\\tnotex{$1}',
+      meta: 'threeparttablex-cmd',
+      score: 0.0021491972748178554,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'threeparttablex-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'threeparttablex-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\item',
+      snippet: '\\item ',
+      meta: 'threeparttablex-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\item[]',
+      snippet: '\\item[$1] ',
+      meta: 'threeparttablex-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'threeparttablex-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'threeparttablex-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  mathdesign: [
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'mathdesign-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'mathdesign-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'mathdesign-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'mathdesign-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'mathdesign-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'mathdesign-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'mathdesign-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'mathdesign-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'mathdesign-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'mathdesign-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  'pst-node': [
+    {
+      caption: '\\green',
+      snippet: '\\green',
+      meta: 'pst-node-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\green{}',
+      snippet: '\\green{$1}',
+      meta: 'pst-node-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\documentclass[]{}',
+      snippet: '\\documentclass[$1]{$2}',
+      meta: 'pst-node-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\documentclass{}',
+      snippet: '\\documentclass{$1}',
+      meta: 'pst-node-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\gray',
+      snippet: '\\gray',
+      meta: 'pst-node-cmd',
+      score: 0.0005786730478266738,
+    },
+    {
+      caption: '\\red{}',
+      snippet: '\\red{$1}',
+      meta: 'pst-node-cmd',
+      score: 0.006520475264573554,
+    },
+    {
+      caption: '\\red',
+      snippet: '\\red',
+      meta: 'pst-node-cmd',
+      score: 0.006520475264573554,
+    },
+  ],
+  varwidth: [
+    {
+      caption: '\\par',
+      snippet: '\\par',
+      meta: 'varwidth-cmd',
+      score: 0.413853376001159,
+    },
+  ],
+  schemabloc: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'schemabloc-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'schemabloc-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'schemabloc-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'schemabloc-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'schemabloc-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'schemabloc-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'schemabloc-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'schemabloc-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'schemabloc-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'schemabloc-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'schemabloc-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'schemabloc-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'schemabloc-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'schemabloc-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'schemabloc-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'schemabloc-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'schemabloc-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'schemabloc-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'schemabloc-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'schemabloc-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'schemabloc-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'schemabloc-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'schemabloc-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'schemabloc-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'schemabloc-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'schemabloc-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'schemabloc-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'schemabloc-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'schemabloc-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'schemabloc-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'schemabloc-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'schemabloc-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'schemabloc-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'schemabloc-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'schemabloc-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'schemabloc-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'schemabloc-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'schemabloc-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'schemabloc-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'schemabloc-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'schemabloc-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'schemabloc-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  bigints: [
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'bigints-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'bigints-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'bigints-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\longmapsto',
+      snippet: '\\longmapsto',
+      meta: 'bigints-cmd',
+      score: 0.0017755897148012264,
+    },
+    {
+      caption: '\\Check{}',
+      snippet: '\\Check{$1}',
+      meta: 'bigints-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'bigints-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'bigints-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'bigints-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\And',
+      snippet: '\\And',
+      meta: 'bigints-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\And{}',
+      snippet: '\\And{$1}',
+      meta: 'bigints-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'bigints-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\boxed{}',
+      snippet: '\\boxed{$1}',
+      meta: 'bigints-cmd',
+      score: 0.0035536135737312827,
+    },
+    {
+      caption: '\\Ddot{}',
+      snippet: '\\Ddot{$1}',
+      meta: 'bigints-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ignorespacesafterend',
+      snippet: '\\ignorespacesafterend',
+      meta: 'bigints-cmd',
+      score: 0.0010893680553454854,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'bigints-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\Breve{}',
+      snippet: '\\Breve{$1}',
+      meta: 'bigints-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'bigints-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\over{}',
+      snippet: '\\over{$1}',
+      meta: 'bigints-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\over',
+      snippet: '\\over',
+      meta: 'bigints-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\bigotimes',
+      snippet: '\\bigotimes',
+      meta: 'bigints-cmd',
+      score: 0.000984722260624791,
+    },
+    {
+      caption: '\\bigoplus',
+      snippet: '\\bigoplus',
+      meta: 'bigints-cmd',
+      score: 0.0011508785476242003,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'bigints-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\bigcap',
+      snippet: '\\bigcap',
+      meta: 'bigints-cmd',
+      score: 0.005709261168797874,
+    },
+    {
+      caption: '\\xrightarrow{}',
+      snippet: '\\xrightarrow{$1}',
+      meta: 'bigints-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\xrightarrow[]{}',
+      snippet: '\\xrightarrow[$1]{$2}',
+      meta: 'bigints-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\atop',
+      snippet: '\\atop',
+      meta: 'bigints-cmd',
+      score: 0.0006518541515279979,
+    },
+    {
+      caption: '\\dfrac{}{}',
+      snippet: '\\dfrac{$1}{$2}',
+      meta: 'bigints-cmd',
+      score: 0.05397545277891961,
+    },
+    {
+      caption: '\\pmod',
+      snippet: '\\pmod',
+      meta: 'bigints-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\pmod{}',
+      snippet: '\\pmod{$1}',
+      meta: 'bigints-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\notag',
+      snippet: '\\notag',
+      meta: 'bigints-cmd',
+      score: 0.00322520920930312,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'bigints-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\Vec{}',
+      snippet: '\\Vec{$1}',
+      meta: 'bigints-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\bigvee',
+      snippet: '\\bigvee',
+      meta: 'bigints-cmd',
+      score: 0.0011677288242806726,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'bigints-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\hookrightarrow',
+      snippet: '\\hookrightarrow',
+      meta: 'bigints-cmd',
+      score: 0.0015607282046545064,
+    },
+    {
+      caption: '\\bigsqcup',
+      snippet: '\\bigsqcup',
+      meta: 'bigints-cmd',
+      score: 0.0003468284144579442,
+    },
+    {
+      caption: '\\hookleftarrow',
+      snippet: '\\hookleftarrow',
+      meta: 'bigints-cmd',
+      score: 0.0016498799924012809,
+    },
+    {
+      caption: '\\Dot{}',
+      snippet: '\\Dot{$1}',
+      meta: 'bigints-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\dots',
+      snippet: '\\dots',
+      meta: 'bigints-cmd',
+      score: 0.0847414497955395,
+    },
+    {
+      caption: '\\genfrac{}{}{}{}{}{}',
+      snippet: '\\genfrac{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'bigints-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\genfrac',
+      snippet: '\\genfrac',
+      meta: 'bigints-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\cfrac{}{}',
+      snippet: '\\cfrac{$1}{$2}',
+      meta: 'bigints-cmd',
+      score: 0.006765684097139381,
+    },
+    {
+      caption: '\\Acute{}',
+      snippet: '\\Acute{$1}',
+      meta: 'bigints-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ldots',
+      snippet: '\\ldots',
+      meta: 'bigints-cmd',
+      score: 0.11585556755884258,
+    },
+    {
+      caption: '\\coprod',
+      snippet: '\\coprod',
+      meta: 'bigints-cmd',
+      score: 0.00011383372700282614,
+    },
+    {
+      caption: '\\impliedby',
+      snippet: '\\impliedby',
+      meta: 'bigints-cmd',
+      score: 2.3482915591834053e-5,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'bigints-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\idotsint',
+      snippet: '\\idotsint',
+      meta: 'bigints-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\Longrightarrow',
+      snippet: '\\Longrightarrow',
+      meta: 'bigints-cmd',
+      score: 0.002459139437356601,
+    },
+    {
+      caption: '\\allowdisplaybreaks',
+      snippet: '\\allowdisplaybreaks',
+      meta: 'bigints-cmd',
+      score: 0.005931777024772073,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'bigints-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\mod',
+      snippet: '\\mod',
+      meta: 'bigints-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\mod{}',
+      snippet: '\\mod{$1}',
+      meta: 'bigints-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'bigints-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'bigints-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'bigints-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\underset{}{}',
+      snippet: '\\underset{$1}{$2}',
+      meta: 'bigints-cmd',
+      score: 0.012799893214578391,
+    },
+    {
+      caption: '\\dotsc',
+      snippet: '\\dotsc',
+      meta: 'bigints-cmd',
+      score: 0.0008555101484119994,
+    },
+    {
+      caption: '\\doteq',
+      snippet: '\\doteq',
+      meta: 'bigints-cmd',
+      score: 3.164631070474435e-5,
+    },
+    {
+      caption: '\\leftroot{}',
+      snippet: '\\leftroot{$1}',
+      meta: 'bigints-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\substack{}',
+      snippet: '\\substack{$1}',
+      meta: 'bigints-cmd',
+      score: 0.0037482529712850755,
+    },
+    {
+      caption: '\\Hat{}',
+      snippet: '\\Hat{$1}',
+      meta: 'bigints-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'bigints-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\mspace{}',
+      snippet: '\\mspace{$1}',
+      meta: 'bigints-cmd',
+      score: 3.423236656565836e-5,
+    },
+    {
+      caption: '\\Bar{}',
+      snippet: '\\Bar{$1}',
+      meta: 'bigints-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\Grave{}',
+      snippet: '\\Grave{$1}',
+      meta: 'bigints-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'bigints-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\tbinom',
+      snippet: '\\tbinom',
+      meta: 'bigints-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\dotsi',
+      snippet: '\\dotsi',
+      meta: 'bigints-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\bigwedge',
+      snippet: '\\bigwedge',
+      meta: 'bigints-cmd',
+      score: 0.000347742918592393,
+    },
+    {
+      caption: '\\sideset{}{}',
+      snippet: '\\sideset{$1}{$2}',
+      meta: 'bigints-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\smash{}',
+      snippet: '\\smash{$1}',
+      meta: 'bigints-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\smash[]{}',
+      snippet: '\\smash[$1]{$2}',
+      meta: 'bigints-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\colon',
+      snippet: '\\colon',
+      meta: 'bigints-cmd',
+      score: 0.005300291684408929,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'bigints-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\Longleftarrow',
+      snippet: '\\Longleftarrow',
+      meta: 'bigints-cmd',
+      score: 8.477207854183949e-5,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'bigints-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\AmS',
+      snippet: '\\AmS',
+      meta: 'bigints-cmd',
+      score: 0.00047859486202980376,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'bigints-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\tfrac{}{}',
+      snippet: '\\tfrac{$1}{$2}',
+      meta: 'bigints-cmd',
+      score: 0.0005923542426657187,
+    },
+    {
+      caption: '\\uproot{}',
+      snippet: '\\uproot{$1}',
+      meta: 'bigints-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\bmod',
+      snippet: '\\bmod',
+      meta: 'bigints-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\bmod{}',
+      snippet: '\\bmod{$1}',
+      meta: 'bigints-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\pod{}',
+      snippet: '\\pod{$1}',
+      meta: 'bigints-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'bigints-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\longrightarrow',
+      snippet: '\\longrightarrow',
+      meta: 'bigints-cmd',
+      score: 0.013399422292458848,
+    },
+    {
+      caption: '\\xleftarrow[]{}',
+      snippet: '\\xleftarrow[$1]{$2}',
+      meta: 'bigints-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\xleftarrow{}',
+      snippet: '\\xleftarrow{$1}',
+      meta: 'bigints-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\mathaccentV',
+      snippet: '\\mathaccentV',
+      meta: 'bigints-cmd',
+      score: 6.216218551413489e-5,
+    },
+    {
+      caption: '\\hdotsfor{}',
+      snippet: '\\hdotsfor{$1}',
+      meta: 'bigints-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\hdotsfor[]{}',
+      snippet: '\\hdotsfor[$1]{$2}',
+      meta: 'bigints-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'bigints-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'bigints-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\overset{}{}',
+      snippet: '\\overset{$1}{$2}',
+      meta: 'bigints-cmd',
+      score: 0.007611544955294224,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'bigints-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\longleftrightarrow',
+      snippet: '\\longleftrightarrow',
+      meta: 'bigints-cmd',
+      score: 0.0002851769278703356,
+    },
+    {
+      caption: '\\Longleftrightarrow',
+      snippet: '\\Longleftrightarrow',
+      meta: 'bigints-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\Longleftrightarrow{}',
+      snippet: '\\Longleftrightarrow{$1}',
+      meta: 'bigints-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\binom{}{}',
+      snippet: '\\binom{$1}{$2}',
+      meta: 'bigints-cmd',
+      score: 0.013010882180364367,
+    },
+    {
+      caption: '\\longleftarrow',
+      snippet: '\\longleftarrow',
+      meta: 'bigints-cmd',
+      score: 0.0011096532692473691,
+    },
+    {
+      caption: '\\dbinom{}{}',
+      snippet: '\\dbinom{$1}{$2}',
+      meta: 'bigints-cmd',
+      score: 0.006800272303210672,
+    },
+    {
+      caption: '\\Tilde{}',
+      snippet: '\\Tilde{$1}',
+      meta: 'bigints-cmd',
+      score: 7.874446783586035e-5,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'bigints-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'bigints-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'bigints-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'bigints-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'bigints-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'bigints-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'bigints-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'bigints-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'bigints-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'bigints-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'bigints-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'bigints-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'bigints-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'bigints-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'bigints-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'bigints-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'bigints-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'bigints-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'bigints-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'bigints-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'bigints-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'bigints-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'bigints-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'bigints-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'bigints-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'bigints-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'bigints-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'bigints-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'bigints-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'bigints-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'bigints-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'bigints-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'bigints-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'bigints-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'bigints-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'bigints-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'bigints-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'bigints-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'bigints-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'bigints-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'bigints-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'bigints-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'bigints-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'bigints-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'bigints-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'bigints-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'bigints-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'bigints-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'bigints-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'bigints-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'bigints-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'bigints-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'bigints-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'bigints-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'bigints-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'bigints-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bigints-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'bigints-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'bigints-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  classicthesis: [
+    {
+      caption: '\\marginpar{}',
+      snippet: '\\marginpar{$1}',
+      meta: 'classicthesis-cmd',
+      score: 0.003400158497921723,
+    },
+    {
+      caption: '\\marginpar',
+      snippet: '\\marginpar',
+      meta: 'classicthesis-cmd',
+      score: 0.003400158497921723,
+    },
+    {
+      caption: '\\cftsecleader',
+      snippet: '\\cftsecleader',
+      meta: 'classicthesis-cmd',
+      score: 0.0011340882025681251,
+    },
+    {
+      caption: '\\cftsubsecleader',
+      snippet: '\\cftsubsecleader',
+      meta: 'classicthesis-cmd',
+      score: 1.0644172549700836e-5,
+    },
+    {
+      caption: '\\spacedlowsmallcaps{}',
+      snippet: '\\spacedlowsmallcaps{$1}',
+      meta: 'classicthesis-cmd',
+      score: 0.002677188251799468,
+    },
+    {
+      caption: '\\sectionmark',
+      snippet: '\\sectionmark',
+      meta: 'classicthesis-cmd',
+      score: 0.005008938879210868,
+    },
+    {
+      caption: '\\chaptermark',
+      snippet: '\\chaptermark',
+      meta: 'classicthesis-cmd',
+      score: 0.005924520024686584,
+    },
+    {
+      caption: '\\chaptermark{}',
+      snippet: '\\chaptermark{$1}',
+      meta: 'classicthesis-cmd',
+      score: 0.005924520024686584,
+    },
+    {
+      caption: '\\part{}',
+      snippet: '\\part{$1}',
+      meta: 'classicthesis-cmd',
+      score: 0.022180129487444723,
+    },
+    {
+      caption: '\\tocEntry{}',
+      snippet: '\\tocEntry{$1}',
+      meta: 'classicthesis-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\graffito{}',
+      snippet: '\\graffito{$1}',
+      meta: 'classicthesis-cmd',
+      score: 1.1006799670632527e-5,
+    },
+    {
+      caption: '\\chapter{}',
+      snippet: '\\chapter{$1}',
+      meta: 'classicthesis-cmd',
+      score: 0.422097569591803,
+    },
+    {
+      caption: '\\spacedallcaps{}',
+      snippet: '\\spacedallcaps{$1}',
+      meta: 'classicthesis-cmd',
+      score: 0.0015281000475958944,
+    },
+    {
+      caption: '\\cftchapleader',
+      snippet: '\\cftchapleader',
+      meta: 'classicthesis-cmd',
+      score: 1.0644172549700836e-5,
+    },
+    {
+      caption: '\\myVersion',
+      snippet: '\\myVersion',
+      meta: 'classicthesis-cmd',
+      score: 0.00018029288638573757,
+    },
+    {
+      caption: '\\ctparttext{}',
+      snippet: '\\ctparttext{$1}',
+      meta: 'classicthesis-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'classicthesis-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\clearpage',
+      snippet: '\\clearpage',
+      meta: 'classicthesis-cmd',
+      score: 0.1789117552185788,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'classicthesis-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\specialrule{}{}{}',
+      snippet: '\\specialrule{$1}{$2}{$3}',
+      meta: 'classicthesis-cmd',
+      score: 0.004974385202605165,
+    },
+    {
+      caption: '\\cmidrule',
+      snippet: '\\cmidrule',
+      meta: 'classicthesis-cmd',
+      score: 0.01894952272365088,
+    },
+    {
+      caption: '\\cmidrule{}',
+      snippet: '\\cmidrule{$1}',
+      meta: 'classicthesis-cmd',
+      score: 0.01894952272365088,
+    },
+    {
+      caption: '\\bottomrule',
+      snippet: '\\bottomrule',
+      meta: 'classicthesis-cmd',
+      score: 0.04533364657852219,
+    },
+    {
+      caption: '\\midrule',
+      snippet: '\\midrule',
+      meta: 'classicthesis-cmd',
+      score: 0.07098077735912875,
+    },
+    {
+      caption: '\\addlinespace',
+      snippet: '\\addlinespace',
+      meta: 'classicthesis-cmd',
+      score: 0.005865460617491447,
+    },
+    {
+      caption: '\\addlinespace[]',
+      snippet: '\\addlinespace[$1]',
+      meta: 'classicthesis-cmd',
+      score: 0.005865460617491447,
+    },
+    {
+      caption: '\\toprule',
+      snippet: '\\toprule',
+      meta: 'classicthesis-cmd',
+      score: 0.059857788139528495,
+    },
+    {
+      caption: '\\titleclass{}{}[]',
+      snippet: '\\titleclass{$1}{$2}[$3]',
+      meta: 'classicthesis-cmd',
+      score: 0.00028979763314974667,
+    },
+    {
+      caption: '\\titlelabel{}',
+      snippet: '\\titlelabel{$1}',
+      meta: 'classicthesis-cmd',
+      score: 6.40387839367932e-6,
+    },
+    {
+      caption: '\\thetitle',
+      snippet: '\\thetitle',
+      meta: 'classicthesis-cmd',
+      score: 0.0015531478302713473,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'classicthesis-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'classicthesis-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\titleformat{}{}{}{}{}[]',
+      snippet: '\\titleformat{$1}{$2}{$3}{$4}{$5}[$6]',
+      meta: 'classicthesis-cmd',
+      score: 0.03475519439740096,
+    },
+    {
+      caption: '\\titleformat{}[]{}{}{}{}',
+      snippet: '\\titleformat{$1}[$2]{$3}{$4}{$5}{$6}',
+      meta: 'classicthesis-cmd',
+      score: 0.03475519439740096,
+    },
+    {
+      caption: '\\titleformat{}{}',
+      snippet: '\\titleformat{$1}{$2}',
+      meta: 'classicthesis-cmd',
+      score: 0.03475519439740096,
+    },
+    {
+      caption: '\\titleformat{}{}{}{}{}',
+      snippet: '\\titleformat{$1}{$2}{$3}{$4}{$5}',
+      meta: 'classicthesis-cmd',
+      score: 0.03475519439740096,
+    },
+    {
+      caption: '\\titlespacing{}{}{}{}',
+      snippet: '\\titlespacing{$1}{$2}{$3}{$4}',
+      meta: 'classicthesis-cmd',
+      score: 0.023062744385192156,
+    },
+    {
+      caption: '\\markboth{}{}',
+      snippet: '\\markboth{$1}{$2}',
+      meta: 'classicthesis-cmd',
+      score: 0.038323601301945065,
+    },
+    {
+      caption: '\\markboth{}',
+      snippet: '\\markboth{$1}',
+      meta: 'classicthesis-cmd',
+      score: 0.038323601301945065,
+    },
+    {
+      caption: '\\markright{}',
+      snippet: '\\markright{$1}',
+      meta: 'classicthesis-cmd',
+      score: 0.007138622674767024,
+    },
+    {
+      caption: '\\markright{}{}',
+      snippet: '\\markright{$1}{$2}',
+      meta: 'classicthesis-cmd',
+      score: 0.007138622674767024,
+    },
+    {
+      caption: '\\filleft',
+      snippet: '\\filleft',
+      meta: 'classicthesis-cmd',
+      score: 7.959989906732799e-5,
+    },
+    {
+      caption: '\\filcenter',
+      snippet: '\\filcenter',
+      meta: 'classicthesis-cmd',
+      score: 0.0004835660211260246,
+    },
+    {
+      caption: '\\footnote{}',
+      snippet: '\\footnote{$1}',
+      meta: 'classicthesis-cmd',
+      score: 0.2253056071787701,
+    },
+    {
+      caption: '\\cleardoublepage',
+      snippet: '\\cleardoublepage',
+      meta: 'classicthesis-cmd',
+      score: 0.044016804142963585,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'classicthesis-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\chaptertitlename',
+      snippet: '\\chaptertitlename',
+      meta: 'classicthesis-cmd',
+      score: 0.0016985007766926272,
+    },
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'classicthesis-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\filright',
+      snippet: '\\filright',
+      meta: 'classicthesis-cmd',
+      score: 7.959989906732799e-5,
+    },
+    {
+      caption: '\\titlerule',
+      snippet: '\\titlerule',
+      meta: 'classicthesis-cmd',
+      score: 0.019273712561461216,
+    },
+    {
+      caption: '\\titlerule[]{}',
+      snippet: '\\titlerule[$1]{$2}',
+      meta: 'classicthesis-cmd',
+      score: 0.019273712561461216,
+    },
+    {
+      caption: '\\addtokomafont{}{}',
+      snippet: '\\addtokomafont{$1}{$2}',
+      meta: 'classicthesis-cmd',
+      score: 0.0008555564394100388,
+    },
+    {
+      caption: '\\setkomafont{}{}',
+      snippet: '\\setkomafont{$1}{$2}',
+      meta: 'classicthesis-cmd',
+      score: 0.012985816912639263,
+    },
+    {
+      caption: '\\KOMAoptions{}',
+      snippet: '\\KOMAoptions{$1}',
+      meta: 'classicthesis-cmd',
+      score: 0.000396664302361659,
+    },
+    {
+      caption: '\\cite{}',
+      snippet: '\\cite{$1}',
+      meta: 'classicthesis-cmd',
+      score: 2.341195220791228,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'classicthesis-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'classicthesis-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'classicthesis-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'classicthesis-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'classicthesis-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'classicthesis-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'classicthesis-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'classicthesis-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'classicthesis-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\lsstyle',
+      snippet: '\\lsstyle',
+      meta: 'classicthesis-cmd',
+      score: 0.0023367519914345774,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'classicthesis-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\DisableLigatures[]{}',
+      snippet: '\\DisableLigatures[$1]{$2}',
+      meta: 'classicthesis-cmd',
+      score: 0.0009805246614299932,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'classicthesis-cmd',
+      score: 0.00021116765384691477,
+    },
+  ],
+  expl3: [
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'expl3-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'expl3-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  'pst-plot': [
+    {
+      caption: '\\green',
+      snippet: '\\green',
+      meta: 'pst-plot-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\green{}',
+      snippet: '\\green{$1}',
+      meta: 'pst-plot-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\documentclass[]{}',
+      snippet: '\\documentclass[$1]{$2}',
+      meta: 'pst-plot-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\documentclass{}',
+      snippet: '\\documentclass{$1}',
+      meta: 'pst-plot-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\gray',
+      snippet: '\\gray',
+      meta: 'pst-plot-cmd',
+      score: 0.0005786730478266738,
+    },
+    {
+      caption: '\\red{}',
+      snippet: '\\red{$1}',
+      meta: 'pst-plot-cmd',
+      score: 0.006520475264573554,
+    },
+    {
+      caption: '\\red',
+      snippet: '\\red',
+      meta: 'pst-plot-cmd',
+      score: 0.006520475264573554,
+    },
+  ],
+  chemarrow: [
+    {
+      caption: '\\chemarrow',
+      snippet: '\\chemarrow',
+      meta: 'chemarrow-cmd',
+      score: 0.0005176077206367611,
+    },
+  ],
+  prettyref: [
+    {
+      caption: '\\newrefformat{}{}',
+      snippet: '\\newrefformat{$1}{$2}',
+      meta: 'prettyref-cmd',
+      score: 0.001373625900102228,
+    },
+    {
+      caption: '\\prettyref{}',
+      snippet: '\\prettyref{$1}',
+      meta: 'prettyref-cmd',
+      score: 0.005783541047730358,
+    },
+  ],
+  versions: [
+    {
+      caption: '\\includeversion{}',
+      snippet: '\\includeversion{$1}',
+      meta: 'versions-cmd',
+      score: 0.0028410409433993543,
+    },
+    {
+      caption: '\\excludeversion{}',
+      snippet: '\\excludeversion{$1}',
+      meta: 'versions-cmd',
+      score: 0.001742562336270228,
+    },
+    {
+      caption: '\\processifversion{}{}',
+      snippet: '\\processifversion{$1}{$2}',
+      meta: 'versions-cmd',
+      score: 0.0022991412707353805,
+    },
+  ],
+  contour: [
+    {
+      caption: '\\contour{}{}',
+      snippet: '\\contour{$1}{$2}',
+      meta: 'contour-cmd',
+      score: 0.0008245159401597211,
+    },
+    {
+      caption: '\\contourlength{}',
+      snippet: '\\contourlength{$1}',
+      meta: 'contour-cmd',
+      score: 8.130187059343861e-5,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'contour-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'contour-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'contour-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'contour-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'contour-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'contour-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'contour-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'contour-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'contour-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  xintexpr: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'xintexpr-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'xintexpr-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  tocstyle: [
+    {
+      caption: '\\usetocstyle{}',
+      snippet: '\\usetocstyle{$1}',
+      meta: 'tocstyle-cmd',
+      score: 3.2405622997778076e-6,
+    },
+  ],
+  bigdelim: [
+    {
+      caption: '\\multirow{}{}{}',
+      snippet: '\\multirow{$1}{$2}{$3}',
+      meta: 'bigdelim-cmd',
+      score: 0.07525389638751734,
+    },
+    {
+      caption: '\\multirow{}[]{}{}',
+      snippet: '\\multirow{$1}[$2]{$3}{$4}',
+      meta: 'bigdelim-cmd',
+      score: 0.07525389638751734,
+    },
+  ],
+  eulervm: [
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'eulervm-cmd',
+      score: 0.05613164277964739,
+    },
+  ],
+  xr: [
+    {
+      caption: '\\externaldocument{}',
+      snippet: '\\externaldocument{$1}',
+      meta: 'xr-cmd',
+      score: 0.0008648763879096798,
+    },
+  ],
+  yhmath: [
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'yhmath-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\longmapsto',
+      snippet: '\\longmapsto',
+      meta: 'yhmath-cmd',
+      score: 0.0017755897148012264,
+    },
+    {
+      caption: '\\Check{}',
+      snippet: '\\Check{$1}',
+      meta: 'yhmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'yhmath-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'yhmath-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'yhmath-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\And',
+      snippet: '\\And',
+      meta: 'yhmath-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\And{}',
+      snippet: '\\And{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'yhmath-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\boxed{}',
+      snippet: '\\boxed{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.0035536135737312827,
+    },
+    {
+      caption: '\\Ddot{}',
+      snippet: '\\Ddot{$1}',
+      meta: 'yhmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ignorespacesafterend',
+      snippet: '\\ignorespacesafterend',
+      meta: 'yhmath-cmd',
+      score: 0.0010893680553454854,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'yhmath-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\Breve{}',
+      snippet: '\\Breve{$1}',
+      meta: 'yhmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'yhmath-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\over{}',
+      snippet: '\\over{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\over',
+      snippet: '\\over',
+      meta: 'yhmath-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\bigotimes',
+      snippet: '\\bigotimes',
+      meta: 'yhmath-cmd',
+      score: 0.000984722260624791,
+    },
+    {
+      caption: '\\bigoplus',
+      snippet: '\\bigoplus',
+      meta: 'yhmath-cmd',
+      score: 0.0011508785476242003,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'yhmath-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\bigcap',
+      snippet: '\\bigcap',
+      meta: 'yhmath-cmd',
+      score: 0.005709261168797874,
+    },
+    {
+      caption: '\\xrightarrow{}',
+      snippet: '\\xrightarrow{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\xrightarrow[]{}',
+      snippet: '\\xrightarrow[$1]{$2}',
+      meta: 'yhmath-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\atop',
+      snippet: '\\atop',
+      meta: 'yhmath-cmd',
+      score: 0.0006518541515279979,
+    },
+    {
+      caption: '\\dfrac{}{}',
+      snippet: '\\dfrac{$1}{$2}',
+      meta: 'yhmath-cmd',
+      score: 0.05397545277891961,
+    },
+    {
+      caption: '\\pmod',
+      snippet: '\\pmod',
+      meta: 'yhmath-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\pmod{}',
+      snippet: '\\pmod{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\notag',
+      snippet: '\\notag',
+      meta: 'yhmath-cmd',
+      score: 0.00322520920930312,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'yhmath-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\Vec{}',
+      snippet: '\\Vec{$1}',
+      meta: 'yhmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\bigvee',
+      snippet: '\\bigvee',
+      meta: 'yhmath-cmd',
+      score: 0.0011677288242806726,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'yhmath-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\hookrightarrow',
+      snippet: '\\hookrightarrow',
+      meta: 'yhmath-cmd',
+      score: 0.0015607282046545064,
+    },
+    {
+      caption: '\\bigsqcup',
+      snippet: '\\bigsqcup',
+      meta: 'yhmath-cmd',
+      score: 0.0003468284144579442,
+    },
+    {
+      caption: '\\hookleftarrow',
+      snippet: '\\hookleftarrow',
+      meta: 'yhmath-cmd',
+      score: 0.0016498799924012809,
+    },
+    {
+      caption: '\\Dot{}',
+      snippet: '\\Dot{$1}',
+      meta: 'yhmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\dots',
+      snippet: '\\dots',
+      meta: 'yhmath-cmd',
+      score: 0.0847414497955395,
+    },
+    {
+      caption: '\\genfrac{}{}{}{}{}{}',
+      snippet: '\\genfrac{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'yhmath-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\genfrac',
+      snippet: '\\genfrac',
+      meta: 'yhmath-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\cfrac{}{}',
+      snippet: '\\cfrac{$1}{$2}',
+      meta: 'yhmath-cmd',
+      score: 0.006765684097139381,
+    },
+    {
+      caption: '\\Acute{}',
+      snippet: '\\Acute{$1}',
+      meta: 'yhmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ldots',
+      snippet: '\\ldots',
+      meta: 'yhmath-cmd',
+      score: 0.11585556755884258,
+    },
+    {
+      caption: '\\coprod',
+      snippet: '\\coprod',
+      meta: 'yhmath-cmd',
+      score: 0.00011383372700282614,
+    },
+    {
+      caption: '\\impliedby',
+      snippet: '\\impliedby',
+      meta: 'yhmath-cmd',
+      score: 2.3482915591834053e-5,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'yhmath-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\idotsint',
+      snippet: '\\idotsint',
+      meta: 'yhmath-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\Longrightarrow',
+      snippet: '\\Longrightarrow',
+      meta: 'yhmath-cmd',
+      score: 0.002459139437356601,
+    },
+    {
+      caption: '\\allowdisplaybreaks',
+      snippet: '\\allowdisplaybreaks',
+      meta: 'yhmath-cmd',
+      score: 0.005931777024772073,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\mod',
+      snippet: '\\mod',
+      meta: 'yhmath-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\mod{}',
+      snippet: '\\mod{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'yhmath-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'yhmath-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\underset{}{}',
+      snippet: '\\underset{$1}{$2}',
+      meta: 'yhmath-cmd',
+      score: 0.012799893214578391,
+    },
+    {
+      caption: '\\dotsc',
+      snippet: '\\dotsc',
+      meta: 'yhmath-cmd',
+      score: 0.0008555101484119994,
+    },
+    {
+      caption: '\\doteq',
+      snippet: '\\doteq',
+      meta: 'yhmath-cmd',
+      score: 3.164631070474435e-5,
+    },
+    {
+      caption: '\\leftroot{}',
+      snippet: '\\leftroot{$1}',
+      meta: 'yhmath-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\substack{}',
+      snippet: '\\substack{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.0037482529712850755,
+    },
+    {
+      caption: '\\Hat{}',
+      snippet: '\\Hat{$1}',
+      meta: 'yhmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'yhmath-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\mspace{}',
+      snippet: '\\mspace{$1}',
+      meta: 'yhmath-cmd',
+      score: 3.423236656565836e-5,
+    },
+    {
+      caption: '\\Bar{}',
+      snippet: '\\Bar{$1}',
+      meta: 'yhmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\Grave{}',
+      snippet: '\\Grave{$1}',
+      meta: 'yhmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'yhmath-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\tbinom',
+      snippet: '\\tbinom',
+      meta: 'yhmath-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\dotsi',
+      snippet: '\\dotsi',
+      meta: 'yhmath-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\bigwedge',
+      snippet: '\\bigwedge',
+      meta: 'yhmath-cmd',
+      score: 0.000347742918592393,
+    },
+    {
+      caption: '\\sideset{}{}',
+      snippet: '\\sideset{$1}{$2}',
+      meta: 'yhmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\smash{}',
+      snippet: '\\smash{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\smash[]{}',
+      snippet: '\\smash[$1]{$2}',
+      meta: 'yhmath-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\colon',
+      snippet: '\\colon',
+      meta: 'yhmath-cmd',
+      score: 0.005300291684408929,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\Longleftarrow',
+      snippet: '\\Longleftarrow',
+      meta: 'yhmath-cmd',
+      score: 8.477207854183949e-5,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'yhmath-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\AmS',
+      snippet: '\\AmS',
+      meta: 'yhmath-cmd',
+      score: 0.00047859486202980376,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\tfrac{}{}',
+      snippet: '\\tfrac{$1}{$2}',
+      meta: 'yhmath-cmd',
+      score: 0.0005923542426657187,
+    },
+    {
+      caption: '\\uproot{}',
+      snippet: '\\uproot{$1}',
+      meta: 'yhmath-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\bmod',
+      snippet: '\\bmod',
+      meta: 'yhmath-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\bmod{}',
+      snippet: '\\bmod{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\pod{}',
+      snippet: '\\pod{$1}',
+      meta: 'yhmath-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'yhmath-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\longrightarrow',
+      snippet: '\\longrightarrow',
+      meta: 'yhmath-cmd',
+      score: 0.013399422292458848,
+    },
+    {
+      caption: '\\xleftarrow[]{}',
+      snippet: '\\xleftarrow[$1]{$2}',
+      meta: 'yhmath-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\xleftarrow{}',
+      snippet: '\\xleftarrow{$1}',
+      meta: 'yhmath-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\mathaccentV',
+      snippet: '\\mathaccentV',
+      meta: 'yhmath-cmd',
+      score: 6.216218551413489e-5,
+    },
+    {
+      caption: '\\hdotsfor{}',
+      snippet: '\\hdotsfor{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\hdotsfor[]{}',
+      snippet: '\\hdotsfor[$1]{$2}',
+      meta: 'yhmath-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'yhmath-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'yhmath-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\overset{}{}',
+      snippet: '\\overset{$1}{$2}',
+      meta: 'yhmath-cmd',
+      score: 0.007611544955294224,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'yhmath-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\longleftrightarrow',
+      snippet: '\\longleftrightarrow',
+      meta: 'yhmath-cmd',
+      score: 0.0002851769278703356,
+    },
+    {
+      caption: '\\Longleftrightarrow',
+      snippet: '\\Longleftrightarrow',
+      meta: 'yhmath-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\Longleftrightarrow{}',
+      snippet: '\\Longleftrightarrow{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\binom{}{}',
+      snippet: '\\binom{$1}{$2}',
+      meta: 'yhmath-cmd',
+      score: 0.013010882180364367,
+    },
+    {
+      caption: '\\longleftarrow',
+      snippet: '\\longleftarrow',
+      meta: 'yhmath-cmd',
+      score: 0.0011096532692473691,
+    },
+    {
+      caption: '\\dbinom{}{}',
+      snippet: '\\dbinom{$1}{$2}',
+      meta: 'yhmath-cmd',
+      score: 0.006800272303210672,
+    },
+    {
+      caption: '\\Tilde{}',
+      snippet: '\\Tilde{$1}',
+      meta: 'yhmath-cmd',
+      score: 7.874446783586035e-5,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'yhmath-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'yhmath-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'yhmath-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'yhmath-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'yhmath-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'yhmath-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'yhmath-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'yhmath-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'yhmath-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'yhmath-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'yhmath-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'yhmath-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'yhmath-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'yhmath-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'yhmath-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'yhmath-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'yhmath-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'yhmath-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'yhmath-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'yhmath-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'yhmath-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'yhmath-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'yhmath-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'yhmath-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'yhmath-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'yhmath-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'yhmath-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'yhmath-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'yhmath-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'yhmath-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'yhmath-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'yhmath-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'yhmath-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'yhmath-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'yhmath-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'yhmath-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'yhmath-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'yhmath-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'yhmath-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'yhmath-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'yhmath-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'yhmath-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'yhmath-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  XCharter: [
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'XCharter-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'XCharter-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'XCharter-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'XCharter-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'XCharter-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'XCharter-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'XCharter-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'XCharter-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'XCharter-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'XCharter-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'XCharter-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'XCharter-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'XCharter-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'XCharter-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'XCharter-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'XCharter-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'XCharter-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'XCharter-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'XCharter-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'XCharter-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'XCharter-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'XCharter-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'XCharter-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'XCharter-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'XCharter-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  'tikz-feynman': [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikz-feynman-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'tikz-feynman-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'tikz-feynman-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikz-feynman-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-feynman-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-feynman-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikz-feynman-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-feynman-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikz-feynman-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikz-feynman-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-feynman-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'tikz-feynman-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  easylist: [
+    {
+      caption: '\\ListProperties',
+      snippet: '\\ListProperties',
+      meta: 'easylist-cmd',
+      score: 5.7747123038330224e-5,
+    },
+  ],
+  hologo: [
+    {
+      caption: '\\hologo{}',
+      snippet: '\\hologo{$1}',
+      meta: 'hologo-cmd',
+      score: 0.00028086100750460613,
+    },
+  ],
+  cases: [
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'cases-cmd',
+      score: 0.002995924112493351,
+    },
+  ],
+  xint: [
+    {
+      caption: '\\xintSgnFork{}',
+      snippet: '\\xintSgnFork{$1}',
+      meta: 'xint-cmd',
+      score: 0.0005720629946669665,
+    },
+    {
+      caption: '\\xintCmp{}{}',
+      snippet: '\\xintCmp{$1}{$2}',
+      meta: 'xint-cmd',
+      score: 0.0002860314973334833,
+    },
+    {
+      caption: '\\xintOdd{}',
+      snippet: '\\xintOdd{$1}',
+      meta: 'xint-cmd',
+      score: 0.0002860314973334833,
+    },
+    {
+      caption: '\\xintGeq',
+      snippet: '\\xintGeq',
+      meta: 'xint-cmd',
+      score: 0.0002860314973334833,
+    },
+  ],
+  inputenx: [
+    {
+      caption: '\\inputencoding{}',
+      snippet: '\\inputencoding{$1}',
+      meta: 'inputenx-cmd',
+      score: 0.0002447047447770061,
+    },
+  ],
+  vwcol: [
+    {
+      caption: '\\selectfont',
+      snippet: '\\selectfont',
+      meta: 'vwcol-cmd',
+      score: 0.04598628699063736,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'vwcol-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\justifying',
+      snippet: '\\justifying',
+      meta: 'vwcol-cmd',
+      score: 0.010373702256548788,
+    },
+    {
+      caption: '\\justifying{}',
+      snippet: '\\justifying{$1}',
+      meta: 'vwcol-cmd',
+      score: 0.010373702256548788,
+    },
+    {
+      caption: '\\RaggedRight',
+      snippet: '\\RaggedRight',
+      meta: 'vwcol-cmd',
+      score: 0.001021021782267457,
+    },
+    {
+      caption: '\\Centering',
+      snippet: '\\Centering',
+      meta: 'vwcol-cmd',
+      score: 0.00037395241488843035,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'vwcol-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'vwcol-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'vwcol-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'vwcol-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'vwcol-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'vwcol-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'vwcol-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'vwcol-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'vwcol-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'vwcol-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'vwcol-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'vwcol-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'vwcol-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'vwcol-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'vwcol-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'vwcol-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'vwcol-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'vwcol-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'vwcol-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'vwcol-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  multimedia: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'multimedia-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  sgame: [
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'sgame-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'sgame-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'sgame-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'sgame-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'sgame-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'sgame-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'sgame-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'sgame-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  bussproofs: [
+    {
+      caption: '\\makeatletter',
+      snippet: '\\makeatletter',
+      meta: 'bussproofs-cmd',
+      score: 0.041979363643201636,
+    },
+    {
+      caption: '\\makeatother',
+      snippet: '\\makeatother',
+      meta: 'bussproofs-cmd',
+      score: 0.03923442255397878,
+    },
+  ],
+  titlepic: [
+    {
+      caption: '\\titlepic{}',
+      snippet: '\\titlepic{$1}',
+      meta: 'titlepic-cmd',
+      score: 0.00020896323441399082,
+    },
+    {
+      caption: '\\maketitle',
+      snippet: '\\maketitle',
+      meta: 'titlepic-cmd',
+      score: 0.7504160124360846,
+    },
+  ],
+  paracol: [
+    {
+      caption: '\\switchcolumn',
+      snippet: '\\switchcolumn',
+      meta: 'paracol-cmd',
+      score: 0.0008273060639466222,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'paracol-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  polyglossia: [
+    {
+      caption: '\\markboth{}{}',
+      snippet: '\\markboth{$1}{$2}',
+      meta: 'polyglossia-cmd',
+      score: 0.038323601301945065,
+    },
+    {
+      caption: '\\markboth{}',
+      snippet: '\\markboth{$1}',
+      meta: 'polyglossia-cmd',
+      score: 0.038323601301945065,
+    },
+    {
+      caption: '\\normalfont',
+      snippet: '\\normalfont',
+      meta: 'polyglossia-cmd',
+      score: 0.06871177093091137,
+    },
+    {
+      caption: '\\normalfont{}',
+      snippet: '\\normalfont{$1}',
+      meta: 'polyglossia-cmd',
+      score: 0.06871177093091137,
+    },
+    {
+      caption: '\\setdefaultlanguage{}',
+      snippet: '\\setdefaultlanguage{$1}',
+      meta: 'polyglossia-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'polyglossia-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'polyglossia-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'polyglossia-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'polyglossia-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'polyglossia-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'polyglossia-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'polyglossia-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'polyglossia-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'polyglossia-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'polyglossia-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'polyglossia-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'polyglossia-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'polyglossia-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'polyglossia-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'polyglossia-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'polyglossia-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'polyglossia-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'polyglossia-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'polyglossia-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'polyglossia-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'polyglossia-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'polyglossia-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'polyglossia-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'polyglossia-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'polyglossia-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'polyglossia-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  'zref-user': [
+    {
+      caption: '\\zlabel{}',
+      snippet: '\\zlabel{$1}',
+      meta: 'zref-user-cmd',
+      score: 0.0005277905480209891,
+    },
+    {
+      caption: '\\zref',
+      snippet: '\\zref',
+      meta: 'zref-user-cmd',
+      score: 0.002193637536912482,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-user-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-user-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-user-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\check{}',
+      snippet: '\\check{$1}',
+      meta: 'zref-user-cmd',
+      score: 0.0058342578961340175,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'zref-user-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-user-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-user-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'zref-user-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-user-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-user-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'zref-user-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'zref-user-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-user-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-user-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-user-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'zref-user-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-user-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-user-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-user-cmd',
+      score: 0.002958865219480927,
+    },
+  ],
+  'zref-abspage': [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-abspage-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'zref-abspage-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'zref-abspage-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\AtBeginShipout{}',
+      snippet: '\\AtBeginShipout{$1}',
+      meta: 'zref-abspage-cmd',
+      score: 0.00047530324346933345,
+    },
+    {
+      caption: '\\AtBeginShipoutNext{}',
+      snippet: '\\AtBeginShipoutNext{$1}',
+      meta: 'zref-abspage-cmd',
+      score: 0.0005277905480209891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-abspage-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-abspage-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-abspage-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-abspage-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\check{}',
+      snippet: '\\check{$1}',
+      meta: 'zref-abspage-cmd',
+      score: 0.0058342578961340175,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'zref-abspage-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-abspage-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-abspage-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'zref-abspage-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-abspage-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-abspage-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'zref-abspage-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'zref-abspage-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-abspage-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-abspage-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-abspage-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'zref-abspage-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-abspage-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-abspage-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-abspage-cmd',
+      score: 0.002958865219480927,
+    },
+  ],
+  quotchap: [
+    {
+      caption: '\\chapter{}',
+      snippet: '\\chapter{$1}',
+      meta: 'quotchap-cmd',
+      score: 0.422097569591803,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'quotchap-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'quotchap-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\qauthor{}',
+      snippet: '\\qauthor{$1}',
+      meta: 'quotchap-cmd',
+      score: 0.002335082759143631,
+    },
+  ],
+  misccorr: [
+    {
+      caption: '\\subsection{}',
+      snippet: '\\subsection{$1}',
+      meta: 'misccorr-cmd',
+      score: 1.3890912739512353,
+    },
+    {
+      caption: '\\section{}',
+      snippet: '\\section{$1}',
+      meta: 'misccorr-cmd',
+      score: 3.0952612541683835,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'misccorr-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\makelabel',
+      snippet: '\\makelabel',
+      meta: 'misccorr-cmd',
+      score: 5.739925426740175e-5,
+    },
+    {
+      caption: '\\makelabel{}',
+      snippet: '\\makelabel{$1}',
+      meta: 'misccorr-cmd',
+      score: 5.739925426740175e-5,
+    },
+    {
+      caption: '\\makelabel[]{}',
+      snippet: '\\makelabel[$1]{$2}',
+      meta: 'misccorr-cmd',
+      score: 5.739925426740175e-5,
+    },
+    {
+      caption: '\\frak{}',
+      snippet: '\\frak{$1}',
+      meta: 'misccorr-cmd',
+      score: 0.0017966000518546787,
+    },
+    {
+      caption: '\\checkmark',
+      snippet: '\\checkmark',
+      meta: 'misccorr-cmd',
+      score: 0.025060530944368123,
+    },
+    {
+      caption: '\\bold',
+      snippet: '\\bold',
+      meta: 'misccorr-cmd',
+      score: 0.0014358547624941567,
+    },
+    {
+      caption: '\\bold{}',
+      snippet: '\\bold{$1}',
+      meta: 'misccorr-cmd',
+      score: 0.0014358547624941567,
+    },
+    {
+      caption: '\\Bbb{}',
+      snippet: '\\Bbb{$1}',
+      meta: 'misccorr-cmd',
+      score: 0.0006671850995492977,
+    },
+    {
+      caption: '\\Bbb',
+      snippet: '\\Bbb',
+      meta: 'misccorr-cmd',
+      score: 0.0006671850995492977,
+    },
+  ],
+  academicons: [
+    {
+      caption: '\\aiResearchGateSquare',
+      snippet: '\\aiResearchGateSquare',
+      meta: 'academicons-cmd',
+      score: 0.0005747853176838451,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'academicons-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'academicons-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  tasks: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tasks-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tasks-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tasks-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tasks-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'tasks-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'tasks-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tasks-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tasks-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tasks-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tasks-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tasks-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tasks-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tasks-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'tasks-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'tasks-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'tasks-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'tasks-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'tasks-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'tasks-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'tasks-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'tasks-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'tasks-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'tasks-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'tasks-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'tasks-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'tasks-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'tasks-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'tasks-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'tasks-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tasks-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'tasks-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'tasks-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'tasks-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'tasks-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tasks-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'tasks-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tasks-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tasks-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'tasks-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'tasks-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'tasks-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'tasks-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'tasks-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tasks-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'tasks-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'tasks-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tasks-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'tasks-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'tasks-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'tasks-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'tasks-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  'pstricks-add': [
+    {
+      caption: '\\green',
+      snippet: '\\green',
+      meta: 'pstricks-add-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\green{}',
+      snippet: '\\green{$1}',
+      meta: 'pstricks-add-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\documentclass[]{}',
+      snippet: '\\documentclass[$1]{$2}',
+      meta: 'pstricks-add-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\documentclass{}',
+      snippet: '\\documentclass{$1}',
+      meta: 'pstricks-add-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\gray',
+      snippet: '\\gray',
+      meta: 'pstricks-add-cmd',
+      score: 0.0005786730478266738,
+    },
+    {
+      caption: '\\red{}',
+      snippet: '\\red{$1}',
+      meta: 'pstricks-add-cmd',
+      score: 0.006520475264573554,
+    },
+    {
+      caption: '\\red',
+      snippet: '\\red',
+      meta: 'pstricks-add-cmd',
+      score: 0.006520475264573554,
+    },
+  ],
+  extramarks: [
+    {
+      caption: '\\leftmark',
+      snippet: '\\leftmark',
+      meta: 'extramarks-cmd',
+      score: 0.01094124445235767,
+    },
+    {
+      caption: '\\extramarks{}{}',
+      snippet: '\\extramarks{$1}{$2}',
+      meta: 'extramarks-cmd',
+      score: 0.0003269562507660904,
+    },
+    {
+      caption: '\\markboth{}{}',
+      snippet: '\\markboth{$1}{$2}',
+      meta: 'extramarks-cmd',
+      score: 0.038323601301945065,
+    },
+    {
+      caption: '\\markboth{}',
+      snippet: '\\markboth{$1}',
+      meta: 'extramarks-cmd',
+      score: 0.038323601301945065,
+    },
+    {
+      caption: '\\markright{}',
+      snippet: '\\markright{$1}',
+      meta: 'extramarks-cmd',
+      score: 0.007138622674767024,
+    },
+    {
+      caption: '\\markright{}{}',
+      snippet: '\\markright{$1}{$2}',
+      meta: 'extramarks-cmd',
+      score: 0.007138622674767024,
+    },
+    {
+      caption: '\\rightmark',
+      snippet: '\\rightmark',
+      meta: 'extramarks-cmd',
+      score: 0.008472328846194114,
+    },
+  ],
+  calrsfs: [
+    {
+      caption: '\\mathcal{}',
+      snippet: '\\mathcal{$1}',
+      meta: 'calrsfs-cmd',
+      score: 0.35084018920966636,
+    },
+  ],
+  newlfont: [
+    {
+      caption: '\\em',
+      snippet: '\\em',
+      meta: 'newlfont-cmd',
+      score: 0.10357353994640862,
+    },
+  ],
+  mdwtab: [
+    {
+      caption: '\\cline{}',
+      snippet: '\\cline{$1}',
+      meta: 'mdwtab-cmd',
+      score: 0.07276573550543858,
+    },
+    {
+      caption: '\\hline',
+      snippet: '\\hline',
+      meta: 'mdwtab-cmd',
+      score: 1.3209538327406387,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'mdwtab-cmd',
+      score: 0.5473606021405326,
+    },
+  ],
+  mdwmath: [
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'mdwmath-cmd',
+      score: 0.04318078602869565,
+    },
+  ],
+  wallpaper: [
+    {
+      caption: '\\CenterWallPaper{}{}',
+      snippet: '\\CenterWallPaper{$1}{$2}',
+      meta: 'wallpaper-cmd',
+      score: 0.00042983945496357105,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'wallpaper-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'wallpaper-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'wallpaper-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'wallpaper-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'wallpaper-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'wallpaper-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'wallpaper-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'wallpaper-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'wallpaper-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'wallpaper-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\AtBeginShipout{}',
+      snippet: '\\AtBeginShipout{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.00047530324346933345,
+    },
+    {
+      caption: '\\AtBeginShipoutNext{}',
+      snippet: '\\AtBeginShipoutNext{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.0005277905480209891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'wallpaper-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\AddToShipoutPictureFG{}',
+      snippet: '\\AddToShipoutPictureFG{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.000325977535138643,
+    },
+    {
+      caption: '\\AddToShipoutPictureBG{}',
+      snippet: '\\AddToShipoutPictureBG{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.0008957666085644653,
+    },
+    {
+      caption: '\\AtPageUpperLeft{}',
+      snippet: '\\AtPageUpperLeft{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.0003608141410278152,
+    },
+    {
+      caption: '\\LenToUnit{}',
+      snippet: '\\LenToUnit{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.0007216282820556304,
+    },
+    {
+      caption: '\\AddToShipoutPicture{}',
+      snippet: '\\AddToShipoutPicture{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.0017658629469099734,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'wallpaper-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'wallpaper-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'wallpaper-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'wallpaper-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'wallpaper-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'wallpaper-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'wallpaper-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'wallpaper-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'wallpaper-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'wallpaper-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'wallpaper-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'wallpaper-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'wallpaper-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'wallpaper-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'wallpaper-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'wallpaper-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  newunicodechar: [
+    {
+      caption: '\\newunicodechar{}{}',
+      snippet: '\\newunicodechar{$1}{$2}',
+      meta: 'newunicodechar-cmd',
+      score: 8.718084183564492e-5,
+    },
+  ],
+  thmtools: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'thmtools-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\listtheoremname',
+      snippet: '\\listtheoremname',
+      meta: 'thmtools-cmd',
+      score: 1.9443373798666845e-5,
+    },
+    {
+      caption: '\\thmtformatoptarg',
+      snippet: '\\thmtformatoptarg',
+      meta: 'thmtools-cmd',
+      score: 6.353668036093916e-5,
+    },
+    {
+      caption: '\\listoftheorems[]',
+      snippet: '\\listoftheorems[$1]',
+      meta: 'thmtools-cmd',
+      score: 1.9443373798666845e-5,
+    },
+    {
+      caption: '\\declaretheoremstyle[]{}',
+      snippet: '\\declaretheoremstyle[$1]{$2}',
+      meta: 'thmtools-cmd',
+      score: 0.0001168034231635369,
+    },
+    {
+      caption: '\\declaretheorem[]{}',
+      snippet: '\\declaretheorem[$1]{$2}',
+      meta: 'thmtools-cmd',
+      score: 0.0004904790216915127,
+    },
+    {
+      caption: '\\theoremstyle{}',
+      snippet: '\\theoremstyle{$1}',
+      meta: 'thmtools-cmd',
+      score: 0.02533412165007986,
+    },
+    {
+      caption: '\\proof{}',
+      snippet: '\\proof{$1}',
+      meta: 'thmtools-cmd',
+      score: 0.000701497773639073,
+    },
+    {
+      caption: '\\proof',
+      snippet: '\\proof',
+      meta: 'thmtools-cmd',
+      score: 0.000701497773639073,
+    },
+    {
+      caption: '\\newtheorem{}[]{}',
+      snippet: '\\newtheorem{$1}[$2]{$3}',
+      meta: 'thmtools-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\newtheorem{}{}',
+      snippet: '\\newtheorem{$1}{$2}',
+      meta: 'thmtools-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\newtheorem{}{}[]',
+      snippet: '\\newtheorem{$1}{$2}[$3]',
+      meta: 'thmtools-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\endproof',
+      snippet: '\\endproof',
+      meta: 'thmtools-cmd',
+      score: 0.0006133100544751855,
+    },
+    {
+      caption: '\\endproof{}',
+      snippet: '\\endproof{$1}',
+      meta: 'thmtools-cmd',
+      score: 0.0006133100544751855,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'thmtools-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'thmtools-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'thmtools-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  nccmath: [
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'nccmath-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'nccmath-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\longmapsto',
+      snippet: '\\longmapsto',
+      meta: 'nccmath-cmd',
+      score: 0.0017755897148012264,
+    },
+    {
+      caption: '\\Check{}',
+      snippet: '\\Check{$1}',
+      meta: 'nccmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'nccmath-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'nccmath-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'nccmath-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\And',
+      snippet: '\\And',
+      meta: 'nccmath-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\And{}',
+      snippet: '\\And{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'nccmath-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\boxed{}',
+      snippet: '\\boxed{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.0035536135737312827,
+    },
+    {
+      caption: '\\Ddot{}',
+      snippet: '\\Ddot{$1}',
+      meta: 'nccmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ignorespacesafterend',
+      snippet: '\\ignorespacesafterend',
+      meta: 'nccmath-cmd',
+      score: 0.0010893680553454854,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'nccmath-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\Breve{}',
+      snippet: '\\Breve{$1}',
+      meta: 'nccmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'nccmath-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\over{}',
+      snippet: '\\over{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\over',
+      snippet: '\\over',
+      meta: 'nccmath-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\bigotimes',
+      snippet: '\\bigotimes',
+      meta: 'nccmath-cmd',
+      score: 0.000984722260624791,
+    },
+    {
+      caption: '\\bigoplus',
+      snippet: '\\bigoplus',
+      meta: 'nccmath-cmd',
+      score: 0.0011508785476242003,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'nccmath-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\bigcap',
+      snippet: '\\bigcap',
+      meta: 'nccmath-cmd',
+      score: 0.005709261168797874,
+    },
+    {
+      caption: '\\xrightarrow{}',
+      snippet: '\\xrightarrow{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\xrightarrow[]{}',
+      snippet: '\\xrightarrow[$1]{$2}',
+      meta: 'nccmath-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\atop',
+      snippet: '\\atop',
+      meta: 'nccmath-cmd',
+      score: 0.0006518541515279979,
+    },
+    {
+      caption: '\\dfrac{}{}',
+      snippet: '\\dfrac{$1}{$2}',
+      meta: 'nccmath-cmd',
+      score: 0.05397545277891961,
+    },
+    {
+      caption: '\\pmod',
+      snippet: '\\pmod',
+      meta: 'nccmath-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\pmod{}',
+      snippet: '\\pmod{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\notag',
+      snippet: '\\notag',
+      meta: 'nccmath-cmd',
+      score: 0.00322520920930312,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'nccmath-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\Vec{}',
+      snippet: '\\Vec{$1}',
+      meta: 'nccmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\bigvee',
+      snippet: '\\bigvee',
+      meta: 'nccmath-cmd',
+      score: 0.0011677288242806726,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'nccmath-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\hookrightarrow',
+      snippet: '\\hookrightarrow',
+      meta: 'nccmath-cmd',
+      score: 0.0015607282046545064,
+    },
+    {
+      caption: '\\bigsqcup',
+      snippet: '\\bigsqcup',
+      meta: 'nccmath-cmd',
+      score: 0.0003468284144579442,
+    },
+    {
+      caption: '\\hookleftarrow',
+      snippet: '\\hookleftarrow',
+      meta: 'nccmath-cmd',
+      score: 0.0016498799924012809,
+    },
+    {
+      caption: '\\Dot{}',
+      snippet: '\\Dot{$1}',
+      meta: 'nccmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\dots',
+      snippet: '\\dots',
+      meta: 'nccmath-cmd',
+      score: 0.0847414497955395,
+    },
+    {
+      caption: '\\genfrac{}{}{}{}{}{}',
+      snippet: '\\genfrac{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'nccmath-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\genfrac',
+      snippet: '\\genfrac',
+      meta: 'nccmath-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\cfrac{}{}',
+      snippet: '\\cfrac{$1}{$2}',
+      meta: 'nccmath-cmd',
+      score: 0.006765684097139381,
+    },
+    {
+      caption: '\\Acute{}',
+      snippet: '\\Acute{$1}',
+      meta: 'nccmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ldots',
+      snippet: '\\ldots',
+      meta: 'nccmath-cmd',
+      score: 0.11585556755884258,
+    },
+    {
+      caption: '\\coprod',
+      snippet: '\\coprod',
+      meta: 'nccmath-cmd',
+      score: 0.00011383372700282614,
+    },
+    {
+      caption: '\\impliedby',
+      snippet: '\\impliedby',
+      meta: 'nccmath-cmd',
+      score: 2.3482915591834053e-5,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'nccmath-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\idotsint',
+      snippet: '\\idotsint',
+      meta: 'nccmath-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\Longrightarrow',
+      snippet: '\\Longrightarrow',
+      meta: 'nccmath-cmd',
+      score: 0.002459139437356601,
+    },
+    {
+      caption: '\\allowdisplaybreaks',
+      snippet: '\\allowdisplaybreaks',
+      meta: 'nccmath-cmd',
+      score: 0.005931777024772073,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\mod',
+      snippet: '\\mod',
+      meta: 'nccmath-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\mod{}',
+      snippet: '\\mod{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'nccmath-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'nccmath-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\underset{}{}',
+      snippet: '\\underset{$1}{$2}',
+      meta: 'nccmath-cmd',
+      score: 0.012799893214578391,
+    },
+    {
+      caption: '\\dotsc',
+      snippet: '\\dotsc',
+      meta: 'nccmath-cmd',
+      score: 0.0008555101484119994,
+    },
+    {
+      caption: '\\doteq',
+      snippet: '\\doteq',
+      meta: 'nccmath-cmd',
+      score: 3.164631070474435e-5,
+    },
+    {
+      caption: '\\leftroot{}',
+      snippet: '\\leftroot{$1}',
+      meta: 'nccmath-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\substack{}',
+      snippet: '\\substack{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.0037482529712850755,
+    },
+    {
+      caption: '\\Hat{}',
+      snippet: '\\Hat{$1}',
+      meta: 'nccmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'nccmath-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\mspace{}',
+      snippet: '\\mspace{$1}',
+      meta: 'nccmath-cmd',
+      score: 3.423236656565836e-5,
+    },
+    {
+      caption: '\\Bar{}',
+      snippet: '\\Bar{$1}',
+      meta: 'nccmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\Grave{}',
+      snippet: '\\Grave{$1}',
+      meta: 'nccmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'nccmath-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\tbinom',
+      snippet: '\\tbinom',
+      meta: 'nccmath-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\dotsi',
+      snippet: '\\dotsi',
+      meta: 'nccmath-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\bigwedge',
+      snippet: '\\bigwedge',
+      meta: 'nccmath-cmd',
+      score: 0.000347742918592393,
+    },
+    {
+      caption: '\\sideset{}{}',
+      snippet: '\\sideset{$1}{$2}',
+      meta: 'nccmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\smash{}',
+      snippet: '\\smash{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\smash[]{}',
+      snippet: '\\smash[$1]{$2}',
+      meta: 'nccmath-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\colon',
+      snippet: '\\colon',
+      meta: 'nccmath-cmd',
+      score: 0.005300291684408929,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\Longleftarrow',
+      snippet: '\\Longleftarrow',
+      meta: 'nccmath-cmd',
+      score: 8.477207854183949e-5,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'nccmath-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\AmS',
+      snippet: '\\AmS',
+      meta: 'nccmath-cmd',
+      score: 0.00047859486202980376,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\tfrac{}{}',
+      snippet: '\\tfrac{$1}{$2}',
+      meta: 'nccmath-cmd',
+      score: 0.0005923542426657187,
+    },
+    {
+      caption: '\\uproot{}',
+      snippet: '\\uproot{$1}',
+      meta: 'nccmath-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\bmod',
+      snippet: '\\bmod',
+      meta: 'nccmath-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\bmod{}',
+      snippet: '\\bmod{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\pod{}',
+      snippet: '\\pod{$1}',
+      meta: 'nccmath-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'nccmath-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\longrightarrow',
+      snippet: '\\longrightarrow',
+      meta: 'nccmath-cmd',
+      score: 0.013399422292458848,
+    },
+    {
+      caption: '\\xleftarrow[]{}',
+      snippet: '\\xleftarrow[$1]{$2}',
+      meta: 'nccmath-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\xleftarrow{}',
+      snippet: '\\xleftarrow{$1}',
+      meta: 'nccmath-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\mathaccentV',
+      snippet: '\\mathaccentV',
+      meta: 'nccmath-cmd',
+      score: 6.216218551413489e-5,
+    },
+    {
+      caption: '\\hdotsfor{}',
+      snippet: '\\hdotsfor{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\hdotsfor[]{}',
+      snippet: '\\hdotsfor[$1]{$2}',
+      meta: 'nccmath-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'nccmath-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'nccmath-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\overset{}{}',
+      snippet: '\\overset{$1}{$2}',
+      meta: 'nccmath-cmd',
+      score: 0.007611544955294224,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'nccmath-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\longleftrightarrow',
+      snippet: '\\longleftrightarrow',
+      meta: 'nccmath-cmd',
+      score: 0.0002851769278703356,
+    },
+    {
+      caption: '\\Longleftrightarrow',
+      snippet: '\\Longleftrightarrow',
+      meta: 'nccmath-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\Longleftrightarrow{}',
+      snippet: '\\Longleftrightarrow{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\binom{}{}',
+      snippet: '\\binom{$1}{$2}',
+      meta: 'nccmath-cmd',
+      score: 0.013010882180364367,
+    },
+    {
+      caption: '\\longleftarrow',
+      snippet: '\\longleftarrow',
+      meta: 'nccmath-cmd',
+      score: 0.0011096532692473691,
+    },
+    {
+      caption: '\\dbinom{}{}',
+      snippet: '\\dbinom{$1}{$2}',
+      meta: 'nccmath-cmd',
+      score: 0.006800272303210672,
+    },
+    {
+      caption: '\\Tilde{}',
+      snippet: '\\Tilde{$1}',
+      meta: 'nccmath-cmd',
+      score: 7.874446783586035e-5,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'nccmath-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'nccmath-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'nccmath-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'nccmath-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'nccmath-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'nccmath-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'nccmath-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'nccmath-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'nccmath-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'nccmath-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'nccmath-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'nccmath-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'nccmath-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'nccmath-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'nccmath-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'nccmath-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'nccmath-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'nccmath-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'nccmath-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'nccmath-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'nccmath-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'nccmath-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'nccmath-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'nccmath-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'nccmath-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'nccmath-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'nccmath-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'nccmath-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'nccmath-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'nccmath-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'nccmath-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'nccmath-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'nccmath-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'nccmath-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'nccmath-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'nccmath-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'nccmath-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'nccmath-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'nccmath-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'nccmath-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'nccmath-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'nccmath-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'nccmath-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  scrtime: [
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'scrtime-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\clearpage',
+      snippet: '\\clearpage',
+      meta: 'scrtime-cmd',
+      score: 0.1789117552185788,
+    },
+    {
+      caption: '\\addtokomafont{}{}',
+      snippet: '\\addtokomafont{$1}{$2}',
+      meta: 'scrtime-cmd',
+      score: 0.0008555564394100388,
+    },
+    {
+      caption: '\\setkomafont{}{}',
+      snippet: '\\setkomafont{$1}{$2}',
+      meta: 'scrtime-cmd',
+      score: 0.012985816912639263,
+    },
+    {
+      caption: '\\KOMAoptions{}',
+      snippet: '\\KOMAoptions{$1}',
+      meta: 'scrtime-cmd',
+      score: 0.000396664302361659,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'scrtime-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  luainputenc: [
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'luainputenc-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'luainputenc-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  curve2e: [
+    {
+      caption: '\\polyline',
+      snippet: '\\polyline',
+      meta: 'curve2e-cmd',
+      score: 0.00022468880600368487,
+    },
+    {
+      caption: '\\put',
+      snippet: '\\put',
+      meta: 'curve2e-cmd',
+      score: 0.0406766030275089,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'curve2e-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'curve2e-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'curve2e-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'curve2e-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'curve2e-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'curve2e-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'curve2e-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'curve2e-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\Line',
+      snippet: '\\Line',
+      meta: 'curve2e-cmd',
+      score: 0.0006078790177929149,
+    },
+    {
+      caption: '\\polygon',
+      snippet: '\\polygon',
+      meta: 'curve2e-cmd',
+      score: 0.0008987552240147395,
+    },
+    {
+      caption: '\\line',
+      snippet: '\\line',
+      meta: 'curve2e-cmd',
+      score: 0.014519741542622297,
+    },
+    {
+      caption: '\\polyline',
+      snippet: '\\polyline',
+      meta: 'curve2e-cmd',
+      score: 0.00022468880600368487,
+    },
+    {
+      caption: '\\vector',
+      snippet: '\\vector',
+      meta: 'curve2e-cmd',
+      score: 0.002970308722584179,
+    },
+  ],
+  couriers: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'couriers-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  caption3: [
+    {
+      caption: '\\DeclareCaptionJustification{}{}',
+      snippet: '\\DeclareCaptionJustification{$1}{$2}',
+      meta: 'caption3-cmd',
+      score: 0.0001872850414971473,
+    },
+    {
+      caption: '\\DeclareCaptionLabelSeparator{}{}',
+      snippet: '\\DeclareCaptionLabelSeparator{$1}{$2}',
+      meta: 'caption3-cmd',
+      score: 0.0003890810058478364,
+    },
+    {
+      caption: '\\DeclareCaptionFormat{}{}',
+      snippet: '\\DeclareCaptionFormat{$1}{$2}',
+      meta: 'caption3-cmd',
+      score: 0.0004717618449370015,
+    },
+    {
+      caption: '\\DeclareCaptionFont{}{}',
+      snippet: '\\DeclareCaptionFont{$1}{$2}',
+      meta: 'caption3-cmd',
+      score: 5.0133404990680195e-5,
+    },
+    {
+      caption: '\\DeclareCaptionSubType[]{}',
+      snippet: '\\DeclareCaptionSubType[$1]{$2}',
+      meta: 'caption3-cmd',
+      score: 0.0001872850414971473,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'caption3-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'caption3-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\captionsetup{}',
+      snippet: '\\captionsetup{$1}',
+      meta: 'caption3-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\captionsetup[]{}',
+      snippet: '\\captionsetup[$1]{$2}',
+      meta: 'caption3-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'caption3-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\DeclareCaptionType{}[][]',
+      snippet: '\\DeclareCaptionType{$1}[$2][$3]',
+      meta: 'caption3-cmd',
+      score: 0.00015256647321237863,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'caption3-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\footnote{}',
+      snippet: '\\footnote{$1}',
+      meta: 'caption3-cmd',
+      score: 0.2253056071787701,
+    },
+    {
+      caption: '\\footnotemark[]',
+      snippet: '\\footnotemark[$1]',
+      meta: 'caption3-cmd',
+      score: 0.021473212893597875,
+    },
+    {
+      caption: '\\footnotemark',
+      snippet: '\\footnotemark',
+      meta: 'caption3-cmd',
+      score: 0.021473212893597875,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'caption3-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  gauss: [
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'gauss-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'gauss-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'gauss-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\longmapsto',
+      snippet: '\\longmapsto',
+      meta: 'gauss-cmd',
+      score: 0.0017755897148012264,
+    },
+    {
+      caption: '\\Check{}',
+      snippet: '\\Check{$1}',
+      meta: 'gauss-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'gauss-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'gauss-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'gauss-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\And',
+      snippet: '\\And',
+      meta: 'gauss-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\And{}',
+      snippet: '\\And{$1}',
+      meta: 'gauss-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'gauss-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\boxed{}',
+      snippet: '\\boxed{$1}',
+      meta: 'gauss-cmd',
+      score: 0.0035536135737312827,
+    },
+    {
+      caption: '\\Ddot{}',
+      snippet: '\\Ddot{$1}',
+      meta: 'gauss-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ignorespacesafterend',
+      snippet: '\\ignorespacesafterend',
+      meta: 'gauss-cmd',
+      score: 0.0010893680553454854,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'gauss-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\Breve{}',
+      snippet: '\\Breve{$1}',
+      meta: 'gauss-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'gauss-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\over{}',
+      snippet: '\\over{$1}',
+      meta: 'gauss-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\over',
+      snippet: '\\over',
+      meta: 'gauss-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\bigotimes',
+      snippet: '\\bigotimes',
+      meta: 'gauss-cmd',
+      score: 0.000984722260624791,
+    },
+    {
+      caption: '\\bigoplus',
+      snippet: '\\bigoplus',
+      meta: 'gauss-cmd',
+      score: 0.0011508785476242003,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'gauss-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\bigcap',
+      snippet: '\\bigcap',
+      meta: 'gauss-cmd',
+      score: 0.005709261168797874,
+    },
+    {
+      caption: '\\xrightarrow{}',
+      snippet: '\\xrightarrow{$1}',
+      meta: 'gauss-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\xrightarrow[]{}',
+      snippet: '\\xrightarrow[$1]{$2}',
+      meta: 'gauss-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\atop',
+      snippet: '\\atop',
+      meta: 'gauss-cmd',
+      score: 0.0006518541515279979,
+    },
+    {
+      caption: '\\dfrac{}{}',
+      snippet: '\\dfrac{$1}{$2}',
+      meta: 'gauss-cmd',
+      score: 0.05397545277891961,
+    },
+    {
+      caption: '\\pmod',
+      snippet: '\\pmod',
+      meta: 'gauss-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\pmod{}',
+      snippet: '\\pmod{$1}',
+      meta: 'gauss-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\notag',
+      snippet: '\\notag',
+      meta: 'gauss-cmd',
+      score: 0.00322520920930312,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'gauss-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\Vec{}',
+      snippet: '\\Vec{$1}',
+      meta: 'gauss-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\bigvee',
+      snippet: '\\bigvee',
+      meta: 'gauss-cmd',
+      score: 0.0011677288242806726,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'gauss-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\hookrightarrow',
+      snippet: '\\hookrightarrow',
+      meta: 'gauss-cmd',
+      score: 0.0015607282046545064,
+    },
+    {
+      caption: '\\bigsqcup',
+      snippet: '\\bigsqcup',
+      meta: 'gauss-cmd',
+      score: 0.0003468284144579442,
+    },
+    {
+      caption: '\\hookleftarrow',
+      snippet: '\\hookleftarrow',
+      meta: 'gauss-cmd',
+      score: 0.0016498799924012809,
+    },
+    {
+      caption: '\\Dot{}',
+      snippet: '\\Dot{$1}',
+      meta: 'gauss-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\dots',
+      snippet: '\\dots',
+      meta: 'gauss-cmd',
+      score: 0.0847414497955395,
+    },
+    {
+      caption: '\\genfrac{}{}{}{}{}{}',
+      snippet: '\\genfrac{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'gauss-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\genfrac',
+      snippet: '\\genfrac',
+      meta: 'gauss-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\cfrac{}{}',
+      snippet: '\\cfrac{$1}{$2}',
+      meta: 'gauss-cmd',
+      score: 0.006765684097139381,
+    },
+    {
+      caption: '\\Acute{}',
+      snippet: '\\Acute{$1}',
+      meta: 'gauss-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ldots',
+      snippet: '\\ldots',
+      meta: 'gauss-cmd',
+      score: 0.11585556755884258,
+    },
+    {
+      caption: '\\coprod',
+      snippet: '\\coprod',
+      meta: 'gauss-cmd',
+      score: 0.00011383372700282614,
+    },
+    {
+      caption: '\\impliedby',
+      snippet: '\\impliedby',
+      meta: 'gauss-cmd',
+      score: 2.3482915591834053e-5,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'gauss-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\idotsint',
+      snippet: '\\idotsint',
+      meta: 'gauss-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\Longrightarrow',
+      snippet: '\\Longrightarrow',
+      meta: 'gauss-cmd',
+      score: 0.002459139437356601,
+    },
+    {
+      caption: '\\allowdisplaybreaks',
+      snippet: '\\allowdisplaybreaks',
+      meta: 'gauss-cmd',
+      score: 0.005931777024772073,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'gauss-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\mod',
+      snippet: '\\mod',
+      meta: 'gauss-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\mod{}',
+      snippet: '\\mod{$1}',
+      meta: 'gauss-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'gauss-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'gauss-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'gauss-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\underset{}{}',
+      snippet: '\\underset{$1}{$2}',
+      meta: 'gauss-cmd',
+      score: 0.012799893214578391,
+    },
+    {
+      caption: '\\dotsc',
+      snippet: '\\dotsc',
+      meta: 'gauss-cmd',
+      score: 0.0008555101484119994,
+    },
+    {
+      caption: '\\doteq',
+      snippet: '\\doteq',
+      meta: 'gauss-cmd',
+      score: 3.164631070474435e-5,
+    },
+    {
+      caption: '\\leftroot{}',
+      snippet: '\\leftroot{$1}',
+      meta: 'gauss-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\substack{}',
+      snippet: '\\substack{$1}',
+      meta: 'gauss-cmd',
+      score: 0.0037482529712850755,
+    },
+    {
+      caption: '\\Hat{}',
+      snippet: '\\Hat{$1}',
+      meta: 'gauss-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'gauss-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\mspace{}',
+      snippet: '\\mspace{$1}',
+      meta: 'gauss-cmd',
+      score: 3.423236656565836e-5,
+    },
+    {
+      caption: '\\Bar{}',
+      snippet: '\\Bar{$1}',
+      meta: 'gauss-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\Grave{}',
+      snippet: '\\Grave{$1}',
+      meta: 'gauss-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'gauss-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\tbinom',
+      snippet: '\\tbinom',
+      meta: 'gauss-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\dotsi',
+      snippet: '\\dotsi',
+      meta: 'gauss-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\bigwedge',
+      snippet: '\\bigwedge',
+      meta: 'gauss-cmd',
+      score: 0.000347742918592393,
+    },
+    {
+      caption: '\\sideset{}{}',
+      snippet: '\\sideset{$1}{$2}',
+      meta: 'gauss-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\smash{}',
+      snippet: '\\smash{$1}',
+      meta: 'gauss-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\smash[]{}',
+      snippet: '\\smash[$1]{$2}',
+      meta: 'gauss-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\colon',
+      snippet: '\\colon',
+      meta: 'gauss-cmd',
+      score: 0.005300291684408929,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'gauss-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\Longleftarrow',
+      snippet: '\\Longleftarrow',
+      meta: 'gauss-cmd',
+      score: 8.477207854183949e-5,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'gauss-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\AmS',
+      snippet: '\\AmS',
+      meta: 'gauss-cmd',
+      score: 0.00047859486202980376,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'gauss-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\tfrac{}{}',
+      snippet: '\\tfrac{$1}{$2}',
+      meta: 'gauss-cmd',
+      score: 0.0005923542426657187,
+    },
+    {
+      caption: '\\uproot{}',
+      snippet: '\\uproot{$1}',
+      meta: 'gauss-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\bmod',
+      snippet: '\\bmod',
+      meta: 'gauss-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\bmod{}',
+      snippet: '\\bmod{$1}',
+      meta: 'gauss-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\pod{}',
+      snippet: '\\pod{$1}',
+      meta: 'gauss-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'gauss-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\longrightarrow',
+      snippet: '\\longrightarrow',
+      meta: 'gauss-cmd',
+      score: 0.013399422292458848,
+    },
+    {
+      caption: '\\xleftarrow[]{}',
+      snippet: '\\xleftarrow[$1]{$2}',
+      meta: 'gauss-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\xleftarrow{}',
+      snippet: '\\xleftarrow{$1}',
+      meta: 'gauss-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\mathaccentV',
+      snippet: '\\mathaccentV',
+      meta: 'gauss-cmd',
+      score: 6.216218551413489e-5,
+    },
+    {
+      caption: '\\hdotsfor{}',
+      snippet: '\\hdotsfor{$1}',
+      meta: 'gauss-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\hdotsfor[]{}',
+      snippet: '\\hdotsfor[$1]{$2}',
+      meta: 'gauss-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'gauss-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'gauss-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\overset{}{}',
+      snippet: '\\overset{$1}{$2}',
+      meta: 'gauss-cmd',
+      score: 0.007611544955294224,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'gauss-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\longleftrightarrow',
+      snippet: '\\longleftrightarrow',
+      meta: 'gauss-cmd',
+      score: 0.0002851769278703356,
+    },
+    {
+      caption: '\\Longleftrightarrow',
+      snippet: '\\Longleftrightarrow',
+      meta: 'gauss-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\Longleftrightarrow{}',
+      snippet: '\\Longleftrightarrow{$1}',
+      meta: 'gauss-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\binom{}{}',
+      snippet: '\\binom{$1}{$2}',
+      meta: 'gauss-cmd',
+      score: 0.013010882180364367,
+    },
+    {
+      caption: '\\longleftarrow',
+      snippet: '\\longleftarrow',
+      meta: 'gauss-cmd',
+      score: 0.0011096532692473691,
+    },
+    {
+      caption: '\\dbinom{}{}',
+      snippet: '\\dbinom{$1}{$2}',
+      meta: 'gauss-cmd',
+      score: 0.006800272303210672,
+    },
+    {
+      caption: '\\Tilde{}',
+      snippet: '\\Tilde{$1}',
+      meta: 'gauss-cmd',
+      score: 7.874446783586035e-5,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'gauss-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'gauss-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'gauss-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'gauss-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'gauss-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'gauss-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'gauss-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'gauss-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'gauss-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'gauss-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'gauss-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'gauss-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'gauss-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'gauss-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'gauss-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'gauss-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'gauss-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'gauss-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'gauss-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'gauss-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'gauss-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'gauss-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'gauss-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'gauss-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'gauss-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'gauss-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'gauss-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'gauss-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'gauss-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'gauss-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'gauss-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'gauss-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'gauss-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'gauss-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'gauss-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'gauss-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'gauss-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'gauss-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'gauss-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'gauss-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'gauss-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'gauss-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'gauss-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'gauss-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'gauss-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'gauss-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'gauss-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'gauss-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'gauss-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'gauss-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'gauss-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'gauss-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'gauss-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'gauss-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'gauss-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'gauss-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'gauss-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'gauss-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'gauss-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  fancyref: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'fancyref-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'fancyref-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'fancyref-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  eufrak: [
+    {
+      caption: '\\mathfrak{}',
+      snippet: '\\mathfrak{$1}',
+      meta: 'eufrak-cmd',
+      score: 0.025213895825856578,
+    },
+    {
+      caption: '\\mathfrak',
+      snippet: '\\mathfrak',
+      meta: 'eufrak-cmd',
+      score: 0.025213895825856578,
+    },
+  ],
+  fixme: [
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'fixme-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'fixme-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'fixme-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'fixme-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'fixme-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'fixme-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\endverbatim',
+      snippet: '\\endverbatim',
+      meta: 'fixme-cmd',
+      score: 0.0022216421267780076,
+    },
+    {
+      caption: '\\verbatim',
+      snippet: '\\verbatim',
+      meta: 'fixme-cmd',
+      score: 0.0072203369120285256,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'fixme-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'fixme-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\par',
+      snippet: '\\par',
+      meta: 'fixme-cmd',
+      score: 0.413853376001159,
+    },
+    {
+      caption: '\\verbatiminput{}',
+      snippet: '\\verbatiminput{$1}',
+      meta: 'fixme-cmd',
+      score: 0.0024547099784948665,
+    },
+    {
+      caption: '\\verbatiminput',
+      snippet: '\\verbatiminput',
+      meta: 'fixme-cmd',
+      score: 0.0024547099784948665,
+    },
+  ],
+  'pgf-umlsd': [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'pgf-umlsd-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'pgf-umlsd-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  tgadventor: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgadventor-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tgadventor-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgadventor-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgadventor-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tgadventor-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgadventor-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgadventor-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgadventor-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tgadventor-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tgadventor-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  fancyheadings: [
+    {
+      caption: '\\lhead{}',
+      snippet: '\\lhead{$1}',
+      meta: 'fancyheadings-cmd',
+      score: 0.05268978171228714,
+    },
+    {
+      caption: '\\chaptermark',
+      snippet: '\\chaptermark',
+      meta: 'fancyheadings-cmd',
+      score: 0.005924520024686584,
+    },
+    {
+      caption: '\\chaptermark{}',
+      snippet: '\\chaptermark{$1}',
+      meta: 'fancyheadings-cmd',
+      score: 0.005924520024686584,
+    },
+    {
+      caption: '\\fancypagestyle{}{}',
+      snippet: '\\fancypagestyle{$1}{$2}',
+      meta: 'fancyheadings-cmd',
+      score: 0.009430919590937878,
+    },
+    {
+      caption: '\\footrule',
+      snippet: '\\footrule',
+      meta: 'fancyheadings-cmd',
+      score: 0.0010032754348913366,
+    },
+    {
+      caption: '\\footrule{}',
+      snippet: '\\footrule{$1}',
+      meta: 'fancyheadings-cmd',
+      score: 0.0010032754348913366,
+    },
+    {
+      caption: '\\fancyfoot[]{}',
+      snippet: '\\fancyfoot[$1]{$2}',
+      meta: 'fancyheadings-cmd',
+      score: 0.024973618823189894,
+    },
+    {
+      caption: '\\fancyfoot{}',
+      snippet: '\\fancyfoot{$1}',
+      meta: 'fancyheadings-cmd',
+      score: 0.024973618823189894,
+    },
+    {
+      caption: '\\fancyfootoffset[]{}',
+      snippet: '\\fancyfootoffset[$1]{$2}',
+      meta: 'fancyheadings-cmd',
+      score: 0.0015373246231684555,
+    },
+    {
+      caption: '\\fancyfootoffset{}',
+      snippet: '\\fancyfootoffset{$1}',
+      meta: 'fancyheadings-cmd',
+      score: 0.0015373246231684555,
+    },
+    {
+      caption: '\\footruleskip',
+      snippet: '\\footruleskip',
+      meta: 'fancyheadings-cmd',
+      score: 0.000830117957327721,
+    },
+    {
+      caption: '\\fancyheadoffset[]{}',
+      snippet: '\\fancyheadoffset[$1]{$2}',
+      meta: 'fancyheadings-cmd',
+      score: 0.0016786568695309166,
+    },
+    {
+      caption: '\\fancyheadoffset{}',
+      snippet: '\\fancyheadoffset{$1}',
+      meta: 'fancyheadings-cmd',
+      score: 0.0016786568695309166,
+    },
+    {
+      caption: '\\iffloatpage{}{}',
+      snippet: '\\iffloatpage{$1}{$2}',
+      meta: 'fancyheadings-cmd',
+      score: 6.606286310833368e-5,
+    },
+    {
+      caption: '\\cfoot{}',
+      snippet: '\\cfoot{$1}',
+      meta: 'fancyheadings-cmd',
+      score: 0.013411641301057813,
+    },
+    {
+      caption: '\\subsectionmark',
+      snippet: '\\subsectionmark',
+      meta: 'fancyheadings-cmd',
+      score: 3.1153423008593836e-5,
+    },
+    {
+      caption: '\\footrulewidth',
+      snippet: '\\footrulewidth',
+      meta: 'fancyheadings-cmd',
+      score: 0.011424740897486949,
+    },
+    {
+      caption: '\\fancyhfoffset[]{}',
+      snippet: '\\fancyhfoffset[$1]{$2}',
+      meta: 'fancyheadings-cmd',
+      score: 3.741978601121172e-5,
+    },
+    {
+      caption: '\\rhead{}',
+      snippet: '\\rhead{$1}',
+      meta: 'fancyheadings-cmd',
+      score: 0.022782817416731292,
+    },
+    {
+      caption: '\\fancyplain{}{}',
+      snippet: '\\fancyplain{$1}{$2}',
+      meta: 'fancyheadings-cmd',
+      score: 0.007402339896386138,
+    },
+    {
+      caption: '\\rfoot{}',
+      snippet: '\\rfoot{$1}',
+      meta: 'fancyheadings-cmd',
+      score: 0.013393817825547868,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'fancyheadings-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\plainheadrulewidth',
+      snippet: '\\plainheadrulewidth',
+      meta: 'fancyheadings-cmd',
+      score: 6.2350576842596716e-6,
+    },
+    {
+      caption: '\\baselinestretch',
+      snippet: '\\baselinestretch',
+      meta: 'fancyheadings-cmd',
+      score: 0.03225350148161425,
+    },
+    {
+      caption: '\\lfoot{}',
+      snippet: '\\lfoot{$1}',
+      meta: 'fancyheadings-cmd',
+      score: 0.00789399846642229,
+    },
+    {
+      caption: '\\MakeUppercase{}',
+      snippet: '\\MakeUppercase{$1}',
+      meta: 'fancyheadings-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\MakeUppercase',
+      snippet: '\\MakeUppercase',
+      meta: 'fancyheadings-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\fancyhf{}',
+      snippet: '\\fancyhf{$1}',
+      meta: 'fancyheadings-cmd',
+      score: 0.02314618933449356,
+    },
+    {
+      caption: '\\sectionmark',
+      snippet: '\\sectionmark',
+      meta: 'fancyheadings-cmd',
+      score: 0.005008938879210868,
+    },
+    {
+      caption: '\\fancyhead[]{}',
+      snippet: '\\fancyhead[$1]{$2}',
+      meta: 'fancyheadings-cmd',
+      score: 0.039101068064744296,
+    },
+    {
+      caption: '\\fancyhead{}',
+      snippet: '\\fancyhead{$1}',
+      meta: 'fancyheadings-cmd',
+      score: 0.039101068064744296,
+    },
+    {
+      caption: '\\nouppercase{}',
+      snippet: '\\nouppercase{$1}',
+      meta: 'fancyheadings-cmd',
+      score: 0.006416387071584083,
+    },
+    {
+      caption: '\\nouppercase',
+      snippet: '\\nouppercase',
+      meta: 'fancyheadings-cmd',
+      score: 0.006416387071584083,
+    },
+    {
+      caption: '\\headrule',
+      snippet: '\\headrule',
+      meta: 'fancyheadings-cmd',
+      score: 0.0008327432627715623,
+    },
+    {
+      caption: '\\headrule{}',
+      snippet: '\\headrule{$1}',
+      meta: 'fancyheadings-cmd',
+      score: 0.0008327432627715623,
+    },
+    {
+      caption: '\\chead{}',
+      snippet: '\\chead{$1}',
+      meta: 'fancyheadings-cmd',
+      score: 0.00755042164734884,
+    },
+    {
+      caption: '\\headrulewidth',
+      snippet: '\\headrulewidth',
+      meta: 'fancyheadings-cmd',
+      score: 0.02268137935335823,
+    },
+  ],
+  'tikz-3dplot': [
+    {
+      caption: '\\tdplotsetmaincoords{}{}',
+      snippet: '\\tdplotsetmaincoords{$1}{$2}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.00021728148272883815,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'tikz-3dplot-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'tikz-3dplot-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  ltxtable: [
+    {
+      caption: '\\let',
+      snippet: '\\let',
+      meta: 'ltxtable-cmd',
+      score: 0.03789745970461662,
+    },
+    {
+      caption: '\\write',
+      snippet: '\\write',
+      meta: 'ltxtable-cmd',
+      score: 0.0008038857295393196,
+    },
+    {
+      caption: '\\tabularxcolumn[]{}',
+      snippet: '\\tabularxcolumn[$1]{$2}',
+      meta: 'ltxtable-cmd',
+      score: 0.00048507499766588637,
+    },
+    {
+      caption: '\\tabularxcolumn',
+      snippet: '\\tabularxcolumn',
+      meta: 'ltxtable-cmd',
+      score: 0.00048507499766588637,
+    },
+    {
+      caption: '\\tabularx{}{}',
+      snippet: '\\tabularx{$1}{$2}',
+      meta: 'ltxtable-cmd',
+      score: 0.0005861357565780464,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'ltxtable-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'ltxtable-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'ltxtable-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'ltxtable-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'ltxtable-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'ltxtable-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'ltxtable-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'ltxtable-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'ltxtable-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\endhead',
+      snippet: '\\endhead',
+      meta: 'ltxtable-cmd',
+      score: 0.0023853501147448834,
+    },
+    {
+      caption: '\\endfoot',
+      snippet: '\\endfoot',
+      meta: 'ltxtable-cmd',
+      score: 0.00044045261916551967,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'ltxtable-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'ltxtable-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\nopagebreak',
+      snippet: '\\nopagebreak',
+      meta: 'ltxtable-cmd',
+      score: 9.952664522415981e-5,
+    },
+    {
+      caption: '\\endfirsthead',
+      snippet: '\\endfirsthead',
+      meta: 'ltxtable-cmd',
+      score: 0.0016148498709822416,
+    },
+    {
+      caption: '\\endlastfoot',
+      snippet: '\\endlastfoot',
+      meta: 'ltxtable-cmd',
+      score: 0.00044045261916551967,
+    },
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'ltxtable-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\tablename',
+      snippet: '\\tablename',
+      meta: 'ltxtable-cmd',
+      score: 0.0029238994233674776,
+    },
+    {
+      caption: '\\pagebreak',
+      snippet: '\\pagebreak',
+      meta: 'ltxtable-cmd',
+      score: 0.0313525090421608,
+    },
+  ],
+  pict2e: [
+    {
+      caption: '\\Line',
+      snippet: '\\Line',
+      meta: 'pict2e-cmd',
+      score: 0.0006078790177929149,
+    },
+    {
+      caption: '\\polygon',
+      snippet: '\\polygon',
+      meta: 'pict2e-cmd',
+      score: 0.0008987552240147395,
+    },
+    {
+      caption: '\\line',
+      snippet: '\\line',
+      meta: 'pict2e-cmd',
+      score: 0.014519741542622297,
+    },
+    {
+      caption: '\\polyline',
+      snippet: '\\polyline',
+      meta: 'pict2e-cmd',
+      score: 0.00022468880600368487,
+    },
+    {
+      caption: '\\vector',
+      snippet: '\\vector',
+      meta: 'pict2e-cmd',
+      score: 0.002970308722584179,
+    },
+  ],
+  ltablex: [
+    {
+      caption: '\\caption{}',
+      snippet: '\\caption{$1}',
+      meta: 'ltablex-cmd',
+      score: 1.2569477427490174,
+    },
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'ltablex-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'ltablex-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'ltablex-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'ltablex-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'ltablex-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'ltablex-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'ltablex-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'ltablex-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\let',
+      snippet: '\\let',
+      meta: 'ltablex-cmd',
+      score: 0.03789745970461662,
+    },
+    {
+      caption: '\\write',
+      snippet: '\\write',
+      meta: 'ltablex-cmd',
+      score: 0.0008038857295393196,
+    },
+    {
+      caption: '\\tabularxcolumn[]{}',
+      snippet: '\\tabularxcolumn[$1]{$2}',
+      meta: 'ltablex-cmd',
+      score: 0.00048507499766588637,
+    },
+    {
+      caption: '\\tabularxcolumn',
+      snippet: '\\tabularxcolumn',
+      meta: 'ltablex-cmd',
+      score: 0.00048507499766588637,
+    },
+    {
+      caption: '\\tabularx{}{}',
+      snippet: '\\tabularx{$1}{$2}',
+      meta: 'ltablex-cmd',
+      score: 0.0005861357565780464,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'ltablex-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\endhead',
+      snippet: '\\endhead',
+      meta: 'ltablex-cmd',
+      score: 0.0023853501147448834,
+    },
+    {
+      caption: '\\endfoot',
+      snippet: '\\endfoot',
+      meta: 'ltablex-cmd',
+      score: 0.00044045261916551967,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'ltablex-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'ltablex-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\nopagebreak',
+      snippet: '\\nopagebreak',
+      meta: 'ltablex-cmd',
+      score: 9.952664522415981e-5,
+    },
+    {
+      caption: '\\endfirsthead',
+      snippet: '\\endfirsthead',
+      meta: 'ltablex-cmd',
+      score: 0.0016148498709822416,
+    },
+    {
+      caption: '\\endlastfoot',
+      snippet: '\\endlastfoot',
+      meta: 'ltablex-cmd',
+      score: 0.00044045261916551967,
+    },
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'ltablex-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\tablename',
+      snippet: '\\tablename',
+      meta: 'ltablex-cmd',
+      score: 0.0029238994233674776,
+    },
+    {
+      caption: '\\pagebreak',
+      snippet: '\\pagebreak',
+      meta: 'ltablex-cmd',
+      score: 0.0313525090421608,
+    },
+  ],
+  amsopn: [
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'amsopn-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'amsopn-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'amsopn-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'amsopn-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'amsopn-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'amsopn-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'amsopn-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'amsopn-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'amsopn-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'amsopn-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'amsopn-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'amsopn-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'amsopn-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'amsopn-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'amsopn-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'amsopn-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'amsopn-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'amsopn-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'amsopn-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'amsopn-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'amsopn-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'amsopn-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'amsopn-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'amsopn-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'amsopn-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'amsopn-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'amsopn-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'amsopn-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'amsopn-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'amsopn-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'amsopn-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'amsopn-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'amsopn-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'amsopn-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'amsopn-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'amsopn-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'amsopn-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'amsopn-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'amsopn-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'amsopn-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'amsopn-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'amsopn-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'amsopn-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'amsopn-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'amsopn-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'amsopn-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'amsopn-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'amsopn-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'amsopn-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'amsopn-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'amsopn-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'amsopn-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'amsopn-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'amsopn-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  topcoman: [
+    {
+      caption: '\\listing{}',
+      snippet: '\\listing{$1}',
+      meta: 'topcoman-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\micro',
+      snippet: '\\micro',
+      meta: 'topcoman-cmd',
+      score: 0.011051971930487929,
+    },
+    {
+      caption: '\\gradi',
+      snippet: '\\gradi',
+      meta: 'topcoman-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\unit[]{}',
+      snippet: '\\unit[$1]{$2}',
+      meta: 'topcoman-cmd',
+      score: 0.028299796173135428,
+    },
+    {
+      caption: '\\unit{}',
+      snippet: '\\unit{$1}',
+      meta: 'topcoman-cmd',
+      score: 0.028299796173135428,
+    },
+    {
+      caption: '\\ped{}',
+      snippet: '\\ped{$1}',
+      meta: 'topcoman-cmd',
+      score: 0.0007129548652040002,
+    },
+    {
+      caption: '\\ohm',
+      snippet: '\\ohm',
+      meta: 'topcoman-cmd',
+      score: 0.0038146685721293138,
+    },
+    {
+      caption: '\\gei',
+      snippet: '\\gei',
+      meta: 'topcoman-cmd',
+      score: 0.00023765162173466673,
+    },
+  ],
+  topfront: [
+    {
+      caption: '\\corsodilaurea{}',
+      snippet: '\\corsodilaurea{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\NomeQuartoTomo{}',
+      snippet: '\\NomeQuartoTomo{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\ciclodidottorato{}',
+      snippet: '\\ciclodidottorato{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\CorsoDiLaureaIn{}',
+      snippet: '\\CorsoDiLaureaIn{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\ateneo{}',
+      snippet: '\\ateneo{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\retrofrontespizio{}',
+      snippet: '\\retrofrontespizio{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\InName{}',
+      snippet: '\\InName{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\secondocandidato{}',
+      snippet: '\\secondocandidato{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\NomeMonografia{}',
+      snippet: '\\NomeMonografia{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\NomeTutoreAziendale{}',
+      snippet: '\\NomeTutoreAziendale{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00047530324346933345,
+    },
+    {
+      caption: '\\TutorName{}',
+      snippet: '\\TutorName{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\NomeDissertazione{}',
+      snippet: '\\NomeDissertazione{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\sedutadilaurea{}',
+      snippet: '\\sedutadilaurea{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\logosede{}',
+      snippet: '\\logosede{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00047530324346933345,
+    },
+    {
+      caption: '\\TesiDiLaurea{}',
+      snippet: '\\TesiDiLaurea{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\NomeTerzoTomo{}',
+      snippet: '\\NomeTerzoTomo{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\AdvisorName{}',
+      snippet: '\\AdvisorName{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\facolta[]{}',
+      snippet: '\\facolta[$1]{$2}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\CycleName{}',
+      snippet: '\\CycleName{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\NomePrimoTomo{}',
+      snippet: '\\NomePrimoTomo{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\candidato{}',
+      snippet: '\\candidato{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\NomeSecondoTomo{}',
+      snippet: '\\NomeSecondoTomo{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\titolo{}',
+      snippet: '\\titolo{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\CandidateName{}',
+      snippet: '\\CandidateName{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\secondorelatore{}',
+      snippet: '\\secondorelatore{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\FacoltaDi{}',
+      snippet: '\\FacoltaDi{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\nomeateneo{}',
+      snippet: '\\nomeateneo{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\DottoratoIn{}',
+      snippet: '\\DottoratoIn{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\sottotitolo{}',
+      snippet: '\\sottotitolo{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\relatore{}',
+      snippet: '\\relatore{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\tutoreaziendale{}',
+      snippet: '\\tutoreaziendale{$1}',
+      meta: 'topfront-cmd',
+      score: 0.00023765162173466673,
+    },
+  ],
+  mathspec: [
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'mathspec-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'mathspec-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'mathspec-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'mathspec-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'mathspec-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'mathspec-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'mathspec-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'mathspec-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'mathspec-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'mathspec-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'mathspec-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'mathspec-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'mathspec-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'mathspec-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'mathspec-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'mathspec-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'mathspec-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'mathspec-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'mathspec-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'mathspec-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'mathspec-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'mathspec-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'mathspec-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'mathspec-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mathspec-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'mathspec-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'mathspec-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'mathspec-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mathspec-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'mathspec-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'mathspec-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  overpic: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'overpic-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'overpic-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'overpic-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'overpic-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'overpic-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'overpic-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'overpic-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'overpic-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'overpic-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'overpic-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'overpic-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'overpic-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'overpic-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'overpic-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'overpic-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'overpic-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'overpic-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'overpic-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'overpic-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'overpic-cmd',
+      score: 0.004719094298848707,
+    },
+  ],
+  'tkz-euclide': [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tkz-euclide-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tkz-euclide-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\reserveinserts{}',
+      snippet: '\\reserveinserts{$1}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.0018653410309739879,
+    },
+    {
+      caption: '\\newtoks',
+      snippet: '\\newtoks',
+      meta: 'tkz-euclide-cmd',
+      score: 0.00031058155311734754,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tkz-euclide-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'tkz-euclide-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'tkz-euclide-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tkz-euclide-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tkz-euclide-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tkz-euclide-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tkz-euclide-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tkz-euclide-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'tkz-euclide-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  morewrites: [
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'morewrites-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'morewrites-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  pgflibraryshapes: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'pgflibraryshapes-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  pdfcolparallel: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'pdfcolparallel-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\check{}',
+      snippet: '\\check{$1}',
+      meta: 'pdfcolparallel-cmd',
+      score: 0.0058342578961340175,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'pdfcolparallel-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pdfcolparallel-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'pdfcolparallel-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\ParallelRText{}',
+      snippet: '\\ParallelRText{$1}',
+      meta: 'pdfcolparallel-cmd',
+      score: 0.0005986518360651812,
+    },
+    {
+      caption: '\\ParallelLText{}',
+      snippet: '\\ParallelLText{$1}',
+      meta: 'pdfcolparallel-cmd',
+      score: 0.0005986518360651812,
+    },
+    {
+      caption: '\\ParallelPar',
+      snippet: '\\ParallelPar',
+      meta: 'pdfcolparallel-cmd',
+      score: 0.0005986518360651812,
+    },
+  ],
+  aeguill: [
+    {
+      caption: '\\guillemotleft',
+      snippet: '\\guillemotleft',
+      meta: 'aeguill-cmd',
+      score: 9.764370963946686e-5,
+    },
+    {
+      caption: '\\guillemotright',
+      snippet: '\\guillemotright',
+      meta: 'aeguill-cmd',
+      score: 9.764370963946686e-5,
+    },
+    {
+      caption: '\\sfdefault',
+      snippet: '\\sfdefault',
+      meta: 'aeguill-cmd',
+      score: 0.008427383388519996,
+    },
+    {
+      caption: '\\sfdefault{}',
+      snippet: '\\sfdefault{$1}',
+      meta: 'aeguill-cmd',
+      score: 0.008427383388519996,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'aeguill-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'aeguill-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'aeguill-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  changes: [
+    {
+      caption: '\\selectfont',
+      snippet: '\\selectfont',
+      meta: 'changes-cmd',
+      score: 0.04598628699063736,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'changes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'changes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'changes-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'changes-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'changes-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'changes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'changes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'changes-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'changes-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'changes-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'changes-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'changes-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'changes-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'changes-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'changes-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'changes-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'changes-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'changes-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'changes-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'changes-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'changes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'changes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'changes-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'changes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'changes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'changes-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'changes-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'changes-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'changes-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'changes-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'changes-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'changes-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'changes-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'changes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'changes-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'changes-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'changes-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'changes-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  droidmono: [
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'droidmono-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'droidmono-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'droidmono-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'droidmono-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'droidmono-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'droidmono-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\scshape',
+      snippet: '\\scshape',
+      meta: 'droidmono-cmd',
+      score: 0.05364108855914402,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'droidmono-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  tgheros: [
+    {
+      caption: '\\sfdefault',
+      snippet: '\\sfdefault',
+      meta: 'tgheros-cmd',
+      score: 0.008427383388519996,
+    },
+    {
+      caption: '\\sfdefault{}',
+      snippet: '\\sfdefault{$1}',
+      meta: 'tgheros-cmd',
+      score: 0.008427383388519996,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgheros-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tgheros-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgheros-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgheros-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tgheros-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgheros-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgheros-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgheros-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tgheros-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tgheros-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  har2nat: [
+    {
+      caption: '\\citeasnoun{}',
+      snippet: '\\citeasnoun{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.010452591644582749,
+    },
+    {
+      caption: '\\cite{}',
+      snippet: '\\cite{$1}',
+      meta: 'har2nat-cmd',
+      score: 2.341195220791228,
+    },
+    {
+      caption: '\\citealt{}',
+      snippet: '\\citealt{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.007302105441724955,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'har2nat-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\textsuperscript{}',
+      snippet: '\\textsuperscript{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.05216393882408519,
+    },
+    {
+      caption: '\\nocite{}',
+      snippet: '\\nocite{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.04990693820960752,
+    },
+    {
+      caption: '\\bibname',
+      snippet: '\\bibname',
+      meta: 'har2nat-cmd',
+      score: 0.007599529252128519,
+    },
+    {
+      caption: '\\bibname{}',
+      snippet: '\\bibname{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.007599529252128519,
+    },
+    {
+      caption: '\\bibpunct',
+      snippet: '\\bibpunct',
+      meta: 'har2nat-cmd',
+      score: 0.001148574749873469,
+    },
+    {
+      caption: '\\bibpunct{}{}{}{}{}{}',
+      snippet: '\\bibpunct{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'har2nat-cmd',
+      score: 0.001148574749873469,
+    },
+    {
+      caption: '\\bibpunct[]{}{}{}{}{}{}',
+      snippet: '\\bibpunct[$1]{$2}{$3}{$4}{$5}{$6}{$7}',
+      meta: 'har2nat-cmd',
+      score: 0.001148574749873469,
+    },
+    {
+      caption: '\\citepalias{}',
+      snippet: '\\citepalias{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.00032712684909035603,
+    },
+    {
+      caption: '\\citepalias[][]{}',
+      snippet: '\\citepalias[$1][$2]{$3}',
+      meta: 'har2nat-cmd',
+      score: 0.00032712684909035603,
+    },
+    {
+      caption: '\\makeindex',
+      snippet: '\\makeindex',
+      meta: 'har2nat-cmd',
+      score: 0.010304996748556729,
+    },
+    {
+      caption: '\\citep{}',
+      snippet: '\\citep{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.2941882834697057,
+    },
+    {
+      caption: '\\bibsection',
+      snippet: '\\bibsection',
+      meta: 'har2nat-cmd',
+      score: 0.00038872734530908233,
+    },
+    {
+      caption: '\\bibsection{}',
+      snippet: '\\bibsection{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.00038872734530908233,
+    },
+    {
+      caption: '\\refname',
+      snippet: '\\refname',
+      meta: 'har2nat-cmd',
+      score: 0.006490238196722249,
+    },
+    {
+      caption: '\\refname{}',
+      snippet: '\\refname{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.006490238196722249,
+    },
+    {
+      caption: '\\citealp{}',
+      snippet: '\\citealp{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.005275912376595364,
+    },
+    {
+      caption: '\\citealp[]{}',
+      snippet: '\\citealp[$1]{$2}',
+      meta: 'har2nat-cmd',
+      score: 0.005275912376595364,
+    },
+    {
+      caption: '\\cite{}',
+      snippet: '\\cite{$1}',
+      meta: 'har2nat-cmd',
+      score: 2.341195220791228,
+    },
+    {
+      caption: '\\citetalias{}',
+      snippet: '\\citetalias{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.001419571355756266,
+    },
+    {
+      caption: '\\bibitem{}',
+      snippet: '\\bibitem{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.3689547570562042,
+    },
+    {
+      caption: '\\bibitem[]{}',
+      snippet: '\\bibitem[$1]{$2}',
+      meta: 'har2nat-cmd',
+      score: 0.3689547570562042,
+    },
+    {
+      caption: '\\citet{}',
+      snippet: '\\citet{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.09046048561361801,
+    },
+    {
+      caption: '\\defcitealias{}{}',
+      snippet: '\\defcitealias{$1}{$2}',
+      meta: 'har2nat-cmd',
+      score: 0.00042021825647418025,
+    },
+    {
+      caption: '\\aftergroup',
+      snippet: '\\aftergroup',
+      meta: 'har2nat-cmd',
+      score: 0.002020423627422133,
+    },
+    {
+      caption: '\\setcitestyle{}',
+      snippet: '\\setcitestyle{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.0015840652870152204,
+    },
+    {
+      caption: '\\citeyearpar{}',
+      snippet: '\\citeyearpar{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.001877888310324327,
+    },
+    {
+      caption: '\\MakeUppercase{}',
+      snippet: '\\MakeUppercase{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\MakeUppercase',
+      snippet: '\\MakeUppercase',
+      meta: 'har2nat-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\newblock',
+      snippet: '\\newblock',
+      meta: 'har2nat-cmd',
+      score: 0.03684301726876973,
+    },
+    {
+      caption: '\\newblock{}',
+      snippet: '\\newblock{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.03684301726876973,
+    },
+    {
+      caption: '\\bibnumfmt',
+      snippet: '\\bibnumfmt',
+      meta: 'har2nat-cmd',
+      score: 0.000353353600267394,
+    },
+    {
+      caption: '\\citeyear{}',
+      snippet: '\\citeyear{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.01091041305836494,
+    },
+    {
+      caption: '\\citeauthor{}',
+      snippet: '\\citeauthor{$1}',
+      meta: 'har2nat-cmd',
+      score: 0.01359248786373484,
+    },
+    {
+      caption: '\\let',
+      snippet: '\\let',
+      meta: 'har2nat-cmd',
+      score: 0.03789745970461662,
+    },
+  ],
+  'matlab-prettifier': [
+    {
+      caption: '\\mlttfamily',
+      snippet: '\\mlttfamily',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.000856282742498241,
+    },
+    {
+      caption: '\\vskip',
+      snippet: '\\vskip',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.05143052892347224,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\thelstlisting',
+      snippet: '\\thelstlisting',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.00012774128088872144,
+    },
+    {
+      caption: '\\lstinputlisting[]{}',
+      snippet: '\\lstinputlisting[$1]{$2}',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.011660477607086044,
+    },
+    {
+      caption: '\\lstinputlisting{}',
+      snippet: '\\lstinputlisting{$1}',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.011660477607086044,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\lstinline',
+      snippet: '\\lstinline',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.005972262850694285,
+    },
+    {
+      caption: '\\lstinline{}',
+      snippet: '\\lstinline{$1}',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.005972262850694285,
+    },
+    {
+      caption: '\\lstlistoflistings',
+      snippet: '\\lstlistoflistings',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.005279080363360602,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'matlab-prettifier-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  datetime2: [
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'datetime2-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'datetime2-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'datetime2-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'datetime2-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'datetime2-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'datetime2-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'datetime2-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'datetime2-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'datetime2-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'datetime2-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'datetime2-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'datetime2-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'datetime2-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'datetime2-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'datetime2-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'datetime2-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'datetime2-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'datetime2-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'datetime2-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'datetime2-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'datetime2-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'datetime2-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  lapdf: [
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'lapdf-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'lapdf-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'lapdf-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'lapdf-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'lapdf-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'lapdf-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'lapdf-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'lapdf-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'lapdf-cmd',
+      score: 0.028955796305270766,
+    },
+  ],
+  nccbbb: [
+    {
+      caption: '\\bbbe',
+      snippet: '\\bbbe',
+      meta: 'nccbbb-cmd',
+      score: 0.0013332214754983353,
+    },
+    {
+      caption: '\\bbbe[]',
+      snippet: '\\bbbe[$1]',
+      meta: 'nccbbb-cmd',
+      score: 0.0013332214754983353,
+    },
+    {
+      caption: '\\bbbr',
+      snippet: '\\bbbr',
+      meta: 'nccbbb-cmd',
+      score: 0.0015739010274051707,
+    },
+  ],
+  tgbonum: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgbonum-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tgbonum-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgbonum-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgbonum-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tgbonum-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgbonum-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgbonum-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgbonum-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tgbonum-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tgbonum-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  'thm-restate': [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'thm-restate-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\listtheoremname',
+      snippet: '\\listtheoremname',
+      meta: 'thm-restate-cmd',
+      score: 1.9443373798666845e-5,
+    },
+    {
+      caption: '\\thmtformatoptarg',
+      snippet: '\\thmtformatoptarg',
+      meta: 'thm-restate-cmd',
+      score: 6.353668036093916e-5,
+    },
+    {
+      caption: '\\listoftheorems[]',
+      snippet: '\\listoftheorems[$1]',
+      meta: 'thm-restate-cmd',
+      score: 1.9443373798666845e-5,
+    },
+    {
+      caption: '\\declaretheoremstyle[]{}',
+      snippet: '\\declaretheoremstyle[$1]{$2}',
+      meta: 'thm-restate-cmd',
+      score: 0.0001168034231635369,
+    },
+    {
+      caption: '\\declaretheorem[]{}',
+      snippet: '\\declaretheorem[$1]{$2}',
+      meta: 'thm-restate-cmd',
+      score: 0.0004904790216915127,
+    },
+    {
+      caption: '\\theoremstyle{}',
+      snippet: '\\theoremstyle{$1}',
+      meta: 'thm-restate-cmd',
+      score: 0.02533412165007986,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'thm-restate-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'thm-restate-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'thm-restate-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\proof{}',
+      snippet: '\\proof{$1}',
+      meta: 'thm-restate-cmd',
+      score: 0.000701497773639073,
+    },
+    {
+      caption: '\\proof',
+      snippet: '\\proof',
+      meta: 'thm-restate-cmd',
+      score: 0.000701497773639073,
+    },
+    {
+      caption: '\\newtheorem{}[]{}',
+      snippet: '\\newtheorem{$1}[$2]{$3}',
+      meta: 'thm-restate-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\newtheorem{}{}',
+      snippet: '\\newtheorem{$1}{$2}',
+      meta: 'thm-restate-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\newtheorem{}{}[]',
+      snippet: '\\newtheorem{$1}{$2}[$3]',
+      meta: 'thm-restate-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\endproof',
+      snippet: '\\endproof',
+      meta: 'thm-restate-cmd',
+      score: 0.0006133100544751855,
+    },
+    {
+      caption: '\\endproof{}',
+      snippet: '\\endproof{$1}',
+      meta: 'thm-restate-cmd',
+      score: 0.0006133100544751855,
+    },
+  ],
+  'biblatex-chicago': [
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'biblatex-chicago-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'biblatex-chicago-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'biblatex-chicago-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'biblatex-chicago-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'biblatex-chicago-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'biblatex-chicago-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'biblatex-chicago-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'biblatex-chicago-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'biblatex-chicago-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'biblatex-chicago-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'biblatex-chicago-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'biblatex-chicago-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'biblatex-chicago-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'biblatex-chicago-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'biblatex-chicago-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'biblatex-chicago-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'biblatex-chicago-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'biblatex-chicago-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'biblatex-chicago-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'biblatex-chicago-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'biblatex-chicago-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'biblatex-chicago-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  pseudocode: [
+    {
+      caption: '\\shadowbox{}',
+      snippet: '\\shadowbox{$1}',
+      meta: 'pseudocode-cmd',
+      score: 0.00107667147399019,
+    },
+    {
+      caption: '\\doublebox',
+      snippet: '\\doublebox',
+      meta: 'pseudocode-cmd',
+      score: 0.00015142240898356106,
+    },
+    {
+      caption: '\\VerbatimEnvironment',
+      snippet: '\\VerbatimEnvironment',
+      meta: 'pseudocode-cmd',
+      score: 4.5350034239275855e-5,
+    },
+    {
+      caption: '\\thisfancypage{}{}',
+      snippet: '\\thisfancypage{$1}{$2}',
+      meta: 'pseudocode-cmd',
+      score: 0.00015142240898356106,
+    },
+    {
+      caption: '\\TheSbox',
+      snippet: '\\TheSbox',
+      meta: 'pseudocode-cmd',
+      score: 4.5350034239275855e-5,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'pseudocode-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'pseudocode-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'pseudocode-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'pseudocode-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'pseudocode-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'pseudocode-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  imakeidx: [
+    {
+      caption: '\\makeindex',
+      snippet: '\\makeindex',
+      meta: 'imakeidx-cmd',
+      score: 0.010304996748556729,
+    },
+    {
+      caption: '\\printindex',
+      snippet: '\\printindex',
+      meta: 'imakeidx-cmd',
+      score: 0.004417016910870522,
+    },
+    {
+      caption: '\\index{}',
+      snippet: '\\index{$1}',
+      meta: 'imakeidx-cmd',
+      score: 0.013774721817648336,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'imakeidx-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'imakeidx-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  uri: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'uri-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'uri-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'uri-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\UrlBreaks{}',
+      snippet: '\\UrlBreaks{$1}',
+      meta: 'uri-cmd',
+      score: 0.001030592515645366,
+    },
+    {
+      caption: '\\UrlBreaks',
+      snippet: '\\UrlBreaks',
+      meta: 'uri-cmd',
+      score: 0.001030592515645366,
+    },
+    {
+      caption: '\\Url',
+      snippet: '\\Url',
+      meta: 'uri-cmd',
+      score: 0.0002854206807593436,
+    },
+    {
+      caption: '\\UrlOrds{}',
+      snippet: '\\UrlOrds{$1}',
+      meta: 'uri-cmd',
+      score: 0.0006882563723629154,
+    },
+    {
+      caption: '\\UrlOrds',
+      snippet: '\\UrlOrds',
+      meta: 'uri-cmd',
+      score: 0.0006882563723629154,
+    },
+    {
+      caption: '\\urlstyle{}',
+      snippet: '\\urlstyle{$1}',
+      meta: 'uri-cmd',
+      score: 0.010515056688180681,
+    },
+    {
+      caption: '\\urldef{}',
+      snippet: '\\urldef{$1}',
+      meta: 'uri-cmd',
+      score: 0.008041789461944983,
+    },
+    {
+      caption: '\\UrlBigBreaks{}',
+      snippet: '\\UrlBigBreaks{$1}',
+      meta: 'uri-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\UrlFont{}',
+      snippet: '\\UrlFont{$1}',
+      meta: 'uri-cmd',
+      score: 0.0032990580087398644,
+    },
+    {
+      caption: '\\UrlSpecials{}',
+      snippet: '\\UrlSpecials{$1}',
+      meta: 'uri-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\UrlNoBreaks',
+      snippet: '\\UrlNoBreaks',
+      meta: 'uri-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'uri-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'uri-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'uri-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'uri-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'uri-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'uri-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'uri-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  tocvsec2: [
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'tocvsec2-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'tocvsec2-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'tocvsec2-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'tocvsec2-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'tocvsec2-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'tocvsec2-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  graphbox: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'graphbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'graphbox-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'graphbox-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'graphbox-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'graphbox-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'graphbox-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'graphbox-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'graphbox-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'graphbox-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'graphbox-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'graphbox-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'graphbox-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'graphbox-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'graphbox-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'graphbox-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'graphbox-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'graphbox-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'graphbox-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'graphbox-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'graphbox-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  limap: [
+    {
+      caption: '\\MapContinuing{}',
+      snippet: '\\MapContinuing{$1}',
+      meta: 'limap-cmd',
+      score: 7.216282820556303e-5,
+    },
+    {
+      caption: '\\MapTextFraction{}',
+      snippet: '\\MapTextFraction{$1}',
+      meta: 'limap-cmd',
+      score: 7.216282820556303e-5,
+    },
+    {
+      caption: '\\MapBlockLabelFont{}',
+      snippet: '\\MapBlockLabelFont{$1}',
+      meta: 'limap-cmd',
+      score: 7.216282820556303e-5,
+    },
+    {
+      caption: '\\Block{}',
+      snippet: '\\Block{$1}',
+      meta: 'limap-cmd',
+      score: 0.011618215341095648,
+    },
+    {
+      caption: '\\MapRuleWidth{}',
+      snippet: '\\MapRuleWidth{$1}',
+      meta: 'limap-cmd',
+      score: 7.216282820556303e-5,
+    },
+    {
+      caption: '\\MapTitleFraction{}',
+      snippet: '\\MapTitleFraction{$1}',
+      meta: 'limap-cmd',
+      score: 7.216282820556303e-5,
+    },
+    {
+      caption: '\\MapContinued{}',
+      snippet: '\\MapContinued{$1}',
+      meta: 'limap-cmd',
+      score: 7.216282820556303e-5,
+    },
+    {
+      caption: '\\WideBlock{}',
+      snippet: '\\WideBlock{$1}',
+      meta: 'limap-cmd',
+      score: 0.002453536158989143,
+    },
+    {
+      caption: '\\MapParskip{}',
+      snippet: '\\MapParskip{$1}',
+      meta: 'limap-cmd',
+      score: 7.216282820556303e-5,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'limap-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'limap-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'limap-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'limap-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'limap-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'limap-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'limap-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'limap-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'limap-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'limap-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'limap-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'limap-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'limap-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'limap-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'limap-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'limap-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'limap-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'limap-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'limap-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'limap-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'limap-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'limap-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\specialrule{}{}{}',
+      snippet: '\\specialrule{$1}{$2}{$3}',
+      meta: 'limap-cmd',
+      score: 0.004974385202605165,
+    },
+    {
+      caption: '\\cmidrule',
+      snippet: '\\cmidrule',
+      meta: 'limap-cmd',
+      score: 0.01894952272365088,
+    },
+    {
+      caption: '\\cmidrule{}',
+      snippet: '\\cmidrule{$1}',
+      meta: 'limap-cmd',
+      score: 0.01894952272365088,
+    },
+    {
+      caption: '\\bottomrule',
+      snippet: '\\bottomrule',
+      meta: 'limap-cmd',
+      score: 0.04533364657852219,
+    },
+    {
+      caption: '\\midrule',
+      snippet: '\\midrule',
+      meta: 'limap-cmd',
+      score: 0.07098077735912875,
+    },
+    {
+      caption: '\\addlinespace',
+      snippet: '\\addlinespace',
+      meta: 'limap-cmd',
+      score: 0.005865460617491447,
+    },
+    {
+      caption: '\\addlinespace[]',
+      snippet: '\\addlinespace[$1]',
+      meta: 'limap-cmd',
+      score: 0.005865460617491447,
+    },
+    {
+      caption: '\\toprule',
+      snippet: '\\toprule',
+      meta: 'limap-cmd',
+      score: 0.059857788139528495,
+    },
+    {
+      caption: '\\endhead',
+      snippet: '\\endhead',
+      meta: 'limap-cmd',
+      score: 0.0023853501147448834,
+    },
+    {
+      caption: '\\endfoot',
+      snippet: '\\endfoot',
+      meta: 'limap-cmd',
+      score: 0.00044045261916551967,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'limap-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'limap-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\nopagebreak',
+      snippet: '\\nopagebreak',
+      meta: 'limap-cmd',
+      score: 9.952664522415981e-5,
+    },
+    {
+      caption: '\\endfirsthead',
+      snippet: '\\endfirsthead',
+      meta: 'limap-cmd',
+      score: 0.0016148498709822416,
+    },
+    {
+      caption: '\\endlastfoot',
+      snippet: '\\endlastfoot',
+      meta: 'limap-cmd',
+      score: 0.00044045261916551967,
+    },
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'limap-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\tablename',
+      snippet: '\\tablename',
+      meta: 'limap-cmd',
+      score: 0.0029238994233674776,
+    },
+    {
+      caption: '\\pagebreak',
+      snippet: '\\pagebreak',
+      meta: 'limap-cmd',
+      score: 0.0313525090421608,
+    },
+  ],
+  tikzscale: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'tikzscale-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikzscale-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikzscale-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'tikzscale-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'tikzscale-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'tikzscale-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'tikzscale-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'tikzscale-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikzscale-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'tikzscale-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikzscale-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'tikzscale-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tikzscale-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tikzscale-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tikzscale-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'tikzscale-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tikzscale-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tikzscale-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tikzscale-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikzscale-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikzscale-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'tikzscale-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'tikzscale-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'tikzscale-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'tikzscale-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'tikzscale-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'tikzscale-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'tikzscale-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'tikzscale-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'tikzscale-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'tikzscale-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'tikzscale-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'tikzscale-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'tikzscale-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'tikzscale-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'tikzscale-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'tikzscale-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikzscale-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'tikzscale-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'tikzscale-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'tikzscale-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'tikzscale-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikzscale-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'tikzscale-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'tikzscale-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  savesym: [
+    {
+      caption: '\\savesymbol{}',
+      snippet: '\\savesymbol{$1}',
+      meta: 'savesym-cmd',
+      score: 6.662041157021826e-5,
+    },
+  ],
+  subscript: [
+    {
+      caption: '\\textsubscript{}',
+      snippet: '\\textsubscript{$1}',
+      meta: 'subscript-cmd',
+      score: 0.058405875394131175,
+    },
+  ],
+  letterspace: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'letterspace-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  mathastext: [
+    {
+      caption: '\\Huge',
+      snippet: '\\Huge',
+      meta: 'mathastext-cmd',
+      score: 0.04725806985998919,
+    },
+    {
+      caption: '\\sfdefault',
+      snippet: '\\sfdefault',
+      meta: 'mathastext-cmd',
+      score: 0.008427383388519996,
+    },
+    {
+      caption: '\\sfdefault{}',
+      snippet: '\\sfdefault{$1}',
+      meta: 'mathastext-cmd',
+      score: 0.008427383388519996,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'mathastext-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\mathrm{}',
+      snippet: '\\mathrm{$1}',
+      meta: 'mathastext-cmd',
+      score: 0.19117752976172653,
+    },
+  ],
+  movie15: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'movie15-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'movie15-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'movie15-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'movie15-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'movie15-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'movie15-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'movie15-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  refstyle: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'refstyle-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  'pst-3d': [
+    {
+      caption: '\\green',
+      snippet: '\\green',
+      meta: 'pst-3d-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\green{}',
+      snippet: '\\green{$1}',
+      meta: 'pst-3d-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\documentclass[]{}',
+      snippet: '\\documentclass[$1]{$2}',
+      meta: 'pst-3d-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\documentclass{}',
+      snippet: '\\documentclass{$1}',
+      meta: 'pst-3d-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\gray',
+      snippet: '\\gray',
+      meta: 'pst-3d-cmd',
+      score: 0.0005786730478266738,
+    },
+    {
+      caption: '\\red{}',
+      snippet: '\\red{$1}',
+      meta: 'pst-3d-cmd',
+      score: 0.006520475264573554,
+    },
+    {
+      caption: '\\red',
+      snippet: '\\red',
+      meta: 'pst-3d-cmd',
+      score: 0.006520475264573554,
+    },
+  ],
+  rotfloat: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'rotfloat-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\listof{}{}',
+      snippet: '\\listof{$1}{$2}',
+      meta: 'rotfloat-cmd',
+      score: 0.0009837365348002915,
+    },
+    {
+      caption: '\\floatplacement{}{}',
+      snippet: '\\floatplacement{$1}{$2}',
+      meta: 'rotfloat-cmd',
+      score: 0.0005815474978918903,
+    },
+    {
+      caption: '\\restylefloat{}',
+      snippet: '\\restylefloat{$1}',
+      meta: 'rotfloat-cmd',
+      score: 0.0008866338267686714,
+    },
+    {
+      caption: '\\floatstyle{}',
+      snippet: '\\floatstyle{$1}',
+      meta: 'rotfloat-cmd',
+      score: 0.0015470917047414941,
+    },
+    {
+      caption: '\\floatname{}{}',
+      snippet: '\\floatname{$1}{$2}',
+      meta: 'rotfloat-cmd',
+      score: 0.0011934321931750752,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'rotfloat-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\caption{}',
+      snippet: '\\caption{$1}',
+      meta: 'rotfloat-cmd',
+      score: 1.2569477427490174,
+    },
+    {
+      caption: '\\newfloat{}{}{}',
+      snippet: '\\newfloat{$1}{$2}{$3}',
+      meta: 'rotfloat-cmd',
+      score: 0.0012745874472536625,
+    },
+    {
+      caption: '\\newfloat',
+      snippet: '\\newfloat',
+      meta: 'rotfloat-cmd',
+      score: 0.0012745874472536625,
+    },
+    {
+      caption: '\\newfloat{}',
+      snippet: '\\newfloat{$1}',
+      meta: 'rotfloat-cmd',
+      score: 0.0012745874472536625,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'rotfloat-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'rotfloat-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'rotfloat-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'rotfloat-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'rotfloat-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'rotfloat-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'rotfloat-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'rotfloat-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'rotfloat-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'rotfloat-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'rotfloat-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'rotfloat-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'rotfloat-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'rotfloat-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'rotfloat-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'rotfloat-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'rotfloat-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'rotfloat-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'rotfloat-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'rotfloat-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'rotfloat-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'rotfloat-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'rotfloat-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'rotfloat-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'rotfloat-cmd',
+      score: 0.004719094298848707,
+    },
+  ],
+  progressbar: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'progressbar-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'progressbar-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'progressbar-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'progressbar-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'progressbar-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'progressbar-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'progressbar-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'progressbar-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'progressbar-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'progressbar-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'progressbar-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'progressbar-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'progressbar-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'progressbar-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'progressbar-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'progressbar-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'progressbar-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'progressbar-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'progressbar-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'progressbar-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'progressbar-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'progressbar-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'progressbar-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'progressbar-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'progressbar-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'progressbar-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'progressbar-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'progressbar-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'progressbar-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'progressbar-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'progressbar-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'progressbar-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'progressbar-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'progressbar-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'progressbar-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'progressbar-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'progressbar-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'progressbar-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'progressbar-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'progressbar-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'progressbar-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'progressbar-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'progressbar-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'progressbar-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'progressbar-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'progressbar-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'progressbar-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'progressbar-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'progressbar-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'progressbar-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'progressbar-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'progressbar-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'progressbar-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'progressbar-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'progressbar-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  pagecolor: [
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'pagecolor-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'pagecolor-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'pagecolor-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pagecolor-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pagecolor-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'pagecolor-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pagecolor-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pagecolor-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pagecolor-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pagecolor-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'pagecolor-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pagecolor-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pagecolor-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  gb4e: [
+    {
+      caption: '\\ex',
+      snippet: '\\ex',
+      meta: 'gb4e-cmd',
+      score: 0.00916111174873264,
+    },
+  ],
+  ESIEEcv: [
+    {
+      caption: '\\let',
+      snippet: '\\let',
+      meta: 'ESIEEcv-cmd',
+      score: 0.03789745970461662,
+    },
+    {
+      caption: '\\write',
+      snippet: '\\write',
+      meta: 'ESIEEcv-cmd',
+      score: 0.0008038857295393196,
+    },
+    {
+      caption: '\\tabularxcolumn[]{}',
+      snippet: '\\tabularxcolumn[$1]{$2}',
+      meta: 'ESIEEcv-cmd',
+      score: 0.00048507499766588637,
+    },
+    {
+      caption: '\\tabularxcolumn',
+      snippet: '\\tabularxcolumn',
+      meta: 'ESIEEcv-cmd',
+      score: 0.00048507499766588637,
+    },
+    {
+      caption: '\\tabularx{}{}',
+      snippet: '\\tabularx{$1}{$2}',
+      meta: 'ESIEEcv-cmd',
+      score: 0.0005861357565780464,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'ESIEEcv-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'ESIEEcv-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'ESIEEcv-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'ESIEEcv-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'ESIEEcv-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'ESIEEcv-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'ESIEEcv-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'ESIEEcv-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'ESIEEcv-cmd',
+      score: 0.018615449342361392,
+    },
+  ],
+  ftnright: [
+    {
+      caption: '\\footnotesize',
+      snippet: '\\footnotesize',
+      meta: 'ftnright-cmd',
+      score: 0.2038592081252624,
+    },
+    {
+      caption: '\\footnotesize{}',
+      snippet: '\\footnotesize{$1}',
+      meta: 'ftnright-cmd',
+      score: 0.2038592081252624,
+    },
+  ],
+  chemformula: [
+    {
+      caption: '\\ch{}',
+      snippet: '\\ch{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0013276105116845872,
+    },
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'chemformula-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\clearpage',
+      snippet: '\\clearpage',
+      meta: 'chemformula-cmd',
+      score: 0.1789117552185788,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\nicefrac{}{}',
+      snippet: '\\nicefrac{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.0018011350423659288,
+    },
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'chemformula-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'chemformula-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'chemformula-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'chemformula-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'chemformula-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'chemformula-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'chemformula-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'chemformula-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'chemformula-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'chemformula-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'chemformula-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'chemformula-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'chemformula-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'chemformula-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'chemformula-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'chemformula-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'chemformula-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'chemformula-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'chemformula-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'chemformula-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'chemformula-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'chemformula-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'chemformula-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'chemformula-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'chemformula-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'chemformula-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'chemformula-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'chemformula-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'chemformula-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'chemformula-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'chemformula-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'chemformula-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'chemformula-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'chemformula-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'chemformula-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'chemformula-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chemformula-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'chemformula-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'chemformula-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'chemformula-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'chemformula-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'chemformula-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chemformula-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'chemformula-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'chemformula-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'chemformula-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'chemformula-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'chemformula-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'chemformula-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chemformula-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'chemformula-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\longmapsto',
+      snippet: '\\longmapsto',
+      meta: 'chemformula-cmd',
+      score: 0.0017755897148012264,
+    },
+    {
+      caption: '\\Check{}',
+      snippet: '\\Check{$1}',
+      meta: 'chemformula-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'chemformula-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'chemformula-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\And',
+      snippet: '\\And',
+      meta: 'chemformula-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\And{}',
+      snippet: '\\And{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'chemformula-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\boxed{}',
+      snippet: '\\boxed{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0035536135737312827,
+    },
+    {
+      caption: '\\Ddot{}',
+      snippet: '\\Ddot{$1}',
+      meta: 'chemformula-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ignorespacesafterend',
+      snippet: '\\ignorespacesafterend',
+      meta: 'chemformula-cmd',
+      score: 0.0010893680553454854,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'chemformula-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\Breve{}',
+      snippet: '\\Breve{$1}',
+      meta: 'chemformula-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'chemformula-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\over{}',
+      snippet: '\\over{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\over',
+      snippet: '\\over',
+      meta: 'chemformula-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\bigotimes',
+      snippet: '\\bigotimes',
+      meta: 'chemformula-cmd',
+      score: 0.000984722260624791,
+    },
+    {
+      caption: '\\bigoplus',
+      snippet: '\\bigoplus',
+      meta: 'chemformula-cmd',
+      score: 0.0011508785476242003,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'chemformula-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\bigcap',
+      snippet: '\\bigcap',
+      meta: 'chemformula-cmd',
+      score: 0.005709261168797874,
+    },
+    {
+      caption: '\\xrightarrow{}',
+      snippet: '\\xrightarrow{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\xrightarrow[]{}',
+      snippet: '\\xrightarrow[$1]{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\atop',
+      snippet: '\\atop',
+      meta: 'chemformula-cmd',
+      score: 0.0006518541515279979,
+    },
+    {
+      caption: '\\dfrac{}{}',
+      snippet: '\\dfrac{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.05397545277891961,
+    },
+    {
+      caption: '\\pmod',
+      snippet: '\\pmod',
+      meta: 'chemformula-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\pmod{}',
+      snippet: '\\pmod{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\notag',
+      snippet: '\\notag',
+      meta: 'chemformula-cmd',
+      score: 0.00322520920930312,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'chemformula-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\Vec{}',
+      snippet: '\\Vec{$1}',
+      meta: 'chemformula-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\bigvee',
+      snippet: '\\bigvee',
+      meta: 'chemformula-cmd',
+      score: 0.0011677288242806726,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'chemformula-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\hookrightarrow',
+      snippet: '\\hookrightarrow',
+      meta: 'chemformula-cmd',
+      score: 0.0015607282046545064,
+    },
+    {
+      caption: '\\bigsqcup',
+      snippet: '\\bigsqcup',
+      meta: 'chemformula-cmd',
+      score: 0.0003468284144579442,
+    },
+    {
+      caption: '\\hookleftarrow',
+      snippet: '\\hookleftarrow',
+      meta: 'chemformula-cmd',
+      score: 0.0016498799924012809,
+    },
+    {
+      caption: '\\Dot{}',
+      snippet: '\\Dot{$1}',
+      meta: 'chemformula-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\dots',
+      snippet: '\\dots',
+      meta: 'chemformula-cmd',
+      score: 0.0847414497955395,
+    },
+    {
+      caption: '\\genfrac{}{}{}{}{}{}',
+      snippet: '\\genfrac{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'chemformula-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\genfrac',
+      snippet: '\\genfrac',
+      meta: 'chemformula-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\cfrac{}{}',
+      snippet: '\\cfrac{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.006765684097139381,
+    },
+    {
+      caption: '\\Acute{}',
+      snippet: '\\Acute{$1}',
+      meta: 'chemformula-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ldots',
+      snippet: '\\ldots',
+      meta: 'chemformula-cmd',
+      score: 0.11585556755884258,
+    },
+    {
+      caption: '\\coprod',
+      snippet: '\\coprod',
+      meta: 'chemformula-cmd',
+      score: 0.00011383372700282614,
+    },
+    {
+      caption: '\\impliedby',
+      snippet: '\\impliedby',
+      meta: 'chemformula-cmd',
+      score: 2.3482915591834053e-5,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'chemformula-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\idotsint',
+      snippet: '\\idotsint',
+      meta: 'chemformula-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\Longrightarrow',
+      snippet: '\\Longrightarrow',
+      meta: 'chemformula-cmd',
+      score: 0.002459139437356601,
+    },
+    {
+      caption: '\\allowdisplaybreaks',
+      snippet: '\\allowdisplaybreaks',
+      meta: 'chemformula-cmd',
+      score: 0.005931777024772073,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\mod',
+      snippet: '\\mod',
+      meta: 'chemformula-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\mod{}',
+      snippet: '\\mod{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'chemformula-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'chemformula-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\underset{}{}',
+      snippet: '\\underset{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.012799893214578391,
+    },
+    {
+      caption: '\\dotsc',
+      snippet: '\\dotsc',
+      meta: 'chemformula-cmd',
+      score: 0.0008555101484119994,
+    },
+    {
+      caption: '\\doteq',
+      snippet: '\\doteq',
+      meta: 'chemformula-cmd',
+      score: 3.164631070474435e-5,
+    },
+    {
+      caption: '\\leftroot{}',
+      snippet: '\\leftroot{$1}',
+      meta: 'chemformula-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\substack{}',
+      snippet: '\\substack{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0037482529712850755,
+    },
+    {
+      caption: '\\Hat{}',
+      snippet: '\\Hat{$1}',
+      meta: 'chemformula-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\mspace{}',
+      snippet: '\\mspace{$1}',
+      meta: 'chemformula-cmd',
+      score: 3.423236656565836e-5,
+    },
+    {
+      caption: '\\Bar{}',
+      snippet: '\\Bar{$1}',
+      meta: 'chemformula-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\Grave{}',
+      snippet: '\\Grave{$1}',
+      meta: 'chemformula-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'chemformula-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\tbinom',
+      snippet: '\\tbinom',
+      meta: 'chemformula-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\dotsi',
+      snippet: '\\dotsi',
+      meta: 'chemformula-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\bigwedge',
+      snippet: '\\bigwedge',
+      meta: 'chemformula-cmd',
+      score: 0.000347742918592393,
+    },
+    {
+      caption: '\\sideset{}{}',
+      snippet: '\\sideset{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\smash{}',
+      snippet: '\\smash{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\smash[]{}',
+      snippet: '\\smash[$1]{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\colon',
+      snippet: '\\colon',
+      meta: 'chemformula-cmd',
+      score: 0.005300291684408929,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\Longleftarrow',
+      snippet: '\\Longleftarrow',
+      meta: 'chemformula-cmd',
+      score: 8.477207854183949e-5,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'chemformula-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\AmS',
+      snippet: '\\AmS',
+      meta: 'chemformula-cmd',
+      score: 0.00047859486202980376,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\tfrac{}{}',
+      snippet: '\\tfrac{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.0005923542426657187,
+    },
+    {
+      caption: '\\uproot{}',
+      snippet: '\\uproot{$1}',
+      meta: 'chemformula-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\bmod',
+      snippet: '\\bmod',
+      meta: 'chemformula-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\bmod{}',
+      snippet: '\\bmod{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\pod{}',
+      snippet: '\\pod{$1}',
+      meta: 'chemformula-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'chemformula-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\longrightarrow',
+      snippet: '\\longrightarrow',
+      meta: 'chemformula-cmd',
+      score: 0.013399422292458848,
+    },
+    {
+      caption: '\\xleftarrow[]{}',
+      snippet: '\\xleftarrow[$1]{$2}',
+      meta: 'chemformula-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\xleftarrow{}',
+      snippet: '\\xleftarrow{$1}',
+      meta: 'chemformula-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\mathaccentV',
+      snippet: '\\mathaccentV',
+      meta: 'chemformula-cmd',
+      score: 6.216218551413489e-5,
+    },
+    {
+      caption: '\\hdotsfor{}',
+      snippet: '\\hdotsfor{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\hdotsfor[]{}',
+      snippet: '\\hdotsfor[$1]{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'chemformula-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'chemformula-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\overset{}{}',
+      snippet: '\\overset{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.007611544955294224,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'chemformula-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\longleftrightarrow',
+      snippet: '\\longleftrightarrow',
+      meta: 'chemformula-cmd',
+      score: 0.0002851769278703356,
+    },
+    {
+      caption: '\\Longleftrightarrow',
+      snippet: '\\Longleftrightarrow',
+      meta: 'chemformula-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\Longleftrightarrow{}',
+      snippet: '\\Longleftrightarrow{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\binom{}{}',
+      snippet: '\\binom{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.013010882180364367,
+    },
+    {
+      caption: '\\longleftarrow',
+      snippet: '\\longleftarrow',
+      meta: 'chemformula-cmd',
+      score: 0.0011096532692473691,
+    },
+    {
+      caption: '\\dbinom{}{}',
+      snippet: '\\dbinom{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.006800272303210672,
+    },
+    {
+      caption: '\\Tilde{}',
+      snippet: '\\Tilde{$1}',
+      meta: 'chemformula-cmd',
+      score: 7.874446783586035e-5,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'chemformula-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'chemformula-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'chemformula-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'chemformula-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'chemformula-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\sfrac{}{}',
+      snippet: '\\sfrac{$1}{$2}',
+      meta: 'chemformula-cmd',
+      score: 0.0030164694688453453,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chemformula-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'chemformula-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'chemformula-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  pgfautomata: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'pgfautomata-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfautomata-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfautomata-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'pgfautomata-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'pgfautomata-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'pgfautomata-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'pgfautomata-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'pgfautomata-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfautomata-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'pgfautomata-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfautomata-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'pgfautomata-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfautomata-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfautomata-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfautomata-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'pgfautomata-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfautomata-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfautomata-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfautomata-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfautomata-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'pgfautomata-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfautomata-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfautomata-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'pgfautomata-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'pgfautomata-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'pgfautomata-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'pgfautomata-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'pgfautomata-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfautomata-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'pgfautomata-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'pgfautomata-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfautomata-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'pgfautomata-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'pgfautomata-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'pgfautomata-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'pgfautomata-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  pgfnodes: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'pgfnodes-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfnodes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfnodes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'pgfnodes-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'pgfnodes-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'pgfnodes-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'pgfnodes-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'pgfnodes-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfnodes-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'pgfnodes-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfnodes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'pgfnodes-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfnodes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfnodes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfnodes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'pgfnodes-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfnodes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfnodes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfnodes-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfnodes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'pgfnodes-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfnodes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfnodes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'pgfnodes-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'pgfnodes-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'pgfnodes-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'pgfnodes-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'pgfnodes-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfnodes-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'pgfnodes-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'pgfnodes-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfnodes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'pgfnodes-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'pgfnodes-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'pgfnodes-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'pgfnodes-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  pgfarrows: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'pgfarrows-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfarrows-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfarrows-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'pgfarrows-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'pgfarrows-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'pgfarrows-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'pgfarrows-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'pgfarrows-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfarrows-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'pgfarrows-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfarrows-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'pgfarrows-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfarrows-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfarrows-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfarrows-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'pgfarrows-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfarrows-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfarrows-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfarrows-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfarrows-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'pgfarrows-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfarrows-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfarrows-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'pgfarrows-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'pgfarrows-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'pgfarrows-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'pgfarrows-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'pgfarrows-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfarrows-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'pgfarrows-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'pgfarrows-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfarrows-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'pgfarrows-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'pgfarrows-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'pgfarrows-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'pgfarrows-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  'pst-text': [
+    {
+      caption: '\\green',
+      snippet: '\\green',
+      meta: 'pst-text-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\green{}',
+      snippet: '\\green{$1}',
+      meta: 'pst-text-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\documentclass[]{}',
+      snippet: '\\documentclass[$1]{$2}',
+      meta: 'pst-text-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\documentclass{}',
+      snippet: '\\documentclass{$1}',
+      meta: 'pst-text-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\gray',
+      snippet: '\\gray',
+      meta: 'pst-text-cmd',
+      score: 0.0005786730478266738,
+    },
+    {
+      caption: '\\red{}',
+      snippet: '\\red{$1}',
+      meta: 'pst-text-cmd',
+      score: 0.006520475264573554,
+    },
+    {
+      caption: '\\red',
+      snippet: '\\red',
+      meta: 'pst-text-cmd',
+      score: 0.006520475264573554,
+    },
+  ],
+  keystroke: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'keystroke-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'keystroke-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'keystroke-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'keystroke-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'keystroke-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'keystroke-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'keystroke-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'keystroke-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'keystroke-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'keystroke-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'keystroke-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'keystroke-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'keystroke-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'keystroke-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'keystroke-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'keystroke-cmd',
+      score: 0.004649150613625593,
+    },
+  ],
+  currvita: [
+    {
+      caption: '\\cvheadingfont',
+      snippet: '\\cvheadingfont',
+      meta: 'currvita-cmd',
+      score: 5.547871753177405e-5,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'currvita-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'currvita-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'currvita-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'currvita-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'currvita-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'currvita-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  subfigmat: [
+    {
+      caption: '\\subfigure[]{}',
+      snippet: '\\subfigure[$1]{$2}',
+      meta: 'subfigmat-cmd',
+      score: 0.037856842641104005,
+    },
+    {
+      caption: '\\subref{}',
+      snippet: '\\subref{$1}',
+      meta: 'subfigmat-cmd',
+      score: 0.007192033516871399,
+    },
+    {
+      caption: '\\subfigure[]{}',
+      snippet: '\\subfigure[$1]{$2}',
+      meta: 'subfigmat-cmd',
+      score: 0.037856842641104005,
+    },
+  ],
+  boxhandler: [
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'boxhandler-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'boxhandler-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'boxhandler-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'boxhandler-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'boxhandler-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'boxhandler-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\pbox{}{}',
+      snippet: '\\pbox{$1}{$2}',
+      meta: 'boxhandler-cmd',
+      score: 0.0010883030320478486,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'boxhandler-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'boxhandler-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'boxhandler-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'boxhandler-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'boxhandler-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'boxhandler-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'boxhandler-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'boxhandler-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'boxhandler-cmd',
+      score: 0.028955796305270766,
+    },
+  ],
+  media9: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'media9-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'media9-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'media9-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\AtBeginShipout{}',
+      snippet: '\\AtBeginShipout{$1}',
+      meta: 'media9-cmd',
+      score: 0.00047530324346933345,
+    },
+    {
+      caption: '\\AtBeginShipoutNext{}',
+      snippet: '\\AtBeginShipoutNext{$1}',
+      meta: 'media9-cmd',
+      score: 0.0005277905480209891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'media9-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'media9-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'media9-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  translator: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'translator-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  german: [
+    {
+      caption: '\\today',
+      snippet: '\\today',
+      meta: 'german-cmd',
+      score: 0.10733849317324783,
+    },
+  ],
+  mhsetup: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'mhsetup-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'mhsetup-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  nomentbl: [
+    {
+      caption: '\\nomenclature[]{}{}',
+      snippet: '\\nomenclature[$1]{$2}{$3}',
+      meta: 'nomentbl-cmd',
+      score: 0.016053526743355948,
+    },
+    {
+      caption: '\\nomenclature{}{}',
+      snippet: '\\nomenclature{$1}{$2}',
+      meta: 'nomentbl-cmd',
+      score: 0.016053526743355948,
+    },
+    {
+      caption: '\\nomlabel',
+      snippet: '\\nomlabel',
+      meta: 'nomentbl-cmd',
+      score: 6.353668036093916e-5,
+    },
+    {
+      caption: '\\printnomenclature',
+      snippet: '\\printnomenclature',
+      meta: 'nomentbl-cmd',
+      score: 0.0014526113324237952,
+    },
+    {
+      caption: '\\printnomenclature[]',
+      snippet: '\\printnomenclature[$1]',
+      meta: 'nomentbl-cmd',
+      score: 0.0014526113324237952,
+    },
+    {
+      caption: '\\makenomenclature',
+      snippet: '\\makenomenclature',
+      meta: 'nomentbl-cmd',
+      score: 0.002310610204652063,
+    },
+    {
+      caption: '\\nomgroup',
+      snippet: '\\nomgroup',
+      meta: 'nomentbl-cmd',
+      score: 0.0005549290951493257,
+    },
+    {
+      caption: '\\nomgroup[]{}',
+      snippet: '\\nomgroup[$1]{$2}',
+      meta: 'nomentbl-cmd',
+      score: 0.0005549290951493257,
+    },
+    {
+      caption: '\\nomname',
+      snippet: '\\nomname',
+      meta: 'nomentbl-cmd',
+      score: 0.0015092617929470952,
+    },
+    {
+      caption: '\\nompreamble',
+      snippet: '\\nompreamble',
+      meta: 'nomentbl-cmd',
+      score: 2.4350510995473236e-5,
+    },
+    {
+      caption: '\\nomentryend',
+      snippet: '\\nomentryend',
+      meta: 'nomentbl-cmd',
+      score: 0.000137692304514793,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'nomentbl-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'nomentbl-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'nomentbl-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'nomentbl-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'nomentbl-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'nomentbl-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'nomentbl-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'nomentbl-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'nomentbl-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'nomentbl-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'nomentbl-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'nomentbl-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'nomentbl-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'nomentbl-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'nomentbl-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'nomentbl-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'nomentbl-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'nomentbl-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'nomentbl-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'nomentbl-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'nomentbl-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'nomentbl-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'nomentbl-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\endhead',
+      snippet: '\\endhead',
+      meta: 'nomentbl-cmd',
+      score: 0.0023853501147448834,
+    },
+    {
+      caption: '\\endfoot',
+      snippet: '\\endfoot',
+      meta: 'nomentbl-cmd',
+      score: 0.00044045261916551967,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'nomentbl-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'nomentbl-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\nopagebreak',
+      snippet: '\\nopagebreak',
+      meta: 'nomentbl-cmd',
+      score: 9.952664522415981e-5,
+    },
+    {
+      caption: '\\endfirsthead',
+      snippet: '\\endfirsthead',
+      meta: 'nomentbl-cmd',
+      score: 0.0016148498709822416,
+    },
+    {
+      caption: '\\endlastfoot',
+      snippet: '\\endlastfoot',
+      meta: 'nomentbl-cmd',
+      score: 0.00044045261916551967,
+    },
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'nomentbl-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\tablename',
+      snippet: '\\tablename',
+      meta: 'nomentbl-cmd',
+      score: 0.0029238994233674776,
+    },
+    {
+      caption: '\\pagebreak',
+      snippet: '\\pagebreak',
+      meta: 'nomentbl-cmd',
+      score: 0.0313525090421608,
+    },
+  ],
+  miller: [
+    {
+      caption: '\\hkl',
+      snippet: '\\hkl',
+      meta: 'miller-cmd',
+      score: 0.0034259481311452946,
+    },
+    {
+      caption: '\\hkl{}',
+      snippet: '\\hkl{$1}',
+      meta: 'miller-cmd',
+      score: 0.0034259481311452946,
+    },
+    {
+      caption: '\\hkl[]',
+      snippet: '\\hkl[$1]',
+      meta: 'miller-cmd',
+      score: 0.0034259481311452946,
+    },
+  ],
+  lpform: [
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'lpform-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'lpform-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'lpform-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'lpform-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'lpform-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'lpform-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'lpform-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'lpform-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'lpform-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'lpform-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'lpform-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'lpform-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'lpform-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'lpform-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'lpform-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'lpform-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'lpform-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'lpform-cmd',
+      score: 0.009331077109224957,
+    },
+  ],
+  xepersian: [
+    {
+      caption: '\\settextfont[]{}',
+      snippet: '\\settextfont[$1]{$2}',
+      meta: 'xepersian-cmd',
+      score: 0.00015447355412753335,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'xepersian-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'xepersian-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'xepersian-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\AtBeginShipout{}',
+      snippet: '\\AtBeginShipout{$1}',
+      meta: 'xepersian-cmd',
+      score: 0.00047530324346933345,
+    },
+    {
+      caption: '\\AtBeginShipoutNext{}',
+      snippet: '\\AtBeginShipoutNext{$1}',
+      meta: 'xepersian-cmd',
+      score: 0.0005277905480209891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xepersian-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xepersian-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'xepersian-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'xepersian-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'xepersian-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xepersian-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xepersian-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'xepersian-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'xepersian-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'xepersian-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'xepersian-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'xepersian-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\check{}',
+      snippet: '\\check{$1}',
+      meta: 'xepersian-cmd',
+      score: 0.0058342578961340175,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'xepersian-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xepersian-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xepersian-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'xepersian-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xepersian-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'xepersian-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'xepersian-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'xepersian-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xepersian-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'xepersian-cmd',
+      score: 0.002958865219480927,
+    },
+  ],
+  chapterbib: [
+    {
+      caption: '\\bibliographystyle{}',
+      snippet: '\\bibliographystyle{$1}',
+      meta: 'chapterbib-cmd',
+      score: 0.25122317941387773,
+    },
+    {
+      caption: '\\bibliography{}',
+      snippet: '\\bibliography{$1}',
+      meta: 'chapterbib-cmd',
+      score: 0.2659628337907604,
+    },
+    {
+      caption: '\\include{}',
+      snippet: '\\include{$1}',
+      meta: 'chapterbib-cmd',
+      score: 0.1547080054979312,
+    },
+  ],
+  scalerel: [
+    {
+      caption: '\\scaleto{}{}',
+      snippet: '\\scaleto{$1}{$2}',
+      meta: 'scalerel-cmd',
+      score: 0.00027615383978106523,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'scalerel-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'scalerel-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'scalerel-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'scalerel-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'scalerel-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'scalerel-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'scalerel-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'scalerel-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'scalerel-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'scalerel-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'scalerel-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'scalerel-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'scalerel-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'scalerel-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'scalerel-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'scalerel-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'scalerel-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'scalerel-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'scalerel-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'scalerel-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'scalerel-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'scalerel-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'scalerel-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'scalerel-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'scalerel-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'scalerel-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'scalerel-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'scalerel-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'scalerel-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'scalerel-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'scalerel-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'scalerel-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'scalerel-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'scalerel-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'scalerel-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'scalerel-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'scalerel-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'scalerel-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'scalerel-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'scalerel-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'scalerel-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'scalerel-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'scalerel-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'scalerel-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'scalerel-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'scalerel-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'scalerel-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'scalerel-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'scalerel-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'scalerel-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'scalerel-cmd',
+      score: 0.004719094298848707,
+    },
+  ],
+  extarrows: [
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'extarrows-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\longmapsto',
+      snippet: '\\longmapsto',
+      meta: 'extarrows-cmd',
+      score: 0.0017755897148012264,
+    },
+    {
+      caption: '\\Check{}',
+      snippet: '\\Check{$1}',
+      meta: 'extarrows-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'extarrows-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'extarrows-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'extarrows-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\And',
+      snippet: '\\And',
+      meta: 'extarrows-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\And{}',
+      snippet: '\\And{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'extarrows-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\boxed{}',
+      snippet: '\\boxed{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.0035536135737312827,
+    },
+    {
+      caption: '\\Ddot{}',
+      snippet: '\\Ddot{$1}',
+      meta: 'extarrows-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ignorespacesafterend',
+      snippet: '\\ignorespacesafterend',
+      meta: 'extarrows-cmd',
+      score: 0.0010893680553454854,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'extarrows-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\Breve{}',
+      snippet: '\\Breve{$1}',
+      meta: 'extarrows-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'extarrows-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\over{}',
+      snippet: '\\over{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\over',
+      snippet: '\\over',
+      meta: 'extarrows-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\bigotimes',
+      snippet: '\\bigotimes',
+      meta: 'extarrows-cmd',
+      score: 0.000984722260624791,
+    },
+    {
+      caption: '\\bigoplus',
+      snippet: '\\bigoplus',
+      meta: 'extarrows-cmd',
+      score: 0.0011508785476242003,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'extarrows-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\bigcap',
+      snippet: '\\bigcap',
+      meta: 'extarrows-cmd',
+      score: 0.005709261168797874,
+    },
+    {
+      caption: '\\xrightarrow{}',
+      snippet: '\\xrightarrow{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\xrightarrow[]{}',
+      snippet: '\\xrightarrow[$1]{$2}',
+      meta: 'extarrows-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\atop',
+      snippet: '\\atop',
+      meta: 'extarrows-cmd',
+      score: 0.0006518541515279979,
+    },
+    {
+      caption: '\\dfrac{}{}',
+      snippet: '\\dfrac{$1}{$2}',
+      meta: 'extarrows-cmd',
+      score: 0.05397545277891961,
+    },
+    {
+      caption: '\\pmod',
+      snippet: '\\pmod',
+      meta: 'extarrows-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\pmod{}',
+      snippet: '\\pmod{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\notag',
+      snippet: '\\notag',
+      meta: 'extarrows-cmd',
+      score: 0.00322520920930312,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'extarrows-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\Vec{}',
+      snippet: '\\Vec{$1}',
+      meta: 'extarrows-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\bigvee',
+      snippet: '\\bigvee',
+      meta: 'extarrows-cmd',
+      score: 0.0011677288242806726,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'extarrows-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\hookrightarrow',
+      snippet: '\\hookrightarrow',
+      meta: 'extarrows-cmd',
+      score: 0.0015607282046545064,
+    },
+    {
+      caption: '\\bigsqcup',
+      snippet: '\\bigsqcup',
+      meta: 'extarrows-cmd',
+      score: 0.0003468284144579442,
+    },
+    {
+      caption: '\\hookleftarrow',
+      snippet: '\\hookleftarrow',
+      meta: 'extarrows-cmd',
+      score: 0.0016498799924012809,
+    },
+    {
+      caption: '\\Dot{}',
+      snippet: '\\Dot{$1}',
+      meta: 'extarrows-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\dots',
+      snippet: '\\dots',
+      meta: 'extarrows-cmd',
+      score: 0.0847414497955395,
+    },
+    {
+      caption: '\\genfrac{}{}{}{}{}{}',
+      snippet: '\\genfrac{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'extarrows-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\genfrac',
+      snippet: '\\genfrac',
+      meta: 'extarrows-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\cfrac{}{}',
+      snippet: '\\cfrac{$1}{$2}',
+      meta: 'extarrows-cmd',
+      score: 0.006765684097139381,
+    },
+    {
+      caption: '\\Acute{}',
+      snippet: '\\Acute{$1}',
+      meta: 'extarrows-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ldots',
+      snippet: '\\ldots',
+      meta: 'extarrows-cmd',
+      score: 0.11585556755884258,
+    },
+    {
+      caption: '\\coprod',
+      snippet: '\\coprod',
+      meta: 'extarrows-cmd',
+      score: 0.00011383372700282614,
+    },
+    {
+      caption: '\\impliedby',
+      snippet: '\\impliedby',
+      meta: 'extarrows-cmd',
+      score: 2.3482915591834053e-5,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'extarrows-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\idotsint',
+      snippet: '\\idotsint',
+      meta: 'extarrows-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\Longrightarrow',
+      snippet: '\\Longrightarrow',
+      meta: 'extarrows-cmd',
+      score: 0.002459139437356601,
+    },
+    {
+      caption: '\\allowdisplaybreaks',
+      snippet: '\\allowdisplaybreaks',
+      meta: 'extarrows-cmd',
+      score: 0.005931777024772073,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\mod',
+      snippet: '\\mod',
+      meta: 'extarrows-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\mod{}',
+      snippet: '\\mod{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'extarrows-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'extarrows-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\underset{}{}',
+      snippet: '\\underset{$1}{$2}',
+      meta: 'extarrows-cmd',
+      score: 0.012799893214578391,
+    },
+    {
+      caption: '\\dotsc',
+      snippet: '\\dotsc',
+      meta: 'extarrows-cmd',
+      score: 0.0008555101484119994,
+    },
+    {
+      caption: '\\doteq',
+      snippet: '\\doteq',
+      meta: 'extarrows-cmd',
+      score: 3.164631070474435e-5,
+    },
+    {
+      caption: '\\leftroot{}',
+      snippet: '\\leftroot{$1}',
+      meta: 'extarrows-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\substack{}',
+      snippet: '\\substack{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.0037482529712850755,
+    },
+    {
+      caption: '\\Hat{}',
+      snippet: '\\Hat{$1}',
+      meta: 'extarrows-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'extarrows-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\mspace{}',
+      snippet: '\\mspace{$1}',
+      meta: 'extarrows-cmd',
+      score: 3.423236656565836e-5,
+    },
+    {
+      caption: '\\Bar{}',
+      snippet: '\\Bar{$1}',
+      meta: 'extarrows-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\Grave{}',
+      snippet: '\\Grave{$1}',
+      meta: 'extarrows-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'extarrows-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\tbinom',
+      snippet: '\\tbinom',
+      meta: 'extarrows-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\dotsi',
+      snippet: '\\dotsi',
+      meta: 'extarrows-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\bigwedge',
+      snippet: '\\bigwedge',
+      meta: 'extarrows-cmd',
+      score: 0.000347742918592393,
+    },
+    {
+      caption: '\\sideset{}{}',
+      snippet: '\\sideset{$1}{$2}',
+      meta: 'extarrows-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\smash{}',
+      snippet: '\\smash{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\smash[]{}',
+      snippet: '\\smash[$1]{$2}',
+      meta: 'extarrows-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\colon',
+      snippet: '\\colon',
+      meta: 'extarrows-cmd',
+      score: 0.005300291684408929,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\Longleftarrow',
+      snippet: '\\Longleftarrow',
+      meta: 'extarrows-cmd',
+      score: 8.477207854183949e-5,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'extarrows-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\AmS',
+      snippet: '\\AmS',
+      meta: 'extarrows-cmd',
+      score: 0.00047859486202980376,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\tfrac{}{}',
+      snippet: '\\tfrac{$1}{$2}',
+      meta: 'extarrows-cmd',
+      score: 0.0005923542426657187,
+    },
+    {
+      caption: '\\uproot{}',
+      snippet: '\\uproot{$1}',
+      meta: 'extarrows-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\bmod',
+      snippet: '\\bmod',
+      meta: 'extarrows-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\bmod{}',
+      snippet: '\\bmod{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\pod{}',
+      snippet: '\\pod{$1}',
+      meta: 'extarrows-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'extarrows-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\longrightarrow',
+      snippet: '\\longrightarrow',
+      meta: 'extarrows-cmd',
+      score: 0.013399422292458848,
+    },
+    {
+      caption: '\\xleftarrow[]{}',
+      snippet: '\\xleftarrow[$1]{$2}',
+      meta: 'extarrows-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\xleftarrow{}',
+      snippet: '\\xleftarrow{$1}',
+      meta: 'extarrows-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\mathaccentV',
+      snippet: '\\mathaccentV',
+      meta: 'extarrows-cmd',
+      score: 6.216218551413489e-5,
+    },
+    {
+      caption: '\\hdotsfor{}',
+      snippet: '\\hdotsfor{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\hdotsfor[]{}',
+      snippet: '\\hdotsfor[$1]{$2}',
+      meta: 'extarrows-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'extarrows-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'extarrows-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\overset{}{}',
+      snippet: '\\overset{$1}{$2}',
+      meta: 'extarrows-cmd',
+      score: 0.007611544955294224,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'extarrows-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\longleftrightarrow',
+      snippet: '\\longleftrightarrow',
+      meta: 'extarrows-cmd',
+      score: 0.0002851769278703356,
+    },
+    {
+      caption: '\\Longleftrightarrow',
+      snippet: '\\Longleftrightarrow',
+      meta: 'extarrows-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\Longleftrightarrow{}',
+      snippet: '\\Longleftrightarrow{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\binom{}{}',
+      snippet: '\\binom{$1}{$2}',
+      meta: 'extarrows-cmd',
+      score: 0.013010882180364367,
+    },
+    {
+      caption: '\\longleftarrow',
+      snippet: '\\longleftarrow',
+      meta: 'extarrows-cmd',
+      score: 0.0011096532692473691,
+    },
+    {
+      caption: '\\dbinom{}{}',
+      snippet: '\\dbinom{$1}{$2}',
+      meta: 'extarrows-cmd',
+      score: 0.006800272303210672,
+    },
+    {
+      caption: '\\Tilde{}',
+      snippet: '\\Tilde{$1}',
+      meta: 'extarrows-cmd',
+      score: 7.874446783586035e-5,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'extarrows-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'extarrows-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'extarrows-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'extarrows-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'extarrows-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'extarrows-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'extarrows-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'extarrows-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'extarrows-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'extarrows-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'extarrows-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'extarrows-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'extarrows-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'extarrows-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'extarrows-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'extarrows-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'extarrows-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'extarrows-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'extarrows-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'extarrows-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'extarrows-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'extarrows-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'extarrows-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'extarrows-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'extarrows-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'extarrows-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'extarrows-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'extarrows-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'extarrows-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'extarrows-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'extarrows-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'extarrows-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'extarrows-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'extarrows-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'extarrows-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'extarrows-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'extarrows-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'extarrows-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'extarrows-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'extarrows-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'extarrows-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'extarrows-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'extarrows-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  listingsutf8: [
+    {
+      caption: '\\vskip',
+      snippet: '\\vskip',
+      meta: 'listingsutf8-cmd',
+      score: 0.05143052892347224,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'listingsutf8-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'listingsutf8-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'listingsutf8-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\thelstlisting',
+      snippet: '\\thelstlisting',
+      meta: 'listingsutf8-cmd',
+      score: 0.00012774128088872144,
+    },
+    {
+      caption: '\\lstinputlisting[]{}',
+      snippet: '\\lstinputlisting[$1]{$2}',
+      meta: 'listingsutf8-cmd',
+      score: 0.011660477607086044,
+    },
+    {
+      caption: '\\lstinputlisting{}',
+      snippet: '\\lstinputlisting{$1}',
+      meta: 'listingsutf8-cmd',
+      score: 0.011660477607086044,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'listingsutf8-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'listingsutf8-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\lstinline',
+      snippet: '\\lstinline',
+      meta: 'listingsutf8-cmd',
+      score: 0.005972262850694285,
+    },
+    {
+      caption: '\\lstinline{}',
+      snippet: '\\lstinline{$1}',
+      meta: 'listingsutf8-cmd',
+      score: 0.005972262850694285,
+    },
+    {
+      caption: '\\lstlistoflistings',
+      snippet: '\\lstlistoflistings',
+      meta: 'listingsutf8-cmd',
+      score: 0.005279080363360602,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'listingsutf8-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'listingsutf8-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'listingsutf8-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  forloop: [
+    {
+      caption: '\\forloop{}{}{}{}',
+      snippet: '\\forloop{$1}{$2}{$3}{$4}',
+      meta: 'forloop-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'forloop-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'forloop-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'forloop-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'forloop-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'forloop-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'forloop-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  xymtex: [
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'xymtex-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'xymtex-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\mathcal{}',
+      snippet: '\\mathcal{$1}',
+      meta: 'xymtex-cmd',
+      score: 0.35084018920966636,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'xymtex-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'xymtex-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'xymtex-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'xymtex-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'xymtex-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'xymtex-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'xymtex-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'xymtex-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'xymtex-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'xymtex-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'xymtex-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'xymtex-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xymtex-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'xymtex-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'xymtex-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'xymtex-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'xymtex-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  eqlist: [
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'eqlist-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'eqlist-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'eqlist-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'eqlist-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'eqlist-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'eqlist-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'eqlist-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'eqlist-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'eqlist-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'eqlist-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'eqlist-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\eqparbox{}{}',
+      snippet: '\\eqparbox{$1}{$2}',
+      meta: 'eqlist-cmd',
+      score: 2.9423534119530166e-5,
+    },
+    {
+      caption: '\\item',
+      snippet: '\\item ',
+      meta: 'eqlist-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\item[]',
+      snippet: '\\item[$1] ',
+      meta: 'eqlist-cmd',
+      score: 3.800886892251021,
+    },
+  ],
+  tgschola: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgschola-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tgschola-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgschola-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgschola-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tgschola-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgschola-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgschola-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgschola-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tgschola-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tgschola-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  mfirstuc: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'mfirstuc-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'mfirstuc-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'mfirstuc-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'mfirstuc-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'mfirstuc-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'mfirstuc-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'mfirstuc-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'mfirstuc-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'mfirstuc-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'mfirstuc-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'mfirstuc-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'mfirstuc-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'mfirstuc-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'mfirstuc-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'mfirstuc-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'mfirstuc-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'mfirstuc-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'mfirstuc-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'mfirstuc-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'mfirstuc-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'mfirstuc-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'mfirstuc-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'mfirstuc-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'mfirstuc-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  gloss: [
+    {
+      caption: '\\makegloss',
+      snippet: '\\makegloss',
+      meta: 'gloss-cmd',
+      score: 0.0018653410309739879,
+    },
+  ],
+  ltxcmds: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'ltxcmds-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'ltxcmds-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'ltxcmds-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'ltxcmds-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  outlines: [
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'outlines-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'outlines-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'outlines-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'outlines-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'outlines-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'outlines-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  typearea: [
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'typearea-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\clearpage',
+      snippet: '\\clearpage',
+      meta: 'typearea-cmd',
+      score: 0.1789117552185788,
+    },
+    {
+      caption: '\\addtokomafont{}{}',
+      snippet: '\\addtokomafont{$1}{$2}',
+      meta: 'typearea-cmd',
+      score: 0.0008555564394100388,
+    },
+    {
+      caption: '\\setkomafont{}{}',
+      snippet: '\\setkomafont{$1}{$2}',
+      meta: 'typearea-cmd',
+      score: 0.012985816912639263,
+    },
+    {
+      caption: '\\KOMAoptions{}',
+      snippet: '\\KOMAoptions{$1}',
+      meta: 'typearea-cmd',
+      score: 0.000396664302361659,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'typearea-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  currfile: [
+    {
+      caption: '\\currfiledir',
+      snippet: '\\currfiledir',
+      meta: 'currfile-cmd',
+      score: 0.0002459788020229296,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'currfile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'currfile-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'currfile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'currfile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'currfile-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'currfile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'currfile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'currfile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'currfile-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'currfile-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  toptesi: [
+    {
+      caption: '\\tomo',
+      snippet: '\\tomo',
+      meta: 'toptesi-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\mainmatter',
+      snippet: '\\mainmatter',
+      meta: 'toptesi-cmd',
+      score: 0.025705092792367497,
+    },
+    {
+      caption: '\\ringraziamenti',
+      snippet: '\\ringraziamenti',
+      meta: 'toptesi-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\sommario',
+      snippet: '\\sommario',
+      meta: 'toptesi-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\NoteWhiteLine',
+      snippet: '\\NoteWhiteLine',
+      meta: 'toptesi-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\paginavuota',
+      snippet: '\\paginavuota',
+      meta: 'toptesi-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\nota{}',
+      snippet: '\\nota{$1}',
+      meta: 'toptesi-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\indici',
+      snippet: '\\indici',
+      meta: 'toptesi-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'toptesi-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'toptesi-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'toptesi-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'toptesi-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'toptesi-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'toptesi-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'toptesi-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'toptesi-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'toptesi-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'toptesi-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'toptesi-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'toptesi-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'toptesi-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'toptesi-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'toptesi-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'toptesi-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'toptesi-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'toptesi-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'toptesi-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'toptesi-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'toptesi-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'toptesi-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'toptesi-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'toptesi-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'toptesi-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'toptesi-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'toptesi-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'toptesi-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'toptesi-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'toptesi-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'toptesi-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'toptesi-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'toptesi-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'toptesi-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'toptesi-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'toptesi-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'toptesi-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'toptesi-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'toptesi-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'toptesi-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'toptesi-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'toptesi-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\listing{}',
+      snippet: '\\listing{$1}',
+      meta: 'toptesi-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\micro',
+      snippet: '\\micro',
+      meta: 'toptesi-cmd',
+      score: 0.011051971930487929,
+    },
+    {
+      caption: '\\gradi',
+      snippet: '\\gradi',
+      meta: 'toptesi-cmd',
+      score: 0.00023765162173466673,
+    },
+    {
+      caption: '\\unit[]{}',
+      snippet: '\\unit[$1]{$2}',
+      meta: 'toptesi-cmd',
+      score: 0.028299796173135428,
+    },
+    {
+      caption: '\\unit{}',
+      snippet: '\\unit{$1}',
+      meta: 'toptesi-cmd',
+      score: 0.028299796173135428,
+    },
+    {
+      caption: '\\ped{}',
+      snippet: '\\ped{$1}',
+      meta: 'toptesi-cmd',
+      score: 0.0007129548652040002,
+    },
+    {
+      caption: '\\ohm',
+      snippet: '\\ohm',
+      meta: 'toptesi-cmd',
+      score: 0.0038146685721293138,
+    },
+    {
+      caption: '\\gei',
+      snippet: '\\gei',
+      meta: 'toptesi-cmd',
+      score: 0.00023765162173466673,
+    },
+  ],
+  amsrefs: [
+    {
+      caption: '\\ndash',
+      snippet: '\\ndash',
+      meta: 'amsrefs-cmd',
+      score: 0.0003420867634658178,
+    },
+    {
+      caption: '\\bib{}{}{}',
+      snippet: '\\bib{$1}{$2}{$3}',
+      meta: 'amsrefs-cmd',
+      score: 0.0017473230242849183,
+    },
+    {
+      caption: '\\cite{}',
+      snippet: '\\cite{$1}',
+      meta: 'amsrefs-cmd',
+      score: 2.341195220791228,
+    },
+  ],
+  sistyle: [
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'sistyle-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'sistyle-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'sistyle-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'sistyle-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'sistyle-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'sistyle-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  suffix: [
+    {
+      caption: '\\let',
+      snippet: '\\let',
+      meta: 'suffix-cmd',
+      score: 0.03789745970461662,
+    },
+  ],
+  sansmath: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'sansmath-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'sansmath-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  'tikz-qtree': [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikz-qtree-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'tikz-qtree-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'tikz-qtree-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikz-qtree-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-qtree-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-qtree-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikz-qtree-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikz-qtree-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-qtree-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'tikz-qtree-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  floatpag: [
+    {
+      caption: '\\rotfloatpagestyle{}',
+      snippet: '\\rotfloatpagestyle{$1}',
+      meta: 'floatpag-cmd',
+      score: 0.0004535003423927585,
+    },
+    {
+      caption: '\\floatpagestyle{}',
+      snippet: '\\floatpagestyle{$1}',
+      meta: 'floatpag-cmd',
+      score: 0.0004535003423927585,
+    },
+  ],
+  colortab: [
+    {
+      caption: '\\shadowbox{}',
+      snippet: '\\shadowbox{$1}',
+      meta: 'colortab-cmd',
+      score: 0.00107667147399019,
+    },
+    {
+      caption: '\\doublebox',
+      snippet: '\\doublebox',
+      meta: 'colortab-cmd',
+      score: 0.00015142240898356106,
+    },
+    {
+      caption: '\\VerbatimEnvironment',
+      snippet: '\\VerbatimEnvironment',
+      meta: 'colortab-cmd',
+      score: 4.5350034239275855e-5,
+    },
+    {
+      caption: '\\thisfancypage{}{}',
+      snippet: '\\thisfancypage{$1}{$2}',
+      meta: 'colortab-cmd',
+      score: 0.00015142240898356106,
+    },
+    {
+      caption: '\\TheSbox',
+      snippet: '\\TheSbox',
+      meta: 'colortab-cmd',
+      score: 4.5350034239275855e-5,
+    },
+    {
+      caption: '\\green',
+      snippet: '\\green',
+      meta: 'colortab-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\green{}',
+      snippet: '\\green{$1}',
+      meta: 'colortab-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\documentclass[]{}',
+      snippet: '\\documentclass[$1]{$2}',
+      meta: 'colortab-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\documentclass{}',
+      snippet: '\\documentclass{$1}',
+      meta: 'colortab-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\gray',
+      snippet: '\\gray',
+      meta: 'colortab-cmd',
+      score: 0.0005786730478266738,
+    },
+    {
+      caption: '\\red{}',
+      snippet: '\\red{$1}',
+      meta: 'colortab-cmd',
+      score: 0.006520475264573554,
+    },
+    {
+      caption: '\\red',
+      snippet: '\\red',
+      meta: 'colortab-cmd',
+      score: 0.006520475264573554,
+    },
+  ],
+  parcolumns: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'parcolumns-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  dingbat: [
+    {
+      caption: '\\checkmark',
+      snippet: '\\checkmark',
+      meta: 'dingbat-cmd',
+      score: 0.025060530944368123,
+    },
+  ],
+  ifoddpage: [
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'ifoddpage-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\checkoddpage',
+      snippet: '\\checkoddpage',
+      meta: 'ifoddpage-cmd',
+      score: 0.00028672585452906425,
+    },
+  ],
+  kvoptions: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'kvoptions-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'kvoptions-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'kvoptions-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'kvoptions-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'kvoptions-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'kvoptions-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'kvoptions-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'kvoptions-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'kvoptions-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'kvoptions-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  'pst-tree': [
+    {
+      caption: '\\green',
+      snippet: '\\green',
+      meta: 'pst-tree-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\green{}',
+      snippet: '\\green{$1}',
+      meta: 'pst-tree-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\documentclass[]{}',
+      snippet: '\\documentclass[$1]{$2}',
+      meta: 'pst-tree-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\documentclass{}',
+      snippet: '\\documentclass{$1}',
+      meta: 'pst-tree-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\gray',
+      snippet: '\\gray',
+      meta: 'pst-tree-cmd',
+      score: 0.0005786730478266738,
+    },
+    {
+      caption: '\\red{}',
+      snippet: '\\red{$1}',
+      meta: 'pst-tree-cmd',
+      score: 0.006520475264573554,
+    },
+    {
+      caption: '\\red',
+      snippet: '\\red',
+      meta: 'pst-tree-cmd',
+      score: 0.006520475264573554,
+    },
+  ],
+  nonfloat: [
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'nonfloat-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'nonfloat-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'nonfloat-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'nonfloat-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'nonfloat-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'nonfloat-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  rsphrase: [
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'rsphrase-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'rsphrase-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'rsphrase-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'rsphrase-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'rsphrase-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'rsphrase-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  beramono: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'beramono-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  pgfbaseimage: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'pgfbaseimage-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'pgfbaseimage-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  romannum: [
+    {
+      caption: '\\thefootnote',
+      snippet: '\\thefootnote',
+      meta: 'romannum-cmd',
+      score: 0.007676927812687567,
+    },
+    {
+      caption: '\\thefootnote{}',
+      snippet: '\\thefootnote{$1}',
+      meta: 'romannum-cmd',
+      score: 0.007676927812687567,
+    },
+  ],
+  tgtermes: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgtermes-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tgtermes-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgtermes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgtermes-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tgtermes-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgtermes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgtermes-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgtermes-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tgtermes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tgtermes-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  Alegreya: [
+    {
+      caption: '\\rmfamily',
+      snippet: '\\rmfamily',
+      meta: 'Alegreya-cmd',
+      score: 0.00898937903263608,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'Alegreya-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'Alegreya-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  'glossaries-extra': [
+    {
+      caption: '\\gls{}',
+      snippet: '\\gls{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.06939353309055077,
+    },
+    {
+      caption: '\\Gls{}',
+      snippet: '\\Gls{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.003696678698317109,
+    },
+    {
+      caption: '\\makeglossaries',
+      snippet: '\\makeglossaries',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0056737600836936995,
+    },
+    {
+      caption: '\\newabbreviation{}{}{}',
+      snippet: '\\newabbreviation{$1}{$2}{$3}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00023275591440052114,
+    },
+    {
+      caption: '\\newglossaryentry{}{}',
+      snippet: '\\newglossaryentry{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.018524394136900962,
+    },
+    {
+      caption: '\\newglossary{}{}',
+      snippet: '\\newglossary{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 1.4547244650032571e-5,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'glossaries-extra-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'glossaries-extra-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\glslongpluralkey',
+      snippet: '\\glslongpluralkey',
+      meta: 'glossaries-extra-cmd',
+      score: 1.4538687447297259e-5,
+    },
+    {
+      caption: '\\Glspl{}',
+      snippet: '\\Glspl{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0025291265119320736,
+    },
+    {
+      caption: '\\glossarysection',
+      snippet: '\\glossarysection',
+      meta: 'glossaries-extra-cmd',
+      score: 9.579755294730752e-5,
+    },
+    {
+      caption: '\\printglossaries',
+      snippet: '\\printglossaries',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0010106582768889887,
+    },
+    {
+      caption: '\\Gls{}',
+      snippet: '\\Gls{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.003696678698317109,
+    },
+    {
+      caption: '\\setglossarystyle{}',
+      snippet: '\\setglossarystyle{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0003758893277679221,
+    },
+    {
+      caption: '\\printglossary',
+      snippet: '\\printglossary',
+      meta: 'glossaries-extra-cmd',
+      score: 0.009139682306158714,
+    },
+    {
+      caption: '\\printglossary[]',
+      snippet: '\\printglossary[$1]',
+      meta: 'glossaries-extra-cmd',
+      score: 0.009139682306158714,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'glossaries-extra-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\setglossarysection{}',
+      snippet: '\\setglossarysection{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 3.6081414102781514e-5,
+    },
+    {
+      caption: '\\glsresetall',
+      snippet: '\\glsresetall',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0006123462672467326,
+    },
+    {
+      caption: '\\the',
+      snippet: '\\the',
+      meta: 'glossaries-extra-cmd',
+      score: 0.007238960303946444,
+    },
+    {
+      caption: '\\acrshort{}',
+      snippet: '\\acrshort{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.009936841864059727,
+    },
+    {
+      caption: '\\printnoidxglossary[]',
+      snippet: '\\printnoidxglossary[$1]',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00021912375285685037,
+    },
+    {
+      caption: '\\newglossary{}{}',
+      snippet: '\\newglossary{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 1.4547244650032571e-5,
+    },
+    {
+      caption: '\\gls{}',
+      snippet: '\\gls{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.06939353309055077,
+    },
+    {
+      caption: '\\printnoidxglossaries',
+      snippet: '\\printnoidxglossaries',
+      meta: 'glossaries-extra-cmd',
+      score: 5.6789564226023136e-5,
+    },
+    {
+      caption: '\\printindex',
+      snippet: '\\printindex',
+      meta: 'glossaries-extra-cmd',
+      score: 0.004417016910870522,
+    },
+    {
+      caption: '\\defglsentryfmt[]{}',
+      snippet: '\\defglsentryfmt[$1]{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 4.8990621725283124e-5,
+    },
+    {
+      caption: '\\glspostdescription',
+      snippet: '\\glspostdescription',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0006337376579591112,
+    },
+    {
+      caption: '\\number',
+      snippet: '\\number',
+      meta: 'glossaries-extra-cmd',
+      score: 0.000968714260809983,
+    },
+    {
+      caption: '\\glsaddall',
+      snippet: '\\glsaddall',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0008363820557740373,
+    },
+    {
+      caption: '\\glsaddall[]',
+      snippet: '\\glsaddall[$1]',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0008363820557740373,
+    },
+    {
+      caption: '\\makeglossaries',
+      snippet: '\\makeglossaries',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0056737600836936995,
+    },
+    {
+      caption: '\\glossaryname',
+      snippet: '\\glossaryname',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0006174536302752427,
+    },
+    {
+      caption: '\\newglossaryentry{}{}',
+      snippet: '\\newglossaryentry{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.018524394136900962,
+    },
+    {
+      caption: '\\glslabel',
+      snippet: '\\glslabel',
+      meta: 'glossaries-extra-cmd',
+      score: 4.8990621725283124e-5,
+    },
+    {
+      caption: '\\glsadd{}',
+      snippet: '\\glsadd{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 3.0150373480213892e-5,
+    },
+    {
+      caption: '\\makenoidxglossaries',
+      snippet: '\\makenoidxglossaries',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0001382210125680805,
+    },
+    {
+      caption: '\\glsgenentryfmt',
+      snippet: '\\glsgenentryfmt',
+      meta: 'glossaries-extra-cmd',
+      score: 4.8990621725283124e-5,
+    },
+    {
+      caption: '\\acronymtype',
+      snippet: '\\acronymtype',
+      meta: 'glossaries-extra-cmd',
+      score: 0.002000834271117562,
+    },
+    {
+      caption: '\\acrfull{}',
+      snippet: '\\acrfull{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0032622587277765067,
+    },
+    {
+      caption: '\\newacronym{}{}{}',
+      snippet: '\\newacronym{$1}{$2}{$3}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.03193935544723102,
+    },
+    {
+      caption: '\\glspl{}',
+      snippet: '\\glspl{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0034025897522047717,
+    },
+    {
+      caption: '\\ifglsused{}{}{}',
+      snippet: '\\ifglsused{$1}{$2}{$3}',
+      meta: 'glossaries-extra-cmd',
+      score: 4.8990621725283124e-5,
+    },
+    {
+      caption: '\\acrlong{}',
+      snippet: '\\acrlong{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.002517821598213752,
+    },
+    {
+      caption: '\\longmapsto',
+      snippet: '\\longmapsto',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0017755897148012264,
+    },
+    {
+      caption: '\\Check{}',
+      snippet: '\\Check{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'glossaries-extra-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'glossaries-extra-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\And',
+      snippet: '\\And',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\And{}',
+      snippet: '\\And{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\boxed{}',
+      snippet: '\\boxed{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0035536135737312827,
+    },
+    {
+      caption: '\\Ddot{}',
+      snippet: '\\Ddot{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ignorespacesafterend',
+      snippet: '\\ignorespacesafterend',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0010893680553454854,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'glossaries-extra-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\Breve{}',
+      snippet: '\\Breve{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'glossaries-extra-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\over{}',
+      snippet: '\\over{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\over',
+      snippet: '\\over',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\bigotimes',
+      snippet: '\\bigotimes',
+      meta: 'glossaries-extra-cmd',
+      score: 0.000984722260624791,
+    },
+    {
+      caption: '\\bigoplus',
+      snippet: '\\bigoplus',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0011508785476242003,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'glossaries-extra-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\bigcap',
+      snippet: '\\bigcap',
+      meta: 'glossaries-extra-cmd',
+      score: 0.005709261168797874,
+    },
+    {
+      caption: '\\xrightarrow{}',
+      snippet: '\\xrightarrow{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\xrightarrow[]{}',
+      snippet: '\\xrightarrow[$1]{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\atop',
+      snippet: '\\atop',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0006518541515279979,
+    },
+    {
+      caption: '\\dfrac{}{}',
+      snippet: '\\dfrac{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.05397545277891961,
+    },
+    {
+      caption: '\\pmod',
+      snippet: '\\pmod',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\pmod{}',
+      snippet: '\\pmod{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\notag',
+      snippet: '\\notag',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00322520920930312,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'glossaries-extra-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\Vec{}',
+      snippet: '\\Vec{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\bigvee',
+      snippet: '\\bigvee',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0011677288242806726,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'glossaries-extra-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\hookrightarrow',
+      snippet: '\\hookrightarrow',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0015607282046545064,
+    },
+    {
+      caption: '\\bigsqcup',
+      snippet: '\\bigsqcup',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0003468284144579442,
+    },
+    {
+      caption: '\\hookleftarrow',
+      snippet: '\\hookleftarrow',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0016498799924012809,
+    },
+    {
+      caption: '\\Dot{}',
+      snippet: '\\Dot{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\dots',
+      snippet: '\\dots',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0847414497955395,
+    },
+    {
+      caption: '\\genfrac{}{}{}{}{}{}',
+      snippet: '\\genfrac{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\genfrac',
+      snippet: '\\genfrac',
+      meta: 'glossaries-extra-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\cfrac{}{}',
+      snippet: '\\cfrac{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.006765684097139381,
+    },
+    {
+      caption: '\\Acute{}',
+      snippet: '\\Acute{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ldots',
+      snippet: '\\ldots',
+      meta: 'glossaries-extra-cmd',
+      score: 0.11585556755884258,
+    },
+    {
+      caption: '\\coprod',
+      snippet: '\\coprod',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00011383372700282614,
+    },
+    {
+      caption: '\\impliedby',
+      snippet: '\\impliedby',
+      meta: 'glossaries-extra-cmd',
+      score: 2.3482915591834053e-5,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'glossaries-extra-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\idotsint',
+      snippet: '\\idotsint',
+      meta: 'glossaries-extra-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\Longrightarrow',
+      snippet: '\\Longrightarrow',
+      meta: 'glossaries-extra-cmd',
+      score: 0.002459139437356601,
+    },
+    {
+      caption: '\\allowdisplaybreaks',
+      snippet: '\\allowdisplaybreaks',
+      meta: 'glossaries-extra-cmd',
+      score: 0.005931777024772073,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\mod',
+      snippet: '\\mod',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\mod{}',
+      snippet: '\\mod{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'glossaries-extra-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'glossaries-extra-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\underset{}{}',
+      snippet: '\\underset{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.012799893214578391,
+    },
+    {
+      caption: '\\dotsc',
+      snippet: '\\dotsc',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0008555101484119994,
+    },
+    {
+      caption: '\\doteq',
+      snippet: '\\doteq',
+      meta: 'glossaries-extra-cmd',
+      score: 3.164631070474435e-5,
+    },
+    {
+      caption: '\\leftroot{}',
+      snippet: '\\leftroot{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\substack{}',
+      snippet: '\\substack{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0037482529712850755,
+    },
+    {
+      caption: '\\Hat{}',
+      snippet: '\\Hat{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\mspace{}',
+      snippet: '\\mspace{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 3.423236656565836e-5,
+    },
+    {
+      caption: '\\Bar{}',
+      snippet: '\\Bar{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\Grave{}',
+      snippet: '\\Grave{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'glossaries-extra-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\tbinom',
+      snippet: '\\tbinom',
+      meta: 'glossaries-extra-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\dotsi',
+      snippet: '\\dotsi',
+      meta: 'glossaries-extra-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\bigwedge',
+      snippet: '\\bigwedge',
+      meta: 'glossaries-extra-cmd',
+      score: 0.000347742918592393,
+    },
+    {
+      caption: '\\sideset{}{}',
+      snippet: '\\sideset{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\smash{}',
+      snippet: '\\smash{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\smash[]{}',
+      snippet: '\\smash[$1]{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\colon',
+      snippet: '\\colon',
+      meta: 'glossaries-extra-cmd',
+      score: 0.005300291684408929,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\Longleftarrow',
+      snippet: '\\Longleftarrow',
+      meta: 'glossaries-extra-cmd',
+      score: 8.477207854183949e-5,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'glossaries-extra-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\AmS',
+      snippet: '\\AmS',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00047859486202980376,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\tfrac{}{}',
+      snippet: '\\tfrac{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0005923542426657187,
+    },
+    {
+      caption: '\\uproot{}',
+      snippet: '\\uproot{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\bmod',
+      snippet: '\\bmod',
+      meta: 'glossaries-extra-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\bmod{}',
+      snippet: '\\bmod{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\pod{}',
+      snippet: '\\pod{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\longrightarrow',
+      snippet: '\\longrightarrow',
+      meta: 'glossaries-extra-cmd',
+      score: 0.013399422292458848,
+    },
+    {
+      caption: '\\xleftarrow[]{}',
+      snippet: '\\xleftarrow[$1]{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\xleftarrow{}',
+      snippet: '\\xleftarrow{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\mathaccentV',
+      snippet: '\\mathaccentV',
+      meta: 'glossaries-extra-cmd',
+      score: 6.216218551413489e-5,
+    },
+    {
+      caption: '\\hdotsfor{}',
+      snippet: '\\hdotsfor{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\hdotsfor[]{}',
+      snippet: '\\hdotsfor[$1]{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'glossaries-extra-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'glossaries-extra-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\overset{}{}',
+      snippet: '\\overset{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.007611544955294224,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'glossaries-extra-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\longleftrightarrow',
+      snippet: '\\longleftrightarrow',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0002851769278703356,
+    },
+    {
+      caption: '\\Longleftrightarrow',
+      snippet: '\\Longleftrightarrow',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\Longleftrightarrow{}',
+      snippet: '\\Longleftrightarrow{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\binom{}{}',
+      snippet: '\\binom{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.013010882180364367,
+    },
+    {
+      caption: '\\longleftarrow',
+      snippet: '\\longleftarrow',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0011096532692473691,
+    },
+    {
+      caption: '\\dbinom{}{}',
+      snippet: '\\dbinom{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.006800272303210672,
+    },
+    {
+      caption: '\\Tilde{}',
+      snippet: '\\Tilde{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 7.874446783586035e-5,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'glossaries-extra-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'glossaries-extra-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'glossaries-extra-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'glossaries-extra-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'glossaries-extra-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'glossaries-extra-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'glossaries-extra-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'glossaries-extra-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'glossaries-extra-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'glossaries-extra-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'glossaries-extra-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'glossaries-extra-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'glossaries-extra-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'glossaries-extra-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'glossaries-extra-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'glossaries-extra-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'glossaries-extra-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'glossaries-extra-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'glossaries-extra-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'glossaries-extra-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'glossaries-extra-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'glossaries-extra-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'glossaries-extra-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'glossaries-extra-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'glossaries-extra-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\cite{}',
+      snippet: '\\cite{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 2.341195220791228,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'glossaries-extra-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'glossaries-extra-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'glossaries-extra-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'glossaries-extra-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'glossaries-extra-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'glossaries-extra-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'glossaries-extra-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'glossaries-extra-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'glossaries-extra-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'glossaries-extra-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'glossaries-extra-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'glossaries-extra-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  dashrule: [
+    {
+      caption: '\\hdashrule[]{}{}{}',
+      snippet: '\\hdashrule[$1]{$2}{$3}{$4}',
+      meta: 'dashrule-cmd',
+      score: 0.00029867998381154486,
+    },
+  ],
+  bclogo: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bclogo-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'bclogo-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'bclogo-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'bclogo-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'bclogo-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'bclogo-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'bclogo-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'bclogo-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'bclogo-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'bclogo-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'bclogo-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'bclogo-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'bclogo-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'bclogo-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'bclogo-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'bclogo-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'bclogo-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'bclogo-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'bclogo-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'bclogo-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'bclogo-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'bclogo-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'bclogo-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bclogo-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'bclogo-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'bclogo-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'bclogo-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'bclogo-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'bclogo-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'bclogo-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'bclogo-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'bclogo-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'bclogo-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bclogo-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'bclogo-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'bclogo-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'bclogo-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'bclogo-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'bclogo-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'bclogo-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'bclogo-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'bclogo-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'bclogo-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'bclogo-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'bclogo-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'bclogo-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'bclogo-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'bclogo-cmd',
+      score: 0.004719094298848707,
+    },
+  ],
+  isomath: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'isomath-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'isomath-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'isomath-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'isomath-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'isomath-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'isomath-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'isomath-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'isomath-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'isomath-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'isomath-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  'tkz-graph': [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'tkz-graph-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tkz-graph-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tkz-graph-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'tkz-graph-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'tkz-graph-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'tkz-graph-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'tkz-graph-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'tkz-graph-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tkz-graph-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'tkz-graph-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tkz-graph-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'tkz-graph-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tkz-graph-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tkz-graph-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tkz-graph-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'tkz-graph-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'tkz-graph-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'tkz-graph-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'tkz-graph-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'tkz-graph-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'tkz-graph-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'tkz-graph-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tkz-graph-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tkz-graph-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tkz-graph-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\reserveinserts{}',
+      snippet: '\\reserveinserts{$1}',
+      meta: 'tkz-graph-cmd',
+      score: 0.0018653410309739879,
+    },
+    {
+      caption: '\\newtoks',
+      snippet: '\\newtoks',
+      meta: 'tkz-graph-cmd',
+      score: 0.00031058155311734754,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tkz-graph-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'tkz-graph-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tkz-graph-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tkz-graph-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'tkz-graph-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'tkz-graph-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'tkz-graph-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'tkz-graph-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'tkz-graph-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tkz-graph-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'tkz-graph-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'tkz-graph-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tkz-graph-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'tkz-graph-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'tkz-graph-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'tkz-graph-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'tkz-graph-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  sourcesanspro: [
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'sourcesanspro-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'sourcesanspro-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  longdivision: [
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'longdivision-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'longdivision-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  xmpmulti: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'xmpmulti-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  epsdice: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'epsdice-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'epsdice-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'epsdice-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'epsdice-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'epsdice-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'epsdice-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'epsdice-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'epsdice-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'epsdice-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'epsdice-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'epsdice-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'epsdice-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'epsdice-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'epsdice-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'epsdice-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'epsdice-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'epsdice-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'epsdice-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'epsdice-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'epsdice-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'epsdice-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'epsdice-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'epsdice-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'epsdice-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'epsdice-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'epsdice-cmd',
+      score: 0.004719094298848707,
+    },
+  ],
+  apptools: [
+    {
+      caption: '\\appendix',
+      snippet: '\\appendix',
+      meta: 'apptools-cmd',
+      score: 0.047007158741781095,
+    },
+    {
+      caption: '\\AtAppendix{}',
+      snippet: '\\AtAppendix{$1}',
+      meta: 'apptools-cmd',
+      score: 8.82390883984482e-6,
+    },
+  ],
+  letltxmacro: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'letltxmacro-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  menukeys: [
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'menukeys-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'menukeys-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\adjustbox{}{}',
+      snippet: '\\adjustbox{$1}{$2}',
+      meta: 'menukeys-cmd',
+      score: 0.002008185536556013,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'menukeys-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'menukeys-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'menukeys-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\documentclass[]{}',
+      snippet: '\\documentclass[$1]{$2}',
+      meta: 'menukeys-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\documentclass{}',
+      snippet: '\\documentclass{$1}',
+      meta: 'menukeys-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\usepackage{}',
+      snippet: '\\usepackage{$1}',
+      meta: 'menukeys-cmd',
+      score: 5.427890758130527,
+    },
+    {
+      caption: '\\usepackage[]{}',
+      snippet: '\\usepackage[$1]{$2}',
+      meta: 'menukeys-cmd',
+      score: 5.427890758130527,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'menukeys-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'menukeys-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'menukeys-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'menukeys-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'menukeys-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'menukeys-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'menukeys-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'menukeys-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'menukeys-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'menukeys-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'menukeys-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'menukeys-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\mathlarger{}',
+      snippet: '\\mathlarger{$1}',
+      meta: 'menukeys-cmd',
+      score: 0.0031475241540308316,
+    },
+    {
+      caption: '\\smaller',
+      snippet: '\\smaller',
+      meta: 'menukeys-cmd',
+      score: 0.001271007880944704,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'menukeys-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'menukeys-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'menukeys-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'menukeys-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'menukeys-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'menukeys-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'menukeys-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'menukeys-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'menukeys-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'menukeys-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'menukeys-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'menukeys-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'menukeys-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'menukeys-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'menukeys-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'menukeys-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'menukeys-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'menukeys-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'menukeys-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'menukeys-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'menukeys-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'menukeys-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'menukeys-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'menukeys-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'menukeys-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'menukeys-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'menukeys-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'menukeys-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'menukeys-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'menukeys-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'menukeys-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'menukeys-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'menukeys-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'menukeys-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'menukeys-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'menukeys-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'menukeys-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'menukeys-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'menukeys-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'menukeys-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'menukeys-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'menukeys-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'menukeys-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'menukeys-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'menukeys-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'menukeys-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'menukeys-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'menukeys-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'menukeys-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'menukeys-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'menukeys-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'menukeys-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'menukeys-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'menukeys-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'menukeys-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'menukeys-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'menukeys-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  hypdvips: [
+    {
+      caption: '\\begin{}',
+      snippet: '\\begin{$1}',
+      meta: 'hypdvips-cmd',
+      score: 7.849662248028187,
+    },
+    {
+      caption: '\\begin{}[]',
+      snippet: '\\begin{$1}[$2]',
+      meta: 'hypdvips-cmd',
+      score: 7.849662248028187,
+    },
+    {
+      caption: '\\begin{}{}',
+      snippet: '\\begin{$1}{$2}',
+      meta: 'hypdvips-cmd',
+      score: 7.849662248028187,
+    },
+    {
+      caption: '\\author{}',
+      snippet: '\\author{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.8973590434087177,
+    },
+    {
+      caption: '\\author[]{}',
+      snippet: '\\author[$1]{$2}',
+      meta: 'hypdvips-cmd',
+      score: 0.8973590434087177,
+    },
+    {
+      caption: '\\title{}',
+      snippet: '\\title{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.9202908262245683,
+    },
+    {
+      caption: '\\end{}',
+      snippet: '\\end{$1}',
+      meta: 'hypdvips-cmd',
+      score: 7.847906405228455,
+    },
+    {
+      caption: '\\clearpage',
+      snippet: '\\clearpage',
+      meta: 'hypdvips-cmd',
+      score: 0.1789117552185788,
+    },
+    {
+      caption: '\\global',
+      snippet: '\\global',
+      meta: 'hypdvips-cmd',
+      score: 0.006609629561859019,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'hypdvips-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hypdvips-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'hypdvips-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\AtBeginShipout{}',
+      snippet: '\\AtBeginShipout{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.00047530324346933345,
+    },
+    {
+      caption: '\\AtBeginShipoutNext{}',
+      snippet: '\\AtBeginShipoutNext{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.0005277905480209891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypdvips-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\UrlBreaks{}',
+      snippet: '\\UrlBreaks{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.001030592515645366,
+    },
+    {
+      caption: '\\UrlBreaks',
+      snippet: '\\UrlBreaks',
+      meta: 'hypdvips-cmd',
+      score: 0.001030592515645366,
+    },
+    {
+      caption: '\\Url',
+      snippet: '\\Url',
+      meta: 'hypdvips-cmd',
+      score: 0.0002854206807593436,
+    },
+    {
+      caption: '\\UrlOrds{}',
+      snippet: '\\UrlOrds{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.0006882563723629154,
+    },
+    {
+      caption: '\\UrlOrds',
+      snippet: '\\UrlOrds',
+      meta: 'hypdvips-cmd',
+      score: 0.0006882563723629154,
+    },
+    {
+      caption: '\\urlstyle{}',
+      snippet: '\\urlstyle{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.010515056688180681,
+    },
+    {
+      caption: '\\urldef{}',
+      snippet: '\\urldef{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.008041789461944983,
+    },
+    {
+      caption: '\\UrlBigBreaks{}',
+      snippet: '\\UrlBigBreaks{$1}',
+      meta: 'hypdvips-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\UrlFont{}',
+      snippet: '\\UrlFont{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.0032990580087398644,
+    },
+    {
+      caption: '\\UrlSpecials{}',
+      snippet: '\\UrlSpecials{$1}',
+      meta: 'hypdvips-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\UrlNoBreaks',
+      snippet: '\\UrlNoBreaks',
+      meta: 'hypdvips-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\nameref{}',
+      snippet: '\\nameref{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.009472569279662113,
+    },
+    {
+      caption: '\\pdfbookmark[]{}{}',
+      snippet: '\\pdfbookmark[$1]{$2}{$3}',
+      meta: 'hypdvips-cmd',
+      score: 0.006492248863367502,
+    },
+    {
+      caption: '\\figureautorefname',
+      snippet: '\\figureautorefname',
+      meta: 'hypdvips-cmd',
+      score: 0.00014582556188448738,
+    },
+    {
+      caption: '\\figureautorefname{}',
+      snippet: '\\figureautorefname{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.00014582556188448738,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'hypdvips-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'hypdvips-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\footnoteautorefname',
+      snippet: '\\footnoteautorefname',
+      meta: 'hypdvips-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\roman{}',
+      snippet: '\\roman{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.005553384455935491,
+    },
+    {
+      caption: '\\roman',
+      snippet: '\\roman',
+      meta: 'hypdvips-cmd',
+      score: 0.005553384455935491,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'hypdvips-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\MakeLowercase{}',
+      snippet: '\\MakeLowercase{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.017289599800633146,
+    },
+    {
+      caption: '\\textunderscore',
+      snippet: '\\textunderscore',
+      meta: 'hypdvips-cmd',
+      score: 0.001509072212764015,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'hypdvips-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\begin{}',
+      snippet: '\\begin{$1}',
+      meta: 'hypdvips-cmd',
+      score: 7.849662248028187,
+    },
+    {
+      caption: '\\begin{}[]',
+      snippet: '\\begin{$1}[$2]',
+      meta: 'hypdvips-cmd',
+      score: 7.849662248028187,
+    },
+    {
+      caption: '\\begin{}{}',
+      snippet: '\\begin{$1}{$2}',
+      meta: 'hypdvips-cmd',
+      score: 7.849662248028187,
+    },
+    {
+      caption: '\\FancyVerbLineautorefname',
+      snippet: '\\FancyVerbLineautorefname',
+      meta: 'hypdvips-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\hyperlink{}{}',
+      snippet: '\\hyperlink{$1}{$2}',
+      meta: 'hypdvips-cmd',
+      score: 0.00978652043902115,
+    },
+    {
+      caption: '\\tableautorefname',
+      snippet: '\\tableautorefname',
+      meta: 'hypdvips-cmd',
+      score: 0.00012704528567339081,
+    },
+    {
+      caption: '\\tableautorefname{}',
+      snippet: '\\tableautorefname{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.00012704528567339081,
+    },
+    {
+      caption: '\\equationautorefname',
+      snippet: '\\equationautorefname',
+      meta: 'hypdvips-cmd',
+      score: 0.00018777198999871106,
+    },
+    {
+      caption: '\\equationautorefname{}',
+      snippet: '\\equationautorefname{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.00018777198999871106,
+    },
+    {
+      caption: '\\chapterautorefname',
+      snippet: '\\chapterautorefname',
+      meta: 'hypdvips-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\TeX',
+      snippet: '\\TeX',
+      meta: 'hypdvips-cmd',
+      score: 0.02873756018238537,
+    },
+    {
+      caption: '\\TeX{}',
+      snippet: '\\TeX{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.02873756018238537,
+    },
+    {
+      caption: '\\protect',
+      snippet: '\\protect',
+      meta: 'hypdvips-cmd',
+      score: 0.0200686676229443,
+    },
+    {
+      caption: '\\appendixautorefname',
+      snippet: '\\appendixautorefname',
+      meta: 'hypdvips-cmd',
+      score: 7.950698053641679e-5,
+    },
+    {
+      caption: '\\appendixautorefname{}',
+      snippet: '\\appendixautorefname{$1}',
+      meta: 'hypdvips-cmd',
+      score: 7.950698053641679e-5,
+    },
+    {
+      caption: '\\newlabel{}{}',
+      snippet: '\\newlabel{$1}{$2}',
+      meta: 'hypdvips-cmd',
+      score: 0.00029737672328168955,
+    },
+    {
+      caption: '\\texorpdfstring{}{}',
+      snippet: '\\texorpdfstring{$1}{$2}',
+      meta: 'hypdvips-cmd',
+      score: 0.0073781967296121,
+    },
+    {
+      caption: '\\refstepcounter{}',
+      snippet: '\\refstepcounter{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.002140559856649122,
+    },
+    {
+      caption: '\\alph',
+      snippet: '\\alph',
+      meta: 'hypdvips-cmd',
+      score: 0.01034327266194849,
+    },
+    {
+      caption: '\\alph{}',
+      snippet: '\\alph{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.01034327266194849,
+    },
+    {
+      caption: '\\pageref{}',
+      snippet: '\\pageref{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.019788865471151957,
+    },
+    {
+      caption: '\\item',
+      snippet: '\\item ',
+      meta: 'hypdvips-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\item[]',
+      snippet: '\\item[$1] ',
+      meta: 'hypdvips-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\LaTeX',
+      snippet: '\\LaTeX',
+      meta: 'hypdvips-cmd',
+      score: 0.2334089308452787,
+    },
+    {
+      caption: '\\LaTeX{}',
+      snippet: '\\LaTeX{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.2334089308452787,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypdvips-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\itemautorefname',
+      snippet: '\\itemautorefname',
+      meta: 'hypdvips-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\caption{}',
+      snippet: '\\caption{$1}',
+      meta: 'hypdvips-cmd',
+      score: 1.2569477427490174,
+    },
+    {
+      caption: '\\sectionautorefname',
+      snippet: '\\sectionautorefname',
+      meta: 'hypdvips-cmd',
+      score: 0.0019832324299155183,
+    },
+    {
+      caption: '\\sectionautorefname{}',
+      snippet: '\\sectionautorefname{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.0019832324299155183,
+    },
+    {
+      caption: '\\LaTeXe',
+      snippet: '\\LaTeXe',
+      meta: 'hypdvips-cmd',
+      score: 0.007928096378157487,
+    },
+    {
+      caption: '\\LaTeXe{}',
+      snippet: '\\LaTeXe{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.007928096378157487,
+    },
+    {
+      caption: '\\footref{}',
+      snippet: '\\footref{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.0003680857021151614,
+    },
+    {
+      caption: '\\footref',
+      snippet: '\\footref',
+      meta: 'hypdvips-cmd',
+      score: 0.0003680857021151614,
+    },
+    {
+      caption: '\\hypertarget{}{}',
+      snippet: '\\hypertarget{$1}{$2}',
+      meta: 'hypdvips-cmd',
+      score: 0.009652820108904094,
+    },
+    {
+      caption: '\\theoremautorefname',
+      snippet: '\\theoremautorefname',
+      meta: 'hypdvips-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\maketitle',
+      snippet: '\\maketitle',
+      meta: 'hypdvips-cmd',
+      score: 0.7504160124360846,
+    },
+    {
+      caption: '\\subparagraphautorefname',
+      snippet: '\\subparagraphautorefname',
+      meta: 'hypdvips-cmd',
+      score: 0.0005446476945175932,
+    },
+    {
+      caption: '\\url{}',
+      snippet: '\\url{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.13586474005868793,
+    },
+    {
+      caption: '\\author{}',
+      snippet: '\\author{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.8973590434087177,
+    },
+    {
+      caption: '\\author[]{}',
+      snippet: '\\author[$1]{$2}',
+      meta: 'hypdvips-cmd',
+      score: 0.8973590434087177,
+    },
+    {
+      caption: '\\href{}{}',
+      snippet: '\\href{$1}{$2}',
+      meta: 'hypdvips-cmd',
+      score: 0.27111130260612365,
+    },
+    {
+      caption: '\\Roman{}',
+      snippet: '\\Roman{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.0038703587462843594,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'hypdvips-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\autoref{}',
+      snippet: '\\autoref{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.03741172773691362,
+    },
+    {
+      caption: '\\nolinkurl{}',
+      snippet: '\\nolinkurl{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.0004995635515943437,
+    },
+    {
+      caption: '\\end{}',
+      snippet: '\\end{$1}',
+      meta: 'hypdvips-cmd',
+      score: 7.847906405228455,
+    },
+    {
+      caption: '\\phantomsection',
+      snippet: '\\phantomsection',
+      meta: 'hypdvips-cmd',
+      score: 0.0174633138331273,
+    },
+    {
+      caption: '\\MakeUppercase{}',
+      snippet: '\\MakeUppercase{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\MakeUppercase',
+      snippet: '\\MakeUppercase',
+      meta: 'hypdvips-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\partautorefname',
+      snippet: '\\partautorefname',
+      meta: 'hypdvips-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\Itemautorefname{}',
+      snippet: '\\Itemautorefname{$1}',
+      meta: 'hypdvips-cmd',
+      score: 6.006262128895586e-5,
+    },
+    {
+      caption: '\\halign{}',
+      snippet: '\\halign{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.00017906650306643613,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'hypdvips-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\ref{}',
+      snippet: '\\ref{$1}',
+      meta: 'hypdvips-cmd',
+      score: 1.4380093454211778,
+    },
+    {
+      caption: '\\Alph{}',
+      snippet: '\\Alph{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.002233258780143355,
+    },
+    {
+      caption: '\\Alph',
+      snippet: '\\Alph',
+      meta: 'hypdvips-cmd',
+      score: 0.002233258780143355,
+    },
+    {
+      caption: '\\appendix',
+      snippet: '\\appendix',
+      meta: 'hypdvips-cmd',
+      score: 0.047007158741781095,
+    },
+    {
+      caption: '\\MP',
+      snippet: '\\MP',
+      meta: 'hypdvips-cmd',
+      score: 0.00018344383742255004,
+    },
+    {
+      caption: '\\MP{}',
+      snippet: '\\MP{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.00018344383742255004,
+    },
+    {
+      caption: '\\paragraphautorefname',
+      snippet: '\\paragraphautorefname',
+      meta: 'hypdvips-cmd',
+      score: 0.0005446476945175932,
+    },
+    {
+      caption: '\\citeN{}',
+      snippet: '\\citeN{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.0018503938529945614,
+    },
+    {
+      caption: '\\citeN',
+      snippet: '\\citeN',
+      meta: 'hypdvips-cmd',
+      score: 0.0018503938529945614,
+    },
+    {
+      caption: '\\addcontentsline{}{}{}',
+      snippet: '\\addcontentsline{$1}{$2}{$3}',
+      meta: 'hypdvips-cmd',
+      score: 0.07503475348393239,
+    },
+    {
+      caption: '\\subsectionautorefname',
+      snippet: '\\subsectionautorefname',
+      meta: 'hypdvips-cmd',
+      score: 0.0012546605780895737,
+    },
+    {
+      caption: '\\subsectionautorefname{}',
+      snippet: '\\subsectionautorefname{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.0012546605780895737,
+    },
+    {
+      caption: '\\hyperref[]{}',
+      snippet: '\\hyperref[$1]{$2}',
+      meta: 'hypdvips-cmd',
+      score: 0.004515152477030062,
+    },
+    {
+      caption: '\\arabic{}',
+      snippet: '\\arabic{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.02445837629741638,
+    },
+    {
+      caption: '\\arabic',
+      snippet: '\\arabic',
+      meta: 'hypdvips-cmd',
+      score: 0.02445837629741638,
+    },
+    {
+      caption: '\\newline',
+      snippet: '\\newline',
+      meta: 'hypdvips-cmd',
+      score: 0.3311721696201715,
+    },
+    {
+      caption: '\\hypersetup{}',
+      snippet: '\\hypersetup{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.06967310843464661,
+    },
+    {
+      caption: '\\subsubsectionautorefname',
+      snippet: '\\subsubsectionautorefname',
+      meta: 'hypdvips-cmd',
+      score: 0.0012064581899162352,
+    },
+    {
+      caption: '\\subsubsectionautorefname{}',
+      snippet: '\\subsubsectionautorefname{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.0012064581899162352,
+    },
+    {
+      caption: '\\title{}',
+      snippet: '\\title{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.9202908262245683,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'hypdvips-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypdvips-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hypdvips-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hypdvips-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypdvips-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hypdvips-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypdvips-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypdvips-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hypdvips-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hypdvips-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'hypdvips-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypdvips-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hypdvips-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'hypdvips-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypdvips-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypdvips-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hypdvips-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypdvips-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'hypdvips-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypdvips-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\pdfbookmark[]{}{}',
+      snippet: '\\pdfbookmark[$1]{$2}{$3}',
+      meta: 'hypdvips-cmd',
+      score: 0.006492248863367502,
+    },
+    {
+      caption: '\\bookmarkget{}',
+      snippet: '\\bookmarkget{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.00026847053008917257,
+    },
+    {
+      caption: '\\bookmarksetup{}',
+      snippet: '\\bookmarksetup{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.001134118016265821,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hypdvips-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'hypdvips-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'hypdvips-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypdvips-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hypdvips-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\check{}',
+      snippet: '\\check{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.0058342578961340175,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'hypdvips-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypdvips-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypdvips-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hypdvips-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'hypdvips-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'hypdvips-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypdvips-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'hypdvips-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypdvips-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypdvips-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'hypdvips-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'hypdvips-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'hypdvips-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'hypdvips-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'hypdvips-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'hypdvips-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'hypdvips-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hypdvips-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'hypdvips-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'hypdvips-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'hypdvips-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'hypdvips-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  easyReview: [
+    {
+      caption: '\\highlight{}',
+      snippet: '\\highlight{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.00021546602164732416,
+    },
+    {
+      caption: '\\highlight',
+      snippet: '\\highlight',
+      meta: 'easyReview-cmd',
+      score: 0.00021546602164732416,
+    },
+    {
+      caption: '\\alert{}',
+      snippet: '\\alert{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.02756568949970745,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'easyReview-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'easyReview-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'easyReview-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'easyReview-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'easyReview-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'easyReview-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'easyReview-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'easyReview-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'easyReview-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'easyReview-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'easyReview-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\missingfigure[]{}',
+      snippet: '\\missingfigure[$1]{$2}',
+      meta: 'easyReview-cmd',
+      score: 0.001558719179721163,
+    },
+    {
+      caption: '\\missingfigure',
+      snippet: '\\missingfigure',
+      meta: 'easyReview-cmd',
+      score: 0.001558719179721163,
+    },
+    {
+      caption: '\\todototoc',
+      snippet: '\\todototoc',
+      meta: 'easyReview-cmd',
+      score: 0.000325977535138643,
+    },
+    {
+      caption: '\\todo{}',
+      snippet: '\\todo{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.04115074278362878,
+    },
+    {
+      caption: '\\todo[]{}',
+      snippet: '\\todo[$1]{$2}',
+      meta: 'easyReview-cmd',
+      score: 0.04115074278362878,
+    },
+    {
+      caption: '\\todo',
+      snippet: '\\todo',
+      meta: 'easyReview-cmd',
+      score: 0.04115074278362878,
+    },
+    {
+      caption: '\\listoftodos',
+      snippet: '\\listoftodos',
+      meta: 'easyReview-cmd',
+      score: 0.0005325975940754609,
+    },
+    {
+      caption: '\\listoftodos[]',
+      snippet: '\\listoftodos[$1]',
+      meta: 'easyReview-cmd',
+      score: 0.0005325975940754609,
+    },
+    {
+      caption: '\\phantomsection',
+      snippet: '\\phantomsection',
+      meta: 'easyReview-cmd',
+      score: 0.0174633138331273,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'easyReview-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'easyReview-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'easyReview-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'easyReview-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'easyReview-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'easyReview-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'easyReview-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'easyReview-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'easyReview-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'easyReview-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'easyReview-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareRobustCommand{}{}',
+      snippet: '\\DeclareRobustCommand{$1}{$2}',
+      meta: 'easyReview-cmd',
+      score: 0.0010373158471650705,
+    },
+    {
+      caption: '\\DeclareRobustCommand{}[]{}',
+      snippet: '\\DeclareRobustCommand{$1}[$2]{$3}',
+      meta: 'easyReview-cmd',
+      score: 0.0010373158471650705,
+    },
+    {
+      caption: '\\sethlcolor{}',
+      snippet: '\\sethlcolor{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.01970230898277056,
+    },
+    {
+      caption: '\\st',
+      snippet: '\\st',
+      meta: 'easyReview-cmd',
+      score: 0.004652662833362787,
+    },
+    {
+      caption: '\\st{}',
+      snippet: '\\st{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.004652662833362787,
+    },
+    {
+      caption: '\\def',
+      snippet: '\\def',
+      meta: 'easyReview-cmd',
+      score: 0.21357759092476175,
+    },
+    {
+      caption: '\\hl{}',
+      snippet: '\\hl{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.03421486301062431,
+    },
+    {
+      caption: '\\sodef',
+      snippet: '\\sodef',
+      meta: 'easyReview-cmd',
+      score: 0.0017045357696831268,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'easyReview-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\so',
+      snippet: '\\so',
+      meta: 'easyReview-cmd',
+      score: 0.004308800134587786,
+    },
+    {
+      caption: '\\so{}',
+      snippet: '\\so{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.004308800134587786,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'easyReview-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'easyReview-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'easyReview-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'easyReview-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'easyReview-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'easyReview-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'easyReview-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'easyReview-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'easyReview-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'easyReview-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'easyReview-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'easyReview-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'easyReview-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  quoting: [
+    {
+      caption: '\\par',
+      snippet: '\\par',
+      meta: 'quoting-cmd',
+      score: 0.413853376001159,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'quoting-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'quoting-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'quoting-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'quoting-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'quoting-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'quoting-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'quoting-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'quoting-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'quoting-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'quoting-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'quoting-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'quoting-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'quoting-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'quoting-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'quoting-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'quoting-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'quoting-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'quoting-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'quoting-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'quoting-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'quoting-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'quoting-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'quoting-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'quoting-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'quoting-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'quoting-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'quoting-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'quoting-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'quoting-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'quoting-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'quoting-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'quoting-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  fouriernc: [
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'fouriernc-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'fouriernc-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'fouriernc-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  realboxes: [
+    {
+      caption: '\\Rotatebox{}{}',
+      snippet: '\\Rotatebox{$1}{$2}',
+      meta: 'realboxes-cmd',
+      score: 1.8920528094586312e-5,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'realboxes-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'realboxes-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'realboxes-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'realboxes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'realboxes-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'realboxes-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'realboxes-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'realboxes-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'realboxes-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\shadowbox{}',
+      snippet: '\\shadowbox{$1}',
+      meta: 'realboxes-cmd',
+      score: 0.00107667147399019,
+    },
+    {
+      caption: '\\doublebox',
+      snippet: '\\doublebox',
+      meta: 'realboxes-cmd',
+      score: 0.00015142240898356106,
+    },
+    {
+      caption: '\\VerbatimEnvironment',
+      snippet: '\\VerbatimEnvironment',
+      meta: 'realboxes-cmd',
+      score: 4.5350034239275855e-5,
+    },
+    {
+      caption: '\\thisfancypage{}{}',
+      snippet: '\\thisfancypage{$1}{$2}',
+      meta: 'realboxes-cmd',
+      score: 0.00015142240898356106,
+    },
+    {
+      caption: '\\TheSbox',
+      snippet: '\\TheSbox',
+      meta: 'realboxes-cmd',
+      score: 4.5350034239275855e-5,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'realboxes-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'realboxes-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'realboxes-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'realboxes-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'realboxes-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'realboxes-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  etextools: [
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'etextools-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'etextools-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'etextools-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'etextools-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'etextools-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'etextools-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'etextools-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'etextools-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'etextools-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'etextools-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'etextools-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'etextools-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'etextools-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'etextools-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'etextools-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'etextools-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'etextools-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'etextools-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'etextools-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'etextools-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'etextools-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'etextools-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'etextools-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\reserveinserts{}',
+      snippet: '\\reserveinserts{$1}',
+      meta: 'etextools-cmd',
+      score: 0.0018653410309739879,
+    },
+    {
+      caption: '\\newtoks',
+      snippet: '\\newtoks',
+      meta: 'etextools-cmd',
+      score: 0.00031058155311734754,
+    },
+  ],
+  ccaption: [
+    {
+      caption: '\\caption{}',
+      snippet: '\\caption{$1}',
+      meta: 'ccaption-cmd',
+      score: 1.2569477427490174,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'ccaption-cmd',
+      score: 1.897791904799601,
+    },
+  ],
+  exercise: [
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'exercise-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'exercise-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'exercise-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'exercise-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'exercise-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'exercise-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'exercise-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  slantsc: [
+    {
+      caption: '\\scshape',
+      snippet: '\\scshape',
+      meta: 'slantsc-cmd',
+      score: 0.05364108855914402,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'slantsc-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'slantsc-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'slantsc-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'slantsc-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'slantsc-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'slantsc-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  'glossary-longbooktabs': [
+    {
+      caption: '\\specialrule{}{}{}',
+      snippet: '\\specialrule{$1}{$2}{$3}',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.004974385202605165,
+    },
+    {
+      caption: '\\cmidrule',
+      snippet: '\\cmidrule',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.01894952272365088,
+    },
+    {
+      caption: '\\cmidrule{}',
+      snippet: '\\cmidrule{$1}',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.01894952272365088,
+    },
+    {
+      caption: '\\bottomrule',
+      snippet: '\\bottomrule',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.04533364657852219,
+    },
+    {
+      caption: '\\midrule',
+      snippet: '\\midrule',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.07098077735912875,
+    },
+    {
+      caption: '\\addlinespace',
+      snippet: '\\addlinespace',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.005865460617491447,
+    },
+    {
+      caption: '\\addlinespace[]',
+      snippet: '\\addlinespace[$1]',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.005865460617491447,
+    },
+    {
+      caption: '\\toprule',
+      snippet: '\\toprule',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.059857788139528495,
+    },
+    {
+      caption: '\\endhead',
+      snippet: '\\endhead',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.0023853501147448834,
+    },
+    {
+      caption: '\\endfoot',
+      snippet: '\\endfoot',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.00044045261916551967,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\nopagebreak',
+      snippet: '\\nopagebreak',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 9.952664522415981e-5,
+    },
+    {
+      caption: '\\endfirsthead',
+      snippet: '\\endfirsthead',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.0016148498709822416,
+    },
+    {
+      caption: '\\endlastfoot',
+      snippet: '\\endlastfoot',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.00044045261916551967,
+    },
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\tablename',
+      snippet: '\\tablename',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.0029238994233674776,
+    },
+    {
+      caption: '\\pagebreak',
+      snippet: '\\pagebreak',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.0313525090421608,
+    },
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'glossary-longbooktabs-cmd',
+      score: 0.018615449342361392,
+    },
+  ],
+  pgflibraryarrows: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'pgflibraryarrows-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  soulpos: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'soulpos-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  gmp: [
+    {
+      caption: '\\par',
+      snippet: '\\par',
+      meta: 'gmp-cmd',
+      score: 0.413853376001159,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'gmp-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'gmp-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'gmp-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'gmp-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'gmp-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'gmp-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'gmp-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'gmp-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'gmp-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'gmp-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'gmp-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'gmp-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'gmp-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'gmp-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'gmp-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'gmp-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'gmp-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'gmp-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'gmp-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'gmp-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'gmp-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'gmp-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'gmp-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'gmp-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  csvsimple: [
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'csvsimple-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'csvsimple-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'csvsimple-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'csvsimple-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'csvsimple-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'csvsimple-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'csvsimple-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'csvsimple-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'csvsimple-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'csvsimple-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'csvsimple-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'csvsimple-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'csvsimple-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'csvsimple-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'csvsimple-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'csvsimple-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'csvsimple-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'csvsimple-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'csvsimple-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'csvsimple-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'csvsimple-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'csvsimple-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'csvsimple-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'csvsimple-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'csvsimple-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'csvsimple-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'csvsimple-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'csvsimple-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  ebgaramond: [
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'ebgaramond-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'ebgaramond-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  boldline: [
+    {
+      caption: '\\hlineB{}',
+      snippet: '\\hlineB{$1}',
+      meta: 'boldline-cmd',
+      score: 0.0009735563258863602,
+    },
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'boldline-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'boldline-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'boldline-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'boldline-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'boldline-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'boldline-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'boldline-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'boldline-cmd',
+      score: 0.018615449342361392,
+    },
+  ],
+  fontaxes: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'fontaxes-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  pbsi: [
+    {
+      caption: '\\bsifamily',
+      snippet: '\\bsifamily',
+      meta: 'pbsi-cmd',
+      score: 3.140504277052775e-5,
+    },
+  ],
+  'tikz-qtree-compat': [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'tikz-qtree-compat-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  'ebgaramond-maths': [
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'ebgaramond-maths-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'ebgaramond-maths-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  complexity: [
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'complexity-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'complexity-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'complexity-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'complexity-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'complexity-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'complexity-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  everysel: [
+    {
+      caption: '\\selectfont',
+      snippet: '\\selectfont',
+      meta: 'everysel-cmd',
+      score: 0.04598628699063736,
+    },
+  ],
+  txfontsb: [
+    {
+      caption: '\\sqrt{}',
+      snippet: '\\sqrt{$1}',
+      meta: 'txfontsb-cmd',
+      score: 0.20240160977404634,
+    },
+  ],
+  nath: [
+    {
+      caption: '\\vert',
+      snippet: '\\vert',
+      meta: 'nath-cmd',
+      score: 0.05152912629788525,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'nath-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\quad',
+      snippet: '\\quad',
+      meta: 'nath-cmd',
+      score: 0.15242755832392743,
+    },
+    {
+      caption: '\\underbrace{}',
+      snippet: '\\underbrace{$1}',
+      meta: 'nath-cmd',
+      score: 0.010373780436850907,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'nath-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\delimgrowth',
+      snippet: '\\delimgrowth',
+      meta: 'nath-cmd',
+      score: 1.8073688234300064e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'nath-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'nath-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\underline{}',
+      snippet: '\\underline{$1}',
+      meta: 'nath-cmd',
+      score: 0.14748550887002482,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'nath-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\qquad',
+      snippet: '\\qquad',
+      meta: 'nath-cmd',
+      score: 0.0878145577017131,
+    },
+  ],
+  vietnam: [
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'vietnam-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'vietnam-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'vietnam-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'vietnam-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'vietnam-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'vietnam-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'vietnam-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'vietnam-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'vietnam-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  answers: [
+    {
+      caption: '\\endverbatim',
+      snippet: '\\endverbatim',
+      meta: 'answers-cmd',
+      score: 0.0022216421267780076,
+    },
+    {
+      caption: '\\verbatim',
+      snippet: '\\verbatim',
+      meta: 'answers-cmd',
+      score: 0.0072203369120285256,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'answers-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'answers-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\par',
+      snippet: '\\par',
+      meta: 'answers-cmd',
+      score: 0.413853376001159,
+    },
+    {
+      caption: '\\verbatiminput{}',
+      snippet: '\\verbatiminput{$1}',
+      meta: 'answers-cmd',
+      score: 0.0024547099784948665,
+    },
+    {
+      caption: '\\verbatiminput',
+      snippet: '\\verbatiminput',
+      meta: 'answers-cmd',
+      score: 0.0024547099784948665,
+    },
+  ],
+  attachfile: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'attachfile-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'attachfile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'attachfile-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\AtBeginShipout{}',
+      snippet: '\\AtBeginShipout{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.00047530324346933345,
+    },
+    {
+      caption: '\\AtBeginShipoutNext{}',
+      snippet: '\\AtBeginShipoutNext{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.0005277905480209891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'attachfile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\UrlBreaks{}',
+      snippet: '\\UrlBreaks{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.001030592515645366,
+    },
+    {
+      caption: '\\UrlBreaks',
+      snippet: '\\UrlBreaks',
+      meta: 'attachfile-cmd',
+      score: 0.001030592515645366,
+    },
+    {
+      caption: '\\Url',
+      snippet: '\\Url',
+      meta: 'attachfile-cmd',
+      score: 0.0002854206807593436,
+    },
+    {
+      caption: '\\UrlOrds{}',
+      snippet: '\\UrlOrds{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.0006882563723629154,
+    },
+    {
+      caption: '\\UrlOrds',
+      snippet: '\\UrlOrds',
+      meta: 'attachfile-cmd',
+      score: 0.0006882563723629154,
+    },
+    {
+      caption: '\\urlstyle{}',
+      snippet: '\\urlstyle{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.010515056688180681,
+    },
+    {
+      caption: '\\urldef{}',
+      snippet: '\\urldef{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.008041789461944983,
+    },
+    {
+      caption: '\\UrlBigBreaks{}',
+      snippet: '\\UrlBigBreaks{$1}',
+      meta: 'attachfile-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\UrlFont{}',
+      snippet: '\\UrlFont{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.0032990580087398644,
+    },
+    {
+      caption: '\\UrlSpecials{}',
+      snippet: '\\UrlSpecials{$1}',
+      meta: 'attachfile-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\UrlNoBreaks',
+      snippet: '\\UrlNoBreaks',
+      meta: 'attachfile-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\nameref{}',
+      snippet: '\\nameref{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.009472569279662113,
+    },
+    {
+      caption: '\\pdfbookmark[]{}{}',
+      snippet: '\\pdfbookmark[$1]{$2}{$3}',
+      meta: 'attachfile-cmd',
+      score: 0.006492248863367502,
+    },
+    {
+      caption: '\\figureautorefname',
+      snippet: '\\figureautorefname',
+      meta: 'attachfile-cmd',
+      score: 0.00014582556188448738,
+    },
+    {
+      caption: '\\figureautorefname{}',
+      snippet: '\\figureautorefname{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.00014582556188448738,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'attachfile-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'attachfile-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\footnoteautorefname',
+      snippet: '\\footnoteautorefname',
+      meta: 'attachfile-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\roman{}',
+      snippet: '\\roman{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.005553384455935491,
+    },
+    {
+      caption: '\\roman',
+      snippet: '\\roman',
+      meta: 'attachfile-cmd',
+      score: 0.005553384455935491,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'attachfile-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\MakeLowercase{}',
+      snippet: '\\MakeLowercase{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.017289599800633146,
+    },
+    {
+      caption: '\\textunderscore',
+      snippet: '\\textunderscore',
+      meta: 'attachfile-cmd',
+      score: 0.001509072212764015,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'attachfile-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\begin{}',
+      snippet: '\\begin{$1}',
+      meta: 'attachfile-cmd',
+      score: 7.849662248028187,
+    },
+    {
+      caption: '\\begin{}[]',
+      snippet: '\\begin{$1}[$2]',
+      meta: 'attachfile-cmd',
+      score: 7.849662248028187,
+    },
+    {
+      caption: '\\begin{}{}',
+      snippet: '\\begin{$1}{$2}',
+      meta: 'attachfile-cmd',
+      score: 7.849662248028187,
+    },
+    {
+      caption: '\\FancyVerbLineautorefname',
+      snippet: '\\FancyVerbLineautorefname',
+      meta: 'attachfile-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\hyperlink{}{}',
+      snippet: '\\hyperlink{$1}{$2}',
+      meta: 'attachfile-cmd',
+      score: 0.00978652043902115,
+    },
+    {
+      caption: '\\tableautorefname',
+      snippet: '\\tableautorefname',
+      meta: 'attachfile-cmd',
+      score: 0.00012704528567339081,
+    },
+    {
+      caption: '\\tableautorefname{}',
+      snippet: '\\tableautorefname{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.00012704528567339081,
+    },
+    {
+      caption: '\\equationautorefname',
+      snippet: '\\equationautorefname',
+      meta: 'attachfile-cmd',
+      score: 0.00018777198999871106,
+    },
+    {
+      caption: '\\equationautorefname{}',
+      snippet: '\\equationautorefname{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.00018777198999871106,
+    },
+    {
+      caption: '\\chapterautorefname',
+      snippet: '\\chapterautorefname',
+      meta: 'attachfile-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\TeX',
+      snippet: '\\TeX',
+      meta: 'attachfile-cmd',
+      score: 0.02873756018238537,
+    },
+    {
+      caption: '\\TeX{}',
+      snippet: '\\TeX{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.02873756018238537,
+    },
+    {
+      caption: '\\protect',
+      snippet: '\\protect',
+      meta: 'attachfile-cmd',
+      score: 0.0200686676229443,
+    },
+    {
+      caption: '\\appendixautorefname',
+      snippet: '\\appendixautorefname',
+      meta: 'attachfile-cmd',
+      score: 7.950698053641679e-5,
+    },
+    {
+      caption: '\\appendixautorefname{}',
+      snippet: '\\appendixautorefname{$1}',
+      meta: 'attachfile-cmd',
+      score: 7.950698053641679e-5,
+    },
+    {
+      caption: '\\newlabel{}{}',
+      snippet: '\\newlabel{$1}{$2}',
+      meta: 'attachfile-cmd',
+      score: 0.00029737672328168955,
+    },
+    {
+      caption: '\\texorpdfstring{}{}',
+      snippet: '\\texorpdfstring{$1}{$2}',
+      meta: 'attachfile-cmd',
+      score: 0.0073781967296121,
+    },
+    {
+      caption: '\\refstepcounter{}',
+      snippet: '\\refstepcounter{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.002140559856649122,
+    },
+    {
+      caption: '\\alph',
+      snippet: '\\alph',
+      meta: 'attachfile-cmd',
+      score: 0.01034327266194849,
+    },
+    {
+      caption: '\\alph{}',
+      snippet: '\\alph{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.01034327266194849,
+    },
+    {
+      caption: '\\pageref{}',
+      snippet: '\\pageref{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.019788865471151957,
+    },
+    {
+      caption: '\\item',
+      snippet: '\\item ',
+      meta: 'attachfile-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\item[]',
+      snippet: '\\item[$1] ',
+      meta: 'attachfile-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\LaTeX',
+      snippet: '\\LaTeX',
+      meta: 'attachfile-cmd',
+      score: 0.2334089308452787,
+    },
+    {
+      caption: '\\LaTeX{}',
+      snippet: '\\LaTeX{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.2334089308452787,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'attachfile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\itemautorefname',
+      snippet: '\\itemautorefname',
+      meta: 'attachfile-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\caption{}',
+      snippet: '\\caption{$1}',
+      meta: 'attachfile-cmd',
+      score: 1.2569477427490174,
+    },
+    {
+      caption: '\\sectionautorefname',
+      snippet: '\\sectionautorefname',
+      meta: 'attachfile-cmd',
+      score: 0.0019832324299155183,
+    },
+    {
+      caption: '\\sectionautorefname{}',
+      snippet: '\\sectionautorefname{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.0019832324299155183,
+    },
+    {
+      caption: '\\LaTeXe',
+      snippet: '\\LaTeXe',
+      meta: 'attachfile-cmd',
+      score: 0.007928096378157487,
+    },
+    {
+      caption: '\\LaTeXe{}',
+      snippet: '\\LaTeXe{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.007928096378157487,
+    },
+    {
+      caption: '\\footref{}',
+      snippet: '\\footref{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.0003680857021151614,
+    },
+    {
+      caption: '\\footref',
+      snippet: '\\footref',
+      meta: 'attachfile-cmd',
+      score: 0.0003680857021151614,
+    },
+    {
+      caption: '\\hypertarget{}{}',
+      snippet: '\\hypertarget{$1}{$2}',
+      meta: 'attachfile-cmd',
+      score: 0.009652820108904094,
+    },
+    {
+      caption: '\\theoremautorefname',
+      snippet: '\\theoremautorefname',
+      meta: 'attachfile-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\maketitle',
+      snippet: '\\maketitle',
+      meta: 'attachfile-cmd',
+      score: 0.7504160124360846,
+    },
+    {
+      caption: '\\subparagraphautorefname',
+      snippet: '\\subparagraphautorefname',
+      meta: 'attachfile-cmd',
+      score: 0.0005446476945175932,
+    },
+    {
+      caption: '\\url{}',
+      snippet: '\\url{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.13586474005868793,
+    },
+    {
+      caption: '\\author{}',
+      snippet: '\\author{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.8973590434087177,
+    },
+    {
+      caption: '\\author[]{}',
+      snippet: '\\author[$1]{$2}',
+      meta: 'attachfile-cmd',
+      score: 0.8973590434087177,
+    },
+    {
+      caption: '\\href{}{}',
+      snippet: '\\href{$1}{$2}',
+      meta: 'attachfile-cmd',
+      score: 0.27111130260612365,
+    },
+    {
+      caption: '\\Roman{}',
+      snippet: '\\Roman{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.0038703587462843594,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'attachfile-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\autoref{}',
+      snippet: '\\autoref{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.03741172773691362,
+    },
+    {
+      caption: '\\nolinkurl{}',
+      snippet: '\\nolinkurl{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.0004995635515943437,
+    },
+    {
+      caption: '\\end{}',
+      snippet: '\\end{$1}',
+      meta: 'attachfile-cmd',
+      score: 7.847906405228455,
+    },
+    {
+      caption: '\\phantomsection',
+      snippet: '\\phantomsection',
+      meta: 'attachfile-cmd',
+      score: 0.0174633138331273,
+    },
+    {
+      caption: '\\MakeUppercase{}',
+      snippet: '\\MakeUppercase{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\MakeUppercase',
+      snippet: '\\MakeUppercase',
+      meta: 'attachfile-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\partautorefname',
+      snippet: '\\partautorefname',
+      meta: 'attachfile-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\Itemautorefname{}',
+      snippet: '\\Itemautorefname{$1}',
+      meta: 'attachfile-cmd',
+      score: 6.006262128895586e-5,
+    },
+    {
+      caption: '\\halign{}',
+      snippet: '\\halign{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.00017906650306643613,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'attachfile-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\ref{}',
+      snippet: '\\ref{$1}',
+      meta: 'attachfile-cmd',
+      score: 1.4380093454211778,
+    },
+    {
+      caption: '\\Alph{}',
+      snippet: '\\Alph{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.002233258780143355,
+    },
+    {
+      caption: '\\Alph',
+      snippet: '\\Alph',
+      meta: 'attachfile-cmd',
+      score: 0.002233258780143355,
+    },
+    {
+      caption: '\\appendix',
+      snippet: '\\appendix',
+      meta: 'attachfile-cmd',
+      score: 0.047007158741781095,
+    },
+    {
+      caption: '\\MP',
+      snippet: '\\MP',
+      meta: 'attachfile-cmd',
+      score: 0.00018344383742255004,
+    },
+    {
+      caption: '\\MP{}',
+      snippet: '\\MP{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.00018344383742255004,
+    },
+    {
+      caption: '\\paragraphautorefname',
+      snippet: '\\paragraphautorefname',
+      meta: 'attachfile-cmd',
+      score: 0.0005446476945175932,
+    },
+    {
+      caption: '\\citeN{}',
+      snippet: '\\citeN{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.0018503938529945614,
+    },
+    {
+      caption: '\\citeN',
+      snippet: '\\citeN',
+      meta: 'attachfile-cmd',
+      score: 0.0018503938529945614,
+    },
+    {
+      caption: '\\addcontentsline{}{}{}',
+      snippet: '\\addcontentsline{$1}{$2}{$3}',
+      meta: 'attachfile-cmd',
+      score: 0.07503475348393239,
+    },
+    {
+      caption: '\\subsectionautorefname',
+      snippet: '\\subsectionautorefname',
+      meta: 'attachfile-cmd',
+      score: 0.0012546605780895737,
+    },
+    {
+      caption: '\\subsectionautorefname{}',
+      snippet: '\\subsectionautorefname{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.0012546605780895737,
+    },
+    {
+      caption: '\\hyperref[]{}',
+      snippet: '\\hyperref[$1]{$2}',
+      meta: 'attachfile-cmd',
+      score: 0.004515152477030062,
+    },
+    {
+      caption: '\\arabic{}',
+      snippet: '\\arabic{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.02445837629741638,
+    },
+    {
+      caption: '\\arabic',
+      snippet: '\\arabic',
+      meta: 'attachfile-cmd',
+      score: 0.02445837629741638,
+    },
+    {
+      caption: '\\newline',
+      snippet: '\\newline',
+      meta: 'attachfile-cmd',
+      score: 0.3311721696201715,
+    },
+    {
+      caption: '\\hypersetup{}',
+      snippet: '\\hypersetup{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.06967310843464661,
+    },
+    {
+      caption: '\\subsubsectionautorefname',
+      snippet: '\\subsubsectionautorefname',
+      meta: 'attachfile-cmd',
+      score: 0.0012064581899162352,
+    },
+    {
+      caption: '\\subsubsectionautorefname{}',
+      snippet: '\\subsubsectionautorefname{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.0012064581899162352,
+    },
+    {
+      caption: '\\title{}',
+      snippet: '\\title{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.9202908262245683,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'attachfile-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'attachfile-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'attachfile-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'attachfile-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'attachfile-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'attachfile-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'attachfile-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'attachfile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'attachfile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'attachfile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'attachfile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'attachfile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'attachfile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'attachfile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'attachfile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'attachfile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'attachfile-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'attachfile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'attachfile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'attachfile-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'attachfile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'attachfile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'attachfile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'attachfile-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'attachfile-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'attachfile-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'attachfile-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'attachfile-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'attachfile-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'attachfile-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'attachfile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'attachfile-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'attachfile-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'attachfile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'attachfile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\check{}',
+      snippet: '\\check{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.0058342578961340175,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'attachfile-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'attachfile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'attachfile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'attachfile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'attachfile-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'attachfile-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'attachfile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'attachfile-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'attachfile-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'attachfile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'attachfile-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'attachfile-cmd',
+      score: 0.00530510025314411,
+    },
+  ],
+  doc: [
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'doc-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\verb',
+      snippet: '\\verb',
+      meta: 'doc-cmd',
+      score: 0.1323269725886312,
+    },
+    {
+      caption: '\\maketitle',
+      snippet: '\\maketitle',
+      meta: 'doc-cmd',
+      score: 0.7504160124360846,
+    },
+    {
+      caption: '\\verbatim',
+      snippet: '\\verbatim',
+      meta: 'doc-cmd',
+      score: 0.0072203369120285256,
+    },
+  ],
+  'tkz-fct': [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'tkz-fct-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tkz-fct-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tkz-fct-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tkz-fct-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tkz-fct-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tkz-fct-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tkz-fct-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\reserveinserts{}',
+      snippet: '\\reserveinserts{$1}',
+      meta: 'tkz-fct-cmd',
+      score: 0.0018653410309739879,
+    },
+    {
+      caption: '\\newtoks',
+      snippet: '\\newtoks',
+      meta: 'tkz-fct-cmd',
+      score: 0.00031058155311734754,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tkz-fct-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tkz-fct-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'tkz-fct-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'tkz-fct-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'tkz-fct-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'tkz-fct-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'tkz-fct-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tkz-fct-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'tkz-fct-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tkz-fct-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'tkz-fct-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tkz-fct-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tkz-fct-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tkz-fct-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'tkz-fct-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'tkz-fct-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tkz-fct-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tkz-fct-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'tkz-fct-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'tkz-fct-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'tkz-fct-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'tkz-fct-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'tkz-fct-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tkz-fct-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'tkz-fct-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'tkz-fct-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tkz-fct-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'tkz-fct-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'tkz-fct-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'tkz-fct-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'tkz-fct-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  notes2bib: [
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'notes2bib-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'notes2bib-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  stackengine: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'stackengine-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'stackengine-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'stackengine-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'stackengine-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'stackengine-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'stackengine-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'stackengine-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'stackengine-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'stackengine-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'stackengine-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'stackengine-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'stackengine-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'stackengine-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'stackengine-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'stackengine-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'stackengine-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'stackengine-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'stackengine-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'stackengine-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'stackengine-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'stackengine-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'stackengine-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'stackengine-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'stackengine-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'stackengine-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'stackengine-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'stackengine-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'stackengine-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'stackengine-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'stackengine-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'stackengine-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'stackengine-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'stackengine-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  cellspace: [
+    {
+      caption: '\\endtabular',
+      snippet: '\\endtabular',
+      meta: 'cellspace-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\multicolumn{}{}{}',
+      snippet: '\\multicolumn{$1}{$2}{$3}',
+      meta: 'cellspace-cmd',
+      score: 0.5473606021405326,
+    },
+    {
+      caption: '\\array{}',
+      snippet: '\\array{$1}',
+      meta: 'cellspace-cmd',
+      score: 2.650484574842396e-5,
+    },
+    {
+      caption: '\\arraybackslash',
+      snippet: '\\arraybackslash',
+      meta: 'cellspace-cmd',
+      score: 0.014532521139459619,
+    },
+    {
+      caption: '\\tabular{}',
+      snippet: '\\tabular{$1}',
+      meta: 'cellspace-cmd',
+      score: 0.0005078239917067089,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'cellspace-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\newcolumntype{}[]{}',
+      snippet: '\\newcolumntype{$1}[$2]{$3}',
+      meta: 'cellspace-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\newcolumntype{}{}',
+      snippet: '\\newcolumntype{$1}{$2}',
+      meta: 'cellspace-cmd',
+      score: 0.018615449342361392,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'cellspace-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'cellspace-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'cellspace-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'cellspace-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'cellspace-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'cellspace-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'cellspace-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'cellspace-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'cellspace-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'cellspace-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'cellspace-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'cellspace-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'cellspace-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'cellspace-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'cellspace-cmd',
+      score: 0.028955796305270766,
+    },
+  ],
+  zxjatype: [
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'zxjatype-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'zxjatype-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'zxjatype-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'zxjatype-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'zxjatype-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'zxjatype-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'zxjatype-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'zxjatype-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'zxjatype-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'zxjatype-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'zxjatype-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'zxjatype-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'zxjatype-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'zxjatype-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'zxjatype-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'zxjatype-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'zxjatype-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'zxjatype-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'zxjatype-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'zxjatype-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'zxjatype-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zxjatype-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'zxjatype-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'zxjatype-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'zxjatype-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  newclude: [
+    {
+      caption: '\\documentclass[]{}',
+      snippet: '\\documentclass[$1]{$2}',
+      meta: 'newclude-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\documentclass{}',
+      snippet: '\\documentclass{$1}',
+      meta: 'newclude-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\include{}',
+      snippet: '\\include{$1}',
+      meta: 'newclude-cmd',
+      score: 0.1547080054979312,
+    },
+  ],
+  'pgf-umlcd': [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'pgf-umlcd-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'pgf-umlcd-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  'thm-listof': [
+    {
+      caption: '\\listtheoremname',
+      snippet: '\\listtheoremname',
+      meta: 'thm-listof-cmd',
+      score: 1.9443373798666845e-5,
+    },
+    {
+      caption: '\\thmtformatoptarg',
+      snippet: '\\thmtformatoptarg',
+      meta: 'thm-listof-cmd',
+      score: 6.353668036093916e-5,
+    },
+    {
+      caption: '\\listoftheorems[]',
+      snippet: '\\listoftheorems[$1]',
+      meta: 'thm-listof-cmd',
+      score: 1.9443373798666845e-5,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'thm-listof-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'thm-listof-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'thm-listof-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'thm-listof-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\proof{}',
+      snippet: '\\proof{$1}',
+      meta: 'thm-listof-cmd',
+      score: 0.000701497773639073,
+    },
+    {
+      caption: '\\proof',
+      snippet: '\\proof',
+      meta: 'thm-listof-cmd',
+      score: 0.000701497773639073,
+    },
+    {
+      caption: '\\newtheorem{}[]{}',
+      snippet: '\\newtheorem{$1}[$2]{$3}',
+      meta: 'thm-listof-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\newtheorem{}{}',
+      snippet: '\\newtheorem{$1}{$2}',
+      meta: 'thm-listof-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\newtheorem{}{}[]',
+      snippet: '\\newtheorem{$1}{$2}[$3]',
+      meta: 'thm-listof-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\endproof',
+      snippet: '\\endproof',
+      meta: 'thm-listof-cmd',
+      score: 0.0006133100544751855,
+    },
+    {
+      caption: '\\endproof{}',
+      snippet: '\\endproof{$1}',
+      meta: 'thm-listof-cmd',
+      score: 0.0006133100544751855,
+    },
+  ],
+  'thm-autoref': [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'thm-autoref-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\proof{}',
+      snippet: '\\proof{$1}',
+      meta: 'thm-autoref-cmd',
+      score: 0.000701497773639073,
+    },
+    {
+      caption: '\\proof',
+      snippet: '\\proof',
+      meta: 'thm-autoref-cmd',
+      score: 0.000701497773639073,
+    },
+    {
+      caption: '\\newtheorem{}[]{}',
+      snippet: '\\newtheorem{$1}[$2]{$3}',
+      meta: 'thm-autoref-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\newtheorem{}{}',
+      snippet: '\\newtheorem{$1}{$2}',
+      meta: 'thm-autoref-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\newtheorem{}{}[]',
+      snippet: '\\newtheorem{$1}{$2}[$3]',
+      meta: 'thm-autoref-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\endproof',
+      snippet: '\\endproof',
+      meta: 'thm-autoref-cmd',
+      score: 0.0006133100544751855,
+    },
+    {
+      caption: '\\endproof{}',
+      snippet: '\\endproof{$1}',
+      meta: 'thm-autoref-cmd',
+      score: 0.0006133100544751855,
+    },
+  ],
+  'thm-patch': [
+    {
+      caption: '\\proof{}',
+      snippet: '\\proof{$1}',
+      meta: 'thm-patch-cmd',
+      score: 0.000701497773639073,
+    },
+    {
+      caption: '\\proof',
+      snippet: '\\proof',
+      meta: 'thm-patch-cmd',
+      score: 0.000701497773639073,
+    },
+    {
+      caption: '\\newtheorem{}[]{}',
+      snippet: '\\newtheorem{$1}[$2]{$3}',
+      meta: 'thm-patch-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\newtheorem{}{}',
+      snippet: '\\newtheorem{$1}{$2}',
+      meta: 'thm-patch-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\newtheorem{}{}[]',
+      snippet: '\\newtheorem{$1}{$2}[$3]',
+      meta: 'thm-patch-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\endproof',
+      snippet: '\\endproof',
+      meta: 'thm-patch-cmd',
+      score: 0.0006133100544751855,
+    },
+    {
+      caption: '\\endproof{}',
+      snippet: '\\endproof{$1}',
+      meta: 'thm-patch-cmd',
+      score: 0.0006133100544751855,
+    },
+  ],
+  'thm-kv': [
+    {
+      caption: '\\declaretheoremstyle[]{}',
+      snippet: '\\declaretheoremstyle[$1]{$2}',
+      meta: 'thm-kv-cmd',
+      score: 0.0001168034231635369,
+    },
+    {
+      caption: '\\declaretheorem[]{}',
+      snippet: '\\declaretheorem[$1]{$2}',
+      meta: 'thm-kv-cmd',
+      score: 0.0004904790216915127,
+    },
+    {
+      caption: '\\theoremstyle{}',
+      snippet: '\\theoremstyle{$1}',
+      meta: 'thm-kv-cmd',
+      score: 0.02533412165007986,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'thm-kv-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\proof{}',
+      snippet: '\\proof{$1}',
+      meta: 'thm-kv-cmd',
+      score: 0.000701497773639073,
+    },
+    {
+      caption: '\\proof',
+      snippet: '\\proof',
+      meta: 'thm-kv-cmd',
+      score: 0.000701497773639073,
+    },
+    {
+      caption: '\\newtheorem{}[]{}',
+      snippet: '\\newtheorem{$1}[$2]{$3}',
+      meta: 'thm-kv-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\newtheorem{}{}',
+      snippet: '\\newtheorem{$1}{$2}',
+      meta: 'thm-kv-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\newtheorem{}{}[]',
+      snippet: '\\newtheorem{$1}{$2}[$3]',
+      meta: 'thm-kv-cmd',
+      score: 0.215689795055434,
+    },
+    {
+      caption: '\\endproof',
+      snippet: '\\endproof',
+      meta: 'thm-kv-cmd',
+      score: 0.0006133100544751855,
+    },
+    {
+      caption: '\\endproof{}',
+      snippet: '\\endproof{$1}',
+      meta: 'thm-kv-cmd',
+      score: 0.0006133100544751855,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'thm-kv-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'thm-kv-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'thm-kv-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  onlyamsmath: [
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'onlyamsmath-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\longmapsto',
+      snippet: '\\longmapsto',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0017755897148012264,
+    },
+    {
+      caption: '\\Check{}',
+      snippet: '\\Check{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'onlyamsmath-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'onlyamsmath-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\And',
+      snippet: '\\And',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\And{}',
+      snippet: '\\And{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\boxed{}',
+      snippet: '\\boxed{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0035536135737312827,
+    },
+    {
+      caption: '\\Ddot{}',
+      snippet: '\\Ddot{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ignorespacesafterend',
+      snippet: '\\ignorespacesafterend',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0010893680553454854,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'onlyamsmath-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\Breve{}',
+      snippet: '\\Breve{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'onlyamsmath-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\over{}',
+      snippet: '\\over{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\over',
+      snippet: '\\over',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\bigotimes',
+      snippet: '\\bigotimes',
+      meta: 'onlyamsmath-cmd',
+      score: 0.000984722260624791,
+    },
+    {
+      caption: '\\bigoplus',
+      snippet: '\\bigoplus',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0011508785476242003,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'onlyamsmath-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\bigcap',
+      snippet: '\\bigcap',
+      meta: 'onlyamsmath-cmd',
+      score: 0.005709261168797874,
+    },
+    {
+      caption: '\\xrightarrow{}',
+      snippet: '\\xrightarrow{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\xrightarrow[]{}',
+      snippet: '\\xrightarrow[$1]{$2}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\atop',
+      snippet: '\\atop',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0006518541515279979,
+    },
+    {
+      caption: '\\dfrac{}{}',
+      snippet: '\\dfrac{$1}{$2}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.05397545277891961,
+    },
+    {
+      caption: '\\pmod',
+      snippet: '\\pmod',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\pmod{}',
+      snippet: '\\pmod{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\notag',
+      snippet: '\\notag',
+      meta: 'onlyamsmath-cmd',
+      score: 0.00322520920930312,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'onlyamsmath-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\Vec{}',
+      snippet: '\\Vec{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\bigvee',
+      snippet: '\\bigvee',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0011677288242806726,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'onlyamsmath-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\hookrightarrow',
+      snippet: '\\hookrightarrow',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0015607282046545064,
+    },
+    {
+      caption: '\\bigsqcup',
+      snippet: '\\bigsqcup',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0003468284144579442,
+    },
+    {
+      caption: '\\hookleftarrow',
+      snippet: '\\hookleftarrow',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0016498799924012809,
+    },
+    {
+      caption: '\\Dot{}',
+      snippet: '\\Dot{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\dots',
+      snippet: '\\dots',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0847414497955395,
+    },
+    {
+      caption: '\\genfrac{}{}{}{}{}{}',
+      snippet: '\\genfrac{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\genfrac',
+      snippet: '\\genfrac',
+      meta: 'onlyamsmath-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\cfrac{}{}',
+      snippet: '\\cfrac{$1}{$2}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.006765684097139381,
+    },
+    {
+      caption: '\\Acute{}',
+      snippet: '\\Acute{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ldots',
+      snippet: '\\ldots',
+      meta: 'onlyamsmath-cmd',
+      score: 0.11585556755884258,
+    },
+    {
+      caption: '\\coprod',
+      snippet: '\\coprod',
+      meta: 'onlyamsmath-cmd',
+      score: 0.00011383372700282614,
+    },
+    {
+      caption: '\\impliedby',
+      snippet: '\\impliedby',
+      meta: 'onlyamsmath-cmd',
+      score: 2.3482915591834053e-5,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'onlyamsmath-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\idotsint',
+      snippet: '\\idotsint',
+      meta: 'onlyamsmath-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\Longrightarrow',
+      snippet: '\\Longrightarrow',
+      meta: 'onlyamsmath-cmd',
+      score: 0.002459139437356601,
+    },
+    {
+      caption: '\\allowdisplaybreaks',
+      snippet: '\\allowdisplaybreaks',
+      meta: 'onlyamsmath-cmd',
+      score: 0.005931777024772073,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\mod',
+      snippet: '\\mod',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\mod{}',
+      snippet: '\\mod{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'onlyamsmath-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'onlyamsmath-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\underset{}{}',
+      snippet: '\\underset{$1}{$2}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.012799893214578391,
+    },
+    {
+      caption: '\\dotsc',
+      snippet: '\\dotsc',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0008555101484119994,
+    },
+    {
+      caption: '\\doteq',
+      snippet: '\\doteq',
+      meta: 'onlyamsmath-cmd',
+      score: 3.164631070474435e-5,
+    },
+    {
+      caption: '\\leftroot{}',
+      snippet: '\\leftroot{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\substack{}',
+      snippet: '\\substack{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0037482529712850755,
+    },
+    {
+      caption: '\\Hat{}',
+      snippet: '\\Hat{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'onlyamsmath-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\mspace{}',
+      snippet: '\\mspace{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 3.423236656565836e-5,
+    },
+    {
+      caption: '\\Bar{}',
+      snippet: '\\Bar{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\Grave{}',
+      snippet: '\\Grave{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'onlyamsmath-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\tbinom',
+      snippet: '\\tbinom',
+      meta: 'onlyamsmath-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\dotsi',
+      snippet: '\\dotsi',
+      meta: 'onlyamsmath-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\bigwedge',
+      snippet: '\\bigwedge',
+      meta: 'onlyamsmath-cmd',
+      score: 0.000347742918592393,
+    },
+    {
+      caption: '\\sideset{}{}',
+      snippet: '\\sideset{$1}{$2}',
+      meta: 'onlyamsmath-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\smash{}',
+      snippet: '\\smash{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\smash[]{}',
+      snippet: '\\smash[$1]{$2}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\colon',
+      snippet: '\\colon',
+      meta: 'onlyamsmath-cmd',
+      score: 0.005300291684408929,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\Longleftarrow',
+      snippet: '\\Longleftarrow',
+      meta: 'onlyamsmath-cmd',
+      score: 8.477207854183949e-5,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'onlyamsmath-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\AmS',
+      snippet: '\\AmS',
+      meta: 'onlyamsmath-cmd',
+      score: 0.00047859486202980376,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\tfrac{}{}',
+      snippet: '\\tfrac{$1}{$2}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0005923542426657187,
+    },
+    {
+      caption: '\\uproot{}',
+      snippet: '\\uproot{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\bmod',
+      snippet: '\\bmod',
+      meta: 'onlyamsmath-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\bmod{}',
+      snippet: '\\bmod{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\pod{}',
+      snippet: '\\pod{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\longrightarrow',
+      snippet: '\\longrightarrow',
+      meta: 'onlyamsmath-cmd',
+      score: 0.013399422292458848,
+    },
+    {
+      caption: '\\xleftarrow[]{}',
+      snippet: '\\xleftarrow[$1]{$2}',
+      meta: 'onlyamsmath-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\xleftarrow{}',
+      snippet: '\\xleftarrow{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\mathaccentV',
+      snippet: '\\mathaccentV',
+      meta: 'onlyamsmath-cmd',
+      score: 6.216218551413489e-5,
+    },
+    {
+      caption: '\\hdotsfor{}',
+      snippet: '\\hdotsfor{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\hdotsfor[]{}',
+      snippet: '\\hdotsfor[$1]{$2}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'onlyamsmath-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'onlyamsmath-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\overset{}{}',
+      snippet: '\\overset{$1}{$2}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.007611544955294224,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'onlyamsmath-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\longleftrightarrow',
+      snippet: '\\longleftrightarrow',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0002851769278703356,
+    },
+    {
+      caption: '\\Longleftrightarrow',
+      snippet: '\\Longleftrightarrow',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\Longleftrightarrow{}',
+      snippet: '\\Longleftrightarrow{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\binom{}{}',
+      snippet: '\\binom{$1}{$2}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.013010882180364367,
+    },
+    {
+      caption: '\\longleftarrow',
+      snippet: '\\longleftarrow',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0011096532692473691,
+    },
+    {
+      caption: '\\dbinom{}{}',
+      snippet: '\\dbinom{$1}{$2}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.006800272303210672,
+    },
+    {
+      caption: '\\Tilde{}',
+      snippet: '\\Tilde{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 7.874446783586035e-5,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'onlyamsmath-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'onlyamsmath-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'onlyamsmath-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'onlyamsmath-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'onlyamsmath-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'onlyamsmath-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'onlyamsmath-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'onlyamsmath-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'onlyamsmath-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'onlyamsmath-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'onlyamsmath-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'onlyamsmath-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'onlyamsmath-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'onlyamsmath-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'onlyamsmath-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'onlyamsmath-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'onlyamsmath-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'onlyamsmath-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'onlyamsmath-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'onlyamsmath-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'onlyamsmath-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'onlyamsmath-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'onlyamsmath-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'onlyamsmath-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'onlyamsmath-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'onlyamsmath-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'onlyamsmath-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'onlyamsmath-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'onlyamsmath-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'onlyamsmath-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  arsclassica: [
+    {
+      caption: '\\spacedlowsmallcaps{}',
+      snippet: '\\spacedlowsmallcaps{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.002677188251799468,
+    },
+    {
+      caption: '\\sectionmark',
+      snippet: '\\sectionmark',
+      meta: 'arsclassica-cmd',
+      score: 0.005008938879210868,
+    },
+    {
+      caption: '\\spacedallcaps{}',
+      snippet: '\\spacedallcaps{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.0015281000475958944,
+    },
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'arsclassica-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\clearpage',
+      snippet: '\\clearpage',
+      meta: 'arsclassica-cmd',
+      score: 0.1789117552185788,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'arsclassica-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\specialrule{}{}{}',
+      snippet: '\\specialrule{$1}{$2}{$3}',
+      meta: 'arsclassica-cmd',
+      score: 0.004974385202605165,
+    },
+    {
+      caption: '\\cmidrule',
+      snippet: '\\cmidrule',
+      meta: 'arsclassica-cmd',
+      score: 0.01894952272365088,
+    },
+    {
+      caption: '\\cmidrule{}',
+      snippet: '\\cmidrule{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.01894952272365088,
+    },
+    {
+      caption: '\\bottomrule',
+      snippet: '\\bottomrule',
+      meta: 'arsclassica-cmd',
+      score: 0.04533364657852219,
+    },
+    {
+      caption: '\\midrule',
+      snippet: '\\midrule',
+      meta: 'arsclassica-cmd',
+      score: 0.07098077735912875,
+    },
+    {
+      caption: '\\addlinespace',
+      snippet: '\\addlinespace',
+      meta: 'arsclassica-cmd',
+      score: 0.005865460617491447,
+    },
+    {
+      caption: '\\addlinespace[]',
+      snippet: '\\addlinespace[$1]',
+      meta: 'arsclassica-cmd',
+      score: 0.005865460617491447,
+    },
+    {
+      caption: '\\toprule',
+      snippet: '\\toprule',
+      meta: 'arsclassica-cmd',
+      score: 0.059857788139528495,
+    },
+    {
+      caption: '\\captionsetup{}',
+      snippet: '\\captionsetup{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\captionsetup[]{}',
+      snippet: '\\captionsetup[$1]{$2}',
+      meta: 'arsclassica-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\captionof{}{}',
+      snippet: '\\captionof{$1}{$2}',
+      meta: 'arsclassica-cmd',
+      score: 0.018348594199161503,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'arsclassica-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\appendix',
+      snippet: '\\appendix',
+      meta: 'arsclassica-cmd',
+      score: 0.047007158741781095,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'arsclassica-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\chapter{}',
+      snippet: '\\chapter{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.422097569591803,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'arsclassica-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\hspace{}',
+      snippet: '\\hspace{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.3147206476372336,
+    },
+    {
+      caption: '\\caption{}',
+      snippet: '\\caption{$1}',
+      meta: 'arsclassica-cmd',
+      score: 1.2569477427490174,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'arsclassica-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\ContinuedFloat',
+      snippet: '\\ContinuedFloat',
+      meta: 'arsclassica-cmd',
+      score: 5.806935368083486e-5,
+    },
+    {
+      caption: '\\noindent',
+      snippet: '\\noindent',
+      meta: 'arsclassica-cmd',
+      score: 0.42355747798114207,
+    },
+    {
+      caption: '\\titleclass{}{}[]',
+      snippet: '\\titleclass{$1}{$2}[$3]',
+      meta: 'arsclassica-cmd',
+      score: 0.00028979763314974667,
+    },
+    {
+      caption: '\\titlelabel{}',
+      snippet: '\\titlelabel{$1}',
+      meta: 'arsclassica-cmd',
+      score: 6.40387839367932e-6,
+    },
+    {
+      caption: '\\thetitle',
+      snippet: '\\thetitle',
+      meta: 'arsclassica-cmd',
+      score: 0.0015531478302713473,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'arsclassica-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\titleformat{}{}{}{}{}[]',
+      snippet: '\\titleformat{$1}{$2}{$3}{$4}{$5}[$6]',
+      meta: 'arsclassica-cmd',
+      score: 0.03475519439740096,
+    },
+    {
+      caption: '\\titleformat{}[]{}{}{}{}',
+      snippet: '\\titleformat{$1}[$2]{$3}{$4}{$5}{$6}',
+      meta: 'arsclassica-cmd',
+      score: 0.03475519439740096,
+    },
+    {
+      caption: '\\titleformat{}{}',
+      snippet: '\\titleformat{$1}{$2}',
+      meta: 'arsclassica-cmd',
+      score: 0.03475519439740096,
+    },
+    {
+      caption: '\\titleformat{}{}{}{}{}',
+      snippet: '\\titleformat{$1}{$2}{$3}{$4}{$5}',
+      meta: 'arsclassica-cmd',
+      score: 0.03475519439740096,
+    },
+    {
+      caption: '\\titlespacing{}{}{}{}',
+      snippet: '\\titlespacing{$1}{$2}{$3}{$4}',
+      meta: 'arsclassica-cmd',
+      score: 0.023062744385192156,
+    },
+    {
+      caption: '\\markboth{}{}',
+      snippet: '\\markboth{$1}{$2}',
+      meta: 'arsclassica-cmd',
+      score: 0.038323601301945065,
+    },
+    {
+      caption: '\\markboth{}',
+      snippet: '\\markboth{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.038323601301945065,
+    },
+    {
+      caption: '\\markright{}',
+      snippet: '\\markright{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.007138622674767024,
+    },
+    {
+      caption: '\\markright{}{}',
+      snippet: '\\markright{$1}{$2}',
+      meta: 'arsclassica-cmd',
+      score: 0.007138622674767024,
+    },
+    {
+      caption: '\\filleft',
+      snippet: '\\filleft',
+      meta: 'arsclassica-cmd',
+      score: 7.959989906732799e-5,
+    },
+    {
+      caption: '\\filcenter',
+      snippet: '\\filcenter',
+      meta: 'arsclassica-cmd',
+      score: 0.0004835660211260246,
+    },
+    {
+      caption: '\\footnote{}',
+      snippet: '\\footnote{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.2253056071787701,
+    },
+    {
+      caption: '\\cleardoublepage',
+      snippet: '\\cleardoublepage',
+      meta: 'arsclassica-cmd',
+      score: 0.044016804142963585,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'arsclassica-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\chaptertitlename',
+      snippet: '\\chaptertitlename',
+      meta: 'arsclassica-cmd',
+      score: 0.0016985007766926272,
+    },
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'arsclassica-cmd',
+      score: 0.3277033727934986,
+    },
+    {
+      caption: '\\filright',
+      snippet: '\\filright',
+      meta: 'arsclassica-cmd',
+      score: 7.959989906732799e-5,
+    },
+    {
+      caption: '\\titlerule',
+      snippet: '\\titlerule',
+      meta: 'arsclassica-cmd',
+      score: 0.019273712561461216,
+    },
+    {
+      caption: '\\titlerule[]{}',
+      snippet: '\\titlerule[$1]{$2}',
+      meta: 'arsclassica-cmd',
+      score: 0.019273712561461216,
+    },
+    {
+      caption: '\\DeclareCaptionJustification{}{}',
+      snippet: '\\DeclareCaptionJustification{$1}{$2}',
+      meta: 'arsclassica-cmd',
+      score: 0.0001872850414971473,
+    },
+    {
+      caption: '\\DeclareCaptionLabelSeparator{}{}',
+      snippet: '\\DeclareCaptionLabelSeparator{$1}{$2}',
+      meta: 'arsclassica-cmd',
+      score: 0.0003890810058478364,
+    },
+    {
+      caption: '\\DeclareCaptionFormat{}{}',
+      snippet: '\\DeclareCaptionFormat{$1}{$2}',
+      meta: 'arsclassica-cmd',
+      score: 0.0004717618449370015,
+    },
+    {
+      caption: '\\DeclareCaptionFont{}{}',
+      snippet: '\\DeclareCaptionFont{$1}{$2}',
+      meta: 'arsclassica-cmd',
+      score: 5.0133404990680195e-5,
+    },
+    {
+      caption: '\\DeclareCaptionSubType[]{}',
+      snippet: '\\DeclareCaptionSubType[$1]{$2}',
+      meta: 'arsclassica-cmd',
+      score: 0.0001872850414971473,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'arsclassica-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\captionsetup{}',
+      snippet: '\\captionsetup{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\captionsetup[]{}',
+      snippet: '\\captionsetup[$1]{$2}',
+      meta: 'arsclassica-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'arsclassica-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\DeclareCaptionType{}[][]',
+      snippet: '\\DeclareCaptionType{$1}[$2][$3]',
+      meta: 'arsclassica-cmd',
+      score: 0.00015256647321237863,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'arsclassica-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\footnote{}',
+      snippet: '\\footnote{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.2253056071787701,
+    },
+    {
+      caption: '\\footnotemark[]',
+      snippet: '\\footnotemark[$1]',
+      meta: 'arsclassica-cmd',
+      score: 0.021473212893597875,
+    },
+    {
+      caption: '\\footnotemark',
+      snippet: '\\footnotemark',
+      meta: 'arsclassica-cmd',
+      score: 0.021473212893597875,
+    },
+    {
+      caption: '\\marginpar{}',
+      snippet: '\\marginpar{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.003400158497921723,
+    },
+    {
+      caption: '\\marginpar',
+      snippet: '\\marginpar',
+      meta: 'arsclassica-cmd',
+      score: 0.003400158497921723,
+    },
+    {
+      caption: '\\cftsecleader',
+      snippet: '\\cftsecleader',
+      meta: 'arsclassica-cmd',
+      score: 0.0011340882025681251,
+    },
+    {
+      caption: '\\cftsubsecleader',
+      snippet: '\\cftsubsecleader',
+      meta: 'arsclassica-cmd',
+      score: 1.0644172549700836e-5,
+    },
+    {
+      caption: '\\spacedlowsmallcaps{}',
+      snippet: '\\spacedlowsmallcaps{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.002677188251799468,
+    },
+    {
+      caption: '\\sectionmark',
+      snippet: '\\sectionmark',
+      meta: 'arsclassica-cmd',
+      score: 0.005008938879210868,
+    },
+    {
+      caption: '\\chaptermark',
+      snippet: '\\chaptermark',
+      meta: 'arsclassica-cmd',
+      score: 0.005924520024686584,
+    },
+    {
+      caption: '\\chaptermark{}',
+      snippet: '\\chaptermark{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.005924520024686584,
+    },
+    {
+      caption: '\\part{}',
+      snippet: '\\part{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.022180129487444723,
+    },
+    {
+      caption: '\\tocEntry{}',
+      snippet: '\\tocEntry{$1}',
+      meta: 'arsclassica-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\graffito{}',
+      snippet: '\\graffito{$1}',
+      meta: 'arsclassica-cmd',
+      score: 1.1006799670632527e-5,
+    },
+    {
+      caption: '\\chapter{}',
+      snippet: '\\chapter{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.422097569591803,
+    },
+    {
+      caption: '\\spacedallcaps{}',
+      snippet: '\\spacedallcaps{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.0015281000475958944,
+    },
+    {
+      caption: '\\cftchapleader',
+      snippet: '\\cftchapleader',
+      meta: 'arsclassica-cmd',
+      score: 1.0644172549700836e-5,
+    },
+    {
+      caption: '\\myVersion',
+      snippet: '\\myVersion',
+      meta: 'arsclassica-cmd',
+      score: 0.00018029288638573757,
+    },
+    {
+      caption: '\\ctparttext{}',
+      snippet: '\\ctparttext{$1}',
+      meta: 'arsclassica-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\addtokomafont{}{}',
+      snippet: '\\addtokomafont{$1}{$2}',
+      meta: 'arsclassica-cmd',
+      score: 0.0008555564394100388,
+    },
+    {
+      caption: '\\setkomafont{}{}',
+      snippet: '\\setkomafont{$1}{$2}',
+      meta: 'arsclassica-cmd',
+      score: 0.012985816912639263,
+    },
+    {
+      caption: '\\KOMAoptions{}',
+      snippet: '\\KOMAoptions{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.000396664302361659,
+    },
+    {
+      caption: '\\cite{}',
+      snippet: '\\cite{$1}',
+      meta: 'arsclassica-cmd',
+      score: 2.341195220791228,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'arsclassica-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'arsclassica-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'arsclassica-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'arsclassica-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'arsclassica-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\lsstyle',
+      snippet: '\\lsstyle',
+      meta: 'arsclassica-cmd',
+      score: 0.0023367519914345774,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'arsclassica-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\DisableLigatures[]{}',
+      snippet: '\\DisableLigatures[$1]{$2}',
+      meta: 'arsclassica-cmd',
+      score: 0.0009805246614299932,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'arsclassica-cmd',
+      score: 0.00021116765384691477,
+    },
+  ],
+  blkarray: [
+    {
+      caption: '\\small',
+      snippet: '\\small',
+      meta: 'blkarray-cmd',
+      score: 0.2447632045426295,
+    },
+    {
+      caption: '\\small{}',
+      snippet: '\\small{$1}',
+      meta: 'blkarray-cmd',
+      score: 0.2447632045426295,
+    },
+  ],
+  'tkz-tab': [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'tkz-tab-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tkz-tab-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tkz-tab-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'tkz-tab-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'tkz-tab-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'tkz-tab-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'tkz-tab-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'tkz-tab-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tkz-tab-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'tkz-tab-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tkz-tab-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'tkz-tab-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tkz-tab-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tkz-tab-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tkz-tab-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'tkz-tab-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'tkz-tab-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'tkz-tab-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'tkz-tab-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'tkz-tab-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'tkz-tab-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'tkz-tab-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'tkz-tab-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'tkz-tab-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'tkz-tab-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\reserveinserts{}',
+      snippet: '\\reserveinserts{$1}',
+      meta: 'tkz-tab-cmd',
+      score: 0.0018653410309739879,
+    },
+    {
+      caption: '\\newtoks',
+      snippet: '\\newtoks',
+      meta: 'tkz-tab-cmd',
+      score: 0.00031058155311734754,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tkz-tab-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'tkz-tab-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tkz-tab-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tkz-tab-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'tkz-tab-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'tkz-tab-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'tkz-tab-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'tkz-tab-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'tkz-tab-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tkz-tab-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'tkz-tab-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'tkz-tab-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tkz-tab-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'tkz-tab-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'tkz-tab-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'tkz-tab-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'tkz-tab-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  todo: [
+    {
+      caption: '\\frak{}',
+      snippet: '\\frak{$1}',
+      meta: 'todo-cmd',
+      score: 0.0017966000518546787,
+    },
+    {
+      caption: '\\checkmark',
+      snippet: '\\checkmark',
+      meta: 'todo-cmd',
+      score: 0.025060530944368123,
+    },
+    {
+      caption: '\\bold',
+      snippet: '\\bold',
+      meta: 'todo-cmd',
+      score: 0.0014358547624941567,
+    },
+    {
+      caption: '\\bold{}',
+      snippet: '\\bold{$1}',
+      meta: 'todo-cmd',
+      score: 0.0014358547624941567,
+    },
+    {
+      caption: '\\Bbb{}',
+      snippet: '\\Bbb{$1}',
+      meta: 'todo-cmd',
+      score: 0.0006671850995492977,
+    },
+    {
+      caption: '\\Bbb',
+      snippet: '\\Bbb',
+      meta: 'todo-cmd',
+      score: 0.0006671850995492977,
+    },
+  ],
+  lcg: [
+    {
+      caption: '\\rand',
+      snippet: '\\rand',
+      meta: 'lcg-cmd',
+      score: 6.2350576842596716e-6,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'lcg-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  kantlipsum: [
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'kantlipsum-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'kantlipsum-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  chappg: [
+    {
+      caption: '\\pagenumbering{}',
+      snippet: '\\pagenumbering{$1}',
+      meta: 'chappg-cmd',
+      score: 0.06731737633021802,
+    },
+  ],
+  chessboard: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'chessboard-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'chessboard-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboardfontencoding{}',
+      snippet: '\\setboardfontencoding{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.00014668111964632249,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'chessboard-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'chessboard-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'chessboard-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'chessboard-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'chessboard-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'chessboard-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chessboard-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'chessboard-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'chessboard-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'chessboard-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'chessboard-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'chessboard-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'chessboard-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'chessboard-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'chessboard-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'chessboard-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'chessboard-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chessboard-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'chessboard-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'chessboard-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'chessboard-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'chessboard-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'chessboard-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'chessboard-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'chessboard-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'chessboard-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'chessboard-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'chessboard-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\green',
+      snippet: '\\green',
+      meta: 'chessboard-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\green{}',
+      snippet: '\\green{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\documentclass[]{}',
+      snippet: '\\documentclass[$1]{$2}',
+      meta: 'chessboard-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\documentclass{}',
+      snippet: '\\documentclass{$1}',
+      meta: 'chessboard-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\gray',
+      snippet: '\\gray',
+      meta: 'chessboard-cmd',
+      score: 0.0005786730478266738,
+    },
+    {
+      caption: '\\red{}',
+      snippet: '\\red{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.006520475264573554,
+    },
+    {
+      caption: '\\red',
+      snippet: '\\red',
+      meta: 'chessboard-cmd',
+      score: 0.006520475264573554,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'chessboard-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'chessboard-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'chessboard-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'chessboard-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'chessboard-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chessboard-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  xskak: [
+    {
+      caption: '\\mainline{}',
+      snippet: '\\mainline{$1}',
+      meta: 'xskak-cmd',
+      score: 0.0010267678375242572,
+    },
+    {
+      caption: '\\newchessgame',
+      snippet: '\\newchessgame',
+      meta: 'xskak-cmd',
+      score: 0.000880086717877935,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'xskak-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'xskak-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'xskak-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'xskak-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboardfontencoding{}',
+      snippet: '\\setboardfontencoding{$1}',
+      meta: 'xskak-cmd',
+      score: 0.00014668111964632249,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'xskak-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'xskak-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'xskak-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'xskak-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'xskak-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'xskak-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'xskak-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'xskak-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'xskak-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xskak-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'xskak-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'xskak-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'xskak-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'xskak-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'xskak-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'xskak-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'xskak-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'xskak-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'xskak-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'xskak-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'xskak-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'xskak-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'xskak-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'xskak-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'xskak-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'xskak-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xskak-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'xskak-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'xskak-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'xskak-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'xskak-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'xskak-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'xskak-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'xskak-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'xskak-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'xskak-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'xskak-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'xskak-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'xskak-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'xskak-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'xskak-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'xskak-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'xskak-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'xskak-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'xskak-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'xskak-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'xskak-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'xskak-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'xskak-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xskak-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'xskak-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'xskak-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'xskak-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'xskak-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'xskak-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'xskak-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'xskak-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'xskak-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'xskak-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'xskak-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'xskak-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'xskak-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'xskak-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'xskak-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'xskak-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'xskak-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'xskak-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'xskak-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'xskak-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'xskak-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'xskak-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xskak-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\green',
+      snippet: '\\green',
+      meta: 'xskak-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\green{}',
+      snippet: '\\green{$1}',
+      meta: 'xskak-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\documentclass[]{}',
+      snippet: '\\documentclass[$1]{$2}',
+      meta: 'xskak-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\documentclass{}',
+      snippet: '\\documentclass{$1}',
+      meta: 'xskak-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\gray',
+      snippet: '\\gray',
+      meta: 'xskak-cmd',
+      score: 0.0005786730478266738,
+    },
+    {
+      caption: '\\red{}',
+      snippet: '\\red{$1}',
+      meta: 'xskak-cmd',
+      score: 0.006520475264573554,
+    },
+    {
+      caption: '\\red',
+      snippet: '\\red',
+      meta: 'xskak-cmd',
+      score: 0.006520475264573554,
+    },
+  ],
+  pgfheaps: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'pgfheaps-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfheaps-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfheaps-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'pgfheaps-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'pgfheaps-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'pgfheaps-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'pgfheaps-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'pgfheaps-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfheaps-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'pgfheaps-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfheaps-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'pgfheaps-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfheaps-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfheaps-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfheaps-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'pgfheaps-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfheaps-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfheaps-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfheaps-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfheaps-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'pgfheaps-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfheaps-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfheaps-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'pgfheaps-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'pgfheaps-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'pgfheaps-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'pgfheaps-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'pgfheaps-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfheaps-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'pgfheaps-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'pgfheaps-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfheaps-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'pgfheaps-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'pgfheaps-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'pgfheaps-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'pgfheaps-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  pgfshade: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'pgfshade-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfshade-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfshade-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'pgfshade-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'pgfshade-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'pgfshade-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'pgfshade-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'pgfshade-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfshade-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'pgfshade-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfshade-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'pgfshade-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfshade-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfshade-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfshade-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'pgfshade-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'pgfshade-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'pgfshade-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'pgfshade-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfshade-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'pgfshade-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pgfshade-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pgfshade-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'pgfshade-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'pgfshade-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'pgfshade-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'pgfshade-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'pgfshade-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pgfshade-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'pgfshade-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'pgfshade-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pgfshade-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'pgfshade-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'pgfshade-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'pgfshade-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'pgfshade-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  showframe: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'showframe-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'showframe-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'showframe-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'showframe-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\AtBeginShipout{}',
+      snippet: '\\AtBeginShipout{$1}',
+      meta: 'showframe-cmd',
+      score: 0.00047530324346933345,
+    },
+    {
+      caption: '\\AtBeginShipoutNext{}',
+      snippet: '\\AtBeginShipoutNext{$1}',
+      meta: 'showframe-cmd',
+      score: 0.0005277905480209891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'showframe-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\AddToShipoutPictureFG{}',
+      snippet: '\\AddToShipoutPictureFG{$1}',
+      meta: 'showframe-cmd',
+      score: 0.000325977535138643,
+    },
+    {
+      caption: '\\AddToShipoutPictureBG{}',
+      snippet: '\\AddToShipoutPictureBG{$1}',
+      meta: 'showframe-cmd',
+      score: 0.0008957666085644653,
+    },
+    {
+      caption: '\\AtPageUpperLeft{}',
+      snippet: '\\AtPageUpperLeft{$1}',
+      meta: 'showframe-cmd',
+      score: 0.0003608141410278152,
+    },
+    {
+      caption: '\\LenToUnit{}',
+      snippet: '\\LenToUnit{$1}',
+      meta: 'showframe-cmd',
+      score: 0.0007216282820556304,
+    },
+    {
+      caption: '\\AddToShipoutPicture{}',
+      snippet: '\\AddToShipoutPicture{$1}',
+      meta: 'showframe-cmd',
+      score: 0.0017658629469099734,
+    },
+  ],
+  psvectorian: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'psvectorian-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'psvectorian-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'psvectorian-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'psvectorian-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'psvectorian-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'psvectorian-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'psvectorian-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'psvectorian-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'psvectorian-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'psvectorian-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'psvectorian-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'psvectorian-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'psvectorian-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'psvectorian-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'psvectorian-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'psvectorian-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'psvectorian-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'psvectorian-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'psvectorian-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'psvectorian-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\green',
+      snippet: '\\green',
+      meta: 'psvectorian-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\green{}',
+      snippet: '\\green{$1}',
+      meta: 'psvectorian-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\documentclass[]{}',
+      snippet: '\\documentclass[$1]{$2}',
+      meta: 'psvectorian-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\documentclass{}',
+      snippet: '\\documentclass{$1}',
+      meta: 'psvectorian-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\gray',
+      snippet: '\\gray',
+      meta: 'psvectorian-cmd',
+      score: 0.0005786730478266738,
+    },
+    {
+      caption: '\\red{}',
+      snippet: '\\red{$1}',
+      meta: 'psvectorian-cmd',
+      score: 0.006520475264573554,
+    },
+    {
+      caption: '\\red',
+      snippet: '\\red',
+      meta: 'psvectorian-cmd',
+      score: 0.006520475264573554,
+    },
+  ],
+  'pst-grad': [
+    {
+      caption: '\\green',
+      snippet: '\\green',
+      meta: 'pst-grad-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\green{}',
+      snippet: '\\green{$1}',
+      meta: 'pst-grad-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\documentclass[]{}',
+      snippet: '\\documentclass[$1]{$2}',
+      meta: 'pst-grad-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\documentclass{}',
+      snippet: '\\documentclass{$1}',
+      meta: 'pst-grad-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\gray',
+      snippet: '\\gray',
+      meta: 'pst-grad-cmd',
+      score: 0.0005786730478266738,
+    },
+    {
+      caption: '\\red{}',
+      snippet: '\\red{$1}',
+      meta: 'pst-grad-cmd',
+      score: 0.006520475264573554,
+    },
+    {
+      caption: '\\red',
+      snippet: '\\red',
+      meta: 'pst-grad-cmd',
+      score: 0.006520475264573554,
+    },
+  ],
+  cool: [
+    {
+      caption: '\\longmapsto',
+      snippet: '\\longmapsto',
+      meta: 'cool-cmd',
+      score: 0.0017755897148012264,
+    },
+    {
+      caption: '\\Check{}',
+      snippet: '\\Check{$1}',
+      meta: 'cool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'cool-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'cool-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'cool-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\And',
+      snippet: '\\And',
+      meta: 'cool-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\And{}',
+      snippet: '\\And{$1}',
+      meta: 'cool-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'cool-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\boxed{}',
+      snippet: '\\boxed{$1}',
+      meta: 'cool-cmd',
+      score: 0.0035536135737312827,
+    },
+    {
+      caption: '\\Ddot{}',
+      snippet: '\\Ddot{$1}',
+      meta: 'cool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ignorespacesafterend',
+      snippet: '\\ignorespacesafterend',
+      meta: 'cool-cmd',
+      score: 0.0010893680553454854,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'cool-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\Breve{}',
+      snippet: '\\Breve{$1}',
+      meta: 'cool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'cool-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\over{}',
+      snippet: '\\over{$1}',
+      meta: 'cool-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\over',
+      snippet: '\\over',
+      meta: 'cool-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\bigotimes',
+      snippet: '\\bigotimes',
+      meta: 'cool-cmd',
+      score: 0.000984722260624791,
+    },
+    {
+      caption: '\\bigoplus',
+      snippet: '\\bigoplus',
+      meta: 'cool-cmd',
+      score: 0.0011508785476242003,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'cool-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\bigcap',
+      snippet: '\\bigcap',
+      meta: 'cool-cmd',
+      score: 0.005709261168797874,
+    },
+    {
+      caption: '\\xrightarrow{}',
+      snippet: '\\xrightarrow{$1}',
+      meta: 'cool-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\xrightarrow[]{}',
+      snippet: '\\xrightarrow[$1]{$2}',
+      meta: 'cool-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\atop',
+      snippet: '\\atop',
+      meta: 'cool-cmd',
+      score: 0.0006518541515279979,
+    },
+    {
+      caption: '\\dfrac{}{}',
+      snippet: '\\dfrac{$1}{$2}',
+      meta: 'cool-cmd',
+      score: 0.05397545277891961,
+    },
+    {
+      caption: '\\pmod',
+      snippet: '\\pmod',
+      meta: 'cool-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\pmod{}',
+      snippet: '\\pmod{$1}',
+      meta: 'cool-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\notag',
+      snippet: '\\notag',
+      meta: 'cool-cmd',
+      score: 0.00322520920930312,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'cool-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\Vec{}',
+      snippet: '\\Vec{$1}',
+      meta: 'cool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\bigvee',
+      snippet: '\\bigvee',
+      meta: 'cool-cmd',
+      score: 0.0011677288242806726,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'cool-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\hookrightarrow',
+      snippet: '\\hookrightarrow',
+      meta: 'cool-cmd',
+      score: 0.0015607282046545064,
+    },
+    {
+      caption: '\\bigsqcup',
+      snippet: '\\bigsqcup',
+      meta: 'cool-cmd',
+      score: 0.0003468284144579442,
+    },
+    {
+      caption: '\\hookleftarrow',
+      snippet: '\\hookleftarrow',
+      meta: 'cool-cmd',
+      score: 0.0016498799924012809,
+    },
+    {
+      caption: '\\Dot{}',
+      snippet: '\\Dot{$1}',
+      meta: 'cool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\dots',
+      snippet: '\\dots',
+      meta: 'cool-cmd',
+      score: 0.0847414497955395,
+    },
+    {
+      caption: '\\genfrac{}{}{}{}{}{}',
+      snippet: '\\genfrac{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'cool-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\genfrac',
+      snippet: '\\genfrac',
+      meta: 'cool-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\cfrac{}{}',
+      snippet: '\\cfrac{$1}{$2}',
+      meta: 'cool-cmd',
+      score: 0.006765684097139381,
+    },
+    {
+      caption: '\\Acute{}',
+      snippet: '\\Acute{$1}',
+      meta: 'cool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ldots',
+      snippet: '\\ldots',
+      meta: 'cool-cmd',
+      score: 0.11585556755884258,
+    },
+    {
+      caption: '\\coprod',
+      snippet: '\\coprod',
+      meta: 'cool-cmd',
+      score: 0.00011383372700282614,
+    },
+    {
+      caption: '\\impliedby',
+      snippet: '\\impliedby',
+      meta: 'cool-cmd',
+      score: 2.3482915591834053e-5,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'cool-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\idotsint',
+      snippet: '\\idotsint',
+      meta: 'cool-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\Longrightarrow',
+      snippet: '\\Longrightarrow',
+      meta: 'cool-cmd',
+      score: 0.002459139437356601,
+    },
+    {
+      caption: '\\allowdisplaybreaks',
+      snippet: '\\allowdisplaybreaks',
+      meta: 'cool-cmd',
+      score: 0.005931777024772073,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'cool-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\mod',
+      snippet: '\\mod',
+      meta: 'cool-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\mod{}',
+      snippet: '\\mod{$1}',
+      meta: 'cool-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'cool-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'cool-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'cool-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\underset{}{}',
+      snippet: '\\underset{$1}{$2}',
+      meta: 'cool-cmd',
+      score: 0.012799893214578391,
+    },
+    {
+      caption: '\\dotsc',
+      snippet: '\\dotsc',
+      meta: 'cool-cmd',
+      score: 0.0008555101484119994,
+    },
+    {
+      caption: '\\doteq',
+      snippet: '\\doteq',
+      meta: 'cool-cmd',
+      score: 3.164631070474435e-5,
+    },
+    {
+      caption: '\\leftroot{}',
+      snippet: '\\leftroot{$1}',
+      meta: 'cool-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\substack{}',
+      snippet: '\\substack{$1}',
+      meta: 'cool-cmd',
+      score: 0.0037482529712850755,
+    },
+    {
+      caption: '\\Hat{}',
+      snippet: '\\Hat{$1}',
+      meta: 'cool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'cool-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\mspace{}',
+      snippet: '\\mspace{$1}',
+      meta: 'cool-cmd',
+      score: 3.423236656565836e-5,
+    },
+    {
+      caption: '\\Bar{}',
+      snippet: '\\Bar{$1}',
+      meta: 'cool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\Grave{}',
+      snippet: '\\Grave{$1}',
+      meta: 'cool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'cool-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\tbinom',
+      snippet: '\\tbinom',
+      meta: 'cool-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\dotsi',
+      snippet: '\\dotsi',
+      meta: 'cool-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\bigwedge',
+      snippet: '\\bigwedge',
+      meta: 'cool-cmd',
+      score: 0.000347742918592393,
+    },
+    {
+      caption: '\\sideset{}{}',
+      snippet: '\\sideset{$1}{$2}',
+      meta: 'cool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\smash{}',
+      snippet: '\\smash{$1}',
+      meta: 'cool-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\smash[]{}',
+      snippet: '\\smash[$1]{$2}',
+      meta: 'cool-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\colon',
+      snippet: '\\colon',
+      meta: 'cool-cmd',
+      score: 0.005300291684408929,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'cool-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\Longleftarrow',
+      snippet: '\\Longleftarrow',
+      meta: 'cool-cmd',
+      score: 8.477207854183949e-5,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'cool-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\AmS',
+      snippet: '\\AmS',
+      meta: 'cool-cmd',
+      score: 0.00047859486202980376,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'cool-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\tfrac{}{}',
+      snippet: '\\tfrac{$1}{$2}',
+      meta: 'cool-cmd',
+      score: 0.0005923542426657187,
+    },
+    {
+      caption: '\\uproot{}',
+      snippet: '\\uproot{$1}',
+      meta: 'cool-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\bmod',
+      snippet: '\\bmod',
+      meta: 'cool-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\bmod{}',
+      snippet: '\\bmod{$1}',
+      meta: 'cool-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\pod{}',
+      snippet: '\\pod{$1}',
+      meta: 'cool-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'cool-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\longrightarrow',
+      snippet: '\\longrightarrow',
+      meta: 'cool-cmd',
+      score: 0.013399422292458848,
+    },
+    {
+      caption: '\\xleftarrow[]{}',
+      snippet: '\\xleftarrow[$1]{$2}',
+      meta: 'cool-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\xleftarrow{}',
+      snippet: '\\xleftarrow{$1}',
+      meta: 'cool-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\mathaccentV',
+      snippet: '\\mathaccentV',
+      meta: 'cool-cmd',
+      score: 6.216218551413489e-5,
+    },
+    {
+      caption: '\\hdotsfor{}',
+      snippet: '\\hdotsfor{$1}',
+      meta: 'cool-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\hdotsfor[]{}',
+      snippet: '\\hdotsfor[$1]{$2}',
+      meta: 'cool-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'cool-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'cool-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\overset{}{}',
+      snippet: '\\overset{$1}{$2}',
+      meta: 'cool-cmd',
+      score: 0.007611544955294224,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'cool-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\longleftrightarrow',
+      snippet: '\\longleftrightarrow',
+      meta: 'cool-cmd',
+      score: 0.0002851769278703356,
+    },
+    {
+      caption: '\\Longleftrightarrow',
+      snippet: '\\Longleftrightarrow',
+      meta: 'cool-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\Longleftrightarrow{}',
+      snippet: '\\Longleftrightarrow{$1}',
+      meta: 'cool-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\binom{}{}',
+      snippet: '\\binom{$1}{$2}',
+      meta: 'cool-cmd',
+      score: 0.013010882180364367,
+    },
+    {
+      caption: '\\longleftarrow',
+      snippet: '\\longleftarrow',
+      meta: 'cool-cmd',
+      score: 0.0011096532692473691,
+    },
+    {
+      caption: '\\dbinom{}{}',
+      snippet: '\\dbinom{$1}{$2}',
+      meta: 'cool-cmd',
+      score: 0.006800272303210672,
+    },
+    {
+      caption: '\\Tilde{}',
+      snippet: '\\Tilde{$1}',
+      meta: 'cool-cmd',
+      score: 7.874446783586035e-5,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'cool-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'cool-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'cool-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'cool-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'cool-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'cool-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'cool-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'cool-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'cool-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'cool-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'cool-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'cool-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'cool-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'cool-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'cool-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'cool-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'cool-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'cool-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'cool-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'cool-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'cool-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'cool-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'cool-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'cool-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'cool-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'cool-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'cool-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'cool-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'cool-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'cool-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'cool-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'cool-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'cool-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'cool-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'cool-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'cool-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'cool-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'cool-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'cool-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'cool-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'cool-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'cool-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'cool-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'cool-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'cool-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'cool-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'cool-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'cool-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'cool-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'cool-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'cool-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'cool-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'cool-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\frak{}',
+      snippet: '\\frak{$1}',
+      meta: 'cool-cmd',
+      score: 0.0017966000518546787,
+    },
+    {
+      caption: '\\checkmark',
+      snippet: '\\checkmark',
+      meta: 'cool-cmd',
+      score: 0.025060530944368123,
+    },
+    {
+      caption: '\\bold',
+      snippet: '\\bold',
+      meta: 'cool-cmd',
+      score: 0.0014358547624941567,
+    },
+    {
+      caption: '\\bold{}',
+      snippet: '\\bold{$1}',
+      meta: 'cool-cmd',
+      score: 0.0014358547624941567,
+    },
+    {
+      caption: '\\Bbb{}',
+      snippet: '\\Bbb{$1}',
+      meta: 'cool-cmd',
+      score: 0.0006671850995492977,
+    },
+    {
+      caption: '\\Bbb',
+      snippet: '\\Bbb',
+      meta: 'cool-cmd',
+      score: 0.0006671850995492977,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'cool-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'cool-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'cool-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'cool-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'cool-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'cool-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'cool-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\forloop{}{}{}{}',
+      snippet: '\\forloop{$1}{$2}{$3}{$4}',
+      meta: 'cool-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'cool-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'cool-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'cool-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'cool-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'cool-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'cool-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'cool-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'cool-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  xassoccnt: [
+    {
+      caption: '\\NewTotalDocumentCounter{}',
+      snippet: '\\NewTotalDocumentCounter{$1}',
+      meta: 'xassoccnt-cmd',
+      score: 1.5075186740106946e-5,
+    },
+    {
+      caption: '\\DeclareAssociatedCounters{}{}',
+      snippet: '\\DeclareAssociatedCounters{$1}{$2}',
+      meta: 'xassoccnt-cmd',
+      score: 1.5075186740106946e-5,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xassoccnt-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'xassoccnt-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'xassoccnt-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'xassoccnt-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'xassoccnt-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'xassoccnt-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'xassoccnt-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'xassoccnt-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'xassoccnt-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'xassoccnt-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'xassoccnt-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'xassoccnt-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'xassoccnt-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'xassoccnt-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'xassoccnt-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'xassoccnt-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'xassoccnt-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'xassoccnt-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'xassoccnt-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'xassoccnt-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'xassoccnt-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'xassoccnt-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xassoccnt-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'xassoccnt-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'xassoccnt-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'xassoccnt-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'xassoccnt-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'xassoccnt-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'xassoccnt-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'xassoccnt-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'xassoccnt-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'xassoccnt-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'xassoccnt-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'xassoccnt-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'xassoccnt-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'xassoccnt-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'xassoccnt-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'xassoccnt-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'xassoccnt-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'xassoccnt-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'xassoccnt-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  chemscheme: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chemscheme-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'chemscheme-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'chemscheme-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chemscheme-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'chemscheme-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'chemscheme-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'chemscheme-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'chemscheme-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'chemscheme-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'chemscheme-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'chemscheme-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'chemscheme-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'chemscheme-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chemscheme-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'chemscheme-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'chemscheme-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'chemscheme-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'chemscheme-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'chemscheme-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'chemscheme-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'chemscheme-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chemscheme-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chemscheme-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'chemscheme-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'chemscheme-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'chemscheme-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  'pst-all': [
+    {
+      caption: '\\green',
+      snippet: '\\green',
+      meta: 'pst-all-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\green{}',
+      snippet: '\\green{$1}',
+      meta: 'pst-all-cmd',
+      score: 0.0016005722621532548,
+    },
+    {
+      caption: '\\documentclass[]{}',
+      snippet: '\\documentclass[$1]{$2}',
+      meta: 'pst-all-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\documentclass{}',
+      snippet: '\\documentclass{$1}',
+      meta: 'pst-all-cmd',
+      score: 1.4425339817971206,
+    },
+    {
+      caption: '\\gray',
+      snippet: '\\gray',
+      meta: 'pst-all-cmd',
+      score: 0.0005786730478266738,
+    },
+    {
+      caption: '\\red{}',
+      snippet: '\\red{$1}',
+      meta: 'pst-all-cmd',
+      score: 0.006520475264573554,
+    },
+    {
+      caption: '\\red',
+      snippet: '\\red',
+      meta: 'pst-all-cmd',
+      score: 0.006520475264573554,
+    },
+  ],
+  regexpatch: [
+    {
+      caption: '\\xpatchcmd{}{}{}{}{}',
+      snippet: '\\xpatchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'regexpatch-cmd',
+      score: 0.0019344877752147675,
+    },
+    {
+      caption: '\\xpatchcmd',
+      snippet: '\\xpatchcmd',
+      meta: 'regexpatch-cmd',
+      score: 0.0019344877752147675,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'regexpatch-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'regexpatch-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  chronosys: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'chronosys-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chronosys-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'chronosys-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'chronosys-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'chronosys-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'chronosys-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'chronosys-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'chronosys-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'chronosys-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'chronosys-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'chronosys-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chronosys-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'chronosys-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'chronosys-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'chronosys-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'chronosys-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'chronosys-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'chronosys-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'chronosys-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'chronosys-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'chronosys-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'chronosys-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'chronosys-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'chronosys-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'chronosys-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'chronosys-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'chronosys-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'chronosys-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'chronosys-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'chronosys-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'chronosys-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chronosys-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'chronosys-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'chronosys-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'chronosys-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'chronosys-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  newfloat: [
+    {
+      caption: '\\DeclareFloatingEnvironment[]{}',
+      snippet: '\\DeclareFloatingEnvironment[$1]{$2}',
+      meta: 'newfloat-cmd',
+      score: 2.603029874713569e-5,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'newfloat-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  zref: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\check{}',
+      snippet: '\\check{$1}',
+      meta: 'zref-cmd',
+      score: 0.0058342578961340175,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'zref-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'zref-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'zref-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'zref-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'zref-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'zref-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'zref-cmd',
+      score: 0.002958865219480927,
+    },
+  ],
+  bmpsize: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'bmpsize-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'bmpsize-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'bmpsize-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'bmpsize-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'bmpsize-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'bmpsize-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'bmpsize-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'bmpsize-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'bmpsize-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'bmpsize-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bmpsize-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'bmpsize-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'bmpsize-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'bmpsize-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'bmpsize-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'bmpsize-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bmpsize-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'bmpsize-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'bmpsize-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\check{}',
+      snippet: '\\check{$1}',
+      meta: 'bmpsize-cmd',
+      score: 0.0058342578961340175,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'bmpsize-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bmpsize-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bmpsize-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'bmpsize-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'bmpsize-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  steinmetz: [
+    {
+      caption: '\\Line',
+      snippet: '\\Line',
+      meta: 'steinmetz-cmd',
+      score: 0.0006078790177929149,
+    },
+    {
+      caption: '\\polygon',
+      snippet: '\\polygon',
+      meta: 'steinmetz-cmd',
+      score: 0.0008987552240147395,
+    },
+    {
+      caption: '\\line',
+      snippet: '\\line',
+      meta: 'steinmetz-cmd',
+      score: 0.014519741542622297,
+    },
+    {
+      caption: '\\polyline',
+      snippet: '\\polyline',
+      meta: 'steinmetz-cmd',
+      score: 0.00022468880600368487,
+    },
+    {
+      caption: '\\vector',
+      snippet: '\\vector',
+      meta: 'steinmetz-cmd',
+      score: 0.002970308722584179,
+    },
+  ],
+  pageslts: [
+    {
+      caption: '\\thepage',
+      snippet: '\\thepage',
+      meta: 'pageslts-cmd',
+      score: 0.0591555998103519,
+    },
+    {
+      caption: '\\pagenumbering{}',
+      snippet: '\\pagenumbering{$1}',
+      meta: 'pageslts-cmd',
+      score: 0.06731737633021802,
+    },
+    {
+      caption: '\\clearpage',
+      snippet: '\\clearpage',
+      meta: 'pageslts-cmd',
+      score: 0.1789117552185788,
+    },
+    {
+      caption: '\\global',
+      snippet: '\\global',
+      meta: 'pageslts-cmd',
+      score: 0.006609629561859019,
+    },
+    {
+      caption: '\\makeindex',
+      snippet: '\\makeindex',
+      meta: 'pageslts-cmd',
+      score: 0.010304996748556729,
+    },
+    {
+      caption: '\\index{}',
+      snippet: '\\index{$1}',
+      meta: 'pageslts-cmd',
+      score: 0.013774721817648336,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'pageslts-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\check{}',
+      snippet: '\\check{$1}',
+      meta: 'pageslts-cmd',
+      score: 0.0058342578961340175,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'pageslts-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pageslts-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pageslts-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'pageslts-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pageslts-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'pageslts-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pageslts-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pageslts-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pageslts-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'pageslts-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pageslts-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pageslts-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'pageslts-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pageslts-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pageslts-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  chronology: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'chronology-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'chronology-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\setlength{}{}',
+      snippet: '\\setlength{$1}{$2}',
+      meta: 'chronology-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\setlength',
+      snippet: '\\setlength',
+      meta: 'chronology-cmd',
+      score: 0.354445763583904,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'chronology-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'chronology-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'chronology-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\setcounter{}{}',
+      snippet: '\\setcounter{$1}{$2}',
+      meta: 'chronology-cmd',
+      score: 0.10068045662118841,
+    },
+    {
+      caption: '\\addtolength{}{}',
+      snippet: '\\addtolength{$1}{$2}',
+      meta: 'chronology-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\addtolength',
+      snippet: '\\addtolength',
+      meta: 'chronology-cmd',
+      score: 0.028955796305270766,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chronology-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'chronology-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'chronology-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'chronology-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'chronology-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'chronology-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'chronology-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'chronology-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'chronology-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'chronology-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chronology-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'chronology-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'chronology-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'chronology-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'chronology-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'chronology-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'chronology-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'chronology-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'chronology-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'chronology-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'chronology-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'chronology-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'chronology-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'chronology-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'chronology-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'chronology-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'chronology-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'chronology-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'chronology-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'chronology-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'chronology-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'chronology-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'chronology-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'chronology-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'chronology-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'chronology-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'chronology-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  spreadtab: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'spreadtab-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'spreadtab-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  algpascal: [
+    {
+      caption: '\\algrenewcommand',
+      snippet: '\\algrenewcommand',
+      meta: 'algpascal-cmd',
+      score: 0.0019861803661869416,
+    },
+    {
+      caption: '\\Statex',
+      snippet: '\\Statex',
+      meta: 'algpascal-cmd',
+      score: 0.008622777195102994,
+    },
+    {
+      caption: '\\BState{}',
+      snippet: '\\BState{$1}',
+      meta: 'algpascal-cmd',
+      score: 0.0008685861525307122,
+    },
+    {
+      caption: '\\BState',
+      snippet: '\\BState',
+      meta: 'algpascal-cmd',
+      score: 0.0008685861525307122,
+    },
+    {
+      caption: '\\algloopdefx{}[][]{}',
+      snippet: '\\algloopdefx{$1}[$2][$3]{$4}',
+      meta: 'algpascal-cmd',
+      score: 0.00025315185701145097,
+    },
+    {
+      caption: '\\algnewcommand',
+      snippet: '\\algnewcommand',
+      meta: 'algpascal-cmd',
+      score: 0.0030209395012065327,
+    },
+    {
+      caption: '\\algnewcommand{}[]{}',
+      snippet: '\\algnewcommand{$1}[$2]{$3}',
+      meta: 'algpascal-cmd',
+      score: 0.0030209395012065327,
+    },
+    {
+      caption: '\\Comment{}',
+      snippet: '\\Comment{$1}',
+      meta: 'algpascal-cmd',
+      score: 0.005178604573219454,
+    },
+    {
+      caption: '\\algblockdefx{}{}[]',
+      snippet: '\\algblockdefx{$1}{$2}[$3]',
+      meta: 'algpascal-cmd',
+      score: 0.00025315185701145097,
+    },
+    {
+      caption: '\\algrenewtext{}{}',
+      snippet: '\\algrenewtext{$1}{$2}',
+      meta: 'algpascal-cmd',
+      score: 0.0024415580558825975,
+    },
+    {
+      caption: '\\algrenewtext{}[]{}',
+      snippet: '\\algrenewtext{$1}[$2]{$3}',
+      meta: 'algpascal-cmd',
+      score: 0.0024415580558825975,
+    },
+    {
+      caption: '\\algblock{}{}',
+      snippet: '\\algblock{$1}{$2}',
+      meta: 'algpascal-cmd',
+      score: 0.0007916858220314837,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'algpascal-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\algdef{}[]{}{}{}{}',
+      snippet: '\\algdef{$1}[$2]{$3}{$4}{$5}{$6}',
+      meta: 'algpascal-cmd',
+      score: 0.0003102486920966127,
+    },
+    {
+      caption: '\\algdef{}[]{}{}[]{}{}',
+      snippet: '\\algdef{$1}[$2]{$3}{$4}[$5]{$6}{$7}',
+      meta: 'algpascal-cmd',
+      score: 0.0003102486920966127,
+    },
+    {
+      caption: '\\algdef{}[]{}[]{}',
+      snippet: '\\algdef{$1}[$2]{$3}[$4]{$5}',
+      meta: 'algpascal-cmd',
+      score: 0.0003102486920966127,
+    },
+    {
+      caption: '\\algtext{}',
+      snippet: '\\algtext{$1}',
+      meta: 'algpascal-cmd',
+      score: 0.0005463612015579842,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'algpascal-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'algpascal-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'algpascal-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'algpascal-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'algpascal-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'algpascal-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  cabin: [
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'cabin-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'cabin-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  erewhon: [
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'erewhon-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'erewhon-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'erewhon-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'erewhon-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'erewhon-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'erewhon-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'erewhon-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'erewhon-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'erewhon-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'erewhon-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'erewhon-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'erewhon-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'erewhon-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'erewhon-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'erewhon-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'erewhon-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'erewhon-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'erewhon-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'erewhon-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'erewhon-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'erewhon-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'erewhon-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'erewhon-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'erewhon-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'erewhon-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'erewhon-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'erewhon-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'erewhon-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'erewhon-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'erewhon-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'erewhon-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  tgcursor: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgcursor-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tgcursor-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgcursor-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgcursor-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'tgcursor-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgcursor-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'tgcursor-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'tgcursor-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'tgcursor-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'tgcursor-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  ifvtex: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'ifvtex-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'ifvtex-cmd',
+      score: 0.002958865219480927,
+    },
+  ],
+  memhfixc: [
+    {
+      caption: '\\caption{}',
+      snippet: '\\caption{$1}',
+      meta: 'memhfixc-cmd',
+      score: 1.2569477427490174,
+    },
+  ],
+  longfigure: [
+    {
+      caption: '\\newpage',
+      snippet: '\\newpage',
+      meta: 'longfigure-cmd',
+      score: 0.3277033727934986,
+    },
+  ],
+  lato: [
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'lato-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'lato-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'lato-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'lato-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'lato-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'lato-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\scshape',
+      snippet: '\\scshape',
+      meta: 'lato-cmd',
+      score: 0.05364108855914402,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'lato-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  authoraftertitle: [
+    {
+      caption: '\\author{}',
+      snippet: '\\author{$1}',
+      meta: 'authoraftertitle-cmd',
+      score: 0.8973590434087177,
+    },
+    {
+      caption: '\\author[]{}',
+      snippet: '\\author[$1]{$2}',
+      meta: 'authoraftertitle-cmd',
+      score: 0.8973590434087177,
+    },
+    {
+      caption: '\\title{}',
+      snippet: '\\title{$1}',
+      meta: 'authoraftertitle-cmd',
+      score: 0.9202908262245683,
+    },
+  ],
+  listofsymbols: [
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'listofsymbols-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'listofsymbols-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'listofsymbols-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'listofsymbols-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'listofsymbols-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'listofsymbols-cmd',
+      score: 0.0018957469739775527,
+    },
+  ],
+  hvfloat: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'hvfloat-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hvfloat-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'hvfloat-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'hvfloat-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'hvfloat-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\captionsetup{}',
+      snippet: '\\captionsetup{$1}',
+      meta: 'hvfloat-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\captionsetup[]{}',
+      snippet: '\\captionsetup[$1]{$2}',
+      meta: 'hvfloat-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\captionof{}{}',
+      snippet: '\\captionof{$1}{$2}',
+      meta: 'hvfloat-cmd',
+      score: 0.018348594199161503,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'hvfloat-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\appendix',
+      snippet: '\\appendix',
+      meta: 'hvfloat-cmd',
+      score: 0.047007158741781095,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'hvfloat-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'hvfloat-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\chapter{}',
+      snippet: '\\chapter{$1}',
+      meta: 'hvfloat-cmd',
+      score: 0.422097569591803,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hvfloat-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\hspace{}',
+      snippet: '\\hspace{$1}',
+      meta: 'hvfloat-cmd',
+      score: 0.3147206476372336,
+    },
+    {
+      caption: '\\caption{}',
+      snippet: '\\caption{$1}',
+      meta: 'hvfloat-cmd',
+      score: 1.2569477427490174,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'hvfloat-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\ContinuedFloat',
+      snippet: '\\ContinuedFloat',
+      meta: 'hvfloat-cmd',
+      score: 5.806935368083486e-5,
+    },
+    {
+      caption: '\\noindent',
+      snippet: '\\noindent',
+      meta: 'hvfloat-cmd',
+      score: 0.42355747798114207,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'hvfloat-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'hvfloat-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'hvfloat-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'hvfloat-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'hvfloat-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'hvfloat-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'hvfloat-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'hvfloat-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'hvfloat-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hvfloat-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'hvfloat-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'hvfloat-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'hvfloat-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'hvfloat-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'hvfloat-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\DeclareCaptionJustification{}{}',
+      snippet: '\\DeclareCaptionJustification{$1}{$2}',
+      meta: 'hvfloat-cmd',
+      score: 0.0001872850414971473,
+    },
+    {
+      caption: '\\DeclareCaptionLabelSeparator{}{}',
+      snippet: '\\DeclareCaptionLabelSeparator{$1}{$2}',
+      meta: 'hvfloat-cmd',
+      score: 0.0003890810058478364,
+    },
+    {
+      caption: '\\DeclareCaptionFormat{}{}',
+      snippet: '\\DeclareCaptionFormat{$1}{$2}',
+      meta: 'hvfloat-cmd',
+      score: 0.0004717618449370015,
+    },
+    {
+      caption: '\\DeclareCaptionFont{}{}',
+      snippet: '\\DeclareCaptionFont{$1}{$2}',
+      meta: 'hvfloat-cmd',
+      score: 5.0133404990680195e-5,
+    },
+    {
+      caption: '\\DeclareCaptionSubType[]{}',
+      snippet: '\\DeclareCaptionSubType[$1]{$2}',
+      meta: 'hvfloat-cmd',
+      score: 0.0001872850414971473,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'hvfloat-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'hvfloat-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\captionsetup{}',
+      snippet: '\\captionsetup{$1}',
+      meta: 'hvfloat-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\captionsetup[]{}',
+      snippet: '\\captionsetup[$1]{$2}',
+      meta: 'hvfloat-cmd',
+      score: 0.02900783226643065,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'hvfloat-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\DeclareCaptionType{}[][]',
+      snippet: '\\DeclareCaptionType{$1}[$2][$3]',
+      meta: 'hvfloat-cmd',
+      score: 0.00015256647321237863,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'hvfloat-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\footnote{}',
+      snippet: '\\footnote{$1}',
+      meta: 'hvfloat-cmd',
+      score: 0.2253056071787701,
+    },
+    {
+      caption: '\\footnotemark[]',
+      snippet: '\\footnotemark[$1]',
+      meta: 'hvfloat-cmd',
+      score: 0.021473212893597875,
+    },
+    {
+      caption: '\\footnotemark',
+      snippet: '\\footnotemark',
+      meta: 'hvfloat-cmd',
+      score: 0.021473212893597875,
+    },
+  ],
+  thmbox: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'thmbox-cmd',
+      score: 0.00037306820619479756,
+    },
+  ],
+  proba: [
+    {
+      caption: '\\frak{}',
+      snippet: '\\frak{$1}',
+      meta: 'proba-cmd',
+      score: 0.0017966000518546787,
+    },
+    {
+      caption: '\\checkmark',
+      snippet: '\\checkmark',
+      meta: 'proba-cmd',
+      score: 0.025060530944368123,
+    },
+    {
+      caption: '\\bold',
+      snippet: '\\bold',
+      meta: 'proba-cmd',
+      score: 0.0014358547624941567,
+    },
+    {
+      caption: '\\bold{}',
+      snippet: '\\bold{$1}',
+      meta: 'proba-cmd',
+      score: 0.0014358547624941567,
+    },
+    {
+      caption: '\\Bbb{}',
+      snippet: '\\Bbb{$1}',
+      meta: 'proba-cmd',
+      score: 0.0006671850995492977,
+    },
+    {
+      caption: '\\Bbb',
+      snippet: '\\Bbb',
+      meta: 'proba-cmd',
+      score: 0.0006671850995492977,
+    },
+  ],
+  datatool: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'datatool-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'datatool-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\longmapsto',
+      snippet: '\\longmapsto',
+      meta: 'datatool-cmd',
+      score: 0.0017755897148012264,
+    },
+    {
+      caption: '\\Check{}',
+      snippet: '\\Check{$1}',
+      meta: 'datatool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'datatool-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'datatool-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\iff',
+      snippet: '\\iff',
+      meta: 'datatool-cmd',
+      score: 0.004209937150980285,
+    },
+    {
+      caption: '\\And',
+      snippet: '\\And',
+      meta: 'datatool-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\And{}',
+      snippet: '\\And{$1}',
+      meta: 'datatool-cmd',
+      score: 0.0011582952152188854,
+    },
+    {
+      caption: '\\oint',
+      snippet: '\\oint',
+      meta: 'datatool-cmd',
+      score: 0.0028650540724050534,
+    },
+    {
+      caption: '\\boxed{}',
+      snippet: '\\boxed{$1}',
+      meta: 'datatool-cmd',
+      score: 0.0035536135737312827,
+    },
+    {
+      caption: '\\Ddot{}',
+      snippet: '\\Ddot{$1}',
+      meta: 'datatool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ignorespacesafterend',
+      snippet: '\\ignorespacesafterend',
+      meta: 'datatool-cmd',
+      score: 0.0010893680553454854,
+    },
+    {
+      caption: '\\nonumber',
+      snippet: '\\nonumber',
+      meta: 'datatool-cmd',
+      score: 0.051980653969641216,
+    },
+    {
+      caption: '\\Breve{}',
+      snippet: '\\Breve{$1}',
+      meta: 'datatool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\mapsto',
+      snippet: '\\mapsto',
+      meta: 'datatool-cmd',
+      score: 0.006473769486518971,
+    },
+    {
+      caption: '\\over{}',
+      snippet: '\\over{$1}',
+      meta: 'datatool-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\over',
+      snippet: '\\over',
+      meta: 'datatool-cmd',
+      score: 0.0054372322008878786,
+    },
+    {
+      caption: '\\bigotimes',
+      snippet: '\\bigotimes',
+      meta: 'datatool-cmd',
+      score: 0.000984722260624791,
+    },
+    {
+      caption: '\\bigoplus',
+      snippet: '\\bigoplus',
+      meta: 'datatool-cmd',
+      score: 0.0011508785476242003,
+    },
+    {
+      caption: '\\theequation',
+      snippet: '\\theequation',
+      meta: 'datatool-cmd',
+      score: 0.002995924112493351,
+    },
+    {
+      caption: '\\bigcap',
+      snippet: '\\bigcap',
+      meta: 'datatool-cmd',
+      score: 0.005709261168797874,
+    },
+    {
+      caption: '\\xrightarrow{}',
+      snippet: '\\xrightarrow{$1}',
+      meta: 'datatool-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\xrightarrow[]{}',
+      snippet: '\\xrightarrow[$1]{$2}',
+      meta: 'datatool-cmd',
+      score: 0.004163642482777231,
+    },
+    {
+      caption: '\\atop',
+      snippet: '\\atop',
+      meta: 'datatool-cmd',
+      score: 0.0006518541515279979,
+    },
+    {
+      caption: '\\dfrac{}{}',
+      snippet: '\\dfrac{$1}{$2}',
+      meta: 'datatool-cmd',
+      score: 0.05397545277891961,
+    },
+    {
+      caption: '\\pmod',
+      snippet: '\\pmod',
+      meta: 'datatool-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\pmod{}',
+      snippet: '\\pmod{$1}',
+      meta: 'datatool-cmd',
+      score: 0.0011773327219377148,
+    },
+    {
+      caption: '\\notag',
+      snippet: '\\notag',
+      meta: 'datatool-cmd',
+      score: 0.00322520920930312,
+    },
+    {
+      caption: '\\int',
+      snippet: '\\int',
+      meta: 'datatool-cmd',
+      score: 0.11946660537765894,
+    },
+    {
+      caption: '\\Vec{}',
+      snippet: '\\Vec{$1}',
+      meta: 'datatool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\bigvee',
+      snippet: '\\bigvee',
+      meta: 'datatool-cmd',
+      score: 0.0011677288242806726,
+    },
+    {
+      caption: '\\sum',
+      snippet: '\\sum',
+      meta: 'datatool-cmd',
+      score: 0.42607994509619934,
+    },
+    {
+      caption: '\\hookrightarrow',
+      snippet: '\\hookrightarrow',
+      meta: 'datatool-cmd',
+      score: 0.0015607282046545064,
+    },
+    {
+      caption: '\\bigsqcup',
+      snippet: '\\bigsqcup',
+      meta: 'datatool-cmd',
+      score: 0.0003468284144579442,
+    },
+    {
+      caption: '\\hookleftarrow',
+      snippet: '\\hookleftarrow',
+      meta: 'datatool-cmd',
+      score: 0.0016498799924012809,
+    },
+    {
+      caption: '\\Dot{}',
+      snippet: '\\Dot{$1}',
+      meta: 'datatool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\dots',
+      snippet: '\\dots',
+      meta: 'datatool-cmd',
+      score: 0.0847414497955395,
+    },
+    {
+      caption: '\\genfrac{}{}{}{}{}{}',
+      snippet: '\\genfrac{$1}{$2}{$3}{$4}{$5}{$6}',
+      meta: 'datatool-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\genfrac',
+      snippet: '\\genfrac',
+      meta: 'datatool-cmd',
+      score: 0.004820143328295316,
+    },
+    {
+      caption: '\\cfrac{}{}',
+      snippet: '\\cfrac{$1}{$2}',
+      meta: 'datatool-cmd',
+      score: 0.006765684097139381,
+    },
+    {
+      caption: '\\Acute{}',
+      snippet: '\\Acute{$1}',
+      meta: 'datatool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\ldots',
+      snippet: '\\ldots',
+      meta: 'datatool-cmd',
+      score: 0.11585556755884258,
+    },
+    {
+      caption: '\\coprod',
+      snippet: '\\coprod',
+      meta: 'datatool-cmd',
+      score: 0.00011383372700282614,
+    },
+    {
+      caption: '\\impliedby',
+      snippet: '\\impliedby',
+      meta: 'datatool-cmd',
+      score: 2.3482915591834053e-5,
+    },
+    {
+      caption: '\\big',
+      snippet: '\\big',
+      meta: 'datatool-cmd',
+      score: 0.05613164277964739,
+    },
+    {
+      caption: '\\idotsint',
+      snippet: '\\idotsint',
+      meta: 'datatool-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\Longrightarrow',
+      snippet: '\\Longrightarrow',
+      meta: 'datatool-cmd',
+      score: 0.002459139437356601,
+    },
+    {
+      caption: '\\allowdisplaybreaks',
+      snippet: '\\allowdisplaybreaks',
+      meta: 'datatool-cmd',
+      score: 0.005931777024772073,
+    },
+    {
+      caption: '\\eqref{}',
+      snippet: '\\eqref{$1}',
+      meta: 'datatool-cmd',
+      score: 0.06345266254167037,
+    },
+    {
+      caption: '\\mod',
+      snippet: '\\mod',
+      meta: 'datatool-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\mod{}',
+      snippet: '\\mod{$1}',
+      meta: 'datatool-cmd',
+      score: 0.0015181439193121889,
+    },
+    {
+      caption: '\\arraystretch',
+      snippet: '\\arraystretch',
+      meta: 'datatool-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\arraystretch{}',
+      snippet: '\\arraystretch{$1}',
+      meta: 'datatool-cmd',
+      score: 0.022224283488673075,
+    },
+    {
+      caption: '\\bigg',
+      snippet: '\\bigg',
+      meta: 'datatool-cmd',
+      score: 0.04318078602869565,
+    },
+    {
+      caption: '\\underset{}{}',
+      snippet: '\\underset{$1}{$2}',
+      meta: 'datatool-cmd',
+      score: 0.012799893214578391,
+    },
+    {
+      caption: '\\dotsc',
+      snippet: '\\dotsc',
+      meta: 'datatool-cmd',
+      score: 0.0008555101484119994,
+    },
+    {
+      caption: '\\doteq',
+      snippet: '\\doteq',
+      meta: 'datatool-cmd',
+      score: 3.164631070474435e-5,
+    },
+    {
+      caption: '\\leftroot{}',
+      snippet: '\\leftroot{$1}',
+      meta: 'datatool-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\substack{}',
+      snippet: '\\substack{$1}',
+      meta: 'datatool-cmd',
+      score: 0.0037482529712850755,
+    },
+    {
+      caption: '\\Hat{}',
+      snippet: '\\Hat{$1}',
+      meta: 'datatool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\frac{}{}',
+      snippet: '\\frac{$1}{$2}',
+      meta: 'datatool-cmd',
+      score: 1.4341091141105058,
+    },
+    {
+      caption: '\\mspace{}',
+      snippet: '\\mspace{$1}',
+      meta: 'datatool-cmd',
+      score: 3.423236656565836e-5,
+    },
+    {
+      caption: '\\Bar{}',
+      snippet: '\\Bar{$1}',
+      meta: 'datatool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\Grave{}',
+      snippet: '\\Grave{$1}',
+      meta: 'datatool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\implies',
+      snippet: '\\implies',
+      meta: 'datatool-cmd',
+      score: 0.021828316911576096,
+    },
+    {
+      caption: '\\tbinom',
+      snippet: '\\tbinom',
+      meta: 'datatool-cmd',
+      score: 1.3908704929884828e-5,
+    },
+    {
+      caption: '\\dotsi',
+      snippet: '\\dotsi',
+      meta: 'datatool-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\bigwedge',
+      snippet: '\\bigwedge',
+      meta: 'datatool-cmd',
+      score: 0.000347742918592393,
+    },
+    {
+      caption: '\\sideset{}{}',
+      snippet: '\\sideset{$1}{$2}',
+      meta: 'datatool-cmd',
+      score: 5.563481971953931e-5,
+    },
+    {
+      caption: '\\smash{}',
+      snippet: '\\smash{$1}',
+      meta: 'datatool-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\smash[]{}',
+      snippet: '\\smash[$1]{$2}',
+      meta: 'datatool-cmd',
+      score: 0.008197171096663127,
+    },
+    {
+      caption: '\\colon',
+      snippet: '\\colon',
+      meta: 'datatool-cmd',
+      score: 0.005300291684408929,
+    },
+    {
+      caption: '\\intertext{}',
+      snippet: '\\intertext{$1}',
+      meta: 'datatool-cmd',
+      score: 0.0016148076375871775,
+    },
+    {
+      caption: '\\Longleftarrow',
+      snippet: '\\Longleftarrow',
+      meta: 'datatool-cmd',
+      score: 8.477207854183949e-5,
+    },
+    {
+      caption: '\\prod',
+      snippet: '\\prod',
+      meta: 'datatool-cmd',
+      score: 0.02549889375975901,
+    },
+    {
+      caption: '\\AmS',
+      snippet: '\\AmS',
+      meta: 'datatool-cmd',
+      score: 0.00047859486202980376,
+    },
+    {
+      caption: '\\overline{}',
+      snippet: '\\overline{$1}',
+      meta: 'datatool-cmd',
+      score: 0.11280487530505384,
+    },
+    {
+      caption: '\\tfrac{}{}',
+      snippet: '\\tfrac{$1}{$2}',
+      meta: 'datatool-cmd',
+      score: 0.0005923542426657187,
+    },
+    {
+      caption: '\\uproot{}',
+      snippet: '\\uproot{$1}',
+      meta: 'datatool-cmd',
+      score: 6.625561928497235e-5,
+    },
+    {
+      caption: '\\bmod',
+      snippet: '\\bmod',
+      meta: 'datatool-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\bmod{}',
+      snippet: '\\bmod{$1}',
+      meta: 'datatool-cmd',
+      score: 0.002022594681005002,
+    },
+    {
+      caption: '\\pod{}',
+      snippet: '\\pod{$1}',
+      meta: 'datatool-cmd',
+      score: 2.7817409859769657e-5,
+    },
+    {
+      caption: '\\label{}',
+      snippet: '\\label{$1}',
+      meta: 'datatool-cmd',
+      score: 1.897791904799601,
+    },
+    {
+      caption: '\\longrightarrow',
+      snippet: '\\longrightarrow',
+      meta: 'datatool-cmd',
+      score: 0.013399422292458848,
+    },
+    {
+      caption: '\\xleftarrow[]{}',
+      snippet: '\\xleftarrow[$1]{$2}',
+      meta: 'datatool-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\xleftarrow{}',
+      snippet: '\\xleftarrow{$1}',
+      meta: 'datatool-cmd',
+      score: 3.5779964196240445e-5,
+    },
+    {
+      caption: '\\mathaccentV',
+      snippet: '\\mathaccentV',
+      meta: 'datatool-cmd',
+      score: 6.216218551413489e-5,
+    },
+    {
+      caption: '\\hdotsfor{}',
+      snippet: '\\hdotsfor{$1}',
+      meta: 'datatool-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\hdotsfor[]{}',
+      snippet: '\\hdotsfor[$1]{$2}',
+      meta: 'datatool-cmd',
+      score: 0.00024247684499275043,
+    },
+    {
+      caption: '\\Bigg',
+      snippet: '\\Bigg',
+      meta: 'datatool-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\Bigg[]',
+      snippet: '\\Bigg[$1]',
+      meta: 'datatool-cmd',
+      score: 0.015507614799858266,
+    },
+    {
+      caption: '\\overset{}{}',
+      snippet: '\\overset{$1}{$2}',
+      meta: 'datatool-cmd',
+      score: 0.007611544955294224,
+    },
+    {
+      caption: '\\Big',
+      snippet: '\\Big',
+      meta: 'datatool-cmd',
+      score: 0.050370758781422345,
+    },
+    {
+      caption: '\\longleftrightarrow',
+      snippet: '\\longleftrightarrow',
+      meta: 'datatool-cmd',
+      score: 0.0002851769278703356,
+    },
+    {
+      caption: '\\Longleftrightarrow',
+      snippet: '\\Longleftrightarrow',
+      meta: 'datatool-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\Longleftrightarrow{}',
+      snippet: '\\Longleftrightarrow{$1}',
+      meta: 'datatool-cmd',
+      score: 0.0004896780659212191,
+    },
+    {
+      caption: '\\binom{}{}',
+      snippet: '\\binom{$1}{$2}',
+      meta: 'datatool-cmd',
+      score: 0.013010882180364367,
+    },
+    {
+      caption: '\\longleftarrow',
+      snippet: '\\longleftarrow',
+      meta: 'datatool-cmd',
+      score: 0.0011096532692473691,
+    },
+    {
+      caption: '\\dbinom{}{}',
+      snippet: '\\dbinom{$1}{$2}',
+      meta: 'datatool-cmd',
+      score: 0.006800272303210672,
+    },
+    {
+      caption: '\\Tilde{}',
+      snippet: '\\Tilde{$1}',
+      meta: 'datatool-cmd',
+      score: 7.874446783586035e-5,
+    },
+    {
+      caption: '\\bigcup',
+      snippet: '\\bigcup',
+      meta: 'datatool-cmd',
+      score: 0.0058847868741168765,
+    },
+    {
+      caption: '\\sinh',
+      snippet: '\\sinh',
+      meta: 'datatool-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\sinh{}',
+      snippet: '\\sinh{$1}',
+      meta: 'datatool-cmd',
+      score: 0.0006435164702005918,
+    },
+    {
+      caption: '\\operatorname{}',
+      snippet: '\\operatorname{$1}',
+      meta: 'datatool-cmd',
+      score: 0.02181954887028883,
+    },
+    {
+      caption: '\\max',
+      snippet: '\\max',
+      meta: 'datatool-cmd',
+      score: 0.04116833357968482,
+    },
+    {
+      caption: '\\liminf',
+      snippet: '\\liminf',
+      meta: 'datatool-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\liminf{}',
+      snippet: '\\liminf{$1}',
+      meta: 'datatool-cmd',
+      score: 0.0015513861600956144,
+    },
+    {
+      caption: '\\operatornamewithlimits{}',
+      snippet: '\\operatornamewithlimits{$1}',
+      meta: 'datatool-cmd',
+      score: 0.0022415507993352067,
+    },
+    {
+      caption: '\\exp',
+      snippet: '\\exp',
+      meta: 'datatool-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\exp{}',
+      snippet: '\\exp{$1}',
+      meta: 'datatool-cmd',
+      score: 0.02404262443651467,
+    },
+    {
+      caption: '\\lim',
+      snippet: '\\lim',
+      meta: 'datatool-cmd',
+      score: 0.05285123457928509,
+    },
+    {
+      caption: '\\sin',
+      snippet: '\\sin',
+      meta: 'datatool-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\sin{}',
+      snippet: '\\sin{$1}',
+      meta: 'datatool-cmd',
+      score: 0.040463088537699636,
+    },
+    {
+      caption: '\\arg',
+      snippet: '\\arg',
+      meta: 'datatool-cmd',
+      score: 0.007190995792600074,
+    },
+    {
+      caption: '\\cos',
+      snippet: '\\cos',
+      meta: 'datatool-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\cos{}',
+      snippet: '\\cos{$1}',
+      meta: 'datatool-cmd',
+      score: 0.050370402546134785,
+    },
+    {
+      caption: '\\varliminf',
+      snippet: '\\varliminf',
+      meta: 'datatool-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\hom',
+      snippet: '\\hom',
+      meta: 'datatool-cmd',
+      score: 8.180643329881783e-5,
+    },
+    {
+      caption: '\\tan',
+      snippet: '\\tan',
+      meta: 'datatool-cmd',
+      score: 0.006176447465423192,
+    },
+    {
+      caption: '\\det',
+      snippet: '\\det',
+      meta: 'datatool-cmd',
+      score: 0.005640718203101287,
+    },
+    {
+      caption: '\\ln',
+      snippet: '\\ln',
+      meta: 'datatool-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\ln{}',
+      snippet: '\\ln{$1}',
+      meta: 'datatool-cmd',
+      score: 0.025366949660913504,
+    },
+    {
+      caption: '\\cosh',
+      snippet: '\\cosh',
+      meta: 'datatool-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\cosh{}',
+      snippet: '\\cosh{$1}',
+      meta: 'datatool-cmd',
+      score: 0.0008896391580266903,
+    },
+    {
+      caption: '\\gcd',
+      snippet: '\\gcd',
+      meta: 'datatool-cmd',
+      score: 0.002254008371792865,
+    },
+    {
+      caption: '\\limsup',
+      snippet: '\\limsup',
+      meta: 'datatool-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\limsup{}',
+      snippet: '\\limsup{$1}',
+      meta: 'datatool-cmd',
+      score: 0.002354950225950599,
+    },
+    {
+      caption: '\\inf',
+      snippet: '\\inf',
+      meta: 'datatool-cmd',
+      score: 0.00340470256994063,
+    },
+    {
+      caption: '\\arccos',
+      snippet: '\\arccos',
+      meta: 'datatool-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\arccos{}',
+      snippet: '\\arccos{$1}',
+      meta: 'datatool-cmd',
+      score: 0.001781687642431819,
+    },
+    {
+      caption: '\\ker',
+      snippet: '\\ker',
+      meta: 'datatool-cmd',
+      score: 0.002475379242338094,
+    },
+    {
+      caption: '\\cot',
+      snippet: '\\cot',
+      meta: 'datatool-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\cot{}',
+      snippet: '\\cot{$1}',
+      meta: 'datatool-cmd',
+      score: 0.0003640644365701238,
+    },
+    {
+      caption: '\\coth{}',
+      snippet: '\\coth{$1}',
+      meta: 'datatool-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\coth',
+      snippet: '\\coth',
+      meta: 'datatool-cmd',
+      score: 0.00025939638266884963,
+    },
+    {
+      caption: '\\varlimsup',
+      snippet: '\\varlimsup',
+      meta: 'datatool-cmd',
+      score: 6.204977642542802e-5,
+    },
+    {
+      caption: '\\log',
+      snippet: '\\log',
+      meta: 'datatool-cmd',
+      score: 0.048131780413380156,
+    },
+    {
+      caption: '\\varinjlim',
+      snippet: '\\varinjlim',
+      meta: 'datatool-cmd',
+      score: 0.000361814283649031,
+    },
+    {
+      caption: '\\deg',
+      snippet: '\\deg',
+      meta: 'datatool-cmd',
+      score: 0.005542465148816408,
+    },
+    {
+      caption: '\\arctan',
+      snippet: '\\arctan',
+      meta: 'datatool-cmd',
+      score: 0.0011971697553682045,
+    },
+    {
+      caption: '\\dim',
+      snippet: '\\dim',
+      meta: 'datatool-cmd',
+      score: 0.0038210003967178293,
+    },
+    {
+      caption: '\\min',
+      snippet: '\\min',
+      meta: 'datatool-cmd',
+      score: 0.03051120054363316,
+    },
+    {
+      caption: '\\Pr',
+      snippet: '\\Pr',
+      meta: 'datatool-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\Pr[]',
+      snippet: '\\Pr[$1]',
+      meta: 'datatool-cmd',
+      score: 0.010227440663206161,
+    },
+    {
+      caption: '\\tanh',
+      snippet: '\\tanh',
+      meta: 'datatool-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\tanh{}',
+      snippet: '\\tanh{$1}',
+      meta: 'datatool-cmd',
+      score: 0.0021229156376192525,
+    },
+    {
+      caption: '\\arcsin',
+      snippet: '\\arcsin',
+      meta: 'datatool-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\arcsin{}',
+      snippet: '\\arcsin{$1}',
+      meta: 'datatool-cmd',
+      score: 0.0007754886988089101,
+    },
+    {
+      caption: '\\DeclareMathOperator{}{}',
+      snippet: '\\DeclareMathOperator{$1}{$2}',
+      meta: 'datatool-cmd',
+      score: 0.029440493885398676,
+    },
+    {
+      caption: '\\csc',
+      snippet: '\\csc',
+      meta: 'datatool-cmd',
+      score: 0.00013963711107573638,
+    },
+    {
+      caption: '\\sup',
+      snippet: '\\sup',
+      meta: 'datatool-cmd',
+      score: 0.009355514755312534,
+    },
+    {
+      caption: '\\sec',
+      snippet: '\\sec',
+      meta: 'datatool-cmd',
+      score: 0.0005912636157903734,
+    },
+    {
+      caption: '\\varprojlim',
+      snippet: '\\varprojlim',
+      meta: 'datatool-cmd',
+      score: 0.0004286136584068833,
+    },
+    {
+      caption: '\\stepcounter{}',
+      snippet: '\\stepcounter{$1}',
+      meta: 'datatool-cmd',
+      score: 0.0030745841706804776,
+    },
+    {
+      caption: '\\addtocounter{}{}',
+      snippet: '\\addtocounter{$1}{$2}',
+      meta: 'datatool-cmd',
+      score: 0.010241823778997489,
+    },
+    {
+      caption: '\\text{}',
+      snippet: '\\text{$1}',
+      meta: 'datatool-cmd',
+      score: 0.3608680734736821,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'datatool-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\pmb{}',
+      snippet: '\\pmb{$1}',
+      meta: 'datatool-cmd',
+      score: 0.019171182556792562,
+    },
+    {
+      caption: '\\boldsymbol{}',
+      snippet: '\\boldsymbol{$1}',
+      meta: 'datatool-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\boldsymbol',
+      snippet: '\\boldsymbol',
+      meta: 'datatool-cmd',
+      score: 0.18137737738638837,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'datatool-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'datatool-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'datatool-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'datatool-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'datatool-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'datatool-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'datatool-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'datatool-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'datatool-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'datatool-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'datatool-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'datatool-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'datatool-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'datatool-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'datatool-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'datatool-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'datatool-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'datatool-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'datatool-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'datatool-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'datatool-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'datatool-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'datatool-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'datatool-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'datatool-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'datatool-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'datatool-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'datatool-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'datatool-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'datatool-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'datatool-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'datatool-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  fmtcount: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'fmtcount-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'fmtcount-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'fmtcount-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'fmtcount-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'fmtcount-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'fmtcount-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'fmtcount-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'fmtcount-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'fmtcount-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'fmtcount-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\robustify{}',
+      snippet: '\\robustify{$1}',
+      meta: 'fmtcount-cmd',
+      score: 0.002671974990314091,
+    },
+    {
+      caption: '\\setbool{}{}',
+      snippet: '\\setbool{$1}{$2}',
+      meta: 'fmtcount-cmd',
+      score: 0.00023171033119130004,
+    },
+    {
+      caption: '\\ifdefempty{}{}{}',
+      snippet: '\\ifdefempty{$1}{$2}{$3}',
+      meta: 'fmtcount-cmd',
+      score: 7.482069221111606e-5,
+    },
+    {
+      caption: '\\apptocmd{}{}{}{}',
+      snippet: '\\apptocmd{$1}{$2}{$3}{$4}',
+      meta: 'fmtcount-cmd',
+      score: 0.00035805058319299113,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}{$4}',
+      meta: 'fmtcount-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\ifstrequal{}{}{}',
+      snippet: '\\ifstrequal{$1}{$2}{$3}',
+      meta: 'fmtcount-cmd',
+      score: 0.00041307691354437894,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'fmtcount-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\csedef{}{}',
+      snippet: '\\csedef{$1}{$2}',
+      meta: 'fmtcount-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'fmtcount-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\newrobustcmd{}[]{}',
+      snippet: '\\newrobustcmd{$1}[$2]{$3}',
+      meta: 'fmtcount-cmd',
+      score: 0.0006607703576475988,
+    },
+    {
+      caption: '\\ifdefstring{}{}{}{}',
+      snippet: '\\ifdefstring{$1}{$2}{$3}{$4}',
+      meta: 'fmtcount-cmd',
+      score: 0.0006796212875843042,
+    },
+    {
+      caption: '\\ifbool{}{}{}',
+      snippet: '\\ifbool{$1}{$2}{$3}',
+      meta: 'fmtcount-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\patchcmd{}{}{}{}{}',
+      snippet: '\\patchcmd{$1}{$2}{$3}{$4}{$5}',
+      meta: 'fmtcount-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\patchcmd',
+      snippet: '\\patchcmd',
+      meta: 'fmtcount-cmd',
+      score: 0.002560998917940627,
+    },
+    {
+      caption: '\\preto{}{}',
+      snippet: '\\preto{$1}{$2}',
+      meta: 'fmtcount-cmd',
+      score: 8.860754525300578e-5,
+    },
+    {
+      caption: '\\ifnumcomp{}{}{}{}{}',
+      snippet: '\\ifnumcomp{$1}{$2}{$3}{$4}{$5}',
+      meta: 'fmtcount-cmd',
+      score: 0.00029867998381154486,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'fmtcount-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\newbool{}',
+      snippet: '\\newbool{$1}',
+      meta: 'fmtcount-cmd',
+      score: 7.723677706376668e-5,
+    },
+    {
+      caption: '\\AtBeginEnvironment{}{}',
+      snippet: '\\AtBeginEnvironment{$1}{$2}',
+      meta: 'fmtcount-cmd',
+      score: 4.002553629215439e-5,
+    },
+    {
+      caption: '\\pretocmd{}{}{}{}',
+      snippet: '\\pretocmd{$1}{$2}{$3}{$4}',
+      meta: 'fmtcount-cmd',
+      score: 0.00028992557275763024,
+    },
+    {
+      caption: '\\ifundef{}{}{}',
+      snippet: '\\ifundef{$1}{$2}{$3}',
+      meta: 'fmtcount-cmd',
+      score: 0.00014933999190577243,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'fmtcount-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'fmtcount-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\frenchspacing',
+      snippet: '\\frenchspacing',
+      meta: 'fmtcount-cmd',
+      score: 0.0063276692758974925,
+    },
+  ],
+  aurl: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'aurl-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'aurl-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'aurl-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'aurl-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\AtBeginShipout{}',
+      snippet: '\\AtBeginShipout{$1}',
+      meta: 'aurl-cmd',
+      score: 0.00047530324346933345,
+    },
+    {
+      caption: '\\AtBeginShipoutNext{}',
+      snippet: '\\AtBeginShipoutNext{$1}',
+      meta: 'aurl-cmd',
+      score: 0.0005277905480209891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'aurl-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\UrlBreaks{}',
+      snippet: '\\UrlBreaks{$1}',
+      meta: 'aurl-cmd',
+      score: 0.001030592515645366,
+    },
+    {
+      caption: '\\UrlBreaks',
+      snippet: '\\UrlBreaks',
+      meta: 'aurl-cmd',
+      score: 0.001030592515645366,
+    },
+    {
+      caption: '\\Url',
+      snippet: '\\Url',
+      meta: 'aurl-cmd',
+      score: 0.0002854206807593436,
+    },
+    {
+      caption: '\\UrlOrds{}',
+      snippet: '\\UrlOrds{$1}',
+      meta: 'aurl-cmd',
+      score: 0.0006882563723629154,
+    },
+    {
+      caption: '\\UrlOrds',
+      snippet: '\\UrlOrds',
+      meta: 'aurl-cmd',
+      score: 0.0006882563723629154,
+    },
+    {
+      caption: '\\urlstyle{}',
+      snippet: '\\urlstyle{$1}',
+      meta: 'aurl-cmd',
+      score: 0.010515056688180681,
+    },
+    {
+      caption: '\\urldef{}',
+      snippet: '\\urldef{$1}',
+      meta: 'aurl-cmd',
+      score: 0.008041789461944983,
+    },
+    {
+      caption: '\\UrlBigBreaks{}',
+      snippet: '\\UrlBigBreaks{$1}',
+      meta: 'aurl-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\UrlFont{}',
+      snippet: '\\UrlFont{$1}',
+      meta: 'aurl-cmd',
+      score: 0.0032990580087398644,
+    },
+    {
+      caption: '\\UrlSpecials{}',
+      snippet: '\\UrlSpecials{$1}',
+      meta: 'aurl-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\UrlNoBreaks',
+      snippet: '\\UrlNoBreaks',
+      meta: 'aurl-cmd',
+      score: 3.7048287721105874e-5,
+    },
+    {
+      caption: '\\nameref{}',
+      snippet: '\\nameref{$1}',
+      meta: 'aurl-cmd',
+      score: 0.009472569279662113,
+    },
+    {
+      caption: '\\pdfbookmark[]{}{}',
+      snippet: '\\pdfbookmark[$1]{$2}{$3}',
+      meta: 'aurl-cmd',
+      score: 0.006492248863367502,
+    },
+    {
+      caption: '\\figureautorefname',
+      snippet: '\\figureautorefname',
+      meta: 'aurl-cmd',
+      score: 0.00014582556188448738,
+    },
+    {
+      caption: '\\figureautorefname{}',
+      snippet: '\\figureautorefname{$1}',
+      meta: 'aurl-cmd',
+      score: 0.00014582556188448738,
+    },
+    {
+      caption: '\\numberwithin{}{}',
+      snippet: '\\numberwithin{$1}{$2}',
+      meta: 'aurl-cmd',
+      score: 0.006963729684667191,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'aurl-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'aurl-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\footnoteautorefname',
+      snippet: '\\footnoteautorefname',
+      meta: 'aurl-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\roman{}',
+      snippet: '\\roman{$1}',
+      meta: 'aurl-cmd',
+      score: 0.005553384455935491,
+    },
+    {
+      caption: '\\roman',
+      snippet: '\\roman',
+      meta: 'aurl-cmd',
+      score: 0.005553384455935491,
+    },
+    {
+      caption: '\\string',
+      snippet: '\\string',
+      meta: 'aurl-cmd',
+      score: 0.001042697111754002,
+    },
+    {
+      caption: '\\MakeLowercase{}',
+      snippet: '\\MakeLowercase{$1}',
+      meta: 'aurl-cmd',
+      score: 0.017289599800633146,
+    },
+    {
+      caption: '\\textunderscore',
+      snippet: '\\textunderscore',
+      meta: 'aurl-cmd',
+      score: 0.001509072212764015,
+    },
+    {
+      caption: '\\do',
+      snippet: '\\do',
+      meta: 'aurl-cmd',
+      score: 0.009278344180101056,
+    },
+    {
+      caption: '\\begin{}',
+      snippet: '\\begin{$1}',
+      meta: 'aurl-cmd',
+      score: 7.849662248028187,
+    },
+    {
+      caption: '\\begin{}[]',
+      snippet: '\\begin{$1}[$2]',
+      meta: 'aurl-cmd',
+      score: 7.849662248028187,
+    },
+    {
+      caption: '\\begin{}{}',
+      snippet: '\\begin{$1}{$2}',
+      meta: 'aurl-cmd',
+      score: 7.849662248028187,
+    },
+    {
+      caption: '\\FancyVerbLineautorefname',
+      snippet: '\\FancyVerbLineautorefname',
+      meta: 'aurl-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\hyperlink{}{}',
+      snippet: '\\hyperlink{$1}{$2}',
+      meta: 'aurl-cmd',
+      score: 0.00978652043902115,
+    },
+    {
+      caption: '\\tableautorefname',
+      snippet: '\\tableautorefname',
+      meta: 'aurl-cmd',
+      score: 0.00012704528567339081,
+    },
+    {
+      caption: '\\tableautorefname{}',
+      snippet: '\\tableautorefname{$1}',
+      meta: 'aurl-cmd',
+      score: 0.00012704528567339081,
+    },
+    {
+      caption: '\\equationautorefname',
+      snippet: '\\equationautorefname',
+      meta: 'aurl-cmd',
+      score: 0.00018777198999871106,
+    },
+    {
+      caption: '\\equationautorefname{}',
+      snippet: '\\equationautorefname{$1}',
+      meta: 'aurl-cmd',
+      score: 0.00018777198999871106,
+    },
+    {
+      caption: '\\chapterautorefname',
+      snippet: '\\chapterautorefname',
+      meta: 'aurl-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\TeX',
+      snippet: '\\TeX',
+      meta: 'aurl-cmd',
+      score: 0.02873756018238537,
+    },
+    {
+      caption: '\\TeX{}',
+      snippet: '\\TeX{$1}',
+      meta: 'aurl-cmd',
+      score: 0.02873756018238537,
+    },
+    {
+      caption: '\\protect',
+      snippet: '\\protect',
+      meta: 'aurl-cmd',
+      score: 0.0200686676229443,
+    },
+    {
+      caption: '\\appendixautorefname',
+      snippet: '\\appendixautorefname',
+      meta: 'aurl-cmd',
+      score: 7.950698053641679e-5,
+    },
+    {
+      caption: '\\appendixautorefname{}',
+      snippet: '\\appendixautorefname{$1}',
+      meta: 'aurl-cmd',
+      score: 7.950698053641679e-5,
+    },
+    {
+      caption: '\\newlabel{}{}',
+      snippet: '\\newlabel{$1}{$2}',
+      meta: 'aurl-cmd',
+      score: 0.00029737672328168955,
+    },
+    {
+      caption: '\\texorpdfstring{}{}',
+      snippet: '\\texorpdfstring{$1}{$2}',
+      meta: 'aurl-cmd',
+      score: 0.0073781967296121,
+    },
+    {
+      caption: '\\refstepcounter{}',
+      snippet: '\\refstepcounter{$1}',
+      meta: 'aurl-cmd',
+      score: 0.002140559856649122,
+    },
+    {
+      caption: '\\alph',
+      snippet: '\\alph',
+      meta: 'aurl-cmd',
+      score: 0.01034327266194849,
+    },
+    {
+      caption: '\\alph{}',
+      snippet: '\\alph{$1}',
+      meta: 'aurl-cmd',
+      score: 0.01034327266194849,
+    },
+    {
+      caption: '\\pageref{}',
+      snippet: '\\pageref{$1}',
+      meta: 'aurl-cmd',
+      score: 0.019788865471151957,
+    },
+    {
+      caption: '\\item',
+      snippet: '\\item ',
+      meta: 'aurl-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\item[]',
+      snippet: '\\item[$1] ',
+      meta: 'aurl-cmd',
+      score: 3.800886892251021,
+    },
+    {
+      caption: '\\LaTeX',
+      snippet: '\\LaTeX',
+      meta: 'aurl-cmd',
+      score: 0.2334089308452787,
+    },
+    {
+      caption: '\\LaTeX{}',
+      snippet: '\\LaTeX{$1}',
+      meta: 'aurl-cmd',
+      score: 0.2334089308452787,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'aurl-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\itemautorefname',
+      snippet: '\\itemautorefname',
+      meta: 'aurl-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\caption{}',
+      snippet: '\\caption{$1}',
+      meta: 'aurl-cmd',
+      score: 1.2569477427490174,
+    },
+    {
+      caption: '\\sectionautorefname',
+      snippet: '\\sectionautorefname',
+      meta: 'aurl-cmd',
+      score: 0.0019832324299155183,
+    },
+    {
+      caption: '\\sectionautorefname{}',
+      snippet: '\\sectionautorefname{$1}',
+      meta: 'aurl-cmd',
+      score: 0.0019832324299155183,
+    },
+    {
+      caption: '\\LaTeXe',
+      snippet: '\\LaTeXe',
+      meta: 'aurl-cmd',
+      score: 0.007928096378157487,
+    },
+    {
+      caption: '\\LaTeXe{}',
+      snippet: '\\LaTeXe{$1}',
+      meta: 'aurl-cmd',
+      score: 0.007928096378157487,
+    },
+    {
+      caption: '\\footref{}',
+      snippet: '\\footref{$1}',
+      meta: 'aurl-cmd',
+      score: 0.0003680857021151614,
+    },
+    {
+      caption: '\\footref',
+      snippet: '\\footref',
+      meta: 'aurl-cmd',
+      score: 0.0003680857021151614,
+    },
+    {
+      caption: '\\hypertarget{}{}',
+      snippet: '\\hypertarget{$1}{$2}',
+      meta: 'aurl-cmd',
+      score: 0.009652820108904094,
+    },
+    {
+      caption: '\\theoremautorefname',
+      snippet: '\\theoremautorefname',
+      meta: 'aurl-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\maketitle',
+      snippet: '\\maketitle',
+      meta: 'aurl-cmd',
+      score: 0.7504160124360846,
+    },
+    {
+      caption: '\\subparagraphautorefname',
+      snippet: '\\subparagraphautorefname',
+      meta: 'aurl-cmd',
+      score: 0.0005446476945175932,
+    },
+    {
+      caption: '\\url{}',
+      snippet: '\\url{$1}',
+      meta: 'aurl-cmd',
+      score: 0.13586474005868793,
+    },
+    {
+      caption: '\\author{}',
+      snippet: '\\author{$1}',
+      meta: 'aurl-cmd',
+      score: 0.8973590434087177,
+    },
+    {
+      caption: '\\author[]{}',
+      snippet: '\\author[$1]{$2}',
+      meta: 'aurl-cmd',
+      score: 0.8973590434087177,
+    },
+    {
+      caption: '\\href{}{}',
+      snippet: '\\href{$1}{$2}',
+      meta: 'aurl-cmd',
+      score: 0.27111130260612365,
+    },
+    {
+      caption: '\\Roman{}',
+      snippet: '\\Roman{$1}',
+      meta: 'aurl-cmd',
+      score: 0.0038703587462843594,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'aurl-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\autoref{}',
+      snippet: '\\autoref{$1}',
+      meta: 'aurl-cmd',
+      score: 0.03741172773691362,
+    },
+    {
+      caption: '\\nolinkurl{}',
+      snippet: '\\nolinkurl{$1}',
+      meta: 'aurl-cmd',
+      score: 0.0004995635515943437,
+    },
+    {
+      caption: '\\end{}',
+      snippet: '\\end{$1}',
+      meta: 'aurl-cmd',
+      score: 7.847906405228455,
+    },
+    {
+      caption: '\\phantomsection',
+      snippet: '\\phantomsection',
+      meta: 'aurl-cmd',
+      score: 0.0174633138331273,
+    },
+    {
+      caption: '\\MakeUppercase{}',
+      snippet: '\\MakeUppercase{$1}',
+      meta: 'aurl-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\MakeUppercase',
+      snippet: '\\MakeUppercase',
+      meta: 'aurl-cmd',
+      score: 0.006776001543888959,
+    },
+    {
+      caption: '\\partautorefname',
+      snippet: '\\partautorefname',
+      meta: 'aurl-cmd',
+      score: 1.8780276211096543e-5,
+    },
+    {
+      caption: '\\Itemautorefname{}',
+      snippet: '\\Itemautorefname{$1}',
+      meta: 'aurl-cmd',
+      score: 6.006262128895586e-5,
+    },
+    {
+      caption: '\\halign{}',
+      snippet: '\\halign{$1}',
+      meta: 'aurl-cmd',
+      score: 0.00017906650306643613,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'aurl-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\ref{}',
+      snippet: '\\ref{$1}',
+      meta: 'aurl-cmd',
+      score: 1.4380093454211778,
+    },
+    {
+      caption: '\\Alph{}',
+      snippet: '\\Alph{$1}',
+      meta: 'aurl-cmd',
+      score: 0.002233258780143355,
+    },
+    {
+      caption: '\\Alph',
+      snippet: '\\Alph',
+      meta: 'aurl-cmd',
+      score: 0.002233258780143355,
+    },
+    {
+      caption: '\\appendix',
+      snippet: '\\appendix',
+      meta: 'aurl-cmd',
+      score: 0.047007158741781095,
+    },
+    {
+      caption: '\\MP',
+      snippet: '\\MP',
+      meta: 'aurl-cmd',
+      score: 0.00018344383742255004,
+    },
+    {
+      caption: '\\MP{}',
+      snippet: '\\MP{$1}',
+      meta: 'aurl-cmd',
+      score: 0.00018344383742255004,
+    },
+    {
+      caption: '\\paragraphautorefname',
+      snippet: '\\paragraphautorefname',
+      meta: 'aurl-cmd',
+      score: 0.0005446476945175932,
+    },
+    {
+      caption: '\\citeN{}',
+      snippet: '\\citeN{$1}',
+      meta: 'aurl-cmd',
+      score: 0.0018503938529945614,
+    },
+    {
+      caption: '\\citeN',
+      snippet: '\\citeN',
+      meta: 'aurl-cmd',
+      score: 0.0018503938529945614,
+    },
+    {
+      caption: '\\addcontentsline{}{}{}',
+      snippet: '\\addcontentsline{$1}{$2}{$3}',
+      meta: 'aurl-cmd',
+      score: 0.07503475348393239,
+    },
+    {
+      caption: '\\subsectionautorefname',
+      snippet: '\\subsectionautorefname',
+      meta: 'aurl-cmd',
+      score: 0.0012546605780895737,
+    },
+    {
+      caption: '\\subsectionautorefname{}',
+      snippet: '\\subsectionautorefname{$1}',
+      meta: 'aurl-cmd',
+      score: 0.0012546605780895737,
+    },
+    {
+      caption: '\\hyperref[]{}',
+      snippet: '\\hyperref[$1]{$2}',
+      meta: 'aurl-cmd',
+      score: 0.004515152477030062,
+    },
+    {
+      caption: '\\arabic{}',
+      snippet: '\\arabic{$1}',
+      meta: 'aurl-cmd',
+      score: 0.02445837629741638,
+    },
+    {
+      caption: '\\arabic',
+      snippet: '\\arabic',
+      meta: 'aurl-cmd',
+      score: 0.02445837629741638,
+    },
+    {
+      caption: '\\newline',
+      snippet: '\\newline',
+      meta: 'aurl-cmd',
+      score: 0.3311721696201715,
+    },
+    {
+      caption: '\\hypersetup{}',
+      snippet: '\\hypersetup{$1}',
+      meta: 'aurl-cmd',
+      score: 0.06967310843464661,
+    },
+    {
+      caption: '\\subsubsectionautorefname',
+      snippet: '\\subsubsectionautorefname',
+      meta: 'aurl-cmd',
+      score: 0.0012064581899162352,
+    },
+    {
+      caption: '\\subsubsectionautorefname{}',
+      snippet: '\\subsubsectionautorefname{$1}',
+      meta: 'aurl-cmd',
+      score: 0.0012064581899162352,
+    },
+    {
+      caption: '\\title{}',
+      snippet: '\\title{$1}',
+      meta: 'aurl-cmd',
+      score: 0.9202908262245683,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'aurl-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'aurl-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'aurl-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'aurl-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'aurl-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'aurl-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'aurl-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'aurl-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'aurl-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'aurl-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'aurl-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'aurl-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'aurl-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'aurl-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'aurl-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'aurl-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'aurl-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'aurl-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'aurl-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'aurl-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'aurl-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'aurl-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'aurl-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\check{}',
+      snippet: '\\check{$1}',
+      meta: 'aurl-cmd',
+      score: 0.0058342578961340175,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'aurl-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'aurl-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'aurl-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'aurl-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'aurl-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'aurl-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'aurl-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'aurl-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'aurl-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'aurl-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'aurl-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'aurl-cmd',
+      score: 0.00530510025314411,
+    },
+  ],
+  bchart: [
+    {
+      caption: '\\setkeys{}{}',
+      snippet: '\\setkeys{$1}{$2}',
+      meta: 'bchart-cmd',
+      score: 0.00037306820619479756,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bchart-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'bchart-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'bchart-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\scalebox{}{}',
+      snippet: '\\scalebox{$1}{$2}',
+      meta: 'bchart-cmd',
+      score: 0.015973401906548487,
+    },
+    {
+      caption: '\\reflectbox{}',
+      snippet: '\\reflectbox{$1}',
+      meta: 'bchart-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\reflectbox',
+      snippet: '\\reflectbox',
+      meta: 'bchart-cmd',
+      score: 0.0005981923692899367,
+    },
+    {
+      caption: '\\resizebox{}{}{}',
+      snippet: '\\resizebox{$1}{$2}{$3}',
+      meta: 'bchart-cmd',
+      score: 0.017834153815870245,
+    },
+    {
+      caption: '\\includegraphics[]{}',
+      snippet: '\\includegraphics[$1]{$2}',
+      meta: 'bchart-cmd',
+      score: 1.4595731795525781,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'bchart-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\DeclareGraphicsExtensions{}',
+      snippet: '\\DeclareGraphicsExtensions{$1}',
+      meta: 'bchart-cmd',
+      score: 0.0055519509468004175,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bchart-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\graphicspath{}',
+      snippet: '\\graphicspath{$1}',
+      meta: 'bchart-cmd',
+      score: 0.09973951908678011,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'bchart-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'bchart-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'bchart-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\DeclareGraphicsRule{}{}{}{}',
+      snippet: '\\DeclareGraphicsRule{$1}{$2}{$3}{$4}',
+      meta: 'bchart-cmd',
+      score: 0.004649150613625593,
+    },
+    {
+      caption: '\\ifthenelse{}{}{}',
+      snippet: '\\ifthenelse{$1}{$2}{$3}',
+      meta: 'bchart-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\ifthenelse{}',
+      snippet: '\\ifthenelse{$1}',
+      meta: 'bchart-cmd',
+      score: 0.009331077109224957,
+    },
+    {
+      caption: '\\setboolean{}{}',
+      snippet: '\\setboolean{$1}{$2}',
+      meta: 'bchart-cmd',
+      score: 0.0012203054938872515,
+    },
+    {
+      caption: '\\newboolean{}',
+      snippet: '\\newboolean{$1}',
+      meta: 'bchart-cmd',
+      score: 0.0009170966832172938,
+    },
+    {
+      caption: '\\value{}',
+      snippet: '\\value{$1}',
+      meta: 'bchart-cmd',
+      score: 0.01590723355124104,
+    },
+    {
+      caption: '\\boolean{}',
+      snippet: '\\boolean{$1}',
+      meta: 'bchart-cmd',
+      score: 0.0018957469739775527,
+    },
+    {
+      caption: '\\rotatebox{}{}',
+      snippet: '\\rotatebox{$1}{$2}',
+      meta: 'bchart-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox[]{}{}',
+      snippet: '\\rotatebox[$1]{$2}{$3}',
+      meta: 'bchart-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\rotatebox{}',
+      snippet: '\\rotatebox{$1}',
+      meta: 'bchart-cmd',
+      score: 0.004719094298848707,
+    },
+    {
+      caption: '\\definecolors{}',
+      snippet: '\\definecolors{$1}',
+      meta: 'bchart-cmd',
+      score: 0.0003209840085766927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'bchart-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'bchart-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\fcolorbox{}{}{}',
+      snippet: '\\fcolorbox{$1}{$2}{$3}',
+      meta: 'bchart-cmd',
+      score: 0.00926923425734719,
+    },
+    {
+      caption: '\\colorlet{}{}',
+      snippet: '\\colorlet{$1}{$2}',
+      meta: 'bchart-cmd',
+      score: 0.03654388342026623,
+    },
+    {
+      caption: '\\textcolor{}{}',
+      snippet: '\\textcolor{$1}{$2}',
+      meta: 'bchart-cmd',
+      score: 0.20852115286477566,
+    },
+    {
+      caption: '\\selectcolormodel{}',
+      snippet: '\\selectcolormodel{$1}',
+      meta: 'bchart-cmd',
+      score: 0.000264339771769041,
+    },
+    {
+      caption: '\\rowcolors{}{}{}',
+      snippet: '\\rowcolors{$1}{$2}{$3}',
+      meta: 'bchart-cmd',
+      score: 0.0014120076489723356,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'bchart-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\pagecolor{}',
+      snippet: '\\pagecolor{$1}',
+      meta: 'bchart-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\pagecolor{}{}',
+      snippet: '\\pagecolor{$1}{$2}',
+      meta: 'bchart-cmd',
+      score: 0.0008147200475678891,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bchart-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\definecolor{}{}{}',
+      snippet: '\\definecolor{$1}{$2}{$3}',
+      meta: 'bchart-cmd',
+      score: 0.16906710888680052,
+    },
+    {
+      caption: '\\colorbox{}{}',
+      snippet: '\\colorbox{$1}{$2}',
+      meta: 'bchart-cmd',
+      score: 0.029302172361548254,
+    },
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'bchart-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'bchart-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  pdftexcmds: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pdftexcmds-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'pdftexcmds-cmd',
+      score: 0.002958865219480927,
+    },
+  ],
+  l3keys2e: [
+    {
+      caption: '\\color[]{}',
+      snippet: '\\color[$1]{$2}',
+      meta: 'l3keys2e-cmd',
+      score: 0.2864294797053033,
+    },
+    {
+      caption: '\\color{}',
+      snippet: '\\color{$1}',
+      meta: 'l3keys2e-cmd',
+      score: 0.2864294797053033,
+    },
+  ],
+  xfor: [
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'xfor-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'xfor-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  accsupp: [
+    {
+      caption: '\\RequireXeTeX',
+      snippet: '\\RequireXeTeX',
+      meta: 'accsupp-cmd',
+      score: 0.00021116765384691477,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'accsupp-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'accsupp-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'accsupp-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'accsupp-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'accsupp-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'accsupp-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'accsupp-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'accsupp-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'accsupp-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'accsupp-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'accsupp-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'accsupp-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'accsupp-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'accsupp-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'accsupp-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  trig: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'trig-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  rerunfilecheck: [
+    {
+      caption: '\\makeindex',
+      snippet: '\\makeindex',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.010304996748556729,
+    },
+    {
+      caption: '\\index{}',
+      snippet: '\\index{$1}',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.013774721817648336,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\clearpage',
+      snippet: '\\clearpage',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.1789117552185788,
+    },
+    {
+      caption: '\\global',
+      snippet: '\\global',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.006609629561859019,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\check{}',
+      snippet: '\\check{$1}',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.0058342578961340175,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'rerunfilecheck-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  pdfescape: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'pdfescape-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'pdfescape-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'pdfescape-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'pdfescape-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'pdfescape-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  infwarerr: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'infwarerr-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\check{}',
+      snippet: '\\check{$1}',
+      meta: 'infwarerr-cmd',
+      score: 0.0058342578961340175,
+    },
+    {
+      caption: '\\space',
+      snippet: '\\space',
+      meta: 'infwarerr-cmd',
+      score: 0.023010789853665694,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'infwarerr-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  kvsetkeys: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'kvsetkeys-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'kvsetkeys-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'kvsetkeys-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  gettitlestring: [
+    {
+      caption: '\\addcontentsline{}{}{}',
+      snippet: '\\addcontentsline{$1}{$2}{$3}',
+      meta: 'gettitlestring-cmd',
+      score: 0.07503475348393239,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'gettitlestring-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'gettitlestring-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'gettitlestring-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'gettitlestring-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'gettitlestring-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'gettitlestring-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'gettitlestring-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'gettitlestring-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\expandafter',
+      snippet: '\\expandafter',
+      meta: 'gettitlestring-cmd',
+      score: 0.021170869458413965,
+    },
+    {
+      caption: '\\expandafter{}',
+      snippet: '\\expandafter{$1}',
+      meta: 'gettitlestring-cmd',
+      score: 0.021170869458413965,
+    },
+  ],
+  refcount: [
+    {
+      caption: '\\thepage',
+      snippet: '\\thepage',
+      meta: 'refcount-cmd',
+      score: 0.0591555998103519,
+    },
+  ],
+  bitset: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'bitset-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'bitset-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  etexcmds: [
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'etexcmds-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'etexcmds-cmd',
+      score: 0.002958865219480927,
+    },
+  ],
+  intcalc: [
+    {
+      caption: '\\empty',
+      snippet: '\\empty',
+      meta: 'intcalc-cmd',
+      score: 0.002958865219480927,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'intcalc-cmd',
+      score: 0.008565354665444157,
+    },
+  ],
+  hycolor: [
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'hycolor-cmd',
+      score: 0.00530510025314411,
+    },
+    {
+      caption: '\\csname',
+      snippet: '\\csname',
+      meta: 'hycolor-cmd',
+      score: 0.008565354665444157,
+    },
+    {
+      caption: '\\noexpand',
+      snippet: '\\noexpand',
+      meta: 'hycolor-cmd',
+      score: 0.00530510025314411,
+    },
+  ],
+}
diff --git a/services/web/app/src/Features/Newsletter/MailChimpClient.js b/services/web/app/src/Features/Newsletter/MailChimpClient.js
new file mode 100644
index 0000000..525ef33
--- /dev/null
+++ b/services/web/app/src/Features/Newsletter/MailChimpClient.js
@@ -0,0 +1,68 @@
+const { fetchJson, fetchNothing } = require('@overleaf/fetch-utils')
+
+class MailChimpClient {
+  constructor(apiKey) {
+    this.apiKey = apiKey
+    this.dc = apiKey.split('-')[1]
+    this.baseUrl = `https://${this.dc}.api.mailchimp.com/3.0/`
+    this.fetchOptions = {
+      method: 'GET',
+      basicAuth: {
+        user: 'any',
+        password: this.apiKey,
+      },
+    }
+  }
+
+  async request(path, options) {
+    try {
+      const requestUrl = `${this.baseUrl}${path}`
+      if (options.method === 'GET') {
+        return await fetchJson(requestUrl, options)
+      }
+      await fetchNothing(requestUrl, options)
+    } catch (err) {
+      // if there's a json body in the response, expose it in the error (for compatibility with node-mailchimp)
+      const errorBody = err.body ? JSON.parse(err.body) : {}
+      const errWithBody = Object.assign(err, errorBody)
+      throw errWithBody
+    }
+  }
+
+  async get(path) {
+    return await this.request(path, this.fetchOptions)
+  }
+
+  async put(path, body) {
+    const options = Object.assign({}, this.fetchOptions)
+    options.method = 'PUT'
+    options.json = body
+
+    return await this.request(path, options)
+  }
+
+  async post(path, body) {
+    const options = Object.assign({}, this.fetchOptions)
+    options.method = 'POST'
+    options.json = body
+
+    return await this.request(path, options)
+  }
+
+  async delete(path) {
+    const options = Object.assign({}, this.fetchOptions)
+    options.method = 'DELETE'
+
+    return await this.request(path, options)
+  }
+
+  async patch(path, body) {
+    const options = Object.assign({}, this.fetchOptions)
+    options.method = 'PATCH'
+    options.json = body
+
+    return await this.request(path, options)
+  }
+}
+
+module.exports = MailChimpClient
diff --git a/services/web/app/src/Features/Newsletter/MailChimpProvider.js b/services/web/app/src/Features/Newsletter/MailChimpProvider.js
new file mode 100644
index 0000000..9310ce9
--- /dev/null
+++ b/services/web/app/src/Features/Newsletter/MailChimpProvider.js
@@ -0,0 +1,315 @@
+const logger = require('@overleaf/logger')
+const Settings = require('@overleaf/settings')
+const crypto = require('crypto')
+const OError = require('@overleaf/o-error')
+const { callbackify } = require('util')
+const MailChimpClient = require('./MailChimpClient')
+
+function mailchimpIsConfigured() {
+  return Settings.mailchimp != null && Settings.mailchimp.api_key != null
+}
+
+function make(listName, listId) {
+  let provider
+  if (!mailchimpIsConfigured() || !listId) {
+    logger.debug({ listName }, 'Using newsletter provider: none')
+    provider = makeNullProvider(listName)
+  } else {
+    logger.debug({ listName }, 'Using newsletter provider: mailchimp')
+    provider = makeMailchimpProvider(listName, listId)
+  }
+  return {
+    subscribed: callbackify(provider.subscribed),
+    subscribe: callbackify(provider.subscribe),
+    unsubscribe: callbackify(provider.unsubscribe),
+    changeEmail: callbackify(provider.changeEmail),
+    tag: callbackify(provider.tag),
+    removeTag: callbackify(provider.removeTag),
+    promises: provider,
+  }
+}
+
+module.exports = {
+  make,
+}
+
+class NonFatalEmailUpdateError extends OError {
+  constructor(message, oldEmail, newEmail) {
+    super(message, { oldEmail, newEmail })
+  }
+}
+
+function makeMailchimpProvider(listName, listId) {
+  const mailchimp = new MailChimpClient(Settings.mailchimp.api_key)
+  const MAILCHIMP_LIST_ID = listId
+
+  return {
+    subscribed,
+    subscribe,
+    unsubscribe,
+    changeEmail,
+    tag,
+    removeTag,
+  }
+
+  async function subscribed(user) {
+    try {
+      const path = getSubscriberPath(user.email)
+      const result = await mailchimp.get(path)
+      return result?.status === 'subscribed'
+    } catch (err) {
+      if (err?.response?.status === 404) {
+        return false
+      }
+      throw OError.tag(err, 'error getting newsletter subscriptions status', {
+        userId: user._id,
+        listName,
+      })
+    }
+  }
+
+  async function subscribe(user) {
+    try {
+      const path = getSubscriberPath(user.email)
+      await mailchimp.put(path, {
+        email_address: user.email,
+        status: 'subscribed',
+        status_if_new: 'subscribed',
+        merge_fields: getMergeFields(user),
+      })
+      logger.debug(
+        { user, listName },
+        'finished subscribing user to newsletter'
+      )
+    } catch (err) {
+      throw OError.tag(err, 'error subscribing user to newsletter', {
+        userId: user._id,
+        listName,
+      })
+    }
+  }
+
+  async function tag(user, tag) {
+    try {
+      const path = getMemberTagsPath(user.email)
+      await mailchimp.post(path, {
+        tags: [{ name: tag, status: 'active' }],
+      })
+      logger.debug({ user, listName }, `finished adding ${tag} to user`)
+    } catch (err) {
+      throw OError.tag(err, `error adding ${tag} to user`, {
+        userId: user._id,
+        listName,
+        tag,
+      })
+    }
+  }
+
+  async function removeTag(user, tag) {
+    try {
+      const path = getMemberTagsPath(user.email)
+      await mailchimp.post(path, {
+        tags: [{ name: tag, status: 'inactive' }],
+      })
+      logger.debug({ user, listName }, `finished removing ${tag} from user`)
+    } catch (err) {
+      throw OError.tag(err, `error removing ${tag} from user`, {
+        userId: user._id,
+        listName,
+        tag,
+      })
+    }
+  }
+
+  async function unsubscribe(user, options = {}) {
+    try {
+      const path = getSubscriberPath(user.email)
+      if (options.delete) {
+        await mailchimp.delete(path)
+      } else {
+        await mailchimp.patch(path, {
+          status: 'unsubscribed',
+          merge_fields: getMergeFields(user),
+        })
+      }
+      logger.debug(
+        { user, options, listName },
+        'finished unsubscribing user from newsletter'
+      )
+    } catch (err) {
+      if ([404, 405].includes(err?.response?.status)) {
+        // silently ignore users who were never subscribed (404) or previously deleted (405)
+        return
+      }
+
+      if (err.message.includes('looks fake or invalid')) {
+        logger.debug(
+          { err, user, options, listName },
+          'Mailchimp declined to unsubscribe user because it finds the email looks fake'
+        )
+        return
+      }
+
+      throw OError.tag(err, 'error unsubscribing user from newsletter', {
+        userId: user._id,
+        listName,
+      })
+    }
+  }
+
+  async function changeEmail(user, newEmail) {
+    const oldEmail = user.email
+
+    try {
+      await updateEmailInMailchimp(user, newEmail)
+    } catch (updateError) {
+      // if we failed to update the user, delete their old email address so that
+      // we don't leave it stuck in mailchimp
+      logger.debug(
+        { oldEmail, newEmail, updateError, listName },
+        'unable to change email in newsletter, removing old mail'
+      )
+
+      try {
+        await unsubscribe(user, { delete: true })
+      } catch (unsubscribeError) {
+        // something went wrong removing the user's address
+        throw OError.tag(
+          unsubscribeError,
+          'error unsubscribing old email in response to email change failure',
+          { oldEmail, newEmail, updateError, listName }
+        )
+      }
+
+      if (!(updateError instanceof NonFatalEmailUpdateError)) {
+        throw updateError
+      }
+    }
+  }
+
+  async function updateEmailInMailchimp(user, newEmail) {
+    const oldEmail = user.email
+
+    // mailchimp doesn't give us error codes, so we have to parse the message :'(
+    const errors = {
+      'merge fields were invalid': 'user has never subscribed',
+      'could not be validated':
+        'user has previously unsubscribed or new email already exist on list',
+      'is already a list member': 'new email is already on mailing list',
+      'looks fake or invalid': 'mail looks fake to mailchimp',
+    }
+
+    try {
+      const path = getSubscriberPath(oldEmail)
+      await mailchimp.patch(path, {
+        email_address: newEmail,
+        merge_fields: getMergeFields(user),
+      })
+      logger.debug(
+        { newEmail, listName },
+        'finished changing email in the newsletter'
+      )
+    } catch (err) {
+      // silently ignore users who were never subscribed
+      if (err.status === 404) {
+        return
+      }
+
+      // look through expected mailchimp errors and log if we find one
+      Object.keys(errors).forEach(key => {
+        if (err.message.includes(key)) {
+          const message = `unable to change email in newsletter, ${errors[key]}`
+
+          logger.debug({ oldEmail, newEmail, listName }, message)
+
+          throw new NonFatalEmailUpdateError(
+            message,
+            oldEmail,
+            newEmail
+          ).withCause(err)
+        }
+      })
+
+      // if we didn't find an expected error, generate something to throw
+      throw OError.tag(err, 'error changing email in newsletter', {
+        oldEmail,
+        newEmail,
+        listName,
+      })
+    }
+  }
+
+  function getSubscriberPath(email) {
+    const emailHash = hashEmail(email)
+    return `/lists/${MAILCHIMP_LIST_ID}/members/${emailHash}`
+  }
+
+  function getMemberTagsPath(email) {
+    const emailHash = hashEmail(email)
+    return `/lists/${MAILCHIMP_LIST_ID}/members/${emailHash}/tags`
+  }
+
+  function hashEmail(email) {
+    return crypto.createHash('md5').update(email.toLowerCase()).digest('hex')
+  }
+
+  function getMergeFields(user) {
+    return {
+      FNAME: user.first_name,
+      LNAME: user.last_name,
+      MONGO_ID: user._id.toString(),
+    }
+  }
+}
+
+function makeNullProvider(listName) {
+  return {
+    subscribed,
+    subscribe,
+    unsubscribe,
+    changeEmail,
+    tag,
+    removeTag,
+  }
+
+  async function subscribed(user) {
+    logger.debug(
+      { user, listName },
+      'Not checking user because no newsletter provider is configured'
+    )
+    return false
+  }
+
+  async function subscribe(user) {
+    logger.debug(
+      { user, listName },
+      'Not subscribing user to newsletter because no newsletter provider is configured'
+    )
+  }
+
+  async function unsubscribe(user) {
+    logger.debug(
+      { user, listName },
+      'Not unsubscribing user from newsletter because no newsletter provider is configured'
+    )
+  }
+
+  async function changeEmail(user, newEmail) {
+    logger.debug(
+      { userId: user._id, newEmail, listName },
+      'Not changing email in newsletter for user because no newsletter provider is configured'
+    )
+  }
+  async function tag(user, tag) {
+    logger.debug(
+      { userId: user._id, tag, listName },
+      'Not tagging user because no newsletter provider is configured'
+    )
+  }
+  async function removeTag(user, tag) {
+    logger.debug(
+      { userId: user._id, tag, listName },
+      'Not removing tag for user because no newsletter provider is configured'
+    )
+  }
+}
diff --git a/services/web/app/src/Features/Newsletter/NewsletterManager.js b/services/web/app/src/Features/Newsletter/NewsletterManager.js
new file mode 100644
index 0000000..ebae9f2
--- /dev/null
+++ b/services/web/app/src/Features/Newsletter/NewsletterManager.js
@@ -0,0 +1,9 @@
+const Settings = require('@overleaf/settings')
+const MailchimpProvider = require('./MailChimpProvider')
+
+const provider = MailchimpProvider.make(
+  'newsletter',
+  Settings.mailchimp ? Settings.mailchimp.list_id : null
+)
+
+module.exports = provider
diff --git a/services/web/app/src/Features/Notifications/NotificationsBuilder.js b/services/web/app/src/Features/Notifications/NotificationsBuilder.js
new file mode 100644
index 0000000..a6fedaf
--- /dev/null
+++ b/services/web/app/src/Features/Notifications/NotificationsBuilder.js
@@ -0,0 +1,325 @@
+const NotificationsHandler = require('./NotificationsHandler')
+const { promisifyAll } = require('@overleaf/promise-utils')
+const request = require('request')
+const settings = require('@overleaf/settings')
+
+function dropboxDuplicateProjectNames(userId) {
+  return {
+    key: `dropboxDuplicateProjectNames-${userId}`,
+    create(projectName, callback) {
+      if (callback == null) {
+        callback = function () {}
+      }
+      NotificationsHandler.createNotification(
+        userId,
+        this.key,
+        'notification_dropbox_duplicate_project_names',
+        { projectName },
+        null,
+        true,
+        callback
+      )
+    },
+    read(callback) {
+      if (callback == null) {
+        callback = function () {}
+      }
+      NotificationsHandler.markAsReadWithKey(userId, this.key, callback)
+    },
+  }
+}
+
+function dropboxUnlinkedDueToLapsedReconfirmation(userId) {
+  return {
+    key: 'drobox-unlinked-due-to-lapsed-reconfirmation',
+    create(callback) {
+      NotificationsHandler.createNotification(
+        userId,
+        this.key,
+        'notification_dropbox_unlinked_due_to_lapsed_reconfirmation',
+        {},
+        null,
+        true,
+        callback
+      )
+    },
+    read(callback) {
+      NotificationsHandler.markAsReadWithKey(userId, this.key, callback)
+    },
+  }
+}
+
+function featuresUpgradedByAffiliation(affiliation, user) {
+  return {
+    key: `features-updated-by=${affiliation.institutionId}`,
+    create(callback) {
+      if (callback == null) {
+        callback = function () {}
+      }
+      const messageOpts = { institutionName: affiliation.institutionName }
+      NotificationsHandler.createNotification(
+        user._id,
+        this.key,
+        'notification_features_upgraded_by_affiliation',
+        messageOpts,
+        null,
+        false,
+        callback
+      )
+    },
+    read(callback) {
+      if (callback == null) {
+        callback = function () {}
+      }
+      NotificationsHandler.markAsReadWithKey(user._id, this.key, callback)
+    },
+  }
+}
+
+function redundantPersonalSubscription(affiliation, user) {
+  return {
+    key: `redundant-personal-subscription-${affiliation.institutionId}`,
+    create(callback) {
+      if (callback == null) {
+        callback = function () {}
+      }
+      const messageOpts = { institutionName: affiliation.institutionName }
+      NotificationsHandler.createNotification(
+        user._id,
+        this.key,
+        'notification_personal_subscription_not_required_due_to_affiliation',
+        messageOpts,
+        null,
+        false,
+        callback
+      )
+    },
+    read(callback) {
+      if (callback == null) {
+        callback = function () {}
+      }
+      NotificationsHandler.markAsReadWithKey(user._id, this.key, callback)
+    },
+  }
+}
+
+function projectInvite(invite, project, sendingUser, user) {
+  return {
+    key: `project-invite-${invite._id}`,
+    create(callback) {
+      if (callback == null) {
+        callback = function () {}
+      }
+      const messageOpts = {
+        userName: sendingUser.first_name,
+        projectName: project.name,
+        projectId: project._id.toString(),
+        token: invite.token,
+      }
+      NotificationsHandler.createNotification(
+        user._id,
+        this.key,
+        'notification_project_invite',
+        messageOpts,
+        invite.expires,
+        callback
+      )
+    },
+    read(callback) {
+      if (callback == null) {
+        callback = function () {}
+      }
+      NotificationsHandler.markAsReadByKeyOnly(this.key, callback)
+    },
+  }
+}
+
+function ipMatcherAffiliation(userId) {
+  return {
+    create(ip, callback) {
+      if (callback == null) {
+        callback = function () {}
+      }
+      if (!settings.apis.v1.url) {
+        // service is not configured
+        return callback()
+      }
+      request(
+        {
+          method: 'GET',
+          url: `${settings.apis.v1.url}/api/v2/users/${userId}/ip_matcher`,
+          auth: { user: settings.apis.v1.user, pass: settings.apis.v1.pass },
+          body: { ip },
+          json: true,
+          timeout: settings.apis.v1.timeout,
+        },
+        function (error, response, body) {
+          if (error != null) {
+            return callback(error)
+          }
+          if (response.statusCode !== 200) {
+            return callback()
+          }
+
+          const key = `ip-matched-affiliation-${body.id}`
+          const portalPath = body.portal_slug
+            ? `/${body.is_university ? 'edu' : 'org'}/${body.portal_slug}`
+            : undefined
+          const messageOpts = {
+            university_name: body.name,
+            institutionId: body.id,
+            content: body.enrolment_ad_html,
+            portalPath,
+            ssoEnabled: body.sso_enabled,
+          }
+          NotificationsHandler.createNotification(
+            userId,
+            key,
+            'notification_ip_matched_affiliation',
+            messageOpts,
+            null,
+            false,
+            callback
+          )
+        }
+      )
+    },
+
+    read(universityId, callback) {
+      if (callback == null) {
+        callback = function () {}
+      }
+      const key = `ip-matched-affiliation-${universityId}`
+      NotificationsHandler.markAsReadWithKey(userId, key, callback)
+    },
+  }
+}
+
+function tpdsFileLimit(userId) {
+  return {
+    key: `tpdsFileLimit-${userId}`,
+    create(projectName, projectId, callback) {
+      if (callback == null) {
+        callback = function () {}
+      }
+      const messageOpts = {
+        projectName,
+        projectId,
+      }
+      NotificationsHandler.createNotification(
+        userId,
+        this.key,
+        'notification_tpds_file_limit',
+        messageOpts,
+        null,
+        true,
+        callback
+      )
+    },
+    read(callback) {
+      if (callback == null) {
+        callback = function () {}
+      }
+      NotificationsHandler.markAsReadByKeyOnly(this.key, callback)
+    },
+  }
+}
+
+function groupInvitation(userId, subscriptionId, managedUsersEnabled) {
+  return {
+    key: `groupInvitation-${subscriptionId}-${userId}`,
+    create(invite, callback) {
+      if (callback == null) {
+        callback = function () {}
+      }
+      const messageOpts = {
+        token: invite.token,
+        inviterName: invite.inviterName,
+        managedUsersEnabled,
+      }
+      NotificationsHandler.createNotification(
+        userId,
+        this.key,
+        'notification_group_invitation',
+        messageOpts,
+        null,
+        true,
+        callback
+      )
+    },
+    read(callback) {
+      if (callback == null) {
+        callback = function () {}
+      }
+      NotificationsHandler.markAsReadByKeyOnly(this.key, callback)
+    },
+  }
+}
+
+function personalAndGroupSubscriptions(userId) {
+  return {
+    key: 'personal-and-group-subscriptions',
+    create(callback) {
+      if (callback == null) {
+        callback = function () {}
+      }
+      NotificationsHandler.createNotification(
+        userId,
+        this.key,
+        'notification_personal_and_group_subscriptions',
+        {},
+        null,
+        false,
+        callback
+      )
+    },
+    read(callback) {
+      if (callback == null) {
+        callback = function () {}
+      }
+      NotificationsHandler.markAsReadByKeyOnly(this.key, callback)
+    },
+  }
+}
+
+const NotificationsBuilder = {
+  // Note: notification keys should be url-safe
+  dropboxUnlinkedDueToLapsedReconfirmation,
+  dropboxDuplicateProjectNames,
+  featuresUpgradedByAffiliation,
+  redundantPersonalSubscription,
+  projectInvite,
+  ipMatcherAffiliation,
+  tpdsFileLimit,
+  groupInvitation,
+  personalAndGroupSubscriptions,
+}
+
+NotificationsBuilder.promises = {
+  dropboxUnlinkedDueToLapsedReconfirmation: function (userId) {
+    return promisifyAll(dropboxUnlinkedDueToLapsedReconfirmation(userId))
+  },
+  redundantPersonalSubscription: function (affiliation, user) {
+    return promisifyAll(redundantPersonalSubscription(affiliation, user))
+  },
+  dropboxDuplicateProjectNames(userId) {
+    return promisifyAll(dropboxDuplicateProjectNames(userId))
+  },
+  featuresUpgradedByAffiliation: function (affiliation, user) {
+    return promisifyAll(featuresUpgradedByAffiliation(affiliation, user))
+  },
+  ipMatcherAffiliation: function (userId) {
+    return promisifyAll(ipMatcherAffiliation(userId))
+  },
+  groupInvitation: function (userId, groupId, managedUsersEnabled) {
+    return promisifyAll(groupInvitation(userId, groupId, managedUsersEnabled))
+  },
+  projectInvite(invite, project, sendingUser, user) {
+    return promisifyAll(projectInvite(invite, project, sendingUser, user))
+  },
+  personalAndGroupSubscriptions(userId) {
+    return promisifyAll(personalAndGroupSubscriptions(userId))
+  },
+}
+
+module.exports = NotificationsBuilder
diff --git a/services/web/app/src/Features/Notifications/NotificationsController.mjs b/services/web/app/src/Features/Notifications/NotificationsController.mjs
new file mode 100644
index 0000000..ae1d920
--- /dev/null
+++ b/services/web/app/src/Features/Notifications/NotificationsController.mjs
@@ -0,0 +1,36 @@
+import NotificationsHandler from './NotificationsHandler.js'
+import SessionManager from '../Authentication/SessionManager.js'
+import _ from 'lodash'
+
+export default {
+  getAllUnreadNotifications(req, res, next) {
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    NotificationsHandler.getUserNotifications(
+      userId,
+      function (err, unreadNotifications) {
+        if (err) {
+          return next(err)
+        }
+        unreadNotifications = _.map(
+          unreadNotifications,
+          function (notification) {
+            notification.html = req.i18n.translate(
+              notification.templateKey,
+              notification.messageOpts
+            )
+            return notification
+          }
+        )
+        res.json(unreadNotifications)
+      }
+    )
+  },
+
+  markNotificationAsRead(req, res) {
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    const { notificationId } = req.params
+    NotificationsHandler.markAsRead(userId, notificationId, () =>
+      res.sendStatus(200)
+    )
+  },
+}
diff --git a/services/web/app/src/Features/Notifications/NotificationsHandler.js b/services/web/app/src/Features/Notifications/NotificationsHandler.js
new file mode 100644
index 0000000..4958ad8
--- /dev/null
+++ b/services/web/app/src/Features/Notifications/NotificationsHandler.js
@@ -0,0 +1,142 @@
+const settings = require('@overleaf/settings')
+const request = require('request')
+const logger = require('@overleaf/logger')
+const _ = require('lodash')
+const { promisifyAll } = require('@overleaf/promise-utils')
+
+const notificationsApi = _.get(settings, ['apis', 'notifications', 'url'])
+const oneSecond = 1000
+
+const makeRequest = function (opts, callback) {
+  if (notificationsApi) {
+    request(opts, callback)
+  } else {
+    callback(null, { statusCode: 200 })
+  }
+}
+
+const NotificationsHandler = {
+  getUserNotifications(userId, callback) {
+    const opts = {
+      uri: `${notificationsApi}/user/${userId}`,
+      json: true,
+      timeout: oneSecond,
+      method: 'GET',
+    }
+    makeRequest(opts, function (err, res, unreadNotifications) {
+      const statusCode = res ? res.statusCode : 500
+      if (err || statusCode !== 200) {
+        logger.err(
+          { err, statusCode },
+          'something went wrong getting notifications'
+        )
+        callback(null, [])
+      } else {
+        if (unreadNotifications == null) {
+          unreadNotifications = []
+        }
+        callback(null, unreadNotifications)
+      }
+    })
+  },
+
+  createNotification(
+    userId,
+    key,
+    templateKey,
+    messageOpts,
+    expiryDateTime,
+    forceCreate,
+    callback
+  ) {
+    if (!callback) {
+      callback = forceCreate
+      forceCreate = true
+    }
+    const payload = {
+      key,
+      messageOpts,
+      templateKey,
+      forceCreate,
+    }
+    if (expiryDateTime) {
+      payload.expires = expiryDateTime
+    }
+    const opts = {
+      uri: `${notificationsApi}/user/${userId}`,
+      timeout: oneSecond,
+      method: 'POST',
+      json: payload,
+    }
+    makeRequest(opts, callback)
+  },
+
+  markAsReadWithKey(userId, key, callback) {
+    const opts = {
+      uri: `${notificationsApi}/user/${userId}`,
+      method: 'DELETE',
+      timeout: oneSecond,
+      json: {
+        key,
+      },
+    }
+    makeRequest(opts, callback)
+  },
+
+  markAsRead(userId, notificationId, callback) {
+    const opts = {
+      method: 'DELETE',
+      uri: `${notificationsApi}/user/${userId}/notification/${notificationId}`,
+      timeout: oneSecond,
+    }
+    makeRequest(opts, callback)
+  },
+
+  // removes notification by key, without regard for user_id,
+  // should not be exposed to user via ui/router
+  markAsReadByKeyOnly(key, callback) {
+    const opts = {
+      uri: `${notificationsApi}/key/${key}`,
+      method: 'DELETE',
+      timeout: oneSecond,
+    }
+    makeRequest(opts, callback)
+  },
+
+  previewMarkAsReadByKeyOnlyBulk(key, callback) {
+    const opts = {
+      uri: `${notificationsApi}/key/${key}/count`,
+      method: 'GET',
+      timeout: 10 * oneSecond,
+      json: true,
+    }
+    makeRequest(opts, (err, res, body) => {
+      if (err) return callback(err)
+      if (res.statusCode !== 200) {
+        return callback(
+          new Error('cannot preview bulk delete notification: ' + key)
+        )
+      }
+      callback(null, (body && body.count) || 0)
+    })
+  },
+
+  markAsReadByKeyOnlyBulk(key, callback) {
+    const opts = {
+      uri: `${notificationsApi}/key/${key}/bulk`,
+      method: 'DELETE',
+      timeout: 10 * oneSecond,
+      json: true,
+    }
+    makeRequest(opts, (err, res, body) => {
+      if (err) return callback(err)
+      if (res.statusCode !== 200) {
+        return callback(new Error('cannot bulk delete notification: ' + key))
+      }
+      callback(null, (body && body.count) || 0)
+    })
+  },
+}
+
+NotificationsHandler.promises = promisifyAll(NotificationsHandler)
+module.exports = NotificationsHandler
diff --git a/services/web/app/src/Features/OnboardingDataCollection/OnboardingDataCollectionManager.js b/services/web/app/src/Features/OnboardingDataCollection/OnboardingDataCollectionManager.js
new file mode 100644
index 0000000..fb4fa84
--- /dev/null
+++ b/services/web/app/src/Features/OnboardingDataCollection/OnboardingDataCollectionManager.js
@@ -0,0 +1,77 @@
+const {
+  OnboardingDataCollection,
+  OnboardingDataCollectionSchema,
+} = require('../../models/OnboardingDataCollection')
+const OError = require('@overleaf/o-error')
+
+async function getOnboardingDataCollection(userId, projection = {}) {
+  try {
+    return await OnboardingDataCollection.findOne(
+      { _id: userId },
+      projection
+    ).exec()
+  } catch (error) {
+    throw OError.tag(error, 'Failed to get OnboardingDataCollection')
+  }
+}
+
+async function getOnboardingDataValue(userId, key) {
+  if (!OnboardingDataCollectionSchema.paths[key]) {
+    throw new Error(`${key} is not a valid onboarding data key`)
+  }
+
+  const result = await getOnboardingDataCollection(userId, { [key]: 1 })
+  return result ? result[key] : null
+}
+
+async function upsertOnboardingDataCollection({
+  userId,
+  firstName,
+  lastName,
+  usedLatex,
+  primaryOccupation,
+  companyDivisionDepartment,
+  companyJobTitle,
+  governmentJobTitle,
+  institutionName,
+  otherJobTitle,
+  nonprofitDivisionDepartment,
+  nonprofitJobTitle,
+  role,
+  subjectArea,
+  updatedAt,
+}) {
+  const odc = await OnboardingDataCollection.findOneAndUpdate(
+    { _id: userId },
+    {
+      firstName,
+      lastName,
+      usedLatex,
+      primaryOccupation,
+      companyDivisionDepartment,
+      companyJobTitle,
+      governmentJobTitle,
+      institutionName,
+      otherJobTitle,
+      nonprofitDivisionDepartment,
+      nonprofitJobTitle,
+      role,
+      subjectArea,
+      updatedAt,
+    },
+    { upsert: true }
+  )
+
+  return odc
+}
+
+function deleteOnboardingDataCollection(id) {
+  return OnboardingDataCollection.deleteOne({ _id: id })
+}
+
+module.exports = {
+  getOnboardingDataCollection,
+  upsertOnboardingDataCollection,
+  deleteOnboardingDataCollection,
+  getOnboardingDataValue,
+}
diff --git a/services/web/app/src/Features/PasswordReset/PasswordResetController.mjs b/services/web/app/src/Features/PasswordReset/PasswordResetController.mjs
new file mode 100644
index 0000000..40e3a06
--- /dev/null
+++ b/services/web/app/src/Features/PasswordReset/PasswordResetController.mjs
@@ -0,0 +1,237 @@
+import PasswordResetHandler from './PasswordResetHandler.mjs'
+import AuthenticationController from '../Authentication/AuthenticationController.js'
+import AuthenticationManager from '../Authentication/AuthenticationManager.js'
+import SessionManager from '../Authentication/SessionManager.js'
+import UserGetter from '../User/UserGetter.js'
+import UserUpdater from '../User/UserUpdater.js'
+import UserSessionsManager from '../User/UserSessionsManager.js'
+import OError from '@overleaf/o-error'
+import EmailsHelper from '../Helpers/EmailHelper.js'
+import { expressify } from '@overleaf/promise-utils'
+import SplitTestHandler from '../SplitTests/SplitTestHandler.js'
+
+async function setNewUserPassword(req, res, next) {
+  let user
+  let { passwordResetToken, password, email } = req.body
+  if (!passwordResetToken || !password) {
+    return res.status(400).json({
+      message: {
+        key: 'invalid-password',
+      },
+    })
+  }
+
+  const err = AuthenticationManager.validatePassword(password, email)
+  if (err) {
+    const message = AuthenticationManager.getMessageForInvalidPasswordError(
+      err,
+      req
+    )
+    return res.status(400).json({ message })
+  }
+
+  passwordResetToken = passwordResetToken.trim()
+
+  const initiatorId = SessionManager.getLoggedInUserId(req.session)
+  // password reset via tokens can be done while logged in, or not
+  const auditLog = {
+    initiatorId,
+    ip: req.ip,
+  }
+
+  try {
+    const result = await PasswordResetHandler.promises.setNewUserPassword(
+      passwordResetToken,
+      password,
+      auditLog
+    )
+    const { found, reset, userId, mustReconfirm } = result
+    if (!found) {
+      return res.status(404).json({
+        message: {
+          key: 'token-expired',
+        },
+      })
+    }
+    if (!reset) {
+      return res.status(500).json({
+        message: req.i18n.translate('error_performing_request'),
+      })
+    }
+    await UserSessionsManager.promises.removeSessionsFromRedis({ _id: userId })
+    if (mustReconfirm) {
+      await UserUpdater.promises.removeReconfirmFlag(userId, auditLog)
+    }
+    if (!req.session.doLoginAfterPasswordReset) {
+      return res.sendStatus(200)
+    }
+    user = await UserGetter.promises.getUser(userId)
+  } catch (error) {
+    if (error.name === 'NotFoundError') {
+      return res.status(404).json({
+        message: {
+          key: 'token-expired',
+        },
+      })
+    } else if (error.name === 'InvalidPasswordError') {
+      return res.status(400).json({
+        message: {
+          key: 'invalid-password',
+        },
+      })
+    } else if (error.name === 'PasswordMustBeDifferentError') {
+      return res.status(400).json({
+        message: {
+          key: 'password-must-be-different',
+        },
+      })
+    } else if (error.name === 'PasswordReusedError') {
+      return res.status(400).json({
+        message: {
+          key: 'password-must-be-strong',
+        },
+      })
+    } else {
+      return res.status(500).json({
+        message: req.i18n.translate('error_performing_request'),
+      })
+    }
+  }
+  AuthenticationController.setAuditInfo(req, {
+    method: 'Password reset, set new password',
+  })
+  AuthenticationController.finishLogin(user, req, res, next)
+}
+
+async function requestReset(req, res, next) {
+  const email = EmailsHelper.parseEmail(req.body.email)
+  if (!email) {
+    return res.status(400).json({
+      message: req.i18n.translate('must_be_email_address'),
+    })
+  }
+
+  let status
+  try {
+    status =
+      await PasswordResetHandler.promises.generateAndEmailResetToken(email)
+  } catch (err) {
+    OError.tag(err, 'failed to generate and email password reset token', {
+      email,
+    })
+    if (err.message === 'user does not have permission for change-password') {
+      return res.status(403).json({
+        message: {
+          key: 'no-password-allowed-due-to-sso',
+        },
+      })
+    }
+    throw err
+  }
+
+  if (status === 'primary') {
+    return res.status(200).json({
+      message: req.i18n.translate('password_reset_email_sent'),
+    })
+  } else if (status === 'secondary') {
+    return res.status(404).json({
+      message: req.i18n.translate('secondary_email_password_reset'),
+    })
+  } else {
+    return res.status(404).json({
+      message: req.i18n.translate('cant_find_email'),
+    })
+  }
+}
+
+async function renderSetPasswordForm(req, res, next) {
+  const { variant } = await SplitTestHandler.promises.getAssignment(
+    req,
+    res,
+    'auth-pages-bs5'
+  )
+
+  if (req.query.passwordResetToken != null) {
+    try {
+      const result =
+        await PasswordResetHandler.promises.getUserForPasswordResetToken(
+          req.query.passwordResetToken
+        )
+
+      const { user, remainingPeeks } = result || {}
+      if (!user || remainingPeeks <= 0) {
+        return res.redirect('/user/password/reset?error=token_expired')
+      }
+      req.session.resetToken = req.query.passwordResetToken
+      if (variant === 'enabled') {
+        req.session.setPasswordBS5 = true
+      }
+
+      let emailQuery = ''
+
+      if (typeof req.query.email === 'string') {
+        const email = EmailsHelper.parseEmail(req.query.email)
+        if (email) {
+          emailQuery = `?email=${encodeURIComponent(email)}`
+        }
+      }
+
+      return res.redirect('/user/password/set' + emailQuery)
+    } catch (err) {
+      if (err.name === 'ForbiddenError') {
+        return next(err)
+      }
+      return res.redirect('/user/password/reset?error=token_expired')
+    }
+  }
+
+  if (req.session.resetToken == null) {
+    return res.redirect('/user/password/reset')
+  }
+
+  const email = EmailsHelper.parseEmail(req.query.email)
+
+  // clean up to avoid leaking the token in the session object
+  const passwordResetToken = req.session.resetToken
+  delete req.session.resetToken
+
+  const template = req.session.setPasswordBS5
+    ? 'user/setPassword-bs5'
+    : 'user/setPassword'
+
+  delete req.session.setPasswordBS5
+
+  res.render(template, {
+    title: 'set_password',
+    email,
+    passwordResetToken,
+  })
+}
+
+async function renderRequestResetForm(req, res) {
+  const errorQuery = req.query.error
+  let error = null
+  if (errorQuery === 'token_expired') {
+    error = 'password_reset_token_expired'
+  }
+  const { variant } = await SplitTestHandler.promises.getAssignment(
+    req,
+    res,
+    'auth-pages-bs5'
+  )
+
+  const template =
+    variant === 'enabled' ? 'user/passwordReset-bs5' : 'user/passwordReset'
+
+  res.render(template, {
+    title: 'reset_password',
+    error,
+  })
+}
+
+export default {
+  renderRequestResetForm: expressify(renderRequestResetForm),
+  requestReset: expressify(requestReset),
+  renderSetPasswordForm: expressify(renderSetPasswordForm),
+  setNewUserPassword: expressify(setNewUserPassword),
+}
diff --git a/services/web/app/src/Features/PasswordReset/PasswordResetHandler.mjs b/services/web/app/src/Features/PasswordReset/PasswordResetHandler.mjs
new file mode 100644
index 0000000..094f18b
--- /dev/null
+++ b/services/web/app/src/Features/PasswordReset/PasswordResetHandler.mjs
@@ -0,0 +1,148 @@
+import settings from '@overleaf/settings'
+import UserAuditLogHandler from '../User/UserAuditLogHandler.js'
+import UserGetter from '../User/UserGetter.js'
+import OneTimeTokenHandler from '../Security/OneTimeTokenHandler.js'
+import EmailHandler from '../Email/EmailHandler.js'
+import AuthenticationManager from '../Authentication/AuthenticationManager.js'
+import { callbackify, promisify } from 'node:util'
+import PermissionsManager from '../Authorization/PermissionsManager.js'
+
+const assertUserPermissions = PermissionsManager.promises.assertUserPermissions
+
+const AUDIT_LOG_TOKEN_PREFIX_LENGTH = 10
+
+async function generateAndEmailResetToken(email) {
+  const user = await UserGetter.promises.getUserByAnyEmail(email)
+
+  if (!user) {
+    return null
+  }
+
+  if (user.email !== email) {
+    return 'secondary'
+  }
+
+  await assertUserPermissions(user, ['change-password'])
+
+  const data = { user_id: user._id.toString(), email }
+  const token = await OneTimeTokenHandler.promises.getNewToken('password', data)
+
+  const emailOptions = {
+    to: email,
+    setNewPasswordUrl: `${
+      settings.siteUrl
+    }/user/password/set?passwordResetToken=${token}&email=${encodeURIComponent(
+      email
+    )}`,
+  }
+
+  await EmailHandler.promises.sendEmail('passwordResetRequested', emailOptions)
+
+  return 'primary'
+}
+
+function expirePasswordResetToken(token, callback) {
+  OneTimeTokenHandler.expireToken('password', token, err => {
+    return callback(err)
+  })
+}
+
+async function getUserForPasswordResetToken(token) {
+  let result
+  try {
+    result = await OneTimeTokenHandler.promises.peekValueFromToken(
+      'password',
+      token
+    )
+  } catch (err) {
+    if (err.name === 'NotFoundError') {
+      return
+    } else {
+      throw err
+    }
+  }
+  const { data, remainingPeeks } = result || {}
+
+  if (data == null || data.email == null) {
+    return { user: null, remainingPeeks }
+  }
+
+  const user = await UserGetter.promises.getUserByMainEmail(data.email, {
+    _id: 1,
+    'overleaf.id': 1,
+    email: 1,
+    must_reconfirm: 1,
+  })
+
+  await assertUserPermissions(user, ['change-password'])
+
+  if (user == null) {
+    return { user: null, remainingPeeks: 0 }
+  } else if (data.user_id != null && data.user_id === user._id.toString()) {
+    return { user, remainingPeeks }
+  } else if (
+    data.v1_user_id != null &&
+    user.overleaf != null &&
+    data.v1_user_id === user.overleaf.id
+  ) {
+    return { user, remainingPeeks }
+  } else {
+    return { user: null, remainingPeeks: 0 }
+  }
+}
+
+async function setNewUserPassword(token, password, auditLog) {
+  const result =
+    await PasswordResetHandler.promises.getUserForPasswordResetToken(token)
+  const { user } = result || {}
+
+  if (!user) {
+    return {
+      found: false,
+      reset: false,
+      userId: null,
+    }
+  }
+  await UserAuditLogHandler.promises.addEntry(
+    user._id,
+    'reset-password',
+    auditLog.initiatorId,
+    auditLog.ip,
+    { token: token.substring(0, AUDIT_LOG_TOKEN_PREFIX_LENGTH) }
+  )
+
+  const reset = await AuthenticationManager.promises.setUserPassword(
+    user,
+    password
+  )
+
+  await PasswordResetHandler.promises.expirePasswordResetToken(token)
+
+  return {
+    found: true,
+    reset,
+    userId: user._id,
+    mustReconfirm: user.must_reconfirm,
+  }
+}
+
+const PasswordResetHandler = {
+  generateAndEmailResetToken: callbackify(generateAndEmailResetToken),
+
+  setNewUserPassword: callbackify(setNewUserPassword),
+
+  getUserForPasswordResetToken: callbackify(getUserForPasswordResetToken),
+
+  expirePasswordResetToken,
+}
+
+PasswordResetHandler.promises = {
+  generateAndEmailResetToken,
+  getUserForPasswordResetToken,
+  expirePasswordResetToken: promisify(
+    PasswordResetHandler.expirePasswordResetToken
+  ),
+  setNewUserPassword,
+}
+
+export default PasswordResetHandler
diff --git a/services/web/app/src/Features/PasswordReset/PasswordResetRouter.mjs b/services/web/app/src/Features/PasswordReset/PasswordResetRouter.mjs
new file mode 100644
index 0000000..e750d11
--- /dev/null
+++ b/services/web/app/src/Features/PasswordReset/PasswordResetRouter.mjs
@@ -0,0 +1,77 @@
+import PasswordResetController from './PasswordResetController.mjs'
+import AuthenticationController from '../Authentication/AuthenticationController.js'
+import CaptchaMiddleware from '../../Features/Captcha/CaptchaMiddleware.js'
+import { RateLimiter } from '../../infrastructure/RateLimiter.js'
+import RateLimiterMiddleware from '../Security/RateLimiterMiddleware.js'
+import { Joi, validate } from '../../infrastructure/Validation.js'
+
+const rateLimiter = new RateLimiter('password_reset_rate_limit', {
+  points: 6,
+  duration: 60,
+})
+
+export default {
+  apply(webRouter) {
+    const rateLimit = RateLimiterMiddleware.rateLimit(rateLimiter, {
+      ipOnly: true,
+    })
+
+    webRouter.get(
+      '/user/password/reset',
+      validate({
+        query: { error: Joi.string() },
+      }),
+      PasswordResetController.renderRequestResetForm
+    )
+    webRouter.post(
+      '/user/password/reset',
+      validate({
+        body: Joi.object({
+          email: Joi.string().required(),
+        }),
+      }),
+      rateLimit,
+      CaptchaMiddleware.validateCaptcha('passwordReset'),
+      PasswordResetController.requestReset
+    )
+    AuthenticationController.addEndpointToLoginWhitelist('/user/password/reset')
+
+    webRouter.get(
+      '/user/password/set',
+      validate({
+        query: {
+          email: Joi.string().required(),
+          passwordResetToken: Joi.string(),
+        },
+      }),
+      rateLimit,
+      PasswordResetController.renderSetPasswordForm
+    )
+    webRouter.post(
+      '/user/password/set',
+      validate({
+        body: Joi.object({
+          password: Joi.string().required(),
+          passwordResetToken: Joi.string().required(),
+        }),
+      }),
+      rateLimit,
+      PasswordResetController.setNewUserPassword
+    )
+    AuthenticationController.addEndpointToLoginWhitelist('/user/password/set')
+
+    webRouter.post(
+      '/user/reconfirm',
+      validate({
+        body: Joi.object({
+          email: Joi.string().required(),
+        }),
+      }),
+      rateLimit,
+      CaptchaMiddleware.validateCaptcha('passwordReset'),
+      PasswordResetController.requestReset
+    )
+  },
+
+  rateLimiter,
+}
diff --git a/services/web/app/src/Features/Project/DocLinesComparitor.mjs b/services/web/app/src/Features/Project/DocLinesComparitor.mjs
new file mode 100644
index 0000000..43c8ad1
--- /dev/null
+++ b/services/web/app/src/Features/Project/DocLinesComparitor.mjs
@@ -0,0 +1,13 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+import _ from 'lodash'
+
+export default {
+  areSame(lines1, lines2) {
+    if (!Array.isArray(lines1) || !Array.isArray(lines2)) {
+      return false
+    }
+
+    return _.isEqual(lines1, lines2)
+  },
+}
diff --git a/services/web/app/src/Features/Project/FolderStructureBuilder.js b/services/web/app/src/Features/Project/FolderStructureBuilder.js
new file mode 100644
index 0000000..d091c71
--- /dev/null
+++ b/services/web/app/src/Features/Project/FolderStructureBuilder.js
@@ -0,0 +1,73 @@
+const Path = require('path')
+const OError = require('@overleaf/o-error')
+const { ObjectId } = require('mongodb-legacy')
+
+module.exports = { buildFolderStructure }
+
+function buildFolderStructure(docEntries, fileEntries) {
+  const builder = new FolderStructureBuilder()
+  for (const docEntry of docEntries) {
+    builder.addDocEntry(docEntry)
+  }
+  for (const fileEntry of fileEntries) {
+    builder.addFileEntry(fileEntry)
+  }
+  return builder.rootFolder
+}
+
+class FolderStructureBuilder {
+  constructor() {
+    this.foldersByPath = new Map()
+    this.entityPaths = new Set()
+    this.rootFolder = this.createFolder('rootFolder')
+    this.foldersByPath.set('/', this.rootFolder)
+    this.entityPaths.add('/')
+  }
+
+  addDocEntry(docEntry) {
+    this.recordEntityPath(docEntry.path)
+    const folderPath = Path.dirname(docEntry.path)
+    const folder = this.mkdirp(folderPath)
+    folder.docs.push(docEntry.doc)
+  }
+
+  addFileEntry(fileEntry) {
+    this.recordEntityPath(fileEntry.path)
+    const folderPath = Path.dirname(fileEntry.path)
+    const folder = this.mkdirp(folderPath)
+    folder.fileRefs.push(fileEntry.file)
+  }
+
+  mkdirp(path) {
+    const existingFolder = this.foldersByPath.get(path)
+    if (existingFolder != null) {
+      return existingFolder
+    }
+    // Folder not found, create it.
+    this.recordEntityPath(path)
+    const dirname = Path.dirname(path)
+    const basename = Path.basename(path)
+    const parentFolder = this.mkdirp(dirname)
+    const newFolder = this.createFolder(basename)
+    parentFolder.folders.push(newFolder)
+    this.foldersByPath.set(path, newFolder)
+    return newFolder
+  }
+
+  recordEntityPath(path) {
+    if (this.entityPaths.has(path)) {
+      throw new OError('entity already exists', { path })
+    }
+    this.entityPaths.add(path)
+  }
+
+  createFolder(name) {
+    return {
+      _id: new ObjectId(),
+      name,
+      folders: [],
+      docs: [],
+      fileRefs: [],
+    }
+  }
+}
diff --git a/services/web/app/src/Features/Project/IterablePath.js b/services/web/app/src/Features/Project/IterablePath.js
new file mode 100644
index 0000000..52cf068
--- /dev/null
+++ b/services/web/app/src/Features/Project/IterablePath.js
@@ -0,0 +1,15 @@
+/**
+ * Handles malformed filetrees - when fields such as `folder.docs`,
+ * `folder.folders` or `folder.fileRefs` are missing it returns an
+ * empty array.
+ */
+function iterablePaths(folder, field) {
+  if (!folder) {
+    return []
+  }
+  return folder[field] || []
+}
+
+module.exports = {
+  iterablePaths,
+}
diff --git a/services/web/app/src/Features/Project/ProjectApiController.mjs b/services/web/app/src/Features/Project/ProjectApiController.mjs
new file mode 100644
index 0000000..afdc0f3
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectApiController.mjs
@@ -0,0 +1,30 @@
+/* eslint-disable
+    max-len,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import ProjectDetailsHandler from './ProjectDetailsHandler.js'
+
+import logger from '@overleaf/logger'
+
+export default {
+  getProjectDetails(req, res, next) {
+    const { project_id: projectId } = req.params
+    return ProjectDetailsHandler.getDetails(
+      projectId,
+      function (err, projDetails) {
+        if (err != null) {
+          return next(err)
+        }
+        return res.json(projDetails)
+      }
+    )
+  },
+}
diff --git a/services/web/app/src/Features/Project/ProjectAuditLogHandler.js b/services/web/app/src/Features/Project/ProjectAuditLogHandler.js
new file mode 100644
index 0000000..1c31e1b
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectAuditLogHandler.js
@@ -0,0 +1,57 @@
+const logger = require('@overleaf/logger')
+const { ProjectAuditLogEntry } = require('../../models/ProjectAuditLogEntry')
+const { callbackify } = require('@overleaf/promise-utils')
+
+module.exports = {
+  promises: {
+    addEntry,
+  },
+  addEntry: callbackify(addEntry), // callback version of addEntry
+  addEntryInBackground,
+}
+
+/**
+ * Add an audit log entry
+ *
+ * The entry should include at least the following fields:
+ *
+ * - operation: a string identifying the type of operation
+ * - userId: the user on behalf of whom the operation was performed
+ * - message: a string detailing what happened
+ */
+async function addEntry(
+  projectId,
+  operation,
+  initiatorId,
+  ipAddress,
+  info = {}
+) {
+  const entry = {
+    projectId,
+    operation,
+    initiatorId,
+    ipAddress,
+    info,
+  }
+  await ProjectAuditLogEntry.create(entry)
+}
+
+/**
+ * Add an audit log entry in the background
+ *
+ * This function doesn't return a promise. Instead, it catches any error and logs it.
+ */
+function addEntryInBackground(
+  projectId,
+  operation,
+  initiatorId,
+  ipAddress,
+  info = {}
+) {
+  addEntry(projectId, operation, initiatorId, ipAddress, info).catch(err => {
+    logger.error(
+      { err, projectId, operation, initiatorId, ipAddress, info },
+      'Failed to write audit log'
+    )
+  })
+}
diff --git a/services/web/app/src/Features/Project/ProjectCollabratecDetailsHandler.js b/services/web/app/src/Features/Project/ProjectCollabratecDetailsHandler.js
new file mode 100644
index 0000000..59547e7
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectCollabratecDetailsHandler.js
@@ -0,0 +1,100 @@
+const { ObjectId } = require('mongodb-legacy')
+const { Project } = require('../../models/Project')
+const { callbackifyAll } = require('@overleaf/promise-utils')
+
+const ProjectCollabratecDetailsHandler = {
+  async initializeCollabratecProject(
+    projectId,
+    userId,
+    collabratecDocumentId,
+    collabratecPrivategroupId
+  ) {
+    return await ProjectCollabratecDetailsHandler.setCollabratecUsers(
+      projectId,
+      [
+        {
+          user_id: userId,
+          collabratec_document_id: collabratecDocumentId,
+          collabratec_privategroup_id: collabratecPrivategroupId,
+        },
+      ]
+    )
+  },
+
+  async isLinkedCollabratecUserProject(projectId, userId) {
+    projectId = new ObjectId(projectId)
+    userId = new ObjectId(userId)
+
+    const query = {
+      _id: projectId,
+      collabratecUsers: {
+        $elemMatch: {
+          user_id: userId,
+        },
+      },
+    }
+    const project = await Project.findOne(query, { _id: 1 }).exec()
+    return project != null
+  },
+
+  async linkCollabratecUserProject(projectId, userId, collabratecDocumentId) {
+    projectId = new ObjectId(projectId)
+    userId = new ObjectId(userId)
+
+    const query = {
+      _id: projectId,
+      collabratecUsers: {
+        $not: {
+          $elemMatch: {
+            collabratec_document_id: collabratecDocumentId,
+            user_id: userId,
+          },
+        },
+      },
+    }
+    const update = {
+      $push: {
+        collabratecUsers: {
+          collabratec_document_id: collabratecDocumentId,
+          user_id: userId,
+        },
+      },
+    }
+    return await Project.updateOne(query, update).exec()
+  },
+
+  async setCollabratecUsers(projectId, collabratecUsers) {
+    projectId = new ObjectId(projectId)
+
+    if (!Array.isArray(collabratecUsers)) {
+      throw new Error('collabratec_users must be array')
+    }
+
+    for (const collabratecUser of collabratecUsers) {
+      collabratecUser.user_id = new ObjectId(collabratecUser.user_id)
+    }
+
+    const update = { $set: { collabratecUsers } }
+    return await Project.updateOne({ _id: projectId }, update).exec()
+  },
+
+  async unlinkCollabratecUserProject(projectId, userId) {
+    projectId = new ObjectId(projectId)
+    userId = new ObjectId(userId)
+
+    const query = { _id: projectId }
+    const update = {
+      $pull: {
+        collabratecUsers: {
+          user_id: userId,
+        },
+      },
+    }
+    await Project.updateOne(query, update).exec()
+  },
+}
+
+module.exports = {
+  ...callbackifyAll(ProjectCollabratecDetailsHandler),
+  promises: ProjectCollabratecDetailsHandler,
+}
diff --git a/services/web/app/src/Features/Project/ProjectController.js b/services/web/app/src/Features/Project/ProjectController.js
new file mode 100644
index 0000000..5a01df5
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectController.js
@@ -0,0 +1,1264 @@
+const _ = require('lodash')
+const OError = require('@overleaf/o-error')
+const crypto = require('crypto')
+const { setTimeout } = require('timers/promises')
+const pProps = require('p-props')
+const logger = require('@overleaf/logger')
+const { expressify } = require('@overleaf/promise-utils')
+const { ObjectId } = require('mongodb-legacy')
+const ProjectDeleter = require('./ProjectDeleter')
+const ProjectDuplicator = require('./ProjectDuplicator')
+const ProjectCreationHandler = require('./ProjectCreationHandler')
+const EditorController = require('../Editor/EditorController')
+const ProjectHelper = require('./ProjectHelper')
+const metrics = require('@overleaf/metrics')
+const { User } = require('../../models/User')
+const SubscriptionLocator = require('../Subscription/SubscriptionLocator')
+const LimitationsManager = require('../Subscription/LimitationsManager')
+const FeaturesHelper = require('../Subscription/FeaturesHelper')
+const Settings = require('@overleaf/settings')
+const AuthorizationManager = require('../Authorization/AuthorizationManager')
+const InactiveProjectManager = require('../InactiveData/InactiveProjectManager')
+const ProjectUpdateHandler = require('./ProjectUpdateHandler')
+const ProjectGetter = require('./ProjectGetter')
+const PrivilegeLevels = require('../Authorization/PrivilegeLevels')
+const SessionManager = require('../Authentication/SessionManager')
+const Sources = require('../Authorization/Sources')
+const TokenAccessHandler = require('../TokenAccess/TokenAccessHandler')
+const CollaboratorsGetter = require('../Collaborators/CollaboratorsGetter')
+const ProjectEntityHandler = require('./ProjectEntityHandler')
+const TpdsProjectFlusher = require('../ThirdPartyDataStore/TpdsProjectFlusher')
+const Features = require('../../infrastructure/Features')
+const BrandVariationsHandler = require('../BrandVariations/BrandVariationsHandler')
+const UserController = require('../User/UserController')
+const AnalyticsManager = require('../Analytics/AnalyticsManager')
+const SplitTestHandler = require('../SplitTests/SplitTestHandler')
+const SplitTestSessionHandler = require('../SplitTests/SplitTestSessionHandler')
+const FeaturesUpdater = require('../Subscription/FeaturesUpdater')
+const SpellingHandler = require('../Spelling/SpellingHandler')
+const { hasAdminAccess } = require('../Helpers/AdminAuthorizationHelper')
+const InstitutionsFeatures = require('../Institutions/InstitutionsFeatures')
+const InstitutionsGetter = require('../Institutions/InstitutionsGetter')
+const ProjectAuditLogHandler = require('./ProjectAuditLogHandler')
+const PublicAccessLevels = require('../Authorization/PublicAccessLevels')
+const TagsHandler = require('../Tags/TagsHandler')
+const TutorialHandler = require('../Tutorial/TutorialHandler')
+const OnboardingDataCollectionManager = require('../OnboardingDataCollection/OnboardingDataCollectionManager')
+const UserUpdater = require('../User/UserUpdater')
+const Modules = require('../../infrastructure/Modules')
+const UserGetter = require('../User/UserGetter')
+const {
+  isStandaloneAiAddOnPlanCode,
+} = require('../Subscription/PaymentProviderEntities')
+const SubscriptionController = require('../Subscription/SubscriptionController.js')
+const { formatCurrency } = require('../../util/currency')
+
+/**
+ * @import { GetProjectsRequest, GetProjectsResponse, Project } from "./types"
+ */
+
+const _ProjectController = {
+  _isInPercentageRollout(rolloutName, objectId, percentage) {
+    if (Settings.bypassPercentageRollouts === true) {
+      return true
+    }
+    const data = `${rolloutName}:${objectId.toString()}`
+    const md5hash = crypto.createHash('md5').update(data).digest('hex')
+    const counter = parseInt(md5hash.slice(26, 32), 16)
+    return counter % 100 < percentage
+  },
+
+  async updateProjectSettings(req, res) {
+    const projectId = req.params.Project_id
+
+    if (req.body.compiler != null) {
+      await EditorController.promises.setCompiler(projectId, req.body.compiler)
+    }
+
+    if (req.body.imageName != null) {
+      await EditorController.promises.setImageName(
+        projectId,
+        req.body.imageName
+      )
+    }
+
+    if (req.body.name != null) {
+      await EditorController.promises.renameProject(projectId, req.body.name)
+    }
+
+    if (req.body.spellCheckLanguage != null) {
+      await EditorController.promises.setSpellCheckLanguage(
+        projectId,
+        req.body.spellCheckLanguage
+      )
+    }
+
+    if (req.body.rootDocId != null) {
+      await EditorController.promises.setRootDoc(projectId, req.body.rootDocId)
+    }
+
+    if (req.body.mainBibliographyDocId != null) {
+      await EditorController.promises.setMainBibliographyDoc(
+        projectId,
+        req.body.mainBibliographyDocId
+      )
+    }
+
+    res.sendStatus(204)
+  },
+
+  async updateProjectAdminSettings(req, res) {
+    const projectId = req.params.Project_id
+    const user = SessionManager.getSessionUser(req.session)
+    const publicAccessLevel = req.body.publicAccessLevel
+    const publicAccessLevels = [
+      PublicAccessLevels.READ_ONLY,
+      PublicAccessLevels.READ_AND_WRITE,
+      PublicAccessLevels.PRIVATE,
+      PublicAccessLevels.TOKEN_BASED,
+    ]
+
+    if (
+      req.body.publicAccessLevel != null &&
+      publicAccessLevels.includes(publicAccessLevel)
+    ) {
+      await EditorController.promises.setPublicAccessLevel(
+        projectId,
+        req.body.publicAccessLevel
+      )
+
+      await ProjectAuditLogHandler.promises.addEntry(
+        projectId,
+        'toggle-access-level',
+        user._id,
+        req.ip,
+        { publicAccessLevel: req.body.publicAccessLevel, status: 'OK' }
+      )
+      res.sendStatus(204)
+    } else {
+      res.sendStatus(500)
+    }
+  },
+
+  async deleteProject(req, res) {
+    const projectId = req.params.Project_id
+    const user = SessionManager.getSessionUser(req.session)
+    await ProjectDeleter.promises.deleteProject(projectId, {
+      deleterUser: user,
+      ipAddress: req.ip,
+    })
+
+    res.sendStatus(200)
+  },
+
+  async archiveProject(req, res) {
+    const projectId = req.params.Project_id
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    await ProjectDeleter.promises.archiveProject(projectId, userId)
+    res.sendStatus(200)
+  },
+
+  async unarchiveProject(req, res) {
+    const projectId = req.params.Project_id
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    await ProjectDeleter.promises.unarchiveProject(projectId, userId)
+    res.sendStatus(200)
+  },
+
+  async trashProject(req, res) {
+    const projectId = req.params.project_id
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    await ProjectDeleter.promises.trashProject(projectId, userId)
+    res.sendStatus(200)
+  },
+
+  async untrashProject(req, res) {
+    const projectId = req.params.project_id
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    await ProjectDeleter.promises.untrashProject(projectId, userId)
+    res.sendStatus(200)
+  },
+
+  async expireDeletedProjectsAfterDuration(_req, res) {
+    await ProjectDeleter.promises.expireDeletedProjectsAfterDuration()
+    res.sendStatus(200)
+  },
+
+  async expireDeletedProject(req, res) {
+    const { projectId } = req.params
+    await ProjectDeleter.promises.expireDeletedProject(projectId)
+    res.sendStatus(200)
+  },
+
+  async restoreProject(req, res) {
+    const projectId = req.params.Project_id
+    await ProjectDeleter.promises.restoreProject(projectId)
+    res.sendStatus(200)
+  },
+
+  async cloneProject(req, res, next) {
+    res.setTimeout(5 * 60 * 1000) // allow extra time for the copy to complete
+    metrics.inc('cloned-project')
+    const projectId = req.params.Project_id
+    const { projectName, tags } = req.body
+    logger.debug({ projectId, projectName }, 'cloning project')
+    if (!SessionManager.isUserLoggedIn(req.session)) {
+      return res.json({ redir: '/register' })
+    }
+    const currentUser = SessionManager.getSessionUser(req.session)
+    const { first_name: firstName, last_name: lastName, email } = currentUser
+    try {
+      const project = await ProjectDuplicator.promises.duplicate(
+        currentUser,
+        projectId,
+        projectName,
+        tags
+      )
+      res.json({
+        name: project.name,
+        lastUpdated: project.lastUpdated,
+        project_id: project._id,
+        owner_ref: project.owner_ref,
+        owner: {
+          first_name: firstName,
+          last_name: lastName,
+          email,
+          _id: currentUser._id,
+        },
+      })
+    } catch (err) {
+      OError.tag(err, 'error cloning project', {
+        projectId,
+        userId: currentUser._id,
+      })
+      return next(err)
+    }
+  },
+
+  async newProject(req, res) {
+    const currentUser = SessionManager.getSessionUser(req.session)
+    const {
+      first_name: firstName,
+      last_name: lastName,
+      email,
+      _id: userId,
+    } = currentUser
+    const projectName =
+      req.body.projectName != null ? req.body.projectName.trim() : undefined
+    const { template } = req.body
+
+    const project = await (template === 'example'
+      ? ProjectCreationHandler.promises.createExampleProject(
+          userId,
+          projectName
+        )
+      : ProjectCreationHandler.promises.createBasicProject(userId, projectName))
+
+    res.json({
+      project_id: project._id,
+      owner_ref: project.owner_ref,
+      owner: {
+        first_name: firstName,
+        last_name: lastName,
+        email,
+        _id: userId,
+      },
+    })
+  },
+
+  async renameProject(req, res) {
+    const projectId = req.params.Project_id
+    const newName = req.body.newProjectName
+    await EditorController.promises.renameProject(projectId, newName)
+    res.sendStatus(200)
+  },
+
+  async userProjectsJson(req, res) {
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    let projects = await ProjectGetter.promises.findAllUsersProjects(
+      userId,
+      'name lastUpdated publicAccesLevel archived trashed owner_ref'
+    )
+
+    // _buildProjectList already converts archived/trashed to booleans so isArchivedOrTrashed should not be used here
+    projects = ProjectController._buildProjectList(projects, userId)
+      .filter(p => !(p.archived || p.trashed))
+      .map(p => ({ _id: p.id, name: p.name, accessLevel: p.accessLevel }))
+
+    res.json({ projects })
+  },
+
+  async projectEntitiesJson(req, res) {
+    const projectId = req.params.Project_id
+    const project = await ProjectGetter.promises.getProject(projectId)
+
+    const { docs, files } =
+      ProjectEntityHandler.getAllEntitiesFromProject(project)
+    const entities = docs
+      .concat(files)
+      // Sort by path ascending
+      .sort((a, b) => (a.path > b.path ? 1 : a.path < b.path ? -1 : 0))
+      .map(e => ({
+        path: e.path,
+        type: e.doc != null ? 'doc' : 'file',
+      }))
+    res.json({ project_id: projectId, entities })
+  },
+
+  async loadEditor(req, res, next) {
+    const timer = new metrics.Timer('load-editor')
+    if (!Settings.editorIsOpen) {
+      return res.render('general/closed', { title: 'updating_site' })
+    }
+
+    let anonymous, userId, sessionUser
+    if (SessionManager.isUserLoggedIn(req.session)) {
+      sessionUser = SessionManager.getSessionUser(req.session)
+      userId = SessionManager.getLoggedInUserId(req.session)
+      anonymous = false
+    } else {
+      sessionUser = null
+      anonymous = true
+      userId = null
+    }
+
+    const projectId = req.params.Project_id
+
+    // should not be used in place of split tests query param overrides (?my-split-test-name=my-variant)
+    function shouldDisplayFeature(name, variantFlag) {
+      if (req.query && req.query[name]) {
+        return req.query[name] === 'true'
+      } else {
+        return variantFlag === true
+      }
+    }
+
+    const splitTests = [
+      'compile-log-events',
+      'external-socket-heartbeat',
+      'full-project-search',
+      'null-test-share-modal',
+      'fall-back-to-clsi-cache',
+      'initial-compile-from-clsi-cache',
+      'pdf-caching-cached-url-lookup',
+      'pdf-caching-mode',
+      'pdf-caching-prefetch-large',
+      'pdf-caching-prefetching',
+      'revert-file',
+      'revert-project',
+      !anonymous && 'ro-mirror-on-client',
+      'track-pdf-download',
+      !anonymous && 'writefull-oauth-promotion',
+      'hotjar',
+      'reviewer-role',
+      'editor-redesign',
+      'paywall-change-compile-timeout',
+      'overleaf-assist-bundle',
+      'wf-feature-rebrand',
+    ].filter(Boolean)
+
+    const getUserValues = async userId =>
+      pProps(
+        _.mapValues({
+          user: (async () => {
+            const user = await User.findById(
+              userId,
+              'email first_name last_name referal_id signUpDate featureSwitches features featuresEpoch refProviders alphaProgram betaProgram isAdmin ace labsProgram labsExperiments completedTutorials writefull aiErrorAssistant'
+            ).exec()
+            // Handle case of deleted user
+            if (!user) {
+              UserController.logout(req, res, next)
+              return
+            }
+            logger.debug({ projectId, userId }, 'got user')
+            return FeaturesUpdater.featuresEpochIsCurrent(user)
+              ? user
+              : await ProjectController._refreshFeatures(req, user)
+          })(),
+          learnedWords: SpellingHandler.promises.getUserDictionary(userId),
+          projectTags: TagsHandler.promises.getTagsForProject(
+            userId,
+            projectId
+          ),
+          userHasInstitutionLicence: InstitutionsFeatures.promises
+            .hasLicence(userId)
+            .catch(err => {
+              logger.error({ err, userId }, 'failed to get institution licence')
+              return false
+            }),
+          affiliations: InstitutionsGetter.promises
+            .getCurrentAffiliations(userId)
+            .catch(err => {
+              logger.error({ err, userId }, 'failed to get institution licence')
+              return false
+            }),
+          subscription:
+            SubscriptionLocator.promises.getUsersSubscription(userId),
+          isTokenMember: CollaboratorsGetter.promises.userIsTokenMember(
+            userId,
+            projectId
+          ),
+          isInvitedMember:
+            CollaboratorsGetter.promises.isUserInvitedMemberOfProject(
+              userId,
+              projectId
+            ),
+          odcRole: OnboardingDataCollectionManager.getOnboardingDataValue(
+            userId,
+            'role'
+          ).catch(err => {
+            logger.error({ err, userId })
+            return null
+          }),
+        })
+      )
+    const splitTestAssignments = {}
+
+    try {
+      const responses = await pProps({
+        userValues: userId ? getUserValues(userId) : defaultUserValues(),
+        splitTestAssignments: Promise.all(
+          splitTests.map(async splitTest => {
+            splitTestAssignments[splitTest] =
+              await SplitTestHandler.promises.getAssignment(req, res, splitTest)
+          })
+        ),
+        project: ProjectGetter.promises.getProject(projectId, {
+          name: 1,
+          lastUpdated: 1,
+          track_changes: 1,
+          owner_ref: 1,
+          brandVariationId: 1,
+          overleaf: 1,
+          tokens: 1,
+          tokenAccessReadAndWrite_refs: 1, // used for link sharing analytics
+          collaberator_refs: 1, // used for link sharing analytics
+          pendingEditor_refs: 1, // used for link sharing analytics
+          reviewer_refs: 1,
+        }),
+        userIsMemberOfGroupSubscription: sessionUser
+          ? (async () =>
+              (
+                await LimitationsManager.promises.userIsMemberOfGroupSubscription(
+                  sessionUser
+                )
+              ).isMember)()
+          : false,
+        _flushToTpds:
+          TpdsProjectFlusher.promises.flushProjectToTpdsIfNeeded(projectId),
+        _activate:
+          InactiveProjectManager.promises.reactivateProjectIfRequired(
+            projectId
+          ),
+      })
+
+      const { project, userValues, userIsMemberOfGroupSubscription } = responses
+
+      const {
+        user,
+        learnedWords,
+        projectTags,
+        userHasInstitutionLicence,
+        subscription,
+        isTokenMember,
+        isInvitedMember,
+        odcRole,
+      } = userValues
+
+      const brandVariation = project?.brandVariationId
+        ? await BrandVariationsHandler.promises.getBrandVariationById(
+            project.brandVariationId
+          )
+        : undefined
+
+      const anonRequestToken = TokenAccessHandler.getRequestToken(
+        req,
+        projectId
+      )
+      const allowedImageNames = ProjectHelper.getAllowedImagesForUser(user)
+
+      const privilegeLevel =
+        await AuthorizationManager.promises.getPrivilegeLevelForProject(
+          userId,
+          projectId,
+          anonRequestToken
+        )
+
+      const reviewerRoleAssignment =
+        await SplitTestHandler.promises.getAssignmentForUser(
+          project.owner_ref,
+          'reviewer-role'
+        )
+
+      await Modules.promises.hooks.fire('enforceCollaboratorLimit', projectId)
+      if (isTokenMember) {
+        // Check explicitly that the user is in read write token refs, while this could be inferred
+        // from the privilege level, the privilege level of token members might later be restricted
+        const isReadWriteTokenMember =
+          await CollaboratorsGetter.promises.userIsReadWriteTokenMember(
+            userId,
+            projectId
+          )
+        if (isReadWriteTokenMember) {
+          // Check for an edge case where a user is both in read write token access refs but also
+          // an invited read write member. Ensure they are not redirected to the sharing updates page
+          // We could also delete the token access ref if the user is already a member of the project
+          const isInvitedReadWriteMember =
+            await CollaboratorsGetter.promises.isUserInvitedReadWriteMemberOfProject(
+              userId,
+              projectId
+            )
+          if (!isInvitedReadWriteMember) {
+            return res.redirect(`/project/${projectId}/sharing-updates`)
+          }
+        }
+      }
+
+      if (privilegeLevel == null || privilegeLevel === PrivilegeLevels.NONE) {
+        return res.sendStatus(401)
+      }
+
+      const allowedFreeTrial =
+        subscription == null ||
+        isStandaloneAiAddOnPlanCode(subscription.planCode)
+
+      let wsUrl = Settings.wsUrl
+      let metricName = 'load-editor-ws'
+      if (user.betaProgram && Settings.wsUrlBeta !== undefined) {
+        wsUrl = Settings.wsUrlBeta
+        metricName += '-beta'
+      } else if (
+        Settings.wsUrlV2 &&
+        Settings.wsUrlV2Percentage > 0 &&
+        (new ObjectId(projectId).getTimestamp() / 1000) % 100 <
+          Settings.wsUrlV2Percentage
+      ) {
+        wsUrl = Settings.wsUrlV2
+        metricName += '-v2'
+      }
+      if (req.query && req.query.ws === 'fallback') {
+        // `?ws=fallback` will connect to the bare origin, and ignore
+        //   the custom wsUrl. Hence it must load the client side
+        //   javascript from there too.
+        // Not resetting it here would possibly load a socket.io v2
+        //  client and connect to a v0 endpoint.
+        wsUrl = undefined
+        metricName += '-fallback'
+      }
+      metrics.inc(metricName)
+
+      // don't need to wait for these to complete
+      ProjectUpdateHandler.promises
+        .markAsOpened(projectId)
+        .catch(err =>
+          logger.error({ err, projectId }, 'failed to mark project as opened')
+        )
+      SplitTestSessionHandler.promises
+        .sessionMaintenance(req, userId ? user : null)
+        .catch(err =>
+          logger.error({ err }, 'failed to update split test info in session')
+        )
+      if (userId) {
+        const ownerFeatures = await UserGetter.promises.getUserFeatures(
+          project.owner_ref
+        )
+        const planLimit = ownerFeatures?.collaborators || 0
+        const namedEditors = project.collaberator_refs?.length || 0
+        const pendingEditors = project.pendingEditor_refs?.length || 0
+        const exceedAtLimit = planLimit > -1 && namedEditors >= planLimit
+
+        let mode = 'edit'
+        if (privilegeLevel === PrivilegeLevels.READ_ONLY) {
+          mode = 'view'
+        } else if (
+          project.track_changes === true ||
+          project.track_changes?.[userId] === true
+        ) {
+          mode = 'review'
+        }
+
+        const projectOpenedSegmentation = {
+          role: privilegeLevel,
+          mode,
+          ownerId: project.owner_ref,
+          projectId: project._id,
+          namedEditors,
+          pendingEditors,
+          tokenEditors: project.tokenAccessReadAndWrite_refs?.length || 0,
+          planLimit,
+          exceedAtLimit,
+        }
+        AnalyticsManager.recordEventForUserInBackground(
+          userId,
+          'project-opened',
+          projectOpenedSegmentation
+        )
+        User.updateOne(
+          { _id: new ObjectId(userId) },
+          { $set: { lastActive: new Date() } }
+        )
+          .exec()
+          .catch(err =>
+            logger.error(
+              { err, userId },
+              'failed to update lastActive for user'
+            )
+          )
+      }
+
+      const isAdminOrTemplateOwner =
+        hasAdminAccess(user) || Settings.templates?.user_id === userId
+      const showTemplatesServerPro =
+        Features.hasFeature('templates-server-pro') && isAdminOrTemplateOwner
+
+      const debugPdfDetach = shouldDisplayFeature('debug_pdf_detach')
+
+      const detachRole = req.params.detachRole
+
+      const showSymbolPalette =
+        !Features.hasFeature('saas') ||
+        (user.features && user.features.symbolPalette)
+
+      const userInNonIndividualSub =
+        userIsMemberOfGroupSubscription || userHasInstitutionLicence
+
+      const userHasPremiumSub =
+        subscription && !isStandaloneAiAddOnPlanCode(subscription.planCode)
+
+      // Persistent upgrade prompts
+      // in header & in share project modal
+      const showUpgradePrompt =
+        Features.hasFeature('saas') &&
+        userId &&
+        !userHasPremiumSub &&
+        !userInNonIndividualSub
+
+      let aiFeaturesAllowed = false
+      if (userId && Features.hasFeature('saas')) {
+        try {
+          // exit early if the user couldnt use ai anyways, since permissions checks are expensive
+          const canUserWriteOrReviewProjectContent =
+            privilegeLevel === PrivilegeLevels.READ_AND_WRITE ||
+            privilegeLevel === PrivilegeLevels.OWNER ||
+            privilegeLevel === PrivilegeLevels.REVIEW
+
+          if (canUserWriteOrReviewProjectContent) {
+            // check permissions for user and project owner, to see if they allow AI on the project
+            const permissionsResults = await Modules.promises.hooks.fire(
+              'projectAllowsCapability',
+              project,
+              userId,
+              ['use-ai']
+            )
+            const aiAllowed = permissionsResults.every(
+              result => result === true
+            )
+
+            aiFeaturesAllowed = aiAllowed
+          }
+        } catch (err) {
+          // still allow users to access project if we cant get their permissions, but disable AI feature
+          aiFeaturesAllowed = false
+        }
+      }
+
+      const hasNonRecurlySubscription =
+        subscription && !subscription.recurlySubscription_id
+      const hasManuallyCollectedSubscription =
+        subscription?.collectionMethod === 'manual'
+      const canPurchaseAddons = !(
+        hasNonRecurlySubscription || hasManuallyCollectedSubscription
+      )
+      const assistantDisabled = user.aiErrorAssistant?.enabled === false // the assistant has been manually disabled by the user
+      const canUseErrorAssistant =
+        (user.features?.aiErrorAssistant || canPurchaseAddons) &&
+        !assistantDisabled
+
+      let featureUsage = {}
+
+      if (Features.hasFeature('saas')) {
+        const usagesLeft = await Modules.promises.hooks.fire(
+          'remainingFeatureAllocation',
+          userId
+        )
+        usagesLeft?.forEach(usage => {
+          featureUsage = { ...featureUsage, ...usage }
+        })
+      }
+
+      let inEnterpriseCommons = false
+      const affiliations = userValues.affiliations || []
+      for (const affiliation of affiliations) {
+        inEnterpriseCommons =
+          inEnterpriseCommons || affiliation.institution?.enterpriseCommons
+      }
+
+      // check if a user has never tried writefull before (writefull.enabled will be null)
+      //  if they previously accepted writefull, or are have been already assigned to a trial, user.writefull will be true,
+      //  if they explicitly disabled it, user.writefull will be false
+      if (
+        aiFeaturesAllowed &&
+        user.writefull?.enabled === null &&
+        !userIsMemberOfGroupSubscription &&
+        !inEnterpriseCommons
+      ) {
+        const { variant } = await SplitTestHandler.promises.getAssignment(
+          req,
+          res,
+          'writefull-auto-account-creation'
+        )
+
+        if (variant === 'enabled') {
+          await UserUpdater.promises.updateUser(userId, {
+            $set: {
+              writefull: { enabled: true, autoCreatedAccount: true },
+            },
+          })
+          user.writefull.enabled = true
+          user.writefull.autoCreatedAccount = true
+        } else {
+          const { variant } = await SplitTestHandler.promises.getAssignment(
+            req,
+            res,
+            'writefull-auto-load'
+          )
+          if (variant === 'enabled') {
+            await UserUpdater.promises.updateUser(userId, {
+              $set: {
+                writefull: { enabled: true },
+              },
+            })
+            user.writefull.enabled = true
+            user.writefull.firstAutoLoad = true
+          }
+        }
+      }
+
+      const template =
+        detachRole === 'detached'
+          ? 'project/ide-react-detached'
+          : 'project/ide-react'
+
+      let chatEnabled
+      if (Features.hasFeature('saas')) {
+        chatEnabled =
+          Features.hasFeature('chat') && req.capabilitySet.has('chat')
+      } else {
+        chatEnabled = Features.hasFeature('chat')
+      }
+
+      const isOverleafAssistBundleEnabled =
+        splitTestAssignments['overleaf-assist-bundle']?.variant === 'enabled'
+
+      let fullFeatureSet = user?.features
+      if (!anonymous) {
+        // generate users feature set including features added, or overriden via modules
+        const moduleFeatures =
+          (await Modules.promises.hooks.fire(
+            'getModuleProvidedFeatures',
+            userId
+          )) || []
+        fullFeatureSet = FeaturesHelper.computeFeatureSet([
+          user.features,
+          ...moduleFeatures,
+        ])
+      }
+
+      const isPaywallChangeCompileTimeoutEnabled =
+        splitTestAssignments['paywall-change-compile-timeout']?.variant ===
+        'enabled'
+
+      const paywallPlans =
+        isPaywallChangeCompileTimeoutEnabled &&
+        (await ProjectController._getPaywallPlansPrices(req, res))
+
+      const customerIoEnabled =
+        await SplitTestHandler.promises.hasUserBeenAssignedToVariant(
+          req,
+          userId,
+          'customer-io-trial-conversion',
+          'enabled',
+          true
+        )
+
+      const addonPrices =
+        isOverleafAssistBundleEnabled &&
+        (await ProjectController._getAddonPrices(req, res))
+
+      let planCode = subscription?.planCode
+      if (!planCode && !userInNonIndividualSub) {
+        planCode = 'personal'
+      }
+
+      const planDetails = Settings.plans.find(p => p.planCode === planCode)
+
+      res.render(template, {
+        title: project.name,
+        priority_title: true,
+        bodyClasses: ['editor'],
+        project_id: project._id,
+        projectName: project.name,
+        user: {
+          id: userId,
+          email: user.email,
+          first_name: user.first_name,
+          last_name: user.last_name,
+          referal_id: user.referal_id,
+          signUpDate: user.signUpDate,
+          allowedFreeTrial,
+          hasRecurlySubscription: subscription?.recurlySubscription_id != null,
+          featureSwitches: user.featureSwitches,
+          features: fullFeatureSet,
+          featureUsage,
+          refProviders: _.mapValues(user.refProviders, Boolean),
+          writefull: {
+            enabled: Boolean(user.writefull?.enabled && aiFeaturesAllowed),
+            autoCreatedAccount: Boolean(user.writefull?.autoCreatedAccount),
+            firstAutoLoad: Boolean(user.writefull?.firstAutoLoad),
+          },
+          alphaProgram: user.alphaProgram,
+          betaProgram: user.betaProgram,
+          labsProgram: user.labsProgram,
+          inactiveTutorials: TutorialHandler.getInactiveTutorials(user),
+          isAdmin: hasAdminAccess(user),
+          planCode,
+          planName: planDetails?.name,
+          isAnnualPlan: planCode && planDetails?.annual,
+          isMemberOfGroupSubscription: userIsMemberOfGroupSubscription,
+          hasInstitutionLicence: userHasInstitutionLicence,
+        },
+        userSettings: {
+          mode: user.ace.mode,
+          editorTheme: user.ace.theme,
+          fontSize: user.ace.fontSize,
+          autoComplete: user.ace.autoComplete,
+          autoPairDelimiters: user.ace.autoPairDelimiters,
+          pdfViewer: user.ace.pdfViewer,
+          syntaxValidation: user.ace.syntaxValidation,
+          fontFamily: user.ace.fontFamily || 'lucida',
+          lineHeight: user.ace.lineHeight || 'normal',
+          overallTheme: user.ace.overallTheme,
+          mathPreview: user.ace.mathPreview,
+          referencesSearchMode: user.ace.referencesSearchMode,
+          enableNewEditor: user.ace.enableNewEditor ?? true,
+        },
+        labsExperiments: user.labsExperiments ?? [],
+        privilegeLevel,
+        anonymous,
+        isTokenMember,
+        isRestrictedTokenMember: AuthorizationManager.isRestrictedUser(
+          userId,
+          privilegeLevel,
+          isTokenMember,
+          isInvitedMember
+        ),
+        chatEnabled,
+        projectHistoryBlobsEnabled: Features.hasFeature(
+          'project-history-blobs'
+        ),
+        roMirrorOnClientNoLocalStorage:
+          Settings.adminOnlyLogin || project.name.startsWith('Debug: '),
+        languages: Settings.languages,
+        learnedWords,
+        editorThemes: THEME_LIST,
+        legacyEditorThemes: LEGACY_THEME_LIST,
+        maxDocLength: Settings.max_doc_length,
+        maxReconnectGracefullyIntervalMs:
+          Settings.maxReconnectGracefullyIntervalMs,
+        brandVariation,
+        allowedImageNames,
+        gitBridgePublicBaseUrl: Settings.gitBridgePublicBaseUrl,
+        gitBridgeEnabled: Features.hasFeature('git-bridge'),
+        wsUrl,
+        showSupport: Features.hasFeature('support'),
+        showTemplatesServerPro,
+        debugPdfDetach,
+        showSymbolPalette,
+        symbolPaletteAvailable: Features.hasFeature('symbol-palette'),
+        userRestrictions: Array.from(req.userRestrictions || []),
+        showAiErrorAssistant: aiFeaturesAllowed && canUseErrorAssistant,
+        detachRole,
+        metadata: { viewport: false },
+        showUpgradePrompt,
+        fixedSizeDocument: true,
+        hasTrackChangesFeature: Features.hasFeature('track-changes'),
+        projectTags,
+        odcRole:
+          // only use the ODC role value if the split test is enabled
+          splitTestAssignments['paywall-change-compile-timeout']?.variant ===
+          'enabled'
+            ? odcRole
+            : null,
+        isSaas: Features.hasFeature('saas'),
+        shouldLoadHotjar: splitTestAssignments.hotjar?.variant === 'enabled',
+        isReviewerRoleEnabled:
+          reviewerRoleAssignment?.variant === 'enabled' ||
+          Object.keys(project.reviewer_refs || {}).length > 0,
+        isPaywallChangeCompileTimeoutEnabled,
+        isOverleafAssistBundleEnabled,
+        paywallPlans,
+        customerIoEnabled,
+        addonPrices,
+      })
+      timer.done()
+    } catch (err) {
+      OError.tag(err, 'error getting details for project page')
+      return next(err)
+    }
+  },
+
+  async _getPaywallPlansPrices(
+    req,
+    res,
+    paywallPlans = ['collaborator', 'student']
+  ) {
+    const plansData = {}
+
+    const locale = req.i18n.language
+    const { currency } = await SubscriptionController.getRecommendedCurrency(
+      req,
+      res
+    )
+
+    paywallPlans.forEach(plan => {
+      const planPrice = Settings.localizedPlanPricing[currency][plan].monthly
+      const formattedPlanPrice = formatCurrency(
+        planPrice,
+        currency,
+        locale,
+        true
+      )
+      plansData[plan] = formattedPlanPrice
+    })
+    return plansData
+  },
+
+  async _getAddonPrices(req, res, addonPlans = ['assistBundle']) {
+    const plansData = {}
+
+    const locale = req.i18n.language
+    const { currency } = await SubscriptionController.getRecommendedCurrency(
+      req,
+      res
+    )
+
+    addonPlans.forEach(plan => {
+      const annualPrice = Settings.localizedAddOnsPricing[currency][plan].annual
+      const monthlyPrice =
+        Settings.localizedAddOnsPricing[currency][plan].monthly
+
+      plansData[plan] = {
+        annual: formatCurrency(annualPrice, currency, locale, true),
+        monthly: formatCurrency(monthlyPrice, currency, locale, true),
+      }
+    })
+    return plansData
+  },
+
+  async _refreshFeatures(req, user) {
+    // If the feature refresh has failed in this session, don't retry
+    // it - require the user to log in again.
+    if (req.session.feature_refresh_failed) {
+      metrics.inc('features-refresh', 1, {
+        path: 'load-editor',
+        status: 'skipped',
+      })
+      return user
+    }
+    // If the refresh takes too long then return the current
+    // features. Note that the user.features property may still be
+    // updated in the background after the promise is resolved.
+    const abortController = new AbortController()
+    const refreshTimeoutHandler = async () => {
+      await setTimeout(5000, { signal: abortController.signal })
+      req.session.feature_refresh_failed = {
+        reason: 'timeout',
+        at: new Date(),
+      }
+      metrics.inc('features-refresh', 1, {
+        path: 'load-editor',
+        status: 'timeout',
+      })
+      return user
+    }
+
+    // try to refresh user features now
+    const timer = new metrics.Timer('features-refresh-on-load-editor')
+
+    return Promise.race([
+      refreshTimeoutHandler(),
+      (async () => {
+        try {
+          user.features = await FeaturesUpdater.promises.refreshFeatures(
+            user._id,
+            'load-editor'
+          )
+          metrics.inc('features-refresh', 1, {
+            path: 'load-editor',
+            status: 'success',
+          })
+        } catch (err) {
+          // keep a record to prevent unneceary retries and leave
+          // the original features unmodified if the refresh failed
+          req.session.feature_refresh_failed = {
+            reason: 'error',
+            at: new Date(),
+          }
+          metrics.inc('features-refresh', 1, {
+            path: 'load-editor',
+            status: 'error',
+          })
+        }
+        abortController.abort()
+        timer.done()
+        return user
+      })(),
+    ])
+  },
+  _buildProjectList(allProjects, userId) {
+    let project
+    const {
+      owned,
+      review,
+      readAndWrite,
+      readOnly,
+      tokenReadAndWrite,
+      tokenReadOnly,
+    } = allProjects
+    const projects = []
+    for (project of owned) {
+      projects.push(
+        ProjectController._buildProjectViewModel(
+          project,
+          'owner',
+          Sources.OWNER,
+          userId
+        )
+      )
+    }
+    // Invite-access
+    for (project of readAndWrite) {
+      projects.push(
+        ProjectController._buildProjectViewModel(
+          project,
+          'readWrite',
+          Sources.INVITE,
+          userId
+        )
+      )
+    }
+    for (project of review) {
+      projects.push(
+        ProjectController._buildProjectViewModel(
+          project,
+          'review',
+          Sources.INVITE,
+          userId
+        )
+      )
+    }
+    for (project of readOnly) {
+      projects.push(
+        ProjectController._buildProjectViewModel(
+          project,
+          'readOnly',
+          Sources.INVITE,
+          userId
+        )
+      )
+    }
+    // Token-access
+    //   Only add these projects if they're not already present, this gives us cascading access
+    //   from 'owner' => 'token-read-only'
+    for (project of tokenReadAndWrite) {
+      if (
+        projects.filter(p => p.id.toString() === project._id.toString())
+          .length === 0
+      ) {
+        projects.push(
+          ProjectController._buildProjectViewModel(
+            project,
+            'readAndWrite',
+            Sources.TOKEN,
+            userId
+          )
+        )
+      }
+    }
+    for (project of tokenReadOnly) {
+      if (
+        projects.filter(p => p.id.toString() === project._id.toString())
+          .length === 0
+      ) {
+        projects.push(
+          ProjectController._buildProjectViewModel(
+            project,
+            'readOnly',
+            Sources.TOKEN,
+            userId
+          )
+        )
+      }
+    }
+
+    return projects
+  },
+  _buildProjectViewModel(project, accessLevel, source, userId) {
+    const archived = ProjectHelper.isArchived(project, userId)
+    // If a project is simultaneously trashed and archived, we will consider it archived but not trashed.
+    const trashed = ProjectHelper.isTrashed(project, userId) && !archived
+
+    const model = {
+      id: project._id,
+      name: project.name,
+      lastUpdated: project.lastUpdated,
+      lastUpdatedBy: project.lastUpdatedBy,
+      publicAccessLevel: project.publicAccesLevel,
+      accessLevel,
+      source,
+      archived,
+      trashed,
+      owner_ref: project.owner_ref,
+      isV1Project: false,
+    }
+    if (accessLevel === PrivilegeLevels.READ_ONLY && source === Sources.TOKEN) {
+      model.owner_ref = null
+      model.lastUpdatedBy = null
+    }
+    return model
+  },
+  _buildPortalTemplatesList(affiliations) {
+    if (affiliations == null) {
+      affiliations = []
+    }
+    const portalTemplates = []
+    for (const aff of affiliations) {
+      if (
+        aff.portal &&
+        aff.portal.slug &&
+        aff.portal.templates_count &&
+        aff.portal.templates_count > 0
+      ) {
+        const portalPath = aff.institution.isUniversity ? '/edu/' : '/org/'
+        portalTemplates.push({
+          name: aff.institution.name,
+          url: Settings.siteUrl + portalPath + aff.portal.slug,
+        })
+      }
+    }
+    return portalTemplates
+  },
+}
+
+const defaultSettingsForAnonymousUser = userId => ({
+  id: userId,
+  ace: {
+    mode: 'none',
+    theme: 'textmate',
+    fontSize: '12',
+    autoComplete: true,
+    spellCheckLanguage: '',
+    pdfViewer: '',
+    syntaxValidation: true,
+  },
+  subscription: {
+    freeTrial: {
+      allowed: true,
+    },
+  },
+  featureSwitches: {
+    github: false,
+  },
+  alphaProgram: false,
+  betaProgram: false,
+  writefull: {
+    enabled: false,
+  },
+})
+
+const defaultUserValues = () => ({
+  user: defaultSettingsForAnonymousUser(null),
+  learnedWords: [],
+  projectTags: [],
+  userHasInstitutionLicence: false,
+  subscription: undefined,
+  isTokenMember: false,
+  isInvitedMember: false,
+})
+
+const THEME_LIST = [
+  'cobalt',
+  'dracula',
+  'eclipse',
+  'monokai',
+  'overleaf',
+  'textmate',
+]
+
+const LEGACY_THEME_LIST = [
+  'ambiance',
+  'chaos',
+  'chrome',
+  'clouds',
+  'clouds_midnight',
+  'crimson_editor',
+  'dawn',
+  'dreamweaver',
+  'github',
+  'gob',
+  'gruvbox',
+  'idle_fingers',
+  'iplastic',
+  'katzenmilch',
+  'kr_theme',
+  'kuroir',
+  'merbivore',
+  'merbivore_soft',
+  'mono_industrial',
+  'nord_dark',
+  'pastel_on_dark',
+  'solarized_dark',
+  'solarized_light',
+  'sqlserver',
+  'terminal',
+  'tomorrow',
+  'tomorrow_night',
+  'tomorrow_night_blue',
+  'tomorrow_night_bright',
+  'tomorrow_night_eighties',
+  'twilight',
+  'vibrant_ink',
+  'xcode',
+]
+
+const ProjectController = {
+  archiveProject: expressify(_ProjectController.archiveProject),
+  cloneProject: expressify(_ProjectController.cloneProject),
+  deleteProject: expressify(_ProjectController.deleteProject),
+  expireDeletedProject: expressify(_ProjectController.expireDeletedProject),
+  expireDeletedProjectsAfterDuration: expressify(
+    _ProjectController.expireDeletedProjectsAfterDuration
+  ),
+  loadEditor: expressify(_ProjectController.loadEditor),
+  newProject: expressify(_ProjectController.newProject),
+  projectEntitiesJson: expressify(_ProjectController.projectEntitiesJson),
+  renameProject: expressify(_ProjectController.renameProject),
+  restoreProject: expressify(_ProjectController.restoreProject),
+  trashProject: expressify(_ProjectController.trashProject),
+  unarchiveProject: expressify(_ProjectController.unarchiveProject),
+  untrashProject: expressify(_ProjectController.untrashProject),
+  updateProjectAdminSettings: expressify(
+    _ProjectController.updateProjectAdminSettings
+  ),
+  updateProjectSettings: expressify(_ProjectController.updateProjectSettings),
+  userProjectsJson: expressify(_ProjectController.userProjectsJson),
+  _buildProjectList: _ProjectController._buildProjectList,
+  _buildProjectViewModel: _ProjectController._buildProjectViewModel,
+  _injectProjectUsers: _ProjectController._injectProjectUsers,
+  _isInPercentageRollout: _ProjectController._isInPercentageRollout,
+  _refreshFeatures: _ProjectController._refreshFeatures,
+  _getPaywallPlansPrices: _ProjectController._getPaywallPlansPrices,
+  _getAddonPrices: _ProjectController._getAddonPrices,
+}
+
+module.exports = ProjectController
diff --git a/services/web/app/src/Features/Project/ProjectCreationHandler.js b/services/web/app/src/Features/Project/ProjectCreationHandler.js
new file mode 100644
index 0000000..3829caa
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectCreationHandler.js
@@ -0,0 +1,255 @@
+const OError = require('@overleaf/o-error')
+const metrics = require('@overleaf/metrics')
+const Settings = require('@overleaf/settings')
+const { ObjectId } = require('mongodb-legacy')
+const Features = require('../../infrastructure/Features')
+const { Project } = require('../../models/Project')
+const { Folder } = require('../../models/Folder')
+const ProjectEntityUpdateHandler = require('./ProjectEntityUpdateHandler')
+const ProjectDetailsHandler = require('./ProjectDetailsHandler')
+const HistoryManager = require('../History/HistoryManager')
+const { User } = require('../../models/User')
+const fs = require('fs')
+const path = require('path')
+const { callbackify } = require('util')
+const _ = require('lodash')
+const AnalyticsManager = require('../Analytics/AnalyticsManager')
+const TpdsUpdateSender = require('../ThirdPartyDataStore/TpdsUpdateSender')
+const SplitTestHandler = require('../SplitTests/SplitTestHandler')
+
+const MONTH_NAMES = [
+  'January',
+  'February',
+  'March',
+  'April',
+  'May',
+  'June',
+  'July',
+  'August',
+  'September',
+  'October',
+  'November',
+  'December',
+]
+
+const templateProjectDir = Features.hasFeature('saas')
+  ? 'example-project'
+  : 'example-project-sp'
+
+async function createBlankProject(
+  ownerId,
+  projectName,
+  attributes = {},
+  options
+) {
+  const isImport = attributes && attributes.overleaf
+  const project = await _createBlankProject(
+    ownerId,
+    projectName,
+    attributes,
+    options
+  )
+  const segmentation = _.pick(attributes, [
+    'fromV1TemplateId',
+    'fromV1TemplateVersionId',
+  ])
+  Object.assign(segmentation, attributes.segmentation)
+  segmentation.projectId = project._id
+  if (isImport) {
+    AnalyticsManager.recordEventForUserInBackground(
+      ownerId,
+      'project-imported',
+      segmentation
+    )
+  } else {
+    AnalyticsManager.recordEventForUserInBackground(
+      ownerId,
+      'project-created',
+      segmentation
+    )
+  }
+  return project
+}
+
+async function createProjectFromSnippet(ownerId, projectName, docLines) {
+  const project = await _createBlankProject(ownerId, projectName)
+  AnalyticsManager.recordEventForUserInBackground(ownerId, 'project-created', {
+    projectId: project._id,
+  })
+  await _createRootDoc(project, ownerId, docLines)
+  return project
+}
+
+async function createBasicProject(ownerId, projectName) {
+  const project = await _createBlankProject(ownerId, projectName)
+
+  const docLines = await _buildTemplate('mainbasic.tex', ownerId, projectName)
+  await _createRootDoc(project, ownerId, docLines)
+
+  AnalyticsManager.recordEventForUserInBackground(ownerId, 'project-created', {
+    projectId: project._id,
+  })
+
+  return project
+}
+
+async function createExampleProject(ownerId, projectName) {
+  const project = await _createBlankProject(ownerId, projectName)
+
+  await _addExampleProjectFiles(ownerId, projectName, project)
+
+  AnalyticsManager.recordEventForUserInBackground(ownerId, 'project-created', {
+    projectId: project._id,
+  })
+
+  return project
+}
+
+async function _addExampleProjectFiles(ownerId, projectName, project) {
+  const mainDocLines = await _buildTemplate(
+    `${templateProjectDir}/main.tex`,
+    ownerId,
+    projectName
+  )
+  await _createRootDoc(project, ownerId, mainDocLines)
+
+  const bibDocLines = await _buildTemplate(
+    `${templateProjectDir}/sample.bib`,
+    ownerId,
+    projectName
+  )
+  await ProjectEntityUpdateHandler.promises.addDoc(
+    project._id,
+    project.rootFolder[0]._id,
+    'sample.bib',
+    bibDocLines,
+    ownerId,
+    null
+  )
+
+  const frogPath = path.join(
+    __dirname,
+    `/../../../templates/project_files/${templateProjectDir}/frog.jpg`
+  )
+  await ProjectEntityUpdateHandler.promises.addFile(
+    project._id,
+    project.rootFolder[0]._id,
+    'frog.jpg',
+    frogPath,
+    null,
+    ownerId,
+    null
+  )
+}
+
+async function _createBlankProject(
+  ownerId,
+  projectName,
+  attributes = {},
+  { skipCreatingInTPDS = false } = {}
+) {
+  metrics.inc('project-creation')
+  const timer = new metrics.Timer('project-creation')
+  await ProjectDetailsHandler.promises.validateProjectName(projectName)
+
+  const rootFolder = new Folder({ name: 'rootFolder' })
+
+  attributes.lastUpdatedBy = attributes.owner_ref = new ObjectId(ownerId)
+  attributes.name = projectName
+  const project = new Project(attributes)
+
+  // Initialise the history unless the caller has overridden it in the attributes
+  // (to allow scripted creation of projects without full project history)
+  if (project.overleaf.history.id == null && !attributes.overleaf) {
+    const historyId = await HistoryManager.promises.initializeProject(
+      project._id
+    )
+    if (historyId != null) {
+      project.overleaf.history.id = historyId
+    }
+  }
+
+  // All the projects are initialised with Full Project History. This property
+  // is still set for backwards compatibility: Server Pro requires all projects
+  // have it set to `true` since SP 4.0
+  project.overleaf.history.display = true
+
+  if (Settings.currentImageName) {
+    // avoid clobbering any imageName already set in attributes (e.g. importedImageName)
+    if (!project.imageName) {
+      project.imageName = Settings.currentImageName
+    }
+  }
+  project.rootFolder[0] = rootFolder
+  const user = await User.findById(ownerId, {
+    'ace.spellCheckLanguage': 1,
+    _id: 1,
+  })
+  project.spellCheckLanguage = user.ace.spellCheckLanguage
+  const historyRangesSupportAssignment =
+    await SplitTestHandler.promises.getAssignmentForUser(
+      user._id,
+      'history-ranges-support'
+    )
+  if (historyRangesSupportAssignment.variant === 'enabled') {
+    project.overleaf.history.rangesSupportEnabled = true
+  }
+  await project.save()
+  if (!skipCreatingInTPDS) {
+    await TpdsUpdateSender.promises.createProject({
+      projectId: project._id,
+      projectName,
+      ownerId,
+      userId: ownerId,
+    })
+  }
+  timer.done()
+  return project
+}
+
+async function _createRootDoc(project, ownerId, docLines) {
+  try {
+    const { doc } = await ProjectEntityUpdateHandler.promises.addDoc(
+      project._id,
+      project.rootFolder[0]._id,
+      'main.tex',
+      docLines,
+      ownerId,
+      null
+    )
+    await ProjectEntityUpdateHandler.promises.setRootDoc(project._id, doc._id)
+  } catch (error) {
+    throw OError.tag(error, 'error adding root doc when creating project')
+  }
+}
+
+async function _buildTemplate(templateName, userId, projectName) {
+  const user = await User.findById(userId, 'first_name last_name')
+
+  const templatePath = path.join(
+    __dirname,
+    `/../../../templates/project_files/${templateName}`
+  )
+  const template = fs.readFileSync(templatePath)
+  const data = {
+    project_name: projectName,
+    user,
+    year: new Date().getUTCFullYear(),
+    month: MONTH_NAMES[new Date().getUTCMonth()],
+  }
+  const output = _.template(template.toString())(data)
+  return output.split('\n')
+}
+
+module.exports = {
+  createBlankProject: callbackify(createBlankProject),
+  createProjectFromSnippet: callbackify(createProjectFromSnippet),
+  createBasicProject: callbackify(createBasicProject),
+  createExampleProject: callbackify(createExampleProject),
+  promises: {
+    createBlankProject,
+    createProjectFromSnippet,
+    createBasicProject,
+    createExampleProject,
+  },
+}
diff --git a/services/web/app/src/Features/Project/ProjectDeleter.js b/services/web/app/src/Features/Project/ProjectDeleter.js
new file mode 100644
index 0000000..62d893d
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectDeleter.js
@@ -0,0 +1,434 @@
+const _ = require('lodash')
+const { db, ObjectId } = require('../../infrastructure/mongodb')
+const Modules = require('../../infrastructure/Modules')
+const { callbackify } = require('util')
+const { Project } = require('../../models/Project')
+const { DeletedProject } = require('../../models/DeletedProject')
+const { ProjectAuditLogEntry } = require('../../models/ProjectAuditLogEntry')
+const Errors = require('../Errors/Errors')
+const logger = require('@overleaf/logger')
+const DocumentUpdaterHandler = require('../DocumentUpdater/DocumentUpdaterHandler')
+const TagsHandler = require('../Tags/TagsHandler')
+const ProjectHelper = require('./ProjectHelper')
+const ProjectDetailsHandler = require('./ProjectDetailsHandler')
+const CollaboratorsHandler = require('../Collaborators/CollaboratorsHandler')
+const CollaboratorsGetter = require('../Collaborators/CollaboratorsGetter')
+const DocstoreManager = require('../Docstore/DocstoreManager')
+const EditorRealTimeController = require('../Editor/EditorRealTimeController')
+const HistoryManager = require('../History/HistoryManager')
+const FilestoreHandler = require('../FileStore/FileStoreHandler')
+const ChatApiHandler = require('../Chat/ChatApiHandler')
+const moment = require('moment')
+const { promiseMapWithLimit } = require('@overleaf/promise-utils')
+const { READ_PREFERENCE_SECONDARY } = require('../../infrastructure/mongodb')
+
+const EXPIRE_PROJECTS_AFTER_DAYS = 90
+const PROJECT_EXPIRATION_BATCH_SIZE = 10000
+
+module.exports = {
+  markAsDeletedByExternalSource: callbackify(markAsDeletedByExternalSource),
+  unmarkAsDeletedByExternalSource: callbackify(unmarkAsDeletedByExternalSource),
+  deleteUsersProjects: callbackify(deleteUsersProjects),
+  expireDeletedProjectsAfterDuration: callbackify(
+    expireDeletedProjectsAfterDuration
+  ),
+  restoreProject: callbackify(restoreProject),
+  archiveProject: callbackify(archiveProject),
+  unarchiveProject: callbackify(unarchiveProject),
+  trashProject: callbackify(trashProject),
+  untrashProject: callbackify(untrashProject),
+  deleteProject: callbackify(deleteProject),
+  undeleteProject: callbackify(undeleteProject),
+  expireDeletedProject: callbackify(expireDeletedProject),
+  promises: {
+    archiveProject,
+    unarchiveProject,
+    trashProject,
+    untrashProject,
+    deleteProject,
+    undeleteProject,
+    expireDeletedProject,
+    markAsDeletedByExternalSource,
+    unmarkAsDeletedByExternalSource,
+    deleteUsersProjects,
+    expireDeletedProjectsAfterDuration,
+    restoreProject,
+  },
+}
+
+async function markAsDeletedByExternalSource(projectId) {
+  logger.debug(
+    { projectId },
+    'marking project as deleted by external data source'
+  )
+  await Project.updateOne(
+    { _id: projectId },
+    { deletedByExternalDataSource: true }
+  ).exec()
+  EditorRealTimeController.emitToRoom(
+    projectId,
+    'projectRenamedOrDeletedByExternalSource'
+  )
+}
+
+async function unmarkAsDeletedByExternalSource(projectId) {
+  await Project.updateOne(
+    { _id: projectId },
+    { deletedByExternalDataSource: false }
+  ).exec()
+}
+
+async function deleteUsersProjects(userId) {
+  const projects = await Project.find({ owner_ref: userId }).exec()
+  await promiseMapWithLimit(5, projects, project => deleteProject(project._id))
+  await CollaboratorsHandler.promises.removeUserFromAllProjects(userId)
+}
+
+async function expireDeletedProjectsAfterDuration() {
+  const deletedProjects = await DeletedProject.find(
+    {
+      'deleterData.deletedAt': {
+        $lt: new Date(moment().subtract(EXPIRE_PROJECTS_AFTER_DAYS, 'days')),
+      },
+      project: { $type: 'object' },
+    },
+    { 'deleterData.deletedProjectId': 1 }
+  )
+    .limit(PROJECT_EXPIRATION_BATCH_SIZE)
+    .read(READ_PREFERENCE_SECONDARY)
+  const projectIds = _.shuffle(
+    deletedProjects.map(
+      deletedProject => deletedProject.deleterData.deletedProjectId
+    )
+  )
+  for (const projectId of projectIds) {
+    await expireDeletedProject(projectId)
+  }
+}
+
+async function restoreProject(projectId) {
+  await Project.updateOne(
+    { _id: projectId },
+    { $unset: { archived: true } }
+  ).exec()
+}
+
+async function archiveProject(projectId, userId) {
+  try {
+    const project = await Project.findOne({ _id: projectId }).exec()
+    if (!project) {
+      throw new Errors.NotFoundError('project not found')
+    }
+    const archived = ProjectHelper.calculateArchivedArray(
+      project,
+      userId,
+      'ARCHIVE'
+    )
+
+    await Project.updateOne(
+      { _id: projectId },
+      { $set: { archived }, $pull: { trashed: new ObjectId(userId) } }
+    )
+  } catch (err) {
+    logger.warn({ err }, 'problem archiving project')
+    throw err
+  }
+}
+
+async function unarchiveProject(projectId, userId) {
+  try {
+    const project = await Project.findOne({ _id: projectId }).exec()
+    if (!project) {
+      throw new Errors.NotFoundError('project not found')
+    }
+
+    const archived = ProjectHelper.calculateArchivedArray(
+      project,
+      userId,
+      'UNARCHIVE'
+    )
+
+    await Project.updateOne({ _id: projectId }, { $set: { archived } })
+  } catch (err) {
+    logger.warn({ err }, 'problem unarchiving project')
+    throw err
+  }
+}
+
+async function trashProject(projectId, userId) {
+  try {
+    const project = await Project.findOne({ _id: projectId }).exec()
+    if (!project) {
+      throw new Errors.NotFoundError('project not found')
+    }
+
+    const archived = ProjectHelper.calculateArchivedArray(
+      project,
+      userId,
+      'UNARCHIVE'
+    )
+
+    await Project.updateOne(
+      { _id: projectId },
+      {
+        $addToSet: { trashed: new ObjectId(userId) },
+        $set: { archived },
+      }
+    )
+  } catch (err) {
+    logger.warn({ err }, 'problem trashing project')
+    throw err
+  }
+}
+
+async function untrashProject(projectId, userId) {
+  try {
+    const project = await Project.findOne({ _id: projectId }).exec()
+    if (!project) {
+      throw new Errors.NotFoundError('project not found')
+    }
+
+    await Project.updateOne(
+      { _id: projectId },
+      { $pull: { trashed: new ObjectId(userId) } }
+    )
+  } catch (err) {
+    logger.warn({ err }, 'problem untrashing project')
+    throw err
+  }
+}
+
+async function deleteProject(projectId, options = {}) {
+  try {
+    const project = await Project.findOne({ _id: projectId }).exec()
+    if (!project) {
+      throw new Errors.NotFoundError('project not found')
+    }
+
+    await DocumentUpdaterHandler.promises.flushProjectToMongoAndDelete(
+      projectId
+    )
+
+    try {
+      // OPTIMIZATION: flush docs out of mongo
+      await DocstoreManager.promises.archiveProject(projectId)
+    } catch (err) {
+      // It is OK to fail here, the docs will get hard-deleted eventually after
+      //  the grace-period for soft-deleted projects has passed.
+      logger.warn(
+        { projectId, err },
+        'failed archiving doc via docstore as part of project soft-deletion'
+      )
+    }
+
+    const memberIds = await CollaboratorsGetter.promises.getMemberIds(projectId)
+
+    // fire these jobs in the background
+    for (const memberId of memberIds) {
+      TagsHandler.promises
+        .removeProjectFromAllTags(memberId, projectId)
+        .catch(err => {
+          logger.err(
+            { err, memberId, projectId },
+            'failed to remove project from tags'
+          )
+        })
+    }
+
+    const deleterData = {
+      deletedAt: new Date(),
+      deleterId:
+        options.deleterUser != null ? options.deleterUser._id : undefined,
+      deleterIpAddress: options.ipAddress,
+      deletedProjectId: project._id,
+      deletedProjectOwnerId: project.owner_ref,
+      deletedProjectCollaboratorIds: project.collaberator_refs,
+      deletedProjectReadOnlyIds: project.readOnly_refs,
+      deletedProjectReviewerIds: project.reviewer_refs,
+      deletedProjectReadWriteTokenAccessIds:
+        project.tokenAccessReadAndWrite_refs,
+      deletedProjectOverleafId: project.overleaf
+        ? project.overleaf.id
+        : undefined,
+      deletedProjectOverleafHistoryId:
+        project.overleaf && project.overleaf.history
+          ? project.overleaf.history.id
+          : undefined,
+      deletedProjectReadOnlyTokenAccessIds: project.tokenAccessReadOnly_refs,
+      deletedProjectReadWriteToken: project.tokens.readAndWrite,
+      deletedProjectReadOnlyToken: project.tokens.readOnly,
+      deletedProjectLastUpdatedAt: project.lastUpdated,
+    }
+
+    Object.keys(deleterData).forEach(key =>
+      deleterData[key] === undefined ? delete deleterData[key] : ''
+    )
+
+    await DeletedProject.updateOne(
+      { 'deleterData.deletedProjectId': projectId },
+      { project, deleterData },
+      { upsert: true }
+    )
+
+    await Project.deleteOne({ _id: projectId }).exec()
+  } catch (err) {
+    logger.warn({ err }, 'problem deleting project')
+    throw err
+  }
+
+  logger.debug({ projectId }, 'successfully deleted project')
+}
+
+async function undeleteProject(projectId, options = {}) {
+  projectId = new ObjectId(projectId)
+  const deletedProject = await DeletedProject.findOne({
+    'deleterData.deletedProjectId': projectId,
+  }).exec()
+
+  if (!deletedProject) {
+    throw new Errors.NotFoundError('project_not_found')
+  }
+
+  if (!deletedProject.project) {
+    throw new Errors.NotFoundError('project_too_old_to_restore')
+  }
+
+  const restored = new Project(deletedProject.project)
+
+  if (options.userId) {
+    restored.owner_ref = options.userId
+  }
+
+  // if we're undeleting, we want the document to show up
+  restored.name = await ProjectDetailsHandler.promises.generateUniqueName(
+    deletedProject.deleterData.deletedProjectOwnerId,
+    restored.name + ' (Restored)'
+  )
+  restored.archived = undefined
+
+  if (restored.deletedDocs && restored.deletedDocs.length > 0) {
+    await promiseMapWithLimit(10, restored.deletedDocs, async deletedDoc => {
+      // back fill context of deleted docs
+      const { _id: docId, name, deletedAt } = deletedDoc
+      await DocstoreManager.promises.deleteDoc(
+        projectId,
+        docId,
+        name,
+        deletedAt
+      )
+    })
+    restored.deletedDocs = []
+  }
+  if (restored.deletedFiles && restored.deletedFiles.length > 0) {
+    filterDuplicateDeletedFilesInPlace(restored)
+    const deletedFiles = restored.deletedFiles.map(file => {
+      // break free from the model
+      file = file.toObject()
+
+      // add projectId
+      file.projectId = projectId
+      return file
+    })
+    await db.deletedFiles.insertMany(deletedFiles)
+    restored.deletedFiles = []
+  }
+
+  // we can't use Mongoose to re-insert the project, as it won't
+  // create a new document with an _id already specified. We need to
+  // insert it directly into the collection
+
+  await db.projects.insertOne(restored)
+  await DeletedProject.deleteOne({ _id: deletedProject._id }).exec()
+}
+
+async function expireDeletedProject(projectId) {
+  try {
+    const activeProject = await Project.findById(projectId).exec()
+    if (activeProject) {
+      // That project is active. The deleted project record might be there
+      // because of an incomplete delete or undelete operation. Clean it up and
+      // return.
+      await DeletedProject.deleteOne({
+        'deleterData.deletedProjectId': projectId,
+      })
+      await ProjectAuditLogEntry.deleteMany({ projectId })
+      return
+    }
+    const deletedProject = await DeletedProject.findOne({
+      'deleterData.deletedProjectId': projectId,
+    }).exec()
+    if (!deletedProject) {
+      throw new Errors.NotFoundError(
+        `No deleted project found for project id ${projectId}`
+      )
+    }
+    if (!deletedProject.project) {
+      logger.warn(
+        { projectId },
+        `Attempted to expire already-expired deletedProject`
+      )
+      return
+    }
+
+    const historyId =
+      deletedProject.project.overleaf &&
+      deletedProject.project.overleaf.history &&
+      deletedProject.project.overleaf.history.id
+
+    await Promise.all([
+      DocstoreManager.promises.destroyProject(deletedProject.project._id),
+      HistoryManager.promises.deleteProject(
+        deletedProject.project._id,
+        historyId
+      ),
+      FilestoreHandler.promises.deleteProject(deletedProject.project._id),
+      ChatApiHandler.promises.destroyProject(deletedProject.project._id),
+      hardDeleteDeletedFiles(deletedProject.project._id),
+      ProjectAuditLogEntry.deleteMany({ projectId }),
+      Modules.promises.hooks.fire('projectExpired', deletedProject.project._id),
+    ])
+
+    await DeletedProject.updateOne(
+      {
+        _id: deletedProject._id,
+      },
+      {
+        $set: {
+          'deleterData.deleterIpAddress': null,
+          project: null,
+        },
+      }
+    ).exec()
+  } catch (error) {
+    logger.warn({ projectId, error }, 'error expiring deleted project')
+    throw error
+  }
+}
+
+function filterDuplicateDeletedFilesInPlace(project) {
+  const fileIds = new Set()
+  project.deletedFiles = project.deletedFiles.filter(file => {
+    const id = file._id.toString()
+    if (fileIds.has(id)) return false
+    fileIds.add(id)
+    return true
+  })
+}
+
+let deletedFilesProjectIdIndexExist
+async function doesDeletedFilesProjectIdIndexExist() {
+  if (typeof deletedFilesProjectIdIndexExist !== 'boolean') {
+    // Resolve this about once. No need for locking or retry handling.
+    deletedFilesProjectIdIndexExist =
+      await db.deletedFiles.indexExists('projectId_1')
+  }
+  return deletedFilesProjectIdIndexExist
+}
+
+async function hardDeleteDeletedFiles(projectId) {
+  if (!(await doesDeletedFilesProjectIdIndexExist())) {
+    // Running the deletion command w/o index would kill mongo performance
+    return
+  }
+  return db.deletedFiles.deleteMany({ projectId })
+}
diff --git a/services/web/app/src/Features/Project/ProjectDetailsHandler.js b/services/web/app/src/Features/Project/ProjectDetailsHandler.js
new file mode 100644
index 0000000..33551ab
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectDetailsHandler.js
@@ -0,0 +1,250 @@
+const _ = require('lodash')
+const ProjectGetter = require('./ProjectGetter')
+const UserGetter = require('../User/UserGetter')
+const { Project } = require('../../models/Project')
+const logger = require('@overleaf/logger')
+const TpdsUpdateSender = require('../ThirdPartyDataStore/TpdsUpdateSender')
+const PublicAccessLevels = require('../Authorization/PublicAccessLevels')
+const Errors = require('../Errors/Errors')
+const TokenGenerator = require('../TokenGenerator/TokenGenerator')
+const ProjectHelper = require('./ProjectHelper')
+const settings = require('@overleaf/settings')
+const { callbackify } = require('util')
+
+const MAX_PROJECT_NAME_LENGTH = 150
+
+module.exports = {
+  MAX_PROJECT_NAME_LENGTH,
+  getDetails: callbackify(getDetails),
+  getProjectDescription: callbackify(getProjectDescription),
+  setProjectDescription: callbackify(setProjectDescription),
+  renameProject: callbackify(renameProject),
+  validateProjectName: callbackify(validateProjectName),
+  generateUniqueName: callbackify(generateUniqueName),
+  setPublicAccessLevel: callbackify(setPublicAccessLevel),
+  ensureTokensArePresent: callbackify(ensureTokensArePresent),
+  clearTokens: callbackify(clearTokens),
+  fixProjectName,
+  promises: {
+    getDetails,
+    getProjectDescription,
+    setProjectDescription,
+    renameProject,
+    validateProjectName,
+    generateUniqueName,
+    setPublicAccessLevel,
+    ensureTokensArePresent,
+    clearTokens,
+  },
+}
+
+async function getDetails(projectId) {
+  let project
+  try {
+    project = await ProjectGetter.promises.getProject(projectId, {
+      name: true,
+      description: true,
+      compiler: true,
+      features: true,
+      owner_ref: true,
+      overleaf: true,
+    })
+  } catch (err) {
+    logger.warn({ err, projectId }, 'error getting project')
+    throw err
+  }
+  if (project == null) {
+    throw new Errors.NotFoundError('project not found')
+  }
+  const user = await UserGetter.promises.getUser(project.owner_ref)
+  const details = {
+    name: project.name,
+    description: project.description,
+    compiler: project.compiler,
+    features:
+      user != null && user.features != null
+        ? user.features
+        : settings.defaultFeatures,
+  }
+  if (project.overleaf != null) {
+    details.overleaf = project.overleaf
+  }
+  return details
+}
+
+async function getProjectDescription(projectId) {
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    description: true,
+  })
+  if (project == null) {
+    return undefined
+  }
+  return project.description
+}
+
+async function setProjectDescription(projectId, description) {
+  const conditions = { _id: projectId }
+  const update = { description }
+  logger.debug(
+    { conditions, update, projectId, description },
+    'setting project description'
+  )
+  try {
+    await Project.updateOne(conditions, update).exec()
+  } catch (err) {
+    logger.warn({ err }, 'something went wrong setting project description')
+    throw err
+  }
+}
+async function renameProject(projectId, newName) {
+  newName = newName.trim()
+  await validateProjectName(newName)
+  logger.debug({ projectId, newName }, 'renaming project')
+  let project
+  try {
+    project = await ProjectGetter.promises.getProject(projectId, { name: true })
+  } catch (err) {
+    logger.warn({ err, projectId }, 'error getting project')
+    throw err
+  }
+  if (project == null) {
+    logger.warn({ projectId }, 'could not find project to rename')
+    return
+  }
+  const oldProjectName = project.name
+  await Project.updateOne({ _id: projectId }, { name: newName }).exec()
+  await TpdsUpdateSender.promises.moveEntity({
+    projectId,
+    projectName: oldProjectName,
+    newProjectName: newName,
+  })
+}
+
+async function validateProjectName(name) {
+  if (name == null || name.length === 0) {
+    throw new Errors.InvalidNameError('Project name cannot be blank')
+  }
+  if (name.length > MAX_PROJECT_NAME_LENGTH) {
+    throw new Errors.InvalidNameError('Project name is too long')
+  }
+  if (name.indexOf('/') > -1) {
+    throw new Errors.InvalidNameError(
+      'Project name cannot contain / characters'
+    )
+  }
+  if (name.indexOf('\\') > -1) {
+    throw new Errors.InvalidNameError(
+      'Project name cannot contain \\ characters'
+    )
+  }
+  if (name !== name.trim()) {
+    throw new Errors.InvalidNameError(
+      'Project name cannot start or end with whitespace'
+    )
+  }
+}
+
+// FIXME: we should put a lock around this to make it completely safe, but we would need to do that at
+// the point of project creation, rather than just checking the name at the start of the import.
+// If we later move this check into ProjectCreationHandler we can ensure all new projects are created
+// with a unique name.  But that requires thinking through how we would handle incoming projects from
+// dropbox for example.
+async function generateUniqueName(userId, name, suffixes = []) {
+  const allUsersProjectNames =
+    await ProjectGetter.promises.findAllUsersProjects(userId, { name: 1 })
+  // allUsersProjectNames is returned as a hash {owned: [name1, name2, ...], readOnly: [....]}
+  // collect all of the names and flatten them into a single array
+  const projectNameList = _.map(
+    _.flattenDeep(_.values(allUsersProjectNames)),
+    'name'
+  )
+  const uniqueName = await ProjectHelper.promises.ensureNameIsUnique(
+    projectNameList,
+    name,
+    suffixes,
+    MAX_PROJECT_NAME_LENGTH
+  )
+  return uniqueName
+}
+
+function fixProjectName(name) {
+  // Remove any leading or trailing whitespace
+  name = typeof name === 'string' ? name.trim() : ''
+  // Apply a default name if the name is empty
+  if (name === '') {
+    name = 'Untitled'
+  }
+  if (name.indexOf('/') > -1) {
+    // v2 does not allow / in a project name
+    name = name.replace(/\//g, '-')
+  }
+  if (name.indexOf('\\') > -1) {
+    // backslashes in project name will prevent syncing to dropbox
+    name = name.replace(/\\/g, '')
+  }
+  if (name.length > MAX_PROJECT_NAME_LENGTH) {
+    name = name.substr(0, MAX_PROJECT_NAME_LENGTH)
+  }
+  // Remove any leading or trailing whitespace after fixing
+  name = name.trim()
+  return name
+}
+
+async function setPublicAccessLevel(projectId, newAccessLevel) {
+  if (
+    projectId != null &&
+    newAccessLevel != null &&
+    _.includes(
+      [PublicAccessLevels.PRIVATE, PublicAccessLevels.TOKEN_BASED],
+      newAccessLevel
+    )
+  ) {
+    await Project.updateOne(
+      { _id: projectId },
+      { publicAccesLevel: newAccessLevel }
+    ).exec()
+  } else {
+    throw new Errors.InvalidError('unexpected access level')
+  }
+}
+
+async function ensureTokensArePresent(projectId) {
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    tokens: 1,
+  })
+  if (
+    project.tokens != null &&
+    project.tokens.readOnly != null &&
+    project.tokens.readAndWrite != null
+  ) {
+    return
+  }
+  await _generateTokens(project)
+  await Project.updateOne(
+    { _id: projectId },
+    { $set: { tokens: project.tokens } }
+  ).exec()
+}
+
+async function clearTokens(projectId) {
+  await Project.updateOne(
+    { _id: projectId },
+    { $unset: { tokens: 1 }, $set: { publicAccesLevel: 'private' } }
+  ).exec()
+}
+
+async function _generateTokens(project, callback) {
+  if (!project.tokens) {
+    project.tokens = {}
+  }
+  const { tokens } = project
+  if (tokens.readAndWrite == null) {
+    const { token, numericPrefix } = TokenGenerator.readAndWriteToken()
+    tokens.readAndWrite = token
+    tokens.readAndWritePrefix = numericPrefix
+  }
+  if (tokens.readOnly == null) {
+    tokens.readOnly =
+      await TokenGenerator.promises.generateUniqueReadOnlyToken()
+  }
+}
diff --git a/services/web/app/src/Features/Project/ProjectDuplicator.js b/services/web/app/src/Features/Project/ProjectDuplicator.js
new file mode 100644
index 0000000..47c00ed
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectDuplicator.js
@@ -0,0 +1,312 @@
+const { callbackify } = require('util')
+const Path = require('path')
+const logger = require('@overleaf/logger')
+const OError = require('@overleaf/o-error')
+const { promiseMapWithLimit } = require('@overleaf/promise-utils')
+const { Doc } = require('../../models/Doc')
+const { File } = require('../../models/File')
+const DocstoreManager = require('../Docstore/DocstoreManager')
+const DocumentUpdaterHandler = require('../DocumentUpdater/DocumentUpdaterHandler')
+const FileStoreHandler = require('../FileStore/FileStoreHandler')
+const HistoryManager = require('../History/HistoryManager')
+const ProjectCreationHandler = require('./ProjectCreationHandler')
+const ProjectDeleter = require('./ProjectDeleter')
+const ProjectEntityMongoUpdateHandler = require('./ProjectEntityMongoUpdateHandler')
+const ProjectEntityUpdateHandler = require('./ProjectEntityUpdateHandler')
+const ProjectGetter = require('./ProjectGetter')
+const ProjectLocator = require('./ProjectLocator')
+const ProjectOptionsHandler = require('./ProjectOptionsHandler')
+const SafePath = require('./SafePath')
+const TpdsProjectFlusher = require('../ThirdPartyDataStore/TpdsProjectFlusher')
+const _ = require('lodash')
+const TagsHandler = require('../Tags/TagsHandler')
+const Features = require('../../infrastructure/Features')
+const ClsiCacheManager = require('../Compile/ClsiCacheManager')
+
+module.exports = {
+  duplicate: callbackify(duplicate),
+  promises: {
+    duplicate,
+  },
+}
+
+async function duplicate(owner, originalProjectId, newProjectName, tags = []) {
+  await DocumentUpdaterHandler.promises.flushProjectToMongo(originalProjectId)
+  const originalProject = await ProjectGetter.promises.getProject(
+    originalProjectId,
+    {
+      compiler: true,
+      imageName: true,
+      rootFolder: true,
+      rootDoc_id: true,
+      fromV1TemplateId: true,
+      fromV1TemplateVersionId: true,
+      overleaf: true,
+    }
+  )
+  const { path: rootDocPath } = await ProjectLocator.promises.findRootDoc({
+    project_id: originalProjectId,
+  })
+
+  const originalEntries = _getFolderEntries(originalProject.rootFolder[0])
+
+  // Pass template ID as analytics segmentation if duplicating project from a template
+  const segmentation = _.pick(originalProject, [
+    'fromV1TemplateId',
+    'fromV1TemplateVersionId',
+  ])
+  segmentation.duplicatedFromProject = originalProjectId
+
+  // count the number of tags before and after, for analytics
+  segmentation['original-tags'] =
+    await TagsHandler.promises.countTagsForProject(
+      owner._id,
+      originalProject._id
+    )
+  segmentation['updated-tags'] = tags.length
+
+  // remove any leading or trailing spaces
+  newProjectName = newProjectName.trim()
+
+  // Now create the new project, cleaning it up on failure if necessary
+  const newProject = await ProjectCreationHandler.promises.createBlankProject(
+    owner._id,
+    newProjectName,
+    { segmentation }
+  )
+
+  let prepareClsiCacheInBackground = Promise.resolve()
+  if (originalProject.imageName === newProject.imageName) {
+    // Populate the clsi-cache unless the TeXLive release has changed.
+    prepareClsiCacheInBackground = ClsiCacheManager.prepareClsiCache(
+      newProject._id,
+      owner._id,
+      { sourceProjectId: originalProjectId }
+    ).catch(err => {
+      logger.warn(
+        { err, originalProjectId, projectId: newProject._id },
+        'failed to prepare clsi-cache for cloned project'
+      )
+    })
+  }
+
+  try {
+    await ProjectOptionsHandler.promises.setCompiler(
+      newProject._id,
+      originalProject.compiler
+    )
+    const [docEntries, fileEntries] = await Promise.all([
+      _copyDocs(originalEntries.docEntries, originalProject, newProject),
+      _copyFiles(originalEntries.fileEntries, originalProject, newProject),
+    ])
+    const projectVersion =
+      await ProjectEntityMongoUpdateHandler.promises.createNewFolderStructure(
+        newProject._id,
+        docEntries,
+        fileEntries
+      )
+    // Silently ignore the rootDoc in case it's not valid per the new limits.
+    if (
+      rootDocPath &&
+      ProjectEntityUpdateHandler.isPathValidForRootDoc(rootDocPath.fileSystem)
+    ) {
+      await _setRootDoc(newProject._id, rootDocPath.fileSystem)
+    }
+    await _notifyDocumentUpdater(newProject, owner._id, {
+      newFiles: fileEntries,
+      newDocs: docEntries,
+      newProject: { version: projectVersion },
+    })
+    await TpdsProjectFlusher.promises.flushProjectToTpds(newProject._id)
+
+    if (tags?.length > 0) {
+      await TagsHandler.promises.addProjectToTags(
+        owner._id,
+        tags.map(tag => tag.id),
+        newProject._id
+      )
+    }
+  } catch (err) {
+    // Clean up broken clone on error.
+    // Make sure we delete the new failed project, not the original one!
+    await ProjectDeleter.promises.deleteProject(newProject._id)
+    throw OError.tag(err, 'error cloning project, broken clone deleted', {
+      originalProjectId,
+      newProjectName,
+      newProjectId: newProject._id,
+    })
+  }
+
+  try {
+    await prepareClsiCacheInBackground
+  } catch {}
+
+  return newProject
+}
+
+function _getFolderEntries(folder, folderPath = '/') {
+  const docEntries = []
+  const fileEntries = []
+  const docs = folder.docs || []
+  const files = folder.fileRefs || []
+  const subfolders = folder.folders || []
+
+  for (const doc of docs) {
+    if (doc == null || doc._id == null) {
+      continue
+    }
+    const path = Path.join(folderPath, doc.name)
+    docEntries.push({ doc, path })
+  }
+
+  for (const file of files) {
+    if (file == null || file._id == null) {
+      continue
+    }
+    const path = Path.join(folderPath, file.name)
+    fileEntries.push({ file, path })
+  }
+
+  for (const subfolder of subfolders) {
+    if (subfolder == null || subfolder._id == null) {
+      continue
+    }
+    const subfolderPath = Path.join(folderPath, subfolder.name)
+    const subfolderEntries = _getFolderEntries(subfolder, subfolderPath)
+    for (const docEntry of subfolderEntries.docEntries) {
+      docEntries.push(docEntry)
+    }
+    for (const fileEntry of subfolderEntries.fileEntries) {
+      fileEntries.push(fileEntry)
+    }
+  }
+  return { docEntries, fileEntries }
+}
+
+async function _copyDocs(sourceEntries, sourceProject, targetProject) {
+  const docLinesById = await _getDocLinesForProject(sourceProject._id)
+  const targetEntries = []
+  for (const sourceEntry of sourceEntries) {
+    const sourceDoc = sourceEntry.doc
+    const path = sourceEntry.path
+    const doc = new Doc({ name: sourceDoc.name })
+    const docLines = docLinesById.get(sourceDoc._id.toString())
+    await DocstoreManager.promises.updateDoc(
+      targetProject._id.toString(),
+      doc._id.toString(),
+      docLines,
+      0,
+      {}
+    )
+    targetEntries.push({ doc, path, docLines: docLines.join('\n') })
+  }
+  return targetEntries
+}
+
+async function _getDocLinesForProject(projectId) {
+  const docs = await DocstoreManager.promises.getAllDocs(projectId)
+  const docLinesById = new Map(docs.map(doc => [doc._id, doc.lines]))
+  return docLinesById
+}
+
+async function _copyFiles(sourceEntries, sourceProject, targetProject) {
+  const sourceHistoryId = sourceProject.overleaf?.history?.id
+  const targetHistoryId = targetProject.overleaf?.history?.id
+  if (!sourceHistoryId) {
+    throw new OError('missing history id', { sourceProject })
+  }
+  if (!targetHistoryId) {
+    throw new OError('missing history id', { targetProject })
+  }
+
+  const targetEntries = await promiseMapWithLimit(
+    5,
+    sourceEntries,
+    async sourceEntry => {
+      const sourceFile = sourceEntry.file
+      const path = sourceEntry.path
+      const file = new File({ name: SafePath.clean(sourceFile.name) })
+      if (sourceFile.linkedFileData != null) {
+        file.linkedFileData = sourceFile.linkedFileData
+        file.created = sourceFile.created
+      }
+      if (sourceFile.hash != null) {
+        file.hash = sourceFile.hash
+      }
+      let createdBlob = false
+      const usingFilestore = Features.hasFeature('filestore')
+      if (file.hash != null && Features.hasFeature('project-history-blobs')) {
+        try {
+          await HistoryManager.promises.copyBlob(
+            sourceHistoryId,
+            targetHistoryId,
+            file.hash
+          )
+          createdBlob = true
+          if (!usingFilestore) {
+            return { createdBlob, file, path, url: null }
+          }
+        } catch (err) {
+          if (!usingFilestore) {
+            throw OError.tag(err, 'unexpected error copying blob', {
+              sourceProjectId: sourceProject._id,
+              targetProjectId: targetProject._id,
+              sourceFile,
+              sourceHistoryId,
+            })
+          } else {
+            logger.error(
+              {
+                err,
+                sourceProjectId: sourceProject._id,
+                targetProjectId: targetProject._id,
+                sourceFile,
+                sourceHistoryId,
+              },
+              'unexpected error copying blob'
+            )
+          }
+        }
+      }
+      if (createdBlob && Features.hasFeature('project-history-blobs')) {
+        return { createdBlob, file, path, url: null }
+      }
+      if (!usingFilestore) {
+        // Note: This is also checked in app.mjs
+        throw new OError(
+          'bad config: need to enable either filestore or project-history-blobs'
+        )
+      }
+      const url = await FileStoreHandler.promises.copyFile(
+        sourceProject._id,
+        sourceFile._id,
+        targetProject._id,
+        file._id
+      )
+
+      return { createdBlob, file, path, url }
+    }
+  )
+  return targetEntries
+}
+
+async function _setRootDoc(projectId, path) {
+  const { element: rootDoc } = await ProjectLocator.promises.findElementByPath({
+    project_id: projectId,
+    path,
+    exactCaseMatch: true,
+  })
+  await ProjectEntityUpdateHandler.promises.setRootDoc(projectId, rootDoc._id)
+}
+
+async function _notifyDocumentUpdater(project, userId, changes) {
+  const projectHistoryId =
+    project.overleaf && project.overleaf.history && project.overleaf.history.id
+  await DocumentUpdaterHandler.promises.updateProjectStructure(
+    project._id,
+    projectHistoryId,
+    userId,
+    changes,
+    null
+  )
+}
diff --git a/services/web/app/src/Features/Project/ProjectEditorHandler.js b/services/web/app/src/Features/Project/ProjectEditorHandler.js
new file mode 100644
index 0000000..a85e8b5
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectEditorHandler.js
@@ -0,0 +1,156 @@
+let ProjectEditorHandler
+const _ = require('lodash')
+const Path = require('path')
+const Features = require('../../infrastructure/Features')
+
+function mergeDeletedDocs(a, b) {
+  const docIdsInA = new Set(a.map(doc => doc._id.toString()))
+  return a.concat(b.filter(doc => !docIdsInA.has(doc._id.toString())))
+}
+
+module.exports = ProjectEditorHandler = {
+  trackChangesAvailable: false,
+
+  buildProjectModelView(project, members, invites, deletedDocsFromDocstore) {
+    let owner, ownerFeatures
+    if (!Array.isArray(project.deletedDocs)) {
+      project.deletedDocs = []
+    }
+    project.deletedDocs.forEach(doc => {
+      // The frontend does not use this field.
+      delete doc.deletedAt
+    })
+    const result = {
+      _id: project._id,
+      name: project.name,
+      rootDoc_id: project.rootDoc_id,
+      mainBibliographyDoc_id: project.mainBibliographyDoc_id,
+      rootFolder: [this.buildFolderModelView(project.rootFolder[0])],
+      publicAccesLevel: project.publicAccesLevel,
+      dropboxEnabled: !!project.existsInDropbox,
+      compiler: project.compiler,
+      description: project.description,
+      spellCheckLanguage: project.spellCheckLanguage,
+      deletedByExternalDataSource: project.deletedByExternalDataSource || false,
+      deletedDocs: mergeDeletedDocs(
+        project.deletedDocs,
+        deletedDocsFromDocstore
+      ),
+      members: [],
+      invites: this.buildInvitesView(invites),
+      imageName:
+        project.imageName != null
+          ? Path.basename(project.imageName)
+          : undefined,
+    }
+
+    ;({ owner, ownerFeatures, members } =
+      this.buildOwnerAndMembersViews(members))
+    result.owner = owner
+    result.members = members
+
+    result.features = _.defaults(ownerFeatures || {}, {
+      collaborators: -1, // Infinite
+      versioning: false,
+      dropbox: false,
+      compileTimeout: 60,
+      compileGroup: 'standard',
+      templates: false,
+      references: false,
+      referencesSearch: false,
+      mendeley: false,
+      trackChanges: false,
+      trackChangesVisible: ProjectEditorHandler.trackChangesAvailable,
+      symbolPalette: false,
+    })
+
+    if (result.features.trackChanges) {
+      result.trackChangesState = project.track_changes || false
+    }
+
+    // Originally these two feature flags were both signalled by the now-deprecated `references` flag.
+    // For older users, the presence of the `references` feature flag should still turn on these features.
+    result.features.referencesSearch =
+      result.features.referencesSearch || result.features.references
+    result.features.mendeley =
+      result.features.mendeley || result.features.references
+
+    return result
+  },
+
+  buildOwnerAndMembersViews(members) {
+    let owner = null
+    let ownerFeatures = null
+    const filteredMembers = []
+    for (const member of members || []) {
+      if (member.privilegeLevel === 'owner') {
+        ownerFeatures = member.user.features
+        owner = this.buildUserModelView(member)
+      } else {
+        filteredMembers.push(this.buildUserModelView(member))
+      }
+    }
+    return {
+      owner,
+      ownerFeatures,
+      members: filteredMembers,
+    }
+  },
+
+  buildUserModelView(member) {
+    const user = member.user
+    return {
+      _id: user._id,
+      first_name: user.first_name,
+      last_name: user.last_name,
+      email: user.email,
+      privileges: member.privilegeLevel,
+      signUpDate: user.signUpDate,
+      pendingEditor: member.pendingEditor,
+      pendingReviewer: member.pendingReviewer,
+    }
+  },
+
+  buildFolderModelView(folder) {
+    const fileRefs = _.filter(folder.fileRefs || [], file => file != null)
+    return {
+      _id: folder._id,
+      name: folder.name,
+      folders: (folder.folders || []).map(childFolder =>
+        this.buildFolderModelView(childFolder)
+      ),
+      fileRefs: fileRefs.map(file => this.buildFileModelView(file)),
+      docs: (folder.docs || []).map(doc => this.buildDocModelView(doc)),
+    }
+  },
+
+  buildFileModelView(file) {
+    const additionalFileProperties = {}
+
+    if (Features.hasFeature('project-history-blobs')) {
+      additionalFileProperties.hash = file.hash
+    }
+
+    return {
+      _id: file._id,
+      name: file.name,
+      linkedFileData: file.linkedFileData,
+      created: file.created,
+      ...additionalFileProperties,
+    }
+  },
+
+  buildDocModelView(doc) {
+    return {
+      _id: doc._id,
+      name: doc.name,
+    }
+  },
+
+  buildInvitesView(invites) {
+    if (invites == null) {
+      return []
+    }
+    return invites.map(invite => _.pick(invite, ['_id', 'email', 'privileges']))
+  },
+}
diff --git a/services/web/app/src/Features/Project/ProjectEntityHandler.js b/services/web/app/src/Features/Project/ProjectEntityHandler.js
new file mode 100644
index 0000000..7d0498f
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectEntityHandler.js
@@ -0,0 +1,220 @@
+const path = require('path')
+const DocstoreManager = require('../Docstore/DocstoreManager')
+const Errors = require('../Errors/Errors')
+const ProjectGetter = require('./ProjectGetter')
+const { callbackifyAll } = require('@overleaf/promise-utils')
+const OError = require('@overleaf/o-error')
+const { iterablePaths } = require('./IterablePath')
+
+async function getAllDocs(projectId) {
+  // We get the path and name info from the project, and the lines and
+  // version info from the doc store.
+  const docContentsArray = await DocstoreManager.promises.getAllDocs(projectId)
+
+  // Turn array from docstore into a dictionary based on doc id
+  const docContents = {}
+  for (const docContent of docContentsArray) {
+    docContents[docContent._id] = docContent
+  }
+
+  const folders = await _getAllFolders(projectId)
+  const docs = {}
+  for (const { path: folderPath, folder } of folders) {
+    for (const doc of iterablePaths(folder, 'docs')) {
+      const content = docContents[doc._id.toString()]
+      if (content != null) {
+        docs[path.join(folderPath, doc.name)] = {
+          _id: doc._id,
+          name: doc.name,
+          lines: content.lines,
+          rev: content.rev,
+          folder,
+        }
+      }
+    }
+  }
+
+  return docs
+}
+
+async function getAllFiles(projectId) {
+  const folders = await _getAllFolders(projectId)
+  const files = {}
+  for (const { path: folderPath, folder } of folders) {
+    for (const file of iterablePaths(folder, 'fileRefs')) {
+      if (file != null) {
+        files[path.join(folderPath, file.name)] = { ...file, folder }
+      }
+    }
+  }
+  return files
+}
+
+async function getAllEntities(projectId) {
+  const project = await ProjectGetter.promises.getProject(projectId)
+  if (project == null) {
+    throw new Errors.NotFoundError('project not found')
+  }
+  const entities = getAllEntitiesFromProject(project)
+  return entities
+}
+
+function getAllEntitiesFromProject(project) {
+  const folders = _getAllFoldersFromProject(project)
+  const docs = []
+  const files = []
+  for (const { path: folderPath, folder } of folders) {
+    for (const doc of iterablePaths(folder, 'docs')) {
+      if (doc != null) {
+        docs.push({ path: path.join(folderPath, doc.name), doc })
+      }
+    }
+    for (const file of iterablePaths(folder, 'fileRefs')) {
+      if (file != null) {
+        files.push({ path: path.join(folderPath, file.name), file })
+      }
+    }
+  }
+  return { docs, files, folders }
+}
+
+async function getAllDocPathsFromProjectById(projectId) {
+  const project =
+    await ProjectGetter.promises.getProjectWithoutDocLines(projectId)
+  if (project == null) {
+    throw new Errors.NotFoundError('no project')
+  }
+  const docPaths = getAllDocPathsFromProject(project)
+  return docPaths
+}
+
+function getAllDocPathsFromProject(project) {
+  const folders = _getAllFoldersFromProject(project)
+  const docPath = {}
+  for (const { path: folderPath, folder } of folders) {
+    for (const doc of iterablePaths(folder, 'docs')) {
+      docPath[doc._id] = path.join(folderPath, doc.name)
+    }
+  }
+  return docPath
+}
+
+/**
+ *
+ * @param {string} projectId
+ * @param {string} docId
+ * @param {{peek?: boolean, include_deleted?: boolean}} options
+ * @return {Promise<{lines: *, rev: *, version: *, ranges: *}>}
+ */
+async function getDoc(projectId, docId, options = {}) {
+  const { lines, rev, version, ranges } = await DocstoreManager.promises.getDoc(
+    projectId,
+    docId,
+    options
+  )
+  return { lines, rev, version, ranges }
+}
+
+/**
+ * @param {ObjectId | string} projectId
+ * @param {ObjectId | string} docId
+ */
+async function getDocPathByProjectIdAndDocId(projectId, docId) {
+  const project =
+    await ProjectGetter.promises.getProjectWithoutDocLines(projectId)
+  if (project == null) {
+    throw new Errors.NotFoundError('no project')
+  }
+  const docPath = await getDocPathFromProjectByDocId(project, docId)
+  if (docPath == null) {
+    throw new Errors.NotFoundError('no doc')
+  }
+  return docPath
+}
+
+function _recursivelyFindDocInFolder(basePath, docId, folder) {
+  const docInCurrentFolder = (folder.docs || []).find(
+    currentDoc => currentDoc._id.toString() === docId.toString()
+  )
+  if (docInCurrentFolder != null) {
+    return path.join(basePath, docInCurrentFolder.name)
+  } else {
+    let docPath, childFolder
+    for (childFolder of iterablePaths(folder, 'folders')) {
+      docPath = _recursivelyFindDocInFolder(
+        path.join(basePath, childFolder.name),
+        docId,
+        childFolder
+      )
+      if (docPath != null) {
+        return docPath
+      }
+    }
+    return null
+  }
+}
+
+/**
+ * @param {Project} project
+ * @param {ObjectId | string} docId
+ * @param {Function} callback
+ */
+async function getDocPathFromProjectByDocId(project, docId) {
+  const docPath = _recursivelyFindDocInFolder('/', docId, project.rootFolder[0])
+  return docPath
+}
+
+async function _getAllFolders(projectId) {
+  const project =
+    await ProjectGetter.promises.getProjectWithoutDocLines(projectId)
+
+  if (project == null) {
+    throw new Errors.NotFoundError('no project')
+  }
+  const folders = _getAllFoldersFromProject(project)
+  return folders
+}
+
+function _getAllFoldersFromProject(project) {
+  const folders = []
+  try {
+    const processFolder = (basePath, folder) => {
+      folders.push({ path: basePath, folder })
+      if (folder.folders) {
+        for (const childFolder of iterablePaths(folder, 'folders')) {
+          if (childFolder.name != null) {
+            const childPath = path.join(basePath, childFolder.name)
+            processFolder(childPath, childFolder)
+          }
+        }
+      }
+    }
+    processFolder('/', project.rootFolder[0])
+    return folders
+  } catch (err) {
+    throw OError.tag(err, 'Error getting folders', { projectId: project._id })
+  }
+}
+
+const ProjectEntityHandler = {
+  getAllDocs,
+  getAllFiles,
+  getAllEntities,
+  getAllDocPathsFromProjectById,
+  getDoc,
+  getDocPathByProjectIdAndDocId,
+  getDocPathFromProjectByDocId,
+  _getAllFolders,
+}
+
+module.exports = {
+  ...callbackifyAll(ProjectEntityHandler, {
+    multiResult: {
+      getDoc: ['lines', 'rev', 'version', 'ranges'],
+    },
+  }),
+  promises: ProjectEntityHandler,
+  getAllEntitiesFromProject,
+  getAllDocPathsFromProject,
+  _getAllFoldersFromProject,
+}
diff --git a/services/web/app/src/Features/Project/ProjectEntityMongoUpdateHandler.js b/services/web/app/src/Features/Project/ProjectEntityMongoUpdateHandler.js
new file mode 100644
index 0000000..84002f1
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectEntityMongoUpdateHandler.js
@@ -0,0 +1,764 @@
+const { callbackify } = require('util')
+const { callbackifyMultiResult } = require('@overleaf/promise-utils')
+const logger = require('@overleaf/logger')
+const path = require('path')
+const { ObjectId } = require('mongodb-legacy')
+const Settings = require('@overleaf/settings')
+const OError = require('@overleaf/o-error')
+const CooldownManager = require('../Cooldown/CooldownManager')
+const Errors = require('../Errors/Errors')
+const { Folder } = require('../../models/Folder')
+const LockManager = require('../../infrastructure/LockManager')
+const { Project } = require('../../models/Project')
+const ProjectEntityHandler = require('./ProjectEntityHandler')
+const ProjectGetter = require('./ProjectGetter')
+const ProjectLocator = require('./ProjectLocator')
+const FolderStructureBuilder = require('./FolderStructureBuilder')
+const SafePath = require('./SafePath')
+const { DeletedFile } = require('../../models/DeletedFile')
+const { iterablePaths } = require('./IterablePath')
+
+const LOCK_NAMESPACE = 'mongoTransaction'
+const ENTITY_TYPE_TO_MONGO_PATH_SEGMENT = {
+  doc: 'docs',
+  docs: 'docs',
+  file: 'fileRefs',
+  files: 'fileRefs',
+  fileRefs: 'fileRefs',
+  folder: 'folders',
+  folders: 'folders',
+}
+
+module.exports = {
+  LOCK_NAMESPACE,
+  addDoc: callbackifyMultiResult(wrapWithLock(addDoc), ['result', 'project']),
+  addFile: callbackifyMultiResult(wrapWithLock(addFile), ['result', 'project']),
+  addFolder: callbackifyMultiResult(wrapWithLock(addFolder), [
+    'folder',
+    'parentFolderId',
+  ]),
+  replaceFileWithNew: callbackifyMultiResult(wrapWithLock(replaceFileWithNew), [
+    'oldFileRef',
+    'project',
+    'path',
+    'newProject',
+    'newFileRef',
+  ]),
+  replaceDocWithFile: callbackify(replaceDocWithFile),
+  replaceFileWithDoc: callbackify(replaceFileWithDoc),
+  mkdirp: callbackifyMultiResult(wrapWithLock(mkdirp), [
+    'newFolders',
+    'folder',
+    'parentFolder',
+  ]),
+  moveEntity: callbackifyMultiResult(wrapWithLock(moveEntity), [
+    'project',
+    'startPath',
+    'endPath',
+    'rev',
+    'changes',
+  ]),
+  deleteEntity: callbackifyMultiResult(wrapWithLock(deleteEntity), [
+    'entity',
+    'path',
+    'projectBeforeDeletion',
+    'newProject',
+  ]),
+  renameEntity: callbackifyMultiResult(wrapWithLock(renameEntity), [
+    'project',
+    'startPath',
+    'endPath',
+    'rev',
+    'changes',
+  ]),
+  createNewFolderStructure: callbackify(wrapWithLock(createNewFolderStructure)),
+  _insertDeletedFileReference: callbackify(_insertDeletedFileReference),
+  _putElement: callbackifyMultiResult(_putElement, ['result', 'project']),
+  _confirmFolder,
+  promises: {
+    addDoc: wrapWithLock(addDoc),
+    addFile: wrapWithLock(addFile),
+    addFolder: wrapWithLock(addFolder),
+    replaceFileWithNew: wrapWithLock(replaceFileWithNew),
+    replaceDocWithFile: wrapWithLock(replaceDocWithFile),
+    replaceFileWithDoc: wrapWithLock(replaceFileWithDoc),
+    mkdirp: wrapWithLock(mkdirp),
+    moveEntity: wrapWithLock(moveEntity),
+    deleteEntity: wrapWithLock(deleteEntity),
+    renameEntity: wrapWithLock(renameEntity),
+    createNewFolderStructure: wrapWithLock(createNewFolderStructure),
+    _insertDeletedFileReference,
+    _putElement,
+  },
+}
+
+function wrapWithLock(methodWithoutLock) {
+  // This lock is used whenever we read or write to an existing project's
+  // structure. Some operations to project structure cannot be done atomically
+  // in mongo, this lock is used to prevent reading the structure between two
+  // parts of a staged update.
+  async function methodWithLock(projectId, ...rest) {
+    return LockManager.promises.runWithLock(LOCK_NAMESPACE, projectId, () =>
+      methodWithoutLock(projectId, ...rest)
+    )
+  }
+  return methodWithLock
+}
+
+async function addDoc(projectId, folderId, doc, userId) {
+  const project = await ProjectGetter.promises.getProjectWithoutLock(
+    projectId,
+    {
+      rootFolder: true,
+      name: true,
+      overleaf: true,
+    }
+  )
+  folderId = _confirmFolder(project, folderId)
+  const { result, project: newProject } = await _putElement(
+    project,
+    folderId,
+    doc,
+    'doc',
+    userId
+  )
+  return { result, project: newProject }
+}
+
+async function addFile(projectId, folderId, fileRef, userId) {
+  const project = await ProjectGetter.promises.getProjectWithoutLock(
+    projectId,
+    { rootFolder: true, name: true, overleaf: true }
+  )
+  folderId = _confirmFolder(project, folderId)
+  const { result, project: newProject } = await _putElement(
+    project,
+    folderId,
+    fileRef,
+    'file',
+    userId
+  )
+  return { result, project: newProject }
+}
+
+async function addFolder(projectId, parentFolderId, folderName, userId) {
+  const project = await ProjectGetter.promises.getProjectWithoutLock(
+    projectId,
+    { rootFolder: true, name: true, overleaf: true }
+  )
+  parentFolderId = _confirmFolder(project, parentFolderId)
+  const folder = new Folder({ name: folderName })
+  await _putElement(project, parentFolderId, folder, 'folder', userId)
+  return { folder, parentFolderId }
+}
+
+async function replaceFileWithNew(projectId, fileId, newFileRef, userId) {
+  const project = await ProjectGetter.promises.getProjectWithoutLock(
+    projectId,
+    { rootFolder: true, name: true, overleaf: true }
+  )
+  const { element: fileRef, path } = await ProjectLocator.promises.findElement({
+    project,
+    element_id: fileId,
+    type: 'file',
+  })
+  await _insertDeletedFileReference(projectId, fileRef)
+  const newProject = await Project.findOneAndUpdate(
+    { _id: project._id, [path.mongo]: { $exists: true } },
+    {
+      $set: {
+        [`${path.mongo}._id`]: newFileRef._id,
+        [`${path.mongo}.created`]: new Date(),
+        [`${path.mongo}.linkedFileData`]: newFileRef.linkedFileData,
+        [`${path.mongo}.hash`]: newFileRef.hash,
+        lastUpdated: new Date(),
+        lastUpdatedBy: userId,
+      },
+      $inc: {
+        version: 1,
+        [`${path.mongo}.rev`]: 1,
+      },
+    },
+    // Note: Mongoose uses new:true to return the modified document
+    // https://mongoosejs.com/docs/api.html#model_Model.findOneAndUpdate
+    // but Mongo uses returnNewDocument:true instead
+    // https://docs.mongodb.com/manual/reference/method/db.collection.findOneAndUpdate/
+    // We are using Mongoose here, but if we ever switch to a direct mongo call
+    // the next line will need to be updated.
+    { new: true }
+  ).exec()
+  if (newProject == null) {
+    throw new OError('Project not found or path not found in filetree', {
+      projectId,
+      path,
+    })
+  }
+  // Refresh newFileRef with the version returned from the database
+  newFileRef = ProjectLocator.findElementByMongoPath(newProject, path.mongo)
+  return { oldFileRef: fileRef, project, path, newProject, newFileRef }
+}
+
+async function replaceDocWithFile(projectId, docId, fileRef, userId) {
+  const project = await ProjectGetter.promises.getProjectWithoutLock(
+    projectId,
+    { rootFolder: true, name: true, overleaf: true }
+  )
+  const { path } = await ProjectLocator.promises.findElement({
+    project,
+    element_id: docId,
+    type: 'doc',
+  })
+  const folderMongoPath = _getParentMongoPath(path.mongo)
+  const newProject = await Project.findOneAndUpdate(
+    { _id: project._id, [folderMongoPath]: { $exists: true } },
+    {
+      $pull: {
+        [`${folderMongoPath}.docs`]: { _id: docId },
+      },
+      $push: {
+        [`${folderMongoPath}.fileRefs`]: fileRef,
+      },
+      $inc: { version: 1 },
+      $set: { lastUpdated: new Date(), lastUpdatedBy: userId },
+    },
+    { new: true }
+  ).exec()
+  if (newProject == null) {
+    throw new OError('Project not found or path not found in filetree', {
+      projectId,
+      path,
+    })
+  }
+  return newProject
+}
+
+async function replaceFileWithDoc(projectId, fileId, newDoc, userId) {
+  const project = await ProjectGetter.promises.getProjectWithoutLock(
+    projectId,
+    { rootFolder: true, name: true, overleaf: true }
+  )
+  const { path } = await ProjectLocator.promises.findElement({
+    project,
+    element_id: fileId,
+    type: 'file',
+  })
+  const folderMongoPath = _getParentMongoPath(path.mongo)
+  const newProject = await Project.findOneAndUpdate(
+    { _id: project._id, [folderMongoPath]: { $exists: true } },
+    {
+      $pull: {
+        [`${folderMongoPath}.fileRefs`]: { _id: fileId },
+      },
+      $push: {
+        [`${folderMongoPath}.docs`]: newDoc,
+      },
+      $inc: { version: 1 },
+      $set: { lastUpdated: new Date(), lastUpdatedBy: userId },
+    },
+    { new: true }
+  ).exec()
+  if (newProject == null) {
+    throw new OError('Project not found or path not found in filetree', {
+      projectId,
+      path,
+    })
+  }
+  return newProject
+}
+
+async function mkdirp(projectId, path, userId, options = {}) {
+  // defaults to case insensitive paths, use options {exactCaseMatch:true}
+  // to make matching case-sensitive
+  const folders = path.split('/').filter(folder => folder.length !== 0)
+
+  const project =
+    await ProjectGetter.promises.getProjectWithOnlyFolders(projectId)
+  if (path === '/') {
+    return { newFolders: [], folder: project.rootFolder[0] }
+  }
+
+  const newFolders = []
+  let builtUpPath = ''
+  let lastFolder = null
+  for (const folderName of folders) {
+    builtUpPath += `/${folderName}`
+    try {
+      const { element: foundFolder, folder: parentFolder } =
+        await ProjectLocator.promises.findElementByPath({
+          project,
+          path: builtUpPath,
+          exactCaseMatch: options.exactCaseMatch,
+        })
+      lastFolder = foundFolder
+      lastFolder.parentFolder_id = parentFolder._id
+    } catch (err) {
+      // Folder couldn't be found. Create it.
+      const parentFolderId = lastFolder && lastFolder._id
+      const { folder: newFolder, parentFolderId: newParentFolderId } =
+        await addFolder(projectId, parentFolderId, folderName, userId)
+      newFolder.parentFolder_id = newParentFolderId
+      lastFolder = newFolder
+      newFolders.push(newFolder)
+    }
+  }
+  return { folder: lastFolder, newFolders }
+}
+
+async function moveEntity(
+  projectId,
+  entityId,
+  destFolderId,
+  entityType,
+  userId
+) {
+  const project = await ProjectGetter.promises.getProjectWithoutLock(
+    projectId,
+    { rootFolder: true, name: true, overleaf: true }
+  )
+  const { element: entity, path: entityPath } =
+    await ProjectLocator.promises.findElement({
+      project,
+      element_id: entityId,
+      type: entityType,
+    })
+  // Prevent top-level docs/files with reserved names (to match v1 behaviour)
+  if (_blockedFilename(entityPath, entityType)) {
+    throw new Errors.InvalidNameError('blocked element name')
+  }
+  await _checkValidMove(project, entityType, entity, entityPath, destFolderId)
+  const { docs: oldDocs, files: oldFiles } =
+    ProjectEntityHandler.getAllEntitiesFromProject(project)
+  // For safety, insert the entity in the destination
+  // location first, and then remove the original.  If
+  // there is an error the entity may appear twice. This
+  // will cause some breakage but is better than being
+  // lost, which is what happens if this is done in the
+  // opposite order.
+  const { result } = await _putElement(
+    project,
+    destFolderId,
+    entity,
+    entityType,
+    userId
+  )
+  // Note: putElement always pushes onto the end of an
+  // array so it will never change an existing mongo
+  // path. Therefore it is safe to remove an element
+  // from the project with an existing path after
+  // calling putElement. But we must be sure that we
+  // have not moved a folder subfolder of itself (which
+  // is done by _checkValidMove above) because that
+  // would lead to it being deleted.
+  const newProject = await _removeElementFromMongoArray(
+    projectId,
+    entityPath.mongo,
+    entityId,
+    userId
+  )
+  const { docs: newDocs, files: newFiles } =
+    ProjectEntityHandler.getAllEntitiesFromProject(newProject)
+  const startPath = entityPath.fileSystem
+  const endPath = result.path.fileSystem
+  const changes = {
+    oldDocs,
+    newDocs,
+    oldFiles,
+    newFiles,
+    newProject,
+  }
+  // check that no files have been lost (or duplicated)
+  if (
+    oldFiles.length !== newFiles.length ||
+    oldDocs.length !== newDocs.length
+  ) {
+    logger.warn(
+      {
+        projectId,
+        oldDocs: oldDocs.length,
+        newDocs: newDocs.length,
+        oldFiles: oldFiles.length,
+        newFiles: newFiles.length,
+        origProject: project,
+        newProject,
+      },
+      "project corrupted moving files - shouldn't happen"
+    )
+    throw new Error('unexpected change in project structure')
+  }
+  return { project, startPath, endPath, rev: entity.rev, changes }
+}
+
+async function deleteEntity(projectId, entityId, entityType, userId) {
+  const project = await ProjectGetter.promises.getProjectWithoutLock(
+    projectId,
+    { name: true, rootFolder: true, overleaf: true, rootDoc_id: true }
+  )
+  if (
+    entityType === 'folder' &&
+    project.rootFolder.some(
+      rootFolder => rootFolder._id.toString() === entityId.toString()
+    )
+  ) {
+    throw new Errors.NonDeletableEntityError('cannot delete root folder')
+  }
+
+  const deleteRootDoc =
+    project.rootDoc_id &&
+    entityId &&
+    project.rootDoc_id.toString() === entityId.toString()
+  const { element: entity, path } = await ProjectLocator.promises.findElement({
+    project,
+    element_id: entityId,
+    type: entityType,
+  })
+  const newProject = await _removeElementFromMongoArray(
+    projectId,
+    path.mongo,
+    entityId,
+    userId,
+    deleteRootDoc
+  )
+  return { entity, path, projectBeforeDeletion: project, newProject }
+}
+
+async function renameEntity(projectId, entityId, entityType, newName, userId) {
+  const project = await ProjectGetter.promises.getProjectWithoutLock(
+    projectId,
+    { rootFolder: true, name: true, overleaf: true }
+  )
+  const {
+    element: entity,
+    path: entPath,
+    folder: parentFolder,
+  } = await ProjectLocator.promises.findElement({
+    project,
+    element_id: entityId,
+    type: entityType,
+  })
+  const startPath = entPath.fileSystem
+  const endPath = path.join(path.dirname(entPath.fileSystem), newName)
+
+  // Prevent top-level docs/files with reserved names (to match v1 behaviour)
+  if (_blockedFilename({ fileSystem: endPath }, entityType)) {
+    throw new Errors.InvalidNameError('blocked element name')
+  }
+
+  // check if the new name already exists in the current folder
+  _checkValidElementName(parentFolder, newName)
+
+  const { docs: oldDocs, files: oldFiles } =
+    ProjectEntityHandler.getAllEntitiesFromProject(project)
+
+  // we need to increment the project version number for any structure change
+  const newProject = await Project.findOneAndUpdate(
+    { _id: projectId, [entPath.mongo]: { $exists: true } },
+    {
+      $set: {
+        [`${entPath.mongo}.name`]: newName,
+        lastUpdated: new Date(),
+        lastUpdatedBy: userId,
+      },
+      $inc: { version: 1 },
+    },
+    { new: true }
+  ).exec()
+  if (newProject == null) {
+    throw new OError('Project not found or path not found in filetree', {
+      projectId,
+      path: entPath,
+    })
+  }
+
+  const { docs: newDocs, files: newFiles } =
+    ProjectEntityHandler.getAllEntitiesFromProject(newProject)
+  return {
+    project,
+    startPath,
+    endPath,
+    rev: entity.rev,
+    changes: { oldDocs, newDocs, oldFiles, newFiles, newProject },
+  }
+}
+
+async function _insertDeletedFileReference(projectId, fileRef) {
+  await DeletedFile.create({
+    projectId,
+    _id: fileRef._id,
+    name: fileRef.name,
+    linkedFileData: fileRef.linkedFileData,
+    hash: fileRef.hash,
+    deletedAt: new Date(),
+  })
+}
+
+async function _removeElementFromMongoArray(
+  modelId,
+  path,
+  elementId,
+  userId,
+  deleteRootDoc = false
+) {
+  const nonArrayPath = path.slice(0, path.lastIndexOf('.'))
+  const options = { new: true }
+  const query = { _id: modelId }
+  const update = {
+    $pull: { [nonArrayPath]: { _id: elementId } },
+    $inc: { version: 1 },
+    $set: { lastUpdated: new Date(), lastUpdatedBy: userId },
+  }
+  if (deleteRootDoc) {
+    update.$unset = { rootDoc_id: 1 }
+  }
+  return Project.findOneAndUpdate(query, update, options).exec()
+}
+
+function _countElements(project) {
+  function countFolder(folder) {
+    if (folder == null) {
+      return 0
+    }
+
+    let total = 0
+    if (folder.folders) {
+      total += folder.folders.length
+      for (const subfolder of iterablePaths(folder, 'folders')) {
+        total += countFolder(subfolder)
+      }
+    }
+    if (folder.docs) {
+      total += folder.docs.length
+    }
+    if (folder.fileRefs) {
+      total += folder.fileRefs.length
+    }
+    return total
+  }
+
+  return countFolder(project.rootFolder[0])
+}
+
+async function _putElement(project, folderId, element, type, userId) {
+  if (element == null || element._id == null) {
+    logger.warn(
+      { projectId: project._id, folderId, element, type },
+      'failed trying to insert element as it was null'
+    )
+    throw new Error('no element passed to be inserted')
+  }
+
+  const pathSegment = _getMongoPathSegmentFromType(type)
+
+  // original check path.resolve("/", element.name) isnt "/#{element.name}" or element.name.match("/")
+  // check if name is allowed
+  if (!SafePath.isCleanFilename(element.name)) {
+    logger.warn(
+      { projectId: project._id, folderId, element, type },
+      'failed trying to insert element as name was invalid'
+    )
+    throw new Errors.InvalidNameError('invalid element name')
+  }
+
+  if (folderId == null) {
+    folderId = project.rootFolder[0]._id
+  }
+
+  if (_countElements(project) > Settings.maxEntitiesPerProject) {
+    logger.warn(
+      { projectId: project._id },
+      'project too big, stopping insertions'
+    )
+    CooldownManager.putProjectOnCooldown(project._id)
+    throw new Error('project_has_too_many_files')
+  }
+
+  const { element: folder, path } = await ProjectLocator.promises.findElement({
+    project,
+    element_id: folderId,
+    type: 'folder',
+  })
+  const newPath = {
+    fileSystem: `${path.fileSystem}/${element.name}`,
+    mongo: path.mongo,
+  }
+  // check if the path would be too long
+  if (!SafePath.isAllowedLength(newPath.fileSystem)) {
+    throw new Errors.InvalidNameError('path too long')
+  }
+  // Prevent top-level docs/files with reserved names (to match v1 behaviour)
+  if (_blockedFilename(newPath, type)) {
+    throw new Errors.InvalidNameError('blocked element name')
+  }
+  _checkValidElementName(folder, element.name)
+  element._id = new ObjectId(element._id.toString())
+  const mongoPath = `${path.mongo}.${pathSegment}`
+  const newProject = await Project.findOneAndUpdate(
+    { _id: project._id, [path.mongo]: { $exists: true } },
+    {
+      $push: { [mongoPath]: element },
+      $inc: { version: 1 },
+      $set: { lastUpdated: new Date(), lastUpdatedBy: userId },
+    },
+    { new: true }
+  ).exec()
+  if (newProject == null) {
+    throw new OError('Project not found or path not found in filetree', {
+      projectId: project._id,
+      path,
+    })
+  }
+  return { result: { path: newPath }, project: newProject }
+}
+
+function _blockedFilename(entityPath, entityType) {
+  // check if name would be blocked in v1
+  // javascript reserved names are forbidden for docs and files
+  // at the top-level (but folders with reserved names are allowed).
+  const isFolder = entityType === 'folder'
+  const dir = path.dirname(entityPath.fileSystem)
+  const file = path.basename(entityPath.fileSystem)
+  const isTopLevel = dir === '/'
+  if (isTopLevel && !isFolder && SafePath.isBlockedFilename(file)) {
+    return true
+  } else {
+    return false
+  }
+}
+
+function _getMongoPathSegmentFromType(type) {
+  const pathSegment = ENTITY_TYPE_TO_MONGO_PATH_SEGMENT[type]
+  if (pathSegment == null) {
+    throw new Error(`Unknown entity type: ${type}`)
+  }
+  return pathSegment
+}
+
+/**
+ * Check if the name is already taken by a doc, file or folder. If so, return an
+ * error "file already exists".
+ */
+function _checkValidElementName(folder, name) {
+  if (folder == null) {
+    return
+  }
+  const elements = []
+    .concat(folder.docs || [])
+    .concat(folder.fileRefs || [])
+    .concat(folder.folders || [])
+  for (const element of elements) {
+    if (element.name === name) {
+      throw new Errors.DuplicateNameError('file already exists')
+    }
+  }
+}
+
+function _confirmFolder(project, folderId) {
+  if (folderId == null) {
+    return project.rootFolder[0]._id
+  } else {
+    return folderId
+  }
+}
+
+function _checkValidFolderPath(folderPath, destinationFolderPath) {
+  if (!folderPath.endsWith('/')) {
+    folderPath += '/'
+  }
+
+  if (!destinationFolderPath.endsWith('/')) {
+    destinationFolderPath += '/'
+  }
+
+  if (destinationFolderPath === folderPath) {
+    throw new Errors.InvalidNameError('destination folder is the same as me')
+  }
+
+  if (destinationFolderPath.startsWith(folderPath)) {
+    throw new Errors.InvalidNameError(
+      'destination folder is a child folder of me'
+    )
+  }
+}
+
+async function _checkValidMove(
+  project,
+  entityType,
+  entity,
+  entityPath,
+  destFolderId
+) {
+  const { element: destEntity, path: destFolderPath } =
+    await ProjectLocator.promises.findElement({
+      project,
+      element_id: destFolderId,
+      type: 'folder',
+    })
+
+  // check if there is already a doc/file/folder with the same name
+  // in the destination folder
+  _checkValidElementName(destEntity, entity.name)
+
+  // check if the folder being moved is a parent of the destination folder
+  if (/folder/.test(entityType)) {
+    _checkValidFolderPath(entityPath.fileSystem, destFolderPath.fileSystem)
+  }
+}
+
+/**
+ * Create an initial file tree out of a list of doc and file entries
+ *
+ * Each entry specifies a path to the doc or file. Folders are automatically
+ * created.
+ *
+ * @param {ObjectId} projectId - id of the project
+ * @param {DocEntry[]} docEntries - list of docs to add
+ * @param {FileEntry[]} fileEntries - list of files to add
+ * @return {Promise<string>} the project version after the operation
+ */
+async function createNewFolderStructure(projectId, docEntries, fileEntries) {
+  try {
+    const rootFolder = FolderStructureBuilder.buildFolderStructure(
+      docEntries,
+      fileEntries
+    )
+    const project = await Project.findOneAndUpdate(
+      {
+        _id: projectId,
+        'rootFolder.0.folders.0': { $exists: false },
+        'rootFolder.0.docs.0': { $exists: false },
+        'rootFolder.0.files.0': { $exists: false },
+      },
+      {
+        $set: {
+          rootFolder: [rootFolder],
+          // NOTE: Do not set lastUpdated/lastUpdatedBy here. They are both set when creating the initial record.
+          // The newly created clsi-cache record uses the lastUpdated timestamp of the initial record. Updating the lastUpdated timestamp here invalidates the cache record.
+        },
+        $inc: { version: 1 },
+      },
+      {
+        new: true,
+        lean: true,
+        fields: { version: 1 },
+      }
+    ).exec()
+    if (project == null) {
+      throw new OError('project not found or folder structure already exists', {
+        projectId,
+      })
+    }
+    return project.version
+  } catch (err) {
+    throw OError.tag(err, 'failed to create folder structure', { projectId })
+  }
+}
+
+/**
+ * Given a Mongo path to an entity, return the Mongo path to the parent folder
+ */
+function _getParentMongoPath(mongoPath) {
+  const segments = mongoPath.split('.')
+  if (segments.length <= 2) {
+    throw new Error('Root folder has no parents')
+  }
+  return segments.slice(0, -2).join('.')
+}
diff --git a/services/web/app/src/Features/Project/ProjectEntityRestoreHandler.js b/services/web/app/src/Features/Project/ProjectEntityRestoreHandler.js
new file mode 100644
index 0000000..2ab8a23
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectEntityRestoreHandler.js
@@ -0,0 +1,45 @@
+const { callbackify } = require('util')
+const Path = require('path')
+const ProjectEntityHandler = require('./ProjectEntityHandler')
+const EditorController = require('../Editor/EditorController')
+
+// generate a new name based on the original, with an optional label.
+// e.g. origname-20210101-122345.tex          (default)
+//      origname-restored-20210101-122345.tex (label="restored")
+function generateRestoredName(docName, label) {
+  const formattedTimestamp = new Date()
+    .toISOString()
+    .replace('T', '-')
+    .replace(/[^0-9-]/g, '')
+  const extension = Path.extname(docName)
+  const basename =
+    Path.basename(docName, extension) + (label ? `-${label}` : '')
+  return `${basename}-${formattedTimestamp}${extension}`
+}
+
+async function restoreDeletedDoc(projectId, docId, docName, userId) {
+  const deletedDoc = await ProjectEntityHandler.promises.getDoc(
+    projectId,
+    docId,
+    { include_deleted: true }
+  )
+  const deletedDocName = generateRestoredName(docName)
+  // Create the doc and emit a websocket message.
+  return await EditorController.promises.addDocWithRanges(
+    projectId,
+    null,
+    `${deletedDocName}`,
+    deletedDoc.lines,
+    deletedDoc.ranges,
+    null,
+    userId
+  )
+}
+
+module.exports = {
+  restoreDeletedDoc: callbackify(restoreDeletedDoc),
+  generateRestoredName,
+  promises: {
+    restoreDeletedDoc,
+  },
+}
diff --git a/services/web/app/src/Features/Project/ProjectEntityUpdateHandler.js b/services/web/app/src/Features/Project/ProjectEntityUpdateHandler.js
new file mode 100644
index 0000000..a3ae3e0
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectEntityUpdateHandler.js
@@ -0,0 +1,1729 @@
+const _ = require('lodash')
+const OError = require('@overleaf/o-error')
+const logger = require('@overleaf/logger')
+const Settings = require('@overleaf/settings')
+const Path = require('path')
+const fs = require('fs')
+const { Doc } = require('../../models/Doc')
+const DocstoreManager = require('../Docstore/DocstoreManager')
+const DocumentUpdaterHandler = require('../../Features/DocumentUpdater/DocumentUpdaterHandler')
+const Errors = require('../Errors/Errors')
+const FileStoreHandler = require('../FileStore/FileStoreHandler')
+const LockManager = require('../../infrastructure/LockManager')
+const { Project } = require('../../models/Project')
+const ProjectEntityHandler = require('./ProjectEntityHandler')
+const ProjectGetter = require('./ProjectGetter')
+const ProjectLocator = require('./ProjectLocator')
+const ProjectOptionsHandler = require('./ProjectOptionsHandler')
+const ProjectUpdateHandler = require('./ProjectUpdateHandler')
+const ProjectEntityMongoUpdateHandler = require('./ProjectEntityMongoUpdateHandler')
+const SafePath = require('./SafePath')
+const TpdsUpdateSender = require('../ThirdPartyDataStore/TpdsUpdateSender')
+const FileWriter = require('../../infrastructure/FileWriter')
+const EditorRealTimeController = require('../Editor/EditorRealTimeController')
+const {
+  callbackifyMultiResult,
+  callbackify,
+} = require('@overleaf/promise-utils')
+const { iterablePaths } = require('./IterablePath')
+
+const LOCK_NAMESPACE = 'sequentialProjectStructureUpdateLock'
+const VALID_ROOT_DOC_EXTENSIONS = Settings.validRootDocExtensions
+const VALID_ROOT_DOC_REGEXP = new RegExp(
+  `^\\.(${VALID_ROOT_DOC_EXTENSIONS.join('|')})$`,
+  'i'
+)
+
+function wrapWithLock(methodWithoutLock, lockManager = LockManager) {
+  // This lock is used to make sure that the project structure updates are made
+  // sequentially. In particular the updates must be made in mongo and sent to
+  // the doc-updater in the same order.
+  if (typeof methodWithoutLock === 'function') {
+    const methodWithLock = async (projectId, ...rest) => {
+      return lockManager.promises.runWithLock(LOCK_NAMESPACE, projectId, () =>
+        methodWithoutLock(projectId, ...rest)
+      )
+    }
+    methodWithLock.withoutLock = methodWithoutLock
+    return methodWithLock
+  } else {
+    // handle case with separate setup and locked stages
+    const mainTask = methodWithoutLock.withLock
+    const methodWithLock = async (projectId, ...rest) => {
+      const arg = await methodWithoutLock.beforeLock(projectId, ...rest)
+      return lockManager.promises.runWithLock(LOCK_NAMESPACE, projectId, () =>
+        mainTask(arg)
+      )
+    }
+    methodWithLock.withoutLock = async (...args) => {
+      return await mainTask(await methodWithoutLock.beforeLock(...args))
+    }
+    methodWithLock.beforeLock = methodWithoutLock.beforeLock
+    methodWithLock.mainTask = methodWithoutLock.withLock
+    return methodWithLock
+  }
+}
+
+async function getDocContext(projectId, docId) {
+  let project
+  try {
+    project = await ProjectGetter.promises.getProject(projectId, {
+      name: true,
+      rootFolder: true,
+    })
+  } catch (err) {
+    throw OError.tag(err, 'error fetching project', {
+      projectId,
+    })
+  }
+
+  if (!project) {
+    throw new Errors.NotFoundError('project not found')
+  }
+  try {
+    const { path, folder } = await ProjectLocator.promises.findElement({
+      project,
+      element_id: docId,
+      type: 'docs',
+    })
+    return {
+      projectName: project.name,
+      isDeletedDoc: false,
+      path: path.fileSystem,
+      folder,
+    }
+  } catch (err) {
+    if (err instanceof Errors.NotFoundError) {
+      // (Soft-)Deleted docs are removed from the file-tree (rootFolder).
+      // docstore can tell whether it exists and is (soft)-deleted.
+      let isDeletedDoc
+      try {
+        isDeletedDoc = await DocstoreManager.promises.isDocDeleted(
+          projectId,
+          docId
+        )
+        if (!isDeletedDoc) {
+          // NOTE: This can happen while we delete a doc:
+          //  1. web will update the projects entry
+          //  2. web triggers flushes to tpds/doc-updater
+          //  3. web triggers (soft)-delete in docstore
+          // Specifically when an update comes in after 1
+          //  and before 3 completes.
+          logger.debug(
+            { projectId, docId },
+            'updating doc that is in process of getting soft-deleted'
+          )
+        }
+        return {
+          projectName: project.name,
+          isDeletedDoc: true,
+          path: null,
+          folder: null,
+        }
+      } catch (error) {
+        if (error instanceof Errors.NotFoundError) {
+          logger.warn(
+            { projectId, docId },
+            'doc not found while updating doc lines'
+          )
+          throw error
+        }
+        throw OError.tag(
+          error,
+          'error checking deletion status with docstore',
+          {
+            projectId,
+            docId,
+          }
+        )
+      }
+    } else {
+      throw OError.tag(err, 'error finding doc in rootFolder', {
+        docId,
+        projectId,
+      })
+    }
+  }
+}
+
+async function updateDocLines(
+  projectId,
+  docId,
+  lines,
+  version,
+  ranges,
+  lastUpdatedAt,
+  lastUpdatedBy
+) {
+  let ctx
+  try {
+    ctx = await getDocContext(projectId, docId)
+  } catch (error) {
+    if (error instanceof Errors.NotFoundError) {
+      // Do not allow an update to a doc which has never exist on this project
+      logger.warn(
+        { docId, projectId },
+        'project or doc not found while updating doc lines'
+      )
+    }
+
+    throw error
+  }
+  const { projectName, isDeletedDoc, path, folder } = ctx
+  logger.debug({ projectId, docId }, 'telling docstore manager to update doc')
+  let modified, rev
+  try {
+    ;({ modified, rev } = await DocstoreManager.promises.updateDoc(
+      projectId,
+      docId,
+      lines,
+      version,
+      ranges
+    ))
+  } catch (err) {
+    throw OError.tag(err, 'error sending doc to docstore', { docId, projectId })
+  }
+  // path will only be present if the doc is not deleted
+  if (!modified || isDeletedDoc) {
+    return { rev }
+  }
+  // Don't need to block for marking as updated
+  ProjectUpdateHandler.promises
+    .markAsUpdated(projectId, lastUpdatedAt, lastUpdatedBy)
+    .catch(error => {
+      logger.error({ error }, 'failed to mark project as updated')
+    })
+  await TpdsUpdateSender.promises.addDoc({
+    projectId,
+    path,
+    docId,
+    projectName,
+    rev,
+    folderId: folder?._id,
+  })
+  return { rev, modified }
+}
+
+async function setRootDoc(projectId, newRootDocID) {
+  logger.debug({ projectId, rootDocId: newRootDocID }, 'setting root doc')
+  if (projectId == null || newRootDocID == null) {
+    throw new Errors.InvalidError('missing arguments (project or doc)')
+  }
+  const docPath =
+    await ProjectEntityHandler.promises.getDocPathByProjectIdAndDocId(
+      projectId,
+      newRootDocID
+    )
+  if (ProjectEntityUpdateHandler.isPathValidForRootDoc(docPath)) {
+    await Project.updateOne(
+      { _id: projectId },
+      { rootDoc_id: newRootDocID }
+    ).exec()
+  } else {
+    throw new Errors.UnsupportedFileTypeError(
+      'invalid file extension for root doc'
+    )
+  }
+}
+
+async function unsetRootDoc(projectId) {
+  logger.debug({ projectId }, 'removing root doc')
+  await Project.updateOne(
+    { _id: projectId },
+    { $unset: { rootDoc_id: true } }
+  ).exec()
+}
+
+async function addDoc(projectId, folderId, docName, docLines, userId, source) {
+  return await ProjectEntityUpdateHandler.promises.addDocWithRanges(
+    projectId,
+    folderId,
+    docName,
+    docLines,
+    {},
+    userId,
+    source
+  )
+}
+
+const addDocWithRanges = wrapWithLock({
+  async beforeLock(
+    projectId,
+    folderId,
+    docName,
+    docLines,
+    ranges,
+    userId,
+    source
+  ) {
+    if (!SafePath.isCleanFilename(docName)) {
+      throw new Errors.InvalidNameError('invalid element name')
+    }
+    // Put doc in docstore first, so that if it errors, we don't have a doc_id in the project
+    // which hasn't been created in docstore.
+    const doc = new Doc({ name: docName })
+    const { rev } = await DocstoreManager.promises.updateDoc(
+      projectId.toString(),
+      doc._id.toString(),
+      docLines,
+      0,
+      ranges
+    )
+
+    doc.rev = rev
+    return {
+      projectId,
+      folderId,
+      doc,
+      docName,
+      docLines,
+      ranges,
+      userId,
+      source,
+    }
+  },
+  async withLock({
+    projectId,
+    folderId,
+    doc,
+    docName,
+    docLines,
+    ranges,
+    userId,
+    source,
+  }) {
+    const { result, project } =
+      await ProjectEntityUpdateHandler._addDocAndSendToTpds(
+        projectId,
+        folderId,
+        doc,
+        userId
+      )
+    const docPath = result?.path?.fileSystem
+    const projectHistoryId = project?.overleaf?.history?.id
+    const newDocs = [
+      {
+        doc,
+        path: docPath,
+        docLines: docLines.join('\n'),
+        ranges,
+      },
+    ]
+    await DocumentUpdaterHandler.promises.updateProjectStructure(
+      projectId,
+      projectHistoryId,
+      userId,
+      { newDocs, newProject: project },
+      source
+    )
+    return { doc, folderId: folderId || project.rootFolder[0]._id }
+  },
+})
+
+const addFile = wrapWithLock({
+  async beforeLock(
+    projectId,
+    folderId,
+    fileName,
+    fsPath,
+    linkedFileData,
+    userId,
+    source
+  ) {
+    if (!SafePath.isCleanFilename(fileName)) {
+      throw new Errors.InvalidNameError('invalid element name')
+    }
+    const { url, fileRef, createdBlob } =
+      await ProjectEntityUpdateHandler._uploadFile(
+        projectId,
+        folderId,
+        fileName,
+        fsPath,
+        linkedFileData
+      )
+
+    return {
+      projectId,
+      folderId,
+      userId,
+      fileRef,
+      fileStoreUrl: url,
+      createdBlob,
+      source,
+    }
+  },
+  async withLock({
+    projectId,
+    folderId,
+    userId,
+    fileRef,
+    fileStoreUrl,
+    createdBlob,
+    source,
+  }) {
+    const { result, project } =
+      await ProjectEntityUpdateHandler._addFileAndSendToTpds(
+        projectId,
+        folderId,
+        fileRef,
+        userId
+      )
+    const projectHistoryId = project.overleaf?.history?.id
+    const newFiles = [
+      {
+        createdBlob,
+        file: fileRef,
+        path: result && result.path && result.path.fileSystem,
+        url: fileStoreUrl,
+      },
+    ]
+    await DocumentUpdaterHandler.promises.updateProjectStructure(
+      projectId,
+      projectHistoryId,
+      userId,
+      { newFiles, newProject: project },
+      source
+    )
+    return { fileRef, folderId, createdBlob }
+  },
+})
+
+const upsertDoc = wrapWithLock(
+  async function (projectId, folderId, docName, docLines, source, userId) {
+    if (!SafePath.isCleanFilename(docName)) {
+      throw new Errors.InvalidNameError('invalid element name')
+    }
+    let element, folderPath
+    try {
+      ;({ element, path: folderPath } =
+        await ProjectLocator.promises.findElement({
+          project_id: projectId,
+          element_id: folderId,
+          type: 'folder',
+        }))
+    } catch (error) {
+      if (error instanceof Errors.NotFoundError) {
+        throw new Error('folder_not_found')
+      }
+      throw error
+    }
+
+    if (element == null) {
+      throw new Error("Couldn't find folder")
+    }
+
+    const existingDoc = element.docs.find(({ name }) => name === docName)
+    const existingFile = element.fileRefs.find(({ name }) => name === docName)
+    if (existingFile) {
+      const doc = new Doc({ name: docName })
+      const filePath = `${folderPath.fileSystem}/${existingFile.name}`
+      const { rev } = await DocstoreManager.promises.updateDoc(
+        projectId.toString(),
+        doc._id.toString(),
+        docLines,
+        0,
+        {}
+      )
+
+      doc.rev = rev
+      const project =
+        await ProjectEntityMongoUpdateHandler.promises.replaceFileWithDoc(
+          projectId,
+          existingFile._id,
+          doc,
+          userId
+        )
+
+      await TpdsUpdateSender.promises.addDoc({
+        projectId,
+        docId: doc._id,
+        path: filePath,
+        projectName: project.name,
+        rev: existingFile.rev + 1,
+        folderId,
+      })
+
+      const projectHistoryId =
+        project.overleaf &&
+        project.overleaf.history &&
+        project.overleaf.history.id
+      const newDocs = [
+        {
+          doc,
+          path: filePath,
+          docLines: docLines.join('\n'),
+        },
+      ]
+      const oldFiles = [
+        {
+          file: existingFile,
+          path: filePath,
+        },
+      ]
+      await DocumentUpdaterHandler.promises.updateProjectStructure(
+        projectId,
+        projectHistoryId,
+        userId,
+        { oldFiles, newDocs, newProject: project },
+        source
+      )
+
+      EditorRealTimeController.emitToRoom(
+        projectId,
+        'removeEntity',
+        existingFile._id,
+        'convertFileToDoc'
+      )
+      return { doc, isNew: true }
+    } else if (existingDoc) {
+      const result = await DocumentUpdaterHandler.promises.setDocument(
+        projectId,
+        existingDoc._id,
+        userId,
+        docLines,
+        source
+      )
+      logger.debug(
+        { projectId, docId: existingDoc._id },
+        'notifying users that the document has been updated'
+      )
+      // there is no need to flush the doc to mongo at this point as docupdater
+      // flushes it as part of setDoc.
+      //
+      // combine rev from response with existing doc metadata
+      return {
+        doc: { ...existingDoc, ...result },
+        isNew: existingDoc == null,
+      }
+    } else {
+      const { doc } =
+        await ProjectEntityUpdateHandler.promises.addDocWithRanges.withoutLock(
+          projectId,
+          folderId,
+          docName,
+          docLines,
+          {},
+          userId,
+          source
+        )
+
+      return { doc, isNew: existingDoc == null }
+    }
+  }
+)
+
+const appendToDoc = wrapWithLock(
+  async (projectId, docId, lines, source, userId) => {
+    const { element } = await ProjectLocator.promises.findElement({
+      project_id: projectId,
+      element_id: docId,
+      type: 'doc',
+    })
+
+    return await DocumentUpdaterHandler.promises.appendToDocument(
+      projectId,
+      element._id,
+      userId,
+      lines,
+      source
+    )
+  }
+)
+
+const upsertFile = wrapWithLock({
+  async beforeLock(
+    projectId,
+    folderId,
+    fileName,
+    fsPath,
+    linkedFileData,
+    userId,
+    source
+  ) {
+    if (!SafePath.isCleanFilename(fileName)) {
+      throw new Errors.InvalidNameError('invalid element name')
+    }
+    // create a new file
+    const fileArgs = {
+      name: fileName,
+      linkedFileData,
+    }
+    const { url, fileRef, createdBlob } =
+      await FileStoreHandler.promises.uploadFileFromDisk(
+        projectId,
+        fileArgs,
+        fsPath
+      )
+
+    return {
+      projectId,
+      folderId,
+      fileName,
+      fsPath,
+      linkedFileData,
+      userId,
+      fileRef,
+      fileStoreUrl: url,
+      createdBlob,
+      source,
+    }
+  },
+  async withLock({
+    projectId,
+    folderId,
+    fileName,
+    userId,
+    fileRef,
+    fileStoreUrl,
+    createdBlob,
+    source,
+  }) {
+    let element
+    try {
+      ;({ element } = await ProjectLocator.promises.findElement({
+        project_id: projectId,
+        element_id: folderId,
+        type: 'folder',
+      }))
+    } catch (error) {
+      if (error instanceof Errors.NotFoundError) {
+        throw new Error('folder_not_found')
+      }
+      throw error
+    }
+
+    if (element == null) {
+      throw new Error("Couldn't find folder")
+    }
+    const existingFile = element.fileRefs.find(({ name }) => name === fileName)
+    const existingDoc = element.docs.find(({ name }) => name === fileName)
+
+    if (existingDoc) {
+      let path
+      try {
+        ;({ path } = await ProjectLocator.promises.findElement({
+          project_id: projectId,
+          element_id: existingDoc._id,
+          type: 'doc',
+        }))
+      } catch (err) {
+        throw new Error("couldn't find existing file")
+      }
+      const project =
+        await ProjectEntityMongoUpdateHandler.promises.replaceDocWithFile(
+          projectId,
+          existingDoc._id,
+          fileRef,
+          userId
+        )
+      const projectHistoryId = project.overleaf?.history?.id
+      await TpdsUpdateSender.promises.addFile({
+        projectId: project._id,
+        historyId: projectHistoryId,
+        fileId: fileRef._id,
+        hash: fileRef.hash,
+        path: path.fileSystem,
+        rev: fileRef.rev,
+        projectName: project.name,
+        folderId,
+      })
+      await DocumentUpdaterHandler.promises.updateProjectStructure(
+        projectId,
+        projectHistoryId,
+        userId,
+        {
+          oldDocs: [{ doc: existingDoc, path: path.fileSystem }],
+
+          newFiles: [
+            {
+              createdBlob,
+              file: fileRef,
+              path: path.fileSystem,
+              url: fileStoreUrl,
+            },
+          ],
+          newProject: project,
+        },
+        source
+      )
+      EditorRealTimeController.emitToRoom(
+        projectId,
+        'removeEntity',
+        existingDoc._id,
+        'convertDocToFile'
+      )
+      return { fileRef, isNew: true, oldFileRef: existingFile }
+    } else if (existingFile) {
+      await ProjectEntityUpdateHandler._replaceFile(
+        projectId,
+        existingFile._id,
+        userId,
+        fileRef,
+        fileStoreUrl,
+        folderId,
+        source,
+        createdBlob
+      )
+
+      return { fileRef, isNew: false, oldFileRef: existingFile }
+    } else {
+      // this calls directly into the addFile main task (without the beforeLock part)
+      await ProjectEntityUpdateHandler.promises.addFile.mainTask({
+        projectId,
+        folderId,
+        userId,
+        fileRef,
+        fileStoreUrl,
+        createdBlob,
+        source,
+      })
+
+      return {
+        fileRef,
+        isNew: existingFile == null,
+        oldFileRef: existingFile,
+      }
+    }
+  },
+})
+
+const upsertDocWithPath = wrapWithLock(
+  async function (projectId, elementPath, docLines, source, userId) {
+    if (!SafePath.isCleanPath(elementPath)) {
+      throw new Errors.InvalidNameError('invalid element name')
+    }
+    const docName = Path.basename(elementPath)
+    const folderPath = Path.dirname(elementPath)
+    const { newFolders, folder } =
+      await ProjectEntityUpdateHandler.promises.mkdirp.withoutLock(
+        projectId,
+        folderPath,
+        userId
+      )
+    const { isNew, doc } =
+      await ProjectEntityUpdateHandler.promises.upsertDoc.withoutLock(
+        projectId,
+        folder._id,
+        docName,
+        docLines,
+        source,
+        userId
+      )
+
+    return { doc, isNew, newFolders, folder }
+  }
+)
+
+const upsertFileWithPath = wrapWithLock({
+  async beforeLock(
+    projectId,
+    elementPath,
+    fsPath,
+    linkedFileData,
+    userId,
+    source
+  ) {
+    if (!SafePath.isCleanPath(elementPath)) {
+      throw new Errors.InvalidNameError('invalid element name')
+    }
+    const fileName = Path.basename(elementPath)
+    const folderPath = Path.dirname(elementPath)
+    // create a new file
+    const fileArgs = {
+      name: fileName,
+      linkedFileData,
+    }
+    const {
+      url: fileStoreUrl,
+      fileRef,
+      createdBlob,
+    } = await FileStoreHandler.promises.uploadFileFromDisk(
+      projectId,
+      fileArgs,
+      fsPath
+    )
+
+    return {
+      projectId,
+      folderPath,
+      fileName,
+      fsPath,
+      linkedFileData,
+      userId,
+      fileRef,
+      fileStoreUrl,
+      createdBlob,
+      source,
+    }
+  },
+  async withLock({
+    projectId,
+    folderPath,
+    fileName,
+    fsPath,
+    linkedFileData,
+    userId,
+    fileRef,
+    fileStoreUrl,
+    createdBlob,
+    source,
+  }) {
+    const { newFolders, folder } =
+      await ProjectEntityUpdateHandler.promises.mkdirp.withoutLock(
+        projectId,
+        folderPath,
+        userId
+      )
+    // this calls directly into the upsertFile main task (without the beforeLock part)
+    const {
+      fileRef: newFileRef,
+      isNew,
+      oldFileRef,
+    } = await ProjectEntityUpdateHandler.promises.upsertFile.mainTask({
+      projectId,
+      folderId: folder._id,
+      fileName,
+      fsPath,
+      linkedFileData,
+      userId,
+      fileRef,
+      fileStoreUrl,
+      createdBlob,
+      source,
+    })
+
+    return {
+      fileRef: newFileRef,
+      isNew,
+      oldFileRef,
+      newFolders,
+      folder,
+    }
+  },
+})
+
+const deleteEntity = wrapWithLock(
+  async function (projectId, entityId, entityType, userId, source, callback) {
+    logger.debug({ entityId, entityType, projectId }, 'deleting project entity')
+    if (entityType == null) {
+      logger.warn({ err: 'No entityType set', projectId, entityId })
+      throw new Error('No entityType set')
+    }
+    entityType = entityType.toLowerCase()
+
+    // Flush the entire project to avoid leaving partially deleted docs in redis.
+    await DocumentUpdaterHandler.promises.flushProjectToMongo(projectId)
+
+    const { entity, path, projectBeforeDeletion, newProject } =
+      await ProjectEntityMongoUpdateHandler.promises.deleteEntity(
+        projectId,
+        entityId,
+        entityType,
+        userId
+      )
+    const subtreeListing = await ProjectEntityUpdateHandler._cleanUpEntity(
+      projectBeforeDeletion,
+      newProject,
+      entity,
+      entityType,
+      path.fileSystem,
+      userId,
+      source
+    )
+
+    const subtreeEntityIds = subtreeListing.map(entry =>
+      entry.entity._id.toString()
+    )
+    await TpdsUpdateSender.promises.deleteEntity({
+      projectId,
+      path: path.fileSystem,
+      projectName: projectBeforeDeletion.name,
+      entityId,
+      entityType,
+      subtreeEntityIds,
+    })
+
+    return entityId
+  }
+)
+
+const deleteEntityWithPath = wrapWithLock(
+  async (projectId, path, userId, source) => {
+    const { element, type } = await ProjectLocator.promises.findElementByPath({
+      project_id: projectId,
+      path,
+      exactCaseMatch: true,
+    })
+    if (element == null) {
+      throw new Errors.NotFoundError('project not found')
+    }
+    return await ProjectEntityUpdateHandler.promises.deleteEntity.withoutLock(
+      projectId,
+      element._id,
+      type,
+      userId,
+      source
+    )
+  }
+)
+
+const mkdirp = wrapWithLock(async function (projectId, path, userId) {
+  for (const folder of path.split('/')) {
+    if (folder.length > 0 && !SafePath.isCleanFilename(folder)) {
+      throw new Errors.InvalidNameError('invalid element name')
+    }
+  }
+  return await ProjectEntityMongoUpdateHandler.promises.mkdirp(
+    projectId,
+    path,
+    userId,
+    { exactCaseMatch: false }
+  )
+})
+
+const mkdirpWithExactCase = wrapWithLock(
+  async function (projectId, path, userId) {
+    for (const folder of path.split('/')) {
+      if (folder.length > 0 && !SafePath.isCleanFilename(folder)) {
+        throw new Errors.InvalidNameError('invalid element name')
+      }
+    }
+    return await ProjectEntityMongoUpdateHandler.promises.mkdirp(
+      projectId,
+      path,
+      userId,
+      { exactCaseMatch: true }
+    )
+  }
+)
+
+const addFolder = wrapWithLock(
+  async function (projectId, parentFolderId, folderName, userId) {
+    if (!SafePath.isCleanFilename(folderName)) {
+      throw new Errors.InvalidNameError('invalid element name')
+    }
+    return await ProjectEntityMongoUpdateHandler.promises.addFolder(
+      projectId,
+      parentFolderId,
+      folderName,
+      userId
+    )
+  }
+)
+
+const moveEntity = wrapWithLock(
+  async function (
+    projectId,
+    entityId,
+    destFolderId,
+    entityType,
+    userId,
+    source
+  ) {
+    logger.debug(
+      { entityType, entityId, projectId, destFolderId },
+      'moving entity'
+    )
+    if (entityType == null) {
+      logger.warn({ err: 'No entityType set', projectId, entityId })
+      throw new Error('No entityType set')
+    }
+    entityType = entityType.toLowerCase()
+    await DocumentUpdaterHandler.promises.flushProjectToMongo(projectId)
+    const { project, startPath, endPath, rev, changes } =
+      await ProjectEntityMongoUpdateHandler.promises.moveEntity(
+        projectId,
+        entityId,
+        destFolderId,
+        entityType,
+        userId
+      )
+
+    const projectHistoryId = project.overleaf?.history?.id
+    try {
+      await TpdsUpdateSender.promises.moveEntity({
+        projectId,
+        projectName: project.name,
+        startPath,
+        endPath,
+        rev,
+        entityId,
+        entityType,
+        folderId: destFolderId,
+      })
+    } catch (err) {
+      logger.error({ err }, 'error sending tpds update')
+    }
+
+    return await DocumentUpdaterHandler.promises.updateProjectStructure(
+      projectId,
+      projectHistoryId,
+      userId,
+      changes,
+      source
+    )
+  }
+)
+
+const renameEntity = wrapWithLock(
+  async function (projectId, entityId, entityType, newName, userId, source) {
+    if (!newName || typeof newName !== 'string') {
+      const err = new OError('invalid newName value', {
+        value: newName,
+        type: typeof newName,
+        projectId,
+        entityId,
+        entityType,
+        userId,
+        source,
+      })
+      logger.error({ err }, 'Invalid newName passed to renameEntity')
+      throw err
+    }
+    if (!SafePath.isCleanFilename(newName)) {
+      throw new Errors.InvalidNameError('invalid element name')
+    }
+    logger.debug({ entityId, projectId }, `renaming ${entityType}`)
+    if (entityType == null) {
+      logger.warn({ err: 'No entityType set', projectId, entityId })
+      throw new Error('No entityType set')
+    }
+    entityType = entityType.toLowerCase()
+    await DocumentUpdaterHandler.promises.flushProjectToMongo(projectId)
+    const { project, startPath, endPath, rev, changes } =
+      await ProjectEntityMongoUpdateHandler.promises.renameEntity(
+        projectId,
+        entityId,
+        entityType,
+        newName,
+        userId
+      )
+
+    const projectHistoryId = project.overleaf?.history?.id
+    try {
+      await TpdsUpdateSender.promises.moveEntity({
+        projectId,
+        projectName: project.name,
+        startPath,
+        endPath,
+        rev,
+        entityId,
+        entityType,
+        folderId: null, // this means the folder has not changed
+      })
+    } catch (err) {
+      logger.error({ err }, 'error sending tpds update')
+    }
+    return await DocumentUpdaterHandler.promises.updateProjectStructure(
+      projectId,
+      projectHistoryId,
+      userId,
+      changes,
+      source
+    )
+  }
+)
+
+// This doesn't directly update project structure, but we need to take the lock
+// to prevent anything else being queued before the resync update
+const resyncProjectHistory = wrapWithLock(
+  async (projectId, opts) => {
+    const project = await ProjectGetter.promises.getProject(projectId, {
+      rootFolder: true,
+      overleaf: true,
+    })
+    const projectHistoryId = project.overleaf?.history?.id
+    if (projectHistoryId == null) {
+      throw new Errors.ProjectHistoryDisabledError(
+        `project history not enabled for ${projectId}`
+      )
+    }
+
+    const { docs, files, folders } =
+      ProjectEntityHandler.getAllEntitiesFromProject(project)
+    // _checkFileTree() must be passed the folders before docs and
+    // files
+    await ProjectEntityUpdateHandler._checkFiletree(
+      projectId,
+      projectHistoryId,
+      [...folders, ...docs, ...files]
+    )
+
+    await DocumentUpdaterHandler.promises.resyncProjectHistory(
+      projectId,
+      projectHistoryId,
+      docs,
+      files,
+      opts
+    )
+    if (opts.historyRangesMigration) {
+      return await ProjectOptionsHandler.promises.setHistoryRangesSupport(
+        projectId,
+        opts.historyRangesMigration === 'forwards'
+      )
+    }
+  },
+  LockManager.withTimeout(6 * 60) // use an extended lock for the resync operations
+)
+
+const convertDocToFile = wrapWithLock({
+  async beforeLock(projectId, docId, userId, source) {
+    await DocumentUpdaterHandler.promises.flushDocToMongo(projectId, docId)
+    const { element: doc, path } = await ProjectLocator.promises.findElement({
+      project_id: projectId,
+      element_id: docId,
+      type: 'doc',
+    })
+    const docPath = path.fileSystem
+    const { lines, rev, ranges } = await DocstoreManager.promises.getDoc(
+      projectId,
+      docId
+    )
+    if (!_.isEmpty(ranges)) {
+      throw new Errors.DocHasRangesError({})
+    }
+    await DocumentUpdaterHandler.promises.deleteDoc(projectId, docId, false)
+    const fsPath = await FileWriter.promises.writeLinesToDisk(projectId, lines)
+    const {
+      url: fileStoreUrl,
+      fileRef,
+      createdBlob,
+    } = await FileStoreHandler.promises.uploadFileFromDisk(
+      projectId,
+      { name: doc.name, rev: rev + 1 },
+      fsPath
+    )
+    try {
+      await fs.promises.unlink(fsPath)
+    } catch (err) {
+      logger.warn({ err, path: fsPath }, 'failed to clean up temporary file')
+    }
+    return {
+      projectId,
+      doc,
+      path: docPath,
+      fileRef,
+      fileStoreUrl,
+      userId,
+      source,
+      createdBlob,
+    }
+  },
+  async withLock({
+    projectId,
+    doc,
+    path,
+    fileRef,
+    fileStoreUrl,
+    userId,
+    source,
+    createdBlob,
+  }) {
+    const project =
+      await ProjectEntityMongoUpdateHandler.promises.replaceDocWithFile(
+        projectId,
+        doc._id,
+        fileRef,
+        userId
+      )
+    const projectHistoryId = project.overleaf?.history?.id
+    await DocumentUpdaterHandler.promises.updateProjectStructure(
+      projectId,
+      projectHistoryId,
+      userId,
+      {
+        oldDocs: [{ doc, path }],
+        newFiles: [{ file: fileRef, path, url: fileStoreUrl, createdBlob }],
+        newProject: project,
+      },
+      source
+    )
+    const { folder } = await ProjectLocator.promises.findElement({
+      project_id: projectId,
+      element_id: fileRef._id,
+      type: 'file',
+    })
+    EditorRealTimeController.emitToRoom(
+      projectId,
+      'removeEntity',
+      doc._id,
+      'convertDocToFile'
+    )
+    EditorRealTimeController.emitToRoom(
+      projectId,
+      'reciveNewFile',
+      folder._id,
+      fileRef,
+      'convertDocToFile',
+      null,
+      userId
+    )
+    return fileRef
+  },
+})
+
+async function setMainBibliographyDoc(projectId, newBibliographyDocId) {
+  logger.debug(
+    { projectId, mainBibliographyDocId: newBibliographyDocId },
+    'setting main bibliography doc'
+  )
+  if (projectId == null || newBibliographyDocId == null) {
+    throw new Errors.InvalidError('missing arguments (project or doc)')
+  }
+  const docPath =
+    await ProjectEntityHandler.promises.getDocPathByProjectIdAndDocId(
+      projectId,
+      newBibliographyDocId
+    )
+  if (ProjectEntityUpdateHandler.isPathValidForMainBibliographyDoc(docPath)) {
+    await Project.updateOne(
+      { _id: projectId },
+      { mainBibliographyDoc_id: newBibliographyDocId }
+    ).exec()
+  } else {
+    throw new Errors.UnsupportedFileTypeError(
+      'invalid file extension for main bibliography doc'
+    )
+  }
+}
+
+const ProjectEntityUpdateHandler = {
+  LOCK_NAMESPACE,
+
+  addDoc: callbackifyMultiResult(addDoc, ['doc', 'folderId']),
+
+  addDocWithRanges: callbackifyMultiResult(addDocWithRanges, [
+    'doc',
+    'folderId',
+  ]),
+
+  addFile: callbackifyMultiResult(addFile, [
+    'fileRef',
+    'folderId',
+    'createdBlob',
+  ]),
+
+  addFolder: callbackifyMultiResult(addFolder, ['folder', 'parentFolderId']),
+
+  convertDocToFile: callbackify(convertDocToFile),
+
+  deleteEntity: callbackify(deleteEntity),
+
+  deleteEntityWithPath: callbackify(deleteEntityWithPath),
+
+  mkdirp: callbackifyMultiResult(mkdirp, [
+    'newFolders',
+    'folder',
+    'parentFolder',
+  ]),
+
+  mkdirpWithExactCase: callbackifyMultiResult(mkdirpWithExactCase, [
+    'newFolders',
+    'folder',
+    'parentFolder',
+  ]),
+
+  moveEntity: callbackify(moveEntity),
+
+  renameEntity: callbackify(renameEntity),
+
+  resyncProjectHistory: callbackify(resyncProjectHistory),
+
+  setRootDoc: callbackify(setRootDoc),
+
+  unsetRootDoc: callbackify(unsetRootDoc),
+
+  setMainBibliographyDoc: callbackify(setMainBibliographyDoc),
+
+  updateDocLines: callbackify(updateDocLines),
+
+  upsertDoc: callbackifyMultiResult(upsertDoc, ['doc', 'isNew']),
+
+  appendToDoc: callbackify(appendToDoc),
+
+  upsertDocWithPath: callbackifyMultiResult(upsertDocWithPath, [
+    'doc',
+    'isNew',
+    'newFolders',
+    'folder',
+  ]),
+
+  upsertFile: callbackifyMultiResult(upsertFile, [
+    'fileRef',
+    'isNew',
+    'oldFileRef',
+  ]),
+
+  upsertFileWithPath: callbackifyMultiResult(upsertFileWithPath, [
+    'fileRef',
+    'isNew',
+    'oldFileRef',
+    'newFolders',
+    'folder',
+  ]),
+
+  promises: {
+    addDoc,
+    addDocWithRanges,
+    addFile,
+    addFolder,
+    convertDocToFile,
+    deleteEntity,
+    deleteEntityWithPath,
+    mkdirp,
+    mkdirpWithExactCase,
+    moveEntity,
+    renameEntity,
+    resyncProjectHistory,
+    setRootDoc,
+    unsetRootDoc,
+    updateDocLines,
+    upsertDoc,
+    upsertDocWithPath,
+    upsertFile,
+    upsertFileWithPath,
+    appendToDocWithPath: appendToDoc,
+  },
+
+  async _addDocAndSendToTpds(projectId, folderId, doc, userId) {
+    let result, project
+    try {
+      ;({ result, project } =
+        await ProjectEntityMongoUpdateHandler.promises.addDoc(
+          projectId,
+          folderId,
+          doc,
+          userId
+        ))
+    } catch (err) {
+      throw OError.tag(err, 'error adding file with project', {
+        projectId,
+        folderId,
+        doc_name: doc != null ? doc.name : undefined,
+        doc_id: doc != null ? doc._id : undefined,
+      })
+    }
+
+    await TpdsUpdateSender.promises.addDoc({
+      projectId,
+      docId: doc != null ? doc._id : undefined,
+      path: result?.path?.fileSystem,
+      projectName: project.name,
+      rev: 0,
+      folderId,
+    })
+    return { result, project }
+  },
+
+  async _uploadFile(projectId, folderId, fileName, fsPath, linkedFileData) {
+    if (!SafePath.isCleanFilename(fileName)) {
+      throw new Errors.InvalidNameError('invalid element name')
+    }
+    const fileArgs = {
+      name: fileName,
+      linkedFileData,
+    }
+    try {
+      return await FileStoreHandler.promises.uploadFileFromDisk(
+        projectId,
+        fileArgs,
+        fsPath
+      )
+    } catch (err) {
+      throw OError.tag(err, 'error uploading image to s3', {
+        projectId,
+        folderId,
+        file_name: fileName,
+      })
+    }
+  },
+
+  async _addFileAndSendToTpds(projectId, folderId, fileRef, userId) {
+    let result, project
+    try {
+      ;({ result, project } =
+        await ProjectEntityMongoUpdateHandler.promises.addFile(
+          projectId,
+          folderId,
+          fileRef,
+          userId
+        ))
+    } catch (err) {
+      throw OError.tag(err, 'error adding file with project', {
+        projectId,
+        folderId,
+        file_name: fileRef.name,
+        fileRef,
+      })
+    }
+
+    const historyId = project?.overleaf?.history?.id
+    if (!historyId) {
+      throw new OError('project does not have a history id', { projectId })
+    }
+    await TpdsUpdateSender.promises.addFile({
+      projectId,
+      historyId,
+      fileId: fileRef._id,
+      hash: fileRef.hash,
+      path: result?.path?.fileSystem,
+      projectName: project.name,
+      rev: fileRef.rev,
+      folderId,
+    })
+    return { result, project }
+  },
+
+  async _replaceFile(
+    projectId,
+    fileId,
+    userId,
+    newFileRef,
+    fileStoreUrl,
+    folderId,
+    source,
+    createdBlob
+  ) {
+    const {
+      oldFileRef,
+      project,
+      path,
+      newProject,
+      newFileRef: updatedFileRef,
+    } = await ProjectEntityMongoUpdateHandler.promises.replaceFileWithNew(
+      projectId,
+      fileId,
+      newFileRef,
+      userId
+    )
+
+    const oldFiles = [
+      {
+        file: oldFileRef,
+        path: path.fileSystem,
+      },
+    ]
+    const newFiles = [
+      {
+        file: updatedFileRef,
+        createdBlob,
+        path: path.fileSystem,
+        url: fileStoreUrl,
+      },
+    ]
+    const projectHistoryId = project.overleaf?.history?.id
+    await TpdsUpdateSender.promises.addFile({
+      projectId: project._id,
+      historyId: projectHistoryId,
+      fileId: updatedFileRef._id,
+      hash: updatedFileRef.hash,
+      path: path.fileSystem,
+      rev: updatedFileRef.rev,
+      projectName: project.name,
+      folderId,
+    })
+
+    await DocumentUpdaterHandler.promises.updateProjectStructure(
+      projectId,
+      projectHistoryId,
+      userId,
+      { oldFiles, newFiles, newProject },
+      source
+    )
+
+    return updatedFileRef
+  },
+
+  async _checkFiletree(projectId, projectHistoryId, entities) {
+    const adjustPathsAfterFolderRename = (oldPath, newPath) => {
+      oldPath = oldPath + '/'
+      newPath = newPath + '/'
+      for (const entity of entities) {
+        if (entity.path.startsWith(oldPath)) {
+          entity.path = newPath + entity.path.slice(oldPath.length)
+        }
+      }
+    }
+
+    // Data structures for recording pending renames
+    const renames = []
+    const paths = new Set()
+    for (const entity of entities) {
+      const originalName = entity.folder
+        ? entity.folder.name
+        : entity.doc
+          ? entity.doc.name
+          : entity.file.name
+
+      let newPath = entity.path
+      let newName = originalName
+
+      // Clean the filename if necessary
+      if (newName === '') {
+        newName = 'untitled'
+      } else {
+        newName = SafePath.clean(newName)
+      }
+      if (newName !== originalName) {
+        newPath = Path.join(
+          newPath.slice(0, newPath.length - originalName.length),
+          newName
+        )
+      }
+
+      // Check if we've seen that path already
+      if (paths.has(newPath)) {
+        newPath = ProjectEntityUpdateHandler.findNextAvailablePath(
+          paths,
+          newPath
+        )
+        newName = newPath.split('/').pop()
+      }
+
+      // If we've changed the filename, schedule a rename
+      if (newName !== originalName) {
+        renames.push({ entity, newName, newPath })
+        if (entity.folder) {
+          // Here, we rely on entities being processed in the right order.
+          // Parent folders need to be processed before their children. This is
+          // the case only because getAllEntitiesFromProject() returns folders
+          // in that order and resyncProjectHistory() calls us with the folders
+          // first.
+
+          adjustPathsAfterFolderRename(entity.path, newPath)
+        }
+      }
+
+      // Remember that we've seen this path
+      paths.add(newPath)
+    }
+
+    if (renames.length === 0) {
+      return
+    }
+    logger.warn(
+      {
+        projectId,
+        renames: renames.map(rename => ({
+          oldPath: rename.entity.path,
+          newPath: rename.newPath,
+        })),
+      },
+      'found conflicts or bad filenames in filetree'
+    )
+
+    // Avoid conflicts by processing renames in the reverse order. If we have
+    // the following starting situation:
+    //
+    // somefile.tex
+    // somefile.tex
+    // somefile.tex (1)
+    //
+    // somefile.tex would be processed first, and then somefile.tex (1),
+    // yielding the following renames:
+    //
+    // somefile.tex -> somefile.tex (1)
+    // somefile.tex (1) -> somefile.tex (2)
+    //
+    // When the first rename was decided, we didn't know that somefile.tex (1)
+    // existed, so that created a conflict. By processing renames in the
+    // reverse order, we start with the files that had the most extensive
+    // information about existing files.
+    renames.reverse()
+
+    for (const rename of renames) {
+      // rename the duplicate files
+      const entity = rename.entity
+      const entityId = entity.folder
+        ? entity.folder._id
+        : entity.doc
+          ? entity.doc._id
+          : entity.file._id
+      const entityType = entity.folder ? 'folder' : entity.doc ? 'doc' : 'file'
+      const { changes } =
+        await ProjectEntityMongoUpdateHandler.promises.renameEntity(
+          projectId,
+          entityId,
+          entityType,
+          rename.newName,
+          null // unset lastUpdatedBy
+        )
+
+      // update the renamed entity for the resync
+      entity.path = rename.newPath
+      if (entityType === 'folder') {
+        entity.folder.name = rename.newName
+      } else if (entityType === 'doc') {
+        entity.doc.name = rename.newName
+      } else {
+        entity.file.name = rename.newName
+      }
+      await DocumentUpdaterHandler.promises.updateProjectStructure(
+        projectId,
+        projectHistoryId,
+        null,
+        changes,
+        'automatic-fix'
+      )
+    }
+  },
+
+  findNextAvailablePath(allPaths, candidatePath) {
+    const incrementReplacer = (match, p1) => {
+      return ' (' + (parseInt(p1, 10) + 1) + ')'
+    }
+    // if the filename was invalid we should normalise it here too.  Currently
+    // this only handles renames in the same folder, so we will be out of luck
+    // if it is the folder name which in invalid.  We could handle folder
+    // renames by returning the folders list from getAllEntitiesFromProject
+    do {
+      // does the filename look like "foo (1)" if so, increment the number in parentheses
+      if (/ \(\d+\)$/.test(candidatePath)) {
+        candidatePath = candidatePath.replace(/ \((\d+)\)$/, incrementReplacer)
+      } else {
+        // otherwise, add a ' (1)' suffix to the name
+        candidatePath = candidatePath + ' (1)'
+      }
+    } while (allPaths.has(candidatePath)) // keep going until the name is unique
+    // add the new name to the set
+    allPaths.add(candidatePath)
+    return candidatePath
+  },
+
+  isPathValidForRootDoc(docPath) {
+    const docExtension = Path.extname(docPath)
+    return VALID_ROOT_DOC_REGEXP.test(docExtension)
+  },
+
+  isPathValidForMainBibliographyDoc(docPath) {
+    const docExtension = Path.extname(docPath).toLowerCase()
+    return docExtension === '.bib'
+  },
+
+  async _cleanUpEntity(
+    project,
+    newProject,
+    entity,
+    entityType,
+    path,
+    userId,
+    source
+  ) {
+    const subtreeListing = _listSubtree(entity, entityType, path)
+    await ProjectEntityUpdateHandler._updateProjectStructureWithDeletedEntity(
+      project,
+      newProject,
+      subtreeListing,
+      userId,
+      source
+    )
+
+    for (const entry of subtreeListing) {
+      if (entry.type === 'doc') {
+        await ProjectEntityUpdateHandler._cleanUpDoc(
+          project,
+          entry.entity,
+          entry.path,
+          userId
+        )
+      } else if (entry.type === 'file') {
+        await ProjectEntityUpdateHandler._cleanUpFile(project, entry.entity)
+      }
+    }
+    return subtreeListing
+  },
+
+  async _updateProjectStructureWithDeletedEntity(
+    project,
+    newProject,
+    subtreeListing,
+    userId,
+    source
+  ) {
+    const changes = { oldDocs: [], oldFiles: [] }
+    for (const entry of subtreeListing) {
+      if (entry.type === 'doc') {
+        changes.oldDocs.push({ doc: entry.entity, path: entry.path })
+      } else if (entry.type === 'file') {
+        changes.oldFiles.push({ file: entry.entity, path: entry.path })
+      }
+    }
+
+    // now send the project structure changes to the docupdater
+    changes.newProject = newProject
+    const projectId = project._id.toString()
+    const projectHistoryId =
+      project.overleaf &&
+      project.overleaf.history &&
+      project.overleaf.history.id
+    return await DocumentUpdaterHandler.promises.updateProjectStructure(
+      projectId,
+      projectHistoryId,
+      userId,
+      changes,
+      source
+    )
+  },
+
+  async _cleanUpDoc(project, doc) {
+    const projectId = project._id.toString()
+    const docId = doc._id.toString()
+    if (project.rootDoc_id != null && project.rootDoc_id.toString() === docId) {
+      await ProjectEntityUpdateHandler.promises.unsetRootDoc(projectId)
+    }
+
+    const { name } = doc
+    const deletedAt = new Date()
+    await DocstoreManager.promises.deleteDoc(projectId, docId, name, deletedAt)
+
+    return await DocumentUpdaterHandler.promises.deleteDoc(projectId, docId)
+  },
+
+  async _cleanUpFile(project, file) {
+    return await ProjectEntityMongoUpdateHandler.promises._insertDeletedFileReference(
+      project._id,
+      file
+    )
+  },
+}
+
+/**
+ * List all descendants of an entity along with their type and path. Include
+ * the top-level entity as well.
+ */
+function _listSubtree(entity, entityType, entityPath) {
+  if (entityType.indexOf('file') !== -1) {
+    return [{ type: 'file', entity, path: entityPath }]
+  } else if (entityType.indexOf('doc') !== -1) {
+    return [{ type: 'doc', entity, path: entityPath }]
+  } else if (entityType.indexOf('folder') !== -1) {
+    const listing = []
+    const _recurseFolder = (folder, folderPath) => {
+      listing.push({ type: 'folder', entity: folder, path: folderPath })
+      for (const doc of iterablePaths(folder, 'docs')) {
+        listing.push({
+          type: 'doc',
+          entity: doc,
+          path: Path.join(folderPath, doc.name),
+        })
+      }
+      for (const file of iterablePaths(folder, 'fileRefs')) {
+        listing.push({
+          type: 'file',
+          entity: file,
+          path: Path.join(folderPath, file.name),
+        })
+      }
+      for (const childFolder of iterablePaths(folder, 'folders')) {
+        _recurseFolder(childFolder, Path.join(folderPath, childFolder.name))
+      }
+    }
+    _recurseFolder(entity, entityPath)
+    return listing
+  } else {
+    // This shouldn't happen, but if it does, fail silently.
+    return []
+  }
+}
+
+module.exports = ProjectEntityUpdateHandler
diff --git a/services/web/app/src/Features/Project/ProjectGetter.js b/services/web/app/src/Features/Project/ProjectGetter.js
new file mode 100644
index 0000000..7edf08d
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectGetter.js
@@ -0,0 +1,160 @@
+const { db } = require('../../infrastructure/mongodb')
+const { normalizeQuery } = require('../Helpers/Mongo')
+const OError = require('@overleaf/o-error')
+const { Project } = require('../../models/Project')
+const LockManager = require('../../infrastructure/LockManager')
+const { DeletedProject } = require('../../models/DeletedProject')
+const { callbackifyAll } = require('@overleaf/promise-utils')
+
+const ProjectGetter = {
+  EXCLUDE_DEPTH: 8,
+
+  async getProjectWithoutDocLines(projectId) {
+    const excludes = {}
+    for (let i = 1; i <= ProjectGetter.EXCLUDE_DEPTH; i++) {
+      excludes[`rootFolder${Array(i).join('.folders')}.docs.lines`] = 0
+    }
+    return await ProjectGetter.getProject(projectId, excludes)
+  },
+
+  async getProjectWithOnlyFolders(projectId) {
+    const excludes = {}
+    for (let i = 1; i <= ProjectGetter.EXCLUDE_DEPTH; i++) {
+      excludes[`rootFolder${Array(i).join('.folders')}.docs`] = 0
+      excludes[`rootFolder${Array(i).join('.folders')}.fileRefs`] = 0
+    }
+    return await ProjectGetter.getProject(projectId, excludes)
+  },
+
+  async getProject(projectId, projection = {}) {
+    if (projectId == null) {
+      throw new Error('no project id provided')
+    }
+    if (typeof projection !== 'object') {
+      throw new Error('projection is not an object')
+    }
+
+    if (projection.rootFolder || Object.keys(projection).length === 0) {
+      const ProjectEntityMongoUpdateHandler = require('./ProjectEntityMongoUpdateHandler')
+      return await LockManager.promises.runWithLock(
+        ProjectEntityMongoUpdateHandler.LOCK_NAMESPACE,
+        projectId,
+        () => ProjectGetter.getProjectWithoutLock(projectId, projection)
+      )
+    } else {
+      return await ProjectGetter.getProjectWithoutLock(projectId, projection)
+    }
+  },
+
+  async getProjectWithoutLock(projectId, projection = {}) {
+    if (projectId == null) {
+      throw new Error('no project id provided')
+    }
+    if (typeof projection !== 'object') {
+      throw new Error('projection is not an object')
+    }
+
+    const query = normalizeQuery(projectId)
+
+    let project
+    try {
+      project = await db.projects.findOne(query, { projection })
+    } catch (error) {
+      OError.tag(error, 'error getting project', {
+        query,
+        projection,
+      })
+      throw error
+    }
+
+    return project
+  },
+
+  async getProjectIdByReadAndWriteToken(token) {
+    const project = await Project.findOne(
+      { 'tokens.readAndWrite': token },
+      { _id: 1 }
+    ).exec()
+
+    if (project == null) {
+      return
+    }
+
+    return project._id
+  },
+
+  async findAllUsersProjects(userId, fields) {
+    const CollaboratorsGetter = require('../Collaborators/CollaboratorsGetter')
+    const ownedProjects = await Project.find(
+      { owner_ref: userId },
+      fields
+    ).exec()
+
+    const projects =
+      await CollaboratorsGetter.promises.getProjectsUserIsMemberOf(
+        userId,
+        fields
+      )
+
+    const result = {
+      owned: ownedProjects || [],
+      readAndWrite: projects.readAndWrite || [],
+      readOnly: projects.readOnly || [],
+      tokenReadAndWrite: projects.tokenReadAndWrite || [],
+      tokenReadOnly: projects.tokenReadOnly || [],
+      review: projects.review || [],
+    }
+
+    // Remove duplicate projects. The order of result values is determined by the order they occur.
+    const tempAddedProjectsIds = new Set()
+    const filteredProjects = Object.entries(result).reduce((prev, current) => {
+      const [key, projects] = current
+
+      prev[key] = []
+
+      projects.forEach(project => {
+        const projectId = project._id.toString()
+
+        if (!tempAddedProjectsIds.has(projectId)) {
+          prev[key].push(project)
+          tempAddedProjectsIds.add(projectId)
+        }
+      })
+
+      return prev
+    }, {})
+
+    return filteredProjects
+  },
+
+  /**
+   * Return all projects with the given name that belong to the given user.
+   *
+   * Projects include the user's own projects as well as collaborations with
+   * read/write access.
+   */
+  async findUsersProjectsByName(userId, projectName) {
+    const allProjects = await ProjectGetter.findAllUsersProjects(
+      userId,
+      'name archived trashed'
+    )
+
+    const { owned, readAndWrite } = allProjects
+    const projects = owned.concat(readAndWrite)
+    const lowerCasedProjectName = projectName.toLowerCase()
+    return projects.filter(
+      project => project.name.toLowerCase() === lowerCasedProjectName
+    )
+  },
+
+  async getUsersDeletedProjects(userId) {
+    return await DeletedProject.find({
+      'deleterData.deletedProjectOwnerId': userId,
+    }).exec()
+  },
+}
+
+module.exports = {
+  ...callbackifyAll(ProjectGetter),
+  promises: ProjectGetter,
+}
diff --git a/services/web/app/src/Features/Project/ProjectHelper.js b/services/web/app/src/Features/Project/ProjectHelper.js
new file mode 100644
index 0000000..dc64fbf
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectHelper.js
@@ -0,0 +1,185 @@
+// ts-check
+const { ObjectId } = require('mongodb-legacy')
+const _ = require('lodash')
+const { promisify } = require('util')
+const Settings = require('@overleaf/settings')
+
+/**
+ * @import { MongoProject } from "./types"
+ */
+
+const ENGINE_TO_COMPILER_MAP = {
+  latex_dvipdf: 'latex',
+  pdflatex: 'pdflatex',
+  xelatex: 'xelatex',
+  lualatex: 'lualatex',
+}
+
+module.exports = {
+  compilerFromV1Engine,
+  isArchived,
+  isTrashed,
+  isArchivedOrTrashed,
+  calculateArchivedArray,
+  ensureNameIsUnique,
+  getAllowedImagesForUser,
+  promises: {
+    ensureNameIsUnique: promisify(ensureNameIsUnique),
+  },
+}
+
+function compilerFromV1Engine(engine) {
+  return ENGINE_TO_COMPILER_MAP[engine]
+}
+
+/**
+ @param {MongoProject} project
+ @param {string} userId
+ * @returns {boolean}
+ */
+function isArchived(project, userId) {
+  userId = new ObjectId(userId)
+
+  return (project.archived || []).some(id => id.equals(userId))
+}
+
+/**
+ * @param {MongoProject} project
+ * @param {string} userId
+ * @returns {boolean}
+ */
+function isTrashed(project, userId) {
+  userId = new ObjectId(userId)
+
+  return (project.trashed || []).some(id => id.equals(userId))
+}
+
+/**
+ * @param {MongoProject} project
+ * @param {string} userId
+ * @returns {boolean}
+ */
+function isArchivedOrTrashed(project, userId) {
+  return isArchived(project, userId) || isTrashed(project, userId)
+}
+
+function _allCollaborators(project) {
+  return _.unionWith(
+    [project.owner_ref],
+    project.collaberator_refs,
+    project.readOnly_refs,
+    project.tokenAccessReadAndWrite_refs,
+    project.tokenAccessReadOnly_refs,
+    _objectIdEquals
+  )
+}
+
+function calculateArchivedArray(project, userId, action) {
+  let archived = project.archived
+  userId = new ObjectId(userId)
+
+  if (archived === true) {
+    archived = _allCollaborators(project)
+  } else if (!archived) {
+    archived = []
+  }
+
+  if (action === 'ARCHIVE') {
+    archived = _.unionWith(archived, [userId], _objectIdEquals)
+  } else if (action === 'UNARCHIVE') {
+    archived = archived.filter(id => !_objectIdEquals(id, userId))
+  } else {
+    throw new Error('Unrecognised action')
+  }
+
+  return archived
+}
+
+function ensureNameIsUnique(nameList, name, suffixes, maxLength, callback) {
+  // create a set of all project names
+  if (suffixes == null) {
+    suffixes = []
+  }
+  const allNames = new Set(nameList)
+  const isUnique = x => !allNames.has(x)
+  // check if the supplied name is already unique
+  if (isUnique(name)) {
+    return callback(null, name)
+  }
+  // the name already exists, try adding the user-supplied suffixes to generate a unique name
+  for (const suffix of suffixes) {
+    const candidateName = _addSuffixToProjectName(name, suffix, maxLength)
+    if (isUnique(candidateName)) {
+      return callback(null, candidateName)
+    }
+  }
+  // if there are no (more) suffixes, use a numeric one
+  const uniqueName = _addNumericSuffixToProjectName(name, allNames, maxLength)
+  if (uniqueName != null) {
+    callback(null, uniqueName)
+  } else {
+    callback(new Error(`Failed to generate a unique name for: ${name}`))
+  }
+}
+
+function _objectIdEquals(firstVal, secondVal) {
+  // For use as a comparator for unionWith
+  return firstVal.toString() === secondVal.toString()
+}
+
+function _addSuffixToProjectName(name, suffix, maxLength) {
+  // append the suffix and truncate the project title if needed
+  if (suffix == null) {
+    suffix = ''
+  }
+  const truncatedLength = maxLength - suffix.length
+  return name.substr(0, truncatedLength) + suffix
+}
+
+function _addNumericSuffixToProjectName(name, allProjectNames, maxLength) {
+  const NUMERIC_SUFFIX_MATCH = / \((\d+)\)$/
+  const suffixedName = function (basename, number) {
+    const suffix = ` (${number})`
+    return basename.substr(0, maxLength - suffix.length) + suffix
+  }
+
+  const match = name.match(NUMERIC_SUFFIX_MATCH)
+  let basename = name
+  let n = 1
+
+  if (match != null) {
+    basename = name.replace(NUMERIC_SUFFIX_MATCH, '')
+    n = parseInt(match[1])
+  }
+
+  const prefixMatcher = new RegExp(`^${_.escapeRegExp(basename)} \\(\\d+\\)$`)
+
+  const projectNamesWithSamePrefix = Array.from(allProjectNames).filter(name =>
+    prefixMatcher.test(name)
+  )
+  const last = allProjectNames.size + n
+  const nIsLikelyAYear = n > 1000 && projectNamesWithSamePrefix.length < n / 2
+  if (nIsLikelyAYear) {
+    basename = name
+    n = 1
+  }
+
+  while (n <= last) {
+    const candidate = suffixedName(basename, n)
+    if (!allProjectNames.has(candidate)) {
+      return candidate
+    }
+    n += 1
+  }
+
+  return null
+}
+
+function getAllowedImagesForUser(user) {
+  const images = Settings.allowedImageNames || []
+  if (user?.alphaProgram) {
+    return images
+  } else {
+    return images.filter(image => !image.alphaOnly)
+  }
+}
diff --git a/services/web/app/src/Features/Project/ProjectHistoryHandler.js b/services/web/app/src/Features/Project/ProjectHistoryHandler.js
new file mode 100644
index 0000000..5ba3ee9
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectHistoryHandler.js
@@ -0,0 +1,65 @@
+const { Project } = require('../../models/Project')
+const ProjectDetailsHandler = require('./ProjectDetailsHandler')
+const HistoryManager = require('../History/HistoryManager')
+const ProjectEntityUpdateHandler = require('./ProjectEntityUpdateHandler')
+const { callbackify } = require('util')
+
+const ProjectHistoryHandler = {
+  async setHistoryId(projectId, historyId) {
+    // reject invalid history ids
+    if (historyId == null) {
+      throw new Error('missing history id')
+    }
+
+    // use $exists:false to prevent overwriting any existing history id, atomically
+    const result = await Project.updateOne(
+      { _id: projectId, 'overleaf.history.id': { $exists: false } },
+      { 'overleaf.history.id': historyId }
+    )
+
+    if (result.matchedCount === 0) {
+      throw new Error('history exists')
+    }
+  },
+
+  async getHistoryId(projectId) {
+    const project = await ProjectDetailsHandler.promises.getDetails(projectId)
+    return project?.overleaf?.history?.id
+  },
+
+  async ensureHistoryExistsForProject(projectId) {
+    // We can only set a history id for a project that doesn't have one. The
+    // history id is cached in the project history service, and changing an
+    // existing value corrupts the history, leaving it in an irrecoverable
+    // state. Setting a history id when one wasn't present before is ok,
+    // because undefined history ids aren't cached.
+    let historyId = await ProjectHistoryHandler.getHistoryId(projectId)
+
+    if (historyId != null) {
+      return
+    }
+
+    historyId = await HistoryManager.promises.initializeProject(projectId)
+    if (historyId == null) {
+      throw new Error('failed to initialize history id')
+    }
+
+    await ProjectHistoryHandler.setHistoryId(projectId, historyId)
+
+    await ProjectEntityUpdateHandler.promises.resyncProjectHistory(
+      projectId,
+      {}
+    )
+
+    await HistoryManager.promises.flushProject(projectId)
+  },
+}
+
+module.exports = {
+  setHistoryId: callbackify(ProjectHistoryHandler.setHistoryId),
+  getHistoryId: callbackify(ProjectHistoryHandler.getHistoryId),
+  ensureHistoryExistsForProject: callbackify(
+    ProjectHistoryHandler.ensureHistoryExistsForProject
+  ),
+  promises: ProjectHistoryHandler,
+}
diff --git a/services/web/app/src/Features/Project/ProjectListController.mjs b/services/web/app/src/Features/Project/ProjectListController.mjs
new file mode 100644
index 0000000..88541ee
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectListController.mjs
@@ -0,0 +1,750 @@
+// ts-check
+import _ from 'lodash'
+
+import Metrics from '@overleaf/metrics'
+import Settings from '@overleaf/settings'
+import ProjectHelper from './ProjectHelper.js'
+import ProjectGetter from './ProjectGetter.js'
+import PrivilegeLevels from '../Authorization/PrivilegeLevels.js'
+import SessionManager from '../Authentication/SessionManager.js'
+import Sources from '../Authorization/Sources.js'
+import UserGetter from '../User/UserGetter.js'
+import SurveyHandler from '../Survey/SurveyHandler.mjs'
+import TagsHandler from '../Tags/TagsHandler.js'
+import { expressify } from '@overleaf/promise-utils'
+import logger from '@overleaf/logger'
+import Features from '../../infrastructure/Features.js'
+import SubscriptionViewModelBuilder from '../Subscription/SubscriptionViewModelBuilder.js'
+import NotificationsHandler from '../Notifications/NotificationsHandler.js'
+import Modules from '../../infrastructure/Modules.js'
+import { OError, V1ConnectionError } from '../Errors/Errors.js'
+import { User } from '../../models/User.js'
+import UserPrimaryEmailCheckHandler from '../User/UserPrimaryEmailCheckHandler.js'
+import UserController from '../User/UserController.js'
+import LimitationsManager from '../Subscription/LimitationsManager.js'
+import NotificationsBuilder from '../Notifications/NotificationsBuilder.js'
+import GeoIpLookup from '../../infrastructure/GeoIpLookup.js'
+import SplitTestHandler from '../SplitTests/SplitTestHandler.js'
+import SplitTestSessionHandler from '../SplitTests/SplitTestSessionHandler.js'
+import SubscriptionLocator from '../Subscription/SubscriptionLocator.js'
+import TutorialHandler from '../Tutorial/TutorialHandler.js'
+
+/**
+ * @import { GetProjectsRequest, GetProjectsResponse, AllUsersProjects, MongoProject } from "./types"
+ * @import { ProjectApi, Filters, Page, Sort } from "../../../../types/project/dashboard/api"
+ * @import { Tag } from "../Tags/types"
+ */
+
+const _ssoAvailable = (affiliation, session, linkedInstitutionIds) => {
+  if (!affiliation.institution) return false
+
+  // institution.confirmed is for the domain being confirmed, not the email
+  // Do not show SSO UI for unconfirmed domains
+  if (!affiliation.institution.confirmed) return false
+
+  // Could have multiple emails at the same institution, and if any are
+  // linked to the institution then do not show notification for others
+  if (
+    linkedInstitutionIds.indexOf(affiliation.institution.id.toString()) === -1
+  ) {
+    if (affiliation.institution.ssoEnabled) return true
+    if (affiliation.institution.ssoBeta && session.samlBeta) return true
+    return false
+  }
+  return false
+}
+
+const _buildPortalTemplatesList = affiliations => {
+  if (affiliations == null) {
+    affiliations = []
+  }
+
+  const portalTemplates = []
+  const uniqueAffiliations = _.uniqBy(affiliations, 'institution.id')
+  for (const aff of uniqueAffiliations) {
+    const hasSlug = aff.portal?.slug
+    const hasTemplates = aff.portal?.templates_count > 0
+
+    if (hasSlug && hasTemplates) {
+      const portalPath = aff.institution.isUniversity ? '/edu/' : '/org/'
+      const portalTemplateURL = Settings.siteUrl + portalPath + aff.portal?.slug
+
+      portalTemplates.push({
+        name: aff.institution.name,
+        url: portalTemplateURL,
+      })
+    }
+  }
+  return portalTemplates
+}
+
+function cleanupSession(req) {
+  // cleanup redirects at the end of the redirect chain
+  delete req.session.postCheckoutRedirect
+  delete req.session.postLoginRedirect
+  delete req.session.postOnboardingRedirect
+
+  // cleanup details from register page
+  delete req.session.sharedProjectData
+  delete req.session.templateData
+}
+
+/**
+ * @param {import("express").Request} req
+ * @param {import("express").Response} res
+ * @param {import("express").NextFunction} next
+ * @returns {Promise<void>}
+ */
+async function projectListPage(req, res, next) {
+  cleanupSession(req)
+
+  // can have two values:
+  // - undefined - when there's no "saas" feature or couldn't get subscription data
+  // - object - the subscription data object
+  let usersBestSubscription
+  let survey
+  let userIsMemberOfGroupSubscription = false
+  let groupSubscriptionsPendingEnrollment = []
+
+  const isSaas = Features.hasFeature('saas')
+
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const projectsBlobPending = _getProjects(userId).catch(err => {
+    logger.err({ err, userId }, 'projects listing in background failed')
+    return undefined
+  })
+  const user = await User.findById(
+    userId,
+    `email emails features alphaProgram betaProgram lastPrimaryEmailCheck signUpDate refProviders${
+      isSaas ? ' enrollment writefull completedTutorials' : ''
+    }`
+  )
+
+  // Handle case of deleted user
+  if (user == null) {
+    UserController.logout(req, res, next)
+    return
+  }
+
+  user.refProviders = _.mapValues(user.refProviders, Boolean)
+
+  if (isSaas) {
+    await SplitTestSessionHandler.promises.sessionMaintenance(req, user)
+
+    try {
+      usersBestSubscription =
+        await SubscriptionViewModelBuilder.promises.getBestSubscription({
+          _id: userId,
+        })
+    } catch (error) {
+      logger.err(
+        { err: error, userId },
+        "Failed to get user's best subscription"
+      )
+    }
+    try {
+      const { isMember, subscriptions } =
+        await LimitationsManager.promises.userIsMemberOfGroupSubscription(user)
+
+      userIsMemberOfGroupSubscription = isMember
+
+      // TODO use helper function
+      if (!user.enrollment?.managedBy) {
+        groupSubscriptionsPendingEnrollment = subscriptions.filter(
+          subscription =>
+            subscription.groupPlan && subscription.managedUsersEnabled
+        )
+      }
+    } catch (error) {
+      logger.error(
+        { err: error },
+        'Failed to check whether user is a member of group subscription'
+      )
+    }
+
+    try {
+      survey = await SurveyHandler.promises.getSurvey(userId)
+    } catch (error) {
+      logger.err({ err: error, userId }, 'Failed to load the active survey')
+    }
+
+    if (user && UserPrimaryEmailCheckHandler.requiresPrimaryEmailCheck(user)) {
+      return res.redirect('/user/emails/primary-email-check')
+    }
+  }
+
+  const tags = await TagsHandler.promises.getAllTags(userId)
+
+  let userEmailsData = { list: [], allInReconfirmNotificationPeriods: [] }
+
+  try {
+    const fullEmails = await UserGetter.promises.getUserFullEmails(userId)
+
+    if (!Features.hasFeature('affiliations')) {
+      userEmailsData.list = fullEmails
+    } else {
+      try {
+        const results = await Modules.promises.hooks.fire(
+          'allInReconfirmNotificationPeriodsForUser',
+          fullEmails
+        )
+
+        const allInReconfirmNotificationPeriods = (results && results[0]) || []
+
+        userEmailsData = {
+          list: fullEmails,
+          allInReconfirmNotificationPeriods,
+        }
+      } catch (error) {
+        userEmailsData = error
+      }
+    }
+  } catch (error) {
+    if (!(error instanceof V1ConnectionError)) {
+      logger.error({ err: error, userId }, 'Failed to get user full emails')
+    }
+  }
+
+  const userEmails = userEmailsData.list || []
+
+  const userAffiliations = userEmails
+    .filter(emailData => !!emailData.affiliation)
+    .map(emailData => {
+      const result = emailData.affiliation
+      result.email = emailData.email
+      return result
+    })
+
+  const portalTemplates = _buildPortalTemplatesList(userAffiliations)
+
+  const { allInReconfirmNotificationPeriods } = userEmailsData
+
+  const notifications =
+    await NotificationsHandler.promises.getUserNotifications(userId)
+
+  for (const notification of notifications) {
+    notification.html = req.i18n.translate(
+      notification.templateKey,
+      notification.messageOpts
+    )
+  }
+
+  const notificationsInstitution = []
+  // Institution and group SSO Notifications
+  let groupSsoSetupSuccess
+  let reconfirmedViaSAML
+  if (Features.hasFeature('saml')) {
+    reconfirmedViaSAML = _.get(req.session, ['saml', 'reconfirmed'])
+    const samlSession = req.session.saml
+    // Notification: SSO Available
+    const linkedInstitutionIds = []
+    userEmails.forEach(email => {
+      if (email.samlProviderId) {
+        linkedInstitutionIds.push(email.samlProviderId)
+      }
+    })
+    if (Array.isArray(userAffiliations)) {
+      userAffiliations.forEach(affiliation => {
+        if (_ssoAvailable(affiliation, req.session, linkedInstitutionIds)) {
+          notificationsInstitution.push({
+            email: affiliation.email,
+            institutionId: affiliation.institution.id,
+            institutionName: affiliation.institution.name,
+            templateKey: 'notification_institution_sso_available',
+          })
+        }
+      })
+    }
+
+    if (samlSession) {
+      // Notification institution SSO: After SSO Linked
+      if (samlSession.linked) {
+        notificationsInstitution.push({
+          email: samlSession.institutionEmail,
+          institutionName:
+            samlSession.linked.universityName ||
+            samlSession.linked.providerName,
+          templateKey: 'notification_institution_sso_linked',
+        })
+      }
+
+      // Notification group SSO: After SSO Linked
+      if (samlSession.linkedGroup) {
+        groupSsoSetupSuccess = true
+      }
+
+      // Notification institution SSO: After SSO Linked or Logging in
+      // The requested email does not match primary email returned from
+      // the institution
+      if (
+        samlSession.requestedEmail &&
+        samlSession.emailNonCanonical &&
+        !samlSession.error
+      ) {
+        notificationsInstitution.push({
+          institutionEmail: samlSession.emailNonCanonical,
+          requestedEmail: samlSession.requestedEmail,
+          templateKey: 'notification_institution_sso_non_canonical',
+        })
+      }
+
+      // Notification institution SSO: Tried to register, but account already existed
+      // registerIntercept is set before the institution callback.
+      // institutionEmail is set after institution callback.
+      // Check for both in case SSO flow was abandoned
+      if (
+        samlSession.registerIntercept &&
+        samlSession.institutionEmail &&
+        !samlSession.error
+      ) {
+        notificationsInstitution.push({
+          email: samlSession.institutionEmail,
+          templateKey: 'notification_institution_sso_already_registered',
+        })
+      }
+
+      // Notification: When there is a session error
+      if (samlSession.error) {
+        notificationsInstitution.push({
+          templateKey: 'notification_institution_sso_error',
+          error: samlSession.error,
+        })
+      }
+    }
+    delete req.session.saml
+  }
+
+  function fakeDelay() {
+    return new Promise(resolve => {
+      setTimeout(() => resolve(undefined), 0)
+    })
+  }
+
+  const prefetchedProjectsBlob = await Promise.race([
+    projectsBlobPending,
+    fakeDelay(),
+  ])
+  Metrics.inc('project-list-prefetch-projects', 1, {
+    status: prefetchedProjectsBlob ? 'success' : 'too-slow',
+  })
+
+  // in v2 add notifications for matching university IPs
+  if (Settings.overleaf != null && req.ip !== user.lastLoginIp) {
+    try {
+      await NotificationsBuilder.promises
+        .ipMatcherAffiliation(user._id)
+        .create(req.ip)
+    } catch (err) {
+      logger.error(
+        { err },
+        'failed to create institutional IP match notification'
+      )
+    }
+  }
+
+  const hasPaidAffiliation = userAffiliations.some(
+    affiliation => affiliation.licence && affiliation.licence !== 'free'
+  )
+
+  const inactiveTutorials = TutorialHandler.getInactiveTutorials(user)
+
+  const usGovBannerHooksResponse = await Modules.promises.hooks.fire(
+    'getUSGovBanner',
+    userEmails,
+    hasPaidAffiliation,
+    inactiveTutorials
+  )
+
+  const usGovBanner = (usGovBannerHooksResponse &&
+    usGovBannerHooksResponse[0]) || {
+    showUSGovBanner: false,
+    usGovBannerVariant: null,
+  }
+
+  const { showUSGovBanner, usGovBannerVariant } = usGovBanner
+
+  const showGroupsAndEnterpriseBanner =
+    Features.hasFeature('saas') &&
+    !showUSGovBanner &&
+    !userIsMemberOfGroupSubscription &&
+    !hasPaidAffiliation
+
+  const groupsAndEnterpriseBannerVariant =
+    showGroupsAndEnterpriseBanner &&
+    _.sample(['on-premise', 'FOMO', 'FOMO', 'FOMO'])
+
+  let showInrGeoBanner = false
+  let showBrlGeoBanner = false
+  let showLATAMBanner = false
+  let recommendedCurrency
+
+  if (
+    usersBestSubscription?.type === 'free' ||
+    usersBestSubscription?.type === 'standalone-ai-add-on'
+  ) {
+    const { countryCode, currencyCode } =
+      await GeoIpLookup.promises.getCurrencyCode(req.ip)
+
+    if (countryCode === 'IN') {
+      showInrGeoBanner = true
+    }
+    showBrlGeoBanner = countryCode === 'BR'
+
+    showLATAMBanner = ['MX', 'CO', 'CL', 'PE'].includes(countryCode)
+    // LATAM Banner needs to know which currency to display
+    if (showLATAMBanner) {
+      recommendedCurrency = currencyCode
+    }
+  }
+
+  let hasIndividualRecurlySubscription = false
+
+  try {
+    const individualSubscription =
+      await SubscriptionLocator.promises.getUsersSubscription(userId)
+
+    hasIndividualRecurlySubscription =
+      individualSubscription?.groupPlan === false &&
+      individualSubscription?.recurlyStatus?.state !== 'canceled' &&
+      individualSubscription?.recurlySubscription_id !== ''
+  } catch (error) {
+    logger.error({ err: error }, 'Failed to get individual subscription')
+  }
+
+  // Get the user's assignment for the DS unified nav split test, which
+  // populates splitTestVariants with a value for the split test name and allows
+  // Pug to send it to the browser
+  await SplitTestHandler.promises.getAssignment(
+    req,
+    res,
+    'sidebar-navigation-ui-update'
+  )
+
+  // Get the user's assignment for the papers notification banner split test,
+  // which populates splitTestVariants with a value for the split test name and
+  // allows Pug to send it to the browser
+  await SplitTestHandler.promises.getAssignment(
+    req,
+    res,
+    'papers-notification-banner'
+  )
+
+  res.render('project/list-react', {
+    title: 'your_projects',
+    usersBestSubscription,
+    notifications,
+    notificationsInstitution,
+    user,
+    userAffiliations,
+    userEmails,
+    reconfirmedViaSAML,
+    allInReconfirmNotificationPeriods,
+    survey,
+    tags,
+    portalTemplates,
+    prefetchedProjectsBlob,
+    showGroupsAndEnterpriseBanner,
+    groupsAndEnterpriseBannerVariant,
+    showUSGovBanner,
+    usGovBannerVariant,
+    showLATAMBanner,
+    recommendedCurrency,
+    showInrGeoBanner,
+    showBrlGeoBanner,
+    projectDashboardReact: true, // used in navbar
+    groupSsoSetupSuccess,
+    groupSubscriptionsPendingEnrollment:
+      groupSubscriptionsPendingEnrollment.map(subscription => ({
+        groupId: subscription._id,
+        groupName: subscription.teamName,
+      })),
+    hasIndividualRecurlySubscription,
+    userRestrictions: Array.from(req.userRestrictions || []),
+  })
+}
+
+/**
+ * Load user's projects with pagination, sorting and filters
+ *
+ * @param {GetProjectsRequest} req the request
+ * @param {GetProjectsResponse} res the response
+ * @returns {Promise<void>}
+ */
+async function getProjectsJson(req, res) {
+  const { filters, page, sort } = req.body
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const projectsPage = await _getProjects(userId, filters, sort, page)
+  res.json(projectsPage)
+}
+
+/**
+ * @param {string} userId
+ * @param {Filters} filters
+ * @param {Sort} sort
+ * @param {Page} page
+ * @returns {Promise<{totalSize: number, projects: ProjectApi[]}>}
+ * @private
+ */
+async function _getProjects(
+  userId,
+  filters = {},
+  sort = { by: 'lastUpdated', order: 'desc' },
+  page = { size: 20 }
+) {
+  const [
+    /** @type {AllUsersProjects} **/ allProjects,
+    /** @type {Tag[]} **/ tags,
+  ] = await Promise.all([
+    ProjectGetter.promises.findAllUsersProjects(
+      userId,
+      'name lastUpdated lastUpdatedBy publicAccesLevel archived trashed owner_ref tokens'
+    ),
+    TagsHandler.promises.getAllTags(userId),
+  ])
+  const formattedProjects = _formatProjects(allProjects, userId)
+  const filteredProjects = _applyFilters(
+    formattedProjects,
+    tags,
+    filters,
+    userId
+  )
+  const pagedProjects = _sortAndPaginate(filteredProjects, sort, page)
+
+  await _injectProjectUsers(pagedProjects)
+
+  return {
+    totalSize: filteredProjects.length,
+    projects: pagedProjects,
+  }
+}
+
+/**
+ * @param {AllUsersProjects} projects
+ * @param {string} userId
+ * @returns {Project[]}
+ * @private
+ */
+function _formatProjects(projects, userId) {
+  const {
+    owned,
+    review,
+    readAndWrite,
+    readOnly,
+    tokenReadAndWrite,
+    tokenReadOnly,
+  } = projects
+
+  const formattedProjects = /** @type {Project[]} **/ []
+  for (const project of owned) {
+    formattedProjects.push(
+      _formatProjectInfo(project, 'owner', Sources.OWNER, userId)
+    )
+  }
+  // Invite-access
+  for (const project of readAndWrite) {
+    formattedProjects.push(
+      _formatProjectInfo(project, 'readWrite', Sources.INVITE, userId)
+    )
+  }
+  for (const project of review) {
+    formattedProjects.push(
+      _formatProjectInfo(project, 'review', Sources.INVITE, userId)
+    )
+  }
+  for (const project of readOnly) {
+    formattedProjects.push(
+      _formatProjectInfo(project, 'readOnly', Sources.INVITE, userId)
+    )
+  }
+  // Token-access
+  // Only add these formattedProjects if they're not already present, this gives us cascading access
+  // from 'owner' => 'token-read-only'
+  for (const project of tokenReadAndWrite) {
+    if (!formattedProjects.some(p => p.id === project._id.toString())) {
+      formattedProjects.push(
+        _formatProjectInfo(project, 'readAndWrite', Sources.TOKEN, userId)
+      )
+    }
+  }
+  for (const project of tokenReadOnly) {
+    if (!formattedProjects.some(p => p.id === project._id.toString())) {
+      formattedProjects.push(
+        _formatProjectInfo(project, 'readOnly', Sources.TOKEN, userId)
+      )
+    }
+  }
+
+  return formattedProjects
+}
+
+/**
+ * @param {Project[]} projects
+ * @param {Tag[]} tags
+ * @param {Filters} filters
+ * @param {string} userId
+ * @returns {Project[]}
+ * @private
+ */
+function _applyFilters(projects, tags, filters, userId) {
+  if (!_hasActiveFilter(filters)) {
+    return projects
+  }
+  return projects.filter(project => _matchesFilters(project, tags, filters))
+}
+
+/**
+ * @param {Project[]} projects
+ * @param {Sort} sort
+ * @param {Page} page
+ * @returns {Project[]}
+ * @private
+ */
+function _sortAndPaginate(projects, sort, page) {
+  if (
+    (sort.by && !['lastUpdated', 'title', 'owner'].includes(sort.by)) ||
+    (sort.order && !['asc', 'desc'].includes(sort.order))
+  ) {
+    throw new OError('Invalid sorting criteria', { sort })
+  }
+  const sortedProjects = _.orderBy(
+    projects,
+    [sort.by || 'lastUpdated'],
+    [sort.order || 'desc']
+  )
+  // TODO handle pagination
+  return sortedProjects
+}
+
+/**
+ * @param {MongoProject} project
+ * @param {string} accessLevel
+ * @param {'owner' | 'invite' | 'token'} source
+ * @param {string} userId
+ * @returns {object}
+ * @private
+ */
+function _formatProjectInfo(project, accessLevel, source, userId) {
+  const archived = ProjectHelper.isArchived(project, userId)
+  // If a project is simultaneously trashed and archived, we will consider it archived but not trashed.
+  const trashed = ProjectHelper.isTrashed(project, userId) && !archived
+
+  const model = {
+    id: project._id.toString(),
+    name: project.name,
+    owner_ref: project.owner_ref,
+    lastUpdated: project.lastUpdated,
+    lastUpdatedBy: project.lastUpdatedBy,
+    accessLevel,
+    source,
+    archived,
+    trashed,
+  }
+  if (accessLevel === PrivilegeLevels.READ_ONLY && source === Sources.TOKEN) {
+    model.owner_ref = null
+    model.lastUpdatedBy = null
+  }
+  return model
+}
+
+/**
+ * @param {Project[]} projects
+ * @returns {Promise<void>}
+ * @private
+ */
+async function _injectProjectUsers(projects) {
+  const userIds = new Set()
+  for (const project of projects) {
+    if (project.owner_ref != null) {
+      userIds.add(project.owner_ref.toString())
+    }
+    if (project.lastUpdatedBy != null) {
+      userIds.add(project.lastUpdatedBy.toString())
+    }
+  }
+
+  const projection = {
+    first_name: 1,
+    last_name: 1,
+    email: 1,
+  }
+  const users = {}
+  for (const user of await UserGetter.promises.getUsers(userIds, projection)) {
+    const userId = user._id.toString()
+    users[userId] = {
+      id: userId,
+      email: user.email,
+      firstName: user.first_name,
+      lastName: user.last_name,
+    }
+  }
+  for (const project of projects) {
+    if (project.owner_ref != null) {
+      project.owner = users[project.owner_ref.toString()]
+    }
+    if (project.lastUpdatedBy != null) {
+      project.lastUpdatedBy = users[project.lastUpdatedBy.toString()] || null
+    }
+
+    delete project.owner_ref
+  }
+}
+
+/**
+ * @param {any} project
+ * @param {Tag[]} tags
+ * @param {Filters} filters
+ * @private
+ */
+function _matchesFilters(project, tags, filters) {
+  if (filters.ownedByUser && project.accessLevel !== 'owner') {
+    return false
+  }
+  if (filters.sharedWithUser && project.accessLevel === 'owner') {
+    return false
+  }
+  if (filters.archived && !project.archived) {
+    return false
+  }
+  if (filters.trashed && !project.trashed) {
+    return false
+  }
+  if (
+    filters.tag &&
+    !_.find(
+      tags,
+      tag =>
+        filters.tag === tag.name && (tag.project_ids || []).includes(project.id)
+    )
+  ) {
+    return false
+  }
+  if (
+    filters.search?.length &&
+    project.name.toLowerCase().indexOf(filters.search.toLowerCase()) === -1
+  ) {
+    return false
+  }
+  return true
+}
+
+/**
+ * @param {Filters} filters
+ * @returns {boolean}
+ * @private
+ */
+function _hasActiveFilter(filters) {
+  return (
+    filters.ownedByUser ||
+    filters.sharedWithUser ||
+    filters.archived ||
+    filters.trashed ||
+    filters.tag === null ||
+    filters.tag?.length ||
+    filters.search?.length
+  )
+}
+
+export default {
+  projectListPage: expressify(projectListPage),
+  getProjectsJson: expressify(getProjectsJson),
+}
diff --git a/services/web/app/src/Features/Project/ProjectLocator.js b/services/web/app/src/Features/Project/ProjectLocator.js
new file mode 100644
index 0000000..2feaa0c
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectLocator.js
@@ -0,0 +1,351 @@
+const _ = require('lodash')
+const logger = require('@overleaf/logger')
+const OError = require('@overleaf/o-error')
+const async = require('async')
+const ProjectGetter = require('./ProjectGetter')
+const Errors = require('../Errors/Errors')
+const { promisifyMultiResult } = require('@overleaf/promise-utils')
+const { iterablePaths } = require('./IterablePath')
+
+/**
+ * @param project
+ * @param predicate
+ * @returns {{path: string, value: *}}
+ */
+function findDeep(project, predicate) {
+  function find(value, path) {
+    if (predicate(value)) {
+      return { value, path: path.join('.') }
+    }
+    if (typeof value === 'object' && value !== null) {
+      for (const [childKey, childVal] of Object.entries(value)) {
+        const found = find(childVal, [...path, childKey])
+        if (found) {
+          return found
+        }
+      }
+    }
+  }
+  return find(project.rootFolder, ['rootFolder'])
+}
+
+function findElement(options, _callback) {
+  // The search algorithm below potentially invokes the callback multiple
+  // times.
+  const callback = _.once(_callback)
+
+  const {
+    project,
+    project_id: projectId,
+    element_id: elementId,
+    type,
+  } = options
+  const elementType = sanitizeTypeOfElement(type)
+
+  let count = 0
+  const endOfBranch = function () {
+    if (--count === 0) {
+      logger.warn(
+        `element ${elementId} could not be found for project ${
+          projectId || project._id
+        }`
+      )
+      callback(new Errors.NotFoundError('entity not found'))
+    }
+  }
+
+  function search(searchFolder, path) {
+    count++
+    const element = _.find(
+      searchFolder[elementType],
+      el => (el != null ? el._id : undefined) + '' === elementId + ''
+    ) // need to ToString both id's for robustness
+    if (
+      element == null &&
+      searchFolder.folders != null &&
+      searchFolder.folders.length !== 0
+    ) {
+      _.forEach(searchFolder.folders, (folder, index) => {
+        if (folder == null) {
+          return
+        }
+        const newPath = {}
+        for (const key of Object.keys(path)) {
+          const value = path[key]
+          newPath[key] = value
+        } // make a value copy of the string
+        newPath.fileSystem += `/${folder.name}`
+        newPath.mongo += `.folders.${index}`
+        search(folder, newPath)
+      })
+      endOfBranch()
+    } else if (element != null) {
+      const elementPlaceInArray = getIndexOf(
+        searchFolder[elementType],
+        elementId
+      )
+      path.fileSystem += `/${element.name}`
+      path.mongo += `.${elementType}.${elementPlaceInArray}`
+      callback(null, element, path, searchFolder)
+    } else if (element == null) {
+      endOfBranch()
+    }
+  }
+
+  const path = { fileSystem: '', mongo: 'rootFolder.0' }
+
+  const startSearch = project => {
+    if (elementId + '' === project.rootFolder[0]._id + '') {
+      callback(null, project.rootFolder[0], path, null)
+    } else {
+      search(project.rootFolder[0], path)
+    }
+  }
+
+  if (project != null) {
+    startSearch(project)
+  } else {
+    ProjectGetter.getProject(
+      projectId,
+      { rootFolder: true, rootDoc_id: true },
+      (err, project) => {
+        if (err != null) {
+          return callback(err)
+        }
+        if (project == null) {
+          return callback(new Errors.NotFoundError('project not found'))
+        }
+        startSearch(project)
+      }
+    )
+  }
+}
+
+function findRootDoc(opts, callback) {
+  const getRootDoc = project => {
+    if (project.rootDoc_id != null) {
+      findElement(
+        { project, element_id: project.rootDoc_id, type: 'docs' },
+        (error, ...args) => {
+          if (error != null) {
+            if (error instanceof Errors.NotFoundError) {
+              return callback(null, null)
+            } else {
+              return callback(error)
+            }
+          }
+          callback(null, ...args)
+        }
+      )
+    } else {
+      callback(null, null)
+    }
+  }
+  const { project, project_id: projectId } = opts
+  if (project != null) {
+    getRootDoc(project)
+  } else {
+    ProjectGetter.getProject(
+      projectId,
+      { rootFolder: true, rootDoc_id: true },
+      (err, project) => {
+        if (err != null) {
+          logger.warn({ err }, 'error getting project')
+          callback(err)
+        } else {
+          getRootDoc(project)
+        }
+      }
+    )
+  }
+}
+
+function findElementByPath(options, callback) {
+  const { project, project_id: projectId, path, exactCaseMatch } = options
+  if (path == null) {
+    return new Error('no path provided for findElementByPath')
+  }
+
+  if (project != null) {
+    _findElementByPathWithProject(project, path, exactCaseMatch, callback)
+  } else {
+    ProjectGetter.getProject(
+      projectId,
+      { rootFolder: true, rootDoc_id: true },
+      (err, project) => {
+        if (err != null) {
+          return callback(err)
+        }
+        _findElementByPathWithProject(project, path, exactCaseMatch, callback)
+      }
+    )
+  }
+}
+
+function _findElementByPathWithProject(
+  project,
+  needlePath,
+  exactCaseMatch,
+  callback
+) {
+  let matchFn
+  if (exactCaseMatch) {
+    matchFn = (a, b) => a === b
+  } else {
+    matchFn = (a, b) =>
+      (a != null ? a.toLowerCase() : undefined) ===
+      (b != null ? b.toLowerCase() : undefined)
+  }
+
+  function getParentFolder(haystackFolder, foldersList, level, cb) {
+    if (foldersList.length === 0) {
+      return cb(null, haystackFolder)
+    }
+    const needleFolderName = foldersList[level]
+    let found = false
+    for (const folder of haystackFolder.folders) {
+      if (matchFn(folder.name, needleFolderName)) {
+        found = true
+        if (level === foldersList.length - 1) {
+          return cb(null, folder)
+        } else {
+          return getParentFolder(folder, foldersList, level + 1, cb)
+        }
+      }
+    }
+    if (!found) {
+      cb(
+        new Error(
+          `not found project: ${project._id} search path: ${needlePath}, folder ${foldersList[level]} could not be found`
+        )
+      )
+    }
+  }
+
+  function getEntity(folder, entityName, cb) {
+    let result, type
+    if (entityName == null) {
+      return cb(null, folder, 'folder', null)
+    }
+    for (const file of iterablePaths(folder, 'fileRefs')) {
+      if (matchFn(file != null ? file.name : undefined, entityName)) {
+        result = file
+        type = 'file'
+      }
+    }
+    for (const doc of iterablePaths(folder, 'docs')) {
+      if (matchFn(doc != null ? doc.name : undefined, entityName)) {
+        result = doc
+        type = 'doc'
+      }
+    }
+    for (const childFolder of iterablePaths(folder, 'folders')) {
+      if (
+        matchFn(childFolder != null ? childFolder.name : undefined, entityName)
+      ) {
+        result = childFolder
+        type = 'folder'
+      }
+    }
+
+    if (result != null) {
+      cb(null, result, type, folder)
+    } else {
+      cb(
+        new Error(
+          `not found project: ${project._id} search path: ${needlePath}, entity ${entityName} could not be found`
+        )
+      )
+    }
+  }
+
+  if (project == null) {
+    return callback(new Error('Tried to find an element for a null project'))
+  }
+  if (needlePath === '' || needlePath === '/') {
+    return callback(null, project.rootFolder[0], 'folder', null)
+  }
+
+  if (needlePath.indexOf('/') === 0) {
+    needlePath = needlePath.substring(1)
+  }
+  const foldersList = needlePath.split('/')
+  const needleName = foldersList.pop()
+  const rootFolder = project.rootFolder[0]
+
+  const jobs = []
+  jobs.push(cb => getParentFolder(rootFolder, foldersList, 0, cb))
+  jobs.push((folder, cb) => getEntity(folder, needleName, cb))
+  async.waterfall(jobs, callback)
+}
+
+function sanitizeTypeOfElement(elementType) {
+  const lastChar = elementType.slice(-1)
+  if (lastChar !== 's') {
+    elementType += 's'
+  }
+  if (elementType === 'files') {
+    elementType = 'fileRefs'
+  }
+  return elementType
+}
+
+function getIndexOf(searchEntity, id) {
+  const { length } = searchEntity
+  let count = 0
+  while (count < length) {
+    if (
+      (searchEntity[count] != null ? searchEntity[count]._id : undefined) +
+        '' ===
+      id + ''
+    ) {
+      return count
+    }
+    count++
+  }
+}
+
+/**
+ * Follow the given Mongo path (as returned by findElement) and return the
+ * entity at the end of it.
+ */
+function findElementByMongoPath(project, mongoPath) {
+  const components = mongoPath.split('.')
+  let node = project
+  for (const component of components) {
+    const key = Array.isArray(node) ? parseInt(component, 10) : component
+    node = node[key]
+    if (node == null) {
+      throw new OError('entity not found', {
+        projectId: project._id,
+        mongoPath,
+      })
+    }
+  }
+  return node
+}
+
+module.exports = {
+  findElement,
+  findElementByPath,
+  findRootDoc,
+  findElementByMongoPath,
+  findDeep,
+  promises: {
+    findElement: promisifyMultiResult(findElement, [
+      'element',
+      'path',
+      'folder',
+    ]),
+    findElementByPath: promisifyMultiResult(findElementByPath, [
+      'element',
+      'type',
+      'folder',
+    ]),
+    findRootDoc: promisifyMultiResult(findRootDoc, [
+      'element',
+      'path',
+      'folder',
+    ]),
+  },
+}
diff --git a/services/web/app/src/Features/Project/ProjectOptionsHandler.js b/services/web/app/src/Features/Project/ProjectOptionsHandler.js
new file mode 100644
index 0000000..5ca89ce
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectOptionsHandler.js
@@ -0,0 +1,92 @@
+const { Project } = require('../../models/Project')
+const settings = require('@overleaf/settings')
+const { callbackify } = require('util')
+const { db, ObjectId } = require('../../infrastructure/mongodb')
+const safeCompilers = ['xelatex', 'pdflatex', 'latex', 'lualatex']
+
+const ProjectOptionsHandler = {
+  async setCompiler(projectId, compiler) {
+    if (!compiler) {
+      return
+    }
+    compiler = compiler.toLowerCase()
+    if (!safeCompilers.includes(compiler)) {
+      throw new Error(`invalid compiler: ${compiler}`)
+    }
+    const conditions = { _id: projectId }
+    const update = { compiler }
+    return Project.updateOne(conditions, update, {})
+  },
+
+  async setImageName(projectId, imageName) {
+    if (!imageName || !Array.isArray(settings.allowedImageNames)) {
+      return
+    }
+    imageName = imageName.toLowerCase()
+    const isAllowed = settings.allowedImageNames.find(
+      allowed => imageName === allowed.imageName
+    )
+    if (!isAllowed) {
+      throw new Error(`invalid imageName: ${imageName}`)
+    }
+    const conditions = { _id: projectId }
+    const update = { imageName: settings.imageRoot + '/' + imageName }
+    return Project.updateOne(conditions, update, {})
+  },
+
+  async setSpellCheckLanguage(projectId, languageCode) {
+    if (!Array.isArray(settings.languages)) {
+      return
+    }
+    const language = settings.languages.find(
+      language => language.code === languageCode
+    )
+    if (languageCode && !language) {
+      throw new Error(`invalid languageCode: ${languageCode}`)
+    }
+    const conditions = { _id: projectId }
+    const update = { spellCheckLanguage: languageCode }
+    return Project.updateOne(conditions, update, {})
+  },
+
+  async setBrandVariationId(projectId, brandVariationId) {
+    if (!brandVariationId) {
+      return
+    }
+    const conditions = { _id: projectId }
+    const update = { brandVariationId }
+    return Project.updateOne(conditions, update, {})
+  },
+
+  async unsetBrandVariationId(projectId) {
+    const conditions = { _id: projectId }
+    const update = { $unset: { brandVariationId: 1 } }
+    return Project.updateOne(conditions, update, {})
+  },
+
+  async setHistoryRangesSupport(projectId, enabled) {
+    const conditions = { _id: new ObjectId(projectId) }
+    const update = {
+      $set: { 'overleaf.history.rangesSupportEnabled': enabled },
+    }
+    // NOTE: Updating the Mongoose model with the same query doesn't work. Maybe
+    // because rangesSupportEnabled is not part of the schema?
+    return db.projects.updateOne(conditions, update)
+  },
+}
+
+module.exports = {
+  setCompiler: callbackify(ProjectOptionsHandler.setCompiler),
+  setImageName: callbackify(ProjectOptionsHandler.setImageName),
+  setSpellCheckLanguage: callbackify(
+    ProjectOptionsHandler.setSpellCheckLanguage
+  ),
+  setBrandVariationId: callbackify(ProjectOptionsHandler.setBrandVariationId),
+  unsetBrandVariationId: callbackify(
+    ProjectOptionsHandler.unsetBrandVariationId
+  ),
+  setHistoryRangesSupport: callbackify(
+    ProjectOptionsHandler.setHistoryRangesSupport
+  ),
+  promises: ProjectOptionsHandler,
+}
diff --git a/services/web/app/src/Features/Project/ProjectRootDocManager.js b/services/web/app/src/Features/Project/ProjectRootDocManager.js
new file mode 100644
index 0000000..0bac5e3
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectRootDocManager.js
@@ -0,0 +1,341 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-unused-vars,
+    no-useless-escape,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let ProjectRootDocManager
+const ProjectEntityHandler = require('./ProjectEntityHandler')
+const ProjectEntityUpdateHandler = require('./ProjectEntityUpdateHandler')
+const ProjectGetter = require('./ProjectGetter')
+const DocumentHelper = require('../Documents/DocumentHelper')
+const Path = require('path')
+const fs = require('fs')
+const async = require('async')
+const globby = require('globby')
+const _ = require('lodash')
+const { promisifyAll } = require('@overleaf/promise-utils')
+const logger = require('@overleaf/logger')
+const {
+  BackgroundTaskTracker,
+} = require('../../infrastructure/GracefulShutdown')
+
+const rootDocResets = new BackgroundTaskTracker('root doc resets')
+
+module.exports = ProjectRootDocManager = {
+  setRootDocAutomaticallyInBackground(projectId) {
+    rootDocResets.add()
+    setTimeout(async () => {
+      try {
+        await ProjectRootDocManager.promises.setRootDocAutomatically(projectId)
+      } catch (err) {
+        logger.warn(
+          { err },
+          'failed to set root doc automatically in background'
+        )
+      } finally {
+        rootDocResets.done()
+      }
+    }, 30 * 1000)
+  },
+
+  setRootDocAutomatically(projectId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return ProjectEntityHandler.getAllDocs(projectId, function (error, docs) {
+      if (error != null) {
+        return callback(error)
+      }
+
+      const jobs = _.map(
+        docs,
+        (doc, path) =>
+          function (cb) {
+            if (
+              ProjectEntityUpdateHandler.isPathValidForRootDoc(path) &&
+              DocumentHelper.contentHasDocumentclass(doc.lines)
+            ) {
+              async.setImmediate(function () {
+                cb(doc._id)
+              })
+            } else {
+              async.setImmediate(function () {
+                cb(null)
+              })
+            }
+          }
+      )
+
+      return async.series(jobs, function (rootDocId) {
+        if (rootDocId != null) {
+          return ProjectEntityUpdateHandler.setRootDoc(
+            projectId,
+            rootDocId,
+            callback
+          )
+        } else {
+          return callback()
+        }
+      })
+    })
+  },
+
+  findRootDocFileFromDirectory(directoryPath, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    const filePathsPromise = globby(['**/*.{tex,Rtex,Rnw}'], {
+      cwd: directoryPath,
+      followSymlinkedDirectories: false,
+      onlyFiles: true,
+      case: false,
+    })
+
+    // the search order is such that we prefer files closer to the project root, then
+    // we go by file size in ascending order, because people often have a main
+    // file that just includes a bunch of other files; then we go by name, in
+    // order to be deterministic
+    filePathsPromise.then(
+      unsortedFiles =>
+        ProjectRootDocManager._sortFileList(
+          unsortedFiles,
+          directoryPath,
+          function (err, files) {
+            if (err != null) {
+              return callback(err)
+            }
+            let firstFileInRootFolder
+            let doc = null
+
+            return async.until(
+              cb => cb(null, doc != null || files.length === 0),
+              function (cb) {
+                const file = files.shift()
+                return fs.readFile(
+                  Path.join(directoryPath, file),
+                  'utf8',
+                  function (error, content) {
+                    if (error != null) {
+                      return cb(error)
+                    }
+                    content = (content || '').replace(/\r/g, '')
+                    if (DocumentHelper.contentHasDocumentclass(content)) {
+                      doc = { path: file, content }
+                    }
+
+                    if (!firstFileInRootFolder && !file.includes('/')) {
+                      firstFileInRootFolder = { path: file, content }
+                    }
+                    cb(null)
+                  }
+                )
+              },
+              err => {
+                if (err) {
+                  return callback(err)
+                }
+
+                // if no doc was found, use the first file in the root folder as the main doc
+                if (!doc && firstFileInRootFolder) {
+                  doc = firstFileInRootFolder
+                }
+
+                callback(null, doc?.path, doc?.content)
+              }
+            )
+          }
+        ),
+      err => callback(err)
+    )
+
+    // coffeescript's implicit-return mechanism returns filePathsPromise from this method, which confuses mocha
+    return null
+  },
+
+  setRootDocFromName(projectId, rootDocName, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return ProjectEntityHandler.getAllDocPathsFromProjectById(
+      projectId,
+      function (error, docPaths) {
+        let docId, path
+        if (error != null) {
+          return callback(error)
+        }
+        // strip off leading and trailing quotes from rootDocName
+        rootDocName = rootDocName.replace(/^\'|\'$/g, '')
+        // prepend a slash for the root folder if not present
+        if (rootDocName[0] !== '/') {
+          rootDocName = `/${rootDocName}`
+        }
+        // find the root doc from the filename
+        let rootDocId = null
+        for (docId in docPaths) {
+          // docpaths have a leading / so allow matching "folder/filename" and "/folder/filename"
+          path = docPaths[docId]
+          if (path === rootDocName) {
+            rootDocId = docId
+          }
+        }
+        // try a basename match if there was no match
+        if (!rootDocId) {
+          for (docId in docPaths) {
+            path = docPaths[docId]
+            if (Path.basename(path) === Path.basename(rootDocName)) {
+              rootDocId = docId
+            }
+          }
+        }
+        // set the root doc id if we found a match
+        if (rootDocId != null) {
+          return ProjectEntityUpdateHandler.setRootDoc(
+            projectId,
+            rootDocId,
+            callback
+          )
+        } else {
+          return callback()
+        }
+      }
+    )
+  },
+
+  ensureRootDocumentIsSet(projectId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return ProjectGetter.getProject(
+      projectId,
+      { rootDoc_id: 1 },
+      function (error, project) {
+        if (error != null) {
+          return callback(error)
+        }
+        if (project == null) {
+          return callback(new Error('project not found'))
+        }
+
+        if (project.rootDoc_id != null) {
+          return callback()
+        } else {
+          return ProjectRootDocManager.setRootDocAutomatically(
+            projectId,
+            callback
+          )
+        }
+      }
+    )
+  },
+
+  /**
+   * @param {ObjectId | string} project_id
+   * @param {Function} callback
+   */
+  ensureRootDocumentIsValid(projectId, callback) {
+    ProjectGetter.getProjectWithoutDocLines(
+      projectId,
+      function (error, project) {
+        if (error != null) {
+          return callback(error)
+        }
+        if (project == null) {
+          return callback(new Error('project not found'))
+        }
+
+        if (project.rootDoc_id != null) {
+          ProjectEntityHandler.getDocPathFromProjectByDocId(
+            project,
+            project.rootDoc_id,
+            (err, docPath) => {
+              if (docPath) return callback()
+              ProjectEntityUpdateHandler.unsetRootDoc(projectId, () =>
+                ProjectRootDocManager.setRootDocAutomatically(
+                  projectId,
+                  callback
+                )
+              )
+            }
+          )
+        } else {
+          return ProjectRootDocManager.setRootDocAutomatically(
+            projectId,
+            callback
+          )
+        }
+      }
+    )
+  },
+
+  _sortFileList(listToSort, rootDirectory, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return async.mapLimit(
+      listToSort,
+      5,
+      (filePath, cb) =>
+        fs.stat(Path.join(rootDirectory, filePath), function (err, stat) {
+          if (err != null) {
+            return cb(err)
+          }
+          return cb(null, {
+            size: stat.size,
+            path: filePath,
+            elements: filePath.split(Path.sep).length,
+            name: Path.basename(filePath),
+          })
+        }),
+      function (err, files) {
+        if (err != null) {
+          return callback(err)
+        }
+
+        return callback(
+          null,
+          _.map(
+            files.sort(ProjectRootDocManager._rootDocSort),
+            file => file.path
+          )
+        )
+      }
+    )
+  },
+
+  _rootDocSort(a, b) {
+    // sort first by folder depth
+    if (a.elements !== b.elements) {
+      return a.elements - b.elements
+    }
+    // ensure main.tex is at the start of each folder
+    if (a.name === 'main.tex' && b.name !== 'main.tex') {
+      return -1
+    }
+    if (a.name !== 'main.tex' && b.name === 'main.tex') {
+      return 1
+    }
+    // prefer smaller files
+    if (a.size !== b.size) {
+      return a.size - b.size
+    }
+    // otherwise, use the full path name
+    return a.path.localeCompare(b.path)
+  },
+}
+
+module.exports = ProjectRootDocManager
+module.exports.promises = promisifyAll(module.exports, {
+  without: ['_rootDocSort', 'setRootDocAutomaticallyInBackground'],
+  multiResult: {
+    findRootDocFileFromDirectory: ['path', 'content'],
+  },
+})
diff --git a/services/web/app/src/Features/Project/ProjectUpdateHandler.js b/services/web/app/src/Features/Project/ProjectUpdateHandler.js
new file mode 100644
index 0000000..ad9b914
--- /dev/null
+++ b/services/web/app/src/Features/Project/ProjectUpdateHandler.js
@@ -0,0 +1,47 @@
+const { Project } = require('../../models/Project')
+const { callbackify } = require('util')
+
+const ProjectUpdateHandler = {
+  async markAsUpdated(projectId, lastUpdatedAt, lastUpdatedBy) {
+    if (!lastUpdatedAt) {
+      lastUpdatedAt = new Date()
+    }
+
+    const conditions = {
+      _id: projectId,
+      lastUpdated: { $lt: lastUpdatedAt },
+    }
+
+    const update = {
+      lastUpdated: lastUpdatedAt || new Date().getTime(),
+      lastUpdatedBy,
+    }
+    await Project.updateOne(conditions, update, {}).exec()
+  },
+
+  async markAsOpened(projectId) {
+    const conditions = { _id: projectId }
+    const update = { lastOpened: Date.now() }
+    await Project.updateOne(conditions, update, {}).exec()
+  },
+
+  async markAsInactive(projectId) {
+    const conditions = { _id: projectId }
+    const update = { active: false }
+    await Project.updateOne(conditions, update, {}).exec()
+  },
+
+  async markAsActive(projectId) {
+    const conditions = { _id: projectId }
+    const update = { active: true }
+    await Project.updateOne(conditions, update, {}).exec()
+  },
+}
+
+module.exports = {
+  markAsUpdated: callbackify(ProjectUpdateHandler.markAsUpdated),
+  markAsOpened: callbackify(ProjectUpdateHandler.markAsOpened),
+  markAsInactive: callbackify(ProjectUpdateHandler.markAsInactive),
+  markAsActive: callbackify(ProjectUpdateHandler.markAsActive),
+  promises: ProjectUpdateHandler,
+}
diff --git a/services/web/app/src/Features/Project/SafePath.js b/services/web/app/src/Features/Project/SafePath.js
new file mode 100644
index 0000000..10267f7
--- /dev/null
+++ b/services/web/app/src/Features/Project/SafePath.js
@@ -0,0 +1,135 @@
+/* eslint-disable
+    max-len,
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+// This file is shared between the frontend and server code of web, so that
+// filename validation is the same in both implementations.
+// The logic in all copies must be kept in sync:
+//   app/src/Features/Project/SafePath.js
+//   frontend/js/ide/directives/SafePath.js
+//   frontend/js/features/file-tree/util/safe-path.js
+
+const load = function () {
+  let SafePath
+  // eslint-disable-next-line prefer-regex-literals
+  const BADCHAR_RX = new RegExp(
+    `\
+[\
+\\/\
+\\\\\
+\\*\
+\\u0000-\\u001F\
+\\u007F\
+\\u0080-\\u009F\
+\\uD800-\\uDFFF\
+]\
+`,
+    'g'
+  )
+
+  // eslint-disable-next-line prefer-regex-literals
+  const BADFILE_RX = new RegExp(
+    `\
+(^\\.$)\
+|(^\\.\\.$)\
+|(^\\s+)\
+|(\\s+$)\
+`,
+    'g'
+  )
+
+  // Put a block on filenames which match javascript property names, as they
+  // can cause exceptions where the code puts filenames into a hash. This is a
+  // temporary workaround until the code in other places is made safe against
+  // property names.
+  //
+  // The list of property names is taken from
+  //   ['prototype'].concat(Object.getOwnPropertyNames(Object.prototype))
+  // eslint-disable-next-line prefer-regex-literals
+  const BLOCKEDFILE_RX = new RegExp(`\
+^(\
+prototype\
+|constructor\
+|toString\
+|toLocaleString\
+|valueOf\
+|hasOwnProperty\
+|isPrototypeOf\
+|propertyIsEnumerable\
+|__defineGetter__\
+|__lookupGetter__\
+|__defineSetter__\
+|__lookupSetter__\
+|__proto__\
+)$\
+`)
+
+  const MAX_PATH = 1024 // Maximum path length, in characters. This is fairly arbitrary.
+
+  return (SafePath = {
+    // convert any invalid characters to underscores in the given filename
+    clean(filename) {
+      filename = filename.replace(BADCHAR_RX, '_')
+      // for BADFILE_RX replace any matches with an equal number of underscores
+      filename = filename.replace(BADFILE_RX, match =>
+        new Array(match.length + 1).join('_')
+      )
+      // replace blocked filenames 'prototype' with '@prototype'
+      filename = filename.replace(BLOCKEDFILE_RX, '@$1')
+      return filename
+    },
+
+    // returns whether the filename is 'clean' (does not contain any invalid
+    // characters or reserved words)
+    isCleanFilename(filename) {
+      return (
+        SafePath.isAllowedLength(filename) &&
+        !filename.match(BADCHAR_RX) &&
+        !filename.match(BADFILE_RX)
+      )
+    },
+
+    isBlockedFilename(filename) {
+      return BLOCKEDFILE_RX.test(filename)
+    },
+
+    // returns whether a full path is 'clean' - e.g. is a full or relative path
+    // that points to a file, and each element passes the rules in 'isCleanFilename'
+    isCleanPath(path) {
+      const elements = path.split('/')
+
+      const lastElementIsEmpty = elements[elements.length - 1].length === 0
+      if (lastElementIsEmpty) {
+        return false
+      }
+
+      for (const element of Array.from(elements)) {
+        if (element.length > 0 && !SafePath.isCleanFilename(element)) {
+          return false
+        }
+      }
+
+      // check for a top-level reserved name
+      if (BLOCKEDFILE_RX.test(path.replace(/^\/?/, ''))) {
+        return false
+      } // remove leading slash if present
+
+      return true
+    },
+
+    isAllowedLength(pathname) {
+      return pathname.length > 0 && pathname.length <= MAX_PATH
+    },
+  })
+}
+
+module.exports = load()
diff --git a/services/web/app/src/Features/Project/types.d.ts b/services/web/app/src/Features/Project/types.d.ts
new file mode 100644
index 0000000..c59f551
--- /dev/null
+++ b/services/web/app/src/Features/Project/types.d.ts
@@ -0,0 +1,38 @@
+import express from 'express'
+import {
+  GetProjectsRequestBody,
+  GetProjectsResponseBody,
+} from '../../../../types/project/dashboard/api'
+
+export type GetProjectsRequest = express.Request<
+  unknown,
+  unknown,
+  GetProjectsRequestBody,
+  unknown
+>
+
+export type GetProjectsResponse = express.Response<GetProjectsResponseBody>
+
+export type MongoProject = {
+  _id: string
+  name: string
+  lastUpdated: Date
+  lastUpdatedBy: string
+  publicAccesLevel: string
+  archived: string[]
+  trashed: boolean
+  owner_ref: string
+  tokens: {
+    readOnly: string[]
+    readAndWrite: string[]
+    readAndWritePrefix: string[]
+  }[]
+}
+
+export type AllUsersProjects = {
+  owned: MongoProject[]
+  readAndWrite: MongoProject[]
+  readOnly: MongoProject[]
+  tokenReadAndWrite: MongoProject[]
+  tokenReadOnly: MongoProject[]
+}
diff --git a/services/web/app/src/Features/Publishers/PublishersGetter.js b/services/web/app/src/Features/Publishers/PublishersGetter.js
new file mode 100644
index 0000000..9167a70
--- /dev/null
+++ b/services/web/app/src/Features/Publishers/PublishersGetter.js
@@ -0,0 +1,42 @@
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const { fetchJson } = require('@overleaf/fetch-utils')
+const { callbackify } = require('@overleaf/promise-utils')
+const UserMembershipsHandler = require('../UserMembership/UserMembershipsHandler')
+const UserMembershipEntityConfigs = require('../UserMembership/UserMembershipEntityConfigs')
+
+async function getManagedPublishers(userId) {
+  return await UserMembershipsHandler.promises.getEntitiesByUser(
+    UserMembershipEntityConfigs.publisher,
+    userId
+  )
+}
+
+async function fetchV1Data(publisher) {
+  const url = `${Settings.apis.v1.url}/api/v2/brands/${publisher.slug}`
+  try {
+    const data = await fetchJson(url, {
+      basicAuth: {
+        user: Settings.apis.v1.user,
+        password: Settings.apis.v1.pass,
+      },
+      signal: AbortSignal.timeout(Settings.apis.v1.timeout),
+    })
+
+    publisher.name = data?.name
+    publisher.partner = data?.partner
+  } catch (error) {
+    logger.err(
+      { model: 'Publisher', slug: publisher.slug, error },
+      '[fetchV1DataError]'
+    )
+  }
+}
+
+module.exports = {
+  getManagedPublishers: callbackify(getManagedPublishers),
+  promises: {
+    getManagedPublishers,
+    fetchV1Data,
+  },
+}
diff --git a/services/web/app/src/Features/Referal/ReferalAllocator.js b/services/web/app/src/Features/Referal/ReferalAllocator.js
new file mode 100644
index 0000000..bf42fb8
--- /dev/null
+++ b/services/web/app/src/Features/Referal/ReferalAllocator.js
@@ -0,0 +1,48 @@
+const OError = require('@overleaf/o-error')
+const { User } = require('../../models/User')
+const FeaturesUpdater = require('../Subscription/FeaturesUpdater')
+const { callbackify } = require('@overleaf/promise-utils')
+
+async function allocate(referalId, newUserId, referalSource, referalMedium) {
+  if (referalId == null) {
+    return null
+  }
+
+  const query = { referal_id: referalId }
+  const user = await User.findOne(query, { _id: 1 }).exec()
+  if (user == null || user._id == null) {
+    return null
+  }
+
+  if (referalSource === 'bonus') {
+    try {
+      await User.updateOne(
+        query,
+        {
+          $push: {
+            refered_users: newUserId,
+          },
+          $inc: {
+            refered_user_count: 1,
+          },
+        },
+        {}
+      ).exec()
+    } catch (err) {
+      OError.tag(err, 'something went wrong allocating referal', {
+        referalId,
+        newUserId,
+      })
+      throw err
+    }
+
+    return await FeaturesUpdater.promises.refreshFeatures(user._id, 'referral')
+  }
+}
+
+module.exports = {
+  allocate: callbackify(allocate),
+  promises: {
+    allocate,
+  },
+}
diff --git a/services/web/app/src/Features/Referal/ReferalConnect.mjs b/services/web/app/src/Features/Referal/ReferalConnect.mjs
new file mode 100644
index 0000000..7b65151
--- /dev/null
+++ b/services/web/app/src/Features/Referal/ReferalConnect.mjs
@@ -0,0 +1,52 @@
+export default {
+  use(req, res, next) {
+    if (req.query != null) {
+      if (req.query.referal != null) {
+        req.session.referal_id = req.query.referal
+      } else if (req.query.r != null) {
+        // Short hand for referal
+        req.session.referal_id = req.query.r
+      } else if (req.query.fb_ref != null) {
+        req.session.referal_id = req.query.fb_ref
+      }
+
+      if (req.query.rm != null) {
+        // referal medium e.g. twitter, facebook, email
+        switch (req.query.rm) {
+          case 'fb':
+            req.session.referal_medium = 'facebook'
+            break
+          case 't':
+            req.session.referal_medium = 'twitter'
+            break
+          case 'gp':
+            req.session.referal_medium = 'google_plus'
+            break
+          case 'e':
+            req.session.referal_medium = 'email'
+            break
+          case 'd':
+            req.session.referal_medium = 'direct'
+            break
+        }
+      }
+
+      if (req.query.rs != null) {
+        // referal source e.g. project share, bonus
+        switch (req.query.rs) {
+          case 'b':
+            req.session.referal_source = 'bonus'
+            break
+          case 'ps':
+            req.session.referal_source = 'public_share'
+            break
+          case 'ci':
+            req.session.referal_source = 'collaborator_invite'
+            break
+        }
+      }
+    }
+
+    next()
+  },
+}
diff --git a/services/web/app/src/Features/Referal/ReferalController.mjs b/services/web/app/src/Features/Referal/ReferalController.mjs
new file mode 100644
index 0000000..8315ac7
--- /dev/null
+++ b/services/web/app/src/Features/Referal/ReferalController.mjs
@@ -0,0 +1,17 @@
+import ReferalHandler from './ReferalHandler.mjs'
+import SessionManager from '../Authentication/SessionManager.js'
+
+export default {
+  bonus(req, res, next) {
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    ReferalHandler.getReferedUsers(userId, (err, { referedUserCount }) => {
+      if (err) {
+        next(err)
+      } else {
+        res.render('referal/bonus', {
+          refered_user_count: referedUserCount,
+        })
+      }
+    })
+  },
+}
diff --git a/services/web/app/src/Features/Referal/ReferalFeatures.js b/services/web/app/src/Features/Referal/ReferalFeatures.js
new file mode 100644
index 0000000..7f3e732
--- /dev/null
+++ b/services/web/app/src/Features/Referal/ReferalFeatures.js
@@ -0,0 +1,48 @@
+const _ = require('lodash')
+const { callbackify } = require('util')
+const { User } = require('../../models/User')
+const Settings = require('@overleaf/settings')
+
+const ReferalFeatures = {
+  async getBonusFeatures(userId) {
+    const query = { _id: userId }
+    const user = await User.findOne(query, { refered_user_count: 1 }).exec()
+
+    if (user == null) {
+      throw new Error(`user not found ${userId} for assignBonus`)
+    }
+
+    if (user.refered_user_count != null && user.refered_user_count > 0) {
+      const newFeatures = ReferalFeatures._calculateFeatures(user)
+      return newFeatures
+    }
+
+    return {}
+  },
+
+  _calculateFeatures(user) {
+    const bonusLevel = ReferalFeatures._getBonusLevel(user)
+    return (
+      (Settings.bonus_features != null
+        ? Settings.bonus_features[`${bonusLevel}`]
+        : undefined) || {}
+    )
+  },
+
+  _getBonusLevel(user) {
+    let highestBonusLevel = 0
+    _.forEach(_.keys(Settings.bonus_features), function (level) {
+      const levelIsLessThanUser = level <= user.refered_user_count
+      const levelIsMoreThanCurrentHighest = level >= highestBonusLevel
+      if (levelIsLessThanUser && levelIsMoreThanCurrentHighest) {
+        return (highestBonusLevel = level)
+      }
+    })
+    return highestBonusLevel
+  },
+}
+
+module.exports = {
+  getBonusFeatures: callbackify(ReferalFeatures.getBonusFeatures),
+  promises: ReferalFeatures,
+}
diff --git a/services/web/app/src/Features/Referal/ReferalHandler.mjs b/services/web/app/src/Features/Referal/ReferalHandler.mjs
new file mode 100644
index 0000000..1d389bb
--- /dev/null
+++ b/services/web/app/src/Features/Referal/ReferalHandler.mjs
@@ -0,0 +1,17 @@
+import { callbackify } from '@overleaf/promise-utils'
+import { User } from '../../models/User.js'
+
+async function getReferedUsers(userId) {
+  const projection = { refered_users: 1, refered_user_count: 1 }
+  const user = await User.findById(userId, projection).exec()
+  const referedUsers = user.refered_users || []
+  const referedUserCount = user.refered_user_count || referedUsers.length
+  return { referedUsers, referedUserCount }
+}
+
+export default {
+  getReferedUsers: callbackify(getReferedUsers),
+  promises: {
+    getReferedUsers,
+  },
+}
diff --git a/services/web/app/src/Features/References/ReferencesController.mjs b/services/web/app/src/Features/References/ReferencesController.mjs
new file mode 100644
index 0000000..378f096
--- /dev/null
+++ b/services/web/app/src/Features/References/ReferencesController.mjs
@@ -0,0 +1,53 @@
+/* eslint-disable
+    max-len,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import ReferencesHandler from './ReferencesHandler.mjs'
+import EditorRealTimeController from '../Editor/EditorRealTimeController.js'
+import { OError } from '../Errors/Errors.js'
+
+let ReferencesController
+
+export default ReferencesController = {
+  indexAll(req, res, next) {
+    const projectId = req.params.Project_id
+    const { shouldBroadcast } = req.body
+    return ReferencesHandler.indexAll(projectId, function (error, data) {
+      if (error) {
+        OError.tag(error, 'failed to index references', { projectId })
+        return next(error)
+      }
+      return ReferencesController._handleIndexResponse(
+        req,
+        res,
+        projectId,
+        shouldBroadcast,
+        true,
+        data
+      )
+    })
+  },
+
+  _handleIndexResponse(req, res, projectId, shouldBroadcast, isAllDocs, data) {
+    if (data == null || data.keys == null) {
+      return res.json({ projectId, keys: [] })
+    }
+    if (shouldBroadcast) {
+      EditorRealTimeController.emitToRoom(
+        projectId,
+        'references:keys:updated',
+        data.keys,
+        isAllDocs
+      )
+    }
+    return res.json(data)
+  },
+}
diff --git a/services/web/app/src/Features/References/ReferencesHandler.mjs b/services/web/app/src/Features/References/ReferencesHandler.mjs
new file mode 100644
index 0000000..9ff61f2
--- /dev/null
+++ b/services/web/app/src/Features/References/ReferencesHandler.mjs
@@ -0,0 +1,221 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS103: Rewrite code to no longer use __guard__
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import OError from '@overleaf/o-error'
+import logger from '@overleaf/logger'
+import request from 'request'
+import settings from '@overleaf/settings'
+import Features from '../../infrastructure/Features.js'
+import ProjectGetter from '../Project/ProjectGetter.js'
+import UserGetter from '../User/UserGetter.js'
+import DocumentUpdaterHandler from '../DocumentUpdater/DocumentUpdaterHandler.js'
+import _ from 'lodash'
+import Async from 'async'
+import Errors from '../Errors/Errors.js'
+import { promisify } from '@overleaf/promise-utils'
+import HistoryURLHelper from '../History/HistoryURLHelper.js'
+
+let ReferencesHandler
+
+if (!Features.hasFeature('references')) {
+  logger.debug('references search not enabled')
+}
+
+export default ReferencesHandler = {
+  _buildDocUrl(projectId, docId) {
+    return {
+      url: `${settings.apis.docstore.url}/project/${projectId}/doc/${docId}/raw`,
+    }
+  },
+
+  _findBibFileRefs(project) {
+    const fileRefs = []
+    function _process(folder) {
+      _.forEach(folder.fileRefs || [], function (file) {
+        if (
+          __guard__(file != null ? file.name : undefined, x1 =>
+            x1.match(/^.*\.bib$/)
+          )
+        ) {
+          return fileRefs.push(file)
+        }
+      })
+      return _.forEach(folder.folders || [], folder => _process(folder))
+    }
+    _.forEach(project.rootFolder || [], rootFolder => _process(rootFolder))
+    return fileRefs
+  },
+
+  _findBibDocIds(project) {
+    const ids = []
+    function _process(folder) {
+      _.forEach(folder.docs || [], function (doc) {
+        if (
+          __guard__(doc != null ? doc.name : undefined, x1 =>
+            x1.match(/^.*\.bib$/)
+          )
+        ) {
+          return ids.push(doc._id)
+        }
+      })
+      return _.forEach(folder.folders || [], folder => _process(folder))
+    }
+    _.forEach(project.rootFolder || [], rootFolder => _process(rootFolder))
+    return ids
+  },
+
+  _isFullIndex(project, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return UserGetter.getUser(
+      project.owner_ref,
+      { features: true },
+      function (err, owner) {
+        if (err != null) {
+          return callback(err)
+        }
+        const features = owner != null ? owner.features : undefined
+        return callback(
+          null,
+          (features != null ? features.references : undefined) === true ||
+            (features != null ? features.referencesSearch : undefined) === true
+        )
+      }
+    )
+  },
+
+  indexAll(projectId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return ProjectGetter.getProject(
+      projectId,
+      { rootFolder: true, owner_ref: 1, 'overleaf.history.id': 1 },
+      function (err, project) {
+        if (err) {
+          OError.tag(err, 'error finding project', {
+            projectId,
+          })
+          return callback(err)
+        }
+        if (!project) {
+          return callback(
+            new Errors.NotFoundError(`project does not exist: ${projectId}`)
+          )
+        }
+        logger.debug({ projectId }, 'indexing all bib files in project')
+        const docIds = ReferencesHandler._findBibDocIds(project)
+        const fileRefs = ReferencesHandler._findBibFileRefs(project)
+        return ReferencesHandler._doIndexOperation(
+          projectId,
+          project,
+          docIds,
+          fileRefs,
+          callback
+        )
+      }
+    )
+  },
+
+  _doIndexOperation(projectId, project, docIds, fileRefs, callback) {
+    if (!Features.hasFeature('references')) {
+      return callback()
+    }
+    const historyId = project?.overleaf?.history?.id
+    if (!historyId) {
+      return callback(
+        new OError('project does not have a history id', { projectId })
+      )
+    }
+    return ReferencesHandler._isFullIndex(project, function (err, isFullIndex) {
+      if (err) {
+        OError.tag(err, 'error checking whether to do full index', {
+          projectId,
+        })
+        return callback(err)
+      }
+      logger.debug(
+        { projectId, docIds },
+        'flushing docs to mongo before calling references service'
+      )
+      return Async.series(
+        docIds.map(
+          docId => cb =>
+            DocumentUpdaterHandler.flushDocToMongo(projectId, docId, cb)
+        ),
+        function (err) {
+          // continue
+          if (err) {
+            OError.tag(err, 'error flushing docs to mongo', {
+              projectId,
+              docIds,
+            })
+            return callback(err)
+          }
+          const bibDocUrls = docIds.map(docId =>
+            ReferencesHandler._buildDocUrl(projectId, docId)
+          )
+          const bibFileUrls = fileRefs.map(fileRef =>
+            HistoryURLHelper.projectHistoryURLWithFilestoreFallback(
+              settings,
+              projectId,
+              historyId,
+              fileRef,
+              'bibFileUrls'
+            )
+          )
+          const sourceURLs = bibDocUrls.concat(bibFileUrls)
+          return request.post(
+            {
+              url: `${settings.apis.references.url}/project/${projectId}/index`,
+              json: {
+                docUrls: sourceURLs.map(item => item.fallbackURL || item.url),
+                sourceURLs,
+                fullIndex: isFullIndex,
+              },
+            },
+            function (err, res, data) {
+              if (err) {
+                OError.tag(err, 'error communicating with references api', {
+                  projectId,
+                })
+                return callback(err)
+              }
+              if (res.statusCode >= 200 && res.statusCode < 300) {
+                logger.debug({ projectId }, 'got keys from references api')
+                return callback(null, data)
+              } else {
+                err = new Error(
+                  `references api responded with non-success code: ${res.statusCode}`
+                )
+                return callback(err)
+              }
+            }
+          )
+        }
+      )
+    })
+  },
+}
+
+ReferencesHandler.promises = {
+  indexAll: promisify(ReferencesHandler.indexAll),
+}
+
+function __guard__(value, transform) {
+  return typeof value !== 'undefined' && value !== null
+    ? transform(value)
+    : undefined
+}
diff --git a/services/web/app/src/Features/SamlLog/SamlLogHandler.js b/services/web/app/src/Features/SamlLog/SamlLogHandler.js
new file mode 100644
index 0000000..e8ddd68
--- /dev/null
+++ b/services/web/app/src/Features/SamlLog/SamlLogHandler.js
@@ -0,0 +1,85 @@
+const { SamlLog } = require('../../models/SamlLog')
+const SessionManager = require('../Authentication/SessionManager')
+const logger = require('@overleaf/logger')
+const { err: errSerializer } = require('@overleaf/logger/serializers')
+const { callbackify } = require('util')
+const Settings = require('@overleaf/settings')
+
+const ALLOWED_PATHS = Settings.saml?.logAllowList || ['/saml/']
+
+async function log(req, data, samlAssertion) {
+  let providerId, sessionId
+
+  data = data || {}
+
+  try {
+    const { path, query } = req
+    if (!ALLOWED_PATHS.some(allowedPath => path.startsWith(allowedPath))) {
+      return
+    }
+
+    const { saml } = req.session
+    const userId = SessionManager.getLoggedInUserId(req.session)
+
+    providerId = (req.session.saml?.universityId || '').toString()
+    sessionId = (req.sessionID || '').toString().substr(0, 8)
+
+    const samlLog = new SamlLog()
+    samlLog.providerId = providerId
+    samlLog.sessionId = sessionId
+    samlLog.path = path
+    samlLog.userId = userId
+    data.query = query
+    data.samlSession = saml
+
+    if (data.error instanceof Error) {
+      const errSerialized = errSerializer(data.error)
+      if (data.error.tryAgain) {
+        errSerialized.tryAgain = data.error.tryAgain
+      }
+      req.logger.addFields({ providerId, sessionId, userId })
+      data.error = errSerialized
+    }
+
+    if (samlAssertion) {
+      const samlAssertionForLog = {
+        assertionXml: samlAssertion.getAssertionXml(),
+        responseXml: samlAssertion.getSamlResponseXml(),
+        assertionJsonExtended: req.user_info,
+      }
+      samlLog.samlAssertion = JSON.stringify(samlAssertionForLog)
+    }
+
+    if (data.error) {
+      data.body = {}
+      if (req.body.email) {
+        data.body.email = req.body.email
+      }
+      if (req.body.SAMLResponse) {
+        data.body.SAMLResponse = req.body.SAMLResponse
+      }
+    }
+
+    try {
+      samlLog.jsonData = JSON.stringify(data)
+    } catch (err) {
+      // log but continue on data errors
+      logger.error(
+        { err, sessionId, providerId },
+        'SamlLog JSON.stringify Error'
+      )
+    }
+    await samlLog.save()
+  } catch (err) {
+    logger.error({ err, sessionId, providerId }, 'SamlLog Error')
+  }
+}
+
+const SamlLogHandler = {
+  log: callbackify(log),
+  promises: {
+    log,
+  },
+}
+
+module.exports = SamlLogHandler
diff --git a/services/web/app/src/Features/Security/LoginRateLimiter.js b/services/web/app/src/Features/Security/LoginRateLimiter.js
new file mode 100644
index 0000000..58a351d
--- /dev/null
+++ b/services/web/app/src/Features/Security/LoginRateLimiter.js
@@ -0,0 +1,45 @@
+const { RateLimiter } = require('../../infrastructure/RateLimiter')
+const { promisifyAll } = require('@overleaf/promise-utils')
+const Settings = require('@overleaf/settings')
+
+const rateLimiterLoginEmail = new RateLimiter(
+  'login',
+  Settings.rateLimit?.login?.email || {
+    points: 10,
+    duration: 120,
+  }
+)
+
+function processLoginRequest(email, callback) {
+  rateLimiterLoginEmail
+    .consume(email.trim().toLowerCase(), 1, { method: 'email' })
+    .then(() => {
+      callback(null, true)
+    })
+    .catch(err => {
+      if (err instanceof Error) {
+        callback(err)
+      } else {
+        callback(null, false)
+      }
+    })
+}
+
+function recordSuccessfulLogin(email, callback) {
+  rateLimiterLoginEmail
+    .delete(email)
+    .then(() => {
+      callback()
+    })
+    .catch(err => {
+      callback(err)
+    })
+}
+
+const LoginRateLimiter = {
+  processLoginRequest,
+  recordSuccessfulLogin,
+}
+LoginRateLimiter.promises = promisifyAll(LoginRateLimiter)
+
+module.exports = LoginRateLimiter
diff --git a/services/web/app/src/Features/Security/OneTimeTokenHandler.js b/services/web/app/src/Features/Security/OneTimeTokenHandler.js
new file mode 100644
index 0000000..ef49c68
--- /dev/null
+++ b/services/web/app/src/Features/Security/OneTimeTokenHandler.js
@@ -0,0 +1,137 @@
+const crypto = require('crypto')
+const { db } = require('../../infrastructure/mongodb')
+const Errors = require('../Errors/Errors')
+const { promisifyAll } = require('@overleaf/promise-utils')
+const { callbackify } = require('util')
+
+const ONE_HOUR_IN_S = 60 * 60
+
+async function peekValueFromToken(use, token) {
+  const tokenDoc = await db.tokens.findOneAndUpdate(
+    {
+      use,
+      token,
+      expiresAt: { $gt: new Date() },
+      usedAt: { $exists: false },
+      peekCount: { $not: { $gte: OneTimeTokenHandler.MAX_PEEKS } },
+    },
+    {
+      $inc: { peekCount: 1 },
+    },
+    {
+      returnDocument: 'after',
+    }
+  )
+  if (!tokenDoc) {
+    throw new Errors.NotFoundError('no token found')
+  }
+  // The allowed number of peaks will be 1 less than OneTimeTokenHandler.MAX_PEEKS
+  // since the updated doc is returned after findOneAndUpdate above
+  const remainingPeeks = OneTimeTokenHandler.MAX_PEEKS - tokenDoc.peekCount
+
+  return { data: tokenDoc.data, remainingPeeks }
+}
+
+const OneTimeTokenHandler = {
+  MAX_PEEKS: 4,
+
+  getNewToken(use, data, options, callback) {
+    // options is optional
+    if (!options) {
+      options = {}
+    }
+    if (typeof options === 'function') {
+      callback = options
+      options = {}
+    }
+    const expiresIn = options.expiresIn || ONE_HOUR_IN_S
+    const createdAt = new Date()
+    const expiresAt = new Date(createdAt.getTime() + expiresIn * 1000)
+    const token = crypto.randomBytes(32).toString('hex')
+    db.tokens.insertOne(
+      {
+        use,
+        token,
+        data,
+        createdAt,
+        expiresAt,
+      },
+      function (error) {
+        if (error) {
+          return callback(error)
+        }
+        callback(null, token)
+      }
+    )
+  },
+
+  getValueFromTokenAndExpire(use, token, callback) {
+    const now = new Date()
+    db.tokens.findOneAndUpdate(
+      {
+        use,
+        token,
+        expiresAt: { $gt: now },
+        usedAt: { $exists: false },
+        peekCount: { $not: { $gte: OneTimeTokenHandler.MAX_PEEKS } },
+      },
+      {
+        $set: {
+          usedAt: now,
+        },
+      },
+      function (error, token) {
+        if (error) {
+          return callback(error)
+        }
+        if (!token) {
+          return callback(new Errors.NotFoundError('no token found'))
+        }
+        callback(null, token.data)
+      }
+    )
+  },
+
+  peekValueFromToken: callbackify(peekValueFromToken),
+
+  expireToken(use, token, callback) {
+    const now = new Date()
+    db.tokens.updateOne(
+      {
+        use,
+        token,
+      },
+      {
+        $set: {
+          usedAt: now,
+        },
+      },
+      error => {
+        callback(error)
+      }
+    )
+  },
+
+  expireAllTokensForUser(userId, use, callback) {
+    const now = new Date()
+    db.tokens.updateMany(
+      {
+        use,
+        'data.user_id': userId.toString(),
+        usedAt: { $exists: false },
+      },
+      {
+        $set: {
+          usedAt: now,
+        },
+      },
+      error => {
+        callback(error)
+      }
+    )
+  },
+}
+
+OneTimeTokenHandler.promises = promisifyAll(OneTimeTokenHandler)
+
+module.exports = OneTimeTokenHandler
diff --git a/services/web/app/src/Features/Security/RateLimiterMiddleware.js b/services/web/app/src/Features/Security/RateLimiterMiddleware.js
new file mode 100644
index 0000000..571eb8a
--- /dev/null
+++ b/services/web/app/src/Features/Security/RateLimiterMiddleware.js
@@ -0,0 +1,91 @@
+const logger = require('@overleaf/logger')
+const SessionManager = require('../Authentication/SessionManager')
+const LoginRateLimiter = require('./LoginRateLimiter')
+const settings = require('@overleaf/settings')
+
+/**
+ * Return a rate limiting middleware
+ *
+ * Pass an array of opts.params to segment this based on parameters in the
+ * request URL, e.g.:
+ *
+ *   app.get "/project/:project_id", RateLimiterMiddleware.rateLimit(
+ *     rateLimiter, params: ["project_id"]
+ *   )
+ *
+ * will rate limit each project_id separately.
+ *
+ * Unique clients are identified by user_id if logged in, and IP address if not.
+ * The method label is used to identify this in our metrics.
+ */
+function rateLimit(rateLimiter, opts = {}) {
+  const getUserId =
+    opts.getUserId || (req => SessionManager.getLoggedInUserId(req.session))
+  return function (req, res, next) {
+    const clientId = opts.ipOnly ? req.ip : getUserId(req) || req.ip
+    const method = clientId === req.ip ? 'ip' : 'userId'
+
+    if (
+      settings.smokeTest &&
+      settings.smokeTest.userId &&
+      settings.smokeTest.userId.toString() === clientId.toString()
+    ) {
+      // ignore smoke test user
+      return next()
+    }
+
+    let key = clientId
+    if (!opts.ipOnly) {
+      const params = (opts.params || []).map(p => req.params[p])
+      params.push(clientId)
+      key = params.join(':')
+    }
+
+    rateLimiter
+      .consume(key, 1, { method })
+      .then(() => next())
+      .catch(err => {
+        if (err instanceof Error) {
+          next(err)
+        } else {
+          res.status(429) // Too many requests
+          res.write('Rate limit reached, please try again later')
+          res.end()
+        }
+      })
+  }
+}
+
+function loginRateLimitEmail(emailField = 'email') {
+  return function (req, res, next) {
+    const email = req.body[emailField]
+    if (!email) {
+      return next()
+    }
+    LoginRateLimiter.processLoginRequest(email, (err, isAllowed) => {
+      if (err) {
+        return next(err)
+      }
+      if (isAllowed) {
+        next()
+      } else {
+        logger.warn({ email }, 'rate limit exceeded')
+        res.status(429) // Too many requests
+        res.json({
+          message: {
+            type: 'error',
+            text: req.i18n.translate('to_many_login_requests_2_mins'),
+            key: 'to-many-login-requests-2-mins',
+          },
+        })
+      }
+    })
+  }
+}
+
+const RateLimiterMiddleware = {
+  rateLimit,
+  loginRateLimitEmail,
+}
+
+module.exports = RateLimiterMiddleware
diff --git a/services/web/app/src/Features/ServerAdmin/AdminController.js b/services/web/app/src/Features/ServerAdmin/AdminController.js
new file mode 100644
index 0000000..261a5c2
--- /dev/null
+++ b/services/web/app/src/Features/ServerAdmin/AdminController.js
@@ -0,0 +1,97 @@
+const logger = require('@overleaf/logger')
+const http = require('http')
+const https = require('https')
+const Settings = require('@overleaf/settings')
+const TpdsUpdateSender = require('../ThirdPartyDataStore/TpdsUpdateSender')
+const TpdsProjectFlusher = require('../ThirdPartyDataStore/TpdsProjectFlusher')
+const EditorRealTimeController = require('../Editor/EditorRealTimeController')
+const SystemMessageManager = require('../SystemMessages/SystemMessageManager')
+
+const AdminController = {
+  _sendDisconnectAllUsersMessage: delay => {
+    return EditorRealTimeController.emitToAll(
+      'forceDisconnect',
+      'Sorry, we are performing a quick update to the editor and need to close it down. Please refresh the page to continue.',
+      delay
+    )
+  },
+  index: (req, res, next) => {
+    let url
+    const openSockets = {}
+    for (url in http.globalAgent.sockets) {
+      openSockets[`http://${url}`] = http.globalAgent.sockets[url].map(
+        socket => socket._httpMessage.path
+      )
+    }
+
+    for (url in https.globalAgent.sockets) {
+      openSockets[`https://${url}`] = https.globalAgent.sockets[url].map(
+        socket => socket._httpMessage.path
+      )
+    }
+
+    SystemMessageManager.getMessagesFromDB(function (error, systemMessages) {
+      if (error) {
+        return next(error)
+      }
+      res.render('admin/index', {
+        title: 'System Admin',
+        openSockets,
+        systemMessages,
+      })
+    })
+  },
+
+  disconnectAllUsers: (req, res) => {
+    logger.warn('disconecting everyone')
+    const delay = (req.query && req.query.delay) > 0 ? req.query.delay : 10
+    AdminController._sendDisconnectAllUsersMessage(delay)
+    res.redirect('/admin#open-close-editor')
+  },
+
+  openEditor(req, res) {
+    logger.warn('opening editor')
+    Settings.editorIsOpen = true
+    res.redirect('/admin#open-close-editor')
+  },
+
+  closeEditor(req, res) {
+    logger.warn('closing editor')
+    Settings.editorIsOpen = req.body.isOpen
+    res.redirect('/admin#open-close-editor')
+  },
+
+  flushProjectToTpds(req, res, next) {
+    TpdsProjectFlusher.flushProjectToTpds(req.body.project_id, error => {
+      if (error) {
+        return next(error)
+      }
+      res.sendStatus(200)
+    })
+  },
+
+  pollDropboxForUser(req, res) {
+    const { user_id: userId } = req.body
+    TpdsUpdateSender.pollDropboxForUser(userId, () => res.sendStatus(200))
+  },
+
+  createMessage(req, res, next) {
+    SystemMessageManager.createMessage(req.body.content, function (error) {
+      if (error) {
+        return next(error)
+      }
+      res.redirect('/admin#system-messages')
+    })
+  },
+
+  clearMessages(req, res, next) {
+    SystemMessageManager.clearMessages(function (error) {
+      if (error) {
+        return next(error)
+      }
+      res.redirect('/admin#system-messages')
+    })
+  },
+}
+
+module.exports = AdminController
diff --git a/services/web/app/src/Features/SocketDiagnostics/SocketDiagnostics.mjs b/services/web/app/src/Features/SocketDiagnostics/SocketDiagnostics.mjs
new file mode 100644
index 0000000..74672bd
--- /dev/null
+++ b/services/web/app/src/Features/SocketDiagnostics/SocketDiagnostics.mjs
@@ -0,0 +1,11 @@
+import { expressify } from '@overleaf/promise-utils'
+
+const index = async (req, res) => {
+  res.render('project/editor/socket_diagnostics')
+}
+
+const SocketDiagnostics = {
+  index: expressify(index),
+}
+
+export default SocketDiagnostics
diff --git a/services/web/app/src/Features/Spelling/LearnedWordsManager.js b/services/web/app/src/Features/Spelling/LearnedWordsManager.js
new file mode 100644
index 0000000..66d80fc
--- /dev/null
+++ b/services/web/app/src/Features/Spelling/LearnedWordsManager.js
@@ -0,0 +1,94 @@
+const { db } = require('../../infrastructure/mongodb')
+const { promisify } = require('util')
+const OError = require('@overleaf/o-error')
+const Settings = require('@overleaf/settings')
+const { InvalidError } = require('../Errors/Errors')
+
+const LearnedWordsManager = {
+  learnWord(userToken, word, callback) {
+    LearnedWordsManager.getLearnedWordsSize(userToken, (error, wordsSize) => {
+      if (error != null) {
+        return callback(OError.tag(error))
+      }
+      const wordSize = Buffer.from(word).length
+      if (wordsSize + wordSize > Settings.maxDictionarySize) {
+        return callback(new InvalidError('Max dictionary size reached'))
+      }
+      db.spellingPreferences.updateOne(
+        {
+          token: userToken,
+        },
+        {
+          $addToSet: { learnedWords: word },
+        },
+        {
+          upsert: true,
+        },
+        callback
+      )
+    })
+  },
+
+  unlearnWord(userToken, word, callback) {
+    return db.spellingPreferences.updateOne(
+      {
+        token: userToken,
+      },
+      {
+        $pull: { learnedWords: word },
+      },
+      callback
+    )
+  },
+
+  getLearnedWords(userToken, callback) {
+    db.spellingPreferences.findOne(
+      { token: userToken },
+      function (error, preferences) {
+        if (error != null) {
+          return callback(OError.tag(error))
+        }
+        let words =
+          (preferences != null ? preferences.learnedWords : undefined) || []
+        if (words) {
+          // remove duplicates
+          words = words.filter(
+            (value, index, self) => self.indexOf(value) === index
+          )
+        }
+        callback(null, words)
+      }
+    )
+  },
+
+  getLearnedWordsSize(userToken, callback) {
+    db.spellingPreferences.findOne(
+      { token: userToken },
+      function (error, preferences) {
+        if (error != null) {
+          return callback(OError.tag(error))
+        }
+        const words = (preferences && preferences.learnedWords) || []
+        const wordsSize = Buffer.from(JSON.stringify(words)).length
+        callback(null, wordsSize)
+      }
+    )
+  },
+
+  deleteUsersLearnedWords(userToken, callback) {
+    db.spellingPreferences.deleteOne({ token: userToken }, callback)
+  },
+}
+
+const promises = {
+  learnWord: promisify(LearnedWordsManager.learnWord),
+  unlearnWord: promisify(LearnedWordsManager.unlearnWord),
+  getLearnedWords: promisify(LearnedWordsManager.getLearnedWords),
+  deleteUsersLearnedWords: promisify(
+    LearnedWordsManager.deleteUsersLearnedWords
+  ),
+}
+
+LearnedWordsManager.promises = promises
+
+module.exports = LearnedWordsManager
diff --git a/services/web/app/src/Features/Spelling/SpellingController.mjs b/services/web/app/src/Features/Spelling/SpellingController.mjs
new file mode 100644
index 0000000..7790193
--- /dev/null
+++ b/services/web/app/src/Features/Spelling/SpellingController.mjs
@@ -0,0 +1,22 @@
+import SessionManager from '../Authentication/SessionManager.js'
+import LearnedWordsManager from './LearnedWordsManager.js'
+
+export default {
+  learn(req, res, next) {
+    const { word } = req.body
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    LearnedWordsManager.learnWord(userId, word, err => {
+      if (err) return next(err)
+      res.sendStatus(204)
+    })
+  },
+
+  unlearn(req, res, next) {
+    const { word } = req.body
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    LearnedWordsManager.unlearnWord(userId, word, err => {
+      if (err) return next(err)
+      res.sendStatus(204)
+    })
+  },
+}
diff --git a/services/web/app/src/Features/Spelling/SpellingHandler.js b/services/web/app/src/Features/Spelling/SpellingHandler.js
new file mode 100644
index 0000000..8d6c42b
--- /dev/null
+++ b/services/web/app/src/Features/Spelling/SpellingHandler.js
@@ -0,0 +1,29 @@
+const OError = require('@overleaf/o-error')
+const Metrics = require('@overleaf/metrics')
+const { promisifyAll } = require('@overleaf/promise-utils')
+const LearnedWordsManager = require('./LearnedWordsManager')
+
+module.exports = {
+  getUserDictionary(userId, callback) {
+    const timer = new Metrics.Timer('spelling_get_dict')
+    LearnedWordsManager.getLearnedWords(userId, (error, words) => {
+      if (error) {
+        return callback(
+          OError.tag(error, 'error getting user dictionary', { error, userId })
+        )
+      }
+      timer.done()
+      callback(null, words)
+    })
+  },
+
+  deleteWordFromUserDictionary(userId, word, callback) {
+    LearnedWordsManager.unlearnWord(userId, word, callback)
+  },
+
+  deleteUserDictionary(userId, callback) {
+    LearnedWordsManager.deleteUsersLearnedWords(userId, callback)
+  },
+}
+
+module.exports.promises = promisifyAll(module.exports)
diff --git a/services/web/app/src/Features/SplitTests/LocalsHelper.js b/services/web/app/src/Features/SplitTests/LocalsHelper.js
new file mode 100644
index 0000000..14bfa96
--- /dev/null
+++ b/services/web/app/src/Features/SplitTests/LocalsHelper.js
@@ -0,0 +1,18 @@
+function setSplitTestVariant(locals, splitTestName, variant) {
+  if (!locals.splitTestVariants) {
+    locals.splitTestVariants = {}
+  }
+  locals.splitTestVariants[splitTestName] = variant
+}
+
+function setSplitTestInfo(locals, splitTestName, info) {
+  if (!locals.splitTestInfo) {
+    locals.splitTestInfo = {}
+  }
+  locals.splitTestInfo[splitTestName] = info
+}
+
+module.exports = {
+  setSplitTestVariant,
+  setSplitTestInfo,
+}
diff --git a/services/web/app/src/Features/SplitTests/SlackNotificationManager.js b/services/web/app/src/Features/SplitTests/SlackNotificationManager.js
new file mode 100644
index 0000000..e90d495
--- /dev/null
+++ b/services/web/app/src/Features/SplitTests/SlackNotificationManager.js
@@ -0,0 +1,65 @@
+const logger = require('@overleaf/logger')
+const Settings = require('@overleaf/settings')
+const { IncomingWebhook } = require('@slack/webhook')
+const moment = require('moment')
+const SplitTestUtils = require('./SplitTestUtils')
+
+async function sendNotification(splitTest, action, user) {
+  const lastVersion = SplitTestUtils.getCurrentVersion(splitTest)
+  const url = lastVersion.analyticsEnabled
+    ? Settings.splitTest.notification.splitTestSlackWebhookUrl
+    : Settings.splitTest.notification.gradualRolloutSlackWebhookUrl
+  if (!url) {
+    logger.info('Skipping slack notification as webhook URL is not configured')
+    return
+  }
+
+  const webhook = new IncomingWebhook(url)
+
+  const defaultRolloutPercent =
+    100 -
+    lastVersion.variants.reduce(
+      (total, variant) => total + variant.rolloutPercent,
+      0
+    )
+  const variantsConfig = [
+    `- default: ${defaultRolloutPercent}%`,
+    ...lastVersion.variants.map(
+      variant => `- ${variant.name}: ${variant.rolloutPercent}%`
+    ),
+  ].join('\n')
+
+  const date = splitTest.archived ? splitTest.archivedAt : lastVersion.createdAt
+  const comment =
+    action !== 'archived' && lastVersion.comment
+      ? `with comment: ${lastVersion.comment}`
+      : ''
+
+  const payload = {
+    name: splitTest.name,
+    action,
+    phase: lastVersion.phase,
+    description: splitTest.description,
+    ticketURL: splitTest.ticketUrl,
+    variantsConfig,
+    active: lastVersion.active.toString(),
+    author: user.email,
+    date: moment(date).utc().format('Do MMM YYYY, h:mm a') + ' UTC',
+    comment,
+    versionNumber: `${lastVersion.versionNumber}`,
+    url: `${Settings.siteUrl}/admin/split-test/edit/${splitTest.name}`,
+  }
+  try {
+    const { send: sendPayload } = webhook // workaround for the lint_flag_res_send_usage rule false-positive
+    await sendPayload.call(webhook, payload)
+  } catch (err) {
+    logger.error(
+      { err },
+      'Failed to notify split test notifications Slack webhook'
+    )
+  }
+}
+
+module.exports = {
+  sendNotification,
+}
diff --git a/services/web/app/src/Features/SplitTests/SplitTestCache.js b/services/web/app/src/Features/SplitTests/SplitTestCache.js
new file mode 100644
index 0000000..4f81b45
--- /dev/null
+++ b/services/web/app/src/Features/SplitTests/SplitTestCache.js
@@ -0,0 +1,27 @@
+const Metrics = require('@overleaf/metrics')
+const SplitTestManager = require('./SplitTestManager')
+const { CacheLoader } = require('cache-flow')
+
+class SplitTestCache extends CacheLoader {
+  constructor() {
+    super('split-test', {
+      expirationTime: 60, // 1min in seconds
+    })
+  }
+
+  async load() {
+    Metrics.inc('split_test_get_split_test_from_mongo', 1, {})
+    const splitTests = await SplitTestManager.getRuntimeTests()
+    return new Map(splitTests.map(splitTest => [splitTest.name, splitTest]))
+  }
+
+  serialize(value) {
+    return value
+  }
+
+  deserialize(value) {
+    return value
+  }
+}
+
+module.exports = new SplitTestCache()
diff --git a/services/web/app/src/Features/SplitTests/SplitTestHandler.js b/services/web/app/src/Features/SplitTests/SplitTestHandler.js
new file mode 100644
index 0000000..5dcf009
--- /dev/null
+++ b/services/web/app/src/Features/SplitTests/SplitTestHandler.js
@@ -0,0 +1,691 @@
+const Metrics = require('@overleaf/metrics')
+const UserUpdater = require('../User/UserUpdater')
+const AnalyticsManager = require('../Analytics/AnalyticsManager')
+const LocalsHelper = require('./LocalsHelper')
+const crypto = require('crypto')
+const _ = require('lodash')
+const { callbackify } = require('util')
+const SplitTestCache = require('./SplitTestCache')
+const { SplitTest } = require('../../models/SplitTest')
+const UserAnalyticsIdCache = require('../Analytics/UserAnalyticsIdCache')
+const Features = require('../../infrastructure/Features')
+const SplitTestUtils = require('./SplitTestUtils')
+const Settings = require('@overleaf/settings')
+const SessionManager = require('../Authentication/SessionManager')
+const logger = require('@overleaf/logger')
+const SplitTestSessionHandler = require('./SplitTestSessionHandler')
+const SplitTestUserGetter = require('./SplitTestUserGetter')
+
+/**
+ * @import { Assignment } from "./types"
+ */
+
+const DEFAULT_VARIANT = 'default'
+const ALPHA_PHASE = 'alpha'
+const BETA_PHASE = 'beta'
+const RELEASE_PHASE = 'release'
+const DEFAULT_ASSIGNMENT = {
+  variant: DEFAULT_VARIANT,
+  metadata: {},
+}
+
+/**
+ * Get the assignment of a user to a split test and store it in the response locals context
+ *
+ * @example
+ * // Assign user and record an event
+ *
+ * const assignment = await SplitTestHandler.getAssignment(req, res, 'example-project')
+ * if (assignment.variant === 'awesome-new-version') {
+ *   // execute my awesome change
+ * }
+ * else {
+ *   // execute the default behaviour (control group)
+ * }
+ *
+ * @param req the request
+ * @param res the Express response object
+ * @param splitTestName the unique name of the split test
+ * @param options {Object<sync: boolean>} - for test purposes only, to force the synchronous update of the user's profile
+ * @returns {Promise<Assignment>}
+ */
+async function getAssignment(req, res, splitTestName, { sync = false } = {}) {
+  const query = req.query || {}
+  let assignment
+
+  try {
+    if (!Features.hasFeature('saas')) {
+      assignment = _getNonSaasAssignment(splitTestName)
+    } else {
+      await _loadSplitTestInfoInLocals(res.locals, splitTestName, req.session)
+
+      // Check the query string for an override, ignoring an invalid value
+      const queryVariant = query[splitTestName]
+      if (queryVariant) {
+        const variants = await _getVariantNames(splitTestName)
+        if (variants.includes(queryVariant)) {
+          assignment = {
+            variant: queryVariant,
+            metadata: {},
+          }
+        }
+      }
+
+      if (!assignment) {
+        const { userId, analyticsId } = AnalyticsManager.getIdsFromSession(
+          req.session
+        )
+        assignment = await _getAssignment(splitTestName, {
+          analyticsId,
+          userId,
+          session: req.session,
+          sync,
+        })
+        SplitTestSessionHandler.collectSessionStats(req.session)
+      }
+    }
+  } catch (error) {
+    logger.error({ err: error }, 'Failed to get split test assignment')
+    assignment = DEFAULT_ASSIGNMENT
+  }
+
+  LocalsHelper.setSplitTestVariant(
+    res.locals,
+    splitTestName,
+    assignment.variant
+  )
+
+  return assignment
+}
+
+/**
+ * Get the assignment of a user to a split test by their user ID.
+ *
+ * Warning: this does not support query parameters override, nor makes the assignment and split test info available to
+ * the frontend through locals. Wherever possible, `getAssignment` should be used instead.
+ *
+ * @param userId the user ID
+ * @param splitTestName the unique name of the split test
+ * @param options {Object<sync: boolean>} - for test purposes only, to force the synchronous update of the user's profile
+ * @returns {Promise<Assignment>}
+ */
+async function getAssignmentForUser(
+  userId,
+  splitTestName,
+  { sync = false } = {}
+) {
+  try {
+    if (!Features.hasFeature('saas')) {
+      return _getNonSaasAssignment(splitTestName)
+    }
+
+    const analyticsId = await UserAnalyticsIdCache.get(userId)
+    return _getAssignment(splitTestName, { analyticsId, userId, sync })
+  } catch (error) {
+    logger.error({ err: error }, 'Failed to get split test assignment for user')
+    return DEFAULT_ASSIGNMENT
+  }
+}
+
+/**
+ * Returns true if user has already been explicitly assigned to a variant.
+ * This will be false if the user **would** be assigned when calling getAssignment but hasn't yet.
+ *
+ * @param req express request
+ * @param {string} userId the user ID
+ * @param {string} splitTestName the unique name of the split test
+ * @param {string} variant variant name to check
+ * @param {boolean} ignoreVersion users explicitly assigned to a previous version should be treated as if assigned to latest version
+ */
+async function hasUserBeenAssignedToVariant(
+  req,
+  userId,
+  splitTestName,
+  variant,
+  ignoreVersion = false
+) {
+  try {
+    const { session, query = {} } = req
+
+    const splitTest = await _getSplitTest(splitTestName)
+    const currentVersion = SplitTestUtils.getCurrentVersion(splitTest)
+
+    if (
+      !userId ||
+      !SessionManager.isUserLoggedIn(session) ||
+      !currentVersion?.active
+    ) {
+      return false
+    }
+
+    // Check the query string for an override, ignoring an invalid value
+    const queryVariant = query[splitTestName]
+    if (queryVariant === variant) {
+      const variants = await _getVariantNames(splitTestName)
+      if (variants.includes(queryVariant)) {
+        return true
+      }
+    }
+
+    // Allow dev toolbar and session cache to override assignment from DB
+    if (Settings.devToolbar.enabled) {
+      const override = session?.splitTestOverrides?.[splitTestName]
+      if (override === variant) {
+        return true
+      }
+    }
+
+    const canUseSessionCache = session && SessionManager.isUserLoggedIn(session)
+    if (canUseSessionCache) {
+      const cachedVariant = SplitTestSessionHandler.getCachedVariant(
+        session,
+        splitTestName,
+        currentVersion
+      )
+      if (cachedVariant === variant) {
+        return true
+      }
+    }
+
+    // get variant from db, including explicit assignments from previous versions if requested
+    const assignments = await getActiveAssignmentsForUser(
+      userId,
+      true,
+      ignoreVersion
+    )
+    const testAssignment = assignments[splitTestName]
+
+    if (!testAssignment || !testAssignment.assignedAt) {
+      return false
+    }
+
+    // if variant matches and we can use cache, we should persist it in cache
+    if (testAssignment.variantName === variant && testAssignment.assignedAt) {
+      if (canUseSessionCache) {
+        SplitTestSessionHandler.setVariantInCache({
+          session,
+          splitTestName,
+          currentVersion,
+          selectedVariantName: variant,
+          activeForUser: true,
+        })
+      }
+      return true
+    }
+  } catch (error) {
+    logger.error({ err: error }, 'Failed to get split test assignment for user')
+    return false
+  }
+}
+
+/**
+ * Get a mapping of the active split test assignments for the given user
+ */
+async function getActiveAssignmentsForUser(
+  userId,
+  removeArchived = false,
+  ignoreVersion = false
+) {
+  if (!Features.hasFeature('saas')) {
+    return {}
+  }
+
+  const user = await SplitTestUserGetter.promises.getUser(userId)
+  if (user == null) {
+    return {}
+  }
+
+  const splitTests = await SplitTest.find({
+    $where: 'this.versions[this.versions.length - 1].active',
+    ...(removeArchived && { archived: { $ne: true } }),
+  }).exec()
+  const assignments = {}
+  for (const splitTest of splitTests) {
+    const { activeForUser, selectedVariantName, phase, versionNumber } =
+      await _getAssignmentMetadata(user.analyticsId, user, splitTest)
+    if (activeForUser) {
+      const assignment = {
+        variantName: selectedVariantName,
+        versionNumber,
+        phase,
+      }
+      const userAssignments = user.splitTests?.[splitTest.name]
+      if (Array.isArray(userAssignments)) {
+        let userAssignment
+        if (!ignoreVersion) {
+          userAssignment = userAssignments.find(
+            x => x.versionNumber === versionNumber
+          )
+        } else {
+          userAssignment = userAssignments[0]
+        }
+        if (userAssignment) {
+          assignment.assignedAt = userAssignment.assignedAt
+        }
+      }
+      assignments[splitTest.name] = assignment
+    }
+  }
+  return assignments
+}
+
+/**
+ * Performs a one-time assignment that is not recorded nor reproducible.
+ * To be used only in cases where we need random assignments that are independent of a user or session.
+ * If the test is in alpha or beta phase, always returns the default variant.
+ * @param splitTestName
+ * @returns {Promise<Assignment>}
+ */
+async function getOneTimeAssignment(splitTestName) {
+  try {
+    if (!Features.hasFeature('saas')) {
+      return _getNonSaasAssignment(splitTestName)
+    }
+
+    const splitTest = await _getSplitTest(splitTestName)
+    if (!splitTest) {
+      return DEFAULT_ASSIGNMENT
+    }
+    const currentVersion = SplitTestUtils.getCurrentVersion(splitTest)
+
+    if (currentVersion.phase !== RELEASE_PHASE) {
+      return DEFAULT_ASSIGNMENT
+    }
+
+    const randomUUID = crypto.randomUUID()
+    const { selectedVariantName } = await _getAssignmentMetadata(
+      randomUUID,
+      undefined,
+      splitTest
+    )
+    return _makeAssignment({
+      variant: selectedVariantName,
+      currentVersion,
+      isFirstNonDefaultAssignment:
+        selectedVariantName !== DEFAULT_VARIANT && _isSplitTest(splitTest),
+    })
+  } catch (error) {
+    logger.error({ err: error }, 'Failed to get one time split test assignment')
+    return DEFAULT_ASSIGNMENT
+  }
+}
+
+/**
+ * Returns an array of valid variant names for the given split test, including default
+ *
+ * @param splitTestName
+ * @returns {Promise<string[]>}
+ * @private
+ */
+async function _getVariantNames(splitTestName) {
+  const splitTest = await _getSplitTest(splitTestName)
+  const currentVersion = SplitTestUtils.getCurrentVersion(splitTest)
+  if (currentVersion?.active) {
+    return currentVersion.variants.map(v => v.name).concat([DEFAULT_VARIANT])
+  } else {
+    return [DEFAULT_VARIANT]
+  }
+}
+
+async function _getAssignment(
+  splitTestName,
+  { analyticsId, user, userId, session, sync }
+) {
+  if (!analyticsId && !userId) {
+    return DEFAULT_ASSIGNMENT
+  }
+
+  const splitTest = await _getSplitTest(splitTestName)
+  const currentVersion = SplitTestUtils.getCurrentVersion(splitTest)
+
+  if (Settings.devToolbar.enabled) {
+    const override = session?.splitTestOverrides?.[splitTestName]
+    if (override) {
+      return _makeAssignment({ variant: override, currentVersion })
+    }
+  }
+
+  if (!currentVersion?.active) {
+    return DEFAULT_ASSIGNMENT
+  }
+
+  // Do not cache assignments for anonymous users. All the context for their assignments is in the session:
+  // They cannot be part of the alpha or beta program, and they will use their analyticsId for assignments.
+  const canUseSessionCache = session && SessionManager.isUserLoggedIn(session)
+  if (session && !canUseSessionCache) {
+    // Purge the existing cache
+    delete session.cachedSplitTestAssignments
+  }
+
+  if (canUseSessionCache) {
+    const cachedVariant = SplitTestSessionHandler.getCachedVariant(
+      session,
+      splitTest.name,
+      currentVersion
+    )
+
+    if (cachedVariant) {
+      Metrics.inc('split_test_get_assignment_source', 1, { status: 'cache' })
+      if (
+        cachedVariant ===
+        SplitTestSessionHandler.CACHE_TOMBSTONE_SPLIT_TEST_NOT_ACTIVE_FOR_USER
+      ) {
+        return DEFAULT_ASSIGNMENT
+      } else {
+        return _makeAssignment({
+          variant: cachedVariant,
+          currentVersion,
+          isFirstNonDefaultAssignment: false,
+        })
+      }
+    }
+  }
+
+  if (user) {
+    Metrics.inc('split_test_get_assignment_source', 1, { status: 'provided' })
+  } else if (userId) {
+    Metrics.inc('split_test_get_assignment_source', 1, { status: 'mongo' })
+  } else {
+    Metrics.inc('split_test_get_assignment_source', 1, { status: 'none' })
+  }
+
+  user =
+    user ||
+    (userId &&
+      (await SplitTestUserGetter.promises.getUser(userId, splitTestName)))
+  const metadata = await _getAssignmentMetadata(analyticsId, user, splitTest)
+  const { activeForUser, selectedVariantName, phase, versionNumber } = metadata
+
+  if (canUseSessionCache) {
+    SplitTestSessionHandler.setVariantInCache({
+      session,
+      splitTestName,
+      currentVersion,
+      selectedVariantName,
+      activeForUser,
+    })
+  }
+
+  if (activeForUser) {
+    if (_isSplitTest(splitTest)) {
+      // if the user is logged in, persist the assignment
+      if (userId) {
+        const assignmentData = {
+          user,
+          userId,
+          splitTestName,
+          phase,
+          versionNumber,
+          variantName: selectedVariantName,
+        }
+        if (sync === true) {
+          await _recordAssignment(assignmentData)
+        } else {
+          _recordAssignment(assignmentData).catch(err => {
+            logger.warn(
+              {
+                err,
+                userId,
+                splitTestName,
+                phase,
+                versionNumber,
+                variantName: selectedVariantName,
+              },
+              'failed to record split test assignment'
+            )
+          })
+        }
+      }
+      // otherwise this is an anonymous user, we store assignments in session to persist them on registration
+      else {
+        await SplitTestSessionHandler.promises.appendAssignment(session, {
+          splitTestId: splitTest._id,
+          splitTestName,
+          phase,
+          versionNumber,
+          variantName: selectedVariantName,
+          assignedAt: new Date(),
+        })
+      }
+
+      const effectiveAnalyticsId = user?.analyticsId || analyticsId || userId
+      AnalyticsManager.setUserPropertyForAnalyticsId(
+        effectiveAnalyticsId,
+        `split-test-${splitTestName}-${versionNumber}`,
+        selectedVariantName
+      ).catch(err => {
+        logger.warn(
+          {
+            err,
+            analyticsId: effectiveAnalyticsId,
+            splitTest: splitTestName,
+            versionNumber,
+            variant: selectedVariantName,
+          },
+          'failed to set user property for analytics id'
+        )
+      })
+    }
+    let isFirstNonDefaultAssignment
+    if (userId) {
+      isFirstNonDefaultAssignment = metadata.isFirstNonDefaultAssignment
+    } else {
+      const assignments =
+        await SplitTestSessionHandler.promises.getAssignments(session)
+      isFirstNonDefaultAssignment = !assignments?.[splitTestName]
+    }
+
+    return _makeAssignment({
+      variant: selectedVariantName,
+      currentVersion,
+      isFirstNonDefaultAssignment,
+    })
+  }
+
+  return DEFAULT_ASSIGNMENT
+}
+
+async function _getAssignmentMetadata(analyticsId, user, splitTest) {
+  const currentVersion = SplitTestUtils.getCurrentVersion(splitTest)
+  const versionNumber = currentVersion.versionNumber
+  const phase = currentVersion.phase
+
+  // For continuity on phase rollout for gradual rollouts, we keep all users from the previous phase enrolled to the variant.
+  // In beta, all alpha users are cohorted to the variant, and the same in release phase all alpha & beta users.
+  if (
+    _isGradualRollout(splitTest) &&
+    ((phase === BETA_PHASE && user?.alphaProgram) ||
+      (phase === RELEASE_PHASE && (user?.alphaProgram || user?.betaProgram)))
+  ) {
+    return {
+      activeForUser: true,
+      selectedVariantName: currentVersion.variants[0].name,
+      phase,
+      versionNumber,
+      isFirstNonDefaultAssignment: false,
+    }
+  }
+
+  if (
+    (phase === ALPHA_PHASE && !user?.alphaProgram) ||
+    (phase === BETA_PHASE && !user?.betaProgram)
+  ) {
+    return {
+      activeForUser: false,
+    }
+  }
+
+  const userId = user?._id.toString()
+  const percentile = getPercentile(analyticsId || userId, splitTest.name, phase)
+  const selectedVariantName =
+    _getVariantFromPercentile(currentVersion.variants, percentile) ||
+    DEFAULT_VARIANT
+  return {
+    activeForUser: true,
+    selectedVariantName,
+    phase,
+    versionNumber,
+    isFirstNonDefaultAssignment:
+      selectedVariantName !== DEFAULT_VARIANT &&
+      _isSplitTest(splitTest) &&
+      (!Array.isArray(user?.splitTests?.[splitTest.name]) ||
+        !user?.splitTests?.[splitTest.name]?.some(
+          assignment => assignment.variantName !== DEFAULT_VARIANT
+        )),
+  }
+}
+
+function getPercentile(analyticsId, splitTestName, splitTestPhase) {
+  const hash = crypto
+    .createHash('md5')
+    .update(analyticsId + splitTestName + splitTestPhase)
+    .digest('hex')
+  const hashPrefix = hash.substr(0, 8)
+  return Math.floor(
+    ((parseInt(hashPrefix, 16) % 0xffffffff) / 0xffffffff) * 100
+  )
+}
+
+function setOverrideInSession(session, splitTestName, variantName) {
+  if (!Settings.devToolbar.enabled) {
+    return
+  }
+  if (!session.splitTestOverrides) {
+    session.splitTestOverrides = {}
+  }
+  session.splitTestOverrides[splitTestName] = variantName
+}
+
+function clearOverridesInSession(session) {
+  delete session.splitTestOverrides
+}
+
+function _getVariantFromPercentile(variants, percentile) {
+  for (const variant of variants) {
+    for (const stripe of variant.rolloutStripes) {
+      if (percentile >= stripe.start && percentile < stripe.end) {
+        return variant.name
+      }
+    }
+  }
+}
+
+async function _recordAssignment({
+  user,
+  userId,
+  splitTestName,
+  phase,
+  versionNumber,
+  variantName,
+}) {
+  const persistedAssignment = {
+    variantName,
+    versionNumber,
+    phase,
+    assignedAt: new Date(),
+  }
+  user =
+    user || (await SplitTestUserGetter.promises.getUser(userId, splitTestName))
+  if (user) {
+    const assignedSplitTests = user.splitTests || []
+    const assignmentLog = assignedSplitTests[splitTestName] || []
+    const existingAssignment = _.find(assignmentLog, { versionNumber })
+    if (!existingAssignment) {
+      await UserUpdater.promises.updateUser(userId, {
+        $addToSet: {
+          [`splitTests.${splitTestName}`]: persistedAssignment,
+        },
+      })
+    }
+  }
+}
+
+function _makeAssignment({
+  variant,
+  currentVersion,
+  isFirstNonDefaultAssignment,
+}) {
+  return {
+    variant,
+    metadata: {
+      phase: currentVersion.phase,
+      versionNumber: currentVersion.versionNumber,
+      isFirstNonDefaultAssignment,
+    },
+  }
+}
+
+async function _loadSplitTestInfoInLocals(locals, splitTestName, session) {
+  const splitTest = await _getSplitTest(splitTestName)
+  if (splitTest) {
+    const override = session?.splitTestOverrides?.[splitTestName]
+
+    const currentVersion = SplitTestUtils.getCurrentVersion(splitTest)
+    if (!currentVersion.active && !Settings.devToolbar.enabled) {
+      return
+    }
+
+    const phase = currentVersion.phase
+    const info = {
+      phase,
+      badgeInfo: splitTest.badgeInfo?.[phase],
+    }
+    if (Settings.devToolbar.enabled) {
+      info.active = currentVersion.active
+      info.variants = currentVersion.variants.map(variant => ({
+        name: variant.name,
+        rolloutPercent: variant.rolloutPercent,
+      }))
+      info.hasOverride = !!override
+    }
+    LocalsHelper.setSplitTestInfo(locals, splitTestName, info)
+  } else if (Settings.devToolbar.enabled) {
+    LocalsHelper.setSplitTestInfo(locals, splitTestName, {
+      missing: true,
+    })
+  }
+}
+
+function _getNonSaasAssignment(splitTestName) {
+  if (Settings.splitTestOverrides?.[splitTestName]) {
+    return {
+      variant: Settings.splitTestOverrides?.[splitTestName],
+      metadata: {},
+    }
+  }
+  return DEFAULT_ASSIGNMENT
+}
+
+async function _getSplitTest(name) {
+  const splitTests = await SplitTestCache.get('')
+  const splitTest = splitTests?.get(name)
+  if (splitTest && !splitTest.archived) {
+    return splitTest
+  }
+}
+
+function _isSplitTest(featureFlag) {
+  return SplitTestUtils.getCurrentVersion(featureFlag).analyticsEnabled
+}
+
+function _isGradualRollout(featureFlag) {
+  return !SplitTestUtils.getCurrentVersion(featureFlag).analyticsEnabled
+}
+
+module.exports = {
+  getPercentile,
+  getAssignment: callbackify(getAssignment),
+  getAssignmentForUser: callbackify(getAssignmentForUser),
+  getOneTimeAssignment: callbackify(getOneTimeAssignment),
+  getActiveAssignmentsForUser: callbackify(getActiveAssignmentsForUser),
+  hasUserBeenAssignedToVariant: callbackify(hasUserBeenAssignedToVariant),
+  setOverrideInSession,
+  clearOverridesInSession,
+  promises: {
+    getAssignment,
+    getAssignmentForUser,
+    getOneTimeAssignment,
+    getActiveAssignmentsForUser,
+    hasUserBeenAssignedToVariant,
+  },
+}
diff --git a/services/web/app/src/Features/SplitTests/SplitTestManager.js b/services/web/app/src/Features/SplitTests/SplitTestManager.js
new file mode 100644
index 0000000..16120f5
--- /dev/null
+++ b/services/web/app/src/Features/SplitTests/SplitTestManager.js
@@ -0,0 +1,485 @@
+const { SplitTest } = require('../../models/SplitTest')
+const SplitTestUtils = require('./SplitTestUtils')
+const OError = require('@overleaf/o-error')
+const _ = require('lodash')
+const { CacheFlow } = require('cache-flow')
+
+const ALPHA_PHASE = 'alpha'
+const BETA_PHASE = 'beta'
+const RELEASE_PHASE = 'release'
+
+async function getSplitTests({ name, phase, type, active, archived }) {
+  const filters = {}
+  if (name && name !== '') {
+    filters.name = { $regex: _.escapeRegExp(name) }
+  }
+  if (active) {
+    filters.$where = 'this.versions[this.versions.length - 1].active === true'
+  }
+  if (type === 'split-test') {
+    const query =
+      'this.versions[this.versions.length - 1].analyticsEnabled === true'
+    if (filters.$where) {
+      filters.$where += `&& ${query}`
+    } else {
+      filters.$where = query
+    }
+  }
+  if (type === 'gradual-rollout') {
+    const query =
+      'this.versions[this.versions.length - 1].analyticsEnabled === false'
+    if (filters.$where) {
+      filters.$where += `&& ${query}`
+    } else {
+      filters.$where = query
+    }
+  }
+  if (['alpha', 'beta', 'release'].includes(phase)) {
+    const query = `this.versions[this.versions.length - 1].phase === "${phase}"`
+    if (filters.$where) {
+      filters.$where += `&& ${query}`
+    } else {
+      filters.$where = query
+    }
+  }
+  if (archived === true) {
+    filters.archived = true
+  } else if (archived === false) {
+    filters.archived = { $ne: true }
+  }
+  try {
+    return await SplitTest.find(filters)
+      .populate('archivedBy', ['email', 'first_name', 'last_name'])
+      .populate('versions.author', ['email', 'first_name', 'last_name'])
+      .limit(300)
+      .exec()
+  } catch (error) {
+    throw OError.tag(error, 'Failed to get split tests list')
+  }
+}
+
+async function getRuntimeTests() {
+  try {
+    return SplitTest.find({}).lean().exec()
+  } catch (error) {
+    throw OError.tag(error, 'Failed to get active split tests list')
+  }
+}
+
+async function getSplitTest(query) {
+  try {
+    return await SplitTest.findOne(query)
+      .populate('archivedBy', ['email', 'first_name', 'last_name'])
+      .populate('versions.author', ['email', 'first_name', 'last_name'])
+      .exec()
+  } catch (error) {
+    throw OError.tag(error, 'Failed to get split test', { query })
+  }
+}
+
+async function createSplitTest(
+  { name, configuration, badgeInfo = {}, info = {} },
+  userId
+) {
+  const stripedVariants = []
+  let stripeStart = 0
+
+  _checkNewVariantsConfiguration(
+    [],
+    configuration.variants,
+    configuration.analyticsEnabled
+  )
+  for (const variant of configuration.variants) {
+    stripedVariants.push({
+      name: (variant.name || '').trim(),
+      rolloutPercent: variant.rolloutPercent,
+      rolloutStripes:
+        variant.rolloutPercent > 0
+          ? [
+              {
+                start: stripeStart,
+                end: stripeStart + variant.rolloutPercent,
+              },
+            ]
+          : [],
+    })
+    stripeStart += variant.rolloutPercent
+  }
+  const splitTest = new SplitTest({
+    name: (name || '').trim(),
+    description: info.description,
+    ticketUrl: info.ticketUrl,
+    reportsUrls: info.reportsUrls,
+    winningVariant: info.winningVariant,
+    badgeInfo,
+    versions: [
+      {
+        versionNumber: 1,
+        phase: configuration.phase,
+        active: configuration.active,
+        analyticsEnabled:
+          configuration.active && configuration.analyticsEnabled,
+        variants: stripedVariants,
+        author: userId,
+      },
+    ],
+    expectedEndDate: info.expectedEndDate,
+    expectedUplift: info.expectedUplift,
+    requiredCohortSize: info.requiredCohortSize,
+  })
+  return _saveSplitTest(splitTest)
+}
+
+async function updateSplitTestConfig({ name, configuration, comment }, userId) {
+  const splitTest = await getSplitTest({ name })
+  if (!splitTest) {
+    throw new OError(`Cannot update split test '${name}': not found`)
+  }
+  if (splitTest.archived) {
+    throw new OError('Cannot update an archived split test', { name })
+  }
+  const lastVersion = SplitTestUtils.getCurrentVersion(splitTest).toObject()
+  if (configuration.phase !== lastVersion.phase) {
+    throw new OError(
+      `Cannot update with different phase - use /switch-to-next-phase endpoint instead`
+    )
+  }
+  _checkNewVariantsConfiguration(
+    lastVersion.variants,
+    configuration.variants,
+    configuration.analyticsEnabled
+  )
+  const updatedVariants = _updateVariantsWithNewConfiguration(
+    lastVersion.variants,
+    configuration.variants
+  )
+
+  splitTest.versions.push({
+    versionNumber: lastVersion.versionNumber + 1,
+    phase: configuration.phase,
+    active: configuration.active,
+    analyticsEnabled: configuration.analyticsEnabled,
+    variants: updatedVariants,
+    author: userId,
+    comment,
+  })
+  return _saveSplitTest(splitTest)
+}
+
+async function updateSplitTestInfo(name, info) {
+  const splitTest = await getSplitTest({ name })
+  if (!splitTest) {
+    throw new OError(`Cannot update split test '${name}': not found`)
+  }
+  splitTest.description = info.description
+  splitTest.expectedEndDate = info.expectedEndDate
+  splitTest.ticketUrl = info.ticketUrl
+  splitTest.reportsUrls = info.reportsUrls
+  splitTest.winningVariant = info.winningVariant
+  return _saveSplitTest(splitTest)
+}
+
+async function updateSplitTestBadgeInfo(name, badgeInfo) {
+  const splitTest = await getSplitTest({ name })
+  if (!splitTest) {
+    throw new OError(`Cannot update split test '${name}': not found`)
+  }
+  splitTest.badgeInfo = badgeInfo
+  return _saveSplitTest(splitTest)
+}
+
+async function replaceSplitTests(tests) {
+  _checkEnvIsSafe('replace')
+
+  try {
+    await _deleteSplitTests()
+    return await SplitTest.create(tests)
+  } catch (error) {
+    throw OError.tag(error, 'Failed to replace all split tests', { tests })
+  }
+}
+
+async function mergeSplitTests(incomingTests, overWriteLocal) {
+  _checkEnvIsSafe('merge')
+
+  // this is required as the query returns models, and we need all the items to be objects,
+  //   similar to the ones we recieve as incomingTests
+  const localTests = await SplitTest.find({}).lean().exec()
+
+  let merged
+  // we preserve the state of the local tests (baseTests)
+  // eg: if inTest is in phase 1, and basetest is in phase 2, the merged will be in state 2
+  // therefore, we can have the opposite effect by swapping the order of args (overwrite locals with sent tests)
+  if (overWriteLocal) {
+    merged = _mergeFlags(localTests, incomingTests)
+  } else {
+    merged = _mergeFlags(incomingTests, localTests)
+  }
+
+  try {
+    await _deleteSplitTests()
+    const success = await SplitTest.create(merged)
+    return success
+  } catch (error) {
+    throw OError.tag(error, 'Failed to merge all split tests, merged set was', {
+      merged,
+    })
+  }
+}
+
+async function switchToNextPhase({ name, comment }, userId) {
+  const splitTest = await getSplitTest({ name })
+  if (!splitTest) {
+    throw new OError(
+      `Cannot switch split test with ID '${name}' to next phase: not found`
+    )
+  }
+  if (splitTest.archived) {
+    throw new OError('Cannot switch an archived split test to next phase', {
+      name,
+    })
+  }
+  const lastVersionCopy = SplitTestUtils.getCurrentVersion(splitTest).toObject()
+  lastVersionCopy.versionNumber++
+  if (lastVersionCopy.phase === ALPHA_PHASE) {
+    lastVersionCopy.phase = BETA_PHASE
+  } else if (lastVersionCopy.phase === BETA_PHASE) {
+    if (splitTest.forbidReleasePhase) {
+      throw new OError('Switch to release phase is disabled for this test', {
+        name,
+      })
+    }
+    lastVersionCopy.phase = RELEASE_PHASE
+  } else if (splitTest.phase === RELEASE_PHASE) {
+    throw new OError(
+      `Split test with ID '${name}' is already in the release phase`
+    )
+  }
+  for (const variant of lastVersionCopy.variants) {
+    variant.rolloutPercent = 0
+    variant.rolloutStripes = []
+  }
+  lastVersionCopy.author = userId
+  lastVersionCopy.comment = comment
+  lastVersionCopy.createdAt = new Date()
+  splitTest.versions.push(lastVersionCopy)
+  return _saveSplitTest(splitTest)
+}
+
+async function revertToPreviousVersion(
+  { name, versionNumber, comment },
+  userId
+) {
+  const splitTest = await getSplitTest({ name })
+  if (!splitTest) {
+    throw new OError(
+      `Cannot revert split test with ID '${name}' to previous version: not found`
+    )
+  }
+  if (splitTest.archived) {
+    throw new OError(
+      'Cannot revert an archived split test to previous version',
+      {
+        name,
+      }
+    )
+  }
+  if (splitTest.versions.length <= 1) {
+    throw new OError(
+      `Cannot revert split test with ID '${name}' to previous version: split test must have at least 2 versions`
+    )
+  }
+  const previousVersion = SplitTestUtils.getVersion(splitTest, versionNumber)
+  if (!previousVersion) {
+    throw new OError(
+      `Cannot revert split test with ID '${name}' to version number ${versionNumber}: version not found`
+    )
+  }
+  const lastVersion = SplitTestUtils.getCurrentVersion(splitTest)
+  if (
+    lastVersion.phase === RELEASE_PHASE &&
+    previousVersion.phase !== RELEASE_PHASE
+  ) {
+    splitTest.forbidReleasePhase = true
+  }
+  const previousVersionCopy = previousVersion.toObject()
+  previousVersionCopy.versionNumber = lastVersion.versionNumber + 1
+  previousVersionCopy.createdAt = new Date()
+  previousVersionCopy.author = userId
+  previousVersionCopy.comment = comment
+  splitTest.versions.push(previousVersionCopy)
+  return _saveSplitTest(splitTest)
+}
+
+async function archive(name, userId) {
+  const splitTest = await getSplitTest({ name })
+  if (!splitTest) {
+    throw new OError(`Cannot archive split test with ID '${name}': not found`)
+  }
+  if (splitTest.archived) {
+    throw new OError(`Split test with ID '${name}' is already archived`)
+  }
+  splitTest.archived = true
+  splitTest.archivedAt = new Date()
+  splitTest.archivedBy = userId
+  return _saveSplitTest(splitTest)
+}
+
+async function clearCache() {
+  await CacheFlow.reset('split-test')
+}
+
+function _checkNewVariantsConfiguration(
+  variants,
+  newVariantsConfiguration,
+  analyticsEnabled
+) {
+  if (newVariantsConfiguration?.length > 1 && !analyticsEnabled) {
+    throw new OError(`Gradual rollouts can only have a single variant`)
+  }
+
+  const totalRolloutPercentage = _getTotalRolloutPercentage(
+    newVariantsConfiguration
+  )
+  if (totalRolloutPercentage > 100) {
+    throw new OError(`Total variants rollout percentage cannot exceed 100`)
+  }
+  for (const variant of variants) {
+    const newVariantConfiguration = _.find(newVariantsConfiguration, {
+      name: variant.name,
+    })
+    if (!newVariantConfiguration) {
+      throw new OError(
+        `Variant defined in previous version as ${JSON.stringify(
+          variant
+        )} cannot be removed in new configuration: either set it inactive or create a new split test`
+      )
+    }
+    if (newVariantConfiguration.rolloutPercent < variant.rolloutPercent) {
+      throw new OError(
+        `Rollout percentage for variant defined in previous version as ${JSON.stringify(
+          variant
+        )} cannot be decreased: revert to a previous configuration instead`
+      )
+    }
+  }
+}
+
+function _updateVariantsWithNewConfiguration(
+  variants,
+  newVariantsConfiguration
+) {
+  let totalRolloutPercentage = _getTotalRolloutPercentage(variants)
+  const variantsCopy = _.clone(variants)
+  for (const newVariantConfig of newVariantsConfiguration) {
+    if (newVariantConfig.rolloutPercent === 0) {
+      continue
+    }
+    const variant = _.find(variantsCopy, { name: newVariantConfig.name })
+    if (!variant) {
+      variantsCopy.push({
+        name: newVariantConfig.name,
+        rolloutPercent: newVariantConfig.rolloutPercent,
+        rolloutStripes: [
+          {
+            start: totalRolloutPercentage,
+            end: totalRolloutPercentage + newVariantConfig.rolloutPercent,
+          },
+        ],
+      })
+      totalRolloutPercentage += newVariantConfig.rolloutPercent
+    } else if (variant.rolloutPercent < newVariantConfig.rolloutPercent) {
+      const newStripeSize =
+        newVariantConfig.rolloutPercent - variant.rolloutPercent
+      variant.rolloutPercent = newVariantConfig.rolloutPercent
+      variant.rolloutStripes.push({
+        start: totalRolloutPercentage,
+        end: totalRolloutPercentage + newStripeSize,
+      })
+      totalRolloutPercentage += newStripeSize
+    }
+  }
+  return variantsCopy
+}
+
+function _getTotalRolloutPercentage(variants) {
+  return _.sumBy(variants, 'rolloutPercent')
+}
+
+async function _saveSplitTest(splitTest) {
+  try {
+    const savedSplitTest = await splitTest.save()
+    await savedSplitTest.populate('archivedBy', [
+      'email',
+      'first_name',
+      'last_name',
+    ])
+    await savedSplitTest.populate('versions.author', [
+      'email',
+      'first_name',
+      'last_name',
+    ])
+    return savedSplitTest.toObject()
+  } catch (error) {
+    throw OError.tag(error, 'Failed to save split test', {
+      splitTest: JSON.stringify(splitTest),
+    })
+  }
+}
+
+/*
+ * As this is only used for utility in local dev environment, we should make sure this isn't run in
+ * any other deployment environment.
+ */
+function _checkEnvIsSafe(operation) {
+  if (process.env.NODE_ENV !== 'development') {
+    throw new OError(
+      `Attempted to ${operation} all feature flags outside of local env`
+    )
+  }
+}
+
+async function _deleteSplitTests() {
+  _checkEnvIsSafe('delete')
+  let deleted
+
+  try {
+    deleted = await SplitTest.deleteMany({}).exec()
+  } catch (error) {
+    throw new OError('Failed to delete all split tests')
+  }
+
+  if (!deleted.acknowledged) {
+    throw new OError('Error deleting split tests, split tests have not updated')
+  }
+}
+
+function _mergeFlags(incomingTests, baseTests) {
+  // copy all base versions
+  const mergedSet = baseTests.map(test => test)
+  for (const inTest of incomingTests) {
+    // since name is a unique key, we can use it to compare
+    const newFeatureFlag = !mergedSet.some(bTest => bTest.name === inTest.name)
+    // only add new feature flags, instead of overwriting ones in baseTests, meaning baseTests take precendence
+    if (newFeatureFlag) {
+      mergedSet.push(inTest)
+    }
+  }
+  return mergedSet
+}
+
+module.exports = {
+  getSplitTest,
+  getSplitTests,
+  getRuntimeTests,
+  createSplitTest,
+  updateSplitTestConfig,
+  updateSplitTestInfo,
+  updateSplitTestBadgeInfo,
+  switchToNextPhase,
+  revertToPreviousVersion,
+  archive,
+  replaceSplitTests,
+  mergeSplitTests,
+  clearCache,
+}
diff --git a/services/web/app/src/Features/SplitTests/SplitTestMiddleware.js b/services/web/app/src/Features/SplitTests/SplitTestMiddleware.js
new file mode 100644
index 0000000..2e8e1ff
--- /dev/null
+++ b/services/web/app/src/Features/SplitTests/SplitTestMiddleware.js
@@ -0,0 +1,49 @@
+const SplitTestHandler = require('./SplitTestHandler')
+const logger = require('@overleaf/logger')
+const { expressify } = require('@overleaf/promise-utils')
+const Errors = require('../Errors/Errors')
+
+function loadAssignmentsInLocals(splitTestNames) {
+  return async function (req, res, next) {
+    try {
+      for (const splitTestName of splitTestNames) {
+        await SplitTestHandler.promises.getAssignment(req, res, splitTestName)
+      }
+    } catch (error) {
+      logger.error(
+        { err: error, splitTestNames },
+        'Failed to load split test assignments in express locals in middleware'
+      )
+    }
+    next()
+  }
+}
+
+function ensureSplitTestEnabledForUser(
+  splitTestName,
+  enabledVariant = 'enabled'
+) {
+  return expressify(async function (req, res, next) {
+    const { variant } = await SplitTestHandler.promises.getAssignment(
+      req,
+      res,
+      splitTestName
+    )
+    if (variant !== enabledVariant) {
+      throw new Errors.ForbiddenError({
+        message: 'missing split test access',
+        info: {
+          splitTestName,
+          variant,
+          enabledVariant,
+        },
+      })
+    }
+    next()
+  })
+}
+
+module.exports = {
+  loadAssignmentsInLocals,
+  ensureSplitTestEnabledForUser,
+}
diff --git a/services/web/app/src/Features/SplitTests/SplitTestSessionHandler.js b/services/web/app/src/Features/SplitTests/SplitTestSessionHandler.js
new file mode 100644
index 0000000..52d1352
--- /dev/null
+++ b/services/web/app/src/Features/SplitTests/SplitTestSessionHandler.js
@@ -0,0 +1,258 @@
+const { callbackify } = require('util')
+const _ = require('lodash')
+const { ObjectId } = require('mongodb-legacy')
+const logger = require('@overleaf/logger')
+const Metrics = require('@overleaf/metrics')
+const SessionManager = require('../Authentication/SessionManager')
+const SplitTestCache = require('./SplitTestCache')
+const SplitTestUtils = require('./SplitTestUtils')
+const SplitTestUserGetter = require('./SplitTestUserGetter')
+
+const CACHE_TOMBSTONE_SPLIT_TEST_NOT_ACTIVE_FOR_USER = null
+const TOKEN_SEP = ';'
+// this is safe to use as a separator adjacent to a base64 string because Mongo object IDs
+// do not generate any padding when converted (24 hex digits = 12 bytes => multiple of 6),
+// thus do not contain any trailing `=`
+const KEY_VALUE_SEP = '='
+const ID_VERSION_SEP = '_'
+const VARIANT_DATE_SEP = ':'
+
+async function getAssignments(session) {
+  await _convertAnonymousAssignmentsIfNeeded(session)
+
+  if (!session.sta) {
+    return undefined
+  }
+
+  const assignments = {}
+  const tokens = session.sta.split(TOKEN_SEP)
+  const splitTests = Array.from((await SplitTestCache.get('')).values())
+  for (const token of tokens) {
+    try {
+      if (!token.length) {
+        continue
+      }
+      const [splitTestNameVersion, info] = token.split(KEY_VALUE_SEP)
+      const [splitTestId64, versionStr] =
+        splitTestNameVersion.split(ID_VERSION_SEP)
+
+      const splitTest = splitTests.find(
+        test => splitTestId64 === _convertIdToBase64(test._id)
+      )
+      if (!splitTest) {
+        continue
+      }
+
+      const splitTestName = splitTest.name
+      const versionNumber = parseInt(versionStr)
+      const [variantChar, timestampStr36] = info.split(VARIANT_DATE_SEP)
+      const assignedAt = new Date(parseInt(timestampStr36, 36) * 1000)
+      let variantName
+      if (variantChar === 'd') {
+        variantName = 'default'
+      } else {
+        const variantIndex = parseInt(variantChar)
+        variantName =
+          SplitTestUtils.getCurrentVersion(splitTest).variants[variantIndex]
+            .name
+      }
+
+      if (!assignments[splitTestName]) {
+        assignments[splitTestName] = []
+      }
+      if (
+        !_.find(assignments[splitTestName], {
+          versionNumber,
+          variantName,
+        })
+      )
+        assignments[splitTestName].push({
+          versionNumber,
+          variantName,
+          phase: 'release', // anonymous users can only be exposed to tests in release phase
+          assignedAt,
+        })
+    } catch (error) {
+      logger.error(
+        { err: error, token },
+        'Failed to resolve cached anonymous split test assignments from session'
+      )
+    }
+  }
+
+  return assignments
+}
+
+async function appendAssignment(session, assignment) {
+  await _convertAnonymousAssignmentsIfNeeded(session)
+
+  if (
+    !_hasExistingAssignment(
+      session,
+      assignment.splitTestId,
+      assignment.versionNumber
+    )
+  ) {
+    if (!session.sta) {
+      session.sta = ''
+    }
+    const splitTests = await SplitTestCache.get('')
+    const splitTest = splitTests.get(assignment.splitTestName)
+    const assignmentString = _buildAssignmentString(splitTest, assignment)
+    const separator = session.sta.length > 0 ? TOKEN_SEP : ''
+    session.sta += `${separator}${assignmentString}`
+  }
+}
+
+function getCachedVariant(session, splitTestName, currentVersion) {
+  if (!session.cachedSplitTestAssignments) {
+    session.cachedSplitTestAssignments = {}
+  }
+  const cacheKey = `${splitTestName}-${currentVersion.versionNumber}`
+  return session.cachedSplitTestAssignments[cacheKey]
+}
+
+function setVariantInCache({
+  session,
+  splitTestName,
+  currentVersion,
+  selectedVariantName,
+  activeForUser,
+}) {
+  if (!session.cachedSplitTestAssignments) {
+    session.cachedSplitTestAssignments = {}
+  }
+
+  // clean up previous entries from this split test
+  for (const cacheKey of Object.keys(session.cachedSplitTestAssignments)) {
+    // drop '-versionNumber'
+    const name = cacheKey.split('-').slice(0, -1).join('-')
+    if (name === splitTestName) {
+      delete session.cachedSplitTestAssignments[cacheKey]
+    }
+  }
+
+  const cacheKey = `${splitTestName}-${currentVersion.versionNumber}`
+  if (activeForUser) {
+    session.cachedSplitTestAssignments[cacheKey] = selectedVariantName
+  } else {
+    session.cachedSplitTestAssignments[cacheKey] =
+      CACHE_TOMBSTONE_SPLIT_TEST_NOT_ACTIVE_FOR_USER
+  }
+}
+
+/**
+ * @param {import('express').Request} req
+ * @param {Object|null} user optional, prefetched user with alphaProgram and betaProgram field
+ * @return {Promise<void>}
+ */
+async function sessionMaintenance(req, user) {
+  const session = req.session
+  const sessionUser = SessionManager.getSessionUser(session)
+
+  Metrics.inc('split_test_session_maintenance', 1, { status: 'start' })
+  if (sessionUser) {
+    user = user || (await SplitTestUserGetter.promises.getUser(sessionUser._id))
+    if (
+      Boolean(sessionUser.alphaProgram) !== Boolean(user.alphaProgram) ||
+      Boolean(sessionUser.betaProgram) !== Boolean(user.betaProgram)
+    ) {
+      Metrics.inc('split_test_session_maintenance', 1, {
+        status: 'program-change',
+      })
+      sessionUser.alphaProgram = user.alphaProgram || undefined // only store if set
+      sessionUser.betaProgram = user.betaProgram || undefined // only store if set
+      session.cachedSplitTestAssignments = {}
+    }
+  }
+
+  // TODO: After changing the split test config fetching: remove split test assignments for archived split tests
+}
+
+function collectSessionStats(session) {
+  if (session.cachedSplitTestAssignments) {
+    Metrics.summary(
+      'split_test_session_cache_count',
+      Object.keys(session.cachedSplitTestAssignments).length
+    )
+    Metrics.summary(
+      'split_test_session_cache_size',
+      JSON.stringify(session.cachedSplitTestAssignments).length
+    )
+  }
+  if (session.sta) {
+    Metrics.summary(
+      'split_test_session_storage_count',
+      (session.sta || '').split(';').length
+    )
+    Metrics.summary(
+      'split_test_session_storage_size',
+      (session.sta || '').length
+    )
+  }
+}
+
+async function _convertAnonymousAssignmentsIfNeeded(session) {
+  if (session.splitTests) {
+    const splitTests = await SplitTestCache.get('')
+    if (!session.sta) {
+      session.sta = ''
+    }
+    for (const [splitTestName, assignments] of Object.entries(
+      session.splitTests || {}
+    )) {
+      const splitTest = splitTests.get(splitTestName)
+      for (const assignment of assignments) {
+        const assignmentString = _buildAssignmentString(splitTest, assignment)
+        const separator = session.sta.length > 0 ? TOKEN_SEP : ''
+        if (!session.sta.includes(assignmentString)) {
+          session.sta += `${separator}${assignmentString}`
+        }
+      }
+    }
+    delete session.splitTests
+  }
+}
+
+function _hasExistingAssignment(session, splitTest, versionNumber) {
+  if (!session.sta) {
+    return false
+  }
+  const index = session.sta.indexOf(
+    `${_convertIdToBase64(splitTest._id)}${ID_VERSION_SEP}${versionNumber}=`
+  )
+  return index >= 0
+}
+
+function _buildAssignmentString(splitTest, assignment) {
+  const { versionNumber, variantName, assignedAt } = assignment
+  const variants = SplitTestUtils.getCurrentVersion(splitTest).variants
+  const splitTestId = _convertIdToBase64(splitTest._id)
+  const variantChar =
+    variantName === 'default'
+      ? 'd'
+      : _.findIndex(variants, { name: variantName })
+  const timestamp = Math.floor(new Date(assignedAt).getTime() / 1000).toString(
+    36
+  )
+  return `${splitTestId}${ID_VERSION_SEP}${versionNumber}${KEY_VALUE_SEP}${variantChar}${VARIANT_DATE_SEP}${timestamp}`
+}
+
+function _convertIdToBase64(id) {
+  return new ObjectId(id).toString('base64')
+}
+
+module.exports = {
+  getAssignments: callbackify(getAssignments),
+  appendAssignment: callbackify(appendAssignment),
+  getCachedVariant,
+  setVariantInCache,
+  sessionMaintenance: callbackify(sessionMaintenance),
+  collectSessionStats,
+  CACHE_TOMBSTONE_SPLIT_TEST_NOT_ACTIVE_FOR_USER,
+  promises: {
+    getAssignments,
+    appendAssignment,
+    sessionMaintenance,
+  },
+}
diff --git a/services/web/app/src/Features/SplitTests/SplitTestUserGetter.js b/services/web/app/src/Features/SplitTests/SplitTestUserGetter.js
new file mode 100644
index 0000000..cf6503c
--- /dev/null
+++ b/services/web/app/src/Features/SplitTests/SplitTestUserGetter.js
@@ -0,0 +1,30 @@
+const { callbackify } = require('util')
+const Metrics = require('@overleaf/metrics')
+const UserGetter = require('../User/UserGetter')
+
+async function getUser(id, splitTestName) {
+  const projection = {
+    analyticsId: 1,
+    alphaProgram: 1,
+    betaProgram: 1,
+  }
+  if (splitTestName) {
+    projection[`splitTests.${splitTestName}`] = 1
+  } else {
+    projection.splitTests = 1
+  }
+  const user = await UserGetter.promises.getUser(id, projection)
+  Metrics.histogram(
+    'split_test_get_user_from_mongo_size',
+    JSON.stringify(user).length,
+    [0, 100, 500, 1000, 2000, 5000, 10000, 15000, 20000, 50000, 100000]
+  )
+  return user
+}
+
+module.exports = {
+  getUser: callbackify(getUser),
+  promises: {
+    getUser,
+  },
+}
diff --git a/services/web/app/src/Features/SplitTests/SplitTestUtils.js b/services/web/app/src/Features/SplitTests/SplitTestUtils.js
new file mode 100644
index 0000000..ef26dbe
--- /dev/null
+++ b/services/web/app/src/Features/SplitTests/SplitTestUtils.js
@@ -0,0 +1,20 @@
+const _ = require('lodash')
+
+function getCurrentVersion(splitTest) {
+  if (splitTest?.versions?.length > 0) {
+    return _.maxBy(splitTest.versions, 'versionNumber')
+  } else {
+    return undefined
+  }
+}
+
+function getVersion(splitTest, versionNumber) {
+  return _.find(splitTest.versions || [], {
+    versionNumber,
+  })
+}
+
+module.exports = {
+  getCurrentVersion,
+  getVersion,
+}
diff --git a/services/web/app/src/Features/SplitTests/types.d.ts b/services/web/app/src/Features/SplitTests/types.d.ts
new file mode 100644
index 0000000..47e04de
--- /dev/null
+++ b/services/web/app/src/Features/SplitTests/types.d.ts
@@ -0,0 +1,12 @@
+type AssignmentMetadata = {
+  phase?: 'alpha' | 'beta' | 'release'
+  versionNumber?: boolean
+  // only returned when `analyticsEnabled` is set to `true` on the current version
+  // of the split test, and an assignment is queried for the user for the first time
+  isFirstNonDefaultAssignment?: boolean
+}
+
+export type Assignment = {
+  variant: string
+  metadata: AssignmentMetadata
+}
diff --git a/services/web/app/src/Features/StaticPages/HomeController.mjs b/services/web/app/src/Features/StaticPages/HomeController.mjs
new file mode 100644
index 0000000..cc73612
--- /dev/null
+++ b/services/web/app/src/Features/StaticPages/HomeController.mjs
@@ -0,0 +1,63 @@
+import Features from '../../infrastructure/Features.js'
+import AnalyticsManager from '../Analytics/AnalyticsManager.js'
+import Path from 'node:path'
+import fs from 'node:fs'
+import ErrorController from '../Errors/ErrorController.js'
+import SessionManager from '../Authentication/SessionManager.js'
+import { expressify } from '@overleaf/promise-utils'
+import logger from '@overleaf/logger'
+
+const __dirname = new URL('.', import.meta.url).pathname
+
+const homepageExists = fs.existsSync(
+  Path.join(__dirname, '/../../../views/external/home/index.pug')
+)
+
+async function index(req, res) {
+  if (SessionManager.isUserLoggedIn(req.session)) {
+    if (req.query.scribtex_path != null) {
+      res.redirect(`/project?scribtex_path=${req.query.scribtex_path}`)
+    } else {
+      res.redirect('/project')
+    }
+  } else {
+    await home(req, res)
+  }
+}
+
+async function home(req, res) {
+  if (Features.hasFeature('homepage') && homepageExists) {
+    AnalyticsManager.recordEventForSession(req.session, 'home-page-view', {
+      page: req.path,
+    })
+
+    res.render('external/home/index')
+  } else {
+    res.redirect('/login')
+  }
+}
+
+function externalPage(page, title) {
+  const middleware = async function (req, res, next) {
+    const path = Path.join(__dirname, `/../../../views/external/${page}.pug`)
+    try {
+      const stats = await fs.promises.stat(path)
+      if (!stats.isFile()) {
+        logger.error({ stats, path }, 'Error serving external page')
+        ErrorController.notFound(req, res, next)
+      } else {
+        res.render(`external/${page}.pug`, { title })
+      }
+    } catch (error) {
+      logger.error({ path }, 'Error serving external page: file not found')
+      ErrorController.notFound(req, res, next)
+    }
+  }
+  return expressify(middleware)
+}
+
+export default {
+  index: expressify(index),
+  home: expressify(home),
+  externalPage,
+}
diff --git a/services/web/app/src/Features/StaticPages/StaticPageHelpers.mjs b/services/web/app/src/Features/StaticPages/StaticPageHelpers.mjs
new file mode 100644
index 0000000..e9fa268
--- /dev/null
+++ b/services/web/app/src/Features/StaticPages/StaticPageHelpers.mjs
@@ -0,0 +1,32 @@
+/* eslint-disable
+    max-len,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import _ from 'lodash'
+
+const extensionsToProxy = [
+  '.png',
+  '.xml',
+  '.jpeg',
+  '.json',
+  '.zip',
+  '.eps',
+  '.gif',
+  '.jpg',
+]
+
+export default {
+  shouldProxy(url) {
+    const shouldProxy = _.find(
+      extensionsToProxy,
+      extension => url.indexOf(extension) !== -1
+    )
+    return shouldProxy
+  },
+}
diff --git a/services/web/app/src/Features/StaticPages/StaticPagesRouter.mjs b/services/web/app/src/Features/StaticPages/StaticPagesRouter.mjs
new file mode 100644
index 0000000..b81e25c
--- /dev/null
+++ b/services/web/app/src/Features/StaticPages/StaticPagesRouter.mjs
@@ -0,0 +1,33 @@
+/* eslint-disable
+    max-len,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import HomeController from './HomeController.mjs'
+
+import UniversityController from './UniversityController.mjs'
+
+export default {
+  apply(webRouter) {
+    webRouter.get('/', HomeController.index)
+    webRouter.get('/home', HomeController.home)
+
+    webRouter.get(
+      '/planned_maintenance',
+      HomeController.externalPage('planned_maintenance', 'Planned Maintenance')
+    )
+
+    webRouter.get(
+      '/track-changes-and-comments-in-latex',
+      HomeController.externalPage('review-features-page', 'Review features')
+    )
+
+    webRouter.get('/university', UniversityController.getIndexPage)
+    return webRouter.get('/university/*', UniversityController.getPage)
+  },
+}
diff --git a/services/web/app/src/Features/StaticPages/UniversityController.mjs b/services/web/app/src/Features/StaticPages/UniversityController.mjs
new file mode 100644
index 0000000..35fec9f
--- /dev/null
+++ b/services/web/app/src/Features/StaticPages/UniversityController.mjs
@@ -0,0 +1,24 @@
+/* eslint-disable
+    max-len,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let UniversityController
+
+export default UniversityController = {
+  getPage(req, res, next) {
+    const url =
+      req.url != null ? req.url.toLowerCase().replace('.html', '') : undefined
+    return res.redirect(`/i${url}`)
+  },
+
+  getIndexPage(req, res) {
+    return res.redirect('/i/university')
+  },
+}
diff --git a/services/web/app/src/Features/Subscription/Errors.js b/services/web/app/src/Features/Subscription/Errors.js
new file mode 100644
index 0000000..53ecf7b
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/Errors.js
@@ -0,0 +1,36 @@
+const Errors = require('../Errors/Errors')
+const OError = require('@overleaf/o-error')
+
+class RecurlyTransactionError extends Errors.BackwardCompatibleError {
+  constructor(options) {
+    super({
+      message: 'Unknown transaction error',
+      ...options,
+    })
+  }
+}
+
+class DuplicateAddOnError extends OError {}
+
+class AddOnNotPresentError extends OError {}
+
+class MissingBillingInfoError extends OError {}
+
+class ManuallyCollectedError extends OError {}
+
+class PendingChangeError extends OError {}
+
+class InactiveError extends OError {}
+
+class SubtotalLimitExceededError extends OError {}
+
+module.exports = {
+  RecurlyTransactionError,
+  DuplicateAddOnError,
+  AddOnNotPresentError,
+  MissingBillingInfoError,
+  ManuallyCollectedError,
+  PendingChangeError,
+  InactiveError,
+  SubtotalLimitExceededError,
+}
diff --git a/services/web/app/src/Features/Subscription/FeaturesHelper.js b/services/web/app/src/Features/Subscription/FeaturesHelper.js
new file mode 100644
index 0000000..b948815
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/FeaturesHelper.js
@@ -0,0 +1,122 @@
+const _ = require('lodash')
+const Settings = require('@overleaf/settings')
+
+/**
+ * merges an array of feature sets to produce a final feature set
+ */
+function computeFeatureSet(featureSets) {
+  return featureSets.reduce(mergeFeatures, {})
+}
+
+/**
+ * Merge feature sets coming from different sources
+ */
+function mergeFeatures(featuresA, featuresB) {
+  const features = Object.assign({}, featuresA)
+  for (const key in featuresB) {
+    // Special merging logic for non-boolean features
+    if (key === 'compileGroup') {
+      if (
+        features.compileGroup === 'priority' ||
+        featuresB.compileGroup === 'priority'
+      ) {
+        features.compileGroup = 'priority'
+      } else {
+        features.compileGroup = 'standard'
+      }
+    } else if (key === 'collaborators') {
+      if (features.collaborators === -1 || featuresB.collaborators === -1) {
+        features.collaborators = -1
+      } else {
+        features.collaborators = Math.max(
+          features.collaborators || 0,
+          featuresB.collaborators || 0
+        )
+      }
+    } else if (key === 'compileTimeout') {
+      features.compileTimeout = Math.max(
+        features.compileTimeout || 0,
+        featuresB.compileTimeout || 0
+      )
+    } else {
+      // Boolean keys, true is better
+      features[key] = features[key] || featuresB[key]
+    }
+  }
+  if (features.mendeley && features.referencesSearch && features.zotero) {
+    // Back fill legacy feature flag for isFeatureSetBetter to work properly
+    //  with professional feature overrides.
+    features.references = true
+  }
+  return features
+}
+
+/**
+ * Returns whether `featuresA` is a better feature set than `featuresB`
+ */
+function isFeatureSetBetter(featuresA, featuresB) {
+  const mergedFeatures = mergeFeatures(featuresA, featuresB)
+  return _.isEqual(featuresA, mergedFeatures)
+}
+
+/**
+ * Return what's missing from `currentFeatures` to equal `expectedFeatures`
+ */
+function compareFeatures(currentFeatures, expectedFeatures) {
+  currentFeatures = _.clone(currentFeatures)
+  expectedFeatures = _.clone(expectedFeatures)
+  if (_.isEqual(currentFeatures, expectedFeatures)) {
+    return {}
+  }
+
+  const mismatchReasons = {}
+  const featureKeys = [
+    ...new Set([
+      ...Object.keys(currentFeatures),
+      ...Object.keys(expectedFeatures),
+    ]),
+  ]
+  featureKeys.sort().forEach(key => {
+    if (expectedFeatures[key] !== currentFeatures[key]) {
+      mismatchReasons[key] = expectedFeatures[key]
+    }
+  })
+
+  if (mismatchReasons.compileTimeout) {
+    // store the compile timeout difference instead of the new compile timeout
+    mismatchReasons.compileTimeout =
+      expectedFeatures.compileTimeout - currentFeatures.compileTimeout
+  }
+
+  if (mismatchReasons.collaborators) {
+    // store the collaborators difference instead of the new number only
+    // replace -1 by 100 to make it clearer
+    if (expectedFeatures.collaborators === -1) {
+      expectedFeatures.collaborators = 100
+    }
+    if (currentFeatures.collaborators === -1) {
+      currentFeatures.collaborators = 100
+    }
+    mismatchReasons.collaborators =
+      expectedFeatures.collaborators - currentFeatures.collaborators
+  }
+
+  return mismatchReasons
+}
+
+function getMatchedFeatureSet(features) {
+  for (const [name, featureSet] of Object.entries(Settings.features)) {
+    if (_.isEqual(features, featureSet)) {
+      return name
+    }
+  }
+  return 'mixed'
+}
+
+module.exports = {
+  mergeFeatures,
+  computeFeatureSet,
+  isFeatureSetBetter,
+  compareFeatures,
+  getMatchedFeatureSet,
+}
diff --git a/services/web/app/src/Features/Subscription/FeaturesUpdater.js b/services/web/app/src/Features/Subscription/FeaturesUpdater.js
new file mode 100644
index 0000000..eff88d4
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/FeaturesUpdater.js
@@ -0,0 +1,228 @@
+const _ = require('lodash')
+const { callbackify } = require('util')
+const { callbackifyMultiResult } = require('@overleaf/promise-utils')
+const PlansLocator = require('./PlansLocator')
+const SubscriptionLocator = require('./SubscriptionLocator')
+const UserFeaturesUpdater = require('./UserFeaturesUpdater')
+const FeaturesHelper = require('./FeaturesHelper')
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const ReferalFeatures = require('../Referal/ReferalFeatures')
+const V1SubscriptionManager = require('./V1SubscriptionManager')
+const InstitutionsFeatures = require('../Institutions/InstitutionsFeatures')
+const UserGetter = require('../User/UserGetter')
+const AnalyticsManager = require('../Analytics/AnalyticsManager')
+const Queues = require('../../infrastructure/Queues')
+const Modules = require('../../infrastructure/Modules')
+const { AI_ADD_ON_CODE } = require('./PaymentProviderEntities')
+
+/**
+ * Enqueue a job for refreshing features for the given user
+ */
+async function scheduleRefreshFeatures(userId, reason) {
+  const queue = Queues.getQueue('refresh-features')
+  await queue.add({ userId, reason })
+}
+
+/* Check if user features refresh if needed, based on the global featuresEpoch setting */
+function featuresEpochIsCurrent(user) {
+  return Settings.featuresEpoch
+    ? user.featuresEpoch === Settings.featuresEpoch
+    : true
+}
+
+/**
+ * Refresh features for the given user
+ */
+async function refreshFeatures(userId, reason) {
+  const user = await UserGetter.promises.getUser(userId, {
+    _id: 1,
+    features: 1,
+  })
+  const oldFeatures = _.clone(user.features)
+  const features = await computeFeatures(userId)
+  logger.debug({ userId, features }, 'updating user features')
+
+  const matchedFeatureSet = FeaturesHelper.getMatchedFeatureSet(features)
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'feature-set',
+    matchedFeatureSet
+  )
+
+  const { features: newFeatures, featuresChanged } =
+    await UserFeaturesUpdater.promises.updateFeatures(userId, features)
+  if (oldFeatures.dropbox === true && features.dropbox === false) {
+    logger.debug({ userId }, '[FeaturesUpdater] must unlink dropbox')
+    try {
+      await Modules.promises.hooks.fire('removeDropbox', userId, reason)
+    } catch (err) {
+      logger.error({ err, userId }, 'removeDropbox hook failed')
+    }
+  }
+
+  if (oldFeatures.github === true && features.github === false) {
+    logger.debug({ userId }, '[FeaturesUpdater] must unlink github')
+    try {
+      await Modules.promises.hooks.fire('removeGithub', userId, reason)
+    } catch (err) {
+      logger.error({ err, userId }, 'removeGithub hook failed')
+    }
+  }
+
+  return { features: newFeatures, featuresChanged }
+}
+
+/**
+ * Return the features that the given user should have.
+ */
+async function computeFeatures(userId) {
+  const individualFeatures = await _getIndividualFeatures(userId)
+  const groupFeatureSets = await _getGroupFeatureSets(userId)
+  const institutionFeatures =
+    await InstitutionsFeatures.promises.getInstitutionsFeatures(userId)
+  const user = await UserGetter.promises.getUser(userId, {
+    featuresOverrides: 1,
+    'overleaf.id': 1,
+  })
+  const v1Features = await _getV1Features(user)
+  const bonusFeatures = await ReferalFeatures.promises.getBonusFeatures(userId)
+  const featuresOverrides = await _getFeaturesOverrides(user)
+  logger.debug(
+    {
+      userId,
+      individualFeatures,
+      groupFeatureSets,
+      institutionFeatures,
+      v1Features,
+      bonusFeatures,
+      featuresOverrides,
+    },
+    'merging user features'
+  )
+  const featureSets = groupFeatureSets.concat([
+    individualFeatures,
+    institutionFeatures,
+    v1Features,
+    bonusFeatures,
+    featuresOverrides,
+  ])
+  return _.reduce(
+    featureSets,
+    FeaturesHelper.mergeFeatures,
+    Settings.defaultFeatures
+  )
+}
+
+async function _getIndividualFeatures(userId) {
+  const subscription =
+    await SubscriptionLocator.promises.getUsersSubscription(userId)
+  if (subscription == null || subscription?.recurlyStatus?.state === 'paused') {
+    return {}
+  }
+
+  const featureSets = []
+
+  // The plan doesn't apply to the group admin when the subscription
+  // is a group subscription
+  if (!subscription.groupPlan) {
+    featureSets.push(_subscriptionToFeatures(subscription))
+  }
+
+  featureSets.push(_aiAddOnFeatures(subscription))
+  return _.reduce(featureSets, FeaturesHelper.mergeFeatures, {})
+}
+
+async function _getGroupFeatureSets(userId) {
+  const subs =
+    await SubscriptionLocator.promises.getGroupSubscriptionsMemberOf(userId)
+  return (subs || []).map(_subscriptionToFeatures)
+}
+
+async function _getFeaturesOverrides(user) {
+  if (!user || !user.featuresOverrides || user.featuresOverrides.length === 0) {
+    return {}
+  }
+  const activeFeaturesOverrides = []
+  for (const featuresOverride of user.featuresOverrides) {
+    if (
+      !featuresOverride.expiresAt ||
+      featuresOverride.expiresAt > new Date()
+    ) {
+      activeFeaturesOverrides.push(featuresOverride.features)
+    }
+  }
+  return _.reduce(activeFeaturesOverrides, FeaturesHelper.mergeFeatures, {})
+}
+
+async function _getV1Features(user) {
+  const v1Id = user?.overleaf?.id
+  return V1SubscriptionManager.getGrandfatheredFeaturesForV1User(v1Id) || {}
+}
+
+function _subscriptionToFeatures(subscription) {
+  if (!subscription?.planCode) {
+    return {}
+  }
+  const plan = PlansLocator.findLocalPlanInSettings(subscription.planCode)
+  if (!plan) {
+    return {}
+  } else {
+    return plan.features
+  }
+}
+
+function _aiAddOnFeatures(subscription) {
+  if (subscription?.addOns?.some(addOn => addOn.addOnCode === AI_ADD_ON_CODE)) {
+    return { aiErrorAssistant: true }
+  } else {
+    return {}
+  }
+}
+
+async function doSyncFromV1(v1UserId) {
+  logger.debug({ v1UserId }, '[AccountSync] starting account sync')
+  const user = await UserGetter.promises.getUser(
+    { 'overleaf.id': v1UserId },
+    { _id: 1 }
+  )
+  if (user == null) {
+    logger.warn({ v1UserId }, '[AccountSync] no user found for v1 id')
+    return
+  }
+  logger.debug(
+    { v1UserId, userId: user._id },
+    '[AccountSync] updating user subscription and features'
+  )
+  return refreshFeatures(user._id, 'sync-v1')
+}
+
+async function hasFeaturesViaWritefull(userId) {
+  const user = await UserGetter.promises.getUser(userId, {
+    _id: 1,
+    writefull: 1,
+  })
+  return Boolean(user?.writefull?.isPremium)
+}
+
+module.exports = {
+  featuresEpochIsCurrent,
+  computeFeatures: callbackify(computeFeatures),
+  refreshFeatures: callbackifyMultiResult(refreshFeatures, [
+    'features',
+    'featuresChanged',
+  ]),
+  doSyncFromV1: callbackifyMultiResult(doSyncFromV1, [
+    'features',
+    'featuresChanged',
+  ]),
+  scheduleRefreshFeatures: callbackify(scheduleRefreshFeatures),
+  hasFeaturesViaWritefull: callbackify(hasFeaturesViaWritefull),
+  promises: {
+    computeFeatures,
+    refreshFeatures,
+    scheduleRefreshFeatures,
+    doSyncFromV1,
+    hasFeaturesViaWritefull,
+  },
+}
diff --git a/services/web/app/src/Features/Subscription/GroupPlansData.js b/services/web/app/src/Features/Subscription/GroupPlansData.js
new file mode 100644
index 0000000..971a01f
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/GroupPlansData.js
@@ -0,0 +1,69 @@
+const Settings = require('@overleaf/settings')
+const fs = require('fs')
+const Path = require('path')
+
+// The groups.json file encodes the various group plan options we provide, and
+// is used in the app the render the appropriate dialog in the plans page, and
+// to generate the appropriate entries in the Settings.plans array.
+// It is also used by scripts/recurly/sync_recurly.rb, which will make sure
+// Recurly has a plan configured for all the groups, and that the prices are
+// up to date with the data in groups.json.
+// Alternatively, scripts/recurly/get_recurly_group_prices.rb can be used to
+// fetch pricing data and generate a groups.json using the current Recurly
+// prices
+const data = fs.readFileSync(
+  Path.join(__dirname, '/../../../templates/plans/groups.json')
+)
+const groups = JSON.parse(data.toString())
+
+const capitalize = string => string.charAt(0).toUpperCase() + string.slice(1)
+
+// With group accounts in Recurly, we end up with a lot of plans to manage.
+// Rather than hand coding them in the settings file, and then needing to keep
+// that data in sync with the data in groups.json, we can auto generate the
+// group plan entries and append them to Settings.plans at boot time. This is not
+// a particularly clean pattern, since it's a little surprising that settings
+// are modified at boot-time, but I think it's a better option than trying to
+// keep two sources of data in sync.
+for (const [usage, planData] of Object.entries(groups)) {
+  for (const [planCode, currencyData] of Object.entries(planData)) {
+    // Gather all possible sizes that are set up in at least one currency
+    const sizes = new Set()
+    for (const priceData of Object.values(currencyData)) {
+      for (const size in priceData) {
+        sizes.add(size)
+      }
+    }
+
+    const planName =
+      planCode === 'collaborator'
+        ? 'Standard (Collaborator)'
+        : capitalize(planCode)
+
+    // Generate plans in settings
+    for (const size of sizes) {
+      const plan = {
+        planCode: `group_${planCode}_${size}_${usage}`,
+        name: `${
+          Settings.appName
+        } ${planName} - Group Account (${size} licenses) - ${capitalize(
+          usage
+        )}`,
+        hideFromUsers: true,
+        price_in_cents: groups[usage][planCode].USD[size].price_in_cents,
+        annual: true,
+        features: Settings.features[planCode],
+        groupPlan: true,
+        membersLimit: parseInt(size),
+        // Add the `membersLimitAddOn` to all group plans
+        membersLimitAddOn: 'additional-license',
+        // Unlock flexible licensing for all group plans
+        canUseFlexibleLicensing: true,
+      }
+
+      Settings.plans.push(plan)
+    }
+  }
+}
+
+module.exports = groups
diff --git a/services/web/app/src/Features/Subscription/GroupUtils.js b/services/web/app/src/Features/Subscription/GroupUtils.js
new file mode 100644
index 0000000..55aea1a
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/GroupUtils.js
@@ -0,0 +1,14 @@
+// ts-check
+/**
+ * Builds a group subscription's `providerId` to be used to identify SAML identifiers
+ * belonging to this group.
+ * @param {string | import('mongodb').ObjectId} subscriptionId
+ * @returns {string}
+ */
+function getProviderId(subscriptionId) {
+  return `ol-group-subscription-id:${subscriptionId.toString()}`
+}
+
+module.exports = {
+  getProviderId,
+}
diff --git a/services/web/app/src/Features/Subscription/LimitationsManager.js b/services/web/app/src/Features/Subscription/LimitationsManager.js
new file mode 100644
index 0000000..d0c3d29
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/LimitationsManager.js
@@ -0,0 +1,215 @@
+// @ts-check
+
+const logger = require('@overleaf/logger')
+const ProjectGetter = require('../Project/ProjectGetter')
+const UserGetter = require('../User/UserGetter')
+const SubscriptionLocator = require('./SubscriptionLocator')
+const Settings = require('@overleaf/settings')
+const CollaboratorsGetter = require('../Collaborators/CollaboratorsGetter')
+const CollaboratorsInvitesGetter = require('../Collaborators/CollaboratorsInviteGetter')
+const PrivilegeLevels = require('../Authorization/PrivilegeLevels')
+const {
+  callbackify,
+  callbackifyMultiResult,
+} = require('@overleaf/promise-utils')
+
+async function allowedNumberOfCollaboratorsInProject(projectId) {
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    owner_ref: true,
+  })
+  return await allowedNumberOfCollaboratorsForUser(project.owner_ref)
+}
+
+async function allowedNumberOfCollaboratorsForUser(userId) {
+  const user = await UserGetter.promises.getUser(userId, { features: 1 })
+  if (user.features && user.features.collaborators) {
+    return user.features.collaborators
+  } else {
+    return Settings.defaultFeatures.collaborators
+  }
+}
+
+async function canAcceptEditCollaboratorInvite(projectId) {
+  const allowedNumber = await allowedNumberOfCollaboratorsInProject(projectId)
+  if (allowedNumber < 0) {
+    return true // -1 means unlimited
+  }
+  const currentEditors =
+    await CollaboratorsGetter.promises.getInvitedEditCollaboratorCount(
+      projectId
+    )
+  return currentEditors + 1 <= allowedNumber
+}
+
+async function canAddXEditCollaborators(
+  projectId,
+  numberOfNewEditCollaborators
+) {
+  const allowedNumber = await allowedNumberOfCollaboratorsInProject(projectId)
+  if (allowedNumber < 0) {
+    return true // -1 means unlimited
+  }
+  const currentEditors =
+    await CollaboratorsGetter.promises.getInvitedEditCollaboratorCount(
+      projectId
+    )
+  const editInviteCount =
+    await CollaboratorsInvitesGetter.promises.getEditInviteCount(projectId)
+  return (
+    currentEditors + editInviteCount + numberOfNewEditCollaborators <=
+    allowedNumber
+  )
+}
+
+/**
+ * Check whether a collaborator can be switched to the given privilege level
+ *
+ * @param {string} projectId
+ * @param {string} userId
+ * @param {'readOnly' | 'review' | 'readAndWrite'} privilegeLevel
+ * @return {Promise<boolean>}
+ */
+async function canChangeCollaboratorPrivilegeLevel(
+  projectId,
+  userId,
+  privilegeLevel
+) {
+  if (privilegeLevel === PrivilegeLevels.READ_ONLY) {
+    return true
+  }
+
+  const currentPrivilegeLevel =
+    await CollaboratorsGetter.promises.getMemberIdPrivilegeLevel(
+      userId,
+      projectId
+    )
+  if (
+    currentPrivilegeLevel === PrivilegeLevels.READ_AND_WRITE ||
+    currentPrivilegeLevel === PrivilegeLevels.REVIEW
+  ) {
+    // Current collaborator already takes a slot, so changing the privilege
+    // level won't increase the collaborator count
+    return true
+  }
+
+  const allowedNumber = await allowedNumberOfCollaboratorsInProject(projectId)
+  if (allowedNumber < 0) {
+    // -1 means unlimited
+    return true
+  }
+
+  const slotsTaken =
+    await CollaboratorsGetter.promises.getInvitedEditCollaboratorCount(
+      projectId
+    )
+  const inviteCount =
+    await CollaboratorsInvitesGetter.promises.getEditInviteCount(projectId)
+
+  return slotsTaken + inviteCount < allowedNumber
+}
+
+async function hasPaidSubscription(user) {
+  const { hasSubscription, subscription } = await userHasSubscription(user)
+  const { isMember } = await userIsMemberOfGroupSubscription(user)
+  return {
+    hasPaidSubscription: hasSubscription || isMember,
+    subscription,
+  }
+}
+
+// alias for backward-compatibility with modules. Use `haspaidsubscription` instead
+async function userHasSubscriptionOrIsGroupMember(user) {
+  return await hasPaidSubscription(user)
+}
+
+async function userHasSubscription(user) {
+  const subscription = await SubscriptionLocator.promises.getUsersSubscription(
+    user._id
+  )
+  let hasValidSubscription = false
+  if (subscription) {
+    if (subscription.recurlySubscription_id || subscription.customAccount) {
+      hasValidSubscription = true
+    }
+  }
+  return {
+    hasSubscription: hasValidSubscription,
+    subscription,
+  }
+}
+
+async function userIsMemberOfGroupSubscription(user) {
+  const subscriptions =
+    (await SubscriptionLocator.promises.getMemberSubscriptions(user._id)) || []
+  return { isMember: subscriptions.length > 0, subscriptions }
+}
+
+function teamHasReachedMemberLimit(subscription) {
+  const currentTotal =
+    (subscription.member_ids || []).length +
+    (subscription.teamInvites || []).length +
+    (subscription.invited_emails || []).length
+
+  return currentTotal >= subscription.membersLimit
+}
+
+async function hasGroupMembersLimitReached(subscriptionId, callback) {
+  const subscription =
+    await SubscriptionLocator.promises.getSubscription(subscriptionId)
+  if (!subscription) {
+    logger.warn({ subscriptionId }, 'no subscription found')
+    throw new Error('no subscription found')
+  }
+  const limitReached = teamHasReachedMemberLimit(subscription)
+  return { limitReached, subscription }
+}
+
+const LimitationsManager = {
+  allowedNumberOfCollaboratorsInProject: callbackify(
+    allowedNumberOfCollaboratorsInProject
+  ),
+  allowedNumberOfCollaboratorsForUser: callbackify(
+    allowedNumberOfCollaboratorsForUser
+  ),
+  canAddXEditCollaborators: callbackify(canAddXEditCollaborators),
+  canChangeCollaboratorPrivilegeLevel: callbackify(
+    canChangeCollaboratorPrivilegeLevel
+  ),
+  hasPaidSubscription: callbackifyMultiResult(hasPaidSubscription, [
+    'hasPaidSubscription',
+    'subscription',
+  ]),
+  userHasSubscriptionOrIsGroupMember: callbackifyMultiResult(
+    userHasSubscriptionOrIsGroupMember,
+    ['hasPaidSubscription', 'subscription']
+  ),
+  userHasSubscription: callbackifyMultiResult(userHasSubscription, [
+    'hasSubscription',
+    'subscription',
+  ]),
+  userIsMemberOfGroupSubscription: callbackifyMultiResult(
+    userIsMemberOfGroupSubscription,
+    ['isMember', 'subscriptions']
+  ),
+  hasGroupMembersLimitReached: callbackifyMultiResult(
+    hasGroupMembersLimitReached,
+    ['limitReached', 'subscription']
+  ),
+
+  teamHasReachedMemberLimit,
+
+  promises: {
+    allowedNumberOfCollaboratorsInProject,
+    allowedNumberOfCollaboratorsForUser,
+    canAcceptEditCollaboratorInvite,
+    canAddXEditCollaborators,
+    canChangeCollaboratorPrivilegeLevel,
+    hasPaidSubscription,
+    userHasSubscriptionOrIsGroupMember,
+    userHasSubscription,
+    userIsMemberOfGroupSubscription,
+    hasGroupMembersLimitReached,
+  },
+}
+
+module.exports = LimitationsManager
diff --git a/services/web/app/src/Features/Subscription/PaymentProviderEntities.js b/services/web/app/src/Features/Subscription/PaymentProviderEntities.js
new file mode 100644
index 0000000..472747e
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/PaymentProviderEntities.js
@@ -0,0 +1,521 @@
+// @ts-check
+
+const OError = require('@overleaf/o-error')
+const { DuplicateAddOnError, AddOnNotPresentError } = require('./Errors')
+const PlansLocator = require('./PlansLocator')
+const SubscriptionHelper = require('./SubscriptionHelper')
+
+const AI_ADD_ON_CODE = 'assistant'
+const MEMBERS_LIMIT_ADD_ON_CODE = 'additional-license'
+const STANDALONE_AI_ADD_ON_CODES = ['assistant', 'assistant-annual']
+
+class PaymentProviderSubscription {
+  /**
+   * @param {object} props
+   * @param {string} props.id
+   * @param {string} props.userId
+   * @param {string} props.planCode
+   * @param {string} props.planName
+   * @param {number} props.planPrice
+   * @param {PaymentProviderSubscriptionAddOn[]} [props.addOns]
+   * @param {number} props.subtotal
+   * @param {number} [props.taxRate]
+   * @param {number} [props.taxAmount]
+   * @param {string} props.currency
+   * @param {number} props.total
+   * @param {Date} props.periodStart
+   * @param {Date} props.periodEnd
+   * @param {string} props.collectionMethod
+   * @param {PaymentProviderSubscriptionChange} [props.pendingChange]
+   * @param {string} [props.service]
+   * @param {string} [props.state]
+   * @param {Date|null} [props.trialPeriodEnd]
+   * @param {Date|null} [props.pausePeriodStart]
+   * @param {number|null} [props.remainingPauseCycles]
+   */
+  constructor(props) {
+    this.id = props.id
+    this.userId = props.userId
+    this.planCode = props.planCode
+    this.planName = props.planName
+    this.planPrice = props.planPrice
+    this.addOns = props.addOns ?? []
+    this.subtotal = props.subtotal
+    this.taxRate = props.taxRate ?? 0
+    this.taxAmount = props.taxAmount ?? 0
+    this.currency = props.currency
+    this.total = props.total
+    this.periodStart = props.periodStart
+    this.periodEnd = props.periodEnd
+    this.collectionMethod = props.collectionMethod
+    this.pendingChange = props.pendingChange ?? null
+    this.service = props.service ?? 'recurly'
+    this.state = props.state ?? 'active'
+    this.trialPeriodEnd = props.trialPeriodEnd ?? null
+    this.pausePeriodStart = props.pausePeriodStart ?? null
+    this.remainingPauseCycles = props.remainingPauseCycles ?? null
+  }
+
+  /**
+   * Returns whether this subscription currently has the given add-on
+   *
+   * @param {string} code
+   * @return {boolean}
+   */
+  hasAddOn(code) {
+    return this.addOns.some(addOn => addOn.code === code)
+  }
+
+  /**
+   * Returns whether this subscription is a standalone AI add-on subscription
+   *
+   * @return {boolean}
+   */
+  isStandaloneAiAddOn() {
+    return isStandaloneAiAddOnPlanCode(this.planCode)
+  }
+
+  /**
+   * Returns whether this subcription will have the given add-on next billing
+   * period.
+   *
+   * There are two cases: either the subscription already has the add-on and
+   * won't change next period, or the subscription will change next period and
+   * the change includes the add-on.
+   *
+   * @param {string} code
+   * @return {boolean}
+   */
+  hasAddOnNextPeriod(code) {
+    if (this.pendingChange != null) {
+      return this.pendingChange.nextAddOns.some(addOn => addOn.code === code)
+    } else {
+      return this.hasAddOn(code)
+    }
+  }
+
+  /**
+   * Change this subscription's plan
+   *
+   * @return {PaymentProviderSubscriptionChangeRequest}
+   */
+  getRequestForPlanChange(planCode) {
+    const currentPlan = PlansLocator.findLocalPlanInSettings(this.planCode)
+    if (currentPlan == null) {
+      throw new OError('Unable to find plan in settings', {
+        planCode: this.planCode,
+      })
+    }
+    const newPlan = PlansLocator.findLocalPlanInSettings(planCode)
+    if (newPlan == null) {
+      throw new OError('Unable to find plan in settings', { planCode })
+    }
+    const shouldChangeAtTermEnd = SubscriptionHelper.shouldPlanChangeAtTermEnd(
+      currentPlan,
+      newPlan
+    )
+
+    const changeRequest = new PaymentProviderSubscriptionChangeRequest({
+      subscription: this,
+      timeframe: shouldChangeAtTermEnd ? 'term_end' : 'now',
+      planCode,
+    })
+
+    // Carry the AI add-on to the new plan if applicable
+    if (
+      this.isStandaloneAiAddOn() ||
+      (!shouldChangeAtTermEnd && this.hasAddOn(AI_ADD_ON_CODE)) ||
+      (shouldChangeAtTermEnd && this.hasAddOnNextPeriod(AI_ADD_ON_CODE))
+    ) {
+      const addOnUpdate = new PaymentProviderSubscriptionAddOnUpdate({
+        code: AI_ADD_ON_CODE,
+        quantity: 1,
+      })
+      changeRequest.addOnUpdates = [addOnUpdate]
+    }
+
+    return changeRequest
+  }
+
+  /**
+   * Purchase an add-on on this subscription
+   *
+   * @param {string} code
+   * @param {number} [quantity]
+   * @param {number} [unitPrice]
+   * @return {PaymentProviderSubscriptionChangeRequest} - the change request to send to
+   * Recurly
+   *
+   * @throws {DuplicateAddOnError} if the add-on is already present on the subscription
+   */
+  getRequestForAddOnPurchase(code, quantity = 1, unitPrice) {
+    if (this.hasAddOn(code)) {
+      throw new DuplicateAddOnError('Subscription already has add-on', {
+        subscriptionId: this.id,
+        addOnCode: code,
+      })
+    }
+
+    const addOnUpdates = this.addOns.map(addOn => addOn.toAddOnUpdate())
+    addOnUpdates.push(
+      new PaymentProviderSubscriptionAddOnUpdate({ code, quantity, unitPrice })
+    )
+    return new PaymentProviderSubscriptionChangeRequest({
+      subscription: this,
+      timeframe: 'now',
+      addOnUpdates,
+    })
+  }
+
+  /**
+   * Update an add-on on this subscription
+   *
+   * @param {string} code
+   * @param {number} quantity
+   * @return {PaymentProviderSubscriptionChangeRequest} - the change request to send to
+   * Recurly
+   *
+   * @throws {AddOnNotPresentError} if the subscription doesn't have the add-on
+   */
+  getRequestForAddOnUpdate(code, quantity) {
+    if (!this.hasAddOn(code)) {
+      throw new AddOnNotPresentError(
+        'Subscription does not have add-on to update',
+        {
+          subscriptionId: this.id,
+          addOnCode: code,
+        }
+      )
+    }
+
+    const addOnUpdates = this.addOns.map(addOn => {
+      const update = addOn.toAddOnUpdate()
+
+      if (update.code === code) {
+        update.quantity = quantity
+      }
+
+      return update
+    })
+
+    return new PaymentProviderSubscriptionChangeRequest({
+      subscription: this,
+      timeframe: 'now',
+      addOnUpdates,
+    })
+  }
+
+  /**
+   * Remove an add-on from this subscription
+   *
+   * @param {string} code
+   * @return {PaymentProviderSubscriptionChangeRequest}
+   *
+   * @throws {AddOnNotPresentError} if the subscription doesn't have the add-on
+   */
+  getRequestForAddOnRemoval(code) {
+    if (!this.hasAddOn(code)) {
+      throw new AddOnNotPresentError(
+        'Subscription does not have add-on to remove',
+        {
+          subscriptionId: this.id,
+          addOnCode: code,
+        }
+      )
+    }
+    const addOnUpdates = this.addOns
+      .filter(addOn => addOn.code !== code)
+      .map(addOn => addOn.toAddOnUpdate())
+    return new PaymentProviderSubscriptionChangeRequest({
+      subscription: this,
+      timeframe: 'term_end',
+      addOnUpdates,
+    })
+  }
+
+  /**
+   * Upgrade group plan with the plan code provided
+   *
+   * @param {string} newPlanCode
+   * @return {PaymentProviderSubscriptionChangeRequest}
+   */
+  getRequestForGroupPlanUpgrade(newPlanCode) {
+    // Ensure all the existing add-ons are added to the new plan
+    const addOns = this.addOns.map(
+      addOn =>
+        new PaymentProviderSubscriptionAddOnUpdate({
+          code: addOn.code,
+          quantity: addOn.quantity,
+        })
+    )
+
+    return new PaymentProviderSubscriptionChangeRequest({
+      subscription: this,
+      timeframe: 'now',
+      addOnUpdates: addOns,
+      planCode: newPlanCode,
+    })
+  }
+
+  /**
+   * Returns whether this subscription is manually collected
+   *
+   * @return {boolean}
+   */
+  get isCollectionMethodManual() {
+    return this.collectionMethod === 'manual'
+  }
+}
+
+/**
+ * An add-on attached to a subscription
+ */
+class PaymentProviderSubscriptionAddOn {
+  /**
+   * @param {object} props
+   * @param {string} props.code
+   * @param {string} props.name
+   * @param {number} props.quantity
+   * @param {number} props.unitPrice
+   */
+  constructor(props) {
+    this.code = props.code
+    this.name = props.name
+    this.quantity = props.quantity
+    this.unitPrice = props.unitPrice
+    this.preTaxTotal = this.quantity * this.unitPrice
+  }
+
+  /**
+   * Return an add-on update that doesn't modify the add-on
+   */
+  toAddOnUpdate() {
+    return new PaymentProviderSubscriptionAddOnUpdate({
+      code: this.code,
+      quantity: this.quantity,
+      unitPrice: this.unitPrice,
+    })
+  }
+}
+
+class PaymentProviderSubscriptionChangeRequest {
+  /**
+   * @param {object} props
+   * @param {PaymentProviderSubscription} props.subscription
+   * @param {"now" | "term_end"} props.timeframe
+   * @param {string} [props.planCode]
+   * @param {PaymentProviderSubscriptionAddOnUpdate[]} [props.addOnUpdates]
+   */
+  constructor(props) {
+    if (props.planCode == null && props.addOnUpdates == null) {
+      throw new OError('Invalid PaymentProviderSubscriptionChangeRequest', {
+        props,
+      })
+    }
+    this.subscription = props.subscription
+    this.timeframe = props.timeframe
+    this.planCode = props.planCode ?? null
+    this.addOnUpdates = props.addOnUpdates ?? null
+  }
+}
+
+class PaymentProviderSubscriptionAddOnUpdate {
+  /**
+   * @param {object} props
+   * @param {string} props.code
+   * @param {number} [props.quantity]
+   * @param {number} [props.unitPrice]
+   */
+  constructor(props) {
+    this.code = props.code
+    this.quantity = props.quantity ?? null
+    this.unitPrice = props.unitPrice ?? null
+  }
+}
+
+class PaymentProviderSubscriptionChange {
+  /**
+   * @param {object} props
+   * @param {PaymentProviderSubscription} props.subscription
+   * @param {string} props.nextPlanCode
+   * @param {string} props.nextPlanName
+   * @param {number} props.nextPlanPrice
+   * @param {PaymentProviderSubscriptionAddOn[]} props.nextAddOns
+   * @param {PaymentProviderImmediateCharge} [props.immediateCharge]
+   */
+  constructor(props) {
+    this.subscription = props.subscription
+    this.nextPlanCode = props.nextPlanCode
+    this.nextPlanName = props.nextPlanName
+    this.nextPlanPrice = props.nextPlanPrice
+    this.nextAddOns = props.nextAddOns
+    this.immediateCharge =
+      props.immediateCharge ??
+      new PaymentProviderImmediateCharge({
+        subtotal: 0,
+        tax: 0,
+        total: 0,
+        discount: 0,
+      })
+
+    this.subtotal = this.nextPlanPrice
+    for (const addOn of this.nextAddOns) {
+      this.subtotal += addOn.preTaxTotal
+    }
+
+    this.tax = Math.round(this.subtotal * 100 * this.subscription.taxRate) / 100
+
+    this.total = this.subtotal + this.tax
+  }
+
+  getAddOn(addOnCode) {
+    return this.nextAddOns.find(addOn => addOn.code === addOnCode)
+  }
+}
+
+class PaypalPaymentMethod {
+  toString() {
+    return 'Paypal'
+  }
+}
+
+class CreditCardPaymentMethod {
+  /**
+   * @param {object} props
+   * @param {string} props.cardType
+   * @param {string} props.lastFour
+   */
+  constructor(props) {
+    this.cardType = props.cardType
+    this.lastFour = props.lastFour
+  }
+
+  toString() {
+    return `${this.cardType} **** ${this.lastFour}`
+  }
+}
+
+class PaymentProviderImmediateCharge {
+  /**
+   * @param {object} props
+   * @param {number} props.subtotal
+   * @param {number} props.tax
+   * @param {number} props.total
+   * @param {number} props.discount
+   */
+  constructor(props) {
+    this.subtotal = props.subtotal
+    this.tax = props.tax
+    this.total = props.total
+    this.discount = props.discount
+  }
+}
+
+/**
+ * An add-on configuration, independent of any subscription
+ */
+class PaymentProviderAddOn {
+  /**
+   * @param {object} props
+   * @param {string} props.code
+   * @param {string} props.name
+   */
+  constructor(props) {
+    this.code = props.code
+    this.name = props.name
+  }
+}
+
+/**
+ * A plan configuration
+ */
+class PaymentProviderPlan {
+  /**
+   * @param {object} props
+   * @param {string} props.code
+   * @param {string} props.name
+   */
+  constructor(props) {
+    this.code = props.code
+    this.name = props.name
+  }
+}
+
+/**
+ * A coupon in the payment provider
+ */
+class PaymentProviderCoupon {
+  /**
+   * @param {object} props
+   * @param {string} props.code
+   * @param {string} props.name
+   * @param {string} props.description
+   */
+  constructor(props) {
+    this.code = props.code
+    this.name = props.name
+    this.description = props.description
+  }
+}
+
+/**
+ * An account in the payment provider
+ */
+class PaymentProviderAccount {
+  /**
+   * @param {object} props
+   * @param {string} props.code
+   * @param {string} props.email
+   * @param {boolean} props.hasPastDueInvoice
+   */
+  constructor(props) {
+    this.code = props.code
+    this.email = props.email
+    this.hasPastDueInvoice = props.hasPastDueInvoice ?? false
+  }
+}
+
+/**
+ * Returns whether the given plan code is a standalone AI plan
+ *
+ * @param {string} planCode
+ */
+function isStandaloneAiAddOnPlanCode(planCode) {
+  return STANDALONE_AI_ADD_ON_CODES.includes(planCode)
+}
+
+/**
+ * Returns whether subscription change will have have the ai bundle once the change is processed
+ *
+ * @param {PaymentProviderSubscriptionChange} subscriptionChange The subscription change object coming from payment provider
+ *
+ * @return {boolean}
+ */
+function subscriptionChangeIsAiAssistUpgrade(subscriptionChange) {
+  return Boolean(
+    isStandaloneAiAddOnPlanCode(subscriptionChange.nextPlanCode) ||
+      subscriptionChange.nextAddOns?.some(
+        addOn => addOn.code === AI_ADD_ON_CODE
+      )
+  )
+}
+
+module.exports = {
+  AI_ADD_ON_CODE,
+  MEMBERS_LIMIT_ADD_ON_CODE,
+  STANDALONE_AI_ADD_ON_CODES,
+  PaymentProviderSubscription,
+  PaymentProviderSubscriptionAddOn,
+  PaymentProviderSubscriptionChange,
+  PaymentProviderSubscriptionChangeRequest,
+  PaymentProviderSubscriptionAddOnUpdate,
+  PaypalPaymentMethod,
+  CreditCardPaymentMethod,
+  PaymentProviderAddOn,
+  PaymentProviderPlan,
+  PaymentProviderCoupon,
+  PaymentProviderAccount,
+  isStandaloneAiAddOnPlanCode,
+  subscriptionChangeIsAiAssistUpgrade,
+  PaymentProviderImmediateCharge,
+}
diff --git a/services/web/app/src/Features/Subscription/PlansHelper.mjs b/services/web/app/src/Features/Subscription/PlansHelper.mjs
new file mode 100644
index 0000000..aa23a8d
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/PlansHelper.mjs
@@ -0,0 +1,21 @@
+import FeaturesHelper from './FeaturesHelper.js'
+import PlanLocator from './PlansLocator.js'
+
+export function isProfessionalPlan(planCode) {
+  const plan = PlanLocator.findLocalPlanInSettings(planCode)
+  // only identify "modern" professional group plans as eligible, and do not include legacy plans
+  return Boolean(
+    planCode?.includes('professional') &&
+      FeaturesHelper.getMatchedFeatureSet(plan?.features) === 'professional'
+  )
+}
+
+export function isProfessionalGroupPlan(subscription) {
+  const isProfessional = isProfessionalPlan(subscription.planCode)
+  return subscription.groupPlan && isProfessional
+}
+
+export default {
+  isProfessionalPlan,
+  isProfessionalGroupPlan,
+}
diff --git a/services/web/app/src/Features/Subscription/PlansLocator.js b/services/web/app/src/Features/Subscription/PlansLocator.js
new file mode 100644
index 0000000..905fa7e
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/PlansLocator.js
@@ -0,0 +1,104 @@
+// TODO: This file may be deleted when Stripe is fully implemented to all users, so, consider deleting it
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+
+/**
+ * @typedef {import('../../../../types/subscription/plan').RecurlyPlanCode} RecurlyPlanCode
+ * @typedef {import('../../../../types/subscription/plan').StripeLookupKey} StripeLookupKey
+ */
+
+function ensurePlansAreSetupCorrectly() {
+  Settings.plans.forEach(plan => {
+    if (typeof plan.price_in_cents !== 'number') {
+      logger.fatal({ plan }, 'missing price on plan')
+      process.exit(1)
+    }
+    if (plan.price) {
+      logger.fatal({ plan }, 'unclear price attribute on plan')
+      process.exit(1)
+    }
+    if (plan.price_in_unit) {
+      logger.fatal({ plan }, 'deprecated price_in_unit attribute on plan')
+      process.exit(1)
+    }
+  })
+}
+
+const recurlyPlanCodeToStripeLookupKey = {
+  'professional-annual': 'professional_annual',
+  professional: 'professional_monthly',
+  professional_free_trial_7_days: 'professional_monthly',
+  'collaborator-annual': 'standard_annual',
+  collaborator: 'standard_monthly',
+  collaborator_free_trial_7_days: 'standard_monthly',
+  'student-annual': 'student_annual',
+  student: 'student_monthly',
+  student_free_trial_7_days: 'student_monthly',
+}
+
+const stripeLookupKeyToRecurlyPlanCode = {
+  professional_annual: 'professional-annual',
+  professional_monthly: 'professional',
+  standard_annual: 'collaborator-annual',
+  standard_monthly: 'collaborator',
+  student_annual: 'student-annual',
+  student_monthly: 'student',
+}
+
+/**
+ *
+ * @param {RecurlyPlanCode} recurlyPlanCode
+ * @returns {StripeLookupKey}
+ */
+function mapRecurlyPlanCodeToStripeLookupKey(recurlyPlanCode) {
+  return recurlyPlanCodeToStripeLookupKey[recurlyPlanCode]
+}
+
+/**
+ * @param {StripeLookupKey} stripeLookupKey
+ * @returns {RecurlyPlanCode}
+ */
+function mapStripeLookupKeyToRecurlyPlanCode(stripeLookupKey) {
+  return stripeLookupKeyToRecurlyPlanCode[stripeLookupKey]
+}
+
+const recurlyPlanCodeToPlanTypeAndPeriod = {
+  collaborator: { planType: 'standard', period: 'monthly' },
+  collaborator_free_trial_7_days: { planType: 'standard', period: 'monthly' },
+  'collaborator-annual': { planType: 'standard', period: 'annual' },
+  professional: { planType: 'professional', period: 'monthly' },
+  professional_free_trial_7_days: {
+    planType: 'professional',
+    period: 'monthly',
+  },
+  'professional-annual': { planType: 'professional', period: 'annual' },
+  student: { planType: 'student', period: 'monthly' },
+  student_free_trial_7_days: { planType: 'student', period: 'monthly' },
+  'student-annual': { planType: 'student', period: 'annual' },
+}
+
+/**
+ *
+ * @param {RecurlyPlanCode} recurlyPlanCode
+ * @returns {{ planType: 'standard' | 'professional' | 'student', period: 'annual' | 'monthly'}}
+ */
+function getPlanTypeAndPeriodFromRecurlyPlanCode(recurlyPlanCode) {
+  return recurlyPlanCodeToPlanTypeAndPeriod[recurlyPlanCode]
+}
+
+function findLocalPlanInSettings(planCode) {
+  for (const plan of Settings.plans) {
+    if (plan.planCode === planCode) {
+      return plan
+    }
+  }
+  return null
+}
+
+module.exports = {
+  ensurePlansAreSetupCorrectly,
+  findLocalPlanInSettings,
+  mapRecurlyPlanCodeToStripeLookupKey,
+  mapStripeLookupKeyToRecurlyPlanCode,
+  getPlanTypeAndPeriodFromRecurlyPlanCode,
+}
diff --git a/services/web/app/src/Features/Subscription/RecurlyClient.js b/services/web/app/src/Features/Subscription/RecurlyClient.js
new file mode 100644
index 0000000..ee56487
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/RecurlyClient.js
@@ -0,0 +1,643 @@
+// @ts-check
+
+const recurly = require('recurly')
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const OError = require('@overleaf/o-error')
+const { callbackify } = require('util')
+const UserGetter = require('../User/UserGetter')
+const {
+  PaymentProviderSubscription,
+  PaymentProviderSubscriptionAddOn,
+  PaymentProviderSubscriptionChange,
+  PaypalPaymentMethod,
+  CreditCardPaymentMethod,
+  PaymentProviderAddOn,
+  PaymentProviderPlan,
+  PaymentProviderCoupon,
+  PaymentProviderAccount,
+  PaymentProviderImmediateCharge,
+} = require('./PaymentProviderEntities')
+const {
+  MissingBillingInfoError,
+  SubtotalLimitExceededError,
+} = require('./Errors')
+
+/**
+ * @import { PaymentProviderSubscriptionChangeRequest } from './PaymentProviderEntities'
+ * @import { PaymentMethod } from './types'
+ */
+
+const recurlySettings = Settings.apis.recurly
+const recurlyApiKey = recurlySettings ? recurlySettings.apiKey : undefined
+
+const client = new recurly.Client(recurlyApiKey)
+
+/**
+ * Get account for a given user
+ *
+ * @param {string} userId
+ * @return {Promise<PaymentProviderAccount | null>}
+ */
+async function getAccountForUserId(userId) {
+  try {
+    const account = await client.getAccount(`code-${userId}`)
+    return accountFromApi(account)
+  } catch (err) {
+    if (err instanceof recurly.errors.NotFoundError) {
+      // An expected error, we don't need to handle it, just return nothing
+      logger.debug({ userId }, 'no recurly account found for user')
+      return null
+    } else {
+      throw err
+    }
+  }
+}
+
+async function createAccountForUserId(userId) {
+  const user = await UserGetter.promises.getUser(userId, {
+    _id: 1,
+    first_name: 1,
+    last_name: 1,
+    email: 1,
+  })
+  const accountCreate = {
+    code: user._id.toString(),
+    email: user.email,
+    firstName: user.first_name,
+    lastName: user.last_name,
+  }
+  const account = await client.createAccount(accountCreate)
+  logger.debug({ userId, account }, 'created recurly account')
+  return account
+}
+
+/**
+ * Get active coupons for a given user
+ *
+ * @param {string} userId
+ * @return {Promise<PaymentProviderCoupon[]>}
+ */
+async function getActiveCouponsForUserId(userId) {
+  try {
+    const redemptions = await client.listActiveCouponRedemptions(
+      `code-${userId}`
+    )
+
+    const coupons = []
+    for await (const redemption of redemptions.each()) {
+      coupons.push(couponFromApi(redemption))
+    }
+
+    return coupons
+  } catch (err) {
+    // An expected error if no coupons have been redeemed
+    if (err instanceof recurly.errors.NotFoundError) {
+      return []
+    } else {
+      throw err
+    }
+  }
+}
+
+/**
+ * Get a subscription from Recurly
+ *
+ * @param {string} subscriptionId
+ * @return {Promise<PaymentProviderSubscription>}
+ */
+async function getSubscription(subscriptionId) {
+  const subscription = await client.getSubscription(`uuid-${subscriptionId}`)
+  return subscriptionFromApi(subscription)
+}
+
+/**
+ * Get the subscription for a given user
+ *
+ * Returns null if the user doesn't have an account or a subscription. Throws an
+ * error if the user has more than one subscription.
+ *
+ * @param {string} userId
+ * @return {Promise<PaymentProviderSubscription | null>}
+ */
+async function getSubscriptionForUser(userId) {
+  try {
+    const subscriptions = client.listAccountSubscriptions(`code-${userId}`, {
+      params: { state: 'active', limit: 2 },
+    })
+
+    let result = null
+
+    // The async iterator returns a NotFoundError if the account doesn't exist.
+    for await (const subscription of subscriptions.each()) {
+      if (result != null) {
+        throw new OError('User has more than one Recurly subscription', {
+          userId,
+        })
+      }
+      result = subscription
+    }
+    if (result == null) {
+      return null
+    }
+    return subscriptionFromApi(result)
+  } catch (err) {
+    if (err instanceof recurly.errors.NotFoundError) {
+      return null
+    } else {
+      throw err
+    }
+  }
+}
+
+/**
+ * Request a susbcription change from Recurly
+ *
+ * @param {PaymentProviderSubscriptionChangeRequest} changeRequest
+ */
+async function applySubscriptionChangeRequest(changeRequest) {
+  const body = subscriptionChangeRequestToApi(changeRequest)
+
+  try {
+    const change = await client.createSubscriptionChange(
+      `uuid-${changeRequest.subscription.id}`,
+      body
+    )
+    logger.debug(
+      { subscriptionId: changeRequest.subscription.id, changeId: change.id },
+      'created subscription change'
+    )
+  } catch (err) {
+    if (err instanceof recurly.errors.ValidationError) {
+      /**
+       * @type {{params?: { param?: string }[] | null}}
+       */
+      const validationError = err
+      if (
+        validationError.params?.some(
+          p => p.param === 'subtotal_amount_in_cents'
+        )
+      ) {
+        throw new SubtotalLimitExceededError(
+          'Subtotal amount in cents exceeded error',
+          {
+            subscriptionId: changeRequest.subscription.id,
+          }
+        )
+      }
+    }
+    throw err
+  }
+}
+
+/**
+ * Preview a subscription change
+ *
+ * @param {PaymentProviderSubscriptionChangeRequest} changeRequest
+ * @return {Promise<PaymentProviderSubscriptionChange>}
+ */
+async function previewSubscriptionChange(changeRequest) {
+  const body = subscriptionChangeRequestToApi(changeRequest)
+
+  try {
+    const subscriptionChange = await client.previewSubscriptionChange(
+      `uuid-${changeRequest.subscription.id}`,
+      body
+    )
+
+    return subscriptionChangeFromApi(
+      changeRequest.subscription,
+      subscriptionChange
+    )
+  } catch (err) {
+    if (err instanceof recurly.errors.ValidationError) {
+      /**
+       * @type {{params?: { param?: string }[] | null}}
+       */
+      const validationError = err
+      if (
+        validationError.params?.some(
+          p => p.param === 'subtotal_amount_in_cents'
+        )
+      ) {
+        throw new SubtotalLimitExceededError(
+          'Subtotal amount in cents exceeded error',
+          {
+            subscriptionId: changeRequest.subscription.id,
+          }
+        )
+      }
+    }
+    throw err
+  }
+}
+
+async function removeSubscriptionChange(subscriptionId) {
+  const removed = await client.removeSubscriptionChange(subscriptionId)
+  logger.debug({ subscriptionId }, 'removed pending subscription change')
+  return removed
+}
+
+async function removeSubscriptionChangeByUuid(subscriptionUuid) {
+  return await removeSubscriptionChange('uuid-' + subscriptionUuid)
+}
+
+async function reactivateSubscriptionByUuid(subscriptionUuid) {
+  return await client.reactivateSubscription('uuid-' + subscriptionUuid)
+}
+
+async function cancelSubscriptionByUuid(subscriptionUuid) {
+  try {
+    return await client.cancelSubscription('uuid-' + subscriptionUuid)
+  } catch (err) {
+    if (err instanceof recurly.errors.ValidationError) {
+      if (
+        err.message === 'Only active and future subscriptions can be canceled.'
+      ) {
+        logger.debug(
+          { subscriptionUuid },
+          'subscription cancellation failed, subscription not active'
+        )
+      }
+    } else {
+      throw err
+    }
+  }
+}
+
+async function pauseSubscriptionByUuid(subscriptionUuid, pauseCycles) {
+  return await client.pauseSubscription('uuid-' + subscriptionUuid, {
+    remainingPauseCycles: pauseCycles,
+  })
+}
+
+async function resumeSubscriptionByUuid(subscriptionUuid) {
+  return await client.resumeSubscription('uuid-' + subscriptionUuid)
+}
+
+/**
+ * Get the payment method for the given user
+ *
+ * @param {string} userId
+ * @return {Promise<PaymentMethod>}
+ */
+async function getPaymentMethod(userId) {
+  let billingInfo
+
+  try {
+    billingInfo = await client.getBillingInfo(`code-${userId}`)
+  } catch (error) {
+    if (error instanceof recurly.errors.NotFoundError) {
+      throw new MissingBillingInfoError('This account has no billing info', {
+        userId,
+      })
+    }
+    throw error
+  }
+
+  return paymentMethodFromApi(billingInfo)
+}
+
+/**
+ * Get the configuration for a given add-on
+ *
+ * @param {string} planCode
+ * @param {string} addOnCode
+ * @return {Promise<PaymentProviderAddOn>}
+ */
+async function getAddOn(planCode, addOnCode) {
+  const addOn = await client.getPlanAddOn(
+    `code-${planCode}`,
+    `code-${addOnCode}`
+  )
+  return addOnFromApi(addOn)
+}
+
+/**
+ * Get the configuration for a given plan
+ *
+ * @param {string} planCode
+ * @return {Promise<PaymentProviderPlan>}
+ */
+async function getPlan(planCode) {
+  const plan = await client.getPlan(`code-${planCode}`)
+  return planFromApi(plan)
+}
+
+function subscriptionIsCanceledOrExpired(subscription) {
+  const state = subscription?.recurlyStatus?.state
+  return state === 'canceled' || state === 'expired'
+}
+
+/**
+ * Build a PaymentProviderAccount from Recurly API data
+ *
+ * @param {recurly.Account} apiAccount
+ * @return {PaymentProviderAccount}
+ */
+function accountFromApi(apiAccount) {
+  if (apiAccount.code == null || apiAccount.email == null) {
+    throw new OError('Invalid Recurly account', {
+      account: apiAccount,
+    })
+  }
+  return new PaymentProviderAccount({
+    code: apiAccount.code,
+    email: apiAccount.email,
+    hasPastDueInvoice: apiAccount.hasPastDueInvoice ?? false,
+  })
+}
+
+/**
+ * Build a PaymentProviderCoupon from Recurly API data
+ *
+ * @param {recurly.CouponRedemption} apiRedemption
+ * @return {PaymentProviderCoupon}
+ */
+function couponFromApi(apiRedemption) {
+  if (apiRedemption.coupon == null || apiRedemption.coupon.code == null) {
+    throw new OError('Invalid Recurly coupon', {
+      coupon: apiRedemption,
+    })
+  }
+  return new PaymentProviderCoupon({
+    code: apiRedemption.coupon.code,
+    name: apiRedemption.coupon.name ?? '',
+    description: apiRedemption.coupon.hostedPageDescription ?? '',
+  })
+}
+
+/**
+ * Build a PaymentProviderSubscription from Recurly API data
+ *
+ * @param {recurly.Subscription} apiSubscription
+ * @return {PaymentProviderSubscription}
+ */
+function subscriptionFromApi(apiSubscription) {
+  if (
+    apiSubscription.uuid == null ||
+    apiSubscription.plan == null ||
+    apiSubscription.plan.code == null ||
+    apiSubscription.plan.name == null ||
+    apiSubscription.account == null ||
+    apiSubscription.account.code == null ||
+    apiSubscription.unitAmount == null ||
+    apiSubscription.subtotal == null ||
+    apiSubscription.total == null ||
+    apiSubscription.currency == null ||
+    apiSubscription.currentPeriodStartedAt == null ||
+    apiSubscription.currentPeriodEndsAt == null ||
+    apiSubscription.collectionMethod == null
+  ) {
+    throw new OError('Invalid Recurly subscription', {
+      subscription: apiSubscription,
+    })
+  }
+
+  const subscription = new PaymentProviderSubscription({
+    id: apiSubscription.uuid,
+    userId: apiSubscription.account.code,
+    planCode: apiSubscription.plan.code,
+    planName: apiSubscription.plan.name,
+    planPrice: apiSubscription.unitAmount,
+    addOns: (apiSubscription.addOns ?? []).map(subscriptionAddOnFromApi),
+    subtotal: apiSubscription.subtotal,
+    taxRate: apiSubscription.taxInfo?.rate ?? 0,
+    taxAmount: apiSubscription.tax ?? 0,
+    total: apiSubscription.total,
+    currency: apiSubscription.currency,
+    periodStart: apiSubscription.currentPeriodStartedAt,
+    periodEnd: apiSubscription.currentPeriodEndsAt,
+    collectionMethod: apiSubscription.collectionMethod,
+    service: 'recurly',
+    state: apiSubscription.state ?? 'active',
+    trialPeriodEnd: apiSubscription.trialEndsAt,
+    pausePeriodStart: apiSubscription.pausedAt,
+    remainingPauseCycles: apiSubscription.remainingPauseCycles,
+  })
+
+  if (apiSubscription.pendingChange != null) {
+    subscription.pendingChange = subscriptionChangeFromApi(
+      subscription,
+      apiSubscription.pendingChange
+    )
+  }
+
+  return subscription
+}
+
+/**
+ * Build a PaymentProviderSubscriptionAddOn from Recurly API data
+ *
+ * @param {recurly.SubscriptionAddOn} addOn
+ * @return {PaymentProviderSubscriptionAddOn}
+ */
+function subscriptionAddOnFromApi(addOn) {
+  if (
+    addOn.addOn == null ||
+    addOn.addOn.code == null ||
+    addOn.addOn.name == null ||
+    addOn.unitAmount == null
+  ) {
+    throw new OError('Invalid Recurly add-on', { addOn })
+  }
+
+  return new PaymentProviderSubscriptionAddOn({
+    code: addOn.addOn.code,
+    name: addOn.addOn.name,
+    quantity: addOn.quantity ?? 1,
+    unitPrice: addOn.unitAmount,
+  })
+}
+
+/**
+ * Build a PaymentProviderSubscriptionChange from Recurly API data
+ *
+ * @param {PaymentProviderSubscription} subscription - the current subscription
+ * @param {recurly.SubscriptionChange} subscriptionChange - the subscription change returned from the API
+ * @return {PaymentProviderSubscriptionChange}
+ */
+function subscriptionChangeFromApi(subscription, subscriptionChange) {
+  if (
+    subscriptionChange.plan == null ||
+    subscriptionChange.plan.code == null ||
+    subscriptionChange.plan.name == null ||
+    subscriptionChange.unitAmount == null
+  ) {
+    throw new OError('Invalid Recurly subscription change', {
+      subscriptionChange,
+    })
+  }
+  const nextAddOns = (subscriptionChange.addOns ?? []).map(
+    subscriptionAddOnFromApi
+  )
+
+  return new PaymentProviderSubscriptionChange({
+    subscription,
+    nextPlanCode: subscriptionChange.plan.code,
+    nextPlanName: subscriptionChange.plan.name,
+    nextPlanPrice: subscriptionChange.unitAmount,
+    nextAddOns,
+    immediateCharge: computeImmediateCharge(subscriptionChange),
+  })
+}
+
+/**
+ * Compute immediate charge based on invoice collection
+ *
+ * @param {recurly.SubscriptionChange} subscriptionChange - the subscription change returned from the API
+ * @return {PaymentProviderImmediateCharge}
+ */
+function computeImmediateCharge(subscriptionChange) {
+  const roundToTwoDecimal = (/** @type {number} */ num) =>
+    Math.round(num * 100) / 100
+  let subtotal =
+    subscriptionChange.invoiceCollection?.chargeInvoice?.subtotal ?? 0
+  let tax = subscriptionChange.invoiceCollection?.chargeInvoice?.tax ?? 0
+  let total = subscriptionChange.invoiceCollection?.chargeInvoice?.total ?? 0
+  let discount =
+    subscriptionChange.invoiceCollection?.chargeInvoice?.discount ?? 0
+  for (const creditInvoice of subscriptionChange.invoiceCollection
+    ?.creditInvoices ?? []) {
+    // The credit invoice numbers are already negative
+    subtotal = roundToTwoDecimal(subtotal + (creditInvoice.subtotal ?? 0))
+    total = roundToTwoDecimal(total + (creditInvoice.total ?? 0))
+    // Tax rate can be different in credit invoice if a user relocates
+    tax = roundToTwoDecimal(tax + (creditInvoice.tax ?? 0))
+    discount = roundToTwoDecimal(discount + (creditInvoice.discount ?? 0))
+  }
+  return new PaymentProviderImmediateCharge({
+    subtotal,
+    total,
+    tax,
+    discount,
+  })
+}
+
+/**
+ * Returns a payment method from Recurly API data
+ *
+ * @param {recurly.BillingInfo} billingInfo
+ * @return {PaymentMethod}
+ */
+function paymentMethodFromApi(billingInfo) {
+  if (billingInfo.paymentMethod == null) {
+    throw new OError('Invalid Recurly billing info', { billingInfo })
+  }
+  const paymentMethod = billingInfo.paymentMethod
+
+  if (paymentMethod.billingAgreementId != null) {
+    return new PaypalPaymentMethod()
+  }
+
+  if (paymentMethod.cardType == null || paymentMethod.lastFour == null) {
+    throw new OError('Invalid Recurly billing info', { billingInfo })
+  }
+  return new CreditCardPaymentMethod({
+    cardType: paymentMethod.cardType,
+    lastFour: paymentMethod.lastFour,
+  })
+}
+
+/**
+ * Build a PaymentProviderAddOn from Recurly API data
+ *
+ * @param {recurly.AddOn} addOn
+ * @return {PaymentProviderAddOn}
+ */
+function addOnFromApi(addOn) {
+  if (addOn.code == null || addOn.name == null) {
+    throw new OError('Invalid Recurly add-on', { addOn })
+  }
+  return new PaymentProviderAddOn({
+    code: addOn.code,
+    name: addOn.name,
+  })
+}
+
+/**
+ * Build a PaymentProviderPlan from Recurly API data
+ *
+ * @param {recurly.Plan} plan
+ * @return {PaymentProviderPlan}
+ */
+function planFromApi(plan) {
+  if (plan.code == null || plan.name == null) {
+    throw new OError('Invalid Recurly add-on', { plan })
+  }
+  return new PaymentProviderPlan({
+    code: plan.code,
+    name: plan.name,
+  })
+}
+
+/**
+ * Build an API request from a PaymentProviderSubscriptionChangeRequest
+ *
+ * @param {PaymentProviderSubscriptionChangeRequest} changeRequest
+ * @return {recurly.SubscriptionChangeCreate}
+ */
+function subscriptionChangeRequestToApi(changeRequest) {
+  /** @type {recurly.SubscriptionChangeCreate} */
+  const requestBody = {
+    timeframe: changeRequest.timeframe,
+  }
+  if (changeRequest.planCode != null) {
+    requestBody.planCode = changeRequest.planCode
+  }
+  if (changeRequest.addOnUpdates != null) {
+    requestBody.addOns = changeRequest.addOnUpdates.map(addOnUpdate => {
+      /** @type {recurly.SubscriptionAddOnUpdate} */
+      const update = { code: addOnUpdate.code }
+      if (addOnUpdate.quantity != null) {
+        update.quantity = addOnUpdate.quantity
+      }
+      if (addOnUpdate.unitPrice != null) {
+        update.unitAmount = addOnUpdate.unitPrice
+      }
+      return update
+    })
+  }
+  return requestBody
+}
+
+module.exports = {
+  errors: recurly.errors,
+
+  getAccountForUserId: callbackify(getAccountForUserId),
+  createAccountForUserId: callbackify(createAccountForUserId),
+  getActiveCouponsForUserId: callbackify(getActiveCouponsForUserId),
+  getSubscription: callbackify(getSubscription),
+  getSubscriptionForUser: callbackify(getSubscriptionForUser),
+  previewSubscriptionChange: callbackify(previewSubscriptionChange),
+  applySubscriptionChangeRequest: callbackify(applySubscriptionChangeRequest),
+  removeSubscriptionChange: callbackify(removeSubscriptionChange),
+  removeSubscriptionChangeByUuid: callbackify(removeSubscriptionChangeByUuid),
+  reactivateSubscriptionByUuid: callbackify(reactivateSubscriptionByUuid),
+  cancelSubscriptionByUuid: callbackify(cancelSubscriptionByUuid),
+  getPaymentMethod: callbackify(getPaymentMethod),
+  getAddOn: callbackify(getAddOn),
+  getPlan: callbackify(getPlan),
+  subscriptionIsCanceledOrExpired,
+  pauseSubscriptionByUuid: callbackify(pauseSubscriptionByUuid),
+  resumeSubscriptionByUuid: callbackify(resumeSubscriptionByUuid),
+
+  promises: {
+    getSubscription,
+    getSubscriptionForUser,
+    getAccountForUserId,
+    createAccountForUserId,
+    getActiveCouponsForUserId,
+    previewSubscriptionChange,
+    applySubscriptionChangeRequest,
+    removeSubscriptionChange,
+    removeSubscriptionChangeByUuid,
+    reactivateSubscriptionByUuid,
+    cancelSubscriptionByUuid,
+    pauseSubscriptionByUuid,
+    resumeSubscriptionByUuid,
+    getPaymentMethod,
+    getAddOn,
+    getPlan,
+  },
+}
diff --git a/services/web/app/src/Features/Subscription/RecurlyEventHandler.js b/services/web/app/src/Features/Subscription/RecurlyEventHandler.js
new file mode 100644
index 0000000..d97d57e
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/RecurlyEventHandler.js
@@ -0,0 +1,365 @@
+const SplitTestHandler = require('../SplitTests/SplitTestHandler')
+const AnalyticsManager = require('../Analytics/AnalyticsManager')
+const SubscriptionEmailHandler = require('./SubscriptionEmailHandler')
+const { AI_ADD_ON_CODE } = require('./PaymentProviderEntities')
+const { ObjectId } = require('mongodb-legacy')
+
+const INVOICE_SUBSCRIPTION_LIMIT = 10
+
+async function sendRecurlyAnalyticsEvent(event, eventData) {
+  const userId = _getUserId(eventData)
+  if (!ObjectId.isValid(userId)) {
+    return
+  }
+
+  switch (event) {
+    case 'new_subscription_notification':
+      await _sendSubscriptionStartedEvent(userId, eventData)
+      break
+    case 'updated_subscription_notification':
+      await _sendSubscriptionUpdatedEvent(userId, eventData)
+      break
+    case 'canceled_subscription_notification':
+      await _sendSubscriptionCancelledEvent(userId, eventData)
+      break
+    case 'expired_subscription_notification':
+      await _sendSubscriptionExpiredEvent(userId, eventData)
+      break
+    case 'renewed_subscription_notification':
+      await _sendSubscriptionRenewedEvent(userId, eventData)
+      break
+    case 'reactivated_account_notification':
+      await _sendSubscriptionReactivatedEvent(userId, eventData)
+      break
+    case 'subscription_paused_notification':
+      await _sendSubscriptionPausedEvent(userId, eventData)
+      break
+    case 'subscription_resumed_notification':
+      // 'resumed' here means resumed from pause
+      await _sendSubscriptionResumedEvent(userId, eventData)
+      break
+    case 'paid_charge_invoice_notification':
+      if (
+        eventData.invoice.state === 'paid' &&
+        eventData.invoice.total_in_cents > 0
+      ) {
+        await _sendInvoicePaidEvent(userId, eventData)
+      }
+      break
+    case 'closed_invoice_notification':
+      if (
+        eventData.invoice.state === 'collected' &&
+        eventData.invoice.total_in_cents > 0
+      ) {
+        await _sendInvoicePaidEvent(userId, eventData)
+      }
+      break
+  }
+}
+
+async function _sendSubscriptionResumedEvent(userId, eventData) {
+  const { planCode, state, subscriptionId } = _getSubscriptionData(eventData)
+
+  AnalyticsManager.recordEventForUserInBackground(
+    userId,
+    'subscription-resumed',
+    {
+      plan_code: planCode,
+      subscriptionId,
+    }
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-state',
+    state
+  )
+}
+
+async function _sendSubscriptionPausedEvent(userId, eventData) {
+  const { planCode, state, subscriptionId } = _getSubscriptionData(eventData)
+
+  const pauseLength = eventData.subscription.remaining_pause_cycles
+
+  AnalyticsManager.recordEventForUserInBackground(
+    userId,
+    'subscription-paused',
+    {
+      pause_length: pauseLength,
+      plan_code: planCode,
+      subscriptionId,
+    }
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-state',
+    state
+  )
+}
+
+async function _sendSubscriptionStartedEvent(userId, eventData) {
+  const { planCode, quantity, state, isTrial, hasAiAddOn, subscriptionId } =
+    _getSubscriptionData(eventData)
+  AnalyticsManager.recordEventForUserInBackground(
+    userId,
+    'subscription-started',
+    {
+      plan_code: planCode,
+      quantity,
+      is_trial: isTrial,
+      has_ai_add_on: hasAiAddOn,
+      subscriptionId,
+    }
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-plan-code',
+    planCode
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-state',
+    state
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-is-trial',
+    isTrial
+  )
+
+  if (isTrial) {
+    await SubscriptionEmailHandler.sendTrialOnboardingEmail(userId, planCode)
+    const cioAssignment = await SplitTestHandler.promises.getAssignmentForUser(
+      userId,
+      'customer-io-trial-conversion'
+    )
+    if (cioAssignment.variant === 'enabled') {
+      AnalyticsManager.setUserPropertyForUserInBackground(
+        userId,
+        'customer-io-integration',
+        true
+      )
+    }
+  }
+}
+
+async function _sendSubscriptionUpdatedEvent(userId, eventData) {
+  const { planCode, quantity, state, isTrial, hasAiAddOn, subscriptionId } =
+    _getSubscriptionData(eventData)
+  AnalyticsManager.recordEventForUserInBackground(
+    userId,
+    'subscription-updated',
+    {
+      plan_code: planCode,
+      quantity,
+      is_trial: isTrial,
+      has_ai_add_on: hasAiAddOn,
+      subscriptionId,
+    }
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-plan-code',
+    planCode
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-state',
+    state
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-is-trial',
+    isTrial
+  )
+}
+
+async function _sendSubscriptionCancelledEvent(userId, eventData) {
+  const { planCode, quantity, state, isTrial, hasAiAddOn, subscriptionId } =
+    _getSubscriptionData(eventData)
+  AnalyticsManager.recordEventForUserInBackground(
+    userId,
+    'subscription-cancelled',
+    {
+      plan_code: planCode,
+      quantity,
+      is_trial: isTrial,
+      has_ai_add_on: hasAiAddOn,
+      subscriptionId,
+    }
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-state',
+    state
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-is-trial',
+    isTrial
+  )
+}
+
+async function _sendSubscriptionExpiredEvent(userId, eventData) {
+  const { planCode, quantity, state, isTrial, hasAiAddOn, subscriptionId } =
+    _getSubscriptionData(eventData)
+  AnalyticsManager.recordEventForUserInBackground(
+    userId,
+    'subscription-expired',
+    {
+      plan_code: planCode,
+      quantity,
+      is_trial: isTrial,
+      has_ai_add_on: hasAiAddOn,
+      subscriptionId,
+    }
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-plan-code',
+    planCode
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-state',
+    state
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-is-trial',
+    isTrial
+  )
+}
+
+async function _sendSubscriptionRenewedEvent(userId, eventData) {
+  const { planCode, quantity, state, isTrial, hasAiAddOn, subscriptionId } =
+    _getSubscriptionData(eventData)
+  AnalyticsManager.recordEventForUserInBackground(
+    userId,
+    'subscription-renewed',
+    {
+      plan_code: planCode,
+      quantity,
+      is_trial: isTrial,
+      has_ai_add_on: hasAiAddOn,
+      subscriptionId,
+    }
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-plan-code',
+    planCode
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-state',
+    state
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-is-trial',
+    isTrial
+  )
+}
+
+async function _sendSubscriptionReactivatedEvent(userId, eventData) {
+  const { planCode, quantity, state, isTrial, hasAiAddOn, subscriptionId } =
+    _getSubscriptionData(eventData)
+  AnalyticsManager.recordEventForUserInBackground(
+    userId,
+    'subscription-reactivated',
+    {
+      plan_code: planCode,
+      quantity,
+      has_ai_add_on: hasAiAddOn,
+      subscriptionId,
+    }
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-plan-code',
+    planCode
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-state',
+    state
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-is-trial',
+    isTrial
+  )
+}
+
+async function _sendInvoicePaidEvent(userId, eventData) {
+  const invoice = eventData.invoice
+  if (!invoice) {
+    return
+  }
+  const invoiceNumber = invoice.invoice_number
+  const currency = invoice.currency
+  const totalInCents = invoice.total_in_cents
+  const taxInCents = invoice.tax_in_cents
+  const country = invoice.address?.country
+  const collectionMethod = invoice.collection_method
+  const subscriptionIds = {}
+  invoice.subscription_ids?.forEach((e, idx) => {
+    if (idx < INVOICE_SUBSCRIPTION_LIMIT) {
+      subscriptionIds[`subscriptionId${idx + 1}`] = e
+    }
+  })
+  AnalyticsManager.recordEventForUserInBackground(
+    userId,
+    'subscription-invoice-collected',
+    {
+      invoiceNumber,
+      currency,
+      totalInCents,
+      taxInCents,
+      country,
+      collectionMethod,
+      ...subscriptionIds,
+    }
+  )
+  AnalyticsManager.setUserPropertyForUserInBackground(
+    userId,
+    'subscription-is-trial',
+    false
+  )
+}
+
+function _getUserId(eventData) {
+  let userId
+  if (eventData && eventData.account && eventData.account.account_code) {
+    userId = eventData.account.account_code
+  } else {
+    throw new Error(
+      'account.account_code missing in event data to identity user ID'
+    )
+  }
+  return userId
+}
+
+function _getSubscriptionData(eventData) {
+  const isTrial =
+    eventData.subscription.trial_started_at &&
+    eventData.subscription.current_period_started_at &&
+    eventData.subscription.trial_started_at.getTime() ===
+      eventData.subscription.current_period_started_at.getTime()
+  const hasAiAddOn =
+    eventData.subscription.subscription_add_ons?.some(
+      addOn => addOn.add_on_code === AI_ADD_ON_CODE
+    ) ?? false
+  return {
+    planCode: eventData.subscription.plan.plan_code,
+    quantity: eventData.subscription.quantity,
+    state: eventData.subscription.state,
+    subscriptionId: eventData.subscription.uuid,
+    isTrial,
+    hasAiAddOn,
+  }
+}
+
+module.exports = {
+  sendRecurlyAnalyticsEvent,
+}
diff --git a/services/web/app/src/Features/Subscription/RecurlyWrapper.js b/services/web/app/src/Features/Subscription/RecurlyWrapper.js
new file mode 100644
index 0000000..2227597
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/RecurlyWrapper.js
@@ -0,0 +1,968 @@
+const OError = require('@overleaf/o-error')
+const {
+  fetchStringWithResponse,
+  RequestFailedError,
+} = require('@overleaf/fetch-utils')
+const Settings = require('@overleaf/settings')
+const xml2js = require('xml2js')
+const logger = require('@overleaf/logger')
+const Errors = require('../Errors/Errors')
+const SubscriptionErrors = require('./Errors')
+const { callbackify } = require('@overleaf/promise-utils')
+
+/**
+ * @param accountId
+ * @param newEmail
+ */
+async function updateAccountEmailAddress(accountId, newEmail) {
+  const data = {
+    email: newEmail,
+  }
+  let requestBody
+  try {
+    requestBody = RecurlyWrapper._buildXml('account', data)
+  } catch (error) {
+    throw OError.tag(error, 'error building xml', { accountId, newEmail })
+  }
+
+  const { body } = await RecurlyWrapper.promises.apiRequest({
+    url: `accounts/${accountId}`,
+    method: 'PUT',
+    body: requestBody,
+  })
+  return await RecurlyWrapper.promises._parseAccountXml(body)
+}
+
+const promises = {
+  _paypal: {
+    async checkAccountExists(cache) {
+      const { user } = cache
+      logger.debug(
+        { userId: user._id },
+        'checking if recurly account exists for user'
+      )
+      let response, body
+      try {
+        ;({ response, body } = await RecurlyWrapper.promises.apiRequest({
+          url: `accounts/${user._id}`,
+          method: 'GET',
+          expect404: true,
+        }))
+      } catch (error) {
+        OError.tag(
+          error,
+          'error response from recurly while checking account',
+          {
+            user_id: user._id,
+          }
+        )
+        throw error
+      }
+      if (response.status === 404) {
+        // actually not an error in this case, just no existing account
+        logger.debug(
+          { userId: user._id },
+          'user does not currently exist in recurly, proceed'
+        )
+        cache.userExists = false
+        return cache
+      }
+      logger.debug({ userId: user._id }, 'user appears to exist in recurly')
+      try {
+        const account = await RecurlyWrapper.promises._parseAccountXml(body)
+        cache.userExists = true
+        cache.account = account
+        return cache
+      } catch (err) {
+        OError.tag(err, 'error parsing account', {
+          user_id: user._id,
+        })
+        throw err
+      }
+    },
+    async createAccount(cache) {
+      const { user } = cache
+      const { subscriptionDetails } = cache
+      if (cache.userExists) {
+        return cache
+      }
+
+      const address = getAddressFromSubscriptionDetails(
+        subscriptionDetails,
+        false
+      )
+
+      const data = {
+        account_code: user._id,
+        email: user.email,
+        first_name: user.first_name,
+        last_name: user.last_name,
+        address,
+      }
+      let requestBody
+      try {
+        requestBody = RecurlyWrapper._buildXml('account', data)
+      } catch (error) {
+        throw OError.tag(error, 'error building xml', { user_id: user._id })
+      }
+
+      let body
+      try {
+        ;({ body } = await RecurlyWrapper.promises.apiRequest({
+          url: 'accounts',
+          method: 'POST',
+          body: requestBody,
+        }))
+      } catch (error) {
+        OError.tag(
+          error,
+          'error response from recurly while creating account',
+          { user_id: user._id }
+        )
+        throw error
+      }
+      try {
+        cache.account = await RecurlyWrapper.promises._parseAccountXml(body)
+        return cache
+      } catch (err) {
+        OError.tag(err, 'error creating account', {
+          user_id: user._id,
+        })
+        throw err
+      }
+    },
+    async createBillingInfo(cache) {
+      const { user } = cache
+      const { recurlyTokenIds } = cache
+      logger.debug({ userId: user._id }, 'creating billing info in recurly')
+      const accountCode = cache?.account?.account_code
+      if (!accountCode) {
+        throw new Error('no account code at createBillingInfo stage')
+      }
+      const data = { token_id: recurlyTokenIds.billing }
+      let requestBody
+      try {
+        requestBody = RecurlyWrapper._buildXml('billing_info', data)
+      } catch (error) {
+        throw OError.tag(error, 'error building xml', { user_id: user._id })
+      }
+      let body
+      try {
+        ;({ body } = await RecurlyWrapper.promises.apiRequest({
+          url: `accounts/${accountCode}/billing_info`,
+          method: 'POST',
+          body: requestBody,
+        }))
+      } catch (error) {
+        OError.tag(
+          error,
+          'error response from recurly while creating billing info',
+          { user_id: user._id }
+        )
+        throw error
+      }
+      try {
+        cache.billingInfo =
+          await RecurlyWrapper.promises._parseBillingInfoXml(body)
+        return cache
+      } catch (err) {
+        OError.tag(err, 'error creating billing info', {
+          user_id: user._id,
+          accountCode,
+        })
+        throw err
+      }
+    },
+
+    async setAddressAndCompanyBillingInfo(cache) {
+      const { user } = cache
+      const { subscriptionDetails } = cache
+      logger.debug(
+        { userId: user._id },
+        'setting billing address and company info in recurly'
+      )
+      const accountCode = cache?.account?.account_code
+      if (!accountCode) {
+        throw new Error(
+          'no account code at setAddressAndCompanyBillingInfo stage'
+        )
+      }
+
+      const addressAndCompanyBillingInfo = getAddressFromSubscriptionDetails(
+        subscriptionDetails,
+        true
+      )
+
+      let requestBody
+      try {
+        requestBody = RecurlyWrapper._buildXml(
+          'billing_info',
+          addressAndCompanyBillingInfo
+        )
+      } catch (error) {
+        throw OError.tag(error, 'error building xml', { user_id: user._id })
+      }
+
+      let body
+      try {
+        ;({ body } = await RecurlyWrapper.promises.apiRequest({
+          url: `accounts/${accountCode}/billing_info`,
+          method: 'PUT',
+          body: requestBody,
+        }))
+      } catch (error) {
+        OError.tag(error, 'error response from recurly while setting address', {
+          user_id: user._id,
+        })
+        throw error
+      }
+      try {
+        cache.billingInfo =
+          await RecurlyWrapper.promises._parseBillingInfoXml(body)
+        return cache
+      } catch (err) {
+        if (err) {
+          OError.tag(err, 'error updating billing info', {
+            user_id: user._id,
+          })
+          throw err
+        }
+      }
+    },
+    async createSubscription(cache) {
+      const { user } = cache
+      const { subscriptionDetails } = cache
+      logger.debug({ userId: user._id }, 'creating subscription in recurly')
+      const data = {
+        plan_code: subscriptionDetails.plan_code,
+        currency: subscriptionDetails.currencyCode,
+        coupon_code: subscriptionDetails.coupon_code,
+        account: {
+          account_code: user._id,
+        },
+      }
+      if (subscriptionDetails.subscription_add_ons) {
+        data.subscription_add_ons = subscriptionDetails.subscription_add_ons
+      }
+      const customFields =
+        getCustomFieldsFromSubscriptionDetails(subscriptionDetails)
+      if (customFields) {
+        data.custom_fields = customFields
+      }
+      let requestBody
+      try {
+        requestBody = RecurlyWrapper._buildXml('subscription', data)
+      } catch (error) {
+        throw OError.tag(error, 'error building xml', { user_id: user._id })
+      }
+
+      let body
+      try {
+        ;({ body } = await RecurlyWrapper.promises.apiRequest({
+          url: 'subscriptions',
+          method: 'POST',
+          body: requestBody,
+        }))
+      } catch (error) {
+        OError.tag(
+          error,
+          'error response from recurly while creating subscription',
+          { user_id: user._id }
+        )
+        throw error
+      }
+      try {
+        cache.subscription =
+          await RecurlyWrapper.promises._parseSubscriptionXml(body)
+        return cache
+      } catch (err) {
+        OError.tag(err, 'error creating subscription', {
+          user_id: user._id,
+        })
+        throw err
+      }
+    },
+  },
+
+  async _createPaypalSubscription(user, subscriptionDetails, recurlyTokenIds) {
+    logger.debug(
+      { userId: user._id },
+      'starting process of creating paypal subscription'
+    )
+    // We use waterfall through each of these actions in sequence
+    // passing a `cache` object along the way. The cache is initialized
+    // with required data, and `async.apply` to pass the cache to the first function
+    const cache = { user, recurlyTokenIds, subscriptionDetails }
+    let result
+    try {
+      result = await RecurlyWrapper.promises._paypal.checkAccountExists(cache)
+      result = await RecurlyWrapper.promises._paypal.createAccount(result)
+      result = await RecurlyWrapper.promises._paypal.createBillingInfo(result)
+      result =
+        await RecurlyWrapper.promises._paypal.setAddressAndCompanyBillingInfo(
+          result
+        )
+      result = await RecurlyWrapper.promises._paypal.createSubscription(result)
+    } catch (err) {
+      OError.tag(err, 'error in paypal subscription creation process', {
+        user_id: user._id,
+      })
+      throw err
+    }
+    if (!result.subscription) {
+      const err = new Error('no subscription object in result')
+      OError.tag(err, 'error in paypal subscription creation process', {
+        user_id: user._id,
+      })
+      throw err
+    }
+    logger.debug(
+      { userId: user._id },
+      'done creating paypal subscription for user'
+    )
+    return result.subscription
+  },
+
+  async _createCreditCardSubscription(
+    user,
+    subscriptionDetails,
+    recurlyTokenIds
+  ) {
+    const data = {
+      plan_code: subscriptionDetails.plan_code,
+      currency: subscriptionDetails.currencyCode,
+      coupon_code: subscriptionDetails.coupon_code,
+      account: {
+        account_code: user._id,
+        email: user.email,
+        first_name: subscriptionDetails.first_name || user.first_name,
+        last_name: subscriptionDetails.last_name || user.last_name,
+        billing_info: {
+          token_id: recurlyTokenIds.billing,
+        },
+      },
+    }
+    if (recurlyTokenIds.threeDSecureActionResult) {
+      data.account.billing_info.three_d_secure_action_result_token_id =
+        recurlyTokenIds.threeDSecureActionResult
+    }
+    if (subscriptionDetails.subscription_add_ons) {
+      data.subscription_add_ons = subscriptionDetails.subscription_add_ons
+    }
+
+    const customFields =
+      getCustomFieldsFromSubscriptionDetails(subscriptionDetails)
+    if (customFields) {
+      data.custom_fields = customFields
+    }
+    let requestBody
+    try {
+      requestBody = RecurlyWrapper._buildXml('subscription', data)
+    } catch (error) {
+      throw OError.tag(error, 'error building xml', { user_id: user._id })
+    }
+
+    const { response, body } = await RecurlyWrapper.promises.apiRequest({
+      url: 'subscriptions',
+      method: 'POST',
+      body: requestBody,
+      expect422: true,
+    })
+
+    if (response.status === 422) {
+      return await RecurlyWrapper.promises._handle422Response(body)
+    } else {
+      return await RecurlyWrapper.promises._parseSubscriptionXml(body)
+    }
+  },
+
+  async createSubscription(user, subscriptionDetails, recurlyTokenIds) {
+    const { isPaypal } = subscriptionDetails
+    logger.debug(
+      { userId: user._id, isPaypal },
+      'setting up subscription in recurly'
+    )
+    const fn = isPaypal
+      ? RecurlyWrapper.promises._createPaypalSubscription
+      : RecurlyWrapper.promises._createCreditCardSubscription
+    return fn(user, subscriptionDetails, recurlyTokenIds)
+  },
+
+  /**
+   * @param options - the options to pass to the request library
+   * @returns {Promise<{ response: unknown, body: string}>}
+   */
+  async apiRequest({ expect404, expect422, url, qs, ...fetchOptions }) {
+    const fetchUrl = new URL(RecurlyWrapper.apiUrl)
+    fetchUrl.pathname =
+      fetchUrl.pathname !== '/' ? `${fetchUrl.pathname}/${url}` : url
+
+    if (qs) {
+      for (const [key, value] of Object.entries(qs)) {
+        fetchUrl.searchParams.set(key, value)
+      }
+    }
+    fetchOptions.headers = {
+      Authorization: `Basic ${Buffer.from(
+        Settings.apis.recurly.apiKey
+      ).toString('base64')}`,
+      Accept: 'application/xml',
+      'Content-Type': 'application/xml; charset=utf-8',
+      'X-Api-Version': Settings.apis.recurly.apiVersion,
+    }
+
+    try {
+      return await fetchStringWithResponse(fetchUrl, fetchOptions)
+    } catch (error) {
+      if (error instanceof RequestFailedError) {
+        if (error.response.status === 404 && expect404) {
+          return { response: error.response, body: null }
+        } else if (error.response.status === 422 && expect422) {
+          return { response: error.response, body: error.body }
+        }
+
+        if (fetchOptions.headers.Authorization) {
+          fetchOptions.headers.Authorization = 'REDACTED'
+        }
+        logger.warn(
+          {
+            err: error,
+            body: error.body,
+            options: fetchOptions,
+            url: fetchUrl.href,
+            statusCode: error.response?.status,
+          },
+          'error returned from recurly'
+        )
+        throw new OError(
+          `Recurly API returned with status code: ${error.response.status}`,
+          { statusCode: error.response.status }
+        )
+      } else {
+        throw error
+      }
+    }
+  },
+
+  async getSubscriptions(accountId) {
+    const { body } = await RecurlyWrapper.promises.apiRequest({
+      url: `accounts/${accountId}/subscriptions`,
+    })
+    return await RecurlyWrapper.promises._parseXml(body)
+  },
+
+  async getSubscription(subscriptionId, options) {
+    let url
+    if (!options) {
+      options = {}
+    }
+
+    if (options.recurlyJsResult) {
+      url = `recurly_js/result/${subscriptionId}`
+    } else {
+      url = `subscriptions/${subscriptionId}`
+    }
+
+    const { body } = await RecurlyWrapper.promises.apiRequest({
+      url,
+    })
+
+    const recurlySubscription =
+      await RecurlyWrapper.promises._parseSubscriptionXml(body)
+
+    if (options.includeAccount) {
+      let accountId
+      if (recurlySubscription.account && recurlySubscription.account.url) {
+        accountId = recurlySubscription.account.url.match(/accounts\/(.*)/)[1]
+      } else {
+        throw new Error("I don't understand the response from Recurly")
+      }
+
+      recurlySubscription.account =
+        await RecurlyWrapper.promises.getAccount(accountId)
+
+      return recurlySubscription
+    } else {
+      return recurlySubscription
+    }
+  },
+
+  /**
+   * @typedef {{getNextPage: () => Promise<PageData>, items: any[]}} PageData
+   */
+
+  async getPaginatedEndpoint(resource, queryParams) {
+    let allItems = []
+    let items
+
+    /** @type {() => Promise<PageData>} */
+    let getNextPage = promises.getPaginatedEndpointIterator(
+      resource,
+      queryParams
+    )
+    while (getNextPage) {
+      ;({ items, getNextPage } = await getNextPage())
+      allItems = allItems.concat(items)
+      logger.debug(`total now ${allItems.length}`)
+    }
+    return allItems
+  },
+
+  /**
+   * @returns {() => Promise<PageData>}
+   */
+  getPaginatedEndpointIterator(resource, queryParams) {
+    queryParams.per_page = queryParams.per_page || 200
+    const getPage = async (cursor = null) => {
+      const opts = {
+        url: resource,
+        qs: queryParams,
+      }
+      if (cursor) {
+        opts.qs.cursor = cursor
+      }
+      const { response, body } = await RecurlyWrapper.promises.apiRequest(opts)
+
+      const data = await RecurlyWrapper.promises._parseXml(body)
+
+      const items = data[resource]
+      logger.debug(`got ${items.length} items in this page`)
+      const match = response.headers.link?.match(/cursor=([0-9.]+%3A[0-9.]+)&/)
+      const nextCursor = match && match[1]
+      return {
+        items,
+        getNextPage:
+          nextCursor && (() => getPage(decodeURIComponent(nextCursor))),
+      }
+    }
+    return getPage
+  },
+
+  async getAccount(accountId) {
+    const { body } = await RecurlyWrapper.promises.apiRequest({
+      url: `accounts/${accountId}`,
+    })
+    return await RecurlyWrapper.promises._parseAccountXml(body)
+  },
+
+  updateAccountEmailAddress,
+
+  async getCoupon(couponCode) {
+    const opts = { url: `coupons/${couponCode}` }
+    const { body } = await RecurlyWrapper.promises.apiRequest(opts)
+    return await RecurlyWrapper.promises._parseCouponXml(body)
+  },
+
+  async getBillingInfo(accountId) {
+    const { body } = await RecurlyWrapper.promises.apiRequest({
+      url: `accounts/${accountId}/billing_info`,
+    })
+    return await RecurlyWrapper.promises._parseXml(body)
+  },
+
+  async getAccountPastDueInvoices(accountId) {
+    const { body } = await RecurlyWrapper.promises.apiRequest({
+      url: `accounts/${accountId}/invoices`,
+      qs: { state: 'past_due' },
+    })
+    return await RecurlyWrapper.promises._parseInvoicesXml(body)
+  },
+
+  async attemptInvoiceCollection(invoiceId) {
+    return await RecurlyWrapper.promises.apiRequest({
+      url: `invoices/${invoiceId}/collect`,
+      method: 'PUT',
+    })
+  },
+
+  async updateSubscription(subscriptionId, options) {
+    logger.debug(
+      { subscriptionId, options },
+      'telling recurly to update subscription'
+    )
+    const data = {
+      plan_code: options.plan_code,
+      timeframe: options.timeframe,
+    }
+    let requestBody
+    try {
+      requestBody = RecurlyWrapper._buildXml('subscription', data)
+    } catch (error) {
+      throw OError.tag(error, 'error building xml', { subscriptionId })
+    }
+
+    const { body } = await RecurlyWrapper.promises.apiRequest({
+      url: `subscriptions/${subscriptionId}`,
+      method: 'PUT',
+      body: requestBody,
+    })
+    return await RecurlyWrapper.promises._parseSubscriptionXml(body)
+  },
+
+  async createFixedAmountCoupon(
+    couponCode,
+    name,
+    currencyCode,
+    discountInCents,
+    planCode
+  ) {
+    const data = {
+      coupon_code: couponCode,
+      name,
+      discount_type: 'dollars',
+      discount_in_cents: {},
+      plan_codes: {
+        plan_code: planCode,
+      },
+      applies_to_all_plans: false,
+    }
+    data.discount_in_cents[currencyCode] = discountInCents
+    let requestBody
+    try {
+      requestBody = RecurlyWrapper._buildXml('coupon', data)
+    } catch (error) {
+      throw OError.tag(error, 'error building xml', {
+        couponCode,
+        name,
+      })
+    }
+
+    logger.debug({ couponCode, requestBody }, 'creating coupon')
+    try {
+      await RecurlyWrapper.promises.apiRequest({
+        url: 'coupons',
+        method: 'POST',
+        body: requestBody,
+      })
+    } catch (error) {
+      logger.warn({ err: error, couponCode }, 'error creating coupon')
+      throw error
+    }
+  },
+
+  async lookupCoupon(couponCode) {
+    const { body } = await RecurlyWrapper.promises.apiRequest({
+      url: `coupons/${couponCode}`,
+    })
+    return await RecurlyWrapper.promises._parseCouponXml(body)
+  },
+
+  async redeemCoupon(accountCode, couponCode) {
+    const data = {
+      account_code: accountCode,
+      currency: 'USD',
+    }
+    let requestBody
+    try {
+      requestBody = RecurlyWrapper._buildXml('redemption', data)
+    } catch (error) {
+      throw OError.tag(error, 'error building xml', {
+        accountCode,
+        couponCode,
+      })
+    }
+
+    logger.debug(
+      { accountCode, couponCode, requestBody },
+      'redeeming coupon for user'
+    )
+    try {
+      await RecurlyWrapper.promises.apiRequest({
+        url: `coupons/${couponCode}/redeem`,
+        method: 'POST',
+        body: requestBody,
+      })
+    } catch (error) {
+      logger.warn(
+        { err: error, accountCode, couponCode },
+        'error redeeming coupon'
+      )
+      throw error
+    }
+  },
+
+  async extendTrial(subscriptionId, daysUntilExpire) {
+    if (daysUntilExpire == null) {
+      daysUntilExpire = 7
+    }
+    const nextRenewalDate = new Date()
+    nextRenewalDate.setDate(nextRenewalDate.getDate() + daysUntilExpire)
+    logger.debug(
+      { subscriptionId, daysUntilExpire },
+      'Exending Free trial for user'
+    )
+    try {
+      await RecurlyWrapper.promises.apiRequest({
+        url: `subscriptions/${subscriptionId}/postpone`,
+        qs: { bulk: false, next_bill_date: nextRenewalDate },
+        method: 'PUT',
+      })
+    } catch (error) {
+      logger.warn(
+        { err: error, subscriptionId, daysUntilExpire },
+        'error extending trial'
+      )
+      throw error
+    }
+  },
+
+  async listAccountActiveSubscriptions(accountId) {
+    const { response, body } = await RecurlyWrapper.promises.apiRequest({
+      url: `accounts/${accountId}/subscriptions`,
+      qs: {
+        state: 'active',
+      },
+      expect404: true,
+    })
+    if (response.status === 404) {
+      return []
+    } else {
+      return await RecurlyWrapper.promises._parseSubscriptionsXml(body)
+    }
+  },
+
+  async _handle422Response(body) {
+    const data = await RecurlyWrapper.promises._parseErrorsXml(body)
+    let errorData = {}
+    if (data.transaction_error) {
+      errorData = {
+        message: data.transaction_error.merchant_message,
+        info: {
+          category: data.transaction_error.error_category,
+          gatewayCode: data.transaction_error.gateway_error_code,
+          public: {
+            code: data.transaction_error.error_code,
+            message: data.transaction_error.customer_message,
+          },
+        },
+      }
+      if (data.transaction_error.three_d_secure_action_token_id) {
+        errorData.info.public.threeDSecureActionTokenId =
+          data.transaction_error.three_d_secure_action_token_id
+      }
+    } else if (data.error && data.error._) {
+      // fallback for errors that don't have a `transaction_error` field, but
+      // instead a `error` field with a message (e.g. VATMOSS errors)
+      errorData = {
+        info: {
+          public: {
+            message: data.error._,
+          },
+        },
+      }
+    }
+    throw new SubscriptionErrors.RecurlyTransactionError(errorData)
+  },
+
+  async _parseSubscriptionsXml(xml) {
+    return await RecurlyWrapper.promises._parseXmlAndGetAttribute(
+      xml,
+      'subscriptions'
+    )
+  },
+  async _parseSubscriptionXml(xml) {
+    return await RecurlyWrapper.promises._parseXmlAndGetAttribute(
+      xml,
+      'subscription'
+    )
+  },
+  async _parseAccountXml(xml) {
+    return await RecurlyWrapper.promises._parseXmlAndGetAttribute(
+      xml,
+      'account'
+    )
+  },
+  async _parseBillingInfoXml(xml) {
+    return await RecurlyWrapper.promises._parseXmlAndGetAttribute(
+      xml,
+      'billing_info'
+    )
+  },
+  async _parseRedemptionsXml(xml) {
+    return await RecurlyWrapper.promises._parseXmlAndGetAttribute(
+      xml,
+      'redemptions'
+    )
+  },
+  async _parseCouponXml(xml) {
+    return await RecurlyWrapper.promises._parseXmlAndGetAttribute(xml, 'coupon')
+  },
+  async _parseErrorsXml(xml) {
+    return await RecurlyWrapper.promises._parseXmlAndGetAttribute(xml, 'errors')
+  },
+  async _parseInvoicesXml(xml) {
+    return await RecurlyWrapper.promises._parseXmlAndGetAttribute(
+      xml,
+      'invoices'
+    )
+  },
+
+  async _parseXmlAndGetAttribute(xml, attribute) {
+    const data = await RecurlyWrapper.promises._parseXml(xml)
+    if (data && data[attribute] != null) {
+      return data[attribute]
+    } else {
+      throw new Error("I don't understand the response from Recurly")
+    }
+  },
+
+  /**
+   * @param xml
+   */
+  _parseXml(xml) {
+    function convertDataTypes(data) {
+      let key, value
+      if (data && data.$) {
+        if (data.$.nil === 'nil') {
+          data = null
+        } else if (data.$.href) {
+          data.url = data.$.href
+          delete data.$
+        } else if (data.$.type === 'integer') {
+          data = parseInt(data._, 10)
+        } else if (data.$.type === 'datetime') {
+          data = new Date(data._)
+        } else if (data.$.type === 'array') {
+          delete data.$
+          let array = []
+          for (key in data) {
+            value = data[key]
+            if (value instanceof Array) {
+              array = array.concat(convertDataTypes(value))
+            } else {
+              array.push(convertDataTypes(value))
+            }
+          }
+          data = array
+        }
+      }
+
+      if (data instanceof Array) {
+        data = data.map(entry => convertDataTypes(entry))
+      } else if (typeof data === 'object') {
+        for (key in data) {
+          value = data[key]
+          data[key] = convertDataTypes(value)
+        }
+      }
+      return data
+    }
+
+    const parser = new xml2js.Parser({
+      explicitRoot: true,
+      explicitArray: false,
+      emptyTag: '',
+    })
+    return new Promise((resolve, reject) =>
+      parser.parseString(xml, function (error, data) {
+        if (error) {
+          return reject(error)
+        }
+        const result = convertDataTypes(data)
+        resolve(result)
+      })
+    )
+  },
+}
+
+function _buildXml(rootName, data) {
+  const options = {
+    headless: true,
+    renderOpts: {
+      pretty: true,
+      indent: '\t',
+    },
+    rootName,
+  }
+  const builder = new xml2js.Builder(options)
+  return builder.buildObject(data)
+}
+
+const RecurlyWrapper = {
+  apiUrl: Settings.apis.recurly.url || 'https://api.recurly.com/v2',
+  _buildXml,
+  _parseXml: callbackify(promises._parseXml),
+  createFixedAmountCoupon: callbackify(promises.createFixedAmountCoupon),
+  getBillingInfo: callbackify(promises.getBillingInfo),
+  getPaginatedEndpoint: callbackify(promises.getPaginatedEndpoint),
+  getSubscription: callbackify(promises.getSubscription),
+  getSubscriptions: callbackify(promises.getSubscriptions),
+  updateAccountEmailAddress: callbackify(promises.updateAccountEmailAddress),
+}
+
+RecurlyWrapper.promises = {
+  ...promises,
+  updateAccountEmailAddress,
+}
+
+module.exports = RecurlyWrapper
+
+function getCustomFieldsFromSubscriptionDetails(subscriptionDetails) {
+  if (!subscriptionDetails.ITMCampaign) {
+    return null
+  }
+
+  const customFields = [
+    {
+      name: 'itm_campaign',
+      value: subscriptionDetails.ITMCampaign,
+    },
+  ]
+  if (subscriptionDetails.ITMContent) {
+    customFields.push({
+      name: 'itm_content',
+      value: subscriptionDetails.ITMContent,
+    })
+  }
+  if (subscriptionDetails.ITMReferrer) {
+    customFields.push({
+      name: 'itm_referrer',
+      value: subscriptionDetails.ITMReferrer,
+    })
+  }
+  return { custom_field: customFields }
+}
+
+function getAddressFromSubscriptionDetails(
+  subscriptionDetails,
+  includeCompanyInfo
+) {
+  const { address } = subscriptionDetails
+
+  if (!address || !address.country) {
+    throw new Errors.InvalidError({
+      message: 'Invalid country',
+      info: {
+        public: {
+          message: 'Invalid country',
+        },
+      },
+    })
+  }
+
+  const addressObject = {
+    address1: address.address1,
+    address2: address.address2 || '',
+    city: address.city || '',
+    state: address.state || '',
+    zip: address.zip || '',
+    country: address.country,
+  }
+
+  if (
+    includeCompanyInfo &&
+    subscriptionDetails.billing_info &&
+    subscriptionDetails.billing_info.company &&
+    subscriptionDetails.billing_info.company !== ''
+  ) {
+    addressObject.company = subscriptionDetails.billing_info.company
+    if (
+      subscriptionDetails.billing_info.vat_number &&
+      subscriptionDetails.billing_info.vat_number !== ''
+    ) {
+      addressObject.vat_number = subscriptionDetails.billing_info.vat_number
+    }
+  }
+
+  return addressObject
+}
diff --git a/services/web/app/src/Features/Subscription/SubscriptionController.js b/services/web/app/src/Features/Subscription/SubscriptionController.js
new file mode 100644
index 0000000..838b580
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/SubscriptionController.js
@@ -0,0 +1,804 @@
+// @ts-check
+
+const SessionManager = require('../Authentication/SessionManager')
+const SubscriptionHandler = require('./SubscriptionHandler')
+const SubscriptionViewModelBuilder = require('./SubscriptionViewModelBuilder')
+const LimitationsManager = require('./LimitationsManager')
+const RecurlyWrapper = require('./RecurlyWrapper')
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const GeoIpLookup = require('../../infrastructure/GeoIpLookup')
+const FeaturesUpdater = require('./FeaturesUpdater')
+const GroupPlansData = require('./GroupPlansData')
+const V1SubscriptionManager = require('./V1SubscriptionManager')
+const AnalyticsManager = require('../Analytics/AnalyticsManager')
+const RecurlyEventHandler = require('./RecurlyEventHandler')
+const { expressify } = require('@overleaf/promise-utils')
+const OError = require('@overleaf/o-error')
+const { DuplicateAddOnError, AddOnNotPresentError } = require('./Errors')
+const SplitTestHandler = require('../SplitTests/SplitTestHandler')
+const AuthorizationManager = require('../Authorization/AuthorizationManager')
+const Modules = require('../../infrastructure/Modules')
+const async = require('async')
+const HttpErrorHandler = require('../Errors/HttpErrorHandler')
+const RecurlyClient = require('./RecurlyClient')
+const { AI_ADD_ON_CODE } = require('./PaymentProviderEntities')
+const PlansLocator = require('./PlansLocator')
+const PaymentProviderEntities = require('./PaymentProviderEntities')
+
+/**
+ * @import { SubscriptionChangeDescription } from '../../../../types/subscription/subscription-change-preview'
+ * @import { SubscriptionChangePreview } from '../../../../types/subscription/subscription-change-preview'
+ * @import { PaymentProviderSubscriptionChange } from './PaymentProviderEntities'
+ * @import { PaymentMethod } from './types'
+ */
+
+const groupPlanModalOptions = Settings.groupPlanModalOptions
+
+function formatGroupPlansDataForDash() {
+  return {
+    plans: [...groupPlanModalOptions.plan_codes],
+    sizes: [...groupPlanModalOptions.sizes],
+    usages: [...groupPlanModalOptions.usages],
+    priceByUsageTypeAndSize: JSON.parse(JSON.stringify(GroupPlansData)),
+  }
+}
+
+async function userSubscriptionPage(req, res) {
+  const user = SessionManager.getSessionUser(req.session)
+  await SplitTestHandler.promises.getAssignment(req, res, 'pause-subscription')
+
+  const groupPricingDiscount = await SplitTestHandler.promises.getAssignment(
+    req,
+    res,
+    'group-discount-10'
+  )
+
+  const showGroupDiscount = groupPricingDiscount.variant === 'enabled'
+
+  const results =
+    await SubscriptionViewModelBuilder.promises.buildUsersSubscriptionViewModel(
+      user,
+      req.i18n.language
+    )
+  const {
+    personalSubscription,
+    memberGroupSubscriptions,
+    managedGroupSubscriptions,
+    currentInstitutionsWithLicence,
+    managedInstitutions,
+    managedPublishers,
+  } = results
+  const { hasSubscription } =
+    await LimitationsManager.promises.userHasSubscription(user)
+
+  const userCanExtendTrial = (
+    await Modules.promises.hooks.fire('userCanExtendTrial', user)
+  )?.[0]
+  const fromPlansPage = req.query.hasSubscription
+  const plansData =
+    SubscriptionViewModelBuilder.buildPlansListForSubscriptionDash(
+      personalSubscription?.plan
+    )
+
+  AnalyticsManager.recordEventForSession(req.session, 'subscription-page-view')
+
+  const groupPlansDataForDash = formatGroupPlansDataForDash()
+
+  // display the Group Settings button only to admins of group subscriptions with either/or the Managed Users or Group SSO feature available
+  let groupSettingsEnabledFor
+  try {
+    const managedGroups = await async.filter(
+      managedGroupSubscriptions || [],
+      async subscription => {
+        const managedUsersResults = await Modules.promises.hooks.fire(
+          'hasManagedUsersFeature',
+          subscription
+        )
+        const groupSSOResults = await Modules.promises.hooks.fire(
+          'hasGroupSSOFeature',
+          subscription
+        )
+        const isGroupAdmin =
+          (subscription.admin_id._id || subscription.admin_id).toString() ===
+          user._id.toString()
+        return (
+          (managedUsersResults?.[0] === true ||
+            groupSSOResults?.[0] === true) &&
+          isGroupAdmin
+        )
+      }
+    )
+    groupSettingsEnabledFor = managedGroups.map(subscription =>
+      subscription._id.toString()
+    )
+  } catch (error) {
+    logger.error(
+      { err: error },
+      'Failed to list groups with group settings enabled'
+    )
+  }
+
+  let groupSettingsAdvertisedFor
+  try {
+    const managedGroups = await async.filter(
+      managedGroupSubscriptions || [],
+      async subscription => {
+        const managedUsersResults = await Modules.promises.hooks.fire(
+          'hasManagedUsersFeatureOnNonProfessionalPlan',
+          subscription
+        )
+        const groupSSOResults = await Modules.promises.hooks.fire(
+          'hasGroupSSOFeatureOnNonProfessionalPlan',
+          subscription
+        )
+        const isGroupAdmin =
+          (subscription.admin_id._id || subscription.admin_id).toString() ===
+          user._id.toString()
+        const plan = PlansLocator.findLocalPlanInSettings(subscription.planCode)
+        return (
+          (managedUsersResults?.[0] === true ||
+            groupSSOResults?.[0] === true) &&
+          isGroupAdmin &&
+          plan?.canUseFlexibleLicensing
+        )
+      }
+    )
+    groupSettingsAdvertisedFor = managedGroups.map(subscription =>
+      subscription._id.toString()
+    )
+  } catch (error) {
+    logger.error(
+      { err: error },
+      'Failed to list groups with group settings enabled for advertising'
+    )
+  }
+
+  const hasAiAssistViaWritefull =
+    await FeaturesUpdater.promises.hasFeaturesViaWritefull(user._id)
+
+  const data = {
+    title: 'your_subscription',
+    plans: plansData?.plans,
+    planCodesChangingAtTermEnd: plansData?.planCodesChangingAtTermEnd,
+    user,
+    hasSubscription,
+    fromPlansPage,
+    personalSubscription,
+    userCanExtendTrial,
+    memberGroupSubscriptions,
+    managedGroupSubscriptions,
+    managedInstitutions,
+    managedPublishers,
+    showGroupDiscount,
+    currentInstitutionsWithLicence,
+    canUseFlexibleLicensing:
+      personalSubscription?.plan?.canUseFlexibleLicensing,
+    groupPlans: groupPlansDataForDash,
+    groupSettingsAdvertisedFor,
+    groupSettingsEnabledFor,
+    isManagedAccount: !!req.managedBy,
+    userRestrictions: Array.from(req.userRestrictions || []),
+    hasAiAssistViaWritefull,
+  }
+  res.render('subscriptions/dashboard-react', data)
+}
+
+async function successfulSubscription(req, res) {
+  const user = SessionManager.getSessionUser(req.session)
+
+  const { personalSubscription } =
+    await SubscriptionViewModelBuilder.promises.buildUsersSubscriptionViewModel(
+      user,
+      req.i18n.language
+    )
+
+  const postCheckoutRedirect = req.session?.postCheckoutRedirect
+
+  if (!personalSubscription) {
+    res.redirect('/user/subscription/plans')
+  } else {
+    res.render('subscriptions/successful-subscription-react', {
+      title: 'thank_you',
+      personalSubscription,
+      postCheckoutRedirect,
+      user,
+    })
+  }
+}
+
+async function pauseSubscription(req, res, next) {
+  const user = SessionManager.getSessionUser(req.session)
+  const pauseCycles = req.params.pauseCycles
+  if (!('pauseCycles' in req.params)) {
+    return HttpErrorHandler.badRequest(
+      req,
+      res,
+      `Pausing subscription requires a 'pauseCycles' argument with number of billing cycles to pause for`
+    )
+  }
+  if (pauseCycles < 0) {
+    return HttpErrorHandler.badRequest(
+      req,
+      res,
+      `'pauseCycles' should be a number of billing cycles to pause for, or 0 to cancel a pending pause`
+    )
+  }
+  logger.debug(
+    { userId: user._id },
+    `pausing subscription for ${pauseCycles} billing cycles`
+  )
+  try {
+    await SubscriptionHandler.promises.pauseSubscription(user, pauseCycles)
+
+    const { subscription } =
+      await LimitationsManager.promises.userHasSubscription(user)
+
+    AnalyticsManager.recordEventForUserInBackground(
+      user._id,
+      'subscription-pause-scheduled',
+      {
+        pause_length: pauseCycles,
+        plan_code: subscription?.planCode,
+        subscriptionId: subscription?.recurlySubscription_id,
+      }
+    )
+
+    return res.sendStatus(200)
+  } catch (err) {
+    if (err instanceof Error) {
+      OError.tag(err, 'something went wrong pausing subscription', {
+        user_id: user._id,
+      })
+    }
+    return next(err)
+  }
+}
+
+async function resumeSubscription(req, res, next) {
+  const user = SessionManager.getSessionUser(req.session)
+  logger.debug({ userId: user._id }, `resuming subscription`)
+  try {
+    await SubscriptionHandler.promises.resumeSubscription(user)
+    return res.sendStatus(200)
+  } catch (err) {
+    if (err instanceof Error) {
+      OError.tag(err, 'something went wrong resuming subscription', {
+        user_id: user._id,
+      })
+    }
+    return next(err)
+  }
+}
+
+function cancelSubscription(req, res, next) {
+  const user = SessionManager.getSessionUser(req.session)
+  logger.debug({ userId: user._id }, 'canceling subscription')
+  SubscriptionHandler.cancelSubscription(user, function (err) {
+    if (err) {
+      OError.tag(err, 'something went wrong canceling subscription', {
+        user_id: user._id,
+      })
+      return next(err)
+    }
+    // Note: this redirect isn't used in the main flow as the redirection is
+    // handled by Angular
+    res.redirect('/user/subscription/canceled')
+  })
+}
+
+/**
+ * @returns {Promise<void>}
+ */
+async function canceledSubscription(req, res, next) {
+  return res.render('subscriptions/canceled-subscription-react', {
+    title: 'subscription_canceled',
+    user: SessionManager.getSessionUser(req.session),
+  })
+}
+
+function cancelV1Subscription(req, res, next) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  logger.debug({ userId }, 'canceling v1 subscription')
+  V1SubscriptionManager.cancelV1Subscription(userId, function (err) {
+    if (err) {
+      OError.tag(err, 'something went wrong canceling v1 subscription', {
+        userId,
+      })
+      return next(err)
+    }
+    res.redirect('/user/subscription')
+  })
+}
+
+async function previewAddonPurchase(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const addOnCode = req.params.addOnCode
+
+  if (addOnCode !== AI_ADD_ON_CODE) {
+    return HttpErrorHandler.notFound(req, res, `Unknown add-on: ${addOnCode}`)
+  }
+
+  const paymentMethod = await RecurlyClient.promises.getPaymentMethod(userId)
+
+  let subscriptionChange
+  try {
+    subscriptionChange =
+      await SubscriptionHandler.promises.previewAddonPurchase(userId, addOnCode)
+
+    const hasAiAssistViaWritefull =
+      await FeaturesUpdater.promises.hasFeaturesViaWritefull(userId)
+    const isAiUpgrade =
+      PaymentProviderEntities.subscriptionChangeIsAiAssistUpgrade(
+        subscriptionChange
+      )
+    if (hasAiAssistViaWritefull && isAiUpgrade) {
+      return res.redirect(
+        '/user/subscription?redirect-reason=writefull-entitled'
+      )
+    }
+  } catch (err) {
+    if (err instanceof DuplicateAddOnError) {
+      return res.redirect('/user/subscription?redirect-reason=double-buy')
+    }
+    throw err
+  }
+
+  const subscription = subscriptionChange.subscription
+  const addOn = await RecurlyClient.promises.getAddOn(
+    subscription.planCode,
+    addOnCode
+  )
+
+  /** @type {SubscriptionChangePreview} */
+  const changePreview = makeChangePreview(
+    {
+      type: 'add-on-purchase',
+      addOn: {
+        code: addOn.code,
+        name: addOn.name,
+      },
+    },
+    subscriptionChange,
+    paymentMethod
+  )
+
+  res.render('subscriptions/preview-change', { changePreview })
+}
+
+async function purchaseAddon(req, res, next) {
+  const user = SessionManager.getSessionUser(req.session)
+  const addOnCode = req.params.addOnCode
+  // currently we only support having a quantity of 1
+  const quantity = 1
+  // currently we only support one add-on, the Ai add-on
+  if (addOnCode !== AI_ADD_ON_CODE) {
+    return res.sendStatus(404)
+  }
+
+  logger.debug({ userId: user._id, addOnCode }, 'purchasing add-ons')
+  try {
+    await SubscriptionHandler.promises.purchaseAddon(
+      user._id,
+      addOnCode,
+      quantity
+    )
+    return res.sendStatus(200)
+  } catch (err) {
+    if (err instanceof DuplicateAddOnError) {
+      HttpErrorHandler.badRequest(
+        req,
+        res,
+        'Your subscription already includes this add-on',
+        { addon: addOnCode }
+      )
+    } else {
+      if (err instanceof Error) {
+        OError.tag(err, 'something went wrong purchasing add-ons', {
+          user_id: user._id,
+          addOnCode,
+        })
+      }
+      return next(err)
+    }
+  }
+}
+
+async function removeAddon(req, res, next) {
+  const user = SessionManager.getSessionUser(req.session)
+  const addOnCode = req.params.addOnCode
+
+  if (addOnCode !== AI_ADD_ON_CODE) {
+    return res.sendStatus(404)
+  }
+
+  logger.debug({ userId: user._id, addOnCode }, 'removing add-ons')
+
+  try {
+    await SubscriptionHandler.promises.removeAddon(user._id, addOnCode)
+    res.sendStatus(200)
+  } catch (err) {
+    if (err instanceof AddOnNotPresentError) {
+      HttpErrorHandler.badRequest(
+        req,
+        res,
+        'Your subscription does not contain the requested add-on',
+        { addon: addOnCode }
+      )
+    } else {
+      if (err instanceof Error) {
+        OError.tag(err, 'something went wrong removing add-ons', {
+          user_id: user._id,
+          addOnCode,
+        })
+      }
+      return next(err)
+    }
+  }
+}
+
+async function previewSubscription(req, res, next) {
+  const planCode = req.query.planCode
+  if (!planCode) {
+    return HttpErrorHandler.notFound(req, res, 'Missing plan code')
+  }
+  const plan = await RecurlyClient.promises.getPlan(planCode)
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const subscriptionChange =
+    await SubscriptionHandler.promises.previewSubscriptionChange(
+      userId,
+      planCode
+    )
+  const paymentMethod = await RecurlyClient.promises.getPaymentMethod(userId)
+  const changePreview = makeChangePreview(
+    {
+      type: 'premium-subscription',
+      plan: { code: plan.code, name: plan.name },
+    },
+    subscriptionChange,
+    paymentMethod
+  )
+
+  res.render('subscriptions/preview-change', { changePreview })
+}
+
+function cancelPendingSubscriptionChange(req, res, next) {
+  const user = SessionManager.getSessionUser(req.session)
+  logger.debug({ userId: user._id }, 'canceling pending subscription change')
+  SubscriptionHandler.cancelPendingSubscriptionChange(user, function (err) {
+    if (err) {
+      OError.tag(
+        err,
+        'something went wrong canceling pending subscription change',
+        {
+          user_id: user._id,
+        }
+      )
+      return next(err)
+    }
+    res.redirect('/user/subscription')
+  })
+}
+
+function updateAccountEmailAddress(req, res, next) {
+  const user = SessionManager.getSessionUser(req.session)
+  RecurlyWrapper.updateAccountEmailAddress(
+    user._id,
+    user.email,
+    function (error) {
+      if (error) {
+        return next(error)
+      }
+      res.sendStatus(200)
+    }
+  )
+}
+
+function reactivateSubscription(req, res, next) {
+  const user = SessionManager.getSessionUser(req.session)
+  logger.debug({ userId: user._id }, 'reactivating subscription')
+  try {
+    if (req.isManagedGroupAdmin) {
+      // allow admins to reactivate subscriptions
+    } else {
+      // otherwise require the user to have the reactivate-subscription permission
+      req.assertPermission('reactivate-subscription')
+    }
+  } catch (error) {
+    return next(error)
+  }
+  SubscriptionHandler.reactivateSubscription(user, function (err) {
+    if (err) {
+      OError.tag(err, 'something went wrong reactivating subscription', {
+        user_id: user._id,
+      })
+      return next(err)
+    }
+    res.redirect('/user/subscription')
+  })
+}
+
+function recurlyCallback(req, res, next) {
+  logger.debug({ data: req.body }, 'received recurly callback')
+  const event = Object.keys(req.body)[0]
+  const eventData = req.body[event]
+
+  RecurlyEventHandler.sendRecurlyAnalyticsEvent(event, eventData).catch(error =>
+    logger.error(
+      { err: error },
+      'Failed to process analytics event on Recurly webhook'
+    )
+  )
+
+  if (
+    [
+      'new_subscription_notification',
+      'updated_subscription_notification',
+      'expired_subscription_notification',
+      'subscription_paused_notification',
+      'subscription_resumed_notification',
+    ].includes(event)
+  ) {
+    const recurlySubscription = eventData.subscription
+    SubscriptionHandler.syncSubscription(
+      recurlySubscription,
+      { ip: req.ip },
+      function (err) {
+        if (err) {
+          return next(err)
+        }
+        res.sendStatus(200)
+      }
+    )
+  } else if (event === 'billing_info_updated_notification') {
+    const recurlyAccountCode = eventData.account.account_code
+    SubscriptionHandler.attemptPaypalInvoiceCollection(
+      recurlyAccountCode,
+      function (err) {
+        if (err) {
+          return next(err)
+        }
+        res.sendStatus(200)
+      }
+    )
+  } else {
+    res.sendStatus(200)
+  }
+}
+
+async function extendTrial(req, res) {
+  const user = SessionManager.getSessionUser(req.session)
+  const { subscription } =
+    await LimitationsManager.promises.userHasSubscription(user)
+
+  const allowed = (
+    await Modules.promises.hooks.fire('userCanExtendTrial', user)
+  )?.[0]
+  if (!allowed) {
+    logger.warn({ userId: user._id }, 'user can not extend trial')
+    return res.sendStatus(403)
+  }
+
+  try {
+    await SubscriptionHandler.promises.extendTrial(subscription, 14)
+    AnalyticsManager.recordEventForSession(
+      req.session,
+      'subscription-trial-extended'
+    )
+  } catch (error) {
+    return res.sendStatus(500)
+  }
+  res.sendStatus(200)
+}
+
+function recurlyNotificationParser(req, res, next) {
+  let xml = ''
+  req.on('data', chunk => (xml += chunk))
+  req.on('end', () =>
+    RecurlyWrapper._parseXml(xml, function (error, body) {
+      if (error) {
+        return next(error)
+      }
+      req.body = body
+      next()
+    })
+  )
+}
+
+async function refreshUserFeatures(req, res) {
+  const { user_id: userId } = req.params
+  await FeaturesUpdater.promises.refreshFeatures(userId, 'acceptance-test')
+  res.sendStatus(200)
+}
+
+async function redirectToHostedPage(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const { pageType } = req.params
+  const url =
+    await SubscriptionViewModelBuilder.promises.getRedirectToHostedPage(
+      userId,
+      pageType
+    )
+  logger.warn({ userId, pageType }, 'redirecting to recurly hosted page')
+  res.redirect(url)
+}
+
+async function getRecommendedCurrency(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  let ip = req.ip
+  if (
+    req.query?.ip &&
+    (await AuthorizationManager.promises.isUserSiteAdmin(userId))
+  ) {
+    ip = req.query.ip
+  }
+  const currencyLookup = await GeoIpLookup.promises.getCurrencyCode(ip)
+  let countryCode = currencyLookup.countryCode
+  const recommendedCurrency = currencyLookup.currencyCode
+
+  let currency = null
+  const queryCurrency = req.query.currency?.toUpperCase()
+  if (queryCurrency && GeoIpLookup.isValidCurrencyParam(queryCurrency)) {
+    currency = queryCurrency
+  } else if (recommendedCurrency) {
+    currency = recommendedCurrency
+  }
+
+  const queryCountryCode = req.query.countryCode?.toUpperCase()
+
+  // only enable countryCode testing flag on staging or dev environments
+  if (queryCountryCode && process.env.NODE_ENV !== 'production') {
+    countryCode = queryCountryCode
+  }
+
+  return {
+    currency,
+    recommendedCurrency,
+    countryCode,
+  }
+}
+
+async function getLatamCountryBannerDetails(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  let ip = req.ip
+  if (
+    req.query?.ip &&
+    (await AuthorizationManager.promises.isUserSiteAdmin(userId))
+  ) {
+    ip = req.query.ip
+  }
+  const currencyLookup = await GeoIpLookup.promises.getCurrencyCode(ip)
+  const countryCode = currencyLookup.countryCode
+  const latamCountryBannerDetails = {}
+
+  switch (countryCode) {
+    case `MX`:
+      latamCountryBannerDetails.latamCountryFlag = '🇲🇽'
+      latamCountryBannerDetails.country = 'Mexico'
+      latamCountryBannerDetails.discount = '25%'
+      latamCountryBannerDetails.currency = 'Mexican Pesos'
+      break
+    case `CO`:
+      latamCountryBannerDetails.latamCountryFlag = '🇨🇴'
+      latamCountryBannerDetails.country = 'Colombia'
+      latamCountryBannerDetails.discount = '60%'
+      latamCountryBannerDetails.currency = 'Colombian Pesos'
+      break
+    case `CL`:
+      latamCountryBannerDetails.latamCountryFlag = '🇨🇱'
+      latamCountryBannerDetails.country = 'Chile'
+      latamCountryBannerDetails.discount = '30%'
+      latamCountryBannerDetails.currency = 'Chilean Pesos'
+      break
+    case `PE`:
+      latamCountryBannerDetails.latamCountryFlag = '🇵🇪'
+      latamCountryBannerDetails.country = 'Peru'
+      latamCountryBannerDetails.currency = 'Peruvian Soles'
+      latamCountryBannerDetails.discount = '40%'
+      break
+  }
+
+  return latamCountryBannerDetails
+}
+
+/**
+ * There are two sets of group plans: legacy plans and consolidated plans,
+ * and their naming conventions differ.
+ * This helper method computes the name of legacy group plans to ensure
+ * consistency with the naming of consolidated group plans.
+ *
+ * @param {string} planName
+ * @param {string} planCode
+ * @return {string}
+ */
+
+function getPlanNameForDisplay(planName, planCode) {
+  const match = planCode.match(
+    /^group_(collaborator|professional)_\d+_(enterprise|educational)$/
+  )
+
+  if (!match) return planName
+
+  const [, type, category] = match
+  const prefix = type === 'collaborator' ? 'Standard' : 'Professional'
+  const suffix = category === 'educational' ? ' Educational' : ''
+
+  return `Overleaf ${prefix} Group${suffix}`
+}
+
+/**
+ * Build a subscription change preview for display purposes
+ *
+ * @param {SubscriptionChangeDescription} subscriptionChangeDescription A description of the change for the frontend
+ * @param {PaymentProviderSubscriptionChange} subscriptionChange The subscription change object coming from Recurly
+ * @param {PaymentMethod} paymentMethod The payment method associated to the user
+ * @return {SubscriptionChangePreview}
+ */
+function makeChangePreview(
+  subscriptionChangeDescription,
+  subscriptionChange,
+  paymentMethod
+) {
+  const subscription = subscriptionChange.subscription
+  const nextPlan = PlansLocator.findLocalPlanInSettings(
+    subscriptionChange.nextPlanCode
+  )
+  return {
+    change: subscriptionChangeDescription,
+    currency: subscription.currency,
+    immediateCharge: { ...subscriptionChange.immediateCharge },
+    paymentMethod: paymentMethod.toString(),
+    nextPlan: {
+      annual: nextPlan.annual ?? false,
+    },
+    nextInvoice: {
+      date: subscription.periodEnd.toISOString(),
+      plan: {
+        name: getPlanNameForDisplay(
+          subscriptionChange.nextPlanName,
+          subscriptionChange.nextPlanCode
+        ),
+        amount: subscriptionChange.nextPlanPrice,
+      },
+      addOns: subscriptionChange.nextAddOns.map(addOn => ({
+        code: addOn.code,
+        name: addOn.name,
+        quantity: addOn.quantity,
+        unitAmount: addOn.unitPrice,
+        amount: addOn.preTaxTotal,
+      })),
+      subtotal: subscriptionChange.subtotal,
+      tax: {
+        rate: subscription.taxRate,
+        amount: subscriptionChange.tax,
+      },
+      total: subscriptionChange.total,
+    },
+  }
+}
+
+module.exports = {
+  userSubscriptionPage: expressify(userSubscriptionPage),
+  successfulSubscription: expressify(successfulSubscription),
+  cancelSubscription,
+  pauseSubscription,
+  resumeSubscription,
+  canceledSubscription: expressify(canceledSubscription),
+  cancelV1Subscription,
+  previewSubscription: expressify(previewSubscription),
+  cancelPendingSubscriptionChange,
+  updateAccountEmailAddress,
+  reactivateSubscription,
+  recurlyCallback,
+  extendTrial: expressify(extendTrial),
+  recurlyNotificationParser,
+  refreshUserFeatures: expressify(refreshUserFeatures),
+  redirectToHostedPage: expressify(redirectToHostedPage),
+  previewAddonPurchase: expressify(previewAddonPurchase),
+  purchaseAddon,
+  removeAddon,
+  makeChangePreview,
+  getRecommendedCurrency,
+  getLatamCountryBannerDetails,
+  getPlanNameForDisplay,
+}
diff --git a/services/web/app/src/Features/Subscription/SubscriptionEmailBuilder.js b/services/web/app/src/Features/Subscription/SubscriptionEmailBuilder.js
new file mode 100644
index 0000000..bafdee4
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/SubscriptionEmailBuilder.js
@@ -0,0 +1,165 @@
+const EmailBuilder = require('../Email/EmailBuilder')
+const EmailMessageHelper = require('../Email/EmailMessageHelper')
+const settings = require('@overleaf/settings')
+
+EmailBuilder.templates.trialOnboarding = EmailBuilder.NoCTAEmailTemplate({
+  subject(opts) {
+    return `Welcome to your Overleaf ${opts.planName} plan trial`
+  },
+  title(opts) {
+    return `Welcome to your Overleaf ${opts.planName} plan trial`
+  },
+  greeting() {
+    return 'Hello,'
+  },
+  message(opts, isPlainText) {
+    const invitingNamedCollaborators = EmailMessageHelper.displayLink(
+      'Read More',
+      `${settings.siteUrl}/learn/how-to/Sharing_a_project?utm_source=Overleaf&utm_medium=email&utm_campaign=TrialEmail&utm_content=invitelink#Inviting_named_collaborators`,
+      isPlainText
+    )
+    const increasedCompileTimeout = EmailMessageHelper.displayLink(
+      'Read More',
+      `${settings.siteUrl}/learn/how-to/What_is_the_maximum_compilation_time,_file_number_and_project_size_allowed_on_free_vs_paid_plans%3F?utm_source=Overleaf&utm_medium=email&utm_campaign=TrialEmail&utm_content=compilelink`,
+      isPlainText
+    )
+    const realTimeTrackChanges = EmailMessageHelper.displayLink(
+      'Read More',
+      `${settings.siteUrl}/learn/how-to/Track_Changes_in_Overleaf?utm_source=Overleaf&utm_medium=email&utm_campaign=TrialEmail&utm_content=trackchangeslink`,
+      isPlainText
+    )
+    const history = EmailMessageHelper.displayLink(
+      'Read More',
+      `${settings.siteUrl}/learn/latex/Using_the_History_feature?utm_source=Overleaf&utm_medium=email&utm_campaign=TrialEmail&utm_content=historylink`,
+      isPlainText
+    )
+    const versioning = EmailMessageHelper.displayLink(
+      'Read More',
+      `${settings.siteUrl}/learn/how-to/Can_I_save_versions_of_my_work%3F?utm_source=Overleaf&utm_medium=email&utm_campaign=TrialEmail&utm_content=versioninglink`,
+      isPlainText
+    )
+    const advancedReferenceSearch = EmailMessageHelper.displayLink(
+      'Read More',
+      `${settings.siteUrl}/learn/how-to/How_to_search_for_references_in_an_Overleaf_project?utm_source=Overleaf&utm_medium=email&utm_campaign=TrialEmail&utm_content=adrefsearchlink`,
+      isPlainText
+    )
+    const referenceManagerSync = EmailMessageHelper.displayLink(
+      'Read More',
+      `${settings.siteUrl}/learn/how-to/How_to_link_your_Overleaf_account_to_Mendeley_and_Zotero?utm_source=Overleaf&utm_medium=email&utm_campaign=TrialEmail&utm_content=refmansynclink`,
+      isPlainText
+    )
+    const dropboxSync = EmailMessageHelper.displayLink(
+      'Read More',
+      `${settings.siteUrl}/learn/how-to/Dropbox_Synchronization?utm_source=Overleaf&utm_medium=email&utm_campaign=TrialEmail&utm_content=dropboxlink`,
+      isPlainText
+    )
+    const gitSync = EmailMessageHelper.displayLink(
+      'Read More',
+      `${settings.siteUrl}/learn/how-to/Using_Git_and_GitHub?utm_source=Overleaf&utm_medium=email&utm_campaign=TrialEmail&utm_content=gitgithublink`,
+      isPlainText
+    )
+    const symbolPalette = EmailMessageHelper.displayLink(
+      'Read More',
+      `${settings.siteUrl}/learn/how-to/Using_the_Symbol_Palette_in_Overleaf#:~:text=To%20open%20the%20Symbol%20Palette,the%20handle%20up%20and%20down.`,
+      isPlainText
+    )
+    const latexTutorials = EmailMessageHelper.displayLink(
+      'Read More',
+      `${settings.siteUrl}/learn/latex/Learn_LaTeX_in_30_minutes?utm_source=Overleaf&utm_medium=email&utm_campaign=TrialEmail&utm_content=latextutorialslink`,
+      isPlainText
+    )
+    const knowledgeBase = EmailMessageHelper.displayLink(
+      'Read More',
+      `${settings.siteUrl}/learn?utm_source=Overleaf&utm_medium=email&utm_campaign=TrialEmail&utm_content=learnlink`,
+      isPlainText
+    )
+    const technicalArticles = EmailMessageHelper.displayLink(
+      'Read More',
+      `${settings.siteUrl}/learn/latex/Articles?utm_source=Overleaf&utm_medium=email&utm_campaign=TrialEmail&utm_content=articleslink`,
+      isPlainText
+    )
+    const webinars = EmailMessageHelper.displayLink(
+      'Read More',
+      `${settings.siteUrl}/events/webinars?utm_source=Overleaf&utm_medium=email&utm_campaign=TrialEmail&utm_content=webinarslink`,
+      isPlainText
+    )
+
+    const cancel = EmailMessageHelper.displayLink(
+      'cancel at any time',
+      `${settings.siteUrl}/learn/how-to/Canceling_Subscription?utm_source=Overleaf&utm_medium=email&utm_campaign=TrialEmail&utm_content=cancellink`,
+      isPlainText
+    )
+
+    const feedback = EmailMessageHelper.displayLink(
+      'hear your feedback',
+      `https://docs.google.com/forms/d/e/1FAIpQLSfMbbh_z-9-dZ3YnrDCyNpNxFPGA492ZSallKOt8WWp2nx7kg/viewform?usp=sf_link/viewform`,
+      isPlainText
+    )
+
+    const unsubscribe = EmailMessageHelper.displayLink(
+      'here',
+      `${settings.siteUrl}/user/email-preferences`,
+      isPlainText
+    )
+
+    const canInviteMoreNamedCollaborators =
+      opts.features.collaborators === -1 ||
+      opts.features.collaborators > settings.defaultFeatures.collaborators
+
+    let n = 1
+    return [
+      `Welcome to your Overleaf Premium Features Trial!  We really appreciate your support of Overleaf and are excited for you to use our premium features and get the most out of your trial.`,
+      `<b>During your trial period, be sure to check out these premium features: </b>`,
+
+      ...(canInviteMoreNamedCollaborators
+        ? [
+            `${n++}. <b>Invite more collaborators</b>: You can now invite named collaborators to your project via the ‘share’ menu in your project (with read-only or edit access). Simply add their email address and an email invitation will be sent to them. You can remove these named collaborators at any time via the same ‘share’ menu.`,
+            `<ul><li> Inviting Named Collaborators: ${invitingNamedCollaborators}</li></ul>`,
+          ]
+        : []),
+
+      `${n++}. <b>Increased compile timeout</b>: You now have more time for compilation (to generate a PDF of your document) before receiving a timeout error message.`,
+      `<ul><li> Compile Timeout: ${increasedCompileTimeout}</li></ul>`,
+
+      ...(opts.features.trackChanges
+        ? [
+            `${n++}. <b>Real-time track changes</b>: The track changes mode lets you see exactly what has been changed by your collaborators, and allows you to accept or reject each individual change. `,
+            `<ul><li> Track Changes: ${realTimeTrackChanges}</li></ul>`,
+          ]
+        : []),
+
+      `${n++}. <b>Full document history and versioning</b>: View the entire history of your project with the ability to revert to previous versions of your document from your project history (versus only 24 hours of history availability on a  free Overleaf account). No more fear of losing work or making changes you can’t undo. `,
+      `<ul><li> History: ${history}</li>
+      <li>Versioning: ${versioning}</li></ul>`,
+
+      `${n++}. <b>Advanced reference search</b>: You can search by citation key, and our premium feature allows the added ability to search by author, title, year, or journal.`,
+      `<ul><li>Advanced Reference Search: ${advancedReferenceSearch}</li></ul>`,
+
+      `${n++}. <b>Reference manager sync </b>: You can link your Mendeley and Zotero accounts to your Overleaf account, allowing you to import your reference library and keep your Overleaf document in sync with the references stored in Mendeley / Zotero.`,
+      `<ul><li> Reference Manager Sync: ${referenceManagerSync}</li></ul>`,
+
+      `${n++}. <b>Dropbox Sync</b>: You can link your Dropbox account to your Overleaf account, allowing 2-way integration with Dropbox `,
+      `<ul><li> Dropbox Sync: ${dropboxSync}</li></ul>`,
+
+      `${n++}. <b>Git and GitHub integration</b>: You can configure your Overleaf project to sync directly with a repository on GitHub, or you can use raw git access. This allows you to work offline and sync your files whenever you come back online. You can also use our Overleaf Git Bridge integration, which lets you git clone, push and pull changes between the online Overleaf editor, and your local offline git repository.`,
+      `<ul><li> Git, GitHub and Git Bridge: ${gitSync}</li></ul>`,
+
+      `${n++}. <b>Symbol Palette</b>: A quick and convenient tool to insert math symbols into your document.`,
+      `<ul><li> Symbol Palette: ${symbolPalette}</li></ul>`,
+
+      `${n++}. <b>Online tutorials and knowledge base</b>: We have an extensive online knowledge base providing a wide range of platform guidance, LaTeX tutorials, technical articles, and webinars.`,
+      `<ul><li>LaTeX tutorials: ${latexTutorials}</li>
+      <li>Knowledge base: ${knowledgeBase}</li>
+      <li>Technical articles: ${technicalArticles}</li>
+      <li>Webinars: ${webinars}</li></ul>`,
+
+      `Your trial will last for seven days from when you started it, and you can ${cancel} via your subscription page on your dashboard. If you’d like to continue your subscription after your trial, you’re all set!`,
+
+      `Please let us know if we can provide any additional support or answer any questions - and we’d love to ${feedback}!`,
+      `Thanks again for supporting Overleaf - Happy TeXing!`,
+      `The Overleaf Team <hr>`,
+
+      `You're receiving this email because you've recently signed up for an Overleaf premium trial. If you've previously subscribed to emails about product offers and company news and events, you can unsubscribe ${unsubscribe}.`,
+    ]
+  },
+})
diff --git a/services/web/app/src/Features/Subscription/SubscriptionEmailHandler.js b/services/web/app/src/Features/Subscription/SubscriptionEmailHandler.js
new file mode 100644
index 0000000..c0b32d7
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/SubscriptionEmailHandler.js
@@ -0,0 +1,29 @@
+const EmailHandler = require('../Email/EmailHandler')
+const UserGetter = require('../User/UserGetter')
+require('./SubscriptionEmailBuilder')
+const PlansLocator = require('./PlansLocator')
+const Settings = require('@overleaf/settings')
+
+const SubscriptionEmailHandler = {
+  async sendTrialOnboardingEmail(userId, planCode) {
+    const user = await UserGetter.promises.getUser(userId, {
+      email: 1,
+    })
+
+    const plan = PlansLocator.findLocalPlanInSettings(planCode)
+    if (!plan) {
+      throw new Error('unknown paid plan: ' + planCode)
+    }
+    if (Settings.enableOnboardingEmails) {
+      const emailOptions = {
+        to: user.email,
+        sendingUser_id: userId,
+        planName: plan.name,
+        features: plan.features,
+      }
+      await EmailHandler.promises.sendEmail('trialOnboarding', emailOptions)
+    }
+  },
+}
+
+module.exports = SubscriptionEmailHandler
diff --git a/services/web/app/src/Features/Subscription/SubscriptionFormatters.js b/services/web/app/src/Features/Subscription/SubscriptionFormatters.js
new file mode 100644
index 0000000..1953f33
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/SubscriptionFormatters.js
@@ -0,0 +1,20 @@
+const dateformat = require('dateformat')
+
+function formatDateTime(date) {
+  if (!date) {
+    return null
+  }
+  return dateformat(date, 'mmmm dS, yyyy h:MM TT Z', true)
+}
+
+function formatDate(date) {
+  if (!date) {
+    return null
+  }
+  return dateformat(date, 'mmmm dS, yyyy', true)
+}
+
+module.exports = {
+  formatDateTime,
+  formatDate,
+}
diff --git a/services/web/app/src/Features/Subscription/SubscriptionGroupController.mjs b/services/web/app/src/Features/Subscription/SubscriptionGroupController.mjs
new file mode 100644
index 0000000..14d73f9
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/SubscriptionGroupController.mjs
@@ -0,0 +1,407 @@
+// ts-check
+import SubscriptionGroupHandler from './SubscriptionGroupHandler.js'
+
+import OError from '@overleaf/o-error'
+import logger from '@overleaf/logger'
+import SubscriptionLocator from './SubscriptionLocator.js'
+import SessionManager from '../Authentication/SessionManager.js'
+import UserAuditLogHandler from '../User/UserAuditLogHandler.js'
+import { expressify } from '@overleaf/promise-utils'
+import Modules from '../../infrastructure/Modules.js'
+import UserGetter from '../User/UserGetter.js'
+import { Subscription } from '../../models/Subscription.js'
+import { isProfessionalGroupPlan } from './PlansHelper.mjs'
+import {
+  MissingBillingInfoError,
+  ManuallyCollectedError,
+  PendingChangeError,
+  InactiveError,
+  SubtotalLimitExceededError,
+} from './Errors.js'
+import RecurlyClient from './RecurlyClient.js'
+
+/**
+ * @import { Subscription } from "../../../../types/subscription/dashboard/subscription.js"
+ */
+
+/**
+ * @param {import("express").Request} req
+ * @param {import("express").Response} res
+ * @returns {Promise<void>}
+ */
+async function removeUserFromGroup(req, res) {
+  const subscription = req.entity
+  const userToRemoveId = req.params.user_id
+  const loggedInUserId = SessionManager.getLoggedInUserId(req.session)
+  const subscriptionId = subscription._id
+  logger.debug(
+    { subscriptionId, userToRemoveId },
+    'removing user from group subscription'
+  )
+
+  await _removeUserFromGroup(req, res, {
+    userToRemoveId,
+    loggedInUserId,
+    subscription,
+  })
+}
+
+/**
+ * @param {import("express").Request} req
+ * @param {import("express").Response} res
+ * @returns {Promise<void>}
+ */
+async function removeSelfFromGroup(req, res) {
+  const userToRemoveId = SessionManager.getLoggedInUserId(req.session)
+  const subscription = await SubscriptionLocator.promises.getSubscription(
+    req.query.subscriptionId
+  )
+
+  await _removeUserFromGroup(req, res, {
+    userToRemoveId,
+    loggedInUserId: userToRemoveId,
+    subscription,
+  })
+}
+
+/**
+ * @param {import("express").Request} req
+ * @param {import("express").Response} res
+ * @param {string} userToRemoveId
+ * @param {string} loggedInUserId
+ * @param {Subscription} subscription
+ * @returns {Promise<void>}
+ * @private
+ */
+async function _removeUserFromGroup(
+  req,
+  res,
+  { userToRemoveId, loggedInUserId, subscription }
+) {
+  const subscriptionId = subscription._id
+
+  const groupSSOActive = (
+    await Modules.promises.hooks.fire('hasGroupSSOEnabled', subscription)
+  )?.[0]
+  if (groupSSOActive) {
+    await Modules.promises.hooks.fire(
+      'unlinkUserFromGroupSSO',
+      userToRemoveId,
+      subscriptionId
+    )
+  }
+
+  try {
+    await UserAuditLogHandler.promises.addEntry(
+      userToRemoveId,
+      'remove-from-group-subscription',
+      loggedInUserId,
+      req.ip,
+      { subscriptionId }
+    )
+  } catch (auditLogError) {
+    throw OError.tag(auditLogError, 'error adding audit log entry', {
+      userToRemoveId,
+      subscriptionId,
+    })
+  }
+
+  try {
+    await SubscriptionGroupHandler.promises.removeUserFromGroup(
+      subscriptionId,
+      userToRemoveId
+    )
+  } catch (error) {
+    logger.err(
+      { err: error, userToRemoveId, subscriptionId },
+      'error removing self from group'
+    )
+    return res.sendStatus(500)
+  }
+
+  res.sendStatus(200)
+}
+
+/**
+ * @param {import("express").Request} req
+ * @param {import("express").Response} res
+ * @returns {Promise<void>}
+ */
+async function addSeatsToGroupSubscription(req, res) {
+  try {
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    const { subscription, recurlySubscription, plan } =
+      await SubscriptionGroupHandler.promises.getUsersGroupSubscriptionDetails(
+        userId
+      )
+    await SubscriptionGroupHandler.promises.ensureFlexibleLicensingEnabled(plan)
+    await SubscriptionGroupHandler.promises.ensureSubscriptionCollectionMethodIsNotManual(
+      recurlySubscription
+    )
+    await SubscriptionGroupHandler.promises.ensureSubscriptionHasNoPendingChanges(
+      recurlySubscription
+    )
+    // Check if the user has missing billing details
+    await RecurlyClient.promises.getPaymentMethod(userId)
+    await SubscriptionGroupHandler.promises.ensureSubscriptionIsActive(
+      subscription
+    )
+
+    res.render('subscriptions/add-seats', {
+      subscriptionId: subscription._id,
+      groupName: subscription.teamName,
+      totalLicenses: subscription.membersLimit,
+      isProfessional: isProfessionalGroupPlan(subscription),
+    })
+  } catch (error) {
+    if (error instanceof MissingBillingInfoError) {
+      return res.redirect(
+        '/user/subscription/group/missing-billing-information'
+      )
+    }
+
+    if (error instanceof ManuallyCollectedError) {
+      return res.redirect(
+        '/user/subscription/group/manually-collected-subscription'
+      )
+    }
+
+    if (error instanceof PendingChangeError || error instanceof InactiveError) {
+      return res.redirect('/user/subscription')
+    }
+
+    logger.err(
+      { error },
+      'error while getting users group subscription details'
+    )
+
+    return res.redirect('/user/subscription')
+  }
+}
+
+/**
+ * @param {import("express").Request} req
+ * @param {import("express").Response} res
+ * @returns {Promise<void>}
+ */
+async function previewAddSeatsSubscriptionChange(req, res) {
+  try {
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    const preview =
+      await SubscriptionGroupHandler.promises.previewAddSeatsSubscriptionChange(
+        userId,
+        req.body.adding
+      )
+
+    res.json(preview)
+  } catch (error) {
+    if (
+      error instanceof MissingBillingInfoError ||
+      error instanceof ManuallyCollectedError ||
+      error instanceof PendingChangeError ||
+      error instanceof InactiveError
+    ) {
+      return res.status(422).end()
+    }
+
+    if (error instanceof SubtotalLimitExceededError) {
+      return res.status(422).json({
+        code: 'subtotal_limit_exceeded',
+        adding: req.body.adding,
+      })
+    }
+
+    logger.err(
+      { error },
+      'error trying to preview "add seats" subscription change'
+    )
+
+    return res.status(500).end()
+  }
+}
+
+/**
+ * @param {import("express").Request} req
+ * @param {import("express").Response} res
+ * @returns {Promise<void>}
+ */
+async function createAddSeatsSubscriptionChange(req, res) {
+  try {
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    const create =
+      await SubscriptionGroupHandler.promises.createAddSeatsSubscriptionChange(
+        userId,
+        req.body.adding
+      )
+
+    res.json(create)
+  } catch (error) {
+    if (
+      error instanceof MissingBillingInfoError ||
+      error instanceof ManuallyCollectedError ||
+      error instanceof PendingChangeError ||
+      error instanceof InactiveError
+    ) {
+      return res.status(422).end()
+    }
+
+    if (error instanceof SubtotalLimitExceededError) {
+      return res.status(422).json({
+        code: 'subtotal_limit_exceeded',
+        adding: req.body.adding,
+      })
+    }
+
+    logger.err(
+      { error },
+      'error trying to create "add seats" subscription change'
+    )
+
+    return res.status(500).end()
+  }
+}
+
+async function submitForm(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const userEmail = await UserGetter.promises.getUserEmail(userId)
+  const { adding } = req.body
+
+  const messageLines = [`\n**Overleaf Sales Contact Form:**`]
+  messageLines.push('**Subject:** Self-Serve Group User Increase Request')
+  messageLines.push(`**Estimated Number of Users:** ${adding}`)
+  messageLines.push(
+    `**Message:** This email has been generated on behalf of user with email **${userEmail}** ` +
+      'to request an increase in the total number of users for their subscription.'
+  )
+  const messageFormatted = messageLines.join('\n\n')
+
+  const data = {
+    email: userEmail,
+    subject: 'Sales Contact Form',
+    message: messageFormatted,
+    inbox: 'sales',
+  }
+
+  await Modules.promises.hooks.fire('sendSupportRequest', data)
+  res.sendStatus(204)
+}
+
+async function subscriptionUpgradePage(req, res) {
+  try {
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    const changePreview =
+      await SubscriptionGroupHandler.promises.getGroupPlanUpgradePreview(userId)
+    const olSubscription = await Subscription.findOne({
+      admin_id: userId,
+    }).exec()
+    res.render('subscriptions/upgrade-group-subscription-react', {
+      changePreview,
+      totalLicenses: olSubscription.membersLimit,
+      groupName: olSubscription.teamName,
+    })
+  } catch (error) {
+    if (error instanceof MissingBillingInfoError) {
+      return res.redirect(
+        '/user/subscription/group/missing-billing-information'
+      )
+    }
+
+    if (error instanceof ManuallyCollectedError) {
+      return res.redirect(
+        '/user/subscription/group/manually-collected-subscription'
+      )
+    }
+
+    if (error instanceof SubtotalLimitExceededError) {
+      return res.redirect('/user/subscription/group/subtotal-limit-exceeded')
+    }
+
+    if (error instanceof PendingChangeError || error instanceof InactiveError) {
+      return res.redirect('/user/subscription')
+    }
+
+    logger.err({ error }, 'error loading upgrade subscription page')
+
+    return res.redirect('/user/subscription')
+  }
+}
+
+async function upgradeSubscription(req, res) {
+  try {
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    await SubscriptionGroupHandler.promises.upgradeGroupPlan(userId)
+    return res.sendStatus(200)
+  } catch (error) {
+    logger.err({ error }, 'error trying to upgrade subscription')
+    return res.sendStatus(500)
+  }
+}
+
+async function missingBillingInformation(req, res) {
+  try {
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    const subscription =
+      await SubscriptionLocator.promises.getUsersSubscription(userId)
+
+    res.render('subscriptions/missing-billing-information', {
+      groupName: subscription.teamName,
+    })
+  } catch (error) {
+    logger.err(
+      { error },
+      'error trying to render missing billing information page'
+    )
+    return res.render('/user/subscription')
+  }
+}
+
+async function manuallyCollectedSubscription(req, res) {
+  try {
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    const subscription =
+      await SubscriptionLocator.promises.getUsersSubscription(userId)
+
+    res.render('subscriptions/manually-collected-subscription', {
+      groupName: subscription.teamName,
+    })
+  } catch (error) {
+    logger.err(
+      { error },
+      'error trying to render manually collected subscription page'
+    )
+    return res.render('/user/subscription')
+  }
+}
+
+async function subtotalLimitExceeded(req, res) {
+  try {
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    const subscription =
+      await SubscriptionLocator.promises.getUsersSubscription(userId)
+
+    res.render('subscriptions/subtotal-limit-exceeded', {
+      groupName: subscription.teamName,
+    })
+  } catch (error) {
+    logger.err({ error }, 'error trying to render subtotal limit exceeded page')
+    return res.render('/user/subscription')
+  }
+}
+
+export default {
+  removeUserFromGroup: expressify(removeUserFromGroup),
+  removeSelfFromGroup: expressify(removeSelfFromGroup),
+  addSeatsToGroupSubscription: expressify(addSeatsToGroupSubscription),
+  submitForm: expressify(submitForm),
+  previewAddSeatsSubscriptionChange: expressify(
+    previewAddSeatsSubscriptionChange
+  ),
+  createAddSeatsSubscriptionChange: expressify(
+    createAddSeatsSubscriptionChange
+  ),
+  subscriptionUpgradePage: expressify(subscriptionUpgradePage),
+  upgradeSubscription: expressify(upgradeSubscription),
+  missingBillingInformation: expressify(missingBillingInformation),
+  manuallyCollectedSubscription: expressify(manuallyCollectedSubscription),
+  subtotalLimitExceeded: expressify(subtotalLimitExceeded),
+}
diff --git a/services/web/app/src/Features/Subscription/SubscriptionGroupHandler.js b/services/web/app/src/Features/Subscription/SubscriptionGroupHandler.js
new file mode 100644
index 0000000..b313cb6
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/SubscriptionGroupHandler.js
@@ -0,0 +1,326 @@
+const { callbackify } = require('util')
+const SubscriptionUpdater = require('./SubscriptionUpdater')
+const SubscriptionLocator = require('./SubscriptionLocator')
+const SubscriptionController = require('./SubscriptionController')
+const { Subscription } = require('../../models/Subscription')
+const RecurlyClient = require('./RecurlyClient')
+const PlansLocator = require('./PlansLocator')
+const SubscriptionHandler = require('./SubscriptionHandler')
+const GroupPlansData = require('./GroupPlansData')
+const { MEMBERS_LIMIT_ADD_ON_CODE } = require('./PaymentProviderEntities')
+const {
+  ManuallyCollectedError,
+  PendingChangeError,
+  InactiveError,
+} = require('./Errors')
+
+async function removeUserFromGroup(subscriptionId, userIdToRemove) {
+  await SubscriptionUpdater.promises.removeUserFromGroup(
+    subscriptionId,
+    userIdToRemove
+  )
+}
+
+async function replaceUserReferencesInGroups(oldId, newId) {
+  await Subscription.updateOne({ admin_id: oldId }, { admin_id: newId }).exec()
+
+  await _replaceInArray(Subscription, 'manager_ids', oldId, newId)
+  await _replaceInArray(Subscription, 'member_ids', oldId, newId)
+}
+
+async function isUserPartOfGroup(userId, subscriptionId) {
+  const subscription =
+    await SubscriptionLocator.promises.getSubscriptionByMemberIdAndId(
+      userId,
+      subscriptionId
+    )
+
+  return !!subscription
+}
+
+async function getTotalConfirmedUsersInGroup(subscriptionId) {
+  const subscription =
+    await SubscriptionLocator.promises.getSubscription(subscriptionId)
+
+  return subscription?.member_ids?.length
+}
+
+async function _replaceInArray(model, property, oldValue, newValue) {
+  // Mongo won't let us pull and addToSet in the same query, so do it in
+  // two. Note we need to add first, since the query is based on the old user.
+  const query = {}
+  query[property] = oldValue
+
+  const setNewValue = {}
+  setNewValue[property] = newValue
+
+  const setOldValue = {}
+  setOldValue[property] = oldValue
+
+  await model.updateMany(query, { $addToSet: setNewValue })
+  await model.updateMany(query, { $pull: setOldValue })
+}
+
+async function ensureFlexibleLicensingEnabled(plan) {
+  if (!plan?.canUseFlexibleLicensing) {
+    throw new Error('The group plan does not support flexible licensing')
+  }
+}
+
+async function ensureSubscriptionIsActive(subscription) {
+  if (subscription?.recurlyStatus?.state !== 'active') {
+    throw new InactiveError('The subscription is not active', {
+      subscriptionId: subscription._id.toString(),
+    })
+  }
+}
+
+async function ensureSubscriptionCollectionMethodIsNotManual(
+  recurlySubscription
+) {
+  if (recurlySubscription.isCollectionMethodManual) {
+    throw new ManuallyCollectedError(
+      'This subscription is being collected manually',
+      {
+        recurlySubscription_id: recurlySubscription.id,
+      }
+    )
+  }
+}
+
+async function ensureSubscriptionHasNoPendingChanges(recurlySubscription) {
+  if (recurlySubscription.pendingChange) {
+    throw new PendingChangeError('This subscription has a pending change', {
+      recurlySubscription_id: recurlySubscription.id,
+    })
+  }
+}
+
+async function getUsersGroupSubscriptionDetails(userId) {
+  const subscription =
+    await SubscriptionLocator.promises.getUsersSubscription(userId)
+
+  if (!subscription) {
+    throw new Error('No subscription was found')
+  }
+
+  if (!subscription.groupPlan) {
+    throw new Error('User subscription is not a group plan')
+  }
+
+  const plan = PlansLocator.findLocalPlanInSettings(subscription.planCode)
+
+  const recurlySubscription = await RecurlyClient.promises.getSubscription(
+    subscription.recurlySubscription_id
+  )
+
+  return {
+    userId,
+    subscription,
+    recurlySubscription,
+    plan,
+  }
+}
+
+async function _addSeatsSubscriptionChange(userId, adding) {
+  const { subscription, recurlySubscription, plan } =
+    await getUsersGroupSubscriptionDetails(userId)
+  await ensureFlexibleLicensingEnabled(plan)
+  await ensureSubscriptionIsActive(subscription)
+  await ensureSubscriptionCollectionMethodIsNotManual(recurlySubscription)
+  await ensureSubscriptionHasNoPendingChanges(recurlySubscription)
+
+  const currentAddonQuantity =
+    recurlySubscription.addOns.find(
+      addOn => addOn.code === MEMBERS_LIMIT_ADD_ON_CODE
+    )?.quantity ?? 0
+  // Keeps only the new total quantity of addon
+  const nextAddonQuantity = currentAddonQuantity + adding
+
+  let changeRequest
+  if (recurlySubscription.hasAddOn(MEMBERS_LIMIT_ADD_ON_CODE)) {
+    // Not providing a custom price as once the subscription is locked
+    // to an add-on at a given price, it will use it for subsequent payments
+    changeRequest = recurlySubscription.getRequestForAddOnUpdate(
+      MEMBERS_LIMIT_ADD_ON_CODE,
+      nextAddonQuantity
+    )
+  } else {
+    let unitPrice
+    const pattern =
+      /^group_(collaborator|professional)_(2|3|4|5|10|20|50)_(educational|enterprise)$/
+    const [, planCode, size, usage] = plan.planCode.match(pattern)
+    const currency = recurlySubscription.currency
+    const planPriceInCents =
+      GroupPlansData[usage][planCode][currency][size].price_in_cents
+    const legacyUnitPriceInCents =
+      GroupPlansData[usage][planCode][currency][size]
+        .additional_license_legacy_price_in_cents
+
+    if (
+      _shouldUseLegacyPricing(
+        recurlySubscription.planPrice,
+        planPriceInCents / 100,
+        usage,
+        size
+      )
+    ) {
+      unitPrice = legacyUnitPriceInCents / 100
+    }
+
+    changeRequest = recurlySubscription.getRequestForAddOnPurchase(
+      MEMBERS_LIMIT_ADD_ON_CODE,
+      nextAddonQuantity,
+      unitPrice
+    )
+  }
+
+  return {
+    changeRequest,
+    currentAddonQuantity,
+    recurlySubscription,
+  }
+}
+
+function _shouldUseLegacyPricing(
+  actualPlanPrice,
+  currentPlanPrice,
+  usage,
+  size
+) {
+  // For small educational groups (5 or fewer members)
+  // 2025 pricing is cheaper than legacy pricing
+  if (size <= 5 && usage === 'educational') {
+    return currentPlanPrice < actualPlanPrice
+  }
+
+  // For all other scenarios
+  // 2025 pricing is more expensive than legacy pricing
+  return currentPlanPrice > actualPlanPrice
+}
+
+async function previewAddSeatsSubscriptionChange(userId, adding) {
+  const { changeRequest, currentAddonQuantity } =
+    await _addSeatsSubscriptionChange(userId, adding)
+  const paymentMethod = await RecurlyClient.promises.getPaymentMethod(userId)
+  const subscriptionChange =
+    await RecurlyClient.promises.previewSubscriptionChange(changeRequest)
+  const subscriptionChangePreview =
+    await SubscriptionController.makeChangePreview(
+      {
+        type: 'add-on-update',
+        addOn: {
+          code: MEMBERS_LIMIT_ADD_ON_CODE,
+          quantity: subscriptionChange.nextAddOns.find(
+            addon => addon.code === MEMBERS_LIMIT_ADD_ON_CODE
+          ).quantity,
+          prevQuantity: currentAddonQuantity,
+        },
+      },
+      subscriptionChange,
+      paymentMethod
+    )
+
+  return subscriptionChangePreview
+}
+
+async function createAddSeatsSubscriptionChange(userId, adding) {
+  const { changeRequest, recurlySubscription } =
+    await _addSeatsSubscriptionChange(userId, adding)
+  await RecurlyClient.promises.applySubscriptionChangeRequest(changeRequest)
+  await SubscriptionHandler.promises.syncSubscription(
+    { uuid: recurlySubscription.id },
+    userId
+  )
+
+  return { adding }
+}
+
+async function _getUpgradeTargetPlanCodeMaybeThrow(subscription) {
+  if (
+    subscription.planCode.includes('professional') ||
+    !subscription.groupPlan
+  ) {
+    throw new Error('Not eligible for group plan upgrade')
+  }
+
+  return subscription.planCode.replace('collaborator', 'professional')
+}
+
+async function _getGroupPlanUpgradeChangeRequest(ownerId) {
+  const olSubscription =
+    await SubscriptionLocator.promises.getUsersSubscription(ownerId)
+
+  await ensureSubscriptionIsActive(olSubscription)
+
+  const newPlanCode = await _getUpgradeTargetPlanCodeMaybeThrow(olSubscription)
+  const recurlySubscription = await RecurlyClient.promises.getSubscription(
+    olSubscription.recurlySubscription_id
+  )
+
+  await ensureSubscriptionCollectionMethodIsNotManual(recurlySubscription)
+  await ensureSubscriptionHasNoPendingChanges(recurlySubscription)
+
+  return recurlySubscription.getRequestForGroupPlanUpgrade(newPlanCode)
+}
+
+async function getGroupPlanUpgradePreview(ownerId) {
+  const changeRequest = await _getGroupPlanUpgradeChangeRequest(ownerId)
+  const subscriptionChange =
+    await RecurlyClient.promises.previewSubscriptionChange(changeRequest)
+  const paymentMethod = await RecurlyClient.promises.getPaymentMethod(ownerId)
+  return SubscriptionController.makeChangePreview(
+    {
+      type: 'group-plan-upgrade',
+      prevPlan: {
+        name: SubscriptionController.getPlanNameForDisplay(
+          subscriptionChange.subscription.planName,
+          subscriptionChange.subscription.planCode
+        ),
+      },
+    },
+    subscriptionChange,
+    paymentMethod
+  )
+}
+
+async function upgradeGroupPlan(ownerId) {
+  const changeRequest = await _getGroupPlanUpgradeChangeRequest(ownerId)
+  await RecurlyClient.promises.applySubscriptionChangeRequest(changeRequest)
+  await SubscriptionHandler.promises.syncSubscription(
+    { uuid: changeRequest.subscription.id },
+    ownerId
+  )
+}
+
+module.exports = {
+  removeUserFromGroup: callbackify(removeUserFromGroup),
+  replaceUserReferencesInGroups: callbackify(replaceUserReferencesInGroups),
+  ensureFlexibleLicensingEnabled: callbackify(ensureFlexibleLicensingEnabled),
+  ensureSubscriptionIsActive: callbackify(ensureSubscriptionIsActive),
+  ensureSubscriptionCollectionMethodIsNotManual: callbackify(
+    ensureSubscriptionCollectionMethodIsNotManual
+  ),
+  ensureSubscriptionHasNoPendingChanges: callbackify(
+    ensureSubscriptionHasNoPendingChanges
+  ),
+  getTotalConfirmedUsersInGroup: callbackify(getTotalConfirmedUsersInGroup),
+  isUserPartOfGroup: callbackify(isUserPartOfGroup),
+  getGroupPlanUpgradePreview: callbackify(getGroupPlanUpgradePreview),
+  upgradeGroupPlan: callbackify(upgradeGroupPlan),
+  promises: {
+    removeUserFromGroup,
+    replaceUserReferencesInGroups,
+    ensureFlexibleLicensingEnabled,
+    ensureSubscriptionIsActive,
+    ensureSubscriptionCollectionMethodIsNotManual,
+    ensureSubscriptionHasNoPendingChanges,
+    getTotalConfirmedUsersInGroup,
+    isUserPartOfGroup,
+    getUsersGroupSubscriptionDetails,
+    previewAddSeatsSubscriptionChange,
+    createAddSeatsSubscriptionChange,
+    getGroupPlanUpgradePreview,
+    upgradeGroupPlan,
+  },
+}
diff --git a/services/web/app/src/Features/Subscription/SubscriptionHandler.js b/services/web/app/src/Features/Subscription/SubscriptionHandler.js
new file mode 100644
index 0000000..f0fdb22
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/SubscriptionHandler.js
@@ -0,0 +1,459 @@
+// @ts-check
+
+const recurly = require('recurly')
+const RecurlyWrapper = require('./RecurlyWrapper')
+const RecurlyClient = require('./RecurlyClient')
+const { User } = require('../../models/User')
+const logger = require('@overleaf/logger')
+const SubscriptionUpdater = require('./SubscriptionUpdater')
+const SubscriptionLocator = require('./SubscriptionLocator')
+const LimitationsManager = require('./LimitationsManager')
+const EmailHandler = require('../Email/EmailHandler')
+const { callbackify } = require('@overleaf/promise-utils')
+const UserUpdater = require('../User/UserUpdater')
+const { NotFoundError } = require('../Errors/Errors')
+
+/**
+ * @import { PaymentProviderSubscription, PaymentProviderSubscriptionChange } from './PaymentProviderEntities'
+ */
+
+async function validateNoSubscriptionInRecurly(userId) {
+  let subscriptions =
+    await RecurlyWrapper.promises.listAccountActiveSubscriptions(userId)
+
+  if (!subscriptions) {
+    subscriptions = []
+  }
+
+  if (subscriptions.length > 0) {
+    await SubscriptionUpdater.promises.syncSubscription(
+      subscriptions[0],
+      userId
+    )
+
+    return false
+  }
+
+  return true
+}
+
+async function createSubscription(user, subscriptionDetails, recurlyTokenIds) {
+  const valid = await validateNoSubscriptionInRecurly(user._id)
+
+  if (!valid) {
+    throw new Error('user already has subscription in recurly')
+  }
+
+  const recurlySubscription = await RecurlyWrapper.promises.createSubscription(
+    user,
+    subscriptionDetails,
+    recurlyTokenIds
+  )
+
+  if (recurlySubscription.trial_started_at) {
+    const trialStartedAt = new Date(recurlySubscription.trial_started_at)
+    await UserUpdater.promises.updateUser(
+      { _id: user._id, lastTrial: { $not: { $gt: trialStartedAt } } },
+      { $set: { lastTrial: trialStartedAt } }
+    )
+  }
+
+  await SubscriptionUpdater.promises.syncSubscription(
+    recurlySubscription,
+    user._id
+  )
+}
+
+/**
+ * Preview the effect of changing the subscription plan
+ *
+ * @param {string} userId
+ * @param {string} planCode
+ * @return {Promise<PaymentProviderSubscriptionChange>}
+ */
+async function previewSubscriptionChange(userId, planCode) {
+  const subscription = await getSubscriptionForUser(userId)
+  const changeRequest = subscription?.getRequestForPlanChange(planCode)
+  const change =
+    await RecurlyClient.promises.previewSubscriptionChange(changeRequest)
+  return change
+}
+
+/**
+ * @param user
+ * @param planCode
+ * @param couponCode
+ */
+async function updateSubscription(user, planCode, couponCode) {
+  let hasSubscription = false
+  let subscription
+
+  try {
+    ;({ hasSubscription, subscription } =
+      await LimitationsManager.promises.userHasSubscription(user))
+  } catch (err) {
+    logger.warn(
+      { err, userId: user._id },
+      'there was an error checking user v2 subscription'
+    )
+  }
+
+  if (
+    !hasSubscription ||
+    subscription == null ||
+    subscription.recurlySubscription_id == null
+  ) {
+    return
+  }
+  const recurlySubscriptionId = subscription.recurlySubscription_id
+
+  if (couponCode) {
+    const usersSubscription = await RecurlyWrapper.promises.getSubscription(
+      recurlySubscriptionId,
+      { includeAccount: true }
+    )
+
+    await RecurlyWrapper.promises.redeemCoupon(
+      usersSubscription.account.account_code,
+      couponCode
+    )
+  }
+
+  const recurlySubscription = await RecurlyClient.promises.getSubscription(
+    recurlySubscriptionId
+  )
+  const changeRequest = recurlySubscription.getRequestForPlanChange(planCode)
+  await RecurlyClient.promises.applySubscriptionChangeRequest(changeRequest)
+  await syncSubscription({ uuid: recurlySubscriptionId }, user._id)
+}
+
+/**
+ * @param user
+ */
+async function cancelPendingSubscriptionChange(user) {
+  const { hasSubscription, subscription } =
+    await LimitationsManager.promises.userHasSubscription(user)
+
+  if (hasSubscription && subscription != null) {
+    await RecurlyClient.promises.removeSubscriptionChangeByUuid(
+      subscription.recurlySubscription_id
+    )
+  }
+}
+
+/**
+ * @param user
+ */
+async function cancelSubscription(user) {
+  try {
+    const { hasSubscription, subscription } =
+      await LimitationsManager.promises.userHasSubscription(user)
+    if (hasSubscription && subscription != null) {
+      await RecurlyClient.promises.cancelSubscriptionByUuid(
+        subscription.recurlySubscription_id
+      )
+      await _updateSubscriptionFromRecurly(subscription)
+      const emailOpts = {
+        to: user.email,
+        first_name: user.first_name,
+      }
+      const ONE_HOUR_IN_MS = 1000 * 60 * 60
+      EmailHandler.sendDeferredEmail(
+        'canceledSubscription',
+        emailOpts,
+        ONE_HOUR_IN_MS
+      )
+    }
+  } catch (err) {
+    logger.warn(
+      { err, userId: user._id },
+      'there was an error checking user v2 subscription'
+    )
+  }
+}
+
+/**
+ * @param user
+ */
+async function reactivateSubscription(user) {
+  try {
+    const { hasSubscription, subscription } =
+      await LimitationsManager.promises.userHasSubscription(user)
+    if (hasSubscription && subscription != null) {
+      await RecurlyClient.promises.reactivateSubscriptionByUuid(
+        subscription.recurlySubscription_id
+      )
+      await _updateSubscriptionFromRecurly(subscription)
+      EmailHandler.sendEmail(
+        'reactivatedSubscription',
+        { to: user.email },
+        err => {
+          if (err) {
+            logger.warn(
+              { err },
+              'failed to send reactivation confirmation email'
+            )
+          }
+        }
+      )
+    }
+  } catch (err) {
+    logger.warn(
+      { err, userId: user._id },
+      'there was an error checking user v2 subscription'
+    )
+  }
+}
+
+/**
+ * @param recurlySubscription
+ * @param requesterData
+ */
+async function syncSubscription(recurlySubscription, requesterData) {
+  const storedSubscription = await RecurlyWrapper.promises.getSubscription(
+    recurlySubscription.uuid,
+    { includeAccount: true }
+  )
+
+  const user = await User.findById(storedSubscription.account.account_code, {
+    _id: 1,
+  }).exec()
+
+  if (!user) {
+    throw new Error('no user found')
+  }
+
+  await SubscriptionUpdater.promises.syncSubscription(
+    storedSubscription,
+    user._id,
+    requesterData
+  )
+}
+
+/**
+ * attempt to collect past due invoice for customer. Only do that when a) the
+ * customer is using Paypal and b) there is only one past due invoice.
+ * This is used because Recurly doesn't always attempt collection of paast due
+ * invoices after Paypal billing info were updated.
+ *
+ * @param recurlyAccountCode
+ */
+async function attemptPaypalInvoiceCollection(recurlyAccountCode) {
+  const billingInfo =
+    await RecurlyWrapper.promises.getBillingInfo(recurlyAccountCode)
+
+  if (!billingInfo.paypal_billing_agreement_id) {
+    // this is not a Paypal user
+    return
+  }
+
+  const pastDueInvoices =
+    await RecurlyWrapper.promises.getAccountPastDueInvoices(recurlyAccountCode)
+
+  if (pastDueInvoices.length !== 1) {
+    // no past due invoices, or more than one. Ignore.
+    return
+  }
+
+  return await RecurlyWrapper.promises.attemptInvoiceCollection(
+    pastDueInvoices[0].invoice_number
+  )
+}
+
+async function extendTrial(subscription, daysToExend) {
+  await RecurlyWrapper.promises.extendTrial(
+    subscription.recurlySubscription_id,
+    daysToExend
+  )
+}
+
+async function _updateSubscriptionFromRecurly(subscription) {
+  const recurlySubscription = await RecurlyWrapper.promises.getSubscription(
+    subscription.recurlySubscription_id,
+    {}
+  )
+  await SubscriptionUpdater.promises.updateSubscriptionFromRecurly(
+    recurlySubscription,
+    subscription
+  )
+}
+
+/**
+ * Preview the effect of purchasing an add-on
+ *
+ * @param {string} userId
+ * @param {string} addOnCode
+ * @return {Promise<PaymentProviderSubscriptionChange>}
+ */
+async function previewAddonPurchase(userId, addOnCode) {
+  const subscription = await getSubscriptionForUser(userId)
+
+  try {
+    await RecurlyClient.promises.getAddOn(subscription.planCode, addOnCode)
+  } catch (err) {
+    if (err instanceof recurly.errors.NotFoundError) {
+      throw new NotFoundError({
+        message: 'Add-on not found',
+        info: { addOnCode },
+      })
+    }
+    throw err
+  }
+
+  const changeRequest = subscription.getRequestForAddOnPurchase(addOnCode)
+  const change =
+    await RecurlyClient.promises.previewSubscriptionChange(changeRequest)
+  return change
+}
+
+/**
+ * Purchase an add-on for a user
+ *
+ * @param {string} userId
+ * @param {string} addOnCode
+ * @param {number} quantity
+ */
+async function purchaseAddon(userId, addOnCode, quantity) {
+  const subscription = await getSubscriptionForUser(userId)
+  try {
+    await RecurlyClient.promises.getAddOn(subscription.planCode, addOnCode)
+  } catch (err) {
+    if (err instanceof recurly.errors.NotFoundError) {
+      throw new NotFoundError({
+        message: 'Add-on not found',
+        info: { addOnCode },
+      })
+    }
+    throw err
+  }
+  const changeRequest = subscription.getRequestForAddOnPurchase(
+    addOnCode,
+    quantity
+  )
+  await RecurlyClient.promises.applySubscriptionChangeRequest(changeRequest)
+  await syncSubscription({ uuid: subscription.id }, userId)
+}
+
+/**
+ * Cancels and add-on for a user
+ *
+ * @param {string} userId
+ * @param {string} addOnCode
+ */
+async function removeAddon(userId, addOnCode) {
+  const subscription = await getSubscriptionForUser(userId)
+  const changeRequest = subscription.getRequestForAddOnRemoval(addOnCode)
+  await RecurlyClient.promises.applySubscriptionChangeRequest(changeRequest)
+  await syncSubscription({ uuid: subscription.id }, userId)
+}
+
+/**
+ * Returns the Recurly UUID for the given user
+ *
+ * Throws a NotFoundError if the subscription can't be found
+ *
+ * @param {string} userId
+ * @return {Promise<PaymentProviderSubscription>}
+ */
+async function getSubscriptionForUser(userId) {
+  const subscription =
+    await SubscriptionLocator.promises.getUsersSubscription(userId)
+  const recurlyId = subscription?.recurlySubscription_id
+  if (recurlyId == null) {
+    throw new NotFoundError({
+      message: 'Recurly subscription not found',
+      info: { userId },
+    })
+  }
+
+  try {
+    const subscription = await RecurlyClient.promises.getSubscription(recurlyId)
+    return subscription
+  } catch (err) {
+    if (err instanceof recurly.errors.NotFoundError) {
+      throw new NotFoundError({
+        message: 'Subscription not found',
+        info: { userId, recurlyId },
+      })
+    } else {
+      throw err
+    }
+  }
+}
+
+async function pauseSubscription(user, pauseCycles) {
+  // only allow pausing on monthly plans not in a trial
+  const { subscription } =
+    await LimitationsManager.promises.userHasSubscription(user)
+  if (!subscription || !subscription.recurlyStatus) {
+    throw new Error('No active subscription to pause')
+  }
+
+  if (
+    !subscription.planCode ||
+    subscription.planCode.includes('ann') ||
+    subscription.groupPlan
+  ) {
+    throw new Error('Can only pause monthly individual plans')
+  }
+  if (
+    subscription.recurlyStatus.trialEndsAt &&
+    subscription.recurlyStatus.trialEndsAt > new Date()
+  ) {
+    throw new Error('Cannot pause a subscription in a trial')
+  }
+  if (subscription.addOns?.length) {
+    throw new Error('Cannot pause a subscription with addons')
+  }
+
+  await RecurlyClient.promises.pauseSubscriptionByUuid(
+    subscription.recurlySubscription_id,
+    pauseCycles
+  )
+}
+
+async function resumeSubscription(user) {
+  const { subscription } =
+    await LimitationsManager.promises.userHasSubscription(user)
+  if (!subscription || !subscription.recurlyStatus) {
+    throw new Error('No active subscription to resume')
+  }
+  await RecurlyClient.promises.resumeSubscriptionByUuid(
+    subscription.recurlySubscription_id
+  )
+}
+
+module.exports = {
+  validateNoSubscriptionInRecurly: callbackify(validateNoSubscriptionInRecurly),
+  createSubscription: callbackify(createSubscription),
+  previewSubscriptionChange: callbackify(previewSubscriptionChange),
+  updateSubscription: callbackify(updateSubscription),
+  cancelPendingSubscriptionChange: callbackify(cancelPendingSubscriptionChange),
+  cancelSubscription: callbackify(cancelSubscription),
+  reactivateSubscription: callbackify(reactivateSubscription),
+  syncSubscription: callbackify(syncSubscription),
+  attemptPaypalInvoiceCollection: callbackify(attemptPaypalInvoiceCollection),
+  extendTrial: callbackify(extendTrial),
+  previewAddonPurchase: callbackify(previewAddonPurchase),
+  purchaseAddon: callbackify(purchaseAddon),
+  removeAddon: callbackify(removeAddon),
+  pauseSubscription: callbackify(pauseSubscription),
+  resumeSubscription: callbackify(resumeSubscription),
+  promises: {
+    validateNoSubscriptionInRecurly,
+    createSubscription,
+    previewSubscriptionChange,
+    updateSubscription,
+    cancelPendingSubscriptionChange,
+    cancelSubscription,
+    reactivateSubscription,
+    syncSubscription,
+    attemptPaypalInvoiceCollection,
+    extendTrial,
+    previewAddonPurchase,
+    purchaseAddon,
+    removeAddon,
+    pauseSubscription,
+    resumeSubscription,
+  },
+}
diff --git a/services/web/app/src/Features/Subscription/SubscriptionHelper.js b/services/web/app/src/Features/Subscription/SubscriptionHelper.js
new file mode 100644
index 0000000..efb8895
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/SubscriptionHelper.js
@@ -0,0 +1,92 @@
+const { formatCurrency } = require('../../util/currency')
+const GroupPlansData = require('./GroupPlansData')
+
+/**
+ * If the user changes to a less expensive plan, we shouldn't apply the change immediately.
+ * This is to avoid unintended/artifical credits on users Recurly accounts.
+ */
+function shouldPlanChangeAtTermEnd(oldPlan, newPlan) {
+  return oldPlan.price_in_cents > newPlan.price_in_cents
+}
+
+/**
+ * This is duplicated in:
+ *   - services/web/scripts/plan-prices/plans.mjs
+ *   - services/web/modules/subscriptions/frontend/js/pages/plans/group-member-picker/group-plan-pricing.js
+ * @param {number} number
+ * @returns {number}
+ */
+function roundUpToNearest5Cents(number) {
+  return Math.ceil(number * 20) / 20
+}
+
+/**
+ * @import { CurrencyCode } from '../../../../types/subscription/currency'
+ */
+
+/**
+ * @typedef {Object} PlanToPrice
+ * @property {string} collaborator
+ * @property {string} professional
+ */
+
+/**
+ * @typedef {Object} LocalizedGroupPrice
+ * @property {PlanToPrice} price
+ * @property {PlanToPrice} pricePerUser
+ * @property {PlanToPrice} pricePerUserPerMonth
+ */
+
+/**
+ * @param {CurrencyCode} recommendedCurrency
+ * @param {string} locale
+ * @returns {LocalizedGroupPrice}
+ */
+function generateInitialLocalizedGroupPrice(recommendedCurrency, locale) {
+  const INITIAL_LICENSE_SIZE = 2
+
+  // the price is in cents, so divide by 100 to get the value
+  const collaboratorPrice =
+    GroupPlansData.enterprise.collaborator[recommendedCurrency][
+      INITIAL_LICENSE_SIZE
+    ].price_in_cents / 100
+  const collaboratorPricePerUser = collaboratorPrice / INITIAL_LICENSE_SIZE
+  const collaboratorPricePerUserPerMonth = roundUpToNearest5Cents(
+    collaboratorPrice / INITIAL_LICENSE_SIZE / 12
+  )
+  const professionalPrice =
+    GroupPlansData.enterprise.professional[recommendedCurrency][
+      INITIAL_LICENSE_SIZE
+    ].price_in_cents / 100
+  const professionalPricePerUser = professionalPrice / INITIAL_LICENSE_SIZE
+  const professionalPricePerUserPerMonth = roundUpToNearest5Cents(
+    professionalPrice / INITIAL_LICENSE_SIZE / 12
+  )
+
+  /**
+   * @param {number} price
+   * @returns {string}
+   */
+  const formatPrice = price =>
+    formatCurrency(price, recommendedCurrency, locale, true)
+
+  return {
+    price: {
+      collaborator: formatPrice(collaboratorPrice),
+      professional: formatPrice(professionalPrice),
+    },
+    pricePerUser: {
+      collaborator: formatPrice(collaboratorPricePerUser),
+      professional: formatPrice(professionalPricePerUser),
+    },
+    pricePerUserPerMonth: {
+      collaborator: formatPrice(collaboratorPricePerUserPerMonth),
+      professional: formatPrice(professionalPricePerUserPerMonth),
+    },
+  }
+}
+
+module.exports = {
+  shouldPlanChangeAtTermEnd,
+  generateInitialLocalizedGroupPrice,
+}
diff --git a/services/web/app/src/Features/Subscription/SubscriptionLocator.js b/services/web/app/src/Features/Subscription/SubscriptionLocator.js
new file mode 100644
index 0000000..ac0fa59
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/SubscriptionLocator.js
@@ -0,0 +1,142 @@
+const { callbackifyAll } = require('@overleaf/promise-utils')
+const { Subscription } = require('../../models/Subscription')
+const { DeletedSubscription } = require('../../models/DeletedSubscription')
+const logger = require('@overleaf/logger')
+const {
+  AI_ADD_ON_CODE,
+  isStandaloneAiAddOnPlanCode,
+} = require('./PaymentProviderEntities')
+require('./GroupPlansData') // make sure dynamic group plans are loaded
+
+const SubscriptionLocator = {
+  async getUsersSubscription(userOrId) {
+    const userId = SubscriptionLocator._getUserId(userOrId)
+    const subscription = await Subscription.findOne({ admin_id: userId }).exec()
+    logger.debug({ userId }, 'got users subscription')
+    return subscription
+  },
+
+  async getUserIndividualSubscription(userOrId) {
+    const userId = SubscriptionLocator._getUserId(userOrId)
+    const subscription = await Subscription.findOne({
+      admin_id: userId,
+      groupPlan: false,
+    }).exec()
+    logger.debug({ userId }, 'got users individual subscription')
+    return subscription
+  },
+
+  async getManagedGroupSubscriptions(userOrId) {
+    return await Subscription.find({
+      manager_ids: userOrId,
+      groupPlan: true,
+    })
+      .populate('admin_id', ['_id', 'email'])
+      .exec()
+  },
+
+  async getMemberSubscriptions(userOrId, populate = []) {
+    const userId = SubscriptionLocator._getUserId(userOrId)
+    // eslint-disable-next-line no-restricted-syntax
+    return await Subscription.find({ member_ids: userId })
+      .populate('admin_id', 'email')
+      .populate(populate)
+      .exec()
+  },
+
+  async getAdminEmail(subscriptionId) {
+    const subscription = await Subscription.findById(subscriptionId)
+      .populate('admin_id', 'email')
+      .exec()
+
+    return subscription?.admin_id?.email
+  },
+
+  async getAdminEmailAndName(subscriptionId) {
+    const subscription = await Subscription.findById(subscriptionId)
+      .populate('admin_id', ['email', 'first_name', 'last_name'])
+      .exec()
+
+    return subscription?.admin_id
+  },
+
+  async hasRecurlyGroupSubscription(userOrId) {
+    const userId = SubscriptionLocator._getUserId(userOrId)
+    return await Subscription.exists({
+      groupPlan: true,
+      recurlySubscription_id: { $exists: true },
+      $or: [
+        { member_ids: userId },
+        { manager_ids: userId },
+        { admin_id: userId },
+      ],
+    }).exec()
+  },
+
+  async getSubscription(subscriptionId) {
+    return await Subscription.findOne({ _id: subscriptionId }).exec()
+  },
+
+  async getSubscriptionByMemberIdAndId(userId, subscriptionId) {
+    return await Subscription.findOne(
+      { member_ids: userId, _id: subscriptionId },
+      { _id: 1 }
+    ).exec()
+  },
+
+  async getGroupSubscriptionsMemberOf(userId) {
+    return await Subscription.find(
+      { member_ids: userId },
+      { _id: 1, planCode: 1 }
+    )
+  },
+
+  async getGroupsWithEmailInvite(email) {
+    return await Subscription.find({ invited_emails: email }).exec()
+  },
+
+  async getGroupsWithTeamInvitesEmail(email) {
+    return await Subscription.find(
+      { teamInvites: { $elemMatch: { email } } },
+      { teamInvites: 1 }
+    ).exec()
+  },
+
+  async getGroupWithV1Id(v1TeamId) {
+    return await Subscription.findOne({ 'overleaf.id': v1TeamId }).exec()
+  },
+
+  async getUserDeletedSubscriptions(userId) {
+    return await DeletedSubscription.find({
+      'subscription.admin_id': userId,
+    }).exec()
+  },
+
+  async getDeletedSubscription(subscriptionId) {
+    return await DeletedSubscription.findOne({
+      'subscription._id': subscriptionId,
+    }).exec()
+  },
+
+  async hasAiAssist(userOrId) {
+    const userId = SubscriptionLocator._getUserId(userOrId)
+    const subscription = await Subscription.findOne({ admin_id: userId }).exec()
+    return Boolean(
+      isStandaloneAiAddOnPlanCode(subscription?.planCode) ||
+        subscription?.addOns?.some(addOn => addOn.code === AI_ADD_ON_CODE)
+    )
+  },
+
+  _getUserId(userOrId) {
+    if (userOrId && userOrId._id) {
+      return userOrId._id
+    } else if (userOrId) {
+      return userOrId
+    }
+  },
+}
+
+module.exports = {
+  ...callbackifyAll(SubscriptionLocator),
+  promises: SubscriptionLocator,
+}
diff --git a/services/web/app/src/Features/Subscription/SubscriptionRouter.mjs b/services/web/app/src/Features/Subscription/SubscriptionRouter.mjs
new file mode 100644
index 0000000..0bb30b5
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/SubscriptionRouter.mjs
@@ -0,0 +1,272 @@
+import AuthenticationController from '../Authentication/AuthenticationController.js'
+import PermissionsController from '../Authorization/PermissionsController.js'
+import SubscriptionController from './SubscriptionController.js'
+import SubscriptionGroupController from './SubscriptionGroupController.mjs'
+import TeamInvitesController from './TeamInvitesController.mjs'
+import { RateLimiter } from '../../infrastructure/RateLimiter.js'
+import RateLimiterMiddleware from '../Security/RateLimiterMiddleware.js'
+import Settings from '@overleaf/settings'
+import { Joi, validate } from '../../infrastructure/Validation.js'
+
+const teamInviteRateLimiter = new RateLimiter('team-invite', {
+  points: 10,
+  duration: 60,
+})
+
+const subscriptionRateLimiter = new RateLimiter('subscription', {
+  points: 30,
+  duration: 60,
+})
+
+const MAX_NUMBER_OF_USERS = 20
+
+const addSeatsValidateSchema = {
+  body: Joi.object({
+    adding: Joi.number().integer().min(1).max(MAX_NUMBER_OF_USERS).required(),
+  }),
+}
+
+export default {
+  apply(webRouter, privateApiRouter, publicApiRouter) {
+    if (!Settings.enableSubscriptions) {
+      return
+    }
+
+    webRouter.get(
+      '/user/subscription',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      PermissionsController.useCapabilities(),
+      SubscriptionController.userSubscriptionPage
+    )
+
+    webRouter.get(
+      '/user/subscription/thank-you',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionController.successfulSubscription
+    )
+
+    webRouter.get(
+      '/user/subscription/canceled',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionController.canceledSubscription
+    )
+
+    webRouter.get(
+      '/user/subscription/recurly/:pageType',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionController.redirectToHostedPage
+    )
+
+    webRouter.delete(
+      '/subscription/group/user',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      PermissionsController.requirePermission('leave-group-subscription'),
+      SubscriptionGroupController.removeSelfFromGroup
+    )
+
+    webRouter.get(
+      '/user/subscription/group/add-users',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionGroupController.addSeatsToGroupSubscription
+    )
+
+    webRouter.post(
+      '/user/subscription/group/add-users/preview',
+      AuthenticationController.requireLogin(),
+      validate(addSeatsValidateSchema),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionGroupController.previewAddSeatsSubscriptionChange
+    )
+
+    webRouter.post(
+      '/user/subscription/group/add-users/create',
+      AuthenticationController.requireLogin(),
+      validate(addSeatsValidateSchema),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionGroupController.createAddSeatsSubscriptionChange
+    )
+
+    webRouter.post(
+      '/user/subscription/group/add-users/sales-contact-form',
+      validate({
+        body: Joi.object({
+          adding: Joi.number().integer().min(MAX_NUMBER_OF_USERS).required(),
+        }),
+      }),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionGroupController.submitForm
+    )
+
+    webRouter.get(
+      '/user/subscription/group/upgrade-subscription',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionGroupController.subscriptionUpgradePage
+    )
+
+    webRouter.post(
+      '/user/subscription/group/upgrade-subscription',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionGroupController.upgradeSubscription
+    )
+
+    webRouter.get(
+      '/user/subscription/group/missing-billing-information',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionGroupController.missingBillingInformation
+    )
+
+    webRouter.get(
+      '/user/subscription/group/manually-collected-subscription',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionGroupController.manuallyCollectedSubscription
+    )
+
+    webRouter.get(
+      '/user/subscription/group/subtotal-limit-exceeded',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionGroupController.subtotalLimitExceeded
+    )
+
+    // Team invites
+    webRouter.get(
+      '/subscription/invites/:token/',
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      PermissionsController.useCapabilities(),
+      TeamInvitesController.viewInvite
+    )
+    webRouter.get(
+      '/subscription/invites/',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      PermissionsController.useCapabilities(),
+      TeamInvitesController.viewInvites
+    )
+    webRouter.put(
+      '/subscription/invites/:token/',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(teamInviteRateLimiter),
+      PermissionsController.requirePermission('join-subscription'),
+      TeamInvitesController.acceptInvite
+    )
+
+    // recurly callback
+    publicApiRouter.post(
+      '/user/subscription/callback',
+      RateLimiterMiddleware.rateLimit(
+        new RateLimiter('recurly-callback', {
+          points: 200,
+          duration: 60,
+        })
+      ),
+      AuthenticationController.requireBasicAuth({
+        [Settings.apis.recurly.webhookUser]: Settings.apis.recurly.webhookPass,
+      }),
+      SubscriptionController.recurlyNotificationParser,
+      SubscriptionController.recurlyCallback
+    )
+
+    // user changes their account state
+    webRouter.get(
+      '/user/subscription/preview',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionController.previewSubscription
+    )
+    webRouter.get(
+      '/user/subscription/addon/:addOnCode/add',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionController.previewAddonPurchase
+    )
+    webRouter.post(
+      '/user/subscription/addon/:addOnCode/add',
+      AuthenticationController.requireLogin(),
+      validate({
+        params: Joi.object({
+          addOnCode: Joi.string(),
+        }),
+      }),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionController.purchaseAddon
+    )
+    webRouter.post(
+      '/user/subscription/addon/:addOnCode/remove',
+      AuthenticationController.requireLogin(),
+      validate({
+        params: Joi.object({
+          addOnCode: Joi.string(),
+        }),
+      }),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionController.removeAddon
+    )
+    webRouter.post(
+      '/user/subscription/cancel-pending',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionController.cancelPendingSubscriptionChange
+    )
+    webRouter.post(
+      '/user/subscription/cancel',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionController.cancelSubscription
+    )
+    webRouter.post(
+      '/user/subscription/pause/:pauseCycles',
+      AuthenticationController.requireLogin(),
+      validate({
+        params: Joi.object({
+          pauseCycles: Joi.number().integer().max(12),
+        }),
+      }),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionController.pauseSubscription
+    )
+    webRouter.post(
+      '/user/subscription/resume',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionController.resumeSubscription
+    )
+    webRouter.post(
+      '/user/subscription/reactivate',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      PermissionsController.useCapabilities(),
+      SubscriptionController.reactivateSubscription
+    )
+
+    webRouter.post(
+      '/user/subscription/v1/cancel',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionController.cancelV1Subscription
+    )
+
+    webRouter.put(
+      '/user/subscription/extend',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionController.extendTrial
+    )
+
+    webRouter.post(
+      '/user/subscription/account/email',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(subscriptionRateLimiter),
+      SubscriptionController.updateAccountEmailAddress
+    )
+  },
+}
diff --git a/services/web/app/src/Features/Subscription/SubscriptionUpdater.js b/services/web/app/src/Features/Subscription/SubscriptionUpdater.js
new file mode 100644
index 0000000..2e43454
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/SubscriptionUpdater.js
@@ -0,0 +1,453 @@
+const { db, ObjectId } = require('../../infrastructure/mongodb')
+const { callbackify } = require('@overleaf/promise-utils')
+const { Subscription } = require('../../models/Subscription')
+const SubscriptionLocator = require('./SubscriptionLocator')
+const PlansLocator = require('./PlansLocator')
+const FeaturesUpdater = require('./FeaturesUpdater')
+const FeaturesHelper = require('./FeaturesHelper')
+const AnalyticsManager = require('../Analytics/AnalyticsManager')
+const { DeletedSubscription } = require('../../models/DeletedSubscription')
+const logger = require('@overleaf/logger')
+const Features = require('../../infrastructure/Features')
+const UserAuditLogHandler = require('../User/UserAuditLogHandler')
+const AccountMappingHelper = require('../Analytics/AccountMappingHelper')
+const { SSOConfig } = require('../../models/SSOConfig')
+
+/**
+ * Change the admin of the given subscription.
+ *
+ * If the subscription is a group, add the new admin as manager while keeping
+ * the old admin. Otherwise, replace the manager.
+ *
+ * Validation checks are assumed to have been made:
+ *   * subscription exists
+ *   * user exists
+ *   * user does not have another subscription
+ *   * subscription is not a Recurly subscription
+ *
+ * If the subscription is Recurly, we silently do nothing.
+ */
+async function updateAdmin(subscription, adminId) {
+  const query = {
+    _id: new ObjectId(subscription._id),
+    customAccount: true,
+  }
+  const update = {
+    $set: { admin_id: new ObjectId(adminId) },
+  }
+  if (subscription.groupPlan) {
+    update.$addToSet = { manager_ids: new ObjectId(adminId) }
+  } else {
+    update.$set.manager_ids = [new ObjectId(adminId)]
+  }
+  await Subscription.updateOne(query, update).exec()
+}
+
+async function syncSubscription(
+  recurlySubscription,
+  adminUserId,
+  requesterData = {}
+) {
+  let subscription =
+    await SubscriptionLocator.promises.getUsersSubscription(adminUserId)
+  if (subscription == null) {
+    subscription = await _createNewSubscription(adminUserId)
+  }
+  await updateSubscriptionFromRecurly(
+    recurlySubscription,
+    subscription,
+    requesterData
+  )
+}
+
+async function addUserToGroup(subscriptionId, userId) {
+  await UserAuditLogHandler.promises.addEntry(
+    userId,
+    'join-group-subscription',
+    undefined,
+    undefined,
+    { subscriptionId }
+  )
+  await Subscription.updateOne(
+    { _id: subscriptionId },
+    { $addToSet: { member_ids: userId } }
+  ).exec()
+  await FeaturesUpdater.promises.refreshFeatures(userId, 'add-to-group')
+  await _sendUserGroupPlanCodeUserProperty(userId)
+  await _sendSubscriptionEvent(
+    userId,
+    subscriptionId,
+    'group-subscription-joined'
+  )
+}
+
+async function removeUserFromGroup(subscriptionId, userId) {
+  await UserAuditLogHandler.promises.addEntry(
+    userId,
+    'leave-group-subscription',
+    undefined,
+    undefined,
+    { subscriptionId }
+  )
+  await Subscription.updateOne(
+    { _id: subscriptionId },
+    { $pull: { member_ids: userId } }
+  ).exec()
+  await FeaturesUpdater.promises.refreshFeatures(
+    userId,
+    'remove-user-from-group'
+  )
+  await _sendUserGroupPlanCodeUserProperty(userId)
+  await _sendSubscriptionEvent(
+    userId,
+    subscriptionId,
+    'group-subscription-left'
+  )
+}
+
+async function removeUserFromAllGroups(userId) {
+  const subscriptions =
+    await SubscriptionLocator.promises.getMemberSubscriptions(userId)
+  if (subscriptions.length === 0) {
+    return
+  }
+  const subscriptionIds = subscriptions.map(sub => sub._id)
+  const removeOperation = { $pull: { member_ids: userId } }
+
+  for (const subscriptionId of subscriptionIds) {
+    await UserAuditLogHandler.promises.addEntry(
+      userId,
+      'leave-group-subscription',
+      undefined,
+      undefined,
+      { subscriptionId }
+    )
+  }
+
+  await Subscription.updateMany(
+    { _id: subscriptionIds },
+    removeOperation
+  ).exec()
+  await FeaturesUpdater.promises.refreshFeatures(
+    userId,
+    'remove-user-from-groups'
+  )
+  for (const subscriptionId of subscriptionIds) {
+    await _sendSubscriptionEvent(
+      userId,
+      subscriptionId,
+      'group-subscription-left'
+    )
+  }
+  await _sendUserGroupPlanCodeUserProperty(userId)
+}
+
+async function deleteWithV1Id(v1TeamId) {
+  await Subscription.deleteOne({ 'overleaf.id': v1TeamId }).exec()
+}
+
+async function deleteSubscription(subscription, deleterData) {
+  // 1. create deletedSubscription
+  await createDeletedSubscription(subscription, deleterData)
+
+  // 2. notify analytics that members left the subscription
+  await _sendSubscriptionEventForAllMembers(
+    subscription._id,
+    'group-subscription-left'
+  )
+
+  // 3. remove subscription
+  await Subscription.deleteOne({ _id: subscription._id }).exec()
+
+  // 4. refresh users features
+  await _scheduleRefreshFeatures(subscription)
+}
+
+async function restoreSubscription(subscriptionId) {
+  const deletedSubscription =
+    await SubscriptionLocator.promises.getDeletedSubscription(subscriptionId)
+  const subscription = deletedSubscription.subscription
+
+  // 1. upsert subscription
+  await db.subscriptions.updateOne(
+    { _id: subscription._id },
+    { $set: subscription },
+    { upsert: true }
+  )
+
+  // 2. refresh users features. Do this before removing the
+  //    subscription so the restore can be retried if this fails
+  await refreshUsersFeatures(subscription)
+
+  // 3. remove deleted subscription
+  await DeletedSubscription.deleteOne({
+    'subscription._id': subscription._id,
+  }).exec()
+
+  // 4. notify analytics that members rejoined the subscription
+  await _sendSubscriptionEventForAllMembers(
+    subscriptionId,
+    'group-subscription-joined'
+  )
+}
+
+async function refreshUsersFeatures(subscription) {
+  const userIds = [subscription.admin_id].concat(subscription.member_ids || [])
+  for (const userId of userIds) {
+    await FeaturesUpdater.promises.refreshFeatures(
+      userId,
+      'subscription-updater'
+    )
+  }
+}
+
+async function _scheduleRefreshFeatures(subscription) {
+  const userIds = [subscription.admin_id].concat(subscription.member_ids || [])
+  for (const userId of userIds) {
+    await FeaturesUpdater.promises.scheduleRefreshFeatures(
+      userId,
+      'subscription-updater'
+    )
+  }
+}
+
+async function createDeletedSubscription(subscription, deleterData) {
+  subscription.teamInvites = []
+  subscription.invited_emails = []
+  const filter = { 'subscription._id': subscription._id }
+  const data = {
+    deleterData: {
+      deleterId: deleterData.id,
+      deleterIpAddress: deleterData.ip,
+    },
+    subscription,
+  }
+  const options = { upsert: true, new: true, setDefaultsOnInsert: true }
+  await DeletedSubscription.findOneAndUpdate(filter, data, options).exec()
+}
+
+async function _createNewSubscription(adminUserId) {
+  const subscription = new Subscription({
+    admin_id: adminUserId,
+    manager_ids: [adminUserId],
+  })
+  await subscription.save()
+  return subscription
+}
+
+async function _deleteAndReplaceSubscriptionFromRecurly(
+  recurlySubscription,
+  subscription,
+  requesterData
+) {
+  const adminUserId = subscription.admin_id
+  await deleteSubscription(subscription, requesterData)
+  const newSubscription = await _createNewSubscription(adminUserId)
+  await updateSubscriptionFromRecurly(
+    recurlySubscription,
+    newSubscription,
+    requesterData
+  )
+}
+
+async function updateSubscriptionFromRecurly(
+  recurlySubscription,
+  subscription,
+  requesterData
+) {
+  if (recurlySubscription.state === 'expired') {
+    const hasManagedUsersFeature =
+      Features.hasFeature('saas') && subscription?.managedUsersEnabled
+
+    // If a payment lapses and if the group is managed or has group SSO, as a temporary measure we need to
+    // make sure that the group continues as-is and no destructive actions are taken.
+    if (hasManagedUsersFeature) {
+      logger.warn(
+        { subscriptionId: subscription._id },
+        'expired subscription has managedUsers feature enabled, skipping deletion'
+      )
+    } else {
+      let hasGroupSSOEnabled = false
+      if (subscription?.ssoConfig) {
+        const ssoConfig = await SSOConfig.findOne({
+          _id: subscription.ssoConfig._id || subscription.ssoConfig,
+        })
+          .lean()
+          .exec()
+        if (ssoConfig.enabled) {
+          hasGroupSSOEnabled = true
+        }
+      }
+
+      if (hasGroupSSOEnabled) {
+        logger.warn(
+          { subscriptionId: subscription._id },
+          'expired subscription has groupSSO feature enabled, skipping deletion'
+        )
+      } else {
+        await deleteSubscription(subscription, requesterData)
+      }
+    }
+    return
+  }
+  const updatedPlanCode = recurlySubscription.plan.plan_code
+  const plan = PlansLocator.findLocalPlanInSettings(updatedPlanCode)
+
+  if (plan == null) {
+    throw new Error(`plan code not found: ${updatedPlanCode}`)
+  }
+  if (!plan.groupPlan && subscription.groupPlan) {
+    // If downgrading from group to individual plan, delete group sub and create a new one
+    await _deleteAndReplaceSubscriptionFromRecurly(
+      recurlySubscription,
+      subscription,
+      requesterData
+    )
+    return
+  }
+
+  const addOns = recurlySubscription?.subscription_add_ons?.map(addOn => {
+    return {
+      addOnCode: addOn.add_on_code,
+      quantity: addOn.quantity,
+      unitAmountInCents: addOn.unit_amount_in_cents,
+    }
+  })
+
+  subscription.recurlySubscription_id = recurlySubscription.uuid
+  subscription.planCode = updatedPlanCode
+  subscription.addOns = addOns || []
+  subscription.recurlyStatus = {
+    state: recurlySubscription.state,
+    trialStartedAt: recurlySubscription.trial_started_at,
+    trialEndsAt: recurlySubscription.trial_ends_at,
+  }
+
+  if (plan.groupPlan) {
+    if (!subscription.groupPlan) {
+      subscription.member_ids = subscription.member_ids || []
+      subscription.member_ids.push(subscription.admin_id)
+    }
+
+    subscription.groupPlan = true
+    subscription.membersLimit = plan.membersLimit
+
+    // Some plans allow adding more seats than the base plan provides.
+    // This is recorded as a subscription add on.
+    if (
+      plan.membersLimitAddOn &&
+      Array.isArray(recurlySubscription.subscription_add_ons)
+    ) {
+      recurlySubscription.subscription_add_ons.forEach(addOn => {
+        if (addOn.add_on_code === plan.membersLimitAddOn) {
+          subscription.membersLimit += addOn.quantity
+        }
+      })
+    }
+  }
+  await subscription.save()
+
+  const accountMapping =
+    AccountMappingHelper.generateSubscriptionToRecurlyMapping(
+      subscription._id,
+      subscription.recurlySubscription_id
+    )
+  if (accountMapping) {
+    AnalyticsManager.registerAccountMapping(accountMapping)
+  }
+
+  await _scheduleRefreshFeatures(subscription)
+}
+
+async function _sendUserGroupPlanCodeUserProperty(userId) {
+  try {
+    const subscriptions =
+      await SubscriptionLocator.promises.getMemberSubscriptions(userId)
+    let bestPlanCode = null
+    let bestFeatures = {}
+    for (const subscription of subscriptions) {
+      const plan = PlansLocator.findLocalPlanInSettings(subscription.planCode)
+      if (
+        plan &&
+        FeaturesHelper.isFeatureSetBetter(plan.features, bestFeatures)
+      ) {
+        bestPlanCode = plan.planCode
+        bestFeatures = plan.features
+      }
+    }
+    AnalyticsManager.setUserPropertyForUserInBackground(
+      userId,
+      'group-subscription-plan-code',
+      bestPlanCode
+    )
+  } catch (error) {
+    logger.error(
+      { err: error },
+      `Failed to update group-subscription-plan-code property for user ${userId}`
+    )
+  }
+}
+
+async function _sendSubscriptionEvent(userId, subscriptionId, event) {
+  const subscription = await Subscription.findOne(
+    { _id: subscriptionId },
+    { recurlySubscription_id: 1, groupPlan: 1 }
+  )
+  if (!subscription || !subscription.groupPlan) {
+    return
+  }
+  AnalyticsManager.recordEventForUserInBackground(userId, event, {
+    groupId: subscription._id.toString(),
+    subscriptionId: subscription.recurlySubscription_id,
+  })
+}
+
+async function _sendSubscriptionEventForAllMembers(subscriptionId, event) {
+  const subscription = await Subscription.findOne(
+    { _id: subscriptionId },
+    {
+      recurlySubscription_id: 1,
+      member_ids: 1,
+      groupPlan: 1,
+    }
+  )
+  if (!subscription) {
+    return
+  }
+  const userIds = (subscription.member_ids || []).filter(Boolean)
+  for (const userId of userIds) {
+    if (userId) {
+      AnalyticsManager.recordEventForUserInBackground(userId, event, {
+        groupId: subscription._id.toString(),
+        subscriptionId: subscription.recurlySubscription_id,
+      })
+    }
+  }
+}
+
+module.exports = {
+  updateAdmin: callbackify(updateAdmin),
+  syncSubscription: callbackify(syncSubscription),
+  deleteSubscription: callbackify(deleteSubscription),
+  createDeletedSubscription: callbackify(createDeletedSubscription),
+  addUserToGroup: callbackify(addUserToGroup),
+  refreshUsersFeatures: callbackify(refreshUsersFeatures),
+  removeUserFromGroup: callbackify(removeUserFromGroup),
+  removeUserFromAllGroups: callbackify(removeUserFromAllGroups),
+  deleteWithV1Id: callbackify(deleteWithV1Id),
+  restoreSubscription: callbackify(restoreSubscription),
+  updateSubscriptionFromRecurly: callbackify(updateSubscriptionFromRecurly),
+  promises: {
+    updateAdmin,
+    syncSubscription,
+    addUserToGroup,
+    refreshUsersFeatures,
+    removeUserFromGroup,
+    removeUserFromAllGroups,
+    deleteSubscription,
+    createDeletedSubscription,
+    deleteWithV1Id,
+    restoreSubscription,
+    updateSubscriptionFromRecurly,
+  },
+}
diff --git a/services/web/app/src/Features/Subscription/SubscriptionViewModelBuilder.js b/services/web/app/src/Features/Subscription/SubscriptionViewModelBuilder.js
new file mode 100644
index 0000000..45766dd
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/SubscriptionViewModelBuilder.js
@@ -0,0 +1,614 @@
+// ts-check
+const Settings = require('@overleaf/settings')
+const RecurlyWrapper = require('./RecurlyWrapper')
+const PlansLocator = require('./PlansLocator')
+const {
+  isStandaloneAiAddOnPlanCode,
+  MEMBERS_LIMIT_ADD_ON_CODE,
+} = require('./PaymentProviderEntities')
+const SubscriptionFormatters = require('./SubscriptionFormatters')
+const SubscriptionLocator = require('./SubscriptionLocator')
+const SubscriptionUpdater = require('./SubscriptionUpdater')
+const InstitutionsGetter = require('../Institutions/InstitutionsGetter')
+const InstitutionsManager = require('../Institutions/InstitutionsManager')
+const PublishersGetter = require('../Publishers/PublishersGetter')
+const sanitizeHtml = require('sanitize-html')
+const _ = require('lodash')
+const async = require('async')
+const SubscriptionHelper = require('./SubscriptionHelper')
+const { callbackify } = require('@overleaf/promise-utils')
+const {
+  InvalidError,
+  NotFoundError,
+  V1ConnectionError,
+} = require('../Errors/Errors')
+const FeaturesHelper = require('./FeaturesHelper')
+const { formatCurrency } = require('../../util/currency')
+const Modules = require('../../infrastructure/Modules')
+
+/**
+ * @import { Subscription } from "../../../../types/project/dashboard/subscription"
+ */
+
+function buildHostedLink(type) {
+  return `/user/subscription/recurly/${type}`
+}
+
+// Downgrade from Mongoose object, so we can add custom attributes to object
+function serializeMongooseObject(object) {
+  return object && typeof object.toObject === 'function'
+    ? object.toObject()
+    : object
+}
+
+async function getRedirectToHostedPage(userId, pageType) {
+  if (!['billing-details', 'account-management'].includes(pageType)) {
+    throw new InvalidError('unexpected page type')
+  }
+  const personalSubscription =
+    await SubscriptionLocator.promises.getUsersSubscription(userId)
+  const recurlySubscriptionId = personalSubscription?.recurlySubscription_id
+  if (!recurlySubscriptionId) {
+    throw new NotFoundError('not a recurly subscription')
+  }
+  const recurlySubscription = await RecurlyWrapper.promises.getSubscription(
+    recurlySubscriptionId,
+    { includeAccount: true }
+  )
+
+  const recurlySubdomain = Settings.apis.recurly.subdomain
+  const hostedLoginToken = recurlySubscription.account.hosted_login_token
+  if (!hostedLoginToken) {
+    throw new Error('recurly account does not have hosted login token')
+  }
+  let path = ''
+  if (pageType === 'billing-details') {
+    path = 'billing_info/edit?ht='
+  }
+  return [
+    'https://',
+    recurlySubdomain,
+    '.recurly.com/account/',
+    path,
+    hostedLoginToken,
+  ].join('')
+}
+
+async function buildUsersSubscriptionViewModel(user, locale = 'en') {
+  let {
+    personalSubscription,
+    memberGroupSubscriptions,
+    managedGroupSubscriptions,
+    currentInstitutionsWithLicence,
+    managedInstitutions,
+    managedPublishers,
+    fetchedPaymentRecord,
+    plan,
+  } = await async.auto({
+    personalSubscription(cb) {
+      SubscriptionLocator.getUsersSubscription(user, cb)
+    },
+    fetchedPaymentRecord: [
+      'personalSubscription',
+      ({ personalSubscription }, cb) => {
+        Modules.hooks.fire('getPaymentFromRecord', personalSubscription, cb)
+      },
+    ],
+    plan: [
+      'personalSubscription',
+      ({ personalSubscription }, cb) => {
+        if (personalSubscription == null) {
+          return cb()
+        }
+        const plan = PlansLocator.findLocalPlanInSettings(
+          personalSubscription.planCode
+        )
+        if (plan == null) {
+          return cb(
+            new Error(
+              `No plan found for planCode '${personalSubscription.planCode}'`
+            )
+          )
+        }
+        cb(null, plan)
+      },
+    ],
+    memberGroupSubscriptions(cb) {
+      SubscriptionLocator.getMemberSubscriptions(user, cb)
+    },
+    managedGroupSubscriptions(cb) {
+      SubscriptionLocator.getManagedGroupSubscriptions(user, cb)
+    },
+    currentInstitutionsWithLicence(cb) {
+      InstitutionsGetter.getCurrentInstitutionsWithLicence(
+        user._id,
+        (error, institutions) => {
+          if (error instanceof V1ConnectionError) {
+            return cb(null, false)
+          }
+          cb(null, institutions)
+        }
+      )
+    },
+    managedInstitutions(cb) {
+      InstitutionsGetter.getManagedInstitutions(user._id, cb)
+    },
+    managedPublishers(cb) {
+      PublishersGetter.getManagedPublishers(user._id, cb)
+    },
+  })
+
+  const paymentRecord = fetchedPaymentRecord && fetchedPaymentRecord[0]
+
+  if (memberGroupSubscriptions == null) {
+    memberGroupSubscriptions = []
+  } else {
+    memberGroupSubscriptions = memberGroupSubscriptions.map(group => {
+      const userIsGroupManager = group.manager_ids?.some(
+        id => id.toString() === user._id.toString()
+      )
+
+      const groupDataForView = {
+        _id: group._id,
+        planCode: group.planCode,
+        teamName: group.teamName,
+        admin_id: {
+          email: group.admin_id.email,
+        },
+        userIsGroupManager,
+      }
+
+      if (group.teamNotice) {
+        groupDataForView.teamNotice = sanitizeHtml(group.teamNotice)
+      }
+
+      buildGroupSubscriptionForView(groupDataForView)
+
+      return groupDataForView
+    })
+  }
+
+  if (managedGroupSubscriptions == null) {
+    managedGroupSubscriptions = []
+  } else {
+    managedGroupSubscriptions = managedGroupSubscriptions.map(group => {
+      const userIsGroupMember = group.member_ids?.some(
+        id => id.toString() === user._id.toString()
+      )
+
+      const groupDataForView = {
+        _id: group._id,
+        planCode: group.planCode,
+        groupPlan: group.groupPlan,
+        teamName: group.teamName,
+        admin_id: {
+          _id: group.admin_id._id,
+          email: group.admin_id.email,
+        },
+        features: group.features,
+        userIsGroupMember,
+      }
+
+      buildGroupSubscriptionForView(groupDataForView)
+
+      return groupDataForView
+    })
+  }
+
+  if (managedInstitutions == null) {
+    managedInstitutions = []
+  }
+
+  personalSubscription = serializeMongooseObject(personalSubscription)
+
+  managedInstitutions = managedInstitutions.map(serializeMongooseObject)
+  await Promise.all(
+    managedInstitutions.map(InstitutionsManager.promises.fetchV1Data)
+  )
+  managedPublishers = managedPublishers.map(serializeMongooseObject)
+  await Promise.all(
+    managedPublishers.map(PublishersGetter.promises.fetchV1Data)
+  )
+
+  if (plan != null) {
+    personalSubscription.plan = plan
+  }
+
+  function getPlanOnlyDisplayPrice(
+    totalPlanPriceInCents,
+    taxRate,
+    addOns = []
+  ) {
+    // The MEMBERS_LIMIT_ADD_ON_CODE is considered as part of the new plan model
+    const allAddOnsPriceInCentsExceptAdditionalLicensePrice = addOns.reduce(
+      (prev, curr) => {
+        return curr.code !== MEMBERS_LIMIT_ADD_ON_CODE
+          ? curr.quantity * curr.unitPrice + prev
+          : prev
+      },
+      0
+    )
+    const allAddOnsTotalPriceInCentsExceptAdditionalLicensePrice =
+      allAddOnsPriceInCentsExceptAdditionalLicensePrice +
+      allAddOnsPriceInCentsExceptAdditionalLicensePrice * taxRate
+
+    return formatCurrency(
+      totalPlanPriceInCents -
+        allAddOnsTotalPriceInCentsExceptAdditionalLicensePrice,
+      paymentRecord.subscription.currency,
+      locale
+    )
+  }
+
+  function getAddOnDisplayPricesWithoutAdditionalLicense(taxRate, addOns = []) {
+    return addOns.reduce((prev, curr) => {
+      if (curr.code !== MEMBERS_LIMIT_ADD_ON_CODE) {
+        const priceInCents = curr.quantity * curr.unitPrice
+        const totalPriceInCents = priceInCents + priceInCents * taxRate
+
+        if (totalPriceInCents > 0) {
+          prev[curr.code] = formatCurrency(
+            totalPriceInCents,
+            paymentRecord.subscription.currency,
+            locale
+          )
+        }
+      }
+
+      return prev
+    }, {})
+  }
+
+  if (personalSubscription && paymentRecord && paymentRecord.subscription) {
+    // don't return subscription payment information
+    delete personalSubscription.paymentProvider
+    delete personalSubscription.recurly
+
+    const tax = paymentRecord.subscription.taxAmount || 0
+    // Some plans allow adding more seats than the base plan provides.
+    // This is recorded as a subscription add on.
+    // Note: taxAmount already includes the tax for any addon.
+    let addOnPrice = 0
+    let additionalLicenses = 0
+    const addOns = paymentRecord.subscription.addOns || []
+    const taxRate = paymentRecord.subscription.taxRate
+    addOns.forEach(addOn => {
+      addOnPrice += addOn.quantity * addOn.unitPrice
+      if (addOn.code === plan.membersLimitAddOn) {
+        additionalLicenses += addOn.quantity
+      }
+    })
+    const totalLicenses = (plan.membersLimit || 0) + additionalLicenses
+    personalSubscription.payment = {
+      taxRate,
+      billingDetailsLink: buildHostedLink('billing-details'),
+      accountManagementLink: buildHostedLink('account-management'),
+      additionalLicenses,
+      addOns,
+      totalLicenses,
+      nextPaymentDueAt: SubscriptionFormatters.formatDateTime(
+        paymentRecord.subscription.periodEnd
+      ),
+      nextPaymentDueDate: SubscriptionFormatters.formatDate(
+        paymentRecord.subscription.periodEnd
+      ),
+      currency: paymentRecord.subscription.currency,
+      state: paymentRecord.subscription.state,
+      trialEndsAtFormatted: SubscriptionFormatters.formatDateTime(
+        paymentRecord.subscription.trialPeriodEnd
+      ),
+      trialEndsAt: paymentRecord.subscription.trialPeriodEnd,
+      activeCoupons: paymentRecord.coupons,
+      accountEmail: paymentRecord.account.email,
+      hasPastDueInvoice: paymentRecord.account.hasPastDueInvoice,
+      pausedAt: paymentRecord.subscription.pausePeriodStart,
+      remainingPauseCycles: paymentRecord.subscription.remainingPauseCycles,
+    }
+    if (paymentRecord.subscription.pendingChange) {
+      const pendingPlanCode =
+        paymentRecord.subscription.pendingChange.nextPlanCode
+      const pendingPlan = PlansLocator.findLocalPlanInSettings(pendingPlanCode)
+      if (pendingPlan == null) {
+        throw new Error(`No plan found for planCode '${pendingPlanCode}'`)
+      }
+      let pendingAdditionalLicenses = 0
+      let pendingAddOnTax = 0
+      let pendingAddOnPrice = 0
+      if (paymentRecord.subscription.pendingChange.nextAddOns) {
+        const pendingAddOns =
+          paymentRecord.subscription.pendingChange.nextAddOns
+        pendingAddOns.forEach(addOn => {
+          pendingAddOnPrice += addOn.quantity * addOn.unitPrice
+          if (addOn.code === pendingPlan.membersLimitAddOn) {
+            pendingAdditionalLicenses += addOn.quantity
+          }
+        })
+        // Need to calculate tax ourselves as we don't get tax amounts for pending subs
+        pendingAddOnTax =
+          personalSubscription.payment.taxRate * pendingAddOnPrice
+        pendingPlan.addOns = pendingAddOns
+      }
+      const pendingSubscriptionTax =
+        personalSubscription.payment.taxRate *
+        paymentRecord.subscription.pendingChange.nextPlanPrice
+      const totalPrice =
+        paymentRecord.subscription.pendingChange.nextPlanPrice +
+        pendingAddOnPrice +
+        pendingAddOnTax +
+        pendingSubscriptionTax
+
+      personalSubscription.payment.displayPrice = formatCurrency(
+        totalPrice,
+        paymentRecord.subscription.currency,
+        locale
+      )
+      personalSubscription.payment.planOnlyDisplayPrice =
+        getPlanOnlyDisplayPrice(
+          totalPrice,
+          taxRate,
+          paymentRecord.subscription.pendingChange.nextAddOns
+        )
+      personalSubscription.payment.addOnDisplayPricesWithoutAdditionalLicense =
+        getAddOnDisplayPricesWithoutAdditionalLicense(
+          taxRate,
+          paymentRecord.subscription.pendingChange.nextAddOns
+        )
+      const pendingTotalLicenses =
+        (pendingPlan.membersLimit || 0) + pendingAdditionalLicenses
+      personalSubscription.payment.pendingAdditionalLicenses =
+        pendingAdditionalLicenses
+      personalSubscription.payment.pendingTotalLicenses = pendingTotalLicenses
+      personalSubscription.pendingPlan = pendingPlan
+    } else {
+      const totalPrice = paymentRecord.subscription.planPrice + addOnPrice + tax
+      personalSubscription.payment.displayPrice = formatCurrency(
+        totalPrice,
+        paymentRecord.subscription.currency,
+        locale
+      )
+      personalSubscription.payment.planOnlyDisplayPrice =
+        getPlanOnlyDisplayPrice(totalPrice, taxRate, addOns)
+      personalSubscription.payment.addOnDisplayPricesWithoutAdditionalLicense =
+        getAddOnDisplayPricesWithoutAdditionalLicense(taxRate, addOns)
+    }
+  }
+
+  return {
+    personalSubscription,
+    managedGroupSubscriptions,
+    memberGroupSubscriptions,
+    currentInstitutionsWithLicence,
+    managedInstitutions,
+    managedPublishers,
+  }
+}
+
+/**
+ * @param {{_id: string}} user
+ * @returns {Promise<Subscription>}
+ */
+async function getBestSubscription(user) {
+  let [
+    individualSubscription,
+    memberGroupSubscriptions,
+    currentInstitutionsWithLicence,
+  ] = await Promise.all([
+    SubscriptionLocator.promises.getUsersSubscription(user),
+    SubscriptionLocator.promises.getMemberSubscriptions(user),
+    InstitutionsGetter.promises.getCurrentInstitutionsWithLicence(user._id),
+  ])
+  if (
+    individualSubscription &&
+    !individualSubscription.customAccount &&
+    individualSubscription.recurlySubscription_id &&
+    !individualSubscription.recurlyStatus?.state
+  ) {
+    const recurlySubscription = await RecurlyWrapper.promises.getSubscription(
+      individualSubscription.recurlySubscription_id,
+      { includeAccount: true }
+    )
+    await SubscriptionUpdater.promises.updateSubscriptionFromRecurly(
+      recurlySubscription,
+      individualSubscription
+    )
+    individualSubscription =
+      await SubscriptionLocator.promises.getUsersSubscription(user)
+  }
+  let bestSubscription = {
+    type: 'free',
+  }
+  if (currentInstitutionsWithLicence?.length) {
+    for (const institutionMembership of currentInstitutionsWithLicence) {
+      const plan = PlansLocator.findLocalPlanInSettings(
+        Settings.institutionPlanCode
+      )
+      if (_isPlanEqualOrBetter(plan, bestSubscription.plan)) {
+        bestSubscription = {
+          type: 'commons',
+          subscription: institutionMembership,
+          plan,
+        }
+      }
+    }
+  }
+  if (memberGroupSubscriptions?.length) {
+    for (const groupSubscription of memberGroupSubscriptions) {
+      const plan = PlansLocator.findLocalPlanInSettings(
+        groupSubscription.planCode
+      )
+      if (_isPlanEqualOrBetter(plan, bestSubscription.plan)) {
+        const groupDataForView = {}
+        if (groupSubscription.teamName) {
+          groupDataForView.teamName = groupSubscription.teamName
+        }
+        const remainingTrialDays = _getRemainingTrialDays(groupSubscription)
+        bestSubscription = {
+          type: 'group',
+          subscription: groupDataForView,
+          plan,
+          remainingTrialDays,
+        }
+      }
+    }
+  }
+  if (individualSubscription && !individualSubscription.groupPlan) {
+    if (
+      isStandaloneAiAddOnPlanCode(individualSubscription.planCode) &&
+      bestSubscription.type === 'free'
+    ) {
+      bestSubscription = { type: 'standalone-ai-add-on' }
+    } else {
+      const plan = PlansLocator.findLocalPlanInSettings(
+        individualSubscription.planCode
+      )
+      if (_isPlanEqualOrBetter(plan, bestSubscription.plan)) {
+        const remainingTrialDays = _getRemainingTrialDays(
+          individualSubscription
+        )
+        bestSubscription = {
+          type: 'individual',
+          subscription: individualSubscription,
+          plan,
+          remainingTrialDays,
+        }
+      }
+    }
+  }
+  return bestSubscription
+}
+
+function buildPlansList(currentPlan) {
+  const { plans } = Settings
+
+  const allPlans = {}
+  plans.forEach(plan => {
+    allPlans[plan.planCode] = plan
+  })
+
+  const result = { allPlans }
+
+  if (currentPlan) {
+    result.planCodesChangingAtTermEnd = _.map(
+      _.filter(plans, plan => {
+        if (!plan.hideFromUsers) {
+          return SubscriptionHelper.shouldPlanChangeAtTermEnd(currentPlan, plan)
+        }
+      }),
+      'planCode'
+    )
+  }
+
+  result.studentAccounts = _.filter(
+    plans,
+    plan => plan.planCode.indexOf('student') !== -1
+  )
+
+  result.groupMonthlyPlans = _.filter(
+    plans,
+    plan => plan.groupPlan && !plan.annual
+  )
+
+  result.groupAnnualPlans = _.filter(
+    plans,
+    plan => plan.groupPlan && plan.annual
+  )
+
+  result.individualMonthlyPlans = _.filter(
+    plans,
+    plan =>
+      !plan.groupPlan &&
+      !plan.annual &&
+      plan.planCode !== 'personal' && // Prevent the personal plan from appearing on the change-plans page
+      plan.planCode.indexOf('student') === -1
+  )
+
+  result.individualAnnualPlans = _.filter(
+    plans,
+    plan =>
+      !plan.groupPlan && plan.annual && plan.planCode.indexOf('student') === -1
+  )
+
+  return result
+}
+
+function _isPlanEqualOrBetter(planA, planB) {
+  return FeaturesHelper.isFeatureSetBetter(
+    planA?.features || {},
+    planB?.features || {}
+  )
+}
+
+function _getRemainingTrialDays(subscription) {
+  const now = new Date()
+  const trialEndDate = subscription.recurlyStatus?.trialEndsAt
+  return trialEndDate && trialEndDate > now
+    ? Math.ceil(
+        (trialEndDate.getTime() - now.getTime()) / (24 * 60 * 60 * 1000)
+      )
+    : -1
+}
+
+function buildGroupSubscriptionForView(groupSubscription) {
+  // most group plans in Recurly should be in form "group_plancode_size_usage"
+  const planLevelFromGroupPlanCode = groupSubscription.planCode.substr(6, 12)
+  if (planLevelFromGroupPlanCode === 'professional') {
+    groupSubscription.planLevelName = 'Professional'
+  } else if (planLevelFromGroupPlanCode === 'collaborator') {
+    groupSubscription.planLevelName = 'Standard'
+  }
+  // there are some group subscription entries that have the personal plancodes...
+  // this fallback tries to still show the right thing in these cases:
+  if (!groupSubscription.planLevelName) {
+    if (groupSubscription.planCode.startsWith('professional')) {
+      groupSubscription.planLevelName = 'Professional'
+    } else if (groupSubscription.planCode.startsWith('collaborator')) {
+      groupSubscription.planLevelName = 'Standard'
+    } else {
+      // if we still don't have anything, we can show the plan name (eg, v1 Pro):
+      const plan = PlansLocator.findLocalPlanInSettings(
+        groupSubscription.planCode
+      )
+      groupSubscription.planLevelName = plan
+        ? plan.name
+        : groupSubscription.planCode
+    }
+  }
+}
+
+function buildPlansListForSubscriptionDash(currentPlan) {
+  const allPlansData = buildPlansList(currentPlan)
+  const plans = []
+  // only list individual and visible plans for "change plans" UI
+  if (allPlansData.studentAccounts) {
+    plans.push(
+      ...allPlansData.studentAccounts.filter(plan => !plan.hideFromUsers)
+    )
+  }
+  if (allPlansData.individualMonthlyPlans) {
+    plans.push(
+      ...allPlansData.individualMonthlyPlans.filter(plan => !plan.hideFromUsers)
+    )
+  }
+  if (allPlansData.individualAnnualPlans) {
+    plans.push(
+      ...allPlansData.individualAnnualPlans.filter(plan => !plan.hideFromUsers)
+    )
+  }
+
+  return {
+    plans,
+    planCodesChangingAtTermEnd: allPlansData.planCodesChangingAtTermEnd,
+  }
+}
+
+module.exports = {
+  buildUsersSubscriptionViewModel: callbackify(buildUsersSubscriptionViewModel),
+  buildPlansList,
+  buildPlansListForSubscriptionDash,
+  getBestSubscription: callbackify(getBestSubscription),
+  promises: {
+    buildUsersSubscriptionViewModel,
+    getRedirectToHostedPage,
+    getBestSubscription,
+  },
+}
diff --git a/services/web/app/src/Features/Subscription/TeamInvitesController.mjs b/services/web/app/src/Features/Subscription/TeamInvitesController.mjs
new file mode 100644
index 0000000..ca50875
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/TeamInvitesController.mjs
@@ -0,0 +1,307 @@
+import settings from '@overleaf/settings'
+import logger from '@overleaf/logger'
+import OError from '@overleaf/o-error'
+import TeamInvitesHandler from './TeamInvitesHandler.js'
+import SessionManager from '../Authentication/SessionManager.js'
+import SubscriptionLocator from './SubscriptionLocator.js'
+import ErrorController from '../Errors/ErrorController.js'
+import EmailHelper from '../Helpers/EmailHelper.js'
+import UserGetter from '../User/UserGetter.js'
+import { expressify } from '@overleaf/promise-utils'
+import HttpErrorHandler from '../Errors/HttpErrorHandler.js'
+import PermissionsManager from '../Authorization/PermissionsManager.js'
+import EmailHandler from '../Email/EmailHandler.js'
+import { RateLimiter } from '../../infrastructure/RateLimiter.js'
+import Modules from '../../infrastructure/Modules.js'
+import UserAuditLogHandler from '../User/UserAuditLogHandler.js'
+
+const rateLimiters = {
+  resendGroupInvite: new RateLimiter('resend-group-invite', {
+    points: 1,
+    duration: 60 * 60,
+  }),
+}
+
+async function createInvite(req, res, next) {
+  const teamManagerId = SessionManager.getLoggedInUserId(req.session)
+  const subscription = req.entity
+  const email = EmailHelper.parseEmail(req.body.email)
+  if (!email) {
+    return res.status(422).json({
+      error: {
+        code: 'invalid_email',
+        message: req.i18n.translate('invalid_email'),
+      },
+    })
+  }
+
+  try {
+    const invitedUserData = await TeamInvitesHandler.promises.createInvite(
+      teamManagerId,
+      subscription,
+      email
+    )
+    return res.json({ user: invitedUserData })
+  } catch (err) {
+    if (err.alreadyInTeam) {
+      return res.status(400).json({
+        error: {
+          code: 'user_already_added',
+          message: req.i18n.translate('user_already_added'),
+        },
+      })
+    }
+    if (err.limitReached) {
+      return res.status(400).json({
+        error: {
+          code: 'group_full',
+          message: req.i18n.translate('group_full'),
+        },
+      })
+    }
+  }
+}
+
+async function viewInvite(req, res, next) {
+  const { token } = req.params
+  const sessionUser = SessionManager.getSessionUser(req.session)
+  const userId = sessionUser?._id
+  const { invite, subscription } =
+    await TeamInvitesHandler.promises.getInvite(token)
+
+  if (!invite) {
+    return ErrorController.notFound(req, res)
+  }
+
+  const groupSSOActive = (
+    await Modules.promises.hooks.fire('hasGroupSSOEnabled', subscription)
+  )?.[0]
+
+  let validationStatus = new Map()
+  if (userId) {
+    const personalSubscription =
+      await SubscriptionLocator.promises.getUsersSubscription(userId)
+
+    const hasIndividualRecurlySubscription =
+      personalSubscription &&
+      personalSubscription.groupPlan === false &&
+      personalSubscription.recurlyStatus?.state !== 'canceled' &&
+      personalSubscription.recurlySubscription_id &&
+      personalSubscription.recurlySubscription_id !== ''
+
+    if (subscription?.managedUsersEnabled) {
+      if (!subscription.populated('groupPolicy')) {
+        // eslint-disable-next-line no-restricted-syntax
+        await subscription.populate('groupPolicy')
+      }
+
+      const dbUser = await UserGetter.promises.getUser(userId)
+
+      const isUserEnrolledInDifferentGroup =
+        (
+          await Modules.promises.hooks.fire(
+            'isUserEnrolledInDifferentGroup',
+            dbUser.enrollment,
+            subscription._id
+          )
+        )?.[0] === true
+      if (isUserEnrolledInDifferentGroup) {
+        return HttpErrorHandler.forbidden(
+          req,
+          res,
+          'User is already enrolled in a different subscription'
+        )
+      }
+
+      validationStatus =
+        await PermissionsManager.promises.getUserValidationStatus({
+          user: dbUser,
+          groupPolicy: subscription.groupPolicy,
+          subscription,
+        })
+
+      let currentManagedUserAdminEmail
+      try {
+        currentManagedUserAdminEmail =
+          await SubscriptionLocator.promises.getAdminEmail(subscription._id)
+      } catch (err) {
+        logger.error({ err }, 'error getting subscription admin email')
+      }
+
+      return res.render('subscriptions/team/invite-managed', {
+        inviterName: invite.inviterName,
+        inviteToken: invite.token,
+        expired: req.query.expired,
+        validationStatus: Object.fromEntries(validationStatus),
+        currentManagedUserAdminEmail,
+        groupSSOActive,
+        subscriptionId: subscription._id.toString(),
+        user: sessionUser,
+      })
+    } else {
+      let currentManagedUserAdminEmail
+      try {
+        currentManagedUserAdminEmail =
+          await SubscriptionLocator.promises.getAdminEmail(req.managedBy)
+      } catch (err) {
+        logger.error({ err }, 'error getting subscription admin email')
+      }
+
+      return res.render('subscriptions/team/invite', {
+        inviterName: invite.inviterName,
+        inviteToken: invite.token,
+        hasIndividualRecurlySubscription,
+        expired: req.query.expired,
+        userRestrictions: Array.from(req.userRestrictions || []),
+        currentManagedUserAdminEmail,
+        groupSSOActive,
+        subscriptionId: subscription._id.toString(),
+        user: sessionUser,
+      })
+    }
+  } else {
+    const userByEmail = await UserGetter.promises.getUserByMainEmail(
+      invite.email
+    )
+
+    return res.render('subscriptions/team/invite_logged_out', {
+      inviterName: invite.inviterName,
+      inviteToken: invite.token,
+      appName: settings.appName,
+      accountExists: userByEmail != null,
+      emailAddress: invite.email,
+      user: { id: null },
+      groupSSOActive,
+    })
+  }
+}
+
+async function viewInvites(req, res, next) {
+  const user = SessionManager.getSessionUser(req.session)
+  const groupSubscriptions =
+    await SubscriptionLocator.promises.getGroupsWithTeamInvitesEmail(user.email)
+
+  const teamInvites = groupSubscriptions.map(groupSubscription =>
+    groupSubscription.teamInvites.find(invite => invite.email === user.email)
+  )
+
+  return res.render('subscriptions/team/group-invites', {
+    teamInvites,
+    user,
+  })
+}
+
+async function acceptInvite(req, res, next) {
+  const { token } = req.params
+  const userId = SessionManager.getLoggedInUserId(req.session)
+
+  const subscription = await TeamInvitesHandler.promises.acceptInvite(
+    token,
+    userId
+  )
+  const groupSSOActive = (
+    await Modules.promises.hooks.fire('hasGroupSSOEnabled', subscription)
+  )?.[0]
+
+  try {
+    await UserAuditLogHandler.promises.addEntry(
+      userId,
+      'accept-group-invitation',
+      userId,
+      req.ip,
+      { subscriptionId: subscription._id }
+    )
+  } catch (e) {
+    logger.error(
+      { err: e, userId, subscriptionId: subscription._id },
+      'error adding audit log entry'
+    )
+  }
+
+  res.json({ groupSSOActive })
+}
+
+function revokeInvite(req, res, next) {
+  const subscription = req.entity
+  const email = EmailHelper.parseEmail(req.params.email)
+  const teamManagerId = SessionManager.getLoggedInUserId(req.session)
+  if (!email) {
+    return res.sendStatus(400)
+  }
+
+  TeamInvitesHandler.revokeInvite(
+    teamManagerId,
+    subscription,
+    email,
+    function (err, results) {
+      if (err) {
+        return next(err)
+      }
+      res.sendStatus(204)
+    }
+  )
+}
+
+async function resendInvite(req, res, next) {
+  const { entity: subscription } = req
+  const userEmail = EmailHelper.parseEmail(req.body.email)
+  await subscription.populate('admin_id', ['email', 'first_name', 'last_name'])
+
+  if (!userEmail) {
+    throw new Error('invalid email')
+  }
+
+  const currentInvite = subscription.teamInvites.find(
+    invite => invite?.email === userEmail
+  )
+
+  if (!currentInvite) {
+    return await createInvite(req, res)
+  }
+
+  const opts = {
+    to: userEmail,
+    admin: subscription.admin_id,
+    inviter: currentInvite.inviterName,
+    acceptInviteUrl: `${settings.siteUrl}/subscription/invites/${currentInvite.token}/`,
+    reminder: true,
+  }
+
+  try {
+    await rateLimiters.resendGroupInvite.consume(userEmail, 1, {
+      method: 'email',
+    })
+
+    const existingUser = await UserGetter.promises.getUserByAnyEmail(userEmail)
+
+    let emailTemplate
+    if (subscription.managedUsersEnabled) {
+      if (existingUser) {
+        emailTemplate = 'verifyEmailToJoinManagedUsers'
+      } else {
+        emailTemplate = 'inviteNewUserToJoinManagedUsers'
+      }
+    } else {
+      emailTemplate = 'verifyEmailToJoinTeam'
+    }
+
+    EmailHandler.sendDeferredEmail(emailTemplate, opts)
+  } catch (err) {
+    if (err?.remainingPoints === 0) {
+      return res.sendStatus(429)
+    } else {
+      throw OError.tag(err, 'Failed to resend group invite email')
+    }
+  }
+
+  return res.status(200).json({ success: true })
+}
+
+export default {
+  createInvite: expressify(createInvite),
+  viewInvite: expressify(viewInvite),
+  viewInvites: expressify(viewInvites),
+  acceptInvite: expressify(acceptInvite),
+  revokeInvite,
+  resendInvite: expressify(resendInvite),
+}
diff --git a/services/web/app/src/Features/Subscription/TeamInvitesHandler.js b/services/web/app/src/Features/Subscription/TeamInvitesHandler.js
new file mode 100644
index 0000000..45a0495
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/TeamInvitesHandler.js
@@ -0,0 +1,370 @@
+const logger = require('@overleaf/logger')
+const crypto = require('crypto')
+
+const settings = require('@overleaf/settings')
+const Modules = require('../../infrastructure/Modules')
+const { ObjectId } = require('mongodb-legacy')
+
+const { Subscription } = require('../../models/Subscription')
+const { SSOConfig } = require('../../models/SSOConfig')
+
+const UserGetter = require('../User/UserGetter')
+const SubscriptionLocator = require('./SubscriptionLocator')
+const SubscriptionUpdater = require('./SubscriptionUpdater')
+const LimitationsManager = require('./LimitationsManager')
+
+const EmailHandler = require('../Email/EmailHandler')
+const EmailHelper = require('../Helpers/EmailHelper')
+
+const Errors = require('../Errors/Errors')
+const {
+  callbackify,
+  callbackifyMultiResult,
+} = require('@overleaf/promise-utils')
+const NotificationsBuilder = require('../Notifications/NotificationsBuilder')
+
+async function getInvite(token) {
+  const subscription = await Subscription.findOne({
+    'teamInvites.token': token,
+  })
+  if (!subscription) {
+    throw new Errors.NotFoundError('team not found')
+  }
+
+  const invite = subscription.teamInvites.find(i => i.token === token)
+  return { invite, subscription }
+}
+
+async function createInvite(teamManagerId, subscription, email) {
+  email = EmailHelper.parseEmail(email)
+  if (!email) {
+    throw new Error('invalid email')
+  }
+  const teamManager = await UserGetter.promises.getUser(teamManagerId)
+
+  await _removeLegacyInvite(subscription.id, email)
+  return _createInvite(subscription, email, teamManager)
+}
+
+async function importInvite(subscription, inviterName, email, token, sentAt) {
+  const { possible, reason } = await _checkIfInviteIsPossible(
+    subscription,
+    email
+  )
+  if (!possible) {
+    throw reason
+  }
+  subscription.teamInvites.push({
+    email,
+    inviterName,
+    token,
+    sentAt,
+  })
+
+  return subscription.save()
+}
+
+async function acceptInvite(token, userId) {
+  const { invite, subscription } = await getInvite(token)
+  if (!invite) {
+    throw new Errors.NotFoundError('invite not found')
+  }
+
+  await SubscriptionUpdater.promises.addUserToGroup(subscription._id, userId)
+
+  if (subscription.managedUsersEnabled) {
+    await Modules.promises.hooks.fire(
+      'enrollInManagedSubscription',
+      userId,
+      subscription
+    )
+  }
+  if (subscription.ssoConfig) {
+    const ssoConfig = await SSOConfig.findById(
+      subscription.ssoConfig._id || subscription.ssoConfig
+    )
+    if (ssoConfig?.enabled) {
+      await Modules.promises.hooks.fire(
+        'scheduleGroupSSOReminder',
+        userId,
+        subscription._id
+      )
+    }
+  }
+
+  await _removeInviteFromTeam(subscription.id, invite.email)
+
+  await NotificationsBuilder.promises
+    .groupInvitation(userId, subscription._id, false)
+    .read()
+
+  return subscription
+}
+
+async function revokeInvite(teamManagerId, subscription, email) {
+  email = EmailHelper.parseEmail(email)
+
+  if (!email) {
+    throw new Error('invalid email')
+  }
+
+  await _removeInviteFromTeam(subscription.id, email)
+
+  // Remove group invitation dashboard notification if invitation is revoked before
+  // the invited user accepted the group invitation
+  const user = await UserGetter.promises.getUserByAnyEmail(email)
+  if (user) {
+    await NotificationsBuilder.promises
+      .groupInvitation(user._id, subscription._id, false)
+      .read()
+  }
+}
+
+// Legacy method to allow a user to receive a confirmation email if their
+// email is in Subscription.invited_emails when they join. We'll remove this
+// after a short while.
+async function createTeamInvitesForLegacyInvitedEmail(email) {
+  const teams =
+    await SubscriptionLocator.promises.getGroupsWithEmailInvite(email)
+  return Promise.all(
+    teams.map(team => createInvite(team.admin_id, team, email))
+  )
+}
+
+async function _createInvite(subscription, email, inviter) {
+  const { possible, reason } = await _checkIfInviteIsPossible(
+    subscription,
+    email
+  )
+
+  if (!possible) {
+    throw reason
+  }
+
+  // don't send invites when inviting self; add user directly to the group
+  const isInvitingSelf = inviter.emails.some(
+    emailData => emailData.email === email
+  )
+  if (isInvitingSelf) {
+    await SubscriptionUpdater.promises.addUserToGroup(
+      subscription._id,
+      inviter._id
+    )
+
+    // legacy: remove any invite that might have been created in the past
+    await _removeInviteFromTeam(subscription._id, email)
+
+    try {
+      if (subscription.ssoConfig) {
+        const ssoConfig = await SSOConfig.findById(
+          subscription.ssoConfig._id || subscription.ssoConfig
+        )
+        if (ssoConfig?.enabled) {
+          await Modules.promises.hooks.fire(
+            'sendGroupSSOReminder',
+            inviter._id,
+            subscription._id
+          )
+        }
+      }
+    } catch (error) {
+      logger.error(
+        { err: error, userId: inviter._id, subscriptionId: subscription._id },
+        'Failed to schedule Group SSO invite for group admin'
+      )
+    }
+
+    return {
+      email: inviter.email,
+      first_name: inviter.first_name,
+      last_name: inviter.last_name,
+      invite: false,
+    }
+  }
+
+  const inviterName = _getInviterName(inviter)
+  let invite = subscription.teamInvites.find(invite => invite.email === email)
+
+  if (invite) {
+    invite = invite.toObject()
+    invite.sentAt = new Date()
+  } else {
+    invite = {
+      email,
+      inviterName,
+      token: crypto.randomBytes(32).toString('hex'),
+      sentAt: new Date(),
+    }
+    subscription.teamInvites.push(invite)
+  }
+
+  try {
+    await _sendNotificationToExistingUser(
+      subscription,
+      email,
+      invite,
+      subscription.managedUsersEnabled
+    )
+  } catch (err) {
+    logger.error(
+      { err },
+      'Failed to send notification to existing user when creating group invitation'
+    )
+  }
+
+  await subscription.save()
+
+  if (subscription.managedUsersEnabled) {
+    let admin = {}
+    try {
+      admin = await SubscriptionLocator.promises.getAdminEmailAndName(
+        subscription._id
+      )
+    } catch (err) {
+      logger.error({ err }, 'error getting subscription admin email and name')
+    }
+
+    const user = await UserGetter.promises.getUserByAnyEmail(email)
+
+    const opts = {
+      to: email,
+      admin,
+      inviter,
+      acceptInviteUrl: `${settings.siteUrl}/subscription/invites/${invite.token}/`,
+      appName: settings.appName,
+    }
+
+    if (user) {
+      await EmailHandler.promises.sendEmail(
+        'verifyEmailToJoinManagedUsers',
+        opts
+      )
+    } else {
+      await EmailHandler.promises.sendEmail(
+        'inviteNewUserToJoinManagedUsers',
+        opts
+      )
+    }
+  } else {
+    const opts = {
+      to: email,
+      inviter,
+      acceptInviteUrl: `${settings.siteUrl}/subscription/invites/${invite.token}/`,
+      appName: settings.appName,
+    }
+
+    await EmailHandler.promises.sendEmail('verifyEmailToJoinTeam', opts)
+  }
+
+  Object.assign(invite, { invite: true })
+  return invite
+}
+
+async function _removeInviteFromTeam(subscriptionId, email, callback) {
+  const searchConditions = { _id: new ObjectId(subscriptionId.toString()) }
+  const removeInvite = { $pull: { teamInvites: { email } } }
+
+  await Subscription.updateOne(searchConditions, removeInvite)
+  await _removeLegacyInvite(subscriptionId, email)
+}
+
+async function _sendNotificationToExistingUser(
+  subscription,
+  email,
+  invite,
+  managedUsersEnabled
+) {
+  const user = await UserGetter.promises.getUserByMainEmail(email)
+
+  if (!user) {
+    return
+  }
+
+  await NotificationsBuilder.promises
+    .groupInvitation(
+      user._id.toString(),
+      subscription._id.toString(),
+      managedUsersEnabled
+    )
+    .create(invite)
+}
+
+async function _removeLegacyInvite(subscriptionId, email) {
+  await Subscription.updateOne(
+    {
+      _id: new ObjectId(subscriptionId.toString()),
+    },
+    {
+      $pull: {
+        invited_emails: email,
+      },
+    }
+  )
+}
+
+async function _checkIfInviteIsPossible(subscription, email) {
+  if (!subscription.groupPlan) {
+    logger.debug(
+      { subscriptionId: subscription.id },
+      'can not add members to a subscription that is not in a group plan'
+    )
+    return { possible: false, reason: { wrongPlan: true } }
+  }
+
+  if (LimitationsManager.teamHasReachedMemberLimit(subscription)) {
+    logger.debug(
+      { subscriptionId: subscription.id },
+      'team has reached member limit'
+    )
+    return { possible: false, reason: { limitReached: true } }
+  }
+
+  const existingUser = await UserGetter.promises.getUserByAnyEmail(email)
+  if (!existingUser) {
+    return { possible: true }
+  }
+
+  const existingMember = subscription.member_ids.find(
+    memberId => memberId.toString() === existingUser._id.toString()
+  )
+
+  if (existingMember) {
+    logger.debug(
+      { subscriptionId: subscription.id, email },
+      'user already in team'
+    )
+    return { possible: false, reason: { alreadyInTeam: true } }
+  } else {
+    return { possible: true }
+  }
+}
+
+function _getInviterName(inviter) {
+  let inviterName
+  if (inviter.first_name && inviter.last_name) {
+    inviterName = `${inviter.first_name} ${inviter.last_name} (${inviter.email})`
+  } else {
+    inviterName = inviter.email
+  }
+
+  return inviterName
+}
+
+module.exports = {
+  getInvite: callbackifyMultiResult(getInvite, ['invite', 'subscription']),
+  createInvite: callbackify(createInvite),
+  importInvite: callbackify(importInvite),
+  acceptInvite: callbackify(acceptInvite),
+  revokeInvite: callbackify(revokeInvite),
+  createTeamInvitesForLegacyInvitedEmail: callbackify(
+    createTeamInvitesForLegacyInvitedEmail
+  ),
+  promises: {
+    getInvite,
+    createInvite,
+    importInvite,
+    acceptInvite,
+    revokeInvite,
+    createTeamInvitesForLegacyInvitedEmail,
+  },
+}
diff --git a/services/web/app/src/Features/Subscription/UserFeaturesUpdater.js b/services/web/app/src/Features/Subscription/UserFeaturesUpdater.js
new file mode 100644
index 0000000..e29eb8e
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/UserFeaturesUpdater.js
@@ -0,0 +1,61 @@
+const { User } = require('../../models/User')
+const { callbackify } = require('util')
+const Settings = require('@overleaf/settings')
+
+function _featuresChanged(newFeatures, featuresBefore) {
+  for (const feature in newFeatures) {
+    if (featuresBefore[feature] !== newFeatures[feature]) {
+      return true
+    }
+  }
+  return false
+}
+
+async function updateFeatures(userId, features) {
+  const update = {
+    featuresUpdatedAt: new Date(),
+  }
+  // record the system-wide features epoch, if defined
+  if (Settings.featuresEpoch) {
+    update.featuresEpoch = Settings.featuresEpoch
+  }
+  for (const key in features) {
+    const value = features[key]
+    update[`features.${key}`] = value
+  }
+  const docBeforeUpdate = await User.findByIdAndUpdate(userId, update).exec()
+  let featuresChanged = false
+  if (docBeforeUpdate) {
+    featuresChanged = _featuresChanged(features, docBeforeUpdate.features)
+  }
+
+  return { features, featuresChanged }
+}
+
+async function overrideFeatures(userId, features) {
+  const update = { features, featuresUpdatedAt: new Date() }
+  const docBeforeUpdate = await User.findByIdAndUpdate(userId, update).exec()
+  let featuresChanged = false
+  if (docBeforeUpdate) {
+    featuresChanged = _featuresChanged(features, docBeforeUpdate.features)
+  }
+  return featuresChanged
+}
+
+async function createFeaturesOverride(userId, featuresOverride) {
+  return await User.updateOne(
+    { _id: userId },
+    { $push: { featuresOverrides: featuresOverride } }
+  ).exec()
+}
+
+module.exports = {
+  updateFeatures: callbackify(updateFeatures),
+  overrideFeatures: callbackify(overrideFeatures),
+  createFeaturesOverride: callbackify(createFeaturesOverride),
+  promises: {
+    updateFeatures,
+    overrideFeatures,
+    createFeaturesOverride,
+  },
+}
diff --git a/services/web/app/src/Features/Subscription/V1SubscriptionManager.js b/services/web/app/src/Features/Subscription/V1SubscriptionManager.js
new file mode 100644
index 0000000..6a852eb
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/V1SubscriptionManager.js
@@ -0,0 +1,123 @@
+let V1SubscriptionManager
+const UserGetter = require('../User/UserGetter')
+const request = require('requestretry')
+const settings = require('@overleaf/settings')
+const { V1ConnectionError, NotFoundError } = require('../Errors/Errors')
+const { promisifyAll } = require('@overleaf/promise-utils')
+
+module.exports = V1SubscriptionManager = {
+  cancelV1Subscription(userId, callback) {
+    V1SubscriptionManager._v1Request(
+      userId,
+      {
+        method: 'DELETE',
+        url(v1Id) {
+          return `/api/v1/overleaf/users/${v1Id}/subscription`
+        },
+      },
+      callback
+    )
+  },
+
+  v1IdForUser(userId, callback) {
+    UserGetter.getUser(userId, { 'overleaf.id': 1 }, function (err, user) {
+      if (err) {
+        return callback(err)
+      }
+      const v1Id = user?.overleaf?.id
+      callback(null, v1Id)
+    })
+  },
+
+  // v1 accounts created before migration to v2 had github and mendeley for free
+  // but these are now paid-for features for new accounts (v1id > cutoff)
+  getGrandfatheredFeaturesForV1User(v1Id) {
+    const cutoff = settings.v1GrandfatheredFeaturesUidCutoff
+    if (!cutoff) {
+      return {}
+    }
+    if (!v1Id) {
+      return {}
+    }
+
+    if (v1Id < cutoff) {
+      return settings.v1GrandfatheredFeatures || {}
+    } else {
+      return {}
+    }
+  },
+
+  _v1Request(userId, options, callback) {
+    if (!settings.apis.v1.url) {
+      return callback(null, null)
+    }
+
+    V1SubscriptionManager.v1IdForUser(userId, function (err, v1Id) {
+      if (err) {
+        return callback(err)
+      }
+      if (!v1Id) {
+        return callback(null, null, null)
+      }
+      const url = options.url(v1Id)
+      const requestOptions = {
+        baseUrl: settings.apis.v1.url,
+        url,
+        method: options.method,
+        auth: {
+          user: settings.apis.v1.user,
+          pass: settings.apis.v1.pass,
+          sendImmediately: true,
+        },
+        json: true,
+        timeout: settings.apis.v1.timeout,
+      }
+      if (options.method === 'GET') {
+        requestOptions.maxAttempts = 3
+        requestOptions.retryDelay = 500
+      } else {
+        requestOptions.maxAttempts = 0
+      }
+      request(requestOptions, function (error, response, body) {
+        if (error) {
+          return callback(
+            new V1ConnectionError({
+              message: 'no v1 connection',
+              info: { url },
+            }).withCause(error)
+          )
+        }
+        if (response && response.statusCode >= 500) {
+          return callback(
+            new V1ConnectionError({
+              message: 'error from v1',
+              info: {
+                status: response.statusCode,
+                body,
+              },
+            })
+          )
+        }
+        if (response.statusCode >= 200 && response.statusCode < 300) {
+          return callback(null, body, v1Id)
+        } else {
+          if (response.statusCode === 404) {
+            return callback(new NotFoundError(`v1 user not found: ${userId}`))
+          } else {
+            return callback(
+              new Error(
+                `non-success code from v1: ${response.statusCode} ${
+                  options.method
+                } ${options.url(v1Id)}`
+              )
+            )
+          }
+        }
+      })
+    })
+  },
+}
+
+module.exports.promises = promisifyAll(module.exports, {
+  without: ['getGrandfatheredFeaturesForV1User'],
+})
diff --git a/services/web/app/src/Features/Subscription/types.ts b/services/web/app/src/Features/Subscription/types.ts
new file mode 100644
index 0000000..59453ac
--- /dev/null
+++ b/services/web/app/src/Features/Subscription/types.ts
@@ -0,0 +1,6 @@
+import {
+  PaypalPaymentMethod,
+  CreditCardPaymentMethod,
+} from './PaymentProviderEntities'
+
+export type PaymentMethod = PaypalPaymentMethod | CreditCardPaymentMethod
diff --git a/services/web/app/src/Features/Survey/SurveyCache.mjs b/services/web/app/src/Features/Survey/SurveyCache.mjs
new file mode 100644
index 0000000..28b43fe
--- /dev/null
+++ b/services/web/app/src/Features/Survey/SurveyCache.mjs
@@ -0,0 +1,25 @@
+import SurveyManager from './SurveyManager.js'
+import { Survey } from '../../models/Survey.js'
+import { CacheLoader } from 'cache-flow'
+
+class SurveyCache extends CacheLoader {
+  constructor() {
+    super('survey', {
+      expirationTime: 60, // 1min in seconds
+    })
+  }
+
+  async load() {
+    return await SurveyManager.getSurvey()
+  }
+
+  serialize(value) {
+    return value?.toObject()
+  }
+
+  deserialize(value) {
+    return new Survey(value)
+  }
+}
+
+export default new SurveyCache()
diff --git a/services/web/app/src/Features/Survey/SurveyHandler.mjs b/services/web/app/src/Features/Survey/SurveyHandler.mjs
new file mode 100644
index 0000000..009bc12
--- /dev/null
+++ b/services/web/app/src/Features/Survey/SurveyHandler.mjs
@@ -0,0 +1,64 @@
+// ts-check
+import crypto from 'node:crypto'
+
+import SurveyCache from './SurveyCache.mjs'
+import SubscriptionLocator from '../Subscription/SubscriptionLocator.js'
+import { callbackify } from '@overleaf/promise-utils'
+
+/**
+ * @import { Survey } from '../../../../types/project/dashboard/survey'
+ */
+
+/**
+ * determines if there is a survey to show, given current surveys and rollout percentages
+ * uses userId in computation, to ensure that rollout groups always contain same users
+ * @param {string} userId
+ * @returns {Promise<Survey | undefined>}
+ */
+async function getSurvey(userId) {
+  const survey = await SurveyCache.get(true)
+  if (survey) {
+    if (survey.options?.hasRecurlyGroupSubscription) {
+      const hasRecurlyGroupSubscription =
+        await SubscriptionLocator.promises.hasRecurlyGroupSubscription(userId)
+      if (!hasRecurlyGroupSubscription) {
+        return
+      }
+    }
+
+    const { name, preText, linkText, url, options } = survey?.toObject() || {}
+    // default to full rollout for backwards compatibility
+    const rolloutPercentage = options?.rolloutPercentage || 100
+    if (!_userInRolloutPercentile(userId, name, rolloutPercentage)) {
+      return
+    }
+
+    return { name, preText, linkText, url }
+  }
+}
+
+function _userRolloutPercentile(userId, surveyName) {
+  const hash = crypto
+    .createHash('md5')
+    .update(userId + surveyName)
+    .digest('hex')
+  const hashPrefix = hash.substring(0, 8)
+  return Math.floor(
+    ((parseInt(hashPrefix, 16) % 0xffffffff) / 0xffffffff) * 100
+  )
+}
+
+function _userInRolloutPercentile(userId, surveyName, rolloutPercentage) {
+  if (rolloutPercentage === 100) {
+    return true
+  }
+  const userPercentile = _userRolloutPercentile(userId, surveyName)
+  return userPercentile < rolloutPercentage
+}
+
+export default {
+  getSurvey: callbackify(getSurvey),
+  promises: {
+    getSurvey,
+  },
+}
diff --git a/services/web/app/src/Features/Survey/SurveyManager.js b/services/web/app/src/Features/Survey/SurveyManager.js
new file mode 100644
index 0000000..abaee90
--- /dev/null
+++ b/services/web/app/src/Features/Survey/SurveyManager.js
@@ -0,0 +1,37 @@
+const { Survey } = require('../../models/Survey')
+const OError = require('@overleaf/o-error')
+
+async function getSurvey() {
+  try {
+    return await Survey.findOne().exec()
+  } catch (error) {
+    throw OError.tag(error, 'Failed to get survey')
+  }
+}
+
+async function updateSurvey({ name, preText, linkText, url, options }) {
+  let survey = await getSurvey()
+  if (!survey) {
+    survey = new Survey()
+  }
+  survey.name = name
+  survey.preText = preText
+  survey.linkText = linkText
+  survey.url = url
+  survey.options = options
+  await survey.save()
+  return survey
+}
+
+async function deleteSurvey() {
+  const survey = await getSurvey()
+  if (survey) {
+    await survey.deleteOne()
+  }
+}
+
+module.exports = {
+  getSurvey,
+  updateSurvey,
+  deleteSurvey,
+}
diff --git a/services/web/app/src/Features/SystemMessages/SystemMessageController.js b/services/web/app/src/Features/SystemMessages/SystemMessageController.js
new file mode 100644
index 0000000..41339aa
--- /dev/null
+++ b/services/web/app/src/Features/SystemMessages/SystemMessageController.js
@@ -0,0 +1,27 @@
+const Settings = require('@overleaf/settings')
+const SessionManager = require('../Authentication/SessionManager')
+const SystemMessageManager = require('./SystemMessageManager')
+
+const ProjectController = {
+  getMessages(req, res, next) {
+    if (!SessionManager.isUserLoggedIn(req.session)) {
+      // gracefully handle requests from anonymous users
+      return res.json([])
+    }
+    let messages = SystemMessageManager.getMessages()
+
+    if (!Settings.siteIsOpen) {
+      // Override all messages with notice for admins when site is closed.
+      messages = [
+        {
+          content:
+            'SITE IS CLOSED TO PUBLIC. OPEN ONLY FOR SITE ADMINS. DO NOT EDIT PROJECTS.',
+          _id: 'protected', // prevents hiding message in frontend
+        },
+      ]
+    }
+    res.json(messages || [])
+  },
+}
+
+module.exports = ProjectController
diff --git a/services/web/app/src/Features/SystemMessages/SystemMessageManager.js b/services/web/app/src/Features/SystemMessages/SystemMessageManager.js
new file mode 100644
index 0000000..96a6676
--- /dev/null
+++ b/services/web/app/src/Features/SystemMessages/SystemMessageManager.js
@@ -0,0 +1,59 @@
+const { SystemMessage } = require('../../models/SystemMessage')
+const {
+  addRequiredCleanupHandlerBeforeDrainingConnections,
+} = require('../../infrastructure/GracefulShutdown')
+const { callbackifyAll } = require('@overleaf/promise-utils')
+const logger = require('@overleaf/logger')
+
+const SystemMessageManager = {
+  _cachedMessages: [],
+
+  getMessages() {
+    return this._cachedMessages
+  },
+
+  async getMessagesFromDB() {
+    return await SystemMessage.find({}).exec()
+  },
+
+  async clearMessages() {
+    await SystemMessage.deleteMany({}).exec()
+    await this.refreshCache()
+  },
+
+  async createMessage(content) {
+    const message = new SystemMessage({ content })
+    await message.save()
+    await this.refreshCache()
+  },
+
+  async refreshCache() {
+    this._cachedMessages = await this.getMessagesFromDB()
+  },
+
+  refreshCacheInBackground() {
+    this.refreshCache().catch(err => {
+      logger.warn({ err }, 'failed to refresh system messages cache')
+    })
+  },
+}
+
+const CACHE_TIMEOUT = 10 * 1000 * (Math.random() + 2) // 20-30 seconds
+SystemMessageManager.refreshCacheInBackground()
+const intervalHandle = setInterval(
+  () => SystemMessageManager.refreshCacheInBackground(),
+  CACHE_TIMEOUT
+)
+
+addRequiredCleanupHandlerBeforeDrainingConnections(
+  'update system messages',
+  () => {
+    clearInterval(intervalHandle)
+  }
+)
+
+module.exports = {
+  getMessages: SystemMessageManager.getMessages.bind(SystemMessageManager),
+  ...callbackifyAll(SystemMessageManager, { without: ['getMessages'] }),
+  promises: SystemMessageManager,
+}
diff --git a/services/web/app/src/Features/Tags/TagsController.mjs b/services/web/app/src/Features/Tags/TagsController.mjs
new file mode 100644
index 0000000..807e48a
--- /dev/null
+++ b/services/web/app/src/Features/Tags/TagsController.mjs
@@ -0,0 +1,102 @@
+import TagsHandler from './TagsHandler.js'
+import SessionManager from '../Authentication/SessionManager.js'
+import Errors from '../Errors/Errors.js'
+import { expressify } from '@overleaf/promise-utils'
+
+async function _getTags(userId, _req, res) {
+  if (!userId) {
+    throw new Errors.NotFoundError()
+  }
+  const allTags = await TagsHandler.promises.getAllTags(userId)
+  res.json(allTags)
+}
+
+async function apiGetAllTags(req, res) {
+  const { userId } = req.params
+  await _getTags(userId, req, res)
+}
+
+async function getAllTags(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  await _getTags(userId, req, res)
+}
+
+async function createTag(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const { name, color } = req.body
+  const tag = await TagsHandler.promises.createTag(userId, name, color)
+  res.json(tag)
+}
+
+async function addProjectToTag(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const { tagId, projectId } = req.params
+  await TagsHandler.promises.addProjectToTag(userId, tagId, projectId)
+  res.status(204).end()
+}
+
+async function addProjectsToTag(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const { tagId } = req.params
+  const { projectIds } = req.body
+  await TagsHandler.promises.addProjectsToTag(userId, tagId, projectIds)
+  res.status(204).end()
+}
+
+async function removeProjectFromTag(req, res, next) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const { tagId, projectId } = req.params
+  await TagsHandler.promises.removeProjectFromTag(userId, tagId, projectId)
+  res.status(204).end()
+}
+
+async function removeProjectsFromTag(req, res, next) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const { tagId } = req.params
+  const { projectIds } = req.body
+  await TagsHandler.promises.removeProjectsFromTag(userId, tagId, projectIds)
+  res.status(204).end()
+}
+
+async function deleteTag(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const { tagId } = req.params
+  await TagsHandler.promises.deleteTag(userId, tagId)
+  res.status(204).end()
+}
+
+async function renameTag(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const { tagId } = req.params
+  const name = req.body?.name
+  if (!name) {
+    return res.status(400).end()
+  }
+  await TagsHandler.promises.renameTag(userId, tagId, name)
+  res.status(204).end()
+}
+
+async function editTag(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const { tagId } = req.params
+  const name = req.body?.name
+  const color = req.body?.color
+  if (!name) {
+    return res.status(400).end()
+  }
+  await TagsHandler.promises.editTag(userId, tagId, name, color)
+  res.status(204).end()
+}
+
+export default {
+  apiGetAllTags: expressify(apiGetAllTags),
+  getAllTags: expressify(getAllTags),
+  createTag: expressify(createTag),
+  addProjectToTag: expressify(addProjectToTag),
+  addProjectsToTag: expressify(addProjectsToTag),
+  removeProjectFromTag: expressify(removeProjectFromTag),
+  removeProjectsFromTag: expressify(removeProjectsFromTag),
+  deleteTag: expressify(deleteTag),
+  renameTag: expressify(renameTag),
+  editTag: expressify(editTag),
+}
diff --git a/services/web/app/src/Features/Tags/TagsHandler.js b/services/web/app/src/Features/Tags/TagsHandler.js
new file mode 100644
index 0000000..65314c8
--- /dev/null
+++ b/services/web/app/src/Features/Tags/TagsHandler.js
@@ -0,0 +1,167 @@
+const { Tag } = require('../../models/Tag')
+const { callbackify } = require('@overleaf/promise-utils')
+
+const MAX_TAG_LENGTH = 50
+
+async function getAllTags(userId) {
+  return Tag.find({ user_id: userId })
+}
+
+async function countTagsForProject(userId, projectId) {
+  return Tag.countDocuments({ user_id: userId, project_ids: projectId })
+}
+
+async function getTagsForProject(userId, projectId) {
+  return Tag.find({ user_id: userId, project_ids: projectId }, '-project_ids')
+}
+
+async function createTag(userId, name, color, options = {}) {
+  if (name.length > MAX_TAG_LENGTH) {
+    if (options.truncate) {
+      name = name.slice(0, MAX_TAG_LENGTH)
+    } else {
+      throw new Error('Exceeded max tag length')
+    }
+  }
+  try {
+    return await Tag.create({ user_id: userId, name, color })
+  } catch (error) {
+    // on duplicate key error return existing tag
+    if (error && error.code === 11000) {
+      return Tag.findOne({ user_id: userId, name })
+    }
+    throw error
+  }
+}
+
+async function renameTag(userId, tagId, name) {
+  if (name.length > MAX_TAG_LENGTH) {
+    throw new Error('Exceeded max tag length')
+  }
+  return Tag.updateOne(
+    {
+      _id: tagId,
+      user_id: userId,
+    },
+    {
+      $set: {
+        name,
+      },
+    }
+  )
+}
+
+async function editTag(userId, tagId, name, color) {
+  if (name.length > MAX_TAG_LENGTH) {
+    throw new Error('Exceeded max tag length')
+  }
+  return Tag.updateOne(
+    {
+      _id: tagId,
+      user_id: userId,
+    },
+    {
+      $set: {
+        name,
+        color,
+      },
+    }
+  )
+}
+
+async function deleteTag(userId, tagId) {
+  await Tag.deleteOne({
+    _id: tagId,
+    user_id: userId,
+  })
+}
+
+async function removeProjectFromTag(userId, tagId, projectId) {
+  const searchOps = {
+    _id: tagId,
+    user_id: userId,
+  }
+  const deleteOperation = { $pull: { project_ids: projectId } }
+  await Tag.updateOne(searchOps, deleteOperation)
+}
+
+async function removeProjectsFromTag(userId, tagId, projectIds) {
+  const searchOps = {
+    _id: tagId,
+    user_id: userId,
+  }
+  const deleteOperation = { $pullAll: { project_ids: projectIds } }
+  await Tag.updateOne(searchOps, deleteOperation)
+}
+
+async function addProjectToTag(userId, tagId, projectId) {
+  const searchOps = {
+    _id: tagId,
+    user_id: userId,
+  }
+  const insertOperation = { $addToSet: { project_ids: projectId } }
+  return Tag.findOneAndUpdate(searchOps, insertOperation)
+}
+
+async function addProjectsToTag(userId, tagId, projectIds) {
+  const searchOps = {
+    _id: tagId,
+    user_id: userId,
+  }
+  const insertOperation = { $addToSet: { project_ids: { $each: projectIds } } }
+  await Tag.findOneAndUpdate(searchOps, insertOperation)
+}
+
+async function addProjectToTagName(userId, name, projectId) {
+  const searchOps = {
+    name,
+    user_id: userId,
+  }
+  const insertOperation = { $addToSet: { project_ids: projectId } }
+  await Tag.updateOne(searchOps, insertOperation, { upsert: true })
+}
+
+async function removeProjectFromAllTags(userId, projectId) {
+  const searchOps = { user_id: userId }
+  const deleteOperation = { $pull: { project_ids: projectId } }
+  await Tag.updateMany(searchOps, deleteOperation)
+}
+
+async function addProjectToTags(userId, tagIds, projectId) {
+  const searchOps = { user_id: userId, _id: { $in: tagIds } }
+  const insertOperation = { $addToSet: { project_ids: projectId } }
+  await Tag.updateMany(searchOps, insertOperation)
+}
+
+module.exports = {
+  getAllTags: callbackify(getAllTags),
+  countTagsForProject: callbackify(countTagsForProject),
+  getTagsForProject: callbackify(getTagsForProject),
+  createTag: callbackify(createTag),
+  renameTag: callbackify(renameTag),
+  editTag: callbackify(editTag),
+  deleteTag: callbackify(deleteTag),
+  addProjectToTag: callbackify(addProjectToTag),
+  addProjectsToTag: callbackify(addProjectsToTag),
+  addProjectToTags: callbackify(addProjectToTags),
+  removeProjectFromTag: callbackify(removeProjectFromTag),
+  removeProjectsFromTag: callbackify(removeProjectsFromTag),
+  addProjectToTagName: callbackify(addProjectToTagName),
+  removeProjectFromAllTags: callbackify(removeProjectFromAllTags),
+  promises: {
+    getAllTags,
+    countTagsForProject,
+    getTagsForProject,
+    createTag,
+    renameTag,
+    editTag,
+    deleteTag,
+    addProjectToTag,
+    addProjectsToTag,
+    addProjectToTags,
+    removeProjectFromTag,
+    removeProjectsFromTag,
+    addProjectToTagName,
+    removeProjectFromAllTags,
+  },
+}
diff --git a/services/web/app/src/Features/Tags/types.d.ts b/services/web/app/src/Features/Tags/types.d.ts
new file mode 100644
index 0000000..17a43fd
--- /dev/null
+++ b/services/web/app/src/Features/Tags/types.d.ts
@@ -0,0 +1,7 @@
+export type Tag = {
+  _id: string
+  user_id: string
+  name: string
+  color?: string
+  project_ids?: string[]
+}
diff --git a/services/web/app/src/Features/Templates/TemplatesController.js b/services/web/app/src/Features/Templates/TemplatesController.js
new file mode 100644
index 0000000..ac82d0c
--- /dev/null
+++ b/services/web/app/src/Features/Templates/TemplatesController.js
@@ -0,0 +1,62 @@
+const path = require('path')
+const SessionManager = require('../Authentication/SessionManager')
+const TemplatesManager = require('./TemplatesManager')
+const ProjectHelper = require('../Project/ProjectHelper')
+const logger = require('@overleaf/logger')
+const { expressify } = require('@overleaf/promise-utils')
+
+const TemplatesController = {
+  getV1Template(req, res) {
+    const templateVersionId = req.params.Template_version_id
+    const templateId = req.query.id
+    if (!/^[0-9]+$/.test(templateVersionId) || !/^[0-9]+$/.test(templateId)) {
+      logger.err(
+        { templateVersionId, templateId },
+        'invalid template id or version'
+      )
+      return res.sendStatus(400)
+    }
+    const data = {
+      templateVersionId,
+      templateId,
+      name: req.query.templateName,
+      compiler: ProjectHelper.compilerFromV1Engine(req.query.latexEngine),
+      imageName: req.query.texImage,
+      mainFile: req.query.mainFile,
+      brandVariationId: req.query.brandVariationId,
+    }
+    return res.render(
+      path.resolve(
+        __dirname,
+        '../../../views/project/editor/new_from_template'
+      ),
+      data
+    )
+  },
+
+  async createProjectFromV1Template(req, res) {
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    const project = await TemplatesManager.promises.createProjectFromV1Template(
+      req.body.brandVariationId,
+      req.body.compiler,
+      req.body.mainFile,
+      req.body.templateId,
+      req.body.templateName,
+      req.body.templateVersionId,
+      userId,
+      req.body.imageName
+    )
+    delete req.session.templateData
+    if (!project) {
+      throw new Error('failed to create project from template')
+    }
+    return res.redirect(`/project/${project._id}`)
+  },
+}
+
+module.exports = {
+  getV1Template: TemplatesController.getV1Template,
+  createProjectFromV1Template: expressify(
+    TemplatesController.createProjectFromV1Template
+  ),
+}
diff --git a/services/web/app/src/Features/Templates/TemplatesManager.js b/services/web/app/src/Features/Templates/TemplatesManager.js
new file mode 100644
index 0000000..6a2b620
--- /dev/null
+++ b/services/web/app/src/Features/Templates/TemplatesManager.js
@@ -0,0 +1,153 @@
+const { Project } = require('../../models/Project')
+const ProjectDetailsHandler = require('../Project/ProjectDetailsHandler')
+const ProjectOptionsHandler =
+  require('../Project/ProjectOptionsHandler').promises
+const ProjectRootDocManager =
+  require('../Project/ProjectRootDocManager').promises
+const ProjectUploadManager = require('../Uploads/ProjectUploadManager')
+const fs = require('fs')
+const util = require('util')
+const logger = require('@overleaf/logger')
+const {
+  fetchJson,
+  fetchStreamWithResponse,
+  RequestFailedError,
+} = require('@overleaf/fetch-utils')
+const settings = require('@overleaf/settings')
+const crypto = require('crypto')
+const Errors = require('../Errors/Errors')
+const { pipeline } = require('stream/promises')
+const ClsiCacheManager = require('../Compile/ClsiCacheManager')
+
+const TemplatesManager = {
+  async createProjectFromV1Template(
+    brandVariationId,
+    compiler,
+    mainFile,
+    templateId,
+    templateName,
+    templateVersionId,
+    userId,
+    imageName
+  ) {
+    const zipUrl = `${settings.apis.v1.url}/api/v1/overleaf/templates/${templateVersionId}`
+    const zipReq = await fetchStreamWithResponse(zipUrl, {
+      basicAuth: {
+        user: settings.apis.v1.user,
+        password: settings.apis.v1.pass,
+      },
+      signal: AbortSignal.timeout(settings.apis.v1.timeout),
+    })
+
+    const projectName = ProjectDetailsHandler.fixProjectName(templateName)
+    const dumpPath = `${settings.path.dumpFolder}/${crypto.randomUUID()}`
+    const writeStream = fs.createWriteStream(dumpPath)
+    try {
+      const attributes = {
+        fromV1TemplateId: templateId,
+        fromV1TemplateVersionId: templateVersionId,
+      }
+      await pipeline(zipReq.stream, writeStream)
+
+      if (zipReq.response.status !== 200) {
+        logger.warn(
+          { uri: zipUrl, statusCode: zipReq.response.status },
+          'non-success code getting zip from template API'
+        )
+        throw new Error(`get zip failed: ${zipReq.response.status}`)
+      }
+      const project =
+        await ProjectUploadManager.promises.createProjectFromZipArchiveWithName(
+          userId,
+          projectName,
+          dumpPath,
+          attributes
+        )
+
+      const prepareClsiCacheInBackground = ClsiCacheManager.prepareClsiCache(
+        project._id,
+        userId,
+        { templateId, templateVersionId }
+      ).catch(err => {
+        logger.warn(
+          { err, templateId, templateVersionId, projectId: project._id },
+          'failed to prepare clsi-cache from template'
+        )
+      })
+
+      await TemplatesManager._setCompiler(project._id, compiler)
+      await TemplatesManager._setImage(project._id, imageName)
+      await TemplatesManager._setMainFile(project._id, mainFile)
+      await TemplatesManager._setBrandVariationId(project._id, brandVariationId)
+
+      const update = {
+        fromV1TemplateId: templateId,
+        fromV1TemplateVersionId: templateVersionId,
+      }
+      await Project.updateOne({ _id: project._id }, update, {})
+
+      await prepareClsiCacheInBackground
+
+      return project
+    } finally {
+      await fs.promises.unlink(dumpPath)
+    }
+  },
+
+  async _setCompiler(projectId, compiler) {
+    if (compiler == null) {
+      return
+    }
+    await ProjectOptionsHandler.setCompiler(projectId, compiler)
+  },
+
+  async _setImage(projectId, imageName) {
+    if (!imageName) {
+      imageName = 'wl_texlive:2018.1'
+    }
+
+    await ProjectOptionsHandler.setImageName(projectId, imageName)
+  },
+
+  async _setMainFile(projectId, mainFile) {
+    if (mainFile == null) {
+      return
+    }
+    await ProjectRootDocManager.setRootDocFromName(projectId, mainFile)
+  },
+
+  async _setBrandVariationId(projectId, brandVariationId) {
+    if (brandVariationId == null) {
+      return
+    }
+    await ProjectOptionsHandler.setBrandVariationId(projectId, brandVariationId)
+  },
+
+  async fetchFromV1(templateId) {
+    const url = new URL(`/api/v2/templates/${templateId}`, settings.apis.v1.url)
+
+    try {
+      return await fetchJson(url, {
+        basicAuth: {
+          user: settings.apis.v1.user,
+          password: settings.apis.v1.pass,
+        },
+        signal: AbortSignal.timeout(settings.apis.v1.timeout),
+      })
+    } catch (err) {
+      if (err instanceof RequestFailedError && err.response.status === 404) {
+        throw new Errors.NotFoundError()
+      } else {
+        throw err
+      }
+    }
+  },
+}
+
+module.exports = {
+  promises: TemplatesManager,
+  createProjectFromV1Template: util.callbackify(
+    TemplatesManager.createProjectFromV1Template
+  ),
+  fetchFromV1: util.callbackify(TemplatesManager.fetchFromV1),
+}
diff --git a/services/web/app/src/Features/Templates/TemplatesMiddleware.js b/services/web/app/src/Features/Templates/TemplatesMiddleware.js
new file mode 100644
index 0000000..ff3bebf
--- /dev/null
+++ b/services/web/app/src/Features/Templates/TemplatesMiddleware.js
@@ -0,0 +1,21 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+
+module.exports = {
+  saveTemplateDataInSession(req, res, next) {
+    if (req.query.templateName) {
+      req.session.templateData = req.query
+    }
+    return next()
+  },
+}
diff --git a/services/web/app/src/Features/Templates/TemplatesRouter.js b/services/web/app/src/Features/Templates/TemplatesRouter.js
new file mode 100644
index 0000000..8f66c53
--- /dev/null
+++ b/services/web/app/src/Features/Templates/TemplatesRouter.js
@@ -0,0 +1,36 @@
+const AuthenticationController = require('../Authentication/AuthenticationController')
+const TemplatesController = require('./TemplatesController')
+const TemplatesMiddleware = require('./TemplatesMiddleware')
+const { RateLimiter } = require('../../infrastructure/RateLimiter')
+const RateLimiterMiddleware = require('../Security/RateLimiterMiddleware')
+const AnalyticsRegistrationSourceMiddleware = require('../Analytics/AnalyticsRegistrationSourceMiddleware')
+
+const rateLimiter = new RateLimiter('create-project-from-template', {
+  points: 20,
+  duration: 60,
+})
+
+module.exports = {
+  rateLimiter,
+  apply(app) {
+    app.get(
+      '/project/new/template/:Template_version_id',
+      (req, res, next) =>
+        AnalyticsRegistrationSourceMiddleware.setSource(
+          'template',
+          req.params.Template_version_id
+        )(req, res, next),
+      TemplatesMiddleware.saveTemplateDataInSession,
+      AuthenticationController.requireLogin(),
+      TemplatesController.getV1Template,
+      AnalyticsRegistrationSourceMiddleware.clearSource()
+    )
+
+    app.post(
+      '/project/new/template',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(rateLimiter),
+      TemplatesController.createProjectFromV1Template
+    )
+  },
+}
diff --git a/services/web/app/src/Features/ThirdPartyDataStore/TpdsController.mjs b/services/web/app/src/Features/ThirdPartyDataStore/TpdsController.mjs
new file mode 100644
index 0000000..2b8667b
--- /dev/null
+++ b/services/web/app/src/Features/ThirdPartyDataStore/TpdsController.mjs
@@ -0,0 +1,230 @@
+import { expressify } from '@overleaf/promise-utils'
+import TpdsUpdateHandler from './TpdsUpdateHandler.mjs'
+import UpdateMerger from './UpdateMerger.js'
+import Errors from '../Errors/Errors.js'
+import logger from '@overleaf/logger'
+import Path from 'node:path'
+import metrics from '@overleaf/metrics'
+import NotificationsBuilder from '../Notifications/NotificationsBuilder.js'
+import SessionManager from '../Authentication/SessionManager.js'
+import ProjectCreationHandler from '../Project/ProjectCreationHandler.js'
+import ProjectDetailsHandler from '../Project/ProjectDetailsHandler.js'
+import HttpErrorHandler from '../Errors/HttpErrorHandler.js'
+import TpdsQueueManager from './TpdsQueueManager.mjs'
+
+async function createProject(req, res) {
+  const { user_id: userId } = req.params
+  let { projectName } = req.body
+  projectName = await ProjectDetailsHandler.promises.generateUniqueName(
+    userId,
+    projectName
+  )
+  const project = await ProjectCreationHandler.promises.createBlankProject(
+    userId,
+    projectName,
+    {},
+    { skipCreatingInTPDS: true }
+  )
+  res.json({
+    projectId: project._id.toString(),
+  })
+}
+
+// mergeUpdate and deleteUpdate are used by Dropbox, where the project is only
+// passed as the name, as the first part of the file path. They have to check
+// the project exists, find it, and create it if not.  They also ignore 'noisy'
+// files like .DS_Store, .gitignore, etc.
+
+async function mergeUpdate(req, res) {
+  metrics.inc('tpds.merge-update')
+  const { filePath, userId, projectId, projectName } = parseParams(req)
+  const source = req.headers['x-update-source'] || 'unknown'
+
+  let metadata
+  try {
+    metadata = await TpdsUpdateHandler.promises.newUpdate(
+      userId,
+      projectId,
+      projectName,
+      filePath,
+      req,
+      source
+    )
+  } catch (err) {
+    if (err.name === 'TooManyRequestsError') {
+      logger.warn(
+        { err, userId, filePath },
+        'tpds update failed to be processed, too many requests'
+      )
+      return res.sendStatus(429)
+    } else if (err.message === 'project_has_too_many_files') {
+      logger.warn(
+        { err, userId, filePath },
+        'tpds trying to append to project over file limit'
+      )
+      NotificationsBuilder.tpdsFileLimit(userId).create(projectName, projectId)
+      return res.sendStatus(400)
+    } else {
+      throw err
+    }
+  }
+
+  if (metadata == null) {
+    return res.json({ status: 'rejected' })
+  }
+
+  const payload = {
+    status: 'applied',
+    projectId: metadata.projectId.toString(),
+    entityId: metadata.entityId.toString(),
+    entityType: metadata.entityType,
+    folderId: metadata.folderId.toString(),
+  }
+
+  // When the update is a doc edit, the update is merged in docupdater and
+  // doesn't generate a new rev.
+  if (metadata.rev != null) {
+    payload.rev = metadata.rev.toString()
+  }
+  res.json(payload)
+}
+
+async function deleteUpdate(req, res) {
+  metrics.inc('tpds.delete-update')
+  const { filePath, userId, projectId, projectName } = parseParams(req)
+  const source = req.headers['x-update-source'] || 'unknown'
+
+  await TpdsUpdateHandler.promises.deleteUpdate(
+    userId,
+    projectId,
+    projectName,
+    filePath,
+    source
+  )
+  res.sendStatus(200)
+}
+
+/**
+ * Update endpoint that accepts update details as JSON
+ */
+async function updateFolder(req, res) {
+  const userId = req.body.userId
+  const projectId = req.body.projectId
+  const { projectName, filePath } = splitPath(projectId, req.body.path)
+  const metadata = await TpdsUpdateHandler.promises.createFolder(
+    userId,
+    projectId,
+    projectName,
+    filePath
+  )
+  if (metadata == null) {
+    return HttpErrorHandler.conflict(req, res, 'Could not create folder', {
+      userId,
+      projectName,
+      filePath,
+    })
+  }
+  res.json({
+    entityId: metadata.folderId.toString(),
+    projectId: metadata.projectId.toString(),
+    path: metadata.path,
+    folderId: metadata.parentFolderId?.toString() || null,
+  })
+}
+
+// updateProjectContents and deleteProjectContents are used by GitHub. The
+// project_id is known so we can skip right ahead to creating/updating/deleting
+// the file. These methods will not ignore noisy files like .DS_Store,
+// .gitignore, etc because people are generally more explicit with the files
+// they want in git.
+
+async function updateProjectContents(req, res) {
+  const projectId = req.params.project_id
+  const path = `/${req.params[0]}` // UpdateMerger expects leading slash
+  const source = req.headers['x-update-source'] || 'unknown'
+
+  try {
+    const metadata = await UpdateMerger.promises.mergeUpdate(
+      null,
+      projectId,
+      path,
+      req,
+      source
+    )
+    res.json({
+      entityId: metadata.entityId.toString(),
+      rev: metadata.rev,
+    })
+  } catch (error) {
+    if (
+      error instanceof Errors.InvalidNameError ||
+      error instanceof Errors.DuplicateNameError
+    ) {
+      res.sendStatus(422)
+    } else {
+      throw error
+    }
+  }
+}
+
+async function deleteProjectContents(req, res) {
+  const projectId = req.params.project_id
+  const path = `/${req.params[0]}` // UpdateMerger expects leading slash
+  const source = req.headers['x-update-source'] || 'unknown'
+
+  const entityId = await UpdateMerger.promises.deleteUpdate(
+    null,
+    projectId,
+    path,
+    source
+  )
+  res.json({ entityId })
+}
+
+async function getQueues(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  res.json(await TpdsQueueManager.promises.getQueues(userId))
+}
+
+function parseParams(req) {
+  const userId = req.params.user_id
+  const projectId = req.params.project_id
+  const { projectName, filePath } = splitPath(projectId, req.params[0])
+  return { filePath, userId, projectName, projectId }
+}
+
+function splitPath(projectId, path) {
+  let filePath, projectName
+  path = Path.join('/', path)
+  if (projectId) {
+    filePath = path
+    projectName = ''
+  } else if (path.substring(1).indexOf('/') === -1) {
+    filePath = '/'
+    projectName = path.substring(1)
+  } else {
+    filePath = path.substring(path.indexOf('/', 1))
+    projectName = path.substring(0, path.indexOf('/', 1))
+    projectName = projectName.replace('/', '')
+  }
+
+  return { filePath, projectName }
+}
+
+export default {
+  createProject: expressify(createProject),
+  mergeUpdate: expressify(mergeUpdate),
+  deleteUpdate: expressify(deleteUpdate),
+  updateFolder: expressify(updateFolder),
+  updateProjectContents: expressify(updateProjectContents),
+  deleteProjectContents: expressify(deleteProjectContents),
+  getQueues: expressify(getQueues),
+
+  promises: {
+    deleteProjectContents,
+    updateProjectContents,
+  },
+
+  // for tests only
+  parseParams,
+}
diff --git a/services/web/app/src/Features/ThirdPartyDataStore/TpdsProjectFlusher.js b/services/web/app/src/Features/ThirdPartyDataStore/TpdsProjectFlusher.js
new file mode 100644
index 0000000..5565571
--- /dev/null
+++ b/services/web/app/src/Features/ThirdPartyDataStore/TpdsProjectFlusher.js
@@ -0,0 +1,117 @@
+const { callbackify } = require('util')
+const logger = require('@overleaf/logger')
+const DocumentUpdaterHandler = require('../DocumentUpdater/DocumentUpdaterHandler')
+const ProjectGetter = require('../Project/ProjectGetter')
+const ProjectEntityHandler = require('../Project/ProjectEntityHandler')
+const { Project } = require('../../models/Project')
+const TpdsUpdateSender = require('./TpdsUpdateSender')
+const OError = require('@overleaf/o-error')
+
+module.exports = {
+  flushProjectToTpds: callbackify(flushProjectToTpds),
+  deferProjectFlushToTpds: callbackify(deferProjectFlushToTpds),
+  flushProjectToTpdsIfNeeded: callbackify(flushProjectToTpdsIfNeeded),
+  promises: {
+    flushProjectToTpds,
+    deferProjectFlushToTpds,
+    flushProjectToTpdsIfNeeded,
+  },
+}
+
+/**
+ * Flush a complete project to the TPDS.
+ */
+async function flushProjectToTpds(projectId) {
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    name: true,
+    deferredTpdsFlushCounter: true,
+    'overleaf.history.id': 1,
+  })
+  await _flushProjectToTpds(project)
+}
+
+/**
+ * Flush a project to TPDS if a flush is pending.  This is called when
+ * projects are loaded in the editor and triggers a sync to dropbox for
+ * projects that were imported from Overleaf v1.
+ */
+async function flushProjectToTpdsIfNeeded(projectId) {
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    name: true,
+    deferredTpdsFlushCounter: true,
+    'overleaf.history.id': 1,
+  })
+  if (project.deferredTpdsFlushCounter > 0) {
+    await _flushProjectToTpds(project)
+  }
+}
+
+async function _flushProjectToTpds(project) {
+  const historyId = project?.overleaf?.history?.id
+  if (!historyId) {
+    const projectId = project._id
+    throw new OError('project does not have a history id', { projectId })
+  }
+  logger.debug({ projectId: project._id }, 'flushing project to TPDS')
+  logger.debug({ projectId: project._id }, 'finished flushing project to TPDS')
+  await DocumentUpdaterHandler.promises.flushProjectToMongo(project._id)
+  const [docs, files] = await Promise.all([
+    ProjectEntityHandler.promises.getAllDocs(project._id),
+    ProjectEntityHandler.promises.getAllFiles(project._id),
+  ])
+  for (const [docPath, doc] of Object.entries(docs)) {
+    await TpdsUpdateSender.promises.addDoc({
+      projectId: project._id,
+      docId: doc._id,
+      path: docPath,
+      projectName: project.name,
+      rev: doc.rev || 0,
+      folderId: doc.folder._id,
+    })
+  }
+  for (const [filePath, file] of Object.entries(files)) {
+    await TpdsUpdateSender.promises.addFile({
+      projectId: project._id,
+      historyId,
+      fileId: file._id,
+      hash: file.hash,
+      path: filePath,
+      projectName: project.name,
+      rev: file.rev,
+      folderId: file.folder._id,
+    })
+  }
+  await _resetDeferredTpdsFlushCounter(project)
+}
+
+/**
+ * Reset the TPDS pending flush counter.
+ *
+ * To avoid concurrency problems, the flush counter is not reset if it has been
+ * incremented since we fetched it from the database.
+ */
+async function _resetDeferredTpdsFlushCounter(project) {
+  if (project.deferredTpdsFlushCounter > 0) {
+    await Project.updateOne(
+      {
+        _id: project._id,
+        deferredTpdsFlushCounter: { $lte: project.deferredTpdsFlushCounter },
+      },
+      { $set: { deferredTpdsFlushCounter: 0 } }
+    ).exec()
+  }
+}
+
+/**
+ * Mark a project as pending a flush to TPDS.
+ * This was called as part of the import process for Overleaf v1 projects.
+ * We no longer use this method, but imported v1 projects have the
+ * deferredTpdsFlushCounter set and will trigger a flush when loaded in
+ * the editor.
+ */
+async function deferProjectFlushToTpds(projectId) {
+  await Project.updateOne(
+    { _id: projectId },
+    { $inc: { deferredTpdsFlushCounter: 1 } }
+  ).exec()
+}
diff --git a/services/web/app/src/Features/ThirdPartyDataStore/TpdsQueueManager.mjs b/services/web/app/src/Features/ThirdPartyDataStore/TpdsQueueManager.mjs
new file mode 100644
index 0000000..253d0f0
--- /dev/null
+++ b/services/web/app/src/Features/ThirdPartyDataStore/TpdsQueueManager.mjs
@@ -0,0 +1,17 @@
+import Settings from '@overleaf/settings'
+import OError from '@overleaf/o-error'
+import { fetchJson } from '@overleaf/fetch-utils'
+
+async function getQueues(userId) {
+  try {
+    return await fetchJson(`${Settings.apis.tpdsworker.url}/queues/${userId}`)
+  } catch (err) {
+    throw OError.tag(err, 'failed to query TPDS queues for user', { userId })
+  }
+}
+
+export default {
+  promises: {
+    getQueues,
+  },
+}
diff --git a/services/web/app/src/Features/ThirdPartyDataStore/TpdsUpdateHandler.mjs b/services/web/app/src/Features/ThirdPartyDataStore/TpdsUpdateHandler.mjs
new file mode 100644
index 0000000..219db88
--- /dev/null
+++ b/services/web/app/src/Features/ThirdPartyDataStore/TpdsUpdateHandler.mjs
@@ -0,0 +1,205 @@
+import { callbackify } from 'node:util'
+import UpdateMerger from './UpdateMerger.js'
+import logger from '@overleaf/logger'
+import NotificationsBuilder from '../Notifications/NotificationsBuilder.js'
+import ProjectCreationHandler from '../Project/ProjectCreationHandler.js'
+import ProjectDeleter from '../Project/ProjectDeleter.js'
+import ProjectGetter from '../Project/ProjectGetter.js'
+import ProjectHelper from '../Project/ProjectHelper.js'
+import ProjectRootDocManager from '../Project/ProjectRootDocManager.js'
+import FileTypeManager from '../Uploads/FileTypeManager.js'
+import CooldownManager from '../Cooldown/CooldownManager.js'
+import Errors from '../Errors/Errors.js'
+import Modules from '../../infrastructure/Modules.js'
+
+async function newUpdate(
+  userId,
+  projectId,
+  projectName,
+  path,
+  updateRequest,
+  source
+) {
+  const project = await getOrCreateProject(userId, projectId, projectName)
+  if (project == null) {
+    return null
+  }
+
+  const projectIsOnCooldown =
+    await CooldownManager.promises.isProjectOnCooldown(project._id)
+  if (projectIsOnCooldown) {
+    throw new Errors.TooManyRequestsError('project on cooldown')
+  }
+
+  const shouldIgnore = await FileTypeManager.promises.shouldIgnore(path)
+  if (shouldIgnore) {
+    return null
+  }
+
+  const metadata = await UpdateMerger.promises.mergeUpdate(
+    userId,
+    project._id,
+    path,
+    updateRequest,
+    source
+  )
+  return metadata
+}
+
+async function deleteUpdate(userId, projectId, projectName, path, source) {
+  logger.debug({ userId, filePath: path }, 'handling delete update from tpds')
+  let projects = []
+  if (projectId) {
+    const project = await findProjectByIdWithRWAccess(userId, projectId)
+    if (project) {
+      projects = [project]
+    }
+  } else {
+    projects = await ProjectGetter.promises.findUsersProjectsByName(
+      userId,
+      projectName
+    )
+  }
+  const activeProjects = projects.filter(
+    project => !ProjectHelper.isArchivedOrTrashed(project, userId)
+  )
+
+  if (activeProjects.length === 0) {
+    logger.debug(
+      { userId, filePath: path, projectName },
+      'project not found from tpds update, ignoring folder or project'
+    )
+    return
+  }
+
+  if (projects.length > 1) {
+    // There is more than one project with that name, and one of them is
+    // active (previous condition)
+    await handleDuplicateProjects(userId, projectName)
+    return
+  }
+
+  const project = activeProjects[0]
+  if (path === '/') {
+    logger.debug(
+      { userId, filePath: path, projectName, projectId: project._id },
+      'project found for delete update, path is root so marking project as deleted'
+    )
+    await ProjectDeleter.promises.markAsDeletedByExternalSource(project._id)
+  } else {
+    await UpdateMerger.promises.deleteUpdate(userId, project._id, path, source)
+  }
+}
+
+async function getOrCreateProject(userId, projectId, projectName) {
+  if (projectId) {
+    return findProjectByIdWithRWAccess(userId, projectId)
+  } else {
+    return getOrCreateProjectByName(userId, projectName)
+  }
+}
+
+async function findProjectByIdWithRWAccess(userId, projectId) {
+  const allProjects = await ProjectGetter.promises.findAllUsersProjects(
+    userId,
+    'name archived trashed'
+  )
+  for (const projects of [allProjects.owned, allProjects.readAndWrite]) {
+    for (const project of projects) {
+      if (project._id.toString() === projectId) {
+        return project
+      }
+    }
+  }
+}
+
+async function getOrCreateProjectByName(userId, projectName) {
+  const projects = await ProjectGetter.promises.findUsersProjectsByName(
+    userId,
+    projectName
+  )
+
+  if (projects.length === 0) {
+    // No project with that name -- active, archived or trashed -- has been
+    // found. Create one.
+    const project = await ProjectCreationHandler.promises.createBlankProject(
+      userId,
+      projectName
+    )
+
+    // have a crack at setting the root doc after a while, on creation
+    // we won't have it yet, but should have been sent it it within 30
+    // seconds
+    ProjectRootDocManager.setRootDocAutomaticallyInBackground(project._id)
+    return project
+  }
+
+  const activeProjects = projects.filter(
+    project => !ProjectHelper.isArchivedOrTrashed(project, userId)
+  )
+  if (activeProjects.length === 0) {
+    // All projects with that name are archived or trashed. Ignore.
+    return null
+  }
+
+  if (projects.length > 1) {
+    // There is more than one project with that name, and one of them is
+    // active (previous condition)
+    await handleDuplicateProjects(userId, projectName)
+    return null
+  }
+
+  return activeProjects[0]
+}
+
+async function handleDuplicateProjects(userId, projectName) {
+  await Modules.promises.hooks.fire(
+    'removeDropbox',
+    userId,
+    'duplicate-projects'
+  )
+  await NotificationsBuilder.promises
+    .dropboxDuplicateProjectNames(userId)
+    .create(projectName)
+}
+
+async function createFolder(userId, projectId, projectName, path) {
+  const project = await getOrCreateProject(userId, projectId, projectName)
+  if (project == null) {
+    return null
+  }
+
+  const projectIsOnCooldown =
+    await CooldownManager.promises.isProjectOnCooldown(project._id)
+  if (projectIsOnCooldown) {
+    throw new Errors.TooManyRequestsError('project on cooldown')
+  }
+
+  const shouldIgnore = await FileTypeManager.promises.shouldIgnore(path)
+  if (shouldIgnore) {
+    return null
+  }
+
+  const folder = await UpdateMerger.promises.createFolder(
+    project._id,
+    path,
+    userId
+  )
+  return {
+    folderId: folder._id,
+    parentFolderId: folder.parentFolder_id,
+    projectId: project._id,
+    path,
+  }
+}
+
+export default {
+  newUpdate: callbackify(newUpdate),
+  deleteUpdate: callbackify(deleteUpdate),
+  createFolder: callbackify(createFolder),
+  promises: {
+    newUpdate,
+    deleteUpdate,
+    createFolder,
+  },
+}
diff --git a/services/web/app/src/Features/ThirdPartyDataStore/TpdsUpdateSender.js b/services/web/app/src/Features/ThirdPartyDataStore/TpdsUpdateSender.js
new file mode 100644
index 0000000..2aacc90
--- /dev/null
+++ b/services/web/app/src/Features/ThirdPartyDataStore/TpdsUpdateSender.js
@@ -0,0 +1,294 @@
+const { ObjectId } = require('mongodb-legacy')
+const _ = require('lodash')
+const { callbackify } = require('util')
+const logger = require('@overleaf/logger')
+const metrics = require('@overleaf/metrics')
+const Path = require('path')
+const { fetchNothing } = require('@overleaf/fetch-utils')
+const settings = require('@overleaf/settings')
+const HistoryURLHelper = require('../History/HistoryURLHelper')
+
+const CollaboratorsGetter =
+  require('../Collaborators/CollaboratorsGetter').promises
+const UserGetter = require('../User/UserGetter').promises
+
+const tpdsUrl = _.get(settings, ['apis', 'thirdPartyDataStore', 'url'])
+
+async function addDoc(params) {
+  metrics.inc('tpds.add-doc')
+  const { projectId, path, docId, projectName, rev, folderId } = params
+
+  const streamOrigin =
+    settings.apis.docstore.pubUrl +
+    Path.join(`/project/${projectId}`, `/doc/${docId}`, '/raw')
+
+  await addEntity({
+    projectId,
+    path,
+    projectName,
+    rev,
+    folderId,
+    streamOrigin,
+    entityId: docId,
+    entityType: 'doc',
+  })
+}
+
+async function addEntity(params) {
+  const {
+    projectId,
+    path,
+    projectName,
+    rev,
+    folderId,
+    streamOrigin,
+    streamFallback,
+    entityId,
+    entityType,
+  } = params
+
+  const projectUserIds = await getProjectUsersIds(projectId)
+
+  for (const userId of projectUserIds) {
+    const job = {
+      method: 'post',
+      headers: {
+        'x-entity-id': entityId,
+        'x-entity-rev': rev,
+        'x-entity-type': entityType,
+        'x-folder-id': folderId,
+        'x-project-id': projectId,
+      },
+      uri: buildTpdsUrl(userId, projectName, path),
+      title: 'addFile',
+      streamOrigin,
+      streamFallback,
+    }
+
+    await enqueue(userId, 'pipeStreamFrom', job)
+  }
+}
+
+async function addFile(params) {
+  metrics.inc('tpds.add-file')
+  const {
+    projectId,
+    historyId,
+    fileId,
+    hash,
+    path,
+    projectName,
+    rev,
+    folderId,
+  } = params
+  // Go through project-history to avoid the need for handling history-v1 authentication.
+  const { url, fallbackURL } =
+    HistoryURLHelper.projectHistoryURLWithFilestoreFallback(
+      settings,
+      projectId,
+      historyId,
+      { _id: fileId, hash },
+      'tpdsAddFile'
+    )
+
+  await addEntity({
+    projectId,
+    path,
+    projectName,
+    rev,
+    folderId,
+    streamOrigin: url,
+    streamFallback: fallbackURL,
+    entityId: fileId,
+    entityType: 'file',
+  })
+}
+
+function buildMovePaths(params) {
+  if (params.newProjectName) {
+    return {
+      startPath: Path.join('/', params.projectName, '/'),
+      endPath: Path.join('/', params.newProjectName, '/'),
+    }
+  } else {
+    return {
+      startPath: Path.join('/', params.projectName, '/', params.startPath),
+      endPath: Path.join('/', params.projectName, '/', params.endPath),
+    }
+  }
+}
+
+function buildTpdsUrl(userId, projectName, filePath) {
+  const projectPath = encodeURIComponent(Path.join(projectName, '/', filePath))
+  return `${tpdsUrl}/user/${userId}/entity/${projectPath}`
+}
+
+async function deleteEntity(params) {
+  metrics.inc('tpds.delete-entity')
+  const {
+    projectId,
+    path,
+    projectName,
+    entityId,
+    entityType,
+    subtreeEntityIds,
+  } = params
+
+  const projectUserIds = await getProjectUsersIds(projectId)
+
+  for (const userId of projectUserIds) {
+    const job = {
+      method: 'delete',
+      headers: {
+        'x-entity-id': entityId,
+        'x-entity-type': entityType,
+        'x-project-id': projectId,
+      },
+      uri: buildTpdsUrl(userId, projectName, path),
+      // We're sending a body with the DELETE request. This is unconventional,
+      // but Express does handle it on the other side. Ideally, this operation
+      // would be moved to a POST endpoint.
+      json: { subtreeEntityIds },
+      title: 'deleteEntity',
+    }
+
+    await enqueue(userId, 'standardHttpRequest', job)
+  }
+}
+
+async function createProject(params) {
+  if (!tpdsUrl) return // Overleaf Community Edition/Server Pro
+
+  const { projectId, projectName, userId } = params
+
+  const job = {
+    method: 'post',
+    headers: {
+      'x-project-id': projectId,
+    },
+    uri: Path.join(
+      tpdsUrl,
+      'user',
+      userId.toString(),
+      'project',
+      'new',
+      encodeURIComponent(projectName)
+    ),
+    title: 'createProject',
+  }
+
+  await enqueue(userId, 'standardHttpRequest', job)
+}
+
+async function enqueue(group, method, job) {
+  const tpdsWorkerUrl = _.get(settings, ['apis', 'tpdsworker', 'url'])
+  // silently do nothing if worker url is not in settings
+  if (!tpdsWorkerUrl) {
+    return
+  }
+  try {
+    const url = new URL('/enqueue/web_to_tpds_http_requests', tpdsWorkerUrl)
+    await fetchNothing(url, {
+      method: 'POST',
+      json: { group, job, method },
+      signal: AbortSignal.timeout(5 * 1000),
+    })
+  } catch (err) {
+    // log error and continue
+    logger.error({ err, group, job, method }, 'error enqueueing tpdsworker job')
+  }
+}
+
+async function getProjectUsersIds(projectId) {
+  // get list of all user ids with access to project. project owner
+  // will always be the first entry in the list.
+  const userIds = await CollaboratorsGetter.getInvitedMemberIds(projectId)
+  // filter invited users to only return those with dropbox linked
+  const dropboxUsers = await UserGetter.getUsers(
+    {
+      _id: { $in: userIds.map(id => new ObjectId(id)) },
+      'dropbox.access_token.uid': { $ne: null },
+    },
+    {
+      _id: 1,
+    }
+  )
+  const dropboxUserIds = dropboxUsers.map(user => user._id)
+  return dropboxUserIds
+}
+
+async function moveEntity(params) {
+  metrics.inc('tpds.move-entity')
+  const { projectId, rev, entityId, entityType, folderId } = params
+
+  const projectUserIds = await getProjectUsersIds(projectId)
+  const { endPath, startPath } = buildMovePaths(params)
+
+  for (const userId of projectUserIds) {
+    const headers = {
+      'x-project-id': projectId,
+      'x-entity-rev': rev,
+    }
+    if (entityId != null) {
+      headers['x-entity-id'] = entityId
+    }
+    if (entityType != null) {
+      headers['x-entity-type'] = entityType
+    }
+    if (folderId != null) {
+      headers['x-folder-id'] = folderId
+    }
+    const job = {
+      method: 'put',
+      title: 'moveEntity',
+      uri: `${tpdsUrl}/user/${userId}/entity`,
+      headers,
+      json: {
+        user_id: userId,
+        endPath,
+        startPath,
+      },
+    }
+
+    await enqueue(userId, 'standardHttpRequest', job)
+  }
+}
+
+async function pollDropboxForUser(userId) {
+  metrics.inc('tpds.poll-dropbox')
+
+  const job = {
+    method: 'post',
+    uri: `${tpdsUrl}/user/poll`,
+    json: {
+      user_ids: [userId],
+    },
+  }
+
+  // Queue poll requests in the user queue along with file updates, in order
+  // to avoid race conditions between polling and updates.
+  await enqueue(userId, 'standardHttpRequest', job)
+}
+
+const TpdsUpdateSender = {
+  addDoc: callbackify(addDoc),
+  addEntity: callbackify(addEntity),
+  addFile: callbackify(addFile),
+  deleteEntity: callbackify(deleteEntity),
+  createProject: callbackify(createProject),
+  enqueue: callbackify(enqueue),
+  moveEntity: callbackify(moveEntity),
+  pollDropboxForUser: callbackify(pollDropboxForUser),
+  promises: {
+    addDoc,
+    addEntity,
+    addFile,
+    deleteEntity,
+    createProject,
+    enqueue,
+    moveEntity,
+    pollDropboxForUser,
+  },
+}
+
+module.exports = TpdsUpdateSender
diff --git a/services/web/app/src/Features/ThirdPartyDataStore/UpdateMerger.js b/services/web/app/src/Features/ThirdPartyDataStore/UpdateMerger.js
new file mode 100644
index 0000000..f68d366
--- /dev/null
+++ b/services/web/app/src/Features/ThirdPartyDataStore/UpdateMerger.js
@@ -0,0 +1,199 @@
+const { callbackify } = require('util')
+const _ = require('lodash')
+const fsPromises = require('fs/promises')
+const fs = require('fs')
+const logger = require('@overleaf/logger')
+const EditorController = require('../Editor/EditorController')
+const FileTypeManager = require('../Uploads/FileTypeManager')
+const ProjectEntityHandler = require('../Project/ProjectEntityHandler')
+const crypto = require('crypto')
+const Settings = require('@overleaf/settings')
+const { pipeline } = require('stream/promises')
+
+async function mergeUpdate(userId, projectId, path, updateRequest, source) {
+  const fsPath = await writeUpdateToDisk(projectId, updateRequest)
+
+  try {
+    // note: important to await here so file reading finishes before cleaning up below
+    return await _mergeUpdate(userId, projectId, path, fsPath, source)
+  } finally {
+    // note: not awaited or thrown
+    fsPromises.unlink(fsPath).catch(err => {
+      logger.err({ err, projectId, fsPath }, 'error deleting file')
+    })
+  }
+}
+
+async function writeUpdateToDisk(projectId, updateStream) {
+  const fsPath = `${
+    Settings.path.dumpFolder
+  }/${projectId}_${crypto.randomUUID()}`
+  const writeStream = fs.createWriteStream(fsPath)
+  try {
+    await pipeline(updateStream, writeStream)
+  } catch (err) {
+    try {
+      await fsPromises.unlink(fsPath)
+    } catch (err) {
+      logger.error({ err, projectId, fsPath }, 'error deleting file')
+    }
+    throw err
+  }
+  return fsPath
+}
+
+async function _findExistingFileType(projectId, path) {
+  const { docs, files } =
+    await ProjectEntityHandler.promises.getAllEntities(projectId)
+  if (_.some(docs, d => d.path === path)) {
+    return 'doc'
+  }
+  if (_.some(files, f => f.path === path)) {
+    return 'file'
+  }
+  return null
+}
+
+async function _determineFileType(projectId, path, fsPath) {
+  // check if there is an existing file with the same path (we either need
+  // to overwrite it or delete it)
+  const existingFileType = await _findExistingFileType(projectId, path)
+
+  // determine whether the update should create a doc or binary file
+  const { binary, encoding } = await FileTypeManager.promises.getType(
+    path,
+    fsPath,
+    existingFileType
+  )
+
+  // If we receive a non-utf8 encoding, we won't be able to keep things in
+  // sync, so we'll treat non-utf8 files as binary
+  const isBinary = binary || encoding !== 'utf-8'
+
+  // Existing | Update    | Resulting file type
+  // ---------|-----------|--------------------
+  // file     | isBinary  | file
+  // file     | !isBinary | file
+  // doc      | isBinary  | file
+  // doc      | !isBinary | doc
+  // null     | isBinary  | file
+  // null     | !isBinary | doc
+
+  // if a binary file already exists, always keep it as a binary file
+  // even if the update looks like a text file
+  if (existingFileType === 'file') {
+    return 'file'
+  } else {
+    return isBinary ? 'file' : 'doc'
+  }
+}
+
+async function _mergeUpdate(userId, projectId, path, fsPath, source) {
+  const fileType = await _determineFileType(projectId, path, fsPath)
+
+  if (fileType === 'file') {
+    const { file, folder } = await _processFile(
+      projectId,
+      fsPath,
+      path,
+      source,
+      userId
+    )
+    return {
+      projectId,
+      entityType: 'file',
+      entityId: file._id,
+      rev: file.rev,
+      folderId: folder._id,
+    }
+  } else if (fileType === 'doc') {
+    const { doc, folder } = await _processDoc(
+      projectId,
+      userId,
+      fsPath,
+      path,
+      source
+    )
+    return {
+      projectId,
+      entityType: 'doc',
+      entityId: doc._id,
+      rev: doc.rev,
+      folderId: folder._id,
+    }
+  } else {
+    throw new Error('unrecognized file')
+  }
+}
+
+async function deleteUpdate(userId, projectId, path, source) {
+  try {
+    return await EditorController.promises.deleteEntityWithPath(
+      projectId,
+      path,
+      source,
+      userId
+    )
+  } catch (err) {
+    logger.warn(
+      { err, userId, projectId, path, source },
+      'failed to delete entity'
+    )
+  }
+}
+
+async function _processDoc(projectId, userId, fsPath, path, source) {
+  const docLines = await _readFileIntoTextArray(fsPath)
+  logger.debug({ docLines }, 'processing doc update from tpds')
+  const doc = await EditorController.promises.upsertDocWithPath(
+    projectId,
+    path,
+    docLines,
+    source,
+    userId
+  )
+  return doc
+}
+
+async function _processFile(projectId, fsPath, path, source, userId) {
+  const { file, folder } = await EditorController.promises.upsertFileWithPath(
+    projectId,
+    path,
+    fsPath,
+    null,
+    source,
+    userId
+  )
+  return { file, folder }
+}
+
+async function _readFileIntoTextArray(path) {
+  let content = await fsPromises.readFile(path, 'utf8')
+  if (content == null) {
+    content = ''
+  }
+  const lines = content.split(/\r\n|\n|\r/)
+  return lines
+}
+
+async function createFolder(projectId, path, userId) {
+  const { lastFolder: folder } = await EditorController.promises.mkdirp(
+    projectId,
+    path,
+    userId
+  )
+  return folder
+}
+
+module.exports = {
+  mergeUpdate: callbackify(mergeUpdate),
+  _mergeUpdate: callbackify(_mergeUpdate),
+  deleteUpdate: callbackify(deleteUpdate),
+  createFolder: callbackify(createFolder),
+  promises: {
+    mergeUpdate,
+    _mergeUpdate, // called by GitBridgeHandler
+    deleteUpdate,
+    createFolder,
+  },
+}
diff --git a/services/web/app/src/Features/TokenAccess/TokenAccessController.mjs b/services/web/app/src/Features/TokenAccess/TokenAccessController.mjs
new file mode 100644
index 0000000..ff4b93e
--- /dev/null
+++ b/services/web/app/src/Features/TokenAccess/TokenAccessController.mjs
@@ -0,0 +1,602 @@
+import AuthenticationController from '../Authentication/AuthenticationController.js'
+import SessionManager from '../Authentication/SessionManager.js'
+import TokenAccessHandler from './TokenAccessHandler.js'
+import Errors from '../Errors/Errors.js'
+import logger from '@overleaf/logger'
+import OError from '@overleaf/o-error'
+import { expressify } from '@overleaf/promise-utils'
+import AuthorizationManager from '../Authorization/AuthorizationManager.js'
+import PrivilegeLevels from '../Authorization/PrivilegeLevels.js'
+import ProjectAuditLogHandler from '../Project/ProjectAuditLogHandler.js'
+import CollaboratorsInviteHandler from '../Collaborators/CollaboratorsInviteHandler.mjs'
+import CollaboratorsHandler from '../Collaborators/CollaboratorsHandler.js'
+import EditorRealTimeController from '../Editor/EditorRealTimeController.js'
+import CollaboratorsGetter from '../Collaborators/CollaboratorsGetter.js'
+import ProjectGetter from '../Project/ProjectGetter.js'
+import AsyncFormHelper from '../Helpers/AsyncFormHelper.js'
+import AnalyticsManager from '../Analytics/AnalyticsManager.js'
+import { canRedirectToAdminDomain } from '../Helpers/AdminAuthorizationHelper.js'
+import { getSafeAdminDomainRedirect } from '../Helpers/UrlHelper.js'
+import UserGetter from '../User/UserGetter.js'
+import Settings from '@overleaf/settings'
+import LimitationsManager from '../Subscription/LimitationsManager.js'
+
+const orderedPrivilegeLevels = [
+  PrivilegeLevels.NONE,
+  PrivilegeLevels.READ_ONLY,
+  PrivilegeLevels.REVIEW,
+  PrivilegeLevels.READ_AND_WRITE,
+  PrivilegeLevels.OWNER,
+]
+
+async function _userAlreadyHasHigherPrivilege(userId, projectId, tokenType) {
+  if (!Object.values(TokenAccessHandler.TOKEN_TYPES).includes(tokenType)) {
+    throw new Error('bad token type')
+  }
+  if (!userId) {
+    return false
+  }
+  const privilegeLevel =
+    await AuthorizationManager.promises.getPrivilegeLevelForProject(
+      userId,
+      projectId
+    )
+  return (
+    orderedPrivilegeLevels.indexOf(privilegeLevel) >=
+    orderedPrivilegeLevels.indexOf(tokenType)
+  )
+}
+
+const makePostUrl = token => {
+  if (TokenAccessHandler.isReadAndWriteToken(token)) {
+    return `/${token}/grant`
+  } else if (TokenAccessHandler.isReadOnlyToken(token)) {
+    return `/read/${token}/grant`
+  } else {
+    throw new Error('invalid token type')
+  }
+}
+
+async function _handleV1Project(token, userId) {
+  if (!userId) {
+    return { v1Import: { status: 'mustLogin' } }
+  } else {
+    const docInfo = await TokenAccessHandler.promises.getV1DocInfo(
+      token,
+      userId
+    )
+    // This should not happen anymore, but it does show
+    // a nice "contact support" message, so it can stay
+    if (!docInfo) {
+      return { v1Import: { status: 'cannotImport' } }
+    }
+    if (!docInfo.exists) {
+      return null
+    }
+    if (docInfo.exported) {
+      return null
+    }
+    return {
+      v1Import: {
+        status: 'canDownloadZip',
+        projectId: token,
+        hasOwner: docInfo.has_owner,
+        name: docInfo.name || 'Untitled',
+        brandInfo: docInfo.brand_info,
+      },
+    }
+  }
+}
+
+async function _isOverleafStaff(userId) {
+  const emails = await UserGetter.promises.getUserConfirmedEmails(userId)
+  const adminDomains = Settings.adminDomains ?? []
+  return emails.some(email =>
+    adminDomains.some(adminDomain => email.email.endsWith(`@${adminDomain}`))
+  )
+}
+
+async function tokenAccessPage(req, res, next) {
+  const { token } = req.params
+  if (!TokenAccessHandler.isValidToken(token)) {
+    return next(new Errors.NotFoundError())
+  }
+
+  try {
+    if (TokenAccessHandler.isReadOnlyToken(token)) {
+      const docPublishedInfo =
+        await TokenAccessHandler.promises.getV1DocPublishedInfo(token)
+      if (docPublishedInfo.allow === false) {
+        return res.redirect(302, docPublishedInfo.published_path)
+      }
+    }
+
+    res.render('project/token/access-react', {
+      postUrl: makePostUrl(token),
+    })
+  } catch (err) {
+    return next(
+      OError.tag(err, 'error while rendering token access page', { token })
+    )
+  }
+}
+
+async function checkAndGetProjectOrResponseAction(
+  tokenType,
+  token,
+  userId,
+  tokenHashPrefix,
+  req,
+  res,
+  next
+) {
+  const isAnonymousUser = !userId
+  if (
+    isAnonymousUser &&
+    tokenType === TokenAccessHandler.TOKEN_TYPES.READ_AND_WRITE &&
+    !TokenAccessHandler.ANONYMOUS_READ_AND_WRITE_ENABLED
+  ) {
+    logger.warn('[TokenAccess] deny anonymous read-and-write token access')
+
+    let projectUrlWithToken = TokenAccessHandler.makeTokenUrl(token)
+
+    if (tokenHashPrefix && tokenHashPrefix.startsWith('#')) {
+      projectUrlWithToken += `${tokenHashPrefix}`
+    }
+
+    AuthenticationController.setRedirectInSession(req, projectUrlWithToken)
+    return [
+      null,
+      () => {
+        res.json({
+          redirect: '/restricted',
+          anonWriteAccessDenied: true,
+        })
+      },
+      { action: 'denied anonymous read-and-write token access' },
+    ]
+  }
+
+  // Try to get the project, and/or an alternative action to take.
+  // Returns a tuple of [project, action]
+  const project = await TokenAccessHandler.promises.getProjectByToken(
+    tokenType,
+    token
+  )
+  if (!project) {
+    if (Settings.overleaf) {
+      const v1ImportData = await _handleV1Project(token, userId)
+      return [
+        null,
+        () => {
+          if (v1ImportData) {
+            res.json(v1ImportData)
+          } else {
+            res.sendStatus(404)
+          }
+        },
+        { action: v1ImportData ? 'import v1' : '404' },
+      ]
+    } else {
+      return [null, null, { action: '404' }]
+    }
+  }
+
+  const projectId = project._id
+
+  const tokenAccessEnabled =
+    TokenAccessHandler.tokenAccessEnabledForProject(project)
+  if (isAnonymousUser && tokenAccessEnabled) {
+    if (tokenType === TokenAccessHandler.TOKEN_TYPES.READ_AND_WRITE) {
+      if (TokenAccessHandler.ANONYMOUS_READ_AND_WRITE_ENABLED) {
+        logger.debug({ projectId }, 'granting read-write anonymous access')
+        TokenAccessHandler.grantSessionTokenAccess(req, projectId, token)
+        return [
+          null,
+          () => {
+            res.json({
+              redirect: `/project/${projectId}`,
+              grantAnonymousAccess: tokenType,
+            })
+          },
+          { projectId, action: 'granting read-write anonymous access' },
+        ]
+      } else {
+        // anonymous read-and-write token access should have been denied already
+        throw new Error(
+          'unreachable: anonymous read-and-write token access bug'
+        )
+      }
+    } else if (tokenType === TokenAccessHandler.TOKEN_TYPES.READ_ONLY) {
+      logger.debug({ projectId }, 'granting read-only anonymous access')
+      TokenAccessHandler.grantSessionTokenAccess(req, projectId, token)
+      return [
+        null,
+        () => {
+          res.json({
+            redirect: `/project/${projectId}`,
+            grantAnonymousAccess: tokenType,
+          })
+        },
+        { projectId, action: 'granting read-only anonymous access' },
+      ]
+    } else {
+      throw new Error('unreachable')
+    }
+  }
+  const userHasPrivilege = await _userAlreadyHasHigherPrivilege(
+    userId,
+    projectId,
+    tokenType
+  )
+  if (userHasPrivilege) {
+    return [
+      null,
+      () => {
+        res.json({ redirect: `/project/${project._id}`, higherAccess: true })
+      },
+      { projectId, action: 'user already has higher or same privilege' },
+    ]
+  }
+
+  // Handle admin redirect
+  // If the project owner is an internal staff (using @overleaf.com email),
+  // the admin will join the project "for real".
+  // If the project owner is a external user
+  // the admin will be redirect to admin domain to view the project.
+  if (canRedirectToAdminDomain(SessionManager.getSessionUser(req.session))) {
+    const isProjectOwnerOverleafStaff = await _isOverleafStaff(
+      project.owner_ref
+    )
+    if (isProjectOwnerOverleafStaff) {
+      logger.warn(
+        { projectId, userId },
+        'letting admin user join staff project'
+      )
+    } else {
+      let projectUrlWithToken = TokenAccessHandler.makeTokenUrl(token)
+      if (tokenHashPrefix && tokenHashPrefix.startsWith('#')) {
+        projectUrlWithToken += `${tokenHashPrefix}`
+      }
+      return [
+        null,
+        () =>
+          res.json({
+            redirect: getSafeAdminDomainRedirect(projectUrlWithToken),
+          }),
+        { projectId, action: 'redirect admin user to admin domain' },
+      ]
+    }
+  }
+
+  if (!tokenAccessEnabled) {
+    return [
+      null,
+      () => {
+        next(new Errors.NotFoundError())
+      },
+      { projectId, action: 'token access not enabled' },
+    ]
+  }
+  return [project, null, { projectId, action: 'continue' }]
+}
+
+async function grantTokenAccessReadAndWrite(req, res, next) {
+  const { token } = req.params
+  const { confirmedByUser, tokenHashPrefix } = req.body
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  if (!TokenAccessHandler.isReadAndWriteToken(token)) {
+    return res.sendStatus(400)
+  }
+  const tokenType = TokenAccessHandler.TOKEN_TYPES.READ_AND_WRITE
+
+  try {
+    const [project, action, logData] = await checkAndGetProjectOrResponseAction(
+      tokenType,
+      token,
+      userId,
+      tokenHashPrefix,
+      req,
+      res,
+      next
+    )
+
+    TokenAccessHandler.checkTokenHashPrefix(
+      token,
+      tokenHashPrefix,
+      tokenType,
+      userId,
+      logData
+    )
+
+    if (action) {
+      return action()
+    }
+    if (!project) {
+      return next(new Errors.NotFoundError())
+    }
+
+    if (!confirmedByUser) {
+      return res.json({
+        requireAccept: {
+          projectName: project.name,
+        },
+      })
+    }
+
+    const pendingEditor =
+      !(await LimitationsManager.promises.canAcceptEditCollaboratorInvite(
+        project._id
+      ))
+    await ProjectAuditLogHandler.promises.addEntry(
+      project._id,
+      'accept-via-link-sharing',
+      userId,
+      req.ip,
+      {
+        privileges: pendingEditor ? 'readOnly' : 'readAndWrite',
+        ...(pendingEditor && { pendingEditor: true }),
+      }
+    )
+    AnalyticsManager.recordEventForUserInBackground(userId, 'project-joined', {
+      role: pendingEditor
+        ? PrivilegeLevels.READ_ONLY
+        : PrivilegeLevels.READ_AND_WRITE,
+      ownerId: project.owner_ref.toString(),
+      source: 'link-sharing',
+      mode: pendingEditor ? 'view' : 'edit',
+      projectId: project._id.toString(),
+      ...(pendingEditor && { pendingEditor: true }),
+    })
+    await CollaboratorsHandler.promises.addUserIdToProject(
+      project._id,
+      undefined,
+      userId,
+      pendingEditor
+        ? PrivilegeLevels.READ_ONLY
+        : PrivilegeLevels.READ_AND_WRITE,
+      { pendingEditor }
+    )
+
+    // remove pending invite and notification
+    const userEmails = await UserGetter.promises.getUserConfirmedEmails(userId)
+    await CollaboratorsInviteHandler.promises.revokeInviteForUser(
+      project._id,
+      userEmails
+    )
+    // Should be a noop if the user is already a member,
+    // and would redirect transparently into the project.
+    EditorRealTimeController.emitToRoom(
+      project._id,
+      'project:membership:changed',
+      { members: true, invites: true }
+    )
+
+    return res.json({
+      redirect: `/project/${project._id}`,
+    })
+  } catch (err) {
+    return next(
+      OError.tag(
+        err,
+        'error while trying to grant read-and-write token access',
+        { token }
+      )
+    )
+  }
+}
+
+async function grantTokenAccessReadOnly(req, res, next) {
+  const { token } = req.params
+  const { confirmedByUser, tokenHashPrefix } = req.body
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  if (!TokenAccessHandler.isReadOnlyToken(token)) {
+    return res.sendStatus(400)
+  }
+
+  const tokenType = TokenAccessHandler.TOKEN_TYPES.READ_ONLY
+
+  const docPublishedInfo =
+    await TokenAccessHandler.promises.getV1DocPublishedInfo(token)
+  if (docPublishedInfo.allow === false) {
+    return res.json({ redirect: docPublishedInfo.published_path })
+  }
+  try {
+    const [project, action, logData] = await checkAndGetProjectOrResponseAction(
+      tokenType,
+      token,
+      userId,
+      tokenHashPrefix,
+      req,
+      res,
+      next
+    )
+
+    TokenAccessHandler.checkTokenHashPrefix(
+      token,
+      tokenHashPrefix,
+      tokenType,
+      userId,
+      logData
+    )
+
+    if (action) {
+      return action()
+    }
+    if (!project) {
+      return next(new Errors.NotFoundError())
+    }
+
+    if (!confirmedByUser) {
+      return res.json({
+        requireAccept: {
+          projectName: project.name,
+        },
+      })
+    }
+
+    if (!project.tokenAccessReadOnly_refs.some(id => id.equals(userId))) {
+      await ProjectAuditLogHandler.promises.addEntry(
+        project._id,
+        'join-via-token',
+        userId,
+        req.ip,
+        { privileges: 'readOnly' }
+      )
+    }
+
+    await TokenAccessHandler.promises.addReadOnlyUserToProject(
+      userId,
+      project._id,
+      project.owner_ref
+    )
+
+    return res.json({
+      redirect: `/project/${project._id}`,
+      tokenAccessGranted: tokenType,
+    })
+  } catch (err) {
+    return next(
+      OError.tag(err, 'error while trying to grant read-only token access', {
+        token,
+      })
+    )
+  }
+}
+
+async function ensureUserCanUseSharingUpdatesConsentPage(req, res, next) {
+  const { Project_id: projectId } = req.params
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    owner_ref: 1,
+  })
+  if (!project) {
+    throw new Errors.NotFoundError()
+  }
+  const isReadWriteTokenMember =
+    await CollaboratorsGetter.promises.userIsReadWriteTokenMember(
+      userId,
+      projectId
+    )
+  if (!isReadWriteTokenMember) {
+    // If the user is not a read write token member, there are no actions to take
+    return AsyncFormHelper.redirect(req, res, `/project/${projectId}`)
+  }
+  const isReadWriteMember =
+    await CollaboratorsGetter.promises.isUserInvitedReadWriteMemberOfProject(
+      userId,
+      projectId
+    )
+  if (isReadWriteMember) {
+    // If the user is already an invited editor, the actions don't make sense
+    return AsyncFormHelper.redirect(req, res, `/project/${projectId}`)
+  }
+  next()
+}
+
+async function sharingUpdatesConsent(req, res, next) {
+  const { Project_id: projectId } = req.params
+  AnalyticsManager.recordEventForSession(req.session, 'notification-prompt', {
+    page: req.path,
+    name: 'link-sharing-collaborator',
+  })
+  res.render('project/token/sharing-updates', {
+    projectId,
+  })
+}
+
+async function moveReadWriteToCollaborators(req, res, next) {
+  const { Project_id: projectId } = req.params
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    owner_ref: 1,
+  })
+  const isInvitedMember =
+    await CollaboratorsGetter.promises.isUserInvitedMemberOfProject(
+      userId,
+      projectId
+    )
+  const pendingEditor =
+    !(await LimitationsManager.promises.canAcceptEditCollaboratorInvite(
+      project._id
+    ))
+  await ProjectAuditLogHandler.promises.addEntry(
+    projectId,
+    'accept-via-link-sharing',
+    userId,
+    req.ip,
+    {
+      privileges: pendingEditor
+        ? PrivilegeLevels.READ_ONLY
+        : PrivilegeLevels.READ_AND_WRITE,
+      tokenMember: true,
+      invitedMember: isInvitedMember,
+      ...(pendingEditor && { pendingEditor: true }),
+    }
+  )
+  if (isInvitedMember) {
+    // Read only invited viewer who is gaining edit access via link sharing
+    await TokenAccessHandler.promises.removeReadAndWriteUserFromProject(
+      userId,
+      projectId
+    )
+    await CollaboratorsHandler.promises.setCollaboratorPrivilegeLevel(
+      projectId,
+      userId,
+      pendingEditor
+        ? PrivilegeLevels.READ_ONLY
+        : PrivilegeLevels.READ_AND_WRITE,
+      { pendingEditor }
+    )
+  } else {
+    // Normal case, not invited, joining via link sharing
+    await TokenAccessHandler.promises.removeReadAndWriteUserFromProject(
+      userId,
+      projectId
+    )
+    await CollaboratorsHandler.promises.addUserIdToProject(
+      projectId,
+      undefined,
+      userId,
+      pendingEditor
+        ? PrivilegeLevels.READ_ONLY
+        : PrivilegeLevels.READ_AND_WRITE,
+      { pendingEditor }
+    )
+  }
+  EditorRealTimeController.emitToRoom(projectId, 'project:membership:changed', {
+    members: true,
+  })
+  res.sendStatus(204)
+}
+
+async function moveReadWriteToReadOnly(req, res, next) {
+  const { Project_id: projectId } = req.params
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  await ProjectAuditLogHandler.promises.addEntry(
+    projectId,
+    'readonly-via-sharing-updates',
+    userId,
+    req.ip
+  )
+  await TokenAccessHandler.promises.moveReadAndWriteUserToReadOnly(
+    userId,
+    projectId
+  )
+  res.sendStatus(204)
+}
+
+export default {
+  READ_ONLY_TOKEN_PATTERN: TokenAccessHandler.READ_ONLY_TOKEN_PATTERN,
+  READ_AND_WRITE_TOKEN_PATTERN: TokenAccessHandler.READ_AND_WRITE_TOKEN_PATTERN,
+
+  tokenAccessPage: expressify(tokenAccessPage),
+  grantTokenAccessReadOnly: expressify(grantTokenAccessReadOnly),
+  grantTokenAccessReadAndWrite: expressify(grantTokenAccessReadAndWrite),
+  ensureUserCanUseSharingUpdatesConsentPage: expressify(
+    ensureUserCanUseSharingUpdatesConsentPage
+  ),
+  sharingUpdatesConsent: expressify(sharingUpdatesConsent),
+  moveReadWriteToCollaborators: expressify(moveReadWriteToCollaborators),
+  moveReadWriteToReadOnly: expressify(moveReadWriteToReadOnly),
+}
diff --git a/services/web/app/src/Features/TokenAccess/TokenAccessHandler.js b/services/web/app/src/Features/TokenAccess/TokenAccessHandler.js
new file mode 100644
index 0000000..0d08903
--- /dev/null
+++ b/services/web/app/src/Features/TokenAccess/TokenAccessHandler.js
@@ -0,0 +1,362 @@
+const { Project } = require('../../models/Project')
+const PublicAccessLevels = require('../Authorization/PublicAccessLevels')
+const PrivilegeLevels = require('../Authorization/PrivilegeLevels')
+const { ObjectId } = require('mongodb-legacy')
+const Metrics = require('@overleaf/metrics')
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const V1Api = require('../V1/V1Api')
+const crypto = require('crypto')
+const { callbackifyAll } = require('@overleaf/promise-utils')
+const Analytics = require('../Analytics/AnalyticsManager')
+
+const READ_AND_WRITE_TOKEN_PATTERN = '([0-9]+[a-z]{6,12})'
+const READ_ONLY_TOKEN_PATTERN = '([a-z]{12})'
+
+const TokenAccessHandler = {
+  TOKEN_TYPES: {
+    READ_ONLY: PrivilegeLevels.READ_ONLY,
+    READ_AND_WRITE: PrivilegeLevels.READ_AND_WRITE,
+  },
+
+  ANONYMOUS_READ_AND_WRITE_ENABLED:
+    Settings.allowAnonymousReadAndWriteSharing === true,
+
+  READ_AND_WRITE_TOKEN_PATTERN,
+  READ_ONLY_TOKEN_PATTERN,
+
+  _makeReadAndWriteTokenUrl(token) {
+    return `/${token}`
+  },
+
+  _makeReadOnlyTokenUrl(token) {
+    return `/read/${token}`
+  },
+
+  makeTokenUrl(token) {
+    const tokenType = TokenAccessHandler.getTokenType(token)
+    if (tokenType === TokenAccessHandler.TOKEN_TYPES.READ_AND_WRITE) {
+      return TokenAccessHandler._makeReadAndWriteTokenUrl(token)
+    } else if (tokenType === TokenAccessHandler.TOKEN_TYPES.READ_ONLY) {
+      return TokenAccessHandler._makeReadOnlyTokenUrl(token)
+    } else {
+      throw new Error('invalid token type')
+    }
+  },
+
+  getTokenType(token) {
+    if (!token) {
+      return null
+    }
+    if (token.match(`^${TokenAccessHandler.READ_ONLY_TOKEN_PATTERN}$`)) {
+      return TokenAccessHandler.TOKEN_TYPES.READ_ONLY
+    } else if (
+      token.match(`^${TokenAccessHandler.READ_AND_WRITE_TOKEN_PATTERN}$`)
+    ) {
+      return TokenAccessHandler.TOKEN_TYPES.READ_AND_WRITE
+    }
+    return null
+  },
+
+  isReadOnlyToken(token) {
+    return (
+      TokenAccessHandler.getTokenType(token) ===
+      TokenAccessHandler.TOKEN_TYPES.READ_ONLY
+    )
+  },
+
+  isReadAndWriteToken(token) {
+    return (
+      TokenAccessHandler.getTokenType(token) ===
+      TokenAccessHandler.TOKEN_TYPES.READ_AND_WRITE
+    )
+  },
+
+  isValidToken(token) {
+    return TokenAccessHandler.getTokenType(token) != null
+  },
+
+  tokenAccessEnabledForProject(project) {
+    return project.publicAccesLevel === PublicAccessLevels.TOKEN_BASED
+  },
+
+  async _projectFindOne(query) {
+    return await Project.findOne(query, {
+      _id: 1,
+      tokens: 1,
+      publicAccesLevel: 1,
+      owner_ref: 1,
+      name: 1,
+      tokenAccessReadOnly_refs: 1,
+      tokenAccessReadAndWrite_refs: 1,
+    }).exec()
+  },
+
+  async getProjectByReadOnlyToken(token) {
+    return await TokenAccessHandler._projectFindOne({
+      'tokens.readOnly': token,
+    })
+  },
+
+  _extractNumericPrefix(token) {
+    return token.match(/^(\d+)\w+/)
+  },
+
+  _extractStringSuffix(token) {
+    return token.match(/^\d+(\w+)/)
+  },
+
+  async getProjectByReadAndWriteToken(token) {
+    const numericPrefixMatch = TokenAccessHandler._extractNumericPrefix(token)
+    if (!numericPrefixMatch) {
+      return null
+    }
+    const numerics = numericPrefixMatch[1]
+
+    const project = await TokenAccessHandler._projectFindOne({
+      'tokens.readAndWritePrefix': numerics,
+    })
+
+    if (project == null) {
+      return null
+    }
+
+    try {
+      if (
+        !crypto.timingSafeEqual(
+          Buffer.from(token),
+          Buffer.from(project.tokens.readAndWrite)
+        )
+      ) {
+        logger.err(
+          { projectId: project._id },
+          'read-and-write token match on numeric section, but not on full token'
+        )
+        return null
+      } else {
+        return project
+      }
+    } catch (error) {
+      logger.err({ projectId: project._id, error }, 'error comparing tokens')
+      return null
+    }
+  },
+
+  async getProjectByToken(tokenType, token) {
+    if (tokenType === TokenAccessHandler.TOKEN_TYPES.READ_ONLY) {
+      return await TokenAccessHandler.getProjectByReadOnlyToken(token)
+    } else if (tokenType === TokenAccessHandler.TOKEN_TYPES.READ_AND_WRITE) {
+      return await TokenAccessHandler.getProjectByReadAndWriteToken(token)
+    }
+    throw new Error('invalid token type')
+  },
+
+  async addReadOnlyUserToProject(userId, projectId, ownerId) {
+    userId = new ObjectId(userId.toString())
+    projectId = new ObjectId(projectId.toString())
+    Analytics.recordEventForUserInBackground(userId, 'project-joined', {
+      role: PrivilegeLevels.READ_ONLY,
+      projectId: projectId.toString(),
+      source: 'link-sharing',
+      ownerId: ownerId.toString(),
+      mode: 'view',
+    })
+
+    return await Project.updateOne(
+      {
+        _id: projectId,
+      },
+      {
+        $addToSet: { tokenAccessReadOnly_refs: userId },
+      }
+    ).exec()
+  },
+
+  async removeReadAndWriteUserFromProject(userId, projectId) {
+    userId = new ObjectId(userId.toString())
+    projectId = new ObjectId(projectId.toString())
+
+    return await Project.updateOne(
+      {
+        _id: projectId,
+      },
+      {
+        $pull: { tokenAccessReadAndWrite_refs: userId },
+      }
+    ).exec()
+  },
+
+  async moveReadAndWriteUserToReadOnly(userId, projectId) {
+    userId = new ObjectId(userId.toString())
+    projectId = new ObjectId(projectId.toString())
+
+    return await Project.updateOne(
+      {
+        _id: projectId,
+      },
+      {
+        $pull: { tokenAccessReadAndWrite_refs: userId },
+        $addToSet: { tokenAccessReadOnly_refs: userId },
+      }
+    ).exec()
+  },
+
+  grantSessionTokenAccess(req, projectId, token) {
+    if (!req.session) {
+      return
+    }
+    if (!req.session.anonTokenAccess) {
+      req.session.anonTokenAccess = {}
+    }
+    req.session.anonTokenAccess[projectId.toString()] = token
+  },
+
+  getRequestToken(req, projectId) {
+    const token =
+      req.session &&
+      req.session.anonTokenAccess &&
+      req.session.anonTokenAccess[projectId.toString()]
+    return token
+  },
+
+  async validateTokenForAnonymousAccess(projectId, token, callback) {
+    if (!token) {
+      return { isValidReadAndWrite: false, isValidReadOnly: false }
+    }
+
+    const tokenType = TokenAccessHandler.getTokenType(token)
+    if (!tokenType) {
+      throw new Error('invalid token type')
+    }
+
+    const project = await TokenAccessHandler.getProjectByToken(tokenType, token)
+
+    if (
+      !project ||
+      !TokenAccessHandler.tokenAccessEnabledForProject(project) ||
+      project._id.toString() !== projectId.toString()
+    ) {
+      return { isValidReadAndWrite: false, isValidReadOnly: false }
+    }
+
+    // TODO: think about cleaning up this interface and its usage in AuthorizationManager
+    return {
+      isValidReadAndWrite:
+        tokenType === TokenAccessHandler.TOKEN_TYPES.READ_AND_WRITE &&
+        TokenAccessHandler.ANONYMOUS_READ_AND_WRITE_ENABLED,
+      isValidReadOnly: tokenType === TokenAccessHandler.TOKEN_TYPES.READ_ONLY,
+    }
+  },
+
+  async getV1DocPublishedInfo(token) {
+    // default to allowing access
+    if (!Settings.apis.v1 || !Settings.apis.v1.url) {
+      return { allow: true }
+    }
+
+    const { body } = await V1Api.promises.request({
+      url: `/api/v1/overleaf/docs/${token}/is_published`,
+    })
+    return body
+  },
+
+  async getV1DocInfo(token, v2UserId) {
+    if (!Settings.apis || !Settings.apis.v1) {
+      return {
+        exists: true,
+        exported: false,
+      }
+    }
+
+    const v1Url = `/api/v1/overleaf/docs/${token}/info`
+    const { body } = await V1Api.promises.request({ url: v1Url })
+    return body
+  },
+
+  createTokenHashPrefix(token) {
+    const hash = crypto.createHash('sha256')
+    hash.update(token)
+    return hash.digest('hex').slice(0, 6)
+  },
+
+  normalizeTokenHashPrefix(tokenHashPrefix) {
+    if (typeof tokenHashPrefix !== 'string') return ''
+    // remove (encoded) hash
+    tokenHashPrefix = tokenHashPrefix.replace('#', '').replace('%23', '')
+    // remove trailing special characters that were copied by accident
+    tokenHashPrefix = tokenHashPrefix.replace(/[^a-z0-9]+$/i, '')
+    return tokenHashPrefix
+  },
+
+  checkTokenHashPrefix(token, tokenHashPrefix, type, userId, logData = {}) {
+    let hashPrefixStatus
+
+    tokenHashPrefix =
+      TokenAccessHandler.normalizeTokenHashPrefix(tokenHashPrefix)
+
+    const v1Format = /%2F[0-9]{7,8}%2F/
+    const isSuspectedV1Format = v1Format.test(tokenHashPrefix)
+
+    if (!tokenHashPrefix) {
+      hashPrefixStatus = 'missing'
+    } else {
+      const expectedHashPrefix = TokenAccessHandler.createTokenHashPrefix(token)
+      if (expectedHashPrefix === tokenHashPrefix) {
+        hashPrefixStatus = 'match'
+      } else if (isSuspectedV1Format) {
+        hashPrefixStatus = 'mismatch-v1-format'
+      } else {
+        hashPrefixStatus = 'mismatch'
+      }
+    }
+
+    if (hashPrefixStatus === 'mismatch') {
+      logger.info(
+        {
+          tokenHashPrefix,
+          hashPrefixStatus,
+          userId,
+          ...logData,
+          type,
+        },
+        'mismatched token hash prefix'
+      )
+    }
+
+    Metrics.inc('link-sharing.hash-check', {
+      path: type,
+      status: hashPrefixStatus,
+    })
+  },
+}
+
+module.exports = {
+  ...TokenAccessHandler,
+  ...callbackifyAll(TokenAccessHandler, {
+    multiResult: {
+      validateTokenForAnonymousAccess: [
+        'isValidReadAndWrite',
+        'isValidReadOnly',
+      ],
+    },
+    without: [
+      'makeTokenUrl',
+      'getTokenType',
+      'isReadOnlyToken',
+      'isReadAndWriteToken',
+      'isValidToken',
+      'tokenAccessEnabledForProject',
+      'grantSessionTokenAccess',
+      'getRequestToken',
+      'createTokenHashPrefix',
+      'normalizeTokenHashPrefix',
+      'checkTokenHashPrefix',
+      '_makeReadAndWriteTokenUrl',
+      '_makeReadOnlyTokenUrl',
+      '_projectFindOne',
+      '_extractNumericPrefix',
+      '_extractStringSuffix',
+    ],
+  }),
+  promises: TokenAccessHandler,
+}
diff --git a/services/web/app/src/Features/TokenAccess/TokenAccessRouter.mjs b/services/web/app/src/Features/TokenAccess/TokenAccessRouter.mjs
new file mode 100644
index 0000000..3f15650
--- /dev/null
+++ b/services/web/app/src/Features/TokenAccess/TokenAccessRouter.mjs
@@ -0,0 +1,31 @@
+import AuthenticationController from '../Authentication/AuthenticationController.js'
+import AuthorizationMiddleware from '../Authorization/AuthorizationMiddleware.js'
+import TokenAccessController from './TokenAccessController.mjs'
+
+export default {
+  apply(webRouter) {
+    webRouter.get(
+      `/project/:Project_id/sharing-updates`,
+      AuthenticationController.requireLogin(),
+      AuthorizationMiddleware.ensureUserCanReadProject,
+      TokenAccessController.ensureUserCanUseSharingUpdatesConsentPage,
+      TokenAccessController.sharingUpdatesConsent
+    )
+
+    webRouter.post(
+      `/project/:Project_id/sharing-updates/join`,
+      AuthenticationController.requireLogin(),
+      AuthorizationMiddleware.ensureUserCanReadProject,
+      TokenAccessController.ensureUserCanUseSharingUpdatesConsentPage,
+      TokenAccessController.moveReadWriteToCollaborators
+    )
+
+    webRouter.post(
+      `/project/:Project_id/sharing-updates/view`,
+      AuthenticationController.requireLogin(),
+      AuthorizationMiddleware.ensureUserCanReadProject,
+      TokenAccessController.ensureUserCanUseSharingUpdatesConsentPage,
+      TokenAccessController.moveReadWriteToReadOnly
+    )
+  },
+}
diff --git a/services/web/app/src/Features/TokenGenerator/TokenGenerator.js b/services/web/app/src/Features/TokenGenerator/TokenGenerator.js
new file mode 100644
index 0000000..b9ebf16
--- /dev/null
+++ b/services/web/app/src/Features/TokenGenerator/TokenGenerator.js
@@ -0,0 +1,109 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const crypto = require('crypto')
+const V1Api = require('../V1/V1Api')
+const Features = require('../../infrastructure/Features')
+const Async = require('async')
+const { promisify } = require('util')
+
+// (From Overleaf `random_token.rb`)
+//   Letters (not numbers! see generate_token) used in tokens. They're all
+//   consonants, to avoid embarassing words (I can't think of any that use only
+//   a y), and lower case "l" is omitted, because in many fonts it is
+//   indistinguishable from an upper case "I" (and sometimes even the number 1).
+const TOKEN_LOWERCASE_ALPHA = 'bcdfghjkmnpqrstvwxyz'
+const TOKEN_NUMERICS = '123456789'
+const TOKEN_ALPHANUMERICS =
+  TOKEN_LOWERCASE_ALPHA + TOKEN_LOWERCASE_ALPHA.toUpperCase() + TOKEN_NUMERICS
+
+// This module mirrors the token generation in Overleaf (`random_token.rb`),
+// for the purposes of implementing token-based project access, like the
+// 'unlisted-projects' feature in Overleaf
+
+const TokenGenerator = {
+  _randomString(length, alphabet) {
+    const result = crypto
+      .randomBytes(length)
+      .toJSON()
+      .data.map(b => alphabet[b % alphabet.length])
+      .join('')
+    return result
+  },
+
+  // Generate a 12-char token with only characters from TOKEN_LOWERCASE_ALPHA,
+  // suitable for use as a read-only token for a project
+  readOnlyToken() {
+    return TokenGenerator._randomString(12, TOKEN_LOWERCASE_ALPHA)
+  },
+
+  // Generate a longer token, with a numeric prefix,
+  // suitable for use as a read-and-write token for a project
+  readAndWriteToken() {
+    const numerics = TokenGenerator._randomString(10, TOKEN_NUMERICS)
+    const token = TokenGenerator._randomString(12, TOKEN_LOWERCASE_ALPHA)
+    const fullToken = `${numerics}${token}`
+    return { token: fullToken, numericPrefix: numerics }
+  },
+
+  generateReferralId() {
+    return TokenGenerator._randomString(16, TOKEN_ALPHANUMERICS)
+  },
+
+  generateUniqueReadOnlyToken(callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return Async.retry(
+      10,
+      function (cb) {
+        const token = TokenGenerator.readOnlyToken()
+
+        if (!Features.hasFeature('saas')) {
+          return cb(null, token)
+        }
+
+        return V1Api.request(
+          {
+            url: `/api/v1/overleaf/docs/read_token/${token}/exists`,
+            json: true,
+          },
+          function (err, response, body) {
+            if (err != null) {
+              return cb(err)
+            }
+            if (response.statusCode !== 200) {
+              return cb(
+                new Error(
+                  `non-200 response from v1 read-token-exists api: ${response.statusCode}`
+                )
+              )
+            }
+            if (body.exists === true) {
+              return cb(new Error(`token already exists in v1: ${token}`))
+            } else {
+              return cb(null, token)
+            }
+          }
+        )
+      },
+      callback
+    )
+  },
+}
+
+TokenGenerator.promises = {
+  generateUniqueReadOnlyToken: promisify(
+    TokenGenerator.generateUniqueReadOnlyToken
+  ),
+}
+module.exports = TokenGenerator
diff --git a/services/web/app/src/Features/Tutorial/TutorialController.mjs b/services/web/app/src/Features/Tutorial/TutorialController.mjs
new file mode 100644
index 0000000..9afb5bb
--- /dev/null
+++ b/services/web/app/src/Features/Tutorial/TutorialController.mjs
@@ -0,0 +1,52 @@
+import SessionManager from '../Authentication/SessionManager.js'
+import TutorialHandler from './TutorialHandler.js'
+import { expressify } from '@overleaf/promise-utils'
+
+const VALID_KEYS = [
+  'react-history-buttons-tutorial',
+  'writefull-integration',
+  'writefull-oauth-promotion',
+  'bib-file-tpr-prompt',
+  'ai-error-assistant-consent',
+  'history-restore-promo',
+  'us-gov-banner',
+  'us-gov-banner-fedramp',
+]
+
+async function completeTutorial(req, res, next) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const tutorialKey = req.params.tutorialKey
+
+  if (!VALID_KEYS.includes(tutorialKey)) {
+    return res.sendStatus(404)
+  }
+
+  await TutorialHandler.setTutorialState(userId, tutorialKey, 'completed')
+  res.sendStatus(204)
+}
+
+async function postponeTutorial(req, res, next) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const tutorialKey = req.params.tutorialKey
+  let postponedUntil
+  if (req.body.postponedUntil) {
+    postponedUntil = new Date(req.body.postponedUntil)
+  }
+
+  if (!VALID_KEYS.includes(tutorialKey)) {
+    return res.sendStatus(404)
+  }
+
+  await TutorialHandler.setTutorialState(
+    userId,
+    tutorialKey,
+    'postponed',
+    postponedUntil
+  )
+  res.sendStatus(204)
+}
+
+export default {
+  completeTutorial: expressify(completeTutorial),
+  postponeTutorial: expressify(postponeTutorial),
+}
diff --git a/services/web/app/src/Features/Tutorial/TutorialHandler.js b/services/web/app/src/Features/Tutorial/TutorialHandler.js
new file mode 100644
index 0000000..6ffe9aa
--- /dev/null
+++ b/services/web/app/src/Features/Tutorial/TutorialHandler.js
@@ -0,0 +1,62 @@
+const UserUpdater = require('../User/UserUpdater')
+
+const POSTPONE_DURATION_MS = 24 * 60 * 60 * 1000 // 1 day
+
+/**
+ * Change the tutorial state
+ *
+ * @param {string} userId
+ * @param {string} tutorialKey
+ * @param {'completed' | 'postponed'} state
+ * @param {Date} [postponedUntil] - The date until which the tutorial is postponed
+ */
+async function setTutorialState(
+  userId,
+  tutorialKey,
+  state,
+  postponedUntil = null
+) {
+  const updateData = {
+    state,
+    updatedAt: new Date(),
+  }
+
+  if (state === 'postponed' && postponedUntil) {
+    updateData.postponedUntil = postponedUntil
+  }
+
+  await UserUpdater.promises.updateUser(userId, {
+    $set: {
+      [`completedTutorials.${tutorialKey}`]: updateData,
+    },
+  })
+}
+
+/**
+ * Returns a list of inactive tutorials for a given user
+ *
+ * The user must be loaded with the completedTutorials property.
+ */
+function getInactiveTutorials(user, tutorialKey) {
+  const inactiveTutorials = []
+  for (const [key, record] of Object.entries(user.completedTutorials ?? {})) {
+    if (record instanceof Date) {
+      // Legacy format: single date means the tutorial was completed
+      inactiveTutorials.push(key)
+    } else if (record.state === 'postponed') {
+      const defaultPostponedUntil = new Date(
+        record.updatedAt.getTime() + POSTPONE_DURATION_MS
+      )
+
+      const postponedUntil = record.postponedUntil ?? defaultPostponedUntil
+      if (new Date() < postponedUntil) {
+        inactiveTutorials.push(key)
+      }
+    } else {
+      inactiveTutorials.push(key)
+    }
+  }
+  return inactiveTutorials
+}
+
+module.exports = { setTutorialState, getInactiveTutorials }
diff --git a/services/web/app/src/Features/Uploads/ArchiveErrors.js b/services/web/app/src/Features/Uploads/ArchiveErrors.js
new file mode 100644
index 0000000..d78941e
--- /dev/null
+++ b/services/web/app/src/Features/Uploads/ArchiveErrors.js
@@ -0,0 +1,34 @@
+const Errors = require('../Errors/Errors')
+
+class InvalidZipFileError extends Errors.BackwardCompatibleError {
+  constructor(options) {
+    super({
+      message: 'invalid_zip_file',
+      ...options,
+    })
+  }
+}
+
+class EmptyZipFileError extends InvalidZipFileError {
+  constructor(options) {
+    super({
+      message: 'empty_zip_file',
+      ...options,
+    })
+  }
+}
+
+class ZipContentsTooLargeError extends InvalidZipFileError {
+  constructor(options) {
+    super({
+      message: 'zip_contents_too_large',
+      ...options,
+    })
+  }
+}
+
+module.exports = {
+  InvalidZipFileError,
+  EmptyZipFileError,
+  ZipContentsTooLargeError,
+}
diff --git a/services/web/app/src/Features/Uploads/ArchiveManager.js b/services/web/app/src/Features/Uploads/ArchiveManager.js
new file mode 100644
index 0000000..fc81fdb
--- /dev/null
+++ b/services/web/app/src/Features/Uploads/ArchiveManager.js
@@ -0,0 +1,270 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const logger = require('@overleaf/logger')
+const OError = require('@overleaf/o-error')
+const metrics = require('@overleaf/metrics')
+const fs = require('fs')
+const Path = require('path')
+const yauzl = require('yauzl')
+const Settings = require('@overleaf/settings')
+const {
+  InvalidZipFileError,
+  EmptyZipFileError,
+  ZipContentsTooLargeError,
+} = require('./ArchiveErrors')
+const _ = require('lodash')
+const { promisifyAll } = require('@overleaf/promise-utils')
+
+const ONE_MEG = 1024 * 1024
+
+const ArchiveManager = {
+  _isZipTooLarge(source, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    callback = _.once(callback)
+
+    let totalSizeInBytes = null
+    return yauzl.open(source, { lazyEntries: true }, function (err, zipfile) {
+      if (err != null) {
+        return callback(new InvalidZipFileError().withCause(err))
+      }
+
+      if (
+        Settings.maxEntitiesPerProject != null &&
+        zipfile.entryCount > Settings.maxEntitiesPerProject
+      ) {
+        return callback(null, true) // too many files in zip file
+      }
+
+      zipfile.on('error', callback)
+
+      // read all the entries
+      zipfile.readEntry()
+      zipfile.on('entry', function (entry) {
+        totalSizeInBytes += entry.uncompressedSize
+        return zipfile.readEntry()
+      }) // get the next entry
+
+      // no more entries to read
+      return zipfile.on('end', function () {
+        if (totalSizeInBytes == null || isNaN(totalSizeInBytes)) {
+          logger.warn(
+            { source, totalSizeInBytes },
+            'error getting bytes of zip'
+          )
+          return callback(
+            new InvalidZipFileError({ info: { totalSizeInBytes } })
+          )
+        }
+        const isTooLarge = totalSizeInBytes > ONE_MEG * 300
+        return callback(null, isTooLarge)
+      })
+    })
+  },
+
+  _checkFilePath(entry, destination, callback) {
+    // transform backslashes to forwardslashes to accommodate badly-behaved zip archives
+    if (callback == null) {
+      callback = function () {}
+    }
+    const transformedFilename = entry.fileName.replace(/\\/g, '/')
+    // check if the entry is a directory
+    const endsWithSlash = /\/$/
+    if (endsWithSlash.test(transformedFilename)) {
+      return callback() // don't give a destfile for directory
+    }
+    // check that the file does not use a relative path
+    for (const dir of Array.from(transformedFilename.split('/'))) {
+      if (dir === '..') {
+        return callback(new Error('relative path'))
+      }
+    }
+    // check that the destination file path is normalized
+    const dest = `${destination}/${transformedFilename}`
+    if (dest !== Path.normalize(dest)) {
+      return callback(new Error('unnormalized path'))
+    } else {
+      return callback(null, dest)
+    }
+  },
+
+  _writeFileEntry(zipfile, entry, destFile, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    callback = _.once(callback)
+
+    return zipfile.openReadStream(entry, function (err, readStream) {
+      if (err != null) {
+        return callback(err)
+      }
+      readStream.on('error', callback)
+      readStream.on('end', callback)
+
+      const errorHandler = function (err) {
+        // clean up before calling callback
+        readStream.unpipe()
+        readStream.destroy()
+        return callback(err)
+      }
+
+      fs.mkdir(Path.dirname(destFile), { recursive: true }, function (err) {
+        if (err != null) {
+          return errorHandler(err)
+        }
+        const writeStream = fs.createWriteStream(destFile)
+        writeStream.on('error', errorHandler)
+        return readStream.pipe(writeStream)
+      })
+    })
+  },
+
+  _extractZipFiles(source, destination, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    callback = _.once(callback)
+
+    return yauzl.open(source, { lazyEntries: true }, function (err, zipfile) {
+      if (err != null) {
+        return callback(err)
+      }
+      zipfile.on('error', callback)
+      // read all the entries
+      zipfile.readEntry()
+
+      let entryFileCount = 0
+      zipfile.on('entry', function (entry) {
+        return ArchiveManager._checkFilePath(
+          entry,
+          destination,
+          function (err, destFile) {
+            if (err != null) {
+              logger.warn(
+                { err, source, destination },
+                'skipping bad file path'
+              )
+              zipfile.readEntry() // bad path, just skip to the next file
+              return
+            }
+            if (destFile != null) {
+              // only write files
+              return ArchiveManager._writeFileEntry(
+                zipfile,
+                entry,
+                destFile,
+                function (err) {
+                  if (err != null) {
+                    OError.tag(err, 'error unzipping file entry', {
+                      source,
+                      destFile,
+                    })
+                    zipfile.close() // bail out, stop reading file entries
+                    return callback(err)
+                  } else {
+                    entryFileCount++
+                    return zipfile.readEntry()
+                  }
+                }
+              ) // continue to the next file
+            } else {
+              // if it's a directory, continue
+              return zipfile.readEntry()
+            }
+          }
+        )
+      })
+      // no more entries to read
+      return zipfile.on('end', () => {
+        if (entryFileCount > 0) {
+          callback()
+        } else {
+          callback(new EmptyZipFileError())
+        }
+      })
+    })
+  },
+
+  extractZipArchive(source, destination, _callback) {
+    if (_callback == null) {
+      _callback = function () {}
+    }
+    const callback = function (...args) {
+      _callback(...Array.from(args || []))
+      return (_callback = function () {})
+    }
+
+    return ArchiveManager._isZipTooLarge(source, function (err, isTooLarge) {
+      if (err != null) {
+        OError.tag(err, 'error checking size of zip file')
+        return callback(err)
+      }
+
+      if (isTooLarge) {
+        return callback(new ZipContentsTooLargeError())
+      }
+
+      const timer = new metrics.Timer('unzipDirectory')
+      logger.debug({ source, destination }, 'unzipping file')
+
+      return ArchiveManager._extractZipFiles(
+        source,
+        destination,
+        function (err) {
+          timer.done()
+          if (err != null) {
+            OError.tag(err, 'unzip failed', {
+              source,
+              destination,
+            })
+            return callback(err)
+          } else {
+            return callback()
+          }
+        }
+      )
+    })
+  },
+
+  findTopLevelDirectory(directory, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return fs.readdir(directory, function (error, files) {
+      if (error != null) {
+        return callback(error)
+      }
+      if (files.length === 1) {
+        const childPath = Path.join(directory, files[0])
+        return fs.stat(childPath, function (error, stat) {
+          if (error != null) {
+            return callback(error)
+          }
+          if (stat.isDirectory()) {
+            return callback(null, childPath)
+          } else {
+            return callback(null, directory)
+          }
+        })
+      } else {
+        return callback(null, directory)
+      }
+    })
+  },
+}
+
+ArchiveManager.promises = promisifyAll(ArchiveManager)
+module.exports = ArchiveManager
diff --git a/services/web/app/src/Features/Uploads/FileSystemImportManager.js b/services/web/app/src/Features/Uploads/FileSystemImportManager.js
new file mode 100644
index 0000000..22533af
--- /dev/null
+++ b/services/web/app/src/Features/Uploads/FileSystemImportManager.js
@@ -0,0 +1,259 @@
+const fs = require('fs')
+const Path = require('path')
+const { callbackify } = require('util')
+const EditorController = require('../Editor/EditorController')
+const Errors = require('../Errors/Errors')
+const FileTypeManager = require('./FileTypeManager')
+const SafePath = require('../Project/SafePath')
+const logger = require('@overleaf/logger')
+
+module.exports = {
+  addEntity: callbackify(addEntity),
+  importDir: callbackify(importDir),
+  importFile: callbackify(importDir),
+  promises: {
+    addEntity,
+    importDir,
+    importFile,
+  },
+}
+
+async function addDoc(userId, projectId, folderId, name, lines, replace) {
+  if (replace) {
+    const doc = await EditorController.promises.upsertDoc(
+      projectId,
+      folderId,
+      name,
+      lines,
+      'upload',
+      userId
+    )
+    return doc
+  } else {
+    const doc = await EditorController.promises.addDoc(
+      projectId,
+      folderId,
+      name,
+      lines,
+      'upload',
+      userId
+    )
+    return doc
+  }
+}
+
+async function addFile(userId, projectId, folderId, name, path, replace) {
+  if (replace) {
+    const file = await EditorController.promises.upsertFile(
+      projectId,
+      folderId,
+      name,
+      path,
+      null,
+      'upload',
+      userId
+    )
+    return file
+  } else {
+    const file = await EditorController.promises.addFile(
+      projectId,
+      folderId,
+      name,
+      path,
+      null,
+      'upload',
+      userId
+    )
+    return file
+  }
+}
+
+async function addFolder(userId, projectId, folderId, name, path, replace) {
+  const newFolder = await EditorController.promises.addFolder(
+    projectId,
+    folderId,
+    name,
+    'upload',
+    userId
+  )
+  await addFolderContents(userId, projectId, newFolder._id, path, replace)
+  return newFolder
+}
+
+async function addFolderContents(
+  userId,
+  projectId,
+  parentFolderId,
+  folderPath,
+  replace
+) {
+  if (!(await _isSafeOnFileSystem(folderPath))) {
+    logger.debug(
+      { userId, projectId, parentFolderId, folderPath },
+      'add folder contents is from symlink, stopping insert'
+    )
+    throw new Error('path is symlink')
+  }
+  const entries = (await fs.promises.readdir(folderPath)) || []
+  for (const entry of entries) {
+    if (await FileTypeManager.promises.shouldIgnore(entry)) {
+      continue
+    }
+    await addEntity(
+      userId,
+      projectId,
+      parentFolderId,
+      entry,
+      `${folderPath}/${entry}`,
+      replace
+    )
+  }
+}
+
+async function addEntity(userId, projectId, folderId, name, fsPath, replace) {
+  if (!(await _isSafeOnFileSystem(fsPath))) {
+    logger.debug(
+      { userId, projectId, folderId, fsPath },
+      'add entry is from symlink, stopping insert'
+    )
+    throw new Error('path is symlink')
+  }
+
+  if (await FileTypeManager.promises.isDirectory(fsPath)) {
+    const newFolder = await addFolder(
+      userId,
+      projectId,
+      folderId,
+      name,
+      fsPath,
+      replace
+    )
+    return newFolder
+  }
+
+  // Here, we cheat a little bit and provide the project path relative to the
+  // folder, not the root of the project. This is because we don't know for sure
+  // at this point what the final path of the folder will be. The project path
+  // is still important for importFile() to be able to figure out if the file is
+  // a binary file or an editable document.
+  const projectPath = Path.join('/', name)
+  const importInfo = await importFile(fsPath, projectPath)
+  switch (importInfo.type) {
+    case 'file': {
+      const entity = await addFile(
+        userId,
+        projectId,
+        folderId,
+        name,
+        importInfo.fsPath,
+        replace
+      )
+      if (entity != null) {
+        entity.type = 'file'
+      }
+      return entity
+    }
+    case 'doc': {
+      const entity = await addDoc(
+        userId,
+        projectId,
+        folderId,
+        name,
+        importInfo.lines,
+        replace
+      )
+      if (entity != null) {
+        entity.type = 'doc'
+      }
+      return entity
+    }
+    default: {
+      throw new Error(`unknown import type: ${importInfo.type}`)
+    }
+  }
+}
+
+async function _isSafeOnFileSystem(path) {
+  // Use lstat() to ensure we don't follow symlinks. Symlinks from an
+  // untrusted source are dangerous.
+  const stat = await fs.promises.lstat(path)
+  return stat.isFile() || stat.isDirectory()
+}
+
+async function importFile(fsPath, projectPath) {
+  const stat = await fs.promises.lstat(fsPath)
+  if (!stat.isFile()) {
+    throw new Error(`can't import ${fsPath}: not a regular file`)
+  }
+  _validateProjectPath(projectPath)
+  const filename = Path.basename(projectPath)
+
+  const { binary, encoding } = await FileTypeManager.promises.getType(
+    filename,
+    fsPath,
+    null
+  )
+  if (binary) {
+    return new FileImport(projectPath, fsPath)
+  } else {
+    const content = await fs.promises.readFile(fsPath, encoding)
+    // Handle Unix, DOS and classic Mac newlines
+    const lines = content.split(/\r\n|\n|\r/)
+    return new DocImport(projectPath, lines)
+  }
+}
+
+async function importDir(dirPath) {
+  const stat = await fs.promises.lstat(dirPath)
+  if (!stat.isDirectory()) {
+    throw new Error(`can't import ${dirPath}: not a directory`)
+  }
+  const entries = []
+  for await (const filePath of _walkDir(dirPath)) {
+    const projectPath = Path.join('/', Path.relative(dirPath, filePath))
+    const importInfo = await importFile(filePath, projectPath)
+    entries.push(importInfo)
+  }
+  return entries
+}
+
+function _validateProjectPath(path) {
+  if (!SafePath.isAllowedLength(path) || !SafePath.isCleanPath(path)) {
+    throw new Errors.InvalidNameError(`Invalid path: ${path}`)
+  }
+}
+
+async function* _walkDir(dirPath) {
+  const entries = await fs.promises.readdir(dirPath)
+  for (const entry of entries) {
+    const entryPath = Path.join(dirPath, entry)
+    if (await FileTypeManager.promises.shouldIgnore(entryPath)) {
+      continue
+    }
+
+    // Use lstat() to ensure we don't follow symlinks. Symlinks from an
+    // untrusted source are dangerous.
+    const stat = await fs.promises.lstat(entryPath)
+    if (stat.isFile()) {
+      yield entryPath
+    } else if (stat.isDirectory()) {
+      yield* _walkDir(entryPath)
+    }
+  }
+}
+
+class FileImport {
+  constructor(projectPath, fsPath) {
+    this.type = 'file'
+    this.projectPath = projectPath
+    this.fsPath = fsPath
+  }
+}
+
+class DocImport {
+  constructor(projectPath, lines) {
+    this.type = 'doc'
+    this.projectPath = projectPath
+    this.lines = lines
+  }
+}
diff --git a/services/web/app/src/Features/Uploads/FileTypeManager.js b/services/web/app/src/Features/Uploads/FileTypeManager.js
new file mode 100644
index 0000000..5dc7ebb
--- /dev/null
+++ b/services/web/app/src/Features/Uploads/FileTypeManager.js
@@ -0,0 +1,111 @@
+const fs = require('fs')
+const Path = require('path')
+const isUtf8 = require('utf-8-validate')
+const { promisifyAll } = require('@overleaf/promise-utils')
+const Settings = require('@overleaf/settings')
+const Minimatch = require('minimatch').Minimatch
+
+const fileIgnoreMatcher = new Minimatch(Settings.fileIgnorePattern, {
+  nocase: true, // make the whole path matching case-insensitive
+  // (previously we were only matching the extension case-insensitively but it seems safer to match the whole path)
+  dot: true, // allows matching on paths containing a dot e.g. /.git/foo/bar.txt
+})
+
+const FileTypeManager = {
+  TEXT_EXTENSIONS: new Set(Settings.textExtensions.map(ext => `.${ext}`)),
+  EDITABLE_FILENAMES: Settings.editableFilenames,
+
+  MAX_TEXT_FILE_SIZE: 3 * Settings.max_doc_length, // allow 3 bytes for every character
+
+  isDirectory(path, callback) {
+    fs.stat(path, (error, stats) => {
+      if (error != null) {
+        return callback(error)
+      }
+      callback(null, stats.isDirectory())
+    })
+  },
+
+  // returns charset as understood by fs.readFile,
+  getType(name, fsPath, existingFileType, callback) {
+    if (!name) {
+      return callback(
+        new Error(
+          '[FileTypeManager] getType requires a non-null "name" parameter'
+        )
+      )
+    }
+    if (!fsPath) {
+      return callback(
+        new Error(
+          '[FileTypeManager] getType requires a non-null "fsPath" parameter'
+        )
+      )
+    }
+    const basename = Path.basename(name)
+    if (existingFileType !== 'doc' && !_isTextFilename(basename)) {
+      return callback(null, { binary: true })
+    }
+
+    fs.stat(fsPath, (err, stat) => {
+      if (err != null) {
+        return callback(err)
+      }
+      if (stat.size > FileTypeManager.MAX_TEXT_FILE_SIZE) {
+        return callback(null, { binary: true }) // Treat large text file as binary
+      }
+
+      fs.readFile(fsPath, (err, bytes) => {
+        if (err != null) {
+          return callback(err)
+        }
+        const encoding = _detectEncoding(bytes)
+        const text = bytes.toString(encoding)
+        if (text.length >= Settings.max_doc_length) {
+          return callback(null, { binary: true }) // Treat large text file as binary
+        }
+        // For compatibility with the history service, only accept valid utf8 with no
+        // nulls or non-BMP characters as text, eveything else is binary.
+        if (text.includes('\x00')) {
+          return callback(null, { binary: true })
+        }
+        if (/[\uD800-\uDFFF]/.test(text)) {
+          // non-BMP characters (high and low surrogate characters)
+          return callback(null, { binary: true })
+        }
+        callback(null, { binary: false, encoding })
+      })
+    })
+  },
+
+  // FIXME: we can convert this to a synchronous function if we want to
+  shouldIgnore(path, callback) {
+    // use minimatch file matching to check if the path should be ignored
+    const ignore = fileIgnoreMatcher.match(path)
+    callback(null, ignore)
+  },
+}
+
+function _isTextFilename(filename) {
+  const extension = Path.extname(filename).toLowerCase()
+  return (
+    FileTypeManager.TEXT_EXTENSIONS.has(extension) ||
+    FileTypeManager.EDITABLE_FILENAMES.includes(filename.toLowerCase())
+  )
+}
+
+function _detectEncoding(bytes) {
+  if (isUtf8(bytes)) {
+    return 'utf-8'
+  }
+  // check for little-endian unicode bom (nodejs does not support big-endian)
+  if (bytes[0] === 0xff && bytes[1] === 0xfe) {
+    return 'utf-16le'
+  }
+  return 'latin1'
+}
+
+module.exports = FileTypeManager
+module.exports.promises = promisifyAll(FileTypeManager, {
+  without: ['getStrictTypeFromContent'],
+})
diff --git a/services/web/app/src/Features/Uploads/ProjectUploadController.mjs b/services/web/app/src/Features/Uploads/ProjectUploadController.mjs
new file mode 100644
index 0000000..a3bc434
--- /dev/null
+++ b/services/web/app/src/Features/Uploads/ProjectUploadController.mjs
@@ -0,0 +1,174 @@
+import logger from '@overleaf/logger'
+import metrics from '@overleaf/metrics'
+import fs from 'node:fs'
+import Path from 'node:path'
+import FileSystemImportManager from './FileSystemImportManager.js'
+import ProjectUploadManager from './ProjectUploadManager.js'
+import SessionManager from '../Authentication/SessionManager.js'
+import EditorController from '../Editor/EditorController.js'
+import ProjectLocator from '../Project/ProjectLocator.js'
+import Settings from '@overleaf/settings'
+import { InvalidZipFileError } from './ArchiveErrors.js'
+import multer from 'multer'
+import lodash from 'lodash'
+import { expressify } from '@overleaf/promise-utils'
+import { DuplicateNameError } from '../Errors/Errors.js'
+
+const defaultsDeep = lodash.defaultsDeep
+
+const upload = multer(
+  defaultsDeep(
+    {
+      dest: Settings.path.uploadFolder,
+      limits: {
+        fileSize: Settings.maxUploadSize,
+      },
+    },
+    Settings.multerOptions
+  )
+)
+
+function uploadProject(req, res, next) {
+  const timer = new metrics.Timer('project-upload')
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const { path } = req.file
+  const name = Path.basename(req.body.name, '.zip')
+  return ProjectUploadManager.createProjectFromZipArchive(
+    userId,
+    name,
+    path,
+    function (error, project) {
+      fs.unlink(path, function () {})
+      timer.done()
+      if (error != null) {
+        logger.error(
+          { err: error, filePath: path, fileName: name },
+          'error uploading project'
+        )
+        if (error instanceof InvalidZipFileError) {
+          return res.status(422).json({
+            success: false,
+            error: req.i18n.translate(error.message),
+          })
+        } else {
+          return res.status(500).json({
+            success: false,
+            error: req.i18n.translate('upload_failed'),
+          })
+        }
+      } else {
+        return res.json({ success: true, project_id: project._id })
+      }
+    }
+  )
+}
+
+async function uploadFile(req, res, next) {
+  const timer = new metrics.Timer('file-upload')
+  const name = req.body.name
+  const path = req.file?.path
+  const projectId = req.params.Project_id
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  let { folder_id: folderId } = req.query
+  if (name == null || name.length === 0 || name.length > 150) {
+    return res.status(422).json({
+      success: false,
+      error: 'invalid_filename',
+    })
+  }
+
+  // preserve the directory structure from an uploaded folder
+  const { relativePath } = req.body
+  // NOTE: Uppy sends a "null" string for `relativePath` when the file is not nested in a folder
+  if (relativePath && relativePath !== 'null') {
+    const { path } = await ProjectLocator.promises.findElement({
+      project_id: projectId,
+      element_id: folderId,
+      type: 'folder',
+    })
+    const { lastFolder } = await EditorController.promises.mkdirp(
+      projectId,
+      Path.dirname(Path.join('/', path.fileSystem, relativePath)),
+      userId
+    )
+    folderId = lastFolder._id
+  }
+
+  return FileSystemImportManager.addEntity(
+    userId,
+    projectId,
+    folderId,
+    name,
+    path,
+    true,
+    function (error, entity) {
+      fs.unlink(path, function () {})
+      timer.done()
+      if (error != null) {
+        if (error.name === 'InvalidNameError') {
+          return res.status(422).json({
+            success: false,
+            error: 'invalid_filename',
+          })
+        } else if (error instanceof DuplicateNameError) {
+          return res.status(422).json({
+            success: false,
+            error: 'duplicate_file_name',
+          })
+        } else if (error.message === 'project_has_too_many_files') {
+          return res.status(422).json({
+            success: false,
+            error: 'project_has_too_many_files',
+          })
+        } else if (error.message === 'folder_not_found') {
+          return res.status(422).json({
+            success: false,
+            error: 'folder_not_found',
+          })
+        } else {
+          logger.error(
+            {
+              err: error,
+              projectId,
+              filePath: path,
+              fileName: name,
+              folderId,
+            },
+            'error uploading file'
+          )
+          return res.status(422).json({ success: false })
+        }
+      } else {
+        return res.json({
+          success: true,
+          entity_id: entity?._id,
+          entity_type: entity?.type,
+          hash: entity?.hash,
+        })
+      }
+    }
+  )
+}
+
+function multerMiddleware(req, res, next) {
+  if (upload == null) {
+    return res
+      .status(500)
+      .json({ success: false, error: req.i18n.translate('upload_failed') })
+  }
+  return upload.single('qqfile')(req, res, function (err) {
+    if (err instanceof multer.MulterError && err.code === 'LIMIT_FILE_SIZE') {
+      return res
+        .status(422)
+        .json({ success: false, error: req.i18n.translate('file_too_large') })
+    }
+
+    return next(err)
+  })
+}
+
+export default {
+  uploadProject,
+  uploadFile: expressify(uploadFile),
+  multerMiddleware,
+}
diff --git a/services/web/app/src/Features/Uploads/ProjectUploadManager.js b/services/web/app/src/Features/Uploads/ProjectUploadManager.js
new file mode 100644
index 0000000..d42bc0e
--- /dev/null
+++ b/services/web/app/src/Features/Uploads/ProjectUploadManager.js
@@ -0,0 +1,217 @@
+const Path = require('path')
+const fs = require('fs')
+const { callbackify } = require('util')
+const ArchiveManager = require('./ArchiveManager')
+const { Doc } = require('../../models/Doc')
+const DocstoreManager = require('../Docstore/DocstoreManager')
+const DocumentHelper = require('../Documents/DocumentHelper')
+const DocumentUpdaterHandler = require('../DocumentUpdater/DocumentUpdaterHandler')
+const FileStoreHandler = require('../FileStore/FileStoreHandler')
+const FileSystemImportManager = require('./FileSystemImportManager')
+const ProjectCreationHandler = require('../Project/ProjectCreationHandler')
+const ProjectEntityMongoUpdateHandler = require('../Project/ProjectEntityMongoUpdateHandler')
+const ProjectRootDocManager = require('../Project/ProjectRootDocManager')
+const ProjectDetailsHandler = require('../Project/ProjectDetailsHandler')
+const ProjectDeleter = require('../Project/ProjectDeleter')
+const TpdsProjectFlusher = require('../ThirdPartyDataStore/TpdsProjectFlusher')
+const logger = require('@overleaf/logger')
+const OError = require('@overleaf/o-error')
+
+module.exports = {
+  createProjectFromZipArchive: callbackify(createProjectFromZipArchive),
+  createProjectFromZipArchiveWithName: callbackify(
+    createProjectFromZipArchiveWithName
+  ),
+  promises: {
+    createProjectFromZipArchive,
+    createProjectFromZipArchiveWithName,
+  },
+}
+
+async function createProjectFromZipArchive(ownerId, defaultName, zipPath) {
+  const contentsPath = await _extractZip(zipPath)
+  const { path, content } =
+    await ProjectRootDocManager.promises.findRootDocFileFromDirectory(
+      contentsPath
+    )
+
+  const projectName =
+    DocumentHelper.getTitleFromTexContent(content || '') || defaultName
+  const uniqueName = await _generateUniqueName(ownerId, projectName)
+  const project = await ProjectCreationHandler.promises.createBlankProject(
+    ownerId,
+    uniqueName
+  )
+  try {
+    await _initializeProjectWithZipContents(ownerId, project, contentsPath)
+
+    if (path) {
+      await ProjectRootDocManager.promises.setRootDocFromName(project._id, path)
+    }
+  } catch (err) {
+    // no need to wait for the cleanup here
+    ProjectDeleter.promises
+      .deleteProject(project._id)
+      .catch(err =>
+        logger.error(
+          { err, projectId: project._id },
+          'there was an error cleaning up project after importing a zip failed'
+        )
+      )
+    throw err
+  }
+  await fs.promises.rm(contentsPath, { recursive: true, force: true })
+  return project
+}
+
+async function createProjectFromZipArchiveWithName(
+  ownerId,
+  proposedName,
+  zipPath,
+  attributes = {}
+) {
+  const contentsPath = await _extractZip(zipPath)
+  const uniqueName = await _generateUniqueName(ownerId, proposedName)
+  const project = await ProjectCreationHandler.promises.createBlankProject(
+    ownerId,
+    uniqueName,
+    attributes
+  )
+
+  try {
+    await _initializeProjectWithZipContents(ownerId, project, contentsPath)
+    await ProjectRootDocManager.promises.setRootDocAutomatically(project._id)
+  } catch (err) {
+    // no need to wait for the cleanup here
+    ProjectDeleter.promises
+      .deleteProject(project._id)
+      .catch(err =>
+        logger.error(
+          { err, projectId: project._id },
+          'there was an error cleaning up project after importing a zip failed'
+        )
+      )
+    throw err
+  }
+  await fs.promises.rm(contentsPath, { recursive: true, force: true })
+  return project
+}
+
+async function _extractZip(zipPath) {
+  const destination = Path.join(
+    Path.dirname(zipPath),
+    `${Path.basename(zipPath, '.zip')}-${Date.now()}`
+  )
+  await ArchiveManager.promises.extractZipArchive(zipPath, destination)
+  return destination
+}
+
+async function _generateUniqueName(ownerId, originalName) {
+  const fixedName = ProjectDetailsHandler.fixProjectName(originalName)
+  const uniqueName = await ProjectDetailsHandler.promises.generateUniqueName(
+    ownerId,
+    fixedName
+  )
+  return uniqueName
+}
+
+async function _initializeProjectWithZipContents(
+  ownerId,
+  project,
+  contentsPath
+) {
+  const topLevelDir =
+    await ArchiveManager.promises.findTopLevelDirectory(contentsPath)
+  const importEntries =
+    await FileSystemImportManager.promises.importDir(topLevelDir)
+  const { fileEntries, docEntries } = await _createEntriesFromImports(
+    project,
+    importEntries
+  )
+  const projectVersion =
+    await ProjectEntityMongoUpdateHandler.promises.createNewFolderStructure(
+      project._id,
+      docEntries,
+      fileEntries
+    )
+  await _notifyDocumentUpdater(project, ownerId, {
+    newFiles: fileEntries,
+    newDocs: docEntries,
+    newProject: { version: projectVersion },
+  })
+  await TpdsProjectFlusher.promises.flushProjectToTpds(project._id)
+}
+
+async function _createEntriesFromImports(project, importEntries) {
+  const fileEntries = []
+  const docEntries = []
+  for (const importEntry of importEntries) {
+    switch (importEntry.type) {
+      case 'doc': {
+        const docEntry = await _createDoc(
+          project,
+          importEntry.projectPath,
+          importEntry.lines
+        )
+        docEntries.push(docEntry)
+        break
+      }
+      case 'file': {
+        const fileEntry = await _createFile(
+          project,
+          importEntry.projectPath,
+          importEntry.fsPath
+        )
+        fileEntries.push(fileEntry)
+        break
+      }
+      default: {
+        throw new Error(`Invalid import type: ${importEntry.type}`)
+      }
+    }
+  }
+  return { fileEntries, docEntries }
+}
+
+async function _createDoc(project, projectPath, docLines) {
+  const projectId = project._id
+  const docName = Path.basename(projectPath)
+  const doc = new Doc({ name: docName })
+  await DocstoreManager.promises.updateDoc(
+    projectId.toString(),
+    doc._id.toString(),
+    docLines,
+    0,
+    {}
+  )
+  return { doc, path: projectPath, docLines: docLines.join('\n') }
+}
+
+async function _createFile(project, projectPath, fsPath) {
+  const projectId = project._id
+  const historyId = project.overleaf?.history?.id
+  if (!historyId) {
+    throw new OError('missing history id')
+  }
+  const fileName = Path.basename(projectPath)
+  const { createdBlob, fileRef, url } =
+    await FileStoreHandler.promises.uploadFileFromDiskWithHistoryId(
+      projectId,
+      historyId,
+      { name: fileName },
+      fsPath
+    )
+  return { createdBlob, file: fileRef, path: projectPath, url }
+}
+
+async function _notifyDocumentUpdater(project, userId, changes) {
+  const projectHistoryId =
+    project.overleaf && project.overleaf.history && project.overleaf.history.id
+  await DocumentUpdaterHandler.promises.updateProjectStructure(
+    project._id,
+    projectHistoryId,
+    userId,
+    changes,
+    null
+  )
+}
diff --git a/services/web/app/src/Features/Uploads/UploadsRouter.mjs b/services/web/app/src/Features/Uploads/UploadsRouter.mjs
new file mode 100644
index 0000000..17ff5af
--- /dev/null
+++ b/services/web/app/src/Features/Uploads/UploadsRouter.mjs
@@ -0,0 +1,55 @@
+import AuthorizationMiddleware from '../Authorization/AuthorizationMiddleware.js'
+import AuthenticationController from '../Authentication/AuthenticationController.js'
+import ProjectUploadController from './ProjectUploadController.mjs'
+import { RateLimiter } from '../../infrastructure/RateLimiter.js'
+import RateLimiterMiddleware from '../Security/RateLimiterMiddleware.js'
+import Settings from '@overleaf/settings'
+
+const rateLimiters = {
+  projectUpload: new RateLimiter('project-upload', {
+    points: 20,
+    duration: 60,
+  }),
+  fileUpload: new RateLimiter('file-upload', {
+    points: 500,
+    duration: 60 * 15,
+  }),
+}
+
+export default {
+  apply(webRouter) {
+    webRouter.post(
+      '/project/new/upload',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(rateLimiters.projectUpload),
+      ProjectUploadController.multerMiddleware,
+      ProjectUploadController.uploadProject
+    )
+
+    const fileUploadEndpoint = '/Project/:Project_id/upload'
+    const fileUploadRateLimit = RateLimiterMiddleware.rateLimit(
+      rateLimiters.fileUpload,
+      {
+        params: ['Project_id'],
+      }
+    )
+    if (Settings.allowAnonymousReadAndWriteSharing) {
+      webRouter.post(
+        fileUploadEndpoint,
+        fileUploadRateLimit,
+        AuthorizationMiddleware.ensureUserCanWriteProjectContent,
+        ProjectUploadController.multerMiddleware,
+        ProjectUploadController.uploadFile
+      )
+    } else {
+      webRouter.post(
+        fileUploadEndpoint,
+        fileUploadRateLimit,
+        AuthenticationController.requireLogin(),
+        AuthorizationMiddleware.ensureUserCanWriteProjectContent,
+        ProjectUploadController.multerMiddleware,
+        ProjectUploadController.uploadFile
+      )
+    }
+  },
+}
diff --git a/services/web/app/src/Features/User/SAMLIdentityManager.js b/services/web/app/src/Features/User/SAMLIdentityManager.js
new file mode 100644
index 0000000..dc790c5
--- /dev/null
+++ b/services/web/app/src/Features/User/SAMLIdentityManager.js
@@ -0,0 +1,468 @@
+const { ObjectId } = require('mongodb-legacy')
+const EmailHandler = require('../Email/EmailHandler')
+const Errors = require('../Errors/Errors')
+const InstitutionsAPI = require('../Institutions/InstitutionsAPI')
+const NotificationsBuilder = require('../Notifications/NotificationsBuilder')
+const OError = require('@overleaf/o-error')
+const SubscriptionLocator = require('../Subscription/SubscriptionLocator')
+const UserAuditLogHandler = require('../User/UserAuditLogHandler')
+const UserGetter = require('../User/UserGetter')
+const UserUpdater = require('../User/UserUpdater')
+const logger = require('@overleaf/logger')
+const { User } = require('../../models/User')
+const { promiseMapWithLimit } = require('@overleaf/promise-utils')
+
+async function _addAuditLogEntry(operation, userId, auditLog, extraInfo) {
+  await UserAuditLogHandler.promises.addEntry(
+    userId,
+    operation,
+    auditLog.initiatorId,
+    auditLog.ipAddress,
+    extraInfo
+  )
+}
+
+async function _ensureCanAddIdentifier(userId, institutionEmail, providerId) {
+  const userWithProvider = await UserGetter.promises.getUser(
+    { _id: new ObjectId(userId), 'samlIdentifiers.providerId': providerId },
+    { _id: 1 }
+  )
+
+  if (userWithProvider) {
+    throw new Errors.SAMLAlreadyLinkedError()
+  }
+
+  const userWithEmail =
+    await UserGetter.promises.getUserByAnyEmail(institutionEmail)
+
+  if (!userWithEmail) {
+    // email doesn't exist; all good
+    return
+  }
+
+  const emailBelongToUser = userWithEmail._id.toString() === userId.toString()
+  const existingEmailData = userWithEmail.emails.find(
+    emailData => emailData.email === institutionEmail
+  )
+
+  if (!emailBelongToUser && existingEmailData.samlProviderId) {
+    // email exists and institution link.
+    // Return back to requesting page with error
+    throw new Errors.SAMLIdentityExistsError()
+  }
+
+  if (!emailBelongToUser) {
+    // email exists but not linked, so redirect to linking page
+    // which will tell this user to log out to link
+    throw new Errors.EmailExistsError()
+  }
+
+  // email belongs to user. Make sure it's already affiliated with the provider
+  const fullEmails = await UserGetter.promises.getUserFullEmails(
+    userWithEmail._id
+  )
+  const existingFullEmailData = fullEmails.find(
+    emailData => emailData.email === institutionEmail
+  )
+
+  if (!existingFullEmailData.affiliation) {
+    throw new Errors.SAMLEmailNotAffiliatedError()
+  }
+
+  if (
+    existingFullEmailData.affiliation.institution.id.toString() !== providerId
+  ) {
+    throw new Errors.SAMLEmailAffiliatedWithAnotherInstitutionError()
+  }
+}
+
+async function _addIdentifier(
+  userId,
+  externalUserId,
+  providerId,
+  hasEntitlement,
+  institutionEmail,
+  providerName,
+  auditLog,
+  userIdAttribute
+) {
+  providerId = providerId.toString()
+
+  await _ensureCanAddIdentifier(userId, institutionEmail, providerId)
+
+  const auditLogInfo = {
+    institutionEmail,
+    providerId,
+    providerName,
+    userIdAttribute,
+    externalUserId,
+  }
+
+  await _addAuditLogEntry(
+    'link-institution-sso',
+    userId,
+    auditLog,
+    auditLogInfo
+  )
+
+  hasEntitlement = !!hasEntitlement
+  const query = {
+    _id: userId,
+    'samlIdentifiers.providerId': {
+      $ne: providerId,
+    },
+  }
+
+  const update = {
+    $push: {
+      samlIdentifiers: {
+        hasEntitlement,
+        externalUserId,
+        providerId,
+        userIdAttribute,
+      },
+    },
+  }
+
+  try {
+    // update v2 user record
+    const updatedUser = await User.findOneAndUpdate(query, update, {
+      new: true,
+    }).exec()
+    if (!updatedUser) {
+      throw new OError('No update while linking user')
+    }
+    return updatedUser
+  } catch (err) {
+    if (err.code === 11000) {
+      throw new Errors.SAMLIdentityExistsError()
+    } else {
+      throw OError.tag(err)
+    }
+  }
+}
+
+async function _addInstitutionEmail(userId, email, providerId, auditLog) {
+  const user = await UserGetter.promises.getUser(userId)
+  const query = {
+    _id: userId,
+    'emails.email': email,
+  }
+  const update = {
+    $set: {
+      'emails.$.samlProviderId': providerId.toString(),
+    },
+  }
+  if (user == null) {
+    throw new Errors.NotFoundError('user not found')
+  }
+  const emailAlreadyAssociated = user.emails.find(e => e.email === email)
+  if (emailAlreadyAssociated) {
+    await UserUpdater.promises.updateUser(query, update)
+  } else {
+    await UserUpdater.promises.addEmailAddress(
+      user._id,
+      email,
+      { university: { id: providerId }, rejectIfBlocklisted: true },
+      auditLog
+    )
+    await UserUpdater.promises.updateUser(query, update)
+  }
+}
+
+async function _sendLinkedEmail(userId, providerName, institutionEmail) {
+  const user = await UserGetter.promises.getUser(userId, { email: 1 })
+  const emailOptions = {
+    to: user.email,
+    actionDescribed: `an Institutional SSO account at ${providerName} was linked to your account ${user.email}`,
+    action: 'institutional SSO account linked',
+    message: [
+      `<span style="display:inline-block;padding: 0 20px;width:100%;">Linked: <br/><b>${institutionEmail}</b></span>`,
+    ],
+  }
+  EmailHandler.sendEmail('securityAlert', emailOptions, error => {
+    if (error) {
+      logger.warn({ err: error })
+    }
+  })
+}
+
+function _sendUnlinkedEmail(primaryEmail, providerName, institutionEmail) {
+  const emailOptions = {
+    to: primaryEmail,
+    actionDescribed: `an Institutional SSO account at ${providerName} was unlinked from your account ${primaryEmail}`,
+    action: 'institutional SSO account no longer linked',
+    message: [
+      `<span style="display:inline-block;padding: 0 20px;width:100%;">No longer linked: <br/><b>${institutionEmail}</b></span>`,
+    ],
+  }
+  EmailHandler.sendEmail('securityAlert', emailOptions, error => {
+    if (error) {
+      logger.warn({ err: error })
+    }
+  })
+}
+
+async function getUser(providerId, externalUserId, userIdAttribute) {
+  if (!providerId || !externalUserId || !userIdAttribute) {
+    throw new Error(
+      `invalid arguments: providerId: ${providerId}, externalUserId: ${externalUserId}, userIdAttribute: ${userIdAttribute}`
+    )
+  }
+  const user = await User.findOne({
+    'samlIdentifiers.externalUserId': externalUserId.toString(),
+    'samlIdentifiers.providerId': providerId.toString(),
+    'samlIdentifiers.userIdAttribute': userIdAttribute.toString(),
+  }).exec()
+
+  return user
+}
+
+async function redundantSubscription(userId, providerId, providerName) {
+  const subscription =
+    await SubscriptionLocator.promises.getUserIndividualSubscription(userId)
+
+  if (subscription && !subscription.groupPlan) {
+    await NotificationsBuilder.promises
+      .redundantPersonalSubscription(
+        {
+          institutionId: providerId,
+          institutionName: providerName,
+        },
+        { _id: userId }
+      )
+      .create()
+  }
+}
+
+async function linkAccounts(userId, samlData, auditLog) {
+  const {
+    externalUserId,
+    institutionEmail,
+    universityId: providerId,
+    universityName: providerName,
+    hasEntitlement,
+    userIdAttribute,
+  } = samlData
+
+  if (!externalUserId || !institutionEmail || !providerId || !userIdAttribute) {
+    throw new Error(
+      `missing data when linking institution SSO: ${JSON.stringify(samlData)}`
+    )
+  }
+
+  await _addIdentifier(
+    userId,
+    externalUserId,
+    providerId,
+    hasEntitlement,
+    institutionEmail,
+    providerName,
+    auditLog,
+    userIdAttribute
+  )
+  try {
+    await _addInstitutionEmail(userId, institutionEmail, providerId, auditLog)
+  } catch (error) {
+    await _removeIdentifier(userId, providerId)
+    throw error
+  }
+  await UserUpdater.promises.confirmEmail(userId, institutionEmail, {
+    entitlement: hasEntitlement,
+  }) // will set confirmedAt if not set, and will always update reconfirmedAt
+  await _sendLinkedEmail(userId, providerName, institutionEmail)
+}
+
+async function unlinkAccounts(
+  userId,
+  institutionEmail,
+  primaryEmail,
+  providerId,
+  providerName,
+  auditLog
+) {
+  providerId = providerId.toString()
+
+  await _addAuditLogEntry('unlink-institution-sso', userId, auditLog, {
+    institutionEmail,
+    providerId,
+    providerName,
+  })
+  // update v2 user
+  await _removeIdentifier(userId, providerId)
+  // update v1 affiliations record
+  await InstitutionsAPI.promises.removeEntitlement(userId, institutionEmail)
+  // send email
+  _sendUnlinkedEmail(primaryEmail, providerName, institutionEmail)
+}
+
+async function _removeIdentifier(userId, providerId) {
+  providerId = providerId.toString()
+
+  const query = {
+    _id: userId,
+  }
+  const update = {
+    $pull: {
+      samlIdentifiers: {
+        providerId,
+      },
+    },
+  }
+  await User.updateOne(query, update).exec()
+}
+
+async function updateEntitlement(
+  userId,
+  institutionEmail,
+  providerId,
+  hasEntitlement
+) {
+  providerId = providerId.toString()
+  hasEntitlement = !!hasEntitlement
+  const query = {
+    _id: userId,
+    'samlIdentifiers.providerId': providerId.toString(),
+  }
+  const update = {
+    $set: {
+      'samlIdentifiers.$.hasEntitlement': hasEntitlement,
+    },
+  }
+  // update v2 user
+  await User.updateOne(query, update).exec()
+}
+
+function entitlementAttributeMatches(entitlementAttribute, entitlementMatcher) {
+  if (Array.isArray(entitlementAttribute)) {
+    entitlementAttribute = entitlementAttribute.join(' ')
+  }
+  if (
+    typeof entitlementAttribute !== 'string' ||
+    typeof entitlementMatcher !== 'string'
+  ) {
+    return false
+  }
+  try {
+    const entitlementRegExp = new RegExp(entitlementMatcher)
+    return !!entitlementAttribute.match(entitlementRegExp)
+  } catch (err) {
+    logger.error({ err }, 'Invalid SAML entitlement matcher')
+    // this is likely caused by an invalid regex in the matcher string
+    // log the error but do not bubble so that user can still sign in
+    // even if they don't have the entitlement
+    return false
+  }
+}
+
+function userHasEntitlement(user, providerId) {
+  providerId = providerId.toString()
+  if (!user || !Array.isArray(user.samlIdentifiers)) {
+    return false
+  }
+  for (const samlIdentifier of user.samlIdentifiers) {
+    if (providerId && samlIdentifier.providerId !== providerId) {
+      continue
+    }
+    if (samlIdentifier.hasEntitlement) {
+      return true
+    }
+  }
+  return false
+}
+
+async function migrateIdentifier(
+  userId,
+  externalUserId,
+  providerId,
+  hasEntitlement,
+  institutionEmail,
+  providerName,
+  auditLog,
+  userIdAttribute
+) {
+  providerId = providerId.toString()
+
+  const query = {
+    _id: userId,
+    'samlIdentifiers.providerId': providerId,
+  }
+
+  const update = {
+    $set: {
+      'samlIdentifiers.$.externalUserId': externalUserId,
+      'samlIdentifiers.$.userIdAttribute': userIdAttribute,
+    },
+  }
+  await User.updateOne(query, update).exec()
+
+  const auditLogInfo = {
+    institutionEmail,
+    providerId,
+    providerName,
+    userIdAttribute,
+  }
+
+  await _addAuditLogEntry(
+    'migrate-institution-sso-id',
+    userId,
+    auditLog,
+    auditLogInfo
+  )
+}
+
+async function unlinkNotMigrated(userId, providerId, providerName, auditLog) {
+  providerId = providerId.toString()
+
+  const query = {
+    _id: userId,
+    'emails.samlProviderId': providerId,
+  }
+  const update = {
+    $pull: {
+      samlIdentifiers: {
+        providerId,
+      },
+    },
+    $unset: {
+      'emails.$.samlProviderId': 1,
+    },
+  }
+
+  const originalDoc = await User.findOneAndUpdate(query, update).exec()
+
+  // should only be 1
+  const linkedEmails = originalDoc.emails.filter(email => {
+    return email.samlProviderId === providerId
+  })
+
+  const auditLogInfo = {
+    providerId,
+    providerName,
+  }
+
+  await _addAuditLogEntry(
+    'unlink-institution-sso-not-migrated',
+    userId,
+    auditLog,
+    auditLogInfo
+  )
+
+  await promiseMapWithLimit(10, linkedEmails, async emailData => {
+    await InstitutionsAPI.promises.removeEntitlement(userId, emailData.email)
+  })
+}
+
+const SAMLIdentityManager = {
+  entitlementAttributeMatches,
+  getUser,
+  linkAccounts,
+  migrateIdentifier,
+  redundantSubscription,
+  unlinkAccounts,
+  unlinkNotMigrated,
+  updateEntitlement,
+  userHasEntitlement,
+}
+
+module.exports = SAMLIdentityManager
diff --git a/services/web/app/src/Features/User/ThirdPartyIdentityManager.js b/services/web/app/src/Features/User/ThirdPartyIdentityManager.js
new file mode 100644
index 0000000..63622dc
--- /dev/null
+++ b/services/web/app/src/Features/User/ThirdPartyIdentityManager.js
@@ -0,0 +1,217 @@
+const UserAuditLogHandler = require('../../../../app/src/Features/User/UserAuditLogHandler')
+const EmailHandler = require('../../../../app/src/Features/Email/EmailHandler')
+const EmailOptionsHelper = require('../../../../app/src/Features/Email/EmailOptionsHelper')
+const Errors = require('../Errors/Errors')
+const _ = require('lodash')
+const logger = require('@overleaf/logger')
+const settings = require('@overleaf/settings')
+const { User } = require('../../../../app/src/models/User')
+const { callbackify } = require('@overleaf/promise-utils')
+const OError = require('@overleaf/o-error')
+
+const oauthProviders = settings.oauthProviders || {}
+
+async function getUser(providerId, externalUserId) {
+  if (providerId == null || externalUserId == null) {
+    throw new OError('invalid SSO arguments', {
+      externalUserId,
+      providerId,
+    })
+  }
+
+  const query = _getUserQuery(providerId, externalUserId)
+  const user = await User.findOne(query).exec()
+  if (!user) {
+    throw new Errors.ThirdPartyUserNotFoundError()
+  }
+  return user
+}
+
+async function login(providerId, externalUserId, externalData) {
+  const user = await ThirdPartyIdentityManager.promises.getUser(
+    providerId,
+    externalUserId
+  )
+  if (!externalData) {
+    return user
+  }
+  const query = _getUserQuery(providerId, externalUserId)
+  const update = _thirdPartyIdentifierUpdate(
+    user,
+    providerId,
+    externalUserId,
+    externalData
+  )
+  return await User.findOneAndUpdate(query, update, { new: true }).exec()
+}
+
+async function link(
+  userId,
+  providerId,
+  externalUserId,
+  externalData,
+  auditLog,
+  retry
+) {
+  const accountLinked = true
+  if (!oauthProviders[providerId]) {
+    throw new Error('Not a valid provider')
+  }
+
+  await UserAuditLogHandler.promises.addEntry(
+    userId,
+    'link-sso',
+    auditLog.initiatorId,
+    auditLog.ipAddress,
+    {
+      providerId,
+    }
+  )
+
+  const query = {
+    _id: userId,
+    'thirdPartyIdentifiers.providerId': {
+      $ne: providerId,
+    },
+  }
+  const update = {
+    $push: {
+      thirdPartyIdentifiers: {
+        externalUserId,
+        externalData,
+        providerId,
+      },
+    },
+  }
+  // add new tpi only if an entry for the provider does not exist
+  // projection includes thirdPartyIdentifiers for tests
+  let res
+  try {
+    res = await User.findOneAndUpdate(query, update, { new: 1 }).exec()
+  } catch (err) {
+    if (err.code === 11000) {
+      throw new Errors.ThirdPartyIdentityExistsError({
+        info: { externalUserId },
+      })
+    }
+    throw err
+  }
+
+  if (res) {
+    _sendSecurityAlert(accountLinked, providerId, res, userId)
+    return res
+  }
+
+  if (retry) {
+    // if already retried then throw error
+    throw new Error('update failed')
+  }
+
+  // attempt to clear existing entry then retry
+  await ThirdPartyIdentityManager.promises.unlink(userId, providerId, auditLog)
+  return await ThirdPartyIdentityManager.promises.link(
+    userId,
+    providerId,
+    externalUserId,
+    externalData,
+    auditLog,
+    true
+  )
+}
+
+async function unlink(userId, providerId, auditLog) {
+  const accountLinked = false
+  if (!oauthProviders[providerId]) {
+    throw new Error('Not a valid provider')
+  }
+
+  await UserAuditLogHandler.promises.addEntry(
+    userId,
+    'unlink-sso',
+    auditLog.initiatorId,
+    auditLog.ipAddress,
+    {
+      ...(auditLog.extraInfo || {}),
+      providerId,
+    }
+  )
+
+  const query = {
+    _id: userId,
+  }
+  const update = {
+    $pull: {
+      thirdPartyIdentifiers: {
+        providerId,
+      },
+    },
+  }
+  // projection includes thirdPartyIdentifiers for tests
+  const res = await User.findOneAndUpdate(query, update, { new: 1 })
+  if (!res) {
+    throw new Error('update failed')
+  }
+  _sendSecurityAlert(accountLinked, providerId, res, userId)
+  return res
+}
+
+function _getUserQuery(providerId, externalUserId) {
+  externalUserId = externalUserId.toString()
+  providerId = providerId.toString()
+  const query = {
+    'thirdPartyIdentifiers.externalUserId': externalUserId,
+    'thirdPartyIdentifiers.providerId': providerId,
+  }
+  return query
+}
+
+function _sendSecurityAlert(accountLinked, providerId, user, userId) {
+  const providerName = oauthProviders[providerId].name
+  const emailOptions = EmailOptionsHelper.linkOrUnlink(
+    accountLinked,
+    providerName,
+    user.email
+  )
+  EmailHandler.promises
+    .sendEmail('securityAlert', emailOptions)
+    .catch(error => {
+      logger.error(
+        { err: error, userId },
+        `could not send security alert email when ${emailOptions.action.toLowerCase()}`
+      )
+    })
+}
+
+function _thirdPartyIdentifierUpdate(
+  user,
+  providerId,
+  externalUserId,
+  externalData
+) {
+  providerId = providerId.toString()
+  // get third party identifier object from array
+  const thirdPartyIdentifier = user.thirdPartyIdentifiers.find(
+    tpi =>
+      tpi.externalUserId === externalUserId && tpi.providerId === providerId
+  )
+  // do recursive merge of new data over existing data
+  _.merge(thirdPartyIdentifier.externalData, externalData)
+  const update = { 'thirdPartyIdentifiers.$': thirdPartyIdentifier }
+  return update
+}
+
+const ThirdPartyIdentityManager = {
+  getUser: callbackify(getUser),
+  login: callbackify(login),
+  link: callbackify(link),
+  unlink: callbackify(unlink),
+}
+
+ThirdPartyIdentityManager.promises = {
+  getUser,
+  login,
+  link,
+  unlink,
+}
+
+module.exports = ThirdPartyIdentityManager
diff --git a/services/web/app/src/Features/User/UserAuditLogHandler.js b/services/web/app/src/Features/User/UserAuditLogHandler.js
new file mode 100644
index 0000000..b1d4043
--- /dev/null
+++ b/services/web/app/src/Features/User/UserAuditLogHandler.js
@@ -0,0 +1,80 @@
+const OError = require('@overleaf/o-error')
+const { UserAuditLogEntry } = require('../../models/UserAuditLogEntry')
+const { callbackify } = require('util')
+
+function _canHaveNoIpAddressId(operation, info) {
+  if (operation === 'join-group-subscription') return true
+  if (operation === 'leave-group-subscription') return true
+  if (operation === 'must-reset-password-set') return true
+  if (operation === 'remove-email' && info.script) return true
+  if (operation === 'release-managed-user' && info.script) return true
+  return false
+}
+
+function _canHaveNoInitiatorId(operation, info) {
+  if (operation === 'reset-password') return true
+  if (operation === 'unlink-sso' && info.providerId === 'collabratec')
+    return true
+  if (operation === 'unlink-sso' && info.script === true) return true
+  if (operation === 'unlink-institution-sso-not-migrated') return true
+  if (operation === 'remove-email' && info.script) return true
+  if (operation === 'join-group-subscription') return true
+  if (operation === 'leave-group-subscription') return true
+  if (operation === 'must-reset-password-set') return true
+  if (operation === 'must-reset-password-unset') return true
+  if (operation === 'account-suspension' && info.script) return true
+  if (operation === 'release-managed-user' && info.script) return true
+}
+
+/**
+ * Add an audit log entry
+ *
+ * The entry should include at least the following fields:
+ *
+ * - userId: the user on behalf of whom the operation was performed
+ * - operation: a string identifying the type of operation
+ * - initiatorId: who performed the operation
+ * - ipAddress: the IP address of the initiator
+ * - info: an object detailing what happened
+ */
+async function addEntry(userId, operation, initiatorId, ipAddress, info = {}) {
+  if (!operation) {
+    throw new OError('missing operation for audit log', {
+      initiatorId,
+      ipAddress,
+    })
+  }
+
+  if (!ipAddress && !_canHaveNoIpAddressId(operation, info)) {
+    throw new OError('missing ipAddress for audit log', {
+      operation,
+      initiatorId,
+    })
+  }
+
+  if (!initiatorId && !_canHaveNoInitiatorId(operation, info)) {
+    throw new OError('missing initiatorId for audit log', {
+      operation,
+      ipAddress,
+    })
+  }
+
+  const entry = {
+    userId,
+    operation,
+    initiatorId,
+    info,
+    ipAddress,
+  }
+
+  await UserAuditLogEntry.create(entry)
+}
+
+const UserAuditLogHandler = {
+  addEntry: callbackify(addEntry),
+  promises: {
+    addEntry,
+  },
+}
+
+module.exports = UserAuditLogHandler
diff --git a/services/web/app/src/Features/User/UserController.js b/services/web/app/src/Features/User/UserController.js
new file mode 100644
index 0000000..e4186d3
--- /dev/null
+++ b/services/web/app/src/Features/User/UserController.js
@@ -0,0 +1,518 @@
+const UserHandler = require('./UserHandler')
+const UserDeleter = require('./UserDeleter')
+const UserGetter = require('./UserGetter')
+const { User } = require('../../models/User')
+const NewsletterManager = require('../Newsletter/NewsletterManager')
+const logger = require('@overleaf/logger')
+const metrics = require('@overleaf/metrics')
+const AuthenticationManager = require('../Authentication/AuthenticationManager')
+const SessionManager = require('../Authentication/SessionManager')
+const Features = require('../../infrastructure/Features')
+const UserAuditLogHandler = require('./UserAuditLogHandler')
+const UserSessionsManager = require('./UserSessionsManager')
+const UserUpdater = require('./UserUpdater')
+const Errors = require('../Errors/Errors')
+const HttpErrorHandler = require('../Errors/HttpErrorHandler')
+const OError = require('@overleaf/o-error')
+const EmailHandler = require('../Email/EmailHandler')
+const UrlHelper = require('../Helpers/UrlHelper')
+const { promisify } = require('util')
+const { expressify } = require('@overleaf/promise-utils')
+const {
+  acceptsJson,
+} = require('../../infrastructure/RequestContentTypeDetection')
+const Modules = require('../../infrastructure/Modules')
+const OneTimeTokenHandler = require('../Security/OneTimeTokenHandler')
+
+async function _sendSecurityAlertClearedSessions(user) {
+  const emailOptions = {
+    to: user.email,
+    actionDescribed: `active sessions were cleared on your account ${user.email}`,
+    action: 'active sessions cleared',
+  }
+  try {
+    await EmailHandler.promises.sendEmail('securityAlert', emailOptions)
+  } catch (error) {
+    // log error when sending security alert email but do not pass back
+    logger.error(
+      { error, userId: user._id },
+      'could not send security alert email when sessions cleared'
+    )
+  }
+}
+
+function _sendSecurityAlertPasswordChanged(user) {
+  const emailOptions = {
+    to: user.email,
+    actionDescribed: `your password has been changed on your account ${user.email}`,
+    action: 'password changed',
+  }
+  EmailHandler.promises
+    .sendEmail('securityAlert', emailOptions)
+    .catch(error => {
+      // log error when sending security alert email but do not pass back
+      logger.error(
+        { error, userId: user._id },
+        'could not send security alert email when password changed'
+      )
+    })
+}
+
+async function _ensureAffiliation(userId, emailData) {
+  if (emailData.samlProviderId) {
+    await UserUpdater.promises.confirmEmail(userId, emailData.email)
+  } else {
+    await UserUpdater.promises.addAffiliationForNewUser(userId, emailData.email)
+  }
+}
+
+async function changePassword(req, res, next) {
+  metrics.inc('user.password-change')
+  const userId = SessionManager.getLoggedInUserId(req.session)
+
+  const { user } = await AuthenticationManager.promises.authenticate(
+    { _id: userId },
+    req.body.currentPassword,
+    null,
+    { enforceHIBPCheck: false }
+  )
+  if (!user) {
+    return HttpErrorHandler.badRequest(
+      req,
+      res,
+      req.i18n.translate('password_change_old_password_wrong')
+    )
+  }
+
+  if (req.body.newPassword1 !== req.body.newPassword2) {
+    return HttpErrorHandler.badRequest(
+      req,
+      res,
+      req.i18n.translate('password_change_passwords_do_not_match')
+    )
+  }
+
+  try {
+    await AuthenticationManager.promises.setUserPassword(
+      user,
+      req.body.newPassword1
+    )
+  } catch (error) {
+    if (error.name === 'InvalidPasswordError') {
+      const message = AuthenticationManager.getMessageForInvalidPasswordError(
+        error,
+        req
+      )
+      return res.status(400).json({ message })
+    } else if (error.name === 'PasswordMustBeDifferentError') {
+      return HttpErrorHandler.badRequest(
+        req,
+        res,
+        req.i18n.translate('password_change_password_must_be_different')
+      )
+    } else if (error.name === 'PasswordReusedError') {
+      return res.status(400).json({
+        message: {
+          key: 'password-must-be-strong',
+        },
+      })
+    } else {
+      throw error
+    }
+  }
+  await UserAuditLogHandler.promises.addEntry(
+    user._id,
+    'update-password',
+    user._id,
+    req.ip
+  )
+
+  // no need to wait, errors are logged and not passed back
+  _sendSecurityAlertPasswordChanged(user)
+
+  await UserSessionsManager.promises.removeSessionsFromRedis(
+    user,
+    req.sessionID // remove all sessions except the current session
+  )
+
+  await OneTimeTokenHandler.promises.expireAllTokensForUser(
+    userId.toString(),
+    'password'
+  )
+
+  return res.json({
+    message: {
+      type: 'success',
+      email: user.email,
+      text: req.i18n.translate('password_change_successful'),
+    },
+  })
+}
+
+async function clearSessions(req, res, next) {
+  metrics.inc('user.clear-sessions')
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const user = await UserGetter.promises.getUser(userId, { email: 1 })
+  const sessions = await UserSessionsManager.promises.getAllUserSessions(user, [
+    req.sessionID,
+  ])
+  await UserAuditLogHandler.promises.addEntry(
+    user._id,
+    'clear-sessions',
+    user._id,
+    req.ip,
+    { sessions }
+  )
+  await UserSessionsManager.promises.removeSessionsFromRedis(
+    user,
+    req.sessionID // remove all sessions except the current session
+  )
+
+  await _sendSecurityAlertClearedSessions(user)
+
+  res.sendStatus(201)
+}
+
+async function ensureAffiliation(user) {
+  if (!Features.hasFeature('affiliations')) {
+    return
+  }
+
+  const flaggedEmails = user.emails.filter(email => email.affiliationUnchecked)
+  if (flaggedEmails.length === 0) {
+    return
+  }
+
+  if (flaggedEmails.length > 1) {
+    logger.error(
+      { userId: user._id },
+      `Unexpected number of flagged emails: ${flaggedEmails.length}`
+    )
+  }
+
+  await _ensureAffiliation(user._id, flaggedEmails[0])
+}
+
+async function ensureAffiliationMiddleware(req, res, next) {
+  let user
+  if (!Features.hasFeature('affiliations') || !req.query.ensureAffiliation) {
+    return next()
+  }
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  try {
+    user = await UserGetter.promises.getUser(userId)
+  } catch (error) {
+    throw new Errors.UserNotFoundError({ info: { userId } })
+  }
+  // if the user does not have permission to add an affiliation, we skip this middleware
+  try {
+    req.assertPermission('add-affiliation')
+  } catch (error) {
+    if (error instanceof Errors.ForbiddenError) {
+      return next()
+    }
+  }
+  await ensureAffiliation(user)
+  return next()
+}
+
+async function tryDeleteUser(req, res, next) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const { password } = req.body
+  req.logger.addFields({ userId })
+
+  logger.debug({ userId }, 'trying to delete user account')
+  if (password == null || password === '') {
+    logger.err({ userId }, 'no password supplied for attempt to delete account')
+    return res.sendStatus(403)
+  }
+
+  let user
+  try {
+    user = (
+      await AuthenticationManager.promises.authenticate(
+        { _id: userId },
+        password,
+        null,
+        { enforceHIBPCheck: false }
+      )
+    ).user
+  } catch (err) {
+    throw OError.tag(
+      err,
+      'error authenticating during attempt to delete account',
+      { userId }
+    )
+  }
+
+  if (!user) {
+    logger.err({ userId }, 'auth failed during attempt to delete account')
+    return res.sendStatus(403)
+  }
+
+  try {
+    await UserDeleter.promises.deleteUser(userId, {
+      deleterUser: user,
+      ipAddress: req.ip,
+    })
+  } catch (err) {
+    const errorData = {
+      message: 'error while deleting user account',
+      info: { userId },
+    }
+    if (err instanceof Errors.SubscriptionAdminDeletionError) {
+      // set info.public.error for JSON response so frontend can display
+      // a specific message
+      errorData.info.public = {
+        error: 'SubscriptionAdminDeletionError',
+      }
+      const error = OError.tag(err, errorData.message, errorData.info)
+      logger.warn({ error, req }, error.message)
+      return HttpErrorHandler.unprocessableEntity(
+        req,
+        res,
+        errorData.message,
+        errorData.info.public
+      )
+    } else {
+      throw OError.tag(err, errorData.message, errorData.info)
+    }
+  }
+
+  await Modules.promises.hooks.fire('tryDeleteV1Account', user)
+
+  const sessionId = req.sessionID
+
+  if (typeof req.logout === 'function') {
+    const logout = promisify(req.logout)
+    await logout()
+  }
+
+  const destroySession = promisify(req.session.destroy.bind(req.session))
+  await destroySession()
+
+  UserSessionsManager.promises.untrackSession(user, sessionId).catch(err => {
+    logger.warn({ err, userId: user._id }, 'failed to untrack session')
+  })
+  res.sendStatus(200)
+}
+
+async function subscribe(req, res, next) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  req.logger.addFields({ userId })
+
+  const user = await UserGetter.promises.getUser(userId, {
+    _id: 1,
+    email: 1,
+    first_name: 1,
+    last_name: 1,
+  })
+  await NewsletterManager.promises.subscribe(user)
+  res.json({
+    message: req.i18n.translate('thanks_settings_updated'),
+  })
+}
+
+async function unsubscribe(req, res, next) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  req.logger.addFields({ userId })
+
+  const user = await UserGetter.promises.getUser(userId, {
+    _id: 1,
+    email: 1,
+    first_name: 1,
+    last_name: 1,
+  })
+  await NewsletterManager.promises.unsubscribe(user)
+  await Modules.promises.hooks.fire('newsletterUnsubscribed', user)
+  res.json({
+    message: req.i18n.translate('thanks_settings_updated'),
+  })
+}
+
+async function updateUserSettings(req, res, next) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  req.logger.addFields({ userId })
+
+  const user = await User.findById(userId).exec()
+  if (user == null) {
+    throw new OError('problem updating user settings', { userId })
+  }
+
+  if (req.body.first_name != null) {
+    user.first_name = req.body.first_name.trim()
+  }
+  if (req.body.last_name != null) {
+    user.last_name = req.body.last_name.trim()
+  }
+  if (req.body.role != null) {
+    user.role = req.body.role.trim()
+  }
+  if (req.body.institution != null) {
+    user.institution = req.body.institution.trim()
+  }
+  if (req.body.mode != null) {
+    user.ace.mode = req.body.mode
+  }
+  if (req.body.editorTheme != null) {
+    user.ace.theme = req.body.editorTheme
+  }
+  if (req.body.overallTheme != null) {
+    user.ace.overallTheme = req.body.overallTheme
+  }
+  if (req.body.fontSize != null) {
+    user.ace.fontSize = req.body.fontSize
+  }
+  if (req.body.autoComplete != null) {
+    user.ace.autoComplete = req.body.autoComplete
+  }
+  if (req.body.autoPairDelimiters != null) {
+    user.ace.autoPairDelimiters = req.body.autoPairDelimiters
+  }
+  if (req.body.spellCheckLanguage != null) {
+    user.ace.spellCheckLanguage = req.body.spellCheckLanguage
+  }
+  if (req.body.pdfViewer != null) {
+    user.ace.pdfViewer = req.body.pdfViewer
+  }
+  if (req.body.syntaxValidation != null) {
+    user.ace.syntaxValidation = req.body.syntaxValidation
+  }
+  if (req.body.fontFamily != null) {
+    user.ace.fontFamily = req.body.fontFamily
+  }
+  if (req.body.lineHeight != null) {
+    user.ace.lineHeight = req.body.lineHeight
+  }
+  if (req.body.mathPreview != null) {
+    user.ace.mathPreview = req.body.mathPreview
+  }
+  if (req.body.referencesSearchMode != null) {
+    const mode =
+      req.body.referencesSearchMode === 'simple' ? 'simple' : 'advanced'
+    user.ace.referencesSearchMode = mode
+  }
+  if (req.body.enableNewEditor != null) {
+    user.ace.enableNewEditor = Boolean(req.body.enableNewEditor)
+  }
+  await user.save()
+
+  const newEmail = req.body.email?.trim().toLowerCase()
+  if (
+    newEmail == null ||
+    newEmail === user.email ||
+    req.externalAuthenticationSystemUsed()
+  ) {
+    // end here, don't update email
+    SessionManager.setInSessionUser(req.session, {
+      first_name: user.first_name,
+      last_name: user.last_name,
+    })
+    res.sendStatus(200)
+  } else if (newEmail.indexOf('@') === -1) {
+    // email invalid
+    res.sendStatus(400)
+  } else {
+    // update the user email
+    const auditLog = {
+      initiatorId: userId,
+      ipAddress: req.ip,
+    }
+
+    try {
+      await UserUpdater.promises.changeEmailAddress(userId, newEmail, auditLog)
+    } catch (err) {
+      if (err instanceof Errors.EmailExistsError) {
+        const translation = req.i18n.translate('email_already_registered')
+        return HttpErrorHandler.conflict(req, res, translation)
+      } else {
+        return HttpErrorHandler.legacyInternal(
+          req,
+          res,
+          req.i18n.translate('problem_changing_email_address'),
+          OError.tag(err, 'problem_changing_email_address', {
+            userId,
+            newEmail,
+          })
+        )
+      }
+    }
+
+    const user = await User.findById(userId).exec()
+    SessionManager.setInSessionUser(req.session, {
+      email: user.email,
+      first_name: user.first_name,
+      last_name: user.last_name,
+    })
+
+    try {
+      await UserHandler.promises.populateTeamInvites(user)
+    } catch (err) {
+      logger.error({ err }, 'error populateTeamInvites')
+    }
+
+    res.sendStatus(200)
+  }
+}
+
+async function doLogout(req) {
+  metrics.inc('user.logout')
+  const user = SessionManager.getSessionUser(req.session)
+  logger.debug({ user }, 'logging out')
+  const sessionId = req.sessionID
+
+  if (typeof req.logout === 'function') {
+    // passport logout
+    const logout = promisify(req.logout.bind(req))
+    await logout()
+  }
+
+  const destroySession = promisify(req.session.destroy.bind(req.session))
+  await destroySession()
+
+  if (user != null) {
+    UserSessionsManager.promises.untrackSession(user, sessionId).catch(err => {
+      logger.warn({ err, userId: user._id }, 'failed to untrack session')
+    })
+  }
+}
+
+async function logout(req, res, next) {
+  const requestedRedirect = req.body.redirect
+    ? UrlHelper.getSafeRedirectPath(req.body.redirect)
+    : undefined
+  const redirectUrl = requestedRedirect || '/login'
+
+  await doLogout(req)
+
+  if (acceptsJson(req)) {
+    res.status(200).json({ redir: redirectUrl })
+  } else {
+    res.redirect(redirectUrl)
+  }
+}
+
+async function expireDeletedUser(req, res, next) {
+  const userId = req.params.userId
+  await UserDeleter.promises.expireDeletedUser(userId)
+  res.sendStatus(204)
+}
+
+async function expireDeletedUsersAfterDuration(req, res, next) {
+  await UserDeleter.promises.expireDeletedUsersAfterDuration()
+  res.sendStatus(204)
+}
+
+module.exports = {
+  clearSessions: expressify(clearSessions),
+  changePassword: expressify(changePassword),
+  tryDeleteUser: expressify(tryDeleteUser),
+  subscribe: expressify(subscribe),
+  unsubscribe: expressify(unsubscribe),
+  updateUserSettings: expressify(updateUserSettings),
+  logout: expressify(logout),
+  expireDeletedUser: expressify(expireDeletedUser),
+  expireDeletedUsersAfterDuration: expressify(expireDeletedUsersAfterDuration),
+  ensureAffiliationMiddleware: expressify(ensureAffiliationMiddleware),
+  ensureAffiliation,
+}
diff --git a/services/web/app/src/Features/User/UserCreator.js b/services/web/app/src/Features/User/UserCreator.js
new file mode 100644
index 0000000..390d925
--- /dev/null
+++ b/services/web/app/src/Features/User/UserCreator.js
@@ -0,0 +1,145 @@
+const logger = require('@overleaf/logger')
+const util = require('util')
+const { AffiliationError } = require('../Errors/Errors')
+const Features = require('../../infrastructure/Features')
+const { User } = require('../../models/User')
+const UserDeleter = require('./UserDeleter')
+const UserGetter = require('./UserGetter')
+const UserUpdater = require('./UserUpdater')
+const Analytics = require('../Analytics/AnalyticsManager')
+const UserOnboardingEmailManager = require('./UserOnboardingEmailManager')
+const UserPostRegistrationAnalyticsManager = require('./UserPostRegistrationAnalyticsManager')
+const OError = require('@overleaf/o-error')
+
+async function _addAffiliation(user, affiliationOptions) {
+  try {
+    await UserUpdater.promises.addAffiliationForNewUser(
+      user._id,
+      user.email,
+      affiliationOptions
+    )
+  } catch (error) {
+    throw new AffiliationError('add affiliation failed').withCause(error)
+  }
+
+  try {
+    user = await UserGetter.promises.getUser(user._id)
+  } catch (error) {
+    logger.error(
+      OError.tag(error, 'could not get fresh user data', {
+        userId: user._id,
+        email: user.email,
+      })
+    )
+  }
+  return user
+}
+
+async function recordRegistrationEvent(user) {
+  try {
+    const segmentation = {
+      'home-registration': 'default',
+    }
+    if (user.thirdPartyIdentifiers && user.thirdPartyIdentifiers.length > 0) {
+      segmentation.provider = user.thirdPartyIdentifiers[0].providerId
+    }
+    Analytics.recordEventForUserInBackground(
+      user._id,
+      'user-registered',
+      segmentation
+    )
+  } catch (err) {
+    logger.warn({ err }, 'there was an error recording `user-registered` event')
+  }
+}
+
+async function createNewUser(attributes, options = {}) {
+  let user = new User()
+
+  if (attributes.first_name == null || attributes.first_name === '') {
+    attributes.first_name = attributes.email.split('@')[0]
+  }
+
+  Object.assign(user, attributes)
+
+  user.ace.syntaxValidation = true
+
+  const reversedHostname = user.email.split('@')[1].split('').reverse().join('')
+
+  const emailData = {
+    email: user.email,
+    createdAt: new Date(),
+    reversedHostname,
+  }
+  if (Features.hasFeature('affiliations')) {
+    emailData.affiliationUnchecked = true
+  }
+  if (
+    attributes.samlIdentifiers &&
+    attributes.samlIdentifiers[0] &&
+    attributes.samlIdentifiers[0].providerId
+  ) {
+    emailData.samlProviderId = attributes.samlIdentifiers[0].providerId
+  }
+
+  const affiliationOptions = options.affiliationOptions || {}
+
+  if (options.confirmedAt) {
+    emailData.confirmedAt = options.confirmedAt
+    affiliationOptions.confirmedAt = options.confirmedAt
+  }
+  user.emails = [emailData]
+
+  user = await user.save()
+
+  if (Features.hasFeature('affiliations')) {
+    try {
+      user = await _addAffiliation(user, affiliationOptions)
+    } catch (error) {
+      if (options.requireAffiliation) {
+        await UserDeleter.promises.deleteMongoUser(user._id)
+        throw OError.tag(error)
+      } else {
+        const err = OError.tag(error, 'adding affiliations failed')
+        logger.error({ err, userId: user._id }, err.message)
+      }
+    }
+  }
+
+  await recordRegistrationEvent(user)
+  await Analytics.setUserPropertyForUser(user._id, 'created-at', new Date())
+  await Analytics.setUserPropertyForUser(user._id, 'user-id', user._id)
+  if (attributes.analyticsId) {
+    await Analytics.setUserPropertyForUser(
+      user._id,
+      'analytics-id',
+      attributes.analyticsId
+    )
+  }
+
+  if (Features.hasFeature('saas')) {
+    try {
+      await UserOnboardingEmailManager.scheduleOnboardingEmail(user)
+      await UserPostRegistrationAnalyticsManager.schedulePostRegistrationAnalytics(
+        user
+      )
+    } catch (error) {
+      logger.error(
+        OError.tag(error, 'Failed to schedule sending of onboarding email', {
+          userId: user._id,
+        })
+      )
+    }
+  }
+
+  return user
+}
+
+const UserCreator = {
+  createNewUser: util.callbackify(createNewUser),
+  promises: {
+    createNewUser,
+  },
+}
+
+module.exports = UserCreator
diff --git a/services/web/app/src/Features/User/UserDeleter.js b/services/web/app/src/Features/User/UserDeleter.js
new file mode 100644
index 0000000..4009419
--- /dev/null
+++ b/services/web/app/src/Features/User/UserDeleter.js
@@ -0,0 +1,174 @@
+const { callbackify } = require('util')
+const logger = require('@overleaf/logger')
+const moment = require('moment')
+const { User } = require('../../models/User')
+const { DeletedUser } = require('../../models/DeletedUser')
+const { UserAuditLogEntry } = require('../../models/UserAuditLogEntry')
+const { Feedback } = require('../../models/Feedback')
+const NewsletterManager = require('../Newsletter/NewsletterManager')
+const ProjectDeleter = require('../Project/ProjectDeleter')
+const SubscriptionHandler = require('../Subscription/SubscriptionHandler')
+const SubscriptionUpdater = require('../Subscription/SubscriptionUpdater')
+const SubscriptionLocator = require('../Subscription/SubscriptionLocator')
+const UserMembershipsHandler = require('../UserMembership/UserMembershipsHandler')
+const UserSessionsManager = require('./UserSessionsManager')
+const UserAuditLogHandler = require('./UserAuditLogHandler')
+const InstitutionsAPI = require('../Institutions/InstitutionsAPI')
+const Modules = require('../../infrastructure/Modules')
+const Errors = require('../Errors/Errors')
+const OnboardingDataCollectionManager = require('../OnboardingDataCollection/OnboardingDataCollectionManager')
+const EmailHandler = require('../Email/EmailHandler')
+
+module.exports = {
+  deleteUser: callbackify(deleteUser),
+  deleteMongoUser: callbackify(deleteMongoUser),
+  expireDeletedUser: callbackify(expireDeletedUser),
+  ensureCanDeleteUser: callbackify(ensureCanDeleteUser),
+  expireDeletedUsersAfterDuration: callbackify(expireDeletedUsersAfterDuration),
+
+  promises: {
+    deleteUser,
+    deleteMongoUser,
+    expireDeletedUser,
+    ensureCanDeleteUser,
+    expireDeletedUsersAfterDuration,
+  },
+}
+
+async function deleteUser(userId, options) {
+  if (!userId) {
+    logger.warn('user_id is null when trying to delete user')
+    throw new Error('no user_id')
+  }
+
+  try {
+    const user = await User.findById(userId).exec()
+    logger.debug({ user }, 'deleting user')
+
+    await ensureCanDeleteUser(user)
+    await _cleanupUser(user)
+    await Modules.promises.hooks.fire('deleteUser', userId)
+    await UserAuditLogHandler.promises.addEntry(
+      userId,
+      'delete-account',
+      options.deleterUser ? options.deleterUser._id : userId,
+      options.ipAddress
+    )
+    await _createDeletedUser(user, options)
+    await ProjectDeleter.promises.deleteUsersProjects(user._id)
+    await _sendDeleteEmail(user, options.force)
+    await deleteMongoUser(user._id)
+  } catch (error) {
+    logger.warn({ error, userId }, 'something went wrong deleting the user')
+    throw error
+  }
+}
+
+/**
+ * delete a user document only
+ */
+async function deleteMongoUser(userId) {
+  if (!userId) {
+    throw new Error('no user_id')
+  }
+
+  await User.deleteOne({ _id: userId }).exec()
+}
+
+async function expireDeletedUser(userId) {
+  await Modules.promises.hooks.fire('expireDeletedUser', userId)
+  const deletedUser = await DeletedUser.findOne({
+    'deleterData.deletedUserId': userId,
+  }).exec()
+
+  await Feedback.deleteMany({ userId }).exec()
+  await OnboardingDataCollectionManager.deleteOnboardingDataCollection(userId)
+
+  deletedUser.user = undefined
+  deletedUser.deleterData.deleterIpAddress = undefined
+  await deletedUser.save()
+}
+
+async function expireDeletedUsersAfterDuration() {
+  const DURATION = 90
+  const deletedUsers = await DeletedUser.find({
+    'deleterData.deletedAt': {
+      $lt: new Date(moment().subtract(DURATION, 'days')),
+    },
+    user: { $type: 'object' },
+  }).exec()
+
+  if (deletedUsers.length === 0) {
+    return
+  }
+
+  for (let i = 0; i < deletedUsers.length; i++) {
+    const deletedUserId = deletedUsers[i].deleterData.deletedUserId
+    await expireDeletedUser(deletedUserId)
+    await UserAuditLogEntry.deleteMany({ userId: deletedUserId }).exec()
+  }
+}
+
+async function ensureCanDeleteUser(user) {
+  const subscription =
+    await SubscriptionLocator.promises.getUsersSubscription(user)
+  if (subscription) {
+    throw new Errors.SubscriptionAdminDeletionError({})
+  }
+}
+
+async function _sendDeleteEmail(user, force) {
+  const emailOptions = {
+    to: user.email,
+    action: 'account deleted',
+    actionDescribed: 'your Overleaf account was deleted',
+  }
+  try {
+    await EmailHandler.promises.sendEmail('securityAlert', emailOptions)
+  } catch (error) {
+    if (force) {
+      logger.error(
+        { error },
+        'error sending account deletion email notification'
+      )
+    } else {
+      throw error
+    }
+  }
+}
+
+async function _createDeletedUser(user, options) {
+  await DeletedUser.updateOne(
+    { 'deleterData.deletedUserId': user._id },
+    {
+      user,
+      deleterData: {
+        deletedAt: new Date(),
+        deleterId: options.deleterUser ? options.deleterUser._id : undefined,
+        deleterIpAddress: options.ipAddress,
+        deletedUserId: user._id,
+        deletedUserLastLoggedIn: user.lastLoggedIn,
+        deletedUserSignUpDate: user.signUpDate,
+        deletedUserLoginCount: user.loginCount,
+        deletedUserReferralId: user.referal_id,
+        deletedUserReferredUsers: user.refered_users,
+        deletedUserReferredUserCount: user.refered_user_count,
+        deletedUserOverleafId: user.overleaf ? user.overleaf.id : undefined,
+      },
+    },
+    { upsert: true }
+  )
+}
+
+async function _cleanupUser(user) {
+  await UserSessionsManager.promises.removeSessionsFromRedis(user)
+  await NewsletterManager.promises.unsubscribe(user, { delete: true })
+  await SubscriptionHandler.promises.cancelSubscription(user)
+  await InstitutionsAPI.promises.deleteAffiliations(user._id)
+  await SubscriptionUpdater.promises.removeUserFromAllGroups(user._id)
+  await UserMembershipsHandler.promises.removeUserFromAllEntities(user._id)
+  await Modules.promises.hooks.fire('cleanupPersonalAccessTokens', user._id, [
+    'collabratec',
+    'git_bridge',
+  ])
+}
diff --git a/services/web/app/src/Features/User/UserEmailsConfirmationHandler.js b/services/web/app/src/Features/User/UserEmailsConfirmationHandler.js
new file mode 100644
index 0000000..b349c97
--- /dev/null
+++ b/services/web/app/src/Features/User/UserEmailsConfirmationHandler.js
@@ -0,0 +1,139 @@
+const EmailHelper = require('../Helpers/EmailHelper')
+const EmailHandler = require('../Email/EmailHandler')
+const OneTimeTokenHandler = require('../Security/OneTimeTokenHandler')
+const settings = require('@overleaf/settings')
+const Errors = require('../Errors/Errors')
+const UserUpdater = require('./UserUpdater')
+const UserGetter = require('./UserGetter')
+const { callbackify, promisify } = require('util')
+const crypto = require('crypto')
+const SessionManager = require('../Authentication/SessionManager')
+
+// Reject email confirmation tokens after 90 days
+const TOKEN_EXPIRY_IN_S = 90 * 24 * 60 * 60
+const TOKEN_USE = 'email_confirmation'
+const CONFIRMATION_CODE_EXPIRY_IN_S = 10 * 60
+
+function sendConfirmationEmail(userId, email, emailTemplate, callback) {
+  if (arguments.length === 3) {
+    callback = emailTemplate
+    emailTemplate = 'confirmEmail'
+  }
+
+  email = EmailHelper.parseEmail(email)
+  if (!email) {
+    return callback(new Error('invalid email'))
+  }
+  const data = { user_id: userId, email }
+  OneTimeTokenHandler.getNewToken(
+    TOKEN_USE,
+    data,
+    { expiresIn: TOKEN_EXPIRY_IN_S },
+    function (err, token) {
+      if (err) {
+        return callback(err)
+      }
+      const emailOptions = {
+        to: email,
+        confirmEmailUrl: `${settings.siteUrl}/user/emails/confirm?token=${token}`,
+        sendingUser_id: userId,
+      }
+      EmailHandler.sendEmail(emailTemplate, emailOptions, callback)
+    }
+  )
+}
+
+async function sendConfirmationCode(email, welcomeUser) {
+  if (!EmailHelper.parseEmail(email)) {
+    throw new Error('invalid email')
+  }
+
+  const confirmCode = crypto.randomInt(0, 1_000_000).toString().padStart(6, '0')
+  const confirmCodeExpiresTimestamp =
+    Date.now() + CONFIRMATION_CODE_EXPIRY_IN_S * 1000
+
+  await EmailHandler.promises.sendEmail('confirmCode', {
+    to: email,
+    confirmCode,
+    welcomeUser,
+    category: ['ConfirmEmail'],
+  })
+
+  return {
+    confirmCode,
+    confirmCodeExpiresTimestamp,
+  }
+}
+
+async function sendReconfirmationEmail(userId, email) {
+  email = EmailHelper.parseEmail(email)
+  if (!email) {
+    throw new Error('invalid email')
+  }
+
+  const data = { user_id: userId, email }
+  const token = await OneTimeTokenHandler.promises.getNewToken(
+    TOKEN_USE,
+    data,
+    { expiresIn: TOKEN_EXPIRY_IN_S }
+  )
+
+  const emailOptions = {
+    to: email,
+    confirmEmailUrl: `${settings.siteUrl}/user/emails/confirm?token=${token}`,
+    sendingUser_id: userId,
+  }
+
+  await EmailHandler.promises.sendEmail('reconfirmEmail', emailOptions)
+}
+
+async function confirmEmailFromToken(req, token) {
+  const { data } = await OneTimeTokenHandler.promises.peekValueFromToken(
+    TOKEN_USE,
+    token
+  )
+  if (!data) {
+    throw new Errors.NotFoundError('no token found')
+  }
+
+  const loggedInUserId = SessionManager.getLoggedInUserId(req.session)
+  // user_id may be stored as an ObjectId or string
+  const userId = data.user_id?.toString()
+  const email = data.email
+  if (!userId || email !== EmailHelper.parseEmail(email)) {
+    throw new Errors.NotFoundError('invalid data')
+  }
+  if (loggedInUserId !== userId) {
+    throw new Errors.ForbiddenError('logged in user does not match token user')
+  }
+  const user = await UserGetter.promises.getUser(userId, { emails: 1 })
+  if (!user) {
+    throw new Errors.NotFoundError('user not found')
+  }
+  const emailExists = user.emails.some(emailData => emailData.email === email)
+  if (!emailExists) {
+    throw new Errors.NotFoundError('email missing for user')
+  }
+
+  await OneTimeTokenHandler.promises.expireToken(TOKEN_USE, token)
+  await UserUpdater.promises.confirmEmail(userId, email)
+
+  return { userId, email }
+}
+
+const UserEmailsConfirmationHandler = {
+  sendConfirmationEmail,
+
+  sendReconfirmationEmail: callbackify(sendReconfirmationEmail),
+
+  confirmEmailFromToken: callbackify(confirmEmailFromToken),
+}
+
+UserEmailsConfirmationHandler.promises = {
+  sendConfirmationEmail: promisify(sendConfirmationEmail),
+  confirmEmailFromToken,
+  sendConfirmationCode,
+  sendReconfirmationEmail,
+}
+
+module.exports = UserEmailsConfirmationHandler
diff --git a/services/web/app/src/Features/User/UserEmailsController.js b/services/web/app/src/Features/User/UserEmailsController.js
new file mode 100644
index 0000000..54ace10
--- /dev/null
+++ b/services/web/app/src/Features/User/UserEmailsController.js
@@ -0,0 +1,829 @@
+const AuthenticationController = require('../Authentication/AuthenticationController')
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const SessionManager = require('../Authentication/SessionManager')
+const UserGetter = require('./UserGetter')
+const UserUpdater = require('./UserUpdater')
+const UserSessionsManager = require('./UserSessionsManager')
+const EmailHandler = require('../Email/EmailHandler')
+const EmailHelper = require('../Helpers/EmailHelper')
+const UserEmailsConfirmationHandler = require('./UserEmailsConfirmationHandler')
+const { endorseAffiliation } = require('../Institutions/InstitutionsAPI')
+const Errors = require('../Errors/Errors')
+const HttpErrorHandler = require('../Errors/HttpErrorHandler')
+const { expressify } = require('@overleaf/promise-utils')
+const AsyncFormHelper = require('../Helpers/AsyncFormHelper')
+const AnalyticsManager = require('../Analytics/AnalyticsManager')
+const UserPrimaryEmailCheckHandler = require('../User/UserPrimaryEmailCheckHandler')
+const UserAuditLogHandler = require('./UserAuditLogHandler')
+const { RateLimiter } = require('../../infrastructure/RateLimiter')
+const Features = require('../../infrastructure/Features')
+const tsscmp = require('tsscmp')
+const Modules = require('../../infrastructure/Modules')
+const SplitTestHandler = require('../SplitTests/SplitTestHandler')
+
+const AUDIT_LOG_TOKEN_PREFIX_LENGTH = 10
+
+const sendConfirmCodeRateLimiter = new RateLimiter('send-confirmation-code', {
+  points: 1,
+  duration: 60,
+})
+const checkConfirmCodeRateLimiter = new RateLimiter(
+  'check-confirmation-code-per-email',
+  {
+    points: 10,
+    duration: 60,
+  }
+)
+const resendConfirmCodeRateLimiter = new RateLimiter(
+  'resend-confirmation-code',
+  {
+    points: 1,
+    duration: 60,
+  }
+)
+
+async function _sendSecurityAlertEmail(user, email) {
+  const emailOptions = {
+    to: user.email,
+    actionDescribed: `a secondary email address has been added to your account ${user.email}`,
+    message: [
+      `<span style="display:inline-block;padding: 0 20px;width:100%;">Added: <br/><b>${email}</b></span>`,
+    ],
+    action: 'secondary email address added',
+  }
+  await EmailHandler.promises.sendEmail('securityAlert', emailOptions)
+}
+
+/**
+ * This method is for adding a secondary email to be confirmed via an emailed link.
+ * For code confirmation, see the `addWithConfirmationCode` method in this file.
+ */
+async function add(req, res, next) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const email = EmailHelper.parseEmail(req.body.email)
+  if (!email) {
+    return res.sendStatus(422)
+  }
+  const user = await UserGetter.promises.getUser(userId, {
+    email: 1,
+    'emails.email': 1,
+  })
+
+  if (user.emails.length >= Settings.emailAddressLimit) {
+    return res.status(422).json({ message: 'secondary email limit exceeded' })
+  }
+
+  const affiliationOptions = {
+    university: req.body.university,
+    role: req.body.role,
+    department: req.body.department,
+  }
+
+  try {
+    await UserUpdater.promises.addEmailAddress(
+      userId,
+      email,
+      affiliationOptions,
+      {
+        initiatorId: user._id,
+        ipAddress: req.ip,
+      }
+    )
+  } catch (error) {
+    return UserEmailsController._handleEmailError(error, req, res, next)
+  }
+
+  await _sendSecurityAlertEmail(user, email)
+
+  await UserEmailsConfirmationHandler.promises.sendConfirmationEmail(
+    userId,
+    email
+  )
+
+  res.sendStatus(204)
+}
+
+async function resendConfirmation(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const email = EmailHelper.parseEmail(req.body.email)
+  if (!email) {
+    return res.sendStatus(422)
+  }
+  const user = await UserGetter.promises.getUserByAnyEmail(email, { _id: 1 })
+
+  if (!user || user._id.toString() !== userId) {
+    return res.sendStatus(422)
+  }
+
+  await UserEmailsConfirmationHandler.promises.sendConfirmationEmail(
+    userId,
+    email
+  )
+  res.sendStatus(200)
+}
+
+async function sendReconfirmation(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const email = EmailHelper.parseEmail(req.body.email)
+  if (!email) {
+    return res.sendStatus(400)
+  }
+  const user = await UserGetter.promises.getUserByAnyEmail(email, { _id: 1 })
+
+  if (!user || user._id.toString() !== userId) {
+    return res.sendStatus(422)
+  }
+  await UserEmailsConfirmationHandler.promises.sendReconfirmationEmail(
+    userId,
+    email
+  )
+
+  res.sendStatus(204)
+}
+
+async function sendExistingSecondaryEmailConfirmationCode(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const email = EmailHelper.parseEmail(req.body.email)
+  if (!email) {
+    return res.sendStatus(400)
+  }
+  const user = await UserGetter.promises.getUserByAnyEmail(email, {
+    _id: 1,
+    email,
+  })
+  if (!user || user._id.toString() !== userId) {
+    return res.sendStatus(422)
+  }
+  await sendCodeAndStoreInSession(req, 'pendingExistingEmail', email)
+  res.sendStatus(204)
+}
+
+/**
+ * This method is for adding a secondary email to be confirmed via a code.
+ * For email link confirmation see the `add` method in this file.
+ */
+async function addWithConfirmationCode(req, res) {
+  delete req.session.pendingSecondaryEmail
+
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const email = EmailHelper.parseEmail(req.body.email)
+  const affiliationOptions = {
+    university: req.body.university,
+    role: req.body.role,
+    department: req.body.department,
+  }
+
+  if (!email) {
+    return res.sendStatus(422)
+  }
+
+  const user = await UserGetter.promises.getUser(userId, {
+    email: 1,
+    'emails.email': 1,
+  })
+
+  if (user.emails.length >= Settings.emailAddressLimit) {
+    return res.status(422).json({ message: 'secondary email limit exceeded' })
+  }
+
+  try {
+    await UserGetter.promises.ensureUniqueEmailAddress(email)
+
+    await sendConfirmCodeRateLimiter.consume(email, 1, {
+      method: 'email',
+    })
+
+    await UserAuditLogHandler.promises.addEntry(
+      userId,
+      'request-add-email-code',
+      userId,
+      req.ip,
+      {
+        newSecondaryEmail: email,
+      }
+    )
+
+    await sendCodeAndStoreInSession(
+      req,
+      'pendingSecondaryEmail',
+      email,
+      affiliationOptions
+    )
+
+    return res.sendStatus(200)
+  } catch (err) {
+    if (err.name === 'EmailExistsError') {
+      return res.status(409).json({
+        message: {
+          type: 'error',
+          text: req.i18n.translate('email_already_registered'),
+        },
+      })
+    }
+
+    if (err?.remainingPoints === 0) {
+      return res.status(429).json({})
+    }
+
+    logger.err({ err }, 'failed to send confirmation code')
+
+    delete req.session.pendingSecondaryEmail
+
+    return res.status(500).json({
+      message: {
+        key: 'error_performing_request',
+      },
+    })
+  }
+}
+
+/**
+ * @param {import('express').Request} req
+ * @param {string} sessionKey
+ * @param {string} email
+ * @param affiliationOptions
+ * @returns {Promise<void>}
+ */
+async function sendCodeAndStoreInSession(
+  req,
+  sessionKey,
+  email,
+  affiliationOptions
+) {
+  const { confirmCode, confirmCodeExpiresTimestamp } =
+    await UserEmailsConfirmationHandler.promises.sendConfirmationCode(
+      email,
+      false
+    )
+  req.session[sessionKey] = {
+    email,
+    confirmCode,
+    confirmCodeExpiresTimestamp,
+    affiliationOptions,
+  }
+}
+
+/**
+ * @param {string} sessionKey
+ * @param {(req: import('express').Request, user: any, email: string, affiliationOptions: any) => Promise<void>} beforeConfirmEmail
+ * @returns {Promise<*>}
+ */
+const _checkConfirmationCode =
+  (sessionKey, beforeConfirmEmail) => async (req, res) => {
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    const code = req.body.code
+    const user = await UserGetter.promises.getUser(userId, {
+      email: 1,
+      'emails.email': 1,
+    })
+
+    const sessionData = req.session[sessionKey]
+
+    if (!sessionData) {
+      logger.err({}, `error checking confirmation code. missing ${sessionKey}`)
+
+      return res.status(422).json({
+        message: {
+          key: 'error_performing_request',
+        },
+      })
+    }
+
+    const emailToCheck = sessionData.email
+
+    try {
+      await checkConfirmCodeRateLimiter.consume(emailToCheck, 1, {
+        method: 'email',
+      })
+    } catch (err) {
+      if (err?.remainingPoints === 0) {
+        return res.sendStatus(429)
+      } else {
+        return res.status(500).json({
+          message: {
+            key: 'error_performing_request',
+          },
+        })
+      }
+    }
+
+    if (sessionData.confirmCodeExpiresTimestamp < Date.now()) {
+      return res.status(403).json({
+        message: { key: 'expired_confirmation_code' },
+      })
+    }
+
+    if (!tsscmp(sessionData.confirmCode, code)) {
+      return res.status(403).json({
+        message: { key: 'invalid_confirmation_code' },
+      })
+    }
+
+    try {
+      await beforeConfirmEmail(
+        req,
+        user,
+        emailToCheck,
+        sessionData.affiliationOptions
+      )
+
+      await UserUpdater.promises.confirmEmail(
+        userId,
+        emailToCheck,
+        sessionData.affiliationOptions
+      )
+
+      delete req.session[sessionKey]
+
+      AnalyticsManager.recordEventForUserInBackground(
+        user._id,
+        'email-verified',
+        {
+          provider: 'email',
+          verification_type: 'token',
+          isPrimary: user.email === emailToCheck,
+        }
+      )
+
+      const redirectUrl =
+        AuthenticationController.getRedirectFromSession(req) || '/project'
+
+      return res.json({
+        redir: redirectUrl,
+      })
+    } catch (error) {
+      if (error.name === 'EmailExistsError') {
+        return res.status(409).json({
+          message: {
+            type: 'error',
+            text: req.i18n.translate('email_already_registered'),
+          },
+        })
+      }
+
+      logger.err({ error }, 'failed to check confirmation code')
+
+      return res.status(500).json({
+        message: {
+          key: 'error_performing_request',
+        },
+      })
+    }
+  }
+
+const checkNewSecondaryEmailConfirmationCode = _checkConfirmationCode(
+  'pendingSecondaryEmail',
+  async (req, user, email, affiliationOptions) => {
+    await UserAuditLogHandler.promises.addEntry(
+      user._id,
+      'add-email-via-code',
+      user._id,
+      req.ip,
+      { newSecondaryEmail: email }
+    )
+    await _sendSecurityAlertEmail(user, email)
+    await UserUpdater.promises.addEmailAddress(
+      user._id,
+      email,
+      affiliationOptions,
+      {
+        initiatorId: user._id,
+        ipAddress: req.ip,
+      }
+    )
+  }
+)
+
+const checkExistingEmailConfirmationCode = _checkConfirmationCode(
+  'pendingExistingEmail',
+  async (req, user, email) => {
+    await UserAuditLogHandler.promises.addEntry(
+      user._id,
+      'confirm-email-via-code',
+      user._id,
+      req.ip,
+      { email }
+    )
+  }
+)
+
+const _resendConfirmationCode =
+  (sessionKey, operation, auditLogEmailKey) => async (req, res) => {
+    const sessionData = req.session[sessionKey]
+    if (!sessionData) {
+      logger.err({}, `error resending confirmation code. missing ${sessionKey}`)
+      return res.status(422).json({
+        message: {
+          key: 'error_performing_request',
+        },
+      })
+    }
+
+    const email = sessionData.email
+
+    try {
+      await resendConfirmCodeRateLimiter.consume(email, 1, { method: 'email' })
+    } catch (err) {
+      if (err?.remainingPoints === 0) {
+        return res.status(429).json({})
+      } else {
+        throw err
+      }
+    }
+
+    const userId = SessionManager.getLoggedInUserId(req.session)
+
+    try {
+      await UserAuditLogHandler.promises.addEntry(
+        userId,
+        operation,
+        userId,
+        req.ip,
+        { [auditLogEmailKey]: email }
+      )
+
+      const { confirmCode, confirmCodeExpiresTimestamp } =
+        await UserEmailsConfirmationHandler.promises.sendConfirmationCode(
+          email,
+          false
+        )
+
+      sessionData.confirmCode = confirmCode
+      sessionData.confirmCodeExpiresTimestamp = confirmCodeExpiresTimestamp
+
+      return res.status(200).json({ message: { key: 'we_sent_new_code' } })
+    } catch (err) {
+      logger.err({ err, userId, email }, 'failed to send confirmation code')
+      return res.status(500).json({ key: 'error_performing_request' })
+    }
+  }
+
+const resendNewSecondaryEmailConfirmationCode = _resendConfirmationCode(
+  'pendingSecondaryEmail',
+  'resend-add-email-code',
+  'newSecondaryEmail'
+)
+
+const resendExistingSecondaryEmailConfirmationCode = _resendConfirmationCode(
+  'pendingExistingEmail',
+  'resend-confirm-email-code',
+  'email'
+)
+
+async function confirmSecondaryEmailPage(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+
+  if (!req.session.pendingSecondaryEmail) {
+    const redirectURL =
+      AuthenticationController.getRedirectFromSession(req) || '/project'
+    return res.redirect(redirectURL)
+  }
+
+  AnalyticsManager.recordEventForUserInBackground(
+    userId,
+    'confirm-secondary-email-page-displayed'
+  )
+
+  res.render('user/confirmSecondaryEmail', {
+    email: req.session.pendingSecondaryEmail.email,
+  })
+}
+
+async function addSecondaryEmailPage(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+
+  const confirmedEmails =
+    await UserGetter.promises.getUserConfirmedEmails(userId)
+
+  if (confirmedEmails.length >= 2) {
+    const redirectURL =
+      AuthenticationController.getRedirectFromSession(req) || '/project'
+    return res.redirect(redirectURL)
+  }
+
+  AnalyticsManager.recordEventForUserInBackground(
+    userId,
+    'add-secondary-email-page-displayed'
+  )
+
+  res.render('user/addSecondaryEmail')
+}
+
+async function primaryEmailCheckPage(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const user = await UserGetter.promises.getUser(userId, {
+    lastPrimaryEmailCheck: 1,
+    signUpDate: 1,
+    email: 1,
+    emails: 1,
+  })
+
+  if (!UserPrimaryEmailCheckHandler.requiresPrimaryEmailCheck(user)) {
+    return res.redirect('/project')
+  }
+
+  AnalyticsManager.recordEventForUserInBackground(
+    userId,
+    'primary-email-check-page-displayed'
+  )
+  const { variant } = await SplitTestHandler.promises.getAssignment(
+    req,
+    res,
+    'auth-pages-bs5'
+  )
+
+  const template =
+    variant === 'enabled'
+      ? 'user/primaryEmailCheck-bs5'
+      : 'user/primaryEmailCheck'
+
+  res.render(template)
+}
+
+async function primaryEmailCheck(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  await UserUpdater.promises.updateUser(userId, {
+    $set: { lastPrimaryEmailCheck: new Date() },
+  })
+
+  AnalyticsManager.recordEventForUserInBackground(
+    userId,
+    'primary-email-check-done'
+  )
+
+  // We want to redirect to prompt a user to add a secondary email if their primary
+  // is an institutional email and they dont' already have a secondary.
+  if (Features.hasFeature('saas') && req.capabilitySet.has('add-affiliation')) {
+    const confirmedEmails =
+      await UserGetter.promises.getUserConfirmedEmails(userId)
+
+    if (confirmedEmails.length < 2) {
+      const { email: primaryEmail } = SessionManager.getSessionUser(req.session)
+      const primaryEmailDomain = EmailHelper.getDomain(primaryEmail)
+
+      const institution = (
+        await Modules.promises.hooks.fire(
+          'getInstitutionViaDomain',
+          primaryEmailDomain
+        )
+      )?.[0]
+
+      if (institution) {
+        return AsyncFormHelper.redirect(req, res, '/user/emails/add-secondary')
+      }
+    }
+  }
+
+  AsyncFormHelper.redirect(req, res, '/project')
+}
+
+async function showConfirm(req, res, next) {
+  res.render('user/confirm_email', {
+    token: req.query.token,
+    title: 'confirm_email',
+  })
+}
+
+async function remove(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const email = EmailHelper.parseEmail(req.body.email)
+  if (!email) {
+    return res.sendStatus(422)
+  }
+  const auditLog = {
+    initiatorId: userId,
+    ipAddress: req.ip,
+  }
+  await UserUpdater.promises.removeEmailAddress(userId, email, auditLog)
+  res.sendStatus(200)
+}
+
+async function setDefault(req, res, next) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const email = EmailHelper.parseEmail(req.body.email)
+
+  if (!email) {
+    return res.sendStatus(422)
+  }
+
+  const { emails, email: oldDefault } = await UserGetter.promises.getUser(
+    userId,
+    { email: 1, emails: 1 }
+  )
+  const primaryEmailData = emails?.find(email => email.email === oldDefault)
+  const deleteOldEmail =
+    req.query['delete-unconfirmed-primary'] !== undefined &&
+    primaryEmailData &&
+    !primaryEmailData.confirmedAt
+
+  const auditLog = {
+    initiatorId: userId,
+    ipAddress: req.ip,
+  }
+  try {
+    await UserUpdater.promises.setDefaultEmailAddress(
+      userId,
+      email,
+      false,
+      auditLog,
+      true,
+      deleteOldEmail
+    )
+  } catch (err) {
+    return UserEmailsController._handleEmailError(err, req, res, next)
+  }
+  SessionManager.setInSessionUser(req.session, { email })
+  const user = SessionManager.getSessionUser(req.session)
+  try {
+    await UserSessionsManager.promises.removeSessionsFromRedis(
+      user,
+      req.sessionID // remove all sessions except the current session
+    )
+  } catch (err) {
+    logger.warn(
+      { err },
+      'failed revoking secondary sessions after changing default email'
+    )
+  }
+  if (
+    req.query['delete-unconfirmed-primary'] !== undefined &&
+    primaryEmailData &&
+    !primaryEmailData.confirmedAt
+  ) {
+    await UserUpdater.promises.removeEmailAddress(
+      userId,
+      primaryEmailData.email,
+      {
+        initiatorId: userId,
+        ipAddress: req.ip,
+        extraInfo: {
+          info: 'removed unconfirmed email after setting new primary',
+        },
+      }
+    )
+  }
+  res.sendStatus(200)
+}
+
+const UserEmailsController = {
+  list(req, res, next) {
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    UserGetter.getUserFullEmails(userId, function (error, fullEmails) {
+      if (error) {
+        return next(error)
+      }
+      res.json(fullEmails)
+    })
+  },
+
+  add: expressify(add),
+
+  addWithConfirmationCode: expressify(addWithConfirmationCode),
+
+  checkNewSecondaryEmailConfirmationCode: expressify(
+    checkNewSecondaryEmailConfirmationCode
+  ),
+
+  checkExistingEmailConfirmationCode: expressify(
+    checkExistingEmailConfirmationCode
+  ),
+
+  resendNewSecondaryEmailConfirmationCode: expressify(
+    resendNewSecondaryEmailConfirmationCode
+  ),
+
+  resendExistingSecondaryEmailConfirmationCode: expressify(
+    resendExistingSecondaryEmailConfirmationCode
+  ),
+
+  remove: expressify(remove),
+
+  setDefault: expressify(setDefault),
+
+  endorse(req, res, next) {
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    const email = EmailHelper.parseEmail(req.body.email)
+    if (!email) {
+      return res.sendStatus(422)
+    }
+
+    endorseAffiliation(
+      userId,
+      email,
+      req.body.role,
+      req.body.department,
+      function (error) {
+        if (error) {
+          return next(error)
+        }
+        res.sendStatus(204)
+      }
+    )
+  },
+
+  resendConfirmation: expressify(resendConfirmation),
+
+  sendReconfirmation: expressify(sendReconfirmation),
+
+  sendExistingSecondaryEmailConfirmationCode: expressify(
+    sendExistingSecondaryEmailConfirmationCode
+  ),
+
+  addSecondaryEmailPage: expressify(addSecondaryEmailPage),
+
+  confirmSecondaryEmailPage: expressify(confirmSecondaryEmailPage),
+
+  primaryEmailCheckPage: expressify(primaryEmailCheckPage),
+
+  primaryEmailCheck: expressify(primaryEmailCheck),
+
+  showConfirm: expressify(showConfirm),
+
+  confirm(req, res, next) {
+    const { token } = req.body
+    if (!token) {
+      return res.status(422).json({
+        message: req.i18n.translate('confirmation_link_broken'),
+      })
+    }
+    UserEmailsConfirmationHandler.confirmEmailFromToken(
+      req,
+      token,
+      function (error, userData) {
+        if (error) {
+          if (error instanceof Errors.ForbiddenError) {
+            res.status(403).json({
+              message: {
+                key: 'confirm-email-wrong-user',
+                text: `We can’t confirm this email. You must be logged in with the Overleaf account that requested the new secondary email.`,
+              },
+            })
+          } else if (error instanceof Errors.NotFoundError) {
+            res.status(404).json({
+              message: req.i18n.translate('confirmation_token_invalid'),
+            })
+          } else {
+            next(error)
+          }
+        } else {
+          const { userId, email } = userData
+          const tokenPrefix = token.substring(0, AUDIT_LOG_TOKEN_PREFIX_LENGTH)
+          UserAuditLogHandler.addEntry(
+            userId,
+            'confirm-email',
+            userId,
+            req.ip,
+            { token: tokenPrefix, email },
+            auditLogError => {
+              if (auditLogError) {
+                logger.error(
+                  { error: auditLogError, userId, token: tokenPrefix },
+                  'failed to add audit log entry'
+                )
+              }
+              UserGetter.getUser(
+                userData.userId,
+                { email: 1 },
+                function (error, user) {
+                  if (error) {
+                    logger.error(
+                      { error, userId: userData.userId },
+                      'failed to get user'
+                    )
+                  }
+                  const isPrimary = user?.email === userData.email
+                  AnalyticsManager.recordEventForUserInBackground(
+                    userData.userId,
+                    'email-verified',
+                    {
+                      provider: 'email',
+                      verification_type: 'link',
+                      isPrimary,
+                    }
+                  )
+                  res.sendStatus(200)
+                }
+              )
+            }
+          )
+        }
+      }
+    )
+  },
+
+  _handleEmailError(error, req, res, next) {
+    if (error instanceof Errors.UnconfirmedEmailError) {
+      return HttpErrorHandler.conflict(req, res, 'email must be confirmed')
+    } else if (error instanceof Errors.EmailExistsError) {
+      const message = req.i18n.translate('email_already_registered')
+      return HttpErrorHandler.conflict(req, res, message)
+    } else if (error.message === '422: Email does not belong to university') {
+      const message = req.i18n.translate('email_does_not_belong_to_university')
+      return HttpErrorHandler.conflict(req, res, message)
+    }
+    next(error)
+  },
+}
+
+module.exports = UserEmailsController
diff --git a/services/web/app/src/Features/User/UserGetter.js b/services/web/app/src/Features/User/UserGetter.js
new file mode 100644
index 0000000..34d758a
--- /dev/null
+++ b/services/web/app/src/Features/User/UserGetter.js
@@ -0,0 +1,343 @@
+const { callbackify } = require('util')
+const { db } = require('../../infrastructure/mongodb')
+const moment = require('moment')
+const settings = require('@overleaf/settings')
+const { promisifyAll } = require('@overleaf/promise-utils')
+const {
+  promises: InstitutionsAPIPromises,
+} = require('../Institutions/InstitutionsAPI')
+const InstitutionsHelper = require('../Institutions/InstitutionsHelper')
+const Errors = require('../Errors/Errors')
+const Features = require('../../infrastructure/Features')
+const { User } = require('../../models/User')
+const { normalizeQuery, normalizeMultiQuery } = require('../Helpers/Mongo')
+
+function _lastDayToReconfirm(emailData, institutionData) {
+  const globalReconfirmPeriod = settings.reconfirmNotificationDays
+  if (!globalReconfirmPeriod) return undefined
+
+  // only show notification for institutions with reconfirmation enabled
+  if (!institutionData || !institutionData.maxConfirmationMonths)
+    return undefined
+
+  if (!emailData.confirmedAt) return undefined
+
+  if (institutionData.ssoEnabled && !emailData.samlProviderId) {
+    // For SSO, only show notification for linked email
+    return false
+  }
+
+  // reconfirmedAt will not always be set, use confirmedAt as fallback
+  const lastConfirmed = emailData.reconfirmedAt || emailData.confirmedAt
+
+  return moment(lastConfirmed)
+    .add(institutionData.maxConfirmationMonths, 'months')
+    .toDate()
+}
+
+function _pastReconfirmDate(lastDayToReconfirm) {
+  if (!lastDayToReconfirm) return false
+  return moment(lastDayToReconfirm).isBefore()
+}
+
+function _emailInReconfirmNotificationPeriod(
+  cachedLastDayToReconfirm,
+  lastDayToReconfirm
+) {
+  const globalReconfirmPeriod = settings.reconfirmNotificationDays
+
+  if (!globalReconfirmPeriod || !cachedLastDayToReconfirm) return false
+
+  const notificationStarts = moment(cachedLastDayToReconfirm).subtract(
+    globalReconfirmPeriod,
+    'days'
+  )
+
+  let isInNotificationPeriod = moment().isAfter(notificationStarts)
+
+  if (!isInNotificationPeriod) {
+    // for possible issues in v1/v2 date mismatch, ensure v2 date doesn't show as needing to reconfirm
+
+    const notificationStartsV2 = moment(lastDayToReconfirm).subtract(
+      globalReconfirmPeriod,
+      'days'
+    )
+
+    isInNotificationPeriod = moment().isAfter(notificationStartsV2)
+  }
+
+  return isInNotificationPeriod
+}
+
+async function getUserFullEmails(userId) {
+  const user = await UserGetter.promises.getUser(userId, {
+    email: 1,
+    emails: 1,
+    samlIdentifiers: 1,
+  })
+
+  if (!user) {
+    throw new Error('User not Found')
+  }
+
+  if (!Features.hasFeature('affiliations')) {
+    return decorateFullEmails(user.email, user.emails, [], [])
+  }
+
+  const affiliationsData =
+    await InstitutionsAPIPromises.getUserAffiliations(userId)
+
+  return decorateFullEmails(
+    user.email,
+    user.emails || [],
+    affiliationsData,
+    user.samlIdentifiers || []
+  )
+}
+
+async function getUserConfirmedEmails(userId) {
+  const user = await UserGetter.promises.getUser(userId, {
+    emails: 1,
+  })
+
+  if (!user) {
+    throw new Error('User not Found')
+  }
+
+  return user.emails.filter(email => !!email.confirmedAt)
+}
+
+async function getSsoUsersAtInstitution(institutionId, projection) {
+  if (!projection) {
+    throw new Error('missing projection')
+  }
+
+  return await User.find(
+    {
+      'samlIdentifiers.providerId': institutionId.toString(),
+    },
+    projection
+  ).exec()
+}
+
+const UserGetter = {
+  getSsoUsersAtInstitution: callbackify(getSsoUsersAtInstitution),
+
+  getUser(query, projection, callback) {
+    if (arguments.length === 2) {
+      callback = projection
+      projection = {}
+    }
+    try {
+      query = normalizeQuery(query)
+      db.users.findOne(query, { projection }, callback)
+    } catch (err) {
+      callback(err)
+    }
+  },
+
+  getUserFeatures(userId, callback) {
+    this.getUser(userId, { features: 1 }, (error, user) => {
+      if (error) return callback(error)
+      if (!user) return callback(new Errors.NotFoundError('user not found'))
+      callback(null, user.features)
+    })
+  },
+
+  getUserEmail(userId, callback) {
+    this.getUser(userId, { email: 1 }, (error, user) =>
+      callback(error, user && user.email)
+    )
+  },
+
+  getUserFullEmails: callbackify(getUserFullEmails),
+
+  getUserConfirmedEmails: callbackify(getUserConfirmedEmails),
+
+  getUserByMainEmail(email, projection, callback) {
+    email = email.trim()
+    if (arguments.length === 2) {
+      callback = projection
+      projection = {}
+    }
+    db.users.findOne({ email }, { projection }, callback)
+  },
+
+  getUserByAnyEmail(email, projection, callback) {
+    email = email.trim()
+    if (arguments.length === 2) {
+      callback = projection
+      projection = {}
+    }
+    // $exists: true MUST be set to use the partial index
+    const query = { emails: { $exists: true }, 'emails.email': email }
+    db.users.findOne(query, { projection }, (error, user) => {
+      if (error || user) {
+        return callback(error, user)
+      }
+
+      // While multiple emails are being rolled out, check for the main email as
+      // well
+      this.getUserByMainEmail(email, projection, callback)
+    })
+  },
+
+  getUsersByAnyConfirmedEmail(emails, projection, callback) {
+    if (arguments.length === 2) {
+      callback = projection
+      projection = {}
+    }
+
+    const query = {
+      'emails.email': { $in: emails }, // use the index on emails.email
+      emails: {
+        $exists: true,
+        $elemMatch: {
+          email: { $in: emails },
+          confirmedAt: { $exists: true },
+        },
+      },
+    }
+
+    db.users.find(query, { projection }).toArray(callback)
+  },
+
+  getUsersByV1Ids(v1Ids, projection, callback) {
+    if (arguments.length === 2) {
+      callback = projection
+      projection = {}
+    }
+    const query = { 'overleaf.id': { $in: v1Ids } }
+    db.users.find(query, { projection }).toArray(callback)
+  },
+
+  getUsersByHostname(hostname, projection, callback) {
+    const reversedHostname = hostname.trim().split('').reverse().join('')
+    const query = {
+      emails: { $exists: true },
+      'emails.reversedHostname': reversedHostname,
+    }
+    db.users.find(query, { projection }).toArray(callback)
+  },
+
+  getInstitutionUsersByHostname(hostname, callback) {
+    const projection = {
+      _id: 1,
+      email: 1,
+      emails: 1,
+      samlIdentifiers: 1,
+    }
+    UserGetter.getUsersByHostname(hostname, projection, (err, users) => {
+      if (err) return callback(err)
+
+      users.forEach(user => {
+        user.emails = decorateFullEmails(
+          user.email,
+          user.emails,
+          [],
+          user.samlIdentifiers || []
+        )
+      })
+      callback(null, users)
+    })
+  },
+
+  getUsers(query, projection, callback) {
+    try {
+      query = normalizeMultiQuery(query)
+      db.users.find(query, { projection }).toArray(callback)
+    } catch (err) {
+      callback(err)
+    }
+  },
+
+  // check for duplicate email address. This is also enforced at the DB level
+  ensureUniqueEmailAddress(newEmail, callback) {
+    this.getUserByAnyEmail(newEmail, function (error, user) {
+      if (user) {
+        return callback(new Errors.EmailExistsError())
+      }
+      callback(error)
+    })
+  },
+}
+
+const decorateFullEmails = (
+  defaultEmail,
+  emailsData,
+  affiliationsData,
+  samlIdentifiers
+) => {
+  emailsData.forEach(function (emailData) {
+    emailData.default = emailData.email === defaultEmail
+
+    const affiliation = affiliationsData.find(
+      aff => aff.email === emailData.email
+    )
+    if (affiliation) {
+      const {
+        institution,
+        inferred,
+        role,
+        department,
+        licence,
+        cached_confirmed_at: cachedConfirmedAt,
+        cached_reconfirmed_at: cachedReconfirmedAt,
+        past_reconfirm_date: cachedPastReconfirmDate,
+        entitlement: cachedEntitlement,
+        portal,
+      } = affiliation
+      const lastDayToReconfirm = _lastDayToReconfirm(emailData, institution)
+      let { last_day_to_reconfirm: cachedLastDayToReconfirm } = affiliation
+      if (institution.ssoEnabled && !emailData.samlProviderId) {
+        // only SSO linked emails are reconfirmed at SSO institutions
+        cachedLastDayToReconfirm = undefined
+      }
+      const pastReconfirmDate = _pastReconfirmDate(lastDayToReconfirm)
+      const inReconfirmNotificationPeriod = _emailInReconfirmNotificationPeriod(
+        cachedLastDayToReconfirm,
+        lastDayToReconfirm
+      )
+      emailData.affiliation = {
+        institution,
+        inferred,
+        inReconfirmNotificationPeriod,
+        lastDayToReconfirm,
+        cachedConfirmedAt,
+        cachedLastDayToReconfirm,
+        cachedReconfirmedAt,
+        cachedEntitlement,
+        cachedPastReconfirmDate,
+        pastReconfirmDate,
+        role,
+        department,
+        licence,
+        portal,
+      }
+    }
+
+    if (emailData.samlProviderId) {
+      emailData.samlIdentifier = samlIdentifiers.find(
+        samlIdentifier => samlIdentifier.providerId === emailData.samlProviderId
+      )
+    }
+
+    emailData.emailHasInstitutionLicence =
+      InstitutionsHelper.emailHasLicence(emailData)
+
+    const lastConfirmedAtStr = emailData.reconfirmedAt || emailData.confirmedAt
+    emailData.lastConfirmedAt = lastConfirmedAtStr
+      ? moment(lastConfirmedAtStr).toDate()
+      : null
+  })
+
+  return emailsData
+}
+
+UserGetter.promises = promisifyAll(UserGetter, {
+  without: ['getSsoUsersAtInstitution', 'getUserFullEmails'],
+})
+UserGetter.promises.getUserFullEmails = getUserFullEmails
+UserGetter.promises.getSsoUsersAtInstitution = getSsoUsersAtInstitution
+
+module.exports = UserGetter
diff --git a/services/web/app/src/Features/User/UserHandler.js b/services/web/app/src/Features/User/UserHandler.js
new file mode 100644
index 0000000..cdd2e51
--- /dev/null
+++ b/services/web/app/src/Features/User/UserHandler.js
@@ -0,0 +1,31 @@
+const { callbackify, promisify } = require('@overleaf/promise-utils')
+const TeamInvitesHandler = require('../Subscription/TeamInvitesHandler')
+const {
+  db,
+  READ_PREFERENCE_SECONDARY,
+} = require('../../infrastructure/mongodb')
+
+function populateTeamInvites(user, callback) {
+  TeamInvitesHandler.createTeamInvitesForLegacyInvitedEmail(
+    user.email,
+    callback
+  )
+}
+
+async function countActiveUsers() {
+  const oneYearAgo = new Date()
+  oneYearAgo.setFullYear(oneYearAgo.getFullYear() - 1)
+  return await db.users.countDocuments(
+    { lastActive: { $gte: oneYearAgo } },
+    { readPreference: READ_PREFERENCE_SECONDARY }
+  )
+}
+
+module.exports = {
+  populateTeamInvites,
+  countActiveUsers: callbackify(countActiveUsers),
+}
+module.exports.promises = {
+  populateTeamInvites: promisify(populateTeamInvites),
+  countActiveUsers,
+}
diff --git a/services/web/app/src/Features/User/UserInfoController.js b/services/web/app/src/Features/User/UserInfoController.js
new file mode 100644
index 0000000..4eeea4f
--- /dev/null
+++ b/services/web/app/src/Features/User/UserInfoController.js
@@ -0,0 +1,86 @@
+const UserGetter = require('./UserGetter')
+const SessionManager = require('../Authentication/SessionManager')
+const { ObjectId } = require('mongodb-legacy')
+
+function getLoggedInUsersPersonalInfo(req, res, next) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  if (!userId) {
+    return next(new Error('User is not logged in'))
+  }
+  UserGetter.getUser(
+    userId,
+    {
+      first_name: true,
+      last_name: true,
+      role: true,
+      institution: true,
+      email: true,
+      signUpDate: true,
+    },
+    function (error, user) {
+      if (error) {
+        return next(error)
+      }
+      sendFormattedPersonalInfo(user, res, next)
+    }
+  )
+}
+
+function getPersonalInfo(req, res, next) {
+  let query
+  const userId = req.params.user_id
+
+  if (/^\d+$/.test(userId)) {
+    query = { 'overleaf.id': parseInt(userId, 10) }
+  } else if (/^[a-f0-9]{24}$/.test(userId)) {
+    query = { _id: new ObjectId(userId) }
+  } else {
+    return res.sendStatus(400)
+  }
+
+  UserGetter.getUser(
+    query,
+    { _id: true, first_name: true, last_name: true, email: true },
+    function (error, user) {
+      if (error) {
+        return next(error)
+      }
+      if (!user) {
+        return res.sendStatus(404)
+      }
+      sendFormattedPersonalInfo(user, res, next)
+    }
+  )
+}
+
+function sendFormattedPersonalInfo(user, res, next) {
+  const info = formatPersonalInfo(user)
+  res.json(info)
+}
+
+function formatPersonalInfo(user) {
+  if (!user) {
+    return {}
+  }
+  const formattedUser = { id: user._id.toString() }
+  for (const key of [
+    'first_name',
+    'last_name',
+    'email',
+    'signUpDate',
+    'role',
+    'institution',
+  ]) {
+    if (user[key]) {
+      formattedUser[key] = user[key]
+    }
+  }
+  return formattedUser
+}
+
+module.exports = {
+  getLoggedInUsersPersonalInfo,
+  getPersonalInfo,
+  sendFormattedPersonalInfo,
+  formatPersonalInfo,
+}
diff --git a/services/web/app/src/Features/User/UserInfoManager.js b/services/web/app/src/Features/User/UserInfoManager.js
new file mode 100644
index 0000000..7133cf0
--- /dev/null
+++ b/services/web/app/src/Features/User/UserInfoManager.js
@@ -0,0 +1,18 @@
+const UserGetter = require('./UserGetter')
+const { callbackify } = require('@overleaf/promise-utils')
+
+async function getPersonalInfo(userId) {
+  return UserGetter.promises.getUser(userId, {
+    _id: true,
+    first_name: true,
+    last_name: true,
+    email: true,
+  })
+}
+
+module.exports = {
+  getPersonalInfo: callbackify(getPersonalInfo),
+  promises: {
+    getPersonalInfo,
+  },
+}
diff --git a/services/web/app/src/Features/User/UserOnboardingEmailManager.js b/services/web/app/src/Features/User/UserOnboardingEmailManager.js
new file mode 100644
index 0000000..dd984c4
--- /dev/null
+++ b/services/web/app/src/Features/User/UserOnboardingEmailManager.js
@@ -0,0 +1,29 @@
+const Queues = require('../../infrastructure/Queues')
+const EmailHandler = require('../Email/EmailHandler')
+const UserUpdater = require('./UserUpdater')
+const UserGetter = require('./UserGetter')
+const Settings = require('@overleaf/settings')
+
+const ONE_DAY_MS = 24 * 60 * 60 * 1000
+
+async function scheduleOnboardingEmail(user) {
+  await Queues.createScheduledJob(
+    'emails-onboarding',
+    { data: { userId: user._id } },
+    ONE_DAY_MS
+  )
+}
+
+async function sendOnboardingEmail(userId) {
+  const user = await UserGetter.promises.getUser({ _id: userId }, { email: 1 })
+  if (Settings.enableOnboardingEmails && user) {
+    await EmailHandler.promises.sendEmail('userOnboardingEmail', {
+      to: user.email,
+    })
+    await UserUpdater.promises.updateUser(user._id, {
+      $set: { onboardingEmailSentAt: new Date() },
+    })
+  }
+}
+
+module.exports = { scheduleOnboardingEmail, sendOnboardingEmail }
diff --git a/services/web/app/src/Features/User/UserPagesController.mjs b/services/web/app/src/Features/User/UserPagesController.mjs
new file mode 100644
index 0000000..6f7bb78
--- /dev/null
+++ b/services/web/app/src/Features/User/UserPagesController.mjs
@@ -0,0 +1,341 @@
+import UserGetter from './UserGetter.js'
+import OError from '@overleaf/o-error'
+import UserSessionsManager from './UserSessionsManager.js'
+import logger from '@overleaf/logger'
+import Settings from '@overleaf/settings'
+import AuthenticationController from '../Authentication/AuthenticationController.js'
+import SessionManager from '../Authentication/SessionManager.js'
+import NewsletterManager from '../Newsletter/NewsletterManager.js'
+import SubscriptionLocator from '../Subscription/SubscriptionLocator.js'
+import _ from 'lodash'
+import { expressify } from '@overleaf/promise-utils'
+import Features from '../../infrastructure/Features.js'
+import SplitTestHandler from '../SplitTests/SplitTestHandler.js'
+import Modules from '../../infrastructure/Modules.js'
+
+async function settingsPage(req, res) {
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const reconfirmationRemoveEmail = req.query.remove
+  // SSO
+  const ssoError = req.session.ssoError
+  if (ssoError) {
+    delete req.session.ssoError
+  }
+  const ssoErrorMessage = req.session.ssoErrorMessage
+  if (ssoErrorMessage) {
+    delete req.session.ssoErrorMessage
+  }
+  const projectSyncSuccessMessage = req.session.projectSyncSuccessMessage
+  if (projectSyncSuccessMessage) {
+    delete req.session.projectSyncSuccessMessage
+  }
+  // Institution SSO
+  let institutionLinked = _.get(req.session, ['saml', 'linked'])
+  if (institutionLinked) {
+    // copy object if exists because _.get does not
+    institutionLinked = Object.assign(
+      {
+        hasEntitlement: _.get(req.session, ['saml', 'hasEntitlement']),
+      },
+      institutionLinked
+    )
+  }
+  const samlError = _.get(req.session, ['saml', 'error'])
+  const institutionEmailNonCanonical = _.get(req.session, [
+    'saml',
+    'emailNonCanonical',
+  ])
+  const institutionRequestedEmail = _.get(req.session, [
+    'saml',
+    'requestedEmail',
+  ])
+
+  const reconfirmedViaSAML = _.get(req.session, ['saml', 'reconfirmed'])
+  delete req.session.saml
+  let shouldAllowEditingDetails = true
+  if (Settings.ldap && Settings.ldap.updateUserDetailsOnLogin) {
+    shouldAllowEditingDetails = false
+  }
+  if (Settings.saml && Settings.saml.updateUserDetailsOnLogin) {
+    shouldAllowEditingDetails = false
+  }
+  const oauthProviders = Settings.oauthProviders || {}
+
+  const user = await UserGetter.promises.getUser(userId)
+  if (!user) {
+    // The user has just deleted their account.
+    return UserSessionsManager.removeSessionsFromRedis(
+      { _id: userId },
+      null,
+      () => res.redirect('/')
+    )
+  }
+
+  let personalAccessTokens
+  try {
+    const results = await Modules.promises.hooks.fire(
+      'listPersonalAccessTokens',
+      user._id
+    )
+    personalAccessTokens = results?.[0] ?? []
+  } catch (error) {
+    const err = OError.tag(error, 'listPersonalAccessTokens hook failed')
+    logger.error({ err, userId }, err.message)
+  }
+
+  let currentManagedUserAdminEmail
+  try {
+    currentManagedUserAdminEmail =
+      await SubscriptionLocator.promises.getAdminEmail(req.managedBy)
+  } catch (err) {
+    logger.error({ err }, 'error getting subscription admin email')
+  }
+
+  let memberOfSSOEnabledGroups = []
+  try {
+    memberOfSSOEnabledGroups =
+      (
+        await Modules.promises.hooks.fire(
+          'getUserGroupsSSOEnrollmentStatus',
+          user._id,
+          { teamName: 1 },
+          ['email']
+        )
+      )?.[0] || []
+    memberOfSSOEnabledGroups = memberOfSSOEnabledGroups.map(group => {
+      return {
+        groupId: group._id.toString(),
+        linked: group.linked,
+        groupName: group.teamName,
+        adminEmail: group.admin_id?.email,
+      }
+    })
+  } catch (error) {
+    logger.error(
+      { err: error },
+      'error fetching groups with Group SSO enabled the user may be member of'
+    )
+  }
+
+  res.render('user/settings', {
+    title: 'account_settings',
+    user: {
+      id: user._id,
+      isAdmin: user.isAdmin,
+      email: user.email,
+      allowedFreeTrial: user.allowedFreeTrial,
+      first_name: user.first_name,
+      last_name: user.last_name,
+      alphaProgram: user.alphaProgram,
+      betaProgram: user.betaProgram,
+      labsProgram: user.labsProgram,
+      features: {
+        dropbox: user.features.dropbox,
+        github: user.features.github,
+        mendeley: user.features.mendeley,
+        zotero: user.features.zotero,
+        papers: user.features.papers,
+        references: user.features.references,
+      },
+      refProviders: {
+        mendeley: Boolean(user.refProviders?.mendeley),
+        zotero: Boolean(user.refProviders?.zotero),
+        papers: Boolean(user.refProviders?.papers),
+      },
+      writefull: {
+        enabled: Boolean(user.writefull?.enabled),
+      },
+      aiErrorAssistant: {
+        enabled: Boolean(user.aiErrorAssistant?.enabled),
+      },
+    },
+    labsExperiments: user.labsExperiments ?? [],
+    hasPassword: !!user.hashedPassword,
+    shouldAllowEditingDetails,
+    oauthProviders: UserPagesController._translateProviderDescriptions(
+      oauthProviders,
+      req
+    ),
+    institutionLinked,
+    samlError,
+    institutionEmailNonCanonical:
+      institutionEmailNonCanonical && institutionRequestedEmail
+        ? institutionEmailNonCanonical
+        : undefined,
+    reconfirmedViaSAML,
+    reconfirmationRemoveEmail,
+    samlBeta: req.session.samlBeta,
+    ssoErrorMessage,
+    thirdPartyIds: UserPagesController._restructureThirdPartyIds(user),
+    projectSyncSuccessMessage,
+    personalAccessTokens,
+    emailAddressLimit: Settings.emailAddressLimit,
+    isManagedAccount: !!req.managedBy,
+    userRestrictions: Array.from(req.userRestrictions || []),
+    currentManagedUserAdminEmail,
+    gitBridgeEnabled: Settings.enableGitBridge,
+    isSaas: Features.hasFeature('saas'),
+    memberOfSSOEnabledGroups,
+  })
+}
+
+async function accountSuspended(req, res) {
+  if (SessionManager.isUserLoggedIn(req.session)) {
+    return res.redirect('/project')
+  }
+  res.render('user/accountSuspended', {
+    title: 'your_account_is_suspended',
+  })
+}
+
+async function reconfirmAccountPage(req, res) {
+  const pageData = {
+    reconfirm_email: req.session.reconfirm_email,
+  }
+  const { variant } = await SplitTestHandler.promises.getAssignment(
+    req,
+    res,
+    'auth-pages-bs5'
+  )
+
+  const template =
+    variant === 'enabled' ? 'user/reconfirm-bs5' : 'user/reconfirm'
+
+  res.render(template, pageData)
+}
+
+const UserPagesController = {
+  accountSuspended: expressify(accountSuspended),
+
+  registerPage(req, res) {
+    const sharedProjectData = req.session.sharedProjectData || {}
+
+    const newTemplateData = {}
+    if (req.session.templateData != null) {
+      newTemplateData.templateName = req.session.templateData.templateName
+    }
+
+    res.render('user/register', {
+      title: 'register',
+      sharedProjectData,
+      newTemplateData,
+      samlBeta: req.session.samlBeta,
+    })
+  },
+
+  loginPage(req, res) {
+    // if user is being sent to /login with explicit redirect (redir=/foo),
+    // such as being sent from the editor to /login, then set the redirect explicitly
+    if (
+      req.query.redir != null &&
+      AuthenticationController.getRedirectFromSession(req) == null
+    ) {
+      AuthenticationController.setRedirectInSession(req, req.query.redir)
+    }
+    res.render('user/login', {
+      title: Settings.nav?.login_support_title || 'login',
+      login_support_title: Settings.nav?.login_support_title,
+      login_support_text: Settings.nav?.login_support_text,
+    })
+  },
+
+  /**
+   * Landing page for users who may have received one-time login
+   * tokens from the read-only maintenance site.
+   *
+   * We tell them that Overleaf is back up and that they can login normally.
+   */
+  oneTimeLoginPage(req, res, next) {
+    res.render('user/one_time_login')
+  },
+
+  renderReconfirmAccountPage: expressify(reconfirmAccountPage),
+
+  settingsPage: expressify(settingsPage),
+
+  sessionsPage(req, res, next) {
+    const user = SessionManager.getSessionUser(req.session)
+    logger.debug({ userId: user._id }, 'loading sessions page')
+    const currentSession = {
+      ip_address: user.ip_address,
+      session_created: user.session_created,
+    }
+    UserSessionsManager.getAllUserSessions(
+      user,
+      [req.sessionID],
+      (err, sessions) => {
+        if (err != null) {
+          OError.tag(err, 'error getting all user sessions', {
+            userId: user._id,
+          })
+          return next(err)
+        }
+        res.render('user/sessions', {
+          title: 'sessions',
+          currentSession,
+          sessions,
+        })
+      }
+    )
+  },
+
+  emailPreferencesPage(req, res, next) {
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    UserGetter.getUser(
+      userId,
+      { _id: 1, email: 1, first_name: 1, last_name: 1 },
+      (err, user) => {
+        if (err != null) {
+          return next(err)
+        }
+        NewsletterManager.subscribed(user, (err, subscribed) => {
+          if (err != null) {
+            OError.tag(err, 'error getting newsletter subscription status')
+            return next(err)
+          }
+          res.render('user/email-preferences', {
+            title: 'newsletter_info_title',
+            subscribed,
+          })
+        })
+      }
+    )
+  },
+
+  async compromisedPasswordPage(req, res) {
+    res.render('user/compromised_password')
+  },
+
+  _restructureThirdPartyIds(user) {
+    // 3rd party identifiers are an array of objects
+    // this turn them into a single object, which
+    // makes data easier to use in template
+    if (
+      !user.thirdPartyIdentifiers ||
+      user.thirdPartyIdentifiers.length === 0
+    ) {
+      return null
+    }
+    return user.thirdPartyIdentifiers.reduce((obj, identifier) => {
+      obj[identifier.providerId] = identifier.externalUserId
+      return obj
+    }, {})
+  },
+
+  _translateProviderDescriptions(providers, req) {
+    const result = {}
+    if (providers) {
+      for (const provider in providers) {
+        const data = providers[provider]
+        data.description = req.i18n.translate(
+          data.descriptionKey,
+          Object.assign({}, data.descriptionOptions)
+        )
+        result[provider] = data
+      }
+    }
+    return result
+  },
+}
+
+export default UserPagesController
diff --git a/services/web/app/src/Features/User/UserPostRegistrationAnalyticsManager.js b/services/web/app/src/Features/User/UserPostRegistrationAnalyticsManager.js
new file mode 100644
index 0000000..26dbf86
--- /dev/null
+++ b/services/web/app/src/Features/User/UserPostRegistrationAnalyticsManager.js
@@ -0,0 +1,46 @@
+const Queues = require('../../infrastructure/Queues')
+const UserGetter = require('./UserGetter')
+const {
+  promises: InstitutionsAPIPromises,
+} = require('../Institutions/InstitutionsAPI')
+const AnalyticsManager = require('../Analytics/AnalyticsManager')
+
+const ONE_DAY_MS = 24 * 60 * 60 * 1000
+
+async function schedulePostRegistrationAnalytics(user) {
+  await Queues.createScheduledJob(
+    'post-registration-analytics',
+    { data: { userId: user._id } },
+    ONE_DAY_MS
+  )
+}
+
+async function postRegistrationAnalytics(userId) {
+  const user = await UserGetter.promises.getUser({ _id: userId }, { email: 1 })
+  if (!user) {
+    return
+  }
+  await checkAffiliations(userId)
+}
+
+async function checkAffiliations(userId) {
+  const affiliationsData =
+    await InstitutionsAPIPromises.getUserAffiliations(userId)
+  const hasCommonsAccountAffiliation = affiliationsData.some(
+    affiliationData =>
+      affiliationData.institution && affiliationData.institution.commonsAccount
+  )
+
+  if (hasCommonsAccountAffiliation) {
+    await AnalyticsManager.setUserPropertyForUser(
+      userId,
+      'registered-from-commons-account',
+      true
+    )
+  }
+}
+
+module.exports = {
+  schedulePostRegistrationAnalytics,
+  postRegistrationAnalytics,
+}
diff --git a/services/web/app/src/Features/User/UserPrimaryEmailCheckHandler.js b/services/web/app/src/Features/User/UserPrimaryEmailCheckHandler.js
new file mode 100644
index 0000000..be1d045
--- /dev/null
+++ b/services/web/app/src/Features/User/UserPrimaryEmailCheckHandler.js
@@ -0,0 +1,33 @@
+const Settings = require('@overleaf/settings')
+
+function requiresPrimaryEmailCheck({
+  email,
+  emails,
+  lastPrimaryEmailCheck,
+  signUpDate,
+}) {
+  const hasExpired = date => {
+    if (!date) {
+      return true
+    }
+    return Date.now() - date.getTime() > Settings.primary_email_check_expiration
+  }
+
+  const primaryEmailConfirmedAt = emails.find(
+    emailEntry => emailEntry.email === email
+  ).confirmedAt
+
+  if (primaryEmailConfirmedAt && !hasExpired(primaryEmailConfirmedAt)) {
+    return false
+  }
+
+  if (lastPrimaryEmailCheck) {
+    return hasExpired(lastPrimaryEmailCheck)
+  } else {
+    return hasExpired(signUpDate)
+  }
+}
+
+module.exports = {
+  requiresPrimaryEmailCheck,
+}
diff --git a/services/web/app/src/Features/User/UserRegistrationHandler.js b/services/web/app/src/Features/User/UserRegistrationHandler.js
new file mode 100644
index 0000000..02c52f7
--- /dev/null
+++ b/services/web/app/src/Features/User/UserRegistrationHandler.js
@@ -0,0 +1,136 @@
+const { User } = require('../../models/User')
+const UserCreator = require('./UserCreator')
+const UserGetter = require('./UserGetter')
+const AuthenticationManager = require('../Authentication/AuthenticationManager')
+const NewsletterManager = require('../Newsletter/NewsletterManager')
+const logger = require('@overleaf/logger')
+const crypto = require('crypto')
+const EmailHandler = require('../Email/EmailHandler')
+const OneTimeTokenHandler = require('../Security/OneTimeTokenHandler')
+const settings = require('@overleaf/settings')
+const EmailHelper = require('../Helpers/EmailHelper')
+const {
+  callbackify,
+  callbackifyMultiResult,
+} = require('@overleaf/promise-utils')
+const OError = require('@overleaf/o-error')
+
+const UserRegistrationHandler = {
+  _registrationRequestIsValid(body) {
+    const invalidEmail = AuthenticationManager.validateEmail(body.email || '')
+    const invalidPassword = AuthenticationManager.validatePassword(
+      body.password || '',
+      body.email
+    )
+    return !(invalidEmail || invalidPassword)
+  },
+
+  async _createNewUserIfRequired(user, userDetails) {
+    if (!user) {
+      userDetails.holdingAccount = false
+      return await UserCreator.promises.createNewUser(
+        {
+          holdingAccount: false,
+          email: userDetails.email,
+          first_name: userDetails.first_name,
+          last_name: userDetails.last_name,
+          analyticsId: userDetails.analyticsId,
+        },
+        {}
+      )
+    }
+    return user
+  },
+
+  async registerNewUser(userDetails) {
+    const requestIsValid =
+      UserRegistrationHandler._registrationRequestIsValid(userDetails)
+
+    if (!requestIsValid) {
+      throw new Error('request is not valid')
+    }
+    userDetails.email = EmailHelper.parseEmail(userDetails.email)
+
+    let user = await UserGetter.promises.getUserByAnyEmail(userDetails.email)
+    if (user && user.holdingAccount === false) {
+      // We add userId to the error object so that the calling function can access
+      // the id of the already existing user account.
+      throw new OError('EmailAlreadyRegistered', { userId: user._id })
+    }
+
+    user = await UserRegistrationHandler._createNewUserIfRequired(
+      user,
+      userDetails
+    )
+
+    await User.updateOne(
+      { _id: user._id },
+      { $set: { holdingAccount: false } }
+    ).exec()
+
+    await AuthenticationManager.promises.setUserPassword(
+      user,
+      userDetails.password
+    )
+
+    if (userDetails.subscribeToNewsletter === 'true') {
+      try {
+        NewsletterManager.subscribe(user)
+      } catch (error) {
+        logger.warn(
+          { err: error, user },
+          'Failed to subscribe user to newsletter'
+        )
+        throw error
+      }
+    }
+
+    return user
+  },
+
+  async registerNewUserAndSendActivationEmail(email) {
+    let user
+    try {
+      user = await UserRegistrationHandler.registerNewUser({
+        email,
+        password: crypto.randomBytes(32).toString('hex'),
+      })
+    } catch (error) {
+      if (error.message === 'EmailAlreadyRegistered') {
+        logger.debug({ email }, 'user already exists, resending welcome email')
+        user = await UserGetter.promises.getUserByAnyEmail(email)
+      } else {
+        throw error
+      }
+    }
+
+    const ONE_WEEK = 7 * 24 * 60 * 60 // seconds
+    const token = await OneTimeTokenHandler.promises.getNewToken(
+      'password',
+      { user_id: user._id.toString(), email: user.email },
+      { expiresIn: ONE_WEEK }
+    )
+
+    const setNewPasswordUrl = `${settings.siteUrl}/user/activate?token=${token}&user_id=${user._id}`
+
+    await EmailHandler.promises
+      .sendEmail('registered', {
+        to: user.email,
+        setNewPasswordUrl,
+      })
+      .catch(error => {
+        logger.warn({ err: error }, 'failed to send activation email')
+      })
+
+    return { user, setNewPasswordUrl }
+  },
+}
+
+module.exports = {
+  registerNewUser: callbackify(UserRegistrationHandler.registerNewUser),
+  registerNewUserAndSendActivationEmail: callbackifyMultiResult(
+    UserRegistrationHandler.registerNewUserAndSendActivationEmail,
+    ['user', 'setNewPasswordUrl']
+  ),
+  promises: UserRegistrationHandler,
+}
diff --git a/services/web/app/src/Features/User/UserSessionsManager.js b/services/web/app/src/Features/User/UserSessionsManager.js
new file mode 100644
index 0000000..d4f7eb7
--- /dev/null
+++ b/services/web/app/src/Features/User/UserSessionsManager.js
@@ -0,0 +1,258 @@
+const OError = require('@overleaf/o-error')
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const Async = require('async')
+const _ = require('lodash')
+const { promisify } = require('util')
+const UserSessionsRedis = require('./UserSessionsRedis')
+const rclient = UserSessionsRedis.client()
+
+const UserSessionsManager = {
+  // mimic the key used by the express sessions
+  _sessionKey(sessionId) {
+    return `sess:${sessionId}`
+  },
+
+  trackSession(user, sessionId, callback) {
+    if (!user) {
+      return callback(null)
+    }
+    if (!sessionId) {
+      return callback(null)
+    }
+    const sessionSetKey = UserSessionsRedis.sessionSetKey(user)
+    const value = UserSessionsManager._sessionKey(sessionId)
+    rclient
+      .multi()
+      .sadd(sessionSetKey, value)
+      .pexpire(sessionSetKey, `${Settings.cookieSessionLength}`) // in milliseconds
+      .exec(function (err, response) {
+        if (err) {
+          OError.tag(
+            err,
+            'error while adding session key to UserSessions set',
+            {
+              user_id: user._id,
+              sessionSetKey,
+            }
+          )
+          return callback(err)
+        }
+        UserSessionsManager._checkSessions(user, function () {})
+        callback()
+      })
+  },
+
+  untrackSession(user, sessionId, callback) {
+    if (!callback) {
+      callback = function () {}
+    }
+    if (!user) {
+      return callback(null)
+    }
+    if (!sessionId) {
+      return callback(null)
+    }
+    const sessionSetKey = UserSessionsRedis.sessionSetKey(user)
+    const value = UserSessionsManager._sessionKey(sessionId)
+    rclient
+      .multi()
+      .srem(sessionSetKey, value)
+      .pexpire(sessionSetKey, `${Settings.cookieSessionLength}`) // in milliseconds
+      .exec(function (err, response) {
+        if (err) {
+          OError.tag(
+            err,
+            'error while removing session key from UserSessions set',
+            {
+              user_id: user._id,
+              sessionSetKey,
+            }
+          )
+          return callback(err)
+        }
+        UserSessionsManager._checkSessions(user, function () {})
+        callback()
+      })
+  },
+
+  getAllUserSessions(user, exclude, callback) {
+    exclude = _.map(exclude, UserSessionsManager._sessionKey)
+    const sessionSetKey = UserSessionsRedis.sessionSetKey(user)
+    rclient.smembers(sessionSetKey, function (err, sessionKeys) {
+      if (err) {
+        OError.tag(err, 'error getting all session keys for user from redis', {
+          user_id: user._id,
+        })
+        return callback(err)
+      }
+      sessionKeys = _.filter(sessionKeys, k => !_.includes(exclude, k))
+      if (sessionKeys.length === 0) {
+        logger.debug({ userId: user._id }, 'no other sessions found, returning')
+        return callback(null, [])
+      }
+
+      Async.mapSeries(
+        sessionKeys,
+        (k, cb) => rclient.get(k, cb),
+        function (err, sessions) {
+          if (err) {
+            OError.tag(err, 'error getting all sessions for user from redis', {
+              user_id: user._id,
+            })
+            return callback(err)
+          }
+
+          const result = []
+          for (let session of Array.from(sessions)) {
+            if (!session) {
+              continue
+            }
+            session = JSON.parse(session)
+            let sessionUser = session.passport && session.passport.user
+            if (!sessionUser) {
+              sessionUser = session.user
+            }
+
+            result.push({
+              ip_address: sessionUser.ip_address,
+              session_created: sessionUser.session_created,
+            })
+          }
+
+          callback(null, result)
+        }
+      )
+    })
+  },
+
+  /**
+   * @param {{_id: string}} user
+   * @param {string | null | undefined} retainSessionID - the session ID to exclude from deletion
+   * @param {(err: Error | null, data?: unknown) => void} callback
+   */
+  removeSessionsFromRedis(user, retainSessionID, callback) {
+    if (!user) {
+      return callback(
+        new Error('bug: user not passed to removeSessionsFromRedis')
+      )
+    }
+    const sessionSetKey = UserSessionsRedis.sessionSetKey(user)
+    rclient.smembers(sessionSetKey, function (err, sessionKeys) {
+      if (err) {
+        OError.tag(err, 'error getting contents of UserSessions set', {
+          user_id: user._id,
+          sessionSetKey,
+        })
+        return callback(err)
+      }
+      const keysToDelete = retainSessionID
+        ? _.without(
+            sessionKeys,
+            UserSessionsManager._sessionKey(retainSessionID)
+          )
+        : sessionKeys
+      if (keysToDelete.length === 0) {
+        logger.debug(
+          { userId: user._id },
+          'no sessions in UserSessions set to delete, returning'
+        )
+        return callback(null, 0)
+      }
+      logger.debug(
+        { userId: user._id, count: keysToDelete.length },
+        'deleting sessions for user'
+      )
+
+      const deletions = keysToDelete.map(k => cb => rclient.del(k, cb))
+
+      Async.series(deletions, function (err, _result) {
+        if (err) {
+          OError.tag(err, 'error revoking all sessions for user', {
+            user_id: user._id,
+            sessionSetKey,
+          })
+          return callback(err)
+        }
+        rclient.srem(sessionSetKey, keysToDelete, function (err) {
+          if (err) {
+            OError.tag(err, 'error removing session set for user', {
+              user_id: user._id,
+              sessionSetKey,
+            })
+            return callback(err)
+          }
+          callback(null, keysToDelete.length)
+        })
+      })
+    })
+  },
+
+  touch(user, callback) {
+    if (!user) {
+      return callback(null)
+    }
+    const sessionSetKey = UserSessionsRedis.sessionSetKey(user)
+    rclient.pexpire(
+      sessionSetKey,
+      `${Settings.cookieSessionLength}`, // in milliseconds
+      function (err, response) {
+        if (err) {
+          OError.tag(err, 'error while updating ttl on UserSessions set', {
+            user_id: user._id,
+          })
+          return callback(err)
+        }
+        callback(null)
+      }
+    )
+  },
+
+  _checkSessions(user, callback) {
+    if (!user) {
+      return callback(null)
+    }
+    const sessionSetKey = UserSessionsRedis.sessionSetKey(user)
+    rclient.smembers(sessionSetKey, function (err, sessionKeys) {
+      if (err) {
+        OError.tag(err, 'error getting contents of UserSessions set', {
+          user_id: user._id,
+          sessionSetKey,
+        })
+        return callback(err)
+      }
+      Async.series(
+        sessionKeys.map(
+          key => next =>
+            rclient.get(key, function (err, val) {
+              if (err) {
+                return next(err)
+              }
+              if (!val) {
+                rclient.srem(sessionSetKey, key, function (err, result) {
+                  return next(err)
+                })
+              } else {
+                next()
+              }
+            })
+        ),
+        function (err, results) {
+          callback(err)
+        }
+      )
+    })
+  },
+}
+
+UserSessionsManager.promises = {
+  getAllUserSessions: promisify(UserSessionsManager.getAllUserSessions),
+  removeSessionsFromRedis: (user, retainSessionID = null) =>
+    promisify(UserSessionsManager.removeSessionsFromRedis)(
+      user,
+      retainSessionID
+    ),
+  untrackSession: promisify(UserSessionsManager.untrackSession),
+}
+
+module.exports = UserSessionsManager
diff --git a/services/web/app/src/Features/User/UserSessionsRedis.js b/services/web/app/src/Features/User/UserSessionsRedis.js
new file mode 100644
index 0000000..689e414
--- /dev/null
+++ b/services/web/app/src/Features/User/UserSessionsRedis.js
@@ -0,0 +1,13 @@
+const RedisWrapper = require('../../infrastructure/RedisWrapper')
+const rclient = RedisWrapper.client('websessions')
+
+const UserSessionsRedis = {
+  client() {
+    return rclient
+  },
+
+  sessionSetKey(user) {
+    return `UserSessions:{${user._id}}`
+  },
+}
+module.exports = UserSessionsRedis
diff --git a/services/web/app/src/Features/User/UserUpdater.js b/services/web/app/src/Features/User/UserUpdater.js
new file mode 100644
index 0000000..627e738
--- /dev/null
+++ b/services/web/app/src/Features/User/UserUpdater.js
@@ -0,0 +1,620 @@
+const logger = require('@overleaf/logger')
+const OError = require('@overleaf/o-error')
+const { db } = require('../../infrastructure/mongodb')
+const { normalizeQuery } = require('../Helpers/Mongo')
+const { callbackify } = require('util')
+const UserGetter = require('./UserGetter')
+const InstitutionsAPI = require('../Institutions/InstitutionsAPI')
+const Features = require('../../infrastructure/Features')
+const FeaturesUpdater = require('../Subscription/FeaturesUpdater')
+const EmailHandler = require('../Email/EmailHandler')
+const EmailHelper = require('../Helpers/EmailHelper')
+const Errors = require('../Errors/Errors')
+const NewsletterManager = require('../Newsletter/NewsletterManager')
+const RecurlyWrapper = require('../Subscription/RecurlyWrapper')
+const UserAuditLogHandler = require('./UserAuditLogHandler')
+const AnalyticsManager = require('../Analytics/AnalyticsManager')
+const SubscriptionLocator = require('../Subscription/SubscriptionLocator')
+const NotificationsBuilder = require('../Notifications/NotificationsBuilder')
+const _ = require('lodash')
+const Modules = require('../../infrastructure/Modules')
+const UserSessionsManager = require('./UserSessionsManager')
+
+async function _sendSecurityAlertPrimaryEmailChanged(
+  userId,
+  oldEmail,
+  email,
+  deleteOldEmail
+) {
+  // here
+  // Send email to the following:
+  // - the old primary
+  // - the new primary
+  // - for all other current (confirmed or recently-enough reconfirmed) email addresses, group by institution if we
+  //   have it, or domain if we don’t, and for each group send to the most recently reconfirmed (or confirmed if never
+  //   reconfirmed) address in that group.
+  // See #6101.
+  const emailOptions = {
+    actionDescribed: `the primary email address on your account was changed to ${email}`,
+    action: 'change of primary email address',
+    message: deleteOldEmail
+      ? [
+          `We also removed the previous primary email ${oldEmail} from the account.`,
+        ]
+      : [],
+  }
+
+  async function sendToRecipients(recipients) {
+    // On failure, log the error and carry on so that one email failing does not prevent other emails sending
+    for await (const recipient of recipients) {
+      try {
+        const opts = Object.assign({}, emailOptions, { to: recipient })
+        await EmailHandler.promises.sendEmail('securityAlert', opts)
+      } catch (error) {
+        logger.error(
+          { error, userId },
+          'could not send security alert email when primary email changed'
+        )
+      }
+    }
+  }
+
+  // First, send notification to the old and new primary emails before getting other emails from v1 to ensure that these
+  // are still sent in the event of not being able to reach v1
+  const oldAndNewPrimaryEmails = [oldEmail, email]
+  await sendToRecipients(oldAndNewPrimaryEmails)
+
+  // Next, get extra recipients with affiliation data
+  const emailsData = await UserGetter.promises.getUserFullEmails(userId)
+  const extraRecipients = _securityAlertPrimaryEmailChangedExtraRecipients(
+    emailsData,
+    oldEmail,
+    email
+  )
+
+  await sendToRecipients(extraRecipients)
+}
+
+/**
+ * Add a new email address for the user. Email cannot be already used by this
+ * or any other user
+ */
+async function addEmailAddress(userId, newEmail, affiliationOptions, auditLog) {
+  newEmail = EmailHelper.parseEmail(newEmail)
+  if (!newEmail) {
+    throw new Error('invalid email')
+  }
+
+  await UserGetter.promises.ensureUniqueEmailAddress(newEmail)
+
+  AnalyticsManager.recordEventForUserInBackground(
+    userId,
+    'secondary-email-added'
+  )
+
+  await UserAuditLogHandler.promises.addEntry(
+    userId,
+    'add-email',
+    auditLog.initiatorId,
+    auditLog.ipAddress,
+    {
+      newSecondaryEmail: newEmail,
+    }
+  )
+
+  try {
+    await InstitutionsAPI.promises.addAffiliation(
+      userId,
+      newEmail,
+      affiliationOptions
+    )
+  } catch (error) {
+    throw OError.tag(error, 'problem adding affiliation while adding email')
+  }
+
+  try {
+    const reversedHostname = newEmail.split('@')[1].split('').reverse().join('')
+    const update = {
+      $push: {
+        emails: { email: newEmail, createdAt: new Date(), reversedHostname },
+      },
+    }
+    await updateUser({ _id: userId, 'emails.email': { $ne: newEmail } }, update)
+  } catch (error) {
+    throw OError.tag(error, 'problem updating users emails')
+  }
+}
+
+async function clearSAMLData(userId, auditLog, sendEmail) {
+  const user = await UserGetter.promises.getUser(userId, {
+    email: 1,
+    emails: 1,
+  })
+
+  await UserAuditLogHandler.promises.addEntry(
+    userId,
+    'clear-institution-sso-data',
+    auditLog.initiatorId,
+    auditLog.ipAddress,
+    {}
+  )
+
+  const update = {
+    $unset: {
+      samlIdentifiers: 1,
+      'emails.$[].samlProviderId': 1,
+      'enrollment.sso': 1,
+    },
+  }
+
+  await updateUser(userId, update)
+
+  for (const emailData of user.emails) {
+    await InstitutionsAPI.promises.removeEntitlement(userId, emailData.email)
+  }
+
+  await FeaturesUpdater.promises.refreshFeatures(
+    userId,
+    'clear-institution-sso-data'
+  )
+
+  if (sendEmail) {
+    await EmailHandler.promises.sendEmail('SAMLDataCleared', { to: user.email })
+  }
+}
+
+/**
+ * set the default email address by setting the `email` attribute. The email
+ * must be one of the user's multiple emails (`emails` attribute)
+ */
+async function setDefaultEmailAddress(
+  userId,
+  email,
+  allowUnconfirmed,
+  auditLog,
+  sendSecurityAlert,
+  deleteOldEmail = false
+) {
+  email = EmailHelper.parseEmail(email)
+  if (email == null) {
+    throw new Error('invalid email')
+  }
+
+  const user = await UserGetter.promises.getUser(userId, {
+    email: 1,
+    emails: 1,
+  })
+  if (!user) {
+    throw new Error('invalid userId')
+  }
+
+  const oldEmail = user.email
+  const userEmail = user.emails.find(e => e.email === email)
+  if (!userEmail) {
+    throw new Error('Default email does not belong to user')
+  }
+  if (!userEmail.confirmedAt && !allowUnconfirmed) {
+    throw new Errors.UnconfirmedEmailError()
+  }
+
+  await UserAuditLogHandler.promises.addEntry(
+    userId,
+    'change-primary-email',
+    auditLog.initiatorId,
+    auditLog.ipAddress,
+    {
+      newPrimaryEmail: email,
+      oldPrimaryEmail: oldEmail,
+    }
+  )
+
+  const query = { _id: userId, 'emails.email': email }
+  const update = { $set: { email, lastPrimaryEmailCheck: new Date() } }
+  const res = await updateUser(query, update)
+
+  // this should not happen
+  if (res.matchedCount !== 1) {
+    throw new Error('email update error')
+  }
+
+  AnalyticsManager.recordEventForUserInBackground(
+    userId,
+    'primary-email-address-updated'
+  )
+
+  if (sendSecurityAlert) {
+    // no need to wait, errors are logged and not passed back
+    _sendSecurityAlertPrimaryEmailChanged(
+      userId,
+      oldEmail,
+      email,
+      deleteOldEmail
+    ).catch(err => {
+      logger.error({ err }, 'failed to send security alert email')
+    })
+  }
+
+  try {
+    await NewsletterManager.promises.changeEmail(user, email)
+  } catch (error) {
+    logger.warn(
+      { err: error, oldEmail, newEmail: email },
+      'Failed to change email in newsletter subscription'
+    )
+  }
+  try {
+    await Modules.promises.hooks.fire('userEmailChanged', user, email)
+  } catch (err) {
+    logger.error(
+      { err, oldEmail, newEmail: email },
+      'Failed to fire "userEmailChanged" hook'
+    )
+  }
+
+  try {
+    await RecurlyWrapper.promises.updateAccountEmailAddress(user._id, email)
+  } catch (error) {
+    // errors are ignored
+  }
+}
+
+/**
+ * Overwrites the primary email address of a user in the database in-place.
+ * This function is only intended for use in scripts to migrate email addresses
+ * where we do not want to trigger all the actions that happen when a user
+ * changes their own email.  It should not be used in any other circumstances.
+ */
+async function migrateDefaultEmailAddress(
+  userId,
+  oldEmail,
+  newEmail,
+  auditLog
+) {
+  oldEmail = EmailHelper.parseEmail(oldEmail)
+  if (oldEmail == null) {
+    throw new Error('invalid old email')
+  }
+  newEmail = EmailHelper.parseEmail(newEmail)
+  if (newEmail == null) {
+    throw new Error('invalid new email')
+  }
+  const reversedHostname = newEmail.split('@')[1].split('').reverse().join('')
+  const query = {
+    _id: userId,
+    email: oldEmail,
+    'emails.email': oldEmail,
+  }
+  const update = {
+    $set: {
+      email: newEmail,
+      'emails.$.email': newEmail,
+      'emails.$.reversedHostname': reversedHostname,
+    },
+  }
+  const result = await updateUser(query, update)
+  if (result.modifiedCount !== 1) {
+    throw new Error('email update error')
+  }
+  // add a user audit log entry for the email change
+  await UserAuditLogHandler.promises.addEntry(
+    userId,
+    'migrate-default-email',
+    auditLog.initiatorId,
+    auditLog.ipAddress,
+    {
+      oldEmail,
+      newEmail,
+      // Add optional extra info
+      ...(auditLog.extraInfo || {}),
+    }
+  )
+}
+
+async function confirmEmail(userId, email, affiliationOptions) {
+  // used for initial email confirmation (non-SSO and SSO)
+  // also used for reconfirmation of non-SSO emails
+  const confirmedAt = new Date()
+  email = EmailHelper.parseEmail(email)
+  if (email == null) {
+    throw new Error('invalid email')
+  }
+  logger.debug({ userId, email }, 'confirming user email')
+
+  try {
+    affiliationOptions = affiliationOptions || {}
+    affiliationOptions.confirmedAt = confirmedAt
+    await InstitutionsAPI.promises.addAffiliation(
+      userId,
+      email,
+      affiliationOptions
+    )
+  } catch (error) {
+    throw OError.tag(error, 'problem adding affiliation while confirming email')
+  }
+
+  const query = {
+    _id: userId,
+    'emails.email': email,
+  }
+
+  // only update confirmedAt if it was not previously set
+  const update = {
+    $set: {
+      'emails.$.reconfirmedAt': confirmedAt,
+    },
+    $min: {
+      'emails.$.confirmedAt': confirmedAt,
+    },
+  }
+
+  if (Features.hasFeature('affiliations')) {
+    update.$unset = {
+      'emails.$.affiliationUnchecked': 1,
+    }
+  }
+
+  const res = await updateUser(query, update)
+
+  if (res.matchedCount !== 1) {
+    throw new Errors.NotFoundError('user id and email do no match')
+  }
+  await FeaturesUpdater.promises.refreshFeatures(userId, 'confirm-email')
+  try {
+    await maybeCreateRedundantSubscriptionNotification(userId, email)
+  } catch (error) {
+    logger.err(
+      { err: error },
+      'error checking redundant subscription on email confirmation'
+    )
+  }
+}
+
+async function maybeCreateRedundantSubscriptionNotification(userId, email) {
+  const subscription =
+    await SubscriptionLocator.promises.getUserIndividualSubscription(userId)
+  if (!subscription || subscription.groupPlan) {
+    return
+  }
+
+  const affiliations =
+    await InstitutionsAPI.promises.getUserAffiliations(userId)
+  const confirmedAffiliation = affiliations.find(a => a.email === email)
+  if (!confirmedAffiliation || confirmedAffiliation.licence === 'free') {
+    return
+  }
+
+  await NotificationsBuilder.promises
+    .redundantPersonalSubscription(
+      {
+        institutionId: confirmedAffiliation.institution.id,
+        institutionName: confirmedAffiliation.institution.name,
+      },
+      { _id: userId }
+    )
+    .create()
+}
+
+async function removeEmailAddress(
+  userId,
+  email,
+  auditLog,
+  skipParseEmail = false
+) {
+  // remove one of the user's email addresses. The email cannot be the user's
+  // default email address
+  if (!skipParseEmail) {
+    email = EmailHelper.parseEmail(email)
+  } else if (skipParseEmail && typeof email !== 'string') {
+    throw new Error('email must be a string')
+  }
+
+  if (!email) {
+    throw new Error('invalid email')
+  }
+
+  const isMainEmail = await UserGetter.promises.getUserByMainEmail(email, {
+    _id: 1,
+  })
+  if (isMainEmail) {
+    throw new Error('cannot remove primary email')
+  }
+
+  await UserAuditLogHandler.promises.addEntry(
+    userId,
+    'remove-email',
+    auditLog.initiatorId,
+    auditLog.ipAddress,
+    {
+      removedEmail: email,
+      // Add optional extra info
+      ...(auditLog.extraInfo || {}),
+    }
+  )
+
+  try {
+    await InstitutionsAPI.promises.removeAffiliation(userId, email)
+  } catch (error) {
+    OError.tag(error, 'problem removing affiliation')
+    throw error
+  }
+
+  const query = { _id: userId, email: { $ne: email } }
+  const update = { $pull: { emails: { email } } }
+
+  let res
+  try {
+    res = await updateUser(query, update)
+  } catch (error) {
+    OError.tag(error, 'problem removing users email')
+    throw error
+  }
+
+  if (res.matchedCount !== 1) {
+    throw new Error('Cannot remove email')
+  }
+
+  await FeaturesUpdater.promises.refreshFeatures(userId, 'remove-email')
+}
+
+async function addAffiliationForNewUser(
+  userId,
+  email,
+  affiliationOptions = {}
+) {
+  await InstitutionsAPI.promises.addAffiliation(
+    userId,
+    email,
+    affiliationOptions
+  )
+  try {
+    await updateUser(
+      { _id: userId, 'emails.email': email },
+      { $unset: { 'emails.$.affiliationUnchecked': 1 } }
+    )
+  } catch (error) {
+    logger.error(
+      OError.tag(
+        error,
+        'could not remove affiliationUnchecked flag for user on create',
+        {
+          userId,
+          email,
+        }
+      )
+    )
+  }
+}
+
+async function updateUser(query, update) {
+  query = normalizeQuery(query)
+  const result = await db.users.updateOne(query, update)
+  return result
+}
+
+/**
+ * DEPRECATED
+ *
+ * Change the user's main email address by adding a new email, switching the
+ * default email and removing the old email.  Prefer manipulating multiple
+ * emails and the default rather than calling this method directly
+ */
+async function changeEmailAddress(userId, newEmail, auditLog) {
+  newEmail = EmailHelper.parseEmail(newEmail)
+  if (newEmail == null) {
+    throw new Error('invalid email')
+  }
+
+  const oldEmail = await UserGetter.promises.getUserEmail(userId)
+  await addEmailAddress(userId, newEmail, {}, auditLog)
+  await setDefaultEmailAddress(userId, newEmail, true, auditLog, true)
+  await removeEmailAddress(userId, oldEmail, auditLog)
+}
+
+/**
+ * @param {string} userId
+ * @param {{initiatorId: string, ip: string}} auditLog
+ * @returns {Promise<void>}
+ */
+async function removeReconfirmFlag(userId, auditLog) {
+  await UserAuditLogHandler.promises.addEntry(
+    userId.toString(),
+    'must-reset-password-unset',
+    auditLog.initiatorId,
+    auditLog.ip
+  )
+  await updateUser(userId.toString(), { $set: { must_reconfirm: false } })
+}
+
+async function suspendUser(userId, auditLog = {}) {
+  const res = await updateUser(
+    { _id: userId, suspended: { $ne: true } },
+    { $set: { suspended: true } }
+  )
+  if (res.matchedCount !== 1) {
+    throw new Errors.NotFoundError('user id not found or already suspended')
+  }
+  await UserAuditLogHandler.promises.addEntry(
+    userId,
+    'account-suspension',
+    auditLog.initiatorId,
+    auditLog.ip,
+    auditLog.info || {}
+  )
+  await UserSessionsManager.promises.removeSessionsFromRedis({ _id: userId })
+  await Modules.promises.hooks.fire(
+    'removeDropbox',
+    userId,
+    'account-suspension'
+  )
+}
+
+function _securityAlertPrimaryEmailChangedExtraRecipients(
+  emailsData,
+  oldEmail,
+  email
+) {
+  // Group by institution if we have it, or domain if we don’t, and for each group send to the most recently
+  // reconfirmed (or confirmed if never reconfirmed) address in that group. We also remove the original and new
+  // primary email addresses because they are emailed separately
+  // See #6101.
+  function sortEmailsByConfirmation(emails) {
+    return emails.sort((e1, e2) => e2.lastConfirmedAt - e1.lastConfirmedAt)
+  }
+
+  const recipients = new Set()
+  const emailsToIgnore = new Set([oldEmail, email])
+
+  // Remove non-confirmed emails
+  const confirmedEmails = emailsData.filter(email => !!email.lastConfirmedAt)
+
+  // Group other emails by institution, separating out those with no institution and grouping them instead by domain.
+  // The keys for each group are not used for anything other than the grouping, so can have a slightly paranoid format
+  // to avoid any potential clash
+  const groupedEmails = _.groupBy(confirmedEmails, emailData => {
+    if (!emailData.affiliation || !emailData.affiliation.institution) {
+      return `domain:${EmailHelper.getDomain(emailData.email)}`
+    }
+    return `institution_id:${emailData.affiliation.institution.id}`
+  })
+
+  // For each group of emails, order the emails by (re-)confirmation date and pick the first
+  for (const emails of Object.values(groupedEmails)) {
+    // Sort by confirmation and pick the first
+    sortEmailsByConfirmation(emails)
+
+    // Ignore original and new primary email addresses
+    const recipient = emails[0].email
+    if (!emailsToIgnore.has(recipient)) {
+      recipients.add(emails[0].email)
+    }
+  }
+
+  return Array.from(recipients)
+}
+
+module.exports = {
+  addAffiliationForNewUser: callbackify(addAffiliationForNewUser),
+  addEmailAddress: callbackify(addEmailAddress),
+  changeEmailAddress: callbackify(changeEmailAddress),
+  clearSAMLData: callbackify(clearSAMLData),
+  confirmEmail: callbackify(confirmEmail),
+  removeEmailAddress: callbackify(removeEmailAddress),
+  removeReconfirmFlag: callbackify(removeReconfirmFlag),
+  setDefaultEmailAddress: callbackify(setDefaultEmailAddress),
+  migrateDefaultEmailAddress: callbackify(migrateDefaultEmailAddress),
+  updateUser: callbackify(updateUser),
+  suspendUser: callbackify(suspendUser),
+  promises: {
+    addAffiliationForNewUser,
+    addEmailAddress,
+    changeEmailAddress,
+    clearSAMLData,
+    confirmEmail,
+    removeEmailAddress,
+    removeReconfirmFlag,
+    setDefaultEmailAddress,
+    migrateDefaultEmailAddress,
+    updateUser,
+    suspendUser,
+  },
+}
diff --git a/services/web/app/src/Features/UserMembership/UserMembershipAuthorization.js b/services/web/app/src/Features/UserMembership/UserMembershipAuthorization.js
new file mode 100644
index 0000000..a7f25c1
--- /dev/null
+++ b/services/web/app/src/Features/UserMembership/UserMembershipAuthorization.js
@@ -0,0 +1,30 @@
+const UserMembershipAuthorization = {
+  hasStaffAccess(requiredStaffAccess) {
+    return req => {
+      if (!req.user) {
+        return false
+      }
+      return (
+        requiredStaffAccess &&
+        req.user.staffAccess &&
+        req.user.staffAccess[requiredStaffAccess]
+      )
+    }
+  },
+
+  hasEntityAccess() {
+    return req => {
+      if (!req.entity) {
+        return false
+      }
+      const fieldAccess = req.entity[req.entityConfig.fields.access]
+      const fieldAccessArray = Array.isArray(fieldAccess)
+        ? fieldAccess
+        : [fieldAccess.toString()]
+      return fieldAccessArray.some(
+        accessUserId => accessUserId.toString() === req.user._id.toString()
+      )
+    }
+  },
+}
+module.exports = UserMembershipAuthorization
diff --git a/services/web/app/src/Features/UserMembership/UserMembershipController.mjs b/services/web/app/src/Features/UserMembership/UserMembershipController.mjs
new file mode 100644
index 0000000..aaa8fa5
--- /dev/null
+++ b/services/web/app/src/Features/UserMembership/UserMembershipController.mjs
@@ -0,0 +1,244 @@
+import SessionManager from '../Authentication/SessionManager.js'
+import UserMembershipHandler from './UserMembershipHandler.js'
+import Errors from '../Errors/Errors.js'
+import EmailHelper from '../Helpers/EmailHelper.js'
+import { csvAttachment } from '../../infrastructure/Response.js'
+import {
+  UserIsManagerError,
+  UserAlreadyAddedError,
+  UserNotFoundError,
+} from './UserMembershipErrors.js'
+import { SSOConfig } from '../../models/SSOConfig.js'
+import { Parser as CSVParser } from 'json2csv'
+import { expressify } from '@overleaf/promise-utils'
+import PlansLocator from '../Subscription/PlansLocator.js'
+import RecurlyClient from '../Subscription/RecurlyClient.js'
+
+async function manageGroupMembers(req, res, next) {
+  const { entity: subscription, entityConfig } = req
+
+  const entityPrimaryKey =
+    subscription[entityConfig.fields.primaryKey].toString()
+
+  let entityName
+  if (entityConfig.fields.name) {
+    entityName = subscription[entityConfig.fields.name]
+  }
+
+  const users = await UserMembershipHandler.promises.getUsers(
+    subscription,
+    entityConfig
+  )
+  const ssoConfig = await SSOConfig.findById(subscription.ssoConfig).exec()
+  const plan = PlansLocator.findLocalPlanInSettings(subscription.planCode)
+  const userId = SessionManager.getLoggedInUserId(req.session)
+  const isAdmin = subscription.admin_id.toString() === userId
+  const recurlySubscription = subscription.recurlySubscription_id
+    ? await RecurlyClient.promises.getSubscription(
+        subscription.recurlySubscription_id
+      )
+    : undefined
+
+  const canUseAddSeatsFeature =
+    plan?.canUseFlexibleLicensing &&
+    isAdmin &&
+    recurlySubscription &&
+    !recurlySubscription.pendingChange
+
+  res.render('user_membership/group-members-react', {
+    name: entityName,
+    groupId: entityPrimaryKey,
+    users,
+    groupSize: subscription.membersLimit,
+    managedUsersActive: subscription.managedUsersEnabled,
+    groupSSOActive: ssoConfig?.enabled,
+    canUseFlexibleLicensing: plan?.canUseFlexibleLicensing,
+    canUseAddSeatsFeature,
+  })
+}
+
+async function manageGroupManagers(req, res, next) {
+  await _renderManagersPage(
+    req,
+    res,
+    next,
+    'user_membership/group-managers-react'
+  )
+}
+
+async function manageInstitutionManagers(req, res, next) {
+  await _renderManagersPage(
+    req,
+    res,
+    next,
+    'user_membership/institution-managers-react'
+  )
+}
+
+async function managePublisherManagers(req, res, next) {
+  await _renderManagersPage(
+    req,
+    res,
+    next,
+    'user_membership/publisher-managers-react'
+  )
+}
+
+async function _renderManagersPage(req, res, next, template) {
+  const { entity, entityConfig } = req
+
+  const fetchV1Data = new Promise((resolve, reject) => {
+    entity.fetchV1Data((error, entity) => {
+      if (error) {
+        reject(error)
+      } else {
+        resolve(entity)
+      }
+    })
+  })
+
+  const entityWithV1Data = await fetchV1Data
+
+  const entityPrimaryKey =
+    entityWithV1Data[entityConfig.fields.primaryKey].toString()
+  let entityName
+  if (entityConfig.fields.name) {
+    entityName = entityWithV1Data[entityConfig.fields.name]
+  }
+  const users = await UserMembershipHandler.promises.getUsers(
+    entityWithV1Data,
+    entityConfig
+  )
+
+  res.render(template, {
+    name: entityName,
+    users,
+    groupId: entityPrimaryKey,
+  })
+}
+
+export default {
+  manageGroupMembers: expressify(manageGroupMembers),
+  manageGroupManagers: expressify(manageGroupManagers),
+  manageInstitutionManagers: expressify(manageInstitutionManagers),
+  managePublisherManagers: expressify(managePublisherManagers),
+  add(req, res, next) {
+    const { entity, entityConfig } = req
+    const email = EmailHelper.parseEmail(req.body.email)
+    if (email == null) {
+      return res.status(400).json({
+        error: {
+          code: 'invalid_email',
+          message: req.i18n.translate('invalid_email'),
+        },
+      })
+    }
+
+    if (entityConfig.readOnly) {
+      return next(new Errors.NotFoundError('Cannot add users to entity'))
+    }
+
+    UserMembershipHandler.addUser(
+      entity,
+      entityConfig,
+      email,
+      function (error, user) {
+        if (error && error instanceof UserAlreadyAddedError) {
+          return res.status(400).json({
+            error: {
+              code: 'user_already_added',
+              message: req.i18n.translate('user_already_added'),
+            },
+          })
+        }
+        if (error && error instanceof UserNotFoundError) {
+          return res.status(404).json({
+            error: {
+              code: 'user_not_found',
+              message: req.i18n.translate('user_not_found'),
+            },
+          })
+        }
+        if (error != null) {
+          return next(error)
+        }
+        res.json({ user })
+      }
+    )
+  },
+  remove(req, res, next) {
+    const { entity, entityConfig } = req
+    const { userId } = req.params
+
+    if (entityConfig.readOnly) {
+      return next(new Errors.NotFoundError('Cannot remove users from entity'))
+    }
+
+    const loggedInUserId = SessionManager.getLoggedInUserId(req.session)
+    if (loggedInUserId === userId) {
+      return res.status(400).json({
+        error: {
+          code: 'managers_cannot_remove_self',
+          message: req.i18n.translate('managers_cannot_remove_self'),
+        },
+      })
+    }
+
+    UserMembershipHandler.removeUser(
+      entity,
+      entityConfig,
+      userId,
+      function (error, user) {
+        if (error && error instanceof UserIsManagerError) {
+          return res.status(400).json({
+            error: {
+              code: 'managers_cannot_remove_admin',
+              message: req.i18n.translate('managers_cannot_remove_admin'),
+            },
+          })
+        }
+        if (error != null) {
+          return next(error)
+        }
+        res.sendStatus(200)
+      }
+    )
+  },
+  exportCsv(req, res, next) {
+    const { entity, entityConfig } = req
+    const fields = ['email', 'last_logged_in_at', 'last_active_at']
+
+    UserMembershipHandler.getUsers(
+      entity,
+      entityConfig,
+      function (error, users) {
+        if (error != null) {
+          return next(error)
+        }
+        const csvParser = new CSVParser({ fields })
+        csvAttachment(res, csvParser.parse(users), 'Group.csv')
+      }
+    )
+  },
+  new(req, res, next) {
+    res.render('user_membership/new', {
+      entityName: req.params.name,
+      entityId: req.params.id,
+    })
+  },
+  create(req, res, next) {
+    const entityId = req.params.id
+    const entityConfig = req.entityConfig
+
+    UserMembershipHandler.createEntity(
+      entityId,
+      entityConfig,
+      function (error, entity) {
+        if (error != null) {
+          return next(error)
+        }
+        res.redirect(entityConfig.pathsFor(entityId).index)
+      }
+    )
+  },
+}
diff --git a/services/web/app/src/Features/UserMembership/UserMembershipEntityConfigs.js b/services/web/app/src/Features/UserMembership/UserMembershipEntityConfigs.js
new file mode 100644
index 0000000..c65f38e
--- /dev/null
+++ b/services/web/app/src/Features/UserMembership/UserMembershipEntityConfigs.js
@@ -0,0 +1,111 @@
+module.exports = {
+  group: {
+    modelName: 'Subscription',
+    readOnly: true,
+    hasMembersLimit: true,
+    fields: {
+      primaryKey: '_id',
+      read: ['invited_emails', 'teamInvites', 'member_ids'],
+      write: null,
+      access: 'manager_ids',
+      membership: 'member_ids',
+      name: 'teamName',
+    },
+    baseQuery: {
+      groupPlan: true,
+    },
+  },
+
+  team: {
+    // for metrics only
+    modelName: 'Subscription',
+    fields: {
+      primaryKey: 'overleaf.id',
+      access: 'manager_ids',
+    },
+    baseQuery: {
+      groupPlan: true,
+    },
+  },
+
+  groupManagers: {
+    modelName: 'Subscription',
+    fields: {
+      primaryKey: '_id',
+      read: ['manager_ids'],
+      write: 'manager_ids',
+      access: 'manager_ids',
+      membership: 'member_ids',
+      name: 'teamName',
+    },
+    baseQuery: {
+      groupPlan: true,
+    },
+  },
+
+  groupMember: {
+    modelName: 'Subscription',
+    readOnly: true,
+    hasMembersLimit: true,
+    fields: {
+      primaryKey: '_id',
+      read: ['member_ids'],
+      write: null,
+      access: 'member_ids',
+      membership: 'member_ids',
+      name: 'teamName',
+    },
+    baseQuery: {
+      groupPlan: true,
+    },
+  },
+
+  groupAdmin: {
+    modelName: 'Subscription',
+    fields: {
+      primaryKey: '_id',
+      read: ['admin_id'],
+      write: null,
+      access: 'admin_id',
+      membership: 'admin_id',
+      name: 'teamName',
+    },
+    baseQuery: {
+      groupPlan: true,
+    },
+  },
+
+  institution: {
+    modelName: 'Institution',
+    fields: {
+      primaryKey: 'v1Id',
+      read: ['managerIds'],
+      write: 'managerIds',
+      access: 'managerIds',
+      membership: 'member_ids',
+      name: 'name',
+    },
+    pathsFor(id) {
+      return {
+        index: `/manage/institutions/${id}/managers`,
+      }
+    },
+  },
+
+  publisher: {
+    modelName: 'Publisher',
+    fields: {
+      primaryKey: 'slug',
+      read: ['managerIds'],
+      write: 'managerIds',
+      access: 'managerIds',
+      membership: 'member_ids',
+      name: 'name',
+    },
+    pathsFor(id) {
+      return {
+        index: `/manage/publishers/${id}/managers`,
+      }
+    },
+  },
+}
diff --git a/services/web/app/src/Features/UserMembership/UserMembershipErrors.js b/services/web/app/src/Features/UserMembership/UserMembershipErrors.js
new file mode 100644
index 0000000..6667ced
--- /dev/null
+++ b/services/web/app/src/Features/UserMembership/UserMembershipErrors.js
@@ -0,0 +1,11 @@
+const OError = require('@overleaf/o-error')
+
+class UserIsManagerError extends OError {}
+class UserNotFoundError extends OError {}
+class UserAlreadyAddedError extends OError {}
+
+module.exports = {
+  UserIsManagerError,
+  UserNotFoundError,
+  UserAlreadyAddedError,
+}
diff --git a/services/web/app/src/Features/UserMembership/UserMembershipHandler.js b/services/web/app/src/Features/UserMembership/UserMembershipHandler.js
new file mode 100644
index 0000000..0632f6e
--- /dev/null
+++ b/services/web/app/src/Features/UserMembership/UserMembershipHandler.js
@@ -0,0 +1,120 @@
+const { ObjectId } = require('mongodb-legacy')
+const { promisifyAll, callbackify } = require('@overleaf/promise-utils')
+const EntityModels = {
+  Institution: require('../../models/Institution').Institution,
+  Subscription: require('../../models/Subscription').Subscription,
+  Publisher: require('../../models/Publisher').Publisher,
+}
+const UserMembershipViewModel = require('./UserMembershipViewModel')
+const UserGetter = require('../User/UserGetter')
+const {
+  UserIsManagerError,
+  UserNotFoundError,
+  UserAlreadyAddedError,
+} = require('./UserMembershipErrors')
+
+const UserMembershipHandler = {
+  async getEntityWithoutAuthorizationCheck(entityId, entityConfig) {
+    const query = buildEntityQuery(entityId, entityConfig)
+    return await EntityModels[entityConfig.modelName].findOne(query).exec()
+  },
+
+  async createEntity(entityId, entityConfig) {
+    const data = buildEntityQuery(entityId, entityConfig)
+    return await EntityModels[entityConfig.modelName].create(data)
+  },
+
+  async getUsers(entity, entityConfig) {
+    const attributes = entityConfig.fields.read
+    return await getPopulatedListOfMembers(entity, attributes)
+  },
+
+  async addUser(entity, entityConfig, email) {
+    const attribute = entityConfig.fields.write
+    const user = await UserGetter.promises.getUserByAnyEmail(email)
+
+    if (!user) {
+      throw new UserNotFoundError()
+    }
+
+    if (entity[attribute].some(managerId => managerId.equals(user._id))) {
+      throw new UserAlreadyAddedError()
+    }
+
+    await addUserToEntity(entity, attribute, user)
+    return UserMembershipViewModel.build(user)
+  },
+
+  async removeUser(entity, entityConfig, userId) {
+    const attribute = entityConfig.fields.write
+    if (entity.admin_id ? entity.admin_id.equals(userId) : undefined) {
+      throw new UserIsManagerError()
+    }
+    return await removeUserFromEntity(entity, attribute, userId)
+  },
+}
+
+UserMembershipHandler.promises = promisifyAll(UserMembershipHandler)
+module.exports = {
+  getEntityWithoutAuthorizationCheck: callbackify(
+    UserMembershipHandler.getEntityWithoutAuthorizationCheck
+  ),
+  createEntity: callbackify(UserMembershipHandler.createEntity),
+  getUsers: callbackify(UserMembershipHandler.getUsers),
+  addUser: callbackify(UserMembershipHandler.addUser),
+  removeUser: callbackify(UserMembershipHandler.removeUser),
+  promises: UserMembershipHandler,
+}
+
+async function getPopulatedListOfMembers(entity, attributes) {
+  const userObjects = []
+
+  for (const attribute of attributes) {
+    for (const userObject of entity[attribute] || []) {
+      // userObject can be an email as String, a user id as ObjectId or an
+      // invite as Object with an email attribute as String. We want to pass to
+      // UserMembershipViewModel either an email as (String) or a user id (ObjectId)
+      const userIdOrEmail = userObject.email || userObject
+      userObjects.push(userIdOrEmail)
+    }
+  }
+
+  const users = await Promise.all(
+    userObjects.map(userObject =>
+      UserMembershipViewModel.promises.buildAsync(userObject)
+    )
+  )
+
+  for (const user of users) {
+    if (
+      user?._id &&
+      entity?.admin_id &&
+      user._id.toString() === entity.admin_id.toString()
+    ) {
+      user.isEntityAdmin = true
+    }
+  }
+
+  return users
+}
+
+async function addUserToEntity(entity, attribute, user) {
+  const fieldUpdate = {}
+  fieldUpdate[attribute] = user._id
+  return await entity.updateOne({ $addToSet: fieldUpdate }).exec()
+}
+
+async function removeUserFromEntity(entity, attribute, userId) {
+  const fieldUpdate = {}
+  fieldUpdate[attribute] = userId
+  return await entity.updateOne({ $pull: fieldUpdate }).exec()
+}
+
+function buildEntityQuery(entityId, entityConfig) {
+  if (ObjectId.isValid(entityId.toString())) {
+    entityId = new ObjectId(entityId)
+  }
+  const query = Object.assign({}, entityConfig.baseQuery)
+  query[entityConfig.fields.primaryKey] = entityId
+  return query
+}
diff --git a/services/web/app/src/Features/UserMembership/UserMembershipMiddleware.js b/services/web/app/src/Features/UserMembership/UserMembershipMiddleware.js
new file mode 100644
index 0000000..f125496
--- /dev/null
+++ b/services/web/app/src/Features/UserMembership/UserMembershipMiddleware.js
@@ -0,0 +1,334 @@
+const { expressify } = require('@overleaf/promise-utils')
+const async = require('async')
+const UserMembershipAuthorization = require('./UserMembershipAuthorization')
+const AuthenticationController = require('../Authentication/AuthenticationController')
+const UserMembershipHandler = require('./UserMembershipHandler')
+const EntityConfigs = require('./UserMembershipEntityConfigs')
+const Errors = require('../Errors/Errors')
+const HttpErrorHandler = require('../Errors/HttpErrorHandler')
+const TemplatesManager = require('../Templates/TemplatesManager')
+
+// set of middleware arrays or functions that checks user access to an entity
+// (publisher, institution, group, template, etc.)
+const UserMembershipMiddleware = {
+  requireTeamMetricsAccess: [
+    AuthenticationController.requireLogin(),
+    fetchEntityConfig('team'),
+    fetchEntity(),
+    requireEntity(),
+    allowAccessIfAny([
+      UserMembershipAuthorization.hasEntityAccess(),
+      UserMembershipAuthorization.hasStaffAccess('groupMetrics'),
+    ]),
+  ],
+
+  requireGroup: [fetchEntityConfig('group'), fetchEntity(), requireEntity()],
+
+  requireGroupAccess: [
+    AuthenticationController.requireLogin(),
+    fetchEntityConfig('group'),
+    fetchEntity(),
+    requireEntity(),
+  ],
+
+  requireGroupMemberAccess: [
+    AuthenticationController.requireLogin(),
+    fetchEntityConfig('groupMember'),
+    fetchEntity(),
+    requireEntity(),
+    allowAccessIfAny([UserMembershipAuthorization.hasEntityAccess()]),
+  ],
+
+  requireGroupManagementAccess: [
+    AuthenticationController.requireLogin(),
+    fetchEntityConfig('group'),
+    fetchEntity(),
+    requireEntity(),
+    allowAccessIfAny([
+      UserMembershipAuthorization.hasEntityAccess(),
+      UserMembershipAuthorization.hasStaffAccess('groupManagement'),
+    ]),
+  ],
+
+  requireGroupMetricsAccess: [
+    AuthenticationController.requireLogin(),
+    fetchEntityConfig('group'),
+    fetchEntity(),
+    requireEntity(),
+    allowAccessIfAny([
+      UserMembershipAuthorization.hasEntityAccess(),
+      UserMembershipAuthorization.hasStaffAccess('groupMetrics'),
+    ]),
+  ],
+
+  requireGroupManagersManagementAccess: [
+    AuthenticationController.requireLogin(),
+    fetchEntityConfig('groupManagers'),
+    fetchEntity(),
+    requireEntity(),
+    allowAccessIfAny([
+      UserMembershipAuthorization.hasEntityAccess(),
+      UserMembershipAuthorization.hasStaffAccess('groupManagement'),
+    ]),
+  ],
+
+  requireGroupAdminAccess: [
+    AuthenticationController.requireLogin(),
+    fetchEntityConfig('groupAdmin'),
+    fetchEntity(),
+    requireEntity(),
+    allowAccessIfAny([
+      UserMembershipAuthorization.hasEntityAccess(),
+      UserMembershipAuthorization.hasStaffAccess('groupManagement'),
+    ]),
+  ],
+
+  requireInstitutionMetricsAccess: [
+    AuthenticationController.requireLogin(),
+    fetchEntityConfig('institution'),
+    fetchEntity(),
+    requireEntityOrCreate('institutionManagement'),
+    allowAccessIfAny([
+      UserMembershipAuthorization.hasEntityAccess(),
+      UserMembershipAuthorization.hasStaffAccess('institutionMetrics'),
+    ]),
+  ],
+
+  requireInstitutionManagementAccess: [
+    AuthenticationController.requireLogin(),
+    fetchEntityConfig('institution'),
+    fetchEntity(),
+    requireEntityOrCreate('institutionManagement'),
+    allowAccessIfAny([
+      UserMembershipAuthorization.hasEntityAccess(),
+      UserMembershipAuthorization.hasStaffAccess('institutionManagement'),
+    ]),
+  ],
+
+  requireInstitutionManagementStaffAccess: [
+    AuthenticationController.requireLogin(),
+    allowAccessIfAny([
+      UserMembershipAuthorization.hasStaffAccess('institutionManagement'),
+    ]),
+    fetchEntityConfig('institution'),
+    fetchEntity(),
+    requireEntityOrCreate('institutionManagement'),
+  ],
+
+  requirePublisherMetricsAccess: [
+    AuthenticationController.requireLogin(),
+    fetchEntityConfig('publisher'),
+    fetchEntity(),
+    requireEntityOrCreate('publisherManagement'),
+    allowAccessIfAny([
+      UserMembershipAuthorization.hasEntityAccess(),
+      UserMembershipAuthorization.hasStaffAccess('publisherMetrics'),
+    ]),
+  ],
+
+  requirePublisherManagementAccess: [
+    AuthenticationController.requireLogin(),
+    fetchEntityConfig('publisher'),
+    fetchEntity(),
+    requireEntityOrCreate('publisherManagement'),
+    allowAccessIfAny([
+      UserMembershipAuthorization.hasEntityAccess(),
+      UserMembershipAuthorization.hasStaffAccess('publisherManagement'),
+    ]),
+  ],
+
+  requireConversionMetricsAccess: [
+    AuthenticationController.requireLogin(),
+    fetchEntityConfig('publisher'),
+    fetchEntity(),
+    requireEntityOrCreate('publisherManagement'),
+    allowAccessIfAny([
+      UserMembershipAuthorization.hasEntityAccess(),
+      UserMembershipAuthorization.hasStaffAccess('publisherMetrics'),
+    ]),
+  ],
+
+  requireAdminMetricsAccess: [
+    AuthenticationController.requireLogin(),
+    allowAccessIfAny([
+      UserMembershipAuthorization.hasStaffAccess('adminMetrics'),
+    ]),
+  ],
+
+  requireTemplateMetricsAccess: [
+    AuthenticationController.requireLogin(),
+    fetchV1Template(),
+    requireV1Template(),
+    fetchEntityConfig('publisher'),
+    fetchPublisherFromTemplate(),
+    allowAccessIfAny([
+      UserMembershipAuthorization.hasEntityAccess(),
+      UserMembershipAuthorization.hasStaffAccess('publisherMetrics'),
+    ]),
+  ],
+
+  requirePublisherCreationAccess: [
+    AuthenticationController.requireLogin(),
+    allowAccessIfAny([
+      UserMembershipAuthorization.hasStaffAccess('publisherManagement'),
+    ]),
+    fetchEntityConfig('publisher'),
+  ],
+
+  requireInstitutionCreationAccess: [
+    AuthenticationController.requireLogin(),
+    allowAccessIfAny([
+      UserMembershipAuthorization.hasStaffAccess('institutionManagement'),
+    ]),
+    fetchEntityConfig('institution'),
+  ],
+
+  requireSplitTestMetricsAccess: [
+    AuthenticationController.requireLogin(),
+    allowAccessIfAny([
+      UserMembershipAuthorization.hasStaffAccess('splitTestMetrics'),
+      UserMembershipAuthorization.hasStaffAccess('splitTestManagement'),
+    ]),
+  ],
+
+  requireSplitTestManagementAccess: [
+    AuthenticationController.requireLogin(),
+    allowAccessIfAny([
+      UserMembershipAuthorization.hasStaffAccess('splitTestManagement'),
+    ]),
+  ],
+
+  // graphs access is an edge-case:
+  // - the entity id is in `req.query.resource_id`. It must be set as
+  // `req.params.id`
+  // - the entity name is in `req.query.resource_type` and is used to find the
+  // require middleware depending on the entity name
+  requireGraphAccess(req, res, next) {
+    req.params.id = req.query.resource_id
+    let entityName = req.query.resource_type
+    if (!entityName) {
+      return HttpErrorHandler.notFound(req, res, 'resource_type param missing')
+    }
+    entityName = entityName.charAt(0).toUpperCase() + entityName.slice(1)
+
+    const middleware =
+      UserMembershipMiddleware[`require${entityName}MetricsAccess`]
+    if (!middleware) {
+      return HttpErrorHandler.notFound(
+        req,
+        res,
+        `incorrect entity name: ${entityName}`
+      )
+    }
+    // run the list of middleware functions in series. This is essencially
+    // a poor man's middleware runner
+    async.eachSeries(middleware, (fn, callback) => fn(req, res, callback), next)
+  },
+}
+
+module.exports = UserMembershipMiddleware
+
+// fetch entity config and set it in the request
+function fetchEntityConfig(entityName) {
+  return (req, res, next) => {
+    const entityConfig = EntityConfigs[entityName]
+    req.entityName = entityName
+    req.entityConfig = entityConfig
+    next()
+  }
+}
+
+// fetch the entity with id and config, and set it in the request
+function fetchEntity() {
+  return expressify(async (req, res, next) => {
+    req.entity =
+      await UserMembershipHandler.promises.getEntityWithoutAuthorizationCheck(
+        req.params.id,
+        req.entityConfig
+      )
+    next()
+  })
+}
+
+function fetchPublisherFromTemplate() {
+  return (req, res, next) => {
+    if (req.template.brand.slug) {
+      // set the id as the publisher's id as it's the entity used for access
+      // control
+      req.params.id = req.template.brand.slug
+      return fetchEntity()(req, res, next)
+    } else {
+      return next()
+    }
+  }
+}
+
+// ensure an entity was found, or fail with 404
+function requireEntity() {
+  return (req, res, next) => {
+    if (req.entity) {
+      return next()
+    }
+
+    throw new Errors.NotFoundError(
+      `no '${req.entityName}' entity with '${req.params.id}'`
+    )
+  }
+}
+
+// ensure an entity was found or redirect to entity creation page if the user
+// has permissions to create the entity, or fail with 404
+function requireEntityOrCreate(creationStaffAccess) {
+  return (req, res, next) => {
+    if (req.entity) {
+      return next()
+    }
+
+    if (UserMembershipAuthorization.hasStaffAccess(creationStaffAccess)(req)) {
+      res.redirect(`/entities/${req.entityName}/create/${req.params.id}`)
+      return
+    }
+
+    throw new Errors.NotFoundError(
+      `no '${req.entityName}' entity with '${req.params.id}'`
+    )
+  }
+}
+
+// fetch the template from v1, and set it in the request
+function fetchV1Template() {
+  return expressify(async (req, res, next) => {
+    const templateId = req.params.id
+    const body = await TemplatesManager.promises.fetchFromV1(templateId)
+    req.template = {
+      id: body.id,
+      title: body.title,
+      brand: body.brand,
+    }
+    next()
+  })
+}
+
+// ensure a template was found, or fail with 404
+function requireV1Template() {
+  return (req, res, next) => {
+    if (req.template.id) {
+      return next()
+    }
+
+    throw new Errors.NotFoundError('no template found')
+  }
+}
+
+// run a serie of synchronous access functions and call `next` if any of the
+// retur values is truly. Redirect to restricted otherwise
+function allowAccessIfAny(accessFunctions) {
+  return (req, res, next) => {
+    for (const accessFunction of accessFunctions) {
+      if (accessFunction(req)) {
+        return next()
+      }
+    }
+    HttpErrorHandler.forbidden(req, res)
+  }
+}
diff --git a/services/web/app/src/Features/UserMembership/UserMembershipRouter.mjs b/services/web/app/src/Features/UserMembership/UserMembershipRouter.mjs
new file mode 100644
index 0000000..7013b1c
--- /dev/null
+++ b/services/web/app/src/Features/UserMembership/UserMembershipRouter.mjs
@@ -0,0 +1,131 @@
+import UserMembershipMiddleware from './UserMembershipMiddleware.js'
+import UserMembershipController from './UserMembershipController.mjs'
+import SubscriptionGroupController from '../Subscription/SubscriptionGroupController.mjs'
+import TeamInvitesController from '../Subscription/TeamInvitesController.mjs'
+import { RateLimiter } from '../../infrastructure/RateLimiter.js'
+import RateLimiterMiddleware from '../Security/RateLimiterMiddleware.js'
+
+const rateLimiters = {
+  createTeamInvite: new RateLimiter('create-team-invite', {
+    points: 200,
+    duration: 60,
+  }),
+  exportTeamCsv: new RateLimiter('export-team-csv', {
+    points: 30,
+    duration: 60,
+  }),
+}
+
+export default {
+  apply(webRouter) {
+    // group members routes
+    webRouter.get(
+      '/manage/groups/:id/members',
+      UserMembershipMiddleware.requireGroupManagementAccess,
+      UserMembershipController.manageGroupMembers
+    )
+    webRouter.post(
+      '/manage/groups/:id/invites',
+      UserMembershipMiddleware.requireGroupManagementAccess,
+      RateLimiterMiddleware.rateLimit(rateLimiters.createTeamInvite),
+      TeamInvitesController.createInvite
+    )
+    webRouter.post(
+      '/manage/groups/:id/resendInvite',
+      UserMembershipMiddleware.requireGroupManagementAccess,
+      RateLimiterMiddleware.rateLimit(rateLimiters.createTeamInvite),
+      TeamInvitesController.resendInvite
+    )
+    webRouter.delete(
+      '/manage/groups/:id/user/:user_id',
+      UserMembershipMiddleware.requireGroupManagementAccess,
+      SubscriptionGroupController.removeUserFromGroup
+    )
+    webRouter.delete(
+      '/manage/groups/:id/invites/:email',
+      UserMembershipMiddleware.requireGroupManagementAccess,
+      TeamInvitesController.revokeInvite
+    )
+    webRouter.get(
+      '/manage/groups/:id/members/export',
+      UserMembershipMiddleware.requireGroupManagementAccess,
+      RateLimiterMiddleware.rateLimit(rateLimiters.exportTeamCsv),
+      UserMembershipController.exportCsv
+    )
+
+    // group managers routes
+    webRouter.get(
+      '/manage/groups/:id/managers',
+      UserMembershipMiddleware.requireGroupManagersManagementAccess,
+      UserMembershipController.manageGroupManagers
+    )
+    webRouter.post(
+      '/manage/groups/:id/managers',
+      UserMembershipMiddleware.requireGroupManagersManagementAccess,
+      UserMembershipController.add
+    )
+    webRouter.delete(
+      '/manage/groups/:id/managers/:userId',
+      UserMembershipMiddleware.requireGroupManagersManagementAccess,
+      UserMembershipController.remove
+    )
+
+    // institution members routes
+    webRouter.get(
+      '/manage/institutions/:id/managers',
+      UserMembershipMiddleware.requireInstitutionManagementAccess,
+      UserMembershipController.manageInstitutionManagers
+    )
+    webRouter.post(
+      '/manage/institutions/:id/managers',
+      UserMembershipMiddleware.requireInstitutionManagementAccess,
+      UserMembershipController.add
+    )
+    webRouter.delete(
+      '/manage/institutions/:id/managers/:userId',
+      UserMembershipMiddleware.requireInstitutionManagementAccess,
+      UserMembershipController.remove
+    )
+
+    // publisher members routes
+    webRouter.get(
+      '/manage/publishers/:id/managers',
+      UserMembershipMiddleware.requirePublisherManagementAccess,
+      UserMembershipController.managePublisherManagers
+    )
+    webRouter.post(
+      '/manage/publishers/:id/managers',
+      UserMembershipMiddleware.requirePublisherManagementAccess,
+      UserMembershipController.add
+    )
+    webRouter.delete(
+      '/manage/publishers/:id/managers/:userId',
+      UserMembershipMiddleware.requirePublisherManagementAccess,
+      UserMembershipController.remove
+    )
+
+    // publisher creation routes
+    webRouter.get(
+      '/entities/publisher/create/:id',
+      UserMembershipMiddleware.requirePublisherCreationAccess,
+      UserMembershipController.new
+    )
+    webRouter.post(
+      '/entities/publisher/create/:id',
+      UserMembershipMiddleware.requirePublisherCreationAccess,
+      UserMembershipController.create
+    )
+
+    // institution creation routes
+    webRouter.get(
+      '/entities/institution/create/:id',
+      UserMembershipMiddleware.requireInstitutionCreationAccess,
+      UserMembershipController.new
+    )
+    webRouter.post(
+      '/entities/institution/create/:id',
+      UserMembershipMiddleware.requireInstitutionCreationAccess,
+      UserMembershipController.create
+    )
+  },
+}
diff --git a/services/web/app/src/Features/UserMembership/UserMembershipViewModel.js b/services/web/app/src/Features/UserMembership/UserMembershipViewModel.js
new file mode 100644
index 0000000..6c94f67
--- /dev/null
+++ b/services/web/app/src/Features/UserMembership/UserMembershipViewModel.js
@@ -0,0 +1,83 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const UserGetter = require('../User/UserGetter')
+const { isObjectIdInstance } = require('../Helpers/Mongo')
+const { promisify } = require('@overleaf/promise-utils')
+
+const UserMembershipViewModel = {
+  build(userOrEmail) {
+    if (userOrEmail._id) {
+      return buildUserViewModel(userOrEmail)
+    } else {
+      return buildUserViewModelWithEmail(userOrEmail)
+    }
+  },
+
+  buildAsync(userOrIdOrEmail, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    if (!isObjectIdInstance(userOrIdOrEmail)) {
+      // userOrIdOrEmail is a user or an email and can be parsed by #build
+      return callback(null, UserMembershipViewModel.build(userOrIdOrEmail))
+    }
+
+    const userId = userOrIdOrEmail
+    const projection = {
+      email: 1,
+      first_name: 1,
+      last_name: 1,
+      lastLoggedIn: 1,
+      lastActive: 1,
+      enrollment: 1,
+    }
+    return UserGetter.getUser(userId, projection, function (error, user) {
+      if (error != null || user == null) {
+        return callback(null, buildUserViewModelWithId(userId.toString()))
+      }
+      return callback(null, buildUserViewModel(user))
+    })
+  },
+}
+
+function buildUserViewModel(user, isInvite) {
+  if (isInvite == null) {
+    isInvite = false
+  }
+  return {
+    _id: user._id || null,
+    email: user.email || null,
+    first_name: user.first_name || null,
+    last_name: user.last_name || null,
+    last_active_at: user.lastActive || user.lastLoggedIn || null,
+    last_logged_in_at: user.lastLoggedIn || null,
+    invite: isInvite,
+    enrollment: user.enrollment
+      ? {
+          managedBy: user.enrollment.managedBy,
+          enrolledAt: user.enrollment.enrolledAt,
+          sso: user.enrollment.sso,
+        }
+      : undefined,
+  }
+}
+
+const buildUserViewModelWithEmail = email => buildUserViewModel({ email }, true)
+
+const buildUserViewModelWithId = id => buildUserViewModel({ _id: id }, false)
+
+UserMembershipViewModel.promises = {
+  buildAsync: promisify(UserMembershipViewModel.buildAsync),
+}
+
+module.exports = UserMembershipViewModel
diff --git a/services/web/app/src/Features/UserMembership/UserMembershipsHandler.js b/services/web/app/src/Features/UserMembership/UserMembershipsHandler.js
new file mode 100644
index 0000000..cbd12e4
--- /dev/null
+++ b/services/web/app/src/Features/UserMembership/UserMembershipsHandler.js
@@ -0,0 +1,83 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const async = require('async')
+const { promisifyAll } = require('@overleaf/promise-utils')
+const EntityModels = {
+  Institution: require('../../models/Institution').Institution,
+  Subscription: require('../../models/Subscription').Subscription,
+  Publisher: require('../../models/Publisher').Publisher,
+}
+const UserMembershipEntityConfigs = require('./UserMembershipEntityConfigs')
+
+const UserMembershipsHandler = {
+  removeUserFromAllEntities(userId, callback) {
+    // get all writable entity types
+    if (callback == null) {
+      callback = function () {}
+    }
+    const entityConfigs = []
+    for (const key in UserMembershipEntityConfigs) {
+      const entityConfig = UserMembershipEntityConfigs[key]
+      if (entityConfig.fields && entityConfig.fields.write != null) {
+        entityConfigs.push(entityConfig)
+      }
+    }
+
+    // remove the user from all entities types
+    async.map(
+      entityConfigs,
+      (entityConfig, innerCallback) =>
+        UserMembershipsHandler.removeUserFromEntities(
+          entityConfig,
+          userId,
+          innerCallback
+        ),
+      callback
+    )
+  },
+
+  removeUserFromEntities(entityConfig, userId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    const removeOperation = { $pull: {} }
+    removeOperation.$pull[entityConfig.fields.write] = userId
+    EntityModels[entityConfig.modelName]
+      .updateMany({}, removeOperation)
+      .then(result => callback(null, result))
+      .catch(callback)
+  },
+
+  getEntitiesByUser(entityConfig, userId, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    const query = Object.assign({}, entityConfig.baseQuery)
+    query[entityConfig.fields.access] = userId
+    EntityModels[entityConfig.modelName]
+      .find(query)
+      .then(entities => {
+        if (entities == null) {
+          entities = []
+        }
+        async.mapSeries(
+          entities,
+          (entity, cb) => entity.fetchV1Data(cb),
+          callback
+        )
+      })
+      .catch(callback)
+  },
+}
+
+UserMembershipsHandler.promises = promisifyAll(UserMembershipsHandler)
+module.exports = UserMembershipsHandler
diff --git a/services/web/app/src/Features/V1/V1Api.js b/services/web/app/src/Features/V1/V1Api.js
new file mode 100644
index 0000000..ce15891
--- /dev/null
+++ b/services/web/app/src/Features/V1/V1Api.js
@@ -0,0 +1,106 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const request = require('request')
+const settings = require('@overleaf/settings')
+const Errors = require('../Errors/Errors')
+const { promisifyAll } = require('@overleaf/promise-utils')
+
+// TODO: check what happens when these settings aren't defined
+const DEFAULT_V1_PARAMS = {
+  baseUrl: settings.apis.v1.url,
+  auth: {
+    user: settings.apis.v1.user,
+    pass: settings.apis.v1.pass,
+  },
+  json: true,
+  timeout: settings.apis.v1.timeout,
+}
+
+const v1Request = request.defaults(DEFAULT_V1_PARAMS)
+
+const DEFAULT_V1_OAUTH_PARAMS = {
+  baseUrl: settings.apis.v1.url,
+  json: true,
+  timeout: settings.apis.v1.timeout,
+}
+
+const v1OauthRequest = request.defaults(DEFAULT_V1_OAUTH_PARAMS)
+
+const V1Api = {
+  request(options, callback) {
+    if (callback == null) {
+      return request(options)
+    }
+    return v1Request(options, (error, response, body) =>
+      V1Api._responseHandler(options, error, response, body, callback)
+    )
+  },
+
+  oauthRequest(options, token, callback) {
+    if (options.uri == null) {
+      return callback(new Error('uri required'))
+    }
+    if (options.method == null) {
+      options.method = 'GET'
+    }
+    options.auth = { bearer: token }
+    return v1OauthRequest(options, (error, response, body) =>
+      V1Api._responseHandler(options, error, response, body, callback)
+    )
+  },
+
+  _responseHandler(options, error, response, body, callback) {
+    if (error != null) {
+      return callback(
+        new Errors.V1ConnectionError('error from V1 API').withCause(error)
+      )
+    }
+    if (response && response.statusCode >= 500) {
+      return callback(
+        new Errors.V1ConnectionError({
+          message: 'error from V1 API',
+          info: { status: response.statusCode, body },
+        })
+      )
+    }
+    if (
+      (response && response.statusCode >= 200 && response.statusCode < 300) ||
+      Array.from(options.expectedStatusCodes || []).includes(
+        response?.statusCode
+      )
+    ) {
+      return callback(null, response, body)
+    } else if (response?.statusCode === 403) {
+      error = new Errors.ForbiddenError('overleaf v1 returned forbidden')
+      error.statusCode = response.statusCode
+      return callback(error)
+    } else if (response?.statusCode === 404) {
+      error = new Errors.NotFoundError(
+        `overleaf v1 returned non-success code: ${response.statusCode} ${options.method} ${options.uri}`
+      )
+      error.statusCode = response.statusCode
+      return callback(error)
+    } else {
+      error = new Error(
+        `overleaf v1 returned non-success code: ${response?.statusCode} ${options.method} ${options.uri}`
+      )
+      error.statusCode = response?.statusCode
+      return callback(error)
+    }
+  },
+}
+
+V1Api.promises = promisifyAll(V1Api, {
+  multiResult: {
+    request: ['response', 'body'],
+    oauthRequest: ['response', 'body'],
+  },
+})
+module.exports = V1Api
diff --git a/services/web/app/src/Features/V1/V1Handler.mjs b/services/web/app/src/Features/V1/V1Handler.mjs
new file mode 100644
index 0000000..7c5f2d3
--- /dev/null
+++ b/services/web/app/src/Features/V1/V1Handler.mjs
@@ -0,0 +1,90 @@
+/* eslint-disable
+    max-len,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import OError from '@overleaf/o-error'
+import V1Api from './V1Api.js'
+import logger from '@overleaf/logger'
+
+let V1Handler
+
+export default V1Handler = {
+  authWithV1(email, password, callback) {
+    return V1Api.request(
+      {
+        method: 'POST',
+        url: '/api/v1/overleaf/login',
+        json: { email, password },
+        expectedStatusCodes: [403],
+      },
+      function (err, response, body) {
+        if (err != null) {
+          OError.tag(err, '[V1Handler] error while talking to v1 login api', {
+            email,
+          })
+          return callback(err)
+        }
+        if ([200, 403].includes(response.statusCode)) {
+          const isValid = body.valid
+          const userProfile = body.user_profile
+          logger.debug(
+            {
+              email,
+              isValid,
+              v1UserId: body?.user_profile?.id,
+            },
+            '[V1Handler] got response from v1 login api'
+          )
+          return callback(null, isValid, userProfile)
+        } else {
+          err = new Error(
+            `Unexpected status from v1 login api: ${response.statusCode}`
+          )
+          return callback(err)
+        }
+      }
+    )
+  },
+
+  doPasswordReset(v1UserId, password, callback) {
+    return V1Api.request(
+      {
+        method: 'POST',
+        url: '/api/v1/overleaf/reset_password',
+        json: {
+          user_id: v1UserId,
+          password,
+        },
+        expectedStatusCodes: [200],
+      },
+      function (err, response, body) {
+        if (err != null) {
+          OError.tag(err, 'error while talking to v1 password reset api', {
+            v1_user_id: v1UserId,
+          })
+          return callback(err, false)
+        }
+        if ([200].includes(response.statusCode)) {
+          logger.debug(
+            { v1UserId, changed: true },
+            'got success response from v1 password reset api'
+          )
+          return callback(null, true)
+        } else {
+          err = new Error(
+            `Unexpected status from v1 password reset api: ${response.statusCode}`
+          )
+          return callback(err, false)
+        }
+      }
+    )
+  },
+}
diff --git a/services/web/app/src/infrastructure/BodyParserWrapper.js b/services/web/app/src/infrastructure/BodyParserWrapper.js
new file mode 100644
index 0000000..544a7f2
--- /dev/null
+++ b/services/web/app/src/infrastructure/BodyParserWrapper.js
@@ -0,0 +1,35 @@
+const bodyParser = require('body-parser')
+const HttpErrorHandler = require('../Features/Errors/HttpErrorHandler')
+
+function isBodyParserError(nextArg) {
+  if (nextArg instanceof Error) {
+    return (
+      nextArg.statusCode &&
+      nextArg.statusCode >= 400 &&
+      nextArg.statusCode < 600
+    )
+  }
+  return false
+}
+
+const wrapBodyParser = method => opts => {
+  const middleware = bodyParser[method](opts)
+  return function bodyParser(req, res, next) {
+    middleware(req, res, nextArg => {
+      if (isBodyParserError(nextArg)) {
+        return HttpErrorHandler.handleErrorByStatusCode(
+          req,
+          res,
+          nextArg,
+          nextArg.statusCode
+        )
+      }
+      next(nextArg)
+    })
+  }
+}
+
+module.exports = {
+  urlencoded: wrapBodyParser('urlencoded'),
+  json: wrapBodyParser('json'),
+}
diff --git a/services/web/app/src/infrastructure/CSP.js b/services/web/app/src/infrastructure/CSP.js
new file mode 100644
index 0000000..423154d
--- /dev/null
+++ b/services/web/app/src/infrastructure/CSP.js
@@ -0,0 +1,134 @@
+const crypto = require('crypto')
+const path = require('path')
+
+module.exports = function ({
+  reportUri,
+  reportPercentage,
+  reportOnly = false,
+  exclude = [],
+  viewDirectives = {},
+}) {
+  const header = reportOnly
+    ? 'Content-Security-Policy-Report-Only'
+    : 'Content-Security-Policy'
+
+  const defaultPolicy = buildDefaultPolicy(reportUri)
+
+  return function (req, res, next) {
+    // set the default policy
+    res.set(header, defaultPolicy)
+    if (reportUri) {
+      res.set('Reporting-Endpoints', `csp-endpoint="${reportUri}"`)
+    }
+
+    const originalRender = res.render
+
+    res.render = (...args) => {
+      const view = relativeViewPath(args[0])
+
+      if (exclude.includes(view)) {
+        // remove the default policy
+        res.removeHeader(header)
+        res.removeHeader('Reporting-Endpoints')
+      } else {
+        // set the view policy
+        res.locals.cspEnabled = true
+
+        const scriptNonce = crypto.randomBytes(16).toString('base64')
+
+        res.locals.scriptNonce = scriptNonce
+
+        const policy = buildViewPolicy(
+          scriptNonce,
+          reportPercentage,
+          reportUri,
+          viewDirectives[view]
+        )
+
+        // Note: https://csp-evaluator.withgoogle.com/ is useful for checking the policy
+
+        res.set(header, policy)
+      }
+
+      originalRender.apply(res, args)
+    }
+
+    next()
+  }
+}
+
+const buildDefaultPolicy = (reportUri, styleSrc) => {
+  const directives = [
+    `base-uri 'none'`, // forbid setting a "base" element
+    `default-src 'none'`, // forbid loading anything from a "src" attribute
+    `form-action 'none'`, // forbid setting a form action
+    `frame-ancestors 'none'`, // forbid loading embedded content
+    `img-src 'self'`, // allow loading images from the same domain (e.g. the favicon).
+  ]
+
+  if (reportUri) {
+    directives.push(`report-uri ${reportUri}`)
+    directives.push(`report-to csp-endpoint`)
+  }
+
+  if (styleSrc) {
+    directives.push(`style-src ${styleSrc}`)
+  }
+
+  return directives.join('; ')
+}
+
+const buildViewPolicy = (
+  scriptNonce,
+  reportPercentage,
+  reportUri,
+  viewDirectives
+) => {
+  const directives = [
+    `script-src 'nonce-${scriptNonce}' 'unsafe-inline' 'strict-dynamic' https: 'report-sample'`, // only allow scripts from certain sources
+    `object-src 'none'`, // forbid loading an "object" element
+    `base-uri 'none'`, // forbid setting a "base" element
+    ...(viewDirectives ?? []),
+  ]
+
+  if (reportUri) {
+    // enable the report URI for a percentage of CSP-enabled requests
+    const belowReportCutoff = Math.random() * 100 <= reportPercentage
+
+    if (belowReportCutoff) {
+      directives.push(`report-uri ${reportUri}`)
+      directives.push(`report-to csp-endpoint`)
+    }
+  }
+
+  return directives.join('; ')
+}
+
+const webRoot = path.resolve(__dirname, '..', '..', '..')
+
+// build the view path relative to the web root
+function relativeViewPath(view) {
+  return path.isAbsolute(view)
+    ? path.relative(webRoot, view)
+    : path.join('app', 'views', view)
+}
+
+function removeCSPHeaders(res) {
+  res.removeHeader('Content-Security-Policy')
+  res.removeHeader('Content-Security-Policy-Report-Only')
+}
+
+/**
+ * WARNING: allowing inline styles can open a security hole;
+ * this is intended only for use in specific circumstances, such as Safari's built-in PDF viewer.
+ */
+function allowUnsafeInlineStyles(res) {
+  res.set(
+    'Content-Security-Policy',
+    buildDefaultPolicy(undefined, "'unsafe-inline'")
+  )
+}
+
+module.exports.buildDefaultPolicy = buildDefaultPolicy
+module.exports.removeCSPHeaders = removeCSPHeaders
+module.exports.allowUnsafeInlineStyles = allowUnsafeInlineStyles
diff --git a/services/web/app/src/infrastructure/CookieMetrics.js b/services/web/app/src/infrastructure/CookieMetrics.js
new file mode 100644
index 0000000..9e35b51
--- /dev/null
+++ b/services/web/app/src/infrastructure/CookieMetrics.js
@@ -0,0 +1,30 @@
+const Settings = require('@overleaf/settings')
+const metrics = require('@overleaf/metrics')
+
+/**
+ * Middleware function to record session cookie metrics.  This allows us to
+ * detect whether users are sending valid signed cookies, cookies with invalid
+ * signatures (e.g. using an old key), or no cookies at all.
+ *
+ * Signed cookies begin with the prefix 's:'.  If the signature fails to verify,
+ * the signed cookie value is returned as false.
+ */
+function middleware(req, res, next) {
+  const cookieName = Settings.cookieName
+  const cookie = req.cookies && req.cookies[cookieName]
+  const signedCookie = req.signedCookies && req.signedCookies[cookieName]
+  let status
+  if (signedCookie) {
+    status = 'signed'
+  } else if (signedCookie === false) {
+    status = 'bad-signature'
+  } else if (cookie) {
+    status = 'unsigned'
+  } else {
+    status = 'none'
+  }
+  metrics.inc('session.cookie', 1, { status })
+  next()
+}
+
+module.exports = { middleware }
diff --git a/services/web/app/src/infrastructure/Csrf.js b/services/web/app/src/infrastructure/Csrf.js
new file mode 100644
index 0000000..71fb3ac
--- /dev/null
+++ b/services/web/app/src/infrastructure/Csrf.js
@@ -0,0 +1,114 @@
+/* eslint-disable
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+
+const csurf = require('csurf')
+const csrf = csurf()
+const { promisify } = require('util')
+const Settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+
+// Wrapper for `csurf` middleware that provides a list of routes that can be excluded from csrf checks.
+//
+// Include with `Csrf = require('./Csrf')`
+//
+// Add the middleware to the router with:
+//   myRouter.csrf = new Csrf()
+//   myRouter.use webRouter.csrf.middleware
+// When building routes, specify a route to exclude from csrf checks with:
+//   myRouter.csrf.disableDefaultCsrfProtection "/path" "METHOD"
+//
+// To validate the csrf token in a request to ensure that it's valid, you can use `validateRequest`, which takes a
+// request object and calls a callback with an error if invalid.
+
+class Csrf {
+  constructor() {
+    this.middleware = this.middleware.bind(this)
+    this.excluded_routes = {}
+  }
+
+  static blockCrossOriginRequests() {
+    return function (req, res, next) {
+      const { origin } = req.headers
+      // NOTE: Only cross-origin requests must have an origin header set.
+      if (origin && !Settings.allowedOrigins.includes(origin)) {
+        logger.warn({ req }, 'blocking cross-origin request')
+        return res.sendStatus(403)
+      }
+      next()
+    }
+  }
+
+  disableDefaultCsrfProtection(route, method) {
+    if (!this.excluded_routes[route]) {
+      this.excluded_routes[route] = {}
+    }
+    return (this.excluded_routes[route][method] = 1)
+  }
+
+  middleware(req, res, next) {
+    // We want to call the middleware for all routes, even if excluded, because csurf sets up a csrfToken() method on
+    // the request, to get a new csrf token for any rendered forms. For excluded routes we'll then ignore a 'bad csrf
+    // token' error from csurf and continue on...
+
+    // check whether the request method is excluded for the specified route
+    if (
+      (this.excluded_routes[req.path] != null
+        ? this.excluded_routes[req.path][req.method]
+        : undefined) === 1
+    ) {
+      // ignore the error if it's due to a bad csrf token, and continue
+      return csrf(req, res, err => {
+        if (err && err.code !== 'EBADCSRFTOKEN') {
+          return next(err)
+        } else {
+          return next()
+        }
+      })
+    } else {
+      return csrf(req, res, next)
+    }
+  }
+
+  static validateRequest(req, cb) {
+    // run a dummy csrf check to see if it returns an error
+    if (cb == null) {
+      cb = function (valid) {}
+    }
+    return csrf(req, null, err => cb(err))
+  }
+
+  static validateToken(token, session, cb) {
+    if (token == null) {
+      return cb(new Error('missing token'))
+    }
+    // run a dummy csrf check to see if it returns an error
+    // use this to simulate a csrf check regardless of req method, headers &c.
+    const req = {
+      body: {
+        _csrf: token,
+      },
+      headers: {},
+      method: 'POST',
+      session,
+    }
+    return Csrf.validateRequest(req, cb)
+  }
+}
+
+Csrf.promises = {
+  validateRequest: promisify(Csrf.validateRequest),
+  validateToken: promisify(Csrf.validateToken),
+}
+
+module.exports = Csrf
diff --git a/services/web/app/src/infrastructure/CustomSessionStore.js b/services/web/app/src/infrastructure/CustomSessionStore.js
new file mode 100644
index 0000000..5c81105
--- /dev/null
+++ b/services/web/app/src/infrastructure/CustomSessionStore.js
@@ -0,0 +1,165 @@
+const session = require('express-session')
+const RedisStore = require('connect-redis')(session)
+const metrics = require('@overleaf/metrics')
+const logger = require('@overleaf/logger')
+const Settings = require('@overleaf/settings')
+const SessionManager = require('../Features/Authentication/SessionManager')
+const Metrics = require('@overleaf/metrics')
+
+const MAX_SESSION_SIZE_THRESHOLD = 4096
+
+// Define a custom session store to record session metrics and log large
+// anonymous sessions for debugging purposes
+// Also make the SET calls more robust/consistent by adding flags
+// - XX: ensure update in place, expect that the old session value is still in redis at that key
+// - NX: ensure initial set, expect that there is no other session at that key already
+class CustomSessionStore extends RedisStore {
+  static largestSessionSize = 3 * 1024 // ignore sessions smaller than 3KB
+  #initialSetStore
+  #updateInPlaceStore
+
+  constructor({ client }) {
+    super({ client })
+    this.#initialSetStore = new RedisStore({
+      client: new CustomSetRedisClient(client, 'NX'),
+    })
+    this.#updateInPlaceStore = new RedisStore({
+      client: new CustomSetRedisClient(client, 'XX'),
+    })
+  }
+
+  static metric(method, sess) {
+    let type // type of session: 'logged-in', 'anonymous', or 'na' (not available)
+    if (sess) {
+      type = SessionManager.isUserLoggedIn(sess) ? 'logged-in' : 'anonymous'
+    } else {
+      type = 'na'
+    }
+    const size = sess ? JSON.stringify(sess).length : 0
+    // record the number of redis session operations
+    metrics.inc('session.store.count', 1, {
+      method,
+      type,
+      status: size > MAX_SESSION_SIZE_THRESHOLD ? 'oversize' : 'normal',
+    })
+    // record the redis session bandwidth for get/set operations
+    if (method === 'get' || method === 'set') {
+      metrics.count('session.store.bytes', size, { method, type })
+    }
+    // log the largest anonymous session seen so far
+    if (type === 'anonymous' && size > CustomSessionStore.largestSessionSize) {
+      CustomSessionStore.largestSessionSize = size
+      logger.warn(
+        { redactedSession: redactSession(sess), largestSessionSize: size },
+        'largest session size seen'
+      )
+    }
+  }
+
+  get(sid, cb) {
+    super.get(sid, (err, sess) => {
+      if (err || !sess || !checkValidationToken(sid, sess)) return cb(err, null)
+      CustomSessionStore.metric('get', sess)
+      cb(null, sess)
+    })
+  }
+
+  set(sid, sess, cb) {
+    // Refresh the validation token just before writing to Redis
+    // This will ensure that the token is always matching to the sessionID that we write the session value for.
+    // Potential reasons for missing/mismatching token:
+    // - brand-new session
+    // - cycling of the sessionID as part of the login flow
+    // - upgrade from a client side session to a redis session
+    // - accidental writes in the app code
+    sess.validationToken = computeValidationToken(sid)
+
+    CustomSessionStore.metric('set', sess)
+    const originalId = sess.req.signedCookies[Settings.cookieName]
+    if (sid === originalId || sid === sess.req.newSessionId) {
+      this.#updateInPlaceStore.set(sid, sess, cb)
+    } else {
+      Metrics.inc('security.session', 1, { status: 'new' })
+      // Multiple writes can get issued with the new sid. Keep track of it.
+      Object.defineProperty(sess.req, 'newSessionId', { value: sid })
+      this.#initialSetStore.set(sid, sess, cb)
+    }
+  }
+
+  touch(sid, sess, cb) {
+    CustomSessionStore.metric('touch', sess)
+    super.touch(sid, sess, cb)
+  }
+
+  destroy(sid, cb) {
+    // for the destroy method we don't have access to the session object itself
+    CustomSessionStore.metric('destroy')
+    super.destroy(sid, cb)
+  }
+}
+
+function computeValidationToken(sid) {
+  // This should be a deterministic function of the client-side sessionID,
+  // prepended with a version number in case we want to change it later.
+  return 'v1:' + sid.slice(-4)
+}
+
+function checkValidationToken(sid, sess) {
+  const sessionToken = sess.validationToken
+  if (sessionToken) {
+    const clientToken = computeValidationToken(sid)
+    // Reject sessions where the validation token is out of sync with the sessionID.
+    // If you change the method for computing the token (above) then you need to either check or ignore previous versions of the token.
+    if (sessionToken === clientToken) {
+      Metrics.inc('security.session', 1, { status: 'ok' })
+      return true
+    } else {
+      logger.warn(
+        { sid, sessionToken, clientToken },
+        'session token validation failed'
+      )
+      Metrics.inc('security.session', 1, { status: 'error' })
+      return false
+    }
+  } else {
+    Metrics.inc('security.session', 1, { status: 'missing' })
+    return false
+  }
+}
+
+// Helper function to return a redacted version of session object
+// so we can identify the largest keys without exposing sensitive
+// data
+function redactSession(sess) {
+  // replace all string values with '***' of the same length
+  return JSON.parse(
+    JSON.stringify(sess, (key, value) => {
+      if (typeof value === 'string') {
+        return '*'.repeat(value.length)
+      }
+      return value
+    })
+  )
+}
+
+class CustomSetRedisClient {
+  #client
+  #flag
+  constructor(client, flag) {
+    this.#client = client
+    this.#flag = flag
+  }
+
+  set(args, cb) {
+    args.push(this.#flag)
+    this.#client.set(args, (err, ok) => {
+      metrics.inc('session.store.set', 1, {
+        path: this.#flag,
+        status: err ? 'error' : ok ? 'success' : 'failure',
+      })
+      cb(err, ok)
+    })
+  }
+}
+
+module.exports = CustomSessionStore
diff --git a/services/web/app/src/infrastructure/ExpressLocals.js b/services/web/app/src/infrastructure/ExpressLocals.js
new file mode 100644
index 0000000..eae1b48
--- /dev/null
+++ b/services/web/app/src/infrastructure/ExpressLocals.js
@@ -0,0 +1,437 @@
+const logger = require('@overleaf/logger')
+const Metrics = require('@overleaf/metrics')
+const Settings = require('@overleaf/settings')
+const _ = require('lodash')
+const { URL } = require('url')
+const Path = require('path')
+const moment = require('moment')
+const { fetchJson } = require('@overleaf/fetch-utils')
+const contentDisposition = require('content-disposition')
+const Features = require('./Features')
+const SessionManager = require('../Features/Authentication/SessionManager')
+const PackageVersions = require('./PackageVersions')
+const Modules = require('./Modules')
+const Errors = require('../Features/Errors/Errors')
+const {
+  canRedirectToAdminDomain,
+  hasAdminAccess,
+} = require('../Features/Helpers/AdminAuthorizationHelper')
+const {
+  addOptionalCleanupHandlerAfterDrainingConnections,
+} = require('./GracefulShutdown')
+
+const IEEE_BRAND_ID = Settings.ieeeBrandId
+
+let webpackManifest
+function loadManifest() {
+  switch (process.env.NODE_ENV) {
+    case 'production':
+      // Only load webpack manifest file in production.
+      webpackManifest = require('../../../public/manifest.json')
+      break
+    case 'development': {
+      // In dev, fetch the manifest from the webpack container.
+      loadManifestFromWebpackDevServer()
+      const intervalHandle = setInterval(
+        loadManifestFromWebpackDevServer,
+        10 * 1000
+      )
+      addOptionalCleanupHandlerAfterDrainingConnections(
+        'refresh webpack manifest',
+        () => {
+          clearInterval(intervalHandle)
+        }
+      )
+      break
+    }
+    default:
+      // In ci, all entries are undefined.
+      webpackManifest = {}
+  }
+}
+function loadManifestFromWebpackDevServer(done = function () {}) {
+  fetchJson(new URL(`/manifest.json`, Settings.apis.webpack.url), {
+    headers: {
+      Host: 'localhost',
+    },
+  })
+    .then(json => {
+      webpackManifest = json
+      done()
+    })
+    .catch(error => {
+      logger.err({ error }, 'cannot fetch webpack manifest')
+      done(error)
+    })
+}
+const IN_CI = process.env.NODE_ENV === 'test'
+function getWebpackAssets(entrypoint, section) {
+  if (IN_CI) {
+    // Emit an empty list of entries in CI.
+    return []
+  }
+  return webpackManifest.entrypoints[entrypoint].assets[section] || []
+}
+
+module.exports = function (webRouter, privateApiRouter, publicApiRouter) {
+  loadManifest()
+  if (process.env.NODE_ENV === 'development') {
+    // In the dev-env, delay requests until we fetched the manifest once.
+    webRouter.use(function (req, res, next) {
+      if (!webpackManifest) {
+        loadManifestFromWebpackDevServer(next)
+      } else {
+        next()
+      }
+    })
+  }
+
+  webRouter.use(function (req, res, next) {
+    res.locals.session = req.session
+    next()
+  })
+
+  function addSetContentDisposition(req, res, next) {
+    res.setContentDisposition = function (type, { filename }) {
+      res.setHeader(
+        'Content-Disposition',
+        contentDisposition(filename, { type })
+      )
+    }
+    next()
+  }
+  webRouter.use(addSetContentDisposition)
+  privateApiRouter.use(addSetContentDisposition)
+  publicApiRouter.use(addSetContentDisposition)
+
+  webRouter.use(function (req, res, next) {
+    req.externalAuthenticationSystemUsed =
+      Features.externalAuthenticationSystemUsed
+    res.locals.externalAuthenticationSystemUsed =
+      Features.externalAuthenticationSystemUsed
+    req.hasFeature = res.locals.hasFeature = Features.hasFeature
+    next()
+  })
+
+  webRouter.use(function (req, res, next) {
+    let staticFilesBase
+
+    const cdnAvailable =
+      Settings.cdn && Settings.cdn.web && !!Settings.cdn.web.host
+    const cdnBlocked =
+      req.query.nocdn === 'true' || req.session.cdnBlocked || false
+    const userId = SessionManager.getLoggedInUserId(req.session)
+    if (cdnBlocked && req.session.cdnBlocked == null) {
+      logger.debug(
+        { userId, ip: req != null ? req.ip : undefined },
+        'cdnBlocked for user, not using it and turning it off for future requets'
+      )
+      Metrics.inc('no_cdn', 1, {
+        path: userId ? 'logged-in' : 'pre-login',
+        method: 'true',
+      })
+      req.session.cdnBlocked = true
+    }
+    Metrics.inc('cdn_blocked', 1, {
+      path: userId ? 'logged-in' : 'pre-login',
+      method: String(cdnBlocked),
+    })
+    const host = req.headers && req.headers.host
+    const isSmoke = host.slice(0, 5).toLowerCase() === 'smoke'
+    if (cdnAvailable && !isSmoke && !cdnBlocked) {
+      staticFilesBase = Settings.cdn.web.host
+    } else {
+      staticFilesBase = ''
+    }
+
+    res.locals.buildBaseAssetPath = function () {
+      // Return the base asset path (including the CDN url) so that webpack can
+      // use this to dynamically fetch scripts (e.g. PDFjs worker)
+      return staticFilesBase + '/'
+    }
+
+    res.locals.buildJsPath = function (jsFile) {
+      return staticFilesBase + webpackManifest[jsFile]
+    }
+
+    res.locals.buildCopiedJsAssetPath = function (jsFile) {
+      return staticFilesBase + (webpackManifest[jsFile] || '/' + jsFile)
+    }
+
+    let runtimeEmitted = false
+    const runtimeChunk = webpackManifest['runtime.js']
+    res.locals.entrypointScripts = function (entrypoint) {
+      // Each "entrypoint" contains the runtime chunk as imports.
+      // Loading the entrypoint twice results in broken execution.
+      let chunks = getWebpackAssets(entrypoint, 'js')
+      if (runtimeEmitted) {
+        chunks = chunks.filter(chunk => chunk !== runtimeChunk)
+      }
+      runtimeEmitted = true
+      return chunks.map(chunk => staticFilesBase + chunk)
+    }
+
+    res.locals.entrypointStyles = function (entrypoint) {
+      const chunks = getWebpackAssets(entrypoint, 'css')
+      return chunks.map(chunk => staticFilesBase + chunk)
+    }
+
+    res.locals.mathJaxPath = `/js/libs/mathjax-${PackageVersions.version.mathjax}/es5/tex-svg-full.js`
+    res.locals.dictionariesRoot = `/js/dictionaries/${PackageVersions.version.dictionaries}/`
+
+    res.locals.lib = PackageVersions.lib
+
+    res.locals.moment = moment
+
+    res.locals.isIEEE = brandId => brandId === IEEE_BRAND_ID
+
+    res.locals.getCssThemeModifier = function (
+      userSettings,
+      brandVariation,
+      enableIeeeBranding
+    ) {
+      // Themes only exist in OL v2
+      if (Settings.overleaf != null) {
+        // The IEEE theme is no longer applied in the editor, which sets
+        // enableIeeeBranding to false, but is used in the IEEE portal. If
+        // this is an IEEE-branded page and IEEE branding is disabled in this
+        // page, always use the default theme (i.e. no light theme in the
+        // IEEE-branded editor)
+        if (res.locals.isIEEE(brandVariation?.brand_id)) {
+          return enableIeeeBranding ? 'ieee-' : ''
+        } else if (userSettings && userSettings.overallTheme != null) {
+          return userSettings.overallTheme
+        }
+      }
+      return ''
+    }
+
+    res.locals.buildStylesheetPath = function (cssFileName) {
+      return staticFilesBase + webpackManifest[cssFileName]
+    }
+
+    res.locals.buildCssPath = function (
+      themeModifier = '',
+      bootstrapVersion = 3
+    ) {
+      // Pick which main stylesheet to use based on Bootstrap version
+      return res.locals.buildStylesheetPath(
+        bootstrapVersion === 5
+          ? 'main-style-bootstrap-5.css'
+          : `main-${themeModifier}style.css`
+      )
+    }
+
+    res.locals.buildImgPath = function (imgFile) {
+      const path = Path.join('/img/', imgFile)
+      return staticFilesBase + path
+    }
+
+    next()
+  })
+
+  webRouter.use(function (req, res, next) {
+    res.locals.translate = req.i18n.translate
+
+    const addTranslatedTextDeep = obj => {
+      if (_.isObject(obj)) {
+        if (_.has(obj, 'text')) {
+          obj.translatedText = req.i18n.translate(obj.text)
+        }
+        _.forOwn(obj, value => {
+          addTranslatedTextDeep(value)
+        })
+      }
+    }
+
+    // This function is used to add translations from the server for main
+    // navigation and footer items because it's tricky to get them in the front
+    // end otherwise.
+    res.locals.cloneAndTranslateText = obj => {
+      const clone = _.cloneDeep(obj)
+      addTranslatedTextDeep(clone)
+      return clone
+    }
+
+    // Don't include the query string parameters, otherwise Google
+    // treats ?nocdn=true as the canonical version
+    try {
+      const parsedOriginalUrl = new URL(req.originalUrl, Settings.siteUrl)
+      res.locals.currentUrl = parsedOriginalUrl.pathname
+      res.locals.currentUrlWithQueryParams =
+        parsedOriginalUrl.pathname + parsedOriginalUrl.search
+    } catch (err) {
+      return next(new Errors.InvalidError())
+    }
+    res.locals.capitalize = function (string) {
+      if (string.length === 0) {
+        return ''
+      }
+      return string.charAt(0).toUpperCase() + string.slice(1)
+    }
+    next()
+  })
+
+  webRouter.use(function (req, res, next) {
+    res.locals.getUserEmail = function () {
+      const user = SessionManager.getSessionUser(req.session)
+      const email = (user != null ? user.email : undefined) || ''
+      return email
+    }
+    next()
+  })
+
+  webRouter.use(function (req, res, next) {
+    res.locals.StringHelper = require('../Features/Helpers/StringHelper')
+    next()
+  })
+
+  webRouter.use(function (req, res, next) {
+    res.locals.csrfToken = req != null ? req.csrfToken() : undefined
+    next()
+  })
+
+  webRouter.use(function (req, res, next) {
+    res.locals.getReqQueryParam = field =>
+      req.query != null ? req.query[field] : undefined
+    next()
+  })
+
+  webRouter.use(function (req, res, next) {
+    const currentUser = SessionManager.getSessionUser(req.session)
+    if (currentUser != null) {
+      res.locals.user = {
+        email: currentUser.email,
+        first_name: currentUser.first_name,
+        last_name: currentUser.last_name,
+      }
+    }
+    next()
+  })
+
+  webRouter.use(function (req, res, next) {
+    res.locals.getLoggedInUserId = () =>
+      SessionManager.getLoggedInUserId(req.session)
+    res.locals.getSessionUser = () => SessionManager.getSessionUser(req.session)
+    res.locals.canRedirectToAdminDomain = () =>
+      canRedirectToAdminDomain(SessionManager.getSessionUser(req.session))
+    res.locals.hasAdminAccess = () =>
+      hasAdminAccess(SessionManager.getSessionUser(req.session))
+    next()
+  })
+
+  webRouter.use(function (req, res, next) {
+    // Clone the nav settings so they can be modified for each request
+    res.locals.nav = {}
+    for (const key in Settings.nav) {
+      res.locals.nav[key] = _.clone(Settings.nav[key])
+    }
+    res.locals.templates = Settings.templateLinks
+    next()
+  })
+
+  webRouter.use(function (req, res, next) {
+    if (Settings.reloadModuleViewsOnEachRequest) {
+      Modules.loadViewIncludes(req.app)
+    }
+    res.locals.moduleIncludes = Modules.moduleIncludes
+    res.locals.moduleIncludesAvailable = Modules.moduleIncludesAvailable
+    next()
+  })
+
+  webRouter.use(function (req, res, next) {
+    // TODO
+    if (Settings.overleaf != null) {
+      res.locals.overallThemes = [
+        {
+          name: 'Default',
+          val: '',
+          path: res.locals.buildCssPath(),
+        },
+        {
+          name: 'Light',
+          val: 'light-',
+          path: res.locals.buildCssPath('light-'),
+        },
+      ]
+    }
+    next()
+  })
+
+  webRouter.use(function (req, res, next) {
+    res.locals.settings = Settings
+    next()
+  })
+
+  webRouter.use(function (req, res, next) {
+    res.locals.showThinFooter = !Features.hasFeature('saas')
+    next()
+  })
+
+  webRouter.use(function (req, res, next) {
+    res.locals.bootstrap5Override =
+      req.query['bootstrap-5-override'] === 'enabled'
+    next()
+  })
+
+  webRouter.use(function (req, res, next) {
+    res.locals.websiteRedesignOverride = req.query.redesign === 'enabled'
+    next()
+  })
+
+  webRouter.use(function (req, res, next) {
+    res.locals.ExposedSettings = {
+      isOverleaf: Settings.overleaf != null,
+      appName: Settings.appName,
+      adminEmail: Settings.adminEmail,
+      dropboxAppName:
+        Settings.apis.thirdPartyDataStore?.dropboxAppName || 'Overleaf',
+      ieeeBrandId: IEEE_BRAND_ID,
+      hasSamlBeta: req.session.samlBeta,
+      hasAffiliationsFeature: Features.hasFeature('affiliations'),
+      hasSamlFeature: Features.hasFeature('saml'),
+      samlInitPath: _.get(Settings, ['saml', 'ukamf', 'initPath']),
+      hasLinkUrlFeature: Features.hasFeature('link-url'),
+      hasLinkedProjectFileFeature: Features.hasFeature('linked-project-file'),
+      hasLinkedProjectOutputFileFeature: Features.hasFeature(
+        'linked-project-output-file'
+      ),
+      siteUrl: Settings.siteUrl,
+      emailConfirmationDisabled: Settings.emailConfirmationDisabled,
+      maxEntitiesPerProject: Settings.maxEntitiesPerProject,
+      maxUploadSize: Settings.maxUploadSize,
+      projectUploadTimeout: Settings.projectUploadTimeout,
+      recaptchaSiteKey: Settings.recaptcha?.siteKey,
+      recaptchaSiteKeyV3: Settings.recaptcha?.siteKeyV3,
+      recaptchaDisabled: Settings.recaptcha?.disabled,
+      textExtensions: Settings.textExtensions,
+      editableFilenames: Settings.editableFilenames,
+      validRootDocExtensions: Settings.validRootDocExtensions,
+      fileIgnorePattern: Settings.fileIgnorePattern,
+      sentryAllowedOriginRegex: Settings.sentry.allowedOriginRegex,
+      sentryDsn: Settings.sentry.publicDSN,
+      sentryEnvironment: Settings.sentry.environment,
+      sentryRelease: Settings.sentry.release,
+      hotjarId: Settings.hotjar?.id,
+      hotjarVersion: Settings.hotjar?.version,
+      enableSubscriptions: Settings.enableSubscriptions,
+      gaToken:
+        Settings.analytics &&
+        Settings.analytics.ga &&
+        Settings.analytics.ga.token,
+      gaTokenV4:
+        Settings.analytics &&
+        Settings.analytics.ga &&
+        Settings.analytics.ga.tokenV4,
+      cookieDomain: Settings.cookieDomain,
+      templateLinks: Settings.templateLinks,
+      labsEnabled: Settings.labs && Settings.labs.enable,
+      wikiEnabled: Settings.overleaf != null || Settings.proxyLearn,
+      templatesEnabled:
+        Settings.overleaf != null || Settings.templates?.user_id != null,
+      cioWriteKey: Settings.analytics?.cio?.writeKey,
+      cioSiteId: Settings.analytics?.cio?.siteId,
+    }
+    next()
+  })
+}
diff --git a/services/web/app/src/infrastructure/Features.js b/services/web/app/src/infrastructure/Features.js
new file mode 100644
index 0000000..aaf5110
--- /dev/null
+++ b/services/web/app/src/infrastructure/Features.js
@@ -0,0 +1,107 @@
+const _ = require('lodash')
+const Settings = require('@overleaf/settings')
+
+const supportModuleAvailable = Settings.moduleImportSequence.includes('support')
+
+const symbolPaletteModuleAvailable =
+  Settings.moduleImportSequence.includes('symbol-palette')
+
+const trackChangesModuleAvailable =
+  Settings.moduleImportSequence.includes('track-changes')
+
+/**
+ * @typedef {Object} Settings
+ * @property {Object | undefined}  apis
+ * @property {Object | undefined}  apis.linkedUrlProxy
+ * @property {string | undefined}  apis.linkedUrlProxy.url
+ * @property {Object | undefined}  apis.references
+ * @property {string | undefined}  apis.references.url
+ * @property {boolean | undefined} enableGithubSync
+ * @property {boolean | undefined} enableGitBridge
+ * @property {boolean | undefined} enableHomepage
+ * @property {boolean | undefined} enableProjectHistoryBlobs
+ * @property {boolean | undefined} disableFilestore
+ * @property {boolean | undefined} enableSaml
+ * @property {boolean | undefined} ldap
+ * @property {boolean | undefined} oauth
+ * @property {Object | undefined} overleaf
+ * @property {Object | undefined} overleaf.oauth
+ * @property {boolean | undefined} saml
+ */
+
+const Features = {
+  /**
+   * @returns {boolean}
+   */
+  externalAuthenticationSystemUsed() {
+    return (
+      (Boolean(Settings.ldap) && Boolean(Settings.ldap.enable)) ||
+      (Boolean(Settings.saml) && Boolean(Settings.saml.enable)) ||
+      Boolean(Settings.overleaf)
+    )
+  },
+
+  /**
+   * Whether a feature is enabled in the appliation's configuration
+   *
+   * @param {string} feature
+   * @returns {boolean}
+   */
+  hasFeature(feature) {
+    switch (feature) {
+      case 'saas':
+        return Boolean(Settings.overleaf)
+      case 'homepage':
+        return Boolean(Settings.enableHomepage)
+      case 'registration-page':
+        return (
+          !Features.externalAuthenticationSystemUsed() ||
+          Boolean(Settings.overleaf)
+        )
+      case 'registration':
+        return Boolean(Settings.overleaf)
+      case 'chat':
+        return Boolean(Settings.disableChat) === false
+      case 'github-sync':
+        return Boolean(Settings.enableGithubSync)
+      case 'git-bridge':
+        return Boolean(Settings.enableGitBridge)
+      case 'oauth':
+        return Boolean(Settings.oauth)
+      case 'templates-server-pro':
+        return Boolean(Settings.templates?.user_id)
+      case 'affiliations':
+      case 'analytics':
+        return Boolean(_.get(Settings, ['apis', 'v1', 'url']))
+      case 'references':
+        return Boolean(_.get(Settings, ['apis', 'references', 'url']))
+      case 'saml':
+        return Boolean(Settings.enableSaml)
+      case 'linked-project-file':
+        return Boolean(Settings.enabledLinkedFileTypes.includes('project_file'))
+      case 'linked-project-output-file':
+        return Boolean(
+          Settings.enabledLinkedFileTypes.includes('project_output_file')
+        )
+      case 'link-url':
+        return Boolean(
+          _.get(Settings, ['apis', 'linkedUrlProxy', 'url']) &&
+            Settings.enabledLinkedFileTypes.includes('url')
+        )
+      case 'project-history-blobs':
+        return Boolean(Settings.enableProjectHistoryBlobs)
+      case 'filestore':
+        return Boolean(Settings.disableFilestore) === false
+      case 'support':
+        return supportModuleAvailable
+      case 'symbol-palette':
+        return symbolPaletteModuleAvailable
+      case 'track-changes':
+        return trackChangesModuleAvailable
+      default:
+        throw new Error(`unknown feature: ${feature}`)
+    }
+  },
+}
+
+module.exports = Features
diff --git a/services/web/app/src/infrastructure/FileWriter.js b/services/web/app/src/infrastructure/FileWriter.js
new file mode 100644
index 0000000..2c98028
--- /dev/null
+++ b/services/web/app/src/infrastructure/FileWriter.js
@@ -0,0 +1,179 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const fs = require('fs')
+const OError = require('@overleaf/o-error')
+const logger = require('@overleaf/logger')
+const crypto = require('crypto')
+const _ = require('lodash')
+const Settings = require('@overleaf/settings')
+const request = require('request')
+const { Transform, pipeline } = require('stream')
+const { FileTooLargeError } = require('../Features/Errors/Errors')
+const { promisifyAll } = require('@overleaf/promise-utils')
+
+class SizeLimitedStream extends Transform {
+  constructor(options) {
+    options.autoDestroy = true
+    super(options)
+
+    this.bytes = 0
+    this.maxSizeBytes = options.maxSizeBytes || Settings.maxUploadSize
+    this.drain = false
+    this.on('error', () => {
+      this.drain = true
+      this.resume()
+    })
+  }
+
+  _transform(chunk, encoding, done) {
+    if (this.drain) {
+      // mechanism to drain the source stream on error, to avoid leaks
+      // we consume the rest of the incoming stream and don't push it anywhere
+      return done()
+    }
+
+    this.bytes += chunk.length
+    if (this.maxSizeBytes && this.bytes > this.maxSizeBytes) {
+      return done(
+        new FileTooLargeError({
+          message: 'stream size limit reached',
+          info: { size: this.bytes },
+        })
+      )
+    }
+    this.push(chunk)
+    done()
+  }
+}
+
+const FileWriter = {
+  ensureDumpFolderExists() {
+    fs.mkdirSync(Settings.path.dumpFolder, { recursive: true })
+  },
+
+  writeLinesToDisk(identifier, lines, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return FileWriter.writeContentToDisk(identifier, lines.join('\n'), callback)
+  },
+
+  writeContentToDisk(identifier, content, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    const fsPath = `${
+      Settings.path.dumpFolder
+    }/${identifier}_${crypto.randomUUID()}`
+    return fs.writeFile(fsPath, content, function (error) {
+      if (error != null) {
+        return callback(error)
+      }
+      return callback(null, fsPath)
+    })
+  },
+
+  writeStreamToDisk(identifier, stream, options, callback) {
+    if (typeof options === 'function') {
+      callback = options
+      options = {}
+    }
+    if (callback == null) {
+      callback = function () {}
+    }
+    options = options || {}
+
+    const fsPath = `${
+      Settings.path.dumpFolder
+    }/${identifier}_${crypto.randomUUID()}`
+
+    const writeStream = fs.createWriteStream(fsPath)
+    const passThrough = new SizeLimitedStream({
+      maxSizeBytes: options.maxSizeBytes,
+    })
+
+    // if writing fails, we want to consume the bytes from the source, to avoid leaks
+    for (const evt of ['error', 'close']) {
+      writeStream.on(evt, function () {
+        passThrough.unpipe(writeStream)
+        passThrough.resume()
+      })
+    }
+
+    pipeline(stream, passThrough, writeStream, function (err) {
+      if (
+        options.maxSizeBytes &&
+        passThrough.bytes >= options.maxSizeBytes &&
+        !(err instanceof FileTooLargeError)
+      ) {
+        err = new FileTooLargeError({
+          message: 'stream size limit reached',
+          info: { size: passThrough.bytes },
+        }).withCause(err || {})
+      }
+      if (err) {
+        OError.tag(
+          err,
+          '[writeStreamToDisk] something went wrong writing the stream to disk',
+          {
+            identifier,
+            fsPath,
+          }
+        )
+        return callback(err)
+      }
+
+      logger.debug(
+        { identifier, fsPath },
+        '[writeStreamToDisk] write stream finished'
+      )
+      callback(null, fsPath)
+    })
+  },
+
+  writeUrlToDisk(identifier, url, options, callback) {
+    if (typeof options === 'function') {
+      callback = options
+      options = {}
+    }
+    if (callback == null) {
+      callback = function () {}
+    }
+    options = options || {}
+    callback = _.once(callback)
+
+    const stream = request.get(url)
+    stream.on('error', function (err) {
+      logger.warn(
+        { err, identifier, url },
+        '[writeUrlToDisk] something went wrong with writing to disk'
+      )
+      callback(err)
+    })
+    stream.on('response', function (response) {
+      if (response.statusCode >= 200 && response.statusCode < 300) {
+        FileWriter.writeStreamToDisk(identifier, stream, options, callback)
+      } else {
+        const err = new Error(`bad response from url: ${response.statusCode}`)
+        logger.warn({ err, identifier, url }, `[writeUrlToDisk] ${err.message}`)
+        return callback(err)
+      }
+    })
+  },
+}
+
+module.exports = FileWriter
+module.exports.promises = promisifyAll(FileWriter, {
+  without: ['ensureDumpFolderExists'],
+})
+module.exports.SizeLimitedStream = SizeLimitedStream
diff --git a/services/web/app/src/infrastructure/GeoIpLookup.js b/services/web/app/src/infrastructure/GeoIpLookup.js
new file mode 100644
index 0000000..1f71e2a
--- /dev/null
+++ b/services/web/app/src/infrastructure/GeoIpLookup.js
@@ -0,0 +1,127 @@
+const request = require('request')
+const settings = require('@overleaf/settings')
+const _ = require('lodash')
+const logger = require('@overleaf/logger')
+const { URL } = require('url')
+const { promisify, promisifyMultiResult } = require('@overleaf/promise-utils')
+
+const DEFAULT_CURRENCY_CODE = 'USD'
+
+const currencyMappings = {
+  GB: 'GBP',
+  US: 'USD',
+  CH: 'CHF',
+  NZ: 'NZD',
+  AU: 'AUD',
+  DK: 'DKK',
+  NO: 'NOK',
+  CA: 'CAD',
+  SE: 'SEK',
+  SG: 'SGD',
+  IN: 'INR',
+  BR: 'BRL',
+  MX: 'MXN',
+  CO: 'COP',
+  CL: 'CLP',
+  PE: 'PEN',
+}
+
+const validCurrencyParams = Object.values(currencyMappings).concat([
+  'EUR',
+  'INR',
+  'BRL',
+  'MXN',
+  'COP',
+  'CLP',
+  'PEN',
+])
+
+// Countries which would likely prefer Euro's
+const EuroCountries = [
+  'AT',
+  'BE',
+  'BG',
+  'HR',
+  'CY',
+  'CZ',
+  'EE',
+  'FI',
+  'FR',
+  'DE',
+  'EL',
+  'HU',
+  'IE',
+  'IT',
+  'LV',
+  'LT',
+  'LU',
+  'MT',
+  'NL',
+  'PL',
+  'PT',
+  'RO',
+  'SK',
+  'SI',
+  'ES',
+]
+
+_.forEach(EuroCountries, country => (currencyMappings[country] = 'EUR'))
+
+function isValidCurrencyParam(currency) {
+  if (!currency) {
+    return false
+  }
+  return validCurrencyParams.includes(currency)
+}
+
+function getDetails(ip, callback) {
+  if (!ip) {
+    return callback(new Error('no ip passed'))
+  }
+  ip = ip.trim().split(' ')[0]
+  const opts = {
+    url: new URL(ip, settings.apis.geoIpLookup.url).href,
+    timeout: 1000,
+    json: true,
+  }
+  logger.debug({ ip, opts }, 'getting geo ip details')
+  request.get(opts, function (err, res, ipDetails) {
+    if (err) {
+      logger.warn({ err, ip }, 'error getting ip details')
+    }
+    callback(err, ipDetails)
+  })
+}
+
+function getCurrencyCode(ip, callback) {
+  getDetails(ip, function (err, ipDetails) {
+    if (err || !ipDetails) {
+      logger.err(
+        { err, ip },
+        `problem getting currencyCode for ip, defaulting to ${DEFAULT_CURRENCY_CODE}`
+      )
+      return callback(null, DEFAULT_CURRENCY_CODE)
+    }
+    const countryCode =
+      ipDetails && ipDetails.country_code
+        ? ipDetails.country_code.toUpperCase()
+        : undefined
+    const currencyCode = currencyMappings[countryCode] || DEFAULT_CURRENCY_CODE
+    logger.debug({ ip, currencyCode, ipDetails }, 'got currencyCode for ip')
+    callback(err, currencyCode, countryCode)
+  })
+}
+
+module.exports = {
+  getDetails,
+  getCurrencyCode,
+  isValidCurrencyParam,
+  promises: {
+    getDetails: promisify(getDetails),
+    getCurrencyCode: promisifyMultiResult(getCurrencyCode, [
+      'currencyCode',
+      'countryCode',
+    ]),
+  },
+  DEFAULT_CURRENCY_CODE,
+}
diff --git a/services/web/app/src/infrastructure/GracefulShutdown.js b/services/web/app/src/infrastructure/GracefulShutdown.js
new file mode 100644
index 0000000..2446397
--- /dev/null
+++ b/services/web/app/src/infrastructure/GracefulShutdown.js
@@ -0,0 +1,150 @@
+/*
+  Graceful shutdown sequence:
+  - Stop background tasks that depend on the DB, like redis queues
+  - Stop processing new HTTP requests
+  - Wait for background tasks that depend on the DB, like polling that was
+     triggered by HTTP requests
+  - Drain/Close db connections
+  - Cleanup other background tasks, like metrics collectors
+  - By now the node app should exit on its own.
+ */
+
+const logger = require('@overleaf/logger')
+const OError = require('@overleaf/o-error')
+const Settings = require('@overleaf/settings')
+const Metrics = require('@overleaf/metrics')
+const sleep = require('util').promisify(setTimeout)
+const optionalCleanupHandlersBeforeStoppingTraffic = []
+const requiredCleanupHandlersBeforeDrainingConnections = []
+const optionalCleanupHandlersAfterDrainingConnections = []
+const connectionDrainer = []
+
+function addConnectionDrainer(label, handler) {
+  connectionDrainer.push({ label, handler })
+}
+
+function addOptionalCleanupHandlerBeforeStoppingTraffic(label, handler) {
+  optionalCleanupHandlersBeforeStoppingTraffic.push({ label, handler })
+}
+
+function addRequiredCleanupHandlerBeforeDrainingConnections(label, handler) {
+  requiredCleanupHandlersBeforeDrainingConnections.push({ label, handler })
+}
+
+function addOptionalCleanupHandlerAfterDrainingConnections(label, handler) {
+  optionalCleanupHandlersAfterDrainingConnections.push({ label, handler })
+}
+
+async function runHandlers(stage, handlers, logOnly) {
+  logger.info({ stage }, 'graceful shutdown: run handlers')
+  for (const { label, handler } of handlers) {
+    try {
+      await handler()
+    } catch (e) {
+      const err = OError.tag(e, 'handler failed', { stage, label })
+      if (logOnly) {
+        logger.err({ err }, 'graceful shutdown: incomplete cleanup')
+      } else {
+        throw err
+      }
+    }
+  }
+}
+
+/**
+ * @param {import('net').Server} server
+ * @param {string} signal
+ */
+async function gracefulShutdown(server, signal) {
+  logger.warn({ signal }, 'graceful shutdown: started shutdown sequence')
+  Settings.shuttingDown = true
+
+  await runHandlers(
+    'optionalBeforeStoppingTraffic',
+    optionalCleanupHandlersBeforeStoppingTraffic,
+    true
+  )
+
+  await sleep(Settings.gracefulShutdownDelayInMs)
+  try {
+    await new Promise((resolve, reject) => {
+      logger.warn({}, 'graceful shutdown: closing http server')
+      server.close(err => {
+        if (err) {
+          reject(OError.tag(err, 'http.Server.close failed'))
+        } else {
+          resolve()
+        }
+      })
+    })
+  } catch (err) {
+    throw OError.tag(err, 'stop traffic')
+  }
+
+  await runHandlers(
+    'requiredBeforeDrainingConnections',
+    requiredCleanupHandlersBeforeDrainingConnections
+  )
+
+  try {
+    await runHandlers('connectionDrainer', connectionDrainer)
+
+    await runHandlers(
+      'optionalAfterDrainingConnections',
+      optionalCleanupHandlersAfterDrainingConnections.concat([
+        { label: 'metrics module', handler: () => Metrics.close() },
+      ])
+    )
+  } catch (err) {
+    logger.err(
+      { err },
+      'graceful shutdown: failed after stopping traffic, exiting'
+    )
+    // wait for logs to flush
+    await sleep(1000)
+    process.exit(1)
+    return
+  }
+  logger.info({}, 'graceful shutdown: ready to exit')
+}
+
+function triggerGracefulShutdown(server, signal) {
+  gracefulShutdown(server, signal).catch(err => {
+    logger.err(
+      { err },
+      'graceful shutdown: incomplete cleanup, waiting for kill'
+    )
+  })
+}
+
+class BackgroundTaskTracker {
+  constructor(label) {
+    // Do not leak any handles, just record the number of pending jobs.
+    // In case we miss the cleanup of one job, the worst thing that can happen
+    //  is that we do not stop web "gracefully" before k8s kills it forcefully.
+    this.pendingBackgroundTasks = 0
+    addRequiredCleanupHandlerBeforeDrainingConnections(label, async () => {
+      while (this.pendingBackgroundTasks > 0) {
+        await sleep(100) // try again in 100ms.
+      }
+    })
+  }
+
+  add() {
+    this.pendingBackgroundTasks++
+  }
+
+  done() {
+    this.pendingBackgroundTasks--
+  }
+}
+
+module.exports = {
+  BackgroundTaskTracker,
+  addConnectionDrainer,
+  addOptionalCleanupHandlerBeforeStoppingTraffic,
+  addOptionalCleanupHandlerAfterDrainingConnections,
+  addRequiredCleanupHandlerBeforeDrainingConnections,
+  triggerGracefulShutdown,
+  gracefulShutdown,
+}
diff --git a/services/web/app/src/infrastructure/HttpPermissionsPolicy.js b/services/web/app/src/infrastructure/HttpPermissionsPolicy.js
new file mode 100644
index 0000000..2c81ddb
--- /dev/null
+++ b/services/web/app/src/infrastructure/HttpPermissionsPolicy.js
@@ -0,0 +1,88 @@
+//  @ts-check
+
+const Settings = require('@overleaf/settings')
+
+/**
+ * @import { HttpPermissionsPolicy } from './types'
+ */
+
+class HttpPermissionsPolicyMiddleware {
+  /**
+   * Initialise the middleware with a Permissions Policy config
+   * @param {HttpPermissionsPolicy} policy
+   */
+  constructor(policy) {
+    this.middleware = this.middleware.bind(this)
+    if (policy) {
+      this.policy = this.buildPermissionsPolicy(policy)
+    }
+  }
+
+  /**
+   * Checks the provided policy is valid
+   * @param {HttpPermissionsPolicy} policy
+   * @returns {boolean}
+   */
+  validatePermissionsPolicy(policy) {
+    let policyIsValid = true
+
+    if (!policy.allowed) {
+      return true
+    }
+
+    for (const [directive, origins] of Object.entries(policy.allowed)) {
+      // Do any directives in the allowlist clash with the denylist?
+      if (policy.blocked && policy.blocked.includes(directive)) {
+        policyIsValid = false
+      }
+      if (!origins) {
+        policyIsValid = false
+      }
+    }
+
+    return policyIsValid
+  }
+
+  /**
+   * Constructs a Permissions-Policy header string from the given policy configuration
+   * @param {HttpPermissionsPolicy} policy
+   * @returns {string}
+   */
+  buildPermissionsPolicy(policy) {
+    if (!this.validatePermissionsPolicy(policy)) {
+      throw new Error('Invalid Permissions-Policy header configuration')
+    }
+
+    const policyElements = []
+
+    if (policy.blocked && policy.blocked.length > 0) {
+      policyElements.push(
+        policy.blocked.map(policyElement => `${policyElement}=()`).join(', ')
+      )
+    }
+
+    if (policy.allowed && Object.entries(policy.allowed).length > 0) {
+      policyElements.push(
+        Object.keys(policy.allowed)
+          .map(allowKey => `${allowKey}=(${policy.allowed[allowKey]})`)
+          .join(', ')
+      )
+    }
+
+    return policyElements.join(', ')
+  }
+
+  middleware(req, res, next) {
+    if (this.policy && Settings.useHttpPermissionsPolicy) {
+      const originalRender = res.render
+
+      res.render = (...args) => {
+        res.setHeader('Permissions-Policy', this.policy)
+        originalRender.apply(res, args)
+      }
+    }
+    next()
+  }
+}
+
+module.exports = HttpPermissionsPolicyMiddleware
diff --git a/services/web/app/src/infrastructure/JsonWebToken.js b/services/web/app/src/infrastructure/JsonWebToken.js
new file mode 100644
index 0000000..0a49e97
--- /dev/null
+++ b/services/web/app/src/infrastructure/JsonWebToken.js
@@ -0,0 +1,22 @@
+const { callbackify, promisify } = require('util')
+const JWT = require('jsonwebtoken')
+const Settings = require('@overleaf/settings')
+
+const jwtSign = promisify(JWT.sign)
+
+async function sign(payload, options = {}) {
+  const key = Settings.jwt.key
+  const algorithm = Settings.jwt.algorithm
+  if (!key || !algorithm) {
+    throw new Error('missing JWT configuration')
+  }
+  const token = await jwtSign(payload, key, { ...options, algorithm })
+  return token
+}
+
+module.exports = {
+  sign: callbackify(sign),
+  promises: {
+    sign,
+  },
+}
diff --git a/services/web/app/src/infrastructure/Keys.js b/services/web/app/src/infrastructure/Keys.js
new file mode 100644
index 0000000..cd177b9
--- /dev/null
+++ b/services/web/app/src/infrastructure/Keys.js
@@ -0,0 +1,8 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+module.exports = {
+  queue: {
+    web_to_tpds_http_requests: 'web_to_tpds_http_requests',
+    tpds_to_web_http_requests: 'tpds_to_web_http_requests',
+  },
+}
diff --git a/services/web/app/src/infrastructure/LockManager.js b/services/web/app/src/infrastructure/LockManager.js
new file mode 100644
index 0000000..8c21409
--- /dev/null
+++ b/services/web/app/src/infrastructure/LockManager.js
@@ -0,0 +1,36 @@
+const settings = require('@overleaf/settings')
+const RedisWrapper = require('./RedisWrapper')
+const rclient = RedisWrapper.client('lock')
+
+const RedisWebLocker = require('@overleaf/redis-wrapper/RedisWebLocker')
+
+// this method creates a lock manager with the provided timeout options
+function createLockManager(options) {
+  return new RedisWebLocker({
+    rclient,
+    getKey(namespace, id) {
+      return `lock:web:${namespace}:${id}`
+    },
+    options,
+  })
+}
+
+// this is the default lock manager for web
+const LockManager = createLockManager(settings.lockManager)
+
+// this method creates a lock manager with a configurable timeout
+// it shares the lock keys with the default lock manager
+LockManager.withTimeout = function (timeout) {
+  const overrides = {
+    redisLockExpiry: timeout, // in seconds
+    slowExecutionThreshold: 0.5 * timeout * 1000, // in ms
+  }
+  const lockManagerSettingsWithTimeout = Object.assign(
+    {},
+    settings.lockManager,
+    overrides
+  )
+  return createLockManager(lockManagerSettingsWithTimeout)
+}
+
+module.exports = LockManager
diff --git a/services/web/app/src/infrastructure/LoggerSerializers.js b/services/web/app/src/infrastructure/LoggerSerializers.js
new file mode 100644
index 0000000..09d274a
--- /dev/null
+++ b/services/web/app/src/infrastructure/LoggerSerializers.js
@@ -0,0 +1,57 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+module.exports = {
+  user(user) {
+    if (user == null) {
+      return null
+    }
+    if (user._id == null) {
+      user = { _id: user }
+    }
+    return {
+      id: user._id,
+      email: user.email,
+      first_name: user.name,
+      last_name: user.name,
+    }
+  },
+
+  project(project) {
+    if (project == null) {
+      return null
+    }
+    if (project._id == null) {
+      project = { _id: project }
+    }
+    return {
+      id: project._id,
+      name: project.name,
+    }
+  },
+
+  docs(docs) {
+    if ((docs != null ? docs.map : undefined) == null) {
+      return
+    }
+    return docs.map(doc => ({
+      path: doc.path,
+      id: doc.doc,
+    }))
+  },
+
+  files(files) {
+    if ((files != null ? files.map : undefined) == null) {
+      return
+    }
+    return files.map(file => ({
+      path: file.path,
+      id: file.file,
+    }))
+  },
+}
diff --git a/services/web/app/src/infrastructure/Metrics.js b/services/web/app/src/infrastructure/Metrics.js
new file mode 100644
index 0000000..2185c3c
--- /dev/null
+++ b/services/web/app/src/infrastructure/Metrics.js
@@ -0,0 +1,7 @@
+const Metrics = require('@overleaf/metrics')
+
+exports.analyticsQueue = new Metrics.prom.Counter({
+  name: 'analytics_queue',
+  help: 'Number of events sent to the analytics queue',
+  labelNames: ['status', 'event_type'],
+})
diff --git a/services/web/app/src/infrastructure/Modules.js b/services/web/app/src/infrastructure/Modules.js
new file mode 100644
index 0000000..a21be43
--- /dev/null
+++ b/services/web/app/src/infrastructure/Modules.js
@@ -0,0 +1,222 @@
+const fs = require('fs')
+const Path = require('path')
+const { promisify, callbackify } = require('util')
+const Settings = require('@overleaf/settings')
+const Views = require('./Views')
+const _ = require('lodash')
+
+const MODULE_BASE_PATH = Path.join(__dirname, '/../../../modules')
+
+const _modules = []
+let _modulesLoaded = false
+const _hooks = {}
+const _middleware = {}
+let _viewIncludes = {}
+
+async function modules() {
+  if (!_modulesLoaded) {
+    await loadModules()
+  }
+  return _modules
+}
+
+async function loadModulesImpl() {
+  const settingsCheckModuleCjs = Path.join(
+    MODULE_BASE_PATH,
+    'settings-check',
+    'index.js'
+  )
+  const settingsCheckModuleEsm = Path.join(
+    MODULE_BASE_PATH,
+    'settings-check',
+    'index.mjs'
+  )
+  if (fs.existsSync(settingsCheckModuleCjs)) {
+    await import(settingsCheckModuleCjs)
+  } else if (fs.existsSync(settingsCheckModuleEsm)) {
+    await import(settingsCheckModuleEsm)
+  }
+  for (const moduleName of Settings.moduleImportSequence || []) {
+    let path
+    if (fs.existsSync(Path.join(MODULE_BASE_PATH, moduleName, 'index.mjs'))) {
+      path = Path.join(MODULE_BASE_PATH, moduleName, 'index.mjs')
+    } else {
+      path = Path.join(MODULE_BASE_PATH, moduleName, 'index.js')
+    }
+    const module = await import(path)
+    const loadedModule = module.default || module
+
+    loadedModule.name = moduleName
+    _modules.push(loadedModule)
+    if (loadedModule.viewIncludes) {
+      throw new Error(
+        `${moduleName}: module.viewIncludes moved into Settings.viewIncludes`
+      )
+    }
+    if (loadedModule.dependencies) {
+      for (const dependency of loadedModule.dependencies) {
+        if (!Settings.moduleImportSequence.includes(dependency)) {
+          throw new Error(
+            `Module '${dependency}' listed as a dependency of '${moduleName}' is missing in the moduleImportSequence. Please also verify that it is available in the current environment.`
+          )
+        }
+      }
+    }
+  }
+  _modulesLoaded = true
+  await attachHooks()
+  await attachMiddleware()
+}
+
+const loadModules = _.memoize(loadModulesImpl)
+
+async function applyRouter(webRouter, privateApiRouter, publicApiRouter) {
+  for (const module of await modules()) {
+    if (module.router && module.router.apply) {
+      await module.router.apply(webRouter, privateApiRouter, publicApiRouter)
+    }
+  }
+}
+
+async function applyNonCsrfRouter(
+  webRouter,
+  privateApiRouter,
+  publicApiRouter
+) {
+  for (const module of await modules()) {
+    if (module.nonCsrfRouter != null) {
+      module.nonCsrfRouter.apply(webRouter, privateApiRouter, publicApiRouter)
+    }
+    if (module.router && module.router.applyNonCsrfRouter) {
+      module.router.applyNonCsrfRouter(
+        webRouter,
+        privateApiRouter,
+        publicApiRouter
+      )
+    }
+  }
+}
+
+async function start() {
+  for (const module of await modules()) {
+    await module.start?.()
+  }
+}
+
+function loadViewIncludes(app) {
+  _viewIncludes = Views.compileViewIncludes(app)
+}
+
+async function applyMiddleware(appOrRouter, middlewareName, options) {
+  if (!middlewareName) {
+    throw new Error(
+      'middleware name must be provided to register module middleware'
+    )
+  }
+  for (const module of await modules()) {
+    if (module[middlewareName]) {
+      module[middlewareName](appOrRouter, options)
+    }
+  }
+}
+
+function moduleIncludes(view, locals) {
+  const compiledPartials = _viewIncludes[view] || []
+  let html = ''
+  for (const compiledPartial of compiledPartials) {
+    html += compiledPartial(locals)
+  }
+  return html
+}
+
+function moduleIncludesAvailable(view) {
+  return (_viewIncludes[view] || []).length > 0
+}
+
+async function linkedFileAgentsIncludes() {
+  const agents = {}
+  for (const module of await modules()) {
+    for (const name in module.linkedFileAgents) {
+      const agentFunction = module.linkedFileAgents[name]
+      agents[name] = agentFunction()
+    }
+  }
+  return agents
+}
+
+async function attachHooks() {
+  for (const module of await modules()) {
+    const { promises, ...hooks } = module.hooks || {}
+    for (const hook in promises || {}) {
+      const method = promises[hook]
+      attachHook(hook, method)
+    }
+    for (const hook in hooks || {}) {
+      const method = hooks[hook]
+      attachHook(hook, promisify(method))
+    }
+  }
+}
+
+function attachHook(name, method) {
+  if (_hooks[name] == null) {
+    _hooks[name] = []
+  }
+  _hooks[name].push(method)
+}
+
+async function attachMiddleware() {
+  for (const module of await modules()) {
+    for (const middleware in module.middleware || {}) {
+      const method = module.middleware[middleware]
+      if (_middleware[middleware] == null) {
+        _middleware[middleware] = []
+      }
+      _middleware[middleware].push(method)
+    }
+  }
+}
+
+async function fireHook(name, ...args) {
+  // ensure that modules are loaded if we need to fire a hook
+  // this can happen if a script calls a method that fires a hook
+  if (!_modulesLoaded) {
+    await loadModules()
+  }
+  const methods = _hooks[name] || []
+  const results = []
+  for (const method of methods) {
+    const result = await method(...args)
+    results.push(result)
+  }
+  return results
+}
+
+async function getMiddleware(name) {
+  // ensure that modules are loaded if we need to call a middleware
+  if (!_modulesLoaded) {
+    await loadModules()
+  }
+  return _middleware[name] || []
+}
+
+module.exports = {
+  applyNonCsrfRouter,
+  applyRouter,
+  linkedFileAgentsIncludes,
+  loadViewIncludes,
+  moduleIncludes,
+  moduleIncludesAvailable,
+  applyMiddleware,
+  start,
+  hooks: {
+    attach: attachHook,
+    fire: callbackify(fireHook),
+  },
+  middleware: getMiddleware,
+  promises: {
+    hooks: {
+      fire: fireHook,
+    },
+  },
+}
diff --git a/services/web/app/src/infrastructure/Mongoose.js b/services/web/app/src/infrastructure/Mongoose.js
new file mode 100644
index 0000000..a867757
--- /dev/null
+++ b/services/web/app/src/infrastructure/Mongoose.js
@@ -0,0 +1,57 @@
+const mongoose = require('mongoose')
+const Settings = require('@overleaf/settings')
+const Metrics = require('@overleaf/metrics')
+const logger = require('@overleaf/logger')
+const { addConnectionDrainer } = require('./GracefulShutdown')
+
+mongoose.set('autoIndex', false)
+mongoose.set('strictQuery', false)
+
+const connectionPromise = mongoose.connect(
+  Settings.mongo.url,
+  Settings.mongo.options
+)
+
+connectionPromise
+  .then(mongooseInstance => {
+    Metrics.mongodb.monitor(mongooseInstance.connection.client)
+  })
+  .catch(error => {
+    logger.error(
+      { error },
+      'Failed to connect to MongoDB - cannot set up monitoring'
+    )
+  })
+
+addConnectionDrainer('mongoose', async () => {
+  await connectionPromise
+  await mongoose.disconnect()
+})
+
+mongoose.connection.on('connected', () =>
+  logger.debug('mongoose default connection open')
+)
+
+mongoose.connection.on('error', err =>
+  logger.err({ err }, 'mongoose error on default connection')
+)
+
+mongoose.connection.on('disconnected', () =>
+  logger.debug('mongoose default connection disconnected')
+)
+
+if (process.env.MONGOOSE_DEBUG) {
+  mongoose.set('debug', (collectionName, method, query, doc) =>
+    logger.debug({ collectionName, method, query, doc }, 'mongoose debug')
+  )
+}
+
+mongoose.plugin(schema => {
+  schema.options.usePushEach = true
+})
+
+mongoose.Promise = global.Promise
+
+mongoose.connectionPromise = connectionPromise
+
+module.exports = mongoose
diff --git a/services/web/app/src/infrastructure/PackageVersions.js b/services/web/app/src/infrastructure/PackageVersions.js
new file mode 100644
index 0000000..f2e22fc
--- /dev/null
+++ b/services/web/app/src/infrastructure/PackageVersions.js
@@ -0,0 +1,16 @@
+const version = {
+  mathjax: '3.2.2',
+  dictionaries: '0.0.3',
+}
+
+module.exports = {
+  version,
+
+  lib(name) {
+    if (version[name] != null) {
+      return `${name}-${version[name]}`
+    } else {
+      return `${name}`
+    }
+  },
+}
diff --git a/services/web/app/src/infrastructure/QueueWorkers.js b/services/web/app/src/infrastructure/QueueWorkers.js
new file mode 100644
index 0000000..0b11795
--- /dev/null
+++ b/services/web/app/src/infrastructure/QueueWorkers.js
@@ -0,0 +1,110 @@
+const Features = require('./Features')
+const Queues = require('./Queues')
+const UserOnboardingEmailManager = require('../Features/User/UserOnboardingEmailManager')
+const UserPostRegistrationAnalyticsManager = require('../Features/User/UserPostRegistrationAnalyticsManager')
+const FeaturesUpdater = require('../Features/Subscription/FeaturesUpdater')
+const {
+  addOptionalCleanupHandlerBeforeStoppingTraffic,
+  addRequiredCleanupHandlerBeforeDrainingConnections,
+} = require('./GracefulShutdown')
+const EmailHandler = require('../Features/Email/EmailHandler')
+const logger = require('@overleaf/logger')
+const OError = require('@overleaf/o-error')
+const Modules = require('./Modules')
+
+/**
+ * @typedef {{
+ *   data: {queueName: string,name?: string,data?: any},
+ * }} BullJob
+ */
+
+/**
+ * @param {string} queueName
+ * @param {(job: BullJob) => Promise<void>} handler
+ */
+function registerQueue(queueName, handler) {
+  if (process.env.QUEUE_PROCESSING_ENABLED === 'true') {
+    const queue = Queues.getQueue(queueName)
+    queue.process(handler)
+    registerCleanup(queue)
+  }
+}
+
+function start() {
+  if (!Features.hasFeature('saas')) {
+    return
+  }
+
+  registerQueue('scheduled-jobs', async job => {
+    const { queueName, name, data, options } = job.data
+    const queue = Queues.getQueue(queueName)
+    if (name) {
+      await queue.add(name, data || {}, options || {})
+    } else {
+      await queue.add(data || {}, options || {})
+    }
+  })
+
+  registerQueue('emails-onboarding', async job => {
+    const { userId } = job.data
+    await UserOnboardingEmailManager.sendOnboardingEmail(userId)
+  })
+
+  registerQueue('post-registration-analytics', async job => {
+    const { userId } = job.data
+    await UserPostRegistrationAnalyticsManager.postRegistrationAnalytics(userId)
+  })
+
+  registerQueue('refresh-features', async job => {
+    const { userId, reason } = job.data
+    await FeaturesUpdater.promises.refreshFeatures(userId, reason)
+  })
+
+  registerQueue('deferred-emails', async job => {
+    const { emailType, opts } = job.data
+    try {
+      await EmailHandler.promises.sendEmail(emailType, opts)
+    } catch (e) {
+      const error = OError.tag(e, 'failed to send deferred email')
+      logger.warn({ error, emailType }, error.message)
+      throw error
+    }
+  })
+
+  registerQueue('group-sso-reminder', async job => {
+    const { userId, subscriptionId } = job.data
+    try {
+      await Modules.promises.hooks.fire(
+        'sendGroupSSOReminder',
+        userId,
+        subscriptionId
+      )
+    } catch (e) {
+      const error = OError.tag(
+        e,
+        'failed to send scheduled Group SSO account linking reminder'
+      )
+      logger.warn({ error, userId, subscriptionId }, error.message)
+      throw error
+    }
+  })
+}
+
+function registerCleanup(queue) {
+  const label = `bull queue ${queue.name}`
+
+  // Stop accepting new jobs.
+  addOptionalCleanupHandlerBeforeStoppingTraffic(label, async () => {
+    const justThisWorker = true
+    await queue.pause(justThisWorker)
+  })
+
+  // Wait for all jobs to process before shutting down connections.
+  addRequiredCleanupHandlerBeforeDrainingConnections(label, async () => {
+    await queue.close()
+  })
+
+  // Disconnect from redis is scheduled in queue setup.
+}
+
+module.exports = { start, registerQueue }
diff --git a/services/web/app/src/infrastructure/Queues.js b/services/web/app/src/infrastructure/Queues.js
new file mode 100644
index 0000000..3784215
--- /dev/null
+++ b/services/web/app/src/infrastructure/Queues.js
@@ -0,0 +1,121 @@
+const Queue = require('bull')
+const Settings = require('@overleaf/settings')
+const Features = require('../infrastructure/Features')
+const { addConnectionDrainer } = require('./GracefulShutdown')
+
+// Bull will keep a fixed number of the most recently completed jobs. This is
+// useful to inspect recently completed jobs. The bull prometheus exporter also
+// uses the completed job records to report on job duration.
+const MAX_COMPLETED_JOBS_RETAINED = 10000
+const MAX_FAILED_JOBS_RETAINED = 50000
+const MAX_FAILED_JOBS_RETAINED_ANALYTICS = 3000000
+
+const QUEUES_JOB_OPTIONS = {
+  'analytics-events': {
+    removeOnFail: MAX_FAILED_JOBS_RETAINED_ANALYTICS,
+  },
+  'analytics-editing-sessions': {
+    removeOnFail: MAX_FAILED_JOBS_RETAINED_ANALYTICS,
+  },
+  'analytics-account-mapping': {
+    removeOnFail: MAX_FAILED_JOBS_RETAINED_ANALYTICS,
+  },
+  'analytics-user-properties': {
+    removeOnFail: MAX_FAILED_JOBS_RETAINED_ANALYTICS,
+  },
+  'refresh-features': {
+    removeOnFail: MAX_FAILED_JOBS_RETAINED,
+    attempts: 3,
+  },
+  'emails-onboarding': {
+    removeOnFail: MAX_FAILED_JOBS_RETAINED,
+  },
+  'post-registration-analytics': {
+    removeOnFail: MAX_FAILED_JOBS_RETAINED_ANALYTICS,
+  },
+  'scheduled-jobs': {
+    removeOnFail: MAX_FAILED_JOBS_RETAINED,
+    attempts: 1,
+  },
+  'confirm-institution-domain': {
+    removeOnFail: MAX_FAILED_JOBS_RETAINED,
+    attempts: 3,
+  },
+
+  'group-sso-reminder': {
+    removeOnFail: MAX_FAILED_JOBS_RETAINED,
+    attempts: 3,
+  },
+}
+
+const QUEUE_OPTIONS = {
+  'confirm-institution-domain': {
+    limiter: {
+      max: 1,
+      duration: 60 * 1000,
+    },
+  },
+}
+
+const ANALYTICS_QUEUES = [
+  'analytics-account-mapping',
+  'analytics-events',
+  'analytics-editing-sessions',
+  'analytics-user-properties',
+  'post-registration-analytics',
+]
+
+const queues = {}
+
+function getQueue(queueName) {
+  if (!Features.hasFeature('saas')) {
+    // Disable bull queue handling for Server Pro/CE by providing a stub interface.
+    return {
+      async add() {},
+      process() {},
+    }
+  }
+
+  if (!queues[queueName]) {
+    const redisOptions = ANALYTICS_QUEUES.includes(queueName)
+      ? Settings.redis.analyticsQueues
+      : Settings.redis.queues
+    const queueOptions = QUEUE_OPTIONS[queueName] || {}
+    const jobOptions = QUEUES_JOB_OPTIONS[queueName] || {}
+    queues[queueName] = new Queue(queueName, {
+      // this configuration is duplicated in /services/analytics/app/js/Queues.js
+      // and needs to be manually kept in sync whenever modified
+      redis: redisOptions,
+      ...queueOptions,
+      defaultJobOptions: {
+        removeOnComplete: MAX_COMPLETED_JOBS_RETAINED,
+        attempts: 11,
+        backoff: {
+          type: 'exponential',
+          delay: 3000,
+        },
+        ...jobOptions,
+      },
+    })
+
+    // Disconnect from redis eventually.
+    addConnectionDrainer(`bull queue ${queueName}`, async () => {
+      await queues[queueName].disconnect()
+    })
+  }
+  return queues[queueName]
+}
+
+async function createScheduledJob(queueName, { name, data, options }, delay) {
+  await getQueue('scheduled-jobs').add(
+    { queueName, name, data, options },
+    {
+      delay,
+    }
+  )
+}
+
+module.exports = {
+  getQueue,
+  createScheduledJob,
+}
diff --git a/services/web/app/src/infrastructure/RateLimiter.js b/services/web/app/src/infrastructure/RateLimiter.js
new file mode 100644
index 0000000..6ce80b2
--- /dev/null
+++ b/services/web/app/src/infrastructure/RateLimiter.js
@@ -0,0 +1,144 @@
+const Settings = require('@overleaf/settings')
+const Metrics = require('@overleaf/metrics')
+const logger = require('@overleaf/logger')
+const RedisWrapper = require('./RedisWrapper')
+const RateLimiterFlexible = require('rate-limiter-flexible')
+const OError = require('@overleaf/o-error')
+
+const rclient = RedisWrapper.client('ratelimiter')
+
+/**
+ * Wrapper over the RateLimiterRedis class
+ */
+class RateLimiter {
+  #opts
+
+  /**
+   * Create a rate limiter.
+   *
+   * @param name {string} The name that identifies this rate limiter. Different
+   *                      rate limiters must have different names.
+   * @param opts {object} Options to pass to RateLimiterRedis
+   *
+   * Some useful options:
+   *
+   *   points - number of points that can be consumed over the given duration
+   *            (default: 4)
+   *   subnetPoints - number of points that can be consumed over the given
+   *                  duration accross a sub-network. This should only be used
+   *                  ip-based rate limits.
+   *   duration - duration of the fixed window in seconds (default: 1)
+   *   blockDuration - additional seconds to block after all points are consumed
+   *                   (default: 0)
+   */
+  constructor(name, opts = {}) {
+    this.name = name
+    this.#opts = Object.assign({}, opts)
+    this._rateLimiter = new RateLimiterFlexible.RateLimiterRedis({
+      ...opts,
+      keyPrefix: `rate-limit:${name}`,
+      storeClient: rclient,
+    })
+    if (opts.subnetPoints && !Settings.rateLimit?.subnetRateLimiterDisabled) {
+      this._subnetRateLimiter = new RateLimiterFlexible.RateLimiterRedis({
+        ...opts,
+        points: opts.subnetPoints,
+        keyPrefix: `rate-limit:${name}`,
+        storeClient: rclient,
+      })
+    }
+  }
+
+  // Readonly access to the options, useful for aligning rate-limits.
+  getOptions() {
+    return Object.assign({}, this.#opts)
+  }
+
+  async consume(key, points = 1, options = { method: 'unknown' }) {
+    if (Settings.disableRateLimits) {
+      // Return a fake result in case it's used somewhere
+      return {
+        msBeforeNext: 0,
+        remainingPoints: 100,
+        consumedPoints: 0,
+        isFirstInDuration: false,
+      }
+    }
+
+    await this.consumeForRateLimiter(this._rateLimiter, key, options, points)
+
+    if (options.method === 'ip' && this._subnetRateLimiter) {
+      const subnetKey = this.getSubnetKeyFromIp(key)
+      await this.consumeForRateLimiter(
+        this._subnetRateLimiter,
+        subnetKey,
+        options,
+        points,
+        'ip-subnet'
+      )
+    }
+  }
+
+  async consumeForRateLimiter(rateLimiter, key, options, points, method) {
+    try {
+      const res = await rateLimiter.consume(key, points, options)
+      return res
+    } catch (err) {
+      if (err instanceof Error) {
+        throw err
+      } else {
+        // Only log the first time we exceed the rate limit for a given key and
+        // duration. This happens when the previous amount of consumed points
+        // was below the threshold.
+        if (err.consumedPoints - points <= rateLimiter.points) {
+          logger.warn({ path: this.name, key }, 'rate limit exceeded')
+        }
+        Metrics.inc('rate-limit-hit', 1, {
+          path: this.name,
+          method: method || options.method,
+        })
+        throw err
+      }
+    }
+  }
+
+  getSubnetKeyFromIp(ip) {
+    if (!/^(?:[0-9]{1,3}\.){3}[0-9]{1,3}$/.test(ip)) {
+      throw new OError(
+        'Cannot generate subnet key as the ip address is not of the expected format.',
+        { ip }
+      )
+    }
+
+    return ip.split('.').slice(0, 3).join('.')
+  }
+
+  async delete(key) {
+    return await this._rateLimiter.delete(key)
+  }
+}
+
+/*
+ * Shared rate limiters
+ */
+
+const openProjectRateLimiter = new RateLimiter('open-project', {
+  points: 15,
+  duration: 60,
+})
+
+// Keep in sync with the can-skip-captcha options.
+const overleafLoginRateLimiter = new RateLimiter(
+  'overleaf-login',
+  Settings.rateLimit?.login?.ip || {
+    points: 20,
+    subnetPoints: 200,
+    duration: 60,
+  }
+)
+
+module.exports = {
+  RateLimiter,
+  openProjectRateLimiter,
+  overleafLoginRateLimiter,
+}
diff --git a/services/web/app/src/infrastructure/RedirectManager.js b/services/web/app/src/infrastructure/RedirectManager.js
new file mode 100644
index 0000000..2a11af8
--- /dev/null
+++ b/services/web/app/src/infrastructure/RedirectManager.js
@@ -0,0 +1,83 @@
+/* eslint-disable
+    max-len,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let RedirectManager
+const settings = require('@overleaf/settings')
+const { URL } = require('url')
+
+module.exports = RedirectManager = {
+  apply(webRouter) {
+    return (() => {
+      const result = []
+      for (const redirectUrl in settings.redirects) {
+        const target = settings.redirects[redirectUrl]
+        result.push(
+          Array.from(target.methods || ['get']).map(method =>
+            webRouter[method](
+              redirectUrl,
+              RedirectManager.createRedirect(target)
+            )
+          )
+        )
+      }
+      return result
+    })()
+  },
+
+  createRedirect(target) {
+    return function (req, res, next) {
+      let url
+      if (
+        (req.headers != null ? req.headers['x-skip-redirects'] : undefined) !=
+        null
+      ) {
+        return next()
+      }
+      let code = 302
+      if (typeof target === 'string') {
+        url = target
+      } else {
+        if (req.method !== 'GET') {
+          code = 307
+        }
+
+        if (typeof target.url === 'function') {
+          url = target.url(req.params)
+          if (!url) {
+            return next()
+          }
+        } else {
+          ;({ url } = target)
+        }
+
+        if (target.baseUrl != null) {
+          url = `${target.baseUrl}${url}`
+        }
+      }
+      return res.redirect(code, url + getQueryString(req))
+    }
+  },
+}
+
+// Naively get the query params string. Stringifying the req.query object may
+// have differences between Express and Rails, so safer to just pass the raw
+// string
+function getQueryString(req) {
+  const { search } = new URL(req.originalUrl, settings.siteUrl)
+  if (search) {
+    return search
+  } else {
+    return ''
+  }
+}
diff --git a/services/web/app/src/infrastructure/RedisWrapper.js b/services/web/app/src/infrastructure/RedisWrapper.js
new file mode 100644
index 0000000..fecb00a
--- /dev/null
+++ b/services/web/app/src/infrastructure/RedisWrapper.js
@@ -0,0 +1,29 @@
+const Settings = require('@overleaf/settings')
+const redis = require('@overleaf/redis-wrapper')
+const { addConnectionDrainer } = require('./GracefulShutdown')
+
+if (
+  typeof global.beforeEach === 'function' &&
+  process.argv.join(' ').match(/unit/)
+) {
+  throw new Error(
+    'It looks like unit tests are running, but you are connecting to Redis. Missing a stub?'
+  )
+}
+
+// A per-feature interface to Redis,
+// looks up the feature in `settings.redis`
+// and returns an appropriate client.
+// Necessary because we don't want to migrate web over
+// to redis-cluster all at once.
+module.exports = {
+  // feature = 'websessions' | 'ratelimiter' | ...
+  client(feature) {
+    const redisFeatureSettings = Settings.redis[feature] || Settings.redis.web
+    const client = redis.createClient(redisFeatureSettings)
+    addConnectionDrainer(`redis ${feature}`, async () => {
+      await client.disconnect()
+    })
+    return client
+  },
+}
diff --git a/services/web/app/src/infrastructure/RequestContentTypeDetection.js b/services/web/app/src/infrastructure/RequestContentTypeDetection.js
new file mode 100644
index 0000000..6c8c587
--- /dev/null
+++ b/services/web/app/src/infrastructure/RequestContentTypeDetection.js
@@ -0,0 +1,5 @@
+module.exports = {
+  acceptsJson(req) {
+    return req.accepts(['html', 'json']) === 'json'
+  },
+}
diff --git a/services/web/app/src/infrastructure/Response.js b/services/web/app/src/infrastructure/Response.js
new file mode 100644
index 0000000..607dbae
--- /dev/null
+++ b/services/web/app/src/infrastructure/Response.js
@@ -0,0 +1,48 @@
+function csvAttachment(res, body, filename) {
+  if (!filename || !filename.endsWith('.csv')) {
+    throw new Error('filename must end with .csv')
+  }
+  // res.attachment sets both content-type and content-disposition headers.
+  res.attachment(filename)
+  res.setHeader('X-Content-Type-Options', 'nosniff')
+  res.send(body)
+}
+
+function preparePlainTextResponse(res) {
+  res.setHeader('X-Content-Type-Options', 'nosniff')
+  res.contentType('text/plain; charset=utf-8')
+}
+
+function plainTextResponse(res, body) {
+  preparePlainTextResponse(res)
+  res.send(body)
+}
+
+function xmlResponse(res, body) {
+  res.setHeader('X-Content-Type-Options', 'nosniff')
+  res.contentType('application/xml; charset=utf-8')
+  res.send(body)
+}
+
+function prepareZipAttachment(res, filename) {
+  if (!filename || !filename.endsWith('.zip')) {
+    throw new Error('filename must end with .zip')
+  }
+  // res.attachment sets both content-type and content-disposition headers.
+  res.attachment(filename)
+  res.setHeader('X-Content-Type-Options', 'nosniff')
+}
+
+function zipAttachment(res, body, filename) {
+  prepareZipAttachment(res, filename)
+  res.send(body)
+}
+
+module.exports = {
+  csvAttachment,
+  plainTextResponse,
+  preparePlainTextResponse,
+  prepareZipAttachment,
+  xmlResponse,
+  zipAttachment,
+}
diff --git a/services/web/app/src/infrastructure/ServeStaticWrapper.mjs b/services/web/app/src/infrastructure/ServeStaticWrapper.mjs
new file mode 100644
index 0000000..fba667e
--- /dev/null
+++ b/services/web/app/src/infrastructure/ServeStaticWrapper.mjs
@@ -0,0 +1,34 @@
+import express from 'express'
+import { plainTextResponse } from './Response.js'
+
+/*
+    This wrapper is implemented specifically to handle "Premature Close" errors.
+    These errors occur when the client cancels a request while static assets are being loaded.
+    This issue is beyond our control, it can result in unnecessary log noise.
+    Therefore, this wrapper is added to handle such errors.
+*/
+function serveStaticWrapper(root, options) {
+  const serveStatic = express.static(root, options)
+  return (req, res, next) => {
+    serveStatic(req, res, error => {
+      if (!error) {
+        return next()
+      }
+
+      if (error.code !== 'ERR_STREAM_PREMATURE_CLOSE') {
+        return next(error)
+      }
+
+      req.logger.addFields({ err: error })
+      req.logger.setLevel('debug')
+      if (res.headersSent) {
+        res.end()
+      } else {
+        res.status(400)
+        plainTextResponse(res, 'Premature close')
+      }
+    })
+  }
+}
+
+export default serveStaticWrapper
diff --git a/services/web/app/src/infrastructure/Server.mjs b/services/web/app/src/infrastructure/Server.mjs
new file mode 100644
index 0000000..3c7fd75
--- /dev/null
+++ b/services/web/app/src/infrastructure/Server.mjs
@@ -0,0 +1,377 @@
+import express from 'express'
+import Settings from '@overleaf/settings'
+import logger from '@overleaf/logger'
+import metrics from '@overleaf/metrics'
+import Validation from './Validation.js'
+import csp from './CSP.js'
+import Router from '../router.mjs'
+import helmet from 'helmet'
+import UserSessionsRedis from '../Features/User/UserSessionsRedis.js'
+import Csrf from './Csrf.js'
+import HttpPermissionsPolicyMiddleware from './HttpPermissionsPolicy.js'
+import SessionAutostartMiddleware from './SessionAutostartMiddleware.js'
+import AnalyticsManager from '../Features/Analytics/AnalyticsManager.js'
+import session from 'express-session'
+import CookieMetrics from './CookieMetrics.js'
+import CustomSessionStore from './CustomSessionStore.js'
+import bodyParser from './BodyParserWrapper.js'
+import methodOverride from 'method-override'
+import cookieParser from 'cookie-parser'
+import bearerTokenMiddleware from 'express-bearer-token'
+import passport from 'passport'
+import { Strategy as LocalStrategy } from 'passport-local'
+import ReferalConnect from '../Features/Referal/ReferalConnect.mjs'
+import RedirectManager from './RedirectManager.js'
+import translations from './Translations.js'
+import Views from './Views.js'
+import Features from './Features.js'
+import ErrorController from '../Features/Errors/ErrorController.js'
+import HttpErrorHandler from '../Features/Errors/HttpErrorHandler.js'
+import UserSessionsManager from '../Features/User/UserSessionsManager.js'
+import AuthenticationController from '../Features/Authentication/AuthenticationController.js'
+import SessionManager from '../Features/Authentication/SessionManager.js'
+import { hasAdminAccess } from '../Features/Helpers/AdminAuthorizationHelper.js'
+import Modules from './Modules.js'
+import expressLocals from './ExpressLocals.js'
+import noCache from 'nocache'
+import os from 'node:os'
+import http from 'node:http'
+import { fileURLToPath } from 'node:url'
+import serveStaticWrapper from './ServeStaticWrapper.mjs'
+
+const sessionsRedisClient = UserSessionsRedis.client()
+
+const oneDayInMilliseconds = 86400000
+
+const STATIC_CACHE_AGE = Settings.cacheStaticAssets
+  ? oneDayInMilliseconds * 365
+  : 0
+
+// Init the session store
+const sessionStore = new CustomSessionStore({ client: sessionsRedisClient })
+
+const app = express()
+
+const webRouter = express.Router()
+const privateApiRouter = express.Router()
+const publicApiRouter = express.Router()
+
+if (Settings.behindProxy) {
+  app.set('trust proxy', Settings.trustedProxyIps || true)
+  /**
+   * Handle the X-Original-Forwarded-For header.
+   *
+   * The nginx ingress sends us the contents of X-Forwarded-For it received in
+   * X-Original-Forwarded-For. Express expects all proxy IPs to be in a comma
+   * separated list in X-Forwarded-For.
+   */
+  app.use((req, res, next) => {
+    if (
+      req.headers['x-original-forwarded-for'] &&
+      req.headers['x-forwarded-for']
+    ) {
+      req.headers['x-forwarded-for'] =
+        req.headers['x-original-forwarded-for'] +
+        ', ' +
+        req.headers['x-forwarded-for']
+    }
+    next()
+  })
+}
+
+// `req.ip` is a getter on the underlying socket.
+// The socket details are freed as the connection is dropped -- aka aborted.
+// Hence `req.ip` may read `undefined` upon connection drop.
+// A couple of places require a valid IP at all times. Cache it!
+const ORIGINAL_REQ_IP = Object.getOwnPropertyDescriptor(
+  Object.getPrototypeOf(app.request),
+  'ip'
+).get
+Object.defineProperty(app.request, 'ip', {
+  configurable: true,
+  enumerable: true,
+  get() {
+    const ip = ORIGINAL_REQ_IP.call(this)
+    // Shadow the prototype level getter with a property on the instance.
+    // Any future access on `req.ip` will get served by the instance property.
+    Object.defineProperty(this, 'ip', { value: ip })
+    return ip
+  },
+})
+
+app.use((req, res, next) => {
+  if (req.destroyed) {
+    // Request has been aborted already.
+    return
+  }
+  // Implicitly cache the ip, see above.
+  if (!req.ip) {
+    // Critical connection details are missing.
+    return
+  }
+  next()
+})
+
+if (Settings.exposeHostname) {
+  const HOSTNAME = os.hostname()
+  app.use((req, res, next) => {
+    res.setHeader('X-Served-By', HOSTNAME)
+    next()
+  })
+}
+
+webRouter.use(
+  serveStaticWrapper(
+    fileURLToPath(new URL('../../../public', import.meta.url)),
+    {
+      maxAge: STATIC_CACHE_AGE,
+      setHeaders: csp.removeCSPHeaders,
+    }
+  )
+)
+
+app.set('views', fileURLToPath(new URL('../../views', import.meta.url)))
+app.set('view engine', 'pug')
+
+if (Settings.enabledServices.includes('web')) {
+  if (app.get('env') !== 'development') {
+    logger.debug('enabling view cache for production or acceptance tests')
+    app.enable('view cache')
+  }
+  if (Settings.precompilePugTemplatesAtBootTime) {
+    logger.debug('precompiling views for web in production environment')
+    Views.precompileViews(app)
+  }
+  Modules.loadViewIncludes(app)
+}
+
+app.use(metrics.http.monitor(logger))
+
+await Modules.applyMiddleware(app, 'appMiddleware')
+app.use(bodyParser.urlencoded({ extended: true, limit: '2mb' }))
+app.use(bodyParser.json({ limit: Settings.max_json_request_size }))
+app.use(methodOverride())
+// add explicit name for telemetry
+app.use(bearerTokenMiddleware())
+
+if (Settings.blockCrossOriginRequests) {
+  app.use(Csrf.blockCrossOriginRequests())
+}
+
+if (Settings.useHttpPermissionsPolicy) {
+  const httpPermissionsPolicy = new HttpPermissionsPolicyMiddleware(
+    Settings.httpPermissions
+  )
+  logger.debug('adding permissions policy config', Settings.httpPermissions)
+  webRouter.use(httpPermissionsPolicy.middleware)
+}
+
+RedirectManager.apply(webRouter)
+
+if (!Settings.security.sessionSecret) {
+  throw new Error('No SESSION_SECRET provided.')
+}
+
+const sessionSecrets = [
+  Settings.security.sessionSecret,
+  Settings.security.sessionSecretUpcoming,
+  Settings.security.sessionSecretFallback,
+].filter(Boolean)
+
+webRouter.use(cookieParser(sessionSecrets))
+webRouter.use(CookieMetrics.middleware)
+SessionAutostartMiddleware.applyInitialMiddleware(webRouter)
+await Modules.applyMiddleware(webRouter, 'sessionMiddleware', {
+  store: sessionStore,
+})
+webRouter.use(
+  session({
+    resave: false,
+    saveUninitialized: false,
+    secret: sessionSecrets,
+    proxy: Settings.behindProxy,
+    cookie: {
+      domain: Settings.cookieDomain,
+      maxAge: Settings.cookieSessionLength, // in milliseconds, see https://github.com/expressjs/session#cookiemaxage
+      secure: Settings.secureCookie,
+      sameSite: Settings.sameSiteCookie,
+    },
+    store: sessionStore,
+    key: Settings.cookieName,
+    rolling: Settings.cookieRollingSession === true,
+  })
+)
+
+if (Features.hasFeature('saas')) {
+  webRouter.use(AnalyticsManager.analyticsIdMiddleware)
+}
+
+// passport
+webRouter.use(passport.initialize())
+webRouter.use(passport.session())
+
+passport.use(
+  new LocalStrategy(
+    {
+      passReqToCallback: true,
+      usernameField: 'email',
+      passwordField: 'password',
+    },
+    AuthenticationController.doPassportLogin
+  )
+)
+passport.serializeUser(AuthenticationController.serializeUser)
+passport.deserializeUser(AuthenticationController.deserializeUser)
+
+Modules.hooks.fire('passportSetup', passport, err => {
+  if (err != null) {
+    logger.err({ err }, 'error setting up passport in modules')
+  }
+})
+
+await Modules.applyNonCsrfRouter(webRouter, privateApiRouter, publicApiRouter)
+
+webRouter.csrf = new Csrf()
+webRouter.use(webRouter.csrf.middleware)
+webRouter.use(translations.i18nMiddleware)
+webRouter.use(translations.setLangBasedOnDomainMiddleware)
+
+if (Settings.cookieRollingSession) {
+  // Measure expiry from last request, not last login
+  webRouter.use((req, res, next) => {
+    if (!req.session.noSessionCallback) {
+      req.session.touch()
+      if (SessionManager.isUserLoggedIn(req.session)) {
+        UserSessionsManager.touch(
+          SessionManager.getSessionUser(req.session),
+          err => {
+            if (err) {
+              logger.err({ err }, 'error extending user session')
+            }
+          }
+        )
+      }
+    }
+    next()
+  })
+}
+
+webRouter.use(ReferalConnect.use)
+expressLocals(webRouter, privateApiRouter, publicApiRouter)
+webRouter.use(SessionAutostartMiddleware.invokeCallbackMiddleware)
+
+webRouter.use(function checkIfSiteClosed(req, res, next) {
+  if (Settings.siteIsOpen) {
+    next()
+  } else if (hasAdminAccess(SessionManager.getSessionUser(req.session))) {
+    next()
+  } else {
+    HttpErrorHandler.maintenance(req, res)
+  }
+})
+
+webRouter.use(function checkIfEditorClosed(req, res, next) {
+  if (Settings.editorIsOpen) {
+    next()
+  } else if (req.url.indexOf('/admin') === 0) {
+    next()
+  } else {
+    HttpErrorHandler.maintenance(req, res)
+  }
+})
+
+webRouter.use(AuthenticationController.validateAdmin)
+
+// add security headers using Helmet
+const noCacheMiddleware = noCache()
+webRouter.use((req, res, next) => {
+  const isProjectPage = /^\/project\/[a-f0-9]{24}$/.test(req.path)
+  if (isProjectPage) {
+    // always set no-cache headers on a project page, as it could be an anonymous token viewer
+    return noCacheMiddleware(req, res, next)
+  }
+
+  const isProjectFile = /^\/project\/[a-f0-9]{24}\/file\/[a-f0-9]{24}$/.test(
+    req.path
+  )
+  if (isProjectFile) {
+    // don't set no-cache headers on a project file, as it's immutable and can be cached (privately)
+    return next()
+  }
+  const isProjectBlob = /^\/project\/[a-f0-9]{24}\/blob\/[a-f0-9]{40}$/.test(
+    req.path
+  )
+  if (isProjectBlob) {
+    // don't set no-cache headers on a project blobs, as they are immutable and can be cached (privately)
+    return next()
+  }
+
+  const isWikiContent = /^\/learn(-scripts)?(\/|$)/i.test(req.path)
+  if (isWikiContent) {
+    // don't set no-cache headers on wiki content, as it's immutable and can be cached (publicly)
+    return next()
+  }
+
+  const isLoggedIn = SessionManager.isUserLoggedIn(req.session)
+  if (isLoggedIn) {
+    // always set no-cache headers for authenticated users (apart from project files, above)
+    return noCacheMiddleware(req, res, next)
+  }
+
+  // allow other responses (anonymous users, except for project pages) to be cached
+  return next()
+})
+
+webRouter.use(
+  helmet({
+    // note that more headers are added by default
+    dnsPrefetchControl: false,
+    referrerPolicy: { policy: 'origin-when-cross-origin' },
+    hsts: false,
+    // Disabled because it's impractical to include every resource via CORS or
+    // with the magic CORP header
+    crossOriginEmbedderPolicy: false,
+    // We need to be able to share the context of some popups. For example,
+    // when Recurly opens Paypal in a popup.
+    crossOriginOpenerPolicy: { policy: 'same-origin-allow-popups' },
+    // Disabled because it's not a security header and has possibly-unwanted
+    // effects
+    originAgentCluster: false,
+    // We have custom handling for CSP below, so Helmet's default is disabled
+    contentSecurityPolicy: false,
+  })
+)
+
+// add CSP header to HTML-rendering routes, if enabled
+if (Settings.csp && Settings.csp.enabled) {
+  logger.debug('adding CSP header to rendered routes', Settings.csp)
+  app.use(csp(Settings.csp))
+}
+
+logger.debug('creating HTTP server'.yellow)
+const server = http.createServer(app)
+
+// provide settings for separate web and api processes
+if (Settings.enabledServices.includes('api')) {
+  logger.debug({}, 'providing api router')
+  app.use(privateApiRouter)
+  app.use(Validation.errorMiddleware)
+  app.use(ErrorController.handleApiError)
+}
+
+if (Settings.enabledServices.includes('web')) {
+  logger.debug({}, 'providing web router')
+  app.use(publicApiRouter) // public API goes with web router for public access
+  app.use(Validation.errorMiddleware)
+  app.use(ErrorController.handleApiError)
+  app.use(webRouter)
+  app.use(Validation.errorMiddleware)
+  app.use(ErrorController.handleError)
+}
+
+metrics.injectMetricsRoute(webRouter)
+metrics.injectMetricsRoute(privateApiRouter)
+
+await Router.initialize(webRouter, privateApiRouter, publicApiRouter)
+
+export default { app, server }
diff --git a/services/web/app/src/infrastructure/SessionAutostartMiddleware.js b/services/web/app/src/infrastructure/SessionAutostartMiddleware.js
new file mode 100644
index 0000000..eaf6f58
--- /dev/null
+++ b/services/web/app/src/infrastructure/SessionAutostartMiddleware.js
@@ -0,0 +1,128 @@
+const Settings = require('@overleaf/settings')
+const OError = require('@overleaf/o-error')
+
+const botUserAgents = [
+  'kube-probe',
+  'GoogleStackdriverMonitoring',
+  'GoogleHC',
+  'Googlebot',
+  'bingbot',
+  'facebookexternal',
+].map(agent => {
+  return agent.toLowerCase()
+})
+// SessionAutostartMiddleware provides a mechanism to force certain routes not
+// to get an automatic session where they don't have one already. This allows us
+// to work around issues where we might overwrite a user's login cookie with one
+// that is hidden by a `SameSite` setting.
+//
+// When registering a route with disableSessionAutostartForRoute, a callback
+// should be provided that handles the case that a session is not available.
+// This will be called as a standard middleware with (req, res, next) - calling
+// next will continue and sett up a session as normal, otherwise the app can
+// perform a different operation as usual
+
+class SessionAutostartMiddleware {
+  constructor() {
+    this.middleware = this.middleware.bind(this)
+    this._cookieName = Settings.cookieName
+    this._noAutostartCallbacks = new Map()
+  }
+
+  static applyInitialMiddleware(router) {
+    const middleware = new SessionAutostartMiddleware()
+    router.sessionAutostartMiddleware = middleware
+    router.use(middleware.middleware)
+  }
+
+  disableSessionAutostartForRoute(route, method, callback) {
+    if (typeof callback !== 'function') {
+      throw new Error('callback not provided when disabling session autostart')
+    }
+
+    if (!this._noAutostartCallbacks[route]) {
+      this._noAutostartCallbacks[route] = new Map()
+    }
+
+    this._noAutostartCallbacks[route][method] = callback
+  }
+
+  applyDefaultPostGatewayForRoute(route) {
+    this.disableSessionAutostartForRoute(
+      route,
+      'POST',
+      SessionAutostartMiddleware.genericPostGatewayMiddleware
+    )
+  }
+
+  autostartCallbackForRequest(req) {
+    return (
+      this._noAutostartCallbacks[req.path] &&
+      this._noAutostartCallbacks[req.path][req.method]
+    )
+  }
+
+  reqIsBot(req) {
+    const agent = (req.headers['user-agent'] || '').toLowerCase()
+
+    const foundMatch = botUserAgents.find(botAgent => {
+      return agent.includes(botAgent)
+    })
+
+    if (foundMatch) {
+      return true
+    } else {
+      return false
+    }
+  }
+
+  middleware(req, _res, next) {
+    if (
+      !req.signedCookies[this._cookieName] &&
+      req.query?.autostartSession !== 'true'
+    ) {
+      const callback = this.autostartCallbackForRequest(req)
+      if (callback) {
+        req.session = {
+          noSessionCallback: callback,
+        }
+      } else if (this.reqIsBot(req)) {
+        req.session = {
+          noSessionCallback: (_req, _res, next) => {
+            next()
+          },
+          // prevent exception for bot accesses to /project (which requires
+          // login and regenerates session)
+          regenerate: cb => cb(),
+        }
+      }
+    }
+    next()
+  }
+
+  static invokeCallbackMiddleware(req, res, next) {
+    if (req.session.noSessionCallback) {
+      return req.session.noSessionCallback(req, res, next)
+    }
+    next()
+  }
+
+  static genericPostGatewayMiddleware(req, res, next) {
+    if (req.method !== 'POST') {
+      return next(
+        new OError('post gateway invoked for non-POST request', {
+          path: req.path,
+          method: req.method,
+        })
+      )
+    }
+
+    if (req.body.viaGateway) {
+      return next()
+    }
+
+    res.render('general/post-gateway', { form_data: req.body })
+  }
+}
+
+module.exports = SessionAutostartMiddleware
diff --git a/services/web/app/src/infrastructure/SiteAdminHandler.js b/services/web/app/src/infrastructure/SiteAdminHandler.js
new file mode 100644
index 0000000..cd6df2a
--- /dev/null
+++ b/services/web/app/src/infrastructure/SiteAdminHandler.js
@@ -0,0 +1,92 @@
+const logger = require('@overleaf/logger')
+const settings = require('@overleaf/settings')
+const fs = require('fs')
+const {
+  addOptionalCleanupHandlerAfterDrainingConnections,
+  addRequiredCleanupHandlerBeforeDrainingConnections,
+} = require('./GracefulShutdown')
+const Features = require('./Features')
+const UserHandler = require('../Features/User/UserHandler')
+const metrics = require('@overleaf/metrics')
+
+// Monitor a site maintenance file (e.g. /etc/site_status) periodically and
+// close the site if the file contents contain the string "closed".
+
+const STATUS_FILE_CHECK_INTERVAL = 5000
+const statusFile = settings.siteMaintenanceFile
+
+function updateSiteMaintenanceStatus(fileContent) {
+  const isClosed = !settings.siteIsOpen
+  const shouldBeClosed = fileContent && fileContent.indexOf('closed') >= 0
+  if (!isClosed && shouldBeClosed) {
+    settings.siteIsOpen = false
+    logger.warn({ fileContent }, 'putting site into maintenance mode')
+  } else if (isClosed && !shouldBeClosed) {
+    settings.siteIsOpen = true
+    logger.warn({ fileContent }, 'taking site out of maintenance mode')
+  }
+}
+
+function pollSiteMaintenanceFile() {
+  fs.readFile(statusFile, { encoding: 'utf8' }, (err, fileContent) => {
+    if (err) {
+      logger.error(
+        { file: statusFile, fsErr: err },
+        'error reading site maintenance file'
+      )
+      return
+    }
+    updateSiteMaintenanceStatus(fileContent)
+  })
+}
+
+function checkSiteMaintenanceFileSync() {
+  // crash on start up if file does not exist
+  const content = fs.readFileSync(statusFile, { encoding: 'utf8' })
+  updateSiteMaintenanceStatus(content)
+}
+
+const SERVER_PRO_ACTIVE_USERS_METRIC_INTERVAL =
+  settings.activeUserMetricInterval || 1000 * 60 * 60
+
+function publishActiveUsersMetric() {
+  UserHandler.promises
+    .countActiveUsers()
+    .then(activeUserCount => metrics.gauge('num_active_users', activeUserCount))
+    .catch(error => logger.error({ error }, 'error counting active users'))
+}
+
+module.exports = {
+  initialise() {
+    if (settings.enabledServices.includes('web') && statusFile) {
+      logger.debug(
+        { statusFile, interval: STATUS_FILE_CHECK_INTERVAL },
+        'monitoring site maintenance file'
+      )
+      checkSiteMaintenanceFileSync() // perform an initial synchronous check at start up
+      const intervalHandle = setInterval(
+        pollSiteMaintenanceFile,
+        STATUS_FILE_CHECK_INTERVAL
+      ) // continue checking periodically
+      addOptionalCleanupHandlerAfterDrainingConnections(
+        'poll site maintenance file',
+        () => {
+          clearInterval(intervalHandle)
+        }
+      )
+    }
+    if (!Features.hasFeature('saas')) {
+      publishActiveUsersMetric()
+      const intervalHandle = setInterval(
+        publishActiveUsersMetric,
+        SERVER_PRO_ACTIVE_USERS_METRIC_INTERVAL
+      )
+      addRequiredCleanupHandlerBeforeDrainingConnections(
+        'publish server pro usage metrics',
+        () => {
+          clearInterval(intervalHandle)
+        }
+      )
+    }
+  },
+}
diff --git a/services/web/app/src/infrastructure/Translations.js b/services/web/app/src/infrastructure/Translations.js
new file mode 100644
index 0000000..9c2cc79
--- /dev/null
+++ b/services/web/app/src/infrastructure/Translations.js
@@ -0,0 +1,147 @@
+const i18n = require('i18next')
+const fsBackend = require('i18next-fs-backend')
+const middleware = require('i18next-http-middleware')
+const path = require('path')
+const Settings = require('@overleaf/settings')
+const { URL } = require('url')
+const pug = require('pug-runtime')
+const logger = require('@overleaf/logger')
+const SafeHTMLSubstitution = require('../Features/Helpers/SafeHTMLSubstitution')
+
+const fallbackLanguageCode = Settings.i18n.defaultLng || 'en'
+const availableLanguageCodes = []
+const availableHosts = new Map()
+const subdomainConfigs = new Map()
+const I18N_HTML_INJECTIONS = new Set()
+
+Object.values(Settings.i18n.subdomainLang || {}).forEach(function (spec) {
+  availableLanguageCodes.push(spec.lngCode)
+  // prebuild a host->lngCode mapping for the usage at runtime in the
+  //  middleware
+  availableHosts.set(new URL(spec.url).host, spec.lngCode)
+
+  // prebuild a lngCode -> language config mapping; some subdomains should
+  //  not appear in the language picker
+  if (!spec.hide) {
+    subdomainConfigs.set(spec.lngCode, spec)
+  }
+})
+if (!availableLanguageCodes.includes(fallbackLanguageCode)) {
+  // always load the fallback locale
+  availableLanguageCodes.push(fallbackLanguageCode)
+}
+
+// The "node --watch" flag is not easy to detect.
+if (process.argv.includes('--watch-locales')) {
+  // Dummy imports for setting up watching of locales files.
+  for (const lngCode of availableLanguageCodes) {
+    require(`../../../locales/${lngCode}.json`)
+  }
+}
+
+i18n
+  .use(fsBackend)
+  .use(middleware.LanguageDetector)
+  .init({
+    backend: {
+      loadPath: path.join(__dirname, '../../../locales/__lng__.json'),
+    },
+
+    // still using the v3 plural suffixes
+    compatibilityJSON: 'v3',
+
+    // Load translation files synchronously: https://www.i18next.com/overview/configuration-options#initimmediate
+    initImmediate: false,
+
+    // We use the legacy v1 JSON format, so configure interpolator to use
+    // underscores instead of curly braces
+    interpolation: {
+      prefix: '__',
+      suffix: '__',
+      unescapeSuffix: 'HTML',
+      // Disable escaping of interpolated values for backwards compatibility.
+      // We escape the value after it's translated in web, so there's no
+      // security risk
+      escapeValue: Settings.i18n.escapeHTMLInVars,
+      // Disable nesting in interpolated values, preventing user input
+      // injection via another nested value
+      skipOnVariables: true,
+
+      defaultVariables: {
+        appName: Settings.appName,
+      },
+    },
+
+    preload: availableLanguageCodes,
+    supportedLngs: availableLanguageCodes,
+    fallbackLng: fallbackLanguageCode,
+  })
+  .catch(err => {
+    logger.error({ err }, 'failed to initialize i18next library')
+  })
+
+// Make custom language detector for Accept-Language header
+const headerLangDetector = new middleware.LanguageDetector(i18n.services, {
+  order: ['header'],
+})
+
+function setLangBasedOnDomainMiddleware(req, res, next) {
+  // Determine language from subdomain
+  const lang = availableHosts.get(req.headers.host)
+  if (lang) {
+    req.i18n.changeLanguage(lang)
+  }
+
+  // expose the language code to pug
+  res.locals.currentLngCode = req.language
+
+  // If the set language is different from the language detection (based on
+  // the Accept-Language header), then set flag which will show a banner
+  // offering to switch to the appropriate library
+  const detectedLanguageCode = headerLangDetector.detect(req, res)
+  if (req.language !== detectedLanguageCode) {
+    res.locals.suggestedLanguageSubdomainConfig =
+      subdomainConfigs.get(detectedLanguageCode)
+  }
+
+  // Decorate req.i18n with translate function alias for backwards
+  // compatibility usage in requests
+  req.i18n.translate = (key, vars, components) => {
+    vars = vars || {}
+
+    if (Settings.i18n.checkForHTMLInVars) {
+      Object.entries(vars).forEach(([field, value]) => {
+        if (pug.escape(value) !== value) {
+          const violationsKey = key + field
+          // do not flood the logs, log one sample per pod + key + field
+          if (!I18N_HTML_INJECTIONS.has(violationsKey)) {
+            logger.warn(
+              { key, field, value },
+              'html content in translations context vars'
+            )
+            I18N_HTML_INJECTIONS.add(violationsKey)
+          }
+        }
+      })
+    }
+
+    const locale = req.i18n.t(key, vars)
+    if (components) {
+      return SafeHTMLSubstitution.render(locale, components)
+    } else {
+      return locale
+    }
+  }
+
+  next()
+}
+
+// Decorate i18n with translate function alias for backwards compatibility
+// in direct usage
+i18n.translate = i18n.t
+
+module.exports = {
+  i18nMiddleware: middleware.handle(i18n),
+  setLangBasedOnDomainMiddleware,
+  i18n,
+}
diff --git a/services/web/app/src/infrastructure/UnsupportedBrowserMiddleware.js b/services/web/app/src/infrastructure/UnsupportedBrowserMiddleware.js
new file mode 100644
index 0000000..c145c9f
--- /dev/null
+++ b/services/web/app/src/infrastructure/UnsupportedBrowserMiddleware.js
@@ -0,0 +1,50 @@
+const Bowser = require('bowser')
+const Settings = require('@overleaf/settings')
+const Url = require('url')
+const { getSafeRedirectPath } = require('../Features/Helpers/UrlHelper')
+
+function unsupportedBrowserMiddleware(req, res, next) {
+  if (!Settings.unsupportedBrowsers) return next()
+
+  // Prevent redirect loop
+  const path = req.path
+  if (path === '/unsupported-browser') return next()
+
+  const userAgent = req.headers['user-agent']
+
+  if (!userAgent) return next()
+
+  const parser = Bowser.getParser(userAgent)
+
+  // Allow bots through by only ignoring bots or unrecognised UA strings
+  const isBot = parser.isPlatform('bot') || !parser.getBrowserName()
+  if (isBot) return next()
+
+  const isUnsupported = parser.satisfies(Settings.unsupportedBrowsers)
+  if (isUnsupported) {
+    return res.redirect(
+      Url.format({
+        pathname: '/unsupported-browser',
+        query: { fromURL: req.originalUrl },
+      })
+    )
+  }
+
+  next()
+}
+
+function renderUnsupportedBrowserPage(req, res) {
+  let fromURL
+  if (typeof req.query.fromURL === 'string') {
+    try {
+      fromURL =
+        Settings.siteUrl + (getSafeRedirectPath(req.query.fromURL) || '/')
+    } catch (e) {}
+  }
+  res.render('general/unsupported-browser', { fromURL })
+}
+
+module.exports = {
+  renderUnsupportedBrowserPage,
+  unsupportedBrowserMiddleware,
+}
diff --git a/services/web/app/src/infrastructure/Validation.js b/services/web/app/src/infrastructure/Validation.js
new file mode 100644
index 0000000..eafb82c
--- /dev/null
+++ b/services/web/app/src/infrastructure/Validation.js
@@ -0,0 +1,34 @@
+const { Joi: CelebrateJoi, celebrate, errors } = require('celebrate')
+const { ObjectId } = require('mongodb-legacy')
+
+const objectIdValidator = {
+  type: 'objectId',
+  base: CelebrateJoi.any(),
+  messages: {
+    'objectId.invalid': 'needs to be a valid ObjectId',
+  },
+  coerce(value) {
+    return {
+      value: typeof value === typeof ObjectId ? value : new ObjectId(value),
+    }
+  },
+  prepare(value, helpers) {
+    if (!ObjectId.isValid(value)) {
+      return {
+        errors: helpers.error('objectId.invalid'),
+      }
+    }
+  },
+}
+
+const Joi = CelebrateJoi.extend(objectIdValidator)
+const errorMiddleware = errors()
+
+module.exports = { Joi, validate, errorMiddleware }
+
+/**
+ * Validation middleware
+ */
+function validate(schema) {
+  return celebrate(schema, { allowUnknown: true })
+}
diff --git a/services/web/app/src/infrastructure/Views.js b/services/web/app/src/infrastructure/Views.js
new file mode 100644
index 0000000..fc60eb8
--- /dev/null
+++ b/services/web/app/src/infrastructure/Views.js
@@ -0,0 +1,212 @@
+const logger = require('@overleaf/logger')
+const pug = require('pug')
+const globby = require('globby')
+const Settings = require('@overleaf/settings')
+const fs = require('fs')
+const Path = require('path')
+
+// Generate list of view names from app/views
+function buildViewList() {
+  return globby
+    .sync('app/views/**/*.pug', {
+      onlyFiles: true,
+      concurrency: 1,
+      ignore: [
+        // Ignore includes
+        '**/_*.pug',
+        '**/_*/**',
+        // Ignore shared layout files
+        'app/views/layout*',
+        'app/views/layout/*',
+      ],
+    })
+    .concat(
+      globby.sync('modules/*/app/views/**/*.pug', {
+        onlyFiles: true,
+        concurrency: 1,
+        // Ignore includes
+        ignore: ['**/_*.pug', '**/_*/**'],
+      })
+    )
+    .concat(Object.values(Settings.viewIncludes).flat())
+    .map(x => Path.resolve(x))
+}
+
+const PUG_COMPILE_ARGUMENTS = {
+  doctype: 'html',
+  cache: true,
+  compileDebug: Settings.debugPugTemplates,
+  inlineRuntimeFunctions: false,
+  module: true,
+}
+
+/**
+ * @param {string} compiled
+ * @return {{duplicates: Array<string>, found: Array<string>}}
+ * @private
+ */
+function _findAllMetaTags(compiled) {
+  const inString = /name=(\\?["'`])(ol-.+?)\1/g
+  const asExpression = /pug\.attr\("name",\s*(["'`])(ol-.+?)\1/g
+
+  const found = new Set()
+  const duplicates = new Set()
+  for (const regex of [inString, asExpression]) {
+    for (const [, , name] of compiled.matchAll(regex)) {
+      if (found.has(name)) duplicates.add(name)
+      found.add(name)
+    }
+  }
+  // Special case: Ignore the loop for adding permissions meta tags.
+  duplicates.delete('ol-cannot-')
+  return { found: Array.from(found), duplicates: Array.from(duplicates) }
+}
+
+/**
+ * @param {string} filePath
+ * @param {string} firstLine
+ * @return {boolean}
+ * @private
+ */
+function _expectMetaFor(filePath, firstLine) {
+  // no-js pages have no use for ol-meta tags
+  if (firstLine.match(/extends .*layout\/layout-no-js/)) return false
+  // plain html pages have no use for ol-meta tags
+  if (firstLine === 'doctype html') return false
+  // xml pages do not use meta tags
+  if (firstLine === 'doctype xml') return false
+  // view includes should not add meta tags as we cannot trace these easily.
+  if (Object.values(Settings.viewIncludes).flat().includes(filePath)) {
+    if (
+      filePath === Path.resolve('modules/writefull/app/views/_editor_meta.pug')
+    ) {
+      // Special case: The Writefull module adds meta tags to editor, see inline comment there
+      return true
+    }
+    // default case: no meta tags
+    return false
+  }
+  // default to expect meta tags in top-level templates
+  return true
+}
+
+/**
+ * @param {string} filePath
+ * @param {string} compiled
+ */
+function checkForDuplicateMeta(filePath, compiled) {
+  const { found, duplicates } = _findAllMetaTags(compiled)
+
+  if (duplicates.length !== 0) {
+    throw new Error(
+      `Found duplicate meta tags in ${filePath} (or it's imports): ${Array.from(duplicates)}`
+    )
+  }
+  const firstLine = fs.readFileSync(filePath, 'utf-8').split('\n', 1)[0]
+  const expectNoMeta = _expectMetaFor(filePath, firstLine)
+  if (found.length === 0 && expectNoMeta) {
+    throw new Error(
+      `Expected to find meta entries in ${filePath} (or it's imports)`
+    )
+  }
+  if (!expectNoMeta && found.length !== 0) {
+    throw new Error(
+      `Expected to find no meta entries in plain html or 'viewIncludes'. Found ${Array.from(found)} in ${filePath} (or it's imports)`
+    )
+  }
+}
+
+function precompileViewsAndCacheToDisk() {
+  const startTime = Date.now()
+  let success = 0
+  let precompiled = 0
+  for (const filePath of buildViewList()) {
+    const precompiledFilename = filePath.replace(/\.pug$/, '.js')
+    try {
+      const compiled = pug.compileFileClient(filePath, PUG_COMPILE_ARGUMENTS)
+      try {
+        if (fs.readFileSync(precompiledFilename, 'utf-8') === compiled) {
+          precompiled++
+          continue
+        }
+      } catch {}
+      checkForDuplicateMeta(filePath, compiled)
+      fs.writeFileSync(precompiledFilename, compiled, {
+        encoding: 'utf-8',
+        mode: 0o644,
+      })
+      success++
+    } catch (err) {
+      logger.err({ err, filePath }, 'failed to precompile pug template')
+      throw err
+    }
+  }
+  logger.info(
+    { timeTaken: Date.now() - startTime, success, precompiled },
+    'compiled pug templates'
+  )
+}
+
+module.exports = {
+  // for tests
+  PUG_COMPILE_ARGUMENTS,
+  _expectMetaFor,
+  _findAllMetaTags,
+
+  compileViewIncludes(app) {
+    const viewIncludes = {}
+    for (const [view, paths] of Object.entries(Settings.viewIncludes)) {
+      viewIncludes[view] = []
+      for (const filePath of paths) {
+        viewIncludes[view].push(
+          pug.compileFile(filePath, {
+            ...PUG_COMPILE_ARGUMENTS,
+            cache: app.enabled('view cache'),
+          })
+        )
+      }
+    }
+    return viewIncludes
+  },
+
+  precompileViews(app) {
+    const startTime = Date.now()
+    let success = 0
+    let precompiled = 0
+    let failures = 0
+    for (const filePath of buildViewList()) {
+      const precompiledFilename = filePath.replace(/\.pug$/, '.js')
+      if (fs.existsSync(precompiledFilename)) {
+        logger.debug({ filePath }, 'loading precompiled pug template')
+        try {
+          pug.cache[filePath] = require(precompiledFilename)
+          precompiled++
+          continue
+        } catch (err) {
+          logger.error(
+            { filePath, err },
+            'error loading precompiled pug template'
+          )
+          failures++
+        }
+      }
+      try {
+        logger.warn({ filePath }, 'compiling pug template at boot time')
+        pug.compileFile(filePath, PUG_COMPILE_ARGUMENTS)
+        success++
+      } catch (err) {
+        logger.error({ filePath, err }, 'error compiling pug template')
+        failures++
+      }
+    }
+    logger.debug(
+      { timeTaken: Date.now() - startTime, failures, success, precompiled },
+      'compiled pug templates'
+    )
+  },
+}
+
+if (require.main === module) {
+  precompileViewsAndCacheToDisk()
+  process.exit(0)
+}
diff --git a/services/web/app/src/infrastructure/mongodb.js b/services/web/app/src/infrastructure/mongodb.js
new file mode 100644
index 0000000..aa7aa4a
--- /dev/null
+++ b/services/web/app/src/infrastructure/mongodb.js
@@ -0,0 +1,143 @@
+const mongodb = require('mongodb-legacy')
+const OError = require('@overleaf/o-error')
+const Settings = require('@overleaf/settings')
+const Mongoose = require('./Mongoose')
+const { addConnectionDrainer } = require('./GracefulShutdown')
+
+// Ensure Mongoose is using the same mongodb instance as the mongodb module,
+// otherwise we will get multiple versions of the ObjectId class. Mongoose
+// patches ObjectId, so loading multiple versions of the mongodb module can
+// cause problems with ObjectId comparisons.
+if (Mongoose.mongo.ObjectId !== mongodb.ObjectId) {
+  throw new OError(
+    'FATAL ERROR: Mongoose is using a different mongodb instance'
+  )
+}
+
+const { ObjectId, ReadPreference } = mongodb
+
+const READ_PREFERENCE_PRIMARY = ReadPreference.primary.mode
+const READ_PREFERENCE_SECONDARY = Settings.mongo.hasSecondaries
+  ? ReadPreference.secondary.mode
+  : ReadPreference.secondaryPreferred.mode
+
+const mongoClient = new mongodb.MongoClient(
+  Settings.mongo.url,
+  Settings.mongo.options
+)
+
+addConnectionDrainer('mongodb', async () => {
+  await mongoClient.close()
+})
+
+const internalDb = mongoClient.db()
+const db = {
+  contacts: internalDb.collection('contacts'),
+  deletedFiles: internalDb.collection('deletedFiles'),
+  deletedProjects: internalDb.collection('deletedProjects'),
+  deletedSubscriptions: internalDb.collection('deletedSubscriptions'),
+  deletedUsers: internalDb.collection('deletedUsers'),
+  dropboxEntities: internalDb.collection('dropboxEntities'),
+  dropboxProjects: internalDb.collection('dropboxProjects'),
+  docHistory: internalDb.collection('docHistory'),
+  docHistoryIndex: internalDb.collection('docHistoryIndex'),
+  docSnapshots: internalDb.collection('docSnapshots'),
+  docs: internalDb.collection('docs'),
+  feedbacks: internalDb.collection('feedbacks'),
+  githubSyncEntityVersions: internalDb.collection('githubSyncEntityVersions'),
+  githubSyncProjectStates: internalDb.collection('githubSyncProjectStates'),
+  githubSyncUserCredentials: internalDb.collection('githubSyncUserCredentials'),
+  globalMetrics: internalDb.collection('globalMetrics'),
+  grouppolicies: internalDb.collection('grouppolicies'),
+  institutions: internalDb.collection('institutions'),
+  messages: internalDb.collection('messages'),
+  migrations: internalDb.collection('migrations'),
+  notifications: internalDb.collection('notifications'),
+  oauthAccessTokens: internalDb.collection('oauthAccessTokens'),
+  oauthApplications: internalDb.collection('oauthApplications'),
+  oauthAuthorizationCodes: internalDb.collection('oauthAuthorizationCodes'),
+  projectAuditLogEntries: internalDb.collection('projectAuditLogEntries'),
+  projectHistoryChunks: internalDb.collection('projectHistoryChunks'),
+  projectHistoryFailures: internalDb.collection('projectHistoryFailures'),
+  projectHistoryGlobalBlobs: internalDb.collection('projectHistoryGlobalBlobs'),
+  projectHistoryLabels: internalDb.collection('projectHistoryLabels'),
+  projectHistoryMetaData: internalDb.collection('projectHistoryMetaData'),
+  projectHistorySyncState: internalDb.collection('projectHistorySyncState'),
+  projectInvites: internalDb.collection('projectInvites'),
+  projects: internalDb.collection('projects'),
+  publishers: internalDb.collection('publishers'),
+  rooms: internalDb.collection('rooms'),
+  samlCache: internalDb.collection('samlCache'),
+  samlLogs: internalDb.collection('samlLogs'),
+  spellingPreferences: internalDb.collection('spellingPreferences'),
+  splittests: internalDb.collection('splittests'),
+  ssoConfigs: internalDb.collection('ssoConfigs'),
+  subscriptions: internalDb.collection('subscriptions'),
+  surveys: internalDb.collection('surveys'),
+  systemmessages: internalDb.collection('systemmessages'),
+  tags: internalDb.collection('tags'),
+  teamInvites: internalDb.collection('teamInvites'),
+  tokens: internalDb.collection('tokens'),
+  userAuditLogEntries: internalDb.collection('userAuditLogEntries'),
+  users: internalDb.collection('users'),
+  onboardingDataCollection: internalDb.collection('onboardingDataCollection'),
+  scriptLogs: internalDb.collection('scriptLogs'),
+}
+
+const connectionPromise = mongoClient.connect()
+
+async function getCollectionNames() {
+  const internalDb = mongoClient.db()
+
+  const collections = await internalDb.collections()
+  return collections.map(collection => collection.collectionName)
+}
+
+async function cleanupTestDatabase() {
+  ensureTestDatabase()
+  const collectionNames = await getCollectionNames()
+  const collections = []
+  for (const name of collectionNames) {
+    if (name in db && name !== 'migrations') {
+      collections.push(db[name])
+    }
+  }
+  await Promise.all(collections.map(coll => coll.deleteMany({})))
+}
+
+async function dropTestDatabase() {
+  ensureTestDatabase()
+  await mongoClient.db().dropDatabase()
+}
+
+function ensureTestDatabase() {
+  const internalDb = mongoClient.db()
+  const dbName = internalDb.databaseName
+  const env = process.env.NODE_ENV
+
+  if (dbName !== 'test-overleaf' || env !== 'test') {
+    throw new OError(
+      `Refusing to clear database '${dbName}' in environment '${env}'`
+    )
+  }
+}
+
+/**
+ * WARNING: Consider using a pre-populated collection from `db` to avoid typos!
+ */
+async function getCollectionInternal(name) {
+  const internalDb = mongoClient.db()
+  return internalDb.collection(name)
+}
+
+module.exports = {
+  db,
+  ObjectId,
+  connectionPromise,
+  getCollectionNames,
+  getCollectionInternal,
+  cleanupTestDatabase,
+  dropTestDatabase,
+  READ_PREFERENCE_PRIMARY,
+  READ_PREFERENCE_SECONDARY,
+}
diff --git a/services/web/app/src/infrastructure/types.ts b/services/web/app/src/infrastructure/types.ts
new file mode 100644
index 0000000..3fc3275
--- /dev/null
+++ b/services/web/app/src/infrastructure/types.ts
@@ -0,0 +1,8 @@
+export interface HttpPermissionsPolicyRule {
+  [key: string]: string
+}
+
+export interface HttpPermissionsPolicy {
+  blocked: [string]
+  allowed: HttpPermissionsPolicyRule
+}
diff --git a/services/web/app/src/models/DeletedFile.js b/services/web/app/src/models/DeletedFile.js
new file mode 100644
index 0000000..45d30d8
--- /dev/null
+++ b/services/web/app/src/models/DeletedFile.js
@@ -0,0 +1,21 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { Schema } = mongoose
+
+const DeletedFileSchema = new Schema(
+  {
+    name: String,
+    projectId: Schema.ObjectId,
+    created: {
+      type: Date,
+    },
+    linkedFileData: { type: Schema.Types.Mixed },
+    hash: {
+      type: String,
+    },
+    deletedAt: { type: Date },
+  },
+  { collection: 'deletedFiles', minimize: false }
+)
+
+exports.DeletedFile = mongoose.model('DeletedFile', DeletedFileSchema)
+exports.DeletedFileSchema = DeletedFileSchema
diff --git a/services/web/app/src/models/DeletedProject.js b/services/web/app/src/models/DeletedProject.js
new file mode 100644
index 0000000..c1f6ce9
--- /dev/null
+++ b/services/web/app/src/models/DeletedProject.js
@@ -0,0 +1,34 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { ProjectSchema } = require('./Project')
+
+const { Schema } = mongoose
+const { ObjectId } = Schema
+
+const DeleterDataSchema = new Schema({
+  deleterId: { type: ObjectId, ref: 'User' },
+  deleterIpAddress: { type: String },
+  deletedAt: { type: Date },
+  deletedProjectId: { type: ObjectId },
+  deletedProjectOwnerId: { type: ObjectId, ref: 'User' },
+  deletedProjectCollaboratorIds: [{ type: ObjectId, ref: 'User' }],
+  deletedProjectReadOnlyIds: [{ type: ObjectId, ref: 'User' }],
+  deletedProjectReviewerIds: [{ type: ObjectId, ref: 'User' }],
+  deletedProjectReadWriteTokenAccessIds: [{ type: ObjectId, ref: 'User' }],
+  deletedProjectReadOnlyTokenAccessIds: [{ type: ObjectId, ref: 'User' }],
+  deletedProjectReadWriteToken: { type: String },
+  deletedProjectReadOnlyToken: { type: String },
+  deletedProjectLastUpdatedAt: { type: Date },
+  deletedProjectOverleafId: { type: Number },
+  deletedProjectOverleafHistoryId: { type: Schema.Types.Mixed },
+})
+
+const DeletedProjectSchema = new Schema(
+  {
+    deleterData: DeleterDataSchema,
+    project: ProjectSchema,
+  },
+  { collection: 'deletedProjects', minimize: false }
+)
+
+exports.DeletedProject = mongoose.model('DeletedProject', DeletedProjectSchema)
+exports.DeletedProjectSchema = DeletedProjectSchema
diff --git a/services/web/app/src/models/DeletedSubscription.js b/services/web/app/src/models/DeletedSubscription.js
new file mode 100644
index 0000000..10b649d
--- /dev/null
+++ b/services/web/app/src/models/DeletedSubscription.js
@@ -0,0 +1,34 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { SubscriptionSchema } = require('./Subscription')
+
+const { Schema } = mongoose
+const { ObjectId } = Schema
+
+const DeleterDataSchema = new Schema(
+  {
+    deleterId: { type: ObjectId, ref: 'User' },
+    deleterIpAddress: { type: String },
+    deletedAt: {
+      type: Date,
+      default() {
+        return new Date()
+      },
+    },
+  },
+  { _id: false }
+)
+
+const DeletedSubscriptionSchema = new Schema(
+  {
+    deleterData: DeleterDataSchema,
+    subscription: SubscriptionSchema,
+  },
+  { collection: 'deletedSubscriptions', minimize: false }
+)
+
+exports.DeletedSubscription = mongoose.model(
+  'DeletedSubscription',
+  DeletedSubscriptionSchema
+)
+
+exports.DeletedSubscriptionSchema = DeletedSubscriptionSchema
diff --git a/services/web/app/src/models/DeletedUser.js b/services/web/app/src/models/DeletedUser.js
new file mode 100644
index 0000000..5d20f9b
--- /dev/null
+++ b/services/web/app/src/models/DeletedUser.js
@@ -0,0 +1,31 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { UserSchema } = require('./User')
+
+const { Schema } = mongoose
+const { ObjectId } = Schema
+
+const DeleterDataSchema = new Schema({
+  deleterId: { type: ObjectId, ref: 'User' },
+  deleterIpAddress: { type: String },
+  deletedAt: { type: Date },
+  deletedUserId: { type: ObjectId },
+  deletedUserLastLoggedIn: { type: Date },
+  deletedUserSignUpDate: { type: Date },
+  deletedUserLoginCount: { type: Number },
+  deletedUserReferralId: { type: String },
+  deletedUserReferredUsers: [{ type: ObjectId, ref: 'User' }],
+  deletedUserReferredUserCount: { type: Number },
+  deletedUserOverleafId: { type: Number },
+})
+
+const DeletedUserSchema = new Schema(
+  {
+    deleterData: DeleterDataSchema,
+    user: UserSchema,
+  },
+  { collection: 'deletedUsers', minimize: false }
+)
+
+exports.DeletedUser = mongoose.model('DeletedUser', DeletedUserSchema)
+
+exports.DeletedUserSchema = DeletedUserSchema
diff --git a/services/web/app/src/models/Doc.js b/services/web/app/src/models/Doc.js
new file mode 100644
index 0000000..9f38ac0
--- /dev/null
+++ b/services/web/app/src/models/Doc.js
@@ -0,0 +1,14 @@
+const mongoose = require('../infrastructure/Mongoose')
+
+const { Schema } = mongoose
+
+const DocSchema = new Schema(
+  {
+    name: { type: String, default: 'new doc' },
+  },
+  { minimize: false }
+)
+
+exports.Doc = mongoose.model('Doc', DocSchema)
+
+exports.DocSchema = DocSchema
diff --git a/services/web/app/src/models/DocSnapshot.js b/services/web/app/src/models/DocSnapshot.js
new file mode 100644
index 0000000..b851d4a
--- /dev/null
+++ b/services/web/app/src/models/DocSnapshot.js
@@ -0,0 +1,18 @@
+const mongoose = require('../infrastructure/Mongoose')
+
+const { Schema } = mongoose
+
+const DocSnapshotSchema = new Schema(
+  {
+    project_id: Schema.Types.ObjectId,
+    doc_id: Schema.Types.ObjectId,
+    version: Number,
+    lines: [String],
+    pathname: String,
+    ranges: Schema.Types.Mixed,
+    ts: Date,
+  },
+  { collection: 'docSnapshots', minimize: false }
+)
+
+exports.DocSnapshot = mongoose.model('DocSnapshot', DocSnapshotSchema)
diff --git a/services/web/app/src/models/Feedback.js b/services/web/app/src/models/Feedback.js
new file mode 100644
index 0000000..8b63821
--- /dev/null
+++ b/services/web/app/src/models/Feedback.js
@@ -0,0 +1,24 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { Schema } = mongoose
+const { ObjectId } = Schema
+
+const FeedbackSchema = new Schema(
+  {
+    userId: {
+      type: ObjectId,
+      ref: 'User',
+    },
+    source: String,
+    createdAt: {
+      type: Date,
+      default() {
+        return new Date()
+      },
+    },
+    data: {},
+  },
+  { minimize: false }
+)
+
+exports.Feedback = mongoose.model('Feedback', FeedbackSchema)
+exports.FeedbackSchema = FeedbackSchema
diff --git a/services/web/app/src/models/File.js b/services/web/app/src/models/File.js
new file mode 100644
index 0000000..5a7c772
--- /dev/null
+++ b/services/web/app/src/models/File.js
@@ -0,0 +1,27 @@
+const mongoose = require('../infrastructure/Mongoose')
+
+const { Schema } = mongoose
+
+const FileSchema = new Schema(
+  {
+    name: {
+      type: String,
+      default: '',
+    },
+    created: {
+      type: Date,
+      default() {
+        return new Date()
+      },
+    },
+    rev: { type: Number, default: 0 },
+    linkedFileData: { type: Schema.Types.Mixed },
+    hash: {
+      type: String,
+    },
+  },
+  { minimize: false }
+)
+
+exports.File = mongoose.model('File', FileSchema)
+exports.FileSchema = FileSchema
diff --git a/services/web/app/src/models/Folder.js b/services/web/app/src/models/Folder.js
new file mode 100644
index 0000000..52312e9
--- /dev/null
+++ b/services/web/app/src/models/Folder.js
@@ -0,0 +1,21 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { DocSchema } = require('./Doc')
+const { FileSchema } = require('./File')
+
+const { Schema } = mongoose
+
+const FolderSchema = new Schema(
+  {
+    name: { type: String, default: 'new folder' },
+  },
+  { minimize: false }
+)
+
+FolderSchema.add({
+  docs: [DocSchema],
+  fileRefs: [FileSchema],
+  folders: [FolderSchema],
+})
+
+exports.Folder = mongoose.model('Folder', FolderSchema)
+exports.FolderSchema = FolderSchema
diff --git a/services/web/app/src/models/GlobalMetric.js b/services/web/app/src/models/GlobalMetric.js
new file mode 100644
index 0000000..824c147
--- /dev/null
+++ b/services/web/app/src/models/GlobalMetric.js
@@ -0,0 +1,19 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { Schema } = mongoose
+
+const GlobalMetricSchema = new Schema(
+  {
+    _id: { type: String, required: true },
+    value: {
+      type: Number,
+      default: 0,
+    },
+  },
+  {
+    collection: 'globalMetrics',
+    minimize: false,
+  }
+)
+
+exports.GlobalMetric = mongoose.model('GlobalMetric', GlobalMetricSchema)
+exports.GlobalMetricSchema = GlobalMetricSchema
diff --git a/services/web/app/src/models/GroupPolicy.js b/services/web/app/src/models/GroupPolicy.js
new file mode 100644
index 0000000..e975834
--- /dev/null
+++ b/services/web/app/src/models/GroupPolicy.js
@@ -0,0 +1,35 @@
+const mongoose = require('../infrastructure/Mongoose')
+
+const { Schema } = mongoose
+
+const GroupPolicySchema = new Schema(
+  {
+    // User can't delete their own account
+    userCannotDeleteOwnAccount: Boolean,
+
+    // User can't add a secondary email address, or affiliation
+    userCannotHaveSecondaryEmail: Boolean,
+
+    // User can't have an active  (currently auto-renewing) personal subscription, nor can they start one
+    userCannotHaveSubscription: Boolean,
+
+    // User can't choose to leave the group subscription they are managed by
+    userCannotLeaveManagingGroupSubscription: Boolean,
+
+    // User can't have a Google SSO account, nor can they link it to their account
+    userCannotHaveGoogleSSO: Boolean,
+
+    // User can't have other third-party SSO (e.g. ORCID/IEEE) active on their account, nor can they link it to their account
+    userCannotHaveOtherThirdPartySSO: Boolean,
+
+    // User can't use any of our AI features, such as the compile-assistant
+    userCannotUseAIFeatures: Boolean,
+
+    // User can't use the chat feature
+    userCannotUseChat: Boolean,
+  },
+  { minimize: false }
+)
+
+exports.GroupPolicy = mongoose.model('GroupPolicy', GroupPolicySchema)
+exports.GroupPolicySchema = GroupPolicySchema
diff --git a/services/web/app/src/models/Institution.js b/services/web/app/src/models/Institution.js
new file mode 100644
index 0000000..fd18cf3
--- /dev/null
+++ b/services/web/app/src/models/Institution.js
@@ -0,0 +1,49 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { Schema } = mongoose
+const { ObjectId } = Schema
+const settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const { promisify } = require('@overleaf/promise-utils')
+const { fetchJson } = require('@overleaf/fetch-utils')
+
+const InstitutionSchema = new Schema(
+  {
+    v1Id: { type: Number, required: true },
+    managerIds: [{ type: ObjectId, ref: 'User' }],
+    metricsEmail: {
+      optedOutUserIds: [{ type: ObjectId, ref: 'User' }],
+      lastSent: { type: Date },
+    },
+    groupPolicy: { type: ObjectId, ref: 'GroupPolicy' },
+  },
+  { minimize: false }
+)
+
+// fetch institution's data from v1 API. Errors are ignored
+InstitutionSchema.method('fetchV1Data', async function (callback) {
+  const url = `${settings.apis.v1.url}/universities/list/${this.v1Id}`
+  try {
+    const parsedBody = await fetchJson(url)
+    this.name = parsedBody != null ? parsedBody.name : undefined
+    this.countryCode = parsedBody != null ? parsedBody.country_code : undefined
+    this.departments = parsedBody != null ? parsedBody.departments : undefined
+    this.portalSlug = parsedBody != null ? parsedBody.portal_slug : undefined
+    this.enterpriseCommons =
+      parsedBody != null ? parsedBody.enterprise_commons : undefined
+  } catch (error) {
+    // log error and carry on without v1 data
+    logger.err(
+      { model: 'Institution', v1Id: this.v1Id, error },
+      '[fetchV1DataError]'
+    )
+  }
+  callback(null, this)
+})
+
+InstitutionSchema.method(
+  'fetchV1DataPromise',
+  promisify(InstitutionSchema.methods.fetchV1Data)
+)
+
+exports.Institution = mongoose.model('Institution', InstitutionSchema)
+exports.InstitutionSchema = InstitutionSchema
diff --git a/services/web/app/src/models/OauthAccessToken.js b/services/web/app/src/models/OauthAccessToken.js
new file mode 100644
index 0000000..8b3dbc8
--- /dev/null
+++ b/services/web/app/src/models/OauthAccessToken.js
@@ -0,0 +1,32 @@
+const mongoose = require('../infrastructure/Mongoose')
+
+const { Schema } = mongoose
+const { ObjectId } = Schema
+
+const OauthAccessTokenSchema = new Schema(
+  {
+    accessToken: String,
+    accessTokenPartial: String,
+    type: String,
+    accessTokenExpiresAt: Date,
+    oauthApplication_id: { type: ObjectId, ref: 'OauthApplication' },
+    refreshToken: String,
+    refreshTokenExpiresAt: Date,
+    scope: String,
+    user_id: { type: ObjectId, ref: 'User' },
+    createdAt: { type: Date },
+    expiresAt: Date,
+    lastUsedAt: Date,
+  },
+  {
+    collection: 'oauthAccessTokens',
+    minimize: false,
+  }
+)
+
+exports.OauthAccessToken = mongoose.model(
+  'OauthAccessToken',
+  OauthAccessTokenSchema
+)
+
+exports.OauthAccessTokenSchema = OauthAccessTokenSchema
diff --git a/services/web/app/src/models/OauthApplication.js b/services/web/app/src/models/OauthApplication.js
new file mode 100644
index 0000000..f02a985
--- /dev/null
+++ b/services/web/app/src/models/OauthApplication.js
@@ -0,0 +1,25 @@
+const mongoose = require('../infrastructure/Mongoose')
+
+const { Schema } = mongoose
+
+const OauthApplicationSchema = new Schema(
+  {
+    id: String,
+    clientSecret: String,
+    grants: [String],
+    name: String,
+    redirectUris: [String],
+    scopes: [String],
+  },
+  {
+    collection: 'oauthApplications',
+    minimize: false,
+  }
+)
+
+exports.OauthApplication = mongoose.model(
+  'OauthApplication',
+  OauthApplicationSchema
+)
+
+exports.OauthApplicationSchema = OauthApplicationSchema
diff --git a/services/web/app/src/models/OauthAuthorizationCode.js b/services/web/app/src/models/OauthAuthorizationCode.js
new file mode 100644
index 0000000..6b98223
--- /dev/null
+++ b/services/web/app/src/models/OauthAuthorizationCode.js
@@ -0,0 +1,28 @@
+const mongoose = require('../infrastructure/Mongoose')
+
+const { Schema } = mongoose
+const { ObjectId } = Schema
+
+const OauthAuthorizationCodeSchema = new Schema(
+  {
+    authorizationCode: String,
+    expiresAt: Date,
+    oauthApplication_id: { type: ObjectId, ref: 'OauthApplication' },
+    redirectUri: String,
+    scope: String,
+    user_id: { type: ObjectId, ref: 'User' },
+    codeChallenge: String,
+    codeChallengeMethod: String,
+  },
+  {
+    collection: 'oauthAuthorizationCodes',
+    minimize: false,
+  }
+)
+
+exports.OauthAuthorizationCode = mongoose.model(
+  'OauthAuthorizationCode',
+  OauthAuthorizationCodeSchema
+)
+
+exports.OauthAuthorizationCodeSchema = OauthAuthorizationCodeSchema
diff --git a/services/web/app/src/models/OnboardingDataCollection.js b/services/web/app/src/models/OnboardingDataCollection.js
new file mode 100644
index 0000000..e0625f7
--- /dev/null
+++ b/services/web/app/src/models/OnboardingDataCollection.js
@@ -0,0 +1,33 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { Schema } = mongoose
+
+const OnboardingDataCollectionSchema = new Schema(
+  {
+    firstName: { type: String, default: null },
+    lastName: { type: String, default: null },
+    primaryOccupation: { type: String, default: null },
+    usedLatex: { type: String, default: null },
+    companyDivisionDepartment: { type: String, default: null },
+    companyJobTitle: { type: String, default: null },
+    governmentJobTitle: { type: String, default: null },
+    institutionName: { type: String, default: null },
+    otherJobTitle: { type: String, default: null },
+    nonprofitDivisionDepartment: { type: String, default: null },
+    nonprofitJobTitle: { type: String, default: null },
+    role: { type: String, default: null },
+    subjectArea: { type: String, default: null },
+    updatedAt: { type: Date, default: Date.now },
+  },
+  {
+    collection: 'onboardingDataCollection',
+    minimize: false,
+  }
+)
+
+module.exports = {
+  OnboardingDataCollection: mongoose.model(
+    'OnboardingDataCollection',
+    OnboardingDataCollectionSchema
+  ),
+  OnboardingDataCollectionSchema,
+}
diff --git a/services/web/app/src/models/Project.js b/services/web/app/src/models/Project.js
new file mode 100644
index 0000000..8da4b88
--- /dev/null
+++ b/services/web/app/src/models/Project.js
@@ -0,0 +1,143 @@
+const mongoose = require('../infrastructure/Mongoose')
+const _ = require('lodash')
+const { FolderSchema } = require('./Folder')
+const Errors = require('../Features/Errors/Errors')
+
+const ConcreteObjectId = mongoose.Types.ObjectId
+const { Schema } = mongoose
+const { ObjectId } = Schema
+
+const DeletedDocSchema = new Schema({
+  name: String,
+  deletedAt: { type: Date },
+})
+
+const DeletedFileSchema = new Schema({
+  name: String,
+  created: {
+    type: Date,
+  },
+  linkedFileData: { type: Schema.Types.Mixed },
+  hash: {
+    type: String,
+  },
+  deletedAt: { type: Date },
+})
+
+const ProjectSchema = new Schema(
+  {
+    name: { type: String, default: 'new project' },
+    lastUpdated: {
+      type: Date,
+      default() {
+        return new Date()
+      },
+    },
+    lastUpdatedBy: { type: ObjectId, ref: 'User' },
+    lastOpened: { type: Date },
+    active: { type: Boolean, default: true },
+    owner_ref: { type: ObjectId, ref: 'User' },
+    collaberator_refs: [{ type: ObjectId, ref: 'User' }],
+    reviewer_refs: [{ type: ObjectId, ref: 'User' }],
+    readOnly_refs: [{ type: ObjectId, ref: 'User' }],
+    pendingEditor_refs: [{ type: ObjectId, ref: 'User' }],
+    pendingReviewer_refs: [{ type: ObjectId, ref: 'User' }],
+    rootDoc_id: { type: ObjectId },
+    rootFolder: [FolderSchema],
+    mainBibliographyDoc_id: { type: ObjectId },
+    version: { type: Number }, // incremented for every change in the project structure (folders and filenames)
+    publicAccesLevel: { type: String, default: 'private' },
+    compiler: { type: String, default: 'pdflatex' },
+    spellCheckLanguage: { type: String, default: 'en' },
+    deletedByExternalDataSource: { type: Boolean, default: false },
+    description: { type: String, default: '' },
+    archived: { type: Schema.Types.Mixed },
+    trashed: [{ type: ObjectId, ref: 'User' }],
+    deletedDocs: [DeletedDocSchema],
+    deletedFiles: [DeletedFileSchema],
+    imageName: { type: String },
+    brandVariationId: { type: String },
+    track_changes: { type: Object },
+    tokens: {
+      readOnly: {
+        type: String,
+        index: {
+          unique: true,
+          partialFilterExpression: { 'tokens.readOnly': { $exists: true } },
+        },
+      },
+      readAndWrite: {
+        type: String,
+        index: {
+          unique: true,
+          partialFilterExpression: { 'tokens.readAndWrite': { $exists: true } },
+        },
+      },
+      readAndWritePrefix: {
+        type: String,
+        index: {
+          unique: true,
+          partialFilterExpression: {
+            'tokens.readAndWritePrefix': { $exists: true },
+          },
+        },
+      },
+    },
+    tokenAccessReadOnly_refs: [{ type: ObjectId, ref: 'User' }],
+    tokenAccessReadAndWrite_refs: [{ type: ObjectId, ref: 'User' }],
+    fromV1TemplateId: { type: Number },
+    fromV1TemplateVersionId: { type: Number },
+    overleaf: {
+      id: { type: Number },
+      imported_at_ver_id: { type: Number },
+      token: { type: String },
+      read_token: { type: String },
+      history: {
+        id: { type: Schema.Types.Mixed },
+        display: { type: Boolean },
+        upgradedAt: { type: Date },
+        allowDowngrade: { type: Boolean },
+        zipFileArchivedInProject: { type: Boolean },
+        rangesSupportEnabled: { type: Boolean },
+      },
+    },
+    collabratecUsers: [
+      {
+        user_id: { type: ObjectId, ref: 'User' },
+        collabratec_document_id: { type: String },
+        collabratec_privategroup_id: { type: String },
+        added_at: {
+          type: Date,
+          default() {
+            return new Date()
+          },
+        },
+      },
+    ],
+    deferredTpdsFlushCounter: { type: Number },
+  },
+  { minimize: false }
+)
+
+ProjectSchema.statics.getProject = function (projectOrId, fields, callback) {
+  if (projectOrId._id != null) {
+    callback(null, projectOrId)
+  } else {
+    try {
+      // eslint-disable-next-line no-new
+      new ConcreteObjectId(projectOrId.toString())
+    } catch (e) {
+      return callback(new Errors.NotFoundError(e.message))
+    }
+    this.findById(projectOrId, fields, callback)
+  }
+}
+
+function applyToAllFilesRecursivly(folder, fun) {
+  _.forEach(folder.fileRefs, file => fun(file))
+  _.forEach(folder.folders, folder => applyToAllFilesRecursivly(folder, fun))
+}
+ProjectSchema.statics.applyToAllFilesRecursivly = applyToAllFilesRecursivly
+
+exports.Project = mongoose.model('Project', ProjectSchema)
+exports.ProjectSchema = ProjectSchema
diff --git a/services/web/app/src/models/ProjectAuditLogEntry.js b/services/web/app/src/models/ProjectAuditLogEntry.js
new file mode 100644
index 0000000..fa13dbc
--- /dev/null
+++ b/services/web/app/src/models/ProjectAuditLogEntry.js
@@ -0,0 +1,23 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { Schema } = mongoose
+
+const ProjectAuditLogEntrySchema = new Schema(
+  {
+    projectId: { type: Schema.Types.ObjectId, index: true },
+    operation: { type: String },
+    initiatorId: { type: Schema.Types.ObjectId },
+    ipAddress: { type: String },
+    timestamp: { type: Date, default: Date.now },
+    info: { type: Object },
+  },
+  {
+    collection: 'projectAuditLogEntries',
+    minimize: false,
+  }
+)
+
+exports.ProjectAuditLogEntry = mongoose.model(
+  'ProjectAuditLogEntry',
+  ProjectAuditLogEntrySchema
+)
+exports.ProjectAuditLogEntrySchema = ProjectAuditLogEntrySchema
diff --git a/services/web/app/src/models/ProjectHistoryFailure.js b/services/web/app/src/models/ProjectHistoryFailure.js
new file mode 100644
index 0000000..7bfd1a3
--- /dev/null
+++ b/services/web/app/src/models/ProjectHistoryFailure.js
@@ -0,0 +1,24 @@
+const mongoose = require('../infrastructure/Mongoose')
+
+const { Schema } = mongoose
+
+const ProjectHistoryFailureSchema = new Schema(
+  {
+    project_id: String,
+    ts: Date,
+    queueSize: Number,
+    error: String,
+    stack: String,
+    attempts: Number,
+    history: Schema.Types.Mixed,
+    resyncStartedAt: Date,
+    resyncAttempts: Number,
+    requestCount: Number,
+  },
+  { collection: 'projectHistoryFailures', minimize: false }
+)
+
+exports.ProjectHistoryFailure = mongoose.model(
+  'ProjectHistoryFailure',
+  ProjectHistoryFailureSchema
+)
diff --git a/services/web/app/src/models/ProjectInvite.js b/services/web/app/src/models/ProjectInvite.js
new file mode 100644
index 0000000..a7bfbad
--- /dev/null
+++ b/services/web/app/src/models/ProjectInvite.js
@@ -0,0 +1,36 @@
+const mongoose = require('../infrastructure/Mongoose')
+
+const { Schema } = mongoose
+const { ObjectId } = Schema
+
+const EXPIRY_IN_SECONDS = 60 * 60 * 24 * 30
+
+const ExpiryDate = function () {
+  const timestamp = new Date()
+  timestamp.setSeconds(timestamp.getSeconds() + EXPIRY_IN_SECONDS)
+  return timestamp
+}
+
+const ProjectInviteSchema = new Schema(
+  {
+    email: String,
+    tokenHmac: String,
+    sendingUserId: ObjectId,
+    projectId: ObjectId,
+    privileges: String,
+    createdAt: { type: Date, default: Date.now },
+    expires: {
+      type: Date,
+      default: ExpiryDate,
+      index: { expireAfterSeconds: 10 },
+    },
+  },
+  {
+    collection: 'projectInvites',
+    minimize: false,
+  }
+)
+
+exports.ProjectInvite = mongoose.model('ProjectInvite', ProjectInviteSchema)
+exports.ProjectInviteSchema = ProjectInviteSchema
+exports.EXPIRY_IN_SECONDS = EXPIRY_IN_SECONDS
diff --git a/services/web/app/src/models/Publisher.js b/services/web/app/src/models/Publisher.js
new file mode 100644
index 0000000..e9e10e4
--- /dev/null
+++ b/services/web/app/src/models/Publisher.js
@@ -0,0 +1,50 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { Schema } = mongoose
+const { ObjectId } = Schema
+const settings = require('@overleaf/settings')
+const logger = require('@overleaf/logger')
+const request = require('request')
+
+const PublisherSchema = new Schema(
+  {
+    slug: { type: String, required: true },
+    managerIds: [{ type: ObjectId, ref: 'User' }],
+  },
+  { minimize: false }
+)
+
+// fetch publisher's (brand on v1) data from v1 API. Errors are ignored
+PublisherSchema.method('fetchV1Data', function (callback) {
+  request(
+    {
+      baseUrl: settings.apis.v1.url,
+      url: `/api/v2/brands/${this.slug}`,
+      method: 'GET',
+      auth: {
+        user: settings.apis.v1.user,
+        pass: settings.apis.v1.pass,
+        sendImmediately: true,
+      },
+      timeout: settings.apis.v1.timeout,
+    },
+    (error, response, body) => {
+      let parsedBody
+      try {
+        parsedBody = JSON.parse(body)
+      } catch (error1) {
+        // log error and carry on without v1 data
+        error = error1
+        logger.err(
+          { model: 'Publisher', slug: this.slug, error },
+          '[fetchV1DataError]'
+        )
+      }
+      this.name = parsedBody != null ? parsedBody.name : undefined
+      this.partner = parsedBody != null ? parsedBody.partner : undefined
+      callback(null, this)
+    }
+  )
+})
+
+exports.Publisher = mongoose.model('Publisher', PublisherSchema)
+exports.PublisherSchema = PublisherSchema
diff --git a/services/web/app/src/models/SSOConfig.js b/services/web/app/src/models/SSOConfig.js
new file mode 100644
index 0000000..5d50d51
--- /dev/null
+++ b/services/web/app/src/models/SSOConfig.js
@@ -0,0 +1,22 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { Schema } = mongoose
+
+const SSOConfigSchema = new Schema(
+  {
+    entryPoint: { type: String, required: true },
+    certificates: { type: Array, default: [''], required: true },
+    userIdAttribute: { type: String, required: true },
+    userFirstNameAttribute: { type: String },
+    userLastNameAttribute: { type: String },
+    validated: { type: Boolean, default: false },
+    enabled: { type: Boolean, default: false },
+  },
+
+  {
+    collection: 'ssoConfigs',
+    minimize: false,
+  }
+)
+
+exports.SSOConfig = mongoose.model('SSOConfig', SSOConfigSchema)
+exports.SSOConfigSchema = SSOConfigSchema
diff --git a/services/web/app/src/models/SamlCache.js b/services/web/app/src/models/SamlCache.js
new file mode 100644
index 0000000..185fe61
--- /dev/null
+++ b/services/web/app/src/models/SamlCache.js
@@ -0,0 +1,16 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { Schema } = mongoose
+
+const SamlCacheSchema = new Schema(
+  {
+    createdAt: { type: Date },
+    requestId: { type: String },
+  },
+  {
+    collection: 'samlCache',
+    minimize: false,
+  }
+)
+
+exports.SamlCache = mongoose.model('SamlCache', SamlCacheSchema)
+exports.SamlCacheSchema = SamlCacheSchema
diff --git a/services/web/app/src/models/SamlLog.js b/services/web/app/src/models/SamlLog.js
new file mode 100644
index 0000000..5288977
--- /dev/null
+++ b/services/web/app/src/models/SamlLog.js
@@ -0,0 +1,22 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { Schema } = mongoose
+
+const SamlLogSchema = new Schema(
+  {
+    createdAt: { type: Date, default: () => new Date() },
+    data: { type: Object },
+    jsonData: { type: String },
+    path: { type: String },
+    providerId: { type: String, default: '' },
+    samlAssertion: { type: String },
+    sessionId: { type: String, default: '' },
+    userId: { type: String, default: '' },
+  },
+  {
+    collection: 'samlLogs',
+    minimize: false,
+  }
+)
+
+exports.SamlLog = mongoose.model('SamlLog', SamlLogSchema)
+exports.SamlLogSchema = SamlLogSchema
diff --git a/services/web/app/src/models/ScriptLog.mjs b/services/web/app/src/models/ScriptLog.mjs
new file mode 100644
index 0000000..9cc6b86
--- /dev/null
+++ b/services/web/app/src/models/ScriptLog.mjs
@@ -0,0 +1,27 @@
+import Mongoose from '../infrastructure/Mongoose.js'
+
+export const ScriptLogSchema = new Mongoose.Schema(
+  {
+    canonicalName: { type: String, required: true },
+    filePathAtVersion: { type: String, required: true },
+    imageVersion: { type: String, required: true },
+    podName: { type: String, required: true },
+    startTime: { type: Date, default: Date.now },
+    endTime: { type: Date, default: null },
+    username: { type: String, required: true },
+    status: {
+      type: String,
+      enum: ['pending', 'success', 'error'],
+      default: 'pending',
+      required: true,
+    },
+    vars: { type: Object, required: true },
+    progressLogs: {
+      type: [{ timestamp: Date, message: String }],
+      required: true,
+    },
+  },
+  { minimize: false, collection: 'scriptLogs' }
+)
+
+export const ScriptLog = Mongoose.model('ScriptLog', ScriptLogSchema)
diff --git a/services/web/app/src/models/SplitTest.js b/services/web/app/src/models/SplitTest.js
new file mode 100644
index 0000000..2168db4
--- /dev/null
+++ b/services/web/app/src/models/SplitTest.js
@@ -0,0 +1,174 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { Schema } = mongoose
+const { ObjectId } = Schema
+
+const MIN_NAME_LENGTH = 3
+const MAX_NAME_LENGTH = 200
+const MIN_VARIANT_NAME_LENGTH = 3
+const MAX_VARIANT_NAME_LENGTH = 255
+const NAME_REGEX = /^[a-z0-9-]+$/
+
+const RolloutPercentType = {
+  type: Number,
+  default: 0,
+  min: [0, 'Rollout percentage must be between 0 and 100, got {VALUE}'],
+  max: [100, 'Rollout percentage must be between 0 and 100, got {VALUE}'],
+  required: true,
+}
+
+const BadgeSchema = new Schema(
+  {
+    tooltipText: {
+      type: String,
+      required: false,
+    },
+    url: {
+      type: String,
+      required: false,
+    },
+  },
+  { _id: false }
+)
+
+const BadgeInfoSchema = new Schema(
+  {
+    alpha: BadgeSchema,
+    beta: BadgeSchema,
+    release: BadgeSchema,
+  },
+  { _id: false }
+)
+
+const VariantSchema = new Schema(
+  {
+    name: {
+      type: String,
+      minLength: MIN_VARIANT_NAME_LENGTH,
+      maxLength: MAX_VARIANT_NAME_LENGTH,
+      required: true,
+      validate: {
+        validator: function (input) {
+          return input !== null && input !== 'default' && NAME_REGEX.test(input)
+        },
+        message: `invalid, cannot be 'default' and must match: ${NAME_REGEX}, got {VALUE}`,
+      },
+    },
+    rolloutPercent: RolloutPercentType,
+    rolloutStripes: [
+      {
+        start: RolloutPercentType,
+        end: RolloutPercentType,
+      },
+    ],
+  },
+  { _id: false }
+)
+
+const VersionSchema = new Schema(
+  {
+    versionNumber: {
+      type: Number,
+      default: 1,
+      min: [1, 'must be 1 or higher, got {VALUE}'],
+      required: true,
+    },
+    phase: {
+      type: String,
+      default: 'alpha',
+      enum: ['alpha', 'beta', 'release'],
+      required: true,
+    },
+    active: {
+      type: Boolean,
+      default: true,
+      required: true,
+    },
+    analyticsEnabled: {
+      type: Boolean,
+      default: true,
+      required: true,
+    },
+    variants: [VariantSchema],
+    createdAt: {
+      type: Date,
+      default: Date.now,
+    },
+    author: { type: ObjectId, ref: 'User' },
+    comment: {
+      type: String,
+      required: false,
+    },
+  },
+  { _id: false }
+)
+
+const SplitTestSchema = new Schema(
+  {
+    name: {
+      type: String,
+      minLength: MIN_NAME_LENGTH,
+      maxlength: MAX_NAME_LENGTH,
+      required: true,
+      unique: true,
+      validate: {
+        validator: function (input) {
+          return input !== null && NAME_REGEX.test(input)
+        },
+        message: `invalid, must match: ${NAME_REGEX}`,
+      },
+    },
+    versions: [VersionSchema],
+    forbidReleasePhase: {
+      type: Boolean,
+      required: false,
+    },
+    description: {
+      type: String,
+      required: false,
+    },
+    expectedEndDate: {
+      type: Date,
+      required: false,
+    },
+    requiredCohortSize: {
+      type: Number,
+      required: false,
+    },
+    expectedUplift: {
+      type: Number,
+      required: false,
+    },
+    ticketUrl: {
+      type: String,
+      required: false,
+    },
+    reportsUrls: {
+      type: [String],
+      required: false,
+      default: [],
+    },
+    winningVariant: {
+      type: String,
+      required: false,
+    },
+    archived: {
+      type: Boolean,
+      required: false,
+    },
+    archivedAt: {
+      type: Date,
+      required: false,
+    },
+    archivedBy: { type: ObjectId, ref: 'User' },
+    badgeInfo: {
+      type: BadgeInfoSchema,
+      required: false,
+    },
+  },
+  { minimize: false }
+)
+
+module.exports = {
+  SplitTest: mongoose.model('SplitTest', SplitTestSchema),
+  SplitTestSchema,
+}
diff --git a/services/web/app/src/models/Subscription.js b/services/web/app/src/models/Subscription.js
new file mode 100644
index 0000000..0145eb6
--- /dev/null
+++ b/services/web/app/src/models/Subscription.js
@@ -0,0 +1,102 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { TeamInviteSchema } = require('./TeamInvite')
+
+const { Schema } = mongoose
+const { ObjectId } = Schema
+
+const SubscriptionSchema = new Schema(
+  {
+    admin_id: {
+      type: ObjectId,
+      ref: 'User',
+      index: { unique: true, dropDups: true },
+    },
+    manager_ids: {
+      type: [ObjectId],
+      ref: 'User',
+      required: true,
+      validate: function (managers) {
+        // require at least one manager
+        return !!managers.length
+      },
+    },
+    member_ids: [{ type: ObjectId, ref: 'User' }],
+    groupPolicy: { type: ObjectId, ref: 'GroupPolicy' },
+    invited_emails: [String],
+    teamInvites: [TeamInviteSchema],
+    recurlySubscription_id: String,
+    teamName: { type: String },
+    teamNotice: { type: String },
+    planCode: { type: String },
+    groupPlan: { type: Boolean, default: false },
+    managedUsersEnabled: { type: Boolean, default: false },
+    membersLimit: { type: Number, default: 0 },
+    customAccount: Boolean,
+    features: {
+      managedUsers: { type: Boolean, default: true },
+      groupSSO: { type: Boolean, default: true },
+    },
+    addOns: Schema.Types.Mixed,
+    overleaf: {
+      id: {
+        type: Number,
+        index: {
+          unique: true,
+          partialFilterExpression: { 'overleaf.id': { $exists: true } },
+        },
+      },
+    },
+    recurlyStatus: {
+      state: {
+        type: String,
+      },
+      trialStartedAt: {
+        type: Date,
+      },
+      trialEndsAt: {
+        type: Date,
+      },
+    },
+    paymentProvider: {
+      service: {
+        type: String,
+      },
+      subscriptionId: {
+        type: String,
+      },
+    },
+    collectionMethod: {
+      type: String,
+      enum: ['automatic', 'manual'],
+      default: 'automatic',
+    },
+    v1_id: {
+      type: Number,
+      required: false,
+      min: 1,
+    },
+    salesforce_id: {
+      type: String,
+      required: false,
+      validate: {
+        validator: function (salesforceId) {
+          return (
+            salesforceId == null ||
+            salesforceId === '' ||
+            salesforceId.match(/^(?:[A-Za-z0-9]{15}|[A-Za-z0-9]{18})$/)
+          )
+        },
+      },
+    },
+    ssoConfig: { type: ObjectId, ref: 'SSOConfig' },
+  },
+  { minimize: false }
+)
+
+// Subscriptions have no v1 data to fetch
+SubscriptionSchema.method('fetchV1Data', function (callback) {
+  callback(null, this)
+})
+
+exports.Subscription = mongoose.model('Subscription', SubscriptionSchema)
+exports.SubscriptionSchema = SubscriptionSchema
diff --git a/services/web/app/src/models/Survey.js b/services/web/app/src/models/Survey.js
new file mode 100644
index 0000000..5d56a20
--- /dev/null
+++ b/services/web/app/src/models/Survey.js
@@ -0,0 +1,54 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { Schema } = mongoose
+
+const MIN_NAME_LENGTH = 3
+const MAX_NAME_LENGTH = 200
+const NAME_REGEX = /^[a-z0-9-]+$/
+
+const SurveySchema = new Schema(
+  {
+    name: {
+      type: String,
+      minLength: MIN_NAME_LENGTH,
+      maxlength: MAX_NAME_LENGTH,
+      required: true,
+      validate: {
+        validator: function (input) {
+          return input !== null && NAME_REGEX.test(input)
+        },
+        message: `invalid, must match: ${NAME_REGEX}`,
+      },
+    },
+    preText: {
+      type: String,
+      required: true,
+    },
+    linkText: {
+      type: String,
+      required: true,
+    },
+    url: {
+      type: String,
+      required: true,
+    },
+    options: {
+      hasRecurlyGroupSubscription: {
+        type: Boolean,
+        default: false,
+      },
+      rolloutPercentage: {
+        type: Number,
+        default: 100,
+      },
+    },
+  },
+  {
+    collection: 'surveys',
+    minimize: false,
+  }
+)
+
+module.exports = {
+  Survey: mongoose.model('Survey', SurveySchema),
+  SurveySchema,
+}
diff --git a/services/web/app/src/models/SystemMessage.js b/services/web/app/src/models/SystemMessage.js
new file mode 100644
index 0000000..c3e37d0
--- /dev/null
+++ b/services/web/app/src/models/SystemMessage.js
@@ -0,0 +1,12 @@
+const mongoose = require('../infrastructure/Mongoose')
+
+const { Schema } = mongoose
+
+const SystemMessageSchema = new Schema(
+  {
+    content: { type: String, default: '' },
+  },
+  { minimize: false }
+)
+
+exports.SystemMessage = mongoose.model('SystemMessage', SystemMessageSchema)
diff --git a/services/web/app/src/models/Tag.js b/services/web/app/src/models/Tag.js
new file mode 100644
index 0000000..8e0eb11
--- /dev/null
+++ b/services/web/app/src/models/Tag.js
@@ -0,0 +1,28 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { Schema } = mongoose
+
+const COLOR_REGEX = /^#[a-fA-F0-9]{6}$/
+
+// Note that for legacy reasons, user_id and project_ids are plain strings,
+// not ObjectIds.
+
+const TagSchema = new Schema(
+  {
+    user_id: { type: String, required: true },
+    name: { type: String, required: true },
+    color: {
+      type: String,
+      validate: {
+        validator: function (v) {
+          return !v || COLOR_REGEX.test(v)
+        },
+        message: 'Provided color code is invalid.',
+      },
+    },
+    project_ids: [String],
+  },
+  { minimize: false }
+)
+
+exports.Tag = mongoose.model('Tag', TagSchema)
+exports.TagSchema = TagSchema
diff --git a/services/web/app/src/models/TeamInvite.js b/services/web/app/src/models/TeamInvite.js
new file mode 100644
index 0000000..b115d27
--- /dev/null
+++ b/services/web/app/src/models/TeamInvite.js
@@ -0,0 +1,16 @@
+const mongoose = require('../infrastructure/Mongoose')
+
+const { Schema } = mongoose
+
+const TeamInviteSchema = new Schema(
+  {
+    email: { type: String, required: true },
+    token: { type: String },
+    inviterName: { type: String },
+    sentAt: { type: Date },
+  },
+  { minimize: false }
+)
+
+exports.TeamInvite = mongoose.model('TeamInvite', TeamInviteSchema)
+exports.TeamInviteSchema = TeamInviteSchema
diff --git a/services/web/app/src/models/User.js b/services/web/app/src/models/User.js
new file mode 100644
index 0000000..c63647e
--- /dev/null
+++ b/services/web/app/src/models/User.js
@@ -0,0 +1,245 @@
+const Settings = require('@overleaf/settings')
+const mongoose = require('../infrastructure/Mongoose')
+const TokenGenerator = require('../Features/TokenGenerator/TokenGenerator')
+const { Schema } = mongoose
+const { ObjectId } = Schema
+
+// See https://stackoverflow.com/questions/386294/what-is-the-maximum-length-of-a-valid-email-address/574698#574698
+const MAX_EMAIL_LENGTH = 254
+const MAX_NAME_LENGTH = 255
+
+const UserSchema = new Schema(
+  {
+    email: { type: String, default: '', maxlength: MAX_EMAIL_LENGTH },
+    emails: [
+      {
+        email: { type: String, default: '', maxlength: MAX_EMAIL_LENGTH },
+        reversedHostname: { type: String, default: '' },
+        createdAt: {
+          type: Date,
+          default() {
+            return new Date()
+          },
+        },
+        confirmedAt: { type: Date },
+        samlProviderId: { type: String },
+        affiliationUnchecked: { type: Boolean },
+        reconfirmedAt: { type: Date },
+      },
+    ],
+    first_name: {
+      type: String,
+      default: '',
+      maxlength: MAX_NAME_LENGTH,
+    },
+    last_name: {
+      type: String,
+      default: '',
+      maxlength: MAX_NAME_LENGTH,
+    },
+    role: { type: String, default: '' },
+    institution: { type: String, default: '' },
+    hashedPassword: String,
+    enrollment: {
+      sso: [
+        {
+          groupId: {
+            type: ObjectId,
+            ref: 'Subscription',
+          },
+          linkedAt: Date,
+          primary: { type: Boolean, default: false },
+        },
+      ],
+      managedBy: {
+        type: ObjectId,
+        ref: 'Subscription',
+      },
+      enrolledAt: { type: Date },
+    },
+    isAdmin: { type: Boolean, default: false },
+    staffAccess: {
+      publisherMetrics: { type: Boolean, default: false },
+      publisherManagement: { type: Boolean, default: false },
+      institutionMetrics: { type: Boolean, default: false },
+      institutionManagement: { type: Boolean, default: false },
+      groupMetrics: { type: Boolean, default: false },
+      groupManagement: { type: Boolean, default: false },
+      adminMetrics: { type: Boolean, default: false },
+      splitTestMetrics: { type: Boolean, default: false },
+      splitTestManagement: { type: Boolean, default: false },
+    },
+    signUpDate: {
+      type: Date,
+      default() {
+        return new Date()
+      },
+    },
+    loginEpoch: { type: Number },
+    lastActive: { type: Date },
+    lastFailedLogin: { type: Date },
+    lastLoggedIn: { type: Date },
+    lastLoginIp: { type: String, default: '' },
+    lastPrimaryEmailCheck: { type: Date },
+    lastTrial: { type: Date },
+    loginCount: { type: Number, default: 0 },
+    holdingAccount: { type: Boolean, default: false },
+    ace: {
+      mode: { type: String, default: 'none' },
+      theme: { type: String, default: 'textmate' },
+      overallTheme: { type: String, default: '' },
+      fontSize: { type: Number, default: '12' },
+      autoComplete: { type: Boolean, default: true },
+      autoPairDelimiters: { type: Boolean, default: true },
+      spellCheckLanguage: { type: String, default: 'en' },
+      pdfViewer: { type: String, default: 'pdfjs' },
+      syntaxValidation: { type: Boolean },
+      fontFamily: { type: String },
+      lineHeight: { type: String },
+      mathPreview: { type: Boolean, default: true },
+      referencesSearchMode: { type: String, default: 'advanced' }, // 'advanced' or 'simple'
+      enableNewEditor: { type: Boolean },
+    },
+    features: {
+      collaborators: {
+        type: Number,
+        default: Settings.defaultFeatures.collaborators,
+      },
+      versioning: {
+        type: Boolean,
+        default: Settings.defaultFeatures.versioning,
+      },
+      dropbox: { type: Boolean, default: Settings.defaultFeatures.dropbox },
+      github: { type: Boolean, default: Settings.defaultFeatures.github },
+      gitBridge: { type: Boolean, default: Settings.defaultFeatures.gitBridge },
+      compileTimeout: {
+        type: Number,
+        default: Settings.defaultFeatures.compileTimeout,
+      },
+      compileGroup: {
+        type: String,
+        default: Settings.defaultFeatures.compileGroup,
+      },
+      references: {
+        type: Boolean,
+        default: Settings.defaultFeatures.references,
+      },
+      trackChanges: {
+        type: Boolean,
+        default: Settings.defaultFeatures.trackChanges,
+      },
+      mendeley: { type: Boolean, default: Settings.defaultFeatures.mendeley },
+      zotero: { type: Boolean, default: Settings.defaultFeatures.zotero },
+      papers: { type: Boolean, default: Settings.defaultFeatures.papers },
+      referencesSearch: {
+        type: Boolean,
+        default: Settings.defaultFeatures.referencesSearch,
+      },
+      symbolPalette: {
+        type: Boolean,
+        default: Settings.defaultFeatures.symbolPalette,
+      },
+      aiErrorAssistant: {
+        type: Boolean,
+        default: false,
+      },
+    },
+    featuresOverrides: [
+      {
+        createdAt: {
+          type: Date,
+          default() {
+            return new Date()
+          },
+        },
+        expiresAt: { type: Date },
+        note: { type: String },
+        features: {
+          aiErrorAssistant: { type: Boolean },
+          collaborators: { type: Number },
+          versioning: { type: Boolean },
+          dropbox: { type: Boolean },
+          github: { type: Boolean },
+          gitBridge: { type: Boolean },
+          compileTimeout: { type: Number },
+          compileGroup: { type: String },
+          templates: { type: Boolean },
+          trackChanges: { type: Boolean },
+          mendeley: { type: Boolean },
+          papers: { type: Boolean },
+          zotero: { type: Boolean },
+          referencesSearch: { type: Boolean },
+          symbolPalette: { type: Boolean },
+        },
+      },
+    ],
+    featuresUpdatedAt: { type: Date },
+    featuresEpoch: {
+      type: String,
+    },
+    must_reconfirm: { type: Boolean, default: false },
+    referal_id: {
+      type: String,
+      default() {
+        return TokenGenerator.generateReferralId()
+      },
+    },
+    refered_users: [{ type: ObjectId, ref: 'User' }],
+    refered_user_count: { type: Number, default: 0 },
+    refProviders: {
+      // The actual values are managed by third-party-references.
+      mendeley: Schema.Types.Mixed,
+      zotero: Schema.Types.Mixed,
+      papers: Schema.Types.Mixed,
+    },
+    writefull: {
+      enabled: { type: Boolean, default: null },
+      autoCreatedAccount: { type: Boolean, default: false },
+      isPremium: { type: Boolean, default: false },
+    },
+    aiErrorAssistant: {
+      enabled: { type: Boolean, default: true },
+    },
+    alphaProgram: { type: Boolean, default: false }, // experimental features
+    betaProgram: { type: Boolean, default: false },
+    labsProgram: { type: Boolean, default: false },
+    labsExperiments: { type: Array, default: [] },
+    overleaf: {
+      id: { type: Number },
+      accessToken: { type: String },
+      refreshToken: { type: String },
+    },
+    awareOfV2: { type: Boolean, default: false },
+    samlIdentifiers: { type: Array, default: [] },
+    thirdPartyIdentifiers: { type: Array, default: [] },
+    migratedAt: { type: Date },
+    twoFactorAuthentication: {
+      createdAt: { type: Date },
+      enrolledAt: { type: Date },
+      secretEncrypted: { type: String },
+    },
+    onboardingEmailSentAt: { type: Date },
+    splitTests: Schema.Types.Mixed,
+    analyticsId: { type: String },
+    completedTutorials: Schema.Types.Mixed,
+    suspended: { type: Boolean },
+  },
+  { minimize: false }
+)
+
+function formatSplitTestsSchema(next) {
+  if (this.splitTests) {
+    for (const splitTestKey of Object.keys(this.splitTests)) {
+      for (const variantIndex in this.splitTests[splitTestKey]) {
+        this.splitTests[splitTestKey][variantIndex].assignedAt = new Date(
+          this.splitTests[splitTestKey][variantIndex].assignedAt
+        )
+      }
+    }
+  }
+  next()
+}
+UserSchema.pre('save', formatSplitTestsSchema)
+
+exports.User = mongoose.model('User', UserSchema)
+exports.UserSchema = UserSchema
diff --git a/services/web/app/src/models/UserAuditLogEntry.js b/services/web/app/src/models/UserAuditLogEntry.js
new file mode 100644
index 0000000..c4355d2
--- /dev/null
+++ b/services/web/app/src/models/UserAuditLogEntry.js
@@ -0,0 +1,23 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { Schema } = mongoose
+
+const UserAuditLogEntrySchema = new Schema(
+  {
+    userId: { type: Schema.Types.ObjectId, index: true },
+    info: { type: Object },
+    initiatorId: { type: Schema.Types.ObjectId },
+    ipAddress: { type: String },
+    operation: { type: String },
+    timestamp: { type: Date, default: Date.now },
+  },
+  {
+    collection: 'userAuditLogEntries',
+    minimize: false,
+  }
+)
+
+exports.UserAuditLogEntry = mongoose.model(
+  'UserAuditLogEntry',
+  UserAuditLogEntrySchema
+)
+exports.UserAuditLogEntrySchema = UserAuditLogEntrySchema
diff --git a/services/web/app/src/models/UserFeatureUsage.js b/services/web/app/src/models/UserFeatureUsage.js
new file mode 100644
index 0000000..9ba2848
--- /dev/null
+++ b/services/web/app/src/models/UserFeatureUsage.js
@@ -0,0 +1,20 @@
+const mongoose = require('../infrastructure/Mongoose')
+const { Schema } = mongoose
+
+const Usage = new Schema({
+  usage: { type: Number },
+  periodStart: { type: Date },
+})
+
+const UserFeatureUsageSchema = new Schema({
+  features: {
+    aiErrorAssistant: Usage,
+  },
+})
+
+exports.UserFeatureUsage = mongoose.model(
+  'UserFeatureUsage',
+  UserFeatureUsageSchema
+)
+
+exports.UserFeatureUsageSchema = UserFeatureUsageSchema
diff --git a/services/web/app/src/router.mjs b/services/web/app/src/router.mjs
new file mode 100644
index 0000000..5e1a21c
--- /dev/null
+++ b/services/web/app/src/router.mjs
@@ -0,0 +1,1266 @@
+import AdminController from './Features/ServerAdmin/AdminController.js'
+import ErrorController from './Features/Errors/ErrorController.js'
+import Features from './infrastructure/Features.js'
+import ProjectController from './Features/Project/ProjectController.js'
+import ProjectApiController from './Features/Project/ProjectApiController.mjs'
+import ProjectListController from './Features/Project/ProjectListController.mjs'
+import SpellingController from './Features/Spelling/SpellingController.mjs'
+import EditorRouter from './Features/Editor/EditorRouter.mjs'
+import Settings from '@overleaf/settings'
+import TpdsController from './Features/ThirdPartyDataStore/TpdsController.mjs'
+import SubscriptionRouter from './Features/Subscription/SubscriptionRouter.mjs'
+import UploadsRouter from './Features/Uploads/UploadsRouter.mjs'
+import metrics from '@overleaf/metrics'
+import ReferalController from './Features/Referal/ReferalController.mjs'
+import AuthenticationController from './Features/Authentication/AuthenticationController.js'
+import PermissionsController from './Features/Authorization/PermissionsController.js'
+import SessionManager from './Features/Authentication/SessionManager.js'
+import TagsController from './Features/Tags/TagsController.mjs'
+import NotificationsController from './Features/Notifications/NotificationsController.mjs'
+import CollaboratorsRouter from './Features/Collaborators/CollaboratorsRouter.mjs'
+import UserInfoController from './Features/User/UserInfoController.js'
+import UserController from './Features/User/UserController.js'
+import UserEmailsController from './Features/User/UserEmailsController.js'
+import UserPagesController from './Features/User/UserPagesController.mjs'
+import TutorialController from './Features/Tutorial/TutorialController.mjs'
+import DocumentController from './Features/Documents/DocumentController.mjs'
+import CompileManager from './Features/Compile/CompileManager.js'
+import CompileController from './Features/Compile/CompileController.js'
+import ClsiCookieManagerFactory from './Features/Compile/ClsiCookieManager.js'
+import HealthCheckController from './Features/HealthCheck/HealthCheckController.mjs'
+import ProjectDownloadsController from './Features/Downloads/ProjectDownloadsController.mjs'
+import FileStoreController from './Features/FileStore/FileStoreController.mjs'
+import DocumentUpdaterController from './Features/DocumentUpdater/DocumentUpdaterController.mjs'
+import HistoryRouter from './Features/History/HistoryRouter.mjs'
+import ExportsController from './Features/Exports/ExportsController.mjs'
+import PasswordResetRouter from './Features/PasswordReset/PasswordResetRouter.mjs'
+import StaticPagesRouter from './Features/StaticPages/StaticPagesRouter.mjs'
+import ChatController from './Features/Chat/ChatController.js'
+import Modules from './infrastructure/Modules.js'
+import {
+  RateLimiter,
+  openProjectRateLimiter,
+  overleafLoginRateLimiter,
+} from './infrastructure/RateLimiter.js'
+import RateLimiterMiddleware from './Features/Security/RateLimiterMiddleware.js'
+import InactiveProjectController from './Features/InactiveData/InactiveProjectController.mjs'
+import ContactRouter from './Features/Contacts/ContactRouter.mjs'
+import ReferencesController from './Features/References/ReferencesController.mjs'
+import AuthorizationMiddleware from './Features/Authorization/AuthorizationMiddleware.js'
+import BetaProgramController from './Features/BetaProgram/BetaProgramController.mjs'
+import AnalyticsRouter from './Features/Analytics/AnalyticsRouter.mjs'
+import MetaController from './Features/Metadata/MetaController.mjs'
+import TokenAccessController from './Features/TokenAccess/TokenAccessController.mjs'
+import TokenAccessRouter from './Features/TokenAccess/TokenAccessRouter.mjs'
+import LinkedFilesRouter from './Features/LinkedFiles/LinkedFilesRouter.mjs'
+import TemplatesRouter from './Features/Templates/TemplatesRouter.js'
+import UserMembershipRouter from './Features/UserMembership/UserMembershipRouter.mjs'
+import SystemMessageController from './Features/SystemMessages/SystemMessageController.js'
+import AnalyticsRegistrationSourceMiddleware from './Features/Analytics/AnalyticsRegistrationSourceMiddleware.js'
+import AnalyticsUTMTrackingMiddleware from './Features/Analytics/AnalyticsUTMTrackingMiddleware.mjs'
+import CaptchaMiddleware from './Features/Captcha/CaptchaMiddleware.js'
+import { Joi, validate } from './infrastructure/Validation.js'
+import UnsupportedBrowserMiddleware from './infrastructure/UnsupportedBrowserMiddleware.js'
+import logger from '@overleaf/logger'
+import _ from 'lodash'
+import { plainTextResponse } from './infrastructure/Response.js'
+import PublicAccessLevels from './Features/Authorization/PublicAccessLevels.js'
+import SocketDiagnostics from './Features/SocketDiagnostics/SocketDiagnostics.mjs'
+import ClsiCacheController from './Features/Compile/ClsiCacheController.js'
+const ClsiCookieManager = ClsiCookieManagerFactory(
+  Settings.apis.clsi != null ? Settings.apis.clsi.backendGroupName : undefined
+)
+const { renderUnsupportedBrowserPage, unsupportedBrowserMiddleware } =
+  UnsupportedBrowserMiddleware
+
+const rateLimiters = {
+  addEmail: new RateLimiter('add-email', {
+    points: 10,
+    duration: 60,
+  }),
+  addProjectToTag: new RateLimiter('add-project-to-tag', {
+    points: 30,
+    duration: 60,
+  }),
+  addProjectsToTag: new RateLimiter('add-projects-to-tag', {
+    points: 30,
+    duration: 60,
+  }),
+  canSkipCaptcha: new RateLimiter('can-skip-captcha', {
+    points: 20,
+    duration: 60,
+  }),
+  changePassword: new RateLimiter('change-password', {
+    points: 10,
+    duration: 60,
+  }),
+  compileProjectHttp: new RateLimiter('compile-project-http', {
+    points: 800,
+    duration: 60 * 60,
+  }),
+  confirmEmail: new RateLimiter('confirm-email', {
+    points: 10,
+    duration: 60,
+  }),
+  createProject: new RateLimiter('create-project', {
+    points: 20,
+    duration: 60,
+  }),
+  createTag: new RateLimiter('create-tag', {
+    points: 30,
+    duration: 60,
+  }),
+  deleteEmail: new RateLimiter('delete-email', {
+    points: 10,
+    duration: 60,
+  }),
+  deleteTag: new RateLimiter('delete-tag', {
+    points: 30,
+    duration: 60,
+  }),
+  deleteUser: new RateLimiter('delete-user', {
+    points: 10,
+    duration: 60,
+  }),
+  endorseEmail: new RateLimiter('endorse-email', {
+    points: 30,
+    duration: 60,
+  }),
+  getProjects: new RateLimiter('get-projects', {
+    points: 30,
+    duration: 60,
+  }),
+  grantTokenAccessReadOnly: new RateLimiter('grant-token-access-read-only', {
+    points: 10,
+    duration: 60,
+  }),
+  grantTokenAccessReadWrite: new RateLimiter('grant-token-access-read-write', {
+    points: 10,
+    duration: 60,
+  }),
+  indexAllProjectReferences: new RateLimiter('index-all-project-references', {
+    points: 30,
+    duration: 60,
+  }),
+  miscOutputDownload: new RateLimiter('misc-output-download', {
+    points: 1000,
+    duration: 60 * 60,
+  }),
+  multipleProjectsZipDownload: new RateLimiter(
+    'multiple-projects-zip-download',
+    {
+      points: 10,
+      duration: 60,
+    }
+  ),
+  openDashboard: new RateLimiter('open-dashboard', {
+    points: 30,
+    duration: 60,
+  }),
+  readAndWriteToken: new RateLimiter('read-and-write-token', {
+    points: 15,
+    duration: 60,
+  }),
+  readOnlyToken: new RateLimiter('read-only-token', {
+    points: 15,
+    duration: 60,
+  }),
+  removeProjectFromTag: new RateLimiter('remove-project-from-tag', {
+    points: 30,
+    duration: 60,
+  }),
+  removeProjectsFromTag: new RateLimiter('remove-projects-from-tag', {
+    points: 30,
+    duration: 60,
+  }),
+  renameTag: new RateLimiter('rename-tag', {
+    points: 30,
+    duration: 60,
+  }),
+  resendConfirmation: new RateLimiter('resend-confirmation', {
+    points: 1,
+    duration: 60,
+  }),
+  sendConfirmation: new RateLimiter('send-confirmation', {
+    points: 1,
+    duration: 60,
+  }),
+  sendChatMessage: new RateLimiter('send-chat-message', {
+    points: 100,
+    duration: 60,
+  }),
+  statusCompiler: new RateLimiter('status-compiler', {
+    points: 10,
+    duration: 60,
+  }),
+  zipDownload: new RateLimiter('zip-download', {
+    points: 10,
+    duration: 60,
+  }),
+}
+
+async function initialize(webRouter, privateApiRouter, publicApiRouter) {
+  webRouter.use(unsupportedBrowserMiddleware)
+
+  if (!Settings.allowPublicAccess) {
+    webRouter.all('*', AuthenticationController.requireGlobalLogin)
+  }
+
+  webRouter.get('*', AnalyticsRegistrationSourceMiddleware.setInbound())
+  webRouter.get('*', AnalyticsUTMTrackingMiddleware.recordUTMTags())
+
+  // Mount onto /login in order to get the deviceHistory cookie.
+  webRouter.post(
+    '/login/can-skip-captcha',
+    // Keep in sync with the overleaf-login options.
+    RateLimiterMiddleware.rateLimit(rateLimiters.canSkipCaptcha),
+    CaptchaMiddleware.canSkipCaptcha
+  )
+
+  webRouter.get('/login', UserPagesController.loginPage)
+  AuthenticationController.addEndpointToLoginWhitelist('/login')
+
+  webRouter.post(
+    '/login',
+    RateLimiterMiddleware.rateLimit(overleafLoginRateLimiter), // rate limit IP (20 / 60s)
+    RateLimiterMiddleware.loginRateLimitEmail(), // rate limit email (10 / 120s)
+    CaptchaMiddleware.validateCaptcha('login'),
+    AuthenticationController.passportLogin
+  )
+
+  webRouter.get(
+    '/compromised-password',
+    AuthenticationController.requireLogin(),
+    UserPagesController.compromisedPasswordPage
+  )
+
+  webRouter.get('/account-suspended', UserPagesController.accountSuspended)
+
+  webRouter.get(
+    '/socket-diagnostics',
+    AuthenticationController.requireLogin(),
+    SocketDiagnostics.index
+  )
+
+  if (Settings.enableLegacyLogin) {
+    AuthenticationController.addEndpointToLoginWhitelist('/login/legacy')
+    webRouter.get('/login/legacy', UserPagesController.loginPage)
+    webRouter.post(
+      '/login/legacy',
+      RateLimiterMiddleware.rateLimit(overleafLoginRateLimiter), // rate limit IP (20 / 60s)
+      RateLimiterMiddleware.loginRateLimitEmail(), // rate limit email (10 / 120s)
+      CaptchaMiddleware.validateCaptcha('login'),
+      AuthenticationController.passportLogin
+    )
+  }
+
+  webRouter.get(
+    '/read-only/one-time-login',
+    UserPagesController.oneTimeLoginPage
+  )
+  AuthenticationController.addEndpointToLoginWhitelist(
+    '/read-only/one-time-login'
+  )
+
+  webRouter.post('/logout', UserController.logout)
+
+  webRouter.get('/restricted', AuthorizationMiddleware.restricted)
+
+  if (Features.hasFeature('registration-page')) {
+    webRouter.get('/register', UserPagesController.registerPage)
+    AuthenticationController.addEndpointToLoginWhitelist('/register')
+  }
+
+  EditorRouter.apply(webRouter, privateApiRouter)
+  CollaboratorsRouter.apply(webRouter, privateApiRouter)
+  SubscriptionRouter.apply(webRouter, privateApiRouter, publicApiRouter)
+  UploadsRouter.apply(webRouter, privateApiRouter)
+  PasswordResetRouter.apply(webRouter, privateApiRouter)
+  StaticPagesRouter.apply(webRouter, privateApiRouter)
+  ContactRouter.apply(webRouter, privateApiRouter)
+  AnalyticsRouter.apply(webRouter, privateApiRouter, publicApiRouter)
+  LinkedFilesRouter.apply(webRouter, privateApiRouter, publicApiRouter)
+  TemplatesRouter.apply(webRouter)
+  UserMembershipRouter.apply(webRouter)
+  TokenAccessRouter.apply(webRouter)
+  HistoryRouter.apply(webRouter, privateApiRouter)
+
+  await Modules.applyRouter(webRouter, privateApiRouter, publicApiRouter)
+
+  if (Settings.enableSubscriptions) {
+    webRouter.get(
+      '/user/bonus',
+      AuthenticationController.requireLogin(),
+      ReferalController.bonus
+    )
+  }
+
+  // .getMessages will generate an empty response for anonymous users.
+  webRouter.get('/system/messages', SystemMessageController.getMessages)
+
+  webRouter.get(
+    '/user/settings',
+    AuthenticationController.requireLogin(),
+    PermissionsController.useCapabilities(),
+    UserPagesController.settingsPage
+  )
+  webRouter.post(
+    '/user/settings',
+    AuthenticationController.requireLogin(),
+    validate({
+      body: Joi.object({
+        first_name: Joi.string().allow(null, '').max(255),
+        last_name: Joi.string().allow(null, '').max(255),
+      }).unknown(),
+    }),
+    UserController.updateUserSettings
+  )
+  webRouter.post(
+    '/user/password/update',
+    AuthenticationController.requireLogin(),
+    RateLimiterMiddleware.rateLimit(rateLimiters.changePassword),
+    PermissionsController.requirePermission('change-password'),
+    UserController.changePassword
+  )
+  webRouter.get(
+    '/user/emails',
+    AuthenticationController.requireLogin(),
+    PermissionsController.useCapabilities(),
+    UserController.ensureAffiliationMiddleware,
+    UserEmailsController.list
+  )
+  webRouter.get(
+    '/user/emails/confirm',
+    AuthenticationController.requireLogin(),
+    UserEmailsController.showConfirm
+  )
+  webRouter.post(
+    '/user/emails/confirm',
+    AuthenticationController.requireLogin(),
+    RateLimiterMiddleware.rateLimit(rateLimiters.confirmEmail),
+    UserEmailsController.confirm
+  )
+
+  webRouter.post(
+    '/user/emails/send-confirmation-code',
+    AuthenticationController.requireLogin(),
+    RateLimiterMiddleware.rateLimit(rateLimiters.sendConfirmation),
+    UserEmailsController.sendExistingSecondaryEmailConfirmationCode
+  )
+
+  webRouter.post(
+    '/user/emails/resend-confirmation-code',
+    AuthenticationController.requireLogin(),
+    RateLimiterMiddleware.rateLimit(rateLimiters.resendConfirmation),
+    UserEmailsController.resendExistingSecondaryEmailConfirmationCode
+  )
+
+  webRouter.post(
+    '/user/emails/confirm-code',
+    AuthenticationController.requireLogin(),
+    RateLimiterMiddleware.rateLimit(rateLimiters.confirmEmail),
+    UserEmailsController.checkExistingEmailConfirmationCode
+  )
+
+  webRouter.post(
+    '/user/emails/resend_confirmation',
+    AuthenticationController.requireLogin(),
+    RateLimiterMiddleware.rateLimit(rateLimiters.resendConfirmation),
+    await Modules.middleware('resendConfirmationEmail'),
+    UserEmailsController.resendConfirmation
+  )
+
+  webRouter.get(
+    '/user/emails/primary-email-check',
+    AuthenticationController.requireLogin(),
+    UserEmailsController.primaryEmailCheckPage
+  )
+
+  webRouter.post(
+    '/user/emails/primary-email-check',
+    AuthenticationController.requireLogin(),
+    PermissionsController.useCapabilities(),
+    UserEmailsController.primaryEmailCheck
+  )
+
+  if (Features.hasFeature('affiliations')) {
+    webRouter.post(
+      '/user/emails',
+      AuthenticationController.requireLogin(),
+      PermissionsController.requirePermission('add-secondary-email'),
+      RateLimiterMiddleware.rateLimit(rateLimiters.addEmail),
+      CaptchaMiddleware.validateCaptcha('addEmail'),
+      UserEmailsController.add
+    )
+
+    webRouter.post(
+      '/user/emails/delete',
+      AuthenticationController.requireLogin(),
+      RateLimiterMiddleware.rateLimit(rateLimiters.deleteEmail),
+      await Modules.middleware('userDeleteEmail'),
+      UserEmailsController.remove
+    )
+    webRouter.post(
+      '/user/emails/default',
+      AuthenticationController.requireLogin(),
+      UserEmailsController.setDefault
+    )
+    webRouter.post(
+      '/user/emails/endorse',
+      AuthenticationController.requireLogin(),
+      PermissionsController.requirePermission('endorse-email'),
+      RateLimiterMiddleware.rateLimit(rateLimiters.endorseEmail),
+      UserEmailsController.endorse
+    )
+  }
+
+  if (Features.hasFeature('saas')) {
+    webRouter.get(
+      '/user/emails/add-secondary',
+      AuthenticationController.requireLogin(),
+      PermissionsController.requirePermission('add-secondary-email'),
+      UserEmailsController.addSecondaryEmailPage
+    )
+
+    webRouter.get(
+      '/user/emails/confirm-secondary',
+      AuthenticationController.requireLogin(),
+      PermissionsController.requirePermission('add-secondary-email'),
+      UserEmailsController.confirmSecondaryEmailPage
+    )
+  }
+
+  webRouter.get(
+    '/user/sessions',
+    AuthenticationController.requireLogin(),
+    UserPagesController.sessionsPage
+  )
+  webRouter.post(
+    '/user/sessions/clear',
+    AuthenticationController.requireLogin(),
+    UserController.clearSessions
+  )
+
+  // deprecated
+  webRouter.delete(
+    '/user/newsletter/unsubscribe',
+    AuthenticationController.requireLogin(),
+    UserController.unsubscribe
+  )
+
+  webRouter.post(
+    '/user/newsletter/unsubscribe',
+    AuthenticationController.requireLogin(),
+    UserController.unsubscribe
+  )
+
+  webRouter.post(
+    '/user/newsletter/subscribe',
+    AuthenticationController.requireLogin(),
+    UserController.subscribe
+  )
+
+  webRouter.get(
+    '/user/email-preferences',
+    AuthenticationController.requireLogin(),
+    UserPagesController.emailPreferencesPage
+  )
+
+  webRouter.post(
+    '/user/delete',
+    RateLimiterMiddleware.rateLimit(rateLimiters.deleteUser),
+    AuthenticationController.requireLogin(),
+    PermissionsController.requirePermission('delete-own-account'),
+    UserController.tryDeleteUser
+  )
+
+  webRouter.get(
+    '/user/personal_info',
+    AuthenticationController.requireLogin(),
+    UserInfoController.getLoggedInUsersPersonalInfo
+  )
+  privateApiRouter.get(
+    '/user/:user_id/personal_info',
+    AuthenticationController.requirePrivateApiAuth(),
+    UserInfoController.getPersonalInfo
+  )
+
+  webRouter.get(
+    '/user/reconfirm',
+    UserPagesController.renderReconfirmAccountPage
+  )
+  // for /user/reconfirm POST, see password router
+
+  webRouter.get(
+    '/user/tpds/queues',
+    AuthenticationController.requireLogin(),
+    TpdsController.getQueues
+  )
+
+  webRouter.post(
+    '/tutorial/:tutorialKey/complete',
+    AuthenticationController.requireLogin(),
+    TutorialController.completeTutorial
+  )
+
+  webRouter.post(
+    '/tutorial/:tutorialKey/postpone',
+    AuthenticationController.requireLogin(),
+    TutorialController.postponeTutorial
+  )
+
+  webRouter.get(
+    '/user/projects',
+    AuthenticationController.requireLogin(),
+    ProjectController.userProjectsJson
+  )
+  webRouter.get(
+    '/project/:Project_id/entities',
+    AuthenticationController.requireLogin(),
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    ProjectController.projectEntitiesJson
+  )
+
+  webRouter.get(
+    '/project',
+    AuthenticationController.requireLogin(),
+    RateLimiterMiddleware.rateLimit(rateLimiters.openDashboard),
+    PermissionsController.useCapabilities(),
+    ProjectListController.projectListPage
+  )
+  webRouter.post(
+    '/project/new',
+    AuthenticationController.requireLogin(),
+    RateLimiterMiddleware.rateLimit(rateLimiters.createProject),
+    ProjectController.newProject
+  )
+  webRouter.post(
+    '/api/project',
+    AuthenticationController.requireLogin(),
+    RateLimiterMiddleware.rateLimit(rateLimiters.getProjects),
+    ProjectListController.getProjectsJson
+  )
+
+  for (const route of [
+    // Keep the old route for continuous metrics
+    '/Project/:Project_id',
+    // New route for pdf-detach
+    '/Project/:Project_id/:detachRole(detacher|detached)',
+  ]) {
+    webRouter.get(
+      route,
+      RateLimiterMiddleware.rateLimit(openProjectRateLimiter, {
+        params: ['Project_id'],
+      }),
+      PermissionsController.useCapabilities(),
+      AuthorizationMiddleware.ensureUserCanReadProject,
+      ProjectController.loadEditor
+    )
+  }
+  webRouter.head(
+    '/Project/:Project_id/file/:File_id',
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    FileStoreController.getFileHead
+  )
+  webRouter.get(
+    '/Project/:Project_id/file/:File_id',
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    FileStoreController.getFile
+  )
+
+  webRouter.get(
+    '/Project/:Project_id/doc/:Doc_id/download', // "download" suffix to avoid conflict with private API route at doc/:doc_id
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    DocumentUpdaterController.getDoc
+  )
+  webRouter.post(
+    '/project/:Project_id/settings',
+    validate({
+      body: Joi.object({
+        publicAccessLevel: Joi.string()
+          .valid(PublicAccessLevels.PRIVATE, PublicAccessLevels.TOKEN_BASED)
+          .optional(),
+      }),
+    }),
+    AuthorizationMiddleware.ensureUserCanWriteProjectSettings,
+    ProjectController.updateProjectSettings
+  )
+  webRouter.post(
+    '/project/:Project_id/settings/admin',
+    AuthenticationController.requireLogin(),
+    AuthorizationMiddleware.ensureUserCanAdminProject,
+    ProjectController.updateProjectAdminSettings
+  )
+
+  webRouter.post(
+    '/project/:Project_id/compile',
+    RateLimiterMiddleware.rateLimit(rateLimiters.compileProjectHttp, {
+      params: ['Project_id'],
+    }),
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    CompileController.compile
+  )
+
+  webRouter.post(
+    '/project/:Project_id/compile/stop',
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    CompileController.stopCompile
+  )
+
+  webRouter.get(
+    '/project/:Project_id/output/cached/output.overleaf.json',
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    ClsiCacheController.getLatestBuildFromCache
+  )
+
+  webRouter.get(
+    '/download/project/:Project_id/build/:buildId/output/cached/:filename',
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    ClsiCacheController.downloadFromCache
+  )
+
+  // PDF Download button for specific build
+  webRouter.get(
+    '/download/project/:Project_id/build/:build_id/output/output.pdf',
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    CompileController.downloadPdf
+  )
+
+  // Align with limits defined in CompileController.downloadPdf
+  const rateLimiterMiddlewareOutputFiles = RateLimiterMiddleware.rateLimit(
+    rateLimiters.miscOutputDownload,
+    { params: ['Project_id'] }
+  )
+
+  // direct url access to output files for a specific build
+  webRouter.get(
+    /^\/project\/([^/]*)\/build\/([0-9a-f-]+)\/output\/(.*)$/,
+    function (req, res, next) {
+      const params = {
+        Project_id: req.params[0],
+        build_id: req.params[1],
+        file: req.params[2],
+      }
+      req.params = params
+      next()
+    },
+    rateLimiterMiddlewareOutputFiles,
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    CompileController.getFileFromClsi
+  )
+
+  // direct url access to output files for a specific user and build
+  webRouter.get(
+    /^\/project\/([^/]*)\/user\/([0-9a-f]+)\/build\/([0-9a-f-]+)\/output\/(.*)$/,
+    function (req, res, next) {
+      const params = {
+        Project_id: req.params[0],
+        user_id: req.params[1],
+        build_id: req.params[2],
+        file: req.params[3],
+      }
+      req.params = params
+      next()
+    },
+    rateLimiterMiddlewareOutputFiles,
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    CompileController.getFileFromClsi
+  )
+
+  webRouter.delete(
+    '/project/:Project_id/output',
+    validate({ query: { clsiserverid: Joi.string() } }),
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    CompileController.deleteAuxFiles
+  )
+  webRouter.get(
+    '/project/:Project_id/sync/code',
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    CompileController.proxySyncCode
+  )
+  webRouter.get(
+    '/project/:Project_id/sync/pdf',
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    CompileController.proxySyncPdf
+  )
+  webRouter.get(
+    '/project/:Project_id/wordcount',
+    validate({ query: { clsiserverid: Joi.string() } }),
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    CompileController.wordCount
+  )
+
+  webRouter.post(
+    '/Project/:Project_id/archive',
+    AuthenticationController.requireLogin(),
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    ProjectController.archiveProject
+  )
+  webRouter.delete(
+    '/Project/:Project_id/archive',
+    AuthenticationController.requireLogin(),
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    ProjectController.unarchiveProject
+  )
+  webRouter.post(
+    '/project/:project_id/trash',
+    AuthenticationController.requireLogin(),
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    ProjectController.trashProject
+  )
+  webRouter.delete(
+    '/project/:project_id/trash',
+    AuthenticationController.requireLogin(),
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    ProjectController.untrashProject
+  )
+
+  webRouter.delete(
+    '/Project/:Project_id',
+    AuthenticationController.requireLogin(),
+    AuthorizationMiddleware.ensureUserCanAdminProject,
+    ProjectController.deleteProject
+  )
+
+  webRouter.post(
+    '/Project/:Project_id/restore',
+    AuthenticationController.requireLogin(),
+    AuthorizationMiddleware.ensureUserCanAdminProject,
+    ProjectController.restoreProject
+  )
+  webRouter.post(
+    '/Project/:Project_id/clone',
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    ProjectController.cloneProject
+  )
+
+  webRouter.post(
+    '/project/:Project_id/rename',
+    AuthenticationController.requireLogin(),
+    AuthorizationMiddleware.ensureUserCanAdminProject,
+    ProjectController.renameProject
+  )
+  webRouter.post(
+    '/project/:project_id/export/:brand_variation_id',
+    AuthorizationMiddleware.ensureUserCanWriteProjectContent,
+    ExportsController.exportProject
+  )
+  webRouter.get(
+    '/project/:project_id/export/:export_id',
+    AuthorizationMiddleware.ensureUserCanWriteProjectContent,
+    ExportsController.exportStatus
+  )
+  webRouter.get(
+    '/project/:project_id/export/:export_id/:type',
+    AuthorizationMiddleware.ensureUserCanWriteProjectContent,
+    ExportsController.exportDownload
+  )
+
+  webRouter.get(
+    '/Project/:Project_id/download/zip',
+    RateLimiterMiddleware.rateLimit(rateLimiters.zipDownload, {
+      params: ['Project_id'],
+    }),
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    ProjectDownloadsController.downloadProject
+  )
+  webRouter.get(
+    '/project/download/zip',
+    AuthenticationController.requireLogin(),
+    RateLimiterMiddleware.rateLimit(rateLimiters.multipleProjectsZipDownload),
+    AuthorizationMiddleware.ensureUserCanReadMultipleProjects,
+    ProjectDownloadsController.downloadMultipleProjects
+  )
+
+  webRouter.get(
+    '/project/:project_id/metadata',
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    Settings.allowAnonymousReadAndWriteSharing
+      ? (req, res, next) => {
+          next()
+        }
+      : AuthenticationController.requireLogin(),
+    MetaController.getMetadata
+  )
+  webRouter.post(
+    '/project/:project_id/doc/:doc_id/metadata',
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    Settings.allowAnonymousReadAndWriteSharing
+      ? (req, res, next) => {
+          next()
+        }
+      : AuthenticationController.requireLogin(),
+    MetaController.broadcastMetadataForDoc
+  )
+  privateApiRouter.post(
+    '/internal/expire-deleted-projects-after-duration',
+    AuthenticationController.requirePrivateApiAuth(),
+    ProjectController.expireDeletedProjectsAfterDuration
+  )
+  privateApiRouter.post(
+    '/internal/expire-deleted-users-after-duration',
+    AuthenticationController.requirePrivateApiAuth(),
+    UserController.expireDeletedUsersAfterDuration
+  )
+  privateApiRouter.post(
+    '/internal/project/:projectId/expire-deleted-project',
+    AuthenticationController.requirePrivateApiAuth(),
+    ProjectController.expireDeletedProject
+  )
+  privateApiRouter.post(
+    '/internal/users/:userId/expire',
+    AuthenticationController.requirePrivateApiAuth(),
+    UserController.expireDeletedUser
+  )
+
+  privateApiRouter.get(
+    '/user/:userId/tag',
+    AuthenticationController.requirePrivateApiAuth(),
+    TagsController.apiGetAllTags
+  )
+  webRouter.get(
+    '/tag',
+    AuthenticationController.requireLogin(),
+    TagsController.getAllTags
+  )
+  webRouter.post(
+    '/tag',
+    AuthenticationController.requireLogin(),
+    RateLimiterMiddleware.rateLimit(rateLimiters.createTag),
+    validate({
+      body: Joi.object({
+        name: Joi.string().required(),
+        color: Joi.string(),
+      }),
+    }),
+    TagsController.createTag
+  )
+  webRouter.post(
+    '/tag/:tagId/rename',
+    AuthenticationController.requireLogin(),
+    RateLimiterMiddleware.rateLimit(rateLimiters.renameTag),
+    validate({
+      body: Joi.object({
+        name: Joi.string().required(),
+      }),
+    }),
+    TagsController.renameTag
+  )
+  webRouter.post(
+    '/tag/:tagId/edit',
+    AuthenticationController.requireLogin(),
+    RateLimiterMiddleware.rateLimit(rateLimiters.renameTag),
+    validate({
+      body: Joi.object({
+        name: Joi.string().required(),
+        color: Joi.string(),
+      }),
+    }),
+    TagsController.editTag
+  )
+  webRouter.delete(
+    '/tag/:tagId',
+    AuthenticationController.requireLogin(),
+    RateLimiterMiddleware.rateLimit(rateLimiters.deleteTag),
+    TagsController.deleteTag
+  )
+  webRouter.post(
+    '/tag/:tagId/project/:projectId',
+    AuthenticationController.requireLogin(),
+    RateLimiterMiddleware.rateLimit(rateLimiters.addProjectToTag),
+    TagsController.addProjectToTag
+  )
+  webRouter.post(
+    '/tag/:tagId/projects',
+    AuthenticationController.requireLogin(),
+    RateLimiterMiddleware.rateLimit(rateLimiters.addProjectsToTag),
+    validate({
+      body: Joi.object({
+        projectIds: Joi.array().items(Joi.string()).required(),
+      }),
+    }),
+    TagsController.addProjectsToTag
+  )
+  webRouter.delete(
+    '/tag/:tagId/project/:projectId',
+    AuthenticationController.requireLogin(),
+    RateLimiterMiddleware.rateLimit(rateLimiters.removeProjectFromTag),
+    TagsController.removeProjectFromTag
+  )
+  webRouter.post(
+    '/tag/:tagId/projects/remove',
+    AuthenticationController.requireLogin(),
+    RateLimiterMiddleware.rateLimit(rateLimiters.removeProjectsFromTag),
+    validate({
+      body: Joi.object({
+        projectIds: Joi.array().items(Joi.string()).required(),
+      }),
+    }),
+    TagsController.removeProjectsFromTag
+  )
+
+  webRouter.get(
+    '/notifications',
+    AuthenticationController.requireLogin(),
+    NotificationsController.getAllUnreadNotifications
+  )
+  webRouter.delete(
+    '/notifications/:notificationId',
+    AuthenticationController.requireLogin(),
+    NotificationsController.markNotificationAsRead
+  )
+
+  // Deprecated in favour of /internal/project/:project_id but still used by versioning
+  privateApiRouter.get(
+    '/project/:project_id/details',
+    AuthenticationController.requirePrivateApiAuth(),
+    ProjectApiController.getProjectDetails
+  )
+
+  // New 'stable' /internal API end points
+  privateApiRouter.get(
+    '/internal/project/:project_id',
+    AuthenticationController.requirePrivateApiAuth(),
+    ProjectApiController.getProjectDetails
+  )
+  privateApiRouter.get(
+    '/internal/project/:Project_id/zip',
+    AuthenticationController.requirePrivateApiAuth(),
+    ProjectDownloadsController.downloadProject
+  )
+  privateApiRouter.get(
+    '/internal/project/:project_id/compile/pdf',
+    AuthenticationController.requirePrivateApiAuth(),
+    CompileController.compileAndDownloadPdf
+  )
+
+  privateApiRouter.post(
+    '/internal/deactivateOldProjects',
+    AuthenticationController.requirePrivateApiAuth(),
+    InactiveProjectController.deactivateOldProjects
+  )
+  privateApiRouter.post(
+    '/internal/project/:project_id/deactivate',
+    AuthenticationController.requirePrivateApiAuth(),
+    InactiveProjectController.deactivateProject
+  )
+
+  privateApiRouter.get(
+    '/project/:Project_id/doc/:doc_id',
+    AuthenticationController.requirePrivateApiAuth(),
+    DocumentController.getDocument
+  )
+  privateApiRouter.post(
+    '/project/:Project_id/doc/:doc_id',
+    AuthenticationController.requirePrivateApiAuth(),
+    DocumentController.setDocument
+  )
+
+  privateApiRouter.post(
+    '/user/:user_id/project/new',
+    AuthenticationController.requirePrivateApiAuth(),
+    TpdsController.createProject
+  )
+  privateApiRouter.post(
+    '/tpds/folder-update',
+    AuthenticationController.requirePrivateApiAuth(),
+    TpdsController.updateFolder
+  )
+  privateApiRouter.post(
+    '/user/:user_id/update/*',
+    AuthenticationController.requirePrivateApiAuth(),
+    TpdsController.mergeUpdate
+  )
+  privateApiRouter.delete(
+    '/user/:user_id/update/*',
+    AuthenticationController.requirePrivateApiAuth(),
+    TpdsController.deleteUpdate
+  )
+  privateApiRouter.post(
+    '/project/:project_id/user/:user_id/update/*',
+    AuthenticationController.requirePrivateApiAuth(),
+    TpdsController.mergeUpdate
+  )
+  privateApiRouter.delete(
+    '/project/:project_id/user/:user_id/update/*',
+    AuthenticationController.requirePrivateApiAuth(),
+    TpdsController.deleteUpdate
+  )
+
+  privateApiRouter.post(
+    '/project/:project_id/contents/*',
+    AuthenticationController.requirePrivateApiAuth(),
+    TpdsController.updateProjectContents
+  )
+  privateApiRouter.delete(
+    '/project/:project_id/contents/*',
+    AuthenticationController.requirePrivateApiAuth(),
+    TpdsController.deleteProjectContents
+  )
+
+  webRouter.post(
+    '/spelling/learn',
+    validate({
+      body: Joi.object({
+        word: Joi.string().required(),
+      }),
+    }),
+    AuthenticationController.requireLogin(),
+    SpellingController.learn
+  )
+
+  webRouter.post(
+    '/spelling/unlearn',
+    validate({
+      body: Joi.object({
+        word: Joi.string().required(),
+      }),
+    }),
+    AuthenticationController.requireLogin(),
+    SpellingController.unlearn
+  )
+
+  if (Features.hasFeature('chat')) {
+    webRouter.get(
+      '/project/:project_id/messages',
+      AuthorizationMiddleware.blockRestrictedUserFromProject,
+      AuthorizationMiddleware.ensureUserCanReadProject,
+      PermissionsController.requirePermission('chat'),
+      ChatController.getMessages
+    )
+    webRouter.post(
+      '/project/:project_id/messages',
+      AuthorizationMiddleware.blockRestrictedUserFromProject,
+      AuthorizationMiddleware.ensureUserCanReadProject,
+      PermissionsController.requirePermission('chat'),
+      RateLimiterMiddleware.rateLimit(rateLimiters.sendChatMessage),
+      ChatController.sendMessage
+    )
+  }
+
+  webRouter.post(
+    '/project/:Project_id/references/indexAll',
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    RateLimiterMiddleware.rateLimit(rateLimiters.indexAllProjectReferences),
+    ReferencesController.indexAll
+  )
+
+  // disable beta program while v2 is in beta
+  webRouter.get(
+    '/beta/participate',
+    AuthenticationController.requireLogin(),
+    BetaProgramController.optInPage
+  )
+  webRouter.post(
+    '/beta/opt-in',
+    AuthenticationController.requireLogin(),
+    BetaProgramController.optIn
+  )
+  webRouter.post(
+    '/beta/opt-out',
+    AuthenticationController.requireLogin(),
+    BetaProgramController.optOut
+  )
+
+  webRouter.get('/chrome', function (req, res, next) {
+    // Match v1 behaviour - this is used for a Chrome web app
+    if (SessionManager.isUserLoggedIn(req.session)) {
+      res.redirect('/project')
+    } else {
+      res.redirect('/register')
+    }
+  })
+
+  webRouter.get(
+    '/admin',
+    AuthorizationMiddleware.ensureUserIsSiteAdmin,
+    AdminController.index
+  )
+
+  if (!Features.hasFeature('saas')) {
+    webRouter.post(
+      '/admin/openEditor',
+      AuthorizationMiddleware.ensureUserIsSiteAdmin,
+      AdminController.openEditor
+    )
+    webRouter.post(
+      '/admin/closeEditor',
+      AuthorizationMiddleware.ensureUserIsSiteAdmin,
+      AdminController.closeEditor
+    )
+    webRouter.post(
+      '/admin/disconnectAllUsers',
+      AuthorizationMiddleware.ensureUserIsSiteAdmin,
+      AdminController.disconnectAllUsers
+    )
+  }
+  webRouter.post(
+    '/admin/flushProjectToTpds',
+    AuthorizationMiddleware.ensureUserIsSiteAdmin,
+    AdminController.flushProjectToTpds
+  )
+  webRouter.post(
+    '/admin/pollDropboxForUser',
+    AuthorizationMiddleware.ensureUserIsSiteAdmin,
+    AdminController.pollDropboxForUser
+  )
+  webRouter.post(
+    '/admin/messages',
+    AuthorizationMiddleware.ensureUserIsSiteAdmin,
+    AdminController.createMessage
+  )
+  webRouter.post(
+    '/admin/messages/clear',
+    AuthorizationMiddleware.ensureUserIsSiteAdmin,
+    AdminController.clearMessages
+  )
+
+  privateApiRouter.get('/perfTest', (req, res) => {
+    plainTextResponse(res, 'hello')
+  })
+
+  publicApiRouter.get('/status', (req, res) => {
+    if (Settings.shuttingDown) {
+      res.sendStatus(503) // Service unavailable
+    } else if (!Settings.siteIsOpen) {
+      plainTextResponse(res, 'web site is closed (web)')
+    } else if (!Settings.editorIsOpen) {
+      plainTextResponse(res, 'web editor is closed (web)')
+    } else {
+      plainTextResponse(res, 'web is alive (web)')
+    }
+  })
+  privateApiRouter.get('/status', (req, res) => {
+    plainTextResponse(res, 'web is alive (api)')
+  })
+
+  // used by kubernetes health-check and acceptance tests
+  webRouter.get('/dev/csrf', (req, res) => {
+    plainTextResponse(res, res.locals.csrfToken)
+  })
+
+  publicApiRouter.get(
+    '/health_check',
+    HealthCheckController.checkActiveHandles,
+    HealthCheckController.check
+  )
+  privateApiRouter.get(
+    '/health_check',
+    HealthCheckController.checkActiveHandles,
+    HealthCheckController.checkApi
+  )
+  publicApiRouter.get(
+    '/health_check/api',
+    HealthCheckController.checkActiveHandles,
+    HealthCheckController.checkApi
+  )
+  privateApiRouter.get(
+    '/health_check/api',
+    HealthCheckController.checkActiveHandles,
+    HealthCheckController.checkApi
+  )
+  publicApiRouter.get(
+    '/health_check/full',
+    HealthCheckController.checkActiveHandles,
+    HealthCheckController.check
+  )
+  privateApiRouter.get(
+    '/health_check/full',
+    HealthCheckController.checkActiveHandles,
+    HealthCheckController.check
+  )
+
+  publicApiRouter.get('/health_check/redis', HealthCheckController.checkRedis)
+  privateApiRouter.get('/health_check/redis', HealthCheckController.checkRedis)
+
+  publicApiRouter.get('/health_check/mongo', HealthCheckController.checkMongo)
+  privateApiRouter.get('/health_check/mongo', HealthCheckController.checkMongo)
+
+  webRouter.get(
+    '/status/compiler/:Project_id',
+    RateLimiterMiddleware.rateLimit(rateLimiters.statusCompiler),
+    AuthorizationMiddleware.ensureUserCanReadProject,
+    function (req, res) {
+      const projectId = req.params.Project_id
+      // use a valid user id for testing
+      const testUserId = '123456789012345678901234'
+      const sendRes = _.once(function (statusCode, message) {
+        res.status(statusCode)
+        plainTextResponse(res, message)
+        ClsiCookieManager.clearServerId(projectId, testUserId, () => {})
+      }) // force every compile to a new server
+      // set a timeout
+      let handler = setTimeout(function () {
+        sendRes(500, 'Compiler timed out')
+        handler = null
+      }, 10000)
+      // run the compile
+      CompileManager.compile(
+        projectId,
+        testUserId,
+        {},
+        function (error, status) {
+          if (handler) {
+            clearTimeout(handler)
+          }
+          if (error) {
+            sendRes(500, `Compiler returned error ${error.message}`)
+          } else if (status === 'success') {
+            sendRes(200, 'Compiler returned in less than 10 seconds')
+          } else {
+            sendRes(500, `Compiler returned failure ${status}`)
+          }
+        }
+      )
+    }
+  )
+
+  webRouter.post('/error/client', function (req, res, next) {
+    logger.warn(
+      { err: req.body.error, meta: req.body.meta },
+      'client side error'
+    )
+    metrics.inc('client-side-error')
+    res.sendStatus(204)
+  })
+
+  webRouter.get(
+    `/read/:token(${TokenAccessController.READ_ONLY_TOKEN_PATTERN})`,
+    RateLimiterMiddleware.rateLimit(rateLimiters.readOnlyToken),
+    AnalyticsRegistrationSourceMiddleware.setSource(
+      'collaboration',
+      'link-sharing'
+    ),
+    TokenAccessController.tokenAccessPage,
+    AnalyticsRegistrationSourceMiddleware.clearSource()
+  )
+
+  webRouter.get(
+    `/:token(${TokenAccessController.READ_AND_WRITE_TOKEN_PATTERN})`,
+    RateLimiterMiddleware.rateLimit(rateLimiters.readAndWriteToken),
+    AnalyticsRegistrationSourceMiddleware.setSource(
+      'collaboration',
+      'link-sharing'
+    ),
+    TokenAccessController.tokenAccessPage,
+    AnalyticsRegistrationSourceMiddleware.clearSource()
+  )
+
+  webRouter.post(
+    `/:token(${TokenAccessController.READ_AND_WRITE_TOKEN_PATTERN})/grant`,
+    RateLimiterMiddleware.rateLimit(rateLimiters.grantTokenAccessReadWrite),
+    TokenAccessController.grantTokenAccessReadAndWrite
+  )
+
+  webRouter.post(
+    `/read/:token(${TokenAccessController.READ_ONLY_TOKEN_PATTERN})/grant`,
+    RateLimiterMiddleware.rateLimit(rateLimiters.grantTokenAccessReadOnly),
+    TokenAccessController.grantTokenAccessReadOnly
+  )
+
+  webRouter.get('/unsupported-browser', renderUnsupportedBrowserPage)
+
+  webRouter.get('*', ErrorController.notFound)
+}
+
+export default { initialize, rateLimiters }
diff --git a/services/web/app/src/tsconfig.json b/services/web/app/src/tsconfig.json
new file mode 100644
index 0000000..126da92
--- /dev/null
+++ b/services/web/app/src/tsconfig.json
@@ -0,0 +1 @@
+{ "extends": "../../tsconfig.backend.json" }
diff --git a/services/web/app/src/util/bib2json.js b/services/web/app/src/util/bib2json.js
new file mode 100644
index 0000000..b105ff3
--- /dev/null
+++ b/services/web/app/src/util/bib2json.js
@@ -0,0 +1,1966 @@
+/* eslint-disable */
+/**
+ * Parser.js
+ * Copyright 2012-13 Mayank Lahiri
+ * mlahiri@gmail.com
+ * Released under the BSD License.
+ *
+ * Modifications 2016 Sharelatex
+ * Modifications 2017-2020 Overleaf
+ *
+ * A forgiving Bibtex parser that can:
+ *
+ * (1) operate in streaming or block mode, extracting entries as dictionaries.
+ * (2) convert Latex special characters to UTF-8.
+ * (3) best-effort parse malformed entries.
+ * (4) run in a CommonJS environment or a browser, without any dependencies.
+ * (5) be advanced-compiled by Google Closure Compiler.
+ *
+ * Handwritten as a labor of love, not auto-generated from a grammar.
+ *
+ * Modes of usage:
+ *
+ * (1) Synchronous, string
+ *
+ *   var entries = BibtexParser(text);
+ *   console.log(entries);
+ *
+ * (2) Asynchronous, stream
+ *
+ *   function entryCallback(entry) { console.log(entry); }
+ *   var parser = new BibtexParser(entryCallback);
+ *   parser.parse(chunk1);
+ *   parser.parse(chunk2);
+ *   ...
+ *
+ * @param {text|function(Object)} arg0 Either a Bibtex string or callback
+ *                                    function for processing parsed entries.
+ * @param {array} allowedKeys optimization: do not output key/value pairs that are not on this allowlist
+ * @constructor
+ */
+function BibtexParser(arg0, allowedKeys) {
+  // Determine how this function is to be used
+  if (typeof arg0 === 'string') {
+    // Passed a string, synchronous call without 'new'
+    const entries = []
+    function accumulator(entry) {
+      entries.push(entry)
+    }
+    const parser = new BibtexParser(accumulator, allowedKeys)
+    parser.parse(arg0)
+    return {
+      entries,
+      errors: parser.getErrors(),
+    }
+  }
+  if (typeof arg0 !== 'function') {
+    throw 'Invalid parser construction.'
+  }
+  this.ALLOWEDKEYS_ = allowedKeys || []
+  this.reset_(arg0)
+  this.initMacros_()
+  return this
+}
+
+/** @enum {number} */
+BibtexParser.prototype.STATES_ = {
+  ENTRY_OR_JUNK: 0,
+  OBJECT_TYPE: 1,
+  ENTRY_KEY: 2,
+  KV_KEY: 3,
+  EQUALS: 4,
+  KV_VALUE: 5,
+}
+BibtexParser.prototype.reset_ = function (arg0) {
+  /** @private */ this.DATA_ = {}
+  /** @private */ this.CALLBACK_ = arg0
+  /** @private */ this.CHAR_ = 0
+  /** @private */ this.LINE_ = 1
+  /** @private */ this.CHAR_IN_LINE_ = 0
+  /** @private */ this.SKIPWS_ = true
+  /** @private */ this.SKIPCOMMENT_ = true
+  /** @private */ this.SKIPKVPAIR_ = false
+  /** @private */ this.PARSETMP_ = {}
+  /** @private */ this.SKIPTILLEOL_ = false
+  /** @private */ this.VALBRACES_ = null
+  /** @private */ this.BRACETYPE_ = null
+  /** @private */ this.BRACECOUNT_ = 0
+  /** @private */ this.STATE_ = this.STATES_.ENTRY_OR_JUNK
+  /** @private */ this.ERRORS_ = []
+}
+/** @private */ BibtexParser.prototype.ENTRY_TYPES_ = {
+  inproceedings: 1,
+  proceedings: 2,
+  article: 3,
+  techreport: 4,
+  misc: 5,
+  mastersthesis: 6,
+  book: 7,
+  phdthesis: 8,
+  incollection: 9,
+  unpublished: 10,
+  inbook: 11,
+  manual: 12,
+  periodical: 13,
+  booklet: 14,
+  masterthesis: 15,
+  conference: 16,
+  /* additional fields from biblatex */
+  artwork: 17,
+  audio: 18,
+  bibnote: 19,
+  bookinbook: 20,
+  collection: 21,
+  commentary: 22,
+  customa: 23,
+  customb: 24,
+  customc: 25,
+  customd: 26,
+  custome: 27,
+  customf: 28,
+  image: 29,
+  inreference: 30,
+  jurisdiction: 31,
+  legal: 32,
+  legislation: 33,
+  letter: 34,
+  movie: 35,
+  music: 36,
+  mvbook: 37,
+  mvcollection: 38,
+  mvproceedings: 39,
+  mvreference: 40,
+  online: 41,
+  patent: 42,
+  performance: 43,
+  reference: 44,
+  report: 45,
+  review: 46,
+  set: 47,
+  software: 48,
+  standard: 49,
+  suppbook: 50,
+  suppcollection: 51,
+  thesis: 52,
+  video: 53,
+}
+BibtexParser.prototype.initMacros_ = function () {
+  // macros can be extended by the user via
+  //   @string { macroName = "macroValue" }
+  /** @private */ this.MACROS_ = {
+    jan: 'January',
+    feb: 'February',
+    mar: 'March',
+    apr: 'April',
+    may: 'May',
+    jun: 'June',
+    jul: 'July',
+    aug: 'August',
+    sep: 'September',
+    oct: 'October',
+    nov: 'November',
+    dec: 'December',
+    Jan: 'January',
+    Feb: 'February',
+    Mar: 'March',
+    Apr: 'April',
+    May: 'May',
+    Jun: 'June',
+    Jul: 'July',
+    Aug: 'August',
+    Sep: 'September',
+    Oct: 'October',
+    Nov: 'November',
+    Dec: 'December',
+  }
+}
+
+/**
+ * Gets an array of all errors encountered during parsing.
+ * Array entries are of the format:
+ *  [ line number, character in line, character in stream, error text ]
+ *
+ * @returns Array<Array>
+ * @public
+ */
+BibtexParser.prototype.getErrors = function () {
+  return this.ERRORS_
+}
+
+/**
+ * Processes a chunk of data
+ * @public
+ */
+BibtexParser.prototype.parse = function (chunk) {
+  for (let i = 0; i < chunk.length; i++) this.processCharacter_(chunk[i])
+}
+
+/**
+ * Logs error at current stream position.
+ *
+ * @private
+ */
+BibtexParser.prototype.error_ = function (text) {
+  this.ERRORS_.push([this.LINE_, this.CHAR_IN_LINE_, this.CHAR_, text])
+}
+
+/**
+ * Called after an entire entry has been parsed from the stream.
+ * Performs post-processing and invokes the entry callback pointed to by
+ * this.CALLBACK_. Parsed (but unprocessed) entry data is in this.DATA_.
+ */
+BibtexParser.prototype.processEntry_ = function () {
+  const data = this.DATA_
+  if (data.Fields)
+    for (const f in data.Fields) {
+      let raw = data.Fields[f]
+
+      // Convert Latex/Bibtex special characters to UTF-8 equivalents
+      for (let i = 0; i < this.CHARCONV_.length; i++) {
+        const re = this.CHARCONV_[i][0]
+        const rep = this.CHARCONV_[i][1]
+        raw = raw.replace(re, rep)
+      }
+
+      // Basic substitutions
+      raw = raw
+        .replace(/[\n\r\t]/g, ' ')
+        .replace(/\s\s+/g, ' ')
+        .replace(/^\s+|\s+$/g, '')
+
+      // Remove braces and backslashes
+      const len = raw.length
+      let processedArr = []
+      for (let i = 0; i < len; i++) {
+        let c = raw[i]
+        let skip = false
+        if (c == '\\' && i < len - 1) c = raw[++i]
+        else {
+          if (c == '{' || c == '}') skip = true
+        }
+        if (!skip) processedArr.push(c)
+      }
+      data.Fields[f] = processedArr.join('')
+      processedArr = null
+    }
+
+  if (data.ObjectType == 'string') {
+    for (const f in data.Fields) {
+      this.MACROS_[f] = data.Fields[f]
+    }
+  } else {
+    // Parsed a new Bibtex entry
+    this.CALLBACK_(data)
+  }
+}
+
+/**
+ * Processes next character in the stream, invoking the callback after
+ * each entry has been found and processed.
+ *
+ * @private
+ * @param {string} c Next character in input stream
+ */
+BibtexParser.prototype.processCharacter_ = function (c) {
+  // Housekeeping
+  this.CHAR_++
+  this.CHAR_IN_LINE_++
+  if (c == '\n') {
+    this.LINE_++
+    this.CHAR_IN_LINE_ = 1
+  }
+
+  // Convenience states for skipping whitespace when needed
+  if (this.SKIPTILLEOL_) {
+    if (c == '\n') this.SKIPTILLEOL_ = false
+    return
+  }
+  if (this.SKIPCOMMENT_ && c == '%') {
+    this.SKIPTILLEOL_ = true
+    return
+  }
+  if (this.SKIPWS_ && /\s/.test(c)) return
+  this.SKIPWS_ = false
+  this.SKIPCOMMENT_ = false
+  this.SKIPTILLEOL_ = false
+
+  // Main state machine
+  let AnotherIteration = true
+  while (AnotherIteration) {
+    // console.log(this.LINE_, this.CHAR_IN_LINE_, this.STATE_, c)
+    AnotherIteration = false
+    switch (this.STATE_) {
+      // -- Scan for an object marker ('@')
+      // -- Reset temporary data structure in case previous entry was garbled
+      case this.STATES_.ENTRY_OR_JUNK:
+        if (c == '@') {
+          // SUCCESS:     Parsed a valid start-of-object marker.
+          // NEXT_STATE:  OBJECT_TYPE
+          this.STATE_ = this.STATES_.OBJECT_TYPE
+          this.DATA_ = {
+            ObjectType: '',
+          }
+        }
+        this.BRACETYPE_ = null
+        this.SKIPWS_ = true
+        this.SKIPCOMMENT_ = true
+        break
+
+      // Start at first non-whitespace character after start-of-object '@'
+      // -- Accept [A-Za-z], break on non-matching character
+      // -- Populate this.DATA_.EntryType and this.DATA_.ObjectType
+      case this.STATES_.OBJECT_TYPE:
+        if (/[A-Za-z]/.test(c)) {
+          this.DATA_.ObjectType += c.toLowerCase()
+          this.SKIPWS_ = true
+          this.SKIPCOMMENT_ = true
+        } else {
+          // Break from state and validate object type
+          const ot = this.DATA_.ObjectType
+          if (ot == 'comment') {
+            this.STATE_ = this.STATES_.ENTRY_OR_JUNK
+          } else {
+            if (ot == 'string') {
+              this.DATA_.ObjectType = ot
+              this.DATA_.Fields = {}
+              this.BRACETYPE_ = c
+              this.BRACECOUNT_ = 1
+              this.STATE_ = this.STATES_.KV_KEY
+              this.SKIPWS_ = true
+              this.SKIPCOMMENT_ = true
+              this.PARSETMP_ = {
+                Key: '',
+              }
+            } else {
+              if (ot == 'preamble') {
+                this.STATE_ = this.STATES_.ENTRY_OR_JUNK
+              } else {
+                if (ot in this.ENTRY_TYPES_) {
+                  // SUCCESS:     Parsed a valid object type.
+                  // NEXT_STATE:  ENTRY_KEY
+                  this.DATA_.ObjectType = 'entry'
+                  this.DATA_.EntryType = ot
+                  this.DATA_.EntryKey = ''
+                  this.STATE_ = this.STATES_.ENTRY_KEY
+                  AnotherIteration = true
+                } else {
+                  // ERROR:       Unrecognized object type.
+                  // NEXT_STATE:  ENTRY_OR_JUNK
+                  this.error_(
+                    'Unrecognized object type: "' + this.DATA_.ObjectType + '"'
+                  )
+                  this.STATE_ = this.STATES_.ENTRY_OR_JUNK
+                }
+              }
+            }
+          }
+        }
+        break
+
+      // Start at first non-alphabetic character after an entry type
+      // -- Populate this.DATA_.EntryKey
+      case this.STATES_.ENTRY_KEY:
+        if ((c === '{' || c === '(') && this.BRACETYPE_ == null) {
+          this.BRACETYPE_ = c
+          this.BRACECOUNT_ = 1
+          this.SKIPWS_ = true
+          this.SKIPCOMMENT_ = true
+          break
+        }
+        if (/[,%\s]/.test(c)) {
+          if (this.DATA_.EntryKey.length < 1) {
+            // Skip comments and whitespace before entry key
+            this.SKIPWS_ = true
+            this.SKIPCOMMENT_ = true
+          } else {
+            if (this.BRACETYPE_ == null) {
+              // ERROR:       No opening brace for object
+              // NEXT_STATE:  ENTRY_OR_JUNK
+              this.error_('No opening brace for object.')
+              this.STATE_ = this.STATES_.ENTRY_OR_JUNK
+            } else {
+              // SUCCESS:     Parsed an entry key
+              // NEXT_STATE:  KV_KEY
+              this.SKIPWS_ = true
+              this.SKIPCOMMENT_ = true
+              AnotherIteration = true
+              this.STATE_ = this.STATES_.KV_KEY
+              this.PARSETMP_.Key = ''
+              this.DATA_.Fields = {}
+            }
+          }
+        } else {
+          this.DATA_.EntryKey += c
+          this.SKIPWS_ = false
+          this.SKIPCOMMENT_ = false
+        }
+        break
+
+      // Start at first non-whitespace/comment character after entry key.
+      // -- Populate this.PARSETMP_.Key
+      case this.STATES_.KV_KEY:
+        // Test for end of entry
+        if (
+          (c == '}' && this.BRACETYPE_ == '{') ||
+          (c == ')' && this.BRACETYPE_ == '(')
+        ) {
+          // SUCCESS:       Parsed an entry, possible incomplete
+          // NEXT_STATE:    ENTRY_OR_JUNK
+          this.processEntry_()
+          this.SKIPWS_ = true
+          this.SKIPCOMMENT_ = true
+          this.STATE_ = this.STATES_.ENTRY_OR_JUNK
+          break
+        }
+        if (/[\-A-Za-z:]/.test(c)) {
+          // Add to key
+          this.PARSETMP_.Key += c
+          this.SKIPWS_ = false
+          this.SKIPCOMMENT_ = false
+        } else {
+          // Either end of key or we haven't encountered start of key
+          if (this.PARSETMP_.Key.length < 1) {
+            // Keep going till we see a key
+            this.SKIPWS_ = true
+            this.SKIPCOMMENT_ = true
+          } else {
+            // SUCCESS:       Found full key in K/V pair
+            // NEXT_STATE:    EQUALS
+            this.SKIPWS_ = true
+            this.SKIPCOMMENT_ = true
+            this.STATE_ = this.STATES_.EQUALS
+            AnotherIteration = true
+
+            if (this.DATA_.ObjectType !== 'string') {
+              // this entry is not a macro
+              // normalize the key to lower case
+              this.PARSETMP_.Key = this.PARSETMP_.Key.toLowerCase()
+
+              // optimization: skip key/value pairs that are not on the allowlist
+              this.SKIPKVPAIR_ =
+                // has allowedKeys set
+                this.ALLOWEDKEYS_.length &&
+                // key is not on the allowlist
+                this.ALLOWEDKEYS_.indexOf(this.PARSETMP_.Key) === -1
+            } else {
+              this.SKIPKVPAIR_ = false
+            }
+          }
+        }
+        break
+
+      // Start at first non-alphabetic character after K/V pair key.
+      case this.STATES_.EQUALS:
+        if (
+          (c == '}' && this.BRACETYPE_ == '{') ||
+          (c == ')' && this.BRACETYPE_ == '(')
+        ) {
+          // ERROR:         K/V pair with key but no value
+          // NEXT_STATE:    ENTRY_OR_JUNK
+          this.error_(
+            'Key-value pair has key "' + this.PARSETMP_.Key + '", but no value.'
+          )
+          this.processEntry_()
+          this.SKIPWS_ = true
+          this.SKIPCOMMENT_ = true
+          this.STATE_ = this.STATES_.ENTRY_OR_JUNK
+          break
+        }
+        if (c == '=') {
+          // SUCCESS:       found an equal signs separating key and value
+          // NEXT_STATE:    KV_VALUE
+          this.SKIPWS_ = true
+          this.SKIPCOMMENT_ = true
+          this.STATE_ = this.STATES_.KV_VALUE
+          this.PARSETMP_.Value = []
+          this.VALBRACES_ = { '"': [], '{': [] }
+        }
+        break
+
+      // Start at first non-whitespace/comment character after '='
+      // -- Populate this.PARSETMP_.Value
+      case this.STATES_.KV_VALUE:
+        const delim = this.VALBRACES_
+        // valueCharsArray is the list of characters that make up the
+        // current value
+        const valueCharsArray = this.PARSETMP_.Value
+        let doneParsingValue = false
+
+        // Test for special characters
+        if (c == '"' || c == '{' || c == '}' || c == ',') {
+          if (c == ',') {
+            // This comma can mean:
+            // (1) just another comma literal
+            // (2) end of a macro reference
+            if (delim['"'].length + delim['{'].length === 0) {
+              // end of a macro reference
+              const macro = this.PARSETMP_.Value.join('').trim()
+              if (macro in this.MACROS_) {
+                // Successful macro reference
+                this.PARSETMP_.Value = [this.MACROS_[macro]]
+              } else {
+                // Reference to an undefined macro
+                this.error_('Reference to an undefined macro: ' + macro)
+              }
+              doneParsingValue = true
+            }
+          }
+          if (c == '"') {
+            // This quote can mean:
+            // (1) opening delimiter
+            // (2) closing delimiter
+            // (3) literal, if we have a '{' on the stack
+            if (delim['"'].length + delim['{'].length === 0) {
+              // opening delimiter
+              delim['"'].push(this.CHAR_)
+              this.SKIPWS_ = false
+              this.SKIPCOMMENT_ = false
+              break
+            }
+            if (
+              delim['"'].length == 1 &&
+              delim['{'].length == 0 &&
+              (valueCharsArray.length == 0 ||
+                valueCharsArray[valueCharsArray.length - 1] != '\\')
+            ) {
+              // closing delimiter
+              doneParsingValue = true
+            } else {
+              // literal, add to value
+            }
+          }
+          if (c == '{') {
+            // This brace can mean:
+            // (1) opening delimiter
+            // (2) stacked verbatim delimiter
+            if (
+              valueCharsArray.length == 0 ||
+              valueCharsArray[valueCharsArray.length - 1] != '\\'
+            ) {
+              delim['{'].push(this.CHAR_)
+              this.SKIPWS_ = false
+              this.SKIPCOMMENT_ = false
+            } else {
+              // literal, add to value
+            }
+          }
+          if (c == '}') {
+            // This brace can mean:
+            // (1) closing delimiter
+            // (2) closing stacked verbatim delimiter
+            // (3) end of object definition if value was a macro
+            if (delim['"'].length + delim['{'].length === 0) {
+              // end of object definition, after macro
+              const macro = this.PARSETMP_.Value.join('').trim()
+              if (macro in this.MACROS_) {
+                // Successful macro reference
+                this.PARSETMP_.Value = [this.MACROS_[macro]]
+              } else {
+                // Reference to an undefined macro
+                this.error_('Reference to an undefined macro: ' + macro)
+              }
+              AnotherIteration = true
+              doneParsingValue = true
+            } else {
+              // sometimes imported bibs will have {\},{\\}, {\\\}, {\\\\}, etc for whitespace,
+              //  which would otherwise break the parsing. we watch for these occurences of
+              //  1+ backslashes in an empty bracket pair to gracefully handle the malformed bib file
+              const doubleSlash =
+                valueCharsArray.length >= 2 &&
+                valueCharsArray[valueCharsArray.length - 1] === '\\' && // for \\}
+                valueCharsArray[valueCharsArray.length - 2] === '\\'
+              const singleSlash =
+                valueCharsArray.length >= 2 &&
+                valueCharsArray[valueCharsArray.length - 1] === '\\' && // for {\}
+                valueCharsArray[valueCharsArray.length - 2] === '{'
+
+              if (
+                valueCharsArray.length == 0 ||
+                valueCharsArray[valueCharsArray.length - 1] != '\\' || // for }
+                doubleSlash ||
+                singleSlash
+              ) {
+                if (delim['{'].length > 0) {
+                  // pop stack for stacked verbatim delimiter
+                  delim['{'].splice(delim['{'].length - 1, 1)
+                  if (delim['{'].length + delim['"'].length == 0) {
+                    // closing delimiter
+                    doneParsingValue = true
+                  } else {
+                    // end verbatim block
+                  }
+                }
+              } else {
+                // literal, add to value
+              }
+            }
+          }
+        }
+
+        // If here, then we are either done parsing the value or
+        // have a literal that should be added to the value.
+        if (doneParsingValue) {
+          // SUCCESS:     value parsed
+          // NEXT_STATE:  KV_KEY
+          this.SKIPWS_ = true
+          this.SKIPCOMMENT_ = true
+          this.STATE_ = this.STATES_.KV_KEY
+          if (!this.SKIPKVPAIR_) {
+            this.DATA_.Fields[this.PARSETMP_.Key] =
+              this.PARSETMP_.Value.join('')
+          }
+          this.PARSETMP_ = { Key: '' }
+          this.VALBRACES_ = null
+        } else {
+          this.PARSETMP_.Value.push(c)
+          if (this.PARSETMP_.Value.length >= 1000 * 20) {
+            this.PARSETMP_.Value = []
+            this.STATE_ = this.STATES_.ENTRY_OR_JUNK
+            this.DATA_ = { ObjectType: '' }
+            this.BRACETYPE_ = null
+            this.SKIPWS_ = true
+            this.SKIPCOMMENT_ = true
+          }
+        }
+        break
+    } // end switch (this.STATE_)
+  } // end while(AnotherIteration)
+} // end function processCharacter
+
+/** @private */ BibtexParser.prototype.CHARCONV_ = [
+  [/\\space /g, '\u0020'],
+  [/\\textdollar /g, '\u0024'],
+  [/\\textquotesingle /g, '\u0027'],
+  [/\\ast /g, '\u002A'],
+  [/\\textbackslash /g, '\u005C'],
+  [/\\\^\{\}/g, '\u005E'],
+  [/\\textasciigrave /g, '\u0060'],
+  [/\\lbrace /g, '\u007B'],
+  [/\\vert /g, '\u007C'],
+  [/\\rbrace /g, '\u007D'],
+  [/\\textasciitilde /g, '\u007E'],
+  [/\\textexclamdown /g, '\u00A1'],
+  [/\\textcent /g, '\u00A2'],
+  [/\\textsterling /g, '\u00A3'],
+  [/\\textcurrency /g, '\u00A4'],
+  [/\\textyen /g, '\u00A5'],
+  [/\\textbrokenbar /g, '\u00A6'],
+  [/\\textsection /g, '\u00A7'],
+  [/\\textasciidieresis /g, '\u00A8'],
+  [/\\textcopyright /g, '\u00A9'],
+  [/\\textordfeminine /g, '\u00AA'],
+  [/\\guillemotleft /g, '\u00AB'],
+  [/\\lnot /g, '\u00AC'],
+  [/\\textregistered /g, '\u00AE'],
+  [/\\textasciimacron /g, '\u00AF'],
+  [/\\textdegree /g, '\u00B0'],
+  [/\\pm /g, '\u00B1'],
+  [/\\textasciiacute /g, '\u00B4'],
+  [/\\mathrm\{\\mu\}/g, '\u00B5'],
+  [/\\textparagraph /g, '\u00B6'],
+  [/\\cdot /g, '\u00B7'],
+  [/\\c\{\}/g, '\u00B8'],
+  [/\\textordmasculine /g, '\u00BA'],
+  [/\\guillemotright /g, '\u00BB'],
+  [/\\textonequarter /g, '\u00BC'],
+  [/\\textonehalf /g, '\u00BD'],
+  [/\\textthreequarters /g, '\u00BE'],
+  [/\\textquestiondown /g, '\u00BF'],
+  [/\\`\{A\}/g, '\u00C0'],
+  [/\\'\{A\}/g, '\u00C1'],
+  [/\\\^\{A\}/g, '\u00C2'],
+  [/\\~\{A\}/g, '\u00C3'],
+  [/\\"\{A\}/g, '\u00C4'],
+  [/\\AA /g, '\u00C5'],
+  [/\\AE /g, '\u00C6'],
+  [/\\c\{C\}/g, '\u00C7'],
+  [/\\`\{E\}/g, '\u00C8'],
+  [/\\'\{E\}/g, '\u00C9'],
+  [/\\\^\{E\}/g, '\u00CA'],
+  [/\\"\{E\}/g, '\u00CB'],
+  [/\\`\{I\}/g, '\u00CC'],
+  [/\\'\{I\}/g, '\u00CD'],
+  [/\\\^\{I\}/g, '\u00CE'],
+  [/\\"\{I\}/g, '\u00CF'],
+  [/\\DH /g, '\u00D0'],
+  [/\\~\{N\}/g, '\u00D1'],
+  [/\\`\{O\}/g, '\u00D2'],
+  [/\\'\{O\}/g, '\u00D3'],
+  [/\\\^\{O\}/g, '\u00D4'],
+  [/\\~\{O\}/g, '\u00D5'],
+  [/\\"\{O\}/g, '\u00D6'],
+  [/\\texttimes /g, '\u00D7'],
+  [/\\O /g, '\u00D8'],
+  [/\\`\{U\}/g, '\u00D9'],
+  [/\\'\{U\}/g, '\u00DA'],
+  [/\\\^\{U\}/g, '\u00DB'],
+  [/\\"\{U\}/g, '\u00DC'],
+  [/\\'\{Y\}/g, '\u00DD'],
+  [/\\TH /g, '\u00DE'],
+  [/\\ss /g, '\u00DF'],
+  [/\\`\{a\}/g, '\u00E0'],
+  [/\\'\{a\}/g, '\u00E1'],
+  [/\\\^\{a\}/g, '\u00E2'],
+  [/\\~\{a\}/g, '\u00E3'],
+  [/\\"\{a\}/g, '\u00E4'],
+  [/\\aa /g, '\u00E5'],
+  [/\\ae /g, '\u00E6'],
+  [/\\c\{c\}/g, '\u00E7'],
+  [/\\`\{e\}/g, '\u00E8'],
+  [/\\'\{e\}/g, '\u00E9'],
+  [/\\\^\{e\}/g, '\u00EA'],
+  [/\\"\{e\}/g, '\u00EB'],
+  [/\\`\{\\i\}/g, '\u00EC'],
+  [/\\'\{\\i\}/g, '\u00ED'],
+  [/\\\^\{\\i\}/g, '\u00EE'],
+  [/\\"\{\\i\}/g, '\u00EF'],
+  [/\\dh /g, '\u00F0'],
+  [/\\~\{n\}/g, '\u00F1'],
+  [/\\`\{o\}/g, '\u00F2'],
+  [/\\'\{o\}/g, '\u00F3'],
+  [/\\\^\{o\}/g, '\u00F4'],
+  [/\\~\{o\}/g, '\u00F5'],
+  [/\\"\{o\}/g, '\u00F6'],
+  [/\\div /g, '\u00F7'],
+  [/\\o /g, '\u00F8'],
+  [/\\`\{u\}/g, '\u00F9'],
+  [/\\'\{u\}/g, '\u00FA'],
+  [/\\\^\{u\}/g, '\u00FB'],
+  [/\\"\{u\}/g, '\u00FC'],
+  [/\\'\{y\}/g, '\u00FD'],
+  [/\\th /g, '\u00FE'],
+  [/\\"\{y\}/g, '\u00FF'],
+  [/\\=\{A\}/g, '\u0100'],
+  [/\\=\{a\}/g, '\u0101'],
+  [/\\u\{A\}/g, '\u0102'],
+  [/\\u\{a\}/g, '\u0103'],
+  [/\\k\{A\}/g, '\u0104'],
+  [/\\k\{a\}/g, '\u0105'],
+  [/\\'\{C\}/g, '\u0106'],
+  [/\\'\{c\}/g, '\u0107'],
+  [/\\\^\{C\}/g, '\u0108'],
+  [/\\\^\{c\}/g, '\u0109'],
+  [/\\.\{C\}/g, '\u010A'],
+  [/\\.\{c\}/g, '\u010B'],
+  [/\\v\{C\}/g, '\u010C'],
+  [/\\v\{c\}/g, '\u010D'],
+  [/\\v\{D\}/g, '\u010E'],
+  [/\\v\{d\}/g, '\u010F'],
+  [/\\DJ /g, '\u0110'],
+  [/\\dj /g, '\u0111'],
+  [/\\=\{E\}/g, '\u0112'],
+  [/\\=\{e\}/g, '\u0113'],
+  [/\\u\{E\}/g, '\u0114'],
+  [/\\u\{e\}/g, '\u0115'],
+  [/\\.\{E\}/g, '\u0116'],
+  [/\\.\{e\}/g, '\u0117'],
+  [/\\k\{E\}/g, '\u0118'],
+  [/\\k\{e\}/g, '\u0119'],
+  [/\\v\{E\}/g, '\u011A'],
+  [/\\v\{e\}/g, '\u011B'],
+  [/\\\^\{G\}/g, '\u011C'],
+  [/\\\^\{g\}/g, '\u011D'],
+  [/\\u\{G\}/g, '\u011E'],
+  [/\\u\{g\}/g, '\u011F'],
+  [/\\.\{G\}/g, '\u0120'],
+  [/\\.\{g\}/g, '\u0121'],
+  [/\\c\{G\}/g, '\u0122'],
+  [/\\c\{g\}/g, '\u0123'],
+  [/\\\^\{H\}/g, '\u0124'],
+  [/\\\^\{h\}/g, '\u0125'],
+  [/\\Elzxh /g, '\u0127'],
+  [/\\~\{I\}/g, '\u0128'],
+  [/\\~\{\\i\}/g, '\u0129'],
+  [/\\=\{I\}/g, '\u012A'],
+  [/\\=\{\\i\}/g, '\u012B'],
+  [/\\u\{I\}/g, '\u012C'],
+  [/\\u\{\\i\}/g, '\u012D'],
+  [/\\k\{I\}/g, '\u012E'],
+  [/\\k\{i\}/g, '\u012F'],
+  [/\\.\{I\}/g, '\u0130'],
+  [/\\i /g, '\u0131'],
+  [/\\\^\{J\}/g, '\u0134'],
+  [/\\\^\{\\j\}/g, '\u0135'],
+  [/\\c\{K\}/g, '\u0136'],
+  [/\\c\{k\}/g, '\u0137'],
+  [/\\'\{L\}/g, '\u0139'],
+  [/\\'\{l\}/g, '\u013A'],
+  [/\\c\{L\}/g, '\u013B'],
+  [/\\c\{l\}/g, '\u013C'],
+  [/\\v\{L\}/g, '\u013D'],
+  [/\\v\{l\}/g, '\u013E'],
+  [/\\L /g, '\u0141'],
+  [/\\l /g, '\u0142'],
+  [/\\'\{N\}/g, '\u0143'],
+  [/\\'\{n\}/g, '\u0144'],
+  [/\\c\{N\}/g, '\u0145'],
+  [/\\c\{n\}/g, '\u0146'],
+  [/\\v\{N\}/g, '\u0147'],
+  [/\\v\{n\}/g, '\u0148'],
+  [/\\NG /g, '\u014A'],
+  [/\\ng /g, '\u014B'],
+  [/\\=\{O\}/g, '\u014C'],
+  [/\\=\{o\}/g, '\u014D'],
+  [/\\u\{O\}/g, '\u014E'],
+  [/\\u\{o\}/g, '\u014F'],
+  [/\\H\{O\}/g, '\u0150'],
+  [/\\H\{o\}/g, '\u0151'],
+  [/\\OE /g, '\u0152'],
+  [/\\oe /g, '\u0153'],
+  [/\\'\{R\}/g, '\u0154'],
+  [/\\'\{r\}/g, '\u0155'],
+  [/\\c\{R\}/g, '\u0156'],
+  [/\\c\{r\}/g, '\u0157'],
+  [/\\v\{R\}/g, '\u0158'],
+  [/\\v\{r\}/g, '\u0159'],
+  [/\\'\{S\}/g, '\u015A'],
+  [/\\'\{s\}/g, '\u015B'],
+  [/\\\^\{S\}/g, '\u015C'],
+  [/\\\^\{s\}/g, '\u015D'],
+  [/\\c\{S\}/g, '\u015E'],
+  [/\\c\{s\}/g, '\u015F'],
+  [/\\v\{S\}/g, '\u0160'],
+  [/\\v\{s\}/g, '\u0161'],
+  [/\\c\{T\}/g, '\u0162'],
+  [/\\c\{t\}/g, '\u0163'],
+  [/\\v\{T\}/g, '\u0164'],
+  [/\\v\{t\}/g, '\u0165'],
+  [/\\~\{U\}/g, '\u0168'],
+  [/\\~\{u\}/g, '\u0169'],
+  [/\\=\{U\}/g, '\u016A'],
+  [/\\=\{u\}/g, '\u016B'],
+  [/\\u\{U\}/g, '\u016C'],
+  [/\\u\{u\}/g, '\u016D'],
+  [/\\r\{U\}/g, '\u016E'],
+  [/\\r\{u\}/g, '\u016F'],
+  [/\\H\{U\}/g, '\u0170'],
+  [/\\H\{u\}/g, '\u0171'],
+  [/\\k\{U\}/g, '\u0172'],
+  [/\\k\{u\}/g, '\u0173'],
+  [/\\\^\{W\}/g, '\u0174'],
+  [/\\\^\{w\}/g, '\u0175'],
+  [/\\\^\{Y\}/g, '\u0176'],
+  [/\\\^\{y\}/g, '\u0177'],
+  [/\\"\{Y\}/g, '\u0178'],
+  [/\\'\{Z\}/g, '\u0179'],
+  [/\\'\{z\}/g, '\u017A'],
+  [/\\.\{Z\}/g, '\u017B'],
+  [/\\.\{z\}/g, '\u017C'],
+  [/\\v\{Z\}/g, '\u017D'],
+  [/\\v\{z\}/g, '\u017E'],
+  [/\\texthvlig /g, '\u0195'],
+  [/\\textnrleg /g, '\u019E'],
+  [/\\eth /g, '\u01AA'],
+  [/\\textdoublepipe /g, '\u01C2'],
+  [/\\'\{g\}/g, '\u01F5'],
+  [/\\Elztrna /g, '\u0250'],
+  [/\\Elztrnsa /g, '\u0252'],
+  [/\\Elzopeno /g, '\u0254'],
+  [/\\Elzrtld /g, '\u0256'],
+  [/\\Elzschwa /g, '\u0259'],
+  [/\\varepsilon /g, '\u025B'],
+  [/\\Elzpgamma /g, '\u0263'],
+  [/\\Elzpbgam /g, '\u0264'],
+  [/\\Elztrnh /g, '\u0265'],
+  [/\\Elzbtdl /g, '\u026C'],
+  [/\\Elzrtll /g, '\u026D'],
+  [/\\Elztrnm /g, '\u026F'],
+  [/\\Elztrnmlr /g, '\u0270'],
+  [/\\Elzltlmr /g, '\u0271'],
+  [/\\Elzltln /g, '\u0272'],
+  [/\\Elzrtln /g, '\u0273'],
+  [/\\Elzclomeg /g, '\u0277'],
+  [/\\textphi /g, '\u0278'],
+  [/\\Elztrnr /g, '\u0279'],
+  [/\\Elztrnrl /g, '\u027A'],
+  [/\\Elzrttrnr /g, '\u027B'],
+  [/\\Elzrl /g, '\u027C'],
+  [/\\Elzrtlr /g, '\u027D'],
+  [/\\Elzfhr /g, '\u027E'],
+  [/\\Elzrtls /g, '\u0282'],
+  [/\\Elzesh /g, '\u0283'],
+  [/\\Elztrnt /g, '\u0287'],
+  [/\\Elzrtlt /g, '\u0288'],
+  [/\\Elzpupsil /g, '\u028A'],
+  [/\\Elzpscrv /g, '\u028B'],
+  [/\\Elzinvv /g, '\u028C'],
+  [/\\Elzinvw /g, '\u028D'],
+  [/\\Elztrny /g, '\u028E'],
+  [/\\Elzrtlz /g, '\u0290'],
+  [/\\Elzyogh /g, '\u0292'],
+  [/\\Elzglst /g, '\u0294'],
+  [/\\Elzreglst /g, '\u0295'],
+  [/\\Elzinglst /g, '\u0296'],
+  [/\\textturnk /g, '\u029E'],
+  [/\\Elzdyogh /g, '\u02A4'],
+  [/\\Elztesh /g, '\u02A7'],
+  [/\\textasciicaron /g, '\u02C7'],
+  [/\\Elzverts /g, '\u02C8'],
+  [/\\Elzverti /g, '\u02CC'],
+  [/\\Elzlmrk /g, '\u02D0'],
+  [/\\Elzhlmrk /g, '\u02D1'],
+  [/\\Elzsbrhr /g, '\u02D2'],
+  [/\\Elzsblhr /g, '\u02D3'],
+  [/\\Elzrais /g, '\u02D4'],
+  [/\\Elzlow /g, '\u02D5'],
+  [/\\textasciibreve /g, '\u02D8'],
+  [/\\textperiodcentered /g, '\u02D9'],
+  [/\\r\{\}/g, '\u02DA'],
+  [/\\k\{\}/g, '\u02DB'],
+  [/\\texttildelow /g, '\u02DC'],
+  [/\\H\{\}/g, '\u02DD'],
+  [/\\tone\{55\}/g, '\u02E5'],
+  [/\\tone\{44\}/g, '\u02E6'],
+  [/\\tone\{33\}/g, '\u02E7'],
+  [/\\tone\{22\}/g, '\u02E8'],
+  [/\\tone\{11\}/g, '\u02E9'],
+  [/\\cyrchar\\C/g, '\u030F'],
+  [/\\Elzpalh /g, '\u0321'],
+  [/\\Elzrh /g, '\u0322'],
+  [/\\Elzsbbrg /g, '\u032A'],
+  [/\\Elzxl /g, '\u0335'],
+  [/\\Elzbar /g, '\u0336'],
+  [/\\'\{A\}/g, '\u0386'],
+  [/\\'\{E\}/g, '\u0388'],
+  [/\\'\{H\}/g, '\u0389'],
+  [/\\'\{\}\{I\}/g, '\u038A'],
+  [/\\'\{\}O/g, '\u038C'],
+  [/\\mathrm\{'Y\}/g, '\u038E'],
+  [/\\mathrm\{'\\Omega\}/g, '\u038F'],
+  [/\\acute\{\\ddot\{\\iota\}\}/g, '\u0390'],
+  [/\\Alpha /g, '\u0391'],
+  [/\\Beta /g, '\u0392'],
+  [/\\Gamma /g, '\u0393'],
+  [/\\Delta /g, '\u0394'],
+  [/\\Epsilon /g, '\u0395'],
+  [/\\Zeta /g, '\u0396'],
+  [/\\Eta /g, '\u0397'],
+  [/\\Theta /g, '\u0398'],
+  [/\\Iota /g, '\u0399'],
+  [/\\Kappa /g, '\u039A'],
+  [/\\Lambda /g, '\u039B'],
+  [/\\Xi /g, '\u039E'],
+  [/\\Pi /g, '\u03A0'],
+  [/\\Rho /g, '\u03A1'],
+  [/\\Sigma /g, '\u03A3'],
+  [/\\Tau /g, '\u03A4'],
+  [/\\Upsilon /g, '\u03A5'],
+  [/\\Phi /g, '\u03A6'],
+  [/\\Chi /g, '\u03A7'],
+  [/\\Psi /g, '\u03A8'],
+  [/\\Omega /g, '\u03A9'],
+  [/\\mathrm\{\\ddot\{I\}\}/g, '\u03AA'],
+  [/\\mathrm\{\\ddot\{Y\}\}/g, '\u03AB'],
+  [/\\'\{\$\\alpha\$\}/g, '\u03AC'],
+  [/\\acute\{\\epsilon\}/g, '\u03AD'],
+  [/\\acute\{\\eta\}/g, '\u03AE'],
+  [/\\acute\{\\iota\}/g, '\u03AF'],
+  [/\\acute\{\\ddot\{\\upsilon\}\}/g, '\u03B0'],
+  [/\\alpha /g, '\u03B1'],
+  [/\\beta /g, '\u03B2'],
+  [/\\gamma /g, '\u03B3'],
+  [/\\delta /g, '\u03B4'],
+  [/\\epsilon /g, '\u03B5'],
+  [/\\zeta /g, '\u03B6'],
+  [/\\eta /g, '\u03B7'],
+  [/\\texttheta /g, '\u03B8'],
+  [/\\iota /g, '\u03B9'],
+  [/\\kappa /g, '\u03BA'],
+  [/\\lambda /g, '\u03BB'],
+  [/\\mu /g, '\u03BC'],
+  [/\\nu /g, '\u03BD'],
+  [/\\xi /g, '\u03BE'],
+  [/\\pi /g, '\u03C0'],
+  [/\\rho /g, '\u03C1'],
+  [/\\varsigma /g, '\u03C2'],
+  [/\\sigma /g, '\u03C3'],
+  [/\\tau /g, '\u03C4'],
+  [/\\upsilon /g, '\u03C5'],
+  [/\\varphi /g, '\u03C6'],
+  [/\\chi /g, '\u03C7'],
+  [/\\psi /g, '\u03C8'],
+  [/\\omega /g, '\u03C9'],
+  [/\\ddot\{\\iota\}/g, '\u03CA'],
+  [/\\ddot\{\\upsilon\}/g, '\u03CB'],
+  [/\\'\{o\}/g, '\u03CC'],
+  [/\\acute\{\\upsilon\}/g, '\u03CD'],
+  [/\\acute\{\\omega\}/g, '\u03CE'],
+  [/\\Pisymbol\{ppi022\}\{87\}/g, '\u03D0'],
+  [/\\textvartheta /g, '\u03D1'],
+  [/\\Upsilon /g, '\u03D2'],
+  [/\\phi /g, '\u03D5'],
+  [/\\varpi /g, '\u03D6'],
+  [/\\Stigma /g, '\u03DA'],
+  [/\\Digamma /g, '\u03DC'],
+  [/\\digamma /g, '\u03DD'],
+  [/\\Koppa /g, '\u03DE'],
+  [/\\Sampi /g, '\u03E0'],
+  [/\\varkappa /g, '\u03F0'],
+  [/\\varrho /g, '\u03F1'],
+  [/\\textTheta /g, '\u03F4'],
+  [/\\backepsilon /g, '\u03F6'],
+  [/\\cyrchar\\CYRYO /g, '\u0401'],
+  [/\\cyrchar\\CYRDJE /g, '\u0402'],
+  [/\\cyrchar\{\\'\\CYRG\}/g, '\u0403'],
+  [/\\cyrchar\\CYRIE /g, '\u0404'],
+  [/\\cyrchar\\CYRDZE /g, '\u0405'],
+  [/\\cyrchar\\CYRII /g, '\u0406'],
+  [/\\cyrchar\\CYRYI /g, '\u0407'],
+  [/\\cyrchar\\CYRJE /g, '\u0408'],
+  [/\\cyrchar\\CYRLJE /g, '\u0409'],
+  [/\\cyrchar\\CYRNJE /g, '\u040A'],
+  [/\\cyrchar\\CYRTSHE /g, '\u040B'],
+  [/\\cyrchar\{\\'\\CYRK\}/g, '\u040C'],
+  [/\\cyrchar\\CYRUSHRT /g, '\u040E'],
+  [/\\cyrchar\\CYRDZHE /g, '\u040F'],
+  [/\\cyrchar\\CYRA /g, '\u0410'],
+  [/\\cyrchar\\CYRB /g, '\u0411'],
+  [/\\cyrchar\\CYRV /g, '\u0412'],
+  [/\\cyrchar\\CYRG /g, '\u0413'],
+  [/\\cyrchar\\CYRD /g, '\u0414'],
+  [/\\cyrchar\\CYRE /g, '\u0415'],
+  [/\\cyrchar\\CYRZH /g, '\u0416'],
+  [/\\cyrchar\\CYRZ /g, '\u0417'],
+  [/\\cyrchar\\CYRI /g, '\u0418'],
+  [/\\cyrchar\\CYRISHRT /g, '\u0419'],
+  [/\\cyrchar\\CYRK /g, '\u041A'],
+  [/\\cyrchar\\CYRL /g, '\u041B'],
+  [/\\cyrchar\\CYRM /g, '\u041C'],
+  [/\\cyrchar\\CYRN /g, '\u041D'],
+  [/\\cyrchar\\CYRO /g, '\u041E'],
+  [/\\cyrchar\\CYRP /g, '\u041F'],
+  [/\\cyrchar\\CYRR /g, '\u0420'],
+  [/\\cyrchar\\CYRS /g, '\u0421'],
+  [/\\cyrchar\\CYRT /g, '\u0422'],
+  [/\\cyrchar\\CYRU /g, '\u0423'],
+  [/\\cyrchar\\CYRF /g, '\u0424'],
+  [/\\cyrchar\\CYRH /g, '\u0425'],
+  [/\\cyrchar\\CYRC /g, '\u0426'],
+  [/\\cyrchar\\CYRCH /g, '\u0427'],
+  [/\\cyrchar\\CYRSH /g, '\u0428'],
+  [/\\cyrchar\\CYRSHCH /g, '\u0429'],
+  [/\\cyrchar\\CYRHRDSN /g, '\u042A'],
+  [/\\cyrchar\\CYRERY /g, '\u042B'],
+  [/\\cyrchar\\CYRSFTSN /g, '\u042C'],
+  [/\\cyrchar\\CYREREV /g, '\u042D'],
+  [/\\cyrchar\\CYRYU /g, '\u042E'],
+  [/\\cyrchar\\CYRYA /g, '\u042F'],
+  [/\\cyrchar\\cyra /g, '\u0430'],
+  [/\\cyrchar\\cyrb /g, '\u0431'],
+  [/\\cyrchar\\cyrv /g, '\u0432'],
+  [/\\cyrchar\\cyrg /g, '\u0433'],
+  [/\\cyrchar\\cyrd /g, '\u0434'],
+  [/\\cyrchar\\cyre /g, '\u0435'],
+  [/\\cyrchar\\cyrzh /g, '\u0436'],
+  [/\\cyrchar\\cyrz /g, '\u0437'],
+  [/\\cyrchar\\cyri /g, '\u0438'],
+  [/\\cyrchar\\cyrishrt /g, '\u0439'],
+  [/\\cyrchar\\cyrk /g, '\u043A'],
+  [/\\cyrchar\\cyrl /g, '\u043B'],
+  [/\\cyrchar\\cyrm /g, '\u043C'],
+  [/\\cyrchar\\cyrn /g, '\u043D'],
+  [/\\cyrchar\\cyro /g, '\u043E'],
+  [/\\cyrchar\\cyrp /g, '\u043F'],
+  [/\\cyrchar\\cyrr /g, '\u0440'],
+  [/\\cyrchar\\cyrs /g, '\u0441'],
+  [/\\cyrchar\\cyrt /g, '\u0442'],
+  [/\\cyrchar\\cyru /g, '\u0443'],
+  [/\\cyrchar\\cyrf /g, '\u0444'],
+  [/\\cyrchar\\cyrh /g, '\u0445'],
+  [/\\cyrchar\\cyrc /g, '\u0446'],
+  [/\\cyrchar\\cyrch /g, '\u0447'],
+  [/\\cyrchar\\cyrsh /g, '\u0448'],
+  [/\\cyrchar\\cyrshch /g, '\u0449'],
+  [/\\cyrchar\\cyrhrdsn /g, '\u044A'],
+  [/\\cyrchar\\cyrery /g, '\u044B'],
+  [/\\cyrchar\\cyrsftsn /g, '\u044C'],
+  [/\\cyrchar\\cyrerev /g, '\u044D'],
+  [/\\cyrchar\\cyryu /g, '\u044E'],
+  [/\\cyrchar\\cyrya /g, '\u044F'],
+  [/\\cyrchar\\cyryo /g, '\u0451'],
+  [/\\cyrchar\\cyrdje /g, '\u0452'],
+  [/\\cyrchar\{\\'\\cyrg\}/g, '\u0453'],
+  [/\\cyrchar\\cyrie /g, '\u0454'],
+  [/\\cyrchar\\cyrdze /g, '\u0455'],
+  [/\\cyrchar\\cyrii /g, '\u0456'],
+  [/\\cyrchar\\cyryi /g, '\u0457'],
+  [/\\cyrchar\\cyrje /g, '\u0458'],
+  [/\\cyrchar\\cyrlje /g, '\u0459'],
+  [/\\cyrchar\\cyrnje /g, '\u045A'],
+  [/\\cyrchar\\cyrtshe /g, '\u045B'],
+  [/\\cyrchar\{\\'\\cyrk\}/g, '\u045C'],
+  [/\\cyrchar\\cyrushrt /g, '\u045E'],
+  [/\\cyrchar\\cyrdzhe /g, '\u045F'],
+  [/\\cyrchar\\CYROMEGA /g, '\u0460'],
+  [/\\cyrchar\\cyromega /g, '\u0461'],
+  [/\\cyrchar\\CYRYAT /g, '\u0462'],
+  [/\\cyrchar\\CYRIOTE /g, '\u0464'],
+  [/\\cyrchar\\cyriote /g, '\u0465'],
+  [/\\cyrchar\\CYRLYUS /g, '\u0466'],
+  [/\\cyrchar\\cyrlyus /g, '\u0467'],
+  [/\\cyrchar\\CYRIOTLYUS /g, '\u0468'],
+  [/\\cyrchar\\cyriotlyus /g, '\u0469'],
+  [/\\cyrchar\\CYRBYUS /g, '\u046A'],
+  [/\\cyrchar\\CYRIOTBYUS /g, '\u046C'],
+  [/\\cyrchar\\cyriotbyus /g, '\u046D'],
+  [/\\cyrchar\\CYRKSI /g, '\u046E'],
+  [/\\cyrchar\\cyrksi /g, '\u046F'],
+  [/\\cyrchar\\CYRPSI /g, '\u0470'],
+  [/\\cyrchar\\cyrpsi /g, '\u0471'],
+  [/\\cyrchar\\CYRFITA /g, '\u0472'],
+  [/\\cyrchar\\CYRIZH /g, '\u0474'],
+  [/\\cyrchar\\CYRUK /g, '\u0478'],
+  [/\\cyrchar\\cyruk /g, '\u0479'],
+  [/\\cyrchar\\CYROMEGARND /g, '\u047A'],
+  [/\\cyrchar\\cyromegarnd /g, '\u047B'],
+  [/\\cyrchar\\CYROMEGATITLO /g, '\u047C'],
+  [/\\cyrchar\\cyromegatitlo /g, '\u047D'],
+  [/\\cyrchar\\CYROT /g, '\u047E'],
+  [/\\cyrchar\\cyrot /g, '\u047F'],
+  [/\\cyrchar\\CYRKOPPA /g, '\u0480'],
+  [/\\cyrchar\\cyrkoppa /g, '\u0481'],
+  [/\\cyrchar\\cyrthousands /g, '\u0482'],
+  [/\\cyrchar\\cyrhundredthousands /g, '\u0488'],
+  [/\\cyrchar\\cyrmillions /g, '\u0489'],
+  [/\\cyrchar\\CYRSEMISFTSN /g, '\u048C'],
+  [/\\cyrchar\\cyrsemisftsn /g, '\u048D'],
+  [/\\cyrchar\\CYRRTICK /g, '\u048E'],
+  [/\\cyrchar\\cyrrtick /g, '\u048F'],
+  [/\\cyrchar\\CYRGUP /g, '\u0490'],
+  [/\\cyrchar\\cyrgup /g, '\u0491'],
+  [/\\cyrchar\\CYRGHCRS /g, '\u0492'],
+  [/\\cyrchar\\cyrghcrs /g, '\u0493'],
+  [/\\cyrchar\\CYRGHK /g, '\u0494'],
+  [/\\cyrchar\\cyrghk /g, '\u0495'],
+  [/\\cyrchar\\CYRZHDSC /g, '\u0496'],
+  [/\\cyrchar\\cyrzhdsc /g, '\u0497'],
+  [/\\cyrchar\\CYRZDSC /g, '\u0498'],
+  [/\\cyrchar\\cyrzdsc /g, '\u0499'],
+  [/\\cyrchar\\CYRKDSC /g, '\u049A'],
+  [/\\cyrchar\\cyrkdsc /g, '\u049B'],
+  [/\\cyrchar\\CYRKVCRS /g, '\u049C'],
+  [/\\cyrchar\\cyrkvcrs /g, '\u049D'],
+  [/\\cyrchar\\CYRKHCRS /g, '\u049E'],
+  [/\\cyrchar\\cyrkhcrs /g, '\u049F'],
+  [/\\cyrchar\\CYRKBEAK /g, '\u04A0'],
+  [/\\cyrchar\\cyrkbeak /g, '\u04A1'],
+  [/\\cyrchar\\CYRNDSC /g, '\u04A2'],
+  [/\\cyrchar\\cyrndsc /g, '\u04A3'],
+  [/\\cyrchar\\CYRNG /g, '\u04A4'],
+  [/\\cyrchar\\cyrng /g, '\u04A5'],
+  [/\\cyrchar\\CYRPHK /g, '\u04A6'],
+  [/\\cyrchar\\cyrphk /g, '\u04A7'],
+  [/\\cyrchar\\CYRABHHA /g, '\u04A8'],
+  [/\\cyrchar\\cyrabhha /g, '\u04A9'],
+  [/\\cyrchar\\CYRSDSC /g, '\u04AA'],
+  [/\\cyrchar\\cyrsdsc /g, '\u04AB'],
+  [/\\cyrchar\\CYRTDSC /g, '\u04AC'],
+  [/\\cyrchar\\cyrtdsc /g, '\u04AD'],
+  [/\\cyrchar\\CYRY /g, '\u04AE'],
+  [/\\cyrchar\\cyry /g, '\u04AF'],
+  [/\\cyrchar\\CYRYHCRS /g, '\u04B0'],
+  [/\\cyrchar\\cyryhcrs /g, '\u04B1'],
+  [/\\cyrchar\\CYRHDSC /g, '\u04B2'],
+  [/\\cyrchar\\cyrhdsc /g, '\u04B3'],
+  [/\\cyrchar\\CYRTETSE /g, '\u04B4'],
+  [/\\cyrchar\\cyrtetse /g, '\u04B5'],
+  [/\\cyrchar\\CYRCHRDSC /g, '\u04B6'],
+  [/\\cyrchar\\cyrchrdsc /g, '\u04B7'],
+  [/\\cyrchar\\CYRCHVCRS /g, '\u04B8'],
+  [/\\cyrchar\\cyrchvcrs /g, '\u04B9'],
+  [/\\cyrchar\\CYRSHHA /g, '\u04BA'],
+  [/\\cyrchar\\cyrshha /g, '\u04BB'],
+  [/\\cyrchar\\CYRABHCH /g, '\u04BC'],
+  [/\\cyrchar\\cyrabhch /g, '\u04BD'],
+  [/\\cyrchar\\CYRABHCHDSC /g, '\u04BE'],
+  [/\\cyrchar\\cyrabhchdsc /g, '\u04BF'],
+  [/\\cyrchar\\CYRpalochka /g, '\u04C0'],
+  [/\\cyrchar\\CYRKHK /g, '\u04C3'],
+  [/\\cyrchar\\cyrkhk /g, '\u04C4'],
+  [/\\cyrchar\\CYRNHK /g, '\u04C7'],
+  [/\\cyrchar\\cyrnhk /g, '\u04C8'],
+  [/\\cyrchar\\CYRCHLDSC /g, '\u04CB'],
+  [/\\cyrchar\\cyrchldsc /g, '\u04CC'],
+  [/\\cyrchar\\CYRAE /g, '\u04D4'],
+  [/\\cyrchar\\cyrae /g, '\u04D5'],
+  [/\\cyrchar\\CYRSCHWA /g, '\u04D8'],
+  [/\\cyrchar\\cyrschwa /g, '\u04D9'],
+  [/\\cyrchar\\CYRABHDZE /g, '\u04E0'],
+  [/\\cyrchar\\cyrabhdze /g, '\u04E1'],
+  [/\\cyrchar\\CYROTLD /g, '\u04E8'],
+  [/\\cyrchar\\cyrotld /g, '\u04E9'],
+  [/\\hspace\{0.6em\}/g, '\u2002'],
+  [/\\hspace\{1em\}/g, '\u2003'],
+  [/\\hspace\{0.33em\}/g, '\u2004'],
+  [/\\hspace\{0.25em\}/g, '\u2005'],
+  [/\\hspace\{0.166em\}/g, '\u2006'],
+  [/\\hphantom\{0\}/g, '\u2007'],
+  [/\\hphantom\{,\}/g, '\u2008'],
+  [/\\hspace\{0.167em\}/g, '\u2009'],
+  [/\\mkern1mu /g, '\u200A'],
+  [/\\textendash /g, '\u2013'],
+  [/\\textemdash /g, '\u2014'],
+  [/\\rule\{1em\}\{1pt\}/g, '\u2015'],
+  [/\\Vert /g, '\u2016'],
+  [/\\Elzreapos /g, '\u201B'],
+  [/\\textquotedblleft /g, '\u201C'],
+  [/\\textquotedblright /g, '\u201D'],
+  [/\\textdagger /g, '\u2020'],
+  [/\\textdaggerdbl /g, '\u2021'],
+  [/\\textbullet /g, '\u2022'],
+  [/\\ldots /g, '\u2026'],
+  [/\\textperthousand /g, '\u2030'],
+  [/\\textpertenthousand /g, '\u2031'],
+  [/\\backprime /g, '\u2035'],
+  [/\\guilsinglleft /g, '\u2039'],
+  [/\\guilsinglright /g, '\u203A'],
+  [/\\mkern4mu /g, '\u205F'],
+  [/\\nolinebreak /g, '\u2060'],
+  [/\\ensuremath\{\\Elzpes\}/g, '\u20A7'],
+  [/\\mbox\{\\texteuro\} /g, '\u20AC'],
+  [/\\dddot /g, '\u20DB'],
+  [/\\ddddot /g, '\u20DC'],
+  [/\\mathbb\{C\}/g, '\u2102'],
+  [/\\mathscr\{g\}/g, '\u210A'],
+  [/\\mathscr\{H\}/g, '\u210B'],
+  [/\\mathfrak\{H\}/g, '\u210C'],
+  [/\\mathbb\{H\}/g, '\u210D'],
+  [/\\hslash /g, '\u210F'],
+  [/\\mathscr\{I\}/g, '\u2110'],
+  [/\\mathfrak\{I\}/g, '\u2111'],
+  [/\\mathscr\{L\}/g, '\u2112'],
+  [/\\mathscr\{l\}/g, '\u2113'],
+  [/\\mathbb\{N\}/g, '\u2115'],
+  [/\\cyrchar\\textnumero /g, '\u2116'],
+  [/\\wp /g, '\u2118'],
+  [/\\mathbb\{P\}/g, '\u2119'],
+  [/\\mathbb\{Q\}/g, '\u211A'],
+  [/\\mathscr\{R\}/g, '\u211B'],
+  [/\\mathfrak\{R\}/g, '\u211C'],
+  [/\\mathbb\{R\}/g, '\u211D'],
+  [/\\Elzxrat /g, '\u211E'],
+  [/\\texttrademark /g, '\u2122'],
+  [/\\mathbb\{Z\}/g, '\u2124'],
+  [/\\Omega /g, '\u2126'],
+  [/\\mho /g, '\u2127'],
+  [/\\mathfrak\{Z\}/g, '\u2128'],
+  [/\\ElsevierGlyph\{2129\}/g, '\u2129'],
+  [/\\AA /g, '\u212B'],
+  [/\\mathscr\{B\}/g, '\u212C'],
+  [/\\mathfrak\{C\}/g, '\u212D'],
+  [/\\mathscr\{e\}/g, '\u212F'],
+  [/\\mathscr\{E\}/g, '\u2130'],
+  [/\\mathscr\{F\}/g, '\u2131'],
+  [/\\mathscr\{M\}/g, '\u2133'],
+  [/\\mathscr\{o\}/g, '\u2134'],
+  [/\\aleph /g, '\u2135'],
+  [/\\beth /g, '\u2136'],
+  [/\\gimel /g, '\u2137'],
+  [/\\daleth /g, '\u2138'],
+  [/\\textfrac\{1\}\{3\}/g, '\u2153'],
+  [/\\textfrac\{2\}\{3\}/g, '\u2154'],
+  [/\\textfrac\{1\}\{5\}/g, '\u2155'],
+  [/\\textfrac\{2\}\{5\}/g, '\u2156'],
+  [/\\textfrac\{3\}\{5\}/g, '\u2157'],
+  [/\\textfrac\{4\}\{5\}/g, '\u2158'],
+  [/\\textfrac\{1\}\{6\}/g, '\u2159'],
+  [/\\textfrac\{5\}\{6\}/g, '\u215A'],
+  [/\\textfrac\{1\}\{8\}/g, '\u215B'],
+  [/\\textfrac\{3\}\{8\}/g, '\u215C'],
+  [/\\textfrac\{5\}\{8\}/g, '\u215D'],
+  [/\\textfrac\{7\}\{8\}/g, '\u215E'],
+  [/\\leftarrow /g, '\u2190'],
+  [/\\uparrow /g, '\u2191'],
+  [/\\rightarrow /g, '\u2192'],
+  [/\\downarrow /g, '\u2193'],
+  [/\\leftrightarrow /g, '\u2194'],
+  [/\\updownarrow /g, '\u2195'],
+  [/\\nwarrow /g, '\u2196'],
+  [/\\nearrow /g, '\u2197'],
+  [/\\searrow /g, '\u2198'],
+  [/\\swarrow /g, '\u2199'],
+  [/\\nleftarrow /g, '\u219A'],
+  [/\\nrightarrow /g, '\u219B'],
+  [/\\arrowwaveright /g, '\u219C'],
+  [/\\arrowwaveright /g, '\u219D'],
+  [/\\twoheadleftarrow /g, '\u219E'],
+  [/\\twoheadrightarrow /g, '\u21A0'],
+  [/\\leftarrowtail /g, '\u21A2'],
+  [/\\rightarrowtail /g, '\u21A3'],
+  [/\\mapsto /g, '\u21A6'],
+  [/\\hookleftarrow /g, '\u21A9'],
+  [/\\hookrightarrow /g, '\u21AA'],
+  [/\\looparrowleft /g, '\u21AB'],
+  [/\\looparrowright /g, '\u21AC'],
+  [/\\leftrightsquigarrow /g, '\u21AD'],
+  [/\\nleftrightarrow /g, '\u21AE'],
+  [/\\Lsh /g, '\u21B0'],
+  [/\\Rsh /g, '\u21B1'],
+  [/\\ElsevierGlyph\{21B3\}/g, '\u21B3'],
+  [/\\curvearrowleft /g, '\u21B6'],
+  [/\\curvearrowright /g, '\u21B7'],
+  [/\\circlearrowleft /g, '\u21BA'],
+  [/\\circlearrowright /g, '\u21BB'],
+  [/\\leftharpoonup /g, '\u21BC'],
+  [/\\leftharpoondown /g, '\u21BD'],
+  [/\\upharpoonright /g, '\u21BE'],
+  [/\\upharpoonleft /g, '\u21BF'],
+  [/\\rightharpoonup /g, '\u21C0'],
+  [/\\rightharpoondown /g, '\u21C1'],
+  [/\\downharpoonright /g, '\u21C2'],
+  [/\\downharpoonleft /g, '\u21C3'],
+  [/\\rightleftarrows /g, '\u21C4'],
+  [/\\dblarrowupdown /g, '\u21C5'],
+  [/\\leftrightarrows /g, '\u21C6'],
+  [/\\leftleftarrows /g, '\u21C7'],
+  [/\\upuparrows /g, '\u21C8'],
+  [/\\rightrightarrows /g, '\u21C9'],
+  [/\\downdownarrows /g, '\u21CA'],
+  [/\\leftrightharpoons /g, '\u21CB'],
+  [/\\rightleftharpoons /g, '\u21CC'],
+  [/\\nLeftarrow /g, '\u21CD'],
+  [/\\nLeftrightarrow /g, '\u21CE'],
+  [/\\nRightarrow /g, '\u21CF'],
+  [/\\Leftarrow /g, '\u21D0'],
+  [/\\Uparrow /g, '\u21D1'],
+  [/\\Rightarrow /g, '\u21D2'],
+  [/\\Downarrow /g, '\u21D3'],
+  [/\\Leftrightarrow /g, '\u21D4'],
+  [/\\Updownarrow /g, '\u21D5'],
+  [/\\Lleftarrow /g, '\u21DA'],
+  [/\\Rrightarrow /g, '\u21DB'],
+  [/\\rightsquigarrow /g, '\u21DD'],
+  [/\\DownArrowUpArrow /g, '\u21F5'],
+  [/\\forall /g, '\u2200'],
+  [/\\complement /g, '\u2201'],
+  [/\\partial /g, '\u2202'],
+  [/\\exists /g, '\u2203'],
+  [/\\nexists /g, '\u2204'],
+  [/\\varnothing /g, '\u2205'],
+  [/\\nabla /g, '\u2207'],
+  [/\\in /g, '\u2208'],
+  [/\\not\\in /g, '\u2209'],
+  [/\\ni /g, '\u220B'],
+  [/\\not\\ni /g, '\u220C'],
+  [/\\prod /g, '\u220F'],
+  [/\\coprod /g, '\u2210'],
+  [/\\sum /g, '\u2211'],
+  [/\\mp /g, '\u2213'],
+  [/\\dotplus /g, '\u2214'],
+  [/\\setminus /g, '\u2216'],
+  [/\\circ /g, '\u2218'],
+  [/\\bullet /g, '\u2219'],
+  [/\\surd /g, '\u221A'],
+  [/\\propto /g, '\u221D'],
+  [/\\infty /g, '\u221E'],
+  [/\\rightangle /g, '\u221F'],
+  [/\\angle /g, '\u2220'],
+  [/\\measuredangle /g, '\u2221'],
+  [/\\sphericalangle /g, '\u2222'],
+  [/\\mid /g, '\u2223'],
+  [/\\nmid /g, '\u2224'],
+  [/\\parallel /g, '\u2225'],
+  [/\\nparallel /g, '\u2226'],
+  [/\\wedge /g, '\u2227'],
+  [/\\vee /g, '\u2228'],
+  [/\\cap /g, '\u2229'],
+  [/\\cup /g, '\u222A'],
+  [/\\int /g, '\u222B'],
+  [/\\int\\!\\int /g, '\u222C'],
+  [/\\int\\!\\int\\!\\int /g, '\u222D'],
+  [/\\oint /g, '\u222E'],
+  [/\\surfintegral /g, '\u222F'],
+  [/\\volintegral /g, '\u2230'],
+  [/\\clwintegral /g, '\u2231'],
+  [/\\ElsevierGlyph\{2232\}/g, '\u2232'],
+  [/\\ElsevierGlyph\{2233\}/g, '\u2233'],
+  [/\\therefore /g, '\u2234'],
+  [/\\because /g, '\u2235'],
+  [/\\Colon /g, '\u2237'],
+  [/\\ElsevierGlyph\{2238\}/g, '\u2238'],
+  [/\\mathbin\{\{:\}\\!\\!\{\-\}\\!\\!\{:\}\}/g, '\u223A'],
+  [/\\homothetic /g, '\u223B'],
+  [/\\sim /g, '\u223C'],
+  [/\\backsim /g, '\u223D'],
+  [/\\lazysinv /g, '\u223E'],
+  [/\\wr /g, '\u2240'],
+  [/\\not\\sim /g, '\u2241'],
+  [/\\ElsevierGlyph\{2242\}/g, '\u2242'],
+  [/\\NotEqualTilde /g, '\u2242-00338'],
+  [/\\simeq /g, '\u2243'],
+  [/\\not\\simeq /g, '\u2244'],
+  [/\\cong /g, '\u2245'],
+  [/\\approxnotequal /g, '\u2246'],
+  [/\\not\\cong /g, '\u2247'],
+  [/\\approx /g, '\u2248'],
+  [/\\not\\approx /g, '\u2249'],
+  [/\\approxeq /g, '\u224A'],
+  [/\\tildetrpl /g, '\u224B'],
+  [/\\not\\apid /g, '\u224B-00338'],
+  [/\\allequal /g, '\u224C'],
+  [/\\asymp /g, '\u224D'],
+  [/\\Bumpeq /g, '\u224E'],
+  [/\\NotHumpDownHump /g, '\u224E-00338'],
+  [/\\bumpeq /g, '\u224F'],
+  [/\\NotHumpEqual /g, '\u224F-00338'],
+  [/\\doteq /g, '\u2250'],
+  [/\\not\\doteq/g, '\u2250-00338'],
+  [/\\doteqdot /g, '\u2251'],
+  [/\\fallingdotseq /g, '\u2252'],
+  [/\\risingdotseq /g, '\u2253'],
+  [/\\eqcirc /g, '\u2256'],
+  [/\\circeq /g, '\u2257'],
+  [/\\estimates /g, '\u2259'],
+  [/\\ElsevierGlyph\{225A\}/g, '\u225A'],
+  [/\\starequal /g, '\u225B'],
+  [/\\triangleq /g, '\u225C'],
+  [/\\ElsevierGlyph\{225F\}/g, '\u225F'],
+  [/\\not =/g, '\u2260'],
+  [/\\equiv /g, '\u2261'],
+  [/\\not\\equiv /g, '\u2262'],
+  [/\\leq /g, '\u2264'],
+  [/\\geq /g, '\u2265'],
+  [/\\leqq /g, '\u2266'],
+  [/\\geqq /g, '\u2267'],
+  [/\\lneqq /g, '\u2268'],
+  [/\\lvertneqq /g, '\u2268-0FE00'],
+  [/\\gneqq /g, '\u2269'],
+  [/\\gvertneqq /g, '\u2269-0FE00'],
+  [/\\ll /g, '\u226A'],
+  [/\\NotLessLess /g, '\u226A-00338'],
+  [/\\gg /g, '\u226B'],
+  [/\\NotGreaterGreater /g, '\u226B-00338'],
+  [/\\between /g, '\u226C'],
+  [/\\not\\kern\-0.3em\\times /g, '\u226D'],
+  [/\\not</g, '\u226E'],
+  [/\\not>/g, '\u226F'],
+  [/\\not\\leq /g, '\u2270'],
+  [/\\not\\geq /g, '\u2271'],
+  [/\\lessequivlnt /g, '\u2272'],
+  [/\\greaterequivlnt /g, '\u2273'],
+  [/\\ElsevierGlyph\{2274\}/g, '\u2274'],
+  [/\\ElsevierGlyph\{2275\}/g, '\u2275'],
+  [/\\lessgtr /g, '\u2276'],
+  [/\\gtrless /g, '\u2277'],
+  [/\\notlessgreater /g, '\u2278'],
+  [/\\notgreaterless /g, '\u2279'],
+  [/\\prec /g, '\u227A'],
+  [/\\succ /g, '\u227B'],
+  [/\\preccurlyeq /g, '\u227C'],
+  [/\\succcurlyeq /g, '\u227D'],
+  [/\\precapprox /g, '\u227E'],
+  [/\\NotPrecedesTilde /g, '\u227E-00338'],
+  [/\\succapprox /g, '\u227F'],
+  [/\\NotSucceedsTilde /g, '\u227F-00338'],
+  [/\\not\\prec /g, '\u2280'],
+  [/\\not\\succ /g, '\u2281'],
+  [/\\subset /g, '\u2282'],
+  [/\\supset /g, '\u2283'],
+  [/\\not\\subset /g, '\u2284'],
+  [/\\not\\supset /g, '\u2285'],
+  [/\\subseteq /g, '\u2286'],
+  [/\\supseteq /g, '\u2287'],
+  [/\\not\\subseteq /g, '\u2288'],
+  [/\\not\\supseteq /g, '\u2289'],
+  [/\\subsetneq /g, '\u228A'],
+  [/\\varsubsetneqq /g, '\u228A-0FE00'],
+  [/\\supsetneq /g, '\u228B'],
+  [/\\varsupsetneq /g, '\u228B-0FE00'],
+  [/\\uplus /g, '\u228E'],
+  [/\\sqsubset /g, '\u228F'],
+  [/\\NotSquareSubset /g, '\u228F-00338'],
+  [/\\sqsupset /g, '\u2290'],
+  [/\\NotSquareSuperset /g, '\u2290-00338'],
+  [/\\sqsubseteq /g, '\u2291'],
+  [/\\sqsupseteq /g, '\u2292'],
+  [/\\sqcap /g, '\u2293'],
+  [/\\sqcup /g, '\u2294'],
+  [/\\oplus /g, '\u2295'],
+  [/\\ominus /g, '\u2296'],
+  [/\\otimes /g, '\u2297'],
+  [/\\oslash /g, '\u2298'],
+  [/\\odot /g, '\u2299'],
+  [/\\circledcirc /g, '\u229A'],
+  [/\\circledast /g, '\u229B'],
+  [/\\circleddash /g, '\u229D'],
+  [/\\boxplus /g, '\u229E'],
+  [/\\boxminus /g, '\u229F'],
+  [/\\boxtimes /g, '\u22A0'],
+  [/\\boxdot /g, '\u22A1'],
+  [/\\vdash /g, '\u22A2'],
+  [/\\dashv /g, '\u22A3'],
+  [/\\top /g, '\u22A4'],
+  [/\\perp /g, '\u22A5'],
+  [/\\truestate /g, '\u22A7'],
+  [/\\forcesextra /g, '\u22A8'],
+  [/\\Vdash /g, '\u22A9'],
+  [/\\Vvdash /g, '\u22AA'],
+  [/\\VDash /g, '\u22AB'],
+  [/\\nvdash /g, '\u22AC'],
+  [/\\nvDash /g, '\u22AD'],
+  [/\\nVdash /g, '\u22AE'],
+  [/\\nVDash /g, '\u22AF'],
+  [/\\vartriangleleft /g, '\u22B2'],
+  [/\\vartriangleright /g, '\u22B3'],
+  [/\\trianglelefteq /g, '\u22B4'],
+  [/\\trianglerighteq /g, '\u22B5'],
+  [/\\original /g, '\u22B6'],
+  [/\\image /g, '\u22B7'],
+  [/\\multimap /g, '\u22B8'],
+  [/\\hermitconjmatrix /g, '\u22B9'],
+  [/\\intercal /g, '\u22BA'],
+  [/\\veebar /g, '\u22BB'],
+  [/\\rightanglearc /g, '\u22BE'],
+  [/\\ElsevierGlyph\{22C0\}/g, '\u22C0'],
+  [/\\ElsevierGlyph\{22C1\}/g, '\u22C1'],
+  [/\\bigcap /g, '\u22C2'],
+  [/\\bigcup /g, '\u22C3'],
+  [/\\diamond /g, '\u22C4'],
+  [/\\cdot /g, '\u22C5'],
+  [/\\star /g, '\u22C6'],
+  [/\\divideontimes /g, '\u22C7'],
+  [/\\bowtie /g, '\u22C8'],
+  [/\\ltimes /g, '\u22C9'],
+  [/\\rtimes /g, '\u22CA'],
+  [/\\leftthreetimes /g, '\u22CB'],
+  [/\\rightthreetimes /g, '\u22CC'],
+  [/\\backsimeq /g, '\u22CD'],
+  [/\\curlyvee /g, '\u22CE'],
+  [/\\curlywedge /g, '\u22CF'],
+  [/\\Subset /g, '\u22D0'],
+  [/\\Supset /g, '\u22D1'],
+  [/\\Cap /g, '\u22D2'],
+  [/\\Cup /g, '\u22D3'],
+  [/\\pitchfork /g, '\u22D4'],
+  [/\\lessdot /g, '\u22D6'],
+  [/\\gtrdot /g, '\u22D7'],
+  [/\\verymuchless /g, '\u22D8'],
+  [/\\verymuchgreater /g, '\u22D9'],
+  [/\\lesseqgtr /g, '\u22DA'],
+  [/\\gtreqless /g, '\u22DB'],
+  [/\\curlyeqprec /g, '\u22DE'],
+  [/\\curlyeqsucc /g, '\u22DF'],
+  [/\\not\\sqsubseteq /g, '\u22E2'],
+  [/\\not\\sqsupseteq /g, '\u22E3'],
+  [/\\Elzsqspne /g, '\u22E5'],
+  [/\\lnsim /g, '\u22E6'],
+  [/\\gnsim /g, '\u22E7'],
+  [/\\precedesnotsimilar /g, '\u22E8'],
+  [/\\succnsim /g, '\u22E9'],
+  [/\\ntriangleleft /g, '\u22EA'],
+  [/\\ntriangleright /g, '\u22EB'],
+  [/\\ntrianglelefteq /g, '\u22EC'],
+  [/\\ntrianglerighteq /g, '\u22ED'],
+  [/\\vdots /g, '\u22EE'],
+  [/\\cdots /g, '\u22EF'],
+  [/\\upslopeellipsis /g, '\u22F0'],
+  [/\\downslopeellipsis /g, '\u22F1'],
+  [/\\barwedge /g, '\u2305'],
+  [/\\perspcorrespond /g, '\u2306'],
+  [/\\lceil /g, '\u2308'],
+  [/\\rceil /g, '\u2309'],
+  [/\\lfloor /g, '\u230A'],
+  [/\\rfloor /g, '\u230B'],
+  [/\\recorder /g, '\u2315'],
+  [/\\mathchar"2208/g, '\u2316'],
+  [/\\ulcorner /g, '\u231C'],
+  [/\\urcorner /g, '\u231D'],
+  [/\\llcorner /g, '\u231E'],
+  [/\\lrcorner /g, '\u231F'],
+  [/\\frown /g, '\u2322'],
+  [/\\smile /g, '\u2323'],
+  [/\\langle /g, '\u2329'],
+  [/\\rangle /g, '\u232A'],
+  [/\\ElsevierGlyph\{E838\}/g, '\u233D'],
+  [/\\Elzdlcorn /g, '\u23A3'],
+  [/\\lmoustache /g, '\u23B0'],
+  [/\\rmoustache /g, '\u23B1'],
+  [/\\textvisiblespace /g, '\u2423'],
+  [/\\ding\{172\}/g, '\u2460'],
+  [/\\ding\{173\}/g, '\u2461'],
+  [/\\ding\{174\}/g, '\u2462'],
+  [/\\ding\{175\}/g, '\u2463'],
+  [/\\ding\{176\}/g, '\u2464'],
+  [/\\ding\{177\}/g, '\u2465'],
+  [/\\ding\{178\}/g, '\u2466'],
+  [/\\ding\{179\}/g, '\u2467'],
+  [/\\ding\{180\}/g, '\u2468'],
+  [/\\ding\{181\}/g, '\u2469'],
+  [/\\circledS /g, '\u24C8'],
+  [/\\Elzdshfnc /g, '\u2506'],
+  [/\\Elzsqfnw /g, '\u2519'],
+  [/\\diagup /g, '\u2571'],
+  [/\\ding\{110\}/g, '\u25A0'],
+  [/\\square /g, '\u25A1'],
+  [/\\blacksquare /g, '\u25AA'],
+  [/\\fbox\{~~\}/g, '\u25AD'],
+  [/\\Elzvrecto /g, '\u25AF'],
+  [/\\ElsevierGlyph\{E381\}/g, '\u25B1'],
+  [/\\ding\{115\}/g, '\u25B2'],
+  [/\\bigtriangleup /g, '\u25B3'],
+  [/\\blacktriangle /g, '\u25B4'],
+  [/\\vartriangle /g, '\u25B5'],
+  [/\\blacktriangleright /g, '\u25B8'],
+  [/\\triangleright /g, '\u25B9'],
+  [/\\ding\{116\}/g, '\u25BC'],
+  [/\\bigtriangledown /g, '\u25BD'],
+  [/\\blacktriangledown /g, '\u25BE'],
+  [/\\triangledown /g, '\u25BF'],
+  [/\\blacktriangleleft /g, '\u25C2'],
+  [/\\triangleleft /g, '\u25C3'],
+  [/\\ding\{117\}/g, '\u25C6'],
+  [/\\lozenge /g, '\u25CA'],
+  [/\\bigcirc /g, '\u25CB'],
+  [/\\ding\{108\}/g, '\u25CF'],
+  [/\\Elzcirfl /g, '\u25D0'],
+  [/\\Elzcirfr /g, '\u25D1'],
+  [/\\Elzcirfb /g, '\u25D2'],
+  [/\\ding\{119\}/g, '\u25D7'],
+  [/\\Elzrvbull /g, '\u25D8'],
+  [/\\Elzsqfl /g, '\u25E7'],
+  [/\\Elzsqfr /g, '\u25E8'],
+  [/\\Elzsqfse /g, '\u25EA'],
+  [/\\bigcirc /g, '\u25EF'],
+  [/\\ding\{72\}/g, '\u2605'],
+  [/\\ding\{73\}/g, '\u2606'],
+  [/\\ding\{37\}/g, '\u260E'],
+  [/\\ding\{42\}/g, '\u261B'],
+  [/\\ding\{43\}/g, '\u261E'],
+  [/\\rightmoon /g, '\u263E'],
+  [/\\mercury /g, '\u263F'],
+  [/\\venus /g, '\u2640'],
+  [/\\male /g, '\u2642'],
+  [/\\jupiter /g, '\u2643'],
+  [/\\saturn /g, '\u2644'],
+  [/\\uranus /g, '\u2645'],
+  [/\\neptune /g, '\u2646'],
+  [/\\pluto /g, '\u2647'],
+  [/\\aries /g, '\u2648'],
+  [/\\taurus /g, '\u2649'],
+  [/\\gemini /g, '\u264A'],
+  [/\\cancer /g, '\u264B'],
+  [/\\leo /g, '\u264C'],
+  [/\\virgo /g, '\u264D'],
+  [/\\libra /g, '\u264E'],
+  [/\\scorpio /g, '\u264F'],
+  [/\\sagittarius /g, '\u2650'],
+  [/\\capricornus /g, '\u2651'],
+  [/\\aquarius /g, '\u2652'],
+  [/\\pisces /g, '\u2653'],
+  [/\\ding\{171\}/g, '\u2660'],
+  [/\\diamond /g, '\u2662'],
+  [/\\ding\{168\}/g, '\u2663'],
+  [/\\ding\{170\}/g, '\u2665'],
+  [/\\ding\{169\}/g, '\u2666'],
+  [/\\quarternote /g, '\u2669'],
+  [/\\eighthnote /g, '\u266A'],
+  [/\\flat /g, '\u266D'],
+  [/\\natural /g, '\u266E'],
+  [/\\sharp /g, '\u266F'],
+  [/\\ding\{33\}/g, '\u2701'],
+  [/\\ding\{34\}/g, '\u2702'],
+  [/\\ding\{35\}/g, '\u2703'],
+  [/\\ding\{36\}/g, '\u2704'],
+  [/\\ding\{38\}/g, '\u2706'],
+  [/\\ding\{39\}/g, '\u2707'],
+  [/\\ding\{40\}/g, '\u2708'],
+  [/\\ding\{41\}/g, '\u2709'],
+  [/\\ding\{44\}/g, '\u270C'],
+  [/\\ding\{45\}/g, '\u270D'],
+  [/\\ding\{46\}/g, '\u270E'],
+  [/\\ding\{47\}/g, '\u270F'],
+  [/\\ding\{48\}/g, '\u2710'],
+  [/\\ding\{49\}/g, '\u2711'],
+  [/\\ding\{50\}/g, '\u2712'],
+  [/\\ding\{51\}/g, '\u2713'],
+  [/\\ding\{52\}/g, '\u2714'],
+  [/\\ding\{53\}/g, '\u2715'],
+  [/\\ding\{54\}/g, '\u2716'],
+  [/\\ding\{55\}/g, '\u2717'],
+  [/\\ding\{56\}/g, '\u2718'],
+  [/\\ding\{57\}/g, '\u2719'],
+  [/\\ding\{58\}/g, '\u271A'],
+  [/\\ding\{59\}/g, '\u271B'],
+  [/\\ding\{60\}/g, '\u271C'],
+  [/\\ding\{61\}/g, '\u271D'],
+  [/\\ding\{62\}/g, '\u271E'],
+  [/\\ding\{63\}/g, '\u271F'],
+  [/\\ding\{64\}/g, '\u2720'],
+  [/\\ding\{65\}/g, '\u2721'],
+  [/\\ding\{66\}/g, '\u2722'],
+  [/\\ding\{67\}/g, '\u2723'],
+  [/\\ding\{68\}/g, '\u2724'],
+  [/\\ding\{69\}/g, '\u2725'],
+  [/\\ding\{70\}/g, '\u2726'],
+  [/\\ding\{71\}/g, '\u2727'],
+  [/\\ding\{73\}/g, '\u2729'],
+  [/\\ding\{74\}/g, '\u272A'],
+  [/\\ding\{75\}/g, '\u272B'],
+  [/\\ding\{76\}/g, '\u272C'],
+  [/\\ding\{77\}/g, '\u272D'],
+  [/\\ding\{78\}/g, '\u272E'],
+  [/\\ding\{79\}/g, '\u272F'],
+  [/\\ding\{80\}/g, '\u2730'],
+  [/\\ding\{81\}/g, '\u2731'],
+  [/\\ding\{82\}/g, '\u2732'],
+  [/\\ding\{83\}/g, '\u2733'],
+  [/\\ding\{84\}/g, '\u2734'],
+  [/\\ding\{85\}/g, '\u2735'],
+  [/\\ding\{86\}/g, '\u2736'],
+  [/\\ding\{87\}/g, '\u2737'],
+  [/\\ding\{88\}/g, '\u2738'],
+  [/\\ding\{89\}/g, '\u2739'],
+  [/\\ding\{90\}/g, '\u273A'],
+  [/\\ding\{91\}/g, '\u273B'],
+  [/\\ding\{92\}/g, '\u273C'],
+  [/\\ding\{93\}/g, '\u273D'],
+  [/\\ding\{94\}/g, '\u273E'],
+  [/\\ding\{95\}/g, '\u273F'],
+  [/\\ding\{96\}/g, '\u2740'],
+  [/\\ding\{97\}/g, '\u2741'],
+  [/\\ding\{98\}/g, '\u2742'],
+  [/\\ding\{99\}/g, '\u2743'],
+  [/\\ding\{100\}/g, '\u2744'],
+  [/\\ding\{101\}/g, '\u2745'],
+  [/\\ding\{102\}/g, '\u2746'],
+  [/\\ding\{103\}/g, '\u2747'],
+  [/\\ding\{104\}/g, '\u2748'],
+  [/\\ding\{105\}/g, '\u2749'],
+  [/\\ding\{106\}/g, '\u274A'],
+  [/\\ding\{107\}/g, '\u274B'],
+  [/\\ding\{109\}/g, '\u274D'],
+  [/\\ding\{111\}/g, '\u274F'],
+  [/\\ding\{112\}/g, '\u2750'],
+  [/\\ding\{113\}/g, '\u2751'],
+  [/\\ding\{114\}/g, '\u2752'],
+  [/\\ding\{118\}/g, '\u2756'],
+  [/\\ding\{120\}/g, '\u2758'],
+  [/\\ding\{121\}/g, '\u2759'],
+  [/\\ding\{122\}/g, '\u275A'],
+  [/\\ding\{123\}/g, '\u275B'],
+  [/\\ding\{124\}/g, '\u275C'],
+  [/\\ding\{125\}/g, '\u275D'],
+  [/\\ding\{126\}/g, '\u275E'],
+  [/\\ding\{161\}/g, '\u2761'],
+  [/\\ding\{162\}/g, '\u2762'],
+  [/\\ding\{163\}/g, '\u2763'],
+  [/\\ding\{164\}/g, '\u2764'],
+  [/\\ding\{165\}/g, '\u2765'],
+  [/\\ding\{166\}/g, '\u2766'],
+  [/\\ding\{167\}/g, '\u2767'],
+  [/\\ding\{182\}/g, '\u2776'],
+  [/\\ding\{183\}/g, '\u2777'],
+  [/\\ding\{184\}/g, '\u2778'],
+  [/\\ding\{185\}/g, '\u2779'],
+  [/\\ding\{186\}/g, '\u277A'],
+  [/\\ding\{187\}/g, '\u277B'],
+  [/\\ding\{188\}/g, '\u277C'],
+  [/\\ding\{189\}/g, '\u277D'],
+  [/\\ding\{190\}/g, '\u277E'],
+  [/\\ding\{191\}/g, '\u277F'],
+  [/\\ding\{192\}/g, '\u2780'],
+  [/\\ding\{193\}/g, '\u2781'],
+  [/\\ding\{194\}/g, '\u2782'],
+  [/\\ding\{195\}/g, '\u2783'],
+  [/\\ding\{196\}/g, '\u2784'],
+  [/\\ding\{197\}/g, '\u2785'],
+  [/\\ding\{198\}/g, '\u2786'],
+  [/\\ding\{199\}/g, '\u2787'],
+  [/\\ding\{200\}/g, '\u2788'],
+  [/\\ding\{201\}/g, '\u2789'],
+  [/\\ding\{202\}/g, '\u278A'],
+  [/\\ding\{203\}/g, '\u278B'],
+  [/\\ding\{204\}/g, '\u278C'],
+  [/\\ding\{205\}/g, '\u278D'],
+  [/\\ding\{206\}/g, '\u278E'],
+  [/\\ding\{207\}/g, '\u278F'],
+  [/\\ding\{208\}/g, '\u2790'],
+  [/\\ding\{209\}/g, '\u2791'],
+  [/\\ding\{210\}/g, '\u2792'],
+  [/\\ding\{211\}/g, '\u2793'],
+  [/\\ding\{212\}/g, '\u2794'],
+  [/\\ding\{216\}/g, '\u2798'],
+  [/\\ding\{217\}/g, '\u2799'],
+  [/\\ding\{218\}/g, '\u279A'],
+  [/\\ding\{219\}/g, '\u279B'],
+  [/\\ding\{220\}/g, '\u279C'],
+  [/\\ding\{221\}/g, '\u279D'],
+  [/\\ding\{222\}/g, '\u279E'],
+  [/\\ding\{223\}/g, '\u279F'],
+  [/\\ding\{224\}/g, '\u27A0'],
+  [/\\ding\{225\}/g, '\u27A1'],
+  [/\\ding\{226\}/g, '\u27A2'],
+  [/\\ding\{227\}/g, '\u27A3'],
+  [/\\ding\{228\}/g, '\u27A4'],
+  [/\\ding\{229\}/g, '\u27A5'],
+  [/\\ding\{230\}/g, '\u27A6'],
+  [/\\ding\{231\}/g, '\u27A7'],
+  [/\\ding\{232\}/g, '\u27A8'],
+  [/\\ding\{233\}/g, '\u27A9'],
+  [/\\ding\{234\}/g, '\u27AA'],
+  [/\\ding\{235\}/g, '\u27AB'],
+  [/\\ding\{236\}/g, '\u27AC'],
+  [/\\ding\{237\}/g, '\u27AD'],
+  [/\\ding\{238\}/g, '\u27AE'],
+  [/\\ding\{239\}/g, '\u27AF'],
+  [/\\ding\{241\}/g, '\u27B1'],
+  [/\\ding\{242\}/g, '\u27B2'],
+  [/\\ding\{243\}/g, '\u27B3'],
+  [/\\ding\{244\}/g, '\u27B4'],
+  [/\\ding\{245\}/g, '\u27B5'],
+  [/\\ding\{246\}/g, '\u27B6'],
+  [/\\ding\{247\}/g, '\u27B7'],
+  [/\\ding\{248\}/g, '\u27B8'],
+  [/\\ding\{249\}/g, '\u27B9'],
+  [/\\ding\{250\}/g, '\u27BA'],
+  [/\\ding\{251\}/g, '\u27BB'],
+  [/\\ding\{252\}/g, '\u27BC'],
+  [/\\ding\{253\}/g, '\u27BD'],
+  [/\\ding\{254\}/g, '\u27BE'],
+  [/\\longleftarrow /g, '\u27F5'],
+  [/\\longrightarrow /g, '\u27F6'],
+  [/\\longleftrightarrow /g, '\u27F7'],
+  [/\\Longleftarrow /g, '\u27F8'],
+  [/\\Longrightarrow /g, '\u27F9'],
+  [/\\Longleftrightarrow /g, '\u27FA'],
+  [/\\longmapsto /g, '\u27FC'],
+  [/\\sim\\joinrel\\leadsto/g, '\u27FF'],
+  [/\\ElsevierGlyph\{E212\}/g, '\u2905'],
+  [/\\UpArrowBar /g, '\u2912'],
+  [/\\DownArrowBar /g, '\u2913'],
+  [/\\ElsevierGlyph\{E20C\}/g, '\u2923'],
+  [/\\ElsevierGlyph\{E20D\}/g, '\u2924'],
+  [/\\ElsevierGlyph\{E20B\}/g, '\u2925'],
+  [/\\ElsevierGlyph\{E20A\}/g, '\u2926'],
+  [/\\ElsevierGlyph\{E211\}/g, '\u2927'],
+  [/\\ElsevierGlyph\{E20E\}/g, '\u2928'],
+  [/\\ElsevierGlyph\{E20F\}/g, '\u2929'],
+  [/\\ElsevierGlyph\{E210\}/g, '\u292A'],
+  [/\\ElsevierGlyph\{E21C\}/g, '\u2933'],
+  [/\\ElsevierGlyph\{E21D\}/g, '\u2933-00338'],
+  [/\\ElsevierGlyph\{E21A\}/g, '\u2936'],
+  [/\\ElsevierGlyph\{E219\}/g, '\u2937'],
+  [/\\Elolarr /g, '\u2940'],
+  [/\\Elorarr /g, '\u2941'],
+  [/\\ElzRlarr /g, '\u2942'],
+  [/\\ElzrLarr /g, '\u2944'],
+  [/\\Elzrarrx /g, '\u2947'],
+  [/\\LeftRightVector /g, '\u294E'],
+  [/\\RightUpDownVector /g, '\u294F'],
+  [/\\DownLeftRightVector /g, '\u2950'],
+  [/\\LeftUpDownVector /g, '\u2951'],
+  [/\\LeftVectorBar /g, '\u2952'],
+  [/\\RightVectorBar /g, '\u2953'],
+  [/\\RightUpVectorBar /g, '\u2954'],
+  [/\\RightDownVectorBar /g, '\u2955'],
+  [/\\DownLeftVectorBar /g, '\u2956'],
+  [/\\DownRightVectorBar /g, '\u2957'],
+  [/\\LeftUpVectorBar /g, '\u2958'],
+  [/\\LeftDownVectorBar /g, '\u2959'],
+  [/\\LeftTeeVector /g, '\u295A'],
+  [/\\RightTeeVector /g, '\u295B'],
+  [/\\RightUpTeeVector /g, '\u295C'],
+  [/\\RightDownTeeVector /g, '\u295D'],
+  [/\\DownLeftTeeVector /g, '\u295E'],
+  [/\\DownRightTeeVector /g, '\u295F'],
+  [/\\LeftUpTeeVector /g, '\u2960'],
+  [/\\LeftDownTeeVector /g, '\u2961'],
+  [/\\UpEquilibrium /g, '\u296E'],
+  [/\\ReverseUpEquilibrium /g, '\u296F'],
+  [/\\RoundImplies /g, '\u2970'],
+  [/\\ElsevierGlyph\{E214\}/g, '\u297C'],
+  [/\\ElsevierGlyph\{E215\}/g, '\u297D'],
+  [/\\Elztfnc /g, '\u2980'],
+  [/\\ElsevierGlyph\{3018\}/g, '\u2985'],
+  [/\\Elroang /g, '\u2986'],
+  [/\\ElsevierGlyph\{E291\}/g, '\u2994'],
+  [/\\Elzddfnc /g, '\u2999'],
+  [/\\Angle /g, '\u299C'],
+  [/\\Elzlpargt /g, '\u29A0'],
+  [/\\ElsevierGlyph\{E260\}/g, '\u29B5'],
+  [/\\ElsevierGlyph\{E61B\}/g, '\u29B6'],
+  [/\\ElzLap /g, '\u29CA'],
+  [/\\Elzdefas /g, '\u29CB'],
+  [/\\LeftTriangleBar /g, '\u29CF'],
+  [/\\NotLeftTriangleBar /g, '\u29CF-00338'],
+  [/\\RightTriangleBar /g, '\u29D0'],
+  [/\\NotRightTriangleBar /g, '\u29D0-00338'],
+  [/\\ElsevierGlyph\{E372\}/g, '\u29DC'],
+  [/\\blacklozenge /g, '\u29EB'],
+  [/\\RuleDelayed /g, '\u29F4'],
+  [/\\Elxuplus /g, '\u2A04'],
+  [/\\ElzThr /g, '\u2A05'],
+  [/\\Elxsqcup /g, '\u2A06'],
+  [/\\ElzInf /g, '\u2A07'],
+  [/\\ElzSup /g, '\u2A08'],
+  [/\\ElzCint /g, '\u2A0D'],
+  [/\\clockoint /g, '\u2A0F'],
+  [/\\ElsevierGlyph\{E395\}/g, '\u2A10'],
+  [/\\sqrint /g, '\u2A16'],
+  [/\\ElsevierGlyph\{E25A\}/g, '\u2A25'],
+  [/\\ElsevierGlyph\{E25B\}/g, '\u2A2A'],
+  [/\\ElsevierGlyph\{E25C\}/g, '\u2A2D'],
+  [/\\ElsevierGlyph\{E25D\}/g, '\u2A2E'],
+  [/\\ElzTimes /g, '\u2A2F'],
+  [/\\ElsevierGlyph\{E25E\}/g, '\u2A34'],
+  [/\\ElsevierGlyph\{E25E\}/g, '\u2A35'],
+  [/\\ElsevierGlyph\{E259\}/g, '\u2A3C'],
+  [/\\amalg /g, '\u2A3F'],
+  [/\\ElzAnd /g, '\u2A53'],
+  [/\\ElzOr /g, '\u2A54'],
+  [/\\ElsevierGlyph\{E36E\}/g, '\u2A55'],
+  [/\\ElOr /g, '\u2A56'],
+  [/\\perspcorrespond /g, '\u2A5E'],
+  [/\\Elzminhat /g, '\u2A5F'],
+  [/\\ElsevierGlyph\{225A\}/g, '\u2A63'],
+  [/\\stackrel\{*\}\{=\}/g, '\u2A6E'],
+  [/\\Equal /g, '\u2A75'],
+  [/\\leqslant /g, '\u2A7D'],
+  [/\\nleqslant /g, '\u2A7D-00338'],
+  [/\\geqslant /g, '\u2A7E'],
+  [/\\ngeqslant /g, '\u2A7E-00338'],
+  [/\\lessapprox /g, '\u2A85'],
+  [/\\gtrapprox /g, '\u2A86'],
+  [/\\lneq /g, '\u2A87'],
+  [/\\gneq /g, '\u2A88'],
+  [/\\lnapprox /g, '\u2A89'],
+  [/\\gnapprox /g, '\u2A8A'],
+  [/\\lesseqqgtr /g, '\u2A8B'],
+  [/\\gtreqqless /g, '\u2A8C'],
+  [/\\eqslantless /g, '\u2A95'],
+  [/\\eqslantgtr /g, '\u2A96'],
+  [/\\Pisymbol\{ppi020\}\{117\}/g, '\u2A9D'],
+  [/\\Pisymbol\{ppi020\}\{105\}/g, '\u2A9E'],
+  [/\\NestedLessLess /g, '\u2AA1'],
+  [/\\NotNestedLessLess /g, '\u2AA1-00338'],
+  [/\\NestedGreaterGreater /g, '\u2AA2'],
+  [/\\NotNestedGreaterGreater /g, '\u2AA2-00338'],
+  [/\\preceq /g, '\u2AAF'],
+  [/\\not\\preceq /g, '\u2AAF-00338'],
+  [/\\succeq /g, '\u2AB0'],
+  [/\\not\\succeq /g, '\u2AB0-00338'],
+  [/\\precneqq /g, '\u2AB5'],
+  [/\\succneqq /g, '\u2AB6'],
+  [/\\precapprox /g, '\u2AB7'],
+  [/\\succapprox /g, '\u2AB8'],
+  [/\\precnapprox /g, '\u2AB9'],
+  [/\\succnapprox /g, '\u2ABA'],
+  [/\\subseteqq /g, '\u2AC5'],
+  [/\\nsubseteqq /g, '\u2AC5-00338'],
+  [/\\supseteqq /g, '\u2AC6'],
+  [/\\nsupseteqq/g, '\u2AC6-00338'],
+  [/\\subsetneqq /g, '\u2ACB'],
+  [/\\supsetneqq /g, '\u2ACC'],
+  [/\\ElsevierGlyph\{E30D\}/g, '\u2AEB'],
+  [/\\Elztdcol /g, '\u2AF6'],
+  [/\\ElsevierGlyph\{300A\}/g, '\u300A'],
+  [/\\ElsevierGlyph\{300B\}/g, '\u300B'],
+  [/\\ElsevierGlyph\{3018\}/g, '\u3018'],
+  [/\\ElsevierGlyph\{3019\}/g, '\u3019'],
+  [/\\openbracketleft /g, '\u301A'],
+  [/\\openbracketright /g, '\u301B'],
+]
+
+if (typeof module !== 'undefined' && module.exports) {
+  module.exports = BibtexParser
+}
diff --git a/services/web/app/src/util/currency.js b/services/web/app/src/util/currency.js
new file mode 100644
index 0000000..ac66679
--- /dev/null
+++ b/services/web/app/src/util/currency.js
@@ -0,0 +1,38 @@
+/**
+ * This file is duplicated from services/web/frontend/js/shared/utils/currency.ts
+ */
+
+/**
+ * @import { CurrencyCode } from '../../../types/subscription/currency'
+ */
+
+/**
+ * @param {number} amount
+ * @param {CurrencyCode} currency
+ * @param {string} locale
+ * @param {boolean} stripIfInteger
+ * @returns {string}
+ */
+function formatCurrency(amount, currency, locale, stripIfInteger) {
+  const options = { style: 'currency', currency }
+  if (stripIfInteger && Number.isInteger(amount)) {
+    options.minimumFractionDigits = 0
+  }
+
+  try {
+    return amount.toLocaleString(locale, {
+      ...options,
+      currencyDisplay: 'narrowSymbol',
+    })
+  } catch {}
+
+  try {
+    return amount.toLocaleString(locale, options)
+  } catch {}
+
+  return `${currency} ${amount}`
+}
+
+module.exports = {
+  formatCurrency,
+}
diff --git a/services/web/app/templates/plans/groups.json b/services/web/app/templates/plans/groups.json
new file mode 100644
index 0000000..1a4994c
--- /dev/null
+++ b/services/web/app/templates/plans/groups.json
@@ -0,0 +1,2054 @@
+{
+  "educational": {
+    "professional": {
+      "AUD": {
+        "2": {
+          "price_in_cents": 55000,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "3": {
+          "price_in_cents": 82500,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "4": {
+          "price_in_cents": 110000,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "5": {
+          "price_in_cents": 137500,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "10": {
+          "price_in_cents": 275000,
+          "additional_license_legacy_price_in_cents": 17900
+        },
+        "20": {
+          "price_in_cents": 550000,
+          "additional_license_legacy_price_in_cents": 16500
+        },
+        "50": {
+          "price_in_cents": 1375000,
+          "additional_license_legacy_price_in_cents": 15100
+        }
+      },
+      "BRL": {
+        "2": {
+          "price_in_cents": 119800,
+          "additional_license_legacy_price_in_cents": 69900
+        },
+        "3": {
+          "price_in_cents": 179700,
+          "additional_license_legacy_price_in_cents": 69900
+        },
+        "4": {
+          "price_in_cents": 239600,
+          "additional_license_legacy_price_in_cents": 69900
+        },
+        "5": {
+          "price_in_cents": 299500,
+          "additional_license_legacy_price_in_cents": 69900
+        },
+        "10": {
+          "price_in_cents": 599000,
+          "additional_license_legacy_price_in_cents": 38900
+        },
+        "20": {
+          "price_in_cents": 1198000,
+          "additional_license_legacy_price_in_cents": 35900
+        },
+        "50": {
+          "price_in_cents": 2995000,
+          "additional_license_legacy_price_in_cents": 32900
+        }
+      },
+      "CAD": {
+        "2": {
+          "price_in_cents": 53800,
+          "additional_license_legacy_price_in_cents": 31400
+        },
+        "3": {
+          "price_in_cents": 80700,
+          "additional_license_legacy_price_in_cents": 31400
+        },
+        "4": {
+          "price_in_cents": 107600,
+          "additional_license_legacy_price_in_cents": 31400
+        },
+        "5": {
+          "price_in_cents": 134500,
+          "additional_license_legacy_price_in_cents": 31400
+        },
+        "10": {
+          "price_in_cents": 269000,
+          "additional_license_legacy_price_in_cents": 17500
+        },
+        "20": {
+          "price_in_cents": 538000,
+          "additional_license_legacy_price_in_cents": 16100
+        },
+        "50": {
+          "price_in_cents": 1345000,
+          "additional_license_legacy_price_in_cents": 14800
+        }
+      },
+      "CHF": {
+        "2": {
+          "price_in_cents": 47800,
+          "additional_license_legacy_price_in_cents": 27900
+        },
+        "3": {
+          "price_in_cents": 71700,
+          "additional_license_legacy_price_in_cents": 27900
+        },
+        "4": {
+          "price_in_cents": 95600,
+          "additional_license_legacy_price_in_cents": 27900
+        },
+        "5": {
+          "price_in_cents": 119500,
+          "additional_license_legacy_price_in_cents": 27900
+        },
+        "10": {
+          "price_in_cents": 239000,
+          "additional_license_legacy_price_in_cents": 15500
+        },
+        "20": {
+          "price_in_cents": 478000,
+          "additional_license_legacy_price_in_cents": 14300
+        },
+        "50": {
+          "price_in_cents": 1195000,
+          "additional_license_legacy_price_in_cents": 13100
+        }
+      },
+      "CLP": {
+        "2": {
+          "price_in_cents": 28918800,
+          "additional_license_legacy_price_in_cents": 16869300
+        },
+        "3": {
+          "price_in_cents": 43378200,
+          "additional_license_legacy_price_in_cents": 16869300
+        },
+        "4": {
+          "price_in_cents": 57837600,
+          "additional_license_legacy_price_in_cents": 16869300
+        },
+        "5": {
+          "price_in_cents": 72297000,
+          "additional_license_legacy_price_in_cents": 16869300
+        },
+        "10": {
+          "price_in_cents": 144594000,
+          "additional_license_legacy_price_in_cents": 9398600
+        },
+        "20": {
+          "price_in_cents": 289188000,
+          "additional_license_legacy_price_in_cents": 8675600
+        },
+        "50": {
+          "price_in_cents": 722970000,
+          "additional_license_legacy_price_in_cents": 7952600
+        }
+      },
+      "COP": {
+        "2": {
+          "price_in_cents": 94788000,
+          "additional_license_legacy_price_in_cents": 55293000
+        },
+        "3": {
+          "price_in_cents": 142182000,
+          "additional_license_legacy_price_in_cents": 55293000
+        },
+        "4": {
+          "price_in_cents": 189576000,
+          "additional_license_legacy_price_in_cents": 55293000
+        },
+        "5": {
+          "price_in_cents": 236970000,
+          "additional_license_legacy_price_in_cents": 55293000
+        },
+        "10": {
+          "price_in_cents": 473940000,
+          "additional_license_legacy_price_in_cents": 30806100
+        },
+        "20": {
+          "price_in_cents": 947880000,
+          "additional_license_legacy_price_in_cents": 28436400
+        },
+        "50": {
+          "price_in_cents": 2000000000,
+          "additional_license_legacy_price_in_cents": 26066700
+        }
+      },
+      "DKK": {
+        "2": {
+          "price_in_cents": 285400,
+          "additional_license_legacy_price_in_cents": 166500
+        },
+        "3": {
+          "price_in_cents": 428100,
+          "additional_license_legacy_price_in_cents": 166500
+        },
+        "4": {
+          "price_in_cents": 570800,
+          "additional_license_legacy_price_in_cents": 166500
+        },
+        "5": {
+          "price_in_cents": 713500,
+          "additional_license_legacy_price_in_cents": 166500
+        },
+        "10": {
+          "price_in_cents": 1427000,
+          "additional_license_legacy_price_in_cents": 92700
+        },
+        "20": {
+          "price_in_cents": 2854000,
+          "additional_license_legacy_price_in_cents": 85600
+        },
+        "50": {
+          "price_in_cents": 7135000,
+          "additional_license_legacy_price_in_cents": 78500
+        }
+      },
+      "EUR": {
+        "2": {
+          "price_in_cents": 44200,
+          "additional_license_legacy_price_in_cents": 25800
+        },
+        "3": {
+          "price_in_cents": 66300,
+          "additional_license_legacy_price_in_cents": 25800
+        },
+        "4": {
+          "price_in_cents": 88400,
+          "additional_license_legacy_price_in_cents": 25800
+        },
+        "5": {
+          "price_in_cents": 110500,
+          "additional_license_legacy_price_in_cents": 25800
+        },
+        "10": {
+          "price_in_cents": 221000,
+          "additional_license_legacy_price_in_cents": 14300
+        },
+        "20": {
+          "price_in_cents": 442000,
+          "additional_license_legacy_price_in_cents": 13200
+        },
+        "50": {
+          "price_in_cents": 1105000,
+          "additional_license_legacy_price_in_cents": 12100
+        }
+      },
+      "GBP": {
+        "2": {
+          "price_in_cents": 38200,
+          "additional_license_legacy_price_in_cents": 22300
+        },
+        "3": {
+          "price_in_cents": 57300,
+          "additional_license_legacy_price_in_cents": 22300
+        },
+        "4": {
+          "price_in_cents": 76400,
+          "additional_license_legacy_price_in_cents": 22300
+        },
+        "5": {
+          "price_in_cents": 95500,
+          "additional_license_legacy_price_in_cents": 22300
+        },
+        "10": {
+          "price_in_cents": 191000,
+          "additional_license_legacy_price_in_cents": 12400
+        },
+        "20": {
+          "price_in_cents": 382000,
+          "additional_license_legacy_price_in_cents": 11400
+        },
+        "50": {
+          "price_in_cents": 955000,
+          "additional_license_legacy_price_in_cents": 10500
+        }
+      },
+      "INR": {
+        "2": {
+          "price_in_cents": 1151800,
+          "additional_license_legacy_price_in_cents": 671900
+        },
+        "3": {
+          "price_in_cents": 1727700,
+          "additional_license_legacy_price_in_cents": 671900
+        },
+        "4": {
+          "price_in_cents": 2303600,
+          "additional_license_legacy_price_in_cents": 671900
+        },
+        "5": {
+          "price_in_cents": 2879500,
+          "additional_license_legacy_price_in_cents": 671900
+        },
+        "10": {
+          "price_in_cents": 5759000,
+          "additional_license_legacy_price_in_cents": 374300
+        },
+        "20": {
+          "price_in_cents": 11518000,
+          "additional_license_legacy_price_in_cents": 345500
+        },
+        "50": {
+          "price_in_cents": 28795000,
+          "additional_license_legacy_price_in_cents": 316700
+        }
+      },
+      "MXN": {
+        "2": {
+          "price_in_cents": 707800,
+          "additional_license_legacy_price_in_cents": 412900
+        },
+        "3": {
+          "price_in_cents": 1061700,
+          "additional_license_legacy_price_in_cents": 412900
+        },
+        "4": {
+          "price_in_cents": 1415600,
+          "additional_license_legacy_price_in_cents": 412900
+        },
+        "5": {
+          "price_in_cents": 1769500,
+          "additional_license_legacy_price_in_cents": 412900
+        },
+        "10": {
+          "price_in_cents": 3539000,
+          "additional_license_legacy_price_in_cents": 230000
+        },
+        "20": {
+          "price_in_cents": 7078000,
+          "additional_license_legacy_price_in_cents": 212300
+        },
+        "50": {
+          "price_in_cents": 17695000,
+          "additional_license_legacy_price_in_cents": 194600
+        }
+      },
+      "NOK": {
+        "2": {
+          "price_in_cents": 344200,
+          "additional_license_legacy_price_in_cents": 200800
+        },
+        "3": {
+          "price_in_cents": 516300,
+          "additional_license_legacy_price_in_cents": 200800
+        },
+        "4": {
+          "price_in_cents": 688400,
+          "additional_license_legacy_price_in_cents": 200800
+        },
+        "5": {
+          "price_in_cents": 860500,
+          "additional_license_legacy_price_in_cents": 200800
+        },
+        "10": {
+          "price_in_cents": 1721000,
+          "additional_license_legacy_price_in_cents": 111800
+        },
+        "20": {
+          "price_in_cents": 3442000,
+          "additional_license_legacy_price_in_cents": 103200
+        },
+        "50": {
+          "price_in_cents": 8605000,
+          "additional_license_legacy_price_in_cents": 94600
+        }
+      },
+      "NZD": {
+        "2": {
+          "price_in_cents": 55000,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "3": {
+          "price_in_cents": 82500,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "4": {
+          "price_in_cents": 110000,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "5": {
+          "price_in_cents": 137500,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "10": {
+          "price_in_cents": 275000,
+          "additional_license_legacy_price_in_cents": 17900
+        },
+        "20": {
+          "price_in_cents": 550000,
+          "additional_license_legacy_price_in_cents": 16500
+        },
+        "50": {
+          "price_in_cents": 1375000,
+          "additional_license_legacy_price_in_cents": 15100
+        }
+      },
+      "PEN": {
+        "2": {
+          "price_in_cents": 115000,
+          "additional_license_legacy_price_in_cents": 67100
+        },
+        "3": {
+          "price_in_cents": 172500,
+          "additional_license_legacy_price_in_cents": 67100
+        },
+        "4": {
+          "price_in_cents": 230000,
+          "additional_license_legacy_price_in_cents": 67100
+        },
+        "5": {
+          "price_in_cents": 287500,
+          "additional_license_legacy_price_in_cents": 67100
+        },
+        "10": {
+          "price_in_cents": 575000,
+          "additional_license_legacy_price_in_cents": 37400
+        },
+        "20": {
+          "price_in_cents": 1150000,
+          "additional_license_legacy_price_in_cents": 34500
+        },
+        "50": {
+          "price_in_cents": 2875000,
+          "additional_license_legacy_price_in_cents": 31600
+        }
+      },
+      "SEK": {
+        "2": {
+          "price_in_cents": 344200,
+          "additional_license_legacy_price_in_cents": 200800
+        },
+        "3": {
+          "price_in_cents": 516300,
+          "additional_license_legacy_price_in_cents": 200800
+        },
+        "4": {
+          "price_in_cents": 688400,
+          "additional_license_legacy_price_in_cents": 200800
+        },
+        "5": {
+          "price_in_cents": 860500,
+          "additional_license_legacy_price_in_cents": 200800
+        },
+        "10": {
+          "price_in_cents": 1721000,
+          "additional_license_legacy_price_in_cents": 111800
+        },
+        "20": {
+          "price_in_cents": 3442000,
+          "additional_license_legacy_price_in_cents": 103200
+        },
+        "50": {
+          "price_in_cents": 8605000,
+          "additional_license_legacy_price_in_cents": 94600
+        }
+      },
+      "SGD": {
+        "2": {
+          "price_in_cents": 62200,
+          "additional_license_legacy_price_in_cents": 36300
+        },
+        "3": {
+          "price_in_cents": 93300,
+          "additional_license_legacy_price_in_cents": 36300
+        },
+        "4": {
+          "price_in_cents": 124400,
+          "additional_license_legacy_price_in_cents": 36300
+        },
+        "5": {
+          "price_in_cents": 155500,
+          "additional_license_legacy_price_in_cents": 36300
+        },
+        "10": {
+          "price_in_cents": 311000,
+          "additional_license_legacy_price_in_cents": 20200
+        },
+        "20": {
+          "price_in_cents": 622000,
+          "additional_license_legacy_price_in_cents": 18600
+        },
+        "50": {
+          "price_in_cents": 1555000,
+          "additional_license_legacy_price_in_cents": 17100
+        }
+      },
+      "USD": {
+        "2": {
+          "price_in_cents": 47800,
+          "additional_license_legacy_price_in_cents": 27900
+        },
+        "3": {
+          "price_in_cents": 71700,
+          "additional_license_legacy_price_in_cents": 27900
+        },
+        "4": {
+          "price_in_cents": 95600,
+          "additional_license_legacy_price_in_cents": 27900
+        },
+        "5": {
+          "price_in_cents": 119500,
+          "additional_license_legacy_price_in_cents": 27900
+        },
+        "10": {
+          "price_in_cents": 239000,
+          "additional_license_legacy_price_in_cents": 15500
+        },
+        "20": {
+          "price_in_cents": 478000,
+          "additional_license_legacy_price_in_cents": 14300
+        },
+        "50": {
+          "price_in_cents": 1195000,
+          "additional_license_legacy_price_in_cents": 13100
+        }
+      }
+    },
+    "collaborator": {
+      "AUD": {
+        "2": {
+          "price_in_cents": 28600,
+          "additional_license_legacy_price_in_cents": 16700
+        },
+        "3": {
+          "price_in_cents": 42900,
+          "additional_license_legacy_price_in_cents": 16700
+        },
+        "4": {
+          "price_in_cents": 57200,
+          "additional_license_legacy_price_in_cents": 16700
+        },
+        "5": {
+          "price_in_cents": 71500,
+          "additional_license_legacy_price_in_cents": 16700
+        },
+        "10": {
+          "price_in_cents": 143000,
+          "additional_license_legacy_price_in_cents": 9300
+        },
+        "20": {
+          "price_in_cents": 286000,
+          "additional_license_legacy_price_in_cents": 8600
+        },
+        "50": {
+          "price_in_cents": 715000,
+          "additional_license_legacy_price_in_cents": 7800
+        }
+      },
+      "BRL": {
+        "2": {
+          "price_in_cents": 59800,
+          "additional_license_legacy_price_in_cents": 34900
+        },
+        "3": {
+          "price_in_cents": 89700,
+          "additional_license_legacy_price_in_cents": 34900
+        },
+        "4": {
+          "price_in_cents": 119600,
+          "additional_license_legacy_price_in_cents": 34900
+        },
+        "5": {
+          "price_in_cents": 149500,
+          "additional_license_legacy_price_in_cents": 34900
+        },
+        "10": {
+          "price_in_cents": 299000,
+          "additional_license_legacy_price_in_cents": 19400
+        },
+        "20": {
+          "price_in_cents": 598000,
+          "additional_license_legacy_price_in_cents": 17900
+        },
+        "50": {
+          "price_in_cents": 1495000,
+          "additional_license_legacy_price_in_cents": 16400
+        }
+      },
+      "CAD": {
+        "2": {
+          "price_in_cents": 27400,
+          "additional_license_legacy_price_in_cents": 16000
+        },
+        "3": {
+          "price_in_cents": 41100,
+          "additional_license_legacy_price_in_cents": 16000
+        },
+        "4": {
+          "price_in_cents": 54800,
+          "additional_license_legacy_price_in_cents": 16000
+        },
+        "5": {
+          "price_in_cents": 68500,
+          "additional_license_legacy_price_in_cents": 16000
+        },
+        "10": {
+          "price_in_cents": 137000,
+          "additional_license_legacy_price_in_cents": 8900
+        },
+        "20": {
+          "price_in_cents": 274000,
+          "additional_license_legacy_price_in_cents": 8200
+        },
+        "50": {
+          "price_in_cents": 685000,
+          "additional_license_legacy_price_in_cents": 7500
+        }
+      },
+      "CHF": {
+        "2": {
+          "price_in_cents": 23800,
+          "additional_license_legacy_price_in_cents": 13900
+        },
+        "3": {
+          "price_in_cents": 35700,
+          "additional_license_legacy_price_in_cents": 13900
+        },
+        "4": {
+          "price_in_cents": 47600,
+          "additional_license_legacy_price_in_cents": 13900
+        },
+        "5": {
+          "price_in_cents": 59500,
+          "additional_license_legacy_price_in_cents": 13900
+        },
+        "10": {
+          "price_in_cents": 119000,
+          "additional_license_legacy_price_in_cents": 7700
+        },
+        "20": {
+          "price_in_cents": 238000,
+          "additional_license_legacy_price_in_cents": 7100
+        },
+        "50": {
+          "price_in_cents": 595000,
+          "additional_license_legacy_price_in_cents": 6500
+        }
+      },
+      "CLP": {
+        "2": {
+          "price_in_cents": 13318800,
+          "additional_license_legacy_price_in_cents": 7769300
+        },
+        "3": {
+          "price_in_cents": 19978200,
+          "additional_license_legacy_price_in_cents": 7769300
+        },
+        "4": {
+          "price_in_cents": 26637600,
+          "additional_license_legacy_price_in_cents": 7769300
+        },
+        "5": {
+          "price_in_cents": 33297000,
+          "additional_license_legacy_price_in_cents": 7769300
+        },
+        "10": {
+          "price_in_cents": 66594000,
+          "additional_license_legacy_price_in_cents": 4328600
+        },
+        "20": {
+          "price_in_cents": 133188000,
+          "additional_license_legacy_price_in_cents": 3995600
+        },
+        "50": {
+          "price_in_cents": 332970000,
+          "additional_license_legacy_price_in_cents": 3662600
+        }
+      },
+      "COP": {
+        "2": {
+          "price_in_cents": 46788000,
+          "additional_license_legacy_price_in_cents": 27293000
+        },
+        "3": {
+          "price_in_cents": 70182000,
+          "additional_license_legacy_price_in_cents": 27293000
+        },
+        "4": {
+          "price_in_cents": 93576000,
+          "additional_license_legacy_price_in_cents": 27293000
+        },
+        "5": {
+          "price_in_cents": 116970000,
+          "additional_license_legacy_price_in_cents": 27293000
+        },
+        "10": {
+          "price_in_cents": 233940000,
+          "additional_license_legacy_price_in_cents": 15206100
+        },
+        "20": {
+          "price_in_cents": 467880000,
+          "additional_license_legacy_price_in_cents": 14036400
+        },
+        "50": {
+          "price_in_cents": 1169700000,
+          "additional_license_legacy_price_in_cents": 12866700
+        }
+      },
+      "DKK": {
+        "2": {
+          "price_in_cents": 143800,
+          "additional_license_legacy_price_in_cents": 83900
+        },
+        "3": {
+          "price_in_cents": 215700,
+          "additional_license_legacy_price_in_cents": 83900
+        },
+        "4": {
+          "price_in_cents": 287600,
+          "additional_license_legacy_price_in_cents": 83900
+        },
+        "5": {
+          "price_in_cents": 359500,
+          "additional_license_legacy_price_in_cents": 83900
+        },
+        "10": {
+          "price_in_cents": 719000,
+          "additional_license_legacy_price_in_cents": 46700
+        },
+        "20": {
+          "price_in_cents": 1438000,
+          "additional_license_legacy_price_in_cents": 43100
+        },
+        "50": {
+          "price_in_cents": 3595000,
+          "additional_license_legacy_price_in_cents": 39500
+        }
+      },
+      "EUR": {
+        "2": {
+          "price_in_cents": 21400,
+          "additional_license_legacy_price_in_cents": 12500
+        },
+        "3": {
+          "price_in_cents": 32100,
+          "additional_license_legacy_price_in_cents": 12500
+        },
+        "4": {
+          "price_in_cents": 42800,
+          "additional_license_legacy_price_in_cents": 12500
+        },
+        "5": {
+          "price_in_cents": 53500,
+          "additional_license_legacy_price_in_cents": 12500
+        },
+        "10": {
+          "price_in_cents": 107000,
+          "additional_license_legacy_price_in_cents": 6900
+        },
+        "20": {
+          "price_in_cents": 214000,
+          "additional_license_legacy_price_in_cents": 6400
+        },
+        "50": {
+          "price_in_cents": 535000,
+          "additional_license_legacy_price_in_cents": 5900
+        }
+      },
+      "GBP": {
+        "2": {
+          "price_in_cents": 19000,
+          "additional_license_legacy_price_in_cents": 11100
+        },
+        "3": {
+          "price_in_cents": 28500,
+          "additional_license_legacy_price_in_cents": 11100
+        },
+        "4": {
+          "price_in_cents": 38000,
+          "additional_license_legacy_price_in_cents": 11100
+        },
+        "5": {
+          "price_in_cents": 47500,
+          "additional_license_legacy_price_in_cents": 11100
+        },
+        "10": {
+          "price_in_cents": 95000,
+          "additional_license_legacy_price_in_cents": 6200
+        },
+        "20": {
+          "price_in_cents": 190000,
+          "additional_license_legacy_price_in_cents": 5700
+        },
+        "50": {
+          "price_in_cents": 475000,
+          "additional_license_legacy_price_in_cents": 5200
+        }
+      },
+      "INR": {
+        "2": {
+          "price_in_cents": 551800,
+          "additional_license_legacy_price_in_cents": 321900
+        },
+        "3": {
+          "price_in_cents": 827700,
+          "additional_license_legacy_price_in_cents": 321900
+        },
+        "4": {
+          "price_in_cents": 1103600,
+          "additional_license_legacy_price_in_cents": 321900
+        },
+        "5": {
+          "price_in_cents": 1379500,
+          "additional_license_legacy_price_in_cents": 321900
+        },
+        "10": {
+          "price_in_cents": 2759000,
+          "additional_license_legacy_price_in_cents": 179300
+        },
+        "20": {
+          "price_in_cents": 5518000,
+          "additional_license_legacy_price_in_cents": 165500
+        },
+        "50": {
+          "price_in_cents": 13795000,
+          "additional_license_legacy_price_in_cents": 151700
+        }
+      },
+      "MXN": {
+        "2": {
+          "price_in_cents": 347800,
+          "additional_license_legacy_price_in_cents": 202900
+        },
+        "3": {
+          "price_in_cents": 521700,
+          "additional_license_legacy_price_in_cents": 202900
+        },
+        "4": {
+          "price_in_cents": 695600,
+          "additional_license_legacy_price_in_cents": 202900
+        },
+        "5": {
+          "price_in_cents": 869500,
+          "additional_license_legacy_price_in_cents": 202900
+        },
+        "10": {
+          "price_in_cents": 1739000,
+          "additional_license_legacy_price_in_cents": 113000
+        },
+        "20": {
+          "price_in_cents": 3478000,
+          "additional_license_legacy_price_in_cents": 104300
+        },
+        "50": {
+          "price_in_cents": 8695000,
+          "additional_license_legacy_price_in_cents": 95600
+        }
+      },
+      "NOK": {
+        "2": {
+          "price_in_cents": 173800,
+          "additional_license_legacy_price_in_cents": 101400
+        },
+        "3": {
+          "price_in_cents": 260700,
+          "additional_license_legacy_price_in_cents": 101400
+        },
+        "4": {
+          "price_in_cents": 347600,
+          "additional_license_legacy_price_in_cents": 101400
+        },
+        "5": {
+          "price_in_cents": 434500,
+          "additional_license_legacy_price_in_cents": 101400
+        },
+        "10": {
+          "price_in_cents": 869000,
+          "additional_license_legacy_price_in_cents": 56500
+        },
+        "20": {
+          "price_in_cents": 1738000,
+          "additional_license_legacy_price_in_cents": 52100
+        },
+        "50": {
+          "price_in_cents": 4345000,
+          "additional_license_legacy_price_in_cents": 47800
+        }
+      },
+      "NZD": {
+        "2": {
+          "price_in_cents": 28600,
+          "additional_license_legacy_price_in_cents": 16700
+        },
+        "3": {
+          "price_in_cents": 42900,
+          "additional_license_legacy_price_in_cents": 16700
+        },
+        "4": {
+          "price_in_cents": 57200,
+          "additional_license_legacy_price_in_cents": 16700
+        },
+        "5": {
+          "price_in_cents": 71500,
+          "additional_license_legacy_price_in_cents": 16700
+        },
+        "10": {
+          "price_in_cents": 143000,
+          "additional_license_legacy_price_in_cents": 9300
+        },
+        "20": {
+          "price_in_cents": 286000,
+          "additional_license_legacy_price_in_cents": 8600
+        },
+        "50": {
+          "price_in_cents": 715000,
+          "additional_license_legacy_price_in_cents": 7800
+        }
+      },
+      "PEN": {
+        "2": {
+          "price_in_cents": 55000,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "3": {
+          "price_in_cents": 82500,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "4": {
+          "price_in_cents": 110000,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "5": {
+          "price_in_cents": 137500,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "10": {
+          "price_in_cents": 275000,
+          "additional_license_legacy_price_in_cents": 17900
+        },
+        "20": {
+          "price_in_cents": 550000,
+          "additional_license_legacy_price_in_cents": 16500
+        },
+        "50": {
+          "price_in_cents": 1375000,
+          "additional_license_legacy_price_in_cents": 15100
+        }
+      },
+      "SEK": {
+        "2": {
+          "price_in_cents": 173800,
+          "additional_license_legacy_price_in_cents": 101400
+        },
+        "3": {
+          "price_in_cents": 260700,
+          "additional_license_legacy_price_in_cents": 101400
+        },
+        "4": {
+          "price_in_cents": 347600,
+          "additional_license_legacy_price_in_cents": 101400
+        },
+        "5": {
+          "price_in_cents": 434500,
+          "additional_license_legacy_price_in_cents": 101400
+        },
+        "10": {
+          "price_in_cents": 869000,
+          "additional_license_legacy_price_in_cents": 56500
+        },
+        "20": {
+          "price_in_cents": 1738000,
+          "additional_license_legacy_price_in_cents": 52100
+        },
+        "50": {
+          "price_in_cents": 4345000,
+          "additional_license_legacy_price_in_cents": 47800
+        }
+      },
+      "SGD": {
+        "2": {
+          "price_in_cents": 31000,
+          "additional_license_legacy_price_in_cents": 18100
+        },
+        "3": {
+          "price_in_cents": 46500,
+          "additional_license_legacy_price_in_cents": 18100
+        },
+        "4": {
+          "price_in_cents": 62000,
+          "additional_license_legacy_price_in_cents": 18100
+        },
+        "5": {
+          "price_in_cents": 77500,
+          "additional_license_legacy_price_in_cents": 18100
+        },
+        "10": {
+          "price_in_cents": 155000,
+          "additional_license_legacy_price_in_cents": 10100
+        },
+        "20": {
+          "price_in_cents": 310000,
+          "additional_license_legacy_price_in_cents": 9300
+        },
+        "50": {
+          "price_in_cents": 775000,
+          "additional_license_legacy_price_in_cents": 8500
+        }
+      },
+      "USD": {
+        "2": {
+          "price_in_cents": 23800,
+          "additional_license_legacy_price_in_cents": 13900
+        },
+        "3": {
+          "price_in_cents": 35700,
+          "additional_license_legacy_price_in_cents": 13900
+        },
+        "4": {
+          "price_in_cents": 47600,
+          "additional_license_legacy_price_in_cents": 13900
+        },
+        "5": {
+          "price_in_cents": 59500,
+          "additional_license_legacy_price_in_cents": 13900
+        },
+        "10": {
+          "price_in_cents": 119000,
+          "additional_license_legacy_price_in_cents": 7700
+        },
+        "20": {
+          "price_in_cents": 238000,
+          "additional_license_legacy_price_in_cents": 7100
+        },
+        "50": {
+          "price_in_cents": 595000,
+          "additional_license_legacy_price_in_cents": 6500
+        }
+      }
+    }
+  },
+  "enterprise": {
+    "professional": {
+      "AUD": {
+        "2": {
+          "price_in_cents": 82600,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "3": {
+          "price_in_cents": 123900,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "4": {
+          "price_in_cents": 165200,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "5": {
+          "price_in_cents": 206500,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "10": {
+          "price_in_cents": 413000,
+          "additional_license_legacy_price_in_cents": 29800
+        },
+        "20": {
+          "price_in_cents": 826000,
+          "additional_license_legacy_price_in_cents": 27500
+        },
+        "50": {
+          "price_in_cents": 2065000,
+          "additional_license_legacy_price_in_cents": 25200
+        }
+      },
+      "BRL": {
+        "2": {
+          "price_in_cents": 179800,
+          "additional_license_legacy_price_in_cents": 69900
+        },
+        "3": {
+          "price_in_cents": 269700,
+          "additional_license_legacy_price_in_cents": 69900
+        },
+        "4": {
+          "price_in_cents": 359600,
+          "additional_license_legacy_price_in_cents": 69900
+        },
+        "5": {
+          "price_in_cents": 449500,
+          "additional_license_legacy_price_in_cents": 69900
+        },
+        "10": {
+          "price_in_cents": 899000,
+          "additional_license_legacy_price_in_cents": 64900
+        },
+        "20": {
+          "price_in_cents": 1798000,
+          "additional_license_legacy_price_in_cents": 59900
+        },
+        "50": {
+          "price_in_cents": 4495000,
+          "additional_license_legacy_price_in_cents": 54900
+        }
+      },
+      "CAD": {
+        "2": {
+          "price_in_cents": 80800,
+          "additional_license_legacy_price_in_cents": 31400
+        },
+        "3": {
+          "price_in_cents": 121200,
+          "additional_license_legacy_price_in_cents": 31400
+        },
+        "4": {
+          "price_in_cents": 161600,
+          "additional_license_legacy_price_in_cents": 31400
+        },
+        "5": {
+          "price_in_cents": 202000,
+          "additional_license_legacy_price_in_cents": 31400
+        },
+        "10": {
+          "price_in_cents": 404000,
+          "additional_license_legacy_price_in_cents": 29100
+        },
+        "20": {
+          "price_in_cents": 808000,
+          "additional_license_legacy_price_in_cents": 26900
+        },
+        "50": {
+          "price_in_cents": 2020000,
+          "additional_license_legacy_price_in_cents": 24600
+        }
+      },
+      "CHF": {
+        "2": {
+          "price_in_cents": 71800,
+          "additional_license_legacy_price_in_cents": 49900
+        },
+        "3": {
+          "price_in_cents": 107700,
+          "additional_license_legacy_price_in_cents": 49900
+        },
+        "4": {
+          "price_in_cents": 143600,
+          "additional_license_legacy_price_in_cents": 49900
+        },
+        "5": {
+          "price_in_cents": 179500,
+          "additional_license_legacy_price_in_cents": 49900
+        },
+        "10": {
+          "price_in_cents": 359000,
+          "additional_license_legacy_price_in_cents": 25900
+        },
+        "20": {
+          "price_in_cents": 718000,
+          "additional_license_legacy_price_in_cents": 23900
+        },
+        "50": {
+          "price_in_cents": 1795000,
+          "additional_license_legacy_price_in_cents": 21900
+        }
+      },
+      "CLP": {
+        "2": {
+          "price_in_cents": 43378200,
+          "additional_license_legacy_price_in_cents": 16869300
+        },
+        "3": {
+          "price_in_cents": 65067300,
+          "additional_license_legacy_price_in_cents": 16869300
+        },
+        "4": {
+          "price_in_cents": 86756400,
+          "additional_license_legacy_price_in_cents": 16869300
+        },
+        "5": {
+          "price_in_cents": 108445500,
+          "additional_license_legacy_price_in_cents": 16869300
+        },
+        "10": {
+          "price_in_cents": 216891000,
+          "additional_license_legacy_price_in_cents": 15664300
+        },
+        "20": {
+          "price_in_cents": 433782000,
+          "additional_license_legacy_price_in_cents": 14459400
+        },
+        "50": {
+          "price_in_cents": 1084455000,
+          "additional_license_legacy_price_in_cents": 13254400
+        }
+      },
+      "COP": {
+        "2": {
+          "price_in_cents": 142182000,
+          "additional_license_legacy_price_in_cents": 55293000
+        },
+        "3": {
+          "price_in_cents": 213273000,
+          "additional_license_legacy_price_in_cents": 55293000
+        },
+        "4": {
+          "price_in_cents": 284364000,
+          "additional_license_legacy_price_in_cents": 55293000
+        },
+        "5": {
+          "price_in_cents": 355455000,
+          "additional_license_legacy_price_in_cents": 55293000
+        },
+        "10": {
+          "price_in_cents": 710910000,
+          "additional_license_legacy_price_in_cents": 51343500
+        },
+        "20": {
+          "price_in_cents": 1421820000,
+          "additional_license_legacy_price_in_cents": 47394000
+        },
+        "50": {
+          "price_in_cents": 2000000000,
+          "additional_license_legacy_price_in_cents": 40000000
+        }
+      },
+      "DKK": {
+        "2": {
+          "price_in_cents": 428200,
+          "additional_license_legacy_price_in_cents": 166500
+        },
+        "3": {
+          "price_in_cents": 642300,
+          "additional_license_legacy_price_in_cents": 166500
+        },
+        "4": {
+          "price_in_cents": 856400,
+          "additional_license_legacy_price_in_cents": 166500
+        },
+        "5": {
+          "price_in_cents": 1070500,
+          "additional_license_legacy_price_in_cents": 166500
+        },
+        "10": {
+          "price_in_cents": 2141000,
+          "additional_license_legacy_price_in_cents": 154600
+        },
+        "20": {
+          "price_in_cents": 4282000,
+          "additional_license_legacy_price_in_cents": 142700
+        },
+        "50": {
+          "price_in_cents": 10705000,
+          "additional_license_legacy_price_in_cents": 130800
+        }
+      },
+      "EUR": {
+        "2": {
+          "price_in_cents": 66400,
+          "additional_license_legacy_price_in_cents": 25800
+        },
+        "3": {
+          "price_in_cents": 99600,
+          "additional_license_legacy_price_in_cents": 25800
+        },
+        "4": {
+          "price_in_cents": 132800,
+          "additional_license_legacy_price_in_cents": 25800
+        },
+        "5": {
+          "price_in_cents": 166000,
+          "additional_license_legacy_price_in_cents": 25800
+        },
+        "10": {
+          "price_in_cents": 332000,
+          "additional_license_legacy_price_in_cents": 23900
+        },
+        "20": {
+          "price_in_cents": 664000,
+          "additional_license_legacy_price_in_cents": 22100
+        },
+        "50": {
+          "price_in_cents": 1660000,
+          "additional_license_legacy_price_in_cents": 20200
+        }
+      },
+      "GBP": {
+        "2": {
+          "price_in_cents": 57400,
+          "additional_license_legacy_price_in_cents": 22300
+        },
+        "3": {
+          "price_in_cents": 86100,
+          "additional_license_legacy_price_in_cents": 22300
+        },
+        "4": {
+          "price_in_cents": 114800,
+          "additional_license_legacy_price_in_cents": 22300
+        },
+        "5": {
+          "price_in_cents": 143500,
+          "additional_license_legacy_price_in_cents": 22300
+        },
+        "10": {
+          "price_in_cents": 287000,
+          "additional_license_legacy_price_in_cents": 20700
+        },
+        "20": {
+          "price_in_cents": 574000,
+          "additional_license_legacy_price_in_cents": 19100
+        },
+        "50": {
+          "price_in_cents": 1435000,
+          "additional_license_legacy_price_in_cents": 17500
+        }
+      },
+      "INR": {
+        "2": {
+          "price_in_cents": 1727800,
+          "additional_license_legacy_price_in_cents": 671900
+        },
+        "3": {
+          "price_in_cents": 2591700,
+          "additional_license_legacy_price_in_cents": 671900
+        },
+        "4": {
+          "price_in_cents": 3455600,
+          "additional_license_legacy_price_in_cents": 671900
+        },
+        "5": {
+          "price_in_cents": 4319500,
+          "additional_license_legacy_price_in_cents": 671900
+        },
+        "10": {
+          "price_in_cents": 8639000,
+          "additional_license_legacy_price_in_cents": 623900
+        },
+        "20": {
+          "price_in_cents": 17278000,
+          "additional_license_legacy_price_in_cents": 575900
+        },
+        "50": {
+          "price_in_cents": 43195000,
+          "additional_license_legacy_price_in_cents": 527900
+        }
+      },
+      "MXN": {
+        "2": {
+          "price_in_cents": 1061800,
+          "additional_license_legacy_price_in_cents": 412900
+        },
+        "3": {
+          "price_in_cents": 1592700,
+          "additional_license_legacy_price_in_cents": 412900
+        },
+        "4": {
+          "price_in_cents": 2123600,
+          "additional_license_legacy_price_in_cents": 412900
+        },
+        "5": {
+          "price_in_cents": 2654500,
+          "additional_license_legacy_price_in_cents": 412900
+        },
+        "10": {
+          "price_in_cents": 5309000,
+          "additional_license_legacy_price_in_cents": 383400
+        },
+        "20": {
+          "price_in_cents": 10618000,
+          "additional_license_legacy_price_in_cents": 353900
+        },
+        "50": {
+          "price_in_cents": 26545000,
+          "additional_license_legacy_price_in_cents": 324400
+        }
+      },
+      "NOK": {
+        "2": {
+          "price_in_cents": 516400,
+          "additional_license_legacy_price_in_cents": 200800
+        },
+        "3": {
+          "price_in_cents": 774600,
+          "additional_license_legacy_price_in_cents": 200800
+        },
+        "4": {
+          "price_in_cents": 1032800,
+          "additional_license_legacy_price_in_cents": 200800
+        },
+        "5": {
+          "price_in_cents": 1291000,
+          "additional_license_legacy_price_in_cents": 200800
+        },
+        "10": {
+          "price_in_cents": 2582000,
+          "additional_license_legacy_price_in_cents": 186400
+        },
+        "20": {
+          "price_in_cents": 5164000,
+          "additional_license_legacy_price_in_cents": 172100
+        },
+        "50": {
+          "price_in_cents": 12910000,
+          "additional_license_legacy_price_in_cents": 157700
+        }
+      },
+      "NZD": {
+        "2": {
+          "price_in_cents": 82600,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "3": {
+          "price_in_cents": 123900,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "4": {
+          "price_in_cents": 165200,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "5": {
+          "price_in_cents": 206500,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "10": {
+          "price_in_cents": 413000,
+          "additional_license_legacy_price_in_cents": 29800
+        },
+        "20": {
+          "price_in_cents": 826000,
+          "additional_license_legacy_price_in_cents": 27500
+        },
+        "50": {
+          "price_in_cents": 2065000,
+          "additional_license_legacy_price_in_cents": 25200
+        }
+      },
+      "PEN": {
+        "2": {
+          "price_in_cents": 172600,
+          "additional_license_legacy_price_in_cents": 67100
+        },
+        "3": {
+          "price_in_cents": 258900,
+          "additional_license_legacy_price_in_cents": 67100
+        },
+        "4": {
+          "price_in_cents": 345200,
+          "additional_license_legacy_price_in_cents": 67100
+        },
+        "5": {
+          "price_in_cents": 431500,
+          "additional_license_legacy_price_in_cents": 67100
+        },
+        "10": {
+          "price_in_cents": 863000,
+          "additional_license_legacy_price_in_cents": 62300
+        },
+        "20": {
+          "price_in_cents": 1726000,
+          "additional_license_legacy_price_in_cents": 57500
+        },
+        "50": {
+          "price_in_cents": 4315000,
+          "additional_license_legacy_price_in_cents": 52700
+        }
+      },
+      "SEK": {
+        "2": {
+          "price_in_cents": 516400,
+          "additional_license_legacy_price_in_cents": 200800
+        },
+        "3": {
+          "price_in_cents": 774600,
+          "additional_license_legacy_price_in_cents": 200800
+        },
+        "4": {
+          "price_in_cents": 1032800,
+          "additional_license_legacy_price_in_cents": 200800
+        },
+        "5": {
+          "price_in_cents": 1291000,
+          "additional_license_legacy_price_in_cents": 200800
+        },
+        "10": {
+          "price_in_cents": 2582000,
+          "additional_license_legacy_price_in_cents": 186400
+        },
+        "20": {
+          "price_in_cents": 5164000,
+          "additional_license_legacy_price_in_cents": 172100
+        },
+        "50": {
+          "price_in_cents": 12910000,
+          "additional_license_legacy_price_in_cents": 157700
+        }
+      },
+      "SGD": {
+        "2": {
+          "price_in_cents": 93400,
+          "additional_license_legacy_price_in_cents": 36300
+        },
+        "3": {
+          "price_in_cents": 140100,
+          "additional_license_legacy_price_in_cents": 36300
+        },
+        "4": {
+          "price_in_cents": 186800,
+          "additional_license_legacy_price_in_cents": 36300
+        },
+        "5": {
+          "price_in_cents": 233500,
+          "additional_license_legacy_price_in_cents": 36300
+        },
+        "10": {
+          "price_in_cents": 467000,
+          "additional_license_legacy_price_in_cents": 33700
+        },
+        "20": {
+          "price_in_cents": 934000,
+          "additional_license_legacy_price_in_cents": 31100
+        },
+        "50": {
+          "price_in_cents": 2335000,
+          "additional_license_legacy_price_in_cents": 28500
+        }
+      },
+      "USD": {
+        "2": {
+          "price_in_cents": 71800,
+          "additional_license_legacy_price_in_cents": 27900
+        },
+        "3": {
+          "price_in_cents": 107700,
+          "additional_license_legacy_price_in_cents": 27900
+        },
+        "4": {
+          "price_in_cents": 143600,
+          "additional_license_legacy_price_in_cents": 27900
+        },
+        "5": {
+          "price_in_cents": 179500,
+          "additional_license_legacy_price_in_cents": 27900
+        },
+        "10": {
+          "price_in_cents": 359000,
+          "additional_license_legacy_price_in_cents": 25900
+        },
+        "20": {
+          "price_in_cents": 718000,
+          "additional_license_legacy_price_in_cents": 23900
+        },
+        "50": {
+          "price_in_cents": 1795000,
+          "additional_license_legacy_price_in_cents": 21900
+        }
+      }
+    },
+    "collaborator": {
+      "AUD": {
+        "2": {
+          "price_in_cents": 43000,
+          "additional_license_legacy_price_in_cents": 16700
+        },
+        "3": {
+          "price_in_cents": 64500,
+          "additional_license_legacy_price_in_cents": 16700
+        },
+        "4": {
+          "price_in_cents": 86000,
+          "additional_license_legacy_price_in_cents": 16700
+        },
+        "5": {
+          "price_in_cents": 107500,
+          "additional_license_legacy_price_in_cents": 16700
+        },
+        "10": {
+          "price_in_cents": 215000,
+          "additional_license_legacy_price_in_cents": 15500
+        },
+        "20": {
+          "price_in_cents": 430000,
+          "additional_license_legacy_price_in_cents": 14300
+        },
+        "50": {
+          "price_in_cents": 1075000,
+          "additional_license_legacy_price_in_cents": 13100
+        }
+      },
+      "BRL": {
+        "2": {
+          "price_in_cents": 89800,
+          "additional_license_legacy_price_in_cents": 34900
+        },
+        "3": {
+          "price_in_cents": 134700,
+          "additional_license_legacy_price_in_cents": 34900
+        },
+        "4": {
+          "price_in_cents": 179600,
+          "additional_license_legacy_price_in_cents": 34900
+        },
+        "5": {
+          "price_in_cents": 224500,
+          "additional_license_legacy_price_in_cents": 34900
+        },
+        "10": {
+          "price_in_cents": 449000,
+          "additional_license_legacy_price_in_cents": 32400
+        },
+        "20": {
+          "price_in_cents": 898000,
+          "additional_license_legacy_price_in_cents": 29900
+        },
+        "50": {
+          "price_in_cents": 2245000,
+          "additional_license_legacy_price_in_cents": 27400
+        }
+      },
+      "CAD": {
+        "2": {
+          "price_in_cents": 41200,
+          "additional_license_legacy_price_in_cents": 16000
+        },
+        "3": {
+          "price_in_cents": 61800,
+          "additional_license_legacy_price_in_cents": 16000
+        },
+        "4": {
+          "price_in_cents": 82400,
+          "additional_license_legacy_price_in_cents": 16000
+        },
+        "5": {
+          "price_in_cents": 103000,
+          "additional_license_legacy_price_in_cents": 16000
+        },
+        "10": {
+          "price_in_cents": 206000,
+          "additional_license_legacy_price_in_cents": 14800
+        },
+        "20": {
+          "price_in_cents": 412000,
+          "additional_license_legacy_price_in_cents": 13700
+        },
+        "50": {
+          "price_in_cents": 1030000,
+          "additional_license_legacy_price_in_cents": 12500
+        }
+      },
+      "CHF": {
+        "2": {
+          "price_in_cents": 35800,
+          "additional_license_legacy_price_in_cents": 13900
+        },
+        "3": {
+          "price_in_cents": 53700,
+          "additional_license_legacy_price_in_cents": 13900
+        },
+        "4": {
+          "price_in_cents": 71600,
+          "additional_license_legacy_price_in_cents": 13900
+        },
+        "5": {
+          "price_in_cents": 89500,
+          "additional_license_legacy_price_in_cents": 13900
+        },
+        "10": {
+          "price_in_cents": 179000,
+          "additional_license_legacy_price_in_cents": 12900
+        },
+        "20": {
+          "price_in_cents": 358000,
+          "additional_license_legacy_price_in_cents": 11900
+        },
+        "50": {
+          "price_in_cents": 895000,
+          "additional_license_legacy_price_in_cents": 10900
+        }
+      },
+      "CLP": {
+        "2": {
+          "price_in_cents": 19978200,
+          "additional_license_legacy_price_in_cents": 7769300
+        },
+        "3": {
+          "price_in_cents": 29967300,
+          "additional_license_legacy_price_in_cents": 7769300
+        },
+        "4": {
+          "price_in_cents": 39956400,
+          "additional_license_legacy_price_in_cents": 7769300
+        },
+        "5": {
+          "price_in_cents": 49945500,
+          "additional_license_legacy_price_in_cents": 7769300
+        },
+        "10": {
+          "price_in_cents": 99891000,
+          "additional_license_legacy_price_in_cents": 7214300
+        },
+        "20": {
+          "price_in_cents": 199782000,
+          "additional_license_legacy_price_in_cents": 6659400
+        },
+        "50": {
+          "price_in_cents": 499455000,
+          "additional_license_legacy_price_in_cents": 6104400
+        }
+      },
+      "COP": {
+        "2": {
+          "price_in_cents": 70182000,
+          "additional_license_legacy_price_in_cents": 27293000
+        },
+        "3": {
+          "price_in_cents": 105273000,
+          "additional_license_legacy_price_in_cents": 27293000
+        },
+        "4": {
+          "price_in_cents": 140364000,
+          "additional_license_legacy_price_in_cents": 27293000
+        },
+        "5": {
+          "price_in_cents": 175455000,
+          "additional_license_legacy_price_in_cents": 27293000
+        },
+        "10": {
+          "price_in_cents": 350910000,
+          "additional_license_legacy_price_in_cents": 25343500
+        },
+        "20": {
+          "price_in_cents": 701820000,
+          "additional_license_legacy_price_in_cents": 23394000
+        },
+        "50": {
+          "price_in_cents": 1754550000,
+          "additional_license_legacy_price_in_cents": 21444500
+        }
+      },
+      "DKK": {
+        "2": {
+          "price_in_cents": 215800,
+          "additional_license_legacy_price_in_cents": 83900
+        },
+        "3": {
+          "price_in_cents": 323700,
+          "additional_license_legacy_price_in_cents": 83900
+        },
+        "4": {
+          "price_in_cents": 431600,
+          "additional_license_legacy_price_in_cents": 83900
+        },
+        "5": {
+          "price_in_cents": 539500,
+          "additional_license_legacy_price_in_cents": 83900
+        },
+        "10": {
+          "price_in_cents": 1079000,
+          "additional_license_legacy_price_in_cents": 77900
+        },
+        "20": {
+          "price_in_cents": 2158000,
+          "additional_license_legacy_price_in_cents": 71900
+        },
+        "50": {
+          "price_in_cents": 5395000,
+          "additional_license_legacy_price_in_cents": 65900
+        }
+      },
+      "EUR": {
+        "2": {
+          "price_in_cents": 32200,
+          "additional_license_legacy_price_in_cents": 12500
+        },
+        "3": {
+          "price_in_cents": 48300,
+          "additional_license_legacy_price_in_cents": 12500
+        },
+        "4": {
+          "price_in_cents": 64400,
+          "additional_license_legacy_price_in_cents": 12500
+        },
+        "5": {
+          "price_in_cents": 80500,
+          "additional_license_legacy_price_in_cents": 12500
+        },
+        "10": {
+          "price_in_cents": 161000,
+          "additional_license_legacy_price_in_cents": 11600
+        },
+        "20": {
+          "price_in_cents": 322000,
+          "additional_license_legacy_price_in_cents": 10700
+        },
+        "50": {
+          "price_in_cents": 805000,
+          "additional_license_legacy_price_in_cents": 9800
+        }
+      },
+      "GBP": {
+        "2": {
+          "price_in_cents": 28600,
+          "additional_license_legacy_price_in_cents": 11100
+        },
+        "3": {
+          "price_in_cents": 42900,
+          "additional_license_legacy_price_in_cents": 11100
+        },
+        "4": {
+          "price_in_cents": 57200,
+          "additional_license_legacy_price_in_cents": 11100
+        },
+        "5": {
+          "price_in_cents": 71500,
+          "additional_license_legacy_price_in_cents": 11100
+        },
+        "10": {
+          "price_in_cents": 143000,
+          "additional_license_legacy_price_in_cents": 10300
+        },
+        "20": {
+          "price_in_cents": 286000,
+          "additional_license_legacy_price_in_cents": 9500
+        },
+        "50": {
+          "price_in_cents": 715000,
+          "additional_license_legacy_price_in_cents": 8700
+        }
+      },
+      "INR": {
+        "2": {
+          "price_in_cents": 827800,
+          "additional_license_legacy_price_in_cents": 321900
+        },
+        "3": {
+          "price_in_cents": 1241700,
+          "additional_license_legacy_price_in_cents": 321900
+        },
+        "4": {
+          "price_in_cents": 1655600,
+          "additional_license_legacy_price_in_cents": 321900
+        },
+        "5": {
+          "price_in_cents": 2069500,
+          "additional_license_legacy_price_in_cents": 321900
+        },
+        "10": {
+          "price_in_cents": 4139000,
+          "additional_license_legacy_price_in_cents": 298900
+        },
+        "20": {
+          "price_in_cents": 8278000,
+          "additional_license_legacy_price_in_cents": 275900
+        },
+        "50": {
+          "price_in_cents": 20695000,
+          "additional_license_legacy_price_in_cents": 252900
+        }
+      },
+      "MXN": {
+        "2": {
+          "price_in_cents": 521800,
+          "additional_license_legacy_price_in_cents": 202900
+        },
+        "3": {
+          "price_in_cents": 782700,
+          "additional_license_legacy_price_in_cents": 202900
+        },
+        "4": {
+          "price_in_cents": 1043600,
+          "additional_license_legacy_price_in_cents": 202900
+        },
+        "5": {
+          "price_in_cents": 1304500,
+          "additional_license_legacy_price_in_cents": 202900
+        },
+        "10": {
+          "price_in_cents": 2609000,
+          "additional_license_legacy_price_in_cents": 188400
+        },
+        "20": {
+          "price_in_cents": 5218000,
+          "additional_license_legacy_price_in_cents": 173900
+        },
+        "50": {
+          "price_in_cents": 13045000,
+          "additional_license_legacy_price_in_cents": 159400
+        }
+      },
+      "NOK": {
+        "2": {
+          "price_in_cents": 260800,
+          "additional_license_legacy_price_in_cents": 101400
+        },
+        "3": {
+          "price_in_cents": 391200,
+          "additional_license_legacy_price_in_cents": 101400
+        },
+        "4": {
+          "price_in_cents": 521600,
+          "additional_license_legacy_price_in_cents": 101400
+        },
+        "5": {
+          "price_in_cents": 652000,
+          "additional_license_legacy_price_in_cents": 101400
+        },
+        "10": {
+          "price_in_cents": 1304000,
+          "additional_license_legacy_price_in_cents": 94100
+        },
+        "20": {
+          "price_in_cents": 2608000,
+          "additional_license_legacy_price_in_cents": 86900
+        },
+        "50": {
+          "price_in_cents": 6520000,
+          "additional_license_legacy_price_in_cents": 79600
+        }
+      },
+      "NZD": {
+        "2": {
+          "price_in_cents": 43000,
+          "additional_license_legacy_price_in_cents": 16700
+        },
+        "3": {
+          "price_in_cents": 64500,
+          "additional_license_legacy_price_in_cents": 16700
+        },
+        "4": {
+          "price_in_cents": 86000,
+          "additional_license_legacy_price_in_cents": 16700
+        },
+        "5": {
+          "price_in_cents": 107500,
+          "additional_license_legacy_price_in_cents": 16700
+        },
+        "10": {
+          "price_in_cents": 215000,
+          "additional_license_legacy_price_in_cents": 15500
+        },
+        "20": {
+          "price_in_cents": 430000,
+          "additional_license_legacy_price_in_cents": 14300
+        },
+        "50": {
+          "price_in_cents": 1075000,
+          "additional_license_legacy_price_in_cents": 13100
+        }
+      },
+      "PEN": {
+        "2": {
+          "price_in_cents": 82600,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "3": {
+          "price_in_cents": 123900,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "4": {
+          "price_in_cents": 165200,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "5": {
+          "price_in_cents": 206500,
+          "additional_license_legacy_price_in_cents": 32100
+        },
+        "10": {
+          "price_in_cents": 413000,
+          "additional_license_legacy_price_in_cents": 29800
+        },
+        "20": {
+          "price_in_cents": 826000,
+          "additional_license_legacy_price_in_cents": 27500
+        },
+        "50": {
+          "price_in_cents": 2065000,
+          "additional_license_legacy_price_in_cents": 25200
+        }
+      },
+      "SEK": {
+        "2": {
+          "price_in_cents": 260800,
+          "additional_license_legacy_price_in_cents": 101400
+        },
+        "3": {
+          "price_in_cents": 391200,
+          "additional_license_legacy_price_in_cents": 101400
+        },
+        "4": {
+          "price_in_cents": 521600,
+          "additional_license_legacy_price_in_cents": 101400
+        },
+        "5": {
+          "price_in_cents": 652000,
+          "additional_license_legacy_price_in_cents": 101400
+        },
+        "10": {
+          "price_in_cents": 1304000,
+          "additional_license_legacy_price_in_cents": 94100
+        },
+        "20": {
+          "price_in_cents": 2608000,
+          "additional_license_legacy_price_in_cents": 86900
+        },
+        "50": {
+          "price_in_cents": 6520000,
+          "additional_license_legacy_price_in_cents": 79600
+        }
+      },
+      "SGD": {
+        "2": {
+          "price_in_cents": 46600,
+          "additional_license_legacy_price_in_cents": 18100
+        },
+        "3": {
+          "price_in_cents": 69900,
+          "additional_license_legacy_price_in_cents": 18100
+        },
+        "4": {
+          "price_in_cents": 93200,
+          "additional_license_legacy_price_in_cents": 18100
+        },
+        "5": {
+          "price_in_cents": 116500,
+          "additional_license_legacy_price_in_cents": 18100
+        },
+        "10": {
+          "price_in_cents": 233000,
+          "additional_license_legacy_price_in_cents": 16800
+        },
+        "20": {
+          "price_in_cents": 466000,
+          "additional_license_legacy_price_in_cents": 15500
+        },
+        "50": {
+          "price_in_cents": 1165000,
+          "additional_license_legacy_price_in_cents": 14200
+        }
+      },
+      "USD": {
+        "2": {
+          "price_in_cents": 35800,
+          "additional_license_legacy_price_in_cents": 13900
+        },
+        "3": {
+          "price_in_cents": 53700,
+          "additional_license_legacy_price_in_cents": 13900
+        },
+        "4": {
+          "price_in_cents": 71600,
+          "additional_license_legacy_price_in_cents": 13900
+        },
+        "5": {
+          "price_in_cents": 89500,
+          "additional_license_legacy_price_in_cents": 13900
+        },
+        "10": {
+          "price_in_cents": 179000,
+          "additional_license_legacy_price_in_cents": 12900
+        },
+        "20": {
+          "price_in_cents": 358000,
+          "additional_license_legacy_price_in_cents": 11900
+        },
+        "50": {
+          "price_in_cents": 895000,
+          "additional_license_legacy_price_in_cents": 10900
+        }
+      }
+    }
+  }
+}
diff --git a/services/web/app/templates/project_files/example-project-sp/frog.jpg b/services/web/app/templates/project_files/example-project-sp/frog.jpg
new file mode 100644
index 0000000..5b889ef
Binary files /dev/null and b/services/web/app/templates/project_files/example-project-sp/frog.jpg differ
diff --git a/services/web/app/templates/project_files/example-project-sp/main.tex b/services/web/app/templates/project_files/example-project-sp/main.tex
new file mode 100644
index 0000000..fd3c032
--- /dev/null
+++ b/services/web/app/templates/project_files/example-project-sp/main.tex
@@ -0,0 +1,117 @@
+\documentclass{article}
+
+% Language setting
+% Replace `english' with e.g. `spanish' to change the document language
+\usepackage[english]{babel}
+
+% Set page size and margins
+% Replace `letterpaper' with `a4paper' for UK/EU standard size
+\usepackage[letterpaper,top=2cm,bottom=2cm,left=3cm,right=3cm,marginparwidth=1.75cm]{geometry}
+
+% Useful packages
+\usepackage{amsmath}
+\usepackage{graphicx}
+\usepackage[colorlinks=true, allcolors=blue]{hyperref}
+
+\title{Your Paper}
+\author{You}
+
+\begin{document}
+\maketitle
+
+\begin{abstract}
+Your abstract.
+\end{abstract}
+
+\section{Introduction}
+
+Your introduction goes here! Simply start writing your document and use the Recompile button to view the updated PDF preview. Examples of commonly used commands and features are listed below, to help you get started.
+
+Once you're familiar with the editor, you can find various project settings in the Overleaf menu, accessed via the button in the very top left of the editor.
+
+\section{Some examples to get started}
+
+\subsection{How to create Sections and Subsections}
+
+Simply use the section and subsection commands, as in this example document! With Overleaf, all the formatting and numbering is handled automatically according to the template you've chosen. If you're using Rich Text mode, you can also create new section and subsections via the buttons in the editor toolbar.
+
+\subsection{How to include Figures}
+
+First you have to upload the image file from your computer using the upload link in the file-tree menu. Then use the includegraphics command to include it in your document. Use the figure environment and the caption command to add a number and a caption to your figure. See the code for Figure \ref{fig:frog} in this section for an example.
+
+Note that your figure will automatically be placed in the most appropriate place for it, given the surrounding text and taking into account other figures or tables that may be close by.
+
+\begin{figure}
+\centering
+\includegraphics[width=0.25\linewidth]{frog.jpg}
+\caption{\label{fig:frog}This frog was uploaded via the file-tree menu.}
+\end{figure}
+
+\subsection{How to add Tables}
+
+Use the table and tabular environments for basic tables --- see Table~\ref{tab:widgets}, for example.
+
+\begin{table}
+\centering
+\begin{tabular}{l|r}
+Item & Quantity \\\hline
+Widgets & 42 \\
+Gadgets & 13
+\end{tabular}
+\caption{\label{tab:widgets}An example table.}
+\end{table}
+
+\subsection{How to add Comments and Track Changes}
+
+Comments can be added to your project by highlighting some text and clicking ``Add comment'' in the top right of the editor pane. To view existing comments, click on the Review menu in the toolbar above. To reply to a comment, click on the Reply button in the lower right corner of the comment. You can close the Review pane by clicking its name on the toolbar when you're done reviewing for the time being.
+
+Track changes are available on all our premium plans, and can be toggled on or off using the option at the top of the Review pane. Track changes allow you to keep track of every change made to the document, along with the person making the change.
+
+\subsection{How to add Lists}
+
+You can make lists with automatic numbering \dots
+
+\begin{enumerate}
+\item Like this,
+\item and like this.
+\end{enumerate}
+\dots or bullet points \dots
+\begin{itemize}
+\item Like this,
+\item and like this.
+\end{itemize}
+
+\subsection{How to write Mathematics}
+
+\LaTeX{} is great at typesetting mathematics. Let $X_1, X_2, \ldots, X_n$ be a sequence of independent and identically distributed random variables with $\text{E}[X_i] = \mu$ and $\text{Var}[X_i] = \sigma^2 < \infty$, and let
+\[S_n = \frac{X_1 + X_2 + \cdots + X_n}{n}
+      = \frac{1}{n}\sum_{i}^{n} X_i\]
+denote their mean. Then as $n$ approaches infinity, the random variables $\sqrt{n}(S_n - \mu)$ converge in distribution to a normal $\mathcal{N}(0, \sigma^2)$.
+
+
+\subsection{How to change the margins and paper size}
+
+Usually the template you're using will have the page margins and paper size set correctly for that use-case. For example, if you're using a journal article template provided by the journal publisher, that template will be formatted according to their requirements. In these cases, it's best not to alter the margins directly.
+
+If however you're using a more general template, such as this one, and would like to alter the margins, a common way to do so is via the geometry package. You can find the geometry package loaded in the preamble at the top of this example file.
+
+\subsection{How to change the document language and spell check settings}
+
+Overleaf supports many different languages, including multiple different languages within one document.
+
+To configure the document language, simply edit the option provided to the babel package in the preamble at the top of this example project.
+
+To change the spell check language, simply open the Overleaf menu at the top left of the editor window, scroll down to the spell check setting, and adjust accordingly.
+
+\subsection{How to add Citations and a References List}
+
+You can simply upload a \verb|.bib| file containing your BibTeX entries, created with a tool such as JabRef. You can then cite entries from it, like this: \cite{greenwade93}. Just remember to specify a bibliography style, as well as the filename of the \verb|.bib|.
+
+\subsection{Good luck!}
+
+We hope you find Overleaf useful!
+
+\bibliographystyle{alpha}
+\bibliography{sample}
+
+\end{document}
diff --git a/services/web/app/templates/project_files/example-project-sp/sample.bib b/services/web/app/templates/project_files/example-project-sp/sample.bib
new file mode 100644
index 0000000..a0e21c7
--- /dev/null
+++ b/services/web/app/templates/project_files/example-project-sp/sample.bib
@@ -0,0 +1,9 @@
+@article{greenwade93,
+    author  = "George D. Greenwade",
+    title   = "The {C}omprehensive {T}ex {A}rchive {N}etwork ({CTAN})",
+    year    = "1993",
+    journal = "TUGBoat",
+    volume  = "14",
+    number  = "3",
+    pages   = "342--351"
+}
diff --git a/services/web/app/templates/project_files/example-project/frog.jpg b/services/web/app/templates/project_files/example-project/frog.jpg
new file mode 100644
index 0000000..5b889ef
Binary files /dev/null and b/services/web/app/templates/project_files/example-project/frog.jpg differ
diff --git a/services/web/app/templates/project_files/example-project/main.tex b/services/web/app/templates/project_files/example-project/main.tex
new file mode 100644
index 0000000..5199b66
--- /dev/null
+++ b/services/web/app/templates/project_files/example-project/main.tex
@@ -0,0 +1,119 @@
+\documentclass{article}
+
+% Language setting
+% Replace `english' with e.g. `spanish' to change the document language
+\usepackage[english]{babel}
+
+% Set page size and margins
+% Replace `letterpaper' with `a4paper' for UK/EU standard size
+\usepackage[letterpaper,top=2cm,bottom=2cm,left=3cm,right=3cm,marginparwidth=1.75cm]{geometry}
+
+% Useful packages
+\usepackage{amsmath}
+\usepackage{graphicx}
+\usepackage[colorlinks=true, allcolors=blue]{hyperref}
+
+\title{Your Paper}
+\author{You}
+
+\begin{document}
+\maketitle
+
+\begin{abstract}
+Your abstract.
+\end{abstract}
+
+\section{Introduction}
+
+Your introduction goes here! Simply start writing your document and use the Recompile button to view the updated PDF preview. Examples of commonly used commands and features are listed below, to help you get started.
+
+Once you're familiar with the editor, you can find various project settings in the Overleaf menu, accessed via the button in the very top left of the editor. To view tutorials, user guides, and further documentation, please visit our \href{https://www.overleaf.com/learn}{help library}, or head to our plans page to \href{https://www.overleaf.com/user/subscription/plans}{choose your plan}.
+
+\section{Some examples to get started}
+
+\subsection{How to create Sections and Subsections}
+
+Simply use the section and subsection commands, as in this example document! With Overleaf, all the formatting and numbering is handled automatically according to the template you've chosen. If you're using the Visual Editor, you can also create new section and subsections via the buttons in the editor toolbar.
+
+\subsection{How to include Figures}
+
+First you have to upload the image file from your computer using the upload link in the file-tree menu. Then use the includegraphics command to include it in your document. Use the figure environment and the caption command to add a number and a caption to your figure. See the code for Figure \ref{fig:frog} in this section for an example.
+
+Note that your figure will automatically be placed in the most appropriate place for it, given the surrounding text and taking into account other figures or tables that may be close by. You can find out more about adding images to your documents in this help article on \href{https://www.overleaf.com/learn/how-to/Including_images_on_Overleaf}{including images on Overleaf}.
+
+\begin{figure}
+\centering
+\includegraphics[width=0.25\linewidth]{frog.jpg}
+\caption{\label{fig:frog}This frog was uploaded via the file-tree menu.}
+\end{figure}
+
+\subsection{How to add Tables}
+
+Use the table and tabular environments for basic tables --- see Table~\ref{tab:widgets}, for example. For more information, please see this help article on \href{https://www.overleaf.com/learn/latex/tables}{tables}. 
+
+\begin{table}
+\centering
+\begin{tabular}{l|r}
+Item & Quantity \\\hline
+Widgets & 42 \\
+Gadgets & 13
+\end{tabular}
+\caption{\label{tab:widgets}An example table.}
+\end{table}
+
+\subsection{How to add Comments and Track Changes}
+
+Comments can be added to your project by highlighting some text and clicking ``Add comment'' in the top right of the editor pane. To view existing comments, click on the Review menu in the toolbar above. To reply to a comment, click on the Reply button in the lower right corner of the comment. You can close the Review pane by clicking its name on the toolbar when you're done reviewing for the time being.
+
+Track changes are available on all our \href{https://www.overleaf.com/user/subscription/plans}{premium plans}, and can be toggled on or off using the option at the top of the Review pane. Track changes allow you to keep track of every change made to the document, along with the person making the change. 
+
+\subsection{How to add Lists}
+
+You can make lists with automatic numbering \dots
+
+\begin{enumerate}
+\item Like this,
+\item and like this.
+\end{enumerate}
+\dots or bullet points \dots
+\begin{itemize}
+\item Like this,
+\item and like this.
+\end{itemize}
+
+\subsection{How to write Mathematics}
+
+\LaTeX{} is great at typesetting mathematics. Let $X_1, X_2, \ldots, X_n$ be a sequence of independent and identically distributed random variables with $\text{E}[X_i] = \mu$ and $\text{Var}[X_i] = \sigma^2 < \infty$, and let
+\[S_n = \frac{X_1 + X_2 + \cdots + X_n}{n}
+      = \frac{1}{n}\sum_{i}^{n} X_i\]
+denote their mean. Then as $n$ approaches infinity, the random variables $\sqrt{n}(S_n - \mu)$ converge in distribution to a normal $\mathcal{N}(0, \sigma^2)$.
+
+
+\subsection{How to change the margins and paper size}
+
+Usually the template you're using will have the page margins and paper size set correctly for that use-case. For example, if you're using a journal article template provided by the journal publisher, that template will be formatted according to their requirements. In these cases, it's best not to alter the margins directly.
+
+If however you're using a more general template, such as this one, and would like to alter the margins, a common way to do so is via the geometry package. You can find the geometry package loaded in the preamble at the top of this example file, and if you'd like to learn more about how to adjust the settings, please visit this help article on \href{https://www.overleaf.com/learn/latex/page_size_and_margins}{page size and margins}.
+
+\subsection{How to change the document language and spell check settings}
+
+Overleaf supports many different languages, including multiple different languages within one document. 
+
+To configure the document language, simply edit the option provided to the babel package in the preamble at the top of this example project. To learn more about the different options, please visit this help article on \href{https://www.overleaf.com/learn/latex/International_language_support}{international language support}.
+
+To change the spell check language, simply open the Overleaf menu at the top left of the editor window, scroll down to the spell check setting, and adjust accordingly.
+
+\subsection{How to add Citations and a References List}
+
+You can simply upload a \verb|.bib| file containing your BibTeX entries, created with a tool such as JabRef. You can then cite entries from it, like this: \cite{greenwade93}. Just remember to specify a bibliography style, as well as the filename of the \verb|.bib|. You can find a \href{https://www.overleaf.com/help/97-how-to-include-a-bibliography-using-bibtex}{video tutorial here} to learn more about BibTeX.
+
+If you have an \href{https://www.overleaf.com/user/subscription/plans}{upgraded account}, you can also import your Mendeley or Zotero library directly as a \verb|.bib| file, via the upload menu in the file-tree.
+
+\subsection{Good luck!}
+
+We hope you find Overleaf useful, and do take a look at our \href{https://www.overleaf.com/learn}{help library} for more tutorials and user guides! Please also let us know if you have any feedback using the Contact Us link at the bottom of the Overleaf menu --- or use the contact form at \url{https://www.overleaf.com/contact}.
+
+\bibliographystyle{alpha}
+\bibliography{sample}
+
+\end{document}
\ No newline at end of file
diff --git a/services/web/app/templates/project_files/example-project/sample.bib b/services/web/app/templates/project_files/example-project/sample.bib
new file mode 100644
index 0000000..a0e21c7
--- /dev/null
+++ b/services/web/app/templates/project_files/example-project/sample.bib
@@ -0,0 +1,9 @@
+@article{greenwade93,
+    author  = "George D. Greenwade",
+    title   = "The {C}omprehensive {T}ex {A}rchive {N}etwork ({CTAN})",
+    year    = "1993",
+    journal = "TUGBoat",
+    volume  = "14",
+    number  = "3",
+    pages   = "342--351"
+}
diff --git a/services/web/app/templates/project_files/main.tex b/services/web/app/templates/project_files/main.tex
new file mode 100644
index 0000000..0d6646a
--- /dev/null
+++ b/services/web/app/templates/project_files/main.tex
@@ -0,0 +1,30 @@
+\documentclass{article}
+
+\title{<%= project_name %>}
+\author{<%= user.first_name %> <%= user.last_name %>}
+\date{<%= month %> <%= year %>}
+
+\usepackage{natbib}
+\usepackage{graphicx}
+
+\begin{document}
+
+\maketitle
+
+\section{Introduction}
+There is a theory which states that if ever anyone discovers exactly what the Universe is for and why it is here, it will instantly disappear and be replaced by something even more bizarre and inexplicable.
+There is another theory which states that this has already happened.
+
+\begin{figure}[h!]
+\centering
+\includegraphics[scale=1.7]{universe}
+\caption{The Universe}
+\label{fig:universe}
+\end{figure}
+
+\section{Conclusion}
+``I always thought something was fundamentally wrong with the universe'' \citep{adams1995hitchhiker}
+
+\bibliographystyle{plain}
+\bibliography{references}
+\end{document}
diff --git a/services/web/app/templates/project_files/mainbasic.tex b/services/web/app/templates/project_files/mainbasic.tex
new file mode 100644
index 0000000..aa025f2
--- /dev/null
+++ b/services/web/app/templates/project_files/mainbasic.tex
@@ -0,0 +1,14 @@
+\documentclass{article}
+\usepackage{graphicx} % Required for inserting images
+
+\title{<%= project_name %>}
+\author{<%= user.first_name %> <%= user.last_name %>}
+\date{<%= month %> <%= year %>}
+
+\begin{document}
+
+\maketitle
+
+\section{Introduction}
+
+\end{document}
diff --git a/services/web/app/templates/project_files/references.bib b/services/web/app/templates/project_files/references.bib
new file mode 100644
index 0000000..1758b10
--- /dev/null
+++ b/services/web/app/templates/project_files/references.bib
@@ -0,0 +1,8 @@
+@book{adams1995hitchhiker,
+  title={The Hitchhiker's Guide to the Galaxy},
+  author={Adams, D.},
+  isbn={9781417642595},
+  url={http://books.google.com/books?id=W-xMPgAACAAJ},
+  year={1995},
+  publisher={San Val}
+}
diff --git a/services/web/app/templates/project_files/universe.jpg b/services/web/app/templates/project_files/universe.jpg
new file mode 100644
index 0000000..ed19e7d
Binary files /dev/null and b/services/web/app/templates/project_files/universe.jpg differ
diff --git a/services/web/app/views/_cookie_banner.pug b/services/web/app/views/_cookie_banner.pug
new file mode 100644
index 0000000..a164e48
--- /dev/null
+++ b/services/web/app/views/_cookie_banner.pug
@@ -0,0 +1,5 @@
+.cookie-banner.hidden-print.hidden
+    .cookie-banner-content We only use cookies for essential purposes and to improve your experience on our site. You can find out more in our <a href="/legal#Cookies">cookie policy</a>.
+    .cookie-banner-actions
+        button(type="button" class="btn btn-link btn-sm" data-ol-cookie-banner-set-consent="essential") Essential cookies only
+        button(type="button" class="btn btn-primary btn-sm" data-ol-cookie-banner-set-consent="all") Accept all cookies
\ No newline at end of file
diff --git a/services/web/app/views/_customer_io.pug b/services/web/app/views/_customer_io.pug
new file mode 100644
index 0000000..81d75f7
--- /dev/null
+++ b/services/web/app/views/_customer_io.pug
@@ -0,0 +1,26 @@
+if(customerIoEnabled && ExposedSettings.cioWriteKey && ExposedSettings.cioSiteId)
+	script(type="text/javascript", id="cio-loader", nonce=scriptNonce, data-cio-write-key=ExposedSettings.cioWriteKey, data-cio-site-id=ExposedSettings.cioSiteId, data-session-analytics-id=getSessionAnalyticsId(), data-user-id=getLoggedInUserId()).
+		var cioSettings = document.querySelector('#cio-loader').dataset;
+		var analyticsId = cioSettings.sessionAnalyticsId;
+		var siteId = cioSettings.cioSiteId;
+		var writeKey = cioSettings.cioWriteKey;
+		var userId = cioSettings.userId;
+
+		!function(){var i="cioanalytics", analytics=(window[i]=window[i]||[]);if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.setAttribute('data-global-customerio-analytics-key', i);t.src="https://cdp.customer.io/v1/analytics-js/snippet/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._writeKey=key;analytics._loadOptions=e};analytics.SNIPPET_VERSION="4.15.3";
+			analytics.load(
+				writeKey, 
+				{
+					disableClientPersistence: true,
+					"integrations": {
+						"Customer.io In-App Plugin": {
+							siteId
+						}
+					}
+				}
+			);
+			if (analyticsId) {
+				analytics.setAnonymousId(analyticsId);
+			};
+			// If userId is undefined, identify sends only the anonymousId (aka analyticsId)
+			analytics.identify(userId);
+		}}();
diff --git a/services/web/app/views/_google_analytics.pug b/services/web/app/views/_google_analytics.pug
new file mode 100644
index 0000000..56cc291
--- /dev/null
+++ b/services/web/app/views/_google_analytics.pug
@@ -0,0 +1,58 @@
+if (typeof(ExposedSettings.gaTokenV4) != "undefined" || typeof(ExposedSettings.gaToken) != "undefined")
+    script(type="text/javascript", nonce=scriptNonce, id="ga-loader" data-ga-token=ExposedSettings.gaToken data-ga-token-v4=ExposedSettings.gaTokenV4 data-cookie-domain=ExposedSettings.cookieDomain data-session-analytics-id=getSessionAnalyticsId()).
+        var gaSettings = document.querySelector('#ga-loader').dataset;
+        var gaid = gaSettings.gaTokenV4;
+        var gaToken = gaSettings.gaToken;
+        var cookieDomain = gaSettings.cookieDomain;
+        var sessionAnalyticsId = gaSettings.sessionAnalyticsId;
+        if(gaid) {
+            var additionalGaConfig = sessionAnalyticsId ? { 'user_id': sessionAnalyticsId } : {};
+            window.dataLayer = window.dataLayer || [];
+            function gtag(){
+                dataLayer.push(arguments);
+            }
+            gtag('js', new Date());
+            gtag('config', gaid, { 'anonymize_ip': true, ...additionalGaConfig });
+        }
+        if (gaToken) {
+            window.ga = window.ga || function () {
+                (window.ga.q = window.ga.q || []).push(arguments);
+            }, window.ga.l = 1 * new Date();
+        }
+        var loadGA = window.olLoadGA = function() {
+            if (gaid) {
+                var s = document.createElement('script');
+                s.setAttribute('async', 'async');
+                s.setAttribute('src', 'https://www.googletagmanager.com/gtag/js?id=' + gaid);
+                document.querySelector('head').append(s);
+            } 
+            if (gaToken) {
+                (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+                (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+                m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+                })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+                ga('create', gaToken, cookieDomain.replace(/^\./, ""));
+                ga('set', 'anonymizeIp', true);
+                if (sessionAnalyticsId) {
+                    ga('set', 'userId', sessionAnalyticsId);
+                }
+                ga('send', 'pageview');
+            }
+        };
+        // Check if consent given (features/cookie-banner)
+        var oaCookie = document.cookie.split('; ').find(function(cookie) {
+            return cookie.startsWith('oa=');
+        });
+        if(oaCookie) {
+            var oaCookieValue = oaCookie.split('=')[1];
+            if(oaCookieValue === '1') {
+                loadGA();
+            }
+        }
+
+if typeof(ExposedSettings.gaTokenV4) === "undefined"
+  script(type="text/javascript", nonce=scriptNonce).
+    window.gtag = function() { console.log("would send to GA4", arguments) };
+if typeof(ExposedSettings.gaToken) === "undefined"
+  script(type="text/javascript", nonce=scriptNonce).
+    window.ga = function() { console.log("would send to GA", arguments) };
diff --git a/services/web/app/views/_metadata.pug b/services/web/app/views/_metadata.pug
new file mode 100644
index 0000000..a784860
--- /dev/null
+++ b/services/web/app/views/_metadata.pug
@@ -0,0 +1,123 @@
+
+//- Title
+if (metadata && metadata.title)
+	title= metadata.title + ' - ' + settings.appName + ', ' + translate("online_latex_editor")
+	meta(name="twitter:title", content=metadata.title)
+	meta(name="og:title", content=metadata.title)
+else if (typeof(title) == "undefined")
+	title= settings.appName + ', '+ translate("online_latex_editor")
+	meta(name="twitter:title", content=settings.appName + ', '+ translate("online_latex_editor"))
+	meta(name="og:title", content=settings.appName + ', '+ translate("online_latex_editor"))
+else
+	title= translate(title) + ' - ' + settings.appName + ', ' + translate("online_latex_editor")
+	//- to do - not translate?
+	meta(name="twitter:title", content=translate(title))
+	meta(name="og:title", content=translate(title))
+
+//- Description
+if (metadata && metadata.description)
+	meta(name="description" , content=metadata.description)
+	meta(itemprop="description" , content=metadata.description)
+	//-twitter and og descriptions handeled in their sections below
+else
+	meta(name="description", content=translate("site_description"))
+	meta(itemprop="description", content=translate("site_description"))
+
+//- Image
+if (metadata && metadata.image && metadata.image.fields)
+	//- from the CMS
+	meta(itemprop="image", content=metadata.image.fields.file.url)
+	meta(name="image", content=metadata.image.fields.file.url)
+else if (metadata && metadata.image_src)
+	//- pages with custom metadata images, metadata.image_src is the full image URL
+	meta(itemprop="image", content=metadata.image_src)
+	meta(name="image", content=metadata.image_src)
+else if (settings.overleaf)
+	//- the default image for Overleaf
+	meta(itemprop="image", content=buildImgPath('ol-brand/overleaf_og_logo.png'))
+	meta(name="image", content=buildImgPath('ol-brand/overleaf_og_logo.png'))
+else
+	//- the default image for Overleaf Community Edition/Server Pro
+	meta(itemprop="image", content='/apple-touch-icon.png')
+	meta(name="image", content='/apple-touch-icon.png')
+
+//- Keywords
+if (metadata && metadata.keywords)
+	meta(name="keywords" content=metadata.keywords)
+
+//- Misc
+meta(itemprop="name", content=settings.appName + ", the Online LaTeX Editor")
+
+if (metadata && metadata.robotsNoindexNofollow)
+	meta(name="robots" content="noindex, nofollow")
+
+//- Twitter
+meta(name="twitter:card", content=metadata && metadata.twitterCardType ? metadata.twitterCardType : 'summary')
+if (settings.social && settings.social.twitter && settings.social.twitter.handle)
+	meta(name="twitter:site", content="@" + settings.social.twitter.handle)
+if (metadata && metadata.twitterDescription)
+	meta(name="twitter:description", content=metadata.twitterDescription)
+else
+	meta(name="twitter:description", content=translate("site_description"))
+if (metadata && metadata.twitterImage && metadata.twitterImage.fields)
+	//- from the CMS
+	meta(name="twitter:image", content=metadata.twitterImage.fields.file.url)
+	meta(name="twitter:image:alt", content=metadata.twitterImage.fields.title)
+else if (settings.overleaf)
+	//- the default image for Overleaf
+	meta(name="twitter:image", content=buildImgPath('ol-brand/overleaf_og_logo.png'))
+else
+	//- the default image for Overleaf Community Edition/Server Pro
+	meta(name="twitter:image", content='/apple-touch-icon.png')
+
+//- Open Graph
+//- to do - add og:url
+if (settings.social && settings.social.facebook && settings.social.facebook.appId)
+	meta(property="fb:app_id", content=settings.social.facebook.appId)
+
+if (metadata && metadata.openGraphDescription)
+	meta(property="og:description", content=metadata.openGraphDescription)
+else
+	meta(property="og:description", content=translate("site_description"))
+
+if (metadata && metadata.openGraphImage && metadata.openGraphImage.fields)
+	//- from the CMS
+	meta(property="og:image", content=metadata.openGraphImage.fields.file.url)
+else if (settings.overleaf)
+	//- the default image for Overleaf
+	meta(property="og:image", content=buildImgPath('ol-brand/overleaf_og_logo.png'))
+else
+	//- the default image for Overleaf Community Edition/Server Pro
+	meta(property="og:image", content='/apple-touch-icon.png')
+
+if (metadata && metadata.openGraphType)
+	meta(property="og:type", metadata.openGraphType)
+else
+	meta(property="og:type", content="website")
+
+if (metadata && metadata.openGraphVideo)
+	//- from the CMS
+	meta(property="og:video", content=metadata.openGraphVideo)
+
+//- Viewport
+if !metadata || metadata.viewport !== false
+	meta(name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes")
+
+//- Noindex
+if settings.robotsNoindex
+	meta(name="robots" content="noindex")
+
+//- Icons
+link(rel="icon", sizes="32x32", href="/favicon-32x32.png")
+link(rel="icon", sizes="16x16", href="/favicon-16x16.png")
+link(rel="icon", href="/favicon.svg" type="image/svg+xml")
+link(rel="apple-touch-icon", href="/apple-touch-icon.png")
+link(rel="mask-icon", href="/mask-favicon.svg", color="#046530")
+
+//- Canonical Tag for SEO
+if (metadata && metadata.canonicalURL)
+	link(rel="canonical" href=metadata.canonicalURL)
+
+//- Manifest
+//- Does not currently contain a start_url to prevent browser installation prompts
+link(rel="manifest" href="/web.sitemanifest")
diff --git a/services/web/app/views/_mixins/back_to_btns.pug b/services/web/app/views/_mixins/back_to_btns.pug
new file mode 100644
index 0000000..da1c9c0
--- /dev/null
+++ b/services/web/app/views/_mixins/back_to_btns.pug
@@ -0,0 +1,4 @@
+mixin back-to-btns(settingsAnchor)
+	a.btn.btn-secondary.text-capitalize(href=`/user/settings${settingsAnchor ? '#' + settingsAnchor : '' }`) #{translate('back_to_account_settings')}
+	| 
+	a.btn.btn-secondary.text-capitalize(href='/project') #{translate('back_to_your_projects')}
\ No newline at end of file
diff --git a/services/web/app/views/_mixins/begin_now_card.pug b/services/web/app/views/_mixins/begin_now_card.pug
new file mode 100644
index 0000000..8f99195
--- /dev/null
+++ b/services/web/app/views/_mixins/begin_now_card.pug
@@ -0,0 +1,25 @@
+mixin begin_now_card()
+	- var registerURL = '/register'
+	- var plansURL = '/user/subscription/plans'
+	- var isUserLoggedIn = !!getSessionUser()
+
+	.begin-now-card
+		div.card.card-pattern
+			.card-body
+				p.dm-mono
+					span.font-size-display-xs
+						span.text-purple-bright \begin
+						wbr
+						span.text-green-bright {
+						span now
+						span.text-green-bright }
+				p #{translate("discover_why_over_people_worldwide_trust_overleaf", {count: settings.userCountInMillions})}
+				p.card-links
+					if !isUserLoggedIn
+						a.btn.btn-primary.card-link(
+							href=registerURL
+						) #{translate("sign_up_for_free")}
+					a.btn.card-link(
+						class = isUserLoggedIn ? 'btn-primary' : 'btn-secondary'
+						href=plansURL
+					) #{translate("explore_all_plans")}
diff --git a/services/web/app/views/_mixins/bookmarkable_tabset.pug b/services/web/app/views/_mixins/bookmarkable_tabset.pug
new file mode 100644
index 0000000..27ac74e
--- /dev/null
+++ b/services/web/app/views/_mixins/bookmarkable_tabset.pug
@@ -0,0 +1,10 @@
+mixin bookmarkable-tabset-header(id, title, active)
+	li(role="presentation")
+		a.nav-link(
+			href='#' + id
+			class=(active ? 'active' : '')
+			aria-controls=id
+			role="tab"
+			data-toggle="tab"
+			data-ol-bookmarkable-tab
+		) #{title}
diff --git a/services/web/app/views/_mixins/bootstrap_js.pug b/services/web/app/views/_mixins/bootstrap_js.pug
new file mode 100644
index 0000000..866b0b4
--- /dev/null
+++ b/services/web/app/views/_mixins/bootstrap_js.pug
@@ -0,0 +1,3 @@
+mixin bootstrap-js(bootstrapVersion)
+	each file in (entrypointScripts(bootstrapVersion === 5 ? 'bootstrap-5' : 'bootstrap-3'))
+		script(type="text/javascript", nonce=scriptNonce, src=file)
diff --git a/services/web/app/views/_mixins/eyebrow.pug b/services/web/app/views/_mixins/eyebrow.pug
new file mode 100644
index 0000000..c5f01a1
--- /dev/null
+++ b/services/web/app/views/_mixins/eyebrow.pug
@@ -0,0 +1,5 @@
+mixin eyebrow(text)
+    span.eyebrow-text
+        span(aria-hidden="true") {
+        span #{text}
+        span(aria-hidden="true") }
\ No newline at end of file
diff --git a/services/web/app/views/_mixins/faq_search-marketing.pug b/services/web/app/views/_mixins/faq_search-marketing.pug
new file mode 100644
index 0000000..8ec136e
--- /dev/null
+++ b/services/web/app/views/_mixins/faq_search-marketing.pug
@@ -0,0 +1,30 @@
+mixin faq_search-marketing(headerText, headerClass)
+	if (typeof(settings.algolia) != "undefined" && typeof(settings.algolia.indexes) != "undefined" && typeof(settings.algolia.indexes.wiki) != "undefined")
+		if headerText
+			div(class=headerClass) #{headerText}
+		.wiki
+			form.project-search.form-horizontal(role="search" data-ol-faq-search)
+				.form-group.has-feedback.has-feedback-left
+					.col-sm-12
+						input.form-control(type='text', placeholder="Search help library…")
+						i.fa.fa-search.form-control-feedback-left(aria-hidden="true")
+						i.fa.fa-times.form-control-feedback(
+							style="cursor: pointer;",
+							hidden
+							data-ol-clear-search
+							aria-hidden="true"
+						)
+						button.sr-only(
+							type="button"
+							hidden
+							data-ol-clear-search
+							aria-label=translate('clear_search')
+						)
+
+				.row(role="region" aria-label="search results")
+					.col-md-12()
+						div(data-ol-search-results-wrapper)
+							span.sr-only(aria-live="polite" data-ol-search-sr-help-message)
+							div(data-ol-search-results)
+						.row-spaced-small.search-result.card.card-thin(hidden data-ol-search-no-results)
+							p #{translate("no_search_results")}
diff --git a/services/web/app/views/_mixins/foot_scripts.pug b/services/web/app/views/_mixins/foot_scripts.pug
new file mode 100644
index 0000000..c6b65e8
--- /dev/null
+++ b/services/web/app/views/_mixins/foot_scripts.pug
@@ -0,0 +1,6 @@
+mixin foot-scripts()
+	each file in entrypointScripts(entrypoint)
+		script(type="text/javascript", nonce=scriptNonce, src=file, defer=deferScripts)
+	if (settings.devToolbar.enabled)
+		each file in entrypointScripts("devToolbar")
+			script(type="text/javascript", nonce=scriptNonce, src=file, defer=deferScripts)
diff --git a/services/web/app/views/_mixins/formMessages.pug b/services/web/app/views/_mixins/formMessages.pug
new file mode 100644
index 0000000..9ea2392
--- /dev/null
+++ b/services/web/app/views/_mixins/formMessages.pug
@@ -0,0 +1,91 @@
+mixin formMessages()
+	div(
+		data-ol-form-messages='',
+		role="alert"
+	)
+
+mixin formMessagesNewStyle()
+	div(
+		data-ol-form-messages-new-style='',
+		role="alert"
+	)
+
+mixin customFormMessage(key, kind)
+	if kind === 'success'
+		div.alert.alert-success(
+			hidden,
+			data-ol-custom-form-message=key,
+			role="alert"
+			aria-live="polite"
+		)
+			block
+	else if kind === 'danger'
+		div.alert.alert-danger(
+			hidden,
+			data-ol-custom-form-message=key,
+			role="alert"
+			aria-live="assertive"
+		)
+			block
+	else
+		div.alert.alert-warning(
+			hidden,
+			data-ol-custom-form-message=key,
+			role="alert"
+			aria-live="polite"
+		)
+			block
+
+mixin customFormMessageNewStyle(key, kind)
+	if kind === 'success'
+		div.notification.notification-type-success(
+				hidden,
+				data-ol-custom-form-message=key,
+				role="alert"
+				aria-live="polite"
+			)
+			div.notification-icon
+				span.material-symbols(aria-hidden="true") check_circle
+			div.notification-content.text-left
+				block
+	else if kind === 'danger'
+		div.notification.notification-type-error(
+			hidden,
+			data-ol-custom-form-message=key,
+			role="alert"
+			aria-live="polite"
+		)
+			div.notification-icon
+				span.material-symbols(aria-hidden="true") error
+			div.notification-content.text-left
+				block
+	else
+		div.notification.notification-type-warning(
+				hidden,
+				data-ol-custom-form-message=key,
+				role="alert"
+				aria-live="polite"
+			)
+			div.notification-icon
+				span.material-symbols(aria-hidden="true") warning
+			div.notification-content.text-left
+				block
+
+mixin customValidationMessage(key)
+	div.invalid-feedback.mt-2(
+		hidden,
+		data-ol-custom-form-message=key
+	)
+		i.fa.fa-fw.fa-warning.me-1(aria-hidden="true")
+		div
+			block
+
+mixin customValidationMessageNewStyle(key)
+	div.notification.notification-type-error(
+			hidden,
+			data-ol-custom-form-message=key
+		)
+		div.notification-icon
+			span.material-symbols(aria-hidden="true") error
+		div.notification-content.text-left.small
+			block
diff --git a/services/web/app/views/_mixins/links.pug b/services/web/app/views/_mixins/links.pug
new file mode 100644
index 0000000..9036f86
--- /dev/null
+++ b/services/web/app/views/_mixins/links.pug
@@ -0,0 +1,123 @@
+mixin linkAdvisors(linkText, linkClass, track)
+	//- To Do: verify path
+	- var gaCategory = track && track.category ? track.category : 'All'
+	- var gaAction = track && track.action ? track.action : null
+	- var gaLabel = track && track.label ? track.label : null
+	- var mb = track && track.mb ? 'true' : null
+	- var mbSegmentation = track && track.segmentation ? track.segmentation : null
+	- var trigger = track && track.trigger ? track.trigger : null
+	a(href="/advisors" 
+		class=linkClass ? linkClass : ''
+		event-tracking-ga=gaCategory
+		event-tracking=gaAction
+		event-tracking-label=gaLabel
+		event-tracking-trigger=trigger
+		event-tracking-mb=mb
+		event-segmentation=mbSegmentation
+	)
+		span #{linkText ? linkText : 'advisor programme'}
+
+mixin linkBenefits(linkText, linkClass)
+	a(href=(settings.siteUrl ? settings.siteUrl : '') + "/for/authors" class=linkClass ? linkClass : '')
+		| #{linkText ? linkText : 'benefits'}
+		
+mixin linkBlog(linkText, linkClass, slug)
+	if slug
+		a(href=(settings.siteUrl ? settings.siteUrl : '') + "/blog/" + slug class=linkClass ? linkClass : '')
+			| #{linkText ? linkText : 'blog'}
+
+mixin linkContact(linkText, linkClass)
+	a(href=(settings.siteUrl ? settings.siteUrl : '') + "/contact" class=linkClass ? linkClass : '')
+		| #{linkText ? linkText : 'contact'}
+
+mixin linkDash(linkText, linkClass)
+	a(href="/project" class=linkClass ? linkClass : '')
+		| #{linkText ? linkText : 'project dashboard'}
+
+mixin linkEducation(linkText, linkClass)
+	a(href=(settings.siteUrl ? settings.siteUrl : '') + "/for/edu" class=linkClass ? linkClass : '')
+		| #{linkText ? linkText : 'teaching toolkit'}
+
+mixin linkInvite(linkText, linkClass, track)
+	- var gaCategory = track && track.category ? track.category : 'All'
+	- var gaAction = track && track.action ? track.action : null
+	- var gaLabel = track && track.label ? track.label : null
+	- var mb = track && track.mb ? 'true' : null
+	- var mbSegmentation = track && track.segmentation ? track.segmentation : null
+	- var trigger = track && track.trigger ? track.trigger : null
+
+	a(href="/user/bonus"
+		class=linkClass ? linkClass : ''
+		event-tracking-ga=gaCategory
+		event-tracking=gaAction
+		event-tracking-label=gaLabel
+		event-tracking-trigger=trigger
+		event-tracking-mb=mb
+		event-segmentation=mbSegmentation
+	)
+		span #{linkText ? linkText : 'invite your friends'}
+
+mixin linkPlansAndPricing(linkText, linkClass)
+	a(href="/user/subscription/plans" class=linkClass ? linkClass : '')
+		| #{linkText ? linkText : 'plans and pricing'}
+
+mixin linkPrintNewTab(linkText, linkClass, icon, track)
+	- var gaCategory = track && track.category ? track.category : null
+	- var gaAction = track && track.action ? track.action : null
+	- var gaLabel = track && track.label ? track.label : null
+	- var mb = track && track.mb ? 'true' : null
+	- var mbSegmentation = track && track.segmentation ? track.segmentation : null
+	- var trigger = track && track.trigger ? track.trigger : null
+
+	a(href='?media=print'
+		class=linkClass ? linkClass : ''
+		event-tracking-ga=gaCategory
+		event-tracking=gaAction
+		event-tracking-label=gaLabel
+		event-tracking-trigger=trigger
+		event-tracking-mb=mb
+		event-segmentation=mbSegmentation
+		target="_BLANK",
+		rel="noopener noreferrer"
+	)
+		if icon
+			i(class="fa fa-print")
+			| &nbsp;
+		span #{linkText ? linkText : 'print'}
+
+mixin linkSignIn(linkText, linkClass, redirect)
+	a(href=`/login${redirect ? '?redir=' + redirect : ''}` class=linkClass ? linkClass : '')
+		| #{linkText ? linkText : 'sign in'}
+
+mixin linkSignUp(linkText, linkClass, redirect)
+	a(href=`/register${redirect ? '?redir=' + redirect : ''}` class=linkClass ? linkClass : '')
+		| #{linkText ? linkText : 'sign up'}
+
+mixin linkTweet(linkText, linkClass, tweetText, track)
+	//- twitter-share-button is required by twitter
+	- var gaCategory = track && track.category ? track.category : 'All'
+	- var gaAction = track && track.action ? track.action : null
+	- var gaLabel = track && track.label ? track.label : null
+	- var mb = track && track.mb ? 'true' : null
+	- var mbSegmentation = track && track.segmentation ? track.segmentation : null
+	- var trigger = track && track.trigger ? track.trigger : null
+	a(class="twitter-share-button " + linkClass
+		event-tracking-ga=gaCategory
+		event-tracking=gaAction
+		event-tracking-label=gaLabel
+		event-tracking-trigger=trigger
+		event-tracking-mb=mb
+		event-segmentation=mbSegmentation
+		href="https://twitter.com/intent/tweet?text=" + tweetText
+		target="_BLANK",
+		rel="noopener noreferrer"
+	) #{linkText ? linkText : 'tweet'}
+
+mixin linkUniversities(linkText, linkClass)
+	a(href=(settings.siteUrl ? settings.siteUrl : '') + "/for/universities" class=linkClass ? linkClass : '')
+		| #{linkText ? linkText : 'universities'}
+
+mixin linkWithArrow({text, href, eventTracking, eventSegmentation, eventTrackingTrigger})
+	a.link-with-arrow(href=href event-tracking=eventTracking event-segmentation=eventSegmentation, event-tracking-trigger=eventTrackingTrigger event-tracking-mb)
+		| #{text}
+		i.material-symbols(aria-hidden="true") arrow_right_alt
diff --git a/services/web/app/views/_mixins/navbar.pug b/services/web/app/views/_mixins/navbar.pug
new file mode 100644
index 0000000..f3482d3
--- /dev/null
+++ b/services/web/app/views/_mixins/navbar.pug
@@ -0,0 +1,23 @@
+mixin nav-item
+	li(role="none")&attributes(attributes)
+		block
+
+mixin nav-link
+	a(role="menuitem").nav-link&attributes(attributes)
+		block
+
+mixin dropdown-menu
+	ul(role="menu").dropdown-menu&attributes(attributes)
+		block
+
+mixin dropdown-menu-item
+	li(role="none")
+		block
+
+mixin dropdown-menu-link-item
+	+dropdown-menu-item
+		a(role="menuitem").dropdown-item&attributes(attributes)
+			block
+		
+mixin dropdown-menu-divider
+	li(role="separator").dropdown-divider.d-none.d-lg-block
diff --git a/services/web/app/views/_mixins/notification.pug b/services/web/app/views/_mixins/notification.pug
new file mode 100644
index 0000000..3e336af
--- /dev/null
+++ b/services/web/app/views/_mixins/notification.pug
@@ -0,0 +1,42 @@
+//- to be kept in sync with frontend/js/shared/components/notification.tsx
+
+mixin notificationIcon(type)
+	if type === 'info'
+		span.material-symbols(aria-hidden="true") info
+	else if type === 'success'
+		span.material-symbols(aria-hidden="true") check_circle
+	else if type === 'error'
+		span.material-symbols(aria-hidden="true") error
+	else if type === 'warning'
+		span.material-symbols(aria-hidden="true") warning
+
+
+mixin notification(options)
+	- var {ariaLive, id, type, title, content, disclaimer, className} = options
+	- var classNames = `notification notification-type-${type} ${className ? className : ''} ${isActionBelowContent ? 'notification-cta-below-content' : ''}`
+
+	div(
+		aria-live=ariaLive,
+		role="alert",
+		id=id,
+		class=classNames
+	)
+		.notification-icon
+			+notificationIcon(type)
+		.notification-content-and-cta
+			.notification-content
+				if title
+					p
+						b #{title}
+				| !{content}
+			//- TODO: handle action
+			//- if action
+			//- 	.notification-cta
+			if disclaimer
+				.notification-disclaimer #{disclaimer}
+		//- TODO: handle dismissible notifications
+		//- TODO: handle onDismiss
+		//- if isDismissible
+		//- 	.notification-close-btn
+		//- 		button(aria-label=translate('close'))
+		//- 			span.material-symbols(aria-hidden="true") close
diff --git a/services/web/app/views/_mixins/pagination.pug b/services/web/app/views/_mixins/pagination.pug
new file mode 100644
index 0000000..ef5f62b
--- /dev/null
+++ b/services/web/app/views/_mixins/pagination.pug
@@ -0,0 +1,86 @@
+mixin pagination(pages, page_path, max_btns)
+	//- @param pages.current_page the current page viewed
+	//- @param pages.total_pages previously calculated,
+	//- based on total entries and entries per page
+	//- @param page_path the relative path, minus a trailing slash and page param
+	//- @param max_btns max number of buttons on either side of the current page
+	//- button and excludes first, prev, next, last
+
+	if pages && pages.current_page && pages.total_pages && pages.total_pages > 1
+		- var max_btns = max_btns || 4
+		- var prev_page = Math.max(parseInt(pages.current_page, 10) - max_btns, 1)
+		- var next_page = parseInt(pages.current_page, 10) + 1
+		- var next_index = 0;
+		- var full_page_path = page_path + "/page/"
+
+		nav(role="navigation" aria-label=(translate("pagination_navigation")))
+			ul.pagination
+				if pages.current_page > 1
+					li
+						a(
+							aria-label=translate("go_to_first_page")
+							href=page_path
+						)
+							span(aria-hidden="true") &lt;&lt;
+							|
+							| First
+					li
+						a(
+							aria-label=translate("go_to_previous_page")
+							href=full_page_path + (parseInt(pages.current_page, 10) - 1)
+							rel="prev"
+						)
+							span(aria-hidden="true") &lt;
+							|
+							| Prev
+
+				if pages.current_page - max_btns > 1
+					li(aria-hidden="true")
+						span …
+
+				while prev_page < pages.current_page
+					li
+						a(
+							aria-label=translate("go_to_page_x", {page: prev_page})
+							href=full_page_path + prev_page
+						) #{prev_page}
+						- prev_page++
+
+				li(class="active")
+					span(
+						aria-label=translate("current_page_page", {page: pages.current_page})
+						aria-current="true"
+					) #{pages.current_page}
+
+				if pages.current_page < pages.total_pages
+					while next_page <= pages.total_pages && next_index < max_btns
+						li
+							a(
+								aria-label=translate("go_to_page_x", {page: next_page})
+								href=full_page_path + next_page
+							) #{next_page}
+						- next_page++
+						- next_index++
+
+					if next_page <= pages.total_pages 
+						li.ellipses(aria-hidden="true")
+							span …
+
+					li
+						a(
+							aria-label=translate("go_to_next_page")
+							href=full_page_path + (parseInt(pages.current_page, 10) + 1)
+							rel="next"
+						)
+							| Next
+							|
+							span(aria-hidden="true") &gt;
+
+					li
+						a(
+							aria-label=translate("go_to_last_page")
+							href=full_page_path + pages.total_pages
+						)
+							| Last
+							|
+							span(aria-hidden="true") &gt;&gt;
diff --git a/services/web/app/views/_mixins/previous_page_link.pug b/services/web/app/views/_mixins/previous_page_link.pug
new file mode 100644
index 0000000..5218c6a
--- /dev/null
+++ b/services/web/app/views/_mixins/previous_page_link.pug
@@ -0,0 +1,4 @@
+mixin previous-page-link(href, text)
+	a.previous-page-link(href=href)
+		i.material-symbols.material-symbols-rounded(aria-hidden="true") arrow_left_alt
+		| #{text}
diff --git a/services/web/app/views/_mixins/quote.pug b/services/web/app/views/_mixins/quote.pug
new file mode 100644
index 0000000..b8065db
--- /dev/null
+++ b/services/web/app/views/_mixins/quote.pug
@@ -0,0 +1,54 @@
+mixin quoteLargeTextCentered(quote, person, position, affiliation, link, pictureUrl, pictureAltAttr)
+	blockquote.quote-large-text-centered
+		.quote !{quote}
+		if pictureUrl
+			.quote-img
+				img(src=pictureUrl alt=pictureAltAttr)
+		footer
+			div.quote-person
+				strong #{person}
+			if person && position
+				div #{position}
+				if affiliation
+					div #{affiliation}
+			if link
+				.quote-link !{link}
+
+mixin quoteLeftGreenBorder({quote, person, position, affiliation, link})
+	blockquote.quote-left-green-border
+		.quote !{quote}
+		footer
+			| #{person}
+			| #{position || affiliation ? ',' : ''}
+			| #{position}
+			| #{position && affiliation ? ' at ' : ''}
+			| #{affiliation}
+			if link
+				.quote-link !{link}
+
+mixin collinsQuote1
+	.card.card-dark-green-bg
+		-var quote = 'Overleaf is indispensable for us. We use it in our research, thesis writing, project proposals, and manuscripts for publication. When it comes to writing, it’s our main tool.'
+		-var quotePerson = 'Christopher Collins'
+		-var quotePersonPosition = 'Associate Professor and Lab Director, Ontario Tech University'
+		-var quotePersonImg = buildImgPath("advocates/collins.jpg")
+		.card-body
+			+quoteLargeTextCentered(quote, quotePerson, quotePersonPosition, null, null, quotePersonImg, quotePerson)
+
+mixin collinsQuote2
+	.card.card-dark-green-bg
+		-var quote = 'We are writing collaboratively right up until the last minute. We are faced with deadlines all the time, and Overleaf gives us the ability to polish right up until the last possible second.'
+		-var quotePerson = 'Christopher Collins'
+		-var quotePersonPosition = 'Associate Professor and Lab Director, Ontario Tech University'
+		-var quotePersonImg = buildImgPath("advocates/collins.jpg")
+		.card-body
+			+quoteLargeTextCentered(quote, quotePerson, quotePersonPosition, null, null, quotePersonImg, quotePerson)
+
+mixin bennettQuote1
+	.card.card-dark-green-bg
+		-var quote = 'With Overleaf, we now have a process for developing technical documentation which has virtually eliminated the time required to properly format and layout documents.'
+		-var quotePerson = 'Andrew Bennett'
+		-var quotePersonPosition = 'Software Architect, Symplectic'
+		-var quotePersonImg = buildImgPath("advocates/bennett.jpg")
+		.card-body
+			+quoteLargeTextCentered(quote, quotePerson, quotePersonPosition, null, null, quotePersonImg, quotePerson)
\ No newline at end of file
diff --git a/services/web/app/views/_mixins/recaptcha.pug b/services/web/app/views/_mixins/recaptcha.pug
new file mode 100644
index 0000000..24e0c50
--- /dev/null
+++ b/services/web/app/views/_mixins/recaptcha.pug
@@ -0,0 +1,2 @@
+mixin recaptchaConditions()
+	.recaptcha-branding !{translate("recaptcha_conditions", {}, [{}, {name: 'a', attrs: {href: 'https://policies.google.com/privacy', rel: 'noopener noreferrer', target: '_blank'}}, {name: 'a', attrs: {href: 'https://policies.google.com/terms', rel: 'noopener noreferrer', target: '_blank'}}])}
diff --git a/services/web/app/views/_mixins/reconfirm_affiliation-marketing.pug b/services/web/app/views/_mixins/reconfirm_affiliation-marketing.pug
new file mode 100644
index 0000000..c42a3b4
--- /dev/null
+++ b/services/web/app/views/_mixins/reconfirm_affiliation-marketing.pug
@@ -0,0 +1,61 @@
+mixin reconfirmAffiliationNotification-marketing(userEmail, location)
+	form(
+		data-ol-async-form
+		action='/user/emails/send-reconfirmation'
+	)
+		input(name="_csrf" type="hidden" value=csrfToken)
+		input(name="email" type="hidden" value=userEmail.email)
+		+formMessages()
+
+		.reconfirm-notification
+			div(data-ol-not-sent style="width:100%;")
+				i.fa.fa-warning
+
+				- var ssoEnabled = userEmail.affiliation && userEmail.affiliation.institution && userEmail.affiliation.institution.ssoEnabled
+				if ssoEnabled
+					- var institutionId = userEmail.affiliation && userEmail.affiliation.institution && userEmail.affiliation.institution.id
+					a.btn-reconfirm.btn.btn-sm.btn-info(
+						data-ol-slow-link
+						href=`${settings.saml.ukamf.initPath}?university_id=${institutionId}&reconfirm=${location}`
+					)
+						span(data-ol-inflight="idle") #{translate("confirm_affiliation")}
+						span(hidden data-ol-inflight="pending") #{translate("pending")}…
+
+				else
+					button.btn-reconfirm.btn.btn-sm.btn-info(
+						type="submit"
+						data-ol-disabled-inflight
+					)
+						span(data-ol-inflight="idle") #{translate("confirm_affiliation")}
+						span(hidden data-ol-inflight="pending") #{translate("pending")}…
+
+				| !{translate("are_you_still_at", {institutionName: userEmail.affiliation.institution.name}, ['strong'])}&nbsp;
+
+				if location == '/user/settings'
+					| !{translate('please_reconfirm_institutional_email', {}, [{ name: 'span' }])}
+					if userEmail.default
+						span &nbsp;#{translate('need_to_add_new_primary_before_remove')}
+				else
+					| !{translate("please_reconfirm_institutional_email", {}, [{name: 'a', attrs: {href: '/user/settings?remove=' + userEmail.email}}])}
+
+				| &nbsp;
+				a(href="/learn/how-to/Institutional_Email_Reconfirmation" target="_blank") #{translate("learn_more")}
+
+			div(hidden data-ol-sent)
+				| !{translate("please_check_your_inbox_to_confirm", {institutionName: userEmail.affiliation.institution.name}, ['strong'])}
+				| &nbsp;
+				button.btn-inline-link(
+					type="submit"
+					data-ol-disabled-inflight
+				)
+					span(data-ol-inflight="idle") #{translate('resend_confirmation_email')}
+					span(hidden data-ol-inflight="pending") #{translate("pending")}…
+
+mixin reconfirmedAffiliationNotification-marketing(userEmail)
+	.alert.alert-info
+		.reconfirm-notification
+			div(style="width:100%;")
+				//- extra div for flex styling
+				| !{translate("your_affiliation_is_confirmed", {institutionName: userEmail.affiliation.institution.name}, ['strong'])}
+				|
+				| #{translate('thank_you_exclamation')}
diff --git a/services/web/app/views/_mixins/terms_of_service.pug b/services/web/app/views/_mixins/terms_of_service.pug
new file mode 100644
index 0000000..0fc3887
--- /dev/null
+++ b/services/web/app/views/_mixins/terms_of_service.pug
@@ -0,0 +1,3 @@
+mixin termsOfServiceAgreement
+	div.tos-agreement-notice
+		| !{translate("by_registering_you_agree_to_our_terms_of_service", {}, [{name: 'a', attrs: {href: '/legal#Terms', target: '_blank'}}, {name: 'a', attrs: {href: '/legal#Privacy', target: '_blank'}}])}
diff --git a/services/web/app/views/admin/index.pug b/services/web/app/views/admin/index.pug
new file mode 100644
index 0000000..aaf2228
--- /dev/null
+++ b/services/web/app/views/admin/index.pug
@@ -0,0 +1,102 @@
+extends ../layout-marketing
+include ../_mixins/bookmarkable_tabset
+
+block content
+	.content.content-alt#main-content
+		.container
+			.row
+				.col-sm-12
+					.card
+						.card-body
+							.page-header
+								h1 Admin Panel
+							.ol-tabs(data-ol-bookmarkable-tabset)
+								.nav-tabs-container
+									ul.nav.nav-tabs.align-left(role="tablist")
+										+bookmarkable-tabset-header('system-messages', 'System Messages', true)
+										+bookmarkable-tabset-header('open-sockets', 'Open Sockets')
+										+bookmarkable-tabset-header('open-close-editor', 'Open/Close Editor')
+										if hasFeature('saas')
+											+bookmarkable-tabset-header('tpds', 'TPDS/Dropbox Management')
+
+								.tab-content
+									.tab-pane.active(
+										role="tabpanel"
+										id='system-messages'
+									)
+										each message in systemMessages
+											ul.system-messages
+												li.system-message.row-spaced #{message.content}
+										hr
+										form(method='post', action='/admin/messages')
+											input(name="_csrf", type="hidden", value=csrfToken)
+											.form-group
+												label.form-label(for="content")
+												input.form-control(name="content", type="text", placeholder="Message…", required)
+											button.btn.btn-primary(type="submit") Post Message
+										hr
+										form(method='post', action='/admin/messages/clear')
+											input(name="_csrf", type="hidden", value=csrfToken)
+											button.btn.btn-danger(type="submit") Clear all messages
+
+									.tab-pane(
+										role="tabpanel"
+										id='open-sockets'
+									)
+										.row-spaced
+											ul
+												each agents, url in openSockets
+													li #{url} - total : #{agents.length}
+														ul
+															each agent in agents
+																li #{agent}
+
+									.tab-pane(
+										role="tabpanel"
+										id='open-close-editor'
+									)
+										if hasFeature('saas')
+											| The "Open/Close Editor" feature is not available in SAAS.
+										else
+											.row-spaced
+												form(method='post',action='/admin/closeEditor')
+													input(name="_csrf", type="hidden", value=csrfToken)
+													button.btn.btn-danger(type="submit") Close Editor
+												p.small Will stop anyone opening the editor. Will NOT disconnect already connected users.
+
+											.row-spaced
+												form(method='post',action='/admin/disconnectAllUsers')
+													input(name="_csrf", type="hidden", value=csrfToken)
+													button.btn.btn-danger(type="submit") Disconnect all users
+												p.small Will force disconnect all users with the editor open. Make sure to close the editor first to avoid them reconnecting.
+
+											.row-spaced
+												form(method='post',action='/admin/openEditor')
+													input(name="_csrf", type="hidden", value=csrfToken)
+													button.btn.btn-danger(type="submit") Reopen Editor
+												p.small Will reopen the editor after closing.
+
+									if hasFeature('saas')
+										.tab-pane(
+											role="tabpanel"
+											id='tpds'
+										)
+											h3 Flush project to TPDS
+											.row
+												form.col-xs-6(method='post',action='/admin/flushProjectToTpds')
+													input(name="_csrf", type="hidden", value=csrfToken)
+													.form-group
+														label.form-label(for='project_id') project_id
+														input.form-control(type='text',  name='project_id', placeholder='project_id', required)
+													.form-group
+														button.btn-primary.btn(type='submit') Flush
+											hr
+											h3 Poll Dropbox for user
+											.row
+												form.col-xs-6(method='post',action='/admin/pollDropboxForUser')
+													input(name="_csrf", type="hidden", value=csrfToken)
+													.form-group
+														label.form-label(for='user_id') user_id
+														input.form-control(type='text',  name='user_id', placeholder='user_id', required)
+													.form-group
+														button.btn-primary.btn(type='submit') Poll
diff --git a/services/web/app/views/beta_program/opt_in.pug b/services/web/app/views/beta_program/opt_in.pug
new file mode 100644
index 0000000..2bbc26c
--- /dev/null
+++ b/services/web/app/views/beta_program/opt_in.pug
@@ -0,0 +1,75 @@
+extends ../layout-marketing
+include ../_mixins/back_to_btns
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	main.content.content-alt#main-content
+		.container.beta-opt-in-wrapper
+			.row
+				.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
+					.card
+						.page-header
+							h1 
+								| #{translate("sharelatex_beta_program")}
+						.beta-opt-in
+							.container-fluid
+								.row
+									.col-md-12
+										if user.betaProgram
+											p.text-centered
+												strong #{translate("beta_program_already_participating")}.
+											p !{translate("thank_you_for_being_part_of_our_beta_program", {}, ['strong'])}.
+										else
+											p.text-centered
+												strong #{translate("beta_program_not_participating")}.
+											p !{translate("beta_program_benefits", {}, ['strong'])}
+
+										p #[strong How it works:]
+										ul
+											li #{translate("beta_program_badge_description")}&nbsp;#[span(aria-label=translate("beta_feature_badge") role="img").beta-badge]
+											li !{translate("you_will_be_able_to_contact_us_any_time_to_share_your_feedback", {}, ['strong'])}.
+											li !{translate("we_may_also_contact_you_from_time_to_time_by_email_with_a_survey", {}, ['strong'])}.
+											li !{translate("you_can_opt_in_and_out_of_the_program_at_any_time_on_this_page", {}, ['strong'])}.
+										p !{translate("note_features_under_development", {}, ['strong'])}.
+
+								.row.text-centered
+									.col-md-12
+										if user.betaProgram
+											form(
+												data-ol-regular-form
+												method="post"
+												action="/beta/opt-out"
+												novalidate
+											)
+												input(type="hidden", name="_csrf", value=csrfToken)
+												.form-group
+													a(
+														href="https://forms.gle/CFEsmvZQTAwHCd3X9"
+														target="_blank"
+														rel="noopener noreferrer"
+													).btn.btn-primary.btn-lg #{translate("give_feedback")}
+												.form-group
+													button.btn.btn-secondary-info.btn-secondary.btn-sm(
+														type="submit"
+														data-ol-disabled-inflight
+													)
+														span(data-ol-inflight="idle") #{translate("beta_program_opt_out_action")}
+														span(hidden data-ol-inflight="pending") #{translate("processing")}…
+										else
+											form(
+												data-ol-regular-form
+												method="post",
+												action="/beta/opt-in"
+											)
+												input(type="hidden", name="_csrf", value=csrfToken)
+												.form-group
+													button.btn.btn-primary(
+														type="submit"
+														data-ol-disabled-inflight
+													)
+														span(data-ol-inflight="idle") #{translate("beta_program_opt_in_action")}
+														span(hidden data-ol-inflight="pending") #{translate("joining")}…
+							.page-separator
+							+back-to-btns()
diff --git a/services/web/app/views/general/400.pug b/services/web/app/views/general/400.pug
new file mode 100644
index 0000000..9fc9782
--- /dev/null
+++ b/services/web/app/views/general/400.pug
@@ -0,0 +1,31 @@
+extends ../layout/layout-no-js
+
+block vars
+	- metadata = { title: 'Something went wrong' }
+	- bootstrap5PageStatus = 'disabled'
+
+block body
+	body.full-height
+		main.content.content-alt.full-height#main-content
+			.container.full-height
+				.error-container.full-height
+					.error-details
+						p.error-status Something went wrong, sorry.
+						p.error-description
+							| There was a problem with your request.
+							if(message)
+								|
+								| The error is:
+						if(message)
+							p.error-box
+								| #{message}
+						p.error-description
+							| Please go back and try again.
+							| If the problem persists, please contact us at
+							|
+							a(href="mailto:" + settings.adminEmail) #{settings.adminEmail}
+							| .
+						p.error-actions
+							a.error-btn(href="javascript:history.back()") Back
+							| &nbsp;
+							a.btn.btn-secondary(href="/") Home
diff --git a/services/web/app/views/general/404.pug b/services/web/app/views/general/404.pug
new file mode 100644
index 0000000..f4b5800
--- /dev/null
+++ b/services/web/app/views/general/404.pug
@@ -0,0 +1,14 @@
+extends ../layout-marketing
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	main.content.content-alt#main-content
+		.container
+			.error-container
+				.error-details
+					p.error-status Not found
+					p.error-description #{translate("cant_find_page")}
+					p.error-actions
+						a.error-btn(href="/") Home
diff --git a/services/web/app/views/general/500.pug b/services/web/app/views/general/500.pug
new file mode 100644
index 0000000..90cb1e3
--- /dev/null
+++ b/services/web/app/views/general/500.pug
@@ -0,0 +1,24 @@
+extends ../layout/layout-no-js
+
+block vars
+	- metadata = { title: 'Something went wrong' }
+	- bootstrap5PageStatus = 'disabled'
+
+block body
+	body.full-height
+		main.content.content-alt.full-height#main-content
+			.container.full-height
+				.error-container.full-height
+					.error-details
+						p.error-status Something went wrong, sorry.
+						p.error-description Our staff are probably looking into this, but if it continues, please check our status page at
+							|
+							|
+							a(href="http://" + settings.statusPageUrl) #{settings.statusPageUrl}
+							|
+							| or contact us at
+							|
+							a(href="mailto:" + settings.adminEmail) #{settings.adminEmail}
+							| .
+						p.error-actions
+							a.error-btn(href="/") Home
diff --git a/services/web/app/views/general/closed.pug b/services/web/app/views/general/closed.pug
new file mode 100644
index 0000000..f401299
--- /dev/null
+++ b/services/web/app/views/general/closed.pug
@@ -0,0 +1,22 @@
+extends ../layout-marketing
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	main.content#main-content
+		.container
+			.row
+				.col-md-8.col-md-offset-2.text-center
+					.page-header
+						h1 Maintenance
+					p
+						if settings.statusPageUrl
+							| #{settings.appName} is currently down for maintenance.
+							| Please check our #[a(href='https://' + settings.statusPageUrl) status page]
+							| for updates.
+						else
+							| #{settings.appName} is currently down for maintenance.
+							| We should be back within minutes, but if not, or you have
+							| an urgent request, please contact us at
+							| &nbsp;#{settings.adminEmail}
diff --git a/services/web/app/views/general/post-gateway.pug b/services/web/app/views/general/post-gateway.pug
new file mode 100644
index 0000000..dcc8441
--- /dev/null
+++ b/services/web/app/views/general/post-gateway.pug
@@ -0,0 +1,26 @@
+extends ../layout-marketing
+
+block vars
+	- var suppressNavbar = true
+	- var suppressFooter = true
+	- var suppressSkipToContent = true
+	- var suppressCookieBanner = true
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	.content.content-alt
+		.container
+			.row
+				.col-md-6.col-md-offset-3
+					.card
+						p.text-center #{translate('processing_your_request')}
+
+	form(
+		data-ol-regular-form
+		data-ol-auto-submit
+		method="POST"
+	)
+		input(name="_csrf" type="hidden" value=csrfToken)
+		input(hidden name="viaGateway" type="submit" value="true")
+		for name in Object.keys(form_data)
+			input(name=name type="hidden" value=form_data[name])
diff --git a/services/web/app/views/general/unsupported-browser.pug b/services/web/app/views/general/unsupported-browser.pug
new file mode 100644
index 0000000..f8806cf
--- /dev/null
+++ b/services/web/app/views/general/unsupported-browser.pug
@@ -0,0 +1,46 @@
+extends ../layout/layout-no-js
+
+block vars
+	- metadata = { title: 'Unsupported browser' }
+	- bootstrap5PageStatus = 'disabled'
+
+block body
+	body.full-height
+		main.content.content-alt.full-height#main-content
+			.container.full-height
+				.error-container.full-height
+					.error-details
+						h1.error-status Unsupported Browser
+						p.error-description
+							| Sorry, we don't support your browser anymore. Please see below what browsers we support.
+							br
+							| If you think you're seeing this message in error,
+							|
+							a(href="mailto:" + settings.adminEmail) please let us know
+							| .
+
+						if fromURL
+							p
+								| URL:
+								|
+								a(href=fromURL) #{fromURL}
+
+						hr
+
+						p
+							| Overleaf officially supports versions of Chrome, Firefox, Safari and Microsoft Edge released in the last 12 months.
+							br
+							| Firefox ESR is also supported for 12 months.
+						p
+							| Support for beta or developer-preview browser versions cannot be guaranteed. Please
+							|
+							a(href="mailto:" + settings.adminEmail) get in touch
+							|
+							| if you encounter any issues while using the service with beta or developer-preview releases of supported browsers.
+						p
+							strong Overleaf has stopped supporting Internet Explorer as of April 26, 2021, and access is now blocked.
+						p
+							| If you cannot upgrade to one of the supported browsers,
+							|
+							a(href="mailto:" + settings.adminEmail) please let us know
+							| .
diff --git a/services/web/app/views/layout-base.pug b/services/web/app/views/layout-base.pug
new file mode 100644
index 0000000..0493281
--- /dev/null
+++ b/services/web/app/views/layout-base.pug
@@ -0,0 +1,112 @@
+include ./_mixins/foot_scripts
+
+doctype html
+html(
+	lang=(currentLngCode || 'en')
+	class=(fixedSizeDocument ? 'fixed-size-document' : undefined)
+)
+	- metadata = metadata || {}
+	- let bootstrap5PageStatus = 'enabled' // One of 'disabled' and 'enabled'
+	- let bootstrap5PageSplitTest = '' // Limits Bootstrap 5 usage on this page to users with an assignment of "enabled" for the specified split test. If left empty and bootstrap5PageStatus is "enabled", the page always uses Bootstrap 5.
+	- let isWebsiteRedesign = false
+	- let isApplicationPage = false
+	- let enableIeeeBranding = true
+
+	block entrypointVar
+
+	block isApplicationPageVar
+
+	block vars
+
+	head
+		include ./_metadata.pug
+
+		- const bootstrapVersion = bootstrap5PageStatus !== 'disabled' && (bootstrap5Override || bootstrap5PageSplitTest === '' || splitTestVariants[bootstrap5PageSplitTest] === 'enabled') ? 5 : 3
+	
+		//- Stylesheet
+		link(rel='stylesheet', href=buildCssPath(getCssThemeModifier(userSettings, brandVariation, enableIeeeBranding), bootstrapVersion), id="main-stylesheet")
+		block css
+			each file in entrypointStyles(entrypoint)
+				link(rel='stylesheet', href=file)
+
+		block _headLinks
+
+		if (typeof suppressRelAlternateLinks == "undefined")
+			if settings.i18n.subdomainLang
+				each subdomainDetails in settings.i18n.subdomainLang
+					if !subdomainDetails.hide
+						link(rel="alternate", href=subdomainDetails.url + currentUrl, hreflang=subdomainDetails.lngCode)
+
+		if (entrypoint !== 'marketing')
+			link(rel="preload", href=buildJsPath(currentLngCode + "-json.js"), as="script", nonce=scriptNonce)
+
+		//- Scripts
+		if (typeof suppressGoogleAnalytics == "undefined")
+			include _google_analytics
+
+		block meta
+			meta(name="ol-csrfToken" content=csrfToken)
+			//- Configure dynamically loaded assets (via webpack) to be downloaded from CDN
+			//- See: https://webpack.js.org/guides/public-path/#on-the-fly
+			meta(name="ol-baseAssetPath" content=buildBaseAssetPath())
+			meta(name="ol-mathJaxPath" content=mathJaxPath)
+			meta(name="ol-dictionariesRoot" content=dictionariesRoot)
+
+			meta(name="ol-usersEmail" content=getUserEmail())
+			meta(name="ol-ab" data-type="json" content={})
+			meta(name="ol-user_id" content=getLoggedInUserId())
+			//- Internationalisation settings
+			meta(name="ol-i18n" data-type="json" content={
+				currentLangCode: currentLngCode
+			})
+			//- Expose some settings globally to the frontend
+			meta(name="ol-ExposedSettings" data-type="json" content=ExposedSettings)
+			meta(name="ol-splitTestVariants" data-type="json" content=splitTestVariants || {})
+			meta(name="ol-splitTestInfo" data-type="json" content=splitTestInfo || {})
+
+			if (typeof settings.algolia != "undefined")
+				meta(name="ol-algolia" data-type="json" content={
+					appId: settings.algolia.app_id,
+					apiKey: settings.algolia.read_only_api_key,
+					indexes: settings.algolia.indexes
+				})
+
+			meta(name="ol-isManagedAccount" data-type="boolean" content=isManagedAccount)
+			each restriction in userRestrictions || []
+				meta(name='ol-cannot-' + restriction data-type="boolean" content=true)
+			meta(name="ol-bootstrapVersion" data-type="json" content=bootstrapVersion)
+
+		block head-scripts
+
+	body(class={
+		'thin-footer': showThinFooter,
+		'website-redesign': isWebsiteRedesign === true || websiteRedesignOverride,
+		'application-page': isApplicationPage
+	}, data-theme="default")
+		if(settings.recaptcha && settings.recaptcha.siteKeyV3)
+			script(type="text/javascript", nonce=scriptNonce, src="https://www.recaptcha.net/recaptcha/api.js?render=" + settings.recaptcha.siteKeyV3, defer=deferScripts)
+
+		if (typeof suppressSkipToContent == "undefined")
+			a(class="skip-to-content" href="#main-content") #{translate('skip_to_content')}
+
+		block body
+
+		if (settings.devToolbar.enabled)
+			div#dev-toolbar
+
+	block foot-scripts
+		+foot-scripts
+
+	include _customer_io
+
+	script(type="text/javascript", nonce=scriptNonce).
+		window.addEventListener('DOMContentLoaded', function() {
+			//- Look for bundle
+			var cdnBlocked = typeof Frontend === 'undefined'
+			//- Prevent loops
+			var noCdnAlreadyInUrl = window.location.href.indexOf("nocdn=true") != -1
+			if (cdnBlocked && !noCdnAlreadyInUrl && navigator.userAgent.indexOf("Googlebot") == -1) {
+				//- Set query param, server will not set CDN url
+				window.location.search += "&nocdn=true";
+			}
+		})
diff --git a/services/web/app/views/layout-marketing.pug b/services/web/app/views/layout-marketing.pug
new file mode 100644
index 0000000..20126be
--- /dev/null
+++ b/services/web/app/views/layout-marketing.pug
@@ -0,0 +1,36 @@
+extends ./layout-base
+
+include ./_mixins/formMessages
+include ./_mixins/bootstrap_js
+
+block entrypointVar
+	- entrypoint = 'marketing'
+
+block body
+	if (typeof suppressNavbar === "undefined")
+		if bootstrapVersion === 5
+			include layout/navbar-marketing-bootstrap-5
+		else
+			include layout/navbar-marketing
+
+	block content
+
+	if (typeof suppressFooter === "undefined")
+		if showThinFooter
+			if bootstrapVersion === 5
+				include layout/thin-footer-bootstrap-5
+			else
+				include layout/thin-footer
+		else
+			include layout/fat-footer
+
+	if (typeof(suppressCookieBanner) == 'undefined')
+		include _cookie_banner
+
+	if bootstrapVersion === 5
+		!= moduleIncludes("contactModal-marketing-bootstrap-5", locals)
+	else
+		!= moduleIncludes("contactModal-marketing", locals)
+
+block prepend foot-scripts
+	+bootstrap-js(bootstrapVersion)
diff --git a/services/web/app/views/layout-react.pug b/services/web/app/views/layout-react.pug
new file mode 100644
index 0000000..f3dc8e6
--- /dev/null
+++ b/services/web/app/views/layout-react.pug
@@ -0,0 +1,83 @@
+//- This is used for pages that are migrated to Bootstrap 5 but don't use Bootstrap's own JS, instead using
+//- react-bootstrap for all Bootstrap components
+extends ./layout-base
+
+include ./_mixins/formMessages
+include ./_mixins/bootstrap_js
+
+block entrypointVar
+	- entrypoint = 'marketing'
+		
+block isApplicationPageVar
+	- isApplicationPage = true
+		
+block append meta
+	if bootstrapVersion === 5
+		- const canDisplayAdminMenu = hasAdminAccess()
+		- const canDisplayAdminRedirect = canRedirectToAdminDomain()
+		- const sessionUser = getSessionUser()
+		- const staffAccess = sessionUser?.staffAccess
+		- const canDisplaySplitTestMenu = hasFeature('saas') && (canDisplayAdminMenu || staffAccess?.splitTestMetrics || staffAccess?.splitTestManagement)
+		- const canDisplaySurveyMenu = hasFeature('saas') && canDisplayAdminMenu
+		- const canDisplayScriptLogMenu = hasFeature('saas') && canDisplayAdminMenu
+		- const enableUpgradeButton = projectDashboardReact && usersBestSubscription && (usersBestSubscription.type === 'free' || usersBestSubscription.type === 'standalone-ai-add-on')
+		- const showSignUpLink = hasFeature('registration-page')
+
+		meta(name="ol-navbar" data-type="json" content={
+			customLogo: settings.nav.custom_logo,
+			title: nav.title,
+			canDisplayAdminMenu,
+			canDisplayAdminRedirect,
+			canDisplaySplitTestMenu,
+			canDisplaySurveyMenu,
+			canDisplayScriptLogMenu,
+			enableUpgradeButton,
+			suppressNavbarRight: !!suppressNavbarRight,
+			suppressNavContentLinks: !!suppressNavContentLinks,
+			showSubscriptionLink: nav.showSubscriptionLink,
+			showSignUpLink: showSignUpLink,
+			currentUrl: currentUrl,
+			sessionUser: sessionUser ? { email: sessionUser.email} : undefined,
+			adminUrl: settings.adminUrl,
+			items: cloneAndTranslateText(nav.header_extras)
+		})
+		meta(name="ol-footer" data-type="json" content={
+			showThinFooter: showThinFooter,
+			showPoweredBy: !hasFeature('saas') && !settings.nav.hide_powered_by,
+			subdomainLang: settings.i18n.subdomainLang,
+			translatedLanguages: settings.translatedLanguages,
+			leftItems: cloneAndTranslateText(settings.nav.left_footer),
+			rightItems: settings.nav.right_footer
+		})
+
+block body
+	if (typeof suppressNavbar === "undefined")
+		if bootstrapVersion === 5
+			include layout/navbar-marketing-react-bootstrap-5
+		else
+			include layout/navbar-marketing
+
+	block content
+
+	if (typeof suppressFooter === "undefined")
+		if showThinFooter
+			if bootstrapVersion === 5
+				include layout/thin-footer-bootstrap-5
+			else
+				include layout/thin-footer
+		else
+			if bootstrapVersion === 5
+				include layout/fat-footer-react-bootstrap-5
+			else
+				include layout/fat-footer
+
+	if (typeof suppressCookieBanner === "undefined")
+		include _cookie_banner
+
+	if bootstrapVersion === 3
+		!= moduleIncludes("contactModal-marketing", locals)
+		
+block prepend foot-scripts
+	//- Only include Bootstrap JS if using Bootstrap 3 
+	if bootstrapVersion === 3
+		+bootstrap-js(3)
diff --git a/services/web/app/views/layout-website-redesign-bootstrap-5.pug b/services/web/app/views/layout-website-redesign-bootstrap-5.pug
new file mode 100644
index 0000000..e6dc3a8
--- /dev/null
+++ b/services/web/app/views/layout-website-redesign-bootstrap-5.pug
@@ -0,0 +1,28 @@
+extends ./layout-base
+
+include ./_mixins/formMessages
+include ./_mixins/bootstrap_js
+
+block entrypointVar
+	- entrypoint = 'marketing'
+	- isWebsiteRedesign = true
+
+block body
+	if (typeof(suppressNavbar) == "undefined")
+		include layout/navbar-marketing-bootstrap-5
+
+	block content
+
+	if (typeof(suppressFooter) == "undefined")
+		if showThinFooter
+			include layout/thin-footer-bootstrap-5
+		else
+			include layout/fat-footer-website-redesign
+
+	if (typeof(suppressCookieBanner) == 'undefined')
+		include _cookie_banner
+
+	!= moduleIncludes("contactModal-marketing-bootstrap-5", locals)
+
+block prepend foot-scripts
+	+bootstrap-js(5)
diff --git a/services/web/app/views/layout-website-redesign.pug b/services/web/app/views/layout-website-redesign.pug
new file mode 100644
index 0000000..37ba2f9
--- /dev/null
+++ b/services/web/app/views/layout-website-redesign.pug
@@ -0,0 +1,27 @@
+extends ./layout-base
+
+include ./_mixins/formMessages
+include ./_mixins/bootstrap_js
+
+block entrypointVar
+	- entrypoint = 'marketing'
+
+block body
+	if (typeof(suppressNavbar) == "undefined")
+		include layout/navbar-website-redesign
+
+	block content
+
+	if (typeof(suppressFooter) == "undefined")
+		if showThinFooter
+			include layout/thin-footer
+		else
+			include layout/fat-footer-website-redesign
+
+	if (typeof(suppressCookieBanner) == 'undefined')
+		include _cookie_banner
+
+	!= moduleIncludes("contactModal-marketing", locals)
+
+block prepend foot-scripts
+	+bootstrap-js(bootstrapVersion)
diff --git a/services/web/app/views/layout/fat-footer-base.pug b/services/web/app/views/layout/fat-footer-base.pug
new file mode 100644
index 0000000..2e3dd20
--- /dev/null
+++ b/services/web/app/views/layout/fat-footer-base.pug
@@ -0,0 +1,32 @@
+.fat-footer-base
+	.fat-footer-base-section.fat-footer-base-meta
+		.fat-footer-base-item 
+			.fat-footer-base-copyright © #{new Date().getFullYear()} Overleaf
+			a(href="/legal") #{translate('privacy_and_terms')}
+			a(href="https://www.digital-science.com/security-certifications/") #{translate('compliance')}
+		ul.fat-footer-base-item.list-unstyled.fat-footer-base-language
+			if bootstrapVersion === 5
+				include language-picker-bootstrap-5
+			else
+				include language-picker
+	.fat-footer-base-section.fat-footer-base-social
+		.fat-footer-base-item
+			a.fat-footer-social.x-logo(href="https://x.com/overleaf")
+				svg(xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 1227" height="25")
+					path(d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z")
+				span.visually-hidden #{translate("app_on_x", {social: "X"})}
+			a.fat-footer-social.facebook-logo(href="https://www.facebook.com/overleaf.editor")
+				svg(xmlns="http://www.w3.org/2000/svg" viewBox="0 0 666.66668 666.66717" height="25")
+					defs
+						clipPath(id="a" clipPathUnits="userSpaceOnUse")
+							path(d="M0 700h700V0H0Z")
+					g(clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 -133.333 800)")
+						path.background(d="M0 0c0 138.071-111.929 250-250 250S-500 138.071-500 0c0-117.245 80.715-215.622 189.606-242.638v166.242h-51.552V0h51.552v32.919c0 85.092 38.508 124.532 122.048 124.532 15.838 0 43.167-3.105 54.347-6.211V81.986c-5.901.621-16.149.932-28.882.932-40.993 0-56.832-15.528-56.832-55.9V0h81.659l-14.028-76.396h-67.631v-171.773C-95.927-233.218 0-127.818 0 0" fill="#0866ff" transform="translate(600 350)")
+						path.text(d="m0 0 14.029 76.396H-67.63v27.019c0 40.372 15.838 55.899 56.831 55.899 12.733 0 22.981-.31 28.882-.931v69.253c-11.18 3.106-38.509 6.212-54.347 6.212-83.539 0-122.048-39.441-122.048-124.533V76.396h-51.552V0h51.552v-166.242a250.559 250.559 0 0 1 60.394-7.362c10.254 0 20.358.632 30.288 1.831V0Z" fill="#fff" transform="translate(447.918 273.604)")
+				span.visually-hidden #{translate("app_on_x", {social: "Facebook"})}
+			a.fat-footer-social.linkedin-logo(href="https://www.linkedin.com/company/writelatex-limited")
+				svg(xmlns="http://www.w3.org/2000/svg" viewBox="0 0 72 72" height="25")
+					g(fill="none" fill-rule="evenodd")
+						path.background(fill="#0B66C3" d="M8 72h56a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8H8a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8")
+						path.text(fill="#FFF" d="M62 62H51.316V43.802c0-4.99-1.896-7.777-5.845-7.777-4.296 0-6.54 2.901-6.54 7.777V62H28.632V27.333H38.93v4.67s3.096-5.729 10.453-5.729c7.353 0 12.617 4.49 12.617 13.777zM16.35 22.794c-3.508 0-6.35-2.864-6.35-6.397C10 12.864 12.842 10 16.35 10c3.507 0 6.347 2.864 6.347 6.397 0 3.533-2.84 6.397-6.348 6.397ZM11.032 62h10.736V27.333H11.033V62")
+				span.visually-hidden #{translate("app_on_x", {social: "LinkedIn"})}
diff --git a/services/web/app/views/layout/fat-footer-react-bootstrap-5.pug b/services/web/app/views/layout/fat-footer-react-bootstrap-5.pug
new file mode 100644
index 0000000..95b2605
--- /dev/null
+++ b/services/web/app/views/layout/fat-footer-react-bootstrap-5.pug
@@ -0,0 +1 @@
+#footer-container
diff --git a/services/web/app/views/layout/fat-footer-website-redesign.pug b/services/web/app/views/layout/fat-footer-website-redesign.pug
new file mode 100644
index 0000000..bde9113
--- /dev/null
+++ b/services/web/app/views/layout/fat-footer-website-redesign.pug
@@ -0,0 +1,84 @@
+footer.fat-footer.hidden-print.website-redesign-fat-footer
+	.fat-footer-container(role="navigation" aria-label=translate('footer_navigation'))
+		.fat-footer-sections(class=hideFatFooter ? 'hidden' : undefined)
+			.footer-section#footer-brand
+				a(href='/', aria-label=settings.appName).footer-brand
+					
+			.footer-section
+				h2.footer-section-heading #{translate('About')}
+					
+				ul.list-unstyled
+					li
+						a(href="/about") #{translate('footer_about_us')}
+					li
+						a(href="/about/values") #{translate('our_values')}
+					li
+						a(href="/about/careers") #{translate('careers')}
+					li
+						a(href="/for/press") !{translate('press_and_awards')}
+					li
+						a(href="/blog") #{translate('blog')}
+						
+			.footer-section
+				h2.footer-section-heading #{translate('learn')}
+		
+				ul.list-unstyled
+					li
+						a(href="/learn/latex/Learn_LaTeX_in_30_minutes") #{translate('latex_in_thirty_minutes')}
+					li
+						a(href="/latex/templates") #{translate('templates')}
+					li
+						a(href="/events/webinars") #{translate('webinars')}
+					li
+						a(href="/learn/latex/Tutorials") #{translate('tutorials')}
+					li
+						a(href="/learn/latex/Inserting_Images") #{translate('how_to_insert_images')}
+					li
+						a(href="/learn/latex/Tables") #{translate('how_to_create_tables')}
+						
+			.footer-section
+				h2.footer-section-heading !{translate('footer_plans_and_pricing')}
+		
+				ul.list-unstyled
+					li
+						a(href="/learn/how-to/Overleaf_premium_features") #{translate('premium_features')}
+					li
+						a(href="/user/subscription/plans?itm_referrer=footer-for-indv-groups") !{translate('for_individuals_and_groups')}
+					li
+						a(href="/for/enterprises") #{translate('for_business')}
+					li
+						a(href="/for/universities") #{translate('for_universities')}
+					li
+						a(
+							data-ol-for-students-link
+							href="/user/subscription/plans?itm_referrer=footer-for-students#student-annual"
+						) #{translate('for_students')}
+					li
+						a(href="/for/government") #{translate('for_government')}
+						
+			.footer-section
+				h2.footer-section-heading #{translate('get_involved')}
+		
+				ul.list-unstyled
+					li
+						a(href="/for/community/advisors") #{translate('become_an_advisor')}
+					li
+						a(href="https://forms.gle/67PSpN1bLnjGCmPQ9") #{translate('let_us_know_what_you_think')}
+					if user
+						li
+							a(href="/beta/participate") #{translate('join_beta_program')}
+		
+			.footer-section
+				h2.footer-section-heading #{translate('help')}
+		
+				ul.list-unstyled
+					li
+						a(href="/about/why-latex") #{translate('why_latex')}
+					li
+						a(href="/learn") #{translate('Documentation')} 
+					li
+						a(href="/contact") #{translate('footer_contact_us')}  
+					li
+						a(href="https://status.overleaf.com/") #{translate('website_status')}
+					
+		include fat-footer-base
diff --git a/services/web/app/views/layout/fat-footer.pug b/services/web/app/views/layout/fat-footer.pug
new file mode 100644
index 0000000..95de4a3
--- /dev/null
+++ b/services/web/app/views/layout/fat-footer.pug
@@ -0,0 +1,84 @@
+footer.fat-footer.hidden-print
+	.fat-footer-container(role="navigation" aria-label=translate('footer_navigation'))
+		.fat-footer-sections(class=hideFatFooter ? 'hidden' : undefined)
+			.footer-section#footer-brand
+				a(href='/', aria-label=settings.appName).footer-brand
+					
+			.footer-section
+				h2.footer-section-heading #{translate('About')}
+					
+				ul.list-unstyled
+					li
+						a(href="/about") #{translate('footer_about_us')}
+					li
+						a(href="/about/values") #{translate('our_values')}
+					li
+						a(href="/about/careers") #{translate('careers')}
+					li
+						a(href="/for/press") !{translate('press_and_awards')}
+					li
+						a(href="/blog") #{translate('blog')}
+						
+			.footer-section
+				h2.footer-section-heading #{translate('learn')}
+		
+				ul.list-unstyled
+					li
+						a(href="/learn/latex/Learn_LaTeX_in_30_minutes") #{translate('latex_in_thirty_minutes')}
+					li
+						a(href="/latex/templates") #{translate('templates')}
+					li
+						a(href="/events/webinars") #{translate('webinars')}
+					li
+						a(href="/learn/latex/Tutorials") #{translate('tutorials')}
+					li
+						a(href="/learn/latex/Inserting_Images") #{translate('how_to_insert_images')}
+					li
+						a(href="/learn/latex/Tables") #{translate('how_to_create_tables')}
+						
+			.footer-section
+				h2.footer-section-heading !{translate('footer_plans_and_pricing')}
+		
+				ul.list-unstyled
+					li
+						a(href="/learn/how-to/Overleaf_premium_features") #{translate('premium_features')}
+					li
+						a(href="/user/subscription/plans?itm_referrer=footer-for-indv-groups") !{translate('for_individuals_and_groups')}
+					li
+						a(href="/for/enterprises") #{translate('for_enterprise')}
+					li
+						a(href="/for/universities") #{translate('for_universities')}
+					li
+						a(
+							data-ol-for-students-link
+							href="/user/subscription/plans?itm_referrer=footer-for-students#student-annual"
+						) #{translate('for_students')}
+					li
+						a(href="/for/government") #{translate('for_government')}
+						
+			.footer-section
+				h2.footer-section-heading #{translate('get_involved')}
+		
+				ul.list-unstyled
+					li
+						a(href="/for/community/advisors") #{translate('become_an_advisor')}
+					li
+						a(href="https://forms.gle/67PSpN1bLnjGCmPQ9") #{translate('let_us_know_what_you_think')}
+					if user
+						li
+							a(href="/beta/participate") #{translate('join_beta_program')}
+		
+			.footer-section
+				h2.footer-section-heading #{translate('help')}
+		
+				ul.list-unstyled
+					li
+						a(href="/about/why-latex") #{translate('why_latex')}
+					li
+						a(href="/learn") #{translate('Documentation')} 
+					li
+						a(href="/contact") #{translate('footer_contact_us')}  
+					li
+						a(href="https://status.overleaf.com/") #{translate('website_status')}
+					
+		include fat-footer-base
diff --git a/services/web/app/views/layout/language-picker-bootstrap-5.pug b/services/web/app/views/layout/language-picker-bootstrap-5.pug
new file mode 100644
index 0000000..47a9bc5
--- /dev/null
+++ b/services/web/app/views/layout/language-picker-bootstrap-5.pug
@@ -0,0 +1,25 @@
+li.dropdown.dropup.subdued(dropdown).language-picker
+	button#language-picker-toggle.btn.btn-link.btn-inline-link(
+		dropdown-toggle,
+		data-ol-lang-selector-tooltip,
+		data-bs-toggle="dropdown",
+		aria-haspopup="true",
+		aria-expanded="false",
+		aria-label="Select " + translate('language'),
+		tooltip=translate('language')
+		title=translate('language')
+	)
+		span.material-symbols(aria-hidden="true") translate
+		| &nbsp;
+		span.language-picker-text #{settings.translatedLanguages[currentLngCode]}
+
+	ul.dropdown-menu.dropdown-menu-sm-width(role="menu" aria-labelledby="language-picker-toggle")
+		li.dropdown-header #{translate("language")}
+		each subdomainDetails, subdomain in settings.i18n.subdomainLang
+			if !subdomainDetails.hide
+				- let isActive = subdomainDetails.lngCode === currentLngCode
+				li.lng-option
+					a.menu-indent(href=subdomainDetails.url+currentUrlWithQueryParams, role="menuitem", class=isActive ? 'dropdown-item active' : 'dropdown-item', aria-selected=isActive ? 'true' : 'false')
+						| #{settings.translatedLanguages[subdomainDetails.lngCode]}
+						if subdomainDetails.lngCode === currentLngCode
+							span.material-symbols.dropdown-item-trailing-icon(aria-hidden="true") check
diff --git a/services/web/app/views/layout/language-picker.pug b/services/web/app/views/layout/language-picker.pug
new file mode 100644
index 0000000..d26d8a8
--- /dev/null
+++ b/services/web/app/views/layout/language-picker.pug
@@ -0,0 +1,24 @@
+li.dropdown.dropup.subdued(dropdown).language-picker
+	a.dropdown-toggle#language-picker-toggle(
+		href="#",
+		dropdown-toggle,
+		data-ol-lang-selector-tooltip,
+		data-toggle="dropdown",
+		role="button"
+		aria-haspopup="true",
+		aria-expanded="false",
+		aria-label="Select " + translate('language'),
+		tooltip=translate('language')
+		title=translate('language')
+	)
+		i.fa.fa-fw.fa-language
+		|
+		| #{settings.translatedLanguages[currentLngCode]}
+
+	ul.dropdown-menu(role="menu" aria-labelledby="language-picker-toggle")
+		li.dropdown-header #{translate("language")}
+		each subdomainDetails, subdomain in settings.i18n.subdomainLang
+			if !subdomainDetails.hide
+				li.lng-option
+					a.menu-indent(href=subdomainDetails.url+currentUrlWithQueryParams role="menuitem")
+						| #{settings.translatedLanguages[subdomainDetails.lngCode]}
diff --git a/services/web/app/views/layout/layout-no-js.pug b/services/web/app/views/layout/layout-no-js.pug
new file mode 100644
index 0000000..c86721a
--- /dev/null
+++ b/services/web/app/views/layout/layout-no-js.pug
@@ -0,0 +1,18 @@
+doctype html
+html(lang="en")
+
+	- metadata = metadata || {}
+	block vars
+
+	head
+		if (metadata && metadata.title)
+			title= metadata.title
+		if metadata && metadata.viewport
+			meta(name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes")
+
+		link(rel="icon", href="/favicon.ico")
+
+		if buildCssPath
+			link(rel="stylesheet", href=buildCssPath())
+
+block body
diff --git a/services/web/app/views/layout/navbar-marketing-bootstrap-5.pug b/services/web/app/views/layout/navbar-marketing-bootstrap-5.pug
new file mode 100644
index 0000000..ee94394
--- /dev/null
+++ b/services/web/app/views/layout/navbar-marketing-bootstrap-5.pug
@@ -0,0 +1,201 @@
+include ../_mixins/navbar
+
+nav.navbar.navbar-default.navbar-main.navbar-expand-lg(class={
+	'website-redesign-navbar': isWebsiteRedesign
+})
+	.container-fluid.navbar-container
+		.navbar-header
+			if settings.nav.custom_logo
+				a(href='/', aria-label=settings.appName, style='background-image:url("'+settings.nav.custom_logo+'")').navbar-brand
+			else if (nav.title)
+				a(href='/', aria-label=settings.appName).navbar-title #{nav.title}
+			else
+				a(href='/', aria-label=settings.appName).navbar-brand
+
+			- var enableUpgradeButton = projectDashboardReact && usersBestSubscription && (usersBestSubscription.type === 'free' || usersBestSubscription.type === 'standalone-ai-add-on')
+			if (enableUpgradeButton)
+				a.btn.btn-primary.me-2.d-md-none(
+					href="/user/subscription/plans"
+					event-tracking="upgrade-button-click"
+					event-tracking-mb="true"
+					event-tracking-label="upgrade"
+					event-tracking-trigger="click"
+					event-segmentation='{"source": "dashboard-top", "project-dashboard-react": "enabled", "is-dashboard-sidebar-hidden": "true", "is-screen-width-less-than-768px": "true"}'
+				) #{translate("upgrade")}
+
+		- var canDisplayAdminMenu = hasAdminAccess()
+		- var canDisplayAdminRedirect = canRedirectToAdminDomain()
+		- var canDisplaySplitTestMenu = hasFeature('saas') && (canDisplayAdminMenu || (getSessionUser() && getSessionUser().staffAccess && (getSessionUser().staffAccess.splitTestMetrics || getSessionUser().staffAccess.splitTestManagement)))
+		- var canDisplaySurveyMenu = hasFeature('saas') && canDisplayAdminMenu
+		- var canDisplayScriptLogMenu = hasFeature('saas') && canDisplayAdminMenu
+
+		if (typeof suppressNavbarRight === "undefined")
+			button.navbar-toggler.collapsed(
+				type="button",
+				data-bs-toggle="collapse",
+				data-bs-target="#navbar-main-collapse"
+				aria-controls="navbar-main-collapse"
+				aria-expanded="false"
+				aria-label="Toggle " + translate('navigation')
+			)
+				i.fa.fa-bars(aria-hidden="true")
+
+			.navbar-collapse.collapse#navbar-main-collapse
+				ul.nav.navbar-nav.navbar-right.ms-auto(role="menubar")
+					if (canDisplayAdminMenu || canDisplayAdminRedirect || canDisplaySplitTestMenu)
+						+nav-item.dropdown.subdued
+							button.dropdown-toggle(
+								aria-haspopup="true",
+								aria-expanded="false",
+								data-bs-toggle="dropdown"
+								role="menuitem"
+								event-tracking="menu-expand"
+								event-tracking-mb="true"
+								event-tracking-trigger="click"
+								event-segmentation={"item": "admin", "location": "top-menu"}
+							)
+								| Admin
+								span.caret
+							+dropdown-menu.dropdown-menu-end
+								if canDisplayAdminMenu
+									+dropdown-menu-link-item()(href="/admin") Manage Site
+									+dropdown-menu-link-item()(href="/admin/user") Manage Users
+									+dropdown-menu-link-item()(href="/admin/project") Project URL Lookup
+								if canDisplayAdminRedirect
+									+dropdown-menu-link-item()(href=settings.adminUrl) Switch to Admin
+								if canDisplaySplitTestMenu
+									+dropdown-menu-link-item()(href="/admin/split-test") Manage Feature Flags
+								if canDisplaySurveyMenu
+									+dropdown-menu-link-item()(href="/admin/survey") Manage Surveys
+								if canDisplayScriptLogMenu
+									+dropdown-menu-link-item()(href="/admin/script-logs") View Script Logs
+
+					// loop over header_extras
+					each item in nav.header_extras
+						-
+							if ((item.only_when_logged_in && getSessionUser())
+											|| (item.only_when_logged_out && (!getSessionUser()))
+											|| (!item.only_when_logged_out && !item.only_when_logged_in && !item.only_content_pages)
+											|| (item.only_content_pages && (typeof suppressNavContentLinks === "undefined" || !suppressNavContentLinks))
+							){
+								var showNavItem = true
+							} else {
+								var showNavItem = false
+							}
+
+						if showNavItem
+							if item.dropdown
+								+nav-item.dropdown(class=item.class)
+									button.dropdown-toggle(
+										aria-haspopup="true",
+										aria-expanded="false",
+										data-bs-toggle="dropdown"
+										role="menuitem"
+										event-tracking="menu-expand"
+										event-tracking-mb="true"
+										event-tracking-trigger="click"
+										event-segmentation={"item": item.trackingKey, "location": "top-menu"}
+									)
+										| !{translate(item.text)}
+										span.caret
+									+dropdown-menu.dropdown-menu-end
+										each child in item.dropdown
+											if child.divider
+												+dropdown-menu-divider
+											else if child.isContactUs
+												+dropdown-menu-link-item()(data-ol-open-contact-form-modal="contact-us" data-bs-target="#contactUsModal" href data-bs-toggle="modal" event-tracking="menu-click" event-tracking-mb="true" event-tracking-trigger="click" event-segmentation={"item": "contact", "location": "top-menu"})
+													span
+														| #{translate("contact_us")}
+											else
+												if child.url
+													+dropdown-menu-link-item()(
+														href=child.url,
+														class=child.class,
+														event-tracking="menu-click"
+														event-tracking-mb="true"
+														event-tracking-trigger="click"
+														event-segmentation={ item: child.trackingKey, location: 'top-menu' }
+													) !{translate(child.text)}
+												else
+													+dropdown-menu-item !{translate(child.text)}
+							else
+								+nav-item(class=item.class)
+									if item.url
+										+nav-link(
+											href=item.url,
+											class=item.class,
+											event-tracking="menu-click"
+											event-tracking-mb="true"
+											event-tracking-trigger="click"
+											event-segmentation={ item: item.trackingKey, location: 'top-menu' }
+										) !{translate(item.text)}
+									else
+										| !{translate(item.text)}
+
+					// logged out
+					if !getSessionUser()
+						// register link
+						if hasFeature('registration-page')
+							+nav-item.primary
+								+nav-link(
+									href="/register"
+									event-tracking="menu-click"
+									event-tracking-action="clicked"
+									event-tracking-trigger="click"
+									event-tracking-mb="true"
+									event-segmentation={ page: currentUrl, item: 'register', location: 'top-menu' }
+								) #{translate('sign_up')}
+
+						// login link
+						+nav-item
+							+nav-link(
+								href="/login"
+								event-tracking="menu-click"
+								event-tracking-action="clicked"
+								event-tracking-trigger="click"
+								event-tracking-mb="true"
+								event-segmentation={ page: currentUrl, item: 'login', location: 'top-menu' }
+							) #{translate('log_in')}
+
+					// projects link and account menu
+					if getSessionUser()
+						+nav-item
+							+nav-link(href="/project") #{translate('Projects')}
+						+nav-item.dropdown
+							button.dropdown-toggle(
+								aria-haspopup="true",
+								aria-expanded="false",
+								data-bs-toggle="dropdown"
+								role="menuitem"
+								event-tracking="menu-expand"
+								event-tracking-mb="true"
+								event-tracking-trigger="click"
+								event-segmentation={"item": "account", "location": "top-menu"}
+							)
+								| #{translate('Account')}
+								span.caret
+							+dropdown-menu.dropdown-menu-end
+								+dropdown-menu-item
+									div.disabled.dropdown-item #{getSessionUser().email}
+								+dropdown-menu-divider
+								+dropdown-menu-link-item()(href="/user/settings") #{translate('Account Settings')}
+								if nav.showSubscriptionLink
+									+dropdown-menu-link-item()(href="/user/subscription") #{translate('subscription')}
+								+dropdown-menu-divider
+								+dropdown-menu-item
+									//-
+										The button is outside the form but still belongs to it via the form attribute. The reason to do 
+										this is that if the button is inside the form, screen readers will not count it in the total
+										number of menu items.
+									button.btn-link.text-left.dropdown-menu-button.dropdown-item(
+										role="menuitem",
+										tabindex="-1"
+										form="logOutForm"
+									)
+										| #{translate('log_out')}
+									form(
+										method="POST",
+										action="/logout",
+										id="logOutForm"
+									)
+										input(name='_csrf', type='hidden', value=csrfToken)
diff --git a/services/web/app/views/layout/navbar-marketing-react-bootstrap-5.pug b/services/web/app/views/layout/navbar-marketing-react-bootstrap-5.pug
new file mode 100644
index 0000000..ee0fcd2
--- /dev/null
+++ b/services/web/app/views/layout/navbar-marketing-react-bootstrap-5.pug
@@ -0,0 +1 @@
+#navbar-container
diff --git a/services/web/app/views/layout/navbar-marketing.pug b/services/web/app/views/layout/navbar-marketing.pug
new file mode 100644
index 0000000..e0f3600
--- /dev/null
+++ b/services/web/app/views/layout/navbar-marketing.pug
@@ -0,0 +1,197 @@
+nav.navbar.navbar-default.navbar-main(class={
+	'website-redesign-navbar': isWebsiteRedesign
+})
+	.container-fluid
+		.navbar-header
+			if (typeof(suppressNavbarRight) == "undefined")
+				button.navbar-toggle.collapsed(
+					type="button",
+					data-toggle="collapse",
+					data-target="#navbar-main-collapse"
+					aria-label="Toggle " + translate('navigation')
+				)
+					i.fa.fa-bars(aria-hidden="true")
+			- var enableUpgradeButton = projectDashboardReact && usersBestSubscription && (usersBestSubscription.type === 'free' || usersBestSubscription.type === 'standalone-ai-add-on')
+			if (enableUpgradeButton)
+				a.btn.btn-primary.pull-right.me-2.visible-xs(
+					href="/user/subscription/plans"
+					event-tracking="upgrade-button-click"
+					event-tracking-mb="true"
+					event-tracking-label="upgrade"
+					event-tracking-trigger="click"
+					event-segmentation='{"source": "dashboard-top", "project-dashboard-react": "enabled", "is-dashboard-sidebar-hidden": "true", "is-screen-width-less-than-768px": "true"}'
+				) #{translate("upgrade")}
+			if settings.nav.custom_logo
+				a(href='/', aria-label=settings.appName, style='background-image:url("'+settings.nav.custom_logo+'")').navbar-brand
+			else if (nav.title)
+				a(href='/', aria-label=settings.appName).navbar-title #{nav.title}
+			else
+				a(href='/', aria-label=settings.appName).navbar-brand
+
+		- var canDisplayAdminMenu = hasAdminAccess()
+		- var canDisplayAdminRedirect = canRedirectToAdminDomain()
+		- var canDisplaySplitTestMenu = hasFeature('saas') && (canDisplayAdminMenu || (getSessionUser() && getSessionUser().staffAccess && (getSessionUser().staffAccess.splitTestMetrics || getSessionUser().staffAccess.splitTestManagement)))
+		- var canDisplaySurveyMenu = hasFeature('saas') && canDisplayAdminMenu
+		- var canDisplayScriptLogMenu = hasFeature('saas') && canDisplayAdminMenu
+
+		if (typeof(suppressNavbarRight) == "undefined")
+			.navbar-collapse.collapse#navbar-main-collapse
+				ul.nav.navbar-nav.navbar-right
+					if (canDisplayAdminMenu || canDisplayAdminRedirect || canDisplaySplitTestMenu)
+						li.dropdown.subdued
+							a.dropdown-toggle(
+								href="#",
+								role="button",
+								aria-haspopup="true",
+								aria-expanded="false",
+								data-toggle="dropdown"
+								event-tracking="menu-expand"
+								event-tracking-mb="true"
+								event-tracking-trigger="click"
+								event-segmentation={"item": "admin", "location": "top-menu"}
+							)
+								| Admin
+								span.caret
+							ul.dropdown-menu
+								if canDisplayAdminMenu
+									li
+										a(href="/admin") Manage Site
+									li
+										a(href="/admin/user") Manage Users
+									li
+										a(href="/admin/project") Project URL Lookup
+								if canDisplayAdminRedirect
+									li
+										a(href=settings.adminUrl) Switch to Admin
+								if canDisplaySplitTestMenu
+									li
+										a(href="/admin/split-test") Manage Feature Flags
+								if canDisplaySurveyMenu
+									li
+										a(href="/admin/survey") Manage Surveys
+								if canDisplayScriptLogMenu
+									li
+										a(href="/admin/script-logs") View Script Logs
+
+					// loop over header_extras
+					each item in nav.header_extras
+						-
+							if ((item.only_when_logged_in && getSessionUser())
+											|| (item.only_when_logged_out && (!getSessionUser()))
+											|| (!item.only_when_logged_out && !item.only_when_logged_in && !item.only_content_pages)
+											|| (item.only_content_pages && (typeof(suppressNavContentLinks) == "undefined" || !suppressNavContentLinks))
+							){
+								var showNavItem = true
+							} else {
+								var showNavItem = false
+							}
+
+						if showNavItem
+							if item.dropdown
+								li.dropdown(class=item.class)
+									a.dropdown-toggle(
+										href="#",
+										role="button",
+										aria-haspopup="true",
+										aria-expanded="false",
+										data-toggle="dropdown"
+										event-tracking="menu-expand"
+										event-tracking-mb="true"
+										event-tracking-trigger="click"
+										event-segmentation={"item": item.trackingKey, "location": "top-menu"}
+									)
+										| !{translate(item.text)}
+										span.caret
+									ul.dropdown-menu
+										each child in item.dropdown
+											if child.divider
+												li.divider
+											else if child.isContactUs
+												li
+													a(data-ol-open-contact-form-modal="contact-us" href event-tracking="menu-click" event-tracking-mb="true" event-tracking-trigger="click" event-segmentation={"item": "contact", "location": "top-menu"})
+														span
+															| #{translate("contact_us")}
+											else
+												li
+													if child.url
+														a(
+															href=child.url,
+															class=child.class,
+															event-tracking="menu-click"
+															event-tracking-mb="true"
+															event-tracking-trigger="click"
+															event-segmentation={item: item.trackingKey, location: 'top-menu'}
+														) !{translate(child.text)}
+													else
+														| !{translate(child.text)}
+							else
+								li(class=item.class)
+									if item.url
+										a(
+											href=item.url,
+											class=item.class,
+											event-tracking="menu-click"
+											event-tracking-mb="true"
+											event-tracking-trigger="click"
+											event-segmentation={ item: item.trackingKey, location: 'top-menu' }
+										) !{translate(item.text)}
+									else
+										| !{translate(item.text)}
+
+					// logged out
+					if !getSessionUser()
+						// register link
+						if hasFeature('registration-page')
+							li.primary
+								a(
+									href="/register"
+									event-tracking="menu-click"
+									event-tracking-action="clicked"
+									event-tracking-trigger="click"
+									event-tracking-mb="true"
+									event-segmentation={ page: currentUrl, item: 'register', location: 'top-menu' }
+								) #{translate('sign_up')}
+
+						// login link
+						li
+							a(
+								href="/login"
+								event-tracking="menu-click"
+								event-tracking-action="clicked"
+								event-tracking-trigger="click"
+								event-tracking-mb="true"
+								event-segmentation={ page: currentUrl, item: 'login', location: 'top-menu' }
+							) #{translate('log_in')}
+
+					// projects link and account menu
+					if getSessionUser()
+						li
+							a(href="/project") #{translate('Projects')}
+						li.dropdown
+							a.dropdown-toggle(
+								href="#",
+								role="button",
+								aria-haspopup="true",
+								aria-expanded="false",
+								data-toggle="dropdown"
+								event-tracking="menu-expand"
+								event-tracking-mb="true"
+								event-tracking-trigger="click"
+								event-segmentation={"item": "account", "location": "top-menu"}
+							)
+								| #{translate('Account')}
+								span.caret
+							ul.dropdown-menu
+								li
+									div.subdued #{getSessionUser().email}
+								li.divider.hidden-xs.hidden-sm
+								li
+									a(href="/user/settings") #{translate('Account Settings')}
+								if nav.showSubscriptionLink
+									li
+										a(href="/user/subscription") #{translate('subscription')}
+								li.divider.hidden-xs.hidden-sm
+								li
+									form(method="POST" action="/logout")
+										input(name='_csrf', type='hidden', value=csrfToken)
+										button.btn-link.text-left.dropdown-menu-button #{translate('log_out')}
diff --git a/services/web/app/views/layout/navbar-website-redesign.pug b/services/web/app/views/layout/navbar-website-redesign.pug
new file mode 100644
index 0000000..c4b712e
--- /dev/null
+++ b/services/web/app/views/layout/navbar-website-redesign.pug
@@ -0,0 +1,195 @@
+nav.navbar.navbar-default.navbar-main.website-redesign-navbar
+	.container-fluid
+		.navbar-header
+			if (typeof(suppressNavbarRight) == "undefined")
+				button.navbar-toggle.collapsed(
+					type="button",
+					data-toggle="collapse",
+					data-target="#navbar-main-collapse"
+					aria-label="Toggle " + translate('navigation')
+				)
+					i.fa.fa-bars(aria-hidden="true")
+			- var enableUpgradeButton = projectDashboardReact && usersBestSubscription && (usersBestSubscription.type === 'free' || usersBestSubscription.type === 'standalone-ai-add-on')
+			if (enableUpgradeButton)
+				a.btn.btn-primary.pull-right.me-2.visible-xs(
+					href="/user/subscription/plans"
+					event-tracking="upgrade-button-click"
+					event-tracking-mb="true"
+					event-tracking-label="upgrade"
+					event-tracking-trigger="click"
+					event-segmentation='{"source": "dashboard-top", "project-dashboard-react": "enabled", "is-dashboard-sidebar-hidden": "true", "is-screen-width-less-than-768px": "true"}'
+				) #{translate("upgrade")}
+			if settings.nav.custom_logo
+				a(href='/', aria-label=settings.appName, style='background-image:url("'+settings.nav.custom_logo+'")').navbar-brand
+			else if (nav.title)
+				a(href='/', aria-label=settings.appName).navbar-title #{nav.title}
+			else
+				a(href='/', aria-label=settings.appName).navbar-brand
+
+		- var canDisplayAdminMenu = hasAdminAccess()
+		- var canDisplayAdminRedirect = canRedirectToAdminDomain()
+		- var canDisplaySplitTestMenu = hasFeature('saas') && (canDisplayAdminMenu || (getSessionUser() && getSessionUser().staffAccess && (getSessionUser().staffAccess.splitTestMetrics || getSessionUser().staffAccess.splitTestManagement)))
+		- var canDisplaySurveyMenu = hasFeature('saas') && canDisplayAdminMenu
+		- var canDisplayScriptLogMenu = hasFeature('saas') && canDisplayAdminMenu
+
+		if (typeof(suppressNavbarRight) == "undefined")
+			.navbar-collapse.collapse#navbar-main-collapse
+				ul.nav.navbar-nav.navbar-right
+					if (canDisplayAdminMenu || canDisplayAdminRedirect || canDisplaySplitTestMenu)
+						li.dropdown.subdued
+							a.dropdown-toggle(
+								href="#",
+								role="button",
+								aria-haspopup="true",
+								aria-expanded="false",
+								data-toggle="dropdown"
+								event-tracking="menu-expand"
+								event-tracking-mb="true"
+								event-tracking-trigger="click"
+								event-segmentation={"item": "admin", "location": "top-menu"}
+							)
+								| Admin
+								span.caret
+							ul.dropdown-menu
+								if canDisplayAdminMenu
+									li
+										a(href="/admin") Manage Site
+									li
+										a(href="/admin/user") Manage Users
+									li
+										a(href="/admin/project") Project URL Lookup
+								if canDisplayAdminRedirect
+									li
+										a(href=settings.adminUrl) Switch to Admin
+								if canDisplaySplitTestMenu
+									li
+										a(href="/admin/split-test") Manage Feature Flags
+								if canDisplaySurveyMenu
+									li
+										a(href="/admin/survey") Manage Surveys
+								if canDisplayScriptLogMenu
+									li
+										a(href="/admin/script-logs") View Script Logs
+
+					// loop over header_extras
+					each item in nav.header_extras
+						-
+							if ((item.only_when_logged_in && getSessionUser())
+											|| (item.only_when_logged_out && (!getSessionUser()))
+											|| (!item.only_when_logged_out && !item.only_when_logged_in && !item.only_content_pages)
+											|| (item.only_content_pages && (typeof(suppressNavContentLinks) == "undefined" || !suppressNavContentLinks))
+							){
+								var showNavItem = true
+							} else {
+								var showNavItem = false
+							}
+
+						if showNavItem
+							if item.dropdown
+								li.dropdown(class=item.class)
+									a.dropdown-toggle(
+										href="#",
+										role="button",
+										aria-haspopup="true",
+										aria-expanded="false",
+										data-toggle="dropdown"
+										event-tracking="menu-expand"
+										event-tracking-mb="true"
+										event-tracking-trigger="click"
+										event-segmentation={"item": item.trackingKey, "location": "top-menu"}
+									)
+										| !{translate(item.text)}
+										span.caret
+									ul.dropdown-menu
+										each child in item.dropdown
+											if child.divider
+												li.divider
+											else if child.isContactUs
+												li
+													a(data-ol-open-contact-form-modal="contact-us" href event-tracking="menu-click" event-tracking-mb="true" event-tracking-trigger="click" event-segmentation={"item": "contact", "location": "top-menu"})
+														span
+															| #{translate("contact_us")}
+											else
+												li
+													if child.url
+														a(
+															href=child.url,
+															class=child.class,
+															event-tracking="menu-click"
+															event-tracking-mb="true"
+															event-tracking-trigger="click"
+															event-segmentation={item: child.trackingKey, location: 'top-menu'}
+														) !{translate(child.text)}
+													else
+														| !{translate(child.text)}
+							else
+								li(class=item.class)
+									if item.url
+										a(
+											href=item.url,
+											class=item.class,
+											event-tracking="menu-click"
+											event-tracking-mb="true"
+											event-tracking-trigger="click"
+											event-segmentation={ item: item.trackingKey, location: 'top-menu' }
+										) !{translate(item.text)}
+									else
+										| !{translate(item.text)}
+
+					// logged out
+					if !getSessionUser()
+						// register link
+						if hasFeature('registration-page')
+							li.primary
+								a(
+									href="/register"
+									event-tracking="menu-click"
+									event-tracking-action="clicked"
+									event-tracking-trigger="click"
+									event-tracking-mb="true"
+									event-segmentation={ page: currentUrl, item: 'register', location: 'top-menu' }
+								) #{translate('sign_up')}
+
+						// login link
+						li.secondary
+							a(
+								href="/login"
+								event-tracking="menu-click"
+								event-tracking-action="clicked"
+								event-tracking-trigger="click"
+								event-tracking-mb="true"
+								event-segmentation={ page: currentUrl, item: 'login', location: 'top-menu' }
+							) #{translate('log_in')}
+
+					// projects link and account menu
+					if getSessionUser()
+						li.secondary
+							a(href="/project") #{translate('Projects')}
+						li.secondary.dropdown
+							a.dropdown-toggle(
+								href="#",
+								role="button",
+								aria-haspopup="true",
+								aria-expanded="false",
+								data-toggle="dropdown"
+								event-tracking="menu-expand"
+								event-tracking-mb="true"
+								event-tracking-trigger="click"
+								event-segmentation={"item": "account", "location": "top-menu"}
+							)
+								| #{translate('Account')}
+								span.caret
+							ul.dropdown-menu
+								li
+									div.subdued #{getSessionUser().email}
+								li.divider.hidden-xs.hidden-sm
+								li
+									a(href="/user/settings") #{translate('Account Settings')}
+								if nav.showSubscriptionLink
+									li
+										a(href="/user/subscription") #{translate('subscription')}
+								li.divider.hidden-xs.hidden-sm
+								li
+									form(method="POST" action="/logout")
+										input(name='_csrf', type='hidden', value=csrfToken)
+										button.btn-link.text-left.dropdown-menu-button #{translate('log_out')}
diff --git a/services/web/app/views/layout/thin-footer-bootstrap-5.pug b/services/web/app/views/layout/thin-footer-bootstrap-5.pug
new file mode 100644
index 0000000..1f06a05
--- /dev/null
+++ b/services/web/app/views/layout/thin-footer-bootstrap-5.pug
@@ -0,0 +1,38 @@
+footer.site-footer
+	- var showLanguagePicker = Object.keys(settings.i18n.subdomainLang).length > 1
+	- var hasCustomLeftNav = nav.left_footer && nav.left_footer.length > 0
+	.site-footer-content.hidden-print
+		.row
+			ul.site-footer-items.col-lg-9
+				if !settings.nav.hide_powered_by
+					li
+						//- year of Server Pro release, static
+						| © 2025
+						|
+						a(href='https://www.overleaf.com/for/enterprises') Powered by Overleaf
+
+					if showLanguagePicker || hasCustomLeftNav
+						li
+							strong.text-muted |
+
+				if showLanguagePicker
+					include language-picker-bootstrap-5
+
+				if showLanguagePicker && hasCustomLeftNav
+					li
+						strong.text-muted |
+
+				each item in nav.left_footer
+					li
+						if item.url
+							a(href=item.url, class=item.class) !{translate(item.text)}
+						else
+							| !{item.text}
+
+			ul.site-footer-items.col-lg-3.text-end
+				each item in nav.right_footer
+					li
+						if item.url
+							a(href=item.url, class=item.class, aria-label=item.label) !{item.text}
+						else
+							| !{item.text}
diff --git a/services/web/app/views/layout/thin-footer.pug b/services/web/app/views/layout/thin-footer.pug
new file mode 100644
index 0000000..6eeecf6
--- /dev/null
+++ b/services/web/app/views/layout/thin-footer.pug
@@ -0,0 +1,40 @@
+footer.site-footer
+	- var showLanguagePicker = Object.keys(settings.i18n.subdomainLang).length > 1
+	- var hasCustomLeftNav = nav.left_footer && nav.left_footer.length > 0
+	.site-footer-content.hidden-print
+		.row
+			ul.col-md-9
+				if hasFeature('saas')
+					li © #{new Date().getFullYear()} Overleaf
+				else if !settings.nav.hide_powered_by
+					li
+						//- year of Server Pro release, static
+						| © 2025
+						|
+						a(href='https://www.overleaf.com/for/enterprises') Powered by Overleaf
+
+					if showLanguagePicker || hasCustomLeftNav
+						li
+							strong.text-muted |
+
+				if showLanguagePicker
+					include language-picker
+
+				if showLanguagePicker && hasCustomLeftNav
+					li
+						strong.text-muted |
+
+				each item in nav.left_footer
+					li
+						if item.url
+							a(href=item.url, class=item.class) !{translate(item.text)}
+						else
+							| !{item.text}
+
+			ul.col-md-3.text-right
+				each item in nav.right_footer
+					li
+						if item.url
+							a(href=item.url, class=item.class, aria-label=item.label) !{item.text}
+						else
+							| !{item.text}
diff --git a/services/web/app/views/project/editor/_meta.pug b/services/web/app/views/project/editor/_meta.pug
new file mode 100644
index 0000000..61b7dd7
--- /dev/null
+++ b/services/web/app/views/project/editor/_meta.pug
@@ -0,0 +1,61 @@
+meta(name="ol-project_id" content=project_id)
+meta(name="ol-projectName" content=projectName)
+meta(name="ol-userSettings" data-type="json" content=userSettings)
+meta(name="ol-user" data-type="json" content=user)
+meta(name="ol-labsExperiments" data-type="json" content=labsExperiments)
+meta(name="ol-learnedWords" data-type="json" content=learnedWords)
+meta(name="ol-anonymous" data-type="boolean" content=anonymous)
+meta(name="ol-brandVariation" data-type="json" content=brandVariation)
+meta(name="ol-isTokenMember" data-type="boolean" content=isTokenMember)
+meta(name="ol-isRestrictedTokenMember" data-type="boolean" content=isRestrictedTokenMember)
+meta(name="ol-maxDocLength" data-type="json" content=maxDocLength)
+meta(name="ol-maxReconnectGracefullyIntervalMs" data-type="json" content=maxReconnectGracefullyIntervalMs)
+meta(name="ol-wikiEnabled" data-type="boolean" content=settings.proxyLearn)
+meta(name="ol-chatEnabled" data-type="boolean" content=chatEnabled)
+meta(name="ol-projectHistoryBlobsEnabled" data-type="boolean" content=projectHistoryBlobsEnabled)
+meta(name="ol-gitBridgePublicBaseUrl" content=gitBridgePublicBaseUrl)
+meta(name="ol-gitBridgeEnabled" data-type="boolean" content=gitBridgeEnabled)
+meta(name="ol-compilesUserContentDomain" content=settings.compilesUserContentDomain)
+//- enable doc hash checking for all projects
+//- used in public/js/libs/sharejs.js
+meta(name="ol-useShareJsHash" data-type="boolean" content=true)
+meta(name="ol-wsUrl" data-type="string" content=wsUrl)
+meta(name="ol-wsRetryHandshake" data-type="json" content=settings.wsRetryHandshake)
+meta(name="ol-debugPdfDetach" data-type="boolean" content=debugPdfDetach)
+meta(name="ol-showSymbolPalette" data-type="boolean" content=showSymbolPalette)
+meta(name="ol-symbolPaletteAvailable" data-type="boolean" content=symbolPaletteAvailable)
+meta(name="ol-showAiErrorAssistant" data-type="boolean" content=showAiErrorAssistant)
+meta(name="ol-detachRole" data-type="string" content=detachRole)
+meta(name="ol-allowedImageNames" data-type="json" content=allowedImageNames)
+meta(name="ol-languages" data-type="json" content=languages)
+meta(name="ol-editorThemes" data-type="json" content=editorThemes)
+meta(name="ol-legacyEditorThemes" data-type="json" content=legacyEditorThemes)
+meta(name="ol-showUpgradePrompt" data-type="boolean" content=showUpgradePrompt)
+meta(name="ol-showSupport", data-type="boolean" content=showSupport)
+meta(name="ol-showTemplatesServerPro", data-type="boolean" content=showTemplatesServerPro)
+meta(name="ol-hasTrackChangesFeature", data-type="boolean" content=hasTrackChangesFeature)
+meta(name="ol-inactiveTutorials", data-type="json" content=user.inactiveTutorials)
+meta(name="ol-projectTags" data-type="json" content=projectTags)
+meta(name="ol-ro-mirror-on-client-no-local-storage" data-type="boolean" content=roMirrorOnClientNoLocalStorage)
+meta(name="ol-isSaas" data-type="boolean" content=isSaas)
+meta(name="ol-shouldLoadHotjar" data-type="boolean" content=shouldLoadHotjar)
+meta(name="ol-isReviewerRoleEnabled" data-type="boolean" content=isReviewerRoleEnabled)
+meta(name="ol-odcRole" data-type="string" content=odcRole)
+meta(name="ol-isPaywallChangeCompileTimeoutEnabled" data-type="boolean" content=isPaywallChangeCompileTimeoutEnabled)
+meta(name='ol-customerIoEnabled' data-type="boolean" content=customerIoEnabled)
+if(isPaywallChangeCompileTimeoutEnabled)
+	//- expose plans info to show prices in paywall-change-compile-timeout test 
+	meta(name="ol-paywallPlans", data-type="json" content=paywallPlans)
+if(isOverleafAssistBundleEnabled)
+	//- expose plans info to show prices in paywall-change-compile-timeout test 
+	meta(name="ol-addonPrices", data-type="json" content=addonPrices)
+// translations for the loading page, before i18n has loaded in the client
+meta(name="ol-loadingText", data-type="string" content=translate("loading"))
+meta(name="ol-translationIoNotLoaded", data-type="string" content=translate("could_not_connect_to_websocket_server"))
+meta(name="ol-translationLoadErrorMessage", data-type="string" content=translate("could_not_load_translations"))
+meta(name="ol-translationUnableToJoin", data-type="string" content=translate("could_not_connect_to_collaboration_server"))
+
+if (settings.overleaf != null)
+	meta(name="ol-overallThemes" data-type="json" content=overallThemes)
+
+!= moduleIncludes("editor:meta", locals)
diff --git a/services/web/app/views/project/editor/new_from_template.pug b/services/web/app/views/project/editor/new_from_template.pug
new file mode 100644
index 0000000..c3b40ce
--- /dev/null
+++ b/services/web/app/views/project/editor/new_from_template.pug
@@ -0,0 +1,37 @@
+extends ../../layout-marketing
+
+block vars
+  - var suppressFooter = true
+  - var suppressCookieBanner = true
+  - var suppressSkipToContent = true
+  - bootstrap5PageStatus = 'disabled'
+
+block content
+  .editor.full-size
+    .loading-screen()
+      .loading-screen-brand-container
+        .loading-screen-brand(
+          style="height: 20%;"
+        )
+
+      h3.loading-screen-label() #{translate("Opening template")}
+        span.loading-screen-ellip .
+        span.loading-screen-ellip .
+        span.loading-screen-ellip .
+
+  form(
+    data-ol-regular-form
+    data-ol-auto-submit
+    method='POST'
+    action='/project/new/template/'
+  )
+    input(type="hidden", name="_csrf", value=csrfToken)
+    input(type="hidden" name="templateId" value=templateId)
+    input(type="hidden" name="templateVersionId" value=templateVersionId)
+    input(type="hidden" name="templateName" value=name)
+    input(type="hidden" name="compiler" value=compiler)
+    input(type="hidden" name="imageName" value=imageName)
+    input(type="hidden" name="mainFile" value=mainFile)
+    if brandVariationId
+      input(type="hidden" name="brandVariationId" value=brandVariationId)
+    input(hidden type="submit")
diff --git a/services/web/app/views/project/editor/socket_diagnostics.pug b/services/web/app/views/project/editor/socket_diagnostics.pug
new file mode 100644
index 0000000..6876e7e
--- /dev/null
+++ b/services/web/app/views/project/editor/socket_diagnostics.pug
@@ -0,0 +1,17 @@
+extends ../../layout-marketing
+
+block vars
+	- var suppressNavbar = true
+	- var suppressFooter = true
+	- var suppressGoogleAnalytics = true
+	- isWebsiteRedesign = 'true'
+		
+block entrypointVar
+	- entrypoint = 'pages/socket-diagnostics'
+
+block content
+	main.content.content-alt#main-content
+		#socket-diagnostics
+
+block prepend foot-scripts
+	script(type="text/javascript", nonce=scriptNonce, src=(wsUrl || '/socket.io') + '/socket.io.js', defer=deferScripts)
diff --git a/services/web/app/views/project/ide-react-detached.pug b/services/web/app/views/project/ide-react-detached.pug
new file mode 100644
index 0000000..8109da7
--- /dev/null
+++ b/services/web/app/views/project/ide-react-detached.pug
@@ -0,0 +1,17 @@
+extends ../layout-react
+
+block entrypointVar
+	- entrypoint = 'ide-detached'
+
+block vars
+	- var suppressNavbar = true
+	- var suppressFooter = true
+	- var suppressSkipToContent = true
+	- var suppressCookieBanner = true
+	- metadata.robotsNoindexNofollow = true
+
+block content
+	#pdf-preview-detached-root()
+
+block append meta
+	include editor/_meta
diff --git a/services/web/app/views/project/ide-react.pug b/services/web/app/views/project/ide-react.pug
new file mode 100644
index 0000000..bc30f69
--- /dev/null
+++ b/services/web/app/views/project/ide-react.pug
@@ -0,0 +1,28 @@
+extends ../layout-react
+
+block vars
+	- var suppressNavbar = true
+	- var suppressFooter = true
+	- var suppressSkipToContent = true
+	- var deferScripts = true
+	- metadata.robotsNoindexNofollow = true
+	- enableIeeeBranding = false
+
+block entrypointVar
+	- entrypoint = 'pages/ide'
+
+block content
+	main#ide-root
+		.loading-screen
+			.loading-screen-brand-container
+				.loading-screen-brand(style="height: 20%;")
+			h3.loading-screen-label #{translate("loading")}
+				span.loading-screen-ellip .
+				span.loading-screen-ellip .
+				span.loading-screen-ellip .
+
+block append meta
+	include editor/_meta
+
+block prepend foot-scripts
+	script(type="text/javascript", nonce=scriptNonce, src=(wsUrl || '/socket.io') + '/socket.io.js', defer=deferScripts)
diff --git a/services/web/app/views/project/invite/not-valid.pug b/services/web/app/views/project/invite/not-valid.pug
new file mode 100644
index 0000000..ac3eaed
--- /dev/null
+++ b/services/web/app/views/project/invite/not-valid.pug
@@ -0,0 +1,21 @@
+extends ../../layout-marketing
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	main.content.content-alt#main-content
+		.container
+			.row
+				.col-md-8.col-md-offset-2
+					.card.project-invite-invalid
+						.page-header.text-centered
+							h1  #{translate("invite_not_valid")}
+						.row.text-center
+							.col-md-12
+								p
+									| #{translate("invite_not_valid_description")}.
+						.row.text-center.actions
+							.col-md-12
+								a.btn.btn-secondary-info.btn-secondary(href="/project") #{translate("back_to_your_projects")}
+							
diff --git a/services/web/app/views/project/invite/show.pug b/services/web/app/views/project/invite/show.pug
new file mode 100644
index 0000000..8d19a1e
--- /dev/null
+++ b/services/web/app/views/project/invite/show.pug
@@ -0,0 +1,37 @@
+extends ../../layout-marketing
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	main.content.content-alt#main-content
+		.container
+			.row
+				.col-md-8.col-md-offset-2
+					.card.project-invite-accept
+						.page-header.text-centered
+							h1 #{translate("user_wants_you_to_see_project", {username:owner.first_name, projectname:""})}
+								br
+								em #{project.name}
+						.row.text-center
+							.col-md-12
+								p
+									| #{translate("accepting_invite_as")}&nbsp;
+									em #{user.email}
+						.row
+							.col-md-12
+								form.form(
+									data-ol-regular-form
+									method="POST",
+									action="/project/"+invite.projectId+"/invite/token/"+token+"/accept"
+								)
+									input(name='_csrf', type='hidden', value=csrfToken)
+									input(name='token', type='hidden', value=token)
+									.form-group.text-center
+										button.btn.btn-lg.btn-primary(
+											type="submit"
+											data-ol-disabled-inflight
+										)
+											span(data-ol-inflight="idle") #{translate("join_project")}
+											span(hidden data-ol-inflight="pending") #{translate("joining")}…
+									.form-group.text-center
diff --git a/services/web/app/views/project/list-react.pug b/services/web/app/views/project/list-react.pug
new file mode 100644
index 0000000..be9233e
--- /dev/null
+++ b/services/web/app/views/project/list-react.pug
@@ -0,0 +1,43 @@
+extends ../layout-react
+
+block entrypointVar
+	- entrypoint = 'pages/project-list'
+
+block vars
+	- const suppressNavContentLinks = true
+	- const suppressNavbar = true
+	- const suppressFooter = true
+
+block append meta
+	meta(name="ol-usersBestSubscription" data-type="json" content=usersBestSubscription)
+	meta(name="ol-notifications" data-type="json" content=notifications)
+	meta(name="ol-notificationsInstitution" data-type="json" content=notificationsInstitution)
+	meta(name="ol-userEmails" data-type="json" content=userEmails)
+	meta(name="ol-allInReconfirmNotificationPeriods" data-type="json" content=allInReconfirmNotificationPeriods)
+	meta(name="ol-user" data-type="json" content=user)
+	meta(name="ol-userAffiliations" data-type="json" content=userAffiliations)
+	meta(name="ol-reconfirmedViaSAML" content=reconfirmedViaSAML)
+	meta(name="ol-survey" data-type="json" content=survey)
+	meta(name="ol-tags" data-type="json" content=tags)
+	meta(name="ol-portalTemplates" data-type="json" content=portalTemplates)
+	meta(name="ol-prefetchedProjectsBlob" data-type="json" content=prefetchedProjectsBlob)
+	if (suggestedLanguageSubdomainConfig)
+		meta(name="ol-suggestedLanguage" data-type="json" content=Object.assign(suggestedLanguageSubdomainConfig, {
+			lngName: translate(suggestedLanguageSubdomainConfig.lngCode),
+			imgUrl: buildImgPath("flags/24/" + suggestedLanguageSubdomainConfig.lngCode + ".png")
+		}))
+	meta(name="ol-currentUrl" data-type="string" content=currentUrl)
+	meta(name="ol-showGroupsAndEnterpriseBanner" data-type="boolean" content=showGroupsAndEnterpriseBanner)
+	meta(name="ol-groupsAndEnterpriseBannerVariant" data-type="string" content=groupsAndEnterpriseBannerVariant)
+	meta(name="ol-showInrGeoBanner" data-type="boolean" content=showInrGeoBanner)
+	meta(name="ol-showBrlGeoBanner" data-type="boolean" content=showBrlGeoBanner)
+	meta(name="ol-recommendedCurrency" data-type="string" content=recommendedCurrency)
+	meta(name="ol-showLATAMBanner" data-type="boolean" content=showLATAMBanner)
+	meta(name="ol-groupSubscriptionsPendingEnrollment" data-type="json" content=groupSubscriptionsPendingEnrollment)
+	meta(name="ol-hasIndividualRecurlySubscription" data-type="boolean" content=hasIndividualRecurlySubscription)
+	meta(name="ol-groupSsoSetupSuccess" data-type="boolean" content=groupSsoSetupSuccess)
+	meta(name="ol-showUSGovBanner" data-type="boolean" content=showUSGovBanner)
+	meta(name="ol-usGovBannerVariant" data-type="string" content=usGovBannerVariant)
+
+block content
+	#project-list-root
diff --git a/services/web/app/views/project/token/access-react.pug b/services/web/app/views/project/token/access-react.pug
new file mode 100644
index 0000000..83e9f79
--- /dev/null
+++ b/services/web/app/views/project/token/access-react.pug
@@ -0,0 +1,17 @@
+extends ../../layout-marketing
+
+block entrypointVar
+	- entrypoint = 'pages/token-access'
+
+block vars
+	- var suppressFooter = true
+	- var suppressCookieBanner = true
+	- var suppressSkipToContent = true
+		
+block append meta
+	meta(name="ol-postUrl" data-type="string" content=postUrl)
+	meta(name="ol-user" data-type="json" content=user)
+
+block content
+	.content.content-alt#main-content
+		div#token-access-page
diff --git a/services/web/app/views/project/token/sharing-updates.pug b/services/web/app/views/project/token/sharing-updates.pug
new file mode 100644
index 0000000..a0afb0c
--- /dev/null
+++ b/services/web/app/views/project/token/sharing-updates.pug
@@ -0,0 +1,16 @@
+extends ../../layout-marketing
+
+block entrypointVar
+	- entrypoint = 'pages/sharing-updates'
+
+block vars
+	- var suppressFooter = true
+	- var suppressCookieBanner = true
+	- var suppressSkipToContent = true
+
+block append meta
+	meta(name="ol-project_id" data-type="string" content=projectId)
+
+block content
+	.content.content-alt#main-content
+		div#sharing-updates-page
diff --git a/services/web/app/views/referal/bonus.pug b/services/web/app/views/referal/bonus.pug
new file mode 100644
index 0000000..ecd5a71
--- /dev/null
+++ b/services/web/app/views/referal/bonus.pug
@@ -0,0 +1,49 @@
+extends ../layout-marketing
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	.content.content-alt#main-content
+		.container.bonus
+			.row
+				.col-md-8.col-md-offset-2
+					.card
+						.container-fluid
+							.row
+								.col-md-10.col-md-offset-1
+									if (refered_user_count > 0)
+										p.thanks The Overleaf Bonus Program has been discontinued, but you'll continue to have access to the features you already earned.
+									else
+										p.thanks The Overleaf Bonus Program has been discontinued.
+									p.thanks Please <a href="/contact">contact us</a> if you have any questions.
+									
+							if (refered_user_count > 0)
+								.row.ab-bonus
+									.col-md-10.col-md-offset-1.bonus-banner(style="position: relative; height: 30px; margin-top: 20px;")
+										- for (var i = 0; i <= 10; i++) {
+											if (refered_user_count == i)
+												.number(style="left: "+i+"0%").active #{i}
+											else
+												.number(style="left: "+i+"0%") #{i}
+										- }
+	
+								.row.ab-bonus
+									.col-md-10.col-md-offset-1.bonus-banner
+										.progress
+											.progress-bar.progress-bar-info(style="width: "+refered_user_count+"0%")
+	
+								.row.ab-bonus
+									.col-md-10.col-md-offset-1.bonus-banner(style="position: relative; height: 110px;")
+										.perk(style="left: 10%;", class = refered_user_count >= 1 ? "active" : "") #{translate("one_free_collab")}
+										.perk(style="left: 30%;", class = refered_user_count >= 3 ? "active" : "") #{translate("three_free_collab")}
+										.perk(style="left: 60%;", class = refered_user_count >= 6 ? "active" : "") #{translate("free_dropbox_and_history")} + #{translate("three_free_collab")}
+										.perk(style="left: 90%;", class = refered_user_count >= 9 ? "active" : "") #{translate("free_dropbox_and_history")} + #{translate("unlimited_collabs")}
+								.row &nbsp;
+	
+								.row.ab-bonus
+									.col-md-10.col-md-offset-1.bonus-banner.bonus-status
+										if (refered_user_count == 1)
+											p.thanks You’ve introduced <strong>1</strong> person to #{settings.appName}.
+										else
+											p.thanks You’ve introduced <strong>#{refered_user_count}</strong> people to #{settings.appName}.
diff --git a/services/web/app/views/subscriptions/add-seats.pug b/services/web/app/views/subscriptions/add-seats.pug
new file mode 100644
index 0000000..fb04ef9
--- /dev/null
+++ b/services/web/app/views/subscriptions/add-seats.pug
@@ -0,0 +1,15 @@
+extends ../layout-marketing
+
+block entrypointVar
+	- entrypoint = 'pages/user/subscription/group-management/add-seats'
+
+block append meta
+	meta(name="ol-subscriptionData" data-type="json" content=subscriptionData)
+	meta(name="ol-groupName", data-type="string", content=groupName)
+	meta(name="ol-subscriptionId", data-type="string", content=subscriptionId)
+	meta(name="ol-totalLicenses", data-type="number", content=totalLicenses)
+	meta(name="ol-isProfessional", data-type="boolean", content=isProfessional)
+
+block content
+	main.content.content-alt#main-content
+		#add-seats-root
diff --git a/services/web/app/views/subscriptions/canceled-subscription-react.pug b/services/web/app/views/subscriptions/canceled-subscription-react.pug
new file mode 100644
index 0000000..3a89234
--- /dev/null
+++ b/services/web/app/views/subscriptions/canceled-subscription-react.pug
@@ -0,0 +1,10 @@
+extends ../layout-react
+
+block entrypointVar
+	- entrypoint = 'pages/user/subscription/canceled-subscription'
+
+block append meta
+	meta(name="ol-user" data-type="json" content=user)
+
+block content
+	main.content.content-alt#subscription-canceled-root
diff --git a/services/web/app/views/subscriptions/dashboard-react.pug b/services/web/app/views/subscriptions/dashboard-react.pug
new file mode 100644
index 0000000..dab505e
--- /dev/null
+++ b/services/web/app/views/subscriptions/dashboard-react.pug
@@ -0,0 +1,34 @@
+extends ../layout-react
+
+block entrypointVar
+  - entrypoint = 'pages/user/subscription/dashboard'
+
+block head-scripts
+  script(type="text/javascript", nonce=scriptNonce, src="https://js.recurly.com/v4/recurly.js")
+
+block append meta
+  meta(name="ol-subscription" data-type="json" content=personalSubscription)
+  meta(name="ol-userCanExtendTrial" data-type="boolean" content=userCanExtendTrial)
+  meta(name="ol-managedGroupSubscriptions" data-type="json" content=managedGroupSubscriptions)
+  meta(name="ol-memberGroupSubscriptions" data-type="json" content=memberGroupSubscriptions)
+  meta(name="ol-managedInstitutions" data-type="json" content=managedInstitutions)
+  meta(name="ol-managedPublishers" data-type="json" content=managedPublishers)
+  meta(name="ol-planCodesChangingAtTermEnd" data-type="json", content=planCodesChangingAtTermEnd)
+  meta(name="ol-currentInstitutionsWithLicence" data-type="json" content=currentInstitutionsWithLicence)
+  meta(name="ol-hasSubscription" data-type="boolean" content=hasSubscription)
+  meta(name="ol-fromPlansPage" data-type="boolean" content=fromPlansPage)
+  meta(name="ol-plans" data-type="json" content=plans)
+  meta(name="ol-groupSettingsAdvertisedFor" data-type="json" content=groupSettingsAdvertisedFor)
+  meta(name="ol-canUseFlexibleLicensing" data-type="boolean", content=canUseFlexibleLicensing)
+  meta(name="ol-showGroupDiscount" data-type="boolean", content=showGroupDiscount)
+  meta(name="ol-groupSettingsEnabledFor" data-type="json" content=groupSettingsEnabledFor)
+  meta(name="ol-hasAiAssistViaWritefull" data-type="boolean", content=hasAiAssistViaWritefull)
+  meta(name="ol-user" data-type="json" content=user)
+  if (personalSubscription && personalSubscription.payment)
+    meta(name="ol-recurlyApiKey" content=settings.apis.recurly.publicKey)
+    meta(name="ol-recommendedCurrency" content=personalSubscription.payment.currency)
+    meta(name="ol-groupPlans" data-type="json" content=groupPlans)
+
+block content
+  main.content.content-alt#main-content
+    #subscription-dashboard-root
diff --git a/services/web/app/views/subscriptions/manually-collected-subscription.pug b/services/web/app/views/subscriptions/manually-collected-subscription.pug
new file mode 100644
index 0000000..1555ac2
--- /dev/null
+++ b/services/web/app/views/subscriptions/manually-collected-subscription.pug
@@ -0,0 +1,10 @@
+extends ../layout-marketing
+
+block entrypointVar
+	- entrypoint = 'pages/user/subscription/group-management/manually-collected-subscription'
+
+block append meta
+	meta(name="ol-groupName", data-type="string", content=groupName)
+
+block content
+	main.content.content-alt#manually-collected-subscription-root
diff --git a/services/web/app/views/subscriptions/missing-billing-information.pug b/services/web/app/views/subscriptions/missing-billing-information.pug
new file mode 100644
index 0000000..67d13f8
--- /dev/null
+++ b/services/web/app/views/subscriptions/missing-billing-information.pug
@@ -0,0 +1,10 @@
+extends ../layout-marketing
+
+block entrypointVar
+	- entrypoint = 'pages/user/subscription/group-management/missing-billing-information'
+
+block append meta
+	meta(name="ol-groupName", data-type="string", content=groupName)
+
+block content
+	main.content.content-alt#missing-billing-information-root
diff --git a/services/web/app/views/subscriptions/plans/_faq_new.pug b/services/web/app/views/subscriptions/plans/_faq_new.pug
new file mode 100644
index 0000000..baefb6e
--- /dev/null
+++ b/services/web/app/views/subscriptions/plans/_faq_new.pug
@@ -0,0 +1,86 @@
+include ./_plans_faq_tabs
+include ../../_mixins/eyebrow
+
+- var managingYourSubscription = 'managingYourSubscription'
+- var overleafIndividualPlans = 'overleafIndividualPlans'
+- var overleafGroupPlans = 'overleafGroupPlans'
+.plans-faq
+	.row.row-spaced-extra-large
+		.col-md-12.faq-heading-container
+			h2
+				+eyebrow(translate("frequently_asked_questions"))
+				| #{translate("your_questions_answered")}
+
+	.row
+		.col-xs-12
+			div(
+				class={
+					'plans-faq-tabs': bootstrapVersion === 5,
+					'ol-tabs': bootstrapVersion === 5,
+					'ol-tabs-scrollable': bootstrapVersion === 3
+				}
+			)
+				.nav-tabs-container
+					ul.nav.nav-tabs(role="tablist")
+						//- In the bs5 version of plans page, the `active` class need to be added to the `a` tag instead of the parent `li` tag
+						//- If the `plans-page-bs5` split test has been completed, remove the `active` class from the `li` tag since we're not using it anymore
+						//- If the `plans-page-bs5` split test has been completed, remove the `data-toggle` because it is not needed anymore (bs5 uses `data-bs-toggle`)
+						li(
+							role="presentation"
+							class={
+								active: bootstrapVersion === 3
+							}
+						)
+							a(
+								role="tab"
+								data-toggle="tab"
+								data-bs-toggle="tab"
+								href='#' + managingYourSubscription
+								aria-controls=managingYourSubscription
+								class={
+									active: bootstrapVersion === 5
+								}
+							)
+								| #{translate('managing_your_subscription')}
+						li(role="presentation")
+							a(
+								role="tab"
+								data-toggle="tab"
+								data-bs-toggle="tab"
+								href='#' + overleafIndividualPlans
+								aria-controls=overleafIndividualPlans
+							)
+								| #{translate('overleaf_individual_plans')}
+						li(role="presentation")
+							a(
+								role="tab"
+								data-toggle="tab"
+								data-bs-toggle="tab"
+								href='#' + overleafGroupPlans
+								aria-controls=overleafGroupPlans
+							)
+								| #{translate('overleaf_group_plans')}
+
+				.tab-content
+					.tab-pane.active(
+						role="tabpanel"
+						id=managingYourSubscription
+					)
+						+managingYourSubscription()
+					.tab-pane(
+						role="tabpanel"
+						id=overleafIndividualPlans
+					)
+						+overleafIndividualPlans()
+					.tab-pane(
+						role="tabpanel"
+						id=overleafGroupPlans
+					)
+						+overleafGroupPlans()
+
+	.row
+		.col-xs-12.plans-faq-support
+			span #{translate('still_have_questions')}
+			button(data-ol-open-contact-form-modal="general")
+				span(style="margin-right: 4px") #{translate('contact_support')}
+				i.icon-md.material-symbols.material-symbols-rounded.material-symbols-arrow-right(aria-hidden="true") arrow_right_alt
diff --git a/services/web/app/views/subscriptions/plans/_plans_faq_tabs.pug b/services/web/app/views/subscriptions/plans/_plans_faq_tabs.pug
new file mode 100644
index 0000000..f312ebe
--- /dev/null
+++ b/services/web/app/views/subscriptions/plans/_plans_faq_tabs.pug
@@ -0,0 +1,356 @@
+//- If the `plans-page-bs5` split test has been completed, remove the `data-toggle` and `data-target` because it is not needed anymore (bs5 uses `data-bs-toggle` and `data-bs-target`)
+
+mixin managingYourSubscription()
+	.ol-accordions-container
+		.custom-accordion-item
+			button.custom-accordion-header.collapsed(
+				type="button"
+				data-toggle="collapse"
+				data-target="#managingYourSubscriptionQ1"
+				data-bs-toggle="collapse"
+				data-bs-target="#managingYourSubscriptionQ1"
+				aria-expanded="false"
+				aria-controls="managingYourSubscriptionQ1"
+			)
+				| Can I change plans or cancel later?
+				span.custom-accordion-icon
+					i.material-symbols.material-symbols-outlined(aria-hidden="true") keyboard_arrow_down
+			.collapse(id="managingYourSubscriptionQ1")
+				.custom-accordion-body
+					span Yes, you can do this at any time by going to 
+					strong Account > Subscription 
+					span when logged in to Overleaf. You can change plans, switch between monthly and annual billing options, or cancel to downgrade to the free plan. When canceling, your subscription will continue until the end of the billing period.
+		.custom-accordion-item
+			button.custom-accordion-header.collapsed(
+				type="button"
+				data-toggle="collapse"
+				data-target="#managingYourSubscriptionQ2"
+				data-bs-toggle="collapse"
+				data-bs-target="#managingYourSubscriptionQ2"
+				aria-expanded="false"
+				aria-controls="managingYourSubscriptionQ2"
+			)
+				| If I change or cancel my Overleaf plan, will I lose my projects?
+				span.custom-accordion-icon
+					i.material-symbols.material-symbols-outlined(aria-hidden="true") keyboard_arrow_down
+			.collapse(id="managingYourSubscriptionQ2")
+				.custom-accordion-body
+					| No. Changing or canceling your plan won’t affect your projects, the only change will be to the features available to you. You can see which features are available only on paid plans in the comparison table.
+		.custom-accordion-item
+			button.custom-accordion-header.collapsed(
+				type="button"
+				data-toggle="collapse"
+				data-target="#managingYourSubscriptionQ3"
+				data-bs-toggle="collapse"
+				data-bs-target="#managingYourSubscriptionQ3"
+				aria-expanded="false"
+				aria-controls="managingYourSubscriptionQ3"
+			)
+				| Can I pay by invoice or purchase order?
+				span.custom-accordion-icon
+					i.material-symbols.material-symbols-outlined(aria-hidden="true") keyboard_arrow_down
+			.collapse(id="managingYourSubscriptionQ3")
+				.custom-accordion-body
+					| This is possible when you’re purchasing a group subscription for five or more people, or a site license. For individual subscriptions, we can only accept payment online via credit card, debit card, or PayPal.
+		.custom-accordion-item
+			button.custom-accordion-header.collapsed(
+				type="button"
+				data-toggle="collapse"
+				data-target="#managingYourSubscriptionQ4"
+				data-bs-toggle="collapse"
+				data-bs-target="#managingYourSubscriptionQ4"
+				aria-expanded="false"
+				aria-controls="managingYourSubscriptionQ4"
+			)
+				| How do I view/update the credit card being charged for my subscription?
+				span.custom-accordion-icon
+					i.material-symbols.material-symbols-outlined(aria-hidden="true") keyboard_arrow_down
+			.collapse(id="managingYourSubscriptionQ4")
+				.custom-accordion-body
+					| You can view and update the card on file by going to Account > 
+					a.inline-green-link(
+						target="_blank"
+						href="/user/subscription"
+						event-tracking="plans-page-click"
+						event-tracking-mb="true"
+						event-tracking-trigger="click"
+						event-segmentation={ button: 'contact', location: 'faq' }
+					)
+						span Subscription
+					| .
+
+
+
+
+mixin overleafIndividualPlans()
+	.ol-accordions-container
+		.custom-accordion-item
+			button.custom-accordion-header.collapsed(
+				type="button"
+				data-toggle="collapse"
+				data-target="#overleafIndividualPlansQ1"
+				data-bs-toggle="collapse"
+				data-bs-target="#overleafIndividualPlansQ1"
+				aria-expanded="false"
+				aria-controls="overleafIndividualPlansQ1"
+			)
+				| How does the free trial work?
+				span.custom-accordion-icon
+					i.material-symbols.material-symbols-outlined(aria-hidden="true") keyboard_arrow_down
+			.collapse(id="overleafIndividualPlansQ1")
+				.custom-accordion-body
+					span You get full access to your chosen plan during your 7-day free trial, and there’s no obligation to continue beyond the trial. Your card will be charged at the end of your trial unless you cancel before then. To cancel, go to 
+					strong Account > 
+						a.inline-green-link(
+							target="_blank"
+							href="/user/subscription"
+							event-tracking="plans-page-click"
+							event-tracking-mb="true"
+							event-tracking-trigger="click"
+							event-segmentation={ button: 'contact', location: 'faq' }
+						)
+							span Subscription
+					span  when logged in to Overleaf (the trial will continue for the full 7 days).
+
+		.custom-accordion-item
+			button.custom-accordion-header.collapsed(
+				type="button"
+				data-toggle="collapse"
+				data-target="#overleafIndividualPlansQ2"
+				data-bs-toggle="collapse"
+				data-bs-target="#overleafIndividualPlansQ2"
+				aria-expanded="false"
+				aria-controls="overleafIndividualPlansQ2"
+			)
+				| What’s a collaborator on an Overleaf individual subscription?
+				span.custom-accordion-icon
+					i.material-symbols.material-symbols-outlined(aria-hidden="true") keyboard_arrow_down
+			.collapse(id="overleafIndividualPlansQ2")
+				.custom-accordion-body
+					| A collaborator is someone you invite to work with you on a project. So, for example, on our Standard plan you can have up to 10 people collaborating with you on any given project. 
+
+		.custom-accordion-item
+			button.custom-accordion-header.collapsed(
+				type="button"
+				data-toggle="collapse"
+				data-target="#overleafIndividualPlansQ3"
+				data-bs-toggle="collapse"
+				data-bs-target="#overleafIndividualPlansQ3"
+				aria-expanded="false"
+				aria-controls="overleafIndividualPlansQ3"
+			)
+				| The individual Standard plan has 10 project collaborators, does it mean that 10 people will be upgraded?
+				span.custom-accordion-icon
+					i.material-symbols.material-symbols-outlined(aria-hidden="true") keyboard_arrow_down
+			.collapse(id="overleafIndividualPlansQ3")
+				.custom-accordion-body
+					span No. Only the subscriber’s account will be upgraded. An individual Standard subscription allows you to invite 10 people per project to edit the project with you. Your collaborators can access features such as the full document history and extended compile time, but 
+					strong only 
+					span for the project(s) they’re working on with you. If your collaborators want access to those features on their own projects, they will need to purchase their own subscription. (If you work with the same people regularly, you might find a group subscription more cost effective.)
+		.custom-accordion-item
+			button.custom-accordion-header.collapsed(
+				type="button"
+				data-toggle="collapse"
+				data-target="#overleafIndividualPlansQ4"
+				data-bs-toggle="collapse"
+				data-bs-target="#overleafIndividualPlansQ4"
+				aria-expanded="false"
+				aria-controls="overleafIndividualPlansQ4"
+			)
+				| Do collaborators also have access to the editing and collaboration features I’ve paid for?
+				span.custom-accordion-icon
+					i.material-symbols.material-symbols-outlined(aria-hidden="true") keyboard_arrow_down
+			.collapse(id="overleafIndividualPlansQ4")
+				.custom-accordion-body
+					span If you have an Overleaf subscription, then your project collaborators will have access to features like real-time track changes and document history, but 
+					strong only 
+					span for the project(s) they’re working on with you. If your collaborators want access to those features on their own projects, they will need to purchase their own subscription. (If you work with the same people regularly, you might find a group subscription more cost effective.)
+		.custom-accordion-item
+			button.custom-accordion-header.collapsed(
+				type="button"
+				data-toggle="collapse"
+				data-target="#overleafIndividualPlansQ5"
+				data-bs-toggle="collapse"
+				data-bs-target="#overleafIndividualPlansQ5"
+				aria-expanded="false"
+				aria-controls="overleafIndividualPlansQ5"
+			)
+				| Can I purchase an individual plan on behalf of someone else?
+				span.custom-accordion-icon
+					i.material-symbols.material-symbols-outlined(aria-hidden="true") keyboard_arrow_down
+			.collapse(id="overleafIndividualPlansQ5")
+				.custom-accordion-body
+					| Individual subscriptions must be purchased by the account that will be the end user. If you want to purchase a plan for someone else, you’ll need to provide them with relevant payment details to enable them to make the purchase. 
+		.custom-accordion-item
+			button.custom-accordion-header.collapsed(
+				type="button"
+				data-toggle="collapse"
+				data-target="#overleafIndividualPlansQ6"
+				data-bs-toggle="collapse"
+				data-bs-target="#overleafIndividualPlansQ6"
+				aria-expanded="false"
+				aria-controls="overleafIndividualPlansQ6"
+			)
+				| Who is eligible for the Student plan?
+				span.custom-accordion-icon
+					i.material-symbols.material-symbols-outlined(aria-hidden="true") keyboard_arrow_down
+			.collapse(id="overleafIndividualPlansQ6")
+				.custom-accordion-body
+					| As the name suggests, the Student plan is only for students at educational institutions. This includes graduate students.
+		.custom-accordion-item
+			button.custom-accordion-header.collapsed(
+				type="button"
+				data-toggle="collapse"
+				data-target="#overleafIndividualPlansQ7"
+				data-bs-toggle="collapse"
+				data-bs-target="#overleafIndividualPlansQ7"
+				aria-expanded="false"
+				aria-controls="overleafIndividualPlansQ7"
+			)
+				| Can I transfer an individual subscription to someone else?
+				span.custom-accordion-icon
+					i.material-symbols.material-symbols-outlined(aria-hidden="true") keyboard_arrow_down
+			.collapse(id="overleafIndividualPlansQ7")
+				.custom-accordion-body
+					| No. Individual plans can’t be transferred. 
+
+
+
+
+
+mixin overleafGroupPlans()
+	.ol-accordions-container
+		.custom-accordion-item
+			button.custom-accordion-header.collapsed(
+				type="button"
+				data-toggle="collapse"
+				data-target="#overleafGroupPlansQ1"
+				data-bs-toggle="collapse"
+				data-bs-target="#overleafGroupPlansQ1"
+				aria-expanded="false"
+				aria-controls="overleafGroupPlansQ1"
+			)
+				| What’s the difference between users and collaborators on an Overleaf group subscription?
+				span.custom-accordion-icon
+					i.material-symbols.material-symbols-outlined(aria-hidden="true") keyboard_arrow_down
+			.collapse(id="overleafGroupPlansQ1")
+				.custom-accordion-body
+					div On any of our group plans, the number of users refers to the number of people you can invite to join your group. All of these people will have access to the plan’s paid-for features across all their projects, such as real-time track changes and document history. 
+					div.mt-2 Collaborators are people that your group users may invite to work with them on their projects. So, for example, if you have the Group Standard plan, the users in your group can invite up to 10 people to work with them on a project. And if you have the Group Professional plan, your users can invite as many people to work with them as they want.
+		.custom-accordion-item
+			button.custom-accordion-header.collapsed(
+				type="button"
+				data-toggle="collapse"
+				data-target="#overleafGroupPlansQ2"
+				data-bs-toggle="collapse"
+				data-bs-target="#overleafGroupPlansQ2"
+				aria-expanded="false"
+				aria-controls="overleafGroupPlansQ2"
+			)
+				| What is the benefit of purchasing an Overleaf Group plan?
+				span.custom-accordion-icon
+					i.material-symbols.material-symbols-outlined(aria-hidden="true") keyboard_arrow_down
+			.collapse(id="overleafGroupPlansQ2")
+				.custom-accordion-body
+					| Our Group subscriptions allow you to purchase access to our premium features for multiple people. They’re easy to manage, help save on paperwork, and allow groups of 5 or more to purchase via purchase order (PO). We also offer discounts on purchases of Group subscriptions for more than 20 users; just get in touch with our 
+					a.inline-green-link(
+						target="_blank"
+						href="/for/contact-sales"
+						event-tracking="plans-page-click"
+						event-tracking-mb="true"
+						event-tracking-trigger="click"
+						event-segmentation={ button: 'contact', location: 'faq' }
+					)
+						span Sales team
+					| .
+		.custom-accordion-item
+			button.custom-accordion-header.collapsed(
+				type="button"
+				data-toggle="collapse"
+				data-target="#overleafGroupPlansQ3"
+				data-bs-toggle="collapse"
+				data-bs-target="#overleafGroupPlansQ3"
+				aria-expanded="false"
+				aria-controls="overleafGroupPlansQ3"
+			)
+				| Who is eligible for the educational discount?
+				span.custom-accordion-icon
+					i.material-symbols.material-symbols-outlined(aria-hidden="true") keyboard_arrow_down
+			.collapse(id="overleafGroupPlansQ3")
+				.custom-accordion-body
+					| The educational discount for group subscriptions is for students or faculty who are using Overleaf primarily for teaching. 
+		.custom-accordion-item
+			button.custom-accordion-header.collapsed(
+				type="button"
+				data-toggle="collapse"
+				data-target="#overleafGroupPlansQ4"
+				data-bs-toggle="collapse"
+				data-bs-target="#overleafGroupPlansQ4"
+				aria-expanded="false"
+				aria-controls="overleafGroupPlansQ4"
+			)
+				| How do I add more licenses to my group subscription, and what will it cost?
+				span.custom-accordion-icon
+					i.material-symbols.material-symbols-outlined(aria-hidden="true") keyboard_arrow_down
+			.collapse(id="overleafGroupPlansQ4")
+				.custom-accordion-body
+					div 
+						| You can add up to 20 licenses using the 
+						a.inline-green-link(
+							target="_blank"
+							href="/user/subscription"
+							event-tracking="plans-page-click"
+							event-tracking-mb="true"
+							event-tracking-trigger="click"
+							event-segmentation={ button: 'contact', location: 'faq' }
+						)
+							span subscription management page
+						|  accessed by going to Account > 
+						a.inline-green-link(
+							target="_blank"
+							href="/user/subscription"
+							event-tracking="plans-page-click"
+							event-tracking-mb="true"
+							event-tracking-trigger="click"
+							event-segmentation={ button: 'contact', location: 'faq' }
+						)
+							span Subscription
+						|  when logged into Overleaf. The cost per license will be prorated at the current per license rate, and will end with your existing renewal date.
+					div.mt-2 
+						| If you need more than 20 licenses added to your subscription, please 
+						a.inline-green-link(
+							target="_blank"
+							href="/for/contact-sales"
+							event-tracking="plans-page-click"
+							event-tracking-mb="true"
+							event-tracking-trigger="click"
+							event-segmentation={ button: 'contact', location: 'faq' }
+						)
+							span contact the Sales team
+						| .
+		.custom-accordion-item
+			button.custom-accordion-header.collapsed(
+				type="button"
+				data-toggle="collapse"
+				data-target="#overleafGroupPlansQ5"
+				data-bs-toggle="collapse"
+				data-bs-target="#overleafGroupPlansQ5"
+				aria-expanded="false"
+				aria-controls="overleafGroupPlansQ5"
+			)
+				| How do I upgrade my plan from Group Standard to Group Professional?
+				span.custom-accordion-icon
+					i.material-symbols.material-symbols-outlined(aria-hidden="true") keyboard_arrow_down
+			.collapse(id="overleafGroupPlansQ5")
+				.custom-accordion-body
+					| You can upgrade your plan from Group Standard to Group Professional on the 
+					a.inline-green-link(
+						target="_blank"
+						href="/user/subscription"
+						event-tracking="plans-page-click"
+						event-tracking-mb="true"
+						event-tracking-trigger="click"
+						event-segmentation={ button: 'contact', location: 'faq' }
+					)
+						span subscription management page
+					| .
diff --git a/services/web/app/views/subscriptions/preview-change.pug b/services/web/app/views/subscriptions/preview-change.pug
new file mode 100644
index 0000000..ab70d2d
--- /dev/null
+++ b/services/web/app/views/subscriptions/preview-change.pug
@@ -0,0 +1,11 @@
+extends ../layout-marketing
+
+block entrypointVar
+	- entrypoint = 'pages/user/subscription/preview-change'
+
+block append meta
+	meta(name="ol-subscriptionChangePreview" data-type="json" content=changePreview)
+
+block content
+	main.content.content-alt#main-content
+		#subscription-preview-change
diff --git a/services/web/app/views/subscriptions/subtotal-limit-exceeded.pug b/services/web/app/views/subscriptions/subtotal-limit-exceeded.pug
new file mode 100644
index 0000000..15f7948
--- /dev/null
+++ b/services/web/app/views/subscriptions/subtotal-limit-exceeded.pug
@@ -0,0 +1,10 @@
+extends ../layout-marketing
+
+block entrypointVar
+	- entrypoint = 'pages/user/subscription/group-management/subtotal-limit-exceeded'
+
+block append meta
+	meta(name="ol-groupName", data-type="string", content=groupName)
+
+block content
+	main.content.content-alt#subtotal-limit-exceeded-root
diff --git a/services/web/app/views/subscriptions/successful-subscription-react.pug b/services/web/app/views/subscriptions/successful-subscription-react.pug
new file mode 100644
index 0000000..5ce208b
--- /dev/null
+++ b/services/web/app/views/subscriptions/successful-subscription-react.pug
@@ -0,0 +1,12 @@
+extends ../layout-react
+
+block entrypointVar
+	- entrypoint = 'pages/user/subscription/successful-subscription'
+
+block append meta
+	meta(name="ol-subscription" data-type="json" content=personalSubscription)
+	meta(name="ol-postCheckoutRedirect" content=postCheckoutRedirect)
+	meta(name="ol-user" data-type="json" content=user)
+
+block content
+	main.content.content-alt#subscription-success-root
diff --git a/services/web/app/views/subscriptions/team/group-invites.pug b/services/web/app/views/subscriptions/team/group-invites.pug
new file mode 100644
index 0000000..81c70f1
--- /dev/null
+++ b/services/web/app/views/subscriptions/team/group-invites.pug
@@ -0,0 +1,11 @@
+extends ../../layout-react
+
+block entrypointVar
+	- entrypoint = 'pages/user/subscription/group-invites'
+
+block append meta
+	meta(name="ol-teamInvites" data-type="json" content=teamInvites)
+	meta(name="ol-user" data-type="json" content=user)
+
+block content
+	main.content.content-alt.team-invite#group-invites-root
diff --git a/services/web/app/views/subscriptions/team/invite-managed.pug b/services/web/app/views/subscriptions/team/invite-managed.pug
new file mode 100644
index 0000000..f59b8b4
--- /dev/null
+++ b/services/web/app/views/subscriptions/team/invite-managed.pug
@@ -0,0 +1,18 @@
+extends ../../layout-react
+
+block entrypointVar
+	- entrypoint = 'pages/user/subscription/invite-managed'
+
+block append meta
+	meta(name="ol-inviteToken" content=inviteToken)
+	meta(name="ol-inviterName" content=inviterName)
+	meta(name="ol-expired" data-type="boolean" content=expired)
+	meta(name="ol-alreadyEnrolled" data-type="boolean" content=alreadyEnrolled)
+	meta(name="ol-validationStatus" data-type="json" content=validationStatus)
+	meta(name="ol-currentManagedUserAdminEmail" data-type="string" content=currentManagedUserAdminEmail)
+	meta(name="ol-groupSSOActive" data-type="boolean" content=groupSSOActive)
+	meta(name="ol-subscriptionId" data-type="string" content=subscriptionId)
+	meta(name="ol-user" data-type="json" content=user)
+
+block content
+	main.content.content-alt.team-invite#invite-managed-root
diff --git a/services/web/app/views/subscriptions/team/invite.pug b/services/web/app/views/subscriptions/team/invite.pug
new file mode 100644
index 0000000..dc1b509
--- /dev/null
+++ b/services/web/app/views/subscriptions/team/invite.pug
@@ -0,0 +1,17 @@
+extends ../../layout-react
+
+block entrypointVar
+	- entrypoint = 'pages/user/subscription/invite'
+
+block append meta
+	meta(name="ol-hasIndividualRecurlySubscription" data-type="boolean" content=hasIndividualRecurlySubscription)
+	meta(name="ol-inviterName" data-type="string" content=inviterName)
+	meta(name="ol-inviteToken" data-type="string" content=inviteToken)
+	meta(name="ol-currentManagedUserAdminEmail" data-type="string" content=currentManagedUserAdminEmail)
+	meta(name="ol-expired" data-type="boolean" content=expired)
+	meta(name="ol-groupSSOActive" data-type="boolean" content=groupSSOActive)
+	meta(name="ol-subscriptionId" data-type="string" content=subscriptionId)
+	meta(name="ol-user" data-type="json" content=user)
+
+block content
+	main.content.content-alt#invite-root
diff --git a/services/web/app/views/subscriptions/team/invite_logged_out.pug b/services/web/app/views/subscriptions/team/invite_logged_out.pug
new file mode 100644
index 0000000..d07fa53
--- /dev/null
+++ b/services/web/app/views/subscriptions/team/invite_logged_out.pug
@@ -0,0 +1,30 @@
+extends ../../layout-react
+
+block append meta
+	meta(name="ol-user" data-type="json" content=user)
+
+block content
+	- var colClass = bootstrapVersion === 5 ? 'col-lg-8 m-auto' : 'col-md-8 col-md-offset-2'
+
+	main.content.content-alt.team-invite#main-content
+		.container
+			.row
+				div(class=colClass)
+					.card.text-center
+						.card-body
+							.page-header
+								// TODO: Remove `team-invite-name` once we fully migrated to Bootstrap 5
+								h1.text-centered !{translate("invited_to_group", {inviterName: inviterName, appName: appName }, [{name: 'span', attrs: {class: 'team-invite-name'}}])}
+
+							if (accountExists)
+								div
+									p #{translate("invited_to_group_login_benefits", {appName: appName})}
+									p #{translate("invited_to_group_login", {emailAddress: emailAddress})}
+									p
+										a.btn.btn-primary(href=`/login?redir=/subscription/invites/${inviteToken}${groupSSOActive ? "&hide_sso_login=true" : ""}`) #{translate("login_to_accept_invitation")}
+							else
+								div
+									p #{translate("invited_to_group_register_benefits", {appName: appName})}
+									p #{translate("invited_to_group_register", {inviterName: inviterName})}
+									p
+										a.btn.btn-primary(href=`/register?redir=/subscription/invites/${inviteToken}${groupSSOActive ? "&hide_sso_login=true" : ""}`) #{translate("register_to_accept_invitation")}
diff --git a/services/web/app/views/subscriptions/upgrade-group-subscription-react.pug b/services/web/app/views/subscriptions/upgrade-group-subscription-react.pug
new file mode 100644
index 0000000..c482629
--- /dev/null
+++ b/services/web/app/views/subscriptions/upgrade-group-subscription-react.pug
@@ -0,0 +1,12 @@
+extends ../layout-marketing
+
+block entrypointVar
+	- entrypoint = 'pages/user/subscription/group-management/upgrade-group-subscription'
+
+block append meta
+	meta(name="ol-subscriptionChangePreview" data-type="json" content=changePreview)
+	meta(name="ol-totalLicenses", data-type="number", content=totalLicenses)
+	meta(name="ol-groupName", data-type="string", content=groupName)
+
+block content
+	main.content.content-alt#upgrade-group-subscription-root
diff --git a/services/web/app/views/user/accountSuspended.pug b/services/web/app/views/user/accountSuspended.pug
new file mode 100644
index 0000000..da57f4d
--- /dev/null
+++ b/services/web/app/views/user/accountSuspended.pug
@@ -0,0 +1,15 @@
+extends ../layout-marketing
+
+block vars
+	- var suppressNavbar = true
+	- var suppressFooter = true
+	- metadata.robotsNoindexNofollow = true
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	main.content.content-alt#main-content
+		.container-custom-sm.mx-auto
+			.card
+				h3 #{translate('your_account_is_suspended')}
+				p #{translate('sorry_this_account_has_been_suspended')}
+				p !{translate('please_contact_us_if_you_think_this_is_in_error', {}, [{name: 'a', attrs: {href: `mailto:${settings.adminEmail}`}}])}
diff --git a/services/web/app/views/user/addSecondaryEmail.pug b/services/web/app/views/user/addSecondaryEmail.pug
new file mode 100644
index 0000000..8f38df9
--- /dev/null
+++ b/services/web/app/views/user/addSecondaryEmail.pug
@@ -0,0 +1,12 @@
+extends ../layout-react
+
+block vars
+	- var suppressNavbar = true
+	- var suppressSkipToContent = true
+
+block entrypointVar
+	- entrypoint = 'pages/user/add-secondary-email'
+
+block content
+	main.content.content-alt
+		#add-secondary-email
diff --git a/services/web/app/views/user/compromised_password.pug b/services/web/app/views/user/compromised_password.pug
new file mode 100644
index 0000000..e56ffd9
--- /dev/null
+++ b/services/web/app/views/user/compromised_password.pug
@@ -0,0 +1,13 @@
+extends ../layout-marketing
+
+block vars
+	- var suppressNavbar = true
+	- var suppressFooter = true
+	- var suppressGoogleAnalytics = true
+
+block entrypointVar
+	- entrypoint = 'pages/compromised-password'
+
+block content
+	main.content.content-alt#main-content
+		#compromised-password
diff --git a/services/web/app/views/user/confirmSecondaryEmail.pug b/services/web/app/views/user/confirmSecondaryEmail.pug
new file mode 100644
index 0000000..4d0c59e
--- /dev/null
+++ b/services/web/app/views/user/confirmSecondaryEmail.pug
@@ -0,0 +1,15 @@
+extends ../layout-marketing
+
+block vars
+	- var suppressNavbar = true
+	- var suppressSkipToContent = true
+
+block entrypointVar
+	- entrypoint = 'pages/user/confirm-secondary-email'
+
+block append meta
+	meta(name="ol-email" content=email)
+
+block content
+	main.content.content-alt
+		#confirm-secondary-email
diff --git a/services/web/app/views/user/confirm_email.pug b/services/web/app/views/user/confirm_email.pug
new file mode 100644
index 0000000..37c0488
--- /dev/null
+++ b/services/web/app/views/user/confirm_email.pug
@@ -0,0 +1,60 @@
+extends ../layout-marketing
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	main.content.content-alt#main-content
+		.container
+			.row
+				.col-md-8.col-md-offset-2.col-lg-6.col-lg-offset-3
+					.card
+						.page-header(data-ol-hide-on-error-message="confirm-email-wrong-user")
+							h1 #{translate("confirm_email")}
+						form(
+							method="POST"
+							action="/logout"
+							id="logoutForm"
+						)
+							input(type="hidden", name="_csrf", value=csrfToken)
+							input(type="hidden", name="redirect", value=currentUrlWithQueryParams)
+						form(
+							data-ol-async-form,
+							data-ol-auto-submit,
+							name="confirmEmailForm"
+							action="/user/emails/confirm",
+							method="POST",
+							id="confirmEmailForm",
+						)
+							input(type="hidden", name="_csrf", value=csrfToken)
+							input(type="hidden", name="token", value=token)
+
+							div(data-ol-not-sent)
+								+formMessages()
+								div(data-ol-custom-form-message="confirm-email-wrong-user" hidden)
+									h1.h3 #{translate("we_cant_confirm_this_email")}
+									p !{translate("to_confirm_email_address_you_must_be_logged_in_with_the_requesting_account")}
+									p !{translate("you_are_currently_logged_in_as", {email: getUserEmail()})}
+									.actions
+										button.btn-primary.btn.btn-block(
+											form="logoutForm"
+										) #{translate('log_in_with_a_different_account')}
+
+								.actions
+									button.btn-primary.btn.btn-block(
+										type='submit',
+										data-ol-disabled-inflight
+										data-ol-hide-on-error-message="confirm-email-wrong-user"
+									)
+										span(data-ol-inflight="idle")
+											| #{translate('confirm')}
+										span(hidden data-ol-inflight="pending")
+											i.fa.fa-fw.fa-spin.fa-spinner(aria-hidden="true")
+											| &nbsp;#{translate('confirming')}… 
+
+							div(hidden data-ol-sent)
+								.alert.alert-success
+									| #{translate('thank_you_email_confirmed')}
+								div.text-center
+									a.btn.btn-primary(href="/user/settings")
+										| #{translate('go_to_account_settings')}
diff --git a/services/web/app/views/user/email-preferences.pug b/services/web/app/views/user/email-preferences.pug
new file mode 100644
index 0000000..465ffed
--- /dev/null
+++ b/services/web/app/views/user/email-preferences.pug
@@ -0,0 +1,49 @@
+extends ../layout-marketing
+include ../_mixins/back_to_btns
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	main.content.content-alt#main-content
+		.container
+			.row
+				.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
+					.card
+						.page-header
+							h1 #{translate("newsletter_info_title")}
+
+						p #{translate("newsletter_info_summary")}
+
+						- var submitAction
+						if subscribed
+							- submitAction = '/user/newsletter/unsubscribe'
+							p !{translate("newsletter_info_subscribed", {}, ['strong'])}
+						else
+							- submitAction = '/user/newsletter/subscribe'
+							p !{translate("newsletter_info_unsubscribed", {}, ['strong'])}
+
+						form(
+							data-ol-async-form
+							data-ol-reload-on-success
+							name="newsletterForm"
+							action=submitAction
+							method="POST"
+						)
+							input(name='_csrf', type='hidden', value=csrfToken)
+							+formMessages()
+							p.actions.text-center
+								if subscribed
+									button.btn-danger.btn(type='submit', data-ol-disabled-inflight)
+										span(data-ol-inflight="idle") #{translate("unsubscribe")}
+										span(hidden data-ol-inflight="pending") #{translate("saving")}…
+								else
+									button.btn-primary.btn(type='submit', data-ol-disabled-inflight)
+										span(data-ol-inflight="idle") #{translate("subscribe")}
+										span(hidden data-ol-inflight="pending") #{translate("saving")}…
+
+						if subscribed
+							p #{translate("newsletter_info_note")}
+
+						.page-separator
+						+back-to-btns()
diff --git a/services/web/app/views/user/login.pug b/services/web/app/views/user/login.pug
new file mode 100644
index 0000000..9185b0b
--- /dev/null
+++ b/services/web/app/views/user/login.pug
@@ -0,0 +1,52 @@
+extends ../layout-marketing
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	main.content.content-alt#main-content
+		.container
+			.row
+				.col-md-6.col-md-offset-3.col-lg-4.col-lg-offset-4
+					.card
+						.page-header
+							if login_support_title
+								h1 !{login_support_title}
+							else
+								h1 #{translate("log_in")}					
+						form(data-ol-async-form, name="loginForm", action='/login', method="POST")
+							input(name='_csrf', type='hidden', value=csrfToken)
+							+formMessages()
+							+customFormMessage('invalid-password-retry-or-reset', 'danger')
+								| !{translate('email_or_password_wrong_try_again_or_reset', {}, [{ name: 'a', attrs: { href: '/user/password/reset', 'aria-describedby': 'resetPasswordDescription' } }])}
+								span.sr-only(id='resetPasswordDescription')
+									| #{translate('reset_password_link')}
+							+customValidationMessage('password-compromised')
+								| !{translate('password_compromised_try_again_or_use_known_device_or_reset', {}, [{name: 'a', attrs: {href: 'https://haveibeenpwned.com/passwords', rel: 'noopener noreferrer', target: '_blank'}}, {name: 'a', attrs: {href: '/user/password/reset', target: '_blank'}}])}.
+							.form-group
+								input.form-control(
+									type='email',
+									name='email',
+									required,
+									placeholder='email@example.com',
+									autofocus="true"
+								)
+							.form-group
+								input.form-control(
+									type='password',
+									name='password',
+									required,
+									placeholder='********',
+								)
+							.actions
+								button.btn-primary.btn(
+									type='submit',
+									data-ol-disabled-inflight
+								)
+									span(data-ol-inflight="idle") #{translate("login")}
+									span(hidden data-ol-inflight="pending") #{translate("logging_in")}…
+								a.pull-right(href='/user/password/reset') #{translate("forgot_your_password")}?
+							if login_support_text
+								hr
+								p.text-center !{login_support_text}	
+	
diff --git a/services/web/app/views/user/one_time_login.pug b/services/web/app/views/user/one_time_login.pug
new file mode 100644
index 0000000..89e1491
--- /dev/null
+++ b/services/web/app/views/user/one_time_login.pug
@@ -0,0 +1,20 @@
+extends ../layout-marketing
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	main.content.content-alt#main-content
+		.container
+			.row
+				.col-md-6.col-md-offset-3.col-lg-4.col-lg-offset-4
+					.card
+						.page-header
+							h1 We're back!
+						p Overleaf is now running normally.
+						p
+							| Please
+							|
+							a(href="/login") log in
+							|
+							| to continue working on your projects.
diff --git a/services/web/app/views/user/passwordReset-bs5.pug b/services/web/app/views/user/passwordReset-bs5.pug
new file mode 100644
index 0000000..7637a91
--- /dev/null
+++ b/services/web/app/views/user/passwordReset-bs5.pug
@@ -0,0 +1,76 @@
+extends ../layout-website-redesign-bootstrap-5
+include ../_mixins/recaptcha
+include ../_mixins/notification
+
+block vars
+	- var suppressNavbar = true
+	- var suppressFooter = true
+
+block content
+	- var showCaptcha = settings.recaptcha && settings.recaptcha.siteKey && !(settings.recaptcha.disabled && settings.recaptcha.disabled.passwordReset)
+
+	if showCaptcha
+		script(type="text/javascript", nonce=scriptNonce, src="https://www.recaptcha.net/recaptcha/api.js?render=explicit")
+		div(
+			id="recaptcha"
+			class="g-recaptcha"
+			data-sitekey=settings.recaptcha.siteKey
+			data-size="invisible"
+			data-badge="inline"
+		)
+
+	main#main-content(data-ol-captcha-retry-trigger-area="")
+		a.auth-aux-logo(href="/")
+			img(src=buildImgPath("ol-brand/overleaf-o-dark.svg") alt=settings.appName)
+		.auth-aux-container
+			form(
+				data-ol-async-form
+				name="passwordResetForm"
+				action="/user/password/reset"
+				method="POST"
+				captcha=(showCaptcha ? '' : false)
+				captcha-action-name=(showCaptcha ? "passwordReset" : false)
+			)
+				if error === 'password_reset_token_expired'
+					h1.h3.mb-3.mt-0 #{translate("sorry_your_token_expired")}
+					p #{translate('please_request_a_new_password_reset_email_and_follow_the_link')}.
+				else
+					h1.h3.mb-3.mt-0(data-ol-not-sent) #{translate("password_reset_sentence_case")}
+					h1.h3.mb-3.mt-0(hidden data-ol-sent) #{translate("check_your_email")}   
+					p.mb-3.pb-3(data-ol-not-sent) #{translate("enter_your_email_address_below_and_we_will_send_you_a_link_to_reset_your_password")}.
+
+				div(data-ol-not-sent)
+					+formMessagesNewStyle()
+					if error && error !== 'password_reset_token_expired'
+						+notification({ariaLive: 'assertive', type: 'error', className: 'mb-3', content: translate(error)})
+
+					div(data-ol-custom-form-message="no-password-allowed-due-to-sso" hidden)
+						+notification({ariaLive: 'polite', type: 'error', className: 'mb-3', content: translate("you_cant_reset_password_due_to_sso", {}, [{name: 'a', attrs: {href: '/sso-login'}}])})
+					input(type="hidden" name="_csrf" value=csrfToken)
+					.form-group.mb-3
+						label.form-label(for='email') #{translate("email")}
+						input.form-control#email(
+							aria-label="email"
+							type='email'
+							name='email'
+							required
+							autocomplete="username"
+							autofocus
+						)
+					.actions
+						button.btn.btn-primary.w-100.mb-3(
+							type='submit'
+							data-ol-disabled-inflight
+							aria-label=translate('reset_password_sentence_case')
+						)
+							span(data-ol-inflight="idle")
+								| #{translate("reset_password_sentence_case")}
+							span(hidden data-ol-inflight="pending")
+								| #{translate("requesting_password_reset")}…
+						a.btn.btn-ghost.w-100.mb-3(href="/login") #{translate("back_to_log_in")}
+				div(hidden data-ol-sent)
+					p.mb-4 #{translate('password_reset_email_sent')}
+					a.btn.btn-primary.w-100.mb-3(href="/login") #{translate('back_to_log_in')}
+
+			if showCaptcha
+				+recaptchaConditions
diff --git a/services/web/app/views/user/passwordReset.pug b/services/web/app/views/user/passwordReset.pug
new file mode 100644
index 0000000..410e79f
--- /dev/null
+++ b/services/web/app/views/user/passwordReset.pug
@@ -0,0 +1,84 @@
+extends ../layout-marketing
+include ../_mixins/recaptcha
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	- var showCaptcha = settings.recaptcha && settings.recaptcha.siteKey && !(settings.recaptcha.disabled && settings.recaptcha.disabled.passwordReset)
+
+	if showCaptcha
+		script(type="text/javascript", nonce=scriptNonce, src="https://www.recaptcha.net/recaptcha/api.js?render=explicit")
+		div(
+			id="recaptcha"
+			class="g-recaptcha"
+			data-sitekey=settings.recaptcha.siteKey
+			data-size="invisible"
+			data-badge="inline"
+		)
+
+	main.content.content-alt#main-content(data-ol-captcha-retry-trigger-area="")
+		.container-custom-sm.mx-auto
+			.card
+				form(
+					data-ol-async-form
+					name="passwordResetForm"
+					action="/user/password/reset",
+					method="POST",
+					captcha=(showCaptcha ? '' : false),
+					captcha-action-name=(showCaptcha ? "passwordReset" : false),
+				)
+					if error === 'password_reset_token_expired'
+						h3.mt-0.mb-2 #{translate("sorry_your_token_expired")}
+						p #{translate('please_request_a_new_password_reset_email_and_follow_the_link')}.
+					else
+						h3.mt-0.mb-2(data-ol-not-sent) #{translate("password_reset")}
+						h3.mt-0.mb-2(hidden data-ol-sent) #{translate("check_your_email")}	
+						p(data-ol-not-sent) #{translate("enter_your_email_address_below_and_we_will_send_you_a_link_to_reset_your_password")}.
+
+					div(data-ol-not-sent)
+						+formMessages()
+						if error && error !== 'password_reset_token_expired'
+							div.alert.alert-danger.mb-2(
+								role="alert"
+								aria-live="assertive"
+							)
+								| #{translate(error)}
+
+						div(data-ol-custom-form-message="no-password-allowed-due-to-sso" hidden)
+							.notification.notification-type-error(aria-live="polite" style="margin-bottom: 10px;")
+								.notification-icon
+									span.material-symbols.material-symbols-rounded(aria-hidden="true") error
+								.notification-content-and-cta
+									.notification-content
+										p
+											| !{translate("you_cant_reset_password_due_to_sso", {}, [{name: 'a', attrs: {href: '/sso-login'}}])}
+
+						input(type="hidden", name="_csrf", value=csrfToken)
+						.form-group.mb-3
+							label(for='email') #{translate("email")}
+							input.form-control#email(
+								aria-label="email"
+								type='email',
+								name='email',
+								placeholder=translate("enter_your_email_address"),
+								required,
+								autocomplete="username",
+								autofocus
+							)
+						.actions
+							button.btn.btn-primary.w-100(
+								type='submit',
+								data-ol-disabled-inflight,
+								aria-label=translate('request_password_reset_to_reconfirm')
+							)
+								span(data-ol-inflight="idle")
+									| #{translate("request_password_reset")}
+								span(hidden data-ol-inflight="pending")
+									| #{translate("requesting_password_reset")}…
+					div(hidden data-ol-sent)
+						p.mb-4 #{translate('password_reset_email_sent')}
+						a(href="/login") #{translate('back_to_log_in')}
+
+			if showCaptcha
+				+recaptchaConditions
diff --git a/services/web/app/views/user/primaryEmailCheck-bs5.pug b/services/web/app/views/user/primaryEmailCheck-bs5.pug
new file mode 100644
index 0000000..0828c06
--- /dev/null
+++ b/services/web/app/views/user/primaryEmailCheck-bs5.pug
@@ -0,0 +1,38 @@
+extends ../layout-website-redesign-bootstrap-5
+
+block content
+	main#main-content
+		.auth-aux-container
+			img.w-50.d-block(src=buildImgPath("ol-brand/overleaf.svg") alt=settings.appName)
+			h1.h3.mb-3 #{translate("keep_your_account_safe")}
+			div(data-ol-multi-submit)
+				p.small.mb-4
+					| !{translate("primary_email_check_question", { email: getUserEmail() }, ["strong"])}
+				form(
+					data-ol-async-form
+					action="/user/emails/primary-email-check"
+					method="POST"
+				)
+					input(name='_csrf', type='hidden', value=csrfToken)
+					+formMessagesNewStyle()
+
+					button.btn.btn-primary.w-100.mb-3(
+						type='submit'
+						data-ol-disabled-inflight
+					)
+						span(data-ol-inflight="idle") #{translate("yes_that_is_correct")}
+						span(hidden data-ol-inflight="pending") #{translate("confirming")}…
+
+				a.btn.btn-secondary.w-100.mb-4(
+					href="/user/settings#add-email"
+					data-ol-slow-link
+					event-tracking="primary-email-check-change-email"
+					event-tracking-mb="true"
+					event-tracking-trigger="click"
+				)
+					span(data-ol-inflight="idle") #{translate("no_update_email")}
+					span(hidden data-ol-inflight="pending") #{translate("redirecting")}…  
+				p.small.mb-2
+					|  #{translate("keep_your_email_updated")}
+				p.small
+					|  !{translate("learn_more_about_emails", {}, [{name: 'a', attrs: {href: '/learn/how-to/Keeping_your_account_secure', 'event-tracking': 'primary-email-check-learn-more', 'event-tracking-mb': 'true', 'event-tracking-trigger': 'click' }}])}
diff --git a/services/web/app/views/user/primaryEmailCheck.pug b/services/web/app/views/user/primaryEmailCheck.pug
new file mode 100644
index 0000000..8a0f1e6
--- /dev/null
+++ b/services/web/app/views/user/primaryEmailCheck.pug
@@ -0,0 +1,42 @@
+extends ../layout-marketing
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	main.content.content-alt#main-content
+		.login-register-container.primary-email-check-container
+			.card.primary-email-check-card
+				img.primary-email-check-logo(src=buildImgPath("ol-brand/overleaf.svg") alt=settings.appName)
+				h3.primary-email-check-header #{translate("keep_your_account_safe")}
+				.login-register-form.primary-email-check-form(data-ol-multi-submit)
+					p.small
+						| !{translate("primary_email_check_question", { email: getUserEmail() }, ["strong"])}
+					form(
+						data-ol-async-form
+						action="/user/emails/primary-email-check"
+						method="POST"
+					)
+						input(name='_csrf', type='hidden', value=csrfToken)
+						+formMessages()
+
+						button.btn-primary.btn.btn-block.btn-primary-email-check-button.primary-email-confirm-button(
+							type='submit'
+							data-ol-disabled-inflight
+						)
+							span(data-ol-inflight="idle") #{translate("yes_that_is_correct")}
+							span(hidden data-ol-inflight="pending") #{translate("confirming")}…
+
+					a.btn-secondary.btn.btn-block.btn-primary-email-check-button.primary-email-change-button(
+						href="/user/settings#add-email"
+						data-ol-slow-link
+						event-tracking="primary-email-check-change-email"
+						event-tracking-mb="true"
+						event-tracking-trigger="click"
+					)
+						span(data-ol-inflight="idle") #{translate("no_update_email")}
+						span(hidden data-ol-inflight="pending") #{translate("redirecting")}…	
+					p.small
+						|  #{translate("keep_your_email_updated")}
+					p.small
+						|  !{translate("learn_more_about_emails", {}, [{name: 'a', attrs: {href: '/learn/how-to/Keeping_your_account_secure', 'event-tracking': 'primary-email-check-learn-more', 'event-tracking-mb': 'true', 'event-tracking-trigger': 'click' }}])}
diff --git a/services/web/app/views/user/reconfirm-bs5.pug b/services/web/app/views/user/reconfirm-bs5.pug
new file mode 100644
index 0000000..8d9d139
--- /dev/null
+++ b/services/web/app/views/user/reconfirm-bs5.pug
@@ -0,0 +1,69 @@
+extends ../layout-website-redesign-bootstrap-5
+include ../_mixins/recaptcha
+
+block content
+    - var email = reconfirm_email ? reconfirm_email : ""
+    - var showCaptcha = settings.recaptcha && settings.recaptcha.siteKey && !(settings.recaptcha.disabled && settings.recaptcha.disabled.passwordReset)
+
+    if showCaptcha
+        script(type="text/javascript", nonce=scriptNonce, src="https://www.recaptcha.net/recaptcha/api.js?render=explicit")
+        div(
+            id="recaptcha"
+            class="g-recaptcha"
+            data-sitekey=settings.recaptcha.siteKey
+            data-size="invisible"
+            data-badge="inline"
+        )
+
+    main#main-content(data-ol-captcha-retry-trigger-area="")
+        .container.auth-aux-container(style="max-width: 420px;")
+            form(
+                data-ol-async-form
+                name="reconfirmAccountForm"
+                action="/user/reconfirm"
+                method="POST"
+                aria-label=translate('request_reconfirmation_email')
+                captcha=(showCaptcha ? '' : false)
+                captcha-action-name=(showCaptcha ? "passwordReset" : false)
+            )
+                h1.h5.mb-3 #{translate("reconfirm_account")}
+                p #{translate('reconfirm_explained')}
+                    | 
+                    a(href=`mailto:${settings.adminEmail}`) #{settings.adminEmail}
+                    | .
+                
+                div(data-ol-not-sent)
+                    +formMessagesNewStyle()
+
+                    input(type="hidden" name="_csrf" value=csrfToken)
+                    .form-group.mb-3
+                        label.form-label(for='email') #{translate("please_enter_email")}
+                        input.form-control(
+                            aria-label="email"
+                            type='email'
+                            name='email'
+                            placeholder='email@example.com'
+                            required
+                            autofocus
+                            value=email
+                        )
+                    .actions
+                        button.btn.btn-primary.w-100(
+                            style="white-space: normal;"
+                            type='submit'
+                            data-ol-disabled-inflight
+                            aria-label=translate('request_password_reset_to_reconfirm')
+                        )
+                            span(data-ol-inflight="idle")
+                                | #{translate('request_password_reset_to_reconfirm')}
+                            span(hidden data-ol-inflight="pending")
+                                | #{translate('request_password_reset_to_reconfirm')}… 
+                div(hidden data-ol-sent)
+                    div.alert.alert-success(
+                        role="alert"
+                        aria-live="polite"
+                    )
+                        span #{translate('password_reset_email_sent')}
+
+            if showCaptcha
+                +recaptchaConditions
diff --git a/services/web/app/views/user/reconfirm.pug b/services/web/app/views/user/reconfirm.pug
new file mode 100644
index 0000000..5db1d81
--- /dev/null
+++ b/services/web/app/views/user/reconfirm.pug
@@ -0,0 +1,73 @@
+extends ../layout-marketing
+include ../_mixins/recaptcha
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	- var email = reconfirm_email ? reconfirm_email : ""
+	- var showCaptcha = settings.recaptcha && settings.recaptcha.siteKey && !(settings.recaptcha.disabled && settings.recaptcha.disabled.passwordReset)
+
+	if showCaptcha
+		script(type="text/javascript", nonce=scriptNonce, src="https://www.recaptcha.net/recaptcha/api.js?render=explicit")
+		div(
+			id="recaptcha"
+			class="g-recaptcha"
+			data-sitekey=settings.recaptcha.siteKey
+			data-size="invisible"
+			data-badge="inline"
+		)
+
+	main.content.content-alt#main-content(data-ol-captcha-retry-trigger-area="")
+		.container
+			.row
+				.col-sm-12.col-md-6.col-md-offset-3
+					.card
+						h1.card-header.text-capitalize #{translate("reconfirm")} #{translate("Account")}
+						p #{translate('reconfirm_explained')}&nbsp;
+							a(href=`mailto:${settings.adminEmail}`) #{settings.adminEmail}
+							| .
+						form(
+							data-ol-async-form
+							name="reconfirmAccountForm"
+							action="/user/reconfirm",
+							method="POST",
+							aria-label=translate('request_reconfirmation_email')
+							captcha=(showCaptcha ? '' : false),
+							captcha-action-name=(showCaptcha ? "passwordReset" : false)
+						)
+							div(data-ol-not-sent)
+								+formMessages()
+	
+								input(type="hidden", name="_csrf", value=csrfToken)
+								.form-group
+									label(for='email') #{translate("please_enter_email")}
+									input.form-control(
+										aria-label="email"
+										type='email',
+										name='email',
+										placeholder='email@example.com',
+										required,
+										autofocus
+										value=email
+									)
+								.actions
+									button.btn.btn-primary(
+										type='submit',
+										data-ol-disabled-inflight,
+										aria-label=translate('request_password_reset_to_reconfirm')
+									)
+										span(data-ol-inflight="idle")
+											| #{translate('request_password_reset_to_reconfirm')}
+										span(hidden data-ol-inflight="pending")
+											| #{translate('request_password_reset_to_reconfirm')}… 
+							div(hidden data-ol-sent)
+								div.alert.alert-success(
+									role="alert"
+									aria-live="polite"
+								)
+									span #{translate('password_reset_email_sent')}
+			.row
+				.col-sm-12.col-md-6.col-md-offset-3
+					if showCaptcha
+						+recaptchaConditions
diff --git a/services/web/app/views/user/register.pug b/services/web/app/views/user/register.pug
new file mode 100644
index 0000000..c35f3c0
--- /dev/null
+++ b/services/web/app/views/user/register.pug
@@ -0,0 +1,35 @@
+extends ../layout-marketing
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	main.content.content-alt#main-content
+		.container
+			.row
+				.registration_message
+					if sharedProjectData.user_first_name !== undefined
+						h1 #{translate("user_wants_you_to_see_project", {username:sharedProjectData.user_first_name, projectname:""})}
+							em #{sharedProjectData.project_name}
+						div
+							| #{translate("join_sl_to_view_project")}.
+						div
+							| #{translate("already_have_sl_account")}
+							a(href="/login")  #{translate("login_here")}
+					else if newTemplateData.templateName !== undefined
+						h1 #{translate("register_to_edit_template", {templateName:newTemplateData.templateName})}
+
+						div #{translate("already_have_sl_account")}
+							a(href="/login")  #{translate("login_here")}
+
+			.row
+				.col-md-8.col-md-offset-2.col-lg-6.col-lg-offset-3
+					.card
+						.page-header
+							h1 #{translate("register")}
+						p
+							| Please contact
+							|
+							strong #{settings.adminEmail}
+							|
+							| to create an account.
diff --git a/services/web/app/views/user/restricted.pug b/services/web/app/views/user/restricted.pug
new file mode 100644
index 0000000..949bd9b
--- /dev/null
+++ b/services/web/app/views/user/restricted.pug
@@ -0,0 +1,16 @@
+extends ../layout-marketing
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	main.content#main-content
+		.container
+			.row
+				.col-md-8.col-md-offset-2.text-center
+					.page-header
+						h2 #{translate("restricted_no_permission")}
+					p
+						a(href="/")
+							i.fa.fa-arrow-circle-o-left(aria-hidden="true")
+							|  #{translate("take_me_home")}
diff --git a/services/web/app/views/user/sessions.pug b/services/web/app/views/user/sessions.pug
new file mode 100644
index 0000000..99905a9
--- /dev/null
+++ b/services/web/app/views/user/sessions.pug
@@ -0,0 +1,72 @@
+extends ../layout-marketing
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	main.content.content-alt#main-content
+		.container
+			.row
+				.col-md-10.col-md-offset-1.col-lg-8.col-lg-offset-2
+					.card.clear-user-sessions
+						.page-header
+							h1  #{translate("your_sessions")}
+
+						if currentSession.ip_address && currentSession.session_created
+							h3 #{translate("current_session")}
+							div
+								table.table.table-striped
+									thead
+										tr
+											th #{translate("ip_address")}
+											th #{translate("session_created_at")}
+										tr
+											td #{currentSession.ip_address}
+											td #{moment(currentSession.session_created).utc().format('Do MMM YYYY, h:mm a')} UTC
+
+						h3 #{translate("other_sessions")}
+						div
+							p.small
+								| !{translate("clear_sessions_description")}
+
+						form(
+							data-ol-async-form
+							action='/user/sessions/clear'
+							method='POST'
+						)
+							input(name='_csrf' type='hidden' value=csrfToken)
+							div(data-ol-not-sent)
+								if sessions.length == 0
+									p.text-center
+										| #{translate("no_other_sessions")}
+
+								if sessions.length > 0
+									table.table.table-striped
+										thead
+											tr
+												th #{translate("ip_address")}
+												th #{translate("session_created_at")}
+										for session in sessions
+											tr
+												td #{session.ip_address}
+												td #{moment(session.session_created).utc().format('Do MMM YYYY, h:mm a')} UTC
+
+									p.actions
+										.text-center
+											button.btn.btn-lg.btn-primary(
+												type="submit"
+												data-ol-disable-inflight
+											)
+												span(data-ol-inflight="idle") #{translate('clear_sessions')}
+												span(hidden data-ol-inflight="pending") #{translate("processing")}…
+
+							div(hidden data-ol-sent)
+								p.text-center
+									| #{translate("no_other_sessions")}
+
+								p.text-success.text-center
+									| #{translate('clear_sessions_success')}
+						.page-separator
+						a.btn.btn-secondary.text-capitalize(href='/user/settings') #{translate('back_to_account_settings')}
+						| 
+						a.btn.btn-secondary.text-capitalize(href='/project') #{translate('back_to_your_projects')}
diff --git a/services/web/app/views/user/setPassword-bs5.pug b/services/web/app/views/user/setPassword-bs5.pug
new file mode 100644
index 0000000..007ae5e
--- /dev/null
+++ b/services/web/app/views/user/setPassword-bs5.pug
@@ -0,0 +1,90 @@
+extends ../layout-website-redesign-bootstrap-5
+
+block vars
+    - var suppressNavbar = true
+    - var suppressFooter = true
+
+block content
+    main#main-content
+        a.auth-aux-logo(href="/")
+            img(src=buildImgPath("ol-brand/overleaf-o-dark.svg") alt=settings.appName)
+        .auth-aux-container
+            form(
+                data-ol-async-form
+                name="passwordResetForm"
+                action="/user/password/set"
+                method="POST"
+                data-ol-hide-on-error="token-expired"
+            )
+                div(
+                    hidden
+                    data-ol-sent
+                )
+                    h1.h3.mb-3.mt-0 #{translate("password_updated")}
+                    p.mb-4 #{translate("your_password_has_been_successfully_changed")}.
+                    a.btn.btn-primary.w-100(href='/login') #{translate("log_in_now")}
+
+                div(data-ol-not-sent)
+                    h1.h3.mb-3.mt-0 #{translate("reset_your_password")}
+                    p(data-ol-hide-on-error-message="token-expired") #{translate("create_a_new_password_for_your_account")}.
+                    +formMessagesNewStyle()
+
+                    +customFormMessageNewStyle('password-contains-email', 'danger')
+                        | #{translate('invalid_password_contains_email')}.
+                        | #{translate('use_a_different_password')}.
+
+                    +customFormMessageNewStyle('password-too-similar', 'danger')
+                        | #{translate('invalid_password_too_similar')}.
+                        | #{translate('use_a_different_password')}.
+
+                    +customFormMessageNewStyle('token-expired', 'danger')
+                        | #{translate('password_reset_token_expired')}
+                        br
+                        a(href="/user/password/reset")
+                            | #{translate('request_new_password_reset_email')}
+
+                    input(type="hidden" name="_csrf" value=csrfToken)
+                    input(type="text" hidden name="email" autocomplete="username" value=email)
+
+                    .form-group.mb-3
+                        label.form-label(for='passwordField', data-ol-hide-on-error-message="token-expired") #{translate("new_password")}
+                        input.form-control.auth-aux-new-password#passwordField(
+                            type='password'
+                            name='password'
+                            autocomplete="new-password"
+                            autofocus
+                            required
+                            minlength=settings.passwordStrengthOptions.length.min
+                        )
+
+                        +customValidationMessageNewStyle('invalid-password')
+                            | #{translate('invalid_password')}.
+
+                        +customValidationMessageNewStyle('password-must-be-different')
+                            | #{translate('password_cant_be_the_same_as_current_one')}.
+
+                        +customValidationMessageNewStyle('password-must-be-strong')
+                            | !{translate('password_was_detected_on_a_public_list_of_known_compromised_passwords', {}, [{name: 'a', attrs: {href: 'https://haveibeenpwned.com/passwords', rel: 'noopener noreferrer', target: '_blank'}}])}.
+                            | #{translate('use_a_different_password')}.
+
+                        input(
+                            type="hidden"
+                            name="passwordResetToken"
+                            value=passwordResetToken
+                        )
+                    div(data-ol-hide-on-error-message="token-expired")
+                        div #{translate('in_order_to_have_a_secure_account_make_sure_your_password')}
+                        ul.mb-3.ps-4
+                            li #{translate('is_longer_than_n_characters', {n: settings.passwordStrengthOptions.length.min})}
+                            li #{translate('does_not_contain_or_significantly_match_your_email')}
+                            li #{translate('is_not_used_on_any_other_website')}
+                    .actions
+                        button.btn.btn-primary.w-100(
+                            type='submit'
+                            data-ol-disabled-inflight
+                            aria-label=translate('set_new_password')
+                        ) 
+                            span(data-ol-inflight="idle")
+                                | #{translate('set_new_password')}
+                            span(hidden data-ol-inflight="pending")
+                                | #{translate('set_new_password')}…
diff --git a/services/web/app/views/user/setPassword.pug b/services/web/app/views/user/setPassword.pug
new file mode 100644
index 0000000..5da2b6b
--- /dev/null
+++ b/services/web/app/views/user/setPassword.pug
@@ -0,0 +1,89 @@
+extends ../layout-marketing
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	main.content.content-alt#main-content
+		.container-custom-sm.mx-auto
+			.card
+				form(
+					data-ol-async-form,
+					name="passwordResetForm",
+					action="/user/password/set",
+					method="POST",
+					data-ol-hide-on-error="token-expired"
+				)
+					div(
+						hidden
+						data-ol-sent
+					)
+						h3.mt-0.mb-2 #{translate("password_updated")}
+						p.mb-4 #{translate("your_password_has_been_successfully_changed")}.
+						a(href='/login') #{translate("log_in_now")}
+
+					div(data-ol-not-sent)
+						h3.mt-0.mb-2 #{translate("reset_your_password")}
+						p(data-ol-hide-on-error-message="token-expired") #{translate("create_a_new_password_for_your_account")}.
+						+formMessages()
+
+						+customFormMessage('password-contains-email', 'danger')
+							| #{translate('invalid_password_contains_email')}.
+							| #{translate('use_a_different_password')}.
+
+						+customFormMessage('password-too-similar', 'danger')
+							| #{translate('invalid_password_too_similar')}.
+							| #{translate('use_a_different_password')}.
+
+						+customFormMessage('token-expired', 'danger')
+							| #{translate('password_reset_token_expired')}
+							br
+							a(href="/user/password/reset")
+								| #{translate('request_new_password_reset_email')}
+
+						input(type="hidden", name="_csrf", value=csrfToken)
+						input(type="text" hidden name="email" autocomplete="username" value=email)
+
+						.form-group
+							label(for='passwordField', data-ol-hide-on-error-message="token-expired") #{translate("new_password")}
+							input.form-control#passwordField(
+								type='password',
+								name='password',
+								placeholder=translate("enter_your_new_password"),
+								autocomplete="new-password",
+								autofocus,
+								required,
+								minlength=settings.passwordStrengthOptions.length.min
+							)
+
+							+customValidationMessage('invalid-password')
+								| #{translate('invalid_password')}.
+
+							+customValidationMessage('password-must-be-different')
+								| #{translate('password_cant_be_the_same_as_current_one')}.
+
+							+customValidationMessage('password-must-be-strong')
+								| !{translate('password_was_detected_on_a_public_list_of_known_compromised_passwords', {}, [{name: 'a', attrs: {href: 'https://haveibeenpwned.com/passwords', rel: 'noopener noreferrer', target: '_blank'}}])}.
+								| #{translate('use_a_different_password')}.
+
+							input(
+								type="hidden",
+								name="passwordResetToken",
+								value=passwordResetToken
+							)
+						div(data-ol-hide-on-error-message="token-expired")
+							div #{translate('in_order_to_have_a_secure_account_make_sure_your_password')}
+							ul.mb-4.ps-4
+								li #{translate('is_longer_than_n_characters', {n: settings.passwordStrengthOptions.length.min})}
+								li #{translate('does_not_contain_or_significantly_match_your_email')}
+								li #{translate('is_not_used_on_any_other_website')}
+						.actions
+							button.btn.btn-primary.w-100(
+								type='submit',
+								data-ol-disabled-inflight
+								aria-label=translate('set_new_password')
+							) 
+								span(data-ol-inflight="idle")
+									| #{translate('set_new_password')}
+								span(hidden data-ol-inflight="pending")
+									| #{translate('set_new_password')}… 
diff --git a/services/web/app/views/user/settings.pug b/services/web/app/views/user/settings.pug
new file mode 100644
index 0000000..4f939a4
--- /dev/null
+++ b/services/web/app/views/user/settings.pug
@@ -0,0 +1,38 @@
+extends ../layout-react
+
+block entrypointVar
+	- entrypoint = 'pages/user/settings'
+		
+block vars
+	- isWebsiteRedesign = true
+
+block append meta
+	meta(name="ol-hasPassword" data-type="boolean" content=hasPassword)
+	meta(name="ol-shouldAllowEditingDetails" data-type="boolean" content=shouldAllowEditingDetails)
+	meta(name="ol-oauthProviders", data-type="json", content=oauthProviders)
+	meta(name="ol-institutionLinked", data-type="json", content=institutionLinked)
+	meta(name="ol-samlError", data-type="json", content=samlError)
+	meta(name="ol-institutionEmailNonCanonical", content=institutionEmailNonCanonical)
+
+	meta(name="ol-reconfirmedViaSAML", content=reconfirmedViaSAML)
+	meta(name="ol-reconfirmationRemoveEmail", content=reconfirmationRemoveEmail)
+	meta(name="ol-samlBeta", content=samlBeta)
+	meta(name="ol-ssoErrorMessage", content=ssoErrorMessage)
+	meta(name="ol-thirdPartyIds", data-type="json", content=thirdPartyIds || {})
+	meta(name="ol-passwordStrengthOptions", data-type="json", content=settings.passwordStrengthOptions || {})
+	meta(name="ol-isExternalAuthenticationSystemUsed" data-type="boolean" content=externalAuthenticationSystemUsed())
+	meta(name="ol-user" data-type="json" content=user)
+	meta(name="ol-labsExperiments" data-type="json" content=labsExperiments)
+	meta(name="ol-dropbox" data-type="json" content=dropbox)
+	meta(name="ol-github" data-type="json" content=github)
+	meta(name="ol-projectSyncSuccessMessage", content=projectSyncSuccessMessage)
+	meta(name="ol-personalAccessTokens", data-type="json" content=personalAccessTokens)
+	meta(name="ol-emailAddressLimit", data-type="json", content=emailAddressLimit)
+	meta(name="ol-currentManagedUserAdminEmail" data-type="string" content=currentManagedUserAdminEmail)
+	meta(name="ol-gitBridgeEnabled" data-type="boolean" content=gitBridgeEnabled)
+	meta(name="ol-isSaas" data-type="boolean" content=isSaas)
+	meta(name="ol-memberOfSSOEnabledGroups" data-type="json" content=memberOfSSOEnabledGroups)
+
+block content
+	main.content.content-alt#main-content
+		#settings-page-root
diff --git a/services/web/app/views/user_membership/group-managers-react.pug b/services/web/app/views/user_membership/group-managers-react.pug
new file mode 100644
index 0000000..f4d8c0e
--- /dev/null
+++ b/services/web/app/views/user_membership/group-managers-react.pug
@@ -0,0 +1,12 @@
+extends ../layout-marketing
+
+block entrypointVar
+	- entrypoint = 'pages/user/subscription/group-management/group-managers'
+
+block append meta
+	meta(name="ol-users", data-type="json", content=users)
+	meta(name="ol-groupId", data-type="string", content=groupId)
+	meta(name="ol-groupName", data-type="string", content=name)
+
+block content
+	main.content.content-alt#subscription-manage-group-root
diff --git a/services/web/app/views/user_membership/group-members-react.pug b/services/web/app/views/user_membership/group-members-react.pug
new file mode 100644
index 0000000..314a332
--- /dev/null
+++ b/services/web/app/views/user_membership/group-members-react.pug
@@ -0,0 +1,17 @@
+extends ../layout-marketing
+
+block entrypointVar
+	- entrypoint = 'pages/user/subscription/group-management/group-members'
+		
+block append meta
+	meta(name="ol-users", data-type="json", content=users)
+	meta(name="ol-groupId", data-type="string", content=groupId)
+	meta(name="ol-groupName", data-type="string", content=name)
+	meta(name="ol-groupSize", data-type="json", content=groupSize)
+	meta(name="ol-managedUsersActive", data-type="boolean", content=managedUsersActive)
+	meta(name="ol-groupSSOActive", data-type="boolean", content=groupSSOActive)
+	meta(name="ol-canUseFlexibleLicensing", data-type="boolean", content=canUseFlexibleLicensing)
+	meta(name="ol-canUseAddSeatsFeature", data-type="boolean", content=canUseAddSeatsFeature)
+
+block content
+	main.content.content-alt#subscription-manage-group-root
diff --git a/services/web/app/views/user_membership/institution-managers-react.pug b/services/web/app/views/user_membership/institution-managers-react.pug
new file mode 100644
index 0000000..690e840
--- /dev/null
+++ b/services/web/app/views/user_membership/institution-managers-react.pug
@@ -0,0 +1,12 @@
+extends ../layout-marketing
+
+block entrypointVar
+	- entrypoint = 'pages/user/subscription/group-management/institution-managers'
+
+block append meta
+	meta(name="ol-users", data-type="json", content=users)
+	meta(name="ol-groupId", data-type="string", content=groupId)
+	meta(name="ol-groupName", data-type="string", content=name)
+
+block content
+	main.content.content-alt#subscription-manage-group-root
diff --git a/services/web/app/views/user_membership/new.pug b/services/web/app/views/user_membership/new.pug
new file mode 100644
index 0000000..6a88249
--- /dev/null
+++ b/services/web/app/views/user_membership/new.pug
@@ -0,0 +1,23 @@
+extends ../layout-marketing
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	main.content.content-alt#main-content
+		.container
+			.row
+				.col-md-10.col-md-offset-1
+					h3 #{entityName} "#{entityId}" does not exists in v2
+					form(
+						data-ol-regular-form
+						method='post',
+						action=''
+					)
+						input(name="_csrf", type="hidden", value=csrfToken)
+						button.btn.btn-primary.text-capitalize(
+							type="submit",
+							data-ol-disabled-inflight
+						)
+							span(data-ol-inflight="idle") Create #{entityName} in v2
+							span(hidden data-ol-inflight="pending") #{translate("creating")}…
diff --git a/services/web/app/views/user_membership/publisher-managers-react.pug b/services/web/app/views/user_membership/publisher-managers-react.pug
new file mode 100644
index 0000000..793bdf9
--- /dev/null
+++ b/services/web/app/views/user_membership/publisher-managers-react.pug
@@ -0,0 +1,12 @@
+extends ../layout-marketing
+
+block entrypointVar
+	- entrypoint = 'pages/user/subscription/group-management/publisher-managers'
+
+block append meta
+	meta(name="ol-users", data-type="json", content=users)
+	meta(name="ol-groupId", data-type="string", content=groupId)
+	meta(name="ol-groupName", data-type="string", content=name)
+
+block content
+	main.content.content-alt#subscription-manage-group-root
diff --git a/services/web/babel.config.json b/services/web/babel.config.json
new file mode 100644
index 0000000..9bb4c73
--- /dev/null
+++ b/services/web/babel.config.json
@@ -0,0 +1,43 @@
+{
+  "compact": false,
+  "presets": [
+    [
+      "@babel/env",
+      {
+        "useBuiltIns": "usage",
+        // This version must be aligned with the `core-js` version in `package.json`
+        "corejs": { "version": "3.38" },
+        "exclude": [
+          // Exclude Array.prototype.push polyfill, as it's not needed and affects performance in Chrome
+          "es.array.push",
+          // Exclude objectSpread polyfill, as it's not needed and affects performance
+          "@babel/plugin-transform-object-rest-spread",
+          // Exclude _defineProperty polyfill, as it causes a bug without the objectSpread polyfill
+          "@babel/plugin-transform-computed-properties",
+          // Use native async functions, for performance
+          "@babel/plugin-transform-async-to-generator",
+          // Use native generators, for performance
+          "@babel/plugin-transform-regenerator",
+          // Use native async generators, for performance
+          "@babel/plugin-transform-async-generator-functions",
+          // Use native for-of loops, for performance
+          "@babel/plugin-transform-for-of"
+        ]
+      }
+    ],
+    ["@babel/react", { "runtime": "automatic" }],
+    "@babel/typescript"
+  ],
+  "plugins": ["macros"],
+  "overrides": [
+    // treat .cjs files (e.g. libraries symlinked into node_modules) as commonjs
+    {
+      "test": "../../**/*.cjs",
+      "sourceType": "script"
+    },
+    {
+      "test": "../../libraries/overleaf-editor-core/**/*.js",
+      "sourceType": "script"
+    }
+  ]
+}
diff --git a/services/web/bin/cdn_upload b/services/web/bin/cdn_upload
new file mode 100755
index 0000000..52281e4
--- /dev/null
+++ b/services/web/bin/cdn_upload
@@ -0,0 +1,73 @@
+#!/bin/bash
+set -eEu
+
+function upload_into_bucket() {
+  bucket=$1
+
+  # stylesheets
+  bin/cdn_upload_batch 'text/css' "$bucket" '.css' \
+    -x '.+(?<!\.css)$' &
+
+  # javascript files
+  bin/cdn_upload_batch 'application/javascript' "$bucket" '.js' \
+    -x '.+(?<!\.js)$' &
+
+  # the rest
+  bin/cdn_upload_batch '-' "$bucket" '-' \
+    -x '.+\.(css|js)$' &
+
+  wait
+}
+
+verify_upload_into_bucket() {
+  local bucket
+  local missing_from_bucket
+  bucket=$1
+  printf '\nINFO: Verifying file availability in %s.\n' "$bucket"
+  readarray -t missing_from_bucket < <(
+    comm -13 \
+      <(gsutil ls "${bucket}/public/**" | sed "s@${bucket}/@@" | sort) \
+      <(find /tmp/public /tmp/compressed -type f | sed '
+          # Remove absolute path prefix
+          s@^/tmp/@@;
+          # Undo the compressed/ directory separation that does not exist in the bucket
+          s@^compressed/@@
+        ' | sort)
+  )
+  if [[ ${#missing_from_bucket[@]} -eq 0 ]]; then
+    printf 'INFO: Verification successful: all local files have been found in bucket %s.\n' \
+      "$bucket"
+  else
+    printf >&2 'WARN: %d local file(s) not available in bucket %s:\n' \
+      ${#missing_from_bucket[@]} "$bucket"
+    printf >&2 ' - %s\n' "${missing_from_bucket[@]}"
+    return 1
+  fi
+}
+
+# Upload to staging CDN if branch is either 'main' or 'staging-main'
+if [[ "$BRANCH_NAME" == "main" ]] || [[ "$BRANCH_NAME" == "staging-main" ]]; then
+  tar --directory=/tmp/ -xf build.tar
+
+  # delete source maps
+  find /tmp/public -name '*.js.map' -delete
+
+  bin/compress_assets
+
+  upload_into_bucket "$CDN_STAG" &&
+    verify_upload_into_bucket "$CDN_STAG" || exit 3 &
+  pid_staging=$! # record pid of the detached process "upload && verify || exit 3")
+
+  pid_production=
+  # Only upload to production CDN if branch is
+  if [[ "$BRANCH_NAME" == "main" ]]; then
+    upload_into_bucket "$CDN_PROD" &&
+      verify_upload_into_bucket "$CDN_PROD" || exit 4 &
+    pid_production=$! # record pid of the detached process "upload && verify || exit 4")
+  fi
+
+  wait "$pid_staging" # wait for staging upload to finish, wait(1) will exit if the upload failed
+  if [[ -n "$pid_production" ]]; then
+    wait "$pid_production" # wait for production upload to finish (if started), wait(1) will exit if the upload failed
+  fi
+fi
diff --git a/services/web/bin/cdn_upload_batch b/services/web/bin/cdn_upload_batch
new file mode 100755
index 0000000..606e2a9
--- /dev/null
+++ b/services/web/bin/cdn_upload_batch
@@ -0,0 +1,47 @@
+#!/bin/bash
+set -e
+
+content_type=$1
+bucket=$2
+text_extension=$3
+shift 3
+content_type_options=""
+if [[ "$content_type" != "-" ]]; then
+  content_type_options="-h Content-Type:${content_type};charset=utf-8"
+fi
+
+# DOCS for gsutil -- it does not have long command line flags!
+## global flags
+# -h NAME:VALUE   add header, can occur multiples times
+# -m              upload with multiple threads
+## rsync flags
+# -c              use checksums for determining changed files (mtime is not stable)
+# -r              traverse into directories recursively
+# -x              Python regex for excluding files from the sync
+if [[ "$text_extension" == "-" || $(find /tmp/public -type f -name "*$text_extension" | wc -l) != "0" ]]; then
+  # Potentially skip upload of non-compressed .js/.css files.
+  # shellcheck disable=SC2086
+  gsutil \
+    -h "Cache-Control:public, max-age=31536000" \
+    ${content_type_options} \
+    -m \
+    rsync \
+    -c \
+    -r \
+    "$@" \
+    "/tmp/public/" \
+    "${bucket}/public/"
+fi
+
+# shellcheck disable=SC2086
+gsutil \
+  -h "Cache-Control:public, max-age=31536000" \
+  -h "Content-Encoding:gzip" \
+  ${content_type_options} \
+  -m \
+  rsync \
+  -c \
+  -r \
+  "$@" \
+  "/tmp/compressed/public/" \
+  "${bucket}/public/"
diff --git a/services/web/bin/check_extracted_translations b/services/web/bin/check_extracted_translations
new file mode 100755
index 0000000..569af5c
--- /dev/null
+++ b/services/web/bin/check_extracted_translations
@@ -0,0 +1,24 @@
+#!/bin/bash
+
+set -e
+
+# Ensure all locales used in the frontend are tracked
+OUTPUT=data/dumpFolder/i18next-scanner
+trap 'rm -rf "$OUTPUT"' EXIT
+npx i18next-scanner --output "$OUTPUT"
+ACTUAL=frontend/extracted-translations.json
+EXPECTED="$OUTPUT/frontend/extracted-translations.json"
+if ! diff "$ACTUAL" "$EXPECTED"; then
+  cat <<MSG >&2
+
+services/web/frontend/extracted-translations.json is not up-to-date.
+
+---
+Try running:
+
+  internal$ bin/run web npm run extract-translations
+
+---
+MSG
+  exit 1
+fi
diff --git a/services/web/bin/compress_assets b/services/web/bin/compress_assets
new file mode 100755
index 0000000..e50f0a3
--- /dev/null
+++ b/services/web/bin/compress_assets
@@ -0,0 +1,14 @@
+#!/usr/bin/env bash
+set -e -o pipefail
+
+SCRIPT_PATH=$(realpath "${BASH_SOURCE[0]}")
+SCRIPT_DIR=$(dirname "$SCRIPT_PATH")
+
+pushd /tmp
+
+find public/ -type d | sed 's!^!compressed/!' | xargs mkdir --parents
+
+find public/ -type f -print0 \
+| xargs --null --max-args 20 --max-procs 10 "$SCRIPT_DIR/compress_batch_of_assets"
+
+popd
diff --git a/services/web/bin/compress_batch_of_assets b/services/web/bin/compress_batch_of_assets
new file mode 100755
index 0000000..4a650da
--- /dev/null
+++ b/services/web/bin/compress_batch_of_assets
@@ -0,0 +1,16 @@
+#!/usr/bin/env bash
+set -e
+
+for file in "$@"; do
+  file_gzipped="compressed/$file"
+
+  gzip -9 --no-name --stdout "$file" > "$file_gzipped"
+
+  before=$(stat -c%s "$file")
+  after=$(stat -c%s "$file_gzipped")
+  if [[ "$after" -ge "$before" ]]; then
+    rm "$file_gzipped"
+  else
+    rm "$file"
+  fi
+done
diff --git a/services/web/bin/copy_external_pages b/services/web/bin/copy_external_pages
new file mode 100755
index 0000000..c025379
--- /dev/null
+++ b/services/web/bin/copy_external_pages
@@ -0,0 +1,6 @@
+#!/bin/bash
+set -e
+
+# Branding
+mv app/views/external/robots.txt public/robots.txt
+mv app/views/external/googlebdb0f8f7f4a17241.html public/googlebdb0f8f7f4a17241.html
diff --git a/services/web/bin/lint_flag_res_send_usage b/services/web/bin/lint_flag_res_send_usage
new file mode 100755
index 0000000..9931071
--- /dev/null
+++ b/services/web/bin/lint_flag_res_send_usage
@@ -0,0 +1,47 @@
+#!/bin/bash
+
+set -e
+
+POTENTIAL_SEND_USAGE=$(\
+  grep \
+    --files-with-matches \
+    --recursive \
+      app.mjs \
+      app/ \
+      modules/*/app \
+      test/acceptance/ \
+      modules/*/test/acceptance/ \
+    --regex "\.send\b" \
+    --regex "\bsend(" \
+)
+HELPER_MODULE="app/src/infrastructure/Response.js"
+if [[ "$POTENTIAL_SEND_USAGE" == "$HELPER_MODULE" ]]; then
+  exit 0
+fi
+
+for file in ${POTENTIAL_SEND_USAGE}; do
+  if [[ "$file" == "$HELPER_MODULE" ]]; then
+    continue
+  fi
+
+  cat <<MSG >&2
+
+ERROR: $file contains a potential use of 'res.send'.
+
+---
+$(grep -n -C 3  "$file" --regex "\.send\b" --regex "\bsend(")
+---
+
+Using 'res.send' is prone to introducing XSS vulnerabilities.
+
+Consider using 'res.json' or one of the helpers in $HELPER_MODULE.
+
+If this is a false-positive, consider using a more specific name than 'send'
+ for your newly introduced function.
+
+Links:
+ - https://github.com/overleaf/internal/issues/6268
+
+MSG
+  exit 1
+done
diff --git a/services/web/bin/lint_locales b/services/web/bin/lint_locales
new file mode 100755
index 0000000..eceefe0
--- /dev/null
+++ b/services/web/bin/lint_locales
@@ -0,0 +1,43 @@
+#!/bin/bash
+
+set -e
+
+# Ensure all locale files are sorted.
+node scripts/translations/sort.js --check
+
+# Ensure all locales are still in use
+node scripts/translations/cleanupUnusedLocales.js --check
+
+# Ensure all locales use the same variables
+node scripts/translations/checkVariables.js --ignore-orphaned-translations
+
+# Ensure no locales contain single quotes.
+LOCALES_WITH_SINGLE_QUOTE=$(\
+  grep \
+    --files-with-matches \
+    --recursive locales/ \
+    --regex "'" \
+  || true
+)
+
+for file in ${LOCALES_WITH_SINGLE_QUOTE}; do
+  cat <<MSG >&2
+
+ERROR: $file contains a locale with a single quote.
+
+---
+$(grep "$file" --regex "'")
+---
+
+Using single quotes in locales can lead to Angular XSS.
+
+You will need to replace the quote with a similar looking character.
+’ (\u2019) is a good candidate.
+
+Links:
+ - https://en.wikipedia.org/wiki/Right_single_quotation_mark
+ - https://github.com/overleaf/issues/issues/4478
+
+MSG
+  exit 1
+done
diff --git a/services/web/bin/lint_pug_templates b/services/web/bin/lint_pug_templates
new file mode 100755
index 0000000..6f255d9
--- /dev/null
+++ b/services/web/bin/lint_pug_templates
@@ -0,0 +1,31 @@
+#!/bin/sh
+
+set -e
+
+TEMPLATES_EXTENDING_META_BLOCK=$(\
+  grep \
+    --files-with-matches \
+    --recursive app/views modules/*/app/views \
+    --regex 'block append meta' \
+    --regex 'block prepend meta' \
+    --regex 'append meta' \
+    --regex 'prepend meta' \
+)
+
+for file in ${TEMPLATES_EXTENDING_META_BLOCK}; do
+    if ! grep "$file" --quiet --extended-regexp -e 'extends .+layout'; then
+      cat <<MSG >&2
+
+ERROR: $file is a partial template and extends 'block meta'.
+
+Using block append/prepend in a partial will duplicate the block contents into
+ the <body> due to a bug in pug.
+Putting meta tags in the <body> can lead to Angular XSS.
+
+You will need to refactor the partial and move the block into the top level
+ page template that extends the global layout.pug.
+
+MSG
+      exit 1
+    fi
+done
diff --git a/services/web/bin/push-translations-changes.sh b/services/web/bin/push-translations-changes.sh
new file mode 100755
index 0000000..ba24757
--- /dev/null
+++ b/services/web/bin/push-translations-changes.sh
@@ -0,0 +1,18 @@
+#!/bin/bash
+set -e
+
+SCRIPT_PATH=$(realpath "${BASH_SOURCE[0]}")
+SCRIPT_DIR=$(dirname "$SCRIPT_PATH")
+WEB_DIR=$(dirname "$SCRIPT_DIR")
+
+cd "$WEB_DIR"
+
+if [[ $(git status --porcelain=2 locales/) ]]; then
+  git add locales/*
+  git commit -m "auto update translation"
+  # Switch the cloudbuild clone from https to ssh authentication.
+  git remote set-url --push origin git@github.com:overleaf/internal.git
+  git push origin "HEAD:$BRANCH_NAME"
+else
+  echo 'No changes'
+fi
diff --git a/services/web/bin/routes b/services/web/bin/routes
new file mode 100755
index 0000000..707a5da
--- /dev/null
+++ b/services/web/bin/routes
@@ -0,0 +1,134 @@
+#! /usr/bin/env node
+
+const acorn = require('acorn')
+const acornWalk = require('acorn-walk')
+const fs = require('fs')
+const _ = require('lodash')
+const glob = require('glob')
+const escodegen = require('escodegen')
+const print = console.log
+
+const Methods = new Set([
+  'get',
+  'head',
+  'post',
+  'put',
+  'delete',
+  'connect',
+  'options',
+  'trace',
+  'patch',
+])
+
+const isMethod = str => {
+  return Methods.has(str)
+}
+
+// Check if the expression is a call on a router, return data about it, or null
+const routerCall = callExpression => {
+  const callee = callExpression.callee
+  const property = callee.property
+  const args = callExpression.arguments
+  if (!callee.object || !callee.object.name) {
+    return false
+  }
+  const routerName = callee.object.name
+  if (
+    // Match known names for the Express routers: app, webRouter, whateverRouter, etc...
+    isMethod(property.name) &&
+    (routerName === 'app' || routerName.match('^.*[rR]outer$'))
+  ) {
+    return {
+      routerName,
+      method: property.name,
+      args,
+    }
+  } else {
+    return null
+  }
+}
+
+const formatMethodCall = expression => {
+  return escodegen.generate(expression, { format: { compact: true } })
+}
+
+const parseAndPrintRoutesSync = path => {
+  const content = fs.readFileSync(path)
+  // Walk the AST (Abstract Syntax Tree)
+  acornWalk.simple(
+    acorn.parse(content, { sourceType: 'module', ecmaVersion: 2020 }),
+    {
+      // We only care about call expression ( like `a.b()` )
+      CallExpression(node) {
+        const call = routerCall(node)
+        if (call) {
+          const firstArg = _.first(call.args)
+          try {
+            print(
+              `  ${formatRouterName(call.routerName)}\t .${call.method} \t: ${
+                firstArg.value
+              } => ${call.args.slice(1).map(formatMethodCall).join(' => ')}`
+            )
+          } catch (e) {
+            print('>> Error')
+            print(e)
+            print(JSON.stringify(call))
+            process.exit(1)
+          }
+        }
+      },
+    }
+  )
+}
+
+const routerNameMapping = {
+  privateApiRouter: 'privateApi',
+  publicApiRouter: 'publicApi',
+}
+const formatRouterName = name => {
+  return routerNameMapping[name] || name
+}
+
+const main = () => {
+  // Take an optional filter to apply to file names
+  const filter = process.argv[2] || null
+
+  if (filter && (filter === '--help' || filter === 'help')) {
+    print('')
+    print('  Usage: bin/routes [filter]')
+    print('  Examples:')
+    print('    bin/routes')
+    print('    bin/routes GitBridge')
+    print('')
+    process.exit(0)
+  }
+
+  // Find all routers
+  glob('*[rR]outer.*js', { matchBase: true }, (err, files) => {
+    if (err) {
+      console.error(err)
+      process.exit(1)
+    }
+    for (const file of files) {
+      if (file.match('^node_modules.*$') || file.match('.*/public/.*')) {
+        continue
+      }
+      // Restrict to the filter (if filter is present)
+      if (filter && !file.match(`.*${filter}.*`)) {
+        continue
+      }
+      print(`[${file}]`)
+      try {
+        parseAndPrintRoutesSync(file)
+      } catch (_e) {
+        print('>> Error parsing file')
+        continue
+      }
+    }
+    process.exit(0)
+  })
+}
+
+if (require.main === module) {
+  main()
+}
diff --git a/services/web/bin/run b/services/web/bin/run
new file mode 100755
index 0000000..f0af921
--- /dev/null
+++ b/services/web/bin/run
@@ -0,0 +1,8 @@
+#!/bin/bash
+
+pushd ..
+bin/run "$*"
+RV=$?
+popd || exit 1
+
+exit $RV
diff --git a/services/web/bin/sentry_upload b/services/web/bin/sentry_upload
new file mode 100755
index 0000000..ad19a6c
--- /dev/null
+++ b/services/web/bin/sentry_upload
@@ -0,0 +1,18 @@
+#!/bin/sh
+set -e
+
+if [[ "$BRANCH_NAME" == "master" || "$BRANCH_NAME" == "main" ]]; then
+  rm -rf sentry_upload
+  mkdir sentry_upload
+  tar --directory sentry_upload -xf build.tar
+  cd sentry_upload/public
+
+  SENTRY_RELEASE=${COMMIT_SHA}
+  sentry-cli releases new "$SENTRY_RELEASE"
+  sentry-cli releases set-commits --auto "$SENTRY_RELEASE"
+  sentry-cli sourcemaps upload --release="$SENTRY_RELEASE" .
+  sentry-cli releases finalize "$SENTRY_RELEASE"
+
+  cd ../..
+  rm -rf sentry_upload
+fi
diff --git a/services/web/cloudbuild-storybook-index.html.m4 b/services/web/cloudbuild-storybook-index.html.m4
new file mode 100644
index 0000000..b7845c3
--- /dev/null
+++ b/services/web/cloudbuild-storybook-index.html.m4
@@ -0,0 +1,78 @@
+divert(`-1')
+define(`foreach', `pushdef(`$1')_foreach($@)popdef(`$1')')
+define(`_arg1', `$1')
+define(`_foreach', `ifelse(`$2', `()', `',
+  `define(`$1', _arg1$2)$3`'$0(`$1', (shift$2), `$3')')')
+divert`'dnl
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Overleaf Storybook builds</title>
+      <style>
+        body {
+          background-color: #fff;
+          color: #5d6879;
+          font-family: Lato,sans-serif;
+          font-size: 16px;
+          line-height: 1.5625;
+          min-height: 100%;
+          position: relative;
+          margin: 0px;
+        }
+        h1, h2, h3, h4, h5, h6 {
+          color: rgb(80, 80, 80);
+          font-family: Merriweather, serif;
+          font-weight: 500;
+          line-height: 1.35;
+        }
+        h1 {
+          margin-top: 0px;
+          padding-top: 100px;
+        }
+        .navbar-default {
+          background-color: #1e2530;
+          border-color: transparent;
+          height: 68px;
+          padding: 15px 10px;
+          position: absolute;
+          top: 0;
+          width: 100%;
+          box-sizing: border-box;
+          display: block;
+        }
+        .navbar-default .navbar-brand {
+          background-image: url(https://cdn.overleaf.com/images/overleaf-white-65b70e33f35fccdf6f8d.svg);
+          background-position: 0;
+          background-repeat: no-repeat;
+          background-size: contain;
+          bottom: 5px;
+          padding: 0;
+          position: absolute;
+          top: 5px;
+          width: 130px;
+        }
+      </style>
+  </head>
+  <body>
+    <nav class="navbar-default">
+      <a class="navbar-brand" href="https://www.overleaf.com/"></a>
+    </nav>
+    <h1>Overleaf Storybook builds</h1>
+    <h2>Branches:</h2>
+    <ul>
+      foreach(DIR, (LIST),
+      <li>
+        <a href="DIR/">DIR/</a>
+        <a href="https://github.com/overleaf/internal/tree/DIR">
+          <img src="https://github.com/favicon.ico" alt="GitHub" width="15em">
+        </a>
+      </li>
+      )
+    </ul>
+    <small>
+      Last updated on syscmd(date)dnl
+      for ifdef(`BRANCH_NAME',<a href="BRANCH_NAME/">BRANCH_NAME</a>,unknown branch)
+      (<a href="https://console.cloud.google.com/cloud-build/builds?project=overleaf-dev&pageState=(%22builds%22:(%22f%22:%22%255B%257B_22k_22_3A_22Trigger%2520Name_22_2C_22t_22_3A10_2C_22v_22_3A_22_5C_22storybook-pr-trigger_5C_22_22_2C_22s_22_3Atrue_2C_22i_22_3A_22triggerName_22%257D_2C%257B_22k_22_3A_22_22_2C_22t_22_3A10_2C_22v_22_3A_22_5C_22OR_5C_22_22_2C_22o_22_3Atrue_2C_22s_22_3Atrue%257D_2C%257B_22k_22_3A_22Trigger%2520Name_22_2C_22t_22_3A10_2C_22v_22_3A_22_5C_22storybook-push-trigger_5C_22_22_2C_22s_22_3Atrue_2C_22i_22_3A_22triggerName_22%257D%255D%22))">build history</a>).
+    </small>
+  </body>
+</html>
diff --git a/services/web/cloudbuild-storybook.yaml b/services/web/cloudbuild-storybook.yaml
new file mode 100644
index 0000000..ac9cfeb
--- /dev/null
+++ b/services/web/cloudbuild-storybook.yaml
@@ -0,0 +1,70 @@
+steps:
+  - id: npm_ci
+    name: "node:20.18.2"
+    entrypoint: /bin/bash
+    args:
+      - '-c'
+      - 'bin/npm_install_subset . libraries/* services/web'
+
+  - id: build-storybook
+    name: 'node:20.18.2'
+    env:
+      - 'BRANCH_NAME=$BRANCH_NAME'
+      - 'BUILD_ID=$BUILD_ID'
+    script: |
+      #!/bin/bash
+      set -e
+      make -C services/web BRANCH_NAME="${BRANCH_NAME:-$BUILD_ID}" build_storybook
+
+  - id: deploy-storybook
+    name: 'gcr.io/google.com/cloudsdktool/cloud-sdk'
+    env:
+      - 'BRANCH_NAME=$BRANCH_NAME'
+      - 'BUILD_ID=$BUILD_ID'
+      - 'BUCKET=gs://overleaf-dev-storybook'
+    dir: services/web
+    script: |
+      #!/bin/bash
+      : ${BRANCH_NAME:=$BUILD_ID}
+      [[ "$BRANCH_NAME" ]] || {
+        echo 1>&2 "ERROR: BRANCH_NAME not set"
+        exit 2
+      }
+      gsutil -m copy -r storybook-output/* "${BUCKET}/"
+    waitFor:
+      - build-storybook
+
+  - id: read-storybook-bucket
+    name: 'gcr.io/google.com/cloudsdktool/cloud-sdk'
+    dir: services/web
+    env:
+      - 'BUCKET=gs://overleaf-dev-storybook'
+    script: |
+      #!/bin/bash
+      set -ex
+      gsutil ls "${BUCKET}/" \
+      | sed -E "s@^${BUCKET}/([^/]+)/@\1@" \
+      > storybook-bucket-listing.txt
+    waitFor:
+      - deploy-storybook
+
+  - id: create-storybook-index
+    name: 'node:20.18.2'
+    dir: services/web
+    env:
+      - 'BRANCH_NAME=$BRANCH_NAME'
+    script: |
+      #!/bin/bash
+      set -ex
+      LIST=$(tr '\n' , < storybook-bucket-listing.txt)
+      m4 -DLIST="$LIST" -DBRANCH_NAME="$BRANCH_NAME" cloudbuild-storybook-index.html.m4 > storybook-index.html
+    waitFor:
+      - read-storybook-bucket
+
+  - id: update-storybook-index
+    name: 'gcr.io/google.com/cloudsdktool/cloud-sdk'
+    dir: services/web
+    entrypoint: 'gsutil'
+    args: [ "copy", "storybook-index.html", "gs://overleaf-dev-storybook/index.html" ]
+    waitFor:
+      - create-storybook-index
diff --git a/services/web/config/settings.defaults.js b/services/web/config/settings.defaults.js
new file mode 100644
index 0000000..be567bf
--- /dev/null
+++ b/services/web/config/settings.defaults.js
@@ -0,0 +1,1037 @@
+const Path = require('path')
+const { merge } = require('@overleaf/settings/merge')
+
+let defaultFeatures, siteUrl
+
+// Make time interval config easier.
+const seconds = 1000
+const minutes = 60 * seconds
+
+// These credentials are used for authenticating api requests
+// between services that may need to go over public channels
+const httpAuthUser = process.env.WEB_API_USER
+const httpAuthPass = process.env.WEB_API_PASSWORD
+const httpAuthUsers = {}
+if (httpAuthUser && httpAuthPass) {
+  httpAuthUsers[httpAuthUser] = httpAuthPass
+}
+
+const intFromEnv = function (name, defaultValue) {
+  if (
+    [null, undefined].includes(defaultValue) ||
+    typeof defaultValue !== 'number'
+  ) {
+    throw new Error(
+      `Bad default integer value for setting: ${name}, ${defaultValue}`
+    )
+  }
+  return parseInt(process.env[name], 10) || defaultValue
+}
+
+const defaultTextExtensions = [
+  'tex',
+  'latex',
+  'sty',
+  'cls',
+  'bst',
+  'bib',
+  'bibtex',
+  'txt',
+  'tikz',
+  'mtx',
+  'rtex',
+  'md',
+  'asy',
+  'lbx',
+  'bbx',
+  'cbx',
+  'm',
+  'lco',
+  'dtx',
+  'ins',
+  'ist',
+  'def',
+  'clo',
+  'ldf',
+  'rmd',
+  'lua',
+  'gv',
+  'mf',
+  'yml',
+  'yaml',
+  'lhs',
+  'mk',
+  'xmpdata',
+  'cfg',
+  'rnw',
+  'ltx',
+  'inc',
+]
+
+const parseTextExtensions = function (extensions) {
+  if (extensions) {
+    return extensions.split(',').map(ext => ext.trim())
+  } else {
+    return []
+  }
+}
+
+const httpPermissionsPolicy = {
+  blocked: [
+    'accelerometer',
+    'attribution-reporting',
+    'browsing-topics',
+    'camera',
+    'display-capture',
+    'encrypted-media',
+    'gamepad',
+    'geolocation',
+    'gyroscope',
+    'hid',
+    'identity-credentials-get',
+    'idle-detection',
+    'local-fonts',
+    'magnetometer',
+    'microphone',
+    'midi',
+    'otp-credentials',
+    'payment',
+    'picture-in-picture',
+    'screen-wake-lock',
+    'serial',
+    'storage-access',
+    'usb',
+    'window-management',
+    'xr-spatial-tracking',
+  ],
+  allowed: {
+    autoplay: 'self "https://videos.ctfassets.net"',
+    fullscreen: 'self',
+  },
+}
+
+module.exports = {
+  env: 'server-ce',
+
+  limits: {
+    httpGlobalAgentMaxSockets: 300,
+    httpsGlobalAgentMaxSockets: 300,
+  },
+
+  allowAnonymousReadAndWriteSharing:
+    process.env.OVERLEAF_ALLOW_ANONYMOUS_READ_AND_WRITE_SHARING === 'true',
+
+  // Databases
+  // ---------
+  mongo: {
+    options: {
+      appname: 'web',
+      maxPoolSize: parseInt(process.env.MONGO_POOL_SIZE, 10) || 100,
+      serverSelectionTimeoutMS:
+        parseInt(process.env.MONGO_SERVER_SELECTION_TIMEOUT, 10) || 60000,
+      // Setting socketTimeoutMS to 0 means no timeout
+      socketTimeoutMS: parseInt(
+        process.env.MONGO_SOCKET_TIMEOUT ?? '60000',
+        10
+      ),
+      monitorCommands: true,
+    },
+    url:
+      process.env.MONGO_CONNECTION_STRING ||
+      process.env.MONGO_URL ||
+      `mongodb://${process.env.MONGO_HOST || '127.0.0.1'}/sharelatex`,
+    hasSecondaries: process.env.MONGO_HAS_SECONDARIES === 'true',
+  },
+
+  redis: {
+    web: {
+      host: process.env.REDIS_HOST || '127.0.0.1',
+      port: process.env.REDIS_PORT || '6379',
+      password: process.env.REDIS_PASSWORD || '',
+      db: process.env.REDIS_DB,
+      maxRetriesPerRequest: parseInt(
+        process.env.REDIS_MAX_RETRIES_PER_REQUEST || '20'
+      ),
+    },
+
+    // websessions:
+    // 	cluster: [
+    // 		{host: '127.0.0.1', port: 7000}
+    // 		{host: '127.0.0.1', port: 7001}
+    // 		{host: '127.0.0.1', port: 7002}
+    // 		{host: '127.0.0.1', port: 7003}
+    // 		{host: '127.0.0.1', port: 7004}
+    // 		{host: '127.0.0.1', port: 7005}
+    // 	]
+
+    // ratelimiter:
+    // 	cluster: [
+    // 		{host: '127.0.0.1', port: 7000}
+    // 		{host: '127.0.0.1', port: 7001}
+    // 		{host: '127.0.0.1', port: 7002}
+    // 		{host: '127.0.0.1', port: 7003}
+    // 		{host: '127.0.0.1', port: 7004}
+    // 		{host: '127.0.0.1', port: 7005}
+    // 	]
+
+    // cooldown:
+    // 	cluster: [
+    // 		{host: '127.0.0.1', port: 7000}
+    // 		{host: '127.0.0.1', port: 7001}
+    // 		{host: '127.0.0.1', port: 7002}
+    // 		{host: '127.0.0.1', port: 7003}
+    // 		{host: '127.0.0.1', port: 7004}
+    // 		{host: '127.0.0.1', port: 7005}
+    // 	]
+
+    api: {
+      host: process.env.REDIS_HOST || '127.0.0.1',
+      port: process.env.REDIS_PORT || '6379',
+      password: process.env.REDIS_PASSWORD || '',
+      maxRetriesPerRequest: parseInt(
+        process.env.REDIS_MAX_RETRIES_PER_REQUEST || '20'
+      ),
+    },
+  },
+
+  // Service locations
+  // -----------------
+
+  // Configure which ports to run each service on. Generally you
+  // can leave these as they are unless you have some other services
+  // running which conflict, or want to run the web process on port 80.
+  internal: {
+    web: {
+      port: process.env.WEB_PORT || 3000,
+      host: process.env.LISTEN_ADDRESS || '127.0.0.1',
+    },
+  },
+
+  // Tell each service where to find the other services. If everything
+  // is running locally then this is easy, but they exist as separate config
+  // options incase you want to run some services on remote hosts.
+  apis: {
+    web: {
+      url: `http://${
+        process.env.WEB_API_HOST || process.env.WEB_HOST || '127.0.0.1'
+      }:${process.env.WEB_API_PORT || process.env.WEB_PORT || 3000}`,
+      user: httpAuthUser,
+      pass: httpAuthPass,
+    },
+    documentupdater: {
+      url: `http://${
+        process.env.DOCUPDATER_HOST ||
+        process.env.DOCUMENT_UPDATER_HOST ||
+        '127.0.0.1'
+      }:3003`,
+    },
+    docstore: {
+      url: `http://${process.env.DOCSTORE_HOST || '127.0.0.1'}:3016`,
+      pubUrl: `http://${process.env.DOCSTORE_HOST || '127.0.0.1'}:3016`,
+    },
+    chat: {
+      internal_url: `http://${process.env.CHAT_HOST || '127.0.0.1'}:3010`,
+    },
+    filestore: {
+      url: `http://${process.env.FILESTORE_HOST || '127.0.0.1'}:3009`,
+    },
+    clsi: {
+      url: `http://${process.env.CLSI_HOST || '127.0.0.1'}:3013`,
+      // url: "http://#{process.env['CLSI_LB_HOST']}:3014"
+      backendGroupName: undefined,
+      submissionBackendClass:
+        process.env.CLSI_SUBMISSION_BACKEND_CLASS || 'n2d',
+    },
+    clsiCache: {
+      instances: JSON.parse(process.env.CLSI_CACHE_INSTANCES || '[]'),
+    },
+    project_history: {
+      sendProjectStructureOps: true,
+      url: `http://${process.env.PROJECT_HISTORY_HOST || '127.0.0.1'}:3054`,
+    },
+    historyBackupDeletion: {
+      enabled: false,
+      url: `http://${process.env.HISTORY_BACKUP_DELETION_HOST || '127.0.0.1'}:3101`,
+      user: process.env.HISTORY_BACKUP_DELETION_USER || 'staging',
+      pass: process.env.HISTORY_BACKUP_DELETION_PASS,
+    },
+    realTime: {
+      url: `http://${process.env.REALTIME_HOST || '127.0.0.1'}:3026`,
+    },
+    contacts: {
+      url: `http://${process.env.CONTACTS_HOST || '127.0.0.1'}:3036`,
+    },
+    notifications: {
+      url: `http://${process.env.NOTIFICATIONS_HOST || '127.0.0.1'}:3042`,
+    },
+    webpack: {
+      url: `http://${process.env.WEBPACK_HOST || '127.0.0.1'}:3808`,
+    },
+    wiki: {
+      url: process.env.WIKI_URL || 'https://learn.sharelatex.com',
+      maxCacheAge: parseInt(process.env.WIKI_MAX_CACHE_AGE || 5 * minutes, 10),
+    },
+
+    haveIBeenPwned: {
+      enabled: process.env.HAVE_I_BEEN_PWNED_ENABLED === 'true',
+      url:
+        process.env.HAVE_I_BEEN_PWNED_URL || 'https://api.pwnedpasswords.com',
+      timeout: parseInt(process.env.HAVE_I_BEEN_PWNED_TIMEOUT, 10) || 5 * 1000,
+    },
+    v1_history: {
+      url:
+        process.env.V1_HISTORY_URL ||
+        `http://${process.env.V1_HISTORY_HOST || '127.0.0.1'}:${
+          process.env.V1_HISTORY_PORT || '3100'
+        }/api`,
+      urlForGitBridge: process.env.V1_HISTORY_URL_FOR_GIT_BRIDGE,
+      user: process.env.V1_HISTORY_USER || 'staging',
+      pass:
+        process.env.V1_HISTORY_PASS ||
+        process.env.V1_HISTORY_PASSWORD ||
+        'password',
+
+      buckets: {
+        globalBlobs: process.env.OVERLEAF_EDITOR_BLOBS_BUCKET,
+        projectBlobs: process.env.OVERLEAF_EDITOR_PROJECT_BLOBS_BUCKET,
+      },
+    },
+
+    // For legacy reasons, we need to populate the below objects.
+    v1: {},
+    recurly: {},
+  },
+
+  // Defines which features are allowed in the
+  // Permissions-Policy HTTP header
+  httpPermissions: httpPermissionsPolicy,
+  useHttpPermissionsPolicy: true,
+
+  jwt: {
+    key: process.env.OT_JWT_AUTH_KEY,
+    algorithm: process.env.OT_JWT_AUTH_ALG || 'HS256',
+  },
+
+  devToolbar: {
+    enabled: false,
+  },
+
+  splitTests: [],
+
+  // Where your instance of Overleaf Community Edition/Server Pro can be found publicly. Used in emails
+  // that are sent out, generated links, etc.
+  siteUrl: (siteUrl = process.env.PUBLIC_URL || 'http://127.0.0.1:3000'),
+
+  lockManager: {
+    lockTestInterval: intFromEnv('LOCK_MANAGER_LOCK_TEST_INTERVAL', 50),
+    maxTestInterval: intFromEnv('LOCK_MANAGER_MAX_TEST_INTERVAL', 1000),
+    maxLockWaitTime: intFromEnv('LOCK_MANAGER_MAX_LOCK_WAIT_TIME', 10000),
+    redisLockExpiry: intFromEnv('LOCK_MANAGER_REDIS_LOCK_EXPIRY', 30),
+    slowExecutionThreshold: intFromEnv(
+      'LOCK_MANAGER_SLOW_EXECUTION_THRESHOLD',
+      5000
+    ),
+  },
+
+  // Optional separate location for websocket connections, if unset defaults to siteUrl.
+  wsUrl: process.env.WEBSOCKET_URL,
+  wsUrlV2: process.env.WEBSOCKET_URL_V2,
+  wsUrlBeta: process.env.WEBSOCKET_URL_BETA,
+
+  wsUrlV2Percentage: parseInt(
+    process.env.WEBSOCKET_URL_V2_PERCENTAGE || '0',
+    10
+  ),
+  wsRetryHandshake: parseInt(process.env.WEBSOCKET_RETRY_HANDSHAKE || '5', 10),
+
+  // cookie domain
+  // use full domain for cookies to only be accessible from that domain,
+  // replace subdomain with dot to have them accessible on all subdomains
+  cookieDomain: process.env.COOKIE_DOMAIN,
+  cookieName: process.env.COOKIE_NAME || 'overleaf.sid',
+  cookieRollingSession: true,
+
+  // this is only used if cookies are used for clsi backend
+  // clsiCookieKey: "clsiserver"
+
+  robotsNoindex: process.env.ROBOTS_NOINDEX === 'true' || false,
+
+  maxEntitiesPerProject: parseInt(
+    process.env.MAX_ENTITIES_PER_PROJECT || '2000',
+    10
+  ),
+
+  projectUploadTimeout: parseInt(
+    process.env.PROJECT_UPLOAD_TIMEOUT || '120000',
+    10
+  ),
+  maxUploadSize: 50 * 1024 * 1024, // 50 MB
+  multerOptions: {
+    preservePath: process.env.MULTER_PRESERVE_PATH,
+  },
+
+  // start failing the health check if active handles exceeds this limit
+  maxActiveHandles: process.env.MAX_ACTIVE_HANDLES
+    ? parseInt(process.env.MAX_ACTIVE_HANDLES, 10)
+    : undefined,
+
+  // Security
+  // --------
+  security: {
+    sessionSecret: process.env.SESSION_SECRET,
+    sessionSecretUpcoming: process.env.SESSION_SECRET_UPCOMING,
+    sessionSecretFallback: process.env.SESSION_SECRET_FALLBACK,
+    bcryptRounds: parseInt(process.env.BCRYPT_ROUNDS, 10) || 12,
+  }, // number of rounds used to hash user passwords (raised to power 2)
+
+  adminUrl: process.env.ADMIN_URL,
+  adminOnlyLogin: process.env.ADMIN_ONLY_LOGIN === 'true',
+  adminPrivilegeAvailable: process.env.ADMIN_PRIVILEGE_AVAILABLE === 'true',
+  blockCrossOriginRequests: process.env.BLOCK_CROSS_ORIGIN_REQUESTS === 'true',
+  allowedOrigins: (process.env.ALLOWED_ORIGINS || siteUrl).split(','),
+
+  httpAuthUsers,
+
+  // Default features
+  // ----------------
+  //
+  // You can select the features that are enabled by default for new
+  // new users.
+  defaultFeatures: (defaultFeatures = {
+    collaborators: -1,
+    dropbox: true,
+    github: true,
+    gitBridge: true,
+    versioning: true,
+    compileTimeout: 180,
+    compileGroup: 'standard',
+    references: true,
+    trackChanges: true,
+  }),
+
+  // featuresEpoch: 'YYYY-MM-DD',
+
+  features: {
+    personal: defaultFeatures,
+  },
+
+  groupPlanModalOptions: {
+    plan_codes: [],
+    currencies: [],
+    sizes: [],
+    usages: [],
+  },
+  plans: [
+    {
+      planCode: 'personal',
+      name: 'Personal',
+      price_in_cents: 0,
+      features: defaultFeatures,
+    },
+  ],
+
+  disableChat: process.env.OVERLEAF_DISABLE_CHAT === 'true',
+  enableSubscriptions: false,
+  restrictedCountries: [],
+  enableOnboardingEmails: process.env.ENABLE_ONBOARDING_EMAILS === 'true',
+
+  enabledLinkedFileTypes: (process.env.ENABLED_LINKED_FILE_TYPES || '').split(
+    ','
+  ),
+
+  // i18n
+  // ------
+  //
+  i18n: {
+    checkForHTMLInVars: process.env.I18N_CHECK_FOR_HTML_IN_VARS === 'true',
+    escapeHTMLInVars: process.env.I18N_ESCAPE_HTML_IN_VARS === 'true',
+    subdomainLang: {
+      www: { lngCode: 'en', url: siteUrl },
+    },
+    defaultLng: 'en',
+  },
+
+  // Spelling languages
+  // dic = available in client
+  // server: false = not available on server
+  // ------------------
+  languages: [
+    { code: 'en', name: 'English' },
+    { code: 'en_US', dic: 'en_US', name: 'English (American)' },
+    { code: 'en_GB', dic: 'en_GB', name: 'English (British)' },
+    { code: 'en_CA', dic: 'en_CA', name: 'English (Canadian)' },
+    {
+      code: 'en_AU',
+      dic: 'en_AU',
+      name: 'English (Australian)',
+      server: false,
+    },
+    {
+      code: 'en_ZA',
+      dic: 'en_ZA',
+      name: 'English (South African)',
+      server: false,
+    },
+    { code: 'af', dic: 'af_ZA', name: 'Afrikaans' },
+    { code: 'an', dic: 'an_ES', name: 'Aragonese', server: false },
+    { code: 'ar', dic: 'ar', name: 'Arabic' },
+    { code: 'be_BY', dic: 'be_BY', name: 'Belarusian', server: false },
+    { code: 'eu', dic: 'eu', name: 'Basque' },
+    { code: 'bn_BD', dic: 'bn_BD', name: 'Bengali', server: false },
+    { code: 'bs_BA', dic: 'bs_BA', name: 'Bosnian', server: false },
+    { code: 'br', dic: 'br_FR', name: 'Breton' },
+    { code: 'bg', dic: 'bg_BG', name: 'Bulgarian' },
+    { code: 'ca', dic: 'ca', name: 'Catalan' },
+    { code: 'hr', dic: 'hr_HR', name: 'Croatian' },
+    { code: 'cs', dic: 'cs_CZ', name: 'Czech' },
+    { code: 'da', dic: 'da_DK', name: 'Danish' },
+    { code: 'nl', dic: 'nl', name: 'Dutch' },
+    { code: 'dz', dic: 'dz', name: 'Dzongkha', server: false },
+    { code: 'eo', dic: 'eo', name: 'Esperanto' },
+    { code: 'et', dic: 'et_EE', name: 'Estonian' },
+    { code: 'fo', dic: 'fo', name: 'Faroese' },
+    { code: 'fr', dic: 'fr', name: 'French' },
+    { code: 'gl', dic: 'gl_ES', name: 'Galician' },
+    { code: 'de', dic: 'de_DE', name: 'German' },
+    { code: 'de_AT', dic: 'de_AT', name: 'German (Austria)', server: false },
+    {
+      code: 'de_CH',
+      dic: 'de_CH',
+      name: 'German (Switzerland)',
+      server: false,
+    },
+    { code: 'el', dic: 'el_GR', name: 'Greek' },
+    { code: 'gug_PY', dic: 'gug_PY', name: 'Guarani', server: false },
+    { code: 'gu_IN', dic: 'gu_IN', name: 'Gujarati', server: false },
+    { code: 'he_IL', dic: 'he_IL', name: 'Hebrew', server: false },
+    { code: 'hi_IN', dic: 'hi_IN', name: 'Hindi', server: false },
+    { code: 'hu_HU', dic: 'hu_HU', name: 'Hungarian', server: false },
+    { code: 'is_IS', dic: 'is_IS', name: 'Icelandic', server: false },
+    { code: 'id', dic: 'id_ID', name: 'Indonesian' },
+    { code: 'ga', dic: 'ga_IE', name: 'Irish' },
+    { code: 'it', dic: 'it_IT', name: 'Italian' },
+    { code: 'kk', dic: 'kk_KZ', name: 'Kazakh' },
+    { code: 'ko', dic: 'ko', name: 'Korean', server: false },
+    { code: 'ku', name: 'Kurdish' },
+    { code: 'kmr', dic: 'kmr_Latn', name: 'Kurmanji', server: false },
+    { code: 'lv', dic: 'lv_LV', name: 'Latvian' },
+    { code: 'lt', dic: 'lt_LT', name: 'Lithuanian' },
+    { code: 'lo_LA', dic: 'lo_LA', name: 'Laotian', server: false },
+    { code: 'ml_IN', dic: 'ml_IN', name: 'Malayalam', server: false },
+    { code: 'mn_MN', dic: 'mn_MN', name: 'Mongolian', server: false },
+    { code: 'nr', name: 'Ndebele' },
+    { code: 'ne_NP', dic: 'ne_NP', name: 'Nepali', server: false },
+    { code: 'ns', name: 'Northern Sotho' },
+    { code: 'no', name: 'Norwegian' },
+    { code: 'nb_NO', dic: 'nb_NO', name: 'Norwegian (Bokmål)', server: false },
+    { code: 'nn_NO', dic: 'nn_NO', name: 'Norwegian (Nynorsk)', server: false },
+    { code: 'oc_FR', dic: 'oc_FR', name: 'Occitan', server: false },
+    { code: 'fa', dic: 'fa_IR', name: 'Persian' },
+    { code: 'pl', dic: 'pl_PL', name: 'Polish' },
+    { code: 'pt_BR', dic: 'pt_BR', name: 'Portuguese (Brazilian)' },
+    {
+      code: 'pt_PT',
+      dic: 'pt_PT',
+      name: 'Portuguese (European)',
+    },
+    { code: 'pa', name: 'Punjabi' },
+    { code: 'ro', dic: 'ro_RO', name: 'Romanian' },
+    { code: 'ru', dic: 'ru_RU', name: 'Russian' },
+    { code: 'gd_GB', dic: 'gd_GB', name: 'Scottish Gaelic', server: false },
+    { code: 'sr_RS', dic: 'sr_RS', name: 'Serbian', server: false },
+    { code: 'si_LK', dic: 'si_LK', name: 'Sinhala', server: false },
+    { code: 'sk', dic: 'sk_SK', name: 'Slovak' },
+    { code: 'sl', dic: 'sl_SI', name: 'Slovenian' },
+    { code: 'st', name: 'Southern Sotho' },
+    { code: 'es', dic: 'es_ES', name: 'Spanish' },
+    { code: 'sw_TZ', dic: 'sw_TZ', name: 'Swahili', server: false },
+    { code: 'sv', dic: 'sv_SE', name: 'Swedish' },
+    { code: 'tl', dic: 'tl', name: 'Tagalog' },
+    { code: 'te_IN', dic: 'te_IN', name: 'Telugu', server: false },
+    { code: 'th_TH', dic: 'th_TH', name: 'Thai', server: false },
+    { code: 'bo', dic: 'bo', name: 'Tibetan', server: false },
+    { code: 'ts', name: 'Tsonga' },
+    { code: 'tn', name: 'Tswana' },
+    { code: 'tr_TR', dic: 'tr_TR', name: 'Turkish', server: false },
+    { code: 'uk_UA', dic: 'uk_UA', name: 'Ukrainian', server: false },
+    { code: 'hsb', name: 'Upper Sorbian' },
+    { code: 'uz_UZ', dic: 'uz_UZ', name: 'Uzbek', server: false },
+    { code: 'vi_VN', dic: 'vi_VN', name: 'Vietnamese', server: false },
+    { code: 'cy', name: 'Welsh' },
+    { code: 'xh', name: 'Xhosa' },
+  ],
+
+  translatedLanguages: {
+    cn: '简体中文',
+    cs: 'Čeština',
+    da: 'Dansk',
+    de: 'Deutsch',
+    en: 'English',
+    es: 'Español',
+    fi: 'Suomi',
+    fr: 'Français',
+    it: 'Italiano',
+    ja: '日本語',
+    ko: '한국어',
+    nl: 'Nederlands',
+    no: 'Norsk',
+    pl: 'Polski',
+    pt: 'Português',
+    ro: 'Română',
+    ru: 'Русский',
+    sv: 'Svenska',
+    tr: 'Türkçe',
+    uk: 'Українська',
+    'zh-CN': '简体中文',
+  },
+
+  maxDictionarySize: 1024 * 1024, // 1 MB
+
+  // Password Settings
+  // -----------
+  // These restrict the passwords users can use when registering
+  // opts are from http://antelle.github.io/passfield
+  passwordStrengthOptions: {
+    length: {
+      min: 8,
+      // Bcrypt does not support longer passwords than that.
+      max: 72,
+    },
+  },
+
+  elevateAccountSecurityAfterFailedLogin:
+    parseInt(process.env.ELEVATED_ACCOUNT_SECURITY_AFTER_FAILED_LOGIN_MS, 10) ||
+    24 * 60 * 60 * 1000,
+
+  deviceHistory: {
+    cookieName: process.env.DEVICE_HISTORY_COOKIE_NAME || 'deviceHistory',
+    entryExpiry:
+      parseInt(process.env.DEVICE_HISTORY_ENTRY_EXPIRY_MS, 10) ||
+      90 * 24 * 60 * 60 * 1000,
+    maxEntries: parseInt(process.env.DEVICE_HISTORY_MAX_ENTRIES, 10) || 10,
+    secret: process.env.DEVICE_HISTORY_SECRET,
+  },
+
+  // Email support
+  // -------------
+  //
+  //	Overleaf uses nodemailer (http://www.nodemailer.com/) to send transactional emails.
+  //	To see the range of transport and options they support, see http://www.nodemailer.com/docs/transports
+  // email:
+  //	fromAddress: ""
+  //	replyTo: ""
+  //	lifecycle: false
+  // # Example transport and parameter settings for Amazon SES
+  //	transport: "SES"
+  //	parameters:
+  //		AWSAccessKeyID: ""
+  //		AWSSecretKey: ""
+
+  // For legacy reasons, we need to populate this object.
+  sentry: {},
+
+  // Production Settings
+  // -------------------
+  debugPugTemplates: process.env.DEBUG_PUG_TEMPLATES === 'true',
+  precompilePugTemplatesAtBootTime: process.env
+    .PRECOMPILE_PUG_TEMPLATES_AT_BOOT_TIME
+    ? process.env.PRECOMPILE_PUG_TEMPLATES_AT_BOOT_TIME === 'true'
+    : process.env.NODE_ENV === 'production',
+
+  // Should javascript assets be served minified or not.
+  useMinifiedJs: process.env.MINIFIED_JS === 'true' || false,
+
+  // Should static assets be sent with a header to tell the browser to cache
+  // them.
+  cacheStaticAssets: false,
+
+  // If you are running Overleaf over https, set this to true to send the
+  // cookie with a secure flag (recommended).
+  secureCookie: false,
+
+  // 'SameSite' cookie setting. Can be set to 'lax', 'none' or 'strict'
+  // 'lax' is recommended, as 'strict' will prevent people linking to projects
+  // https://tools.ietf.org/html/draft-ietf-httpbis-rfc6265bis-03#section-4.1.2.7
+  sameSiteCookie: 'lax',
+
+  // If you are running Overleaf behind a proxy (like Apache, Nginx, etc)
+  // then set this to true to allow it to correctly detect the forwarded IP
+  // address and http/https protocol information.
+  behindProxy: false,
+
+  // Delay before closing the http server upon receiving a SIGTERM process signal.
+  gracefulShutdownDelayInMs:
+    parseInt(process.env.GRACEFUL_SHUTDOWN_DELAY_SECONDS ?? '5', 10) * seconds,
+
+  maxReconnectGracefullyIntervalMs: parseInt(
+    process.env.MAX_RECONNECT_GRACEFULLY_INTERVAL_MS ?? '30000',
+    10
+  ),
+
+  // Expose the hostname in the `X-Served-By` response header
+  exposeHostname: process.env.EXPOSE_HOSTNAME === 'true',
+
+  // Cookie max age (in milliseconds). Set to false for a browser session.
+  cookieSessionLength: 5 * 24 * 60 * 60 * 1000, // 5 days
+
+  // When true, only allow invites to be sent to email addresses that
+  // already have user accounts
+  restrictInvitesToExistingAccounts: false,
+
+  // Should we allow access to any page without logging in? This includes
+  // public projects, /learn, /templates, about pages, etc.
+  allowPublicAccess: process.env.OVERLEAF_ALLOW_PUBLIC_ACCESS === 'true',
+
+  // editor should be open by default
+  editorIsOpen: process.env.EDITOR_OPEN !== 'false',
+
+  // site should be open by default
+  siteIsOpen: process.env.SITE_OPEN !== 'false',
+  // status file for closing/opening the site at run-time, polled every 5s
+  siteMaintenanceFile: process.env.SITE_MAINTENANCE_FILE,
+
+  // Use a single compile directory for all users in a project
+  // (otherwise each user has their own directory)
+  // disablePerUserCompiles: true
+
+  // Domain the client (pdfjs) should download the compiled pdf from
+  pdfDownloadDomain: process.env.COMPILES_USER_CONTENT_DOMAIN, // "http://clsi-lb:3014"
+
+  // By default turn on feature flag, can be overridden per request.
+  enablePdfCaching: process.env.ENABLE_PDF_CACHING === 'true',
+
+  // Maximum size of text documents in the real-time editing system.
+  max_doc_length: 2 * 1024 * 1024, // 2mb
+
+  primary_email_check_expiration: 1000 * 60 * 60 * 24 * 90, // 90 days
+
+  // Maximum JSON size in HTTP requests
+  // We should be able to process twice the max doc length, to allow for
+  //   - the doc content
+  //   - text ranges spanning the whole doc
+  //
+  // There's also overhead required for the JSON encoding and the UTF-8 encoding,
+  // theoretically up to 3 times the max doc length. On the other hand, we don't
+  // want to block the event loop with JSON parsing, so we try to find a
+  // practical compromise.
+  max_json_request_size:
+    parseInt(process.env.MAX_JSON_REQUEST_SIZE) || 6 * 1024 * 1024, // 6 MB
+
+  // Internal configs
+  // ----------------
+  path: {
+    // If we ever need to write something to disk (e.g. incoming requests
+    // that need processing but may be too big for memory, then write
+    // them to disk here).
+    dumpFolder: Path.resolve(__dirname, '../data/dumpFolder'),
+    uploadFolder: Path.resolve(__dirname, '../data/uploads'),
+  },
+
+  // Automatic Snapshots
+  // -------------------
+  automaticSnapshots: {
+    // How long should we wait after the user last edited to
+    // take a snapshot?
+    waitTimeAfterLastEdit: 5 * minutes,
+    // Even if edits are still taking place, this is maximum
+    // time to wait before taking another snapshot.
+    maxTimeBetweenSnapshots: 30 * minutes,
+  },
+
+  // Smoke test
+  // ----------
+  // Provide log in credentials and a project to be able to run
+  // some basic smoke tests to check the core functionality.
+  //
+  smokeTest: {
+    user: process.env.SMOKE_TEST_USER,
+    userId: process.env.SMOKE_TEST_USER_ID,
+    password: process.env.SMOKE_TEST_PASSWORD,
+    projectId: process.env.SMOKE_TEST_PROJECT_ID,
+    rateLimitSubject: process.env.SMOKE_TEST_RATE_LIMIT_SUBJECT || '127.0.0.1',
+    stepTimeout: parseInt(process.env.SMOKE_TEST_STEP_TIMEOUT || '10000', 10),
+  },
+
+  appName: process.env.APP_NAME || 'Overleaf (Community Edition)',
+
+  adminEmail: process.env.ADMIN_EMAIL || 'placeholder@example.com',
+  adminDomains: process.env.ADMIN_DOMAINS
+    ? JSON.parse(process.env.ADMIN_DOMAINS)
+    : undefined,
+
+  nav: {
+    title: process.env.APP_NAME || 'Overleaf Community Edition',
+
+    hide_powered_by: process.env.NAV_HIDE_POWERED_BY === 'true',
+    left_footer: [],
+
+    right_footer: [
+      {
+        text: "<i class='fa fa-github-square'></i> Fork on GitHub!",
+        url: 'https://github.com/overleaf/overleaf',
+      },
+    ],
+
+    showSubscriptionLink: false,
+
+    header_extras: [],
+  },
+  // Example:
+  //   header_extras: [{text: "Some Page", url: "http://example.com/some/page", class: "subdued"}]
+
+  recaptcha: {
+    endpoint:
+      process.env.RECAPTCHA_ENDPOINT ||
+      'https://www.google.com/recaptcha/api/siteverify',
+    trustedUsers: (process.env.CAPTCHA_TRUSTED_USERS || '')
+      .split(',')
+      .map(x => x.trim())
+      .filter(x => x !== ''),
+    trustedUsersRegex: process.env.CAPTCHA_TRUSTED_USERS_REGEX
+      ? // Enforce matching of the entire input.
+        new RegExp(`^${process.env.CAPTCHA_TRUSTED_USERS_REGEX}$`)
+      : null,
+    disabled: {
+      invite: true,
+      login: true,
+      passwordReset: true,
+      register: true,
+      addEmail: true,
+    },
+  },
+
+  customisation: {},
+
+  redirects: {
+    '/templates/index': '/templates/',
+  },
+
+  reloadModuleViewsOnEachRequest: process.env.NODE_ENV === 'development',
+
+  rateLimit: {
+    subnetRateLimiterDisabled:
+      process.env.SUBNET_RATE_LIMITER_DISABLED === 'true',
+    autoCompile: {
+      everyone: process.env.RATE_LIMIT_AUTO_COMPILE_EVERYONE || 100,
+      standard: process.env.RATE_LIMIT_AUTO_COMPILE_STANDARD || 25,
+    },
+    login: {
+      ip: { points: 20, subnetPoints: 200, duration: 60 },
+      email: { points: 10, duration: 120 },
+    },
+  },
+
+  analytics: {
+    enabled: false,
+  },
+
+  compileBodySizeLimitMb: process.env.COMPILE_BODY_SIZE_LIMIT_MB || 7,
+
+  textExtensions: defaultTextExtensions.concat(
+    parseTextExtensions(process.env.ADDITIONAL_TEXT_EXTENSIONS)
+  ),
+
+  // case-insensitive file names that is editable (doc) in the editor
+  editableFilenames: ['latexmkrc', '.latexmkrc', 'makefile', 'gnumakefile'],
+
+  fileIgnorePattern:
+    process.env.FILE_IGNORE_PATTERN ||
+    '**/{{__MACOSX,.git,.texpadtmp,.R}{,/**},.!(latexmkrc),*.{dvi,aux,log,toc,out,pdfsync,synctex,synctex(busy),fdb_latexmk,fls,nlo,ind,glo,gls,glg,bbl,blg,doc,docx,gz,swp}}',
+
+  validRootDocExtensions: ['tex', 'Rtex', 'ltx', 'Rnw'],
+
+  emailConfirmationDisabled:
+    process.env.EMAIL_CONFIRMATION_DISABLED === 'true' || false,
+
+  emailAddressLimit: intFromEnv('EMAIL_ADDRESS_LIMIT', 10),
+
+  enabledServices: (process.env.ENABLED_SERVICES || 'web,api')
+    .split(',')
+    .map(s => s.trim()),
+
+  // module options
+  // ----------
+  modules: {
+    sanitize: {
+      options: {
+        allowedTags: [
+          'h1',
+          'h2',
+          'h3',
+          'h4',
+          'h5',
+          'h6',
+          'blockquote',
+          'p',
+          'a',
+          'ul',
+          'ol',
+          'nl',
+          'li',
+          'b',
+          'i',
+          'strong',
+          'em',
+          'strike',
+          'code',
+          'hr',
+          'br',
+          'div',
+          'table',
+          'thead',
+          'col',
+          'caption',
+          'tbody',
+          'tr',
+          'th',
+          'td',
+          'tfoot',
+          'pre',
+          'iframe',
+          'img',
+          'figure',
+          'figcaption',
+          'span',
+          'source',
+          'video',
+          'del',
+        ],
+        allowedAttributes: {
+          a: [
+            'href',
+            'name',
+            'target',
+            'class',
+            'event-tracking',
+            'event-tracking-ga',
+            'event-tracking-label',
+            'event-tracking-trigger',
+          ],
+          div: ['class', 'id', 'style'],
+          h1: ['class', 'id'],
+          h2: ['class', 'id'],
+          h3: ['class', 'id'],
+          h4: ['class', 'id'],
+          h5: ['class', 'id'],
+          h6: ['class', 'id'],
+          p: ['class'],
+          col: ['width'],
+          figure: ['class', 'id', 'style'],
+          figcaption: ['class', 'id', 'style'],
+          i: ['aria-hidden', 'aria-label', 'class', 'id'],
+          iframe: [
+            'allowfullscreen',
+            'frameborder',
+            'height',
+            'src',
+            'style',
+            'width',
+          ],
+          img: ['alt', 'class', 'src', 'style'],
+          source: ['src', 'type'],
+          span: ['class', 'id', 'style'],
+          strong: ['style'],
+          table: ['border', 'class', 'id', 'style'],
+          td: ['colspan', 'rowspan', 'headers', 'style'],
+          th: [
+            'abbr',
+            'headers',
+            'colspan',
+            'rowspan',
+            'scope',
+            'sorted',
+            'style',
+          ],
+          tr: ['class'],
+          video: ['alt', 'class', 'controls', 'height', 'width'],
+        },
+      },
+    },
+  },
+
+  overleafModuleImports: {
+    // modules to import (an empty array for each set of modules)
+    //
+    // Restart webpack after making changes.
+    //
+    createFileModes: [],
+    devToolbar: [],
+    gitBridge: [],
+    publishModal: [],
+    tprFileViewInfo: [],
+    tprFileViewRefreshError: [],
+    tprFileViewRefreshButton: [],
+    tprFileViewNotOriginalImporter: [],
+    contactUsModal: [],
+    editorToolbarButtons: [],
+    sourceEditorExtensions: [],
+    sourceEditorComponents: [],
+    pdfLogEntryComponents: [],
+    pdfLogEntriesComponents: [],
+    diagnosticActions: [],
+    sourceEditorCompletionSources: [],
+    sourceEditorSymbolPalette: [],
+    sourceEditorToolbarComponents: [],
+    mainEditorLayoutModals: [],
+    langFeedbackLinkingWidgets: [],
+    labsExperiments: [],
+    integrationLinkingWidgets: [],
+    referenceLinkingWidgets: [],
+    importProjectFromGithubModalWrapper: [],
+    importProjectFromGithubMenu: [],
+    editorLeftMenuSync: [],
+    editorLeftMenuManageTemplate: [],
+    oauth2Server: [],
+    managedGroupSubscriptionEnrollmentNotification: [],
+    managedGroupEnrollmentInvite: [],
+    ssoCertificateInfo: [],
+    v1ImportDataScreen: [],
+    snapshotUtils: [],
+    usGovBanner: [],
+    offlineModeToolbarButtons: [],
+    settingsEntries: [],
+    autoCompleteExtensions: [],
+    sectionTitleGenerators: [],
+    toastGenerators: [],
+    editorSidebarComponents: [],
+    fileTreeToolbarComponents: [],
+    integrationPanelComponents: [],
+    referenceSearchSetting: [],
+  },
+
+  moduleImportSequence: [
+    'history-v1',
+    'launchpad',
+    'server-ce-scripts',
+    'user-activate',
+  ],
+  viewIncludes: {},
+
+  csp: {
+    enabled: process.env.CSP_ENABLED === 'true',
+    reportOnly: process.env.CSP_REPORT_ONLY === 'true',
+    reportPercentage: parseFloat(process.env.CSP_REPORT_PERCENTAGE) || 0,
+    reportUri: process.env.CSP_REPORT_URI,
+    exclude: [],
+    viewDirectives: {
+      'app/views/project/ide-react': [`img-src 'self' data: blob:`],
+    },
+  },
+
+  unsupportedBrowsers: {
+    ie: '<=11',
+    safari: '<=14',
+    firefox: '<=78',
+  },
+
+  // ID of the IEEE brand in the rails app
+  ieeeBrandId: intFromEnv('IEEE_BRAND_ID', 15),
+
+  managedUsers: {
+    enabled: false,
+  },
+}
+
+module.exports.mergeWith = function (overrides) {
+  return merge(overrides, module.exports)
+}
diff --git a/services/web/cypress.config.ts b/services/web/cypress.config.ts
new file mode 100644
index 0000000..d44d9dc
--- /dev/null
+++ b/services/web/cypress.config.ts
@@ -0,0 +1,28 @@
+import { defineConfig } from 'cypress'
+import { webpackConfig } from './cypress/support/webpack.cypress'
+
+export default defineConfig({
+  fixturesFolder: 'cypress/fixtures',
+  video: process.env.CYPRESS_VIDEO === 'true',
+  screenshotsFolder: 'cypress/results',
+  videosFolder: 'cypress/results',
+  viewportHeight: 800,
+  viewportWidth: 800,
+  component: {
+    devServer: {
+      framework: 'react',
+      bundler: 'webpack',
+      webpackConfig,
+    },
+    setupNodeEvents(on, config) {
+      //
+    },
+    specPattern:
+      process.env.CYPRESS_SPEC_PATTERN ||
+      './{test,modules/**/test}/frontend/**/*.spec.{js,jsx,ts,tsx}',
+    excludeSpecPattern: process.env.CYPRESS_EXCLUDE_SPEC_PATTERN,
+  },
+  retries: {
+    runMode: 3,
+  },
+})
diff --git a/services/web/cypress/fixtures/blobs/5199b66d9d1226551be436c66bad9d962cc05537 b/services/web/cypress/fixtures/blobs/5199b66d9d1226551be436c66bad9d962cc05537
new file mode 100644
index 0000000..3b1715e
--- /dev/null
+++ b/services/web/cypress/fixtures/blobs/5199b66d9d1226551be436c66bad9d962cc05537
@@ -0,0 +1 @@
+Simply use the section and subsection commands, as in this example document! With Overleaf, all the formatting and numbering is handled automatically according to the template you've chosen. If you're using the Visual Editor, you can also create new section and subsections via the buttons in the editor toolbar.
diff --git a/services/web/cypress/fixtures/blobs/a0e21c740cf81e868f158e30e88985b5ea1d6c19 b/services/web/cypress/fixtures/blobs/a0e21c740cf81e868f158e30e88985b5ea1d6c19
new file mode 100644
index 0000000..ca81447
--- /dev/null
+++ b/services/web/cypress/fixtures/blobs/a0e21c740cf81e868f158e30e88985b5ea1d6c19
@@ -0,0 +1,8 @@
+@article{greenwade93,
+    author  = "George D. Greenwade",
+    title   = "The {C}omprehensive {T}ex {A}rchive {N}etwork ({CTAN})",
+    year    = "1993",
+    journal = "TUGBoat",
+    volume  = "14",
+    number  = "3",
+    pages   = "342--351"}
diff --git a/services/web/cypress/fixtures/build/mock-writefull-api.js b/services/web/cypress/fixtures/build/mock-writefull-api.js
new file mode 100644
index 0000000..4ba52ba
--- /dev/null
+++ b/services/web/cypress/fixtures/build/mock-writefull-api.js
@@ -0,0 +1 @@
+module.exports = {}
diff --git a/services/web/cypress/fixtures/build/mock-writefull.css b/services/web/cypress/fixtures/build/mock-writefull.css
new file mode 100644
index 0000000..e69de29
diff --git a/services/web/cypress/fixtures/build/output-2.pdf b/services/web/cypress/fixtures/build/output-2.pdf
new file mode 100644
index 0000000..d9f89df
Binary files /dev/null and b/services/web/cypress/fixtures/build/output-2.pdf differ
diff --git a/services/web/cypress/fixtures/build/output-corrupt.pdf b/services/web/cypress/fixtures/build/output-corrupt.pdf
new file mode 100644
index 0000000..8d92665
Binary files /dev/null and b/services/web/cypress/fixtures/build/output-corrupt.pdf differ
diff --git a/services/web/cypress/fixtures/build/output-human-readable.log b/services/web/cypress/fixtures/build/output-human-readable.log
new file mode 100644
index 0000000..af776aa
--- /dev/null
+++ b/services/web/cypress/fixtures/build/output-human-readable.log
@@ -0,0 +1,21 @@
+log This is pdfTeX, Version 3.14159265-2.6-1.40.21 (TeX Live 2020) (preloaded format=pdflatex 2020.9.10)  8 FEB 2022 16:27
+entering extended mode
+ \write18 enabled.
+ %&-line parsing enabled.
+**main.tex
+(./main.tex
+LaTeX2e <2020-02-02> patch level 5
+
+LaTeX Warning: Reference `intorduction' on page 1 undefined on input line 11.
+
+
+LaTeX Warning: Reference `section1' on page 1 undefined on input line 13.
+
+[1
+
+{/usr/local/texlive/2020/texmf-var/fonts/map/pdftex/updmap/pdftex.map}] (/compi
+le/output.aux)
+
+LaTeX Warning: There were undefined references.
+
+ )
diff --git a/services/web/cypress/fixtures/build/output-undefined-references.log b/services/web/cypress/fixtures/build/output-undefined-references.log
new file mode 100644
index 0000000..c2e4521
--- /dev/null
+++ b/services/web/cypress/fixtures/build/output-undefined-references.log
@@ -0,0 +1,10 @@
+Package rerunfilecheck Info: File `output.out' has not changed.
+(rerunfilecheck)             Checksum: 339DB29951BB30436898BC39909EA4FA;11265.
+
+Package rerunfilecheck Warning: File `output.brf' has changed.
+(rerunfilecheck)                Rerun to get bibliographical references right.
+
+Package rerunfilecheck Info: Checksums for `output.brf':
+(rerunfilecheck)             Before: D41D8CD98F00B204E9800998ECF8427E;0
+(rerunfilecheck)             After:  DF3260FAD3828D54C5E4E9337E97F7AF;4841.
+)
diff --git a/services/web/cypress/fixtures/build/output.blg b/services/web/cypress/fixtures/build/output.blg
new file mode 100644
index 0000000..dd54e20
--- /dev/null
+++ b/services/web/cypress/fixtures/build/output.blg
@@ -0,0 +1 @@
+This is BibTeX, Version 4.0
diff --git a/services/web/cypress/fixtures/build/output.log b/services/web/cypress/fixtures/build/output.log
new file mode 100644
index 0000000..768a905
--- /dev/null
+++ b/services/web/cypress/fixtures/build/output.log
@@ -0,0 +1,19 @@
+The LaTeX compiler output
+  * With a lot of details
+
+Wrapped in an HTML <pre> element with
+      preformatted text which is to be presented exactly
+            as written in the HTML file
+
+                                              (whitespace included™)
+
+The text is typically rendered using a non-proportional ("monospace") font.
+
+LaTeX Font Info:    External font `cmex10' loaded for size
+(Font)              <7> on input line 18.
+LaTeX Font Info:    External font `cmex10' loaded for size
+(Font)              <5> on input line 18.
+! Undefined control sequence.
+<recently read> \Zlpha
+
+ main.tex, line 23
diff --git a/services/web/cypress/fixtures/build/output.pdf b/services/web/cypress/fixtures/build/output.pdf
new file mode 100644
index 0000000..4c2cc85
Binary files /dev/null and b/services/web/cypress/fixtures/build/output.pdf differ
diff --git a/services/web/cypress/fixtures/images/gradient.png b/services/web/cypress/fixtures/images/gradient.png
new file mode 100644
index 0000000..a2152f9
Binary files /dev/null and b/services/web/cypress/fixtures/images/gradient.png differ
diff --git a/services/web/cypress/support/component-index.html b/services/web/cypress/support/component-index.html
new file mode 100644
index 0000000..ac6e79f
--- /dev/null
+++ b/services/web/cypress/support/component-index.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>Components App</title>
+  </head>
+  <body>
+    <div data-cy-root></div>
+  </body>
+</html>
\ No newline at end of file
diff --git a/services/web/cypress/support/component.ts b/services/web/cypress/support/component.ts
new file mode 100644
index 0000000..9ded533
--- /dev/null
+++ b/services/web/cypress/support/component.ts
@@ -0,0 +1,12 @@
+import 'cypress-plugin-tab'
+import { resetMeta } from './ct/window' // needs to be before i18n
+import localesPromise from '@/i18n'
+import './shared/commands'
+import './shared/exceptions'
+import './ct/commands'
+import './ct/codemirror'
+import '../../test/frontend/helpers/bootstrap-5'
+
+beforeEach(function () {
+  cy.wrap(localesPromise).then(resetMeta)
+})
diff --git a/services/web/cypress/support/ct/codemirror.ts b/services/web/cypress/support/ct/codemirror.ts
new file mode 100644
index 0000000..ab7a692
--- /dev/null
+++ b/services/web/cypress/support/ct/codemirror.ts
@@ -0,0 +1,4 @@
+import { EditorView } from '@codemirror/view'
+
+// @ts-ignore (disable EditContext-based editing until stable)
+EditorView.EDIT_CONTEXT = false
diff --git a/services/web/cypress/support/ct/commands/index.ts b/services/web/cypress/support/ct/commands/index.ts
new file mode 100644
index 0000000..4ad9c79
--- /dev/null
+++ b/services/web/cypress/support/ct/commands/index.ts
@@ -0,0 +1,14 @@
+import { mount } from 'cypress/react'
+
+// eslint-disable-next-line no-unused-vars,@typescript-eslint/no-namespace
+declare global {
+  // eslint-disable-next-line @typescript-eslint/no-namespace,no-unused-vars
+  namespace Cypress {
+    // eslint-disable-next-line no-unused-vars
+    interface Chainable {
+      mount: typeof mount
+    }
+  }
+}
+
+Cypress.Commands.add('mount', mount)
diff --git a/services/web/cypress/support/ct/window.ts b/services/web/cypress/support/ct/window.ts
new file mode 100644
index 0000000..ae2a194
--- /dev/null
+++ b/services/web/cypress/support/ct/window.ts
@@ -0,0 +1,16 @@
+export function resetMeta() {
+  window.metaAttributesCache = new Map()
+  window.metaAttributesCache.set('ol-i18n', { currentLangCode: 'en' })
+  window.metaAttributesCache.set('ol-ExposedSettings', {
+    appName: 'Overleaf',
+    validRootDocExtensions: ['tex', 'Rtex', 'ltx', 'Rnw'],
+    fileIgnorePattern:
+      '**/{{__MACOSX,.git,.texpadtmp,.R}{,/**},.!(latexmkrc),*.{dvi,aux,log,toc,out,pdfsync,synctex,synctex(busy),fdb_latexmk,fls,nlo,ind,glo,gls,glg,bbl,blg,doc,docx,gz,swp}}',
+    hasLinkedProjectFileFeature: true,
+    hasLinkedProjectOutputFileFeature: true,
+    hasLinkUrlFeature: true,
+  })
+}
+
+// Populate meta for top-level access in modules on import
+resetMeta()
diff --git a/services/web/cypress/support/shared/commands/compile.ts b/services/web/cypress/support/shared/commands/compile.ts
new file mode 100644
index 0000000..9f7273c
--- /dev/null
+++ b/services/web/cypress/support/shared/commands/compile.ts
@@ -0,0 +1,243 @@
+import { v4 as uuid } from 'uuid'
+
+const outputFiles = () => {
+  const build = uuid()
+
+  return [
+    {
+      path: 'output.pdf',
+      build,
+      url: `/build/${build}/output.pdf`,
+      type: 'pdf',
+    },
+    {
+      path: 'output.bbl',
+      build,
+      url: `/build/${build}/output.bbl`,
+      type: 'bbl',
+    },
+    {
+      path: 'output.bib',
+      build,
+      url: `/build/${build}/output.bib`,
+      type: 'bib',
+    },
+    {
+      path: 'example.txt',
+      build,
+      url: `/build/${build}/example.txt`,
+      type: 'txt',
+    },
+    {
+      path: 'output.log',
+      build,
+      url: `/build/${build}/output.log`,
+      type: 'log',
+    },
+    {
+      path: 'output.blg',
+      build,
+      url: `/build/${build}/output.blg`,
+      type: 'blg',
+    },
+  ]
+}
+
+const compileFromCacheResponse = () => {
+  return {
+    fromCache: true,
+    status: 'success',
+    clsiServerId: 'foo',
+    compileGroup: 'priority',
+    pdfDownloadDomain: 'https://clsi.test-overleaf.com',
+    outputFiles: outputFiles(),
+    options: {
+      rootResourcePath: 'main.tex',
+      imageName: 'texlive-full:2024.1',
+      compiler: 'pdflatex',
+      stopOnFirstError: false,
+      draft: false,
+    },
+  }
+}
+
+export const interceptCompileFromCacheRequest = ({
+  times,
+  promise,
+}: {
+  times: number
+  promise: Promise<void>
+}) => {
+  return cy.intercept(
+    { path: '/project/*/output/cached/output.overleaf.json', times },
+    async req => {
+      await promise
+      req.reply({ body: compileFromCacheResponse() })
+    }
+  )
+}
+
+export const interceptCompileRequest = ({ times = 1 } = {}) => {
+  return cy.intercept(
+    { method: 'POST', pathname: '/project/*/compile', times },
+    {
+      body: {
+        status: 'success',
+        clsiServerId: 'foo',
+        compileGroup: 'priority',
+        pdfDownloadDomain: 'https://clsi.test-overleaf.com',
+        outputFiles: outputFiles(),
+      },
+    }
+  )
+}
+
+export const interceptCompile = ({
+  prefix = 'compile',
+  times = 1,
+  cached = false,
+  regular = true,
+  outputPDFFixture = 'output.pdf',
+} = {}) => {
+  if (cached) {
+    cy.intercept(
+      { path: '/project/*/output/cached/output.overleaf.json', times },
+      { body: compileFromCacheResponse() }
+    ).as(`${prefix}-cached`)
+  } else {
+    cy.intercept(
+      { pathname: '/project/*/output/cached/output.overleaf.json', times },
+      { statusCode: 404 }
+    ).as(`${prefix}-cached`)
+  }
+
+  if (regular) {
+    interceptCompileRequest({ times }).as(`${prefix}`)
+  } else {
+    cy.intercept(
+      { method: 'POST', pathname: '/project/*/compile', times },
+      {
+        body: {
+          status: 'unavailable',
+          clsiServerId: 'foo',
+          compileGroup: 'priority',
+          pdfDownloadDomain: 'https://clsi.test-overleaf.com',
+          outputFiles: [],
+        },
+      }
+    ).as(`${prefix}`)
+  }
+
+  cy.intercept(
+    { pathname: '/build/*/output.pdf', times },
+    { fixture: `build/${outputPDFFixture},null` }
+  ).as(`${prefix}-pdf`)
+
+  cy.intercept(
+    { pathname: '/build/*/output.log', times },
+    { fixture: 'build/output.log' }
+  ).as(`${prefix}-log`)
+
+  cy.intercept(
+    { pathname: '/build/*/output.blg', times },
+    { fixture: 'build/output.blg' }
+  ).as(`${prefix}-blg`)
+}
+
+export const waitForCompile = ({
+  prefix = 'compile',
+  pdf = false,
+  cached = false,
+  regular = true,
+} = {}) => {
+  if (cached) {
+    cy.wait(`@${prefix}-cached`)
+  }
+  if (regular) {
+    cy.wait(`@${prefix}`)
+  }
+  return waitForCompileOutput({ prefix, pdf, cached })
+}
+
+export const waitForCompileOutput = ({
+  prefix = 'compile',
+  pdf = false,
+  cached = false,
+} = {}) => {
+  cy.wait(`@${prefix}-log`)
+    .its('request.query.clsiserverid')
+    .should('eq', cached ? 'cache' : 'foo') // straight from cache if cached
+  cy.wait(`@${prefix}-blg`)
+    .its('request.query.clsiserverid')
+    .should('eq', cached ? 'cache' : 'foo') // straight from cache if cached
+  if (pdf) {
+    cy.wait(`@${prefix}-pdf`)
+      .its('request.query.clsiserverid')
+      .should('eq', 'foo') // always from VM first
+  }
+  return cy.wrap(null)
+}
+
+export const interceptDeferredCompile = (beforeResponse?: () => void) => {
+  const { promise, resolve } = Promise.withResolvers<void>()
+
+  cy.intercept(
+    { method: 'POST', url: '/project/*/compile*', times: 1 },
+    req => {
+      if (beforeResponse) {
+        beforeResponse()
+      }
+
+      // only reply once the Promise is resolved
+      promise.then(() => {
+        req.reply({
+          body: {
+            status: 'success',
+            clsiServerId: 'foo',
+            compileGroup: 'priority',
+            pdfDownloadDomain: 'https://clsi.test-overleaf.com',
+            outputFiles: [
+              {
+                path: 'output.pdf',
+                build: '123',
+                url: '/build/123/output.pdf',
+                type: 'pdf',
+              },
+              {
+                path: 'output.log',
+                build: '123',
+                url: '/build/123/output.log',
+                type: 'log',
+              },
+              {
+                path: 'output.blg',
+                build: '123',
+                url: '/build/123/output.blg',
+                type: 'log',
+              },
+            ],
+          },
+        })
+      })
+
+      return promise
+    }
+  ).as('compile')
+
+  cy.intercept(
+    { pathname: '/build/*/output.pdf', times: 1 },
+    { fixture: 'build/output.pdf,null' }
+  ).as(`compile-pdf`)
+
+  cy.intercept(
+    { pathname: '/build/*/output.log', times: 1 },
+    { fixture: 'build/output.log' }
+  ).as(`compile-log`)
+
+  cy.intercept(
+    { pathname: '/build/*/output.blg', times: 1 },
+    { fixture: 'build/output.blg' }
+  ).as(`compile-blg`)
+
+  return cy.wrap(resolve)
+}
diff --git a/services/web/cypress/support/shared/commands/events.ts b/services/web/cypress/support/shared/commands/events.ts
new file mode 100644
index 0000000..26a6375
--- /dev/null
+++ b/services/web/cypress/support/shared/commands/events.ts
@@ -0,0 +1,5 @@
+export const interceptEvents = () => {
+  cy.intercept('POST', '/event/*', {
+    statusCode: 204,
+  }).as('createEvent')
+}
diff --git a/services/web/cypress/support/shared/commands/index.ts b/services/web/cypress/support/shared/commands/index.ts
new file mode 100644
index 0000000..bb55fdd
--- /dev/null
+++ b/services/web/cypress/support/shared/commands/index.ts
@@ -0,0 +1,56 @@
+import '@testing-library/cypress/add-commands'
+import {
+  interceptCompile,
+  interceptCompileFromCacheRequest,
+  waitForCompile,
+  interceptDeferredCompile,
+  interceptCompileRequest,
+} from './compile'
+import { interceptEvents } from './events'
+import { interceptAsync } from './intercept-async'
+import { interceptFileUpload } from './upload'
+import { interceptProjectListing } from './project-list'
+import { interceptLinkedFile } from './linked-file'
+import { interceptMathJax } from './mathjax'
+import { interceptMetadata } from './metadata'
+import { interceptTutorials } from './tutorials'
+
+// eslint-disable-next-line no-unused-vars,@typescript-eslint/no-namespace
+declare global {
+  // eslint-disable-next-line @typescript-eslint/no-namespace,no-unused-vars
+  namespace Cypress {
+    // eslint-disable-next-line no-unused-vars
+    interface Chainable {
+      interceptAsync: typeof interceptAsync
+      interceptCompile: typeof interceptCompile
+      interceptCompileRequest: typeof interceptCompileRequest
+      interceptCompileFromCacheRequest: typeof interceptCompileFromCacheRequest
+      interceptEvents: typeof interceptEvents
+      interceptMetadata: typeof interceptMetadata
+      waitForCompile: typeof waitForCompile
+      interceptDeferredCompile: typeof interceptDeferredCompile
+      interceptFileUpload: typeof interceptFileUpload
+      interceptProjectListing: typeof interceptProjectListing
+      interceptLinkedFile: typeof interceptLinkedFile
+      interceptMathJax: typeof interceptMathJax
+      interceptTutorials: typeof interceptTutorials
+    }
+  }
+}
+
+Cypress.Commands.add('interceptAsync', interceptAsync)
+Cypress.Commands.add('interceptCompile', interceptCompile)
+Cypress.Commands.add('interceptCompileRequest', interceptCompileRequest)
+Cypress.Commands.add(
+  'interceptCompileFromCacheRequest',
+  interceptCompileFromCacheRequest
+)
+Cypress.Commands.add('interceptEvents', interceptEvents)
+Cypress.Commands.add('interceptMetadata', interceptMetadata)
+Cypress.Commands.add('waitForCompile', waitForCompile)
+Cypress.Commands.add('interceptDeferredCompile', interceptDeferredCompile)
+Cypress.Commands.add('interceptFileUpload', interceptFileUpload)
+Cypress.Commands.add('interceptProjectListing', interceptProjectListing)
+Cypress.Commands.add('interceptLinkedFile', interceptLinkedFile)
+Cypress.Commands.add('interceptMathJax', interceptMathJax)
+Cypress.Commands.add('interceptTutorials', interceptTutorials)
diff --git a/services/web/cypress/support/shared/commands/intercept-async.ts b/services/web/cypress/support/shared/commands/intercept-async.ts
new file mode 100644
index 0000000..e11d10e
--- /dev/null
+++ b/services/web/cypress/support/shared/commands/intercept-async.ts
@@ -0,0 +1,19 @@
+import { RouteHandler, RouteMatcher } from 'cypress/types/net-stubbing'
+
+export const interceptAsync = (route: RouteMatcher, alias: string) => {
+  const deferred: { resolve: (value: RouteHandler) => void } = {
+    resolve: () => {
+      console.error('This should never be called')
+    },
+  }
+
+  const promise = new Promise<RouteHandler>(resolve => {
+    deferred.resolve = resolve
+  })
+
+  cy.intercept(route, req => {
+    return promise.then(response => req.reply(response))
+  }).as(alias)
+
+  return cy.wrap(deferred)
+}
diff --git a/services/web/cypress/support/shared/commands/linked-file.ts b/services/web/cypress/support/shared/commands/linked-file.ts
new file mode 100644
index 0000000..b3e1777
--- /dev/null
+++ b/services/web/cypress/support/shared/commands/linked-file.ts
@@ -0,0 +1,12 @@
+import { HttpRequestInterceptor } from 'cypress/types/net-stubbing'
+
+export const interceptLinkedFile = () => {
+  cy.intercept(
+    { method: 'POST', url: '/project/*/linked_file' },
+    cy
+      .spy((req: Parameters<HttpRequestInterceptor>[0]) => {
+        req.reply({ statusCode: 200, body: { success: true } })
+      })
+      .as('linked-file-request')
+  )
+}
diff --git a/services/web/cypress/support/shared/commands/mathjax.ts b/services/web/cypress/support/shared/commands/mathjax.ts
new file mode 100644
index 0000000..ed4cb02
--- /dev/null
+++ b/services/web/cypress/support/shared/commands/mathjax.ts
@@ -0,0 +1,32 @@
+const MATHJAX_STUB = `
+window.MathJax = {
+  startup: {
+    promise: Promise.resolve()
+  },
+  svgStylesheet: () => document.createElement("STYLE"),
+  typesetPromise: (elements) => {
+    for (const element of elements) {
+      // This will keep math delimeters around the text
+      element.classList.add('MathJax')
+    }
+    return Promise.resolve()
+  },
+  tex2svgPromise: (content) => {
+    const text = document.createElement('SPAN')
+    text.classList.add('MathJax')
+    text.innerText = content
+    return Promise.resolve(text)
+  },
+  getMetricsFor: () => ({}),
+  texReset: () => {},
+}
+`
+
+export const interceptMathJax = () => {
+  // NOTE: this is just a URL to be intercepted with the stub, not the real (versioned) MathJax URL
+  const url = '/js/libs/mathjax/es5/tex-svg-full.js'
+  cy.window().then(win => {
+    win.metaAttributesCache.set('ol-mathJaxPath', url)
+  })
+  cy.intercept('GET', url, MATHJAX_STUB).as('mathjax-load-request')
+}
diff --git a/services/web/cypress/support/shared/commands/metadata.ts b/services/web/cypress/support/shared/commands/metadata.ts
new file mode 100644
index 0000000..7548c40
--- /dev/null
+++ b/services/web/cypress/support/shared/commands/metadata.ts
@@ -0,0 +1,3 @@
+export const interceptMetadata = () => {
+  cy.intercept('POST', '/project/*/doc/*/metadata', {})
+}
diff --git a/services/web/cypress/support/shared/commands/project-list.ts b/services/web/cypress/support/shared/commands/project-list.ts
new file mode 100644
index 0000000..ea98947
--- /dev/null
+++ b/services/web/cypress/support/shared/commands/project-list.ts
@@ -0,0 +1,22 @@
+export const interceptProjectListing = () => {
+  cy.intercept('GET', '/user/projects', {
+    projects: [
+      {
+        _id: 'fake-project-1',
+        accessLevel: 'owner',
+        name: 'My first project',
+      },
+      {
+        _id: 'fake-project-2',
+        accessLevel: 'owner',
+        name: 'My second project',
+      },
+    ],
+  })
+  cy.intercept('GET', '/project/*/entities', {
+    entities: [
+      { path: '/frog.jpg', type: 'file' },
+      { path: 'figures/unicorn.png', type: 'file' },
+    ],
+  })
+}
diff --git a/services/web/cypress/support/shared/commands/tutorials.ts b/services/web/cypress/support/shared/commands/tutorials.ts
new file mode 100644
index 0000000..900db6e
--- /dev/null
+++ b/services/web/cypress/support/shared/commands/tutorials.ts
@@ -0,0 +1,5 @@
+export const interceptTutorials = () => {
+  cy.intercept('POST', '/tutorial/**', {
+    statusCode: 204,
+  }).as('completeTutorial')
+}
diff --git a/services/web/cypress/support/shared/commands/upload.ts b/services/web/cypress/support/shared/commands/upload.ts
new file mode 100644
index 0000000..b03e566
--- /dev/null
+++ b/services/web/cypress/support/shared/commands/upload.ts
@@ -0,0 +1,18 @@
+import { HttpRequestInterceptor } from 'cypress/types/net-stubbing'
+
+export const interceptFileUpload = () => {
+  cy.intercept(
+    { method: 'POST', url: /\/project\/.*\/upload/ },
+    cy
+      .spy((req: Parameters<HttpRequestInterceptor>[0]) => {
+        const folderMatch = req.url.match(
+          /project\/.*\/upload\?folder_id=[a-f0-9]{24}/
+        )
+        if (!folderMatch) {
+          req.reply({ statusCode: 500, body: { success: false } })
+        }
+        req.reply({ statusCode: 200, body: { success: true } })
+      })
+      .as('uploadRequest')
+  )
+}
diff --git a/services/web/cypress/support/shared/exceptions.ts b/services/web/cypress/support/shared/exceptions.ts
new file mode 100644
index 0000000..4eef572
--- /dev/null
+++ b/services/web/cypress/support/shared/exceptions.ts
@@ -0,0 +1,6 @@
+Cypress.on('uncaught:exception', err => {
+  // don't fail the test for ResizeObserver error messages
+  if (err.message.includes('ResizeObserver')) {
+    return false
+  }
+})
diff --git a/services/web/cypress/support/webpack.cypress.ts b/services/web/cypress/support/webpack.cypress.ts
new file mode 100644
index 0000000..eb8884c
--- /dev/null
+++ b/services/web/cypress/support/webpack.cypress.ts
@@ -0,0 +1,52 @@
+import { merge } from 'webpack-merge'
+import path from 'path'
+import webpack from 'webpack'
+import HtmlWebpackPlugin from 'html-webpack-plugin'
+import devConfig from '../../webpack.config.dev'
+
+const buildConfig = () => {
+  const webpackConfig = merge(devConfig, {
+    output: {
+      workerPublicPath: '/__cypress/src/',
+    },
+    devServer: {
+      static: path.join(__dirname, '../../public'),
+      port: 3200,
+    },
+    stats: 'none',
+    plugins: [
+      new webpack.EnvironmentPlugin({
+        CYPRESS: true,
+      }),
+      new HtmlWebpackPlugin({
+        template: path.resolve('./component-index.html'),
+      }),
+    ],
+  } as any)
+
+  delete webpackConfig.devServer.client
+
+  webpackConfig.entry = {}
+  const addWorker = (name: string, importPath: string) => {
+    webpackConfig.entry[name] = require.resolve(importPath)
+  }
+
+  // add entrypoint under '/' for latex-linter worker
+  addWorker(
+    'latex-linter-worker',
+    '../../frontend/js/features/source-editor/languages/latex/linter/latex-linter.worker'
+  )
+
+  // add entrypoint under '/' for hunspell worker
+  addWorker(
+    'hunspell-worker',
+    '../../frontend/js/features/source-editor/hunspell/hunspell.worker'
+  )
+
+  // add entrypoints under '/' for pdfjs workers
+  addWorker('pdfjs-dist', 'pdfjs-dist/build/pdf.worker.mjs')
+
+  return webpackConfig
+}
+
+export const webpackConfig = buildConfig()
diff --git a/services/web/data/.gitignore b/services/web/data/.gitignore
new file mode 100644
index 0000000..0fa27a1
--- /dev/null
+++ b/services/web/data/.gitignore
@@ -0,0 +1,4 @@
+gnore everything in this directory
+*
+# Except this file
+!.gitignore
diff --git a/services/web/docker-compose.ci.yml b/services/web/docker-compose.ci.yml
new file mode 100644
index 0000000..c277cc0
--- /dev/null
+++ b/services/web/docker-compose.ci.yml
@@ -0,0 +1,124 @@
+version: "2.3"
+
+volumes:
+  data:
+
+services:
+
+  test_unit:
+    build:
+      context: ../..
+      dockerfile: services/web/Dockerfile
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    logging:
+      driver: local
+    user: node
+    command: npm run test:unit:app
+    working_dir: /overleaf/services/web
+    env_file: docker-compose.common.env
+    environment:
+      BASE_CONFIG:
+      OVERLEAF_CONFIG:
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    depends_on:
+      - mongo
+
+  test_acceptance:
+    build:
+      context: ../..
+      dockerfile: services/web/Dockerfile
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    logging:
+      driver: local
+    working_dir: /overleaf/services/web
+    env_file: docker-compose.common.env
+    environment:
+      BASE_CONFIG:
+      OVERLEAF_CONFIG:
+    extra_hosts:
+      - 'www.overleaf.test:127.0.0.1'
+    command: npm run test:acceptance:app
+    user: root
+    depends_on:
+      - redis
+      - mongo
+      - saml
+      - ldap
+    tmpfs:
+      - /overleaf/services/web/data
+
+  test_frontend:
+    build:
+      context: ../..
+      dockerfile: services/web/Dockerfile
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER
+    logging:
+      driver: local
+    user: node
+    working_dir: /overleaf/services/web
+    command: npm run test:frontend
+    environment:
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+
+  test_frontend_ct:
+    image: cypress/included:13.13.2
+    logging:
+      driver: local
+    working_dir: /overleaf/services/web
+    environment:
+      CYPRESS_SPEC_PATTERN: ${CYPRESS_SPEC_PATTERN:-}
+      CYPRESS_EXCLUDE_SPEC_PATTERN: ${CYPRESS_EXCLUDE_SPEC_PATTERN:-}
+    volumes:
+      - ${CYPRESS_RESULTS:-./cypress/results}:/overleaf/services/web/cypress/results/
+      - /dev/shm/overleaf:/overleaf
+    entrypoint: npm
+    command:
+      - "run"
+      - "cypress:run-ct"
+
+  tar:
+    image: ci/$PROJECT_NAME:$BRANCH_NAME-$BUILD_NUMBER-webpack
+    volumes:
+      - ./:/tmp/build/
+    command: tar -cf /tmp/build/build.tar public/
+    user: root
+
+  redis:
+    image: redis
+
+  mongo:
+    image: mongo:6.0.13
+    logging:
+      driver: none
+    command: --replSet overleaf
+    volumes:
+      - ../../bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+    environment:
+      MONGO_INITDB_DATABASE: sharelatex
+    extra_hosts:
+      # Required when using the automatic database setup for initializing the
+      # replica set. This override is not needed when running the setup after
+      # starting up mongo.
+      - mongo:127.0.0.1
+
+  ldap:
+    image: rroemhild/test-openldap:1.1
+    logging:
+      driver: none
+    # Workaround large memory allocation (using the max-open-files-limit as socket buffer scale).
+    # REF: https://github.com/moby/moby/issues/8231#issuecomment-63877553
+    # REF: https://github.com/moby/moby/issues/8231#issuecomment-63871343
+    command:
+      - 'bash'
+      - '-c'
+      - 'ulimit -n 1024 && exec bash /run.sh'
+
+  saml:
+      image: us-east1-docker.pkg.dev/overleaf-ops/ol-docker/saml-test
+      logging:
+        driver: none
+      environment:
+          SAML_BASE_URL_PATH: 'http://saml/simplesaml/'
+          SAML_TEST_SP_ENTITY_ID: 'overleaf-test-saml'
+          SAML_TEST_SP_LOCATION: 'http://www.overleaf.test:23000/saml/callback'
diff --git a/services/web/docker-compose.common.env b/services/web/docker-compose.common.env
new file mode 100644
index 0000000..7f94f57
--- /dev/null
+++ b/services/web/docker-compose.common.env
@@ -0,0 +1,46 @@
+ADMIN_PRIVILEGE_AVAILABLE=true
+BCRYPT_ROUNDS=1
+WEB_PORT=23000
+REDIS_HOST=redis
+QUEUES_REDIS_HOST=redis
+ANALYTICS_QUEUES_REDIS_HOST=redis
+MONGO_URL=mongodb://mongo/test-overleaf
+OVERLEAF_ALLOW_PUBLIC_ACCESS=true
+LINKED_URL_PROXY=http://127.0.0.1:6543
+ENABLED_LINKED_FILE_TYPES=url,project_file,project_output_file,mendeley,zotero
+NODE_ENV=test
+NODE_OPTIONS=--unhandled-rejections=strict
+LOCK_MANAGER_MAX_LOCK_WAIT_TIME=30000
+COOKIE_DOMAIN=.overleaf.test
+ADMIN_URL=http://admin.overleaf.test
+PUBLIC_URL=http://www.overleaf.test:23000
+HTTP_TEST_HOST=www.overleaf.test
+OT_JWT_AUTH_KEY="very secret key"
+EXTERNAL_AUTH=none
+RECAPTCHA_ENDPOINT=http://127.0.0.1:2222/recaptcha/api/siteverify
+# Server-Pro LDAP
+OVERLEAF_LDAP_URL=ldap://ldap:389
+OVERLEAF_LDAP_SEARCH_BASE=ou=people,dc=planetexpress,dc=com
+OVERLEAF_LDAP_SEARCH_FILTER="(uid={{username}})"
+OVERLEAF_LDAP_BIND_DN=cn=admin,dc=planetexpress,dc=com
+OVERLEAF_LDAP_BIND_CREDENTIALS=GoodNewsEveryone
+OVERLEAF_LDAP_EMAIL_ATT=mail
+OVERLEAF_LDAP_NAME_ATT=cn
+OVERLEAF_LDAP_LAST_NAME_ATT=sn
+OVERLEAF_LDAP_UPDATE_USER_DETAILS_ON_LOGIN=true
+# Server-Pro SAML
+OVERLEAF_SAML_ENTRYPOINT=http://saml/simplesaml/saml2/idp/SSOService.php
+OVERLEAF_SAML_CALLBACK_URL=http://saml/saml/callback
+OVERLEAF_SAML_ISSUER=overleaf-test-saml
+OVERLEAF_SAML_IDENTITY_SERVICE_NAME="SAML Test Server"
+OVERLEAF_SAML_EMAIL_FIELD=email
+OVERLEAF_SAML_FIRST_NAME_FIELD=givenName
+OVERLEAF_SAML_LAST_NAME_FIELD=sn
+OVERLEAF_SAML_UPDATE_USER_DETAILS_ON_LOGIN=true
+# simplesaml cert from https://github.com/overleaf/google-ops/tree/master/docker-images/saml-test/var-simplesamlphp/cert
+OVERLEAF_SAML_CERT=MIIDXTCCAkWgAwIBAgIJAOvOeQ4xFTzsMA0GCSqGSIb3DQEBCwUAMEUxCzAJBgNVBAYTAkdCMRMwEQYDVQQIDApTb21lLVN0YXRlMSEwHwYDVQQKDBhJbnRlcm5ldCBXaWRnaXRzIFB0eSBMdGQwHhcNMTYxMTE1MTQxMjU5WhcNMjYxMTE1MTQxMjU5WjBFMQswCQYDVQQGEwJHQjETMBEGA1UECAwKU29tZS1TdGF0ZTEhMB8GA1UECgwYSW50ZXJuZXQgV2lkZ2l0cyBQdHkgTHRkMIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAxCT6MBe5G9VoLU8MfztOEbUhnwLp17ak8eFUqxqeXkkqtWB0b/cmIBU3xoQoO3dIF8PBzfqehqfYVhrNt/TFgcmDfmJnPJRL1RJWMW3VmiP5odJ3LwlkKbZpkeT3wZ8HEJIR1+zbpxiBNkbd2GbdR1iumcsHzMYX1A2CBj+ZMV5VijC+K4P0e9c05VsDEUtLmfeAasJAiumQoVVgAe/BpiXjICGGewa6EPFI7mKkifIRKOGxdRESwZZjxP30bI31oDN0cgKqIgSJtJ9nfCn9jgBMBkQHu42WMuaWD4jrGd7+vYdX+oIfArs9aKgAH5kUGhGdew2R9SpBefrhbNxG8QIDAQABo1AwTjAdBgNVHQ4EFgQU+aSojSyyLChP/IpZcafvSdhj7KkwHwYDVR0jBBgwFoAU+aSojSyyLChP/IpZcafvSdhj7KkwDAYDVR0TBAUwAwEB/zANBgkqhkiG9w0BAQsFAAOCAQEABl3+OOVLBWMKs6PjA8lPuloWDNzSr3v76oUcHqAb+cfbucjXrOVsS9RJ0X9yxvCQyfM9FfY43DbspnN3izYhdvbJD8kKLNf0LA5st+ZxLfy0ACyL2iyAwICaqndqxAjQYplFAHmpUiu1DiHckyBPekokDJd+ze95urHMOsaGS5RWPoKJVE0bkaAeZCmEu0NNpXRSBiuxXSTeSAJfv6kyE/rkdhzUKyUl/cGQFrsVYfAFQVA+W6CKOh74ErSEzSHQQYndl7nD33snD/YqdU1ROxV6aJzLKCg+sdj+wRXSP2u/UHnM4jW9TGJfhO42jzL6WVuEvr9q4l7zWzUQKKKhtQ==
+# DEVICE_HISTORY_SECRET has been generated using:
+# NOTE: crypto.generateKeySync was added in v15, v16 is the next LTS release.
+# $ docker run --rm node:20.18.2 --print 'require("crypto").generateKeySync("aes", { length: 256 }).export().toString("hex")'
+DEVICE_HISTORY_SECRET=1b46e6cdf72db02845da06c9517c9cfbbfa0d87357479f4e1df3ce160bd54807
+QUEUE_PROCESSING_ENABLED=true
diff --git a/services/web/docker-compose.cypress.yml b/services/web/docker-compose.cypress.yml
new file mode 100644
index 0000000..5c0cb95
--- /dev/null
+++ b/services/web/docker-compose.cypress.yml
@@ -0,0 +1,14 @@
+services:
+  cypress:
+    image: cypress/included:13.13.2
+    volumes:
+      - ../../:/overleaf
+      - /tmp/.X11-unix:/tmp/.X11-unix
+    working_dir: /overleaf/services/web
+    entrypoint: npm
+    command: run cypress:open-ct
+    user: "${DOCKER_USER:-1000:1000}"
+    environment:
+      VERBOSE_LOGGING:
+      DISPLAY: ${DISPLAY:-:0}
+#      DEBUG: cypress.*
diff --git a/services/web/docker-compose.yml b/services/web/docker-compose.yml
new file mode 100644
index 0000000..c6a5aa7
--- /dev/null
+++ b/services/web/docker-compose.yml
@@ -0,0 +1,117 @@
+version: "2.3"
+
+volumes:
+  data:
+
+services:
+
+  test_unit:
+    image: node:20.18.2
+    volumes:
+      - .:/overleaf/services/web
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/web
+    env_file: docker-compose.common.env
+    environment:
+      BASE_CONFIG:
+      OVERLEAF_CONFIG:
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      NODE_ENV: test
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+    command: npm run --silent test:unit:app
+    user: node
+    depends_on:
+      - mongo
+
+  test_acceptance:
+    image: node:20.18.2
+    volumes:
+      - .:/overleaf/services/web
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    user: node
+    working_dir: /overleaf/services/web
+    env_file: docker-compose.common.env
+    environment:
+      BASE_CONFIG:
+      OVERLEAF_CONFIG:
+      MOCHA_GREP: ${MOCHA_GREP}
+      LOG_LEVEL: ${LOG_LEVEL:-}
+      MONGO_SERVER_SELECTION_TIMEOUT: 600000
+      MONGO_SOCKET_TIMEOUT: 300000
+      # OVERLEAF_ALLOW_ANONYMOUS_READ_AND_WRITE_SHARING: 'true'
+
+    extra_hosts:
+      - 'www.overleaf.test:127.0.0.1'
+    depends_on:
+      - redis
+      - mongo
+      - saml
+      - ldap
+    command: npm run --silent test:acceptance:app
+
+  test_frontend:
+    build:
+      context: ../..
+      dockerfile: services/web/Dockerfile
+      target: base
+    volumes:
+      - .:/overleaf/services/web
+      - ../../node_modules:/overleaf/node_modules
+      - ../../libraries:/overleaf/libraries
+    working_dir: /overleaf/services/web
+    environment:
+      MOCHA_GREP: ${MOCHA_GREP}
+      NODE_OPTIONS: "--unhandled-rejections=strict"
+      VERBOSE_LOGGING:
+    command: npm run --silent test:frontend
+    user: node
+
+  test_frontend_ct:
+    image: cypress/included:13.13.2
+    volumes:
+      - ../../:/overleaf
+    working_dir: /overleaf/services/web
+    environment:
+      VERBOSE_LOGGING:
+      CYPRESS_SPEC_PATTERN: ${CYPRESS_SPEC_PATTERN:-}
+      CYPRESS_EXCLUDE_SPEC_PATTERN: ${CYPRESS_EXCLUDE_SPEC_PATTERN:-}
+    entrypoint: npm
+    command:
+      - "run"
+      - "cypress:run-ct"
+
+  redis:
+    image: redis
+
+  mongo:
+    image: mongo:6.0.13
+    command: --replSet overleaf
+    volumes:
+      - ../../bin/shared/mongodb-init-replica-set.js:/docker-entrypoint-initdb.d/mongodb-init-replica-set.js
+    environment:
+      MONGO_INITDB_DATABASE: sharelatex
+    extra_hosts:
+      # Required when using the automatic database setup for initializing the
+      # replica set. This override is not needed when running the setup after
+      # starting up mongo.
+      - mongo:127.0.0.1
+
+  ldap:
+    image: rroemhild/test-openldap:1.1
+    # Workaround large memory allocation (using the max-open-files-limit as socket buffer scale).
+    # REF: https://github.com/moby/moby/issues/8231#issuecomment-63877553
+    # REF: https://github.com/moby/moby/issues/8231#issuecomment-63871343
+    command:
+      - 'bash'
+      - '-c'
+      - 'ulimit -n 1024 && exec bash /run.sh'
+
+  saml:
+      image: us-east1-docker.pkg.dev/overleaf-ops/ol-docker/saml-test
+      environment:
+          SAML_BASE_URL_PATH: 'http://saml/simplesaml/'
+          SAML_TEST_SP_ENTITY_ID: 'overleaf-test-saml'
+          SAML_TEST_SP_LOCATION: 'http://www.overleaf.test:23000/saml/callback'
diff --git a/services/web/frontend/extracted-translations.json b/services/web/frontend/extracted-translations.json
new file mode 100644
index 0000000..c11e77c
--- /dev/null
+++ b/services/web/frontend/extracted-translations.json
@@ -0,0 +1,2176 @@
+{
+  "12x_more_compile_time": "",
+  "1_2_width": "",
+  "1_4_width": "",
+  "3_4_width": "",
+  "About": "",
+  "Account": "",
+  "Account Settings": "",
+  "Documentation": "",
+  "Get Involved": "",
+  "Help": "",
+  "Learn": "",
+  "Plans and Pricing": "",
+  "a_custom_size_has_been_used_in_the_latex_code": "",
+  "a_fatal_compile_error_that_completely_blocks_compilation": "",
+  "a_file_with_that_name_already_exists_and_will_be_overriden": "",
+  "a_more_comprehensive_list_of_keyboard_shortcuts": "",
+  "a_new_reference_was_added": "",
+  "a_new_reference_was_added_from_provider": "",
+  "a_new_reference_was_added_to_file": "",
+  "a_new_reference_was_added_to_file_from_provider": "",
+  "about_error_assist": "",
+  "about_to_archive_projects": "",
+  "about_to_delete_cert": "",
+  "about_to_delete_projects": "",
+  "about_to_delete_tag": "",
+  "about_to_delete_the_following_project": "",
+  "about_to_delete_the_following_projects": "",
+  "about_to_delete_user_preamble": "",
+  "about_to_enable_managed_users": "",
+  "about_to_leave_project": "",
+  "about_to_leave_projects": "",
+  "about_to_trash_projects": "",
+  "about_writefull": "",
+  "accept_and_continue": "",
+  "accept_change": "",
+  "accept_change_error_description": "",
+  "accept_change_error_title": "",
+  "accept_invitation": "",
+  "accept_or_reject_each_changes_individually": "",
+  "accept_or_reject_individual_edits": "",
+  "accept_selected_changes": "",
+  "accept_terms_and_conditions": "",
+  "accepted_invite": "",
+  "access_all_premium_features": "",
+  "access_denied": "",
+  "access_edit_your_projects": "",
+  "access_levels_changed": "",
+  "access_your_favourite_features_faster_with_our_new_streamlined_editor": "",
+  "account_billed_manually": "",
+  "account_has_been_link_to_institution_account": "",
+  "account_has_past_due_invoice_change_plan_warning": "",
+  "account_managed_by_group_administrator": "",
+  "account_not_linked_to_dropbox": "",
+  "account_settings": "",
+  "acct_linked_to_institution_acct_2": "",
+  "actions": "",
+  "active": "",
+  "add": "",
+  "add_a_recovery_email_address": "",
+  "add_add_on_to_your_plan": "",
+  "add_additional_certificate": "",
+  "add_affiliation": "",
+  "add_ai_assist": "",
+  "add_another_address_line": "",
+  "add_another_email": "",
+  "add_another_token": "",
+  "add_comma_separated_emails_help": "",
+  "add_comment": "",
+  "add_comment_error_message": "",
+  "add_comment_error_title": "",
+  "add_company_details": "",
+  "add_email_address": "",
+  "add_email_to_claim_features": "",
+  "add_error_assist_annual_to_your_projects": "",
+  "add_error_assist_to_your_projects": "",
+  "add_files": "",
+  "add_more_collaborators": "",
+  "add_more_licenses_to_my_plan": "",
+  "add_more_managers": "",
+  "add_new_email": "",
+  "add_on": "",
+  "add_ons": "",
+  "add_or_remove_project_from_tag": "",
+  "add_overleaf_assist_to_your_group_subscription": "",
+  "add_overleaf_assist_to_your_institution": "",
+  "add_people": "",
+  "add_role_and_department": "",
+  "add_to_dictionary": "",
+  "add_to_tag": "",
+  "add_unlimited_ai_to_your_overleaf_plan": "",
+  "add_your_comment_here": "",
+  "add_your_first_group_member_now": "",
+  "added_by_on": "",
+  "adding": "",
+  "additional_certificate": "",
+  "additional_licenses": "",
+  "address_line_1": "",
+  "address_second_line_optional": "",
+  "adjust_column_width": "",
+  "advanced_reference_search_mode": "",
+  "after_that_well_bill_you_x_total_y_subtotal_z_tax_annually_on_date_unless_you_cancel": "",
+  "aggregate_changed": "",
+  "aggregate_to": "",
+  "agree_with_the_terms": "",
+  "ai_assist_in_overleaf_is_included_via_writefull": "",
+  "ai_assistance_to_help_you": "",
+  "ai_based_language_tools": "",
+  "ai_can_make_mistakes": "",
+  "ai_features": "",
+  "ai_feedback_please_provide_more_detail": "",
+  "ai_feedback_tell_us_what_was_wrong_so_we_can_improve": "",
+  "ai_feedback_the_answer_was_too_long": "",
+  "ai_feedback_the_answer_wasnt_detailed_enough": "",
+  "ai_feedback_the_suggestion_didnt_fix_the_error": "",
+  "ai_feedback_the_suggestion_wasnt_the_best_fix_available": "",
+  "ai_feedback_there_was_no_code_fix_suggested": "",
+  "alignment": "",
+  "all_borders": "",
+  "all_features_in_group_standard_plus": "",
+  "all_premium_features": "",
+  "all_premium_features_including": "",
+  "all_projects": "",
+  "all_projects_will_be_transferred_immediately": "",
+  "all_these_experiments_are_available_exclusively": "",
+  "allows_to_search_by_author_title_etc_possible_to_pull_results_directly_from_your_reference_manager_if_connected": "",
+  "already_have_a_papers_account": "",
+  "already_subscribed_try_refreshing_the_page": "",
+  "an_email_has_already_been_sent_to": "",
+  "an_error_occured_while_restoring_project": "",
+  "an_error_occurred_when_verifying_the_coupon_code": "",
+  "annual_discount": "",
+  "anonymous": "",
+  "anyone_with_link_can_edit": "",
+  "anyone_with_link_can_view": "",
+  "app_on_x": "",
+  "appearance": "",
+  "apply_educational_discount_description_with_group_discount": "",
+  "apply_suggestion": "",
+  "archive": "",
+  "archive_projects": "",
+  "archived": "",
+  "archived_projects": "",
+  "archiving_projects_wont_affect_collaborators": "",
+  "are_you_affiliated_with_an_institution": "",
+  "are_you_getting_an_undefined_control_sequence_error": "",
+  "are_you_still_at": "",
+  "are_you_sure_you_want_to_cancel_add_on": "",
+  "as_email": "",
+  "ask_proj_owner_to_unlink_from_current_github": "",
+  "ask_proj_owner_to_upgrade_for_full_history": "",
+  "ask_proj_owner_to_upgrade_for_references_search": "",
+  "ask_repo_owner_to_reconnect": "",
+  "ask_repo_owner_to_renew_overleaf_subscription": "",
+  "at_most_x_libraries_can_be_selected": "",
+  "auto_close_brackets": "",
+  "auto_compile": "",
+  "auto_complete": "",
+  "autocompile": "",
+  "autocompile_disabled": "",
+  "autocompile_disabled_reason": "",
+  "autocomplete": "",
+  "autocomplete_references": "",
+  "automatically_insert_closing_brackets_and_parentheses": "",
+  "automatically_recompile_the_project_as_you_edit": "",
+  "available_with_group_professional": "",
+  "back": "",
+  "back_to_configuration": "",
+  "back_to_editor": "",
+  "back_to_subscription": "",
+  "back_to_your_projects": "",
+  "basic_compile_time": "",
+  "become_an_advisor": "",
+  "before_you_use_error_assistant": "",
+  "beta_program_already_participating": "",
+  "beta_program_benefits": "",
+  "beta_program_not_participating": "",
+  "billed_annually_at": "",
+  "billed_monthly_at": "",
+  "billed_yearly": "",
+  "billing": "",
+  "binary_history_error": "",
+  "blank_project": "",
+  "blocked_filename": "",
+  "blog": "",
+  "bold": "",
+  "browser": "",
+  "bullet_list": "",
+  "buy_licenses": "",
+  "buy_more_licenses": "",
+  "by_subscribing_you_agree_to_our_terms_of_service": "",
+  "can_edit_content": "",
+  "can_link_institution_email_acct_to_institution_acct": "",
+  "can_link_your_institution_acct_2": "",
+  "can_now_relink_dropbox": "",
+  "can_view_content": "",
+  "cancel": "",
+  "cancel_add_on": "",
+  "cancel_anytime": "",
+  "cancel_my_account": "",
+  "cancel_my_subscription": "",
+  "cancel_personal_subscription_first": "",
+  "cancel_subscription": "",
+  "cancel_your_subscription": "",
+  "cannot_invite_non_user": "",
+  "cannot_invite_self": "",
+  "cannot_verify_user_not_robot": "",
+  "cant_see_what_youre_looking_for_question": "",
+  "caption_above": "",
+  "caption_below": "",
+  "card_details": "",
+  "card_details_are_not_valid": "",
+  "card_must_be_authenticated_by_3dsecure": "",
+  "card_payment": "",
+  "careers": "",
+  "category_arrows": "",
+  "category_greek": "",
+  "category_misc": "",
+  "category_operators": "",
+  "category_relations": "",
+  "center": "",
+  "change": "",
+  "change_currency": "",
+  "change_language": "",
+  "change_or_cancel-cancel": "",
+  "change_or_cancel-change": "",
+  "change_or_cancel-or": "",
+  "change_owner": "",
+  "change_password": "",
+  "change_password_in_account_settings": "",
+  "change_plan": "",
+  "change_primary_email": "",
+  "change_primary_email_address_instructions": "",
+  "change_project_owner": "",
+  "change_the_ownership_of_your_personal_projects": "",
+  "change_to_group_plan": "",
+  "change_to_this_plan": "",
+  "changing_the_position_of_your_figure": "",
+  "changing_the_position_of_your_table": "",
+  "chat": "",
+  "chat_error": "",
+  "check_logs": "",
+  "checking_dropbox_status": "",
+  "checking_project_github_status": "",
+  "choose_a_custom_color": "",
+  "choose_from_group_members": "",
+  "choose_how_you_search_your_references": "",
+  "choose_which_experiments": "",
+  "citation": "",
+  "clear_cached_files": "",
+  "clear_search": "",
+  "click_here_to_view_sl_in_lng": "",
+  "click_to_give_feedback": "",
+  "click_to_unpause": "",
+  "clicking_delete_will_remove_sso_config_and_clear_saml_data": "",
+  "clone_with_git": "",
+  "close": "",
+  "clsi_maintenance": "",
+  "clsi_unavailable": "",
+  "code_check_failed": "",
+  "code_check_failed_explanation": "",
+  "code_editor": "",
+  "collaborate_online_and_offline": "",
+  "collaborator_chat": "",
+  "collabs_per_proj": "",
+  "collabs_per_proj_single": "",
+  "collapse": "",
+  "column_width": "",
+  "column_width_is_custom_click_to_resize": "",
+  "column_width_is_x_click_to_resize": "",
+  "comment": "",
+  "comment_only": "",
+  "comment_only_upgrade_for_track_changes": "",
+  "comment_only_upgrade_to_enable_track_changes": "",
+  "common": "",
+  "common_causes_of_compile_timeouts_include": "",
+  "commons_plan_tooltip": "",
+  "compact": "",
+  "company_name": "",
+  "compare": "",
+  "compare_all_plans": "",
+  "comparing_from_x_to_y": "",
+  "compile_error_entry_description": "",
+  "compile_error_handling": "",
+  "compile_larger_projects": "",
+  "compile_mode": "",
+  "compile_terminated_by_user": "",
+  "compiler": "",
+  "compiling": "",
+  "compliance": "",
+  "compromised_password": "",
+  "configure_sso": "",
+  "confirm": "",
+  "confirm_accept_selected_changes": "",
+  "confirm_accept_selected_changes_plural": "",
+  "confirm_affiliation": "",
+  "confirm_affiliation_to_relink_dropbox": "",
+  "confirm_delete_user_type_email_address": "",
+  "confirm_new_password": "",
+  "confirm_primary_email_change": "",
+  "confirm_reject_selected_changes": "",
+  "confirm_reject_selected_changes_plural": "",
+  "confirm_remove_sso_config_enter_email": "",
+  "confirm_secondary_email": "",
+  "confirm_your_email": "",
+  "confirming": "",
+  "conflicting_paths_found": "",
+  "congratulations_youve_successfully_join_group": "",
+  "connect_overleaf_with_github": "",
+  "connected_users": "",
+  "connection_lost_with_unsaved_changes": "",
+  "contact_group_admin": "",
+  "contact_sales": "",
+  "contact_support_to_change_group_subscription": "",
+  "contact_us": "",
+  "contacting_the_sales_team": "",
+  "continue": "",
+  "continue_github_merge": "",
+  "continue_to": "",
+  "continue_using_free_features": "",
+  "continue_with_free_plan": "",
+  "copied": "",
+  "copy": "",
+  "copy_code": "",
+  "copy_project": "",
+  "copy_response": "",
+  "copying": "",
+  "cost_summary": "",
+  "country": "",
+  "country_flag": "",
+  "coupon_code": "",
+  "coupon_code_is_not_valid_for_selected_plan": "",
+  "coupons_not_included": "",
+  "create": "",
+  "create_a_new_project": "",
+  "create_new_subscription": "",
+  "create_new_tag": "",
+  "create_project_in_github": "",
+  "created": "",
+  "created_at": "",
+  "cross_reference": "",
+  "current_file": "",
+  "current_password": "",
+  "currently_seeing_only_24_hrs_history": "",
+  "currently_signed_in_as_x": "",
+  "currently_subscribed_to_plan": "",
+  "custom": "",
+  "custom_borders": "",
+  "customize_your_group_subscription": "",
+  "customizing_figures": "",
+  "customizing_tables": "",
+  "date_and_owner": "",
+  "dealing_with_errors": "",
+  "decrease_indent": "",
+  "delete": "",
+  "delete_account": "",
+  "delete_account_confirmation_label": "",
+  "delete_account_warning_message_3": "",
+  "delete_acct_no_existing_pw": "",
+  "delete_and_leave": "",
+  "delete_and_leave_projects": "",
+  "delete_authentication_token": "",
+  "delete_authentication_token_info": "",
+  "delete_certificate": "",
+  "delete_comment": "",
+  "delete_comment_error_message": "",
+  "delete_comment_error_title": "",
+  "delete_comment_message": "",
+  "delete_comment_thread": "",
+  "delete_comment_thread_message": "",
+  "delete_figure": "",
+  "delete_projects": "",
+  "delete_row_or_column": "",
+  "delete_sso_config": "",
+  "delete_table": "",
+  "delete_tag": "",
+  "delete_token": "",
+  "delete_user": "",
+  "delete_your_account": "",
+  "deleted_at": "",
+  "deleted_by_email": "",
+  "deleted_by_id": "",
+  "deleted_by_ip": "",
+  "deleted_by_on": "",
+  "deleting": "",
+  "demonstrating_git_integration": "",
+  "demonstrating_track_changes_feature": "",
+  "department": "",
+  "description": "",
+  "details_provided_by_google_explanation": "",
+  "dictionary": "",
+  "did_you_know_institution_providing_professional": "",
+  "disable": "",
+  "disable_ai_features": "",
+  "disable_equation_preview": "",
+  "disable_equation_preview_confirm": "",
+  "disable_equation_preview_enable": "",
+  "disable_single_sign_on": "",
+  "disable_sso": "",
+  "disable_stop_on_first_error": "",
+  "disabled": "",
+  "disabling": "",
+  "disconnected": "",
+  "discount": "",
+  "discount_of": "",
+  "discover_the_fastest_way_to_search_and_cite": "",
+  "dismiss_error_popup": "",
+  "display": "",
+  "display_deleted_user": "",
+  "display_math": "",
+  "do_you_need_edit_access": "",
+  "do_you_want_to_change_your_primary_email_address_to": "",
+  "do_you_want_to_overwrite_it": "",
+  "do_you_want_to_overwrite_it_plural": "",
+  "do_you_want_to_overwrite_them": "",
+  "document_too_long": "",
+  "document_too_long_detail": "",
+  "document_too_long_tracked_deletes": "",
+  "document_updated_externally": "",
+  "document_updated_externally_detail": "",
+  "documentation": "",
+  "doesnt_match": "",
+  "doing_this_allow_log_in_through_institution": "",
+  "doing_this_allow_log_in_through_institution_2": "",
+  "doing_this_will_verify_affiliation_and_allow_log_in_2": "",
+  "done": "",
+  "dont_forget_you_currently_have": "",
+  "dont_reload_or_close_this_tab": "",
+  "download": "",
+  "download_all": "",
+  "download_as_pdf": "",
+  "download_as_source_zip": "",
+  "download_metadata": "",
+  "download_pdf": "",
+  "download_zip_file": "",
+  "draft_sso_configuration": "",
+  "drag_here": "",
+  "drag_here_paste_an_image_or": "",
+  "dropbox": "",
+  "dropbox_checking_sync_status": "",
+  "dropbox_duplicate_project_names": "",
+  "dropbox_duplicate_project_names_suggestion": "",
+  "dropbox_for_link_share_projs": "",
+  "dropbox_integration_lowercase": "",
+  "dropbox_sync": "",
+  "dropbox_sync_both": "",
+  "dropbox_sync_description": "",
+  "dropbox_sync_error": "",
+  "dropbox_sync_in": "",
+  "dropbox_sync_now_rate_limited": "",
+  "dropbox_sync_now_running": "",
+  "dropbox_sync_out": "",
+  "dropbox_sync_troubleshoot": "",
+  "dropbox_synced": "",
+  "dropbox_unlinked_premium_feature": "",
+  "due_date": "",
+  "due_today": "",
+  "duplicate_file": "",
+  "duplicate_projects": "",
+  "each_user_will_have_access_to": "",
+  "easily_manage_your_project_files_everywhere": "",
+  "edit": "",
+  "edit_comment_error_message": "",
+  "edit_comment_error_title": "",
+  "edit_dictionary": "",
+  "edit_dictionary_empty": "",
+  "edit_dictionary_remove": "",
+  "edit_figure": "",
+  "edit_sso_configuration": "",
+  "edit_tag": "",
+  "edit_your_custom_dictionary": "",
+  "editing": "",
+  "editing_captions": "",
+  "editing_tools": "",
+  "editor": "",
+  "editor_and_pdf": "",
+  "editor_disconected_click_to_reconnect": "",
+  "editor_font_family": "",
+  "editor_font_size": "",
+  "editor_limit_exceeded_in_this_project": "",
+  "editor_line_height": "",
+  "editor_only": "",
+  "editor_only_hide_pdf": "",
+  "editor_theme": "",
+  "edits_become_suggestions": "",
+  "educational_disclaimer": "",
+  "educational_disclaimer_heading": "",
+  "educational_percent_discount_applied": "",
+  "email": "",
+  "email_address": "",
+  "email_address_is_invalid": "",
+  "email_already_registered": "",
+  "email_confirmed_onboarding": "",
+  "email_confirmed_onboarding_message": "",
+  "email_limit_reached": "",
+  "email_link_expired": "",
+  "email_must_be_linked_to_institution": "",
+  "email_or_password_wrong_try_again": "",
+  "email_remove_by_date": "",
+  "emails_and_affiliations_explanation": "",
+  "emails_and_affiliations_title": "",
+  "empty": "",
+  "enable_ai_features": "",
+  "enable_managed_users": "",
+  "enable_single_sign_on": "",
+  "enable_sso": "",
+  "enable_stop_on_first_error_under_recompile_dropdown_menu": "",
+  "enable_stop_on_first_error_under_recompile_dropdown_menu_v2": "",
+  "enabled": "",
+  "enables_real_time_syntax_checking_in_the_editor": "",
+  "enabling": "",
+  "end_of_document": "",
+  "ensure_recover_account": "",
+  "enter_6_digit_code": "",
+  "enter_any_size_including_units_or_valid_latex_command": "",
+  "enter_image_url": "",
+  "enter_the_code": "",
+  "enter_the_confirmation_code": "",
+  "enter_the_number_of_licenses_youd_like_to_add_to_see_the_cost_breakdown": "",
+  "equation_generator": "",
+  "equation_preview": "",
+  "error": "",
+  "error_assist": "",
+  "error_log": "",
+  "error_opening_document": "",
+  "error_opening_document_detail": "",
+  "error_performing_request": "",
+  "error_processing_file": "",
+  "example_project": "",
+  "existing_plan_active_until_term_end": "",
+  "expand": "",
+  "experiment_full": "",
+  "expired": "",
+  "expired_confirmation_code": "",
+  "expires": "",
+  "expires_in_days": "",
+  "expires_on": "",
+  "export_csv": "",
+  "export_project_to_github": "",
+  "failed_to_send_group_invite_to_email": "",
+  "failed_to_send_managed_user_invite_to_email": "",
+  "failed_to_send_sso_link_invite_to_email": "",
+  "fair_usage_policy_applies": "",
+  "fast": "",
+  "fast_draft": "",
+  "features_like_track_changes": "",
+  "figure": "",
+  "file": "",
+  "file_action_created": "",
+  "file_action_deleted": "",
+  "file_action_edited": "",
+  "file_action_renamed": "",
+  "file_action_restored": "",
+  "file_action_restored_project": "",
+  "file_already_exists": "",
+  "file_already_exists_in_this_location": "",
+  "file_name": "",
+  "file_name_figure_modal": "",
+  "file_name_in_this_project": "",
+  "file_name_in_this_project_figure_modal": "",
+  "file_or_folder_name_already_exists": "",
+  "file_outline": "",
+  "file_size": "",
+  "file_tree": "",
+  "files_cannot_include_invalid_characters": "",
+  "files_selected": "",
+  "filter_projects": "",
+  "find": "",
+  "find_out_more": "",
+  "find_out_more_about_institution_login": "",
+  "find_out_more_about_the_file_outline": "",
+  "find_out_more_nt": "",
+  "finding_a_fix": "",
+  "first_name": "",
+  "fit_to_height": "",
+  "fit_to_width": "",
+  "fixed_width": "",
+  "fixed_width_wrap_text": "",
+  "fold_line": "",
+  "folder_location": "",
+  "following_paths_conflict": "",
+  "font_family": "",
+  "font_size": "",
+  "footer_about_us": "",
+  "footer_contact_us": "",
+  "footer_navigation": "",
+  "for_enterprise": "",
+  "for_government": "",
+  "for_individuals_and_groups": "",
+  "for_more_information_see_managed_accounts_section": "",
+  "for_students": "",
+  "for_universities": "",
+  "format": "",
+  "found_matching_deleted_users": "",
+  "free": "",
+  "free_7_day_trial_billed_annually": "",
+  "free_7_day_trial_billed_monthly": "",
+  "free_plan_label": "",
+  "free_plan_tooltip": "",
+  "from_another_project": "",
+  "from_enforcement_date": "",
+  "from_external_url": "",
+  "from_filename": "",
+  "from_github": "",
+  "from_project_files": "",
+  "from_provider": "",
+  "from_url": "",
+  "full_doc_history": "",
+  "full_width": "",
+  "future_payments": "",
+  "generate_from_text_or_image": "",
+  "generate_token": "",
+  "generic_if_problem_continues_contact_us": "",
+  "generic_linked_file_compile_error": "",
+  "generic_something_went_wrong": "",
+  "get_collaborative_benefits": "",
+  "get_discounted_plan": "",
+  "get_error_assist": "",
+  "get_exclusive_access_to_labs": "",
+  "get_in_touch": "",
+  "get_most_subscription_discover_premium_features": "",
+  "get_real_time_track_changes": "",
+  "git": "",
+  "git_authentication_token": "",
+  "git_authentication_token_create_modal_info_1": "",
+  "git_authentication_token_create_modal_info_2": "",
+  "git_bridge_modal_click_generate": "",
+  "git_bridge_modal_enter_authentication_token": "",
+  "git_bridge_modal_git_clone_your_project": "",
+  "git_bridge_modal_learn_more_about_authentication_tokens": "",
+  "git_bridge_modal_read_only": "",
+  "git_bridge_modal_review_access": "",
+  "git_bridge_modal_see_once": "",
+  "git_bridge_modal_use_previous_token": "",
+  "git_integration": "",
+  "git_integration_info": "",
+  "github": "",
+  "github_commit_message_placeholder": "",
+  "github_credentials_expired": "",
+  "github_empty_repository_error": "",
+  "github_file_name_error": "",
+  "github_file_sync_error": "",
+  "github_git_folder_error": "",
+  "github_integration_lowercase": "",
+  "github_is_no_longer_connected": "",
+  "github_is_premium": "",
+  "github_large_files_error": "",
+  "github_merge_failed": "",
+  "github_no_master_branch_error": "",
+  "github_private_description": "",
+  "github_public_description": "",
+  "github_repository_diverged": "",
+  "github_symlink_error": "",
+  "github_sync": "",
+  "github_sync_description": "",
+  "github_sync_error": "",
+  "github_sync_repository_not_found_description": "",
+  "github_timeout_error": "",
+  "github_too_many_files_error": "",
+  "github_validation_check": "",
+  "github_workflow_authorize": "",
+  "github_workflow_files_delete_github_repo": "",
+  "github_workflow_files_error": "",
+  "give_feedback": "",
+  "give_your_feedback": "",
+  "go_next_page": "",
+  "go_page": "",
+  "go_prev_page": "",
+  "go_to_code_location_in_pdf": "",
+  "go_to_overleaf": "",
+  "go_to_pdf_location_in_code": "",
+  "go_to_settings": "",
+  "go_to_subscriptions": "",
+  "go_to_writefull": "",
+  "good_news_you_already_purchased_this_add_on": "",
+  "good_news_you_are_already_receiving_this_add_on_via_writefull": "",
+  "group_admin": "",
+  "group_invitations": "",
+  "group_invite_has_been_sent_to_email": "",
+  "group_libraries": "",
+  "group_managed_by_group_administrator": "",
+  "group_management": "",
+  "group_managers": "",
+  "group_members": "",
+  "group_plan_tooltip": "",
+  "group_plan_upgrade_description": "",
+  "group_plan_with_name_tooltip": "",
+  "group_settings": "",
+  "group_sso_configuration_idp_metadata": "",
+  "group_sso_configure_service_provider_in_idp": "",
+  "group_sso_documentation_links": "",
+  "group_subscription": "",
+  "have_an_extra_backup": "",
+  "have_more_days_to_try": "",
+  "headers": "",
+  "help": "",
+  "help_articles_matching": "",
+  "help_improve_overleaf_fill_out_this_survey": "",
+  "help_improve_screen_reader_fill_out_this_survey": "",
+  "help_shape_the_future_of_overleaf": "",
+  "hide": "",
+  "hide_configuration": "",
+  "hide_deleted_user": "",
+  "hide_document_preamble": "",
+  "hide_file_tree": "",
+  "hide_local_file_contents": "",
+  "hide_outline": "",
+  "history": "",
+  "history_add_label": "",
+  "history_are_you_sure_delete_label": "",
+  "history_compare_from_this_version": "",
+  "history_compare_up_to_this_version": "",
+  "history_delete_label": "",
+  "history_download_this_version": "",
+  "history_entry_origin_dropbox": "",
+  "history_entry_origin_git": "",
+  "history_entry_origin_github": "",
+  "history_entry_origin_upload": "",
+  "history_label_created_by": "",
+  "history_label_project_current_state": "",
+  "history_label_this_version": "",
+  "history_new_label_name": "",
+  "history_restore_promo_content": "",
+  "history_restore_promo_title": "",
+  "history_resync": "",
+  "history_view_a11y_description": "",
+  "history_view_all": "",
+  "history_view_labels": "",
+  "home": "",
+  "hotkey_add_a_comment": "",
+  "hotkey_autocomplete_menu": "",
+  "hotkey_beginning_of_document": "",
+  "hotkey_bold_text": "",
+  "hotkey_compile": "",
+  "hotkey_delete_current_line": "",
+  "hotkey_end_of_document": "",
+  "hotkey_find_and_replace": "",
+  "hotkey_go_to_line": "",
+  "hotkey_indent_selection": "",
+  "hotkey_insert_candidate": "",
+  "hotkey_italic_text": "",
+  "hotkey_redo": "",
+  "hotkey_search_references": "",
+  "hotkey_select_all": "",
+  "hotkey_select_candidate": "",
+  "hotkey_to_lowercase": "",
+  "hotkey_to_uppercase": "",
+  "hotkey_toggle_comment": "",
+  "hotkey_toggle_review_panel": "",
+  "hotkey_toggle_track_changes": "",
+  "hotkey_undo": "",
+  "hotkeys": "",
+  "how_it_works": "",
+  "how_many_licenses_do_you_want_to_buy": "",
+  "how_to_create_tables": "",
+  "how_to_insert_images": "",
+  "how_we_use_your_data": "",
+  "how_we_use_your_data_explanation": "",
+  "i_confirm_am_student": "",
+  "i_want_to_stay": "",
+  "id": "",
+  "identify_errors_with_your_compile": "",
+  "if_you_need_to_customize_your_table_further_you_can": "",
+  "if_you_want_more_than_x_licenses_on_your_plan_we_need_to_add_them_for_you": "",
+  "if_you_want_to_reduce_the_number_of_licenses_please_contact_support": "",
+  "if_your_occupation_not_listed_type_full_name": "",
+  "ignore_validation_errors": "",
+  "ill_take_it": "",
+  "image_file": "",
+  "image_url": "",
+  "image_width": "",
+  "import_a_bibtex_file_from_your_provider_account": "",
+  "import_existing_projects_from_github": "",
+  "import_from_github": "",
+  "import_idp_metadata": "",
+  "import_to_sharelatex": "",
+  "imported_from_another_project_at_date": "",
+  "imported_from_external_provider_at_date": "",
+  "imported_from_mendeley_at_date": "",
+  "imported_from_papers_at_date": "",
+  "imported_from_the_output_of_another_project_at_date": "",
+  "imported_from_zotero_at_date": "",
+  "importing": "",
+  "importing_and_merging_changes_in_github": "",
+  "improved_dark_mode": "",
+  "in_order_to_match_institutional_metadata_2": "",
+  "in_order_to_match_institutional_metadata_associated": "",
+  "include_caption": "",
+  "include_label": "",
+  "include_results_from_your_reference_manager": "",
+  "include_results_from_your_x_account": "",
+  "include_the_error_message_and_ai_response": "",
+  "included_as_part_of_your_writefull_subscription": "",
+  "increase_indent": "",
+  "increased_compile_timeout": "",
+  "inline": "",
+  "inline_math": "",
+  "inr_discount_modal_info": "",
+  "inr_discount_modal_title": "",
+  "insert": "",
+  "insert_column_left": "",
+  "insert_column_right": "",
+  "insert_figure": "",
+  "insert_from_another_project": "",
+  "insert_from_project_files": "",
+  "insert_from_url": "",
+  "insert_image": "",
+  "insert_row_above": "",
+  "insert_row_below": "",
+  "insert_x_columns_left": "",
+  "insert_x_columns_right": "",
+  "insert_x_rows_above": "",
+  "insert_x_rows_below": "",
+  "institution": "",
+  "institution_account": "",
+  "institution_acct_successfully_linked_2": "",
+  "institution_and_role": "",
+  "institution_has_overleaf_subscription": "",
+  "institution_templates": "",
+  "institutional_leavers_survey_notification": "",
+  "integrate_overleaf_with_dropbox": "",
+  "integrations": "",
+  "integrations_like_github": "",
+  "interested_in_cheaper_personal_plan": "",
+  "invalid_confirmation_code": "",
+  "invalid_email": "",
+  "invalid_file_name": "",
+  "invalid_filename": "",
+  "invalid_password_contains_email": "",
+  "invalid_password_too_similar": "",
+  "invalid_regular_expression": "",
+  "invalid_request": "",
+  "invite": "",
+  "invite_expired": "",
+  "invite_more_collabs": "",
+  "invite_more_members": "",
+  "invite_not_accepted": "",
+  "invite_resend_limit_hit": "",
+  "invited_to_group": "",
+  "invited_to_group_have_individual_subcription": "",
+  "inviting": "",
+  "ip_address": "",
+  "is_email_affiliated": "",
+  "issued_on": "",
+  "it_looks_like_that_didnt_work_you_can_try_again_or_get_in_touch": "",
+  "it_looks_like_your_account_is_billed_manually": "",
+  "it_looks_like_your_payment_details_are_missing_please_update_your_billing_information": "",
+  "italics": "",
+  "join_beta_program": "",
+  "join_now": "",
+  "join_overleaf_labs": "",
+  "join_project": "",
+  "join_team_explanation": "",
+  "joined_team": "",
+  "joining": "",
+  "justify": "",
+  "kb_suggestions_enquiry": "",
+  "keep_current_plan": "",
+  "keep_personal_projects_separate": "",
+  "keep_your_account_safe_add_another_email": "",
+  "keybindings": "",
+  "keyboard_shortcuts": "",
+  "knowledge_base": "",
+  "labels_help_you_to_easily_reference_your_figures": "",
+  "labels_help_you_to_reference_your_tables": "",
+  "labs": "",
+  "language": "",
+  "language_suggestions": "",
+  "large_or_high-resolution_images_taking_too_long": "",
+  "large_or_high_resolution_images_taking_too_long_to_process": "",
+  "last_active": "",
+  "last_active_description": "",
+  "last_edit": "",
+  "last_logged_in": "",
+  "last_modified": "",
+  "last_name": "",
+  "last_resort_trouble_shooting_guide": "",
+  "last_suggested_fix": "",
+  "last_updated_date_by_x": "",
+  "last_used": "",
+  "latam_discount_modal_info": "",
+  "latam_discount_modal_title": "",
+  "latex_in_thirty_minutes": "",
+  "latex_places_figures_according_to_a_special_algorithm": "",
+  "latex_places_tables_according_to_a_special_algorithm": "",
+  "layout": "",
+  "layout_options": "",
+  "layout_processing": "",
+  "learn_more": "",
+  "learn_more_about_account": "",
+  "learn_more_about_compile_timeouts": "",
+  "learn_more_about_link_sharing": "",
+  "learn_more_about_managed_users": "",
+  "learn_more_about_other_causes_of_compile_timeouts": "",
+  "leave": "",
+  "leave_any_group_subscriptions": "",
+  "leave_group": "",
+  "leave_now": "",
+  "leave_project": "",
+  "leave_projects": "",
+  "left": "",
+  "length_unit": "",
+  "let_us_know": "",
+  "let_us_know_how_we_can_help": "",
+  "let_us_know_what_you_think": "",
+  "lets_get_those_premium_features": "",
+  "library": "",
+  "licenses": "",
+  "limited_document_history": "",
+  "limited_offer": "",
+  "limited_to_n_collaborators_per_project": "",
+  "limited_to_n_collaborators_per_project_plural": "",
+  "limited_to_n_editors": "",
+  "limited_to_n_editors_per_project": "",
+  "limited_to_n_editors_per_project_plural": "",
+  "limited_to_n_editors_plural": "",
+  "line": "",
+  "line_height": "",
+  "line_width_is_the_width_of_the_line_in_the_current_environment": "",
+  "link": "",
+  "link_account": "",
+  "link_accounts": "",
+  "link_accounts_and_add_email": "",
+  "link_institutional_email_get_started": "",
+  "link_overleaf_with_git": "",
+  "link_sharing": "",
+  "link_sharing_is_off_short": "",
+  "link_sharing_is_on": "",
+  "link_to_github": "",
+  "link_to_github_description": "",
+  "link_to_mendeley": "",
+  "link_to_papers": "",
+  "link_to_zotero": "",
+  "linked_accounts": "",
+  "linked_accounts_explained": "",
+  "linked_collabratec_description": "",
+  "linked_file": "",
+  "loading": "",
+  "loading_github_repositories": "",
+  "loading_prices": "",
+  "loading_recent_github_commits": "",
+  "loading_writefull": "",
+  "log_entry_description": "",
+  "log_entry_maximum_entries": "",
+  "log_entry_maximum_entries_enable_stop_on_first_error": "",
+  "log_entry_maximum_entries_see_full_logs": "",
+  "log_entry_maximum_entries_title": "",
+  "log_hint_extra_info": "",
+  "log_in": "",
+  "log_in_with_primary_email_address": "",
+  "log_out": "",
+  "log_out_lowercase_dot": "",
+  "log_viewer_error": "",
+  "logging_in_or_managing_your_account": "",
+  "login_count": "",
+  "login_to_accept_invitation": "",
+  "login_with_service": "",
+  "logs_and_output_files": "",
+  "looking_multiple_licenses": "",
+  "looks_like_youre_at": "",
+  "lost_connection": "",
+  "main_bibliography_file_for_this_project": "",
+  "main_document": "",
+  "main_file_not_found": "",
+  "main_navigation": "",
+  "make_a_copy": "",
+  "make_email_primary_description": "",
+  "make_owner": "",
+  "make_primary": "",
+  "make_private": "",
+  "manage_beta_program_membership": "",
+  "manage_files_from_your_dropbox_folder": "",
+  "manage_group_members_subtext": "",
+  "manage_group_settings": "",
+  "manage_group_settings_subtext": "",
+  "manage_group_settings_subtext_group_sso": "",
+  "manage_group_settings_subtext_managed_users": "",
+  "manage_institution_managers": "",
+  "manage_managers_subtext": "",
+  "manage_newsletter": "",
+  "manage_publisher_managers": "",
+  "manage_sessions": "",
+  "manage_subscription": "",
+  "manage_your_ai_assist_add_on": "",
+  "managed": "",
+  "managed_user_accounts": "",
+  "managed_user_invite_has_been_sent_to_email": "",
+  "managed_users": "",
+  "managed_users_explanation": "",
+  "managed_users_is_enabled": "",
+  "managed_users_terms": "",
+  "managers_management": "",
+  "managing_your_subscription": "",
+  "marked_as_resolved": "",
+  "math": "",
+  "math_display": "",
+  "math_inline": "",
+  "maximum_files_uploaded_together": "",
+  "maybe_later": "",
+  "members_management": "",
+  "mendeley_dynamic_sync_description": "",
+  "mendeley_groups_loading_error": "",
+  "mendeley_groups_relink": "",
+  "mendeley_integration": "",
+  "mendeley_is_premium": "",
+  "mendeley_reference_loading_error": "",
+  "mendeley_reference_loading_error_expired": "",
+  "mendeley_reference_loading_error_forbidden": "",
+  "mendeley_sync_description": "",
+  "mendeley_upgrade_prompt_content": "",
+  "mendeley_upgrade_prompt_title": "",
+  "menu": "",
+  "merge_cells": "",
+  "message_received": "",
+  "missing_field_for_entry": "",
+  "missing_fields_for_entry": "",
+  "missing_payment_details": "",
+  "money_back_guarantee": "",
+  "month": "",
+  "month_plural": "",
+  "more": "",
+  "more_actions": "",
+  "more_changes_based_on_your_feedback": "",
+  "more_collabs_per_project": "",
+  "more_comments": "",
+  "more_compile_time": "",
+  "more_info": "",
+  "more_options": "",
+  "more_options_for_border_settings_coming_soon": "",
+  "my_library": "",
+  "n_items": "",
+  "n_items_plural": "",
+  "n_more_updates_above": "",
+  "n_more_updates_above_plural": "",
+  "n_more_updates_below": "",
+  "n_more_updates_below_plural": "",
+  "name": "",
+  "name_usage_explanation": "",
+  "navigate_log_source": "",
+  "navigation": "",
+  "need_anything_contact_us_at": "",
+  "need_contact_group_admin_to_make_changes": "",
+  "need_make_changes": "",
+  "need_more_than_x_licenses": "",
+  "need_to_add_new_primary_before_remove": "",
+  "need_to_leave": "",
+  "new_compile_domain_notice": "",
+  "new_file": "",
+  "new_folder": "",
+  "new_font_open_dyslexic": "",
+  "new_look_and_feel": "",
+  "new_look_and_placement_of_the_settings": "",
+  "new_name": "",
+  "new_navigation_introducing_left_hand_side_rail_and_top_menus": "",
+  "new_overleaf_editor": "",
+  "new_password": "",
+  "new_project": "",
+  "new_subscription_will_be_billed_immediately": "",
+  "new_tag": "",
+  "new_tag_name": "",
+  "newsletter": "",
+  "newsletter_onboarding_accept": "",
+  "next": "",
+  "next_page": "",
+  "next_payment_of_x_collectected_on_y": "",
+  "no_actions": "",
+  "no_borders": "",
+  "no_caption": "",
+  "no_comments_or_suggestions": "",
+  "no_existing_password": "",
+  "no_folder": "",
+  "no_image_files_found": "",
+  "no_libraries_selected": "",
+  "no_members": "",
+  "no_messages": "",
+  "no_messages_yet": "",
+  "no_new_commits_in_github": "",
+  "no_one_has_commented_or_left_any_suggestions_yet": "",
+  "no_other_projects_found": "",
+  "no_pdf_error_explanation": "",
+  "no_pdf_error_reason_no_content": "",
+  "no_pdf_error_reason_output_pdf_already_exists": "",
+  "no_pdf_error_reason_unrecoverable_error": "",
+  "no_pdf_error_title": "",
+  "no_preview_available": "",
+  "no_projects": "",
+  "no_resolved_comments": "",
+  "no_search_results": "",
+  "no_selection_select_file": "",
+  "no_symbols_found": "",
+  "no_thanks_cancel_now": "",
+  "normal": "",
+  "normally_x_price_per_month": "",
+  "normally_x_price_per_year": "",
+  "not_a_student": "",
+  "not_managed": "",
+  "not_now": "",
+  "notification_personal_and_group_subscriptions": "",
+  "notification_project_invite_accepted_message": "",
+  "notification_project_invite_message": "",
+  "number_of_users": "",
+  "numbered_list": "",
+  "oauth_orcid_description": "",
+  "of": "",
+  "off": "",
+  "official": "",
+  "ok": "",
+  "ok_continue_to_project": "",
+  "ok_join_project": "",
+  "on": "",
+  "on_free_plan_upgrade_to_access_features": "",
+  "one_step_away_from_professional_features": "",
+  "only_group_admin_or_managers_can_delete_your_account_1": "",
+  "only_group_admin_or_managers_can_delete_your_account_2": "",
+  "only_group_admin_or_managers_can_delete_your_account_3": "",
+  "only_group_admin_or_managers_can_delete_your_account_4": "",
+  "only_group_admin_or_managers_can_delete_your_account_5": "",
+  "only_importer_can_refresh": "",
+  "open_action_menu": "",
+  "open_advanced_reference_search": "",
+  "open_file": "",
+  "open_link": "",
+  "open_path": "",
+  "open_pdf_in_separate_tab": "",
+  "open_project": "",
+  "open_target": "",
+  "optional": "",
+  "or": "",
+  "organization_name": "",
+  "organize_projects": "",
+  "organize_tags": "",
+  "other": "",
+  "other_causes_of_compile_timeouts": "",
+  "other_logs_and_files": "",
+  "other_output_files": "",
+  "our_team_will_get_back_to_you_shortly": "",
+  "our_values": "",
+  "out_of_sync": "",
+  "out_of_sync_detail": "",
+  "output_file": "",
+  "overall_theme": "",
+  "overleaf": "",
+  "overleaf_history_system": "",
+  "overleaf_labs": "",
+  "overleaf_logo": "",
+  "overview": "",
+  "overwrite": "",
+  "overwriting_the_original_folder": "",
+  "owned_by_x": "",
+  "owner": "",
+  "page_current": "",
+  "pagination_navigation": "",
+  "papers_dynamic_sync_description": "",
+  "papers_groups_loading_error": "",
+  "papers_groups_relink": "",
+  "papers_integration": "",
+  "papers_is_premium": "",
+  "papers_reference_loading_error": "",
+  "papers_reference_loading_error_expired": "",
+  "papers_reference_loading_error_forbidden": "",
+  "papers_sync_description": "",
+  "papers_upgrade_prompt_content": "",
+  "papers_upgrade_prompt_title": "",
+  "paragraph_styles": "",
+  "partial_outline_warning": "",
+  "password": "",
+  "password_managed_externally": "",
+  "password_was_detected_on_a_public_list_of_known_compromised_passwords": "",
+  "paste_options": "",
+  "paste_with_formatting": "",
+  "paste_without_formatting": "",
+  "pause_subscription": "",
+  "pause_subscription_for": "",
+  "pay_now": "",
+  "payment_provider_unreachable_error": "",
+  "payment_summary": "",
+  "pdf_compile_in_progress_error": "",
+  "pdf_compile_rate_limit_hit": "",
+  "pdf_compile_try_again": "",
+  "pdf_couldnt_compile": "",
+  "pdf_in_separate_tab": "",
+  "pdf_only": "",
+  "pdf_only_hide_editor": "",
+  "pdf_preview": "",
+  "pdf_preview_error": "",
+  "pdf_rendering_error": "",
+  "pdf_unavailable_for_download": "",
+  "pdf_viewer": "",
+  "pdf_viewer_error": "",
+  "pending_additional_licenses": "",
+  "pending_addon_cancellation": "",
+  "pending_invite": "",
+  "per_license": "",
+  "per_month": "",
+  "percent_is_the_percentage_of_the_line_width": "",
+  "permanently_disables_the_preview": "",
+  "personal_library": "",
+  "pick_up_where_you_left_off": "",
+  "plan": "",
+  "plan_tooltip": "",
+  "please_ask_the_project_owner_to_upgrade_more_collaborators": "",
+  "please_ask_the_project_owner_to_upgrade_to_track_changes": "",
+  "please_change_primary_to_remove": "",
+  "please_check_your_inbox_to_confirm": "",
+  "please_compile_pdf_before_download": "",
+  "please_compile_pdf_before_word_count": "",
+  "please_confirm_primary_email": "",
+  "please_confirm_secondary_email": "",
+  "please_confirm_your_email_before_making_it_default": "",
+  "please_contact_support_to_makes_change_to_your_plan": "",
+  "please_enter_confirmation_code": "",
+  "please_get_in_touch": "",
+  "please_link_before_making_primary": "",
+  "please_provide_a_message": "",
+  "please_provide_a_subject": "",
+  "please_provide_a_valid_email_address": "",
+  "please_reconfirm_institutional_email": "",
+  "please_reconfirm_your_affiliation_before_making_this_primary": "",
+  "please_refresh": "",
+  "please_select": "",
+  "please_select_a_file": "",
+  "please_select_a_project": "",
+  "please_select_an_output_file": "",
+  "please_set_main_file": "",
+  "please_wait": "",
+  "plus_additional_collaborators_document_history_track_changes_and_more": "",
+  "plus_more": "",
+  "plus_x_additional_licenses_for_a_total_of_y_licenses": "",
+  "postal_code": "",
+  "premium": "",
+  "premium_feature": "",
+  "premium_features": "",
+  "premium_plan_label": "",
+  "presentation_mode": "",
+  "press_and_awards": "",
+  "previous_page": "",
+  "price": "",
+  "primarily_work_study_question": "",
+  "primarily_work_study_question_company": "",
+  "primarily_work_study_question_government": "",
+  "primarily_work_study_question_nonprofit_ngo": "",
+  "primarily_work_study_question_other": "",
+  "primarily_work_study_question_university_school": "",
+  "primary_certificate": "",
+  "priority_support": "",
+  "privacy_and_terms": "",
+  "private": "",
+  "problem_talking_to_publishing_service": "",
+  "problem_with_subscription_contact_us": "",
+  "proceed_to_paypal": "",
+  "proceeding_to_paypal_takes_you_to_the_paypal_site_to_pay": "",
+  "processing": "",
+  "processing_uppercase": "",
+  "professional": "",
+  "progress_bar_percentage": "",
+  "project_approaching_file_limit": "",
+  "project_failed_to_compile": "",
+  "project_figure_modal": "",
+  "project_files": "",
+  "project_flagged_too_many_compiles": "",
+  "project_has_too_many_files": "",
+  "project_last_published_at": "",
+  "project_layout_sharing_submission": "",
+  "project_linked_to": "",
+  "project_name": "",
+  "project_not_linked_to_github": "",
+  "project_ownership_transfer_confirmation_1": "",
+  "project_ownership_transfer_confirmation_2": "",
+  "project_renamed_or_deleted": "",
+  "project_renamed_or_deleted_detail": "",
+  "project_search_file_count": "",
+  "project_search_file_count_plural": "",
+  "project_search_result_count": "",
+  "project_search_result_count_plural": "",
+  "project_synchronisation": "",
+  "project_timed_out_enable_stop_on_first_error": "",
+  "project_timed_out_fatal_error": "",
+  "project_timed_out_intro": "",
+  "project_timed_out_learn_more": "",
+  "project_timed_out_optimize_images": "",
+  "project_title_options": "",
+  "project_too_large": "",
+  "project_too_large_please_reduce": "",
+  "project_too_much_editable_text": "",
+  "project_url": "",
+  "projects": "",
+  "projects_count": "",
+  "projects_list": "",
+  "provide_details_of_your_sso_configuration": "",
+  "public": "",
+  "publish": "",
+  "publish_as_template": "",
+  "publisher_account": "",
+  "publishing": "",
+  "pull_github_changes_into_sharelatex": "",
+  "push_sharelatex_changes_to_github": "",
+  "push_to_github_pull_to_overleaf": "",
+  "quoted_text": "",
+  "raw_logs": "",
+  "raw_logs_description": "",
+  "react_history_tutorial_content": "",
+  "react_history_tutorial_title": "",
+  "reactivate_subscription": "",
+  "read_lines_from_path": "",
+  "read_more": "",
+  "read_more_about_free_compile_timeouts_servers": "",
+  "read_only_dropbox_sync_message": "",
+  "read_only_token": "",
+  "read_write_token": "",
+  "ready_to_join_x": "",
+  "ready_to_join_x_in_group_y": "",
+  "ready_to_set_up": "",
+  "realtime_track_changes": "",
+  "reasons_for_compile_timeouts": "",
+  "reauthorize_github_account": "",
+  "recaptcha_conditions": "",
+  "recent_commits_in_github": "",
+  "recommended": "",
+  "recompile": "",
+  "recompile_from_scratch": "",
+  "recompile_pdf": "",
+  "reconfirm_secondary_email": "",
+  "reconnect": "",
+  "reconnecting": "",
+  "reconnecting_in_x_secs": "",
+  "recurly_email_update_needed": "",
+  "recurly_email_updated": "",
+  "redirect_to_editor": "",
+  "redirect_url": "",
+  "redo": "",
+  "reduce_costs_group_licenses": "",
+  "reference_error_relink_hint": "",
+  "reference_manager_searched_groups": "",
+  "reference_managers": "",
+  "reference_search": "",
+  "reference_search_setting": "",
+  "reference_search_settings": "",
+  "reference_search_style": "",
+  "reference_sync": "",
+  "references_from_these_libraries_will_be_included_in_your_reference_search_results": "",
+  "refresh": "",
+  "refresh_page_after_linking_dropbox": "",
+  "refresh_page_after_starting_free_trial": "",
+  "refreshing": "",
+  "regards": "",
+  "reject_change": "",
+  "reject_selected_changes": "",
+  "relink_your_account": "",
+  "reload_editor": "",
+  "remind_before_trial_ends": "",
+  "remote_service_error": "",
+  "remove": "",
+  "remove_access": "",
+  "remove_email_address": "",
+  "remove_from_group": "",
+  "remove_link": "",
+  "remove_manager": "",
+  "remove_or_replace_figure": "",
+  "remove_secondary_email_addresses": "",
+  "remove_sso_login_option": "",
+  "remove_tag": "",
+  "removed_from_project": "",
+  "removing": "",
+  "rename": "",
+  "rename_project": "",
+  "renews_on": "",
+  "reopen": "",
+  "reopen_comment_error_message": "",
+  "reopen_comment_error_title": "",
+  "replace_figure": "",
+  "replace_from_another_project": "",
+  "replace_from_computer": "",
+  "replace_from_project_files": "",
+  "replace_from_url": "",
+  "reply": "",
+  "repository_name": "",
+  "repository_visibility": "",
+  "republish": "",
+  "resend": "",
+  "resend_confirmation_code": "",
+  "resend_confirmation_email": "",
+  "resend_email": "",
+  "resend_group_invite": "",
+  "resend_link_sso": "",
+  "resend_managed_user_invite": "",
+  "resending_confirmation_code": "",
+  "resending_confirmation_email": "",
+  "resize": "",
+  "resolve_comment": "",
+  "resolve_comment_error_message": "",
+  "resolve_comment_error_title": "",
+  "resolved_comments": "",
+  "restore": "",
+  "restore_file": "",
+  "restore_file_confirmation_message": "",
+  "restore_file_confirmation_title": "",
+  "restore_file_error_message": "",
+  "restore_file_error_title": "",
+  "restore_file_version": "",
+  "restore_project_to_this_version": "",
+  "restore_this_version": "",
+  "resync_completed": "",
+  "resync_message": "",
+  "resync_project_history": "",
+  "retry_test": "",
+  "reverse_x_sort_order": "",
+  "revert_pending_plan_change": "",
+  "review": "",
+  "review_panel": "",
+  "review_panel_and_error_logs_moved_to_the_left": "",
+  "review_your_peers_work": "",
+  "reviewer": "",
+  "reviewer_dropbox_sync_message": "",
+  "reviewing": "",
+  "revoke": "",
+  "revoke_invite": "",
+  "right": "",
+  "role": "",
+  "saml_auth_error": "",
+  "saml_identity_exists_error": "",
+  "saml_invalid_signature_error": "",
+  "saml_login_disabled_error": "",
+  "saml_login_failure": "",
+  "saml_login_identity_mismatch_error": "",
+  "saml_login_identity_not_found_error": "",
+  "saml_metadata": "",
+  "saml_missing_signature_error": "",
+  "saml_response": "",
+  "save": "",
+  "save_20_percent_when_you_switch_to_annual": "",
+  "save_or_cancel-cancel": "",
+  "save_or_cancel-or": "",
+  "save_or_cancel-save": "",
+  "save_x_or_more": "",
+  "saving": "",
+  "saving_notification_with_seconds": "",
+  "search": "",
+  "search_all_project_files": "",
+  "search_bib_files": "",
+  "search_by_author_journal_title_and_more_link_to_zotero_mendeley_papers": "",
+  "search_by_citekey_author_year_title": "",
+  "search_command_find": "",
+  "search_command_replace": "",
+  "search_in_all_projects": "",
+  "search_in_archived_projects": "",
+  "search_in_shared_projects": "",
+  "search_in_trashed_projects": "",
+  "search_in_your_projects": "",
+  "search_match_case": "",
+  "search_next": "",
+  "search_only_the_bib_files_in_your_project_only_by_citekeys": "",
+  "search_previous": "",
+  "search_project": "",
+  "search_projects": "",
+  "search_references": "",
+  "search_regexp": "",
+  "search_replace": "",
+  "search_replace_all": "",
+  "search_replace_with": "",
+  "search_search_for": "",
+  "search_this_file": "",
+  "search_whole_word": "",
+  "search_within_selection": "",
+  "searched_path_for_lines_containing": "",
+  "security": "",
+  "see_changes_in_your_documents_live": "",
+  "see_suggestions_from_collaborators": "",
+  "select_a_column_or_a_merged_cell_to_align": "",
+  "select_a_column_to_adjust_column_width": "",
+  "select_a_file": "",
+  "select_a_file_figure_modal": "",
+  "select_a_group_optional": "",
+  "select_a_language": "",
+  "select_a_new_owner_for_projects": "",
+  "select_a_payment_method": "",
+  "select_a_project": "",
+  "select_a_project_figure_modal": "",
+  "select_a_row_or_a_column_to_delete": "",
+  "select_access_level": "",
+  "select_access_levels": "",
+  "select_all": "",
+  "select_all_projects": "",
+  "select_an_output_file": "",
+  "select_an_output_file_figure_modal": "",
+  "select_bib_file": "",
+  "select_cells_in_a_single_row_to_merge": "",
+  "select_color": "",
+  "select_folder_from_project": "",
+  "select_from_output_files": "",
+  "select_from_project_files": "",
+  "select_from_source_files": "",
+  "select_from_your_computer": "",
+  "select_github_repository": "",
+  "select_image_from_project_files": "",
+  "select_project": "",
+  "select_projects": "",
+  "select_size": "",
+  "select_tag": "",
+  "select_user": "",
+  "selected": "",
+  "selection_deleted": "",
+  "send_first_message": "",
+  "send_message": "",
+  "send_request": "",
+  "sending": "",
+  "sent": "",
+  "server_error": "",
+  "server_pro_license_entitlement_line_1": "",
+  "server_pro_license_entitlement_line_2": "",
+  "server_pro_license_entitlement_line_3": "",
+  "session_created_at": "",
+  "session_error": "",
+  "session_expired_redirecting_to_login": "",
+  "sessions": "",
+  "set_color": "",
+  "set_column_width": "",
+  "set_up_single_sign_on": "",
+  "set_up_sso": "",
+  "settings": "",
+  "setup_another_account_under_a_personal_email_address": "",
+  "share": "",
+  "share_project": "",
+  "shared_with_you": "",
+  "sharelatex_beta_program": "",
+  "shortcut_to_open_advanced_reference_search": "",
+  "show_all_projects": "",
+  "show_document_preamble": "",
+  "show_equation_preview": "",
+  "show_file_tree": "",
+  "show_hotkeys": "",
+  "show_in_code": "",
+  "show_in_pdf": "",
+  "show_less": "",
+  "show_live_equation_previews_while_typing": "",
+  "show_local_file_contents": "",
+  "show_more": "",
+  "show_outline": "",
+  "show_version_history": "",
+  "show_x_more_projects": "",
+  "showing_1_result": "",
+  "showing_1_result_of_total": "",
+  "showing_x_out_of_n_projects": "",
+  "showing_x_results": "",
+  "showing_x_results_of_total": "",
+  "sign_up": "",
+  "simple_search_mode": "",
+  "single_sign_on_sso": "",
+  "skip": "",
+  "something_not_right": "",
+  "something_went_wrong": "",
+  "something_went_wrong_canceling_your_subscription": "",
+  "something_went_wrong_loading_pdf_viewer": "",
+  "something_went_wrong_processing_the_request": "",
+  "something_went_wrong_rendering_pdf": "",
+  "something_went_wrong_rendering_pdf_expected": "",
+  "something_went_wrong_server": "",
+  "somthing_went_wrong_compiling": "",
+  "sorry_it_looks_like_that_didnt_work_this_time": "",
+  "sorry_there_are_no_experiments": "",
+  "sorry_there_was_an_issue_adding_x_users_to_your_subscription": "",
+  "sorry_there_was_an_issue_upgrading_your_subscription": "",
+  "sorry_you_can_only_change_to_group_from_trial_via_support": "",
+  "sorry_your_table_cant_be_displayed_at_the_moment": "",
+  "sort_by": "",
+  "sort_by_x": "",
+  "sort_projects": "",
+  "source": "",
+  "spell_check": "",
+  "spellcheck": "",
+  "spellcheck_language": "",
+  "split_view": "",
+  "sso": "",
+  "sso_active": "",
+  "sso_already_setup_good_to_go": "",
+  "sso_config_deleted": "",
+  "sso_config_prop_help_certificate": "",
+  "sso_config_prop_help_first_name": "",
+  "sso_config_prop_help_last_name": "",
+  "sso_config_prop_help_redirect_url": "",
+  "sso_config_prop_help_user_id": "",
+  "sso_configuration": "",
+  "sso_configuration_not_finalized": "",
+  "sso_configuration_saved": "",
+  "sso_disabled_by_group_admin": "",
+  "sso_error_audience_mismatch": "",
+  "sso_error_idp_error": "",
+  "sso_error_invalid_external_user_id": "",
+  "sso_error_invalid_signature": "",
+  "sso_error_missing_external_user_id": "",
+  "sso_error_missing_firstname_attribute": "",
+  "sso_error_missing_lastname_attribute": "",
+  "sso_error_missing_signature": "",
+  "sso_error_response_already_processed": "",
+  "sso_explanation": "",
+  "sso_here_is_the_data_we_received": "",
+  "sso_is_disabled": "",
+  "sso_is_disabled_explanation_1": "",
+  "sso_is_disabled_explanation_2": "",
+  "sso_is_enabled": "",
+  "sso_is_enabled_explanation_1": "",
+  "sso_is_enabled_explanation_1_sso_only": "",
+  "sso_is_enabled_explanation_2": "",
+  "sso_link_account_with_idp": "",
+  "sso_link_error": "",
+  "sso_link_invite_has_been_sent_to_email": "",
+  "sso_logs": "",
+  "sso_not_active": "",
+  "sso_reauth_request": "",
+  "sso_test_interstitial_info_1": "",
+  "sso_test_interstitial_info_2": "",
+  "sso_test_interstitial_title": "",
+  "sso_test_result_error_message": "",
+  "sso_user_explanation_enabled_with_admin_email": "",
+  "sso_user_explanation_enabled_with_group_name": "",
+  "sso_user_explanation_ready_with_admin_email": "",
+  "sso_user_explanation_ready_with_group_name": "",
+  "standard": "",
+  "start_a_free_trial": "",
+  "start_by_adding_your_email": "",
+  "start_by_fixing_the_first_error_in_your_doc": "",
+  "start_free_trial": "",
+  "start_free_trial_without_exclamation": "",
+  "start_the_conversation_by_saying_hello_or_sharing_an_update": "",
+  "start_typing_find_your_company": "",
+  "start_typing_find_your_organization": "",
+  "start_typing_find_your_university": "",
+  "stop_compile": "",
+  "stop_on_first_error": "",
+  "stop_on_first_error_enabled_description": "",
+  "stop_on_first_error_enabled_title": "",
+  "stop_on_validation_error": "",
+  "store_your_work": "",
+  "stretch_width_to_text": "",
+  "student": "",
+  "student_disclaimer": "",
+  "subject": "",
+  "subject_area": "",
+  "subject_to_additional_vat": "",
+  "submit_title": "",
+  "subscribe": "",
+  "subscribe_to_find_the_symbols_you_need_faster": "",
+  "subscribe_to_plan": "",
+  "subscription": "",
+  "subscription_admins_cannot_be_deleted": "",
+  "subscription_canceled": "",
+  "subscription_canceled_and_terminate_on_x": "",
+  "subscription_will_remain_active_until_end_of_billing_period_x": "",
+  "subscription_will_remain_active_until_end_of_trial_period_x": "",
+  "success_sso_set_up": "",
+  "suggest_a_different_fix": "",
+  "suggest_fix": "",
+  "suggested": "",
+  "suggested_fix_for_error_in_path": "",
+  "suggestion_applied": "",
+  "suggests_code_completions_while_typing": "",
+  "support_for_your_browser_is_ending_soon": "",
+  "supports_up_to_x_licenses": "",
+  "sure_you_want_to_cancel_plan_change": "",
+  "sure_you_want_to_change_plan": "",
+  "sure_you_want_to_delete": "",
+  "sure_you_want_to_leave_group": "",
+  "switch_back_to_monthly_pay_20_more": "",
+  "switch_compile_mode_for_faster_draft_compilation": "",
+  "switch_to_editor": "",
+  "switch_to_new_editor": "",
+  "switch_to_old_editor": "",
+  "switch_to_pdf": "",
+  "switch_to_standard_plan": "",
+  "symbol": "",
+  "symbol_palette": "",
+  "sync": "",
+  "sync_dropbox_github": "",
+  "sync_project_to_github_explanation": "",
+  "sync_to_dropbox": "",
+  "sync_to_github": "",
+  "synctex_failed": "",
+  "syntax_validation": "",
+  "tab_connecting": "",
+  "tab_no_longer_connected": "",
+  "table": "",
+  "table_generator": "",
+  "tag_color": "",
+  "tag_name_cannot_exceed_characters": "",
+  "tag_name_is_already_used": "",
+  "tags": "",
+  "take_short_survey": "",
+  "take_survey": "",
+  "tc_everyone": "",
+  "tc_guests": "",
+  "tell_the_project_owner_and_ask_them_to_upgrade": "",
+  "template": "",
+  "template_description": "",
+  "template_title_taken_from_project_title": "",
+  "templates": "",
+  "temporarily_hides_the_preview": "",
+  "terminated": "",
+  "test": "",
+  "test_configuration": "",
+  "test_configuration_successful": "",
+  "tex_live_version": "",
+  "texgpt": "",
+  "thank_you_exclamation": "",
+  "thank_you_for_your_feedback": "",
+  "thanks_for_being_part_of_this_labs_experiment_your_feedback_will_help_us_make_the_new_editor_the_best_yet": "",
+  "thanks_for_confirming_your_email_address": "",
+  "thanks_for_getting_in_touch": "",
+  "thanks_for_subscribing": "",
+  "thanks_for_subscribing_to_plan_with_add_on": "",
+  "thanks_for_subscribing_to_the_add_on": "",
+  "thanks_for_subscribing_you_help_sl": "",
+  "thanks_settings_updated": "",
+  "the_add_on_will_remain_active_until": "",
+  "the_code_editor_color_scheme": "",
+  "the_document_environment_contains_no_content": "",
+  "the_following_files_already_exist_in_this_project": "",
+  "the_following_files_and_folders_already_exist_in_this_project": "",
+  "the_following_folder_already_exists_in_this_project": "",
+  "the_following_folder_already_exists_in_this_project_plural": "",
+  "the_latex_engine_used_for_compiling": "",
+  "the_new_overleaf_editor": "",
+  "the_next_payment_will_be_collected_on": "",
+  "the_original_text_has_changed": "",
+  "the_overleaf_color_scheme": "",
+  "the_primary_file_for_compiling_your_project": "",
+  "the_target_folder_could_not_be_found": "",
+  "the_version_of_tex_live_used_for_compiling": "",
+  "the_width_you_choose_here_is_based_on_the_width_of_the_text_in_your_document": "",
+  "their_projects_will_be_transferred_to_another_user": "",
+  "then_x_price_per_month": "",
+  "then_x_price_per_year": "",
+  "there_are_lots_of_options_to_edit_and_customize_your_figures": "",
+  "there_is_an_unrecoverable_latex_error": "",
+  "there_was_a_problem_restoring_the_project_please_try_again_in_a_few_moments_or_contact_us": "",
+  "they_lose_access_to_account": "",
+  "this_action_cannot_be_reversed": "",
+  "this_action_cannot_be_undone": "",
+  "this_address_will_be_shown_on_the_invoice": "",
+  "this_could_be_because_we_cant_support_some_elements_of_the_table": "",
+  "this_experiment_isnt_accepting_new_participants": "",
+  "this_field_is_required": "",
+  "this_grants_access_to_features_2": "",
+  "this_is_a_labs_experiment_for_the_new_overleaf_editor_some_features_are_still_in_progress": "",
+  "this_is_a_new_feature": "",
+  "this_is_the_file_that_references_pulled_from_your_reference_manager_will_be_added_to": "",
+  "this_project_already_has_maximum_collaborators": "",
+  "this_project_contains_a_file_called_output": "",
+  "this_project_exceeded_collaborator_limit": "",
+  "this_project_exceeded_compile_timeout_limit_on_free_plan": "",
+  "this_project_has_more_than_max_collabs": "",
+  "this_project_is_public": "",
+  "this_project_is_public_read_only": "",
+  "this_project_need_more_time_to_compile": "",
+  "this_project_will_appear_in_your_dropbox_folder_at": "",
+  "this_tool_helps_you_insert_figures": "",
+  "this_tool_helps_you_insert_simple_tables_into_your_project_without_writing_latex_code_give_feedback": "",
+  "this_total_reflects_the_amount_due_until": "",
+  "this_was_helpful": "",
+  "this_wasnt_helpful": "",
+  "this_will_remove_primary_email": "",
+  "timedout": "",
+  "tip": "",
+  "title": "",
+  "to_add_email_accounts_need_to_be_linked_2": "",
+  "to_add_more_collaborators": "",
+  "to_change_access_permissions": "",
+  "to_confirm_transfer_enter_email_address": "",
+  "to_confirm_unlink_all_users_enter_email": "",
+  "to_continue_using_upgrade_or_change_your_browser": "",
+  "to_delete_your_writefull_account": "",
+  "to_fix_this_you_can": "",
+  "to_fix_this_you_can_ask_the_github_repository_owner": "",
+  "to_insert_or_move_a_caption_make_sure_tabular_is_directly_within_table": "",
+  "to_keep_edit_access": "",
+  "to_modify_your_subscription_go_to": "",
+  "to_pull_results_directly_from_your_reference_manager_enable_one_of_the_available_reference_manager_integrations": "",
+  "to_use_text_wrapping_in_your_table_make_sure_you_include_the_array_package": "",
+  "toggle_compile_options_menu": "",
+  "toggle_group": "",
+  "toggle_personal_library": "",
+  "toggle_unknown_group": "",
+  "token": "",
+  "token_access_failure": "",
+  "token_limit_reached": "",
+  "token_read_only": "",
+  "token_read_write": "",
+  "too_many_attempts": "",
+  "too_many_comments_or_tracked_changes": "",
+  "too_many_comments_or_tracked_changes_detail": "",
+  "too_many_confirm_code_resend_attempts": "",
+  "too_many_confirm_code_verification_attempts": "",
+  "too_many_files_uploaded_throttled_short_period": "",
+  "too_many_requests": "",
+  "too_many_search_results": "",
+  "too_recently_compiled": "",
+  "took_a_while": "",
+  "toolbar_bullet_list": "",
+  "toolbar_choose_section_heading_level": "",
+  "toolbar_code_visual_editor_switch": "",
+  "toolbar_decrease_indent": "",
+  "toolbar_editor": "",
+  "toolbar_format_bold": "",
+  "toolbar_format_italic": "",
+  "toolbar_generate_math": "",
+  "toolbar_generate_table": "",
+  "toolbar_increase_indent": "",
+  "toolbar_insert_citation": "",
+  "toolbar_insert_cross_reference": "",
+  "toolbar_insert_display_math": "",
+  "toolbar_insert_figure": "",
+  "toolbar_insert_inline_math": "",
+  "toolbar_insert_link": "",
+  "toolbar_insert_math": "",
+  "toolbar_insert_math_and_symbols": "",
+  "toolbar_insert_math_lowercase": "",
+  "toolbar_insert_misc": "",
+  "toolbar_insert_table": "",
+  "toolbar_list_indentation": "",
+  "toolbar_numbered_list": "",
+  "toolbar_redo": "",
+  "toolbar_selected_projects": "",
+  "toolbar_selected_projects_management_actions": "",
+  "toolbar_selected_projects_remove": "",
+  "toolbar_selected_projects_restore": "",
+  "toolbar_table_insert_size_table": "",
+  "toolbar_table_insert_table_lowercase": "",
+  "toolbar_text_formatting": "",
+  "toolbar_text_style": "",
+  "toolbar_toggle_symbol_palette": "",
+  "toolbar_undo": "",
+  "toolbar_undo_redo_actions": "",
+  "tools": "",
+  "tooltip_hide_filetree": "",
+  "tooltip_hide_panel": "",
+  "tooltip_hide_pdf": "",
+  "tooltip_show_filetree": "",
+  "tooltip_show_panel": "",
+  "tooltip_show_pdf": "",
+  "total_due_today": "",
+  "total_per_month": "",
+  "total_per_year": "",
+  "total_today": "",
+  "total_with_subtotal_and_tax": "",
+  "total_words": "",
+  "track_any_change_in_real_time": "",
+  "track_changes": "",
+  "track_changes_for_everyone": "",
+  "track_changes_for_guests": "",
+  "track_changes_for_x": "",
+  "track_changes_is_off": "",
+  "track_changes_is_on": "",
+  "tracked_change_added": "",
+  "tracked_change_deleted": "",
+  "transfer_management_of_your_account": "",
+  "transfer_management_of_your_account_to_x": "",
+  "transfer_management_resolve_following_issues": "",
+  "transfer_this_users_projects": "",
+  "transfer_this_users_projects_description": "",
+  "transferring": "",
+  "trash": "",
+  "trash_projects": "",
+  "trashed": "",
+  "trashed_projects": "",
+  "trashing_projects_wont_affect_collaborators": "",
+  "trial_last_day": "",
+  "trial_remaining_days": "",
+  "tried_to_log_in_with_email": "",
+  "tried_to_register_with_email": "",
+  "troubleshooting_tip": "",
+  "try_again": "",
+  "try_for_free": "",
+  "try_it_for_free": "",
+  "try_now": "",
+  "try_papers_for_free": "",
+  "try_premium_for_free": "",
+  "try_recompile_project_or_troubleshoot": "",
+  "try_relinking_provider": "",
+  "try_the_new_editor": "",
+  "try_to_compile_despite_errors": "",
+  "turn_off": "",
+  "turn_off_link_sharing": "",
+  "turn_on": "",
+  "turn_on_link_sharing": "",
+  "tutorials": "",
+  "unarchive": "",
+  "uncategorized": "",
+  "uncategorized_projects": "",
+  "unconfirmed": "",
+  "undelete": "",
+  "understanding_labels": "",
+  "undo": "",
+  "unfold_line": "",
+  "unique_identifier_attribute": "",
+  "university": "",
+  "university_school": "",
+  "unknown": "",
+  "unknown_group": "",
+  "unlimited_collaborators_per_project": "",
+  "unlimited_collabs": "",
+  "unlimited_document_history": "",
+  "unlimited_projects": "",
+  "unlink": "",
+  "unlink_all_users": "",
+  "unlink_all_users_explanation": "",
+  "unlink_dropbox_folder": "",
+  "unlink_dropbox_warning": "",
+  "unlink_github_repository": "",
+  "unlink_github_warning": "",
+  "unlink_linked_accounts": "",
+  "unlink_linked_google_account": "",
+  "unlink_provider_account_title": "",
+  "unlink_provider_account_warning": "",
+  "unlink_reference": "",
+  "unlink_the_project_from_the_current_github_repo": "",
+  "unlink_user": "",
+  "unlink_user_explanation": "",
+  "unlink_users": "",
+  "unlink_warning_reference": "",
+  "unlinking": "",
+  "unmerge_cells": "",
+  "unpause_subscription": "",
+  "unpublish": "",
+  "unpublishing": "",
+  "unsubscribe": "",
+  "until_then_you_can_still": "",
+  "untrash": "",
+  "update": "",
+  "update_account_info": "",
+  "update_dropbox_settings": "",
+  "update_your_billing_details": "",
+  "updates_to_project_sharing": "",
+  "updating": "",
+  "upgrade": "",
+  "upgrade_cc_btn": "",
+  "upgrade_for_12x_more_compile_time": "",
+  "upgrade_my_plan": "",
+  "upgrade_now": "",
+  "upgrade_plan": "",
+  "upgrade_summary": "",
+  "upgrade_to_add_more_collaborators_and_access_collaboration_features": "",
+  "upgrade_to_get_feature": "",
+  "upgrade_to_review": "",
+  "upgrade_to_track_changes": "",
+  "upgrade_to_unlock_more_time": "",
+  "upgrade_your_subscription": "",
+  "upload": "",
+  "upload_file": "",
+  "upload_from_computer": "",
+  "upload_project": "",
+  "upload_zipped_project": "",
+  "url_to_fetch_the_file_from": "",
+  "us_gov_banner_fedramp": "",
+  "us_gov_banner_government_purchasing": "",
+  "us_gov_banner_small_business_reseller": "",
+  "usage_metrics": "",
+  "use_a_different_password": "",
+  "use_saml_metadata_to_configure_sso_with_idp": "",
+  "use_your_own_machine": "",
+  "used_latex_before": "",
+  "used_latex_response_never": "",
+  "used_latex_response_occasionally": "",
+  "used_latex_response_often": "",
+  "used_when_referring_to_the_figure_elsewhere_in_the_document": "",
+  "user_deletion_error": "",
+  "user_deletion_password_reset_tip": "",
+  "user_first_name_attribute": "",
+  "user_last_name_attribute": "",
+  "user_sessions": "",
+  "using_latex": "",
+  "using_premium_features": "",
+  "using_the_overleaf_editor": "",
+  "using_writefull": "",
+  "valid": "",
+  "valid_sso_configuration": "",
+  "validation_issue_entry_description": "",
+  "value_must_be_a_number": "",
+  "value_must_be_a_whole_number": "",
+  "value_must_be_at_least_x": "",
+  "vat": "",
+  "vat_number": "",
+  "verify_email_address_before_enabling_managed_users": "",
+  "view": "",
+  "view_all": "",
+  "view_billing_details": "",
+  "view_code": "",
+  "view_configuration": "",
+  "view_group_members": "",
+  "view_hub": "",
+  "view_hub_subtext": "",
+  "view_in_template_gallery": "",
+  "view_invitation": "",
+  "view_invoices": "",
+  "view_labs_experiments": "",
+  "view_less": "",
+  "view_logs": "",
+  "view_metrics": "",
+  "view_metrics_commons_subtext": "",
+  "view_metrics_group_subtext": "",
+  "view_more": "",
+  "view_only_access": "",
+  "view_only_downgraded": "",
+  "view_only_reviewer_downgraded": "",
+  "view_options": "",
+  "view_pdf": "",
+  "view_your_invoices": "",
+  "viewer": "",
+  "viewing": "",
+  "viewing_x": "",
+  "visual_editor": "",
+  "visual_editor_is_only_available_for_tex_files": "",
+  "want_change_to_apply_before_plan_end": "",
+  "we_are_unable_to_generate_the_pdf_at_this_time": "",
+  "we_are_unable_to_opt_you_into_this_experiment": "",
+  "we_cant_find_any_sections_or_subsections_in_this_file": "",
+  "we_do_not_share_personal_information": "",
+  "we_got_your_request": "",
+  "we_logged_you_in": "",
+  "we_sent_code": "",
+  "we_sent_new_code": "",
+  "we_will_charge_you_now_for_the_cost_of_your_additional_licenses_based_on_remaining_months": "",
+  "we_will_charge_you_now_for_your_new_plan_based_on_the_remaining_months_of_your_current_subscription": "",
+  "we_will_use_your_existing_payment_method": "",
+  "webinars": "",
+  "website_status": "",
+  "wed_love_you_to_stay": "",
+  "welcome_to_sl": "",
+  "well_be_here_when_youre_ready": "",
+  "were_making_some_changes_to_project_sharing_this_means_you_will_be_visible": "",
+  "were_performing_maintenance": "",
+  "were_redesigning_our_editor_to_make_it_easier_to_use": "",
+  "weve_recently_reduced_the_compile_timeout_limit_which_may_have_affected_this_project": "",
+  "weve_recently_reduced_the_compile_timeout_limit_which_may_have_affected_your_project": "",
+  "what_do_you_need_help_with": "",
+  "what_does_this_mean": "",
+  "what_does_this_mean_for_you": "",
+  "what_happens_when_sso_is_enabled": "",
+  "what_should_we_call_you": "",
+  "whats_new": "",
+  "whats_next": "",
+  "when_you_tick_the_include_caption_box": "",
+  "why_latex": "",
+  "why_might_this_happen": "",
+  "why_not_pause_instead": "",
+  "wide": "",
+  "will_lose_edit_access_on_date": "",
+  "with_premium_subscription_you_also_get": "",
+  "word_count": "",
+  "work_in_vim_or_emacs_emulation_mode": "",
+  "work_offline": "",
+  "work_offline_pull_to_overleaf": "",
+  "work_with_non_overleaf_users": "",
+  "work_with_other_github_users": "",
+  "write_faster_smarter_with_overleaf_and_writefull_ai_tools": "",
+  "writefull": "",
+  "writefull_loading_error_body": "",
+  "writefull_loading_error_title": "",
+  "x_changes_in": "",
+  "x_changes_in_plural": "",
+  "x_libraries_accessed_in_this_project": "",
+  "x_price_for_first_month": "",
+  "x_price_for_first_year": "",
+  "x_price_for_y_months": "",
+  "x_price_per_month": "",
+  "x_price_per_user": "",
+  "x_price_per_year": "",
+  "year": "",
+  "yes_move_me_to_personal_plan": "",
+  "you": "",
+  "you_already_have_a_subscription": "",
+  "you_are_a_manager_and_member_of_x_plan_as_member_of_group_subscription_y_administered_by_z": "",
+  "you_are_a_manager_and_member_of_x_plan_as_member_of_group_subscription_y_administered_by_z_you": "",
+  "you_are_a_manager_of_commons_at_institution_x": "",
+  "you_are_a_manager_of_publisher_x": "",
+  "you_are_a_manager_of_x_plan_as_member_of_group_subscription_y_administered_by_z": "",
+  "you_are_a_manager_of_x_plan_as_member_of_group_subscription_y_administered_by_z_you": "",
+  "you_are_now_saving_20_percent": "",
+  "you_are_on_a_paid_plan_contact_support_to_find_out_more": "",
+  "you_are_on_x_plan_as_a_confirmed_member_of_institution_y": "",
+  "you_are_on_x_plan_as_member_of_group_subscription_y_administered_by_z": "",
+  "you_can_also_choose_to_view_anonymously_or_leave_the_project": "",
+  "you_can_buy_this_plan_but_not_as_a_trial": "",
+  "you_can_leave_the_experiment_from_your_account_settings_at_any_time": "",
+  "you_can_manage_your_reference_manager_integrations_from_your_account_settings_page": "",
+  "you_can_now_enable_sso": "",
+  "you_can_now_log_in_sso": "",
+  "you_can_now_sync_your_papers_library_directly_with_your_overleaf_projects": "",
+  "you_can_request_a_maximum_of_limit_fixes_per_day": "",
+  "you_can_select_or_invite_collaborator": "",
+  "you_can_select_or_invite_collaborator_plural": "",
+  "you_can_still_use_your_premium_features": "",
+  "you_cant_add_or_change_password_due_to_sso": "",
+  "you_cant_join_this_group_subscription": "",
+  "you_dont_have_any_add_ons_on_your_account": "",
+  "you_dont_have_any_repositories": "",
+  "you_have_0_free_suggestions_left": "",
+  "you_have_1_free_suggestion_left": "",
+  "you_have_1_license_and_your_plan_supports_up_to_y": "",
+  "you_have_added_x_of_group_size_y": "",
+  "you_have_been_invited_to_transfer_management_of_your_account": "",
+  "you_have_been_invited_to_transfer_management_of_your_account_to": "",
+  "you_have_been_removed_from_this_project_and_will_be_redirected_to_project_dashboard": "",
+  "you_have_x_licenses_and_your_plan_supports_up_to_y": "",
+  "you_have_x_licenses_on_your_subscription": "",
+  "you_need_to_configure_your_sso_settings": "",
+  "you_unpaused_your_subscription": "",
+  "you_will_be_able_to_reassign_subscription": "",
+  "youll_get_best_results_in_visual_but_can_be_used_in_source": "",
+  "youll_need_to_ask_the_github_repository_owner": "",
+  "youll_no_longer_need_to_remember_credentials": "",
+  "your_account_is_managed_by_admin_cant_join_additional_group": "",
+  "your_account_is_managed_by_your_group_admin": "",
+  "your_add_on_has_been_cancelled_and_will_remain_active_until_your_billing_cycle_ends_on": "",
+  "your_affiliation_is_confirmed": "",
+  "your_browser_does_not_support_this_feature": "",
+  "your_changes_will_save": "",
+  "your_compile_timed_out": "",
+  "your_current_plan": "",
+  "your_current_plan_gives_you": "",
+  "your_current_plan_supports_up_to_x_licenses": "",
+  "your_current_project_will_revert_to_the_version_from_time": "",
+  "your_git_access_info": "",
+  "your_git_access_info_bullet_1": "",
+  "your_git_access_info_bullet_2": "",
+  "your_git_access_info_bullet_3": "",
+  "your_git_access_info_bullet_4": "",
+  "your_git_access_info_bullet_5": "",
+  "your_git_access_tokens": "",
+  "your_message_to_collaborators": "",
+  "your_name_and_email_address_will_be_visible_to_the_project_owner_and_other_editors": "",
+  "your_new_plan": "",
+  "your_password_was_detected": "",
+  "your_plan": "",
+  "your_plan_is_changing_at_term_end": "",
+  "your_plan_is_limited_to_n_editors": "",
+  "your_plan_is_limited_to_n_editors_plural": "",
+  "your_premium_plan_is_paused": "",
+  "your_project_exceeded_collaborator_limit": "",
+  "your_project_exceeded_compile_timeout_limit_on_free_plan": "",
+  "your_project_near_compile_timeout_limit": "",
+  "your_project_need_more_time_to_compile": "",
+  "your_projects": "",
+  "your_role": "",
+  "your_subscription": "",
+  "your_subscription_has_expired": "",
+  "your_subscription_will_pause_on": "",
+  "your_subscription_will_pause_on_short": "",
+  "youre_a_member_of_overleaf_labs": "",
+  "youre_about_to_disable_single_sign_on": "",
+  "youre_about_to_enable_single_sign_on": "",
+  "youre_about_to_enable_single_sign_on_sso_only": "",
+  "youre_adding_x_licenses_to_your_plan_giving_you_a_total_of_y_licenses": "",
+  "youre_already_setup_for_sso": "",
+  "youre_helping_us_shape_the_future_of_overleaf": "",
+  "youre_joining": "",
+  "youre_on_free_trial_which_ends_on": "",
+  "youre_signed_in_as_logout": "",
+  "youve_added_more_licenses": "",
+  "youve_added_x_more_licenses_to_your_subscription_invite_people": "",
+  "youve_lost_collaboration_access": "",
+  "youve_paused_your_subscription": "",
+  "youve_unlinked_all_users": "",
+  "youve_upgraded_your_plan": "",
+  "zoom_in": "",
+  "zoom_out": "",
+  "zoom_to": "",
+  "zotero_dynamic_sync_description": "",
+  "zotero_groups_loading_error": "",
+  "zotero_groups_relink": "",
+  "zotero_integration": "",
+  "zotero_is_premium": "",
+  "zotero_reference_loading_error": "",
+  "zotero_reference_loading_error_expired": "",
+  "zotero_reference_loading_error_forbidden": "",
+  "zotero_sync_description": "",
+  "zotero_upgrade_prompt_content": "",
+  "zotero_upgrade_prompt_title": ""
+}
diff --git a/services/web/frontend/fonts/README.md b/services/web/frontend/fonts/README.md
new file mode 100644
index 0000000..c07309c
--- /dev/null
+++ b/services/web/frontend/fonts/README.md
@@ -0,0 +1,13 @@
+This directory contains fonts used by the Overleaf web application.
+
+* [DM Mono](https://github.com/googlefonts/dm-mono)
+* [Font Awesome](https://fontawesome.com/v4/)
+* [Lato](https://www.latofonts.com/)
+* [Material Symbols](https://github.com/google/material-design-icons)
+* [Merriweather](https://github.com/SorkinType/Merriweather)
+* [Noto Sans](https://notofonts.github.io/#latin-greek-cyrillic)
+* [Noto Serif](https://notofonts.github.io/#latin-greek-cyrillic)
+* [OpenDyslexic Mono](https://github.com/antijingoist/opendyslexic/tree/master)
+* [Open Sans](https://github.com/googlefonts/opensans)
+* [Source Code Pro](https://github.com/adobe-fonts/source-code-pro)
+* [STIX Two Math](https://github.com/stipub/stixfonts/)
diff --git a/services/web/frontend/fonts/STIXTwoMath/OFL.txt b/services/web/frontend/fonts/STIXTwoMath/OFL.txt
new file mode 100644
index 0000000..11b7b8e
--- /dev/null
+++ b/services/web/frontend/fonts/STIXTwoMath/OFL.txt
@@ -0,0 +1,92 @@
+Copyright 2001-2021 The STIX Fonts Project Authors (https://github.com/stipub/stixfonts), with Reserved Font Name "TM Math". STIX Fonts™ is a trademark of The Institute of Electrical and Electronics Engineers, Inc.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/services/web/frontend/fonts/STIXTwoMath/STIXTwoMath-Regular.woff2 b/services/web/frontend/fonts/STIXTwoMath/STIXTwoMath-Regular.woff2
new file mode 100644
index 0000000..3b97c9c
Binary files /dev/null and b/services/web/frontend/fonts/STIXTwoMath/STIXTwoMath-Regular.woff2 differ
diff --git a/services/web/frontend/fonts/STIXTwoMath/stix-two-math.css b/services/web/frontend/fonts/STIXTwoMath/stix-two-math.css
new file mode 100644
index 0000000..25ed725
--- /dev/null
+++ b/services/web/frontend/fonts/STIXTwoMath/stix-two-math.css
@@ -0,0 +1,4 @@
+@font-face {
+  font-family: 'Stix Two Math';
+  src: url('STIXTwoMath-Regular.woff2') format('woff2');
+}
diff --git a/services/web/frontend/fonts/build-fonts.mjs b/services/web/frontend/fonts/build-fonts.mjs
new file mode 100644
index 0000000..8387509
--- /dev/null
+++ b/services/web/frontend/fonts/build-fonts.mjs
@@ -0,0 +1,194 @@
+import fs from 'node:fs/promises'
+import { createWriteStream } from 'node:fs'
+import { basename, join } from 'node:path'
+import { tmpdir } from 'node:os'
+import { execSync } from 'node:child_process'
+import yauzl from 'yauzl'
+
+// brew install woff2
+
+const families = [
+  {
+    folder: 'dm-mono',
+    url: 'https://github.com/googlefonts/dm-mono',
+    fonts: [
+      'https://github.com/googlefonts/dm-mono/raw/refs/heads/main/exports/DMMono-Italic.ttf',
+      'https://github.com/googlefonts/dm-mono/raw/refs/heads/main/exports/DMMono-Medium.ttf',
+      'https://github.com/googlefonts/dm-mono/raw/refs/heads/main/exports/DMMono-MediumItalic.ttf',
+      'https://github.com/googlefonts/dm-mono/raw/refs/heads/main/exports/DMMono-Regular.ttf',
+    ],
+  },
+  {
+    folder: 'font-awesome',
+    url: 'https://fontawesome.com/v4/',
+    archive: 'https://fontawesome.com/v4/assets/font-awesome-4.7.0.zip',
+    fonts: ['font-awesome-4.7.0/fonts/fontawesome-webfont.woff2'],
+  },
+  {
+    folder: 'lato',
+    url: 'https://www.latofonts.com/',
+    archive: 'https://www.latofonts.com/download/lato2oflweb-zip/',
+    fonts: [
+      'Lato2OFLWeb/LatoLatin/fonts/LatoLatin-Bold.woff2',
+      'Lato2OFLWeb/LatoLatin/fonts/LatoLatin-BoldItalic.woff2',
+      'Lato2OFLWeb/LatoLatin/fonts/LatoLatin-Italic.woff2',
+      'Lato2OFLWeb/LatoLatin/fonts/LatoLatin-Regular.woff2',
+    ],
+  },
+  {
+    folder: 'merriweather',
+    url: 'https://github.com/SorkinType/Merriweather',
+    fonts: [
+      'https://github.com/SorkinType/Merriweather/raw/refs/heads/master/fonts/webfonts/Merriweather-Bold.woff2',
+      'https://github.com/SorkinType/Merriweather/raw/refs/heads/master/fonts/webfonts/Merriweather-BoldItalic.woff2',
+      'https://github.com/SorkinType/Merriweather/raw/refs/heads/master/fonts/webfonts/Merriweather-Italic.woff2',
+      'https://github.com/SorkinType/Merriweather/raw/refs/heads/master/fonts/webfonts/Merriweather-Regular.woff2',
+    ],
+    license:
+      'https://github.com/SorkinType/Merriweather/raw/refs/heads/master/OFL.txt',
+  },
+  {
+    folder: 'noto-sans',
+    url: 'https://notofonts.github.io/#latin-greek-cyrillic',
+    fonts: [
+      'https://github.com/notofonts/notofonts.github.io/raw/refs/heads/main/fonts/NotoSans/full/ttf/NotoSans-Italic.ttf',
+      'https://github.com/notofonts/notofonts.github.io/raw/refs/heads/main/fonts/NotoSans/full/ttf/NotoSans-Medium.ttf',
+      'https://github.com/notofonts/notofonts.github.io/raw/refs/heads/main/fonts/NotoSans/full/ttf/NotoSans-MediumItalic.ttf',
+      'https://github.com/notofonts/notofonts.github.io/raw/refs/heads/main/fonts/NotoSans/full/ttf/NotoSans-Regular.ttf',
+      'https://github.com/notofonts/notofonts.github.io/raw/refs/heads/main/fonts/NotoSans/full/ttf/NotoSans-SemiBold.ttf',
+      'https://github.com/notofonts/notofonts.github.io/raw/refs/heads/main/fonts/NotoSans/full/ttf/NotoSans-SemiBoldItalic.ttf',
+    ],
+    license:
+      'https://raw.githubusercontent.com/notofonts/latin-greek-cyrillic/refs/heads/main/OFL.txt',
+  },
+  {
+    folder: 'noto-serif',
+    url: 'https://notofonts.github.io/#latin-greek-cyrillic',
+    fonts: [
+      'https://github.com/notofonts/notofonts.github.io/raw/refs/heads/main/fonts/NotoSerif/unhinted/slim-variable-ttf/NotoSerif%5Bwght%5D.ttf',
+      'https://github.com/notofonts/notofonts.github.io/raw/refs/heads/main/fonts/NotoSerif/unhinted/slim-variable-ttf/NotoSerif-Italic%5Bwght%5D.ttf',
+    ],
+    license:
+      'https://raw.githubusercontent.com/notofonts/latin-greek-cyrillic/refs/heads/main/OFL.txt',
+  },
+  {
+    folder: 'open-dyslexic-mono',
+    url: 'https://github.com/antijingoist/opendyslexic',
+    fonts: [
+      'https://github.com/antijingoist/open-dyslexic/blob/master/otf/OpenDyslexicMono-Regular.otf',
+    ],
+    license: 'https://github.com/antijingoist/opendyslexic/blob/master/OFL.txt',
+  },
+  {
+    folder: 'open-sans',
+    url: 'https://github.com/googlefonts/opensans',
+    fonts: [
+      'https://github.com/googlefonts/opensans/raw/refs/heads/main/fonts/ttf/OpenSans-Bold.ttf',
+      'https://github.com/googlefonts/opensans/raw/refs/heads/main/fonts/ttf/OpenSans-Light.ttf',
+      'https://github.com/googlefonts/opensans/raw/refs/heads/main/fonts/ttf/OpenSans-Regular.ttf',
+      'https://github.com/googlefonts/opensans/raw/refs/heads/main/fonts/ttf/OpenSans-SemiBold.ttf',
+    ],
+    license:
+      'https://raw.githubusercontent.com/googlefonts/opensans/refs/heads/main/OFL.txt',
+  },
+  {
+    folder: 'source-code-pro',
+    url: 'https://github.com/adobe-fonts/source-code-pro',
+    fonts: [
+      'https://github.com/adobe-fonts/source-code-pro/raw/refs/heads/release/WOFF2/TTF/SourceCodePro-Regular.ttf.woff2',
+    ],
+    license:
+      'https://raw.githubusercontent.com/adobe-fonts/source-code-pro/refs/heads/release/LICENSE.md',
+  },
+  {
+    folder: 'STIXTwoMath',
+    url: 'https://github.com/stipub/stixfonts',
+    fonts: [
+      'https://github.com/stipub/stixfonts/raw/refs/heads/master/fonts/static_otf_woff2/STIXTwoMath-Regular.woff2',
+    ],
+    license:
+      'https://raw.githubusercontent.com/stipub/stixfonts/refs/heads/master/OFL.txt',
+  },
+]
+
+const fetchFile = async (url, path) => {
+  console.log(`${url}\n${path}`)
+  const response = await fetch(url)
+  if (!response.ok) {
+    throw new Error(response.statusText)
+  }
+  await fs.writeFile(path, response.body)
+}
+
+for (const family of families) {
+  if (!family.folder) {
+    throw new Error('Missing family information')
+  }
+
+  await fs.mkdir(family.folder, { recursive: true })
+
+  const fonts = new Set(family.fonts)
+
+  if (family.archive) {
+    const dir = await fs.mkdtemp(join(tmpdir(), 'fonts-'))
+    const filename = decodeURIComponent(basename(family.archive))
+    const path = `${dir}/${filename}`
+    await fetchFile(family.archive, path)
+
+    await new Promise((resolve, reject) => {
+      yauzl.open(path, { lazyEntries: true }, (err, zipfile) => {
+        if (err) {
+          reject(err)
+        } else {
+          zipfile.on('entry', entry => {
+            if (fonts.has(entry.fileName)) {
+              console.log(entry.fileName)
+              zipfile.openReadStream(entry, (err, readStream) => {
+                if (err) {
+                  reject(err)
+                } else {
+                  const path = `${family.folder}/${basename(entry.fileName)}`
+                  const output = createWriteStream(path)
+                  readStream.on('end', async () => {
+                    output.close()
+                    if (path.endsWith('.ttf')) {
+                      execSync(`woff2_compress "${path}"`)
+                      await fs.unlink(path)
+                    }
+                    zipfile.readEntry()
+                  })
+                  readStream.pipe(output)
+                }
+              })
+            } else {
+              zipfile.readEntry()
+            }
+          })
+          zipfile.on('error', reject)
+          zipfile.on('end', resolve)
+          zipfile.readEntry()
+        }
+      })
+    })
+
+    await fs.unlink(path)
+  } else {
+    for (const url of fonts) {
+      const filename = decodeURIComponent(basename(url))
+      const path = `${family.folder}/${filename}`
+      await fetchFile(url, path)
+
+      if (path.endsWith('.ttf')) {
+        execSync(`woff2_compress "${path}"`)
+        await fs.unlink(path)
+      }
+    }
+  }
+
+  if (family.license) {
+    const url = family.license
+    const filename = decodeURIComponent(basename(url))
+    const path = `${family.folder}/${filename}`
+    await fetchFile(url, path)
+  }
+}
diff --git a/services/web/frontend/fonts/dm-mono/DMMono-Italic.woff2 b/services/web/frontend/fonts/dm-mono/DMMono-Italic.woff2
new file mode 100644
index 0000000..404632f
Binary files /dev/null and b/services/web/frontend/fonts/dm-mono/DMMono-Italic.woff2 differ
diff --git a/services/web/frontend/fonts/dm-mono/DMMono-Medium.woff2 b/services/web/frontend/fonts/dm-mono/DMMono-Medium.woff2
new file mode 100644
index 0000000..aa5f78d
Binary files /dev/null and b/services/web/frontend/fonts/dm-mono/DMMono-Medium.woff2 differ
diff --git a/services/web/frontend/fonts/dm-mono/DMMono-MediumItalic.woff2 b/services/web/frontend/fonts/dm-mono/DMMono-MediumItalic.woff2
new file mode 100644
index 0000000..c89c978
Binary files /dev/null and b/services/web/frontend/fonts/dm-mono/DMMono-MediumItalic.woff2 differ
diff --git a/services/web/frontend/fonts/dm-mono/DMMono-Regular.woff2 b/services/web/frontend/fonts/dm-mono/DMMono-Regular.woff2
new file mode 100644
index 0000000..2e26b5a
Binary files /dev/null and b/services/web/frontend/fonts/dm-mono/DMMono-Regular.woff2 differ
diff --git a/services/web/frontend/fonts/dm-mono/OFL.txt b/services/web/frontend/fonts/dm-mono/OFL.txt
new file mode 100644
index 0000000..01450af
--- /dev/null
+++ b/services/web/frontend/fonts/dm-mono/OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2020 The DM Mono Project Authors (https://www.github.com/googlefonts/dm-mono)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/services/web/frontend/fonts/dm-mono/dm-mono.css b/services/web/frontend/fonts/dm-mono/dm-mono.css
new file mode 100644
index 0000000..44c1828
--- /dev/null
+++ b/services/web/frontend/fonts/dm-mono/dm-mono.css
@@ -0,0 +1,31 @@
+@font-face {
+  font-family: 'DM Mono';
+  font-style: normal;
+  font-weight: 400;
+  font-display: fallback;
+  src: url('DMMono-Regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'DM Mono';
+  font-style: italic;
+  font-weight: 400;
+  font-display: fallback;
+  src: url('DMMono-Italic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'DM Mono';
+  font-style: normal;
+  font-weight: 500;
+  font-display: fallback;
+  src: url('DMMono-Medium.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'DM Mono';
+  font-style: italic;
+  font-weight: 500;
+  font-display: fallback;
+  src: url('DMMono-MediumItalic.woff2') format('woff2');
+}
diff --git a/services/web/frontend/fonts/font-awesome/LICENSE.txt b/services/web/frontend/fonts/font-awesome/LICENSE.txt
new file mode 100644
index 0000000..e69c5e3
--- /dev/null
+++ b/services/web/frontend/fonts/font-awesome/LICENSE.txt
@@ -0,0 +1,165 @@
+Fonticons, Inc. (https://fontawesome.com)
+
+--------------------------------------------------------------------------------
+
+Font Awesome Free License
+
+Font Awesome Free is free, open source, and GPL friendly. You can use it for
+commercial projects, open source projects, or really almost whatever you want.
+Full Font Awesome Free license: https://fontawesome.com/license/free.
+
+--------------------------------------------------------------------------------
+
+# Icons: CC BY 4.0 License (https://creativecommons.org/licenses/by/4.0/)
+
+The Font Awesome Free download is licensed under a Creative Commons
+Attribution 4.0 International License and applies to all icons packaged
+as SVG and JS file types.
+
+--------------------------------------------------------------------------------
+
+# Fonts: SIL OFL 1.1 License
+
+In the Font Awesome Free download, the SIL OFL license applies to all icons
+packaged as web and desktop font files.
+
+Copyright (c) 2024 Fonticons, Inc. (https://fontawesome.com)
+with Reserved Font Name: "Font Awesome".
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+SIL OPEN FONT LICENSE
+Version 1.1 - 26 February 2007
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting — in part or in whole — any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
+
+--------------------------------------------------------------------------------
+
+# Code: MIT License (https://opensource.org/licenses/MIT)
+
+In the Font Awesome Free download, the MIT license applies to all non-font and
+non-icon files.
+
+Copyright 2024 Fonticons, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in the
+Software without restriction, including without limitation the rights to use, copy,
+modify, merge, publish, distribute, sublicense, and/or sell copies of the Software,
+and to permit persons to whom the Software is furnished to do so, subject to the
+following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED,
+INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
+SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+--------------------------------------------------------------------------------
+
+# Attribution
+
+Attribution is required by MIT, SIL OFL, and CC BY licenses. Downloaded Font
+Awesome Free files already contain embedded comments with sufficient
+attribution, so you shouldn't need to do anything additional when using these
+files normally.
+
+We've kept attribution comments terse, so we ask that you do not actively work
+to remove them from files, especially code. They're a great way for folks to
+learn about Font Awesome.
+
+--------------------------------------------------------------------------------
+
+# Brand Icons
+
+All brand icons are trademarks of their respective owners. The use of these
+trademarks does not indicate endorsement of the trademark holder by Font
+Awesome, nor vice versa. **Please do not use brand logos for any purpose except
+to represent the company, product, or service to which they refer.**
diff --git a/services/web/frontend/fonts/font-awesome/font-awesome.css b/services/web/frontend/fonts/font-awesome/font-awesome.css
new file mode 100644
index 0000000..602f34f
--- /dev/null
+++ b/services/web/frontend/fonts/font-awesome/font-awesome.css
@@ -0,0 +1,2334 @@
+/*!
+ *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+@font-face {
+  font-family: 'FontAwesome';
+  src: url('fontawesome-webfont.woff2') format('woff2');
+  font-weight: normal;
+  font-style: normal;
+}
+.fa {
+  display: inline-block;
+  font: normal normal normal 14px/1 FontAwesome;
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+/* makes the font 33% larger relative to the icon container */
+.fa-lg {
+  font-size: 1.33333333em;
+  line-height: 0.75em;
+  vertical-align: -15%;
+}
+.fa-2x {
+  font-size: 2em;
+}
+.fa-3x {
+  font-size: 3em;
+}
+.fa-4x {
+  font-size: 4em;
+}
+.fa-5x {
+  font-size: 5em;
+}
+.fa-fw {
+  width: 1.28571429em;
+  text-align: center;
+}
+.fa-ul {
+  padding-left: 0;
+  margin-left: 2.14285714em;
+  list-style-type: none;
+}
+.fa-ul > li {
+  position: relative;
+}
+.fa-li {
+  position: absolute;
+  left: -2.14285714em;
+  width: 2.14285714em;
+  top: 0.14285714em;
+  text-align: center;
+}
+.fa-li.fa-lg {
+  left: -1.85714286em;
+}
+.fa-border {
+  padding: 0.2em 0.25em 0.15em;
+  border: solid 0.08em #eeeeee;
+  border-radius: 0.1em;
+}
+.fa-pull-left {
+  float: left;
+}
+.fa-pull-right {
+  float: right;
+}
+.fa.fa-pull-left {
+  margin-right: 0.3em;
+}
+.fa.fa-pull-right {
+  margin-left: 0.3em;
+}
+/* Deprecated as of 4.4.0 */
+.pull-right {
+  float: right;
+}
+.pull-left {
+  float: left;
+}
+.fa.pull-left {
+  margin-right: 0.3em;
+}
+.fa.pull-right {
+  margin-left: 0.3em;
+}
+.fa-spin {
+  -webkit-animation: fa-spin 2s infinite linear;
+  animation: fa-spin 2s infinite linear;
+}
+.fa-pulse {
+  -webkit-animation: fa-spin 1s infinite steps(8);
+  animation: fa-spin 1s infinite steps(8);
+}
+@-webkit-keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+.fa-rotate-90 {
+  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)';
+  -webkit-transform: rotate(90deg);
+  -ms-transform: rotate(90deg);
+  transform: rotate(90deg);
+}
+.fa-rotate-180 {
+  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2)';
+  -webkit-transform: rotate(180deg);
+  -ms-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
+.fa-rotate-270 {
+  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=3)';
+  -webkit-transform: rotate(270deg);
+  -ms-transform: rotate(270deg);
+  transform: rotate(270deg);
+}
+.fa-flip-horizontal {
+  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)';
+  -webkit-transform: scale(-1, 1);
+  -ms-transform: scale(-1, 1);
+  transform: scale(-1, 1);
+}
+.fa-flip-vertical {
+  -ms-filter: 'progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)';
+  -webkit-transform: scale(1, -1);
+  -ms-transform: scale(1, -1);
+  transform: scale(1, -1);
+}
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical {
+  filter: none;
+}
+.fa-stack {
+  position: relative;
+  display: inline-block;
+  width: 2em;
+  height: 2em;
+  line-height: 2em;
+  vertical-align: middle;
+}
+.fa-stack-1x,
+.fa-stack-2x {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  text-align: center;
+}
+.fa-stack-1x {
+  line-height: inherit;
+}
+.fa-stack-2x {
+  font-size: 2em;
+}
+.fa-inverse {
+  color: #ffffff;
+}
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+   readers do not read off random characters that represent icons */
+.fa-glass:before {
+  content: '\f000';
+}
+.fa-music:before {
+  content: '\f001';
+}
+.fa-search:before {
+  content: '\f002';
+}
+.fa-envelope-o:before {
+  content: '\f003';
+}
+.fa-heart:before {
+  content: '\f004';
+}
+.fa-star:before {
+  content: '\f005';
+}
+.fa-star-o:before {
+  content: '\f006';
+}
+.fa-user:before {
+  content: '\f007';
+}
+.fa-film:before {
+  content: '\f008';
+}
+.fa-th-large:before {
+  content: '\f009';
+}
+.fa-th:before {
+  content: '\f00a';
+}
+.fa-th-list:before {
+  content: '\f00b';
+}
+.fa-check:before {
+  content: '\f00c';
+}
+.fa-remove:before,
+.fa-close:before,
+.fa-times:before {
+  content: '\f00d';
+}
+.fa-search-plus:before {
+  content: '\f00e';
+}
+.fa-search-minus:before {
+  content: '\f010';
+}
+.fa-power-off:before {
+  content: '\f011';
+}
+.fa-signal:before {
+  content: '\f012';
+}
+.fa-gear:before,
+.fa-cog:before {
+  content: '\f013';
+}
+.fa-trash-o:before {
+  content: '\f014';
+}
+.fa-home:before {
+  content: '\f015';
+}
+.fa-file-o:before {
+  content: '\f016';
+}
+.fa-clock-o:before {
+  content: '\f017';
+}
+.fa-road:before {
+  content: '\f018';
+}
+.fa-download:before {
+  content: '\f019';
+}
+.fa-arrow-circle-o-down:before {
+  content: '\f01a';
+}
+.fa-arrow-circle-o-up:before {
+  content: '\f01b';
+}
+.fa-inbox:before {
+  content: '\f01c';
+}
+.fa-play-circle-o:before {
+  content: '\f01d';
+}
+.fa-rotate-right:before,
+.fa-repeat:before {
+  content: '\f01e';
+}
+.fa-refresh:before {
+  content: '\f021';
+}
+.fa-list-alt:before {
+  content: '\f022';
+}
+.fa-lock:before {
+  content: '\f023';
+}
+.fa-flag:before {
+  content: '\f024';
+}
+.fa-headphones:before {
+  content: '\f025';
+}
+.fa-volume-off:before {
+  content: '\f026';
+}
+.fa-volume-down:before {
+  content: '\f027';
+}
+.fa-volume-up:before {
+  content: '\f028';
+}
+.fa-qrcode:before {
+  content: '\f029';
+}
+.fa-barcode:before {
+  content: '\f02a';
+}
+.fa-tag:before {
+  content: '\f02b';
+}
+.fa-tags:before {
+  content: '\f02c';
+}
+.fa-book:before {
+  content: '\f02d';
+}
+.fa-bookmark:before {
+  content: '\f02e';
+}
+.fa-print:before {
+  content: '\f02f';
+}
+.fa-camera:before {
+  content: '\f030';
+}
+.fa-font:before {
+  content: '\f031';
+}
+.fa-bold:before {
+  content: '\f032';
+}
+.fa-italic:before {
+  content: '\f033';
+}
+.fa-text-height:before {
+  content: '\f034';
+}
+.fa-text-width:before {
+  content: '\f035';
+}
+.fa-align-left:before {
+  content: '\f036';
+}
+.fa-align-center:before {
+  content: '\f037';
+}
+.fa-align-right:before {
+  content: '\f038';
+}
+.fa-align-justify:before {
+  content: '\f039';
+}
+.fa-list:before {
+  content: '\f03a';
+}
+.fa-dedent:before,
+.fa-outdent:before {
+  content: '\f03b';
+}
+.fa-indent:before {
+  content: '\f03c';
+}
+.fa-video-camera:before {
+  content: '\f03d';
+}
+.fa-photo:before,
+.fa-image:before,
+.fa-picture-o:before {
+  content: '\f03e';
+}
+.fa-pencil:before {
+  content: '\f040';
+}
+.fa-map-marker:before {
+  content: '\f041';
+}
+.fa-adjust:before {
+  content: '\f042';
+}
+.fa-tint:before {
+  content: '\f043';
+}
+.fa-edit:before,
+.fa-pencil-square-o:before {
+  content: '\f044';
+}
+.fa-share-square-o:before {
+  content: '\f045';
+}
+.fa-check-square-o:before {
+  content: '\f046';
+}
+.fa-arrows:before {
+  content: '\f047';
+}
+.fa-step-backward:before {
+  content: '\f048';
+}
+.fa-fast-backward:before {
+  content: '\f049';
+}
+.fa-backward:before {
+  content: '\f04a';
+}
+.fa-play:before {
+  content: '\f04b';
+}
+.fa-pause:before {
+  content: '\f04c';
+}
+.fa-stop:before {
+  content: '\f04d';
+}
+.fa-forward:before {
+  content: '\f04e';
+}
+.fa-fast-forward:before {
+  content: '\f050';
+}
+.fa-step-forward:before {
+  content: '\f051';
+}
+.fa-eject:before {
+  content: '\f052';
+}
+.fa-chevron-left:before {
+  content: '\f053';
+}
+.fa-chevron-right:before {
+  content: '\f054';
+}
+.fa-plus-circle:before {
+  content: '\f055';
+}
+.fa-minus-circle:before {
+  content: '\f056';
+}
+.fa-times-circle:before {
+  content: '\f057';
+}
+.fa-check-circle:before {
+  content: '\f058';
+}
+.fa-question-circle:before {
+  content: '\f059';
+}
+.fa-info-circle:before {
+  content: '\f05a';
+}
+.fa-crosshairs:before {
+  content: '\f05b';
+}
+.fa-times-circle-o:before {
+  content: '\f05c';
+}
+.fa-check-circle-o:before {
+  content: '\f05d';
+}
+.fa-ban:before {
+  content: '\f05e';
+}
+.fa-arrow-left:before {
+  content: '\f060';
+}
+.fa-arrow-right:before {
+  content: '\f061';
+}
+.fa-arrow-up:before {
+  content: '\f062';
+}
+.fa-arrow-down:before {
+  content: '\f063';
+}
+.fa-mail-forward:before,
+.fa-share:before {
+  content: '\f064';
+}
+.fa-expand:before {
+  content: '\f065';
+}
+.fa-compress:before {
+  content: '\f066';
+}
+.fa-plus:before {
+  content: '\f067';
+}
+.fa-minus:before {
+  content: '\f068';
+}
+.fa-asterisk:before {
+  content: '\f069';
+}
+.fa-exclamation-circle:before {
+  content: '\f06a';
+}
+.fa-gift:before {
+  content: '\f06b';
+}
+.fa-leaf:before {
+  content: '\f06c';
+}
+.fa-fire:before {
+  content: '\f06d';
+}
+.fa-eye:before {
+  content: '\f06e';
+}
+.fa-eye-slash:before {
+  content: '\f070';
+}
+.fa-warning:before,
+.fa-exclamation-triangle:before {
+  content: '\f071';
+}
+.fa-plane:before {
+  content: '\f072';
+}
+.fa-calendar:before {
+  content: '\f073';
+}
+.fa-random:before {
+  content: '\f074';
+}
+.fa-comment:before {
+  content: '\f075';
+}
+.fa-magnet:before {
+  content: '\f076';
+}
+.fa-chevron-up:before {
+  content: '\f077';
+}
+.fa-chevron-down:before {
+  content: '\f078';
+}
+.fa-retweet:before {
+  content: '\f079';
+}
+.fa-shopping-cart:before {
+  content: '\f07a';
+}
+.fa-folder:before {
+  content: '\f07b';
+}
+.fa-folder-open:before {
+  content: '\f07c';
+}
+.fa-arrows-v:before {
+  content: '\f07d';
+}
+.fa-arrows-h:before {
+  content: '\f07e';
+}
+.fa-bar-chart-o:before,
+.fa-bar-chart:before {
+  content: '\f080';
+}
+.fa-twitter-square:before {
+  content: '\f081';
+}
+.fa-facebook-square:before {
+  content: '\f082';
+}
+.fa-camera-retro:before {
+  content: '\f083';
+}
+.fa-key:before {
+  content: '\f084';
+}
+.fa-gears:before,
+.fa-cogs:before {
+  content: '\f085';
+}
+.fa-comments:before {
+  content: '\f086';
+}
+.fa-thumbs-o-up:before {
+  content: '\f087';
+}
+.fa-thumbs-o-down:before {
+  content: '\f088';
+}
+.fa-star-half:before {
+  content: '\f089';
+}
+.fa-heart-o:before {
+  content: '\f08a';
+}
+.fa-sign-out:before {
+  content: '\f08b';
+}
+.fa-linkedin-square:before {
+  content: '\f08c';
+}
+.fa-thumb-tack:before {
+  content: '\f08d';
+}
+.fa-external-link:before {
+  content: '\f08e';
+}
+.fa-sign-in:before {
+  content: '\f090';
+}
+.fa-trophy:before {
+  content: '\f091';
+}
+.fa-github-square:before {
+  content: '\f092';
+}
+.fa-upload:before {
+  content: '\f093';
+}
+.fa-lemon-o:before {
+  content: '\f094';
+}
+.fa-phone:before {
+  content: '\f095';
+}
+.fa-square-o:before {
+  content: '\f096';
+}
+.fa-bookmark-o:before {
+  content: '\f097';
+}
+.fa-phone-square:before {
+  content: '\f098';
+}
+.fa-twitter:before {
+  content: '\f099';
+}
+.fa-facebook-f:before,
+.fa-facebook:before {
+  content: '\f09a';
+}
+.fa-github:before {
+  content: '\f09b';
+}
+.fa-unlock:before {
+  content: '\f09c';
+}
+.fa-credit-card:before {
+  content: '\f09d';
+}
+.fa-feed:before,
+.fa-rss:before {
+  content: '\f09e';
+}
+.fa-hdd-o:before {
+  content: '\f0a0';
+}
+.fa-bullhorn:before {
+  content: '\f0a1';
+}
+.fa-bell:before {
+  content: '\f0f3';
+}
+.fa-certificate:before {
+  content: '\f0a3';
+}
+.fa-hand-o-right:before {
+  content: '\f0a4';
+}
+.fa-hand-o-left:before {
+  content: '\f0a5';
+}
+.fa-hand-o-up:before {
+  content: '\f0a6';
+}
+.fa-hand-o-down:before {
+  content: '\f0a7';
+}
+.fa-arrow-circle-left:before {
+  content: '\f0a8';
+}
+.fa-arrow-circle-right:before {
+  content: '\f0a9';
+}
+.fa-arrow-circle-up:before {
+  content: '\f0aa';
+}
+.fa-arrow-circle-down:before {
+  content: '\f0ab';
+}
+.fa-globe:before {
+  content: '\f0ac';
+}
+.fa-wrench:before {
+  content: '\f0ad';
+}
+.fa-tasks:before {
+  content: '\f0ae';
+}
+.fa-filter:before {
+  content: '\f0b0';
+}
+.fa-briefcase:before {
+  content: '\f0b1';
+}
+.fa-arrows-alt:before {
+  content: '\f0b2';
+}
+.fa-group:before,
+.fa-users:before {
+  content: '\f0c0';
+}
+.fa-chain:before,
+.fa-link:before {
+  content: '\f0c1';
+}
+.fa-cloud:before {
+  content: '\f0c2';
+}
+.fa-flask:before {
+  content: '\f0c3';
+}
+.fa-cut:before,
+.fa-scissors:before {
+  content: '\f0c4';
+}
+.fa-copy:before,
+.fa-files-o:before {
+  content: '\f0c5';
+}
+.fa-paperclip:before {
+  content: '\f0c6';
+}
+.fa-save:before,
+.fa-floppy-o:before {
+  content: '\f0c7';
+}
+.fa-square:before {
+  content: '\f0c8';
+}
+.fa-navicon:before,
+.fa-reorder:before,
+.fa-bars:before {
+  content: '\f0c9';
+}
+.fa-list-ul:before {
+  content: '\f0ca';
+}
+.fa-list-ol:before {
+  content: '\f0cb';
+}
+.fa-strikethrough:before {
+  content: '\f0cc';
+}
+.fa-underline:before {
+  content: '\f0cd';
+}
+.fa-table:before {
+  content: '\f0ce';
+}
+.fa-magic:before {
+  content: '\f0d0';
+}
+.fa-truck:before {
+  content: '\f0d1';
+}
+.fa-pinterest:before {
+  content: '\f0d2';
+}
+.fa-pinterest-square:before {
+  content: '\f0d3';
+}
+.fa-google-plus-square:before {
+  content: '\f0d4';
+}
+.fa-google-plus:before {
+  content: '\f0d5';
+}
+.fa-money:before {
+  content: '\f0d6';
+}
+.fa-caret-down:before {
+  content: '\f0d7';
+}
+.fa-caret-up:before {
+  content: '\f0d8';
+}
+.fa-caret-left:before {
+  content: '\f0d9';
+}
+.fa-caret-right:before {
+  content: '\f0da';
+}
+.fa-columns:before {
+  content: '\f0db';
+}
+.fa-unsorted:before,
+.fa-sort:before {
+  content: '\f0dc';
+}
+.fa-sort-down:before,
+.fa-sort-desc:before {
+  content: '\f0dd';
+}
+.fa-sort-up:before,
+.fa-sort-asc:before {
+  content: '\f0de';
+}
+.fa-envelope:before {
+  content: '\f0e0';
+}
+.fa-linkedin:before {
+  content: '\f0e1';
+}
+.fa-rotate-left:before,
+.fa-undo:before {
+  content: '\f0e2';
+}
+.fa-legal:before,
+.fa-gavel:before {
+  content: '\f0e3';
+}
+.fa-dashboard:before,
+.fa-tachometer:before {
+  content: '\f0e4';
+}
+.fa-comment-o:before {
+  content: '\f0e5';
+}
+.fa-comments-o:before {
+  content: '\f0e6';
+}
+.fa-flash:before,
+.fa-bolt:before {
+  content: '\f0e7';
+}
+.fa-sitemap:before {
+  content: '\f0e8';
+}
+.fa-umbrella:before {
+  content: '\f0e9';
+}
+.fa-paste:before,
+.fa-clipboard:before {
+  content: '\f0ea';
+}
+.fa-lightbulb-o:before {
+  content: '\f0eb';
+}
+.fa-exchange:before {
+  content: '\f0ec';
+}
+.fa-cloud-download:before {
+  content: '\f0ed';
+}
+.fa-cloud-upload:before {
+  content: '\f0ee';
+}
+.fa-user-md:before {
+  content: '\f0f0';
+}
+.fa-stethoscope:before {
+  content: '\f0f1';
+}
+.fa-suitcase:before {
+  content: '\f0f2';
+}
+.fa-bell-o:before {
+  content: '\f0a2';
+}
+.fa-coffee:before {
+  content: '\f0f4';
+}
+.fa-cutlery:before {
+  content: '\f0f5';
+}
+.fa-file-text-o:before {
+  content: '\f0f6';
+}
+.fa-building-o:before {
+  content: '\f0f7';
+}
+.fa-hospital-o:before {
+  content: '\f0f8';
+}
+.fa-ambulance:before {
+  content: '\f0f9';
+}
+.fa-medkit:before {
+  content: '\f0fa';
+}
+.fa-fighter-jet:before {
+  content: '\f0fb';
+}
+.fa-beer:before {
+  content: '\f0fc';
+}
+.fa-h-square:before {
+  content: '\f0fd';
+}
+.fa-plus-square:before {
+  content: '\f0fe';
+}
+.fa-angle-double-left:before {
+  content: '\f100';
+}
+.fa-angle-double-right:before {
+  content: '\f101';
+}
+.fa-angle-double-up:before {
+  content: '\f102';
+}
+.fa-angle-double-down:before {
+  content: '\f103';
+}
+.fa-angle-left:before {
+  content: '\f104';
+}
+.fa-angle-right:before {
+  content: '\f105';
+}
+.fa-angle-up:before {
+  content: '\f106';
+}
+.fa-angle-down:before {
+  content: '\f107';
+}
+.fa-desktop:before {
+  content: '\f108';
+}
+.fa-laptop:before {
+  content: '\f109';
+}
+.fa-tablet:before {
+  content: '\f10a';
+}
+.fa-mobile-phone:before,
+.fa-mobile:before {
+  content: '\f10b';
+}
+.fa-circle-o:before {
+  content: '\f10c';
+}
+.fa-quote-left:before {
+  content: '\f10d';
+}
+.fa-quote-right:before {
+  content: '\f10e';
+}
+.fa-spinner:before {
+  content: '\f110';
+}
+.fa-circle:before {
+  content: '\f111';
+}
+.fa-mail-reply:before,
+.fa-reply:before {
+  content: '\f112';
+}
+.fa-github-alt:before {
+  content: '\f113';
+}
+.fa-folder-o:before {
+  content: '\f114';
+}
+.fa-folder-open-o:before {
+  content: '\f115';
+}
+.fa-smile-o:before {
+  content: '\f118';
+}
+.fa-frown-o:before {
+  content: '\f119';
+}
+.fa-meh-o:before {
+  content: '\f11a';
+}
+.fa-gamepad:before {
+  content: '\f11b';
+}
+.fa-keyboard-o:before {
+  content: '\f11c';
+}
+.fa-flag-o:before {
+  content: '\f11d';
+}
+.fa-flag-checkered:before {
+  content: '\f11e';
+}
+.fa-terminal:before {
+  content: '\f120';
+}
+.fa-code:before {
+  content: '\f121';
+}
+.fa-mail-reply-all:before,
+.fa-reply-all:before {
+  content: '\f122';
+}
+.fa-star-half-empty:before,
+.fa-star-half-full:before,
+.fa-star-half-o:before {
+  content: '\f123';
+}
+.fa-location-arrow:before {
+  content: '\f124';
+}
+.fa-crop:before {
+  content: '\f125';
+}
+.fa-code-fork:before {
+  content: '\f126';
+}
+.fa-unlink:before,
+.fa-chain-broken:before {
+  content: '\f127';
+}
+.fa-question:before {
+  content: '\f128';
+}
+.fa-info:before {
+  content: '\f129';
+}
+.fa-exclamation:before {
+  content: '\f12a';
+}
+.fa-superscript:before {
+  content: '\f12b';
+}
+.fa-subscript:before {
+  content: '\f12c';
+}
+.fa-eraser:before {
+  content: '\f12d';
+}
+.fa-puzzle-piece:before {
+  content: '\f12e';
+}
+.fa-microphone:before {
+  content: '\f130';
+}
+.fa-microphone-slash:before {
+  content: '\f131';
+}
+.fa-shield:before {
+  content: '\f132';
+}
+.fa-calendar-o:before {
+  content: '\f133';
+}
+.fa-fire-extinguisher:before {
+  content: '\f134';
+}
+.fa-rocket:before {
+  content: '\f135';
+}
+.fa-maxcdn:before {
+  content: '\f136';
+}
+.fa-chevron-circle-left:before {
+  content: '\f137';
+}
+.fa-chevron-circle-right:before {
+  content: '\f138';
+}
+.fa-chevron-circle-up:before {
+  content: '\f139';
+}
+.fa-chevron-circle-down:before {
+  content: '\f13a';
+}
+.fa-html5:before {
+  content: '\f13b';
+}
+.fa-css3:before {
+  content: '\f13c';
+}
+.fa-anchor:before {
+  content: '\f13d';
+}
+.fa-unlock-alt:before {
+  content: '\f13e';
+}
+.fa-bullseye:before {
+  content: '\f140';
+}
+.fa-ellipsis-h:before {
+  content: '\f141';
+}
+.fa-ellipsis-v:before {
+  content: '\f142';
+}
+.fa-rss-square:before {
+  content: '\f143';
+}
+.fa-play-circle:before {
+  content: '\f144';
+}
+.fa-ticket:before {
+  content: '\f145';
+}
+.fa-minus-square:before {
+  content: '\f146';
+}
+.fa-minus-square-o:before {
+  content: '\f147';
+}
+.fa-level-up:before {
+  content: '\f148';
+}
+.fa-level-down:before {
+  content: '\f149';
+}
+.fa-check-square:before {
+  content: '\f14a';
+}
+.fa-pencil-square:before {
+  content: '\f14b';
+}
+.fa-external-link-square:before {
+  content: '\f14c';
+}
+.fa-share-square:before {
+  content: '\f14d';
+}
+.fa-compass:before {
+  content: '\f14e';
+}
+.fa-toggle-down:before,
+.fa-caret-square-o-down:before {
+  content: '\f150';
+}
+.fa-toggle-up:before,
+.fa-caret-square-o-up:before {
+  content: '\f151';
+}
+.fa-toggle-right:before,
+.fa-caret-square-o-right:before {
+  content: '\f152';
+}
+.fa-euro:before,
+.fa-eur:before {
+  content: '\f153';
+}
+.fa-gbp:before {
+  content: '\f154';
+}
+.fa-dollar:before,
+.fa-usd:before {
+  content: '\f155';
+}
+.fa-rupee:before,
+.fa-inr:before {
+  content: '\f156';
+}
+.fa-cny:before,
+.fa-rmb:before,
+.fa-yen:before,
+.fa-jpy:before {
+  content: '\f157';
+}
+.fa-ruble:before,
+.fa-rouble:before,
+.fa-rub:before {
+  content: '\f158';
+}
+.fa-won:before,
+.fa-krw:before {
+  content: '\f159';
+}
+.fa-bitcoin:before,
+.fa-btc:before {
+  content: '\f15a';
+}
+.fa-file:before {
+  content: '\f15b';
+}
+.fa-file-text:before {
+  content: '\f15c';
+}
+.fa-sort-alpha-asc:before {
+  content: '\f15d';
+}
+.fa-sort-alpha-desc:before {
+  content: '\f15e';
+}
+.fa-sort-amount-asc:before {
+  content: '\f160';
+}
+.fa-sort-amount-desc:before {
+  content: '\f161';
+}
+.fa-sort-numeric-asc:before {
+  content: '\f162';
+}
+.fa-sort-numeric-desc:before {
+  content: '\f163';
+}
+.fa-thumbs-up:before {
+  content: '\f164';
+}
+.fa-thumbs-down:before {
+  content: '\f165';
+}
+.fa-youtube-square:before {
+  content: '\f166';
+}
+.fa-youtube:before {
+  content: '\f167';
+}
+.fa-xing:before {
+  content: '\f168';
+}
+.fa-xing-square:before {
+  content: '\f169';
+}
+.fa-youtube-play:before {
+  content: '\f16a';
+}
+.fa-dropbox:before {
+  content: '\f16b';
+}
+.fa-stack-overflow:before {
+  content: '\f16c';
+}
+.fa-instagram:before {
+  content: '\f16d';
+}
+.fa-flickr:before {
+  content: '\f16e';
+}
+.fa-adn:before {
+  content: '\f170';
+}
+.fa-bitbucket:before {
+  content: '\f171';
+}
+.fa-bitbucket-square:before {
+  content: '\f172';
+}
+.fa-tumblr:before {
+  content: '\f173';
+}
+.fa-tumblr-square:before {
+  content: '\f174';
+}
+.fa-long-arrow-down:before {
+  content: '\f175';
+}
+.fa-long-arrow-up:before {
+  content: '\f176';
+}
+.fa-long-arrow-left:before {
+  content: '\f177';
+}
+.fa-long-arrow-right:before {
+  content: '\f178';
+}
+.fa-apple:before {
+  content: '\f179';
+}
+.fa-windows:before {
+  content: '\f17a';
+}
+.fa-android:before {
+  content: '\f17b';
+}
+.fa-linux:before {
+  content: '\f17c';
+}
+.fa-dribbble:before {
+  content: '\f17d';
+}
+.fa-skype:before {
+  content: '\f17e';
+}
+.fa-foursquare:before {
+  content: '\f180';
+}
+.fa-trello:before {
+  content: '\f181';
+}
+.fa-female:before {
+  content: '\f182';
+}
+.fa-male:before {
+  content: '\f183';
+}
+.fa-gittip:before,
+.fa-gratipay:before {
+  content: '\f184';
+}
+.fa-sun-o:before {
+  content: '\f185';
+}
+.fa-moon-o:before {
+  content: '\f186';
+}
+.fa-archive:before {
+  content: '\f187';
+}
+.fa-bug:before {
+  content: '\f188';
+}
+.fa-vk:before {
+  content: '\f189';
+}
+.fa-weibo:before {
+  content: '\f18a';
+}
+.fa-renren:before {
+  content: '\f18b';
+}
+.fa-pagelines:before {
+  content: '\f18c';
+}
+.fa-stack-exchange:before {
+  content: '\f18d';
+}
+.fa-arrow-circle-o-right:before {
+  content: '\f18e';
+}
+.fa-arrow-circle-o-left:before {
+  content: '\f190';
+}
+.fa-toggle-left:before,
+.fa-caret-square-o-left:before {
+  content: '\f191';
+}
+.fa-dot-circle-o:before {
+  content: '\f192';
+}
+.fa-wheelchair:before {
+  content: '\f193';
+}
+.fa-vimeo-square:before {
+  content: '\f194';
+}
+.fa-turkish-lira:before,
+.fa-try:before {
+  content: '\f195';
+}
+.fa-plus-square-o:before {
+  content: '\f196';
+}
+.fa-space-shuttle:before {
+  content: '\f197';
+}
+.fa-slack:before {
+  content: '\f198';
+}
+.fa-envelope-square:before {
+  content: '\f199';
+}
+.fa-wordpress:before {
+  content: '\f19a';
+}
+.fa-openid:before {
+  content: '\f19b';
+}
+.fa-institution:before,
+.fa-bank:before,
+.fa-university:before {
+  content: '\f19c';
+}
+.fa-mortar-board:before,
+.fa-graduation-cap:before {
+  content: '\f19d';
+}
+.fa-yahoo:before {
+  content: '\f19e';
+}
+.fa-google:before {
+  content: '\f1a0';
+}
+.fa-reddit:before {
+  content: '\f1a1';
+}
+.fa-reddit-square:before {
+  content: '\f1a2';
+}
+.fa-stumbleupon-circle:before {
+  content: '\f1a3';
+}
+.fa-stumbleupon:before {
+  content: '\f1a4';
+}
+.fa-delicious:before {
+  content: '\f1a5';
+}
+.fa-digg:before {
+  content: '\f1a6';
+}
+.fa-pied-piper-pp:before {
+  content: '\f1a7';
+}
+.fa-pied-piper-alt:before {
+  content: '\f1a8';
+}
+.fa-drupal:before {
+  content: '\f1a9';
+}
+.fa-joomla:before {
+  content: '\f1aa';
+}
+.fa-language:before {
+  content: '\f1ab';
+}
+.fa-fax:before {
+  content: '\f1ac';
+}
+.fa-building:before {
+  content: '\f1ad';
+}
+.fa-child:before {
+  content: '\f1ae';
+}
+.fa-paw:before {
+  content: '\f1b0';
+}
+.fa-spoon:before {
+  content: '\f1b1';
+}
+.fa-cube:before {
+  content: '\f1b2';
+}
+.fa-cubes:before {
+  content: '\f1b3';
+}
+.fa-behance:before {
+  content: '\f1b4';
+}
+.fa-behance-square:before {
+  content: '\f1b5';
+}
+.fa-steam:before {
+  content: '\f1b6';
+}
+.fa-steam-square:before {
+  content: '\f1b7';
+}
+.fa-recycle:before {
+  content: '\f1b8';
+}
+.fa-automobile:before,
+.fa-car:before {
+  content: '\f1b9';
+}
+.fa-cab:before,
+.fa-taxi:before {
+  content: '\f1ba';
+}
+.fa-tree:before {
+  content: '\f1bb';
+}
+.fa-spotify:before {
+  content: '\f1bc';
+}
+.fa-deviantart:before {
+  content: '\f1bd';
+}
+.fa-soundcloud:before {
+  content: '\f1be';
+}
+.fa-database:before {
+  content: '\f1c0';
+}
+.fa-file-pdf-o:before {
+  content: '\f1c1';
+}
+.fa-file-word-o:before {
+  content: '\f1c2';
+}
+.fa-file-excel-o:before {
+  content: '\f1c3';
+}
+.fa-file-powerpoint-o:before {
+  content: '\f1c4';
+}
+.fa-file-photo-o:before,
+.fa-file-picture-o:before,
+.fa-file-image-o:before {
+  content: '\f1c5';
+}
+.fa-file-zip-o:before,
+.fa-file-archive-o:before {
+  content: '\f1c6';
+}
+.fa-file-sound-o:before,
+.fa-file-audio-o:before {
+  content: '\f1c7';
+}
+.fa-file-movie-o:before,
+.fa-file-video-o:before {
+  content: '\f1c8';
+}
+.fa-file-code-o:before {
+  content: '\f1c9';
+}
+.fa-vine:before {
+  content: '\f1ca';
+}
+.fa-codepen:before {
+  content: '\f1cb';
+}
+.fa-jsfiddle:before {
+  content: '\f1cc';
+}
+.fa-life-bouy:before,
+.fa-life-buoy:before,
+.fa-life-saver:before,
+.fa-support:before,
+.fa-life-ring:before {
+  content: '\f1cd';
+}
+.fa-circle-o-notch:before {
+  content: '\f1ce';
+}
+.fa-ra:before,
+.fa-resistance:before,
+.fa-rebel:before {
+  content: '\f1d0';
+}
+.fa-ge:before,
+.fa-empire:before {
+  content: '\f1d1';
+}
+.fa-git-square:before {
+  content: '\f1d2';
+}
+.fa-git:before {
+  content: '\f1d3';
+}
+.fa-y-combinator-square:before,
+.fa-yc-square:before,
+.fa-hacker-news:before {
+  content: '\f1d4';
+}
+.fa-tencent-weibo:before {
+  content: '\f1d5';
+}
+.fa-qq:before {
+  content: '\f1d6';
+}
+.fa-wechat:before,
+.fa-weixin:before {
+  content: '\f1d7';
+}
+.fa-send:before,
+.fa-paper-plane:before {
+  content: '\f1d8';
+}
+.fa-send-o:before,
+.fa-paper-plane-o:before {
+  content: '\f1d9';
+}
+.fa-history:before {
+  content: '\f1da';
+}
+.fa-circle-thin:before {
+  content: '\f1db';
+}
+.fa-header:before {
+  content: '\f1dc';
+}
+.fa-paragraph:before {
+  content: '\f1dd';
+}
+.fa-sliders:before {
+  content: '\f1de';
+}
+.fa-share-alt:before {
+  content: '\f1e0';
+}
+.fa-share-alt-square:before {
+  content: '\f1e1';
+}
+.fa-bomb:before {
+  content: '\f1e2';
+}
+.fa-soccer-ball-o:before,
+.fa-futbol-o:before {
+  content: '\f1e3';
+}
+.fa-tty:before {
+  content: '\f1e4';
+}
+.fa-binoculars:before {
+  content: '\f1e5';
+}
+.fa-plug:before {
+  content: '\f1e6';
+}
+.fa-slideshare:before {
+  content: '\f1e7';
+}
+.fa-twitch:before {
+  content: '\f1e8';
+}
+.fa-yelp:before {
+  content: '\f1e9';
+}
+.fa-newspaper-o:before {
+  content: '\f1ea';
+}
+.fa-wifi:before {
+  content: '\f1eb';
+}
+.fa-calculator:before {
+  content: '\f1ec';
+}
+.fa-paypal:before {
+  content: '\f1ed';
+}
+.fa-google-wallet:before {
+  content: '\f1ee';
+}
+.fa-cc-visa:before {
+  content: '\f1f0';
+}
+.fa-cc-mastercard:before {
+  content: '\f1f1';
+}
+.fa-cc-discover:before {
+  content: '\f1f2';
+}
+.fa-cc-amex:before {
+  content: '\f1f3';
+}
+.fa-cc-paypal:before {
+  content: '\f1f4';
+}
+.fa-cc-stripe:before {
+  content: '\f1f5';
+}
+.fa-bell-slash:before {
+  content: '\f1f6';
+}
+.fa-bell-slash-o:before {
+  content: '\f1f7';
+}
+.fa-trash:before {
+  content: '\f1f8';
+}
+.fa-copyright:before {
+  content: '\f1f9';
+}
+.fa-at:before {
+  content: '\f1fa';
+}
+.fa-eyedropper:before {
+  content: '\f1fb';
+}
+.fa-paint-brush:before {
+  content: '\f1fc';
+}
+.fa-birthday-cake:before {
+  content: '\f1fd';
+}
+.fa-area-chart:before {
+  content: '\f1fe';
+}
+.fa-pie-chart:before {
+  content: '\f200';
+}
+.fa-line-chart:before {
+  content: '\f201';
+}
+.fa-lastfm:before {
+  content: '\f202';
+}
+.fa-lastfm-square:before {
+  content: '\f203';
+}
+.fa-toggle-off:before {
+  content: '\f204';
+}
+.fa-toggle-on:before {
+  content: '\f205';
+}
+.fa-bicycle:before {
+  content: '\f206';
+}
+.fa-bus:before {
+  content: '\f207';
+}
+.fa-ioxhost:before {
+  content: '\f208';
+}
+.fa-angellist:before {
+  content: '\f209';
+}
+.fa-cc:before {
+  content: '\f20a';
+}
+.fa-shekel:before,
+.fa-sheqel:before,
+.fa-ils:before {
+  content: '\f20b';
+}
+.fa-meanpath:before {
+  content: '\f20c';
+}
+.fa-buysellads:before {
+  content: '\f20d';
+}
+.fa-connectdevelop:before {
+  content: '\f20e';
+}
+.fa-dashcube:before {
+  content: '\f210';
+}
+.fa-forumbee:before {
+  content: '\f211';
+}
+.fa-leanpub:before {
+  content: '\f212';
+}
+.fa-sellsy:before {
+  content: '\f213';
+}
+.fa-shirtsinbulk:before {
+  content: '\f214';
+}
+.fa-simplybuilt:before {
+  content: '\f215';
+}
+.fa-skyatlas:before {
+  content: '\f216';
+}
+.fa-cart-plus:before {
+  content: '\f217';
+}
+.fa-cart-arrow-down:before {
+  content: '\f218';
+}
+.fa-diamond:before {
+  content: '\f219';
+}
+.fa-ship:before {
+  content: '\f21a';
+}
+.fa-user-secret:before {
+  content: '\f21b';
+}
+.fa-motorcycle:before {
+  content: '\f21c';
+}
+.fa-street-view:before {
+  content: '\f21d';
+}
+.fa-heartbeat:before {
+  content: '\f21e';
+}
+.fa-venus:before {
+  content: '\f221';
+}
+.fa-mars:before {
+  content: '\f222';
+}
+.fa-mercury:before {
+  content: '\f223';
+}
+.fa-intersex:before,
+.fa-transgender:before {
+  content: '\f224';
+}
+.fa-transgender-alt:before {
+  content: '\f225';
+}
+.fa-venus-double:before {
+  content: '\f226';
+}
+.fa-mars-double:before {
+  content: '\f227';
+}
+.fa-venus-mars:before {
+  content: '\f228';
+}
+.fa-mars-stroke:before {
+  content: '\f229';
+}
+.fa-mars-stroke-v:before {
+  content: '\f22a';
+}
+.fa-mars-stroke-h:before {
+  content: '\f22b';
+}
+.fa-neuter:before {
+  content: '\f22c';
+}
+.fa-genderless:before {
+  content: '\f22d';
+}
+.fa-facebook-official:before {
+  content: '\f230';
+}
+.fa-pinterest-p:before {
+  content: '\f231';
+}
+.fa-whatsapp:before {
+  content: '\f232';
+}
+.fa-server:before {
+  content: '\f233';
+}
+.fa-user-plus:before {
+  content: '\f234';
+}
+.fa-user-times:before {
+  content: '\f235';
+}
+.fa-hotel:before,
+.fa-bed:before {
+  content: '\f236';
+}
+.fa-viacoin:before {
+  content: '\f237';
+}
+.fa-train:before {
+  content: '\f238';
+}
+.fa-subway:before {
+  content: '\f239';
+}
+.fa-medium:before {
+  content: '\f23a';
+}
+.fa-yc:before,
+.fa-y-combinator:before {
+  content: '\f23b';
+}
+.fa-optin-monster:before {
+  content: '\f23c';
+}
+.fa-opencart:before {
+  content: '\f23d';
+}
+.fa-expeditedssl:before {
+  content: '\f23e';
+}
+.fa-battery-4:before,
+.fa-battery:before,
+.fa-battery-full:before {
+  content: '\f240';
+}
+.fa-battery-3:before,
+.fa-battery-three-quarters:before {
+  content: '\f241';
+}
+.fa-battery-2:before,
+.fa-battery-half:before {
+  content: '\f242';
+}
+.fa-battery-1:before,
+.fa-battery-quarter:before {
+  content: '\f243';
+}
+.fa-battery-0:before,
+.fa-battery-empty:before {
+  content: '\f244';
+}
+.fa-mouse-pointer:before {
+  content: '\f245';
+}
+.fa-i-cursor:before {
+  content: '\f246';
+}
+.fa-object-group:before {
+  content: '\f247';
+}
+.fa-object-ungroup:before {
+  content: '\f248';
+}
+.fa-sticky-note:before {
+  content: '\f249';
+}
+.fa-sticky-note-o:before {
+  content: '\f24a';
+}
+.fa-cc-jcb:before {
+  content: '\f24b';
+}
+.fa-cc-diners-club:before {
+  content: '\f24c';
+}
+.fa-clone:before {
+  content: '\f24d';
+}
+.fa-balance-scale:before {
+  content: '\f24e';
+}
+.fa-hourglass-o:before {
+  content: '\f250';
+}
+.fa-hourglass-1:before,
+.fa-hourglass-start:before {
+  content: '\f251';
+}
+.fa-hourglass-2:before,
+.fa-hourglass-half:before {
+  content: '\f252';
+}
+.fa-hourglass-3:before,
+.fa-hourglass-end:before {
+  content: '\f253';
+}
+.fa-hourglass:before {
+  content: '\f254';
+}
+.fa-hand-grab-o:before,
+.fa-hand-rock-o:before {
+  content: '\f255';
+}
+.fa-hand-stop-o:before,
+.fa-hand-paper-o:before {
+  content: '\f256';
+}
+.fa-hand-scissors-o:before {
+  content: '\f257';
+}
+.fa-hand-lizard-o:before {
+  content: '\f258';
+}
+.fa-hand-spock-o:before {
+  content: '\f259';
+}
+.fa-hand-pointer-o:before {
+  content: '\f25a';
+}
+.fa-hand-peace-o:before {
+  content: '\f25b';
+}
+.fa-trademark:before {
+  content: '\f25c';
+}
+.fa-registered:before {
+  content: '\f25d';
+}
+.fa-creative-commons:before {
+  content: '\f25e';
+}
+.fa-gg:before {
+  content: '\f260';
+}
+.fa-gg-circle:before {
+  content: '\f261';
+}
+.fa-tripadvisor:before {
+  content: '\f262';
+}
+.fa-odnoklassniki:before {
+  content: '\f263';
+}
+.fa-odnoklassniki-square:before {
+  content: '\f264';
+}
+.fa-get-pocket:before {
+  content: '\f265';
+}
+.fa-wikipedia-w:before {
+  content: '\f266';
+}
+.fa-safari:before {
+  content: '\f267';
+}
+.fa-chrome:before {
+  content: '\f268';
+}
+.fa-firefox:before {
+  content: '\f269';
+}
+.fa-opera:before {
+  content: '\f26a';
+}
+.fa-internet-explorer:before {
+  content: '\f26b';
+}
+.fa-tv:before,
+.fa-television:before {
+  content: '\f26c';
+}
+.fa-contao:before {
+  content: '\f26d';
+}
+.fa-500px:before {
+  content: '\f26e';
+}
+.fa-amazon:before {
+  content: '\f270';
+}
+.fa-calendar-plus-o:before {
+  content: '\f271';
+}
+.fa-calendar-minus-o:before {
+  content: '\f272';
+}
+.fa-calendar-times-o:before {
+  content: '\f273';
+}
+.fa-calendar-check-o:before {
+  content: '\f274';
+}
+.fa-industry:before {
+  content: '\f275';
+}
+.fa-map-pin:before {
+  content: '\f276';
+}
+.fa-map-signs:before {
+  content: '\f277';
+}
+.fa-map-o:before {
+  content: '\f278';
+}
+.fa-map:before {
+  content: '\f279';
+}
+.fa-commenting:before {
+  content: '\f27a';
+}
+.fa-commenting-o:before {
+  content: '\f27b';
+}
+.fa-houzz:before {
+  content: '\f27c';
+}
+.fa-vimeo:before {
+  content: '\f27d';
+}
+.fa-black-tie:before {
+  content: '\f27e';
+}
+.fa-fonticons:before {
+  content: '\f280';
+}
+.fa-reddit-alien:before {
+  content: '\f281';
+}
+.fa-edge:before {
+  content: '\f282';
+}
+.fa-credit-card-alt:before {
+  content: '\f283';
+}
+.fa-codiepie:before {
+  content: '\f284';
+}
+.fa-modx:before {
+  content: '\f285';
+}
+.fa-fort-awesome:before {
+  content: '\f286';
+}
+.fa-usb:before {
+  content: '\f287';
+}
+.fa-product-hunt:before {
+  content: '\f288';
+}
+.fa-mixcloud:before {
+  content: '\f289';
+}
+.fa-scribd:before {
+  content: '\f28a';
+}
+.fa-pause-circle:before {
+  content: '\f28b';
+}
+.fa-pause-circle-o:before {
+  content: '\f28c';
+}
+.fa-stop-circle:before {
+  content: '\f28d';
+}
+.fa-stop-circle-o:before {
+  content: '\f28e';
+}
+.fa-shopping-bag:before {
+  content: '\f290';
+}
+.fa-shopping-basket:before {
+  content: '\f291';
+}
+.fa-hashtag:before {
+  content: '\f292';
+}
+.fa-bluetooth:before {
+  content: '\f293';
+}
+.fa-bluetooth-b:before {
+  content: '\f294';
+}
+.fa-percent:before {
+  content: '\f295';
+}
+.fa-gitlab:before {
+  content: '\f296';
+}
+.fa-wpbeginner:before {
+  content: '\f297';
+}
+.fa-wpforms:before {
+  content: '\f298';
+}
+.fa-envira:before {
+  content: '\f299';
+}
+.fa-universal-access:before {
+  content: '\f29a';
+}
+.fa-wheelchair-alt:before {
+  content: '\f29b';
+}
+.fa-question-circle-o:before {
+  content: '\f29c';
+}
+.fa-blind:before {
+  content: '\f29d';
+}
+.fa-audio-description:before {
+  content: '\f29e';
+}
+.fa-volume-control-phone:before {
+  content: '\f2a0';
+}
+.fa-braille:before {
+  content: '\f2a1';
+}
+.fa-assistive-listening-systems:before {
+  content: '\f2a2';
+}
+.fa-asl-interpreting:before,
+.fa-american-sign-language-interpreting:before {
+  content: '\f2a3';
+}
+.fa-deafness:before,
+.fa-hard-of-hearing:before,
+.fa-deaf:before {
+  content: '\f2a4';
+}
+.fa-glide:before {
+  content: '\f2a5';
+}
+.fa-glide-g:before {
+  content: '\f2a6';
+}
+.fa-signing:before,
+.fa-sign-language:before {
+  content: '\f2a7';
+}
+.fa-low-vision:before {
+  content: '\f2a8';
+}
+.fa-viadeo:before {
+  content: '\f2a9';
+}
+.fa-viadeo-square:before {
+  content: '\f2aa';
+}
+.fa-snapchat:before {
+  content: '\f2ab';
+}
+.fa-snapchat-ghost:before {
+  content: '\f2ac';
+}
+.fa-snapchat-square:before {
+  content: '\f2ad';
+}
+.fa-pied-piper:before {
+  content: '\f2ae';
+}
+.fa-first-order:before {
+  content: '\f2b0';
+}
+.fa-yoast:before {
+  content: '\f2b1';
+}
+.fa-themeisle:before {
+  content: '\f2b2';
+}
+.fa-google-plus-circle:before,
+.fa-google-plus-official:before {
+  content: '\f2b3';
+}
+.fa-fa:before,
+.fa-font-awesome:before {
+  content: '\f2b4';
+}
+.fa-handshake-o:before {
+  content: '\f2b5';
+}
+.fa-envelope-open:before {
+  content: '\f2b6';
+}
+.fa-envelope-open-o:before {
+  content: '\f2b7';
+}
+.fa-linode:before {
+  content: '\f2b8';
+}
+.fa-address-book:before {
+  content: '\f2b9';
+}
+.fa-address-book-o:before {
+  content: '\f2ba';
+}
+.fa-vcard:before,
+.fa-address-card:before {
+  content: '\f2bb';
+}
+.fa-vcard-o:before,
+.fa-address-card-o:before {
+  content: '\f2bc';
+}
+.fa-user-circle:before {
+  content: '\f2bd';
+}
+.fa-user-circle-o:before {
+  content: '\f2be';
+}
+.fa-user-o:before {
+  content: '\f2c0';
+}
+.fa-id-badge:before {
+  content: '\f2c1';
+}
+.fa-drivers-license:before,
+.fa-id-card:before {
+  content: '\f2c2';
+}
+.fa-drivers-license-o:before,
+.fa-id-card-o:before {
+  content: '\f2c3';
+}
+.fa-quora:before {
+  content: '\f2c4';
+}
+.fa-free-code-camp:before {
+  content: '\f2c5';
+}
+.fa-telegram:before {
+  content: '\f2c6';
+}
+.fa-thermometer-4:before,
+.fa-thermometer:before,
+.fa-thermometer-full:before {
+  content: '\f2c7';
+}
+.fa-thermometer-3:before,
+.fa-thermometer-three-quarters:before {
+  content: '\f2c8';
+}
+.fa-thermometer-2:before,
+.fa-thermometer-half:before {
+  content: '\f2c9';
+}
+.fa-thermometer-1:before,
+.fa-thermometer-quarter:before {
+  content: '\f2ca';
+}
+.fa-thermometer-0:before,
+.fa-thermometer-empty:before {
+  content: '\f2cb';
+}
+.fa-shower:before {
+  content: '\f2cc';
+}
+.fa-bathtub:before,
+.fa-s15:before,
+.fa-bath:before {
+  content: '\f2cd';
+}
+.fa-podcast:before {
+  content: '\f2ce';
+}
+.fa-window-maximize:before {
+  content: '\f2d0';
+}
+.fa-window-minimize:before {
+  content: '\f2d1';
+}
+.fa-window-restore:before {
+  content: '\f2d2';
+}
+.fa-times-rectangle:before,
+.fa-window-close:before {
+  content: '\f2d3';
+}
+.fa-times-rectangle-o:before,
+.fa-window-close-o:before {
+  content: '\f2d4';
+}
+.fa-bandcamp:before {
+  content: '\f2d5';
+}
+.fa-grav:before {
+  content: '\f2d6';
+}
+.fa-etsy:before {
+  content: '\f2d7';
+}
+.fa-imdb:before {
+  content: '\f2d8';
+}
+.fa-ravelry:before {
+  content: '\f2d9';
+}
+.fa-eercast:before {
+  content: '\f2da';
+}
+.fa-microchip:before {
+  content: '\f2db';
+}
+.fa-snowflake-o:before {
+  content: '\f2dc';
+}
+.fa-superpowers:before {
+  content: '\f2dd';
+}
+.fa-wpexplorer:before {
+  content: '\f2de';
+}
+.fa-meetup:before {
+  content: '\f2e0';
+}
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+.sr-only-focusable:active,
+.sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+}
diff --git a/services/web/frontend/fonts/font-awesome/fontawesome-webfont.woff2 b/services/web/frontend/fonts/font-awesome/fontawesome-webfont.woff2
new file mode 100644
index 0000000..4d13fc6
Binary files /dev/null and b/services/web/frontend/fonts/font-awesome/fontawesome-webfont.woff2 differ
diff --git a/services/web/frontend/fonts/lato/LatoLatin-Bold.woff2 b/services/web/frontend/fonts/lato/LatoLatin-Bold.woff2
new file mode 100644
index 0000000..2615c85
Binary files /dev/null and b/services/web/frontend/fonts/lato/LatoLatin-Bold.woff2 differ
diff --git a/services/web/frontend/fonts/lato/LatoLatin-BoldItalic.woff2 b/services/web/frontend/fonts/lato/LatoLatin-BoldItalic.woff2
new file mode 100644
index 0000000..f7bace1
Binary files /dev/null and b/services/web/frontend/fonts/lato/LatoLatin-BoldItalic.woff2 differ
diff --git a/services/web/frontend/fonts/lato/LatoLatin-Italic.woff2 b/services/web/frontend/fonts/lato/LatoLatin-Italic.woff2
new file mode 100644
index 0000000..aaa5a35
Binary files /dev/null and b/services/web/frontend/fonts/lato/LatoLatin-Italic.woff2 differ
diff --git a/services/web/frontend/fonts/lato/LatoLatin-Regular.woff2 b/services/web/frontend/fonts/lato/LatoLatin-Regular.woff2
new file mode 100644
index 0000000..a4d084b
Binary files /dev/null and b/services/web/frontend/fonts/lato/LatoLatin-Regular.woff2 differ
diff --git a/services/web/frontend/fonts/lato/OFL.txt b/services/web/frontend/fonts/lato/OFL.txt
new file mode 100755
index 0000000..6d2c416
--- /dev/null
+++ b/services/web/frontend/fonts/lato/OFL.txt
@@ -0,0 +1,94 @@
+Copyright (c) 2010-2015, Łukasz Dziedzic (dziedzic@typoland.com),
+with Reserved Font Name Lato.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/services/web/frontend/fonts/lato/lato.css b/services/web/frontend/fonts/lato/lato.css
new file mode 100644
index 0000000..38c9eca
--- /dev/null
+++ b/services/web/frontend/fonts/lato/lato.css
@@ -0,0 +1,27 @@
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 400;
+  src: url('LatoLatin-Regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 400;
+  src: url('LatoLatin-Italic.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: normal;
+  font-weight: 700;
+  src: url('LatoLatin-Bold.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Lato';
+  font-style: italic;
+  font-weight: 700;
+  src: url('LatoLatin-BoldItalic.woff2') format('woff2');
+}
diff --git a/services/web/frontend/fonts/material-symbols/LICENSE.txt b/services/web/frontend/fonts/material-symbols/LICENSE.txt
new file mode 100644
index 0000000..7a4a3ea
--- /dev/null
+++ b/services/web/frontend/fonts/material-symbols/LICENSE.txt
@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
\ No newline at end of file
diff --git a/services/web/frontend/fonts/material-symbols/MaterialSymbolsRoundedSlice.woff2 b/services/web/frontend/fonts/material-symbols/MaterialSymbolsRoundedSlice.woff2
new file mode 100644
index 0000000..08d6619
Binary files /dev/null and b/services/web/frontend/fonts/material-symbols/MaterialSymbolsRoundedSlice.woff2 differ
diff --git a/services/web/frontend/fonts/material-symbols/MaterialSymbolsRoundedUnfilledPartialSlice.woff2 b/services/web/frontend/fonts/material-symbols/MaterialSymbolsRoundedUnfilledPartialSlice.woff2
new file mode 100644
index 0000000..14a5ef1
Binary files /dev/null and b/services/web/frontend/fonts/material-symbols/MaterialSymbolsRoundedUnfilledPartialSlice.woff2 differ
diff --git a/services/web/frontend/fonts/material-symbols/build-unfilled.mjs b/services/web/frontend/fonts/material-symbols/build-unfilled.mjs
new file mode 100644
index 0000000..1c37bc9
--- /dev/null
+++ b/services/web/frontend/fonts/material-symbols/build-unfilled.mjs
@@ -0,0 +1,48 @@
+import path from 'node:path'
+import fs from 'node:fs/promises'
+import icons from './unfilled-symbols.mjs'
+
+const iconList = [...new Set(icons)].sort().map(encodeURIComponent).join(',')
+
+const url = `https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20,400,0,0&icon_names=${iconList}&display=block`
+console.log(`Fetching font configuration from ${url}`)
+
+const cssFile = await (
+  await fetch(url, {
+    headers: {
+      // Specify a user agent to get a woff2 file
+      'User-Agent':
+        'Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36',
+    },
+  })
+).text()
+
+const woff2UrlText = cssFile.match(/url\(([^)]+)\) format\('woff2'\)/)?.[1]
+
+if (!woff2UrlText) {
+  throw new Error(
+    'Could not find woff2 URL in CSS file, try accessing the font configuration URL to check whether an error is reported'
+  )
+}
+
+const woff2Url = new URL(woff2UrlText)
+if (woff2Url.protocol !== 'https:') {
+  throw new Error(`Expected HTTPS URL, got ${woff2Url.protocol}`)
+}
+if (woff2Url.hostname !== 'fonts.gstatic.com') {
+  throw new Error(
+    `Expected to download font from fonts.gstatic.com, got ${woff2Url.hostname}`
+  )
+}
+
+console.log(`Fetching woff2 file: ${woff2Url}`)
+
+const outputPath = path.join(
+  import.meta.dirname,
+  'MaterialSymbolsRoundedUnfilledPartialSlice.woff2'
+)
+
+const res = await fetch(woff2Url)
+
+console.log(`Saving font file to ${outputPath}`)
+await fs.writeFile(outputPath, res.body)
diff --git a/services/web/frontend/fonts/material-symbols/material-symbols.css b/services/web/frontend/fonts/material-symbols/material-symbols.css
new file mode 100644
index 0000000..6ffcdd4
--- /dev/null
+++ b/services/web/frontend/fonts/material-symbols/material-symbols.css
@@ -0,0 +1,60 @@
+@font-face {
+  font-family: 'Material Symbols Rounded';
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  /*
+    Generated from MaterialSymbolsRounded[FILL,GRAD,opsz,wght].woff2 with specific values:
+   'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 20
+  */
+  src: url('MaterialSymbolsRoundedSlice.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Material Symbols Rounded Unfilled Partial';
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  /*
+    Generated by frontend/fonts/material-symbols/build-unfilled.mjs
+    */
+  src: url('MaterialSymbolsRoundedUnfilledPartialSlice.woff2') format('woff2');
+}
+
+.material-symbols {
+  font-family: 'Material Symbols Rounded';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 20px;
+  font-variation-settings:
+    'FILL' 1,
+    'wght' 400,
+    'GRAD' 0,
+    'opsz' 20;
+  line-height: 1;
+  letter-spacing: normal;
+  text-transform: none;
+  display: inline-block;
+  white-space: nowrap;
+  word-wrap: normal;
+  direction: ltr;
+  font-feature-settings: 'liga';
+  -webkit-font-smoothing: antialiased;
+
+  &.size-2x {
+    font-size: 2em;
+  }
+
+  &.rotate-180 {
+    transform: rotate(180deg);
+  }
+
+  &.unfilled {
+    font-family: 'Material Symbols Rounded Unfilled Partial';
+    font-variation-settings:
+      'FILL' 0,
+      'wght' 400,
+      'GRAD' 0,
+      'opsz' 20;
+  }
+}
diff --git a/services/web/frontend/fonts/material-symbols/unfilled-symbols.mjs b/services/web/frontend/fonts/material-symbols/unfilled-symbols.mjs
new file mode 100644
index 0000000..eca63fa
--- /dev/null
+++ b/services/web/frontend/fonts/material-symbols/unfilled-symbols.mjs
@@ -0,0 +1,28 @@
+// @ts-check
+// Make sure to run the build-unfilled.mjs script after updating this list
+// to update the font file with the latest icons.
+// You may need to hard reload your browser window to see the changes.
+
+export default /** @type {const} */ ([
+  'book_5',
+  'brush',
+  'code',
+  'create_new_folder',
+  'description',
+  'experiment',
+  'forum',
+  'help',
+  'image',
+  'info',
+  'integration_instructions',
+  'note_add',
+  'picture_as_pdf',
+  'rate_review',
+  'report',
+  'settings',
+  'space_dashboard',
+  'table_chart',
+  'upload_file',
+  'web_asset',
+  'error',
+])
diff --git a/services/web/frontend/fonts/merriweather/Merriweather-Bold.woff2 b/services/web/frontend/fonts/merriweather/Merriweather-Bold.woff2
new file mode 100644
index 0000000..92d9d8a
Binary files /dev/null and b/services/web/frontend/fonts/merriweather/Merriweather-Bold.woff2 differ
diff --git a/services/web/frontend/fonts/merriweather/Merriweather-BoldItalic.woff2 b/services/web/frontend/fonts/merriweather/Merriweather-BoldItalic.woff2
new file mode 100644
index 0000000..33324b2
Binary files /dev/null and b/services/web/frontend/fonts/merriweather/Merriweather-BoldItalic.woff2 differ
diff --git a/services/web/frontend/fonts/merriweather/Merriweather-Italic.woff2 b/services/web/frontend/fonts/merriweather/Merriweather-Italic.woff2
new file mode 100644
index 0000000..828c324
Binary files /dev/null and b/services/web/frontend/fonts/merriweather/Merriweather-Italic.woff2 differ
diff --git a/services/web/frontend/fonts/merriweather/Merriweather-Regular.woff2 b/services/web/frontend/fonts/merriweather/Merriweather-Regular.woff2
new file mode 100644
index 0000000..e5134cd
Binary files /dev/null and b/services/web/frontend/fonts/merriweather/Merriweather-Regular.woff2 differ
diff --git a/services/web/frontend/fonts/merriweather/OFL.txt b/services/web/frontend/fonts/merriweather/OFL.txt
new file mode 100644
index 0000000..042a4c4
--- /dev/null
+++ b/services/web/frontend/fonts/merriweather/OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2016 The Merriweather Project Authors (https://github.com/EbenSorkin/Merriweather), with Reserved Font Name "Merriweather".
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/services/web/frontend/fonts/merriweather/merriweather.css b/services/web/frontend/fonts/merriweather/merriweather.css
new file mode 100644
index 0000000..a2aef42
--- /dev/null
+++ b/services/web/frontend/fonts/merriweather/merriweather.css
@@ -0,0 +1,24 @@
+@font-face {
+  font-family: 'Merriweather';
+  font-style: normal;
+  font-weight: 400;
+  src: url('Merriweather-Regular.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Merriweather';
+  font-style: italic;
+  font-weight: 400;
+  src: url('Merriweather-Italic.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Merriweather';
+  font-style: normal;
+  font-weight: 700;
+  src: url('Merriweather-Bold.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Merriweather';
+  font-style: italic;
+  font-weight: 700;
+  src: url('Merriweather-BoldItalic.woff2') format('woff2');
+}
diff --git a/services/web/frontend/fonts/noto-sans/NotoSans-Italic.woff2 b/services/web/frontend/fonts/noto-sans/NotoSans-Italic.woff2
new file mode 100644
index 0000000..0894d11
Binary files /dev/null and b/services/web/frontend/fonts/noto-sans/NotoSans-Italic.woff2 differ
diff --git a/services/web/frontend/fonts/noto-sans/NotoSans-Medium.woff2 b/services/web/frontend/fonts/noto-sans/NotoSans-Medium.woff2
new file mode 100644
index 0000000..769583f
Binary files /dev/null and b/services/web/frontend/fonts/noto-sans/NotoSans-Medium.woff2 differ
diff --git a/services/web/frontend/fonts/noto-sans/NotoSans-MediumItalic.woff2 b/services/web/frontend/fonts/noto-sans/NotoSans-MediumItalic.woff2
new file mode 100644
index 0000000..10e723f
Binary files /dev/null and b/services/web/frontend/fonts/noto-sans/NotoSans-MediumItalic.woff2 differ
diff --git a/services/web/frontend/fonts/noto-sans/NotoSans-Regular.woff2 b/services/web/frontend/fonts/noto-sans/NotoSans-Regular.woff2
new file mode 100644
index 0000000..eaff027
Binary files /dev/null and b/services/web/frontend/fonts/noto-sans/NotoSans-Regular.woff2 differ
diff --git a/services/web/frontend/fonts/noto-sans/NotoSans-SemiBold.woff2 b/services/web/frontend/fonts/noto-sans/NotoSans-SemiBold.woff2
new file mode 100644
index 0000000..89236c6
Binary files /dev/null and b/services/web/frontend/fonts/noto-sans/NotoSans-SemiBold.woff2 differ
diff --git a/services/web/frontend/fonts/noto-sans/NotoSans-SemiBoldItalic.woff2 b/services/web/frontend/fonts/noto-sans/NotoSans-SemiBoldItalic.woff2
new file mode 100644
index 0000000..b7792cd
Binary files /dev/null and b/services/web/frontend/fonts/noto-sans/NotoSans-SemiBoldItalic.woff2 differ
diff --git a/services/web/frontend/fonts/noto-sans/OFL.txt b/services/web/frontend/fonts/noto-sans/OFL.txt
new file mode 100644
index 0000000..6843f31
--- /dev/null
+++ b/services/web/frontend/fonts/noto-sans/OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2022 The Noto Project Authors (https://github.com/notofonts/latin-greek-cyrillic)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/services/web/frontend/fonts/noto-sans/noto-sans.css b/services/web/frontend/fonts/noto-sans/noto-sans.css
new file mode 100644
index 0000000..6e96515
--- /dev/null
+++ b/services/web/frontend/fonts/noto-sans/noto-sans.css
@@ -0,0 +1,50 @@
+/* Noto Sans - Regular */
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 400;
+  font-display: fallback;
+  src: url('NotoSans-Regular.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: italic;
+  font-weight: 400;
+  font-display: fallback;
+  src: url('NotoSans-Italic.woff2') format('woff2');
+}
+
+/* Noto Sans - Medium */
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 500;
+  font-display: fallback;
+  src: url('NotoSans-Medium.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: italic;
+  font-weight: 500;
+  font-display: fallback;
+  src: url('NotoSans-MediumItalic.woff2') format('woff2');
+}
+
+/* Noto Sans - SemiBold */
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: normal;
+  font-weight: 600;
+  font-display: fallback;
+  src: url('NotoSans-SemiBold.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Noto Sans';
+  font-style: italic;
+  font-weight: 600;
+  font-display: fallback;
+  src: url('NotoSans-SemiBoldItalic.woff2') format('woff2');
+}
diff --git a/services/web/frontend/fonts/noto-serif/NotoSerif-Italic[wght].woff2 b/services/web/frontend/fonts/noto-serif/NotoSerif-Italic[wght].woff2
new file mode 100644
index 0000000..dd6e397
Binary files /dev/null and b/services/web/frontend/fonts/noto-serif/NotoSerif-Italic[wght].woff2 differ
diff --git a/services/web/frontend/fonts/noto-serif/NotoSerif[wght].woff2 b/services/web/frontend/fonts/noto-serif/NotoSerif[wght].woff2
new file mode 100644
index 0000000..fec5455
Binary files /dev/null and b/services/web/frontend/fonts/noto-serif/NotoSerif[wght].woff2 differ
diff --git a/services/web/frontend/fonts/noto-serif/OFL.txt b/services/web/frontend/fonts/noto-serif/OFL.txt
new file mode 100644
index 0000000..6843f31
--- /dev/null
+++ b/services/web/frontend/fonts/noto-serif/OFL.txt
@@ -0,0 +1,93 @@
+Copyright 2022 The Noto Project Authors (https://github.com/notofonts/latin-greek-cyrillic)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/services/web/frontend/fonts/noto-serif/noto-serif.css b/services/web/frontend/fonts/noto-serif/noto-serif.css
new file mode 100644
index 0000000..316697f
--- /dev/null
+++ b/services/web/frontend/fonts/noto-serif/noto-serif.css
@@ -0,0 +1,15 @@
+@font-face {
+  font-family: 'Noto Serif';
+  font-style: normal;
+  font-weight: 200 700;
+  font-stretch: 62.5% 100%;
+  src: url('NotoSerif[wght].woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Noto Serif';
+  font-style: italic;
+  font-weight: 200 700;
+  font-stretch: 62.5% 100%;
+  src: url('NotoSerif-Italic[wght].woff2') format('woff2');
+}
diff --git a/services/web/frontend/fonts/open-dyslexic-mono/OFL.txt b/services/web/frontend/fonts/open-dyslexic-mono/OFL.txt
new file mode 100644
index 0000000..bb86782
--- /dev/null
+++ b/services/web/frontend/fonts/open-dyslexic-mono/OFL.txt
@@ -0,0 +1,94 @@
+Copyright (c) 2019-07-29, Abbie Gonzalez (https://abbiecod.es|support@abbiecod.es),
+with Reserved Font Name OpenDyslexic.
+Copyright (c) 12/2012 - 2019
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded, 
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/services/web/frontend/fonts/open-dyslexic-mono/OpenDyslexicMono-Regular.woff2 b/services/web/frontend/fonts/open-dyslexic-mono/OpenDyslexicMono-Regular.woff2
new file mode 100644
index 0000000..ebb5140
Binary files /dev/null and b/services/web/frontend/fonts/open-dyslexic-mono/OpenDyslexicMono-Regular.woff2 differ
diff --git a/services/web/frontend/fonts/open-dyslexic-mono/open-dyslexic-mono.css b/services/web/frontend/fonts/open-dyslexic-mono/open-dyslexic-mono.css
new file mode 100644
index 0000000..299ca06
--- /dev/null
+++ b/services/web/frontend/fonts/open-dyslexic-mono/open-dyslexic-mono.css
@@ -0,0 +1,7 @@
+@font-face {
+  font-family: 'OpenDyslexic Mono';
+  src: url('./OpenDyslexicMono-Regular.woff2') format('woff2');
+  font-style: normal;
+  font-weight: normal;
+  ascent-override: 100%;
+}
diff --git a/services/web/frontend/fonts/open-sans/OFL.txt b/services/web/frontend/fonts/open-sans/OFL.txt
new file mode 100644
index 0000000..2e76eef
--- /dev/null
+++ b/services/web/frontend/fonts/open-sans/OFL.txt
@@ -0,0 +1,88 @@
+Copyright 2020 The Open Sans Project Authors (https://github.com/googlefonts/opensans)
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font
+creation efforts of academic and linguistic communities, and to
+provide a free and open framework in which fonts may be shared and
+improved in partnership with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply to
+any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software
+components as distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to,
+deleting, or substituting -- in part or in whole -- any of the
+components of the Original Version, by changing formats or by porting
+the Font Software to a new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed,
+modify, redistribute, and sell modified and unmodified copies of the
+Font Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components, in
+Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the
+corresponding Copyright Holder. This restriction only applies to the
+primary font name as presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created using
+the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/services/web/frontend/fonts/open-sans/OpenSans-Bold.woff2 b/services/web/frontend/fonts/open-sans/OpenSans-Bold.woff2
new file mode 100644
index 0000000..6d6a299
Binary files /dev/null and b/services/web/frontend/fonts/open-sans/OpenSans-Bold.woff2 differ
diff --git a/services/web/frontend/fonts/open-sans/OpenSans-Light.woff2 b/services/web/frontend/fonts/open-sans/OpenSans-Light.woff2
new file mode 100644
index 0000000..2f5ee39
Binary files /dev/null and b/services/web/frontend/fonts/open-sans/OpenSans-Light.woff2 differ
diff --git a/services/web/frontend/fonts/open-sans/OpenSans-Regular.woff2 b/services/web/frontend/fonts/open-sans/OpenSans-Regular.woff2
new file mode 100644
index 0000000..23eec57
Binary files /dev/null and b/services/web/frontend/fonts/open-sans/OpenSans-Regular.woff2 differ
diff --git a/services/web/frontend/fonts/open-sans/OpenSans-SemiBold.woff2 b/services/web/frontend/fonts/open-sans/OpenSans-SemiBold.woff2
new file mode 100644
index 0000000..13b0ac0
Binary files /dev/null and b/services/web/frontend/fonts/open-sans/OpenSans-SemiBold.woff2 differ
diff --git a/services/web/frontend/fonts/open-sans/open-sans.css b/services/web/frontend/fonts/open-sans/open-sans.css
new file mode 100644
index 0000000..8b1b52c
--- /dev/null
+++ b/services/web/frontend/fonts/open-sans/open-sans.css
@@ -0,0 +1,24 @@
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: url('OpenSans-Light.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: url('OpenSans-Regular.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 600;
+  src: url('OpenSans-SemiBold.woff2') format('woff2');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 700;
+  src: url('OpenSans-Bold.woff2') format('woff2');
+}
diff --git a/services/web/frontend/fonts/source-code-pro/LICENSE.md b/services/web/frontend/fonts/source-code-pro/LICENSE.md
new file mode 100644
index 0000000..70288a8
--- /dev/null
+++ b/services/web/frontend/fonts/source-code-pro/LICENSE.md
@@ -0,0 +1,93 @@
+© 2023 Adobe (http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe in the United States and/or other countries.
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+
+This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/services/web/frontend/fonts/source-code-pro/SourceCodePro-Regular.ttf.woff2 b/services/web/frontend/fonts/source-code-pro/SourceCodePro-Regular.ttf.woff2
new file mode 100644
index 0000000..40826f1
Binary files /dev/null and b/services/web/frontend/fonts/source-code-pro/SourceCodePro-Regular.ttf.woff2 differ
diff --git a/services/web/frontend/fonts/source-code-pro/source-code-pro.css b/services/web/frontend/fonts/source-code-pro/source-code-pro.css
new file mode 100644
index 0000000..f7e3cea
--- /dev/null
+++ b/services/web/frontend/fonts/source-code-pro/source-code-pro.css
@@ -0,0 +1,6 @@
+@font-face {
+  font-family: 'Source Code Pro';
+  font-style: normal;
+  font-weight: 400;
+  src: url('SourceCodePro-Regular.ttf.woff2') format('woff2');
+}
diff --git a/services/web/frontend/js/bootstrap-3.ts b/services/web/frontend/js/bootstrap-3.ts
new file mode 100644
index 0000000..2c7b3b8
--- /dev/null
+++ b/services/web/frontend/js/bootstrap-3.ts
@@ -0,0 +1,4 @@
+import 'bootstrap'
+import './features/contact-form'
+import './features/bookmarkable-tab/index'
+import './features/tooltip/index-bs3'
diff --git a/services/web/frontend/js/bootstrap-5.ts b/services/web/frontend/js/bootstrap-5.ts
new file mode 100644
index 0000000..b9dc3d8
--- /dev/null
+++ b/services/web/frontend/js/bootstrap-5.ts
@@ -0,0 +1,3 @@
+import './features/bookmarkable-tab/index-bs5'
+import './features/tooltip/index-bs5'
+import 'bootstrap-5'
diff --git a/services/web/frontend/js/dev-toolbar.ts b/services/web/frontend/js/dev-toolbar.ts
new file mode 100644
index 0000000..f973c97
--- /dev/null
+++ b/services/web/frontend/js/dev-toolbar.ts
@@ -0,0 +1,5 @@
+import importOverleafModules from '../macros/import-overleaf-module.macro'
+
+if (process.env.NODE_ENV === 'development') {
+  importOverleafModules('devToolbar')
+}
diff --git a/services/web/frontend/js/features/algolia-search/search-wiki.js b/services/web/frontend/js/features/algolia-search/search-wiki.js
new file mode 100644
index 0000000..9e2a50a
--- /dev/null
+++ b/services/web/frontend/js/features/algolia-search/search-wiki.js
@@ -0,0 +1,43 @@
+import _ from 'lodash'
+import AlgoliaSearch from 'algoliasearch'
+import getMeta from '../../utils/meta'
+
+let wikiIdx
+export async function searchWiki(...args) {
+  if (!wikiIdx) {
+    const algoliaConfig = getMeta('ol-algolia')
+    const wikiIndex = _.get(algoliaConfig, 'indexes.wiki')
+    if (wikiIndex) {
+      const client = AlgoliaSearch(algoliaConfig.appId, algoliaConfig.apiKey)
+      wikiIdx = client.initIndex(wikiIndex)
+    }
+  }
+  if (!wikiIdx) {
+    return { hits: [], nbHits: 0, nbPages: 0 }
+  }
+  return wikiIdx.search(...args)
+}
+
+export function formatWikiHit(hit) {
+  const pageUnderscored = hit.pageName.replace(/\s/g, '_')
+  const pageSlug = encodeURIComponent(pageUnderscored)
+  const pagePath = hit.kb ? 'how-to' : 'latex'
+
+  let pageAnchor = ''
+  const rawPageName = hit._highlightResult.pageName.value
+  const sectionName = hit.sectionName
+  let pageName = rawPageName
+  if (sectionName) {
+    pageAnchor = `#${sectionName.replace(/\s/g, '_')}`
+    pageName += ' - ' + sectionName
+  }
+
+  const body = hit._highlightResult.content.value
+  const content = body
+    .split('\n')
+    .filter(line => line.includes('<em>') && !line.includes('[edit]'))
+    .join('\n...\n')
+
+  const url = `/learn/${pagePath}/${pageSlug}${pageAnchor}`
+  return { url, pageName, rawPageName, sectionName, content }
+}
diff --git a/services/web/frontend/js/features/autoplay-video/index.js b/services/web/frontend/js/features/autoplay-video/index.js
new file mode 100644
index 0000000..d706f90
--- /dev/null
+++ b/services/web/frontend/js/features/autoplay-video/index.js
@@ -0,0 +1,56 @@
+function setup(videoEl) {
+  const reducedMotionReduce = window.matchMedia(
+    '(prefers-reduced-motion: reduce)'
+  )
+
+  if (reducedMotionReduce.matches) {
+    // TODO: on firefox, if user enters this mode, video can throw error
+    // in console, if user seeks the control seek bar relatively fast
+    // AbortError: The fetching process for the media resource was aborted by the user agent at the user's request.
+    // this is only a problem in firefox (tested in macOS), chrome and safari is fine
+    videoEl.setAttribute('controls', '')
+
+    return
+  }
+
+  const DELAY_BEFORE_REPLAY = 15 * 1000
+  // 0.7 will enable the autoplay on the desktop main homepage video for all users
+  const INTERSECTION_THRESHOLD = 0.7
+
+  let videoIsVisible
+
+  videoEl.addEventListener('ended', () => {
+    setTimeout(() => {
+      videoEl.currentTime = 0
+      if (videoIsVisible) {
+        videoEl.play()
+      }
+    }, DELAY_BEFORE_REPLAY)
+  })
+
+  const observer = new IntersectionObserver(
+    function onIntersecting(changes) {
+      for (const change of changes) {
+        if (change.isIntersecting) {
+          videoIsVisible = true
+          if (videoEl.readyState >= videoEl.HAVE_FUTURE_DATA) {
+            if (!videoEl.ended) {
+              videoEl.play()
+            }
+          } else {
+            videoEl.play()
+          }
+        } else {
+          videoIsVisible = false
+        }
+      }
+    },
+    {
+      threshold: INTERSECTION_THRESHOLD,
+    }
+  )
+
+  observer.observe(videoEl)
+}
+
+document.querySelectorAll('[data-ol-autoplay-video]').forEach(setup)
diff --git a/services/web/frontend/js/features/bookmarkable-tab/index-bs5.ts b/services/web/frontend/js/features/bookmarkable-tab/index-bs5.ts
new file mode 100644
index 0000000..51f4392
--- /dev/null
+++ b/services/web/frontend/js/features/bookmarkable-tab/index-bs5.ts
@@ -0,0 +1,30 @@
+import { Tab } from 'bootstrap-5'
+
+function bookmarkableTab(tabEl: HTMLElement) {
+  tabEl.addEventListener('click', () => {
+    window.location.hash = tabEl.getAttribute('href') as string
+  })
+}
+
+function handleHashChange() {
+  const hash = window.location.hash
+  if (!hash) return
+
+  // Find the bookmarkable tab that links to the hash
+  const tabEl = document.querySelector(
+    `[data-ol-bookmarkable-tab][href="${hash}"]`
+  )
+
+  if (!tabEl) return
+
+  // Select the tab via Bootstrap 5
+  const tab = new Tab(tabEl)
+  tab.show()
+}
+
+document
+  .querySelectorAll('[data-ol-bookmarkable-tab]')
+  .forEach(tabEl => bookmarkableTab(tabEl as HTMLElement))
+
+window.addEventListener('hashchange', handleHashChange)
+handleHashChange()
diff --git a/services/web/frontend/js/features/bookmarkable-tab/index.js b/services/web/frontend/js/features/bookmarkable-tab/index.js
new file mode 100644
index 0000000..76855e9
--- /dev/null
+++ b/services/web/frontend/js/features/bookmarkable-tab/index.js
@@ -0,0 +1,21 @@
+function bookmarkableTab(tabEl) {
+  tabEl.addEventListener('click', () => {
+    window.location.hash = tabEl.getAttribute('href')
+  })
+}
+
+function handleHashChange() {
+  const hash = window.location.hash
+  if (!hash) return
+
+  // Find the bookmarkable tab that links to the hash
+  const $tabEl = $(`[data-ol-bookmarkable-tab][href="${hash}"]`)
+  if (!$tabEl) return
+
+  // Select the tab via Bootstrap
+  $tabEl.tab('show')
+}
+
+document.querySelectorAll('[data-ol-bookmarkable-tab]').forEach(bookmarkableTab)
+window.addEventListener('hashchange', handleHashChange)
+handleHashChange()
diff --git a/services/web/frontend/js/features/chat/components/chat-fallback-error.tsx b/services/web/frontend/js/features/chat/components/chat-fallback-error.tsx
new file mode 100644
index 0000000..b572722
--- /dev/null
+++ b/services/web/frontend/js/features/chat/components/chat-fallback-error.tsx
@@ -0,0 +1,28 @@
+import { useTranslation } from 'react-i18next'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+interface ChatFallbackErrorProps {
+  reconnect?: () => void
+}
+
+function ChatFallbackError({ reconnect }: ChatFallbackErrorProps) {
+  const { t } = useTranslation()
+
+  return (
+    <aside className="chat">
+      <div className="chat-error">
+        <OLNotification type="error" content={t('chat_error')} />
+        {reconnect && (
+          <p className="text-center">
+            <OLButton variant="secondary" onClick={reconnect}>
+              {t('reconnect')}
+            </OLButton>
+          </p>
+        )}
+      </div>
+    </aside>
+  )
+}
+
+export default ChatFallbackError
diff --git a/services/web/frontend/js/features/chat/components/chat-pane.tsx b/services/web/frontend/js/features/chat/components/chat-pane.tsx
new file mode 100644
index 0000000..d510377
--- /dev/null
+++ b/services/web/frontend/js/features/chat/components/chat-pane.tsx
@@ -0,0 +1,117 @@
+import React, { lazy, Suspense, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+
+import MessageInput from './message-input'
+import InfiniteScroll from './infinite-scroll'
+import ChatFallbackError from './chat-fallback-error'
+import { useLayoutContext } from '../../../shared/context/layout-context'
+import { useUserContext } from '../../../shared/context/user-context'
+import withErrorBoundary from '../../../infrastructure/error-boundary'
+import { FetchError } from '../../../infrastructure/fetch-json'
+import { useChatContext } from '../context/chat-context'
+import { FullSizeLoadingSpinner } from '../../../shared/components/loading-spinner'
+import MaterialIcon from '@/shared/components/material-icon'
+
+const MessageList = lazy(() => import('./message-list'))
+
+const Loading = () => <FullSizeLoadingSpinner delay={500} className="pt-4" />
+
+const ChatPane = React.memo(function ChatPane() {
+  const { t } = useTranslation()
+
+  const { chatIsOpen } = useLayoutContext()
+  const user = useUserContext()
+
+  const {
+    status,
+    messages,
+    initialMessagesLoaded,
+    atEnd,
+    loadInitialMessages,
+    loadMoreMessages,
+    reset,
+    sendMessage,
+    markMessagesAsRead,
+    error,
+  } = useChatContext()
+
+  useEffect(() => {
+    if (chatIsOpen && !initialMessagesLoaded) {
+      loadInitialMessages()
+    }
+  }, [chatIsOpen, loadInitialMessages, initialMessagesLoaded])
+
+  const shouldDisplayPlaceholder = status !== 'pending' && messages.length === 0
+
+  const messageContentCount = messages.reduce(
+    (acc, { contents }) => acc + contents.length,
+    0
+  )
+
+  // Keep the chat pane in the DOM to avoid resetting the form input and re-rendering MathJax content.
+  const [chatOpenedOnce, setChatOpenedOnce] = useState(chatIsOpen)
+  useEffect(() => {
+    if (chatIsOpen) {
+      setChatOpenedOnce(true)
+    }
+  }, [chatIsOpen])
+
+  if (error) {
+    // let user try recover from fetch errors
+    if (error instanceof FetchError) {
+      return <ChatFallbackError reconnect={reset} />
+    }
+    throw error
+  }
+
+  if (!user) {
+    return null
+  }
+  if (!chatOpenedOnce) {
+    return null
+  }
+
+  return (
+    <aside className="chat">
+      <InfiniteScroll
+        atEnd={atEnd}
+        className="messages"
+        fetchData={loadMoreMessages}
+        isLoading={status === 'pending'}
+        itemCount={messageContentCount}
+      >
+        <div>
+          <h2 className="visually-hidden">{t('chat')}</h2>
+          <Suspense fallback={<Loading />}>
+            {status === 'pending' && <Loading />}
+            {shouldDisplayPlaceholder && <Placeholder />}
+            <MessageList
+              messages={messages}
+              resetUnreadMessages={markMessagesAsRead}
+            />
+          </Suspense>
+        </div>
+      </InfiniteScroll>
+      <MessageInput
+        resetUnreadMessages={markMessagesAsRead}
+        sendMessage={sendMessage}
+      />
+    </aside>
+  )
+})
+
+function Placeholder() {
+  const { t } = useTranslation()
+  return (
+    <>
+      <div className="no-messages text-center small">{t('no_messages')}</div>
+      <div className="first-message text-center">
+        {t('send_first_message')}
+        <br />
+        <MaterialIcon type="arrow_downward" />
+      </div>
+    </>
+  )
+}
+
+export default withErrorBoundary(ChatPane, ChatFallbackError)
diff --git a/services/web/frontend/js/features/chat/components/infinite-scroll.tsx b/services/web/frontend/js/features/chat/components/infinite-scroll.tsx
new file mode 100644
index 0000000..9de0ed9
--- /dev/null
+++ b/services/web/frontend/js/features/chat/components/infinite-scroll.tsx
@@ -0,0 +1,95 @@
+import { useRef, useEffect, useLayoutEffect } from 'react'
+import _ from 'lodash'
+
+const SCROLL_END_OFFSET = 30
+
+interface InfiniteScrollProps {
+  atEnd?: boolean
+  children: React.ReactElement
+  className?: string
+  fetchData(): void
+  itemCount: number
+  isLoading?: boolean
+}
+
+function InfiniteScroll({
+  atEnd,
+  children,
+  className = '',
+  fetchData,
+  itemCount,
+  isLoading,
+}: InfiniteScrollProps) {
+  const root = useRef<HTMLDivElement>(null)
+
+  // we keep the value in a Ref instead of state so it can be safely used in effects
+  const scrollBottomRef = useRef(0)
+  function setScrollBottom(value: number) {
+    scrollBottomRef.current = value
+  }
+
+  function updateScrollPosition() {
+    if (root.current) {
+      root.current.scrollTop =
+        root.current.scrollHeight -
+        root.current.clientHeight -
+        scrollBottomRef.current
+    }
+  }
+
+  // Repositions the scroll after new items are loaded
+  useLayoutEffect(updateScrollPosition, [itemCount])
+
+  // Repositions the scroll after a window resize
+  useEffect(() => {
+    const handleResize = _.debounce(updateScrollPosition, 400)
+    window.addEventListener('resize', handleResize)
+    return () => {
+      window.removeEventListener('resize', handleResize)
+    }
+  }, [])
+
+  function onScrollHandler(event: React.UIEvent<HTMLDivElement>) {
+    if (root.current) {
+      setScrollBottom(
+        root.current.scrollHeight -
+          root.current.scrollTop -
+          root.current.clientHeight
+      )
+
+      if (event.target !== event.currentTarget) {
+        // Ignore scroll events on nested divs
+        // (this check won't be necessary in React 17: https://github.com/facebook/react/issues/15723
+        return
+      }
+      if (shouldFetchData()) {
+        fetchData()
+      }
+    }
+  }
+
+  function shouldFetchData() {
+    if (!root.current) {
+      return false
+    }
+    const containerIsLargerThanContent =
+      root.current.children[0].clientHeight < root.current.clientHeight
+    if (atEnd || isLoading || containerIsLargerThanContent) {
+      return false
+    } else {
+      return root.current.scrollTop < SCROLL_END_OFFSET
+    }
+  }
+
+  return (
+    <div
+      ref={root}
+      onScroll={onScrollHandler}
+      className={`infinite-scroll ${className}`}
+    >
+      {children}
+    </div>
+  )
+}
+
+export default InfiniteScroll
diff --git a/services/web/frontend/js/features/chat/components/message-content.tsx b/services/web/frontend/js/features/chat/components/message-content.tsx
new file mode 100644
index 0000000..ad2e6a6
--- /dev/null
+++ b/services/web/frontend/js/features/chat/components/message-content.tsx
@@ -0,0 +1,43 @@
+import { useRef, useEffect, type FC } from 'react'
+import Linkify from 'react-linkify'
+import useIsMounted from '../../../shared/hooks/use-is-mounted'
+import { loadMathJax } from '../../mathjax/load-mathjax'
+import { debugConsole } from '@/utils/debugging'
+
+const MessageContent: FC<{ content: string }> = ({ content }) => {
+  const root = useRef<HTMLDivElement | null>(null)
+  const mounted = useIsMounted()
+
+  useEffect(() => {
+    if (root.current) {
+      // adds attributes to all the links generated by <Linkify/>, required due to https://github.com/tasti/react-linkify/issues/99
+      for (const a of root.current.getElementsByTagName('a')) {
+        a.setAttribute('target', '_blank')
+        a.setAttribute('rel', 'noreferrer noopener')
+      }
+
+      // MathJax v3 typesetting
+      loadMathJax()
+        .then(async MathJax => {
+          if (mounted.current) {
+            const element = root.current
+            try {
+              await MathJax.typesetPromise([element])
+              MathJax.typesetClear([element])
+            } catch (error) {
+              debugConsole.error(error)
+            }
+          }
+        })
+        .catch(debugConsole.error)
+    }
+  }, [content, mounted])
+
+  return (
+    <p ref={root}>
+      <Linkify>{content}</Linkify>
+    </p>
+  )
+}
+
+export default MessageContent
diff --git a/services/web/frontend/js/features/chat/components/message-input.tsx b/services/web/frontend/js/features/chat/components/message-input.tsx
new file mode 100644
index 0000000..b0c2312
--- /dev/null
+++ b/services/web/frontend/js/features/chat/components/message-input.tsx
@@ -0,0 +1,42 @@
+import { useTranslation } from 'react-i18next'
+
+type MessageInputProps = {
+  resetUnreadMessages: () => void
+  sendMessage: (message: string) => void
+}
+
+function MessageInput({ resetUnreadMessages, sendMessage }: MessageInputProps) {
+  const { t } = useTranslation()
+
+  function handleKeyDown(event: React.KeyboardEvent) {
+    const selectingCharacter = event.nativeEvent.isComposing
+    if (event.key === 'Enter' && !selectingCharacter) {
+      event.preventDefault()
+      const target = event.target as HTMLInputElement
+      sendMessage(target.value)
+      // wrap the form reset in setTimeout so input sources have time to finish
+      // https://github.com/overleaf/internal/pull/9206
+      window.setTimeout(() => {
+        target.blur()
+        target.closest('form')?.reset()
+        target.focus()
+      }, 0)
+    }
+  }
+
+  return (
+    <form className="new-message">
+      <label htmlFor="chat-input" className="visually-hidden">
+        {t('your_message_to_collaborators')}
+      </label>
+      <textarea
+        id="chat-input"
+        placeholder={`${t('your_message_to_collaborators')}…`}
+        onKeyDown={handleKeyDown}
+        onClick={resetUnreadMessages}
+      />
+    </form>
+  )
+}
+
+export default MessageInput
diff --git a/services/web/frontend/js/features/chat/components/message-list.tsx b/services/web/frontend/js/features/chat/components/message-list.tsx
new file mode 100644
index 0000000..a87618d
--- /dev/null
+++ b/services/web/frontend/js/features/chat/components/message-list.tsx
@@ -0,0 +1,77 @@
+import moment from 'moment'
+import Message from './message'
+import type { Message as MessageType } from '@/features/chat/context/chat-context'
+import MessageRedesign from '@/features/ide-redesign/components/chat/message'
+import { useUserContext } from '@/shared/context/user-context'
+
+const FIVE_MINUTES = 5 * 60 * 1000
+
+function formatTimestamp(date: moment.MomentInput) {
+  if (!date) {
+    return 'N/A'
+  } else {
+    return `${moment(date).format('h:mm a')} ${moment(date).calendar()}`
+  }
+}
+
+interface MessageListProps {
+  messages: MessageType[]
+  resetUnreadMessages(...args: unknown[]): unknown
+  newDesign?: boolean
+}
+
+function MessageList({
+  messages,
+  resetUnreadMessages,
+  newDesign,
+}: MessageListProps) {
+  const user = useUserContext()
+  const MessageComponent = newDesign ? MessageRedesign : Message
+  function shouldRenderDate(messageIndex: number) {
+    if (messageIndex === 0) {
+      return true
+    } else {
+      const message = messages[messageIndex]
+      const previousMessage = messages[messageIndex - 1]
+      return (
+        message.timestamp &&
+        previousMessage.timestamp &&
+        message.timestamp - previousMessage.timestamp > FIVE_MINUTES
+      )
+    }
+  }
+
+  return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+    <ul
+      className="list-unstyled"
+      onClick={resetUnreadMessages}
+      onKeyDown={resetUnreadMessages}
+    >
+      {messages.map((message, index) => (
+        // new messages are added to the beginning of the list, so we use a reversed index
+        <li key={message.id} className="message">
+          {shouldRenderDate(index) && (
+            <div className="date">
+              <time
+                dateTime={
+                  message.timestamp
+                    ? moment(message.timestamp).format()
+                    : undefined
+                }
+              >
+                {formatTimestamp(message.timestamp)}
+              </time>
+            </div>
+          )}
+          <MessageComponent
+            message={message}
+            fromSelf={message.user ? message.user.id === user.id : false}
+          />
+        </li>
+      ))}
+    </ul>
+  )
+}
+
+export default MessageList
diff --git a/services/web/frontend/js/features/chat/components/message.tsx b/services/web/frontend/js/features/chat/components/message.tsx
new file mode 100644
index 0000000..aa2779f
--- /dev/null
+++ b/services/web/frontend/js/features/chat/components/message.tsx
@@ -0,0 +1,50 @@
+import { getHueForUserId } from '@/shared/utils/colors'
+import MessageContent from './message-content'
+import type { Message as MessageType } from '@/features/chat/context/chat-context'
+import { User } from '../../../../../types/user'
+
+export interface MessageProps {
+  message: MessageType
+  fromSelf: boolean
+}
+
+function hue(user?: User) {
+  return user ? getHueForUserId(user.id) : 0
+}
+
+function getMessageStyle(user?: User) {
+  return {
+    borderColor: `hsl(${hue(user)}, 85%, 40%)`,
+    backgroundColor: `hsl(${hue(user)}, 85%, 40%`,
+  }
+}
+
+function getArrowStyle(user?: User) {
+  return {
+    borderColor: `hsl(${hue(user)}, 85%, 40%)`,
+  }
+}
+
+function Message({ message, fromSelf }: MessageProps) {
+  return (
+    <div className="message-wrapper">
+      {!fromSelf && (
+        <div className="name">
+          <span>{message.user.first_name || message.user.email}</span>
+        </div>
+      )}
+      <div className="message" style={getMessageStyle(message.user)}>
+        {!fromSelf && (
+          <div className="arrow" style={getArrowStyle(message.user)} />
+        )}
+        <div className="message-content">
+          {message.contents.map((content, index) => (
+            <MessageContent key={index} content={content} />
+          ))}
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default Message
diff --git a/services/web/frontend/js/features/chat/context/chat-context.tsx b/services/web/frontend/js/features/chat/context/chat-context.tsx
new file mode 100644
index 0000000..d2b0781
--- /dev/null
+++ b/services/web/frontend/js/features/chat/context/chat-context.tsx
@@ -0,0 +1,399 @@
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useReducer,
+  useMemo,
+  useRef,
+  FC,
+} from 'react'
+import { v4 as uuid } from 'uuid'
+
+import { useUserContext } from '../../../shared/context/user-context'
+import { useProjectContext } from '../../../shared/context/project-context'
+import { getJSON, postJSON } from '../../../infrastructure/fetch-json'
+import { appendMessage, prependMessages } from '../utils/message-list-appender'
+import useBrowserWindow from '../../../shared/hooks/use-browser-window'
+import { useLayoutContext } from '../../../shared/context/layout-context'
+import { useIdeContext } from '@/shared/context/ide-context'
+import getMeta from '@/utils/meta'
+import { debugConsole } from '@/utils/debugging'
+import { User } from '../../../../../types/user'
+
+const PAGE_SIZE = 50
+
+export type Message = {
+  id: string
+  timestamp: number
+  contents: string[]
+  user: User
+}
+
+type State = {
+  status: 'idle' | 'pending' | 'error'
+  messages: Message[]
+  initialMessagesLoaded: boolean
+  lastTimestamp: number | null
+  atEnd: boolean
+  unreadMessageCount: number
+  error?: Error | null
+  uniqueMessageIds: string[]
+}
+
+type Action =
+  | {
+      type: 'INITIAL_FETCH_MESSAGES'
+    }
+  | {
+      type: 'FETCH_MESSAGES'
+    }
+  | {
+      type: 'FETCH_MESSAGES_SUCCESS'
+      messages: Message[]
+    }
+  | {
+      type: 'SEND_MESSAGE'
+      user: any
+      content: any
+    }
+  | {
+      type: 'RECEIVE_MESSAGE'
+      message: any
+    }
+  | {
+      type: 'MARK_MESSAGES_AS_READ'
+    }
+  | {
+      type: 'CLEAR'
+    }
+  | {
+      type: 'ERROR'
+      error: any
+    }
+
+// Wrap uuid in an object method so that it can be stubbed
+export const chatClientIdGenerator = {
+  generate: () => uuid(),
+}
+
+let nextChatMessageId = 1
+
+function generateChatMessageId() {
+  return '' + nextChatMessageId++
+}
+
+function chatReducer(state: State, action: Action): State {
+  switch (action.type) {
+    case 'INITIAL_FETCH_MESSAGES':
+      return {
+        ...state,
+        status: 'pending',
+        initialMessagesLoaded: true,
+      }
+
+    case 'FETCH_MESSAGES':
+      return {
+        ...state,
+        status: 'pending',
+      }
+
+    case 'FETCH_MESSAGES_SUCCESS':
+      return {
+        ...state,
+        status: 'idle',
+        ...prependMessages(
+          state.messages,
+          action.messages,
+          state.uniqueMessageIds
+        ),
+        lastTimestamp: action.messages[0] ? action.messages[0].timestamp : null,
+        atEnd: action.messages.length < PAGE_SIZE,
+      }
+
+    case 'SEND_MESSAGE':
+      return {
+        ...state,
+        ...appendMessage(
+          state.messages,
+          {
+            // Messages are sent optimistically, so don't have an id (used for
+            // React keys). The id is valid for this session, and ensures all
+            // messages have an id. It will be overwritten by the actual ids on
+            // refresh
+            id: generateChatMessageId(),
+            user: action.user,
+            content: action.content,
+            timestamp: Date.now(),
+          },
+          state.uniqueMessageIds
+        ),
+      }
+
+    case 'RECEIVE_MESSAGE':
+      return {
+        ...state,
+        ...appendMessage(
+          state.messages,
+          action.message,
+          state.uniqueMessageIds
+        ),
+        unreadMessageCount: state.unreadMessageCount + 1,
+      }
+
+    case 'MARK_MESSAGES_AS_READ':
+      return {
+        ...state,
+        unreadMessageCount: 0,
+      }
+
+    case 'CLEAR':
+      return { ...initialState }
+
+    case 'ERROR':
+      return {
+        ...state,
+        status: 'error',
+        error: action.error,
+      }
+
+    default:
+      throw new Error('Unknown action')
+  }
+}
+
+const initialState: State = {
+  status: 'idle',
+  messages: [],
+  initialMessagesLoaded: false,
+  lastTimestamp: null,
+  atEnd: false,
+  unreadMessageCount: 0,
+  error: null,
+  uniqueMessageIds: [],
+}
+
+export const ChatContext = createContext<
+  | {
+      status: 'idle' | 'pending' | 'error'
+      messages: Message[]
+      initialMessagesLoaded: boolean
+      atEnd: boolean
+      unreadMessageCount: number
+      loadInitialMessages: () => void
+      loadMoreMessages: () => void
+      sendMessage: (message: any) => void
+      markMessagesAsRead: () => void
+      reset: () => void
+      error?: Error | null
+    }
+  | undefined
+>(undefined)
+
+export const ChatProvider: FC = ({ children }) => {
+  const chatEnabled = getMeta('ol-chatEnabled')
+
+  const clientId = useRef<string>()
+  if (clientId.current === undefined) {
+    clientId.current = chatClientIdGenerator.generate()
+  }
+  const user = useUserContext()
+  const { _id: projectId } = useProjectContext()
+
+  const { chatIsOpen } = useLayoutContext()
+
+  const {
+    hasFocus: windowHasFocus,
+    flashTitle,
+    stopFlashingTitle,
+  } = useBrowserWindow()
+
+  const [state, dispatch] = useReducer(chatReducer, initialState)
+
+  const { loadInitialMessages, loadMoreMessages, reset } = useMemo(() => {
+    function fetchMessages() {
+      if (state.atEnd) return
+
+      const query: Record<string, string> = {
+        limit: String(PAGE_SIZE),
+      }
+
+      if (state.lastTimestamp) {
+        query.before = String(state.lastTimestamp)
+      }
+
+      const queryString = new URLSearchParams(query)
+      const url = `/project/${projectId}/messages?${queryString.toString()}`
+
+      getJSON(url)
+        .then((messages = []) => {
+          dispatch({
+            type: 'FETCH_MESSAGES_SUCCESS',
+            messages: messages.reverse(),
+          })
+        })
+        .catch(error => {
+          dispatch({
+            type: 'ERROR',
+            error,
+          })
+        })
+    }
+
+    function loadInitialMessages() {
+      if (!chatEnabled) {
+        debugConsole.warn(`chat is disabled, won't load initial messages`)
+        return
+      }
+      if (state.initialMessagesLoaded) return
+
+      dispatch({ type: 'INITIAL_FETCH_MESSAGES' })
+      fetchMessages()
+    }
+
+    function loadMoreMessages() {
+      if (!chatEnabled) {
+        debugConsole.warn(`chat is disabled, won't load messages`)
+        return
+      }
+      dispatch({ type: 'FETCH_MESSAGES' })
+      fetchMessages()
+    }
+
+    function reset() {
+      if (!chatEnabled) {
+        debugConsole.warn(`chat is disabled, won't reset chat`)
+        return
+      }
+      dispatch({ type: 'CLEAR' })
+      fetchMessages()
+    }
+
+    return {
+      loadInitialMessages,
+      loadMoreMessages,
+      reset,
+    }
+  }, [
+    chatEnabled,
+    projectId,
+    state.atEnd,
+    state.initialMessagesLoaded,
+    state.lastTimestamp,
+  ])
+
+  const sendMessage = useCallback(
+    content => {
+      if (!chatEnabled) {
+        debugConsole.warn(`chat is disabled, won't send message`)
+        return
+      }
+      if (!content) return
+
+      dispatch({
+        type: 'SEND_MESSAGE',
+        user,
+        content,
+      })
+
+      const url = `/project/${projectId}/messages`
+      postJSON(url, {
+        body: { content, client_id: clientId.current },
+      }).catch(error => {
+        dispatch({
+          type: 'ERROR',
+          error,
+        })
+      })
+    },
+    [chatEnabled, projectId, user]
+  )
+
+  const markMessagesAsRead = useCallback(() => {
+    if (!chatEnabled) {
+      debugConsole.warn(`chat is disabled, won't mark messages as read`)
+      return
+    }
+    dispatch({ type: 'MARK_MESSAGES_AS_READ' })
+  }, [chatEnabled])
+
+  // Handling receiving messages over the socket
+  const { socket } = useIdeContext()
+  useEffect(() => {
+    if (!chatEnabled || !socket) return
+
+    function receivedMessage(message: any) {
+      // If the message is from the current client id, then we are receiving the sent message back from the socket.
+      // Ignore it to prevent double message.
+      if (message.clientId === clientId.current) return
+
+      dispatch({ type: 'RECEIVE_MESSAGE', message })
+    }
+
+    socket.on('new-chat-message', receivedMessage)
+    return () => {
+      if (!socket) return
+
+      socket.removeListener('new-chat-message', receivedMessage)
+    }
+  }, [chatEnabled, socket])
+
+  // Handle unread messages
+  useEffect(() => {
+    if (windowHasFocus) {
+      stopFlashingTitle()
+      if (chatIsOpen) {
+        markMessagesAsRead()
+      }
+    }
+    if (!windowHasFocus && state.unreadMessageCount > 0) {
+      flashTitle('New Message')
+    }
+  }, [
+    windowHasFocus,
+    chatIsOpen,
+    state.unreadMessageCount,
+    flashTitle,
+    stopFlashingTitle,
+    markMessagesAsRead,
+  ])
+
+  const value = useMemo(
+    () => ({
+      status: state.status,
+      messages: state.messages,
+      initialMessagesLoaded: state.initialMessagesLoaded,
+      atEnd: state.atEnd,
+      unreadMessageCount: state.unreadMessageCount,
+      loadInitialMessages,
+      loadMoreMessages,
+      reset,
+      sendMessage,
+      markMessagesAsRead,
+      error: state.error,
+    }),
+    [
+      loadInitialMessages,
+      loadMoreMessages,
+      markMessagesAsRead,
+      reset,
+      sendMessage,
+      state.atEnd,
+      state.error,
+      state.initialMessagesLoaded,
+      state.messages,
+      state.status,
+      state.unreadMessageCount,
+    ]
+  )
+
+  return <ChatContext.Provider value={value}>{children}</ChatContext.Provider>
+}
+
+export function useChatContext() {
+  const context = useContext(ChatContext)
+  if (!context) {
+    throw new Error('useChatContext is only available inside ChatProvider')
+  }
+  return context
+}
diff --git a/services/web/frontend/js/features/chat/utils/message-list-appender.js b/services/web/frontend/js/features/chat/utils/message-list-appender.js
new file mode 100644
index 0000000..3362bf6
--- /dev/null
+++ b/services/web/frontend/js/features/chat/utils/message-list-appender.js
@@ -0,0 +1,79 @@
+const TIMESTAMP_GROUP_SIZE = 5 * 60 * 1000 // 5 minutes
+
+export function appendMessage(messageList, message, uniqueMessageIds) {
+  if (uniqueMessageIds.includes(message.id)) {
+    return { messages: messageList, uniqueMessageIds }
+  }
+
+  uniqueMessageIds = uniqueMessageIds.slice(0)
+
+  uniqueMessageIds.push(message.id)
+
+  const lastMessage = messageList[messageList.length - 1]
+
+  const shouldGroup =
+    lastMessage &&
+    message &&
+    message.user &&
+    message.user.id &&
+    message.user.id === lastMessage.user.id &&
+    message.timestamp - lastMessage.timestamp < TIMESTAMP_GROUP_SIZE
+
+  if (shouldGroup) {
+    messageList = messageList.slice(0, messageList.length - 1).concat({
+      ...lastMessage,
+      // the `id` is updated to the latest received content when a new
+      // message is appended or prepended
+      id: message.id,
+      timestamp: message.timestamp,
+      contents: lastMessage.contents.concat(message.content),
+    })
+  } else {
+    messageList = messageList.slice(0).concat({
+      id: message.id,
+      user: message.user,
+      timestamp: message.timestamp,
+      contents: [message.content],
+    })
+  }
+
+  return { messages: messageList, uniqueMessageIds }
+}
+
+export function prependMessages(messageList, messages, uniqueMessageIds) {
+  const listCopy = messageList.slice(0)
+
+  uniqueMessageIds = uniqueMessageIds.slice(0)
+
+  messages
+    .slice(0)
+    .reverse()
+    .forEach(message => {
+      if (uniqueMessageIds.includes(message.id)) {
+        return
+      }
+      uniqueMessageIds.push(message.id)
+      const firstMessage = listCopy[0]
+      const shouldGroup =
+        firstMessage &&
+        message &&
+        message.user &&
+        message.user.id === firstMessage.user.id &&
+        firstMessage.timestamp - message.timestamp < TIMESTAMP_GROUP_SIZE
+
+      if (shouldGroup) {
+        firstMessage.id = message.id
+        firstMessage.timestamp = message.timestamp
+        firstMessage.contents = [message.content].concat(firstMessage.contents)
+      } else {
+        listCopy.unshift({
+          id: message.id,
+          user: message.user,
+          timestamp: message.timestamp,
+          contents: [message.content],
+        })
+      }
+    })
+
+  return { messages: listCopy, uniqueMessageIds }
+}
diff --git a/services/web/frontend/js/features/clone-project-modal/components/clone-project-modal-content.jsx b/services/web/frontend/js/features/clone-project-modal/components/clone-project-modal-content.jsx
new file mode 100644
index 0000000..84d8151
--- /dev/null
+++ b/services/web/frontend/js/features/clone-project-modal/components/clone-project-modal-content.jsx
@@ -0,0 +1,159 @@
+/* eslint-disable jsx-a11y/no-autofocus */
+import PropTypes from 'prop-types'
+import { useCallback, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { postJSON } from '../../../infrastructure/fetch-json'
+import { CloneProjectTag } from './clone-project-tag'
+import {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import Notification from '@/shared/components/notification'
+import OLForm from '@/features/ui/components/ol/ol-form'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export default function CloneProjectModalContent({
+  handleHide,
+  inFlight,
+  setInFlight,
+  handleAfterCloned,
+  projectId,
+  projectName,
+  projectTags,
+}) {
+  const { t } = useTranslation()
+
+  const [error, setError] = useState()
+  const [clonedProjectName, setClonedProjectName] = useState(
+    `${projectName} (Copy)`
+  )
+
+  const [clonedProjectTags, setClonedProjectTags] = useState(projectTags)
+
+  // valid if the cloned project has a name
+  const valid = useMemo(
+    () => clonedProjectName.trim().length > 0,
+    [clonedProjectName]
+  )
+
+  // form submission: clone the project if the name is valid
+  const handleSubmit = event => {
+    event.preventDefault()
+
+    if (!valid) {
+      return
+    }
+
+    setError(false)
+    setInFlight(true)
+
+    // clone the project
+    postJSON(`/project/${projectId}/clone`, {
+      body: {
+        projectName: clonedProjectName,
+        tags: clonedProjectTags.map(tag => ({ id: tag._id })),
+      },
+    })
+      .then(data => {
+        // open the cloned project
+        handleAfterCloned(data, clonedProjectTags)
+      })
+      .catch(({ response, data }) => {
+        if (response?.status === 400) {
+          setError(data.message)
+        } else {
+          setError(true)
+        }
+      })
+      .finally(() => {
+        setInFlight(false)
+      })
+  }
+
+  const removeTag = useCallback(tag => {
+    setClonedProjectTags(value => value.filter(item => item._id !== tag._id))
+  }, [])
+
+  return (
+    <>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('copy_project')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        <OLForm id="clone-project-form" onSubmit={handleSubmit}>
+          <OLFormGroup controlId="clone-project-form-name">
+            <OLFormLabel>{t('new_name')}</OLFormLabel>
+            <OLFormControl
+              type="text"
+              placeholder="New Project Name"
+              required
+              value={clonedProjectName}
+              onChange={event => setClonedProjectName(event.target.value)}
+              autoFocus
+            />
+          </OLFormGroup>
+
+          {clonedProjectTags.length > 0 && (
+            <OLFormGroup
+              controlId="clone-project-tags-list"
+              className="clone-project-tag"
+            >
+              <OLFormLabel>{t('tags')}: </OLFormLabel>
+              <div role="listbox" id="clone-project-tags-list">
+                {clonedProjectTags.map(tag => (
+                  <CloneProjectTag
+                    key={tag._id}
+                    tag={tag}
+                    removeTag={removeTag}
+                  />
+                ))}
+              </div>
+            </OLFormGroup>
+          )}
+        </OLForm>
+
+        {error && (
+          <Notification
+            content={error.length ? error : t('generic_something_went_wrong')}
+            type="error"
+          />
+        )}
+      </OLModalBody>
+
+      <OLModalFooter>
+        <OLButton variant="secondary" disabled={inFlight} onClick={handleHide}>
+          {t('cancel')}
+        </OLButton>
+        <OLButton
+          variant="primary"
+          disabled={inFlight || !valid}
+          form="clone-project-form"
+          type="submit"
+        >
+          {inFlight ? <>{t('copying')}…</> : t('copy')}
+        </OLButton>
+      </OLModalFooter>
+    </>
+  )
+}
+CloneProjectModalContent.propTypes = {
+  handleHide: PropTypes.func.isRequired,
+  inFlight: PropTypes.bool,
+  setInFlight: PropTypes.func.isRequired,
+  handleAfterCloned: PropTypes.func.isRequired,
+  projectId: PropTypes.string,
+  projectName: PropTypes.string,
+  projectTags: PropTypes.arrayOf(
+    PropTypes.shape({
+      _id: PropTypes.string.isRequired,
+      name: PropTypes.string.isRequired,
+      color: PropTypes.string,
+    })
+  ),
+}
diff --git a/services/web/frontend/js/features/clone-project-modal/components/clone-project-modal.jsx b/services/web/frontend/js/features/clone-project-modal/components/clone-project-modal.jsx
new file mode 100644
index 0000000..4ebc225
--- /dev/null
+++ b/services/web/frontend/js/features/clone-project-modal/components/clone-project-modal.jsx
@@ -0,0 +1,60 @@
+import React, { memo, useCallback, useState } from 'react'
+import PropTypes from 'prop-types'
+import CloneProjectModalContent from './clone-project-modal-content'
+import OLModal from '@/features/ui/components/ol/ol-modal'
+
+function CloneProjectModal({
+  show,
+  handleHide,
+  handleAfterCloned,
+  projectId,
+  projectName,
+  projectTags,
+}) {
+  const [inFlight, setInFlight] = useState(false)
+
+  const onHide = useCallback(() => {
+    if (!inFlight) {
+      handleHide()
+    }
+  }, [handleHide, inFlight])
+
+  return (
+    <OLModal
+      animation
+      show={show}
+      onHide={onHide}
+      id="clone-project-modal"
+      // backdrop="static" will disable closing the modal by clicking
+      // outside of the modal element
+      backdrop={inFlight ? 'static' : undefined}
+    >
+      <CloneProjectModalContent
+        handleHide={onHide}
+        inFlight={inFlight}
+        setInFlight={setInFlight}
+        handleAfterCloned={handleAfterCloned}
+        projectId={projectId}
+        projectName={projectName}
+        projectTags={projectTags}
+      />
+    </OLModal>
+  )
+}
+
+CloneProjectModal.propTypes = {
+  handleHide: PropTypes.func.isRequired,
+  show: PropTypes.bool.isRequired,
+  handleAfterCloned: PropTypes.func.isRequired,
+  projectId: PropTypes.string,
+  projectName: PropTypes.string,
+  projectTags: PropTypes.arrayOf(
+    PropTypes.shape({
+      _id: PropTypes.string.isRequired,
+      name: PropTypes.string.isRequired,
+      color: PropTypes.string,
+    })
+  ),
+}
+
+export default memo(CloneProjectModal)
diff --git a/services/web/frontend/js/features/clone-project-modal/components/clone-project-tag.tsx b/services/web/frontend/js/features/clone-project-modal/components/clone-project-tag.tsx
new file mode 100644
index 0000000..16b19d3
--- /dev/null
+++ b/services/web/frontend/js/features/clone-project-modal/components/clone-project-tag.tsx
@@ -0,0 +1,26 @@
+import { FC } from 'react'
+import { Tag as TagType } from '../../../../../app/src/Features/Tags/types'
+import { getTagColor } from '@/features/project-list/util/tag'
+import Tag from '@/features/ui/components/bootstrap-5/tag'
+
+export const CloneProjectTag: FC<{
+  tag: TagType
+  removeTag: (tag: TagType) => void
+}> = ({ tag, removeTag }) => {
+  return (
+    <Tag
+      prepend={
+        <i
+          className="badge-tag-circle"
+          style={{ backgroundColor: getTagColor(tag) }}
+        />
+      }
+      closeBtnProps={{
+        onClick: () => removeTag(tag),
+      }}
+      className="ms-2 mb-2"
+    >
+      {tag.name}
+    </Tag>
+  )
+}
diff --git a/services/web/frontend/js/features/clone-project-modal/components/editor-clone-project-modal-wrapper.jsx b/services/web/frontend/js/features/clone-project-modal/components/editor-clone-project-modal-wrapper.jsx
new file mode 100644
index 0000000..2ebc6ed
--- /dev/null
+++ b/services/web/frontend/js/features/clone-project-modal/components/editor-clone-project-modal-wrapper.jsx
@@ -0,0 +1,39 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { useProjectContext } from '../../../shared/context/project-context'
+import withErrorBoundary from '../../../infrastructure/error-boundary'
+import CloneProjectModal from './clone-project-modal'
+
+const EditorCloneProjectModalWrapper = React.memo(
+  function EditorCloneProjectModalWrapper({ show, handleHide, openProject }) {
+    const {
+      _id: projectId,
+      name: projectName,
+      tags: projectTags,
+    } = useProjectContext()
+
+    if (!projectName) {
+      // wait for useProjectContext
+      return null
+    } else {
+      return (
+        <CloneProjectModal
+          handleHide={handleHide}
+          show={show}
+          handleAfterCloned={openProject}
+          projectId={projectId}
+          projectName={projectName}
+          projectTags={projectTags}
+        />
+      )
+    }
+  }
+)
+
+EditorCloneProjectModalWrapper.propTypes = {
+  handleHide: PropTypes.func.isRequired,
+  show: PropTypes.bool.isRequired,
+  openProject: PropTypes.func.isRequired,
+}
+
+export default withErrorBoundary(EditorCloneProjectModalWrapper)
diff --git a/services/web/frontend/js/features/compromised-password/components/compromised-password-root.tsx b/services/web/frontend/js/features/compromised-password/components/compromised-password-root.tsx
new file mode 100644
index 0000000..e16755f
--- /dev/null
+++ b/services/web/frontend/js/features/compromised-password/components/compromised-password-root.tsx
@@ -0,0 +1,39 @@
+import useWaitForI18n from '@/shared/hooks/use-wait-for-i18n'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { Trans, useTranslation } from 'react-i18next'
+import { Interstitial } from '@/shared/components/interstitial'
+
+export function CompromisedPasswordCard() {
+  const { t } = useTranslation()
+  const { isReady } = useWaitForI18n()
+
+  if (!isReady) {
+    return null
+  }
+
+  return (
+    <Interstitial
+      contentClassName="compromised-password-content"
+      showLogo={false}
+      title={t('compromised_password')}
+    >
+      <p>
+        <Trans
+          i18nKey="your_password_was_detected"
+          components={[
+            /* eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key */
+            <a
+              href="https://haveibeenpwned.com/passwords"
+              target="_blank"
+              rel="noreferrer"
+            />,
+          ]}
+        />
+      </p>
+
+      <OLButton className="btn-primary" href="/user/settings">
+        {t('change_password_in_account_settings')}
+      </OLButton>
+    </Interstitial>
+  )
+}
diff --git a/services/web/frontend/js/features/contact-form/index.js b/services/web/frontend/js/features/contact-form/index.js
new file mode 100644
index 0000000..0b4a489
--- /dev/null
+++ b/services/web/frontend/js/features/contact-form/index.js
@@ -0,0 +1,35 @@
+import { setupSearch } from './search'
+
+document
+  .querySelectorAll('[data-ol-contact-form-with-search]')
+  .forEach(setupSearch)
+
+document
+  .querySelectorAll('[data-ol-open-contact-form-modal="contact-us"]')
+  .forEach(el => {
+    el.addEventListener('click', function (e) {
+      e.preventDefault()
+      $('[data-ol-contact-form-modal="contact-us"]').modal()
+    })
+  })
+
+document
+  .querySelectorAll('[data-ol-open-contact-form-modal="general"]')
+  .forEach(el => {
+    el.addEventListener('click', function (e) {
+      e.preventDefault()
+      $('[data-ol-contact-form-modal="general"]').modal()
+    })
+  })
+
+document.querySelectorAll('[data-ol-contact-form]').forEach(el => {
+  el.addEventListener('submit', function (e) {
+    const emailValue = document.querySelector(
+      '[data-ol-contact-form-email-input]'
+    ).value
+    const thankYouEmailEl = document.querySelector(
+      '[data-ol-contact-form-thank-you-email]'
+    )
+    thankYouEmailEl.textContent = emailValue
+  })
+})
diff --git a/services/web/frontend/js/features/contact-form/search.js b/services/web/frontend/js/features/contact-form/search.js
new file mode 100644
index 0000000..dddba67
--- /dev/null
+++ b/services/web/frontend/js/features/contact-form/search.js
@@ -0,0 +1,70 @@
+import _ from 'lodash'
+import { formatWikiHit, searchWiki } from '../algolia-search/search-wiki'
+import { sendMB } from '../../infrastructure/event-tracking'
+
+export function setupSearch(formEl) {
+  const inputEl = formEl.querySelector('[name="subject"]')
+  const resultsEl = formEl.querySelector('[data-ol-search-results]')
+  const wrapperEl = formEl.querySelector('[data-ol-search-results-wrapper]')
+
+  let lastValue = ''
+  function hideResults() {
+    wrapperEl.setAttribute('hidden', '')
+  }
+  function showResults() {
+    wrapperEl.removeAttribute('hidden')
+  }
+
+  async function handleChange() {
+    const value = inputEl.value
+    if (value === lastValue) return
+    lastValue = value
+    if (value.length < 3) {
+      hideResults()
+      return
+    }
+
+    try {
+      const { hits, nbHits } = await searchWiki(value, {
+        hitsPerPage: 3,
+        typoTolerance: 'strict',
+      })
+      resultsEl.innerText = ''
+
+      for (const hit of hits) {
+        const { url, pageName } = formatWikiHit(hit)
+        const liEl = document.createElement('li')
+
+        const linkEl = document.createElement('a')
+        linkEl.className = 'contact-suggestion-list-item'
+        linkEl.href = url
+        linkEl.target = '_blank'
+        liEl.append(linkEl)
+
+        const contentEl = document.createElement('span')
+        contentEl.innerHTML = pageName
+        linkEl.append(contentEl)
+
+        const iconEl = document.createElement('i')
+        iconEl.className = 'fa fa-angle-right'
+        iconEl.setAttribute('aria-hidden', 'true')
+        linkEl.append(iconEl)
+
+        resultsEl.append(liEl)
+      }
+      if (nbHits > 0) {
+        showResults()
+        sendMB('contact-form-suggestions-shown')
+      } else {
+        hideResults()
+      }
+    } catch (e) {
+      hideResults()
+    }
+  }
+
+  inputEl.addEventListener('input', _.debounce(handleChange, 350))
+
+  // display initial results
+  handleChange()
+}
diff --git a/services/web/frontend/js/features/cookie-banner/index.js b/services/web/frontend/js/features/cookie-banner/index.js
new file mode 100644
index 0000000..20f62db
--- /dev/null
+++ b/services/web/frontend/js/features/cookie-banner/index.js
@@ -0,0 +1,51 @@
+import getMeta from '@/utils/meta'
+
+function loadGA() {
+  if (window.olLoadGA) {
+    window.olLoadGA()
+  }
+}
+
+function setConsent(value) {
+  document.querySelector('.cookie-banner').classList.add('hidden')
+  const cookieDomain = getMeta('ol-ExposedSettings').cookieDomain
+  const oneYearInSeconds = 60 * 60 * 24 * 365
+  const cookieAttributes =
+    '; path=/' +
+    '; domain=' +
+    cookieDomain +
+    '; max-age=' +
+    oneYearInSeconds +
+    '; SameSite=Lax; Secure'
+  if (value === 'all') {
+    document.cookie = 'oa=1' + cookieAttributes
+    loadGA()
+    window.dispatchEvent(new CustomEvent('cookie-consent', { detail: true }))
+  } else {
+    document.cookie = 'oa=0' + cookieAttributes
+    window.dispatchEvent(new CustomEvent('cookie-consent', { detail: false }))
+  }
+}
+
+if (
+  getMeta('ol-ExposedSettings').gaToken ||
+  getMeta('ol-ExposedSettings').gaTokenV4
+) {
+  document
+    .querySelectorAll('[data-ol-cookie-banner-set-consent]')
+    .forEach(el => {
+      el.addEventListener('click', function (e) {
+        e.preventDefault()
+        const consentType = el.getAttribute('data-ol-cookie-banner-set-consent')
+        setConsent(consentType)
+      })
+    })
+
+  const oaCookie = document.cookie.split('; ').find(c => c.startsWith('oa='))
+  if (!oaCookie) {
+    const cookieBannerEl = document.querySelector('.cookie-banner')
+    if (cookieBannerEl) {
+      cookieBannerEl.classList.remove('hidden')
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/dictionary/components/dictionary-modal-content.tsx b/services/web/frontend/js/features/dictionary/components/dictionary-modal-content.tsx
new file mode 100644
index 0000000..e38bbc1
--- /dev/null
+++ b/services/web/frontend/js/features/dictionary/components/dictionary-modal-content.tsx
@@ -0,0 +1,102 @@
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import useAsync from '../../../shared/hooks/use-async'
+import { postJSON } from '../../../infrastructure/fetch-json'
+import { debugConsole } from '@/utils/debugging'
+import {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLIconButton from '@/features/ui/components/ol/ol-icon-button'
+import { learnedWords as initialLearnedWords } from '@/features/source-editor/extensions/spelling/learned-words'
+
+type DictionaryModalContentProps = {
+  handleHide: () => void
+}
+
+const wordsSortFunction = (a: string, b: string) => a.localeCompare(b)
+
+export default function DictionaryModalContent({
+  handleHide,
+}: DictionaryModalContentProps) {
+  const { t } = useTranslation()
+
+  const [learnedWords, setLearnedWords] = useState<Set<string>>(
+    initialLearnedWords.global
+  )
+
+  const { isError, runAsync } = useAsync()
+
+  const handleRemove = useCallback(
+    word => {
+      runAsync(postJSON('/spelling/unlearn', { body: { word } }))
+        .then(() => {
+          setLearnedWords(prevLearnedWords => {
+            const learnedWords = new Set(prevLearnedWords)
+            learnedWords.delete(word)
+            return learnedWords
+          })
+          window.dispatchEvent(
+            new CustomEvent('editor:remove-learned-word', { detail: word })
+          )
+        })
+        .catch(debugConsole.error)
+    },
+    [runAsync]
+  )
+
+  return (
+    <>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('edit_dictionary')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        {isError ? (
+          <OLNotification
+            type="error"
+            content={t('generic_something_went_wrong')}
+          />
+        ) : null}
+
+        {learnedWords.size > 0 ? (
+          <ul className="list-unstyled dictionary-entries-list">
+            {[...learnedWords].sort(wordsSortFunction).map(learnedWord => (
+              <li key={learnedWord} className="dictionary-entry">
+                <span className="dictionary-entry-name">{learnedWord}</span>
+                <OLTooltip
+                  id={`tooltip-remove-learned-word-${learnedWord}`}
+                  description={t('edit_dictionary_remove')}
+                  overlayProps={{ delay: 0 }}
+                >
+                  <OLIconButton
+                    variant="danger"
+                    size="sm"
+                    onClick={() => handleRemove(learnedWord)}
+                    icon="delete"
+                    accessibilityLabel={t('edit_dictionary_remove')}
+                  />
+                </OLTooltip>
+              </li>
+            ))}
+          </ul>
+        ) : (
+          <p className="dictionary-empty-body text-center">
+            <i>{t('edit_dictionary_empty')}</i>
+          </p>
+        )}
+      </OLModalBody>
+
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={handleHide}>
+          {t('close')}
+        </OLButton>
+      </OLModalFooter>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/dictionary/components/dictionary-modal.tsx b/services/web/frontend/js/features/dictionary/components/dictionary-modal.tsx
new file mode 100644
index 0000000..dc5415a
--- /dev/null
+++ b/services/web/frontend/js/features/dictionary/components/dictionary-modal.tsx
@@ -0,0 +1,26 @@
+import React from 'react'
+import DictionaryModalContent from './dictionary-modal-content'
+import withErrorBoundary from '../../../infrastructure/error-boundary'
+import OLModal from '@/features/ui/components/ol/ol-modal'
+
+type DictionaryModalProps = {
+  show?: boolean
+  handleHide: () => void
+}
+
+function DictionaryModal({ show, handleHide }: DictionaryModalProps) {
+  return (
+    <OLModal
+      animation
+      show={show}
+      onHide={handleHide}
+      id="dictionary-modal"
+      data-testid="dictionary-modal"
+      size="sm"
+    >
+      <DictionaryModalContent handleHide={handleHide} />
+    </OLModal>
+  )
+}
+
+export default withErrorBoundary(DictionaryModal)
diff --git a/services/web/frontend/js/features/dictionary/ignored-words.ts b/services/web/frontend/js/features/dictionary/ignored-words.ts
new file mode 100644
index 0000000..da79ab3
--- /dev/null
+++ b/services/web/frontend/js/features/dictionary/ignored-words.ts
@@ -0,0 +1,22 @@
+export const globalIgnoredWords = new Set([
+  'Overleaf',
+  'overleaf',
+  'ShareLaTeX',
+  'sharelatex',
+  'LaTeX',
+  'TeX',
+  'BibTeX',
+  'BibLaTeX',
+  'XeTeX',
+  'XeLaTeX',
+  'LuaTeX',
+  'LuaLaTeX',
+  'http',
+  'https',
+  'www',
+  'COVID',
+  'Lockdown',
+  'lockdown',
+  'Coronavirus',
+  'coronavirus',
+])
diff --git a/services/web/frontend/js/features/editor-left-menu/components/actions-copy-project.tsx b/services/web/frontend/js/features/editor-left-menu/components/actions-copy-project.tsx
new file mode 100644
index 0000000..aae2781
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/actions-copy-project.tsx
@@ -0,0 +1,41 @@
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import EditorCloneProjectModalWrapper from '../../clone-project-modal/components/editor-clone-project-modal-wrapper'
+import LeftMenuButton from './left-menu-button'
+import { useLocation } from '../../../shared/hooks/use-location'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+
+type ProjectCopyResponse = {
+  project_id: string
+}
+
+export default function ActionsCopyProject() {
+  const [showModal, setShowModal] = useState(false)
+  const { t } = useTranslation()
+  const location = useLocation()
+
+  const openProject = useCallback(
+    ({ project_id: projectId }: ProjectCopyResponse) => {
+      location.assign(`/project/${projectId}`)
+    },
+    [location]
+  )
+
+  const handleShowModal = useCallback(() => {
+    eventTracking.sendMB('left-menu-copy')
+    setShowModal(true)
+  }, [])
+
+  return (
+    <>
+      <LeftMenuButton onClick={handleShowModal} icon="file_copy">
+        {t('copy_project')}
+      </LeftMenuButton>
+      <EditorCloneProjectModalWrapper
+        show={showModal}
+        handleHide={() => setShowModal(false)}
+        openProject={openProject}
+      />
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/actions-menu.tsx b/services/web/frontend/js/features/editor-left-menu/components/actions-menu.tsx
new file mode 100644
index 0000000..65d53a5
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/actions-menu.tsx
@@ -0,0 +1,39 @@
+import { ElementType } from 'react'
+import { useTranslation } from 'react-i18next'
+import getMeta from '../../../utils/meta'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+import ActionsCopyProject from './actions-copy-project'
+import ActionsWordCount from './actions-word-count'
+
+const components = importOverleafModules('editorLeftMenuManageTemplate') as {
+  import: { default: ElementType }
+  path: string
+}[]
+
+export default function ActionsMenu() {
+  const { t } = useTranslation()
+  const anonymous = getMeta('ol-anonymous')
+
+  if (anonymous) {
+    return null
+  }
+
+  return (
+    <>
+      <h4>{t('actions')}</h4>
+      <ul className="list-unstyled nav">
+        <li>
+          <ActionsCopyProject />
+        </li>
+        {components.map(({ import: { default: Component }, path }) => (
+          <li key={path}>
+            <Component />
+          </li>
+        ))}
+        <li>
+          <ActionsWordCount />
+        </li>
+      </ul>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/actions-word-count.tsx b/services/web/frontend/js/features/editor-left-menu/components/actions-word-count.tsx
new file mode 100644
index 0000000..3e05c90
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/actions-word-count.tsx
@@ -0,0 +1,50 @@
+import { useState, useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
+import WordCountModal from '../../word-count-modal/components/word-count-modal'
+import LeftMenuButton from './left-menu-button'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+
+export default function ActionsWordCount() {
+  const [showModal, setShowModal] = useState(false)
+  const { pdfUrl } = useCompileContext()
+  const { t } = useTranslation()
+
+  const handleShowModal = useCallback(() => {
+    eventTracking.sendMB('left-menu-count')
+    setShowModal(true)
+  }, [])
+
+  return (
+    <>
+      {pdfUrl ? (
+        <LeftMenuButton onClick={handleShowModal} icon="match_case">
+          {t('word_count')}
+        </LeftMenuButton>
+      ) : (
+        <OLTooltip
+          id="disabled-word-count"
+          description={t('please_compile_pdf_before_word_count')}
+          overlayProps={{
+            placement: 'top',
+          }}
+        >
+          {/* OverlayTrigger won't fire unless the child is a non-react html element (e.g div, span) */}
+          <div>
+            <LeftMenuButton
+              icon="match_case"
+              disabled
+              disabledAccesibilityText={t(
+                'please_compile_pdf_before_word_count'
+              )}
+            >
+              {t('word_count')}
+            </LeftMenuButton>
+          </div>
+        </OLTooltip>
+      )}
+      <WordCountModal show={showModal} handleHide={() => setShowModal(false)} />
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/download-menu.tsx b/services/web/frontend/js/features/editor-left-menu/components/download-menu.tsx
new file mode 100644
index 0000000..e0bb6c4
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/download-menu.tsx
@@ -0,0 +1,21 @@
+import { useTranslation } from 'react-i18next'
+import DownloadPDF from './download-pdf'
+import DownloadSource from './download-source'
+
+export default function DownloadMenu() {
+  const { t } = useTranslation()
+
+  return (
+    <>
+      <h4 className="mt-0">{t('download')}</h4>
+      <ul className="list-unstyled nav nav-downloads text-center">
+        <li>
+          <DownloadSource />
+        </li>
+        <li>
+          <DownloadPDF />
+        </li>
+      </ul>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/download-pdf.tsx b/services/web/frontend/js/features/editor-left-menu/components/download-pdf.tsx
new file mode 100644
index 0000000..31e9073
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/download-pdf.tsx
@@ -0,0 +1,50 @@
+import { useTranslation } from 'react-i18next'
+import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
+import { useProjectContext } from '../../../shared/context/project-context'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import { isSmallDevice } from '../../../infrastructure/event-tracking'
+import MaterialIcon from '@/shared/components/material-icon'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+
+export default function DownloadPDF() {
+  const { t } = useTranslation()
+  const { pdfDownloadUrl, pdfUrl } = useCompileContext()
+  const { _id: projectId } = useProjectContext()
+
+  function sendDownloadEvent() {
+    eventTracking.sendMB('download-pdf-button-click', {
+      projectId,
+      location: 'left-menu',
+      isSmallDevice,
+    })
+  }
+
+  if (pdfUrl) {
+    return (
+      <a
+        href={pdfDownloadUrl || pdfUrl}
+        target="_blank"
+        rel="noreferrer"
+        onClick={sendDownloadEvent}
+      >
+        <MaterialIcon type="picture_as_pdf" size="2x" />
+        <br />
+        PDF
+      </a>
+    )
+  } else {
+    return (
+      <OLTooltip
+        id="disabled-pdf-download"
+        description={t('please_compile_pdf_before_download')}
+        overlayProps={{ placement: 'bottom' }}
+      >
+        <div className="link-disabled">
+          <MaterialIcon type="picture_as_pdf" size="2x" />
+          <br />
+          PDF
+        </div>
+      </OLTooltip>
+    )
+  }
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/download-source.tsx b/services/web/frontend/js/features/editor-left-menu/components/download-source.tsx
new file mode 100644
index 0000000..6b25b2a
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/download-source.tsx
@@ -0,0 +1,31 @@
+import { useTranslation } from 'react-i18next'
+import { useProjectContext } from '../../../shared/context/project-context'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import { isSmallDevice } from '../../../infrastructure/event-tracking'
+import MaterialIcon from '@/shared/components/material-icon'
+
+export default function DownloadSource() {
+  const { t } = useTranslation()
+  const { _id: projectId } = useProjectContext()
+
+  function sendDownloadEvent() {
+    eventTracking.sendMB('download-zip-button-click', {
+      projectId,
+      location: 'left-menu',
+      isSmallDevice,
+    })
+  }
+
+  return (
+    <a
+      href={`/project/${projectId}/download/zip`}
+      target="_blank"
+      rel="noreferrer"
+      onClick={sendDownloadEvent}
+    >
+      <MaterialIcon type="folder_zip" size="2x" />
+      <br />
+      {t('source')}
+    </a>
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/editor-left-menu-body.tsx b/services/web/frontend/js/features/editor-left-menu/components/editor-left-menu-body.tsx
new file mode 100644
index 0000000..56e39f2
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/editor-left-menu-body.tsx
@@ -0,0 +1,17 @@
+import DownloadMenu from './download-menu'
+import ActionsMenu from './actions-menu'
+import HelpMenu from './help-menu'
+import SyncMenu from './sync-menu'
+import SettingsMenu from './settings-menu'
+
+export default function EditorLeftMenuBody() {
+  return (
+    <>
+      <DownloadMenu />
+      <ActionsMenu />
+      <SyncMenu />
+      <SettingsMenu />
+      <HelpMenu />
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/editor-left-menu-context.tsx b/services/web/frontend/js/features/editor-left-menu/components/editor-left-menu-context.tsx
new file mode 100644
index 0000000..8682b05
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/editor-left-menu-context.tsx
@@ -0,0 +1,44 @@
+import { createContext, FC, useCallback, useContext, useState } from 'react'
+import useEventListener from '@/shared/hooks/use-event-listener'
+
+type EditorLeftMenuState = {
+  settingToFocus?: string
+}
+
+export const EditorLeftMenuContext = createContext<
+  EditorLeftMenuState | undefined
+>(undefined)
+
+export const EditorLeftMenuProvider: FC = ({ children }) => {
+  const [value, setValue] = useState<EditorLeftMenuState>(() => ({
+    settingToFocus: undefined,
+  }))
+
+  useEventListener(
+    'ui.focus-setting',
+    useCallback(event => {
+      setValue(value => ({
+        ...value,
+        settingToFocus: (event as CustomEvent<string>).detail,
+      }))
+    }, [])
+  )
+
+  return (
+    <EditorLeftMenuContext.Provider value={value}>
+      {children}
+    </EditorLeftMenuContext.Provider>
+  )
+}
+
+export const useEditorLeftMenuContext = () => {
+  const value = useContext(EditorLeftMenuContext)
+
+  if (!value) {
+    throw new Error(
+      `useEditorLeftMenuContext is only available inside EditorLeftMenuProvider`
+    )
+  }
+
+  return value
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/editor-left-menu.tsx b/services/web/frontend/js/features/editor-left-menu/components/editor-left-menu.tsx
new file mode 100644
index 0000000..392793e
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/editor-left-menu.tsx
@@ -0,0 +1,55 @@
+import { useLayoutContext } from '../../../shared/context/layout-context'
+import LeftMenuMask from './left-menu-mask'
+import classNames from 'classnames'
+import { lazy, memo, Suspense } from 'react'
+import { FullSizeLoadingSpinner } from '@/shared/components/loading-spinner'
+import { Offcanvas } from 'react-bootstrap-5'
+import { EditorLeftMenuProvider } from './editor-left-menu-context'
+import withErrorBoundary from '@/infrastructure/error-boundary'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import { useTranslation } from 'react-i18next'
+
+const EditorLeftMenuBody = lazy(() => import('./editor-left-menu-body'))
+
+const LazyEditorLeftMenuWithErrorBoundary = withErrorBoundary(
+  () => (
+    <Suspense fallback={<FullSizeLoadingSpinner delay={500} />}>
+      <EditorLeftMenuBody />
+    </Suspense>
+  ),
+  () => {
+    const { t } = useTranslation()
+    return <OLNotification type="error" content={t('something_went_wrong')} />
+  }
+)
+
+function EditorLeftMenu() {
+  const { leftMenuShown, setLeftMenuShown } = useLayoutContext()
+
+  const closeLeftMenu = () => {
+    setLeftMenuShown(false)
+  }
+
+  return (
+    <EditorLeftMenuProvider>
+      <Offcanvas
+        show={leftMenuShown}
+        onHide={closeLeftMenu}
+        backdropClassName="left-menu-modal-backdrop"
+        id="left-menu-offcanvas"
+      >
+        <Offcanvas.Body
+          className={classNames('full-size', 'left-menu', {
+            shown: leftMenuShown,
+          })}
+          id="left-menu"
+        >
+          <LazyEditorLeftMenuWithErrorBoundary />
+        </Offcanvas.Body>
+      </Offcanvas>
+      {leftMenuShown && <LeftMenuMask />}
+    </EditorLeftMenuProvider>
+  )
+}
+
+export default memo(EditorLeftMenu)
diff --git a/services/web/frontend/js/features/editor-left-menu/components/help-contact-us.tsx b/services/web/frontend/js/features/editor-left-menu/components/help-contact-us.tsx
new file mode 100644
index 0000000..eee0672
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/help-contact-us.tsx
@@ -0,0 +1,24 @@
+import { useTranslation } from 'react-i18next'
+import { useCallback } from 'react'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import { useContactUsModal } from '../../../shared/hooks/use-contact-us-modal'
+import LeftMenuButton from './left-menu-button'
+
+export default function HelpContactUs() {
+  const { modal, showModal } = useContactUsModal()
+  const { t } = useTranslation()
+
+  const showModalWithAnalytics = useCallback(() => {
+    eventTracking.sendMB('left-menu-contact')
+    showModal()
+  }, [showModal])
+
+  return (
+    <>
+      <LeftMenuButton onClick={showModalWithAnalytics} icon="contact_support">
+        {t('contact_us')}
+      </LeftMenuButton>
+      {modal}
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/help-documentation.tsx b/services/web/frontend/js/features/editor-left-menu/components/help-documentation.tsx
new file mode 100644
index 0000000..e0d2fb6
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/help-documentation.tsx
@@ -0,0 +1,14 @@
+import { useTranslation } from 'react-i18next'
+import LeftMenuButton from './left-menu-button'
+
+export default function HelpDocumentation() {
+  const { t } = useTranslation()
+
+  return (
+    <>
+      <LeftMenuButton type="link" href="/learn" icon="book_4">
+        {t('documentation')}
+      </LeftMenuButton>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/help-menu.tsx b/services/web/frontend/js/features/editor-left-menu/components/help-menu.tsx
new file mode 100644
index 0000000..ceb64d1
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/help-menu.tsx
@@ -0,0 +1,31 @@
+import { useTranslation } from 'react-i18next'
+import getMeta from '../../../utils/meta'
+import HelpContactUs from './help-contact-us'
+import HelpDocumentation from './help-documentation'
+import HelpShowHotkeys from './help-show-hotkeys'
+
+export default function HelpMenu() {
+  const { t } = useTranslation()
+  const showSupport = getMeta('ol-showSupport')
+
+  return (
+    <>
+      <h4>{t('help')}</h4>
+      <ul className="list-unstyled nav">
+        <li>
+          <HelpShowHotkeys />
+        </li>
+        {showSupport ? (
+          <>
+            <li>
+              <HelpDocumentation />
+            </li>
+            <li>
+              <HelpContactUs />
+            </li>
+          </>
+        ) : null}
+      </ul>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/help-show-hotkeys.tsx b/services/web/frontend/js/features/editor-left-menu/components/help-show-hotkeys.tsx
new file mode 100644
index 0000000..1bec8b3
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/help-show-hotkeys.tsx
@@ -0,0 +1,32 @@
+import { useState, useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import { useProjectContext } from '../../../shared/context/project-context'
+import HotkeysModal from '../../hotkeys-modal/components/hotkeys-modal'
+import LeftMenuButton from './left-menu-button'
+import { isMac } from '@/shared/utils/os'
+
+export default function HelpShowHotkeys() {
+  const [showModal, setShowModal] = useState(false)
+  const { t } = useTranslation()
+  const { features } = useProjectContext()
+
+  const showModalWithAnalytics = useCallback(() => {
+    eventTracking.sendMB('left-menu-hotkeys')
+    setShowModal(true)
+  }, [])
+
+  return (
+    <>
+      <LeftMenuButton onClick={showModalWithAnalytics} icon="keyboard">
+        {t('show_hotkeys')}
+      </LeftMenuButton>
+      <HotkeysModal
+        show={showModal}
+        handleHide={() => setShowModal(false)}
+        isMac={isMac}
+        trackChangesVisible={features?.trackChangesVisible}
+      />
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/left-menu-button.tsx b/services/web/frontend/js/features/editor-left-menu/components/left-menu-button.tsx
new file mode 100644
index 0000000..e827c7e
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/left-menu-button.tsx
@@ -0,0 +1,70 @@
+import { PropsWithChildren } from 'react'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type Props = {
+  onClick?: () => void
+  icon?: string
+  svgIcon?: React.ReactElement | null
+  disabled?: boolean
+  disabledAccesibilityText?: string
+  type?: 'button' | 'link'
+  href?: string
+}
+
+function LeftMenuButtonIcon({
+  svgIcon,
+  icon,
+}: {
+  svgIcon?: React.ReactElement | null
+  icon?: string
+}) {
+  if (svgIcon) {
+    return <div className="material-symbols">{svgIcon}</div>
+  } else if (icon) {
+    return <MaterialIcon type={icon} />
+  } else return null
+}
+
+export default function LeftMenuButton({
+  children,
+  svgIcon,
+  onClick,
+  icon,
+  disabled = false,
+  disabledAccesibilityText,
+  type = 'button',
+  href,
+}: PropsWithChildren<Props>) {
+  if (disabled) {
+    return (
+      <div className="left-menu-button link-disabled">
+        <LeftMenuButtonIcon svgIcon={svgIcon} icon={icon} />
+        <span>{children}</span>
+        {disabledAccesibilityText ? (
+          <span className="sr-only">{disabledAccesibilityText}</span>
+        ) : null}
+      </div>
+    )
+  }
+
+  if (type === 'button') {
+    return (
+      <button onClick={onClick} className="left-menu-button">
+        <LeftMenuButtonIcon svgIcon={svgIcon} icon={icon} />
+        <span>{children}</span>
+      </button>
+    )
+  } else {
+    return (
+      <a
+        href={href}
+        target="_blank"
+        rel="noreferrer"
+        className="left-menu-button"
+      >
+        <LeftMenuButtonIcon svgIcon={svgIcon} icon={icon} />
+        <span>{children}</span>
+      </a>
+    )
+  }
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/left-menu-mask.tsx b/services/web/frontend/js/features/editor-left-menu/components/left-menu-mask.tsx
new file mode 100644
index 0000000..88079ed
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/left-menu-mask.tsx
@@ -0,0 +1,31 @@
+import { memo, useEffect, useRef, useState } from 'react'
+import { useLayoutContext } from '../../../shared/context/layout-context'
+import { useUserSettingsContext } from '@/shared/context/user-settings-context'
+
+export default memo(function LeftMenuMask() {
+  const { setLeftMenuShown } = useLayoutContext()
+  const { userSettings } = useUserSettingsContext()
+  const { editorTheme, overallTheme } = userSettings
+  const [original] = useState({ editorTheme, overallTheme })
+  const maskRef = useRef<HTMLDivElement | null>(null)
+
+  useEffect(() => {
+    if (maskRef.current) {
+      if (
+        editorTheme !== original.editorTheme ||
+        overallTheme !== original.overallTheme
+      ) {
+        maskRef.current.style.opacity = '0'
+      }
+    }
+  }, [editorTheme, overallTheme, original])
+
+  return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    <div
+      id="left-menu-mask"
+      ref={maskRef}
+      onClick={() => setLeftMenuShown(false)}
+    />
+  )
+})
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings-menu-dropdown.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings-menu-dropdown.tsx
new file mode 100644
index 0000000..e69de29
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings-menu.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings-menu.tsx
new file mode 100644
index 0000000..5085fb0
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings-menu.tsx
@@ -0,0 +1,62 @@
+import { useTranslation } from 'react-i18next'
+import getMeta from '../../../utils/meta'
+import SettingsAutoCloseBrackets from './settings/settings-auto-close-brackets'
+import SettingsAutoComplete from './settings/settings-auto-complete'
+import SettingsCompiler from './settings/settings-compiler'
+import SettingsDictionary from './settings/settings-dictionary'
+import SettingsDocument from './settings/settings-document'
+import SettingsEditorTheme from './settings/settings-editor-theme'
+import SettingsFontFamily from './settings/settings-font-family'
+import SettingsFontSize from './settings/settings-font-size'
+import SettingsImageName from './settings/settings-image-name'
+import SettingsKeybindings from './settings/settings-keybindings'
+import SettingsLineHeight from './settings/settings-line-height'
+import SettingsOverallTheme from './settings/settings-overall-theme'
+import SettingsPdfViewer from './settings/settings-pdf-viewer'
+import SettingsSpellCheckLanguage from './settings/settings-spell-check-language'
+import SettingsSyntaxValidation from './settings/settings-syntax-validation'
+import SettingsMathPreview from './settings/settings-math-preview'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+import { ElementType } from 'react'
+import OLForm from '@/features/ui/components/ol/ol-form'
+
+const moduleSettings: Array<{
+  import: { default: ElementType }
+  path: string
+}> = importOverleafModules('settingsEntries')
+
+export default function SettingsMenu() {
+  const { t } = useTranslation()
+  const anonymous = getMeta('ol-anonymous')
+
+  if (anonymous) {
+    return null
+  }
+
+  return (
+    <>
+      <h4>{t('settings')}</h4>
+      <OLForm id="left-menu-setting" className="settings">
+        <SettingsCompiler />
+        <SettingsImageName />
+        <SettingsDocument />
+        <SettingsSpellCheckLanguage />
+        <SettingsDictionary />
+        {moduleSettings.map(({ import: { default: Component }, path }) => (
+          <Component key={path} />
+        ))}
+        <SettingsAutoComplete />
+        <SettingsAutoCloseBrackets />
+        <SettingsSyntaxValidation />
+        <SettingsMathPreview />
+        <SettingsEditorTheme />
+        <SettingsOverallTheme />
+        <SettingsKeybindings />
+        <SettingsFontSize />
+        <SettingsFontFamily />
+        <SettingsLineHeight />
+        <SettingsPdfViewer />
+      </OLForm>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-auto-close-brackets.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-auto-close-brackets.tsx
new file mode 100644
index 0000000..ae24587
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-auto-close-brackets.tsx
@@ -0,0 +1,28 @@
+import { useTranslation } from 'react-i18next'
+import { useProjectSettingsContext } from '../../context/project-settings-context'
+import SettingsMenuSelect from './settings-menu-select'
+
+export default function SettingsAutoCloseBrackets() {
+  const { t } = useTranslation()
+  const { autoPairDelimiters, setAutoPairDelimiters } =
+    useProjectSettingsContext()
+
+  return (
+    <SettingsMenuSelect
+      onChange={setAutoPairDelimiters}
+      value={autoPairDelimiters}
+      options={[
+        {
+          value: true,
+          label: t('on'),
+        },
+        {
+          value: false,
+          label: t('off'),
+        },
+      ]}
+      label={t('auto_close_brackets')}
+      name="autoPairDelimiters"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-auto-complete.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-auto-complete.tsx
new file mode 100644
index 0000000..08268d7
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-auto-complete.tsx
@@ -0,0 +1,27 @@
+import { useTranslation } from 'react-i18next'
+import { useProjectSettingsContext } from '../../context/project-settings-context'
+import SettingsMenuSelect from './settings-menu-select'
+
+export default function SettingsAutoComplete() {
+  const { t } = useTranslation()
+  const { autoComplete, setAutoComplete } = useProjectSettingsContext()
+
+  return (
+    <SettingsMenuSelect
+      onChange={setAutoComplete}
+      value={autoComplete}
+      options={[
+        {
+          value: true,
+          label: t('on'),
+        },
+        {
+          value: false,
+          label: t('off'),
+        },
+      ]}
+      label={t('auto_complete')}
+      name="autoComplete"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-compiler.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-compiler.tsx
new file mode 100644
index 0000000..8d7076e
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-compiler.tsx
@@ -0,0 +1,39 @@
+import { useTranslation } from 'react-i18next'
+import type { ProjectCompiler } from '../../../../../../types/project-settings'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+import { useProjectSettingsContext } from '../../context/project-settings-context'
+import SettingsMenuSelect from './settings-menu-select'
+
+export default function SettingsCompiler() {
+  const { t } = useTranslation()
+  const { write } = usePermissionsContext()
+  const { compiler, setCompiler } = useProjectSettingsContext()
+
+  return (
+    <SettingsMenuSelect<ProjectCompiler>
+      onChange={setCompiler}
+      value={compiler}
+      disabled={!write}
+      options={[
+        {
+          value: 'pdflatex',
+          label: 'pdfLaTeX',
+        },
+        {
+          value: 'latex',
+          label: 'LaTeX',
+        },
+        {
+          value: 'xelatex',
+          label: 'XeLaTeX',
+        },
+        {
+          value: 'lualatex',
+          label: 'LuaLaTeX',
+        },
+      ]}
+      label={t('compiler')}
+      name="compiler"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-dictionary.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-dictionary.tsx
new file mode 100644
index 0000000..5659f7b
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-dictionary.tsx
@@ -0,0 +1,30 @@
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import DictionaryModal from '../../../dictionary/components/dictionary-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+
+export default function SettingsDictionary() {
+  const { t } = useTranslation()
+  const [showModal, setShowModal] = useState(false)
+
+  return (
+    <OLFormGroup className="left-menu-setting">
+      <OLFormLabel htmlFor="dictionary-settings">{t('dictionary')}</OLFormLabel>
+      <OLButton
+        id="dictionary-settings"
+        variant="secondary"
+        size="sm"
+        onClick={() => setShowModal(true)}
+      >
+        {t('edit')}
+      </OLButton>
+
+      <DictionaryModal
+        show={showModal}
+        handleHide={() => setShowModal(false)}
+      />
+    </OLFormGroup>
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-document.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-document.tsx
new file mode 100644
index 0000000..839bd49
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-document.tsx
@@ -0,0 +1,48 @@
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { isValidTeXFile } from '../../../../main/is-valid-tex-file'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+import { useProjectSettingsContext } from '../../context/project-settings-context'
+import SettingsMenuSelect from './settings-menu-select'
+import type { Option } from './settings-menu-select'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+
+export default function SettingsDocument() {
+  const { t } = useTranslation()
+  const { write } = usePermissionsContext()
+  const { docs } = useFileTreeData()
+  const { rootDocId, setRootDocId } = useProjectSettingsContext()
+
+  const validDocsOptions = useMemo(() => {
+    const filteredDocs =
+      docs?.filter(
+        doc => isValidTeXFile(doc.doc.name) || rootDocId === doc.doc.id
+      ) ?? []
+
+    const mappedDocs: Array<Option> = filteredDocs.map(doc => ({
+      value: doc.doc.id,
+      label: doc.path,
+    }))
+
+    if (!rootDocId) {
+      mappedDocs.unshift({
+        value: '',
+        label: 'None',
+        disabled: true,
+      })
+    }
+
+    return mappedDocs
+  }, [docs, rootDocId])
+
+  return (
+    <SettingsMenuSelect
+      onChange={setRootDocId}
+      value={rootDocId ?? ''}
+      disabled={!write}
+      options={validDocsOptions}
+      label={t('main_document')}
+      name="rootDocId"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-editor-theme.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-editor-theme.tsx
new file mode 100644
index 0000000..5f9ad51
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-editor-theme.tsx
@@ -0,0 +1,45 @@
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import getMeta from '../../../../utils/meta'
+import { useProjectSettingsContext } from '../../context/project-settings-context'
+import SettingsMenuSelect from './settings-menu-select'
+import type { Option } from './settings-menu-select'
+
+export default function SettingsEditorTheme() {
+  const { t } = useTranslation()
+  const editorThemes = getMeta('ol-editorThemes')
+  const legacyEditorThemes = getMeta('ol-legacyEditorThemes')
+  const { editorTheme, setEditorTheme } = useProjectSettingsContext()
+
+  const options = useMemo(() => {
+    const editorThemeOptions: Array<Option> =
+      editorThemes?.map(theme => ({
+        value: theme,
+        label: theme.replace(/_/g, ' '),
+      })) ?? []
+
+    const dividerOption: Option = {
+      value: '-',
+      label: '—————————————————',
+      disabled: true,
+    }
+
+    const legacyEditorThemeOptions: Array<Option> =
+      legacyEditorThemes?.map(theme => ({
+        value: theme,
+        label: theme.replace(/_/g, ' ') + ' (Legacy)',
+      })) ?? []
+
+    return [...editorThemeOptions, dividerOption, ...legacyEditorThemeOptions]
+  }, [editorThemes, legacyEditorThemes])
+
+  return (
+    <SettingsMenuSelect
+      onChange={setEditorTheme}
+      value={editorTheme}
+      options={options}
+      label={t('editor_theme')}
+      name="editorTheme"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-font-family.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-font-family.tsx
new file mode 100644
index 0000000..5a32709
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-font-family.tsx
@@ -0,0 +1,47 @@
+import { useTranslation } from 'react-i18next'
+import { useProjectSettingsContext } from '../../context/project-settings-context'
+import SettingsMenuSelect from './settings-menu-select'
+import BetaBadge from '@/shared/components/beta-badge'
+import { FontFamily } from '@/shared/utils/styles'
+
+export default function SettingsFontFamily() {
+  const { t } = useTranslation()
+  const { fontFamily, setFontFamily } = useProjectSettingsContext()
+
+  return (
+    <div className="left-menu-setting-position">
+      <SettingsMenuSelect<FontFamily>
+        onChange={setFontFamily}
+        value={fontFamily}
+        options={[
+          {
+            value: 'monaco',
+            label: 'Monaco / Menlo / Consolas',
+          },
+          {
+            value: 'lucida',
+            label: 'Lucida / Source Code Pro',
+          },
+          {
+            value: 'opendyslexicmono',
+            label: 'OpenDyslexic Mono',
+          },
+        ]}
+        label={t('font_family')}
+        name="fontFamily"
+      />
+      <BetaBadge
+        phase="release"
+        link={{
+          href: 'https://docs.google.com/forms/d/e/1FAIpQLScOt_IHTrcaM_uitP9dgCo_r4dl4cy9Ry6LhYYcwTN4qDTDUg/viewform',
+          className: 'left-menu-setting-icon',
+        }}
+        tooltip={{
+          id: 'font-family-tooltip',
+          text: `${t('new_font_open_dyslexic')} ${t('click_to_give_feedback')}`,
+          placement: 'right',
+        }}
+      />
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-font-size.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-font-size.tsx
new file mode 100644
index 0000000..b3a1522
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-font-size.tsx
@@ -0,0 +1,25 @@
+import { useTranslation } from 'react-i18next'
+import { useProjectSettingsContext } from '../../context/project-settings-context'
+import SettingsMenuSelect from './settings-menu-select'
+import type { Option } from './settings-menu-select'
+
+const sizes = [10, 11, 12, 13, 14, 16, 18, 20, 22, 24]
+const options: Option<number>[] = sizes.map(size => ({
+  value: size,
+  label: `${size}px`,
+}))
+
+export default function SettingsFontSize() {
+  const { t } = useTranslation()
+  const { fontSize, setFontSize } = useProjectSettingsContext()
+
+  return (
+    <SettingsMenuSelect
+      onChange={setFontSize}
+      value={fontSize}
+      options={options}
+      label={t('font_size')}
+      name="fontSize"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-image-name.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-image-name.tsx
new file mode 100644
index 0000000..f523478
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-image-name.tsx
@@ -0,0 +1,42 @@
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import getMeta from '../../../../utils/meta'
+import SettingsMenuSelect from './settings-menu-select'
+import type { Option } from './settings-menu-select'
+import { useProjectSettingsContext } from '../../context/project-settings-context'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+
+export default function SettingsImageName() {
+  const { t } = useTranslation()
+  const { imageName, setImageName } = useProjectSettingsContext()
+  const { write } = usePermissionsContext()
+
+  const allowedImageNames = useMemo(
+    () => getMeta('ol-allowedImageNames') || [],
+    []
+  )
+
+  const options: Array<Option> = useMemo(
+    () =>
+      allowedImageNames.map(({ imageName, imageDesc }) => ({
+        value: imageName,
+        label: imageDesc,
+      })),
+    [allowedImageNames]
+  )
+
+  if (allowedImageNames.length === 0) {
+    return null
+  }
+
+  return (
+    <SettingsMenuSelect
+      onChange={setImageName}
+      value={imageName}
+      disabled={!write}
+      options={options}
+      label={t('tex_live_version')}
+      name="imageName"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-keybindings.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-keybindings.tsx
new file mode 100644
index 0000000..45abadf
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-keybindings.tsx
@@ -0,0 +1,32 @@
+import { useTranslation } from 'react-i18next'
+import type { Keybindings } from '../../../../../../types/user-settings'
+import { useProjectSettingsContext } from '../../context/project-settings-context'
+import SettingsMenuSelect from './settings-menu-select'
+
+export default function SettingsKeybindings() {
+  const { t } = useTranslation()
+  const { mode, setMode } = useProjectSettingsContext()
+
+  return (
+    <SettingsMenuSelect<Keybindings>
+      onChange={setMode}
+      value={mode}
+      options={[
+        {
+          value: 'default',
+          label: 'None',
+        },
+        {
+          value: 'vim',
+          label: 'Vim',
+        },
+        {
+          value: 'emacs',
+          label: 'Emacs',
+        },
+      ]}
+      label={t('keybindings')}
+      name="mode"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-line-height.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-line-height.tsx
new file mode 100644
index 0000000..b0d5201
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-line-height.tsx
@@ -0,0 +1,32 @@
+import { useTranslation } from 'react-i18next'
+import { useProjectSettingsContext } from '../../context/project-settings-context'
+import SettingsMenuSelect from './settings-menu-select'
+import { LineHeight } from '@/shared/utils/styles'
+
+export default function SettingsLineHeight() {
+  const { t } = useTranslation()
+  const { lineHeight, setLineHeight } = useProjectSettingsContext()
+
+  return (
+    <SettingsMenuSelect<LineHeight>
+      onChange={setLineHeight}
+      value={lineHeight}
+      options={[
+        {
+          value: 'compact',
+          label: t('compact'),
+        },
+        {
+          value: 'normal',
+          label: t('normal'),
+        },
+        {
+          value: 'wide',
+          label: t('wide'),
+        },
+      ]}
+      label={t('line_height')}
+      name="lineHeight"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-math-preview.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-math-preview.tsx
new file mode 100644
index 0000000..12554ff
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-math-preview.tsx
@@ -0,0 +1,27 @@
+import { useTranslation } from 'react-i18next'
+import { useProjectSettingsContext } from '../../context/project-settings-context'
+import SettingsMenuSelect from './settings-menu-select'
+
+export default function SettingsMathPreview() {
+  const { t } = useTranslation()
+  const { mathPreview, setMathPreview } = useProjectSettingsContext()
+
+  return (
+    <SettingsMenuSelect
+      onChange={setMathPreview}
+      value={mathPreview}
+      options={[
+        {
+          value: true,
+          label: t('on'),
+        },
+        {
+          value: false,
+          label: t('off'),
+        },
+      ]}
+      label={t('equation_preview')}
+      name="mathPreview"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-menu-select.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-menu-select.tsx
new file mode 100644
index 0000000..a6a68cd
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-menu-select.tsx
@@ -0,0 +1,125 @@
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLFormSelect from '@/features/ui/components/ol/ol-form-select'
+import { ChangeEventHandler, useCallback, useEffect, useRef } from 'react'
+import { Spinner } from 'react-bootstrap-5'
+import { useEditorLeftMenuContext } from '@/features/editor-left-menu/components/editor-left-menu-context'
+
+type PossibleValue = string | number | boolean
+
+export type Option<T extends PossibleValue = string> = {
+  value: T
+  label: string
+  ariaHidden?: 'true' | 'false'
+  disabled?: boolean
+}
+
+export type Optgroup<T extends PossibleValue = string> = {
+  label: string
+  options: Array<Option<T>>
+}
+
+type SettingsMenuSelectProps<T extends PossibleValue = string> = {
+  label: string
+  name: string
+  options: Array<Option<T>>
+  optgroup?: Optgroup<T>
+  loading?: boolean
+  onChange: (val: T) => void
+  value?: T
+  disabled?: boolean
+}
+
+export default function SettingsMenuSelect<T extends PossibleValue = string>({
+  label,
+  name,
+  options,
+  optgroup,
+  loading,
+  onChange,
+  value,
+  disabled = false,
+}: SettingsMenuSelectProps<T>) {
+  const handleChange: ChangeEventHandler<HTMLSelectElement> = useCallback(
+    event => {
+      const selectedValue = event.target.value
+      let onChangeValue: PossibleValue = selectedValue
+      if (typeof value === 'boolean') {
+        onChangeValue = selectedValue === 'true'
+      } else if (typeof value === 'number') {
+        onChangeValue = parseInt(selectedValue, 10)
+      }
+      onChange(onChangeValue as T)
+    },
+    [onChange, value]
+  )
+
+  const { settingToFocus } = useEditorLeftMenuContext()
+
+  const selectRef = useRef<HTMLSelectElement | null>(null)
+
+  useEffect(() => {
+    if (settingToFocus === name && selectRef.current) {
+      selectRef.current.scrollIntoView({
+        block: 'center',
+        behavior: 'smooth',
+      })
+      selectRef.current.focus()
+    }
+
+    // clear the focus setting
+    window.dispatchEvent(
+      new CustomEvent('ui.focus-setting', { detail: undefined })
+    )
+  }, [name, settingToFocus])
+
+  return (
+    <OLFormGroup
+      controlId={`settings-menu-${name}`}
+      className="left-menu-setting"
+    >
+      <OLFormLabel>{label}</OLFormLabel>
+      {loading ? (
+        <p className="mb-0">
+          <Spinner
+            animation="border"
+            aria-hidden="true"
+            size="sm"
+            role="status"
+          />
+        </p>
+      ) : (
+        <OLFormSelect
+          size="sm"
+          onChange={handleChange}
+          value={value?.toString()}
+          disabled={disabled}
+          ref={selectRef}
+        >
+          {options.map(option => (
+            <option
+              key={`${name}-${option.value}`}
+              value={option.value.toString()}
+              aria-hidden={option.ariaHidden}
+              disabled={option.disabled}
+            >
+              {option.label}
+            </option>
+          ))}
+          {optgroup ? (
+            <optgroup label={optgroup.label}>
+              {optgroup.options.map(option => (
+                <option
+                  value={option.value.toString()}
+                  key={option.value.toString()}
+                >
+                  {option.label}
+                </option>
+              ))}
+            </optgroup>
+          ) : null}
+        </OLFormSelect>
+      )}
+    </OLFormGroup>
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-overall-theme.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-overall-theme.tsx
new file mode 100644
index 0000000..f63be25
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-overall-theme.tsx
@@ -0,0 +1,42 @@
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useLayoutContext } from '../../../../shared/context/layout-context'
+import getMeta from '../../../../utils/meta'
+import SettingsMenuSelect, { Option } from './settings-menu-select'
+import { useProjectSettingsContext } from '../../context/project-settings-context'
+import type { OverallThemeMeta } from '../../../../../../types/project-settings'
+import { isIEEEBranded } from '@/utils/is-ieee-branded'
+import { OverallTheme } from '@/shared/utils/styles'
+
+export default function SettingsOverallTheme() {
+  const { t } = useTranslation()
+  const overallThemes = getMeta('ol-overallThemes') as
+    | OverallThemeMeta[]
+    | undefined
+  const { loadingStyleSheet } = useLayoutContext()
+  const { overallTheme, setOverallTheme } = useProjectSettingsContext()
+
+  const options: Array<Option<OverallTheme>> = useMemo(
+    () =>
+      overallThemes?.map(({ name, val }) => ({
+        value: val,
+        label: name,
+      })) ?? [],
+    [overallThemes]
+  )
+
+  if (!overallThemes || isIEEEBranded()) {
+    return null
+  }
+
+  return (
+    <SettingsMenuSelect<OverallTheme>
+      onChange={setOverallTheme}
+      value={overallTheme}
+      options={options}
+      loading={loadingStyleSheet}
+      label={t('overall_theme')}
+      name="overallTheme"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-pdf-viewer.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-pdf-viewer.tsx
new file mode 100644
index 0000000..7adea8c
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-pdf-viewer.tsx
@@ -0,0 +1,28 @@
+import { useTranslation } from 'react-i18next'
+import type { PdfViewer } from '../../../../../../types/user-settings'
+import { useProjectSettingsContext } from '../../context/project-settings-context'
+import SettingsMenuSelect from './settings-menu-select'
+
+export default function SettingsPdfViewer() {
+  const { t } = useTranslation()
+  const { pdfViewer, setPdfViewer } = useProjectSettingsContext()
+
+  return (
+    <SettingsMenuSelect<PdfViewer>
+      onChange={setPdfViewer}
+      value={pdfViewer}
+      options={[
+        {
+          value: 'pdfjs',
+          label: t('overleaf'),
+        },
+        {
+          value: 'native',
+          label: t('browser'),
+        },
+      ]}
+      label={t('pdf_viewer')}
+      name="pdfViewer"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-spell-check-language.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-spell-check-language.tsx
new file mode 100644
index 0000000..ecd0ced
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-spell-check-language.tsx
@@ -0,0 +1,42 @@
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import getMeta from '../../../../utils/meta'
+import { useProjectSettingsContext } from '../../context/project-settings-context'
+import SettingsMenuSelect from './settings-menu-select'
+import type { Optgroup } from './settings-menu-select'
+import { useEditorContext } from '@/shared/context/editor-context'
+import { supportsWebAssembly } from '@/utils/wasm'
+
+export default function SettingsSpellCheckLanguage() {
+  const { t } = useTranslation()
+
+  const { spellCheckLanguage, setSpellCheckLanguage } =
+    useProjectSettingsContext()
+  const { permissionsLevel } = useEditorContext()
+
+  const optgroup: Optgroup = useMemo(() => {
+    const options = (getMeta('ol-languages') ?? [])
+      // only include spell-check languages that are available in the client
+      .filter(language => language.dic !== undefined)
+
+    return {
+      label: 'Language',
+      options: options.map(language => ({
+        value: language.code,
+        label: language.name,
+      })),
+    }
+  }, [])
+
+  return (
+    <SettingsMenuSelect
+      onChange={setSpellCheckLanguage}
+      value={supportsWebAssembly() ? spellCheckLanguage : ''}
+      options={[{ value: '', label: t('off') }]}
+      optgroup={optgroup}
+      label={t('spell_check')}
+      name="spellCheckLanguage"
+      disabled={permissionsLevel === 'readOnly' || !supportsWebAssembly()}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/settings/settings-syntax-validation.tsx b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-syntax-validation.tsx
new file mode 100644
index 0000000..8a22cfc
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/settings/settings-syntax-validation.tsx
@@ -0,0 +1,27 @@
+import { useTranslation } from 'react-i18next'
+import { useProjectSettingsContext } from '../../context/project-settings-context'
+import SettingsMenuSelect from './settings-menu-select'
+
+export default function SettingsSyntaxValidation() {
+  const { t } = useTranslation()
+  const { syntaxValidation, setSyntaxValidation } = useProjectSettingsContext()
+
+  return (
+    <SettingsMenuSelect<boolean>
+      onChange={setSyntaxValidation}
+      value={syntaxValidation}
+      options={[
+        {
+          value: true,
+          label: t('on'),
+        },
+        {
+          value: false,
+          label: t('off'),
+        },
+      ]}
+      label={t('syntax_validation')}
+      name="syntaxValidation"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/components/sync-menu.tsx b/services/web/frontend/js/features/editor-left-menu/components/sync-menu.tsx
new file mode 100644
index 0000000..1618bd1
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/components/sync-menu.tsx
@@ -0,0 +1,42 @@
+import { ElementType } from 'react'
+import { useTranslation } from 'react-i18next'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+import getMeta from '../../../utils/meta'
+
+const components = importOverleafModules('editorLeftMenuSync') as {
+  import: { default: ElementType }
+  path: string
+}[]
+
+export default function SyncMenu() {
+  const { t } = useTranslation()
+  const anonymous = getMeta('ol-anonymous')
+  const gitBridgeEnabled = getMeta('ol-gitBridgeEnabled')
+
+  if (anonymous) {
+    return null
+  }
+
+  if (components.length === 0) {
+    return null
+  }
+
+  // This flag can only be false in CE and Server Pro. In this case we skip rendering the
+  // entire sync section, since Dropbox and GitHub are never available in SP
+  if (!gitBridgeEnabled) {
+    return null
+  }
+
+  return (
+    <>
+      <h4>{t('sync')}</h4>
+      <ul className="list-unstyled nav">
+        {components.map(({ import: { default: Component }, path }) => (
+          <li key={path}>
+            <Component />
+          </li>
+        ))}
+      </ul>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/context/project-settings-context.tsx b/services/web/frontend/js/features/editor-left-menu/context/project-settings-context.tsx
new file mode 100644
index 0000000..20aa62b
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/context/project-settings-context.tsx
@@ -0,0 +1,163 @@
+import { createContext, FC, useContext, useMemo } from 'react'
+import useProjectWideSettings from '../hooks/use-project-wide-settings'
+import useUserWideSettings from '../hooks/use-user-wide-settings'
+import useProjectWideSettingsSocketListener from '../hooks/use-project-wide-settings-socket-listener'
+import type { ProjectSettings } from '../utils/api'
+import { UserSettings } from '../../../../../types/user-settings'
+
+type ProjectSettingsSetterContextValue = {
+  setCompiler: (compiler: ProjectSettings['compiler']) => void
+  setImageName: (imageName: ProjectSettings['imageName']) => void
+  setRootDocId: (rootDocId: ProjectSettings['rootDocId']) => void
+  setSpellCheckLanguage: (
+    spellCheckLanguage: ProjectSettings['spellCheckLanguage']
+  ) => void
+  setAutoComplete: (autoComplete: UserSettings['autoComplete']) => void
+  setAutoPairDelimiters: (
+    autoPairDelimiters: UserSettings['autoPairDelimiters']
+  ) => void
+  setSyntaxValidation: (
+    syntaxValidation: UserSettings['syntaxValidation']
+  ) => void
+  setMode: (mode: UserSettings['mode']) => void
+  setEditorTheme: (editorTheme: UserSettings['editorTheme']) => void
+  setOverallTheme: (overallTheme: UserSettings['overallTheme']) => void
+  setFontSize: (fontSize: UserSettings['fontSize']) => void
+  setFontFamily: (fontFamily: UserSettings['fontFamily']) => void
+  setLineHeight: (lineHeight: UserSettings['lineHeight']) => void
+  setPdfViewer: (pdfViewer: UserSettings['pdfViewer']) => void
+  setMathPreview: (mathPreview: UserSettings['mathPreview']) => void
+}
+
+type ProjectSettingsContextValue = Partial<ProjectSettings> &
+  Partial<UserSettings> &
+  ProjectSettingsSetterContextValue
+
+export const ProjectSettingsContext = createContext<
+  ProjectSettingsContextValue | undefined
+>(undefined)
+
+export const ProjectSettingsProvider: FC = ({ children }) => {
+  const {
+    compiler,
+    setCompiler,
+    imageName,
+    setImageName,
+    rootDocId,
+    setRootDocId,
+    spellCheckLanguage,
+    setSpellCheckLanguage,
+  } = useProjectWideSettings()
+
+  const {
+    autoComplete,
+    setAutoComplete,
+    autoPairDelimiters,
+    setAutoPairDelimiters,
+    syntaxValidation,
+    setSyntaxValidation,
+    editorTheme,
+    setEditorTheme,
+    overallTheme,
+    setOverallTheme,
+    mode,
+    setMode,
+    fontSize,
+    setFontSize,
+    fontFamily,
+    setFontFamily,
+    lineHeight,
+    setLineHeight,
+    pdfViewer,
+    setPdfViewer,
+    mathPreview,
+    setMathPreview,
+  } = useUserWideSettings()
+
+  useProjectWideSettingsSocketListener()
+
+  const value: ProjectSettingsContextValue = useMemo(
+    () => ({
+      compiler,
+      setCompiler,
+      imageName,
+      setImageName,
+      rootDocId,
+      setRootDocId,
+      spellCheckLanguage,
+      setSpellCheckLanguage,
+      autoComplete,
+      setAutoComplete,
+      autoPairDelimiters,
+      setAutoPairDelimiters,
+      syntaxValidation,
+      setSyntaxValidation,
+      editorTheme,
+      setEditorTheme,
+      overallTheme,
+      setOverallTheme,
+      mode,
+      setMode,
+      fontSize,
+      setFontSize,
+      fontFamily,
+      setFontFamily,
+      lineHeight,
+      setLineHeight,
+      pdfViewer,
+      setPdfViewer,
+      mathPreview,
+      setMathPreview,
+    }),
+    [
+      compiler,
+      setCompiler,
+      imageName,
+      setImageName,
+      rootDocId,
+      setRootDocId,
+      spellCheckLanguage,
+      setSpellCheckLanguage,
+      autoComplete,
+      setAutoComplete,
+      autoPairDelimiters,
+      setAutoPairDelimiters,
+      syntaxValidation,
+      setSyntaxValidation,
+      editorTheme,
+      setEditorTheme,
+      overallTheme,
+      setOverallTheme,
+      mode,
+      setMode,
+      fontSize,
+      setFontSize,
+      fontFamily,
+      setFontFamily,
+      lineHeight,
+      setLineHeight,
+      pdfViewer,
+      setPdfViewer,
+      mathPreview,
+      setMathPreview,
+    ]
+  )
+
+  return (
+    <ProjectSettingsContext.Provider value={value}>
+      {children}
+    </ProjectSettingsContext.Provider>
+  )
+}
+
+export function useProjectSettingsContext() {
+  const context = useContext(ProjectSettingsContext)
+
+  if (!context) {
+    throw new Error(
+      'useProjectSettingsContext is only available inside ProjectSettingsProvider'
+    )
+  }
+
+  return context
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/hooks/use-project-wide-settings-socket-listener.tsx b/services/web/frontend/js/features/editor-left-menu/hooks/use-project-wide-settings-socket-listener.tsx
new file mode 100644
index 0000000..fde26a1
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/hooks/use-project-wide-settings-socket-listener.tsx
@@ -0,0 +1,58 @@
+import { useCallback, useEffect } from 'react'
+import { useIdeContext } from '../../../shared/context/ide-context'
+import useScopeValue from '../../../shared/hooks/use-scope-value'
+import type { ProjectSettings } from '../utils/api'
+
+export default function useProjectWideSettingsSocketListener() {
+  const { socket } = useIdeContext()
+
+  const [project, setProject] = useScopeValue<ProjectSettings | undefined>(
+    'project'
+  )
+
+  const setCompiler = useCallback(
+    (compiler: ProjectSettings['compiler']) => {
+      if (project) {
+        setProject({ ...project, compiler })
+      }
+    },
+    [project, setProject]
+  )
+
+  const setImageName = useCallback(
+    (imageName: ProjectSettings['imageName']) => {
+      if (project) {
+        setProject({ ...project, imageName })
+      }
+    },
+    [project, setProject]
+  )
+
+  const setSpellCheckLanguage = useCallback(
+    (spellCheckLanguage: ProjectSettings['spellCheckLanguage']) => {
+      if (project) {
+        setProject({ ...project, spellCheckLanguage })
+      }
+    },
+    [project, setProject]
+  )
+
+  useEffect(() => {
+    // data is not available on initial mounting
+    const dataAvailable = !!project
+
+    if (dataAvailable && socket) {
+      socket.on('compilerUpdated', setCompiler)
+      socket.on('imageNameUpdated', setImageName)
+      socket.on('spellCheckLanguageUpdated', setSpellCheckLanguage)
+      return () => {
+        socket.removeListener('compilerUpdated', setCompiler)
+        socket.removeListener('imageNameUpdated', setImageName)
+        socket.removeListener(
+          'spellCheckLanguageUpdated',
+          setSpellCheckLanguage
+        )
+      }
+    }
+  }, [socket, project, setCompiler, setImageName, setSpellCheckLanguage])
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/hooks/use-project-wide-settings.tsx b/services/web/frontend/js/features/editor-left-menu/hooks/use-project-wide-settings.tsx
new file mode 100644
index 0000000..3e569f2
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/hooks/use-project-wide-settings.tsx
@@ -0,0 +1,41 @@
+import { useCallback } from 'react'
+import useScopeValue from '../../../shared/hooks/use-scope-value'
+import type { ProjectSettings } from '../utils/api'
+import useRootDocId from './use-root-doc-id'
+import useSaveProjectSettings from './use-save-project-settings'
+import useSetSpellCheckLanguage from './use-set-spell-check-language'
+import { debugConsole } from '@/utils/debugging'
+
+export default function useProjectWideSettings() {
+  // The value will be undefined on mount
+  const [project] = useScopeValue<ProjectSettings | undefined>('project')
+  const saveProjectSettings = useSaveProjectSettings()
+
+  const setCompiler = useCallback(
+    (newCompiler: ProjectSettings['compiler']) => {
+      saveProjectSettings('compiler', newCompiler).catch(debugConsole.error)
+    },
+    [saveProjectSettings]
+  )
+
+  const setImageName = useCallback(
+    (newImageName: ProjectSettings['imageName']) => {
+      saveProjectSettings('imageName', newImageName).catch(debugConsole.error)
+    },
+    [saveProjectSettings]
+  )
+
+  const { setRootDocId, rootDocId } = useRootDocId()
+  const setSpellCheckLanguage = useSetSpellCheckLanguage()
+
+  return {
+    compiler: project?.compiler,
+    setCompiler,
+    imageName: project?.imageName,
+    setImageName,
+    rootDocId,
+    setRootDocId,
+    spellCheckLanguage: project?.spellCheckLanguage,
+    setSpellCheckLanguage,
+  }
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/hooks/use-root-doc-id.tsx b/services/web/frontend/js/features/editor-left-menu/hooks/use-root-doc-id.tsx
new file mode 100644
index 0000000..ca2e858
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/hooks/use-root-doc-id.tsx
@@ -0,0 +1,34 @@
+import { useCallback } from 'react'
+import { useEditorContext } from '../../../shared/context/editor-context'
+import useScopeValue from '../../../shared/hooks/use-scope-value'
+import type { ProjectSettings } from '../utils/api'
+import useSaveProjectSettings from './use-save-project-settings'
+
+export default function useRootDocId() {
+  const [rootDocId] =
+    useScopeValue<ProjectSettings['rootDocId']>('project.rootDoc_id')
+  const { permissionsLevel } = useEditorContext()
+  const saveProjectSettings = useSaveProjectSettings()
+
+  const setRootDocIdFunc = useCallback(
+    async (newRootDocId: ProjectSettings['rootDocId']) => {
+      // rootDocId will be undefined on angular scope on initialisation
+      const allowUpdate =
+        typeof rootDocId !== 'undefined' && permissionsLevel !== 'readOnly'
+
+      if (allowUpdate) {
+        try {
+          await saveProjectSettings('rootDocId', newRootDocId)
+        } catch (err) {
+          // TODO: retry mechanism (max 10x before failed completely and rollback the old value)
+        }
+      }
+    },
+    [permissionsLevel, rootDocId, saveProjectSettings]
+  )
+
+  return {
+    rootDocId,
+    setRootDocId: setRootDocIdFunc,
+  }
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/hooks/use-save-project-settings.tsx b/services/web/frontend/js/features/editor-left-menu/hooks/use-save-project-settings.tsx
new file mode 100644
index 0000000..07a20a1
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/hooks/use-save-project-settings.tsx
@@ -0,0 +1,32 @@
+import { type ProjectSettings, saveProjectSettings } from '../utils/api'
+import { useProjectContext } from '../../../shared/context/project-context'
+import useScopeValue from '../../../shared/hooks/use-scope-value'
+
+export default function useSaveProjectSettings() {
+  // projectSettings value will be undefined on mount
+  const [projectSettings, setProjectSettings] = useScopeValue<
+    ProjectSettings | undefined
+  >('project')
+  const { _id: projectId } = useProjectContext()
+
+  return async (
+    key: keyof ProjectSettings,
+    newSetting: ProjectSettings[keyof ProjectSettings]
+  ) => {
+    if (projectSettings) {
+      const currentSetting = projectSettings[key]
+      if (currentSetting !== newSetting) {
+        await saveProjectSettings(projectId, {
+          [key]: newSetting,
+        })
+
+        // rootDocId is used in our tsx and our endpoint, but rootDoc_id is used in our project $scope, etc
+        // as we use both namings in many files, and convert back and forth,
+        // its complicated to seperate and choose one name for all usages
+        // todo: make rootDocId or rootDoc_id consistent, and remove need for this/ other conversions
+        const settingsKey = key === 'rootDocId' ? 'rootDoc_id' : key
+        setProjectSettings({ ...projectSettings, [settingsKey]: newSetting })
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/hooks/use-save-user-settings.tsx b/services/web/frontend/js/features/editor-left-menu/hooks/use-save-user-settings.tsx
new file mode 100644
index 0000000..d0974ff
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/hooks/use-save-user-settings.tsx
@@ -0,0 +1,19 @@
+import { useUserSettingsContext } from '@/shared/context/user-settings-context'
+import { saveUserSettings } from '../utils/api'
+import { UserSettings } from '../../../../../types/user-settings'
+
+export default function useSaveUserSettings() {
+  const { userSettings, setUserSettings } = useUserSettingsContext()
+
+  return (
+    key: keyof UserSettings,
+    newSetting: UserSettings[keyof UserSettings]
+  ) => {
+    const currentSetting = userSettings[key]
+
+    if (currentSetting !== newSetting) {
+      setUserSettings({ ...userSettings, [key]: newSetting })
+      saveUserSettings(key, newSetting)
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/hooks/use-set-overall-theme.tsx b/services/web/frontend/js/features/editor-left-menu/hooks/use-set-overall-theme.tsx
new file mode 100644
index 0000000..6701c78
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/hooks/use-set-overall-theme.tsx
@@ -0,0 +1,43 @@
+import { useCallback, useEffect } from 'react'
+import _ from 'lodash'
+import { saveUserSettings } from '../utils/api'
+import { UserSettings } from '../../../../../types/user-settings'
+import { useUserSettingsContext } from '@/shared/context/user-settings-context'
+import getMeta from '@/utils/meta'
+import { isIEEEBranded } from '@/utils/is-ieee-branded'
+
+export default function useSetOverallTheme() {
+  const { userSettings, setUserSettings } = useUserSettingsContext()
+  const { overallTheme } = userSettings
+
+  const setOverallTheme = useCallback(
+    (overallTheme: UserSettings['overallTheme']) => {
+      setUserSettings(settings => ({ ...settings, overallTheme }))
+    },
+    [setUserSettings]
+  )
+
+  useEffect(() => {
+    // Sets the body's data-theme attribute for theming
+    const theme =
+      overallTheme === 'light-' && !isIEEEBranded() ? 'light' : 'default'
+    document.body.dataset.theme = theme
+  }, [overallTheme])
+
+  return useCallback(
+    (newOverallTheme: UserSettings['overallTheme']) => {
+      if (overallTheme !== newOverallTheme) {
+        const chosenTheme = _.find(
+          getMeta('ol-overallThemes'),
+          theme => theme.val === newOverallTheme
+        )
+
+        if (chosenTheme) {
+          setOverallTheme(newOverallTheme)
+          saveUserSettings('overallTheme', newOverallTheme)
+        }
+      }
+    },
+    [overallTheme, setOverallTheme]
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/hooks/use-set-spell-check-language.tsx b/services/web/frontend/js/features/editor-left-menu/hooks/use-set-spell-check-language.tsx
new file mode 100644
index 0000000..075b210
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/hooks/use-set-spell-check-language.tsx
@@ -0,0 +1,32 @@
+import { useCallback } from 'react'
+import useScopeValue from '../../../shared/hooks/use-scope-value'
+import { type ProjectSettings, saveUserSettings } from '../utils/api'
+import useSaveProjectSettings from './use-save-project-settings'
+
+export default function useSetSpellCheckLanguage() {
+  const [spellCheckLanguage, setSpellCheckLanguage] = useScopeValue<
+    ProjectSettings['spellCheckLanguage']
+  >('project.spellCheckLanguage')
+  const saveProjectSettings = useSaveProjectSettings()
+
+  return useCallback(
+    (newSpellCheckLanguage: ProjectSettings['spellCheckLanguage']) => {
+      const allowUpdate =
+        spellCheckLanguage != null &&
+        newSpellCheckLanguage !== spellCheckLanguage
+
+      if (allowUpdate) {
+        setSpellCheckLanguage(newSpellCheckLanguage)
+
+        // Save project settings is created from hooks because it will save the value on
+        // both server-side and client-side (angular scope)
+        saveProjectSettings('spellCheckLanguage', newSpellCheckLanguage)
+
+        // For user settings, we only need to save it on server-side,
+        // so we import the function directly without hooks
+        saveUserSettings('spellCheckLanguage', newSpellCheckLanguage)
+      }
+    },
+    [setSpellCheckLanguage, spellCheckLanguage, saveProjectSettings]
+  )
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/hooks/use-user-wide-settings.tsx b/services/web/frontend/js/features/editor-left-menu/hooks/use-user-wide-settings.tsx
new file mode 100644
index 0000000..70202c9
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/hooks/use-user-wide-settings.tsx
@@ -0,0 +1,120 @@
+import { useCallback } from 'react'
+import { useUserSettingsContext } from '@/shared/context/user-settings-context'
+import useSetOverallTheme from './use-set-overall-theme'
+import useSaveUserSettings from './use-save-user-settings'
+import { UserSettings } from '../../../../../types/user-settings'
+
+export default function useUserWideSettings() {
+  const saveUserSettings = useSaveUserSettings()
+
+  const { userSettings } = useUserSettingsContext()
+  const {
+    overallTheme,
+    autoComplete,
+    autoPairDelimiters,
+    syntaxValidation,
+    editorTheme,
+    mode,
+    fontSize,
+    fontFamily,
+    lineHeight,
+    pdfViewer,
+    mathPreview,
+  } = userSettings
+
+  const setOverallTheme = useSetOverallTheme()
+  const setAutoComplete = useCallback(
+    (autoComplete: UserSettings['autoComplete']) => {
+      saveUserSettings('autoComplete', autoComplete)
+    },
+    [saveUserSettings]
+  )
+
+  const setAutoPairDelimiters = useCallback(
+    (autoPairDelimiters: UserSettings['autoPairDelimiters']) => {
+      saveUserSettings('autoPairDelimiters', autoPairDelimiters)
+    },
+    [saveUserSettings]
+  )
+
+  const setSyntaxValidation = useCallback(
+    (syntaxValidation: UserSettings['syntaxValidation']) => {
+      saveUserSettings('syntaxValidation', syntaxValidation)
+    },
+    [saveUserSettings]
+  )
+
+  const setEditorTheme = useCallback(
+    (editorTheme: UserSettings['editorTheme']) => {
+      saveUserSettings('editorTheme', editorTheme)
+    },
+    [saveUserSettings]
+  )
+
+  const setMode = useCallback(
+    (mode: UserSettings['mode']) => {
+      saveUserSettings('mode', mode)
+    },
+    [saveUserSettings]
+  )
+
+  const setFontSize = useCallback(
+    (fontSize: UserSettings['fontSize']) => {
+      saveUserSettings('fontSize', fontSize)
+    },
+    [saveUserSettings]
+  )
+
+  const setFontFamily = useCallback(
+    (fontFamily: UserSettings['fontFamily']) => {
+      saveUserSettings('fontFamily', fontFamily)
+    },
+    [saveUserSettings]
+  )
+
+  const setLineHeight = useCallback(
+    (lineHeight: UserSettings['lineHeight']) => {
+      saveUserSettings('lineHeight', lineHeight)
+    },
+    [saveUserSettings]
+  )
+
+  const setPdfViewer = useCallback(
+    (pdfViewer: UserSettings['pdfViewer']) => {
+      saveUserSettings('pdfViewer', pdfViewer)
+    },
+    [saveUserSettings]
+  )
+
+  const setMathPreview = useCallback(
+    (mathPreview: UserSettings['mathPreview']) => {
+      saveUserSettings('mathPreview', mathPreview)
+    },
+    [saveUserSettings]
+  )
+
+  return {
+    autoComplete,
+    setAutoComplete,
+    autoPairDelimiters,
+    setAutoPairDelimiters,
+    syntaxValidation,
+    setSyntaxValidation,
+    editorTheme,
+    setEditorTheme,
+    overallTheme,
+    setOverallTheme,
+    mode,
+    setMode,
+    fontSize,
+    setFontSize,
+    fontFamily,
+    setFontFamily,
+    lineHeight,
+    setLineHeight,
+    pdfViewer,
+    setPdfViewer,
+    mathPreview,
+    setMathPreview,
+  }
+}
diff --git a/services/web/frontend/js/features/editor-left-menu/utils/api.ts b/services/web/frontend/js/features/editor-left-menu/utils/api.ts
new file mode 100644
index 0000000..3954f7e
--- /dev/null
+++ b/services/web/frontend/js/features/editor-left-menu/utils/api.ts
@@ -0,0 +1,46 @@
+import type { ProjectCompiler } from '../../../../../types/project-settings'
+import { sendMB } from '../../../infrastructure/event-tracking'
+import { postJSON } from '../../../infrastructure/fetch-json'
+import { debugConsole } from '@/utils/debugging'
+import { UserSettings } from '../../../../../types/user-settings'
+
+export type ProjectSettings = {
+  compiler: ProjectCompiler
+  imageName: string
+  rootDocId: string
+  spellCheckLanguage: string
+  name: string
+}
+
+type SaveUserSettings = Partial<
+  UserSettings & {
+    spellCheckLanguage: ProjectSettings['spellCheckLanguage']
+  }
+>
+
+export function saveUserSettings(
+  key: keyof SaveUserSettings,
+  value: SaveUserSettings[keyof SaveUserSettings]
+) {
+  sendMB('setting-changed', {
+    changedSetting: key,
+    changedSettingVal: value,
+  })
+
+  postJSON('/user/settings', {
+    body: {
+      [key]: value,
+    },
+  }).catch(debugConsole.error)
+}
+
+export const saveProjectSettings = async (
+  projectId: string,
+  data: Partial<ProjectSettings>
+) => {
+  await postJSON<never>(`/project/${projectId}/settings`, {
+    body: {
+      ...data,
+    },
+  })
+}
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/back-to-editor-button.tsx b/services/web/frontend/js/features/editor-navigation-toolbar/components/back-to-editor-button.tsx
new file mode 100644
index 0000000..7c24294
--- /dev/null
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/back-to-editor-button.tsx
@@ -0,0 +1,21 @@
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '@/shared/components/material-icon'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+function BackToEditorButton({ onClick }: { onClick: () => void }) {
+  const { t } = useTranslation()
+
+  return (
+    <OLButton
+      variant="secondary"
+      size="sm"
+      onClick={onClick}
+      className="back-to-editor-btn"
+    >
+      <MaterialIcon type="arrow_back" className="toolbar-btn-secondary-icon" />
+      <span className="toolbar-label">{t('back_to_editor')}</span>
+    </OLButton>
+  )
+}
+
+export default BackToEditorButton
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/back-to-projects-button.tsx b/services/web/frontend/js/features/editor-navigation-toolbar/components/back-to-projects-button.tsx
new file mode 100644
index 0000000..f37ec49
--- /dev/null
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/back-to-projects-button.tsx
@@ -0,0 +1,35 @@
+import { useTranslation } from 'react-i18next'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '@/shared/components/material-icon'
+
+function BackToProjectsButton() {
+  const { t } = useTranslation()
+
+  return (
+    <OLTooltip
+      id="back-to-projects"
+      description={t('back_to_your_projects')}
+      overlayProps={{ placement: 'right' }}
+    >
+      <div className="toolbar-item">
+        <a
+          className="btn btn-full-height"
+          draggable="false"
+          href="/project"
+          onClick={() => {
+            eventTracking.sendMB('navigation-clicked-home')
+          }}
+        >
+          <MaterialIcon
+            type="home"
+            className="align-text-bottom"
+            accessibilityLabel={t('back_to_your_projects')}
+          />
+        </a>
+      </div>
+    </OLTooltip>
+  )
+}
+
+export default BackToProjectsButton
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/chat-toggle-button.jsx b/services/web/frontend/js/features/editor-navigation-toolbar/components/chat-toggle-button.jsx
new file mode 100644
index 0000000..78afcdd
--- /dev/null
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/chat-toggle-button.jsx
@@ -0,0 +1,35 @@
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '@/shared/components/material-icon'
+import OLBadge from '@/features/ui/components/ol/ol-badge'
+
+function ChatToggleButton({ chatIsOpen, unreadMessageCount, onClick }) {
+  const { t } = useTranslation()
+  const classes = classNames('btn', 'btn-full-height', { active: chatIsOpen })
+
+  const hasUnreadMessages = unreadMessageCount > 0
+
+  return (
+    <div className="toolbar-item">
+      <button type="button" className={classes} onClick={onClick}>
+        <MaterialIcon
+          type="chat"
+          className={classNames('align-middle', {
+            bounce: hasUnreadMessages,
+          })}
+        />
+        {hasUnreadMessages && <OLBadge bg="info">{unreadMessageCount}</OLBadge>}
+        <p className="toolbar-label">{t('chat')}</p>
+      </button>
+    </div>
+  )
+}
+
+ChatToggleButton.propTypes = {
+  chatIsOpen: PropTypes.bool,
+  unreadMessageCount: PropTypes.number.isRequired,
+  onClick: PropTypes.func.isRequired,
+}
+
+export default ChatToggleButton
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/cobranding-logo.jsx b/services/web/frontend/js/features/editor-navigation-toolbar/components/cobranding-logo.jsx
new file mode 100644
index 0000000..80f3bc1
--- /dev/null
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/cobranding-logo.jsx
@@ -0,0 +1,30 @@
+import PropTypes from 'prop-types'
+
+function CobrandingLogo({
+  brandVariationHomeUrl,
+  brandVariationName,
+  logoImgUrl,
+}) {
+  return (
+    <a
+      className="btn btn-full-height header-cobranding-logo-container"
+      href={brandVariationHomeUrl}
+      target="_blank"
+      rel="noreferrer noopener"
+    >
+      <img
+        src={logoImgUrl}
+        className="header-cobranding-logo"
+        alt={brandVariationName}
+      />
+    </a>
+  )
+}
+
+CobrandingLogo.propTypes = {
+  brandVariationHomeUrl: PropTypes.string.isRequired,
+  brandVariationName: PropTypes.string.isRequired,
+  logoImgUrl: PropTypes.string.isRequired,
+}
+
+export default CobrandingLogo
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/editor-navigation-toolbar-root.tsx b/services/web/frontend/js/features/editor-navigation-toolbar/components/editor-navigation-toolbar-root.tsx
new file mode 100644
index 0000000..4b3795f
--- /dev/null
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/editor-navigation-toolbar-root.tsx
@@ -0,0 +1,133 @@
+import React, { useState, useCallback } from 'react'
+import ToolbarHeader from './toolbar-header'
+import { useEditorContext } from '../../../shared/context/editor-context'
+import { useChatContext } from '../../chat/context/chat-context'
+import { useLayoutContext } from '../../../shared/context/layout-context'
+import { useProjectContext } from '../../../shared/context/project-context'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import { Doc } from '../../../../../types/doc'
+
+function isOpentoString(open: boolean) {
+  return open ? 'open' : 'close'
+}
+
+const EditorNavigationToolbarRoot = React.memo(
+  function EditorNavigationToolbarRoot({
+    onlineUsersArray,
+    openDoc,
+    openShareProjectModal,
+  }: {
+    onlineUsersArray: any[]
+    openDoc: (doc: Doc, { gotoLine }: { gotoLine: number }) => void
+    openShareProjectModal: () => void
+  }) {
+    const {
+      name: projectName,
+      features: { trackChangesVisible },
+    } = useProjectContext()
+
+    const {
+      cobranding,
+      isRestrictedTokenMember,
+      renameProject,
+      permissionsLevel,
+    } = useEditorContext()
+
+    const {
+      chatIsOpen,
+      setChatIsOpen,
+      reviewPanelOpen,
+      setReviewPanelOpen,
+      view,
+      setView,
+      setLeftMenuShown,
+    } = useLayoutContext()
+
+    const { markMessagesAsRead, unreadMessageCount } = useChatContext()
+
+    const toggleChatOpen = useCallback(() => {
+      if (!chatIsOpen) {
+        markMessagesAsRead()
+      }
+      eventTracking.sendMB('navigation-clicked-chat', {
+        action: isOpentoString(!chatIsOpen),
+      })
+      setChatIsOpen(!chatIsOpen)
+    }, [chatIsOpen, setChatIsOpen, markMessagesAsRead])
+
+    const toggleReviewPanelOpen = useCallback(
+      event => {
+        event.preventDefault()
+        eventTracking.sendMB('navigation-clicked-review', {
+          action: isOpentoString(!reviewPanelOpen),
+        })
+        setReviewPanelOpen(value => !value)
+      },
+      [reviewPanelOpen, setReviewPanelOpen]
+    )
+
+    const [shouldReopenChat, setShouldReopenChat] = useState(chatIsOpen)
+    const toggleHistoryOpen = useCallback(() => {
+      const action = view === 'history' ? 'close' : 'open'
+      eventTracking.sendMB('navigation-clicked-history', { action })
+
+      if (chatIsOpen && action === 'open') {
+        setShouldReopenChat(true)
+        toggleChatOpen()
+      }
+      if (shouldReopenChat && action === 'close') {
+        setShouldReopenChat(false)
+        toggleChatOpen()
+      }
+      setView(view === 'history' ? 'editor' : 'history')
+    }, [view, chatIsOpen, shouldReopenChat, setView, toggleChatOpen])
+
+    const openShareModal = useCallback(() => {
+      eventTracking.sendMB('navigation-clicked-share')
+      openShareProjectModal()
+    }, [openShareProjectModal])
+
+    const onShowLeftMenuClick = useCallback(() => {
+      eventTracking.sendMB('navigation-clicked-menu')
+      setLeftMenuShown(value => !value)
+    }, [setLeftMenuShown])
+
+    const goToUser = useCallback(
+      user => {
+        if (user.doc && typeof user.row === 'number') {
+          openDoc(user.doc, { gotoLine: user.row + 1 })
+        }
+      },
+      [openDoc]
+    )
+
+    return (
+      <ToolbarHeader
+        // @ts-ignore: TODO(convert ToolbarHeader to TSX)
+        cobranding={cobranding}
+        onShowLeftMenuClick={onShowLeftMenuClick}
+        chatIsOpen={chatIsOpen}
+        unreadMessageCount={unreadMessageCount}
+        toggleChatOpen={toggleChatOpen}
+        reviewPanelOpen={reviewPanelOpen}
+        toggleReviewPanelOpen={toggleReviewPanelOpen}
+        historyIsOpen={view === 'history'}
+        toggleHistoryOpen={toggleHistoryOpen}
+        onlineUsers={onlineUsersArray}
+        goToUser={goToUser}
+        isRestrictedTokenMember={isRestrictedTokenMember}
+        hasPublishPermissions={
+          permissionsLevel === 'owner' || permissionsLevel === 'readAndWrite'
+        }
+        chatVisible={!isRestrictedTokenMember}
+        projectName={projectName}
+        renameProject={renameProject}
+        hasRenamePermissions={permissionsLevel === 'owner'}
+        openShareModal={openShareModal}
+        trackChangesVisible={trackChangesVisible}
+      />
+    )
+  }
+)
+
+export default EditorNavigationToolbarRoot
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/history-toggle-button.jsx b/services/web/frontend/js/features/editor-navigation-toolbar/components/history-toggle-button.jsx
new file mode 100644
index 0000000..23a2adf
--- /dev/null
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/history-toggle-button.jsx
@@ -0,0 +1,23 @@
+import PropTypes from 'prop-types'
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '@/shared/components/material-icon'
+
+function HistoryToggleButton({ onClick }) {
+  const { t } = useTranslation()
+
+  return (
+    <div className="toolbar-item">
+      <button type="button" className="btn btn-full-height" onClick={onClick}>
+        <MaterialIcon type="history" className="align-middle" />
+        <p className="toolbar-label">{t('history')}</p>
+      </button>
+      <div id="toolbar-cio-history" className="toolbar-cio-tooltip" />
+    </div>
+  )
+}
+
+HistoryToggleButton.propTypes = {
+  onClick: PropTypes.func.isRequired,
+}
+
+export default HistoryToggleButton
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/layout-dropdown-button.tsx b/services/web/frontend/js/features/editor-navigation-toolbar/components/layout-dropdown-button.tsx
new file mode 100644
index 0000000..748dd56
--- /dev/null
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/layout-dropdown-button.tsx
@@ -0,0 +1,285 @@
+import { memo, useCallback, forwardRef } from 'react'
+import { Spinner } from 'react-bootstrap-5'
+import {
+  Dropdown,
+  DropdownItem,
+  DropdownMenu,
+  DropdownToggle,
+  DropdownToggleCustom,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import { Trans, useTranslation } from 'react-i18next'
+import {
+  IdeLayout,
+  IdeView,
+  useLayoutContext,
+} from '../../../shared/context/layout-context'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import useEventListener from '../../../shared/hooks/use-event-listener'
+import { DetachRole } from '@/shared/context/detach-context'
+import MaterialIcon from '@/shared/components/material-icon'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+
+const isActiveDropdownItem = ({
+  iconFor,
+  pdfLayout,
+  view,
+  detachRole,
+}: {
+  iconFor: string
+  pdfLayout: IdeLayout
+  view: IdeView | null
+  detachRole?: DetachRole
+}) => {
+  if (detachRole === 'detacher' || view === 'history') {
+    return false
+  }
+  if (
+    iconFor === 'editorOnly' &&
+    pdfLayout === 'flat' &&
+    (view === 'editor' || view === 'file')
+  ) {
+    return true
+  } else if (iconFor === 'pdfOnly' && pdfLayout === 'flat' && view === 'pdf') {
+    return true
+  } else if (iconFor === 'sideBySide' && pdfLayout === 'sideBySide') {
+    return true
+  }
+  return false
+}
+
+function EnhancedDropdownItem({
+  active,
+  ...props
+}: React.ComponentProps<typeof DropdownItem>) {
+  return (
+    <DropdownItem
+      active={active}
+      aria-current={active}
+      trailingIcon={active ? 'check' : null}
+      {...props}
+    />
+  )
+}
+
+const LayoutDropdownToggleButton = forwardRef<
+  HTMLButtonElement,
+  {
+    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void
+  }
+>(({ onClick, ...props }, ref) => {
+  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {
+    eventTracking.sendMB('navigation-clicked-layout')
+    onClick(e)
+  }
+
+  return <DropdownToggleCustom {...props} ref={ref} onClick={handleClick} />
+})
+LayoutDropdownToggleButton.displayName = 'LayoutDropdownToggleButton'
+
+function BS5DetachDisabled() {
+  const { t } = useTranslation()
+
+  return (
+    <OLTooltip
+      id="detach-disabled"
+      description={t('your_browser_does_not_support_this_feature')}
+      overlayProps={{ placement: 'left' }}
+    >
+      <span>
+        <EnhancedDropdownItem disabled leadingIcon="select_window">
+          {t('pdf_in_separate_tab')}
+        </EnhancedDropdownItem>
+      </span>
+    </OLTooltip>
+  )
+}
+
+function LayoutDropdownButton() {
+  const {
+    reattach,
+    detach,
+    detachIsLinked,
+    detachRole,
+    changeLayout,
+    view,
+    pdfLayout,
+  } = useLayoutContext()
+
+  const handleDetach = useCallback(() => {
+    detach()
+    eventTracking.sendMB('project-layout-detach')
+  }, [detach])
+
+  const handleReattach = useCallback(() => {
+    if (detachRole !== 'detacher') {
+      return
+    }
+    reattach()
+    eventTracking.sendMB('project-layout-reattach')
+  }, [detachRole, reattach])
+
+  // reattach when the PDF pane opens
+  useEventListener('ui:pdf-open', handleReattach)
+
+  const handleChangeLayout = useCallback(
+    (newLayout: IdeLayout, newView?: IdeView) => {
+      handleReattach()
+      changeLayout(newLayout, newView)
+      eventTracking.sendMB('project-layout-change', {
+        layout: newLayout,
+        view: newView,
+      })
+    },
+    [changeLayout, handleReattach]
+  )
+
+  return (
+    <LayoutDropdownButtonUi
+      processing={!detachIsLinked && detachRole === 'detacher'}
+      handleChangeLayout={handleChangeLayout}
+      handleDetach={handleDetach}
+      detachIsLinked={detachIsLinked}
+      detachRole={detachRole}
+      pdfLayout={pdfLayout}
+      view={view}
+      detachable={'BroadcastChannel' in window}
+    />
+  )
+}
+
+type LayoutDropdownButtonUiProps = {
+  processing: boolean
+  handleChangeLayout: (newLayout: IdeLayout, newView?: IdeView) => void
+  handleDetach: () => void
+  detachIsLinked: boolean
+  detachRole: DetachRole
+  pdfLayout: IdeLayout
+  view: IdeView | null
+  detachable: boolean
+}
+
+export const LayoutDropdownButtonUi = ({
+  processing,
+  handleChangeLayout,
+  handleDetach,
+  detachIsLinked,
+  detachRole,
+  view,
+  pdfLayout,
+  detachable,
+}: LayoutDropdownButtonUiProps) => {
+  const { t } = useTranslation()
+  return (
+    <>
+      {processing && (
+        <div aria-live="assertive" className="sr-only">
+          {t('layout_processing')}
+        </div>
+      )}
+      <Dropdown className="toolbar-item layout-dropdown" align="end">
+        <DropdownToggle
+          id="layout-dropdown-btn"
+          className="btn-full-height"
+          as={LayoutDropdownToggleButton}
+        >
+          {processing ? (
+            <Spinner
+              animation="border"
+              aria-hidden="true"
+              size="sm"
+              role="status"
+            />
+          ) : (
+            <MaterialIcon type="dock_to_right" className="align-middle" />
+          )}
+          <span className="toolbar-label">{t('layout')}</span>
+        </DropdownToggle>
+        <DropdownMenu>
+          <EnhancedDropdownItem
+            onClick={() => handleChangeLayout('sideBySide')}
+            active={isActiveDropdownItem({
+              iconFor: 'sideBySide',
+              pdfLayout,
+              view,
+              detachRole,
+            })}
+            leadingIcon="dock_to_right"
+          >
+            {t('editor_and_pdf')}
+          </EnhancedDropdownItem>
+
+          <EnhancedDropdownItem
+            onClick={() => handleChangeLayout('flat', 'editor')}
+            active={isActiveDropdownItem({
+              iconFor: 'editorOnly',
+              pdfLayout,
+              view,
+              detachRole,
+            })}
+            leadingIcon="code"
+          >
+            <div className="d-flex flex-column">
+              <Trans
+                i18nKey="editor_only_hide_pdf"
+                components={[
+                  <span key="editor_only_hide_pdf" className="subdued" />,
+                ]}
+              />
+            </div>
+          </EnhancedDropdownItem>
+
+          <EnhancedDropdownItem
+            onClick={() => handleChangeLayout('flat', 'pdf')}
+            active={isActiveDropdownItem({
+              iconFor: 'pdfOnly',
+              pdfLayout,
+              view,
+              detachRole,
+            })}
+            leadingIcon="picture_as_pdf"
+          >
+            <div className="d-flex flex-column">
+              <Trans
+                i18nKey="pdf_only_hide_editor"
+                components={[
+                  <span key="pdf_only_hide_editor" className="subdued" />,
+                ]}
+              />
+            </div>
+          </EnhancedDropdownItem>
+
+          {detachable ? (
+            <EnhancedDropdownItem
+              onClick={() => handleDetach()}
+              active={detachRole === 'detacher' && detachIsLinked}
+              trailingIcon={
+                detachRole === 'detacher' ? (
+                  detachIsLinked ? (
+                    'check'
+                  ) : (
+                    <span className="spinner-container">
+                      <Spinner
+                        animation="border"
+                        aria-hidden="true"
+                        size="sm"
+                        role="status"
+                      />
+                      <span className="visually-hidden">{t('loading')}</span>
+                    </span>
+                  )
+                ) : null
+              }
+              leadingIcon="select_window"
+            >
+              {t('pdf_in_separate_tab')}
+            </EnhancedDropdownItem>
+          ) : (
+            <BS5DetachDisabled />
+          )}
+        </DropdownMenu>
+      </Dropdown>
+    </>
+  )
+}
+
+export default memo(LayoutDropdownButton)
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/menu-button.jsx b/services/web/frontend/js/features/editor-navigation-toolbar/components/menu-button.jsx
new file mode 100644
index 0000000..fa3d8fa
--- /dev/null
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/menu-button.jsx
@@ -0,0 +1,22 @@
+import PropTypes from 'prop-types'
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '@/shared/components/material-icon'
+
+function MenuButton({ onClick }) {
+  const { t } = useTranslation()
+
+  return (
+    <div className="toolbar-item">
+      <button type="button" className="btn btn-full-height" onClick={onClick}>
+        <MaterialIcon type="menu" className="editor-menu-icon align-middle" />
+        <p className="toolbar-label">{t('menu')}</p>
+      </button>
+    </div>
+  )
+}
+
+MenuButton.propTypes = {
+  onClick: PropTypes.func.isRequired,
+}
+
+export default MenuButton
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/online-users-widget.jsx b/services/web/frontend/js/features/editor-navigation-toolbar/components/online-users-widget.jsx
new file mode 100644
index 0000000..700bc5e
--- /dev/null
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/online-users-widget.jsx
@@ -0,0 +1,133 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { useTranslation } from 'react-i18next'
+import {
+  Dropdown,
+  DropdownHeader,
+  DropdownItem,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import { getBackgroundColorForUserId } from '@/shared/utils/colors'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '@/shared/components/material-icon'
+
+function OnlineUsersWidget({ onlineUsers, goToUser }) {
+  const { t } = useTranslation()
+
+  const shouldDisplayDropdown = onlineUsers.length >= 4
+
+  if (shouldDisplayDropdown) {
+    return (
+      <Dropdown id="online-users" className="online-users" align="end">
+        <DropdownToggle
+          as={DropDownToggleButton}
+          onlineUserCount={onlineUsers.length}
+        />
+        <DropdownMenu>
+          <DropdownHeader aria-hidden="true">
+            {t('connected_users')}
+          </DropdownHeader>
+          {onlineUsers.map((user, index) => (
+            <li role="none" key={`${user.user_id}_${index}`}>
+              <DropdownItem
+                as="button"
+                tabIndex={-1}
+                onClick={() => goToUser(user)}
+              >
+                <UserIcon user={user} showName />
+              </DropdownItem>
+            </li>
+          ))}
+        </DropdownMenu>
+      </Dropdown>
+    )
+  } else {
+    return (
+      <div className="online-users">
+        {onlineUsers.map((user, index) => (
+          <OLTooltip
+            key={`${user.user_id}_${index}`}
+            id="online-user"
+            description={user.name}
+            overlayProps={{ placement: 'bottom', trigger: ['hover', 'focus'] }}
+          >
+            <span>
+              {/* OverlayTrigger won't fire unless UserIcon is wrapped in a span */}
+              <UserIcon user={user} onClick={goToUser} />
+            </span>
+          </OLTooltip>
+        ))}
+      </div>
+    )
+  }
+}
+
+OnlineUsersWidget.propTypes = {
+  onlineUsers: PropTypes.arrayOf(
+    PropTypes.shape({
+      user_id: PropTypes.string.isRequired,
+      name: PropTypes.string.isRequired,
+    })
+  ).isRequired,
+  goToUser: PropTypes.func.isRequired,
+}
+
+function UserIcon({ user, showName, onClick }) {
+  const backgroundColor = getBackgroundColorForUserId(user.user_id)
+
+  function handleOnClick() {
+    onClick?.(user)
+  }
+
+  const [character] = [...user.name]
+
+  return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    <span onClick={handleOnClick}>
+      <span className="online-user" style={{ backgroundColor }}>
+        {character}
+      </span>
+      {showName && user.name}
+    </span>
+  )
+}
+
+UserIcon.propTypes = {
+  user: PropTypes.shape({
+    user_id: PropTypes.string.isRequired,
+    name: PropTypes.string.isRequired,
+  }),
+  showName: PropTypes.bool,
+  onClick: PropTypes.func,
+}
+
+const DropDownToggleButton = React.forwardRef((props, ref) => {
+  const { t } = useTranslation()
+  return (
+    <OLTooltip
+      id="connected-users"
+      description={t('connected_users')}
+      overlayProps={{ placement: 'left' }}
+    >
+      <button
+        type="button"
+        className="online-user online-user-multi"
+        onClick={props.onClick} // required by Bootstrap Dropdown to trigger an opening
+        ref={ref}
+      >
+        <strong>{props.onlineUserCount}</strong>&nbsp;
+        <MaterialIcon type="groups" />
+      </button>
+    </OLTooltip>
+  )
+})
+
+DropDownToggleButton.displayName = 'DropDownToggleButton'
+
+DropDownToggleButton.propTypes = {
+  onlineUserCount: PropTypes.number.isRequired,
+  onClick: PropTypes.func,
+}
+
+export default OnlineUsersWidget
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/project-name-editable-label.tsx b/services/web/frontend/js/features/editor-navigation-toolbar/components/project-name-editable-label.tsx
new file mode 100644
index 0000000..87d0040
--- /dev/null
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/project-name-editable-label.tsx
@@ -0,0 +1,99 @@
+import { useEffect, useState, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import classNames from 'classnames'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type ProjectNameEditableLabelProps = {
+  projectName: string
+  onChange: (value: string) => void
+  hasRenamePermissions?: boolean
+  className?: string
+}
+
+function ProjectNameEditableLabel({
+  projectName,
+  hasRenamePermissions,
+  onChange,
+  className,
+}: ProjectNameEditableLabelProps) {
+  const { t } = useTranslation()
+
+  const [isRenaming, setIsRenaming] = useState(false)
+
+  const canRename = hasRenamePermissions && !isRenaming
+
+  const [inputContent, setInputContent] = useState(projectName)
+
+  const inputRef = useRef<HTMLInputElement | null>(null)
+
+  useEffect(() => {
+    if (isRenaming) {
+      inputRef.current?.select()
+    }
+  }, [isRenaming])
+
+  function startRenaming() {
+    if (canRename) {
+      setInputContent(projectName)
+      setIsRenaming(true)
+    }
+  }
+
+  function finishRenaming() {
+    setIsRenaming(false)
+    onChange(inputContent)
+  }
+
+  function handleKeyDown(event: React.KeyboardEvent) {
+    if (event.key === 'Enter') {
+      event.preventDefault()
+      finishRenaming()
+    }
+  }
+
+  function handleOnChange(event: React.ChangeEvent<HTMLInputElement>) {
+    setInputContent(event.target.value)
+  }
+
+  function handleBlur() {
+    if (isRenaming) {
+      finishRenaming()
+    }
+  }
+
+  return (
+    <div className={classNames('project-name', className)}>
+      {!isRenaming && (
+        <span className="name" onDoubleClick={startRenaming}>
+          {projectName}
+        </span>
+      )}
+      {isRenaming && (
+        <OLFormControl
+          ref={inputRef}
+          type="text"
+          onKeyDown={handleKeyDown}
+          onChange={handleOnChange}
+          onBlur={handleBlur}
+          value={inputContent}
+        />
+      )}
+      {canRename && (
+        <OLTooltip
+          id="online-user"
+          description={t('rename')}
+          overlayProps={{ placement: 'bottom', trigger: ['hover', 'focus'] }}
+        >
+          {/* eslint-disable-next-line jsx-a11y/anchor-is-valid, jsx-a11y/click-events-have-key-events, jsx-a11y/interactive-supports-focus */}
+          <a className="rename" role="button" onClick={startRenaming}>
+            <MaterialIcon type="edit" className="align-text-bottom" />
+          </a>
+        </OLTooltip>
+      )}
+    </div>
+  )
+}
+
+export default ProjectNameEditableLabel
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/share-project-button.jsx b/services/web/frontend/js/features/editor-navigation-toolbar/components/share-project-button.jsx
new file mode 100644
index 0000000..6c4123f
--- /dev/null
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/share-project-button.jsx
@@ -0,0 +1,23 @@
+import PropTypes from 'prop-types'
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '@/shared/components/material-icon'
+
+function ShareProjectButton({ onClick }) {
+  const { t } = useTranslation()
+
+  return (
+    <div className="toolbar-item">
+      <button type="button" className="btn btn-full-height" onClick={onClick}>
+        <MaterialIcon type="group_add" className="align-middle" />
+        <p className="toolbar-label">{t('share')}</p>
+      </button>
+      <div id="toolbar-cio-share" className="toolbar-cio-tooltip" />
+    </div>
+  )
+}
+
+ShareProjectButton.propTypes = {
+  onClick: PropTypes.func.isRequired,
+}
+
+export default ShareProjectButton
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/toolbar-header.jsx b/services/web/frontend/js/features/editor-navigation-toolbar/components/toolbar-header.jsx
new file mode 100644
index 0000000..97bfa76
--- /dev/null
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/toolbar-header.jsx
@@ -0,0 +1,157 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import { useTranslation } from 'react-i18next'
+import MenuButton from './menu-button'
+import CobrandingLogo from './cobranding-logo'
+import BackToProjectsButton from './back-to-projects-button'
+import UpgradePrompt from './upgrade-prompt'
+import ChatToggleButton from './chat-toggle-button'
+import LayoutDropdownButton from './layout-dropdown-button'
+import OnlineUsersWidget from './online-users-widget'
+import ProjectNameEditableLabel from './project-name-editable-label'
+import TrackChangesToggleButton from './track-changes-toggle-button'
+import HistoryToggleButton from './history-toggle-button'
+import ShareProjectButton from './share-project-button'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+import BackToEditorButton from './back-to-editor-button'
+import getMeta from '@/utils/meta'
+import { isSplitTestEnabled } from '@/utils/splitTestUtils'
+import { canUseNewEditor } from '@/features/ide-redesign/utils/new-editor-utils'
+import TryNewEditorButton from '../try-new-editor-button'
+
+const [publishModalModules] = importOverleafModules('publishModal')
+const PublishButton = publishModalModules?.import.default
+
+const offlineModeToolbarButtons = importOverleafModules(
+  'offlineModeToolbarButtons'
+)
+// double opt-in
+const enableROMirrorOnClient =
+  isSplitTestEnabled('ro-mirror-on-client') &&
+  new URLSearchParams(window.location.search).get('ro-mirror-on-client') ===
+    'enabled'
+
+const ToolbarHeader = React.memo(function ToolbarHeader({
+  cobranding,
+  onShowLeftMenuClick,
+  chatIsOpen,
+  toggleChatOpen,
+  reviewPanelOpen,
+  toggleReviewPanelOpen,
+  historyIsOpen,
+  toggleHistoryOpen,
+  unreadMessageCount,
+  onlineUsers,
+  goToUser,
+  isRestrictedTokenMember,
+  hasPublishPermissions,
+  chatVisible,
+  projectName,
+  renameProject,
+  hasRenamePermissions,
+  openShareModal,
+  trackChangesVisible,
+}) {
+  const chatEnabled = getMeta('ol-chatEnabled')
+
+  const { t } = useTranslation()
+  const shouldDisplayPublishButton = hasPublishPermissions && PublishButton
+
+  return (
+    <header
+      className="toolbar toolbar-header"
+      role="navigation"
+      aria-label={t('project_layout_sharing_submission')}
+    >
+      <div className="toolbar-left">
+        <MenuButton onClick={onShowLeftMenuClick} />
+        {cobranding && cobranding.logoImgUrl && (
+          <CobrandingLogo {...cobranding} />
+        )}
+        <BackToProjectsButton />
+        {enableROMirrorOnClient &&
+          offlineModeToolbarButtons.map(
+            ({ path, import: { default: OfflineModeToolbarButton } }) => {
+              return <OfflineModeToolbarButton key={path} />
+            }
+          )}
+      </div>
+      {getMeta('ol-showUpgradePrompt') && (
+        <div className="d-flex align-items-center">
+          <UpgradePrompt />
+        </div>
+      )}
+      <ProjectNameEditableLabel
+        className="toolbar-center"
+        projectName={projectName}
+        hasRenamePermissions={hasRenamePermissions}
+        onChange={renameProject}
+      />
+
+      <div className="toolbar-right">
+        {canUseNewEditor() && <TryNewEditorButton />}
+
+        <OnlineUsersWidget onlineUsers={onlineUsers} goToUser={goToUser} />
+
+        {historyIsOpen ? (
+          <div className="d-flex align-items-center">
+            <BackToEditorButton onClick={toggleHistoryOpen} />
+          </div>
+        ) : (
+          <>
+            {trackChangesVisible && (
+              <TrackChangesToggleButton
+                onMouseDown={toggleReviewPanelOpen}
+                disabled={historyIsOpen}
+                trackChangesIsOpen={reviewPanelOpen}
+              />
+            )}
+
+            <ShareProjectButton onClick={openShareModal} />
+            {shouldDisplayPublishButton && (
+              <PublishButton cobranding={cobranding} />
+            )}
+
+            {!isRestrictedTokenMember && (
+              <HistoryToggleButton onClick={toggleHistoryOpen} />
+            )}
+
+            <LayoutDropdownButton />
+
+            {chatEnabled && chatVisible && (
+              <ChatToggleButton
+                chatIsOpen={chatIsOpen}
+                onClick={toggleChatOpen}
+                unreadMessageCount={unreadMessageCount}
+              />
+            )}
+          </>
+        )}
+      </div>
+    </header>
+  )
+})
+
+ToolbarHeader.propTypes = {
+  onShowLeftMenuClick: PropTypes.func.isRequired,
+  cobranding: PropTypes.object,
+  chatIsOpen: PropTypes.bool,
+  toggleChatOpen: PropTypes.func.isRequired,
+  reviewPanelOpen: PropTypes.bool,
+  toggleReviewPanelOpen: PropTypes.func.isRequired,
+  historyIsOpen: PropTypes.bool,
+  toggleHistoryOpen: PropTypes.func.isRequired,
+  unreadMessageCount: PropTypes.number.isRequired,
+  onlineUsers: PropTypes.array.isRequired,
+  goToUser: PropTypes.func.isRequired,
+  isRestrictedTokenMember: PropTypes.bool,
+  hasPublishPermissions: PropTypes.bool,
+  chatVisible: PropTypes.bool,
+  projectName: PropTypes.string.isRequired,
+  renameProject: PropTypes.func.isRequired,
+  hasRenamePermissions: PropTypes.bool,
+  openShareModal: PropTypes.func.isRequired,
+  trackChangesVisible: PropTypes.bool,
+}
+
+export default ToolbarHeader
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/track-changes-toggle-button.jsx b/services/web/frontend/js/features/editor-navigation-toolbar/components/track-changes-toggle-button.jsx
new file mode 100644
index 0000000..469dc7c
--- /dev/null
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/track-changes-toggle-button.jsx
@@ -0,0 +1,39 @@
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '@/shared/components/material-icon'
+
+function TrackChangesToggleButton({
+  trackChangesIsOpen,
+  disabled,
+  onMouseDown,
+}) {
+  const { t } = useTranslation()
+  const classes = classNames('btn', 'btn-full-height', {
+    active: trackChangesIsOpen && !disabled,
+    disabled,
+  })
+
+  return (
+    <div className="toolbar-item">
+      <button
+        type="button"
+        disabled={disabled}
+        className={classes}
+        onMouseDown={onMouseDown}
+      >
+        <MaterialIcon type="rate_review" className="align-middle" />
+        <p className="toolbar-label">{t('review')}</p>
+      </button>
+      <div id="toolbar-cio-review" className="toolbar-cio-tooltip" />
+    </div>
+  )
+}
+
+TrackChangesToggleButton.propTypes = {
+  trackChangesIsOpen: PropTypes.bool,
+  disabled: PropTypes.bool,
+  onMouseDown: PropTypes.func.isRequired,
+}
+
+export default TrackChangesToggleButton
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/components/upgrade-prompt.jsx b/services/web/frontend/js/features/editor-navigation-toolbar/components/upgrade-prompt.jsx
new file mode 100644
index 0000000..594dd9f
--- /dev/null
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/components/upgrade-prompt.jsx
@@ -0,0 +1,27 @@
+import { useTranslation } from 'react-i18next'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+function UpgradePrompt() {
+  const { t } = useTranslation()
+
+  function handleClick(e) {
+    eventTracking.send('subscription-funnel', 'code-editor', 'upgrade')
+    eventTracking.sendMB('upgrade-button-click', { source: 'code-editor' })
+  }
+
+  return (
+    <OLButton
+      variant="primary"
+      size="sm"
+      className="toolbar-header-upgrade-prompt"
+      href="/user/subscription/plans?itm_referrer=editor-header-upgrade-prompt"
+      target="_blank"
+      onClick={handleClick}
+    >
+      {t('upgrade')}
+    </OLButton>
+  )
+}
+
+export default UpgradePrompt
diff --git a/services/web/frontend/js/features/editor-navigation-toolbar/try-new-editor-button.tsx b/services/web/frontend/js/features/editor-navigation-toolbar/try-new-editor-button.tsx
new file mode 100644
index 0000000..91cc150
--- /dev/null
+++ b/services/web/frontend/js/features/editor-navigation-toolbar/try-new-editor-button.tsx
@@ -0,0 +1,28 @@
+import { useCallback } from 'react'
+import OLButton from '../ui/components/ol/ol-button'
+import { useIdeRedesignSwitcherContext } from '../ide-react/context/ide-redesign-switcher-context'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useTranslation } from 'react-i18next'
+
+const TryNewEditorButton = () => {
+  const { t } = useTranslation()
+  const { setShowSwitcherModal } = useIdeRedesignSwitcherContext()
+  const onClick = useCallback(() => {
+    setShowSwitcherModal(true)
+  }, [setShowSwitcherModal])
+  return (
+    <div className="d-flex align-items-center">
+      <OLButton
+        className="toolbar-experiment-button"
+        onClick={onClick}
+        size="sm"
+        leadingIcon={<MaterialIcon type="experiment" unfilled />}
+        variant="info"
+      >
+        {t('try_the_new_editor')}
+      </OLButton>
+    </div>
+  )
+}
+
+export default TryNewEditorButton
diff --git a/services/web/frontend/js/features/event-tracking/document-first-change-event.js b/services/web/frontend/js/features/event-tracking/document-first-change-event.js
new file mode 100644
index 0000000..53d138a
--- /dev/null
+++ b/services/web/frontend/js/features/event-tracking/document-first-change-event.js
@@ -0,0 +1,10 @@
+import {
+  isSmallDevice,
+  sendMBOncePerPageLoad,
+} from '@/infrastructure/event-tracking'
+import getMeta from '@/utils/meta'
+
+export function recordDocumentFirstChangeEvent() {
+  const projectId = getMeta('ol-project_id')
+  sendMBOncePerPageLoad('document-first-change', { projectId, isSmallDevice })
+}
diff --git a/services/web/frontend/js/features/event-tracking/index.js b/services/web/frontend/js/features/event-tracking/index.js
new file mode 100644
index 0000000..e016f59
--- /dev/null
+++ b/services/web/frontend/js/features/event-tracking/index.js
@@ -0,0 +1,71 @@
+import * as eventTracking from '../../infrastructure/event-tracking'
+import { debugConsole } from '@/utils/debugging'
+
+function setupEventTracking(el) {
+  const key = el.getAttribute('event-tracking')
+  const action = el.getAttribute('event-tracking-action') || key
+  const label = el.getAttribute('event-tracking-label') || ''
+  const gaCategory = el.getAttribute('event-tracking-ga')
+  const sendMB = el.getAttribute('event-tracking-mb')
+  const trigger = el.getAttribute('event-tracking-trigger')
+  const sendOnce = el.getAttribute('event-tracking-send-once')
+  const element = el.getAttribute('event-tracking-element')
+
+  function submit() {
+    if (key === 'menu-expand') {
+      const expanded = el.getAttribute('aria-expanded')
+      if (expanded === 'true') {
+        // skip if the menu is already expanded
+        return
+      }
+    }
+
+    const segmentation = JSON.parse(
+      el.getAttribute('event-segmentation') || '{}'
+    )
+    segmentation.page = window.location.pathname
+
+    if (element === 'checkbox') {
+      segmentation.checkbox = el.checked ? 'checked' : 'unchecked'
+    } else if (element === 'select') {
+      segmentation.selectValue = el.value
+    }
+
+    if (sendMB) {
+      if (sendOnce) {
+        eventTracking.sendMBOnce(key, segmentation)
+      } else {
+        eventTracking.sendMB(key, segmentation)
+      }
+    }
+    if (gaCategory) {
+      if (sendOnce) {
+        eventTracking.sendOnce(gaCategory, action, label)
+      } else {
+        eventTracking.send(gaCategory, action, label)
+      }
+    }
+  }
+
+  let timer
+  let timeoutAmt = 500
+  switch (trigger) {
+    case 'click':
+      el.addEventListener('click', () => submit())
+      break
+    case 'hover':
+      if (el.getAttribute('event-hover-amt')) {
+        timeoutAmt = parseInt(el.getAttribute('event-hover-amt'), 10)
+      }
+      el.addEventListener('mouseenter', () => {
+        timer = setTimeout(() => submit(), timeoutAmt)
+      })
+      el.addEventListener('mouseleave', () => clearTimeout(timer))
+      break
+
+    default:
+      debugConsole.error(`unsupported event tracking action: ${trigger}`)
+  }
+}
+
+document.querySelectorAll('[event-tracking]').forEach(setupEventTracking)
diff --git a/services/web/frontend/js/features/event-tracking/search-events.ts b/services/web/frontend/js/features/event-tracking/search-events.ts
new file mode 100644
index 0000000..cd9ff4b
--- /dev/null
+++ b/services/web/frontend/js/features/event-tracking/search-events.ts
@@ -0,0 +1,36 @@
+import { sendMB } from '@/infrastructure/event-tracking'
+
+type SearchEventSegmentation = {
+  'search-open':
+    | ({
+        searchType: 'full-project'
+      } & (
+        | { method: 'keyboard' }
+        | { method: 'button'; location: 'toolbar' | 'search-form' }
+      ))
+    | ({
+        searchType: 'document'
+        mode: 'visual' | 'source'
+      } & ({ method: 'keyboard' } | { method: 'button'; location: 'toolbar' }))
+
+  'search-execute': {
+    searchType: 'full-project'
+    totalDocs: number
+    totalResults: number
+  }
+  'search-result-click': {
+    searchType: 'full-project'
+  }
+  'search-replace-click': {
+    searchType: 'document'
+    method: 'keyboard' | 'button'
+    action: 'replace' | 'replace-all'
+  }
+}
+
+export const sendSearchEvent = <T extends keyof SearchEventSegmentation>(
+  eventName: T,
+  segmentation: SearchEventSegmentation[T]
+) => {
+  sendMB(eventName, segmentation)
+}
diff --git a/services/web/frontend/js/features/fallback-image/index.js b/services/web/frontend/js/features/fallback-image/index.js
new file mode 100644
index 0000000..8ab3ab5
--- /dev/null
+++ b/services/web/frontend/js/features/fallback-image/index.js
@@ -0,0 +1,16 @@
+function loadingFailed(imgEl) {
+  return imgEl.complete && imgEl.naturalWidth === 0
+}
+
+document.querySelectorAll('[data-ol-fallback-image]').forEach(imgEl => {
+  function showFallback() {
+    imgEl.src = imgEl.getAttribute('data-ol-fallback-image')
+  }
+  if (loadingFailed(imgEl)) {
+    // The image loading failed before the sprinkle ran.
+    showFallback()
+  } else {
+    // The image loading might fail in the future.
+    imgEl.addEventListener('error', showFallback)
+  }
+})
diff --git a/services/web/frontend/js/features/faq-search/index.js b/services/web/frontend/js/features/faq-search/index.js
new file mode 100644
index 0000000..bb0b11b
--- /dev/null
+++ b/services/web/frontend/js/features/faq-search/index.js
@@ -0,0 +1,107 @@
+import _ from 'lodash'
+import { formatWikiHit, searchWiki } from '../algolia-search/search-wiki'
+
+function setupSearch(formEl) {
+  const inputEl = formEl.querySelector('input[type="text"]')
+  const resultsEl = formEl.querySelector('[data-ol-search-results]')
+  const wrapperEl = formEl.querySelector('[data-ol-search-results-wrapper]')
+  const noResultsEl = formEl.querySelector('[data-ol-search-no-results]')
+  const srHelpMsgEl = formEl.querySelector('[data-ol-search-sr-help-message]')
+
+  function hideResultsPane() {
+    wrapperEl.hidden = true
+  }
+  function showResultsPane() {
+    wrapperEl.hidden = false
+    hideNoResultsMsg()
+  }
+  function hideNoResultsMsg() {
+    noResultsEl.hidden = true
+  }
+  function showNoResultsMsg() {
+    noResultsEl.hidden = false
+    hideResultsPane()
+  }
+
+  let lastValue = ''
+
+  async function handleChange() {
+    const value = inputEl.value
+    if (value === lastValue) return
+    lastValue = value
+
+    if (value.length === 0) {
+      hideResultsPane()
+      hideNoResultsMsg()
+      return
+    }
+
+    try {
+      const { hits, nbHits } = await searchWiki(value, {
+        hitsPerPage: 20,
+      })
+      if (nbHits === 0) {
+        showNoResultsMsg()
+        return
+      }
+
+      if (nbHits > 20) {
+        srHelpMsgEl.innerText = `Showing first 20 results of ${nbHits} for ${value}`
+      } else {
+        srHelpMsgEl.innerText = `${nbHits} results for ${value}`
+      }
+
+      resultsEl.innerText = ''
+      for (const hit of hits) {
+        const { url, pageName, content } = formatWikiHit(hit)
+        const linkEl = document.createElement('a')
+        linkEl.className = 'search-result card card-thin'
+        linkEl.href = url
+
+        const headerEl = document.createElement('span')
+        headerEl.innerHTML = pageName
+        linkEl.append(headerEl)
+
+        if (content) {
+          const contentEl = document.createElement('div')
+          contentEl.className = 'search-result-content'
+          contentEl.innerHTML = content
+          linkEl.append(contentEl)
+        }
+
+        resultsEl.append(linkEl)
+      }
+      showResultsPane()
+    } catch (e) {
+      showNoResultsMsg()
+    }
+  }
+  function updateClearBtnVisibility() {
+    const value = inputEl.value
+    formEl.querySelectorAll('[data-ol-clear-search]').forEach(el => {
+      el.hidden = value === ''
+    })
+  }
+
+  function handleClear() {
+    inputEl.value = ''
+    hideResultsPane()
+    hideNoResultsMsg()
+    updateClearBtnVisibility()
+  }
+
+  formEl.querySelectorAll('[data-ol-clear-search]').forEach(el => {
+    el.addEventListener('click', handleClear)
+  })
+  formEl.addEventListener('submit', evt => {
+    evt.preventDefault()
+    return false
+  })
+  inputEl.addEventListener('input', _.debounce(handleChange, 100))
+  inputEl.addEventListener('input', updateClearBtnVisibility)
+
+  // display initial results
+  handleChange()
+}
+
+document.querySelectorAll('[data-ol-faq-search]').forEach(setupSearch)
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-context-menu.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-context-menu.tsx
new file mode 100644
index 0000000..957ed0c
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-context-menu.tsx
@@ -0,0 +1,73 @@
+import React, { useEffect, useRef } from 'react'
+import ReactDOM from 'react-dom'
+import {
+  Dropdown,
+  DropdownMenu,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import { useFileTreeMainContext } from '../contexts/file-tree-main'
+
+import FileTreeItemMenuItems from './file-tree-item/file-tree-item-menu-items'
+
+function FileTreeContextMenu() {
+  const { fileTreeReadOnly } = useFileTreeData()
+  const { contextMenuCoords, setContextMenuCoords } = useFileTreeMainContext()
+  const toggleButtonRef = useRef<HTMLButtonElement | null>(null)
+
+  useEffect(() => {
+    if (contextMenuCoords) {
+      toggleButtonRef.current = document.querySelector(
+        '.entity-menu-toggle'
+      ) as HTMLButtonElement | null
+    }
+  }, [contextMenuCoords])
+
+  if (!contextMenuCoords || fileTreeReadOnly) return null
+
+  function close() {
+    setContextMenuCoords(null)
+    if (toggleButtonRef.current) {
+      // A11y - Move the focus back to the toggle button when the context menu closes by pressing the Esc key
+      toggleButtonRef.current.focus()
+    }
+  }
+
+  function handleToggle(wantOpen: boolean) {
+    if (!wantOpen) close()
+  }
+
+  // A11y - Close the context menu when the user presses the Tab key
+  // Focus should move to the next element in the filetree
+  function handleKeyDown(event: React.KeyboardEvent<Element>) {
+    if (event.key === 'Tab') {
+      close()
+    }
+  }
+
+  return ReactDOM.createPortal(
+    <div style={contextMenuCoords} className="context-menu">
+      <Dropdown
+        show
+        drop={
+          document.body.offsetHeight / contextMenuCoords.top < 2 &&
+          document.body.offsetHeight - contextMenuCoords.top < 250
+            ? 'up'
+            : 'down'
+        }
+        focusFirstItemOnShow // A11y - Focus the first item in the context menu when it opens since the menu is rendered at the root level
+        onKeyDown={handleKeyDown}
+        onToggle={handleToggle}
+      >
+        <DropdownMenu
+          className="dropdown-menu-sm-width"
+          id="dropdown-file-tree-context-menu"
+        >
+          <FileTreeItemMenuItems />
+        </DropdownMenu>
+      </Dropdown>
+    </div>,
+    document.body
+  )
+}
+
+export default FileTreeContextMenu
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-context.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-context.tsx
new file mode 100644
index 0000000..2913c6f
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-context.tsx
@@ -0,0 +1,43 @@
+import { FileTreeMainProvider } from '../contexts/file-tree-main'
+import { FileTreeActionableProvider } from '../contexts/file-tree-actionable'
+import { FileTreeSelectableProvider } from '../contexts/file-tree-selectable'
+import { FileTreeDraggableProvider } from '../contexts/file-tree-draggable'
+import { FC } from 'react'
+
+// renders all the contexts needed for the file tree:
+// FileTreeMain: generic store
+// FileTreeActionable: global UI state for actions (rename, delete, etc.)
+// FileTreeMutable: provides entities mutation operations
+// FileTreeSelectable: handles selection and multi-selection
+const FileTreeContext: FC<{
+  refProviders: Record<string, boolean>
+  setRefProviderEnabled: (provider: string, value: boolean) => void
+  setStartedFreeTrial: (value: boolean) => void
+  onSelect: () => void
+  fileTreeContainer?: HTMLDivElement
+}> = ({
+  refProviders,
+  setRefProviderEnabled,
+  setStartedFreeTrial,
+  onSelect,
+  fileTreeContainer,
+  children,
+}) => {
+  return (
+    <FileTreeMainProvider
+      refProviders={refProviders}
+      setRefProviderEnabled={setRefProviderEnabled}
+      setStartedFreeTrial={setStartedFreeTrial}
+    >
+      <FileTreeSelectableProvider onSelect={onSelect}>
+        <FileTreeActionableProvider>
+          <FileTreeDraggableProvider fileTreeContainer={fileTreeContainer}>
+            {children}
+          </FileTreeDraggableProvider>
+        </FileTreeActionableProvider>
+      </FileTreeSelectableProvider>
+    </FileTreeMainProvider>
+  )
+}
+
+export default FileTreeContext
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/danger-message.jsx b/services/web/frontend/js/features/file-tree/components/file-tree-create/danger-message.jsx
new file mode 100644
index 0000000..ceaafc6
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-create/danger-message.jsx
@@ -0,0 +1,9 @@
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import PropTypes from 'prop-types'
+
+export default function DangerMessage({ children }) {
+  return <OLNotification type="error" content={children} />
+}
+DangerMessage.propTypes = {
+  children: PropTypes.any.isRequired,
+}
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/error-message.jsx b/services/web/frontend/js/features/file-tree/components/file-tree-create/error-message.jsx
new file mode 100644
index 0000000..0c9ab38
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-create/error-message.jsx
@@ -0,0 +1,124 @@
+import PropTypes from 'prop-types'
+import { useTranslation } from 'react-i18next'
+import { FetchError } from '../../../../infrastructure/fetch-json'
+import RedirectToLogin from './redirect-to-login'
+import {
+  BlockedFilenameError,
+  DuplicateFilenameError,
+  InvalidFilenameError,
+} from '../../errors'
+import DangerMessage from './danger-message'
+
+export default function ErrorMessage({ error }) {
+  const { t } = useTranslation()
+  const fileNameLimit = 150
+
+  // the error is a string
+  // TODO: translate? always? is this a key or a message?
+  if (typeof error === 'string') {
+    switch (error) {
+      case 'name-exists':
+        return <DangerMessage>{t('file_already_exists')}</DangerMessage>
+
+      case 'too-many-files':
+        return <DangerMessage>{t('project_has_too_many_files')}</DangerMessage>
+
+      case 'remote-service-error':
+        return <DangerMessage>{t('remote_service_error')}</DangerMessage>
+
+      case 'folder_not_found':
+        return (
+          <DangerMessage>
+            {t('the_target_folder_could_not_be_found')}
+          </DangerMessage>
+        )
+
+      case 'invalid_filename':
+        return (
+          <DangerMessage>
+            {t('invalid_filename', {
+              nameLimit: fileNameLimit,
+            })}
+          </DangerMessage>
+        )
+
+      case 'duplicate_file_name':
+        return (
+          <DangerMessage>
+            {t('file_or_folder_name_already_exists')}
+          </DangerMessage>
+        )
+
+      case 'rate-limit-hit':
+        return (
+          <DangerMessage>
+            {t('too_many_files_uploaded_throttled_short_period')}
+          </DangerMessage>
+        )
+
+      case 'not-logged-in':
+        return (
+          <DangerMessage>
+            <RedirectToLogin />
+          </DangerMessage>
+        )
+
+      case 'linked-project-compile-error':
+        return (
+          <DangerMessage>
+            {t('generic_linked_file_compile_error')}
+          </DangerMessage>
+        )
+
+      default:
+        // TODO: convert error.response.data to an error key and try again?
+        // return error
+        return (
+          <DangerMessage>{t('generic_something_went_wrong')}</DangerMessage>
+        )
+    }
+  }
+
+  // the error is an object
+  // TODO: error.name?
+  switch (error.constructor) {
+    case FetchError: {
+      const message = error.data?.message
+
+      if (message) {
+        return <DangerMessage>{message.text || message}</DangerMessage>
+      }
+
+      // TODO: translations
+      switch (error.response?.status) {
+        case 400:
+          return <DangerMessage>{t('invalid_request')}</DangerMessage>
+
+        case 403:
+          return <DangerMessage>{t('session_error')}</DangerMessage>
+
+        case 429:
+          return <DangerMessage>{t('too_many_attempts')}</DangerMessage>
+
+        default:
+          return (
+            <DangerMessage>{t('something_went_wrong_server')}</DangerMessage>
+          )
+      }
+    }
+
+    // these are handled by the filename input component
+    case DuplicateFilenameError:
+    case InvalidFilenameError:
+    case BlockedFilenameError:
+      return null
+
+    // a generic error message
+    default:
+      // return error.message
+      return <DangerMessage>{t('generic_something_went_wrong')}</DangerMessage>
+  }
+}
+ErrorMessage.propTypes = {
+  error: PropTypes.oneOfType([PropTypes.string, PropTypes.object]).isRequired,
+}
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-create-name-input.jsx b/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-create-name-input.jsx
new file mode 100644
index 0000000..a76768c
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-create-name-input.jsx
@@ -0,0 +1,129 @@
+import { useRef, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useFileTreeCreateName } from '../../contexts/file-tree-create-name'
+import PropTypes from 'prop-types'
+import {
+  BlockedFilenameError,
+  DuplicateFilenameError,
+  InvalidFilenameError,
+} from '../../errors'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+/**
+ * A form component that renders a text input with label,
+ * plus a validation warning and/or an error message when needed
+ */
+export default function FileTreeCreateNameInput({
+  label,
+  focusName = false,
+  classes = {},
+  placeholder,
+  error,
+  inFlight,
+}) {
+  const { t } = useTranslation()
+
+  // the value is stored in a context provider, so it's available elsewhere in the form
+  const { name, setName, touchedName, validName } = useFileTreeCreateName()
+
+  // focus the first part of the filename if needed
+  const inputRef = useRef(null)
+
+  useEffect(() => {
+    if (inputRef.current && focusName) {
+      window.requestAnimationFrame(() => {
+        if (inputRef.current) {
+          inputRef.current.focus()
+          inputRef.current.setSelectionRange(
+            0,
+            inputRef.current.value.lastIndexOf('.')
+          )
+        }
+      })
+    }
+  }, [focusName])
+
+  return (
+    <OLFormGroup controlId="new-doc-name" className={classes.formGroup}>
+      <OLFormLabel>{label || t('file_name')}</OLFormLabel>
+
+      <OLFormControl
+        type="text"
+        placeholder={placeholder || t('file_name')}
+        required
+        value={name}
+        onChange={event => setName(event.target.value)}
+        ref={inputRef}
+        disabled={inFlight}
+      />
+
+      {touchedName && !validName && (
+        <OLNotification
+          type="error"
+          className="row-spaced-small"
+          content={t('files_cannot_include_invalid_characters')}
+        />
+      )}
+
+      {error && <ErrorMessage error={error} />}
+    </OLFormGroup>
+  )
+}
+
+FileTreeCreateNameInput.propTypes = {
+  focusName: PropTypes.bool,
+  label: PropTypes.string,
+  classes: PropTypes.shape({
+    formGroup: PropTypes.string,
+  }),
+  placeholder: PropTypes.string,
+  error: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
+  inFlight: PropTypes.bool.isRequired,
+}
+
+function ErrorMessage({ error }) {
+  const { t } = useTranslation()
+
+  // if (typeof error === 'string') {
+  //   return error
+  // }
+
+  switch (error.constructor) {
+    case DuplicateFilenameError:
+      return (
+        <OLNotification
+          type="error"
+          className="row-spaced-small"
+          content={t('file_already_exists')}
+        />
+      )
+
+    case InvalidFilenameError:
+      return (
+        <OLNotification
+          type="error"
+          className="row-spaced-small"
+          content={t('files_cannot_include_invalid_characters')}
+        />
+      )
+
+    case BlockedFilenameError:
+      return (
+        <OLNotification
+          type="error"
+          className="row-spaced-small"
+          content={t('blocked_filename')}
+        />
+      )
+
+    default:
+      // return <Trans i18nKey="generic_something_went_wrong" />
+      return null // other errors are displayed elsewhere
+  }
+}
+ErrorMessage.propTypes = {
+  error: PropTypes.oneOfType([PropTypes.object, PropTypes.string]).isRequired,
+}
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-body.jsx b/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-body.jsx
new file mode 100644
index 0000000..75c5754
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-body.jsx
@@ -0,0 +1,114 @@
+import { useTranslation } from 'react-i18next'
+import FileTreeCreateNewDoc from './modes/file-tree-create-new-doc'
+import FileTreeImportFromUrl from './modes/file-tree-import-from-url'
+import FileTreeImportFromProject from './modes/file-tree-import-from-project'
+import FileTreeModalCreateFileMode from './file-tree-modal-create-file-mode'
+import FileTreeCreateNameProvider from '../../contexts/file-tree-create-name'
+import { useFileTreeActionable } from '../../contexts/file-tree-actionable'
+import { useFileTreeData } from '../../../../shared/context/file-tree-data-context'
+
+import importOverleafModules from '../../../../../macros/import-overleaf-module.macro'
+import { lazy, Suspense } from 'react'
+import { FullSizeLoadingSpinner } from '@/shared/components/loading-spinner'
+import getMeta from '@/utils/meta'
+
+const createFileModeModules = importOverleafModules('createFileModes')
+
+const FileTreeUploadDoc = lazy(() => import('./modes/file-tree-upload-doc'))
+
+export default function FileTreeModalCreateFileBody() {
+  const { t } = useTranslation()
+
+  const { newFileCreateMode } = useFileTreeActionable()
+  const { fileCount } = useFileTreeData()
+  const {
+    hasLinkedProjectFileFeature,
+    hasLinkedProjectOutputFileFeature,
+    hasLinkUrlFeature,
+  } = getMeta('ol-ExposedSettings')
+
+  if (!fileCount || fileCount.status === 'error') {
+    return null
+  }
+
+  return (
+    <table>
+      <tbody>
+        <tr>
+          <td className="modal-new-file-list">
+            <ul className="list-unstyled">
+              <FileTreeModalCreateFileMode
+                mode="doc"
+                icon="description"
+                label={t('new_file')}
+              />
+
+              <FileTreeModalCreateFileMode
+                mode="upload"
+                icon="upload"
+                label={t('upload')}
+              />
+
+              {(hasLinkedProjectFileFeature ||
+                hasLinkedProjectOutputFileFeature) && (
+                <FileTreeModalCreateFileMode
+                  mode="project"
+                  icon="folder_open"
+                  label={t('from_another_project')}
+                />
+              )}
+
+              {hasLinkUrlFeature && (
+                <FileTreeModalCreateFileMode
+                  mode="url"
+                  icon="globe"
+                  label={t('from_external_url')}
+                />
+              )}
+
+              {createFileModeModules.map(
+                ({ import: { CreateFileMode }, path }) => (
+                  <CreateFileMode key={path} />
+                )
+              )}
+            </ul>
+          </td>
+
+          <td
+            className={`modal-new-file-body modal-new-file-body-${newFileCreateMode}`}
+          >
+            {newFileCreateMode === 'doc' && (
+              <FileTreeCreateNameProvider initialName="name.tex">
+                <FileTreeCreateNewDoc />
+              </FileTreeCreateNameProvider>
+            )}
+
+            {newFileCreateMode === 'url' && (
+              <FileTreeCreateNameProvider>
+                <FileTreeImportFromUrl />
+              </FileTreeCreateNameProvider>
+            )}
+
+            {newFileCreateMode === 'project' && (
+              <FileTreeCreateNameProvider>
+                <FileTreeImportFromProject />
+              </FileTreeCreateNameProvider>
+            )}
+
+            {newFileCreateMode === 'upload' && (
+              <Suspense fallback={<FullSizeLoadingSpinner delay={500} />}>
+                <FileTreeUploadDoc />
+              </Suspense>
+            )}
+
+            {createFileModeModules.map(
+              ({ import: { CreateFilePane }, path }) => (
+                <CreateFilePane key={path} />
+              )
+            )}
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  )
+}
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-footer.jsx b/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-footer.jsx
new file mode 100644
index 0000000..3432d7b
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-footer.jsx
@@ -0,0 +1,86 @@
+import { useTranslation } from 'react-i18next'
+import { useFileTreeCreateForm } from '../../contexts/file-tree-create-form'
+import { useFileTreeActionable } from '../../contexts/file-tree-actionable'
+import { useFileTreeData } from '../../../../shared/context/file-tree-data-context'
+import PropTypes from 'prop-types'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+export default function FileTreeModalCreateFileFooter() {
+  const { valid } = useFileTreeCreateForm()
+  const { newFileCreateMode, inFlight, cancel } = useFileTreeActionable()
+  const { fileCount } = useFileTreeData()
+
+  return (
+    <FileTreeModalCreateFileFooterContent
+      valid={valid}
+      cancel={cancel}
+      newFileCreateMode={newFileCreateMode}
+      inFlight={inFlight}
+      fileCount={fileCount}
+    />
+  )
+}
+
+export function FileTreeModalCreateFileFooterContent({
+  valid,
+  fileCount,
+  inFlight,
+  newFileCreateMode,
+  cancel,
+}) {
+  const { t } = useTranslation()
+
+  return (
+    <>
+      {fileCount.status === 'warning' && (
+        <div className="modal-footer-left approaching-file-limit">
+          {t('project_approaching_file_limit')} ({fileCount.value}/
+          {fileCount.limit})
+        </div>
+      )}
+
+      {fileCount.status === 'error' && (
+        <OLNotification
+          type="error"
+          className="at-file-limit"
+          content={t('project_has_too_many_files')}
+        >
+          {/* TODO: add parameter for fileCount.limit */}
+        </OLNotification>
+      )}
+
+      <OLButton
+        variant="secondary"
+        type="button"
+        disabled={inFlight}
+        onClick={cancel}
+      >
+        {t('cancel')}
+      </OLButton>
+
+      {newFileCreateMode !== 'upload' && (
+        <OLButton
+          variant="primary"
+          type="submit"
+          form="create-file"
+          disabled={inFlight || !valid}
+          isLoading={inFlight}
+        >
+          {t('create')}
+        </OLButton>
+      )}
+    </>
+  )
+}
+FileTreeModalCreateFileFooterContent.propTypes = {
+  cancel: PropTypes.func.isRequired,
+  fileCount: PropTypes.shape({
+    limit: PropTypes.number.isRequired,
+    status: PropTypes.string.isRequired,
+    value: PropTypes.number.isRequired,
+  }).isRequired,
+  inFlight: PropTypes.bool.isRequired,
+  newFileCreateMode: PropTypes.string,
+  valid: PropTypes.bool.isRequired,
+}
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-mode.jsx b/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-mode.jsx
new file mode 100644
index 0000000..259dac3
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-mode.jsx
@@ -0,0 +1,35 @@
+import classnames from 'classnames'
+import PropTypes from 'prop-types'
+import { useFileTreeActionable } from '../../contexts/file-tree-actionable'
+import * as eventTracking from '../../../../infrastructure/event-tracking'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import MaterialIcon from '@/shared/components/material-icon'
+
+export default function FileTreeModalCreateFileMode({ mode, icon, label }) {
+  const { newFileCreateMode, startCreatingFile } = useFileTreeActionable()
+
+  const handleClick = () => {
+    startCreatingFile(mode)
+    eventTracking.sendMB('file-modal-click', { method: mode })
+  }
+
+  return (
+    <li className={classnames({ active: newFileCreateMode === mode })}>
+      <OLButton
+        variant="link"
+        onClick={handleClick}
+        className="modal-new-file-mode"
+      >
+        <MaterialIcon type={icon} />
+        &nbsp;
+        {label}
+      </OLButton>
+    </li>
+  )
+}
+
+FileTreeModalCreateFileMode.propTypes = {
+  mode: PropTypes.string.isRequired,
+  icon: PropTypes.string.isRequired,
+  label: PropTypes.string.isRequired,
+}
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-upload-conflicts.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-upload-conflicts.tsx
new file mode 100644
index 0000000..9d8a661
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-create/file-tree-upload-conflicts.tsx
@@ -0,0 +1,155 @@
+import { FileTreeEntity } from '../../../../../../types/file-tree-entity'
+import { useTranslation } from 'react-i18next'
+import { useProjectContext } from '@/shared/context/project-context'
+import { useCallback } from 'react'
+import { syncDelete } from '@/features/file-tree/util/sync-mutation'
+import { TFunction } from 'i18next'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export type Conflict = {
+  entity: FileTreeEntity
+  type: 'file' | 'folder'
+}
+
+const getConflictText = (conflicts: Conflict[], t: TFunction) => {
+  const hasFolderConflict = conflicts.some(
+    conflict => conflict.type === 'folder'
+  )
+
+  const hasFileConflict = conflicts.some(conflict => conflict.type === 'file')
+
+  if (hasFolderConflict && hasFileConflict) {
+    return t('the_following_files_and_folders_already_exist_in_this_project')
+  }
+
+  if (hasFolderConflict) {
+    return t('the_following_folder_already_exists_in_this_project', {
+      count: conflicts.length,
+    })
+  }
+
+  return t('the_following_files_already_exist_in_this_project')
+}
+
+export function FileUploadConflicts({
+  cancel,
+  conflicts,
+  handleOverwrite,
+}: {
+  cancel: () => void
+  conflicts: Conflict[]
+  handleOverwrite: () => void
+}) {
+  const { t } = useTranslation()
+
+  // Don't allow overwriting folders with files
+  const hasFolderConflict = conflicts.some(
+    conflict => conflict.type === 'folder'
+  )
+
+  return (
+    <div className="small modal-new-file-body-conflict">
+      {conflicts.length > 0 && (
+        <>
+          <p className="text-center mb-0">{getConflictText(conflicts, t)}</p>
+
+          <ul className="text-center list-unstyled row-spaced-small mt-1">
+            {conflicts.map((conflict, index) => (
+              <li key={index}>
+                <strong>{conflict.entity.name}</strong>
+              </li>
+            ))}
+          </ul>
+        </>
+      )}
+
+      {!hasFolderConflict && (
+        <p className="text-center row-spaced-small">
+          {t('do_you_want_to_overwrite_them')}
+        </p>
+      )}
+
+      <p className="text-center">
+        <OLButton variant="secondary" onClick={cancel}>
+          {t('cancel')}
+        </OLButton>
+        &nbsp;
+        {!hasFolderConflict && (
+          <OLButton variant="danger" onClick={handleOverwrite}>
+            {t('overwrite')}
+          </OLButton>
+        )}
+      </p>
+    </div>
+  )
+}
+
+export function FolderUploadConflicts({
+  cancel,
+  handleOverwrite,
+  conflicts,
+  setError,
+}: {
+  cancel: () => void
+  handleOverwrite: () => void
+  conflicts: Conflict[]
+  setError: (error: string) => void
+}) {
+  const { t } = useTranslation()
+  const { _id: projectId } = useProjectContext()
+
+  // Don't allow overwriting files with a folder
+  const hasFileConflict = conflicts.some(conflict => conflict.type === 'file')
+
+  const deleteAndRetry = useCallback(async () => {
+    // TODO: confirm deletion?
+
+    try {
+      await Promise.all(
+        conflicts.map(conflict =>
+          syncDelete(projectId, 'folder', conflict.entity._id)
+        )
+      )
+
+      handleOverwrite()
+    } catch (error: any) {
+      setError(error.message)
+    }
+  }, [setError, conflicts, handleOverwrite, projectId])
+
+  return (
+    <div className="small modal-new-file-body-conflict">
+      <p className="text-center mb-0">{getConflictText(conflicts, t)}</p>
+
+      <ul className="text-center list-unstyled row-spaced-small mt-1">
+        {conflicts.map((conflict, index) => (
+          <li key={index}>
+            <strong>{conflict.entity.name}</strong>
+          </li>
+        ))}
+      </ul>
+
+      {!hasFileConflict && (
+        <p className="text-center row-spaced-small">
+          {t('overwriting_the_original_folder')}
+          <br />
+          {t('do_you_want_to_overwrite_it', {
+            count: conflicts.length,
+          })}
+        </p>
+      )}
+
+      <p className="text-center">
+        <OLButton variant="secondary" onClick={cancel}>
+          {t('cancel')}
+        </OLButton>
+        &nbsp;
+        {!hasFileConflict && (
+          <OLButton variant="danger" onClick={deleteAndRetry}>
+            {t('overwrite')}
+          </OLButton>
+        )}
+      </p>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-create-new-doc.jsx b/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-create-new-doc.jsx
new file mode 100644
index 0000000..2d471a7
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-create-new-doc.jsx
@@ -0,0 +1,38 @@
+import { useCallback, useEffect } from 'react'
+import FileTreeCreateNameInput from '../file-tree-create-name-input'
+import { useFileTreeActionable } from '../../../contexts/file-tree-actionable'
+import { useFileTreeCreateName } from '../../../contexts/file-tree-create-name'
+import { useFileTreeCreateForm } from '../../../contexts/file-tree-create-form'
+import * as eventTracking from '../../../../../infrastructure/event-tracking'
+import ErrorMessage from '../error-message'
+
+export default function FileTreeCreateNewDoc() {
+  const { name, validName } = useFileTreeCreateName()
+  const { setValid } = useFileTreeCreateForm()
+  const { error, finishCreatingDoc, inFlight } = useFileTreeActionable()
+  // form validation: name is valid
+  useEffect(() => {
+    setValid(validName)
+  }, [setValid, validName])
+
+  // form submission: create an empty doc with this name
+  const handleSubmit = useCallback(
+    event => {
+      event.preventDefault()
+
+      finishCreatingDoc({ name })
+      eventTracking.sendMB('new-file-created', {
+        method: 'doc',
+        extension: name.split('.').length > 1 ? name.split('.').pop() : '',
+      })
+    },
+    [finishCreatingDoc, name]
+  )
+
+  return (
+    <form noValidate id="create-file" onSubmit={handleSubmit}>
+      <FileTreeCreateNameInput focusName error={error} inFlight={inFlight} />
+      {error && <ErrorMessage error={error} />}
+    </form>
+  )
+}
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-project.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-project.tsx
new file mode 100644
index 0000000..f8be632
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-project.tsx
@@ -0,0 +1,373 @@
+import {
+  useState,
+  useCallback,
+  useEffect,
+  useMemo,
+  FormEventHandler,
+} from 'react'
+import FileTreeCreateNameInput from '../file-tree-create-name-input'
+import { useTranslation } from 'react-i18next'
+import { useUserProjects } from '../../../hooks/use-user-projects'
+import { Entity, useProjectEntities } from '../../../hooks/use-project-entities'
+import { useProjectOutputFiles } from '../../../hooks/use-project-output-files'
+import { useFileTreeActionable } from '../../../contexts/file-tree-actionable'
+import { useFileTreeCreateName } from '../../../contexts/file-tree-create-name'
+import { useFileTreeCreateForm } from '../../../contexts/file-tree-create-form'
+import { useProjectContext } from '../../../../../shared/context/project-context'
+import ErrorMessage from '../error-message'
+import * as eventTracking from '../../../../../infrastructure/event-tracking'
+import { File } from '@/features/source-editor/utils/file'
+import { Project } from '../../../../../../../types/project'
+import getMeta from '@/utils/meta'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLForm from '@/features/ui/components/ol/ol-form'
+import OLFormSelect from '@/features/ui/components/ol/ol-form-select'
+import { Spinner } from 'react-bootstrap-5'
+
+export default function FileTreeImportFromProject() {
+  const { t } = useTranslation()
+
+  const { hasLinkedProjectFileFeature, hasLinkedProjectOutputFileFeature } =
+    getMeta('ol-ExposedSettings')
+  const canSwitchOutputFilesMode =
+    hasLinkedProjectFileFeature && hasLinkedProjectOutputFileFeature
+
+  const { name, setName, validName } = useFileTreeCreateName()
+  const { setValid } = useFileTreeCreateForm()
+  const { error, finishCreatingLinkedFile, inFlight } = useFileTreeActionable()
+
+  const [selectedProject, setSelectedProject] = useState<Project>()
+  const [selectedProjectEntity, setSelectedProjectEntity] = useState<Entity>()
+  const [selectedProjectOutputFile, setSelectedProjectOutputFile] = useState<
+    File & { build: string; clsiServerId: string }
+  >()
+  const [isOutputFilesMode, setOutputFilesMode] = useState(
+    // default to project file mode, unless the feature is not enabled
+    !hasLinkedProjectFileFeature
+  )
+
+  // use the basename of a path as the file name
+  const setNameFromPath = useCallback(
+    path => {
+      const filename = path.split('/').pop()
+
+      if (filename) {
+        setName(filename)
+      }
+    },
+    [setName]
+  )
+
+  // update the name when an output file is selected
+  useEffect(() => {
+    if (selectedProjectOutputFile) {
+      if (
+        selectedProjectOutputFile.path === 'output.pdf' &&
+        selectedProject!.name
+      ) {
+        // if the output PDF is selected, use the project's name as the filename
+        setName(`${selectedProject!.name}.pdf`)
+      } else {
+        setNameFromPath(selectedProjectOutputFile.path)
+      }
+    }
+  }, [selectedProject, selectedProjectOutputFile, setName, setNameFromPath])
+
+  // update the name when an entity is selected
+  useEffect(() => {
+    if (selectedProjectEntity) {
+      setNameFromPath(selectedProjectEntity.path)
+    }
+  }, [selectedProjectEntity, setNameFromPath])
+
+  // form validation: name is valid and entity or output file is selected
+  useEffect(() => {
+    const hasSelectedEntity = Boolean(
+      isOutputFilesMode ? selectedProjectOutputFile : selectedProjectEntity
+    )
+
+    setValid(validName && hasSelectedEntity)
+  }, [
+    setValid,
+    validName,
+    isOutputFilesMode,
+    selectedProjectEntity,
+    selectedProjectOutputFile,
+  ])
+
+  // form submission: create a linked file with this name, from this entity or output file
+  const handleSubmit: FormEventHandler = event => {
+    event.preventDefault()
+    eventTracking.sendMB('new-file-created', {
+      method: 'project',
+      extension: name.split('.').length > 1 ? name.split('.').pop() : '',
+    })
+
+    if (isOutputFilesMode) {
+      finishCreatingLinkedFile({
+        name,
+        provider: 'project_output_file',
+        data: {
+          source_project_id: selectedProject!._id,
+          source_output_file_path: selectedProjectOutputFile!.path,
+          build_id: selectedProjectOutputFile!.build,
+          clsiServerId: selectedProjectOutputFile!.clsiServerId,
+        },
+      })
+    } else {
+      finishCreatingLinkedFile({
+        name,
+        provider: 'project_file',
+        data: {
+          source_project_id: selectedProject!._id,
+          source_entity_path: selectedProjectEntity!.path,
+        },
+      })
+    }
+  }
+
+  return (
+    <OLForm id="create-file" onSubmit={handleSubmit}>
+      <SelectProject
+        selectedProject={selectedProject}
+        setSelectedProject={setSelectedProject}
+      />
+
+      {isOutputFilesMode ? (
+        <SelectProjectOutputFile
+          selectedProjectId={selectedProject?._id}
+          selectedProjectOutputFile={selectedProjectOutputFile}
+          setSelectedProjectOutputFile={setSelectedProjectOutputFile}
+        />
+      ) : (
+        <SelectProjectEntity
+          selectedProjectId={selectedProject?._id}
+          selectedProjectEntity={selectedProjectEntity}
+          setSelectedProjectEntity={setSelectedProjectEntity}
+        />
+      )}
+
+      {canSwitchOutputFilesMode && (
+        <div className="toggle-file-type-button">
+          or&nbsp;
+          <OLButton
+            variant="link"
+            type="button"
+            onClick={() => setOutputFilesMode(value => !value)}
+          >
+            <span>
+              {isOutputFilesMode
+                ? t('select_from_source_files')
+                : t('select_from_output_files')}
+            </span>
+          </OLButton>
+        </div>
+      )}
+
+      <FileTreeCreateNameInput
+        label={t('file_name_in_this_project')}
+        classes={{
+          formGroup: 'form-controls row-spaced-small',
+        }}
+        placeholder="example.tex"
+        error={error}
+        inFlight={inFlight}
+      />
+
+      {error && <ErrorMessage error={error} />}
+    </OLForm>
+  )
+}
+
+type SelectProjectProps = {
+  selectedProject?: any
+  setSelectedProject(project: any): void
+}
+
+function SelectProject({
+  selectedProject,
+  setSelectedProject,
+}: SelectProjectProps) {
+  const { t } = useTranslation()
+  const { _id: projectId } = useProjectContext()
+
+  const { data, error, loading } = useUserProjects()
+
+  const filteredData = useMemo(() => {
+    if (!data) {
+      return null
+    }
+
+    return data.filter(item => item._id !== projectId)
+  }, [data, projectId])
+
+  if (error) {
+    return <ErrorMessage error={error} />
+  }
+
+  return (
+    <OLFormGroup controlId="project-select">
+      <OLFormLabel>{t('select_a_project')}</OLFormLabel>
+
+      {loading && (
+        <span>
+          &nbsp;
+          <Spinner
+            animation="border"
+            aria-hidden="true"
+            size="sm"
+            role="status"
+          />
+        </span>
+      )}
+
+      <OLFormSelect
+        disabled={!data}
+        value={selectedProject ? selectedProject._id : ''}
+        onChange={event => {
+          const projectId = (event.target as HTMLSelectElement).value
+          const project = data!.find(item => item._id === projectId)
+          setSelectedProject(project)
+        }}
+      >
+        <option disabled value="">
+          - {t('please_select_a_project')}
+        </option>
+
+        {filteredData &&
+          filteredData.map(project => (
+            <option key={project._id} value={project._id}>
+              {project.name}
+            </option>
+          ))}
+      </OLFormSelect>
+
+      {filteredData && !filteredData.length && (
+        <small>{t('no_other_projects_found')}</small>
+      )}
+    </OLFormGroup>
+  )
+}
+
+type SelectProjectOutputFileProps = {
+  selectedProjectId?: string
+  selectedProjectOutputFile?: any
+  setSelectedProjectOutputFile(file: any): void
+}
+
+function SelectProjectOutputFile({
+  selectedProjectId,
+  selectedProjectOutputFile,
+  setSelectedProjectOutputFile,
+}: SelectProjectOutputFileProps) {
+  const { t } = useTranslation()
+
+  const { data, error, loading } = useProjectOutputFiles(selectedProjectId)
+
+  if (error) {
+    return <ErrorMessage error={error} />
+  }
+
+  return (
+    <OLFormGroup
+      className="row-spaced-small"
+      controlId="project-output-file-select"
+    >
+      <OLFormLabel>{t('select_an_output_file')}</OLFormLabel>
+
+      {loading && (
+        <span>
+          &nbsp;
+          <Spinner
+            animation="border"
+            aria-hidden="true"
+            size="sm"
+            role="status"
+          />
+        </span>
+      )}
+
+      <OLFormSelect
+        disabled={!data}
+        value={selectedProjectOutputFile?.path || ''}
+        onChange={event => {
+          const path = (event.target as unknown as HTMLSelectElement).value
+          const file = data?.find(item => item.path === path)
+          setSelectedProjectOutputFile(file)
+        }}
+      >
+        <option disabled value="">
+          - {t('please_select_an_output_file')}
+        </option>
+
+        {data &&
+          data.map(file => (
+            <option key={file.path} value={file.path}>
+              {file.path}
+            </option>
+          ))}
+      </OLFormSelect>
+    </OLFormGroup>
+  )
+}
+
+type SelectProjectEntityProps = {
+  selectedProjectId?: string
+  selectedProjectEntity?: any
+  setSelectedProjectEntity(entity: any): void
+}
+
+function SelectProjectEntity({
+  selectedProjectId,
+  selectedProjectEntity,
+  setSelectedProjectEntity,
+}: SelectProjectEntityProps) {
+  const { t } = useTranslation()
+
+  const { data, error, loading } = useProjectEntities(selectedProjectId)
+
+  if (error) {
+    return <ErrorMessage error={error} />
+  }
+
+  return (
+    <OLFormGroup className="row-spaced-small" controlId="project-entity-select">
+      <OLFormLabel>{t('select_a_file')}</OLFormLabel>
+
+      {loading && (
+        <span>
+          &nbsp;
+          <Spinner
+            animation="border"
+            aria-hidden="true"
+            size="sm"
+            role="status"
+          />
+        </span>
+      )}
+
+      <OLFormSelect
+        disabled={!data}
+        value={selectedProjectEntity?.path || ''}
+        onChange={event => {
+          const path = (event.target as HTMLSelectElement).value
+          const entity = data!.find(item => item.path === path)
+          setSelectedProjectEntity(entity)
+        }}
+      >
+        <option disabled value="">
+          - {t('please_select_a_file')}
+        </option>
+
+        {data &&
+          data.map(entity => (
+            <option key={entity.path} value={entity.path}>
+              {entity.path.slice(1)}
+            </option>
+          ))}
+      </OLFormSelect>
+    </OLFormGroup>
+  )
+}
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-url.jsx b/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-url.jsx
new file mode 100644
index 0000000..9a6f121
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-import-from-url.jsx
@@ -0,0 +1,80 @@
+import { useCallback, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import FileTreeCreateNameInput from '../file-tree-create-name-input'
+import { useFileTreeActionable } from '../../../contexts/file-tree-actionable'
+import { useFileTreeCreateName } from '../../../contexts/file-tree-create-name'
+import { useFileTreeCreateForm } from '../../../contexts/file-tree-create-form'
+import ErrorMessage from '../error-message'
+import * as eventTracking from '../../../../../infrastructure/event-tracking'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+
+export default function FileTreeImportFromUrl() {
+  const { t } = useTranslation()
+  const { name, setName, validName } = useFileTreeCreateName()
+  const { setValid } = useFileTreeCreateForm()
+  const { finishCreatingLinkedFile, error, inFlight } = useFileTreeActionable()
+
+  const [url, setUrl] = useState('')
+
+  const handleChange = useCallback(event => {
+    setUrl(event.target.value)
+  }, [])
+
+  // set the name when the URL changes
+  useEffect(() => {
+    if (url) {
+      const matches = url.match(/^\s*https?:\/\/.+\/([^/]+\.(\w+))\s*$/)
+      setName(matches ? matches[1] : '')
+    }
+  }, [setName, url])
+
+  // form validation: URL is set and name is valid
+  useEffect(() => {
+    setValid(validName && !!url)
+  }, [setValid, validName, url])
+
+  // form submission: create a linked file with this name, from this URL
+  const handleSubmit = event => {
+    event.preventDefault()
+    eventTracking.sendMB('new-file-created', {
+      method: 'url',
+      extension: name.split('.').length > 1 ? name.split('.').pop() : '',
+    })
+    finishCreatingLinkedFile({
+      name,
+      provider: 'url',
+      data: { url: url.trim() },
+    })
+  }
+
+  return (
+    <form
+      className="form-controls"
+      id="create-file"
+      noValidate
+      onSubmit={handleSubmit}
+    >
+      <OLFormGroup controlId="import-from-url">
+        <OLFormLabel>{t('url_to_fetch_the_file_from')}</OLFormLabel>
+        <OLFormControl
+          type="url"
+          placeholder="https://example.com/my-file.png"
+          required
+          value={url}
+          onChange={handleChange}
+        />
+      </OLFormGroup>
+
+      <FileTreeCreateNameInput
+        label={t('file_name_in_this_project')}
+        placeholder="my_file"
+        error={error}
+        inFlight={inFlight}
+      />
+
+      {error && <ErrorMessage error={error} />}
+    </form>
+  )
+}
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-upload-doc.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-upload-doc.tsx
new file mode 100644
index 0000000..2ffd591
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-create/modes/file-tree-upload-doc.tsx
@@ -0,0 +1,339 @@
+import { useTranslation } from 'react-i18next'
+import { useCallback, useEffect, useState } from 'react'
+import Uppy from '@uppy/core'
+import XHRUpload from '@uppy/xhr-upload'
+import { Dashboard } from '@uppy/react'
+import { useFileTreeActionable } from '../../../contexts/file-tree-actionable'
+import { useProjectContext } from '../../../../../shared/context/project-context'
+import * as eventTracking from '../../../../../infrastructure/event-tracking'
+import '@uppy/core/dist/style.css'
+import '@uppy/dashboard/dist/style.css'
+import { refreshProjectMetadata } from '../../../util/api'
+import ErrorMessage from '../error-message'
+import { debugConsole } from '@/utils/debugging'
+import { isAcceptableFile } from '@/features/file-tree/util/is-acceptable-file'
+import {
+  findFileByNameInFolder,
+  findFolderByNameInFolder,
+} from '@/features/file-tree/util/is-name-unique-in-folder'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import {
+  Conflict,
+  FileUploadConflicts,
+  FolderUploadConflicts,
+} from '@/features/file-tree/components/file-tree-create/file-tree-upload-conflicts'
+import getMeta from '@/utils/meta'
+
+export default function FileTreeUploadDoc() {
+  const { parentFolderId, cancel, droppedFiles, setDroppedFiles } =
+    useFileTreeActionable()
+  const { fileTreeData } = useFileTreeData()
+  const { _id: projectId } = useProjectContext()
+
+  const [error, setError] = useState<string>()
+
+  const [conflicts, setConflicts] = useState<Conflict[]>([])
+  const [folderConflicts, setFolderConflicts] = useState<Conflict[]>([])
+  const [overwrite, setOverwrite] = useState(false)
+
+  const maxNumberOfFiles = 180
+  const maxFileSize = getMeta('ol-ExposedSettings').maxUploadSize
+
+  // calculate conflicts
+  const buildConflicts = (files: Record<string, any>) => {
+    const conflicts: Conflict[] = []
+
+    for (const file of Object.values(files)) {
+      const { name, relativePath } = file.meta
+
+      if (!relativePath) {
+        const targetFolderId = file.meta.targetFolderId ?? parentFolderId
+        const duplicateFile = findFileByNameInFolder(
+          fileTreeData,
+          targetFolderId,
+          name
+        )
+        if (duplicateFile) {
+          conflicts.push({
+            entity: duplicateFile,
+            type: 'file',
+          })
+        }
+
+        const duplicateFolder = findFolderByNameInFolder(
+          fileTreeData,
+          targetFolderId,
+          name
+        )
+        if (duplicateFolder) {
+          conflicts.push({
+            entity: duplicateFolder,
+            type: 'folder',
+          })
+        }
+      }
+    }
+
+    return conflicts
+  }
+
+  const buildFolderConflicts = (files: Record<string, any>) => {
+    const conflicts: Conflict[] = []
+
+    for (const file of Object.values(files)) {
+      const { relativePath } = file.meta
+
+      if (relativePath) {
+        const [rootName] = relativePath.replace(/^\//, '').split('/')
+
+        const targetFolderId = file.meta.targetFolderId ?? parentFolderId
+        const duplicateFile = findFileByNameInFolder(
+          fileTreeData,
+          targetFolderId,
+          rootName
+        )
+        if (duplicateFile) {
+          conflicts.push({
+            entity: duplicateFile,
+            type: 'file',
+          })
+        }
+
+        const duplicateFolder = findFolderByNameInFolder(
+          fileTreeData,
+          targetFolderId,
+          rootName
+        )
+        if (duplicateFolder) {
+          conflicts.push({
+            entity: duplicateFolder,
+            type: 'folder',
+          })
+        }
+      }
+    }
+
+    return conflicts
+  }
+
+  const buildEndpoint = (projectId: string, targetFolderId: string) => {
+    let endpoint = `/project/${projectId}/upload`
+
+    if (targetFolderId) {
+      endpoint += `?folder_id=${targetFolderId}`
+    }
+
+    return endpoint
+  }
+
+  // initialise the Uppy object
+  const [uppy] = useState(() => {
+    const endpoint = buildEndpoint(projectId, parentFolderId)
+
+    return (
+      new Uppy<{ relativePath?: string; targetFolderId: string }>({
+        // logger: Uppy.debugLogger,
+        allowMultipleUploadBatches: false,
+        restrictions: {
+          maxNumberOfFiles,
+          maxFileSize: maxFileSize || null,
+        },
+        onBeforeFileAdded(file) {
+          if (
+            !isAcceptableFile(
+              file.name,
+              file.meta.relativePath as string | undefined
+            )
+          ) {
+            return false
+          }
+        },
+        onBeforeUpload(files) {
+          const conflicts = buildConflicts(files)
+          const folderConflicts = buildFolderConflicts(files)
+          setConflicts(conflicts)
+          setFolderConflicts(folderConflicts)
+          return conflicts.length === 0 && folderConflicts.length === 0
+        },
+        autoProceed: true,
+        locale: {
+          strings: {
+            youCanOnlyUploadX:
+              'You can only upload %{smart_count} files at a time',
+          },
+        },
+      })
+        // use the basic XHR uploader
+        .use(XHRUpload, {
+          endpoint,
+          headers: {
+            'X-CSRF-TOKEN': getMeta('ol-csrfToken'),
+          },
+          // limit: maxConnections || 1,
+          limit: 1,
+          fieldName: 'qqfile', // "qqfile" field inherited from FineUploader
+        })
+        // close the modal when all the uploads completed successfully
+        .on('complete', result => {
+          if (!result.failed.length) {
+            // $scope.$emit('done', { name: name })
+            cancel()
+          }
+        })
+        // broadcast doc metadata after each successful upload
+        .on('upload-success', (file, response) => {
+          eventTracking.sendMB('new-file-created', {
+            method: 'upload',
+            extension:
+              file?.name && file?.name.split('.').length > 1
+                ? file?.name.split('.').pop()
+                : '',
+          })
+          if (response.body.entity_type === 'doc') {
+            window.setTimeout(() => {
+              refreshProjectMetadata(projectId, response.body.entity_id)
+            }, 250)
+          }
+        })
+        // handle upload errors
+        .on('upload-error', (file, error, response) => {
+          switch (response?.status) {
+            case 429:
+              setError('rate-limit-hit')
+              break
+
+            case 403:
+              setError('not-logged-in')
+              break
+
+            default:
+              debugConsole.error(error)
+              setError(response?.body?.error || 'generic_something_went_wrong')
+              break
+          }
+        })
+    )
+  })
+
+  useEffect(() => {
+    if (uppy && droppedFiles) {
+      uppy.setOptions({
+        autoProceed: false,
+      })
+      for (const file of droppedFiles.files) {
+        const fileId = uppy.addFile({
+          name: file.name,
+          type: file.type,
+          data: file,
+          source: 'Local',
+          isRemote: false,
+          meta: {
+            relativePath: (file as any).relativePath,
+            targetFolderId: droppedFiles.targetFolderId,
+          },
+        })
+        const uppyFile = uppy.getFile(fileId)
+        uppy.setFileState(fileId, {
+          xhrUpload: {
+            ...(uppyFile as any).xhrUpload,
+            endpoint: buildEndpoint(projectId, droppedFiles.targetFolderId),
+          },
+        })
+      }
+    }
+
+    return () => {
+      setDroppedFiles(null)
+    }
+  }, [uppy, droppedFiles, setDroppedFiles, projectId])
+
+  // handle forced overwriting of conflicting files
+  const handleOverwrite = useCallback(() => {
+    setOverwrite(true)
+    uppy.setOptions({
+      onBeforeUpload() {
+        // don't check for file conflicts
+        return true
+      },
+    })
+    uppy.upload()
+  }, [uppy])
+
+  const showFolderUploadConflicts = !overwrite && folderConflicts.length > 0
+  const showFileUploadConfilcts =
+    !overwrite && !showFolderUploadConflicts && conflicts.length > 0
+  const showDashboard = !showFileUploadConfilcts && !showFolderUploadConflicts
+
+  return (
+    <>
+      {error && (
+        <UploadErrorMessage error={error} maxNumberOfFiles={maxNumberOfFiles} />
+      )}
+      {showFolderUploadConflicts && (
+        <FolderUploadConflicts
+          cancel={cancel}
+          conflicts={folderConflicts}
+          handleOverwrite={handleOverwrite}
+          setError={setError}
+        />
+      )}
+      {showFileUploadConfilcts && (
+        <FileUploadConflicts
+          cancel={cancel}
+          conflicts={conflicts}
+          handleOverwrite={handleOverwrite}
+        />
+      )}
+      {showDashboard && (
+        <Dashboard
+          uppy={uppy}
+          showProgressDetails
+          // note={`Up to ${maxNumberOfFiles} files, up to ${maxFileSize / (1024 * 1024)}MB`}
+          height={400}
+          width="100%"
+          showLinkToFileUploadResult={false}
+          proudlyDisplayPoweredByUppy={false}
+          // allow files or folders to be selected
+          fileManagerSelectionType="both"
+          locale={{
+            strings: {
+              // Text to show on the droppable area.
+              // `%{browse}` is replaced with a link that opens the system file selection dialog.
+              // TODO: 'drag_here' or 'drop_files_here_to_upload'?
+              // dropHereOr: `${t('drag_here')} ${t('or')} %{browse}`,
+              dropPasteBoth: `Drop or paste your files, folder, or images here. %{browseFiles} or %{browseFolders} from your computer.`,
+              // Used as the label for the link that opens the system file selection dialog.
+              // browseFiles: t('select_from_your_computer')
+              browseFiles: 'Select files',
+              browseFolders: 'select a folder',
+            },
+          }}
+        />
+      )}
+    </>
+  )
+}
+
+function UploadErrorMessage({
+  error,
+  maxNumberOfFiles,
+}: {
+  error: string
+  maxNumberOfFiles: number
+}) {
+  const { t } = useTranslation()
+
+  switch (error) {
+    case 'too-many-files':
+      return (
+        <>
+          {t('maximum_files_uploaded_together', {
+            max: maxNumberOfFiles,
+          })}
+        </>
+      )
+
+    default:
+      return <ErrorMessage error={error} />
+  }
+}
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-create/redirect-to-login.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-create/redirect-to-login.tsx
new file mode 100644
index 0000000..ab32fce
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-create/redirect-to-login.tsx
@@ -0,0 +1,36 @@
+import { useState, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useProjectContext } from '../../../../shared/context/project-context'
+import { useLocation } from '../../../../shared/hooks/use-location'
+
+// handle "not-logged-in" errors by redirecting to the login page
+export default function RedirectToLogin() {
+  const { t } = useTranslation()
+  const { _id: projectId } = useProjectContext()
+  const [secondsToRedirect, setSecondsToRedirect] = useState(10)
+  const location = useLocation()
+
+  useEffect(() => {
+    setSecondsToRedirect(10)
+
+    const timer = window.setInterval(() => {
+      setSecondsToRedirect(value => {
+        if (value === 0) {
+          window.clearInterval(timer)
+          location.assign(`/login?redir=/project/${projectId}`)
+          return 0
+        }
+
+        return value - 1
+      })
+    }, 1000)
+
+    return () => {
+      window.clearInterval(timer)
+    }
+  }, [projectId, location])
+
+  return t('session_expired_redirecting_to_login', {
+    seconds: secondsToRedirect,
+  })
+}
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-doc.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-doc.tsx
new file mode 100644
index 0000000..3b67073
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-doc.tsx
@@ -0,0 +1,43 @@
+import { useSelectableEntity } from '../contexts/file-tree-selectable'
+import FileTreeIcon from './file-tree-icon'
+import FileTreeItemInner from './file-tree-item/file-tree-item-inner'
+
+function FileTreeDoc({
+  name,
+  id,
+  isFile,
+  isLinkedFile,
+}: {
+  name: string
+  id: string
+  isFile?: boolean
+  isLinkedFile?: boolean
+}) {
+  const type = isFile ? 'file' : 'doc'
+
+  const { isSelected, props: selectableEntityProps } = useSelectableEntity(
+    id,
+    type
+  )
+
+  return (
+    <li
+      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+      role="treeitem"
+      // aria-selected is provided in selectableEntityProps
+      {...selectableEntityProps}
+      aria-label={name}
+      tabIndex={0}
+    >
+      <FileTreeItemInner
+        id={id}
+        name={name}
+        type={type}
+        isSelected={isSelected}
+        icons={<FileTreeIcon isLinkedFile={isLinkedFile} name={name} />}
+      />
+    </li>
+  )
+}
+
+export default FileTreeDoc
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-draggable-preview-layer.jsx b/services/web/frontend/js/features/file-tree/components/file-tree-draggable-preview-layer.jsx
new file mode 100644
index 0000000..fffc4f5
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-draggable-preview-layer.jsx
@@ -0,0 +1,78 @@
+import { useRef } from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+
+// a custom component rendered on top of a draggable area that renders the
+// dragged item. See
+// https://react-dnd.github.io/react-dnd/examples/drag-around/custom-drag-layer
+// for more details.
+// Also used to display a container border when hovered.
+function FileTreeDraggablePreviewLayer({
+  isOver,
+  isDragging,
+  item,
+  clientOffset,
+}) {
+  const ref = useRef()
+
+  return (
+    <div
+      ref={ref}
+      className={classNames('dnd-draggable-preview-layer', {
+        'dnd-droppable-hover': isOver,
+      })}
+    >
+      {isDragging && item?.title && (
+        <div
+          style={getItemStyle(
+            clientOffset,
+            ref.current?.getBoundingClientRect()
+          )}
+        >
+          <DraggablePreviewItem title={item.title} />
+        </div>
+      )}
+    </div>
+  )
+}
+
+FileTreeDraggablePreviewLayer.propTypes = {
+  isOver: PropTypes.bool.isRequired,
+  isDragging: PropTypes.bool.isRequired,
+  item: PropTypes.shape({
+    title: PropTypes.string,
+  }),
+  clientOffset: PropTypes.shape({
+    x: PropTypes.number,
+    y: PropTypes.number,
+  }),
+}
+
+function DraggablePreviewItem({ title }) {
+  return <div className="dnd-draggable-preview-item">{title}</div>
+}
+
+DraggablePreviewItem.propTypes = {
+  title: PropTypes.string.isRequired,
+}
+
+// makes the preview item follow the cursor.
+// See https://react-dnd.github.io/react-dnd/docs/api/drag-layer-monitor
+function getItemStyle(clientOffset, containerOffset) {
+  if (!containerOffset || !clientOffset) {
+    return {
+      display: 'none',
+    }
+  }
+  const { x: containerX, y: containerY } = containerOffset
+  const { x: clientX, y: clientY } = clientOffset
+  const posX = clientX - containerX - 15
+  const posY = clientY - containerY - 15
+  const transform = `translate(${posX}px, ${posY}px)`
+  return {
+    transform,
+    WebkitTransform: transform,
+  }
+}
+
+export default FileTreeDraggablePreviewLayer
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-error.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-error.tsx
new file mode 100644
index 0000000..9093691
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-error.tsx
@@ -0,0 +1,20 @@
+import { useTranslation } from 'react-i18next'
+import { useLocation } from '../../../shared/hooks/use-location'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+function FileTreeError() {
+  const { t } = useTranslation()
+  const { reload: handleClick } = useLocation()
+
+  return (
+    <div className="file-tree-error">
+      <p>{t('generic_something_went_wrong')}</p>
+      <p>{t('please_refresh')}</p>
+      <OLButton variant="primary" onClick={handleClick}>
+        {t('refresh')}
+      </OLButton>
+    </div>
+  )
+}
+
+export default FileTreeError
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-folder-icons.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-folder-icons.tsx
new file mode 100644
index 0000000..45099e6
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-folder-icons.tsx
@@ -0,0 +1,51 @@
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useIsNewEditorEnabled } from '@/features/ide-redesign/utils/new-editor-utils'
+
+function FileTreeFolderIcons({
+  expanded,
+  onExpandCollapseClick,
+}: {
+  expanded: boolean
+  onExpandCollapseClick: () => void
+}) {
+  const { t } = useTranslation()
+  const newEditor = useIsNewEditorEnabled()
+
+  if (newEditor) {
+    return (
+      <>
+        <button
+          className="folder-expand-collapse-button"
+          onClick={onExpandCollapseClick}
+          aria-label={expanded ? t('collapse') : t('expand')}
+        >
+          <MaterialIcon
+            type={expanded ? 'expand_more' : 'chevron_right'}
+            className="file-tree-expand-icon"
+          />
+        </button>
+      </>
+    )
+  }
+
+  return (
+    <>
+      <button
+        onClick={onExpandCollapseClick}
+        aria-label={expanded ? t('collapse') : t('expand')}
+      >
+        <MaterialIcon
+          type={expanded ? 'expand_more' : 'chevron_right'}
+          className="file-tree-expand-icon"
+        />
+      </button>
+      <MaterialIcon
+        type={expanded ? 'folder_open' : 'folder'}
+        className="file-tree-folder-icon"
+      />
+    </>
+  )
+}
+
+export default FileTreeFolderIcons
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-folder-list.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-folder-list.tsx
new file mode 100644
index 0000000..1706554
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-folder-list.tsx
@@ -0,0 +1,84 @@
+import classNames from 'classnames'
+
+import FileTreeDoc from './file-tree-doc'
+import FileTreeFolder from './file-tree-folder'
+import { fileCollator } from '../util/file-collator'
+import { Folder } from '../../../../../types/folder'
+import { Doc } from '../../../../../types/doc'
+import { FileRef } from '../../../../../types/file-ref'
+import { ConnectDropTarget } from 'react-dnd'
+
+type ExtendedFileRef = FileRef & { isFile: true }
+
+function FileTreeFolderList({
+  folders,
+  docs,
+  files,
+  classes = {},
+  dropRef = null,
+  children,
+  dataTestId,
+}: {
+  folders: Folder[]
+  docs: Doc[]
+  files: FileRef[]
+  classes?: { root?: string }
+  dropRef?: ConnectDropTarget | null
+  children?: React.ReactNode
+  dataTestId?: string
+}) {
+  files = files.map(file => ({ ...file, isFile: true }))
+  const docsAndFiles: (Doc | ExtendedFileRef)[] = [...docs, ...files]
+
+  return (
+    <ul
+      className={classNames(
+        'list-unstyled',
+        'file-tree-folder-list',
+        classes.root
+      )}
+      role="tree"
+      ref={dropRef}
+      data-testid={dataTestId}
+    >
+      <div className="file-tree-folder-list-inner">
+        {folders.sort(compareFunction).map(folder => {
+          return (
+            <FileTreeFolder
+              key={folder._id}
+              name={folder.name}
+              id={folder._id}
+              folders={folder.folders}
+              docs={folder.docs}
+              files={folder.fileRefs}
+            />
+          )
+        })}
+        {docsAndFiles.sort(compareFunction).map(doc => {
+          if ('isFile' in doc) {
+            return (
+              <FileTreeDoc
+                key={doc._id}
+                name={doc.name}
+                id={doc._id}
+                isFile={doc.isFile}
+                isLinkedFile={
+                  doc.linkedFileData && !!doc.linkedFileData.provider
+                }
+              />
+            )
+          }
+
+          return <FileTreeDoc key={doc._id} name={doc.name} id={doc._id} />
+        })}
+        {children}
+      </div>
+    </ul>
+  )
+}
+
+function compareFunction(one: { name: string }, two: { name: string }) {
+  return fileCollator.compare(one.name, two.name)
+}
+
+export default FileTreeFolderList
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-folder.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-folder.tsx
new file mode 100644
index 0000000..5ad8481
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-folder.tsx
@@ -0,0 +1,96 @@
+import { useEffect } from 'react'
+import classNames from 'classnames'
+
+import {
+  useFileTreeSelectable,
+  useSelectableEntity,
+} from '../contexts/file-tree-selectable'
+import { useDroppable } from '../contexts/file-tree-draggable'
+
+import FileTreeItemInner from './file-tree-item/file-tree-item-inner'
+import FileTreeFolderList from './file-tree-folder-list'
+import usePersistedState from '../../../shared/hooks/use-persisted-state'
+import { Folder } from '../../../../../types/folder'
+import { Doc } from '../../../../../types/doc'
+import { FileRef } from '../../../../../types/file-ref'
+import FileTreeFolderIcons from './file-tree-folder-icons'
+
+function FileTreeFolder({
+  name,
+  id,
+  folders,
+  docs,
+  files,
+}: {
+  name: string
+  id: string
+  folders: Folder[]
+  docs: Doc[]
+  files: FileRef[]
+}) {
+  const { isSelected, props: selectableEntityProps } = useSelectableEntity(
+    id,
+    'folder'
+  )
+
+  const { selectedEntityParentIds } = useFileTreeSelectable()
+
+  const [expanded, setExpanded] = usePersistedState(
+    `folder.${id}.expanded`,
+    false
+  )
+
+  useEffect(() => {
+    if (selectedEntityParentIds.has(id)) {
+      setExpanded(true)
+    }
+  }, [id, selectedEntityParentIds, setExpanded])
+
+  function handleExpandCollapseClick() {
+    setExpanded(!expanded)
+  }
+
+  const { isOver: isOverRoot, dropRef: dropRefRoot } = useDroppable(id)
+  const { isOver: isOverList, dropRef: dropRefList } = useDroppable(id)
+
+  return (
+    <>
+      <li
+        // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+        role="treeitem"
+        // aria-selected is provided in selectableEntityProps
+        {...selectableEntityProps}
+        aria-expanded={expanded}
+        aria-label={name}
+        tabIndex={0}
+        ref={dropRefRoot}
+        className={classNames(selectableEntityProps.className, {
+          'dnd-droppable-hover': isOverRoot || isOverList,
+        })}
+      >
+        <FileTreeItemInner
+          id={id}
+          name={name}
+          type="folder"
+          isSelected={isSelected}
+          icons={
+            <FileTreeFolderIcons
+              expanded={expanded}
+              onExpandCollapseClick={handleExpandCollapseClick}
+            />
+          }
+        />
+      </li>
+      {expanded ? (
+        <FileTreeFolderList
+          folders={folders}
+          docs={docs}
+          files={files}
+          dropRef={dropRefList}
+        />
+      ) : null}
+    </>
+  )
+}
+
+export default FileTreeFolder
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-icon.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-icon.tsx
new file mode 100644
index 0000000..907bfdc
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-icon.tsx
@@ -0,0 +1,60 @@
+import { useTranslation } from 'react-i18next'
+import iconTypeFromName, {
+  newEditorIconTypeFromName,
+} from '../util/icon-type-from-name'
+import classnames from 'classnames'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useIsNewEditorEnabled } from '@/features/ide-redesign/utils/new-editor-utils'
+
+function FileTreeIcon({
+  isLinkedFile,
+  name,
+}: {
+  name: string
+  isLinkedFile?: boolean
+}) {
+  const { t } = useTranslation()
+
+  const className = classnames('file-tree-icon', {
+    'linked-file-icon': isLinkedFile,
+  })
+
+  const newEditor = useIsNewEditorEnabled()
+
+  if (newEditor) {
+    return (
+      <>
+        <MaterialIcon
+          unfilled
+          type={newEditorIconTypeFromName(name)}
+          className={className}
+        />
+        {isLinkedFile && (
+          <MaterialIcon
+            type="open_in_new"
+            modifier="rotate-180"
+            className="linked-file-highlight"
+            accessibilityLabel={t('linked_file')}
+          />
+        )}
+      </>
+    )
+  }
+
+  return (
+    <>
+      &nbsp;
+      <MaterialIcon type={iconTypeFromName(name)} className={className} />
+      {isLinkedFile && (
+        <MaterialIcon
+          type="open_in_new"
+          modifier="rotate-180"
+          className="linked-file-highlight"
+          accessibilityLabel={t('linked_file')}
+        />
+      )}
+    </>
+  )
+}
+
+export default FileTreeIcon
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-inner.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-inner.tsx
new file mode 100644
index 0000000..de211c6
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-inner.tsx
@@ -0,0 +1,27 @@
+import { useFileTreeSelectable } from '../contexts/file-tree-selectable'
+import { FC, useCallback } from 'react'
+
+const FileTreeInner: FC = ({ children }) => {
+  const { setIsRootFolderSelected, selectedEntityIds, select } =
+    useFileTreeSelectable()
+
+  const handleFileTreeClick = useCallback(() => {
+    setIsRootFolderSelected(true)
+    if (selectedEntityIds.size > 1) {
+      select([])
+    }
+  }, [select, selectedEntityIds.size, setIsRootFolderSelected])
+
+  return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    <div
+      className="file-tree-inner"
+      onClick={handleFileTreeClick}
+      data-testid="file-tree-inner"
+    >
+      {children}
+    </div>
+  )
+}
+
+export default FileTreeInner
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-inner.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-inner.tsx
new file mode 100644
index 0000000..60bbc15
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-inner.tsx
@@ -0,0 +1,99 @@
+import { ReactNode, useEffect, useRef } from 'react'
+import classNames from 'classnames'
+import scrollIntoViewIfNeeded from 'scroll-into-view-if-needed'
+
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import { useFileTreeMainContext } from '../../contexts/file-tree-main'
+import { useDraggable } from '../../contexts/file-tree-draggable'
+
+import FileTreeItemName from './file-tree-item-name'
+import FileTreeItemMenu from './file-tree-item-menu'
+import { useFileTreeSelectable } from '../../contexts/file-tree-selectable'
+import { useFileTreeActionable } from '../../contexts/file-tree-actionable'
+import { useDragDropManager } from 'react-dnd'
+
+function FileTreeItemInner({
+  id,
+  name,
+  type,
+  isSelected,
+  icons,
+}: {
+  id: string
+  name: string
+  type: string
+  isSelected: boolean
+  icons?: ReactNode
+}) {
+  const { fileTreeReadOnly } = useFileTreeData()
+  const { setContextMenuCoords } = useFileTreeMainContext()
+  const { isRenaming } = useFileTreeActionable()
+
+  const { selectedEntityIds } = useFileTreeSelectable()
+
+  const hasMenu =
+    !fileTreeReadOnly && isSelected && selectedEntityIds.size === 1
+
+  const { dragRef, setIsDraggable } = useDraggable(id)
+
+  const dragDropItem = useDragDropManager().getMonitor().getItem()
+
+  const itemRef = useRef<HTMLDivElement | null>(null)
+
+  useEffect(() => {
+    const item = itemRef.current
+    if (isSelected && item) {
+      // we're delaying scrolling due to a race condition with other elements,
+      // mainly the Outline, being resized inside the same panel, causing the
+      // FileTree to have its viewport shrinked after the selected item is
+      // scrolled into the view, hiding it again.
+      // See `left-pane-resize-all` in `file-tree-controller` for more information.
+      setTimeout(() => {
+        if (item) {
+          scrollIntoViewIfNeeded(item, {
+            scrollMode: 'if-needed',
+          })
+        }
+      }, 100)
+    }
+  }, [isSelected, itemRef])
+
+  function handleContextMenu(ev: React.MouseEvent<HTMLDivElement>) {
+    ev.preventDefault()
+
+    setContextMenuCoords({
+      top: ev.pageY,
+      left: ev.pageX,
+    })
+  }
+
+  return (
+    <div
+      className={classNames('entity', {
+        'file-tree-entity-dragging': dragDropItem?.draggedEntityIds?.has(id),
+      })}
+      role="presentation"
+      ref={dragRef}
+      draggable={!isRenaming}
+      onContextMenu={handleContextMenu}
+      data-file-id={id}
+      data-file-type={type}
+    >
+      <div
+        className="entity-name entity-name-react"
+        role="presentation"
+        ref={itemRef}
+      >
+        {icons}
+        <FileTreeItemName
+          name={name}
+          isSelected={isSelected}
+          setIsDraggable={setIsDraggable}
+        />
+        {hasMenu ? <FileTreeItemMenu id={id} name={name} /> : null}
+      </div>
+    </div>
+  )
+}
+
+export default FileTreeItemInner
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-menu-items.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-menu-items.tsx
new file mode 100644
index 0000000..28f4a47
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-menu-items.tsx
@@ -0,0 +1,94 @@
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import * as eventTracking from '../../../../infrastructure/event-tracking'
+import { useProjectContext } from '@/shared/context/project-context'
+
+import {
+  DropdownDivider,
+  DropdownItem,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import { useFileTreeActionable } from '../../contexts/file-tree-actionable'
+
+function FileTreeItemMenuItems() {
+  const { t } = useTranslation()
+
+  const {
+    canRename,
+    canDelete,
+    canCreate,
+    startRenaming,
+    startDeleting,
+    startCreatingFolder,
+    startCreatingDocOrFile,
+    startUploadingDocOrFile,
+    downloadPath,
+    selectedFileName,
+  } = useFileTreeActionable()
+
+  const { owner } = useProjectContext()
+
+  const downloadWithAnalytics = useCallback(() => {
+    // we are only interested in downloads of bib files WRT analytics, for the purposes of promoting the tpr integrations
+    if (selectedFileName?.endsWith('.bib')) {
+      eventTracking.sendMB('download-bib-file', { projectOwner: owner._id })
+    }
+  }, [selectedFileName, owner])
+
+  const createWithAnalytics = useCallback(() => {
+    eventTracking.sendMB('new-file-click', { location: 'file-menu' })
+    startCreatingDocOrFile()
+  }, [startCreatingDocOrFile])
+
+  const uploadWithAnalytics = useCallback(() => {
+    eventTracking.sendMB('upload-click', { location: 'file-menu' })
+    startUploadingDocOrFile()
+  }, [startUploadingDocOrFile])
+
+  return (
+    <>
+      {canRename ? (
+        <li role="none">
+          <DropdownItem onClick={startRenaming}>{t('rename')}</DropdownItem>
+        </li>
+      ) : null}
+      {downloadPath ? (
+        <li role="none">
+          <DropdownItem
+            href={downloadPath}
+            onClick={downloadWithAnalytics}
+            download={selectedFileName ?? undefined}
+          >
+            {t('download')}
+          </DropdownItem>
+        </li>
+      ) : null}
+      {canDelete ? (
+        <li role="none">
+          <DropdownItem onClick={startDeleting}>{t('delete')}</DropdownItem>
+        </li>
+      ) : null}
+      {canCreate ? (
+        <>
+          <DropdownDivider />
+          <li role="none">
+            <DropdownItem onClick={createWithAnalytics}>
+              {t('new_file')}
+            </DropdownItem>
+          </li>
+          <li role="none">
+            <DropdownItem onClick={startCreatingFolder}>
+              {t('new_folder')}
+            </DropdownItem>
+          </li>
+          <li role="none">
+            <DropdownItem onClick={uploadWithAnalytics}>
+              {t('upload')}
+            </DropdownItem>
+          </li>
+        </>
+      ) : null}
+    </>
+  )
+}
+
+export default FileTreeItemMenuItems
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-menu.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-menu.tsx
new file mode 100644
index 0000000..36b54b8
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-menu.tsx
@@ -0,0 +1,43 @@
+import { useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useFileTreeMainContext } from '../../contexts/file-tree-main'
+import MaterialIcon from '@/shared/components/material-icon'
+
+function FileTreeItemMenu({ id, name }: { id: string; name: string }) {
+  const { t } = useTranslation()
+  const { contextMenuCoords, setContextMenuCoords } = useFileTreeMainContext()
+  const menuButtonRef = useRef<HTMLButtonElement>(null)
+
+  const isMenuOpen = Boolean(contextMenuCoords)
+
+  function handleClick(event: React.MouseEvent) {
+    event.stopPropagation()
+    if (!contextMenuCoords && menuButtonRef.current) {
+      const target = menuButtonRef.current.getBoundingClientRect()
+      setContextMenuCoords({
+        top: target.top + target.height / 2,
+        left: target.right,
+      })
+    } else {
+      setContextMenuCoords(null)
+    }
+  }
+
+  return (
+    <div className="menu-button btn-group">
+      <button
+        className="entity-menu-toggle btn btn-sm"
+        id={`menu-button-${id}`}
+        onClick={handleClick}
+        ref={menuButtonRef}
+        aria-haspopup="true"
+        aria-expanded={isMenuOpen}
+        aria-label={t('open_action_menu', { name })}
+      >
+        <MaterialIcon type="more_vert" accessibilityLabel={t('menu')} />
+      </button>
+    </div>
+  )
+}
+
+export default FileTreeItemMenu
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-name.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-name.tsx
new file mode 100644
index 0000000..038b2f2
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-item/file-tree-item-name.tsx
@@ -0,0 +1,133 @@
+import { useState, useEffect, RefObject } from 'react'
+import { useRefWithAutoFocus } from '../../../../shared/hooks/use-ref-with-auto-focus'
+import { useFileTreeActionable } from '../../contexts/file-tree-actionable'
+
+function FileTreeItemName({
+  name,
+  isSelected,
+  setIsDraggable,
+}: {
+  name: string
+  isSelected: boolean
+  setIsDraggable: (isDraggable: boolean) => void
+}) {
+  const { isRenaming, startRenaming, finishRenaming, error, cancel } =
+    useFileTreeActionable()
+
+  const isRenamingEntity = isRenaming && isSelected && !error
+
+  useEffect(() => {
+    setIsDraggable(!isRenamingEntity)
+  }, [setIsDraggable, isRenamingEntity])
+
+  if (isRenamingEntity) {
+    return (
+      <InputName
+        initialValue={name}
+        finishRenaming={finishRenaming}
+        cancel={cancel}
+      />
+    )
+  }
+  return (
+    <DisplayName
+      name={name}
+      isSelected={isSelected}
+      startRenaming={startRenaming}
+    />
+  )
+}
+
+function DisplayName({
+  name,
+  isSelected,
+  startRenaming,
+}: {
+  name: string
+  isSelected: boolean
+  startRenaming: () => void
+}) {
+  const [clicksInSelectedCount, setClicksInSelectedCount] = useState(0)
+
+  function onClick() {
+    setClicksInSelectedCount(clicksInSelectedCount + 1)
+    if (!isSelected) setClicksInSelectedCount(0)
+  }
+
+  function onDoubleClick() {
+    // only start renaming if the button got two or more clicks while the item
+    // was selected. This is to prevent starting a rename on an unselected item.
+    // When the item is being selected it can trigger a loss of focus which
+    // causes UI problems.
+    if (clicksInSelectedCount < 2) return
+    startRenaming()
+  }
+
+  return (
+    <button
+      className="item-name-button"
+      onClick={onClick}
+      onDoubleClick={onDoubleClick}
+    >
+      <span>{name}</span>
+    </button>
+  )
+}
+
+function InputName({
+  initialValue,
+  finishRenaming,
+  cancel,
+}: {
+  initialValue: string
+  finishRenaming: (value: string) => void
+  cancel: () => void
+}) {
+  const [value, setValue] = useState(initialValue)
+
+  // The react-bootstrap Dropdown re-focuses on the Dropdown.Toggle
+  // after a menu item is clicked, following the ARIA authoring practices:
+  // https://www.w3.org/TR/wai-aria-practices/examples/menu-button/menu-button-links.html
+  // To improve UX, we want to auto-focus to the input when renaming. We use
+  // requestAnimationFrame to immediately move focus to the input after it is
+  // shown
+  const { autoFocusedRef } = useRefWithAutoFocus()
+
+  function handleFocus(ev: React.FocusEvent<HTMLInputElement>) {
+    const lastDotIndex = ev.target.value.lastIndexOf('.')
+    ev.target.setSelectionRange(0, lastDotIndex)
+  }
+
+  function handleChange(ev: React.ChangeEvent<HTMLInputElement>) {
+    setValue(ev.target.value)
+  }
+
+  function handleKeyDown(ev: React.KeyboardEvent<HTMLInputElement>) {
+    if (ev.key === 'Enter') {
+      finishRenaming(value)
+    }
+    if (ev.key === 'Escape') {
+      cancel()
+    }
+  }
+
+  function handleBlur() {
+    finishRenaming(value)
+  }
+
+  return (
+    <span className="rename-input">
+      <input
+        type="text"
+        value={value}
+        onKeyDown={handleKeyDown}
+        onChange={handleChange}
+        onBlur={handleBlur}
+        onFocus={handleFocus}
+        ref={autoFocusedRef as RefObject<HTMLInputElement>}
+      />
+    </span>
+  )
+}
+
+export default FileTreeItemName
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-root.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-root.tsx
new file mode 100644
index 0000000..561e1b5
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-root.tsx
@@ -0,0 +1,149 @@
+import React, { useEffect, useState } from 'react'
+import withErrorBoundary from '../../../infrastructure/error-boundary'
+import { useProjectContext } from '../../../shared/context/project-context'
+import { useFileTreeData } from '../../../shared/context/file-tree-data-context'
+import FileTreeContext from './file-tree-context'
+import FileTreeDraggablePreviewLayer from './file-tree-draggable-preview-layer'
+import FileTreeFolderList from './file-tree-folder-list'
+import FileTreeToolbar from './file-tree-toolbar'
+import FileTreeToolbarNew from '@/features/ide-redesign/components/file-tree-toolbar'
+import FileTreeModalDelete from './modals/file-tree-modal-delete'
+import FileTreeModalCreateFolder from './modals/file-tree-modal-create-folder'
+import FileTreeModalError from './modals/file-tree-modal-error'
+import FileTreeContextMenu from './file-tree-context-menu'
+import FileTreeError from './file-tree-error'
+import { useDroppable } from '../contexts/file-tree-draggable'
+import { useFileTreeSocketListener } from '../hooks/file-tree-socket-listener'
+import FileTreeModalCreateFile from './modals/file-tree-modal-create-file'
+import FileTreeInner from './file-tree-inner'
+import { useDragLayer } from 'react-dnd'
+import classnames from 'classnames'
+import { pathInFolder } from '@/features/file-tree/util/path'
+import { useIsNewEditorEnabled } from '@/features/ide-redesign/utils/new-editor-utils'
+
+const FileTreeRoot = React.memo<{
+  onSelect: () => void
+  onDelete: () => void
+  onInit: () => void
+  isConnected: boolean
+  setRefProviderEnabled: () => void
+  setStartedFreeTrial: () => void
+  refProviders: Record<string, boolean>
+}>(function FileTreeRoot({
+  refProviders,
+  setRefProviderEnabled,
+  setStartedFreeTrial,
+  onSelect,
+  onInit,
+  onDelete,
+  isConnected,
+}) {
+  const [fileTreeContainer, setFileTreeContainer] =
+    useState<HTMLDivElement | null>(null)
+  const { _id: projectId } = useProjectContext()
+  const { fileTreeData } = useFileTreeData()
+  const isReady = Boolean(projectId && fileTreeData)
+  const newEditor = useIsNewEditorEnabled()
+
+  useEffect(() => {
+    if (fileTreeContainer) {
+      const listener = (event: DragEvent) => {
+        if (event.dataTransfer) {
+          // store the dragged entity in dataTransfer
+          const { dataset } = event.target as HTMLDivElement
+          if (
+            dataset.fileId &&
+            dataset.fileType &&
+            dataset.fileType !== 'folder'
+          ) {
+            event.dataTransfer.setData(
+              'application/x-overleaf-file-id',
+              dataset.fileId
+            )
+
+            const filePath = pathInFolder(fileTreeData, dataset.fileId)
+            if (filePath) {
+              event.dataTransfer.setData(
+                'application/x-overleaf-file-path',
+                filePath
+              )
+            }
+          }
+        }
+      }
+
+      fileTreeContainer.addEventListener('dragstart', listener)
+
+      return () => {
+        fileTreeContainer.removeEventListener('dragstart', listener)
+      }
+    }
+  }, [fileTreeContainer, fileTreeData])
+
+  useEffect(() => {
+    if (isReady) onInit()
+  }, [isReady, onInit])
+  if (!isReady) return null
+
+  return (
+    <div
+      className="file-tree"
+      data-testid="file-tree"
+      ref={setFileTreeContainer}
+    >
+      {fileTreeContainer && (
+        <FileTreeContext
+          refProviders={refProviders}
+          setRefProviderEnabled={setRefProviderEnabled}
+          setStartedFreeTrial={setStartedFreeTrial}
+          onSelect={onSelect}
+          fileTreeContainer={fileTreeContainer}
+        >
+          {isConnected ? null : <div className="disconnected-overlay" />}
+          {newEditor ? <FileTreeToolbarNew /> : <FileTreeToolbar />}
+          <FileTreeContextMenu />
+          <FileTreeInner>
+            <FileTreeRootFolder onDelete={onDelete} />
+          </FileTreeInner>
+          <FileTreeModalDelete />
+          <FileTreeModalCreateFile />
+          <FileTreeModalCreateFolder />
+          <FileTreeModalError />
+        </FileTreeContext>
+      )}
+    </div>
+  )
+})
+
+function FileTreeRootFolder({ onDelete }: { onDelete: () => void }) {
+  useFileTreeSocketListener(onDelete)
+  const { fileTreeData } = useFileTreeData()
+
+  const { isOver, dropRef } = useDroppable(fileTreeData._id)
+
+  const dragLayer = useDragLayer(monitor => ({
+    isDragging: monitor.isDragging(),
+    item: monitor.getItem(),
+    clientOffset: monitor.getClientOffset(),
+  }))
+
+  return (
+    <>
+      <FileTreeDraggablePreviewLayer isOver={isOver} {...dragLayer} />
+      <FileTreeFolderList
+        folders={fileTreeData.folders}
+        docs={fileTreeData.docs}
+        files={fileTreeData.fileRefs}
+        classes={{
+          root: classnames('file-tree-list', {
+            'file-tree-dragging': dragLayer.isDragging,
+          }),
+        }}
+        dropRef={dropRef}
+        dataTestId="file-tree-list-root"
+      />
+    </>
+  )
+}
+
+export default withErrorBoundary(FileTreeRoot, FileTreeError)
diff --git a/services/web/frontend/js/features/file-tree/components/file-tree-toolbar.tsx b/services/web/frontend/js/features/file-tree/components/file-tree-toolbar.tsx
new file mode 100644
index 0000000..d25d1f3
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/file-tree-toolbar.tsx
@@ -0,0 +1,126 @@
+import { useTranslation } from 'react-i18next'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import { useFileTreeActionable } from '../contexts/file-tree-actionable'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '@/shared/components/material-icon'
+import OLButtonToolbar from '@/features/ui/components/ol/ol-button-toolbar'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+import React, { ElementType } from 'react'
+
+const fileTreeToolbarComponents = importOverleafModules(
+  'fileTreeToolbarComponents'
+) as { import: { default: ElementType }; path: string }[]
+
+function FileTreeToolbar() {
+  const { fileTreeReadOnly } = useFileTreeData()
+  const { t } = useTranslation()
+
+  if (fileTreeReadOnly) return null
+
+  return (
+    <OLButtonToolbar
+      className="toolbar toolbar-filetree"
+      aria-label={t('project_files')}
+    >
+      <FileTreeToolbarLeft />
+      <FileTreeToolbarRight />
+    </OLButtonToolbar>
+  )
+}
+
+function FileTreeToolbarLeft() {
+  const { t } = useTranslation()
+  const {
+    canCreate,
+    startCreatingFolder,
+    startCreatingDocOrFile,
+    startUploadingDocOrFile,
+  } = useFileTreeActionable()
+
+  const createWithAnalytics = () => {
+    eventTracking.sendMB('new-file-click', { location: 'toolbar' })
+    startCreatingDocOrFile()
+  }
+
+  const uploadWithAnalytics = () => {
+    eventTracking.sendMB('upload-click', { location: 'toolbar' })
+    startUploadingDocOrFile()
+  }
+
+  if (!canCreate) return null
+
+  return (
+    <div className="toolbar-left">
+      <OLTooltip
+        id="new-file"
+        description={t('new_file')}
+        overlayProps={{ placement: 'bottom' }}
+      >
+        <button className="btn" onClick={createWithAnalytics}>
+          <MaterialIcon type="description" accessibilityLabel={t('new_file')} />
+        </button>
+      </OLTooltip>
+      <OLTooltip
+        id="new-folder"
+        description={t('new_folder')}
+        overlayProps={{ placement: 'bottom' }}
+      >
+        <button className="btn" onClick={startCreatingFolder} tabIndex={-1}>
+          <MaterialIcon type="folder" accessibilityLabel={t('new_folder')} />
+        </button>
+      </OLTooltip>
+      <OLTooltip
+        id="upload"
+        description={t('upload')}
+        overlayProps={{ placement: 'bottom' }}
+      >
+        <button className="btn" onClick={uploadWithAnalytics} tabIndex={-1}>
+          <MaterialIcon type="upload" accessibilityLabel={t('upload')} />
+        </button>
+      </OLTooltip>
+    </div>
+  )
+}
+
+function FileTreeToolbarRight() {
+  const { t } = useTranslation()
+  const { canRename, canDelete, startRenaming, startDeleting } =
+    useFileTreeActionable()
+
+  return (
+    <div className="toolbar-right">
+      {fileTreeToolbarComponents.map(
+        ({ import: { default: Component }, path }) => (
+          <Component key={path} />
+        )
+      )}
+
+      {canRename ? (
+        <OLTooltip
+          id="rename"
+          description={t('rename')}
+          overlayProps={{ placement: 'bottom' }}
+        >
+          <button className="btn" onClick={startRenaming} tabIndex={-1}>
+            <MaterialIcon type="edit" accessibilityLabel={t('rename')} />
+          </button>
+        </OLTooltip>
+      ) : null}
+
+      {canDelete ? (
+        <OLTooltip
+          id="delete"
+          description={t('delete')}
+          overlayProps={{ placement: 'bottom' }}
+        >
+          <button className="btn" onClick={startDeleting} tabIndex={-1}>
+            <MaterialIcon type="delete" accessibilityLabel={t('delete')} />
+          </button>
+        </OLTooltip>
+      ) : null}
+    </div>
+  )
+}
+
+export default FileTreeToolbar
diff --git a/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-create-file.jsx b/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-create-file.jsx
new file mode 100644
index 0000000..e61a6ba
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-create-file.jsx
@@ -0,0 +1,39 @@
+import { useTranslation } from 'react-i18next'
+import { useFileTreeActionable } from '../../contexts/file-tree-actionable'
+import FileTreeCreateFormProvider from '../../contexts/file-tree-create-form'
+import FileTreeModalCreateFileBody from '../file-tree-create/file-tree-modal-create-file-body'
+import FileTreeModalCreateFileFooter from '../file-tree-create/file-tree-modal-create-file-footer'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+
+export default function FileTreeModalCreateFile() {
+  const { t } = useTranslation()
+
+  const { isCreatingFile, cancel } = useFileTreeActionable()
+
+  if (!isCreatingFile) {
+    return null
+  }
+
+  return (
+    <FileTreeCreateFormProvider>
+      <OLModal size="lg" onHide={cancel} show>
+        <OLModalHeader closeButton>
+          <OLModalTitle>{t('add_files')}</OLModalTitle>
+        </OLModalHeader>
+
+        <OLModalBody className="modal-new-file">
+          <FileTreeModalCreateFileBody />
+        </OLModalBody>
+
+        <OLModalFooter>
+          <FileTreeModalCreateFileFooter />
+        </OLModalFooter>
+      </OLModal>
+    </FileTreeCreateFormProvider>
+  )
+}
diff --git a/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-create-folder.jsx b/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-create-folder.jsx
new file mode 100644
index 0000000..850b603
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-create-folder.jsx
@@ -0,0 +1,151 @@
+import { useEffect, useState } from 'react'
+import PropTypes from 'prop-types'
+import { useTranslation } from 'react-i18next'
+import { useRefWithAutoFocus } from '../../../../shared/hooks/use-ref-with-auto-focus'
+import { useFileTreeActionable } from '../../contexts/file-tree-actionable'
+import { DuplicateFilenameError } from '../../errors'
+import { isCleanFilename } from '../../util/safe-path'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+function FileTreeModalCreateFolder() {
+  const { t } = useTranslation()
+  const [name, setName] = useState('')
+  const [validName, setValidName] = useState(true)
+
+  const { isCreatingFolder, inFlight, finishCreatingFolder, cancel, error } =
+    useFileTreeActionable()
+
+  useEffect(() => {
+    if (!isCreatingFolder) {
+      // clear the input when the modal is closed
+      setName('')
+    }
+  }, [isCreatingFolder])
+
+  if (!isCreatingFolder) return null // the modal will not be rendered; return early
+
+  function handleHide() {
+    cancel()
+  }
+
+  function handleCreateFolder() {
+    finishCreatingFolder(name)
+  }
+
+  function errorMessage() {
+    switch (error.constructor) {
+      case DuplicateFilenameError:
+        return t('file_already_exists')
+      default:
+        return t('generic_something_went_wrong')
+    }
+  }
+
+  return (
+    <OLModal show onHide={handleHide}>
+      <OLModalHeader>
+        <OLModalTitle>{t('new_folder')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        <InputName
+          name={name}
+          setName={setName}
+          validName={validName}
+          setValidName={setValidName}
+          handleCreateFolder={handleCreateFolder}
+        />
+        {!validName ? (
+          <div
+            role="alert"
+            aria-label={t('files_cannot_include_invalid_characters')}
+            className="alert alert-danger file-tree-modal-alert"
+          >
+            {t('files_cannot_include_invalid_characters')}
+          </div>
+        ) : null}
+        {error ? (
+          <div
+            role="alert"
+            aria-label={errorMessage()}
+            className="alert alert-danger file-tree-modal-alert"
+          >
+            {errorMessage()}
+          </div>
+        ) : null}
+      </OLModalBody>
+
+      <OLModalFooter>
+        {inFlight ? (
+          <OLButton variant="primary" disabled isLoading={inFlight} />
+        ) : (
+          <>
+            <OLButton variant="secondary" onClick={handleHide}>
+              {t('cancel')}
+            </OLButton>
+            <OLButton
+              variant="primary"
+              onClick={handleCreateFolder}
+              disabled={!validName}
+            >
+              {t('create')}
+            </OLButton>
+          </>
+        )}
+      </OLModalFooter>
+    </OLModal>
+  )
+}
+
+function InputName({
+  name,
+  setName,
+  validName,
+  setValidName,
+  handleCreateFolder,
+}) {
+  const { autoFocusedRef } = useRefWithAutoFocus()
+
+  function handleFocus(ev) {
+    ev.target.setSelectionRange(0, -1)
+  }
+
+  function handleChange(ev) {
+    setValidName(isCleanFilename(ev.target.value.trim()))
+    setName(ev.target.value)
+  }
+
+  function handleKeyDown(ev) {
+    if (ev.key === 'Enter' && validName) {
+      handleCreateFolder()
+    }
+  }
+
+  return (
+    <input
+      ref={autoFocusedRef}
+      className="form-control"
+      type="text"
+      value={name}
+      onKeyDown={handleKeyDown}
+      onChange={handleChange}
+      onFocus={handleFocus}
+    />
+  )
+}
+
+InputName.propTypes = {
+  name: PropTypes.string.isRequired,
+  setName: PropTypes.func.isRequired,
+  validName: PropTypes.bool.isRequired,
+  setValidName: PropTypes.func.isRequired,
+  handleCreateFolder: PropTypes.func.isRequired,
+}
+
+export default FileTreeModalCreateFolder
diff --git a/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-delete.jsx b/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-delete.jsx
new file mode 100644
index 0000000..ba80a9f
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-delete.jsx
@@ -0,0 +1,74 @@
+import { useTranslation } from 'react-i18next'
+
+import { useFileTreeActionable } from '../../contexts/file-tree-actionable'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+function FileTreeModalDelete() {
+  const { t } = useTranslation()
+
+  const {
+    isDeleting,
+    inFlight,
+    finishDeleting,
+    actionedEntities,
+    cancel,
+    error,
+  } = useFileTreeActionable()
+
+  if (!isDeleting) return null // the modal will not be rendered; return early
+
+  function handleHide() {
+    cancel()
+  }
+
+  function handleDelete() {
+    finishDeleting()
+  }
+
+  return (
+    <OLModal show onHide={handleHide}>
+      <OLModalHeader>
+        <OLModalTitle>{t('delete')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        <p>{t('sure_you_want_to_delete')}</p>
+        <ul>
+          {actionedEntities.map(entity => (
+            <li key={entity._id}>{entity.name}</li>
+          ))}
+        </ul>
+        {error && (
+          <OLNotification
+            type="error"
+            content={t('generic_something_went_wrong')}
+          />
+        )}
+      </OLModalBody>
+
+      <OLModalFooter>
+        {inFlight ? (
+          <OLButton variant="danger" disabled isLoading />
+        ) : (
+          <>
+            <OLButton variant="secondary" onClick={handleHide}>
+              {t('cancel')}
+            </OLButton>
+            <OLButton variant="danger" onClick={handleDelete}>
+              {t('delete')}
+            </OLButton>
+          </>
+        )}
+      </OLModalFooter>
+    </OLModal>
+  )
+}
+
+export default FileTreeModalDelete
diff --git a/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-error.jsx b/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-error.jsx
new file mode 100644
index 0000000..5215f69
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/components/modals/file-tree-modal-error.jsx
@@ -0,0 +1,89 @@
+import { Trans, useTranslation } from 'react-i18next'
+
+import { useFileTreeActionable } from '../../contexts/file-tree-actionable'
+
+import {
+  InvalidFilenameError,
+  BlockedFilenameError,
+  DuplicateFilenameError,
+  DuplicateFilenameMoveError,
+} from '../../errors'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+function FileTreeModalError() {
+  const { t } = useTranslation()
+
+  const { isRenaming, isMoving, cancel, error } = useFileTreeActionable()
+
+  // the modal will not be rendered; return early
+  if (!error) return null
+  if (!isRenaming && !isMoving) return null
+
+  function handleHide() {
+    cancel()
+  }
+
+  function errorTitle() {
+    switch (error.constructor) {
+      case DuplicateFilenameError:
+      case DuplicateFilenameMoveError:
+        return t('duplicate_file')
+      case InvalidFilenameError:
+      case BlockedFilenameError:
+        return t('invalid_file_name')
+      default:
+        return t('error')
+    }
+  }
+
+  function errorMessage() {
+    switch (error.constructor) {
+      case DuplicateFilenameError:
+        return t('file_already_exists')
+      case DuplicateFilenameMoveError:
+        return (
+          <Trans
+            i18nKey="file_already_exists_in_this_location"
+            components={[<strong />]} // eslint-disable-line react/jsx-key
+            values={{ fileName: error.entityName }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+          />
+        )
+      case InvalidFilenameError:
+        return t('files_cannot_include_invalid_characters')
+      case BlockedFilenameError:
+        return t('blocked_filename')
+      default:
+        return t('generic_something_went_wrong')
+    }
+  }
+
+  return (
+    <OLModal show onHide={handleHide}>
+      <OLModalHeader>
+        <OLModalTitle>{errorTitle()}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        <div role="alert" aria-label={errorMessage()}>
+          {errorMessage()}
+        </div>
+      </OLModalBody>
+
+      <OLModalFooter>
+        <OLButton onClick={handleHide} variant="primary">
+          {t('ok')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
+
+export default FileTreeModalError
diff --git a/services/web/frontend/js/features/file-tree/contexts/file-tree-actionable.tsx b/services/web/frontend/js/features/file-tree/contexts/file-tree-actionable.tsx
new file mode 100644
index 0000000..6223c49
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/contexts/file-tree-actionable.tsx
@@ -0,0 +1,662 @@
+import {
+  createContext,
+  useCallback,
+  useMemo,
+  useReducer,
+  useContext,
+  useEffect,
+  useState,
+  FC,
+} from 'react'
+
+import { mapSeries } from '../../../infrastructure/promise'
+
+import {
+  syncRename,
+  syncDelete,
+  syncMove,
+  syncCreateEntity,
+} from '../util/sync-mutation'
+import { findInTree, findInTreeOrThrow } from '../util/find-in-tree'
+import { isNameUniqueInFolder } from '../util/is-name-unique-in-folder'
+import { isBlockedFilename, isCleanFilename } from '../util/safe-path'
+
+import { useProjectContext } from '../../../shared/context/project-context'
+import { useFileTreeData } from '../../../shared/context/file-tree-data-context'
+import { useFileTreeSelectable } from './file-tree-selectable'
+
+import {
+  InvalidFilenameError,
+  BlockedFilenameError,
+  DuplicateFilenameError,
+  DuplicateFilenameMoveError,
+} from '../errors'
+import { Folder } from '../../../../../types/folder'
+import { useReferencesContext } from '@/features/ide-react/context/references-context'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+import { fileUrl } from '@/features/utils/fileUrl'
+
+type DroppedFile = File & {
+  relativePath?: string
+}
+
+type DroppedFiles = {
+  files: DroppedFile[]
+  targetFolderId: string
+}
+
+const FileTreeActionableContext = createContext<
+  | {
+      isDeleting: boolean
+      isRenaming: boolean
+      isCreatingFile: boolean
+      isCreatingFolder: boolean
+      isMoving: boolean
+      inFlight: boolean
+      actionedEntities: any | null
+      newFileCreateMode: any | null
+      error: any | null
+      canDelete: boolean
+      canRename: boolean
+      canCreate: boolean
+      parentFolderId: string
+      selectedFileName: string | null | undefined
+      isDuplicate: (parentFolderId: string, name: string) => boolean
+      startRenaming: any
+      finishRenaming: any
+      startDeleting: any
+      finishDeleting: any
+      finishMoving: any
+      startCreatingFile: any
+      startCreatingFolder: any
+      finishCreatingFolder: any
+      startCreatingDocOrFile: any
+      startUploadingDocOrFile: any
+      finishCreatingDoc: any
+      finishCreatingLinkedFile: any
+      cancel: () => void
+      droppedFiles: { files: File[]; targetFolderId: string } | null
+      setDroppedFiles: (value: DroppedFiles | null) => void
+      downloadPath?: string
+    }
+  | undefined
+>(undefined)
+
+/* eslint-disable no-unused-vars */
+enum ACTION_TYPES {
+  START_RENAME = 'START_RENAME',
+  START_DELETE = 'START_DELETE',
+  DELETING = 'DELETING',
+  START_CREATE_FILE = 'START_CREATE_FILE',
+  START_CREATE_FOLDER = 'START_CREATE_FOLDER',
+  CREATING_FILE = 'CREATING_FILE',
+  CREATING_FOLDER = 'CREATING_FOLDER',
+  MOVING = 'MOVING',
+  CANCEL = 'CANCEL',
+  CLEAR = 'CLEAR',
+  ERROR = 'ERROR',
+}
+/* eslint-enable no-unused-vars */
+
+type State = {
+  isDeleting: boolean
+  isRenaming: boolean
+  isCreatingFile: boolean
+  isCreatingFolder: boolean
+  isMoving: boolean
+  inFlight: boolean
+  actionedEntities: any | null
+  newFileCreateMode: any | null
+  error: unknown | null
+}
+
+const defaultState: State = {
+  isDeleting: false,
+  isRenaming: false,
+  isCreatingFile: false,
+  isCreatingFolder: false,
+  isMoving: false,
+  inFlight: false,
+  actionedEntities: null,
+  newFileCreateMode: null,
+  error: null,
+}
+
+function fileTreeActionableReadOnlyReducer(state: State) {
+  return state
+}
+
+type Action =
+  | {
+      type: ACTION_TYPES.START_RENAME
+    }
+  | {
+      type: ACTION_TYPES.START_DELETE
+      actionedEntities: any | null
+    }
+  | {
+      type: ACTION_TYPES.START_CREATE_FILE
+      newFileCreateMode: any | null
+    }
+  | {
+      type: ACTION_TYPES.START_CREATE_FOLDER
+    }
+  | {
+      type: ACTION_TYPES.CREATING_FILE
+    }
+  | {
+      type: ACTION_TYPES.CREATING_FOLDER
+    }
+  | {
+      type: ACTION_TYPES.DELETING
+    }
+  | {
+      type: ACTION_TYPES.MOVING
+    }
+  | {
+      type: ACTION_TYPES.CLEAR
+    }
+  | {
+      type: ACTION_TYPES.CANCEL
+    }
+  | {
+      type: ACTION_TYPES.ERROR
+      error: unknown
+    }
+
+function fileTreeActionableReducer(state: State, action: Action) {
+  switch (action.type) {
+    case ACTION_TYPES.START_RENAME:
+      return { ...defaultState, isRenaming: true }
+    case ACTION_TYPES.START_DELETE:
+      return {
+        ...defaultState,
+        isDeleting: true,
+        actionedEntities: action.actionedEntities,
+      }
+    case ACTION_TYPES.START_CREATE_FILE:
+      return {
+        ...defaultState,
+        isCreatingFile: true,
+        newFileCreateMode: action.newFileCreateMode,
+      }
+    case ACTION_TYPES.START_CREATE_FOLDER:
+      return { ...defaultState, isCreatingFolder: true }
+    case ACTION_TYPES.CREATING_FILE:
+      return {
+        ...defaultState,
+        isCreatingFile: true,
+        newFileCreateMode: state.newFileCreateMode,
+        inFlight: true,
+      }
+    case ACTION_TYPES.CREATING_FOLDER:
+      return { ...defaultState, isCreatingFolder: true, inFlight: true }
+    case ACTION_TYPES.DELETING:
+      // keep `actionedEntities` so the entities list remains displayed in the
+      // delete modal
+      return {
+        ...defaultState,
+        isDeleting: true,
+        inFlight: true,
+        actionedEntities: state.actionedEntities,
+      }
+    case ACTION_TYPES.MOVING:
+      return {
+        ...defaultState,
+        isMoving: true,
+        inFlight: true,
+      }
+    case ACTION_TYPES.CLEAR:
+      return { ...defaultState }
+    case ACTION_TYPES.CANCEL:
+      if (state.inFlight) return state
+      return { ...defaultState }
+    case ACTION_TYPES.ERROR:
+      return { ...state, inFlight: false, error: action.error }
+    default:
+      throw new Error(`Unknown user action type: ${(action as Action).type}`)
+  }
+}
+
+export const FileTreeActionableProvider: FC = ({ children }) => {
+  const { _id: projectId } = useProjectContext()
+  const { fileTreeReadOnly } = useFileTreeData()
+  const { indexAllReferences } = useReferencesContext()
+  const { write } = usePermissionsContext()
+
+  const [state, dispatch] = useReducer(
+    fileTreeReadOnly
+      ? fileTreeActionableReadOnlyReducer
+      : fileTreeActionableReducer,
+    defaultState
+  )
+
+  const { fileTreeData, dispatchRename, dispatchMove } = useFileTreeData()
+  const { selectedEntityIds, isRootFolderSelected } = useFileTreeSelectable()
+
+  const [droppedFiles, setDroppedFiles] = useState<DroppedFiles | null>(null)
+
+  const startRenaming = useCallback(() => {
+    dispatch({ type: ACTION_TYPES.START_RENAME })
+  }, [])
+
+  // update the entity with the new name immediately in the tree, but revert to
+  // the old name if the sync fails
+  const finishRenaming = useCallback(
+    (newName: string) => {
+      const selectedEntityId = Array.from(selectedEntityIds)[0]
+      const found = findInTreeOrThrow(fileTreeData, selectedEntityId)
+      const oldName = found.entity.name
+      if (newName === oldName) {
+        return dispatch({ type: ACTION_TYPES.CLEAR })
+      }
+
+      const error = validateRename(fileTreeData, found, newName)
+      if (error) return dispatch({ type: ACTION_TYPES.ERROR, error })
+
+      dispatch({ type: ACTION_TYPES.CLEAR })
+      dispatchRename(selectedEntityId, newName)
+      return syncRename(projectId, found.type, found.entity._id, newName).catch(
+        error => {
+          dispatchRename(selectedEntityId, oldName)
+          // The state from this error action isn't used anywhere right now
+          // but we need to handle the error for linting
+          dispatch({ type: ACTION_TYPES.ERROR, error })
+        }
+      )
+    },
+    [dispatchRename, fileTreeData, projectId, selectedEntityIds]
+  )
+
+  const isDuplicate = useCallback(
+    (parentFolderId: string, name: string) => {
+      return !isNameUniqueInFolder(fileTreeData, parentFolderId, name)
+    },
+    [fileTreeData]
+  )
+
+  // init deletion flow (this will open the delete modal).
+  // A copy of the selected entities is set as `actionedEntities` so it is kept
+  // unchanged as the entities are deleted and the selection is updated
+  const startDeleting = useCallback(() => {
+    const actionedEntities = Array.from(selectedEntityIds).map(
+      entityId => findInTreeOrThrow(fileTreeData, entityId).entity
+    )
+    dispatch({ type: ACTION_TYPES.START_DELETE, actionedEntities })
+  }, [fileTreeData, selectedEntityIds])
+
+  // deletes entities in series. Tree will be updated via the socket event
+  const finishDeleting = useCallback(() => {
+    dispatch({ type: ACTION_TYPES.DELETING })
+    let shouldReindexReferences = false
+
+    return (
+      mapSeries(Array.from(selectedEntityIds), id => {
+        const found = findInTreeOrThrow(fileTreeData, id)
+        shouldReindexReferences =
+          shouldReindexReferences || /\.bib$/.test(found.entity.name)
+        return syncDelete(projectId, found.type, found.entity._id).catch(
+          error => {
+            // throw unless 404
+            if (error.info.statusCode !== 404) {
+              throw error
+            }
+          }
+        )
+      })
+        // @ts-ignore (TODO: improve mapSeries types)
+        .then(() => {
+          if (shouldReindexReferences) {
+            indexAllReferences(true)
+          }
+          dispatch({ type: ACTION_TYPES.CLEAR })
+        })
+        .catch((error: Error) => {
+          // set an error and allow user to retry
+          dispatch({ type: ACTION_TYPES.ERROR, error })
+        })
+    )
+  }, [fileTreeData, projectId, selectedEntityIds, indexAllReferences])
+
+  // moves entities. Tree is updated immediately and data are sync'd after.
+  const finishMoving = useCallback(
+    (toFolderId: string, draggedEntityIds: Set<string>) => {
+      dispatch({ type: ACTION_TYPES.MOVING })
+
+      // find entities and filter out no-ops and nested files
+      const founds = Array.from(draggedEntityIds)
+        .map(draggedEntityId =>
+          findInTreeOrThrow(fileTreeData, draggedEntityId)
+        )
+        .filter(
+          found =>
+            found.parentFolderId !== toFolderId &&
+            !draggedEntityIds.has(found.parentFolderId)
+        )
+
+      // make sure all entities can be moved, return early otherwise
+      const isMoveToRoot = toFolderId === fileTreeData._id
+      const validationError = founds
+        .map(found =>
+          validateMove(fileTreeData, toFolderId, found, isMoveToRoot)
+        )
+        .find(error => error)
+      if (validationError) {
+        return dispatch({ type: ACTION_TYPES.ERROR, error: validationError })
+      }
+
+      // keep track of old parent folder ids so we can revert entities if sync fails
+      const oldParentFolderIds: Record<string, string> = {}
+      let isMoveFailed = false
+
+      // dispatch moves immediately
+      founds.forEach(found => {
+        oldParentFolderIds[found.entity._id] = found.parentFolderId
+        dispatchMove(found.entity._id, toFolderId)
+      })
+
+      // sync dispatched moves after
+      return (
+        mapSeries(founds, async found => {
+          try {
+            await syncMove(projectId, found.type, found.entity._id, toFolderId)
+          } catch (error) {
+            isMoveFailed = true
+            dispatchMove(found.entity._id, oldParentFolderIds[found.entity._id])
+            dispatch({ type: ACTION_TYPES.ERROR, error })
+          }
+        })
+          // @ts-ignore (TODO: improve mapSeries types)
+          .then(() => {
+            if (!isMoveFailed) {
+              dispatch({ type: ACTION_TYPES.CLEAR })
+            }
+          })
+      )
+    },
+    [dispatchMove, fileTreeData, projectId]
+  )
+
+  const startCreatingFolder = useCallback(() => {
+    dispatch({ type: ACTION_TYPES.START_CREATE_FOLDER })
+  }, [])
+
+  const parentFolderId = useMemo(() => {
+    return getSelectedParentFolderId(
+      fileTreeData,
+      selectedEntityIds,
+      isRootFolderSelected
+    )
+  }, [fileTreeData, selectedEntityIds, isRootFolderSelected])
+
+  // return the name of the selected file or doc if there is only one selected
+  const selectedFileName = useMemo(() => {
+    if (selectedEntityIds.size === 1) {
+      const [selectedEntityId] = selectedEntityIds
+      const selectedEntity = findInTree(fileTreeData, selectedEntityId)
+      return selectedEntity?.entity?.name
+    }
+    return null
+  }, [fileTreeData, selectedEntityIds])
+
+  const finishCreatingEntity = useCallback(
+    entity => {
+      const error = validateCreate(fileTreeData, parentFolderId, entity)
+      if (error) {
+        return Promise.reject(error)
+      }
+
+      return syncCreateEntity(projectId, parentFolderId, entity)
+    },
+    [fileTreeData, parentFolderId, projectId]
+  )
+
+  const finishCreatingFolder = useCallback(
+    name => {
+      dispatch({ type: ACTION_TYPES.CREATING_FOLDER })
+      return finishCreatingEntity({ endpoint: 'folder', name })
+        .then(() => {
+          dispatch({ type: ACTION_TYPES.CLEAR })
+        })
+        .catch(error => {
+          dispatch({ type: ACTION_TYPES.ERROR, error })
+        })
+    },
+    [finishCreatingEntity]
+  )
+
+  const startCreatingFile = useCallback(newFileCreateMode => {
+    dispatch({ type: ACTION_TYPES.START_CREATE_FILE, newFileCreateMode })
+  }, [])
+
+  const startCreatingDocOrFile = useCallback(() => {
+    startCreatingFile('doc')
+  }, [startCreatingFile])
+
+  const startUploadingDocOrFile = useCallback(() => {
+    startCreatingFile('upload')
+  }, [startCreatingFile])
+
+  const finishCreatingDocOrFile = useCallback(
+    entity => {
+      dispatch({ type: ACTION_TYPES.CREATING_FILE })
+
+      return finishCreatingEntity(entity)
+        .then(() => {
+          dispatch({ type: ACTION_TYPES.CLEAR })
+        })
+        .catch(error => {
+          dispatch({ type: ACTION_TYPES.ERROR, error })
+        })
+    },
+    [finishCreatingEntity]
+  )
+
+  const finishCreatingDoc = useCallback(
+    entity => {
+      entity.endpoint = 'doc'
+      return finishCreatingDocOrFile(entity)
+    },
+    [finishCreatingDocOrFile]
+  )
+
+  const finishCreatingLinkedFile = useCallback(
+    entity => {
+      entity.endpoint = 'linked_file'
+      return finishCreatingDocOrFile(entity)
+    },
+    [finishCreatingDocOrFile]
+  )
+
+  const cancel = useCallback(() => {
+    dispatch({ type: ACTION_TYPES.CANCEL })
+  }, [])
+
+  // listen for `file-tree.start-creating` events
+  useEffect(() => {
+    function handleEvent(event: Event) {
+      dispatch({
+        type: ACTION_TYPES.START_CREATE_FILE,
+        newFileCreateMode: (event as CustomEvent<{ mode: string }>).detail.mode,
+      })
+    }
+
+    window.addEventListener('file-tree.start-creating', handleEvent)
+
+    return () => {
+      window.removeEventListener('file-tree.start-creating', handleEvent)
+    }
+  }, [])
+
+  // build the path for downloading a single file or doc
+  const downloadPath = useMemo(() => {
+    if (selectedEntityIds.size === 1) {
+      const [selectedEntityId] = selectedEntityIds
+      const selectedEntity = findInTree(fileTreeData, selectedEntityId)
+
+      if (selectedEntity?.type === 'fileRef') {
+        return fileUrl(projectId, selectedEntityId, selectedEntity.entity.hash)
+      }
+
+      if (selectedEntity?.type === 'doc') {
+        return `/project/${projectId}/doc/${selectedEntityId}/download`
+      }
+    }
+  }, [fileTreeData, projectId, selectedEntityIds])
+
+  const value = useMemo(
+    () => ({
+      canDelete: write && selectedEntityIds.size > 0 && !isRootFolderSelected,
+      canRename: write && selectedEntityIds.size === 1 && !isRootFolderSelected,
+      canCreate: write && selectedEntityIds.size < 2,
+      ...state,
+      parentFolderId,
+      selectedFileName,
+      isDuplicate,
+      startRenaming,
+      finishRenaming,
+      startDeleting,
+      finishDeleting,
+      finishMoving,
+      startCreatingFile,
+      startCreatingFolder,
+      finishCreatingFolder,
+      startCreatingDocOrFile,
+      startUploadingDocOrFile,
+      finishCreatingDoc,
+      finishCreatingLinkedFile,
+      cancel,
+      droppedFiles,
+      setDroppedFiles,
+      downloadPath,
+    }),
+    [
+      cancel,
+      downloadPath,
+      droppedFiles,
+      finishCreatingDoc,
+      finishCreatingFolder,
+      finishCreatingLinkedFile,
+      finishDeleting,
+      finishMoving,
+      finishRenaming,
+      isDuplicate,
+      isRootFolderSelected,
+      parentFolderId,
+      selectedEntityIds.size,
+      selectedFileName,
+      startCreatingDocOrFile,
+      startCreatingFile,
+      startCreatingFolder,
+      startDeleting,
+      startRenaming,
+      startUploadingDocOrFile,
+      state,
+      write,
+    ]
+  )
+
+  return (
+    <FileTreeActionableContext.Provider value={value}>
+      {children}
+    </FileTreeActionableContext.Provider>
+  )
+}
+
+export function useFileTreeActionable() {
+  const context = useContext(FileTreeActionableContext)
+
+  if (!context) {
+    throw new Error(
+      'useFileTreeActionable is only available inside FileTreeActionableProvider'
+    )
+  }
+
+  return context
+}
+
+function getSelectedParentFolderId(
+  fileTreeData: Folder,
+  selectedEntityIds: Set<string>,
+  isRootFolderSelected: boolean
+) {
+  if (isRootFolderSelected) {
+    return fileTreeData._id
+  }
+
+  // we expect only one entity to be selected in that case, so we pick the first
+  const selectedEntityId = Array.from(selectedEntityIds)[0]
+  if (!selectedEntityId) {
+    // in some cases no entities are selected. Return the root folder id then.
+    return fileTreeData._id
+  }
+
+  const found = findInTree(fileTreeData, selectedEntityId)
+
+  if (!found) {
+    // if the entity isn't in the tree, return the root folder id.
+    return fileTreeData._id
+  }
+
+  return found.type === 'folder' ? found.entity._id : found.parentFolderId
+}
+
+function validateCreate(
+  fileTreeData: Folder,
+  parentFolderId: string,
+  entity: { name: string; endpoint: string }
+) {
+  if (!isCleanFilename(entity.name)) {
+    return new InvalidFilenameError()
+  }
+
+  if (!isNameUniqueInFolder(fileTreeData, parentFolderId, entity.name)) {
+    return new DuplicateFilenameError()
+  }
+
+  // check that the name of a file is allowed, if creating in the root folder
+  const isMoveToRoot = parentFolderId === fileTreeData._id
+  const isFolder = entity.endpoint === 'folder'
+  if (isMoveToRoot && !isFolder && isBlockedFilename(entity.name)) {
+    return new BlockedFilenameError()
+  }
+}
+
+function validateRename(
+  fileTreeData: Folder,
+  found: { parentFolderId: string; path: string[]; type: string },
+  newName: string
+) {
+  if (!isCleanFilename(newName)) {
+    return new InvalidFilenameError()
+  }
+
+  if (!isNameUniqueInFolder(fileTreeData, found.parentFolderId, newName)) {
+    return new DuplicateFilenameError()
+  }
+
+  const isTopLevel = found.path.length === 1
+  const isFolder = found.type === 'folder'
+  if (isTopLevel && !isFolder && isBlockedFilename(newName)) {
+    return new BlockedFilenameError()
+  }
+}
+
+function validateMove(
+  fileTreeData: Folder,
+  toFolderId: string,
+  found: { entity: { name: string }; type: string },
+  isMoveToRoot: boolean
+) {
+  if (!isNameUniqueInFolder(fileTreeData, toFolderId, found.entity.name)) {
+    const error = new DuplicateFilenameMoveError()
+    ;(error as DuplicateFilenameMoveError & { entityName: string }).entityName =
+      found.entity.name
+    return error
+  }
+
+  const isFolder = found.type === 'folder'
+  if (isMoveToRoot && !isFolder && isBlockedFilename(found.entity.name)) {
+    return new BlockedFilenameError()
+  }
+}
diff --git a/services/web/frontend/js/features/file-tree/contexts/file-tree-create-form.tsx b/services/web/frontend/js/features/file-tree/contexts/file-tree-create-form.tsx
new file mode 100644
index 0000000..93315ec
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/contexts/file-tree-create-form.tsx
@@ -0,0 +1,30 @@
+import { createContext, FC, useContext, useState } from 'react'
+
+const FileTreeCreateFormContext = createContext<
+  { valid: boolean; setValid: (value: boolean) => void } | undefined
+>(undefined)
+
+export const useFileTreeCreateForm = () => {
+  const context = useContext(FileTreeCreateFormContext)
+
+  if (!context) {
+    throw new Error(
+      'useFileTreeCreateForm is only available inside FileTreeCreateFormProvider'
+    )
+  }
+
+  return context
+}
+
+const FileTreeCreateFormProvider: FC = ({ children }) => {
+  // is the form valid
+  const [valid, setValid] = useState(false)
+
+  return (
+    <FileTreeCreateFormContext.Provider value={{ valid, setValid }}>
+      {children}
+    </FileTreeCreateFormContext.Provider>
+  )
+}
+
+export default FileTreeCreateFormProvider
diff --git a/services/web/frontend/js/features/file-tree/contexts/file-tree-create-name.tsx b/services/web/frontend/js/features/file-tree/contexts/file-tree-create-name.tsx
new file mode 100644
index 0000000..ed9a8f4
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/contexts/file-tree-create-name.tsx
@@ -0,0 +1,58 @@
+import { createContext, FC, useContext, useMemo, useReducer } from 'react'
+import { isCleanFilename } from '../util/safe-path'
+
+const FileTreeCreateNameContext = createContext<
+  | {
+      name: string
+      touchedName: boolean
+      validName: boolean
+      setName: (name: string) => void
+    }
+  | undefined
+>(undefined)
+
+export const useFileTreeCreateName = () => {
+  const context = useContext(FileTreeCreateNameContext)
+
+  if (!context) {
+    throw new Error(
+      'useFileTreeCreateName is only available inside FileTreeCreateNameProvider'
+    )
+  }
+
+  return context
+}
+
+type State = {
+  name: string
+  touchedName: boolean
+}
+
+const FileTreeCreateNameProvider: FC<{ initialName?: string }> = ({
+  children,
+  initialName = '',
+}) => {
+  const [state, setName] = useReducer(
+    (state: State, name: string) => ({
+      name, // the file name
+      touchedName: true, // whether the name has been edited
+    }),
+    {
+      name: initialName,
+      touchedName: false,
+    }
+  )
+
+  // validate the file name
+  const validName = useMemo(() => isCleanFilename(state.name.trim()), [state])
+
+  return (
+    <FileTreeCreateNameContext.Provider
+      value={{ ...state, setName, validName }}
+    >
+      {children}
+    </FileTreeCreateNameContext.Provider>
+  )
+}
+
+export default FileTreeCreateNameProvider
diff --git a/services/web/frontend/js/features/file-tree/contexts/file-tree-draggable.tsx b/services/web/frontend/js/features/file-tree/contexts/file-tree-draggable.tsx
new file mode 100644
index 0000000..c255c25
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/contexts/file-tree-draggable.tsx
@@ -0,0 +1,183 @@
+import { useEffect, useState, FC, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import getDroppedFiles from '@uppy/utils/lib/getDroppedFiles'
+import { DndProvider, DragSourceMonitor, useDrag, useDrop } from 'react-dnd'
+import {
+  HTML5Backend,
+  getEmptyImage,
+  NativeTypes,
+} from 'react-dnd-html5-backend'
+import {
+  findAllInTreeOrThrow,
+  findAllFolderIdsInFolders,
+} from '../util/find-in-tree'
+import { useFileTreeActionable } from './file-tree-actionable'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import { useFileTreeSelectable } from '../contexts/file-tree-selectable'
+import { isAcceptableFile } from '@/features/file-tree/util/is-acceptable-file'
+import { FileTreeFindResult } from '@/features/ide-react/types/file-tree'
+
+const DRAGGABLE_TYPE = 'ENTITY'
+export const FileTreeDraggableProvider: FC<{
+  fileTreeContainer?: HTMLDivElement
+}> = ({ fileTreeContainer, children }) => {
+  const options = useMemo(
+    () => ({ rootElement: fileTreeContainer }),
+    [fileTreeContainer]
+  )
+
+  return (
+    <DndProvider backend={HTML5Backend} options={options}>
+      {children}
+    </DndProvider>
+  )
+}
+
+type DragObject = {
+  type: string
+  title: string
+  forbiddenFolderIds: Set<string>
+  draggedEntityIds: Set<string>
+}
+
+type DropResult = {
+  targetEntityId: string
+  dropEffect: DataTransfer['dropEffect']
+}
+
+export function useDraggable(draggedEntityId: string) {
+  const { t } = useTranslation()
+
+  const { fileTreeData, fileTreeReadOnly } = useFileTreeData()
+  const { selectedEntityIds, isRootFolderSelected } = useFileTreeSelectable()
+  const { finishMoving } = useFileTreeActionable()
+
+  const [isDraggable, setIsDraggable] = useState(true)
+
+  const [, dragRef, preview] = useDrag({
+    type: DRAGGABLE_TYPE,
+    item() {
+      const draggedEntityIds = getDraggedEntityIds(
+        isRootFolderSelected ? new Set() : selectedEntityIds,
+        draggedEntityId
+      )
+
+      const draggedItems = findAllInTreeOrThrow(fileTreeData, draggedEntityIds)
+
+      return {
+        type: DRAGGABLE_TYPE,
+        title: getDraggedTitle(draggedItems, t),
+        forbiddenFolderIds: getForbiddenFolderIds(draggedItems),
+        draggedEntityIds,
+      }
+    },
+    canDrag() {
+      return !fileTreeReadOnly && isDraggable
+    },
+    end(item: DragObject, monitor: DragSourceMonitor<DragObject, DropResult>) {
+      if (monitor.didDrop()) {
+        const result = monitor.getDropResult()
+        if (result) {
+          finishMoving(result.targetEntityId, item.draggedEntityIds) // TODO: use result.dropEffect
+        }
+      }
+    },
+  })
+
+  // remove the automatic preview as we're using a custom preview via
+  // FileTreeDraggablePreviewLayer
+  useEffect(() => {
+    preview(getEmptyImage())
+  }, [preview])
+
+  return { dragRef, setIsDraggable }
+}
+
+export function useDroppable(targetEntityId: string) {
+  const { setDroppedFiles, startUploadingDocOrFile } = useFileTreeActionable()
+
+  const [{ isOver }, dropRef] = useDrop({
+    accept: [DRAGGABLE_TYPE, NativeTypes.FILE],
+    canDrop(item: DragObject, monitor) {
+      if (!monitor.isOver({ shallow: true })) {
+        return false
+      }
+
+      return !(
+        item.type === DRAGGABLE_TYPE &&
+        item.forbiddenFolderIds.has(targetEntityId)
+      )
+    },
+    drop(item, monitor) {
+      // monitor.didDrop() returns true if the drop was already handled by a nested child
+      if (monitor.didDrop()) {
+        return
+      }
+
+      // item(s) dragged within the file tree
+      if (item.type === DRAGGABLE_TYPE) {
+        return { targetEntityId }
+      }
+
+      // native file(s) dragged in from outside
+      getDroppedFiles(item as unknown as DataTransfer)
+        .then(files =>
+          files.filter(file =>
+            // note: getDroppedFiles normalises webkitRelativePath to relativePath
+            isAcceptableFile(file.name, (file as any).relativePath)
+          )
+        )
+        .then(files => {
+          setDroppedFiles({ files, targetFolderId: targetEntityId })
+          startUploadingDocOrFile()
+        })
+    },
+    collect(monitor) {
+      return {
+        isOver: monitor.canDrop(),
+      }
+    },
+  })
+
+  return { dropRef, isOver }
+}
+
+// Get the list of dragged entity ids. If the dragged entity is one of the
+// selected entities then all the selected entites are dragged entities,
+// otherwise it's the dragged entity only.
+function getDraggedEntityIds(
+  selectedEntityIds: Set<string>,
+  draggedEntityId: string
+) {
+  if (selectedEntityIds.size > 1 && selectedEntityIds.has(draggedEntityId)) {
+    // dragging the multi-selected entities
+    return new Set(selectedEntityIds)
+  } else {
+    // not dragging the selection; only the current item
+    return new Set([draggedEntityId])
+  }
+}
+
+// Get the draggable title. This is the name of the dragged entities if there's
+// only one, otherwise it's the number of dragged entities.
+function getDraggedTitle(
+  draggedItems: Set<any>,
+  t: (key: string, options: Record<string, any>) => void
+) {
+  if (draggedItems.size === 1) {
+    const draggedItem = Array.from(draggedItems)[0]
+    return draggedItem.entity.name
+  }
+  return t('n_items', { count: draggedItems.size })
+}
+
+// Get all children folder ids of any of the dragged items.
+function getForbiddenFolderIds(draggedItems: Set<FileTreeFindResult>) {
+  const draggedFoldersArray = Array.from(draggedItems)
+    .filter(draggedItem => {
+      return draggedItem.type === 'folder'
+    })
+    .map(draggedItem => draggedItem.entity)
+  const draggedFolders = new Set(draggedFoldersArray)
+  return findAllFolderIdsInFolders(draggedFolders)
+}
diff --git a/services/web/frontend/js/features/file-tree/contexts/file-tree-main.tsx b/services/web/frontend/js/features/file-tree/contexts/file-tree-main.tsx
new file mode 100644
index 0000000..85872fe
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/contexts/file-tree-main.tsx
@@ -0,0 +1,54 @@
+import { createContext, FC, useContext, useState } from 'react'
+
+type ContextMenuCoords = { top: number; left: number }
+
+const FileTreeMainContext = createContext<
+  | {
+      refProviders: object
+      setRefProviderEnabled: (provider: string, value: boolean) => void
+      setStartedFreeTrial: (value: boolean) => void
+      contextMenuCoords: ContextMenuCoords | null
+      setContextMenuCoords: (value: ContextMenuCoords | null) => void
+    }
+  | undefined
+>(undefined)
+
+export function useFileTreeMainContext() {
+  const context = useContext(FileTreeMainContext)
+
+  if (!context) {
+    throw new Error(
+      'useFileTreeMainContext is only available inside FileTreeMainProvider'
+    )
+  }
+
+  return context
+}
+
+export const FileTreeMainProvider: FC<{
+  refProviders: object
+  setRefProviderEnabled: (provider: string, value: boolean) => void
+  setStartedFreeTrial: (value: boolean) => void
+}> = ({
+  refProviders,
+  setRefProviderEnabled,
+  setStartedFreeTrial,
+  children,
+}) => {
+  const [contextMenuCoords, setContextMenuCoords] =
+    useState<ContextMenuCoords | null>(null)
+
+  return (
+    <FileTreeMainContext.Provider
+      value={{
+        refProviders,
+        setRefProviderEnabled,
+        setStartedFreeTrial,
+        contextMenuCoords,
+        setContextMenuCoords,
+      }}
+    >
+      {children}
+    </FileTreeMainContext.Provider>
+  )
+}
diff --git a/services/web/frontend/js/features/file-tree/contexts/file-tree-path.tsx b/services/web/frontend/js/features/file-tree/contexts/file-tree-path.tsx
new file mode 100644
index 0000000..593d51c
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/contexts/file-tree-path.tsx
@@ -0,0 +1,81 @@
+import { createContext, FC, useCallback, useContext, useMemo } from 'react'
+import { Folder } from '../../../../../types/folder'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import getMeta from '@/utils/meta'
+import {
+  findEntityByPath,
+  previewByPath,
+  dirname,
+  FindResult,
+  pathInFolder,
+} from '@/features/file-tree/util/path'
+import { PreviewPath } from '../../../../../types/preview-path'
+
+type FileTreePathContextValue = {
+  pathInFolder: (id: string) => string | null
+  findEntityByPath: (path: string) => FindResult | null
+  previewByPath: (path: string) => PreviewPath | null
+  dirname: (id: string) => string | null
+}
+
+export const FileTreePathContext = createContext<
+  FileTreePathContextValue | undefined
+>(undefined)
+
+export const FileTreePathProvider: FC = ({ children }) => {
+  const { fileTreeData }: { fileTreeData: Folder } = useFileTreeData()
+  const projectId = getMeta('ol-project_id')
+
+  const pathInFileTree = useCallback(
+    (id: string) => pathInFolder(fileTreeData, id),
+    [fileTreeData]
+  )
+
+  const findEntityByPathInFileTree = useCallback(
+    (path: string) => findEntityByPath(fileTreeData, path),
+    [fileTreeData]
+  )
+
+  const previewByPathInFileTree = useCallback(
+    (path: string) => previewByPath(fileTreeData, projectId, path),
+    [fileTreeData, projectId]
+  )
+
+  const dirnameInFileTree = useCallback(
+    (id: string) => dirname(fileTreeData, id),
+    [fileTreeData]
+  )
+
+  const value = useMemo<FileTreePathContextValue>(
+    () => ({
+      pathInFolder: pathInFileTree,
+      findEntityByPath: findEntityByPathInFileTree,
+      previewByPath: previewByPathInFileTree,
+      dirname: dirnameInFileTree,
+    }),
+    [
+      pathInFileTree,
+      findEntityByPathInFileTree,
+      previewByPathInFileTree,
+      dirnameInFileTree,
+    ]
+  )
+
+  return (
+    <FileTreePathContext.Provider value={value}>
+      {children}
+    </FileTreePathContext.Provider>
+  )
+}
+
+export function useFileTreePathContext(): FileTreePathContextValue {
+  const context = useContext(FileTreePathContext)
+
+  if (!context) {
+    throw new Error(
+      'useFileTreePathContext is only available inside FileTreePathProvider'
+    )
+  }
+
+  return context
+}
diff --git a/services/web/frontend/js/features/file-tree/contexts/file-tree-selectable.tsx b/services/web/frontend/js/features/file-tree/contexts/file-tree-selectable.tsx
new file mode 100644
index 0000000..f52fe38
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/contexts/file-tree-selectable.tsx
@@ -0,0 +1,418 @@
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useReducer,
+  useEffect,
+  useMemo,
+  useState,
+  FC,
+} from 'react'
+import classNames from 'classnames'
+import _ from 'lodash'
+import { findInTree, findInTreeOrThrow } from '../util/find-in-tree'
+import { useFileTreeData } from '../../../shared/context/file-tree-data-context'
+import { useProjectContext } from '../../../shared/context/project-context'
+import { useLayoutContext } from '../../../shared/context/layout-context'
+import usePersistedState from '../../../shared/hooks/use-persisted-state'
+import usePreviousValue from '../../../shared/hooks/use-previous-value'
+import { useFileTreeMainContext } from '@/features/file-tree/contexts/file-tree-main'
+import { FindResult } from '@/features/file-tree/util/path'
+import { fileCollator } from '@/features/file-tree/util/file-collator'
+import { Folder } from '../../../../../types/folder'
+import { FileTreeEntity } from '../../../../../types/file-tree-entity'
+import { isMac } from '@/shared/utils/os'
+import useEventListener from '@/shared/hooks/use-event-listener'
+
+const FileTreeSelectableContext = createContext<
+  | {
+      selectedEntityIds: Set<string>
+      isRootFolderSelected: boolean
+      selectOrMultiSelectEntity: (
+        id: string | string[],
+        multiple?: boolean
+      ) => void
+      setIsRootFolderSelected: (value: boolean) => void
+      selectedEntityParentIds: Set<string>
+      select: (id: string | string[]) => void
+      unselect: (id: string) => void
+    }
+  | undefined
+>(undefined)
+
+/* eslint-disable no-unused-vars */
+enum ACTION_TYPES {
+  SELECT = 'SELECT',
+  MULTI_SELECT = 'MULTI_SELECT',
+  UNSELECT = 'UNSELECT',
+}
+/* eslint-enable no-unused-vars */
+
+type Action =
+  | {
+      type: ACTION_TYPES.SELECT
+      id: string
+    }
+  | {
+      type: ACTION_TYPES.MULTI_SELECT
+      id: string
+    }
+  | {
+      type: ACTION_TYPES.UNSELECT
+      id: string
+    }
+
+function fileTreeSelectableReadWriteReducer(
+  selectedEntityIds: Set<string>,
+  action: Action
+) {
+  switch (action.type) {
+    case ACTION_TYPES.SELECT: {
+      // reset selection
+      return new Set(Array.isArray(action.id) ? action.id : [action.id])
+    }
+
+    case ACTION_TYPES.MULTI_SELECT: {
+      const selectedEntityIdsCopy = new Set(selectedEntityIds)
+      if (selectedEntityIdsCopy.has(action.id)) {
+        // entity already selected
+        if (selectedEntityIdsCopy.size > 1) {
+          // entity already multi-selected; remove from set
+          selectedEntityIdsCopy.delete(action.id)
+        }
+      } else {
+        // entity not selected: add to set
+        selectedEntityIdsCopy.add(action.id)
+      }
+
+      return selectedEntityIdsCopy
+    }
+
+    case ACTION_TYPES.UNSELECT: {
+      const selectedEntityIdsCopy = new Set(selectedEntityIds)
+      selectedEntityIdsCopy.delete(action.id)
+      return selectedEntityIdsCopy
+    }
+
+    default:
+      throw new Error(
+        `Unknown selectable action type: ${(action as Action).type}`
+      )
+  }
+}
+
+function fileTreeSelectableReadOnlyReducer(
+  selectedEntityIds: Set<string>,
+  action: Action
+) {
+  switch (action.type) {
+    case ACTION_TYPES.SELECT:
+      return new Set([action.id])
+
+    case ACTION_TYPES.MULTI_SELECT:
+    case ACTION_TYPES.UNSELECT:
+      return selectedEntityIds
+
+    default:
+      throw new Error(
+        `Unknown selectable action type: ${(action as Action).type}`
+      )
+  }
+}
+
+export const FileTreeSelectableProvider: FC<{
+  onSelect: (value: FindResult[]) => void
+}> = ({ onSelect, children }) => {
+  const { _id: projectId, rootDocId } = useProjectContext()
+
+  const [initialSelectedEntityId] = usePersistedState(
+    `doc.open_id.${projectId}`,
+    rootDocId
+  )
+
+  const { fileTreeData, setSelectedEntities, fileTreeReadOnly } =
+    useFileTreeData()
+
+  const [isRootFolderSelected, setIsRootFolderSelected] = useState(false)
+
+  const [selectedEntityIds, dispatch] = useReducer(
+    fileTreeReadOnly
+      ? fileTreeSelectableReadOnlyReducer
+      : fileTreeSelectableReadWriteReducer,
+    null,
+    () => {
+      if (!initialSelectedEntityId) return new Set<string>()
+
+      // the entity with id=initialSelectedEntityId might not exist in the tree
+      // anymore. This checks that it exists before initialising the reducer
+      // with the id.
+      if (findInTree(fileTreeData, initialSelectedEntityId))
+        return new Set([initialSelectedEntityId])
+
+      // the entity doesn't exist anymore; don't select any files
+      return new Set<string>()
+    }
+  )
+
+  const [selectedEntityParentIds, setSelectedEntityParentIds] = useState<
+    Set<string>
+  >(new Set())
+
+  // fills `selectedEntityParentIds` set
+  useEffect(() => {
+    const ids = new Set<string>()
+    selectedEntityIds.forEach(id => {
+      const found = findInTree(fileTreeData, id)
+      if (found) {
+        found.path.forEach((pathItem: any) => ids.add(pathItem))
+      }
+    })
+    setSelectedEntityParentIds(ids)
+  }, [fileTreeData, selectedEntityIds])
+
+  // calls `onSelect` on entities selection
+  const previousSelectedEntityIds = usePreviousValue(selectedEntityIds)
+  useEffect(() => {
+    if (_.isEqual(selectedEntityIds, previousSelectedEntityIds)) {
+      return
+    }
+    const _selectedEntities = Array.from(selectedEntityIds)
+      .map(id => findInTree(fileTreeData, id))
+      .filter(entity => entity !== null)
+    onSelect(_selectedEntities)
+    setSelectedEntities(_selectedEntities)
+  }, [
+    fileTreeData,
+    selectedEntityIds,
+    previousSelectedEntityIds,
+    onSelect,
+    setSelectedEntities,
+  ])
+
+  // Synchronize the file tree when openFileWithId or openDocWithId is called on the editor
+  // manager context from elsewhere. If the file tree does change, it will
+  // trigger the onSelect handler in this component, which will update the local
+  // state.
+  useEventListener(
+    'entity:opened',
+    useCallback(
+      (event: CustomEvent<string>) => {
+        const found = findInTree(fileTreeData, event.detail)
+        if (!found) return
+
+        dispatch({ type: ACTION_TYPES.SELECT, id: found.entity._id })
+      },
+      [fileTreeData]
+    )
+  )
+
+  const select = useCallback(id => {
+    dispatch({ type: ACTION_TYPES.SELECT, id })
+  }, [])
+
+  const unselect = useCallback(id => {
+    dispatch({ type: ACTION_TYPES.UNSELECT, id })
+  }, [])
+
+  const selectOrMultiSelectEntity = useCallback((id, isMultiSelect) => {
+    const actionType = isMultiSelect
+      ? ACTION_TYPES.MULTI_SELECT
+      : ACTION_TYPES.SELECT
+
+    dispatch({ type: actionType, id })
+  }, [])
+
+  // TODO: wrap in useMemo
+  const value = {
+    selectedEntityIds,
+    selectedEntityParentIds,
+    select,
+    unselect,
+    selectOrMultiSelectEntity,
+    isRootFolderSelected,
+    setIsRootFolderSelected,
+  }
+
+  return (
+    <FileTreeSelectableContext.Provider value={value}>
+      {children}
+    </FileTreeSelectableContext.Provider>
+  )
+}
+
+export function useSelectableEntity(id: string, type: string) {
+  const { view, setView } = useLayoutContext()
+  const { setContextMenuCoords } = useFileTreeMainContext()
+  const { fileTreeData } = useFileTreeData()
+  const {
+    selectedEntityIds,
+    selectOrMultiSelectEntity,
+    isRootFolderSelected,
+    setIsRootFolderSelected,
+  } = useFileTreeSelectable()
+
+  const isSelected = selectedEntityIds.has(id)
+
+  const buildSelectedRange = useCallback(
+    id => {
+      const selected = []
+
+      let started = false
+
+      for (const itemId of sortedItems(fileTreeData)) {
+        if (itemId === id) {
+          selected.push(itemId)
+          if (started) {
+            break
+          } else {
+            started = true
+          }
+        } else if (selectedEntityIds.has(itemId)) {
+          // TODO: should only look at latest ("main") selected item
+          selected.push(itemId)
+          if (started) {
+            break
+          } else {
+            started = true
+          }
+        } else if (started) {
+          selected.push(itemId)
+        }
+      }
+
+      return selected
+    },
+    [fileTreeData, selectedEntityIds]
+  )
+
+  const chooseView = useCallback(() => {
+    for (const id of selectedEntityIds) {
+      const selectedEntity = findInTreeOrThrow(fileTreeData, id)
+
+      if (selectedEntity.type === 'doc') {
+        return 'editor'
+      }
+
+      if (selectedEntity.type === 'fileRef') {
+        return 'file'
+      }
+
+      if (selectedEntity.type === 'folder') {
+        return view
+      }
+    }
+
+    return null
+  }, [fileTreeData, selectedEntityIds, view])
+
+  const handleEvent = useCallback(
+    ev => {
+      ev.stopPropagation()
+      // use Command (macOS) or Ctrl (other OS) to select multiple items,
+      // as long as the root folder wasn't selected
+      const multiSelect =
+        !isRootFolderSelected && (isMac ? ev.metaKey : ev.ctrlKey)
+      setIsRootFolderSelected(false)
+
+      if (ev.shiftKey) {
+        // use Shift to select a range of items
+        selectOrMultiSelectEntity(buildSelectedRange(id))
+      } else {
+        selectOrMultiSelectEntity(id, multiSelect)
+      }
+
+      if (type === 'file') {
+        setView('file')
+      } else if (type === 'doc') {
+        setView('editor')
+      } else if (type === 'folder') {
+        setView(chooseView())
+      }
+    },
+    [
+      id,
+      isRootFolderSelected,
+      setIsRootFolderSelected,
+      selectOrMultiSelectEntity,
+      setView,
+      type,
+      buildSelectedRange,
+      chooseView,
+    ]
+  )
+
+  const handleClick = useCallback(
+    ev => {
+      handleEvent(ev)
+      if (!ev.ctrlKey && !ev.metaKey) {
+        setContextMenuCoords(null)
+      }
+    },
+    [handleEvent, setContextMenuCoords]
+  )
+
+  const handleKeyPress = useCallback(
+    ev => {
+      if (ev.key === 'Enter' || ev.key === ' ') {
+        handleEvent(ev)
+      }
+    },
+    [handleEvent]
+  )
+
+  const handleContextMenu = useCallback(
+    ev => {
+      // make sure the right-clicked entity gets selected
+      if (!selectedEntityIds.has(id)) {
+        handleEvent(ev)
+      }
+    },
+    [id, handleEvent, selectedEntityIds]
+  )
+
+  const isVisuallySelected =
+    !isRootFolderSelected && isSelected && view !== 'pdf'
+  const props = useMemo(
+    () => ({
+      className: classNames({ selected: isVisuallySelected }),
+      'aria-selected': isVisuallySelected,
+      onClick: handleClick,
+      onContextMenu: handleContextMenu,
+      onKeyPress: handleKeyPress,
+    }),
+    [handleClick, handleContextMenu, handleKeyPress, isVisuallySelected]
+  )
+
+  return { isSelected, props }
+}
+
+export function useFileTreeSelectable() {
+  const context = useContext(FileTreeSelectableContext)
+
+  if (!context) {
+    throw new Error(
+      `useFileTreeSelectable is only available inside FileTreeSelectableProvider`
+    )
+  }
+
+  return context
+}
+
+const alphabetical = (a: FileTreeEntity, b: FileTreeEntity) =>
+  fileCollator.compare(a.name, b.name)
+
+function* sortedItems(folder: Folder): Generator<string> {
+  yield folder._id
+
+  const folders = [...folder.folders].sort(alphabetical)
+  for (const subfolder of folders) {
+    for (const id of sortedItems(subfolder)) {
+      yield id
+    }
+  }
+
+  const files = [...folder.docs, ...folder.fileRefs].sort(alphabetical)
+  for (const file of files) {
+    yield file._id
+  }
+}
diff --git a/services/web/frontend/js/features/file-tree/errors.js b/services/web/frontend/js/features/file-tree/errors.js
new file mode 100644
index 0000000..10c4b5c
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/errors.js
@@ -0,0 +1,23 @@
+export class InvalidFilenameError extends Error {
+  constructor() {
+    super('invalid filename')
+  }
+}
+
+export class BlockedFilenameError extends Error {
+  constructor() {
+    super('blocked filename')
+  }
+}
+
+export class DuplicateFilenameError extends Error {
+  constructor() {
+    super('duplicate filename')
+  }
+}
+
+export class DuplicateFilenameMoveError extends Error {
+  constructor() {
+    super('duplicate filename on move')
+  }
+}
diff --git a/services/web/frontend/js/features/file-tree/hooks/file-tree-socket-listener.ts b/services/web/frontend/js/features/file-tree/hooks/file-tree-socket-listener.ts
new file mode 100644
index 0000000..b6197ce
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/hooks/file-tree-socket-listener.ts
@@ -0,0 +1,155 @@
+import { useCallback, useEffect } from 'react'
+
+import { useUserContext } from '../../../shared/context/user-context'
+import { useFileTreeData } from '../../../shared/context/file-tree-data-context'
+import { useFileTreeSelectable } from '../contexts/file-tree-selectable'
+import { findInTree, findInTreeOrThrow } from '../util/find-in-tree'
+import { useIdeContext } from '@/shared/context/ide-context'
+import { useSnapshotContext } from '@/features/ide-react/context/snapshot-context'
+
+export function useFileTreeSocketListener(onDelete: (entity: any) => void) {
+  const user = useUserContext()
+  const {
+    dispatchRename,
+    dispatchDelete,
+    dispatchMove,
+    dispatchCreateFolder,
+    dispatchCreateDoc,
+    dispatchCreateFile,
+    fileTreeData,
+  } = useFileTreeData()
+  const { selectedEntityIds, selectedEntityParentIds, select, unselect } =
+    useFileTreeSelectable()
+  const { socket } = useIdeContext()
+  const { fileTreeFromHistory } = useSnapshotContext()
+
+  const selectEntityIfCreatedByUser = useCallback(
+    // hack to automatically re-open refreshed linked files
+    (entityId, entityName, userId) => {
+      // If the created entity's user exists and is the current user
+      if (userId && user?.id === userId) {
+        // And we're expecting a refreshed socket for this entity
+        if (window.expectingLinkedFileRefreshedSocketFor === entityName) {
+          // Then select it
+          select(entityId)
+          window.expectingLinkedFileRefreshedSocketFor = null
+        }
+      }
+    },
+    [user, select]
+  )
+
+  useEffect(() => {
+    if (fileTreeFromHistory) return
+    function handleDispatchRename(entityId: string, name: string) {
+      dispatchRename(entityId, name)
+    }
+    if (socket) socket.on('reciveEntityRename', handleDispatchRename)
+    return () => {
+      if (socket)
+        socket.removeListener('reciveEntityRename', handleDispatchRename)
+    }
+  }, [socket, dispatchRename, fileTreeFromHistory])
+
+  useEffect(() => {
+    if (fileTreeFromHistory) return
+    function handleDispatchDelete(entityId: string) {
+      const entity = findInTree(fileTreeData, entityId)
+      unselect(entityId)
+      if (selectedEntityParentIds.has(entityId)) {
+        // we're deleting a folder with a selected children so we need to
+        // unselect its selected children first
+        for (const selectedEntityId of selectedEntityIds) {
+          if (
+            findInTreeOrThrow(fileTreeData, selectedEntityId).path.includes(
+              entityId
+            )
+          ) {
+            unselect(selectedEntityId)
+          }
+        }
+      }
+      dispatchDelete(entityId)
+      if (onDelete) {
+        onDelete(entity)
+      }
+    }
+    if (socket) socket.on('removeEntity', handleDispatchDelete)
+    return () => {
+      if (socket) socket.removeListener('removeEntity', handleDispatchDelete)
+    }
+  }, [
+    socket,
+    unselect,
+    dispatchDelete,
+    fileTreeData,
+    selectedEntityIds,
+    selectedEntityParentIds,
+    onDelete,
+    fileTreeFromHistory,
+  ])
+
+  useEffect(() => {
+    if (fileTreeFromHistory) return
+    function handleDispatchMove(entityId: string, toFolderId: string) {
+      dispatchMove(entityId, toFolderId)
+    }
+    if (socket) socket.on('reciveEntityMove', handleDispatchMove)
+    return () => {
+      if (socket) socket.removeListener('reciveEntityMove', handleDispatchMove)
+    }
+  }, [socket, dispatchMove, fileTreeFromHistory])
+
+  useEffect(() => {
+    if (fileTreeFromHistory) return
+    function handleDispatchCreateFolder(parentFolderId: string, folder: any) {
+      dispatchCreateFolder(parentFolderId, folder)
+    }
+    if (socket) socket.on('reciveNewFolder', handleDispatchCreateFolder)
+    return () => {
+      if (socket)
+        socket.removeListener('reciveNewFolder', handleDispatchCreateFolder)
+    }
+  }, [socket, dispatchCreateFolder, fileTreeFromHistory])
+
+  useEffect(() => {
+    if (fileTreeFromHistory) return
+    function handleDispatchCreateDoc(
+      parentFolderId: string,
+      doc: any,
+      _source: unknown
+    ) {
+      dispatchCreateDoc(parentFolderId, doc)
+    }
+    if (socket) socket.on('reciveNewDoc', handleDispatchCreateDoc)
+    return () => {
+      if (socket) socket.removeListener('reciveNewDoc', handleDispatchCreateDoc)
+    }
+  }, [socket, dispatchCreateDoc, fileTreeFromHistory])
+
+  useEffect(() => {
+    if (fileTreeFromHistory) return
+    function handleDispatchCreateFile(
+      parentFolderId: string,
+      file: any,
+      _source: unknown,
+      linkedFileData: any,
+      userId: string
+    ) {
+      dispatchCreateFile(parentFolderId, file)
+      if (linkedFileData) {
+        selectEntityIfCreatedByUser(file._id, file.name, userId)
+      }
+    }
+    if (socket) socket.on('reciveNewFile', handleDispatchCreateFile)
+    return () => {
+      if (socket)
+        socket.removeListener('reciveNewFile', handleDispatchCreateFile)
+    }
+  }, [
+    socket,
+    dispatchCreateFile,
+    selectEntityIfCreatedByUser,
+    fileTreeFromHistory,
+  ])
+}
diff --git a/services/web/frontend/js/features/file-tree/hooks/use-project-entities.ts b/services/web/frontend/js/features/file-tree/hooks/use-project-entities.ts
new file mode 100644
index 0000000..95c1542
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/hooks/use-project-entities.ts
@@ -0,0 +1,36 @@
+import { useEffect, useState } from 'react'
+import { getJSON } from '../../../infrastructure/fetch-json'
+import { fileCollator } from '../util/file-collator'
+import useAbortController from '../../../shared/hooks/use-abort-controller'
+
+export type Entity = {
+  path: string
+}
+
+const alphabetical = (a: Entity, b: Entity) =>
+  fileCollator.compare(a.path, b.path)
+
+export function useProjectEntities(projectId?: string) {
+  const [loading, setLoading] = useState(false)
+  const [data, setData] = useState<Entity[] | null>(null)
+  const [error, setError] = useState<any>(false)
+
+  const { signal } = useAbortController()
+
+  useEffect(() => {
+    if (projectId) {
+      setLoading(true)
+      setError(false)
+      setData(null)
+
+      getJSON(`/project/${projectId}/entities`, { signal })
+        .then(data => {
+          setData(data.entities.sort(alphabetical))
+        })
+        .catch(error => setError(error))
+        .finally(() => setLoading(false))
+    }
+  }, [projectId, signal])
+
+  return { loading, data, error }
+}
diff --git a/services/web/frontend/js/features/file-tree/hooks/use-project-output-files.ts b/services/web/frontend/js/features/file-tree/hooks/use-project-output-files.ts
new file mode 100644
index 0000000..7c4573b
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/hooks/use-project-output-files.ts
@@ -0,0 +1,58 @@
+import { useEffect, useState } from 'react'
+import { postJSON } from '../../../infrastructure/fetch-json'
+import { fileCollator } from '../util/file-collator'
+import useAbortController from '../../../shared/hooks/use-abort-controller'
+
+export type OutputEntity = {
+  path: string
+  clsiServerId: string
+  compileGroup: string
+  build: string
+}
+
+const alphabetical = (a: OutputEntity, b: OutputEntity) =>
+  fileCollator.compare(a.path, b.path)
+
+export function useProjectOutputFiles(projectId?: string) {
+  const [loading, setLoading] = useState<boolean>(false)
+  const [data, setData] = useState<OutputEntity[] | null>(null)
+  const [error, setError] = useState<any>(false)
+
+  const { signal } = useAbortController()
+
+  useEffect(() => {
+    if (projectId) {
+      setLoading(true)
+      setError(false)
+      setData(null)
+
+      postJSON(`/project/${projectId}/compile`, {
+        body: {
+          check: 'silent',
+          draft: false,
+          incrementalCompilesEnabled: false,
+        },
+        signal,
+      })
+        .then(data => {
+          if (data.status === 'success') {
+            const filteredFiles = data.outputFiles.filter(
+              (file: OutputEntity) =>
+                file.path.match(/.*\.(pdf|png|jpeg|jpg|gif)/)
+            )
+            data.outputFiles.forEach((file: OutputEntity) => {
+              file.clsiServerId = data.clsiServerId
+              file.compileGroup = data.compileGroup
+            })
+            setData(filteredFiles.sort(alphabetical))
+          } else {
+            setError('linked-project-compile-error')
+          }
+        })
+        .catch(error => setError(error))
+        .finally(() => setLoading(false))
+    }
+  }, [projectId, signal])
+
+  return { loading, data, error }
+}
diff --git a/services/web/frontend/js/features/file-tree/hooks/use-user-projects.ts b/services/web/frontend/js/features/file-tree/hooks/use-user-projects.ts
new file mode 100644
index 0000000..39df478
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/hooks/use-user-projects.ts
@@ -0,0 +1,32 @@
+import { useEffect, useState } from 'react'
+import { getJSON } from '../../../infrastructure/fetch-json'
+import { fileCollator } from '../util/file-collator'
+import useAbortController from '../../../shared/hooks/use-abort-controller'
+
+export type Project = {
+  _id: string
+  name: string
+  accessLevel: string
+}
+
+const alphabetical = (a: Project, b: Project) =>
+  fileCollator.compare(a.name, b.name)
+
+export function useUserProjects() {
+  const [loading, setLoading] = useState(true)
+  const [data, setData] = useState<Project[] | null>(null)
+  const [error, setError] = useState<any>(false)
+
+  const { signal } = useAbortController()
+
+  useEffect(() => {
+    getJSON('/user/projects', { signal })
+      .then(data => {
+        setData(data.projects.sort(alphabetical))
+      })
+      .catch(error => setError(error))
+      .finally(() => setLoading(false))
+  }, [signal])
+
+  return { loading, data, error }
+}
diff --git a/services/web/frontend/js/features/file-tree/util/api.ts b/services/web/frontend/js/features/file-tree/util/api.ts
new file mode 100644
index 0000000..cbc67a2
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/util/api.ts
@@ -0,0 +1,4 @@
+import { postJSON } from '../../../infrastructure/fetch-json'
+
+export const refreshProjectMetadata = (projectId: string, entityId: string) =>
+  postJSON(`/project/${projectId}/doc/${entityId}/metadata`)
diff --git a/services/web/frontend/js/features/file-tree/util/count-in-tree.ts b/services/web/frontend/js/features/file-tree/util/count-in-tree.ts
new file mode 100644
index 0000000..04654d0
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/util/count-in-tree.ts
@@ -0,0 +1,65 @@
+import getMeta from '@/utils/meta'
+import { Folder } from '../../../../../types/folder'
+
+type FileCountStatus = 'success' | 'warning' | 'error'
+
+type FileCount = {
+  value: number
+  status: FileCountStatus
+  limit: number
+}
+
+export function countFiles(fileTreeData: Folder | undefined): 0 | FileCount {
+  if (!fileTreeData) {
+    return 0
+  }
+
+  const value = _countElements(fileTreeData)
+
+  const limit = getMeta('ol-ExposedSettings').maxEntitiesPerProject
+  const status = fileCountStatus(value, limit, Math.ceil(limit / 20))
+
+  return { value, status, limit }
+}
+
+function fileCountStatus(
+  value: number,
+  limit: number,
+  range: number
+): FileCountStatus {
+  if (value >= limit) {
+    return 'error'
+  }
+
+  if (value >= limit - range) {
+    return 'warning'
+  }
+
+  return 'success'
+}
+
+// Copied and adapted from ProjectEntityMongoUpdateHandler
+function _countElements(rootFolder: Folder): number {
+  function countFolder(folder: Folder) {
+    if (folder == null) {
+      return 0
+    }
+
+    let total = 0
+    if (folder.folders) {
+      total += folder.folders.length
+      for (const subfolder of folder.folders) {
+        total += countFolder(subfolder)
+      }
+    }
+    if (folder.docs) {
+      total += folder.docs.length
+    }
+    if (folder.fileRefs) {
+      total += folder.fileRefs.length
+    }
+    return total
+  }
+
+  return countFolder(rootFolder)
+}
diff --git a/services/web/frontend/js/features/file-tree/util/docs-in-folder.ts b/services/web/frontend/js/features/file-tree/util/docs-in-folder.ts
new file mode 100644
index 0000000..06c62db
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/util/docs-in-folder.ts
@@ -0,0 +1,31 @@
+import { Folder } from '../../../../../types/folder'
+import { DocId, MainDocument } from '../../../../../types/project-settings'
+
+function findAllDocsInFolder(folder: Folder, path = '') {
+  const docs = folder.docs.map<MainDocument>(doc => ({
+    doc: { id: doc._id as DocId, name: doc.name },
+    path: path + doc.name,
+  }))
+  for (const subFolder of folder.folders) {
+    docs.push(...findAllDocsInFolder(subFolder, `${path}${subFolder.name}/`))
+  }
+  return docs
+}
+
+export function docsInFolder(folder: Folder) {
+  const docsInTree = findAllDocsInFolder(folder)
+  docsInTree.sort(function (a, b) {
+    const aDepth = (a.path.match(/\//g) || []).length
+    const bDepth = (b.path.match(/\//g) || []).length
+    if (aDepth - bDepth !== 0) {
+      return -(aDepth - bDepth) // Deeper path == folder first
+    } else if (a.path < b.path) {
+      return -1
+    } else if (a.path > b.path) {
+      return 1
+    } else {
+      return 0
+    }
+  })
+  return docsInTree
+}
diff --git a/services/web/frontend/js/features/file-tree/util/file-collator.ts b/services/web/frontend/js/features/file-tree/util/file-collator.ts
new file mode 100644
index 0000000..43cd09e
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/util/file-collator.ts
@@ -0,0 +1,11 @@
+// The collator used to sort files docs and folders in the tree.
+// Uses English as base language for consistency.
+// Options used:
+// numeric: true so 10 comes after 2
+// sensitivity: 'variant' so case and accent are not equal
+// caseFirst: 'upper' so upper-case letters come first
+export const fileCollator = new Intl.Collator('en', {
+  numeric: true,
+  sensitivity: 'variant',
+  caseFirst: 'upper',
+})
diff --git a/services/web/frontend/js/features/file-tree/util/find-in-tree.ts b/services/web/frontend/js/features/file-tree/util/find-in-tree.ts
new file mode 100644
index 0000000..2cf3ef4
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/util/find-in-tree.ts
@@ -0,0 +1,95 @@
+import OError from '@overleaf/o-error'
+import { Folder } from '../../../../../types/folder'
+import { FileTreeFindResult } from '@/features/ide-react/types/file-tree'
+
+export function findInTreeOrThrow(tree: Folder, id: string) {
+  const found = findInTree(tree, id)
+  if (found) return found
+  throw new OError('Entity not found in tree', { entityId: id })
+}
+
+export function findAllInTreeOrThrow(
+  tree: Folder,
+  ids: Set<string>
+): Set<FileTreeFindResult> {
+  const list: Set<FileTreeFindResult> = new Set()
+  ids.forEach(id => {
+    list.add(findInTreeOrThrow(tree, id))
+  })
+  return list
+}
+
+export function findAllFolderIdsInFolder(folder: Folder): Set<string> {
+  const list = new Set([folder._id])
+  for (const index in folder.folders) {
+    const subFolder = folder.folders[index]
+    findAllFolderIdsInFolder(subFolder).forEach(subFolderId => {
+      list.add(subFolderId)
+    })
+  }
+  return list
+}
+
+export function findAllFolderIdsInFolders(folders: Set<Folder>): Set<string> {
+  const list: Set<string> = new Set()
+  folders.forEach(folder => {
+    findAllFolderIdsInFolder(folder).forEach(folderId => {
+      list.add(folderId)
+    })
+  })
+  return list
+}
+
+export function findInTree(
+  tree: Folder,
+  id: string,
+  path?: string[]
+): FileTreeFindResult | null {
+  if (!path) {
+    path = [tree._id]
+  }
+  for (const index in tree.docs) {
+    const doc = tree.docs[index]
+    if (doc._id === id) {
+      return {
+        entity: doc,
+        type: 'doc',
+        parent: tree.docs,
+        parentFolderId: tree._id,
+        path,
+        index: Number(index),
+      }
+    }
+  }
+
+  for (const index in tree.fileRefs) {
+    const file = tree.fileRefs[index]
+    if (file._id === id) {
+      return {
+        entity: file,
+        type: 'fileRef',
+        parent: tree.fileRefs,
+        parentFolderId: tree._id,
+        path,
+        index: Number(index),
+      }
+    }
+  }
+
+  for (const index in tree.folders) {
+    const folder = tree.folders[index]
+    if (folder._id === id) {
+      return {
+        entity: folder,
+        type: 'folder',
+        parent: tree.folders,
+        parentFolderId: tree._id,
+        path,
+        index: Number(index),
+      }
+    }
+    const found = findInTree(folder, id, path.concat(folder._id))
+    if (found) return found
+  }
+  return null
+}
diff --git a/services/web/frontend/js/features/file-tree/util/icon-type-from-name.ts b/services/web/frontend/js/features/file-tree/util/icon-type-from-name.ts
new file mode 100644
index 0000000..3994494
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/util/icon-type-from-name.ts
@@ -0,0 +1,37 @@
+import { AvailableUnfilledIcon } from '@/shared/components/material-icon'
+
+// TODO ide-redesign-cleanup: Make this the default export and remove the legacy version
+export const newEditorIconTypeFromName = (
+  name: string
+): AvailableUnfilledIcon => {
+  let ext = name.split('.').pop()
+  ext = ext ? ext.toLowerCase() : ext
+
+  if (ext && ['png', 'pdf', 'jpg', 'jpeg', 'gif'].includes(ext)) {
+    return 'image'
+  } else if (ext && ['csv', 'xls', 'xlsx'].includes(ext)) {
+    return 'table_chart'
+  } else if (ext && ['py', 'r'].includes(ext)) {
+    return 'code'
+  } else if (ext && ['bib'].includes(ext)) {
+    return 'book_5'
+  }
+  return 'description'
+}
+
+export default function iconTypeFromName(name: string): string {
+  let ext = name.split('.').pop()
+  ext = ext ? ext.toLowerCase() : ext
+
+  if (ext && ['png', 'pdf', 'jpg', 'jpeg', 'gif'].includes(ext)) {
+    return 'image'
+  } else if (ext && ['csv', 'xls', 'xlsx'].includes(ext)) {
+    return 'table_chart'
+  } else if (ext && ['py', 'r'].includes(ext)) {
+    return 'code'
+  } else if (ext && ['bib'].includes(ext)) {
+    return 'menu_book'
+  } else {
+    return 'description'
+  }
+}
diff --git a/services/web/frontend/js/features/file-tree/util/is-acceptable-file.ts b/services/web/frontend/js/features/file-tree/util/is-acceptable-file.ts
new file mode 100644
index 0000000..3c4540b
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/util/is-acceptable-file.ts
@@ -0,0 +1,26 @@
+import { Minimatch } from 'minimatch'
+import getMeta from '@/utils/meta'
+
+let fileIgnoreMatcher: Minimatch
+
+export const isAcceptableFile = (name?: string, relativePath?: string) => {
+  if (!fileIgnoreMatcher) {
+    fileIgnoreMatcher = new Minimatch(
+      getMeta('ol-ExposedSettings').fileIgnorePattern,
+      { nocase: true, dot: true }
+    )
+  }
+
+  if (!name) {
+    // the file must have a name, of course
+    return false
+  }
+
+  if (!relativePath) {
+    // uploading an individual file, so allow anything
+    return true
+  }
+
+  // uploading a file in a folder, so exclude unwanted file paths
+  return !fileIgnoreMatcher.match(relativePath + '/' + name)
+}
diff --git a/services/web/frontend/js/features/file-tree/util/is-name-unique-in-folder.ts b/services/web/frontend/js/features/file-tree/util/is-name-unique-in-folder.ts
new file mode 100644
index 0000000..63d3570
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/util/is-name-unique-in-folder.ts
@@ -0,0 +1,42 @@
+import { findInTreeOrThrow } from '../util/find-in-tree'
+import { Folder } from '../../../../../types/folder'
+import { Doc } from '../../../../../types/doc'
+import { FileRef } from '../../../../../types/file-ref'
+
+export function isNameUniqueInFolder(
+  tree: Folder,
+  parentFolderId: string,
+  name: string
+): boolean {
+  return !(
+    findFileByNameInFolder(tree, parentFolderId, name) ||
+    findFolderByNameInFolder(tree, parentFolderId, name)
+  )
+}
+
+export function findFileByNameInFolder(
+  tree: Folder,
+  parentFolderId: string,
+  name: string
+): Doc | FileRef | undefined {
+  if (tree._id !== parentFolderId) {
+    tree = findInTreeOrThrow(tree, parentFolderId).entity as Folder
+  }
+
+  return (
+    tree.docs.find(entity => entity.name === name) ||
+    tree.fileRefs.find(entity => entity.name === name)
+  )
+}
+
+export function findFolderByNameInFolder(
+  tree: Folder,
+  parentFolderId: string,
+  name: string
+): Folder | undefined {
+  if (tree._id !== parentFolderId) {
+    tree = findInTreeOrThrow(tree, parentFolderId).entity as Folder
+  }
+
+  return tree.folders.find(entity => entity.name === name)
+}
diff --git a/services/web/frontend/js/features/file-tree/util/mutate-in-tree.js b/services/web/frontend/js/features/file-tree/util/mutate-in-tree.js
new file mode 100644
index 0000000..7e3318c
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/util/mutate-in-tree.js
@@ -0,0 +1,74 @@
+import { findInTreeOrThrow } from './find-in-tree'
+
+export function renameInTree(tree, id, { newName }) {
+  return mutateInTree(tree, id, (parent, entity, index) => {
+    const newParent = Object.assign([], parent)
+    const newEntity = {
+      ...entity,
+      name: newName,
+    }
+    newParent[index] = newEntity
+    return newParent
+  })
+}
+
+export function deleteInTree(tree, id) {
+  return mutateInTree(tree, id, (parent, entity, index) => {
+    return [...parent.slice(0, index), ...parent.slice(index + 1)]
+  })
+}
+
+export function moveInTree(tree, entityId, toFolderId) {
+  const found = findInTreeOrThrow(tree, entityId)
+  if (found.parentFolderId === toFolderId) {
+    // nothing to do (the entity was probably already moved)
+    return tree
+  }
+  const newFileTreeData = deleteInTree(tree, entityId)
+  return createEntityInTree(newFileTreeData, toFolderId, {
+    ...found.entity,
+    type: found.type,
+  })
+}
+
+export function createEntityInTree(tree, parentFolderId, newEntityData) {
+  const { type, ...newEntity } = newEntityData
+  if (!type) throw new Error('Entity has no type')
+  const entityType = `${type}s`
+
+  return mutateInTree(tree, parentFolderId, (parent, folder, index) => {
+    parent[index] = {
+      ...folder,
+      [entityType]: [...folder[entityType], newEntity],
+    }
+    return parent
+  })
+}
+
+function mutateInTree(tree, id, mutationFunction) {
+  if (!id || tree._id === id) {
+    // covers the root folder case: it has no parent so in order to use
+    // mutationFunction we pass an empty array as the parent and return the
+    // mutated tree directly
+    const [newTree] = mutationFunction([], tree, 0)
+    return newTree
+  }
+
+  for (const entityType of ['docs', 'fileRefs', 'folders']) {
+    for (let index = 0; index < tree[entityType].length; index++) {
+      const entity = tree[entityType][index]
+      if (entity._id === id) {
+        return {
+          ...tree,
+          [entityType]: mutationFunction(tree[entityType], entity, index),
+        }
+      }
+    }
+  }
+
+  const newFolders = tree.folders.map(folder =>
+    mutateInTree(folder, id, mutationFunction)
+  )
+
+  return { ...tree, folders: newFolders }
+}
diff --git a/services/web/frontend/js/features/file-tree/util/path.ts b/services/web/frontend/js/features/file-tree/util/path.ts
new file mode 100644
index 0000000..291c977
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/util/path.ts
@@ -0,0 +1,139 @@
+import { Folder } from '../../../../../types/folder'
+import { FileTreeEntity } from '../../../../../types/file-tree-entity'
+import { Doc } from '../../../../../types/doc'
+import { FileRef } from '../../../../../types/file-ref'
+import { PreviewPath } from '../../../../../types/preview-path'
+import { fileUrl } from '../../utils/fileUrl'
+
+type DocFindResult = {
+  entity: Doc
+  type: 'doc'
+}
+
+type FolderFindResult = {
+  entity: Folder
+  type: 'folder'
+}
+
+type FileRefFindResult = {
+  entity: FileRef
+  type: 'fileRef'
+}
+
+export type FindResult = DocFindResult | FolderFindResult | FileRefFindResult
+
+// Finds the entity with a given ID in the tree represented by `folder` and
+// returns a path to that entity, represented by an array of folders starting at
+// the root plus the entity itself
+function pathComponentsInFolder(
+  folder: Folder,
+  id: string,
+  ancestors: FileTreeEntity[] = []
+): FileTreeEntity[] | null {
+  const docOrFileRef =
+    folder.docs.find(doc => doc._id === id) ||
+    folder.fileRefs.find(fileRef => fileRef._id === id)
+  if (docOrFileRef) {
+    return ancestors.concat([docOrFileRef])
+  }
+
+  for (const subfolder of folder.folders) {
+    if (subfolder._id === id) {
+      return ancestors.concat([subfolder])
+    } else {
+      const path = pathComponentsInFolder(
+        subfolder,
+        id,
+        ancestors.concat([subfolder])
+      )
+      if (path !== null) {
+        return path
+      }
+    }
+  }
+
+  return null
+}
+
+// Finds the entity with a given ID in the tree represented by `folder` and
+// returns a path to that entity as a string
+export function pathInFolder(folder: Folder, id: string): string | null {
+  return (
+    pathComponentsInFolder(folder, id)
+      ?.map(entity => entity.name)
+      .join('/') || null
+  )
+}
+
+export function findEntityByPath(
+  folder: Folder,
+  path: string
+): FindResult | null {
+  if (path === '') {
+    return { entity: folder, type: 'folder' }
+  }
+
+  const parts = path.split('/')
+  const name = parts.shift()
+  const rest = parts.join('/')
+
+  if (name === '.') {
+    return findEntityByPath(folder, rest)
+  }
+
+  const doc = folder.docs.find(doc => doc.name === name)
+  if (doc) {
+    return { entity: doc, type: 'doc' }
+  }
+
+  const fileRef = folder.fileRefs.find(fileRef => fileRef.name === name)
+  if (fileRef) {
+    return { entity: fileRef, type: 'fileRef' }
+  }
+
+  for (const subfolder of folder.folders) {
+    if (subfolder.name === name) {
+      if (rest === '') {
+        return { entity: subfolder, type: 'folder' }
+      } else {
+        return findEntityByPath(subfolder, rest)
+      }
+    }
+  }
+
+  return null
+}
+
+export function previewByPath(
+  folder: Folder,
+  projectId: string,
+  path: string
+): PreviewPath | null {
+  for (const suffix of [
+    '',
+    '.png',
+    '.jpg',
+    '.jpeg',
+    '.pdf',
+    '.PNG',
+    '.JPG',
+    '.JPEG',
+    '.PDF',
+  ]) {
+    const result = findEntityByPath(folder, path + suffix)
+
+    if (result?.type === 'fileRef') {
+      const { name, _id: id, hash } = result.entity
+      return {
+        url: fileUrl(projectId, id, hash),
+        extension: name.slice(name.lastIndexOf('.') + 1),
+      }
+    }
+  }
+  return null
+}
+
+export function dirname(fileTreeData: Folder, id: string) {
+  const path = pathInFolder(fileTreeData, id)
+  return path?.split('/').slice(0, -1).join('/') || null
+}
diff --git a/services/web/frontend/js/features/file-tree/util/safe-path.ts b/services/web/frontend/js/features/file-tree/util/safe-path.ts
new file mode 100644
index 0000000..2228440
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/util/safe-path.ts
@@ -0,0 +1,110 @@
+// This file is shared between the frontend and server code of web, so that
+// filename validation is the same in both implementations.
+// The logic in all copies must be kept in sync:
+//   app/src/Features/Project/SafePath.js
+//   frontend/js/ide/directives/SafePath.js
+//   frontend/js/features/file-tree/util/safe-path.js
+// eslint-disable-next-line prefer-regex-literals
+const BADCHAR_RX = new RegExp(
+  `\
+[\
+\\/\
+\\\\\
+\\*\
+\\u0000-\\u001F\
+\\u007F\
+\\u0080-\\u009F\
+\\uD800-\\uDFFF\
+]\
+`,
+  'g'
+)
+// eslint-disable-next-line prefer-regex-literals
+const BADFILE_RX = new RegExp(
+  `\
+(^\\.$)\
+|(^\\.\\.$)\
+|(^\\s+)\
+|(\\s+$)\
+`,
+  'g'
+)
+
+// Put a block on filenames which match javascript property names, as they
+// can cause exceptions where the code puts filenames into a hash. This is a
+// temporary workaround until the code in other places is made safe against
+// property names.
+//
+// The list of property names is taken from
+//   ['prototype'].concat(Object.getOwnPropertyNames(Object.prototype))
+// eslint-disable-next-line prefer-regex-literals
+const BLOCKEDFILE_RX = new RegExp(`\
+^(\
+prototype\
+|constructor\
+|toString\
+|toLocaleString\
+|valueOf\
+|hasOwnProperty\
+|isPrototypeOf\
+|propertyIsEnumerable\
+|__defineGetter__\
+|__lookupGetter__\
+|__defineSetter__\
+|__lookupSetter__\
+|__proto__\
+)$\
+`)
+
+const MAX_PATH = 1024 // Maximum path length, in characters. This is fairly arbitrary.
+
+export function clean(filename: string): string {
+  filename = filename.replace(BADCHAR_RX, '_')
+  // for BADFILE_RX replace any matches with an equal number of underscores
+  filename = filename.replace(BADFILE_RX, match =>
+    new Array(match.length + 1).join('_')
+  )
+  // replace blocked filenames 'prototype' with '@prototype'
+  filename = filename.replace(BLOCKEDFILE_RX, '@$1')
+  return filename
+}
+
+export function isCleanFilename(filename: string): boolean {
+  return (
+    isAllowedLength(filename) &&
+    !filename.match(BADCHAR_RX) &&
+    !filename.match(BADFILE_RX)
+  )
+}
+
+export function isBlockedFilename(filename: string): boolean {
+  return BLOCKEDFILE_RX.test(filename)
+}
+
+// returns whether a full path is 'clean' - e.g. is a full or relative path
+// that points to a file, and each element passes the rules in 'isCleanFilename'
+export function isCleanPath(path: string): boolean {
+  const elements = path.split('/')
+
+  const lastElementIsEmpty = elements[elements.length - 1].length === 0
+  if (lastElementIsEmpty) {
+    return false
+  }
+
+  for (const element of Array.from(elements)) {
+    if (element.length > 0 && !isCleanFilename(element)) {
+      return false
+    }
+  }
+
+  // check for a top-level reserved name
+  if (BLOCKEDFILE_RX.test(path.replace(/^\/?/, ''))) {
+    return false
+  } // remove leading slash if present
+
+  return true
+}
+
+export function isAllowedLength(pathname: string): boolean {
+  return pathname.length > 0 && pathname.length <= MAX_PATH
+}
diff --git a/services/web/frontend/js/features/file-tree/util/sync-mutation.ts b/services/web/frontend/js/features/file-tree/util/sync-mutation.ts
new file mode 100644
index 0000000..343a663
--- /dev/null
+++ b/services/web/frontend/js/features/file-tree/util/sync-mutation.ts
@@ -0,0 +1,64 @@
+import { postJSON, deleteJSON } from '../../../infrastructure/fetch-json'
+
+export function syncRename(
+  projectId: string,
+  entityType: string,
+  entityId: string,
+  newName: string
+) {
+  return postJSON(
+    `/project/${projectId}/${getEntityPathName(entityType)}/${entityId}/rename`,
+    {
+      body: {
+        name: newName,
+      },
+    }
+  )
+}
+
+export function syncDelete(
+  projectId: string,
+  entityType: string,
+  entityId: string
+) {
+  return deleteJSON(
+    `/project/${projectId}/${getEntityPathName(entityType)}/${entityId}`
+  )
+}
+
+export function syncMove(
+  projectId: string,
+  entityType: string,
+  entityId: string,
+  toFolderId: string
+) {
+  return postJSON(
+    `/project/${projectId}/${getEntityPathName(entityType)}/${entityId}/move`,
+    {
+      body: {
+        folder_id: toFolderId,
+      },
+    }
+  )
+}
+
+export function syncCreateEntity(
+  projectId: string,
+  parentFolderId: string,
+  newEntityData: {
+    endpoint: 'doc' | 'folder' | 'linked-file'
+    [key: string]: unknown
+  }
+) {
+  const { endpoint, ...newEntity } = newEntityData
+  return postJSON(`/project/${projectId}/${endpoint}`, {
+    body: {
+      parent_folder_id: parentFolderId,
+      ...newEntity,
+    },
+  })
+}
+
+function getEntityPathName(entityType: string) {
+  return entityType === 'fileRef' ? 'file' : entityType
+}
diff --git a/services/web/frontend/js/features/file-view/components/file-view-header.tsx b/services/web/frontend/js/features/file-view/components/file-view-header.tsx
new file mode 100644
index 0000000..ca228a9
--- /dev/null
+++ b/services/web/frontend/js/features/file-view/components/file-view-header.tsx
@@ -0,0 +1,211 @@
+import { useState, type ElementType } from 'react'
+import { Trans, useTranslation } from 'react-i18next'
+
+import { formatTime, relativeDate } from '../../utils/format-date'
+import { fileUrl } from '../../utils/fileUrl'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import { useProjectContext } from '@/shared/context/project-context'
+
+import { Nullable } from '../../../../../types/utils'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+import { LinkedFileIcon } from './file-view-icons'
+import { BinaryFile, hasProvider, LinkedFile } from '../types/binary-file'
+import FileViewRefreshButton from './file-view-refresh-button'
+import FileViewRefreshError from './file-view-refresh-error'
+import MaterialIcon from '@/shared/components/material-icon'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+const tprFileViewInfo = importOverleafModules('tprFileViewInfo') as {
+  import: { TPRFileViewInfo: ElementType }
+  path: string
+}[]
+
+const tprFileViewNotOriginalImporter = importOverleafModules(
+  'tprFileViewNotOriginalImporter'
+) as {
+  import: { TPRFileViewNotOriginalImporter: ElementType }
+  path: string
+}[]
+
+const MAX_URL_LENGTH = 60
+const FRONT_OF_URL_LENGTH = 35
+const FILLER = '...'
+const TAIL_OF_URL_LENGTH = MAX_URL_LENGTH - FRONT_OF_URL_LENGTH - FILLER.length
+
+function shortenedUrl(url: string) {
+  if (!url) {
+    return
+  }
+  if (url.length > MAX_URL_LENGTH) {
+    const front = url.slice(0, FRONT_OF_URL_LENGTH)
+    const tail = url.slice(url.length - TAIL_OF_URL_LENGTH)
+    return front + FILLER + tail
+  }
+  return url
+}
+
+type FileViewHeaderProps = {
+  file: BinaryFile
+}
+
+export default function FileViewHeader({ file }: FileViewHeaderProps) {
+  const { _id: projectId } = useProjectContext()
+  const { fileTreeReadOnly } = useFileTreeData()
+  const { t } = useTranslation()
+
+  const [refreshError, setRefreshError] = useState<Nullable<string>>(null)
+
+  let fileInfo
+  if (file.linkedFileData) {
+    if (hasProvider(file, 'url')) {
+      fileInfo = <UrlProvider file={file} />
+    } else if (hasProvider(file, 'project_file')) {
+      fileInfo = <ProjectFilePathProvider file={file} />
+    } else if (hasProvider(file, 'project_output_file')) {
+      fileInfo = <ProjectOutputFileProvider file={file} />
+    }
+  }
+
+  return (
+    <>
+      {file.linkedFileData && fileInfo}
+      {file.linkedFileData &&
+        tprFileViewInfo.map(({ import: { TPRFileViewInfo }, path }) => (
+          <TPRFileViewInfo key={path} file={file} />
+        ))}
+      <div className="file-view-buttons">
+        {file.linkedFileData && !fileTreeReadOnly && (
+          <FileViewRefreshButton
+            file={file}
+            setRefreshError={setRefreshError}
+          />
+        )}
+        <OLButton
+          variant="secondary"
+          download={file.name}
+          href={fileUrl(projectId, file.id, file.hash)}
+        >
+          <MaterialIcon type="download" className="align-middle" />{' '}
+          <span>{t('download')}</span>
+        </OLButton>
+      </div>
+      {file.linkedFileData &&
+        tprFileViewNotOriginalImporter.map(
+          ({ import: { TPRFileViewNotOriginalImporter }, path }) => (
+            <TPRFileViewNotOriginalImporter key={path} file={file} />
+          )
+        )[0]}
+      {refreshError && (
+        <FileViewRefreshError file={file} refreshError={refreshError} />
+      )}
+
+      {/* Workaround for Safari issue: https://github.com/overleaf/internal/issues/21363
+       * The editor behind a file view receives key events and updates the file even if Codemirror view is not focused.
+       * Changing the focus to a hidden textarea prevents this
+       */}
+      <textarea
+        // eslint-disable-next-line jsx-a11y/no-autofocus
+        autoFocus
+        aria-label="Invisible element to manage focus and prevent unintended behavior"
+        tabIndex={-1}
+        style={{ position: 'absolute', left: '-9999px' }}
+      />
+    </>
+  )
+}
+
+type UrlProviderProps = {
+  file: LinkedFile<'url'>
+}
+
+function UrlProvider({ file }: UrlProviderProps) {
+  return (
+    <p>
+      <LinkedFileIcon />
+      &nbsp;
+      <Trans
+        i18nKey="imported_from_external_provider_at_date"
+        components={
+          /* eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key */
+          [<a href={file.linkedFileData.url} />]
+        }
+        values={{
+          shortenedUrl: shortenedUrl(file.linkedFileData.url),
+          formattedDate: formatTime(file.created),
+          relativeDate: relativeDate(file.created),
+        }}
+        shouldUnescape
+        tOptions={{ interpolation: { escapeValue: true } }}
+      />
+    </p>
+  )
+}
+
+type ProjectFilePathProviderProps = {
+  file: LinkedFile<'project_file'>
+}
+
+function ProjectFilePathProvider({ file }: ProjectFilePathProviderProps) {
+  /* eslint-disable jsx-a11y/anchor-has-content, react/jsx-key */
+  return (
+    <p>
+      <LinkedFileIcon />{' '}
+      <Trans
+        i18nKey="imported_from_another_project_at_date"
+        components={
+          file.linkedFileData.v1_source_doc_id
+            ? [<span />]
+            : [
+                <a
+                  href={`/project/${file.linkedFileData.source_project_id}`}
+                  target="_blank"
+                  rel="noopener"
+                />,
+              ]
+        }
+        values={{
+          sourceEntityPath: file.linkedFileData.source_entity_path.slice(1),
+          formattedDate: formatTime(file.created),
+          relativeDate: relativeDate(file.created),
+        }}
+        shouldUnescape
+        tOptions={{ interpolation: { escapeValue: true } }}
+      />
+    </p>
+    /* esline-enable jsx-a11y/anchor-has-content, react/jsx-key */
+  )
+}
+
+type ProjectOutputFileProviderProps = {
+  file: LinkedFile<'project_output_file'>
+}
+
+function ProjectOutputFileProvider({ file }: ProjectOutputFileProviderProps) {
+  return (
+    <p>
+      <LinkedFileIcon />
+      &nbsp;
+      <Trans
+        i18nKey="imported_from_the_output_of_another_project_at_date"
+        components={
+          file.linkedFileData.v1_source_doc_id
+            ? [<span />]
+            : [
+                <a
+                  href={`/project/${file.linkedFileData.source_project_id}`}
+                  target="_blank"
+                  rel="noopener"
+                />,
+              ]
+        }
+        values={{
+          sourceOutputFilePath: file.linkedFileData.source_output_file_path,
+          formattedDate: formatTime(file.created),
+          relativeDate: relativeDate(file.created),
+        }}
+        shouldUnescape
+        tOptions={{ interpolation: { escapeValue: true } }}
+      />
+    </p>
+  )
+}
diff --git a/services/web/frontend/js/features/file-view/components/file-view-icons.jsx b/services/web/frontend/js/features/file-view/components/file-view-icons.jsx
new file mode 100644
index 0000000..8016d09
--- /dev/null
+++ b/services/web/frontend/js/features/file-view/components/file-view-icons.jsx
@@ -0,0 +1,12 @@
+import MaterialIcon from '@/shared/components/material-icon'
+
+export const LinkedFileIcon = props => {
+  return (
+    <MaterialIcon
+      type="open_in_new"
+      modifier="rotate-180"
+      className="align-middle linked-file-icon"
+      {...props}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/file-view/components/file-view-image.tsx b/services/web/frontend/js/features/file-view/components/file-view-image.tsx
new file mode 100644
index 0000000..62a1fd0
--- /dev/null
+++ b/services/web/frontend/js/features/file-view/components/file-view-image.tsx
@@ -0,0 +1,23 @@
+import { useProjectContext } from '../../../shared/context/project-context'
+import { BinaryFile } from '@/features/file-view/types/binary-file'
+import { fileUrl } from '../../utils/fileUrl'
+
+export default function FileViewImage({
+  file,
+  onLoad,
+  onError,
+}: {
+  file: BinaryFile
+  onLoad: () => void
+  onError: () => void
+}) {
+  const { _id: projectId } = useProjectContext()
+  return (
+    <img
+      src={fileUrl(projectId, file.id, file.hash)}
+      onLoad={onLoad}
+      onError={onError}
+      alt={file.name}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/file-view/components/file-view-pdf.tsx b/services/web/frontend/js/features/file-view/components/file-view-pdf.tsx
new file mode 100644
index 0000000..d23c412
--- /dev/null
+++ b/services/web/frontend/js/features/file-view/components/file-view-pdf.tsx
@@ -0,0 +1,78 @@
+import { FC, useCallback } from 'react'
+import useIsMounted from '@/shared/hooks/use-is-mounted'
+import { useFileTreePathContext } from '@/features/file-tree/contexts/file-tree-path'
+
+const FileViewPdf: FC<{
+  fileId: string
+  onLoad: () => void
+  onError: () => void
+}> = ({ fileId, onLoad, onError }) => {
+  const mountedRef = useIsMounted()
+
+  const { previewByPath, pathInFolder } = useFileTreePathContext()
+
+  const handleContainer = useCallback(
+    async (element: HTMLDivElement | null) => {
+      if (element) {
+        const { loadPdfDocumentFromUrl } = await import(
+          '@/features/pdf-preview/util/pdf-js'
+        )
+
+        // bail out if loading PDF.js took too long
+        if (!mountedRef.current) {
+          return
+        }
+
+        const path = pathInFolder(fileId)
+        const preview = path ? previewByPath(path) : null
+
+        if (!preview) {
+          onError()
+          return
+        }
+
+        const pdf = await loadPdfDocumentFromUrl(preview.url).promise
+
+        // bail out if loading the PDF took too long
+        if (!mountedRef.current) {
+          return
+        }
+
+        element.textContent = '' // ensure the element is empty
+
+        const scale = window.devicePixelRatio || 1
+
+        for (let i = 1; i <= pdf.numPages; i++) {
+          const page = await pdf.getPage(i)
+
+          // bail out if the component has been unmounted
+          if (!mountedRef.current) {
+            return
+          }
+
+          const viewport = page.getViewport({ scale })
+
+          const canvas = document.createElement('canvas')
+          canvas.classList.add('pdf-page')
+          canvas.width = viewport.width
+          canvas.height = viewport.height
+          canvas.style.width = `${viewport.width / scale}px`
+          canvas.style.height = `${viewport.height / scale}px`
+
+          element.append(canvas)
+          page.render({
+            canvasContext: canvas.getContext('2d')!,
+            viewport,
+          })
+        }
+
+        onLoad()
+      }
+    },
+    [mountedRef, pathInFolder, fileId, previewByPath, onLoad, onError]
+  )
+
+  return <div className="file-view-pdf" ref={handleContainer} />
+}
+
+export default FileViewPdf
diff --git a/services/web/frontend/js/features/file-view/components/file-view-refresh-button.tsx b/services/web/frontend/js/features/file-view/components/file-view-refresh-button.tsx
new file mode 100644
index 0000000..622e101
--- /dev/null
+++ b/services/web/frontend/js/features/file-view/components/file-view-refresh-button.tsx
@@ -0,0 +1,110 @@
+import {
+  type Dispatch,
+  type SetStateAction,
+  type ElementType,
+  useCallback,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import { postJSON } from '@/infrastructure/fetch-json'
+import { useProjectContext } from '@/shared/context/project-context'
+import type { BinaryFile } from '../types/binary-file'
+import { Nullable } from '../../../../../types/utils'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { sendMB } from '@/infrastructure/event-tracking'
+import useIsMounted from '@/shared/hooks/use-is-mounted'
+
+type FileViewRefreshButtonProps = {
+  setRefreshError: Dispatch<SetStateAction<Nullable<string>>>
+  file: BinaryFile
+}
+
+const tprFileViewRefreshButton = importOverleafModules(
+  'tprFileViewRefreshButton'
+) as {
+  import: { TPRFileViewRefreshButton: ElementType }
+  path: string
+}[]
+
+export default function FileViewRefreshButton({
+  setRefreshError,
+  file,
+}: FileViewRefreshButtonProps) {
+  const { _id: projectId } = useProjectContext()
+  const [refreshing, setRefreshing] = useState(false)
+  const isMountedRef = useIsMounted()
+
+  const refreshFile = useCallback(
+    (isTPR: Nullable<boolean>) => {
+      setRefreshing(true)
+      // Replacement of the file handled by the file tree
+      window.expectingLinkedFileRefreshedSocketFor = file.name
+      const body = {
+        shouldReindexReferences: isTPR || /\.bib$/.test(file.name),
+      }
+      postJSON(`/project/${projectId}/linked_file/${file.id}/refresh`, {
+        body,
+      })
+        .then(() => {
+          if (isMountedRef.current) {
+            setRefreshing(false)
+          }
+          sendMB('refresh-linked-file', {
+            provider: file.linkedFileData?.provider,
+          })
+        })
+        .catch(err => {
+          if (isMountedRef.current) {
+            setRefreshing(false)
+            setRefreshError(err.data?.message || err.message)
+          }
+        })
+    },
+    [file, projectId, setRefreshError, isMountedRef]
+  )
+
+  if (tprFileViewRefreshButton.length > 0) {
+    return tprFileViewRefreshButton.map(
+      ({ import: { TPRFileViewRefreshButton }, path }) => (
+        <TPRFileViewRefreshButton
+          key={path}
+          file={file}
+          refreshFile={refreshFile}
+          refreshing={refreshing}
+        />
+      )
+    )[0]
+  } else {
+    return (
+      <FileViewRefreshButtonDefault
+        refreshFile={refreshFile}
+        refreshing={refreshing}
+      />
+    )
+  }
+}
+
+type FileViewRefreshButtonDefaultProps = {
+  refreshFile: (isTPR: Nullable<boolean>) => void
+  refreshing: boolean
+}
+
+function FileViewRefreshButtonDefault({
+  refreshFile,
+  refreshing,
+}: FileViewRefreshButtonDefaultProps) {
+  const { t } = useTranslation()
+
+  return (
+    <OLButton
+      variant="primary"
+      onClick={() => refreshFile(null)}
+      disabled={refreshing}
+      isLoading={refreshing}
+      loadingLabel={t('refreshing')}
+    >
+      {t('refresh')}
+    </OLButton>
+  )
+}
diff --git a/services/web/frontend/js/features/file-view/components/file-view-refresh-error.tsx b/services/web/frontend/js/features/file-view/components/file-view-refresh-error.tsx
new file mode 100644
index 0000000..363c663
--- /dev/null
+++ b/services/web/frontend/js/features/file-view/components/file-view-refresh-error.tsx
@@ -0,0 +1,49 @@
+import type { ElementType } from 'react'
+import { useTranslation } from 'react-i18next'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+import { BinaryFile } from '../types/binary-file'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+type FileViewRefreshErrorProps = {
+  file: BinaryFile
+  refreshError: string
+}
+
+const tprFileViewRefreshError = importOverleafModules(
+  'tprFileViewRefreshError'
+) as {
+  import: { TPRFileViewRefreshError: ElementType }
+  path: string
+}[]
+
+export default function FileViewRefreshError({
+  file,
+  refreshError,
+}: FileViewRefreshErrorProps) {
+  const { t } = useTranslation()
+
+  if (tprFileViewRefreshError.length > 0) {
+    return tprFileViewRefreshError.map(
+      ({ import: { TPRFileViewRefreshError }, path }) => (
+        <TPRFileViewRefreshError
+          key={path}
+          file={file}
+          refreshError={refreshError}
+        />
+      )
+    )[0]
+  } else {
+    return (
+      <div className="file-view-error">
+        <OLNotification
+          type="error"
+          content={
+            <span>
+              {t('access_denied')}: {refreshError}
+            </span>
+          }
+        />
+      </div>
+    )
+  }
+}
diff --git a/services/web/frontend/js/features/file-view/components/file-view-text.tsx b/services/web/frontend/js/features/file-view/components/file-view-text.tsx
new file mode 100644
index 0000000..a94e7ec
--- /dev/null
+++ b/services/web/frontend/js/features/file-view/components/file-view-text.tsx
@@ -0,0 +1,96 @@
+import { useState, useEffect } from 'react'
+import { useProjectContext } from '../../../shared/context/project-context'
+import { debugConsole } from '@/utils/debugging'
+import useAbortController from '../../../shared/hooks/use-abort-controller'
+import { BinaryFile } from '@/features/file-view/types/binary-file'
+import { fileUrl } from '../../utils/fileUrl'
+
+const MAX_FILE_SIZE = 2 * 1024 * 1024
+
+export default function FileViewText({
+  file,
+  onLoad,
+  onError,
+}: {
+  file: BinaryFile
+  onLoad: () => void
+  onError: () => void
+}) {
+  const { _id: projectId } = useProjectContext()
+
+  const [textPreview, setTextPreview] = useState('')
+  const [shouldShowDots, setShouldShowDots] = useState(false)
+  const [inFlight, setInFlight] = useState(false)
+
+  const fetchContentLengthController = useAbortController()
+  const fetchDataController = useAbortController()
+
+  useEffect(() => {
+    if (inFlight) {
+      return
+    }
+    const path = fileUrl(projectId, file.id, file.hash)
+    const fetchContentLengthTimeout = setTimeout(
+      () => fetchContentLengthController.abort(),
+      10000
+    )
+    let fetchDataTimeout: number | undefined
+    fetch(path, { method: 'HEAD', signal: fetchContentLengthController.signal })
+      .then(response => {
+        if (!response.ok) throw new Error('HTTP Error Code: ' + response.status)
+        return response.headers.get('Content-Length')
+      })
+      .then(fileSize => {
+        let truncated = false
+        const headers = new Headers()
+        if (fileSize && Number(fileSize) > MAX_FILE_SIZE) {
+          truncated = true
+          headers.set('Range', `bytes=0-${MAX_FILE_SIZE}`)
+        }
+        fetchDataTimeout = window.setTimeout(
+          () => fetchDataController.abort(),
+          60000
+        )
+        const signal = fetchDataController.signal
+        return fetch(path, { signal, headers }).then(response => {
+          return response.text().then(text => {
+            if (truncated) {
+              text = text.replace(/\n.*$/, '')
+            }
+
+            setTextPreview(text)
+            onLoad()
+            setShouldShowDots(truncated)
+          })
+        })
+      })
+      .catch(err => {
+        debugConsole.error('Error fetching file contents', err)
+        onError()
+      })
+      .finally(() => {
+        setInFlight(false)
+        clearTimeout(fetchContentLengthTimeout)
+        clearTimeout(fetchDataTimeout)
+      })
+  }, [
+    projectId,
+    file.id,
+    file.hash,
+    onError,
+    onLoad,
+    inFlight,
+    fetchContentLengthController,
+    fetchDataController,
+  ])
+  return (
+    Boolean(textPreview) && (
+      <div className="text-preview">
+        <div className="scroll-container">
+          <p>{textPreview}</p>
+          {shouldShowDots && <p>...</p>}
+        </div>
+      </div>
+    )
+  )
+}
diff --git a/services/web/frontend/js/features/file-view/components/file-view.jsx b/services/web/frontend/js/features/file-view/components/file-view.jsx
new file mode 100644
index 0000000..711d125
--- /dev/null
+++ b/services/web/frontend/js/features/file-view/components/file-view.jsx
@@ -0,0 +1,90 @@
+import { useState, useCallback } from 'react'
+import PropTypes from 'prop-types'
+import { useTranslation } from 'react-i18next'
+
+import FileViewHeader from './file-view-header'
+import FileViewImage from './file-view-image'
+import FileViewPdf from './file-view-pdf'
+import FileViewText from './file-view-text'
+import LoadingSpinner from '@/shared/components/loading-spinner'
+import getMeta from '@/utils/meta'
+
+const imageExtensions = ['png', 'jpg', 'jpeg', 'gif']
+
+export default function FileView({ file }) {
+  const [contentLoading, setContentLoading] = useState(true)
+  const [hasError, setHasError] = useState(false)
+
+  const { t } = useTranslation()
+
+  const { textExtensions, editableFilenames } = getMeta('ol-ExposedSettings')
+
+  const extension = file.name.split('.').pop().toLowerCase()
+
+  const isEditableTextFile =
+    textExtensions.includes(extension) ||
+    editableFilenames.includes(file.name.toLowerCase())
+
+  const isImageFile = imageExtensions.includes(extension)
+  const isPdfFile = extension === 'pdf'
+  const isUnpreviewableFile = !isEditableTextFile && !isImageFile && !isPdfFile
+
+  const handleLoad = useCallback(() => {
+    setContentLoading(false)
+  }, [])
+
+  const handleError = useCallback(() => {
+    if (!hasError) {
+      setContentLoading(false)
+      setHasError(true)
+    }
+  }, [hasError])
+
+  const content = (
+    <>
+      <FileViewHeader file={file} />
+      {isImageFile && (
+        <FileViewImage file={file} onLoad={handleLoad} onError={handleError} />
+      )}
+      {isEditableTextFile && (
+        <FileViewText file={file} onLoad={handleLoad} onError={handleError} />
+      )}
+      {isPdfFile && (
+        <FileViewPdf
+          fileId={file.id}
+          onLoad={handleLoad}
+          onError={handleError}
+        />
+      )}
+    </>
+  )
+
+  return (
+    <div className="file-view full-size">
+      {!hasError && content}
+      {!isUnpreviewableFile && contentLoading && <FileViewLoadingIndicator />}
+      {(isUnpreviewableFile || hasError) && (
+        <p className="no-preview">{t('no_preview_available')}</p>
+      )}
+    </div>
+  )
+}
+
+function FileViewLoadingIndicator() {
+  return (
+    <div
+      className="loading-panel loading-panel-file-view"
+      data-testid="loading-panel-file-view"
+    >
+      <LoadingSpinner />
+    </div>
+  )
+}
+
+FileView.propTypes = {
+  file: PropTypes.shape({
+    id: PropTypes.string,
+    name: PropTypes.string,
+    hash: PropTypes.string,
+  }).isRequired,
+}
diff --git a/services/web/frontend/js/features/file-view/types/binary-file.ts b/services/web/frontend/js/features/file-view/types/binary-file.ts
new file mode 100644
index 0000000..a52bc0e
--- /dev/null
+++ b/services/web/frontend/js/features/file-view/types/binary-file.ts
@@ -0,0 +1,37 @@
+export type LinkedFileData = {
+  url: {
+    provider: 'url'
+    url: string
+  }
+  project_file: {
+    provider: 'project_file'
+    v1_source_doc_id?: string
+    source_project_id: string
+    source_entity_path: string
+  }
+  project_output_file: {
+    provider: 'project_output_file'
+    v1_source_doc_id?: string
+    source_project_id: string
+    source_output_file_path: string
+  }
+}
+
+export type BinaryFile<T extends keyof LinkedFileData = keyof LinkedFileData> =
+  {
+    _id: string
+    name: string
+    created: Date
+    id: string
+    type: string
+    selected: boolean
+    linkedFileData?: LinkedFileData[T]
+    hash: string
+  }
+
+export type LinkedFile<T extends keyof LinkedFileData> = Required<BinaryFile<T>>
+
+export const hasProvider = <T extends keyof LinkedFileData>(
+  file: BinaryFile,
+  provider: T
+): file is LinkedFile<T> => file.linkedFileData?.provider === provider
diff --git a/services/web/frontend/js/features/form-helpers/captcha.js b/services/web/frontend/js/features/form-helpers/captcha.js
new file mode 100644
index 0000000..35f7f38
--- /dev/null
+++ b/services/web/frontend/js/features/form-helpers/captcha.js
@@ -0,0 +1,162 @@
+import 'abort-controller/polyfill'
+import { postJSON } from '../../infrastructure/fetch-json'
+import { debugConsole } from '@/utils/debugging'
+
+const grecaptcha = window.grecaptcha
+
+let recaptchaId, canResetCaptcha, isFromReset, resetFailed
+const recaptchaCallbacks = []
+
+function resetCaptcha() {
+  if (!canResetCaptcha) return
+  canResetCaptcha = false
+  isFromReset = true
+  grecaptcha.reset(recaptchaId)
+}
+
+function handleAbortedCaptcha() {
+  if (recaptchaCallbacks.length > 0) {
+    // There is a pending captcha process and the user dismissed it by
+    //  clicking somewhere else on the page. Show it again.
+    // But first clear the timeout to give the user more time to solve the
+    //  next one.
+    recaptchaCallbacks.forEach(({ resetTimeout }) => resetTimeout())
+    validateCaptchaV2().catch(() => {
+      // The other callback is still there to pick up the result
+    })
+  }
+}
+
+function emitToken(token) {
+  recaptchaCallbacks.splice(0).forEach(({ resolve, resetTimeout }) => {
+    resetTimeout()
+    resolve(token)
+  })
+
+  // Happy path, let the user solve another one -- if needed.
+  canResetCaptcha = true
+  resetCaptcha()
+}
+
+function getMessage(err) {
+  return (err && err.message) || 'no details returned'
+}
+
+function emitError(err, src) {
+  if (isFromReset) {
+    resetFailed = true
+  }
+
+  err = new Error(
+    `captcha check failed: ${getMessage(err)}, please retry again`
+  )
+  // Keep a record of this error. 2nd line might request a screenshot of it.
+  debugConsole.error(err, src)
+
+  recaptchaCallbacks.splice(0).forEach(({ reject, resetTimeout }) => {
+    resetTimeout()
+    reject(err)
+  })
+
+  // Unhappy path: Only reset if not failed before.
+  // This could be a loop without human interaction: error -> reset -> error.
+  resetCaptcha()
+}
+
+export async function canSkipCaptcha(email) {
+  let timer
+  let canSkip
+  try {
+    const controller = new AbortController()
+    const signal = controller.signal
+    timer = setTimeout(() => {
+      controller.abort()
+    }, 1000)
+    canSkip = await postJSON('/login/can-skip-captcha', {
+      signal,
+      body: { email },
+      swallowAbortError: false,
+    })
+  } catch (e) {
+    canSkip = false
+  } finally {
+    clearTimeout(timer)
+  }
+  return canSkip
+}
+
+export async function validateCaptchaV2() {
+  if (
+    // Detect blocked recaptcha
+    typeof grecaptcha === 'undefined' ||
+    // Detect stubbed recaptcha
+    typeof grecaptcha.render !== 'function' ||
+    typeof grecaptcha.execute !== 'function' ||
+    typeof grecaptcha.reset !== 'function'
+  ) {
+    return
+  }
+  if (recaptchaId === undefined) {
+    const el = document.getElementById('recaptcha')
+    recaptchaId = grecaptcha.render(el, {
+      callback: token => {
+        emitToken(token)
+      },
+      'error-callback': () => {
+        emitError(
+          new Error('recaptcha: something went wrong'),
+          'error-callback'
+        )
+      },
+      'expired-callback': () => {
+        emitError(new Error('recaptcha: challenge expired'), 'expired-callback')
+      },
+    })
+    // Attach abort handler once when setting up the captcha.
+    document
+      .querySelector('[data-ol-captcha-retry-trigger-area]')
+      .addEventListener('click', handleAbortedCaptcha)
+  }
+
+  if (resetFailed) {
+    throw new Error('captcha not available. try reloading the page')
+  }
+
+  // This is likely a human making a submit action. Let them retry on error.
+  canResetCaptcha = true
+  isFromReset = false
+
+  return await new Promise((resolve, reject) => {
+    const timeout = setTimeout(() => {
+      // We triggered this error. Ensure that we can reset to captcha.
+      canResetCaptcha = true
+
+      emitError(new Error('challenge expired'), 'timeout')
+
+      // The iframe title says it will expire after 2 min. Enforce that here.
+    }, 120 * 1000)
+
+    recaptchaCallbacks.push({
+      resolve,
+      reject,
+      resetTimeout: () => clearTimeout(timeout),
+    })
+    try {
+      grecaptcha.execute(recaptchaId).catch(err => {
+        emitError(new Error(`recaptcha: ${getMessage(err)}`), '.catch()')
+      })
+    } catch (err) {
+      emitError(new Error(`recaptcha: ${getMessage(err)}`), 'try/catch')
+    }
+
+    // Try to (re-)attach a handler to the backdrop element of the popup.
+    for (const delay of [1, 10, 100, 1000]) {
+      setTimeout(() => {
+        const el = document.body.lastChild
+        if (el.tagName !== 'DIV') return
+        el.removeEventListener('click', handleAbortedCaptcha)
+        el.addEventListener('click', handleAbortedCaptcha)
+      }, delay)
+    }
+  })
+}
diff --git a/services/web/frontend/js/features/form-helpers/hydrate-form.js b/services/web/frontend/js/features/form-helpers/hydrate-form.js
new file mode 100644
index 0000000..9c00dd4
--- /dev/null
+++ b/services/web/frontend/js/features/form-helpers/hydrate-form.js
@@ -0,0 +1,362 @@
+import classNames from 'classnames'
+import { FetchError, postJSON } from '../../infrastructure/fetch-json'
+import { canSkipCaptcha, validateCaptchaV2 } from './captcha'
+import inputValidator from './input-validator'
+import { disableElement, enableElement } from '../utils/disableElement'
+
+// Form helper(s) to handle:
+// - Attaching to the relevant form elements
+// - Listening for submit event
+// - Validating captcha
+// - Sending fetch request
+// - Redirect handling
+// - Showing errors
+// - Disabled state
+
+function formSubmitHelper(formEl) {
+  formEl.addEventListener('submit', async e => {
+    e.preventDefault()
+
+    formEl.dispatchEvent(new Event('pending'))
+
+    const messageBag = []
+
+    try {
+      let data
+      try {
+        const captchaResponse = await validateCaptcha(formEl)
+        data = await sendFormRequest(formEl, captchaResponse)
+      } catch (e) {
+        if (
+          e instanceof FetchError &&
+          e.data?.errorReason === 'cannot_verify_user_not_robot'
+        ) {
+          // Trigger captcha unconditionally.
+          const captchaResponse = await validateCaptchaV2()
+          if (!captchaResponse) {
+            throw e
+          }
+          data = await sendFormRequest(formEl, captchaResponse)
+        } else {
+          throw e
+        }
+      }
+      formEl.dispatchEvent(new Event('sent'))
+
+      // Handle redirects
+      if (data.redir || data.redirect) {
+        window.location = data.redir || data.redirect
+        return
+      }
+
+      // Show a success message (e.g. used on 2FA page)
+      if (data.message) {
+        messageBag.push({
+          type: 'message',
+          text: data.message.text || data.message,
+        })
+      }
+
+      // Handle reloads
+      if (formEl.hasAttribute('data-ol-reload-on-success')) {
+        window.setTimeout(window.location.reload.bind(window.location), 1000)
+        return
+      }
+
+      // Let the user re-submit the form.
+      formEl.dispatchEvent(new Event('idle'))
+    } catch (error) {
+      let text = error.message
+      if (error instanceof FetchError) {
+        text = error.getUserFacingMessage()
+      }
+      messageBag.push({
+        type: 'error',
+        key: error.data?.message?.key,
+        text,
+        hints: error.data?.message?.hints,
+      })
+
+      // Let the user re-submit the form.
+      formEl.dispatchEvent(new Event('idle'))
+    } finally {
+      // call old and new notification builder functions
+      // but only one will be rendered
+      showMessages(formEl, messageBag)
+      showMessagesNewStyle(formEl, messageBag)
+    }
+  })
+}
+
+async function validateCaptcha(formEl) {
+  let captchaResponse
+  if (
+    formEl.hasAttribute('captcha') &&
+    // Disable captcha for E2E tests in dev-env.
+    !(process.env.NODE_ENV === 'development' && window.Cypress)
+  ) {
+    if (
+      formEl.getAttribute('action') === '/login' &&
+      (await canSkipCaptcha(new FormData(formEl).get('email')))
+    ) {
+      // The email is present in the deviceHistory, and we can skip the display
+      //  of a captcha challenge.
+      // The actual login POST request will be checked against the deviceHistory
+      //  again and the server can trigger the display of a captcha if needed by
+      //  sending a 400 with errorReason set to 'cannot_verify_user_not_robot'.
+      return ''
+    }
+    captchaResponse = await validateCaptchaV2()
+  }
+  return captchaResponse
+}
+
+async function sendFormRequest(formEl, captchaResponse) {
+  const formData = new FormData(formEl)
+  if (captchaResponse) {
+    formData.set('g-recaptcha-response', captchaResponse)
+  }
+  const body = Object.fromEntries(
+    Array.from(formData.keys(), key => {
+      // forms may have multiple keys with the same name, eg: checkboxes
+      const val = formData.getAll(key)
+      return [key, val.length > 1 ? val : val.pop()]
+    })
+  )
+  const url = formEl.getAttribute('action')
+  return postJSON(url, { body })
+}
+
+function hideFormElements(formEl) {
+  for (const e of formEl.elements) {
+    e.hidden = true
+  }
+}
+
+// TODO: remove the showMessages function after every form alerts are updated to use the new style
+// TODO: rename showMessagesNewStyle to showMessages after the above is done
+function showMessages(formEl, messageBag) {
+  const messagesEl = formEl.querySelector('[data-ol-form-messages]')
+  if (!messagesEl) return
+
+  // Clear content
+  messagesEl.textContent = ''
+  formEl.querySelectorAll('[data-ol-custom-form-message]').forEach(el => {
+    el.hidden = true
+  })
+
+  // Render messages
+  messageBag.forEach(message => {
+    const customErrorElements = message.key
+      ? formEl.querySelectorAll(
+          `[data-ol-custom-form-message="${message.key}"]`
+        )
+      : []
+    if (message.key && customErrorElements.length > 0) {
+      // Found at least one custom error element for key, show them
+      customErrorElements.forEach(el => {
+        el.hidden = false
+      })
+    } else {
+      // No custom error element for key on page, append a new error message
+      const messageEl = document.createElement('div')
+      messageEl.className = classNames('alert mb-2', {
+        'alert-danger': message.type === 'error',
+        'alert-success': message.type !== 'error',
+      })
+      messageEl.textContent = message.text || `Error: ${message.key}`
+      messageEl.setAttribute('aria-live', 'assertive')
+      messageEl.setAttribute(
+        'role',
+        message.type === 'error' ? 'alert' : 'status'
+      )
+      if (message.hints && message.hints.length) {
+        const listEl = document.createElement('ul')
+        message.hints.forEach(hint => {
+          const listItemEl = document.createElement('li')
+          listItemEl.textContent = hint
+          listEl.append(listItemEl)
+        })
+        messageEl.append(listEl)
+      }
+      messagesEl.append(messageEl)
+    }
+    if (message.key) {
+      // Hide the form elements on specific message types
+      const hideOnError = formEl.attributes['data-ol-hide-on-error']
+      if (
+        hideOnError &&
+        hideOnError.value &&
+        hideOnError.value.match(message.key)
+      ) {
+        hideFormElements(formEl)
+      }
+      // Hide any elements with specific `data-ol-hide-on-error-message` message
+      document
+        .querySelectorAll(`[data-ol-hide-on-error-message="${message.key}"]`)
+        .forEach(el => {
+          el.hidden = true
+        })
+    }
+  })
+}
+
+function showMessagesNewStyle(formEl, messageBag) {
+  const messagesEl = formEl.querySelector('[data-ol-form-messages-new-style]')
+  if (!messagesEl) return
+
+  // Clear content
+  messagesEl.textContent = ''
+  formEl.querySelectorAll('[data-ol-custom-form-message]').forEach(el => {
+    el.hidden = true
+  })
+
+  // Render messages
+  messageBag.forEach(message => {
+    const customErrorElements = message.key
+      ? formEl.querySelectorAll(
+          `[data-ol-custom-form-message="${message.key}"]`
+        )
+      : []
+    if (message.key && customErrorElements.length > 0) {
+      // Found at least one custom error element for key, show them
+      customErrorElements.forEach(el => {
+        el.hidden = false
+      })
+    } else {
+      // No custom error element for key on page, append a new error message
+      const messageElContainer = document.createElement('div')
+      messageElContainer.className = classNames('notification', {
+        'notification-type-error': message.type === 'error',
+        'notification-type-success': message.type !== 'error',
+      })
+      const messageEl = document.createElement('div')
+
+      // create the message text
+      messageEl.className = 'notification-content text-left'
+      messageEl.textContent = message.text || `Error: ${message.key}`
+      messageEl.setAttribute('aria-live', 'assertive')
+      messageEl.setAttribute(
+        'role',
+        message.type === 'error' ? 'alert' : 'status'
+      )
+      if (message.hints && message.hints.length) {
+        const listEl = document.createElement('ul')
+        message.hints.forEach(hint => {
+          const listItemEl = document.createElement('li')
+          listItemEl.textContent = hint
+          listEl.append(listItemEl)
+        })
+        messageEl.append(listEl)
+      }
+
+      // create the left icon
+      const icon = document.createElement('span')
+      icon.className = 'material-symbols'
+      icon.setAttribute('aria-hidden', 'true')
+      icon.innerText = message.type === 'error' ? 'error' : 'check_circle'
+      const messageIcon = document.createElement('div')
+      messageIcon.className = 'notification-icon'
+      messageIcon.appendChild(icon)
+
+      // append icon first so it's on the left
+      messageElContainer.appendChild(messageIcon)
+      messageElContainer.appendChild(messageEl)
+      messagesEl.append(messageElContainer)
+    }
+    if (message.key) {
+      // Hide the form elements on specific message types
+      const hideOnError = formEl.attributes['data-ol-hide-on-error']
+      if (
+        hideOnError &&
+        hideOnError.value &&
+        hideOnError.value.match(message.key)
+      ) {
+        hideFormElements(formEl)
+      }
+      // Hide any elements with specific `data-ol-hide-on-error-message` message
+      document
+        .querySelectorAll(`[data-ol-hide-on-error-message="${message.key}"]`)
+        .forEach(el => {
+          el.hidden = true
+        })
+    }
+  })
+}
+
+export function inflightHelper(el) {
+  const disabledInflight = el.querySelectorAll('[data-ol-disabled-inflight]')
+  const showWhenNotInflight = el.querySelectorAll('[data-ol-inflight="idle"]')
+  const showWhenInflight = el.querySelectorAll('[data-ol-inflight="pending"]')
+
+  el.addEventListener('pending', () => {
+    disabledInflight.forEach(disableElement)
+    toggleDisplay(showWhenNotInflight, showWhenInflight)
+  })
+
+  el.addEventListener('idle', () => {
+    disabledInflight.forEach(enableElement)
+    toggleDisplay(showWhenInflight, showWhenNotInflight)
+  })
+}
+
+function formSentHelper(el) {
+  const showWhenPending = el.querySelectorAll('[data-ol-not-sent]')
+  const showWhenDone = el.querySelectorAll('[data-ol-sent]')
+  if (showWhenDone.length === 0) return
+
+  el.addEventListener('sent', () => {
+    toggleDisplay(showWhenPending, showWhenDone)
+  })
+}
+
+function formValidationHelper(el) {
+  el.querySelectorAll('input').forEach(inputEl => {
+    if (
+      inputEl.willValidate &&
+      !inputEl.hasAttribute('data-ol-no-custom-form-validation-messages')
+    ) {
+      inputValidator(inputEl)
+    }
+  })
+}
+
+function formAutoSubmitHelper(el) {
+  if (el.hasAttribute('data-ol-auto-submit')) {
+    setTimeout(() => {
+      el.querySelector('[type="submit"]').click()
+    }, 0)
+  }
+}
+
+export function toggleDisplay(hide, show) {
+  hide.forEach(el => {
+    el.hidden = true
+  })
+  show.forEach(el => {
+    el.hidden = false
+  })
+}
+
+function hydrateAsyncForm(el) {
+  formSubmitHelper(el)
+  inflightHelper(el)
+  formSentHelper(el)
+  formValidationHelper(el)
+  formAutoSubmitHelper(el)
+}
+
+function hydrateRegularForm(el) {
+  inflightHelper(el)
+  formValidationHelper(el)
+
+  el.addEventListener('submit', () => {
+    el.dispatchEvent(new Event('pending'))
+  })
+
+  formAutoSubmitHelper(el)
+}
+
+document.querySelectorAll(`[data-ol-async-form]`).forEach(hydrateAsyncForm)
+
+document.querySelectorAll(`[data-ol-regular-form]`).forEach(hydrateRegularForm)
diff --git a/services/web/frontend/js/features/form-helpers/input-validator.js b/services/web/frontend/js/features/form-helpers/input-validator.js
new file mode 100644
index 0000000..411c6c0
--- /dev/null
+++ b/services/web/frontend/js/features/form-helpers/input-validator.js
@@ -0,0 +1,61 @@
+export default function inputValidator(inputEl) {
+  const messageEl = document.createElement('div')
+  messageEl.className =
+    inputEl.getAttribute('data-ol-validation-message-classes') ||
+    'small text-danger mt-2'
+  messageEl.hidden = true
+  inputEl.insertAdjacentElement('afterend', messageEl)
+
+  // Hide messages until the user leaves the input field or submits the form.
+  let canDisplayErrorMessages = false
+
+  // Handle all kinds of inputs.
+  inputEl.addEventListener('input', handleUpdate)
+  inputEl.addEventListener('change', handleUpdate)
+
+  // The user has left the input field.
+  inputEl.addEventListener('blur', displayValidationMessages)
+
+  // The user has submitted the form and the current field has errors.
+  inputEl.addEventListener('invalid', e => {
+    // Block the display of browser error messages.
+    e.preventDefault()
+
+    // Force the display of messages.
+    inputEl.setAttribute('data-ol-dirty', '')
+
+    displayValidationMessages()
+  })
+
+  function handleUpdate() {
+    // Mark an input as "dirty": the user has typed something in at some point
+    inputEl.setAttribute('data-ol-dirty', '')
+
+    // Provide live updates to content sensitive error message like this:
+    // Please include an '@' in the email address. 'foo' is missing an '@'.
+    // We should not leave a stale message as the user types.
+    updateValidationMessageContent()
+  }
+
+  function displayValidationMessages() {
+    // Display all the error messages and highlight fields with red border.
+    canDisplayErrorMessages = true
+
+    updateValidationMessageContent()
+  }
+
+  function updateValidationMessageContent() {
+    if (!canDisplayErrorMessages) return
+    if (!inputEl.hasAttribute('data-ol-dirty')) return
+
+    if (inputEl.validity.valid) {
+      messageEl.hidden = true
+
+      // Require another blur before displaying errors again.
+      canDisplayErrorMessages = false
+    } else {
+      messageEl.textContent = inputEl.validationMessage
+      messageEl.hidden = false
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/form-helpers/password-visibility.js b/services/web/frontend/js/features/form-helpers/password-visibility.js
new file mode 100644
index 0000000..487c459
--- /dev/null
+++ b/services/web/frontend/js/features/form-helpers/password-visibility.js
@@ -0,0 +1,28 @@
+const visibilityOnQuery = '[data-ol-password-visibility-toggle="visibilityOn"]'
+const visibilityOffQuery =
+  '[data-ol-password-visibility-toggle="visibilityOff"]'
+
+const visibilityOnButton = document.querySelector(visibilityOnQuery)
+const visibilityOffButton = document.querySelector(visibilityOffQuery)
+
+if (visibilityOffButton && visibilityOnButton) {
+  visibilityOnButton.addEventListener('click', function () {
+    const passwordInput = document.querySelector(
+      '[data-ol-password-visibility-target]'
+    )
+    passwordInput.type = 'text'
+    visibilityOnButton.hidden = true
+    visibilityOffButton.hidden = false
+    visibilityOffButton.focus()
+  })
+
+  visibilityOffButton.addEventListener('click', function () {
+    const passwordInput = document.querySelector(
+      '[data-ol-password-visibility-target]'
+    )
+    passwordInput.type = 'password'
+    visibilityOffButton.hidden = true
+    visibilityOnButton.hidden = false
+    visibilityOnButton.focus()
+  })
+}
diff --git a/services/web/frontend/js/features/group-management/components/add-seats/add-seats.tsx b/services/web/frontend/js/features/group-management/components/add-seats/add-seats.tsx
new file mode 100644
index 0000000..7163fd2
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/add-seats/add-seats.tsx
@@ -0,0 +1,454 @@
+import { useState, useEffect, useMemo, useRef } from 'react'
+import { debounce } from 'lodash'
+import { Trans, useTranslation } from 'react-i18next'
+import withErrorBoundary from '@/infrastructure/error-boundary'
+import useAbortController from '@/shared/hooks/use-abort-controller'
+import LoadingSpinner from '@/shared/components/loading-spinner'
+import Notification from '@/shared/components/notification'
+import IconButton from '@/features/ui/components/bootstrap-5/icon-button'
+import {
+  Card,
+  Row,
+  Col,
+  FormGroup,
+  FormLabel,
+  FormControl,
+} from 'react-bootstrap-5'
+import FormText from '@/features/ui/components/bootstrap-5/form/form-text'
+import Button from '@/features/ui/components/bootstrap-5/button'
+import CostSummary from '@/features/group-management/components/add-seats/cost-summary'
+import RequestStatus from '@/features/group-management/components/request-status'
+import useAsync from '@/shared/hooks/use-async'
+import getMeta from '@/utils/meta'
+import { FetchError, postJSON } from '@/infrastructure/fetch-json'
+import { debugConsole } from '@/utils/debugging'
+import * as yup from 'yup'
+import {
+  AddOnUpdate,
+  SubscriptionChangePreview,
+} from '../../../../../../types/subscription/subscription-change-preview'
+import { MergeAndOverride, Nullable } from '../../../../../../types/utils'
+import { sendMB } from '../../../../infrastructure/event-tracking'
+
+export const MAX_NUMBER_OF_USERS = 20
+
+type CostSummaryData = MergeAndOverride<
+  SubscriptionChangePreview,
+  { change: AddOnUpdate }
+>
+
+function AddSeats() {
+  const { t } = useTranslation()
+  const groupName = getMeta('ol-groupName')
+  const subscriptionId = getMeta('ol-subscriptionId')
+  const totalLicenses = Number(getMeta('ol-totalLicenses'))
+  const isProfessional = getMeta('ol-isProfessional')
+  const [addSeatsInputError, setAddSeatsInputError] = useState<string>()
+  const [shouldContactSales, setShouldContactSales] = useState(false)
+  const controller = useAbortController()
+  const { signal: addSeatsSignal } = useAbortController()
+  const { signal: contactSalesSignal } = useAbortController()
+  const {
+    isLoading: isLoadingCostSummary,
+    isError: isErrorCostSummary,
+    runAsync: runAsyncCostSummary,
+    data: costSummaryData,
+    reset: resetCostSummaryData,
+    error: errorCostSummary,
+  } = useAsync<CostSummaryData, FetchError>()
+  const {
+    isLoading: isAddingSeats,
+    isError: isErrorAddingSeats,
+    isSuccess: isSuccessAddingSeats,
+    runAsync: runAsyncAddSeats,
+    data: addedSeatsData,
+  } = useAsync<{ adding: number }>()
+  const {
+    isLoading: isSendingMailToSales,
+    isError: isErrorSendingMailToSales,
+    isSuccess: isSuccessSendingMailToSales,
+    runAsync: runAsyncSendMailToSales,
+  } = useAsync()
+
+  const addSeatsValidationSchema = useMemo(() => {
+    return yup
+      .number()
+      .typeError(t('value_must_be_a_number'))
+      .integer(t('value_must_be_a_whole_number'))
+      .min(1, t('value_must_be_at_least_x', { value: 1 }))
+      .required(t('this_field_is_required'))
+  }, [t])
+
+  const debouncedCostSummaryRequest = useMemo(
+    () =>
+      debounce((value: number, signal: AbortSignal) => {
+        const post = postJSON('/user/subscription/group/add-users/preview', {
+          signal,
+          body: { adding: value },
+        })
+        runAsyncCostSummary(post).catch(debugConsole.error)
+      }, 500),
+    [runAsyncCostSummary]
+  )
+
+  const debouncedTrackUserEnterSeatNumberEvent = useMemo(
+    () =>
+      debounce((value: number) => {
+        sendMB('flex-add-users-form', {
+          action: 'enter-seat-number',
+          seatNumber: value,
+        })
+      }, 500),
+    []
+  )
+
+  const validateSeats = async (value: string | undefined) => {
+    try {
+      await addSeatsValidationSchema.validate(value)
+      setAddSeatsInputError(undefined)
+
+      return true
+    } catch (error) {
+      if (error instanceof yup.ValidationError) {
+        setAddSeatsInputError(error.errors[0])
+      } else {
+        debugConsole.error(error)
+      }
+
+      return false
+    }
+  }
+
+  const handleSeatsChange = async (e: React.ChangeEvent<HTMLInputElement>) => {
+    const value = e.target.value === '' ? undefined : e.target.value
+    const isValidSeatsNumber = await validateSeats(value)
+    let shouldContactSales = false
+
+    if (isValidSeatsNumber) {
+      const seats = Number(value)
+      debouncedTrackUserEnterSeatNumberEvent(seats)
+
+      if (seats > MAX_NUMBER_OF_USERS) {
+        debouncedCostSummaryRequest.cancel()
+        shouldContactSales = true
+      } else {
+        debouncedCostSummaryRequest(seats, controller.signal)
+      }
+    } else {
+      debouncedTrackUserEnterSeatNumberEvent.cancel()
+      debouncedCostSummaryRequest.cancel()
+    }
+
+    resetCostSummaryData()
+    setShouldContactSales(shouldContactSales)
+  }
+
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault()
+
+    const formData = new FormData(e.currentTarget)
+    const rawSeats =
+      formData.get('seats') === ''
+        ? undefined
+        : (formData.get('seats') as string)
+
+    if (!(await validateSeats(rawSeats))) {
+      return
+    }
+
+    if (shouldContactSales) {
+      sendMB('flex-add-users-form', {
+        action: 'click-send-request-button',
+      })
+      const post = postJSON(
+        '/user/subscription/group/add-users/sales-contact-form',
+        {
+          signal: contactSalesSignal,
+          body: {
+            adding: rawSeats,
+          },
+        }
+      )
+      runAsyncSendMailToSales(post).catch(debugConsole.error)
+    } else {
+      sendMB('flex-add-users-form', {
+        action: 'click-add-user-button',
+      })
+      const post = postJSON('/user/subscription/group/add-users/create', {
+        signal: addSeatsSignal,
+        body: { adding: Number(rawSeats) },
+      })
+      runAsyncAddSeats(post)
+        .then(() => {
+          sendMB('flex-add-users-success')
+        })
+        .catch(() => {
+          debugConsole.error()
+          sendMB('flex-add-users-error')
+        })
+    }
+  }
+
+  useEffect(() => {
+    return () => {
+      debouncedCostSummaryRequest.cancel()
+    }
+  }, [debouncedCostSummaryRequest])
+
+  const formRef = useRef<HTMLFormElement>(null)
+
+  useEffect(() => {
+    const handleUnload = () => formRef.current?.reset()
+    window.addEventListener('beforeunload', handleUnload)
+
+    return () => window.removeEventListener('beforeunload', handleUnload)
+  }, [])
+
+  if (isErrorAddingSeats || isErrorSendingMailToSales) {
+    return (
+      <RequestStatus
+        variant="danger"
+        icon="error"
+        title={t('something_went_wrong')}
+        content={
+          <Trans
+            i18nKey="it_looks_like_that_didnt_work_you_can_try_again_or_get_in_touch"
+            // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+            components={[<a href="/contact" rel="noreferrer noopener" />]}
+          />
+        }
+      />
+    )
+  }
+
+  if (isSuccessAddingSeats) {
+    return (
+      <RequestStatus
+        variant="primary"
+        icon="check_circle"
+        title={t('youve_added_more_licenses')}
+        content={
+          <Trans
+            i18nKey="youve_added_x_more_licenses_to_your_subscription_invite_people"
+            components={[
+              // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+              <a
+                href={`/manage/groups/${subscriptionId}/members`}
+                rel="noreferrer noopener"
+              />,
+            ]}
+            values={{ users: addedSeatsData?.adding }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+          />
+        }
+      />
+    )
+  }
+
+  if (isSuccessSendingMailToSales) {
+    return (
+      <RequestStatus
+        icon="email"
+        title={t('we_got_your_request')}
+        content={t('our_team_will_get_back_to_you_shortly')}
+      />
+    )
+  }
+
+  return (
+    <div className="container">
+      <Row>
+        <Col xxl={5} xl={6} lg={7} md={9} className="mx-auto">
+          <div className="group-heading" data-testid="group-heading">
+            <IconButton
+              variant="ghost"
+              href="/user/subscription"
+              size="lg"
+              icon="arrow_back"
+              accessibilityLabel={t('back_to_subscription')}
+            />
+            <h2>{groupName || t('group_subscription')}</h2>
+          </div>
+          <Card className="card-description-secondary">
+            <Card.Body>
+              <form
+                noValidate
+                className="d-grid gap-4"
+                onSubmit={handleSubmit}
+                ref={formRef}
+                data-testid="add-more-users-group-form"
+              >
+                <div className="d-grid gap-1">
+                  <h4 className="fw-bold m-0 card-description-secondary">
+                    {t('buy_more_licenses')}
+                  </h4>
+                  <div>
+                    {t('your_current_plan_supports_up_to_x_licenses', {
+                      users: totalLicenses,
+                    })}
+                  </div>
+                  <div>
+                    <Trans
+                      i18nKey="if_you_want_to_reduce_the_number_of_licenses_please_contact_support"
+                      components={[
+                        // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+                        <a
+                          href="/contact"
+                          onClick={() => {
+                            sendMB('flex-add-users-form', {
+                              action: 'click-contact-customer-support-link',
+                            })
+                          }}
+                        />,
+                      ]}
+                    />
+                  </div>
+                </div>
+                <div>
+                  <FormGroup controlId="number-of-users-input">
+                    <FormLabel>
+                      {t('how_many_licenses_do_you_want_to_buy')}
+                    </FormLabel>
+                    <FormControl
+                      type="text"
+                      required
+                      className="w-25"
+                      name="seats"
+                      disabled={isLoadingCostSummary}
+                      onChange={handleSeatsChange}
+                      isInvalid={Boolean(addSeatsInputError)}
+                    />
+                    {Boolean(addSeatsInputError) && (
+                      <FormText type="error">{addSeatsInputError}</FormText>
+                    )}
+                  </FormGroup>
+                </div>
+                <CostSummarySection
+                  isLoadingCostSummary={isLoadingCostSummary}
+                  isErrorCostSummary={isErrorCostSummary}
+                  errorCostSummary={errorCostSummary}
+                  shouldContactSales={shouldContactSales}
+                  costSummaryData={costSummaryData}
+                  totalLicenses={totalLicenses}
+                />
+                <div className="d-flex align-items-center justify-content-end gap-2">
+                  {!isProfessional && (
+                    <a
+                      href="/user/subscription/group/upgrade-subscription"
+                      rel="noreferrer noopener"
+                      className="me-auto"
+                      onClick={() => {
+                        sendMB('flex-upgrade')
+                      }}
+                    >
+                      {t('upgrade_my_plan')}
+                    </a>
+                  )}
+                  <Button
+                    variant="secondary"
+                    href="/user/subscription"
+                    onClick={() =>
+                      sendMB('flex-add-users-form', {
+                        action: 'click-cancel-button',
+                      })
+                    }
+                  >
+                    {t('cancel')}
+                  </Button>
+                  <Button
+                    variant="primary"
+                    type="submit"
+                    disabled={
+                      isAddingSeats ||
+                      isLoadingCostSummary ||
+                      isSendingMailToSales
+                    }
+                    isLoading={isAddingSeats || isSendingMailToSales}
+                  >
+                    {shouldContactSales ? t('send_request') : t('buy_licenses')}
+                  </Button>
+                </div>
+              </form>
+            </Card.Body>
+          </Card>
+        </Col>
+      </Row>
+    </div>
+  )
+}
+
+type CostSummarySectionProps = {
+  isLoadingCostSummary: boolean
+  isErrorCostSummary: boolean
+  errorCostSummary: Nullable<FetchError>
+  shouldContactSales: boolean
+  costSummaryData: Nullable<CostSummaryData>
+  totalLicenses: number
+}
+
+function CostSummarySection({
+  isLoadingCostSummary,
+  isErrorCostSummary,
+  errorCostSummary,
+  shouldContactSales,
+  costSummaryData,
+  totalLicenses,
+}: CostSummarySectionProps) {
+  const { t } = useTranslation()
+
+  if (isLoadingCostSummary) {
+    return <LoadingSpinner className="ms-auto me-auto" />
+  }
+
+  if (shouldContactSales) {
+    return (
+      <Notification
+        content={
+          <Trans
+            i18nKey="if_you_want_more_than_x_licenses_on_your_plan_we_need_to_add_them_for_you"
+            // eslint-disable-next-line react/jsx-key
+            components={[<b />]}
+            values={{ count: MAX_NUMBER_OF_USERS }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+          />
+        }
+        type="info"
+      />
+    )
+  }
+
+  if (isErrorCostSummary) {
+    if (errorCostSummary?.data?.code === 'subtotal_limit_exceeded') {
+      return (
+        <Notification
+          type="error"
+          content={
+            <Trans
+              i18nKey="sorry_there_was_an_issue_adding_x_users_to_your_subscription"
+              // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+              components={[<a href="/contact" rel="noreferrer noopener" />]}
+              values={{ count: errorCostSummary?.data?.adding }}
+              shouldUnescape
+              tOptions={{ interpolation: { escapeValue: true } }}
+            />
+          }
+        />
+      )
+    }
+
+    return (
+      <Notification type="error" content={t('generic_something_went_wrong')} />
+    )
+  }
+
+  return (
+    <CostSummary
+      subscriptionChange={costSummaryData}
+      totalLicenses={totalLicenses}
+    />
+  )
+}
+
+export default withErrorBoundary(AddSeats)
diff --git a/services/web/frontend/js/features/group-management/components/add-seats/cost-summary.tsx b/services/web/frontend/js/features/group-management/components/add-seats/cost-summary.tsx
new file mode 100644
index 0000000..8571813
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/add-seats/cost-summary.tsx
@@ -0,0 +1,160 @@
+import { Trans, useTranslation } from 'react-i18next'
+import { Card, ListGroup } from 'react-bootstrap-5'
+import { formatCurrency } from '@/shared/utils/currency'
+import { formatTime } from '@/features/utils/format-date'
+import {
+  AddOnUpdate,
+  SubscriptionChangePreview,
+} from '../../../../../../types/subscription/subscription-change-preview'
+import { MergeAndOverride } from '../../../../../../types/utils'
+
+type CostSummaryProps = {
+  subscriptionChange: MergeAndOverride<
+    SubscriptionChangePreview,
+    { change: AddOnUpdate }
+  > | null
+  totalLicenses: number
+}
+
+function CostSummary({ subscriptionChange, totalLicenses }: CostSummaryProps) {
+  const { t } = useTranslation()
+  const factor = 100
+
+  return (
+    <Card
+      className="card-gray card-description-secondary"
+      data-testid="cost-summary"
+    >
+      <Card.Body className="d-grid gap-2 p-3">
+        <div>
+          <div className="fw-bold">{t('cost_summary')}</div>
+          {subscriptionChange ? (
+            <Trans
+              i18nKey="youre_adding_x_licenses_to_your_plan_giving_you_a_total_of_y_licenses"
+              components={[
+                <b />, // eslint-disable-line react/jsx-key
+                <b />, // eslint-disable-line react/jsx-key
+              ]}
+              values={{
+                adding:
+                  subscriptionChange.change.addOn.quantity -
+                  subscriptionChange.change.addOn.prevQuantity,
+                total:
+                  totalLicenses +
+                  subscriptionChange.change.addOn.quantity -
+                  subscriptionChange.change.addOn.prevQuantity,
+              }}
+              shouldUnescape
+              tOptions={{ interpolation: { escapeValue: true } }}
+            />
+          ) : (
+            t(
+              'enter_the_number_of_licenses_youd_like_to_add_to_see_the_cost_breakdown'
+            )
+          )}
+        </div>
+        {subscriptionChange && (
+          <>
+            <div>
+              <ListGroup>
+                <ListGroup.Item
+                  className="bg-transparent border-0 px-0 gap-3 card-description-secondary"
+                  data-testid="plan"
+                >
+                  <span className="me-auto">
+                    {subscriptionChange.nextInvoice.plan.name} x{' '}
+                    {subscriptionChange.change.addOn.quantity -
+                      subscriptionChange.change.addOn.prevQuantity}{' '}
+                    {t('licenses')}
+                  </span>
+                  <span data-testid="price">
+                    {formatCurrency(
+                      subscriptionChange.immediateCharge.subtotal,
+                      subscriptionChange.currency
+                    )}
+                  </span>
+                </ListGroup.Item>
+                {subscriptionChange.immediateCharge.discount !== 0 && (
+                  <ListGroup.Item className="bg-transparent border-0 px-0 gap-3 card-description-secondary">
+                    <span className="me-auto">{t('discount')}</span>
+                    <span data-testid="discount">
+                      (
+                      {formatCurrency(
+                        subscriptionChange.immediateCharge.discount,
+                        subscriptionChange.currency
+                      )}
+                      )
+                    </span>
+                  </ListGroup.Item>
+                )}
+                <ListGroup.Item
+                  className="bg-transparent border-0 px-0 gap-3 card-description-secondary"
+                  data-testid="tax"
+                >
+                  <span className="me-auto">
+                    {t('vat')} &middot;{' '}
+                    {Math.round(
+                      subscriptionChange.nextInvoice.tax.rate * 100 * factor
+                    ) / factor}
+                    %
+                  </span>
+                  <span data-testid="price">
+                    {formatCurrency(
+                      subscriptionChange.immediateCharge.tax,
+                      subscriptionChange.currency
+                    )}
+                  </span>
+                </ListGroup.Item>
+                <ListGroup.Item
+                  className="bg-transparent border-0 px-0 gap-3 card-description-secondary"
+                  data-testid="total"
+                >
+                  <strong className="me-auto">{t('total_due_today')}</strong>
+                  <strong data-testid="price">
+                    {formatCurrency(
+                      subscriptionChange.immediateCharge.total,
+                      subscriptionChange.currency
+                    )}
+                  </strong>
+                </ListGroup.Item>
+              </ListGroup>
+              <hr className="m-0" />
+            </div>
+            <div>
+              {t(
+                'we_will_charge_you_now_for_the_cost_of_your_additional_licenses_based_on_remaining_months'
+              )}
+            </div>
+            <div>
+              {t(
+                'after_that_well_bill_you_x_total_y_subtotal_z_tax_annually_on_date_unless_you_cancel',
+                {
+                  totalAmount: formatCurrency(
+                    subscriptionChange.nextInvoice.total,
+                    subscriptionChange.currency
+                  ),
+                  subtotalAmount: formatCurrency(
+                    subscriptionChange.nextInvoice.subtotal,
+                    subscriptionChange.currency
+                  ),
+                  taxAmount: formatCurrency(
+                    subscriptionChange.nextInvoice.tax.amount,
+                    subscriptionChange.currency
+                  ),
+                  date: formatTime(
+                    subscriptionChange.nextInvoice.date,
+                    'MMMM D'
+                  ),
+                }
+              )}
+              {subscriptionChange.immediateCharge.discount !== 0 &&
+                ` ${t('coupons_not_included')}.`}
+            </div>
+          </>
+        )}
+      </Card.Body>
+    </Card>
+  )
+}
+
+export default CostSummary
diff --git a/services/web/frontend/js/features/group-management/components/add-seats/root.tsx b/services/web/frontend/js/features/group-management/components/add-seats/root.tsx
new file mode 100644
index 0000000..e6d9ae4
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/add-seats/root.tsx
@@ -0,0 +1,14 @@
+import useWaitForI18n from '../../../../shared/hooks/use-wait-for-i18n'
+import AddSeats from '@/features/group-management/components/add-seats/add-seats'
+
+function Root() {
+  const { isReady } = useWaitForI18n()
+
+  if (!isReady) {
+    return null
+  }
+
+  return <AddSeats />
+}
+
+export default Root
diff --git a/services/web/frontend/js/features/group-management/components/back-button.tsx b/services/web/frontend/js/features/group-management/components/back-button.tsx
new file mode 100644
index 0000000..2846fc7
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/back-button.tsx
@@ -0,0 +1,20 @@
+import IconButton from '@/features/ui/components/bootstrap-5/icon-button'
+
+type BackButtonProps = {
+  href: string
+  accessibilityLabel: string
+}
+
+function BackButton({ href, accessibilityLabel }: BackButtonProps) {
+  return (
+    <IconButton
+      variant="ghost"
+      href={href}
+      size="lg"
+      icon="arrow_back"
+      accessibilityLabel={accessibilityLabel}
+    />
+  )
+}
+
+export default BackButton
diff --git a/services/web/frontend/js/features/group-management/components/card.tsx b/services/web/frontend/js/features/group-management/components/card.tsx
new file mode 100644
index 0000000..04b858b
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/card.tsx
@@ -0,0 +1,43 @@
+import { useTranslation } from 'react-i18next'
+import getMeta from '@/utils/meta'
+import useWaitForI18n from '@/shared/hooks/use-wait-for-i18n'
+import { Card as BSCard, CardBody, Col, Row } from 'react-bootstrap-5'
+import IconButton from '@/features/ui/components/bootstrap-5/icon-button'
+
+type CardProps = {
+  children: React.ReactNode
+}
+
+function Card({ children }: CardProps) {
+  const { t } = useTranslation()
+  const groupName = getMeta('ol-groupName')
+  const { isReady } = useWaitForI18n()
+
+  if (!isReady) {
+    return null
+  }
+
+  return (
+    <div className="container">
+      <Row>
+        <Col xl={{ span: 4, offset: 4 }} md={{ span: 6, offset: 3 }}>
+          <div className="group-heading" data-testid="group-heading">
+            <IconButton
+              variant="ghost"
+              href="/user/subscription"
+              size="lg"
+              icon="arrow_back"
+              accessibilityLabel={t('back_to_subscription')}
+            />
+            <h2>{groupName || t('group_subscription')}</h2>
+          </div>
+          <BSCard>
+            <CardBody>{children}</CardBody>
+          </BSCard>
+        </Col>
+      </Row>
+    </div>
+  )
+}
+
+export default Card
diff --git a/services/web/frontend/js/features/group-management/components/error-alert.tsx b/services/web/frontend/js/features/group-management/components/error-alert.tsx
new file mode 100644
index 0000000..e96ded5
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/error-alert.tsx
@@ -0,0 +1,31 @@
+import { useTranslation } from 'react-i18next'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+export type APIError = {
+  message?: string
+}
+
+type ErrorAlertProps = {
+  error?: APIError
+}
+
+export default function ErrorAlert({ error }: ErrorAlertProps) {
+  const { t } = useTranslation()
+
+  if (!error) {
+    return null
+  }
+
+  if (error.message) {
+    return (
+      <OLNotification
+        type="error"
+        content={`${t('error')}: ${error.message}`}
+      />
+    )
+  }
+
+  return (
+    <OLNotification type="error" content={t('generic_something_went_wrong')} />
+  )
+}
diff --git a/services/web/frontend/js/features/group-management/components/group-managers.tsx b/services/web/frontend/js/features/group-management/components/group-managers.tsx
new file mode 100644
index 0000000..990f7cc
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/group-managers.tsx
@@ -0,0 +1,37 @@
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import useWaitForI18n from '../../../shared/hooks/use-wait-for-i18n'
+import getMeta from '../../../utils/meta'
+import { ManagersTable } from './managers-table'
+
+export default function GroupManagers() {
+  const { isReady } = useWaitForI18n()
+  const { t } = useTranslation()
+
+  const groupId = getMeta('ol-groupId')
+  const groupName = getMeta('ol-groupName')
+
+  const paths = useMemo(
+    () => ({
+      addMember: `/manage/groups/${groupId}/managers`,
+      removeMember: `/manage/groups/${groupId}/managers`,
+    }),
+    [groupId]
+  )
+
+  if (!isReady) {
+    return null
+  }
+
+  return (
+    <ManagersTable
+      groupName={groupName}
+      translations={{
+        title: t('group_subscription'),
+        subtitle: t('managers_management'),
+        remove: t('remove_manager'),
+      }}
+      paths={paths}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/group-management/components/group-members.tsx b/services/web/frontend/js/features/group-management/components/group-members.tsx
new file mode 100644
index 0000000..be4f843
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/group-members.tsx
@@ -0,0 +1,194 @@
+import React, { useCallback, useState } from 'react'
+import { Trans, useTranslation } from 'react-i18next'
+import useWaitForI18n from '../../../shared/hooks/use-wait-for-i18n'
+import getMeta from '../../../utils/meta'
+import { useGroupMembersContext } from '../context/group-members-context'
+import ErrorAlert from './error-alert'
+import MembersList from './members-table/members-list'
+import { sendMB } from '../../../infrastructure/event-tracking'
+import BackButton from '@/features/group-management/components/back-button'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import OLCard from '@/features/ui/components/ol/ol-card'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import OLFormText from '@/features/ui/components/ol/ol-form-text'
+
+export default function GroupMembers() {
+  const { isReady } = useWaitForI18n()
+  const { t } = useTranslation()
+  const {
+    users,
+    selectedUsers,
+    addMembers,
+    removeMembers,
+    removeMemberLoading,
+    removeMemberError,
+    inviteMemberLoading,
+    inviteError,
+    paths,
+  } = useGroupMembersContext()
+  const [emailString, setEmailString] = useState<string>('')
+
+  const groupId = getMeta('ol-groupId')
+  const groupName = getMeta('ol-groupName')
+  const groupSize = getMeta('ol-groupSize')
+  const canUseFlexibleLicensing = getMeta('ol-canUseFlexibleLicensing')
+  const canUseAddSeatsFeature = getMeta('ol-canUseAddSeatsFeature')
+
+  const handleEmailsChange = useCallback(
+    e => {
+      setEmailString(e.target.value)
+    },
+    [setEmailString]
+  )
+
+  if (!isReady) {
+    return null
+  }
+
+  const onAddMembersSubmit = (e: React.FormEvent) => {
+    e.preventDefault()
+    addMembers(emailString)
+  }
+
+  const groupSizeDetails = () => {
+    if (canUseFlexibleLicensing) {
+      return (
+        <small data-testid="group-size-details">
+          <strong>
+            {users.length === 1
+              ? t('you_have_1_license_and_your_plan_supports_up_to_y', {
+                  groupSize,
+                })
+              : t('you_have_x_licenses_and_your_plan_supports_up_to_y', {
+                  addedUsersSize: users.length,
+                  groupSize,
+                })}
+          </strong>
+          {canUseAddSeatsFeature && (
+            <>
+              {' '}
+              <a
+                href="/user/subscription/group/add-users"
+                rel="noreferrer noopener"
+                onClick={() => sendMB('flex-add-users')}
+              >
+                {t('buy_more_licenses')}.
+              </a>
+            </>
+          )}
+        </small>
+      )
+    }
+
+    return (
+      <small>
+        <Trans
+          i18nKey="you_have_added_x_of_group_size_y"
+          components={[<strong />, <strong />]} // eslint-disable-line react/jsx-key
+          values={{ addedUsersSize: users.length, groupSize }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+        />
+      </small>
+    )
+  }
+
+  return (
+    <div className="container">
+      <OLRow>
+        <OLCol lg={{ span: 10, offset: 1 }}>
+          <div className="group-heading" data-testid="group-heading">
+            <BackButton
+              href="/user/subscription"
+              accessibilityLabel={t('back_to_subscription')}
+            />
+            <h1 className="heading">{groupName || t('group_subscription')}</h1>
+          </div>
+          <OLCard>
+            <div
+              className="page-header mb-4"
+              data-testid="page-header-members-details"
+            >
+              <div className="pull-right">
+                {selectedUsers.length === 0 && groupSizeDetails()}
+                {removeMemberLoading ? (
+                  <OLButton variant="danger" disabled>
+                    {t('removing')}&hellip;
+                  </OLButton>
+                ) : (
+                  <>
+                    {selectedUsers.length > 0 && (
+                      <OLButton variant="danger" onClick={removeMembers}>
+                        {t('remove_from_group')}
+                      </OLButton>
+                    )}
+                  </>
+                )}
+              </div>
+              <h2 className="h3 mt-0">{t('members_management')}</h2>
+            </div>
+            <div className="row-spaced-small">
+              <ErrorAlert error={removeMemberError} />
+              <MembersList groupId={groupId} />
+            </div>
+            <hr />
+            {users.length < groupSize && (
+              <div
+                className="add-more-members-form"
+                data-testid="add-more-members-form"
+              >
+                <p className="small">{t('invite_more_members')}</p>
+                <ErrorAlert error={inviteError} />
+                <form onSubmit={onAddMembersSubmit}>
+                  <OLRow>
+                    <OLCol xs={6}>
+                      <OLFormControl
+                        type="input"
+                        placeholder="jane@example.com, joe@example.com"
+                        aria-describedby="add-members-description"
+                        value={emailString}
+                        onChange={handleEmailsChange}
+                      />
+                    </OLCol>
+                    <OLCol xs={4}>
+                      <OLButton
+                        variant="primary"
+                        onClick={onAddMembersSubmit}
+                        isLoading={inviteMemberLoading}
+                        loadingLabel={t('inviting')}
+                      >
+                        {t('invite')}
+                      </OLButton>
+                    </OLCol>
+                    <OLCol xs={2}>
+                      <a href={paths.exportMembers}>{t('export_csv')}</a>
+                    </OLCol>
+                  </OLRow>
+                  <OLRow>
+                    <OLCol xs={8}>
+                      <OLFormText>
+                        {t('add_comma_separated_emails_help')}
+                      </OLFormText>
+                    </OLCol>
+                  </OLRow>
+                </form>
+              </div>
+            )}
+            {users.length >= groupSize && users.length > 0 && (
+              <>
+                <ErrorAlert error={inviteError} />
+                <OLRow>
+                  <OLCol xs={{ span: 2, offset: 10 }}>
+                    <a href={paths.exportMembers}>{t('export_csv')}</a>
+                  </OLCol>
+                </OLRow>
+              </>
+            )}
+          </OLCard>
+        </OLCol>
+      </OLRow>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/group-management/components/institution-managers.tsx b/services/web/frontend/js/features/group-management/components/institution-managers.tsx
new file mode 100644
index 0000000..fc73d68
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/institution-managers.tsx
@@ -0,0 +1,37 @@
+import { useTranslation } from 'react-i18next'
+import { useMemo } from 'react'
+import useWaitForI18n from '../../../shared/hooks/use-wait-for-i18n'
+import getMeta from '../../../utils/meta'
+import { ManagersTable } from './managers-table'
+
+export default function InstitutionManagers() {
+  const { isReady } = useWaitForI18n()
+  const { t } = useTranslation()
+
+  const groupId = getMeta('ol-groupId')
+  const groupName = getMeta('ol-groupName')
+
+  const paths = useMemo(
+    () => ({
+      addMember: `/manage/institutions/${groupId}/managers`,
+      removeMember: `/manage/institutions/${groupId}/managers`,
+    }),
+    [groupId]
+  )
+
+  if (!isReady) {
+    return null
+  }
+
+  return (
+    <ManagersTable
+      groupName={groupName}
+      translations={{
+        title: t('institution_account'),
+        subtitle: t('managers_management'),
+        remove: t('remove_manager'),
+      }}
+      paths={paths}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/group-management/components/managers-table.tsx b/services/web/frontend/js/features/group-management/components/managers-table.tsx
new file mode 100644
index 0000000..5efe2ff
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/managers-table.tsx
@@ -0,0 +1,272 @@
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { deleteJSON, FetchError, postJSON } from '@/infrastructure/fetch-json'
+import getMeta from '../../../utils/meta'
+import { parseEmails } from '../utils/emails'
+import ErrorAlert, { APIError } from './error-alert'
+import UserRow from './user-row'
+import useUserSelection from '../hooks/use-user-selection'
+import { User } from '../../../../../types/group-management/user'
+import { debugConsole } from '@/utils/debugging'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import BackButton from '@/features/group-management/components/back-button'
+import OLCard from '@/features/ui/components/ol/ol-card'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import OLFormText from '@/features/ui/components/ol/ol-form-text'
+import OLTable from '@/features/ui/components/ol/ol-table'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLFormCheckbox from '@/features/ui/components/ol/ol-form-checkbox'
+
+type ManagersPaths = {
+  addMember: string
+  removeMember: string
+}
+
+type UsersTableProps = {
+  groupName: string
+  paths: ManagersPaths
+  translations: {
+    title: string
+    subtitle: string
+    remove: string
+  }
+}
+
+export function ManagersTable({
+  groupName,
+  translations,
+  paths,
+}: UsersTableProps) {
+  const { t } = useTranslation()
+
+  const {
+    users,
+    setUsers,
+    selectedUsers,
+    selectAllUsers,
+    unselectAllUsers,
+    selectUser,
+    unselectUser,
+  } = useUserSelection(getMeta('ol-users') || [])
+
+  const [emailString, setEmailString] = useState<string>('')
+  const [inviteUserInflightCount, setInviteUserInflightCount] = useState(0)
+  const [inviteError, setInviteError] = useState<APIError>()
+  const [removeMemberInflightCount, setRemoveMemberInflightCount] = useState(0)
+  const [removeMemberError, setRemoveMemberError] = useState<APIError>()
+
+  const addManagers = useCallback(
+    e => {
+      e.preventDefault()
+      setInviteError(undefined)
+      const emails = parseEmails(emailString)
+      ;(async () => {
+        for (const email of emails) {
+          setInviteUserInflightCount(count => count + 1)
+          try {
+            const data = await postJSON<{ user: User }>(paths.addMember, {
+              body: {
+                email,
+              },
+            })
+            if (data.user) {
+              const alreadyListed = users.find(
+                user => user.email === data.user.email
+              )
+              if (!alreadyListed) {
+                setUsers(users => [...users, data.user])
+              }
+            }
+            setEmailString('')
+          } catch (error: unknown) {
+            debugConsole.error(error)
+            setInviteError((error as FetchError)?.data?.error || {})
+          }
+          setInviteUserInflightCount(count => count - 1)
+        }
+      })()
+    },
+    [emailString, paths.addMember, users, setUsers]
+  )
+
+  const removeManagers = useCallback(
+    e => {
+      e.preventDefault()
+      setRemoveMemberError(undefined)
+      ;(async () => {
+        for (const user of selectedUsers) {
+          let url
+          if (paths.removeMember && user._id) {
+            url = `${paths.removeMember}/${user._id}`
+          } else {
+            return
+          }
+          setRemoveMemberInflightCount(count => count + 1)
+          try {
+            await deleteJSON(url, {})
+            setUsers(users => users.filter(u => u !== user))
+            unselectUser(user)
+          } catch (error: unknown) {
+            debugConsole.error(error)
+            setRemoveMemberError((error as FetchError)?.data?.error || {})
+          }
+          setRemoveMemberInflightCount(count => count - 1)
+        }
+      })()
+    },
+    [selectedUsers, unselectUser, setUsers, paths.removeMember]
+  )
+
+  const handleSelectAllClick = useCallback(
+    (e: React.ChangeEvent<HTMLInputElement>) => {
+      if (e.target.checked) {
+        selectAllUsers()
+      } else {
+        unselectAllUsers()
+      }
+    },
+    [selectAllUsers, unselectAllUsers]
+  )
+
+  const handleEmailsChange = useCallback(
+    e => {
+      setEmailString(e.target.value)
+    },
+    [setEmailString]
+  )
+
+  return (
+    <div className="container">
+      <OLRow>
+        <OLCol lg={{ span: 10, offset: 1 }}>
+          <div className="group-heading" data-testid="group-heading">
+            <BackButton
+              href="/user/subscription"
+              accessibilityLabel={t('back_to_subscription')}
+            />
+            <h1 className="heading">{groupName || translations.title}</h1>
+          </div>
+          <OLCard>
+            <div
+              className="page-header mb-4"
+              data-testid="page-header-members-details"
+            >
+              <div className="pull-right">
+                {removeMemberInflightCount > 0 ? (
+                  <OLButton variant="danger" disabled>
+                    {t('removing')}&hellip;
+                  </OLButton>
+                ) : (
+                  <>
+                    {selectedUsers.length > 0 && (
+                      <OLButton variant="danger" onClick={removeManagers}>
+                        {translations.remove}
+                      </OLButton>
+                    )}
+                  </>
+                )}
+              </div>
+              <h2 className="h3 mt-0">{translations.subtitle}</h2>
+            </div>
+            <div className="row-spaced-small">
+              <ErrorAlert error={removeMemberError} />
+              <OLTable
+                className="managed-entities-table managed-entities-list structured-list"
+                container={false}
+                hover
+                data-testid="managed-entities-table"
+              >
+                <thead>
+                  <tr>
+                    <th className="cell-checkbox">
+                      <OLFormCheckbox
+                        autoComplete="off"
+                        onChange={handleSelectAllClick}
+                        checked={selectedUsers.length === users.length}
+                        aria-label={t('select_all')}
+                        data-testid="select-all-checkbox"
+                      />
+                    </th>
+                    <th>{t('email')}</th>
+                    <th className="cell-name">{t('name')}</th>
+                    <th className="cell-last-active">
+                      <OLTooltip
+                        id="last-active-tooltip"
+                        description={t('last_active_description')}
+                        overlayProps={{
+                          placement: 'left',
+                        }}
+                      >
+                        <span>
+                          {t('last_active')}
+                          <sup>(?)</sup>
+                        </span>
+                      </OLTooltip>
+                    </th>
+                    <th className="cell-accepted-invite">
+                      {t('accepted_invite')}
+                    </th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {users.length === 0 && (
+                    <tr>
+                      <td className="text-center" colSpan={5}>
+                        <small>{t('no_members')}</small>
+                      </td>
+                    </tr>
+                  )}
+                  {users.map(user => (
+                    <UserRow
+                      key={user.email}
+                      user={user}
+                      selectUser={selectUser}
+                      unselectUser={unselectUser}
+                      selected={selectedUsers.includes(user)}
+                    />
+                  ))}
+                </tbody>
+              </OLTable>
+            </div>
+            <hr />
+            <div>
+              <p className="small">{t('add_more_managers')}</p>
+              <ErrorAlert error={inviteError} />
+              <form onSubmit={addManagers} data-testid="add-members-form">
+                <OLRow>
+                  <OLCol xs={6}>
+                    <OLFormControl
+                      type="input"
+                      placeholder="jane@example.com, joe@example.com"
+                      aria-describedby="add-members-description"
+                      value={emailString}
+                      onChange={handleEmailsChange}
+                    />
+                  </OLCol>
+                  <OLCol xs={4}>
+                    <OLButton
+                      variant="primary"
+                      onClick={addManagers}
+                      isLoading={inviteUserInflightCount > 0}
+                    >
+                      {t('add')}
+                    </OLButton>
+                  </OLCol>
+                </OLRow>
+                <OLRow>
+                  <OLCol xs={8}>
+                    <OLFormText>
+                      {t('add_comma_separated_emails_help')}
+                    </OLFormText>
+                  </OLCol>
+                </OLRow>
+              </form>
+            </div>
+          </OLCard>
+        </OLCol>
+      </OLRow>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/group-management/components/manually-collected-subscription.tsx b/services/web/frontend/js/features/group-management/components/manually-collected-subscription.tsx
new file mode 100644
index 0000000..2b2c111
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/manually-collected-subscription.tsx
@@ -0,0 +1,28 @@
+import { Trans, useTranslation } from 'react-i18next'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import Card from '@/features/group-management/components/card'
+
+function ManuallyCollectedSubscription() {
+  const { t } = useTranslation()
+
+  return (
+    <Card>
+      <OLNotification
+        type="error"
+        title={t('account_billed_manually')}
+        content={
+          <Trans
+            i18nKey="it_looks_like_your_account_is_billed_manually"
+            components={[
+              // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+              <a href="/contact" rel="noreferrer noopener" />,
+            ]}
+          />
+        }
+        className="m-0"
+      />
+    </Card>
+  )
+}
+
+export default ManuallyCollectedSubscription
diff --git a/services/web/frontend/js/features/group-management/components/members-table/dropdown-button.tsx b/services/web/frontend/js/features/group-management/components/members-table/dropdown-button.tsx
new file mode 100644
index 0000000..691a4b3
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/members-table/dropdown-button.tsx
@@ -0,0 +1,322 @@
+import {
+  type ComponentProps,
+  useCallback,
+  type Dispatch,
+  type SetStateAction,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import {
+  Dropdown,
+  DropdownItem,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import { User } from '../../../../../../types/group-management/user'
+import useAsync from '@/shared/hooks/use-async'
+import { type FetchError, postJSON } from '@/infrastructure/fetch-json'
+import { GroupUserAlert } from '../../utils/types'
+import { useGroupMembersContext } from '../../context/group-members-context'
+import getMeta from '@/utils/meta'
+import MaterialIcon from '@/shared/components/material-icon'
+import DropdownListItem from '@/features/ui/components/bootstrap-5/dropdown-list-item'
+import { Spinner } from 'react-bootstrap-5'
+
+type resendInviteResponse = {
+  success: boolean
+}
+
+type ManagedUserDropdownButtonProps = {
+  user: User
+  openOffboardingModalForUser: (user: User) => void
+  openUnlinkUserModal: (user: User) => void
+  groupId: string
+  setGroupUserAlert: Dispatch<SetStateAction<GroupUserAlert>>
+}
+
+export default function DropdownButton({
+  user,
+  openOffboardingModalForUser,
+  openUnlinkUserModal,
+  groupId,
+  setGroupUserAlert,
+}: ManagedUserDropdownButtonProps) {
+  const { t } = useTranslation()
+  const { removeMember } = useGroupMembersContext()
+  const {
+    runAsync: runResendManagedUserInviteAsync,
+    isLoading: isResendingManagedUserInvite,
+  } = useAsync<resendInviteResponse>()
+  const {
+    runAsync: runResendLinkSSOInviteAsync,
+    isLoading: isResendingSSOLinkInvite,
+  } = useAsync<resendInviteResponse>()
+  const {
+    runAsync: runResendGroupInviteAsync,
+    isLoading: isResendingGroupInvite,
+  } = useAsync<resendInviteResponse>()
+
+  const managedUsersActive = getMeta('ol-managedUsersActive')
+  const groupSSOActive = getMeta('ol-groupSSOActive')
+
+  const userPending = user.invite
+  const isGroupSSOLinked =
+    !userPending && user.enrollment?.sso?.some(sso => sso.groupId === groupId)
+  const isUserManaged = !userPending && user.enrollment?.managedBy === groupId
+
+  const handleResendManagedUserInvite = useCallback(
+    async user => {
+      try {
+        const result = await runResendManagedUserInviteAsync(
+          postJSON(
+            `/manage/groups/${groupId}/resendManagedUserInvite/${user._id}`
+          )
+        )
+
+        if (result.success) {
+          setGroupUserAlert({
+            variant: 'resendManagedUserInviteSuccess',
+            email: user.email,
+          })
+        }
+      } catch (err) {
+        if ((err as FetchError)?.response?.status === 429) {
+          setGroupUserAlert({
+            variant: 'resendInviteTooManyRequests',
+            email: user.email,
+          })
+        } else {
+          setGroupUserAlert({
+            variant: 'resendManagedUserInviteFailed',
+            email: user.email,
+          })
+        }
+      }
+    },
+    [setGroupUserAlert, groupId, runResendManagedUserInviteAsync]
+  )
+
+  const handleResendLinkSSOInviteAsync = useCallback(
+    async user => {
+      try {
+        const result = await runResendLinkSSOInviteAsync(
+          postJSON(`/manage/groups/${groupId}/resendSSOLinkInvite/${user._id}`)
+        )
+
+        if (result.success) {
+          setGroupUserAlert({
+            variant: 'resendSSOLinkInviteSuccess',
+            email: user.email,
+          })
+        }
+      } catch (err) {
+        if ((err as FetchError)?.response?.status === 429) {
+          setGroupUserAlert({
+            variant: 'resendInviteTooManyRequests',
+            email: user.email,
+          })
+        } else {
+          setGroupUserAlert({
+            variant: 'resendSSOLinkInviteFailed',
+            email: user.email,
+          })
+        }
+      }
+    },
+    [setGroupUserAlert, groupId, runResendLinkSSOInviteAsync]
+  )
+
+  const handleResendGroupInvite = useCallback(
+    async user => {
+      try {
+        await runResendGroupInviteAsync(
+          postJSON(`/manage/groups/${groupId}/resendInvite/`, {
+            body: {
+              email: user.email,
+            },
+          })
+        )
+
+        setGroupUserAlert({
+          variant: 'resendGroupInviteSuccess',
+          email: user.email,
+        })
+      } catch (err) {
+        if ((err as FetchError)?.response?.status === 429) {
+          setGroupUserAlert({
+            variant: 'resendInviteTooManyRequests',
+            email: user.email,
+          })
+        } else {
+          setGroupUserAlert({
+            variant: 'resendGroupInviteFailed',
+            email: user.email,
+          })
+        }
+      }
+    },
+    [setGroupUserAlert, groupId, runResendGroupInviteAsync]
+  )
+
+  const onResendManagedUserInviteClick = () => {
+    handleResendManagedUserInvite(user)
+  }
+  const onResendSSOLinkInviteClick = () => {
+    handleResendLinkSSOInviteAsync(user)
+  }
+
+  const onResendGroupInviteClick = () => {
+    handleResendGroupInvite(user)
+  }
+
+  const onDeleteUserClick = () => {
+    openOffboardingModalForUser(user)
+  }
+
+  const onRemoveFromGroup = () => {
+    removeMember(user)
+  }
+
+  const onUnlinkUserClick = () => {
+    openUnlinkUserModal(user)
+  }
+
+  const buttons = []
+
+  if (userPending) {
+    buttons.push(
+      <MenuItemButton
+        onClick={onResendGroupInviteClick}
+        key="resend-group-invite-action"
+        isLoading={isResendingGroupInvite}
+        data-testid="resend-group-invite-action"
+      >
+        {t('resend_group_invite')}
+      </MenuItemButton>
+    )
+  }
+  if (managedUsersActive && !isUserManaged && !userPending) {
+    buttons.push(
+      <MenuItemButton
+        onClick={onResendManagedUserInviteClick}
+        key="resend-managed-user-invite-action"
+        isLoading={isResendingManagedUserInvite}
+        data-testid="resend-managed-user-invite-action"
+      >
+        {t('resend_managed_user_invite')}
+      </MenuItemButton>
+    )
+  }
+  if (groupSSOActive && isGroupSSOLinked) {
+    buttons.push(
+      <MenuItemButton
+        onClick={onUnlinkUserClick}
+        key="unlink-user-action"
+        data-testid="unlink-user-action"
+      >
+        {t('unlink_user')}
+      </MenuItemButton>
+    )
+  }
+  if (groupSSOActive && !isGroupSSOLinked && !userPending) {
+    buttons.push(
+      <MenuItemButton
+        onClick={onResendSSOLinkInviteClick}
+        key="resend-sso-link-invite-action"
+        isLoading={isResendingSSOLinkInvite}
+        data-testid="resend-sso-link-invite-action"
+      >
+        {t('resend_link_sso')}
+      </MenuItemButton>
+    )
+  }
+  if (isUserManaged && !user.isEntityAdmin) {
+    buttons.push(
+      <MenuItemButton
+        className="delete-user-action"
+        key="delete-user-action"
+        data-testid="delete-user-action"
+        onClick={onDeleteUserClick}
+      >
+        {t('delete_user')}
+      </MenuItemButton>
+    )
+  } else if (!isUserManaged) {
+    buttons.push(
+      <MenuItemButton
+        key="remove-user-action"
+        data-testid="remove-user-action"
+        onClick={onRemoveFromGroup}
+        className="delete-user-action"
+        variant="danger"
+      >
+        {t('remove_from_group')}
+      </MenuItemButton>
+    )
+  }
+
+  if (buttons.length === 0) {
+    buttons.push(
+      <DropdownListItem>
+        <DropdownItem
+          as="button"
+          tabIndex={-1}
+          data-testid="no-actions-available"
+          disabled
+        >
+          {t('no_actions')}
+        </DropdownItem>
+      </DropdownListItem>
+    )
+  }
+
+  return (
+    <Dropdown align="end">
+      <DropdownToggle
+        id={`managed-user-dropdown-${user.email}`}
+        bsPrefix="dropdown-table-button-toggle"
+      >
+        <MaterialIcon type="more_vert" accessibilityLabel={t('actions')} />
+      </DropdownToggle>
+      <DropdownMenu flip={false}>{buttons}</DropdownMenu>
+    </Dropdown>
+  )
+}
+
+type MenuItemButtonProps = {
+  isLoading?: boolean
+  'data-testid'?: string
+} & Pick<ComponentProps<'button'>, 'children' | 'onClick' | 'className'> &
+  Pick<ComponentProps<typeof DropdownItem>, 'variant'>
+
+function MenuItemButton({
+  children,
+  onClick,
+  className,
+  isLoading,
+  variant,
+  'data-testid': dataTestId,
+}: MenuItemButtonProps) {
+  return (
+    <DropdownListItem>
+      <DropdownItem
+        as="button"
+        tabIndex={-1}
+        onClick={onClick}
+        leadingIcon={
+          isLoading ? (
+            <Spinner
+              animation="border"
+              aria-hidden="true"
+              size="sm"
+              role="status"
+            />
+          ) : null
+        }
+        data-testid={dataTestId}
+        variant={variant}
+      >
+        {children}
+      </DropdownItem>
+    </DropdownListItem>
+  )
+}
diff --git a/services/web/frontend/js/features/group-management/components/members-table/list-alert.tsx b/services/web/frontend/js/features/group-management/components/members-table/list-alert.tsx
new file mode 100644
index 0000000..295ba36
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/members-table/list-alert.tsx
@@ -0,0 +1,269 @@
+import { Trans } from 'react-i18next'
+import type { GroupUserAlertVariant } from '../../utils/types'
+import NotificationScrolledTo from '@/shared/components/notification-scrolled-to'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+type GroupUsersListAlertProps = {
+  variant: GroupUserAlertVariant
+  userEmail?: string
+  onDismiss: () => void
+}
+
+export default function ListAlert({
+  variant,
+  userEmail,
+  onDismiss,
+}: GroupUsersListAlertProps) {
+  switch (variant) {
+    case 'resendManagedUserInviteSuccess':
+      return (
+        <ResendManagedUserInviteSuccess
+          onDismiss={onDismiss}
+          userEmail={userEmail}
+        />
+      )
+    case 'resendSSOLinkInviteSuccess':
+      return (
+        <ResendSSOLinkInviteSuccess
+          onDismiss={onDismiss}
+          userEmail={userEmail}
+        />
+      )
+    case 'resendManagedUserInviteFailed':
+      return (
+        <FailedToResendManagedInvite
+          onDismiss={onDismiss}
+          userEmail={userEmail}
+        />
+      )
+    case 'resendSSOLinkInviteFailed':
+      return (
+        <FailedToResendSSOLink onDismiss={onDismiss} userEmail={userEmail} />
+      )
+    case 'resendGroupInviteSuccess':
+      return (
+        <ResendGroupInviteSuccess onDismiss={onDismiss} userEmail={userEmail} />
+      )
+    case 'resendGroupInviteFailed':
+      return (
+        <FailedToResendGroupInvite
+          onDismiss={onDismiss}
+          userEmail={userEmail}
+        />
+      )
+    case 'resendInviteTooManyRequests':
+      return <TooManyRequests onDismiss={onDismiss} userEmail={userEmail} />
+    case 'unlinkedSSO':
+      return (
+        <NotificationScrolledTo
+          type="success"
+          content={
+            <Trans
+              i18nKey="sso_reauth_request"
+              values={{ email: userEmail }}
+              components={[<strong />]} // eslint-disable-line react/jsx-key
+              shouldUnescape
+              tOptions={{ interpolation: { escapeValue: true } }}
+            />
+          }
+          id="sso-user-unlinked"
+          ariaLive="polite"
+          isDismissible
+          onDismiss={onDismiss}
+        />
+      )
+  }
+}
+
+type GroupUsersListAlertComponentProps = {
+  onDismiss: () => void
+  userEmail?: string
+}
+
+function ResendManagedUserInviteSuccess({
+  onDismiss,
+  userEmail,
+}: GroupUsersListAlertComponentProps) {
+  return (
+    <OLNotification
+      type="success"
+      content={
+        <Trans
+          i18nKey="managed_user_invite_has_been_sent_to_email"
+          values={{
+            email: userEmail,
+          }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <strong />,
+          ]}
+        />
+      }
+      isDismissible
+      onDismiss={onDismiss}
+    />
+  )
+}
+
+function ResendSSOLinkInviteSuccess({
+  onDismiss,
+  userEmail,
+}: GroupUsersListAlertComponentProps) {
+  return (
+    <OLNotification
+      type="success"
+      content={
+        <Trans
+          i18nKey="sso_link_invite_has_been_sent_to_email"
+          values={{
+            email: userEmail,
+          }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <strong />,
+          ]}
+        />
+      }
+      isDismissible
+      onDismiss={onDismiss}
+    />
+  )
+}
+
+function FailedToResendManagedInvite({
+  onDismiss,
+  userEmail,
+}: GroupUsersListAlertComponentProps) {
+  return (
+    <OLNotification
+      type="error"
+      content={
+        <Trans
+          i18nKey="failed_to_send_managed_user_invite_to_email"
+          values={{
+            email: userEmail,
+          }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <strong />,
+          ]}
+        />
+      }
+      isDismissible
+      onDismiss={onDismiss}
+    />
+  )
+}
+function FailedToResendSSOLink({
+  onDismiss,
+  userEmail,
+}: GroupUsersListAlertComponentProps) {
+  return (
+    <OLNotification
+      type="error"
+      content={
+        <Trans
+          i18nKey="failed_to_send_sso_link_invite_to_email"
+          values={{
+            email: userEmail,
+          }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <strong />,
+          ]}
+        />
+      }
+      isDismissible
+      onDismiss={onDismiss}
+    />
+  )
+}
+
+function ResendGroupInviteSuccess({
+  onDismiss,
+  userEmail,
+}: GroupUsersListAlertComponentProps) {
+  return (
+    <OLNotification
+      type="success"
+      content={
+        <Trans
+          i18nKey="group_invite_has_been_sent_to_email"
+          values={{
+            email: userEmail,
+          }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <strong />,
+          ]}
+        />
+      }
+      isDismissible
+      onDismiss={onDismiss}
+    />
+  )
+}
+
+function FailedToResendGroupInvite({
+  onDismiss,
+  userEmail,
+}: GroupUsersListAlertComponentProps) {
+  return (
+    <OLNotification
+      type="error"
+      content={
+        <Trans
+          i18nKey="failed_to_send_group_invite_to_email"
+          values={{
+            email: userEmail,
+          }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <strong />,
+          ]}
+        />
+      }
+      isDismissible
+      onDismiss={onDismiss}
+    />
+  )
+}
+
+function TooManyRequests({
+  onDismiss,
+  userEmail,
+}: GroupUsersListAlertComponentProps) {
+  return (
+    <OLNotification
+      type="error"
+      content={
+        <Trans
+          i18nKey="an_email_has_already_been_sent_to"
+          values={{
+            email: userEmail,
+          }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <strong />,
+          ]}
+        />
+      }
+      isDismissible
+      onDismiss={onDismiss}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/group-management/components/members-table/managed-user-status.tsx b/services/web/frontend/js/features/group-management/components/members-table/managed-user-status.tsx
new file mode 100644
index 0000000..5ed360d
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/members-table/managed-user-status.tsx
@@ -0,0 +1,42 @@
+import { useTranslation } from 'react-i18next'
+import { User } from '../../../../../../types/group-management/user'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type ManagedUserStatusProps = {
+  user: User
+}
+export default function ManagedUserStatus({ user }: ManagedUserStatusProps) {
+  const { t } = useTranslation()
+  const managedUserInvite = (
+    <span className="security-state-invite-pending">
+      <MaterialIcon type="schedule" accessibilityLabel={t('pending_invite')} />
+      &nbsp;
+      {t('managed')}
+    </span>
+  )
+
+  const managedUserAccepted = (
+    <span className="security-state-managed">
+      <MaterialIcon type="check" accessibilityLabel={t('managed')} />
+      &nbsp;
+      {t('managed')}
+    </span>
+  )
+  const managedUserNotAccepted = (
+    <span className="security-state-not-managed">
+      <MaterialIcon type="close" accessibilityLabel={t('not_managed')} />
+      &nbsp;
+      {t('managed')}
+    </span>
+  )
+
+  if (user.isEntityAdmin) {
+    return <span className="security-state-group-admin" />
+  }
+  if (user.invite) {
+    return managedUserInvite
+  }
+  return user.enrollment?.managedBy
+    ? managedUserAccepted
+    : managedUserNotAccepted
+}
diff --git a/services/web/frontend/js/features/group-management/components/members-table/member-row.tsx b/services/web/frontend/js/features/group-management/components/members-table/member-row.tsx
new file mode 100644
index 0000000..2398cbb
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/members-table/member-row.tsx
@@ -0,0 +1,122 @@
+import moment from 'moment'
+import { type Dispatch, type SetStateAction } from 'react'
+import { useTranslation } from 'react-i18next'
+import { User } from '../../../../../../types/group-management/user'
+import type { GroupUserAlert } from '../../utils/types'
+import ManagedUserStatus from './managed-user-status'
+import SSOStatus from './sso-status'
+import DropdownButton from './dropdown-button'
+import SelectUserCheckbox from './select-user-checkbox'
+import getMeta from '@/utils/meta'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLTag from '@/features/ui/components/ol/ol-tag'
+import MaterialIcon from '@/shared/components/material-icon'
+import classnames from 'classnames'
+
+type ManagedUserRowProps = {
+  user: User
+  openOffboardingModalForUser: (user: User) => void
+  openUnlinkUserModal: (user: User) => void
+  groupId: string
+  setGroupUserAlert: Dispatch<SetStateAction<GroupUserAlert>>
+}
+
+export default function MemberRow({
+  user,
+  openOffboardingModalForUser,
+  openUnlinkUserModal,
+  setGroupUserAlert,
+  groupId,
+}: ManagedUserRowProps) {
+  const { t } = useTranslation()
+  const managedUsersActive = getMeta('ol-managedUsersActive')
+  const groupSSOActive = getMeta('ol-groupSSOActive')
+
+  return (
+    <tr className="managed-entity-row">
+      <SelectUserCheckbox user={user} />
+      <td
+        className={classnames('cell-email', {
+          'text-muted': user.invite,
+        })}
+      >
+        <span>
+          {user.email}
+          {user.invite && (
+            <>
+              &nbsp;
+              <OLTooltip
+                id={`pending-invite-symbol-${user.email}`}
+                description={t('pending_invite')}
+              >
+                <OLTag data-testid="badge-pending-invite">
+                  {t('pending_invite')}
+                </OLTag>
+              </OLTooltip>
+            </>
+          )}
+          {user.isEntityAdmin && (
+            <>
+              &nbsp;
+              <OLTooltip
+                id={`group-admin-symbol-${user.email}`}
+                description={t('group_admin')}
+              >
+                <span data-testid="group-admin-symbol">
+                  <MaterialIcon
+                    type="account_circle"
+                    accessibilityLabel={t('group_admin')}
+                    className="align-middle"
+                  />
+                </span>
+              </OLTooltip>
+            </>
+          )}
+        </span>
+      </td>
+      <td
+        className={classnames('cell-name', {
+          'text-muted': user.invite,
+        })}
+      >
+        {user.first_name} {user.last_name}
+      </td>
+      <td
+        className={classnames('cell-last-active', {
+          'text-muted': user.invite,
+        })}
+      >
+        {user.last_active_at
+          ? moment(user.last_active_at).format('Do MMM YYYY')
+          : 'N/A'}
+      </td>
+      {groupSSOActive && (
+        <td
+          className={classnames('cell-security', {
+            'text-muted': user.invite,
+          })}
+        >
+          <div className="managed-user-security">
+            <SSOStatus user={user} />
+          </div>
+        </td>
+      )}
+      {managedUsersActive && (
+        <td className="cell-managed">
+          <div className="managed-user-security">
+            <ManagedUserStatus user={user} />
+          </div>
+        </td>
+      )}
+      <td className="cell-dropdown">
+        <DropdownButton
+          user={user}
+          openOffboardingModalForUser={openOffboardingModalForUser}
+          openUnlinkUserModal={openUnlinkUserModal}
+          setGroupUserAlert={setGroupUserAlert}
+          groupId={groupId}
+        />
+      </td>
+    </tr>
+  )
+}
diff --git a/services/web/frontend/js/features/group-management/components/members-table/members-list.tsx b/services/web/frontend/js/features/group-management/components/members-table/members-list.tsx
new file mode 100644
index 0000000..408d751
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/members-table/members-list.tsx
@@ -0,0 +1,128 @@
+import { useState, useRef, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import { User } from '../../../../../../types/group-management/user'
+import { useGroupMembersContext } from '../../context/group-members-context'
+import type { GroupUserAlert } from '../../utils/types'
+import MemberRow from './member-row'
+import OffboardManagedUserModal from './offboard-managed-user-modal'
+import ListAlert from './list-alert'
+import SelectAllCheckbox from './select-all-checkbox'
+import classNames from 'classnames'
+import getMeta from '@/utils/meta'
+import UnlinkUserModal from './unlink-user-modal'
+import OLTable from '@/features/ui/components/ol/ol-table'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+
+type ManagedUsersListProps = {
+  groupId: string
+}
+
+export default function MembersList({ groupId }: ManagedUsersListProps) {
+  const { t } = useTranslation()
+  const [userToOffboard, setUserToOffboard] = useState<User | undefined>(
+    undefined
+  )
+  const [groupUserAlert, setGroupUserAlert] =
+    useState<GroupUserAlert>(undefined)
+  const [userToUnlink, setUserToUnlink] = useState<User | undefined>(undefined)
+  const { users } = useGroupMembersContext()
+  const managedUsersActive = getMeta('ol-managedUsersActive')
+  const groupSSOActive = getMeta('ol-groupSSOActive')
+  const tHeadRowRef = useRef<HTMLTableRowElement>(null)
+  const [colSpan, setColSpan] = useState(0)
+
+  useEffect(() => {
+    if (tHeadRowRef.current) {
+      setColSpan(tHeadRowRef.current.querySelectorAll('th').length)
+    }
+  }, [])
+
+  return (
+    <div>
+      {groupUserAlert && (
+        <ListAlert
+          variant={groupUserAlert.variant}
+          userEmail={groupUserAlert.email}
+          onDismiss={() => setGroupUserAlert(undefined)}
+        />
+      )}
+      <OLTable
+        className={classNames(
+          'managed-entities-table',
+          'structured-list',
+          'managed-entities-list',
+          {
+            'managed-users-active': managedUsersActive,
+            'group-sso-active': groupSSOActive,
+          }
+        )}
+        container={false}
+        hover
+        data-testid="managed-entities-table"
+      >
+        <thead>
+          <tr ref={tHeadRowRef}>
+            <SelectAllCheckbox />
+            <th className="cell-email">{t('email')}</th>
+            <th className="cell-name">{t('name')}</th>
+            <th className="cell-last-active">
+              <OLTooltip
+                id="last-active-tooltip"
+                description={t('last_active_description')}
+                overlayProps={{
+                  placement: 'left',
+                }}
+              >
+                <span>
+                  {t('last_active')}
+                  <sup>(?)</sup>
+                </span>
+              </OLTooltip>
+            </th>
+            {groupSSOActive && (
+              <th className="cell-security">{t('security')}</th>
+            )}
+            {managedUsersActive && (
+              <th className="cell-managed">{t('managed')}</th>
+            )}
+            <th />
+          </tr>
+        </thead>
+        <tbody>
+          {users.length === 0 && (
+            <tr>
+              <td className="text-center" colSpan={colSpan}>
+                <small>{t('no_members')}</small>
+              </td>
+            </tr>
+          )}
+          {users.map(user => (
+            <MemberRow
+              key={user.email}
+              user={user}
+              openOffboardingModalForUser={setUserToOffboard}
+              openUnlinkUserModal={setUserToUnlink}
+              setGroupUserAlert={setGroupUserAlert}
+              groupId={groupId}
+            />
+          ))}
+        </tbody>
+      </OLTable>
+      {userToOffboard && (
+        <OffboardManagedUserModal
+          user={userToOffboard}
+          groupId={groupId}
+          allMembers={users}
+          onClose={() => setUserToOffboard(undefined)}
+        />
+      )}
+      {userToUnlink && (
+        <UnlinkUserModal
+          user={userToUnlink}
+          onClose={() => setUserToUnlink(undefined)}
+          setGroupUserAlert={setGroupUserAlert}
+        />
+      )}
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/group-management/components/members-table/offboard-managed-user-modal.tsx b/services/web/frontend/js/features/group-management/components/members-table/offboard-managed-user-modal.tsx
new file mode 100644
index 0000000..5bc234a
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/members-table/offboard-managed-user-modal.tsx
@@ -0,0 +1,154 @@
+import { User } from '../../../../../../types/group-management/user'
+import { useState } from 'react'
+import useAsync from '@/shared/hooks/use-async'
+import { useTranslation } from 'react-i18next'
+import { useLocation } from '@/shared/hooks/use-location'
+import { FetchError, postJSON } from '@/infrastructure/fetch-json'
+import { debugConsole } from '@/utils/debugging'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLFormSelect from '@/features/ui/components/ol/ol-form-select'
+
+type OffboardManagedUserModalProps = {
+  user: User
+  allMembers: User[]
+  groupId: string
+  onClose: () => void
+}
+
+export default function OffboardManagedUserModal({
+  user,
+  allMembers,
+  groupId,
+  onClose,
+}: OffboardManagedUserModalProps) {
+  const { t } = useTranslation()
+  const location = useLocation()
+
+  const [selectedRecipientId, setSelectedRecipientId] = useState<string>()
+  const [suppliedEmail, setSuppliedEmail] = useState<string>()
+  const [error, setError] = useState<string>()
+
+  const { isLoading, isSuccess, runAsync } = useAsync()
+
+  const otherMembers = allMembers.filter(u => u._id !== user._id && !u.invite)
+  const userFullName = user.last_name
+    ? `${user.first_name || ''} ${user.last_name || ''}`
+    : user.first_name
+
+  const shouldEnableDeleteUserButton =
+    suppliedEmail === user.email && !!selectedRecipientId
+
+  const handleDeleteUserSubmit = (event: any) => {
+    event.preventDefault()
+    runAsync(
+      postJSON(`/manage/groups/${groupId}/offboardManagedUser/${user._id}`, {
+        body: {
+          verificationEmail: suppliedEmail,
+          transferProjectsToUserId: selectedRecipientId,
+        },
+      })
+        .then(() => {
+          location.reload()
+        })
+        .catch(err => {
+          debugConsole.error(err)
+          setError(
+            err instanceof FetchError ? err.getUserFacingMessage() : err.message
+          )
+        })
+    )
+  }
+
+  return (
+    <OLModal id={`delete-user-modal-${user._id}`} show onHide={onClose}>
+      <form id="delete-user-form" onSubmit={handleDeleteUserSubmit}>
+        <OLModalHeader>
+          <OLModalTitle>{t('delete_user')}</OLModalTitle>
+        </OLModalHeader>
+        <OLModalBody>
+          <p>
+            {t('about_to_delete_user_preamble', {
+              userName: userFullName,
+              userEmail: user.email,
+            })}
+          </p>
+          <ul>
+            <li>{t('they_lose_access_to_account')}</li>
+            <li>{t('their_projects_will_be_transferred_to_another_user')}</li>
+            <li>{t('you_will_be_able_to_reassign_subscription')}</li>
+          </ul>
+          <p>
+            <span>{t('this_action_cannot_be_reversed')}</span>
+            &nbsp;
+            <a href="/learn/how-to/User_Management_in_Overleaf" target="_blank">
+              {t('learn_more_about_managed_users')}
+            </a>
+          </p>
+          <strong>{t('transfer_this_users_projects')}</strong>
+          <p>{t('transfer_this_users_projects_description')}</p>
+          <OLFormGroup controlId="recipient-select-input">
+            <OLFormLabel>{t('select_a_new_owner_for_projects')}</OLFormLabel>
+            <OLFormSelect
+              aria-label={t('select_user')}
+              required
+              placeholder={t('choose_from_group_members')}
+              value={selectedRecipientId || ''}
+              onChange={e => setSelectedRecipientId(e.target.value)}
+            >
+              <option hidden disabled value="">
+                {t('choose_from_group_members')}
+              </option>
+              {otherMembers.map(member => (
+                <option value={member._id} key={member.email}>
+                  {member.email}
+                </option>
+              ))}
+            </OLFormSelect>
+          </OLFormGroup>
+          <p>
+            <span>{t('all_projects_will_be_transferred_immediately')}</span>
+          </p>
+          <OLFormGroup controlId="supplied-email-input">
+            <OLFormLabel>
+              {t('confirm_delete_user_type_email_address', {
+                userName: userFullName,
+              })}
+            </OLFormLabel>
+            <OLFormControl
+              type="email"
+              aria-label={t('email')}
+              onChange={e => setSuppliedEmail(e.target.value)}
+            />
+          </OLFormGroup>
+          {error && (
+            <OLNotification type="error" content={error} className="mb-0" />
+          )}
+        </OLModalBody>
+        <OLModalFooter>
+          <OLButton variant="secondary" onClick={onClose}>
+            {t('cancel')}
+          </OLButton>
+          <OLButton
+            type="submit"
+            variant="danger"
+            disabled={isLoading || isSuccess || !shouldEnableDeleteUserButton}
+            loadingLabel={t('deleting')}
+            isLoading={isLoading}
+          >
+            {t('delete_user')}
+          </OLButton>
+        </OLModalFooter>
+      </form>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/group-management/components/members-table/select-all-checkbox.tsx b/services/web/frontend/js/features/group-management/components/members-table/select-all-checkbox.tsx
new file mode 100644
index 0000000..17aaa2d
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/members-table/select-all-checkbox.tsx
@@ -0,0 +1,42 @@
+import React, { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useGroupMembersContext } from '../../context/group-members-context'
+import OLFormCheckbox from '@/features/ui/components/ol/ol-form-checkbox'
+
+export default function SelectAllCheckbox() {
+  const { t } = useTranslation()
+
+  const { selectedUsers, users, selectAllNonManagedUsers, unselectAllUsers } =
+    useGroupMembersContext()
+
+  const handleSelectAllNonManagedClick = useCallback(
+    (e: React.ChangeEvent<HTMLInputElement>) => {
+      if (e.target.checked) {
+        selectAllNonManagedUsers()
+      } else {
+        unselectAllUsers()
+      }
+    },
+    [selectAllNonManagedUsers, unselectAllUsers]
+  )
+
+  // Pending: user.enrollment will be `undefined`
+  // Not managed: user.enrollment will be an empty object
+  const nonManagedUsers = users.filter(user => !user.enrollment?.managedBy)
+
+  if (nonManagedUsers.length === 0) {
+    return null
+  }
+
+  return (
+    <th className="cell-checkbox">
+      <OLFormCheckbox
+        autoComplete="off"
+        onChange={handleSelectAllNonManagedClick}
+        checked={selectedUsers.length === nonManagedUsers.length}
+        aria-label={t('select_all')}
+        data-testid="select-all-checkbox"
+      />
+    </th>
+  )
+}
diff --git a/services/web/frontend/js/features/group-management/components/members-table/select-user-checkbox.tsx b/services/web/frontend/js/features/group-management/components/members-table/select-user-checkbox.tsx
new file mode 100644
index 0000000..a2d3281
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/members-table/select-user-checkbox.tsx
@@ -0,0 +1,55 @@
+import { useTranslation } from 'react-i18next'
+import type { User } from '../../../../../../types/group-management/user'
+import { useGroupMembersContext } from '../../context/group-members-context'
+import { useCallback } from 'react'
+import OLFormCheckbox from '@/features/ui/components/ol/ol-form-checkbox'
+
+type ManagedUsersSelectUserCheckboxProps = {
+  user: User
+}
+
+export default function SelectUserCheckbox({
+  user,
+}: ManagedUsersSelectUserCheckboxProps) {
+  const { t } = useTranslation()
+  const { users, selectedUsers, selectUser, unselectUser } =
+    useGroupMembersContext()
+
+  const handleSelectUser = useCallback(
+    (event, user) => {
+      if (event.target.checked) {
+        selectUser(user)
+      } else {
+        unselectUser(user)
+      }
+    },
+    [selectUser, unselectUser]
+  )
+
+  // Pending: user.enrollment will be `undefined`
+  // Non managed: user.enrollment will be an empty object
+  const nonManagedUsers = users.filter(user => !user.enrollment?.managedBy)
+
+  // Hide the entire `td` (entire column) if no more users available to be click
+  // because all users are currently managed
+  if (nonManagedUsers.length === 0) {
+    return null
+  }
+
+  const selected = selectedUsers.includes(user)
+
+  return (
+    <td className="cell-checkbox">
+      {/* the next check will hide the `checkbox` but still show the `th` */}
+      {user.enrollment?.managedBy ? null : (
+        <OLFormCheckbox
+          autoComplete="off"
+          checked={selected}
+          onChange={e => handleSelectUser(e, user)}
+          aria-label={t('select_user')}
+          data-testid="select-single-checkbox"
+        />
+      )}
+    </td>
+  )
+}
diff --git a/services/web/frontend/js/features/group-management/components/members-table/sso-status.tsx b/services/web/frontend/js/features/group-management/components/members-table/sso-status.tsx
new file mode 100644
index 0000000..69f3a20
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/members-table/sso-status.tsx
@@ -0,0 +1,50 @@
+import { useTranslation } from 'react-i18next'
+import getMeta from '@/utils/meta'
+import { User } from '../../../../../../types/group-management/user'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type SSOStatusProps = {
+  user: User
+}
+
+export default function SSOStatus({ user }: SSOStatusProps) {
+  const groupId = getMeta('ol-groupId')
+
+  if (user.invite) {
+    return <PendingInvite />
+  }
+
+  const linkedSSO = user.enrollment?.sso?.some(sso => sso.groupId === groupId)
+
+  return linkedSSO ? <SSOLinked /> : <SSOUnlinked />
+}
+
+function PendingInvite() {
+  const { t } = useTranslation()
+  return (
+    <span className="security-state-invite-pending">
+      <MaterialIcon type="schedule" accessibilityLabel={t('pending_invite')} />
+      &nbsp; {t('sso')}
+    </span>
+  )
+}
+
+function SSOLinked() {
+  const { t } = useTranslation()
+  return (
+    <span className="security-state-managed">
+      <MaterialIcon type="check" accessibilityLabel={t('sso_active')} />
+      &nbsp; {t('sso')}
+    </span>
+  )
+}
+
+function SSOUnlinked() {
+  const { t } = useTranslation()
+  return (
+    <span className="security-state-not-managed">
+      <MaterialIcon type="close" accessibilityLabel={t('sso_not_active')} />
+      &nbsp; {t('sso')}
+    </span>
+  )
+}
diff --git a/services/web/frontend/js/features/group-management/components/members-table/unlink-user-modal.tsx b/services/web/frontend/js/features/group-management/components/members-table/unlink-user-modal.tsx
new file mode 100644
index 0000000..f63bda7
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/members-table/unlink-user-modal.tsx
@@ -0,0 +1,124 @@
+import { useTranslation, Trans } from 'react-i18next'
+import { User } from '../../../../../../types/group-management/user'
+import getMeta from '@/utils/meta'
+import { SetStateAction, useCallback, useState, type Dispatch } from 'react'
+import useAsync from '@/shared/hooks/use-async'
+import { postJSON } from '@/infrastructure/fetch-json'
+import NotificationScrolledTo from '@/shared/components/notification-scrolled-to'
+import { debugConsole } from '@/utils/debugging'
+import { GroupUserAlert } from '../../utils/types'
+import { useGroupMembersContext } from '../../context/group-members-context'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export type UnlinkUserModalProps = {
+  onClose: () => void
+  user: User
+  setGroupUserAlert: Dispatch<SetStateAction<GroupUserAlert>>
+}
+
+export default function UnlinkUserModal({
+  onClose,
+  user,
+  setGroupUserAlert,
+}: UnlinkUserModalProps) {
+  const { t } = useTranslation()
+  const groupId = getMeta('ol-groupId')
+  const [hasError, setHasError] = useState<string | undefined>()
+  const { isLoading: unlinkInFlight, runAsync, reset } = useAsync()
+  const { updateMemberView } = useGroupMembersContext()
+
+  const setUserAsUnlinked = useCallback(() => {
+    if (!user.enrollment?.sso) {
+      return
+    }
+    const enrollment = Object.assign({}, user.enrollment, {
+      sso: user.enrollment.sso.filter(sso => sso.groupId !== groupId),
+    })
+    const updatedUser = Object.assign({}, user, {
+      enrollment,
+    })
+    updateMemberView(user._id, updatedUser)
+  }, [groupId, updateMemberView, user])
+
+  const handleUnlink = useCallback(
+    event => {
+      event.preventDefault()
+      setHasError(undefined)
+      if (!user) {
+        setHasError(t('generic_something_went_wrong'))
+        return
+      }
+      runAsync(postJSON(`/manage/groups/${groupId}/unlink-user/${user._id}`))
+        .then(() => {
+          setUserAsUnlinked()
+          setGroupUserAlert({
+            variant: 'unlinkedSSO',
+            email: user.email,
+          })
+          onClose()
+          reset()
+        })
+        .catch(e => {
+          debugConsole.error(e)
+          setHasError(t('generic_something_went_wrong'))
+        })
+    },
+    [
+      groupId,
+      onClose,
+      reset,
+      runAsync,
+      setGroupUserAlert,
+      setUserAsUnlinked,
+      t,
+      user,
+    ]
+  )
+
+  return (
+    <OLModal show onHide={onClose}>
+      <OLModalHeader>
+        <OLModalTitle>{t('unlink_user')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody>
+        {hasError && (
+          <div className="mb-3">
+            <NotificationScrolledTo
+              type="error"
+              content={hasError}
+              id="alert-unlink-user-error"
+              ariaLive="polite"
+            />
+          </div>
+        )}
+        <p>
+          <Trans
+            i18nKey="unlink_user_explanation"
+            components={[<strong />]} // eslint-disable-line react/jsx-key
+            values={{ email: user.email }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+          />
+        </p>
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton variant="secondary" disabled={unlinkInFlight}>
+          {t('cancel')}
+        </OLButton>
+        <OLButton
+          variant="danger"
+          onClick={e => handleUnlink(e)}
+          disabled={unlinkInFlight}
+        >
+          {t('unlink_user')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/group-management/components/missing-billing-information.tsx b/services/web/frontend/js/features/group-management/components/missing-billing-information.tsx
new file mode 100644
index 0000000..499e57f
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/missing-billing-information.tsx
@@ -0,0 +1,33 @@
+import { Trans, useTranslation } from 'react-i18next'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import Card from '@/features/group-management/components/card'
+
+function MissingBillingInformation() {
+  const { t } = useTranslation()
+
+  return (
+    <Card>
+      <OLNotification
+        type="error"
+        title={t('missing_payment_details')}
+        content={
+          <Trans
+            i18nKey="it_looks_like_your_payment_details_are_missing_please_update_your_billing_information"
+            components={[
+              // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+              <a
+                href="/user/subscription/recurly/billing-details"
+                rel="noreferrer noopener"
+              />,
+              // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+              <a href="/contact" rel="noreferrer noopener" />,
+            ]}
+          />
+        }
+        className="m-0"
+      />
+    </Card>
+  )
+}
+
+export default MissingBillingInformation
diff --git a/services/web/frontend/js/features/group-management/components/publisher-managers.tsx b/services/web/frontend/js/features/group-management/components/publisher-managers.tsx
new file mode 100644
index 0000000..f0ced96
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/publisher-managers.tsx
@@ -0,0 +1,37 @@
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import useWaitForI18n from '../../../shared/hooks/use-wait-for-i18n'
+import getMeta from '../../../utils/meta'
+import { ManagersTable } from './managers-table'
+
+export default function PublisherManagers() {
+  const { isReady } = useWaitForI18n()
+  const { t } = useTranslation()
+
+  const groupId = getMeta('ol-groupId')
+  const groupName = getMeta('ol-groupName')
+
+  const paths = useMemo(
+    () => ({
+      addMember: `/manage/publishers/${groupId}/managers`,
+      removeMember: `/manage/publishers/${groupId}/managers`,
+    }),
+    [groupId]
+  )
+
+  if (!isReady) {
+    return null
+  }
+
+  return (
+    <ManagersTable
+      groupName={groupName}
+      translations={{
+        title: t('publisher_account'),
+        subtitle: t('managers_management'),
+        remove: t('remove_manager'),
+      }}
+      paths={paths}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/group-management/components/request-status.tsx b/services/web/frontend/js/features/group-management/components/request-status.tsx
new file mode 100644
index 0000000..e7bf3d9
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/request-status.tsx
@@ -0,0 +1,64 @@
+import { useTranslation } from 'react-i18next'
+import { Card, CardBody, Row, Col } from 'react-bootstrap-5'
+import Button from '@/features/ui/components/bootstrap-5/button'
+import MaterialIcon from '@/shared/components/material-icon'
+import getMeta from '@/utils/meta'
+import IconButton from '@/features/ui/components/bootstrap-5/icon-button'
+import classnames from 'classnames'
+
+type RequestStatusProps = {
+  icon: string
+  title: string
+  content?: React.ReactNode
+  variant?: 'primary' | 'danger'
+}
+
+function RequestStatus({ icon, title, content, variant }: RequestStatusProps) {
+  const { t } = useTranslation()
+  const groupName = getMeta('ol-groupName')
+
+  return (
+    <div className="container">
+      <Row>
+        <Col xxl={5} xl={6} lg={7} md={9} className="mx-auto">
+          <div className="group-heading" data-testid="group-heading">
+            <IconButton
+              variant="ghost"
+              href="/user/subscription"
+              size="lg"
+              icon="arrow_back"
+              accessibilityLabel={t('back_to_subscription')}
+            />
+            <h2>{groupName || t('group_subscription')}</h2>
+          </div>
+          <Card>
+            <CardBody className="d-grid gap-3">
+              <div
+                className={classnames('card-icon', {
+                  [`text-${variant}`]: variant,
+                })}
+              >
+                <MaterialIcon type={icon} />
+              </div>
+              <div className="d-grid gap-2 text-center">
+                <h3 className="mb-0 fw-bold" data-testid="title">
+                  {title}
+                </h3>
+                {content && (
+                  <div className="card-description-secondary">{content}</div>
+                )}
+              </div>
+              <div className="text-center">
+                <Button variant="secondary" href="/user/subscription">
+                  {t('go_to_subscriptions')}
+                </Button>
+              </div>
+            </CardBody>
+          </Card>
+        </Col>
+      </Row>
+    </div>
+  )
+}
+
+export default RequestStatus
diff --git a/services/web/frontend/js/features/group-management/components/subtotal-limit-exceeded.tsx b/services/web/frontend/js/features/group-management/components/subtotal-limit-exceeded.tsx
new file mode 100644
index 0000000..b194d75
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/subtotal-limit-exceeded.tsx
@@ -0,0 +1,25 @@
+import { Trans } from 'react-i18next'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import Card from '@/features/group-management/components/card'
+
+function SubtotalLimitExceeded() {
+  return (
+    <Card>
+      <OLNotification
+        type="error"
+        content={
+          <Trans
+            i18nKey="sorry_there_was_an_issue_upgrading_your_subscription"
+            components={[
+              // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+              <a href="/contact" rel="noreferrer noopener" />,
+            ]}
+          />
+        }
+        className="m-0"
+      />
+    </Card>
+  )
+}
+
+export default SubtotalLimitExceeded
diff --git a/services/web/frontend/js/features/group-management/components/upgrade-subscription/root.tsx b/services/web/frontend/js/features/group-management/components/upgrade-subscription/root.tsx
new file mode 100644
index 0000000..3b82f3b
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/upgrade-subscription/root.tsx
@@ -0,0 +1,14 @@
+import useWaitForI18n from '../../../../shared/hooks/use-wait-for-i18n'
+import UpgradeSubscription from '@/features/group-management/components/upgrade-subscription/upgrade-subscription'
+
+function Root() {
+  const { isReady } = useWaitForI18n()
+
+  if (!isReady) {
+    return null
+  }
+
+  return <UpgradeSubscription />
+}
+
+export default Root
diff --git a/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription-plan-details.tsx b/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription-plan-details.tsx
new file mode 100644
index 0000000..a0a95fc
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription-plan-details.tsx
@@ -0,0 +1,75 @@
+import getMeta from '@/utils/meta'
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Card, Row, Col } from 'react-bootstrap-5'
+import MaterialIcon from '@/shared/components/material-icon'
+import { formatCurrency } from '@/shared/utils/currency'
+
+export const LICENSE_ADD_ON = 'additional-license'
+
+function UpgradeSubscriptionPlanDetails() {
+  const { t } = useTranslation()
+  const preview = getMeta('ol-subscriptionChangePreview')
+  const totalLicenses = getMeta('ol-totalLicenses')
+
+  const licenseUnitPrice = useMemo(() => {
+    const additionalLicenseAddOn = preview.nextInvoice.addOns.filter(
+      addOn => addOn.code === LICENSE_ADD_ON
+    )
+    // Legacy plans might not have additional-license add-on.
+    // Hence we need to compute unit price
+    return additionalLicenseAddOn.length > 0
+      ? additionalLicenseAddOn[0].unitAmount
+      : preview.nextInvoice.plan.amount / totalLicenses
+  }, [
+    preview.nextInvoice.addOns,
+    preview.nextInvoice.plan.amount,
+    totalLicenses,
+  ])
+
+  return (
+    <Card
+      className="group-subscription-upgrade-features card-description-secondary border-1"
+      border="light"
+    >
+      <Card.Body className="d-grid gap-3 p-3">
+        <b>{preview.nextInvoice.plan.name}</b>
+        <Row xs="auto" className="gx-2">
+          <Col>
+            <span className="per-user-price" data-testid="per-user-price">
+              <b>
+                {formatCurrency(
+                  licenseUnitPrice,
+                  preview.currency,
+                  getMeta('ol-i18n')?.currentLangCode ?? 'en',
+                  true
+                )}
+              </b>
+            </span>
+          </Col>
+          <Col className="d-flex flex-column justify-content-center">
+            <div className="per-user-price-text">{t('per_license')}</div>
+            <div className="per-user-price-text">{t('billed_yearly')}</div>
+          </Col>
+        </Row>
+        <div className="feature-list-item">
+          <b>{t('all_features_in_group_standard_plus')}</b>
+        </div>
+        <div className="ps-2 feature-list-item">
+          <MaterialIcon type="check" className="me-1" />
+          {t('unlimited_collaborators_per_project')}
+        </div>
+        <div className="ps-2 feature-list-item">
+          <MaterialIcon type="check" className="me-1" />
+          {t('sso')}
+        </div>
+        <div className="ps-2 feature-list-item">
+          <MaterialIcon type="check" className="me-1" />
+          {t('managed_user_accounts')}
+        </div>
+      </Card.Body>
+    </Card>
+  )
+}
+
+export default UpgradeSubscriptionPlanDetails
diff --git a/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription-upgrade-summary.tsx b/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription-upgrade-summary.tsx
new file mode 100644
index 0000000..d7546cc
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription-upgrade-summary.tsx
@@ -0,0 +1,114 @@
+import { useTranslation } from 'react-i18next'
+import { Card, ListGroup } from 'react-bootstrap-5'
+import { formatCurrency } from '@/shared/utils/currency'
+import { formatTime } from '@/features/utils/format-date'
+import {
+  GroupPlanUpgrade,
+  SubscriptionChangePreview,
+} from '../../../../../../types/subscription/subscription-change-preview'
+import { MergeAndOverride } from '../../../../../../types/utils'
+import getMeta from '@/utils/meta'
+
+export type SubscriptionChange = MergeAndOverride<
+  SubscriptionChangePreview,
+  { change: GroupPlanUpgrade }
+>
+
+type UpgradeSummaryProps = {
+  subscriptionChange: SubscriptionChange
+}
+
+function UpgradeSummary({ subscriptionChange }: UpgradeSummaryProps) {
+  const { t } = useTranslation()
+  const totalLicenses = getMeta('ol-totalLicenses')
+
+  return (
+    <Card className="card-gray card-description-secondary">
+      <Card.Body className="d-grid gap-2 p-3">
+        <div>
+          <div className="fw-bold">{t('upgrade_summary')}</div>
+          {t('you_have_x_licenses_on_your_subscription', {
+            groupSize: totalLicenses,
+          })}
+        </div>
+        <div>
+          <ListGroup>
+            <ListGroup.Item className="bg-transparent border-0 px-0 gap-3 card-description-secondary">
+              <span className="me-auto">
+                {subscriptionChange.nextInvoice.plan.name} x {totalLicenses}{' '}
+                {t('licenses')}
+              </span>
+              <span data-testid="subtotal">
+                {formatCurrency(
+                  subscriptionChange.immediateCharge.subtotal,
+                  subscriptionChange.currency
+                )}
+              </span>
+            </ListGroup.Item>
+            {subscriptionChange.immediateCharge.discount !== 0 && (
+              <ListGroup.Item className="bg-transparent border-0 px-0 gap-3 card-description-secondary">
+                <span className="me-auto">{t('discount')}</span>
+                <span data-testid="discount">
+                  (
+                  {formatCurrency(
+                    subscriptionChange.immediateCharge.discount,
+                    subscriptionChange.currency
+                  )}
+                  )
+                </span>
+              </ListGroup.Item>
+            )}
+            <ListGroup.Item className="bg-transparent border-0 px-0 gap-3 card-description-secondary">
+              <span className="me-auto">{t('vat')}</span>
+              <span data-testid="tax">
+                {formatCurrency(
+                  subscriptionChange.immediateCharge.tax,
+                  subscriptionChange.currency
+                )}
+              </span>
+            </ListGroup.Item>
+            <ListGroup.Item className="bg-transparent border-0 px-0 gap-3 card-description-secondary">
+              <strong className="me-auto">{t('total_due_today')}</strong>
+              <strong data-testid="total">
+                {formatCurrency(
+                  subscriptionChange.immediateCharge.total,
+                  subscriptionChange.currency
+                )}
+              </strong>
+            </ListGroup.Item>
+          </ListGroup>
+          <hr className="m-0" />
+        </div>
+        <div>
+          {t(
+            'we_will_charge_you_now_for_your_new_plan_based_on_the_remaining_months_of_your_current_subscription'
+          )}
+        </div>
+        <div>
+          {t(
+            'after_that_well_bill_you_x_total_y_subtotal_z_tax_annually_on_date_unless_you_cancel',
+            {
+              totalAmount: formatCurrency(
+                subscriptionChange.nextInvoice.total,
+                subscriptionChange.currency
+              ),
+              subtotalAmount: formatCurrency(
+                subscriptionChange.nextInvoice.subtotal,
+                subscriptionChange.currency
+              ),
+              taxAmount: formatCurrency(
+                subscriptionChange.nextInvoice.tax.amount,
+                subscriptionChange.currency
+              ),
+              date: formatTime(subscriptionChange.nextInvoice.date, 'MMMM D'),
+            }
+          )}
+          {subscriptionChange.immediateCharge.discount !== 0 &&
+            ` ${t('coupons_not_included')}.`}
+        </div>
+      </Card.Body>
+    </Card>
+  )
+}
+
+export default UpgradeSummary
diff --git a/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription.tsx b/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription.tsx
new file mode 100644
index 0000000..f5750ae
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/upgrade-subscription/upgrade-subscription.tsx
@@ -0,0 +1,149 @@
+import getMeta from '@/utils/meta'
+import { postJSON } from '@/infrastructure/fetch-json'
+import { useTranslation, Trans } from 'react-i18next'
+import { Card, Row, Col } from 'react-bootstrap-5'
+import IconButton from '@/features/ui/components/bootstrap-5/icon-button'
+import Button from '@/features/ui/components/bootstrap-5/button'
+import UpgradeSubscriptionPlanDetails from './upgrade-subscription-plan-details'
+import useAsync from '@/shared/hooks/use-async'
+import RequestStatus from '../request-status'
+import UpgradeSummary, {
+  SubscriptionChange,
+} from './upgrade-subscription-upgrade-summary'
+import { debugConsole } from '@/utils/debugging'
+import { sendMB } from '../../../../infrastructure/event-tracking'
+
+function UpgradeSubscription() {
+  const { t } = useTranslation()
+  const groupName = getMeta('ol-groupName')
+  const preview = getMeta('ol-subscriptionChangePreview') as SubscriptionChange
+  const { isError, runAsync, isSuccess, isLoading } = useAsync()
+  const onSubmit = () => {
+    sendMB('flex-upgrade-form', {
+      action: 'click-upgrade-button',
+    })
+    runAsync(postJSON('/user/subscription/group/upgrade-subscription'))
+      .then(() => {
+        sendMB('flex-upgrade-success')
+      })
+      .catch(() => {
+        debugConsole.error()
+        sendMB('flex-upgrade-error')
+      })
+  }
+
+  if (isSuccess) {
+    return (
+      <RequestStatus
+        variant="primary"
+        icon="check_circle"
+        title={t('youve_upgraded_your_plan')}
+      />
+    )
+  }
+
+  if (isError) {
+    return (
+      <RequestStatus
+        variant="danger"
+        icon="error"
+        title={t('something_went_wrong')}
+        content={
+          <Trans
+            i18nKey="it_looks_like_that_didnt_work_you_can_try_again_or_get_in_touch"
+            components={[
+              // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+              <a
+                href="/contact"
+                onClick={() => {
+                  sendMB('flex-upgrade-form', {
+                    action: 'click-get-in-touch-link',
+                  })
+                }}
+              />,
+            ]}
+          />
+        }
+      />
+    )
+  }
+
+  return (
+    <div className="container">
+      <Row>
+        <Col xl={{ span: 8, offset: 2 }}>
+          <div className="group-heading" data-testid="group-heading">
+            <IconButton
+              variant="ghost"
+              href="/user/subscription"
+              size="lg"
+              icon="arrow_back"
+              accessibilityLabel={t('back_to_subscription')}
+            />
+            <h2>{groupName || t('group_subscription')}</h2>
+          </div>
+          <Card className="card-description-secondary group-subscription-upgrade-card">
+            <Card.Body className="d-grid gap-2">
+              <b className="title">{t('upgrade_your_subscription')}</b>
+              <p>
+                <Trans
+                  i18nKey="group_plan_upgrade_description"
+                  values={{
+                    currentPlan: preview.change.prevPlan.name,
+                    nextPlan: preview.nextInvoice.plan.name,
+                  }}
+                  shouldUnescape
+                  tOptions={{ interpolation: { escapeValue: true } }}
+                  components={[
+                    // eslint-disable-next-line react/jsx-key
+                    <strong />,
+                    /* eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key */
+                    <a href="/contact" />,
+                  ]}
+                />
+              </p>
+              <Row className="mb-2">
+                <Col md={{ span: 6 }} className="mb-2">
+                  <UpgradeSubscriptionPlanDetails />
+                </Col>
+                <Col md={{ span: 6 }}>
+                  <UpgradeSummary subscriptionChange={preview} />
+                </Col>
+              </Row>
+              <div className="d-flex align-items-center justify-content-end gap-2">
+                <a
+                  href="/user/subscription/group/add-users"
+                  className="me-auto"
+                  onClick={() => sendMB('flex-add-users')}
+                >
+                  {t('add_more_licenses_to_my_plan')}
+                </a>
+                <Button
+                  href="/user/subscription"
+                  variant="secondary"
+                  disabled={isLoading}
+                  onClick={() => {
+                    sendMB('flex-upgrade-form', {
+                      action: 'click-cancel-button',
+                    })
+                  }}
+                >
+                  {t('cancel')}
+                </Button>
+                <Button
+                  variant="primary"
+                  onClick={onSubmit}
+                  isLoading={isLoading}
+                >
+                  {t('upgrade')}
+                </Button>
+              </div>
+            </Card.Body>
+          </Card>
+        </Col>
+      </Row>
+    </div>
+  )
+}
+
+export default UpgradeSubscription
diff --git a/services/web/frontend/js/features/group-management/components/user-row.tsx b/services/web/frontend/js/features/group-management/components/user-row.tsx
new file mode 100644
index 0000000..895cc69
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/components/user-row.tsx
@@ -0,0 +1,70 @@
+import moment from 'moment'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { User } from '../../../../../types/group-management/user'
+import OLFormCheckbox from '@/features/ui/components/ol/ol-form-checkbox'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type GroupMemberRowProps = {
+  user: User
+  selectUser: (user: User) => void
+  unselectUser: (user: User) => void
+  selected: boolean
+}
+
+export default function UserRow({
+  user,
+  selectUser,
+  unselectUser,
+  selected,
+}: GroupMemberRowProps) {
+  const { t } = useTranslation()
+
+  const handleSelectUser = useCallback(
+    (event, user) => {
+      if (event.target.checked) {
+        selectUser(user)
+      } else {
+        unselectUser(user)
+      }
+    },
+    [selectUser, unselectUser]
+  )
+
+  return (
+    <tr key={`user-${user.email}`} className="managed-entity-row">
+      <td className="cell-checkbox">
+        <OLFormCheckbox
+          autoComplete="off"
+          checked={selected}
+          onChange={e => handleSelectUser(e, user)}
+          aria-label={t('select_user')}
+          data-testid="select-single-checkbox"
+        />
+      </td>
+      <td>{user.email}</td>
+      <td className="cell-name">
+        {user.first_name} {user.last_name}
+      </td>
+      <td className="cell-last-active">
+        {user.last_active_at
+          ? moment(user.last_active_at).format('Do MMM YYYY')
+          : 'N/A'}
+      </td>
+      <td className="cell-accepted-invite">
+        {user.invite ? (
+          <MaterialIcon
+            type="clear"
+            accessibilityLabel={t('invite_not_accepted')}
+          />
+        ) : (
+          <MaterialIcon
+            type="check"
+            className="text-success"
+            accessibilityLabel={t('accepted_invite')}
+          />
+        )}
+      </td>
+    </tr>
+  )
+}
diff --git a/services/web/frontend/js/features/group-management/context/group-members-context.tsx b/services/web/frontend/js/features/group-management/context/group-members-context.tsx
new file mode 100644
index 0000000..748d845
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/context/group-members-context.tsx
@@ -0,0 +1,213 @@
+import {
+  ReactNode,
+  createContext,
+  useCallback,
+  useContext,
+  useMemo,
+  useState,
+} from 'react'
+import { User } from '../../../../../types/group-management/user'
+import { deleteJSON, FetchError, postJSON } from '@/infrastructure/fetch-json'
+import { mapSeries } from '@/infrastructure/promise'
+import getMeta from '@/utils/meta'
+import { APIError } from '../components/error-alert'
+import useUserSelection from '../hooks/use-user-selection'
+import { parseEmails } from '../utils/emails'
+import { debugConsole } from '@/utils/debugging'
+
+export type GroupMembersContextValue = {
+  users: User[]
+  selectedUsers: User[]
+  selectUser: (user: User) => void
+  selectAllUsers: () => void
+  unselectAllUsers: () => void
+  selectAllNonManagedUsers: () => void
+  unselectUser: (user: User) => void
+  addMembers: (emailString: string) => void
+  removeMembers: (e: any) => void
+  removeMember: (user: User) => Promise<void>
+  removeMemberLoading: boolean
+  removeMemberError?: APIError
+  updateMemberView: (userId: string, updatedUser: User) => void
+  inviteMemberLoading: boolean
+  inviteError?: APIError
+  paths: { [key: string]: string }
+}
+
+export const GroupMembersContext = createContext<
+  GroupMembersContextValue | undefined
+>(undefined)
+
+type GroupMembersProviderProps = {
+  children: ReactNode
+}
+
+export function GroupMembersProvider({ children }: GroupMembersProviderProps) {
+  const {
+    users,
+    setUsers,
+    selectedUsers,
+    selectAllUsers,
+    unselectAllUsers,
+    selectAllNonManagedUsers,
+    selectUser,
+    unselectUser,
+  } = useUserSelection(getMeta('ol-users') || [])
+
+  const [inviteUserInflightCount, setInviteUserInflightCount] = useState(0)
+  const [inviteError, setInviteError] = useState<APIError>()
+  const [removeMemberInflightCount, setRemoveMemberInflightCount] = useState(0)
+  const [removeMemberError, setRemoveMemberError] = useState<APIError>()
+
+  const groupId = getMeta('ol-groupId')
+
+  const paths = useMemo(
+    () => ({
+      addMember: `/manage/groups/${groupId}/invites`,
+      removeMember: `/manage/groups/${groupId}/user`,
+      removeInvite: `/manage/groups/${groupId}/invites`,
+      exportMembers: `/manage/groups/${groupId}/members/export`,
+    }),
+    [groupId]
+  )
+
+  const addMembers = useCallback(
+    emailString => {
+      setInviteError(undefined)
+      const emails = parseEmails(emailString)
+      mapSeries(emails, async email => {
+        setInviteUserInflightCount(count => count + 1)
+        try {
+          const data = await postJSON<{ user: User }>(paths.addMember, {
+            body: {
+              email,
+            },
+          })
+          if (data.user) {
+            const alreadyListed = users.find(
+              user => user.email === data.user.email
+            )
+            if (!alreadyListed) {
+              setUsers(users => [...users, data.user])
+            }
+          }
+        } catch (error: unknown) {
+          debugConsole.error(error)
+          setInviteError((error as FetchError)?.data?.error || {})
+        }
+        setInviteUserInflightCount(count => count - 1)
+      })
+    },
+    [paths.addMember, users, setUsers]
+  )
+
+  const removeMember = useCallback(
+    async user => {
+      let url
+      if (paths.removeInvite && user.invite && user._id == null) {
+        url = `${paths.removeInvite}/${encodeURIComponent(user.email)}`
+      } else if (paths.removeMember && user._id) {
+        url = `${paths.removeMember}/${user._id}`
+      } else {
+        return
+      }
+      setRemoveMemberInflightCount(count => count + 1)
+      try {
+        await deleteJSON(url, {})
+        setUsers(users => users.filter(u => u !== user))
+        unselectUser(user)
+      } catch (error: unknown) {
+        debugConsole.error(error)
+        setRemoveMemberError((error as FetchError)?.data?.error || {})
+      }
+      setRemoveMemberInflightCount(count => count - 1)
+    },
+    [unselectUser, setUsers, paths.removeInvite, paths.removeMember]
+  )
+
+  const removeMembers = useCallback(
+    e => {
+      e.preventDefault()
+      setRemoveMemberError(undefined)
+      ;(async () => {
+        for (const user of selectedUsers) {
+          if (user?.enrollment?.managedBy) {
+            continue
+          }
+          await removeMember(user)
+        }
+      })()
+    },
+    [selectedUsers, removeMember]
+  )
+
+  const updateMemberView = useCallback(
+    (userId, updatedUser) => {
+      setUsers(
+        users.map(u => {
+          if (u._id === userId) {
+            return updatedUser
+          } else {
+            return u
+          }
+        })
+      )
+    },
+    [setUsers, users]
+  )
+
+  const value = useMemo<GroupMembersContextValue>(
+    () => ({
+      users,
+      selectedUsers,
+      selectAllUsers,
+      unselectAllUsers,
+      selectAllNonManagedUsers,
+      selectUser,
+      unselectUser,
+      updateMemberView,
+      addMembers,
+      removeMembers,
+      removeMember,
+      removeMemberLoading: removeMemberInflightCount > 0,
+      removeMemberError,
+      inviteMemberLoading: inviteUserInflightCount > 0,
+      inviteError,
+      paths,
+    }),
+    [
+      users,
+      selectedUsers,
+      selectAllUsers,
+      unselectAllUsers,
+      selectAllNonManagedUsers,
+      selectUser,
+      unselectUser,
+      updateMemberView,
+      addMembers,
+      removeMembers,
+      removeMember,
+      removeMemberInflightCount,
+      removeMemberError,
+      inviteUserInflightCount,
+      inviteError,
+      paths,
+    ]
+  )
+
+  return (
+    <GroupMembersContext.Provider value={value}>
+      {children}
+    </GroupMembersContext.Provider>
+  )
+}
+
+export function useGroupMembersContext() {
+  const context = useContext(GroupMembersContext)
+  if (!context) {
+    throw new Error(
+      'GroupMembersContext is only available inside GroupMembersProvider'
+    )
+  }
+  return context
+}
diff --git a/services/web/frontend/js/features/group-management/hooks/use-user-selection.ts b/services/web/frontend/js/features/group-management/hooks/use-user-selection.ts
new file mode 100644
index 0000000..70ae42c
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/hooks/use-user-selection.ts
@@ -0,0 +1,37 @@
+import { useCallback, useState } from 'react'
+import { User } from '../../../../../types/group-management/user'
+
+export default function useUserSelection(initialUsers: User[]) {
+  const [users, setUsers] = useState<User[]>(initialUsers)
+  const [selectedUsers, setSelectedUsers] = useState<User[]>([])
+
+  const selectAllUsers = () => setSelectedUsers(users)
+  const unselectAllUsers = () => setSelectedUsers([])
+
+  const selectAllNonManagedUsers = useCallback(() => {
+    // Pending: user.enrollment will be `undefined`
+    // Not managed: user.enrollment will be an empty object
+    const nonManagedUsers = users.filter(user => !user.enrollment?.managedBy)
+
+    setSelectedUsers(nonManagedUsers)
+  }, [users])
+
+  const selectUser = useCallback((user: User) => {
+    setSelectedUsers(users => [...users, user])
+  }, [])
+
+  const unselectUser = useCallback((user: User) => {
+    setSelectedUsers(users => users.filter(u => u.email !== user.email))
+  }, [])
+
+  return {
+    users,
+    setUsers,
+    selectedUsers,
+    selectUser,
+    unselectUser,
+    selectAllUsers,
+    unselectAllUsers,
+    selectAllNonManagedUsers,
+  }
+}
diff --git a/services/web/frontend/js/features/group-management/utils/emails.ts b/services/web/frontend/js/features/group-management/utils/emails.ts
new file mode 100644
index 0000000..a18040e
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/utils/emails.ts
@@ -0,0 +1,9 @@
+import _ from 'lodash'
+
+export function parseEmails(emailsString: string) {
+  const regexBySpaceOrComma = /[\s,]+/
+  let emails = emailsString.split(regexBySpaceOrComma)
+  emails = _.map(emails, email => email.trim())
+  emails = _.filter(emails, email => email.indexOf('@') !== -1)
+  return emails
+}
diff --git a/services/web/frontend/js/features/group-management/utils/types.ts b/services/web/frontend/js/features/group-management/utils/types.ts
new file mode 100644
index 0000000..13b7fd9
--- /dev/null
+++ b/services/web/frontend/js/features/group-management/utils/types.ts
@@ -0,0 +1,16 @@
+export type GroupUserAlertVariant =
+  | 'resendManagedUserInviteSuccess'
+  | 'resendManagedUserInviteFailed'
+  | 'resendGroupInviteSuccess'
+  | 'resendGroupInviteFailed'
+  | 'resendInviteTooManyRequests'
+  | 'resendSSOLinkInviteSuccess'
+  | 'resendSSOLinkInviteFailed'
+  | 'unlinkedSSO'
+
+export type GroupUserAlert =
+  | {
+      variant: GroupUserAlertVariant
+      email?: string
+    }
+  | undefined
diff --git a/services/web/frontend/js/features/header-footer-react/index.tsx b/services/web/frontend/js/features/header-footer-react/index.tsx
new file mode 100644
index 0000000..e808b58
--- /dev/null
+++ b/services/web/frontend/js/features/header-footer-react/index.tsx
@@ -0,0 +1,22 @@
+import ReactDOM from 'react-dom'
+import getMeta from '@/utils/meta'
+import DefaultNavbar from '@/features/ui/components/bootstrap-5/navbar/default-navbar'
+import Footer from '@/features/ui/components/bootstrap-5/footer/footer'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+
+const navbarElement = document.getElementById('navbar-container')
+if (navbarElement) {
+  const navbarProps = getMeta('ol-navbar')
+  ReactDOM.render(
+    <SplitTestProvider>
+      <DefaultNavbar {...navbarProps} />
+    </SplitTestProvider>,
+    navbarElement
+  )
+}
+
+const footerElement = document.getElementById('footer-container')
+if (footerElement) {
+  const footerProps = getMeta('ol-footer')
+  ReactDOM.render(<Footer {...footerProps} />, footerElement)
+}
diff --git a/services/web/frontend/js/features/history/components/change-list/add-label-modal.tsx b/services/web/frontend/js/features/history/components/change-list/add-label-modal.tsx
new file mode 100644
index 0000000..0bf6a71
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/add-label-modal.tsx
@@ -0,0 +1,129 @@
+import { useTranslation } from 'react-i18next'
+import { useEffect, useState } from 'react'
+import OLForm from '@/features/ui/components/ol/ol-form'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import ModalError from './modal-error'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import useAsync from '../../../../shared/hooks/use-async'
+import useAbortController from '../../../../shared/hooks/use-abort-controller'
+import useAddOrRemoveLabels from '../../hooks/use-add-or-remove-labels'
+import { useHistoryContext } from '../../context/history-context'
+import { addLabel } from '../../services/api'
+import { Label } from '../../services/types/label'
+import { useRefWithAutoFocus } from '../../../../shared/hooks/use-ref-with-auto-focus'
+import { debugConsole } from '@/utils/debugging'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+
+type AddLabelModalProps = {
+  show: boolean
+  setShow: React.Dispatch<React.SetStateAction<boolean>>
+  version: number
+}
+
+function AddLabelModal({ show, setShow, version }: AddLabelModalProps) {
+  const { t } = useTranslation()
+  const [comment, setComment] = useState('')
+  const {
+    isLoading,
+    isSuccess,
+    isError,
+    error,
+    data: label,
+    reset,
+    runAsync,
+  } = useAsync<Label>()
+  const { projectId } = useHistoryContext()
+  const { signal } = useAbortController()
+  const { addUpdateLabel } = useAddOrRemoveLabels()
+
+  const { autoFocusedRef, resetAutoFocus } =
+    useRefWithAutoFocus<HTMLInputElement>()
+
+  // Reset the autofocus when `show` changes so that autofocus still happens if
+  // the dialog is shown, hidden and then shown again
+  useEffect(() => {
+    if (show) {
+      resetAutoFocus()
+    }
+  }, [resetAutoFocus, show])
+
+  const handleModalExited = () => {
+    setComment('')
+
+    if (!isSuccess || !label) return
+
+    addUpdateLabel(label)
+
+    reset()
+  }
+
+  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault()
+
+    runAsync(addLabel(projectId, { comment, version }, signal))
+      .then(() => setShow(false))
+      .catch(debugConsole.error)
+  }
+
+  const responseError = error as unknown as {
+    response: Response
+    data?: {
+      message?: string
+    }
+  }
+
+  return (
+    <OLModal
+      show={show}
+      onExited={handleModalExited}
+      onHide={() => setShow(false)}
+      id="add-history-label"
+    >
+      <OLModalHeader>
+        <OLModalTitle>{t('history_add_label')}</OLModalTitle>
+      </OLModalHeader>
+      <OLForm onSubmit={handleSubmit}>
+        <OLModalBody>
+          {isError && <ModalError error={responseError} />}
+          <OLFormGroup>
+            <OLFormControl
+              ref={autoFocusedRef}
+              type="text"
+              placeholder={t('history_new_label_name')}
+              required
+              value={comment}
+              onChange={(e: React.ChangeEvent<HTMLInputElement>) =>
+                setComment(e.target.value)
+              }
+            />
+          </OLFormGroup>
+        </OLModalBody>
+        <OLModalFooter>
+          <OLButton
+            variant="secondary"
+            disabled={isLoading}
+            onClick={() => setShow(false)}
+          >
+            {t('cancel')}
+          </OLButton>
+          <OLButton
+            type="submit"
+            variant="primary"
+            disabled={isLoading || !comment.length}
+            isLoading={isLoading}
+          >
+            {t('history_add_label')}
+          </OLButton>
+        </OLModalFooter>
+      </OLForm>
+    </OLModal>
+  )
+}
+
+export default AddLabelModal
diff --git a/services/web/frontend/js/features/history/components/change-list/all-history-list.tsx b/services/web/frontend/js/features/history/components/change-list/all-history-list.tsx
new file mode 100644
index 0000000..2997fa9
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/all-history-list.tsx
@@ -0,0 +1,348 @@
+import { useEffect, useRef, useState } from 'react'
+import HistoryVersion from './history-version'
+import LoadingSpinner from '../../../../shared/components/loading-spinner'
+import { OwnerPaywallPrompt } from './owner-paywall-prompt'
+import { NonOwnerPaywallPrompt } from './non-owner-paywall-prompt'
+import { isVersionSelected } from '../../utils/history-details'
+import { useUserContext } from '../../../../shared/context/user-context'
+import useDropdownActiveItem from '../../hooks/use-dropdown-active-item'
+import { useHistoryContext } from '../../context/history-context'
+import { useEditorContext } from '../../../../shared/context/editor-context'
+import OLPopover from '@/features/ui/components/ol/ol-popover'
+import OLOverlay from '@/features/ui/components/ol/ol-overlay'
+import Close from '@/shared/components/close'
+import { Trans, useTranslation } from 'react-i18next'
+import MaterialIcon from '@/shared/components/material-icon'
+import useTutorial from '@/shared/hooks/promotions/use-tutorial'
+import { useFeatureFlag } from '@/shared/context/split-test-context'
+
+function AllHistoryList() {
+  const { id: currentUserId } = useUserContext()
+  const {
+    projectId,
+    updatesInfo,
+    fetchNextBatchOfUpdates,
+    currentUserIsOwner,
+    selection,
+    setSelection,
+  } = useHistoryContext()
+  const {
+    visibleUpdateCount,
+    updates,
+    atEnd,
+    loadingState: updatesLoadingState,
+  } = updatesInfo
+  const scrollerRef = useRef<HTMLDivElement>(null)
+  const bottomRef = useRef<HTMLDivElement>(null)
+  const intersectionObserverRef = useRef<IntersectionObserver | null>(null)
+  const [bottomVisible, setBottomVisible] = useState(false)
+  const { activeDropdownItem, setActiveDropdownItem, closeDropdownForItem } =
+    useDropdownActiveItem()
+  const showPaywall =
+    updatesLoadingState === 'ready' && updatesInfo.freeHistoryLimitHit
+  const showOwnerPaywall = showPaywall && currentUserIsOwner
+  const showNonOwnerPaywall = showPaywall && !currentUserIsOwner
+  const visibleUpdates =
+    visibleUpdateCount === null ? updates : updates.slice(0, visibleUpdateCount)
+
+  // Create an intersection observer that watches for any part of an element
+  // positioned at the bottom of the list to be visible
+  useEffect(() => {
+    if (updatesLoadingState === 'ready' && !intersectionObserverRef.current) {
+      const scroller = scrollerRef.current
+      const bottom = bottomRef.current
+
+      if (scroller && bottom) {
+        intersectionObserverRef.current = new IntersectionObserver(
+          entries => {
+            setBottomVisible(entries[0].isIntersecting)
+          },
+          { root: scroller }
+        )
+
+        intersectionObserverRef.current.observe(bottom)
+
+        return () => {
+          if (intersectionObserverRef.current) {
+            intersectionObserverRef.current.disconnect()
+          }
+        }
+      }
+    }
+  }, [updatesLoadingState])
+
+  useEffect(() => {
+    if (!atEnd && updatesLoadingState === 'ready' && bottomVisible) {
+      fetchNextBatchOfUpdates()
+    }
+  }, [atEnd, bottomVisible, fetchNextBatchOfUpdates, updatesLoadingState])
+
+  // While updates are loading, remove the intersection observer and set
+  // bottomVisible to false. This is to avoid loading more updates immediately
+  // after rendering the pending updates, which would happen otherwise, because
+  // the intersection observer is asynchronous and won't have noticed that the
+  // bottom is no longer visible
+  useEffect(() => {
+    if (updatesLoadingState !== 'ready' && intersectionObserverRef.current) {
+      setBottomVisible(false)
+      if (intersectionObserverRef.current) {
+        intersectionObserverRef.current.disconnect()
+        intersectionObserverRef.current = null
+      }
+    }
+  }, [updatesLoadingState])
+
+  const { inactiveTutorials } = useEditorContext()
+  const {
+    showPopup: showHistoryTutorial,
+    tryShowingPopup: tryShowingHistoryTutorial,
+    hideUntilReload: hideHistoryTutorialUntilReload,
+    completeTutorial: completeHistoryTutorial,
+  } = useTutorial('react-history-buttons-tutorial', {
+    name: 'react-history-buttons-tutorial',
+  })
+
+  const {
+    showPopup: showRestorePromo,
+    tryShowingPopup: tryShowingRestorePromo,
+    hideUntilReload: hideRestorePromoUntilReload,
+    completeTutorial: completeRestorePromo,
+  } = useTutorial('history-restore-promo', {
+    name: 'history-restore-promo',
+  })
+  const inFileRestoreSplitTest = useFeatureFlag('revert-file')
+  const inProjectRestoreSplitTest = useFeatureFlag('revert-project')
+
+  const hasVisibleUpdates = visibleUpdates.length > 0
+  const isMoreThanOneVersion = visibleUpdates.length > 1
+  const [layoutSettled, setLayoutSettled] = useState(false)
+
+  // When there is a paywall and only two version's to compare,
+  // they are not comparable because the one that has a paywall will not have the compare button
+  // so we should not display on-boarding popover in that case
+  const isPaywallAndNonComparable =
+    visibleUpdates.length === 2 && updatesInfo.freeHistoryLimitHit
+
+  useEffect(() => {
+    const hasCompletedHistoryTutorial = inactiveTutorials.includes(
+      'react-history-buttons-tutorial'
+    )
+    const hasCompletedRestorePromotion = inactiveTutorials.includes(
+      'history-restore-promo'
+    )
+
+    // wait for the layout to settle before showing popover, to avoid a flash/ instant move
+    if (!layoutSettled) {
+      return
+    }
+    if (
+      !hasCompletedHistoryTutorial &&
+      isMoreThanOneVersion &&
+      !isPaywallAndNonComparable
+    ) {
+      tryShowingHistoryTutorial()
+    } else if (
+      !hasCompletedRestorePromotion &&
+      inFileRestoreSplitTest &&
+      inProjectRestoreSplitTest &&
+      hasVisibleUpdates
+    ) {
+      tryShowingRestorePromo()
+    }
+  }, [
+    hasVisibleUpdates,
+    inFileRestoreSplitTest,
+    inProjectRestoreSplitTest,
+    tryShowingRestorePromo,
+    inactiveTutorials,
+    isMoreThanOneVersion,
+    isPaywallAndNonComparable,
+    layoutSettled,
+    tryShowingHistoryTutorial,
+  ])
+
+  const { t } = useTranslation()
+
+  let popover = null
+
+  // hiding is different from dismissing, as we wont save a full dismissal to the user
+  // meaning the tutorial will show on page reload/ re-navigation
+  const hidePopover = () => {
+    hideHistoryTutorialUntilReload()
+    hideRestorePromoUntilReload()
+  }
+
+  if (showHistoryTutorial) {
+    popover = (
+      <OLOverlay
+        placement="left-start"
+        show={showHistoryTutorial}
+        rootClose
+        onHide={hidePopover}
+        // using scrollerRef to position the popover in the middle of the viewport
+        target={scrollerRef.current}
+        popperConfig={{
+          modifiers: [
+            {
+              name: 'offset',
+              options: {
+                offset: [10, 10],
+              },
+            },
+          ],
+        }}
+      >
+        <OLPopover
+          id="popover-react-history-tutorial"
+          title={
+            <span>
+              {t('react_history_tutorial_title')}{' '}
+              <Close
+                variant="dark"
+                onDismiss={() =>
+                  completeHistoryTutorial({
+                    event: 'promo-click',
+                    action: 'complete',
+                  })
+                }
+              />
+            </span>
+          }
+          className="dark-themed history-popover"
+        >
+          <Trans
+            i18nKey="react_history_tutorial_content"
+            components={[
+              // eslint-disable-next-line react/jsx-key
+              <MaterialIcon
+                type="align_end"
+                className="history-dropdown-icon-inverted"
+              />,
+              <a href="https://www.overleaf.com/learn/latex/Using_the_History_feature" />, // eslint-disable-line jsx-a11y/anchor-has-content, react/jsx-key
+            ]}
+          />
+        </OLPopover>
+      </OLOverlay>
+    )
+  } else if (showRestorePromo) {
+    popover = (
+      <OLOverlay
+        placement="left-start"
+        show={showRestorePromo}
+        rootClose
+        onHide={hidePopover}
+        // using scrollerRef to position the popover in the middle of the viewport
+        target={scrollerRef.current}
+      >
+        <OLPopover
+          id="popover-history-restore-promo"
+          title={
+            <span>
+              {t('history_restore_promo_title')}
+              <Close
+                variant="dark"
+                onDismiss={() =>
+                  completeRestorePromo({
+                    event: 'promo-click',
+                    action: 'complete',
+                  })
+                }
+              />
+            </span>
+          }
+          className="dark-themed history-popover"
+        >
+          <Trans
+            i18nKey="history_restore_promo_content"
+            components={[
+              // eslint-disable-next-line react/jsx-key
+              <MaterialIcon
+                type="more_vert"
+                className="history-restore-promo-icon"
+              />,
+            ]}
+          />
+        </OLPopover>
+      </OLOverlay>
+    )
+  }
+
+  // give the components time to position before showing popover so we don't get an instant position change
+  useEffect(() => {
+    const timer = window.setTimeout(() => {
+      setLayoutSettled(true)
+    }, 500)
+
+    return () => clearTimeout(timer)
+  }, [setLayoutSettled])
+
+  // resizes can cause the popover to point to the wrong thing, since it changes the horizontal layout of the page
+  useEffect(() => {
+    window.addEventListener('resize', hidePopover)
+    return () => window.removeEventListener('resize', hidePopover)
+  })
+
+  return (
+    <div ref={scrollerRef} className="history-all-versions-scroller">
+      {popover}
+      <div className="history-all-versions-container">
+        <div ref={bottomRef} className="history-versions-bottom" />
+        {visibleUpdates.map((update, index) => {
+          const selectionState = isVersionSelected(
+            selection,
+            update.fromV,
+            update.toV
+          )
+          const dropdownActive =
+            update.toV === activeDropdownItem.item &&
+            activeDropdownItem.whichDropDown === 'moreOptions'
+          const compareDropdownActive =
+            update === activeDropdownItem.item &&
+            activeDropdownItem.whichDropDown === 'compare'
+          const showDivider = Boolean(update.meta.first_in_day && index > 0)
+          const faded =
+            updatesInfo.freeHistoryLimitHit &&
+            index === visibleUpdates.length - 1 &&
+            visibleUpdates.length > 1
+          const selectable =
+            !faded &&
+            (selection.comparing ||
+              selectionState === 'aboveSelected' ||
+              selectionState === 'belowSelected')
+
+          return (
+            <HistoryVersion
+              key={`${update.fromV}_${update.toV}`}
+              update={update}
+              faded={faded}
+              showDivider={showDivider}
+              setSelection={setSelection}
+              selectionState={selectionState}
+              currentUserId={currentUserId!}
+              selectable={selectable}
+              projectId={projectId}
+              setActiveDropdownItem={setActiveDropdownItem}
+              closeDropdownForItem={closeDropdownForItem}
+              dropdownOpen={activeDropdownItem.isOpened && dropdownActive}
+              compareDropdownActive={compareDropdownActive}
+              compareDropdownOpen={
+                activeDropdownItem.isOpened && compareDropdownActive
+              }
+              dropdownActive={dropdownActive}
+            />
+          )
+        })}
+      </div>
+      {showOwnerPaywall ? <OwnerPaywallPrompt /> : null}
+      {showNonOwnerPaywall ? <NonOwnerPaywallPrompt /> : null}
+      {updatesLoadingState === 'loadingInitial' ||
+      updatesLoadingState === 'loadingUpdates' ? (
+        <div className="history-all-versions-loading">
+          <LoadingSpinner />
+        </div>
+      ) : null}
+    </div>
+  )
+}
+
+export default AllHistoryList
diff --git a/services/web/frontend/js/features/history/components/change-list/change-list.tsx b/services/web/frontend/js/features/history/components/change-list/change-list.tsx
new file mode 100644
index 0000000..f072d24
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/change-list.tsx
@@ -0,0 +1,21 @@
+import ToggleSwitch from './toggle-switch'
+import AllHistoryList from './all-history-list'
+import LabelsList from './labels-list'
+import { useHistoryContext } from '../../context/history-context'
+
+function ChangeList() {
+  const { labelsOnly, setLabelsOnly } = useHistoryContext()
+
+  return (
+    <aside className="change-list">
+      <div className="history-header history-toggle-switch-container">
+        <ToggleSwitch labelsOnly={labelsOnly} setLabelsOnly={setLabelsOnly} />
+      </div>
+      <div className="history-version-list-container">
+        {labelsOnly ? <LabelsList /> : <AllHistoryList />}
+      </div>
+    </aside>
+  )
+}
+
+export default ChangeList
diff --git a/services/web/frontend/js/features/history/components/change-list/changes.tsx b/services/web/frontend/js/features/history/components/change-list/changes.tsx
new file mode 100644
index 0000000..ea5e495
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/changes.tsx
@@ -0,0 +1,53 @@
+import { useTranslation } from 'react-i18next'
+import { getProjectOpDoc } from '../../utils/history-details'
+import { LoadedUpdate } from '../../services/types/update'
+
+type ChangesProps = {
+  pathnames: LoadedUpdate['pathnames']
+  projectOps: LoadedUpdate['project_ops']
+}
+
+function Changes({ pathnames, projectOps }: ChangesProps) {
+  const { t } = useTranslation()
+
+  return (
+    <ol className="history-version-changes">
+      {pathnames.map(pathname => (
+        <li key={pathname}>
+          <div
+            className="history-version-change-action"
+            data-testid="history-version-change-action"
+          >
+            {t('file_action_edited')}
+          </div>
+          <div
+            className="history-version-change-doc"
+            data-testid="history-version-change-doc"
+          >
+            {pathname}
+          </div>
+        </li>
+      ))}
+      {projectOps.map((op, index) => (
+        <li key={index}>
+          <div
+            className="history-version-change-action"
+            data-testid="history-version-change-action"
+          >
+            {op.rename && t('file_action_renamed')}
+            {op.add && t('file_action_created')}
+            {op.remove && t('file_action_deleted')}
+          </div>
+          <div
+            className="history-version-change-doc"
+            data-testid="history-version-change-doc"
+          >
+            {getProjectOpDoc(op)}
+          </div>
+        </li>
+      ))}
+    </ol>
+  )
+}
+
+export default Changes
diff --git a/services/web/frontend/js/features/history/components/change-list/dropdown/actions-dropdown.tsx b/services/web/frontend/js/features/history/components/change-list/dropdown/actions-dropdown.tsx
new file mode 100644
index 0000000..9029260
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/dropdown/actions-dropdown.tsx
@@ -0,0 +1,44 @@
+import React, { ReactNode } from 'react'
+import {
+  Dropdown,
+  DropdownMenu,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import DropdownToggleWithTooltip from '@/features/ui/components/bootstrap-5/dropdown-toggle-with-tooltip'
+
+type ActionDropdownProps = {
+  id: string
+  children: React.ReactNode
+  isOpened: boolean
+  iconTag: ReactNode
+  toolTipDescription: string
+  setIsOpened: (isOpened: boolean) => void
+}
+
+function ActionsDropdown(props: ActionDropdownProps) {
+  const { id, children, isOpened, iconTag, setIsOpened, toolTipDescription } =
+    props
+  return (
+    <Dropdown
+      align="end"
+      className="float-end"
+      show={isOpened}
+      onToggle={open => setIsOpened(open)}
+    >
+      <DropdownToggleWithTooltip
+        id={`history-version-dropdown-${id}`}
+        className="history-version-dropdown-menu-btn"
+        aria-label={toolTipDescription}
+        toolTipDescription={toolTipDescription}
+        overlayTriggerProps={{ placement: 'bottom' }}
+        tooltipProps={{ hidden: isOpened }}
+      >
+        {iconTag}
+      </DropdownToggleWithTooltip>
+      <DropdownMenu className="history-version-dropdown-menu">
+        {children}
+      </DropdownMenu>
+    </Dropdown>
+  )
+}
+
+export default ActionsDropdown
diff --git a/services/web/frontend/js/features/history/components/change-list/dropdown/compare-version-dropdown-content.tsx b/services/web/frontend/js/features/history/components/change-list/dropdown/compare-version-dropdown-content.tsx
new file mode 100644
index 0000000..6e5f809
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/dropdown/compare-version-dropdown-content.tsx
@@ -0,0 +1,120 @@
+import { LoadedUpdate, Version } from '../../../services/types/update'
+import { useCallback } from 'react'
+import { ActiveDropdown } from '../../../hooks/use-dropdown-active-item'
+import { useTranslation } from 'react-i18next'
+import { updateRangeForUpdate } from '../../../utils/history-details'
+import CompareDropDownItem from './menu-item/compare-dropdown-item'
+import { useHistoryContext } from '../../../context/history-context'
+import MaterialIcon from '../../../../../shared/components/material-icon'
+
+type VersionDropdownContentAllHistoryProps = {
+  update: LoadedUpdate
+  closeDropdownForItem: ActiveDropdown['closeDropdownForItem']
+}
+
+function CompareVersionDropdownContentAllHistory({
+  update,
+  closeDropdownForItem,
+}: VersionDropdownContentAllHistoryProps) {
+  const updateRange = updateRangeForUpdate(update)
+
+  const closeDropdown = useCallback(() => {
+    closeDropdownForItem(update, 'compare')
+  }, [closeDropdownForItem, update])
+
+  const { t } = useTranslation()
+  const { selection } = useHistoryContext()
+  const { updateRange: selRange } = selection
+  if (selRange === null) {
+    return null
+  }
+  return (
+    <>
+      <CompareDropDownItem
+        comparisonRange={{
+          fromV: selRange.fromV,
+          toV: updateRange.toV,
+          fromVTimestamp: selRange.fromVTimestamp,
+          toVTimestamp: updateRange.toVTimestamp,
+        }}
+        closeDropdown={closeDropdown}
+        text={t('history_compare_up_to_this_version')}
+        icon={
+          <MaterialIcon type="align_start" className="history-dropdown-icon" />
+        }
+      />
+      <CompareDropDownItem
+        comparisonRange={{
+          fromV: updateRange.fromV,
+          toV: selRange.toV,
+          fromVTimestamp: updateRange.fromVTimestamp,
+          toVTimestamp: selRange.toVTimestamp,
+        }}
+        closeDropdown={closeDropdown}
+        text={t('history_compare_from_this_version')}
+        icon={
+          <MaterialIcon type="align_end" className="history-dropdown-icon" />
+        }
+      />
+    </>
+  )
+}
+
+type VersionDropdownContentLabelsListProps = {
+  version: Version
+  versionTimestamp: number
+  closeDropdownForItem: ActiveDropdown['closeDropdownForItem']
+}
+
+function CompareVersionDropdownContentLabelsList({
+  version,
+  versionTimestamp,
+  closeDropdownForItem,
+}: VersionDropdownContentLabelsListProps) {
+  const closeDropdownLabels = useCallback(() => {
+    closeDropdownForItem(version, 'compare')
+  }, [closeDropdownForItem, version])
+
+  const { t } = useTranslation()
+  const { selection } = useHistoryContext()
+  const { updateRange: selRange } = selection
+  if (selRange === null) {
+    return null
+  }
+
+  return (
+    <>
+      <CompareDropDownItem
+        comparisonRange={{
+          fromV: selRange.fromV,
+          toV: version,
+          fromVTimestamp: selRange.fromVTimestamp,
+          toVTimestamp: versionTimestamp,
+        }}
+        closeDropdown={closeDropdownLabels}
+        text={t('history_compare_up_to_this_version')}
+        icon={
+          <MaterialIcon type="align_start" className="history-dropdown-icon" />
+        }
+      />
+      <CompareDropDownItem
+        comparisonRange={{
+          fromV: version,
+          toV: selRange.toV,
+          fromVTimestamp: versionTimestamp,
+          toVTimestamp: selRange.toVTimestamp,
+        }}
+        closeDropdown={closeDropdownLabels}
+        text={t('history_compare_from_this_version')}
+        icon={
+          <MaterialIcon type="align_end" className="history-dropdown-icon" />
+        }
+      />
+    </>
+  )
+}
+
+export {
+  CompareVersionDropdownContentAllHistory,
+  CompareVersionDropdownContentLabelsList,
+}
diff --git a/services/web/frontend/js/features/history/components/change-list/dropdown/compare-version-dropdown.tsx b/services/web/frontend/js/features/history/components/change-list/dropdown/compare-version-dropdown.tsx
new file mode 100644
index 0000000..91f0bf9
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/dropdown/compare-version-dropdown.tsx
@@ -0,0 +1,38 @@
+import ActionsDropdown from './actions-dropdown'
+import MaterialIcon from '../../../../../shared/components/material-icon'
+import { useTranslation } from 'react-i18next'
+
+type CompareVersionDropdownProps = {
+  children: React.ReactNode
+  id: string
+  isOpened: boolean
+  setIsOpened: (isOpened: boolean) => void
+}
+
+function CompareVersionDropdown({
+  children,
+  id,
+  isOpened,
+  setIsOpened,
+}: CompareVersionDropdownProps) {
+  const { t } = useTranslation()
+  return (
+    <ActionsDropdown
+      id={id}
+      isOpened={isOpened}
+      setIsOpened={setIsOpened}
+      toolTipDescription={t('compare')}
+      iconTag={
+        <MaterialIcon
+          type="align_space_even"
+          className="history-dropdown-icon"
+          accessibilityLabel={t('compare')}
+        />
+      }
+    >
+      {children}
+    </ActionsDropdown>
+  )
+}
+
+export default CompareVersionDropdown
diff --git a/services/web/frontend/js/features/history/components/change-list/dropdown/history-dropdown-content.tsx b/services/web/frontend/js/features/history/components/change-list/dropdown/history-dropdown-content.tsx
new file mode 100644
index 0000000..ac7a004
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/dropdown/history-dropdown-content.tsx
@@ -0,0 +1,54 @@
+import AddLabel from './menu-item/add-label'
+import Download from './menu-item/download'
+import { Version } from '../../../services/types/update'
+import { useCallback } from 'react'
+import { ActiveDropdown } from '../../../hooks/use-dropdown-active-item'
+import RestoreProject from './menu-item/restore-project'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+
+type VersionDropdownContentProps = {
+  projectId: string
+  version: Version
+  closeDropdownForItem: ActiveDropdown['closeDropdownForItem']
+  endTimestamp: number
+}
+
+function HistoryDropdownContent({
+  projectId,
+  version,
+  closeDropdownForItem,
+  endTimestamp,
+}: VersionDropdownContentProps) {
+  const closeDropdown = useCallback(() => {
+    closeDropdownForItem(version, 'moreOptions')
+  }, [closeDropdownForItem, version])
+
+  const permissions = usePermissionsContext()
+
+  return (
+    <>
+      {permissions.labelVersion && (
+        <AddLabel
+          projectId={projectId}
+          version={version}
+          closeDropdown={closeDropdown}
+        />
+      )}
+      <Download
+        projectId={projectId}
+        version={version}
+        closeDropdown={closeDropdown}
+      />
+      {permissions.write && (
+        <RestoreProject
+          projectId={projectId}
+          version={version}
+          closeDropdown={closeDropdown}
+          endTimestamp={endTimestamp}
+        />
+      )}
+    </>
+  )
+}
+
+export default HistoryDropdownContent
diff --git a/services/web/frontend/js/features/history/components/change-list/dropdown/history-dropdown.tsx b/services/web/frontend/js/features/history/components/change-list/dropdown/history-dropdown.tsx
new file mode 100644
index 0000000..6e46b81
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/dropdown/history-dropdown.tsx
@@ -0,0 +1,34 @@
+import ActionsDropdown from './actions-dropdown'
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type HistoryDropdownProps = {
+  children: React.ReactNode
+  id: string
+  isOpened: boolean
+  setIsOpened: (isOpened: boolean) => void
+}
+
+function HistoryDropdown({
+  children,
+  id,
+  isOpened,
+  setIsOpened,
+}: HistoryDropdownProps) {
+  const { t } = useTranslation()
+  return (
+    <ActionsDropdown
+      id={id}
+      isOpened={isOpened}
+      toolTipDescription={t('more_actions')}
+      setIsOpened={setIsOpened}
+      iconTag={
+        <MaterialIcon type="more_vert" accessibilityLabel={t('more_actions')} />
+      }
+    >
+      {children}
+    </ActionsDropdown>
+  )
+}
+
+export default HistoryDropdown
diff --git a/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/add-label.tsx b/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/add-label.tsx
new file mode 100644
index 0000000..882bb9a
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/add-label.tsx
@@ -0,0 +1,47 @@
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import OLDropdownMenuItem from '@/features/ui/components/ol/ol-dropdown-menu-item'
+import OLTagIcon from '@/features/ui/components/ol/icons/ol-tag-icon'
+import AddLabelModal from '../../add-label-modal'
+
+type DownloadProps = {
+  projectId: string
+  version: number
+  closeDropdown: () => void
+}
+
+function AddLabel({
+  version,
+  projectId,
+  closeDropdown,
+  ...props
+}: DownloadProps) {
+  const { t } = useTranslation()
+  const [showModal, setShowModal] = useState(false)
+
+  const handleClick = () => {
+    closeDropdown()
+    setShowModal(true)
+  }
+
+  return (
+    <>
+      <OLDropdownMenuItem
+        onClick={handleClick}
+        leadingIcon={<OLTagIcon />}
+        as="button"
+        className="dropdown-item-material-icon-small"
+        {...props}
+      >
+        {t('history_label_this_version')}
+      </OLDropdownMenuItem>
+      <AddLabelModal
+        show={showModal}
+        setShow={setShowModal}
+        version={version}
+      />
+    </>
+  )
+}
+
+export default AddLabel
diff --git a/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/compare-dropdown-item.tsx b/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/compare-dropdown-item.tsx
new file mode 100644
index 0000000..5b8d490
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/compare-dropdown-item.tsx
@@ -0,0 +1,47 @@
+import { useHistoryContext } from '../../../../context/history-context'
+import { UpdateRange } from '../../../../services/types/update'
+import { ReactNode } from 'react'
+import OLDropdownMenuItem from '@/features/ui/components/ol/ol-dropdown-menu-item'
+
+type CompareProps = {
+  comparisonRange: UpdateRange
+  icon: ReactNode
+  text: string
+  closeDropdown: () => void
+}
+
+function CompareDropDownItem({
+  comparisonRange,
+  text,
+  closeDropdown,
+  icon,
+  ...props
+}: CompareProps) {
+  const { setSelection } = useHistoryContext()
+
+  const handleCompareVersion = (e: React.MouseEvent) => {
+    e.stopPropagation()
+    closeDropdown()
+
+    setSelection(({ previouslySelectedPathname }) => ({
+      updateRange: comparisonRange,
+      comparing: true,
+      files: [],
+      previouslySelectedPathname,
+    }))
+  }
+
+  return (
+    <OLDropdownMenuItem
+      {...props}
+      leadingIcon={icon}
+      as="button"
+      onClick={handleCompareVersion}
+      className="dropdown-item-material-icon-small"
+    >
+      {text}
+    </OLDropdownMenuItem>
+  )
+}
+
+export default CompareDropDownItem
diff --git a/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/compare-items.tsx b/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/compare-items.tsx
new file mode 100644
index 0000000..78ba0aa
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/compare-items.tsx
@@ -0,0 +1,68 @@
+import { useTranslation } from 'react-i18next'
+import { useHistoryContext } from '../../../../context/history-context'
+import { UpdateRange } from '../../../../services/types/update'
+import Compare from './compare'
+import MaterialIcon from '../../../../../../shared/components/material-icon'
+import { ItemSelectionState } from '../../../../utils/history-details'
+
+type CompareItemsProps = {
+  updateRange: UpdateRange
+  selectionState: ItemSelectionState
+  closeDropdown: () => void
+}
+
+function CompareItems({
+  updateRange,
+  selectionState,
+  closeDropdown,
+}: CompareItemsProps) {
+  const { t } = useTranslation()
+  const { selection } = useHistoryContext()
+  const { updateRange: selRange } = selection
+  if (selRange === null) {
+    return null
+  }
+
+  return (
+    <>
+      {selectionState === 'belowSelected' ? (
+        <Compare
+          comparisonRange={{
+            fromV: updateRange.fromV,
+            toV: selRange.toV,
+            fromVTimestamp: updateRange.fromVTimestamp,
+            toVTimestamp: selRange.toVTimestamp,
+          }}
+          closeDropdown={closeDropdown}
+          toolTipDescription={t('history_compare_from_this_version')}
+          icon={
+            <MaterialIcon
+              type="align_end"
+              className="history-dropdown-icon pb-1"
+            />
+          }
+        />
+      ) : null}
+      {selectionState === 'aboveSelected' ? (
+        <Compare
+          comparisonRange={{
+            fromV: selRange.fromV,
+            toV: updateRange.toV,
+            fromVTimestamp: selRange.fromVTimestamp,
+            toVTimestamp: updateRange.toVTimestamp,
+          }}
+          closeDropdown={closeDropdown}
+          toolTipDescription={t('history_compare_up_to_this_version')}
+          icon={
+            <MaterialIcon
+              type="align_start"
+              className="history-dropdown-icon pt-1"
+            />
+          }
+        />
+      ) : null}
+    </>
+  )
+}
+
+export default CompareItems
diff --git a/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/compare.tsx b/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/compare.tsx
new file mode 100644
index 0000000..90b02d1
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/compare.tsx
@@ -0,0 +1,47 @@
+import { useHistoryContext } from '../../../../context/history-context'
+import { UpdateRange } from '../../../../services/types/update'
+import { ReactNode } from 'react'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+
+type CompareProps = {
+  comparisonRange: UpdateRange
+  icon: ReactNode
+  toolTipDescription?: string
+  closeDropdown: () => void
+}
+
+function Compare({
+  comparisonRange,
+  closeDropdown,
+  toolTipDescription,
+  icon,
+}: CompareProps) {
+  const { setSelection } = useHistoryContext()
+
+  const handleCompareVersion = (e: { stopPropagation: () => void }) => {
+    e.stopPropagation()
+    closeDropdown()
+
+    setSelection(({ previouslySelectedPathname }) => ({
+      updateRange: comparisonRange,
+      comparing: true,
+      files: [],
+      previouslySelectedPathname,
+    }))
+  }
+
+  return (
+    <OLTooltip
+      description={toolTipDescription}
+      id="compare-btn"
+      overlayProps={{ placement: 'left' }}
+    >
+      <button className="history-compare-btn" onClick={handleCompareVersion}>
+        <span className="visually-hidden">{toolTipDescription}</span>
+        {icon}
+      </button>
+    </OLTooltip>
+  )
+}
+
+export default Compare
diff --git a/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/download.tsx b/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/download.tsx
new file mode 100644
index 0000000..305d77e
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/download.tsx
@@ -0,0 +1,33 @@
+import { useTranslation } from 'react-i18next'
+import OLDropdownMenuItem from '@/features/ui/components/ol/ol-dropdown-menu-item'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type DownloadProps = {
+  projectId: string
+  version: number
+  closeDropdown: () => void
+}
+
+function Download({
+  version,
+  projectId,
+  closeDropdown,
+  ...props
+}: DownloadProps) {
+  const { t } = useTranslation()
+
+  return (
+    <OLDropdownMenuItem
+      href={`/project/${projectId}/version/${version}/zip`}
+      download={`${projectId}_v${version}.zip`}
+      rel="noreferrer"
+      onClick={closeDropdown}
+      leadingIcon={<MaterialIcon type="download" />}
+      {...props}
+    >
+      {t('history_download_this_version')}
+    </OLDropdownMenuItem>
+  )
+}
+
+export default Download
diff --git a/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/restore-project.tsx b/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/restore-project.tsx
new file mode 100644
index 0000000..d6399dd
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/restore-project.tsx
@@ -0,0 +1,65 @@
+import { useCallback, useState } from 'react'
+import OLDropdownMenuItem from '@/features/ui/components/ol/ol-dropdown-menu-item'
+import { useTranslation } from 'react-i18next'
+import { RestoreProjectModal } from '../../../diff-view/modals/restore-project-modal'
+import { useSplitTestContext } from '@/shared/context/split-test-context'
+import { useRestoreProject } from '@/features/history/context/hooks/use-restore-project'
+import withErrorBoundary from '@/infrastructure/error-boundary'
+import { RestoreProjectErrorModal } from '../../../diff-view/modals/restore-project-error-modal'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type RestoreProjectProps = {
+  projectId: string
+  version: number
+  closeDropdown: () => void
+  endTimestamp: number
+}
+
+const RestoreProject = ({
+  projectId,
+  version,
+  closeDropdown,
+  endTimestamp,
+}: RestoreProjectProps) => {
+  const { t } = useTranslation()
+  const [showModal, setShowModal] = useState(false)
+  const { splitTestVariants } = useSplitTestContext()
+  const { restoreProject, isRestoring } = useRestoreProject()
+
+  const handleClick = useCallback(() => {
+    closeDropdown()
+    setShowModal(true)
+  }, [closeDropdown])
+
+  const onRestore = useCallback(() => {
+    restoreProject(projectId, version)
+  }, [restoreProject, version, projectId])
+
+  if (
+    splitTestVariants['revert-file'] !== 'enabled' ||
+    splitTestVariants['revert-project'] !== 'enabled'
+  ) {
+    return null
+  }
+
+  return (
+    <>
+      <OLDropdownMenuItem
+        as="button"
+        leadingIcon={<MaterialIcon type="undo" />}
+        onClick={handleClick}
+      >
+        {t('restore_project_to_this_version')}
+      </OLDropdownMenuItem>
+      <RestoreProjectModal
+        setShow={setShowModal}
+        show={showModal}
+        endTimestamp={endTimestamp}
+        isRestoring={isRestoring}
+        onRestore={onRestore}
+      />
+    </>
+  )
+}
+
+export default withErrorBoundary(RestoreProject, RestoreProjectErrorModal)
diff --git a/services/web/frontend/js/features/history/components/change-list/file-restore-change.tsx b/services/web/frontend/js/features/history/components/change-list/file-restore-change.tsx
new file mode 100644
index 0000000..94fc309
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/file-restore-change.tsx
@@ -0,0 +1,22 @@
+import { formatTime } from '@/features/utils/format-date'
+import { useTranslation } from 'react-i18next'
+import { LoadedUpdate } from '../../services/types/update'
+
+function FileRestoreChange({ origin }: Pick<LoadedUpdate['meta'], 'origin'>) {
+  const { t } = useTranslation()
+
+  if (!origin || origin.kind !== 'file-restore') {
+    return null
+  }
+
+  return (
+    <div className="history-version-restore-file">
+      {t('file_action_restored', {
+        fileName: origin.path,
+        date: formatTime(origin.timestamp, 'Do MMMM, h:mm a'),
+      })}
+    </div>
+  )
+}
+
+export default FileRestoreChange
diff --git a/services/web/frontend/js/features/history/components/change-list/history-resync-change.tsx b/services/web/frontend/js/features/history/components/change-list/history-resync-change.tsx
new file mode 100644
index 0000000..05c0247
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/history-resync-change.tsx
@@ -0,0 +1,9 @@
+import { useTranslation } from 'react-i18next'
+
+function HistoryResyncChange() {
+  const { t } = useTranslation()
+
+  return <div>{t('history_resync')}</div>
+}
+
+export default HistoryResyncChange
diff --git a/services/web/frontend/js/features/history/components/change-list/history-version-details.tsx b/services/web/frontend/js/features/history/components/change-list/history-version-details.tsx
new file mode 100644
index 0000000..f95920f
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/history-version-details.tsx
@@ -0,0 +1,55 @@
+import classnames from 'classnames'
+import { HistoryContextValue } from '../../context/types/history-context-value'
+import { UpdateRange } from '../../services/types/update'
+import { ReactNode, MouseEvent } from 'react'
+import { ItemSelectionState } from '../../utils/history-details'
+
+type HistoryVersionDetailsProps = {
+  children: ReactNode
+  updateRange: UpdateRange
+  selectionState: ItemSelectionState
+  selectable: boolean
+  setSelection: HistoryContextValue['setSelection']
+}
+
+function HistoryVersionDetails({
+  children,
+  selectionState,
+  updateRange,
+  selectable,
+  setSelection,
+}: HistoryVersionDetailsProps) {
+  const handleSelect = (e: MouseEvent<HTMLDivElement>) => {
+    const target = e.target as HTMLElement
+    if (!target.closest('.dropdown') && e.currentTarget.contains(target)) {
+      setSelection(({ previouslySelectedPathname }) => ({
+        updateRange,
+        comparing: false,
+        files: [],
+        previouslySelectedPathname,
+      }))
+    }
+  }
+
+  return (
+    // TODO: Sort out accessibility for this
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions
+    <div
+      className={classnames('history-version-details', {
+        'history-version-selected':
+          selectionState === 'upperSelected' ||
+          selectionState === 'lowerSelected' ||
+          selectionState === 'selected',
+        'history-version-within-selected': selectionState === 'withinSelected',
+        'history-version-selectable': selectable,
+      })}
+      data-testid="history-version-details"
+      data-selected={selectionState}
+      onClick={selectable ? handleSelect : undefined}
+    >
+      {children}
+    </div>
+  )
+}
+
+export default HistoryVersionDetails
diff --git a/services/web/frontend/js/features/history/components/change-list/history-version.tsx b/services/web/frontend/js/features/history/components/change-list/history-version.tsx
new file mode 100644
index 0000000..e2cec84
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/history-version.tsx
@@ -0,0 +1,204 @@
+import { useCallback, memo } from 'react'
+import HistoryVersionDetails from './history-version-details'
+import TagTooltip from './tag-tooltip'
+import Changes from './changes'
+import MetadataUsersList from './metadata-users-list'
+import Origin from './origin'
+import HistoryDropdown from './dropdown/history-dropdown'
+import { formatTime, relativeDate } from '../../../utils/format-date'
+import { orderBy } from 'lodash'
+import { LoadedUpdate } from '../../services/types/update'
+import classNames from 'classnames'
+import {
+  updateRangeForUpdate,
+  ItemSelectionState,
+} from '../../utils/history-details'
+import { ActiveDropdown } from '../../hooks/use-dropdown-active-item'
+import { HistoryContextValue } from '../../context/types/history-context-value'
+import HistoryDropdownContent from './dropdown/history-dropdown-content'
+import CompareItems from './dropdown/menu-item/compare-items'
+import CompareVersionDropdown from './dropdown/compare-version-dropdown'
+import { CompareVersionDropdownContentAllHistory } from './dropdown/compare-version-dropdown-content'
+import FileRestoreChange from './file-restore-change'
+import HistoryResyncChange from './history-resync-change'
+import ProjectRestoreChange from './project-restore-change'
+
+type HistoryVersionProps = {
+  update: LoadedUpdate
+  currentUserId: string
+  projectId: string
+  selectable: boolean
+  faded: boolean
+  showDivider: boolean
+  selectionState: ItemSelectionState
+  setSelection: HistoryContextValue['setSelection']
+  dropdownOpen: boolean
+  dropdownActive: boolean
+  compareDropdownOpen: boolean
+  compareDropdownActive: boolean
+  setActiveDropdownItem: ActiveDropdown['setActiveDropdownItem']
+  closeDropdownForItem: ActiveDropdown['closeDropdownForItem']
+}
+
+function HistoryVersion({
+  update,
+  currentUserId,
+  projectId,
+  selectable,
+  faded,
+  showDivider,
+  selectionState,
+  setSelection,
+  dropdownOpen,
+  dropdownActive,
+  compareDropdownOpen,
+  compareDropdownActive,
+  setActiveDropdownItem,
+  closeDropdownForItem,
+}: HistoryVersionProps) {
+  const orderedLabels = orderBy(update.labels, ['created_at'], ['desc'])
+  const closeDropdown = useCallback(() => {
+    closeDropdownForItem(update.toV, 'moreOptions')
+  }, [closeDropdownForItem, update])
+
+  const updateRange = updateRangeForUpdate(update)
+  return (
+    <>
+      {showDivider ? (
+        <div
+          className={classNames({
+            'history-version-divider-container': true,
+            'version-element-within-selected ':
+              selectionState === 'withinSelected' ||
+              selectionState === 'lowerSelected',
+          })}
+        >
+          <hr className="history-version-divider" />
+        </div>
+      ) : null}
+      {update.meta.first_in_day ? (
+        <div
+          className={classNames('history-version-day', {
+            'version-element-within-selected':
+              selectionState === 'withinSelected' ||
+              selectionState === 'lowerSelected',
+          })}
+        >
+          <time>{relativeDate(update.meta.end_ts)}</time>
+        </div>
+      ) : null}
+      <div
+        data-testid="history-version"
+        className={classNames({
+          'history-version-faded': faded,
+        })}
+      >
+        <HistoryVersionDetails
+          selectionState={selectionState}
+          setSelection={setSelection}
+          updateRange={updateRangeForUpdate(update)}
+          selectable={selectable}
+        >
+          {faded ? null : (
+            <HistoryDropdown
+              id={`${update.fromV}_${update.toV}`}
+              isOpened={dropdownOpen}
+              setIsOpened={(isOpened: boolean) =>
+                setActiveDropdownItem({
+                  item: update.toV,
+                  isOpened,
+                  whichDropDown: 'moreOptions',
+                })
+              }
+            >
+              {dropdownActive ? (
+                <HistoryDropdownContent
+                  version={update.toV}
+                  endTimestamp={update.meta.end_ts}
+                  projectId={projectId}
+                  closeDropdownForItem={closeDropdownForItem}
+                />
+              ) : null}
+            </HistoryDropdown>
+          )}
+
+          {selectionState !== 'selected' && !faded ? (
+            <div data-testid="compare-icon-version" className="float-end">
+              {selectionState !== 'withinSelected' ? (
+                <CompareItems
+                  updateRange={updateRange}
+                  selectionState={selectionState}
+                  closeDropdown={closeDropdown}
+                />
+              ) : (
+                <CompareVersionDropdown
+                  id={`${update.fromV}_${update.toV}`}
+                  isOpened={compareDropdownOpen}
+                  setIsOpened={(isOpened: boolean) =>
+                    setActiveDropdownItem({
+                      item: update,
+                      isOpened,
+                      whichDropDown: 'compare',
+                    })
+                  }
+                >
+                  {compareDropdownActive ? (
+                    <CompareVersionDropdownContentAllHistory
+                      update={update}
+                      closeDropdownForItem={closeDropdownForItem}
+                    />
+                  ) : null}
+                </CompareVersionDropdown>
+              )}
+            </div>
+          ) : null}
+
+          <div className="history-version-main-details">
+            <time
+              className="history-version-metadata-time"
+              data-testid="history-version-metadata-time"
+            >
+              <b>{formatTime(update.meta.end_ts, 'Do MMMM, h:mm a')}</b>
+            </time>
+            {orderedLabels.map(label => (
+              <TagTooltip
+                key={label.id}
+                showTooltip
+                currentUserId={currentUserId}
+                label={label}
+              />
+            ))}
+            <ChangeEntry update={update} />
+            {update.meta.origin?.kind !== 'history-resync' ? (
+              <>
+                <MetadataUsersList
+                  users={update.meta.users}
+                  origin={update.meta.origin}
+                  currentUserId={currentUserId}
+                />
+                <Origin origin={update.meta.origin} />
+              </>
+            ) : null}
+          </div>
+        </HistoryVersionDetails>
+      </div>
+    </>
+  )
+}
+
+function ChangeEntry({ update }: { update: LoadedUpdate }) {
+  switch (update.meta.origin?.kind) {
+    case 'file-restore':
+      return <FileRestoreChange origin={update.meta.origin} />
+    case 'history-resync':
+      return <HistoryResyncChange />
+    case 'project-restore':
+      return <ProjectRestoreChange origin={update.meta.origin} />
+    default:
+      return (
+        <Changes pathnames={update.pathnames} projectOps={update.project_ops} />
+      )
+  }
+}
+
+export default memo(HistoryVersion)
diff --git a/services/web/frontend/js/features/history/components/change-list/label-list-item.tsx b/services/web/frontend/js/features/history/components/change-list/label-list-item.tsx
new file mode 100644
index 0000000..0820105
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/label-list-item.tsx
@@ -0,0 +1,154 @@
+import { memo, useCallback } from 'react'
+import { UpdateRange, Version } from '../../services/types/update'
+import TagTooltip from './tag-tooltip'
+import { FormatTimeBasedOnYear } from '@/shared/components/format-time-based-on-year'
+import HistoryDropdown from './dropdown/history-dropdown'
+import HistoryVersionDetails from './history-version-details'
+import { LoadedLabel } from '../../services/types/label'
+import { useTranslation } from 'react-i18next'
+import { ActiveDropdown } from '../../hooks/use-dropdown-active-item'
+import { HistoryContextValue } from '../../context/types/history-context-value'
+import CompareItems from './dropdown/menu-item/compare-items'
+import { ItemSelectionState } from '../../utils/history-details'
+import CompareVersionDropdown from './dropdown/compare-version-dropdown'
+import { CompareVersionDropdownContentLabelsList } from './dropdown/compare-version-dropdown-content'
+import HistoryDropdownContent from '@/features/history/components/change-list/dropdown/history-dropdown-content'
+
+type LabelListItemProps = {
+  version: Version
+  labels: LoadedLabel[]
+  currentUserId: string
+  projectId: string
+  selectionState: ItemSelectionState
+  selectable: boolean
+  setSelection: HistoryContextValue['setSelection']
+  dropdownOpen: boolean
+  dropdownActive: boolean
+  compareDropdownOpen: boolean
+  compareDropdownActive: boolean
+  setActiveDropdownItem: ActiveDropdown['setActiveDropdownItem']
+  closeDropdownForItem: ActiveDropdown['closeDropdownForItem']
+}
+
+function LabelListItem({
+  version,
+  labels,
+  currentUserId,
+  projectId,
+  selectionState,
+  selectable,
+  setSelection,
+  dropdownOpen,
+  dropdownActive,
+  compareDropdownOpen,
+  compareDropdownActive,
+  setActiveDropdownItem,
+  closeDropdownForItem,
+}: LabelListItemProps) {
+  const { t } = useTranslation()
+
+  // first label
+  const fromVTimestamp = Date.parse(labels[labels.length - 1].created_at)
+  // most recent label
+  const toVTimestamp = Date.parse(labels[0].created_at)
+
+  const updateRange: UpdateRange = {
+    fromV: version,
+    toV: version,
+    fromVTimestamp,
+    toVTimestamp,
+  }
+
+  const setIsOpened = useCallback(
+    (isOpened: boolean) => {
+      setActiveDropdownItem({
+        item: version,
+        isOpened,
+        whichDropDown: 'moreOptions',
+      })
+    },
+    [setActiveDropdownItem, version]
+  )
+  const closeDropdown = useCallback(() => {
+    closeDropdownForItem(version, 'moreOptions')
+  }, [closeDropdownForItem, version])
+
+  return (
+    <HistoryVersionDetails
+      key={version}
+      updateRange={updateRange}
+      selectionState={selectionState}
+      selectable={selectable}
+      setSelection={setSelection}
+    >
+      <HistoryDropdown
+        id={version.toString()}
+        isOpened={dropdownOpen}
+        setIsOpened={setIsOpened}
+      >
+        {dropdownActive ? (
+          <HistoryDropdownContent
+            version={version}
+            projectId={projectId}
+            closeDropdownForItem={closeDropdownForItem}
+            endTimestamp={toVTimestamp}
+          />
+        ) : null}
+      </HistoryDropdown>
+      {selectionState !== 'selected' ? (
+        <div data-testid="compare-icon-version" className="float-end">
+          {selectionState !== 'withinSelected' ? (
+            <CompareItems
+              updateRange={updateRange}
+              selectionState={selectionState}
+              closeDropdown={closeDropdown}
+            />
+          ) : (
+            <CompareVersionDropdown
+              id={version.toString()}
+              isOpened={compareDropdownOpen}
+              setIsOpened={(isOpened: boolean) =>
+                setActiveDropdownItem({
+                  item: version,
+                  isOpened,
+                  whichDropDown: 'compare',
+                })
+              }
+            >
+              {compareDropdownActive ? (
+                <CompareVersionDropdownContentLabelsList
+                  version={version}
+                  closeDropdownForItem={closeDropdownForItem}
+                  versionTimestamp={toVTimestamp}
+                />
+              ) : null}
+            </CompareVersionDropdown>
+          )}
+        </div>
+      ) : null}
+
+      <div className="history-version-main-details">
+        {labels.map(label => (
+          <div key={label.id} className="history-version-label">
+            <TagTooltip
+              showTooltip
+              currentUserId={currentUserId}
+              label={label}
+            />
+            {label.lastUpdatedTimestamp && (
+              <time
+                className="history-version-metadata-time"
+                data-testid="history-version-metadata-time"
+              >
+                {t('last_edit')}{' '}
+                <FormatTimeBasedOnYear date={label.lastUpdatedTimestamp} />
+              </time>
+            )}
+          </div>
+        ))}
+      </div>
+    </HistoryVersionDetails>
+  )
+}
+
+export default memo(LabelListItem)
diff --git a/services/web/frontend/js/features/history/components/change-list/labels-list.tsx b/services/web/frontend/js/features/history/components/change-list/labels-list.tsx
new file mode 100644
index 0000000..9079369
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/labels-list.tsx
@@ -0,0 +1,56 @@
+import { useUserContext } from '../../../../shared/context/user-context'
+import { isVersionSelected } from '../../utils/history-details'
+import { useMemo } from 'react'
+import LabelListItem from './label-list-item'
+import useDropdownActiveItem from '../../hooks/use-dropdown-active-item'
+import { getVersionWithLabels } from '../../utils/label'
+import { useHistoryContext } from '../../context/history-context'
+
+function LabelsList() {
+  const { id: currentUserId } = useUserContext()
+  const { projectId, labels, selection, setSelection } = useHistoryContext()
+  const { activeDropdownItem, setActiveDropdownItem, closeDropdownForItem } =
+    useDropdownActiveItem()
+
+  const versionWithLabels = useMemo(
+    () => getVersionWithLabels(labels),
+    [labels]
+  )
+
+  return (
+    <>
+      {versionWithLabels.map(({ version, labels }) => {
+        const selectionState = isVersionSelected(selection, version)
+        const dropdownActive =
+          version === activeDropdownItem.item &&
+          activeDropdownItem.whichDropDown === 'moreOptions'
+        const compareDropdownActive =
+          version === activeDropdownItem.item &&
+          activeDropdownItem.whichDropDown === 'compare'
+
+        return (
+          <LabelListItem
+            key={version}
+            labels={labels}
+            version={version}
+            currentUserId={currentUserId!}
+            projectId={projectId}
+            selectionState={selectionState}
+            selectable={selectionState !== 'selected'}
+            setSelection={setSelection}
+            dropdownOpen={activeDropdownItem.isOpened && dropdownActive}
+            dropdownActive={dropdownActive}
+            compareDropdownActive={compareDropdownActive}
+            compareDropdownOpen={
+              activeDropdownItem.isOpened && compareDropdownActive
+            }
+            setActiveDropdownItem={setActiveDropdownItem}
+            closeDropdownForItem={closeDropdownForItem}
+          />
+        )
+      })}
+    </>
+  )
+}
+
+export default LabelsList
diff --git a/services/web/frontend/js/features/history/components/change-list/metadata-users-list.tsx b/services/web/frontend/js/features/history/components/change-list/metadata-users-list.tsx
new file mode 100644
index 0000000..5b1ba94
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/metadata-users-list.tsx
@@ -0,0 +1,43 @@
+import { useTranslation } from 'react-i18next'
+import { LoadedUpdate } from '../../services/types/update'
+import UserNameWithColoredBadge from './user-name-with-colored-badge'
+import { getBackgroundColorForUserId } from '@/shared/utils/colors'
+
+type MetadataUsersListProps = {
+  currentUserId: string
+} & Pick<LoadedUpdate['meta'], 'users' | 'origin'>
+
+function MetadataUsersList({
+  users,
+  origin,
+  currentUserId,
+}: MetadataUsersListProps) {
+  const { t } = useTranslation()
+
+  return (
+    <ol
+      className="history-version-metadata-users"
+      data-testid="history-version-metadata-users"
+    >
+      {users.map((user, index) => (
+        <li key={index}>
+          <UserNameWithColoredBadge user={user} currentUserId={currentUserId} />
+        </li>
+      ))}
+      {!users.length && (
+        <li>
+          <span
+            className="history-version-user-badge-color"
+            style={{ backgroundColor: getBackgroundColorForUserId() }}
+          />
+          {origin?.kind === 'history-resync' ||
+          origin?.kind === 'history-migration'
+            ? t('overleaf_history_system')
+            : t('anonymous')}
+        </li>
+      )}
+    </ol>
+  )
+}
+
+export default MetadataUsersList
diff --git a/services/web/frontend/js/features/history/components/change-list/modal-error.tsx b/services/web/frontend/js/features/history/components/change-list/modal-error.tsx
new file mode 100644
index 0000000..e16660e
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/modal-error.tsx
@@ -0,0 +1,36 @@
+import { useTranslation } from 'react-i18next'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+// Using this workaround due to inconsistent and improper error responses from the server
+type ModalErrorProps = {
+  error: {
+    response?: Response
+    data?: {
+      message?: string
+    }
+  }
+}
+
+function ModalError({ error }: ModalErrorProps) {
+  const { t } = useTranslation()
+
+  if (error.response?.status === 400 && error.data?.message) {
+    return (
+      <OLNotification
+        type="error"
+        content={error.data.message}
+        className="row-spaced-small"
+      />
+    )
+  }
+
+  return (
+    <OLNotification
+      type="error"
+      content={t('generic_something_went_wrong')}
+      className="row-spaced-small"
+    />
+  )
+}
+
+export default ModalError
diff --git a/services/web/frontend/js/features/history/components/change-list/non-owner-paywall-prompt.tsx b/services/web/frontend/js/features/history/components/change-list/non-owner-paywall-prompt.tsx
new file mode 100644
index 0000000..583fed2
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/non-owner-paywall-prompt.tsx
@@ -0,0 +1,15 @@
+import { useTranslation } from 'react-i18next'
+
+export function NonOwnerPaywallPrompt() {
+  const { t } = useTranslation()
+
+  return (
+    <div className="history-paywall-prompt">
+      <h2 className="history-paywall-heading">{t('premium_feature')}</h2>
+      <p>{t('currently_seeing_only_24_hrs_history')}</p>
+      <p>
+        <strong>{t('ask_proj_owner_to_upgrade_for_full_history')}</strong>
+      </p>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/history/components/change-list/origin.tsx b/services/web/frontend/js/features/history/components/change-list/origin.tsx
new file mode 100644
index 0000000..98d8767
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/origin.tsx
@@ -0,0 +1,19 @@
+import { useTranslation } from 'react-i18next'
+import { LoadedUpdate } from '../../services/types/update'
+
+function Origin({ origin }: Pick<LoadedUpdate['meta'], 'origin'>) {
+  const { t } = useTranslation()
+
+  let result: string | null = null
+  if (origin?.kind === 'dropbox') result = t('history_entry_origin_dropbox')
+  if (origin?.kind === 'upload') result = t('history_entry_origin_upload')
+  if (origin?.kind === 'git-bridge') result = t('history_entry_origin_git')
+  if (origin?.kind === 'github') result = t('history_entry_origin_github')
+
+  if (result) {
+    return <span className="history-version-origin">({result})</span>
+  }
+  return null
+}
+
+export default Origin
diff --git a/services/web/frontend/js/features/history/components/change-list/owner-paywall-prompt.tsx b/services/web/frontend/js/features/history/components/change-list/owner-paywall-prompt.tsx
new file mode 100644
index 0000000..8053792
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/owner-paywall-prompt.tsx
@@ -0,0 +1,61 @@
+import { useTranslation } from 'react-i18next'
+import Icon from '../../../../shared/components/icon'
+import { useCallback, useEffect, useState } from 'react'
+import * as eventTracking from '../../../../infrastructure/event-tracking'
+import StartFreeTrialButton from '../../../../shared/components/start-free-trial-button'
+
+function FeatureItem({ text }: { text: string }) {
+  return (
+    <li>
+      <Icon type="check" /> {text}
+    </li>
+  )
+}
+
+export function OwnerPaywallPrompt() {
+  const { t } = useTranslation()
+  const [clickedFreeTrialButton, setClickedFreeTrialButton] = useState(false)
+
+  useEffect(() => {
+    eventTracking.send('subscription-funnel', 'editor-click-feature', 'history')
+    eventTracking.sendMB('paywall-prompt', { 'paywall-type': 'history' })
+  }, [])
+
+  const handleFreeTrialClick = useCallback(() => {
+    setClickedFreeTrialButton(true)
+  }, [])
+
+  return (
+    <div className="history-paywall-prompt">
+      <h2 className="history-paywall-heading">{t('premium_feature')}</h2>
+      <p>{t('currently_seeing_only_24_hrs_history')}</p>
+      <p>
+        <strong>
+          {t('upgrade_to_get_feature', { feature: 'full project history' })}
+        </strong>
+      </p>
+      <ul className="history-feature-list">
+        <FeatureItem text={t('unlimited_projects')} />
+        <FeatureItem
+          text={t('collabs_per_proj', { collabcount: 'Multiple' })}
+        />
+        <FeatureItem text={t('full_doc_history')} />
+        <FeatureItem text={t('sync_to_dropbox')} />
+        <FeatureItem text={t('sync_to_github')} />
+        <FeatureItem text={t('compile_larger_projects')} />
+      </ul>
+      <p>
+        <StartFreeTrialButton
+          source="history"
+          buttonProps={{ variant: 'premium' }}
+          handleClick={handleFreeTrialClick}
+        >
+          {t('start_free_trial')}
+        </StartFreeTrialButton>
+      </p>
+      {clickedFreeTrialButton ? (
+        <p className="small">{t('refresh_page_after_starting_free_trial')}</p>
+      ) : null}
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/history/components/change-list/project-restore-change.tsx b/services/web/frontend/js/features/history/components/change-list/project-restore-change.tsx
new file mode 100644
index 0000000..c4b11a8
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/project-restore-change.tsx
@@ -0,0 +1,23 @@
+import { formatTime } from '@/features/utils/format-date'
+import { useTranslation } from 'react-i18next'
+import { LoadedUpdate } from '../../services/types/update'
+
+function ProjectRestoreChange({
+  origin,
+}: Pick<LoadedUpdate['meta'], 'origin'>) {
+  const { t } = useTranslation()
+
+  if (!origin || origin.kind !== 'project-restore') {
+    return null
+  }
+
+  return (
+    <div className="history-version-restore-project">
+      {t('file_action_restored_project', {
+        date: formatTime(origin.timestamp, 'Do MMMM, h:mm a'),
+      })}
+    </div>
+  )
+}
+
+export default ProjectRestoreChange
diff --git a/services/web/frontend/js/features/history/components/change-list/tag-tooltip.tsx b/services/web/frontend/js/features/history/components/change-list/tag-tooltip.tsx
new file mode 100644
index 0000000..18736c4
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/tag-tooltip.tsx
@@ -0,0 +1,187 @@
+import { forwardRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import ModalError from './modal-error'
+import useAbortController from '../../../../shared/hooks/use-abort-controller'
+import useAsync from '../../../../shared/hooks/use-async'
+import useAddOrRemoveLabels from '../../hooks/use-add-or-remove-labels'
+import { useHistoryContext } from '../../context/history-context'
+import { deleteLabel } from '../../services/api'
+import { isPseudoLabel } from '../../utils/label'
+import { LoadedLabel } from '../../services/types/label'
+import { debugConsole } from '@/utils/debugging'
+import { FormatTimeBasedOnYear } from '@/shared/components/format-time-based-on-year'
+import { useEditorContext } from '@/shared/context/editor-context'
+import OLTag from '@/features/ui/components/ol/ol-tag'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLTagIcon from '@/features/ui/components/ol/icons/ol-tag-icon'
+
+type TagProps = {
+  label: LoadedLabel
+  currentUserId: string
+}
+
+const ChangeTag = forwardRef<HTMLElement, TagProps>(
+  ({ label, currentUserId, ...props }: TagProps, ref) => {
+    const { isProjectOwner } = useEditorContext()
+
+    const { t } = useTranslation()
+    const [showDeleteModal, setShowDeleteModal] = useState(false)
+    const { projectId } = useHistoryContext()
+    const { signal } = useAbortController()
+    const { removeUpdateLabel } = useAddOrRemoveLabels()
+    const { isLoading, isSuccess, isError, error, reset, runAsync } = useAsync()
+    const isPseudoCurrentStateLabel = isPseudoLabel(label)
+    const isOwnedByCurrentUser = !isPseudoCurrentStateLabel
+      ? label.user_id === currentUserId
+      : null
+
+    const showConfirmationModal = (e: React.MouseEvent) => {
+      e.stopPropagation()
+      setShowDeleteModal(true)
+    }
+
+    const handleModalExited = () => {
+      if (!isSuccess) return
+
+      if (!isPseudoCurrentStateLabel) {
+        removeUpdateLabel(label)
+      }
+
+      reset()
+    }
+
+    const localDeleteHandler = () => {
+      runAsync(deleteLabel(projectId, label.id, signal))
+        .then(() => setShowDeleteModal(false))
+        .catch(debugConsole.error)
+    }
+
+    const responseError = error as unknown as {
+      response: Response
+      data?: {
+        message?: string
+      }
+    }
+
+    const showCloseButton = Boolean(
+      (isOwnedByCurrentUser || isProjectOwner) && !isPseudoCurrentStateLabel
+    )
+
+    return (
+      <>
+        <OLTag
+          ref={ref}
+          prepend={<OLTagIcon />}
+          closeBtnProps={
+            showCloseButton
+              ? { 'aria-label': t('delete'), onClick: showConfirmationModal }
+              : undefined
+          }
+          className="history-version-badge"
+          data-testid="history-version-badge"
+          {...props}
+        >
+          {isPseudoCurrentStateLabel
+            ? t('history_label_project_current_state')
+            : label.comment}
+        </OLTag>
+        {!isPseudoCurrentStateLabel && (
+          <OLModal
+            show={showDeleteModal}
+            onExited={handleModalExited}
+            onHide={() => setShowDeleteModal(false)}
+            id="delete-history-label"
+          >
+            <OLModalHeader>
+              <OLModalTitle>{t('history_delete_label')}</OLModalTitle>
+            </OLModalHeader>
+            <OLModalBody>
+              {isError && <ModalError error={responseError} />}
+              <p>
+                {t('history_are_you_sure_delete_label')}&nbsp;
+                <strong>"{label.comment}"</strong>?
+              </p>
+            </OLModalBody>
+            <OLModalFooter>
+              <OLButton
+                variant="secondary"
+                disabled={isLoading}
+                onClick={() => setShowDeleteModal(false)}
+              >
+                {t('cancel')}
+              </OLButton>
+              <OLButton
+                variant="danger"
+                disabled={isLoading}
+                isLoading={isLoading}
+                onClick={localDeleteHandler}
+              >
+                {t('history_delete_label')}
+              </OLButton>
+            </OLModalFooter>
+          </OLModal>
+        )}
+      </>
+    )
+  }
+)
+
+ChangeTag.displayName = 'ChangeTag'
+
+type LabelBadgesProps = {
+  showTooltip: boolean
+  currentUserId: string
+  label: LoadedLabel
+}
+
+function TagTooltip({ label, currentUserId, showTooltip }: LabelBadgesProps) {
+  const { t } = useTranslation()
+  const { labels: allLabels } = useHistoryContext()
+
+  const isPseudoCurrentStateLabel = isPseudoLabel(label)
+  const currentLabelData = allLabels?.find(({ id }) => id === label.id)
+  const labelOwnerName =
+    currentLabelData && !isPseudoLabel(currentLabelData)
+      ? currentLabelData.user_display_name
+      : t('anonymous')
+
+  return !isPseudoCurrentStateLabel ? (
+    <OLTooltip
+      description={
+        <div className="history-version-label-tooltip">
+          <div className="history-version-label-tooltip-row">
+            <b className="history-version-label-tooltip-row-comment">
+              <OLTagIcon />
+              &nbsp;
+              {label.comment}
+            </b>
+          </div>
+          <div className="history-version-label-tooltip-row">
+            {t('history_label_created_by')} {labelOwnerName}
+          </div>
+          <div className="history-version-label-tooltip-row">
+            <time>
+              <FormatTimeBasedOnYear date={label.created_at} />
+            </time>
+          </div>
+        </div>
+      }
+      id={label.id}
+      overlayProps={{ placement: 'left' }}
+      hidden={!showTooltip}
+    >
+      <ChangeTag label={label} currentUserId={currentUserId} />
+    </OLTooltip>
+  ) : (
+    <ChangeTag label={label} currentUserId={currentUserId} />
+  )
+}
+
+export default TagTooltip
diff --git a/services/web/frontend/js/features/history/components/change-list/toggle-switch.tsx b/services/web/frontend/js/features/history/components/change-list/toggle-switch.tsx
new file mode 100644
index 0000000..4786308
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/toggle-switch.tsx
@@ -0,0 +1,94 @@
+import { useTranslation } from 'react-i18next'
+import { useHistoryContext } from '../../context/history-context'
+import {
+  getUpdateForVersion,
+  updateRangeForUpdate,
+} from '../../utils/history-details'
+import { isAnyVersionMatchingSelection } from '../../utils/label'
+import { HistoryContextValue } from '../../context/types/history-context-value'
+import { updateRangeUnion } from '../../utils/range'
+
+type ToggleSwitchProps = Pick<
+  HistoryContextValue,
+  'labelsOnly' | 'setLabelsOnly'
+>
+
+function ToggleSwitch({ labelsOnly, setLabelsOnly }: ToggleSwitchProps) {
+  const { t } = useTranslation()
+  const { selection, setSelection, resetSelection, updatesInfo, labels } =
+    useHistoryContext()
+
+  const handleChange = (isLabelsOnly: boolean) => {
+    if (selection.comparing) {
+      // using the switch toggle should reset the selection when in `compare` mode
+      resetSelection()
+    } else {
+      if (isLabelsOnly) {
+        if (isAnyVersionMatchingSelection(labels, selection)) {
+          resetSelection()
+        }
+      } else {
+        // in labels only mode the `fromV` is equal to `toV` value
+        // switching to all history mode and triggering immediate comparison with
+        // an older version would cause a bug if the computation below is skipped.
+        const { updateRange } = selection
+        const update = updateRange?.toV
+          ? getUpdateForVersion(updateRange.toV, updatesInfo.updates)
+          : null
+
+        if (
+          updateRange &&
+          update &&
+          (update.fromV !== updateRange.fromV || update.toV !== updateRange.toV)
+        ) {
+          const range = updateRangeUnion(
+            updateRangeForUpdate(update),
+            updateRange
+          )
+
+          setSelection(({ previouslySelectedPathname }) => ({
+            updateRange: range,
+            comparing: false,
+            files: [],
+            previouslySelectedPathname,
+          }))
+        }
+      }
+    }
+
+    setLabelsOnly(isLabelsOnly)
+  }
+
+  return (
+    <fieldset className="toggle-switch">
+      <legend className="sr-only">{t('history_view_a11y_description')}</legend>
+      <input
+        type="radio"
+        name="labels-only-toggle-switch"
+        checked={!labelsOnly}
+        onChange={() => handleChange(false)}
+        className="toggle-switch-input"
+        id="toggle-switch-all-history"
+      />
+      <label
+        htmlFor="toggle-switch-all-history"
+        className="toggle-switch-label"
+      >
+        <span>{t('history_view_all')}</span>
+      </label>
+      <input
+        type="radio"
+        name="labels-only-toggle-switch"
+        checked={labelsOnly}
+        onChange={() => handleChange(true)}
+        className="toggle-switch-input"
+        id="toggle-switch-labels"
+      />
+      <label htmlFor="toggle-switch-labels" className="toggle-switch-label">
+        <span>{t('history_view_labels')}</span>
+      </label>
+    </fieldset>
+  )
+}
+
+export default ToggleSwitch
diff --git a/services/web/frontend/js/features/history/components/change-list/user-name-with-colored-badge.tsx b/services/web/frontend/js/features/history/components/change-list/user-name-with-colored-badge.tsx
new file mode 100644
index 0000000..ed1da6e
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/change-list/user-name-with-colored-badge.tsx
@@ -0,0 +1,40 @@
+import { useTranslation } from 'react-i18next'
+import { formatUserName } from '../../utils/history-details'
+import { User } from '../../services/types/shared'
+import { Nullable } from '../../../../../../types/utils'
+import { getBackgroundColorForUserId } from '@/shared/utils/colors'
+
+type UserNameWithColoredBadgeProps = {
+  currentUserId: string
+  user: Nullable<User | { id: string; displayName: string }>
+}
+
+function UserNameWithColoredBadge({
+  user,
+  currentUserId,
+}: UserNameWithColoredBadgeProps) {
+  const { t } = useTranslation()
+
+  let userName: string
+  if (!user) {
+    userName = t('anonymous')
+  } else if (user.id === currentUserId) {
+    userName = t('you')
+  } else if ('displayName' in user) {
+    userName = user.displayName
+  } else {
+    userName = formatUserName(user)
+  }
+
+  return (
+    <>
+      <span
+        className="history-version-user-badge-color"
+        style={{ backgroundColor: getBackgroundColorForUserId(user?.id) }}
+      />
+      <span className="history-version-user-badge-text">{userName}</span>
+    </>
+  )
+}
+
+export default UserNameWithColoredBadge
diff --git a/services/web/frontend/js/features/history/components/diff-view/diff-view.tsx b/services/web/frontend/js/features/history/components/diff-view/diff-view.tsx
new file mode 100644
index 0000000..82695a8
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/diff-view/diff-view.tsx
@@ -0,0 +1,85 @@
+import { useEffect, useMemo } from 'react'
+import Toolbar from './toolbar/toolbar'
+import Main from './main'
+import { Diff, DocDiffResponse } from '../../services/types/doc'
+import { useHistoryContext } from '../../context/history-context'
+import { diffDoc } from '../../services/api'
+import { highlightsFromDiffResponse } from '../../utils/highlights-from-diff-response'
+import { useErrorHandler } from 'react-error-boundary'
+import useAsync from '../../../../shared/hooks/use-async'
+import { useTranslation } from 'react-i18next'
+
+function DiffView() {
+  const { selection, projectId, loadingFileDiffs } = useHistoryContext()
+  const { isLoading, data, runAsync } = useAsync<DocDiffResponse>()
+  const { t } = useTranslation()
+  const { updateRange, selectedFile } = selection
+  const handleError = useErrorHandler()
+
+  useEffect(() => {
+    if (!updateRange || !selectedFile?.pathname || loadingFileDiffs) {
+      return
+    }
+
+    const { fromV, toV } = updateRange
+    let abortController: AbortController | null = new AbortController()
+
+    runAsync(
+      diffDoc(
+        projectId,
+        fromV,
+        toV,
+        selectedFile.pathname,
+        abortController.signal
+      )
+    )
+      .catch(handleError)
+      .finally(() => {
+        abortController = null
+      })
+
+    // Abort an existing request before starting a new one or on unmount
+    return () => {
+      if (abortController) {
+        abortController.abort()
+      }
+    }
+  }, [
+    projectId,
+    runAsync,
+    updateRange,
+    selectedFile,
+    loadingFileDiffs,
+    handleError,
+  ])
+
+  const diff = useMemo(() => {
+    let diff: Diff | null
+
+    if (!data?.diff) {
+      diff = null
+    } else if ('binary' in data.diff) {
+      diff = { binary: true }
+    } else {
+      diff = {
+        binary: false,
+        docDiff: highlightsFromDiffResponse(data.diff, t),
+      }
+    }
+
+    return diff
+  }, [data, t])
+
+  return (
+    <div className="doc-panel">
+      <div className="history-header toolbar-container">
+        <Toolbar diff={diff} selection={selection} />
+      </div>
+      <div className="doc-container">
+        <Main diff={diff} isLoading={isLoading || loadingFileDiffs} />
+      </div>
+    </div>
+  )
+}
+
+export default DiffView
diff --git a/services/web/frontend/js/features/history/components/diff-view/document-diff-viewer.tsx b/services/web/frontend/js/features/history/components/diff-view/document-diff-viewer.tsx
new file mode 100644
index 0000000..d99f952
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/diff-view/document-diff-viewer.tsx
@@ -0,0 +1,157 @@
+import { useCallback, useEffect, useState } from 'react'
+import {
+  EditorSelection,
+  EditorState,
+  Extension,
+  StateEffect,
+} from '@codemirror/state'
+import { EditorView, lineNumbers } from '@codemirror/view'
+import { indentationMarkers } from '@replit/codemirror-indentation-markers'
+import { highlights, setHighlightsEffect } from '../../extensions/highlights'
+import { useUserSettingsContext } from '@/shared/context/user-settings-context'
+import { theme, Options, setOptionsTheme } from '../../extensions/theme'
+import { indentUnit } from '@codemirror/language'
+import { Highlight } from '../../services/types/doc'
+import useIsMounted from '../../../../shared/hooks/use-is-mounted'
+import {
+  highlightLocations,
+  highlightLocationsField,
+  scrollToHighlight,
+} from '../../extensions/highlight-locations'
+import { useTranslation } from 'react-i18next'
+import { inlineBackground } from '../../../source-editor/extensions/inline-background'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+function extensions(themeOptions: Options): Extension[] {
+  return [
+    EditorView.editable.of(false),
+    EditorState.readOnly.of(true),
+    EditorView.contentAttributes.of({ tabindex: '0' }),
+    lineNumbers(),
+    EditorView.lineWrapping,
+    indentUnit.of('    '), // TODO: Vary this by file type
+    indentationMarkers({ hideFirstIndent: true, highlightActiveBlock: false }),
+    highlights(),
+    highlightLocations(),
+    theme(themeOptions),
+    inlineBackground(false),
+  ]
+}
+
+function DocumentDiffViewer({
+  doc,
+  highlights,
+}: {
+  doc: string
+  highlights: Highlight[]
+}) {
+  const { userSettings } = useUserSettingsContext()
+  const { fontFamily, fontSize, lineHeight } = userSettings
+  const isMounted = useIsMounted()
+  const { t } = useTranslation()
+
+  const [state, setState] = useState(() => {
+    return EditorState.create({
+      doc,
+      extensions: extensions({
+        fontSize,
+        fontFamily,
+        lineHeight,
+      }),
+    })
+  })
+
+  const [view] = useState<EditorView>(() => {
+    return new EditorView({
+      state,
+      dispatch: tr => {
+        view.update([tr])
+        if (isMounted.current) {
+          setState(view.state)
+        }
+      },
+    })
+  })
+
+  const highlightLocations = state.field(highlightLocationsField)
+
+  // Append the editor view DOM to the container node when mounted
+  const containerRef = useCallback(
+    node => {
+      if (node) {
+        node.appendChild(view.dom)
+      }
+    },
+    [view]
+  )
+
+  const scrollToPrevious = useCallback(() => {
+    if (highlightLocations.previous) {
+      scrollToHighlight(view, highlightLocations.previous)
+    }
+  }, [highlightLocations.previous, view])
+
+  const scrollToNext = useCallback(() => {
+    if (highlightLocations.next) {
+      scrollToHighlight(view, highlightLocations.next)
+    }
+  }, [highlightLocations.next, view])
+
+  const { before, after } = highlightLocations
+
+  useEffect(() => {
+    const effects: StateEffect<unknown>[] = [setHighlightsEffect.of(highlights)]
+    if (highlights.length > 0) {
+      const { from, to } = highlights[0].range
+      effects.push(
+        EditorView.scrollIntoView(EditorSelection.range(from, to), {
+          y: 'center',
+        })
+      )
+    }
+    view.dispatch({
+      changes: { from: 0, to: view.state.doc.length, insert: doc },
+      effects,
+    })
+  }, [doc, highlights, view])
+
+  // Update the document diff viewer theme whenever the font size, font family
+  // or line height user setting changes
+  useEffect(() => {
+    view.dispatch(
+      setOptionsTheme({
+        fontSize,
+        fontFamily,
+        lineHeight,
+      })
+    )
+  }, [view, fontSize, fontFamily, lineHeight])
+
+  return (
+    <div className="document-diff-container">
+      <div ref={containerRef} className="cm-viewer-container" />
+      {before > 0 ? (
+        <OLButton
+          variant="secondary"
+          leadingIcon="arrow_upward"
+          onClick={scrollToPrevious}
+          className="previous-highlight-button"
+        >
+          {t('n_more_updates_above', { count: before })}
+        </OLButton>
+      ) : null}
+      {after > 0 ? (
+        <OLButton
+          variant="secondary"
+          leadingIcon="arrow_downward"
+          onClick={scrollToNext}
+          className="next-highlight-button"
+        >
+          {t('n_more_updates_below', { count: after })}
+        </OLButton>
+      ) : null}
+    </div>
+  )
+}
+
+export default DocumentDiffViewer
diff --git a/services/web/frontend/js/features/history/components/diff-view/main.tsx b/services/web/frontend/js/features/history/components/diff-view/main.tsx
new file mode 100644
index 0000000..29a82bc
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/diff-view/main.tsx
@@ -0,0 +1,40 @@
+import { Nullable } from '../../../../../../types/utils'
+import { Diff } from '../../services/types/doc'
+import DocumentDiffViewer from './document-diff-viewer'
+import LoadingSpinner from '../../../../shared/components/loading-spinner'
+import { useTranslation } from 'react-i18next'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+type MainProps = {
+  diff: Nullable<Diff>
+  isLoading: boolean
+}
+
+function Main({ diff, isLoading }: MainProps) {
+  const { t } = useTranslation()
+
+  if (isLoading) {
+    return <LoadingSpinner />
+  }
+
+  if (!diff) {
+    return <div className="history-content">No document</div>
+  }
+
+  if (diff.binary) {
+    return (
+      <div className="history-content">
+        <OLNotification content={t('binary_history_error')} type="info" />
+      </div>
+    )
+  }
+
+  if (diff.docDiff) {
+    const { doc, highlights } = diff.docDiff
+    return <DocumentDiffViewer doc={doc} highlights={highlights} />
+  }
+
+  return null
+}
+
+export default Main
diff --git a/services/web/frontend/js/features/history/components/diff-view/modals/restore-file-confirm-modal.tsx b/services/web/frontend/js/features/history/components/diff-view/modals/restore-file-confirm-modal.tsx
new file mode 100644
index 0000000..33d0ccd
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/diff-view/modals/restore-file-confirm-modal.tsx
@@ -0,0 +1,47 @@
+import { formatTime } from '@/features/utils/format-date'
+import { useMemo } from 'react'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTranslation } from 'react-i18next'
+
+type RestoreFileConfirmModalProps = {
+  show: boolean
+  timestamp: number
+  onConfirm: () => void
+  onHide: () => void
+}
+
+export function RestoreFileConfirmModal({
+  show,
+  timestamp,
+  onConfirm,
+  onHide,
+}: RestoreFileConfirmModalProps) {
+  const { t } = useTranslation()
+  const date = useMemo(() => formatTime(timestamp, 'Do MMMM'), [timestamp])
+  const time = useMemo(() => formatTime(timestamp, 'h:mm a'), [timestamp])
+
+  return (
+    <OLModal show={show} onHide={onHide}>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('restore_file_confirmation_title')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody>
+        {t('restore_file_confirmation_message', { date, time })}
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={onHide}>
+          {t('cancel')}
+        </OLButton>
+        <OLButton variant="primary" onClick={onConfirm}>
+          {t('restore')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/history/components/diff-view/modals/restore-file-error-modal.tsx b/services/web/frontend/js/features/history/components/diff-view/modals/restore-file-error-modal.tsx
new file mode 100644
index 0000000..c25c0ce
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/diff-view/modals/restore-file-error-modal.tsx
@@ -0,0 +1,30 @@
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTranslation } from 'react-i18next'
+
+export function RestoreFileErrorModal({
+  resetErrorBoundary,
+}: {
+  resetErrorBoundary: VoidFunction
+}) {
+  const { t } = useTranslation()
+
+  return (
+    <OLModal show onHide={resetErrorBoundary}>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('restore_file_error_title')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody>{t('restore_file_error_message')}</OLModalBody>
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={resetErrorBoundary}>
+          {t('close')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/history/components/diff-view/modals/restore-project-error-modal.tsx b/services/web/frontend/js/features/history/components/diff-view/modals/restore-project-error-modal.tsx
new file mode 100644
index 0000000..d03124a
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/diff-view/modals/restore-project-error-modal.tsx
@@ -0,0 +1,36 @@
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTranslation } from 'react-i18next'
+
+export function RestoreProjectErrorModal({
+  resetErrorBoundary,
+}: {
+  resetErrorBoundary: VoidFunction
+}) {
+  const { t } = useTranslation()
+
+  return (
+    <OLModal show onHide={resetErrorBoundary}>
+      <OLModalHeader closeButton>
+        <OLModalTitle>
+          {t('an_error_occured_while_restoring_project')}
+        </OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody>
+        {t(
+          'there_was_a_problem_restoring_the_project_please_try_again_in_a_few_moments_or_contact_us'
+        )}
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={resetErrorBoundary}>
+          {t('close')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/history/components/diff-view/modals/restore-project-modal.tsx b/services/web/frontend/js/features/history/components/diff-view/modals/restore-project-modal.tsx
new file mode 100644
index 0000000..b6012cc
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/diff-view/modals/restore-project-modal.tsx
@@ -0,0 +1,60 @@
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import { formatDate } from '@/utils/dates'
+import { useCallback } from 'react'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTranslation } from 'react-i18next'
+
+type RestoreProjectModalProps = {
+  setShow: React.Dispatch<React.SetStateAction<boolean>>
+  show: boolean
+  isRestoring: boolean
+  endTimestamp: number
+  onRestore: () => void
+}
+
+export const RestoreProjectModal = ({
+  setShow,
+  show,
+  endTimestamp,
+  isRestoring,
+  onRestore,
+}: RestoreProjectModalProps) => {
+  const { t } = useTranslation()
+
+  const onCancel = useCallback(() => {
+    setShow(false)
+  }, [setShow])
+
+  return (
+    <OLModal onHide={() => setShow(false)} show={show}>
+      <OLModalHeader>
+        <OLModalTitle>{t('restore_this_version')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody>
+        <p>
+          {t('your_current_project_will_revert_to_the_version_from_time', {
+            timestamp: formatDate(endTimestamp),
+          })}
+        </p>
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={onCancel} disabled={isRestoring}>
+          {t('cancel')}
+        </OLButton>
+        <OLButton
+          variant="primary"
+          onClick={onRestore}
+          disabled={isRestoring}
+          isLoading={isRestoring}
+        >
+          {t('restore')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/history/components/diff-view/toolbar/toolbar-datetime.tsx b/services/web/frontend/js/features/history/components/diff-view/toolbar/toolbar-datetime.tsx
new file mode 100644
index 0000000..c5ff3af
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/diff-view/toolbar/toolbar-datetime.tsx
@@ -0,0 +1,47 @@
+import { Trans } from 'react-i18next'
+import { formatTime } from '../../../../utils/format-date'
+import type { HistoryContextValue } from '../../../context/types/history-context-value'
+
+type ToolbarDatetimeProps = {
+  selection: HistoryContextValue['selection']
+}
+
+export default function ToolbarDatetime({ selection }: ToolbarDatetimeProps) {
+  return (
+    <div className="history-react-toolbar-datetime">
+      {selection.comparing ? (
+        <Trans
+          i18nKey="comparing_from_x_to_y"
+          // eslint-disable-next-line react/jsx-key
+          components={[<time className="history-react-toolbar-time" />]}
+          values={{
+            startTime: formatTime(
+              selection.updateRange?.fromVTimestamp,
+              'Do MMMM · h:mm a'
+            ),
+            endTime: formatTime(
+              selection.updateRange?.toVTimestamp,
+              'Do MMMM · h:mm a'
+            ),
+          }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+        />
+      ) : (
+        <Trans
+          i18nKey="viewing_x"
+          // eslint-disable-next-line react/jsx-key
+          components={[<time className="history-react-toolbar-time" />]}
+          values={{
+            endTime: formatTime(
+              selection.updateRange?.toVTimestamp,
+              'Do MMMM · h:mm a'
+            ),
+          }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+        />
+      )}
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/history/components/diff-view/toolbar/toolbar-file-info.tsx b/services/web/frontend/js/features/history/components/diff-view/toolbar/toolbar-file-info.tsx
new file mode 100644
index 0000000..3171dcb
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/diff-view/toolbar/toolbar-file-info.tsx
@@ -0,0 +1,36 @@
+import { useTranslation } from 'react-i18next'
+import type { HistoryContextValue } from '../../../context/types/history-context-value'
+import type { Diff } from '../../../services/types/doc'
+import type { Nullable } from '../../../../../../../types/utils'
+
+type ToolbarFileInfoProps = {
+  diff: Nullable<Diff>
+  selection: HistoryContextValue['selection']
+}
+
+export default function ToolbarFileInfo({
+  diff,
+  selection,
+}: ToolbarFileInfoProps) {
+  const { t } = useTranslation()
+
+  return (
+    <div className="history-react-toolbar-file-info">
+      {t('x_changes_in', {
+        count: diff?.docDiff?.highlights?.length ?? 0,
+      })}
+      &nbsp;
+      <strong>{getFileName(selection)}</strong>
+    </div>
+  )
+}
+
+function getFileName(selection: HistoryContextValue['selection']) {
+  const filePathParts = selection?.selectedFile?.pathname?.split('/')
+  let fileName
+  if (filePathParts) {
+    fileName = filePathParts[filePathParts.length - 1]
+  }
+
+  return fileName
+}
diff --git a/services/web/frontend/js/features/history/components/diff-view/toolbar/toolbar-restore-file-button.tsx b/services/web/frontend/js/features/history/components/diff-view/toolbar/toolbar-restore-file-button.tsx
new file mode 100644
index 0000000..559b09a
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/diff-view/toolbar/toolbar-restore-file-button.tsx
@@ -0,0 +1,28 @@
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTranslation } from 'react-i18next'
+import { useRestoreDeletedFile } from '../../../context/hooks/use-restore-deleted-file'
+import type { HistoryContextValue } from '../../../context/types/history-context-value'
+
+type ToolbarRestoreFileButtonProps = {
+  selection: HistoryContextValue['selection']
+}
+
+export default function ToolbarRestoreFileButton({
+  selection,
+}: ToolbarRestoreFileButtonProps) {
+  const { t } = useTranslation()
+
+  const { restoreDeletedFile, isLoading } = useRestoreDeletedFile()
+
+  return (
+    <OLButton
+      variant="secondary"
+      size="sm"
+      className="history-react-toolbar-restore-file-button"
+      isLoading={isLoading}
+      onClick={() => restoreDeletedFile(selection)}
+    >
+      {t('restore_file')}
+    </OLButton>
+  )
+}
diff --git a/services/web/frontend/js/features/history/components/diff-view/toolbar/toolbar-restore-file-to-version-button.tsx b/services/web/frontend/js/features/history/components/diff-view/toolbar/toolbar-restore-file-to-version-button.tsx
new file mode 100644
index 0000000..7f8ad69
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/diff-view/toolbar/toolbar-restore-file-to-version-button.tsx
@@ -0,0 +1,51 @@
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTranslation } from 'react-i18next'
+import type { HistoryContextValue } from '../../../context/types/history-context-value'
+import withErrorBoundary from '@/infrastructure/error-boundary'
+import { RestoreFileConfirmModal } from '../modals/restore-file-confirm-modal'
+import { useState } from 'react'
+import { RestoreFileErrorModal } from '../modals/restore-file-error-modal'
+import { useRestoreSelectedFile } from '@/features/history/context/hooks/use-restore-selected-file'
+
+type ToolbarRevertingFileButtonProps = {
+  selection: HistoryContextValue['selection']
+}
+
+function ToolbarRestoreFileToVersionButton({
+  selection,
+}: ToolbarRevertingFileButtonProps) {
+  const { t } = useTranslation()
+  const { restoreSelectedFile, isLoading } = useRestoreSelectedFile()
+  const [showConfirmModal, setShowConfirmModal] = useState(false)
+
+  if (!selection.updateRange || !selection.selectedFile) {
+    return null
+  }
+
+  return (
+    <>
+      <RestoreFileConfirmModal
+        show={showConfirmModal}
+        timestamp={selection.updateRange.toVTimestamp}
+        onConfirm={() => {
+          setShowConfirmModal(false)
+          restoreSelectedFile(selection)
+        }}
+        onHide={() => setShowConfirmModal(false)}
+      />
+      <OLButton
+        variant="secondary"
+        size="sm"
+        isLoading={isLoading}
+        onClick={() => setShowConfirmModal(true)}
+      >
+        {t('restore_file_version')}
+      </OLButton>
+    </>
+  )
+}
+
+export default withErrorBoundary(
+  ToolbarRestoreFileToVersionButton,
+  RestoreFileErrorModal
+)
diff --git a/services/web/frontend/js/features/history/components/diff-view/toolbar/toolbar.tsx b/services/web/frontend/js/features/history/components/diff-view/toolbar/toolbar.tsx
new file mode 100644
index 0000000..8e9fb2a
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/diff-view/toolbar/toolbar.tsx
@@ -0,0 +1,51 @@
+import type { Nullable } from '../../../../../../../types/utils'
+import type { Diff } from '../../../services/types/doc'
+import type { HistoryContextValue } from '../../../context/types/history-context-value'
+import ToolbarDatetime from './toolbar-datetime'
+import ToolbarFileInfo from './toolbar-file-info'
+import ToolbarRestoreFileButton from './toolbar-restore-file-button'
+import { isFileRemoved } from '../../../utils/file-diff'
+import ToolbarRestoreFileToVersionButton from './toolbar-restore-file-to-version-button'
+import { useFeatureFlag } from '@/shared/context/split-test-context'
+import SplitTestBadge from '@/shared/components/split-test-badge'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+
+type ToolbarProps = {
+  diff: Nullable<Diff>
+  selection: HistoryContextValue['selection']
+}
+
+export default function Toolbar({ diff, selection }: ToolbarProps) {
+  const { write } = usePermissionsContext()
+  const hasRestoreFileToVersion = useFeatureFlag('revert-file')
+
+  const showRestoreFileToVersionButton =
+    hasRestoreFileToVersion && selection.selectedFile && write
+
+  const showRestoreFileButton =
+    selection.selectedFile &&
+    isFileRemoved(selection.selectedFile) &&
+    !showRestoreFileToVersionButton &&
+    write
+
+  return (
+    <div className="history-react-toolbar">
+      <ToolbarDatetime selection={selection} />
+      {selection.selectedFile?.pathname ? (
+        <ToolbarFileInfo diff={diff} selection={selection} />
+      ) : null}
+      {showRestoreFileButton ? (
+        <ToolbarRestoreFileButton selection={selection} />
+      ) : null}
+      {showRestoreFileToVersionButton ? (
+        <>
+          <ToolbarRestoreFileToVersionButton selection={selection} />
+          <SplitTestBadge
+            splitTestName="revert-file"
+            displayOnVariants={['enabled']}
+          />
+        </>
+      ) : null}
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/history/components/file-tree/history-file-tree-doc.tsx b/services/web/frontend/js/features/history/components/file-tree/history-file-tree-doc.tsx
new file mode 100644
index 0000000..3b788eb
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/file-tree/history-file-tree-doc.tsx
@@ -0,0 +1,47 @@
+import { memo } from 'react'
+import classNames from 'classnames'
+import HistoryFileTreeItem from './history-file-tree-item'
+import iconTypeFromName from '../../../file-tree/util/icon-type-from-name'
+import type { FileDiff } from '../../services/types/file'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type HistoryFileTreeDocProps = {
+  file: FileDiff
+  name: string
+  selected: boolean
+  onClick: (file: FileDiff, event: React.MouseEvent<HTMLLIElement>) => void
+  onKeyDown: (file: FileDiff, event: React.KeyboardEvent<HTMLLIElement>) => void
+}
+
+function HistoryFileTreeDoc({
+  file,
+  name,
+  selected,
+  onClick,
+  onKeyDown,
+}: HistoryFileTreeDocProps) {
+  return (
+    <li
+      role="treeitem"
+      className={classNames({ selected })}
+      onClick={e => onClick(file, e)}
+      onKeyDown={e => onKeyDown(file, e)}
+      aria-selected={selected}
+      aria-label={name}
+      tabIndex={0}
+    >
+      <HistoryFileTreeItem
+        name={name}
+        operation={'operation' in file ? file.operation : undefined}
+        icons={
+          <MaterialIcon
+            type={iconTypeFromName(name)}
+            className="file-tree-icon"
+          />
+        }
+      />
+    </li>
+  )
+}
+
+export default memo(HistoryFileTreeDoc)
diff --git a/services/web/frontend/js/features/history/components/file-tree/history-file-tree-folder-list.tsx b/services/web/frontend/js/features/history/components/file-tree/history-file-tree-folder-list.tsx
new file mode 100644
index 0000000..fb66c42
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/file-tree/history-file-tree-folder-list.tsx
@@ -0,0 +1,87 @@
+import classNames from 'classnames'
+
+import HistoryFileTreeDoc from './history-file-tree-doc'
+import HistoryFileTreeFolder from './history-file-tree-folder'
+import { ReactNode, useCallback } from 'react'
+import type { HistoryFileTree, HistoryDoc } from '../../utils/file-tree'
+import { useHistoryContext } from '../../context/history-context'
+import { FileDiff } from '../../services/types/file'
+import { fileFinalPathname } from '../../utils/file-diff'
+
+type HistoryFileTreeFolderListProps = {
+  folders: HistoryFileTree[]
+  docs: HistoryDoc[]
+  rootClassName?: string
+  children?: ReactNode
+}
+
+function HistoryFileTreeFolderList({
+  folders,
+  docs,
+  rootClassName,
+  children,
+}: HistoryFileTreeFolderListProps) {
+  const { selection, setSelection } = useHistoryContext()
+
+  const handleEvent = useCallback(
+    (file: FileDiff) => {
+      setSelection(prevSelection => {
+        if (file.pathname !== prevSelection.selectedFile?.pathname) {
+          return {
+            ...prevSelection,
+            selectedFile: file,
+            previouslySelectedPathname: file.pathname,
+          }
+        }
+
+        return prevSelection
+      })
+    },
+    [setSelection]
+  )
+
+  const handleClick = useCallback(
+    (file: FileDiff) => {
+      handleEvent(file)
+    },
+    [handleEvent]
+  )
+
+  const handleKeyDown = useCallback(
+    (file: FileDiff, event: React.KeyboardEvent<HTMLLIElement>) => {
+      if (event.key === 'Enter' || event.key === ' ') {
+        handleEvent(file)
+      }
+    },
+    [handleEvent]
+  )
+
+  return (
+    <ul className={classNames('list-unstyled', rootClassName)} role="tree">
+      {folders.map(folder => (
+        <HistoryFileTreeFolder
+          key={folder.name}
+          name={folder.name}
+          folders={folder.folders}
+          docs={folder.docs ?? []}
+        />
+      ))}
+      {docs.map(doc => (
+        <HistoryFileTreeDoc
+          key={doc.pathname}
+          name={doc.name}
+          file={doc}
+          selected={
+            !!selection.selectedFile &&
+            fileFinalPathname(selection.selectedFile) === doc.pathname
+          }
+          onClick={handleClick}
+          onKeyDown={handleKeyDown}
+        />
+      ))}
+      {children}
+    </ul>
+  )
+}
+
+export default HistoryFileTreeFolderList
diff --git a/services/web/frontend/js/features/history/components/file-tree/history-file-tree-folder.tsx b/services/web/frontend/js/features/history/components/file-tree/history-file-tree-folder.tsx
new file mode 100644
index 0000000..6c2c912
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/file-tree/history-file-tree-folder.tsx
@@ -0,0 +1,88 @@
+import { useState, memo } from 'react'
+import { useTranslation } from 'react-i18next'
+
+import HistoryFileTreeItem from './history-file-tree-item'
+import HistoryFileTreeFolderList from './history-file-tree-folder-list'
+
+import type { HistoryDoc, HistoryFileTree } from '../../utils/file-tree'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type HistoryFileTreeFolderProps = {
+  name: string
+  folders: HistoryFileTree[]
+  docs: HistoryDoc[]
+}
+
+function hasChanges(fileTree: HistoryFileTree): boolean {
+  const hasSameLevelChanges = fileTree.docs?.some(
+    (doc: HistoryDoc) => (doc as any).operation !== undefined
+  )
+  if (hasSameLevelChanges) {
+    return true
+  }
+  const hasNestedChanges = fileTree.folders?.some(folder => {
+    return hasChanges(folder)
+  })
+  if (hasNestedChanges) {
+    return true
+  }
+  return false
+}
+
+function HistoryFileTreeFolder({
+  name,
+  folders,
+  docs,
+}: HistoryFileTreeFolderProps) {
+  const { t } = useTranslation()
+
+  const [expanded, setExpanded] = useState(() => {
+    return hasChanges({ name, folders, docs })
+  })
+
+  const icons = (
+    <>
+      <button
+        onClick={() => setExpanded(!expanded)}
+        aria-label={expanded ? t('collapse') : t('expand')}
+        className="history-file-tree-folder-button"
+      >
+        <MaterialIcon
+          type={expanded ? 'expand_more' : 'chevron_right'}
+          className="file-tree-expand-icon"
+        />
+      </button>
+      <MaterialIcon
+        type={expanded ? 'folder_open' : 'folder'}
+        className="file-tree-folder-icon"
+      />
+    </>
+  )
+
+  return (
+    <>
+      <li
+        // FIXME
+        // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+        role="treeitem"
+        aria-expanded={expanded}
+        aria-label={name}
+        tabIndex={0}
+        onClick={() => setExpanded(!expanded)}
+        onKeyDown={event => {
+          if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault()
+            setExpanded(!expanded)
+          }
+        }}
+      >
+        <HistoryFileTreeItem name={name} icons={icons} />
+      </li>
+      {expanded ? (
+        <HistoryFileTreeFolderList folders={folders} docs={docs} />
+      ) : null}
+    </>
+  )
+}
+
+export default memo(HistoryFileTreeFolder)
diff --git a/services/web/frontend/js/features/history/components/file-tree/history-file-tree-item.tsx b/services/web/frontend/js/features/history/components/file-tree/history-file-tree-item.tsx
new file mode 100644
index 0000000..6f590c6
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/file-tree/history-file-tree-item.tsx
@@ -0,0 +1,34 @@
+import classNames from 'classnames'
+import type { ReactNode } from 'react'
+import type { FileOperation } from '../../services/types/file-operation'
+import OLTag from '@/features/ui/components/ol/ol-tag'
+
+type FileTreeItemProps = {
+  name: string
+  operation?: FileOperation
+  icons: ReactNode
+}
+
+export default function HistoryFileTreeItem({
+  name,
+  operation,
+  icons,
+}: FileTreeItemProps) {
+  return (
+    <div className="history-file-tree-item" role="presentation">
+      {icons}
+      <div className="history-file-tree-item-name-wrapper">
+        <div
+          className={classNames('history-file-tree-item-name', {
+            strikethrough: operation === 'removed',
+          })}
+        >
+          {name}
+        </div>
+        {operation && (
+          <OLTag className="history-file-tree-item-badge">{operation}</OLTag>
+        )}
+      </div>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/history/components/history-file-tree.tsx b/services/web/frontend/js/features/history/components/history-file-tree.tsx
new file mode 100644
index 0000000..0f8adca
--- /dev/null
+++ b/services/web/frontend/js/features/history/components/history-file-tree.tsx
@@ -0,0 +1,35 @@
+import { useMemo } from 'react'
+import { orderBy, reduce } from 'lodash'
+import { useHistoryContext } from '../context/history-context'
+import {
+  fileTreeDiffToFileTreeData,
+  reducePathsToTree,
+} from '../utils/file-tree'
+import HistoryFileTreeFolderList from './file-tree/history-file-tree-folder-list'
+
+export default function HistoryFileTree() {
+  const { selection } = useHistoryContext()
+
+  const fileTree = useMemo(
+    () => reduce(selection.files, reducePathsToTree, []),
+    [selection.files]
+  )
+
+  const sortedFileTree = useMemo(
+    () => orderBy(fileTree, ['-type', 'operation', 'name']),
+    [fileTree]
+  )
+
+  const mappedFileTree = useMemo(
+    () => fileTreeDiffToFileTreeData(sortedFileTree),
+    [sortedFileTree]
+  )
+
+  return (
+    <HistoryFileTreeFolderList
+      folders={mappedFileTree.folders}
+      docs={mappedFileTree.docs ?? []}
+      rootClassName="history-file-tree-list"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/history/context/history-context.tsx b/services/web/frontend/js/features/history/context/history-context.tsx
new file mode 100644
index 0000000..7dc2c99
--- /dev/null
+++ b/services/web/frontend/js/features/history/context/history-context.tsx
@@ -0,0 +1,375 @@
+import {
+  createContext,
+  useContext,
+  useCallback,
+  useEffect,
+  useState,
+  useMemo,
+  useRef,
+} from 'react'
+import { useLayoutContext } from '../../../shared/context/layout-context'
+import { useUserContext } from '../../../shared/context/user-context'
+import { useProjectContext } from '../../../shared/context/project-context'
+import { HistoryContextValue } from './types/history-context-value'
+import { diffFiles, fetchLabels, fetchUpdates } from '../services/api'
+import { renamePathnameKey } from '../utils/file-tree'
+import { isFileRenamed } from '../utils/file-diff'
+import { loadLabels } from '../utils/label'
+import { autoSelectFile } from '../utils/auto-select-file'
+import usePersistedState from '../../../shared/hooks/use-persisted-state'
+import moment from 'moment'
+import { cloneDeep } from 'lodash'
+import {
+  FetchUpdatesResponse,
+  LoadedUpdate,
+  Update,
+} from '../services/types/update'
+import { Selection } from '../services/types/selection'
+import { useErrorHandler } from 'react-error-boundary'
+import { getUpdateForVersion } from '../utils/history-details'
+import { getHueForUserId } from '@/shared/utils/colors'
+
+// Allow testing of infinite scrolling by providing query string parameters to
+// limit the number of updates returned in a batch and apply a delay
+function limitUpdates(
+  promise: Promise<FetchUpdatesResponse>
+): Promise<FetchUpdatesResponse> {
+  const queryParams = new URLSearchParams(window.location.search)
+  const maxBatchSizeParam = queryParams.get('history-max-updates')
+  const delayParam = queryParams.get('history-updates-delay')
+  if (delayParam === null && maxBatchSizeParam === null) {
+    return promise
+  }
+  return promise.then(response => {
+    let { updates, nextBeforeTimestamp } = response
+    const maxBatchSize = maxBatchSizeParam ? parseInt(maxBatchSizeParam, 10) : 0
+    const delay = delayParam ? parseInt(delayParam, 10) : 0
+    if (maxBatchSize > 0 && updates.length > maxBatchSize) {
+      updates = updates.slice(0, maxBatchSize)
+      nextBeforeTimestamp = updates[updates.length - 1].fromV
+    }
+    const limitedResponse = { updates, nextBeforeTimestamp }
+    if (delay > 0) {
+      return new Promise(resolve => {
+        window.setTimeout(() => resolve(limitedResponse), delay)
+      })
+    } else {
+      return limitedResponse
+    }
+  })
+}
+
+const selectionInitialState: Selection = {
+  updateRange: null,
+  comparing: false,
+  files: [],
+  previouslySelectedPathname: null,
+}
+
+const updatesInfoInitialState: HistoryContextValue['updatesInfo'] = {
+  updates: [],
+  visibleUpdateCount: null,
+  atEnd: false,
+  freeHistoryLimitHit: false,
+  nextBeforeTimestamp: undefined,
+  loadingState: 'loadingInitial',
+}
+
+function useHistory() {
+  const { view } = useLayoutContext()
+  const user = useUserContext()
+  const project = useProjectContext()
+  const userId = user.id
+  const projectId = project._id
+  const projectOwnerId = project.owner?._id
+  const userHasFullFeature = Boolean(
+    project.features?.versioning || user.isAdmin
+  )
+  const currentUserIsOwner = projectOwnerId === userId
+
+  const [selection, setSelection] = useState<Selection>(selectionInitialState)
+
+  const [updatesInfo, setUpdatesInfo] = useState<
+    HistoryContextValue['updatesInfo']
+  >(updatesInfoInitialState)
+  const [labels, setLabels] = useState<HistoryContextValue['labels']>(null)
+  const [labelsOnly, setLabelsOnly] = usePersistedState(
+    `history.userPrefs.showOnlyLabels.${projectId}`,
+    false
+  )
+
+  const updatesAbortControllerRef = useRef<AbortController | null>(null)
+  const handleError = useErrorHandler()
+
+  const fetchNextBatchOfUpdates = useCallback(() => {
+    // If there is an in-flight request for updates, just let it complete, by
+    // bailing out
+    if (updatesAbortControllerRef.current) {
+      return
+    }
+
+    const updatesLoadingState = updatesInfo.loadingState
+
+    const loadUpdates = (updatesData: Update[]) => {
+      const dateTimeNow = new Date()
+      const timestamp24hoursAgo = dateTimeNow.setDate(dateTimeNow.getDate() - 1)
+      let { updates, freeHistoryLimitHit, visibleUpdateCount } = updatesInfo
+      let previousUpdate = updates[updates.length - 1]
+
+      const loadedUpdates: LoadedUpdate[] = cloneDeep(updatesData)
+      for (const [index, update] of loadedUpdates.entries()) {
+        for (const user of update.meta.users) {
+          if (user) {
+            user.hue = getHueForUserId(user.id)
+          }
+        }
+        if (
+          !previousUpdate ||
+          !moment(previousUpdate.meta.end_ts).isSame(update.meta.end_ts, 'day')
+        ) {
+          update.meta.first_in_day = true
+        }
+
+        previousUpdate = update
+
+        // the free tier cutoff is 24 hours, so show one extra update
+        //  after which will become the fade teaser above the paywall
+        if (
+          !userHasFullFeature &&
+          visibleUpdateCount === null &&
+          update.meta.end_ts < timestamp24hoursAgo
+        ) {
+          // Make sure that we show at least one entry fully (to allow labelling), and one extra for fading
+          //  Since the index for the first free tier cutoff will be at 0 if all versions were updated the day before (all version in the past),
+          //  we need to +2 instead of +1. this gives us one which is selected and one which is faded
+          visibleUpdateCount = index > 0 ? index + 1 : 2
+          freeHistoryLimitHit = true
+        }
+      }
+
+      return {
+        updates: updates.concat(loadedUpdates),
+        visibleUpdateCount,
+        freeHistoryLimitHit,
+      }
+    }
+
+    if (
+      updatesInfo.atEnd ||
+      !(
+        updatesLoadingState === 'loadingInitial' ||
+        updatesLoadingState === 'ready'
+      )
+    ) {
+      return
+    }
+
+    updatesAbortControllerRef.current = new AbortController()
+    const signal = updatesAbortControllerRef.current.signal
+
+    const updatesPromise = limitUpdates(
+      fetchUpdates(projectId, updatesInfo.nextBeforeTimestamp, signal)
+    )
+    const labelsPromise = labels == null ? fetchLabels(projectId, signal) : null
+
+    setUpdatesInfo({
+      ...updatesInfo,
+      loadingState:
+        updatesLoadingState === 'ready' ? 'loadingUpdates' : 'loadingInitial',
+    })
+
+    Promise.all([updatesPromise, labelsPromise])
+      .then(([{ updates: updatesData, nextBeforeTimestamp }, labels]) => {
+        if (labels) {
+          setLabels(loadLabels(labels, updatesData))
+        }
+
+        const { updates, visibleUpdateCount, freeHistoryLimitHit } =
+          loadUpdates(updatesData)
+
+        const atEnd =
+          nextBeforeTimestamp == null || freeHistoryLimitHit || !updates.length
+
+        setUpdatesInfo({
+          updates,
+          visibleUpdateCount,
+          freeHistoryLimitHit,
+          atEnd,
+          nextBeforeTimestamp,
+          loadingState: 'ready',
+        })
+      })
+      .catch(handleError)
+      .finally(() => {
+        updatesAbortControllerRef.current = null
+      })
+  }, [updatesInfo, projectId, labels, handleError, userHasFullFeature])
+
+  // Abort in-flight updates request on unmount
+  useEffect(() => {
+    return () => {
+      if (updatesAbortControllerRef.current) {
+        updatesAbortControllerRef.current.abort()
+      }
+    }
+  }, [])
+
+  // Initial load on first render
+  const initialFetch = useRef(false)
+  useEffect(() => {
+    if (view === 'history' && !initialFetch.current) {
+      initialFetch.current = true
+      return fetchNextBatchOfUpdates()
+    }
+  }, [view, fetchNextBatchOfUpdates])
+
+  useEffect(() => {
+    // Reset some parts of the state
+    if (view !== 'history') {
+      initialFetch.current = false
+      setSelection(prevSelection => ({
+        ...selectionInitialState,
+        // retain the previously selected pathname
+        previouslySelectedPathname: prevSelection.previouslySelectedPathname,
+      }))
+      setUpdatesInfo(updatesInfoInitialState)
+      setLabels(null)
+    }
+  }, [view])
+
+  const resetSelection = useCallback(() => {
+    setSelection(selectionInitialState)
+  }, [])
+
+  const { updateRange } = selection
+  const { fromV, toV } = updateRange || {}
+  const { updates } = updatesInfo
+
+  const updateForToV =
+    toV === undefined ? undefined : getUpdateForVersion(toV, updates)
+
+  // Load files when the update selection changes
+  const [loadingFileDiffs, setLoadingFileDiffs] = useState(false)
+
+  useEffect(() => {
+    if (fromV === undefined || toV === undefined) {
+      return
+    }
+
+    let abortController: AbortController | null = new AbortController()
+    setLoadingFileDiffs(true)
+
+    diffFiles(projectId, fromV, toV, abortController.signal)
+      .then(({ diff: files }) => {
+        setSelection(previousSelection => {
+          const selectedFile = autoSelectFile(
+            files,
+            toV,
+            previousSelection.comparing,
+            updateForToV,
+            previousSelection.previouslySelectedPathname
+          )
+          const newFiles = files.map(file => {
+            if (isFileRenamed(file) && file.newPathname) {
+              return renamePathnameKey(file)
+            }
+
+            return file
+          })
+          return {
+            ...previousSelection,
+            files: newFiles,
+            selectedFile,
+            previouslySelectedPathname: selectedFile.pathname,
+          }
+        })
+      })
+      .catch(handleError)
+      .finally(() => {
+        setLoadingFileDiffs(false)
+        abortController = null
+      })
+
+    return () => {
+      if (abortController) {
+        abortController.abort()
+      }
+    }
+  }, [projectId, fromV, toV, updateForToV, handleError])
+
+  useEffect(() => {
+    // Set update range if there isn't one and updates have loaded
+    if (updates.length && !updateRange) {
+      setSelection(prevSelection => ({
+        ...prevSelection,
+        updateRange: {
+          fromV: updates[0].fromV,
+          toV: updates[0].toV,
+          fromVTimestamp: updates[0].meta.end_ts,
+          toVTimestamp: updates[0].meta.end_ts,
+        },
+        comparing: false,
+        files: [],
+      }))
+    }
+  }, [updateRange, updates])
+
+  const value = useMemo<HistoryContextValue>(
+    () => ({
+      loadingFileDiffs,
+      updatesInfo,
+      setUpdatesInfo,
+      labels,
+      setLabels,
+      labelsOnly,
+      setLabelsOnly,
+      userHasFullFeature,
+      currentUserIsOwner,
+      projectId,
+      selection,
+      setSelection,
+      fetchNextBatchOfUpdates,
+      resetSelection,
+    }),
+    [
+      loadingFileDiffs,
+      updatesInfo,
+      setUpdatesInfo,
+      labels,
+      setLabels,
+      labelsOnly,
+      setLabelsOnly,
+      userHasFullFeature,
+      currentUserIsOwner,
+      projectId,
+      selection,
+      setSelection,
+      fetchNextBatchOfUpdates,
+      resetSelection,
+    ]
+  )
+
+  return { value }
+}
+
+export const HistoryContext = createContext<HistoryContextValue | undefined>(
+  undefined
+)
+
+type HistoryProviderProps = {
+  children?: React.ReactNode
+}
+
+export function HistoryProvider({ ...props }: HistoryProviderProps) {
+  const { value } = useHistory()
+
+  return <HistoryContext.Provider value={value} {...props} />
+}
+
+export function useHistoryContext() {
+  const context = useContext(HistoryContext)
+  if (!context) {
+    throw new Error('HistoryContext is only available inside HistoryProvider')
+  }
+  return context
+}
diff --git a/services/web/frontend/js/features/history/context/hooks/use-restore-deleted-file.ts b/services/web/frontend/js/features/history/context/hooks/use-restore-deleted-file.ts
new file mode 100644
index 0000000..226991e
--- /dev/null
+++ b/services/web/frontend/js/features/history/context/hooks/use-restore-deleted-file.ts
@@ -0,0 +1,106 @@
+import { sendMB } from '../../../../infrastructure/event-tracking'
+import { useLayoutContext } from '../../../../shared/context/layout-context'
+import { restoreFile } from '../../services/api'
+import { isFileRemoved } from '../../utils/file-diff'
+import { useHistoryContext } from '../history-context'
+import type { HistoryContextValue } from '../types/history-context-value'
+import { useErrorHandler } from 'react-error-boundary'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import { findInTree } from '@/features/file-tree/util/find-in-tree'
+import { useCallback, useEffect, useState } from 'react'
+import { RestoreFileResponse } from '@/features/history/services/types/restore-file'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+
+type RestorationState =
+  | 'idle'
+  | 'restoring'
+  | 'waitingForFileTree'
+  | 'complete'
+  | 'error'
+  | 'timedOut'
+
+export function useRestoreDeletedFile() {
+  const { projectId } = useHistoryContext()
+  const { setView } = useLayoutContext()
+  const { openDocWithId, openFileWithId } = useEditorManagerContext()
+  const handleError = useErrorHandler()
+  const { fileTreeData } = useFileTreeData()
+  const [state, setState] = useState<RestorationState>('idle')
+  const [restoredFileMetadata, setRestoredFileMetadata] =
+    useState<RestoreFileResponse | null>(null)
+
+  const isLoading = state === 'restoring' || state === 'waitingForFileTree'
+
+  useEffect(() => {
+    if (state === 'waitingForFileTree' && restoredFileMetadata) {
+      const result = findInTree(fileTreeData, restoredFileMetadata.id)
+      if (result) {
+        setState('complete')
+        const { _id: id } = result.entity
+        setView('editor')
+
+        if (restoredFileMetadata.type === 'doc') {
+          openDocWithId(id)
+        } else {
+          openFileWithId(id)
+        }
+      }
+    }
+  }, [
+    state,
+    fileTreeData,
+    restoredFileMetadata,
+    openDocWithId,
+    openFileWithId,
+    setView,
+  ])
+
+  useEffect(() => {
+    if (state === 'waitingForFileTree') {
+      const timer = window.setTimeout(() => {
+        setState('timedOut')
+        handleError(new Error('timed out'))
+      }, 3000)
+
+      return () => {
+        window.clearTimeout(timer)
+      }
+    }
+  }, [handleError, state])
+
+  const restoreDeletedFile = useCallback(
+    (selection: HistoryContextValue['selection']) => {
+      const { selectedFile, files } = selection
+
+      if (
+        selectedFile &&
+        selectedFile.pathname &&
+        isFileRemoved(selectedFile)
+      ) {
+        const file = files.find(file => file.pathname === selectedFile.pathname)
+        if (file && isFileRemoved(file)) {
+          sendMB('history-v2-restore-deleted')
+
+          setState('restoring')
+
+          restoreFile(projectId, {
+            ...selectedFile,
+            pathname: file.newPathname ?? file.pathname,
+          }).then(
+            (data: RestoreFileResponse) => {
+              setRestoredFileMetadata(data)
+              setState('waitingForFileTree')
+            },
+            error => {
+              setState('error')
+              handleError(error)
+            }
+          )
+        }
+      }
+    },
+    [handleError, projectId]
+  )
+
+  return { restoreDeletedFile, isLoading }
+}
diff --git a/services/web/frontend/js/features/history/context/hooks/use-restore-project.ts b/services/web/frontend/js/features/history/context/hooks/use-restore-project.ts
new file mode 100644
index 0000000..ec4e4a4
--- /dev/null
+++ b/services/web/frontend/js/features/history/context/hooks/use-restore-project.ts
@@ -0,0 +1,36 @@
+import { useCallback, useState } from 'react'
+import { useErrorHandler } from 'react-error-boundary'
+import { restoreProjectToVersion } from '../../services/api'
+import { useLayoutContext } from '@/shared/context/layout-context'
+
+type RestorationState = 'initial' | 'restoring' | 'restored' | 'error'
+
+export const useRestoreProject = () => {
+  const handleError = useErrorHandler()
+  const { setView } = useLayoutContext()
+
+  const [restorationState, setRestorationState] =
+    useState<RestorationState>('initial')
+
+  const restoreProject = useCallback(
+    (projectId: string, version: number) => {
+      setRestorationState('restoring')
+      restoreProjectToVersion(projectId, version)
+        .then(() => {
+          setRestorationState('restored')
+          setView('editor')
+        })
+        .catch(err => {
+          setRestorationState('error')
+          handleError(err)
+        })
+    },
+    [handleError, setView]
+  )
+
+  return {
+    restorationState,
+    restoreProject,
+    isRestoring: restorationState === 'restoring',
+  }
+}
diff --git a/services/web/frontend/js/features/history/context/hooks/use-restore-selected-file.ts b/services/web/frontend/js/features/history/context/hooks/use-restore-selected-file.ts
new file mode 100644
index 0000000..12b72fa
--- /dev/null
+++ b/services/web/frontend/js/features/history/context/hooks/use-restore-selected-file.ts
@@ -0,0 +1,104 @@
+import { useLayoutContext } from '../../../../shared/context/layout-context'
+import { restoreFileToVersion } from '../../services/api'
+import { isFileRemoved } from '../../utils/file-diff'
+import { useHistoryContext } from '../history-context'
+import type { HistoryContextValue } from '../types/history-context-value'
+import { useErrorHandler } from 'react-error-boundary'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import { findInTree } from '@/features/file-tree/util/find-in-tree'
+import { useCallback, useEffect, useState } from 'react'
+import { RestoreFileResponse } from '../../services/types/restore-file'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+
+const RESTORE_FILE_TIMEOUT = 3000
+
+type RestoreState =
+  | 'idle'
+  | 'restoring'
+  | 'waitingForFileTree'
+  | 'complete'
+  | 'error'
+  | 'timedOut'
+
+export function useRestoreSelectedFile() {
+  const { projectId } = useHistoryContext()
+  const { setView } = useLayoutContext()
+  const { openDocWithId, openFileWithId } = useEditorManagerContext()
+  const handleError = useErrorHandler()
+  const { fileTreeData } = useFileTreeData()
+  const [state, setState] = useState<RestoreState>('idle')
+  const [restoredFileMetadata, setRestoredFileMetadata] =
+    useState<RestoreFileResponse | null>(null)
+
+  const isLoading = state === 'restoring' || state === 'waitingForFileTree'
+
+  useEffect(() => {
+    if (state === 'waitingForFileTree' && restoredFileMetadata) {
+      const result = findInTree(fileTreeData, restoredFileMetadata.id)
+      if (result) {
+        setState('complete')
+        const { _id: id } = result.entity
+        setView('editor')
+
+        if (restoredFileMetadata.type === 'doc') {
+          openDocWithId(id)
+        } else {
+          openFileWithId(id)
+        }
+      }
+    }
+  }, [
+    state,
+    fileTreeData,
+    restoredFileMetadata,
+    openDocWithId,
+    openFileWithId,
+    setView,
+  ])
+
+  useEffect(() => {
+    if (state === 'waitingForFileTree') {
+      const timer = window.setTimeout(() => {
+        setState('timedOut')
+        handleError(new Error('timed out'))
+      }, RESTORE_FILE_TIMEOUT)
+
+      return () => {
+        window.clearTimeout(timer)
+      }
+    }
+  }, [handleError, state])
+
+  const restoreSelectedFile = useCallback(
+    (selection: HistoryContextValue['selection']) => {
+      const { selectedFile, files } = selection
+
+      if (selectedFile && selectedFile.pathname) {
+        const file = files.find(file => file.pathname === selectedFile.pathname)
+
+        if (file) {
+          const deletedAtV = isFileRemoved(file) ? file.deletedAtV : undefined
+          const toVersion = deletedAtV ?? selection.updateRange?.toV
+          if (!toVersion) {
+            return
+          }
+          setState('restoring')
+
+          restoreFileToVersion(projectId, file.pathname, toVersion).then(
+            (data: RestoreFileResponse) => {
+              setRestoredFileMetadata(data)
+              setState('waitingForFileTree')
+            },
+            error => {
+              setState('error')
+              handleError(error)
+            }
+          )
+        }
+      }
+    },
+    [handleError, projectId]
+  )
+
+  return { restoreSelectedFile, isLoading }
+}
diff --git a/services/web/frontend/js/features/history/context/types/history-context-value.ts b/services/web/frontend/js/features/history/context/types/history-context-value.ts
new file mode 100644
index 0000000..b68b223
--- /dev/null
+++ b/services/web/frontend/js/features/history/context/types/history-context-value.ts
@@ -0,0 +1,34 @@
+import { Nullable } from '../../../../../../types/utils'
+import { LoadedUpdate } from '../../services/types/update'
+import { LoadedLabel } from '../../services/types/label'
+import { Selection } from '../../services/types/selection'
+
+type UpdatesLoadingState = 'loadingInitial' | 'loadingUpdates' | 'ready'
+
+export type HistoryContextValue = {
+  updatesInfo: {
+    updates: LoadedUpdate[]
+    visibleUpdateCount: Nullable<number>
+    atEnd: boolean
+    nextBeforeTimestamp: number | undefined
+    freeHistoryLimitHit: boolean
+    loadingState: UpdatesLoadingState
+  }
+  setUpdatesInfo: React.Dispatch<
+    React.SetStateAction<HistoryContextValue['updatesInfo']>
+  >
+  userHasFullFeature: boolean
+  currentUserIsOwner: boolean
+  loadingFileDiffs: boolean
+  labels: Nullable<LoadedLabel[]>
+  setLabels: React.Dispatch<React.SetStateAction<HistoryContextValue['labels']>>
+  labelsOnly: boolean
+  setLabelsOnly: React.Dispatch<React.SetStateAction<boolean>>
+  projectId: string
+  selection: Selection
+  setSelection: React.Dispatch<
+    React.SetStateAction<HistoryContextValue['selection']>
+  >
+  fetchNextBatchOfUpdates: () => (() => void) | void
+  resetSelection: () => void
+}
diff --git a/services/web/frontend/js/features/history/extensions/highlight-locations.ts b/services/web/frontend/js/features/history/extensions/highlight-locations.ts
new file mode 100644
index 0000000..e8ad2f2
--- /dev/null
+++ b/services/web/frontend/js/features/history/extensions/highlight-locations.ts
@@ -0,0 +1,134 @@
+import { EditorSelection, StateEffect, StateField } from '@codemirror/state'
+import { Highlight } from '../services/types/doc'
+import { EditorView, ViewPlugin, ViewUpdate } from '@codemirror/view'
+import { highlightDecorationsField } from './highlights'
+import { throttle, isEqual } from 'lodash'
+import { updateHasEffect } from '../../source-editor/utils/effects'
+
+export type HighlightLocations = {
+  before: number
+  after: number
+  next?: Highlight
+  previous?: Highlight
+}
+
+const setHighlightLocationsEffect = StateEffect.define<HighlightLocations>()
+const hasSetHighlightLocationsEffect = updateHasEffect(
+  setHighlightLocationsEffect
+)
+
+// Returns the range within the document that is currently visible to the user
+function visibleRange(view: EditorView) {
+  const { top, bottom } = view.scrollDOM.getBoundingClientRect()
+  const first = view.lineBlockAtHeight(top - view.documentTop)
+  const last = view.lineBlockAtHeight(bottom - view.documentTop)
+  return { from: first.from, to: last.to }
+}
+
+function calculateHighlightLocations(view: EditorView): HighlightLocations {
+  const highlightsBefore: Highlight[] = []
+  const highlightsAfter: Highlight[] = []
+  let next
+  let previous
+
+  const highlights =
+    view.state.field(highlightDecorationsField)?.highlights || []
+
+  if (highlights.length === 0) {
+    return { before: 0, after: 0 }
+  }
+
+  const { from: visibleFrom, to: visibleTo } = visibleRange(view)
+
+  for (const highlight of highlights) {
+    if (highlight.range.to <= visibleFrom) {
+      highlightsBefore.push(highlight)
+    } else if (highlight.range.from >= visibleTo) {
+      highlightsAfter.push(highlight)
+    }
+  }
+
+  const before = highlightsBefore.length
+  const after = highlightsAfter.length
+  if (before > 0) {
+    previous = highlightsBefore[highlightsBefore.length - 1]
+  }
+  if (after > 0) {
+    next = highlightsAfter[0]
+  }
+
+  return {
+    before,
+    after,
+    previous,
+    next,
+  }
+}
+
+const plugin = ViewPlugin.fromClass(
+  class {
+    // eslint-disable-next-line no-useless-constructor
+    constructor(readonly view: EditorView) {}
+
+    dispatchIfChanged() {
+      const oldLocations = this.view.state.field(highlightLocationsField)
+      const newLocations = calculateHighlightLocations(this.view)
+
+      if (!isEqual(oldLocations, newLocations)) {
+        this.view.dispatch({
+          effects: setHighlightLocationsEffect.of(newLocations),
+        })
+      }
+    }
+
+    update(update: ViewUpdate) {
+      if (!hasSetHighlightLocationsEffect(update)) {
+        // Normally, a timeout is a poor choice, but in this case it doesn't
+        // matter that there is a slight delay or that it might run after the
+        // viewer has been torn down
+        window.setTimeout(() => this.dispatchIfChanged())
+      }
+    }
+  },
+  {
+    eventHandlers: {
+      scroll: throttle(
+        (event, view: EditorView) => {
+          view.plugin(plugin)?.dispatchIfChanged()
+        },
+        120,
+        { trailing: true }
+      ),
+    },
+  }
+)
+
+export const highlightLocationsField = StateField.define<HighlightLocations>({
+  create() {
+    return { before: 0, visible: 0, after: 0 }
+  },
+  update(highlightLocations, tr) {
+    for (const effect of tr.effects) {
+      if (effect.is(setHighlightLocationsEffect)) {
+        return effect.value
+      }
+    }
+    return highlightLocations
+  },
+  provide: () => [plugin],
+})
+
+export function highlightLocations() {
+  return highlightLocationsField
+}
+
+export function scrollToHighlight(view: EditorView, highlight: Highlight) {
+  view.dispatch({
+    effects: EditorView.scrollIntoView(
+      EditorSelection.range(highlight.range.from, highlight.range.to),
+      {
+        y: 'center',
+      }
+    ),
+  })
+}
diff --git a/services/web/frontend/js/features/history/extensions/highlights.ts b/services/web/frontend/js/features/history/extensions/highlights.ts
new file mode 100644
index 0000000..ce274cf
--- /dev/null
+++ b/services/web/frontend/js/features/history/extensions/highlights.ts
@@ -0,0 +1,413 @@
+import {
+  EditorState,
+  Line,
+  Range,
+  RangeSet,
+  StateEffect,
+  StateField,
+} from '@codemirror/state'
+import {
+  Decoration,
+  DecorationSet,
+  EditorView,
+  showTooltip,
+  gutter,
+  gutterLineClass,
+  GutterMarker,
+  Tooltip,
+  ViewPlugin,
+  WidgetType,
+} from '@codemirror/view'
+import { Highlight, HighlightType } from '../services/types/doc'
+
+export const setHighlightsEffect = StateEffect.define<Highlight[]>()
+const ADDITION_MARKER_CLASS = 'ol-cm-addition-marker'
+const DELETION_MARKER_CLASS = 'ol-cm-deletion-marker'
+
+function highlightToMarker(highlight: Highlight) {
+  const className =
+    highlight.type === 'addition'
+      ? ADDITION_MARKER_CLASS
+      : DELETION_MARKER_CLASS
+  const { from, to } = highlight.range
+
+  return Decoration.mark({
+    class: className,
+    attributes: {
+      style: `--hue: ${highlight.hue}`,
+    },
+  }).range(from, to)
+}
+
+type LineStatus = {
+  line: Line
+  highlights: Highlight[]
+  empty: boolean
+  changeType: HighlightType | 'mixed'
+}
+
+type LineStatuses = Map<number, LineStatus>
+
+function highlightedLines(highlights: Highlight[], state: EditorState) {
+  const lineStatuses = new Map<number, LineStatus>()
+  for (const highlight of highlights) {
+    const fromLine = state.doc.lineAt(highlight.range.from).number
+    const toLine = state.doc.lineAt(highlight.range.to).number
+    for (let lineNum = fromLine; lineNum <= toLine; ++lineNum) {
+      const status = lineStatuses.get(lineNum)
+      if (status) {
+        status.highlights.push(highlight)
+        if (status.changeType !== highlight.type) {
+          status.changeType = 'mixed'
+        }
+      } else {
+        const line = state.doc.line(lineNum)
+        lineStatuses.set(lineNum, {
+          line,
+          highlights: [highlight],
+          empty: line.length === 0,
+          changeType: highlight.type,
+        })
+      }
+    }
+  }
+  return lineStatuses
+}
+
+const tooltipTheme = EditorView.theme({
+  '.cm-tooltip': {
+    backgroundColor: 'transparent',
+    borderWidth: 0,
+    // Prevent a tooltip getting in the way of hovering over a line that it
+    // obscures
+    pointerEvents: 'none',
+  },
+})
+
+const theme = EditorView.baseTheme({
+  ['.' + ADDITION_MARKER_CLASS]: {
+    paddingTop: 'var(--half-leading)',
+    paddingBottom: 'var(--half-leading)',
+    backgroundColor: 'hsl(var(--hue), 70%, 85%)',
+  },
+  ['.' + DELETION_MARKER_CLASS]: {
+    textDecoration: 'line-through',
+    color: 'hsl(var(--hue), 70%, 40%)',
+  },
+  '.cm-tooltip.ol-cm-highlight-tooltip': {
+    backgroundColor: 'hsl(var(--hue), 70%, 50%)',
+    borderRadius: '4px',
+    padding: '4px',
+    color: '#fff',
+  },
+  '.ol-cm-empty-line-addition-marker': {
+    padding: 'var(--half-leading) 2px',
+  },
+  '.ol-cm-changed-line': {
+    backgroundColor: 'rgba(0, 0, 0, 0.03)',
+  },
+  '.ol-cm-change-gutter': {
+    width: '3px',
+    paddingLeft: '1px',
+  },
+  '.ol-cm-changed-line-gutter': {
+    backgroundColor: 'hsl(var(--hue), 70%, 40%)',
+    height: '100%',
+  },
+  '.ol-cm-highlighted-line-gutter': {
+    backgroundColor: 'rgba(0, 0, 0, 0.03)',
+  },
+})
+
+function createHighlightTooltip(pos: number, highlight: Highlight) {
+  return {
+    pos,
+    above: true,
+    create: () => {
+      const dom = document.createElement('div')
+      dom.classList.add('ol-cm-highlight-tooltip')
+      dom.style.setProperty('--hue', String(highlight.hue))
+      dom.textContent = highlight.label
+
+      return { dom }
+    },
+  }
+}
+
+const setHighlightTooltipEffect = StateEffect.define<Tooltip | null>()
+
+const tooltipField = StateField.define<Tooltip | null>({
+  create() {
+    return null
+  },
+
+  update(tooltip, transaction) {
+    for (const effect of transaction.effects) {
+      if (effect.is(setHighlightTooltipEffect)) {
+        return effect.value
+      }
+    }
+    return tooltip
+  },
+
+  provide: field => showTooltip.from(field),
+})
+
+function highlightAtPos(state: EditorState, pos: number) {
+  const highlights = state.field(highlightDecorationsField).highlights
+  return highlights.find(highlight => {
+    const { from, to } = highlight.range
+    return pos >= from && pos <= to
+  })
+}
+
+const highlightTooltipPlugin = ViewPlugin.fromClass(
+  class {
+    private lastTooltipPos: number | null = null
+
+    // eslint-disable-next-line no-useless-constructor
+    constructor(readonly view: EditorView) {}
+
+    setHighlightTooltip(tooltip: Tooltip | null) {
+      this.view.dispatch({
+        effects: setHighlightTooltipEffect.of(tooltip),
+      })
+    }
+
+    setTooltipFromEvent(event: MouseEvent) {
+      const pos = this.view.posAtCoords({ x: event.clientX, y: event.clientY })
+      if (pos !== this.lastTooltipPos) {
+        let tooltip = null
+        if (pos !== null) {
+          const highlight = highlightAtPos(this.view.state, pos)
+          if (highlight) {
+            tooltip = createHighlightTooltip(pos, highlight)
+          }
+        }
+        this.setHighlightTooltip(tooltip)
+        this.lastTooltipPos = pos
+      }
+    }
+
+    handleMouseMove(event: MouseEvent) {
+      this.setTooltipFromEvent(event)
+    }
+
+    startHover(event: MouseEvent, el: HTMLElement) {
+      const handleMouseMove = this.handleMouseMove.bind(this)
+      this.view.contentDOM.addEventListener('mousemove', handleMouseMove)
+
+      const handleMouseLeave = () => {
+        this.setHighlightTooltip(null)
+        this.lastTooltipPos = null
+        this.view.contentDOM.removeEventListener('mousemove', handleMouseMove)
+        el.removeEventListener('mouseleave', handleMouseLeave)
+      }
+
+      el.addEventListener('mouseleave', handleMouseLeave)
+      this.setTooltipFromEvent(event)
+    }
+  },
+  {
+    eventHandlers: {
+      mouseover(event) {
+        const el = event.target as HTMLElement
+        const classList = el.classList
+        if (
+          classList.contains(ADDITION_MARKER_CLASS) ||
+          classList.contains(DELETION_MARKER_CLASS) ||
+          // An empty line widget doesn't trigger a mouseover event, so detect
+          // an event on a line element that contains one instead
+          (classList.contains('cm-line') &&
+            el.querySelector(
+              `.ol-cm-empty-line-addition-marker, .ol-cm-empty-line-deletion-marker`
+            ))
+        ) {
+          this.startHover(event, el)
+        }
+      },
+    },
+    provide() {
+      return tooltipField
+    },
+  }
+)
+
+class EmptyLineAdditionMarkerWidget extends WidgetType {
+  constructor(readonly hue: number) {
+    super()
+  }
+
+  toDOM(view: EditorView): HTMLElement {
+    const element = document.createElement('span')
+    element.classList.add(
+      'ol-cm-empty-line-addition-marker',
+      ADDITION_MARKER_CLASS
+    )
+    element.style.setProperty('--hue', this.hue.toString())
+
+    return element
+  }
+}
+
+class EmptyLineDeletionMarkerWidget extends WidgetType {
+  constructor(readonly hue: number) {
+    super()
+  }
+
+  toDOM(view: EditorView): HTMLElement {
+    const element = document.createElement('span')
+    element.classList.add(
+      'ol-cm-empty-line-deletion-marker',
+      DELETION_MARKER_CLASS
+    )
+    element.style.setProperty('--hue', this.hue.toString())
+    element.textContent = ' '
+
+    return element
+  }
+}
+
+function createMarkers(highlights: Highlight[]) {
+  return RangeSet.of(highlights.map(highlight => highlightToMarker(highlight)))
+}
+
+function createEmptyLineHighlightMarkers(lineStatuses: LineStatuses) {
+  const markers: Range<Decoration>[] = []
+  for (const lineStatus of lineStatuses.values()) {
+    if (lineStatus.line.length === 0) {
+      const highlight = lineStatus.highlights[0]
+      const widget =
+        highlight.type === 'addition'
+          ? new EmptyLineAdditionMarkerWidget(highlight.hue)
+          : new EmptyLineDeletionMarkerWidget(highlight.hue)
+
+      markers.push(
+        Decoration.widget({
+          widget,
+        }).range(lineStatus.line.from)
+      )
+    }
+  }
+  return RangeSet.of(markers)
+}
+
+class ChangeGutterMarker extends GutterMarker {
+  constructor(readonly hue: number) {
+    super()
+  }
+
+  toDOM(view: EditorView) {
+    const el = document.createElement('div')
+    el.className = 'ol-cm-changed-line-gutter'
+    el.style.setProperty('--hue', this.hue.toString())
+
+    return el
+  }
+}
+
+function createGutterMarkers(lineStatuses: LineStatuses) {
+  const gutterMarkers: Range<GutterMarker>[] = []
+  for (const lineStatus of lineStatuses.values()) {
+    gutterMarkers.push(
+      new ChangeGutterMarker(lineStatus.highlights[0].hue).range(
+        lineStatus.line.from
+      )
+    )
+  }
+  return RangeSet.of(gutterMarkers)
+}
+
+const lineHighlight = Decoration.line({ class: 'ol-cm-changed-line' })
+
+function createLineHighlights(lineStatuses: LineStatuses) {
+  const lineHighlights: Range<Decoration>[] = []
+  for (const lineStatus of lineStatuses.values()) {
+    lineHighlights.push(lineHighlight.range(lineStatus.line.from))
+  }
+  return RangeSet.of(lineHighlights)
+}
+
+const changeLineGutterMarker = new (class extends GutterMarker {
+  elementClass = 'ol-cm-highlighted-line-gutter'
+})()
+
+function createGutterHighlights(lineStatuses: LineStatuses) {
+  const gutterMarkers: Range<GutterMarker>[] = []
+  for (const lineStatus of lineStatuses.values()) {
+    gutterMarkers.push(changeLineGutterMarker.range(lineStatus.line.from))
+  }
+  return RangeSet.of(gutterMarkers, true)
+}
+
+type HighlightDecorations = {
+  highlights: Highlight[]
+  highlightMarkers: DecorationSet
+  emptyLineHighlightMarkers: DecorationSet
+  lineHighlights: DecorationSet
+  gutterMarkers: RangeSet<GutterMarker>
+  gutterHighlights: RangeSet<GutterMarker>
+}
+
+export const highlightDecorationsField =
+  StateField.define<HighlightDecorations>({
+    create() {
+      return {
+        highlights: [],
+        highlightMarkers: Decoration.none,
+        emptyLineHighlightMarkers: Decoration.none,
+        lineHighlights: Decoration.none,
+        gutterMarkers: RangeSet.empty,
+        gutterHighlights: RangeSet.empty,
+      }
+    },
+    update(highlightDecorations, tr) {
+      for (const effect of tr.effects) {
+        if (effect.is(setHighlightsEffect)) {
+          const highlights = effect.value
+          const lineStatuses = highlightedLines(highlights, tr.state)
+          const highlightMarkers = createMarkers(highlights)
+          const emptyLineHighlightMarkers =
+            createEmptyLineHighlightMarkers(lineStatuses)
+          const lineHighlights = createLineHighlights(lineStatuses)
+          const gutterMarkers = createGutterMarkers(lineStatuses)
+          const gutterHighlights = createGutterHighlights(lineStatuses)
+          return {
+            highlights,
+            highlightMarkers,
+            emptyLineHighlightMarkers,
+            lineHighlights,
+            gutterMarkers,
+            gutterHighlights,
+          }
+        }
+      }
+      return highlightDecorations
+    },
+    provide: field => [
+      EditorView.decorations.from(field, value => value.highlightMarkers),
+      EditorView.decorations.from(
+        field,
+        value => value.emptyLineHighlightMarkers
+      ),
+      EditorView.decorations.from(field, value => value.lineHighlights),
+      theme,
+      tooltipTheme,
+      highlightTooltipPlugin,
+    ],
+  })
+
+const changeGutter = gutter({
+  class: 'ol-cm-change-gutter',
+  markers: view => view.state.field(highlightDecorationsField).gutterMarkers,
+  renderEmptyElements: false,
+})
+
+const gutterHighlighter = gutterLineClass.from(
+  highlightDecorationsField,
+  value => value.gutterHighlights
+)
+
+export function highlights() {
+  return [highlightDecorationsField, changeGutter, gutterHighlighter]
+}
diff --git a/services/web/frontend/js/features/history/extensions/theme.ts b/services/web/frontend/js/features/history/extensions/theme.ts
new file mode 100644
index 0000000..268b9d2
--- /dev/null
+++ b/services/web/frontend/js/features/history/extensions/theme.ts
@@ -0,0 +1,71 @@
+import { EditorView } from '@codemirror/view'
+import { Compartment, TransactionSpec } from '@codemirror/state'
+import { FontFamily, LineHeight, userStyles } from '@/shared/utils/styles'
+
+export type Options = {
+  fontSize: number
+  fontFamily: FontFamily
+  lineHeight: LineHeight
+}
+
+const optionsThemeConf = new Compartment()
+
+export const theme = (options: Options) => [
+  baseTheme,
+  optionsThemeConf.of(createThemeFromOptions(options)),
+]
+
+const createThemeFromOptions = ({
+  fontSize = 12,
+  fontFamily = 'monaco',
+  lineHeight = 'normal',
+}: Options) => {
+  // Theme styles that depend on settings
+  const styles = userStyles({ fontSize, fontFamily, lineHeight })
+
+  return [
+    EditorView.editorAttributes.of({
+      style: Object.entries({
+        '--font-size': styles.fontSize,
+        '--source-font-family': styles.fontFamily,
+        '--line-height': styles.lineHeight,
+      })
+        .map(([key, value]) => `${key}: ${value}`)
+        .join(';'),
+    }),
+    // Set variables for tooltips, which are outside the editor
+    // TODO: set these on document.body, or a new container element for the tooltips, without using a style mod
+    EditorView.theme({
+      '.cm-tooltip': {
+        '--font-size': styles.fontSize,
+        '--source-font-family': styles.fontFamily,
+      },
+    }),
+  ]
+}
+
+const baseTheme = EditorView.theme({
+  '.cm-content': {
+    fontSize: 'var(--font-size)',
+    fontFamily: 'var(--source-font-family)',
+    lineHeight: 'var(--line-height)',
+    color: '#000',
+  },
+  '.cm-gutters': {
+    fontSize: 'var(--font-size)',
+    lineHeight: 'var(--line-height)',
+  },
+  '.cm-lineNumbers': {
+    fontFamily: 'var(--source-font-family)',
+  },
+  '.cm-tooltip': {
+    // NOTE: fontFamily is not set here, as most tooltips use the UI font
+    fontSize: 'var(--font-size)',
+  },
+})
+
+export const setOptionsTheme = (options: Options): TransactionSpec => {
+  return {
+    effects: optionsThemeConf.reconfigure(createThemeFromOptions(options)),
+  }
+}
diff --git a/services/web/frontend/js/features/history/hooks/use-add-or-remove-labels.ts b/services/web/frontend/js/features/history/hooks/use-add-or-remove-labels.ts
new file mode 100644
index 0000000..6673989
--- /dev/null
+++ b/services/web/frontend/js/features/history/hooks/use-add-or-remove-labels.ts
@@ -0,0 +1,66 @@
+import { useHistoryContext } from '../context/history-context'
+import {
+  isAnyVersionMatchingSelection,
+  isLabel,
+  loadLabels,
+} from '../utils/label'
+import { Label } from '../services/types/label'
+
+function useAddOrRemoveLabels() {
+  const {
+    updatesInfo,
+    setUpdatesInfo,
+    labels,
+    setLabels,
+    selection,
+    resetSelection,
+  } = useHistoryContext()
+
+  const addOrRemoveLabel = (
+    label: Label,
+    labelsHandler: (label: Label[]) => Label[]
+  ) => {
+    const tempUpdates = [...updatesInfo.updates]
+    for (const [i, update] of tempUpdates.entries()) {
+      if (update.toV === label.version) {
+        tempUpdates[i] = {
+          ...update,
+          labels: labelsHandler(update.labels),
+        }
+        break
+      }
+    }
+
+    setUpdatesInfo({ ...updatesInfo, updates: tempUpdates })
+
+    if (labels) {
+      const nonPseudoLabels = labels.filter(isLabel)
+      const processedNonPseudoLabels = labelsHandler(nonPseudoLabels)
+      const newLabels = loadLabels(processedNonPseudoLabels, tempUpdates)
+      setLabels(newLabels)
+
+      return newLabels
+    }
+    return null
+  }
+
+  const addUpdateLabel = (label: Label) => {
+    const labelHandler = (labels: Label[]) => labels.concat(label)
+    addOrRemoveLabel(label, labelHandler)
+  }
+
+  const removeUpdateLabel = (label: Label) => {
+    const labelHandler = (labels: Label[]) =>
+      labels.filter(({ id }) => id !== label.id)
+    const newLabels = addOrRemoveLabel(label, labelHandler)
+
+    // removing all labels from current selection should reset the selection
+    if (isAnyVersionMatchingSelection(newLabels, selection)) {
+      resetSelection()
+    }
+  }
+
+  return { addUpdateLabel, removeUpdateLabel }
+}
+
+export default useAddOrRemoveLabels
diff --git a/services/web/frontend/js/features/history/hooks/use-dropdown-active-item.tsx b/services/web/frontend/js/features/history/hooks/use-dropdown-active-item.tsx
new file mode 100644
index 0000000..28a001f
--- /dev/null
+++ b/services/web/frontend/js/features/history/hooks/use-dropdown-active-item.tsx
@@ -0,0 +1,43 @@
+import { Dispatch, SetStateAction, useCallback, useState } from 'react'
+import { LoadedUpdate, Version } from '../services/types/update'
+
+type DropdownItem = LoadedUpdate | Version
+type WhichDropDownType = 'moreOptions' | 'compare' | null
+
+export type ActiveDropdownValue = {
+  item: DropdownItem | null
+  isOpened: boolean
+  whichDropDown: WhichDropDownType
+}
+
+export type ActiveDropdown = {
+  activeDropdownItem: ActiveDropdownValue
+  setActiveDropdownItem: Dispatch<SetStateAction<ActiveDropdownValue>>
+  closeDropdownForItem: (
+    item: DropdownItem,
+    whichDropDown: WhichDropDownType
+  ) => void
+}
+
+function useDropdownActiveItem(): ActiveDropdown {
+  const [activeDropdownItem, setActiveDropdownItem] =
+    useState<ActiveDropdownValue>({
+      item: null,
+      isOpened: false,
+      whichDropDown: null,
+    })
+
+  const closeDropdownForItem = useCallback(
+    (item: DropdownItem, whichDropDown: WhichDropDownType) =>
+      setActiveDropdownItem({ item, isOpened: false, whichDropDown }),
+    [setActiveDropdownItem]
+  )
+
+  return {
+    activeDropdownItem,
+    setActiveDropdownItem,
+    closeDropdownForItem,
+  }
+}
+
+export default useDropdownActiveItem
diff --git a/services/web/frontend/js/features/history/services/api.ts b/services/web/frontend/js/features/history/services/api.ts
new file mode 100644
index 0000000..a9c926d
--- /dev/null
+++ b/services/web/frontend/js/features/history/services/api.ts
@@ -0,0 +1,111 @@
+import {
+  deleteJSON,
+  getJSON,
+  postJSON,
+} from '../../../infrastructure/fetch-json'
+import { FileDiff, FileRemoved } from './types/file'
+import { FetchUpdatesResponse } from './types/update'
+import { Label } from './types/label'
+import { DocDiffResponse } from './types/doc'
+import { RestoreFileResponse } from './types/restore-file'
+
+const BATCH_SIZE = 10
+
+export function fetchUpdates(
+  projectId: string,
+  before?: number,
+  signal?: AbortSignal
+) {
+  const queryParams: Record<string, string> = {
+    min_count: BATCH_SIZE.toString(),
+  }
+
+  if (before != null) {
+    queryParams.before = before.toString()
+  }
+
+  const queryParamsSerialized = new URLSearchParams(queryParams).toString()
+  const updatesURL = `/project/${projectId}/updates?${queryParamsSerialized}`
+  return getJSON<FetchUpdatesResponse>(updatesURL, { signal })
+}
+
+export function fetchLabels(projectId: string, signal?: AbortSignal) {
+  const labelsURL = `/project/${projectId}/labels`
+  return getJSON<Label[]>(labelsURL, { signal })
+}
+
+export function addLabel(
+  projectId: string,
+  body: { comment: string; version: number },
+  signal?: AbortSignal
+) {
+  return postJSON(`/project/${projectId}/labels`, { body, signal })
+}
+
+export function deleteLabel(
+  projectId: string,
+  labelId: string,
+  signal?: AbortSignal
+) {
+  return deleteJSON(`/project/${projectId}/labels/${labelId}`, { signal })
+}
+
+export function diffFiles(
+  projectId: string,
+  fromV: number,
+  toV: number,
+  signal?: AbortSignal
+) {
+  const queryParams: Record<string, string> = {
+    from: fromV.toString(),
+    to: toV.toString(),
+  }
+  const queryParamsSerialized = new URLSearchParams(queryParams).toString()
+  const diffUrl = `/project/${projectId}/filetree/diff?${queryParamsSerialized}`
+  return getJSON<{ diff: FileDiff[] }>(diffUrl, { signal })
+}
+
+export function diffDoc(
+  projectId: string,
+  fromV: number,
+  toV: number,
+  pathname: string,
+  signal?: AbortSignal
+) {
+  const queryParams: Record<string, string> = {
+    from: fromV.toString(),
+    to: toV.toString(),
+    pathname,
+  }
+  const queryParamsSerialized = new URLSearchParams(queryParams).toString()
+  const diffUrl = `/project/${projectId}/diff?${queryParamsSerialized}`
+  return getJSON<DocDiffResponse>(diffUrl, { signal })
+}
+
+export function restoreFile(projectId: string, selectedFile: FileRemoved) {
+  return postJSON<RestoreFileResponse>(`/project/${projectId}/restore_file`, {
+    body: {
+      version: selectedFile.deletedAtV,
+      pathname: selectedFile.pathname,
+    },
+  })
+}
+
+export function restoreFileToVersion(
+  projectId: string,
+  pathname: string,
+  version: number
+) {
+  return postJSON<RestoreFileResponse>(`/project/${projectId}/revert_file`, {
+    body: {
+      version,
+      pathname,
+    },
+  })
+}
+
+export function restoreProjectToVersion(projectId: string, version: number) {
+  return postJSON(`/project/${projectId}/revert-project`, {
+    body: { version },
+  })
+}
diff --git a/services/web/frontend/js/features/history/services/types/doc.ts b/services/web/frontend/js/features/history/services/types/doc.ts
new file mode 100644
index 0000000..6e7c36a
--- /dev/null
+++ b/services/web/frontend/js/features/history/services/types/doc.ts
@@ -0,0 +1,36 @@
+import { Meta } from './shared'
+
+export interface DocDiffChunk {
+  u?: string
+  i?: string
+  d?: string
+  meta?: Meta
+}
+
+export interface BinaryDiffResponse {
+  binary: true
+}
+
+export type DocDiffResponse = { diff: DocDiffChunk[] | BinaryDiffResponse }
+
+interface Range {
+  from: number
+  to: number
+}
+
+export type HighlightType = 'addition' | 'deletion'
+
+export interface Highlight {
+  label: string
+  hue: number
+  range: Range
+  type: HighlightType
+}
+
+export type Diff = {
+  binary: boolean
+  docDiff?: {
+    doc: string
+    highlights: Highlight[]
+  }
+}
diff --git a/services/web/frontend/js/features/history/services/types/file-operation.ts b/services/web/frontend/js/features/history/services/types/file-operation.ts
new file mode 100644
index 0000000..8ae0e0d
--- /dev/null
+++ b/services/web/frontend/js/features/history/services/types/file-operation.ts
@@ -0,0 +1 @@
+export type FileOperation = 'edited' | 'added' | 'renamed' | 'removed'
diff --git a/services/web/frontend/js/features/history/services/types/file.ts b/services/web/frontend/js/features/history/services/types/file.ts
new file mode 100644
index 0000000..4fb1330
--- /dev/null
+++ b/services/web/frontend/js/features/history/services/types/file.ts
@@ -0,0 +1,38 @@
+import { FileOperation } from './file-operation'
+
+interface File {
+  pathname: string
+}
+
+export interface FileWithEditable extends File {
+  editable: boolean
+}
+
+export type FileUnchanged = FileWithEditable
+
+export interface FileAdded extends FileWithEditable {
+  operation: Extract<FileOperation, 'added'>
+}
+
+export interface FileRemoved extends FileWithEditable {
+  operation: Extract<FileOperation, 'removed'>
+  newPathname?: string
+  deletedAtV: number
+}
+
+export interface FileEdited extends File {
+  operation: Extract<FileOperation, 'edited'>
+}
+
+export interface FileRenamed extends FileWithEditable {
+  newPathname?: string
+  oldPathname?: string
+  operation: Extract<FileOperation, 'renamed'>
+}
+
+export type FileDiff =
+  | FileAdded
+  | FileRemoved
+  | FileEdited
+  | FileRenamed
+  | FileUnchanged
diff --git a/services/web/frontend/js/features/history/services/types/label.ts b/services/web/frontend/js/features/history/services/types/label.ts
new file mode 100644
index 0000000..3f8ebc0
--- /dev/null
+++ b/services/web/frontend/js/features/history/services/types/label.ts
@@ -0,0 +1,25 @@
+import { Nullable } from '../../../../../../types/utils'
+
+interface LabelBase {
+  id: string
+  created_at: string
+  lastUpdatedTimestamp: Nullable<number>
+}
+
+interface UpdateLabel extends LabelBase {
+  comment: string
+  version: number
+  user_id: string
+}
+
+export interface Label extends UpdateLabel {
+  user_display_name: string
+}
+
+export interface PseudoCurrentStateLabel extends LabelBase {
+  id: '1'
+  isPseudoCurrentStateLabel: true
+  version: Nullable<number>
+}
+
+export type LoadedLabel = Label | PseudoCurrentStateLabel
diff --git a/services/web/frontend/js/features/history/services/types/restore-file.ts b/services/web/frontend/js/features/history/services/types/restore-file.ts
new file mode 100644
index 0000000..cd3c7cf
--- /dev/null
+++ b/services/web/frontend/js/features/history/services/types/restore-file.ts
@@ -0,0 +1,4 @@
+export type RestoreFileResponse = {
+  id: string
+  type: 'doc' | 'file'
+}
diff --git a/services/web/frontend/js/features/history/services/types/selection.ts b/services/web/frontend/js/features/history/services/types/selection.ts
new file mode 100644
index 0000000..0bf1304
--- /dev/null
+++ b/services/web/frontend/js/features/history/services/types/selection.ts
@@ -0,0 +1,11 @@
+import { FileDiff, FileUnchanged } from './file'
+import { UpdateRange } from './update'
+import { Nullable } from '../../../../../../types/utils'
+
+export interface Selection {
+  updateRange: UpdateRange | null
+  comparing: boolean
+  files: FileDiff[]
+  selectedFile?: FileDiff
+  previouslySelectedPathname: Nullable<FileUnchanged['pathname']>
+}
diff --git a/services/web/frontend/js/features/history/services/types/shared.ts b/services/web/frontend/js/features/history/services/types/shared.ts
new file mode 100644
index 0000000..1e66f64
--- /dev/null
+++ b/services/web/frontend/js/features/history/services/types/shared.ts
@@ -0,0 +1,37 @@
+import { Nullable } from '../../../../../../types/utils'
+
+export interface User {
+  first_name: string
+  last_name: string
+  email: string
+  id: string
+}
+
+export interface Meta {
+  users: Nullable<User>[]
+  start_ts: number
+  end_ts: number
+  type?: 'external' // TODO
+  source?: 'git-bridge' // TODO
+  origin?:
+    | {
+        kind:
+          | 'dropbox'
+          | 'upload'
+          | 'git-bridge'
+          | 'github'
+          | 'history-resync'
+          | 'history-migration'
+      }
+    | {
+        kind: 'file-restore'
+        path: string
+        timestamp: number
+        version: number
+      }
+    | {
+        kind: 'project-restore'
+        timestamp: number
+        version: number
+      }
+}
diff --git a/services/web/frontend/js/features/history/services/types/update.ts b/services/web/frontend/js/features/history/services/types/update.ts
new file mode 100644
index 0000000..781a0ff
--- /dev/null
+++ b/services/web/frontend/js/features/history/services/types/update.ts
@@ -0,0 +1,48 @@
+import { Meta, User } from './shared'
+import { Label } from './label'
+import { Nullable } from '../../../../../../types/utils'
+
+export type Version = number
+
+export interface ProjectOp {
+  add?: { pathname: string }
+  rename?: { pathname: string; newPathname: string }
+  remove?: { pathname: string }
+  atV: Version
+}
+
+export interface UpdateRange {
+  fromV: Version
+  toV: Version
+  fromVTimestamp: number
+  toVTimestamp: number
+}
+
+export interface Update {
+  fromV: Version
+  toV: Version
+  meta: Meta
+  labels: Label[]
+  pathnames: string[]
+  project_ops: ProjectOp[]
+}
+
+export interface LoadedUpdateMetaUser extends User {
+  hue?: number
+}
+
+export type LoadedUpdateMetaUsers = Nullable<LoadedUpdateMetaUser>[]
+
+interface LoadedUpdateMeta extends Meta {
+  first_in_day?: true
+  users: LoadedUpdateMetaUsers
+}
+
+export interface LoadedUpdate extends Update {
+  meta: LoadedUpdateMeta
+}
+
+export type FetchUpdatesResponse = {
+  updates: Update[]
+  nextBeforeTimestamp?: number
+}
diff --git a/services/web/frontend/js/features/history/utils/auto-select-file.ts b/services/web/frontend/js/features/history/utils/auto-select-file.ts
new file mode 100644
index 0000000..add1c5a
--- /dev/null
+++ b/services/web/frontend/js/features/history/utils/auto-select-file.ts
@@ -0,0 +1,143 @@
+import type { Nullable } from '../../../../../types/utils'
+import type { FileDiff } from '../services/types/file'
+import type { FileOperation } from '../services/types/file-operation'
+import type { LoadedUpdate, Version } from '../services/types/update'
+import type { Selection } from '../services/types/selection'
+import { fileFinalPathname, isFileEditable } from './file-diff'
+
+type FileWithOps = {
+  pathname: FileDiff['pathname']
+  editable: boolean
+  operation: FileOperation
+}
+
+function getFilesWithOps(
+  files: FileDiff[],
+  toV: Version,
+  comparing: boolean,
+  updateForToV: LoadedUpdate | undefined
+): FileWithOps[] {
+  if (toV && !comparing) {
+    const filesWithOps: FileWithOps[] = []
+
+    if (updateForToV) {
+      const filesByPathname = new Map<string, FileDiff>()
+      for (const file of files) {
+        const pathname = fileFinalPathname(file)
+        filesByPathname.set(pathname, file)
+      }
+
+      const isEditable = (pathname: string) => {
+        const fileDiff = filesByPathname.get(pathname)
+        if (!fileDiff) {
+          return false
+        }
+        return isFileEditable(fileDiff)
+      }
+
+      for (const pathname of updateForToV.pathnames) {
+        filesWithOps.push({
+          pathname,
+          editable: isEditable(pathname),
+          operation: 'edited',
+        })
+      }
+
+      for (const op of updateForToV.project_ops) {
+        let pathAndOp: Nullable<Pick<FileWithOps, 'pathname' | 'operation'>> =
+          null
+
+        if (op.add) {
+          pathAndOp = {
+            pathname: op.add.pathname,
+            operation: 'added',
+          }
+        } else if (op.remove) {
+          pathAndOp = {
+            pathname: op.remove.pathname,
+            operation: 'removed',
+          }
+        } else if (op.rename) {
+          pathAndOp = {
+            pathname: op.rename.newPathname,
+            operation: 'renamed',
+          }
+        }
+
+        if (pathAndOp !== null) {
+          filesWithOps.push({
+            editable: isEditable(pathAndOp.pathname),
+            ...pathAndOp,
+          })
+        }
+      }
+    }
+
+    return filesWithOps
+  } else {
+    const filesWithOps = files.reduce(
+      (curFilesWithOps, file) => {
+        if ('operation' in file) {
+          curFilesWithOps.push({
+            pathname: file.pathname,
+            editable: isFileEditable(file),
+            operation: file.operation,
+          })
+        }
+        return curFilesWithOps
+      },
+      <FileWithOps[]>[]
+    )
+
+    return filesWithOps
+  }
+}
+
+const orderedOpTypes: FileOperation[] = [
+  'edited',
+  'added',
+  'renamed',
+  'removed',
+]
+
+export function autoSelectFile(
+  files: FileDiff[],
+  toV: Version,
+  comparing: boolean,
+  updateForToV: LoadedUpdate | undefined,
+  previouslySelectedPathname: Selection['previouslySelectedPathname']
+): FileDiff {
+  const filesWithOps = getFilesWithOps(files, toV, comparing, updateForToV)
+  const previouslySelectedFile = files.find(file => {
+    return file.pathname === previouslySelectedPathname
+  })
+  const previouslySelectedFileHasOp = filesWithOps.some(file => {
+    return file.pathname === previouslySelectedPathname
+  })
+
+  if (previouslySelectedFile && previouslySelectedFileHasOp) {
+    return previouslySelectedFile
+  }
+
+  for (const opType of orderedOpTypes) {
+    const fileWithMatchingOpType = filesWithOps.find(
+      file => file.operation === opType && file.editable
+    )
+
+    if (fileWithMatchingOpType) {
+      const fileToSelect = files.find(
+        file => fileFinalPathname(file) === fileWithMatchingOpType.pathname
+      )
+      if (fileToSelect) {
+        return fileToSelect
+      }
+    }
+  }
+
+  return (
+    previouslySelectedFile ||
+    files.find(file => /main\.tex$/.test(file.pathname)) ||
+    files.find(file => /\.tex$/.test(file.pathname)) ||
+    files[0]
+  )
+}
diff --git a/services/web/frontend/js/features/history/utils/display-name-for-user.ts b/services/web/frontend/js/features/history/utils/display-name-for-user.ts
new file mode 100644
index 0000000..626e899
--- /dev/null
+++ b/services/web/frontend/js/features/history/utils/display-name-for-user.ts
@@ -0,0 +1,22 @@
+import { User } from '@/features/history/services/types/shared'
+import getMeta from '@/utils/meta'
+import { formatUserName } from '@/features/history/utils/history-details'
+
+export default function displayNameForUser(
+  user:
+    | (User & {
+        name?: string
+      })
+    | null
+) {
+  if (user == null) {
+    return 'Anonymous'
+  }
+  if (user.id === getMeta('ol-user').id) {
+    return 'you'
+  }
+  if (user.name != null) {
+    return user.name
+  }
+  return formatUserName(user)
+}
diff --git a/services/web/frontend/js/features/history/utils/file-diff.ts b/services/web/frontend/js/features/history/utils/file-diff.ts
new file mode 100644
index 0000000..3d5febb
--- /dev/null
+++ b/services/web/frontend/js/features/history/utils/file-diff.ts
@@ -0,0 +1,30 @@
+import type {
+  FileDiff,
+  FileRemoved,
+  FileRenamed,
+  FileWithEditable,
+} from '../services/types/file'
+
+export function isFileRenamed(fileDiff: FileDiff): fileDiff is FileRenamed {
+  return (fileDiff as FileRenamed).operation === 'renamed'
+}
+
+export function isFileRemoved(fileDiff: FileDiff): fileDiff is FileRemoved {
+  return (fileDiff as FileRemoved).operation === 'removed'
+}
+
+function isFileWithEditable(fileDiff: FileDiff): fileDiff is FileWithEditable {
+  return 'editable' in (fileDiff as FileWithEditable)
+}
+
+export function isFileEditable(fileDiff: FileDiff) {
+  return isFileWithEditable(fileDiff)
+    ? fileDiff.editable
+    : fileDiff.operation === 'edited'
+}
+
+export function fileFinalPathname(fileDiff: FileDiff) {
+  return (
+    (isFileRenamed(fileDiff) ? fileDiff.newPathname : null) || fileDiff.pathname
+  )
+}
diff --git a/services/web/frontend/js/features/history/utils/file-tree.ts b/services/web/frontend/js/features/history/utils/file-tree.ts
new file mode 100644
index 0000000..4236219
--- /dev/null
+++ b/services/web/frontend/js/features/history/utils/file-tree.ts
@@ -0,0 +1,116 @@
+import _ from 'lodash'
+import type { FileDiff, FileRenamed } from '../services/types/file'
+import { isFileEditable, isFileRemoved } from './file-diff'
+
+export type FileTreeEntity = {
+  name?: string
+  type?: 'file' | 'folder'
+  children?: FileTreeEntity[]
+} & FileDiff
+
+export function reducePathsToTree(
+  currentFileTree: FileTreeEntity[],
+  fileObject: FileTreeEntity
+) {
+  const filePathParts = fileObject?.pathname?.split('/') ?? ''
+  let currentFileTreeLocation = currentFileTree
+
+  for (let index = 0; index < filePathParts.length; index++) {
+    const pathPart = filePathParts[index]
+    const isFile = index === filePathParts.length - 1
+
+    if (isFile) {
+      const fileTreeEntity: FileTreeEntity = _.clone(fileObject)
+      fileTreeEntity.name = pathPart
+      fileTreeEntity.type = 'file'
+
+      currentFileTreeLocation.push(fileTreeEntity)
+    } else {
+      let fileTreeEntity: FileTreeEntity | undefined = _.find(
+        currentFileTreeLocation,
+        entity => entity.name === pathPart
+      )
+
+      if (fileTreeEntity === undefined) {
+        fileTreeEntity = {
+          name: pathPart,
+          type: 'folder',
+          children: <FileTreeEntity[]>[],
+          pathname: pathPart,
+          editable: false,
+        }
+
+        currentFileTreeLocation.push(fileTreeEntity)
+      }
+      currentFileTreeLocation = fileTreeEntity.children ?? []
+    }
+  }
+  return currentFileTree
+}
+
+export type HistoryDoc = {
+  name: string
+} & FileDiff
+
+export type HistoryFileTree = {
+  docs?: HistoryDoc[]
+  folders: HistoryFileTree[]
+  name: string
+}
+
+export function fileTreeDiffToFileTreeData(
+  fileTreeDiff: FileTreeEntity[],
+  currentFolderName = 'rootFolder' // default value from angular version
+): HistoryFileTree {
+  const folders: HistoryFileTree[] = []
+  const docs: HistoryDoc[] = []
+
+  for (const file of fileTreeDiff) {
+    if (file.type === 'file') {
+      const deletedAtV = isFileRemoved(file) ? file.deletedAtV : undefined
+
+      const newDoc: HistoryDoc = {
+        pathname: file.pathname ?? '',
+        name: file.name ?? '',
+        deletedAtV,
+        editable: isFileEditable(file),
+        operation: 'operation' in file ? file.operation : undefined,
+      }
+
+      docs.push(newDoc)
+    } else if (file.type === 'folder') {
+      if (file.children) {
+        const folder = fileTreeDiffToFileTreeData(file.children, file.name)
+        folders.push(folder)
+      }
+    }
+  }
+
+  return {
+    docs,
+    folders,
+    name: currentFolderName,
+  }
+}
+
+// TODO: refactor the oldPathname/newPathname data
+// It's an artifact from the angular version.
+// Our API returns `pathname` and `newPathname` for `renamed` operation
+// In the angular version, we change the key of the data:
+// 1. `pathname` -> `oldPathname`
+// 2. `newPathname` -> `pathname`
+// 3. Delete the `newPathname` key from the object
+// This is because the angular version wants to generalize the API usage
+// In the operation other than the `renamed` operation, the diff API (/project/:id/diff) consumes the `pathname`
+// But the `renamed` operation consumes the `newPathname` instead of the `pathname` data
+//
+// This behaviour can be refactored by introducing a conditional when calling the API
+// i.e if `renamed` -> use `newPathname`, else -> use `pathname`
+export function renamePathnameKey(file: FileRenamed): FileRenamed {
+  return {
+    oldPathname: file.pathname,
+    pathname: file.newPathname as string,
+    operation: file.operation,
+    editable: file.editable,
+  }
+}
diff --git a/services/web/frontend/js/features/history/utils/highlights-from-diff-response.ts b/services/web/frontend/js/features/history/utils/highlights-from-diff-response.ts
new file mode 100644
index 0000000..e9b9d53
--- /dev/null
+++ b/services/web/frontend/js/features/history/utils/highlights-from-diff-response.ts
@@ -0,0 +1,55 @@
+import moment from 'moment/moment'
+import { DocDiffChunk, Highlight } from '../services/types/doc'
+import { TFunction } from 'i18next'
+import displayNameForUser from './display-name-for-user'
+import { getHueForUserId } from '@/shared/utils/colors'
+
+export function highlightsFromDiffResponse(
+  chunks: DocDiffChunk[],
+  t: TFunction<'translation'> // Must be called `t` for i18next-scanner to find calls to it
+) {
+  let pos = 0
+  const highlights: Highlight[] = []
+  let doc = ''
+
+  for (const entry of chunks) {
+    const content = entry.u || entry.i || entry.d || ''
+    doc += content
+    const from = pos
+    const to = doc.length
+    pos = to
+    const range = { from, to }
+
+    const isInsertion = typeof entry.i === 'string'
+    const isDeletion = typeof entry.d === 'string'
+
+    if (isInsertion || isDeletion) {
+      const meta = entry.meta
+      if (!meta) {
+        throw new Error('No meta found')
+      }
+      const user = meta.users?.[0]
+      const name = displayNameForUser(user)
+      const date = moment(meta.end_ts).format('Do MMM YYYY, h:mm a')
+      if (isInsertion) {
+        highlights.push({
+          type: 'addition',
+          // There doesn't seem to be a convenient way to make this translatable
+          label: t('added_by_on', { name, date }),
+          range,
+          hue: getHueForUserId(user?.id),
+        })
+      } else if (isDeletion) {
+        highlights.push({
+          type: 'deletion',
+          // There doesn't seem to be a convenient way to make this translatable
+          label: t('deleted_by_on', { name, date }),
+          range,
+          hue: getHueForUserId(user?.id),
+        })
+      }
+    }
+  }
+
+  return { doc, highlights }
+}
diff --git a/services/web/frontend/js/features/history/utils/history-details.ts b/services/web/frontend/js/features/history/utils/history-details.ts
new file mode 100644
index 0000000..27f9cfd
--- /dev/null
+++ b/services/web/frontend/js/features/history/utils/history-details.ts
@@ -0,0 +1,120 @@
+import { User } from '../services/types/shared'
+import { LoadedUpdate, ProjectOp, Version } from '../services/types/update'
+import { Selection } from '../services/types/selection'
+
+export const formatUserName = (user: User) => {
+  let name = [user.first_name, user.last_name]
+    .filter(n => n != null)
+    .join(' ')
+    .trim()
+  if (name === '') {
+    name = user.email.split('@')[0]
+  }
+  if (name == null || name === '') {
+    return '?'
+  }
+  return name
+}
+
+export const getProjectOpDoc = (projectOp: ProjectOp) => {
+  if (projectOp.rename) {
+    return `${projectOp.rename.pathname} → ${projectOp.rename.newPathname}`
+  }
+  if (projectOp.add) {
+    return `${projectOp.add.pathname}`
+  }
+  if (projectOp.remove) {
+    return `${projectOp.remove.pathname}`
+  }
+  return ''
+}
+
+export type ItemSelectionState =
+  | 'upperSelected'
+  | 'lowerSelected'
+  | 'withinSelected'
+  | 'aboveSelected'
+  | 'belowSelected'
+  | 'selected'
+  | null
+
+export function isVersionSelected(
+  selection: Selection,
+  version: Version
+): ItemSelectionState
+// eslint-disable-next-line no-redeclare
+export function isVersionSelected(
+  selection: Selection,
+  fromV: Version,
+  toV: Version
+): ItemSelectionState
+// eslint-disable-next-line no-redeclare
+export function isVersionSelected(
+  selection: Selection,
+  ...args: [Version] | [Version, Version]
+): ItemSelectionState {
+  if (selection.updateRange) {
+    let [fromV, toV] = args
+    toV = toV ?? fromV
+    if (selection.comparing) {
+      if (
+        fromV > selection.updateRange.fromV &&
+        toV < selection.updateRange.toV
+      ) {
+        return 'withinSelected'
+      }
+
+      // Condition for selectedEdge when the comparing versions are from labels list
+      if (fromV === toV) {
+        if (fromV === selection.updateRange.toV) {
+          return 'upperSelected'
+        }
+        if (toV === selection.updateRange.fromV) {
+          return 'lowerSelected'
+        }
+      }
+
+      // Comparing mode above selected condition
+      if (fromV >= selection.updateRange.toV) {
+        return 'aboveSelected'
+      }
+      // Comparing mode below selected condition
+      if (toV <= selection.updateRange.fromV) {
+        return 'belowSelected'
+      }
+
+      if (toV === selection.updateRange.toV) {
+        return 'upperSelected'
+      }
+      if (fromV === selection.updateRange.fromV) {
+        return 'lowerSelected'
+      }
+    } else if (toV === selection.updateRange.toV) {
+      // single version mode
+      return 'selected'
+    } else if (fromV >= selection.updateRange.toV) {
+      // Non-Comparing mode above selected condition
+      return 'aboveSelected'
+    } else if (toV <= selection.updateRange.fromV) {
+      // Non-Comparing mode below selected condition
+      return 'belowSelected'
+    }
+  }
+
+  return null
+}
+
+export const getUpdateForVersion = (version: number, updates: LoadedUpdate[]) =>
+  updates.find(update => update.toV === version)
+
+export const updateRangeForUpdate = (update: LoadedUpdate) => {
+  const { fromV, toV, meta } = update
+  const fromVTimestamp = meta.end_ts
+
+  return {
+    fromV,
+    toV,
+    fromVTimestamp,
+    toVTimestamp: fromVTimestamp,
+  }
+}
diff --git a/services/web/frontend/js/features/history/utils/label.ts b/services/web/frontend/js/features/history/utils/label.ts
new file mode 100644
index 0000000..7543597
--- /dev/null
+++ b/services/web/frontend/js/features/history/utils/label.ts
@@ -0,0 +1,107 @@
+import { orderBy, groupBy } from 'lodash'
+import {
+  LoadedLabel,
+  Label,
+  PseudoCurrentStateLabel,
+} from '../services/types/label'
+import { Nullable } from '../../../../../types/utils'
+import { Selection } from '../services/types/selection'
+import { Update } from '../services/types/update'
+
+export const isPseudoLabel = (
+  label: LoadedLabel
+): label is PseudoCurrentStateLabel => {
+  return (label as PseudoCurrentStateLabel).isPseudoCurrentStateLabel === true
+}
+
+export const isLabel = (label: LoadedLabel): label is Label => {
+  return !isPseudoLabel(label)
+}
+
+const sortLabelsByVersionAndDate = (labels: LoadedLabel[]) => {
+  return orderBy(
+    labels,
+    ['isPseudoCurrentStateLabel', 'version', 'created_at'],
+    ['asc', 'desc', 'desc']
+  )
+}
+
+const deletePseudoCurrentStateLabelIfExistent = (labels: LoadedLabel[]) => {
+  if (labels.length && isPseudoLabel(labels[0])) {
+    const [, ...rest] = labels
+    return rest
+  }
+  return labels
+}
+
+const addPseudoCurrentStateLabelIfNeeded = (
+  labels: LoadedLabel[],
+  mostRecentVersion: Nullable<number>
+) => {
+  if (!labels.length || labels[0].version !== mostRecentVersion) {
+    const pseudoCurrentStateLabel: PseudoCurrentStateLabel = {
+      id: '1',
+      isPseudoCurrentStateLabel: true,
+      version: mostRecentVersion,
+      created_at: new Date().toISOString(),
+      lastUpdatedTimestamp: null,
+    }
+    return [pseudoCurrentStateLabel, ...labels]
+  }
+  return labels
+}
+
+const addLastUpdatedTimestamp = (labels: LoadedLabel[], updates: Update[]) => {
+  return labels.map(label => {
+    const lastUpdatedTimestamp = updates.find(update =>
+      update.labels.find(l => l.id === label.id)
+    )?.meta.end_ts
+
+    return {
+      ...label,
+      lastUpdatedTimestamp: lastUpdatedTimestamp || null,
+    }
+  })
+}
+
+export const loadLabels = (labels: Label[], updates: Update[]) => {
+  const lastUpdateToV = updates.length ? updates[0].toV : null
+  const sortedLabels = sortLabelsByVersionAndDate(labels)
+  const labelsWithoutPseudoLabel =
+    deletePseudoCurrentStateLabelIfExistent(sortedLabels)
+  const labelsWithPseudoLabelIfNeeded = addPseudoCurrentStateLabelIfNeeded(
+    labelsWithoutPseudoLabel,
+    lastUpdateToV
+  )
+  const labelsWithLastUpdatedTimestamp = addLastUpdatedTimestamp(
+    labelsWithPseudoLabelIfNeeded,
+    updates
+  )
+  return labelsWithLastUpdatedTimestamp
+}
+
+export const getVersionWithLabels = (labels: Nullable<LoadedLabel[]>) => {
+  let versionWithLabels: { version: number; labels: LoadedLabel[] }[] = []
+
+  if (labels) {
+    const groupedLabelsHash = groupBy(labels, 'version')
+    versionWithLabels = Object.keys(groupedLabelsHash).map(key => ({
+      version: parseInt(key, 10),
+      labels: groupedLabelsHash[key],
+    }))
+    versionWithLabels = orderBy(versionWithLabels, ['version'], ['desc'])
+  }
+
+  return versionWithLabels
+}
+
+export const isAnyVersionMatchingSelection = (
+  labels: Nullable<LoadedLabel[]>,
+  selection: Selection
+) => {
+  // build an Array<number> of available versions
+  const versions = getVersionWithLabels(labels).map(v => v.version)
+  const selectedVersion = selection.updateRange?.toV
+
+  return selectedVersion && !versions.includes(selectedVersion)
+}
diff --git a/services/web/frontend/js/features/history/utils/range.ts b/services/web/frontend/js/features/history/utils/range.ts
new file mode 100644
index 0000000..b0a10bf
--- /dev/null
+++ b/services/web/frontend/js/features/history/utils/range.ts
@@ -0,0 +1,19 @@
+import { UpdateRange } from '../services/types/update'
+
+export const updateRangeUnion = (
+  updateRange1: UpdateRange,
+  updateRange2: UpdateRange
+) => {
+  return {
+    fromV: Math.min(updateRange1.fromV, updateRange2.fromV),
+    toV: Math.max(updateRange1.toV, updateRange2.toV),
+    fromVTimestamp: Math.min(
+      updateRange1.fromVTimestamp,
+      updateRange2.fromVTimestamp
+    ),
+    toVTimestamp: Math.max(
+      updateRange1.toVTimestamp,
+      updateRange2.toVTimestamp
+    ),
+  }
+}
diff --git a/services/web/frontend/js/features/history/utils/wait-for.ts b/services/web/frontend/js/features/history/utils/wait-for.ts
new file mode 100644
index 0000000..253fd1f
--- /dev/null
+++ b/services/web/frontend/js/features/history/utils/wait-for.ts
@@ -0,0 +1,35 @@
+import { debugConsole } from '@/utils/debugging'
+
+export function waitFor<T>(
+  testFunction: () => T,
+  timeout: number,
+  pollInterval = 500
+): Promise<T> {
+  const iterationLimit = Math.floor(timeout / pollInterval)
+  let iterations = 0
+
+  return new Promise<T>((resolve, reject) => {
+    const tryIteration = () => {
+      if (iterations > iterationLimit) {
+        const err = new Error(
+          `waiting too long, ${JSON.stringify({ timeout, pollInterval })}`
+        )
+        debugConsole.error(err)
+        reject(err)
+        return
+      }
+
+      iterations += 1
+      const result = testFunction()
+
+      if (result) {
+        resolve(result)
+        return
+      }
+
+      setTimeout(tryIteration, pollInterval)
+    }
+
+    tryIteration()
+  })
+}
diff --git a/services/web/frontend/js/features/hotkeys-modal/components/hotkeys-modal-bottom-text.jsx b/services/web/frontend/js/features/hotkeys-modal/components/hotkeys-modal-bottom-text.jsx
new file mode 100644
index 0000000..db6507e
--- /dev/null
+++ b/services/web/frontend/js/features/hotkeys-modal/components/hotkeys-modal-bottom-text.jsx
@@ -0,0 +1,20 @@
+import { Trans } from 'react-i18next'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+
+export default function HotkeysModalBottomText() {
+  return (
+    <div className="hotkeys-modal-bottom-text">
+      <Trans
+        i18nKey="a_more_comprehensive_list_of_keyboard_shortcuts"
+        components={[
+          // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+          <a
+            onClick={() => eventTracking.sendMB('left-menu-hotkeys-template')}
+            href="/articles/overleaf-keyboard-shortcuts/qykqfvmxdnjf"
+            target="_blank"
+          />,
+        ]}
+      />
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/hotkeys-modal/components/hotkeys-modal.jsx b/services/web/frontend/js/features/hotkeys-modal/components/hotkeys-modal.jsx
new file mode 100644
index 0000000..e19aba8
--- /dev/null
+++ b/services/web/frontend/js/features/hotkeys-modal/components/hotkeys-modal.jsx
@@ -0,0 +1,223 @@
+import PropTypes from 'prop-types'
+import { Trans, useTranslation } from 'react-i18next'
+import HotkeysModalBottomText from './hotkeys-modal-bottom-text'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+
+export default function HotkeysModal({
+  animation = true,
+  handleHide,
+  show,
+  isMac = false,
+  trackChangesVisible = false,
+}) {
+  const { t } = useTranslation()
+
+  const ctrl = isMac ? 'Cmd' : 'Ctrl'
+
+  return (
+    <OLModal size="lg" onHide={handleHide} show={show} animation={animation}>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('hotkeys')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody className="hotkeys-modal">
+        <h3>{t('common')}</h3>
+
+        <OLRow>
+          <OLCol xs={4}>
+            <Hotkey
+              combination={`${ctrl} + F`}
+              description={t('hotkey_find_and_replace')}
+            />
+            <Hotkey
+              combination={`${ctrl} + Enter`}
+              description={t('hotkey_compile')}
+            />
+          </OLCol>
+          <OLCol xs={4}>
+            <Hotkey
+              combination={`${ctrl} + Z`}
+              description={t('hotkey_undo')}
+            />
+          </OLCol>
+          <OLCol xs={4}>
+            <Hotkey
+              combination={`${ctrl} + Y`}
+              description={t('hotkey_redo')}
+            />
+          </OLCol>
+        </OLRow>
+
+        <h3>{t('navigation')}</h3>
+
+        <OLRow>
+          <OLCol xs={4}>
+            <Hotkey
+              combination={`${ctrl} + Home`}
+              description={t('hotkey_beginning_of_document')}
+            />
+          </OLCol>
+          <OLCol xs={4}>
+            <Hotkey
+              combination={`${ctrl} + End`}
+              description={t('hotkey_end_of_document')}
+            />
+          </OLCol>
+          <OLCol xs={4}>
+            <Hotkey
+              combination={`${ctrl} + Shift + L`}
+              description={t('hotkey_go_to_line')}
+            />
+          </OLCol>
+        </OLRow>
+
+        <h3>{t('editing')}</h3>
+
+        <OLRow>
+          <OLCol xs={4}>
+            <Hotkey
+              combination={`${ctrl} + /`}
+              description={t('hotkey_toggle_comment')}
+            />
+            <Hotkey
+              combination={`${ctrl} + D`}
+              description={t('hotkey_delete_current_line')}
+            />
+            <Hotkey
+              combination={`${ctrl} + A`}
+              description={t('hotkey_select_all')}
+            />
+          </OLCol>
+
+          <OLCol xs={4}>
+            <Hotkey
+              combination="Ctrl + U"
+              description={t('hotkey_to_uppercase')}
+            />
+            <Hotkey
+              combination="Ctrl + Shift + U"
+              description={t('hotkey_to_lowercase')}
+            />
+            <Hotkey
+              combination="Tab"
+              description={t('hotkey_indent_selection')}
+            />
+          </OLCol>
+
+          <OLCol xs={4}>
+            <Hotkey
+              combination={`${ctrl} + B`}
+              description={t('hotkey_bold_text')}
+            />
+            <Hotkey
+              combination={`${ctrl} + I`}
+              description={t('hotkey_italic_text')}
+            />
+          </OLCol>
+        </OLRow>
+
+        <h3>{t('autocomplete')}</h3>
+
+        <OLRow>
+          <OLCol xs={4}>
+            <Hotkey
+              combination="Ctrl + Space"
+              description={t('hotkey_autocomplete_menu')}
+            />
+          </OLCol>
+          <OLCol xs={4}>
+            <Hotkey
+              combination="Up / Down"
+              description={t('hotkey_select_candidate')}
+            />
+          </OLCol>
+          <OLCol xs={4}>
+            <Hotkey
+              combination="Enter / Tab"
+              description={t('hotkey_insert_candidate')}
+            />
+          </OLCol>
+        </OLRow>
+
+        <h3>
+          <Trans
+            i18nKey="autocomplete_references"
+            components={{ code: <code /> }}
+          />
+        </h3>
+
+        <OLRow>
+          <OLCol xs={4}>
+            <Hotkey
+              combination={`Ctrl + Space `}
+              description={t('hotkey_search_references')}
+            />
+          </OLCol>
+        </OLRow>
+
+        {trackChangesVisible && (
+          <>
+            <h3>{t('review')}</h3>
+
+            <OLRow>
+              <OLCol xs={4}>
+                <Hotkey
+                  combination={`${ctrl} + J`}
+                  description={t('hotkey_toggle_review_panel')}
+                />
+              </OLCol>
+              <OLCol xs={4}>
+                <Hotkey
+                  combination={`${ctrl} + Shift + A`}
+                  description={t('hotkey_toggle_track_changes')}
+                />
+              </OLCol>
+              <OLCol xs={4}>
+                <Hotkey
+                  combination={`${ctrl} + Shift + C`}
+                  description={t('hotkey_add_a_comment')}
+                />
+              </OLCol>
+            </OLRow>
+          </>
+        )}
+        <HotkeysModalBottomText />
+      </OLModalBody>
+
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={handleHide}>
+          {t('close')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
+
+HotkeysModal.propTypes = {
+  animation: PropTypes.bool,
+  isMac: PropTypes.bool,
+  show: PropTypes.bool.isRequired,
+  handleHide: PropTypes.func.isRequired,
+  trackChangesVisible: PropTypes.bool,
+}
+
+function Hotkey({ combination, description }) {
+  return (
+    <div className="hotkey" data-test-selector="hotkey">
+      <span className="combination">{combination}</span>
+      <span className="description">{description}</span>
+    </div>
+  )
+}
+Hotkey.propTypes = {
+  combination: PropTypes.string.isRequired,
+  description: PropTypes.string.isRequired,
+}
diff --git a/services/web/frontend/js/features/ide-react/components/alerts/alerts.tsx b/services/web/frontend/js/features/ide-react/components/alerts/alerts.tsx
new file mode 100644
index 0000000..98f23d8
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/alerts/alerts.tsx
@@ -0,0 +1,93 @@
+import { useTranslation } from 'react-i18next'
+import { LostConnectionAlert } from './lost-connection-alert'
+import { useConnectionContext } from '@/features/ide-react/context/connection-context'
+import { debugging } from '@/utils/debugging'
+import useScopeValue from '@/shared/hooks/use-scope-value'
+import { createPortal } from 'react-dom'
+import { useGlobalAlertsContainer } from '@/features/ide-react/context/global-alerts-context'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export function Alerts() {
+  const { t } = useTranslation()
+  const {
+    connectionState,
+    isConnected,
+    isStillReconnecting,
+    tryReconnectNow,
+    secondsUntilReconnect,
+  } = useConnectionContext()
+  const globalAlertsContainer = useGlobalAlertsContainer()
+
+  const [synctexError] = useScopeValue('sync_tex_error')
+
+  if (!globalAlertsContainer) {
+    return null
+  }
+
+  return createPortal(
+    <>
+      {connectionState.forceDisconnected &&
+      // hide "disconnected" banner when displaying out of sync modal
+      connectionState.error !== 'out-of-sync' ? (
+        <OLNotification
+          type="error"
+          content={<strong>{t('disconnected')}</strong>}
+        />
+      ) : null}
+
+      {connectionState.reconnectAt ? (
+        <LostConnectionAlert
+          reconnectAt={connectionState.reconnectAt}
+          tryReconnectNow={tryReconnectNow}
+        />
+      ) : null}
+
+      {isStillReconnecting ? (
+        <OLNotification
+          type="warning"
+          content={<strong>{t('reconnecting')}…</strong>}
+        />
+      ) : null}
+
+      {synctexError ? (
+        <OLNotification
+          type="warning"
+          content={<strong>{t('synctex_failed')}</strong>}
+          action={
+            <OLButton
+              href="/learn/how-to/SyncTeX_Errors"
+              target="_blank"
+              id="synctex-more-info-button"
+              variant="secondary"
+              size="sm"
+            >
+              {t('more_info')}
+            </OLButton>
+          }
+        />
+      ) : null}
+
+      {connectionState.inactiveDisconnect ||
+      (connectionState.readyState === WebSocket.CLOSED &&
+        (connectionState.error === 'rate-limited' ||
+          connectionState.error === 'unable-to-connect') &&
+        !secondsUntilReconnect()) ? (
+        <OLNotification
+          type="warning"
+          content={
+            <strong>{t('editor_disconected_click_to_reconnect')}</strong>
+          }
+        />
+      ) : null}
+
+      {debugging ? (
+        <OLNotification
+          type="warning"
+          content={<strong>Connected: {isConnected.toString()}</strong>}
+        />
+      ) : null}
+    </>,
+    globalAlertsContainer
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/alerts/lost-connection-alert.tsx b/services/web/frontend/js/features/ide-react/components/alerts/lost-connection-alert.tsx
new file mode 100644
index 0000000..a4780f8
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/alerts/lost-connection-alert.tsx
@@ -0,0 +1,49 @@
+import { useTranslation } from 'react-i18next'
+import { useEffect, useState } from 'react'
+import { secondsUntil } from '@/features/ide-react/connection/utils'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+type LostConnectionAlertProps = {
+  reconnectAt: number
+  tryReconnectNow: () => void
+}
+
+export function LostConnectionAlert({
+  reconnectAt,
+  tryReconnectNow,
+}: LostConnectionAlertProps) {
+  const { t } = useTranslation()
+  const [secondsUntilReconnect, setSecondsUntilReconnect] = useState(
+    secondsUntil(reconnectAt)
+  )
+
+  useEffect(() => {
+    const timer = window.setInterval(() => {
+      setSecondsUntilReconnect(secondsUntil(reconnectAt))
+    }, 1000)
+    return () => window.clearInterval(timer)
+  }, [reconnectAt])
+
+  return (
+    <OLNotification
+      type="warning"
+      content={
+        <>
+          <strong>{t('lost_connection')}</strong>{' '}
+          {t('reconnecting_in_x_secs', { seconds: secondsUntilReconnect })}.
+        </>
+      }
+      action={
+        <OLButton
+          id="try-reconnect-now-button"
+          onClick={() => tryReconnectNow()}
+          size="sm"
+          variant="secondary"
+        >
+          {t('try_now')}
+        </OLButton>
+      }
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/editor-and-pdf.tsx b/services/web/frontend/js/features/ide-react/components/editor-and-pdf.tsx
new file mode 100644
index 0000000..6a9e4cd
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/editor-and-pdf.tsx
@@ -0,0 +1,116 @@
+import React, { FC, useState } from 'react'
+import { Panel, PanelGroup } from 'react-resizable-panels'
+import NoSelectionPane from '@/features/ide-react/components/editor/no-selection-pane'
+import FileView from '@/features/file-view/components/file-view'
+import MultipleSelectionPane from '@/features/ide-react/components/editor/multiple-selection-pane'
+import { HorizontalResizeHandle } from '@/features/ide-react/components/resize/horizontal-resize-handle'
+import { HorizontalToggler } from '@/features/ide-react/components/resize/horizontal-toggler'
+import { DefaultSynctexControl } from '@/features/pdf-preview/components/detach-synctex-control'
+import PdfPreview from '@/features/pdf-preview/components/pdf-preview'
+import { usePdfPane } from '@/features/ide-react/hooks/use-pdf-pane'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import { useTranslation } from 'react-i18next'
+import classNames from 'classnames'
+import { fileViewFile } from '@/features/ide-react/util/file-view'
+import { useFileTreeOpenContext } from '@/features/ide-react/context/file-tree-open-context'
+import { EditorPane } from '@/features/ide-react/components/editor/editor-pane'
+
+export const EditorAndPdf: FC = () => {
+  const [resizing, setResizing] = useState(false)
+
+  const { t } = useTranslation()
+
+  const {
+    togglePdfPane,
+    handlePdfPaneExpand,
+    handlePdfPaneCollapse,
+    setPdfIsOpen,
+    pdfIsOpen,
+    pdfPanelRef,
+  } = usePdfPane()
+
+  const { view, pdfLayout } = useLayoutContext()
+
+  const { selectedEntityCount, openEntity } = useFileTreeOpenContext()
+
+  const editorIsOpen =
+    view === 'editor' || view === 'file' || pdfLayout === 'sideBySide'
+
+  return (
+    <PanelGroup
+      autoSaveId="ide-editor-pdf-layout"
+      direction="horizontal"
+      className={classNames({
+        'ide-panel-group-resizing': resizing,
+        hidden: view === 'history',
+      })}
+    >
+      {/* ide */}
+      <Panel
+        id="panel-ide"
+        order={1}
+        defaultSize={50}
+        minSize={5}
+        className={classNames('ide-react-panel', {
+          'ide-panel-group-resizing': resizing,
+          hidden: !editorIsOpen,
+        })}
+      >
+        {selectedEntityCount === 0 && <NoSelectionPane />}
+        {selectedEntityCount === 1 && openEntity?.type === 'fileRef' && (
+          <FileView file={fileViewFile(openEntity.entity)} />
+        )}
+        {selectedEntityCount > 1 && (
+          <MultipleSelectionPane selectedEntityCount={selectedEntityCount} />
+        )}
+        <EditorPane />
+      </Panel>
+
+      <HorizontalResizeHandle
+        resizable={pdfLayout === 'sideBySide'}
+        onDoubleClick={togglePdfPane}
+        onDragging={setResizing}
+        className={classNames({
+          hidden: !editorIsOpen,
+        })}
+        hitAreaMargins={{ coarse: 0, fine: 0 }}
+      >
+        <HorizontalToggler
+          id="editor-pdf"
+          togglerType="east"
+          isOpen={pdfIsOpen}
+          setIsOpen={setPdfIsOpen}
+          tooltipWhenOpen={t('tooltip_hide_pdf')}
+          tooltipWhenClosed={t('tooltip_show_pdf')}
+        />
+
+        {pdfLayout === 'sideBySide' && (
+          <div className="synctex-controls">
+            <DefaultSynctexControl />
+          </div>
+        )}
+      </HorizontalResizeHandle>
+
+      {/* pdf */}
+      <Panel
+        ref={pdfPanelRef}
+        id="panel-pdf"
+        order={2}
+        defaultSize={50}
+        minSize={5}
+        collapsible
+        onCollapse={handlePdfPaneCollapse}
+        onExpand={handlePdfPaneExpand}
+        className="ide-react-panel"
+      >
+        <PdfPreview />
+        {/* ensure that "sync to code" is available in PDF only layout */}
+        {pdfLayout === 'flat' && view === 'pdf' && (
+          <div className="synctex-controls" hidden>
+            <DefaultSynctexControl />
+          </div>
+        )}
+      </Panel>
+    </PanelGroup>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/editor-navigation-toolbar.tsx b/services/web/frontend/js/features/ide-react/components/editor-navigation-toolbar.tsx
new file mode 100644
index 0000000..d8e19ac
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/editor-navigation-toolbar.tsx
@@ -0,0 +1,42 @@
+import { useState, useCallback } from 'react'
+import { useOnlineUsersContext } from '@/features/ide-react/context/online-users-context'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+import * as eventTracking from '@/infrastructure/event-tracking'
+import EditorNavigationToolbarRoot from '@/features/editor-navigation-toolbar/components/editor-navigation-toolbar-root'
+import ShareProjectModal from '@/features/share-project-modal/components/share-project-modal'
+import EditorOverLimitModal from '@/features/share-project-modal/components/editor-over-limit-modal'
+import ViewOnlyAccessModal from '@/features/share-project-modal/components/view-only-access-modal'
+
+function EditorNavigationToolbar() {
+  const [showShareModal, setShowShareModal] = useState(false)
+  const { onlineUsersArray } = useOnlineUsersContext()
+  const { openDoc } = useEditorManagerContext()
+
+  const handleOpenShareModal = useCallback(() => {
+    eventTracking.sendMBOnce('ide-open-share-modal-once')
+    setShowShareModal(true)
+  }, [])
+
+  const handleHideShareModal = useCallback(() => {
+    setShowShareModal(false)
+  }, [])
+
+  return (
+    <>
+      <EditorNavigationToolbarRoot
+        onlineUsersArray={onlineUsersArray}
+        openDoc={openDoc}
+        openShareProjectModal={handleOpenShareModal}
+      />
+      <EditorOverLimitModal />
+      <ViewOnlyAccessModal />
+      <ShareProjectModal
+        show={showShareModal}
+        handleOpen={handleOpenShareModal}
+        handleHide={handleHideShareModal}
+      />
+    </>
+  )
+}
+
+export default EditorNavigationToolbar
diff --git a/services/web/frontend/js/features/ide-react/components/editor-sidebar.tsx b/services/web/frontend/js/features/ide-react/components/editor-sidebar.tsx
new file mode 100644
index 0000000..23e1f11
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/editor-sidebar.tsx
@@ -0,0 +1,58 @@
+import { Panel, PanelGroup } from 'react-resizable-panels'
+import { VerticalResizeHandle } from '@/features/ide-react/components/resize/vertical-resize-handle'
+import { FileTree } from '@/features/ide-react/components/file-tree'
+import classNames from 'classnames'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import { OutlineContainer } from '@/features/outline/components/outline-container'
+import { useOutlinePane } from '@/features/ide-react/hooks/use-outline-pane'
+import React, { ElementType } from 'react'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+
+const editorSidebarComponents = importOverleafModules(
+  'editorSidebarComponents'
+) as { import: { default: ElementType }; path: string }[]
+
+export default function EditorSidebar() {
+  const { view } = useLayoutContext()
+
+  const { outlineEnabled, outlinePanelRef } = useOutlinePane()
+
+  return (
+    <aside
+      className={classNames('ide-react-editor-sidebar', {
+        hidden: view === 'history',
+      })}
+    >
+      {editorSidebarComponents.map(
+        ({ import: { default: Component }, path }) => (
+          <Component key={path} />
+        )
+      )}
+      <PanelGroup autoSaveId="ide-editor-sidebar-layout" direction="vertical">
+        <Panel
+          defaultSize={50}
+          minSize={25}
+          className="ide-react-file-tree-panel"
+          id="panel-file-tree"
+          order={1}
+        >
+          <FileTree />
+        </Panel>
+
+        <VerticalResizeHandle disabled={!outlineEnabled} />
+
+        <Panel
+          defaultSize={50}
+          maxSize={75}
+          id="panel-outline"
+          order={2}
+          collapsible
+          ref={outlinePanelRef}
+          style={{ minHeight: 32 }} // keep the header visible
+        >
+          <OutlineContainer />
+        </Panel>
+      </PanelGroup>
+    </aside>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/editor/editor-pane.tsx b/services/web/frontend/js/features/ide-react/components/editor/editor-pane.tsx
new file mode 100644
index 0000000..77ffcd6
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/editor/editor-pane.tsx
@@ -0,0 +1,61 @@
+import { Panel, PanelGroup } from 'react-resizable-panels'
+import React, { FC, lazy, Suspense } from 'react'
+import useScopeValue from '@/shared/hooks/use-scope-value'
+import SourceEditor from '@/features/source-editor/components/source-editor'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+import { EditorScopeValue } from '@/features/ide-react/scope-adapters/editor-manager-context-adapter'
+import classNames from 'classnames'
+import { LoadingPane } from '@/features/ide-react/components/editor/loading-pane'
+import { FullSizeLoadingSpinner } from '@/shared/components/loading-spinner'
+import { VerticalResizeHandle } from '@/features/ide-react/components/resize/vertical-resize-handle'
+import { useFileTreeOpenContext } from '@/features/ide-react/context/file-tree-open-context'
+
+const SymbolPalettePane = lazy(
+  () => import('@/features/ide-react/components/editor/symbol-palette-pane')
+)
+
+export const EditorPane: FC = () => {
+  const [editor] = useScopeValue<EditorScopeValue>('editor')
+  const { selectedEntityCount, openEntity } = useFileTreeOpenContext()
+  const { currentDocumentId, isLoading } = useEditorManagerContext()
+
+  if (!currentDocumentId) {
+    return null
+  }
+
+  return (
+    <div
+      className={classNames('ide-react-editor-content', 'full-size', {
+        hidden: openEntity?.type !== 'doc' || selectedEntityCount !== 1,
+      })}
+    >
+      <PanelGroup autoSaveId="ide-editor-layout" direction="vertical">
+        <Panel
+          id="panel-source-editor"
+          order={1}
+          className="ide-react-editor-panel"
+        >
+          <SourceEditor />
+          {isLoading && <LoadingPane />}
+        </Panel>
+
+        {editor.showSymbolPalette && (
+          <>
+            <VerticalResizeHandle id="editor-symbol-palette" />
+            <Panel
+              id="panel-symbol-palette"
+              order={2}
+              defaultSize={25}
+              minSize={10}
+              maxSize={50}
+            >
+              <Suspense fallback={<FullSizeLoadingSpinner delay={500} />}>
+                <SymbolPalettePane />
+              </Suspense>
+            </Panel>
+          </>
+        )}
+      </PanelGroup>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/editor/loading-pane.tsx b/services/web/frontend/js/features/ide-react/components/editor/loading-pane.tsx
new file mode 100644
index 0000000..a553368
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/editor/loading-pane.tsx
@@ -0,0 +1,10 @@
+import { FC } from 'react'
+import LoadingSpinner from '@/shared/components/loading-spinner'
+
+export const LoadingPane: FC = () => {
+  return (
+    <div className="loading-panel">
+      <LoadingSpinner />
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/editor/multiple-selection-pane.tsx b/services/web/frontend/js/features/ide-react/components/editor/multiple-selection-pane.tsx
new file mode 100644
index 0000000..eb474a1
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/editor/multiple-selection-pane.tsx
@@ -0,0 +1,17 @@
+import { useTranslation } from 'react-i18next'
+
+export default function MultipleSelectionPane({
+  selectedEntityCount,
+}: {
+  selectedEntityCount: number
+}) {
+  const { t } = useTranslation()
+
+  return (
+    <div className="multi-selection-ongoing">
+      <div className="multi-selection-message">
+        <h4>{`${selectedEntityCount} ${t('files_selected')}`}</h4>
+      </div>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/editor/no-selection-pane.tsx b/services/web/frontend/js/features/ide-react/components/editor/no-selection-pane.tsx
new file mode 100644
index 0000000..e3de9a0
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/editor/no-selection-pane.tsx
@@ -0,0 +1,13 @@
+import { useTranslation } from 'react-i18next'
+
+export default function NoSelectionPane() {
+  const { t } = useTranslation()
+
+  return (
+    <div className="no-file-selection">
+      <div className="no-file-selection-message">
+        <h3>{t('no_selection_select_file')}</h3>
+      </div>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/editor/symbol-palette-pane.tsx b/services/web/frontend/js/features/ide-react/components/editor/symbol-palette-pane.tsx
new file mode 100644
index 0000000..990328f
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/editor/symbol-palette-pane.tsx
@@ -0,0 +1,20 @@
+import React, { ElementType, FC } from 'react'
+import importOverleafModules from '../../../../../macros/import-overleaf-module.macro'
+
+const symbolPaletteComponents = importOverleafModules(
+  'sourceEditorSymbolPalette'
+) as { import: { default: ElementType }; path: string }[]
+
+const SymbolPalettePane: FC = () => {
+  return (
+    <div className="ide-react-symbol-palette">
+      {symbolPaletteComponents.map(
+        ({ import: { default: Component }, path }) => (
+          <Component key={path} />
+        )
+      )}
+    </div>
+  )
+}
+
+export default SymbolPalettePane
diff --git a/services/web/frontend/js/features/ide-react/components/file-tree.tsx b/services/web/frontend/js/features/ide-react/components/file-tree.tsx
new file mode 100644
index 0000000..980c7d9
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/file-tree.tsx
@@ -0,0 +1,38 @@
+import React, { memo, useCallback, useState } from 'react'
+import { useUserContext } from '@/shared/context/user-context'
+import { useIdeReactContext } from '@/features/ide-react/context/ide-react-context'
+import { useConnectionContext } from '@/features/ide-react/context/connection-context'
+import { RefProviders } from '../../../../../types/user'
+import FileTreeRoot from '@/features/file-tree/components/file-tree-root'
+import { useFileTreeOpenContext } from '@/features/ide-react/context/file-tree-open-context'
+
+export const FileTree = memo(function FileTree() {
+  const user = useUserContext()
+  const { setStartedFreeTrial } = useIdeReactContext()
+  const { isConnected, connectionState } = useConnectionContext()
+  const { handleFileTreeInit, handleFileTreeSelect, handleFileTreeDelete } =
+    useFileTreeOpenContext()
+
+  const [refProviders, setRefProviders] = useState<RefProviders>(
+    () => user.refProviders || {}
+  )
+
+  const setRefProviderEnabled = useCallback(
+    (provider: keyof RefProviders, value = true) => {
+      setRefProviders(refProviders => ({ ...refProviders, [provider]: value }))
+    },
+    []
+  )
+
+  return (
+    <FileTreeRoot
+      refProviders={refProviders}
+      setRefProviderEnabled={setRefProviderEnabled}
+      setStartedFreeTrial={setStartedFreeTrial}
+      isConnected={isConnected || connectionState.reconnectAt !== null}
+      onInit={handleFileTreeInit}
+      onSelect={handleFileTreeSelect}
+      onDelete={handleFileTreeDelete}
+    />
+  )
+})
diff --git a/services/web/frontend/js/features/ide-react/components/global-toasts.tsx b/services/web/frontend/js/features/ide-react/components/global-toasts.tsx
new file mode 100644
index 0000000..021f5c5
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/global-toasts.tsx
@@ -0,0 +1,99 @@
+import { OLToast, OLToastProps } from '@/features/ui/components/ol/ol-toast'
+import useEventListener from '@/shared/hooks/use-event-listener'
+import { Fragment, ReactElement, useCallback, useState } from 'react'
+
+import { debugConsole } from '@/utils/debugging'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+import { OLToastContainer } from '@/features/ui/components/ol/ol-toast-container'
+
+const moduleGeneratorsImport = importOverleafModules('toastGenerators') as {
+  import: { default: GlobalToastGeneratorEntry[] }
+}[]
+
+const moduleGenerators = moduleGeneratorsImport.map(
+  ({ import: { default: listEntry } }) => listEntry
+)
+
+export type GlobalToastGeneratorEntry = {
+  key: string
+  generator: GlobalToastGenerator
+}
+
+type GlobalToastGenerator = (
+  args: Record<string, any>
+) => Omit<OLToastProps, 'onDismiss'>
+
+const GENERATOR_LIST: GlobalToastGeneratorEntry[] = moduleGenerators.flat()
+const GENERATOR_MAP: Map<string, GlobalToastGenerator> = new Map(
+  GENERATOR_LIST.map(({ key, generator }) => [key, generator])
+)
+
+let toastCounter = 1
+
+export const GlobalToasts = () => {
+  const [toasts, setToasts] = useState<
+    { component: ReactElement; id: string }[]
+  >([])
+
+  const removeToast = useCallback((id: string) => {
+    setToasts(current => current.filter(toast => toast.id !== id))
+  }, [])
+
+  const createToast = useCallback(
+    (id: string, key: string, data: any): ReactElement | null => {
+      const generator = GENERATOR_MAP.get(key)
+      if (!generator) {
+        debugConsole.error('No toast generator found for key:', key)
+        return null
+      }
+
+      const props = generator(data)
+
+      if (!props.autoHide && !props.isDismissible) {
+        // We don't want any toasts that are not dismissible and don't auto-hide
+        props.isDismissible = true
+      }
+      if (props.autoHide && !props.isDismissible && props.delay !== undefined) {
+        // If the toast is auto-hiding but not dismissible, we need to make sure the delay is not too long
+        props.delay = Math.min(props.delay, 60_000)
+      }
+
+      return <OLToast {...props} onDismiss={() => removeToast(id)} />
+    },
+    [removeToast]
+  )
+
+  const addToast = useCallback(
+    (key: string, data?: any) => {
+      const id = `toast-${toastCounter++}`
+      const component = createToast(id, key, data)
+      if (!component) {
+        return
+      }
+      setToasts(current => [...current, { id, component }])
+    },
+    [createToast]
+  )
+
+  const showToastListener = useCallback(
+    (event: CustomEvent) => {
+      if (!event.detail?.key) {
+        debugConsole.error('No key provided for toast')
+        return
+      }
+      const { key, ...rest } = event.detail
+      addToast(key, rest)
+    },
+    [addToast]
+  )
+
+  useEventListener('ide:show-toast', showToastListener)
+
+  return (
+    <OLToastContainer className="global-toasts">
+      {toasts.map(({ component, id }) => (
+        <Fragment key={id}>{component}</Fragment>
+      ))}
+    </OLToastContainer>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/history-container.tsx b/services/web/frontend/js/features/ide-react/components/history-container.tsx
new file mode 100644
index 0000000..096973b
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/history-container.tsx
@@ -0,0 +1,23 @@
+import { useLayoutContext } from '../../../shared/context/layout-context'
+import { FullSizeLoadingSpinner } from '../../../shared/components/loading-spinner'
+import { lazy, Suspense } from 'react'
+
+const HistoryRoot = lazy(
+  () => import('@/features/ide-react/components/history-root')
+)
+
+function HistoryContainer() {
+  const { view } = useLayoutContext()
+
+  if (view !== 'history') {
+    return null
+  }
+
+  return (
+    <Suspense fallback={<FullSizeLoadingSpinner delay={500} />}>
+      <HistoryRoot />
+    </Suspense>
+  )
+}
+
+export default HistoryContainer
diff --git a/services/web/frontend/js/features/ide-react/components/history-root.tsx b/services/web/frontend/js/features/ide-react/components/history-root.tsx
new file mode 100644
index 0000000..07e6c5f
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/history-root.tsx
@@ -0,0 +1,13 @@
+import { memo } from 'react'
+import { HistoryProvider } from '@/features/history/context/history-context'
+import withErrorBoundary from '@/infrastructure/error-boundary'
+import { ErrorBoundaryFallback } from '@/shared/components/error-boundary-fallback'
+import History from './history'
+
+const HistoryRoot = () => (
+  <HistoryProvider>
+    <History />
+  </HistoryProvider>
+)
+
+export default withErrorBoundary(memo(HistoryRoot), ErrorBoundaryFallback)
diff --git a/services/web/frontend/js/features/ide-react/components/history-sidebar.tsx b/services/web/frontend/js/features/ide-react/components/history-sidebar.tsx
new file mode 100644
index 0000000..e010951
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/history-sidebar.tsx
@@ -0,0 +1,10 @@
+import React from 'react'
+
+export function HistorySidebar() {
+  return (
+    <aside
+      id="history-file-tree"
+      className="ide-react-editor-sidebar history-file-tree"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/history.tsx b/services/web/frontend/js/features/ide-react/components/history.tsx
new file mode 100644
index 0000000..160f5ca
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/history.tsx
@@ -0,0 +1,28 @@
+import { createPortal } from 'react-dom'
+import HistoryFileTree from '@/features/history/components/history-file-tree'
+import LoadingSpinner from '@/shared/components/loading-spinner'
+import DiffView from '@/features/history/components/diff-view/diff-view'
+import ChangeList from '@/features/history/components/change-list/change-list'
+import { useHistoryContext } from '@/features/history/context/history-context'
+
+export default function History() {
+  const { updatesInfo } = useHistoryContext()
+  const fileTreeContainer = document.getElementById('history-file-tree')
+
+  return (
+    <>
+      {fileTreeContainer &&
+        createPortal(<HistoryFileTree />, fileTreeContainer)}
+      <div className="history-react">
+        {updatesInfo.loadingState === 'loadingInitial' ? (
+          <LoadingSpinner />
+        ) : (
+          <>
+            <DiffView />
+            <ChangeList />
+          </>
+        )}
+      </div>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/ide-root.tsx b/services/web/frontend/js/features/ide-react/components/ide-root.tsx
new file mode 100644
index 0000000..874f534
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/ide-root.tsx
@@ -0,0 +1,18 @@
+import { FC, memo, useState } from 'react'
+import { GenericErrorBoundaryFallback } from '@/shared/components/generic-error-boundary-fallback'
+import withErrorBoundary from '@/infrastructure/error-boundary'
+import IdePage from '@/features/ide-react/components/layout/ide-page'
+import { ReactContextRoot } from '@/features/ide-react/context/react-context-root'
+import { Loading } from '@/features/ide-react/components/loading'
+
+const IdeRoot: FC = () => {
+  const [loaded, setLoaded] = useState(false)
+
+  return (
+    <ReactContextRoot>
+      {loaded ? <IdePage /> : <Loading setLoaded={setLoaded} />}
+    </ReactContextRoot>
+  )
+}
+
+export default withErrorBoundary(memo(IdeRoot), GenericErrorBoundaryFallback)
diff --git a/services/web/frontend/js/features/ide-react/components/layout/ide-page.tsx b/services/web/frontend/js/features/ide-react/components/layout/ide-page.tsx
new file mode 100644
index 0000000..fa23556
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/layout/ide-page.tsx
@@ -0,0 +1,49 @@
+import { lazy, Suspense } from 'react'
+import { Alerts } from '@/features/ide-react/components/alerts/alerts'
+import { MainLayout } from '@/features/ide-react/components/layout/main-layout'
+import EditorLeftMenu from '@/features/editor-left-menu/components/editor-left-menu'
+import { useLayoutEventTracking } from '@/features/ide-react/hooks/use-layout-event-tracking'
+import useSocketListeners from '@/features/ide-react/hooks/use-socket-listeners'
+import { useEditingSessionHeartbeat } from '@/features/ide-react/hooks/use-editing-session-heartbeat'
+import { useRegisterUserActivity } from '@/features/ide-react/hooks/use-register-user-activity'
+import { useHasLintingError } from '@/features/ide-react/hooks/use-has-linting-error'
+import { Modals } from '@/features/ide-react/components/modals/modals'
+import { GlobalAlertsProvider } from '@/features/ide-react/context/global-alerts-context'
+import { GlobalToasts } from '../global-toasts'
+import { useIsNewEditorEnabled } from '@/features/ide-redesign/utils/new-editor-utils'
+
+const MainLayoutNew = lazy(
+  () => import('@/features/ide-redesign/components/main-layout')
+)
+const SettingsModalNew = lazy(
+  () => import('@/features/ide-redesign/components/settings/settings-modal')
+)
+
+export default function IdePage() {
+  useLayoutEventTracking() // sent event when the layout changes
+  useSocketListeners() // listen for project-related websocket messages
+  useEditingSessionHeartbeat() // send a batched event when user is active
+  useRegisterUserActivity() // record activity and ensure connection when user is active
+  useHasLintingError() // pass editor:lint hasLintingError to the compiler
+
+  const newEditor = useIsNewEditorEnabled()
+
+  return (
+    <GlobalAlertsProvider>
+      <Alerts />
+      <Modals />
+      {newEditor ? (
+        <Suspense fallback={null}>
+          <SettingsModalNew />
+          <MainLayoutNew />
+        </Suspense>
+      ) : (
+        <>
+          <EditorLeftMenu />
+          <MainLayout />
+        </>
+      )}
+      <GlobalToasts />
+    </GlobalAlertsProvider>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/layout/main-layout.tsx b/services/web/frontend/js/features/ide-react/components/layout/main-layout.tsx
new file mode 100644
index 0000000..b0a65e1
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/layout/main-layout.tsx
@@ -0,0 +1,140 @@
+import { Panel, PanelGroup } from 'react-resizable-panels'
+import { ElementType, FC } from 'react'
+import { HorizontalResizeHandle } from '../resize/horizontal-resize-handle'
+import classNames from 'classnames'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import EditorNavigationToolbar from '@/features/ide-react/components/editor-navigation-toolbar'
+import ChatPane from '@/features/chat/components/chat-pane'
+import { HorizontalToggler } from '@/features/ide-react/components/resize/horizontal-toggler'
+import { HistorySidebar } from '@/features/ide-react/components/history-sidebar'
+import EditorSidebar from '@/features/ide-react/components/editor-sidebar'
+import { useTranslation } from 'react-i18next'
+import { useSidebarPane } from '@/features/ide-react/hooks/use-sidebar-pane'
+import { useChatPane } from '@/features/ide-react/hooks/use-chat-pane'
+import { EditorAndPdf } from '@/features/ide-react/components/editor-and-pdf'
+import HistoryContainer from '@/features/ide-react/components/history-container'
+import getMeta from '@/utils/meta'
+import { useEditorContext } from '@/shared/context/editor-context'
+import importOverleafModules from '../../../../../macros/import-overleaf-module.macro'
+
+const mainEditorLayoutModalsModules: Array<{
+  import: { default: ElementType }
+  path: string
+}> = importOverleafModules('mainEditorLayoutModals')
+
+export const MainLayout: FC = () => {
+  const { view } = useLayoutContext()
+  const { isRestrictedTokenMember } = useEditorContext()
+
+  const {
+    isOpen: sidebarIsOpen,
+    setIsOpen: setSidebarIsOpen,
+    panelRef: sidebarPanelRef,
+    togglePane: toggleSidebar,
+    handlePaneExpand: handleSidebarExpand,
+    handlePaneCollapse: handleSidebarCollapse,
+    resizing: sidebarResizing,
+    setResizing: setSidebarResizing,
+  } = useSidebarPane()
+
+  const {
+    isOpen: chatIsOpen,
+    panelRef: chatPanelRef,
+    togglePane: toggleChat,
+    resizing: chatResizing,
+    setResizing: setChatResizing,
+    handlePaneCollapse: handleChatCollapse,
+    handlePaneExpand: handleChatExpand,
+  } = useChatPane()
+
+  const chatEnabled = getMeta('ol-chatEnabled') && !isRestrictedTokenMember
+
+  const { t } = useTranslation()
+
+  return (
+    <div className="ide-react-main">
+      <EditorNavigationToolbar />
+      <div className="ide-react-body">
+        <PanelGroup
+          autoSaveId="ide-outer-layout"
+          direction="horizontal"
+          className={classNames({
+            'ide-panel-group-resizing': sidebarResizing || chatResizing,
+          })}
+        >
+          {/* sidebar */}
+          <Panel
+            ref={sidebarPanelRef}
+            id="panel-sidebar"
+            order={1}
+            defaultSize={15}
+            minSize={5}
+            maxSize={80}
+            collapsible
+            onCollapse={handleSidebarCollapse}
+            onExpand={handleSidebarExpand}
+          >
+            <EditorSidebar />
+            {view === 'history' && <HistorySidebar />}
+          </Panel>
+
+          <HorizontalResizeHandle
+            onDoubleClick={toggleSidebar}
+            resizable={sidebarIsOpen}
+            onDragging={setSidebarResizing}
+            hitAreaMargins={{ coarse: 0, fine: 0 }}
+          >
+            <HorizontalToggler
+              id="panel-sidebar"
+              togglerType="west"
+              isOpen={sidebarIsOpen}
+              setIsOpen={setSidebarIsOpen}
+              tooltipWhenOpen={t('tooltip_hide_filetree')}
+              tooltipWhenClosed={t('tooltip_show_filetree')}
+            />
+          </HorizontalResizeHandle>
+
+          <Panel id="panel-outer-main" order={2}>
+            <PanelGroup autoSaveId="ide-inner-layout" direction="horizontal">
+              <Panel className="ide-react-panel" id="panel-main" order={1}>
+                <HistoryContainer />
+                <EditorAndPdf />
+              </Panel>
+
+              {chatEnabled && (
+                <>
+                  <HorizontalResizeHandle
+                    onDoubleClick={toggleChat}
+                    resizable={chatIsOpen}
+                    onDragging={setChatResizing}
+                    hitAreaMargins={{ coarse: 0, fine: 0 }}
+                  />
+
+                  {/* chat */}
+                  <Panel
+                    ref={chatPanelRef}
+                    id="panel-chat"
+                    order={2}
+                    defaultSize={20}
+                    minSize={5}
+                    maxSize={30}
+                    collapsible
+                    onCollapse={handleChatCollapse}
+                    onExpand={handleChatExpand}
+                  >
+                    <ChatPane />
+                  </Panel>
+                </>
+              )}
+            </PanelGroup>
+          </Panel>
+        </PanelGroup>
+      </div>
+      {mainEditorLayoutModalsModules.map(
+        ({ import: { default: Component }, path }) => (
+          <Component key={path} />
+        )
+      )}
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/loading-error.tsx b/services/web/frontend/js/features/ide-react/components/loading-error.tsx
new file mode 100644
index 0000000..e5d391a
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/loading-error.tsx
@@ -0,0 +1,24 @@
+import { FC } from 'react'
+import { ConnectionError } from '@/features/ide-react/connection/types/connection-state'
+import getMeta from '@/utils/meta'
+
+const errorMessages = {
+  'io-not-loaded': 'ol-translationIoNotLoaded',
+  'unable-to-join': 'ol-translationUnableToJoin',
+  'i18n-error': 'ol-translationLoadErrorMessage',
+} as const
+
+const isHandledCode = (key: string): key is keyof typeof errorMessages =>
+  key in errorMessages
+
+export type LoadingErrorProps = {
+  errorCode: ConnectionError | 'i18n-error' | ''
+}
+
+// NOTE: i18n translations might not be loaded in the client at this point,
+// so these translations have to be loaded from meta tags
+export const LoadingError: FC<LoadingErrorProps> = ({ errorCode }) => {
+  return isHandledCode(errorCode) ? (
+    <p className="loading-screen-error">{getMeta(errorMessages[errorCode])}</p>
+  ) : null
+}
diff --git a/services/web/frontend/js/features/ide-react/components/loading.tsx b/services/web/frontend/js/features/ide-react/components/loading.tsx
new file mode 100644
index 0000000..3f1aeae
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/loading.tsx
@@ -0,0 +1,87 @@
+import { FC, useEffect, useState } from 'react'
+import LoadingBranded from '@/shared/components/loading-branded'
+import useWaitForI18n from '@/shared/hooks/use-wait-for-i18n'
+import getMeta from '@/utils/meta'
+import { useConnectionContext } from '../context/connection-context'
+import { useIdeReactContext } from '@/features/ide-react/context/ide-react-context'
+import { LoadingError, LoadingErrorProps } from './loading-error'
+
+type Part = 'initial' | 'render' | 'connection' | 'translations' | 'project'
+
+const initialParts = new Set<Part>(['initial'])
+
+const totalParts = new Set<Part>([
+  'initial',
+  'render',
+  'connection',
+  'translations',
+  'project',
+])
+
+export const Loading: FC<{
+  setLoaded: (value: boolean) => void
+}> = ({ setLoaded }) => {
+  const [loadedParts, setLoadedParts] = useState(initialParts)
+
+  const progress = (loadedParts.size / totalParts.size) * 100
+
+  useEffect(() => {
+    setLoaded(progress === 100)
+  }, [progress, setLoaded])
+
+  const { connectionState, isConnected } = useConnectionContext()
+  const i18n = useWaitForI18n()
+  const { projectJoined } = useIdeReactContext()
+
+  useEffect(() => {
+    setLoadedParts(value => new Set(value).add('render'))
+  }, [])
+
+  useEffect(() => {
+    if (isConnected) {
+      setLoadedParts(value => new Set(value).add('connection'))
+    }
+  }, [isConnected])
+
+  useEffect(() => {
+    if (i18n.isReady) {
+      setLoadedParts(value => new Set(value).add('translations'))
+    }
+  }, [i18n.isReady])
+
+  useEffect(() => {
+    if (projectJoined) {
+      setLoadedParts(value => new Set(value).add('project'))
+    }
+  }, [projectJoined])
+
+  // Use loading text from the server, because i18n will not be ready initially
+  const label = getMeta('ol-loadingText')
+
+  const errorCode = connectionState.error ?? (i18n.error ? 'i18n-error' : '')
+
+  return <LoadingUI progress={progress} label={label} errorCode={errorCode} />
+}
+
+type LoadingUiProps = {
+  progress: number
+  label: string
+  errorCode: LoadingErrorProps['errorCode']
+}
+
+export const LoadingUI: FC<LoadingUiProps> = ({
+  progress,
+  label,
+  errorCode,
+}) => {
+  return (
+    <div className="loading-screen">
+      <LoadingBranded
+        loadProgress={progress}
+        label={label}
+        hasError={Boolean(errorCode)}
+      />
+      {Boolean(errorCode) && <LoadingError errorCode={errorCode} />}
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/modals/force-disconnected.tsx b/services/web/frontend/js/features/ide-react/components/modals/force-disconnected.tsx
new file mode 100644
index 0000000..5b34675
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/modals/force-disconnected.tsx
@@ -0,0 +1,68 @@
+import { useTranslation } from 'react-i18next'
+import { memo, useEffect, useState } from 'react'
+import { useConnectionContext } from '@/features/ide-react/context/connection-context'
+import OLModal, {
+  OLModalBody,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+
+// show modal when editor is forcefully disconnected
+function ForceDisconnected() {
+  const { connectionState } = useConnectionContext()
+  const { t } = useTranslation()
+  const [secondsUntilRefresh, setSecondsUntilRefresh] = useState(0)
+  const [show, setShow] = useState(false)
+
+  useEffect(() => {
+    if (
+      connectionState.forceDisconnected &&
+      // out of sync has its own modal
+      connectionState.error !== 'out-of-sync'
+    ) {
+      setShow(true)
+    }
+  }, [connectionState.forceDisconnected, connectionState.error])
+
+  useEffect(() => {
+    if (connectionState.forceDisconnected) {
+      setSecondsUntilRefresh(connectionState.forcedDisconnectDelay)
+    }
+  }, [connectionState.forceDisconnected, connectionState.forcedDisconnectDelay])
+
+  useEffect(() => {
+    if (show) {
+      const timer = window.setInterval(() => {
+        setSecondsUntilRefresh(seconds => Math.max(0, seconds - 1))
+      }, 1000)
+
+      return () => {
+        window.clearInterval(timer)
+      }
+    }
+  }, [show])
+
+  if (!show) {
+    return null
+  }
+
+  return (
+    <OLModal
+      show
+      // It's not possible to hide this modal, but it's a required prop
+      onHide={() => {}}
+      className="lock-editor-modal"
+      backdrop={false}
+      keyboard={false}
+    >
+      <OLModalHeader>
+        <OLModalTitle>{t('please_wait')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody>
+        {t('were_performing_maintenance', { seconds: secondsUntilRefresh })}
+      </OLModalBody>
+    </OLModal>
+  )
+}
+
+export default memo(ForceDisconnected)
diff --git a/services/web/frontend/js/features/ide-react/components/modals/generic-confirm-modal.tsx b/services/web/frontend/js/features/ide-react/components/modals/generic-confirm-modal.tsx
new file mode 100644
index 0000000..de35bee
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/modals/generic-confirm-modal.tsx
@@ -0,0 +1,53 @@
+import { useTranslation } from 'react-i18next'
+import { memo } from 'react'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { ButtonProps } from '@/features/ui/components/types/button-props'
+
+export type GenericConfirmModalOwnProps = {
+  title: string
+  message: string
+  onConfirm: () => void
+  confirmLabel?: string
+  primaryVariant?: ButtonProps['variant']
+}
+
+type GenericConfirmModalProps = React.ComponentProps<typeof OLModal> &
+  GenericConfirmModalOwnProps
+
+function GenericConfirmModal({
+  title,
+  message,
+  confirmLabel,
+  primaryVariant = 'primary',
+  ...modalProps
+}: GenericConfirmModalProps) {
+  const { t } = useTranslation()
+  const handleConfirmClick = modalProps.onConfirm
+
+  return (
+    <OLModal {...modalProps}>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{title}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody className="modal-generic-confirm">{message}</OLModalBody>
+
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={() => modalProps.onHide()}>
+          {t('cancel')}
+        </OLButton>
+        <OLButton variant={primaryVariant} onClick={handleConfirmClick}>
+          {confirmLabel || t('ok')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
+
+export default memo(GenericConfirmModal)
diff --git a/services/web/frontend/js/features/ide-react/components/modals/generic-message-modal.tsx b/services/web/frontend/js/features/ide-react/components/modals/generic-message-modal.tsx
new file mode 100644
index 0000000..37bd917
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/modals/generic-message-modal.tsx
@@ -0,0 +1,43 @@
+import { useTranslation } from 'react-i18next'
+import { memo } from 'react'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export type GenericMessageModalOwnProps = {
+  title: string
+  message: string
+}
+
+type GenericMessageModalProps = React.ComponentProps<typeof OLModal> &
+  GenericMessageModalOwnProps
+
+function GenericMessageModal({
+  title,
+  message,
+  ...modalProps
+}: GenericMessageModalProps) {
+  const { t } = useTranslation()
+
+  return (
+    <OLModal {...modalProps}>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{title}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody className="modal-body-share">{message}</OLModalBody>
+
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={() => modalProps.onHide()}>
+          {t('ok')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
+
+export default memo(GenericMessageModal)
diff --git a/services/web/frontend/js/features/ide-react/components/modals/modals.tsx b/services/web/frontend/js/features/ide-react/components/modals/modals.tsx
new file mode 100644
index 0000000..eff07ae
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/modals/modals.tsx
@@ -0,0 +1,17 @@
+import { memo } from 'react'
+import ForceDisconnected from '@/features/ide-react/components/modals/force-disconnected'
+import { UnsavedDocs } from '@/features/ide-react/components/unsaved-docs/unsaved-docs'
+import SystemMessages from '@/shared/components/system-messages'
+import { IdeRedesignSwitcherModal } from '@/features/ide-redesign/components/switcher-modal/modal'
+
+export const Modals = memo(() => {
+  return (
+    <>
+      <ForceDisconnected />
+      <UnsavedDocs />
+      <SystemMessages />
+      <IdeRedesignSwitcherModal />
+    </>
+  )
+})
+Modals.displayName = 'Modals'
diff --git a/services/web/frontend/js/features/ide-react/components/modals/out-of-sync-modal.tsx b/services/web/frontend/js/features/ide-react/components/modals/out-of-sync-modal.tsx
new file mode 100644
index 0000000..53aa73f
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/modals/out-of-sync-modal.tsx
@@ -0,0 +1,86 @@
+import { Trans, useTranslation } from 'react-i18next'
+import { memo, useState } from 'react'
+import { useLocation } from '@/shared/hooks/use-location'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+
+export type OutOfSyncModalProps = {
+  editorContent: string
+  show: boolean
+  onHide: () => void
+}
+
+function OutOfSyncModal({ editorContent, show, onHide }: OutOfSyncModalProps) {
+  const { t } = useTranslation()
+  const location = useLocation()
+  const [editorContentShown, setEditorContentShown] = useState(false)
+  const editorContentRows = (editorContent.match(/\n/g)?.length || 0) + 1
+
+  // Reload the page to avoid staying in an inconsistent state.
+  // https://github.com/overleaf/issues/issues/3694
+  function done() {
+    onHide()
+    location.reload()
+  }
+
+  return (
+    <OLModal
+      show={show}
+      onHide={done}
+      className="out-of-sync-modal"
+      backdrop={false}
+      keyboard={false}
+    >
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('out_of_sync')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody className="modal-body-share">
+        <Trans
+          i18nKey="out_of_sync_detail"
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <br />,
+            // eslint-disable-next-line jsx-a11y/anchor-has-content,react/jsx-key
+            <a
+              target="_blank"
+              rel="noopener noreferrer"
+              href="/learn/Kb/Editor_out_of_sync_problems"
+            />,
+          ]}
+        />
+      </OLModalBody>
+      <OLModalBody>
+        <OLButton
+          variant="secondary"
+          onClick={() => setEditorContentShown(shown => !shown)}
+        >
+          {editorContentShown
+            ? t('hide_local_file_contents')
+            : t('show_local_file_contents')}
+        </OLButton>
+        {editorContentShown ? (
+          <div className="text-preview">
+            <textarea
+              className="scroll-container"
+              readOnly
+              rows={editorContentRows}
+              value={editorContent}
+            />
+          </div>
+        ) : null}
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={done}>
+          {t('reload_editor')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
+
+export default memo(OutOfSyncModal)
diff --git a/services/web/frontend/js/features/ide-react/components/resize/horizontal-resize-handle.tsx b/services/web/frontend/js/features/ide-react/components/resize/horizontal-resize-handle.tsx
new file mode 100644
index 0000000..ef68b21
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/resize/horizontal-resize-handle.tsx
@@ -0,0 +1,57 @@
+import { PanelResizeHandle } from 'react-resizable-panels'
+import { FC, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { PanelResizeHandleProps } from 'react-resizable-panels/dist/declarations/src/PanelResizeHandle'
+import classNames from 'classnames'
+
+type HorizontalResizeHandleOwnProps = {
+  resizable?: boolean
+  onDoubleClick?: () => void
+}
+
+export const HorizontalResizeHandle: FC<
+  HorizontalResizeHandleOwnProps & PanelResizeHandleProps
+> = ({ children, resizable = true, onDoubleClick, ...props }) => {
+  const { t } = useTranslation()
+  const [isDragging, setIsDragging] = useState(false)
+
+  function handleDragging(isDraggingParam: boolean) {
+    if (isDragging || resizable) {
+      setIsDragging(isDraggingParam)
+    }
+  }
+
+  // Only call onDragging prop when the pointer moves after starting a drag
+  useEffect(() => {
+    if (isDragging) {
+      const handlePointerMove = () => {
+        props.onDragging?.(true)
+      }
+
+      document.addEventListener('pointermove', handlePointerMove)
+      return () => {
+        document.removeEventListener('pointermove', handlePointerMove)
+      }
+    } else {
+      props.onDragging?.(false)
+    }
+  }, [isDragging, props])
+
+  return (
+    <PanelResizeHandle
+      disabled={!resizable && !isDragging}
+      {...props}
+      onDragging={handleDragging}
+    >
+      <div
+        className={classNames('horizontal-resize-handle', {
+          'horizontal-resize-handle-enabled': resizable,
+        })}
+        title={t('resize')}
+        onDoubleClick={() => onDoubleClick?.()}
+      >
+        {children}
+      </div>
+    </PanelResizeHandle>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/resize/horizontal-toggler.tsx b/services/web/frontend/js/features/ide-react/components/resize/horizontal-toggler.tsx
new file mode 100644
index 0000000..fba41ee
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/resize/horizontal-toggler.tsx
@@ -0,0 +1,48 @@
+import classNames from 'classnames'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+
+type HorizontalTogglerType = 'west' | 'east'
+
+type HorizontalTogglerProps = {
+  id: string
+  isOpen: boolean
+  setIsOpen: (isOpen: boolean) => void
+  togglerType: HorizontalTogglerType
+  tooltipWhenOpen: string
+  tooltipWhenClosed: string
+}
+
+export function HorizontalToggler({
+  id,
+  isOpen,
+  setIsOpen,
+  togglerType,
+  tooltipWhenOpen,
+  tooltipWhenClosed,
+}: HorizontalTogglerProps) {
+  const description = isOpen ? tooltipWhenOpen : tooltipWhenClosed
+
+  return (
+    <OLTooltip
+      id={id}
+      description={description}
+      overlayProps={{
+        placement: togglerType === 'east' ? 'left' : 'right',
+      }}
+    >
+      <button
+        className={classNames(
+          'custom-toggler',
+          `custom-toggler-${togglerType}`,
+          {
+            'custom-toggler-open': isOpen,
+            'custom-toggler-closed': !isOpen,
+          }
+        )}
+        aria-label={description}
+        title=""
+        onClick={() => setIsOpen(!isOpen)}
+      />
+    </OLTooltip>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/resize/vertical-resize-handle.tsx b/services/web/frontend/js/features/ide-react/components/resize/vertical-resize-handle.tsx
new file mode 100644
index 0000000..9fb2e87
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/resize/vertical-resize-handle.tsx
@@ -0,0 +1,19 @@
+import { PanelResizeHandle } from 'react-resizable-panels'
+import { useTranslation } from 'react-i18next'
+import { PanelResizeHandleProps } from 'react-resizable-panels/dist/declarations/src/PanelResizeHandle'
+import classNames from 'classnames'
+
+export function VerticalResizeHandle(props: PanelResizeHandleProps) {
+  const { t } = useTranslation()
+
+  return (
+    <PanelResizeHandle {...props}>
+      <div
+        className={classNames('vertical-resize-handle', {
+          'vertical-resize-handle-enabled': !props.disabled,
+        })}
+        title={t('resize')}
+      />
+    </PanelResizeHandle>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/unsaved-docs/unsaved-docs-alert.tsx b/services/web/frontend/js/features/ide-react/components/unsaved-docs/unsaved-docs-alert.tsx
new file mode 100644
index 0000000..70d0d69
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/unsaved-docs/unsaved-docs-alert.tsx
@@ -0,0 +1,61 @@
+import { FC, useEffect, useMemo, useRef } from 'react'
+import { useFileTreePathContext } from '@/features/file-tree/contexts/file-tree-path'
+import { useTranslation } from 'react-i18next'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import { sendMB } from '@/infrastructure/event-tracking'
+import { useConnectionContext } from '@/features/ide-react/context/connection-context'
+
+const MAX_UNSAVED_ALERT_SECONDS = 15
+
+export const UnsavedDocsAlert: FC<{ unsavedDocs: Map<string, number> }> = ({
+  unsavedDocs,
+}) => (
+  <>
+    {[...unsavedDocs.entries()].map(
+      ([docId, seconds]) =>
+        seconds >= MAX_UNSAVED_ALERT_SECONDS && (
+          <UnsavedDocAlert key={docId} docId={docId} seconds={seconds} />
+        )
+    )}
+  </>
+)
+
+const UnsavedDocAlert: FC<{ docId: string; seconds: number }> = ({
+  docId,
+  seconds,
+}) => {
+  const { pathInFolder, findEntityByPath } = useFileTreePathContext()
+  const { socket } = useConnectionContext()
+  const { t } = useTranslation()
+
+  const recordedRef = useRef(false)
+
+  useEffect(() => {
+    if (!recordedRef.current) {
+      recordedRef.current = true
+      sendMB('unsaved-doc-alert-shown', {
+        docId,
+        transport: socket.socket.transport?.name,
+      })
+    }
+  }, [docId, socket])
+
+  const doc = useMemo(() => {
+    const path = pathInFolder(docId)
+    return path ? findEntityByPath(path) : null
+  }, [docId, findEntityByPath, pathInFolder])
+
+  if (!doc) {
+    return null
+  }
+
+  return (
+    <OLNotification
+      type="warning"
+      content={t('saving_notification_with_seconds', {
+        docname: doc.entity.name,
+        seconds,
+      })}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/unsaved-docs/unsaved-docs-locked-alert.tsx b/services/web/frontend/js/features/ide-react/components/unsaved-docs/unsaved-docs-locked-alert.tsx
new file mode 100644
index 0000000..3630cc5
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/unsaved-docs/unsaved-docs-locked-alert.tsx
@@ -0,0 +1,19 @@
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+export const UnsavedDocsLockedAlert: FC = () => {
+  const { t } = useTranslation()
+
+  return (
+    <OLNotification
+      type="warning"
+      content={
+        <>
+          <strong>{t('connection_lost_with_unsaved_changes')}</strong>{' '}
+          {t('dont_reload_or_close_this_tab')} {t('your_changes_will_save')}
+        </>
+      }
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/components/unsaved-docs/unsaved-docs.tsx b/services/web/frontend/js/features/ide-react/components/unsaved-docs/unsaved-docs.tsx
new file mode 100644
index 0000000..f70a550
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/components/unsaved-docs/unsaved-docs.tsx
@@ -0,0 +1,121 @@
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+import { useEditorContext } from '@/shared/context/editor-context'
+import { FC, useCallback, useEffect, useRef, useState } from 'react'
+import { PermissionsLevel } from '@/features/ide-react/types/permissions'
+import { UnsavedDocsLockedAlert } from '@/features/ide-react/components/unsaved-docs/unsaved-docs-locked-alert'
+import { UnsavedDocsAlert } from '@/features/ide-react/components/unsaved-docs/unsaved-docs-alert'
+import useEventListener from '@/shared/hooks/use-event-listener'
+import { createPortal } from 'react-dom'
+import { useGlobalAlertsContainer } from '@/features/ide-react/context/global-alerts-context'
+
+const MAX_UNSAVED_SECONDS = 30 // lock the editor after this time if unsaved
+
+export const UnsavedDocs: FC = () => {
+  const { openDocs, debugTimers } = useEditorManagerContext()
+  const { permissionsLevel, setPermissionsLevel } = useEditorContext()
+  const [isLocked, setIsLocked] = useState(false)
+  const [unsavedDocs, setUnsavedDocs] = useState(new Map<string, number>())
+  const globalAlertsContainer = useGlobalAlertsContainer()
+
+  // always contains the latest value
+  const previousUnsavedDocsRef = useRef(unsavedDocs)
+
+  // always contains the latest value
+  const permissionsLevelRef = useRef(permissionsLevel)
+  useEffect(() => {
+    permissionsLevelRef.current = permissionsLevel
+  }, [permissionsLevel])
+
+  // warn if the window is being closed with unsaved changes
+  useEventListener(
+    'beforeunload',
+    useCallback(
+      event => {
+        if (openDocs.hasUnsavedChanges()) {
+          // https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event
+          event.preventDefault()
+        }
+      },
+      [openDocs]
+    )
+  )
+
+  // keep track of which docs are currently unsaved, and how long they've been unsaved for
+  // NOTE: openDocs should never change, so it's safe to use as a dependency here
+  useEffect(() => {
+    const interval = window.setInterval(() => {
+      debugTimers.current.CheckUnsavedDocs = Date.now()
+      const unsavedDocs = new Map()
+
+      const docs = openDocs.unsavedDocs()
+
+      for (const doc of docs) {
+        const oldestOpCreatedAt =
+          doc.getInflightOpCreatedAt() ?? doc.getPendingOpCreatedAt()
+        if (oldestOpCreatedAt) {
+          const unsavedSeconds = Math.floor(
+            (performance.now() - oldestOpCreatedAt) / 1000
+          )
+          unsavedDocs.set(doc.doc_id, unsavedSeconds)
+        }
+      }
+
+      // avoid setting the unsavedDocs state to a new empty Map every second
+      if (unsavedDocs.size > 0 || previousUnsavedDocsRef.current.size > 0) {
+        previousUnsavedDocsRef.current = unsavedDocs
+        setUnsavedDocs(unsavedDocs)
+      }
+    }, 1000)
+
+    return () => {
+      window.clearInterval(interval)
+    }
+  }, [openDocs, debugTimers])
+
+  const maxUnsavedSeconds = Math.max(0, ...unsavedDocs.values())
+
+  // lock the editor if at least one doc has been unsaved for too long
+  useEffect(() => {
+    setIsLocked(maxUnsavedSeconds > MAX_UNSAVED_SECONDS)
+  }, [maxUnsavedSeconds])
+
+  // display a modal and set the permissions level to readOnly if docs have been unsaved for too long
+  const originalPermissionsLevelRef = useRef<PermissionsLevel | null>(null)
+  useEffect(() => {
+    if (isLocked) {
+      originalPermissionsLevelRef.current = permissionsLevelRef.current
+      // TODO: what if the real permissions level changes in the meantime?
+      // TODO: perhaps the "locked" state should be stored in the editor context instead?
+      setPermissionsLevel('readOnly')
+      setIsLocked(true)
+    } else {
+      if (originalPermissionsLevelRef.current) {
+        setPermissionsLevel(originalPermissionsLevelRef.current)
+      }
+    }
+  }, [isLocked, setPermissionsLevel])
+
+  // remove the modal (and unlock the page) if the connection has been re-established and all the docs have been saved
+  useEffect(() => {
+    if (unsavedDocs.size === 0 && permissionsLevelRef.current === 'readOnly') {
+      setIsLocked(false)
+    }
+  }, [unsavedDocs])
+
+  if (!globalAlertsContainer) {
+    return null
+  }
+
+  return (
+    <>
+      {isLocked &&
+        createPortal(<UnsavedDocsLockedAlert />, globalAlertsContainer)}
+
+      {unsavedDocs.size > 0 &&
+        createPortal(
+          <UnsavedDocsAlert unsavedDocs={unsavedDocs} />,
+          globalAlertsContainer
+        )}
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/connection/connection-manager.ts b/services/web/frontend/js/features/ide-react/connection/connection-manager.ts
new file mode 100644
index 0000000..8475c99
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/connection/connection-manager.ts
@@ -0,0 +1,531 @@
+import {
+  ConnectionError,
+  ConnectionState,
+  ExternalHeartbeat,
+  SocketDebuggingInfo,
+} from './types/connection-state'
+import SocketIoShim from '../../../ide/connection/SocketIoShim'
+import getMeta from '../../../utils/meta'
+import { Socket } from '@/features/ide-react/connection/types/socket'
+import { debugConsole } from '@/utils/debugging'
+import { isSplitTestEnabled } from '@/utils/splitTestUtils'
+
+const ONE_HOUR_IN_MS = 1000 * 60 * 60
+const TWO_MINUTES_IN_MS = 2 * 60 * 1000
+const DISCONNECT_AFTER_MS = ONE_HOUR_IN_MS * 24
+
+const CONNECTION_ERROR_RECONNECT_DELAY = 1000
+const USER_ACTIVITY_RECONNECT_NOW_DELAY = 1000
+const USER_ACTIVITY_RECONNECT_DELAY = 5000
+const JOIN_PROJECT_RATE_LIMITED_DELAY = 15 * 1000
+const BACK_OFF_RECONNECT_OFFLINE = 5000
+
+const RECONNECT_GRACEFULLY_RETRY_INTERVAL_MS = 5000
+const MAX_RECONNECT_GRACEFULLY_INTERVAL_MS = getMeta(
+  'ol-maxReconnectGracefullyIntervalMs'
+)
+
+const MAX_RETRY_CONNECT = 5
+const RETRY_WEBSOCKET = 3
+
+const externalSocketHeartbeat = isSplitTestEnabled('external-socket-heartbeat')
+
+const initialState: ConnectionState = {
+  readyState: WebSocket.CLOSED,
+  forceDisconnected: false,
+  inactiveDisconnect: false,
+  lastConnectionAttempt: 0,
+  reconnectAt: null,
+  forcedDisconnectDelay: 0,
+  error: '',
+}
+
+export class StateChangeEvent extends CustomEvent<{
+  state: ConnectionState
+  previousState: ConnectionState
+}> {}
+
+export class ConnectionManager extends EventTarget {
+  state: ConnectionState = initialState
+  private connectionAttempt: number | null = null
+  private gracefullyReconnectUntil = 0
+  private lastUserActivity: number
+  private protocolVersion = -1
+  private readonly idleDisconnectInterval: number
+  private reconnectCountdownInterval = 0
+  private websocketFailureCount = 0
+  readonly socket: Socket
+  private userIsLeavingPage = false
+  private externalHeartbeatInterval?: number
+  private externalHeartbeat: ExternalHeartbeat = {
+    currentStart: 0,
+    lastSuccess: 0,
+    lastLatency: 0,
+  }
+
+  constructor() {
+    super()
+
+    this.lastUserActivity = performance.now()
+    this.idleDisconnectInterval = window.setInterval(() => {
+      this.disconnectIfIdleSince(DISCONNECT_AFTER_MS)
+    }, ONE_HOUR_IN_MS)
+
+    window.addEventListener('online', () => this.onOnline())
+    window.addEventListener('beforeunload', () => {
+      this.userIsLeavingPage = true
+      if (this.socket.socket.transport?.name === 'xhr-polling') {
+        // Websockets will close automatically.
+        this.socket.socket.disconnect()
+      }
+    })
+
+    const parsedURL = new URL(
+      getMeta('ol-wsUrl') || '/socket.io',
+      window.origin
+    )
+    const query = new URLSearchParams({
+      projectId: getMeta('ol-project_id'),
+    })
+    if (externalSocketHeartbeat) {
+      query.set('esh', '1')
+      query.set('ssp', '1') // with server-side ping
+    }
+    const socket = SocketIoShim.connect(parsedURL.origin, {
+      resource: parsedURL.pathname.slice(1),
+      'auto connect': false,
+      'connect timeout': 30 * 1000,
+      'force new connection': true,
+      query: query.toString(),
+      reconnect: false,
+    }) as unknown as Socket
+    this.socket = socket
+
+    // bail out if socket.io failed to load (e.g. the real-time server is down)
+    if (typeof window.io !== 'object') {
+      this.switchToWsFallbackIfPossible()
+      debugConsole.error(
+        'Socket.io javascript not loaded. Please check that the real-time service is running and accessible.'
+      )
+      this.changeState({
+        ...this.state,
+        error: 'io-not-loaded',
+      })
+      return
+    }
+
+    socket.on('connect', () => this.onConnect())
+    socket.on('disconnect', () => this.onDisconnect())
+    socket.on('error', err => this.onConnectError(err))
+    socket.on('connect_failed', err => this.onConnectError(err))
+    socket.on('joinProjectResponse', body => this.onJoinProjectResponse(body))
+    socket.on('connectionRejected', err => this.onConnectionRejected(err))
+    socket.on('reconnectGracefully', () => this.onReconnectGracefully())
+    socket.on('forceDisconnect', (_, delay) => this.onForceDisconnect(delay))
+    socket.on(
+      'serverPing',
+      (counter, timestamp, serverTransport, serverSessionId) =>
+        this.sendPingResponse(
+          counter,
+          timestamp,
+          serverTransport,
+          serverSessionId
+        )
+    )
+
+    this.tryReconnect()
+  }
+
+  close(error: ConnectionError) {
+    this.onForceDisconnect(0, error)
+  }
+
+  tryReconnectNow() {
+    this.tryReconnectWithBackoff(USER_ACTIVITY_RECONNECT_NOW_DELAY)
+  }
+
+  // Called when document is clicked or the editor cursor changes
+  registerUserActivity() {
+    this.lastUserActivity = performance.now()
+    this.userIsLeavingPage = false
+    this.ensureIsConnected()
+  }
+
+  getSocketDebuggingInfo(): SocketDebuggingInfo {
+    return {
+      client_id: this.socket.socket?.sessionid,
+      transport: this.socket.socket?.transport?.name,
+      publicId: this.socket.publicId,
+      lastUserActivity: this.lastUserActivity,
+      connectionState: this.state,
+      externalHeartbeat: this.externalHeartbeat,
+    }
+  }
+
+  private changeState(state: ConnectionState) {
+    const previousState = this.state
+    this.state = state
+    debugConsole.log('[ConnectionManager] changed state', {
+      previousState,
+      state,
+    })
+    this.dispatchEvent(
+      new StateChangeEvent('statechange', { detail: { state, previousState } })
+    )
+  }
+
+  private switchToWsFallbackIfPossible() {
+    const search = new URLSearchParams(window.location.search)
+    if (getMeta('ol-wsUrl') && search.get('ws') !== 'fallback') {
+      // if we tried to boot from a custom real-time backend and failed,
+      // try reloading and falling back to the siteUrl
+      search.set('ws', 'fallback')
+      window.location.search = search.toString()
+      return true
+    }
+    return false
+  }
+
+  private onOnline() {
+    if (!this.state.inactiveDisconnect) this.ensureIsConnected()
+  }
+
+  private onConnectionRejected(err: any) {
+    switch (err?.message) {
+      case 'retry': // pending real-time shutdown
+        this.startAutoReconnectCountdown(0)
+        break
+      case 'rate-limit hit when joining project': // rate-limited
+        this.changeState({
+          ...this.state,
+          error: 'rate-limited',
+        })
+        break
+      case 'not authorized': // not logged in
+      case 'invalid session': // expired session
+        this.changeState({
+          ...this.state,
+          error: 'not-logged-in',
+          forceDisconnected: true,
+        })
+        break
+      case 'project not found': // project has been deleted
+        this.changeState({
+          ...this.state,
+          error: 'project-deleted',
+          forceDisconnected: true,
+        })
+        break
+      default:
+        this.changeState({
+          ...this.state,
+          error: 'unable-to-join',
+        })
+        break
+    }
+  }
+
+  private onConnectError(err: any) {
+    if (
+      this.socket.socket.transport?.name === 'websocket' &&
+      err instanceof Event &&
+      err.target instanceof WebSocket
+    ) {
+      this.websocketFailureCount++
+    }
+    if (this.connectionAttempt === null) return // ignore errors once connected.
+    if (this.connectionAttempt++ < MAX_RETRY_CONNECT) {
+      setTimeout(
+        () => {
+          if (this.canReconnect()) this.socket.socket.connect()
+        },
+        // slow down when potentially offline
+        (navigator.onLine ? 0 : BACK_OFF_RECONNECT_OFFLINE) +
+          // add jitter to spread reconnects
+          this.connectionAttempt *
+            (1 + Math.random()) *
+            CONNECTION_ERROR_RECONNECT_DELAY
+      )
+    } else {
+      if (!this.switchToWsFallbackIfPossible()) {
+        this.disconnect()
+        this.changeState({
+          ...this.state,
+          error: 'unable-to-connect',
+        })
+      }
+    }
+  }
+
+  private onConnect() {
+    if (externalSocketHeartbeat) {
+      if (this.externalHeartbeatInterval) {
+        window.clearInterval(this.externalHeartbeatInterval)
+      }
+      if (this.socket.socket.transport?.name === 'websocket') {
+        // Do not enable external heartbeat on polling transports.
+        this.externalHeartbeatInterval = window.setInterval(
+          () => this.sendExternalHeartbeat(),
+          15_000
+        )
+      }
+    }
+    // Reset on success regardless of transport. We want to upgrade back to websocket on reconnect.
+    this.websocketFailureCount = 0
+  }
+
+  private onDisconnect() {
+    this.connectionAttempt = null
+    if (this.externalHeartbeatInterval) {
+      window.clearInterval(this.externalHeartbeatInterval)
+    }
+    this.externalHeartbeat.currentStart = 0
+    this.changeState({
+      ...this.state,
+      readyState: WebSocket.CLOSED,
+    })
+    if (this.disconnectIfIdleSince(DISCONNECT_AFTER_MS)) return
+    if (this.state.error === 'rate-limited') {
+      this.tryReconnectWithBackoff(JOIN_PROJECT_RATE_LIMITED_DELAY)
+    } else {
+      this.startAutoReconnectCountdown(0)
+    }
+  }
+
+  private onForceDisconnect(
+    delay: number,
+    error: ConnectionError = 'maintenance'
+  ) {
+    clearInterval(this.idleDisconnectInterval)
+    clearTimeout(this.reconnectCountdownInterval)
+    window.removeEventListener('online', this.onOnline)
+
+    window.setTimeout(() => this.disconnect(), 1000 * delay)
+
+    this.changeState({
+      ...this.state,
+      forceDisconnected: true,
+      forcedDisconnectDelay: delay,
+      error,
+    })
+  }
+
+  private onJoinProjectResponse({
+    protocolVersion,
+    publicId,
+  }: {
+    protocolVersion: number
+    publicId: string
+  }) {
+    if (
+      this.protocolVersion !== -1 &&
+      this.protocolVersion !== protocolVersion
+    ) {
+      this.onForceDisconnect(0, 'protocol-changed')
+      return
+    }
+    this.protocolVersion = protocolVersion
+    this.socket.publicId = publicId
+    this.connectionAttempt = null
+    this.changeState({
+      ...this.state,
+      readyState: WebSocket.OPEN,
+      error: '',
+      reconnectAt: null,
+    })
+  }
+
+  private onReconnectGracefully() {
+    // Disconnect idle users a little earlier than the 24h limit.
+    if (this.disconnectIfIdleSince(DISCONNECT_AFTER_MS * 0.75)) return
+    if (this.gracefullyReconnectUntil) return
+    this.gracefullyReconnectUntil =
+      performance.now() + MAX_RECONNECT_GRACEFULLY_INTERVAL_MS
+    this.tryReconnectGracefully()
+  }
+
+  private canReconnect(): boolean {
+    if (this.state.readyState === WebSocket.OPEN) return false // no need to reconnect
+    if (this.state.forceDisconnected) return false // reconnecting blocked
+    return true
+  }
+
+  private isReconnectingSoon(ms: number): boolean {
+    if (!this.state.reconnectAt) return false
+    return this.state.reconnectAt - performance.now() <= ms
+  }
+
+  private hasReconnectedRecently(ms: number): boolean {
+    return performance.now() - this.state.lastConnectionAttempt < ms
+  }
+
+  private isUserInactiveSince(since: number): boolean {
+    return performance.now() - this.lastUserActivity > since
+  }
+
+  private disconnectIfIdleSince(threshold: number): boolean {
+    if (!this.isUserInactiveSince(threshold)) return false
+    const previouslyClosed = this.state.readyState === WebSocket.CLOSED
+    this.changeState({
+      ...this.state,
+      readyState: WebSocket.CLOSED,
+      inactiveDisconnect: true,
+    })
+    if (!previouslyClosed) {
+      this.socket.disconnect()
+    }
+    return true
+  }
+
+  private disconnect() {
+    this.changeState({
+      ...this.state,
+      readyState: WebSocket.CLOSED,
+    })
+    this.socket.disconnect()
+  }
+
+  private ensureIsConnected() {
+    if (this.state.readyState === WebSocket.OPEN) return
+    this.tryReconnectWithBackoff(
+      this.state.error === 'rate-limited'
+        ? JOIN_PROJECT_RATE_LIMITED_DELAY
+        : USER_ACTIVITY_RECONNECT_DELAY
+    )
+  }
+
+  private startAutoReconnectCountdown(backoff: number) {
+    if (this.userIsLeavingPage) return
+    if (!this.canReconnect()) return
+    let countdown
+    if (this.isUserInactiveSince(TWO_MINUTES_IN_MS)) {
+      countdown = 60 + Math.floor(Math.random() * 2 * 60)
+    } else {
+      countdown = 3 + Math.floor(Math.random() * 7)
+    }
+    const ms = backoff + countdown * 1000
+    if (this.isReconnectingSoon(ms)) return
+
+    this.changeState({
+      ...this.state,
+      reconnectAt: performance.now() + ms,
+    })
+    clearTimeout(this.reconnectCountdownInterval)
+    this.reconnectCountdownInterval = window.setTimeout(() => {
+      if (this.isReconnectingSoon(0)) {
+        this.tryReconnect()
+      }
+    }, ms)
+  }
+
+  private tryReconnect() {
+    this.gracefullyReconnectUntil = 0
+    this.changeState({
+      ...this.state,
+      reconnectAt: null,
+    })
+    if (!this.canReconnect()) return
+
+    this.connectionAttempt = 0
+    this.changeState({
+      ...this.state,
+      readyState: WebSocket.CONNECTING,
+      error: '',
+      inactiveDisconnect: false,
+      lastConnectionAttempt: performance.now(),
+    })
+
+    this.addReconnectListeners()
+    this.socket.socket.transports = ['xhr-polling']
+    if (this.websocketFailureCount < RETRY_WEBSOCKET) {
+      this.socket.socket.transports.unshift('websocket')
+    }
+    if (this.socket.socket.connecting || this.socket.socket.connected) {
+      // Ensure the old transport has been cleaned up.
+      // Socket.disconnect() does not accept a parameter. Go one level deeper.
+      this.socket.forceDisconnectWithoutEvent()
+    }
+    this.socket.socket.connect()
+  }
+
+  private addReconnectListeners() {
+    const handleFailure = () => {
+      removeSocketListeners()
+      this.startAutoReconnectCountdown(
+        // slow down when potentially offline
+        navigator.onLine ? 0 : BACK_OFF_RECONNECT_OFFLINE
+      )
+    }
+    const handleSuccess = () => {
+      removeSocketListeners()
+    }
+    const removeSocketListeners = () => {
+      this.socket.removeListener('error', handleFailure)
+      this.socket.removeListener('connect', handleSuccess)
+    }
+    this.socket.on('error', handleFailure)
+    this.socket.on('connect', handleSuccess)
+  }
+
+  private tryReconnectGracefully() {
+    if (
+      this.state.readyState === WebSocket.CLOSED ||
+      !this.gracefullyReconnectUntil
+    )
+      return
+    if (
+      this.gracefullyReconnectUntil < performance.now() ||
+      this.isUserInactiveSince(RECONNECT_GRACEFULLY_RETRY_INTERVAL_MS)
+    ) {
+      this.disconnect()
+      this.tryReconnect()
+    } else {
+      setTimeout(() => {
+        this.tryReconnectGracefully()
+      }, RECONNECT_GRACEFULLY_RETRY_INTERVAL_MS)
+    }
+  }
+
+  private tryReconnectWithBackoff(backoff: number) {
+    if (this.hasReconnectedRecently(backoff)) {
+      this.startAutoReconnectCountdown(backoff)
+    } else {
+      this.tryReconnect()
+    }
+  }
+
+  private sendExternalHeartbeat() {
+    const t0 = performance.now()
+    this.socket.emit('debug.getHostname', () => {
+      if (this.externalHeartbeat.currentStart !== t0) {
+        return
+      }
+      const t1 = performance.now()
+      this.externalHeartbeat = {
+        currentStart: 0,
+        lastSuccess: t1,
+        lastLatency: t1 - t0,
+      }
+    })
+    this.externalHeartbeat.currentStart = t0
+  }
+
+  private sendPingResponse(
+    counter?: number,
+    timestamp?: number,
+    serverTransport?: string,
+    serverSessionId?: string
+  ) {
+    const clientTransport = this.socket.socket.transport?.name
+    const clientSessionId = this.socket.socket.sessionid
+    this.socket.emit(
+      'clientPong',
+      counter,
+      timestamp,
+      serverTransport,
+      serverSessionId,
+      clientTransport,
+      clientSessionId
+    )
+  }
+}
diff --git a/services/web/frontend/js/features/ide-react/connection/editor-watchdog-manager.ts b/services/web/frontend/js/features/ide-react/connection/editor-watchdog-manager.ts
new file mode 100644
index 0000000..2291120
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/connection/editor-watchdog-manager.ts
@@ -0,0 +1,235 @@
+/*
+  Migrated from services/web/frontend/js/ide/connection/EditorWatchdogManager.js
+
+  EditorWatchdogManager is used for end-to-end checks of edits.
+
+
+  The editor UI is backed by Ace and CodeMirrors, which in turn are connected
+   to ShareJs documents in the frontend.
+  Edits propagate from the editor to ShareJs and are send through socket.io
+   and real-time to document-updater.
+  In document-updater edits are integrated into the document history and
+   a confirmation/rejection is sent back to the frontend.
+
+  Along the way things can get lost.
+  We have certain safe-guards in place, but are still getting occasional
+   reports of lost edits.
+
+  EditorWatchdogManager is implementing the basis for end-to-end checks on
+   two levels:
+
+  - local/ShareJsDoc: edits that pass-by a ShareJs document shall get
+     acknowledged eventually.
+  - global: any edits made in the editor shall get acknowledged eventually,
+     independent for which ShareJs document (potentially none) sees it.
+
+  How does this work?
+  ===================
+
+  The global check is using a global EditorWatchdogManager that is available
+   via the angular factory 'ide'.
+  Local/ShareJsDoc level checks will connect to the global instance.
+
+  Each EditorWatchdogManager keeps track of the oldest un-acknowledged edit.
+  When ever a ShareJs document receives an acknowledgement event, a local
+   EditorWatchdogManager will see it and also notify the global instance about
+   it.
+  The next edit cycle will clear the oldest un-acknowledged timestamp in case
+   a new ack has arrived, otherwise it will bark loud! via the timeout handler.
+
+  Scenarios
+  =========
+
+  - User opens the CodeMirror editor
+    - attach global check to new CM instance
+    - detach Ace from the local EditorWatchdogManager
+    - when the frontend attaches the CM instance to ShareJs, we also
+       attach it to the local EditorWatchdogManager
+      - the internal attach process writes the document content to the editor,
+         which in turn emits 'change' events. These event need to be excluded
+         from the watchdog. EditorWatchdogManager.ignoreEditsFor takes care
+         of that.
+  - User opens the Ace editor (again)
+    - (attach global check to the Ace editor, only one copy of Ace is around)
+    - detach local EditorWatchdogManager from CM
+    - likewise with CM, attach Ace to the local EditorWatchdogManager
+  - User makes an edit
+    - the editor will emit a 'change' event
+    - the global EditorWatchdogManager will process it first
+    - the local EditorWatchdogManager will process it next
+  - Document-updater confirms an edit
+    - the local EditorWatchdogManager will process it first, it passes it on to
+    - the global EditorWatchdogManager will process it next
+
+  Time
+  ====
+
+  The delay between edits and acks is measured using a monotonic clock:
+   `performance.now()`.
+  It is agnostic to system clock changes in either direction and timezone
+   changes do not affect it as well.
+  Roughly speaking, it is initialized with `0` when the `window` context is
+   created, before our JS app boots.
+  As per canIUse.com and MDN `performance.now()` is available to all supported
+   Browsers, including IE11.
+  See also: https://caniuse.com/?search=performance.now
+  See also: https://developer.mozilla.org/en-US/docs/Web/API/Performance/now
+ */
+
+import {
+  ChangeDescription,
+  EditorFacade,
+} from '../../source-editor/extensions/realtime'
+import { debugConsole } from '@/utils/debugging'
+
+// TIMEOUT specifies the timeout for edits into a single ShareJsDoc.
+const TIMEOUT = 60 * 1000
+// GLOBAL_TIMEOUT specifies the timeout for edits into any ShareJSDoc.
+const GLOBAL_TIMEOUT = TIMEOUT
+// REPORT_EVERY specifies how often we send events/report errors.
+const REPORT_EVERY = 60 * 1000
+
+const SCOPE_LOCAL = 'ShareJsDoc'
+const SCOPE_GLOBAL = 'global'
+
+type Scope = 'ShareJsDoc' | 'global'
+type Meta = {
+  scope: Scope
+  delay: number
+  lastAck: number
+  lastUnackedEdit: number
+}
+type TimeoutHandler = (meta: Meta) => void
+
+class Reporter {
+  private lastReport: number | null = null
+  private queue: Meta[] = []
+
+  // eslint-disable-next-line no-useless-constructor
+  constructor(private readonly onTimeoutHandler: TimeoutHandler) {}
+
+  private getMetaPreferLocal() {
+    for (const meta of this.queue) {
+      if (meta.scope === SCOPE_LOCAL) {
+        return meta
+      }
+    }
+    return this.queue.pop()
+  }
+
+  onTimeout(meta: Meta) {
+    // Collect all 'meta's for this update.
+    // global arrive before local ones, but we are eager to report local ones.
+    this.queue.push(meta)
+
+    setTimeout(() => {
+      // Another handler processed the 'meta' entry already
+      if (!this.queue.length) return
+
+      // There is always an item on the queue at this point,
+      // so getMetaPreferLocal will always return a Meta object
+      const maybeLocalMeta = this.getMetaPreferLocal() as Meta
+
+      // Discard other, newly arrived 'meta's
+      this.queue.length = 0
+
+      const now = Date.now()
+      // Do not flood the server with losing-edits events
+      const reportedRecently =
+        this.lastReport !== null && now - this.lastReport < REPORT_EVERY
+      if (!reportedRecently) {
+        this.lastReport = now
+        this.onTimeoutHandler(maybeLocalMeta)
+      }
+    })
+  }
+}
+
+export default class EditorWatchdogManager {
+  lastAck: number | null = null
+  reporter: Reporter
+  parent?: EditorWatchdogManager
+  scope: Scope
+  timeout: number
+  lastUnackedEdit: number | null
+
+  constructor({
+    parent,
+    onTimeoutHandler,
+  }: {
+    parent?: EditorWatchdogManager
+    onTimeoutHandler?: TimeoutHandler
+  }) {
+    this.scope = parent ? SCOPE_LOCAL : SCOPE_GLOBAL
+    this.timeout = parent ? TIMEOUT : GLOBAL_TIMEOUT
+    this.parent = parent
+    if (parent) {
+      this.reporter = parent.reporter
+    } else if (onTimeoutHandler) {
+      this.reporter = new Reporter(onTimeoutHandler)
+    } else {
+      throw new Error('No parent or onTimeoutHandler')
+    }
+
+    this.lastAck = null
+    this.lastUnackedEdit = null
+  }
+
+  onAck() {
+    this.lastAck = performance.now()
+
+    // bubble up to globalEditorWatchdogManager
+    if (this.parent) this.parent.onAck()
+  }
+
+  onEdit() {
+    // Use timestamps to track the high-water mark of unacked edits
+    const now = performance.now()
+
+    // Discard the last unacked edit if there are now newer acks
+    // TODO Handle cases where lastAck and/or lastUnackedEdit are null more transparently
+    // @ts-ignore
+    if (this.lastAck > this.lastUnackedEdit) {
+      this.lastUnackedEdit = null
+    }
+    // Start tracking for this keypress if we aren't already tracking an
+    //  unacked edit
+    if (!this.lastUnackedEdit) {
+      this.lastUnackedEdit = now
+    }
+
+    // Report an error if the last tracked edit hasn't been cleared by an
+    //  ack from the server after a long time
+    const delay = now - this.lastUnackedEdit
+    if (delay > this.timeout) {
+      const timeOrigin = Date.now() - now
+      const scope = this.scope
+      const lastAck = this.lastAck ? timeOrigin + this.lastAck : 0
+      const lastUnackedEdit = timeOrigin + this.lastUnackedEdit
+      const meta: Meta = { scope, delay, lastAck, lastUnackedEdit }
+      this.log('timedOut', meta)
+      this.reporter.onTimeout(meta)
+    }
+  }
+
+  attachToEditor(editor: EditorFacade) {
+    this.log('attach to editor')
+    const onChange = (
+      _editor: EditorFacade,
+      changeDescription: ChangeDescription
+    ) => {
+      if (changeDescription.origin === 'remote') return
+      if (!(changeDescription.removed || changeDescription.inserted)) return
+      this.onEdit()
+    }
+    editor.on('change', onChange)
+    return () => {
+      this.log('detach from editor')
+      editor.off('change', onChange)
+    }
+  }
+
+  private log(...args: any[]) {
+    debugConsole.log(`[EditorWatchdogManager] ${this.scope}:`, ...args)
+  }
+}
diff --git a/services/web/frontend/js/features/ide-react/connection/join-project-payload.ts b/services/web/frontend/js/features/ide-react/connection/join-project-payload.ts
new file mode 100644
index 0000000..5fa4aab
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/connection/join-project-payload.ts
@@ -0,0 +1,14 @@
+import { Project } from '../../../../../types/project'
+import { PermissionsLevel } from '@/features/ide-react/types/permissions'
+
+export type JoinProjectPayloadProject = Pick<
+  Project,
+  Exclude<keyof Project, ['rootDocId', 'publicAccessLevel']>
+> & { rootDoc_id?: string; publicAccesLevel?: string }
+
+export type JoinProjectPayload = {
+  permissionsLevel: PermissionsLevel
+  project: JoinProjectPayloadProject
+  protocolVersion: number
+  publicId: string
+}
diff --git a/services/web/frontend/js/features/ide-react/connection/types/connection-state.ts b/services/web/frontend/js/features/ide-react/connection/types/connection-state.ts
new file mode 100644
index 0000000..fc445c7
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/connection/types/connection-state.ts
@@ -0,0 +1,35 @@
+export type ConnectionError =
+  | 'io-not-loaded'
+  | 'maintenance'
+  | 'not-logged-in'
+  | 'out-of-sync'
+  | 'project-deleted'
+  | 'protocol-changed'
+  | 'rate-limited'
+  | 'unable-to-connect'
+  | 'unable-to-join'
+
+export type ConnectionState = {
+  readyState: WebSocket['CONNECTING'] | WebSocket['OPEN'] | WebSocket['CLOSED']
+  forceDisconnected: boolean
+  inactiveDisconnect: boolean
+  reconnectAt: number | null
+  forcedDisconnectDelay: number
+  lastConnectionAttempt: number
+  error: '' | ConnectionError
+}
+
+export type ExternalHeartbeat = {
+  currentStart: number
+  lastSuccess: number
+  lastLatency: number
+}
+
+export type SocketDebuggingInfo = {
+  client_id?: string
+  publicId?: string
+  transport?: string
+  lastUserActivity: number
+  connectionState: ConnectionState
+  externalHeartbeat: ExternalHeartbeat
+}
diff --git a/services/web/frontend/js/features/ide-react/connection/types/socket.ts b/services/web/frontend/js/features/ide-react/connection/types/socket.ts
new file mode 100644
index 0000000..7f5d889
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/connection/types/socket.ts
@@ -0,0 +1,46 @@
+export type Socket = {
+  publicId: string
+  on(event: string, callback: (...data: any[]) => void): void
+  removeListener(event: string, callback: (...data: any[]) => void): void
+  emit(
+    event: string,
+    arg0: any,
+    callback?: (error: Error, ...data: any[]) => void
+  ): void
+  emit(
+    event: string,
+    arg0: any,
+    arg1: any,
+    callback?: (error: Error, ...data: any[]) => void
+  ): void
+  emit(
+    event: string,
+    arg0: any,
+    arg1: any,
+    arg2: any,
+    callback?: (error: Error, ...data: any[]) => void
+  ): void
+  emit(
+    event: string,
+    arg0: any,
+    arg1: any,
+    arg2: any,
+    arg3: any,
+    arg4: any,
+    arg5: any,
+    callback?: (error: Error, ...data: any[]) => void
+  ): void
+  socket: {
+    connected: boolean
+    connecting: boolean
+    connect(): void
+    disconnect(): void
+    sessionid: string
+    transport?: {
+      name: string
+    }
+    transports: string[]
+  }
+  disconnect(): void
+  forceDisconnectWithoutEvent(): void
+}
diff --git a/services/web/frontend/js/features/ide-react/connection/utils.ts b/services/web/frontend/js/features/ide-react/connection/utils.ts
new file mode 100644
index 0000000..a9fd02e
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/connection/utils.ts
@@ -0,0 +1,6 @@
+export function secondsUntil(timestamp: number | null) {
+  if (!timestamp) return 0
+  const seconds = Math.ceil((timestamp - performance.now()) / 1000)
+  if (seconds > 0) return seconds
+  return 0
+}
diff --git a/services/web/frontend/js/features/ide-react/context/command-registry-context.tsx b/services/web/frontend/js/features/ide-react/context/command-registry-context.tsx
new file mode 100644
index 0000000..340d4e1
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/context/command-registry-context.tsx
@@ -0,0 +1,59 @@
+import { createContext, useCallback, useContext, useState } from 'react'
+
+type CommandInvocationContext = {
+  location?: string
+}
+
+export type Command = {
+  label: string
+  id: string
+  handler?: (context: CommandInvocationContext) => void
+  href?: string
+  disabled?: boolean
+  // TODO: Keybinding?
+}
+
+const CommandRegistryContext = createContext<CommandRegistry | undefined>(
+  undefined
+)
+
+type CommandRegistry = {
+  registry: Map<string, Command>
+  register: (...elements: Command[]) => void
+  unregister: (...id: string[]) => void
+}
+
+export const CommandRegistryProvider: React.FC = ({ children }) => {
+  const [registry, setRegistry] = useState(new Map<string, Command>())
+  const register = useCallback((...elements: Command[]) => {
+    setRegistry(
+      registry =>
+        new Map([
+          ...registry,
+          ...elements.map(element => [element.id, element] as const),
+        ])
+    )
+  }, [])
+
+  const unregister = useCallback((...ids: string[]) => {
+    setRegistry(
+      registry => new Map([...registry].filter(([key]) => !ids.includes(key)))
+    )
+  }, [])
+
+  return (
+    <CommandRegistryContext.Provider value={{ registry, register, unregister }}>
+      {children}
+    </CommandRegistryContext.Provider>
+  )
+}
+
+export const useCommandRegistry = (): CommandRegistry => {
+  const context = useContext(CommandRegistryContext)
+  if (!context) {
+    throw new Error(
+      'useCommandRegistry must be used within a CommandRegistryProvider'
+    )
+  }
+  return context
+}
diff --git a/services/web/frontend/js/features/ide-react/context/connection-context.tsx b/services/web/frontend/js/features/ide-react/context/connection-context.tsx
new file mode 100644
index 0000000..8cffc24
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/context/connection-context.tsx
@@ -0,0 +1,154 @@
+import {
+  createContext,
+  useContext,
+  useEffect,
+  useState,
+  FC,
+  useCallback,
+  useMemo,
+} from 'react'
+import {
+  ConnectionError,
+  ConnectionState,
+  SocketDebuggingInfo,
+} from '../connection/types/connection-state'
+import {
+  ConnectionManager,
+  StateChangeEvent,
+} from '@/features/ide-react/connection/connection-manager'
+import { Socket } from '@/features/ide-react/connection/types/socket'
+import { secondsUntil } from '@/features/ide-react/connection/utils'
+import { useLocation } from '@/shared/hooks/use-location'
+
+type ConnectionContextValue = {
+  socket: Socket
+  connectionState: ConnectionState
+  isConnected: boolean
+  isStillReconnecting: boolean
+  secondsUntilReconnect: () => number
+  tryReconnectNow: () => void
+  registerUserActivity: () => void
+  closeConnection: (err: ConnectionError) => void
+  getSocketDebuggingInfo: () => SocketDebuggingInfo
+}
+
+export const ConnectionContext = createContext<
+  ConnectionContextValue | undefined
+>(undefined)
+
+export const ConnectionProvider: FC = ({ children }) => {
+  const location = useLocation()
+
+  const [connectionManager] = useState(() => new ConnectionManager())
+  const [connectionState, setConnectionState] = useState(
+    connectionManager.state
+  )
+
+  useEffect(() => {
+    const handleStateChange = ((event: StateChangeEvent) => {
+      setConnectionState(event.detail.state)
+    }) as EventListener
+    connectionManager.addEventListener('statechange', handleStateChange)
+
+    return () => {
+      connectionManager.removeEventListener('statechange', handleStateChange)
+    }
+  }, [connectionManager])
+
+  const isConnected = connectionState.readyState === WebSocket.OPEN
+
+  const isStillReconnecting =
+    connectionState.readyState === WebSocket.CONNECTING &&
+    performance.now() - connectionState.lastConnectionAttempt > 1000
+
+  const secondsUntilReconnect = useCallback(
+    () => secondsUntil(connectionState.reconnectAt),
+    [connectionState.reconnectAt]
+  )
+
+  const tryReconnectNow = useCallback(
+    () => connectionManager.tryReconnectNow(),
+    [connectionManager]
+  )
+
+  const registerUserActivity = useCallback(
+    () => connectionManager.registerUserActivity(),
+    [connectionManager]
+  )
+
+  const closeConnection = useCallback(
+    (err: ConnectionError) => connectionManager.close(err),
+    [connectionManager]
+  )
+
+  const getSocketDebuggingInfo = useCallback(
+    () => connectionManager.getSocketDebuggingInfo(),
+    [connectionManager]
+  )
+
+  // Reload the page on force disconnect. Doing this in React-land means that we
+  // can use useLocation(), which provides mockable location methods
+  useEffect(() => {
+    if (
+      connectionState.forceDisconnected &&
+      // keep editor open when out of sync
+      connectionState.error !== 'out-of-sync'
+    ) {
+      const timer = window.setTimeout(
+        () => location.reload(),
+        connectionState.forcedDisconnectDelay * 1000
+      )
+      return () => {
+        window.clearTimeout(timer)
+      }
+    }
+  }, [
+    connectionState.forceDisconnected,
+    connectionState.forcedDisconnectDelay,
+    connectionState.error,
+    location,
+  ])
+
+  const value = useMemo<ConnectionContextValue>(
+    () => ({
+      socket: connectionManager.socket,
+      connectionState,
+      isConnected,
+      isStillReconnecting,
+      secondsUntilReconnect,
+      tryReconnectNow,
+      registerUserActivity,
+      closeConnection,
+      getSocketDebuggingInfo,
+    }),
+    [
+      connectionManager.socket,
+      connectionState,
+      isConnected,
+      isStillReconnecting,
+      registerUserActivity,
+      secondsUntilReconnect,
+      tryReconnectNow,
+      closeConnection,
+      getSocketDebuggingInfo,
+    ]
+  )
+
+  return (
+    <ConnectionContext.Provider value={value}>
+      {children}
+    </ConnectionContext.Provider>
+  )
+}
+
+export function useConnectionContext(): ConnectionContextValue {
+  const context = useContext(ConnectionContext)
+
+  if (!context) {
+    throw new Error(
+      'useConnectionContext is only available inside ConnectionProvider'
+    )
+  }
+
+  return context
+}
diff --git a/services/web/frontend/js/features/ide-react/context/editor-manager-context.tsx b/services/web/frontend/js/features/ide-react/context/editor-manager-context.tsx
new file mode 100644
index 0000000..cc82723
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/context/editor-manager-context.tsx
@@ -0,0 +1,730 @@
+import {
+  createContext,
+  FC,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react'
+import { sendMB } from '@/infrastructure/event-tracking'
+import useScopeValue from '@/shared/hooks/use-scope-value'
+import { useIdeContext } from '@/shared/context/ide-context'
+import { OpenDocuments } from '@/features/ide-react/editor/open-documents'
+import EditorWatchdogManager from '@/features/ide-react/connection/editor-watchdog-manager'
+import { useIdeReactContext } from '@/features/ide-react/context/ide-react-context'
+import { useConnectionContext } from '@/features/ide-react/context/connection-context'
+import { debugConsole } from '@/utils/debugging'
+import { DocumentContainer } from '@/features/ide-react/editor/document-container'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import { GotoLineOptions } from '@/features/ide-react/types/goto-line-options'
+import { Doc } from '../../../../../types/doc'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import {
+  findDocEntityById,
+  findFileRefEntityById,
+} from '@/features/ide-react/util/find-doc-entity-by-id'
+import useScopeEventEmitter from '@/shared/hooks/use-scope-event-emitter'
+import { useModalsContext } from '@/features/ide-react/context/modals-context'
+import { useTranslation } from 'react-i18next'
+import customLocalStorage from '@/infrastructure/local-storage'
+import useEventListener from '@/shared/hooks/use-event-listener'
+import { EditorType } from '@/features/ide-react/editor/types/editor-type'
+import { DocId } from '../../../../../types/project-settings'
+import { Update } from '@/features/history/services/types/update'
+import { useDebugDiffTracker } from '../hooks/use-debug-diff-tracker'
+import { useEditorContext } from '@/shared/context/editor-context'
+import useScopeValueSetterOnly from '@/shared/hooks/use-scope-value-setter-only'
+import { BinaryFile } from '@/features/file-view/types/binary-file'
+import { convertFileRefToBinaryFile } from '@/features/ide-react/util/file-view'
+
+export interface GotoOffsetOptions {
+  gotoOffset: number
+}
+
+interface OpenDocOptions
+  extends Partial<GotoLineOptions>,
+    Partial<GotoOffsetOptions> {
+  gotoOffset?: number
+  forceReopen?: boolean
+  keepCurrentView?: boolean
+}
+
+export type EditorManager = {
+  getEditorType: () => EditorType | null
+  showSymbolPalette: boolean
+  currentDocument: DocumentContainer | null
+  currentDocumentId: DocId | null
+  getCurrentDocValue: () => string | null
+  getCurrentDocumentId: () => DocId | null
+  setIgnoringExternalUpdates: (value: boolean) => void
+  openDocWithId: (docId: string, options?: OpenDocOptions) => void
+  openDoc: (document: Doc, options?: OpenDocOptions) => void
+  openDocs: OpenDocuments
+  openFileWithId: (fileId: string) => void
+  openInitialDoc: (docId: string) => void
+  openDocName: string | null
+  setOpenDocName: (openDocName: string) => void
+  isLoading: boolean
+  trackChanges: boolean
+  jumpToLine: (options: GotoLineOptions) => void
+  wantTrackChanges: boolean
+  setWantTrackChanges: React.Dispatch<
+    React.SetStateAction<EditorManager['wantTrackChanges']>
+  >
+  debugTimers: React.MutableRefObject<Record<string, number>>
+}
+
+function hasGotoLine(options: OpenDocOptions): options is GotoLineOptions {
+  return typeof options.gotoLine === 'number'
+}
+
+function hasGotoOffset(options: OpenDocOptions): options is GotoOffsetOptions {
+  return typeof options.gotoOffset === 'number'
+}
+
+export const EditorManagerContext = createContext<EditorManager | undefined>(
+  undefined
+)
+
+export const EditorManagerProvider: FC = ({ children }) => {
+  const { t } = useTranslation()
+  const { scopeStore } = useIdeContext()
+  const { reportError, eventEmitter, projectId } = useIdeReactContext()
+  const { setOutOfSync } = useEditorContext()
+  const { socket, closeConnection, connectionState } = useConnectionContext()
+  const { view, setView } = useLayoutContext()
+  const { showGenericMessageModal, genericModalVisible, showOutOfSyncModal } =
+    useModalsContext()
+
+  const [showSymbolPalette, setShowSymbolPalette] = useScopeValue<boolean>(
+    'editor.showSymbolPalette'
+  )
+  const [showVisual] = useScopeValue<boolean>('editor.showVisual')
+  const [currentDocument, setCurrentDocument] =
+    useScopeValue<DocumentContainer | null>('editor.sharejs_doc')
+  const [currentDocumentId, setCurrentDocumentId] = useScopeValue<DocId | null>(
+    'editor.open_doc_id'
+  )
+  const [openDocName, setOpenDocName] = useScopeValue<string | null>(
+    'editor.open_doc_name'
+  )
+  const [opening, setOpening] = useScopeValue<boolean>('editor.opening')
+  const [errorState, setIsInErrorState] =
+    useScopeValue<boolean>('editor.error_state')
+  const [trackChanges, setTrackChanges] = useScopeValue<boolean>(
+    'editor.trackChanges'
+  )
+  const [wantTrackChanges, setWantTrackChanges] = useScopeValue<boolean>(
+    'editor.wantTrackChanges'
+  )
+
+  const wantTrackChangesRef = useRef(wantTrackChanges)
+  useEffect(() => {
+    wantTrackChangesRef.current = wantTrackChanges
+  }, [wantTrackChanges])
+
+  const goToLineEmitter = useScopeEventEmitter('editor:gotoLine')
+
+  const { fileTreeData } = useFileTreeData()
+
+  const [ignoringExternalUpdates, setIgnoringExternalUpdates] = useState(false)
+
+  const { createDebugDiff, debugTimers } = useDebugDiffTracker(
+    projectId,
+    currentDocument
+  )
+
+  const [globalEditorWatchdogManager] = useState(
+    () =>
+      new EditorWatchdogManager({
+        onTimeoutHandler: (meta: Record<string, any>) => {
+          let diffSize: number | null = null
+          createDebugDiff()
+            .then(calculatedDiffSize => {
+              diffSize = calculatedDiffSize
+            })
+            .finally(() => {
+              sendMB('losing-edits', {
+                ...meta,
+                diffSize,
+                timers: debugTimers.current,
+              })
+              reportError('losing-edits', {
+                ...meta,
+                diffSize,
+                timers: debugTimers.current,
+              })
+            })
+        },
+      })
+  )
+
+  // Store the most recent document error and consume it in an effect, which
+  // prevents circular dependencies in useCallbacks
+  const [docError, setDocError] = useState<{
+    doc: Doc
+    document: DocumentContainer
+    error: Error | string
+    meta?: Record<string, any>
+    editorContent?: string
+  } | null>(null)
+
+  const [docTooLongErrorShown, setDocTooLongErrorShown] = useState(false)
+
+  useEffect(() => {
+    if (!genericModalVisible) {
+      setDocTooLongErrorShown(false)
+    }
+  }, [genericModalVisible])
+
+  const [openDocs] = useState(
+    () => new OpenDocuments(socket, globalEditorWatchdogManager, eventEmitter)
+  )
+
+  const currentDocumentIdStorageKey = `doc.open_id.${projectId}`
+
+  // Persist the open document ID to local storage
+  useEffect(() => {
+    if (currentDocumentId) {
+      customLocalStorage.setItem(currentDocumentIdStorageKey, currentDocumentId)
+    }
+  }, [currentDocumentId, currentDocumentIdStorageKey])
+
+  const editorOpenDocEpochRef = useRef(0)
+
+  // TODO: This looks dodgy because it wraps a state setter and is itself
+  // stored in React state in the scope store. The problem is that it needs to
+  // be exposed via the scope store because some components access it that way;
+  // it would be better to simply access it from a context, but the current
+  // implementation in EditorManager interacts with Angular scope to update
+  // the layout. Once Angular is gone, this can become a context method.
+  useEffect(() => {
+    scopeStore.set('editor.toggleSymbolPalette', () => {
+      setShowSymbolPalette(show => {
+        const newValue = !show
+        sendMB(newValue ? 'symbol-palette-show' : 'symbol-palette-hide')
+        return newValue
+      })
+    })
+  }, [scopeStore, setShowSymbolPalette])
+
+  const getEditorType = useCallback((): EditorType | null => {
+    if (!currentDocument) {
+      return null
+    }
+
+    return showVisual ? 'cm6-rich-text' : 'cm6'
+  }, [currentDocument, showVisual])
+
+  const getCurrentDocValue = useCallback(() => {
+    return currentDocument?.getSnapshot() ?? null
+  }, [currentDocument])
+
+  const getCurrentDocumentId = useCallback(
+    () => currentDocumentId,
+    [currentDocumentId]
+  )
+
+  const jumpToLine = useCallback(
+    (options: GotoLineOptions) => {
+      goToLineEmitter(options)
+    },
+    [goToLineEmitter]
+  )
+
+  const attachErrorHandlerToDocument = useCallback(
+    (doc: Doc, document: DocumentContainer) => {
+      document.on(
+        'error',
+        (
+          error: Error | string,
+          meta?: Record<string, any>,
+          editorContent?: string
+        ) => {
+          setDocError({ doc, document, error, meta, editorContent })
+        }
+      )
+    },
+    []
+  )
+
+  const ignoringExternalUpdatesRef = useRef<boolean>(ignoringExternalUpdates)
+  useEffect(() => {
+    ignoringExternalUpdatesRef.current = ignoringExternalUpdates
+  }, [ignoringExternalUpdates])
+
+  const bindToDocumentEvents = useCallback(
+    (doc: Doc, document: DocumentContainer) => {
+      attachErrorHandlerToDocument(doc, document)
+
+      document.on('externalUpdate', (update: Update) => {
+        if (ignoringExternalUpdatesRef.current) {
+          return
+        }
+        if (
+          update.meta.type === 'external' &&
+          update.meta.source === 'git-bridge'
+        ) {
+          return
+        }
+        if (
+          update.meta.origin?.kind === 'file-restore' ||
+          update.meta.origin?.kind === 'project-restore'
+        ) {
+          return
+        }
+        showGenericMessageModal(
+          t('document_updated_externally'),
+          t('document_updated_externally_detail')
+        )
+      })
+    },
+    [attachErrorHandlerToDocument, showGenericMessageModal, t]
+  )
+
+  const syncTimeoutRef = useRef<number | null>(null)
+
+  const syncTrackChangesState = useCallback(
+    (doc: DocumentContainer) => {
+      if (!doc) {
+        return
+      }
+
+      if (syncTimeoutRef.current) {
+        window.clearTimeout(syncTimeoutRef.current)
+        syncTimeoutRef.current = null
+      }
+
+      const want = wantTrackChangesRef.current
+      const have = doc.getTrackingChanges()
+      if (want === have) {
+        setTrackChanges(want)
+        return
+      }
+
+      const tryToggle = () => {
+        const saved = doc.getInflightOp() == null && doc.getPendingOp() == null
+        if (saved) {
+          doc.setTrackingChanges(want)
+          setTrackChanges(want)
+        } else {
+          syncTimeoutRef.current = window.setTimeout(tryToggle, 100)
+        }
+      }
+
+      tryToggle()
+    },
+    [setTrackChanges]
+  )
+
+  const doOpenNewDocument = useCallback(
+    (doc: Doc) =>
+      new Promise<DocumentContainer>((resolve, reject) => {
+        debugConsole.log('[doOpenNewDocument] Opening...')
+        const newDocument = openDocs.getDocument(doc._id)
+        if (!newDocument) {
+          debugConsole.error(`No open document with ID '${doc._id}' found`)
+          reject(new Error('no open document found'))
+          return
+        }
+        const preJoinEpoch = ++editorOpenDocEpochRef.current
+        newDocument.join(error => {
+          if (error) {
+            debugConsole.log(
+              `[doOpenNewDocument] error joining doc ${doc._id}`,
+              error
+            )
+            reject(error)
+            return
+          }
+
+          if (editorOpenDocEpochRef.current !== preJoinEpoch) {
+            debugConsole.log(
+              `[doOpenNewDocument] editorOpenDocEpoch mismatch ${editorOpenDocEpochRef.current} vs ${preJoinEpoch}`
+            )
+            newDocument.leaveAndCleanUp()
+            reject(new Error('another document was loaded'))
+            return
+          }
+          bindToDocumentEvents(doc, newDocument)
+          resolve(newDocument)
+        })
+      }),
+    [bindToDocumentEvents, openDocs]
+  )
+
+  const openNewDocument = useCallback(
+    async (doc: Doc): Promise<DocumentContainer> => {
+      // Leave the current document
+      //  - when we are opening a different new one, to avoid race conditions
+      //     between leaving and joining the same document
+      //  - when the current one has pending ops that need flushing, to avoid
+      //     race conditions from cleanup
+      const currentDocumentId = currentDocument?.doc_id
+      const hasBufferedOps = currentDocument && currentDocument.hasBufferedOps()
+      const changingDoc = currentDocument && currentDocumentId !== doc._id
+      if (changingDoc || hasBufferedOps) {
+        debugConsole.log('[openNewDocument] Leaving existing open doc...')
+
+        // Do not trigger any UI changes from remote operations
+        currentDocument.off()
+
+        // Keep listening for out-of-sync and similar errors.
+        attachErrorHandlerToDocument(doc, currentDocument)
+
+        // Teardown the Document -> ShareJsDoc -> sharejs doc
+        // By the time this completes, the Document instance is no longer
+        //  registered in OpenDocuments and doOpenNewDocument can start
+        //  from scratch -- read: no corrupted internal state.
+        const preLeaveEpoch = ++editorOpenDocEpochRef.current
+
+        try {
+          await currentDocument.leaveAndCleanUpPromise()
+        } catch (error) {
+          debugConsole.log(
+            `[openNewDocument] error leaving doc ${currentDocumentId}`,
+            error
+          )
+          throw error
+        }
+
+        if (editorOpenDocEpochRef.current !== preLeaveEpoch) {
+          debugConsole.log(
+            `[openNewDocument] editorOpenDocEpoch mismatch ${editorOpenDocEpochRef.current} vs ${preLeaveEpoch}`
+          )
+          throw new Error('another document was loaded')
+        }
+      }
+      return doOpenNewDocument(doc)
+    },
+    [attachErrorHandlerToDocument, doOpenNewDocument, currentDocument]
+  )
+
+  const currentDocumentIdRef = useRef(currentDocumentId)
+  useEffect(() => {
+    currentDocumentIdRef.current = currentDocumentId
+  }, [currentDocumentId])
+
+  const openDoc = useCallback(
+    async (doc: Doc, options: OpenDocOptions = {}) => {
+      debugConsole.log(`[openDoc] Opening ${doc._id}`)
+
+      const { promise, resolve, reject } = Promise.withResolvers<Doc>()
+
+      if (view === 'editor') {
+        // store position of previous doc before switching docs
+        eventEmitter.emit('store-doc-position')
+      }
+
+      if (!options.keepCurrentView) {
+        setView('editor')
+      }
+
+      const done = (isNewDoc: boolean) => {
+        window.dispatchEvent(
+          new CustomEvent('doc:after-opened', {
+            detail: { isNewDoc, docId: doc._id },
+          })
+        )
+        window.dispatchEvent(
+          new CustomEvent('entity:opened', {
+            detail: doc._id,
+          })
+        )
+        if (hasGotoLine(options)) {
+          window.setTimeout(() => jumpToLine(options))
+
+          // Jump to the line again after a stored scroll position has been restored
+          if (isNewDoc) {
+            window.addEventListener(
+              'editor:scroll-position-restored',
+              () => jumpToLine(options),
+              { once: true }
+            )
+          }
+        } else if (hasGotoOffset(options)) {
+          window.setTimeout(() => {
+            eventEmitter.emit('editor:gotoOffset', options)
+          })
+        }
+
+        resolve(doc)
+      }
+
+      // If we already have the document open, or are opening the document, we can return at this point.
+      // Note: only use forceReopen:true to override this when the document is
+      // out of sync and needs to be reloaded from the server.
+      if (doc._id === currentDocumentIdRef.current && !options.forceReopen) {
+        done(false)
+        return
+      }
+
+      // We're now either opening a new document or reloading a broken one.
+      currentDocumentIdRef.current = doc._id as DocId
+      setCurrentDocumentId(doc._id as DocId)
+      setOpenDocName(doc.name)
+      setOpening(true)
+
+      try {
+        const document = await openNewDocument(doc)
+        syncTrackChangesState(document)
+        setOpening(false)
+        setCurrentDocument(document)
+        done(true)
+      } catch (error: any) {
+        if (error?.message === 'another document was loaded') {
+          debugConsole.log(
+            `[openDoc] another document was loaded while ${doc._id} was loading`
+          )
+          return
+        }
+        debugConsole.error('Error opening document', error)
+        showGenericMessageModal(
+          t('error_opening_document'),
+          t('error_opening_document_detail')
+        )
+        reject(error)
+      }
+
+      return promise
+    },
+    [
+      eventEmitter,
+      jumpToLine,
+      openNewDocument,
+      setCurrentDocument,
+      setCurrentDocumentId,
+      setOpenDocName,
+      setOpening,
+      setView,
+      showGenericMessageModal,
+      syncTrackChangesState,
+      t,
+      view,
+    ]
+  )
+
+  const openDocWithId = useCallback(
+    (docId: string, options: OpenDocOptions = {}) => {
+      const doc = findDocEntityById(fileTreeData, docId)
+      if (!doc) {
+        return
+      }
+      openDoc(doc, options)
+    },
+    [fileTreeData, openDoc]
+  )
+
+  const [, setOpenFile] = useScopeValueSetterOnly<BinaryFile | null>('openFile')
+
+  const openFileWithId = useCallback(
+    (fileRefId: string) => {
+      const fileRef = findFileRefEntityById(fileTreeData, fileRefId)
+      if (!fileRef) {
+        return
+      }
+      setOpenFile(convertFileRefToBinaryFile(fileRef))
+      window.dispatchEvent(
+        new CustomEvent('entity:opened', {
+          detail: fileRef._id,
+        })
+      )
+    },
+    [fileTreeData, setOpenFile]
+  )
+
+  const openInitialDoc = useCallback(
+    (fallbackDocId: string) => {
+      const docId =
+        customLocalStorage.getItem(currentDocumentIdStorageKey) || fallbackDocId
+      if (docId) {
+        openDocWithId(docId)
+      }
+    },
+    [currentDocumentIdStorageKey, openDocWithId]
+  )
+
+  useEffect(() => {
+    if (docError) {
+      const { doc, document, error, meta } = docError
+      let { editorContent } = docError
+      const message = typeof error === 'string' ? error : (error?.message ?? '')
+
+      // Clear document error so that it's only handled once
+      setDocError(null)
+
+      if (message.includes('maxDocLength')) {
+        openDoc(doc, { forceReopen: true })
+        const hasTrackedDeletes =
+          document.ranges != null &&
+          document.ranges.changes.some(change => 'd' in change.op)
+        const explanation = hasTrackedDeletes
+          ? `${t('document_too_long_detail')} ${t('document_too_long_tracked_deletes')}`
+          : t('document_too_long_detail')
+
+        showGenericMessageModal(t('document_too_long'), explanation)
+        setDocTooLongErrorShown(true)
+      } else if (/too many comments or tracked changes/.test(message)) {
+        showGenericMessageModal(
+          t('too_many_comments_or_tracked_changes'),
+          t('too_many_comments_or_tracked_changes_detail')
+        )
+      } else if (!docTooLongErrorShown) {
+        // Do not allow this doc to open another error modal.
+        document.off('error')
+
+        // Preserve the sharejs contents before the teardown.
+        // eslint-disable-next-line no-unused-vars
+        editorContent =
+          typeof editorContent === 'string'
+            ? editorContent
+            : document.doc?._doc.snapshot
+
+        // Tear down the ShareJsDoc.
+        if (document.doc) document.doc.clearInflightAndPendingOps()
+
+        // Do not re-join after re-connecting.
+        document.leaveAndCleanUp()
+
+        closeConnection('out-of-sync')
+        reportError(error, meta)
+
+        // Tell the user about the error state.
+        setIsInErrorState(true)
+        // Ensure that the editor is locked
+        setOutOfSync(true)
+        // Display the "out of sync" modal
+        showOutOfSyncModal(editorContent || '')
+
+        // Do not forceReopen the document.
+        return
+      }
+
+      const handleProjectJoined = () => {
+        openDoc(doc, { forceReopen: true })
+      }
+
+      eventEmitter.once('project:joined', handleProjectJoined)
+
+      return () => {
+        eventEmitter.off('project:joined', handleProjectJoined)
+      }
+    }
+  }, [
+    closeConnection,
+    docError,
+    docTooLongErrorShown,
+    eventEmitter,
+    openDoc,
+    reportError,
+    setIsInErrorState,
+    showGenericMessageModal,
+    showOutOfSyncModal,
+    setOutOfSync,
+    t,
+  ])
+
+  useEventListener(
+    'editor:insert-symbol',
+    useCallback(() => {
+      sendMB('symbol-palette-insert')
+    }, [])
+  )
+
+  useEventListener(
+    'blur',
+    useCallback(() => {
+      openDocs.flushAll()
+    }, [openDocs])
+  )
+
+  // Flush changes before disconnecting
+  useEffect(() => {
+    if (connectionState.forceDisconnected) {
+      openDocs.flushAll()
+    }
+  }, [connectionState.forceDisconnected, openDocs])
+
+  // Watch for changes in wantTrackChanges
+  const previousWantTrackChangesRef = useRef(wantTrackChanges)
+  useEffect(() => {
+    if (
+      currentDocument &&
+      wantTrackChanges !== previousWantTrackChangesRef.current
+    ) {
+      previousWantTrackChangesRef.current = wantTrackChanges
+      syncTrackChangesState(currentDocument)
+    }
+  }, [currentDocument, syncTrackChangesState, wantTrackChanges])
+
+  const isLoading = Boolean(
+    (!currentDocument || opening) && !errorState && currentDocumentId
+  )
+
+  const value: EditorManager = useMemo(
+    () => ({
+      getEditorType,
+      showSymbolPalette,
+      currentDocument,
+      currentDocumentId,
+      getCurrentDocValue,
+      getCurrentDocumentId,
+      setIgnoringExternalUpdates,
+      openDocWithId,
+      openDoc,
+      openDocs,
+      openDocName,
+      setOpenDocName,
+      trackChanges,
+      isLoading,
+      openFileWithId,
+      openInitialDoc,
+      jumpToLine,
+      wantTrackChanges,
+      setWantTrackChanges,
+      debugTimers,
+    }),
+    [
+      getEditorType,
+      showSymbolPalette,
+      currentDocument,
+      currentDocumentId,
+      getCurrentDocValue,
+      getCurrentDocumentId,
+      setIgnoringExternalUpdates,
+      openDocWithId,
+      openDoc,
+      openDocs,
+      openFileWithId,
+      openInitialDoc,
+      openDocName,
+      setOpenDocName,
+      trackChanges,
+      isLoading,
+      jumpToLine,
+      wantTrackChanges,
+      setWantTrackChanges,
+      debugTimers,
+    ]
+  )
+
+  return (
+    <EditorManagerContext.Provider value={value}>
+      {children}
+    </EditorManagerContext.Provider>
+  )
+}
+
+export function useEditorManagerContext(): EditorManager {
+  const context = useContext(EditorManagerContext)
+
+  if (!context) {
+    throw new Error(
+      'useEditorManagerContext is only available inside EditorManagerProvider'
+    )
+  }
+
+  return context
+}
diff --git a/services/web/frontend/js/features/ide-react/context/file-tree-open-context.tsx b/services/web/frontend/js/features/ide-react/context/file-tree-open-context.tsx
new file mode 100644
index 0000000..eec94f5
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/context/file-tree-open-context.tsx
@@ -0,0 +1,171 @@
+import {
+  createContext,
+  FC,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react'
+import { useProjectContext } from '@/shared/context/project-context'
+import { useIdeReactContext } from '@/features/ide-react/context/ide-react-context'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+import useScopeValueSetterOnly from '@/shared/hooks/use-scope-value-setter-only'
+import { BinaryFile } from '@/features/file-view/types/binary-file'
+import {
+  FileTreeDocumentFindResult,
+  FileTreeFileRefFindResult,
+  FileTreeFindResult,
+} from '@/features/ide-react/types/file-tree'
+import { debugConsole } from '@/utils/debugging'
+import { convertFileRefToBinaryFile } from '@/features/ide-react/util/file-view'
+import { sendMB } from '@/infrastructure/event-tracking'
+import { FileRef } from '../../../../../types/file-ref'
+
+const FileTreeOpenContext = createContext<
+  | {
+      selectedEntityCount: number
+      openEntity: FileTreeDocumentFindResult | FileTreeFileRefFindResult | null
+      handleFileTreeInit: () => void
+      handleFileTreeSelect: (selectedEntities: FileTreeFindResult[]) => void
+      handleFileTreeDelete: (entity: FileTreeFindResult) => void
+      fileTreeExpanded: boolean
+      toggleFileTreeExpanded: () => void
+    }
+  | undefined
+>(undefined)
+
+export const FileTreeOpenProvider: FC = ({ children }) => {
+  const { rootDocId, owner } = useProjectContext()
+  const { eventEmitter, projectJoined } = useIdeReactContext()
+  const { openDocWithId, currentDocumentId, openInitialDoc } =
+    useEditorManagerContext()
+  const [, setOpenFile] = useScopeValueSetterOnly<BinaryFile | null>('openFile')
+  const [openEntity, setOpenEntity] = useState<
+    FileTreeDocumentFindResult | FileTreeFileRefFindResult | null
+  >(null)
+  const [selectedEntityCount, setSelectedEntityCount] = useState(0)
+  const [fileTreeReady, setFileTreeReady] = useState(false)
+
+  // NOTE: Only used in editor redesign
+  const [fileTreeExpanded, setFileTreeExpanded] = useState(true)
+
+  const toggleFileTreeExpanded = useCallback(() => {
+    setFileTreeExpanded(prev => !prev)
+  }, [])
+
+  const handleFileTreeInit = useCallback(() => {
+    setFileTreeReady(true)
+  }, [])
+
+  // Open a document in the editor when one is selected in the file tree
+  const handleFileTreeSelect = useCallback(
+    (selectedEntities: FileTreeFindResult[]) => {
+      debugConsole.log('File tree selection changed', selectedEntities)
+      setSelectedEntityCount(selectedEntities.length)
+      if (selectedEntities.length !== 1) {
+        setOpenEntity(null)
+        return
+      }
+      const [selected] = selectedEntities
+
+      if (selected.type === 'folder') {
+        return
+      }
+
+      setOpenEntity(selected)
+      if (selected.type === 'doc' && fileTreeReady) {
+        openDocWithId(selected.entity._id, { keepCurrentView: true })
+        if (selected.entity.name.endsWith('.bib')) {
+          sendMB('open-bib-file', {
+            projectOwner: owner._id,
+            isSampleFile: selected.entity.name === 'sample.bib',
+            linkedFileProvider: null,
+          })
+        }
+      }
+      // Keep openFile scope value in sync with the file tree
+      const openFile =
+        selected.type === 'fileRef'
+          ? convertFileRefToBinaryFile(selected.entity)
+          : null
+      setOpenFile(openFile)
+      if (openFile) {
+        if (selected?.entity?.name?.endsWith('.bib')) {
+          sendMB('open-bib-file', {
+            projectOwner: owner._id,
+            isSampleFile: false,
+            linkedFileProvider: (selected.entity as FileRef).linkedFileData
+              ?.provider,
+          })
+        }
+        window.dispatchEvent(new CustomEvent('file-view:file-opened'))
+      }
+    },
+    [fileTreeReady, setOpenFile, openDocWithId, owner]
+  )
+
+  const handleFileTreeDelete = useCallback(
+    (entity: FileTreeFindResult) => {
+      eventEmitter.emit('entity:deleted', entity)
+      // Select the root document if the current document was deleted
+      if (entity.entity._id === currentDocumentId) {
+        openDocWithId(rootDocId!)
+      }
+    },
+    [eventEmitter, currentDocumentId, openDocWithId, rootDocId]
+  )
+
+  // Open a document once the file tree and project are ready
+  const initialOpenDoneRef = useRef(false)
+  useEffect(() => {
+    if (
+      rootDocId &&
+      fileTreeReady &&
+      projectJoined &&
+      !initialOpenDoneRef.current
+    ) {
+      initialOpenDoneRef.current = true
+      openInitialDoc(rootDocId)
+    }
+  }, [fileTreeReady, openInitialDoc, projectJoined, rootDocId])
+
+  const value = useMemo(() => {
+    return {
+      selectedEntityCount,
+      openEntity,
+      handleFileTreeInit,
+      handleFileTreeSelect,
+      handleFileTreeDelete,
+      fileTreeExpanded,
+      toggleFileTreeExpanded,
+    }
+  }, [
+    handleFileTreeDelete,
+    handleFileTreeInit,
+    handleFileTreeSelect,
+    openEntity,
+    selectedEntityCount,
+    fileTreeExpanded,
+    toggleFileTreeExpanded,
+  ])
+
+  return (
+    <FileTreeOpenContext.Provider value={value}>
+      {children}
+    </FileTreeOpenContext.Provider>
+  )
+}
+
+export const useFileTreeOpenContext = () => {
+  const context = useContext(FileTreeOpenContext)
+
+  if (!context) {
+    throw new Error(
+      'useFileTreeOpenContext is only available inside FileTreeOpenProvider'
+    )
+  }
+
+  return context
+}
diff --git a/services/web/frontend/js/features/ide-react/context/global-alerts-context.tsx b/services/web/frontend/js/features/ide-react/context/global-alerts-context.tsx
new file mode 100644
index 0000000..d2dfefd
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/context/global-alerts-context.tsx
@@ -0,0 +1,36 @@
+import { createContext, FC, useCallback, useContext, useState } from 'react'
+
+const GlobalAlertsContext = createContext<HTMLDivElement | null | undefined>(
+  undefined
+)
+
+export const GlobalAlertsProvider: FC = ({ children }) => {
+  const [globalAlertsContainer, setGlobalAlertsContainer] =
+    useState<HTMLDivElement | null>(null)
+
+  const handleGlobalAlertsContainer = useCallback(
+    (node: HTMLDivElement | null) => {
+      setGlobalAlertsContainer(node)
+    },
+    []
+  )
+
+  return (
+    <GlobalAlertsContext.Provider value={globalAlertsContainer}>
+      <div className="global-alerts" ref={handleGlobalAlertsContainer} />
+      {children}
+    </GlobalAlertsContext.Provider>
+  )
+}
+
+export const useGlobalAlertsContainer = () => {
+  const context = useContext(GlobalAlertsContext)
+
+  if (context === undefined) {
+    throw new Error(
+      'useGlobalAlertsContainer is only available inside GlobalAlertsProvider'
+    )
+  }
+
+  return context
+}
diff --git a/services/web/frontend/js/features/ide-react/context/ide-react-context.tsx b/services/web/frontend/js/features/ide-react/context/ide-react-context.tsx
new file mode 100644
index 0000000..3139899
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/context/ide-react-context.tsx
@@ -0,0 +1,202 @@
+import React, {
+  createContext,
+  useContext,
+  useState,
+  FC,
+  useMemo,
+  useEffect,
+  useCallback,
+} from 'react'
+import { ReactScopeValueStore } from '@/features/ide-react/scope-value-store/react-scope-value-store'
+import populateLayoutScope from '@/features/ide-react/scope-adapters/layout-context-adapter'
+import { IdeProvider } from '@/shared/context/ide-context'
+import {
+  createIdeEventEmitter,
+  IdeEventEmitter,
+} from '@/features/ide-react/create-ide-event-emitter'
+import { JoinProjectPayload } from '@/features/ide-react/connection/join-project-payload'
+import { useConnectionContext } from '@/features/ide-react/context/connection-context'
+import { getMockIde } from '@/shared/context/mock/mock-ide'
+import { populateEditorScope } from '@/features/ide-react/scope-adapters/editor-manager-context-adapter'
+import { postJSON } from '@/infrastructure/fetch-json'
+import { ReactScopeEventEmitter } from '@/features/ide-react/scope-event-emitter/react-scope-event-emitter'
+import getMeta from '@/utils/meta'
+
+const LOADED_AT = new Date()
+
+type IdeReactContextValue = {
+  projectId: string
+  eventEmitter: IdeEventEmitter
+  startedFreeTrial: boolean
+  setStartedFreeTrial: React.Dispatch<
+    React.SetStateAction<IdeReactContextValue['startedFreeTrial']>
+  >
+  reportError: (error: any, meta?: Record<string, any>) => void
+  projectJoined: boolean
+}
+
+export const IdeReactContext = createContext<IdeReactContextValue | undefined>(
+  undefined
+)
+
+function populateIdeReactScope(store: ReactScopeValueStore) {
+  store.set('settings', {})
+  store.set('sync_tex_error', false)
+}
+
+function populateProjectScope(store: ReactScopeValueStore) {
+  store.allowNonExistentPath('project', true)
+  store.set('permissionsLevel', 'readOnly')
+  store.set('permissions', {
+    read: true,
+    write: false,
+    admin: false,
+    comment: true,
+  })
+}
+
+function populatePdfScope(store: ReactScopeValueStore) {
+  store.allowNonExistentPath('pdf', true)
+}
+
+export function createReactScopeValueStore(projectId: string) {
+  const scopeStore = new ReactScopeValueStore()
+
+  // Populate the scope value store with default values that will be used by
+  // nested contexts that refer to scope values. The ideal would be to leave
+  // initialization of store values up to the nested context, which would keep
+  // initialization code together with the context and would only populate
+  // necessary values in the store, but this is simpler for now
+  populateIdeReactScope(scopeStore)
+  populateEditorScope(scopeStore, projectId)
+  populateLayoutScope(scopeStore)
+  populateProjectScope(scopeStore)
+  populatePdfScope(scopeStore)
+
+  scopeStore.allowNonExistentPath('hasLintingError')
+
+  return scopeStore
+}
+
+export const IdeReactProvider: FC = ({ children }) => {
+  const projectId = getMeta('ol-project_id')
+  const [scopeStore] = useState(() => createReactScopeValueStore(projectId))
+  const [eventEmitter] = useState(createIdeEventEmitter)
+  const [scopeEventEmitter] = useState(
+    () => new ReactScopeEventEmitter(eventEmitter)
+  )
+  const [startedFreeTrial, setStartedFreeTrial] = useState(false)
+  const release = getMeta('ol-ExposedSettings')?.sentryRelease ?? null
+
+  // Set to true only after project:joined has fired and all its listeners have
+  // been called
+  const [projectJoined, setProjectJoined] = useState(false)
+
+  const { socket, getSocketDebuggingInfo } = useConnectionContext()
+
+  const reportError = useCallback(
+    (error: any, meta?: Record<string, any>) => {
+      const metadata = {
+        ...meta,
+        user_id: getMeta('ol-user_id'),
+        project_id: projectId,
+        client_now: new Date(),
+        performance_now: performance.now(),
+        release,
+        client_load: LOADED_AT,
+        spellCheckLanguage: scopeStore.get('project.spellCheckLanguage'),
+        ...getSocketDebuggingInfo(),
+      }
+
+      const errorObj: Record<string, any> = {}
+      if (typeof error === 'object') {
+        for (const key of Object.getOwnPropertyNames(error)) {
+          errorObj[key] = error[key]
+        }
+      } else if (typeof error === 'string') {
+        errorObj.message = error
+      }
+      return postJSON('/error/client', {
+        body: {
+          error: errorObj,
+          meta: metadata,
+        },
+      })
+    },
+    [release, projectId, getSocketDebuggingInfo, scopeStore]
+  )
+
+  // Populate scope values when joining project, then fire project:joined event
+  useEffect(() => {
+    function handleJoinProjectResponse({
+      project,
+      permissionsLevel,
+    }: JoinProjectPayload) {
+      scopeStore.set('project', { rootDoc_id: null, ...project })
+      scopeStore.set('permissionsLevel', permissionsLevel)
+      // Make watchers update immediately
+      scopeStore.flushUpdates()
+      eventEmitter.emit('project:joined', { project, permissionsLevel })
+      setProjectJoined(true)
+    }
+
+    function handleMainBibliographyDocUpdated(payload: string) {
+      scopeStore.set('project.mainBibliographyDoc_id', payload)
+    }
+
+    socket.on('joinProjectResponse', handleJoinProjectResponse)
+    socket.on('mainBibliographyDocUpdated', handleMainBibliographyDocUpdated)
+
+    return () => {
+      socket.removeListener('joinProjectResponse', handleJoinProjectResponse)
+      socket.removeListener(
+        'mainBibliographyDocUpdated',
+        handleMainBibliographyDocUpdated
+      )
+    }
+  }, [socket, eventEmitter, scopeStore])
+
+  const ide = useMemo(() => {
+    return {
+      ...getMockIde(),
+      socket,
+      reportError,
+    }
+  }, [socket, reportError])
+
+  const value = useMemo(
+    () => ({
+      eventEmitter,
+      startedFreeTrial,
+      setStartedFreeTrial,
+      projectId,
+      reportError,
+      projectJoined,
+    }),
+    [eventEmitter, projectId, projectJoined, reportError, startedFreeTrial]
+  )
+
+  return (
+    <IdeReactContext.Provider value={value}>
+      <IdeProvider
+        ide={ide}
+        scopeStore={scopeStore}
+        scopeEventEmitter={scopeEventEmitter}
+      >
+        {children}
+      </IdeProvider>
+    </IdeReactContext.Provider>
+  )
+}
+
+export function useIdeReactContext(): IdeReactContextValue {
+  const context = useContext(IdeReactContext)
+
+  if (!context) {
+    throw new Error(
+      'useIdeReactContext is only available inside IdeReactProvider'
+    )
+  }
+
+  return context
+}
diff --git a/services/web/frontend/js/features/ide-react/context/ide-redesign-switcher-context.tsx b/services/web/frontend/js/features/ide-react/context/ide-redesign-switcher-context.tsx
new file mode 100644
index 0000000..464812d
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/context/ide-redesign-switcher-context.tsx
@@ -0,0 +1,39 @@
+import {
+  createContext,
+  Dispatch,
+  FC,
+  SetStateAction,
+  useContext,
+  useState,
+} from 'react'
+
+type IdeRedesignSwitcherContextValue = {
+  showSwitcherModal: boolean
+  setShowSwitcherModal: Dispatch<SetStateAction<boolean>>
+}
+
+export const IdeRedesignSwitcherContext = createContext<
+  IdeRedesignSwitcherContextValue | undefined
+>(undefined)
+
+export const IdeRedesignSwitcherProvider: FC = ({ children }) => {
+  const [showSwitcherModal, setShowSwitcherModal] = useState(false)
+
+  return (
+    <IdeRedesignSwitcherContext.Provider
+      value={{ showSwitcherModal, setShowSwitcherModal }}
+    >
+      {children}
+    </IdeRedesignSwitcherContext.Provider>
+  )
+}
+
+export const useIdeRedesignSwitcherContext = () => {
+  const context = useContext(IdeRedesignSwitcherContext)
+  if (!context) {
+    throw new Error(
+      'useIdeRedesignSwitcherContext is only available inside IdeRedesignSwitcherProvider'
+    )
+  }
+  return context
+}
diff --git a/services/web/frontend/js/features/ide-react/context/metadata-context.tsx b/services/web/frontend/js/features/ide-react/context/metadata-context.tsx
new file mode 100644
index 0000000..c1e9d14
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/context/metadata-context.tsx
@@ -0,0 +1,231 @@
+import {
+  createContext,
+  useContext,
+  useEffect,
+  FC,
+  useCallback,
+  useMemo,
+  useState,
+  useRef,
+} from 'react'
+import { useIdeReactContext } from '@/features/ide-react/context/ide-react-context'
+import { useConnectionContext } from '@/features/ide-react/context/connection-context'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+import { getJSON, postJSON } from '@/infrastructure/fetch-json'
+import { useOnlineUsersContext } from '@/features/ide-react/context/online-users-context'
+import { useEditorContext } from '@/shared/context/editor-context'
+import useSocketListener from '@/features/ide-react/hooks/use-socket-listener'
+import useEventListener from '@/shared/hooks/use-event-listener'
+import { useModalsContext } from '@/features/ide-react/context/modals-context'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+import { useTranslation } from 'react-i18next'
+import { IdeEvents } from '@/features/ide-react/create-ide-event-emitter'
+
+export type Command = {
+  caption: string
+  snippet: string
+  meta: string
+  score: number
+}
+
+export type DocumentMetadata = {
+  labels: string[]
+  packages: Record<string, Command[]>
+  packageNames: string[]
+}
+
+type DocumentsMetadata = Record<string, DocumentMetadata>
+
+type DocMetadataResponse = { docId: string; meta: DocumentMetadata }
+
+export const MetadataContext = createContext<
+  | {
+      commands: Command[]
+      labels: Set<string>
+      packageNames: Set<string>
+    }
+  | undefined
+>(undefined)
+
+export const MetadataProvider: FC = ({ children }) => {
+  const { t } = useTranslation()
+  const { eventEmitter, projectId } = useIdeReactContext()
+  const { socket } = useConnectionContext()
+  const { onlineUsersCount } = useOnlineUsersContext()
+  const { permissionsLevel } = useEditorContext()
+  const permissions = usePermissionsContext()
+  const { currentDocument } = useEditorManagerContext()
+  const { showGenericMessageModal } = useModalsContext()
+
+  const [documents, setDocuments] = useState<DocumentsMetadata>({})
+
+  const debouncerRef = useRef<Map<string, number>>(new Map()) // DocId => Timeout
+
+  useEffect(() => {
+    const handleEntityDeleted = ({
+      detail: [entity],
+    }: CustomEvent<IdeEvents['entity:deleted']>) => {
+      if (entity.type === 'doc') {
+        setDocuments(documents => {
+          delete documents[entity.entity._id]
+          return { ...documents }
+        })
+      }
+    }
+
+    eventEmitter.on('entity:deleted', handleEntityDeleted)
+
+    return () => {
+      eventEmitter.off('entity:deleted', handleEntityDeleted)
+    }
+  }, [eventEmitter])
+
+  useEffect(() => {
+    window.dispatchEvent(
+      new CustomEvent('project:metadata', { detail: documents })
+    )
+  }, [documents])
+
+  const onBroadcastDocMeta = useCallback((data: DocMetadataResponse) => {
+    const { docId, meta } = data
+    if (docId != null && meta != null) {
+      setDocuments(documents => ({ ...documents, [docId]: meta }))
+    }
+  }, [])
+
+  const loadProjectMetaFromServer = useCallback(() => {
+    getJSON(`/project/${projectId}/metadata`).then(
+      (response: { projectMeta: DocumentsMetadata }) => {
+        const { projectMeta } = response
+        if (projectMeta) {
+          setDocuments(projectMeta)
+        }
+      }
+    )
+  }, [projectId])
+
+  const loadDocMetaFromServer = useCallback(
+    (docId: string) => {
+      // Don't broadcast metadata when there are no other users in the
+      // project.
+      const broadcast = onlineUsersCount > 0
+      postJSON(`/project/${projectId}/doc/${docId}/metadata`, {
+        body: {
+          broadcast,
+        },
+      }).then((response: DocMetadataResponse) => {
+        if (!broadcast && response) {
+          // handle the POST response like a broadcast event when there are no
+          // other users in the project.
+          onBroadcastDocMeta(response)
+        }
+      })
+    },
+    [onBroadcastDocMeta, onlineUsersCount, projectId]
+  )
+
+  const scheduleLoadDocMetaFromServer = useCallback(
+    (docId: string) => {
+      if (permissionsLevel === 'readOnly') {
+        // The POST request is blocked for users without write permission.
+        // The user will not be able to consume the metadata for edits anyway.
+        return
+      }
+      // Debounce loading labels with a timeout
+      const existingTimeout = debouncerRef.current.get(docId)
+
+      if (existingTimeout != null) {
+        window.clearTimeout(existingTimeout)
+        debouncerRef.current.delete(docId)
+      }
+
+      debouncerRef.current.set(
+        docId,
+        window.setTimeout(() => {
+          // TODO: wait for the document to be saved?
+          loadDocMetaFromServer(docId)
+          debouncerRef.current.delete(docId)
+        }, 2000)
+      )
+    },
+    [loadDocMetaFromServer, permissionsLevel]
+  )
+
+  const handleBroadcastDocMeta = useCallback(
+    (data: DocMetadataResponse) => {
+      onBroadcastDocMeta(data)
+    },
+    [onBroadcastDocMeta]
+  )
+
+  useSocketListener(socket, 'broadcastDocMeta', handleBroadcastDocMeta)
+
+  const handleMetadataOutdated = useCallback(() => {
+    if (currentDocument) {
+      scheduleLoadDocMetaFromServer(currentDocument.doc_id)
+    }
+  }, [currentDocument, scheduleLoadDocMetaFromServer])
+
+  useEventListener('editor:metadata-outdated', handleMetadataOutdated)
+
+  const permissionsRef = useRef(permissions)
+
+  useEffect(() => {
+    permissionsRef.current = permissions
+  }, [permissions])
+
+  useEffect(() => {
+    const handleProjectJoined = ({
+      detail: [{ project }],
+    }: CustomEvent<IdeEvents['project:joined']>) => {
+      if (project.deletedByExternalDataSource) {
+        showGenericMessageModal(
+          t('project_renamed_or_deleted'),
+          t('project_renamed_or_deleted_detail')
+        )
+      }
+      window.setTimeout(() => {
+        if (
+          permissionsRef.current.write ||
+          permissionsRef.current.trackedWrite
+        ) {
+          loadProjectMetaFromServer()
+        }
+      }, 200)
+    }
+
+    eventEmitter.once('project:joined', handleProjectJoined)
+
+    return () => {
+      eventEmitter.off('project:joined', handleProjectJoined)
+    }
+  }, [eventEmitter, loadProjectMetaFromServer, showGenericMessageModal, t])
+
+  const value = useMemo(() => {
+    const docs = Object.values(documents)
+
+    return {
+      commands: docs.flatMap(doc => Object.values(doc.packages).flat()),
+      labels: new Set(docs.flatMap(doc => doc.labels)),
+      packageNames: new Set(docs.flatMap(doc => doc.packageNames)),
+    }
+  }, [documents])
+
+  return (
+    <MetadataContext.Provider value={value}>
+      {children}
+    </MetadataContext.Provider>
+  )
+}
+
+export function useMetadataContext() {
+  const context = useContext(MetadataContext)
+
+  if (!context) {
+    throw new Error(
+      'useMetadataContext is only available inside MetadataProvider'
+    )
+  }
+
+  return context
+}
diff --git a/services/web/frontend/js/features/ide-react/context/modals-context.tsx b/services/web/frontend/js/features/ide-react/context/modals-context.tsx
new file mode 100644
index 0000000..097ce37
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/context/modals-context.tsx
@@ -0,0 +1,140 @@
+import {
+  createContext,
+  useContext,
+  FC,
+  useCallback,
+  useMemo,
+  useState,
+} from 'react'
+import GenericMessageModal, {
+  GenericMessageModalOwnProps,
+} from '@/features/ide-react/components/modals/generic-message-modal'
+import OutOfSyncModal, {
+  OutOfSyncModalProps,
+} from '@/features/ide-react/components/modals/out-of-sync-modal'
+import GenericConfirmModal, {
+  GenericConfirmModalOwnProps,
+} from '../components/modals/generic-confirm-modal'
+
+type ModalsContextValue = {
+  genericModalVisible: boolean
+  showGenericConfirmModal: (data: GenericConfirmModalOwnProps) => void
+  showGenericMessageModal: (
+    title: GenericMessageModalOwnProps['title'],
+    message: GenericMessageModalOwnProps['message']
+  ) => void
+  showOutOfSyncModal: (
+    editorContent: OutOfSyncModalProps['editorContent']
+  ) => void
+}
+
+const ModalsContext = createContext<ModalsContextValue | undefined>(undefined)
+
+export const ModalsContextProvider: FC = ({ children }) => {
+  const [showGenericModal, setShowGenericModal] = useState(false)
+  const [showConfirmModal, setShowConfirmModal] = useState(false)
+  const [genericMessageModalData, setGenericMessageModalData] =
+    useState<GenericMessageModalOwnProps>({ title: '', message: '' })
+  const [genericConfirmModalData, setGenericConfirmModalData] =
+    useState<GenericConfirmModalOwnProps>({
+      title: '',
+      message: '',
+      onConfirm: () => {},
+    })
+
+  const [shouldShowOutOfSyncModal, setShouldShowOutOfSyncModal] =
+    useState(false)
+  const [outOfSyncModalData, setOutOfSyncModalData] = useState({
+    editorContent: '',
+  })
+
+  const handleHideGenericModal = useCallback(() => {
+    setShowGenericModal(false)
+  }, [])
+
+  const handleHideGenericConfirmModal = useCallback(() => {
+    setShowConfirmModal(false)
+  }, [])
+
+  const handleConfirmGenericConfirmModal = useCallback(() => {
+    genericConfirmModalData.onConfirm()
+    setShowConfirmModal(false)
+  }, [genericConfirmModalData])
+
+  const showGenericMessageModal = useCallback(
+    (
+      title: GenericMessageModalOwnProps['title'],
+      message: GenericMessageModalOwnProps['message']
+    ) => {
+      setGenericMessageModalData({ title, message })
+      setShowGenericModal(true)
+    },
+    []
+  )
+
+  const showGenericConfirmModal = useCallback(
+    (data: GenericConfirmModalOwnProps) => {
+      setGenericConfirmModalData(data)
+      setShowConfirmModal(true)
+    },
+    []
+  )
+
+  const handleHideOutOfSyncModal = useCallback(() => {
+    setShouldShowOutOfSyncModal(false)
+  }, [])
+
+  const showOutOfSyncModal = useCallback((editorContent: string) => {
+    setOutOfSyncModalData({ editorContent })
+    setShouldShowOutOfSyncModal(true)
+  }, [])
+
+  const value = useMemo<ModalsContextValue>(
+    () => ({
+      showGenericMessageModal,
+      showGenericConfirmModal,
+      genericModalVisible: showGenericModal,
+      showOutOfSyncModal,
+    }),
+    [
+      showGenericMessageModal,
+      showGenericConfirmModal,
+      showGenericModal,
+      showOutOfSyncModal,
+    ]
+  )
+
+  return (
+    <ModalsContext.Provider value={value}>
+      {children}
+      <GenericMessageModal
+        show={showGenericModal}
+        onHide={handleHideGenericModal}
+        {...genericMessageModalData}
+      />
+      <GenericConfirmModal
+        show={showConfirmModal}
+        onHide={handleHideGenericConfirmModal}
+        {...genericConfirmModalData}
+        onConfirm={handleConfirmGenericConfirmModal}
+      />
+      <OutOfSyncModal
+        {...outOfSyncModalData}
+        show={shouldShowOutOfSyncModal}
+        onHide={handleHideOutOfSyncModal}
+      />
+    </ModalsContext.Provider>
+  )
+}
+
+export function useModalsContext(): ModalsContextValue {
+  const context = useContext(ModalsContext)
+
+  if (!context) {
+    throw new Error(
+      'useModalsContext is only available inside ModalsContextProvider'
+    )
+  }
+
+  return context
+}
diff --git a/services/web/frontend/js/features/ide-react/context/online-users-context.tsx b/services/web/frontend/js/features/ide-react/context/online-users-context.tsx
new file mode 100644
index 0000000..baae763
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/context/online-users-context.tsx
@@ -0,0 +1,288 @@
+import {
+  createContext,
+  useContext,
+  useEffect,
+  FC,
+  useCallback,
+  useMemo,
+  useState,
+} from 'react'
+import { useIdeReactContext } from '@/features/ide-react/context/ide-react-context'
+import { useConnectionContext } from '@/features/ide-react/context/connection-context'
+import { CursorPosition } from '@/features/ide-react/types/cursor-position'
+import { omit } from 'lodash'
+import { Doc } from '../../../../../types/doc'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import { findDocEntityById } from '@/features/ide-react/util/find-doc-entity-by-id'
+import useSocketListener from '@/features/ide-react/hooks/use-socket-listener'
+import { debugConsole } from '@/utils/debugging'
+import { IdeEvents } from '@/features/ide-react/create-ide-event-emitter'
+import { getHueForUserId } from '@/shared/utils/colors'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+
+export type OnlineUser = {
+  id: string
+  user_id: string
+  email: string
+  name: string
+  initial?: string
+  doc_id?: string
+  doc?: Doc | null
+  row?: number
+  column?: number
+}
+
+type ConnectedUser = {
+  client_id: string
+  user_id: string
+  email: string
+  first_name: string
+  last_name: string
+  cursorData?: {
+    doc_id: string
+    row: number
+    column: number
+  }
+}
+
+type CursorHighlight = {
+  label: string
+  cursor: {
+    row: number
+    column: number
+  }
+  hue: number
+}
+
+type OnlineUsersContextValue = {
+  onlineUsers: Record<string, OnlineUser>
+  onlineUserCursorHighlights: Record<string, CursorHighlight[]>
+  onlineUsersArray: OnlineUser[]
+  onlineUsersCount: number
+}
+
+export const OnlineUsersContext = createContext<
+  OnlineUsersContextValue | undefined
+>(undefined)
+
+export const OnlineUsersProvider: FC = ({ children }) => {
+  const { eventEmitter } = useIdeReactContext()
+  const { socket } = useConnectionContext()
+  const { currentDocumentId } = useEditorManagerContext()
+  const { fileTreeData } = useFileTreeData()
+
+  const [onlineUsers, setOnlineUsers] = useState<Record<string, OnlineUser>>({})
+  const [onlineUserCursorHighlights, setOnlineUserCursorHighlights] = useState<
+    Record<string, CursorHighlight[]>
+  >({})
+  const [onlineUsersArray, setOnlineUsersArray] = useState<OnlineUser[]>([])
+  const [onlineUsersCount, setOnlineUsersCount] = useState(0)
+
+  const [currentPosition, setCurrentPosition] = useState<CursorPosition | null>(
+    null
+  )
+  const [cursorUpdateInterval, setCursorUpdateInterval] = useState(500)
+
+  const calculateValues = useCallback(
+    (onlineUsers: OnlineUsersContextValue['onlineUsers']) => {
+      const decoratedOnlineUsers: OnlineUsersContextValue['onlineUsers'] = {}
+      const onlineUsersArray: OnlineUser[] = []
+      const onlineUserCursorHighlights: OnlineUsersContextValue['onlineUserCursorHighlights'] =
+        {}
+
+      for (const [clientId, user] of Object.entries(onlineUsers)) {
+        const decoratedUser = { ...user }
+        const docId = user.doc_id
+        if (docId) {
+          decoratedUser.doc = findDocEntityById(fileTreeData, docId)
+        }
+
+        // If the user's name is empty use their email as display name
+        // Otherwise they're probably an anonymous user
+        if (user.name === null || user.name.trim().length === 0) {
+          decoratedUser.name = user.email ? user.email.trim() : 'Anonymous'
+        }
+
+        decoratedUser.initial = user.name?.[0]
+        if (!decoratedUser.initial || decoratedUser.initial === ' ') {
+          decoratedUser.initial = '?'
+        }
+
+        onlineUsersArray.push(decoratedUser)
+        decoratedOnlineUsers[clientId] = decoratedUser
+
+        if (docId == null || user.row == null || user.column == null) {
+          continue
+        }
+        if (!onlineUserCursorHighlights[docId]) {
+          onlineUserCursorHighlights[docId] = []
+        }
+        onlineUserCursorHighlights[docId].push({
+          label: user.name,
+          cursor: {
+            row: user.row,
+            column: user.column,
+          },
+          hue: getHueForUserId(user.user_id),
+        })
+      }
+
+      const cursorUpdateInterval =
+        onlineUsersArray.length > 0 ? 500 : 60 * 1000 * 5
+
+      return {
+        onlineUsers: decoratedOnlineUsers,
+        onlineUsersArray,
+        onlineUserCursorHighlights,
+        cursorUpdateInterval,
+      }
+    },
+    [fileTreeData]
+  )
+
+  const setAllValues = useCallback(
+    (newOnlineUsers: OnlineUsersContextValue['onlineUsers']) => {
+      const values = calculateValues(newOnlineUsers)
+      setOnlineUsers(values.onlineUsers)
+      setOnlineUsersArray(values.onlineUsersArray)
+      setOnlineUsersCount(values.onlineUsersArray.length)
+      setOnlineUserCursorHighlights(values.onlineUserCursorHighlights)
+      setCursorUpdateInterval(values.cursorUpdateInterval)
+    },
+    [
+      calculateValues,
+      setOnlineUserCursorHighlights,
+      setOnlineUsers,
+      setOnlineUsersArray,
+      setOnlineUsersCount,
+    ]
+  )
+
+  useEffect(() => {
+    const handleProjectJoined = () => {
+      socket.emit(
+        'clientTracking.getConnectedUsers',
+        (error: Error, connectedUsers: ConnectedUser[]) => {
+          if (error) {
+            // TODO: handle this error or ignore it?
+            debugConsole.error(error)
+            return
+          }
+          const newOnlineUsers: OnlineUsersContextValue['onlineUsers'] = {}
+          for (const user of connectedUsers) {
+            if (user.client_id === socket.publicId) {
+              // Don't store myself
+              continue
+            }
+            // Store data in the same format returned by clientTracking.clientUpdated
+            newOnlineUsers[user.client_id] = {
+              id: user.client_id,
+              user_id: user.user_id,
+              email: user.email,
+              name: `${user.first_name} ${user.last_name}`,
+              doc_id: user.cursorData?.doc_id,
+              row: user.cursorData?.row,
+              column: user.cursorData?.column,
+            }
+          }
+          setAllValues(newOnlineUsers)
+        }
+      )
+    }
+    eventEmitter.on('project:joined', handleProjectJoined)
+
+    return () => {
+      eventEmitter.off('project:joined', handleProjectJoined)
+    }
+  }, [eventEmitter, setAllValues, setOnlineUsers, socket])
+
+  // Track the position of the main cursor
+  useEffect(() => {
+    const handleCursorUpdate = ({
+      detail: [position],
+    }: CustomEvent<IdeEvents['cursor:editor:update']>) => {
+      if (position) {
+        setCurrentPosition(position)
+      }
+    }
+
+    eventEmitter.on('cursor:editor:update', handleCursorUpdate)
+
+    return () => {
+      eventEmitter.off('cursor:editor:update', handleCursorUpdate)
+    }
+  }, [cursorUpdateInterval, eventEmitter])
+
+  // Send the latest position to other clients when currentPosition changes
+  useEffect(() => {
+    const timer = window.setTimeout(() => {
+      socket.emit('clientTracking.updatePosition', {
+        row: currentPosition?.row,
+        column: currentPosition?.column,
+        doc_id: currentDocumentId,
+      })
+    }, cursorUpdateInterval)
+
+    return () => {
+      window.clearTimeout(timer)
+    }
+  }, [currentPosition, cursorUpdateInterval, currentDocumentId, socket])
+
+  const handleClientUpdated = useCallback(
+    (client: OnlineUser) => {
+      // Check it's not me!
+      if (client.id !== socket.publicId) {
+        setAllValues({ ...onlineUsers, [client.id]: client })
+      }
+    },
+    [onlineUsers, setAllValues, socket.publicId]
+  )
+
+  useSocketListener(socket, 'clientTracking.clientUpdated', handleClientUpdated)
+
+  const handleClientDisconnected = useCallback(
+    (clientId: string) => {
+      setAllValues(omit(onlineUsers, clientId))
+    },
+    [onlineUsers, setAllValues]
+  )
+
+  useSocketListener(
+    socket,
+    'clientTracking.clientDisconnected',
+    handleClientDisconnected
+  )
+
+  const value = useMemo<OnlineUsersContextValue>(
+    () => ({
+      onlineUsers,
+      onlineUsersArray,
+      onlineUserCursorHighlights,
+      onlineUsersCount,
+    }),
+    [
+      onlineUsers,
+      onlineUsersArray,
+      onlineUserCursorHighlights,
+      onlineUsersCount,
+    ]
+  )
+
+  return (
+    <OnlineUsersContext.Provider value={value}>
+      {children}
+    </OnlineUsersContext.Provider>
+  )
+}
+
+export function useOnlineUsersContext(): OnlineUsersContextValue {
+  const context = useContext(OnlineUsersContext)
+
+  if (!context) {
+    throw new Error(
+      'useOnlineUsersContext is only available inside OnlineUsersProvider'
+    )
+  }
+
+  return context
+}
diff --git a/services/web/frontend/js/features/ide-react/context/outline-context.tsx b/services/web/frontend/js/features/ide-react/context/outline-context.tsx
new file mode 100644
index 0000000..41c2c7b
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/context/outline-context.tsx
@@ -0,0 +1,198 @@
+import {
+  createContext,
+  Dispatch,
+  FC,
+  SetStateAction,
+  useCallback,
+  useContext,
+  useMemo,
+  useState,
+} from 'react'
+import useScopeEventEmitter from '@/shared/hooks/use-scope-event-emitter'
+import useEventListener from '@/shared/hooks/use-event-listener'
+import * as eventTracking from '@/infrastructure/event-tracking'
+import { isValidTeXFile } from '@/main/is-valid-tex-file'
+import localStorage from '@/infrastructure/local-storage'
+import { useProjectContext } from '@/shared/context/project-context'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+
+export type PartialFlatOutline = {
+  level: number
+  title: string
+  line: number
+}[]
+
+export type FlatOutlineState =
+  | {
+      items: PartialFlatOutline
+      partial: boolean
+    }
+  | undefined
+
+const OutlineContext = createContext<
+  | {
+      flatOutline: FlatOutlineState
+      setFlatOutline: Dispatch<SetStateAction<FlatOutlineState>>
+      highlightedLine: number
+      jumpToLine: (lineNumber: number, syncToPdf: boolean) => void
+      canShowOutline: boolean
+      outlineExpanded: boolean
+      toggleOutlineExpanded: () => void
+    }
+  | undefined
+>(undefined)
+
+export const OutlineProvider: FC = ({ children }) => {
+  const [flatOutline, setFlatOutline] = useState<FlatOutlineState>(undefined)
+  const [currentlyHighlightedLine, setCurrentlyHighlightedLine] =
+    useState<number>(-1)
+  const [binaryFileOpened, setBinaryFileOpened] = useState<boolean>(false)
+  const [ignoreNextCursorUpdate, setIgnoreNextCursorUpdate] =
+    useState<boolean>(false)
+  const [ignoreNextScroll, setIgnoreNextScroll] = useState<boolean>(false)
+
+  const goToLineEmitter = useScopeEventEmitter('editor:gotoLine', true)
+
+  useEventListener(
+    'file-view:file-opened',
+    useCallback(_ => {
+      setBinaryFileOpened(true)
+    }, [])
+  )
+
+  useEventListener(
+    'scroll:editor:update',
+    useCallback(
+      evt => {
+        if (ignoreNextScroll) {
+          setIgnoreNextScroll(false)
+          return
+        }
+        setCurrentlyHighlightedLine(evt.detail + 1)
+      },
+      [ignoreNextScroll]
+    )
+  )
+
+  useEventListener(
+    'cursor:editor:update',
+    useCallback(
+      evt => {
+        if (ignoreNextCursorUpdate) {
+          setIgnoreNextCursorUpdate(false)
+          return
+        }
+        setCurrentlyHighlightedLine(evt.detail.row + 1)
+      },
+      [ignoreNextCursorUpdate]
+    )
+  )
+
+  useEventListener(
+    'doc:after-opened',
+    useCallback(evt => {
+      if (evt.detail.isNewDoc) {
+        setIgnoreNextCursorUpdate(true)
+      }
+      setBinaryFileOpened(false)
+      setIgnoreNextScroll(true)
+    }, [])
+  )
+
+  const jumpToLine = useCallback(
+    (lineNumber: number, syncToPdf: boolean) => {
+      setIgnoreNextScroll(true)
+      goToLineEmitter({
+        gotoLine: lineNumber,
+        gotoColumn: 0,
+        syncToPdf,
+      })
+      eventTracking.sendMB('outline-jump-to-line')
+    },
+    [goToLineEmitter]
+  )
+
+  const highlightedLine = useMemo(
+    () =>
+      closestSectionLineNumber(flatOutline?.items, currentlyHighlightedLine),
+    [flatOutline, currentlyHighlightedLine]
+  )
+
+  const { openDocName } = useEditorManagerContext()
+  const isTexFile = useMemo(
+    () => (openDocName ? isValidTeXFile(openDocName) : false),
+    [openDocName]
+  )
+
+  const { _id: projectId } = useProjectContext()
+  const storageKey = `file_outline.expanded.${projectId}`
+
+  const [outlineExpanded, setOutlineExpanded] = useState(
+    () => localStorage.getItem(storageKey) !== false
+  )
+
+  const canShowOutline = isTexFile && !binaryFileOpened
+
+  const toggleOutlineExpanded = useCallback(() => {
+    if (canShowOutline) {
+      localStorage.setItem(storageKey, !outlineExpanded)
+      eventTracking.sendMB(
+        outlineExpanded ? 'outline-collapse' : 'outline-expand'
+      )
+      setOutlineExpanded(!outlineExpanded)
+    }
+  }, [canShowOutline, outlineExpanded, storageKey])
+
+  const value = useMemo(
+    () => ({
+      flatOutline,
+      setFlatOutline,
+      highlightedLine,
+      jumpToLine,
+      canShowOutline,
+      outlineExpanded,
+      toggleOutlineExpanded,
+    }),
+    [
+      flatOutline,
+      highlightedLine,
+      jumpToLine,
+      canShowOutline,
+      outlineExpanded,
+      toggleOutlineExpanded,
+    ]
+  )
+
+  return (
+    <OutlineContext.Provider value={value}>{children}</OutlineContext.Provider>
+  )
+}
+
+export const useOutlineContext = () => {
+  const context = useContext(OutlineContext)
+
+  if (!context) {
+    throw new Error(
+      'useOutlineProvider is only available inside OutlineProvider'
+    )
+  }
+
+  return context
+}
+
+const closestSectionLineNumber = (
+  outline: { line: number }[] | undefined,
+  lineNumber: number
+): number => {
+  if (!outline) {
+    return -1
+  }
+  let highestLine = -1
+  for (const section of outline) {
+    if (section.line > lineNumber) {
+      return highestLine
+    }
+    highestLine = section.line
+  }
+  return highestLine
+}
diff --git a/services/web/frontend/js/features/ide-react/context/permissions-context.tsx b/services/web/frontend/js/features/ide-react/context/permissions-context.tsx
new file mode 100644
index 0000000..2f8fa65
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/context/permissions-context.tsx
@@ -0,0 +1,136 @@
+import { createContext, useContext, useEffect } from 'react'
+import { useConnectionContext } from '@/features/ide-react/context/connection-context'
+import { useEditorContext } from '@/shared/context/editor-context'
+import getMeta from '@/utils/meta'
+import {
+  Permissions,
+  PermissionsLevel,
+} from '@/features/ide-react/types/permissions'
+import useScopeValue from '@/shared/hooks/use-scope-value'
+import { DeepReadonly } from '../../../../../types/utils'
+import useViewerPermissions from '@/shared/hooks/use-viewer-permissions'
+import { useProjectContext } from '@/shared/context/project-context'
+
+export const PermissionsContext = createContext<Permissions | undefined>(
+  undefined
+)
+
+const permissionsMap: DeepReadonly<Record<PermissionsLevel, Permissions>> = {
+  readOnly: {
+    read: true,
+    comment: true,
+    resolveOwnComments: false,
+    resolveAllComments: false,
+    trackedWrite: false,
+    write: false,
+    admin: false,
+    labelVersion: false,
+  },
+  review: {
+    read: true,
+    comment: true,
+    resolveOwnComments: true,
+    resolveAllComments: false,
+    trackedWrite: true,
+    write: false,
+    admin: false,
+    labelVersion: true,
+  },
+  readAndWrite: {
+    read: true,
+    comment: true,
+    resolveOwnComments: true,
+    resolveAllComments: true,
+    trackedWrite: true,
+    write: true,
+    admin: false,
+    labelVersion: true,
+  },
+  owner: {
+    read: true,
+    comment: true,
+    resolveOwnComments: true,
+    resolveAllComments: true,
+    trackedWrite: true,
+    write: true,
+    admin: true,
+    labelVersion: true,
+  },
+}
+
+const anonymousPermissionsMap: typeof permissionsMap = {
+  readOnly: { ...permissionsMap.readOnly, comment: false },
+  readAndWrite: { ...permissionsMap.readAndWrite, comment: false },
+  review: { ...permissionsMap.review, comment: false },
+  owner: { ...permissionsMap.owner, comment: false },
+}
+
+const linkSharingWarningPermissionsMap: typeof permissionsMap = {
+  readOnly: { ...permissionsMap.readOnly, comment: false },
+  readAndWrite: permissionsMap.readAndWrite,
+  review: permissionsMap.review,
+  owner: permissionsMap.owner,
+}
+
+const noTrackChangesPermissionsMap: typeof permissionsMap = {
+  readOnly: permissionsMap.readOnly,
+  readAndWrite: permissionsMap.readAndWrite,
+  review: { ...permissionsMap.review, trackedWrite: false },
+  owner: permissionsMap.owner,
+}
+
+export const PermissionsProvider: React.FC = ({ children }) => {
+  const [permissions, setPermissions] =
+    useScopeValue<Readonly<Permissions>>('permissions')
+  const { connectionState } = useConnectionContext()
+  const { permissionsLevel } = useEditorContext() as {
+    permissionsLevel: PermissionsLevel
+  }
+  const hasViewerPermissions = useViewerPermissions()
+  const anonymous = getMeta('ol-anonymous')
+  const project = useProjectContext()
+
+  useEffect(() => {
+    let activePermissionsMap
+    if (hasViewerPermissions) {
+      activePermissionsMap = linkSharingWarningPermissionsMap
+    } else if (anonymous) {
+      activePermissionsMap = anonymousPermissionsMap
+    } else if (!project.features.trackChanges) {
+      activePermissionsMap = noTrackChangesPermissionsMap
+    } else {
+      activePermissionsMap = permissionsMap
+    }
+    setPermissions(activePermissionsMap[permissionsLevel])
+  }, [
+    anonymous,
+    permissionsLevel,
+    setPermissions,
+    hasViewerPermissions,
+    project.features.trackChanges,
+  ])
+
+  useEffect(() => {
+    if (connectionState.forceDisconnected) {
+      setPermissions(prevState => ({ ...prevState, write: false }))
+    }
+  }, [connectionState.forceDisconnected, setPermissions])
+
+  return (
+    <PermissionsContext.Provider value={permissions}>
+      {children}
+    </PermissionsContext.Provider>
+  )
+}
+
+export function usePermissionsContext() {
+  const context = useContext(PermissionsContext)
+
+  if (!context) {
+    throw new Error(
+      'usePermissionsContext is only available inside PermissionsProvider'
+    )
+  }
+
+  return context
+}
diff --git a/services/web/frontend/js/features/ide-react/context/react-context-root.tsx b/services/web/frontend/js/features/ide-react/context/react-context-root.tsx
new file mode 100644
index 0000000..2b94145
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/context/react-context-root.tsx
@@ -0,0 +1,122 @@
+import { FC } from 'react'
+import { ChatProvider } from '@/features/chat/context/chat-context'
+import { ConnectionProvider } from './connection-context'
+import { DetachCompileProvider } from '@/shared/context/detach-compile-context'
+import { DetachProvider } from '@/shared/context/detach-context'
+import { EditorManagerProvider } from '@/features/ide-react/context/editor-manager-context'
+import { EditorProvider } from '@/shared/context/editor-context'
+import { FileTreeDataProvider } from '@/shared/context/file-tree-data-context'
+import { FileTreeOpenProvider } from '@/features/ide-react/context/file-tree-open-context'
+import { FileTreePathProvider } from '@/features/file-tree/contexts/file-tree-path'
+import { IdeReactProvider } from '@/features/ide-react/context/ide-react-context'
+import { LayoutProvider } from '@/shared/context/layout-context'
+import { LocalCompileProvider } from '@/shared/context/local-compile-context'
+import { MetadataProvider } from '@/features/ide-react/context/metadata-context'
+import { ModalsContextProvider } from '@/features/ide-react/context/modals-context'
+import { OnlineUsersProvider } from '@/features/ide-react/context/online-users-context'
+import { OutlineProvider } from '@/features/ide-react/context/outline-context'
+import { PermissionsProvider } from '@/features/ide-react/context/permissions-context'
+import { ProjectProvider } from '@/shared/context/project-context'
+import { RailProvider } from '@/features/ide-redesign/contexts/rail-context'
+import { ProjectSettingsProvider } from '@/features/editor-left-menu/context/project-settings-context'
+import { ReferencesProvider } from '@/features/ide-react/context/references-context'
+import { SnapshotProvider } from '@/features/ide-react/context/snapshot-context'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+import { UserProvider } from '@/shared/context/user-context'
+import { UserSettingsProvider } from '@/shared/context/user-settings-context'
+import { IdeRedesignSwitcherProvider } from './ide-redesign-switcher-context'
+import { CommandRegistryProvider } from './command-registry-context'
+
+export const ReactContextRoot: FC<{ providers?: Record<string, FC> }> = ({
+  children,
+  providers = {},
+}) => {
+  const Providers = {
+    ChatProvider,
+    ConnectionProvider,
+    DetachCompileProvider,
+    DetachProvider,
+    EditorManagerProvider,
+    EditorProvider,
+    FileTreeDataProvider,
+    FileTreeOpenProvider,
+    FileTreePathProvider,
+    IdeReactProvider,
+    LayoutProvider,
+    LocalCompileProvider,
+    MetadataProvider,
+    ModalsContextProvider,
+    OnlineUsersProvider,
+    OutlineProvider,
+    PermissionsProvider,
+    ProjectProvider,
+    ProjectSettingsProvider,
+    RailProvider,
+    ReferencesProvider,
+    SnapshotProvider,
+    SplitTestProvider,
+    UserProvider,
+    UserSettingsProvider,
+    IdeRedesignSwitcherProvider,
+    CommandRegistryProvider,
+    ...providers,
+  }
+
+  return (
+    <Providers.SplitTestProvider>
+      <Providers.ModalsContextProvider>
+        <Providers.ConnectionProvider>
+          <Providers.IdeReactProvider>
+            <Providers.UserProvider>
+              <Providers.UserSettingsProvider>
+                <Providers.ProjectProvider>
+                  <Providers.SnapshotProvider>
+                    <Providers.FileTreeDataProvider>
+                      <Providers.FileTreePathProvider>
+                        <Providers.ReferencesProvider>
+                          <Providers.DetachProvider>
+                            <Providers.EditorProvider>
+                              <Providers.PermissionsProvider>
+                                <Providers.RailProvider>
+                                  <Providers.LayoutProvider>
+                                    <Providers.ProjectSettingsProvider>
+                                      <Providers.EditorManagerProvider>
+                                        <Providers.LocalCompileProvider>
+                                          <Providers.DetachCompileProvider>
+                                            <Providers.ChatProvider>
+                                              <Providers.FileTreeOpenProvider>
+                                                <Providers.OnlineUsersProvider>
+                                                  <Providers.MetadataProvider>
+                                                    <Providers.OutlineProvider>
+                                                      <Providers.IdeRedesignSwitcherProvider>
+                                                        <Providers.CommandRegistryProvider>
+                                                          {children}
+                                                        </Providers.CommandRegistryProvider>
+                                                      </Providers.IdeRedesignSwitcherProvider>
+                                                    </Providers.OutlineProvider>
+                                                  </Providers.MetadataProvider>
+                                                </Providers.OnlineUsersProvider>
+                                              </Providers.FileTreeOpenProvider>
+                                            </Providers.ChatProvider>
+                                          </Providers.DetachCompileProvider>
+                                        </Providers.LocalCompileProvider>
+                                      </Providers.EditorManagerProvider>
+                                    </Providers.ProjectSettingsProvider>
+                                  </Providers.LayoutProvider>
+                                </Providers.RailProvider>
+                              </Providers.PermissionsProvider>
+                            </Providers.EditorProvider>
+                          </Providers.DetachProvider>
+                        </Providers.ReferencesProvider>
+                      </Providers.FileTreePathProvider>
+                    </Providers.FileTreeDataProvider>
+                  </Providers.SnapshotProvider>
+                </Providers.ProjectProvider>
+              </Providers.UserSettingsProvider>
+            </Providers.UserProvider>
+          </Providers.IdeReactProvider>
+        </Providers.ConnectionProvider>
+      </Providers.ModalsContextProvider>
+    </Providers.SplitTestProvider>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/context/references-context.tsx b/services/web/frontend/js/features/ide-react/context/references-context.tsx
new file mode 100644
index 0000000..36f33ba
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/context/references-context.tsx
@@ -0,0 +1,155 @@
+import { generateSHA1Hash } from '../../../shared/utils/sha1'
+import {
+  createContext,
+  useContext,
+  useEffect,
+  FC,
+  useCallback,
+  useMemo,
+  useState,
+} from 'react'
+import { useIdeReactContext } from '@/features/ide-react/context/ide-react-context'
+import { useConnectionContext } from '@/features/ide-react/context/connection-context'
+import { postJSON } from '@/infrastructure/fetch-json'
+import { ShareJsDoc } from '@/features/ide-react/editor/share-js-doc'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import { findDocEntityById } from '@/features/ide-react/util/find-doc-entity-by-id'
+import { IdeEvents } from '@/features/ide-react/create-ide-event-emitter'
+import { debugConsole } from '@/utils/debugging'
+import useEventListener from '@/shared/hooks/use-event-listener'
+
+export const ReferencesContext = createContext<
+  | {
+      referenceKeys: Set<string>
+      indexAllReferences: (shouldBroadcast: boolean) => Promise<void>
+    }
+  | undefined
+>(undefined)
+
+export const ReferencesProvider: FC = ({ children }) => {
+  const { fileTreeData } = useFileTreeData()
+  const { eventEmitter, projectId } = useIdeReactContext()
+  const { socket } = useConnectionContext()
+
+  const [referenceKeys, setReferenceKeys] = useState(new Set<string>())
+
+  const [existingIndexHash, setExistingIndexHash] = useState<
+    Record<string, { hash: string; timestamp: number }>
+  >({})
+
+  const indexAllReferences = useCallback(
+    async (shouldBroadcast: boolean) => {
+      return postJSON(`/project/${projectId}/references/indexAll`, {
+        body: {
+          shouldBroadcast,
+        },
+      })
+        .then((response: { keys: string[] }) => {
+          setReferenceKeys(new Set(response.keys))
+        })
+        .catch(error => {
+          // allow the request to fail
+          debugConsole.error(error)
+        })
+    },
+    [projectId]
+  )
+
+  const indexReferencesIfDocModified = useCallback(
+    (doc: ShareJsDoc, shouldBroadcast: boolean) => {
+      // avoid reindexing references if the bib file has not changed since the
+      // last time they were indexed
+      const docId = doc.doc_id
+      const snapshot = doc._doc.snapshot
+      const now = Date.now()
+      const sha1 = generateSHA1Hash(
+        'blob ' + snapshot.length + '\x00' + snapshot
+      )
+      const CACHE_LIFETIME = 6 * 3600 * 1000 // allow reindexing every 6 hours
+      const cacheEntry = existingIndexHash[docId]
+      const isCached =
+        cacheEntry &&
+        cacheEntry.timestamp > now - CACHE_LIFETIME &&
+        cacheEntry.hash === sha1
+      if (!isCached) {
+        indexAllReferences(shouldBroadcast)
+        setExistingIndexHash(existingIndexHash => ({
+          ...existingIndexHash,
+          [docId]: { hash: sha1, timestamp: now },
+        }))
+      }
+    },
+    [existingIndexHash, indexAllReferences]
+  )
+
+  useEffect(() => {
+    const handleDocClosed = ({
+      detail: [doc],
+    }: CustomEvent<IdeEvents['document:closed']>) => {
+      if (
+        doc.doc_id &&
+        findDocEntityById(fileTreeData, doc.doc_id)?.name?.endsWith('.bib')
+      ) {
+        indexReferencesIfDocModified(doc, true)
+      }
+    }
+
+    eventEmitter.on('document:closed', handleDocClosed)
+
+    return () => {
+      eventEmitter.off('document:closed', handleDocClosed)
+    }
+  }, [eventEmitter, fileTreeData, indexReferencesIfDocModified])
+
+  useEventListener(
+    'reference:added',
+    useCallback(() => {
+      indexAllReferences(true)
+    }, [indexAllReferences])
+  )
+
+  useEffect(() => {
+    const handleProjectJoined = () => {
+      // We only need to grab the references when the editor first loads,
+      // not on every reconnect
+      socket.on('references:keys:updated', (keys, allDocs) => {
+        setReferenceKeys(oldKeys =>
+          allDocs ? new Set(keys) : new Set([...oldKeys, ...keys])
+        )
+      })
+      indexAllReferences(false)
+    }
+
+    eventEmitter.once('project:joined', handleProjectJoined)
+
+    return () => {
+      eventEmitter.off('project:joined', handleProjectJoined)
+    }
+  }, [eventEmitter, indexAllReferences, socket])
+
+  const value = useMemo(
+    () => ({
+      referenceKeys,
+      indexAllReferences,
+    }),
+    [indexAllReferences, referenceKeys]
+  )
+
+  return (
+    <ReferencesContext.Provider value={value}>
+      {children}
+    </ReferencesContext.Provider>
+  )
+}
+
+export function useReferencesContext() {
+  const context = useContext(ReferencesContext)
+
+  if (!context) {
+    throw new Error(
+      'useReferencesContext is only available inside ReferencesProvider'
+    )
+  }
+
+  return context
+}
diff --git a/services/web/frontend/js/features/ide-react/context/snapshot-context.tsx b/services/web/frontend/js/features/ide-react/context/snapshot-context.tsx
new file mode 100644
index 0000000..686940f
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/context/snapshot-context.tsx
@@ -0,0 +1,127 @@
+import {
+  createContext,
+  FC,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react'
+import { Snapshot } from 'overleaf-editor-core'
+import { useProjectContext } from '@/shared/context/project-context'
+import { debugConsole } from '@/utils/debugging'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+import { Folder } from '../../../../../types/folder'
+
+export const StubSnapshotUtils = {
+  SnapshotUpdater: class SnapshotUpdater {
+    // eslint-disable-next-line no-useless-constructor
+    constructor(readonly projectId: string) {}
+    refresh(): Promise<{ snapshot: Snapshot; snapshotVersion: number }> {
+      throw new Error('not implemented')
+    }
+
+    abort(): void {
+      throw new Error('not implemented')
+    }
+  },
+  buildFileTree(snapshot: Snapshot): Folder {
+    throw new Error('not implemented')
+  },
+  createFolder(_id: string, name: string): Folder {
+    throw new Error('not implemented')
+  },
+}
+
+const { SnapshotUpdater } =
+  (importOverleafModules('snapshotUtils')[0]
+    ?.import as typeof StubSnapshotUtils) || StubSnapshotUtils
+
+export type SnapshotLoadingState = '' | 'loading' | 'error'
+
+export const SnapshotContext = createContext<
+  | {
+      snapshotVersion: number
+      snapshot?: Snapshot
+      snapshotLoadingState: SnapshotLoadingState
+
+      fileTreeFromHistory: boolean
+      setFileTreeFromHistory: (v: boolean) => void
+    }
+  | undefined
+>(undefined)
+
+export const SnapshotProvider: FC = ({ children }) => {
+  const { _id: projectId } = useProjectContext()
+  const [snapshotLoadingState, setSnapshotLoadingState] =
+    useState<SnapshotLoadingState>('')
+  const [snapshotUpdater] = useState(() => new SnapshotUpdater(projectId))
+  const [snapshot, setSnapshot] = useState<Snapshot>()
+  const [snapshotVersion, setSnapshotVersion] = useState(-1)
+  const [fileTreeFromHistory, setFileTreeFromHistory] = useState(false)
+
+  useEffect(() => {
+    if (!fileTreeFromHistory) return
+
+    let stop = false
+    let handle: number
+    const refresh = () => {
+      setSnapshotLoadingState('loading')
+      snapshotUpdater
+        .refresh()
+        .then(({ snapshot, snapshotVersion }) => {
+          setSnapshot(snapshot)
+          setSnapshotVersion(snapshotVersion)
+          setSnapshotLoadingState('')
+        })
+        .catch(err => {
+          debugConsole.error(err)
+          setSnapshotLoadingState('error')
+        })
+        .finally(() => {
+          if (stop) return
+          // use a chain of timeouts to avoid concurrent updates
+          handle = window.setTimeout(refresh, 30_000)
+        })
+    }
+
+    refresh()
+    return () => {
+      stop = true
+      snapshotUpdater.abort()
+      clearInterval(handle)
+    }
+  }, [projectId, fileTreeFromHistory, snapshotUpdater])
+
+  const value = useMemo(
+    () => ({
+      snapshot,
+      snapshotVersion,
+      snapshotLoadingState,
+      fileTreeFromHistory,
+      setFileTreeFromHistory,
+    }),
+    [
+      snapshot,
+      snapshotVersion,
+      snapshotLoadingState,
+      fileTreeFromHistory,
+      setFileTreeFromHistory,
+    ]
+  )
+
+  return (
+    <SnapshotContext.Provider value={value}>
+      {children}
+    </SnapshotContext.Provider>
+  )
+}
+
+export function useSnapshotContext() {
+  const context = useContext(SnapshotContext)
+  if (!context) {
+    throw new Error(
+      'useSnapshotContext is only available within SnapshotProvider'
+    )
+  }
+  return context
+}
diff --git a/services/web/frontend/js/features/ide-react/create-ide-event-emitter.ts b/services/web/frontend/js/features/ide-react/create-ide-event-emitter.ts
new file mode 100644
index 0000000..4bc1d44
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/create-ide-event-emitter.ts
@@ -0,0 +1,56 @@
+import { Project } from '../../../../types/project'
+import { PermissionsLevel } from '@/features/ide-react/types/permissions'
+import { ShareJsDoc } from '@/features/ide-react/editor/share-js-doc'
+import { GotoLineOptions } from '@/features/ide-react/types/goto-line-options'
+import { GotoOffsetOptions } from '@/features/ide-react/context/editor-manager-context'
+import { CursorPosition } from '@/features/ide-react/types/cursor-position'
+import { FileTreeFindResult } from '@/features/ide-react/types/file-tree'
+
+export type IdeEvents = {
+  'project:joined': [{ project: Project; permissionsLevel: PermissionsLevel }]
+  'document:closed': [doc: ShareJsDoc]
+  'doc:changed': [{ doc_id: string }]
+  'doc:saved': [{ doc_id: string }]
+  'ide:opAcknowledged': [{ doc_id: string; op: any }]
+  'store-doc-position': []
+  'editor:gotoOffset': [options: GotoOffsetOptions]
+  'editor:gotoLine': [options: GotoLineOptions]
+  'cursor:editor:update': [position: CursorPosition]
+  'outline-toggled': [isOpen: boolean]
+  'cursor:editor:syncToPdf': []
+  'scroll:editor:update': [middleVisibleLine?: number]
+  'comment:start_adding': []
+  'history:toggle': []
+  'entity:deleted': [entity: FileTreeFindResult]
+}
+
+export class IdeEventEmitter extends EventTarget {
+  emit<T extends keyof IdeEvents>(eventName: T, ...detail: IdeEvents[T]) {
+    this.dispatchEvent(new CustomEvent<IdeEvents[T]>(eventName, { detail }))
+  }
+
+  on<T extends keyof IdeEvents>(
+    eventName: T,
+    listener: (event: CustomEvent<IdeEvents[T]>) => void
+  ) {
+    this.addEventListener(eventName, listener as EventListener)
+  }
+
+  once<T extends keyof IdeEvents>(
+    eventName: T,
+    listener: (event: CustomEvent<IdeEvents[T]>) => void
+  ) {
+    this.addEventListener(eventName, listener as EventListener, { once: true })
+  }
+
+  off<T extends keyof IdeEvents>(
+    eventName: T,
+    listener: (event: CustomEvent<IdeEvents[T]>) => void
+  ) {
+    this.removeEventListener(eventName, listener as EventListener)
+  }
+}
+
+export function createIdeEventEmitter() {
+  return new IdeEventEmitter()
+}
diff --git a/services/web/frontend/js/features/ide-react/editor/document-container.ts b/services/web/frontend/js/features/ide-react/editor/document-container.ts
new file mode 100644
index 0000000..9172ec9
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/editor/document-container.ts
@@ -0,0 +1,703 @@
+/* eslint-disable camelcase */
+// Migrated from services/web/frontend/js/ide/editor/Document.js
+
+import RangesTracker from '@overleaf/ranges-tracker'
+import { ShareJsDoc } from './share-js-doc'
+import { debugConsole } from '@/utils/debugging'
+import { Socket } from '@/features/ide-react/connection/types/socket'
+import { IdeEventEmitter } from '@/features/ide-react/create-ide-event-emitter'
+import { EditorFacade } from '@/features/source-editor/extensions/realtime'
+import EditorWatchdogManager from '@/features/ide-react/connection/editor-watchdog-manager'
+import EventEmitter from '@/utils/EventEmitter'
+import {
+  AnyOperation,
+  Change,
+  CommentOperation,
+  EditOperation,
+} from '../../../../../types/change'
+import {
+  isCommentOperation,
+  isDeleteOperation,
+  isEditOperation,
+  isInsertOperation,
+} from '@/utils/operations'
+import { decodeUtf8 } from '@/utils/decode-utf8'
+import {
+  ShareJsOperation,
+  TrackChangesIdSeeds,
+} from '@/features/ide-react/editor/types/document'
+import { ThreadId } from '../../../../../types/review-panel/review-panel'
+import getMeta from '@/utils/meta'
+
+const MAX_PENDING_OP_SIZE = 64
+
+type JoinCallback = (error?: Error) => void
+type LeaveCallback = JoinCallback
+
+type Update =
+  | {
+      v: number
+      doc: string
+    }
+  | {
+      v: number
+      doc: string
+      op: AnyOperation[]
+      meta: {
+        type?: string
+        source: string
+        user_id: string
+        ts: number
+      }
+      hash?: string
+      lastV?: number
+    }
+
+type Message = {
+  meta: {
+    tc: string
+    user_id: string
+  }
+}
+
+type ErrorMetadata = Record<string, any>
+
+function getOpSize(op: AnyOperation) {
+  if (isInsertOperation(op)) {
+    return op.i.length
+  }
+  if (isDeleteOperation(op)) {
+    return op.d.length
+  }
+  return 0
+}
+
+function getShareJsOpSize(shareJsOp: ShareJsOperation) {
+  return shareJsOp.reduce((total, op) => total + getOpSize(op), 0)
+}
+
+// TODO: define these in RangesTracker
+type _RangesTracker = Omit<RangesTracker, 'changes' | 'comments'> & {
+  changes: Change<EditOperation>[]
+  comments: Change<CommentOperation>[]
+  track_changes?: boolean
+}
+
+export type RangesTrackerWithResolvedThreadIds = _RangesTracker & {
+  resolvedThreadIds: Record<ThreadId, boolean>
+}
+
+export class DocumentContainer extends EventEmitter {
+  private connected: boolean
+  private wantToBeJoined = false
+  private chaosMonkeyTimer: number | null = null
+  public track_changes_as: string | null = null
+
+  private joinCallbacks: JoinCallback[] = []
+  private leaveCallbacks: LeaveCallback[] = []
+
+  doc?: ShareJsDoc
+  cm6?: EditorFacade
+  oldInflightOp?: ShareJsOperation
+
+  ranges?: _RangesTracker | RangesTrackerWithResolvedThreadIds
+
+  joined = false
+
+  // This is set and read in useCodeMirrorScope
+  docName = ''
+
+  constructor(
+    readonly doc_id: string,
+    readonly socket: Socket,
+    private readonly globalEditorWatchdogManager: EditorWatchdogManager,
+    private readonly ideEventEmitter: IdeEventEmitter,
+    private readonly detachDoc: (docId: string, doc: DocumentContainer) => void
+  ) {
+    super()
+    this.connected = this.socket.socket.connected
+    this.bindToEditorEvents()
+    this.bindToSocketEvents()
+  }
+
+  attachToCM6(cm6: EditorFacade) {
+    this.cm6 = cm6
+    if (this.doc) {
+      this.doc.attachToCM6(this.cm6)
+    }
+    this.cm6.on('change', this.checkConsistency)
+  }
+
+  detachFromCM6() {
+    if (this.doc) {
+      this.doc.detachFromCM6()
+    }
+    if (this.cm6) {
+      this.cm6.off('change', this.checkConsistency)
+    }
+    delete this.cm6
+    this.clearChaosMonkey()
+    if (this.doc) {
+      this.ideEventEmitter.emit('document:closed', this.doc)
+    }
+  }
+
+  submitOp(...ops: AnyOperation[]) {
+    this.doc?.submitOp(ops)
+  }
+
+  private checkConsistency = (editor: EditorFacade) => {
+    // We've been seeing a lot of errors when I think there shouldn't be
+    // any, which may be related to this check happening before the change is
+    // applied. If we use a timeout, hopefully we can reduce this.
+    window.setTimeout(() => {
+      const editorValue = editor?.getValue()
+      const sharejsValue = this.doc?.getSnapshot()
+      if (editorValue !== sharejsValue) {
+        return this.onError(
+          new Error('Editor text does not match server text'),
+          {},
+          editorValue
+        )
+      }
+    }, 0)
+  }
+
+  getSnapshot() {
+    return this.doc?.getSnapshot()
+  }
+
+  getType() {
+    return this.doc?.getType()
+  }
+
+  getInflightOp(): ShareJsOperation | undefined {
+    return this.doc?.getInflightOp()
+  }
+
+  getPendingOp(): ShareJsOperation | undefined {
+    return this.doc?.getPendingOp()
+  }
+
+  getRecentAck() {
+    return this.doc?.getRecentAck()
+  }
+
+  getInflightOpCreatedAt() {
+    return this.doc?.getInflightOpCreatedAt()
+  }
+
+  getPendingOpCreatedAt() {
+    return this.doc?.getPendingOpCreatedAt()
+  }
+
+  hasBufferedOps() {
+    return this.doc?.hasBufferedOps()
+  }
+
+  setTrackingChanges(track_changes: boolean) {
+    if (this.doc) {
+      this.doc.track_changes = track_changes
+    }
+  }
+
+  getTrackingChanges() {
+    return !!this.doc?.track_changes
+  }
+
+  setTrackChangesIdSeeds(id_seeds: TrackChangesIdSeeds) {
+    if (this.doc) {
+      this.doc.track_changes_id_seeds = id_seeds
+    }
+  }
+
+  private onUpdateAppliedHandler = (update: any) => this.onUpdateApplied(update)
+
+  private onErrorHandler = (error: Error, message: ErrorMetadata) => {
+    // 'otUpdateError' are emitted per doc socket.io room, hence we can be
+    //  sure that message.doc_id exists.
+    if (message.doc_id !== this.doc_id) {
+      // This error is for another doc. Do not action it. We could open
+      //  a modal that has the wrong context on it.
+      return
+    }
+    this.onError(error, message)
+  }
+
+  private onDisconnectHandler = () => this.onDisconnect()
+
+  private bindToSocketEvents() {
+    this.socket.on('otUpdateApplied', this.onUpdateAppliedHandler)
+    this.socket.on('otUpdateError', this.onErrorHandler)
+    return this.socket.on('disconnect', this.onDisconnectHandler)
+  }
+
+  private unBindFromSocketEvents() {
+    this.socket.removeListener('otUpdateApplied', this.onUpdateAppliedHandler)
+    this.socket.removeListener('otUpdateError', this.onErrorHandler)
+    return this.socket.removeListener('disconnect', this.onDisconnectHandler)
+  }
+
+  private bindToEditorEvents() {
+    this.ideEventEmitter.on('project:joined', this.onReconnect)
+  }
+
+  private unBindFromEditorEvents() {
+    this.ideEventEmitter.off('project:joined', this.onReconnect)
+  }
+
+  leaveAndCleanUp(cb?: (error?: Error) => void) {
+    return this.leave((error?: Error) => {
+      this.cleanUp()
+      if (cb) cb(error)
+    })
+  }
+
+  leaveAndCleanUpPromise() {
+    return new Promise<void>((resolve, reject) => {
+      this.leaveAndCleanUp((error?: Error) => {
+        if (error) {
+          reject(error)
+        } else {
+          resolve()
+        }
+      })
+    })
+  }
+
+  join(callback?: JoinCallback) {
+    this.wantToBeJoined = true
+    this.cancelLeave()
+    if (this.connected) {
+      this.joinDoc(callback)
+    } else if (callback) {
+      this.joinCallbacks.push(callback)
+    }
+  }
+
+  leave(callback?: LeaveCallback) {
+    this.flush() // force an immediate flush when leaving document
+    this.wantToBeJoined = false
+    this.cancelJoin()
+    if (this.doc?.hasBufferedOps()) {
+      debugConsole.log(
+        '[leave] Doc has buffered ops, pushing callback for later'
+      )
+      if (callback) {
+        this.leaveCallbacks.push(callback)
+      }
+    } else if (!this.connected) {
+      debugConsole.log('[leave] Not connected, returning now')
+      callback?.()
+    } else {
+      debugConsole.log('[leave] Leaving now')
+      this.leaveDoc(callback)
+    }
+  }
+
+  flush() {
+    return this.doc?.flushPendingOps()
+  }
+
+  chaosMonkey(line = 0, char = 'a') {
+    const orig = char
+    let copy: string | null = null
+    let pos = 0
+    const timer = () => {
+      if (copy == null || !copy.length) {
+        copy = orig.slice() + ' ' + new Date() + '\n'
+        line += Math.random() > 0.1 ? 1 : -2
+        if (line < 0) {
+          line = 0
+        }
+        pos = 0
+      }
+      char = copy[0]
+      copy = copy.slice(1)
+      if (this.cm6) {
+        this.cm6.view.dispatch({
+          changes: {
+            from: Math.min(pos, this.cm6.view.state.doc.length),
+            insert: char,
+          },
+        })
+      }
+      pos += 1
+      this.chaosMonkeyTimer = window.setTimeout(
+        timer,
+        100 + (Math.random() < 0.1 ? 1000 : 0)
+      )
+    }
+    timer()
+  }
+
+  clearChaosMonkey() {
+    const timer = this.chaosMonkeyTimer
+    if (timer) {
+      this.chaosMonkeyTimer = null
+      window.clearTimeout(timer)
+    }
+  }
+
+  pollSavedStatus() {
+    // returns false if doc has ops waiting to be acknowledged or
+    // sent that haven't changed since the last time we checked.
+    // Otherwise returns true.
+    let saved
+    const inflightOp = this.getInflightOp()
+    const pendingOp = this.getPendingOp()
+    const recentAck = this.getRecentAck()
+    const pendingOpSize = pendingOp ? getShareJsOpSize(pendingOp) : 0
+    if (inflightOp == null && pendingOp == null) {
+      // There's nothing going on, this is OK.
+      saved = true
+      debugConsole.log('[pollSavedStatus] no inflight or pending ops')
+    } else if (inflightOp && inflightOp === this.oldInflightOp) {
+      // The same inflight op has been sitting unacked since we
+      // last checked, this is bad.
+      saved = false
+      debugConsole.log('[pollSavedStatus] inflight op is same as before')
+    } else if (
+      pendingOp != null &&
+      recentAck &&
+      pendingOpSize < MAX_PENDING_OP_SIZE
+    ) {
+      // There is an op waiting to go to server but it is small and
+      // within the recent ack limit, this is OK for now.
+      saved = true
+      debugConsole.log(
+        '[pollSavedStatus] pending op (small with recent ack) assume ok',
+        pendingOp,
+        pendingOpSize
+      )
+    } else {
+      // In any other situation, assume the document is unsaved.
+      saved = false
+      debugConsole.log(
+        `[pollSavedStatus] assuming not saved (inflightOp?: ${
+          inflightOp != null
+        }, pendingOp?: ${pendingOp != null})`
+      )
+    }
+
+    this.oldInflightOp = inflightOp
+    return saved
+  }
+
+  private cancelLeave() {
+    this.leaveCallbacks = []
+  }
+
+  private cancelJoin() {
+    this.joinCallbacks = []
+  }
+
+  private onUpdateApplied(update: Update) {
+    if (update?.doc === this.doc_id && this.doc != null) {
+      // FIXME: change this back to processUpdateFromServer when redis fixed
+      this.doc.processUpdateFromServerInOrder(update)
+
+      if (!this.wantToBeJoined) {
+        return this.leave()
+      }
+    }
+  }
+
+  private onDisconnect() {
+    debugConsole.log('[onDisconnect] disconnecting')
+    this.connected = false
+    this.joined = false
+    return this.doc != null
+      ? this.doc.updateConnectionState('disconnected')
+      : undefined
+  }
+
+  private onReconnect = () => {
+    debugConsole.log('[onReconnect] reconnected (joined project)')
+
+    this.connected = true
+    if (this.wantToBeJoined || this.doc?.hasBufferedOps()) {
+      debugConsole.log(
+        `[onReconnect] Rejoining (wantToBeJoined: ${
+          this.wantToBeJoined
+        } OR hasBufferedOps: ${this.doc?.hasBufferedOps()})`
+      )
+      this.joinDoc((error?: Error) => {
+        if (error) {
+          this.onError(error)
+          return
+        }
+        this.doc?.updateConnectionState('ok')
+        this.doc?.flushPendingOps()
+        this.callJoinCallbacks()
+      })
+    }
+  }
+
+  private callJoinCallbacks() {
+    for (const callback of this.joinCallbacks) {
+      callback()
+    }
+    this.joinCallbacks = []
+  }
+
+  private joinDoc(callback?: JoinCallback) {
+    if (this.doc) {
+      return this.socket.emit(
+        'joinDoc',
+        this.doc_id,
+        this.doc.getVersion(),
+        { encodeRanges: true, age: this.doc.getTimeSinceLastServerActivity() },
+        (error, docLines, version, updates, ranges) => {
+          if (error) {
+            callback?.(error)
+            return
+          }
+          this.joined = true
+          this.doc?.catchUp(updates)
+          this.decodeRanges(ranges)
+          this.catchUpRanges(ranges?.changes, ranges?.comments)
+          callback?.()
+        }
+      )
+    } else {
+      this.socket.emit(
+        'joinDoc',
+        this.doc_id,
+        { encodeRanges: true },
+        (error, docLines, version, updates, ranges) => {
+          if (error) {
+            callback?.(error)
+            return
+          }
+          this.joined = true
+          this.doc = new ShareJsDoc(
+            this.doc_id,
+            docLines,
+            version,
+            this.socket,
+            this.globalEditorWatchdogManager,
+            this.ideEventEmitter
+          )
+          this.decodeRanges(ranges)
+          this.ranges = new RangesTracker(ranges?.changes, ranges?.comments)
+          this.bindToShareJsDocEvents()
+          callback?.()
+        }
+      )
+    }
+  }
+
+  private decodeRanges(ranges: RangesTracker) {
+    try {
+      if (ranges.changes) {
+        for (const change of ranges.changes) {
+          if (isInsertOperation(change.op)) {
+            change.op.i = decodeUtf8(change.op.i)
+          }
+          if (isDeleteOperation(change.op)) {
+            change.op.d = decodeUtf8(change.op.d)
+          }
+        }
+      }
+      return (() => {
+        if (!ranges.comments) {
+          return []
+        }
+        return ranges.comments.map((comment: Change<CommentOperation>) =>
+          comment.op.c != null
+            ? (comment.op.c = decodeUtf8(comment.op.c))
+            : undefined
+        )
+      })()
+    } catch (err) {
+      debugConsole.error(err)
+    }
+  }
+
+  private leaveDoc(callback?: LeaveCallback) {
+    debugConsole.log('[leaveDoc] Sending leaveDoc request')
+    this.socket.emit('leaveDoc', this.doc_id, error => {
+      if (error) {
+        callback?.(error)
+        return
+      }
+      this.joined = false
+      for (const leaveCallback of this.leaveCallbacks) {
+        debugConsole.log('[_leaveDoc] Calling buffered callback', leaveCallback)
+        leaveCallback(error)
+      }
+      this.leaveCallbacks = []
+      callback?.()
+    })
+  }
+
+  cleanUp() {
+    // if we arrive here from _onError the pending and inflight ops will have been cleared
+    if (this.hasBufferedOps()) {
+      debugConsole.log(
+        `[cleanUp] Document (${this.doc_id}) has buffered ops, refusing to remove from openDocs`
+      )
+      return // return immediately, do not unbind from events
+    }
+
+    this.detachDoc(this.doc_id, this)
+
+    this.unBindFromEditorEvents()
+    this.unBindFromSocketEvents()
+  }
+
+  private bindToShareJsDocEvents() {
+    if (!this.doc) {
+      return
+    }
+
+    this.doc.on('error', (error: Error, meta: ErrorMetadata) =>
+      this.onError(error, meta)
+    )
+    this.doc.on('externalUpdate', (update: Update) => {
+      return this.trigger('externalUpdate', update)
+    })
+    this.doc.on('remoteop', (...ops: AnyOperation[]) => {
+      return this.trigger('remoteop', ...ops)
+    })
+    this.doc.on('op:sent', (op: AnyOperation) => {
+      return this.trigger('op:sent')
+    })
+    this.doc.on('op:acknowledged', (op: AnyOperation) => {
+      this.ideEventEmitter.emit('ide:opAcknowledged', {
+        doc_id: this.doc_id,
+        op,
+      })
+      return this.trigger('op:acknowledged')
+    })
+    this.doc.on('op:timeout', (op: AnyOperation) => {
+      this.trigger('op:timeout')
+      return this.onError(new Error('op timed out'))
+    })
+
+    let docChangedTimeout: number | null = null
+    this.doc.on(
+      'change',
+      (ops: AnyOperation[], oldSnapshot: any, msg: Message) => {
+        this.applyOpsToRanges(ops, msg)
+        if (docChangedTimeout) {
+          window.clearTimeout(docChangedTimeout)
+        }
+        docChangedTimeout = window.setTimeout(() => {
+          if (ops.some(isEditOperation)) {
+            window.dispatchEvent(
+              new CustomEvent('doc:changed', { detail: { id: this.doc_id } })
+            )
+            this.ideEventEmitter.emit('doc:changed', {
+              doc_id: this.doc_id,
+            })
+          }
+        }, 50)
+      }
+    )
+
+    this.doc.on('flipped_pending_to_inflight', () => {
+      return this.trigger('flipped_pending_to_inflight')
+    })
+
+    let docSavedTimeout: number | null
+    this.doc.on('saved', () => {
+      if (docSavedTimeout) {
+        window.clearTimeout(docSavedTimeout)
+      }
+      docSavedTimeout = window.setTimeout(() => {
+        window.dispatchEvent(
+          new CustomEvent('doc:saved', { detail: { id: this.doc_id } })
+        )
+        this.ideEventEmitter.emit('doc:saved', { doc_id: this.doc_id })
+      }, 50)
+    })
+  }
+
+  private onError(
+    error: Error,
+    meta: ErrorMetadata = {},
+    editorContent?: string
+  ) {
+    meta.doc_id = this.doc_id
+    debugConsole.log('ShareJS error', error, meta)
+    if (error.message === 'no project_id found on client') {
+      debugConsole.log('ignoring error, will wait to join project')
+      return
+    }
+    if (this.doc) {
+      this.doc.clearInflightAndPendingOps()
+    }
+    this.trigger('error', error, meta, editorContent)
+    // The clean-up should run after the error is triggered because the error triggers a
+    // disconnect. If we run the clean-up first, we remove our event handlers and miss
+    // the disconnect event, which means we try to leaveDoc when the connection comes back.
+    // This could interfere with the new connection of a new instance of this document.
+    this.cleanUp()
+  }
+
+  private applyOpsToRanges(ops: AnyOperation[], msg?: Message) {
+    let old_id_seed
+    let track_changes_as = null
+    const remote_op = msg != null
+    if (remote_op && msg?.meta.tc) {
+      old_id_seed = this.ranges!.getIdSeed()
+      this.ranges!.setIdSeed(msg.meta.tc)
+      track_changes_as = msg.meta.user_id
+    } else if (!remote_op && this.track_changes_as != null) {
+      track_changes_as = this.track_changes_as
+    }
+    this.ranges!.track_changes = track_changes_as != null
+    for (const op of this.filterOps(ops)) {
+      this.ranges!.applyOp(op, { user_id: track_changes_as })
+    }
+    if (old_id_seed != null) {
+      this.ranges!.setIdSeed(old_id_seed)
+    }
+    if (remote_op) {
+      // With remote ops, the editor hasn't been updated when we receive this
+      // op, so defer updating track changes until it has
+      return window.setTimeout(() => this.emit('ranges:dirty'))
+    } else {
+      return this.emit('ranges:dirty')
+    }
+  }
+
+  private catchUpRanges(
+    changes: Change<EditOperation>[],
+    comments: Change<CommentOperation>[]
+  ) {
+    // We've just been given the current server's ranges, but need to apply any local ops we have.
+    // Reset to the server state then apply our local ops again.
+    if (changes == null) {
+      changes = []
+    }
+    if (comments == null) {
+      comments = []
+    }
+    this.emit('ranges:clear')
+    this.ranges!.changes = changes
+    this.ranges!.comments = comments
+    this.ranges!.track_changes = this.doc?.track_changes ?? false
+    for (const op of this.filterOps(this.doc?.getInflightOp() || [])) {
+      this.ranges!.setIdSeed(this.doc?.track_changes_id_seeds?.inflight)
+      this.ranges!.applyOp(op, { user_id: this.track_changes_as })
+    }
+    for (const op of this.filterOps(this.doc?.getPendingOp() || [])) {
+      this.ranges!.setIdSeed(this.doc?.track_changes_id_seeds?.pending)
+      this.ranges!.applyOp(op, { user_id: this.track_changes_as })
+    }
+    return this.emit('ranges:redraw')
+  }
+
+  private filterOps(ops: AnyOperation[]) {
+    // Read-only token users can't see/edit comment, so we filter out comment
+    // ops to avoid highlighting comment ranges.
+    if (getMeta('ol-isRestrictedTokenMember')) {
+      return ops.filter(op => !isCommentOperation(op))
+    } else {
+      return ops
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/ide-react/editor/event-log.ts b/services/web/frontend/js/features/ide-react/editor/event-log.ts
new file mode 100644
index 0000000..bd65de6
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/editor/event-log.ts
@@ -0,0 +1,16 @@
+import { debugConsole } from '@/utils/debugging'
+
+type EditorEvent = { type: string; meta: unknown; date: Date }
+
+// Record events and then do nothing with them.
+export class EventLog {
+  private recentEvents: EditorEvent[] = []
+
+  pushEvent = (type: string, meta: unknown = {}) => {
+    debugConsole.log('event', type, meta)
+    this.recentEvents.push({ type, meta, date: new Date() })
+    if (this.recentEvents.length > 100) {
+      return this.recentEvents.shift()
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/ide-react/editor/open-documents.ts b/services/web/frontend/js/features/ide-react/editor/open-documents.ts
new file mode 100644
index 0000000..66250ea
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/editor/open-documents.ts
@@ -0,0 +1,126 @@
+// Migrated from static methods of Document in Document.js
+
+import { DocumentContainer } from '@/features/ide-react/editor/document-container'
+import { debugConsole } from '@/utils/debugging'
+import { Socket } from '@/features/ide-react/connection/types/socket'
+import { IdeEventEmitter } from '@/features/ide-react/create-ide-event-emitter'
+import EditorWatchdogManager from '@/features/ide-react/connection/editor-watchdog-manager'
+
+export class OpenDocuments {
+  private openDocs = new Map<string, DocumentContainer>()
+
+  // eslint-disable-next-line no-useless-constructor
+  constructor(
+    private readonly socket: Socket,
+    private readonly globalEditorWatchdogManager: EditorWatchdogManager,
+    private readonly events: IdeEventEmitter
+  ) {}
+
+  getDocument(docId: string) {
+    // Try to clean up existing docs before reopening them. If the doc has no
+    // buffered ops then it will be deleted by _cleanup() and a new instance
+    // of the document created below. This prevents us trying to follow the
+    // joinDoc:existing code path on an existing doc that doesn't have any
+    // local changes and getting an error if its version is too old.
+    if (this.openDocs.has(docId)) {
+      debugConsole.log(
+        `[getDocument] Cleaning up existing document instance for ${docId}`
+      )
+      this.openDocs.get(docId)?.cleanUp()
+    }
+    if (!this.openDocs.has(docId)) {
+      debugConsole.log(
+        `[getDocument] Creating new document instance for ${docId}`
+      )
+      this.createDoc(docId)
+    } else {
+      debugConsole.log(
+        `[getDocument] Returning existing document instance for ${docId}`
+      )
+    }
+    return this.openDocs.get(docId)
+  }
+
+  private createDoc(docId: string) {
+    const doc = new DocumentContainer(
+      docId,
+      this.socket,
+      this.globalEditorWatchdogManager,
+      this.events,
+      this.detachDoc.bind(this)
+    )
+    this.openDocs.set(docId, doc)
+  }
+
+  detachDoc(docId: string, doc: DocumentContainer) {
+    if (this.openDocs.get(docId) === doc) {
+      debugConsole.log(
+        `[detach] Removing document with ID (${docId}) from openDocs`
+      )
+      this.openDocs.delete(docId)
+    } else {
+      // It's possible that this instance has error, and the doc has been reloaded.
+      // This creates a new instance in Document.openDoc with the same id. We shouldn't
+      // clear it because it's not this instance.
+      debugConsole.log(
+        `[_cleanUp] New instance of (${docId}) created. Not removing`
+      )
+    }
+  }
+
+  hasUnsavedChanges() {
+    for (const doc of this.openDocs.values()) {
+      if (doc.hasBufferedOps()) {
+        return true
+      }
+    }
+    return false
+  }
+
+  flushAll() {
+    for (const doc of this.openDocs.values()) {
+      doc.flush()
+    }
+  }
+
+  unsavedDocs() {
+    const docs = []
+    for (const doc of this.openDocs.values()) {
+      if (!doc.pollSavedStatus()) {
+        docs.push(doc)
+      }
+    }
+    return docs
+  }
+
+  async awaitBufferedOps(signal: AbortSignal) {
+    if (this.hasUnsavedChanges()) {
+      const { promise, resolve } = Promise.withResolvers<void>()
+
+      let resolved = false
+
+      const listener = () => {
+        if (!this.hasUnsavedChanges()) {
+          debugConsole.log('saved')
+          window.removeEventListener('doc:saved', listener)
+          resolved = true
+          resolve()
+        }
+      }
+
+      window.addEventListener('doc:saved', listener)
+
+      signal.addEventListener('abort', () => {
+        if (!resolved) {
+          debugConsole.log('aborted')
+          window.removeEventListener('doc:saved', listener)
+          resolve()
+        }
+      })
+
+      this.flushAll()
+
+      await promise
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/ide-react/editor/share-js-doc.ts b/services/web/frontend/js/features/ide-react/editor/share-js-doc.ts
new file mode 100644
index 0000000..b56d644
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/editor/share-js-doc.ts
@@ -0,0 +1,446 @@
+/* eslint-disable camelcase */
+// Migrated from services/web/frontend/js/ide/editor/ShareJsDoc.js
+
+import EventEmitter from '../../../utils/EventEmitter'
+import { Doc } from '@/vendor/libs/sharejs'
+import { Socket } from '@/features/ide-react/connection/types/socket'
+import { debugConsole } from '@/utils/debugging'
+import { decodeUtf8 } from '@/utils/decode-utf8'
+import { IdeEventEmitter } from '@/features/ide-react/create-ide-event-emitter'
+import EditorWatchdogManager from '@/features/ide-react/connection/editor-watchdog-manager'
+import {
+  Message,
+  ShareJsConnectionState,
+  ShareJsOperation,
+  TrackChangesIdSeeds,
+} from '@/features/ide-react/editor/types/document'
+import { EditorFacade } from '@/features/source-editor/extensions/realtime'
+import { recordDocumentFirstChangeEvent } from '@/features/event-tracking/document-first-change-event'
+import getMeta from '@/utils/meta'
+
+// All times below are in milliseconds
+const SINGLE_USER_FLUSH_DELAY = 2000
+const MULTI_USER_FLUSH_DELAY = 500
+const INFLIGHT_OP_TIMEOUT = 5000 // Retry sending ops after 5 seconds without an ack
+const WAIT_FOR_CONNECTION_TIMEOUT = 500
+const FATAL_OP_TIMEOUT = 45000
+const RECENT_ACK_LIMIT = 2 * SINGLE_USER_FLUSH_DELAY
+
+type Update = Record<string, any>
+
+type Connection = {
+  send: (update: Update) => void
+  state: ShareJsConnectionState
+  id: string
+}
+
+export class ShareJsDoc extends EventEmitter {
+  type: string
+  track_changes = false
+  track_changes_id_seeds: TrackChangesIdSeeds | null = null
+  connection: Connection
+
+  // @ts-ignore
+  _doc: Doc
+  private editorWatchdogManager: EditorWatchdogManager
+  private lastAcked: number | null = null
+  private pendingOpCreatedAt: number | null = null
+  private inflightOpCreatedAt: number | null = null
+  private queuedMessageTimer: number | null = null
+  private queuedMessages: Message[] = []
+  private detachEditorWatchdogManager: (() => void) | null = null
+  private _timeoutTimer: number | null = null
+
+  constructor(
+    readonly doc_id: string,
+    docLines: string[],
+    version: number,
+    readonly socket: Socket,
+    private readonly globalEditorWatchdogManager: EditorWatchdogManager,
+    private readonly eventEmitter: IdeEventEmitter
+  ) {
+    super()
+    this.type = 'text'
+    // Decode any binary bits of data
+    const snapshot = docLines.map(line => decodeUtf8(line)).join('\n')
+
+    this.connection = {
+      send: (update: Update) => {
+        this.startInflightOpTimeout(update)
+        if (this.track_changes && this.track_changes_id_seeds) {
+          if (update.meta == null) {
+            update.meta = {}
+          }
+          update.meta.tc = this.track_changes_id_seeds.inflight
+        }
+        return this.socket.emit(
+          'applyOtUpdate',
+          this.doc_id,
+          update,
+          (error: Error) => {
+            if (error != null) {
+              this.handleError(error)
+            }
+          }
+        )
+      },
+      state: 'ok',
+      id: this.socket.publicId,
+    }
+
+    this._doc = new Doc(this.connection, this.doc_id, {
+      type: this.type,
+    })
+    this._doc.setFlushDelay(SINGLE_USER_FLUSH_DELAY)
+    this._doc.on('change', (...args: any[]) => {
+      const isRemote = args[3]
+      if (!isRemote && !this.pendingOpCreatedAt) {
+        debugConsole.log('set pendingOpCreatedAt', new Date())
+        this.pendingOpCreatedAt = performance.now()
+      }
+      return this.trigger('change', ...args)
+    })
+    this.editorWatchdogManager = new EditorWatchdogManager({
+      parent: globalEditorWatchdogManager,
+    })
+    this._doc.on('acknowledge', () => {
+      this.lastAcked = performance.now() // note time of last ack from server for an op we sent
+      this.inflightOpCreatedAt = null
+      debugConsole.log('unset inflightOpCreatedAt')
+      this.editorWatchdogManager.onAck() // keep track of last ack globally
+      return this.trigger('acknowledge')
+    })
+    this._doc.on('remoteop', (...args: any[]) => {
+      // As soon as we're working with a collaborator, start sending
+      // ops more frequently for low latency.
+      this._doc.setFlushDelay(MULTI_USER_FLUSH_DELAY)
+      return this.trigger('remoteop', ...args)
+    })
+    this._doc.on('flipped_pending_to_inflight', () => {
+      this.inflightOpCreatedAt = this.pendingOpCreatedAt
+      debugConsole.log('set inflightOpCreatedAt from pendingOpCreatedAt')
+      this.pendingOpCreatedAt = null
+      debugConsole.log('unset pendingOpCreatedAt')
+      return this.trigger('flipped_pending_to_inflight')
+    })
+    this._doc.on('saved', () => {
+      return this.trigger('saved')
+    })
+    this._doc.on('error', (e: Error) => {
+      return this.handleError(e)
+    })
+
+    this.bindToDocChanges(this._doc)
+
+    this.processUpdateFromServer({
+      open: true,
+      v: version,
+      snapshot,
+    })
+    this.removeCarriageReturnCharFromShareJsDoc()
+  }
+
+  private removeCarriageReturnCharFromShareJsDoc() {
+    const doc = this._doc
+    if (doc.snapshot.indexOf('\r') === -1) {
+      return
+    }
+    let nextPos
+    while ((nextPos = doc.snapshot.indexOf('\r')) !== -1) {
+      debugConsole.log('[ShareJsDoc] remove-carriage-return-char', nextPos)
+      doc.del(nextPos, 1)
+    }
+  }
+
+  submitOp(op: ShareJsOperation) {
+    this._doc.submitOp(op)
+  }
+
+  // The following code puts out of order messages into a queue
+  // so that they can be processed in order.  This is a workaround
+  // for messages being delayed by redis cluster.
+  // FIXME: REMOVE THIS WHEN REDIS PUBSUB IS SENDING MESSAGES IN ORDER
+  private isAheadOfExpectedVersion(message: Message) {
+    return this._doc.version > 0 && message.v > this._doc.version
+  }
+
+  private pushOntoQueue(message: Message) {
+    debugConsole.log(`[processUpdate] push onto queue ${message.v}`)
+    // set a timer so that we never leave messages in the queue indefinitely
+    if (!this.queuedMessageTimer) {
+      this.queuedMessageTimer = window.setTimeout(() => {
+        debugConsole.log(`[processUpdate] queue timeout fired for ${message.v}`)
+        // force the message to be processed after the timeout,
+        // it will cause an error if the missing update has not arrived
+        this.processUpdateFromServer(message)
+      }, INFLIGHT_OP_TIMEOUT)
+    }
+    this.queuedMessages.push(message)
+    // keep the queue in order, lowest version first
+    this.queuedMessages.sort(function (a, b) {
+      return a.v - b.v
+    })
+  }
+
+  private clearQueue() {
+    this.queuedMessages = []
+  }
+
+  private processQueue() {
+    if (this.queuedMessages.length > 0) {
+      const nextAvailableVersion = this.queuedMessages[0].v
+      if (nextAvailableVersion > this._doc.version) {
+        // there are updates we still can't apply yet
+      } else {
+        // there's a version we can accept on the queue, apply it
+        debugConsole.log(
+          `[processUpdate] taken from queue ${nextAvailableVersion}`
+        )
+        const message = this.queuedMessages.shift()
+        if (message) {
+          this.processUpdateFromServerInOrder(message)
+        }
+        // clear the pending timer if the queue has now been cleared
+        if (this.queuedMessages.length === 0 && this.queuedMessageTimer) {
+          debugConsole.log('[processUpdate] queue is empty, cleared timeout')
+          window.clearTimeout(this.queuedMessageTimer)
+          this.queuedMessageTimer = null
+        }
+      }
+    }
+  }
+
+  // FIXME: This is the new method which reorders incoming updates if needed
+  // called from document.ts
+  processUpdateFromServerInOrder(message: Message) {
+    // Is this update ahead of the next expected update?
+    // If so, put it on a queue to be handled later.
+    if (this.isAheadOfExpectedVersion(message)) {
+      this.pushOntoQueue(message)
+      return // defer processing this update for now
+    }
+    const error = this.processUpdateFromServer(message)
+    if (
+      error instanceof Error &&
+      error.message === 'Invalid version from server'
+    ) {
+      // if there was an error, abandon the queued updates ahead of this one
+      this.clearQueue()
+      return
+    }
+    // Do we have any messages queued up?
+    // find the next message if available
+    this.processQueue()
+  }
+
+  // FIXME: This is the original method. Switch back to this when redis
+  // issues are resolved.
+  processUpdateFromServer(message: Message) {
+    try {
+      this._doc._onMessage(message)
+    } catch (error) {
+      // Version mismatches are thrown as errors
+      debugConsole.log(error)
+      this.handleError(error)
+      return error // return the error for queue handling
+    }
+
+    if (message.meta?.type === 'external') {
+      return this.trigger('externalUpdate', message)
+    }
+  }
+
+  catchUp(updates: Message[]) {
+    return updates.map(update => {
+      update.v = this._doc.version
+      update.doc = this.doc_id
+      return this.processUpdateFromServer(update)
+    })
+  }
+
+  getSnapshot() {
+    return this._doc.snapshot as string | undefined
+  }
+
+  getVersion() {
+    return this._doc.version
+  }
+
+  getTimeSinceLastServerActivity() {
+    return Math.floor(performance.now() - this._doc.lastServerActivity)
+  }
+
+  getType() {
+    return this.type
+  }
+
+  clearInflightAndPendingOps() {
+    this.clearFatalTimeoutTimer()
+    this._doc.inflightOp = null
+    this._doc.inflightCallbacks = []
+    this._doc.pendingOp = null
+    return (this._doc.pendingCallbacks = [])
+  }
+
+  flushPendingOps() {
+    // This will flush any ops that are pending.
+    // If there is an inflight op it will do nothing.
+    return this._doc.flush()
+  }
+
+  updateConnectionState(state: ShareJsConnectionState) {
+    debugConsole.log(`[updateConnectionState] Setting state to ${state}`)
+    this.connection.state = state
+    this.connection.id = this.socket.publicId
+    this._doc.autoOpen = false
+    this._doc._connectionStateChanged(state)
+    this.lastAcked = null // reset the last ack time when connection changes
+  }
+
+  hasBufferedOps() {
+    return this._doc.inflightOp != null || this._doc.pendingOp != null
+  }
+
+  getInflightOp() {
+    return this._doc.inflightOp
+  }
+
+  getPendingOp() {
+    return this._doc.pendingOp
+  }
+
+  getRecentAck() {
+    // check if we have received an ack recently (within a factor of two of the single user flush delay)
+    return (
+      this.lastAcked !== null &&
+      performance.now() - this.lastAcked < RECENT_ACK_LIMIT
+    )
+  }
+
+  getInflightOpCreatedAt() {
+    return this.inflightOpCreatedAt
+  }
+
+  getPendingOpCreatedAt() {
+    return this.pendingOpCreatedAt
+  }
+
+  private attachEditorWatchdogManager(editor: EditorFacade) {
+    // end-to-end check for edits -> acks, for this very ShareJsdoc
+    // This will catch a broken connection and missing UX-blocker for the
+    //  user, allowing them to keep editing.
+    this.detachEditorWatchdogManager =
+      this.editorWatchdogManager.attachToEditor(editor)
+  }
+
+  private attachToEditor(editor: EditorFacade, attachToShareJs: () => void) {
+    this.attachEditorWatchdogManager(editor)
+
+    attachToShareJs()
+  }
+
+  private maybeDetachEditorWatchdogManager() {
+    // a failed attach attempt may lead to a missing cleanup handler
+    if (this.detachEditorWatchdogManager) {
+      this.detachEditorWatchdogManager()
+      this.detachEditorWatchdogManager = null
+    }
+  }
+
+  attachToCM6(cm6: EditorFacade) {
+    this.attachToEditor(cm6, () => {
+      cm6.attachShareJs(this._doc, getMeta('ol-maxDocLength'))
+    })
+  }
+
+  detachFromCM6() {
+    this.maybeDetachEditorWatchdogManager()
+    if (this._doc.detach_cm6) {
+      this._doc.detach_cm6()
+    }
+  }
+
+  private startInflightOpTimeout(update: Update) {
+    this.startFatalTimeoutTimer(update)
+    const retryOp = () => {
+      // Only send the update again if inflightOp is still populated
+      // This can be cleared when hard reloading the document in which
+      // case we don't want to keep trying to send it.
+      debugConsole.log('[inflightOpTimeout] Trying op again')
+      if (this._doc.inflightOp != null) {
+        // When there is a socket.io disconnect, @_doc.inflightSubmittedIds
+        // is updated with the socket.io client id of the current op in flight
+        // (meta.source of the op).
+        // @connection.id is the client id of the current socket.io session.
+        // So we need both depending on whether the op was submitted before
+        // one or more disconnects, or if it was submitted during the current session.
+        update.dupIfSource = [
+          this.connection.id,
+          ...Array.from(this._doc.inflightSubmittedIds),
+        ]
+
+        // We must be joined to a project for applyOtUpdate to work on the real-time
+        // service, so don't send an op if we're not. Connection state is set to 'ok'
+        // when we've joined the project
+        if (this.connection.state !== 'ok') {
+          debugConsole.log(
+            '[inflightOpTimeout] Not connected, retrying in 0.5s'
+          )
+          window.setTimeout(retryOp, WAIT_FOR_CONNECTION_TIMEOUT)
+        } else {
+          debugConsole.log('[inflightOpTimeout] Sending')
+          return this.connection.send(update)
+        }
+      }
+    }
+
+    const timer = window.setTimeout(retryOp, INFLIGHT_OP_TIMEOUT)
+    return this._doc.inflightCallbacks.push(() => {
+      this.clearFatalTimeoutTimer()
+      window.clearTimeout(timer)
+    }) // 30 seconds
+  }
+
+  private startFatalTimeoutTimer(update: Update) {
+    // If an op doesn't get acked within FATAL_OP_TIMEOUT, something has
+    // gone unrecoverably wrong (the op will have been retried multiple times)
+    if (this._timeoutTimer != null) {
+      return
+    }
+    return (this._timeoutTimer = window.setTimeout(() => {
+      this.clearFatalTimeoutTimer()
+      return this.trigger('op:timeout', update)
+    }, FATAL_OP_TIMEOUT))
+  }
+
+  private clearFatalTimeoutTimer() {
+    if (this._timeoutTimer == null) {
+      return
+    }
+    clearTimeout(this._timeoutTimer)
+    return (this._timeoutTimer = null)
+  }
+
+  private handleError(error: unknown, meta = {}) {
+    return this.trigger('error', error, meta)
+  }
+
+  // @ts-ignore
+  private bindToDocChanges(doc: Doc) {
+    const { submitOp } = doc
+    doc.submitOp = (op: ShareJsOperation, callback?: () => void) => {
+      recordDocumentFirstChangeEvent()
+      this.trigger('op:sent', op)
+      doc.pendingCallbacks.push(() => {
+        return this.trigger('op:acknowledged', op)
+      })
+      return submitOp.call(doc, op, callback)
+    }
+
+    const { flush } = doc
+    doc.flush = () => {
+      this.trigger('flush', doc.inflightOp, doc.pendingOp, doc.version)
+      return flush.call(doc)
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/ide-react/editor/types/document.ts b/services/web/frontend/js/features/ide-react/editor/types/document.ts
new file mode 100644
index 0000000..44d36c0
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/editor/types/document.ts
@@ -0,0 +1,20 @@
+import { AnyOperation } from '../../../../../../types/change'
+
+export type Version = number
+
+export type ShareJsConnectionState = 'ok' | 'disconnected' | 'stopped'
+
+export type ShareJsOperation = AnyOperation[]
+
+export type TrackChangesIdSeeds = { inflight: string; pending: string }
+
+// TODO: check the properties of this type
+export type Message = {
+  v: Version
+  open?: boolean
+  meta?: {
+    type?: string
+  }
+  doc?: string
+  snapshot?: string
+}
diff --git a/services/web/frontend/js/features/ide-react/editor/types/editor-type.ts b/services/web/frontend/js/features/ide-react/editor/types/editor-type.ts
new file mode 100644
index 0000000..dc7dfdf
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/editor/types/editor-type.ts
@@ -0,0 +1 @@
+export type EditorType = 'cm6' | 'cm6-rich-text'
diff --git a/services/web/frontend/js/features/ide-react/hooks/use-chat-pane.ts b/services/web/frontend/js/features/ide-react/hooks/use-chat-pane.ts
new file mode 100644
index 0000000..0c6d816
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/hooks/use-chat-pane.ts
@@ -0,0 +1,34 @@
+import { useLayoutContext } from '@/shared/context/layout-context'
+import useCollapsiblePanel from '@/features/ide-react/hooks/use-collapsible-panel'
+import { useCallback, useRef, useState } from 'react'
+import { ImperativePanelHandle } from 'react-resizable-panels'
+
+export const useChatPane = () => {
+  const { chatIsOpen: isOpen, setChatIsOpen: setIsOpen } = useLayoutContext()
+  const [resizing, setResizing] = useState(false)
+  const panelRef = useRef<ImperativePanelHandle>(null)
+
+  useCollapsiblePanel(isOpen, panelRef)
+
+  const togglePane = useCallback(() => {
+    setIsOpen(value => !value)
+  }, [setIsOpen])
+
+  const handlePaneExpand = useCallback(() => {
+    setIsOpen(true)
+  }, [setIsOpen])
+
+  const handlePaneCollapse = useCallback(() => {
+    setIsOpen(false)
+  }, [setIsOpen])
+
+  return {
+    isOpen,
+    panelRef,
+    resizing,
+    setResizing,
+    togglePane,
+    handlePaneExpand,
+    handlePaneCollapse,
+  }
+}
diff --git a/services/web/frontend/js/features/ide-react/hooks/use-collapsible-panel.ts b/services/web/frontend/js/features/ide-react/hooks/use-collapsible-panel.ts
new file mode 100644
index 0000000..bc87a3e
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/hooks/use-collapsible-panel.ts
@@ -0,0 +1,20 @@
+import { RefObject, useEffect } from 'react'
+import { ImperativePanelHandle } from 'react-resizable-panels'
+
+export default function useCollapsiblePanel(
+  panelIsOpen: boolean,
+  panelRef: RefObject<ImperativePanelHandle>
+) {
+  // collapse the panel when it is toggled closed (including on initial layout)
+  useEffect(() => {
+    const panelHandle = panelRef.current
+
+    if (panelHandle) {
+      if (panelIsOpen) {
+        panelHandle.expand()
+      } else {
+        panelHandle.collapse()
+      }
+    }
+  }, [panelIsOpen, panelRef])
+}
diff --git a/services/web/frontend/js/features/ide-react/hooks/use-command-provider.ts b/services/web/frontend/js/features/ide-react/hooks/use-command-provider.ts
new file mode 100644
index 0000000..088304b
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/hooks/use-command-provider.ts
@@ -0,0 +1,21 @@
+import { DependencyList, useEffect } from 'react'
+import {
+  Command,
+  useCommandRegistry,
+} from '../context/command-registry-context'
+
+export const useCommandProvider = (
+  generateElements: () => Command[] | undefined,
+  dependencies: DependencyList
+) => {
+  const { register, unregister } = useCommandRegistry()
+  useEffect(() => {
+    const elements = generateElements()
+    if (!elements) return
+    register(...elements)
+    return () => {
+      unregister(...elements.map(element => element.id))
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, dependencies)
+}
diff --git a/services/web/frontend/js/features/ide-react/hooks/use-debug-diff-tracker.ts b/services/web/frontend/js/features/ide-react/hooks/use-debug-diff-tracker.ts
new file mode 100644
index 0000000..af5938e
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/hooks/use-debug-diff-tracker.ts
@@ -0,0 +1,79 @@
+import { useEffect, useMemo, useRef } from 'react'
+import { DocumentContainer } from '../editor/document-container'
+import { DocId } from '../../../../../types/project-settings'
+import { debugConsole } from '@/utils/debugging'
+import { diffChars } from 'diff'
+
+const DIFF_TIMEOUT_MS = 5000
+
+async function tryGetDiffSize(
+  currentContents: string | null | undefined,
+  projectId: string | null,
+  docId: DocId | null | undefined
+): Promise<number | null> {
+  debugConsole.debug('tryGetDiffSize')
+  // If we don't know the current content or id, there's not much we can do
+  if (!projectId) {
+    debugConsole.debug('tryGetDiffSize: missing projectId')
+    return null
+  }
+  if (!currentContents) {
+    debugConsole.debug('tryGetDiffSize: missing currentContents')
+    return null
+  }
+  if (!docId) {
+    debugConsole.debug('tryGetDiffSize: missing docId')
+    return null
+  }
+  try {
+    const response = await fetch(
+      `/Project/${projectId}/doc/${docId}/download`,
+      { signal: AbortSignal.timeout(DIFF_TIMEOUT_MS) }
+    )
+    const serverContent = await response.text()
+
+    const differences = diffChars(serverContent, currentContents)
+    let diffSize = 0
+    for (const diff of differences) {
+      if (diff.added || diff.removed) {
+        diffSize += diff.value.length
+      }
+    }
+    return diffSize
+  } catch {
+    // There's a good chance we're offline, so just return null
+    debugConsole.debug('tryGetDiffSize: fetch failed')
+    return null
+  }
+}
+
+export const useDebugDiffTracker = (
+  projectId: string,
+  currentDocument: DocumentContainer | null
+) => {
+  const debugCurrentDocument = useRef<DocumentContainer | null>(null)
+  const debugProjectId = useRef<string | null>(null)
+  const debugTimers = useRef<Record<string, number>>({})
+
+  useEffect(() => {
+    debugCurrentDocument.current = currentDocument
+  }, [currentDocument])
+  useEffect(() => {
+    debugProjectId.current = projectId
+  }, [projectId])
+
+  const createDebugDiff = useMemo(
+    () => async () =>
+      await tryGetDiffSize(
+        debugCurrentDocument.current?.getSnapshot(),
+        debugProjectId.current,
+        debugCurrentDocument.current?.doc_id as DocId | undefined
+      ),
+    []
+  )
+
+  return {
+    createDebugDiff,
+    debugTimers,
+  }
+}
diff --git a/services/web/frontend/js/features/ide-react/hooks/use-editing-session-heartbeat.ts b/services/web/frontend/js/features/ide-react/hooks/use-editing-session-heartbeat.ts
new file mode 100644
index 0000000..d264766
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/hooks/use-editing-session-heartbeat.ts
@@ -0,0 +1,80 @@
+import { useIdeReactContext } from '@/features/ide-react/context/ide-react-context'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+import { EditorType } from '@/features/ide-react/editor/types/editor-type'
+import { putJSON } from '@/infrastructure/fetch-json'
+import { debugConsole } from '@/utils/debugging'
+import { useCallback, useEffect, useRef } from 'react'
+import useEventListener from '@/shared/hooks/use-event-listener'
+import useDomEventListener from '@/shared/hooks/use-dom-event-listener'
+
+function createEditingSessionHeartbeatData(editorType: EditorType) {
+  return {
+    editorType,
+  }
+}
+
+function sendEditingSessionHeartbeat(
+  projectId: string,
+  segmentation: Record<string, unknown>
+) {
+  putJSON(`/editingSession/${projectId}`, {
+    body: { segmentation },
+  }).catch(debugConsole.error)
+}
+
+export function useEditingSessionHeartbeat() {
+  const { projectId } = useIdeReactContext()
+  const { getEditorType } = useEditorManagerContext()
+
+  // Keep track of how many heartbeats we've sent so that we can calculate how
+  // long to wait until the next one
+  const heartBeatsSentRef = useRef(0)
+
+  const heartBeatSentRecentlyRef = useRef(false)
+
+  const heartBeatResetTimerRef = useRef<number>()
+
+  useEffect(() => {
+    return () => {
+      window.clearTimeout(heartBeatResetTimerRef.current)
+    }
+  }, [])
+
+  const editingSessionHeartbeat = useCallback(() => {
+    debugConsole.log('[Event] heartbeat trigger')
+
+    const editorType = getEditorType()
+    if (editorType === null) return
+
+    // Heartbeat already sent recently
+    if (heartBeatSentRecentlyRef.current) return
+
+    heartBeatSentRecentlyRef.current = true
+
+    const segmentation = createEditingSessionHeartbeatData(editorType)
+
+    debugConsole.log('[Event] send heartbeat request', segmentation)
+    sendEditingSessionHeartbeat(projectId, segmentation)
+
+    const heartbeatsSent = heartBeatsSentRef.current
+    heartBeatsSentRef.current++
+
+    // Send two first heartbeats at 0 and 30s then increase the backoff time
+    // 1min per call until we reach 5 min
+    const backoffSecs =
+      heartbeatsSent <= 2
+        ? 30
+        : heartbeatsSent <= 6
+          ? (heartbeatsSent - 2) * 60
+          : 300
+
+    heartBeatResetTimerRef.current = window.setTimeout(() => {
+      heartBeatSentRecentlyRef.current = false
+    }, backoffSecs * 1000)
+  }, [getEditorType, projectId])
+
+  // Hook the heartbeat up to editor events
+  useEventListener('cursor:editor:update', editingSessionHeartbeat)
+  useEventListener('scroll:editor:update', editingSessionHeartbeat)
+  useDomEventListener(document, 'click', editingSessionHeartbeat)
+}
diff --git a/services/web/frontend/js/features/ide-react/hooks/use-has-linting-error.ts b/services/web/frontend/js/features/ide-react/hooks/use-has-linting-error.ts
new file mode 100644
index 0000000..0958ddf
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/hooks/use-has-linting-error.ts
@@ -0,0 +1,19 @@
+import useEventListener from '@/shared/hooks/use-event-listener'
+import { useLocalCompileContext } from '@/shared/context/local-compile-context'
+import { useCallback } from 'react'
+
+export function useHasLintingError() {
+  const { setHasLintingError } = useLocalCompileContext()
+
+  // Listen for editor:lint event from CM6 linter and keep compile context
+  // up to date
+  useEventListener(
+    'editor:lint',
+    useCallback(
+      (event: CustomEvent) => {
+        setHasLintingError(event.detail.hasLintingError)
+      },
+      [setHasLintingError]
+    )
+  )
+}
diff --git a/services/web/frontend/js/features/ide-react/hooks/use-layout-event-tracking.ts b/services/web/frontend/js/features/ide-react/hooks/use-layout-event-tracking.ts
new file mode 100644
index 0000000..6dec0c2
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/hooks/use-layout-event-tracking.ts
@@ -0,0 +1,25 @@
+import { useLayoutContext } from '@/shared/context/layout-context'
+import { useEffect } from 'react'
+import { sendMBOnce } from '@/infrastructure/event-tracking'
+
+export function useLayoutEventTracking() {
+  const { view, leftMenuShown, chatIsOpen } = useLayoutContext()
+
+  useEffect(() => {
+    if (view && view !== 'editor' && view !== 'pdf') {
+      sendMBOnce(`ide-open-view-${view}-once`)
+    }
+  }, [view])
+
+  useEffect(() => {
+    if (leftMenuShown) {
+      sendMBOnce(`ide-open-left-menu-once`)
+    }
+  }, [leftMenuShown])
+
+  useEffect(() => {
+    if (chatIsOpen) {
+      sendMBOnce(`ide-open-chat-once`)
+    }
+  }, [chatIsOpen])
+}
diff --git a/services/web/frontend/js/features/ide-react/hooks/use-outline-pane.ts b/services/web/frontend/js/features/ide-react/hooks/use-outline-pane.ts
new file mode 100644
index 0000000..f17c944
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/hooks/use-outline-pane.ts
@@ -0,0 +1,14 @@
+import { useOutlineContext } from '@/features/ide-react/context/outline-context'
+import useCollapsiblePanel from '@/features/ide-react/hooks/use-collapsible-panel'
+import { useRef } from 'react'
+import { ImperativePanelHandle } from 'react-resizable-panels'
+
+export const useOutlinePane = () => {
+  const { canShowOutline, outlineExpanded } = useOutlineContext()
+  const outlinePanelRef = useRef<ImperativePanelHandle>(null)
+  const outlineEnabled = canShowOutline && outlineExpanded
+
+  useCollapsiblePanel(outlineEnabled, outlinePanelRef)
+
+  return { outlineEnabled, outlinePanelRef }
+}
diff --git a/services/web/frontend/js/features/ide-react/hooks/use-pdf-pane.ts b/services/web/frontend/js/features/ide-react/hooks/use-pdf-pane.ts
new file mode 100644
index 0000000..0a232ed
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/hooks/use-pdf-pane.ts
@@ -0,0 +1,62 @@
+import { useCallback, useRef } from 'react'
+import { ImperativePanelHandle } from 'react-resizable-panels'
+import useCollapsiblePanel from '@/features/ide-react/hooks/use-collapsible-panel'
+import { useLayoutContext } from '@/shared/context/layout-context'
+
+export const usePdfPane = () => {
+  const { view, pdfLayout, changeLayout, detachRole, reattach } =
+    useLayoutContext()
+
+  const pdfPanelRef = useRef<ImperativePanelHandle>(null)
+  const pdfIsOpen = pdfLayout === 'sideBySide' || view === 'pdf'
+
+  useCollapsiblePanel(pdfIsOpen, pdfPanelRef)
+
+  // triggered by a double-click on the resizer
+  const togglePdfPane = useCallback(() => {
+    if (pdfIsOpen) {
+      changeLayout('flat', 'editor')
+    } else {
+      changeLayout('sideBySide')
+    }
+  }, [changeLayout, pdfIsOpen])
+
+  // triggered by a click on the toggle button
+  const setPdfIsOpen = useCallback(
+    (value: boolean) => {
+      if (value) {
+        // opening the PDF view, so close a detached PDF
+        if (detachRole === 'detacher') {
+          reattach()
+        }
+        changeLayout('sideBySide')
+      } else {
+        changeLayout('flat', 'editor')
+      }
+    },
+    [changeLayout, detachRole, reattach]
+  )
+
+  // triggered when the PDF pane becomes open
+  const handlePdfPaneExpand = useCallback(() => {
+    if (pdfLayout === 'flat' && view === 'editor') {
+      changeLayout('sideBySide', 'editor')
+    }
+  }, [changeLayout, pdfLayout, view])
+
+  // triggered when the PDF pane becomes closed (either by dragging or toggling)
+  const handlePdfPaneCollapse = useCallback(() => {
+    if (pdfLayout === 'sideBySide') {
+      changeLayout('flat', 'editor')
+    }
+  }, [changeLayout, pdfLayout])
+
+  return {
+    togglePdfPane,
+    handlePdfPaneExpand,
+    handlePdfPaneCollapse,
+    setPdfIsOpen,
+    pdfIsOpen,
+    pdfPanelRef,
+  }
+}
diff --git a/services/web/frontend/js/features/ide-react/hooks/use-register-user-activity.ts b/services/web/frontend/js/features/ide-react/hooks/use-register-user-activity.ts
new file mode 100644
index 0000000..4014cc2
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/hooks/use-register-user-activity.ts
@@ -0,0 +1,10 @@
+import { useConnectionContext } from '@/features/ide-react/context/connection-context'
+import useEventListener from '@/shared/hooks/use-event-listener'
+import useDomEventListener from '@/shared/hooks/use-dom-event-listener'
+
+export function useRegisterUserActivity() {
+  const { registerUserActivity } = useConnectionContext()
+
+  useEventListener('cursor:editor:update', registerUserActivity)
+  useDomEventListener(document.body, 'click', registerUserActivity)
+}
diff --git a/services/web/frontend/js/features/ide-react/hooks/use-sidebar-pane.ts b/services/web/frontend/js/features/ide-react/hooks/use-sidebar-pane.ts
new file mode 100644
index 0000000..928b8fb
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/hooks/use-sidebar-pane.ts
@@ -0,0 +1,33 @@
+import { useCallback, useRef, useState } from 'react'
+import useCollapsiblePanel from '@/features/ide-react/hooks/use-collapsible-panel'
+import { ImperativePanelHandle } from 'react-resizable-panels'
+
+export const useSidebarPane = () => {
+  const [isOpen, setIsOpen] = useState(true)
+  const [resizing, setResizing] = useState(false)
+  const panelRef = useRef<ImperativePanelHandle>(null)
+  useCollapsiblePanel(isOpen, panelRef)
+
+  const togglePane = useCallback(() => {
+    setIsOpen(value => !value)
+  }, [])
+
+  const handlePaneExpand = useCallback(() => {
+    setIsOpen(true)
+  }, [])
+
+  const handlePaneCollapse = useCallback(() => {
+    setIsOpen(false)
+  }, [])
+
+  return {
+    isOpen,
+    setIsOpen,
+    panelRef,
+    togglePane,
+    handlePaneExpand,
+    handlePaneCollapse,
+    resizing,
+    setResizing,
+  }
+}
diff --git a/services/web/frontend/js/features/ide-react/hooks/use-socket-listener.ts b/services/web/frontend/js/features/ide-react/hooks/use-socket-listener.ts
new file mode 100644
index 0000000..26eed61
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/hooks/use-socket-listener.ts
@@ -0,0 +1,18 @@
+import { useEffect } from 'react'
+import { Socket } from '@/features/ide-react/connection/types/socket'
+
+type SocketOnParams = Parameters<Socket['on']>
+
+export default function useSocketListener(
+  socket: Socket,
+  event: SocketOnParams[0],
+  listener: SocketOnParams[1]
+) {
+  useEffect(() => {
+    socket.on(event, listener)
+
+    return () => {
+      socket.removeListener(event, listener)
+    }
+  }, [event, listener, socket])
+}
diff --git a/services/web/frontend/js/features/ide-react/hooks/use-socket-listeners.ts b/services/web/frontend/js/features/ide-react/hooks/use-socket-listeners.ts
new file mode 100644
index 0000000..6b2f305
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/hooks/use-socket-listeners.ts
@@ -0,0 +1,113 @@
+import { useTranslation } from 'react-i18next'
+import useSocketListener from '@/features/ide-react/hooks/use-socket-listener'
+import {
+  listProjectInvites,
+  listProjectMembers,
+} from '@/features/share-project-modal/utils/api'
+import useScopeValue from '@/shared/hooks/use-scope-value'
+import { useConnectionContext } from '@/features/ide-react/context/connection-context'
+import { useIdeReactContext } from '@/features/ide-react/context/ide-react-context'
+import { useModalsContext } from '@/features/ide-react/context/modals-context'
+import { debugConsole } from '@/utils/debugging'
+import { useCallback } from 'react'
+import { PublicAccessLevel } from '../../../../../types/public-access-level'
+import { useLocation } from '@/shared/hooks/use-location'
+import { useEditorContext } from '@/shared/context/editor-context'
+
+function useSocketListeners() {
+  const { t } = useTranslation()
+  const { socket } = useConnectionContext()
+  const { projectId } = useIdeReactContext()
+  const { showGenericMessageModal } = useModalsContext()
+  const { permissionsLevel } = useEditorContext()
+  const [, setPublicAccessLevel] = useScopeValue('project.publicAccesLevel')
+  const [, setProjectMembers] = useScopeValue('project.members')
+  const [, setProjectInvites] = useScopeValue('project.invites')
+  const location = useLocation()
+
+  useSocketListener(
+    socket,
+    'project:access:revoked',
+    useCallback(() => {
+      showGenericMessageModal(
+        t('removed_from_project'),
+        t(
+          'you_have_been_removed_from_this_project_and_will_be_redirected_to_project_dashboard'
+        )
+      )
+
+      // redirect to project page before reconnect timer runs out and reloads the page
+      const timer = window.setTimeout(() => {
+        location.assign('/project')
+      }, 5000)
+
+      return () => {
+        window.clearTimeout(timer)
+      }
+    }, [showGenericMessageModal, t, location])
+  )
+
+  useSocketListener(
+    socket,
+    'project:publicAccessLevel:changed',
+    useCallback(
+      (data: { newAccessLevel?: PublicAccessLevel }) => {
+        if (data.newAccessLevel) {
+          setPublicAccessLevel(data.newAccessLevel)
+        }
+      },
+      [setPublicAccessLevel]
+    )
+  )
+
+  useSocketListener(
+    socket,
+    'project:collaboratorAccessLevel:changed',
+    useCallback(() => {
+      listProjectMembers(projectId)
+        .then(({ members }) => {
+          if (members) {
+            setProjectMembers(members)
+          }
+        })
+        .catch(err => {
+          debugConsole.error('Error fetching members for project', err)
+        })
+    }, [projectId, setProjectMembers])
+  )
+
+  useSocketListener(
+    socket,
+    'project:membership:changed',
+    useCallback(
+      (data: { members?: boolean; invites?: boolean }) => {
+        if (data.members) {
+          listProjectMembers(projectId)
+            .then(({ members }) => {
+              if (members) {
+                setProjectMembers(members)
+              }
+            })
+            .catch(err => {
+              debugConsole.error('Error fetching members for project', err)
+            })
+        }
+
+        if (data.invites && permissionsLevel === 'owner') {
+          listProjectInvites(projectId)
+            .then(({ invites }) => {
+              if (invites) {
+                setProjectInvites(invites)
+              }
+            })
+            .catch(err => {
+              debugConsole.error('Error fetching invites for project', err)
+            })
+        }
+      },
+      [projectId, setProjectInvites, setProjectMembers, permissionsLevel]
+    )
+  )
+}
+
+export default useSocketListeners
diff --git a/services/web/frontend/js/features/ide-react/scope-adapters/editor-manager-context-adapter.ts b/services/web/frontend/js/features/ide-react/scope-adapters/editor-manager-context-adapter.ts
new file mode 100644
index 0000000..42e03ff
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/scope-adapters/editor-manager-context-adapter.ts
@@ -0,0 +1,58 @@
+import { ReactScopeValueStore } from '@/features/ide-react/scope-value-store/react-scope-value-store'
+import customLocalStorage from '@/infrastructure/local-storage'
+import { DocumentContainer } from '@/features/ide-react/editor/document-container'
+
+export type EditorScopeValue = {
+  showSymbolPalette: false
+  toggleSymbolPalette: () => void
+  sharejs_doc: DocumentContainer | null
+  open_doc_id: string | null
+  open_doc_name: string | null
+  opening: boolean
+  trackChanges: boolean
+  wantTrackChanges: boolean
+  showVisual: boolean
+  error_state: boolean
+}
+
+export function populateEditorScope(
+  store: ReactScopeValueStore,
+  projectId: string
+) {
+  store.set('project.name', null)
+
+  const editor: Omit<EditorScopeValue, 'showVisual'> = {
+    showSymbolPalette: false,
+    toggleSymbolPalette: () => {},
+    sharejs_doc: null,
+    open_doc_id: null,
+    open_doc_name: null,
+    opening: true,
+    trackChanges: false,
+    wantTrackChanges: false,
+    error_state: false,
+  }
+  store.set('editor', editor)
+
+  store.persisted(
+    'editor.showVisual',
+    showVisualFallbackValue(projectId),
+    `editor.lastUsedMode`,
+    {
+      toPersisted: showVisual => (showVisual ? 'visual' : 'code'),
+      fromPersisted: mode => mode === 'visual',
+    }
+  )
+}
+
+function showVisualFallbackValue(projectId: string) {
+  const editorModeKey = `editor.mode.${projectId}`
+  const editorModeVal = customLocalStorage.getItem(editorModeKey)
+
+  if (editorModeVal) {
+    // clean up the old key
+    customLocalStorage.removeItem(editorModeKey)
+  }
+
+  return editorModeVal === 'rich-text'
+}
diff --git a/services/web/frontend/js/features/ide-react/scope-adapters/layout-context-adapter.ts b/services/web/frontend/js/features/ide-react/scope-adapters/layout-context-adapter.ts
new file mode 100644
index 0000000..88f252f
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/scope-adapters/layout-context-adapter.ts
@@ -0,0 +1,14 @@
+import { ReactScopeValueStore } from '../scope-value-store/react-scope-value-store'
+import getMeta from '@/utils/meta'
+
+const reviewPanelStorageKey = `ui.reviewPanelOpen.${getMeta('ol-project_id')}`
+
+export default function populateLayoutScope(store: ReactScopeValueStore) {
+  store.set('ui.view', 'editor')
+  store.set('openFile', null)
+  store.persisted('ui.chatOpen', false, 'ui.chatOpen')
+  store.persisted('ui.reviewPanelOpen', false, reviewPanelStorageKey)
+  store.set('ui.leftMenuShown', false)
+  store.set('ui.miniReviewPanelVisible', false)
+  store.set('ui.pdfLayout', 'sideBySide')
+}
diff --git a/services/web/frontend/js/features/ide-react/scope-event-emitter/react-scope-event-emitter.ts b/services/web/frontend/js/features/ide-react/scope-event-emitter/react-scope-event-emitter.ts
new file mode 100644
index 0000000..e469dca
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/scope-event-emitter/react-scope-event-emitter.ts
@@ -0,0 +1,37 @@
+import {
+  ScopeEventEmitter,
+  ScopeEventName,
+} from '../../../../../types/ide/scope-event-emitter'
+import { IdeEvents } from '@/features/ide-react/create-ide-event-emitter'
+
+export class ReactScopeEventEmitter implements ScopeEventEmitter {
+  // eslint-disable-next-line no-useless-constructor
+  constructor(private readonly eventEmitter: EventTarget) {}
+
+  emit<T extends ScopeEventName>(
+    eventName: T,
+    broadcast: boolean,
+    ...detail: IdeEvents[T]
+  ) {
+    this.eventEmitter.dispatchEvent(new CustomEvent(eventName, { detail }))
+  }
+
+  on<T extends ScopeEventName>(
+    eventName: T,
+    listener: (event: Event, ...args: IdeEvents[T]) => void
+  ) {
+    const wrappedListener = (event: CustomEvent<IdeEvents[T]>) => {
+      listener(event, ...event.detail)
+    }
+    this.eventEmitter.addEventListener(
+      eventName,
+      wrappedListener as EventListener
+    )
+    return () => {
+      this.eventEmitter.removeEventListener(
+        eventName,
+        wrappedListener as EventListener
+      )
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/ide-react/scope-value-store/react-scope-value-store.ts b/services/web/frontend/js/features/ide-react/scope-value-store/react-scope-value-store.ts
new file mode 100644
index 0000000..4020119
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/scope-value-store/react-scope-value-store.ts
@@ -0,0 +1,333 @@
+import { ScopeValueStore } from '../../../../../types/ide/scope-value-store'
+import _ from 'lodash'
+import customLocalStorage from '../../../infrastructure/local-storage'
+import { debugConsole } from '@/utils/debugging'
+
+const NOT_FOUND = Symbol('not found')
+
+type Watcher<T> = {
+  removed: boolean
+  callback: (value: T) => void
+}
+
+// A value that has been set
+type ScopeValueStoreValue<T = any> = {
+  value?: T
+  watchers: Watcher<T>[]
+}
+
+type WatcherUpdate<T = any> = {
+  path: string
+  value: T
+  watchers: Watcher<T>[]
+}
+
+type NonExistentValue = {
+  value: undefined
+}
+
+type AllowedNonExistentPath = {
+  path: string
+  deep: boolean
+}
+
+type Persister = {
+  localStorageKey: string
+  toPersisted?: (value: unknown) => unknown
+}
+
+function isObject(value: unknown): value is object {
+  return (
+    value !== null &&
+    typeof value === 'object' &&
+    !('length' in value && typeof value.length === 'number' && value.length > 0)
+  )
+}
+
+function ancestorPaths(path: string) {
+  const ancestors: string[] = []
+  let currentPath = path
+  let lastPathSeparatorPos: number
+  while ((lastPathSeparatorPos = currentPath.lastIndexOf('.')) !== -1) {
+    currentPath = currentPath.slice(0, lastPathSeparatorPos)
+    ancestors.push(currentPath)
+  }
+  return ancestors
+}
+
+// Store scope values in a simple map
+export class ReactScopeValueStore implements ScopeValueStore {
+  private readonly items = new Map<string, ScopeValueStoreValue>()
+  private readonly persisters: Map<string, Persister> = new Map()
+
+  private watcherUpdates = new Map<string, WatcherUpdate>()
+  private watcherUpdateTimer: number | null = null
+  private allowedNonExistentPaths: AllowedNonExistentPath[] = []
+
+  private nonExistentPathAllowed(path: string) {
+    return this.allowedNonExistentPaths.some(allowedPath => {
+      return (
+        allowedPath.path === path ||
+        (allowedPath.deep && path.startsWith(allowedPath.path + '.'))
+      )
+    })
+  }
+
+  // Create an item for a path. Attempt to get a value for the item from its
+  // ancestors, if there are any.
+  private findInAncestors(path: string): ScopeValueStoreValue {
+    // Populate value from the nested property ancestors, if possible
+    for (const ancestorPath of ancestorPaths(path)) {
+      const ancestorItem = this.items.get(ancestorPath)
+      if (
+        ancestorItem &&
+        'value' in ancestorItem &&
+        isObject(ancestorItem.value)
+      ) {
+        const pathRelativeToAncestor = path.slice(ancestorPath.length + 1)
+        const ancestorValue = _.get(ancestorItem.value, pathRelativeToAncestor)
+        if (ancestorValue !== NOT_FOUND) {
+          return { value: ancestorValue, watchers: [] }
+        }
+      }
+    }
+    return { watchers: [] }
+  }
+
+  private getItem<T>(path: string): ScopeValueStoreValue<T> | NonExistentValue {
+    const item = this.items.get(path) || this.findInAncestors(path)
+    if (!('value' in item)) {
+      if (this.nonExistentPathAllowed(path)) {
+        debugConsole.log(
+          `No value found for key '${path}'. This is allowed because the path is in allowedNonExistentPaths`
+        )
+        return { value: undefined }
+      } else {
+        throw new Error(`No value found for key '${path}'`)
+      }
+    }
+    return item
+  }
+
+  private reassembleObjectValue(path: string, value: Record<string, any>) {
+    const newValue: Record<string, any> = { ...value }
+    const pathPrefix = path + '.'
+    for (const [key, item] of this.items.entries()) {
+      if (key.startsWith(pathPrefix)) {
+        const propName = key.slice(pathPrefix.length)
+        if (propName.indexOf('.') === -1 && 'value' in item) {
+          newValue[propName] = item.value
+        }
+      }
+    }
+    return newValue
+  }
+
+  flushUpdates() {
+    if (this.watcherUpdateTimer) {
+      window.clearTimeout(this.watcherUpdateTimer)
+      this.watcherUpdateTimer = null
+    }
+    // Clone watcherUpdates in case a watcher creates new watcherUpdates
+    const watcherUpdates = [...this.watcherUpdates.values()]
+    this.watcherUpdates = new Map()
+    for (const { value, watchers } of watcherUpdates) {
+      for (const watcher of watchers) {
+        if (!watcher.removed) {
+          watcher.callback.call(null, value)
+        }
+      }
+    }
+  }
+
+  private scheduleWatcherUpdate<T>(
+    path: string,
+    value: T,
+    watchers: Watcher<T>[]
+  ) {
+    // Make a copy of the watchers so that any watcher added before this update
+    // runs is not triggered
+    const update: WatcherUpdate = {
+      value,
+      path,
+      watchers: [...watchers],
+    }
+    this.watcherUpdates.set(path, update)
+    if (!this.watcherUpdateTimer) {
+      this.watcherUpdateTimer = window.setTimeout(() => {
+        this.watcherUpdateTimer = null
+        this.flushUpdates()
+      }, 0)
+    }
+  }
+
+  get<T>(path: string) {
+    return this.getItem<T>(path).value
+  }
+
+  private setValue<T>(path: string, value: T): void {
+    debugConsole.log('setValue', path, value)
+    let item = this.items.get(path)
+    if (item === undefined) {
+      item = { value, watchers: [] }
+      this.items.set(path, item)
+    } else if (!('value' in item)) {
+      item = { ...item, value }
+      this.items.set(path, item)
+    } else if (item.value === value) {
+      // Don't update and trigger watchers if the value hasn't changed
+      return
+    } else {
+      item.value = value
+    }
+    this.scheduleWatcherUpdate<T>(path, value, item.watchers)
+
+    // Persist to local storage, if configured to do so
+    const persister = this.persisters.get(path)
+    if (persister) {
+      customLocalStorage.setItem(
+        persister.localStorageKey,
+        persister.toPersisted?.(value) || value
+      )
+    }
+  }
+
+  private setValueAndDescendants<T>(path: string, value: T): void {
+    this.setValue(path, value)
+
+    // Set nested values non-recursively, only updating existing items
+    if (isObject(value)) {
+      const pathPrefix = path + '.'
+      for (const [nestedPath, existingItem] of this.items.entries()) {
+        if (nestedPath.startsWith(pathPrefix)) {
+          const newValue = _.get(
+            value,
+            nestedPath.slice(pathPrefix.length),
+            NOT_FOUND
+          )
+          // Only update a nested value if it has changed
+          if (
+            newValue !== NOT_FOUND &&
+            (!('value' in existingItem) || newValue !== existingItem.value)
+          ) {
+            this.setValue(nestedPath, newValue)
+          }
+        }
+      }
+
+      // Delete nested items corresponding to properties that do not exist in
+      // the new object
+      const pathsToDelete: string[] = []
+      const newPropNames = new Set(Object.keys(value))
+      for (const path of this.items.keys()) {
+        if (path.startsWith(pathPrefix)) {
+          const propName = path.slice(pathPrefix.length).split('.', 1)[0]
+          if (!newPropNames.has(propName)) {
+            pathsToDelete.push(path)
+          }
+        }
+      }
+      for (const path of pathsToDelete) {
+        this.items.delete(path)
+      }
+    }
+  }
+
+  set(path: string, value: unknown): void {
+    this.setValueAndDescendants(path, value)
+
+    // Reassemble ancestors. For example, if the path is x.y.z, x.y and x have
+    // now changed too and must be updated
+    for (const ancestorPath of ancestorPaths(path)) {
+      const ancestorItem = this.items.get(ancestorPath)
+      if (ancestorItem && 'value' in ancestorItem) {
+        ancestorItem.value = this.reassembleObjectValue(
+          ancestorPath,
+          ancestorItem.value
+        )
+        this.scheduleWatcherUpdate(
+          ancestorPath,
+          ancestorItem.value,
+          ancestorItem.watchers
+        )
+      }
+    }
+  }
+
+  // Watch for changes in a scope value. The value does not need to exist yet.
+  // Watchers are batched and called asynchronously to avoid chained state
+  // watcherUpdates, which result in warnings from React (see
+  // https://github.com/facebook/react/issues/18178)
+  watch<T>(path: string, callback: Watcher<T>['callback']): () => void {
+    let item = this.items.get(path)
+    if (!item) {
+      item = this.findInAncestors(path)
+      this.items.set(path, item)
+    }
+    const watchers = item.watchers
+    const watcher = { removed: false, callback }
+    item.watchers.push(watcher)
+
+    // Schedule watcher immediately. This is to work around the fact that there
+    // is a delay between getting an initial value and adding a watcher in
+    // useScopeValue, during which the value could change without being
+    // observed
+    if ('value' in item) {
+      // add this watcher to any existing watchers scheduled for this path
+      const { watchers } = this.watcherUpdates.get(path) ?? { watchers: [] }
+      this.scheduleWatcherUpdate<T>(path, item.value, [...watchers, watcher])
+    }
+
+    return () => {
+      // Add a flag to the watcher so that it can be ignored if the watcher is
+      // removed in the interval between observing a change and being called
+      watcher.removed = true
+      _.pull(watchers, watcher)
+    }
+  }
+
+  persisted<Value, PersistedValue>(
+    path: string,
+    fallbackValue: Value,
+    localStorageKey: string,
+    converter?: {
+      toPersisted: (value: Value) => PersistedValue
+      fromPersisted: (persisted: PersistedValue) => Value
+    }
+  ) {
+    const persistedValue = customLocalStorage.getItem(
+      localStorageKey
+    ) as PersistedValue | null
+
+    let value: Value = fallbackValue
+    if (persistedValue !== null) {
+      value = converter
+        ? converter.fromPersisted(persistedValue)
+        : (persistedValue as Value)
+    }
+    this.set(path, value)
+
+    // Don't persist the value until set() is called
+    this.persisters.set(path, {
+      localStorageKey,
+      toPersisted: converter?.toPersisted as Persister['toPersisted'],
+    })
+  }
+
+  allowNonExistentPath(path: string, deep = false) {
+    this.allowedNonExistentPaths.push({ path, deep })
+  }
+
+  // For debugging
+  dump() {
+    const entries = []
+    for (const [path, item] of this.items.entries()) {
+      entries.push({
+        path,
+        value: 'value' in item ? item.value : '[not set]',
+        watcherCount: item.watchers.length,
+      })
+    }
+    return entries
+  }
+}
diff --git a/services/web/frontend/js/features/ide-react/types/cursor-position.ts b/services/web/frontend/js/features/ide-react/types/cursor-position.ts
new file mode 100644
index 0000000..ed7f413
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/types/cursor-position.ts
@@ -0,0 +1,4 @@
+export type CursorPosition = {
+  row: number
+  column: number
+}
diff --git a/services/web/frontend/js/features/ide-react/types/file-tree.ts b/services/web/frontend/js/features/ide-react/types/file-tree.ts
new file mode 100644
index 0000000..648ed99
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/types/file-tree.ts
@@ -0,0 +1,34 @@
+import { FileRef } from '../../../../../types/file-ref'
+import { Folder } from '../../../../../types/folder'
+import { Doc } from '../../../../../types/doc'
+
+export type FileTreeFolderFindResultType = 'folder' | 'doc' | 'fileRef'
+
+interface BaseFileTreeFindResult<T> {
+  type: FileTreeFolderFindResultType
+  entity: T
+  parent: T[]
+  parentFolderId: string
+  path: string[]
+  index: number
+}
+
+export interface FileTreeFolderFindResult
+  extends BaseFileTreeFindResult<Folder> {
+  type: 'folder'
+}
+
+export interface FileTreeDocumentFindResult
+  extends BaseFileTreeFindResult<Doc> {
+  type: 'doc'
+}
+
+export interface FileTreeFileRefFindResult
+  extends BaseFileTreeFindResult<FileRef> {
+  type: 'fileRef'
+}
+
+export type FileTreeFindResult =
+  | FileTreeFolderFindResult
+  | FileTreeDocumentFindResult
+  | FileTreeFileRefFindResult
diff --git a/services/web/frontend/js/features/ide-react/types/goto-line-options.ts b/services/web/frontend/js/features/ide-react/types/goto-line-options.ts
new file mode 100644
index 0000000..62074b0
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/types/goto-line-options.ts
@@ -0,0 +1,6 @@
+export interface GotoLineOptions {
+  gotoLine: number
+  gotoColumn?: number
+  selectText?: string
+  syncToPdf?: boolean
+}
diff --git a/services/web/frontend/js/features/ide-react/types/outline.ts b/services/web/frontend/js/features/ide-react/types/outline.ts
new file mode 100644
index 0000000..d75d2b7
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/types/outline.ts
@@ -0,0 +1,8 @@
+export type OutlineItemData = {
+  line: number
+  title: string
+  level?: number
+  children?: OutlineItemData[]
+  from?: number
+  to?: number
+}
diff --git a/services/web/frontend/js/features/ide-react/types/permissions.ts b/services/web/frontend/js/features/ide-react/types/permissions.ts
new file mode 100644
index 0000000..7038b89
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/types/permissions.ts
@@ -0,0 +1,12 @@
+export type Permissions = {
+  read: boolean
+  comment: boolean
+  resolveOwnComments: boolean
+  resolveAllComments: boolean
+  trackedWrite: boolean
+  write: boolean
+  admin: boolean
+  labelVersion: boolean
+}
+
+export type PermissionsLevel = 'owner' | 'readAndWrite' | 'review' | 'readOnly'
diff --git a/services/web/frontend/js/features/ide-react/util/file-view.ts b/services/web/frontend/js/features/ide-react/util/file-view.ts
new file mode 100644
index 0000000..e32f3bb
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/util/file-view.ts
@@ -0,0 +1,31 @@
+import { FileRef } from '../../../../../types/file-ref'
+import { BinaryFile } from '@/features/file-view/types/binary-file'
+
+export function convertFileRefToBinaryFile(fileRef: FileRef): BinaryFile {
+  const timestamp = fileRef.linkedFileData?.importedAt ?? fileRef.created
+  return {
+    _id: fileRef._id,
+    name: fileRef.name,
+    id: fileRef._id,
+    type: 'file',
+    selected: true,
+    linkedFileData: fileRef.linkedFileData,
+    created: timestamp ? new Date(timestamp) : new Date(),
+    hash: fileRef.hash,
+  }
+}
+
+// `FileViewHeader`, which is TypeScript, expects a BinaryFile, which has a
+// `created` property of type `Date`, while `TPRFileViewInfo`, written in JS,
+// into which `FileViewHeader` passes its BinaryFile, expects a file object with
+// `created` property of type `string`, which is a mismatch. `TPRFileViewInfo`
+// is the only one making runtime complaints and it seems that other uses of
+// `FileViewHeader` pass in a string for `created`, so that's what this function
+// does too.
+export function fileViewFile(fileRef: FileRef) {
+  const converted = convertFileRefToBinaryFile(fileRef)
+  return {
+    ...converted,
+    created: converted.created.toISOString(),
+  }
+}
diff --git a/services/web/frontend/js/features/ide-react/util/find-doc-entity-by-id.ts b/services/web/frontend/js/features/ide-react/util/find-doc-entity-by-id.ts
new file mode 100644
index 0000000..1527151
--- /dev/null
+++ b/services/web/frontend/js/features/ide-react/util/find-doc-entity-by-id.ts
@@ -0,0 +1,20 @@
+import { findInTree } from '@/features/file-tree/util/find-in-tree'
+import { Folder } from '../../../../../types/folder'
+import { Doc } from '../../../../../types/doc'
+import { FileRef } from '../../../../../types/file-ref'
+
+export function findDocEntityById(fileTreeData: Folder, docId: string) {
+  const item = findInTree(fileTreeData, docId)
+  if (!item || item.type !== 'doc') {
+    return null
+  }
+  return item.entity as Doc
+}
+
+export function findFileRefEntityById(fileTreeData: Folder, docId: string) {
+  const item = findInTree(fileTreeData, docId)
+  if (!item || item.type !== 'fileRef') {
+    return null
+  }
+  return item.entity as FileRef
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/breadcrumbs.tsx b/services/web/frontend/js/features/ide-redesign/components/breadcrumbs.tsx
new file mode 100644
index 0000000..455df85
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/breadcrumbs.tsx
@@ -0,0 +1,90 @@
+import { findInTreeOrThrow } from '@/features/file-tree/util/find-in-tree'
+import { useFileTreeOpenContext } from '@/features/ide-react/context/file-tree-open-context'
+import { useOutlineContext } from '@/features/ide-react/context/outline-context'
+import useNestedOutline from '@/features/outline/hooks/use-nested-outline'
+import getChildrenLines from '@/features/outline/util/get-children-lines'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import { Fragment, useMemo } from 'react'
+import { Outline } from '@/features/source-editor/utils/tree-operations/outline'
+
+const constructOutlineHierarchy = (
+  items: Outline[],
+  highlightedLine: number,
+  outlineHierarchy: Outline[] = []
+) => {
+  for (const item of items) {
+    if (item.line === highlightedLine) {
+      outlineHierarchy.push(item)
+      return outlineHierarchy
+    }
+
+    const childLines = getChildrenLines(item.children)
+    if (childLines.includes(highlightedLine)) {
+      outlineHierarchy.push(item)
+      return constructOutlineHierarchy(
+        item.children as Outline[],
+        highlightedLine,
+        outlineHierarchy
+      )
+    }
+  }
+  return outlineHierarchy
+}
+
+export default function Breadcrumbs() {
+  const { openEntity } = useFileTreeOpenContext()
+  const { fileTreeData } = useFileTreeData()
+  const outline = useNestedOutline()
+  const { highlightedLine, canShowOutline } = useOutlineContext()
+
+  const folderHierarchy = useMemo(() => {
+    if (!openEntity || !fileTreeData) {
+      return []
+    }
+
+    return openEntity.path
+      .filter(id => id !== fileTreeData._id) // Filter out the root folder
+      .map(id => {
+        return findInTreeOrThrow(fileTreeData, id)?.entity
+      })
+  }, [openEntity, fileTreeData])
+
+  const outlineHierarchy = useMemo(() => {
+    if (!canShowOutline || !outline) {
+      return []
+    }
+
+    return constructOutlineHierarchy(outline.items, highlightedLine)
+  }, [outline, highlightedLine, canShowOutline])
+
+  if (!openEntity || !fileTreeData) {
+    return null
+  }
+
+  const numOutlineItems = outlineHierarchy.length
+
+  return (
+    <div className="ol-cm-breadcrumbs">
+      {folderHierarchy.map(folder => (
+        <Fragment key={folder._id}>
+          <div>{folder.name}</div>
+          <Chevron />
+        </Fragment>
+      ))}
+      <MaterialIcon unfilled type="description" />
+      <div>{openEntity.entity.name}</div>
+      {numOutlineItems > 0 && <Chevron />}
+      {outlineHierarchy.map((section, idx) => (
+        <Fragment key={section.line}>
+          <div>{section.title}</div>
+          {idx < numOutlineItems - 1 && <Chevron />}
+        </Fragment>
+      ))}
+    </div>
+  )
+}
+
+const Chevron = () => (
+  <MaterialIcon className="ol-cm-breadcrumb-chevron" type="chevron_right" />
+)
diff --git a/services/web/frontend/js/features/ide-redesign/components/chat/chat.tsx b/services/web/frontend/js/features/ide-redesign/components/chat/chat.tsx
new file mode 100644
index 0000000..d76d82c
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/chat/chat.tsx
@@ -0,0 +1,120 @@
+import ChatFallbackError from '@/features/chat/components/chat-fallback-error'
+import InfiniteScroll from '@/features/chat/components/infinite-scroll'
+import MessageInput from '@/features/chat/components/message-input'
+import { useChatContext } from '@/features/chat/context/chat-context'
+import OLBadge from '@/features/ui/components/ol/ol-badge'
+import { FetchError } from '@/infrastructure/fetch-json'
+import { FullSizeLoadingSpinner } from '@/shared/components/loading-spinner'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useUserContext } from '@/shared/context/user-context'
+import { lazy, Suspense, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import classNames from 'classnames'
+import { RailPanelHeader } from '../rail'
+
+const MessageList = lazy(() => import('../../../chat/components/message-list'))
+
+export const ChatIndicator = () => {
+  const { unreadMessageCount } = useChatContext()
+  if (unreadMessageCount === 0) {
+    return null
+  }
+  return <OLBadge bg="info">{unreadMessageCount}</OLBadge>
+}
+
+const Loading = () => <FullSizeLoadingSpinner delay={500} className="pt-4" />
+
+export const ChatPane = () => {
+  const { t } = useTranslation()
+  const user = useUserContext()
+  const {
+    status,
+    messages,
+    initialMessagesLoaded,
+    atEnd,
+    loadInitialMessages,
+    loadMoreMessages,
+    reset,
+    sendMessage,
+    markMessagesAsRead,
+    error,
+  } = useChatContext()
+
+  useEffect(() => {
+    if (!initialMessagesLoaded) {
+      loadInitialMessages()
+    }
+  }, [loadInitialMessages, initialMessagesLoaded])
+
+  const shouldDisplayPlaceholder = status !== 'pending' && messages.length === 0
+
+  const messageContentCount = messages.reduce(
+    (acc, { contents }) => acc + contents.length,
+    0
+  )
+
+  if (error) {
+    // let user try recover from fetch errors
+    if (error instanceof FetchError) {
+      return <ChatFallbackError reconnect={reset} />
+    }
+    throw error
+  }
+
+  if (!user) {
+    return null
+  }
+
+  return (
+    <div className="chat-panel">
+      <RailPanelHeader title={t('collaborator_chat')} />
+      <div className="chat-wrapper">
+        <aside className="chat">
+          <InfiniteScroll
+            atEnd={atEnd}
+            className="messages"
+            fetchData={loadMoreMessages}
+            isLoading={status === 'pending'}
+            itemCount={messageContentCount}
+          >
+            <div className={classNames({ 'h-100': shouldDisplayPlaceholder })}>
+              <h2 className="visually-hidden">{t('chat')}</h2>
+              <Suspense fallback={<Loading />}>
+                {status === 'pending' && <Loading />}
+                {shouldDisplayPlaceholder && <Placeholder />}
+                <MessageList
+                  messages={messages}
+                  resetUnreadMessages={markMessagesAsRead}
+                  newDesign
+                />
+              </Suspense>
+            </div>
+          </InfiniteScroll>
+          <MessageInput
+            resetUnreadMessages={markMessagesAsRead}
+            sendMessage={sendMessage}
+          />
+        </aside>
+      </div>
+    </div>
+  )
+}
+
+function Placeholder() {
+  const { t } = useTranslation()
+  return (
+    <div className="chat-empty-state-placeholder">
+      <div>
+        <span className="chat-empty-state-icon">
+          <MaterialIcon type="forum" />
+        </span>
+      </div>
+      <div>
+        <div className="chat-empty-state-title">{t('no_messages_yet')}</div>
+        <div className="chat-empty-state-body">
+          {t('start_the_conversation_by_saying_hello_or_sharing_an_update')}
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/chat/message.tsx b/services/web/frontend/js/features/ide-redesign/components/chat/message.tsx
new file mode 100644
index 0000000..a3676e2
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/chat/message.tsx
@@ -0,0 +1,60 @@
+import { MessageProps } from '@/features/chat/components/message'
+import { User } from '../../../../../../types/user'
+import { getHueForUserId } from '@/shared/utils/colors'
+import MessageContent from '@/features/chat/components/message-content'
+import classNames from 'classnames'
+
+function hue(user?: User) {
+  return user ? getHueForUserId(user.id) : 0
+}
+
+function getAvatarStyle(user?: User) {
+  return {
+    borderColor: `hsl(${hue(user)}, 85%, 40%)`,
+    backgroundColor: `hsl(${hue(user)}, 85%, 40%`,
+  }
+}
+
+function Message({ message, fromSelf }: MessageProps) {
+  return (
+    <div className="chat-message-redesign">
+      <div className="message-row">
+        <div className="message-avatar-placeholder" />
+        {!fromSelf && (
+          <div className="message-author">
+            <span>{message.user.first_name || message.user.email}</span>
+          </div>
+        )}
+      </div>
+      {message.contents.map((content, index) => (
+        <div key={index} className="message-row">
+          <>
+            {!fromSelf && index === message.contents.length - 1 ? (
+              <div className="message-avatar">
+                <div className="avatar" style={getAvatarStyle(message.user)}>
+                  {message.user.first_name?.charAt(0) ||
+                    message.user.email.charAt(0)}
+                </div>
+              </div>
+            ) : (
+              <div className="message-avatar-placeholder" />
+            )}
+            <div
+              className={classNames('message-container', {
+                'message-from-self': fromSelf,
+                'first-row-in-message': index === 0,
+                'last-row-in-message': index === message.contents.length - 1,
+              })}
+            >
+              <div className="message-content">
+                <MessageContent content={content} />
+              </div>
+            </div>
+          </>
+        </div>
+      ))}
+    </div>
+  )
+}
+
+export default Message
diff --git a/services/web/frontend/js/features/ide-redesign/components/editor-panel.tsx b/services/web/frontend/js/features/ide-redesign/components/editor-panel.tsx
new file mode 100644
index 0000000..18fcad1
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/editor-panel.tsx
@@ -0,0 +1,23 @@
+import NoSelectionPane from '@/features/ide-react/components/editor/no-selection-pane'
+import { Editor } from './editor'
+import { useFileTreeOpenContext } from '@/features/ide-react/context/file-tree-open-context'
+import FileView from '@/features/file-view/components/file-view'
+import { fileViewFile } from '@/features/ide-react/util/file-view'
+import MultipleSelectionPane from '@/features/ide-react/components/editor/multiple-selection-pane'
+
+export default function EditorPanel() {
+  const { selectedEntityCount, openEntity } = useFileTreeOpenContext()
+
+  return (
+    <div className="ide-redesign-editor-container">
+      {selectedEntityCount === 0 && <NoSelectionPane />}
+      {selectedEntityCount === 1 && openEntity?.type === 'fileRef' && (
+        <FileView file={fileViewFile(openEntity.entity)} />
+      )}
+      {selectedEntityCount > 1 && (
+        <MultipleSelectionPane selectedEntityCount={selectedEntityCount} />
+      )}
+      <Editor />
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/editor.tsx b/services/web/frontend/js/features/ide-redesign/components/editor.tsx
new file mode 100644
index 0000000..6c5e0b4
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/editor.tsx
@@ -0,0 +1,66 @@
+import { LoadingPane } from '@/features/ide-react/components/editor/loading-pane'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+import { EditorScopeValue } from '@/features/ide-react/scope-adapters/editor-manager-context-adapter'
+import { useFileTreeOpenContext } from '@/features/ide-react/context/file-tree-open-context'
+import useScopeValue from '@/shared/hooks/use-scope-value'
+import classNames from 'classnames'
+import SourceEditor from '@/features/source-editor/components/source-editor'
+import { Panel, PanelGroup } from 'react-resizable-panels'
+import { VerticalResizeHandle } from '@/features/ide-react/components/resize/vertical-resize-handle'
+import { Suspense } from 'react'
+import { FullSizeLoadingSpinner } from '@/shared/components/loading-spinner'
+import SymbolPalettePane from '@/features/ide-react/components/editor/symbol-palette-pane'
+
+export const Editor = () => {
+  const [editor] = useScopeValue<EditorScopeValue>('editor')
+  const { selectedEntityCount, openEntity } = useFileTreeOpenContext()
+  const { currentDocumentId } = useEditorManagerContext()
+
+  if (!currentDocumentId) {
+    return null
+  }
+
+  const isLoading = Boolean(
+    (!editor.sharejs_doc || editor.opening) &&
+      !editor.error_state &&
+      editor.open_doc_id
+  )
+
+  return (
+    <div
+      className={classNames('ide-redesign-editor-content', {
+        hidden: openEntity?.type !== 'doc' || selectedEntityCount !== 1,
+      })}
+    >
+      <PanelGroup
+        autoSaveId="ide-redesign-editor-symbol-palette"
+        direction="vertical"
+      >
+        <Panel
+          id="ide-redesign-panel-source-editor"
+          order={1}
+          className="ide-redesign-editor-panel"
+        >
+          <SourceEditor />
+          {isLoading && <LoadingPane />}
+        </Panel>
+        {editor.showSymbolPalette && (
+          <>
+            <VerticalResizeHandle id="ide-redesign-editor-symbol-palette" />
+            <Panel
+              id="ide-redesign-panel-symbol-palette"
+              order={2}
+              defaultSize={25}
+              minSize={10}
+              maxSize={50}
+            >
+              <Suspense fallback={<FullSizeLoadingSpinner delay={500} />}>
+                <SymbolPalettePane />
+              </Suspense>
+            </Panel>
+          </>
+        )}
+      </PanelGroup>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/errors.tsx b/services/web/frontend/js/features/ide-redesign/components/errors.tsx
new file mode 100644
index 0000000..73b3ae4
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/errors.tsx
@@ -0,0 +1,32 @@
+import PdfLogsViewer from '@/features/pdf-preview/components/pdf-logs-viewer'
+import { PdfPreviewProvider } from '@/features/pdf-preview/components/pdf-preview-provider'
+import { useDetachCompileContext as useCompileContext } from '@/shared/context/detach-compile-context'
+import OLBadge from '@/features/ui/components/ol/ol-badge'
+
+export const ErrorIndicator = () => {
+  const { logEntries } = useCompileContext()
+
+  if (!logEntries) {
+    return null
+  }
+
+  const errorCount = Number(logEntries.errors?.length)
+  const warningCount = Number(logEntries.warnings?.length)
+  const totalCount = errorCount + warningCount
+
+  if (totalCount === 0) {
+    return null
+  }
+
+  return (
+    <OLBadge bg={errorCount > 0 ? 'danger' : 'warning'}>{totalCount}</OLBadge>
+  )
+}
+
+export const ErrorPane = () => {
+  return (
+    <PdfPreviewProvider>
+      <PdfLogsViewer alwaysVisible />
+    </PdfPreviewProvider>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/file-tree-outline-panel.tsx b/services/web/frontend/js/features/ide-redesign/components/file-tree-outline-panel.tsx
new file mode 100644
index 0000000..bf69d40
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/file-tree-outline-panel.tsx
@@ -0,0 +1,49 @@
+import { Panel, PanelGroup } from 'react-resizable-panels'
+import { FileTree } from '@/features/ide-react/components/file-tree'
+import { OutlineContainer } from '@/features/outline/components/outline-container'
+import { VerticalResizeHandle } from '@/features/ide-react/components/resize/vertical-resize-handle'
+import { useOutlinePane } from '@/features/ide-react/hooks/use-outline-pane'
+import useCollapsibleFileTree from '../hooks/use-collapsible-file-tree'
+import classNames from 'classnames'
+
+function FileTreeOutlinePanel() {
+  const { outlineEnabled, outlinePanelRef } = useOutlinePane()
+  const { fileTreeExpanded, fileTreePanelRef } = useCollapsibleFileTree()
+
+  return (
+    <PanelGroup
+      className="file-tree-outline-panel-group"
+      autoSaveId="ide-redesign-file-tree-outline"
+      direction="vertical"
+    >
+      <Panel
+        className={classNames('file-tree-panel', {
+          'file-tree-panel-collapsed': !fileTreeExpanded,
+        })}
+        defaultSize={50}
+        id="ide-redesign-file-tree"
+        order={1}
+        collapsible
+        ref={fileTreePanelRef}
+      >
+        <FileTree />
+      </Panel>
+      <VerticalResizeHandle
+        hitAreaMargins={{ coarse: 0, fine: 0 }}
+        disabled={!outlineEnabled || !fileTreeExpanded}
+      />
+      <Panel
+        className="file-outline-panel"
+        defaultSize={50}
+        id="ide-redesign-file-outline"
+        order={2}
+        collapsible
+        ref={outlinePanelRef}
+      >
+        <OutlineContainer />
+      </Panel>
+    </PanelGroup>
+  )
+}
+
+export default FileTreeOutlinePanel
diff --git a/services/web/frontend/js/features/ide-redesign/components/file-tree-toolbar.tsx b/services/web/frontend/js/features/ide-redesign/components/file-tree-toolbar.tsx
new file mode 100644
index 0000000..f1d7294
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/file-tree-toolbar.tsx
@@ -0,0 +1,149 @@
+import { useTranslation } from 'react-i18next'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import { useFileTreeActionable } from '@/features/file-tree/contexts/file-tree-actionable'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon, {
+  AvailableUnfilledIcon,
+} from '@/shared/components/material-icon'
+import React from 'react'
+import useCollapsibleFileTree from '../hooks/use-collapsible-file-tree'
+import { useCommandProvider } from '@/features/ide-react/hooks/use-command-provider'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+
+function FileTreeToolbar() {
+  const { t } = useTranslation()
+  const { fileTreeExpanded, toggleFileTreeExpanded } = useCollapsibleFileTree()
+
+  return (
+    <div className="file-tree-toolbar">
+      <button
+        className="file-tree-expand-collapse-button"
+        onClick={toggleFileTreeExpanded}
+        aria-label={
+          fileTreeExpanded ? t('hide_file_tree') : t('show_file_tree')
+        }
+      >
+        <MaterialIcon
+          type={
+            fileTreeExpanded ? 'keyboard_arrow_down' : 'keyboard_arrow_right'
+          }
+        />
+        <h4>{t('file_tree')}</h4>
+      </button>
+      <FileTreeActionButtons />
+    </div>
+  )
+}
+
+function FileTreeActionButtons() {
+  const { t } = useTranslation()
+  const { fileTreeReadOnly } = useFileTreeData()
+  const { write } = usePermissionsContext()
+
+  const {
+    canCreate,
+    startCreatingFolder,
+    startCreatingDocOrFile,
+    startUploadingDocOrFile,
+  } = useFileTreeActionable()
+  useCommandProvider(() => {
+    if (!canCreate || fileTreeReadOnly || !write) return
+    return [
+      {
+        label: t('new_file'),
+        id: 'new_file',
+        handler: ({ location }) => {
+          eventTracking.sendMB('new-file-click', { location })
+          startCreatingDocOrFile()
+        },
+      },
+      {
+        label: t('new_folder'),
+        id: 'new_folder',
+        handler: startCreatingFolder,
+      },
+      {
+        label: t('upload_file'),
+        id: 'upload_file',
+        handler: ({ location }) => {
+          eventTracking.sendMB('upload-click', { location })
+          startUploadingDocOrFile()
+        },
+      },
+    ]
+  }, [
+    canCreate,
+    fileTreeReadOnly,
+    startCreatingDocOrFile,
+    t,
+    startCreatingFolder,
+    startUploadingDocOrFile,
+    write,
+  ])
+
+  if (!canCreate || fileTreeReadOnly) return null
+
+  const createWithAnalytics = () => {
+    eventTracking.sendMB('new-file-click', { location: 'toolbar' })
+    startCreatingDocOrFile()
+  }
+
+  const uploadWithAnalytics = () => {
+    eventTracking.sendMB('upload-click', { location: 'toolbar' })
+    startUploadingDocOrFile()
+  }
+
+  return (
+    <div className="file-tree-toolbar-action-buttons">
+      <FileTreeActionButton
+        id="new-file"
+        description={t('new_file')}
+        onClick={createWithAnalytics}
+        iconType="note_add"
+      />
+      <FileTreeActionButton
+        id="new-folder"
+        description={t('new_folder')}
+        onClick={startCreatingFolder}
+        iconType="create_new_folder"
+      />
+      <FileTreeActionButton
+        id="upload"
+        description={t('upload')}
+        onClick={uploadWithAnalytics}
+        iconType="upload_file"
+      />
+    </div>
+  )
+}
+
+function FileTreeActionButton({
+  id,
+  description,
+  onClick,
+  iconType,
+}: {
+  id: string
+  description: string
+  onClick: () => void
+  iconType: AvailableUnfilledIcon
+}) {
+  return (
+    <OLTooltip
+      id={id}
+      description={description}
+      overlayProps={{ placement: 'bottom' }}
+    >
+      <button className="btn file-tree-toolbar-action-button" onClick={onClick}>
+        <MaterialIcon
+          unfilled
+          type={iconType}
+          accessibilityLabel={description}
+        />
+      </button>
+    </OLTooltip>
+  )
+}
+
+export default FileTreeToolbar
diff --git a/services/web/frontend/js/features/ide-redesign/components/help/contact-us.tsx b/services/web/frontend/js/features/ide-redesign/components/help/contact-us.tsx
new file mode 100644
index 0000000..dd4dd69
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/help/contact-us.tsx
@@ -0,0 +1,26 @@
+import { FC, JSXElementConstructor, useCallback } from 'react'
+import importOverleafModules from '../../../../../macros/import-overleaf-module.macro'
+import { useRailContext } from '../../contexts/rail-context'
+import getMeta from '@/utils/meta'
+
+const [contactUsModalModules] = importOverleafModules('contactUsModal')
+const ContactUsModal: JSXElementConstructor<{
+  show: boolean
+  handleHide: () => void
+  autofillProjectUrl: boolean
+}> = contactUsModalModules?.import.default
+
+export const RailHelpContactUsModal: FC<{ show: boolean }> = ({ show }) => {
+  const { setActiveModal } = useRailContext()
+  const handleHide = useCallback(() => setActiveModal(null), [setActiveModal])
+  if (!ContactUsModal) {
+    return null
+  }
+  const showSupport = getMeta('ol-showSupport')
+  if (!showSupport) {
+    return null
+  }
+  return (
+    <ContactUsModal show={show} handleHide={handleHide} autofillProjectUrl />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/help/keyboard-shortcuts.tsx b/services/web/frontend/js/features/ide-redesign/components/help/keyboard-shortcuts.tsx
new file mode 100644
index 0000000..dd764c4
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/help/keyboard-shortcuts.tsx
@@ -0,0 +1,19 @@
+import { FC } from 'react'
+import { useProjectContext } from '@/shared/context/project-context'
+import HotkeysModal from '@/features/hotkeys-modal/components/hotkeys-modal'
+import { isMac } from '@/shared/utils/os'
+import { useRailContext } from '../../contexts/rail-context'
+
+export const RailHelpShowHotkeysModal: FC<{ show: boolean }> = ({ show }) => {
+  const { features } = useProjectContext()
+  const { setActiveModal } = useRailContext()
+
+  return (
+    <HotkeysModal
+      show={show}
+      handleHide={() => setActiveModal(null)}
+      isMac={isMac}
+      trackChangesVisible={features?.trackChangesVisible}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/integrations-panel/integration-card.tsx b/services/web/frontend/js/features/ide-redesign/components/integrations-panel/integration-card.tsx
new file mode 100644
index 0000000..6b0f69a
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/integrations-panel/integration-card.tsx
@@ -0,0 +1,42 @@
+import OLBadge from '@/features/ui/components/ol/ol-badge'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useTranslation } from 'react-i18next'
+
+export default function IntegrationCard({
+  onClick,
+  title,
+  description,
+  icon,
+  showPaywallBadge,
+}: {
+  onClick: () => void
+  title: string
+  description: string
+  icon: React.ReactNode
+  showPaywallBadge: boolean
+}) {
+  const { t } = useTranslation()
+
+  return (
+    <button onClick={onClick} className="integrations-panel-card-button">
+      <div className="integrations-panel-card-contents">
+        {icon}
+        <div className="integrations-panel-card-inner">
+          <header className="integrations-panel-card-header">
+            <div className="integrations-panel-card-title">{title}</div>
+            {showPaywallBadge && (
+              <OLBadge
+                prepend={<MaterialIcon type="star" />}
+                bg="light"
+                className="integrations-panel-card-premium-badge"
+              >
+                {t('premium')}
+              </OLBadge>
+            )}
+          </header>
+          <p className="integrations-panel-card-description">{description}</p>
+        </div>
+      </div>
+    </button>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/integrations-panel/integrations-panel.tsx b/services/web/frontend/js/features/ide-redesign/components/integrations-panel/integrations-panel.tsx
new file mode 100644
index 0000000..d1e4358
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/integrations-panel/integrations-panel.tsx
@@ -0,0 +1,23 @@
+import { ElementType } from 'react'
+import importOverleafModules from '../../../../../macros/import-overleaf-module.macro'
+import { RailPanelHeader } from '../rail'
+import { useTranslation } from 'react-i18next'
+
+const integrationPanelComponents = importOverleafModules(
+  'integrationPanelComponents'
+) as { import: { default: ElementType }; path: string }[]
+
+export default function IntegrationsPanel() {
+  const { t } = useTranslation()
+
+  return (
+    <div className="integrations-panel">
+      <RailPanelHeader title={t('integrations')} />
+      {integrationPanelComponents.map(
+        ({ import: { default: Component }, path }) => (
+          <Component key={path} />
+        )
+      )}
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/labs-widget.tsx b/services/web/frontend/js/features/ide-redesign/components/labs-widget.tsx
new file mode 100644
index 0000000..6b9cc65
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/labs-widget.tsx
@@ -0,0 +1,32 @@
+import { useState } from 'react'
+import LabsExperimentWidget from '../../../shared/components/labs/labs-experiments-widget'
+import { isInExperiment } from '@/utils/labs-utils'
+import { useTranslation } from 'react-i18next'
+import labsIcon from '../images/labs-icon.svg'
+
+const EditorRedesignLabsWidget = ({
+  labsProgram,
+  setErrorMessage,
+}: {
+  labsProgram: boolean
+  setErrorMessage: (err: string) => void
+}) => {
+  const { t } = useTranslation()
+  const [optedIn, setOptedIn] = useState(isInExperiment('editor-redesign'))
+  return (
+    <LabsExperimentWidget
+      description={t(
+        'access_your_favourite_features_faster_with_our_new_streamlined_editor'
+      )}
+      experimentName="editor-redesign"
+      logo={<img src={labsIcon} alt="" aria-hidden="true" />}
+      labsEnabled={labsProgram}
+      setErrorMessage={setErrorMessage}
+      optedIn={optedIn}
+      setOptedIn={setOptedIn}
+      title={t('new_overleaf_editor')}
+    />
+  )
+}
+
+export default EditorRedesignLabsWidget
diff --git a/services/web/frontend/js/features/ide-redesign/components/main-layout.tsx b/services/web/frontend/js/features/ide-redesign/components/main-layout.tsx
new file mode 100644
index 0000000..cf71ed0
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/main-layout.tsx
@@ -0,0 +1,105 @@
+import { Panel, PanelGroup } from 'react-resizable-panels'
+import classNames from 'classnames'
+import { HorizontalResizeHandle } from '@/features/ide-react/components/resize/horizontal-resize-handle'
+import PdfPreview from '@/features/pdf-preview/components/pdf-preview'
+import { RailLayout } from './rail'
+import { Toolbar } from './toolbar/toolbar'
+import { HorizontalToggler } from '@/features/ide-react/components/resize/horizontal-toggler'
+import { useTranslation } from 'react-i18next'
+import { usePdfPane } from '@/features/ide-react/hooks/use-pdf-pane'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import { useState } from 'react'
+import EditorPanel from './editor-panel'
+import { useRailContext } from '../contexts/rail-context'
+import HistoryContainer from '@/features/ide-react/components/history-container'
+
+export default function MainLayout() {
+  const [resizing, setResizing] = useState(false)
+  const { resizing: railResizing } = useRailContext()
+  const {
+    togglePdfPane,
+    handlePdfPaneExpand,
+    handlePdfPaneCollapse,
+    setPdfIsOpen: setIsPdfOpen,
+    pdfIsOpen: isPdfOpen,
+    pdfPanelRef,
+  } = usePdfPane()
+
+  const { view, pdfLayout } = useLayoutContext()
+
+  const editorIsOpen =
+    view === 'editor' || view === 'file' || pdfLayout === 'sideBySide'
+
+  const { t } = useTranslation()
+
+  return (
+    <div className="ide-redesign-main">
+      <Toolbar />
+      <div className="ide-redesign-body">
+        <PanelGroup
+          autoSaveId="ide-redesign-outer-layout"
+          direction="horizontal"
+          className={classNames('ide-redesign-inner', {
+            'ide-panel-group-resizing': resizing || railResizing,
+          })}
+        >
+          <RailLayout />
+          <Panel id="ide-redesign-editor-and-pdf-panel" order={2}>
+            <HistoryContainer />
+            <PanelGroup
+              autoSaveId="ide-redesign-editor-and-pdf-panel-group"
+              direction="horizontal"
+            >
+              <Panel
+                id="ide-redesign-editor-panel"
+                order={1}
+                className={classNames({
+                  hidden: !editorIsOpen || view === 'history',
+                })}
+                minSize={5}
+                defaultSize={50}
+              >
+                <div className="ide-redesign-editor-container">
+                  <EditorPanel />
+                </div>
+              </Panel>
+              <HorizontalResizeHandle
+                resizable={pdfLayout === 'sideBySide'}
+                onDragging={setResizing}
+                onDoubleClick={togglePdfPane}
+                hitAreaMargins={{ coarse: 0, fine: 0 }}
+                className={classNames({
+                  hidden: !editorIsOpen,
+                })}
+              >
+                <HorizontalToggler
+                  id="ide-redesign-pdf-panel"
+                  togglerType="east"
+                  isOpen={isPdfOpen}
+                  setIsOpen={setIsPdfOpen}
+                  tooltipWhenOpen={t('tooltip_hide_pdf')}
+                  tooltipWhenClosed={t('tooltip_show_pdf')}
+                />
+              </HorizontalResizeHandle>
+              <Panel
+                collapsible
+                className={classNames('ide-redesign-pdf-container', {
+                  hidden: view === 'history',
+                })}
+                id="ide-redesign-pdf-panel"
+                order={2}
+                defaultSize={50}
+                minSize={5}
+                ref={pdfPanelRef}
+                onExpand={handlePdfPaneExpand}
+                onCollapse={handlePdfPaneCollapse}
+              >
+                <PdfPreview />
+              </Panel>
+            </PanelGroup>
+          </Panel>
+        </PanelGroup>
+      </div>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/pdf-preview/pdf-error-state.tsx b/services/web/frontend/js/features/ide-redesign/components/pdf-preview/pdf-error-state.tsx
new file mode 100644
index 0000000..ef77c0f
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/pdf-preview/pdf-error-state.tsx
@@ -0,0 +1,58 @@
+import OLButton from '@/features/ui/components/ol/ol-button'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useTranslation } from 'react-i18next'
+import { useRailContext } from '../../contexts/rail-context'
+import { usePdfPreviewContext } from '@/features/pdf-preview/components/pdf-preview-provider'
+import { useDetachCompileContext as useCompileContext } from '@/shared/context/detach-compile-context'
+import { useIsNewEditorEnabled } from '../../utils/new-editor-utils'
+
+function PdfErrorState() {
+  const { loadingError } = usePdfPreviewContext()
+  // TODO ide-redesign-cleanup: rename showLogs to something else and check usages
+  const { showLogs } = useCompileContext()
+  const { t } = useTranslation()
+  const { openTab: openRailTab } = useRailContext()
+  const newEditor = useIsNewEditorEnabled()
+
+  if (!newEditor || (!loadingError && !showLogs)) {
+    return null
+  }
+
+  return (
+    <div className="pdf-error-state">
+      <div className="pdf-error-state-top-section">
+        <div className="pdf-error-state-warning-icon">
+          <MaterialIcon type="warning" />
+        </div>
+        <div className="pdf-error-state-text">
+          <p className="pdf-error-state-label">{t('pdf_couldnt_compile')}</p>
+          <p className="pdf-error-state-description">
+            {t('we_are_unable_to_generate_the_pdf_at_this_time')}
+          </p>
+        </div>
+        <OLButton
+          variant="secondary"
+          size="sm"
+          onClick={() => {
+            openRailTab('errors')
+          }}
+        >
+          {t('check_logs')}
+        </OLButton>
+      </div>
+      <div className="pdf-error-state-info-box">
+        <div className="pdf-error-state-info-box-title">
+          <MaterialIcon type="info" unfilled />
+          {t('why_might_this_happen')}
+        </div>
+        <ul className="pdf-error-state-info-box-text">
+          <li>{t('there_is_an_unrecoverable_latex_error')}</li>
+          <li>{t('the_document_environment_contains_no_content')}</li>
+          <li>{t('this_project_contains_a_file_called_output')}</li>
+        </ul>
+      </div>
+    </div>
+  )
+}
+
+export default PdfErrorState
diff --git a/services/web/frontend/js/features/ide-redesign/components/pdf-preview/pdf-preview-hybrid-toolbar.jsx b/services/web/frontend/js/features/ide-redesign/components/pdf-preview/pdf-preview-hybrid-toolbar.jsx
new file mode 100644
index 0000000..f2cdca0
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/pdf-preview/pdf-preview-hybrid-toolbar.jsx
@@ -0,0 +1,22 @@
+import { memo } from 'react'
+import OlButtonToolbar from '@/features/ui/components/ol/ol-button-toolbar'
+import PdfCompileButton from '@/features/pdf-preview/components/pdf-compile-button'
+import PdfHybridDownloadButton from '@/features/pdf-preview/components/pdf-hybrid-download-button'
+
+function PdfPreviewHybridToolbar() {
+  // TODO: add detached pdf logic
+  return (
+    <OlButtonToolbar className="toolbar toolbar-pdf toolbar-pdf-hybrid">
+      <div className="toolbar-pdf-left">
+        <PdfCompileButton />
+        <PdfHybridDownloadButton />
+      </div>
+      <div className="toolbar-pdf-right">
+        <div className="toolbar-pdf-controls" id="toolbar-pdf-controls" />
+        {/* TODO: should we have switch to editor/code check/synctex buttons? */}
+      </div>
+    </OlButtonToolbar>
+  )
+}
+
+export default memo(PdfPreviewHybridToolbar)
diff --git a/services/web/frontend/js/features/ide-redesign/components/rail.tsx b/services/web/frontend/js/features/ide-redesign/components/rail.tsx
new file mode 100644
index 0000000..4459971
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/rail.tsx
@@ -0,0 +1,403 @@
+import { FC, ReactElement, useCallback, useMemo } from 'react'
+import { Nav, NavLink, Tab, TabContainer } from 'react-bootstrap-5'
+import MaterialIcon, {
+  AvailableUnfilledIcon,
+} from '@/shared/components/material-icon'
+import { Panel } from 'react-resizable-panels'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import { ErrorIndicator, ErrorPane } from './errors'
+import {
+  RailModalKey,
+  RailTabKey,
+  useRailContext,
+} from '../contexts/rail-context'
+import FileTreeOutlinePanel from './file-tree-outline-panel'
+import { ChatIndicator, ChatPane } from './chat/chat'
+import getMeta from '@/utils/meta'
+import { HorizontalResizeHandle } from '@/features/ide-react/components/resize/horizontal-resize-handle'
+import { HorizontalToggler } from '@/features/ide-react/components/resize/horizontal-toggler'
+import { useTranslation } from 'react-i18next'
+import classNames from 'classnames'
+import IntegrationsPanel from './integrations-panel/integrations-panel'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import {
+  Dropdown,
+  DropdownDivider,
+  DropdownItem,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import { RailHelpShowHotkeysModal } from './help/keyboard-shortcuts'
+import { RailHelpContactUsModal } from './help/contact-us'
+import { HistorySidebar } from '@/features/ide-react/components/history-sidebar'
+import DictionarySettingsModal from './settings/editor-settings/dictionary-settings-modal'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+
+type RailElement = {
+  icon: AvailableUnfilledIcon
+  key: RailTabKey
+  component: ReactElement | null
+  indicator?: ReactElement
+  title: string
+  hide?: boolean
+}
+
+type RailActionButton = {
+  key: string
+  icon: AvailableUnfilledIcon
+  title: string
+  action: () => void
+}
+type RailDropdown = {
+  key: string
+  icon: AvailableUnfilledIcon
+  title: string
+  dropdown: ReactElement
+}
+type RailAction = RailDropdown | RailActionButton
+
+const RAIL_MODALS: {
+  key: RailModalKey
+  modalComponentFunction: FC<{ show: boolean }>
+}[] = [
+  {
+    key: 'keyboard-shortcuts',
+    modalComponentFunction: RailHelpShowHotkeysModal,
+  },
+  {
+    key: 'contact-us',
+    modalComponentFunction: RailHelpContactUsModal,
+  },
+  {
+    key: 'dictionary',
+    modalComponentFunction: DictionarySettingsModal,
+  },
+]
+
+export const RailLayout = () => {
+  const { t } = useTranslation()
+  const {
+    activeModal,
+    selectedTab,
+    openTab,
+    isOpen,
+    setIsOpen,
+    panelRef,
+    handlePaneCollapse,
+    handlePaneExpand,
+    togglePane,
+    setResizing,
+  } = useRailContext()
+
+  const { view, setLeftMenuShown } = useLayoutContext()
+
+  const isHistoryView = view === 'history'
+
+  const railTabs: RailElement[] = useMemo(
+    () => [
+      {
+        key: 'file-tree',
+        icon: 'description',
+        title: t('file_tree'),
+        component: <FileTreeOutlinePanel />,
+      },
+      {
+        key: 'integrations',
+        icon: 'integration_instructions',
+        title: t('integrations'),
+        component: <IntegrationsPanel />,
+      },
+      {
+        key: 'review-panel',
+        icon: 'rate_review',
+        title: t('review_panel'),
+        component: null,
+      },
+      {
+        key: 'chat',
+        icon: 'forum',
+        component: <ChatPane />,
+        indicator: <ChatIndicator />,
+        title: t('chat'),
+        hide: !getMeta('ol-chatEnabled'),
+      },
+      {
+        key: 'errors',
+        icon: 'report',
+        title: t('error_log'),
+        component: <ErrorPane />,
+        indicator: <ErrorIndicator />,
+      },
+    ],
+    [t]
+  )
+
+  const railActions: RailAction[] = useMemo(
+    () => [
+      {
+        key: 'support',
+        icon: 'help',
+        title: t('help'),
+        dropdown: <RailHelpDropdown />,
+      },
+      {
+        key: 'settings',
+        icon: 'settings',
+        title: t('settings'),
+        action: () => setLeftMenuShown(true),
+      },
+    ],
+    [setLeftMenuShown, t]
+  )
+
+  const onTabSelect = useCallback(
+    (key: string | null) => {
+      if (key === selectedTab) {
+        togglePane()
+      } else {
+        // HACK: Apparently the onSelect event is triggered with href attributes
+        // from DropdownItems
+        if (!railTabs.some(tab => !tab.hide && tab.key === key)) {
+          // Attempting to open a non-existent tab
+          return
+        }
+        // Change the selected tab and make sure it's open
+        openTab((key ?? 'file-tree') as RailTabKey)
+      }
+    },
+    [openTab, togglePane, selectedTab, railTabs]
+  )
+
+  const isReviewPanelOpen = selectedTab === 'review-panel'
+
+  return (
+    <TabContainer
+      mountOnEnter // Only render when necessary (so that we can lazy load tab content)
+      unmountOnExit={false} // TODO: Should we unmount the tabs when they're not used?
+      transition={false}
+      activeKey={selectedTab}
+      onSelect={onTabSelect}
+      id="ide-rail-tabs"
+    >
+      <div className={classNames('ide-rail', { hidden: isHistoryView })}>
+        <Nav activeKey={selectedTab} className="ide-rail-tabs-nav">
+          {railTabs
+            .filter(({ hide }) => !hide)
+            .map(({ icon, key, indicator, title }) => (
+              <RailTab
+                open={isOpen && selectedTab === key}
+                key={key}
+                eventKey={key}
+                icon={icon}
+                indicator={indicator}
+                title={title}
+              />
+            ))}
+          <div className="flex-grow-1" />
+          {railActions?.map(action => (
+            <RailActionElement key={action.key} action={action} />
+          ))}
+        </Nav>
+      </div>
+      <Panel
+        id="ide-redesign-sidebar-panel"
+        className={classNames({ hidden: isReviewPanelOpen })}
+        order={1}
+        defaultSize={15}
+        minSize={5}
+        maxSize={80}
+        ref={panelRef}
+        collapsible
+        onCollapse={handlePaneCollapse}
+        onExpand={handlePaneExpand}
+      >
+        {isHistoryView && <HistorySidebar />}
+        <div
+          className={classNames('ide-rail-content', {
+            hidden: isHistoryView,
+          })}
+        >
+          <Tab.Content>
+            {railTabs
+              .filter(({ hide }) => !hide)
+              .map(({ key, component }) => (
+                <Tab.Pane eventKey={key} key={key}>
+                  {component}
+                </Tab.Pane>
+              ))}
+          </Tab.Content>
+        </div>
+      </Panel>
+      <HorizontalResizeHandle
+        className={classNames({ hidden: isReviewPanelOpen })}
+        resizable
+        hitAreaMargins={{ coarse: 0, fine: 0 }}
+        onDoubleClick={togglePane}
+        onDragging={setResizing}
+      >
+        <HorizontalToggler
+          id="ide-redesign-sidebar-panel"
+          togglerType="west"
+          isOpen={isOpen}
+          setIsOpen={setIsOpen}
+          tooltipWhenOpen={t('tooltip_hide_panel')}
+          tooltipWhenClosed={t('tooltip_show_panel')}
+        />
+      </HorizontalResizeHandle>
+      {RAIL_MODALS.map(({ key, modalComponentFunction: Component }) => (
+        <Component key={key} show={activeModal === key} />
+      ))}
+    </TabContainer>
+  )
+}
+
+const RailTab = ({
+  icon,
+  eventKey,
+  open,
+  indicator,
+  title,
+}: {
+  icon: AvailableUnfilledIcon
+  eventKey: string
+  open: boolean
+  indicator?: ReactElement
+  title: string
+}) => {
+  return (
+    <OLTooltip
+      id={`rail-tab-tooltip-${eventKey}`}
+      description={title}
+      overlayProps={{ delay: 0, placement: 'right' }}
+    >
+      <NavLink
+        eventKey={eventKey}
+        className={classNames('ide-rail-tab-link', {
+          'open-rail': open,
+        })}
+      >
+        {open ? (
+          <MaterialIcon className="ide-rail-tab-link-icon" type={icon} />
+        ) : (
+          <MaterialIcon
+            className="ide-rail-tab-link-icon"
+            type={icon}
+            unfilled
+          />
+        )}
+        {indicator}
+      </NavLink>
+    </OLTooltip>
+  )
+}
+
+const RailActionElement = ({ action }: { action: RailAction }) => {
+  const icon = (
+    <MaterialIcon
+      className="ide-rail-tab-link-icon"
+      type={action.icon}
+      unfilled
+    />
+  )
+  const onActionClick = useCallback(() => {
+    if ('action' in action) {
+      action.action()
+    }
+  }, [action])
+
+  if ('dropdown' in action) {
+    return (
+      <Dropdown align="end" drop="end">
+        <OLTooltip
+          id={`rail-dropdown-tooltip-${action.key}`}
+          description={action.title}
+          overlayProps={{ delay: 0, placement: 'right' }}
+        >
+          <span>
+            <DropdownToggle
+              id="rail-help-dropdown-btn"
+              className="ide-rail-tab-link ide-rail-tab-button ide-rail-tab-dropdown"
+              as="button"
+            >
+              {icon}
+            </DropdownToggle>
+          </span>
+        </OLTooltip>
+        {action.dropdown}
+      </Dropdown>
+    )
+  } else {
+    return (
+      <OLTooltip
+        id={`rail-tab-tooltip-${action.key}`}
+        description={action.title}
+        overlayProps={{ delay: 0, placement: 'right' }}
+      >
+        <button
+          onClick={onActionClick}
+          className="ide-rail-tab-link ide-rail-tab-button"
+          type="button"
+        >
+          {icon}
+        </button>
+      </OLTooltip>
+    )
+  }
+}
+
+export const RailPanelHeader: FC<{ title: string }> = ({ title }) => {
+  const { handlePaneCollapse } = useRailContext()
+  return (
+    <header className="rail-panel-header">
+      <h4 className="rail-panel-title">{title}</h4>
+      <OLButton
+        onClick={handlePaneCollapse}
+        className="rail-panel-header-button-subdued"
+        size="sm"
+      >
+        <MaterialIcon type="close" />
+      </OLButton>
+    </header>
+  )
+}
+
+const RailHelpDropdown = () => {
+  const showSupport = getMeta('ol-showSupport')
+  const { t } = useTranslation()
+  const { setActiveModal } = useRailContext()
+  const openKeyboardShortcutsModal = useCallback(() => {
+    setActiveModal('keyboard-shortcuts')
+  }, [setActiveModal])
+  const openContactUsModal = useCallback(() => {
+    setActiveModal('contact-us')
+  }, [setActiveModal])
+  return (
+    <DropdownMenu>
+      <DropdownItem onClick={openKeyboardShortcutsModal}>
+        {t('keyboard_shortcuts')}
+      </DropdownItem>
+      <DropdownItem
+        href="/learn"
+        role="menuitem"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        {t('documentation')}
+      </DropdownItem>
+      <DropdownDivider />
+      {showSupport && (
+        <DropdownItem onClick={openContactUsModal}>
+          {t('contact_us')}
+        </DropdownItem>
+      )}
+      <DropdownItem
+        href="https://forms.gle/soyVStc5qDx9na1Z6"
+        role="menuitem"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        {t('give_feedback')}
+      </DropdownItem>
+    </DropdownMenu>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/appearance-settings/appearance-settings.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/appearance-settings/appearance-settings.tsx
new file mode 100644
index 0000000..3bf2622
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/appearance-settings/appearance-settings.tsx
@@ -0,0 +1,18 @@
+import SettingsSection from '../settings-section'
+import OverallThemeSetting from '../appearance-settings/overall-theme-setting'
+import EditorThemeSetting from './editor-theme-setting'
+import FontSizeSetting from './font-size-setting'
+import FontFamilySetting from './font-family-setting'
+import LineHeightSetting from './line-height-setting'
+
+export default function AppearanceSettings() {
+  return (
+    <SettingsSection>
+      <OverallThemeSetting />
+      <EditorThemeSetting />
+      <FontSizeSetting />
+      <FontFamilySetting />
+      <LineHeightSetting />
+    </SettingsSection>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/appearance-settings/editor-theme-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/appearance-settings/editor-theme-setting.tsx
new file mode 100644
index 0000000..eba0fc5
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/appearance-settings/editor-theme-setting.tsx
@@ -0,0 +1,46 @@
+import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
+import DropdownSetting from '../dropdown-setting'
+import getMeta from '@/utils/meta'
+import { useMemo } from 'react'
+import type { Option } from '../dropdown-setting'
+import { useTranslation } from 'react-i18next'
+
+export default function EditorThemeSetting() {
+  const editorThemes = getMeta('ol-editorThemes')
+  const legacyEditorThemes = getMeta('ol-legacyEditorThemes')
+  const { editorTheme, setEditorTheme } = useProjectSettingsContext()
+  const { t } = useTranslation()
+
+  const options = useMemo(() => {
+    const editorThemeOptions: Array<Option> =
+      editorThemes?.map(theme => ({
+        value: theme,
+        label: theme.replace(/_/g, ' '),
+      })) ?? []
+
+    const dividerOption: Option = {
+      value: '-',
+      label: '—————————————————',
+      disabled: true,
+    }
+
+    const legacyEditorThemeOptions: Array<Option> =
+      legacyEditorThemes?.map(theme => ({
+        value: theme,
+        label: theme.replace(/_/g, ' ') + ' (Legacy)',
+      })) ?? []
+
+    return [...editorThemeOptions, dividerOption, ...legacyEditorThemeOptions]
+  }, [editorThemes, legacyEditorThemes])
+
+  return (
+    <DropdownSetting
+      id="editorTheme"
+      label={t('editor_theme')}
+      description={t('the_code_editor_color_scheme')}
+      options={options}
+      onChange={setEditorTheme}
+      value={editorTheme}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/appearance-settings/font-family-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/appearance-settings/font-family-setting.tsx
new file mode 100644
index 0000000..d0310e2
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/appearance-settings/font-family-setting.tsx
@@ -0,0 +1,32 @@
+import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
+import { useTranslation } from 'react-i18next'
+import DropdownSetting from '../dropdown-setting'
+
+export default function FontFamilySetting() {
+  const { fontFamily, setFontFamily } = useProjectSettingsContext()
+  const { t } = useTranslation()
+
+  return (
+    <DropdownSetting
+      id="fontFamily"
+      label={t('editor_font_family')}
+      options={[
+        {
+          value: 'monaco',
+          label: 'Monaco / Menlo / Consolas',
+        },
+        {
+          value: 'lucida',
+          label: 'Lucida / Source Code Pro',
+        },
+        {
+          value: 'opendyslexicmono',
+          label: 'OpenDyslexic Mono',
+        },
+      ]}
+      onChange={setFontFamily}
+      value={fontFamily}
+      width="wide"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/appearance-settings/font-size-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/appearance-settings/font-size-setting.tsx
new file mode 100644
index 0000000..7893551
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/appearance-settings/font-size-setting.tsx
@@ -0,0 +1,24 @@
+import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
+import { useTranslation } from 'react-i18next'
+import DropdownSetting from '../dropdown-setting'
+
+const sizes = [10, 11, 12, 13, 14, 16, 18, 20, 22, 24]
+const options = sizes.map(size => ({
+  value: size,
+  label: `${size}px`,
+}))
+
+export default function FontSizeSetting() {
+  const { fontSize, setFontSize } = useProjectSettingsContext()
+  const { t } = useTranslation()
+
+  return (
+    <DropdownSetting
+      id="fontSize"
+      label={t('editor_font_size')}
+      options={options}
+      onChange={setFontSize}
+      value={fontSize}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/appearance-settings/line-height-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/appearance-settings/line-height-setting.tsx
new file mode 100644
index 0000000..1102a9a
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/appearance-settings/line-height-setting.tsx
@@ -0,0 +1,31 @@
+import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
+import { useTranslation } from 'react-i18next'
+import DropdownSetting from '../dropdown-setting'
+
+export default function LineHeightSetting() {
+  const { lineHeight, setLineHeight } = useProjectSettingsContext()
+  const { t } = useTranslation()
+
+  return (
+    <DropdownSetting
+      id="lineHeight"
+      label={t('editor_line_height')}
+      options={[
+        {
+          value: 'compact',
+          label: t('compact'),
+        },
+        {
+          value: 'normal',
+          label: t('normal'),
+        },
+        {
+          value: 'wide',
+          label: t('wide'),
+        },
+      ]}
+      onChange={setLineHeight}
+      value={lineHeight}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/appearance-settings/overall-theme-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/appearance-settings/overall-theme-setting.tsx
new file mode 100644
index 0000000..670cc1a
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/appearance-settings/overall-theme-setting.tsx
@@ -0,0 +1,45 @@
+import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
+import DropdownSetting from '../dropdown-setting'
+import getMeta from '@/utils/meta'
+import { useMemo } from 'react'
+import type { Option } from '../dropdown-setting'
+import { useTranslation } from 'react-i18next'
+import { OverallThemeMeta } from '../../../../../../../types/project-settings'
+import { isIEEEBranded } from '@/utils/is-ieee-branded'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import { OverallTheme } from '@/shared/utils/styles'
+
+export default function OverallThemeSetting() {
+  const { t } = useTranslation()
+  const overallThemes = getMeta('ol-overallThemes') as
+    | OverallThemeMeta[]
+    | undefined
+
+  const { loadingStyleSheet } = useLayoutContext()
+  const { overallTheme, setOverallTheme } = useProjectSettingsContext()
+
+  const options: Array<Option<OverallTheme>> = useMemo(
+    () =>
+      overallThemes?.map(({ name, val }) => ({
+        value: val,
+        label: name,
+      })) ?? [],
+    [overallThemes]
+  )
+
+  if (!overallThemes || isIEEEBranded()) {
+    return null
+  }
+
+  return (
+    <DropdownSetting
+      id="overallTheme"
+      label={t('overall_theme')}
+      description={t('the_overleaf_color_scheme')}
+      options={options}
+      onChange={setOverallTheme}
+      value={overallTheme}
+      loading={loadingStyleSheet}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/button-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/button-setting.tsx
new file mode 100644
index 0000000..e7617df
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/button-setting.tsx
@@ -0,0 +1,32 @@
+import OLButton from '@/features/ui/components/ol/ol-button'
+import Setting from './setting'
+
+export default function ButtonSetting({
+  id,
+  label,
+  buttonText,
+  onClick,
+  description,
+  disabled,
+}: {
+  id: string
+  label: string
+  buttonText: string
+  onClick: () => void
+  description?: string
+  disabled?: boolean
+}) {
+  return (
+    <Setting controlId={id} label={label} description={description}>
+      <OLButton
+        id={id}
+        variant="secondary"
+        size="sm"
+        onClick={onClick}
+        disabled={disabled}
+      >
+        {buttonText}
+      </OLButton>
+    </Setting>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/auto-compile-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/auto-compile-setting.tsx
new file mode 100644
index 0000000..55bfc4e
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/auto-compile-setting.tsx
@@ -0,0 +1,31 @@
+import ToggleSetting from '../toggle-setting'
+import { useTranslation } from 'react-i18next'
+import { useDetachCompileContext as useCompileContext } from '@/shared/context/detach-compile-context'
+import { useCallback } from 'react'
+import * as eventTracking from '../../../../../infrastructure/event-tracking'
+
+export default function AutoCompileSetting() {
+  const { autoCompile, setAutoCompile } = useCompileContext()
+  const { t } = useTranslation()
+
+  const sendEventAndSet = useCallback(
+    (value: boolean) => {
+      eventTracking.sendMB('recompile-setting-changed', {
+        setting: 'auto-compile',
+        settingVal: value,
+      })
+      setAutoCompile(value)
+    },
+    [setAutoCompile]
+  )
+
+  return (
+    <ToggleSetting
+      id="autoCompile"
+      label={t('autocompile')}
+      description={t('automatically_recompile_the_project_as_you_edit')}
+      checked={autoCompile}
+      onChange={sendEventAndSet}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/compiler-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/compiler-setting.tsx
new file mode 100644
index 0000000..c007a06
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/compiler-setting.tsx
@@ -0,0 +1,43 @@
+import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
+import DropdownSetting from '../dropdown-setting'
+import type { Option } from '../dropdown-setting'
+import { useTranslation } from 'react-i18next'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+import { ProjectCompiler } from '../../../../../../../types/project-settings'
+
+const OPTIONS: Option<ProjectCompiler>[] = [
+  {
+    value: 'pdflatex',
+    label: 'pdfLaTeX',
+  },
+  {
+    value: 'latex',
+    label: 'LaTeX',
+  },
+  {
+    value: 'xelatex',
+    label: 'XeLaTeX',
+  },
+  {
+    value: 'lualatex',
+    label: 'LuaLaTeX',
+  },
+]
+
+export default function CompilerSetting() {
+  const { compiler, setCompiler } = useProjectSettingsContext()
+  const { t } = useTranslation()
+  const { write } = usePermissionsContext()
+
+  return (
+    <DropdownSetting
+      id="compiler"
+      label={t('compiler')}
+      description={t('the_latex_engine_used_for_compiling')}
+      disabled={!write}
+      options={OPTIONS}
+      onChange={setCompiler}
+      value={compiler}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/compiler-settings.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/compiler-settings.tsx
new file mode 100644
index 0000000..80c0835
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/compiler-settings.tsx
@@ -0,0 +1,22 @@
+import SettingsSection from '../settings-section'
+import AutoCompileSetting from './auto-compile-setting'
+import CompilerSetting from './compiler-setting'
+import DraftSetting from './draft-setting'
+import ImageNameSetting from './image-name-setting'
+import RootDocumentSetting from './root-document-setting'
+import StopOnFirstErrorSetting from './stop-on-first-error-setting'
+
+export default function CompilerSettings() {
+  return (
+    <>
+      <SettingsSection>
+        <RootDocumentSetting />
+        <CompilerSetting />
+        <ImageNameSetting />
+        <DraftSetting />
+        <StopOnFirstErrorSetting />
+        <AutoCompileSetting />
+      </SettingsSection>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/draft-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/draft-setting.tsx
new file mode 100644
index 0000000..fcdd546
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/draft-setting.tsx
@@ -0,0 +1,43 @@
+import { useTranslation } from 'react-i18next'
+import { useDetachCompileContext as useCompileContext } from '@/shared/context/detach-compile-context'
+import { useCallback, useMemo } from 'react'
+import * as eventTracking from '../../../../../infrastructure/event-tracking'
+import DropdownSetting from '../dropdown-setting'
+
+export default function DraftSetting() {
+  const { draft, setDraft } = useCompileContext()
+  const { t } = useTranslation()
+
+  const sendEventAndSet = useCallback(
+    (value: boolean) => {
+      eventTracking.sendMB('recompile-setting-changed', {
+        setting: 'compile-mode',
+        settingVal: value,
+      })
+      setDraft(value)
+    },
+    [setDraft]
+  )
+
+  const options = useMemo(
+    () => [
+      { label: t('normal'), value: false },
+      {
+        label: t('fast_draft'),
+        value: true,
+      },
+    ],
+    [t]
+  )
+
+  return (
+    <DropdownSetting
+      id="draft"
+      label={t('compile_mode')}
+      options={options}
+      description={t('switch_compile_mode_for_faster_draft_compilation')}
+      value={draft}
+      onChange={sendEventAndSet}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/image-name-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/image-name-setting.tsx
new file mode 100644
index 0000000..0574657
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/image-name-setting.tsx
@@ -0,0 +1,43 @@
+import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
+import DropdownSetting from '../dropdown-setting'
+import type { Option } from '../dropdown-setting'
+import { useTranslation } from 'react-i18next'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+import { useMemo } from 'react'
+import getMeta from '@/utils/meta'
+
+export default function ImageNameSetting() {
+  const { imageName, setImageName } = useProjectSettingsContext()
+  const { t } = useTranslation()
+  const { write } = usePermissionsContext()
+
+  const allowedImageNames = useMemo(
+    () => getMeta('ol-allowedImageNames') || [],
+    []
+  )
+
+  const options: Array<Option> = useMemo(
+    () =>
+      allowedImageNames.map(({ imageName, imageDesc }) => ({
+        value: imageName,
+        label: imageDesc,
+      })),
+    [allowedImageNames]
+  )
+
+  if (allowedImageNames.length === 0) {
+    return null
+  }
+
+  return (
+    <DropdownSetting
+      id="imageName"
+      label={t('tex_live_version')}
+      description={t('the_version_of_tex_live_used_for_compiling')}
+      disabled={!write}
+      options={options}
+      onChange={setImageName}
+      value={imageName}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/root-document-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/root-document-setting.tsx
new file mode 100644
index 0000000..bd493a0
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/root-document-setting.tsx
@@ -0,0 +1,49 @@
+import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
+import DropdownSetting from '../dropdown-setting'
+import { useMemo } from 'react'
+import type { Option } from '../dropdown-setting'
+import { useTranslation } from 'react-i18next'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import { isValidTeXFile } from '@/main/is-valid-tex-file'
+
+export default function RootDocumentSetting() {
+  const { rootDocId, setRootDocId } = useProjectSettingsContext()
+  const { t } = useTranslation()
+  const { write } = usePermissionsContext()
+  const { docs } = useFileTreeData()
+
+  const validDocsOptions = useMemo(() => {
+    const filteredDocs =
+      docs?.filter(
+        doc => isValidTeXFile(doc.doc.name) || rootDocId === doc.doc.id
+      ) ?? []
+
+    const mappedDocs: Array<Option> = filteredDocs.map(doc => ({
+      value: doc.doc.id,
+      label: doc.path,
+    }))
+
+    if (!rootDocId) {
+      mappedDocs.unshift({
+        value: '',
+        label: 'None',
+        disabled: true,
+      })
+    }
+
+    return mappedDocs
+  }, [docs, rootDocId])
+
+  return (
+    <DropdownSetting
+      id="rootDocId"
+      label={t('main_document')}
+      description={t('the_primary_file_for_compiling_your_project')}
+      disabled={!write}
+      options={validDocsOptions}
+      onChange={setRootDocId}
+      value={rootDocId}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/stop-on-first-error-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/stop-on-first-error-setting.tsx
new file mode 100644
index 0000000..dc59654
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/compiler-settings/stop-on-first-error-setting.tsx
@@ -0,0 +1,18 @@
+import ToggleSetting from '../toggle-setting'
+import { useTranslation } from 'react-i18next'
+import { useDetachCompileContext as useCompileContext } from '@/shared/context/detach-compile-context'
+
+export default function StopOnFirstErrorSetting() {
+  const { stopOnFirstError, setStopOnFirstError } = useCompileContext()
+  const { t } = useTranslation()
+
+  return (
+    <ToggleSetting
+      id="stopOnFirstError"
+      label={t('stop_on_first_error')}
+      description={t('identify_errors_with_your_compile')}
+      checked={stopOnFirstError}
+      onChange={setStopOnFirstError}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/dropdown-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/dropdown-setting.tsx
new file mode 100644
index 0000000..957acdc
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/dropdown-setting.tsx
@@ -0,0 +1,108 @@
+import OLFormSelect from '@/features/ui/components/ol/ol-form-select'
+import { ChangeEventHandler, useCallback } from 'react'
+import Setting from './setting'
+import classNames from 'classnames'
+import { Spinner } from 'react-bootstrap-5'
+
+type PossibleValue = string | number | boolean
+
+export type Option<T extends PossibleValue = string> = {
+  value: T
+  label: string
+  ariaHidden?: 'true' | 'false'
+  disabled?: boolean
+}
+
+export type Optgroup<T extends PossibleValue = string> = {
+  label: string
+  options: Array<Option<T>>
+}
+
+type SettingsMenuSelectProps<T extends PossibleValue = string> = {
+  id: string
+  label: string
+  options: Array<Option<T>>
+  onChange: (val: T) => void
+  description?: string
+  // TODO: We can remove optgroup when the spellcheck setting is
+  // split into 2 and no longer uses it.
+  optgroup?: Optgroup<T>
+  value?: T
+  disabled?: boolean
+  width?: 'default' | 'wide'
+  loading?: boolean
+}
+
+export default function DropdownSetting<T extends PossibleValue = string>({
+  id,
+  label,
+  options,
+  onChange,
+  value,
+  optgroup,
+  description = undefined,
+  disabled = false,
+  width = 'default',
+  loading = false,
+}: SettingsMenuSelectProps<T>) {
+  const handleChange: ChangeEventHandler<HTMLSelectElement> = useCallback(
+    event => {
+      const selectedValue = event.target.value
+      let onChangeValue: PossibleValue = selectedValue
+      if (typeof value === 'boolean') {
+        onChangeValue = selectedValue === 'true'
+      } else if (typeof value === 'number') {
+        onChangeValue = parseInt(selectedValue, 10)
+      }
+      onChange(onChangeValue as T)
+    },
+    [onChange, value]
+  )
+
+  return (
+    <Setting controlId={id} label={label} description={description}>
+      {loading ? (
+        <Spinner
+          animation="border"
+          aria-hidden="true"
+          size="sm"
+          role="status"
+        />
+      ) : (
+        <OLFormSelect
+          id={id}
+          className={classNames('ide-dropdown-setting', {
+            'ide-dropdown-setting-wide': width === 'wide',
+          })}
+          size="sm"
+          onChange={handleChange}
+          value={value?.toString()}
+          disabled={disabled}
+        >
+          {options.map(option => (
+            <option
+              key={`${id}-${option.value}`}
+              value={option.value.toString()}
+              aria-hidden={option.ariaHidden}
+              disabled={option.disabled}
+            >
+              {option.label}
+            </option>
+          ))}
+          {optgroup ? (
+            <optgroup label={optgroup.label}>
+              {optgroup.options.map(option => (
+                <option
+                  value={option.value.toString()}
+                  key={option.value.toString()}
+                >
+                  {option.label}
+                </option>
+              ))}
+            </optgroup>
+          ) : null}
+        </OLFormSelect>
+      )}
+    </Setting>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/auto-close-brackets-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/auto-close-brackets-setting.tsx
new file mode 100644
index 0000000..3d30925
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/auto-close-brackets-setting.tsx
@@ -0,0 +1,19 @@
+import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
+import ToggleSetting from '../toggle-setting'
+import { useTranslation } from 'react-i18next'
+
+export default function AutoCloseBracketsSetting() {
+  const { autoPairDelimiters, setAutoPairDelimiters } =
+    useProjectSettingsContext()
+  const { t } = useTranslation()
+
+  return (
+    <ToggleSetting
+      id="autoPairDelimiters"
+      label={t('auto_close_brackets')}
+      description={t('automatically_insert_closing_brackets_and_parentheses')}
+      checked={autoPairDelimiters}
+      onChange={setAutoPairDelimiters}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/auto-complete-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/auto-complete-setting.tsx
new file mode 100644
index 0000000..bf15bec
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/auto-complete-setting.tsx
@@ -0,0 +1,18 @@
+import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
+import ToggleSetting from '../toggle-setting'
+import { useTranslation } from 'react-i18next'
+
+export default function AutoCompleteSetting() {
+  const { autoComplete, setAutoComplete } = useProjectSettingsContext()
+  const { t } = useTranslation()
+
+  return (
+    <ToggleSetting
+      id="autoComplete"
+      label={t('auto_complete')}
+      description={t('suggests_code_completions_while_typing')}
+      checked={autoComplete}
+      onChange={setAutoComplete}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/code-check-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/code-check-setting.tsx
new file mode 100644
index 0000000..2f2a22e
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/code-check-setting.tsx
@@ -0,0 +1,18 @@
+import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
+import ToggleSetting from '../toggle-setting'
+import { useTranslation } from 'react-i18next'
+
+export default function CodeCheckSetting() {
+  const { syntaxValidation, setSyntaxValidation } = useProjectSettingsContext()
+  const { t } = useTranslation()
+
+  return (
+    <ToggleSetting
+      id="syntaxValidation"
+      label={t('syntax_validation')}
+      description={t('enables_real_time_syntax_checking_in_the_editor')}
+      checked={syntaxValidation}
+      onChange={setSyntaxValidation}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/dictionary-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/dictionary-setting.tsx
new file mode 100644
index 0000000..4b50ff8
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/dictionary-setting.tsx
@@ -0,0 +1,29 @@
+import { useTranslation } from 'react-i18next'
+import { useCallback } from 'react'
+import ButtonSetting from '../button-setting'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import { useRailContext } from '@/features/ide-redesign/contexts/rail-context'
+
+export default function DictionarySetting() {
+  const { t } = useTranslation()
+  const { setActiveModal } = useRailContext()
+
+  // TODO ide-redesign-cleanup: leftMenu is a misnomer, in the
+  // redesign it refers to the settings modal
+  const { setLeftMenuShown } = useLayoutContext()
+
+  const onClick = useCallback(() => {
+    setActiveModal('dictionary')
+    setLeftMenuShown(false)
+  }, [setLeftMenuShown, setActiveModal])
+
+  return (
+    <ButtonSetting
+      id="dictionary-settings"
+      label={t('dictionary')}
+      description={t('edit_your_custom_dictionary')}
+      buttonText={t('edit')}
+      onClick={onClick}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/dictionary-settings-modal.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/dictionary-settings-modal.tsx
new file mode 100644
index 0000000..3de60a3
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/dictionary-settings-modal.tsx
@@ -0,0 +1,10 @@
+import DictionaryModal from '@/features/dictionary/components/dictionary-modal'
+import { useRailContext } from '@/features/ide-redesign/contexts/rail-context'
+import { useCallback } from 'react'
+
+export default function DictionarySettingsModal({ show }: { show: boolean }) {
+  const { setActiveModal } = useRailContext()
+  const handleHide = useCallback(() => setActiveModal(null), [setActiveModal])
+
+  return <DictionaryModal show={show} handleHide={handleHide} />
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/editor-settings.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/editor-settings.tsx
new file mode 100644
index 0000000..28dcef8
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/editor-settings.tsx
@@ -0,0 +1,40 @@
+import AutoCompleteSetting from './auto-complete-setting'
+import CodeCheckSetting from './code-check-setting'
+import AutoCloseBracketsSetting from './auto-close-brackets-setting'
+import SettingsSection from '../settings-section'
+import MathPreviewSetting from './math-preview-setting'
+import { useTranslation } from 'react-i18next'
+import KeybindingSetting from './keybinding-setting'
+import PDFViewerSetting from './pdf-viewer-setting'
+import SpellCheckSetting from './spell-check-setting'
+import DictionarySetting from './dictionary-setting'
+import importOverleafModules from '../../../../../../macros/import-overleaf-module.macro'
+
+const [referenceSearchSettingModule] = importOverleafModules(
+  'referenceSearchSetting'
+)
+const ReferenceSearchSetting = referenceSearchSettingModule?.import.default
+
+export default function EditorSettings() {
+  const { t } = useTranslation()
+
+  return (
+    <>
+      <SettingsSection>
+        <AutoCompleteSetting />
+        <AutoCloseBracketsSetting />
+        <CodeCheckSetting />
+        <KeybindingSetting />
+        <PDFViewerSetting />
+        {ReferenceSearchSetting && <ReferenceSearchSetting />}
+      </SettingsSection>
+      <SettingsSection title={t('spellcheck')}>
+        <SpellCheckSetting />
+        <DictionarySetting />
+      </SettingsSection>
+      <SettingsSection title={t('tools')}>
+        <MathPreviewSetting />
+      </SettingsSection>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/keybinding-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/keybinding-setting.tsx
new file mode 100644
index 0000000..c3ec916
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/keybinding-setting.tsx
@@ -0,0 +1,35 @@
+import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
+import { useTranslation } from 'react-i18next'
+import DropdownSetting from '../dropdown-setting'
+import { Keybindings } from '../../../../../../../types/user-settings'
+
+const OPTIONS: { value: Keybindings; label: string }[] = [
+  {
+    value: 'default',
+    label: 'None',
+  },
+  {
+    value: 'vim',
+    label: 'Vim',
+  },
+  {
+    value: 'emacs',
+    label: 'Emacs',
+  },
+]
+
+export default function KeybindingSetting() {
+  const { mode, setMode } = useProjectSettingsContext()
+  const { t } = useTranslation()
+
+  return (
+    <DropdownSetting
+      id="mode"
+      label={t('keybindings')}
+      description={t('work_in_vim_or_emacs_emulation_mode')}
+      options={OPTIONS}
+      onChange={setMode}
+      value={mode}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/math-preview-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/math-preview-setting.tsx
new file mode 100644
index 0000000..1a31c05
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/math-preview-setting.tsx
@@ -0,0 +1,18 @@
+import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
+import ToggleSetting from '../toggle-setting'
+import { useTranslation } from 'react-i18next'
+
+export default function MathPreviewSetting() {
+  const { mathPreview, setMathPreview } = useProjectSettingsContext()
+  const { t } = useTranslation()
+
+  return (
+    <ToggleSetting
+      id="mathPreview"
+      label={t('equation_preview')}
+      description={t('show_live_equation_previews_while_typing')}
+      checked={mathPreview}
+      onChange={setMathPreview}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/pdf-viewer-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/pdf-viewer-setting.tsx
new file mode 100644
index 0000000..20d1e56
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/pdf-viewer-setting.tsx
@@ -0,0 +1,27 @@
+import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
+import { useTranslation } from 'react-i18next'
+import DropdownSetting from '../dropdown-setting'
+
+export default function PDFViewerSetting() {
+  const { pdfViewer, setPdfViewer } = useProjectSettingsContext()
+  const { t } = useTranslation()
+
+  return (
+    <DropdownSetting
+      id="pdfViewer"
+      label={t('pdf_viewer')}
+      options={[
+        {
+          value: 'pdfjs',
+          label: t('overleaf'),
+        },
+        {
+          value: 'native',
+          label: t('browser'),
+        },
+      ]}
+      onChange={setPdfViewer}
+      value={pdfViewer}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/spell-check-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/spell-check-setting.tsx
new file mode 100644
index 0000000..67de8ba
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/editor-settings/spell-check-setting.tsx
@@ -0,0 +1,40 @@
+import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
+import { useTranslation } from 'react-i18next'
+import DropdownSetting, { Optgroup } from '../dropdown-setting'
+import { useMemo } from 'react'
+import getMeta from '@/utils/meta'
+import { supportsWebAssembly } from '@/utils/wasm'
+
+// TODO: Split this into separate setttings for spell check
+// language and spell check on/off
+export default function SpellCheckSetting() {
+  const { spellCheckLanguage, setSpellCheckLanguage } =
+    useProjectSettingsContext()
+  const { t } = useTranslation()
+
+  const optgroup: Optgroup = useMemo(() => {
+    const options = (getMeta('ol-languages') ?? [])
+      // only include spell-check languages that are available in the client
+      .filter(language => language.dic !== undefined)
+
+    return {
+      label: 'Language',
+      options: options.map(language => ({
+        value: language.code,
+        label: language.name,
+      })),
+    }
+  }, [])
+
+  return (
+    <DropdownSetting
+      id="spellCheckLanguage"
+      label={t('spellcheck_language')}
+      options={[{ value: '', label: t('off') }]}
+      optgroup={optgroup}
+      onChange={setSpellCheckLanguage}
+      value={supportsWebAssembly() ? spellCheckLanguage : ''}
+      width="wide"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/setting.tsx
new file mode 100644
index 0000000..80860ec
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/setting.tsx
@@ -0,0 +1,25 @@
+export default function Setting({
+  label,
+  controlId,
+  children,
+  description = undefined,
+}: {
+  label: string
+  description: string | undefined
+  controlId: string
+  children: React.ReactNode
+}) {
+  return (
+    <div className="ide-setting">
+      <div>
+        <label htmlFor={controlId} className="ide-setting-title">
+          {label}
+        </label>
+        {description && (
+          <div className="ide-setting-description">{description}</div>
+        )}
+      </div>
+      {children}
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/settings-modal-body.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/settings-modal-body.tsx
new file mode 100644
index 0000000..f1a6099
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/settings-modal-body.tsx
@@ -0,0 +1,138 @@
+import MaterialIcon, {
+  AvailableUnfilledIcon,
+} from '@/shared/components/material-icon'
+import { ReactElement, useMemo, useState } from 'react'
+import {
+  Nav,
+  NavLink,
+  TabContainer,
+  TabContent,
+  TabPane,
+} from 'react-bootstrap-5'
+import { useTranslation } from 'react-i18next'
+import EditorSettings from './editor-settings/editor-settings'
+import AppearanceSettings from './appearance-settings/appearance-settings'
+import CompilerSettings from './compiler-settings/compiler-settings'
+
+export type SettingsEntry = SettingsLink | SettingsTab
+
+type SettingsTab = {
+  icon: AvailableUnfilledIcon
+  key: string
+  component: ReactElement
+  title: string
+}
+
+type SettingsLink = {
+  key: string
+  icon: AvailableUnfilledIcon
+  href: string
+  title: string
+}
+
+export const SettingsModalBody = () => {
+  const { t } = useTranslation()
+  const settingsTabs: SettingsEntry[] = useMemo(
+    () => [
+      {
+        key: 'editor',
+        title: t('editor'),
+        icon: 'code',
+        component: <EditorSettings />,
+      },
+      {
+        key: 'compiler',
+        title: t('compiler'),
+        icon: 'picture_as_pdf',
+        component: <CompilerSettings />,
+      },
+      {
+        key: 'appearance',
+        title: t('appearance'),
+        icon: 'brush',
+        component: <AppearanceSettings />,
+      },
+      {
+        key: 'account_settings',
+        title: t('account_settings'),
+        icon: 'settings',
+        href: '/user/settings',
+      },
+    ],
+    [t]
+  )
+  const [activeTab, setActiveTab] = useState<string | null | undefined>(
+    settingsTabs[0]?.key
+  )
+
+  return (
+    <TabContainer
+      transition={false}
+      onSelect={setActiveTab}
+      defaultActiveKey={activeTab ?? undefined}
+      id="ide-settings-tabs"
+    >
+      <div className="d-flex flex-row">
+        <Nav
+          defaultActiveKey={settingsTabs[0]?.key}
+          className="d-flex flex-column ide-settings-tab-nav"
+        >
+          {settingsTabs.map(entry => (
+            <SettingsNavLink entry={entry} key={entry.key} />
+          ))}
+        </Nav>
+        <TabContent className="ide-settings-tab-content">
+          {settingsTabs
+            .filter(t => 'component' in t)
+            .map(({ key, component }) => (
+              <TabPane eventKey={key} key={key}>
+                {component}
+              </TabPane>
+            ))}
+        </TabContent>
+      </div>
+    </TabContainer>
+  )
+}
+
+const SettingsNavLink = ({ entry }: { entry: SettingsEntry }) => {
+  if ('href' in entry) {
+    return (
+      <a
+        href={entry.href}
+        target="_blank"
+        rel="noopener"
+        className="ide-settings-tab-link"
+      >
+        <MaterialIcon
+          className="ide-settings-tab-link-icon"
+          type={entry.icon}
+          unfilled
+        />
+        <span>{entry.title}</span>
+        <div className="flex-grow-1" />
+        <MaterialIcon
+          type="open_in_new"
+          className="ide-settings-tab-link-external"
+        />
+      </a>
+    )
+  } else {
+    return (
+      <>
+        <NavLink
+          eventKey={entry.key}
+          className="ide-settings-tab-link"
+          key={entry.key}
+        >
+          <MaterialIcon
+            className="ide-settings-tab-link-icon"
+            type={entry.icon}
+            unfilled
+          />
+          <span>{entry.title}</span>
+        </NavLink>
+      </>
+    )
+  }
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/settings-modal.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/settings-modal.tsx
new file mode 100644
index 0000000..8ee8041
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/settings-modal.tsx
@@ -0,0 +1,31 @@
+import OLModal, {
+  OLModalBody,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import { useTranslation } from 'react-i18next'
+import { SettingsModalBody } from './settings-modal-body'
+
+const SettingsModal = () => {
+  // TODO ide-redesign-cleanup: Either rename the field, or introduce a separate
+  // one
+  const { leftMenuShown, setLeftMenuShown } = useLayoutContext()
+  const { t } = useTranslation()
+  return (
+    <OLModal
+      show={leftMenuShown}
+      onHide={() => setLeftMenuShown(false)}
+      size="lg"
+    >
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('settings')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody className="ide-settings-modal-body">
+        <SettingsModalBody />
+      </OLModalBody>
+    </OLModal>
+  )
+}
+
+export default SettingsModal
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/settings-section.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/settings-section.tsx
new file mode 100644
index 0000000..11a38c3
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/settings-section.tsx
@@ -0,0 +1,18 @@
+export default function SettingsSection({
+  children,
+  title,
+}: {
+  children: React.ReactNode | React.ReactNode[]
+  title?: string
+}) {
+  if (!children) {
+    return null
+  }
+
+  return (
+    <div className="ide-settings-section">
+      {title && <div className="ide-settings-section-title">{title}</div>}
+      {children}
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/settings/toggle-setting.tsx b/services/web/frontend/js/features/ide-redesign/components/settings/toggle-setting.tsx
new file mode 100644
index 0000000..341e761
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/settings/toggle-setting.tsx
@@ -0,0 +1,34 @@
+import Setting from './setting'
+import OLFormSwitch from '@/features/ui/components/ol/ol-form-switch'
+
+export default function ToggleSetting({
+  id,
+  label,
+  description,
+  checked,
+  onChange,
+  disabled,
+}: {
+  id: string
+  label: string
+  description: string
+  checked: boolean | undefined
+  onChange: (newValue: boolean) => void
+  disabled?: boolean
+}) {
+  const handleChange = () => {
+    onChange(!checked)
+  }
+
+  return (
+    <Setting controlId={id} label={label} description={description}>
+      <OLFormSwitch
+        id={id}
+        onChange={handleChange}
+        checked={checked}
+        label={label}
+        disabled={disabled}
+      />
+    </Setting>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/switcher-modal/modal.tsx b/services/web/frontend/js/features/ide-redesign/components/switcher-modal/modal.tsx
new file mode 100644
index 0000000..fb5898f
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/switcher-modal/modal.tsx
@@ -0,0 +1,181 @@
+import { useIdeRedesignSwitcherContext } from '@/features/ide-react/context/ide-redesign-switcher-context'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import { FC, useCallback } from 'react'
+import {
+  canUseNewEditor,
+  useIsNewEditorEnabled,
+} from '../../utils/new-editor-utils'
+import Notification from '@/shared/components/notification'
+import { useSwitchEnableNewEditorState } from '../../hooks/use-switch-enable-new-editor-state'
+import { Trans, useTranslation } from 'react-i18next'
+
+export const IdeRedesignSwitcherModal = () => {
+  const { t } = useTranslation()
+  const { showSwitcherModal, setShowSwitcherModal } =
+    useIdeRedesignSwitcherContext()
+  const onHide = useCallback(
+    () => setShowSwitcherModal(false),
+    [setShowSwitcherModal]
+  )
+  const { loading, error, setEditorRedesignStatus } =
+    useSwitchEnableNewEditorState()
+  const enabled = useIsNewEditorEnabled()
+  const hasAccess = canUseNewEditor()
+  if (!hasAccess) {
+    return null
+  }
+
+  const Content = enabled
+    ? SwitcherModalContentEnabled
+    : SwitcherModalContentDisabled
+
+  return (
+    <OLModal
+      show={showSwitcherModal}
+      onHide={onHide}
+      className="ide-redesign-switcher-modal"
+    >
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('the_new_overleaf_editor')}</OLModalTitle>
+      </OLModalHeader>
+      {error && <Notification type="error" content={error} isDismissible />}
+      <Content
+        setEditorRedesignStatus={setEditorRedesignStatus}
+        hide={onHide}
+        loading={loading}
+      />
+    </OLModal>
+  )
+}
+
+type ModalContentProps = {
+  setEditorRedesignStatus: (enabled: boolean) => Promise<void>
+  hide: () => void
+  loading: boolean
+}
+
+const SwitcherModalContentEnabled: FC<ModalContentProps> = ({
+  setEditorRedesignStatus,
+  hide,
+  loading,
+}) => {
+  const { t } = useTranslation()
+  const disable = useCallback(() => {
+    setEditorRedesignStatus(false)
+      .then(hide)
+      .catch(() => {
+        // do nothing, we're already showing the error
+      })
+  }, [setEditorRedesignStatus, hide])
+  return (
+    <>
+      <OLModalBody>
+        <h3>{t('youre_helping_us_shape_the_future_of_overleaf')}</h3>
+        <p>
+          {t(
+            'thanks_for_being_part_of_this_labs_experiment_your_feedback_will_help_us_make_the_new_editor_the_best_yet'
+          )}
+        </p>
+        <SwitcherWhatsNew />
+        <LeavingNote />
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton
+          onClick={disable}
+          variant="secondary"
+          className="me-auto"
+          disabled={loading}
+        >
+          {t('switch_to_old_editor')}
+        </OLButton>
+        <OLButton onClick={hide} variant="secondary">
+          {t('cancel')}
+        </OLButton>
+        <OLButton
+          href="https://forms.gle/soyVStc5qDx9na1Z6"
+          target="_blank"
+          rel="noopener noreferrer"
+          variant="primary"
+        >
+          {t('give_feedback')}
+        </OLButton>
+      </OLModalFooter>
+    </>
+  )
+}
+
+const SwitcherModalContentDisabled: FC<ModalContentProps> = ({
+  setEditorRedesignStatus,
+  hide,
+  loading,
+}) => {
+  const { t } = useTranslation()
+  const enable = useCallback(() => {
+    setEditorRedesignStatus(true)
+      .then(hide)
+      .catch(() => {
+        // do nothing, we're already showing the error
+      })
+  }, [setEditorRedesignStatus, hide])
+  return (
+    <>
+      <OLModalBody>
+        <h3>{t('help_shape_the_future_of_overleaf')}</h3>
+        <p>{t('were_redesigning_our_editor_to_make_it_easier_to_use')}</p>
+        <SwitcherWhatsNew />
+        <LeavingNote />
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton onClick={hide} variant="secondary">
+          {t('cancel')}
+        </OLButton>
+        <OLButton onClick={enable} variant="primary" disabled={loading}>
+          {t('switch_to_new_editor')}
+        </OLButton>
+      </OLModalFooter>
+    </>
+  )
+}
+
+const SwitcherWhatsNew = () => {
+  const { t } = useTranslation()
+  return (
+    <div className="ide-redesign-switcher-modal-whats-new">
+      <h4>{t('whats_new')}</h4>
+      <ul>
+        <li>{t('new_look_and_feel')}</li>
+        <li>
+          {t('new_navigation_introducing_left_hand_side_rail_and_top_menus')}
+        </li>
+        <li>{t('new_look_and_placement_of_the_settings')}</li>
+        <li>{t('improved_dark_mode')}</li>
+        <li>{t('review_panel_and_error_logs_moved_to_the_left')}</li>
+      </ul>
+      <hr />
+      <h4>{t('whats_next')}</h4>
+      <ul>
+        <li>{t('more_changes_based_on_your_feedback')}</li>
+      </ul>
+    </div>
+  )
+}
+
+const LeavingNote = () => {
+  return (
+    <p className="ide-redesign-switcher-modal-leave-text">
+      <Trans
+        i18nKey="you_can_leave_the_experiment_from_your_account_settings_at_any_time"
+        // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+        components={[<a href="/user/settings" />]}
+        shouldUnescape
+        tOptions={{ interpolation: { escapeValue: true } }}
+      />
+    </p>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/toolbar/change-layout-button.tsx b/services/web/frontend/js/features/ide-redesign/components/toolbar/change-layout-button.tsx
new file mode 100644
index 0000000..db26928
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/toolbar/change-layout-button.tsx
@@ -0,0 +1,45 @@
+import OLButton from '@/features/ui/components/ol/ol-button'
+import MaterialIcon from '@/shared/components/material-icon'
+import {
+  Dropdown,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import React, { forwardRef } from 'react'
+import ChangeLayoutOptions from './change-layout-options'
+
+const LayoutDropdownToggleButton = forwardRef<
+  HTMLButtonElement,
+  {
+    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void
+  }
+>(({ onClick }, ref) => {
+  return (
+    <OLButton
+      size="sm"
+      className="ide-redesign-toolbar-button-subdued"
+      ref={ref}
+      onClick={onClick}
+      leadingIcon={<MaterialIcon unfilled type="space_dashboard" />}
+    />
+  )
+})
+
+LayoutDropdownToggleButton.displayName = 'LayoutDropdownToggleButton'
+
+export default function ChangeLayoutButton() {
+  return (
+    <div className="ide-redesign-toolbar-button-container">
+      <Dropdown className="toolbar-item layout-dropdown" align="end">
+        <DropdownToggle
+          id="layout-dropdown-btn"
+          className="btn-full-height"
+          as={LayoutDropdownToggleButton}
+        />
+        <DropdownMenu>
+          <ChangeLayoutOptions />
+        </DropdownMenu>
+      </Dropdown>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/toolbar/change-layout-options.tsx b/services/web/frontend/js/features/ide-redesign/components/toolbar/change-layout-options.tsx
new file mode 100644
index 0000000..3c3126e
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/toolbar/change-layout-options.tsx
@@ -0,0 +1,175 @@
+import {
+  DropdownItem,
+  DropdownHeader,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import {
+  IdeLayout,
+  IdeView,
+  useLayoutContext,
+} from '@/shared/context/layout-context'
+import React, { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import * as eventTracking from '../../../../infrastructure/event-tracking'
+import useEventListener from '@/shared/hooks/use-event-listener'
+import { DetachRole } from '@/shared/context/detach-context'
+import { Spinner } from 'react-bootstrap-5'
+
+type LayoutOption = 'sideBySide' | 'editorOnly' | 'pdfOnly' | 'detachedPdf'
+
+const getActiveLayoutOption = ({
+  pdfLayout,
+  view,
+  detachRole,
+}: {
+  pdfLayout: IdeLayout
+  view: IdeView | null
+  detachRole?: DetachRole
+}): LayoutOption | null => {
+  if (view === 'history') {
+    return null
+  }
+
+  if (detachRole === 'detacher') {
+    return 'detachedPdf'
+  }
+
+  if (pdfLayout === 'flat' && (view === 'editor' || view === 'file')) {
+    return 'editorOnly'
+  }
+
+  if (pdfLayout === 'flat' && view === 'pdf') {
+    return 'pdfOnly'
+  }
+
+  if (pdfLayout === 'sideBySide') {
+    return 'sideBySide'
+  }
+
+  return null
+}
+
+const LayoutDropdownItem = ({
+  active,
+  disabled = false,
+  processing = false,
+  leadingIcon,
+  onClick,
+  children,
+}: {
+  active: boolean
+  leadingIcon: string
+  onClick: () => void
+  children: React.ReactNode
+  processing?: boolean
+  disabled?: boolean
+}) => {
+  let trailingIcon: string | React.ReactNode | null = null
+  if (processing) {
+    trailingIcon = (
+      <Spinner animation="border" aria-hidden="true" size="sm" role="status" />
+    )
+  } else if (active) {
+    trailingIcon = 'check'
+  }
+
+  return (
+    <DropdownItem
+      active={active}
+      aria-current={active}
+      trailingIcon={trailingIcon}
+      disabled={disabled}
+      onClick={onClick}
+      leadingIcon={leadingIcon}
+    >
+      {children}
+    </DropdownItem>
+  )
+}
+
+export default function ChangeLayoutOptions() {
+  const {
+    reattach,
+    detach,
+    detachIsLinked,
+    detachRole,
+    changeLayout,
+    view,
+    pdfLayout,
+  } = useLayoutContext()
+
+  const handleDetach = useCallback(() => {
+    detach()
+    eventTracking.sendMB('project-layout-detach')
+  }, [detach])
+
+  const handleReattach = useCallback(() => {
+    if (detachRole !== 'detacher') {
+      return
+    }
+    reattach()
+    eventTracking.sendMB('project-layout-reattach')
+  }, [detachRole, reattach])
+
+  // reattach when the PDF pane opens
+  useEventListener('ui:pdf-open', handleReattach)
+
+  const handleChangeLayout = useCallback(
+    (newLayout: IdeLayout, newView?: IdeView) => {
+      handleReattach()
+      changeLayout(newLayout, newView)
+      eventTracking.sendMB('project-layout-change', {
+        layout: newLayout,
+        view: newView,
+      })
+    },
+    [changeLayout, handleReattach]
+  )
+
+  const { t } = useTranslation()
+
+  const detachable = 'BroadcastChannel' in window
+
+  const activeLayoutOption = getActiveLayoutOption({
+    pdfLayout,
+    view,
+    detachRole,
+  })
+
+  const waitingForDetachedLink = !detachIsLinked && detachRole === 'detacher'
+
+  return (
+    <>
+      <DropdownHeader>{t('layout_options')}</DropdownHeader>
+      <LayoutDropdownItem
+        onClick={() => handleChangeLayout('sideBySide')}
+        active={activeLayoutOption === 'sideBySide'}
+        leadingIcon="splitscreen_right"
+      >
+        {t('split_view')}
+      </LayoutDropdownItem>
+      <LayoutDropdownItem
+        onClick={() => handleChangeLayout('flat', 'editor')}
+        active={activeLayoutOption === 'editorOnly'}
+        leadingIcon="edit"
+      >
+        {t('editor_only')}
+      </LayoutDropdownItem>
+      <LayoutDropdownItem
+        onClick={() => handleChangeLayout('flat', 'pdf')}
+        active={activeLayoutOption === 'pdfOnly'}
+        leadingIcon="picture_as_pdf"
+      >
+        {t('pdf_only')}
+      </LayoutDropdownItem>
+      <LayoutDropdownItem
+        onClick={() => handleDetach()}
+        active={activeLayoutOption === 'detachedPdf' && detachIsLinked}
+        disabled={!detachable}
+        leadingIcon="open_in_new"
+        processing={waitingForDetachedLink}
+      >
+        {t('open_pdf_in_separate_tab')}
+      </LayoutDropdownItem>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/toolbar/command-dropdown.tsx b/services/web/frontend/js/features/ide-redesign/components/toolbar/command-dropdown.tsx
new file mode 100644
index 0000000..ca23de7
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/toolbar/command-dropdown.tsx
@@ -0,0 +1,158 @@
+import {
+  Command,
+  useCommandRegistry,
+} from '@/features/ide-react/context/command-registry-context'
+import {
+  DropdownDivider,
+  DropdownHeader,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import {
+  MenuBarDropdown,
+  NestedMenuBarDropdown,
+} from '@/shared/components/menu-bar/menu-bar-dropdown'
+import { MenuBarOption } from '@/shared/components/menu-bar/menu-bar-option'
+import { Fragment, useCallback, useMemo } from 'react'
+
+type CommandId = string
+type TaggedCommand = Command & { type: 'command' }
+type Entry<T> = T | GroupStructure<T>
+type GroupStructure<T> = {
+  id: string
+  title: string
+  children: Array<Entry<T>>
+}
+export type MenuSectionStructure<T = CommandId> = {
+  title?: string
+  id: string
+  children: Array<Entry<T>>
+}
+export type MenuStructure<T = CommandId> = Array<MenuSectionStructure<T>>
+
+const CommandDropdown = ({
+  menu,
+  title,
+  id,
+}: {
+  menu: MenuStructure<CommandId>
+  title: string
+  id: string
+}) => {
+  const { registry } = useCommandRegistry()
+  const populatedSections = useMemo(
+    () =>
+      menu
+        .map(section => populateSectionOrGroup(section, registry))
+        .filter(x => x.children.length > 0),
+    [menu, registry]
+  )
+
+  if (populatedSections.length === 0) {
+    return null
+  }
+
+  return (
+    <MenuBarDropdown
+      title={title}
+      id={id}
+      className="ide-redesign-toolbar-dropdown-toggle-subdued ide-redesign-toolbar-button-subdued"
+    >
+      {populatedSections.map((section, index) => {
+        return (
+          <Fragment key={section.id}>
+            {index > 0 && <DropdownDivider />}
+            {section.title && <DropdownHeader>{section.title}</DropdownHeader>}
+            {section.children.map(child => (
+              <CommandDropdownChild item={child} key={child.id} />
+            ))}
+          </Fragment>
+        )
+      })}
+    </MenuBarDropdown>
+  )
+}
+
+export const CommandSection = ({
+  section: sectionStructure,
+}: {
+  section: MenuSectionStructure<CommandId>
+}) => {
+  const { registry } = useCommandRegistry()
+  const section = populateSectionOrGroup(sectionStructure, registry)
+  if (section.children.length === 0) {
+    return null
+  }
+  return (
+    <>
+      {section.title && <DropdownHeader>{section.title}</DropdownHeader>}
+      {section.children.map(child => (
+        <CommandDropdownChild item={child} key={child.id} />
+      ))}
+    </>
+  )
+}
+
+const CommandDropdownChild = ({ item }: { item: Entry<TaggedCommand> }) => {
+  const onClickHandler = useCallback(() => {
+    if (isTaggedCommand(item)) {
+      item.handler?.({ location: 'menu-bar' })
+    }
+  }, [item])
+
+  if (isTaggedCommand(item)) {
+    return (
+      <MenuBarOption
+        key={item.id}
+        title={item.label}
+        // eslint-disable-next-line react/jsx-handler-names
+        onClick={onClickHandler}
+        href={item.href}
+        disabled={item.disabled}
+      />
+    )
+  } else {
+    return (
+      <NestedMenuBarDropdown title={item.title} id={item.id} key={item.id}>
+        {item.children.map(subChild => {
+          return <CommandDropdownChild item={subChild} key={subChild.id} />
+        })}
+      </NestedMenuBarDropdown>
+    )
+  }
+}
+
+export default CommandDropdown
+
+function populateSectionOrGroup<
+  T extends { children: Array<Entry<CommandId>> },
+>(
+  section: T,
+  registry: Map<string, Command>
+): Omit<T, 'children'> & {
+  children: Array<Entry<TaggedCommand>>
+} {
+  const { children, ...rest } = section
+  return {
+    ...rest,
+    children: children
+      .map(child => {
+        if (typeof child !== 'string') {
+          const populatedChild = populateSectionOrGroup(child, registry)
+          if (populatedChild.children.length === 0) {
+            // Skip empty groups
+            return undefined
+          }
+          return populatedChild
+        }
+        const command = registry.get(child)
+        if (command) {
+          return { ...command, type: 'command' as const }
+        }
+        return undefined
+      })
+      .filter(x => x !== undefined),
+  }
+}
+
+function isTaggedCommand(item: Entry<TaggedCommand>): item is TaggedCommand {
+  return 'type' in item && item.type === 'command'
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/toolbar/download-project.tsx b/services/web/frontend/js/features/ide-redesign/components/toolbar/download-project.tsx
new file mode 100644
index 0000000..712c874
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/toolbar/download-project.tsx
@@ -0,0 +1,100 @@
+import { useCommandProvider } from '@/features/ide-react/hooks/use-command-provider'
+import OLDropdownMenuItem from '@/features/ui/components/ol/ol-dropdown-menu-item'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import { isSmallDevice, sendMB } from '@/infrastructure/event-tracking'
+import { useDetachCompileContext as useCompileContext } from '@/shared/context/detach-compile-context'
+import { useProjectContext } from '@/shared/context/project-context'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+
+export const DownloadProjectZip = () => {
+  const { t } = useTranslation()
+  const { _id: projectId } = useProjectContext()
+  const sendDownloadEvent = useCallback(() => {
+    sendMB('download-zip-button-click', {
+      projectId,
+      location: 'project-name-dropdown',
+      isSmallDevice,
+    })
+  }, [projectId])
+
+  useCommandProvider(
+    () => [
+      {
+        id: 'download-as-source-zip',
+        href: `/project/${projectId}/download/zip`,
+        label: t('download_as_source_zip'),
+      },
+    ],
+    [t, projectId]
+  )
+
+  return (
+    <OLDropdownMenuItem
+      href={`/project/${projectId}/download/zip`}
+      target="_blank"
+      rel="noreferrer"
+      onClick={sendDownloadEvent}
+    >
+      {t('download_as_source_zip')}
+    </OLDropdownMenuItem>
+  )
+}
+
+export const DownloadProjectPDF = () => {
+  const { t } = useTranslation()
+  const { pdfDownloadUrl, pdfUrl } = useCompileContext()
+  const { _id: projectId } = useProjectContext()
+  const sendDownloadEvent = useCallback(() => {
+    sendMB('download-pdf-button-click', {
+      projectId,
+      location: 'project-name-dropdown',
+      isSmallDevice,
+    })
+  }, [projectId])
+
+  useCommandProvider(
+    () => [
+      {
+        id: 'download-pdf',
+        disabled: !pdfUrl,
+        href: pdfDownloadUrl || pdfUrl,
+        handler: ({ location }) => {
+          sendMB('download-pdf-button-click', {
+            projectId,
+            location,
+            isSmallDevice,
+          })
+        },
+        label: t('download_as_pdf'),
+      },
+    ],
+    [t, pdfUrl, projectId, pdfDownloadUrl]
+  )
+
+  const button = (
+    <OLDropdownMenuItem
+      href={pdfDownloadUrl || pdfUrl}
+      target="_blank"
+      rel="noreferrer"
+      onClick={sendDownloadEvent}
+      disabled={!pdfUrl}
+    >
+      {t('download_as_pdf')}
+    </OLDropdownMenuItem>
+  )
+
+  if (!pdfUrl) {
+    return (
+      <OLTooltip
+        id="tooltip-download-pdf-unavailable"
+        description={t('please_compile_pdf_before_download')}
+        overlayProps={{ placement: 'right', delay: 0 }}
+      >
+        <span>{button}</span>
+      </OLTooltip>
+    )
+  } else {
+    return button
+  }
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/toolbar/editable-label.tsx b/services/web/frontend/js/features/ide-redesign/components/toolbar/editable-label.tsx
new file mode 100644
index 0000000..b223b95
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/toolbar/editable-label.tsx
@@ -0,0 +1,70 @@
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import {
+  ChangeEventHandler,
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+} from 'react'
+
+type EditableLabelProps = {
+  initialText: string
+  className?: string
+  onChange: (name: string) => void
+  onCancel: () => void
+  maxLength?: number
+}
+
+const EditableLabel = ({
+  initialText,
+  className,
+  onChange,
+  onCancel,
+  maxLength,
+}: EditableLabelProps) => {
+  const [name, setName] = useState(initialText)
+
+  const inputRef = useRef<HTMLInputElement | null>(null)
+  useEffect(() => {
+    inputRef.current?.select()
+  }, [])
+
+  const onInputChange: ChangeEventHandler<HTMLInputElement> = useCallback(
+    event => {
+      setName(event.target.value)
+    },
+    []
+  )
+
+  const finishRenaming = useCallback(() => {
+    onChange(name)
+  }, [onChange, name])
+
+  const onKeyDown = useCallback(
+    (event: React.KeyboardEvent) => {
+      if (event.key === 'Enter') {
+        event.preventDefault()
+        finishRenaming()
+      }
+      if (event.key === 'Escape') {
+        event.preventDefault()
+        onCancel()
+      }
+    },
+    [finishRenaming, onCancel]
+  )
+
+  return (
+    <OLFormControl
+      className={className}
+      ref={inputRef}
+      type="text"
+      value={name}
+      onChange={onInputChange}
+      onKeyDown={onKeyDown}
+      onBlur={finishRenaming}
+      maxLength={maxLength}
+    />
+  )
+}
+export default EditableLabel
diff --git a/services/web/frontend/js/features/ide-redesign/components/toolbar/labs-actions.tsx b/services/web/frontend/js/features/ide-redesign/components/toolbar/labs-actions.tsx
new file mode 100644
index 0000000..735c0cf
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/toolbar/labs-actions.tsx
@@ -0,0 +1,47 @@
+import { useIdeRedesignSwitcherContext } from '@/features/ide-react/context/ide-redesign-switcher-context'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+
+export const LabsActions = () => {
+  const { t } = useTranslation()
+  const { setShowSwitcherModal } = useIdeRedesignSwitcherContext()
+  const openEditorRedesignSwitcherModal = useCallback(() => {
+    setShowSwitcherModal(true)
+  }, [setShowSwitcherModal])
+  return (
+    <>
+      <div className="ide-redesign-toolbar-button-container">
+        <OLTooltip
+          id="tooltip-labs-button"
+          description={t(
+            'this_is_a_labs_experiment_for_the_new_overleaf_editor_some_features_are_still_in_progress'
+          )}
+          overlayProps={{ delay: 0, placement: 'bottom' }}
+        >
+          <OLButton
+            size="sm"
+            variant="info"
+            className="ide-redesign-labs-button"
+            onClick={openEditorRedesignSwitcherModal}
+            leadingIcon={<MaterialIcon type="experiment" unfilled />}
+          >
+            {t('labs')}
+          </OLButton>
+        </OLTooltip>
+      </div>
+      <div className="ide-redesign-toolbar-button-container">
+        <a
+          href="https://forms.gle/soyVStc5qDx9na1Z6"
+          rel="noopener noreferrer"
+          target="_blank"
+          className="ide-redesign-toolbar-labs-feedback-link"
+        >
+          {t('give_feedback')}
+        </a>
+      </div>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/toolbar/menu-bar.tsx b/services/web/frontend/js/features/ide-redesign/components/toolbar/menu-bar.tsx
new file mode 100644
index 0000000..d75dfeb
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/toolbar/menu-bar.tsx
@@ -0,0 +1,268 @@
+import {
+  DropdownDivider,
+  DropdownHeader,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import { MenuBar } from '@/shared/components/menu-bar/menu-bar'
+import { MenuBarDropdown } from '@/shared/components/menu-bar/menu-bar-dropdown'
+import { MenuBarOption } from '@/shared/components/menu-bar/menu-bar-option'
+import { useTranslation } from 'react-i18next'
+import ChangeLayoutOptions from './change-layout-options'
+import { MouseEventHandler, useCallback, useMemo } from 'react'
+import { useIdeRedesignSwitcherContext } from '@/features/ide-react/context/ide-redesign-switcher-context'
+import { useSwitchEnableNewEditorState } from '../../hooks/use-switch-enable-new-editor-state'
+import MaterialIcon from '@/shared/components/material-icon'
+import OLSpinner from '@/features/ui/components/ol/ol-spinner'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import { useCommandProvider } from '@/features/ide-react/hooks/use-command-provider'
+import CommandDropdown, {
+  CommandSection,
+  MenuSectionStructure,
+  MenuStructure,
+} from './command-dropdown'
+import { useUserSettingsContext } from '@/shared/context/user-settings-context'
+import { useRailContext } from '../../contexts/rail-context'
+
+export const ToolbarMenuBar = () => {
+  const { t } = useTranslation()
+  const { setShowSwitcherModal } = useIdeRedesignSwitcherContext()
+  const openEditorRedesignSwitcherModal = useCallback(() => {
+    setShowSwitcherModal(true)
+  }, [setShowSwitcherModal])
+  const { setView, view } = useLayoutContext()
+
+  useCommandProvider(
+    () => [
+      {
+        type: 'command',
+        label: t('show_version_history'),
+        handler: () => {
+          setView(view === 'history' ? 'editor' : 'history')
+        },
+        id: 'show_version_history',
+      },
+    ],
+    [t, setView, view]
+  )
+  const fileMenuStructure: MenuStructure = useMemo(
+    () => [
+      {
+        id: 'file-file-tree',
+        children: ['new_file', 'new_folder', 'upload_file'],
+      },
+      { id: 'file-history', children: ['show_version_history'] },
+      {
+        id: 'file-download',
+        children: ['download-as-source-zip', 'download-pdf'],
+      },
+    ],
+    []
+  )
+
+  const editMenuStructure: MenuStructure = useMemo(
+    () => [
+      {
+        id: 'edit-undo-redo',
+        children: ['undo', 'redo'],
+      },
+      {
+        id: 'edit-search',
+        children: ['find', 'select-all'],
+      },
+    ],
+    []
+  )
+
+  const insertMenuStructure: MenuStructure = useMemo(
+    () => [
+      {
+        id: 'insert-latex',
+        children: [
+          {
+            id: 'insert-math-group',
+            title: t('math'),
+            children: ['insert-inline-math', 'insert-display-math'],
+          },
+          'insert-symbol',
+          {
+            id: 'insert-figure-group',
+            title: t('figure'),
+            children: [
+              'insert-figure-from-computer',
+              'insert-figure-from-project-files',
+              'insert-figure-from-another-project',
+              'insert-figure-from-url',
+            ],
+          },
+          'insert-table',
+          'insert-citation',
+          'insert-link',
+          'insert-cross-reference',
+        ],
+      },
+      {
+        id: 'insert-comment',
+        children: ['comment'],
+      },
+    ],
+    [t]
+  )
+
+  const formatMenuStructure: MenuStructure = useMemo(
+    () => [
+      {
+        id: 'format-text',
+        children: ['format-bold', 'format-italics'],
+      },
+      {
+        id: 'format-list',
+        children: [
+          'format-bullet-list',
+          'format-numbered-list',
+          'format-increase-indentation',
+          'format-decrease-indentation',
+        ],
+      },
+      {
+        id: 'format-paragraph',
+        title: t('paragraph_styles'),
+        children: [
+          'format-style-normal',
+          'format-style-section',
+          'format-style-subsection',
+          'format-style-subsubsection',
+          'format-style-paragraph',
+          'format-style-subparagraph',
+        ],
+      },
+    ],
+    [t]
+  )
+
+  const pdfControlsMenuSectionStructure: MenuSectionStructure = useMemo(
+    () => ({
+      title: t('pdf_preview'),
+      id: 'pdf-controls',
+      children: [
+        'view-pdf-presentation-mode',
+        'view-pdf-zoom-in',
+        'view-pdf-zoom-out',
+        'view-pdf-fit-width',
+        'view-pdf-fit-height',
+      ],
+    }),
+    [t]
+  )
+
+  const {
+    userSettings: { mathPreview },
+    setUserSettings,
+  } = useUserSettingsContext()
+
+  const toggleMathPreview = useCallback(() => {
+    setUserSettings(prev => {
+      return {
+        ...prev,
+        mathPreview: !prev.mathPreview,
+      }
+    })
+  }, [setUserSettings])
+
+  const { setActiveModal } = useRailContext()
+  const openKeyboardShortcutsModal = useCallback(() => {
+    setActiveModal('keyboard-shortcuts')
+  }, [setActiveModal])
+  const openContactUsModal = useCallback(() => {
+    setActiveModal('contact-us')
+  }, [setActiveModal])
+  return (
+    <MenuBar
+      className="ide-redesign-toolbar-menu-bar"
+      id="toolbar-menu-bar-item"
+    >
+      <CommandDropdown menu={fileMenuStructure} title={t('file')} id="file" />
+      <CommandDropdown menu={editMenuStructure} title={t('edit')} id="edit" />
+      <CommandDropdown
+        menu={insertMenuStructure}
+        title={t('insert')}
+        id="insert"
+      />
+      <MenuBarDropdown
+        title={t('view')}
+        id="view"
+        className="ide-redesign-toolbar-dropdown-toggle-subdued ide-redesign-toolbar-button-subdued"
+      >
+        <ChangeLayoutOptions />
+        <DropdownHeader>Editor settings</DropdownHeader>
+        <MenuBarOption
+          title={t('show_equation_preview')}
+          trailingIcon={mathPreview ? 'check' : undefined}
+          onClick={toggleMathPreview}
+        />
+        <CommandSection section={pdfControlsMenuSectionStructure} />
+      </MenuBarDropdown>
+      <CommandDropdown
+        menu={formatMenuStructure}
+        title={t('format')}
+        id="format"
+      />
+      <MenuBarDropdown
+        title={t('help')}
+        id="help"
+        className="ide-redesign-toolbar-dropdown-toggle-subdued ide-redesign-toolbar-button-subdued"
+      >
+        <MenuBarOption
+          title={t('keyboard_shortcuts')}
+          onClick={openKeyboardShortcutsModal}
+        />
+        <MenuBarOption
+          title={t('documentation')}
+          href="/learn"
+          target="_blank"
+          rel="noopener noreferrer"
+        />
+        <DropdownDivider />
+        <MenuBarOption title={t('contact_us')} onClick={openContactUsModal} />
+        <MenuBarOption
+          title={t('give_feedback')}
+          href="https://forms.gle/soyVStc5qDx9na1Z6"
+          target="_blank"
+          rel="noopener noreferrer"
+        />
+        <DropdownDivider />
+        <SwitchToOldEditorMenuBarOption />
+        <MenuBarOption
+          title="What's new?"
+          onClick={openEditorRedesignSwitcherModal}
+        />
+      </MenuBarDropdown>
+    </MenuBar>
+  )
+}
+
+const SwitchToOldEditorMenuBarOption = () => {
+  const { loading, error, setEditorRedesignStatus } =
+    useSwitchEnableNewEditorState()
+
+  const disable: MouseEventHandler = useCallback(
+    event => {
+      // Don't close the dropdown
+      event.stopPropagation()
+      setEditorRedesignStatus(false)
+    },
+    [setEditorRedesignStatus]
+  )
+  let icon = null
+  if (loading) {
+    icon = <OLSpinner size="sm" />
+  } else if (error) {
+    icon = <MaterialIcon type="error" title={error} className="text-danger" />
+  }
+  return (
+    <MenuBarOption
+      title="Switch to old editor"
+      onClick={disable}
+      disabled={loading}
+      trailingIcon={icon}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/toolbar/online-users.tsx b/services/web/frontend/js/features/ide-redesign/components/toolbar/online-users.tsx
new file mode 100644
index 0000000..d8fb314
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/toolbar/online-users.tsx
@@ -0,0 +1,27 @@
+import OnlineUsersWidget from '@/features/editor-navigation-toolbar/components/online-users-widget'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+import {
+  OnlineUser,
+  useOnlineUsersContext,
+} from '@/features/ide-react/context/online-users-context'
+import { useCallback } from 'react'
+
+export const OnlineUsers = () => {
+  const { openDoc } = useEditorManagerContext()
+  const { onlineUsersArray } = useOnlineUsersContext()
+
+  const goToUser = useCallback(
+    (user: OnlineUser) => {
+      if (user.doc && typeof user.row === 'number') {
+        openDoc(user.doc, { gotoLine: user.row + 1 })
+      }
+    },
+    [openDoc]
+  )
+
+  return (
+    <div className="ide-redesign-online-users">
+      <OnlineUsersWidget onlineUsers={onlineUsersArray} goToUser={goToUser} />
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/toolbar/project-title.tsx b/services/web/frontend/js/features/ide-redesign/components/toolbar/project-title.tsx
new file mode 100644
index 0000000..4cf10b3
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/toolbar/project-title.tsx
@@ -0,0 +1,87 @@
+import {
+  Dropdown,
+  DropdownDivider,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useProjectContext } from '@/shared/context/project-context'
+import { useTranslation } from 'react-i18next'
+import importOverleafModules from '../../../../../macros/import-overleaf-module.macro'
+import { useEditorContext } from '@/shared/context/editor-context'
+import { DownloadProjectPDF, DownloadProjectZip } from './download-project'
+import { useCallback, useState } from 'react'
+import OLDropdownMenuItem from '@/features/ui/components/ol/ol-dropdown-menu-item'
+import EditableLabel from './editable-label'
+
+const [publishModalModules] = importOverleafModules('publishModal')
+const SubmitProjectButton = publishModalModules?.import.NewPublishToolbarButton
+
+export const ToolbarProjectTitle = () => {
+  const { t } = useTranslation()
+  const { permissionsLevel, renameProject } = useEditorContext()
+  const { name } = useProjectContext()
+  const shouldDisplaySubmitButton =
+    (permissionsLevel === 'owner' || permissionsLevel === 'readAndWrite') &&
+    SubmitProjectButton
+  const hasRenamePermissions = permissionsLevel === 'owner'
+  const [isRenaming, setIsRenaming] = useState(false)
+  const onRename = useCallback(
+    name => {
+      if (name) {
+        renameProject(name)
+      }
+      setIsRenaming(false)
+    },
+    [renameProject]
+  )
+  const onCancel = useCallback(() => {
+    setIsRenaming(false)
+  }, [])
+
+  if (isRenaming) {
+    return (
+      <EditableLabel
+        onChange={onRename}
+        onCancel={onCancel}
+        initialText={name}
+        maxLength={150}
+        className="ide-redesign-toolbar-editable-project-name"
+      />
+    )
+  }
+
+  return (
+    <Dropdown align="start">
+      <DropdownToggle
+        id="project-title-options"
+        className="ide-redesign-toolbar-dropdown-toggle-subdued fw-bold  ide-redesign-toolbar-button-subdued"
+      >
+        {name}
+        <MaterialIcon
+          type="keyboard_arrow_down"
+          accessibilityLabel={t('project_title_options')}
+        />
+      </DropdownToggle>
+      <DropdownMenu renderOnMount>
+        {shouldDisplaySubmitButton && (
+          <>
+            <SubmitProjectButton />
+            <DropdownDivider />
+          </>
+        )}
+        <DownloadProjectPDF />
+        <DownloadProjectZip />
+        <DropdownDivider />
+        <OLDropdownMenuItem
+          onClick={() => {
+            setIsRenaming(true)
+          }}
+          disabled={!hasRenamePermissions}
+        >
+          {t('rename')}
+        </OLDropdownMenuItem>
+      </DropdownMenu>
+    </Dropdown>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/toolbar/share-project-button.tsx b/services/web/frontend/js/features/ide-redesign/components/toolbar/share-project-button.tsx
new file mode 100644
index 0000000..2b5de22
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/toolbar/share-project-button.tsx
@@ -0,0 +1,41 @@
+import ShareProjectModal from '@/features/share-project-modal/components/share-project-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import * as eventTracking from '@/infrastructure/event-tracking'
+
+export default function ShareProjectButton() {
+  const { t } = useTranslation()
+
+  const [showShareModal, setShowShareModal] = useState(false)
+
+  const handleOpenShareModal = useCallback(() => {
+    eventTracking.sendMBOnce('ide-open-share-modal-once')
+    setShowShareModal(true)
+  }, [])
+
+  const handleHideShareModal = useCallback(() => {
+    setShowShareModal(false)
+  }, [])
+
+  return (
+    <>
+      <div className="ide-redesign-toolbar-button-container">
+        <OLButton
+          size="sm"
+          variant="primary"
+          leadingIcon={<MaterialIcon type="person_add" />}
+          onClick={handleOpenShareModal}
+        >
+          {t('share')}
+        </OLButton>
+      </div>
+      <ShareProjectModal
+        show={showShareModal}
+        handleOpen={handleOpenShareModal}
+        handleHide={handleHideShareModal}
+      />
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/toolbar/show-history-button.tsx b/services/web/frontend/js/features/ide-redesign/components/toolbar/show-history-button.tsx
new file mode 100644
index 0000000..460fff2
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/toolbar/show-history-button.tsx
@@ -0,0 +1,37 @@
+import OLButton from '@/features/ui/components/ol/ol-button'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useTranslation } from 'react-i18next'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import * as eventTracking from '../../../../infrastructure/event-tracking'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import { useCallback } from 'react'
+
+export default function ShowHistoryButton() {
+  const { t } = useTranslation()
+  const { view, setView } = useLayoutContext()
+
+  const toggleHistoryOpen = useCallback(() => {
+    const action = view === 'history' ? 'close' : 'open'
+    eventTracking.sendMB('navigation-clicked-history', { action })
+
+    setView(view === 'history' ? 'editor' : 'history')
+  }, [view, setView])
+
+  return (
+    <div className="ide-redesign-toolbar-button-container">
+      <OLTooltip
+        id="tooltip-open-history"
+        description={t('history')}
+        overlayProps={{ delay: 0, placement: 'bottom' }}
+      >
+        <OLButton
+          size="sm"
+          variant="ghost"
+          className="ide-redesign-toolbar-button-subdued"
+          leadingIcon={<MaterialIcon type="history" />}
+          onClick={toggleHistoryOpen}
+        />
+      </OLTooltip>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/components/toolbar/toolbar.tsx b/services/web/frontend/js/features/ide-redesign/components/toolbar/toolbar.tsx
new file mode 100644
index 0000000..ed1b250
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/components/toolbar/toolbar.tsx
@@ -0,0 +1,69 @@
+import MaterialIcon from '@/shared/components/material-icon'
+import { useTranslation } from 'react-i18next'
+import { ToolbarMenuBar } from './menu-bar'
+import { ToolbarProjectTitle } from './project-title'
+import { OnlineUsers } from './online-users'
+import ShareProjectButton from './share-project-button'
+import ChangeLayoutButton from './change-layout-button'
+import ShowHistoryButton from './show-history-button'
+import { LabsActions } from './labs-actions'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import BackToEditorButton from '@/features/editor-navigation-toolbar/components/back-to-editor-button'
+import { useCallback } from 'react'
+import * as eventTracking from '../../../../infrastructure/event-tracking'
+
+export const Toolbar = () => {
+  const { view, setView } = useLayoutContext()
+
+  const handleBackToEditorClick = useCallback(() => {
+    eventTracking.sendMB('navigation-clicked-history', { action: 'close' })
+    setView('editor')
+  }, [setView])
+
+  if (view === 'history') {
+    return (
+      <div className="ide-redesign-toolbar">
+        <div className="d-flex align-items-center">
+          <BackToEditorButton onClick={handleBackToEditorClick} />
+        </div>
+        <ToolbarProjectTitle />
+        <div /> {/* Empty div used for spacing */}
+      </div>
+    )
+  }
+
+  return (
+    <div className="ide-redesign-toolbar">
+      <ToolbarMenus />
+      <ToolbarProjectTitle />
+      <ToolbarButtons />
+    </div>
+  )
+}
+
+const ToolbarMenus = () => {
+  const { t } = useTranslation()
+  return (
+    <div className="ide-redesign-toolbar-menu">
+      <div className="ide-redesign-toolbar-home-button">
+        <a href="/project" className="ide-redesign-toolbar-home-link">
+          <span className="toolbar-ol-logo" aria-label={t('overleaf_logo')} />
+          <MaterialIcon type="home" className="toolbar-ol-home-button" />
+        </a>
+      </div>
+      <ToolbarMenuBar />
+    </div>
+  )
+}
+
+const ToolbarButtons = () => {
+  return (
+    <div className="ide-redesign-toolbar-actions">
+      <LabsActions />
+      <OnlineUsers />
+      <ShowHistoryButton />
+      <ChangeLayoutButton />
+      <ShareProjectButton />
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/ide-redesign/contexts/rail-context.tsx b/services/web/frontend/js/features/ide-redesign/contexts/rail-context.tsx
new file mode 100644
index 0000000..8d835fc
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/contexts/rail-context.tsx
@@ -0,0 +1,120 @@
+import useCollapsiblePanel from '@/features/ide-react/hooks/use-collapsible-panel'
+import {
+  createContext,
+  Dispatch,
+  FC,
+  SetStateAction,
+  useCallback,
+  useContext,
+  useMemo,
+  useRef,
+  useState,
+} from 'react'
+import { ImperativePanelHandle } from 'react-resizable-panels'
+
+export type RailTabKey =
+  | 'file-tree'
+  | 'integrations'
+  | 'review-panel'
+  | 'chat'
+  | 'errors'
+
+export type RailModalKey = 'keyboard-shortcuts' | 'contact-us' | 'dictionary'
+
+const RailContext = createContext<
+  | {
+      selectedTab: RailTabKey
+      isOpen: boolean
+      setIsOpen: Dispatch<SetStateAction<boolean>>
+      panelRef: React.RefObject<ImperativePanelHandle>
+      togglePane: () => void
+      handlePaneExpand: () => void
+      handlePaneCollapse: () => void
+      resizing: boolean
+      setResizing: Dispatch<SetStateAction<boolean>>
+      activeModal: RailModalKey | null
+      setActiveModal: Dispatch<SetStateAction<RailModalKey | null>>
+      openTab: (tab: RailTabKey) => void
+    }
+  | undefined
+>(undefined)
+
+export const RailProvider: FC = ({ children }) => {
+  const [isOpen, setIsOpen] = useState(true)
+  const [resizing, setResizing] = useState(false)
+  const [activeModal, setActiveModalInternal] = useState<RailModalKey | null>(
+    null
+  )
+  const setActiveModal: Dispatch<SetStateAction<RailModalKey | null>> =
+    useCallback(modalKey => {
+      setActiveModalInternal(modalKey)
+    }, [])
+
+  const panelRef = useRef<ImperativePanelHandle>(null)
+  useCollapsiblePanel(isOpen, panelRef)
+
+  const togglePane = useCallback(() => {
+    setIsOpen(value => !value)
+  }, [])
+
+  const handlePaneExpand = useCallback(() => {
+    setIsOpen(true)
+  }, [])
+
+  const handlePaneCollapse = useCallback(() => {
+    setIsOpen(false)
+  }, [])
+
+  // NOTE: The file tree **MUST** be the first tab to be opened
+  //       since it is responsible for opening the initial document.
+  const [selectedTab, setSelectedTab] = useState<RailTabKey>('file-tree')
+
+  const openTab = useCallback(
+    (tab: RailTabKey) => {
+      setSelectedTab(tab)
+      setIsOpen(true)
+    },
+    [setIsOpen, setSelectedTab]
+  )
+
+  const value = useMemo(
+    () => ({
+      selectedTab,
+      isOpen,
+      setIsOpen,
+      panelRef,
+      togglePane,
+      handlePaneExpand,
+      handlePaneCollapse,
+      resizing,
+      setResizing,
+      activeModal,
+      setActiveModal,
+      openTab,
+    }),
+    [
+      selectedTab,
+      isOpen,
+      setIsOpen,
+      panelRef,
+      togglePane,
+      handlePaneExpand,
+      handlePaneCollapse,
+      resizing,
+      setResizing,
+      activeModal,
+      setActiveModal,
+      openTab,
+    ]
+  )
+
+  return <RailContext.Provider value={value}>{children}</RailContext.Provider>
+}
+
+export const useRailContext = () => {
+  const context = useContext(RailContext)
+  if (!context) {
+    throw new Error('useRailContext is only available inside RailProvider')
+  }
+  return context
+}
diff --git a/services/web/frontend/js/features/ide-redesign/hooks/use-collapsible-file-tree.tsx b/services/web/frontend/js/features/ide-redesign/hooks/use-collapsible-file-tree.tsx
new file mode 100644
index 0000000..89b4d25
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/hooks/use-collapsible-file-tree.tsx
@@ -0,0 +1,12 @@
+import { ImperativePanelHandle } from 'react-resizable-panels'
+import { useRef } from 'react'
+import useCollapsiblePanel from '@/features/ide-react/hooks/use-collapsible-panel'
+import { useFileTreeOpenContext } from '@/features/ide-react/context/file-tree-open-context'
+
+export default function useCollapsibleFileTree() {
+  const { fileTreeExpanded, toggleFileTreeExpanded } = useFileTreeOpenContext()
+  const fileTreePanelRef = useRef<ImperativePanelHandle>(null)
+  useCollapsiblePanel(fileTreeExpanded, fileTreePanelRef)
+
+  return { fileTreeExpanded, fileTreePanelRef, toggleFileTreeExpanded }
+}
diff --git a/services/web/frontend/js/features/ide-redesign/hooks/use-switch-enable-new-editor-state.ts b/services/web/frontend/js/features/ide-redesign/hooks/use-switch-enable-new-editor-state.ts
new file mode 100644
index 0000000..c325785
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/hooks/use-switch-enable-new-editor-state.ts
@@ -0,0 +1,34 @@
+import { postJSON } from '@/infrastructure/fetch-json'
+import { useUserSettingsContext } from '@/shared/context/user-settings-context'
+import { useCallback, useState } from 'react'
+
+export const useSwitchEnableNewEditorState = () => {
+  const [loading, setLoading] = useState(false)
+  const [error, setError] = useState('')
+  const { setUserSettings } = useUserSettingsContext()
+  const setEditorRedesignStatus = useCallback(
+    (status: boolean): Promise<void> => {
+      setLoading(true)
+      setError('')
+      return new Promise((resolve, reject) => {
+        postJSON('/user/settings', { body: { enableNewEditor: status } })
+          .then(() => {
+            setUserSettings(current => ({
+              ...current,
+              enableNewEditor: status,
+            }))
+            resolve()
+          })
+          .catch(e => {
+            setError('Failed to update settings')
+            reject(e)
+          })
+          .finally(() => {
+            setLoading(false)
+          })
+      })
+    },
+    [setUserSettings]
+  )
+  return { loading, error, setEditorRedesignStatus }
+}
diff --git a/services/web/frontend/js/features/ide-redesign/hooks/use-toolbar-menu-editor-commands.tsx b/services/web/frontend/js/features/ide-redesign/hooks/use-toolbar-menu-editor-commands.tsx
new file mode 100644
index 0000000..e2bbae3
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/hooks/use-toolbar-menu-editor-commands.tsx
@@ -0,0 +1,345 @@
+import { useCommandProvider } from '@/features/ide-react/hooks/use-command-provider'
+import {
+  useCodeMirrorStateContext,
+  useCodeMirrorViewContext,
+} from '@/features/source-editor/components/codemirror-context'
+import { FigureModalSource } from '@/features/source-editor/components/figure-modal/figure-modal-context'
+import * as commands from '@/features/source-editor/extensions/toolbar/commands'
+import { setSectionHeadingLevel } from '@/features/source-editor/extensions/toolbar/sections'
+import { useEditorContext } from '@/shared/context/editor-context'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import getMeta from '@/utils/meta'
+import { redo, selectAll, undo } from '@codemirror/commands'
+import { openSearchPanel } from '@codemirror/search'
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useIsNewEditorEnabled } from '../utils/new-editor-utils'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+import { language } from '@codemirror/language'
+
+export const useToolbarMenuBarEditorCommands = () => {
+  const view = useCodeMirrorViewContext()
+  const state = useCodeMirrorStateContext()
+  const { t } = useTranslation()
+  const { view: layoutView } = useLayoutContext()
+  const editorIsVisible = layoutView === 'editor'
+  const { trackedWrite } = usePermissionsContext()
+  const languageName = state.facet(language)?.name
+  const isTeXFile = languageName === 'latex'
+
+  const openFigureModal = useCallback((source: FigureModalSource) => {
+    window.dispatchEvent(
+      new CustomEvent('figure-modal:open', {
+        detail: { source },
+      })
+    )
+  }, [])
+
+  const newEditor = useIsNewEditorEnabled()
+
+  useCommandProvider(() => {
+    if (!newEditor) {
+      return
+    }
+
+    return [
+      /************************************
+       *          Edit menu
+       ************************************/
+      {
+        id: 'undo',
+        label: t('undo'),
+        handler: () => {
+          undo(view)
+          view.focus()
+        },
+        disabled: !editorIsVisible || !trackedWrite,
+      },
+      {
+        id: 'redo',
+        label: t('redo'),
+        handler: () => {
+          redo(view)
+          view.focus()
+        },
+        disabled: !editorIsVisible || !trackedWrite,
+      },
+      {
+        id: 'find',
+        label: t('find'),
+        handler: () => {
+          openSearchPanel(view)
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        id: 'select-all',
+        label: t('select_all'),
+        handler: () => {
+          selectAll(view)
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+    ]
+  }, [editorIsVisible, t, view, trackedWrite, newEditor])
+
+  // LaTeX commands
+  useCommandProvider(() => {
+    if (!newEditor) {
+      return
+    }
+    if (!isTeXFile || !trackedWrite) {
+      return
+    }
+
+    return [
+      /************************************
+       *         Insert menu
+       ************************************/
+      {
+        id: 'insert-inline-math',
+        label: t('inline_math'),
+        handler: () => {
+          commands.wrapInInlineMath(view)
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        id: 'insert-display-math',
+        label: t('display_math'),
+        handler: () => {
+          commands.wrapInDisplayMath(view)
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        label: t('upload_from_computer'),
+        id: 'insert-figure-from-computer',
+        handler: () => {
+          openFigureModal(FigureModalSource.FILE_UPLOAD)
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        label: t('from_project_files'),
+        id: 'insert-figure-from-project-files',
+        handler: () => {
+          openFigureModal(FigureModalSource.FILE_TREE)
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        label: t('from_another_project'),
+        id: 'insert-figure-from-another-project',
+        handler: () => {
+          openFigureModal(FigureModalSource.OTHER_PROJECT)
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        label: t('from_url'),
+        id: 'insert-figure-from-url',
+        handler: () => {
+          openFigureModal(FigureModalSource.FROM_URL)
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        id: 'insert-table',
+        label: t('table'),
+        handler: () => {
+          commands.insertTable(view, 3, 3)
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        id: 'insert-citation',
+        label: t('citation'),
+        handler: () => {
+          commands.insertCite(view)
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        id: 'insert-link',
+        label: t('link'),
+        handler: () => {
+          commands.wrapInHref(view)
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        id: 'insert-cross-reference',
+        label: t('cross_reference'),
+        handler: () => {
+          commands.insertRef(view)
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        id: 'comment',
+        label: t('comment'),
+        handler: () => {
+          commands.addComment()
+        },
+        disabled: !editorIsVisible,
+      },
+      /************************************
+       *         Format menu
+       ************************************/
+      {
+        id: 'format-bold',
+        label: t('bold'),
+        handler: () => {
+          commands.toggleBold(view)
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        id: 'format-italics',
+        label: t('italics'),
+        handler: () => {
+          commands.toggleItalic(view)
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        id: 'format-bullet-list',
+        label: t('bullet_list'),
+        handler: () => {
+          commands.toggleBulletList(view)
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        id: 'format-numbered-list',
+        label: t('numbered_list'),
+        handler: () => {
+          commands.toggleNumberedList(view)
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        id: 'format-increase-indentation',
+        label: t('increase_indent'),
+        handler: () => {
+          commands.indentIncrease(view)
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        id: 'format-decrease-indentation',
+        label: t('decrease_indent'),
+        handler: () => {
+          commands.indentDecrease(view)
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        id: 'format-style-normal',
+        label: t('normal'),
+        handler: () => {
+          setSectionHeadingLevel(view, 'text')
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        id: 'format-style-section',
+        label: 'Section',
+        handler: () => {
+          setSectionHeadingLevel(view, 'section')
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        id: 'format-style-subsection',
+        label: 'Subsection',
+        handler: () => {
+          setSectionHeadingLevel(view, 'subsection')
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        id: 'format-style-subsubsection',
+        label: 'Subsubsection',
+        handler: () => {
+          setSectionHeadingLevel(view, 'subsubsection')
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        id: 'format-style-paragraph',
+        label: 'Paragraph',
+        handler: () => {
+          setSectionHeadingLevel(view, 'paragraph')
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+      {
+        id: 'format-style-subparagraph',
+        label: 'Subparagraph',
+        handler: () => {
+          setSectionHeadingLevel(view, 'subparagraph')
+          view.focus()
+        },
+        disabled: !editorIsVisible,
+      },
+    ]
+  }, [
+    view,
+    t,
+    editorIsVisible,
+    openFigureModal,
+    newEditor,
+    trackedWrite,
+    isTeXFile,
+  ])
+
+  const { toggleSymbolPalette } = useEditorContext()
+  const symbolPaletteAvailable = getMeta('ol-symbolPaletteAvailable')
+  useCommandProvider(() => {
+    if (!symbolPaletteAvailable) {
+      return
+    }
+
+    if (!isTeXFile || !trackedWrite) {
+      return
+    }
+
+    return [
+      {
+        id: 'insert-symbol',
+        label: t('symbol'),
+        handler: () => {
+          toggleSymbolPalette?.()
+        },
+        disabled: !editorIsVisible,
+      },
+    ]
+  }, [
+    symbolPaletteAvailable,
+    t,
+    toggleSymbolPalette,
+    editorIsVisible,
+    isTeXFile,
+    trackedWrite,
+  ])
+}
diff --git a/services/web/frontend/js/features/ide-redesign/images/labs-icon.svg b/services/web/frontend/js/features/ide-redesign/images/labs-icon.svg
new file mode 100644
index 0000000..f26bd28
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/images/labs-icon.svg
@@ -0,0 +1,4 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 8C0 3.58172 3.58172 0 8 0H28C32.4183 0 36 3.58172 36 8V28C36 32.4183 32.4183 36 28 36H8C3.58172 36 0 32.4183 0 28V8Z" fill="#EAF6EF"/>
+<path d="M14.8 16.95L16.95 14.775L15.55 13.35L15.15 13.75C14.9667 13.9333 14.7333 14.0333 14.45 14.05C14.1833 14.05 13.95 13.95 13.75 13.75C13.55 13.55 13.45 13.3167 13.45 13.05C13.45 12.7667 13.55 12.525 13.75 12.325L14.125 11.95L13 10.825L10.825 13L14.8 16.95ZM23 25.175L25.175 23L24.05 21.875L23.65 22.25C23.45 22.45 23.2167 22.55 22.95 22.55C22.6833 22.55 22.45 22.45 22.25 22.25C22.05 22.05 21.95 21.8167 21.95 21.55C21.95 21.2833 22.05 21.05 22.25 20.85L22.625 20.45L21.2 19.05L19.05 21.2L23 25.175ZM22.225 12.425L23.625 13.825L25.025 12.425L23.6 11L22.225 12.425ZM10 27C9.71667 27 9.475 26.9083 9.275 26.725C9.09167 26.525 9 26.2833 9 26V23.175C9 23.0417 9.025 22.9167 9.075 22.8C9.125 22.6667 9.2 22.55 9.3 22.45L13.375 18.375L9.05 14.05C8.76667 13.7667 8.625 13.4167 8.625 13C8.625 12.5833 8.76667 12.2333 9.05 11.95L11.95 9.05C12.2333 8.76667 12.5833 8.63333 13 8.65C13.4167 8.65 13.7667 8.79167 14.05 9.075L18.4 13.4L22.175 9.6C22.375 9.4 22.6 9.25 22.85 9.15C23.1 9.05 23.3583 9 23.625 9C23.8917 9 24.15 9.05 24.4 9.15C24.65 9.25 24.875 9.4 25.075 9.6L26.4 10.95C26.6 11.15 26.75 11.375 26.85 11.625C26.95 11.875 27 12.1333 27 12.4C27 12.6667 26.95 12.925 26.85 13.175C26.75 13.4083 26.6 13.625 26.4 13.825L22.625 17.625L26.95 21.95C27.2333 22.2333 27.375 22.5833 27.375 23C27.375 23.4167 27.2333 23.7667 26.95 24.05L24.05 26.95C23.7667 27.2333 23.4167 27.375 23 27.375C22.5833 27.375 22.2333 27.2333 21.95 26.95L17.625 22.625L13.55 26.7C13.45 26.8 13.3333 26.875 13.2 26.925C13.0833 26.975 12.9583 27 12.825 27H10Z" fill="#195936"/>
+</svg>
diff --git a/services/web/frontend/js/features/ide-redesign/utils/new-editor-utils.ts b/services/web/frontend/js/features/ide-redesign/utils/new-editor-utils.ts
new file mode 100644
index 0000000..ecd492c
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/utils/new-editor-utils.ts
@@ -0,0 +1,11 @@
+import { useUserSettingsContext } from '@/shared/context/user-settings-context'
+import { isInExperiment } from '@/utils/labs-utils'
+
+export const canUseNewEditor = () => isInExperiment('editor-redesign')
+
+export const useIsNewEditorEnabled = () => {
+  const { userSettings } = useUserSettingsContext()
+  const hasAccess = canUseNewEditor()
+  const enabled = userSettings.enableNewEditor
+  return hasAccess && enabled
+}
diff --git a/services/web/frontend/js/features/link-helpers/slow-link.js b/services/web/frontend/js/features/link-helpers/slow-link.js
new file mode 100644
index 0000000..2f40d68
--- /dev/null
+++ b/services/web/frontend/js/features/link-helpers/slow-link.js
@@ -0,0 +1,15 @@
+import { inflightHelper } from '../form-helpers/hydrate-form'
+import { disableElement } from '../utils/disableElement'
+
+function setup(el) {
+  // Make the element discoverable for multi-submit.
+  el.setAttribute('data-ol-disabled-inflight', '')
+
+  inflightHelper(el)
+  el.addEventListener('click', function () {
+    disableElement(el)
+    el.dispatchEvent(new Event('pending'))
+  })
+}
+
+document.querySelectorAll('[data-ol-slow-link]').forEach(setup)
diff --git a/services/web/frontend/js/features/mathjax/index.ts b/services/web/frontend/js/features/mathjax/index.ts
new file mode 100644
index 0000000..c860596
--- /dev/null
+++ b/services/web/frontend/js/features/mathjax/index.ts
@@ -0,0 +1,17 @@
+import { loadMathJax } from '@/features/mathjax/load-mathjax'
+import { debugConsole } from '@/utils/debugging'
+import getMeta from '@/utils/meta'
+
+window.addEventListener('DOMContentLoaded', function () {
+  const elements = document.querySelectorAll('[data-ol-mathjax]')
+  if (elements.length > 0) {
+    loadMathJax({
+      enableMenu: true,
+      numbering: 'ams',
+      singleDollar: !getMeta('ol-no-single-dollar'),
+      useLabelIds: true,
+    })
+      .then(MathJax => MathJax.typesetPromise([...elements]))
+      .catch(debugConsole.error)
+  }
+})
diff --git a/services/web/frontend/js/features/mathjax/load-mathjax.ts b/services/web/frontend/js/features/mathjax/load-mathjax.ts
new file mode 100644
index 0000000..0d9153b
--- /dev/null
+++ b/services/web/frontend/js/features/mathjax/load-mathjax.ts
@@ -0,0 +1,101 @@
+import getMeta from '../../utils/meta'
+
+let mathJaxPromise: Promise<typeof window.MathJax>
+
+export const loadMathJax = async (options?: {
+  enableMenu?: boolean
+  numbering?: string
+  singleDollar?: boolean
+  useLabelIds?: boolean
+}) => {
+  if (!mathJaxPromise) {
+    mathJaxPromise = new Promise((resolve, reject) => {
+      options = {
+        enableMenu: false,
+        singleDollar: true,
+        useLabelIds: false,
+        ...options,
+      }
+
+      const inlineMath = [['\\(', '\\)']]
+      if (options.singleDollar) {
+        inlineMath.push(['$', '$'])
+      }
+
+      // https://docs.mathjax.org/en/v3.2-latest/upgrading/v2.html
+      window.MathJax = {
+        // https://docs.mathjax.org/en/latest/options/input/tex.html#the-configuration-block
+        tex: {
+          macros: {
+            // Implements support for the \bm command from the bm package. It bolds the argument in math mode.
+            // https://github.com/mathjax/MathJax/issues/1219#issuecomment-341059843
+            bm: ['\\boldsymbol{#1}', 1],
+          },
+          inlineMath,
+          displayMath: [
+            ['\\[', '\\]'],
+            ['$$', '$$'],
+          ],
+          packages: {
+            '[-]': [
+              'html', // avoid creating HTML elements/attributes
+              'require', // prevent loading disabled packages
+            ],
+          },
+          processEscapes: true,
+          processEnvironments: true,
+          useLabelIds: options.useLabelIds,
+          tags: options.numbering,
+        },
+        loader: {
+          load: [
+            'ui/safe', // https://docs.mathjax.org/en/latest/options/safe.html
+          ],
+        },
+        options: {
+          enableMenu: options.enableMenu, // https://docs.mathjax.org/en/latest/options/menu.html
+        },
+        startup: {
+          typeset: false,
+          pageReady() {
+            // disable the "Math Renderer" option in the context menu,
+            // as only SVG is available
+            window.MathJax.startup.document.menu.menu
+              .findID('Renderer')
+              .disable()
+          },
+          ready() {
+            window.MathJax.startup.defaultReady()
+
+            // remove anything from the "font-family" attribute after a semicolon
+            // so it's not added to the style attribute
+            // https://github.com/mathjax/MathJax/issues/3129#issuecomment-1807225345
+            const { safe } = window.MathJax.startup.document
+            safe.filterAttributes.set('fontfamily', 'filterFontFamily')
+            safe.filterMethods.filterFontFamily = (
+              _safe: any,
+              family: string
+            ) => family.split(/;/)[0]
+          },
+        },
+      }
+
+      const script = document.createElement('script')
+      const path = getMeta('ol-mathJaxPath')
+      if (!path) {
+        reject(new Error('No MathJax path found'))
+        return
+      }
+      script.src = path
+      script.addEventListener('load', async () => {
+        await window.MathJax.startup.promise
+        document.head.appendChild(window.MathJax.svgStylesheet())
+        resolve(window.MathJax)
+      })
+      script.addEventListener('error', reject)
+      document.head.append(script)
+    })
+  }
+
+  return mathJaxPromise
+}
diff --git a/services/web/frontend/js/features/multi-submit/index.js b/services/web/frontend/js/features/multi-submit/index.js
new file mode 100644
index 0000000..ad37ccd
--- /dev/null
+++ b/services/web/frontend/js/features/multi-submit/index.js
@@ -0,0 +1,15 @@
+import { disableElement, enableElement } from '../utils/disableElement'
+
+document.querySelectorAll('[data-ol-multi-submit]').forEach(el => {
+  function setup(childEl) {
+    childEl.addEventListener('pending', () => {
+      el.querySelectorAll('[data-ol-disabled-inflight]').forEach(disableElement)
+    })
+    childEl.addEventListener('idle', () => {
+      el.querySelectorAll('[data-ol-disabled-inflight]').forEach(enableElement)
+    })
+  }
+  el.querySelectorAll('[data-ol-async-form]').forEach(setup)
+  el.querySelectorAll('[data-ol-regular-form]').forEach(setup)
+  el.querySelectorAll('[data-ol-slow-link]').forEach(setup)
+})
diff --git a/services/web/frontend/js/features/outline/components/outline-container.tsx b/services/web/frontend/js/features/outline/components/outline-container.tsx
new file mode 100644
index 0000000..71a27db
--- /dev/null
+++ b/services/web/frontend/js/features/outline/components/outline-container.tsx
@@ -0,0 +1,35 @@
+import { FC, memo } from 'react'
+import OutlinePane from '@/features/outline/components/outline-pane'
+import { useOutlineContext } from '@/features/ide-react/context/outline-context'
+import useScopeEventEmitter from '@/shared/hooks/use-scope-event-emitter'
+import useNestedOutline from '../hooks/use-nested-outline'
+
+export const OutlineContainer: FC = memo(() => {
+  const {
+    highlightedLine,
+    canShowOutline,
+    jumpToLine,
+    outlineExpanded,
+    toggleOutlineExpanded,
+  } = useOutlineContext()
+
+  const outlineToggledEmitter = useScopeEventEmitter('outline-toggled')
+
+  const outline = useNestedOutline()
+
+  return (
+    <div className="outline-container">
+      <OutlinePane
+        outline={outline.items}
+        onToggle={outlineToggledEmitter}
+        isTexFile={canShowOutline}
+        jumpToLine={jumpToLine}
+        highlightedLine={highlightedLine}
+        isPartial={outline.partial}
+        expanded={outlineExpanded}
+        toggleExpanded={toggleOutlineExpanded}
+      />
+    </div>
+  )
+})
+OutlineContainer.displayName = 'OutlineContainer'
diff --git a/services/web/frontend/js/features/outline/components/outline-item-toggle-button.tsx b/services/web/frontend/js/features/outline/components/outline-item-toggle-button.tsx
new file mode 100644
index 0000000..9f277f1
--- /dev/null
+++ b/services/web/frontend/js/features/outline/components/outline-item-toggle-button.tsx
@@ -0,0 +1,24 @@
+import { memo, type Dispatch, type SetStateAction } from 'react'
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '@/shared/components/material-icon'
+
+export const OutlineItemToggleButton = memo<{
+  expanded: boolean
+  setExpanded: Dispatch<SetStateAction<boolean>>
+}>(({ expanded, setExpanded }) => {
+  const { t } = useTranslation()
+
+  return (
+    <button
+      className="outline-item-expand-collapse-btn"
+      onClick={() => setExpanded(value => !value)}
+      aria-label={expanded ? t('collapse') : t('expand')}
+    >
+      <MaterialIcon
+        type={expanded ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}
+        className="outline-caret-icon"
+      />
+    </button>
+  )
+})
+OutlineItemToggleButton.displayName = 'OutlineItemToggleButton'
diff --git a/services/web/frontend/js/features/outline/components/outline-item.tsx b/services/web/frontend/js/features/outline/components/outline-item.tsx
new file mode 100644
index 0000000..08a6b0f
--- /dev/null
+++ b/services/web/frontend/js/features/outline/components/outline-item.tsx
@@ -0,0 +1,98 @@
+import { useState, useEffect, useRef, memo } from 'react'
+import scrollIntoViewIfNeeded from 'scroll-into-view-if-needed'
+import classNames from 'classnames'
+import OutlineList from './outline-list'
+import { OutlineItemToggleButton } from '@/features/outline/components/outline-item-toggle-button'
+import { OutlineItemData } from '@/features/ide-react/types/outline'
+
+const OutlineItem = memo(function OutlineItem({
+  outlineItem,
+  jumpToLine,
+  highlightedLine,
+  matchesHighlightedLine,
+  containsHighlightedLine,
+}: {
+  outlineItem: OutlineItemData
+  jumpToLine: (line: number, syncToPdf: boolean) => void
+  highlightedLine?: number | null
+  matchesHighlightedLine?: boolean
+  containsHighlightedLine?: boolean
+}) {
+  const [expanded, setExpanded] = useState(true)
+  const titleElementRef = useRef<HTMLButtonElement>(null)
+  const isHighlightedRef = useRef<boolean>(false)
+
+  const mainItemClasses = classNames('outline-item', {
+    'outline-item-no-children': !outlineItem.children,
+  })
+
+  const hasHighlightedChild = !expanded && containsHighlightedLine
+  const isHighlighted = matchesHighlightedLine || hasHighlightedChild
+
+  const itemLinkClasses = classNames('outline-item-link', {
+    'outline-item-link-highlight': isHighlighted,
+  })
+
+  function handleOutlineItemLinkClick(event: React.MouseEvent) {
+    const syncToPdf = event.detail === 2 // double-click = sync to PDF
+    jumpToLine(outlineItem.line, syncToPdf)
+  }
+
+  useEffect(() => {
+    const wasHighlighted = isHighlightedRef.current
+    isHighlightedRef.current = !!isHighlighted
+
+    if (!wasHighlighted && isHighlighted && titleElementRef.current) {
+      scrollIntoViewIfNeeded(titleElementRef.current, {
+        scrollMode: 'if-needed',
+        block: 'center',
+      })
+    }
+  }, [isHighlighted, titleElementRef, isHighlightedRef])
+
+  // don't set the aria-expanded attribute when there are no children
+  const ariaExpandedValue = outlineItem.children ? expanded : undefined
+
+  return (
+    <li
+      className={mainItemClasses}
+      aria-expanded={ariaExpandedValue}
+      // FIXME
+      // eslint-disable-next-line jsx-a11y/role-has-required-aria-props
+      role="treeitem"
+      aria-current={isHighlighted}
+      aria-label={outlineItem.title}
+    >
+      <div className="outline-item-row">
+        {!!outlineItem.children && (
+          <OutlineItemToggleButton
+            expanded={expanded}
+            setExpanded={setExpanded}
+          />
+        )}
+        <button
+          className={itemLinkClasses}
+          onClick={handleOutlineItemLinkClick}
+          ref={titleElementRef}
+        >
+          {outlineItem.title}
+        </button>
+      </div>
+      {expanded && outlineItem.children ? (
+        // highlightedLine is only provided to this list if the list contains
+        // the highlighted line. This means that whenever the list does not
+        // contain the highlighted line, the props provided to it are the same
+        // and the component can be memoized.
+        <OutlineList
+          outline={outlineItem.children}
+          jumpToLine={jumpToLine}
+          isRoot={false}
+          highlightedLine={containsHighlightedLine ? highlightedLine : null}
+          containsHighlightedLine={containsHighlightedLine}
+        />
+      ) : null}
+    </li>
+  )
+})
+
+export default OutlineItem
diff --git a/services/web/frontend/js/features/outline/components/outline-list.tsx b/services/web/frontend/js/features/outline/components/outline-list.tsx
new file mode 100644
index 0000000..92282fb
--- /dev/null
+++ b/services/web/frontend/js/features/outline/components/outline-list.tsx
@@ -0,0 +1,57 @@
+import classNames from 'classnames'
+import OutlineItem from './outline-item'
+import { memo } from 'react'
+import { OutlineItemData } from '@/features/ide-react/types/outline'
+import getChildrenLines from '../util/get-children-lines'
+
+const OutlineList = memo(function OutlineList({
+  outline,
+  jumpToLine,
+  isRoot,
+  highlightedLine,
+  containsHighlightedLine,
+}: {
+  outline: OutlineItemData[]
+  jumpToLine: (line: number, syncToPdf: boolean) => void
+  isRoot?: boolean
+  highlightedLine?: number | null
+  containsHighlightedLine?: boolean
+}) {
+  const listClasses = classNames('outline-item-list', {
+    'outline-item-list-root': isRoot,
+  })
+  return (
+    <ul className={listClasses} role={isRoot ? 'tree' : 'group'}>
+      {outline.map((outlineItem, idx) => {
+        const matchesHighlightedLine =
+          containsHighlightedLine && highlightedLine === outlineItem.line
+        const itemContainsHighlightedLine =
+          highlightedLine !== undefined &&
+          highlightedLine !== null &&
+          containsHighlightedLine &&
+          getChildrenLines(outlineItem.children).includes(highlightedLine)
+
+        // highlightedLine is only provided to the item if the item matches or
+        // contains the highlighted line. This means that whenever the item does
+        // not contain the highlighted line, the props provided to it are the
+        // same and the component can be memoized.
+        return (
+          <OutlineItem
+            key={`${outlineItem.level}-${idx}`}
+            outlineItem={outlineItem}
+            jumpToLine={jumpToLine}
+            highlightedLine={
+              matchesHighlightedLine || itemContainsHighlightedLine
+                ? highlightedLine
+                : null
+            }
+            matchesHighlightedLine={matchesHighlightedLine}
+            containsHighlightedLine={itemContainsHighlightedLine}
+          />
+        )
+      })}
+    </ul>
+  )
+})
+
+export default OutlineList
diff --git a/services/web/frontend/js/features/outline/components/outline-pane.tsx b/services/web/frontend/js/features/outline/components/outline-pane.tsx
new file mode 100644
index 0000000..a52b068
--- /dev/null
+++ b/services/web/frontend/js/features/outline/components/outline-pane.tsx
@@ -0,0 +1,64 @@
+import React, { useEffect } from 'react'
+import classNames from 'classnames'
+
+import OutlineRoot from './outline-root'
+import withErrorBoundary from '../../../infrastructure/error-boundary'
+import { OutlineToggleButton } from '@/features/outline/components/outline-toggle-button'
+import { OutlineItemData } from '@/features/ide-react/types/outline'
+
+const OutlinePane = React.memo<{
+  isTexFile: boolean
+  outline: OutlineItemData[]
+  jumpToLine(line: number): void
+  onToggle(value: boolean): void
+  eventTracking: any
+  highlightedLine?: number
+  show: boolean
+  isPartial?: boolean
+  expanded?: boolean
+  toggleExpanded: () => void
+}>(function OutlinePane({
+  isTexFile,
+  outline,
+  jumpToLine,
+  onToggle,
+  highlightedLine,
+  isPartial = false,
+  expanded,
+  toggleExpanded,
+}) {
+  const isOpen = Boolean(isTexFile && expanded)
+
+  useEffect(() => {
+    onToggle(isOpen)
+  }, [isOpen, onToggle])
+
+  const headerClasses = classNames('outline-pane', {
+    'outline-pane-disabled': !isTexFile,
+  })
+
+  return (
+    <div className={headerClasses}>
+      <header className="outline-header">
+        <OutlineToggleButton
+          toggleExpanded={toggleExpanded}
+          expanded={expanded}
+          isOpen={isOpen}
+          isPartial={isPartial}
+          isTexFile={isTexFile}
+        />
+      </header>
+      {isOpen && (
+        <div className="outline-body">
+          <OutlineRoot
+            outline={outline}
+            jumpToLine={jumpToLine}
+            highlightedLine={highlightedLine}
+          />
+        </div>
+      )}
+    </div>
+  )
+})
+
+export default withErrorBoundary(OutlinePane)
diff --git a/services/web/frontend/js/features/outline/components/outline-root.tsx b/services/web/frontend/js/features/outline/components/outline-root.tsx
new file mode 100644
index 0000000..c295617
--- /dev/null
+++ b/services/web/frontend/js/features/outline/components/outline-root.tsx
@@ -0,0 +1,43 @@
+import { useTranslation } from 'react-i18next'
+import OutlineList from './outline-list'
+import { OutlineItemData } from '@/features/ide-react/types/outline'
+
+function OutlineRoot({
+  outline,
+  jumpToLine,
+  highlightedLine,
+}: {
+  outline: OutlineItemData[]
+  jumpToLine: (line: number, syncToPdf: boolean) => void
+  highlightedLine?: number
+}) {
+  const { t } = useTranslation()
+
+  return (
+    <div>
+      {outline.length ? (
+        <OutlineList
+          outline={outline}
+          jumpToLine={jumpToLine}
+          isRoot
+          highlightedLine={highlightedLine}
+          containsHighlightedLine
+        />
+      ) : (
+        <div className="outline-body-no-elements">
+          {t('we_cant_find_any_sections_or_subsections_in_this_file')}.{' '}
+          <a
+            href="/learn/how-to/Using_the_File_Outline_feature"
+            className="outline-body-link"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            {t('find_out_more_about_the_file_outline')}
+          </a>
+        </div>
+      )}
+    </div>
+  )
+}
+
+export default OutlineRoot
diff --git a/services/web/frontend/js/features/outline/components/outline-toggle-button.tsx b/services/web/frontend/js/features/outline/components/outline-toggle-button.tsx
new file mode 100644
index 0000000..2d33b59
--- /dev/null
+++ b/services/web/frontend/js/features/outline/components/outline-toggle-button.tsx
@@ -0,0 +1,44 @@
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '@/shared/components/material-icon'
+import React, { memo } from 'react'
+import { useTranslation } from 'react-i18next'
+
+export const OutlineToggleButton = memo<{
+  isTexFile: boolean
+  toggleExpanded: () => void
+  expanded?: boolean
+  isOpen: boolean
+  isPartial: boolean
+}>(({ isTexFile, toggleExpanded, expanded, isOpen, isPartial }) => {
+  const { t } = useTranslation()
+
+  return (
+    <button
+      className="outline-header-expand-collapse-btn"
+      disabled={!isTexFile}
+      onClick={toggleExpanded}
+      aria-label={expanded ? t('hide_outline') : t('show_outline')}
+    >
+      <MaterialIcon
+        type={isOpen ? 'keyboard_arrow_down' : 'keyboard_arrow_right'}
+        className="outline-caret-icon"
+      />
+      <h4 className="outline-header-name">{t('file_outline')}</h4>
+      {isPartial && (
+        <OLTooltip
+          id="partial-outline"
+          description={t('partial_outline_warning')}
+          overlayProps={{ placement: 'top' }}
+        >
+          <span role="status" style={{ display: 'flex' }}>
+            <MaterialIcon
+              type="warning"
+              accessibilityLabel={t('partial_outline_warning')}
+            />
+          </span>
+        </OLTooltip>
+      )}
+    </button>
+  )
+})
+OutlineToggleButton.displayName = 'OutlineToggleButton'
diff --git a/services/web/frontend/js/features/outline/hooks/use-nested-outline.ts b/services/web/frontend/js/features/outline/hooks/use-nested-outline.ts
new file mode 100644
index 0000000..22ade8f
--- /dev/null
+++ b/services/web/frontend/js/features/outline/hooks/use-nested-outline.ts
@@ -0,0 +1,70 @@
+import { useEffect, useRef, useState } from 'react'
+import {
+  FlatOutlineState,
+  PartialFlatOutline,
+  useOutlineContext,
+} from '@/features/ide-react/context/outline-context'
+import {
+  nestOutline,
+  Outline,
+} from '@/features/source-editor/utils/tree-operations/outline'
+import { debugConsole } from '@/utils/debugging'
+
+const outlineChanged = (
+  a: PartialFlatOutline | undefined,
+  b: PartialFlatOutline
+): boolean => {
+  if (!a) {
+    return true
+  }
+
+  if (a.length !== b.length) {
+    return true
+  }
+
+  for (let i = 0; i < a.length; i++) {
+    const aItem = a[i]
+    const bItem = b[i]
+    if (
+      aItem.level !== bItem.level ||
+      aItem.line !== bItem.line ||
+      aItem.title !== bItem.title
+    ) {
+      return true
+    }
+  }
+
+  return false
+}
+
+export default function useNestedOutline() {
+  const { flatOutline } = useOutlineContext()
+
+  const [nestedOutline, setNestedOutline] = useState<{
+    items: Outline[]
+    partial: boolean
+  }>(() => ({ items: [], partial: false }))
+
+  const prevFlatOutlineRef = useRef<FlatOutlineState>(undefined)
+
+  // when the flat outline changes, calculate the nested outline
+  // TODO: only calculate when outlineExpanded is true
+  useEffect(() => {
+    const prevFlatOutline = prevFlatOutlineRef.current
+    prevFlatOutlineRef.current = flatOutline
+
+    if (flatOutline) {
+      if (outlineChanged(prevFlatOutline?.items, flatOutline.items)) {
+        debugConsole.log('Rebuilding changed outline')
+        setNestedOutline({
+          items: nestOutline(flatOutline.items),
+          partial: flatOutline.partial,
+        })
+      }
+    } else {
+      setNestedOutline({ items: [], partial: false })
+    }
+  }, [flatOutline])
+
+  return nestedOutline
+}
diff --git a/services/web/frontend/js/features/outline/util/get-children-lines.ts b/services/web/frontend/js/features/outline/util/get-children-lines.ts
new file mode 100644
index 0000000..3b272ee
--- /dev/null
+++ b/services/web/frontend/js/features/outline/util/get-children-lines.ts
@@ -0,0 +1,11 @@
+import { OutlineItemData } from '@/features/ide-react/types/outline'
+
+export default function getChildrenLines(
+  children?: OutlineItemData[]
+): number[] {
+  return (children || [])
+    .map(child => {
+      return getChildrenLines(child.children).concat(child.line)
+    })
+    .flat()
+}
diff --git a/services/web/frontend/js/features/pdf-preview/components/compile-time-warning-upgrade-prompt-inner.tsx b/services/web/frontend/js/features/pdf-preview/components/compile-time-warning-upgrade-prompt-inner.tsx
new file mode 100644
index 0000000..09cfb5d
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/compile-time-warning-upgrade-prompt-inner.tsx
@@ -0,0 +1,41 @@
+import Notification from '@/shared/components/notification'
+import StartFreeTrialButton from '@/shared/components/start-free-trial-button'
+import { useTranslation } from 'react-i18next'
+import { FC } from 'react'
+
+export const CompileTimeWarningUpgradePromptInner: FC<{
+  handleDismissWarning: () => void
+}> = ({ handleDismissWarning }) => {
+  const { t } = useTranslation()
+
+  return (
+    <Notification
+      action={
+        <StartFreeTrialButton
+          variant="new-10s"
+          source="compile-time-warning"
+          buttonProps={{
+            variant: 'secondary',
+          }}
+        >
+          {t('start_free_trial_without_exclamation')}
+        </StartFreeTrialButton>
+      }
+      ariaLive="polite"
+      content={
+        <div>
+          <div>
+            <span>{t('your_project_near_compile_timeout_limit')}</span>
+          </div>
+          <strong>{t('upgrade_for_12x_more_compile_time')}</strong>
+          {'. '}
+        </div>
+      }
+      type="warning"
+      title={t('took_a_while')}
+      isActionBelowContent
+      isDismissible
+      onDismiss={handleDismissWarning}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/pdf-preview/components/compile-time-warning-upgrade-prompt.tsx b/services/web/frontend/js/features/pdf-preview/components/compile-time-warning-upgrade-prompt.tsx
new file mode 100644
index 0000000..b6d56df
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/compile-time-warning-upgrade-prompt.tsx
@@ -0,0 +1,79 @@
+import { memo, useCallback, useEffect, useState } from 'react'
+import * as eventTracking from '@/infrastructure/event-tracking'
+import { useDetachCompileContext } from '@/shared/context/detach-compile-context'
+import usePersistedState from '@/shared/hooks/use-persisted-state'
+import { CompileTimeWarningUpgradePromptInner } from '@/features/pdf-preview/components/compile-time-warning-upgrade-prompt-inner'
+import getMeta from '@/utils/meta'
+
+function CompileTimeWarningUpgradePrompt() {
+  const { isProjectOwner, deliveryLatencies, compiling, showLogs, error } =
+    useDetachCompileContext()
+
+  const [showWarning, setShowWarning] = useState(false)
+  const [dismissedUntilWarning, setDismissedUntilWarning] = usePersistedState<
+    Date | undefined
+  >(`has-dismissed-10s-compile-time-warning-until`)
+
+  const handleNewCompile = useCallback(
+    compileTime => {
+      setShowWarning(false)
+      if (compileTime > 10000) {
+        if (isProjectOwner) {
+          if (
+            !dismissedUntilWarning ||
+            new Date(dismissedUntilWarning) < new Date()
+          ) {
+            setShowWarning(true)
+            eventTracking.sendMB('compile-time-warning-displayed', {
+              time: 10,
+              isProjectOwner,
+            })
+          }
+        }
+      }
+    },
+    [isProjectOwner, dismissedUntilWarning]
+  )
+
+  const handleDismissWarning = useCallback(() => {
+    eventTracking.sendMB('compile-time-warning-dismissed', {
+      time: 10,
+      isProjectOwner,
+    })
+    setShowWarning(false)
+    const until = new Date()
+    until.setDate(until.getDate() + 1) // 1 day
+    setDismissedUntilWarning(until)
+  }, [isProjectOwner, setDismissedUntilWarning])
+
+  useEffect(() => {
+    if (compiling || error || showLogs) return
+    handleNewCompile(deliveryLatencies.compileTimeServerE2E)
+  }, [compiling, error, showLogs, deliveryLatencies, handleNewCompile])
+
+  if (!getMeta('ol-ExposedSettings').enableSubscriptions) {
+    return null
+  }
+
+  if (compiling || error || showLogs) {
+    return null
+  }
+
+  if (!showWarning) {
+    return null
+  }
+
+  // if showWarning is true then the 10s warning is shown
+
+  return (
+    <div>
+      {showWarning && isProjectOwner && (
+        <CompileTimeWarningUpgradePromptInner
+          handleDismissWarning={handleDismissWarning}
+        />
+      )}
+    </div>
+  )
+}
+
+export default memo(CompileTimeWarningUpgradePrompt)
diff --git a/services/web/frontend/js/features/pdf-preview/components/detach-compile-button-wrapper.tsx b/services/web/frontend/js/features/pdf-preview/components/detach-compile-button-wrapper.tsx
new file mode 100644
index 0000000..983309b
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/detach-compile-button-wrapper.tsx
@@ -0,0 +1,15 @@
+import { memo } from 'react'
+import { useLayoutContext } from '../../../shared/context/layout-context'
+import DetachCompileButton from './detach-compile-button'
+
+function DetachCompileButtonWrapper() {
+  const { detachRole, detachIsLinked } = useLayoutContext()
+
+  if (detachRole !== 'detacher' || !detachIsLinked) {
+    return null
+  }
+
+  return <DetachCompileButton />
+}
+
+export default memo(DetachCompileButtonWrapper)
diff --git a/services/web/frontend/js/features/pdf-preview/components/detach-compile-button.tsx b/services/web/frontend/js/features/pdf-preview/components/detach-compile-button.tsx
new file mode 100644
index 0000000..accfcc4
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/detach-compile-button.tsx
@@ -0,0 +1,47 @@
+import { useTranslation } from 'react-i18next'
+import { memo } from 'react'
+import classnames from 'classnames'
+import { useDetachCompileContext } from '../../../shared/context/detach-compile-context'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+const modifierKey = /Mac/i.test(navigator.platform) ? 'Cmd' : 'Ctrl'
+
+function DetachCompileButton() {
+  const { t } = useTranslation()
+  const { compiling, startCompile, hasChanges } = useDetachCompileContext()
+
+  const tooltipElement = (
+    <>
+      {t('recompile_pdf')}{' '}
+      <span className="keyboard-shortcut">({modifierKey} + Enter)</span>
+    </>
+  )
+
+  return (
+    <div className="detach-compile-button-container ms-1">
+      <OLTooltip
+        id="detach-compile"
+        description={tooltipElement}
+        tooltipProps={{ className: 'keyboard-tooltip' }}
+        overlayProps={{ delay: { show: 500, hide: 0 } }}
+      >
+        <OLButton
+          variant="primary"
+          onClick={() => startCompile()}
+          disabled={compiling}
+          className={classnames('detach-compile-button', {
+            'btn-striped-animated': hasChanges,
+            'detach-compile-button-disabled': compiling,
+          })}
+          size="sm"
+          isLoading={compiling}
+        >
+          {t('recompile')}
+        </OLButton>
+      </OLTooltip>
+    </div>
+  )
+}
+
+export default memo(DetachCompileButton)
diff --git a/services/web/frontend/js/features/pdf-preview/components/detach-synctex-control.tsx b/services/web/frontend/js/features/pdf-preview/components/detach-synctex-control.tsx
new file mode 100644
index 0000000..e7fba2b
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/detach-synctex-control.tsx
@@ -0,0 +1,26 @@
+import { useLayoutContext } from '../../../shared/context/layout-context'
+import PdfSynctexControls from './pdf-synctex-controls'
+
+export function DefaultSynctexControl() {
+  const { detachRole } = useLayoutContext()
+  if (!detachRole) {
+    return <PdfSynctexControls />
+  }
+  return null
+}
+
+export function DetacherSynctexControl() {
+  const { detachRole, detachIsLinked } = useLayoutContext()
+  if (detachRole === 'detacher' && detachIsLinked) {
+    return <PdfSynctexControls />
+  }
+  return null
+}
+
+export function DetachedSynctexControl() {
+  const { detachRole, detachIsLinked } = useLayoutContext()
+  if (detachRole === 'detached' && detachIsLinked) {
+    return <PdfSynctexControls />
+  }
+  return null
+}
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-clear-cache-button.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-clear-cache-button.tsx
new file mode 100644
index 0000000..51a96f6
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-clear-cache-button.tsx
@@ -0,0 +1,27 @@
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTranslation } from 'react-i18next'
+import { memo } from 'react'
+import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
+
+function PdfClearCacheButton() {
+  const { compiling, clearCache, clearingCache } = useCompileContext()
+
+  const { t } = useTranslation()
+
+  return (
+    <OLButton
+      size="sm"
+      variant="danger"
+      className="logs-pane-actions-clear-cache"
+      onClick={() => clearCache()}
+      isLoading={clearingCache}
+      disabled={clearingCache || compiling}
+      leadingIcon="delete"
+      loadingLabel={t('clear_cached_files')}
+    >
+      <span>{t('clear_cached_files')}</span>
+    </OLButton>
+  )
+}
+
+export default memo(PdfClearCacheButton)
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-code-check-failed-notice.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-code-check-failed-notice.tsx
new file mode 100644
index 0000000..3be04b5
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-code-check-failed-notice.tsx
@@ -0,0 +1,16 @@
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+function PdfCodeCheckFailedNotice() {
+  const { t } = useTranslation()
+  return (
+    <OLNotification
+      type="error"
+      content={t('code_check_failed_explanation')}
+      className="m-0"
+    />
+  )
+}
+
+export default memo(PdfCodeCheckFailedNotice)
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-compile-button.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-compile-button.tsx
new file mode 100644
index 0000000..b2b78d9
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-compile-button.tsx
@@ -0,0 +1,235 @@
+import { useTranslation } from 'react-i18next'
+import { memo } from 'react'
+import classNames from 'classnames'
+import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
+import { useStopOnFirstError } from '../../../shared/hooks/use-stop-on-first-error'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import {
+  DropdownToggleCustom,
+  Dropdown,
+  DropdownDivider,
+  DropdownHeader,
+  DropdownItem,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLButtonGroup from '@/features/ui/components/ol/ol-button-group'
+import { useLayoutContext } from '@/shared/context/layout-context'
+
+const modifierKey = /Mac/i.test(navigator.platform) ? 'Cmd' : 'Ctrl'
+
+function sendEventAndSet<T extends boolean>(
+  value: T,
+  setter: (value: T) => void,
+  settingName: string
+) {
+  eventTracking.sendMB('recompile-setting-changed', {
+    setting: settingName,
+    settingVal: value,
+  })
+  setter(value)
+}
+
+function PdfCompileButton() {
+  const {
+    animateCompileDropdownArrow,
+    autoCompile,
+    compiling,
+    draft,
+    hasChanges,
+    setAutoCompile,
+    setDraft,
+    setStopOnValidationError,
+    stopOnFirstError,
+    stopOnValidationError,
+    startCompile,
+    stopCompile,
+    recompileFromScratch,
+  } = useCompileContext()
+  const { enableStopOnFirstError, disableStopOnFirstError } =
+    useStopOnFirstError({ eventSource: 'dropdown' })
+
+  const { t } = useTranslation()
+
+  const { detachRole } = useLayoutContext()
+
+  const fromScratchWithEvent = () => {
+    eventTracking.sendMB('recompile-setting-changed', {
+      setting: 'from-scratch',
+    })
+    recompileFromScratch()
+  }
+
+  const tooltipElement = (
+    <>
+      {t('recompile_pdf')}{' '}
+      <span className="keyboard-shortcut">({modifierKey} + Enter)</span>
+    </>
+  )
+
+  const dropdownToggleClassName = classNames(
+    {
+      'detach-compile-button-animate': animateCompileDropdownArrow,
+      'btn-striped-animated': hasChanges,
+    },
+    'no-left-border',
+    'dropdown-button-toggle'
+  )
+
+  const buttonClassName = classNames(
+    'align-items-center py-0 no-left-radius px-3',
+    {
+      'btn-striped-animated': hasChanges,
+    }
+  )
+
+  return (
+    <Dropdown as={OLButtonGroup} className="compile-button-group">
+      <OLTooltip
+        description={tooltipElement}
+        id="compile"
+        tooltipProps={{ className: 'keyboard-tooltip' }}
+        overlayProps={{
+          delay: { show: 500, hide: 0 },
+          placement: detachRole === 'detached' ? 'bottom' : undefined,
+        }}
+      >
+        <OLButton
+          variant="primary"
+          disabled={compiling}
+          isLoading={compiling}
+          onClick={() => startCompile()}
+          className={buttonClassName}
+          loadingLabel={`${t('compiling')}…`}
+        >
+          {t('recompile')}
+        </OLButton>
+      </OLTooltip>
+
+      <DropdownToggle
+        as={DropdownToggleCustom}
+        split
+        variant="primary"
+        id="pdf-recompile-dropdown"
+        size="sm"
+        aria-label={t('toggle_compile_options_menu')}
+        className={dropdownToggleClassName}
+      />
+
+      <DropdownMenu>
+        <DropdownHeader>{t('auto_compile')}</DropdownHeader>
+        <li role="none">
+          <DropdownItem
+            as="button"
+            onClick={() =>
+              sendEventAndSet(true, setAutoCompile, 'auto-compile')
+            }
+            trailingIcon={autoCompile ? 'check' : null}
+          >
+            {t('on')}
+          </DropdownItem>
+        </li>
+        <li role="none">
+          <DropdownItem
+            as="button"
+            onClick={() =>
+              sendEventAndSet(false, setAutoCompile, 'auto-compile')
+            }
+            trailingIcon={!autoCompile ? 'check' : null}
+          >
+            {t('off')}
+          </DropdownItem>
+        </li>
+        <DropdownDivider />
+        <DropdownHeader>{t('compile_mode')}</DropdownHeader>
+        <li role="none">
+          <DropdownItem
+            as="button"
+            onClick={() => sendEventAndSet(false, setDraft, 'compile-mode')}
+            trailingIcon={!draft ? 'check' : null}
+          >
+            {t('normal')}
+          </DropdownItem>
+        </li>
+        <li role="none">
+          <DropdownItem
+            as="button"
+            onClick={() => sendEventAndSet(true, setDraft, 'compile-mode')}
+            trailingIcon={draft ? 'check' : null}
+          >
+            {t('fast')}&nbsp;<span className="subdued">[draft]</span>
+          </DropdownItem>
+        </li>
+        <DropdownDivider />
+        <DropdownHeader>Syntax Checks</DropdownHeader>
+        <li role="none">
+          <DropdownItem
+            as="button"
+            onClick={() =>
+              sendEventAndSet(true, setStopOnValidationError, 'syntax-check')
+            }
+            trailingIcon={stopOnValidationError ? 'check' : null}
+          >
+            {t('stop_on_validation_error')}
+          </DropdownItem>
+        </li>
+        <li role="none">
+          <DropdownItem
+            as="button"
+            onClick={() =>
+              sendEventAndSet(false, setStopOnValidationError, 'syntax-check')
+            }
+            trailingIcon={!stopOnValidationError ? 'check' : null}
+          >
+            {t('ignore_validation_errors')}
+          </DropdownItem>
+        </li>
+        <DropdownDivider />
+        <DropdownHeader>{t('compile_error_handling')}</DropdownHeader>
+        <li role="none">
+          <DropdownItem
+            as="button"
+            onClick={enableStopOnFirstError}
+            trailingIcon={stopOnFirstError ? 'check' : null}
+          >
+            {t('stop_on_first_error')}
+          </DropdownItem>
+        </li>
+        <li role="none">
+          <DropdownItem
+            as="button"
+            onClick={disableStopOnFirstError}
+            trailingIcon={!stopOnFirstError ? 'check' : null}
+          >
+            {t('try_to_compile_despite_errors')}
+          </DropdownItem>
+        </li>
+        <DropdownDivider />
+        <li role="none">
+          <DropdownItem
+            as="button"
+            onClick={() => stopCompile()}
+            disabled={!compiling}
+            aria-disabled={!compiling}
+          >
+            {t('stop_compile')}
+          </DropdownItem>
+        </li>
+        <li role="none">
+          <DropdownItem
+            as="button"
+            onClick={fromScratchWithEvent}
+            disabled={compiling}
+            aria-disabled={compiling}
+          >
+            {t('recompile_from_scratch')}
+          </DropdownItem>
+        </li>
+      </DropdownMenu>
+    </Dropdown>
+  )
+}
+
+export default memo(PdfCompileButton)
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-download-files-button.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-download-files-button.tsx
new file mode 100644
index 0000000..8cea50c
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-download-files-button.tsx
@@ -0,0 +1,37 @@
+import {
+  Dropdown,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import PdfFileList from './pdf-file-list'
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
+
+function PdfDownloadFilesButton() {
+  const { compiling, fileList } = useCompileContext()
+
+  const { t } = useTranslation()
+
+  if (!fileList) {
+    return null
+  }
+
+  return (
+    <Dropdown drop="up">
+      <DropdownToggle
+        id="dropdown-files-logs-pane"
+        variant="secondary"
+        size="sm"
+        disabled={compiling || !fileList}
+      >
+        {t('other_logs_and_files')}
+      </DropdownToggle>
+      <DropdownMenu id="dropdown-files-logs-pane-list">
+        <PdfFileList fileList={fileList} />
+      </DropdownMenu>
+    </Dropdown>
+  )
+}
+
+export default memo(PdfDownloadFilesButton)
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-file-list.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-file-list.tsx
new file mode 100644
index 0000000..753aa32
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-file-list.tsx
@@ -0,0 +1,69 @@
+import { useTranslation } from 'react-i18next'
+import { memo } from 'react'
+import {
+  DropdownDivider,
+  DropdownHeader,
+  DropdownItem,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import { PdfFileData, PdfFileDataList } from '../util/types'
+
+function PdfFileList({ fileList }: { fileList: PdfFileDataList }) {
+  const { t } = useTranslation()
+
+  if (!fileList) {
+    return null
+  }
+
+  function basename(file: PdfFileData) {
+    return file.path.split('/').pop()
+  }
+
+  return (
+    <>
+      <DropdownHeader>{t('other_output_files')}</DropdownHeader>
+
+      {fileList.top.map(file => (
+        <li key={file.path} role="menuitem">
+          <DropdownItem
+            role="link"
+            download={basename(file)}
+            href={file.downloadURL || file.url}
+          >
+            {file.path}
+          </DropdownItem>
+        </li>
+      ))}
+
+      {fileList.other.length > 0 && fileList.top.length > 0 && (
+        <DropdownDivider />
+      )}
+
+      {fileList.other.map(file => (
+        <li key={file.path} role="menuitem">
+          <DropdownItem
+            role="link"
+            download={basename(file)}
+            href={file.downloadURL || file.url}
+          >
+            {file.path}
+          </DropdownItem>
+        </li>
+      ))}
+
+      {fileList.archive?.fileCount !== undefined &&
+        fileList.archive?.fileCount > 0 && (
+          <li role="menuitem">
+            <DropdownItem
+              role="link"
+              download={basename(fileList.archive)}
+              href={fileList.archive.url}
+            >
+              {t('download_all')} ({fileList.archive.fileCount})
+            </DropdownItem>
+          </li>
+        )}
+    </>
+  )
+}
+
+export default memo(PdfFileList)
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-hybrid-code-check-button.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-hybrid-code-check-button.tsx
new file mode 100644
index 0000000..701fccc
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-hybrid-code-check-button.tsx
@@ -0,0 +1,34 @@
+import { memo, useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import MaterialIcon from '@/shared/components/material-icon'
+
+function PdfHybridCodeCheckButton() {
+  const { codeCheckFailed, error, toggleLogs } = useCompileContext()
+
+  const { t } = useTranslation()
+
+  const handleClick = useCallback(() => {
+    toggleLogs()
+  }, [toggleLogs])
+
+  if (!codeCheckFailed) {
+    return null
+  }
+
+  return (
+    <OLButton
+      variant="danger"
+      size="sm"
+      disabled={Boolean(error)}
+      className="btn-toggle-logs toolbar-item"
+      onClick={handleClick}
+    >
+      <MaterialIcon type="warning" />
+      <span className="toolbar-text">{t('code_check_failed')}</span>
+    </OLButton>
+  )
+}
+
+export default memo(PdfHybridCodeCheckButton)
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-hybrid-download-button.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-hybrid-download-button.tsx
new file mode 100644
index 0000000..bf0b037
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-hybrid-download-button.tsx
@@ -0,0 +1,58 @@
+import { useTranslation } from 'react-i18next'
+import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
+import { useProjectContext } from '@/shared/context/project-context'
+import { sendMB, isSmallDevice } from '@/infrastructure/event-tracking'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import MaterialIcon from '@/shared/components/material-icon'
+
+function PdfHybridDownloadButton() {
+  const { pdfDownloadUrl } = useCompileContext()
+
+  const { _id: projectId } = useProjectContext()
+
+  const { t } = useTranslation()
+  const description = pdfDownloadUrl
+    ? t('download_pdf')
+    : t('please_compile_pdf_before_download')
+
+  function handleOnClick(e: React.MouseEvent) {
+    const event = e as React.MouseEvent<HTMLAnchorElement>
+    if (event.currentTarget.dataset.disabled === 'true') {
+      event.preventDefault()
+      return
+    }
+
+    sendMB('download-pdf-button-click', {
+      projectId,
+      location: 'pdf-preview',
+      isSmallDevice,
+    })
+  }
+
+  return (
+    <OLTooltip
+      id="download-pdf"
+      description={description}
+      overlayProps={{ placement: 'bottom' }}
+    >
+      <OLButton
+        onClick={handleOnClick}
+        variant="link"
+        className="pdf-toolbar-btn"
+        draggable={false}
+        data-disabled={!pdfDownloadUrl}
+        disabled={!pdfDownloadUrl}
+        download
+        href={pdfDownloadUrl || '#'}
+        target="_blank"
+        style={{ pointerEvents: 'auto' }}
+        aria-label={t('download_pdf')}
+      >
+        <MaterialIcon type="download" />
+      </OLButton>
+    </OLTooltip>
+  )
+}
+
+export default PdfHybridDownloadButton
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-hybrid-logs-button.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-hybrid-logs-button.tsx
new file mode 100644
index 0000000..4d979f6
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-hybrid-logs-button.tsx
@@ -0,0 +1,55 @@
+import { memo, useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useDetachCompileContext as useCompileContext } from '@/shared/context/detach-compile-context'
+import * as eventTracking from '@/infrastructure/event-tracking'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLBadge from '@/features/ui/components/ol/ol-badge'
+
+function PdfHybridLogsButton() {
+  const { error, logEntries, toggleLogs, showLogs, stoppedOnFirstError } =
+    useCompileContext()
+
+  const { t } = useTranslation()
+
+  const handleClick = useCallback(() => {
+    // only send analytics on open
+    if (!showLogs) {
+      eventTracking.sendMB('logs-click')
+    }
+    toggleLogs()
+  }, [toggleLogs, showLogs])
+
+  const errorCount = Number(logEntries?.errors?.length)
+  const warningCount = Number(logEntries?.warnings?.length)
+  const totalCount = errorCount + warningCount
+
+  return (
+    <OLTooltip
+      id="logs-toggle"
+      description={t('logs_and_output_files')}
+      overlayProps={{ placement: 'bottom' }}
+    >
+      <OLButton
+        variant="link"
+        disabled={Boolean(error || stoppedOnFirstError)}
+        active={showLogs}
+        className="pdf-toolbar-btn toolbar-item log-btn"
+        onClick={handleClick}
+        style={{ position: 'relative' }}
+        aria-label={showLogs ? t('view_pdf') : t('view_logs')}
+      >
+        <MaterialIcon type="description" />
+
+        {!showLogs && totalCount > 0 && (
+          <OLBadge bg={errorCount === 0 ? 'warning' : 'danger'}>
+            {totalCount}
+          </OLBadge>
+        )}
+      </OLButton>
+    </OLTooltip>
+  )
+}
+
+export default memo(PdfHybridLogsButton)
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.tsx
new file mode 100644
index 0000000..04332d2
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.tsx
@@ -0,0 +1,513 @@
+import { memo, useCallback, useEffect, useRef, useState } from 'react'
+import { debounce, throttle } from 'lodash'
+import PdfViewerControlsToolbar from './pdf-viewer-controls-toolbar'
+import { useProjectContext } from '../../../shared/context/project-context'
+import usePersistedState from '../../../shared/hooks/use-persisted-state'
+import { buildHighlightElement } from '../util/highlights'
+import PDFJSWrapper from '../util/pdf-js-wrapper'
+import withErrorBoundary from '../../../infrastructure/error-boundary'
+import PdfPreviewErrorBoundaryFallback from './pdf-preview-error-boundary-fallback'
+import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
+import { captureException } from '../../../infrastructure/error-reporter'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import { getPdfCachingMetrics } from '../util/metrics'
+import { debugConsole } from '@/utils/debugging'
+import { usePdfPreviewContext } from '@/features/pdf-preview/components/pdf-preview-provider'
+import usePresentationMode from '../hooks/use-presentation-mode'
+import useMouseWheelZoom from '../hooks/use-mouse-wheel-zoom'
+import { PDFJS } from '../util/pdf-js'
+
+type PdfJsViewerProps = {
+  url: string
+  pdfFile: Record<string, any>
+}
+
+function PdfJsViewer({ url, pdfFile }: PdfJsViewerProps) {
+  const { _id: projectId } = useProjectContext()
+
+  const { setError, firstRenderDone, highlights, position, setPosition } =
+    useCompileContext()
+
+  const { setLoadingError } = usePdfPreviewContext()
+
+  // state values persisted in localStorage to restore on load
+  const [scale, setScale] = usePersistedState(
+    `pdf-viewer-scale:${projectId}`,
+    'page-width'
+  )
+
+  // rawScale is different from scale as it is always a number.
+  // This is relevant when scale is e.g. 'page-width'.
+  const [rawScale, setRawScale] = useState<number | null>(null)
+  const [page, setPage] = useState<number | null>(null)
+  const [totalPages, setTotalPages] = useState<number | null>(null)
+
+  // local state values
+  const [pdfJsWrapper, setPdfJsWrapper] = useState<PDFJSWrapper | null>()
+  const [initialised, setInitialised] = useState(false)
+
+  const handlePageChange = useCallback(
+    (newPage: number) => {
+      if (!totalPages || newPage < 1 || newPage > totalPages) {
+        return
+      }
+
+      setPage(newPage)
+      if (pdfJsWrapper?.viewer) {
+        pdfJsWrapper.viewer.currentPageNumber = newPage
+      }
+    },
+    [pdfJsWrapper, setPage, totalPages]
+  )
+
+  // create the viewer when the container is mounted
+  const handleContainer = useCallback(
+    parent => {
+      if (parent) {
+        try {
+          setPdfJsWrapper(new PDFJSWrapper(parent.firstChild))
+        } catch (error: any) {
+          setLoadingError(true)
+          captureException(error)
+        }
+      }
+    },
+    [setLoadingError]
+  )
+
+  useEffect(() => {
+    return () => {
+      setPdfJsWrapper(null)
+    }
+  }, [])
+
+  const [startFetch, setStartFetch] = useState(0)
+
+  // listen for events and trigger rendering.
+  // Do everything in one effect to mitigate de-sync between events.
+  useEffect(() => {
+    if (!pdfJsWrapper || !firstRenderDone) return
+
+    let timePDFFetched: number
+    let timePDFRendered: number
+    const submitLatencies = () => {
+      if (!timePDFFetched) {
+        // The pagerendered event was attached after pagesinit fired. :/
+        return
+      }
+
+      const latencyFetch = Math.ceil(timePDFFetched - startFetch)
+      let latencyRender
+      if (timePDFRendered) {
+        // The renderer does not yield in case the browser tab is hidden.
+        // It will yield when the browser tab is visible again.
+        // This will skew our performance metrics for rendering!
+        // We are omitting the render time in case we detect this state.
+        latencyRender = Math.ceil(timePDFRendered - timePDFFetched)
+      }
+      firstRenderDone({
+        latencyFetch,
+        latencyRender,
+        // Let the pdfCachingMetrics round trip to account for pdf-detach.
+        pdfCachingMetrics: getPdfCachingMetrics(),
+      })
+    }
+
+    const handlePagesinit = () => {
+      setInitialised(true)
+      timePDFFetched = performance.now()
+      if (document.hidden) {
+        // Rendering does not start in case we are hidden. See comment above.
+        submitLatencies()
+      }
+    }
+
+    const handleRendered = () => {
+      if (!document.hidden) {
+        // The render time is not accurate in case we are hidden. See above.
+        timePDFRendered = performance.now()
+      }
+      submitLatencies()
+
+      // Only get the times for the first page.
+      pdfJsWrapper.eventBus.off('pagerendered', handleRendered)
+    }
+
+    const handleRenderedInitialPageNumber = () => {
+      setPage(pdfJsWrapper.viewer.currentPageNumber)
+
+      // Only need to set the initial page number once.
+      pdfJsWrapper.eventBus.off('pagerendered', handleRenderedInitialPageNumber)
+    }
+
+    const handleScaleChanged = (scale: { scale: number }) => {
+      setRawScale(scale.scale)
+    }
+
+    // `pagesinit` fires when the data for rendering the first page is ready.
+    pdfJsWrapper.eventBus.on('pagesinit', handlePagesinit)
+    // `pagerendered` fires when a page was actually rendered.
+    pdfJsWrapper.eventBus.on('pagerendered', handleRendered)
+    // Once a page has been rendered we can set the initial current page number.
+    pdfJsWrapper.eventBus.on('pagerendered', handleRenderedInitialPageNumber)
+    pdfJsWrapper.eventBus.on('scalechanging', handleScaleChanged)
+
+    return () => {
+      pdfJsWrapper.eventBus.off('pagesinit', handlePagesinit)
+      pdfJsWrapper.eventBus.off('pagerendered', handleRendered)
+      pdfJsWrapper.eventBus.off('pagerendered', handleRenderedInitialPageNumber)
+      pdfJsWrapper.eventBus.off('scalechanging', handleScaleChanged)
+    }
+  }, [pdfJsWrapper, firstRenderDone, startFetch])
+
+  // load the PDF document from the URL
+  useEffect(() => {
+    if (pdfJsWrapper && url) {
+      setInitialised(false)
+      setError(undefined)
+      setStartFetch(performance.now())
+
+      const abortController = new AbortController()
+      const handleFetchError = (err: Error) => {
+        if (abortController.signal.aborted) return
+        // The error is already logged at the call-site with additional context.
+        if (err instanceof PDFJS.MissingPDFException) {
+          setError('rendering-error-expected')
+        } else {
+          setError('rendering-error')
+        }
+      }
+      pdfJsWrapper
+        .loadDocument({ url, pdfFile, abortController, handleFetchError })
+        .then(doc => {
+          if (doc) {
+            setTotalPages(doc.numPages)
+          }
+        })
+        .catch(error => {
+          if (abortController.signal.aborted) return
+          debugConsole.error(error)
+          setError('rendering-error')
+        })
+      return () => {
+        abortController.abort()
+      }
+    }
+  }, [pdfJsWrapper, url, pdfFile, setError, setStartFetch])
+
+  // listen for scroll events
+  useEffect(() => {
+    let storePositionTimer: number
+
+    if (initialised && pdfJsWrapper) {
+      if (!pdfJsWrapper.isVisible()) {
+        return
+      }
+
+      // store the scroll position in localStorage, for the synctex button
+      const storePosition = debounce(pdfViewer => {
+        // set position for "sync to code" button
+        try {
+          setPosition(pdfViewer.currentPosition)
+        } catch (error) {
+          // debugConsole.error(error)
+        }
+      }, 500)
+
+      storePositionTimer = window.setTimeout(() => {
+        storePosition(pdfJsWrapper)
+      }, 100)
+
+      const scrollListener = () => {
+        storePosition(pdfJsWrapper)
+        setPage(pdfJsWrapper.viewer.currentPageNumber)
+      }
+
+      pdfJsWrapper.container.addEventListener('scroll', scrollListener)
+
+      return () => {
+        pdfJsWrapper.container.removeEventListener('scroll', scrollListener)
+        if (storePositionTimer) {
+          window.clearTimeout(storePositionTimer)
+        }
+        storePosition.cancel()
+      }
+    }
+  }, [setPosition, pdfJsWrapper, initialised])
+
+  // listen for double-click events
+  useEffect(() => {
+    if (pdfJsWrapper) {
+      const handleTextlayerrendered = (textLayer: any) => {
+        // handle both versions for backwards-compatibility
+        const textLayerDiv =
+          textLayer.source.textLayerDiv ?? textLayer.source.textLayer.div
+
+        if (!textLayerDiv.dataset.listeningForDoubleClick) {
+          textLayerDiv.dataset.listeningForDoubleClick = true
+
+          const doubleClickListener = (event: MouseEvent) => {
+            const clickPosition = pdfJsWrapper.clickPosition(
+              event,
+              textLayerDiv.closest('.page').querySelector('canvas'),
+              textLayer.pageNumber - 1
+            )
+
+            if (clickPosition) {
+              eventTracking.sendMB('jump-to-location', {
+                direction: 'pdf-location-in-code',
+                method: 'double-click',
+              })
+
+              window.dispatchEvent(
+                new CustomEvent('synctex:sync-to-position', {
+                  detail: clickPosition,
+                })
+              )
+            }
+          }
+
+          textLayerDiv.addEventListener('dblclick', doubleClickListener)
+        }
+      }
+
+      pdfJsWrapper.eventBus.on('textlayerrendered', handleTextlayerrendered)
+      return () =>
+        pdfJsWrapper.eventBus.off('textlayerrendered', handleTextlayerrendered)
+    }
+  }, [pdfJsWrapper])
+
+  const positionRef = useRef(position)
+  useEffect(() => {
+    positionRef.current = position
+  }, [position])
+
+  const scaleRef = useRef(scale)
+  useEffect(() => {
+    scaleRef.current = scale
+  }, [scale])
+
+  // restore the saved scale and scroll position
+  useEffect(() => {
+    if (initialised && pdfJsWrapper) {
+      if (!pdfJsWrapper.isVisible()) {
+        return
+      }
+      if (positionRef.current) {
+        // Typescript is incorrectly inferring the type of the scale argument to
+        // scrollToPosition from its default value. We can remove this ignore once
+        // pdfJsWrapper is converted to using tyepscript.
+        // @ts-ignore
+        pdfJsWrapper.scrollToPosition(positionRef.current, scaleRef.current)
+      } else {
+        pdfJsWrapper.viewer.currentScaleValue = scaleRef.current
+      }
+    }
+  }, [initialised, pdfJsWrapper, scaleRef, positionRef])
+
+  // transmit scale value to the viewer when it changes
+  useEffect(() => {
+    if (pdfJsWrapper) {
+      pdfJsWrapper.viewer.currentScaleValue = scale
+    }
+  }, [scale, pdfJsWrapper])
+
+  // when highlights are created, build the highlight elements
+  useEffect(() => {
+    const timers: number[] = []
+    let intersectionObserver: IntersectionObserver
+
+    if (pdfJsWrapper && highlights?.length) {
+      // watch for the highlight elements to scroll into view
+      intersectionObserver = new IntersectionObserver(
+        entries => {
+          for (const entry of entries) {
+            if (entry.isIntersecting) {
+              intersectionObserver.unobserve(entry.target)
+
+              const element = entry.target as HTMLElement
+
+              // fade the element in and out
+              element.style.opacity = '0.5'
+
+              timers.push(
+                window.setTimeout(() => {
+                  element.style.opacity = '0'
+                }, 1100)
+              )
+            }
+          }
+        },
+        {
+          threshold: 1.0, // the whole element must be visible
+        }
+      )
+
+      const elements: HTMLDivElement[] = []
+
+      for (const highlight of highlights) {
+        try {
+          const element = buildHighlightElement(highlight, pdfJsWrapper.viewer)
+          elements.push(element)
+          intersectionObserver.observe(element)
+        } catch (error) {
+          // ignore invalid highlights
+        }
+      }
+
+      const [firstElement] = elements
+
+      if (firstElement) {
+        // scroll to the first highlighted element
+        // Briefly delay the scrolling after adding the element to the DOM.
+        timers.push(
+          window.setTimeout(() => {
+            firstElement.scrollIntoView({
+              block: 'center',
+              inline: 'start',
+              behavior: 'smooth',
+            })
+          }, 100)
+        )
+      }
+
+      return () => {
+        for (const timer of timers) {
+          window.clearTimeout(timer)
+        }
+        for (const element of elements) {
+          element.remove()
+        }
+        intersectionObserver?.disconnect()
+      }
+    }
+  }, [highlights, pdfJsWrapper])
+
+  // set the scale in response to zoom option changes
+  const setZoom = useCallback(
+    zoom => {
+      switch (zoom) {
+        case 'zoom-in':
+          if (pdfJsWrapper) {
+            setScale(
+              `${Math.min(pdfJsWrapper.viewer.currentScale * 1.25, 9.99)}`
+            )
+          }
+          break
+
+        case 'zoom-out':
+          if (pdfJsWrapper) {
+            setScale(
+              `${Math.max(pdfJsWrapper.viewer.currentScale / 1.25, 0.1)}`
+            )
+          }
+          break
+
+        default:
+          setScale(zoom)
+      }
+    },
+    [pdfJsWrapper, setScale]
+  )
+
+  // adjust the scale when the container is resized
+  useEffect(() => {
+    if (pdfJsWrapper && 'ResizeObserver' in window) {
+      const resizeListener = throttle(() => {
+        pdfJsWrapper.updateOnResize()
+      }, 250)
+
+      const resizeObserver = new ResizeObserver(resizeListener)
+      resizeObserver.observe(pdfJsWrapper.container)
+
+      window.addEventListener('resize', resizeListener)
+
+      return () => {
+        resizeObserver.disconnect()
+        window.removeEventListener('resize', resizeListener)
+      }
+    }
+  }, [pdfJsWrapper])
+
+  const handleKeyDown = useCallback(
+    event => {
+      if (!initialised || !pdfJsWrapper) {
+        return
+      }
+      if (event.metaKey || event.ctrlKey) {
+        switch (event.key) {
+          case '+':
+          case '=':
+            event.preventDefault()
+            setZoom('zoom-in')
+            pdfJsWrapper.container.focus()
+            break
+
+          case '-':
+            event.preventDefault()
+            setZoom('zoom-out')
+            pdfJsWrapper.container.focus()
+            break
+
+          case '0':
+            event.preventDefault()
+            setZoom('page-width')
+            pdfJsWrapper.container.focus()
+            break
+
+          case '9':
+            event.preventDefault()
+            setZoom('page-height')
+            pdfJsWrapper.container.focus()
+            break
+        }
+      }
+    },
+    [initialised, setZoom, pdfJsWrapper]
+  )
+
+  useMouseWheelZoom(pdfJsWrapper, setScale)
+
+  const requestPresentationMode = usePresentationMode(
+    pdfJsWrapper,
+    page,
+    handlePageChange,
+    scale,
+    setScale
+  )
+
+  // Don't render the toolbar until we have the necessary information
+  const toolbarInfoLoaded =
+    rawScale !== null && page !== null && totalPages !== null
+
+  /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
+  /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+  return (
+    /* eslint-disable-next-line jsx-a11y/no-static-element-interactions */
+    <div
+      className="pdfjs-viewer pdfjs-viewer-outer"
+      ref={handleContainer}
+      onKeyDown={handleKeyDown}
+      tabIndex={-1}
+    >
+      <div className="pdfjs-viewer-inner" tabIndex={0} role="tabpanel">
+        <div className="pdfViewer" />
+      </div>
+      {toolbarInfoLoaded && (
+        <PdfViewerControlsToolbar
+          requestPresentationMode={requestPresentationMode}
+          setZoom={setZoom}
+          rawScale={rawScale}
+          setPage={handlePageChange}
+          page={page}
+          totalPages={totalPages}
+          pdfContainer={pdfJsWrapper?.container}
+        />
+      )}
+    </div>
+  )
+}
+
+export default withErrorBoundary(memo(PdfJsViewer), () => (
+  <PdfPreviewErrorBoundaryFallback type="pdf" />
+))
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-log-entry-content.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-log-entry-content.tsx
new file mode 100644
index 0000000..8c9a9d7
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-log-entry-content.tsx
@@ -0,0 +1,55 @@
+import { useTranslation } from 'react-i18next'
+import PdfLogEntryRawContent from './pdf-log-entry-raw-content'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+import { LogEntry } from '../util/types'
+import { ElementType } from 'react'
+
+const pdfLogEntryComponents = importOverleafModules(
+  'pdfLogEntryComponents'
+) as {
+  import: { default: ElementType }
+  path: string
+}[]
+
+export default function PdfLogEntryContent({
+  rawContent,
+  formattedContent,
+  extraInfoURL,
+  index,
+  logEntry,
+}: {
+  rawContent?: string
+  formattedContent?: React.ReactNode
+  extraInfoURL?: string | null
+  index?: number
+  logEntry?: LogEntry
+}) {
+  const { t } = useTranslation()
+
+  return (
+    <div className="log-entry-content">
+      {formattedContent && (
+        <div className="log-entry-formatted-content">{formattedContent}</div>
+      )}
+
+      {extraInfoURL && (
+        <div className="log-entry-content-link">
+          <a href={extraInfoURL} target="_blank" rel="noopener">
+            {t('log_hint_extra_info')}
+          </a>
+        </div>
+      )}
+
+      {logEntry &&
+        pdfLogEntryComponents.map(
+          ({ import: { default: Component }, path }) => (
+            <Component key={path} index={index} logEntry={logEntry} />
+          )
+        )}
+
+      {rawContent && (
+        <PdfLogEntryRawContent rawContent={rawContent} collapsedSize={150} />
+      )}
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-log-entry-raw-content.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-log-entry-raw-content.tsx
new file mode 100644
index 0000000..ab0957b
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-log-entry-raw-content.tsx
@@ -0,0 +1,68 @@
+import { useCallback, useState } from 'react'
+import { useResizeObserver } from '../../../shared/hooks/use-resize-observer'
+import { useTranslation } from 'react-i18next'
+import classNames from 'classnames'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import Icon from '../../../shared/components/icon'
+
+export default function PdfLogEntryRawContent({
+  rawContent,
+  collapsedSize = 0,
+}: {
+  rawContent: string
+  collapsedSize?: number
+}) {
+  const [expanded, setExpanded] = useState(false)
+  const [needsExpander, setNeedsExpander] = useState(true)
+
+  const { elementRef } = useResizeObserver(
+    useCallback(
+      element => {
+        if (element.scrollHeight === 0) return // skip update when logs-pane is closed
+        setNeedsExpander(element.scrollHeight > collapsedSize)
+      },
+      [collapsedSize]
+    )
+  )
+
+  const { t } = useTranslation()
+
+  return (
+    <div className="log-entry-content-raw-container">
+      <div
+        className="expand-collapse-container"
+        style={{
+          height: expanded || !needsExpander ? 'auto' : collapsedSize,
+        }}
+      >
+        <pre className="log-entry-content-raw" ref={elementRef}>
+          {rawContent.trim()}
+        </pre>
+      </div>
+
+      {needsExpander && (
+        <div
+          className={classNames('log-entry-content-button-container', {
+            'log-entry-content-button-container-collapsed': !expanded,
+          })}
+        >
+          <OLButton
+            variant="secondary"
+            size="sm"
+            onClick={() => setExpanded(value => !value)}
+          >
+            {expanded ? (
+              <>
+                <Icon type="angle-up" /> {t('collapse')}
+              </>
+            ) : (
+              <>
+                <Icon type="angle-down" /> {t('expand')}
+              </>
+            )}
+          </OLButton>
+        </div>
+      )}
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-log-entry.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-log-entry.tsx
new file mode 100644
index 0000000..349ad79
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-log-entry.tsx
@@ -0,0 +1,108 @@
+import classNames from 'classnames'
+import { memo, MouseEventHandler, useCallback } from 'react'
+import PreviewLogEntryHeader from '../../preview/components/preview-log-entry-header'
+import PdfLogEntryContent from './pdf-log-entry-content'
+import HumanReadableLogsHints from '../../../ide/human-readable-logs/HumanReadableLogsHints'
+import { sendMB } from '@/infrastructure/event-tracking'
+import getMeta from '@/utils/meta'
+import { ErrorLevel, LogEntry, SourceLocation } from '../util/types'
+
+function PdfLogEntry({
+  ruleId,
+  headerTitle,
+  headerIcon,
+  rawContent,
+  logType,
+  formattedContent,
+  extraInfoURL,
+  level,
+  sourceLocation,
+  showSourceLocationLink = true,
+  showCloseButton = false,
+  entryAriaLabel = undefined,
+  customClass,
+  contentDetails,
+  onSourceLocationClick,
+  onClose,
+  index,
+  logEntry,
+  id,
+}: {
+  headerTitle: string | React.ReactNode
+  level: ErrorLevel
+  ruleId?: string
+  headerIcon?: React.ReactElement
+  rawContent?: string
+  logType?: string
+  formattedContent?: React.ReactNode
+  extraInfoURL?: string | null
+  sourceLocation?: SourceLocation
+  showSourceLocationLink?: boolean
+  showCloseButton?: boolean
+  entryAriaLabel?: string
+  customClass?: string
+  contentDetails?: string[]
+  onSourceLocationClick?: (sourceLocation: SourceLocation) => void
+  onClose?: () => void
+  index?: number
+  logEntry?: LogEntry
+  id?: string
+}) {
+  const showAiErrorAssistant = getMeta('ol-showAiErrorAssistant')
+
+  if (ruleId && HumanReadableLogsHints[ruleId]) {
+    const hint = HumanReadableLogsHints[ruleId]
+    formattedContent = hint.formattedContent(contentDetails)
+    extraInfoURL = hint.extraInfoURL
+  }
+
+  const handleLogEntryLinkClick: MouseEventHandler<HTMLButtonElement> =
+    useCallback(
+      event => {
+        event.preventDefault()
+
+        if (onSourceLocationClick && sourceLocation) {
+          onSourceLocationClick(sourceLocation)
+
+          const parts = sourceLocation?.file?.split('.')
+          const extension =
+            parts?.length && parts?.length > 1 ? parts.pop() : ''
+          sendMB('log-entry-link-click', { level, ruleId, extension })
+        }
+      },
+      [level, onSourceLocationClick, ruleId, sourceLocation]
+    )
+
+  return (
+    <div
+      className={classNames('log-entry', customClass)}
+      aria-label={entryAriaLabel}
+      data-ruleid={ruleId}
+      data-log-entry-id={id}
+    >
+      <PreviewLogEntryHeader
+        level={level}
+        sourceLocation={sourceLocation}
+        headerTitle={headerTitle}
+        headerIcon={headerIcon}
+        logType={logType}
+        showSourceLocationLink={showSourceLocationLink}
+        onSourceLocationClick={handleLogEntryLinkClick}
+        showCloseButton={showCloseButton}
+        onClose={onClose}
+      />
+
+      {(rawContent || formattedContent || showAiErrorAssistant) && (
+        <PdfLogEntryContent
+          rawContent={rawContent}
+          formattedContent={formattedContent}
+          extraInfoURL={extraInfoURL}
+          index={index}
+          logEntry={logEntry}
+        />
+      )}
+    </div>
+  )
+}
+
+export default memo(PdfLogEntry)
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-logs-entries.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-logs-entries.tsx
new file mode 100644
index 0000000..9e2b4b3
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-logs-entries.tsx
@@ -0,0 +1,72 @@
+import { ElementType, memo } from 'react'
+import { useTranslation } from 'react-i18next'
+import PreviewLogsPaneMaxEntries from '../../preview/components/preview-logs-pane-max-entries'
+import PdfLogEntry from './pdf-log-entry'
+import { useDetachCompileContext } from '../../../shared/context/detach-compile-context'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+import { LogEntry } from '../util/types'
+
+const LOG_PREVIEW_LIMIT = 100
+
+const pdfLogEntriesComponents = importOverleafModules(
+  'pdfLogEntriesComponents'
+) as {
+  import: { default: ElementType }
+  path: string
+}[]
+
+function PdfLogsEntries({
+  entries,
+  hasErrors,
+}: {
+  entries: LogEntry[]
+  hasErrors?: boolean
+}) {
+  const { t } = useTranslation()
+  const { syncToEntry } = useDetachCompileContext()
+  const logEntries = entries.slice(0, LOG_PREVIEW_LIMIT)
+
+  return (
+    <>
+      {entries.length > LOG_PREVIEW_LIMIT && (
+        <PreviewLogsPaneMaxEntries
+          totalEntries={entries.length}
+          entriesShown={LOG_PREVIEW_LIMIT}
+          hasErrors={hasErrors}
+        />
+      )}
+
+      {pdfLogEntriesComponents.map(
+        ({ import: { default: Component }, path }) => (
+          <Component key={path} />
+        )
+      )}
+
+      {logEntries.map((logEntry, index) => (
+        <PdfLogEntry
+          key={logEntry.key}
+          index={index}
+          id={logEntry.key}
+          logEntry={logEntry}
+          ruleId={logEntry.ruleId}
+          headerTitle={logEntry.messageComponent ?? logEntry.message}
+          rawContent={logEntry.content}
+          logType={logEntry.type}
+          level={logEntry.level}
+          contentDetails={logEntry.contentDetails}
+          entryAriaLabel={t('log_entry_description', {
+            level: logEntry.level,
+          })}
+          sourceLocation={{
+            file: logEntry.file,
+            line: logEntry.line,
+            column: logEntry.column,
+          }}
+          onSourceLocationClick={syncToEntry}
+        />
+      ))}
+    </>
+  )
+}
+
+export default memo(PdfLogsEntries)
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-logs-viewer.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-logs-viewer.tsx
new file mode 100644
index 0000000..ec83443
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-logs-viewer.tsx
@@ -0,0 +1,107 @@
+import { useTranslation } from 'react-i18next'
+import { memo, useState } from 'react'
+import classnames from 'classnames'
+import PdfValidationIssue from './pdf-validation-issue'
+import StopOnFirstErrorPrompt from './stop-on-first-error-prompt'
+import TimeoutUpgradePromptNew from './timeout-upgrade-prompt-new'
+import PdfPreviewError from './pdf-preview-error'
+import PdfClearCacheButton from './pdf-clear-cache-button'
+import PdfDownloadFilesButton from './pdf-download-files-button'
+import PdfLogsEntries from './pdf-logs-entries'
+import withErrorBoundary from '../../../infrastructure/error-boundary'
+import PdfPreviewErrorBoundaryFallback from './pdf-preview-error-boundary-fallback'
+import PdfCodeCheckFailedNotice from './pdf-code-check-failed-notice'
+import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
+import PdfLogEntry from './pdf-log-entry'
+import { usePdfPreviewContext } from '@/features/pdf-preview/components/pdf-preview-provider'
+import TimeoutUpgradePaywallPrompt from './timeout-upgrade-paywall-prompt'
+import getMeta from '@/utils/meta'
+
+function PdfLogsViewer({ alwaysVisible = false }: { alwaysVisible?: boolean }) {
+  const {
+    codeCheckFailed,
+    error,
+    hasShortCompileTimeout,
+    logEntries,
+    rawLog,
+    validationIssues,
+    showLogs,
+    stoppedOnFirstError,
+    isProjectOwner,
+  } = useCompileContext()
+
+  const { loadingError } = usePdfPreviewContext()
+
+  const { t } = useTranslation()
+
+  const [
+    isShowingPrimaryCompileTimeoutPaywall,
+    setIsShowingPrimaryCompileTimeoutPaywall,
+  ] = useState(false)
+  const isPaywallChangeCompileTimeoutEnabled = getMeta(
+    'ol-isPaywallChangeCompileTimeoutEnabled'
+  )
+
+  const isCompileTimeoutPaywallDisplay =
+    isProjectOwner && isPaywallChangeCompileTimeoutEnabled
+
+  return (
+    <div
+      className={classnames('logs-pane', {
+        hidden: !showLogs && !alwaysVisible && !loadingError,
+      })}
+    >
+      <div className="logs-pane-content">
+        {codeCheckFailed && <PdfCodeCheckFailedNotice />}
+
+        {stoppedOnFirstError && <StopOnFirstErrorPrompt />}
+
+        {loadingError && <PdfPreviewError error="pdf-viewer-loading-error" />}
+
+        {hasShortCompileTimeout && error === 'timedout' ? (
+          isCompileTimeoutPaywallDisplay ? (
+            <TimeoutUpgradePaywallPrompt
+              setIsShowingPrimary={setIsShowingPrimaryCompileTimeoutPaywall}
+            />
+          ) : (
+            <TimeoutUpgradePromptNew />
+          )
+        ) : (
+          <>{error && <PdfPreviewError error={error} />}</>
+        )}
+
+        {validationIssues &&
+          Object.entries(validationIssues).map(([name, issue]) => (
+            <PdfValidationIssue key={name} name={name} issue={issue} />
+          ))}
+
+        {logEntries?.all && (
+          <PdfLogsEntries
+            entries={logEntries.all}
+            hasErrors={logEntries.errors.length > 0}
+          />
+        )}
+
+        {rawLog && (
+          <PdfLogEntry
+            headerTitle={t('raw_logs')}
+            rawContent={rawLog}
+            entryAriaLabel={t('raw_logs_description')}
+            level="raw"
+          />
+        )}
+
+        {!isShowingPrimaryCompileTimeoutPaywall && (
+          <div className="logs-pane-actions">
+            <PdfClearCacheButton />
+            <PdfDownloadFilesButton />
+          </div>
+        )}
+      </div>
+    </div>
+  )
+}
+
+export default withErrorBoundary(memo(PdfLogsViewer), () => (
+  <PdfPreviewErrorBoundaryFallback type="logs" />
+))
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-orphan-refresh-button.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-orphan-refresh-button.tsx
new file mode 100644
index 0000000..9dd48ac
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-orphan-refresh-button.tsx
@@ -0,0 +1,22 @@
+import { useTranslation } from 'react-i18next'
+import { memo, useCallback } from 'react'
+import { buildUrlWithDetachRole } from '@/shared/utils/url-helper'
+import { useLocation } from '@/shared/hooks/use-location'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+function PdfOrphanRefreshButton() {
+  const { t } = useTranslation()
+  const location = useLocation()
+
+  const redirect = useCallback(() => {
+    location.assign(buildUrlWithDetachRole(null).toString())
+  }, [location])
+
+  return (
+    <OLButton variant="primary" size="sm" onClick={redirect}>
+      {t('redirect_to_editor')}
+    </OLButton>
+  )
+}
+
+export default memo(PdfOrphanRefreshButton)
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-page-number-control.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-page-number-control.tsx
new file mode 100644
index 0000000..80e2c8e
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-page-number-control.tsx
@@ -0,0 +1,76 @@
+import PDFToolbarButton from './pdf-toolbar-button'
+import { useTranslation } from 'react-i18next'
+import { useState, useEffect } from 'react'
+import OLButtonGroup from '@/features/ui/components/ol/ol-button-group'
+
+type PdfPageNumberControlProps = {
+  setPage: (page: number) => void
+  page: number
+  totalPages: number
+}
+
+function PdfPageNumberControl({
+  setPage,
+  page,
+  totalPages,
+}: PdfPageNumberControlProps) {
+  const { t } = useTranslation()
+
+  const [pageInputValue, setPageInputValue] = useState(page.toString())
+
+  useEffect(() => {
+    setPageInputValue(page.toString())
+  }, [page])
+
+  const handleSubmit = (event: React.SyntheticEvent) => {
+    event.preventDefault()
+    const parsedValue = Number(pageInputValue)
+    if (parsedValue < 1) {
+      setPage(1)
+      setPageInputValue('1')
+    } else if (parsedValue > totalPages) {
+      setPage(totalPages)
+      setPageInputValue(`${totalPages}`)
+    } else {
+      setPage(parsedValue)
+    }
+  }
+
+  return (
+    <>
+      <OLButtonGroup className="pdfjs-toolbar-buttons">
+        <PDFToolbarButton
+          tooltipId="pdf-controls-previous-page-tooltip"
+          icon="keyboard_arrow_up"
+          label={t('previous_page')}
+          disabled={page === 1}
+          onClick={() => setPage(page - 1)}
+        />
+        <PDFToolbarButton
+          tooltipId="pdf-controls-next-page-tooltip"
+          icon="keyboard_arrow_down"
+          label={t('next_page')}
+          disabled={page === totalPages}
+          onClick={() => setPage(page + 1)}
+        />
+      </OLButtonGroup>
+      <div className="pdfjs-page-number-input">
+        <form onSubmit={handleSubmit}>
+          <input
+            inputMode="numeric"
+            value={pageInputValue}
+            onFocus={event => event.target.select()}
+            onBlur={handleSubmit}
+            onChange={event => {
+              const rawValue = event.target.value
+              setPageInputValue(rawValue.replace(/\D/g, ''))
+            }}
+          />
+        </form>
+        <span>/ {totalPages}</span>
+      </div>
+    </>
+  )
+}
+
+export default PdfPageNumberControl
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-detached-root.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-detached-root.tsx
new file mode 100644
index 0000000..e3dc967
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-detached-root.tsx
@@ -0,0 +1,25 @@
+import ReactDOM from 'react-dom'
+import PdfPreview from './pdf-preview'
+import useWaitForI18n from '../../../shared/hooks/use-wait-for-i18n'
+import { ReactContextRoot } from '@/features/ide-react/context/react-context-root'
+
+function PdfPreviewDetachedRoot() {
+  const { isReady } = useWaitForI18n()
+
+  if (!isReady) {
+    return null
+  }
+
+  return (
+    <ReactContextRoot>
+      <PdfPreview />
+    </ReactContextRoot>
+  )
+}
+
+export default PdfPreviewDetachedRoot // for testing
+
+const element = document.getElementById('pdf-preview-detached-root')
+if (element) {
+  ReactDOM.render(<PdfPreviewDetachedRoot />, element)
+}
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-error-boundary-fallback.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-error-boundary-fallback.tsx
new file mode 100644
index 0000000..8e374de
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-error-boundary-fallback.tsx
@@ -0,0 +1,53 @@
+import { Trans, useTranslation } from 'react-i18next'
+import { ErrorBoundaryFallback } from '../../../shared/components/error-boundary-fallback'
+
+function PdfPreviewErrorBoundaryFallback({
+  type,
+}: {
+  type: 'preview' | 'pdf' | 'logs'
+}) {
+  const { t } = useTranslation()
+
+  const showInfoLink = (
+    <Trans
+      i18nKey="try_recompile_project_or_troubleshoot"
+      components={[
+        // eslint-disable-next-line jsx-a11y/anchor-has-content
+        <a
+          href="/learn/how-to/Resolving_access%2C_loading%2C_and_display_problems"
+          target="_blank"
+          key="troubleshooting-link"
+        />,
+      ]}
+    />
+  )
+
+  switch (type) {
+    case 'pdf':
+      return (
+        <ErrorBoundaryFallback>
+          <p>{t('pdf_viewer_error')}</p>
+          <p>{showInfoLink}</p>
+        </ErrorBoundaryFallback>
+      )
+
+    case 'logs':
+      return (
+        <ErrorBoundaryFallback>
+          <p>{t('log_viewer_error')}</p>
+          <p>{showInfoLink}</p>
+        </ErrorBoundaryFallback>
+      )
+
+    case 'preview':
+    default:
+      return (
+        <ErrorBoundaryFallback>
+          <p>{t('pdf_preview_error')}</p>
+          <p>{showInfoLink}</p>
+        </ErrorBoundaryFallback>
+      )
+  }
+}
+
+export default PdfPreviewErrorBoundaryFallback
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-error.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-error.tsx
new file mode 100644
index 0000000..89387c2
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-error.tsx
@@ -0,0 +1,305 @@
+import { useTranslation, Trans } from 'react-i18next'
+import { memo, useCallback } from 'react'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import PdfLogEntry from './pdf-log-entry'
+import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
+import { useStopOnFirstError } from '../../../shared/hooks/use-stop-on-first-error'
+import getMeta from '../../../utils/meta'
+
+function PdfPreviewError({ error }: { error: string }) {
+  const { t } = useTranslation()
+
+  const { startCompile } = useCompileContext()
+
+  switch (error) {
+    case 'rendering-error-expected':
+      return (
+        <PdfLogEntry
+          headerTitle={t('pdf_rendering_error')}
+          formattedContent={
+            <>
+              <Trans
+                i18nKey="something_went_wrong_rendering_pdf_expected"
+                components={[
+                  // eslint-disable-next-line react/jsx-key
+                  <OLButton
+                    variant="info"
+                    size="sm"
+                    onClick={() => startCompile()}
+                  />,
+                ]}
+              />
+              <br />
+              <br />
+              <Trans
+                i18nKey="last_resort_trouble_shooting_guide"
+                components={[
+                  // eslint-disable-next-line jsx-a11y/anchor-has-content
+                  <a
+                    href="/learn/how-to/Resolving_access%2C_loading%2C_and_display_problems"
+                    target="_blank"
+                    key="troubleshooting-link"
+                  />,
+                ]}
+              />
+            </>
+          }
+          level="warning"
+        />
+      )
+
+    case 'rendering-error':
+      return (
+        <ErrorLogEntry title={t('pdf_rendering_error')}>
+          {t('something_went_wrong_rendering_pdf')}
+          &nbsp;
+          <Trans
+            i18nKey="try_recompile_project_or_troubleshoot"
+            components={[
+              // eslint-disable-next-line jsx-a11y/anchor-has-content
+              <a
+                href="/learn/how-to/Resolving_access%2C_loading%2C_and_display_problems"
+                target="_blank"
+                key="troubleshooting-link"
+              />,
+            ]}
+          />
+          {getMeta('ol-compilesUserContentDomain') && (
+            <>
+              <br />
+              <br />
+              <Trans
+                i18nKey="new_compile_domain_notice"
+                values={{
+                  compilesUserContentDomain: new URL(
+                    getMeta('ol-compilesUserContentDomain')
+                  ).hostname,
+                }}
+                shouldUnescape
+                tOptions={{ interpolation: { escapeValue: true } }}
+                components={[
+                  <code key="domain" />,
+                  /* eslint-disable-next-line jsx-a11y/anchor-has-content */
+                  <a
+                    href="/learn/how-to/Resolving_access%2C_loading%2C_and_display_problems"
+                    target="_blank"
+                    key="troubleshooting-link"
+                  />,
+                ]}
+              />
+            </>
+          )}
+        </ErrorLogEntry>
+      )
+
+    case 'clsi-maintenance':
+      return (
+        <ErrorLogEntry title={t('server_error')}>
+          {t('clsi_maintenance')}
+        </ErrorLogEntry>
+      )
+
+    case 'clsi-unavailable':
+      return (
+        <ErrorLogEntry title={t('server_error')}>
+          {t('clsi_unavailable')}
+        </ErrorLogEntry>
+      )
+
+    case 'too-recently-compiled':
+      return (
+        <ErrorLogEntry title={t('server_error')}>
+          {t('too_recently_compiled')}
+        </ErrorLogEntry>
+      )
+
+    case 'terminated':
+      return (
+        <ErrorLogEntry title={t('terminated')}>
+          {t('compile_terminated_by_user')}
+        </ErrorLogEntry>
+      )
+
+    case 'rate-limited':
+      return (
+        <ErrorLogEntry title={t('pdf_compile_rate_limit_hit')}>
+          {t('project_flagged_too_many_compiles')}
+        </ErrorLogEntry>
+      )
+
+    case 'compile-in-progress':
+      return (
+        <ErrorLogEntry title={t('pdf_compile_in_progress_error')}>
+          {t('pdf_compile_try_again')}
+        </ErrorLogEntry>
+      )
+
+    case 'autocompile-disabled':
+      return (
+        <ErrorLogEntry title={t('autocompile_disabled')}>
+          {t('autocompile_disabled_reason')}
+        </ErrorLogEntry>
+      )
+
+    case 'project-too-large':
+      return (
+        <ErrorLogEntry title={t('project_too_large')}>
+          {t('project_too_much_editable_text')}
+        </ErrorLogEntry>
+      )
+
+    case 'timedout':
+      return <TimedOutLogEntry />
+
+    case 'failure':
+      return (
+        <ErrorLogEntry title={t('no_pdf_error_title')}>
+          {t('no_pdf_error_explanation')}
+
+          <ul className="my-1 ps-3">
+            <li>{t('no_pdf_error_reason_unrecoverable_error')}</li>
+            <li>
+              <Trans
+                i18nKey="no_pdf_error_reason_no_content"
+                components={{ code: <code /> }}
+              />
+            </li>
+            <li>
+              <Trans
+                i18nKey="no_pdf_error_reason_output_pdf_already_exists"
+                components={{ code: <code /> }}
+              />
+            </li>
+          </ul>
+        </ErrorLogEntry>
+      )
+
+    case 'clear-cache':
+      return (
+        <ErrorLogEntry title={t('server_error')}>
+          {t('somthing_went_wrong_compiling')}
+        </ErrorLogEntry>
+      )
+
+    case 'pdf-viewer-loading-error':
+      return (
+        <ErrorLogEntry title={t('pdf_rendering_error')}>
+          <Trans
+            i18nKey="something_went_wrong_loading_pdf_viewer"
+            components={[
+              <strong key="strong-" />,
+              // eslint-disable-next-line jsx-a11y/anchor-has-content
+              <a
+                href="/learn/how-to/Resolving_access%2C_loading%2C_and_display_problems"
+                target="_blank"
+                key="troubleshooting-link"
+              />,
+              // eslint-disable-next-line jsx-a11y/anchor-has-content
+              <a key="contact-link" target="_blank" href="/contact" />,
+            ]}
+          />
+        </ErrorLogEntry>
+      )
+
+    case 'validation-problems':
+      return null // handled elsewhere
+
+    case 'error':
+    default:
+      return (
+        <ErrorLogEntry title={t('server_error')}>
+          {t('somthing_went_wrong_compiling')}
+        </ErrorLogEntry>
+      )
+  }
+}
+
+export default memo(PdfPreviewError)
+
+function ErrorLogEntry({
+  title,
+  headerIcon,
+  children,
+}: {
+  title: string
+  headerIcon?: React.ReactElement
+  children: React.ReactNode
+}) {
+  const { t } = useTranslation()
+
+  return (
+    <PdfLogEntry
+      headerTitle={title}
+      headerIcon={headerIcon}
+      formattedContent={children}
+      entryAriaLabel={t('compile_error_entry_description')}
+      level="error"
+    />
+  )
+}
+
+function TimedOutLogEntry() {
+  const { t } = useTranslation()
+  const { enableStopOnFirstError } = useStopOnFirstError({
+    eventSource: 'timeout',
+  })
+  const { startCompile, lastCompileOptions, setAnimateCompileDropdownArrow } =
+    useCompileContext()
+
+  const handleEnableStopOnFirstErrorClick = useCallback(() => {
+    enableStopOnFirstError()
+    startCompile({ stopOnFirstError: true })
+    setAnimateCompileDropdownArrow(true)
+  }, [enableStopOnFirstError, startCompile, setAnimateCompileDropdownArrow])
+
+  return (
+    <ErrorLogEntry title={t('timedout')}>
+      <p>{t('project_timed_out_intro')}</p>
+      <ul>
+        <li>
+          <Trans
+            i18nKey="project_timed_out_optimize_images"
+            components={[
+              // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+              <a href="https://www.overleaf.com/learn/how-to/Optimising_very_large_image_files" />,
+            ]}
+          />
+        </li>
+        <li>
+          <Trans
+            i18nKey="project_timed_out_fatal_error"
+            components={[
+              // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+              <a href="https://www.overleaf.com/learn/how-to/Why_do_I_keep_getting_the_compile_timeout_error_message%3F#Fatal_compile_errors_blocking_the_compilation" />,
+            ]}
+          />
+          {!lastCompileOptions.stopOnFirstError && (
+            <>
+              {' '}
+              <Trans
+                i18nKey="project_timed_out_enable_stop_on_first_error"
+                components={[
+                  // eslint-disable-next-line react/jsx-key
+                  <OLButton
+                    variant="info"
+                    size="sm"
+                    onClick={handleEnableStopOnFirstErrorClick}
+                  />,
+                ]}
+              />{' '}
+            </>
+          )}
+        </li>
+      </ul>
+      <p>
+        <Trans
+          i18nKey="project_timed_out_learn_more"
+          components={[
+            // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+            <a href="https://www.overleaf.com/learn/how-to/Why_do_I_keep_getting_the_compile_timeout_error_message%3F" />,
+          ]}
+        />
+      </p>
+    </ErrorLogEntry>
+  )
+}
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-hybrid-toolbar.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-hybrid-toolbar.tsx
new file mode 100644
index 0000000..4a000e9
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-hybrid-toolbar.tsx
@@ -0,0 +1,104 @@
+import { memo, useState, useEffect, useRef } from 'react'
+import OlButtonToolbar from '@/features/ui/components/ol/ol-button-toolbar'
+import { useTranslation } from 'react-i18next'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import PdfCompileButton from './pdf-compile-button'
+import SwitchToEditorButton from './switch-to-editor-button'
+import PdfHybridLogsButton from './pdf-hybrid-logs-button'
+import PdfHybridDownloadButton from './pdf-hybrid-download-button'
+import PdfHybridCodeCheckButton from './pdf-hybrid-code-check-button'
+import PdfOrphanRefreshButton from './pdf-orphan-refresh-button'
+import { DetachedSynctexControl } from './detach-synctex-control'
+import { Spinner } from 'react-bootstrap-5'
+
+const ORPHAN_UI_TIMEOUT_MS = 5000
+
+function PdfPreviewHybridToolbar() {
+  const { detachRole, detachIsLinked } = useLayoutContext()
+
+  const uiTimeoutRef = useRef<number>()
+  const [orphanPdfTabAfterDelay, setOrphanPdfTabAfterDelay] = useState(false)
+
+  const orphanPdfTab = !detachIsLinked && detachRole === 'detached'
+
+  useEffect(() => {
+    if (uiTimeoutRef.current) {
+      window.clearTimeout(uiTimeoutRef.current)
+    }
+
+    if (orphanPdfTab) {
+      uiTimeoutRef.current = window.setTimeout(() => {
+        setOrphanPdfTabAfterDelay(true)
+      }, ORPHAN_UI_TIMEOUT_MS)
+    } else {
+      setOrphanPdfTabAfterDelay(false)
+    }
+  }, [orphanPdfTab])
+
+  let ToolbarInner = null
+  if (orphanPdfTabAfterDelay) {
+    // when the detached tab has been orphan for a while
+    ToolbarInner = <PdfPreviewHybridToolbarOrphanInner />
+  } else if (orphanPdfTab) {
+    ToolbarInner = <PdfPreviewHybridToolbarConnectingInner />
+  } else {
+    // tab is not detached or not orphan
+    ToolbarInner = <PdfPreviewHybridToolbarInner />
+  }
+
+  return (
+    <OlButtonToolbar className="toolbar toolbar-pdf toolbar-pdf-hybrid">
+      {ToolbarInner}
+    </OlButtonToolbar>
+  )
+}
+
+function PdfPreviewHybridToolbarInner() {
+  return (
+    <>
+      <div className="toolbar-pdf-left">
+        <PdfCompileButton />
+        <PdfHybridLogsButton />
+        <PdfHybridDownloadButton />
+      </div>
+      <div className="toolbar-pdf-right">
+        <div className="toolbar-pdf-controls" id="toolbar-pdf-controls" />
+        <PdfHybridCodeCheckButton />
+        <SwitchToEditorButton />
+        <DetachedSynctexControl />
+      </div>
+    </>
+  )
+}
+
+function PdfPreviewHybridToolbarOrphanInner() {
+  const { t } = useTranslation()
+  return (
+    <>
+      <div className="toolbar-pdf-orphan">
+        {t('tab_no_longer_connected')}
+        <PdfOrphanRefreshButton />
+      </div>
+    </>
+  )
+}
+
+function PdfPreviewHybridToolbarConnectingInner() {
+  const { t } = useTranslation()
+  return (
+    <>
+      <div className="toolbar-pdf-orphan">
+        <Spinner
+          animation="border"
+          aria-hidden="true"
+          size="sm"
+          role="status"
+        />
+        &nbsp;
+        {t('tab_connecting')}…
+      </div>
+    </>
+  )
+}
+
+export default memo(PdfPreviewHybridToolbar)
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-messages.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-messages.tsx
new file mode 100644
index 0000000..80acf7f
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-messages.tsx
@@ -0,0 +1,5 @@
+import { FC } from 'react'
+
+export const PdfPreviewMessages: FC = ({ children }) => {
+  return <div className="pdf-preview-messages">{children}</div>
+}
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.tsx
new file mode 100644
index 0000000..8133ff3
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-pane.tsx
@@ -0,0 +1,44 @@
+import { memo, Suspense } from 'react'
+import classNames from 'classnames'
+import PdfLogsViewer from './pdf-logs-viewer'
+import PdfViewer from './pdf-viewer'
+import { FullSizeLoadingSpinner } from '../../../shared/components/loading-spinner'
+import PdfHybridPreviewToolbar from './pdf-preview-hybrid-toolbar'
+import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
+import { PdfPreviewMessages } from './pdf-preview-messages'
+import CompileTimeWarningUpgradePrompt from './compile-time-warning-upgrade-prompt'
+import { PdfPreviewProvider } from './pdf-preview-provider'
+import PdfPreviewHybridToolbarNew from '@/features/ide-redesign/components/pdf-preview/pdf-preview-hybrid-toolbar'
+import PdfErrorState from '@/features/ide-redesign/components/pdf-preview/pdf-error-state'
+import { useIsNewEditorEnabled } from '@/features/ide-redesign/utils/new-editor-utils'
+
+function PdfPreviewPane() {
+  const { pdfUrl, hasShortCompileTimeout } = useCompileContext()
+  const classes = classNames('pdf', 'full-size', {
+    'pdf-empty': !pdfUrl,
+  })
+  const newEditor = useIsNewEditorEnabled()
+
+  return (
+    <div className={classes}>
+      <PdfPreviewProvider>
+        {newEditor ? (
+          <PdfPreviewHybridToolbarNew />
+        ) : (
+          <PdfHybridPreviewToolbar />
+        )}
+        <PdfPreviewMessages>
+          {hasShortCompileTimeout && <CompileTimeWarningUpgradePrompt />}
+        </PdfPreviewMessages>
+        <Suspense fallback={<FullSizeLoadingSpinner delay={500} />}>
+          <div className="pdf-viewer">
+            <PdfViewer />
+          </div>
+        </Suspense>
+        {newEditor ? <PdfErrorState /> : <PdfLogsViewer />}
+      </PdfPreviewProvider>
+    </div>
+  )
+}
+
+export default memo(PdfPreviewPane)
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-preview-provider.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-provider.tsx
new file mode 100644
index 0000000..38d5bb7
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-preview-provider.tsx
@@ -0,0 +1,34 @@
+import { createContext, FC, useContext, useMemo, useState } from 'react'
+
+const PdfPreviewContext = createContext<
+  | {
+      loadingError: boolean
+      setLoadingError: (value: boolean) => void
+    }
+  | undefined
+>(undefined)
+
+export const usePdfPreviewContext = () => {
+  const context = useContext(PdfPreviewContext)
+  if (!context) {
+    throw new Error(
+      'usePdfPreviewContext is only avalable inside PdfPreviewProvider'
+    )
+  }
+  return context
+}
+
+export const PdfPreviewProvider: FC = ({ children }) => {
+  const [loadingError, setLoadingError] = useState(false)
+
+  const value = useMemo(
+    () => ({ loadingError, setLoadingError }),
+    [loadingError]
+  )
+
+  return (
+    <PdfPreviewContext.Provider value={value}>
+      {children}
+    </PdfPreviewContext.Provider>
+  )
+}
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-preview.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-preview.tsx
new file mode 100644
index 0000000..b0e692e
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-preview.tsx
@@ -0,0 +1,15 @@
+import PdfPreviewPane from './pdf-preview-pane'
+import { memo } from 'react'
+import withErrorBoundary from '../../../infrastructure/error-boundary'
+import PdfPreviewErrorBoundaryFallback from './pdf-preview-error-boundary-fallback'
+import { useLayoutContext } from '../../../shared/context/layout-context'
+
+function PdfPreview() {
+  const { detachRole } = useLayoutContext()
+  if (detachRole === 'detacher') return null
+  return <PdfPreviewPane />
+}
+
+export default withErrorBoundary(memo(PdfPreview), () => (
+  <PdfPreviewErrorBoundaryFallback type="preview" />
+))
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-synctex-controls.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-synctex-controls.tsx
new file mode 100644
index 0000000..12013f4
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-synctex-controls.tsx
@@ -0,0 +1,459 @@
+import classNames from 'classnames'
+import { memo, useCallback, useEffect, useState, useRef, useMemo } from 'react'
+import { useProjectContext } from '../../../shared/context/project-context'
+import { getJSON } from '../../../infrastructure/fetch-json'
+import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
+import { useLayoutContext } from '../../../shared/context/layout-context'
+import useScopeValue from '../../../shared/hooks/use-scope-value'
+import { useTranslation } from 'react-i18next'
+import useIsMounted from '../../../shared/hooks/use-is-mounted'
+import useAbortController from '../../../shared/hooks/use-abort-controller'
+import useDetachState from '../../../shared/hooks/use-detach-state'
+import useDetachAction from '../../../shared/hooks/use-detach-action'
+import localStorage from '../../../infrastructure/local-storage'
+import { useFileTreeData } from '../../../shared/context/file-tree-data-context'
+import useScopeEventListener from '../../../shared/hooks/use-scope-event-listener'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import { debugConsole } from '@/utils/debugging'
+import { useFileTreePathContext } from '@/features/file-tree/contexts/file-tree-path'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import MaterialIcon from '@/shared/components/material-icon'
+import { Spinner } from 'react-bootstrap-5'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+import useEventListener from '@/shared/hooks/use-event-listener'
+import { CursorPosition } from '@/features/ide-react/types/cursor-position'
+import { isValidTeXFile } from '@/main/is-valid-tex-file'
+import { PdfScrollPosition } from '@/shared/hooks/use-pdf-scroll-position'
+import { Placement } from 'react-bootstrap-5/types'
+
+const GoToCodeButton = memo(function GoToCodeButton({
+  syncToCode,
+  syncToCodeInFlight,
+  isDetachLayout,
+}: {
+  syncToCode: ({ visualOffset }: { visualOffset: number }) => void
+  syncToCodeInFlight: boolean
+  isDetachLayout?: boolean
+}) {
+  const { t } = useTranslation()
+  const buttonClasses = classNames('synctex-control', {
+    'detach-synctex-control': !!isDetachLayout,
+  })
+
+  let buttonIcon = null
+  if (syncToCodeInFlight) {
+    buttonIcon = (
+      <Spinner animation="border" aria-hidden="true" size="sm" role="status" />
+    )
+  } else if (!isDetachLayout) {
+    buttonIcon = (
+      <MaterialIcon type="arrow_left_alt" className="synctex-control-icon" />
+    )
+  }
+
+  const syncToCodeWithButton = useCallback(() => {
+    eventTracking.sendMB('jump-to-location', {
+      direction: 'pdf-location-in-code',
+      method: 'arrow',
+    })
+    syncToCode({ visualOffset: 72 })
+  }, [syncToCode])
+
+  const overlayProps = useMemo(
+    () => ({
+      placement: (isDetachLayout ? 'bottom' : 'right') as Placement,
+    }),
+    [isDetachLayout]
+  )
+
+  return (
+    <OLTooltip
+      id="sync-to-code"
+      description={t('go_to_pdf_location_in_code')}
+      overlayProps={overlayProps}
+    >
+      <OLButton
+        variant="secondary"
+        size="sm"
+        onClick={syncToCodeWithButton}
+        disabled={syncToCodeInFlight}
+        className={buttonClasses}
+        aria-label={t('go_to_pdf_location_in_code')}
+      >
+        {buttonIcon}
+        {isDetachLayout ? <span>&nbsp;{t('show_in_code')}</span> : ''}
+      </OLButton>
+    </OLTooltip>
+  )
+})
+
+const GoToPdfButton = memo(function GoToPdfButton({
+  syncToPdf,
+  syncToPdfInFlight,
+  isDetachLayout,
+  canSyncToPdf,
+}: {
+  syncToPdf: () => void
+  syncToPdfInFlight: boolean
+  canSyncToPdf: boolean
+  isDetachLayout?: boolean
+}) {
+  const { t } = useTranslation()
+  const tooltipPlacement = isDetachLayout ? 'bottom' : 'right'
+  const buttonClasses = classNames('synctex-control', {
+    'detach-synctex-control': !!isDetachLayout,
+  })
+
+  let buttonIcon = null
+  if (syncToPdfInFlight) {
+    buttonIcon = (
+      <Spinner animation="border" aria-hidden="true" size="sm" role="status" />
+    )
+  } else if (!isDetachLayout) {
+    buttonIcon = (
+      <MaterialIcon type="arrow_right_alt" className="synctex-control-icon" />
+    )
+  }
+
+  return (
+    <OLTooltip
+      id="sync-to-pdf"
+      description={t('go_to_code_location_in_pdf')}
+      overlayProps={{ placement: tooltipPlacement }}
+    >
+      <OLButton
+        variant="secondary"
+        size="sm"
+        onClick={syncToPdf}
+        disabled={syncToPdfInFlight || !canSyncToPdf}
+        className={buttonClasses}
+        aria-label={t('go_to_code_location_in_pdf')}
+      >
+        {buttonIcon}
+        {isDetachLayout ? <span>&nbsp;{t('show_in_pdf')}</span> : ''}
+      </OLButton>
+    </OLTooltip>
+  )
+})
+
+function PdfSynctexControls() {
+  const { _id: projectId, rootDocId } = useProjectContext()
+
+  const { detachRole } = useLayoutContext()
+
+  const {
+    clsiServerId,
+    pdfFile,
+    pdfUrl,
+    pdfViewer,
+    position,
+    setShowLogs,
+    setHighlights,
+  } = useCompileContext()
+
+  const { selectedEntities } = useFileTreeData()
+  const { findEntityByPath, dirname, pathInFolder } = useFileTreePathContext()
+  const { getCurrentDocumentId, openDocWithId, openDocName } =
+    useEditorManagerContext()
+
+  const [cursorPosition, setCursorPosition] = useState<CursorPosition | null>(
+    () => {
+      const position = localStorage.getItem(
+        `doc.position.${getCurrentDocumentId()}`
+      )
+      return position ? position.cursorPosition : null
+    }
+  )
+
+  const isMounted = useIsMounted()
+
+  const { signal } = useAbortController()
+
+  useEventListener(
+    'cursor:editor:update',
+    useCallback(event => setCursorPosition(event.detail), [])
+  )
+
+  const [syncToPdfInFlight, setSyncToPdfInFlight] = useState(false)
+  const [syncToCodeInFlight, setSyncToCodeInFlight] = useDetachState(
+    'sync-to-code-inflight',
+    false,
+    'detacher',
+    'detached'
+  )
+
+  const [, setSynctexError] = useScopeValue('sync_tex_error')
+
+  const getCurrentFilePath = useCallback(() => {
+    const docId = getCurrentDocumentId()
+
+    if (!docId || !rootDocId) {
+      return null
+    }
+
+    let path = pathInFolder(docId)
+
+    if (!path) {
+      return null
+    }
+
+    // If the root file is folder/main.tex, then synctex sees the path as folder/./main.tex
+    const rootDocDirname = dirname(rootDocId)
+
+    if (rootDocDirname) {
+      path = path.replace(RegExp(`^${rootDocDirname}`), `${rootDocDirname}/.`)
+    }
+
+    return path
+  }, [dirname, getCurrentDocumentId, pathInFolder, rootDocId])
+
+  const goToCodeLine = useCallback(
+    (file, line) => {
+      if (file) {
+        const doc = findEntityByPath(file)?.entity
+        if (!doc) {
+          debugConsole.warn(`Document with path ${file} not found`)
+          return
+        }
+
+        openDocWithId(doc._id, {
+          gotoLine: line,
+        })
+      } else {
+        setSynctexError(true)
+
+        window.setTimeout(() => {
+          if (isMounted.current) {
+            setSynctexError(false)
+          }
+        }, 4000)
+      }
+    },
+    [findEntityByPath, openDocWithId, isMounted, setSynctexError]
+  )
+
+  const goToPdfLocation = useCallback(
+    params => {
+      setSyncToPdfInFlight(true)
+
+      if (clsiServerId) {
+        params += `&clsiserverid=${clsiServerId}`
+      }
+      if (pdfFile?.editorId) params += `&editorId=${pdfFile.editorId}`
+      if (pdfFile?.build) params += `&buildId=${pdfFile.build}`
+
+      getJSON(`/project/${projectId}/sync/code?${params}`, { signal })
+        .then(data => {
+          setShowLogs(false)
+          setHighlights(data.pdf)
+        })
+        .catch(debugConsole.error)
+        .finally(() => {
+          if (isMounted.current) {
+            setSyncToPdfInFlight(false)
+          }
+        })
+    },
+    [
+      pdfFile,
+      clsiServerId,
+      isMounted,
+      projectId,
+      setShowLogs,
+      setHighlights,
+      setSyncToPdfInFlight,
+      signal,
+    ]
+  )
+
+  const cursorPositionRef = useRef(cursorPosition)
+
+  useEffect(() => {
+    cursorPositionRef.current = cursorPosition
+  }, [cursorPosition])
+
+  const syncToPdf = useCallback(() => {
+    const file = getCurrentFilePath()
+
+    if (cursorPositionRef.current) {
+      const { row, column } = cursorPositionRef.current
+
+      const params = new URLSearchParams({
+        file: file ?? '',
+        line: String(row + 1),
+        column: String(column),
+      }).toString()
+
+      eventTracking.sendMB('jump-to-location', {
+        direction: 'code-location-in-pdf',
+        method: 'arrow',
+      })
+
+      goToPdfLocation(params)
+    }
+  }, [getCurrentFilePath, goToPdfLocation])
+
+  useScopeEventListener(
+    'cursor:editor:syncToPdf',
+    useCallback(() => {
+      syncToPdf()
+    }, [syncToPdf])
+  )
+
+  const positionRef = useRef(position)
+  useEffect(() => {
+    positionRef.current = position
+  }, [position])
+
+  const _syncToCode = useCallback(
+    ({
+      position = positionRef.current,
+      visualOffset = 0,
+    }: {
+      position?: PdfScrollPosition
+      visualOffset?: number
+    }) => {
+      if (!position) {
+        return
+      }
+
+      setSyncToCodeInFlight(true)
+      // FIXME: this actually works better if it's halfway across the
+      // page (or the visible part of the page). Synctex doesn't
+      // always find the right place in the file when the point is at
+      // the edge of the page, it sometimes returns the start of the
+      // next paragraph instead.
+      const h = position.offset.left
+
+      // Compute the vertical position to pass to synctex, which
+      // works with coordinates increasing from the top of the page
+      // down.  This matches the browser's DOM coordinate of the
+      // click point, but the pdf position is measured from the
+      // bottom of the page so we need to invert it.
+      let v = 0
+      if (position.pageSize?.height) {
+        v += position.pageSize.height - position.offset.top // measure from pdf point (inverted)
+      } else {
+        v += position.offset.top // measure from html click position
+      }
+      v += visualOffset
+
+      const params = new URLSearchParams({
+        page: position.page + 1,
+        h: h.toFixed(2),
+        v: v.toFixed(2),
+      })
+
+      if (clsiServerId) {
+        params.set('clsiserverid', clsiServerId)
+      }
+      if (pdfFile?.editorId) params.set('editorId', pdfFile.editorId)
+      if (pdfFile?.build) params.set('buildId', pdfFile.build)
+
+      getJSON(`/project/${projectId}/sync/pdf?${params}`, { signal })
+        .then(data => {
+          const [{ file, line }] = data.code
+          goToCodeLine(file, line)
+        })
+        .catch(debugConsole.error)
+        .finally(() => {
+          if (isMounted.current) {
+            setSyncToCodeInFlight(false)
+          }
+        })
+    },
+    [
+      pdfFile,
+      clsiServerId,
+      projectId,
+      signal,
+      isMounted,
+      setSyncToCodeInFlight,
+      goToCodeLine,
+    ]
+  )
+
+  const syncToCode = useDetachAction(
+    'sync-to-code',
+    _syncToCode,
+    'detached',
+    'detacher'
+  )
+
+  useEventListener(
+    'synctex:sync-to-position',
+    useCallback(event => syncToCode({ position: event.detail }), [syncToCode])
+  )
+
+  const [hasSingleSelectedDoc, setHasSingleSelectedDoc] = useDetachState(
+    'has-single-selected-doc',
+    false,
+    'detacher',
+    'detached'
+  )
+
+  useEffect(() => {
+    if (selectedEntities.length !== 1) {
+      setHasSingleSelectedDoc(false)
+      return
+    }
+
+    if (selectedEntities[0].type !== 'doc') {
+      setHasSingleSelectedDoc(false)
+      return
+    }
+
+    setHasSingleSelectedDoc(true)
+  }, [selectedEntities, setHasSingleSelectedDoc])
+
+  if (!position) {
+    return null
+  }
+
+  if (!pdfUrl || pdfViewer === 'native') {
+    return null
+  }
+
+  const canSyncToPdf: boolean =
+    hasSingleSelectedDoc &&
+    cursorPosition &&
+    openDocName &&
+    isValidTeXFile(openDocName)
+
+  if (detachRole === 'detacher') {
+    return (
+      <GoToPdfButton
+        syncToPdf={syncToPdf}
+        syncToPdfInFlight={syncToPdfInFlight}
+        isDetachLayout
+        canSyncToPdf={canSyncToPdf}
+      />
+    )
+  } else if (detachRole === 'detached') {
+    return (
+      <GoToCodeButton
+        syncToCode={syncToCode}
+        syncToCodeInFlight={syncToCodeInFlight}
+        isDetachLayout
+      />
+    )
+  } else {
+    return (
+      <>
+        <GoToPdfButton
+          syncToPdf={syncToPdf}
+          syncToPdfInFlight={syncToPdfInFlight}
+          canSyncToPdf={canSyncToPdf}
+        />
+
+        <GoToCodeButton
+          syncToCode={syncToCode}
+          syncToCodeInFlight={syncToCodeInFlight}
+        />
+      </>
+    )
+  }
+}
+
+export default memo(PdfSynctexControls)
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-toolbar-button.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-toolbar-button.tsx
new file mode 100644
index 0000000..ecb2bdc
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-toolbar-button.tsx
@@ -0,0 +1,44 @@
+import MaterialIcon from '@/shared/components/material-icon'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+type PDFToolbarButtonProps = {
+  tooltipId: string
+  icon: string
+  label: string
+  onClick: () => void
+  shortcut?: string
+  disabled?: boolean
+}
+
+export default function PDFToolbarButton({
+  tooltipId,
+  disabled,
+  label,
+  icon,
+  onClick,
+  shortcut,
+}: PDFToolbarButtonProps) {
+  return (
+    <OLTooltip
+      id={tooltipId}
+      description={
+        <>
+          <div>{label}</div>
+          {shortcut && <div>{shortcut}</div>}
+        </>
+      }
+      overlayProps={{ placement: 'bottom' }}
+    >
+      <OLButton
+        variant="ghost"
+        className="pdf-toolbar-btn pdfjs-toolbar-button"
+        disabled={disabled}
+        onClick={onClick}
+        aria-label={label}
+      >
+        <MaterialIcon type={icon} />
+      </OLButton>
+    </OLTooltip>
+  )
+}
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-validation-issue.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-validation-issue.tsx
new file mode 100644
index 0000000..6968faa
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-validation-issue.tsx
@@ -0,0 +1,67 @@
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
+import PdfLogEntry from './pdf-log-entry'
+
+function PdfValidationIssue({ issue, name }: { issue: any; name: string }) {
+  const { t } = useTranslation()
+
+  switch (name) {
+    case 'sizeCheck':
+      return (
+        <PdfLogEntry
+          headerTitle={t('project_too_large')}
+          formattedContent={
+            <>
+              <div>{t('project_too_large_please_reduce')}</div>
+              <ul className="list-no-margin-bottom">
+                {issue.resources.map(
+                  (resource: { path: string; kbSize: number }) => (
+                    <li key={resource.path}>
+                      {resource.path} &mdash; {resource.kbSize}
+                      kb
+                    </li>
+                  )
+                )}
+              </ul>
+            </>
+          }
+          entryAriaLabel={t('validation_issue_entry_description')}
+          level="error"
+        />
+      )
+
+    case 'conflictedPaths':
+      return (
+        <PdfLogEntry
+          headerTitle={t('conflicting_paths_found')}
+          formattedContent={
+            <>
+              <div>{t('following_paths_conflict')}</div>
+              <ul className="list-no-margin-bottom">
+                {issue.map((detail: { path: string }) => (
+                  <li key={detail.path}>/{detail.path}</li>
+                ))}
+              </ul>
+            </>
+          }
+          entryAriaLabel={t('validation_issue_entry_description')}
+          level="error"
+        />
+      )
+
+    case 'mainFile':
+      return (
+        <PdfLogEntry
+          headerTitle={t('main_file_not_found')}
+          formattedContent={t('please_set_main_file')}
+          entryAriaLabel={t('validation_issue_entry_description')}
+          level="error"
+        />
+      )
+
+    default:
+      return null
+  }
+}
+
+export default memo(PdfValidationIssue)
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls-menu-button.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls-menu-button.tsx
new file mode 100644
index 0000000..681c38c
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls-menu-button.tsx
@@ -0,0 +1,82 @@
+import { useRef } from 'react'
+
+import PdfPageNumberControl from './pdf-page-number-control'
+import PdfZoomButtons from './pdf-zoom-buttons'
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '@/shared/components/material-icon'
+import useDropdown from '@/shared/hooks/use-dropdown'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLOverlay from '@/features/ui/components/ol/ol-overlay'
+import OLPopover from '@/features/ui/components/ol/ol-popover'
+
+type PdfViewerControlsMenuButtonProps = {
+  setZoom: (zoom: string) => void
+  setPage: (page: number) => void
+  page: number
+  totalPages: number
+  pdfContainer?: HTMLDivElement
+}
+
+export default function PdfViewerControlsMenuButton({
+  setZoom,
+  setPage,
+  page,
+  totalPages,
+  pdfContainer,
+}: PdfViewerControlsMenuButtonProps) {
+  const { t } = useTranslation()
+
+  const {
+    open: popoverOpen,
+    onToggle: togglePopover,
+    ref: popoverRef,
+  } = useDropdown()
+
+  const targetRef = useRef<HTMLButtonElement | null>(null)
+
+  return (
+    <>
+      <OLTooltip
+        id="pdf-controls-menu-tooltip"
+        description={t('view_options')}
+        overlayProps={{ placement: 'bottom' }}
+      >
+        <OLButton
+          variant="ghost"
+          className="pdf-toolbar-btn pdfjs-toolbar-popover-button"
+          onClick={togglePopover}
+          ref={targetRef}
+        >
+          <MaterialIcon type="more_horiz" />
+        </OLButton>
+      </OLTooltip>
+
+      <OLOverlay
+        show={popoverOpen}
+        target={targetRef.current}
+        placement="bottom"
+        container={pdfContainer}
+        containerPadding={0}
+        transition
+        rootClose
+        onHide={() => togglePopover(false)}
+      >
+        <OLPopover
+          className="pdfjs-toolbar-popover"
+          id="pdf-toolbar-popover-menu"
+          ref={popoverRef}
+        >
+          <PdfPageNumberControl
+            setPage={setPage}
+            page={page}
+            totalPages={totalPages}
+          />
+          <div className="pdfjs-zoom-controls">
+            <PdfZoomButtons setZoom={setZoom} />
+          </div>
+        </OLPopover>
+      </OLOverlay>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls-toolbar.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls-toolbar.tsx
new file mode 100644
index 0000000..f0bf38f
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-viewer-controls-toolbar.tsx
@@ -0,0 +1,173 @@
+import { memo, useCallback, useState } from 'react'
+import { createPortal } from 'react-dom'
+import PdfPageNumberControl from './pdf-page-number-control'
+import PdfZoomButtons from './pdf-zoom-buttons'
+import PdfZoomDropdown from './pdf-zoom-dropdown'
+import { useResizeObserver } from '@/shared/hooks/use-resize-observer'
+import PdfViewerControlsMenuButton from './pdf-viewer-controls-menu-button'
+import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
+import { useCommandProvider } from '@/features/ide-react/hooks/use-command-provider'
+import { useTranslation } from 'react-i18next'
+
+type PdfViewerControlsToolbarProps = {
+  requestPresentationMode: () => void
+  setZoom: (zoom: string) => void
+  rawScale: number
+  setPage: (page: number) => void
+  page: number
+  totalPages: number
+  pdfContainer?: HTMLDivElement
+}
+
+function PdfViewerControlsToolbar({
+  requestPresentationMode,
+  setZoom,
+  rawScale,
+  setPage,
+  page,
+  totalPages,
+  pdfContainer,
+}: PdfViewerControlsToolbarProps) {
+  const { t } = useTranslation()
+  const { showLogs } = useCompileContext()
+
+  const toolbarControlsElement = document.querySelector('#toolbar-pdf-controls')
+
+  const [availableWidth, setAvailableWidth] = useState<number>(1000)
+
+  const handleResize = useCallback(
+    element => {
+      setAvailableWidth(element.offsetWidth)
+    },
+    [setAvailableWidth]
+  )
+
+  const { elementRef: pdfControlsRef } = useResizeObserver(handleResize)
+
+  useCommandProvider(
+    () => [
+      {
+        id: 'view-pdf-presentation-mode',
+        label: t('presentation_mode'),
+        handler: requestPresentationMode,
+      },
+      {
+        id: 'view-pdf-zoom-in',
+        label: t('zoom_in'),
+        handler: () => setZoom('zoom-in'),
+      },
+      {
+        id: 'view-pdf-zoom-out',
+        label: t('zoom_out'),
+        handler: () => setZoom('zoom-out'),
+      },
+      {
+        id: 'view-pdf-fit-width',
+        label: t('fit_to_width'),
+        handler: () => setZoom('page-width'),
+      },
+      {
+        id: 'view-pdf-fit-height',
+        label: t('fit_to_height'),
+        handler: () => setZoom('page-height'),
+      },
+    ],
+    [t, requestPresentationMode, setZoom]
+  )
+
+  if (!toolbarControlsElement) {
+    return null
+  }
+
+  if (showLogs) {
+    return null
+  }
+
+  const InnerControlsComponent =
+    availableWidth >= 300
+      ? PdfViewerControlsToolbarFull
+      : PdfViewerControlsToolbarSmall
+
+  return createPortal(
+    <div className="pdfjs-viewer-controls" ref={pdfControlsRef}>
+      <InnerControlsComponent
+        requestPresentationMode={requestPresentationMode}
+        setZoom={setZoom}
+        rawScale={rawScale}
+        setPage={setPage}
+        page={page}
+        totalPages={totalPages}
+        pdfContainer={pdfContainer}
+      />
+    </div>,
+
+    toolbarControlsElement
+  )
+}
+
+type InnerControlsProps = {
+  requestPresentationMode: () => void
+  setZoom: (zoom: string) => void
+  rawScale: number
+  setPage: (page: number) => void
+  page: number
+  totalPages: number
+  // eslint-disable-next-line react/no-unused-prop-types
+  pdfContainer?: HTMLDivElement
+}
+
+function PdfViewerControlsToolbarFull({
+  requestPresentationMode,
+  setZoom,
+  rawScale,
+  setPage,
+  page,
+  totalPages,
+}: InnerControlsProps) {
+  return (
+    <>
+      <PdfPageNumberControl
+        setPage={setPage}
+        page={page}
+        totalPages={totalPages}
+      />
+      <div className="pdfjs-zoom-controls">
+        <PdfZoomButtons setZoom={setZoom} />
+        <PdfZoomDropdown
+          requestPresentationMode={requestPresentationMode}
+          rawScale={rawScale}
+          setZoom={setZoom}
+        />
+      </div>
+    </>
+  )
+}
+
+function PdfViewerControlsToolbarSmall({
+  requestPresentationMode,
+  setZoom,
+  rawScale,
+  setPage,
+  page,
+  totalPages,
+  pdfContainer,
+}: InnerControlsProps) {
+  return (
+    <div className="pdfjs-viewer-controls-small">
+      <PdfZoomDropdown
+        requestPresentationMode={requestPresentationMode}
+        rawScale={rawScale}
+        setZoom={setZoom}
+      />
+      <PdfViewerControlsMenuButton
+        setZoom={setZoom}
+        setPage={setPage}
+        page={page}
+        totalPages={totalPages}
+        pdfContainer={pdfContainer}
+      />
+    </div>
+  )
+}
+
+export default memo(PdfViewerControlsToolbar)
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-viewer.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-viewer.tsx
new file mode 100644
index 0000000..c4d7924
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-viewer.tsx
@@ -0,0 +1,25 @@
+import { lazy, memo } from 'react'
+import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
+
+const PdfJsViewer = lazy(
+  () => import(/* webpackChunkName: "pdf-js-viewer" */ './pdf-js-viewer')
+)
+
+function PdfViewer() {
+  const { pdfUrl, pdfFile, pdfViewer } = useCompileContext()
+
+  if (!pdfUrl) {
+    return null
+  }
+
+  switch (pdfViewer) {
+    case 'native':
+      return <iframe title="PDF Preview" src={pdfUrl} />
+
+    case 'pdfjs':
+    default:
+      return <PdfJsViewer url={pdfUrl} pdfFile={pdfFile} />
+  }
+}
+
+export default memo(PdfViewer)
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-zoom-buttons.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-zoom-buttons.tsx
new file mode 100644
index 0000000..1fa8521
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-zoom-buttons.tsx
@@ -0,0 +1,36 @@
+import PDFToolbarButton from './pdf-toolbar-button'
+import { useTranslation } from 'react-i18next'
+import OLButtonGroup from '@/features/ui/components/ol/ol-button-group'
+import { isMac } from '@/shared/utils/os'
+
+type PdfZoomButtonsProps = {
+  setZoom: (zoom: string) => void
+}
+
+function PdfZoomButtons({ setZoom }: PdfZoomButtonsProps) {
+  const { t } = useTranslation()
+
+  const zoomInShortcut = isMac ? '⌘+' : 'Ctrl +'
+  const zoomOutShortcut = isMac ? '⌘-' : 'Ctrl -'
+
+  return (
+    <OLButtonGroup className="pdfjs-toolbar-buttons">
+      <PDFToolbarButton
+        tooltipId="pdf-controls-zoom-out-tooltip"
+        label={t('zoom_out')}
+        icon="remove"
+        onClick={() => setZoom('zoom-out')}
+        shortcut={zoomOutShortcut}
+      />
+      <PDFToolbarButton
+        tooltipId="pdf-controls-zoom-in-tooltip"
+        label={t('zoom_in')}
+        icon="add"
+        onClick={() => setZoom('zoom-in')}
+        shortcut={zoomInShortcut}
+      />
+    </OLButtonGroup>
+  )
+}
+
+export default PdfZoomButtons
diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-zoom-dropdown.tsx b/services/web/frontend/js/features/pdf-preview/components/pdf-zoom-dropdown.tsx
new file mode 100644
index 0000000..75d0663
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-zoom-dropdown.tsx
@@ -0,0 +1,190 @@
+import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import classNames from 'classnames'
+import {
+  Dropdown,
+  DropdownDivider,
+  DropdownHeader,
+  DropdownItem,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import FormControl from '@/features/ui/components/bootstrap-5/form/form-control'
+import { isMac } from '@/shared/utils/os'
+
+const shortcuts = isMac
+  ? {
+      'zoom-in': ['⌘', '+'],
+      'zoom-out': ['⌘', '-'],
+      'fit-to-width': ['⌘', '0'],
+      'fit-to-height': ['⌘', '9'],
+    }
+  : {
+      'zoom-in': ['Ctrl', '+'],
+      'zoom-out': ['Ctrl', '-'],
+      'fit-to-width': ['Ctrl', '0'],
+      'fit-to-height': ['Ctrl', '9'],
+    }
+
+type PdfZoomDropdownProps = {
+  requestPresentationMode: () => void
+  setZoom: (zoom: string) => void
+  rawScale: number
+}
+
+const zoomValues = ['0.5', '0.75', '1', '1.5', '2', '4']
+
+const rawScaleToPercentage = (rawScale: number) => {
+  return `${Math.round(rawScale * 100)}%`
+}
+
+function PdfZoomDropdown({
+  requestPresentationMode,
+  setZoom,
+  rawScale,
+}: PdfZoomDropdownProps) {
+  const { t } = useTranslation()
+
+  const [customZoomValue, setCustomZoomValue] = useState<string>(
+    rawScaleToPercentage(rawScale)
+  )
+
+  useEffect(() => {
+    setCustomZoomValue(rawScaleToPercentage(rawScale))
+  }, [rawScale])
+
+  const showPresentOption = document.fullscreenEnabled
+
+  return (
+    <Dropdown
+      onSelect={eventKey => {
+        if (eventKey === 'custom-zoom') {
+          return
+        }
+
+        if (eventKey === 'present') {
+          requestPresentationMode()
+          return
+        }
+
+        setZoom(eventKey)
+      }}
+      align="end"
+    >
+      <DropdownToggle
+        id="pdf-zoom-dropdown"
+        variant="link"
+        className="pdf-toolbar-btn pdfjs-zoom-dropdown-button small"
+      >
+        {rawScaleToPercentage(rawScale)}
+      </DropdownToggle>
+      <DropdownMenu className="pdfjs-zoom-dropdown-menu">
+        <li role="none">
+          <DropdownItem
+            disabled
+            as="div"
+            className="pdfjs-custom-zoom-menu-item"
+            eventKey="custom-zoom"
+          >
+            <FormControl
+              onFocus={event => event.target.select()}
+              value={customZoomValue}
+              onKeyDown={event => {
+                if (event.key === 'Enter') {
+                  const zoom = Number(customZoomValue.replace('%', '')) / 100
+
+                  // Only allow zoom values between 10% and 999%
+                  if (zoom < 0.1) {
+                    setZoom('0.1')
+                  } else if (zoom > 9.99) {
+                    setZoom('9.99')
+                  } else {
+                    setZoom(`${zoom}`)
+                  }
+                }
+              }}
+              onChange={event => {
+                const rawValue = event.target.value
+                const parsedValue = rawValue.replace(/[^0-9%]/g, '')
+                setCustomZoomValue(parsedValue)
+              }}
+            />
+          </DropdownItem>
+        </li>
+        <DropdownDivider />
+        <li role="none">
+          <DropdownItem
+            as="button"
+            eventKey="zoom-in"
+            trailingIcon={<Shortcut keys={shortcuts['zoom-in']} />}
+          >
+            {t('zoom_in')}
+          </DropdownItem>
+        </li>
+        <li role="none">
+          <DropdownItem
+            as="button"
+            eventKey="zoom-out"
+            trailingIcon={<Shortcut keys={shortcuts['zoom-out']} />}
+          >
+            {t('zoom_out')}
+          </DropdownItem>
+        </li>
+        <li role="none">
+          <DropdownItem
+            as="button"
+            eventKey="page-width"
+            trailingIcon={<Shortcut keys={shortcuts['fit-to-width']} />}
+          >
+            {t('fit_to_width')}
+          </DropdownItem>
+        </li>
+        <li role="none">
+          <DropdownItem
+            as="button"
+            eventKey="page-height"
+            trailingIcon={<Shortcut keys={shortcuts['fit-to-height']} />}
+          >
+            {t('fit_to_height')}
+          </DropdownItem>
+        </li>
+        {showPresentOption && <DropdownDivider />}
+        {showPresentOption && (
+          <li role="none">
+            <DropdownItem as="button" eventKey="present">
+              {t('presentation_mode')}
+            </DropdownItem>
+          </li>
+        )}
+        <DropdownDivider />
+        <DropdownHeader aria-hidden="true">{t('zoom_to')}</DropdownHeader>
+        {zoomValues.map(value => (
+          <li role="none" key={value}>
+            <DropdownItem as="button" eventKey={value}>
+              {rawScaleToPercentage(Number(value))}
+            </DropdownItem>
+          </li>
+        ))}
+      </DropdownMenu>
+    </Dropdown>
+  )
+}
+
+function Shortcut({ keys }: { keys: string[] }) {
+  return (
+    <span className="pull-right">
+      {keys.map((key, idx) => (
+        <span
+          className={classNames({
+            'pdfjs-zoom-dropdown-mac-shortcut-char': key.length === 1,
+          })}
+          key={`${key}${idx}`}
+        >
+          {key}
+        </span>
+      ))}
+    </span>
+  )
+}
+
+export default PdfZoomDropdown
diff --git a/services/web/frontend/js/features/pdf-preview/components/stop-on-first-error-prompt.tsx b/services/web/frontend/js/features/pdf-preview/components/stop-on-first-error-prompt.tsx
new file mode 100644
index 0000000..a693d57
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/stop-on-first-error-prompt.tsx
@@ -0,0 +1,39 @@
+import { useCallback } from 'react'
+import { useTranslation, Trans } from 'react-i18next'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import PdfLogEntry from './pdf-log-entry'
+import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
+import { useStopOnFirstError } from '../../../shared/hooks/use-stop-on-first-error'
+
+export default function StopOnFirstErrorPrompt() {
+  const { t } = useTranslation()
+  const { startCompile, setAnimateCompileDropdownArrow } = useCompileContext()
+  const { disableStopOnFirstError } = useStopOnFirstError({
+    eventSource: 'logs-pane',
+  })
+
+  const handleDisableButtonClick = useCallback(() => {
+    disableStopOnFirstError()
+    startCompile({ stopOnFirstError: false })
+    setAnimateCompileDropdownArrow(true)
+  }, [disableStopOnFirstError, startCompile, setAnimateCompileDropdownArrow])
+
+  return (
+    <PdfLogEntry
+      headerTitle={t('stop_on_first_error_enabled_title')}
+      formattedContent={
+        <>
+          <Trans
+            i18nKey="stop_on_first_error_enabled_description"
+            // eslint-disable-next-line react/jsx-key
+            components={[<strong />]}
+          />{' '}
+          <OLButton variant="info" size="sm" onClick={handleDisableButtonClick}>
+            {t('disable_stop_on_first_error')}
+          </OLButton>
+        </>
+      }
+      level="info"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/pdf-preview/components/switch-to-editor-button.tsx b/services/web/frontend/js/features/pdf-preview/components/switch-to-editor-button.tsx
new file mode 100644
index 0000000..4b94825
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/switch-to-editor-button.tsx
@@ -0,0 +1,34 @@
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '@/shared/components/material-icon'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useLayoutContext } from '../../../shared/context/layout-context'
+
+function SwitchToEditorButton() {
+  const { pdfLayout, setView, detachRole } = useLayoutContext()
+
+  const { t } = useTranslation()
+
+  if (detachRole) {
+    return null
+  }
+
+  if (pdfLayout === 'sideBySide') {
+    return null
+  }
+
+  function handleClick() {
+    setView('editor')
+    window.setTimeout(() => {
+      window.dispatchEvent(new Event('editor:focus'))
+    })
+  }
+
+  return (
+    <OLButton variant="secondary" size="sm" onClick={handleClick}>
+      <MaterialIcon type="code" />
+      {t('switch_to_editor')}
+    </OLButton>
+  )
+}
+
+export default SwitchToEditorButton
diff --git a/services/web/frontend/js/features/pdf-preview/components/timeout-message-after-paywall-dismissal.tsx b/services/web/frontend/js/features/pdf-preview/components/timeout-message-after-paywall-dismissal.tsx
new file mode 100644
index 0000000..db61400
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/timeout-message-after-paywall-dismissal.tsx
@@ -0,0 +1,197 @@
+import getMeta from '@/utils/meta'
+import { Trans, useTranslation } from 'react-i18next'
+import { memo, useCallback, useEffect } from 'react'
+import { useDetachCompileContext } from '@/shared/context/detach-compile-context'
+import StartFreeTrialButton from '@/shared/components/start-free-trial-button'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useStopOnFirstError } from '@/shared/hooks/use-stop-on-first-error'
+import * as eventTracking from '@/infrastructure/event-tracking'
+import PdfLogEntry from './pdf-log-entry'
+
+function TimeoutMessageAfterPaywallDismissal() {
+  const {
+    startCompile,
+    lastCompileOptions,
+    setAnimateCompileDropdownArrow,
+    isProjectOwner,
+  } = useDetachCompileContext()
+
+  const { enableStopOnFirstError } = useStopOnFirstError({
+    eventSource: 'timeout-new',
+  })
+
+  const handleEnableStopOnFirstErrorClick = useCallback(() => {
+    enableStopOnFirstError()
+    startCompile({ stopOnFirstError: true })
+    setAnimateCompileDropdownArrow(true)
+  }, [enableStopOnFirstError, startCompile, setAnimateCompileDropdownArrow])
+
+  return (
+    <div className="website-redesign timeout-upgrade-paywall-prompt">
+      <CompileTimeout isProjectOwner={isProjectOwner} />
+      {getMeta('ol-ExposedSettings').enableSubscriptions && (
+        <PreventTimeoutHelpMessage
+          handleEnableStopOnFirstErrorClick={handleEnableStopOnFirstErrorClick}
+          lastCompileOptions={lastCompileOptions}
+          isProjectOwner={isProjectOwner}
+        />
+      )}
+    </div>
+  )
+}
+
+type CompileTimeoutProps = {
+  isProjectOwner: boolean
+}
+
+const CompileTimeout = memo(function CompileTimeout({
+  isProjectOwner,
+}: CompileTimeoutProps) {
+  const { t } = useTranslation()
+
+  useEffect(() => {
+    eventTracking.sendMB('paywall-prompt', {
+      'paywall-type': 'compile-timeout',
+      'paywall-version': 'secondary',
+    })
+  }, [])
+
+  function onPaywallClick() {
+    eventTracking.sendMB('paywall-click', {
+      'paywall-type': 'compile-timeout',
+      'paywall-version': 'secondary',
+    })
+  }
+
+  return (
+    <PdfLogEntry
+      headerTitle={t('project_failed_to_compile')}
+      headerIcon={
+        <MaterialIcon
+          type="error"
+          className="log-entry-header-title"
+          size="2x"
+          unfilled
+        />
+      }
+      formattedContent={
+        getMeta('ol-ExposedSettings').enableSubscriptions && (
+          <>
+            <p className="compile-timeout-message">
+              {isProjectOwner ? (
+                <div>
+                  <p>{t('your_project_need_more_time_to_compile')}</p>
+                  <p>{t('upgrade_to_unlock_more_time')}</p>
+                </div>
+              ) : (
+                <div>
+                  <p>{t('this_project_need_more_time_to_compile')}</p>
+                  <p>{t('upgrade_to_unlock_more_time')}</p>
+                </div>
+              )}
+            </p>
+
+            {isProjectOwner === false && (
+              <Trans
+                i18nKey="tell_the_project_owner_and_ask_them_to_upgrade"
+                components={[
+                  // eslint-disable-next-line react/jsx-key
+                  <strong />,
+                ]}
+              />
+            )}
+
+            {isProjectOwner && (
+              <div className="log-entry-cta-container">
+                <StartFreeTrialButton
+                  source="compile-timeout"
+                  buttonProps={{ variant: 'secondary' }}
+                  handleClick={onPaywallClick}
+                >
+                  {t('try_for_free')}
+                </StartFreeTrialButton>
+              </div>
+            )}
+          </>
+        )
+      }
+      // @ts-ignore
+      entryAriaLabel={t('your_compile_timed_out')}
+      level="error"
+    />
+  )
+})
+
+type PreventTimeoutHelpMessageProps = {
+  lastCompileOptions: any
+  handleEnableStopOnFirstErrorClick: () => void
+  isProjectOwner: boolean
+}
+
+const PreventTimeoutHelpMessage = memo(function PreventTimeoutHelpMessage({
+  lastCompileOptions,
+  handleEnableStopOnFirstErrorClick,
+  isProjectOwner,
+}: PreventTimeoutHelpMessageProps) {
+  const { t } = useTranslation()
+
+  return (
+    <PdfLogEntry
+      headerTitle={t('other_causes_of_compile_timeouts')}
+      formattedContent={
+        <>
+          <ul>
+            <li>
+              {t('large_or_high_resolution_images_taking_too_long_to_process')}
+            </li>
+            <li>
+              <Trans
+                i18nKey="a_fatal_compile_error_that_completely_blocks_compilation"
+                components={[
+                  // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+                  <a
+                    href="/learn/how-to/Fixing_and_preventing_compile_timeouts#Step_3:_Assess_your_project_for_time-consuming_tasks_and_fatal_errors"
+                    rel="noopener noreferrer"
+                    target="_blank"
+                  />,
+                ]}
+              />
+              {!lastCompileOptions.stopOnFirstError && (
+                <>
+                  {' '}
+                  <Trans
+                    i18nKey="enable_stop_on_first_error_under_recompile_dropdown_menu_v2"
+                    components={[
+                      // eslint-disable-next-line react/jsx-key
+                      <strong className="log-bold-text" />,
+                      // eslint-disable-next-line react/jsx-key
+                      <strong className="log-bold-text" />,
+                    ]}
+                  />{' '}
+                </>
+              )}
+            </li>
+          </ul>
+          <p className="mb-0">
+            <Trans
+              i18nKey="learn_more_about_compile_timeouts"
+              components={[
+                // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+                <a
+                  href="/learn/how-to/Fixing_and_preventing_compile_timeouts"
+                  rel="noopener noreferrer"
+                  target="_blank"
+                />,
+              ]}
+            />
+          </p>
+        </>
+      }
+      // @ts-ignore
+      entryAriaLabel={t('reasons_for_compile_timeouts')}
+      level="raw"
+    />
+  )
+})
+
+export default memo(TimeoutMessageAfterPaywallDismissal)
diff --git a/services/web/frontend/js/features/pdf-preview/components/timeout-upgrade-paywall-prompt.tsx b/services/web/frontend/js/features/pdf-preview/components/timeout-upgrade-paywall-prompt.tsx
new file mode 100644
index 0000000..b156890
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/timeout-upgrade-paywall-prompt.tsx
@@ -0,0 +1,86 @@
+import { Dispatch, SetStateAction, useEffect, useMemo, useState } from 'react'
+import getMeta from '@/utils/meta'
+import * as eventTracking from '@/infrastructure/event-tracking'
+import TimeoutMessageAfterPaywallDismissal from './timeout-message-after-paywall-dismissal'
+import { UpgradePrompt } from '@/shared/components/upgrade-prompt'
+
+const studentRoles = [
+  'High-school student',
+  'Undergraduate student',
+  "Master's student (e.g. MSc, MA)",
+  'Doctoral student (e.g. PhD, MD, EngD)',
+]
+
+type Segmentation = Record<
+  string,
+  string | number | boolean | undefined | unknown | any
+>
+
+interface TimeoutUpgradePaywallPromptProps {
+  setIsShowingPrimary: Dispatch<SetStateAction<boolean>>
+}
+
+function TimeoutUpgradePaywallPrompt({
+  setIsShowingPrimary,
+}: TimeoutUpgradePaywallPromptProps) {
+  const odcRole = getMeta('ol-odcRole')
+  const planPrices = getMeta('ol-paywallPlans')
+  const isStudent = useMemo(() => studentRoles.includes(odcRole), [odcRole])
+
+  const [isPaywallDismissed, setIsPaywallDismissed] = useState<boolean>(false)
+
+  function sendPaywallEvent(event: string, segmentation?: Segmentation) {
+    eventTracking.sendMB(event, {
+      'paywall-type': 'compile-timeout',
+      'paywall-version': 'primary',
+      ...segmentation,
+    })
+  }
+
+  function onClose() {
+    sendPaywallEvent('paywall-dismiss')
+    setIsPaywallDismissed(true)
+    setIsShowingPrimary(false)
+  }
+
+  function onClickInfoLink() {
+    sendPaywallEvent('paywall-info-click', { content: 'plans' })
+  }
+
+  function onClickPaywall() {
+    sendPaywallEvent('paywall-click', {
+      plan: isStudent ? 'student' : 'collaborator',
+    })
+  }
+
+  useEffect(() => {
+    sendPaywallEvent('paywall-prompt', {
+      plan: isStudent ? 'student' : 'collaborator',
+    })
+    setIsShowingPrimary(true)
+  }, [isStudent, setIsShowingPrimary])
+
+  return (
+    <div>
+      {!isPaywallDismissed ? (
+        <UpgradePrompt
+          title="Unlock more compile time"
+          summary="Your project took too long to compile and timed out."
+          onClose={onClose}
+          planPricing={{
+            student: planPrices?.student,
+            standard: planPrices?.collaborator,
+          }}
+          itmCampaign="compile-timeout"
+          isStudent={isStudent}
+          onClickInfoLink={onClickInfoLink}
+          onClickPaywall={onClickPaywall}
+        />
+      ) : (
+        <TimeoutMessageAfterPaywallDismissal />
+      )}
+    </div>
+  )
+}
+
+export default TimeoutUpgradePaywallPrompt
diff --git a/services/web/frontend/js/features/pdf-preview/components/timeout-upgrade-prompt-new.tsx b/services/web/frontend/js/features/pdf-preview/components/timeout-upgrade-prompt-new.tsx
new file mode 100644
index 0000000..58613c7
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/components/timeout-upgrade-prompt-new.tsx
@@ -0,0 +1,223 @@
+import { Trans, useTranslation } from 'react-i18next'
+import { useDetachCompileContext } from '../../../shared/context/detach-compile-context'
+import StartFreeTrialButton from '../../../shared/components/start-free-trial-button'
+import { memo, useCallback } from 'react'
+import PdfLogEntry from './pdf-log-entry'
+import { useStopOnFirstError } from '../../../shared/hooks/use-stop-on-first-error'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import getMeta from '@/utils/meta'
+
+function TimeoutUpgradePromptNew() {
+  const {
+    startCompile,
+    lastCompileOptions,
+    setAnimateCompileDropdownArrow,
+    isProjectOwner,
+  } = useDetachCompileContext()
+
+  const { enableStopOnFirstError } = useStopOnFirstError({
+    eventSource: 'timeout-new',
+  })
+
+  const handleEnableStopOnFirstErrorClick = useCallback(() => {
+    enableStopOnFirstError()
+    startCompile({ stopOnFirstError: true })
+    setAnimateCompileDropdownArrow(true)
+  }, [enableStopOnFirstError, startCompile, setAnimateCompileDropdownArrow])
+
+  return (
+    <>
+      <CompileTimeout isProjectOwner={isProjectOwner} />
+      {getMeta('ol-ExposedSettings').enableSubscriptions && (
+        <PreventTimeoutHelpMessage
+          handleEnableStopOnFirstErrorClick={handleEnableStopOnFirstErrorClick}
+          lastCompileOptions={lastCompileOptions}
+          isProjectOwner={isProjectOwner}
+        />
+      )}
+    </>
+  )
+}
+
+type CompileTimeoutProps = {
+  isProjectOwner: boolean
+}
+
+const CompileTimeout = memo(function CompileTimeout({
+  isProjectOwner,
+}: CompileTimeoutProps) {
+  const { t } = useTranslation()
+
+  return (
+    <PdfLogEntry
+      headerTitle={t('your_compile_timed_out')}
+      formattedContent={
+        getMeta('ol-ExposedSettings').enableSubscriptions && (
+          <>
+            <p>
+              {isProjectOwner
+                ? t('your_project_exceeded_compile_timeout_limit_on_free_plan')
+                : t('this_project_exceeded_compile_timeout_limit_on_free_plan')}
+            </p>
+            {isProjectOwner ? (
+              <p>
+                <strong>{t('upgrade_for_12x_more_compile_time')}</strong>{' '}
+                {t(
+                  'plus_additional_collaborators_document_history_track_changes_and_more'
+                )}
+              </p>
+            ) : (
+              <Trans
+                i18nKey="tell_the_project_owner_and_ask_them_to_upgrade"
+                components={[
+                  // eslint-disable-next-line react/jsx-key
+                  <strong />,
+                ]}
+              />
+            )}
+
+            {isProjectOwner && (
+              <p className="text-center">
+                <StartFreeTrialButton
+                  source="compile-timeout"
+                  buttonProps={{ variant: 'primary', className: 'w-100' }}
+                >
+                  {t('start_a_free_trial')}
+                </StartFreeTrialButton>
+              </p>
+            )}
+          </>
+        )
+      }
+      // @ts-ignore
+      entryAriaLabel={t('your_compile_timed_out')}
+      level="error"
+    />
+  )
+})
+
+type PreventTimeoutHelpMessageProps = {
+  lastCompileOptions: any
+  handleEnableStopOnFirstErrorClick: () => void
+  isProjectOwner: boolean
+}
+
+const PreventTimeoutHelpMessage = memo(function PreventTimeoutHelpMessage({
+  lastCompileOptions,
+  handleEnableStopOnFirstErrorClick,
+  isProjectOwner,
+}: PreventTimeoutHelpMessageProps) {
+  const { t } = useTranslation()
+
+  function sendInfoClickEvent() {
+    eventTracking.sendMB('paywall-info-click', {
+      'paywall-type': 'compile-timeout',
+      content: 'blog',
+    })
+  }
+
+  const compileTimeoutChangesBlogLink = (
+    /* eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key */
+    <a
+      aria-label={t('read_more_about_free_compile_timeouts_servers')}
+      href="/blog/changes-to-free-compile-timeouts-and-servers"
+      rel="noopener noreferrer"
+      target="_blank"
+      onClick={sendInfoClickEvent}
+    />
+  )
+
+  return (
+    <PdfLogEntry
+      headerTitle={t('reasons_for_compile_timeouts')}
+      formattedContent={
+        <>
+          <p>{t('common_causes_of_compile_timeouts_include')}:</p>
+          <ul>
+            <li>
+              <Trans
+                i18nKey="large_or_high-resolution_images_taking_too_long"
+                components={[
+                  // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+                  <a
+                    href="/learn/how-to/Optimising_very_large_image_files"
+                    rel="noopener noreferrer"
+                    target="_blank"
+                  />,
+                ]}
+              />
+            </li>
+            <li>
+              <Trans
+                i18nKey="a_fatal_compile_error_that_completely_blocks_compilation"
+                components={[
+                  // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+                  <a
+                    href="/learn/how-to/Fixing_and_preventing_compile_timeouts#Step_3:_Assess_your_project_for_time-consuming_tasks_and_fatal_errors"
+                    rel="noopener noreferrer"
+                    target="_blank"
+                  />,
+                ]}
+              />
+              {!lastCompileOptions.stopOnFirstError && (
+                <>
+                  {' '}
+                  <Trans
+                    i18nKey="enable_stop_on_first_error_under_recompile_dropdown_menu"
+                    components={[
+                      // eslint-disable-next-line react/jsx-key
+                      <OLButton
+                        variant="link"
+                        className="btn-inline-link fw-bold"
+                        size="sm"
+                        onClick={handleEnableStopOnFirstErrorClick}
+                      />,
+                      // eslint-disable-next-line react/jsx-key
+                      <strong />,
+                    ]}
+                  />{' '}
+                </>
+              )}
+            </li>
+          </ul>
+          <p>
+            <Trans
+              i18nKey="learn_more_about_other_causes_of_compile_timeouts"
+              components={[
+                // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+                <a
+                  href="/learn/how-to/Fixing_and_preventing_compile_timeouts"
+                  rel="noopener noreferrer"
+                  target="_blank"
+                />,
+              ]}
+            />
+          </p>
+          <p>
+            <em>
+              <>
+                {isProjectOwner ? (
+                  <Trans
+                    i18nKey="weve_recently_reduced_the_compile_timeout_limit_which_may_have_affected_your_project"
+                    components={[compileTimeoutChangesBlogLink]}
+                  />
+                ) : (
+                  <Trans
+                    i18nKey="weve_recently_reduced_the_compile_timeout_limit_which_may_have_affected_this_project"
+                    components={[compileTimeoutChangesBlogLink]}
+                  />
+                )}
+              </>
+            </em>
+          </p>
+        </>
+      }
+      // @ts-ignore
+      entryAriaLabel={t('reasons_for_compile_timeouts')}
+      level="raw"
+    />
+  )
+})
+
+export default memo(TimeoutUpgradePromptNew)
diff --git a/services/web/frontend/js/features/pdf-preview/hooks/use-compile-triggers.js b/services/web/frontend/js/features/pdf-preview/hooks/use-compile-triggers.js
new file mode 100644
index 0000000..f75e9ee
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/hooks/use-compile-triggers.js
@@ -0,0 +1,67 @@
+import { useCallback, useEffect } from 'react'
+import useEventListener from '../../../shared/hooks/use-event-listener'
+import useDetachAction from '../../../shared/hooks/use-detach-action'
+
+export const startCompileKeypress = event => {
+  if (event.shiftKey || event.altKey) {
+    return false
+  }
+
+  if (event.ctrlKey) {
+    // Ctrl+s / Ctrl+Enter / Ctrl+.
+    if (event.key === 's' || event.key === 'Enter' || event.key === '.') {
+      return true
+    }
+
+    // Ctrl+s with Caps-Lock on
+    if (event.key === 'S' && !event.shiftKey) {
+      return true
+    }
+  } else if (event.metaKey) {
+    // Cmd+s / Cmd+Enter
+    if (event.key === 's' || event.key === 'Enter') {
+      return true
+    }
+
+    // Cmd+s with Caps-Lock on
+    if (event.key === 'S' && !event.shiftKey) {
+      return true
+    }
+  }
+}
+
+export default function useCompileTriggers(startCompile, setChangedAt) {
+  const handleKeyDown = useCallback(
+    event => {
+      if (startCompileKeypress(event)) {
+        event.preventDefault()
+        startCompile()
+      }
+    },
+    [startCompile]
+  )
+
+  const handleStartCompile = useCallback(() => {
+    startCompile()
+  }, [startCompile])
+  useEventListener('pdf:recompile', handleStartCompile)
+
+  useEffect(() => {
+    document.body.addEventListener('keydown', handleKeyDown)
+    return () => {
+      document.body.removeEventListener('keydown', handleKeyDown)
+    }
+  }, [handleKeyDown])
+
+  // record doc changes when notified by the editor
+  const setOrTriggerChangedAt = useDetachAction(
+    'set-changed-at',
+    setChangedAt,
+    'detacher',
+    'detached'
+  )
+  const setChangedAtHandler = useCallback(() => {
+    setOrTriggerChangedAt(Date.now())
+  }, [setOrTriggerChangedAt])
+  useEventListener('doc:changed', setChangedAtHandler)
+}
diff --git a/services/web/frontend/js/features/pdf-preview/hooks/use-log-events.ts b/services/web/frontend/js/features/pdf-preview/hooks/use-log-events.ts
new file mode 100644
index 0000000..d849786
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/hooks/use-log-events.ts
@@ -0,0 +1,63 @@
+import { useEffect } from 'react'
+import { useLayoutContext } from '@/shared/context/layout-context'
+
+/**
+ * This hook adds an event listener for events dispatched from the editor to the compile logs pane
+ */
+export const useLogEvents = (setShowLogs: (show: boolean) => void) => {
+  const { pdfLayout, setView } = useLayoutContext()
+
+  useEffect(() => {
+    const listener = (event: Event) => {
+      const { id, suggestFix } = (
+        event as CustomEvent<{ id: string; suggestFix?: boolean }>
+      ).detail
+
+      setShowLogs(true)
+
+      if (pdfLayout === 'flat') {
+        setView('pdf')
+      }
+
+      window.setTimeout(() => {
+        const element = document.querySelector(
+          `.log-entry[data-log-entry-id="${id}"]`
+        )
+
+        if (element) {
+          element.scrollIntoView({
+            block: 'start',
+            inline: 'nearest',
+          })
+
+          if (suggestFix) {
+            // if they are paywalled, click that instead
+            const paywall = document.querySelector<HTMLButtonElement>(
+              'button[data-action="assistant-paywall-show"]'
+            )
+
+            if (paywall) {
+              paywall.scrollIntoView({
+                block: 'start',
+                inline: 'nearest',
+              })
+              paywall.click()
+            } else {
+              element
+                .querySelector<HTMLButtonElement>(
+                  'button[data-action="suggest-fix"]'
+                )
+                ?.click()
+            }
+          }
+        }
+      })
+    }
+
+    window.addEventListener('editor:view-compile-log-entry', listener)
+
+    return () => {
+      window.removeEventListener('editor:view-compile-log-entry', listener)
+    }
+  }, [pdfLayout, setView, setShowLogs])
+}
diff --git a/services/web/frontend/js/features/pdf-preview/hooks/use-mouse-wheel-zoom.ts b/services/web/frontend/js/features/pdf-preview/hooks/use-mouse-wheel-zoom.ts
new file mode 100644
index 0000000..1691d75
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/hooks/use-mouse-wheel-zoom.ts
@@ -0,0 +1,104 @@
+import { useCallback, useEffect, useRef } from 'react'
+import PDFJSWrapper from '../util/pdf-js-wrapper'
+
+// We need this to work for both a traditional mouse wheel and a touchpad "pinch to zoom".
+// From experimentation, trackpads tend to fire a lot of events with small deltaY's where
+// as a mouse wheel will fire fewer events but sometimes with a very high deltaY if you
+// move the wheel quickly.
+// The divisor is set to a value that works for the trackpad with the maximum value ensuring
+// that the scale doesn't suddenly change drastically from moving the mouse wheel quickly.
+const MAX_SCALE_FACTOR = 1.2
+const SCALE_FACTOR_DIVISOR = 20
+
+export default function useMouseWheelZoom(
+  pdfJsWrapper: PDFJSWrapper | null | undefined,
+  setScale: (scale: string) => void
+) {
+  const isZoomingRef = useRef(false)
+
+  // To avoid accidental pdf when pressing CMD/CTRL when the pdf scroll still has
+  // momentum, we only zoom if CMD/CTRL is pressed before the scroll starts. These refs
+  // keep track of if the pdf is currently scrolling.
+  // https://github.com/overleaf/internal/issues/20772
+  const isScrollingRef = useRef(false)
+  const isScrollingTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(
+    null
+  )
+
+  const performZoom = useCallback(
+    (event: WheelEvent, pdfJsWrapper: PDFJSWrapper) => {
+      // First, we calculate and set the new scale
+      const scrollMagnitude = Math.abs(event.deltaY)
+      const scaleFactorMagnitude = Math.min(
+        1 + scrollMagnitude / SCALE_FACTOR_DIVISOR,
+        MAX_SCALE_FACTOR
+      )
+      const previousScale = pdfJsWrapper.viewer.currentScale
+      const scaleChangeDirection = Math.sign(event.deltaY)
+
+      const approximateScaleFactor =
+        scaleChangeDirection < 0
+          ? scaleFactorMagnitude
+          : 1 / scaleFactorMagnitude
+
+      const newScale =
+        Math.round(previousScale * approximateScaleFactor * 100) / 100
+      const exactScaleFactor = newScale / previousScale
+
+      // Set the scale directly to ensure it is set before we do the scrolling below
+      pdfJsWrapper.viewer.currentScale = newScale
+      setScale(`${newScale}`)
+
+      // Then we need to ensure we are centering the zoom on the mouse position
+      const containerRect = pdfJsWrapper.container.getBoundingClientRect()
+      const top = containerRect.top
+      const left = containerRect.left
+
+      // Positions relative to pdf viewer
+      const currentMouseX = event.clientX - left
+      const currentMouseY = event.clientY - top
+
+      pdfJsWrapper.container.scrollBy({
+        left: currentMouseX * exactScaleFactor - currentMouseX,
+        top: currentMouseY * exactScaleFactor - currentMouseY,
+        behavior: 'instant',
+      })
+    },
+    [setScale]
+  )
+
+  useEffect(() => {
+    if (pdfJsWrapper) {
+      const wheelListener = (event: WheelEvent) => {
+        if ((event.metaKey || event.ctrlKey) && !isScrollingRef.current) {
+          event.preventDefault()
+
+          if (!isZoomingRef.current) {
+            isZoomingRef.current = true
+
+            performZoom(event, pdfJsWrapper)
+
+            setTimeout(() => {
+              isZoomingRef.current = false
+            }, 5)
+          }
+        } else {
+          isScrollingRef.current = true
+          if (isScrollingTimeoutRef.current) {
+            clearTimeout(isScrollingTimeoutRef.current)
+          }
+
+          isScrollingTimeoutRef.current = setTimeout(() => {
+            isScrollingRef.current = false
+          }, 100)
+        }
+      }
+
+      pdfJsWrapper.container.addEventListener('wheel', wheelListener)
+
+      return () => {
+        pdfJsWrapper.container.removeEventListener('wheel', wheelListener)
+      }
+    }
+  }, [pdfJsWrapper, setScale, performZoom])
+}
diff --git a/services/web/frontend/js/features/pdf-preview/hooks/use-presentation-mode.ts b/services/web/frontend/js/features/pdf-preview/hooks/use-presentation-mode.ts
new file mode 100644
index 0000000..7c76c6b
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/hooks/use-presentation-mode.ts
@@ -0,0 +1,176 @@
+import { useCallback, useEffect, useRef, useState } from 'react'
+import PDFJSWrapper from '../util/pdf-js-wrapper'
+import { sendMB } from '@/infrastructure/event-tracking'
+import { debugConsole } from '@/utils/debugging'
+
+type StoredPDFState = {
+  scrollMode?: number
+  spreadMode?: number
+  currentScaleValue?: string
+}
+
+export default function usePresentationMode(
+  pdfJsWrapper: PDFJSWrapper | null | undefined,
+  page: number | null,
+  handlePageChange: (page: number) => void,
+  scale: string,
+  setScale: (scale: string) => void
+): () => void {
+  const storedState = useRef<StoredPDFState>({})
+
+  const [presentationMode, setPresentationMode] = useState(false)
+
+  const nextPage = useCallback(() => {
+    if (page !== null) {
+      handlePageChange(page + 1)
+    }
+  }, [handlePageChange, page])
+
+  const previousPage = useCallback(() => {
+    if (page !== null) {
+      handlePageChange(page - 1)
+    }
+  }, [handlePageChange, page])
+
+  const clickListener = useCallback(
+    event => {
+      if (event.target.tagName === 'A') {
+        return
+      }
+
+      if (event.shiftKey) {
+        previousPage()
+      } else {
+        nextPage()
+      }
+    },
+    [nextPage, previousPage]
+  )
+
+  const arrowKeyListener = useCallback(
+    event => {
+      switch (event.key) {
+        case 'ArrowLeft':
+        case 'ArrowUp':
+        case 'PageUp':
+        case 'Backspace':
+          previousPage()
+          break
+
+        case 'ArrowRight':
+        case 'ArrowDown':
+        case 'PageDown':
+          nextPage()
+          break
+
+        case ' ':
+          if (event.shiftKey) {
+            previousPage()
+          } else {
+            nextPage()
+          }
+          break
+      }
+    },
+    [nextPage, previousPage]
+  )
+
+  const isMouseWheelScrollingRef = useRef(false)
+
+  const mouseWheelListener = useCallback(
+    (event: WheelEvent) => {
+      if (
+        !isMouseWheelScrollingRef.current &&
+        !event.ctrlKey // Avoid trackpad pinching
+      ) {
+        isMouseWheelScrollingRef.current = true
+
+        if (event.deltaY > 0) {
+          nextPage()
+        } else {
+          previousPage()
+        }
+
+        setTimeout(() => {
+          isMouseWheelScrollingRef.current = false
+        }, 200)
+      }
+    },
+    [nextPage, previousPage]
+  )
+
+  useEffect(() => {
+    if (presentationMode) {
+      window.addEventListener('keydown', arrowKeyListener)
+      window.addEventListener('click', clickListener)
+      window.addEventListener('wheel', mouseWheelListener)
+
+      return () => {
+        window.removeEventListener('keydown', arrowKeyListener)
+        window.removeEventListener('click', clickListener)
+        window.removeEventListener('wheel', mouseWheelListener)
+      }
+    }
+  }, [presentationMode, arrowKeyListener, clickListener, mouseWheelListener])
+
+  const requestPresentationMode = useCallback(() => {
+    sendMB('pdf-viewer-enter-presentation-mode')
+
+    if (pdfJsWrapper) {
+      pdfJsWrapper.container.parentElement
+        ?.requestFullscreen()
+        .catch(debugConsole.error)
+    }
+  }, [pdfJsWrapper])
+
+  const handleEnterFullscreen = useCallback(() => {
+    if (pdfJsWrapper) {
+      storedState.current.scrollMode = pdfJsWrapper.viewer.scrollMode
+      storedState.current.spreadMode = pdfJsWrapper.viewer.spreadMode
+      storedState.current.currentScaleValue = scale
+
+      setScale('page-fit')
+      pdfJsWrapper.viewer.scrollMode = 3 // page
+      pdfJsWrapper.viewer.spreadMode = 0 // none
+
+      pdfJsWrapper.fetchAllData()
+
+      setPresentationMode(true)
+    }
+  }, [pdfJsWrapper, setScale, scale])
+
+  const handleExitFullscreen = useCallback(() => {
+    if (pdfJsWrapper) {
+      pdfJsWrapper.viewer.scrollMode = storedState.current.scrollMode!
+      pdfJsWrapper.viewer.spreadMode = storedState.current.spreadMode!
+
+      if (storedState.current.currentScaleValue !== undefined) {
+        setScale(storedState.current.currentScaleValue)
+      }
+
+      setPresentationMode(false)
+    }
+  }, [pdfJsWrapper, setScale])
+
+  const handleFullscreenChange = useCallback(() => {
+    if (pdfJsWrapper) {
+      const fullscreen =
+        document.fullscreenElement === pdfJsWrapper.container.parentNode
+
+      if (fullscreen) {
+        handleEnterFullscreen()
+      } else {
+        handleExitFullscreen()
+      }
+    }
+  }, [pdfJsWrapper, handleEnterFullscreen, handleExitFullscreen])
+
+  useEffect(() => {
+    window.addEventListener('fullscreenchange', handleFullscreenChange)
+    return () => {
+      window.removeEventListener('fullscreenchange', handleFullscreenChange)
+    }
+  }, [handleFullscreenChange])
+
+  return requestPresentationMode
+}
diff --git a/services/web/frontend/js/features/pdf-preview/util/compiler.js b/services/web/frontend/js/features/pdf-preview/util/compiler.js
new file mode 100644
index 0000000..d938cb3
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/util/compiler.js
@@ -0,0 +1,233 @@
+import { isMainFile } from './editor-files'
+import getMeta from '../../../utils/meta'
+import { deleteJSON, postJSON } from '../../../infrastructure/fetch-json'
+import { debounce } from 'lodash'
+import { EDITOR_SESSION_ID, trackPdfDownload } from './metrics'
+import { enablePdfCaching } from './pdf-caching-flags'
+import { debugConsole } from '@/utils/debugging'
+import { signalWithTimeout } from '@/utils/abort-signal'
+
+const AUTO_COMPILE_MAX_WAIT = 5000
+// We add a 2 second debounce to sending user changes to server if they aren't
+// collaborating with anyone. This needs to be higher than SINGLE_USER_FLUSH_DELAY, and allow for
+// client to server latency, otherwise we compile before the op reaches the server
+// and then again on ack.
+const AUTO_COMPILE_DEBOUNCE = 2500
+
+// If there is a pending op, wait for it to be saved before compiling
+const PENDING_OP_MAX_WAIT = 10000
+
+const searchParams = new URLSearchParams(window.location.search)
+
+export default class DocumentCompiler {
+  constructor({
+    compilingRef,
+    projectId,
+    setChangedAt,
+    setCompiling,
+    setData,
+    setFirstRenderDone,
+    setDeliveryLatencies,
+    setError,
+    cleanupCompileResult,
+    signal,
+    openDocs,
+  }) {
+    this.compilingRef = compilingRef
+    this.projectId = projectId
+    this.setChangedAt = setChangedAt
+    this.setCompiling = setCompiling
+    this.setData = setData
+    this.setFirstRenderDone = setFirstRenderDone
+    this.setDeliveryLatencies = setDeliveryLatencies
+    this.setError = setError
+    this.cleanupCompileResult = cleanupCompileResult
+    this.signal = signal
+    this.openDocs = openDocs
+
+    this.projectRootDocId = null
+    this.clsiServerId = null
+    this.currentDoc = null
+    this.error = undefined
+    this.timer = 0
+    this.defaultOptions = {
+      draft: false,
+      stopOnFirstError: false,
+    }
+
+    this.debouncedAutoCompile = debounce(
+      () => {
+        this.compile({ isAutoCompileOnChange: true })
+      },
+      AUTO_COMPILE_DEBOUNCE,
+      {
+        maxWait: AUTO_COMPILE_MAX_WAIT,
+      }
+    )
+  }
+
+  // The main "compile" function.
+  // Call this directly to run a compile now, otherwise call debouncedAutoCompile.
+  async compile(options = {}) {
+    options = { ...this.defaultOptions, ...options }
+
+    if (options.isAutoCompileOnLoad && getMeta('ol-preventCompileOnLoad')) {
+      return
+    }
+
+    // set "compiling" to true (in the React component's state), and return if it was already true
+    const wasCompiling = this.compilingRef.current
+    this.setCompiling(true)
+
+    if (wasCompiling) {
+      if (options.isAutoCompileOnChange) {
+        this.debouncedAutoCompile()
+      }
+      return
+    }
+
+    try {
+      await this.openDocs.awaitBufferedOps(
+        signalWithTimeout(this.signal, PENDING_OP_MAX_WAIT)
+      )
+
+      // reset values
+      this.setChangedAt(0) // TODO: wait for doc:saved?
+      this.validationIssues = undefined
+
+      const params = this.buildCompileParams(options)
+
+      const t0 = performance.now()
+
+      const rootDocId = this.getRootDocOverrideId()
+
+      const body = {
+        rootDoc_id: rootDocId,
+        draft: options.draft,
+        check: 'silent', // NOTE: 'error' and 'validate' are possible, but unused
+        // use incremental compile for all users but revert to a full compile
+        // if there was previously a server error
+        incrementalCompilesEnabled: !this.error,
+        stopOnFirstError: options.stopOnFirstError,
+        editorId: EDITOR_SESSION_ID,
+      }
+
+      const data = await postJSON(
+        `/project/${this.projectId}/compile?${params}`,
+        { body, signal: this.signal }
+      )
+
+      const compileTimeClientE2E = Math.ceil(performance.now() - t0)
+      const { deliveryLatencies, firstRenderDone } = trackPdfDownload(
+        data,
+        compileTimeClientE2E,
+        t0
+      )
+      this.setDeliveryLatencies(() => deliveryLatencies)
+      this.setFirstRenderDone(() => firstRenderDone)
+
+      // unset the error before it's set again later, so that components are recreated and events are tracked
+      this.setError(undefined)
+
+      data.options = options
+      data.rootDocId = rootDocId
+      if (data.clsiServerId) {
+        this.clsiServerId = data.clsiServerId
+      }
+      this.setData(data)
+    } catch (error) {
+      debugConsole.error(error)
+      this.cleanupCompileResult()
+      this.setError(error.info?.statusCode === 429 ? 'rate-limited' : 'error')
+    } finally {
+      this.setCompiling(false)
+    }
+  }
+
+  // parse the text of the current doc in the editor
+  // if it contains "\documentclass" then use this as the root doc
+  getRootDocOverrideId() {
+    // only override when not in the root doc itself
+    if (this.currentDoc && this.currentDoc.doc_id !== this.projectRootDocId) {
+      const snapshot = this.currentDoc.getSnapshot()
+
+      if (snapshot && isMainFile(snapshot)) {
+        return this.currentDoc.doc_id
+      }
+    }
+
+    return null
+  }
+
+  // build the query parameters added to post-compile requests
+  buildPostCompileParams() {
+    const params = new URLSearchParams()
+
+    // the id of the CLSI server that processed the previous compile request
+    if (this.clsiServerId) {
+      params.set('clsiserverid', this.clsiServerId)
+    }
+
+    return params
+  }
+
+  // build the query parameters for the compile request
+  buildCompileParams(options) {
+    const params = new URLSearchParams()
+
+    // note: no clsiserverid query param is set on "compile" requests,
+    // as this is added in the backend by the web api
+
+    // tell the server whether this is an automatic or manual compile request
+    if (options.isAutoCompileOnLoad || options.isAutoCompileOnChange) {
+      params.set('auto_compile', 'true')
+    }
+
+    // use the feature flag to enable PDF caching
+    if (enablePdfCaching) {
+      params.set('enable_pdf_caching', 'true')
+    }
+
+    // use the feature flag to enable "file line errors"
+    if (searchParams.get('file_line_errors') === 'true') {
+      params.file_line_errors = 'true'
+    }
+
+    return params
+  }
+
+  // send a request to stop the current compile
+  stopCompile() {
+    // NOTE: no stoppingCompile state, as this should happen fairly quickly
+    // and doesn't matter if it runs twice.
+
+    const params = this.buildPostCompileParams()
+
+    return postJSON(`/project/${this.projectId}/compile/stop?${params}`, {
+      signal: this.signal,
+    })
+      .catch(error => {
+        debugConsole.error(error)
+        this.setError('error')
+      })
+      .finally(() => {
+        this.setCompiling(false)
+      })
+  }
+
+  // send a request to clear the cache
+  clearCache() {
+    const params = this.buildPostCompileParams()
+
+    return deleteJSON(`/project/${this.projectId}/output?${params}`, {
+      signal: this.signal,
+    }).catch(error => {
+      debugConsole.error(error)
+      this.setError('clear-cache')
+    })
+  }
+
+  setOption(option, value) {
+    this.defaultOptions[option] = value
+  }
+}
diff --git a/services/web/frontend/js/features/pdf-preview/util/editor-files.js b/services/web/frontend/js/features/pdf-preview/util/editor-files.js
new file mode 100644
index 0000000..a2f4085
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/util/editor-files.js
@@ -0,0 +1,4 @@
+const documentClassRe = /^[^%]*\\documentclass/
+
+export const isMainFile = doc =>
+  doc.split('\n').some(line => documentClassRe.test(line))
diff --git a/services/web/frontend/js/features/pdf-preview/util/file-list.ts b/services/web/frontend/js/features/pdf-preview/util/file-list.ts
new file mode 100644
index 0000000..310fbb5
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/util/file-list.ts
@@ -0,0 +1,88 @@
+import {
+  CompileOutputFile,
+  CompileResponseData,
+} from '../../../../../types/compile'
+import { PdfFileDataList } from '@/features/pdf-preview/util/types'
+
+const topFileTypes = ['bbl', 'gls', 'ind']
+// NOTE: Updating this list requires a corresponding change in
+// * services/clsi/app/js/OutputFileArchiveManager.js
+const ignoreFiles = ['output.fls', 'output.fdb_latexmk']
+
+export function buildFileList(
+  outputFiles: Map<string, CompileOutputFile>,
+  {
+    clsiServerId,
+    compileGroup,
+    outputFilesArchive,
+    fromCache = false,
+  }: CompileResponseData
+): PdfFileDataList {
+  const files: PdfFileDataList = { top: [], other: [] }
+
+  if (outputFiles) {
+    const params = new URLSearchParams()
+
+    if (fromCache) {
+      params.set('clsiserverid', 'cache')
+    } else if (clsiServerId) {
+      params.set('clsiserverid', clsiServerId)
+    }
+    if (compileGroup) {
+      params.set('compileGroup', compileGroup)
+    }
+
+    const queryString = params.toString()
+
+    const allFiles = []
+
+    // filter out ignored files and set some properties
+    for (const file of outputFiles.values()) {
+      if (!ignoreFiles.includes(file.path)) {
+        file.main = file.path.startsWith('output.')
+
+        if (queryString.length) {
+          file.url += `?${queryString}`
+        }
+
+        allFiles.push(file)
+      }
+    }
+
+    // sort main files first, then alphabetical
+    allFiles.sort((a, b) => {
+      if (a.main && !b.main) {
+        return -1
+      }
+
+      if (b.main && !a.main) {
+        return 1
+      }
+
+      return a.path.localeCompare(b.path, undefined, { numeric: true })
+    })
+
+    // group files into "top" and "other"
+    for (const file of allFiles) {
+      if (topFileTypes.includes(file.type)) {
+        files.top.push(file)
+      } else if (!(file.type === 'pdf' && file.main === true)) {
+        files.other.push(file)
+      }
+    }
+
+    const archivableFiles = [...files.top, ...files.other]
+
+    if (outputFilesArchive && archivableFiles.length > 0) {
+      archivableFiles.forEach(file => params.append('files', file.path))
+
+      files.archive = {
+        ...outputFilesArchive,
+        fileCount: archivableFiles.length,
+        url: `${outputFilesArchive.url}?${params.toString()}`,
+      }
+    }
+  }
+
+  return files
+}
diff --git a/services/web/frontend/js/features/pdf-preview/util/highlights.js b/services/web/frontend/js/features/pdf-preview/util/highlights.js
new file mode 100644
index 0000000..a2da6b2
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/util/highlights.js
@@ -0,0 +1,35 @@
+import { PDFJS } from '@/features/pdf-preview/util/pdf-js'
+
+export function buildHighlightElement(highlight, viewer) {
+  const pageView = viewer.getPageView(highlight.page - 1)
+
+  const viewport = pageView.viewport
+
+  const height = viewport.viewBox[3]
+
+  const rect = viewport.convertToViewportRectangle([
+    highlight.h, // xMin
+    height - (highlight.v + highlight.height) + 10, // yMin
+    highlight.h + highlight.width, // xMax
+    height - highlight.v + 10, // yMax
+  ])
+
+  const [left, top, right, bottom] = PDFJS.Util.normalizeRect(rect)
+
+  const element = document.createElement('div')
+  element.style.left = Math.floor(pageView.div.offsetLeft + left) + 'px'
+  element.style.top = Math.floor(pageView.div.offsetTop + top) + 'px'
+  element.style.width = Math.ceil(right - left) + 'px'
+  element.style.height = Math.ceil(bottom - top) + 'px'
+  element.style.backgroundColor = 'rgba(255,255,0)'
+  element.style.position = 'absolute'
+  element.style.display = 'inline-block'
+  element.style.scrollMargin = '72px'
+  element.style.pointerEvents = 'none'
+  element.style.opacity = '0'
+  element.style.transition = 'opacity 1s'
+
+  viewer.viewer?.append(element)
+
+  return element
+}
diff --git a/services/web/frontend/js/features/pdf-preview/util/metrics.js b/services/web/frontend/js/features/pdf-preview/util/metrics.js
new file mode 100644
index 0000000..435594c
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/util/metrics.js
@@ -0,0 +1,66 @@
+import { v4 as uuid } from 'uuid'
+import { sendMB } from '../../../infrastructure/event-tracking'
+import { trackPdfDownloadEnabled } from './pdf-caching-flags'
+import { debugConsole } from '@/utils/debugging'
+
+// VERSION should get incremented when making changes to caching behavior or
+//  adjusting metrics collection.
+const VERSION = 9
+
+// editing session id
+export const EDITOR_SESSION_ID = uuid()
+
+const pdfCachingMetrics = {
+  viewerId: EDITOR_SESSION_ID,
+}
+
+export function getPdfCachingMetrics() {
+  return pdfCachingMetrics
+}
+
+export function trackPdfDownload(response, compileTimeClientE2E, t0) {
+  const { timings, pdfCachingMinChunkSize } = response
+
+  const deliveryLatencies = {
+    compileTimeClientE2E,
+    compileTimeServerE2E: timings?.compileE2E,
+  }
+
+  // There can be multiple "first" renderings with two pdf viewers.
+  // E.g. two pdf detach tabs or pdf detacher plus pdf detach.
+  // Let the pdfCachingMetrics round trip to account for pdf-detach.
+  let isFirstRender = true
+  function firstRenderDone({ latencyFetch, latencyRender, pdfCachingMetrics }) {
+    if (!isFirstRender) return
+    isFirstRender = false
+
+    deliveryLatencies.totalDeliveryTime = Math.ceil(performance.now() - t0)
+    deliveryLatencies.latencyFetch = latencyFetch
+    if (latencyRender) {
+      deliveryLatencies.latencyRender = latencyRender
+    }
+    if (trackPdfDownloadEnabled) {
+      // Submit latency along with compile context.
+      submitCompileMetrics({
+        pdfCachingMinChunkSize,
+        ...deliveryLatencies,
+        ...pdfCachingMetrics,
+      })
+    }
+  }
+
+  return {
+    deliveryLatencies,
+    firstRenderDone,
+  }
+}
+
+function submitCompileMetrics(metrics) {
+  const leanMetrics = {
+    version: VERSION,
+    ...metrics,
+    id: EDITOR_SESSION_ID,
+  }
+  debugConsole.log('/event/compile-metrics', JSON.stringify(leanMetrics))
+  sendMB('compile-metrics-v6', leanMetrics)
+}
diff --git a/services/web/frontend/js/features/pdf-preview/util/output-files.js b/services/web/frontend/js/features/pdf-preview/util/output-files.js
new file mode 100644
index 0000000..6c93a02
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/util/output-files.js
@@ -0,0 +1,276 @@
+import HumanReadableLogs from '../../../ide/human-readable-logs/HumanReadableLogs'
+import BibLogParser from '../../../ide/log-parser/bib-log-parser'
+import { enablePdfCaching } from './pdf-caching-flags'
+import { debugConsole } from '@/utils/debugging'
+import { dirname, findEntityByPath } from '@/features/file-tree/util/path'
+import '@/utils/readable-stream-async-iterator-polyfill'
+import { EDITOR_SESSION_ID } from '@/features/pdf-preview/util/metrics'
+
+// Warnings that may disappear after a second LaTeX pass
+const TRANSIENT_WARNING_REGEX = /^(Reference|Citation).+undefined on input line/
+
+const MAX_LOG_SIZE = 1024 * 1024 // 1MB
+const MAX_BIB_LOG_SIZE_PER_FILE = MAX_LOG_SIZE
+
+export function handleOutputFiles(outputFiles, projectId, data) {
+  const outputFile = outputFiles.get('output.pdf')
+  if (!outputFile) return null
+
+  outputFile.editorId = outputFile.editorId || EDITOR_SESSION_ID
+
+  // build the URL for viewing the PDF in the preview UI
+  const params = new URLSearchParams()
+  if (data.compileGroup) {
+    params.set('compileGroup', data.compileGroup)
+  }
+
+  if (data.clsiServerId) {
+    params.set('clsiserverid', data.clsiServerId)
+  }
+
+  if (enablePdfCaching) {
+    // Tag traffic that uses the pdf caching logic.
+    params.set('enable_pdf_caching', 'true')
+  }
+
+  outputFile.pdfUrl = `${buildURL(
+    outputFile,
+    data.pdfDownloadDomain
+  )}?${params}`
+
+  if (data.fromCache) {
+    outputFile.pdfDownloadUrl = outputFile.downloadURL
+  } else {
+    // build the URL for downloading the PDF
+    params.set('popupDownload', 'true') // save PDF download as file
+
+    outputFile.pdfDownloadUrl = `/download/project/${projectId}/build/${outputFile.build}/output/output.pdf?${params}`
+  }
+
+  return outputFile
+}
+
+let nextEntryId = 1
+
+function generateEntryKey() {
+  return 'compile-log-entry-' + nextEntryId++
+}
+
+export const handleLogFiles = async (outputFiles, data, signal) => {
+  const result = {
+    log: null,
+    logEntries: {
+      errors: [],
+      warnings: [],
+      typesetting: [],
+    },
+  }
+
+  function accumulateResults(newEntries, type) {
+    for (const key in result.logEntries) {
+      if (newEntries[key]) {
+        for (const entry of newEntries[key]) {
+          if (type) {
+            entry.type = newEntries.type
+          }
+          if (entry.file) {
+            entry.file = normalizeFilePath(entry.file)
+          }
+          entry.key = generateEntryKey()
+        }
+        result.logEntries[key].push(...newEntries[key])
+      }
+    }
+  }
+
+  const logFile = outputFiles.get('output.log')
+
+  if (logFile) {
+    result.log = await fetchFileWithSizeLimit(
+      buildURL(logFile, data.pdfDownloadDomain),
+      signal,
+      MAX_LOG_SIZE
+    )
+    try {
+      let { errors, warnings, typesetting } = HumanReadableLogs.parse(
+        result.log,
+        {
+          ignoreDuplicates: true,
+        }
+      )
+
+      if (data.status === 'stopped-on-first-error') {
+        // Hide warnings that could disappear after a second pass
+        warnings = warnings.filter(warning => !isTransientWarning(warning))
+      }
+
+      accumulateResults({ errors, warnings, typesetting })
+    } catch (e) {
+      debugConsole.warn(e) // ignore failure to parse the log file, but log a warning
+    }
+  }
+
+  const blgFiles = []
+
+  for (const [filename, file] of outputFiles) {
+    if (filename.endsWith('.blg')) {
+      blgFiles.push(file)
+    }
+  }
+  for (const blgFile of blgFiles) {
+    const log = await fetchFileWithSizeLimit(
+      buildURL(blgFile, data.pdfDownloadDomain),
+      signal,
+      MAX_BIB_LOG_SIZE_PER_FILE
+    )
+    try {
+      const { errors, warnings } = new BibLogParser(log, {
+        maxErrors: 100,
+      }).parse()
+      accumulateResults({ errors, warnings }, 'BibTeX:')
+    } catch (e) {
+      // BibLog parsing errors are ignored
+    }
+  }
+
+  result.logEntries.all = [
+    ...result.logEntries.errors,
+    ...result.logEntries.warnings,
+    ...result.logEntries.typesetting,
+  ]
+
+  return result
+}
+
+export function buildLogEntryAnnotations(entries, fileTreeData, rootDocId) {
+  const rootDocDirname = dirname(fileTreeData, rootDocId)
+
+  const logEntryAnnotations = {}
+  const seenLine = {}
+
+  for (const entry of entries) {
+    if (entry.file) {
+      entry.file = normalizeFilePath(entry.file, rootDocDirname)
+
+      const entity = findEntityByPath(fileTreeData, entry.file)?.entity
+
+      if (entity) {
+        if (!(entity._id in logEntryAnnotations)) {
+          logEntryAnnotations[entity._id] = []
+        }
+
+        const annotation = {
+          id: entry.key,
+          entryIndex: logEntryAnnotations[entity._id].length, // used for maintaining the order of items on the same line
+          row: entry.line - 1,
+          type: entry.level === 'error' ? 'error' : 'warning',
+          text: entry.message,
+          source: 'compile', // NOTE: this is used in Ace for filtering the annotations
+          ruleId: entry.ruleId,
+          command: entry.command,
+        }
+
+        // set firstOnLine for the first non-typesetting annotation on a line
+        if (entry.level !== 'typesetting') {
+          if (!seenLine[entry.line]) {
+            annotation.firstOnLine = true
+            seenLine[entry.line] = true
+          }
+        }
+
+        logEntryAnnotations[entity._id].push(annotation)
+      }
+    }
+  }
+
+  return logEntryAnnotations
+}
+
+export const buildRuleCounts = (entries = []) => {
+  const counts = {}
+  for (const entry of entries) {
+    const key = `${entry.level}_${entry.ruleId}`
+    counts[key] = counts[key] ? counts[key] + 1 : 1
+  }
+  return counts
+}
+
+export const buildRuleDeltas = (ruleCounts, previousRuleCounts) => {
+  const counts = {}
+
+  // keys that are defined in the current log entries
+  for (const [key, value] of Object.entries(ruleCounts)) {
+    const previousValue = previousRuleCounts[key] ?? 0
+    counts[`delta_${key}`] = value - previousValue
+  }
+
+  // keys that are no longer defined in the current log entries
+  for (const [key, value] of Object.entries(previousRuleCounts)) {
+    if (!(key in ruleCounts)) {
+      counts[key] = 0
+      counts[`delta_${key}`] = -value
+    }
+  }
+
+  return counts
+}
+
+function buildURL(file, pdfDownloadDomain) {
+  if (file.build && pdfDownloadDomain) {
+    // Downloads from the compiles domain must include a build id.
+    // The build id is used implicitly for access control.
+    return `${pdfDownloadDomain}${file.url}`
+  }
+  // Go through web instead, which uses mongo for checking project access.
+  return `${window.origin}${file.url}`
+}
+
+function normalizeFilePath(path, rootDocDirname) {
+  path = path.replace(/\/\//g, '/')
+  path = path.replace(
+    /^.*\/compiles\/[0-9a-f]{24}(-[0-9a-f]{24})?\/(\.\/)?/,
+    ''
+  )
+
+  path = path.replace(/^\/compile\//, '')
+
+  if (rootDocDirname) {
+    path = path.replace(/^\.\//, rootDocDirname + '/')
+  }
+
+  return path
+}
+
+function isTransientWarning(warning) {
+  return TRANSIENT_WARNING_REGEX.test(warning.message)
+}
+
+async function fetchFileWithSizeLimit(url, signal, maxSize) {
+  let result = ''
+  try {
+    const abortController = new AbortController()
+    // abort fetching the log file if the main signal is aborted
+    signal.addEventListener('abort', () => {
+      abortController.abort()
+    })
+
+    const response = await fetch(url, {
+      signal: abortController.signal,
+    })
+
+    if (!response.ok) {
+      throw new Error('Failed to fetch log file')
+    }
+
+    const reader = response.body.pipeThrough(new TextDecoderStream())
+    for await (const chunk of reader) {
+      result += chunk
+      if (result.length > maxSize) {
+        abortController.abort()
+      }
+    }
+  } catch (e) {
+    debugConsole.warn(e) // ignore failure to fetch the log file, but log a warning
+  }
+  return result
+}
diff --git a/services/web/frontend/js/features/pdf-preview/util/pdf-caching-flags.js b/services/web/frontend/js/features/pdf-preview/util/pdf-caching-flags.js
new file mode 100644
index 0000000..d0a5a57
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/util/pdf-caching-flags.js
@@ -0,0 +1,29 @@
+import getMeta from '../../../utils/meta'
+import { debugConsole } from '@/utils/debugging'
+
+const hasTextEncoder = typeof TextEncoder !== 'undefined'
+if (!hasTextEncoder) {
+  debugConsole.warn('TextEncoder is not available. Disabling pdf-caching.')
+}
+
+const isOpera =
+  Array.isArray(navigator.userAgentData?.brands) &&
+  navigator.userAgentData.brands.some(b => b.brand === 'Opera')
+if (isOpera) {
+  debugConsole.warn('Browser cache is limited in Opera. Disabling pdf-caching.')
+}
+
+function isFlagEnabled(flag) {
+  if (!hasTextEncoder) return false
+  if (isOpera) return false
+  return getMeta('ol-splitTestVariants')?.[flag] === 'enabled'
+}
+
+export const cachedUrlLookupEnabled = isFlagEnabled(
+  'pdf-caching-cached-url-lookup'
+)
+export const prefetchingEnabled = isFlagEnabled('pdf-caching-prefetching')
+export const prefetchLargeEnabled = isFlagEnabled('pdf-caching-prefetch-large')
+export const enablePdfCaching = isFlagEnabled('pdf-caching-mode')
+export const trackPdfDownloadEnabled = isFlagEnabled('track-pdf-download')
+export const useClsiCache = isFlagEnabled('fall-back-to-clsi-cache')
diff --git a/services/web/frontend/js/features/pdf-preview/util/pdf-caching-transport.js b/services/web/frontend/js/features/pdf-preview/util/pdf-caching-transport.js
new file mode 100644
index 0000000..166a2b0
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/util/pdf-caching-transport.js
@@ -0,0 +1,267 @@
+import OError from '@overleaf/o-error'
+import { fallbackRequest, fetchRange } from './pdf-caching'
+import { captureException } from '@/infrastructure/error-reporter'
+import { EDITOR_SESSION_ID, getPdfCachingMetrics } from './metrics'
+import {
+  cachedUrlLookupEnabled,
+  enablePdfCaching,
+  prefetchingEnabled,
+  prefetchLargeEnabled,
+  trackPdfDownloadEnabled,
+  useClsiCache,
+} from './pdf-caching-flags'
+import { isNetworkError } from '@/utils/is-network-error'
+import { debugConsole } from '@/utils/debugging'
+import { PDFJS } from './pdf-js'
+
+// 30 seconds: The shutdown grace period of a clsi pre-emp instance.
+const STALE_OUTPUT_REQUEST_THRESHOLD_MS = 30 * 1000
+
+export function generatePdfCachingTransportFactory() {
+  // NOTE: The custom transport can be used for tracking download volume.
+  if (!enablePdfCaching && !trackPdfDownloadEnabled) {
+    return () => undefined
+  }
+  const usageScore = new Map()
+  const cachedUrls = new Map()
+  const metrics = Object.assign(getPdfCachingMetrics(), {
+    failedCount: 0,
+    failedOnce: false,
+    tooMuchBandwidthCount: 0,
+    tooManyRequestsCount: 0,
+    cachedCount: 0,
+    cachedBytes: 0,
+    fetchedCount: 0,
+    fetchedBytes: 0,
+    latencyComputeMax: 0,
+    latencyComputeTotal: 0,
+    requestedCount: 0,
+    requestedBytes: 0,
+    oldUrlHitCount: 0,
+    oldUrlMissCount: 0,
+    enablePdfCaching,
+    prefetchingEnabled,
+    prefetchLargeEnabled,
+    cachedUrlLookupEnabled,
+  })
+  const verifyChunks =
+    new URLSearchParams(window.location.search).get('verify_chunks') === 'true'
+
+  class PDFDataRangeTransport extends PDFJS.PDFDataRangeTransport {
+    constructor({ url, pdfFile, abortController, handleFetchError }) {
+      super(pdfFile.size, new Uint8Array())
+      this.url = url
+      pdfFile.ranges = pdfFile.ranges || []
+      pdfFile.editorId = pdfFile.editorId || EDITOR_SESSION_ID
+      this.pdfFile = pdfFile
+      // Clone the chunks as the objectId field is encoded to a Uint8Array.
+      this.leanPdfRanges = pdfFile.ranges.map(r => Object.assign({}, r))
+      this.handleFetchError = handleFetchError
+      this.abortController = abortController
+      this.startTime = performance.now()
+
+      const params = new URL(url).searchParams
+      // drop no needed params
+      params.delete('enable_pdf_caching')
+      params.delete('verify_chunks')
+      this.queryForChunks = params.toString()
+    }
+
+    abort() {
+      this.abortController.abort()
+    }
+
+    requestDataRange(start, end) {
+      const abortSignal = this.abortController.signal
+      const getDebugInfo = () => ({
+        // Sentry does not serialize objects in twice nested objects.
+        // Move the ranges to the root level to see them in Sentry.
+        pdfRanges: this.leanPdfRanges,
+        pdfFile: Object.assign({}, this.pdfFile, {
+          ranges: '[extracted]',
+          // Hide prefetched chunks as these include binary blobs.
+          prefetched: this.pdfFile.prefetched?.length,
+        }),
+        pdfUrl: this.url,
+        start,
+        end,
+        metrics,
+      })
+
+      const isStaleOutputRequest = () =>
+        performance.now() - this.startTime > STALE_OUTPUT_REQUEST_THRESHOLD_MS
+      const is404 = err => OError.getFullInfo(err).statusCode === 404
+      const isFromOutputPDFRequest = err =>
+        OError.getFullInfo(err).url?.includes?.('/output.pdf') === true
+
+      // Do not consider "expected 404s" and network errors as pdf caching
+      //  failures.
+      // "expected 404s" here include:
+      // - any stale download request
+      //   Example: The user returns to a browser tab after 1h and scrolls.
+      // - requests for the main output.pdf file
+      //   A fallback request would not be able to retrieve the PDF either.
+      const isExpectedError = err =>
+        (is404(err) || isNetworkError(err)) &&
+        (isStaleOutputRequest() || isFromOutputPDFRequest(err))
+
+      const usesCache = url => {
+        if (!url) return false
+        const u = new URL(url)
+        return (
+          u.pathname.endsWith(
+            `build/${this.pdfFile.editorId}-${this.pdfFile.build}/output/output.pdf`
+          ) && u.searchParams.get('clsiserverid') === 'cache'
+        )
+      }
+      const canTryFromCache = err => {
+        if (!useClsiCache) return false
+        if (!is404(err)) return false
+        return !usesCache(OError.getFullInfo(err).url)
+      }
+      const getOutputPDFURLFromCache = () => {
+        if (usesCache(this.url)) return this.url
+        const u = new URL(this.url)
+        u.searchParams.set('clsiserverid', 'cache')
+        u.pathname = u.pathname.replace(
+          /build\/[a-f0-9-]+\//,
+          `build/${this.pdfFile.editorId}-${this.pdfFile.build}/`
+        )
+        return u.href
+      }
+      const fetchFromCache = async () => {
+        // Try fetching the chunk from clsi-cache
+        const url = getOutputPDFURLFromCache()
+        return fallbackRequest({
+          file: this.pdfFile,
+          url,
+          start,
+          end,
+          abortSignal,
+        })
+          .then(blob => {
+            // Send the next output.pdf request directly to the cache.
+            this.url = url
+            // Only try downloading chunks that were cached previously
+            this.pdfFile.ranges = this.pdfFile.ranges.filter(r =>
+              cachedUrls.has(r.hash)
+            )
+            return blob
+          })
+          .catch(err => {
+            throw OError.tag(
+              new PDFJS.MissingPDFException(),
+              'cache-fallback',
+              {
+                statusCode: OError.getFullInfo(err).statusCode,
+                url: OError.getFullInfo(err).url,
+                err,
+              }
+            )
+          })
+      }
+
+      fetchRange({
+        url: this.url,
+        start,
+        end,
+        file: this.pdfFile,
+        queryForChunks: this.queryForChunks,
+        metrics,
+        usageScore,
+        cachedUrls,
+        verifyChunks,
+        prefetchingEnabled,
+        prefetchLargeEnabled,
+        cachedUrlLookupEnabled,
+        abortSignal,
+        canTryFromCache,
+        fallbackToCacheURL: getOutputPDFURLFromCache(),
+      })
+        .catch(err => {
+          if (abortSignal.aborted) return
+          if (canTryFromCache(err)) return fetchFromCache()
+          if (isExpectedError(err)) {
+            if (is404(err)) {
+              // A regular pdf-js request would have seen this 404 as well.
+            } else {
+              // Flaky network, switch back to regular pdf-js requests.
+              metrics.failedCount++
+              metrics.failedOnce = true
+            }
+            throw OError.tag(new PDFJS.MissingPDFException(), 'caching', {
+              statusCode: OError.getFullInfo(err).statusCode,
+              url: OError.getFullInfo(err).url,
+              err,
+            })
+          }
+          metrics.failedCount++
+          metrics.failedOnce = true
+          if (!enablePdfCaching) {
+            throw err // This was a fallback request already. Do not retry.
+          }
+          err = OError.tag(err, 'optimized pdf download error', getDebugInfo())
+          debugConsole.error(err)
+          captureException(err, {
+            tags: {
+              fromPdfCaching: true,
+              isFromOutputPDFRequest: isFromOutputPDFRequest(err),
+            },
+          })
+          return fallbackRequest({
+            file: this.pdfFile,
+            url: this.url,
+            start,
+            end,
+            abortSignal,
+          }).catch(err => {
+            if (canTryFromCache(err)) return fetchFromCache()
+            if (isExpectedError(err)) {
+              throw OError.tag(new PDFJS.MissingPDFException(), 'fallback', {
+                statusCode: OError.getFullInfo(err).statusCode,
+                url: OError.getFullInfo(err).url,
+                err,
+              })
+            }
+            throw err
+          })
+        })
+        .then(blob => {
+          if (abortSignal.aborted) return
+          this.onDataRange(start, blob)
+        })
+        .catch(err => {
+          if (abortSignal.aborted) return
+          err = OError.tag(err, 'fatal pdf download error', getDebugInfo())
+          debugConsole.error(err)
+          if (!(err instanceof PDFJS.MissingPDFException)) {
+            captureException(err, {
+              tags: {
+                fromPdfCaching: true,
+                isFromOutputPDFRequest: isFromOutputPDFRequest(err),
+              },
+            })
+          }
+          // Signal error for (subsequent) page load.
+          this.handleFetchError(err)
+        })
+    }
+  }
+
+  return function ({ url, pdfFile, abortController, handleFetchError }) {
+    if (metrics.failedOnce) {
+      // Disable pdf caching once any fetch request failed.
+      // Be trigger-happy here until we reached a stable state of the feature.
+      return undefined
+    }
+    // Latency is collected per preview cycle.
+    metrics.latencyComputeMax = 0
+    metrics.latencyComputeTotal = 0
+    return new PDFDataRangeTransport({
+      url,
+      pdfFile,
+      abortController,
+      handleFetchError,
+    })
+  }
+}
diff --git a/services/web/frontend/js/features/pdf-preview/util/pdf-caching.js b/services/web/frontend/js/features/pdf-preview/util/pdf-caching.js
new file mode 100644
index 0000000..a13c74a
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/util/pdf-caching.js
@@ -0,0 +1,1107 @@
+import OError from '@overleaf/o-error'
+
+const PDF_JS_CHUNK_SIZE = 128 * 1024
+const MAX_SUB_REQUEST_COUNT = 4
+const MAX_SUB_REQUEST_BYTES = 4 * PDF_JS_CHUNK_SIZE
+const SAMPLE_NGINX_BOUNDARY = '00000000000000000001'
+export const HEADER_OVERHEAD_PER_MULTI_PART_CHUNK = composeMultipartHeader({
+  boundary: SAMPLE_NGINX_BOUNDARY,
+  // Assume an upper bound of O(9GB) for the pdf size.
+  start: 9 * 1024 * 1024 * 1024,
+  end: 9 * 1024 * 1024 * 1024,
+  size: 9 * 1024 * 1024 * 1024,
+}).length
+const MULTI_PART_THRESHOLD = 4
+const INCREMENTAL_CACHE_SIZE = 1000
+// Download large chunks once the shard bandwidth exceeds 50% of their size.
+const CHUNK_USAGE_THRESHOLD_PREFETCH_LARGE = 0.5
+// Preferred caching once we downloaded a chunk (in multiple shards) in full.
+const CHUNK_USAGE_THRESHOLD_TRIGGER_PREFERRED = 1
+const CHUNK_USAGE_THRESHOLD_CACHED = 42
+// 42 * 0.7^11 < 1, aka we keep stale entries around for 11 compiles.
+const CHUNK_USAGE_STALE_DECAY_RATE = 0.7
+
+let cacheFlag = 'default'
+// Work around a Chrome bug: https://issues.chromium.org/issues/40542704
+// Multiple simultaneous requests to same URL with Range header cause failure (block backend returns ERR_CACHE_OPERATION_NOT_SUPPORTED)
+const CACHE_NO_STORE = 'no-store'
+
+/**
+ * @param {string} url
+ * @param {RequestInit} init
+ */
+async function fetchWithBrowserCacheFallback(url, init) {
+  try {
+    return await fetch(url, init)
+  } catch (err) {
+    if (init.headers?.has('Range') && init.cache !== CACHE_NO_STORE) {
+      cacheFlag = CACHE_NO_STORE
+      init.cache = CACHE_NO_STORE
+      return await fetch(url, init)
+    }
+    throw err
+  }
+}
+
+/**
+ * @param {Object} file
+ */
+function backfillEdgeBounds(file) {
+  const encoder = new TextEncoder()
+  for (const chunk of file.ranges) {
+    if (chunk.objectId) {
+      chunk.objectId = encoder.encode(chunk.objectId)
+      chunk.start -= chunk.objectId.byteLength
+      chunk.size = chunk.end - chunk.start
+    }
+  }
+}
+
+/**
+ * @param {Map} usageScore
+ * @param {Map} cachedUrls
+ */
+function trimState({ usageScore, cachedUrls }) {
+  for (const hash of usageScore) {
+    if (usageScore.size < INCREMENTAL_CACHE_SIZE) {
+      break
+    }
+    const score = usageScore.get(hash)
+    if (score >= CHUNK_USAGE_THRESHOLD_TRIGGER_PREFERRED) {
+      // Keep entries that are worth caching around for longer.
+      usageScore.set(hash, score * CHUNK_USAGE_STALE_DECAY_RATE)
+      continue
+    }
+    cachedUrls.delete(hash)
+    usageScore.delete(hash)
+  }
+}
+
+/**
+ * @param {Object} file
+ * @param {Map} usageScore
+ * @param {Map} cachedUrls
+ */
+function preprocessFileOnce({ file, usageScore, cachedUrls }) {
+  if (file.preprocessed) return
+  file.preprocessed = true
+
+  file.createdAt = new Date(file.createdAt)
+  file.prefetched = file.prefetched || []
+  trimState({ usageScore, cachedUrls })
+  backfillEdgeBounds(file)
+}
+
+/**
+ * @param {Array} chunks
+ */
+export function estimateSizeOfMultipartResponse(chunks) {
+  /*
+  --boundary
+  HEADER
+  BLOB
+  --boundary
+  HEADER
+  BLOB
+  --boundary--
+   */
+  return (
+    chunks.reduce(
+      (totalBytes, chunk) =>
+        totalBytes +
+        HEADER_OVERHEAD_PER_MULTI_PART_CHUNK +
+        (chunk.end - chunk.start),
+      0
+    ) + ('\r\n' + SAMPLE_NGINX_BOUNDARY + '--').length
+  )
+}
+
+/**
+ *
+ * @param {Object} metrics
+ * @param {number} size
+ * @param {number} cachedCount
+ * @param {number} cachedBytes
+ * @param {number} fetchedCount
+ * @param {number} fetchedBytes
+ */
+function trackDownloadStats(
+  metrics,
+  { size, cachedCount, cachedBytes, fetchedCount, fetchedBytes }
+) {
+  metrics.cachedCount += cachedCount
+  metrics.cachedBytes += cachedBytes
+  metrics.fetchedCount += fetchedCount
+  metrics.fetchedBytes += fetchedBytes
+  metrics.requestedCount++
+  metrics.requestedBytes += size
+}
+
+/**
+ * @param {Object} metrics
+ * @param {boolean} sizeDiffers
+ * @param {boolean} mismatch
+ * @param {boolean} success
+ */
+function trackChunkVerify(metrics, { sizeDiffers, mismatch, success }) {
+  if (sizeDiffers) {
+    metrics.chunkVerifySizeDiffers |= 0
+    metrics.chunkVerifySizeDiffers += 1
+  }
+  if (mismatch) {
+    metrics.chunkVerifyMismatch |= 0
+    metrics.chunkVerifyMismatch += 1
+  }
+  if (success) {
+    metrics.chunkVerifySuccess |= 0
+    metrics.chunkVerifySuccess += 1
+  }
+}
+
+/**
+ * @param chunk
+ * @param {ArrayBuffer} arrayBuffer
+ * @return {Uint8Array}
+ */
+function backFillObjectContext(chunk, arrayBuffer) {
+  if (!chunk.objectId) {
+    // This is a dynamic chunk
+    return new Uint8Array(arrayBuffer)
+  }
+  const { size, objectId } = chunk
+  const fullBuffer = new Uint8Array(size)
+  const sourceBuffer = new Uint8Array(arrayBuffer)
+  try {
+    fullBuffer.set(objectId, 0)
+    fullBuffer.set(sourceBuffer, objectId.byteLength)
+  } catch (err) {
+    throw OError.tag(err, 'broken back-filling of object-id', {
+      objectIdByteLength: objectId.byteLength,
+      fullBufferByteLength: fullBuffer.byteLength,
+      arrayBufferByteLength: arrayBuffer.byteLength,
+      sourceBufferByteLength: sourceBuffer.byteLength,
+    })
+  }
+  return fullBuffer
+}
+
+/**
+ * @param {Array} chunks
+ * @param {number} start
+ * @param {number} end
+ * @returns {Array}
+ */
+function getMatchingChunks(chunks, start, end) {
+  const matchingChunks = []
+  for (const chunk of chunks) {
+    if (chunk.end <= start) {
+      // no overlap:
+      //             | REQUESTED_RANGE |
+      //  | CHUNK |
+      continue
+    }
+    if (chunk.start >= end) {
+      // no overlap:
+      //  | REQUESTED_RANGE |
+      //                      | CHUNK |
+      break
+    }
+    matchingChunks.push(chunk)
+  }
+  return matchingChunks
+}
+
+/**
+ * @param {Object} a
+ * @param {Object} b
+ */
+function sortBySizeDESC(a, b) {
+  return a.size > b.size ? -1 : 1
+}
+
+/**
+ * @param {Object} a
+ * @param {Object} b
+ */
+function sortByStartASC(a, b) {
+  return a.start > b.start ? 1 : -1
+}
+
+/**
+ * @param {Object} chunk
+ */
+function usageAboveThreshold(chunk) {
+  // We fetched enough shards of this chunk. Cache it in full now.
+  return chunk.totalUsage > CHUNK_USAGE_THRESHOLD_TRIGGER_PREFERRED
+}
+
+/**
+ * @param {Array} potentialChunks
+ * @param {Map} usageScore
+ * @param {Map} cachedUrls
+ * @param {Object} metrics
+ * @param {number} start
+ * @param {number} end
+ * @param {boolean} prefetchLargeEnabled
+ */
+function cutRequestAmplification({
+  potentialChunks,
+  usageScore,
+  cachedUrls,
+  metrics,
+  start,
+  end,
+  prefetchLargeEnabled,
+}) {
+  // NOTE: Map keys are stored in insertion order.
+  // We re-insert keys on cache hit and turn 'usageScore' into a cheap LRU.
+
+  const chunks = []
+  const skipAlreadyAdded = chunk => !chunks.includes(chunk)
+  let tooManyRequests = false
+  let tooMuchBandwidth = false
+  let newChunks = 0
+  let newCacheBandwidth = 0
+  for (const chunk of potentialChunks) {
+    const newUsage =
+      (Math.min(end, chunk.end) - Math.max(start, chunk.start)) / chunk.size
+    const totalUsage = (usageScore.get(chunk.hash) || 0) + newUsage
+    usageScore.delete(chunk.hash)
+    usageScore.set(chunk.hash, totalUsage)
+    chunk.totalUsage = totalUsage
+  }
+
+  // Always download already cached entries
+  for (const chunk of potentialChunks) {
+    if (chunk.totalUsage >= CHUNK_USAGE_THRESHOLD_CACHED) {
+      chunks.push(chunk)
+    }
+  }
+
+  // Prefer large blobs over small ones.
+  potentialChunks.sort(sortBySizeDESC)
+
+  // Prefer chunks with high (previous) usage over brand-new chunks.
+  const firstComeFirstCache = () => true
+  for (const trigger of [usageAboveThreshold, firstComeFirstCache]) {
+    for (const chunk of potentialChunks.filter(skipAlreadyAdded)) {
+      if (newCacheBandwidth + chunk.size > MAX_SUB_REQUEST_BYTES) {
+        // We would breach the bandwidth amplification limit.
+        tooMuchBandwidth = true
+        continue
+      }
+      if (newChunks + 1 > MAX_SUB_REQUEST_COUNT) {
+        // We would breach the request rate amplification limit.
+        tooManyRequests = true
+        continue
+      }
+      if (trigger(chunk)) {
+        newCacheBandwidth += chunk.size
+        newChunks += 1
+        chunks.push(chunk)
+      }
+    }
+  }
+  const largeChunk = potentialChunks.filter(skipAlreadyAdded)[0]
+  if (largeChunk?.size >= PDF_JS_CHUNK_SIZE) {
+    // This is a large chunk that exceeds the bandwidth amplification limit.
+    if (largeChunk.start <= start && largeChunk.end >= end) {
+      // This is a large chunk spanning the entire range. pdf.js will only
+      //  request these in case it needs the underlying stream, so it is OK to
+      //  download as much data as the stream is large in one go.
+      chunks.push(largeChunk)
+    } else if (
+      prefetchLargeEnabled &&
+      largeChunk.totalUsage > CHUNK_USAGE_THRESHOLD_PREFETCH_LARGE
+    ) {
+      // pdf.js actually wants the smaller (dynamic) chunk in the range that
+      //  happens to sit right next to this large chunk.
+      // pdf.js has requested a lot of the large chunk via shards by now, and it
+      //  is time to download it in full to stop "wasting" more bandwidth and
+      //  more importantly cut down latency as we can prefetch the small chunk.
+      chunks.push(largeChunk)
+    }
+  }
+  if (tooManyRequests) {
+    metrics.tooManyRequestsCount++
+  }
+  if (tooMuchBandwidth) {
+    metrics.tooMuchBandwidthCount++
+  }
+
+  chunks.sort(sortByStartASC)
+  return chunks
+}
+
+/**
+ * @param {Array} chunks
+ * @param {number} start
+ * @param {number} end
+ * @returns {Array}
+ */
+function getInterleavingDynamicChunks(chunks, start, end) {
+  const dynamicChunks = []
+  for (const chunk of chunks) {
+    if (start < chunk.start) {
+      dynamicChunks.push({ start, end: chunk.start })
+    }
+    start = chunk.end
+  }
+
+  if (start < end) {
+    dynamicChunks.push({ start, end })
+  }
+  return dynamicChunks
+}
+
+/**
+ *
+ * @param {Response} response
+ */
+function getServerTime(response) {
+  const raw = response.headers.get('Date')
+  if (!raw) return new Date()
+  return new Date(raw)
+}
+
+/**
+ *
+ * @param {Response} response
+ */
+function getResponseSize(response) {
+  const raw = response.headers.get('Content-Length')
+  if (!raw) return 0
+  return parseInt(raw, 10)
+}
+
+/**
+ *
+ * @param {Response} response
+ * @param chunk
+ */
+export function getMultipartBoundary(response, chunk) {
+  if (!Array.isArray(chunk)) return ''
+
+  const raw = response.headers.get('Content-Type')
+  if (raw.includes('multipart/byteranges')) {
+    const idx = raw.indexOf('boundary=')
+    if (idx !== -1) return raw.slice(idx + 'boundary='.length)
+  }
+
+  throw new OError('missing boundary on multipart request', {
+    headers: Object.fromEntries(response.headers.entries()),
+    chunk,
+  })
+}
+
+/**
+ * @param {string} boundary
+ * @param {number} start
+ * @param {number} end
+ * @param {number} size
+ * @return {string}
+ */
+function composeMultipartHeader({ boundary, start, end, size }) {
+  return `\r\n--${boundary}\r\nContent-Type: application/pdf\r\nContent-Range: bytes ${start}-${
+    end - 1
+  }/${size}\r\n\r\n`
+}
+
+/**
+ * @param {Object} file
+ * @param {Array} chunks
+ * @param {Uint8Array} data
+ * @param {string} boundary
+ * @param {Object} metrics
+ */
+export function resolveMultiPartResponses({
+  file,
+  chunks,
+  data,
+  boundary,
+  metrics,
+}) {
+  const responses = []
+  let offsetStart = 0
+  const encoder = new TextEncoder()
+  for (const chunk of chunks) {
+    const header = composeMultipartHeader({
+      boundary,
+      start: chunk.start,
+      end: chunk.end,
+      size: file.size,
+    })
+    const headerSize = header.length
+
+    // Verify header content. A proxy might have tampered with it.
+    const headerRaw = encoder.encode(header)
+    if (
+      !data
+        .subarray(offsetStart, offsetStart + headerSize)
+        .every((v, idx) => v === headerRaw[idx])
+    ) {
+      metrics.headerVerifyFailure |= 0
+      metrics.headerVerifyFailure++
+      throw new OError('multipart response header does not match', {
+        actual: new TextDecoder().decode(
+          data.subarray(offsetStart, offsetStart + headerSize)
+        ),
+        expected: header,
+      })
+    }
+
+    offsetStart += headerSize
+    const chunkSize = chunk.end - chunk.start
+    responses.push({
+      chunk,
+      data: data.subarray(offsetStart, offsetStart + chunkSize),
+    })
+    offsetStart += chunkSize
+  }
+  return responses
+}
+
+/**
+ *
+ * @param {Response} response
+ * @param {number} estimatedSize
+ * @param {RequestInit} init
+ */
+export function checkChunkResponse(response, estimatedSize, init) {
+  if (!(response.status === 206 || response.status === 200)) {
+    throw new OError('non successful response status: ' + response.status, {
+      statusCode: response.status,
+      responseHeaders: Object.fromEntries(response.headers.entries()),
+      requestHeader: init.headers,
+    })
+  }
+  const responseSize = getResponseSize(response)
+  if (!responseSize) {
+    throw new OError('content-length response header missing', {
+      responseHeaders: Object.fromEntries(response.headers.entries()),
+      requestHeader: init.headers,
+    })
+  }
+  if (responseSize > estimatedSize) {
+    throw new OError('response size exceeds estimate', {
+      estimatedSize,
+      responseSize,
+      responseHeaders: Object.fromEntries(response.headers.entries()),
+      requestHeader: init.headers,
+    })
+  }
+}
+
+function getDynamicChunkInit({ file, start, end, signal }) {
+  // Avoid making range request when downloading the PDF file in full.
+  const isFullFile = start === 0 && end === file.size
+  return {
+    cache: cacheFlag,
+    headers: new Headers(
+      isFullFile ? {} : { Range: `bytes=${start}-${end - 1}` }
+    ),
+    signal,
+  }
+}
+
+/**
+ *
+ * @param {Object} file
+ * @param {string} url
+ * @param {number} start
+ * @param {number} end
+ * @param {AbortSignal} abortSignal
+ */
+export async function fallbackRequest({ file, url, start, end, abortSignal }) {
+  try {
+    const init = getDynamicChunkInit({ file, start, end, signal: abortSignal })
+    const response = await fetchWithBrowserCacheFallback(url, init)
+    checkChunkResponse(response, end - start, init)
+    return await response.arrayBuffer()
+  } catch (e) {
+    throw OError.tag(e, 'fallback request failed', { url, start, end })
+  }
+}
+
+/**
+ *
+ * @param {Object} file
+ * @param {string} url
+ * @param {number} start
+ * @param {number} end
+ * @param {Object} metrics
+ * @param {Uint8Array} actual
+ * @param {AbortSignal} abortSignal
+ */
+async function verifyRange({
+  file,
+  url,
+  start,
+  end,
+  metrics,
+  actual,
+  abortSignal,
+}) {
+  let expectedRaw
+  try {
+    expectedRaw = await fallbackRequest({
+      file,
+      url,
+      start,
+      end,
+      abortSignal,
+    })
+  } catch (error) {
+    throw OError.tag(error, 'cannot verify range', { url, start, end })
+  }
+  const expected = new Uint8Array(expectedRaw)
+  const stats = {}
+  if (actual.byteLength !== expected.byteLength) {
+    stats.sizeDiffers = true
+  } else if (!expected.every((v, idx) => v === actual[idx])) {
+    stats.mismatch = true
+  } else {
+    stats.success = true
+  }
+  trackChunkVerify(metrics, stats)
+  return expected
+}
+
+/**
+ * @param {Array} chunks
+ * @param {Array} prefetched
+ * @param {number} start
+ * @param {number} end
+ */
+function skipPrefetched(chunks, prefetched, start, end) {
+  return chunks.filter(chunk => {
+    return !prefetched.find(
+      c =>
+        c.start <= Math.max(chunk.start, start) &&
+        c.end >= Math.min(chunk.end, end)
+    )
+  })
+}
+
+/**
+ * @param {Object|Object[]} chunk
+ * @param {string} url
+ * @param {RequestInit} init
+ * @param {Map<string, {url:string,init:RequestInit}>} cachedUrls
+ * @param {Object} metrics
+ * @param {boolean} cachedUrlLookupEnabled
+ * @param {() => boolean} canTryFromCache
+ * @param {string} fallbackToCacheURL
+ * @param {Object} file
+ */
+async function fetchChunk({
+  chunk,
+  url,
+  init,
+  cachedUrls,
+  metrics,
+  cachedUrlLookupEnabled,
+  canTryFromCache,
+  fallbackToCacheURL,
+  file,
+}) {
+  const estimatedSize = Array.isArray(chunk)
+    ? estimateSizeOfMultipartResponse(chunk)
+    : chunk.end - chunk.start
+
+  const oldUrl = cachedUrls.get(chunk.hash)
+  if (cachedUrlLookupEnabled && chunk.hash && oldUrl && oldUrl.url !== url) {
+    // When the clsi server id changes, the content id changes too and as a
+    //  result all the browser cache keys (aka urls) get invalidated.
+    // We memorize the previous browser cache keys in `cachedUrls`.
+    try {
+      oldUrl.init.signal = init.signal
+      const response = await fetchWithBrowserCacheFallback(
+        oldUrl.url,
+        oldUrl.init
+      )
+      if (response.status === 200) {
+        checkChunkResponse(response, estimatedSize, init)
+        metrics.oldUrlHitCount += 1
+        return response
+      }
+      if (response.status === 404) {
+        // The old browser cache entry is gone and the old file is gone too.
+        metrics.oldUrlMissCount += 1
+      }
+      // Fallback to the latest url.
+    } catch (e) {
+      // Fallback to the latest url.
+    }
+    cachedUrls.delete(chunk.hash) // clear cached state
+  }
+  let response
+  try {
+    response = await fetchWithBrowserCacheFallback(url, init)
+    checkChunkResponse(response, estimatedSize, init)
+    if (chunk.hash) {
+      delete init.signal // omit the signal from the cache
+      cachedUrls.set(chunk.hash, { url, init })
+    }
+  } catch (err1) {
+    if (chunk.hash) {
+      cachedUrls.delete(chunk.hash)
+    }
+    const hasOthersCached = cachedUrls.size > 0
+    const info = { url, init, statusCode: response?.status }
+    const errTagged = OError.tag(err1, 'add info for canTryFromCache', info)
+    if (hasOthersCached && canTryFromCache(errTagged) && fallbackToCacheURL) {
+      // Only try downloading chunks that were cached previously
+      file.ranges = file.ranges.filter(r => cachedUrls.has(r.hash))
+      // Try harder at fetching the chunk, fallback to cache
+      url = fallbackToCacheURL
+      if (chunk.hash) {
+        init = getDynamicChunkInit({
+          file,
+          // skip object id prefix
+          start: chunk.start + chunk.objectId.byteLength,
+          end: chunk.end,
+          signal: init.signal,
+        })
+      }
+      try {
+        response = await fetchWithBrowserCacheFallback(url, init)
+        checkChunkResponse(response, estimatedSize, init)
+      } catch (err2) {
+        throw err1
+      }
+    } else {
+      throw err1
+    }
+  }
+  return response
+}
+
+/**
+ * @param {Object} file
+ * @param {number} start
+ * @param {number} end
+ * @param {Array} dynamicChunks
+ * @param {boolean} prefetchXRefTable
+ * @param {number} startXRefTableRange
+ */
+function addPrefetchingChunks({
+  file,
+  start,
+  end,
+  dynamicChunks,
+  prefetchXRefTable,
+  startXRefTableRange,
+}) {
+  // Prefetch in case this is the first range, or we are fetching dynamic
+  //  chunks anyway (so we can ride-share the round trip).
+  // Rendering cannot start without downloading the xref table, so it's OK to
+  //  "delay" the first range.
+  if (!(start === 0 || dynamicChunks.length > 0)) {
+    return
+  }
+
+  let extraChunks = []
+  if (prefetchXRefTable) {
+    // Prefetch the dynamic chunks around the xref table.
+    extraChunks = skipPrefetched(
+      getInterleavingDynamicChunks(
+        getMatchingChunks(file.ranges, startXRefTableRange, file.size),
+        startXRefTableRange,
+        file.size
+      ),
+      file.prefetched,
+      startXRefTableRange,
+      file.size
+    )
+  }
+  // Stop at the xref table range if present -- we may prefetch it early ^^^.
+  const prefetchEnd = startXRefTableRange || file.size
+  extraChunks = extraChunks.concat(
+    skipPrefetched(
+      getInterleavingDynamicChunks(
+        getMatchingChunks(file.ranges, end, prefetchEnd),
+        end,
+        prefetchEnd
+      ),
+      file.prefetched,
+      end,
+      prefetchEnd
+    )
+  )
+
+  let sum = estimateSizeOfMultipartResponse(dynamicChunks)
+  for (const chunk of extraChunks) {
+    const downloadSize =
+      chunk.end - chunk.start + HEADER_OVERHEAD_PER_MULTI_PART_CHUNK
+    if (sum + downloadSize > PDF_JS_CHUNK_SIZE) {
+      // In prefetching this chunk we would exceed the bandwidth limit.
+      // Try to prefetch another (smaller) chunk.
+      continue
+    }
+    const sibling = dynamicChunks.find(
+      sibling => sibling.end === chunk.start || sibling.start === chunk.end
+    )
+    if (sibling) {
+      sum += downloadSize
+      // Just expand the existing dynamic chunk.
+      sibling.start = Math.min(sibling.start, chunk.start)
+      sibling.end = Math.max(sibling.end, chunk.end)
+      continue
+    }
+    if (dynamicChunks.length > MULTI_PART_THRESHOLD) {
+      // We are already performing a multipart request. Add another part.
+    } else if (dynamicChunks.length < MULTI_PART_THRESHOLD) {
+      // We are not yet performing a multipart request. Add another request.
+    } else {
+      // In prefetching this chunk we would switch to a multipart request.
+      // Try to prefetch another (smaller) chunk.
+      continue
+    }
+    sum += downloadSize
+    dynamicChunks.push(chunk)
+  }
+  dynamicChunks.sort(sortByStartASC)
+
+  // Ensure that no chunks are overlapping.
+  let lastEnd = 0
+  for (const [idx, chunk] of dynamicChunks.entries()) {
+    if (chunk.start < lastEnd) {
+      throw new OError('detected overlapping dynamic chunks', {
+        chunk,
+        lastChunk: dynamicChunks[idx - 1],
+      })
+    }
+    lastEnd = chunk.end
+  }
+}
+
+class Timer {
+  constructor() {
+    this.max = 0
+    this.total = 0
+    this.lastStart = 0
+  }
+
+  startBlockingCompute() {
+    this.lastStart = performance.now()
+  }
+
+  finishBlockingCompute() {
+    if (this.lastStart === 0) return
+    const last = performance.now() - this.lastStart
+    if (last > this.max) {
+      this.max = last
+    }
+    this.total += last
+    this.lastStart = 0
+  }
+
+  reportInto(metrics) {
+    const max = Math.ceil(this.max)
+    const total = Math.ceil(this.total)
+    if (max > metrics.latencyComputeMax) {
+      metrics.latencyComputeMax = max
+    }
+    metrics.latencyComputeTotal += total
+  }
+}
+
+/**
+ *
+ * @param {string} url
+ * @param {number} start
+ * @param {number} end
+ * @param {Object} file
+ * @param {queryForChunks} start
+ * @param {Object} metrics
+ * @param {Map} usageScore
+ * @param {Map} cachedUrls
+ * @param {boolean} verifyChunks
+ * @param {boolean} prefetchingEnabled
+ * @param {boolean} prefetchLargeEnabled
+ * @param {boolean} tryOldCachedUrlEnabled
+ * @param {AbortSignal} abortSignal
+ * @param {() => boolean} canTryFromCache
+ * @param {string} fallbackToCacheURL
+ */
+export async function fetchRange({
+  url,
+  start,
+  end,
+  file,
+  queryForChunks,
+  metrics,
+  usageScore,
+  cachedUrls,
+  verifyChunks,
+  prefetchingEnabled,
+  prefetchLargeEnabled,
+  cachedUrlLookupEnabled,
+  abortSignal,
+  canTryFromCache,
+  fallbackToCacheURL,
+}) {
+  const timer = new Timer()
+  timer.startBlockingCompute()
+  preprocessFileOnce({ file, usageScore, cachedUrls })
+  const startXRefTableRange =
+    Math.floor(file.startXRefTable / PDF_JS_CHUNK_SIZE) * PDF_JS_CHUNK_SIZE
+  const prefetchXRefTable =
+    prefetchingEnabled && startXRefTableRange > 0 && start === 0
+  const prefetched = getMatchingChunks(file.prefetched, start, end)
+
+  // Check that handling the range request won't trigger excessive sub-requests,
+  // (to avoid unwanted latency compared to the original request).
+  const chunks = cutRequestAmplification({
+    potentialChunks: skipPrefetched(
+      getMatchingChunks(file.ranges, start, end),
+      prefetched,
+      start,
+      end
+    ),
+    usageScore,
+    cachedUrls,
+    metrics,
+    start,
+    end,
+    prefetchLargeEnabled,
+  })
+  const dynamicChunks = skipPrefetched(
+    getInterleavingDynamicChunks(chunks, start, end),
+    prefetched,
+    start,
+    end
+  )
+  const size = end - start
+
+  if (
+    chunks.length === 0 &&
+    prefetched.length === 0 &&
+    dynamicChunks.length === 1 &&
+    !prefetchXRefTable
+  ) {
+    // fall back to the original range request when no chunks are cached.
+    // Exception: The first range should fetch the xref table as well.
+    timer.finishBlockingCompute()
+    timer.reportInto(metrics)
+    trackDownloadStats(metrics, {
+      size,
+      cachedCount: 0,
+      cachedBytes: 0,
+      fetchedCount: 1,
+      fetchedBytes: size,
+    })
+    return fallbackRequest({ file, url, start, end, abortSignal })
+  }
+
+  if (prefetchingEnabled) {
+    addPrefetchingChunks({
+      file,
+      start,
+      end,
+      dynamicChunks,
+      prefetchXRefTable,
+      startXRefTableRange,
+    })
+  }
+
+  const byteRanges = dynamicChunks
+    .map(chunk => `${chunk.start}-${chunk.end - 1}`)
+    .join(',')
+  const coalescedDynamicChunks = []
+  switch (true) {
+    case dynamicChunks.length === 0:
+      break
+    case dynamicChunks.length === 1:
+      coalescedDynamicChunks.push({
+        chunk: dynamicChunks[0],
+        url,
+        init: {
+          cache: cacheFlag,
+          headers: new Headers({ Range: `bytes=${byteRanges}` }),
+        },
+      })
+      break
+    case dynamicChunks.length <= MULTI_PART_THRESHOLD:
+      // There will always be an OPTIONS request for multi-ranges requests.
+      // It is faster to request few ranges in parallel instead of waiting for
+      //  the OPTIONS request to round trip.
+      dynamicChunks.forEach(chunk => {
+        coalescedDynamicChunks.push({
+          chunk,
+          url,
+          init: {
+            cache: cacheFlag,
+            headers: new Headers({
+              Range: `bytes=${chunk.start}-${chunk.end - 1}`,
+            }),
+          },
+        })
+      })
+      break
+    default:
+      coalescedDynamicChunks.push({
+        chunk: dynamicChunks,
+        url,
+        init: {
+          cache: cacheFlag,
+          headers: new Headers({ Range: `bytes=${byteRanges}` }),
+        },
+      })
+  }
+
+  // The schema of `url` is https://domain/project/:id/user/:id/build/... for
+  //  authenticated and https://domain/project/:id/build/... for
+  //  unauthenticated users. Cut it before /build/.
+  // The path may have an optional /zone/b prefix too.
+  const perUserPrefix = url.slice(0, url.indexOf('/build/'))
+  const requests = chunks
+    .map(chunk => ({
+      chunk,
+      url: `${perUserPrefix}/content/${file.contentId}/${chunk.hash}?${queryForChunks}`,
+      init: {},
+    }))
+    .concat(coalescedDynamicChunks)
+  let cachedCount = 0
+  let cachedBytes = 0
+  let fetchedCount = 0
+  let fetchedBytes = 0
+  const reassembledBlob = new Uint8Array(size)
+
+  // Pause while performing network IO
+  timer.finishBlockingCompute()
+
+  const rawResponses = await Promise.all(
+    requests.map(async ({ chunk, url, init }) => {
+      try {
+        const response = await fetchChunk({
+          chunk,
+          url,
+          init: { ...init, signal: abortSignal },
+          cachedUrls,
+          metrics,
+          cachedUrlLookupEnabled,
+          canTryFromCache,
+          fallbackToCacheURL,
+          file,
+        })
+        timer.startBlockingCompute()
+        const boundary = getMultipartBoundary(response, chunk)
+        const blobFetchDate = getServerTime(response)
+        const blobSize = getResponseSize(response)
+        if (blobFetchDate && blobSize) {
+          // Example: 2MB PDF, 1MB image, 128KB PDF.js chunk.
+          //     | pdf.js chunk |
+          //   | A BIG IMAGE BLOB |
+          // |     THE     FULL     PDF     |
+          if (chunk.hash && blobFetchDate < file.createdAt) {
+            const usedChunkSection =
+              Math.min(end, chunk.end) - Math.max(start, chunk.start)
+            cachedCount++
+            cachedBytes += usedChunkSection
+            // Roll the position of the hash in the Map.
+            usageScore.delete(chunk.hash)
+            usageScore.set(chunk.hash, CHUNK_USAGE_THRESHOLD_CACHED)
+          } else {
+            // Blobs are fetched in bulk, record the full size.
+            fetchedCount++
+            fetchedBytes += blobSize
+          }
+        }
+        timer.finishBlockingCompute()
+        const buf = await response.arrayBuffer()
+        timer.startBlockingCompute()
+        const data = backFillObjectContext(chunk, buf)
+        if (!Array.isArray(chunk)) {
+          return [{ chunk, data }]
+        }
+        return resolveMultiPartResponses({
+          file,
+          chunks: chunk,
+          data,
+          boundary,
+          metrics,
+        })
+      } catch (err) {
+        throw OError.tag(err, 'cannot fetch chunk', { chunk, url, init })
+      } finally {
+        timer.finishBlockingCompute()
+      }
+    })
+  )
+
+  timer.startBlockingCompute()
+
+  rawResponses
+    .flat() // flatten after splitting multipart responses
+    .concat(prefetched.map(chunk => ({ chunk, data: chunk.buffer })))
+    .forEach(({ chunk, data }) => {
+      if (!chunk.hash && chunk.end > end) {
+        // This is a (partially) prefetched chunk.
+        chunk.buffer = data
+        file.prefetched.push(chunk)
+        if (chunk.start > end) return // This is a fully prefetched chunk.
+      }
+      // overlap:
+      //     | REQUESTED_RANGE |
+      //  | CHUNK |
+      const offsetStart = Math.max(start - chunk.start, 0)
+      // overlap:
+      //     | REQUESTED_RANGE |
+      //                   | CHUNK |
+      const offsetEnd = Math.max(chunk.end - end, 0)
+      const oldDataLength = data.length
+      if (offsetStart > 0 || offsetEnd > 0) {
+        // compute index positions for slice to handle case where offsetEnd=0
+        const chunkSize = chunk.end - chunk.start
+        data = data.subarray(offsetStart, chunkSize - offsetEnd)
+      }
+      const newDataLength = data.length
+      const insertPosition = Math.max(chunk.start - start, 0)
+      try {
+        reassembledBlob.set(data, insertPosition)
+      } catch (err) {
+        const reassembledBlobLength = reassembledBlob.length
+        const trimmedChunk = {
+          start: chunk.start,
+          end: chunk.end,
+          hash: chunk.hash,
+          objectId: new TextDecoder().decode(chunk.objectId),
+        }
+        throw OError.tag(err, 'broken reassembly', {
+          start,
+          end,
+          chunk: trimmedChunk,
+          oldDataLength,
+          newDataLength,
+          offsetStart,
+          offsetEnd,
+          insertPosition,
+          reassembledBlobLength,
+        })
+      }
+    })
+
+  timer.finishBlockingCompute()
+  timer.reportInto(metrics)
+  trackDownloadStats(metrics, {
+    size,
+    cachedCount,
+    cachedBytes,
+    fetchedCount,
+    fetchedBytes,
+  })
+
+  if (verifyChunks) {
+    return await verifyRange({
+      url,
+      start,
+      end,
+      metrics,
+      actual: reassembledBlob,
+      abortSignal,
+    })
+  }
+  return reassembledBlob
+}
diff --git a/services/web/frontend/js/features/pdf-preview/util/pdf-js-wrapper.ts b/services/web/frontend/js/features/pdf-preview/util/pdf-js-wrapper.ts
new file mode 100644
index 0000000..fca9b7f
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/util/pdf-js-wrapper.ts
@@ -0,0 +1,206 @@
+import { captureException } from '@/infrastructure/error-reporter'
+import { generatePdfCachingTransportFactory } from './pdf-caching-transport'
+import { PDFJS, loadPdfDocumentFromUrl, imageResourcesPath } from './pdf-js'
+import {
+  PDFViewer,
+  EventBus,
+  PDFLinkService,
+  LinkTarget,
+} from 'pdfjs-dist/web/pdf_viewer.mjs'
+import 'pdfjs-dist/web/pdf_viewer.css'
+import browser from '@/features/source-editor/extensions/browser'
+
+const DEFAULT_RANGE_CHUNK_SIZE = 128 * 1024 // 128K chunks
+
+export default class PDFJSWrapper {
+  public readonly viewer: PDFViewer
+  public readonly eventBus: EventBus
+  private readonly linkService: PDFLinkService
+  private readonly pdfCachingTransportFactory: any
+  private url?: string
+
+  // eslint-disable-next-line no-useless-constructor
+  constructor(public container: HTMLDivElement) {
+    // create the event bus
+    this.eventBus = new EventBus()
+
+    // create the link service
+    this.linkService = new PDFLinkService({
+      eventBus: this.eventBus,
+      externalLinkTarget: LinkTarget.BLANK,
+      externalLinkRel: 'noopener',
+    })
+
+    // create the viewer
+    this.viewer = new PDFViewer({
+      container: this.container,
+      eventBus: this.eventBus,
+      imageResourcesPath,
+      linkService: this.linkService,
+      maxCanvasPixels: browser.safari ? 4096 * 4096 : 8192 * 8192, // default is 4096 * 4096, increased for better resolution at high zoom levels (but not in Safari, which struggles with large canvases)
+      annotationMode: PDFJS.AnnotationMode.ENABLE, // enable annotations but not forms
+      annotationEditorMode: PDFJS.AnnotationEditorType.DISABLE, // disable annotation editing
+    })
+
+    this.linkService.setViewer(this.viewer)
+
+    this.pdfCachingTransportFactory = generatePdfCachingTransportFactory()
+  }
+
+  // load a document from a URL
+  async loadDocument({
+    url,
+    pdfFile,
+    abortController,
+    handleFetchError,
+  }: {
+    url: string
+    pdfFile: Record<string, any>
+    abortController: AbortController
+    handleFetchError: (error: Error) => void
+  }) {
+    this.url = url
+
+    const rangeTransport = this.pdfCachingTransportFactory({
+      url,
+      pdfFile,
+      abortController,
+      handleFetchError,
+    })
+    let rangeChunkSize = DEFAULT_RANGE_CHUNK_SIZE
+    if (rangeTransport && pdfFile.size < 2 * DEFAULT_RANGE_CHUNK_SIZE) {
+      // pdf.js disables the "bulk" download optimization when providing a
+      //  custom range transport. Restore it by bumping the chunk size.
+      rangeChunkSize = pdfFile.size
+    }
+
+    try {
+      const doc = await loadPdfDocumentFromUrl(url, {
+        rangeChunkSize,
+        range: rangeTransport,
+      }).promise
+
+      // check that this is still the current URL
+      if (url !== this.url) {
+        return
+      }
+
+      this.viewer.setDocument(doc)
+      this.linkService.setDocument(doc)
+
+      return doc
+    } catch (error: any) {
+      if (!error || error.name !== 'MissingPDFException') {
+        captureException(error, {
+          tags: { handler: 'pdf-preview' },
+        })
+      }
+
+      throw error
+    }
+  }
+
+  async fetchAllData() {
+    await this.viewer.pdfDocument?.getData()
+  }
+
+  // update the current scale value if the container size changes
+  updateOnResize() {
+    if (!this.isVisible()) {
+      return
+    }
+
+    // Use requestAnimationFrame to prevent errors like "ResizeObserver loop
+    // completed with undelivered notifications" that can occur if updating the
+    // viewer causes another repaint. The cost of this is that the viewer update
+    // lags one frame behind, but it's unlikely to matter.
+    // Further reading: https://github.com/WICG/resize-observer/issues/38
+    window.requestAnimationFrame(() => {
+      const currentScaleValue = this.viewer.currentScaleValue
+
+      if (
+        currentScaleValue === 'auto' ||
+        currentScaleValue === 'page-fit' ||
+        currentScaleValue === 'page-height' ||
+        currentScaleValue === 'page-width'
+      ) {
+        this.viewer.currentScaleValue = currentScaleValue
+      }
+
+      this.viewer.update()
+    })
+  }
+
+  // get the page and offset of a click event
+  clickPosition(event: MouseEvent, canvas: HTMLCanvasElement, page: number) {
+    if (!canvas) {
+      return
+    }
+
+    const { viewport } = this.viewer.getPageView(page)
+
+    const pageRect = canvas.getBoundingClientRect()
+
+    const dx = event.clientX - pageRect.left
+    const dy = event.clientY - pageRect.top
+
+    const [left, top] = viewport.convertToPdfPoint(dx, dy)
+
+    return {
+      page,
+      offset: {
+        left,
+        top: viewport.viewBox[3] - top,
+      },
+    }
+  }
+
+  // get the current page, offset and page size
+  get currentPosition() {
+    const pageIndex = this.viewer.currentPageNumber - 1
+    const pageView = this.viewer.getPageView(pageIndex)
+    const pageRect = pageView.div.getBoundingClientRect()
+
+    const containerRect = this.container.getBoundingClientRect()
+    const dy = containerRect.top - pageRect.top
+    const dx = containerRect.left - pageRect.left
+    const [left, top] = pageView.viewport.convertToPdfPoint(dx, dy)
+    const [, , width, height] = pageView.viewport.viewBox
+
+    return {
+      page: pageIndex,
+      offset: { top, left },
+      pageSize: { height, width },
+    }
+  }
+
+  scrollToPosition(position: Record<string, any>, scale = null) {
+    const destArray = [
+      null,
+      {
+        name: 'XYZ', // 'XYZ' = scroll to the given coordinates
+      },
+      position.offset.left,
+      position.offset.top,
+      scale,
+    ]
+
+    this.viewer.scrollPageIntoView({
+      pageNumber: position.page + 1,
+      destArray,
+    })
+
+    // scroll the page left and down by an extra few pixels to account for the pdf.js viewer page border
+    const pageIndex = this.viewer.currentPageNumber - 1
+    const pageView = this.viewer.getPageView(pageIndex)
+    const offset = parseFloat(getComputedStyle(pageView.div).borderWidth)
+    this.viewer.container.scrollBy({
+      top: -offset,
+      left: -offset,
+    })
+  }
+
+  isVisible() {
+    return this.viewer.container.offsetParent !== null
+  }
+}
diff --git a/services/web/frontend/js/features/pdf-preview/util/pdf-js.ts b/services/web/frontend/js/features/pdf-preview/util/pdf-js.ts
new file mode 100644
index 0000000..51a3bc9
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/util/pdf-js.ts
@@ -0,0 +1,33 @@
+import * as PDFJS from 'pdfjs-dist'
+import type { DocumentInitParameters } from 'pdfjs-dist/types/src/display/api'
+
+export { PDFJS }
+
+PDFJS.GlobalWorkerOptions.workerPort = new Worker(
+  /* webpackChunkName: "pdf-worker" */
+  new URL('pdfjs-dist/build/pdf.worker.mjs', import.meta.url) // NOTE: .mjs extension
+)
+
+export const imageResourcesPath = '/images/pdfjs-dist/'
+const cMapUrl = '/js/pdfjs-dist/cmaps/'
+const standardFontDataUrl = '/fonts/pdfjs-dist/'
+
+const params = new URLSearchParams(window.location.search)
+const disableFontFace = params.get('disable-font-face') === 'true'
+const disableStream = process.env.NODE_ENV !== 'test'
+
+export const loadPdfDocumentFromUrl = (
+  url: string,
+  options: Partial<DocumentInitParameters> = {}
+) =>
+  PDFJS.getDocument({
+    url,
+    cMapUrl,
+    standardFontDataUrl,
+    disableFontFace,
+    disableAutoFetch: true, // only fetch the data needed for the displayed pages
+    disableStream,
+    isEvalSupported: false,
+    enableXfa: false, // default is false (2021-10-12), but set explicitly to be sure
+    ...options,
+  })
diff --git a/services/web/frontend/js/features/pdf-preview/util/types.ts b/services/web/frontend/js/features/pdf-preview/util/types.ts
new file mode 100644
index 0000000..922db11
--- /dev/null
+++ b/services/web/frontend/js/features/pdf-preview/util/types.ts
@@ -0,0 +1,42 @@
+import React from 'react'
+import { CompileOutputFile } from '../../../../../types/compile'
+
+export type LogEntry = {
+  raw: string
+  level: ErrorLevel
+  key: string
+  file?: string
+  column?: number
+  line?: number
+  ruleId?: string
+  message?: string
+  content?: string
+  type?: string
+  messageComponent?: React.ReactNode
+  contentDetails?: string[]
+}
+
+export type ErrorLevel =
+  | 'error'
+  | 'warning'
+  | 'info'
+  | 'typesetting'
+  | 'raw'
+  | 'success'
+
+export type SourceLocation = {
+  file?: string
+  // `line should be either a number or null (i.e. not required), but currently sometimes we get
+  // an empty string (from BibTeX errors).
+  line?: number | string | null
+  column?: number
+}
+
+export type PdfFileData = CompileOutputFile
+type PdfFileArchiveData = CompileOutputFile & { fileCount: number }
+
+export type PdfFileDataList = {
+  top: PdfFileData[]
+  other: PdfFileData[]
+  archive?: PdfFileArchiveData
+}
diff --git a/services/web/frontend/js/features/preview/components/preview-log-entry-header.tsx b/services/web/frontend/js/features/preview/components/preview-log-entry-header.tsx
new file mode 100644
index 0000000..28f163a
--- /dev/null
+++ b/services/web/frontend/js/features/preview/components/preview-log-entry-header.tsx
@@ -0,0 +1,133 @@
+import classNames from 'classnames'
+import { useState, useRef, MouseEventHandler } from 'react'
+import { useTranslation } from 'react-i18next'
+import useResizeObserver from '../hooks/use-resize-observer'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import MaterialIcon from '@/shared/components/material-icon'
+import { ErrorLevel, SourceLocation } from '@/features/pdf-preview/util/types'
+
+function PreviewLogEntryHeader({
+  sourceLocation,
+  level,
+  headerTitle,
+  headerIcon,
+  logType,
+  showSourceLocationLink = true,
+  showCloseButton = false,
+  onSourceLocationClick,
+  onClose,
+}: {
+  headerTitle: string | React.ReactNode
+  level: ErrorLevel
+  headerIcon?: React.ReactElement
+  logType?: string
+  sourceLocation?: SourceLocation
+  showSourceLocationLink?: boolean
+  showCloseButton?: boolean
+  onSourceLocationClick?: MouseEventHandler<HTMLButtonElement>
+  onClose?: () => void
+}) {
+  const { t } = useTranslation()
+  const logLocationSpanRef = useRef<HTMLSpanElement>(null)
+  const [locationSpanOverflown, setLocationSpanOverflown] = useState(false)
+
+  useResizeObserver(
+    logLocationSpanRef,
+    locationSpanOverflown,
+    checkLocationSpanOverflow
+  )
+
+  const file = sourceLocation ? sourceLocation.file : null
+  const line = sourceLocation ? sourceLocation.line : null
+  const logEntryHeaderClasses = classNames('log-entry-header', {
+    'log-entry-header-error': level === 'error',
+    'log-entry-header-warning': level === 'warning',
+    'log-entry-header-info': level === 'info',
+    'log-entry-header-typesetting': level === 'typesetting',
+    'log-entry-header-raw': level === 'raw',
+    'log-entry-header-success': level === 'success',
+  })
+  const logEntryLocationBtnClasses = classNames('log-entry-header-link', {
+    'log-entry-header-link-error': level === 'error',
+    'log-entry-header-link-warning': level === 'warning',
+    'log-entry-header-link-typesetting': level === 'typesetting',
+    'log-entry-header-link-raw': level === 'raw',
+    'log-entry-header-link-info': level === 'info',
+    'log-entry-header-link-success': level === 'success',
+  })
+  const headerLogLocationTitle = t('navigate_log_source', {
+    location: file + (line ? `, ${line}` : ''),
+  })
+
+  function checkLocationSpanOverflow(observedElement: ResizeObserverEntry) {
+    const spanEl = observedElement.target
+    const isOverflowing = spanEl.scrollWidth > spanEl.clientWidth
+    setLocationSpanOverflown(isOverflowing)
+  }
+
+  const locationLinkText =
+    showSourceLocationLink && file ? `${file}${line ? `, ${line}` : ''}` : null
+
+  // Because we want an ellipsis on the left-hand side (e.g. "...longfilename.tex"), the
+  // `log-entry-header-link-location` class has text laid out from right-to-left using the CSS
+  // rule `direction: rtl;`.
+  // This works most of the times, except when the first character of the filename is considered
+  // a punctuation mark, like `/` (e.g. `/foo/bar/baz.sty`). In this case, because of
+  // right-to-left writing rules, the punctuation mark is moved to the right-side of the string,
+  // resulting in `...bar/baz.sty/` instead of `...bar/baz.sty`.
+  // To avoid this edge-case, we wrap the `logLocationLinkText` in two directional formatting
+  // characters:
+  //   * \u202A LEFT-TO-RIGHT EMBEDDING Treat the following text as embedded left-to-right.
+  //   * \u202C POP DIRECTIONAL FORMATTING End the scope of the last LRE, RLE, RLO, or LRO.
+  // This essentially tells the browser that, althought the text is laid out from right-to-left,
+  // the wrapped portion of text should follow left-to-right writing rules.
+  const locationLink = locationLinkText ? (
+    <OLButton
+      variant="ghost"
+      className={logEntryLocationBtnClasses}
+      aria-label={headerLogLocationTitle}
+      onClick={onSourceLocationClick}
+    >
+      <MaterialIcon type="link" />
+      <span ref={logLocationSpanRef} className="log-entry-header-link-location">
+        {`\u202A${locationLinkText}\u202C`}
+      </span>
+    </OLButton>
+  ) : null
+
+  const headerTitleText = logType ? `${logType} ${headerTitle}` : headerTitle
+
+  return (
+    <header className={logEntryHeaderClasses}>
+      {headerIcon ? (
+        <div className="log-entry-header-icon-container">{headerIcon}</div>
+      ) : null}
+      <h3 className="log-entry-header-title">{headerTitleText}</h3>
+      {locationSpanOverflown && locationLinkText && locationLink ? (
+        <OLTooltip
+          id={locationLinkText}
+          description={locationLinkText}
+          overlayProps={{ placement: 'left' }}
+          tooltipProps={{ className: 'log-location-tooltip' }}
+        >
+          {locationLink}
+        </OLTooltip>
+      ) : (
+        locationLink
+      )}
+      {showCloseButton ? (
+        <OLButton
+          variant="link"
+          className="btn-inline-link log-entry-header-link"
+          aria-label={t('dismiss_error_popup')}
+          onClick={onClose}
+        >
+          <span aria-hidden="true">&times;</span>
+        </OLButton>
+      ) : null}
+    </header>
+  )
+}
+
+export default PreviewLogEntryHeader
diff --git a/services/web/frontend/js/features/preview/components/preview-logs-pane-max-entries.jsx b/services/web/frontend/js/features/preview/components/preview-logs-pane-max-entries.jsx
new file mode 100644
index 0000000..774dba8
--- /dev/null
+++ b/services/web/frontend/js/features/preview/components/preview-logs-pane-max-entries.jsx
@@ -0,0 +1,79 @@
+import { useCallback } from 'react'
+import PropTypes from 'prop-types'
+import { Trans, useTranslation } from 'react-i18next'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import PreviewLogEntryHeader from './preview-log-entry-header'
+import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
+import { useStopOnFirstError } from '../../../shared/hooks/use-stop-on-first-error'
+import MaterialIcon from '@/shared/components/material-icon'
+
+function PreviewLogsPaneMaxEntries({ totalEntries, entriesShown, hasErrors }) {
+  const { t } = useTranslation()
+  const { startCompile, stoppedOnFirstError, setAnimateCompileDropdownArrow } =
+    useCompileContext()
+  const { enableStopOnFirstError } = useStopOnFirstError({
+    eventSource: 'too-many-logs',
+  })
+
+  const title = t('log_entry_maximum_entries_title', {
+    total: totalEntries,
+    displayed: entriesShown,
+  })
+
+  const handleEnableStopOnFirstErrorClick = useCallback(() => {
+    enableStopOnFirstError()
+    startCompile({ stopOnFirstError: true })
+    setAnimateCompileDropdownArrow(true)
+  }, [enableStopOnFirstError, startCompile, setAnimateCompileDropdownArrow])
+
+  return (
+    <div className="log-entry" aria-label={t('log_entry_maximum_entries')}>
+      <PreviewLogEntryHeader level="raw" headerTitle={title} />
+      <div className="log-entry-content">
+        <div className="log-entry-formatted-content">
+          {hasErrors && !stoppedOnFirstError ? (
+            <>
+              <p>
+                <MaterialIcon type="lightbulb" className="align-middle" />
+                &nbsp;
+                <strong>{t('tip')}: </strong>
+                <Trans
+                  i18nKey="log_entry_maximum_entries_enable_stop_on_first_error"
+                  components={[
+                    <OLButton
+                      variant="info"
+                      size="sm"
+                      key="enable-stop-on-first-error"
+                      onClick={handleEnableStopOnFirstErrorClick}
+                    />,
+                    // eslint-disable-next-line jsx-a11y/anchor-has-content
+                    <a
+                      key="learn-more"
+                      href="https://www.overleaf.com/learn/latex/Questions/Tips_and_Tricks_for_Troubleshooting_LaTeX"
+                    />,
+                  ]}
+                />{' '}
+              </p>
+              <p>{t('log_entry_maximum_entries_see_full_logs')}</p>
+            </>
+          ) : (
+            <p>
+              <MaterialIcon type="lightbulb" className="align-middle" />
+              &nbsp;
+              <strong>{t('tip')}: </strong>
+              {t('log_entry_maximum_entries_see_full_logs')}
+            </p>
+          )}
+        </div>
+      </div>
+    </div>
+  )
+}
+
+PreviewLogsPaneMaxEntries.propTypes = {
+  totalEntries: PropTypes.number,
+  entriesShown: PropTypes.number,
+  hasErrors: PropTypes.bool,
+}
+
+export default PreviewLogsPaneMaxEntries
diff --git a/services/web/frontend/js/features/preview/hooks/use-resize-observer.ts b/services/web/frontend/js/features/preview/hooks/use-resize-observer.ts
new file mode 100644
index 0000000..1b695e5
--- /dev/null
+++ b/services/web/frontend/js/features/preview/hooks/use-resize-observer.ts
@@ -0,0 +1,42 @@
+import { useLayoutEffect, useRef, useCallback, RefObject } from 'react'
+
+function useResizeObserver(
+  observedElement: RefObject<HTMLElement>,
+  observedData: any,
+  callback: (observedElement: ResizeObserverEntry) => void
+) {
+  const resizeObserver = useRef<ResizeObserver>()
+
+  const observe = useCallback(() => {
+    resizeObserver.current = new ResizeObserver(function (elementsObserved) {
+      callback(elementsObserved[0])
+    })
+  }, [callback])
+
+  function unobserve(observedCurrent: HTMLElement) {
+    if (resizeObserver.current) {
+      resizeObserver.current.unobserve(observedCurrent)
+    }
+  }
+
+  useLayoutEffect(() => {
+    if ('ResizeObserver' in window) {
+      const observedCurrent = observedElement && observedElement.current
+      if (observedCurrent) {
+        observe()
+      }
+
+      if (resizeObserver.current && observedCurrent) {
+        resizeObserver.current.observe(observedCurrent)
+      }
+
+      return () => {
+        if (observedCurrent) {
+          unobserve(observedCurrent)
+        }
+      }
+    }
+  }, [observedElement, observedData, observe])
+}
+
+export default useResizeObserver
diff --git a/services/web/frontend/js/features/project-list/components/add-affiliation.tsx b/services/web/frontend/js/features/project-list/components/add-affiliation.tsx
new file mode 100644
index 0000000..64a653d
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/add-affiliation.tsx
@@ -0,0 +1,45 @@
+import { useTranslation } from 'react-i18next'
+import { useProjectListContext } from '../context/project-list-context'
+import getMeta from '../../../utils/meta'
+import classNames from 'classnames'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useDsNavStyle } from '@/features/project-list/components/use-is-ds-nav'
+
+export function useAddAffiliation() {
+  const { totalProjectsCount } = useProjectListContext()
+  const { isOverleaf } = getMeta('ol-ExposedSettings')
+  const userAffiliations = getMeta('ol-userAffiliations') || []
+
+  return {
+    show: isOverleaf && totalProjectsCount > 0 && !userAffiliations.length,
+  }
+}
+
+type AddAffiliationProps = {
+  className?: string
+}
+
+function AddAffiliation({ className }: AddAffiliationProps) {
+  const { t } = useTranslation()
+  const { show } = useAddAffiliation()
+  const dsNavStyle = useDsNavStyle()
+
+  if (!show) {
+    return null
+  }
+
+  const classes = classNames('text-center', 'add-affiliation', className)
+
+  return (
+    <div className={classes}>
+      <p className={dsNavStyle ? 'text-muted' : undefined}>
+        {t('are_you_affiliated_with_an_institution')}
+      </p>
+      <OLButton variant="secondary" href="/user/settings">
+        {t('add_affiliation')}
+      </OLButton>
+    </div>
+  )
+}
+
+export default AddAffiliation
diff --git a/services/web/frontend/js/features/project-list/components/color-picker/color-picker.tsx b/services/web/frontend/js/features/project-list/components/color-picker/color-picker.tsx
new file mode 100644
index 0000000..9634e47
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/color-picker/color-picker.tsx
@@ -0,0 +1,174 @@
+import useSelectColor from '../../hooks/use-select-color'
+import { SketchPicker } from 'react-color'
+import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '@/shared/components/material-icon'
+
+const PRESET_COLORS: ReadonlyArray<{ color: string; name: string }> = [
+  { color: '#A7B1C2', name: 'Grey' },
+  { color: '#F04343', name: 'Red' },
+  { color: '#DD8A3E', name: 'Orange' },
+  { color: '#E4CA3E', name: 'Yellow' },
+  { color: '#33CF67', name: 'Green' },
+  { color: '#43A7F0', name: 'Light blue' },
+  { color: '#434AF0', name: 'Dark blue' },
+  { color: '#B943F0', name: 'Purple' },
+  { color: '#FF4BCD', name: 'Pink' },
+]
+
+type ColorPickerItemProps = {
+  color: string
+  name: string
+}
+
+function ColorPickerItem({ color, name }: ColorPickerItemProps) {
+  const { selectColor, selectedColor, pickingCustomColor } = useSelectColor()
+  const { t } = useTranslation()
+
+  function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {
+    if (event.key === 'Enter' || event.key === ' ') {
+      selectColor(color)
+    }
+  }
+
+  return (
+    /* eslint-disable-next-line jsx-a11y/click-events-have-key-events,
+      jsx-a11y/no-static-element-interactions, jsx-a11y/interactive-supports-focus */
+    <div
+      aria-label={`${name}, ${t('set_color')}`}
+      className="color-picker-item"
+      onClick={() => selectColor(color)}
+      role="button"
+      style={{ backgroundColor: color }}
+      tabIndex={0}
+      onKeyDown={handleKeyDown}
+    >
+      <span id={name} className="sr-only">
+        {t('select_color', { name })}
+      </span>
+      {!pickingCustomColor && color === selectedColor && (
+        <MaterialIcon type="check" className="color-picker-item-icon" />
+      )}
+    </div>
+  )
+}
+
+function MoreButton() {
+  const {
+    selectedColor,
+    selectColor,
+    showCustomPicker,
+    openCustomPicker,
+    closeCustomPicker,
+    setPickingCustomColor,
+  } = useSelectColor()
+  const [localColor, setLocalColor] = useState<string>()
+  const { t } = useTranslation()
+
+  useEffect(() => {
+    setLocalColor(selectedColor)
+  }, [selectedColor])
+
+  const isCustomColorSelected =
+    localColor && !PRESET_COLORS.some(colorObj => colorObj.color === localColor)
+
+  function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {
+    if (event.key === 'Enter' || event.key === ' ') {
+      if (showCustomPicker) {
+        closeCustomPicker()
+      } else {
+        openCustomPicker()
+      }
+    }
+  }
+
+  return (
+    <div className="color-picker-more-wrapper" data-content="My Content">
+      {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,
+      jsx-a11y/no-static-element-interactions, jsx-a11y/interactive-supports-focus */}
+      <div
+        className="color-picker-item more-button"
+        role="button"
+        onClick={showCustomPicker ? closeCustomPicker : openCustomPicker}
+        style={{
+          backgroundColor: isCustomColorSelected
+            ? localColor || selectedColor
+            : 'white',
+        }}
+        tabIndex={0}
+        onKeyDown={handleKeyDown}
+      >
+        <OLTooltip
+          key="tooltip-color-picker-plus"
+          id="tooltip-color-picker-plus"
+          description={t('choose_a_custom_color')}
+          overlayProps={{ placement: 'bottom', trigger: ['hover', 'focus'] }}
+        >
+          <div>
+            {isCustomColorSelected ? (
+              <MaterialIcon type="check" className="color-picker-item-icon" />
+            ) : showCustomPicker ? (
+              <MaterialIcon
+                type="expand_more"
+                className="color-picker-more-open"
+              />
+            ) : (
+              <MaterialIcon type="add" className="color-picker-more" />
+            )}
+          </div>
+        </OLTooltip>
+      </div>
+      {showCustomPicker && (
+        <>
+          {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,
+      jsx-a11y/no-static-element-interactions, jsx-a11y/interactive-supports-focus */}
+          <div
+            className="popover-backdrop"
+            role="button"
+            onClick={() => closeCustomPicker()}
+          />
+          <SketchPicker
+            disableAlpha
+            presetColors={[]}
+            onChange={color => {
+              setPickingCustomColor(true)
+              setLocalColor(color.hex)
+            }}
+            onChangeComplete={color => {
+              selectColor(color.hex)
+              setPickingCustomColor(false)
+            }}
+            color={localColor}
+            className="custom-picker"
+          />
+        </>
+      )}
+    </div>
+  )
+}
+
+export function ColorPicker({
+  disableCustomColor,
+}: {
+  disableCustomColor?: boolean
+}) {
+  const { selectColor, selectedColor } = useSelectColor()
+
+  useEffect(() => {
+    if (!selectedColor) {
+      selectColor(
+        PRESET_COLORS[Math.floor(Math.random() * PRESET_COLORS.length)].color
+      )
+    }
+  }, [selectColor, selectedColor])
+
+  return (
+    <>
+      {PRESET_COLORS.map(({ color, name }) => (
+        <ColorPickerItem color={color} name={name} key={color} />
+      ))}
+      {!disableCustomColor && <MoreButton />}
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/current-plan-widget/commons-plan.tsx b/services/web/frontend/js/features/project-list/components/current-plan-widget/commons-plan.tsx
new file mode 100644
index 0000000..e687c8a
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/current-plan-widget/commons-plan.tsx
@@ -0,0 +1,44 @@
+import { useTranslation, Trans } from 'react-i18next'
+import { CommonsPlanSubscription } from '../../../../../../types/project/dashboard/subscription'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type CommonsPlanProps = Pick<
+  CommonsPlanSubscription,
+  'subscription' | 'plan' | 'featuresPageURL'
+>
+
+function CommonsPlan({
+  featuresPageURL,
+  subscription,
+  plan,
+}: CommonsPlanProps) {
+  const { t } = useTranslation()
+  const currentPlanLabel = (
+    <Trans i18nKey="premium_plan_label" components={{ b: <strong /> }} />
+  )
+
+  return (
+    <>
+      <span className="current-plan-label d-md-none">{currentPlanLabel}</span>
+      <OLTooltip
+        description={t('commons_plan_tooltip', {
+          plan: plan.name,
+          institution: subscription.name,
+        })}
+        id="commons-plan"
+        overlayProps={{ placement: 'bottom' }}
+      >
+        <a
+          href={featuresPageURL}
+          className="current-plan-label d-none d-md-inline-block"
+        >
+          {currentPlanLabel}&nbsp;
+          <MaterialIcon type="info" className="current-plan-label-icon" />
+        </a>
+      </OLTooltip>
+    </>
+  )
+}
+
+export default CommonsPlan
diff --git a/services/web/frontend/js/features/project-list/components/current-plan-widget/current-plan-widget.tsx b/services/web/frontend/js/features/project-list/components/current-plan-widget/current-plan-widget.tsx
new file mode 100644
index 0000000..20bfe55
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/current-plan-widget/current-plan-widget.tsx
@@ -0,0 +1,71 @@
+import FreePlan from './free-plan'
+import IndividualPlan from './individual-plan'
+import GroupPlan from './group-plan'
+import CommonsPlan from './commons-plan'
+import PausedPlan from './paused-plan'
+import getMeta from '../../../../utils/meta'
+
+function CurrentPlanWidget() {
+  const usersBestSubscription = getMeta('ol-usersBestSubscription')
+
+  if (!usersBestSubscription) {
+    return null
+  }
+
+  const { type } = usersBestSubscription
+  const isFreePlan = type === 'free' || type === 'standalone-ai-add-on'
+  const isIndividualPlan = type === 'individual'
+  const isGroupPlan = type === 'group'
+  const isCommonsPlan = type === 'commons'
+  const isPaused =
+    isIndividualPlan &&
+    usersBestSubscription.subscription?.recurlyStatus?.state === 'paused'
+
+  const featuresPageURL = '/learn/how-to/Overleaf_premium_features'
+  const subscriptionPageUrl = '/user/subscription'
+
+  let currentPlan
+
+  if (isFreePlan) {
+    currentPlan = <FreePlan featuresPageURL={featuresPageURL} />
+  }
+
+  if (isIndividualPlan) {
+    currentPlan = (
+      <IndividualPlan
+        remainingTrialDays={usersBestSubscription.remainingTrialDays}
+        plan={usersBestSubscription.plan}
+        featuresPageURL={featuresPageURL}
+      />
+    )
+  }
+
+  if (isPaused) {
+    currentPlan = <PausedPlan subscriptionPageUrl={subscriptionPageUrl} />
+  }
+
+  if (isGroupPlan) {
+    currentPlan = (
+      <GroupPlan
+        subscription={usersBestSubscription.subscription}
+        remainingTrialDays={usersBestSubscription.remainingTrialDays}
+        plan={usersBestSubscription.plan}
+        featuresPageURL={featuresPageURL}
+      />
+    )
+  }
+
+  if (isCommonsPlan) {
+    currentPlan = (
+      <CommonsPlan
+        subscription={usersBestSubscription.subscription}
+        plan={usersBestSubscription.plan}
+        featuresPageURL={featuresPageURL}
+      />
+    )
+  }
+
+  return <div className="current-plan">{currentPlan}</div>
+}
+
+export default CurrentPlanWidget
diff --git a/services/web/frontend/js/features/project-list/components/current-plan-widget/free-plan.tsx b/services/web/frontend/js/features/project-list/components/current-plan-widget/free-plan.tsx
new file mode 100644
index 0000000..fe3fb18
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/current-plan-widget/free-plan.tsx
@@ -0,0 +1,54 @@
+import { useTranslation, Trans } from 'react-i18next'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '@/shared/components/material-icon'
+import { FreePlanSubscription } from '../../../../../../types/project/dashboard/subscription'
+import * as eventTracking from '../../../../infrastructure/event-tracking'
+
+type FreePlanProps = Pick<FreePlanSubscription, 'featuresPageURL'>
+
+function FreePlan({ featuresPageURL }: FreePlanProps) {
+  const { t } = useTranslation()
+  const currentPlanLabel = (
+    <Trans i18nKey="free_plan_label" components={{ b: <strong /> }} />
+  )
+
+  const handleClick = () => {
+    eventTracking.sendMB('upgrade-button-click', {
+      source: 'dashboard-top',
+      'project-dashboard-react': 'enabled',
+      'is-dashboard-sidebar-hidden': false,
+      'is-screen-width-less-than-768px': false,
+    })
+  }
+
+  return (
+    <>
+      <span className="current-plan-label d-md-none">{currentPlanLabel}</span>
+      <OLTooltip
+        description={t('free_plan_tooltip')}
+        id="free-plan"
+        overlayProps={{ placement: 'bottom' }}
+      >
+        <a
+          href={featuresPageURL}
+          className="current-plan-label d-none d-md-inline-block"
+        >
+          {currentPlanLabel}&nbsp;
+          <MaterialIcon type="info" className="current-plan-label-icon" />
+        </a>
+      </OLTooltip>{' '}
+      <span className="d-none d-md-inline-block">
+        <OLButton
+          variant="primary"
+          href="/user/subscription/plans"
+          onClick={handleClick}
+        >
+          {t('upgrade')}
+        </OLButton>
+      </span>
+    </>
+  )
+}
+
+export default FreePlan
diff --git a/services/web/frontend/js/features/project-list/components/current-plan-widget/group-plan.tsx b/services/web/frontend/js/features/project-list/components/current-plan-widget/group-plan.tsx
new file mode 100644
index 0000000..235c34b
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/current-plan-widget/group-plan.tsx
@@ -0,0 +1,62 @@
+import { useTranslation, Trans } from 'react-i18next'
+import { GroupPlanSubscription } from '../../../../../../types/project/dashboard/subscription'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type GroupPlanProps = Pick<
+  GroupPlanSubscription,
+  'subscription' | 'plan' | 'remainingTrialDays' | 'featuresPageURL'
+>
+
+function GroupPlan({
+  featuresPageURL,
+  subscription,
+  plan,
+  remainingTrialDays,
+}: GroupPlanProps) {
+  const { t } = useTranslation()
+  const currentPlanLabel =
+    remainingTrialDays >= 0 ? (
+      remainingTrialDays === 1 ? (
+        <Trans i18nKey="trial_last_day" components={{ b: <strong /> }} />
+      ) : (
+        <Trans
+          i18nKey="trial_remaining_days"
+          components={{ b: <strong /> }}
+          values={{ days: remainingTrialDays }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+        />
+      )
+    ) : (
+      <Trans i18nKey="premium_plan_label" components={{ b: <strong /> }} />
+    )
+
+  return (
+    <>
+      <span className="current-plan-label d-md-none">{currentPlanLabel}</span>
+      <OLTooltip
+        description={
+          subscription.teamName != null
+            ? t('group_plan_with_name_tooltip', {
+                plan: plan.name,
+                groupName: subscription.teamName,
+              })
+            : t('group_plan_tooltip', { plan: plan.name })
+        }
+        id="group-plan"
+        overlayProps={{ placement: 'bottom' }}
+      >
+        <a
+          href={featuresPageURL}
+          className="current-plan-label d-none d-md-inline-block"
+        >
+          {currentPlanLabel}&nbsp;
+          <MaterialIcon type="info" className="current-plan-label-icon" />
+        </a>
+      </OLTooltip>
+    </>
+  )
+}
+
+export default GroupPlan
diff --git a/services/web/frontend/js/features/project-list/components/current-plan-widget/individual-plan.tsx b/services/web/frontend/js/features/project-list/components/current-plan-widget/individual-plan.tsx
new file mode 100644
index 0000000..f0870ac
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/current-plan-widget/individual-plan.tsx
@@ -0,0 +1,54 @@
+import { useTranslation, Trans } from 'react-i18next'
+import { IndividualPlanSubscription } from '../../../../../../types/project/dashboard/subscription'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type IndividualPlanProps = Pick<
+  IndividualPlanSubscription,
+  'plan' | 'remainingTrialDays' | 'featuresPageURL'
+>
+
+function IndividualPlan({
+  featuresPageURL,
+  plan,
+  remainingTrialDays,
+}: IndividualPlanProps) {
+  const { t } = useTranslation()
+  const currentPlanLabel =
+    remainingTrialDays >= 0 ? (
+      remainingTrialDays === 1 ? (
+        <Trans i18nKey="trial_last_day" components={{ b: <strong /> }} />
+      ) : (
+        <Trans
+          i18nKey="trial_remaining_days"
+          components={{ b: <strong /> }}
+          values={{ days: remainingTrialDays }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+        />
+      )
+    ) : (
+      <Trans i18nKey="premium_plan_label" components={{ b: <strong /> }} />
+    )
+
+  return (
+    <>
+      <span className="current-plan-label d-md-none">{currentPlanLabel}</span>
+      <OLTooltip
+        description={t('plan_tooltip', { plan: plan.name })}
+        id="individual-plan"
+        overlayProps={{ placement: 'bottom' }}
+      >
+        <a
+          href={featuresPageURL}
+          className="current-plan-label d-none d-md-inline-block"
+        >
+          {currentPlanLabel}&nbsp;
+          <MaterialIcon type="info" className="current-plan-label-icon" />
+        </a>
+      </OLTooltip>
+    </>
+  )
+}
+
+export default IndividualPlan
diff --git a/services/web/frontend/js/features/project-list/components/current-plan-widget/paused-plan.tsx b/services/web/frontend/js/features/project-list/components/current-plan-widget/paused-plan.tsx
new file mode 100644
index 0000000..a501731
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/current-plan-widget/paused-plan.tsx
@@ -0,0 +1,41 @@
+import { Trans, useTranslation } from 'react-i18next'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type PausedPlanProps = {
+  subscriptionPageUrl: string
+}
+
+function PausedPlan({ subscriptionPageUrl }: PausedPlanProps) {
+  const { t } = useTranslation()
+  const currentPlanLabel = (
+    <Trans
+      i18nKey="your_premium_plan_is_paused"
+      components={[
+        // eslint-disable-next-line react/jsx-key
+        <strong />,
+      ]}
+    />
+  )
+
+  return (
+    <>
+      <span className="current-plan-label d-md-none">{currentPlanLabel}</span>
+      <OLTooltip
+        description={t('click_to_unpause')}
+        id="individual-plan"
+        overlayProps={{ placement: 'bottom' }}
+      >
+        <a
+          href={subscriptionPageUrl}
+          className="current-plan-label d-none d-md-inline-block"
+        >
+          {currentPlanLabel}&nbsp;
+          <MaterialIcon type="info" className="current-plan-label-icon" />
+        </a>
+      </OLTooltip>
+    </>
+  )
+}
+
+export default PausedPlan
diff --git a/services/web/frontend/js/features/project-list/components/dash-api-error.tsx b/services/web/frontend/js/features/project-list/components/dash-api-error.tsx
new file mode 100644
index 0000000..da37b00
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/dash-api-error.tsx
@@ -0,0 +1,20 @@
+import { useTranslation } from 'react-i18next'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import Notification from '@/shared/components/notification'
+
+export default function DashApiError() {
+  const { t } = useTranslation()
+  return (
+    <OLRow className="row-spaced">
+      <OLCol xs={{ span: 8, offset: 2 }} aria-live="polite">
+        <div className="notification-list">
+          <Notification
+            content={t('generic_something_went_wrong')}
+            type="error"
+          />
+        </div>
+      </OLCol>
+    </OLRow>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/dropdown/actions-dropdown.tsx b/services/web/frontend/js/features/project-list/components/dropdown/actions-dropdown.tsx
new file mode 100644
index 0000000..058f031
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/dropdown/actions-dropdown.tsx
@@ -0,0 +1,189 @@
+import { useTranslation } from 'react-i18next'
+import { Spinner } from 'react-bootstrap-5'
+import {
+  Dropdown,
+  DropdownItem,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import CopyProjectButton from '../table/cells/action-buttons/copy-project-button'
+import DownloadProjectButton from '../table/cells/action-buttons/download-project-button'
+import ArchiveProjectButton from '../table/cells/action-buttons/archive-project-button'
+import TrashProjectButton from '../table/cells/action-buttons/trash-project-button'
+import UnarchiveProjectButton from '../table/cells/action-buttons/unarchive-project-button'
+import UntrashProjectButton from '../table/cells/action-buttons/untrash-project-button'
+import LeaveProjectButton from '../table/cells/action-buttons/leave-project-button'
+import DeleteProjectButton from '../table/cells/action-buttons/delete-project-button'
+import { Project } from '../../../../../../types/project/dashboard/api'
+import CompileAndDownloadProjectPDFButton from '../table/cells/action-buttons/compile-and-download-project-pdf-button'
+import RenameProjectButton from '../table/cells/action-buttons/rename-project-button'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type ActionDropdownProps = {
+  project: Project
+}
+
+function ActionsDropdown({ project }: ActionDropdownProps) {
+  const { t } = useTranslation()
+
+  return (
+    <Dropdown align="end">
+      <DropdownToggle
+        id={`project-actions-dropdown-toggle-btn-${project.id}`}
+        bsPrefix="dropdown-table-button-toggle"
+      >
+        <MaterialIcon type="more_vert" accessibilityLabel={t('actions')} />
+      </DropdownToggle>
+      <DropdownMenu flip={false}>
+        <RenameProjectButton project={project}>
+          {(text, handleOpenModal) => (
+            <li role="none">
+              <DropdownItem
+                as="button"
+                tabIndex={-1}
+                onClick={handleOpenModal}
+                leadingIcon="edit"
+              >
+                {text}
+              </DropdownItem>
+            </li>
+          )}
+        </RenameProjectButton>
+        <CopyProjectButton project={project}>
+          {(text, handleOpenModal) => (
+            <li role="none">
+              <DropdownItem
+                as="button"
+                tabIndex={-1}
+                onClick={handleOpenModal}
+                leadingIcon="file_copy"
+              >
+                {text}
+              </DropdownItem>
+            </li>
+          )}
+        </CopyProjectButton>
+        <DownloadProjectButton project={project}>
+          {(text, downloadProject) => (
+            <li role="none">
+              <DropdownItem
+                as="button"
+                tabIndex={-1}
+                onClick={downloadProject}
+                leadingIcon="download"
+              >
+                {text}
+              </DropdownItem>
+            </li>
+          )}
+        </DownloadProjectButton>
+        <CompileAndDownloadProjectPDFButton project={project}>
+          {(text, pendingCompile, downloadProject) => (
+            <li role="none">
+              <DropdownItem
+                as="button"
+                tabIndex={-1}
+                onClick={e => {
+                  e.stopPropagation()
+                  downloadProject()
+                }}
+                leadingIcon={
+                  pendingCompile ? (
+                    <Spinner
+                      animation="border"
+                      aria-hidden="true"
+                      as="span"
+                      className="dropdown-item-leading-icon spinner"
+                      size="sm"
+                      role="status"
+                    />
+                  ) : (
+                    'picture_as_pdf'
+                  )
+                }
+              >
+                {text}
+              </DropdownItem>
+            </li>
+          )}
+        </CompileAndDownloadProjectPDFButton>
+        <ArchiveProjectButton project={project}>
+          {(text, handleOpenModal) => (
+            <li role="none">
+              <DropdownItem
+                as="button"
+                tabIndex={-1}
+                onClick={handleOpenModal}
+                leadingIcon="inbox"
+              >
+                {text}
+              </DropdownItem>
+            </li>
+          )}
+        </ArchiveProjectButton>
+        <TrashProjectButton project={project}>
+          {(text, handleOpenModal) => (
+            <li role="none">
+              <DropdownItem
+                as="button"
+                tabIndex={-1}
+                onClick={handleOpenModal}
+                leadingIcon="delete"
+              >
+                {text}
+              </DropdownItem>
+            </li>
+          )}
+        </TrashProjectButton>
+        <UnarchiveProjectButton project={project}>
+          {(text, unarchiveProject) => (
+            <li role="none">
+              <DropdownItem
+                as="button"
+                tabIndex={-1}
+                onClick={unarchiveProject}
+                leadingIcon="restore_page"
+              >
+                {text}
+              </DropdownItem>
+            </li>
+          )}
+        </UnarchiveProjectButton>
+        <UntrashProjectButton project={project}>
+          {(text, untrashProject) => (
+            <li role="none">
+              <DropdownItem
+                as="button"
+                tabIndex={-1}
+                onClick={untrashProject}
+                leadingIcon="restore_page"
+              >
+                {text}
+              </DropdownItem>
+            </li>
+          )}
+        </UntrashProjectButton>
+        <LeaveProjectButton project={project}>
+          {text => (
+            <li role="none">
+              <DropdownItem as="button" tabIndex={-1} leadingIcon="logout">
+                {text}
+              </DropdownItem>
+            </li>
+          )}
+        </LeaveProjectButton>
+        <DeleteProjectButton project={project}>
+          {text => (
+            <li role="none">
+              <DropdownItem as="button" tabIndex={-1} leadingIcon="block">
+                {text}
+              </DropdownItem>
+            </li>
+          )}
+        </DeleteProjectButton>
+      </DropdownMenu>
+    </Dropdown>
+  )
+}
+
+export default ActionsDropdown
diff --git a/services/web/frontend/js/features/project-list/components/dropdown/menu-item-button.tsx b/services/web/frontend/js/features/project-list/components/dropdown/menu-item-button.tsx
new file mode 100644
index 0000000..200cdec
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/dropdown/menu-item-button.tsx
@@ -0,0 +1,30 @@
+import { ReactNode } from 'react'
+
+type MenuItemButtonProps = {
+  children: ReactNode
+  onClick?: (e?: React.MouseEvent) => void
+  className?: string
+  afterNode?: React.ReactNode
+}
+
+export default function MenuItemButton({
+  children,
+  onClick,
+  className,
+  afterNode,
+  ...buttonProps
+}: MenuItemButtonProps) {
+  return (
+    <li role="presentation" className={className}>
+      <button
+        className="menu-item-button"
+        role="menuitem"
+        onClick={onClick}
+        {...buttonProps}
+      >
+        {children}
+      </button>
+      {afterNode}
+    </li>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/dropdown/projects-dropdown.tsx b/services/web/frontend/js/features/project-list/components/dropdown/projects-dropdown.tsx
new file mode 100644
index 0000000..7811e45
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/dropdown/projects-dropdown.tsx
@@ -0,0 +1,111 @@
+import { useState, useEffect, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import {
+  Filter,
+  UNCATEGORIZED_KEY,
+  useProjectListContext,
+} from '../../context/project-list-context'
+import {
+  Dropdown,
+  DropdownHeader,
+  DropdownItem,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import ProjectsFilterMenu from '../projects-filter-menu'
+import TagsList from '../tags-list'
+
+type ItemProps = {
+  filter: Filter
+  text: string
+  onClick?: () => void
+}
+
+export function Item({ filter, text, onClick }: ItemProps) {
+  const { selectFilter } = useProjectListContext()
+  const handleClick = () => {
+    selectFilter(filter)
+    onClick?.()
+  }
+
+  return (
+    <ProjectsFilterMenu filter={filter}>
+      {isActive => (
+        <DropdownItem
+          as="button"
+          tabIndex={-1}
+          onClick={handleClick}
+          trailingIcon={isActive ? 'check' : undefined}
+          active={isActive}
+        >
+          {text}
+        </DropdownItem>
+      )}
+    </ProjectsFilterMenu>
+  )
+}
+
+function ProjectsDropdown() {
+  const { t } = useTranslation()
+  const [title, setTitle] = useState(() => t('all_projects'))
+  const { filter, selectedTagId, tags } = useProjectListContext()
+  const filterTranslations = useRef<Record<Filter, string>>({
+    all: t('all_projects'),
+    owned: t('your_projects'),
+    shared: t('shared_with_you'),
+    archived: t('archived_projects'),
+    trashed: t('trashed_projects'),
+  })
+
+  useEffect(() => {
+    if (selectedTagId === undefined) {
+      setTitle(filterTranslations.current[filter])
+    }
+
+    if (selectedTagId === UNCATEGORIZED_KEY) {
+      setTitle(t('uncategorized_projects'))
+    } else {
+      const tag = tags.find(({ _id: id }) => id === selectedTagId)
+
+      if (tag) {
+        setTitle(tag.name ?? '')
+      }
+    }
+  }, [filter, tags, selectedTagId, t])
+
+  return (
+    <Dropdown>
+      <DropdownToggle
+        id="projects-types-dropdown-toggle-btn"
+        className="ps-0 mb-0 btn-transparent h3"
+        size="lg"
+        aria-label={t('filter_projects')}
+      >
+        <span className="text-truncate" aria-hidden>
+          {title}
+        </span>
+      </DropdownToggle>
+      <DropdownMenu flip={false}>
+        <li role="none">
+          <Item filter="all" text={t('all_projects')} />
+        </li>
+        <li role="none">
+          <Item filter="owned" text={t('your_projects')} />
+        </li>
+        <li role="none">
+          <Item filter="shared" text={t('shared_with_you')} />
+        </li>
+        <li role="none">
+          <Item filter="archived" text={t('archived_projects')} />
+        </li>
+        <li role="none">
+          <Item filter="trashed" text={t('trashed_projects')} />
+        </li>
+        <DropdownHeader className="text-uppercase">{t('tags')}:</DropdownHeader>
+        <TagsList />
+      </DropdownMenu>
+    </Dropdown>
+  )
+}
+
+export default ProjectsDropdown
diff --git a/services/web/frontend/js/features/project-list/components/dropdown/sort-by-dropdown.tsx b/services/web/frontend/js/features/project-list/components/dropdown/sort-by-dropdown.tsx
new file mode 100644
index 0000000..0d23aeb
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/dropdown/sort-by-dropdown.tsx
@@ -0,0 +1,89 @@
+import { useState, useEffect, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import useSort from '../../hooks/use-sort'
+import withContent, { SortBtnProps } from '../sort/with-content'
+import { useProjectListContext } from '../../context/project-list-context'
+import { Sort } from '../../../../../../types/project/dashboard/api'
+import {
+  Dropdown,
+  DropdownHeader,
+  DropdownItem,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+
+function Item({ onClick, text, iconType, screenReaderText }: SortBtnProps) {
+  return (
+    <DropdownItem
+      as="button"
+      tabIndex={-1}
+      onClick={onClick}
+      trailingIcon={iconType}
+    >
+      {text}
+    </DropdownItem>
+  )
+}
+
+const ItemWithContent = withContent(Item)
+
+function SortByDropdown() {
+  const { t } = useTranslation()
+  const [title, setTitle] = useState(() => t('last_modified'))
+  const { sort } = useProjectListContext()
+  const { handleSort } = useSort()
+  const sortByTranslations = useRef<Record<Sort['by'], string>>({
+    title: t('title'),
+    owner: t('owner'),
+    lastUpdated: t('last_modified'),
+  })
+
+  const handleClick = (by: Sort['by']) => {
+    setTitle(sortByTranslations.current[by])
+    handleSort(by)
+  }
+
+  useEffect(() => {
+    setTitle(sortByTranslations.current[sort.by])
+  }, [sort.by])
+
+  return (
+    <Dropdown className="projects-sort-dropdown" align="end">
+      <DropdownToggle
+        id="projects-sort-dropdown"
+        className="pe-0 mb-0 btn-transparent"
+        size="sm"
+        aria-label={t('sort_projects')}
+      >
+        <span className="text-truncate" aria-hidden>
+          {title}
+        </span>
+      </DropdownToggle>
+      <DropdownMenu flip={false}>
+        <DropdownHeader className="text-uppercase">
+          {t('sort_by')}:
+        </DropdownHeader>
+        <ItemWithContent
+          column="title"
+          text={t('title')}
+          sort={sort}
+          onClick={() => handleClick('title')}
+        />
+        <ItemWithContent
+          column="owner"
+          text={t('owner')}
+          sort={sort}
+          onClick={() => handleClick('owner')}
+        />
+        <ItemWithContent
+          column="lastUpdated"
+          text={t('last_modified')}
+          sort={sort}
+          onClick={() => handleClick('lastUpdated')}
+        />
+      </DropdownMenu>
+    </Dropdown>
+  )
+}
+
+export default SortByDropdown
diff --git a/services/web/frontend/js/features/project-list/components/load-more.tsx b/services/web/frontend/js/features/project-list/components/load-more.tsx
new file mode 100644
index 0000000..d7c727c
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/load-more.tsx
@@ -0,0 +1,56 @@
+import { useTranslation } from 'react-i18next'
+import { useProjectListContext } from '../context/project-list-context'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export default function LoadMore() {
+  const {
+    visibleProjects,
+    hiddenProjectsCount,
+    loadMoreCount,
+    showAllProjects,
+    loadMoreProjects,
+  } = useProjectListContext()
+  const { t } = useTranslation()
+
+  return (
+    <div className="text-center">
+      {hiddenProjectsCount > 0 ? (
+        <>
+          <OLButton
+            variant="secondary"
+            className="project-list-load-more-button"
+            onClick={() => loadMoreProjects()}
+          >
+            {t('show_x_more_projects', { x: loadMoreCount })}
+          </OLButton>
+        </>
+      ) : null}
+      <p>
+        {hiddenProjectsCount > 0 ? (
+          <>
+            <span aria-live="polite">
+              {t('showing_x_out_of_n_projects', {
+                x: visibleProjects.length,
+                n: visibleProjects.length + hiddenProjectsCount,
+              })}
+            </span>{' '}
+            <OLButton
+              variant="link"
+              onClick={() => showAllProjects()}
+              className="btn-inline-link"
+            >
+              {t('show_all_projects')}
+            </OLButton>
+          </>
+        ) : (
+          <span aria-live="polite">
+            {t('showing_x_out_of_n_projects', {
+              x: visibleProjects.length,
+              n: visibleProjects.length,
+            })}
+          </span>
+        )}
+      </p>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/modals/archive-project-modal.tsx b/services/web/frontend/js/features/project-list/components/modals/archive-project-modal.tsx
new file mode 100644
index 0000000..ede1ee9
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/modals/archive-project-modal.tsx
@@ -0,0 +1,57 @@
+import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import ProjectsActionModal from './projects-action-modal'
+import ProjectsList from './projects-list'
+
+type ArchiveProjectModalProps = Pick<
+  React.ComponentProps<typeof ProjectsActionModal>,
+  'projects' | 'actionHandler' | 'showModal' | 'handleCloseModal'
+>
+
+function ArchiveProjectModal({
+  projects,
+  actionHandler,
+  showModal,
+  handleCloseModal,
+}: ArchiveProjectModalProps) {
+  const { t } = useTranslation()
+  const [projectsToDisplay, setProjectsToDisplay] = useState<typeof projects>(
+    []
+  )
+
+  useEffect(() => {
+    if (showModal) {
+      setProjectsToDisplay(displayProjects => {
+        return displayProjects.length ? displayProjects : projects
+      })
+    } else {
+      setProjectsToDisplay([])
+    }
+  }, [showModal, projects])
+
+  return (
+    <ProjectsActionModal
+      action="archive"
+      actionHandler={actionHandler}
+      title={t('archive_projects')}
+      showModal={showModal}
+      handleCloseModal={handleCloseModal}
+      projects={projects}
+    >
+      <p>{t('about_to_archive_projects')}</p>
+      <ProjectsList projects={projects} projectsToDisplay={projectsToDisplay} />
+      <p>
+        {t('archiving_projects_wont_affect_collaborators')}{' '}
+        <a
+          href="https://www.overleaf.com/learn/how-to/How_do_I_archive_and_unarchive_projects%3F"
+          target="_blank"
+          rel="noreferrer"
+        >
+          {t('find_out_more_nt')}
+        </a>
+      </p>
+    </ProjectsActionModal>
+  )
+}
+
+export default ArchiveProjectModal
diff --git a/services/web/frontend/js/features/project-list/components/modals/create-tag-modal.tsx b/services/web/frontend/js/features/project-list/components/modals/create-tag-modal.tsx
new file mode 100644
index 0000000..eac01b9
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/modals/create-tag-modal.tsx
@@ -0,0 +1,138 @@
+import { useCallback, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Tag } from '../../../../../../app/src/Features/Tags/types'
+import useAsync from '../../../../shared/hooks/use-async'
+import { useProjectListContext } from '../../context/project-list-context'
+import { useRefWithAutoFocus } from '../../../../shared/hooks/use-ref-with-auto-focus'
+import useSelectColor from '../../hooks/use-select-color'
+import { createTag } from '../../util/api'
+import { MAX_TAG_LENGTH } from '../../util/tag'
+import { ColorPicker } from '../color-picker/color-picker'
+import { debugConsole } from '@/utils/debugging'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import OLForm from '@/features/ui/components/ol/ol-form'
+import Notification from '@/shared/components/notification'
+
+type CreateTagModalProps = {
+  id: string
+  show: boolean
+  onCreate: (tag: Tag) => void
+  onClose: () => void
+  disableCustomColor?: boolean
+}
+
+export default function CreateTagModal({
+  id,
+  show,
+  onCreate,
+  onClose,
+  disableCustomColor,
+}: CreateTagModalProps) {
+  const { tags } = useProjectListContext()
+  const { selectedColor } = useSelectColor()
+  const { t } = useTranslation()
+  const { isLoading, isError, runAsync, status } = useAsync<Tag>()
+  const { autoFocusedRef } = useRefWithAutoFocus<HTMLInputElement>()
+
+  const [tagName, setTagName] = useState<string>()
+  const [validationError, setValidationError] = useState<string>()
+
+  const runCreateTag = useCallback(() => {
+    if (tagName) {
+      runAsync(createTag(tagName, selectedColor))
+        .then(tag => onCreate(tag))
+        .catch(debugConsole.error)
+    }
+  }, [runAsync, tagName, selectedColor, onCreate])
+
+  const handleSubmit = useCallback(
+    e => {
+      e.preventDefault()
+      runCreateTag()
+    },
+    [runCreateTag]
+  )
+
+  useEffect(() => {
+    if (tagName && tagName.length > MAX_TAG_LENGTH) {
+      setValidationError(
+        t('tag_name_cannot_exceed_characters', { maxLength: MAX_TAG_LENGTH })
+      )
+    } else if (tagName && tags.find(tag => tag.name === tagName)) {
+      setValidationError(t('tag_name_is_already_used', { tagName }))
+    } else if (validationError) {
+      setValidationError(undefined)
+    }
+  }, [tagName, tags, t, validationError])
+
+  if (!show) {
+    return null
+  }
+
+  return (
+    <OLModal show animation onHide={onClose} id={id} backdrop="static">
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('create_new_tag')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        <OLForm id="create-tag-modal-form" onSubmit={handleSubmit}>
+          <OLFormGroup controlId="create-tag-modal-form">
+            <OLFormLabel>{t('new_tag_name')}</OLFormLabel>
+            <OLFormControl
+              name="new-tag-form-name"
+              onChange={e => setTagName(e.target.value)}
+              ref={autoFocusedRef}
+              required
+              type="text"
+            />
+          </OLFormGroup>
+          <OLFormGroup aria-hidden="true">
+            <OLFormLabel>{t('tag_color')}</OLFormLabel>:{' '}
+            <div>
+              <ColorPicker disableCustomColor={disableCustomColor} />
+            </div>
+          </OLFormGroup>
+        </OLForm>
+        {validationError && (
+          <Notification type="error" content={validationError} />
+        )}
+        {isError && (
+          <Notification
+            type="error"
+            content={t('generic_something_went_wrong')}
+          />
+        )}
+      </OLModalBody>
+
+      <OLModalFooter>
+        <OLButton
+          variant="secondary"
+          onClick={onClose}
+          disabled={status === 'pending'}
+        >
+          {t('cancel')}
+        </OLButton>
+        <OLButton
+          onClick={() => runCreateTag()}
+          variant="primary"
+          disabled={
+            status === 'pending' || !tagName?.length || !!validationError
+          }
+          isLoading={isLoading}
+        >
+          {t('create')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/modals/delete-leave-project-modal.tsx b/services/web/frontend/js/features/project-list/components/modals/delete-leave-project-modal.tsx
new file mode 100644
index 0000000..aa3e1ed
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/modals/delete-leave-project-modal.tsx
@@ -0,0 +1,81 @@
+import { useEffect, useState, useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import ProjectsActionModal from './projects-action-modal'
+import ProjectsList from './projects-list'
+import { isLeavableProject, isDeletableProject } from '../../util/project'
+import Notification from '@/shared/components/notification'
+
+type DeleteLeaveProjectModalProps = Pick<
+  React.ComponentProps<typeof ProjectsActionModal>,
+  'projects' | 'actionHandler' | 'showModal' | 'handleCloseModal'
+>
+
+function DeleteLeaveProjectModal({
+  projects,
+  actionHandler,
+  showModal,
+  handleCloseModal,
+}: DeleteLeaveProjectModalProps) {
+  const { t } = useTranslation()
+  const [projectsToDeleteDisplay, setProjectsToDeleteDisplay] = useState<
+    typeof projects
+  >([])
+  const [projectsToLeaveDisplay, setProjectsToLeaveDisplay] = useState<
+    typeof projects
+  >([])
+
+  const projectsToDelete = useMemo(() => {
+    return projects.filter(isDeletableProject)
+  }, [projects])
+  const projectsToLeave = useMemo(() => {
+    return projects.filter(isLeavableProject)
+  }, [projects])
+
+  useEffect(() => {
+    if (showModal) {
+      setProjectsToDeleteDisplay(displayProjects => {
+        return displayProjects.length ? displayProjects : projectsToDelete
+      })
+    } else {
+      setProjectsToDeleteDisplay([])
+    }
+  }, [showModal, projectsToDelete])
+
+  useEffect(() => {
+    if (showModal) {
+      setProjectsToLeaveDisplay(displayProjects => {
+        return displayProjects.length ? displayProjects : projectsToLeave
+      })
+    } else {
+      setProjectsToLeaveDisplay([])
+    }
+  }, [showModal, projectsToLeave])
+
+  return (
+    <ProjectsActionModal
+      action="leaveOrDelete"
+      actionHandler={actionHandler}
+      title={t('delete_and_leave_projects')}
+      showModal={showModal}
+      handleCloseModal={handleCloseModal}
+      projects={[...projectsToDelete, ...projectsToLeave]}
+    >
+      <p>{t('about_to_delete_projects')}</p>
+      <ProjectsList
+        projects={projectsToDelete}
+        projectsToDisplay={projectsToDeleteDisplay}
+      />
+      <p>{t('about_to_leave_projects')}</p>
+      <ProjectsList
+        projects={projectsToLeave}
+        projectsToDisplay={projectsToLeaveDisplay}
+      />
+      <Notification
+        content={t('this_action_cannot_be_undone')}
+        type="warning"
+      />
+    </ProjectsActionModal>
+  )
+}
+
+export default DeleteLeaveProjectModal
diff --git a/services/web/frontend/js/features/project-list/components/modals/delete-project-modal.tsx b/services/web/frontend/js/features/project-list/components/modals/delete-project-modal.tsx
new file mode 100644
index 0000000..3140251
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/modals/delete-project-modal.tsx
@@ -0,0 +1,52 @@
+import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import ProjectsActionModal from './projects-action-modal'
+import ProjectsList from './projects-list'
+import Notification from '@/shared/components/notification'
+
+type DeleteProjectModalProps = Pick<
+  React.ComponentProps<typeof ProjectsActionModal>,
+  'projects' | 'actionHandler' | 'showModal' | 'handleCloseModal'
+>
+
+function DeleteProjectModal({
+  projects,
+  actionHandler,
+  showModal,
+  handleCloseModal,
+}: DeleteProjectModalProps) {
+  const { t } = useTranslation()
+  const [projectsToDisplay, setProjectsToDisplay] = useState<typeof projects>(
+    []
+  )
+
+  useEffect(() => {
+    if (showModal) {
+      setProjectsToDisplay(displayProjects => {
+        return displayProjects.length ? displayProjects : projects
+      })
+    } else {
+      setProjectsToDisplay([])
+    }
+  }, [showModal, projects])
+
+  return (
+    <ProjectsActionModal
+      action="delete"
+      actionHandler={actionHandler}
+      title={t('delete_projects')}
+      showModal={showModal}
+      handleCloseModal={handleCloseModal}
+      projects={projects}
+    >
+      <p>{t('about_to_delete_projects')}</p>
+      <ProjectsList projects={projects} projectsToDisplay={projectsToDisplay} />
+      <Notification
+        content={t('this_action_cannot_be_undone')}
+        type="warning"
+      />
+    </ProjectsActionModal>
+  )
+}
+
+export default DeleteProjectModal
diff --git a/services/web/frontend/js/features/project-list/components/modals/delete-tag-modal.tsx b/services/web/frontend/js/features/project-list/components/modals/delete-tag-modal.tsx
new file mode 100644
index 0000000..1f54c86
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/modals/delete-tag-modal.tsx
@@ -0,0 +1,81 @@
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Tag } from '../../../../../../app/src/Features/Tags/types'
+import useAsync from '../../../../shared/hooks/use-async'
+import { deleteTag } from '../../util/api'
+import { debugConsole } from '@/utils/debugging'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import Notification from '@/shared/components/notification'
+
+type DeleteTagModalProps = {
+  id: string
+  tag?: Tag
+  onDelete: (tagId: string) => void
+  onClose: () => void
+}
+
+export default function DeleteTagModal({
+  id,
+  tag,
+  onDelete,
+  onClose,
+}: DeleteTagModalProps) {
+  const { t } = useTranslation()
+  const { isLoading, isError, runAsync } = useAsync()
+
+  const runDeleteTag = useCallback(
+    (tagId: string) => {
+      runAsync(deleteTag(tagId))
+        .then(() => {
+          onDelete(tagId)
+        })
+        .catch(debugConsole.error)
+    },
+    [runAsync, onDelete]
+  )
+
+  if (!tag) {
+    return null
+  }
+
+  return (
+    <OLModal show animation onHide={onClose} id={id} backdrop="static">
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('delete_tag')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        {t('about_to_delete_tag')}
+        <ul>
+          <li>{tag.name}</li>
+        </ul>
+        {isError && (
+          <Notification
+            type="error"
+            content={t('generic_something_went_wrong')}
+          />
+        )}
+      </OLModalBody>
+
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={onClose} disabled={isLoading}>
+          {t('cancel')}
+        </OLButton>
+        <OLButton
+          onClick={() => runDeleteTag(tag._id)}
+          variant="danger"
+          disabled={isLoading}
+          isLoading={isLoading}
+        >
+          {t('delete')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/modals/edit-tag-modal.tsx b/services/web/frontend/js/features/project-list/components/modals/edit-tag-modal.tsx
new file mode 100644
index 0000000..e7aa93e
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/modals/edit-tag-modal.tsx
@@ -0,0 +1,147 @@
+import { useCallback, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Tag } from '../../../../../../app/src/Features/Tags/types'
+import useAsync from '../../../../shared/hooks/use-async'
+import { useProjectListContext } from '../../context/project-list-context'
+import { useRefWithAutoFocus } from '../../../../shared/hooks/use-ref-with-auto-focus'
+import useSelectColor from '../../hooks/use-select-color'
+import { editTag } from '../../util/api'
+import { getTagColor, MAX_TAG_LENGTH } from '../../util/tag'
+import { ColorPicker } from '../color-picker/color-picker'
+import { debugConsole } from '@/utils/debugging'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLForm from '@/features/ui/components/ol/ol-form'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import Notification from '@/shared/components/notification'
+
+type EditTagModalProps = {
+  id: string
+  tag?: Tag
+  onEdit: (tagId: string, newTagName: string, newTagColor?: string) => void
+  onClose: () => void
+}
+
+export function EditTagModal({ id, tag, onEdit, onClose }: EditTagModalProps) {
+  const { tags } = useProjectListContext()
+  const { t } = useTranslation()
+  const { isLoading, isError, runAsync, status } = useAsync()
+  const { autoFocusedRef } = useRefWithAutoFocus<HTMLInputElement>()
+
+  const [newTagName, setNewTagName] = useState<string | undefined>()
+  const [validationError, setValidationError] = useState<string>()
+
+  const { selectedColor } = useSelectColor(getTagColor(tag))
+
+  useEffect(() => {
+    setNewTagName(tag?.name)
+  }, [tag])
+
+  const runEditTag = useCallback(
+    (tagId: string) => {
+      if (newTagName) {
+        const color = selectedColor
+        runAsync(editTag(tagId, newTagName, color))
+          .then(() => onEdit(tagId, newTagName, color))
+          .catch(debugConsole.error)
+      }
+    },
+    [runAsync, newTagName, selectedColor, onEdit]
+  )
+
+  const handleSubmit = useCallback(
+    e => {
+      e.preventDefault()
+      if (tag) {
+        runEditTag(tag._id)
+      }
+    },
+    [tag, runEditTag]
+  )
+
+  useEffect(() => {
+    if (newTagName && newTagName.length > MAX_TAG_LENGTH) {
+      setValidationError(
+        t('tag_name_cannot_exceed_characters', { maxLength: MAX_TAG_LENGTH })
+      )
+    } else if (
+      newTagName &&
+      newTagName !== tag?.name &&
+      tags.find(tag => tag.name === newTagName)
+    ) {
+      setValidationError(t('tag_name_is_already_used', { tagName: newTagName }))
+    } else if (validationError) {
+      setValidationError(undefined)
+    }
+  }, [newTagName, tags, tag?.name, t, validationError])
+
+  if (!tag) {
+    return null
+  }
+
+  return (
+    <OLModal show animation onHide={onClose} id={id} backdrop="static">
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('edit_tag')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        <OLForm onSubmit={handleSubmit}>
+          <OLFormGroup>
+            <input
+              ref={autoFocusedRef}
+              className="form-control"
+              type="text"
+              placeholder="Tag Name"
+              name="new-tag-name"
+              value={newTagName === undefined ? (tag.name ?? '') : newTagName}
+              required
+              onChange={e => setNewTagName(e.target.value)}
+            />
+          </OLFormGroup>
+          <OLFormGroup aria-hidden="true">
+            <OLFormLabel>{t('tag_color')}</OLFormLabel>:{' '}
+            <div>
+              <ColorPicker />
+            </div>
+          </OLFormGroup>
+        </OLForm>
+        {validationError && (
+          <Notification content={validationError} type="error" />
+        )}
+        {isError && (
+          <Notification
+            content={t('generic_something_went_wrong')}
+            type="error"
+          />
+        )}
+      </OLModalBody>
+
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={onClose} disabled={isLoading}>
+          {t('cancel')}
+        </OLButton>
+        <OLButton
+          onClick={() => runEditTag(tag._id)}
+          variant="primary"
+          disabled={
+            isLoading ||
+            status === 'pending' ||
+            !newTagName?.length ||
+            (newTagName === tag?.name && selectedColor === getTagColor(tag)) ||
+            !!validationError
+          }
+          isLoading={isLoading}
+        >
+          {t('save')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/modals/leave-project-modal.tsx b/services/web/frontend/js/features/project-list/components/modals/leave-project-modal.tsx
new file mode 100644
index 0000000..63073c5
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/modals/leave-project-modal.tsx
@@ -0,0 +1,52 @@
+import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import ProjectsActionModal from './projects-action-modal'
+import ProjectsList from './projects-list'
+import Notification from '@/shared/components/notification'
+
+type LeaveProjectModalProps = Pick<
+  React.ComponentProps<typeof ProjectsActionModal>,
+  'projects' | 'actionHandler' | 'showModal' | 'handleCloseModal'
+>
+
+function LeaveProjectModal({
+  projects,
+  actionHandler,
+  showModal,
+  handleCloseModal,
+}: LeaveProjectModalProps) {
+  const { t } = useTranslation()
+  const [projectsToDisplay, setProjectsToDisplay] = useState<typeof projects>(
+    []
+  )
+
+  useEffect(() => {
+    if (showModal) {
+      setProjectsToDisplay(displayProjects => {
+        return displayProjects.length ? displayProjects : projects
+      })
+    } else {
+      setProjectsToDisplay([])
+    }
+  }, [showModal, projects])
+
+  return (
+    <ProjectsActionModal
+      action="leave"
+      actionHandler={actionHandler}
+      title={t('leave_projects')}
+      showModal={showModal}
+      handleCloseModal={handleCloseModal}
+      projects={projects}
+    >
+      <p>{t('about_to_leave_projects')}</p>
+      <ProjectsList projects={projects} projectsToDisplay={projectsToDisplay} />
+      <Notification
+        content={t('this_action_cannot_be_undone')}
+        type="warning"
+      />
+    </ProjectsActionModal>
+  )
+}
+
+export default LeaveProjectModal
diff --git a/services/web/frontend/js/features/project-list/components/modals/manage-tag-modal.tsx b/services/web/frontend/js/features/project-list/components/modals/manage-tag-modal.tsx
new file mode 100644
index 0000000..ceec6de
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/modals/manage-tag-modal.tsx
@@ -0,0 +1,155 @@
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import useAsync from '../../../../shared/hooks/use-async'
+import { useRefWithAutoFocus } from '../../../../shared/hooks/use-ref-with-auto-focus'
+import useSelectColor from '../../hooks/use-select-color'
+import { deleteTag, editTag } from '../../util/api'
+import { Tag } from '../../../../../../app/src/Features/Tags/types'
+import { getTagColor } from '../../util/tag'
+import { ColorPicker } from '../color-picker/color-picker'
+import { debugConsole } from '@/utils/debugging'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLForm from '@/features/ui/components/ol/ol-form'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import Notification from '@/shared/components/notification'
+
+type ManageTagModalProps = {
+  id: string
+  tag?: Tag
+  onEdit: (tagId: string, newTagName: string, newTagColor?: string) => void
+  onDelete: (tagId: string) => void
+  onClose: () => void
+}
+
+export function ManageTagModal({
+  id,
+  tag,
+  onEdit,
+  onDelete,
+  onClose,
+}: ManageTagModalProps) {
+  const { t } = useTranslation()
+  const { autoFocusedRef } = useRefWithAutoFocus<HTMLInputElement>()
+  const {
+    isLoading: isDeleteLoading,
+    isError: isDeleteError,
+    runAsync: runDeleteAsync,
+  } = useAsync()
+  const {
+    isLoading: isUpdateLoading,
+    isError: isRenameError,
+    runAsync: runEditAsync,
+  } = useAsync()
+  const [newTagName, setNewTagName] = useState<string | undefined>(tag?.name)
+  const { selectedColor } = useSelectColor(tag?.color)
+
+  const runDeleteTag = useCallback(
+    (tagId: string) => {
+      runDeleteAsync(deleteTag(tagId))
+        .then(() => {
+          onDelete(tagId)
+        })
+        .catch(debugConsole.error)
+    },
+    [runDeleteAsync, onDelete]
+  )
+
+  const runUpdateTag = useCallback(
+    (tagId: string) => {
+      if (newTagName) {
+        runEditAsync(editTag(tagId, newTagName, selectedColor))
+          .then(() => onEdit(tagId, newTagName, selectedColor))
+          .catch(debugConsole.error)
+      }
+    },
+    [runEditAsync, newTagName, selectedColor, onEdit]
+  )
+
+  const handleSubmit = useCallback(
+    e => {
+      e.preventDefault()
+      if (tag) {
+        runUpdateTag(tag._id)
+      }
+    },
+    [tag, runUpdateTag]
+  )
+
+  if (!tag) {
+    return null
+  }
+
+  return (
+    <OLModal show animation onHide={onClose} id={id} backdrop="static">
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('edit_tag')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        <OLForm onSubmit={handleSubmit}>
+          <OLFormGroup>
+            <input
+              ref={autoFocusedRef}
+              className="form-control"
+              type="text"
+              placeholder="Tag Name"
+              name="new-tag-name"
+              value={newTagName === undefined ? (tag.name ?? '') : newTagName}
+              required
+              onChange={e => setNewTagName(e.target.value)}
+            />
+          </OLFormGroup>
+          <OLFormGroup aria-hidden="true">
+            <OLFormLabel>{t('tag_color')}</OLFormLabel>:<br />
+            <ColorPicker disableCustomColor />
+          </OLFormGroup>
+        </OLForm>
+        {(isDeleteError || isRenameError) && (
+          <Notification
+            type="error"
+            content={t('generic_something_went_wrong')}
+          />
+        )}
+      </OLModalBody>
+
+      <OLModalFooter>
+        <OLButton
+          variant="danger"
+          onClick={() => runDeleteTag(tag._id)}
+          className="me-auto"
+          disabled={isDeleteLoading || isUpdateLoading}
+          isLoading={isDeleteLoading}
+        >
+          {t('delete_tag')}
+        </OLButton>
+        <OLButton
+          variant="secondary"
+          onClick={onClose}
+          disabled={isDeleteLoading || isUpdateLoading}
+        >
+          {t('save_or_cancel-cancel')}
+        </OLButton>
+        <OLButton
+          variant="primary"
+          onClick={() => runUpdateTag(tag._id)}
+          disabled={Boolean(
+            isUpdateLoading ||
+              isDeleteLoading ||
+              !newTagName?.length ||
+              (newTagName === tag?.name && selectedColor === getTagColor(tag))
+          )}
+          isLoading={isUpdateLoading}
+        >
+          {t('save_or_cancel-save')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/modals/projects-action-modal.tsx b/services/web/frontend/js/features/project-list/components/modals/projects-action-modal.tsx
new file mode 100644
index 0000000..95b1314
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/modals/projects-action-modal.tsx
@@ -0,0 +1,115 @@
+import { memo, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Project } from '../../../../../../types/project/dashboard/api'
+import { getUserFacingMessage } from '../../../../infrastructure/fetch-json'
+import useIsMounted from '../../../../shared/hooks/use-is-mounted'
+import * as eventTracking from '../../../../infrastructure/event-tracking'
+import { isSmallDevice } from '../../../../infrastructure/event-tracking'
+import Notification from '@/shared/components/notification'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+
+type ProjectsActionModalProps = {
+  title?: string
+  action: 'archive' | 'trash' | 'delete' | 'leave' | 'leaveOrDelete'
+  actionHandler: (project: Project) => Promise<void>
+  handleCloseModal: () => void
+  projects: Array<Project>
+  showModal: boolean
+  children?: React.ReactNode
+}
+
+function ProjectsActionModal({
+  title,
+  action,
+  actionHandler,
+  handleCloseModal,
+  showModal,
+  projects,
+  children,
+}: ProjectsActionModalProps) {
+  const { t } = useTranslation()
+  const [errors, setErrors] = useState<Array<any>>([])
+  const [isProcessing, setIsProcessing] = useState(false)
+  const isMounted = useIsMounted()
+
+  async function handleActionForProjects(projects: Array<Project>) {
+    const errored = []
+    setIsProcessing(true)
+    setErrors([])
+
+    for (const project of projects) {
+      try {
+        await actionHandler(project)
+      } catch (e) {
+        errored.push({ projectName: project.name, error: e })
+      }
+    }
+
+    if (isMounted.current) {
+      setIsProcessing(false)
+    }
+
+    if (errored.length === 0) {
+      handleCloseModal()
+    } else {
+      setErrors(errored)
+    }
+  }
+
+  useEffect(() => {
+    if (showModal) {
+      eventTracking.sendMB('project-list-page-interaction', {
+        action,
+        isSmallDevice,
+      })
+    }
+  }, [action, showModal])
+
+  return (
+    <OLModal
+      animation
+      show={showModal}
+      onHide={handleCloseModal}
+      id="action-project-modal"
+      backdrop="static"
+    >
+      <OLModalHeader closeButton>
+        <OLModalTitle>{title}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody>
+        {children}
+        {!isProcessing &&
+          errors.length > 0 &&
+          errors.map((error, i) => (
+            <div className="notification-list" key={i}>
+              <Notification
+                type="error"
+                title={error.projectName}
+                content={getUserFacingMessage(error.error) as string}
+              />
+            </div>
+          ))}
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={handleCloseModal}>
+          {t('cancel')}
+        </OLButton>
+        <OLButton
+          variant="danger"
+          onClick={() => handleActionForProjects(projects)}
+          disabled={isProcessing}
+        >
+          {t('confirm')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
+
+export default memo(ProjectsActionModal)
diff --git a/services/web/frontend/js/features/project-list/components/modals/projects-list.tsx b/services/web/frontend/js/features/project-list/components/modals/projects-list.tsx
new file mode 100644
index 0000000..6a94a31
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/modals/projects-list.tsx
@@ -0,0 +1,28 @@
+import classnames from 'classnames'
+import { Project } from '../../../../../../types/project/dashboard/api'
+
+type ProjectsToDisplayProps = {
+  projects: Project[]
+  projectsToDisplay: Project[]
+}
+
+function ProjectsList({ projects, projectsToDisplay }: ProjectsToDisplayProps) {
+  return (
+    <ul>
+      {projectsToDisplay.map(project => (
+        <li
+          key={`projects-action-list-${project.id}`}
+          className={classnames({
+            'list-style-check-green': !projects.some(
+              ({ id }) => id === project.id
+            ),
+          })}
+        >
+          <b>{project.name}</b>
+        </li>
+      ))}
+    </ul>
+  )
+}
+
+export default ProjectsList
diff --git a/services/web/frontend/js/features/project-list/components/modals/rename-project-modal.tsx b/services/web/frontend/js/features/project-list/components/modals/rename-project-modal.tsx
new file mode 100644
index 0000000..9b4e486
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/modals/rename-project-modal.tsx
@@ -0,0 +1,142 @@
+import { memo, useCallback, useEffect, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import * as eventTracking from '../../../../infrastructure/event-tracking'
+import { Project } from '../../../../../../types/project/dashboard/api'
+import { renameProject } from '../../util/api'
+import useAsync from '../../../../shared/hooks/use-async'
+import { useProjectListContext } from '../../context/project-list-context'
+import { getUserFacingMessage } from '../../../../infrastructure/fetch-json'
+import { debugConsole } from '@/utils/debugging'
+import { isSmallDevice } from '../../../../infrastructure/event-tracking'
+import Notification from '@/shared/components/notification'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLForm from '@/features/ui/components/ol/ol-form'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+
+type RenameProjectModalProps = {
+  handleCloseModal: () => void
+  project: Project
+  showModal: boolean
+}
+
+function RenameProjectModal({
+  handleCloseModal,
+  showModal,
+  project,
+}: RenameProjectModalProps) {
+  const { t } = useTranslation()
+  const [newProjectName, setNewProjectName] = useState(project.name)
+  const { error, isError, isLoading, runAsync } = useAsync()
+  const { toggleSelectedProject, updateProjectViewData } =
+    useProjectListContext()
+
+  useEffect(() => {
+    if (showModal) {
+      eventTracking.sendMB('project-list-page-interaction', {
+        action: 'rename',
+        projectId: project.id,
+        isSmallDevice,
+      })
+    }
+  }, [showModal, project.id])
+
+  const isValid = useMemo(
+    () => newProjectName !== project.name && newProjectName.trim().length > 0,
+    [newProjectName, project]
+  )
+
+  useEffect(() => {
+    setNewProjectName(project.name)
+  }, [project.name])
+
+  const handleSubmit = useCallback(
+    event => {
+      event.preventDefault()
+
+      if (!isValid) return
+
+      runAsync(renameProject(project.id, newProjectName))
+        .then(() => {
+          toggleSelectedProject(project.id, false)
+          updateProjectViewData({
+            ...project,
+            name: newProjectName,
+          })
+          handleCloseModal()
+        })
+        .catch(debugConsole.error)
+    },
+    [
+      handleCloseModal,
+      isValid,
+      newProjectName,
+      project,
+      runAsync,
+      toggleSelectedProject,
+      updateProjectViewData,
+    ]
+  )
+
+  const handleOnChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    setNewProjectName(event.target.value)
+  }
+
+  return (
+    <OLModal
+      animation
+      show={showModal}
+      onHide={handleCloseModal}
+      id="rename-project-modal"
+      backdrop="static"
+    >
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('rename_project')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody>
+        {isError && (
+          <div className="notification-list">
+            <Notification
+              type="error"
+              content={getUserFacingMessage(error) as string}
+            />
+          </div>
+        )}
+        <OLForm id="rename-project-form" onSubmit={handleSubmit}>
+          <OLFormGroup controlId="rename-project-form-name">
+            <OLFormLabel>{t('new_name')}</OLFormLabel>
+            <OLFormControl
+              type="text"
+              placeholder={t('project_name')}
+              required
+              value={newProjectName}
+              onChange={handleOnChange}
+            />
+          </OLFormGroup>
+        </OLForm>
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={handleCloseModal}>
+          {t('cancel')}
+        </OLButton>
+        <OLButton
+          variant="primary"
+          type="submit"
+          form="rename-project-form"
+          disabled={isLoading || !isValid}
+        >
+          {t('rename')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
+
+export default memo(RenameProjectModal)
diff --git a/services/web/frontend/js/features/project-list/components/modals/trash-project-modal.tsx b/services/web/frontend/js/features/project-list/components/modals/trash-project-modal.tsx
new file mode 100644
index 0000000..7c4837f
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/modals/trash-project-modal.tsx
@@ -0,0 +1,57 @@
+import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import ProjectsActionModal from './projects-action-modal'
+import ProjectsList from './projects-list'
+
+type TrashProjectPropsModalProps = Pick<
+  React.ComponentProps<typeof ProjectsActionModal>,
+  'projects' | 'actionHandler' | 'showModal' | 'handleCloseModal'
+>
+
+function TrashProjectModal({
+  projects,
+  actionHandler,
+  showModal,
+  handleCloseModal,
+}: TrashProjectPropsModalProps) {
+  const { t } = useTranslation()
+  const [projectsToDisplay, setProjectsToDisplay] = useState<typeof projects>(
+    []
+  )
+
+  useEffect(() => {
+    if (showModal) {
+      setProjectsToDisplay(displayProjects => {
+        return displayProjects.length ? displayProjects : projects
+      })
+    } else {
+      setProjectsToDisplay([])
+    }
+  }, [showModal, projects])
+
+  return (
+    <ProjectsActionModal
+      action="trash"
+      actionHandler={actionHandler}
+      title={t('trash_projects')}
+      showModal={showModal}
+      handleCloseModal={handleCloseModal}
+      projects={projects}
+    >
+      <p>{t('about_to_trash_projects')}</p>
+      <ProjectsList projects={projects} projectsToDisplay={projectsToDisplay} />
+      <p>
+        {t('trashing_projects_wont_affect_collaborators')}{' '}
+        <a
+          href="https://www.overleaf.com/learn/how-to/How_do_I_remove_or_delete_a_project%3F"
+          target="_blank"
+          rel="noreferrer"
+        >
+          {t('find_out_more_nt')}
+        </a>
+      </p>
+    </ProjectsActionModal>
+  )
+}
+
+export default TrashProjectModal
diff --git a/services/web/frontend/js/features/project-list/components/new-project-button.tsx b/services/web/frontend/js/features/project-list/components/new-project-button.tsx
new file mode 100644
index 0000000..ea9e8bf
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/new-project-button.tsx
@@ -0,0 +1,280 @@
+import { type JSXElementConstructor, useCallback, useState } from 'react'
+import classnames from 'classnames'
+import { useTranslation } from 'react-i18next'
+import getMeta from '../../../utils/meta'
+import NewProjectButtonModal, {
+  NewProjectButtonModalVariant,
+} from './new-project-button/new-project-button-modal'
+import AddAffiliation, { useAddAffiliation } from './add-affiliation'
+import { Nullable } from '../../../../../types/utils'
+import { sendMB } from '../../../infrastructure/event-tracking'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+import {
+  Dropdown,
+  DropdownDivider,
+  DropdownHeader,
+  DropdownItem,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import { useSendProjectListMB } from '@/features/project-list/components/project-list-events'
+import type { PortalTemplate } from '../../../../../types/portal-template'
+
+type SendTrackingEvent = {
+  dropdownMenu: string
+  dropdownOpen: boolean
+  institutionTemplateName?: string
+}
+
+type Segmentation = SendTrackingEvent & {
+  'welcome-page-redesign': 'default'
+}
+
+type ModalMenuClickOptions = {
+  modalVariant: NewProjectButtonModalVariant
+  dropdownMenuEvent: string
+}
+
+type NewProjectButtonProps = {
+  id: string
+  buttonText?: string
+  className?: string
+  trackingKey?: string
+  showAddAffiliationWidget?: boolean
+}
+
+function NewProjectButton({
+  id,
+  buttonText,
+  className,
+  trackingKey,
+  showAddAffiliationWidget,
+}: NewProjectButtonProps) {
+  const { t } = useTranslation()
+  const { templateLinks } = getMeta('ol-ExposedSettings')
+  const [modal, setModal] =
+    useState<Nullable<NewProjectButtonModalVariant>>(null)
+  const portalTemplates = getMeta('ol-portalTemplates') || []
+  const { show: enableAddAffiliationWidget } = useAddAffiliation()
+  const sendProjectListMB = useSendProjectListMB()
+  const sendTrackingEvent = useCallback(
+    ({
+      dropdownMenu,
+      dropdownOpen,
+      institutionTemplateName,
+    }: SendTrackingEvent) => {
+      if (trackingKey) {
+        let segmentation: Segmentation = {
+          'welcome-page-redesign': 'default',
+          dropdownMenu,
+          dropdownOpen,
+        }
+
+        if (institutionTemplateName) {
+          segmentation = {
+            ...segmentation,
+            institutionTemplateName,
+          }
+        }
+
+        sendMB(trackingKey, segmentation)
+      }
+    },
+    [trackingKey]
+  )
+
+  const handleMainButtonClick = useCallback(
+    (dropdownOpen: boolean) => {
+      sendTrackingEvent({
+        dropdownMenu: 'main-button',
+        dropdownOpen,
+      })
+    },
+    [sendTrackingEvent]
+  )
+
+  const handleModalMenuClick = useCallback(
+    (
+      e: React.MouseEvent,
+      { modalVariant, dropdownMenuEvent }: ModalMenuClickOptions
+    ) => {
+      // avoid invoking the "onClick" callback on the main dropdown button
+      e.stopPropagation()
+
+      sendTrackingEvent({
+        dropdownMenu: dropdownMenuEvent,
+        dropdownOpen: true,
+      })
+      sendProjectListMB('new-project-click', { item: dropdownMenuEvent })
+
+      setModal(modalVariant)
+    },
+    [sendProjectListMB, sendTrackingEvent]
+  )
+
+  const handlePortalTemplateClick = useCallback(
+    (e: React.MouseEvent, template: PortalTemplate) => {
+      // avoid invoking the "onClick" callback on the main dropdown button
+      e.stopPropagation()
+
+      sendTrackingEvent({
+        dropdownMenu: 'institution-template',
+        dropdownOpen: true,
+        institutionTemplateName: template.name,
+      })
+      sendProjectListMB('new-project-click', {
+        item: template.name,
+        destinationURL: template.url,
+      })
+    },
+    [sendProjectListMB, sendTrackingEvent]
+  )
+
+  const handleStaticTemplateClick = useCallback(
+    (e: React.MouseEvent, template: { trackingKey: string; url: string }) => {
+      // avoid invoking the "onClick" callback on the main dropdown button
+      e.stopPropagation()
+
+      sendTrackingEvent({
+        dropdownMenu: template.trackingKey,
+        dropdownOpen: true,
+      })
+      sendProjectListMB('new-project-click', {
+        item: template.trackingKey,
+        destinationURL: template.url,
+      })
+    },
+    [sendProjectListMB, sendTrackingEvent]
+  )
+
+  const [importProjectFromGithubMenu] = importOverleafModules(
+    'importProjectFromGithubMenu'
+  )
+
+  const ImportProjectFromGithubMenu: JSXElementConstructor<{
+    onClick: (e: React.MouseEvent) => void
+  }> = importProjectFromGithubMenu?.import.default
+
+  return (
+    <>
+      <Dropdown
+        className={classnames('new-project-dropdown', className)}
+        onSelect={handleMainButtonClick}
+        onToggle={nextShow => {
+          if (nextShow) sendProjectListMB('new-project-expand', undefined)
+        }}
+      >
+        <DropdownToggle
+          id={id}
+          className="new-project-button"
+          variant="primary"
+        >
+          {buttonText || t('new_project')}
+        </DropdownToggle>
+        <DropdownMenu>
+          <li role="none">
+            <DropdownItem
+              onClick={e =>
+                handleModalMenuClick(e, {
+                  modalVariant: 'blank_project',
+                  dropdownMenuEvent: 'blank-project',
+                })
+              }
+            >
+              {t('blank_project')}
+            </DropdownItem>
+          </li>
+          <li role="none">
+            <DropdownItem
+              onClick={e =>
+                handleModalMenuClick(e, {
+                  modalVariant: 'example_project',
+                  dropdownMenuEvent: 'example-project',
+                })
+              }
+            >
+              {t('example_project')}
+            </DropdownItem>
+          </li>
+          <li role="none">
+            <DropdownItem
+              onClick={e =>
+                handleModalMenuClick(e, {
+                  modalVariant: 'upload_project',
+                  dropdownMenuEvent: 'upload-project',
+                })
+              }
+            >
+              {t('upload_project')}
+            </DropdownItem>
+          </li>
+          <li role="none">
+            {ImportProjectFromGithubMenu && (
+              <ImportProjectFromGithubMenu
+                onClick={e =>
+                  handleModalMenuClick(e, {
+                    modalVariant: 'import_from_github',
+                    dropdownMenuEvent: 'import-from-github',
+                  })
+                }
+              />
+            )}
+          </li>
+          {portalTemplates.length > 0 ? (
+            <>
+              <DropdownDivider />
+              <DropdownHeader aria-hidden="true">
+                {`${t('institution')} ${t('templates')}`}
+              </DropdownHeader>
+              {portalTemplates.map((portalTemplate, index) => (
+                <li role="none" key={`portal-template-${index}`}>
+                  <DropdownItem
+                    key={`portal-template-${index}`}
+                    href={`${portalTemplate.url}#templates`}
+                    onClick={e => handlePortalTemplateClick(e, portalTemplate)}
+                    aria-label={`${portalTemplate.name} ${t('template')}`}
+                  >
+                    {portalTemplate.name}
+                  </DropdownItem>
+                </li>
+              ))}
+            </>
+          ) : null}
+
+          {templateLinks && templateLinks.length > 0 && (
+            <>
+              <DropdownDivider />
+              <DropdownHeader aria-hidden="true">
+                {t('templates')}
+              </DropdownHeader>
+            </>
+          )}
+          {templateLinks?.map((templateLink, index) => (
+            <li role="none" key={`new-project-button-template-${index}`}>
+              <DropdownItem
+                href={templateLink.url}
+                onClick={e => handleStaticTemplateClick(e, templateLink)}
+                aria-label={`${templateLink.name} ${t('template')}`}
+              >
+                {templateLink.name === 'view_all'
+                  ? t('view_all')
+                  : templateLink.name}
+              </DropdownItem>
+            </li>
+          ))}
+          {showAddAffiliationWidget && enableAddAffiliationWidget ? (
+            <>
+              <DropdownDivider />
+              <li className="add-affiliation-mobile-wrapper">
+                <AddAffiliation className="is-mobile" />
+              </li>
+            </>
+          ) : null}
+        </DropdownMenu>
+      </Dropdown>
+      <NewProjectButtonModal modal={modal} onHide={() => setModal(null)} />
+    </>
+  )
+}
+
+export default NewProjectButton
diff --git a/services/web/frontend/js/features/project-list/components/new-project-button/blank-project-modal.tsx b/services/web/frontend/js/features/project-list/components/new-project-button/blank-project-modal.tsx
new file mode 100644
index 0000000..7c205a9
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/new-project-button/blank-project-modal.tsx
@@ -0,0 +1,22 @@
+import ModalContentNewProjectForm from './modal-content-new-project-form'
+import OLModal from '@/features/ui/components/ol/ol-modal'
+
+type BlankProjectModalProps = {
+  onHide: () => void
+}
+
+function BlankProjectModal({ onHide }: BlankProjectModalProps) {
+  return (
+    <OLModal
+      show
+      animation
+      onHide={onHide}
+      id="blank-project-modal"
+      backdrop="static"
+    >
+      <ModalContentNewProjectForm onCancel={onHide} />
+    </OLModal>
+  )
+}
+
+export default BlankProjectModal
diff --git a/services/web/frontend/js/features/project-list/components/new-project-button/example-project-modal.tsx b/services/web/frontend/js/features/project-list/components/new-project-button/example-project-modal.tsx
new file mode 100644
index 0000000..c42429a
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/new-project-button/example-project-modal.tsx
@@ -0,0 +1,22 @@
+import OLModal from '@/features/ui/components/ol/ol-modal'
+import ModalContentNewProjectForm from './modal-content-new-project-form'
+
+type ExampleProjectModalProps = {
+  onHide: () => void
+}
+
+function ExampleProjectModal({ onHide }: ExampleProjectModalProps) {
+  return (
+    <OLModal
+      show
+      animation
+      onHide={onHide}
+      id="example-project-modal"
+      backdrop="static"
+    >
+      <ModalContentNewProjectForm onCancel={onHide} template="example" />
+    </OLModal>
+  )
+}
+
+export default ExampleProjectModal
diff --git a/services/web/frontend/js/features/project-list/components/new-project-button/modal-content-new-project-form.tsx b/services/web/frontend/js/features/project-list/components/new-project-button/modal-content-new-project-form.tsx
new file mode 100644
index 0000000..13e0458
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/new-project-button/modal-content-new-project-form.tsx
@@ -0,0 +1,113 @@
+import React, { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import useAsync from '../../../../shared/hooks/use-async'
+import {
+  getUserFacingMessage,
+  postJSON,
+} from '../../../../infrastructure/fetch-json'
+import { useRefWithAutoFocus } from '../../../../shared/hooks/use-ref-with-auto-focus'
+import { useLocation } from '../../../../shared/hooks/use-location'
+import Notification from '@/shared/components/notification'
+import {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLForm from '@/features/ui/components/ol/ol-form'
+
+type NewProjectData = {
+  project_id: string
+  owner_ref: string
+  owner: {
+    first_name: string
+    last_name: string
+    email: string
+    id: string
+  }
+}
+
+type Props = {
+  onCancel: () => void
+  template?: string
+}
+
+function ModalContentNewProjectForm({ onCancel, template = 'none' }: Props) {
+  const { t } = useTranslation()
+  const { autoFocusedRef } = useRefWithAutoFocus<HTMLInputElement>()
+  const [projectName, setProjectName] = useState('')
+  const { isLoading, isError, error, runAsync } = useAsync<NewProjectData>()
+  const location = useLocation()
+
+  const createNewProject = () => {
+    runAsync(
+      postJSON('/project/new', {
+        body: {
+          projectName,
+          template,
+        },
+      })
+    )
+      .then(data => {
+        if (data.project_id) {
+          location.assign(`/project/${data.project_id}`)
+        }
+      })
+      .catch(() => {})
+  }
+
+  const handleChangeName = (e: React.ChangeEvent<HTMLInputElement>) => {
+    setProjectName(e.currentTarget.value)
+  }
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault()
+    createNewProject()
+  }
+
+  return (
+    <>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('new_project')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        {isError && (
+          <div className="notification-list">
+            <Notification
+              type="error"
+              content={getUserFacingMessage(error) as string}
+            />
+          </div>
+        )}
+        <OLForm onSubmit={handleSubmit}>
+          <OLFormControl
+            type="text"
+            ref={autoFocusedRef}
+            placeholder={t('project_name')}
+            onChange={handleChangeName}
+            value={projectName}
+          />
+        </OLForm>
+      </OLModalBody>
+
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={onCancel}>
+          {t('cancel')}
+        </OLButton>
+        <OLButton
+          variant="primary"
+          onClick={createNewProject}
+          disabled={projectName === '' || isLoading}
+          isLoading={isLoading}
+        >
+          {t('create')}
+        </OLButton>
+      </OLModalFooter>
+    </>
+  )
+}
+
+export default ModalContentNewProjectForm
diff --git a/services/web/frontend/js/features/project-list/components/new-project-button/new-project-button-modal.tsx b/services/web/frontend/js/features/project-list/components/new-project-button/new-project-button-modal.tsx
new file mode 100644
index 0000000..0d290be
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/new-project-button/new-project-button-modal.tsx
@@ -0,0 +1,57 @@
+import BlankProjectModal from './blank-project-modal'
+import ExampleProjectModal from './example-project-modal'
+import importOverleafModules from '../../../../../macros/import-overleaf-module.macro'
+import { JSXElementConstructor, lazy, Suspense, useCallback } from 'react'
+import { Nullable } from '../../../../../../types/utils'
+import { FullSizeLoadingSpinner } from '@/shared/components/loading-spinner'
+import { useLocation } from '@/shared/hooks/use-location'
+
+const UploadProjectModal = lazy(() => import('./upload-project-modal'))
+
+export type NewProjectButtonModalVariant =
+  | 'blank_project'
+  | 'example_project'
+  | 'upload_project'
+  | 'import_from_github'
+
+type NewProjectButtonModalProps = {
+  modal: Nullable<NewProjectButtonModalVariant>
+  onHide: () => void
+}
+
+function NewProjectButtonModal({ modal, onHide }: NewProjectButtonModalProps) {
+  const [importProjectFromGithubModalWrapper] = importOverleafModules(
+    'importProjectFromGithubModalWrapper'
+  )
+  const ImportProjectFromGithubModalWrapper: JSXElementConstructor<{
+    onHide: () => void
+  }> = importProjectFromGithubModalWrapper?.import.default
+
+  const location = useLocation()
+
+  const openProject = useCallback(
+    (projectId: string) => {
+      location.assign(`/project/${projectId}`)
+    },
+    [location]
+  )
+
+  switch (modal) {
+    case 'blank_project':
+      return <BlankProjectModal onHide={onHide} />
+    case 'example_project':
+      return <ExampleProjectModal onHide={onHide} />
+    case 'upload_project':
+      return (
+        <Suspense fallback={<FullSizeLoadingSpinner delay={500} />}>
+          <UploadProjectModal onHide={onHide} openProject={openProject} />
+        </Suspense>
+      )
+    case 'import_from_github':
+      return <ImportProjectFromGithubModalWrapper onHide={onHide} />
+    default:
+      return null
+  }
+}
+
+export default NewProjectButtonModal
diff --git a/services/web/frontend/js/features/project-list/components/new-project-button/upload-project-modal.tsx b/services/web/frontend/js/features/project-list/components/new-project-button/upload-project-modal.tsx
new file mode 100644
index 0000000..35da0e9
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/new-project-button/upload-project-modal.tsx
@@ -0,0 +1,126 @@
+import { useEffect, useState } from 'react'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTranslation } from 'react-i18next'
+import Uppy from '@uppy/core'
+import { Dashboard } from '@uppy/react'
+import XHRUpload from '@uppy/xhr-upload'
+import getMeta from '../../../../utils/meta'
+
+import '@uppy/core/dist/style.css'
+import '@uppy/dashboard/dist/style.css'
+
+type UploadResponse = {
+  project_id: string
+}
+
+type UploadProjectModalProps = {
+  onHide: () => void
+  openProject: (projectId: string) => void
+}
+
+function UploadProjectModal({ onHide, openProject }: UploadProjectModalProps) {
+  const { t } = useTranslation()
+  const { maxUploadSize, projectUploadTimeout } = getMeta('ol-ExposedSettings')
+  const [ableToUpload, setAbleToUpload] = useState(false)
+
+  const [uppy] = useState(() => {
+    return new Uppy({
+      allowMultipleUploadBatches: false,
+      restrictions: {
+        maxNumberOfFiles: 1,
+        maxFileSize: maxUploadSize,
+        allowedFileTypes: ['.zip'],
+      },
+    })
+      .use(XHRUpload, {
+        endpoint: '/project/new/upload',
+        headers: {
+          'X-CSRF-TOKEN': getMeta('ol-csrfToken'),
+        },
+        limit: 1,
+        fieldName: 'qqfile', // "qqfile" is needed for our express multer middleware
+        timeout: projectUploadTimeout,
+      })
+      .on('file-added', () => {
+        // this function can be invoked multiple times depending on maxNumberOfFiles
+        // in this case, since have maxNumberOfFiles = 1, this function will be invoked
+        // once if the correct file were added
+        // if user dragged more files than the maxNumberOfFiles allow,
+        // the rest of the files will appear on the 'restriction-failed' event callback
+        setAbleToUpload(true)
+      })
+      .on('upload-error', () => {
+        // refresh state so they can try uploading a new zip
+        setAbleToUpload(false)
+      })
+      .on('upload-success', async (file, response) => {
+        const { project_id: projectId }: UploadResponse = response.body
+
+        if (projectId) {
+          openProject(projectId)
+        }
+      })
+      .on('restriction-failed', () => {
+        // 'restriction-failed event will be invoked when one of the "restrictions" above
+        // is not complied:
+        // 1. maxNumberOfFiles: if the uploaded files is more than 1, the rest of the files will appear here
+        // for example, user drop 5 files to the uploader, this function will be invoked 4 times and the `file-added` event
+        // will be invoked once
+        // 2. maxFileSize: if the uploaded file has size > maxFileSize, it will appear here
+        // 3. allowedFileTypes: if the type is not .zip, it will also appear here
+
+        // reset state so they can try uploading a different file, etc
+        setAbleToUpload(false)
+      })
+  })
+
+  useEffect(() => {
+    if (ableToUpload) {
+      uppy.upload()
+    }
+  }, [ableToUpload, uppy])
+
+  return (
+    <OLModal
+      show
+      animation
+      onHide={onHide}
+      id="upload-project-modal"
+      backdrop="static"
+    >
+      <OLModalHeader closeButton>
+        <OLModalTitle as="h3">{t('upload_zipped_project')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody>
+        <Dashboard
+          uppy={uppy}
+          proudlyDisplayPoweredByUppy={false}
+          showLinkToFileUploadResult={false}
+          hideUploadButton
+          showSelectedFiles={false}
+          height={300}
+          locale={{
+            strings: {
+              browseFiles: 'Select a .zip file',
+              dropPasteFiles: '%{browseFiles} or \n\n drag a .zip file',
+            },
+          }}
+          className="project-list-upload-project-modal-uppy-dashboard"
+        />
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={onHide}>
+          {t('cancel')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
+
+export default UploadProjectModal
diff --git a/services/web/frontend/js/features/project-list/components/notifications/accessibility-survey-banner.tsx b/services/web/frontend/js/features/project-list/components/notifications/accessibility-survey-banner.tsx
new file mode 100644
index 0000000..0cbf782
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/accessibility-survey-banner.tsx
@@ -0,0 +1,48 @@
+import { memo, useEffect, useState } from 'react'
+import Notification from './notification'
+import customLocalStorage from '@/infrastructure/local-storage'
+import { useTranslation } from 'react-i18next'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+function AccessibilitySurveyBanner() {
+  const { t } = useTranslation()
+  const [show, setShow] = useState(false)
+
+  useEffect(() => {
+    const isDismissed = customLocalStorage.getItem(
+      'has_dismissed_accessibility_survey_banner'
+    )
+    if (!isDismissed) setShow(true)
+  }, [])
+
+  const handleClose = () => {
+    customLocalStorage.setItem(
+      'has_dismissed_accessibility_survey_banner',
+      'true'
+    )
+    setShow(false)
+  }
+
+  if (!show) return null
+
+  return (
+    <Notification
+      className="sr-only"
+      type="info"
+      onDismiss={handleClose}
+      content={<p>{t('help_improve_screen_reader_fill_out_this_survey')}</p>}
+      action={
+        <OLButton
+          variant="secondary"
+          href="https://docs.google.com/forms/d/e/1FAIpQLSdxKP_biRXvrkmJzlBjMwI_qPSuv4NbBvYUzSOc3OOTIOTmnQ/viewform"
+          target="_blank"
+          rel="noreferrer"
+        >
+          {t('take_survey')}
+        </OLButton>
+      }
+    />
+  )
+}
+
+export default memo(AccessibilitySurveyBanner)
diff --git a/services/web/frontend/js/features/project-list/components/notifications/ads/brl-banner.tsx b/services/web/frontend/js/features/project-list/components/notifications/ads/brl-banner.tsx
new file mode 100644
index 0000000..baa38ed
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/ads/brl-banner.tsx
@@ -0,0 +1,123 @@
+import { useCallback, useEffect, useRef, useState } from 'react'
+import bannerImage from '../../../images/brl-banner.png'
+import usePersistedState from '../../../../../shared/hooks/use-persisted-state'
+import * as eventTracking from '../../../../../infrastructure/event-tracking'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTranslation } from 'react-i18next'
+
+export default function BRLBanner() {
+  const { t } = useTranslation()
+  const [dismissedUntil, setDismissedUntil] = usePersistedState<
+    Date | undefined
+  >(`has_dismissed_brl_banner_until`)
+  const viewEventSent = useRef<boolean>(false)
+
+  const [showModal, setShowModal] = useState(true)
+
+  useEffect(() => {
+    if (dismissedUntil && new Date(dismissedUntil) > new Date()) {
+      return
+    }
+    if (!viewEventSent.current) {
+      eventTracking.sendMB('promo-prompt', {
+        location: 'dashboard-modal',
+        name: 'geo-pricing',
+        page: '/project',
+        content: 'modal',
+        country: 'BR',
+      })
+      viewEventSent.current = true
+    }
+  }, [dismissedUntil])
+
+  const handleClick = useCallback(() => {
+    eventTracking.sendMB('promo-click', {
+      location: 'dashboard-modal',
+      name: 'geo-pricing',
+      page: '/project',
+      content: 'modal',
+      country: 'BR',
+      type: 'click',
+    })
+
+    setShowModal(false)
+
+    window.open('/user/subscription/plans')
+  }, [])
+
+  const bannerDismissed = useCallback(() => {
+    eventTracking.sendMB('promo-dismiss', {
+      location: 'dashboard-modal',
+      name: 'geo-pricing',
+      page: '/project',
+      content: 'modal',
+      country: 'BR',
+    })
+    const until = new Date()
+    until.setDate(until.getDate() + 30) // 30 days
+    setDismissedUntil(until)
+  }, [setDismissedUntil])
+
+  const handleHide = useCallback(() => {
+    setShowModal(false)
+    bannerDismissed()
+  }, [bannerDismissed])
+
+  const handleMaybeLater = useCallback(() => {
+    eventTracking.sendMB('promo-click', {
+      location: 'dashboard-modal',
+      name: 'geo-pricing',
+      page: '/project',
+      content: 'modal',
+      country: 'BR',
+      type: 'pause',
+    })
+    setShowModal(false)
+    const until = new Date()
+    until.setDate(until.getDate() + 1) // 1 day
+    setDismissedUntil(until)
+  }, [setDismissedUntil])
+
+  if (dismissedUntil && new Date(dismissedUntil) > new Date()) {
+    return null
+  }
+
+  return (
+    <OLModal show={showModal} onHide={handleHide}>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('latam_discount_modal_title')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody>
+        <p>
+          <img
+            alt={t('latam_discount_modal_title')}
+            src={bannerImage}
+            style={{
+              width: '100%',
+            }}
+          />
+        </p>
+        <p>
+          {t('latam_discount_modal_info', {
+            discount: '50',
+            currencyName: 'Brazilian Reais',
+          })}
+        </p>
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={handleMaybeLater}>
+          {t('maybe_later')}
+        </OLButton>
+        <OLButton variant="primary" onClick={handleClick}>
+          {t('get_discounted_plan')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/notifications/ads/inr-banner.tsx b/services/web/frontend/js/features/project-list/components/notifications/ads/inr-banner.tsx
new file mode 100644
index 0000000..9f0649e
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/ads/inr-banner.tsx
@@ -0,0 +1,116 @@
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import bannerImage from '../../../images/inr-banner.png'
+import usePersistedState from '../../../../../shared/hooks/use-persisted-state'
+import * as eventTracking from '../../../../../infrastructure/event-tracking'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export default function INRBanner() {
+  const { t } = useTranslation()
+  const [dismissedUntil, setDismissedUntil] = usePersistedState<
+    Date | undefined
+  >(`has_dismissed_inr_banner_until`)
+  const viewEventSent = useRef<boolean>(false)
+
+  // Only used by 'modal' variant
+  const [showModal, setShowModal] = useState(true)
+
+  useEffect(() => {
+    if (dismissedUntil && new Date(dismissedUntil) > new Date()) {
+      return
+    }
+    if (!viewEventSent.current) {
+      eventTracking.sendMB('promo-prompt', {
+        location: 'dashboard-modal',
+        name: 'geo-pricing',
+        content: 'modal',
+        country: 'IN',
+      })
+      viewEventSent.current = true
+    }
+  }, [dismissedUntil])
+
+  const handleClick = useCallback(() => {
+    eventTracking.sendMB('promo-click', {
+      location: 'dashboard-modal',
+      name: 'geo-pricing',
+      content: 'modal',
+      type: 'click',
+      country: 'IN',
+    })
+
+    setShowModal(false)
+
+    window.open('/user/subscription/plans')
+  }, [])
+
+  const bannerDismissed = useCallback(() => {
+    eventTracking.sendMB('promo-dismiss', {
+      location: 'dashboard-modal',
+      name: 'geo-pricing',
+      content: 'modal',
+      type: 'click',
+      country: 'IN',
+    })
+    const until = new Date()
+    until.setDate(until.getDate() + 30) // 30 days
+    setDismissedUntil(until)
+  }, [setDismissedUntil])
+
+  const handleHide = useCallback(() => {
+    setShowModal(false)
+    bannerDismissed()
+  }, [bannerDismissed])
+
+  const handleMaybeLater = useCallback(() => {
+    eventTracking.sendMB('promo-click', {
+      location: 'dashboard-modal',
+      name: 'geo-pricing',
+      content: 'modal',
+      type: 'pause',
+      country: 'IN',
+    })
+    setShowModal(false)
+    const until = new Date()
+    until.setDate(until.getDate() + 1) // 1 day
+    setDismissedUntil(until)
+  }, [setDismissedUntil])
+
+  if (dismissedUntil && new Date(dismissedUntil) > new Date()) {
+    return null
+  }
+
+  return (
+    <OLModal show={showModal} onHide={handleHide} backdrop="static">
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('inr_discount_modal_title')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody>
+        <p>
+          <img
+            alt={t('inr_discount_modal_title')}
+            src={bannerImage}
+            style={{
+              width: '100%',
+            }}
+          />
+        </p>
+        <p>{t('inr_discount_modal_info')}</p>
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={handleMaybeLater}>
+          {t('maybe_later')}
+        </OLButton>
+        <OLButton variant="primary" onClick={handleClick}>
+          {t('get_discounted_plan')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/notifications/ads/latam-banner.tsx b/services/web/frontend/js/features/project-list/components/notifications/ads/latam-banner.tsx
new file mode 100644
index 0000000..a9395fe
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/ads/latam-banner.tsx
@@ -0,0 +1,166 @@
+import { useCallback, useEffect, useRef, useState } from 'react'
+import mxnBannerImage from '../../../images/mxn-banner.png'
+import copBannerImage from '../../../images/cop-banner.png'
+import clpBannerImage from '../../../images/clp-banner.png'
+import penBannerImage from '../../../images/pen-banner.png'
+import usePersistedState from '../../../../../shared/hooks/use-persisted-state'
+import * as eventTracking from '../../../../../infrastructure/event-tracking'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTranslation } from 'react-i18next'
+import getMeta from '@/utils/meta'
+
+const LATAM_CURRENCIES = {
+  MXN: {
+    name: 'Mexican Pesos',
+    countryCode: 'MX',
+    discountCode: '25',
+    imageSource: mxnBannerImage,
+  },
+  COP: {
+    name: 'Colombian Pesos',
+    countryCode: 'CO',
+    discountCode: '60',
+    imageSource: copBannerImage,
+  },
+  CLP: {
+    name: 'Chilean Pesos',
+    countryCode: 'CL',
+    discountCode: '30',
+    imageSource: clpBannerImage,
+  },
+  PEN: {
+    name: 'Peruvian Soles',
+    countryCode: 'PE',
+    discountCode: '40',
+    imageSource: penBannerImage,
+  },
+}
+
+export default function LATAMBanner() {
+  const { t } = useTranslation()
+  const [dismissedUntil, setDismissedUntil] = usePersistedState<
+    Date | undefined
+  >(`has_dismissed_latam_banner_until`)
+  const viewEventSent = useRef<boolean>(false)
+  const [showModal, setShowModal] = useState(true)
+
+  const currency = getMeta('ol-recommendedCurrency')
+  const {
+    imageSource,
+    name: currencyName,
+    discountCode,
+    countryCode,
+  } = LATAM_CURRENCIES[currency as keyof typeof LATAM_CURRENCIES]
+
+  useEffect(() => {
+    if (dismissedUntil && new Date(dismissedUntil) > new Date()) {
+      return
+    }
+    if (!viewEventSent.current) {
+      eventTracking.sendMB('promo-prompt', {
+        location: 'dashboard-modal',
+        name: 'geo-pricing',
+        page: '/project',
+        content: 'modal',
+        country: countryCode,
+      })
+      viewEventSent.current = true
+    }
+  }, [dismissedUntil, countryCode])
+
+  const handleClick = useCallback(() => {
+    eventTracking.sendMB('promo-click', {
+      location: 'dashboard-modal',
+      name: 'geo-pricing',
+      page: '/project',
+      content: 'modal',
+      country: countryCode,
+      type: 'click',
+    })
+
+    setShowModal(false)
+
+    window.open('/user/subscription/plans')
+  }, [countryCode])
+
+  const bannerDismissed = useCallback(() => {
+    eventTracking.sendMB('promo-dismiss', {
+      location: 'dashboard-modal',
+      name: 'geo-pricing',
+      page: '/project',
+      content: 'modal',
+      country: countryCode,
+    })
+    const until = new Date()
+    until.setDate(until.getDate() + 30) // 30 days
+    setDismissedUntil(until)
+  }, [setDismissedUntil, countryCode])
+
+  const handleHide = useCallback(() => {
+    setShowModal(false)
+    bannerDismissed()
+  }, [bannerDismissed])
+
+  const handleMaybeLater = useCallback(() => {
+    eventTracking.sendMB('promo-click', {
+      location: 'dashboard-modal',
+      name: 'geo-pricing',
+      page: '/project',
+      content: 'modal',
+      country: countryCode,
+      type: 'pause',
+    })
+    setShowModal(false)
+    const until = new Date()
+    until.setDate(until.getDate() + 1) // 1 day
+    setDismissedUntil(until)
+  }, [setDismissedUntil, countryCode])
+
+  if (dismissedUntil && new Date(dismissedUntil) > new Date()) {
+    return null
+  }
+
+  // Safety, but should always be a valid LATAM currency if ol-showLATAMBanner is true
+  if (!(currency in LATAM_CURRENCIES)) {
+    return null
+  }
+
+  return (
+    <OLModal show={showModal} onHide={handleHide} backdrop="static">
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('latam_discount_modal_title')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody>
+        <p>
+          <img
+            alt={t('latam_discount_modal_title')}
+            src={imageSource}
+            style={{
+              width: '100%',
+            }}
+          />
+        </p>
+        <p>
+          {t('latam_discount_modal_info', {
+            discount: discountCode,
+            currencyName,
+          })}
+        </p>
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={handleMaybeLater}>
+          {t('maybe_later')}
+        </OLButton>
+        <OLButton variant="primary" onClick={handleClick}>
+          {t('get_discounted_plan')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/notifications/geo-banners.tsx b/services/web/frontend/js/features/project-list/components/notifications/geo-banners.tsx
new file mode 100644
index 0000000..dc238d3
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/geo-banners.tsx
@@ -0,0 +1,19 @@
+import getMeta from '@/utils/meta'
+import BRLBanner from './ads/brl-banner'
+import INRBanner from './ads/inr-banner'
+import LATAMBanner from './ads/latam-banner'
+
+function GeoBanners() {
+  const showInrGeoBanner = getMeta('ol-showInrGeoBanner')
+  const showBrlGeoBanner = getMeta('ol-showBrlGeoBanner')
+  const showLATAMBanner = getMeta('ol-showLATAMBanner')
+  return (
+    <>
+      {showBrlGeoBanner && <BRLBanner />}
+      {showLATAMBanner && <LATAMBanner />}
+      {showInrGeoBanner && <INRBanner />}
+    </>
+  )
+}
+
+export default GeoBanners
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups-and-enterprise-banner.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups-and-enterprise-banner.tsx
new file mode 100644
index 0000000..87dee98
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups-and-enterprise-banner.tsx
@@ -0,0 +1,138 @@
+import { useCallback, useEffect } from 'react'
+import Notification from './notification'
+import * as eventTracking from '../../../../infrastructure/event-tracking'
+import getMeta from '../../../../utils/meta'
+import customLocalStorage from '../../../../infrastructure/local-storage'
+import { useProjectListContext } from '../../context/project-list-context'
+import { useTranslation } from 'react-i18next'
+import {
+  GroupsAndEnterpriseBannerVariant,
+  GroupsAndEnterpriseBannerVariants,
+} from '../../../../../../types/project/dashboard/notification'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+type urlForVariantsType = {
+  [key in GroupsAndEnterpriseBannerVariant]: string // eslint-disable-line no-unused-vars
+}
+
+const urlForVariants: urlForVariantsType = {
+  'on-premise': '/for/contact-sales-2',
+  FOMO: '/for/contact-sales-4',
+}
+
+let viewEventSent = false
+
+export default function GroupsAndEnterpriseBanner() {
+  const { t } = useTranslation()
+  const { totalProjectsCount } = useProjectListContext()
+
+  const showGroupsAndEnterpriseBanner = getMeta(
+    'ol-showGroupsAndEnterpriseBanner'
+  )
+  const groupsAndEnterpriseBannerVariant = getMeta(
+    'ol-groupsAndEnterpriseBannerVariant'
+  )
+
+  const hasDismissedGroupsAndEnterpriseBanner = hasRecentlyDismissedBanner()
+
+  const contactSalesUrl = urlForVariants[groupsAndEnterpriseBannerVariant]
+
+  const shouldRenderBanner =
+    showGroupsAndEnterpriseBanner &&
+    totalProjectsCount !== 0 &&
+    !hasDismissedGroupsAndEnterpriseBanner &&
+    isVariantValid(groupsAndEnterpriseBannerVariant)
+
+  const handleClose = useCallback(() => {
+    customLocalStorage.setItem(
+      'has_dismissed_groups_and_enterprise_banner',
+      new Date()
+    )
+  }, [])
+
+  const handleClickContact = useCallback(() => {
+    eventTracking.sendMB('groups-and-enterprise-banner-click', {
+      location: 'dashboard-banner-react',
+      variant: groupsAndEnterpriseBannerVariant,
+    })
+  }, [groupsAndEnterpriseBannerVariant])
+
+  useEffect(() => {
+    if (!viewEventSent && shouldRenderBanner) {
+      eventTracking.sendMB('groups-and-enterprise-banner-prompt', {
+        location: 'dashboard-banner-react',
+        variant: groupsAndEnterpriseBannerVariant,
+      })
+      viewEventSent = true
+    }
+  }, [shouldRenderBanner, groupsAndEnterpriseBannerVariant])
+
+  if (!shouldRenderBanner) {
+    return null
+  }
+
+  return (
+    <Notification
+      type="info"
+      onDismiss={handleClose}
+      content={<BannerContent variant={groupsAndEnterpriseBannerVariant} />}
+      action={
+        <OLButton
+          variant="secondary"
+          href={contactSalesUrl}
+          target="_blank"
+          rel="noreferrer"
+          onClick={handleClickContact}
+        >
+          {t('contact_sales')}
+        </OLButton>
+      }
+    />
+  )
+}
+
+function isVariantValid(variant: GroupsAndEnterpriseBannerVariant) {
+  return GroupsAndEnterpriseBannerVariants.includes(variant)
+}
+
+function BannerContent({
+  variant,
+}: {
+  variant: GroupsAndEnterpriseBannerVariant
+}) {
+  switch (variant) {
+    case 'on-premise':
+      return (
+        <span>
+          Overleaf On-Premises: Does your company want to keep its data within
+          its firewall? Overleaf offers Server Pro, an on-premises solution for
+          companies. Get in touch to learn more.
+        </span>
+      )
+    case 'FOMO':
+      return (
+        <span>
+          Why do Fortune 500 companies and top research institutions trust
+          Overleaf to streamline their collaboration? Get in touch to learn
+          more.
+        </span>
+      )
+  }
+}
+
+function hasRecentlyDismissedBanner() {
+  const dismissed = customLocalStorage.getItem(
+    'has_dismissed_groups_and_enterprise_banner'
+  )
+  // previous banner set this to 'true', which shouldn't hide the new banner
+  if (!dismissed || dismissed === 'true') {
+    return false
+  }
+
+  const dismissedDate = new Date(dismissed)
+  const recentlyDismissedCutoff = new Date()
+  recentlyDismissedCutoff.setDate(recentlyDismissedCutoff.getDate() - 30) // 30 days
+
+  // once the dismissedDate passes the cut off mark, banner will be shown again
+  return dismissedDate > recentlyDismissedCutoff
+}
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/affiliation/reconfirm-affiliation.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/affiliation/reconfirm-affiliation.tsx
new file mode 100644
index 0000000..56a2784
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/affiliation/reconfirm-affiliation.tsx
@@ -0,0 +1,150 @@
+import { useState, useEffect } from 'react'
+import { useTranslation, Trans } from 'react-i18next'
+import getMeta from '../../../../../../utils/meta'
+import useAsync from '../../../../../../shared/hooks/use-async'
+import {
+  FetchError,
+  postJSON,
+} from '../../../../../../infrastructure/fetch-json'
+import { UserEmailData } from '../../../../../../../../types/user-email'
+import { Institution } from '../../../../../../../../types/institution'
+import { useLocation } from '../../../../../../shared/hooks/use-location'
+import { debugConsole } from '@/utils/debugging'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import Notification from '@/features/project-list/components/notifications/notification'
+
+type ReconfirmAffiliationProps = {
+  email: UserEmailData['email']
+  institution: Institution
+}
+
+function ReconfirmAffiliation({
+  email,
+  institution,
+}: ReconfirmAffiliationProps) {
+  const { t } = useTranslation()
+  const { samlInitPath } = getMeta('ol-ExposedSettings')
+  const { error, isLoading, isError, isSuccess, runAsync } = useAsync()
+  const [hasSent, setHasSent] = useState(false)
+  const [isPending, setIsPending] = useState(false)
+  const ssoEnabled = institution.ssoEnabled
+  const location = useLocation()
+
+  useEffect(() => {
+    if (isSuccess) {
+      setHasSent(true)
+    }
+  }, [isSuccess])
+
+  const handleRequestReconfirmation = () => {
+    if (ssoEnabled) {
+      setIsPending(true)
+      location.assign(
+        `${samlInitPath}?university_id=${institution.id}&reconfirm=/project`
+      )
+    } else {
+      runAsync(
+        postJSON('/user/emails/send-reconfirmation', {
+          body: { email },
+        })
+      ).catch(debugConsole.error)
+    }
+  }
+
+  const rateLimited =
+    error && error instanceof FetchError && error.response?.status === 429
+
+  if (hasSent) {
+    return (
+      <Notification
+        type="info"
+        content={
+          <>
+            <Trans
+              i18nKey="please_check_your_inbox_to_confirm"
+              components={[<b />]} // eslint-disable-line react/jsx-key
+              values={{ institutionName: institution.name }}
+              shouldUnescape
+              tOptions={{ interpolation: { escapeValue: true } }}
+            />
+            &nbsp;
+            {isError && (
+              <>
+                <br />
+                <div>
+                  {rateLimited
+                    ? t('too_many_requests')
+                    : t('generic_something_went_wrong')}
+                </div>
+              </>
+            )}
+          </>
+        }
+        action={
+          <OLButton
+            variant="link"
+            onClick={handleRequestReconfirmation}
+            className="btn-inline-link"
+            disabled={isLoading}
+            isLoading={isLoading}
+            loadingLabel={t('sending') + '…'}
+          >
+            {t('resend_confirmation_email')}
+          </OLButton>
+        }
+      />
+    )
+  }
+
+  return (
+    <Notification
+      type="info"
+      content={
+        <>
+          <Trans
+            i18nKey="are_you_still_at"
+            components={[<b />]} // eslint-disable-line react/jsx-key
+            values={{ institutionName: institution.name }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+          />
+          &nbsp;
+          <Trans
+            i18nKey="please_reconfirm_institutional_email"
+            /* eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key */
+            components={[<a href={`/user/settings?remove=${email}`} />]}
+          />
+          &nbsp;
+          <a
+            href="/learn/how-to/Institutional_Email_Reconfirmation"
+            target="_blank"
+          >
+            {t('learn_more')}
+          </a>
+          {isError && (
+            <>
+              <br />
+              <div>
+                {rateLimited
+                  ? t('too_many_requests')
+                  : t('generic_something_went_wrong')}
+              </div>
+            </>
+          )}
+        </>
+      }
+      action={
+        <OLButton
+          variant="secondary"
+          isLoading={isLoading || isPending}
+          disabled={isLoading || isPending}
+          onClick={handleRequestReconfirmation}
+        >
+          {t('confirm_affiliation')}
+        </OLButton>
+      }
+    />
+  )
+}
+
+export default ReconfirmAffiliation
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/affiliation/reconfirmation-info.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/affiliation/reconfirmation-info.tsx
new file mode 100644
index 0000000..0af8667
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/affiliation/reconfirmation-info.tsx
@@ -0,0 +1,41 @@
+import Notification from '../../notification'
+import ReconfirmAffiliation from './reconfirm-affiliation'
+import getMeta from '../../../../../../utils/meta'
+import ReconfirmationInfoSuccess from '../../../../../settings/components/emails/reconfirmation-info/reconfirmation-info-success'
+
+function ReconfirmationInfo() {
+  const allInReconfirmNotificationPeriods =
+    getMeta('ol-allInReconfirmNotificationPeriods') || []
+  const userEmails = getMeta('ol-userEmails') || []
+  const reconfirmedViaSAML = getMeta('ol-reconfirmedViaSAML')
+  return (
+    <>
+      {allInReconfirmNotificationPeriods.map(userEmail =>
+        userEmail.affiliation?.institution ? (
+          <ReconfirmAffiliation
+            email={userEmail.email}
+            institution={userEmail.affiliation.institution}
+            key={`reconfirmation-period-email-${userEmail.email}`}
+          />
+        ) : null
+      )}
+      {userEmails.map(userEmail =>
+        userEmail.samlProviderId === reconfirmedViaSAML &&
+        userEmail.affiliation?.institution ? (
+          <Notification
+            key={`samlIdentifier-email-${userEmail.email}`}
+            type="info"
+            onDismiss={() => {}}
+            content={
+              <ReconfirmationInfoSuccess
+                institution={userEmail.affiliation?.institution}
+              />
+            }
+          />
+        ) : null
+      )}
+    </>
+  )
+}
+
+export default ReconfirmationInfo
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/common.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/common.tsx
new file mode 100644
index 0000000..3a383a0
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/common.tsx
@@ -0,0 +1,301 @@
+import { useTranslation, Trans } from 'react-i18next'
+import Notification from '../notification'
+import getMeta from '../../../../../utils/meta'
+import useAsyncDismiss from '../hooks/useAsyncDismiss'
+import useAsync from '../../../../../shared/hooks/use-async'
+import { FetchError, postJSON } from '../../../../../infrastructure/fetch-json'
+import {
+  NotificationProjectInvite,
+  Notification as NotificationType,
+} from '../../../../../../../types/project/dashboard/notification'
+import GroupInvitationNotification from './group-invitation/group-invitation'
+import { debugConsole } from '@/utils/debugging'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+function Common() {
+  const notifications = getMeta('ol-notifications') || []
+  if (!notifications.length) {
+    return null
+  }
+
+  return (
+    <>
+      {notifications.map((notification, index) => (
+        <CommonNotification notification={notification} key={index} />
+      ))}
+    </>
+  )
+}
+
+type CommonNotificationProps = {
+  notification: NotificationType
+}
+
+function CommonNotification({ notification }: CommonNotificationProps) {
+  const { t } = useTranslation()
+  const { samlInitPath } = getMeta('ol-ExposedSettings')
+  const user = getMeta('ol-user')
+  const { isLoading, isSuccess, error, runAsync } = useAsync<
+    never,
+    FetchError
+  >()
+  const { handleDismiss } = useAsyncDismiss()
+
+  // 404 probably means the invite has already been accepted and deleted. Treat as success
+  const accepted = isSuccess || error?.response?.status === 404
+
+  function handleAcceptInvite(notification: NotificationProjectInvite) {
+    const {
+      messageOpts: { projectId, token },
+    } = notification
+
+    runAsync(
+      postJSON(`/project/${projectId}/invite/token/${token}/accept`)
+    ).catch(debugConsole.error)
+  }
+
+  const { _id: id, templateKey, html } = notification
+
+  return (
+    <>
+      {templateKey === 'notification_project_invite' ? (
+        <Notification
+          type="info"
+          onDismiss={() => id && handleDismiss(id)}
+          content={
+            accepted ? (
+              <Trans
+                i18nKey="notification_project_invite_accepted_message"
+                components={{ b: <b /> }}
+                values={{ projectName: notification.messageOpts.projectName }}
+                shouldUnescape
+                tOptions={{ interpolation: { escapeValue: true } }}
+              />
+            ) : (
+              <Trans
+                i18nKey="notification_project_invite_message"
+                components={{ b: <b /> }}
+                values={{
+                  userName: notification.messageOpts.userName,
+                  projectName: notification.messageOpts.projectName,
+                }}
+                shouldUnescape
+                tOptions={{ interpolation: { escapeValue: true } }}
+              />
+            )
+          }
+          action={
+            accepted ? (
+              <OLButton
+                variant="secondary"
+                href={`/project/${notification.messageOpts.projectId}`}
+              >
+                {t('open_project')}
+              </OLButton>
+            ) : (
+              <OLButton
+                variant="secondary"
+                isLoading={isLoading}
+                loadingLabel={t('joining')}
+                disabled={isLoading}
+                onClick={() => handleAcceptInvite(notification)}
+              >
+                {t('join_project')}
+              </OLButton>
+            )
+          }
+        />
+      ) : templateKey === 'wfh_2020_upgrade_offer' ? (
+        <Notification
+          type="info"
+          onDismiss={() => id && handleDismiss(id)}
+          content={
+            <>
+              Important notice: Your free WFH2020 upgrade came to an end on June
+              30th 2020. We're still providing a number of special initiatives
+              to help you continue collaborating throughout 2020.
+            </>
+          }
+          action={
+            <OLButton
+              variant="secondary"
+              href="https://www.overleaf.com/events/wfh2020"
+            >
+              View
+            </OLButton>
+          }
+        />
+      ) : templateKey === 'notification_ip_matched_affiliation' ? (
+        <Notification
+          type="info"
+          onDismiss={() => id && handleDismiss(id)}
+          content={
+            <>
+              <Trans
+                i18nKey="looks_like_youre_at"
+                components={[<b />]} // eslint-disable-line react/jsx-key
+                values={{
+                  institutionName: notification.messageOpts.university_name,
+                }}
+                shouldUnescape
+                tOptions={{ interpolation: { escapeValue: true } }}
+              />
+              <br />
+              {notification.messageOpts.ssoEnabled ? (
+                <>
+                  <Trans
+                    i18nKey="you_can_now_log_in_sso"
+                    components={[<b />]} // eslint-disable-line react/jsx-key
+                  />
+                  <br />
+                  {t('link_institutional_email_get_started')}{' '}
+                  <a
+                    href={
+                      notification.messageOpts.portalPath ||
+                      'https://www.overleaf.com/learn/how-to/Institutional_Login'
+                    }
+                  >
+                    {t('find_out_more_nt')}
+                  </a>
+                </>
+              ) : (
+                <>
+                  <Trans
+                    i18nKey="did_you_know_institution_providing_professional"
+                    components={[<b />]} // eslint-disable-line react/jsx-key
+                    values={{
+                      institutionName: notification.messageOpts.university_name,
+                    }}
+                    shouldUnescape
+                    tOptions={{ interpolation: { escapeValue: true } }}
+                  />
+                  <br />
+                  {t('add_email_to_claim_features')}
+                </>
+              )}
+            </>
+          }
+          action={
+            <OLButton
+              variant="secondary"
+              href={
+                notification.messageOpts.ssoEnabled
+                  ? `${samlInitPath}?university_id=${notification.messageOpts.institutionId}&auto=/project`
+                  : '/user/settings'
+              }
+            >
+              {notification.messageOpts.ssoEnabled
+                ? t('link_account')
+                : t('add_affiliation')}
+            </OLButton>
+          }
+        />
+      ) : templateKey === 'notification_tpds_file_limit' ? (
+        <Notification
+          type="error"
+          onDismiss={() => id && handleDismiss(id)}
+          title={`${notification?.messageOpts?.projectName || 'A project'} exceeds the 2000 file limit`}
+          content={
+            <>
+              You can't add more files to the project or sync it with any
+              integrations until you reduce the number of files.
+            </>
+          }
+          action={
+            notification.messageOpts.projectId ? (
+              <OLButton
+                variant="secondary"
+                onClick={() => id && handleDismiss(id)}
+                href={`/project/${notification.messageOpts.projectId}`}
+              >
+                Open project
+              </OLButton>
+            ) : undefined
+          }
+        />
+      ) : templateKey === 'notification_dropbox_duplicate_project_names' ? (
+        <Notification
+          type="warning"
+          onDismiss={() => id && handleDismiss(id)}
+          content={
+            <>
+              <p>
+                <Trans
+                  i18nKey="dropbox_duplicate_project_names"
+                  components={[<b />]} // eslint-disable-line react/jsx-key
+                  values={{ projectName: notification.messageOpts.projectName }}
+                  shouldUnescape
+                  tOptions={{ interpolation: { escapeValue: true } }}
+                />
+              </p>
+              <p>
+                <Trans
+                  i18nKey="dropbox_duplicate_project_names_suggestion"
+                  components={[<b />]} // eslint-disable-line react/jsx-key
+                />{' '}
+                <a
+                  href="/learn/how-to/Dropbox_Synchronization#Troubleshooting"
+                  target="_blank"
+                >
+                  {t('learn_more')}
+                </a>
+                .
+              </p>
+            </>
+          }
+        />
+      ) : templateKey ===
+        'notification_dropbox_unlinked_due_to_lapsed_reconfirmation' ? (
+        <Notification
+          type="info"
+          onDismiss={() => id && handleDismiss(id)}
+          content={
+            <>
+              <Trans
+                i18nKey="dropbox_unlinked_premium_feature"
+                components={[<b />]} // eslint-disable-line react/jsx-key
+              />{' '}
+              {user.features?.dropbox ? (
+                <Trans
+                  i18nKey="can_now_relink_dropbox"
+                  /* eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key */
+                  components={[<a href="/user/settings#project-sync" />]}
+                />
+              ) : (
+                t('confirm_affiliation_to_relink_dropbox')
+              )}{' '}
+              <a
+                href="/learn/how-to/Institutional_Email_Reconfirmation"
+                target="_blank"
+              >
+                {t('learn_more')}
+              </a>
+            </>
+          }
+        />
+      ) : templateKey === 'notification_group_invitation' ? (
+        <GroupInvitationNotification notification={notification} />
+      ) : templateKey === 'notification_personal_and_group_subscriptions' ? (
+        <Notification
+          type="warning"
+          onDismiss={() => id && handleDismiss(id)}
+          content={
+            <Trans
+              i18nKey="notification_personal_and_group_subscriptions"
+              /* eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key */
+              components={[<strong />, <a href="/user/subscription" />]}
+            />
+          }
+        />
+      ) : (
+        <Notification
+          type="info"
+          onDismiss={() => id && handleDismiss(id)}
+          content={html}
+        />
+      )}
+    </>
+  )
+}
+
+export default Common
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/confirm-email.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/confirm-email.tsx
new file mode 100644
index 0000000..ca73d87
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/confirm-email.tsx
@@ -0,0 +1,326 @@
+import { Trans, useTranslation } from 'react-i18next'
+import Notification from '../notification'
+import getMeta from '../../../../../utils/meta'
+import useAsync from '../../../../../shared/hooks/use-async'
+import { useProjectListContext } from '../../../context/project-list-context'
+import {
+  postJSON,
+  getUserFacingMessage,
+} from '../../../../../infrastructure/fetch-json'
+import { UserEmailData } from '../../../../../../../types/user-email'
+import { debugConsole } from '@/utils/debugging'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import LoadingSpinner from '@/shared/components/loading-spinner'
+
+const ssoAvailable = ({ samlProviderId, affiliation }: UserEmailData) => {
+  const { hasSamlFeature, hasSamlBeta } = getMeta('ol-ExposedSettings')
+
+  if (!hasSamlFeature) {
+    return false
+  }
+  if (samlProviderId) {
+    return true
+  }
+  if (!affiliation?.institution) {
+    return false
+  }
+  if (affiliation.institution.ssoEnabled) {
+    return true
+  }
+  if (hasSamlBeta && affiliation.institution.ssoBeta) {
+    return true
+  }
+  return false
+}
+
+function emailHasLicenceAfterConfirming(emailData: UserEmailData) {
+  if (emailData.confirmedAt) {
+    return false
+  }
+  if (!emailData.affiliation) {
+    return false
+  }
+  const affiliation = emailData.affiliation
+  const institution = affiliation.institution
+  if (!institution) {
+    return false
+  }
+  if (!institution.confirmed) {
+    return false
+  }
+  if (affiliation.pastReconfirmDate) {
+    return false
+  }
+
+  return affiliation.institution.commonsAccount
+}
+
+function isOnFreeOrIndividualPlan() {
+  const subscription = getMeta('ol-usersBestSubscription')
+  if (!subscription) {
+    return false
+  }
+  const { type } = subscription
+  return (
+    type === 'free' || type === 'individual' || type === 'standalone-ai-add-on'
+  )
+}
+
+const showConfirmEmail = (userEmail: UserEmailData) => {
+  const { emailConfirmationDisabled } = getMeta('ol-ExposedSettings')
+
+  return !emailConfirmationDisabled && !ssoAvailable(userEmail)
+}
+
+const EMAIL_DELETION_SCHEDULE = {
+  '2025-06-03': '2017-12-31',
+  '2025-07-03': '2019-12-31',
+  '2025-08-03': '2021-12-31',
+  '2025-09-03': '2025-03-03',
+}
+
+// Emails that remain unconfirmed after 90 days will be removed from the account
+function getEmailDeletionDate(emailData: UserEmailData, signUpDate: string) {
+  if (emailData.default) return false
+  if (emailData.confirmedAt) return false
+
+  if (!signUpDate) return false
+
+  const currentDate = new Date()
+
+  for (const [deletionDate, cutoffDate] of Object.entries(
+    EMAIL_DELETION_SCHEDULE
+  )) {
+    const emailSignupDate = new Date(signUpDate)
+    const emailCutoffDate = new Date(cutoffDate)
+    const emailDeletionDate = new Date(deletionDate)
+
+    if (emailSignupDate < emailCutoffDate) {
+      const notificationStartDate = new Date(
+        emailDeletionDate.getTime() - 90 * 24 * 60 * 60 * 1000
+      )
+      if (currentDate >= notificationStartDate) {
+        if (currentDate > emailDeletionDate) {
+          return new Date().toLocaleDateString()
+        }
+        return emailDeletionDate.toLocaleDateString()
+      }
+    }
+  }
+
+  return false
+}
+
+function ConfirmEmailNotification({
+  userEmail,
+  signUpDate,
+}: {
+  userEmail: UserEmailData
+  signUpDate: string
+}) {
+  const { t } = useTranslation()
+  const { isLoading, isSuccess, isError, error, runAsync } = useAsync()
+
+  // We consider secondary emails added on or after 22.03.2024 to be trusted for account recovery
+  // https://github.com/overleaf/internal/pull/17572
+  const emailTrustCutoffDate = new Date('2024-03-22')
+  const emailDeletionDate = getEmailDeletionDate(userEmail, signUpDate)
+  const isPrimary = userEmail.default
+
+  const isEmailTrusted =
+    userEmail.lastConfirmedAt &&
+    new Date(userEmail.lastConfirmedAt) >= emailTrustCutoffDate
+
+  const shouldShowCommonsNotification =
+    emailHasLicenceAfterConfirming(userEmail) && isOnFreeOrIndividualPlan()
+
+  const handleResendConfirmationEmail = ({ email }: UserEmailData) => {
+    runAsync(
+      postJSON('/user/emails/resend_confirmation', {
+        body: { email },
+      })
+    ).catch(debugConsole.error)
+  }
+
+  if (isSuccess) {
+    return null
+  }
+
+  if (!userEmail.lastConfirmedAt && !shouldShowCommonsNotification) {
+    return (
+      <Notification
+        type="warning"
+        content={
+          <div data-testid="pro-notification-body">
+            {isLoading ? (
+              <div data-testid="loading-resending-confirmation-email">
+                <LoadingSpinner
+                  loadingText={t('resending_confirmation_email')}
+                />
+              </div>
+            ) : isError ? (
+              <div aria-live="polite">{getUserFacingMessage(error)}</div>
+            ) : (
+              <>
+                <p>
+                  {isPrimary
+                    ? t('please_confirm_primary_email', {
+                        emailAddress: userEmail.email,
+                      })
+                    : t('please_confirm_secondary_email', {
+                        emailAddress: userEmail.email,
+                      })}
+                </p>
+                {emailDeletionDate && (
+                  <p>
+                    {t('email_remove_by_date', { date: emailDeletionDate })}
+                  </p>
+                )}
+              </>
+            )}
+          </div>
+        }
+        action={
+          <>
+            <OLButton
+              variant="secondary"
+              onClick={() => handleResendConfirmationEmail(userEmail)}
+            >
+              {t('resend_confirmation_email')}
+            </OLButton>
+            <OLButton variant="link" href="/user/settings">
+              {isPrimary
+                ? t('change_primary_email')
+                : t('remove_email_address')}
+            </OLButton>
+          </>
+        }
+      />
+    )
+  }
+
+  if (!isEmailTrusted && !isPrimary && !shouldShowCommonsNotification) {
+    return (
+      <Notification
+        type="warning"
+        content={
+          <div data-testid="not-trusted-notification-body">
+            {isLoading ? (
+              <div data-testid="error-id">
+                <LoadingSpinner
+                  loadingText={t('resending_confirmation_email')}
+                />
+              </div>
+            ) : isError ? (
+              <div aria-live="polite">{getUserFacingMessage(error)}</div>
+            ) : (
+              <>
+                <p>
+                  <b>{t('confirm_secondary_email')}</b>
+                </p>
+                <p>
+                  {t('reconfirm_secondary_email', {
+                    emailAddress: userEmail.email,
+                  })}
+                </p>
+                <p>{t('ensure_recover_account')}</p>
+              </>
+            )}
+          </div>
+        }
+        action={
+          <>
+            <OLButton
+              variant="secondary"
+              onClick={() => handleResendConfirmationEmail(userEmail)}
+            >
+              {t('resend_confirmation_email')}
+            </OLButton>
+            <OLButton
+              variant="link"
+              href="/user/settings"
+              style={{ textDecoration: 'underline' }}
+            >
+              {t('remove_email_address')}
+            </OLButton>
+          </>
+        }
+      />
+    )
+  }
+
+  // Only show the notification if a) a commons license is available and b) the
+  // user is on a free or individual plan. Users on a group or Commons plan
+  // already have premium features.
+  if (shouldShowCommonsNotification) {
+    return (
+      <Notification
+        type="info"
+        content={
+          <div data-testid="notification-body">
+            {isLoading ? (
+              <LoadingSpinner loadingText={t('resending_confirmation_email')} />
+            ) : isError ? (
+              <div aria-live="polite">{getUserFacingMessage(error)}</div>
+            ) : (
+              <>
+                <Trans
+                  i18nKey="one_step_away_from_professional_features"
+                  components={[<strong />]} // eslint-disable-line react/jsx-key
+                />
+                <br />
+                <Trans
+                  i18nKey="institution_has_overleaf_subscription"
+                  values={{
+                    institutionName: userEmail.affiliation?.institution.name,
+                    emailAddress: userEmail.email,
+                  }}
+                  shouldUnescape
+                  tOptions={{ interpolation: { escapeValue: true } }}
+                  components={[<strong />]} // eslint-disable-line react/jsx-key
+                />
+              </>
+            )}
+          </div>
+        }
+        action={
+          <OLButton
+            variant="secondary"
+            onClick={() => handleResendConfirmationEmail(userEmail)}
+          >
+            {t('resend_email')}
+          </OLButton>
+        }
+      />
+    )
+  }
+
+  return null
+}
+
+function ConfirmEmail() {
+  const { totalProjectsCount } = useProjectListContext()
+  const userEmails = getMeta('ol-userEmails') || []
+  const signUpDate = getMeta('ol-user')?.signUpDate
+
+  if (!totalProjectsCount || !userEmails.length || !signUpDate) {
+    return null
+  }
+
+  return (
+    <>
+      {userEmails.map(userEmail => {
+        return showConfirmEmail(userEmail) ? (
+          <ConfirmEmailNotification
+            key={`confirm-email-${userEmail.email}`}
+            userEmail={userEmail}
+            signUpDate={signUpDate}
+          />
+        ) : null
+      })}
+    </>
+  )
+}
+
+export default ConfirmEmail
+export { getEmailDeletionDate }
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-cancel-subscription.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-cancel-subscription.tsx
new file mode 100644
index 0000000..c214381
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-cancel-subscription.tsx
@@ -0,0 +1,51 @@
+import { useTranslation } from 'react-i18next'
+import type { Dispatch, SetStateAction } from 'react'
+import Notification from '../../notification'
+import { GroupInvitationStatus } from './hooks/use-group-invitation-notification'
+import type { NotificationGroupInvitation } from '../../../../../../../../types/project/dashboard/notification'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+type GroupInvitationCancelIndividualSubscriptionNotificationProps = {
+  setGroupInvitationStatus: Dispatch<SetStateAction<GroupInvitationStatus>>
+  cancelPersonalSubscription: () => void
+  dismissGroupInviteNotification: () => void
+  notification: NotificationGroupInvitation
+}
+
+export default function GroupInvitationCancelIndividualSubscriptionNotification({
+  setGroupInvitationStatus,
+  cancelPersonalSubscription,
+  dismissGroupInviteNotification,
+  notification,
+}: GroupInvitationCancelIndividualSubscriptionNotificationProps) {
+  const { t } = useTranslation()
+  const {
+    messageOpts: { inviterName },
+  } = notification
+
+  return (
+    <Notification
+      type="info"
+      onDismiss={dismissGroupInviteNotification}
+      content={t('invited_to_group_have_individual_subcription', {
+        inviterName,
+      })}
+      action={
+        <>
+          <OLButton
+            variant="secondary"
+            onClick={() =>
+              setGroupInvitationStatus(GroupInvitationStatus.AskToJoin)
+            }
+            className="me-1"
+          >
+            {t('not_now')}
+          </OLButton>
+          <OLButton variant="secondary" onClick={cancelPersonalSubscription}>
+            {t('cancel_my_subscription')}
+          </OLButton>
+        </>
+      }
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-join.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-join.tsx
new file mode 100644
index 0000000..e9710c0
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-join.tsx
@@ -0,0 +1,51 @@
+import { useTranslation, Trans } from 'react-i18next'
+import Notification from '../../notification'
+import type { NotificationGroupInvitation } from '../../../../../../../../types/project/dashboard/notification'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+type GroupInvitationNotificationProps = {
+  acceptGroupInvite: () => void
+  notification: NotificationGroupInvitation
+  isAcceptingInvitation: boolean
+  dismissGroupInviteNotification: () => void
+}
+
+export default function GroupInvitationNotificationJoin({
+  acceptGroupInvite,
+  notification,
+  isAcceptingInvitation,
+  dismissGroupInviteNotification,
+}: GroupInvitationNotificationProps) {
+  const { t } = useTranslation()
+  const {
+    messageOpts: { inviterName },
+  } = notification
+
+  return (
+    <Notification
+      type="info"
+      onDismiss={dismissGroupInviteNotification}
+      content={
+        <Trans
+          i18nKey="invited_to_group"
+          values={{ inviterName }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+          components={
+            /* eslint-disable-next-line react/jsx-key */
+            [<span className="team-invite-name" />]
+          }
+        />
+      }
+      action={
+        <OLButton
+          variant="secondary"
+          onClick={acceptGroupInvite}
+          disabled={isAcceptingInvitation}
+        >
+          {t('join_now')}
+        </OLButton>
+      }
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-successful.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-successful.tsx
new file mode 100644
index 0000000..3df96ea
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation-successful.tsx
@@ -0,0 +1,20 @@
+import Notification from '../../notification'
+import { useTranslation } from 'react-i18next'
+
+type GroupInvitationSuccessfulNotificationProps = {
+  hideNotification: () => void
+}
+
+export default function GroupInvitationSuccessfulNotification({
+  hideNotification,
+}: GroupInvitationSuccessfulNotificationProps) {
+  const { t } = useTranslation()
+
+  return (
+    <Notification
+      type="success"
+      onDismiss={hideNotification}
+      content={t('congratulations_youve_successfully_join_group')}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation.tsx
new file mode 100644
index 0000000..001a4d9
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/group-invitation.tsx
@@ -0,0 +1,55 @@
+import type { NotificationGroupInvitation } from '../../../../../../../../types/project/dashboard/notification'
+import GroupInvitationCancelIndividualSubscriptionNotification from './group-invitation-cancel-subscription'
+import GroupInvitationNotificationJoin from './group-invitation-join'
+import GroupInvitationSuccessfulNotification from './group-invitation-successful'
+import {
+  GroupInvitationStatus,
+  useGroupInvitationNotification,
+} from './hooks/use-group-invitation-notification'
+
+type GroupInvitationNotificationProps = {
+  notification: NotificationGroupInvitation
+}
+
+export default function GroupInvitationNotification({
+  notification,
+}: GroupInvitationNotificationProps) {
+  const {
+    isAcceptingInvitation,
+    groupInvitationStatus,
+    setGroupInvitationStatus,
+    acceptGroupInvite,
+    cancelPersonalSubscription,
+    dismissGroupInviteNotification,
+    hideNotification,
+  } = useGroupInvitationNotification(notification)
+
+  switch (groupInvitationStatus) {
+    case GroupInvitationStatus.CancelIndividualSubscription:
+      return (
+        <GroupInvitationCancelIndividualSubscriptionNotification
+          setGroupInvitationStatus={setGroupInvitationStatus}
+          cancelPersonalSubscription={cancelPersonalSubscription}
+          dismissGroupInviteNotification={dismissGroupInviteNotification}
+          notification={notification}
+        />
+      )
+    case GroupInvitationStatus.AskToJoin:
+      return (
+        <GroupInvitationNotificationJoin
+          isAcceptingInvitation={isAcceptingInvitation}
+          notification={notification}
+          acceptGroupInvite={acceptGroupInvite}
+          dismissGroupInviteNotification={dismissGroupInviteNotification}
+        />
+      )
+    case GroupInvitationStatus.SuccessfullyJoined:
+      return (
+        <GroupInvitationSuccessfulNotification
+          hideNotification={hideNotification}
+        />
+      )
+    default:
+      return null
+  }
+}
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/hooks/use-group-invitation-notification.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/hooks/use-group-invitation-notification.tsx
new file mode 100644
index 0000000..6c25513
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/group-invitation/hooks/use-group-invitation-notification.tsx
@@ -0,0 +1,126 @@
+import {
+  type Dispatch,
+  type SetStateAction,
+  useState,
+  useCallback,
+  useEffect,
+} from 'react'
+import type { NotificationGroupInvitation } from '../../../../../../../../../types/project/dashboard/notification'
+import useAsync from '../../../../../../../shared/hooks/use-async'
+import {
+  FetchError,
+  postJSON,
+  putJSON,
+} from '../../../../../../../infrastructure/fetch-json'
+import { useLocation } from '../../../../../../../shared/hooks/use-location'
+import getMeta from '../../../../../../../utils/meta'
+import useAsyncDismiss from '../../../hooks/useAsyncDismiss'
+import { debugConsole } from '@/utils/debugging'
+
+const SUCCESSFUL_NOTIF_TIME_BEFORE_HIDDEN = 10 * 1000
+
+/* eslint-disable no-unused-vars */
+export enum GroupInvitationStatus {
+  Idle = 'Idle',
+  CancelIndividualSubscription = 'CancelIndividualSubscription',
+  AskToJoin = 'AskToJoin',
+  SuccessfullyJoined = 'SuccessfullyJoined',
+  NotificationIsHidden = 'NotificationIsHidden',
+  Error = 'Error',
+}
+/* eslint-enable no-unused-vars */
+
+type UseGroupInvitationNotificationReturnType = {
+  isAcceptingInvitation: boolean
+  groupInvitationStatus: GroupInvitationStatus
+  setGroupInvitationStatus: Dispatch<SetStateAction<GroupInvitationStatus>>
+  acceptGroupInvite: () => void
+  cancelPersonalSubscription: () => void
+  dismissGroupInviteNotification: () => void
+  hideNotification: () => void
+}
+
+export function useGroupInvitationNotification(
+  notification: NotificationGroupInvitation
+): UseGroupInvitationNotificationReturnType {
+  const {
+    _id: notificationId,
+    messageOpts: { token, managedUsersEnabled },
+  } = notification
+
+  const [groupInvitationStatus, setGroupInvitationStatus] =
+    useState<GroupInvitationStatus>(GroupInvitationStatus.Idle)
+  const { runAsync, isLoading: isAcceptingInvitation } = useAsync<
+    never,
+    FetchError
+  >()
+  const location = useLocation()
+  const { handleDismiss } = useAsyncDismiss()
+
+  const hasIndividualRecurlySubscription = getMeta(
+    'ol-hasIndividualRecurlySubscription'
+  )
+
+  useEffect(() => {
+    if (hasIndividualRecurlySubscription) {
+      setGroupInvitationStatus(
+        GroupInvitationStatus.CancelIndividualSubscription
+      )
+    } else {
+      setGroupInvitationStatus(GroupInvitationStatus.AskToJoin)
+    }
+  }, [hasIndividualRecurlySubscription])
+
+  const acceptGroupInvite = useCallback(() => {
+    if (managedUsersEnabled) {
+      location.assign(`/subscription/invites/${token}/`)
+    } else {
+      runAsync(
+        putJSON(`/subscription/invites/${token}/`, {
+          body: {
+            _csrf: getMeta('ol-csrfToken'),
+          },
+        })
+      )
+        .then(() => {
+          setGroupInvitationStatus(GroupInvitationStatus.SuccessfullyJoined)
+        })
+        .catch(err => {
+          debugConsole.error(err)
+          setGroupInvitationStatus(GroupInvitationStatus.Error)
+        })
+        .finally(() => {
+          // remove notification automatically in the browser
+          window.setTimeout(() => {
+            setGroupInvitationStatus(GroupInvitationStatus.NotificationIsHidden)
+          }, SUCCESSFUL_NOTIF_TIME_BEFORE_HIDDEN)
+        })
+    }
+  }, [runAsync, token, location, managedUsersEnabled])
+
+  const cancelPersonalSubscription = useCallback(() => {
+    setGroupInvitationStatus(GroupInvitationStatus.AskToJoin)
+
+    runAsync(postJSON('/user/subscription/cancel')).catch(debugConsole.error)
+  }, [runAsync])
+
+  const dismissGroupInviteNotification = useCallback(() => {
+    if (notificationId) {
+      handleDismiss(notificationId)
+    }
+  }, [handleDismiss, notificationId])
+
+  const hideNotification = useCallback(() => {
+    setGroupInvitationStatus(GroupInvitationStatus.NotificationIsHidden)
+  }, [])
+
+  return {
+    isAcceptingInvitation,
+    groupInvitationStatus,
+    setGroupInvitationStatus,
+    acceptGroupInvite,
+    cancelPersonalSubscription,
+    dismissGroupInviteNotification,
+    hideNotification,
+  }
+}
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/group-sso-setup-success.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/group-sso-setup-success.tsx
new file mode 100644
index 0000000..b9cb718
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/group-sso-setup-success.tsx
@@ -0,0 +1,24 @@
+import { useTranslation } from 'react-i18next'
+import Notification from '../../../../../shared/components/notification'
+import getMeta from '../../../../../utils/meta'
+
+function GroupSsoSetupSuccess() {
+  const { t } = useTranslation()
+  const wasSuccess = getMeta('ol-groupSsoSetupSuccess')
+
+  if (!wasSuccess) {
+    return null
+  }
+
+  return (
+    <li className="notification-entry">
+      <Notification
+        type="success"
+        content={t('success_sso_set_up')}
+        isDismissible
+      />
+    </li>
+  )
+}
+
+export default GroupSsoSetupSuccess
diff --git a/services/web/frontend/js/features/project-list/components/notifications/groups/institution.tsx b/services/web/frontend/js/features/project-list/components/notifications/groups/institution.tsx
new file mode 100644
index 0000000..10ed7a2
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/groups/institution.tsx
@@ -0,0 +1,167 @@
+import { Fragment } from 'react'
+import { useTranslation, Trans } from 'react-i18next'
+import Notification from '../notification'
+import getMeta from '../../../../../utils/meta'
+import useAsyncDismiss from '../hooks/useAsyncDismiss'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+function Institution() {
+  const { t } = useTranslation()
+  const { samlInitPath, appName } = getMeta('ol-ExposedSettings')
+  const notificationsInstitution = getMeta('ol-notificationsInstitution') || []
+  const { handleDismiss } = useAsyncDismiss()
+
+  if (!notificationsInstitution.length) {
+    return null
+  }
+
+  return (
+    <>
+      {notificationsInstitution.map(
+        (
+          {
+            _id: id,
+            email,
+            institutionEmail,
+            institutionId,
+            institutionName,
+            templateKey,
+            requestedEmail,
+            error,
+          },
+          index
+        ) => (
+          <Fragment key={index}>
+            {templateKey === 'notification_institution_sso_available' && (
+              <Notification
+                type="info"
+                content={
+                  <>
+                    <p>
+                      <Trans
+                        i18nKey="can_link_institution_email_acct_to_institution_acct"
+                        components={{ b: <b /> }}
+                        values={{ appName, email, institutionName }}
+                        shouldUnescape
+                        tOptions={{ interpolation: { escapeValue: true } }}
+                      />
+                    </p>
+                    <div>
+                      <Trans
+                        i18nKey="doing_this_allow_log_in_through_institution"
+                        components={{ b: <b /> }}
+                        values={{ appName }}
+                        shouldUnescape
+                        tOptions={{ interpolation: { escapeValue: true } }}
+                      />{' '}
+                      <a
+                        href="/learn/how-to/Institutional_Login"
+                        target="_blank"
+                      >
+                        {t('learn_more')}
+                      </a>
+                    </div>
+                  </>
+                }
+                action={
+                  <OLButton
+                    variant="secondary"
+                    href={`${samlInitPath}?university_id=${institutionId}&auto=/project&email=${email}`}
+                  >
+                    {t('link_account')}
+                  </OLButton>
+                }
+              />
+            )}
+            {templateKey === 'notification_institution_sso_linked' && (
+              <Notification
+                type="info"
+                onDismiss={() => id && handleDismiss(id)}
+                content={
+                  <Trans
+                    i18nKey="account_has_been_link_to_institution_account"
+                    components={{ b: <b /> }}
+                    values={{ appName, email, institutionName }}
+                    shouldUnescape
+                    tOptions={{ interpolation: { escapeValue: true } }}
+                  />
+                }
+              />
+            )}
+            {templateKey === 'notification_institution_sso_non_canonical' && (
+              <Notification
+                type="warning"
+                onDismiss={() => id && handleDismiss(id)}
+                content={
+                  <>
+                    <Trans
+                      i18nKey="tried_to_log_in_with_email"
+                      components={{ b: <b /> }}
+                      values={{ appName, email: requestedEmail }}
+                      shouldUnescape
+                      tOptions={{ interpolation: { escapeValue: true } }}
+                    />{' '}
+                    <Trans
+                      i18nKey="in_order_to_match_institutional_metadata_associated"
+                      components={{ b: <b /> }}
+                      values={{ email: institutionEmail }}
+                      shouldUnescape
+                      tOptions={{ interpolation: { escapeValue: true } }}
+                    />
+                  </>
+                }
+              />
+            )}
+            {templateKey ===
+              'notification_institution_sso_already_registered' && (
+              <Notification
+                type="info"
+                onDismiss={() => id && handleDismiss(id)}
+                content={
+                  <>
+                    <Trans
+                      i18nKey="tried_to_register_with_email"
+                      components={{ b: <b /> }}
+                      values={{ appName, email }}
+                      shouldUnescape
+                      tOptions={{ interpolation: { escapeValue: true } }}
+                    />{' '}
+                    {t('we_logged_you_in')}
+                  </>
+                }
+                action={
+                  <OLButton
+                    variant="secondary"
+                    href="/learn/how-to/Institutional_Login"
+                    target="_blank"
+                  >
+                    {t('find_out_more')}
+                  </OLButton>
+                }
+              />
+            )}
+            {templateKey === 'notification_institution_sso_error' && (
+              <Notification
+                type="error"
+                onDismiss={() => id && handleDismiss(id)}
+                content={
+                  <>
+                    {t('generic_something_went_wrong')}.
+                    <div>
+                      {error?.translatedMessage
+                        ? error?.translatedMessage
+                        : error?.message}
+                    </div>
+                    {error?.tryAgain ? `${t('try_again')}.` : null}
+                  </>
+                }
+              />
+            )}
+          </Fragment>
+        )
+      )}
+    </>
+  )
+}
+
+export default Institution
diff --git a/services/web/frontend/js/features/project-list/components/notifications/hooks/use-papers-notification.ts b/services/web/frontend/js/features/project-list/components/notifications/hooks/use-papers-notification.ts
new file mode 100644
index 0000000..42eafe2
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/hooks/use-papers-notification.ts
@@ -0,0 +1,16 @@
+import { useFeatureFlag } from '@/shared/context/split-test-context'
+import getMeta from '@/utils/meta'
+
+export const usePapersNotification = () => {
+  const user = getMeta('ol-user')
+  const inRollout = useFeatureFlag('papers-notification-banner')
+  const shouldShow =
+    inRollout &&
+    user &&
+    (user.features?.references || user.features?.papers) &&
+    !user.refProviders?.mendeley &&
+    !user.refProviders?.zotero &&
+    !user.refProviders?.papers
+
+  return { shouldShow }
+}
diff --git a/services/web/frontend/js/features/project-list/components/notifications/hooks/useAsyncDismiss.ts b/services/web/frontend/js/features/project-list/components/notifications/hooks/useAsyncDismiss.ts
new file mode 100644
index 0000000..c7f0c1b
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/hooks/useAsyncDismiss.ts
@@ -0,0 +1,15 @@
+import useAsync from '../../../../../shared/hooks/use-async'
+import { deleteJSON } from '../../../../../infrastructure/fetch-json'
+import { debugConsole } from '@/utils/debugging'
+
+function useAsyncDismiss() {
+  const { runAsync, ...rest } = useAsync()
+
+  const handleDismiss = (id: number | string) => {
+    runAsync(deleteJSON(`/notifications/${id}`)).catch(debugConsole.error)
+  }
+
+  return { handleDismiss, ...rest }
+}
+
+export default useAsyncDismiss
diff --git a/services/web/frontend/js/features/project-list/components/notifications/notification.tsx b/services/web/frontend/js/features/project-list/components/notifications/notification.tsx
new file mode 100644
index 0000000..b8c399d
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/notification.tsx
@@ -0,0 +1,21 @@
+import classnames from 'classnames'
+import NewNotification from '@/shared/components/notification'
+
+type NotificationProps = Pick<
+  React.ComponentProps<typeof NewNotification>,
+  'type' | 'action' | 'content' | 'onDismiss' | 'className' | 'title'
+>
+
+function Notification({ className, ...props }: NotificationProps) {
+  const notificationComponent = (
+    <NewNotification isDismissible={props.onDismiss != null} {...props} />
+  )
+
+  return notificationComponent ? (
+    <li className={classnames('notification-entry', className)}>
+      {notificationComponent}
+    </li>
+  ) : null
+}
+
+export default Notification
diff --git a/services/web/frontend/js/features/project-list/components/notifications/papers-notification-banner.tsx b/services/web/frontend/js/features/project-list/components/notifications/papers-notification-banner.tsx
new file mode 100644
index 0000000..5cb0c0e
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/papers-notification-banner.tsx
@@ -0,0 +1,86 @@
+import { memo, useCallback, useEffect } from 'react'
+import Notification from './notification'
+import { Trans, useTranslation } from 'react-i18next'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import usePersistedState from '@/shared/hooks/use-persisted-state'
+import { sendMB } from '@/infrastructure/event-tracking'
+
+function PapersNotificationBanner() {
+  const { t } = useTranslation()
+  const [dismissed, setDismissed] = usePersistedState(
+    'papers-notification-banner-dismissed',
+    false
+  )
+
+  useEffect(() => {
+    if (!dismissed) {
+      sendMB('promo-prompt', {
+        location: 'dashboard-banner',
+        name: 'papers-integration',
+      })
+    }
+  }, [dismissed])
+
+  const handleClose = useCallback(() => {
+    sendMB('promo-dismiss', {
+      location: 'dashboard-banner',
+      name: 'papers-integration',
+    })
+    setDismissed(true)
+  }, [setDismissed])
+
+  const handlePapersButtonClick = useCallback(() => {
+    sendMB('promo-click', {
+      location: 'dashboard-banner',
+      name: 'papers-integration',
+      type: 'click-try-for-free',
+    })
+  }, [])
+
+  const handleSettingsLinkClick = useCallback(() => {
+    sendMB('promo-click', {
+      location: 'dashboard-banner',
+      name: 'papers-integration',
+      type: 'click-link-account',
+    })
+  }, [])
+
+  if (dismissed) return null
+
+  return (
+    <Notification
+      type="info"
+      title={t(
+        'you_can_now_sync_your_papers_library_directly_with_your_overleaf_projects'
+      )}
+      onDismiss={handleClose}
+      content={
+        <p>
+          <Trans
+            i18nKey="already_have_a_papers_account"
+            components={[
+              // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+              <a
+                onClick={handleSettingsLinkClick}
+                href="/user/settings#references"
+              />,
+            ]}
+          />
+        </p>
+      }
+      action={
+        <OLButton
+          variant="secondary"
+          onClick={handlePapersButtonClick}
+          href="https://www.papersapp.com/30-day-trial/?utm_source=overleaf_inproduct&utm_medium=referral&utm_campaign=overleaf_integration"
+          target="_blank"
+          rel="noreferrer"
+        >
+          {t('try_papers_for_free')}
+        </OLButton>
+      }
+    />
+  )
+}
+
+export default memo(PapersNotificationBanner)
diff --git a/services/web/frontend/js/features/project-list/components/notifications/user-notifications.tsx b/services/web/frontend/js/features/project-list/components/notifications/user-notifications.tsx
new file mode 100644
index 0000000..8edb6a5
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/notifications/user-notifications.tsx
@@ -0,0 +1,68 @@
+import { JSXElementConstructor } from 'react'
+import Common from './groups/common'
+import Institution from './groups/institution'
+import ConfirmEmail from './groups/confirm-email'
+import ReconfirmationInfo from './groups/affiliation/reconfirmation-info'
+import GroupsAndEnterpriseBanner from './groups-and-enterprise-banner'
+import GroupSsoSetupSuccess from './groups/group-sso-setup-success'
+import getMeta from '../../../../utils/meta'
+import importOverleafModules from '../../../../../macros/import-overleaf-module.macro'
+import GeoBanners from './geo-banners'
+import AccessibilitySurveyBanner from './accessibility-survey-banner'
+import {
+  DeprecatedBrowser,
+  isDeprecatedBrowser,
+} from '@/shared/components/deprecated-browser'
+import PapersNotificationBanner from './papers-notification-banner'
+import { usePapersNotification } from './hooks/use-papers-notification'
+
+const [enrollmentNotificationModule] = importOverleafModules(
+  'managedGroupSubscriptionEnrollmentNotification'
+)
+
+const [usGovBannerModule] = importOverleafModules('usGovBanner')
+
+const EnrollmentNotification: JSXElementConstructor<{
+  groupId: string
+  groupName: string
+}> = enrollmentNotificationModule?.import.default
+
+const USGovBanner: JSXElementConstructor<Record<string, never>> =
+  usGovBannerModule?.import.default
+
+function UserNotifications() {
+  const groupSubscriptionsPendingEnrollment =
+    getMeta('ol-groupSubscriptionsPendingEnrollment') || []
+
+  const { shouldShow: showPapersNotificationBanner } = usePapersNotification()
+
+  return (
+    <div className="user-notifications notification-list">
+      <ul className="list-unstyled">
+        {EnrollmentNotification &&
+          groupSubscriptionsPendingEnrollment.map(subscription => (
+            <EnrollmentNotification
+              groupId={subscription.groupId}
+              groupName={subscription.groupName}
+              key={subscription.groupId}
+            />
+          ))}
+        <GroupSsoSetupSuccess />
+        <Common />
+        <Institution />
+        <ConfirmEmail />
+        <ReconfirmationInfo />
+        <GeoBanners />
+        <GroupsAndEnterpriseBanner />
+        {USGovBanner && <USGovBanner />}
+
+        {showPapersNotificationBanner && <PapersNotificationBanner />}
+        <AccessibilitySurveyBanner />
+
+        {isDeprecatedBrowser() && <DeprecatedBrowser />}
+      </ul>
+    </div>
+  )
+}
+
+export default UserNotifications
diff --git a/services/web/frontend/js/features/project-list/components/project-list-default.tsx b/services/web/frontend/js/features/project-list/components/project-list-default.tsx
new file mode 100644
index 0000000..307e11e
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/project-list-default.tsx
@@ -0,0 +1,119 @@
+import { useProjectListContext } from '../context/project-list-context'
+import { useTranslation } from 'react-i18next'
+import CurrentPlanWidget from './current-plan-widget/current-plan-widget'
+import NewProjectButton from './new-project-button'
+import ProjectListTable from './table/project-list-table'
+import SurveyWidget from './survey-widget'
+import UserNotifications from './notifications/user-notifications'
+import SearchForm from './search-form'
+import ProjectsDropdown from './dropdown/projects-dropdown'
+import SortByDropdown from './dropdown/sort-by-dropdown'
+import ProjectTools from './table/project-tools/project-tools'
+import ProjectListTitle from './title/project-list-title'
+import Sidebar from './sidebar/sidebar'
+import LoadMore from './load-more'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import { TableContainer } from '@/features/ui/components/bootstrap-5/table'
+import DashApiError from '@/features/project-list/components/dash-api-error'
+
+export default function ProjectListDefault() {
+  const { t } = useTranslation()
+  const {
+    error,
+    searchText,
+    setSearchText,
+    selectedProjects,
+    filter,
+    tags,
+    selectedTagId,
+  } = useProjectListContext()
+
+  const selectedTag = tags.find(tag => tag._id === selectedTagId)
+
+  const tableTopArea = (
+    <div className="pt-2 pb-3 d-md-none d-flex gap-2">
+      <NewProjectButton
+        id="new-project-button-projects-table"
+        showAddAffiliationWidget
+      />
+      <SearchForm
+        inputValue={searchText}
+        setInputValue={setSearchText}
+        filter={filter}
+        selectedTag={selectedTag}
+        className="overflow-hidden flex-grow-1"
+      />
+    </div>
+  )
+
+  return (
+    <>
+      <Sidebar />
+      <div className="project-list-main-react">
+        {error ? <DashApiError /> : ''}
+        <OLRow>
+          <OLCol>
+            <UserNotifications />
+          </OLCol>
+        </OLRow>
+        <div className="project-list-header-row">
+          <ProjectListTitle
+            filter={filter}
+            selectedTag={selectedTag}
+            selectedTagId={selectedTagId}
+            className="text-truncate d-none d-md-block"
+          />
+          <div className="project-tools">
+            <div className="d-none d-md-block">
+              {selectedProjects.length === 0 ? (
+                <CurrentPlanWidget />
+              ) : (
+                <ProjectTools />
+              )}
+            </div>
+            <div className="d-md-none">
+              <CurrentPlanWidget />
+            </div>
+          </div>
+        </div>
+        <OLRow className="d-none d-md-block">
+          <OLCol lg={7}>
+            <SearchForm
+              inputValue={searchText}
+              setInputValue={setSearchText}
+              filter={filter}
+              selectedTag={selectedTag}
+            />
+          </OLCol>
+        </OLRow>
+        <div className="project-list-sidebar-survey-wrapper d-md-none">
+          <SurveyWidget />
+        </div>
+        <div className="mt-1 d-md-none">
+          <div
+            role="toolbar"
+            className="projects-toolbar"
+            aria-label={t('projects')}
+          >
+            <ProjectsDropdown />
+            <SortByDropdown />
+          </div>
+        </div>
+        <OLRow className="row-spaced">
+          <OLCol>
+            <TableContainer bordered>
+              {tableTopArea}
+              <ProjectListTable />
+            </TableContainer>
+          </OLCol>
+        </OLRow>
+        <OLRow className="row-spaced">
+          <OLCol>
+            <LoadMore />
+          </OLCol>
+        </OLRow>
+      </div>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx b/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx
new file mode 100644
index 0000000..a9870f2
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/project-list-ds-nav.tsx
@@ -0,0 +1,129 @@
+import { useProjectListContext } from '../context/project-list-context'
+import { useTranslation } from 'react-i18next'
+import CurrentPlanWidget from './current-plan-widget/current-plan-widget'
+import NewProjectButton from './new-project-button'
+import ProjectListTable from './table/project-list-table'
+import UserNotifications from './notifications/user-notifications'
+import SearchForm from './search-form'
+import ProjectsDropdown from './dropdown/projects-dropdown'
+import SortByDropdown from './dropdown/sort-by-dropdown'
+import ProjectTools from './table/project-tools/project-tools'
+import ProjectListTitle from './title/project-list-title'
+import LoadMore from './load-more'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import { TableContainer } from '@/features/ui/components/bootstrap-5/table'
+import DashApiError from '@/features/project-list/components/dash-api-error'
+import getMeta from '@/utils/meta'
+import DefaultNavbar from '@/features/ui/components/bootstrap-5/navbar/default-navbar'
+import FatFooter from '@/features/ui/components/bootstrap-5/footer/fat-footer'
+import SidebarDsNav from '@/features/project-list/components/sidebar/sidebar-ds-nav'
+import SystemMessages from '@/shared/components/system-messages'
+import overleafLogo from '@/shared/svgs/overleaf-a-ds-solution-mallard.svg'
+
+export function ProjectListDsNav() {
+  const navbarProps = getMeta('ol-navbar')
+  const { t } = useTranslation()
+  const {
+    error,
+    searchText,
+    setSearchText,
+    selectedProjects,
+    filter,
+    tags,
+    selectedTagId,
+  } = useProjectListContext()
+
+  const selectedTag = tags.find(tag => tag._id === selectedTagId)
+
+  const tableTopArea = (
+    <div className="pt-2 pb-3 d-md-none d-flex gap-2">
+      <NewProjectButton
+        id="new-project-button-projects-table"
+        showAddAffiliationWidget
+      />
+      <SearchForm
+        inputValue={searchText}
+        setInputValue={setSearchText}
+        filter={filter}
+        selectedTag={selectedTag}
+        className="overflow-hidden flex-grow-1"
+      />
+    </div>
+  )
+
+  return (
+    <div className="project-ds-nav-page website-redesign">
+      <DefaultNavbar {...navbarProps} customLogo={overleafLogo} showCloseIcon />
+      <main className="project-list-wrapper">
+        <SidebarDsNav />
+        <div className="project-ds-nav-content-and-messages">
+          <div className="project-ds-nav-content">
+            <div className="project-ds-nav-main">
+              {error ? <DashApiError /> : ''}
+              <UserNotifications />
+              <div className="project-list-header-row">
+                <ProjectListTitle
+                  filter={filter}
+                  selectedTag={selectedTag}
+                  selectedTagId={selectedTagId}
+                  className="text-truncate d-none d-md-block"
+                />
+                <div className="project-tools">
+                  <div className="d-none d-md-block">
+                    {selectedProjects.length === 0 ? (
+                      <CurrentPlanWidget />
+                    ) : (
+                      <ProjectTools />
+                    )}
+                  </div>
+                  <div className="d-md-none">
+                    <CurrentPlanWidget />
+                  </div>
+                </div>
+              </div>
+              <div className="project-ds-nav-project-list">
+                <OLRow className="d-none d-md-block">
+                  <OLCol lg={7}>
+                    <SearchForm
+                      inputValue={searchText}
+                      setInputValue={setSearchText}
+                      filter={filter}
+                      selectedTag={selectedTag}
+                    />
+                  </OLCol>
+                </OLRow>
+                <div className="project-list-sidebar-survey-wrapper d-md-none">
+                  {/* Omit the survey card in mobile view for now */}
+                </div>
+                <div className="mt-1 d-md-none">
+                  <div
+                    role="toolbar"
+                    className="projects-toolbar"
+                    aria-label={t('projects')}
+                  >
+                    <ProjectsDropdown />
+                    <SortByDropdown />
+                  </div>
+                </div>
+                <div className="mt-3">
+                  <TableContainer bordered>
+                    {tableTopArea}
+                    <ProjectListTable />
+                  </TableContainer>
+                </div>
+                <div className="mt-3">
+                  <LoadMore />
+                </div>
+              </div>
+            </div>
+            <FatFooter />
+          </div>
+          <div>
+            <SystemMessages />
+          </div>
+        </div>
+      </main>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/project-list-events.ts b/services/web/frontend/js/features/project-list/components/project-list-events.ts
new file mode 100644
index 0000000..03e426b
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/project-list-events.ts
@@ -0,0 +1,48 @@
+import { useCallback } from 'react'
+import { sendMB } from '@/infrastructure/event-tracking'
+
+export type ExtraSegmentations = {
+  'menu-expand': {
+    item: 'help' | 'account' | 'features' | 'admin'
+    location: 'top-menu' | 'sidebar'
+  }
+  'menu-click': {
+    item:
+      | 'login'
+      | 'register'
+      | 'premium-features'
+      | 'enterprises'
+      | 'universities'
+      | 'publishers'
+      | 'edu'
+      | 'government'
+      | 'why-latex'
+      | 'learn'
+      | 'contact'
+      | 'templates'
+      | 'plans'
+    location: 'top-menu' | 'sidebar'
+    destinationURL?: string
+  }
+  'new-project-expand': undefined
+  'new-project-click': {
+    item:
+      | 'blank-project'
+      | 'example-project'
+      | 'upload'
+      | 'github-import'
+      | 'all-templates'
+      | (string & {})
+    destinationURL?: string
+  }
+}
+
+export const useSendProjectListMB = () => {
+  return useCallback(
+    <T extends keyof ExtraSegmentations>(
+      event: T,
+      payload: ExtraSegmentations[T]
+    ) => sendMB(event, payload),
+    []
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/project-list-root.tsx b/services/web/frontend/js/features/project-list/components/project-list-root.tsx
new file mode 100644
index 0000000..5de7d93
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/project-list-root.tsx
@@ -0,0 +1,122 @@
+import { ReactNode, useEffect } from 'react'
+import {
+  ProjectListProvider,
+  useProjectListContext,
+} from '../context/project-list-context'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+import { ColorPickerProvider } from '../context/color-picker-context'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import { useTranslation } from 'react-i18next'
+import useWaitForI18n from '../../../shared/hooks/use-wait-for-i18n'
+import LoadingBranded from '../../../shared/components/loading-branded'
+import SystemMessages from '../../../shared/components/system-messages'
+import withErrorBoundary from '../../../infrastructure/error-boundary'
+import { GenericErrorBoundaryFallback } from '@/shared/components/generic-error-boundary-fallback'
+import getMeta from '@/utils/meta'
+import DefaultNavbar from '@/features/ui/components/bootstrap-5/navbar/default-navbar'
+import Footer from '@/features/ui/components/bootstrap-5/footer/footer'
+import WelcomePageContent from '@/features/project-list/components/welcome-page-content'
+import ProjectListDefault from '@/features/project-list/components/project-list-default'
+import { ProjectListDsNav } from '@/features/project-list/components/project-list-ds-nav'
+import {
+  DsNavStyleProvider,
+  hasDsNav,
+} from '@/features/project-list/components/use-is-ds-nav'
+
+function ProjectListRoot() {
+  const { isReady } = useWaitForI18n()
+
+  if (!isReady) {
+    return null
+  }
+
+  return <ProjectListRootInner />
+}
+
+export function ProjectListRootInner() {
+  return (
+    <ProjectListProvider>
+      <ColorPickerProvider>
+        <SplitTestProvider>
+          <ProjectListPageContent />
+        </SplitTestProvider>
+      </ColorPickerProvider>
+    </ProjectListProvider>
+  )
+}
+
+function DefaultNavbarAndFooter({ children }: { children: ReactNode }) {
+  const navbarProps = getMeta('ol-navbar')
+  const footerProps = getMeta('ol-footer')
+
+  return (
+    <>
+      <DefaultNavbar {...navbarProps} />
+      <main
+        id="main-content"
+        className="content content-alt project-list-react"
+      >
+        {children}
+      </main>
+      <Footer {...footerProps} />
+    </>
+  )
+}
+
+function DefaultPageContentWrapper({ children }: { children: ReactNode }) {
+  return (
+    <DefaultNavbarAndFooter>
+      <SystemMessages />
+      <div className="project-list-wrapper">{children}</div>
+    </DefaultNavbarAndFooter>
+  )
+}
+
+function ProjectListPageContent() {
+  const { totalProjectsCount, isLoading, loadProgress } =
+    useProjectListContext()
+
+  useEffect(() => {
+    eventTracking.sendMB('loads_v2_dash', {})
+  }, [])
+
+  const { t } = useTranslation()
+
+  if (isLoading) {
+    const loadingComponent = (
+      <LoadingBranded loadProgress={loadProgress} label={t('loading')} />
+    )
+
+    if (hasDsNav()) {
+      return loadingComponent
+    } else {
+      return (
+        <DefaultNavbarAndFooter>
+          <div className="loading-container">{loadingComponent}</div>
+        </DefaultNavbarAndFooter>
+      )
+    }
+  }
+
+  if (totalProjectsCount === 0) {
+    return (
+      <DefaultPageContentWrapper>
+        <WelcomePageContent />
+      </DefaultPageContentWrapper>
+    )
+  } else if (hasDsNav()) {
+    return (
+      <DsNavStyleProvider>
+        <ProjectListDsNav />
+      </DsNavStyleProvider>
+    )
+  } else {
+    return (
+      <DefaultPageContentWrapper>
+        <ProjectListDefault />
+      </DefaultPageContentWrapper>
+    )
+  }
+}
+
+export default withErrorBoundary(ProjectListRoot, GenericErrorBoundaryFallback)
diff --git a/services/web/frontend/js/features/project-list/components/projects-filter-menu.ts b/services/web/frontend/js/features/project-list/components/projects-filter-menu.ts
new file mode 100644
index 0000000..7c45deb
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/projects-filter-menu.ts
@@ -0,0 +1,15 @@
+import { Filter, useProjectListContext } from '../context/project-list-context'
+
+type ProjectsMenuFilterType = {
+  children: (isActive: boolean) => React.ReactElement
+  filter: Filter
+}
+
+function ProjectsFilterMenu({ children, filter }: ProjectsMenuFilterType) {
+  const { filter: activeFilter, selectedTagId } = useProjectListContext()
+  const isActive = selectedTagId === undefined && filter === activeFilter
+
+  return children(isActive)
+}
+
+export default ProjectsFilterMenu
diff --git a/services/web/frontend/js/features/project-list/components/search-form.tsx b/services/web/frontend/js/features/project-list/components/search-form.tsx
new file mode 100644
index 0000000..d1fc2f3
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/search-form.tsx
@@ -0,0 +1,106 @@
+import { useTranslation } from 'react-i18next'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import classnames from 'classnames'
+import { Tag } from '../../../../../app/src/Features/Tags/types'
+import { MergeAndOverride } from '../../../../../types/utils'
+import { Filter } from '../context/project-list-context'
+import { isSmallDevice } from '../../../infrastructure/event-tracking'
+import OLForm from '@/features/ui/components/ol/ol-form'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type SearchFormOwnProps = {
+  inputValue: string
+  setInputValue: (input: string) => void
+  filter: Filter
+  selectedTag: Tag | undefined
+}
+
+type SearchFormProps = MergeAndOverride<
+  React.ComponentProps<typeof OLForm>,
+  SearchFormOwnProps
+>
+
+function SearchForm({
+  inputValue,
+  setInputValue,
+  filter,
+  selectedTag,
+  className,
+  ...props
+}: SearchFormProps) {
+  const { t } = useTranslation()
+  let placeholderMessage = t('search_projects')
+  if (selectedTag) {
+    placeholderMessage = `${t('search')} ${selectedTag.name}`
+  } else {
+    switch (filter) {
+      case 'all':
+        placeholderMessage = t('search_in_all_projects')
+        break
+      case 'owned':
+        placeholderMessage = t('search_in_your_projects')
+        break
+      case 'shared':
+        placeholderMessage = t('search_in_shared_projects')
+        break
+      case 'archived':
+        placeholderMessage = t('search_in_archived_projects')
+        break
+      case 'trashed':
+        placeholderMessage = t('search_in_trashed_projects')
+        break
+    }
+  }
+  const placeholder = `${placeholderMessage}…`
+
+  const handleChange: React.ComponentProps<
+    typeof OLFormControl
+  >['onChange'] = e => {
+    eventTracking.sendMB('project-list-page-interaction', {
+      action: 'search',
+      isSmallDevice,
+    })
+    setInputValue(e.target.value)
+  }
+
+  const handleClear = () => setInputValue('')
+
+  return (
+    <OLForm
+      className={classnames('project-search', className)}
+      role="search"
+      onSubmit={e => e.preventDefault()}
+      {...props}
+    >
+      <OLFormGroup>
+        <OLCol>
+          <OLFormControl
+            type="text"
+            value={inputValue}
+            onChange={handleChange}
+            placeholder={placeholder}
+            aria-label={placeholder}
+            prepend={<MaterialIcon type="search" />}
+            append={
+              inputValue.length > 0 && (
+                <button
+                  type="button"
+                  className="form-control-search-clear-btn"
+                  aria-label={t('clear_search')}
+                  onClick={handleClear}
+                >
+                  <MaterialIcon type="clear" />
+                </button>
+              )
+            }
+          />
+        </OLCol>
+      </OLFormGroup>
+    </OLForm>
+  )
+}
+
+export default SearchForm
diff --git a/services/web/frontend/js/features/project-list/components/sidebar/sidebar-ds-nav.tsx b/services/web/frontend/js/features/project-list/components/sidebar/sidebar-ds-nav.tsx
new file mode 100644
index 0000000..74bdc5a
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/sidebar/sidebar-ds-nav.tsx
@@ -0,0 +1,175 @@
+import { useState } from 'react'
+import classnames from 'classnames'
+import { Question, User } from '@phosphor-icons/react'
+import NewProjectButton from '../new-project-button'
+import SidebarFilters from './sidebar-filters'
+import AddAffiliation, { useAddAffiliation } from '../add-affiliation'
+import { usePersistedResize } from '@/shared/hooks/use-resize'
+import { Dropdown } from 'react-bootstrap-5'
+import getMeta from '@/utils/meta'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import { useTranslation } from 'react-i18next'
+import { NavDropdownMenuItems } from '@/features/ui/components/bootstrap-5/navbar/nav-dropdown-from-data'
+import { NavbarDropdownItemData } from '@/features/ui/components/types/navbar'
+import { useContactUsModal } from '@/shared/hooks/use-contact-us-modal'
+import { UserProvider } from '@/shared/context/user-context'
+import { AccountMenuItems } from '@/features/ui/components/bootstrap-5/navbar/account-menu-items'
+import { useScrolled } from '@/features/project-list/components/sidebar/use-scroll'
+import { useSendProjectListMB } from '@/features/project-list/components/project-list-events'
+import { SurveyWidgetDsNav } from '@/features/project-list/components/survey-widget-ds-nav'
+
+function SidebarDsNav() {
+  const { t } = useTranslation()
+  const [showAccountDropdown, setShowAccountDropdown] = useState(false)
+  const [showHelpDropdown, setShowHelpDropdown] = useState(false)
+  const { showModal: showContactUsModal, modal: contactUsModal } =
+    useContactUsModal({
+      autofillProjectUrl: false,
+    })
+  const { show: showAddAffiliationWidget } = useAddAffiliation()
+  const { mousePos, getHandleProps, getTargetProps } = usePersistedResize({
+    name: 'project-sidebar',
+  })
+  const sendMB = useSendProjectListMB()
+  const { sessionUser, showSubscriptionLink, items } = getMeta('ol-navbar')
+  const helpItem = items.find(
+    item => item.text === 'help'
+  ) as NavbarDropdownItemData
+  const { containerRef, scrolledUp, scrolledDown } = useScrolled()
+  return (
+    <div
+      className="project-list-sidebar-wrapper-react d-none d-md-flex"
+      {...getTargetProps({
+        style: {
+          ...(mousePos?.x && { flexBasis: `${mousePos.x}px` }),
+        },
+      })}
+    >
+      <NewProjectButton
+        id="new-project-button-sidebar"
+        className={scrolledDown ? 'show-shadow' : undefined}
+      />
+      <div className="project-list-sidebar-scroll" ref={containerRef}>
+        <SidebarFilters />
+        {showAddAffiliationWidget && <hr />}
+        <AddAffiliation />
+      </div>
+      <div
+        className={classnames(
+          'ds-nav-sidebar-lower',
+          scrolledUp && 'show-shadow'
+        )}
+      >
+        <div className="project-list-sidebar-survey-wrapper">
+          <SurveyWidgetDsNav />
+        </div>
+        <div className="d-flex gap-3 mb-2">
+          {helpItem && (
+            <Dropdown
+              className="ds-nav-icon-dropdown"
+              onToggle={show => {
+                setShowHelpDropdown(show)
+                if (show) {
+                  sendMB('menu-expand', { item: 'help', location: 'sidebar' })
+                }
+              }}
+            >
+              <Dropdown.Toggle role="menuitem" aria-label={t('help')}>
+                <OLTooltip
+                  description={t('help')}
+                  id="help-icon"
+                  overlayProps={{
+                    placement: 'top',
+                    show: showHelpDropdown ? false : undefined,
+                  }}
+                >
+                  <div>
+                    <Question size={24} />
+                  </div>
+                </OLTooltip>
+              </Dropdown.Toggle>
+              <Dropdown.Menu
+                as="ul"
+                role="menu"
+                align="end"
+                popperConfig={{
+                  modifiers: [{ name: 'offset', options: { offset: [0, 5] } }],
+                }}
+              >
+                <NavDropdownMenuItems
+                  dropdown={helpItem.dropdown}
+                  showContactUsModal={showContactUsModal}
+                  location="sidebar"
+                />
+              </Dropdown.Menu>
+            </Dropdown>
+          )}
+          {sessionUser && (
+            <>
+              <Dropdown
+                className="ds-nav-icon-dropdown"
+                onToggle={show => {
+                  setShowAccountDropdown(show)
+                  if (show) {
+                    sendMB('menu-expand', {
+                      item: 'account',
+                      location: 'sidebar',
+                    })
+                  }
+                }}
+              >
+                <Dropdown.Toggle role="menuitem" aria-label={t('Account')}>
+                  <OLTooltip
+                    description={t('Account')}
+                    id="open-account"
+                    overlayProps={{
+                      placement: 'top',
+                      show: showAccountDropdown ? false : undefined,
+                    }}
+                  >
+                    <div>
+                      <User size={24} />
+                    </div>
+                  </OLTooltip>
+                </Dropdown.Toggle>
+                <Dropdown.Menu
+                  as="ul"
+                  role="menu"
+                  align="end"
+                  popperConfig={{
+                    modifiers: [
+                      { name: 'offset', options: { offset: [-50, 5] } },
+                    ],
+                  }}
+                >
+                  <AccountMenuItems
+                    sessionUser={sessionUser}
+                    showSubscriptionLink={showSubscriptionLink}
+                  />
+                </Dropdown.Menu>
+              </Dropdown>
+              <UserProvider>{contactUsModal}</UserProvider>
+            </>
+          )}
+        </div>
+        <div className="ds-nav-ds-name">
+          <span>Digital Science</span>
+        </div>
+      </div>
+      <div
+        {...getHandleProps({
+          style: {
+            position: 'absolute',
+            zIndex: 1,
+            top: 0,
+            right: '-2px',
+            height: '100%',
+            width: '4px',
+          },
+        })}
+      />
+    </div>
+  )
+}
+
+export default SidebarDsNav
diff --git a/services/web/frontend/js/features/project-list/components/sidebar/sidebar-filters.tsx b/services/web/frontend/js/features/project-list/components/sidebar/sidebar-filters.tsx
new file mode 100644
index 0000000..ad90823
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/sidebar/sidebar-filters.tsx
@@ -0,0 +1,49 @@
+import { useTranslation } from 'react-i18next'
+import {
+  Filter,
+  useProjectListContext,
+} from '../../context/project-list-context'
+import TagsList from './tags-list'
+import ProjectsFilterMenu from '../projects-filter-menu'
+import { hasDsNav } from '@/features/project-list/components/use-is-ds-nav'
+
+type SidebarFilterProps = {
+  filter: Filter
+  text: React.ReactNode
+}
+
+export function SidebarFilter({ filter, text }: SidebarFilterProps) {
+  const { selectFilter } = useProjectListContext()
+
+  return (
+    <ProjectsFilterMenu filter={filter}>
+      {isActive => (
+        <li className={isActive ? 'active' : ''}>
+          <button type="button" onClick={() => selectFilter(filter)}>
+            {text}
+          </button>
+        </li>
+      )}
+    </ProjectsFilterMenu>
+  )
+}
+
+export default function SidebarFilters() {
+  const { t } = useTranslation()
+
+  return (
+    <ul className="list-unstyled project-list-filters">
+      <SidebarFilter filter="all" text={t('all_projects')} />
+      <SidebarFilter filter="owned" text={t('your_projects')} />
+      <SidebarFilter filter="shared" text={t('shared_with_you')} />
+      <SidebarFilter filter="archived" text={t('archived_projects')} />
+      <SidebarFilter filter="trashed" text={t('trashed_projects')} />
+      {hasDsNav() && (
+        <li role="none">
+          <hr />
+        </li>
+      )}
+      <TagsList />
+    </ul>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/sidebar/sidebar.tsx b/services/web/frontend/js/features/project-list/components/sidebar/sidebar.tsx
new file mode 100644
index 0000000..55bab83
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/sidebar/sidebar.tsx
@@ -0,0 +1,49 @@
+import NewProjectButton from '../new-project-button'
+import SidebarFilters from './sidebar-filters'
+import AddAffiliation, { useAddAffiliation } from '../add-affiliation'
+import SurveyWidget from '../survey-widget'
+import { usePersistedResize } from '../../../../shared/hooks/use-resize'
+
+function Sidebar() {
+  const { show: showAddAffiliationWidget } = useAddAffiliation()
+  const { mousePos, getHandleProps, getTargetProps } = usePersistedResize({
+    name: 'project-sidebar',
+  })
+
+  return (
+    <div
+      className="project-list-sidebar-wrapper-react d-none d-md-block"
+      {...getTargetProps({
+        style: {
+          ...(mousePos?.x && { flexBasis: `${mousePos.x}px` }),
+        },
+      })}
+    >
+      <div className="project-list-sidebar-subwrapper">
+        <aside className="project-list-sidebar-react">
+          <NewProjectButton id="new-project-button-sidebar" />
+          <SidebarFilters />
+          {showAddAffiliationWidget && <hr />}
+          <AddAffiliation />
+        </aside>
+        <div className="project-list-sidebar-survey-wrapper">
+          <SurveyWidget />
+        </div>
+      </div>
+      <div
+        {...getHandleProps({
+          style: {
+            position: 'absolute',
+            zIndex: 1,
+            top: 0,
+            right: '-2px',
+            height: '100%',
+            width: '4px',
+          },
+        })}
+      />
+    </div>
+  )
+}
+
+export default Sidebar
diff --git a/services/web/frontend/js/features/project-list/components/sidebar/tags-list.tsx b/services/web/frontend/js/features/project-list/components/sidebar/tags-list.tsx
new file mode 100644
index 0000000..6b1c0db
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/sidebar/tags-list.tsx
@@ -0,0 +1,141 @@
+import { sortBy } from 'lodash'
+import { useTranslation } from 'react-i18next'
+import { DotsThreeVertical, Plus, TagSimple } from '@phosphor-icons/react'
+import MaterialIcon from '../../../../shared/components/material-icon'
+import {
+  UNCATEGORIZED_KEY,
+  useProjectListContext,
+} from '../../context/project-list-context'
+import useTag from '../../hooks/use-tag'
+import { getTagColor } from '../../util/tag'
+import {
+  Dropdown,
+  DropdownItem,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import { hasDsNav } from '@/features/project-list/components/use-is-ds-nav'
+
+export default function TagsList() {
+  const { t } = useTranslation()
+  const {
+    tags,
+    projectsPerTag,
+    untaggedProjectsCount,
+    selectedTagId,
+    selectTag,
+  } = useProjectListContext()
+  const {
+    handleSelectTag,
+    openCreateTagModal,
+    handleEditTag,
+    handleDeleteTag,
+    CreateTagModal,
+    EditTagModal,
+    DeleteTagModal,
+  } = useTag()
+
+  return (
+    <>
+      <li
+        className="dropdown-header"
+        aria-hidden="true"
+        data-testid="organize-projects"
+      >
+        {hasDsNav() ? t('organize_tags') : t('organize_projects')}
+      </li>
+      <li className="tag">
+        <button type="button" className="tag-name" onClick={openCreateTagModal}>
+          {hasDsNav() ? (
+            <Plus weight="bold" />
+          ) : (
+            <MaterialIcon type="add" className="tag-list-icon" />
+          )}
+
+          <span className="name">{t('new_tag')}</span>
+        </button>
+      </li>
+      {sortBy(tags, tag => tag.name?.toLowerCase()).map(tag => {
+        return (
+          <li
+            className={`tag ${selectedTagId === tag._id ? 'active' : ''}`}
+            key={tag._id}
+          >
+            <button
+              type="button"
+              className="tag-name"
+              onClick={e =>
+                handleSelectTag(e as unknown as React.MouseEvent, tag._id)
+              }
+            >
+              <span
+                style={{
+                  color: getTagColor(tag),
+                }}
+              >
+                {hasDsNav() ? (
+                  <TagSimple weight="fill" className="tag-list-icon" />
+                ) : (
+                  <MaterialIcon type="label" className="tag-list-icon" />
+                )}
+              </span>
+              <span className="name">
+                {tag.name}{' '}
+                <span className="subdued">
+                  ({projectsPerTag[tag._id].length})
+                </span>
+              </span>
+            </button>
+
+            <Dropdown align="end" className="tag-menu">
+              <DropdownToggle
+                aria-label={t('open_action_menu', { name: tag.name })}
+                id={`${tag._id}-dropdown-toggle`}
+                data-testid="tag-dropdown-toggle"
+              >
+                {hasDsNav() && <DotsThreeVertical weight="bold" />}
+              </DropdownToggle>
+              <DropdownMenu className="dropdown-menu-sm-width">
+                <DropdownItem
+                  as="li"
+                  className="tag-action"
+                  onClick={e => handleEditTag(e, tag._id)}
+                >
+                  {t('edit')}
+                </DropdownItem>
+                <DropdownItem
+                  as="li"
+                  className="tag-action"
+                  onClick={e => handleDeleteTag(e, tag._id)}
+                >
+                  {t('delete')}
+                </DropdownItem>
+              </DropdownMenu>
+            </Dropdown>
+          </li>
+        )
+      })}
+      {tags.length > 0 && (
+        <li
+          className={`tag untagged ${
+            selectedTagId === UNCATEGORIZED_KEY ? 'active' : ''
+          }`}
+        >
+          <button
+            type="button"
+            className="tag-name"
+            onClick={() => selectTag(UNCATEGORIZED_KEY)}
+          >
+            <span className="name fst-italic">
+              {t('uncategorized')}{' '}
+              <span className="subdued">({untaggedProjectsCount})</span>
+            </span>
+          </button>
+        </li>
+      )}
+      <CreateTagModal id="create-tag-modal" />
+      <EditTagModal id="edit-tag-modal" />
+      <DeleteTagModal id="delete-tag-modal" />
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/sidebar/use-scroll.tsx b/services/web/frontend/js/features/project-list/components/sidebar/use-scroll.tsx
new file mode 100644
index 0000000..2646ddd
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/sidebar/use-scroll.tsx
@@ -0,0 +1,39 @@
+import { throttle } from 'lodash'
+import { useEffect, useRef, useState } from 'react'
+
+export const useScrolled = () => {
+  const containerRef = useRef<HTMLDivElement>(null)
+  const [scrolledUp, setScrolledUp] = useState(false)
+  const [scrolledDown, setScrolledDown] = useState(false)
+
+  const checkScrollPosition = useRef(
+    throttle(() => {
+      const container = containerRef.current
+      if (!container) {
+        return
+      }
+      setScrolledDown(container.scrollTop > 0)
+      const isAtBottom =
+        Math.abs(
+          // On Firefox, this value happen to be at 1 when scrolled to the bottom
+          container.scrollHeight - container.clientHeight - container.scrollTop
+        ) <= 1
+      setScrolledUp(!isAtBottom)
+    }, 80)
+  ).current
+
+  useEffect(() => {
+    const container = containerRef.current
+    if (!container) {
+      return
+    }
+    checkScrollPosition()
+    container.addEventListener('scroll', checkScrollPosition)
+    return () => {
+      checkScrollPosition.cancel()
+      container.removeEventListener('scroll', checkScrollPosition)
+    }
+  }, [checkScrollPosition])
+
+  return { containerRef, scrolledDown, scrolledUp }
+}
diff --git a/services/web/frontend/js/features/project-list/components/sort/with-content.tsx b/services/web/frontend/js/features/project-list/components/sort/with-content.tsx
new file mode 100644
index 0000000..a76d746
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/sort/with-content.tsx
@@ -0,0 +1,46 @@
+import { useTranslation } from 'react-i18next'
+import { Sort } from '../../../../../../types/project/dashboard/api'
+
+type SortBtnOwnProps = {
+  column: string
+  sort: Sort
+  text: string
+  onClick: () => void
+}
+
+type WithContentProps = {
+  iconType?: string
+  screenReaderText: string
+}
+
+export type SortBtnProps = SortBtnOwnProps & WithContentProps
+
+function withContent<T extends SortBtnOwnProps>(
+  WrappedComponent: React.ComponentType<T & WithContentProps>
+) {
+  function WithContent(hocProps: T) {
+    const { t } = useTranslation()
+    const { column, text, sort } = hocProps
+    let iconType
+
+    let screenReaderText = t('sort_by_x', { x: text })
+
+    if (column === sort.by) {
+      iconType =
+        sort.order === 'asc' ? 'arrow_upward_alt' : 'arrow_downward_alt'
+      screenReaderText = t('reverse_x_sort_order', { x: text })
+    }
+
+    return (
+      <WrappedComponent
+        {...hocProps}
+        iconType={iconType}
+        screenReaderText={screenReaderText}
+      />
+    )
+  }
+
+  return WithContent
+}
+
+export default withContent
diff --git a/services/web/frontend/js/features/project-list/components/survey-widget-ds-nav.tsx b/services/web/frontend/js/features/project-list/components/survey-widget-ds-nav.tsx
new file mode 100644
index 0000000..41e76cf
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/survey-widget-ds-nav.tsx
@@ -0,0 +1,62 @@
+import usePersistedState from '../../../shared/hooks/use-persisted-state'
+import getMeta from '../../../utils/meta'
+import { useCallback } from 'react'
+import classnames from 'classnames'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTranslation } from 'react-i18next'
+import { X } from '@phosphor-icons/react'
+import { useHideDsSurvey } from '@/features/project-list/components/use-is-ds-nav'
+
+export function SurveyWidgetDsNav() {
+  const { t } = useTranslation()
+  const survey = getMeta('ol-survey')
+  const [dismissedSurvey, setDismissedSurvey] = usePersistedState(
+    `dismissed-${survey?.name}`,
+    false
+  )
+  const hideDsSurvey = useHideDsSurvey()
+
+  const dismissSurvey = useCallback(() => {
+    setDismissedSurvey(true)
+  }, [setDismissedSurvey])
+
+  if (!survey?.name || dismissedSurvey) {
+    return null
+  }
+
+  // Hide the survey for users who have sidebar-navigation-ui-update:
+  // They've had it for months. We don't need their feedback anymore
+  if (hideDsSurvey && survey?.name === 'ds-nav') {
+    return null
+  }
+
+  return (
+    <div className={classnames('user-notifications', `survey-${survey.name}`)}>
+      <div className="notification-entry">
+        <div role="alert" className="survey-notification">
+          <div className="notification-body">
+            <p className="fw-bold fs-6 pe-4">{survey.preText}</p>
+            <p>{survey.linkText}</p>
+            <OLButton
+              variant="secondary"
+              size="sm"
+              href={survey.url}
+              target="_blank"
+              rel="noreferrer noopener"
+            >
+              {t('take_survey')}
+            </OLButton>
+          </div>
+          <OLButton
+            variant="ghost"
+            className="user-notification-close"
+            onClick={() => dismissSurvey()}
+          >
+            <X size={16} onClick={() => dismissSurvey()} />
+            <span className="visually-hidden">{t('close')}</span>
+          </OLButton>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/survey-widget.tsx b/services/web/frontend/js/features/project-list/components/survey-widget.tsx
new file mode 100644
index 0000000..a5604d6
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/survey-widget.tsx
@@ -0,0 +1,49 @@
+import usePersistedState from '../../../shared/hooks/use-persisted-state'
+import getMeta from '../../../utils/meta'
+import { useCallback } from 'react'
+import Close from '@/shared/components/close'
+
+export default function SurveyWidget() {
+  const survey = getMeta('ol-survey')
+  const [dismissedSurvey, setDismissedSurvey] = usePersistedState(
+    `dismissed-${survey?.name}`,
+    false
+  )
+
+  const dismissSurvey = useCallback(() => {
+    setDismissedSurvey(true)
+  }, [setDismissedSurvey])
+
+  if (!survey?.name || dismissedSurvey) {
+    return null
+  }
+
+  // Short-term hard-coded special case: hide the "DS nav" survey for users on
+  // the default variant
+  if (survey?.name === 'ds-nav') {
+    return null
+  }
+
+  return (
+    <div className="user-notifications">
+      <div className="notification-entry">
+        <div role="alert" className="survey-notification">
+          <div className="notification-body">
+            {survey.preText}&nbsp;
+            <a
+              className="project-list-sidebar-survey-link"
+              href={survey.url}
+              target="_blank"
+              rel="noreferrer noopener"
+            >
+              {survey.linkText}
+            </a>
+          </div>
+          <div className="notification-close notification-close-button-style">
+            <Close variant="dark" onDismiss={() => dismissSurvey()} />
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/archive-project-button.tsx b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/archive-project-button.tsx
new file mode 100644
index 0000000..465a80e
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/archive-project-button.tsx
@@ -0,0 +1,90 @@
+import { useTranslation } from 'react-i18next'
+import { Project } from '../../../../../../../../types/project/dashboard/api'
+import { memo, useCallback, useState } from 'react'
+import ArchiveProjectModal from '../../../modals/archive-project-modal'
+import useIsMounted from '../../../../../../shared/hooks/use-is-mounted'
+import { useProjectListContext } from '../../../../context/project-list-context'
+import { archiveProject } from '../../../../util/api'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLIconButton from '@/features/ui/components/ol/ol-icon-button'
+
+type ArchiveProjectButtonProps = {
+  project: Project
+  children: (text: string, handleOpenModal: () => void) => React.ReactElement
+}
+
+function ArchiveProjectButton({
+  project,
+  children,
+}: ArchiveProjectButtonProps) {
+  const { toggleSelectedProject, updateProjectViewData } =
+    useProjectListContext()
+  const { t } = useTranslation()
+  const text = t('archive')
+  const [showModal, setShowModal] = useState(false)
+  const isMounted = useIsMounted()
+
+  const handleOpenModal = useCallback(() => {
+    setShowModal(true)
+  }, [])
+
+  const handleCloseModal = useCallback(() => {
+    if (isMounted.current) {
+      setShowModal(false)
+    }
+  }, [isMounted])
+
+  const handleArchiveProject = useCallback(async () => {
+    await archiveProject(project.id)
+    toggleSelectedProject(project.id, false)
+    updateProjectViewData({
+      ...project,
+      archived: true,
+      trashed: false,
+    })
+  }, [project, toggleSelectedProject, updateProjectViewData])
+
+  if (project.archived) return null
+
+  return (
+    <>
+      {children(text, handleOpenModal)}
+      <ArchiveProjectModal
+        projects={[project]}
+        actionHandler={handleArchiveProject}
+        showModal={showModal}
+        handleCloseModal={handleCloseModal}
+      />
+    </>
+  )
+}
+
+const ArchiveProjectButtonTooltip = memo(function ArchiveProjectButtonTooltip({
+  project,
+}: Pick<ArchiveProjectButtonProps, 'project'>) {
+  return (
+    <ArchiveProjectButton project={project}>
+      {(text, handleOpenModal) => (
+        <OLTooltip
+          key={`tooltip-archive-project-${project.id}`}
+          id={`archive-project-${project.id}`}
+          description={text}
+          overlayProps={{ placement: 'top', trigger: ['hover', 'focus'] }}
+        >
+          <span>
+            <OLIconButton
+              onClick={handleOpenModal}
+              variant="link"
+              accessibilityLabel={text}
+              className="action-btn"
+              icon="inbox"
+            />
+          </span>
+        </OLTooltip>
+      )}
+    </ArchiveProjectButton>
+  )
+})
+
+export default memo(ArchiveProjectButton)
+export { ArchiveProjectButtonTooltip }
diff --git a/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/compile-and-download-project-pdf-button.tsx b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/compile-and-download-project-pdf-button.tsx
new file mode 100644
index 0000000..2225945
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/compile-and-download-project-pdf-button.tsx
@@ -0,0 +1,171 @@
+import { useTranslation } from 'react-i18next'
+import { memo, useCallback, useState } from 'react'
+import { Project } from '../../../../../../../../types/project/dashboard/api'
+import * as eventTracking from '../../../../../../infrastructure/event-tracking'
+import { useLocation } from '../../../../../../shared/hooks/use-location'
+import useAbortController from '../../../../../../shared/hooks/use-abort-controller'
+import { postJSON } from '../../../../../../infrastructure/fetch-json'
+import { isSmallDevice } from '../../../../../../infrastructure/event-tracking'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLIconButton from '@/features/ui/components/ol/ol-icon-button'
+
+type CompileAndDownloadProjectPDFButtonProps = {
+  project: Project
+  children: (
+    text: string,
+    pendingDownload: boolean,
+    downloadProject: <T extends React.MouseEvent>(
+      e?: T,
+      fn?: (e?: T) => void
+    ) => void
+  ) => React.ReactElement
+}
+
+function CompileAndDownloadProjectPDFButton({
+  project,
+  children,
+}: CompileAndDownloadProjectPDFButtonProps) {
+  const { t } = useTranslation()
+  const location = useLocation()
+
+  const { signal } = useAbortController()
+  const [pendingCompile, setPendingCompile] = useState(false)
+
+  const downloadProject = useCallback(
+    <T extends React.MouseEvent>(e?: T, onDone?: (e?: T) => void) => {
+      setPendingCompile(pendingCompile => {
+        if (pendingCompile) return true
+        eventTracking.sendMB('project-list-page-interaction', {
+          action: 'downloadPDF',
+          projectId: project.id,
+          isSmallDevice,
+        })
+
+        postJSON(`/project/${project.id}/compile`, {
+          body: {
+            check: 'silent',
+            draft: false,
+            incrementalCompilesEnabled: true,
+          },
+          signal,
+        })
+          .catch(() => ({ status: 'error' }))
+          .then(data => {
+            setPendingCompile(false)
+            if (data.status === 'success') {
+              const outputFile = data.outputFiles
+                .filter((file: { path: string }) => file.path === 'output.pdf')
+                .pop()
+
+              const params = new URLSearchParams({
+                compileGroup: data.compileGroup,
+                popupDownload: 'true',
+              })
+              if (data.clsiServerId) {
+                params.set('clsiserverid', data.clsiServerId)
+              }
+              // Note: Triggering concurrent downloads does not work.
+              // Note: This is affecting the download of .zip files as well.
+              // When creating a dynamic `a` element with `download` attribute,
+              //  another "actual" UI click is needed to trigger downloads.
+              // Forwarding the click `event` to the dynamic `a` element does
+              //  not work either.
+              location.assign(
+                `/download/project/${project.id}/build/${outputFile.build}/output/output.pdf?${params}`
+              )
+              onDone?.(e)
+            } else {
+              setShowErrorModal(true)
+            }
+          })
+        return true
+      })
+    },
+    [project, signal, location]
+  )
+
+  const [showErrorModal, setShowErrorModal] = useState(false)
+
+  return (
+    <>
+      {children(
+        pendingCompile ? t('compiling') + '…' : t('download_pdf'),
+        pendingCompile,
+        downloadProject
+      )}
+      {showErrorModal && (
+        <CompileErrorModal
+          project={project}
+          handleClose={() => {
+            setShowErrorModal(false)
+          }}
+        />
+      )}
+    </>
+  )
+}
+
+function CompileErrorModal({
+  project,
+  handleClose,
+}: { project: Project } & { handleClose: () => void }) {
+  const { t } = useTranslation()
+  return (
+    <>
+      <OLModal show onHide={handleClose}>
+        <OLModalHeader closeButton>
+          <OLModalTitle>
+            {project.name}: {t('pdf_unavailable_for_download')}
+          </OLModalTitle>
+        </OLModalHeader>
+        <OLModalBody>{t('generic_linked_file_compile_error')}</OLModalBody>
+        <OLModalFooter>
+          <OLButton variant="primary" href={`/project/${project.id}`}>
+            {t('open_project')}
+          </OLButton>
+        </OLModalFooter>
+      </OLModal>
+    </>
+  )
+}
+
+const CompileAndDownloadProjectPDFButtonTooltip = memo(
+  function CompileAndDownloadProjectPDFButtonTooltip({
+    project,
+  }: Pick<CompileAndDownloadProjectPDFButtonProps, 'project'>) {
+    return (
+      <CompileAndDownloadProjectPDFButton project={project}>
+        {(text, pendingCompile, compileAndDownloadProject) => (
+          <OLTooltip
+            key={`tooltip-compile-and-download-project-${project.id}`}
+            id={`compile-and-download-project-${project.id}`}
+            description={text}
+            overlayProps={{ placement: 'top', trigger: ['hover', 'focus'] }}
+          >
+            <span>
+              <OLIconButton
+                onClick={compileAndDownloadProject}
+                variant="link"
+                accessibilityLabel={text}
+                loadingLabel={text}
+                isLoading={pendingCompile}
+                className="action-btn"
+                icon="picture_as_pdf"
+              />
+            </span>
+          </OLTooltip>
+        )}
+      </CompileAndDownloadProjectPDFButton>
+    )
+  }
+)
+
+export default memo(CompileAndDownloadProjectPDFButton)
+export { CompileAndDownloadProjectPDFButtonTooltip }
diff --git a/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/copy-project-button.tsx b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/copy-project-button.tsx
new file mode 100644
index 0000000..6141fd9
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/copy-project-button.tsx
@@ -0,0 +1,123 @@
+import { memo, useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import CloneProjectModal from '../../../../../clone-project-modal/components/clone-project-modal'
+import useIsMounted from '../../../../../../shared/hooks/use-is-mounted'
+import { useProjectListContext } from '../../../../context/project-list-context'
+import * as eventTracking from '../../../../../../infrastructure/event-tracking'
+import {
+  ClonedProject,
+  Project,
+} from '../../../../../../../../types/project/dashboard/api'
+import { useProjectTags } from '@/features/project-list/hooks/use-project-tags'
+import { isSmallDevice } from '../../../../../../infrastructure/event-tracking'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLIconButton from '@/features/ui/components/ol/ol-icon-button'
+
+type CopyButtonProps = {
+  project: Project
+  children: (
+    text: string,
+    handleOpenModal: <T extends React.MouseEvent>(
+      e?: T,
+      fn?: (e?: T) => void
+    ) => void
+  ) => React.ReactElement
+}
+
+function CopyProjectButton({ project, children }: CopyButtonProps) {
+  const {
+    addClonedProjectToViewData,
+    addProjectToTagInView,
+    toggleSelectedProject,
+    updateProjectViewData,
+  } = useProjectListContext()
+  const { t } = useTranslation()
+  const text = t('copy')
+  const [showModal, setShowModal] = useState(false)
+  const isMounted = useIsMounted()
+  const projectTags = useProjectTags(project.id)
+
+  const handleOpenModal = useCallback(
+    <T extends React.MouseEvent>(e?: T, onOpen?: (e?: T) => void) => {
+      setShowModal(true)
+      onOpen?.(e)
+    },
+    []
+  )
+
+  const handleCloseModal = useCallback(() => {
+    if (isMounted.current) {
+      setShowModal(false)
+    }
+  }, [isMounted])
+
+  const handleAfterCloned = useCallback(
+    (clonedProject: ClonedProject, tags: { _id: string }[]) => {
+      eventTracking.sendMB('project-list-page-interaction', {
+        action: 'clone',
+        projectId: project.id,
+        isSmallDevice,
+      })
+      addClonedProjectToViewData(clonedProject)
+      for (const tag of tags) {
+        addProjectToTagInView(tag._id, clonedProject.project_id)
+      }
+      toggleSelectedProject(project.id, false)
+      updateProjectViewData({ ...project })
+      setShowModal(false)
+    },
+    [
+      addClonedProjectToViewData,
+      addProjectToTagInView,
+      project,
+      toggleSelectedProject,
+      updateProjectViewData,
+    ]
+  )
+
+  if (project.archived || project.trashed) return null
+
+  return (
+    <>
+      {children(text, handleOpenModal)}
+      <CloneProjectModal
+        show={showModal}
+        handleHide={handleCloseModal}
+        handleAfterCloned={handleAfterCloned}
+        projectId={project.id}
+        projectName={project.name}
+        projectTags={projectTags}
+      />
+    </>
+  )
+}
+
+const CopyProjectButtonTooltip = memo(function CopyProjectButtonTooltip({
+  project,
+}: Pick<CopyButtonProps, 'project'>) {
+  return (
+    <CopyProjectButton project={project}>
+      {(text, handleOpenModal) => (
+        <OLTooltip
+          key={`tooltip-copy-project-${project.id}`}
+          id={`copy-project-${project.id}`}
+          description={text}
+          overlayProps={{ placement: 'top', trigger: ['hover', 'focus'] }}
+        >
+          <span>
+            <OLIconButton
+              onClick={handleOpenModal}
+              variant="link"
+              accessibilityLabel={text}
+              className="action-btn"
+              icon="file_copy"
+            />
+          </span>
+        </OLTooltip>
+      )}
+    </CopyProjectButton>
+  )
+})
+
+export default memo(CopyProjectButton)
+export { CopyProjectButtonTooltip }
diff --git a/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/delete-project-button.tsx b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/delete-project-button.tsx
new file mode 100644
index 0000000..b38ed4a
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/delete-project-button.tsx
@@ -0,0 +1,88 @@
+import { memo, useCallback, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Project } from '../../../../../../../../types/project/dashboard/api'
+import DeleteProjectModal from '../../../modals/delete-project-modal'
+import useIsMounted from '../../../../../../shared/hooks/use-is-mounted'
+import { deleteProject } from '../../../../util/api'
+import { useProjectListContext } from '../../../../context/project-list-context'
+import getMeta from '@/utils/meta'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLIconButton from '@/features/ui/components/ol/ol-icon-button'
+
+type DeleteProjectButtonProps = {
+  project: Project
+  children: (text: string, handleOpenModal: () => void) => React.ReactElement
+}
+
+function DeleteProjectButton({ project, children }: DeleteProjectButtonProps) {
+  const { removeProjectFromView } = useProjectListContext()
+  const { t } = useTranslation()
+  const text = t('delete')
+  const [showModal, setShowModal] = useState(false)
+  const isMounted = useIsMounted()
+
+  const handleOpenModal = useCallback(() => {
+    setShowModal(true)
+  }, [])
+
+  const handleCloseModal = useCallback(() => {
+    if (isMounted.current) {
+      setShowModal(false)
+    }
+  }, [isMounted])
+
+  const isOwner = useMemo(() => {
+    return project.owner && getMeta('ol-user_id') === project.owner.id
+  }, [project])
+
+  const handleDeleteProject = useCallback(async () => {
+    await deleteProject(project.id)
+
+    // update view
+    removeProjectFromView(project)
+  }, [project, removeProjectFromView])
+
+  if (!project.trashed || !isOwner) return null
+
+  return (
+    <>
+      {children(text, handleOpenModal)}
+      <DeleteProjectModal
+        projects={[project]}
+        actionHandler={handleDeleteProject}
+        showModal={showModal}
+        handleCloseModal={handleCloseModal}
+      />
+    </>
+  )
+}
+
+const DeleteProjectButtonTooltip = memo(function DeleteProjectButtonTooltip({
+  project,
+}: Pick<DeleteProjectButtonProps, 'project'>) {
+  return (
+    <DeleteProjectButton project={project}>
+      {(text, handleOpenModal) => (
+        <OLTooltip
+          key={`tooltip-delete-project-${project.id}`}
+          id={`delete-project-${project.id}`}
+          description={text}
+          overlayProps={{ placement: 'top', trigger: ['hover', 'focus'] }}
+        >
+          <span>
+            <OLIconButton
+              onClick={handleOpenModal}
+              variant="link"
+              accessibilityLabel={text}
+              className="action-btn"
+              icon="block"
+            />
+          </span>
+        </OLTooltip>
+      )}
+    </DeleteProjectButton>
+  )
+})
+
+export default memo(DeleteProjectButton)
+export { DeleteProjectButtonTooltip }
diff --git a/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/download-project-button.tsx b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/download-project-button.tsx
new file mode 100644
index 0000000..4a5e599
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/download-project-button.tsx
@@ -0,0 +1,65 @@
+import { useTranslation } from 'react-i18next'
+import { memo, useCallback } from 'react'
+import { Project } from '../../../../../../../../types/project/dashboard/api'
+import * as eventTracking from '../../../../../../infrastructure/event-tracking'
+import { useLocation } from '../../../../../../shared/hooks/use-location'
+import { isSmallDevice } from '../../../../../../infrastructure/event-tracking'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLIconButton from '@/features/ui/components/ol/ol-icon-button'
+
+type DownloadProjectButtonProps = {
+  project: Project
+  children: (text: string, downloadProject: () => void) => React.ReactElement
+}
+
+function DownloadProjectButton({
+  project,
+  children,
+}: DownloadProjectButtonProps) {
+  const { t } = useTranslation()
+  const text = t('download_zip_file')
+  const location = useLocation()
+
+  const downloadProject = useCallback(() => {
+    eventTracking.sendMB('project-list-page-interaction', {
+      action: 'downloadZip',
+      projectId: project.id,
+      isSmallDevice,
+    })
+    location.assign(`/project/${project.id}/download/zip`)
+  }, [project, location])
+
+  return children(text, downloadProject)
+}
+
+const DownloadProjectButtonTooltip = memo(
+  function DownloadProjectButtonTooltip({
+    project,
+  }: Pick<DownloadProjectButtonProps, 'project'>) {
+    return (
+      <DownloadProjectButton project={project}>
+        {(text, downloadProject) => (
+          <OLTooltip
+            key={`tooltip-download-project-${project.id}`}
+            id={`download-project-${project.id}`}
+            description={text}
+            overlayProps={{ placement: 'top', trigger: ['hover', 'focus'] }}
+          >
+            <span>
+              <OLIconButton
+                onClick={downloadProject}
+                variant="link"
+                accessibilityLabel={text}
+                className="action-btn"
+                icon="download"
+              />
+            </span>
+          </OLTooltip>
+        )}
+      </DownloadProjectButton>
+    )
+  }
+)
+
+export default memo(DownloadProjectButton)
+export { DownloadProjectButtonTooltip }
diff --git a/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/leave-project-button.tsx b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/leave-project-button.tsx
new file mode 100644
index 0000000..b21d716
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/leave-project-button.tsx
@@ -0,0 +1,87 @@
+import { memo, useCallback, useMemo, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import LeaveProjectModal from '../../../modals/leave-project-modal'
+import { useProjectListContext } from '../../../../context/project-list-context'
+import useIsMounted from '../../../../../../shared/hooks/use-is-mounted'
+import { leaveProject } from '../../../../util/api'
+import { Project } from '../../../../../../../../types/project/dashboard/api'
+import getMeta from '@/utils/meta'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLIconButton from '@/features/ui/components/ol/ol-icon-button'
+
+type LeaveProjectButtonProps = {
+  project: Project
+  children: (text: string, handleOpenModal: () => void) => React.ReactElement
+}
+
+function LeaveProjectButton({ project, children }: LeaveProjectButtonProps) {
+  const { removeProjectFromView } = useProjectListContext()
+  const { t } = useTranslation()
+  const text = t('leave')
+  const isOwner = useMemo(() => {
+    return project.owner && getMeta('ol-user_id') === project.owner.id
+  }, [project])
+  const [showModal, setShowModal] = useState(false)
+  const isMounted = useIsMounted()
+
+  const handleOpenModal = useCallback(() => {
+    setShowModal(true)
+  }, [])
+
+  const handleCloseModal = useCallback(() => {
+    if (isMounted.current) {
+      setShowModal(false)
+    }
+  }, [isMounted])
+
+  const handleLeaveProject = useCallback(async () => {
+    await leaveProject(project.id)
+
+    // update view
+    removeProjectFromView(project)
+  }, [project, removeProjectFromView])
+
+  if (!project.trashed || isOwner) return null
+
+  return (
+    <>
+      {children(text, handleOpenModal)}
+      <LeaveProjectModal
+        projects={[project]}
+        actionHandler={handleLeaveProject}
+        showModal={showModal}
+        handleCloseModal={handleCloseModal}
+      />
+    </>
+  )
+}
+
+const LeaveProjectButtonTooltip = memo(function LeaveProjectButtonTooltip({
+  project,
+}: Pick<LeaveProjectButtonProps, 'project'>) {
+  return (
+    <LeaveProjectButton project={project}>
+      {(text, handleOpenModal) => (
+        <OLTooltip
+          key={`tooltip-leave-project-${project.id}`}
+          id={`leave-project-${project.id}`}
+          description={text}
+          overlayProps={{ placement: 'top', trigger: ['hover', 'focus'] }}
+        >
+          <span>
+            <OLIconButton
+              onClick={handleOpenModal}
+              variant="link"
+              accessibilityLabel={text}
+              className="action-btn"
+              icon="logout"
+            />
+          </span>
+        </OLTooltip>
+      )}
+    </LeaveProjectButton>
+  )
+})
+
+export default memo(LeaveProjectButton)
+export { LeaveProjectButtonTooltip }
diff --git a/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/rename-project-button.tsx b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/rename-project-button.tsx
new file mode 100644
index 0000000..4fc9b36
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/rename-project-button.tsx
@@ -0,0 +1,43 @@
+import { Project } from '../../../../../../../../types/project/dashboard/api'
+import { useTranslation } from 'react-i18next'
+import { memo, useCallback, useState } from 'react'
+import useIsMounted from '@/shared/hooks/use-is-mounted'
+import RenameProjectModal from '../../../modals/rename-project-modal'
+
+type RenameProjectButtonProps = {
+  project: Project
+  children: (text: string, handleOpenModal: () => void) => React.ReactElement
+}
+
+function RenameProjectButton({ project, children }: RenameProjectButtonProps) {
+  const { t } = useTranslation()
+  const text = t('rename')
+  const [showModal, setShowModal] = useState(false)
+  const isMounted = useIsMounted()
+
+  const handleOpenModal = useCallback(() => {
+    setShowModal(true)
+  }, [])
+
+  const handleCloseModal = useCallback(() => {
+    if (isMounted.current) {
+      setShowModal(false)
+    }
+  }, [isMounted])
+
+  if (project.accessLevel !== 'owner') {
+    return null
+  }
+  return (
+    <>
+      {children(text, handleOpenModal)}
+      <RenameProjectModal
+        handleCloseModal={handleCloseModal}
+        project={project}
+        showModal={showModal}
+      />
+    </>
+  )
+}
+
+export default memo(RenameProjectButton)
diff --git a/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/trash-project-button.tsx b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/trash-project-button.tsx
new file mode 100644
index 0000000..24c5404
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/trash-project-button.tsx
@@ -0,0 +1,87 @@
+import { useTranslation } from 'react-i18next'
+import { memo, useCallback, useState } from 'react'
+import { Project } from '../../../../../../../../types/project/dashboard/api'
+import TrashProjectModal from '../../../modals/trash-project-modal'
+import useIsMounted from '../../../../../../shared/hooks/use-is-mounted'
+import { useProjectListContext } from '../../../../context/project-list-context'
+import { trashProject } from '../../../../util/api'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLIconButton from '@/features/ui/components/ol/ol-icon-button'
+
+type TrashProjectButtonProps = {
+  project: Project
+  children: (text: string, handleOpenModal: () => void) => React.ReactElement
+}
+
+function TrashProjectButton({ project, children }: TrashProjectButtonProps) {
+  const { toggleSelectedProject, updateProjectViewData } =
+    useProjectListContext()
+  const { t } = useTranslation()
+  const text = t('trash')
+  const [showModal, setShowModal] = useState(false)
+  const isMounted = useIsMounted()
+
+  const handleOpenModal = useCallback(() => {
+    setShowModal(true)
+  }, [])
+
+  const handleCloseModal = useCallback(() => {
+    if (isMounted.current) {
+      setShowModal(false)
+    }
+  }, [isMounted])
+
+  const handleTrashProject = useCallback(async () => {
+    await trashProject(project.id)
+    toggleSelectedProject(project.id, false)
+    updateProjectViewData({
+      ...project,
+      trashed: true,
+      archived: false,
+    })
+  }, [project, toggleSelectedProject, updateProjectViewData])
+
+  if (project.trashed) return null
+
+  return (
+    <>
+      {children(text, handleOpenModal)}
+      <TrashProjectModal
+        projects={[project]}
+        actionHandler={handleTrashProject}
+        showModal={showModal}
+        handleCloseModal={handleCloseModal}
+      />
+    </>
+  )
+}
+
+const TrashProjectButtonTooltip = memo(function TrashProjectButtonTooltip({
+  project,
+}: Pick<TrashProjectButtonProps, 'project'>) {
+  return (
+    <TrashProjectButton project={project}>
+      {(text, handleOpenModal) => (
+        <OLTooltip
+          key={`tooltip-trash-project-${project.id}`}
+          id={`trash-project-${project.id}`}
+          description={text}
+          overlayProps={{ placement: 'top', trigger: ['hover', 'focus'] }}
+        >
+          <span>
+            <OLIconButton
+              onClick={handleOpenModal}
+              variant="link"
+              accessibilityLabel={text}
+              className="action-btn"
+              icon="delete"
+            />
+          </span>
+        </OLTooltip>
+      )}
+    </TrashProjectButton>
+  )
+})
+
+export default memo(TrashProjectButton)
+export { TrashProjectButtonTooltip }
diff --git a/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/unarchive-project-button.tsx b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/unarchive-project-button.tsx
new file mode 100644
index 0000000..93e19f6
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/unarchive-project-button.tsx
@@ -0,0 +1,67 @@
+import { useTranslation } from 'react-i18next'
+import { memo, useCallback } from 'react'
+import { Project } from '../../../../../../../../types/project/dashboard/api'
+import { useProjectListContext } from '../../../../context/project-list-context'
+import { unarchiveProject } from '../../../../util/api'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLIconButton from '@/features/ui/components/ol/ol-icon-button'
+
+type UnarchiveProjectButtonProps = {
+  project: Project
+  children: (
+    text: string,
+    handleUnarchiveProject: () => Promise<void>
+  ) => React.ReactElement
+}
+
+function UnarchiveProjectButton({
+  project,
+  children,
+}: UnarchiveProjectButtonProps) {
+  const { t } = useTranslation()
+  const text = t('unarchive')
+  const { toggleSelectedProject, updateProjectViewData } =
+    useProjectListContext()
+
+  const handleUnarchiveProject = useCallback(async () => {
+    await unarchiveProject(project.id)
+    toggleSelectedProject(project.id, false)
+    updateProjectViewData({ ...project, archived: false })
+  }, [project, toggleSelectedProject, updateProjectViewData])
+
+  if (!project.archived) return null
+
+  return children(text, handleUnarchiveProject)
+}
+
+const UnarchiveProjectButtonTooltip = memo(
+  function UnarchiveProjectButtonTooltip({
+    project,
+  }: Pick<UnarchiveProjectButtonProps, 'project'>) {
+    return (
+      <UnarchiveProjectButton project={project}>
+        {(text, handleUnarchiveProject) => (
+          <OLTooltip
+            key={`tooltip-unarchive-project-${project.id}`}
+            id={`unarchive-project-${project.id}`}
+            description={text}
+            overlayProps={{ placement: 'top', trigger: ['hover', 'focus'] }}
+          >
+            <span>
+              <OLIconButton
+                onClick={handleUnarchiveProject}
+                variant="link"
+                accessibilityLabel={text}
+                className="action-btn"
+                icon="restore_page"
+              />
+            </span>
+          </OLTooltip>
+        )}
+      </UnarchiveProjectButton>
+    )
+  }
+)
+
+export default memo(UnarchiveProjectButton)
+export { UnarchiveProjectButtonTooltip }
diff --git a/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/untrash-project-button.tsx b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/untrash-project-button.tsx
new file mode 100644
index 0000000..2d9956d
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/cells/action-buttons/untrash-project-button.tsx
@@ -0,0 +1,65 @@
+import { useTranslation } from 'react-i18next'
+import { memo, useCallback } from 'react'
+import { Project } from '../../../../../../../../types/project/dashboard/api'
+import { useProjectListContext } from '../../../../context/project-list-context'
+import { untrashProject } from '../../../../util/api'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLIconButton from '@/features/ui/components/ol/ol-icon-button'
+
+type UntrashProjectButtonProps = {
+  project: Project
+  children: (
+    text: string,
+    untrashProject: () => Promise<void>
+  ) => React.ReactElement
+}
+
+function UntrashProjectButton({
+  project,
+  children,
+}: UntrashProjectButtonProps) {
+  const { t } = useTranslation()
+  const text = t('untrash')
+  const { toggleSelectedProject, updateProjectViewData } =
+    useProjectListContext()
+
+  const handleUntrashProject = useCallback(async () => {
+    await untrashProject(project.id)
+    toggleSelectedProject(project.id, false)
+    updateProjectViewData({ ...project, trashed: false })
+  }, [project, toggleSelectedProject, updateProjectViewData])
+
+  if (!project.trashed) return null
+
+  return children(text, handleUntrashProject)
+}
+
+const UntrashProjectButtonTooltip = memo(function UntrashProjectButtonTooltip({
+  project,
+}: Pick<UntrashProjectButtonProps, 'project'>) {
+  return (
+    <UntrashProjectButton project={project}>
+      {(text, handleUntrashProject) => (
+        <OLTooltip
+          key={`tooltip-untrash-project-${project.id}`}
+          id={`untrash-project-${project.id}`}
+          description={text}
+          overlayProps={{ placement: 'top', trigger: ['hover', 'focus'] }}
+        >
+          <span>
+            <OLIconButton
+              onClick={handleUntrashProject}
+              variant="link"
+              accessibilityLabel={text}
+              className="action-btn"
+              icon="restore_page"
+            />
+          </span>
+        </OLTooltip>
+      )}
+    </UntrashProjectButton>
+  )
+})
+
+export default memo(UntrashProjectButton)
+export { UntrashProjectButtonTooltip }
diff --git a/services/web/frontend/js/features/project-list/components/table/cells/actions-cell.tsx b/services/web/frontend/js/features/project-list/components/table/cells/actions-cell.tsx
new file mode 100644
index 0000000..2e0c3f3
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/cells/actions-cell.tsx
@@ -0,0 +1,30 @@
+import { Project } from '../../../../../../../types/project/dashboard/api'
+import { CopyProjectButtonTooltip } from './action-buttons/copy-project-button'
+import { ArchiveProjectButtonTooltip } from './action-buttons/archive-project-button'
+import { TrashProjectButtonTooltip } from './action-buttons/trash-project-button'
+import { UnarchiveProjectButtonTooltip } from './action-buttons/unarchive-project-button'
+import { UntrashProjectButtonTooltip } from './action-buttons/untrash-project-button'
+import { DownloadProjectButtonTooltip } from './action-buttons/download-project-button'
+import { LeaveProjectButtonTooltip } from './action-buttons/leave-project-button'
+import { DeleteProjectButtonTooltip } from './action-buttons/delete-project-button'
+import { CompileAndDownloadProjectPDFButtonTooltip } from './action-buttons/compile-and-download-project-pdf-button'
+
+type ActionsCellProps = {
+  project: Project
+}
+
+export default function ActionsCell({ project }: ActionsCellProps) {
+  return (
+    <>
+      <CopyProjectButtonTooltip project={project} />
+      <DownloadProjectButtonTooltip project={project} />
+      <CompileAndDownloadProjectPDFButtonTooltip project={project} />
+      <ArchiveProjectButtonTooltip project={project} />
+      <TrashProjectButtonTooltip project={project} />
+      <UnarchiveProjectButtonTooltip project={project} />
+      <UntrashProjectButtonTooltip project={project} />
+      <LeaveProjectButtonTooltip project={project} />
+      <DeleteProjectButtonTooltip project={project} />
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/table/cells/inline-tags.tsx b/services/web/frontend/js/features/project-list/components/table/cells/inline-tags.tsx
new file mode 100644
index 0000000..b3b6fec
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/cells/inline-tags.tsx
@@ -0,0 +1,66 @@
+import { useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Tag as TagType } from '../../../../../../../app/src/Features/Tags/types'
+import { useProjectListContext } from '../../../context/project-list-context'
+import { removeProjectFromTag } from '../../../util/api'
+import { getTagColor } from '../../../util/tag'
+import Tag from '@/features/ui/components/bootstrap-5/tag'
+
+type InlineTagsProps = {
+  projectId: string
+  className?: string
+}
+
+function InlineTags({ projectId, ...props }: InlineTagsProps) {
+  const { tags } = useProjectListContext()
+
+  return (
+    <span {...props}>
+      {tags
+        .filter(tag => tag.project_ids?.includes(projectId))
+        .map((tag, index) => (
+          <InlineTag tag={tag} projectId={projectId} key={index} />
+        ))}
+    </span>
+  )
+}
+
+type InlineTagProps = {
+  tag: TagType
+  projectId: string
+}
+
+function InlineTag({ tag, projectId }: InlineTagProps) {
+  const { t } = useTranslation()
+  const { selectTag, removeProjectFromTagInView } = useProjectListContext()
+
+  const handleRemoveTag = useCallback(
+    async (tagId: string, projectId: string) => {
+      removeProjectFromTagInView(tagId, projectId)
+      await removeProjectFromTag(tagId, projectId)
+    },
+    [removeProjectFromTagInView]
+  )
+  return (
+    <Tag
+      prepend={
+        <i
+          className="badge-tag-circle"
+          style={{ backgroundColor: getTagColor(tag) }}
+        />
+      }
+      contentProps={{
+        'aria-label': t('select_tag', { tagName: tag.name }),
+        onClick: () => selectTag(tag._id),
+      }}
+      closeBtnProps={{
+        onClick: () => handleRemoveTag(tag._id, projectId),
+      }}
+      className="ms-2"
+    >
+      {tag.name}
+    </Tag>
+  )
+}
+
+export default InlineTags
diff --git a/services/web/frontend/js/features/project-list/components/table/cells/last-updated-by.tsx b/services/web/frontend/js/features/project-list/components/table/cells/last-updated-by.tsx
new file mode 100644
index 0000000..18a029a
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/cells/last-updated-by.tsx
@@ -0,0 +1,22 @@
+import { FC } from 'react'
+import { UserRef } from '../../../../../../../types/project/dashboard/api'
+import { useTranslation } from 'react-i18next'
+import { getUserName } from '@/features/project-list/util/user'
+
+export const LastUpdatedBy: FC<{
+  lastUpdatedBy: UserRef
+  lastUpdatedDate: string
+}> = ({ lastUpdatedBy, lastUpdatedDate }) => {
+  const { t } = useTranslation()
+
+  const userName = getUserName(lastUpdatedBy)
+
+  return (
+    <>
+      {t('last_updated_date_by_x', {
+        lastUpdatedDate,
+        person: userName === 'You' ? t('you') : userName,
+      })}
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/table/cells/last-updated-cell.tsx b/services/web/frontend/js/features/project-list/components/table/cells/last-updated-cell.tsx
new file mode 100644
index 0000000..b6417e9
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/cells/last-updated-cell.tsx
@@ -0,0 +1,33 @@
+import { formatDate, fromNowDate } from '../../../../../utils/dates'
+import { Project } from '../../../../../../../types/project/dashboard/api'
+import { LastUpdatedBy } from '@/features/project-list/components/table/cells/last-updated-by'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+
+type LastUpdatedCellProps = {
+  project: Project
+}
+
+export default function LastUpdatedCell({ project }: LastUpdatedCellProps) {
+  const lastUpdatedDate = fromNowDate(project.lastUpdated)
+
+  const tooltipText = formatDate(project.lastUpdated)
+  return (
+    <OLTooltip
+      key={`tooltip-last-updated-${project.id}`}
+      id={`tooltip-last-updated-${project.id}`}
+      description={tooltipText}
+      overlayProps={{ placement: 'top', trigger: ['hover', 'focus'] }}
+    >
+      {project.lastUpdatedBy ? (
+        <span>
+          <LastUpdatedBy
+            lastUpdatedBy={project.lastUpdatedBy}
+            lastUpdatedDate={lastUpdatedDate}
+          />
+        </span>
+      ) : (
+        <span>{lastUpdatedDate}</span>
+      )}
+    </OLTooltip>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/table/cells/owner-cell.tsx b/services/web/frontend/js/features/project-list/components/table/cells/owner-cell.tsx
new file mode 100644
index 0000000..b72350c
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/cells/owner-cell.tsx
@@ -0,0 +1,56 @@
+import { useTranslation } from 'react-i18next'
+import { getOwnerName } from '../../../util/project'
+import { Project } from '../../../../../../../types/project/dashboard/api'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type LinkSharingIconProps = {
+  prependSpace: boolean
+  project: Project
+  className?: string
+}
+
+function LinkSharingIcon({
+  project,
+  prependSpace,
+  className,
+}: LinkSharingIconProps) {
+  const { t } = useTranslation()
+  return (
+    <OLTooltip
+      key={`tooltip-link-sharing-${project.id}`}
+      id={`tooltip-link-sharing-${project.id}`}
+      description={t('link_sharing')}
+      overlayProps={{ placement: 'right', trigger: ['hover', 'focus'] }}
+    >
+      {/* OverlayTrigger won't fire unless icon is wrapped in a span */}
+      <span className={className}>
+        {prependSpace ? ' ' : ''}
+        <MaterialIcon
+          type="link"
+          className="align-text-bottom"
+          accessibilityLabel={t('link_sharing')}
+        />
+      </span>
+    </OLTooltip>
+  )
+}
+
+type OwnerCellProps = {
+  project: Project
+}
+
+export default function OwnerCell({ project }: OwnerCellProps) {
+  const { t } = useTranslation()
+
+  const ownerName = getOwnerName(project)
+
+  return (
+    <>
+      {ownerName === 'You' ? t('you') : ownerName}
+      {project.source === 'token' && (
+        <LinkSharingIcon project={project} prependSpace={!!project.owner} />
+      )}
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/table/project-checkbox.tsx b/services/web/frontend/js/features/project-list/components/table/project-checkbox.tsx
new file mode 100644
index 0000000..80a6574
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/project-checkbox.tsx
@@ -0,0 +1,31 @@
+import { memo, useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useProjectListContext } from '@/features/project-list/context/project-list-context'
+import OLFormCheckbox from '@/features/ui/components/ol/ol-form-checkbox'
+
+export const ProjectCheckbox = memo<{ projectId: string; projectName: string }>(
+  ({ projectId, projectName }) => {
+    const { t } = useTranslation()
+    const { selectedProjectIds, toggleSelectedProject } =
+      useProjectListContext()
+
+    const handleCheckboxChange = useCallback(
+      event => {
+        toggleSelectedProject(projectId, event.target.checked)
+      },
+      [projectId, toggleSelectedProject]
+    )
+
+    return (
+      <OLFormCheckbox
+        autoComplete="off"
+        onChange={handleCheckboxChange}
+        checked={selectedProjectIds.has(projectId)}
+        aria-label={t('select_project', { project: projectName })}
+        data-project-id={projectId}
+      />
+    )
+  }
+)
+
+ProjectCheckbox.displayName = 'ProjectCheckbox'
diff --git a/services/web/frontend/js/features/project-list/components/table/project-list-owner-name.tsx b/services/web/frontend/js/features/project-list/components/table/project-list-owner-name.tsx
new file mode 100644
index 0000000..8f05624
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/project-list-owner-name.tsx
@@ -0,0 +1,13 @@
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
+
+export const ProjectListOwnerName = memo<{ ownerName: string }>(
+  ({ ownerName }) => {
+    const { t } = useTranslation()
+
+    const x = ownerName === 'You' ? t('you') : ownerName
+
+    return <> — {t('owned_by_x', { x })}</>
+  }
+)
+ProjectListOwnerName.displayName = 'ProjectListOwnerName'
diff --git a/services/web/frontend/js/features/project-list/components/table/project-list-table-row.tsx b/services/web/frontend/js/features/project-list/components/table/project-list-table-row.tsx
new file mode 100644
index 0000000..70a13b4
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/project-list-table-row.tsx
@@ -0,0 +1,52 @@
+import { memo } from 'react'
+import InlineTags from './cells/inline-tags'
+import OwnerCell from './cells/owner-cell'
+import LastUpdatedCell from './cells/last-updated-cell'
+import ActionsCell from './cells/actions-cell'
+import ActionsDropdown from '../dropdown/actions-dropdown'
+import { getOwnerName } from '../../util/project'
+import { Project } from '../../../../../../types/project/dashboard/api'
+import { ProjectCheckbox } from './project-checkbox'
+import { ProjectListOwnerName } from '@/features/project-list/components/table/project-list-owner-name'
+
+type ProjectListTableRowProps = {
+  project: Project
+  selected: boolean
+}
+function ProjectListTableRow({ project, selected }: ProjectListTableRowProps) {
+  const ownerName = getOwnerName(project)
+
+  return (
+    <tr className={selected ? 'table-active' : undefined}>
+      <td className="dash-cell-checkbox d-none d-md-table-cell">
+        <ProjectCheckbox projectId={project.id} projectName={project.name} />
+      </td>
+      <td className="dash-cell-name">
+        <a href={`/project/${project.id}`}>{project.name}</a>{' '}
+        <InlineTags className="d-none d-md-inline" projectId={project.id} />
+      </td>
+      <td className="dash-cell-date-owner pb-0 d-md-none">
+        <LastUpdatedCell project={project} />
+        {ownerName ? <ProjectListOwnerName ownerName={ownerName} /> : null}
+      </td>
+      <td className="dash-cell-owner d-none d-md-table-cell">
+        <OwnerCell project={project} />
+      </td>
+      <td className="dash-cell-date d-none d-md-table-cell">
+        <LastUpdatedCell project={project} />
+      </td>
+      <td className="dash-cell-tag pt-0 d-md-none">
+        <InlineTags projectId={project.id} />
+      </td>
+      <td className="dash-cell-actions">
+        <div className="d-none d-md-block">
+          <ActionsCell project={project} />
+        </div>
+        <div className="d-md-none">
+          <ActionsDropdown project={project} />
+        </div>
+      </td>
+    </tr>
+  )
+}
+export default memo(ProjectListTableRow)
diff --git a/services/web/frontend/js/features/project-list/components/table/project-list-table.tsx b/services/web/frontend/js/features/project-list/components/table/project-list-table.tsx
new file mode 100644
index 0000000..ae13412
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/project-list-table.tsx
@@ -0,0 +1,162 @@
+import { useCallback, useRef, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import ProjectListTableRow from './project-list-table-row'
+import { useProjectListContext } from '../../context/project-list-context'
+import useSort from '../../hooks/use-sort'
+import withContent, { SortBtnProps } from '../sort/with-content'
+import OLTable from '@/features/ui/components/ol/ol-table'
+import OLFormCheckbox from '@/features/ui/components/ol/ol-form-checkbox'
+import MaterialIcon from '@/shared/components/material-icon'
+
+function SortBtn({ onClick, text, iconType, screenReaderText }: SortBtnProps) {
+  return (
+    <button
+      className="table-header-sort-btn d-none d-md-inline-block"
+      onClick={onClick}
+      aria-label={screenReaderText}
+    >
+      <span>{text}</span>
+      {iconType && <MaterialIcon type={iconType} />}
+    </button>
+  )
+}
+
+const SortByButton = withContent(SortBtn)
+
+function ProjectListTable() {
+  const { t } = useTranslation()
+  const {
+    visibleProjects,
+    sort,
+    selectedProjects,
+    selectOrUnselectAllProjects,
+  } = useProjectListContext()
+  const { handleSort } = useSort()
+  const checkAllRef = useRef<HTMLInputElement>(null)
+
+  const handleAllProjectsCheckboxChange = useCallback(
+    (event: React.ChangeEvent<HTMLInputElement>) => {
+      selectOrUnselectAllProjects(event.target.checked)
+    },
+    [selectOrUnselectAllProjects]
+  )
+
+  useEffect(() => {
+    if (checkAllRef.current) {
+      checkAllRef.current.indeterminate =
+        selectedProjects.length > 0 &&
+        selectedProjects.length !== visibleProjects.length
+    }
+  }, [selectedProjects, visibleProjects])
+
+  return (
+    <OLTable className="project-dash-table" container={false} hover>
+      <caption className="visually-hidden">{t('projects_list')}</caption>
+      <thead className="visually-hidden-max-md">
+        <tr>
+          <th
+            className="dash-cell-checkbox d-none d-md-table-cell"
+            aria-label={t('select_projects')}
+          >
+            <OLFormCheckbox
+              autoComplete="off"
+              onChange={handleAllProjectsCheckboxChange}
+              checked={
+                visibleProjects.length === selectedProjects.length &&
+                visibleProjects.length !== 0
+              }
+              disabled={visibleProjects.length === 0}
+              aria-label={t('select_all_projects')}
+              inputRef={checkAllRef}
+            />
+          </th>
+          <th
+            className="dash-cell-name"
+            aria-label={t('title')}
+            aria-sort={
+              sort.by === 'title'
+                ? sort.order === 'asc'
+                  ? 'ascending'
+                  : 'descending'
+                : undefined
+            }
+          >
+            <SortByButton
+              column="title"
+              text={t('title')}
+              sort={sort}
+              onClick={() => handleSort('title')}
+            />
+          </th>
+          <th
+            className="dash-cell-date-owner d-md-none"
+            aria-label={t('date_and_owner')}
+          >
+            {t('date_and_owner')}
+          </th>
+          <th
+            className="dash-cell-owner d-none d-md-table-cell"
+            aria-label={t('owner')}
+            aria-sort={
+              sort.by === 'owner'
+                ? sort.order === 'asc'
+                  ? 'ascending'
+                  : 'descending'
+                : undefined
+            }
+          >
+            <SortByButton
+              column="owner"
+              text={t('owner')}
+              sort={sort}
+              onClick={() => handleSort('owner')}
+            />
+          </th>
+          <th
+            className="dash-cell-date d-none d-md-table-cell"
+            aria-label={t('last_modified')}
+            aria-sort={
+              sort.by === 'lastUpdated'
+                ? sort.order === 'asc'
+                  ? 'ascending'
+                  : 'descending'
+                : undefined
+            }
+          >
+            <SortByButton
+              column="lastUpdated"
+              text={t('last_modified')}
+              sort={sort}
+              onClick={() => handleSort('lastUpdated')}
+            />
+          </th>
+          <th className="dash-cell-tag d-md-none" aria-label={t('tags')}>
+            {t('tags')}
+          </th>
+          <th className="dash-cell-actions" aria-label={t('actions')}>
+            {t('actions')}
+          </th>
+        </tr>
+      </thead>
+      <tbody>
+        {visibleProjects.length > 0 ? (
+          visibleProjects.map(p => (
+            <ProjectListTableRow
+              project={p}
+              selected={selectedProjects.some(({ id }) => id === p.id)}
+              key={p.id}
+            />
+          ))
+        ) : (
+          <tr className="no-projects">
+            <td className="text-center" colSpan={5}>
+              {t('no_projects')}
+            </td>
+          </tr>
+        )}
+      </tbody>
+    </OLTable>
+  )
+}
+
+export default ProjectListTable
diff --git a/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/archive-projects-button.tsx b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/archive-projects-button.tsx
new file mode 100644
index 0000000..1085cbd
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/archive-projects-button.tsx
@@ -0,0 +1,65 @@
+import { memo, useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLIconButton from '@/features/ui/components/ol/ol-icon-button'
+import ArchiveProjectModal from '../../../modals/archive-project-modal'
+import useIsMounted from '../../../../../../shared/hooks/use-is-mounted'
+import { useProjectListContext } from '../../../../context/project-list-context'
+import { archiveProject } from '../../../../util/api'
+import { Project } from '../../../../../../../../types/project/dashboard/api'
+
+function ArchiveProjectsButton() {
+  const { selectedProjects, toggleSelectedProject, updateProjectViewData } =
+    useProjectListContext()
+  const { t } = useTranslation()
+  const text = t('archive')
+
+  const [showModal, setShowModal] = useState(false)
+  const isMounted = useIsMounted()
+
+  const handleOpenModal = useCallback(() => {
+    setShowModal(true)
+  }, [])
+
+  const handleCloseModal = useCallback(() => {
+    if (isMounted.current) {
+      setShowModal(false)
+    }
+  }, [isMounted])
+
+  const handleArchiveProject = async (project: Project) => {
+    await archiveProject(project.id)
+
+    toggleSelectedProject(project.id, false)
+    updateProjectViewData({
+      ...project,
+      archived: true,
+      trashed: false,
+    })
+  }
+
+  return (
+    <>
+      <OLTooltip
+        id="tooltip-archive-projects"
+        description={text}
+        overlayProps={{ placement: 'bottom', trigger: ['hover', 'focus'] }}
+      >
+        <OLIconButton
+          onClick={handleOpenModal}
+          variant="secondary"
+          accessibilityLabel={text}
+          icon="inbox"
+        />
+      </OLTooltip>
+      <ArchiveProjectModal
+        projects={selectedProjects}
+        actionHandler={handleArchiveProject}
+        showModal={showModal}
+        handleCloseModal={handleCloseModal}
+      />
+    </>
+  )
+}
+
+export default memo(ArchiveProjectsButton)
diff --git a/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/delete-leave-projects-button.tsx b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/delete-leave-projects-button.tsx
new file mode 100644
index 0000000..cec5c25
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/delete-leave-projects-button.tsx
@@ -0,0 +1,58 @@
+import { useState } from 'react'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTranslation } from 'react-i18next'
+import DeleteLeaveProjectModal from '../../../modals/delete-leave-project-modal'
+import useIsMounted from '../../../../../../shared/hooks/use-is-mounted'
+import { useProjectListContext } from '../../../../context/project-list-context'
+import { deleteProject, leaveProject } from '../../../../util/api'
+import { Project } from '../../../../../../../../types/project/dashboard/api'
+
+function DeleteLeaveProjectsButton() {
+  const { t } = useTranslation()
+  const {
+    selectedProjects,
+    removeProjectFromView,
+    hasLeavableProjectsSelected,
+    hasDeletableProjectsSelected,
+  } = useProjectListContext()
+  const [showModal, setShowModal] = useState(false)
+  const isMounted = useIsMounted()
+
+  const handleOpenModal = () => {
+    setShowModal(true)
+  }
+
+  const handleCloseModal = () => {
+    if (isMounted.current) {
+      setShowModal(false)
+    }
+  }
+
+  const handleDeleteAndLeaveProject = async (project: Project) => {
+    if (project.accessLevel === 'owner') {
+      await deleteProject(project.id)
+    } else {
+      await leaveProject(project.id)
+    }
+
+    removeProjectFromView(project)
+  }
+
+  return (
+    <>
+      {hasDeletableProjectsSelected && hasLeavableProjectsSelected && (
+        <OLButton variant="danger" onClick={handleOpenModal}>
+          {t('delete_and_leave')}
+        </OLButton>
+      )}
+      <DeleteLeaveProjectModal
+        projects={selectedProjects}
+        actionHandler={handleDeleteAndLeaveProject}
+        showModal={showModal}
+        handleCloseModal={handleCloseModal}
+      />
+    </>
+  )
+}
+
+export default DeleteLeaveProjectsButton
diff --git a/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/delete-projects-button.tsx b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/delete-projects-button.tsx
new file mode 100644
index 0000000..47c552e
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/delete-projects-button.tsx
@@ -0,0 +1,54 @@
+import { useState } from 'react'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTranslation } from 'react-i18next'
+import DeleteProjectModal from '../../../modals/delete-project-modal'
+import useIsMounted from '../../../../../../shared/hooks/use-is-mounted'
+import { useProjectListContext } from '../../../../context/project-list-context'
+import { deleteProject } from '../../../../util/api'
+import { Project } from '../../../../../../../../types/project/dashboard/api'
+
+function DeleteProjectsButton() {
+  const { t } = useTranslation()
+  const {
+    selectedProjects,
+    removeProjectFromView,
+    hasLeavableProjectsSelected,
+    hasDeletableProjectsSelected,
+  } = useProjectListContext()
+  const [showModal, setShowModal] = useState(false)
+  const isMounted = useIsMounted()
+
+  const handleOpenModal = () => {
+    setShowModal(true)
+  }
+
+  const handleCloseModal = () => {
+    if (isMounted.current) {
+      setShowModal(false)
+    }
+  }
+
+  const handleDeleteProject = async (project: Project) => {
+    await deleteProject(project.id)
+
+    removeProjectFromView(project)
+  }
+
+  return (
+    <>
+      {hasDeletableProjectsSelected && !hasLeavableProjectsSelected && (
+        <OLButton variant="danger" onClick={handleOpenModal}>
+          {t('delete')}
+        </OLButton>
+      )}
+      <DeleteProjectModal
+        projects={selectedProjects}
+        actionHandler={handleDeleteProject}
+        showModal={showModal}
+        handleCloseModal={handleCloseModal}
+      />
+    </>
+  )
+}
+
+export default DeleteProjectsButton
diff --git a/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/download-projects-button.tsx b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/download-projects-button.tsx
new file mode 100644
index 0000000..774a515
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/download-projects-button.tsx
@@ -0,0 +1,47 @@
+import { memo, useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLIconButton from '@/features/ui/components/ol/ol-icon-button'
+import * as eventTracking from '../../../../../../infrastructure/event-tracking'
+import { useProjectListContext } from '../../../../context/project-list-context'
+import { useLocation } from '../../../../../../shared/hooks/use-location'
+import { isSmallDevice } from '../../../../../../infrastructure/event-tracking'
+
+function DownloadProjectsButton() {
+  const { selectedProjects, selectOrUnselectAllProjects } =
+    useProjectListContext()
+  const { t } = useTranslation()
+  const text = t('download')
+  const location = useLocation()
+
+  const projectIds = selectedProjects.map(p => p.id)
+
+  const handleDownloadProjects = useCallback(() => {
+    eventTracking.sendMB('project-list-page-interaction', {
+      action: 'downloadZips',
+      isSmallDevice,
+    })
+
+    location.assign(`/project/download/zip?project_ids=${projectIds.join(',')}`)
+
+    const selected = false
+    selectOrUnselectAllProjects(selected)
+  }, [projectIds, selectOrUnselectAllProjects, location])
+
+  return (
+    <OLTooltip
+      id="tooltip-download-projects"
+      description={text}
+      overlayProps={{ placement: 'bottom', trigger: ['hover', 'focus'] }}
+    >
+      <OLIconButton
+        onClick={handleDownloadProjects}
+        variant="secondary"
+        accessibilityLabel={text}
+        icon="download"
+      />
+    </OLTooltip>
+  )
+}
+
+export default memo(DownloadProjectsButton)
diff --git a/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/leave-projects-button.tsx b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/leave-projects-button.tsx
new file mode 100644
index 0000000..b9bfcd1
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/leave-projects-button.tsx
@@ -0,0 +1,54 @@
+import { useState } from 'react'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTranslation } from 'react-i18next'
+import LeaveProjectModal from '../../../modals/leave-project-modal'
+import useIsMounted from '../../../../../../shared/hooks/use-is-mounted'
+import { useProjectListContext } from '../../../../context/project-list-context'
+import { leaveProject } from '../../../../util/api'
+import { Project } from '../../../../../../../../types/project/dashboard/api'
+
+function LeaveProjectsButton() {
+  const { t } = useTranslation()
+  const {
+    selectedProjects,
+    removeProjectFromView,
+    hasLeavableProjectsSelected,
+    hasDeletableProjectsSelected,
+  } = useProjectListContext()
+  const [showModal, setShowModal] = useState(false)
+  const isMounted = useIsMounted()
+
+  const handleOpenModal = () => {
+    setShowModal(true)
+  }
+
+  const handleCloseModal = () => {
+    if (isMounted.current) {
+      setShowModal(false)
+    }
+  }
+
+  const handleLeaveProject = async (project: Project) => {
+    await leaveProject(project.id)
+
+    removeProjectFromView(project)
+  }
+
+  return (
+    <>
+      {!hasDeletableProjectsSelected && hasLeavableProjectsSelected && (
+        <OLButton variant="danger" onClick={handleOpenModal}>
+          {t('leave')}
+        </OLButton>
+      )}
+      <LeaveProjectModal
+        projects={selectedProjects}
+        actionHandler={handleLeaveProject}
+        showModal={showModal}
+        handleCloseModal={handleCloseModal}
+      />
+    </>
+  )
+}
+
+export default LeaveProjectsButton
diff --git a/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/project-tools-more-dropdown-button.tsx b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/project-tools-more-dropdown-button.tsx
new file mode 100644
index 0000000..0e05aa9
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/project-tools-more-dropdown-button.tsx
@@ -0,0 +1,31 @@
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
+import CopyProjectMenuItem from '../menu-items/copy-project-menu-item'
+import RenameProjectMenuItem from '../menu-items/rename-project-menu-item'
+import {
+  Dropdown,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+
+function ProjectToolsMoreDropdownButton() {
+  const { t } = useTranslation()
+
+  return (
+    <Dropdown align="end">
+      <DropdownToggle id="project-tools-more-dropdown" variant="secondary">
+        {t('more')}
+      </DropdownToggle>
+      <DropdownMenu flip={false} data-testid="project-tools-more-dropdown-menu">
+        <li role="none">
+          <RenameProjectMenuItem />
+        </li>
+        <li role="none">
+          <CopyProjectMenuItem />
+        </li>
+      </DropdownMenu>
+    </Dropdown>
+  )
+}
+
+export default memo(ProjectToolsMoreDropdownButton)
diff --git a/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/tags-dropdown.tsx b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/tags-dropdown.tsx
new file mode 100644
index 0000000..35f906f
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/tags-dropdown.tsx
@@ -0,0 +1,143 @@
+import { sortBy } from 'lodash'
+import { memo, useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '../../../../../../shared/components/material-icon'
+import { useProjectListContext } from '../../../../context/project-list-context'
+import useTag from '../../../../hooks/use-tag'
+import { addProjectsToTag, removeProjectsFromTag } from '../../../../util/api'
+import { getTagColor } from '../../../../util/tag'
+import {
+  Dropdown,
+  DropdownDivider,
+  DropdownHeader,
+  DropdownItem,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+
+function TagsDropdown() {
+  const {
+    tags,
+    selectedProjects,
+    addProjectToTagInView,
+    removeProjectFromTagInView,
+  } = useProjectListContext()
+  const { t } = useTranslation()
+  const { openCreateTagModal, CreateTagModal } = useTag()
+
+  const handleOpenCreateTagModal = useCallback(
+    e => {
+      e.preventDefault()
+      openCreateTagModal()
+    },
+    [openCreateTagModal]
+  )
+
+  const handleAddTagToSelectedProjects = useCallback(
+    (e, tagId) => {
+      e.preventDefault()
+      const tag = tags.find(tag => tag._id === tagId)
+      const projectIds = []
+      for (const selectedProject of selectedProjects) {
+        if (!tag?.project_ids?.includes(selectedProject.id)) {
+          addProjectToTagInView(tagId, selectedProject.id)
+          projectIds.push(selectedProject.id)
+        }
+      }
+      addProjectsToTag(tagId, projectIds)
+    },
+    [tags, selectedProjects, addProjectToTagInView]
+  )
+
+  const handleRemoveTagFromSelectedProjects = useCallback(
+    (e, tagId) => {
+      e.preventDefault()
+      for (const selectedProject of selectedProjects) {
+        removeProjectFromTagInView(tagId, selectedProject.id)
+      }
+      removeProjectsFromTag(
+        tagId,
+        selectedProjects.map(project => project.id)
+      )
+    },
+    [selectedProjects, removeProjectFromTagInView]
+  )
+
+  const containsAllSelectedProjects = useCallback(
+    tag => {
+      for (const project of selectedProjects) {
+        if (!(tag.project_ids || []).includes(project.id)) {
+          return false
+        }
+      }
+      return true
+    },
+    [selectedProjects]
+  )
+
+  return (
+    <>
+      <Dropdown align="end" autoClose="outside">
+        <DropdownToggle
+          id="project-tools-more-dropdown"
+          variant="secondary"
+          aria-label={t('tags')}
+        >
+          <MaterialIcon type="label" className="align-text-top" />
+        </DropdownToggle>
+        <DropdownMenu
+          flip={false}
+          data-testid="project-tools-more-dropdown-menu"
+        >
+          <DropdownHeader>{t('add_to_tag')}</DropdownHeader>
+          {sortBy(tags, tag => tag.name?.toLowerCase()).map((tag, index) => (
+            <li role="none" key={tag._id}>
+              <DropdownItem
+                onClick={e =>
+                  containsAllSelectedProjects(tag)
+                    ? handleRemoveTagFromSelectedProjects(e, tag._id)
+                    : handleAddTagToSelectedProjects(e, tag._id)
+                }
+                aria-label={t('add_or_remove_project_from_tag', {
+                  tagName: tag.name,
+                })}
+                as="button"
+                tabIndex={-1}
+                leadingIcon={
+                  containsAllSelectedProjects(tag) ? (
+                    'check'
+                  ) : (
+                    <DropdownItem.EmptyLeadingIcon />
+                  )
+                }
+              >
+                <div className="badge-tag-content">
+                  <span className="badge-prepend">
+                    <i
+                      className="badge-tag-circle align-self-center ms-0"
+                      style={{ backgroundColor: getTagColor(tag) }}
+                    />
+                  </span>
+                  <span className="text-truncate">{tag.name}</span>
+                </div>
+              </DropdownItem>
+            </li>
+          ))}
+          <DropdownDivider />
+          <li role="none">
+            <DropdownItem
+              onClick={handleOpenCreateTagModal}
+              as="button"
+              tabIndex={-1}
+            >
+              {t('create_new_tag')}
+            </DropdownItem>
+          </li>
+        </DropdownMenu>
+      </Dropdown>
+      <CreateTagModal id="toolbar-create-tag-modal" />
+    </>
+  )
+}
+
+export default memo(TagsDropdown)
diff --git a/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/trash-projects-button.tsx b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/trash-projects-button.tsx
new file mode 100644
index 0000000..07dbd68
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/trash-projects-button.tsx
@@ -0,0 +1,65 @@
+import { memo, useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLIconButton from '@/features/ui/components/ol/ol-icon-button'
+import TrashProjectModal from '../../../modals/trash-project-modal'
+import useIsMounted from '../../../../../../shared/hooks/use-is-mounted'
+import { useProjectListContext } from '../../../../context/project-list-context'
+import { trashProject } from '../../../../util/api'
+import { Project } from '../../../../../../../../types/project/dashboard/api'
+
+function TrashProjectsButton() {
+  const { selectedProjects, toggleSelectedProject, updateProjectViewData } =
+    useProjectListContext()
+  const { t } = useTranslation()
+  const text = t('trash')
+
+  const [showModal, setShowModal] = useState(false)
+  const isMounted = useIsMounted()
+
+  const handleOpenModal = useCallback(() => {
+    setShowModal(true)
+  }, [])
+
+  const handleCloseModal = useCallback(() => {
+    if (isMounted.current) {
+      setShowModal(false)
+    }
+  }, [isMounted])
+
+  const handleTrashProject = async (project: Project) => {
+    await trashProject(project.id)
+
+    toggleSelectedProject(project.id, false)
+    updateProjectViewData({
+      ...project,
+      trashed: true,
+      archived: false,
+    })
+  }
+
+  return (
+    <>
+      <OLTooltip
+        id="tooltip-trash-projects"
+        description={text}
+        overlayProps={{ placement: 'bottom', trigger: ['hover', 'focus'] }}
+      >
+        <OLIconButton
+          onClick={handleOpenModal}
+          variant="secondary"
+          accessibilityLabel={text}
+          icon="delete"
+        />
+      </OLTooltip>
+      <TrashProjectModal
+        projects={selectedProjects}
+        actionHandler={handleTrashProject}
+        showModal={showModal}
+        handleCloseModal={handleCloseModal}
+      />
+    </>
+  )
+}
+
+export default memo(TrashProjectsButton)
diff --git a/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/unarchive-projects-button.tsx b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/unarchive-projects-button.tsx
new file mode 100644
index 0000000..ee8e17e
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/unarchive-projects-button.tsx
@@ -0,0 +1,27 @@
+import { memo } from 'react'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTranslation } from 'react-i18next'
+import { useProjectListContext } from '../../../../context/project-list-context'
+import { unarchiveProject } from '../../../../util/api'
+
+function UnarchiveProjectsButton() {
+  const { selectedProjects, toggleSelectedProject, updateProjectViewData } =
+    useProjectListContext()
+  const { t } = useTranslation()
+
+  const handleUnarchiveProjects = async () => {
+    for (const project of selectedProjects) {
+      await unarchiveProject(project.id)
+      toggleSelectedProject(project.id, false)
+      updateProjectViewData({ ...project, archived: false })
+    }
+  }
+
+  return (
+    <OLButton variant="secondary" onClick={handleUnarchiveProjects}>
+      {t('untrash')}
+    </OLButton>
+  )
+}
+
+export default memo(UnarchiveProjectsButton)
diff --git a/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/untrash-projects-button.tsx b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/untrash-projects-button.tsx
new file mode 100644
index 0000000..4e61c24
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/project-tools/buttons/untrash-projects-button.tsx
@@ -0,0 +1,27 @@
+import { memo } from 'react'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTranslation } from 'react-i18next'
+import { useProjectListContext } from '../../../../context/project-list-context'
+import { untrashProject } from '../../../../util/api'
+
+function UntrashProjectsButton() {
+  const { selectedProjects, toggleSelectedProject, updateProjectViewData } =
+    useProjectListContext()
+  const { t } = useTranslation()
+
+  const handleUntrashProjects = async () => {
+    for (const project of selectedProjects) {
+      await untrashProject(project.id)
+      toggleSelectedProject(project.id, false)
+      updateProjectViewData({ ...project, trashed: false })
+    }
+  }
+
+  return (
+    <OLButton variant="secondary" onClick={handleUntrashProjects}>
+      {t('untrash')}
+    </OLButton>
+  )
+}
+
+export default memo(UntrashProjectsButton)
diff --git a/services/web/frontend/js/features/project-list/components/table/project-tools/menu-items/copy-project-menu-item.tsx b/services/web/frontend/js/features/project-list/components/table/project-tools/menu-items/copy-project-menu-item.tsx
new file mode 100644
index 0000000..37a662b
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/project-tools/menu-items/copy-project-menu-item.tsx
@@ -0,0 +1,82 @@
+import { memo, useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import OLDropdownMenuItem from '@/features/ui/components/ol/ol-dropdown-menu-item'
+import CloneProjectModal from '../../../../../clone-project-modal/components/clone-project-modal'
+import useIsMounted from '../../../../../../shared/hooks/use-is-mounted'
+import { useProjectListContext } from '../../../../context/project-list-context'
+import * as eventTracking from '../../../../../../infrastructure/event-tracking'
+import { ClonedProject } from '../../../../../../../../types/project/dashboard/api'
+import { useProjectTags } from '@/features/project-list/hooks/use-project-tags'
+import { isSmallDevice } from '../../../../../../infrastructure/event-tracking'
+
+function CopyProjectMenuItem() {
+  const {
+    addClonedProjectToViewData,
+    addProjectToTagInView,
+    toggleSelectedProject,
+    selectedProjects,
+  } = useProjectListContext()
+  const { t } = useTranslation()
+  const [showModal, setShowModal] = useState(false)
+  const isMounted = useIsMounted()
+  const projectTags = useProjectTags(selectedProjects[0]?.id)
+
+  const handleOpenModal = useCallback(() => {
+    setShowModal(true)
+  }, [])
+
+  const handleCloseModal = useCallback(() => {
+    if (isMounted.current) {
+      setShowModal(false)
+    }
+  }, [isMounted])
+
+  const handleAfterCloned = useCallback(
+    (clonedProject: ClonedProject, tags: { _id: string }[]) => {
+      const project = selectedProjects[0]
+      eventTracking.sendMB('project-list-page-interaction', {
+        action: 'clone',
+        projectId: project.id,
+        isSmallDevice,
+      })
+      addClonedProjectToViewData(clonedProject)
+      for (const tag of tags) {
+        addProjectToTagInView(tag._id, clonedProject.project_id)
+      }
+      toggleSelectedProject(project.id, false)
+
+      if (isMounted.current) {
+        setShowModal(false)
+      }
+    },
+    [
+      isMounted,
+      selectedProjects,
+      addClonedProjectToViewData,
+      addProjectToTagInView,
+      toggleSelectedProject,
+    ]
+  )
+
+  if (selectedProjects.length !== 1) return null
+
+  if (selectedProjects[0].archived || selectedProjects[0].trashed) return null
+
+  return (
+    <>
+      <OLDropdownMenuItem onClick={handleOpenModal} as="button" tabIndex={-1}>
+        {t('make_a_copy')}
+      </OLDropdownMenuItem>
+      <CloneProjectModal
+        show={showModal}
+        handleHide={handleCloseModal}
+        handleAfterCloned={handleAfterCloned}
+        projectId={selectedProjects[0].id}
+        projectName={selectedProjects[0].name}
+        projectTags={projectTags}
+      />
+    </>
+  )
+}
+
+export default memo(CopyProjectMenuItem)
diff --git a/services/web/frontend/js/features/project-list/components/table/project-tools/menu-items/rename-project-menu-item.tsx b/services/web/frontend/js/features/project-list/components/table/project-tools/menu-items/rename-project-menu-item.tsx
new file mode 100644
index 0000000..f3441c9
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/project-tools/menu-items/rename-project-menu-item.tsx
@@ -0,0 +1,49 @@
+import { memo, useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useProjectListContext } from '../../../../context/project-list-context'
+import useIsMounted from '../../../../../../shared/hooks/use-is-mounted'
+import OLDropdownMenuItem from '@/features/ui/components/ol/ol-dropdown-menu-item'
+import RenameProjectModal from '../../../modals/rename-project-modal'
+
+function RenameProjectMenuItem() {
+  const { selectedProjects } = useProjectListContext()
+  const [showModal, setShowModal] = useState(false)
+  const isMounted = useIsMounted()
+  const { t } = useTranslation()
+
+  const handleOpenModal = useCallback(() => {
+    setShowModal(true)
+  }, [])
+
+  const handleCloseModal = useCallback(() => {
+    if (isMounted.current) {
+      setShowModal(false)
+    }
+  }, [isMounted])
+
+  if (selectedProjects.length !== 1) {
+    return null
+  }
+
+  const [selectedProject] = selectedProjects
+
+  // only show Rename if the current user is the project owner
+  if (selectedProject.accessLevel !== 'owner') {
+    return null
+  }
+
+  return (
+    <>
+      <OLDropdownMenuItem onClick={handleOpenModal} as="button" tabIndex={-1}>
+        {t('rename')}
+      </OLDropdownMenuItem>
+      <RenameProjectModal
+        handleCloseModal={handleCloseModal}
+        showModal={showModal}
+        project={selectedProject}
+      />
+    </>
+  )
+}
+
+export default memo(RenameProjectMenuItem)
diff --git a/services/web/frontend/js/features/project-list/components/table/project-tools/project-tools.tsx b/services/web/frontend/js/features/project-list/components/table/project-tools/project-tools.tsx
new file mode 100644
index 0000000..ec04619
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/table/project-tools/project-tools.tsx
@@ -0,0 +1,55 @@
+import { memo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useProjectListContext } from '../../../context/project-list-context'
+import ArchiveProjectsButton from './buttons/archive-projects-button'
+import DownloadProjectsButton from './buttons/download-projects-button'
+import ProjectToolsMoreDropdownButton from './buttons/project-tools-more-dropdown-button'
+import TagsDropdown from './buttons/tags-dropdown'
+import TrashProjectsButton from './buttons/trash-projects-button'
+import UnarchiveProjectsButton from './buttons/unarchive-projects-button'
+import UntrashProjectsButton from './buttons/untrash-projects-button'
+import DeleteLeaveProjectsButton from './buttons/delete-leave-projects-button'
+import LeaveProjectsButton from './buttons/leave-projects-button'
+import DeleteProjectsButton from './buttons/delete-projects-button'
+import OLButtonToolbar from '@/features/ui/components/ol/ol-button-toolbar'
+import OLButtonGroup from '@/features/ui/components/ol/ol-button-group'
+
+function ProjectTools() {
+  const { t } = useTranslation()
+  const { filter, selectedProjects } = useProjectListContext()
+
+  return (
+    <OLButtonToolbar aria-label={t('toolbar_selected_projects')}>
+      <OLButtonGroup
+        aria-label={t('toolbar_selected_projects_management_actions')}
+      >
+        <DownloadProjectsButton />
+        {filter !== 'archived' && <ArchiveProjectsButton />}
+        {filter !== 'trashed' && <TrashProjectsButton />}
+      </OLButtonGroup>
+
+      {(filter === 'trashed' || filter === 'archived') && (
+        <OLButtonGroup aria-label={t('toolbar_selected_projects_restore')}>
+          {filter === 'trashed' && <UntrashProjectsButton />}
+          {filter === 'archived' && <UnarchiveProjectsButton />}
+        </OLButtonGroup>
+      )}
+
+      {filter === 'trashed' && (
+        <OLButtonGroup aria-label={t('toolbar_selected_projects_remove')}>
+          <LeaveProjectsButton />
+          <DeleteProjectsButton />
+          <DeleteLeaveProjectsButton />
+        </OLButtonGroup>
+      )}
+
+      {!['archived', 'trashed'].includes(filter) && <TagsDropdown />}
+
+      {selectedProjects.length === 1 &&
+        filter !== 'archived' &&
+        filter !== 'trashed' && <ProjectToolsMoreDropdownButton />}
+    </OLButtonToolbar>
+  )
+}
+
+export default memo(ProjectTools)
diff --git a/services/web/frontend/js/features/project-list/components/tags-list.tsx b/services/web/frontend/js/features/project-list/components/tags-list.tsx
new file mode 100644
index 0000000..8f20f15
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/tags-list.tsx
@@ -0,0 +1,101 @@
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '../../../shared/components/material-icon'
+import { getTagColor } from '../util/tag'
+import {
+  UNCATEGORIZED_KEY,
+  useProjectListContext,
+} from '../context/project-list-context'
+import useTag from '../hooks/use-tag'
+import { sortBy } from 'lodash'
+import { Tag } from '../../../../../app/src/Features/Tags/types'
+import { DropdownItem } from '@/features/ui/components/bootstrap-5/dropdown-menu'
+
+type TagsListProps = {
+  onTagClick?: () => void
+  onEditClick?: () => void
+}
+
+function TagsList({ onTagClick, onEditClick }: TagsListProps) {
+  const { t } = useTranslation()
+  const { tags, untaggedProjectsCount, selectedTagId, selectTag } =
+    useProjectListContext()
+
+  const {
+    handleSelectTag,
+    openCreateTagModal,
+    handleManageTag,
+    CreateTagModal,
+    ManageTagModal,
+  } = useTag()
+
+  const handleClick = (e: React.MouseEvent, tag: Tag) => {
+    handleSelectTag(e, tag._id)
+    onTagClick?.()
+  }
+
+  return (
+    <>
+      <>
+        {sortBy(tags, ['name']).map((tag, index) => (
+          <li role="none" className="position-relative" key={index}>
+            <DropdownItem
+              as="button"
+              tabIndex={-1}
+              onClick={e => handleClick(e as unknown as React.MouseEvent, tag)}
+              leadingIcon={
+                <span style={{ color: getTagColor(tag) }}>
+                  <MaterialIcon type="label" className="align-text-top" />
+                </span>
+              }
+              trailingIcon={selectedTagId === tag._id ? 'check' : undefined}
+              active={selectedTagId === tag._id}
+            >
+              <span className="project-menu-item-tag-name text-truncate">
+                {tag.name}&nbsp;({tag.project_ids?.length})
+              </span>
+            </DropdownItem>
+            <DropdownItem
+              as="button"
+              tabIndex={-1}
+              className="project-menu-item-edit-btn"
+              onClick={e => {
+                e.stopPropagation()
+                handleManageTag(e, tag._id)
+              }}
+              aria-label={t('edit_tag')}
+            >
+              <MaterialIcon type="edit" className="align-text-top" />
+            </DropdownItem>
+          </li>
+        ))}
+        <li role="none">
+          <DropdownItem
+            as="button"
+            tabIndex={-1}
+            onClick={() => selectTag(UNCATEGORIZED_KEY)}
+            trailingIcon={
+              selectedTagId === UNCATEGORIZED_KEY ? 'check' : undefined
+            }
+            active={selectedTagId === UNCATEGORIZED_KEY}
+          >
+            {t('uncategorized')}&nbsp;({untaggedProjectsCount})
+          </DropdownItem>
+        </li>
+        <li role="none">
+          <DropdownItem
+            as="button"
+            tabIndex={-1}
+            onClick={openCreateTagModal}
+            leadingIcon="add"
+          >
+            {t('new_tag')}
+          </DropdownItem>
+        </li>
+      </>
+      <CreateTagModal id="create-tag-modal-dropdown" disableCustomColor />
+      <ManageTagModal id="manage-tag-modal-dropdown" />
+    </>
+  )
+}
+
+export default TagsList
diff --git a/services/web/frontend/js/features/project-list/components/title/project-list-title.tsx b/services/web/frontend/js/features/project-list/components/title/project-list-title.tsx
new file mode 100644
index 0000000..97b4fdb
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/title/project-list-title.tsx
@@ -0,0 +1,49 @@
+import { useTranslation } from 'react-i18next'
+import classnames from 'classnames'
+import { Tag } from '../../../../../../app/src/Features/Tags/types'
+import { Filter, UNCATEGORIZED_KEY } from '../../context/project-list-context'
+
+function ProjectListTitle({
+  filter,
+  selectedTag,
+  selectedTagId,
+  className,
+}: {
+  filter: Filter
+  selectedTag: Tag | undefined
+  selectedTagId: string | undefined
+  className?: string
+}) {
+  const { t } = useTranslation()
+  let message = t('projects')
+
+  if (selectedTag) {
+    message = `${selectedTag.name}`
+  } else if (selectedTagId === UNCATEGORIZED_KEY) {
+    message = t('uncategorized_projects')
+  } else {
+    switch (filter) {
+      case 'all':
+        message = t('all_projects')
+        break
+      case 'owned':
+        message = t('your_projects')
+        break
+      case 'shared':
+        message = t('shared_with_you')
+        break
+      case 'archived':
+        message = t('archived_projects')
+        break
+      case 'trashed':
+        message = t('trashed_projects')
+        break
+    }
+  }
+
+  return (
+    <div className={classnames('project-list-title', className)}>{message}</div>
+  )
+}
+
+export default ProjectListTitle
diff --git a/services/web/frontend/js/features/project-list/components/use-is-ds-nav.tsx b/services/web/frontend/js/features/project-list/components/use-is-ds-nav.tsx
new file mode 100644
index 0000000..91ba19a
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/use-is-ds-nav.tsx
@@ -0,0 +1,30 @@
+import { createContext, type FC, type ReactNode, useContext } from 'react'
+import { useSplitTestContext } from '@/shared/context/split-test-context'
+import getMeta from '@/utils/meta'
+
+export const hasDsNav = () => getMeta('ol-ExposedSettings').isOverleaf
+
+/**
+ * This hook returns whether the user has the split-test assignment 'sidebar-navigation-ui-update'
+ */
+export const useHideDsSurvey = () => {
+  const { splitTestVariants } = useSplitTestContext()
+  return splitTestVariants['sidebar-navigation-ui-update'] === 'active'
+}
+
+/**
+ * This context wraps elements that should be styled according to the sidebar-navigation-ui-update redesign
+ * It doesn't exactly match the split-test assignment because it's only used in the project-list page
+ */
+const DsNavStyleContext = createContext<boolean | undefined>(undefined)
+
+export const DsNavStyleProvider: FC<{
+  children: ReactNode
+}> = ({ children }) => (
+  <DsNavStyleContext.Provider value>{children}</DsNavStyleContext.Provider>
+)
+
+export const useDsNavStyle = () => {
+  const context = useContext(DsNavStyleContext)
+  return context ?? false
+}
diff --git a/services/web/frontend/js/features/project-list/components/welcome-message-new/welcome-message-create-new-project-dropdown.tsx b/services/web/frontend/js/features/project-list/components/welcome-message-new/welcome-message-create-new-project-dropdown.tsx
new file mode 100644
index 0000000..0f65d08
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/welcome-message-new/welcome-message-create-new-project-dropdown.tsx
@@ -0,0 +1,176 @@
+import { useCallback, forwardRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import { sendMB } from '../../../../infrastructure/event-tracking'
+import getMeta from '../../../../utils/meta'
+import { NewProjectButtonModalVariant } from '../new-project-button/new-project-button-modal'
+import {
+  Dropdown,
+  DropdownDivider,
+  DropdownHeader,
+  DropdownItem,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import createNewProjectImage from '../../images/create-a-new-project.svg'
+
+const CustomDropdownToggle = forwardRef<
+  HTMLButtonElement,
+  React.ComponentProps<'button'>
+>(({ onClick, 'aria-expanded': ariaExpanded }, ref) => {
+  const { t } = useTranslation()
+
+  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {
+    e.preventDefault()
+    onClick?.(e)
+
+    sendMB('welcome-page-create-first-project-click', {
+      dropdownMenu: 'main-button',
+      dropdownOpen: ariaExpanded,
+    })
+  }
+
+  return (
+    <button
+      ref={ref}
+      className="card welcome-message-card"
+      onClick={handleClick}
+      id="create-new-project-dropdown-button"
+      aria-expanded={ariaExpanded}
+      aria-haspopup="true"
+    >
+      <span>{t('create_a_new_project')}</span>
+      <img
+        className="welcome-message-card-img"
+        src={createNewProjectImage}
+        aria-hidden="true"
+        alt=""
+      />
+    </button>
+  )
+})
+CustomDropdownToggle.displayName = 'CustomDropdownToggle'
+
+type WelcomeMessageCreateNewProjectDropdownProps = {
+  setActiveModal: (modal: NewProjectButtonModalVariant) => void
+}
+
+function WelcomeMessageCreateNewProjectDropdown({
+  setActiveModal,
+}: WelcomeMessageCreateNewProjectDropdownProps) {
+  const { t } = useTranslation()
+  const portalTemplates = getMeta('ol-portalTemplates') || []
+
+  const { isOverleaf } = getMeta('ol-ExposedSettings')
+
+  const handleDropdownItemClick = useCallback(
+    (
+      e: React.MouseEvent,
+      modalVariant: NewProjectButtonModalVariant,
+      dropdownMenuEvent: string
+    ) => {
+      // prevent firing the main dropdown onClick event
+      e.stopPropagation()
+
+      sendMB('welcome-page-create-first-project-click', {
+        dropdownOpen: true,
+        dropdownMenu: dropdownMenuEvent,
+      })
+      setActiveModal(modalVariant)
+    },
+    [setActiveModal]
+  )
+
+  const handlePortalTemplateClick = useCallback(
+    (e: React.MouseEvent, institutionTemplateName: string) => {
+      // prevent firing the main dropdown onClick event
+      e.stopPropagation()
+
+      sendMB('welcome-page-create-first-project-click', {
+        dropdownMenu: 'institution-template',
+        dropdownOpen: true,
+        institutionTemplateName,
+      })
+    },
+    []
+  )
+
+  return (
+    <Dropdown>
+      <DropdownToggle
+        as={CustomDropdownToggle}
+        id="create-new-project-dropdown-toggle-btn"
+      />
+      <DropdownMenu flip={false} className="create-new-project-dropdown">
+        <li role="none">
+          <DropdownItem
+            as="button"
+            onClick={e =>
+              handleDropdownItemClick(e, 'blank_project', 'blank-project')
+            }
+            tabIndex={-1}
+          >
+            {t('blank_project')}
+          </DropdownItem>
+        </li>
+        <li role="none">
+          <DropdownItem
+            as="button"
+            onClick={e =>
+              handleDropdownItemClick(e, 'example_project', 'example-project')
+            }
+            tabIndex={-1}
+          >
+            {t('example_project')}
+          </DropdownItem>
+        </li>
+        <li role="none">
+          <DropdownItem
+            as="button"
+            onClick={e =>
+              handleDropdownItemClick(e, 'upload_project', 'upload-project')
+            }
+            tabIndex={-1}
+          >
+            {t('upload_project')}
+          </DropdownItem>
+        </li>
+        {isOverleaf && (
+          <li role="none">
+            <DropdownItem
+              as="button"
+              onClick={e =>
+                handleDropdownItemClick(
+                  e,
+                  'import_from_github',
+                  'import-from-github'
+                )
+              }
+              tabIndex={-1}
+            >
+              {t('import_from_github')}
+            </DropdownItem>
+          </li>
+        )}
+        {(portalTemplates?.length ?? 0) > 0 ? (
+          <>
+            <DropdownDivider />
+            <DropdownHeader aria-hidden="true">
+              {t('institution_templates')}
+            </DropdownHeader>
+            {portalTemplates?.map((portalTemplate, index) => (
+              <DropdownItem
+                key={`portal-template-${index}`}
+                onClick={e => handlePortalTemplateClick(e, portalTemplate.name)}
+                href={`${portalTemplate.url}#templates`}
+              >
+                {portalTemplate.name}
+              </DropdownItem>
+            ))}
+          </>
+        ) : null}
+      </DropdownMenu>
+    </Dropdown>
+  )
+}
+
+export default WelcomeMessageCreateNewProjectDropdown
diff --git a/services/web/frontend/js/features/project-list/components/welcome-message-new/welcome-message-link.tsx b/services/web/frontend/js/features/project-list/components/welcome-message-new/welcome-message-link.tsx
new file mode 100644
index 0000000..b5ec5c6
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/welcome-message-new/welcome-message-link.tsx
@@ -0,0 +1,35 @@
+type WelcomeMessageLinkProps = {
+  imgSrc: string
+  title: string
+  href: string
+  target?: string
+  onClick?: () => void
+}
+
+export default function WelcomeMessageLink({
+  imgSrc,
+  title,
+  href,
+  target,
+  onClick,
+}: WelcomeMessageLinkProps) {
+  return (
+    <div className="welcome-message-card-item">
+      <a
+        href={href}
+        onClick={onClick}
+        className="card welcome-message-card welcome-message-card-link"
+        target={target || undefined}
+        rel="noopener"
+      >
+        <p>{title}</p>
+        <img
+          className="welcome-message-card-img"
+          src={imgSrc}
+          alt={title}
+          aria-hidden="true"
+        />
+      </a>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/welcome-message.tsx b/services/web/frontend/js/features/project-list/components/welcome-message.tsx
new file mode 100644
index 0000000..636d5e9
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/welcome-message.tsx
@@ -0,0 +1,55 @@
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import NewProjectButtonModal from './new-project-button/new-project-button-modal'
+import type { NewProjectButtonModalVariant } from './new-project-button/new-project-button-modal'
+import type { Nullable } from '../../../../../types/utils'
+import WelcomeMessageLink from './welcome-message-new/welcome-message-link'
+import WelcomeMessageCreateNewProjectDropdown from './welcome-message-new/welcome-message-create-new-project-dropdown'
+import learnLatexImage from '../images/learn-latex.svg'
+import browseTemplatesImage from '../images/browse-templates.svg'
+import getMeta from '@/utils/meta'
+import OLPageContentCard from '@/features/ui/components/ol/ol-page-content-card'
+
+export default function WelcomeMessage() {
+  const { t } = useTranslation()
+  const [activeModal, setActiveModal] =
+    useState<Nullable<NewProjectButtonModalVariant>>(null)
+
+  const { wikiEnabled, templatesEnabled } = getMeta('ol-ExposedSettings')
+
+  return (
+    <>
+      <OLPageContentCard>
+        <div className="welcome-new-wrapper">
+          <div className="welcome text-center">
+            <h2 className="welcome-title">{t('welcome_to_sl')}</h2>
+            <div className="welcome-message-cards-wrapper">
+              <WelcomeMessageCreateNewProjectDropdown
+                setActiveModal={modal => setActiveModal(modal)}
+              />
+              {wikiEnabled && (
+                <WelcomeMessageLink
+                  imgSrc={learnLatexImage}
+                  title="Learn LaTeX with a tutorial"
+                  href="/learn/latex/Learn_LaTeX_in_30_minutes"
+                  target="_blank"
+                />
+              )}
+              {templatesEnabled && (
+                <WelcomeMessageLink
+                  imgSrc={browseTemplatesImage}
+                  title="Browse templates"
+                  href="/templates"
+                />
+              )}
+            </div>
+          </div>
+        </div>
+      </OLPageContentCard>
+      <NewProjectButtonModal
+        modal={activeModal}
+        onHide={() => setActiveModal(null)}
+      />
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/components/welcome-page-content.tsx b/services/web/frontend/js/features/project-list/components/welcome-page-content.tsx
new file mode 100644
index 0000000..083598c
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/components/welcome-page-content.tsx
@@ -0,0 +1,30 @@
+import { useProjectListContext } from '@/features/project-list/context/project-list-context'
+import DashApiError from '@/features/project-list/components/dash-api-error'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import UserNotifications from '@/features/project-list/components/notifications/user-notifications'
+import WelcomeMessage from '@/features/project-list/components/welcome-message'
+
+export default function WelcomePageContent() {
+  const { error } = useProjectListContext()
+
+  return (
+    <div className="project-list-welcome-wrapper">
+      {error ? <DashApiError /> : ''}
+      <OLRow className="row-spaced mx-0">
+        <OLCol
+          md={{ span: 10, offset: 1 }}
+          lg={{ span: 8, offset: 2 }}
+          className="project-list-empty-col"
+        >
+          <OLRow>
+            <OLCol>
+              <UserNotifications />
+            </OLCol>
+          </OLRow>
+          <WelcomeMessage />
+        </OLCol>
+      </OLRow>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/context/color-picker-context.tsx b/services/web/frontend/js/features/project-list/context/color-picker-context.tsx
new file mode 100644
index 0000000..9b2bd4a
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/context/color-picker-context.tsx
@@ -0,0 +1,59 @@
+import { createContext, ReactNode, useContext, useMemo, useState } from 'react'
+
+export type ColorPickerContextValue = {
+  selectedColor?: string
+  setSelectedColor: (color?: string) => void
+  showCustomPicker: boolean
+  setShowCustomPicker: (show: boolean) => void
+  pickingCustomColor: boolean
+  setPickingCustomColor: (picking: boolean) => void
+}
+
+export const ColorPickerContext = createContext<
+  ColorPickerContextValue | undefined
+>(undefined)
+
+type ColorPickerProviderProps = {
+  children: ReactNode
+}
+
+export function ColorPickerProvider({ children }: ColorPickerProviderProps) {
+  const [selectedColor, setSelectedColor] = useState<string | undefined>()
+  const [showCustomPicker, setShowCustomPicker] = useState(false)
+  const [pickingCustomColor, setPickingCustomColor] = useState(false)
+
+  const value = useMemo<ColorPickerContextValue>(
+    () => ({
+      pickingCustomColor,
+      selectedColor,
+      setPickingCustomColor,
+      setSelectedColor,
+      setShowCustomPicker,
+      showCustomPicker,
+    }),
+    [
+      pickingCustomColor,
+      selectedColor,
+      setPickingCustomColor,
+      setSelectedColor,
+      setShowCustomPicker,
+      showCustomPicker,
+    ]
+  )
+
+  return (
+    <ColorPickerContext.Provider value={value}>
+      {children}
+    </ColorPickerContext.Provider>
+  )
+}
+
+export function useColorPickerContext() {
+  const context = useContext(ColorPickerContext)
+  if (!context) {
+    throw new Error(
+      'ColorPickerContext is only available inside ColorPickerProvider'
+    )
+  }
+  return context
+}
diff --git a/services/web/frontend/js/features/project-list/context/project-list-context.tsx b/services/web/frontend/js/features/project-list/context/project-list-context.tsx
new file mode 100644
index 0000000..918a547
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/context/project-list-context.tsx
@@ -0,0 +1,554 @@
+import {
+  cloneDeep,
+  concat,
+  filter as arrayFilter,
+  find,
+  flatten,
+  uniq,
+  uniqBy,
+  without,
+} from 'lodash'
+import {
+  createContext,
+  ReactNode,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react'
+import { Tag } from '../../../../../app/src/Features/Tags/types'
+import {
+  ClonedProject,
+  GetProjectsResponseBody,
+  Project,
+  Sort,
+} from '../../../../../types/project/dashboard/api'
+import usePersistedState from '../../../shared/hooks/use-persisted-state'
+import getMeta from '../../../utils/meta'
+import useAsync from '../../../shared/hooks/use-async'
+import { getProjects } from '../util/api'
+import sortProjects from '../util/sort-projects'
+import {
+  isArchivedOrTrashed,
+  isDeletableProject,
+  isLeavableProject,
+} from '../util/project'
+import { debugConsole } from '@/utils/debugging'
+
+const MAX_PROJECT_PER_PAGE = 20
+
+export type Filter = 'all' | 'owned' | 'shared' | 'archived' | 'trashed'
+type FilterMap = {
+  [key in Filter]: Partial<Project> | ((project: Project) => boolean) // eslint-disable-line no-unused-vars
+}
+const filters: FilterMap = {
+  all: {
+    archived: false,
+    trashed: false,
+  },
+  owned: {
+    accessLevel: 'owner',
+    archived: false,
+    trashed: false,
+  },
+  shared: project => {
+    return (
+      project.accessLevel !== 'owner' && !project.archived && !project.trashed
+    )
+  },
+  archived: {
+    archived: true,
+    trashed: false,
+  },
+  trashed: {
+    trashed: true,
+  },
+}
+
+export const UNCATEGORIZED_KEY = 'uncategorized'
+
+export type ProjectListContextValue = {
+  addClonedProjectToViewData: (project: ClonedProject) => void
+  selectOrUnselectAllProjects: React.Dispatch<React.SetStateAction<boolean>>
+  visibleProjects: Project[]
+  totalProjectsCount: number
+  error: Error | null
+  isLoading: ReturnType<typeof useAsync>['isLoading']
+  loadProgress: number
+  sort: Sort
+  setSort: React.Dispatch<React.SetStateAction<Sort>>
+  tags: Tag[]
+  untaggedProjectsCount: number
+  projectsPerTag: Record<Tag['_id'], Project[]>
+  filter: Filter
+  selectFilter: (filter: Filter) => void
+  selectedTagId?: string | undefined
+  selectTag: (tagId: string) => void
+  addTag: (tag: Tag) => void
+  updateTag: (tagId: string, newTagName: string, newTagColor?: string) => void
+  deleteTag: (tagId: string) => void
+  updateProjectViewData: (newProjectData: Project) => void
+  removeProjectFromView: (project: Project) => void
+  addProjectToTagInView: (tagId: string, projectId: string) => void
+  removeProjectFromTagInView: (tagId: string, projectId: string) => void
+  searchText: string
+  setSearchText: React.Dispatch<React.SetStateAction<string>>
+  selectedProjects: Project[]
+  selectedProjectIds: Set<string>
+  setSelectedProjectIds: React.Dispatch<React.SetStateAction<Set<string>>>
+  toggleSelectedProject: (projectId: string, selected?: boolean) => void
+  hiddenProjectsCount: number
+  loadMoreCount: number
+  showAllProjects: () => void
+  loadMoreProjects: () => void
+  hasLeavableProjectsSelected: boolean
+  hasDeletableProjectsSelected: boolean
+}
+
+export const ProjectListContext = createContext<
+  ProjectListContextValue | undefined
+>(undefined)
+
+type ProjectListProviderProps = {
+  children: ReactNode
+}
+
+export function ProjectListProvider({ children }: ProjectListProviderProps) {
+  const prefetchedProjectsBlob = getMeta('ol-prefetchedProjectsBlob')
+  const [loadedProjects, setLoadedProjects] = useState<Project[]>(
+    prefetchedProjectsBlob?.projects ?? []
+  )
+  const [visibleProjects, setVisibleProjects] = useState<Project[]>([])
+  const [maxVisibleProjects, setMaxVisibleProjects] =
+    useState(MAX_PROJECT_PER_PAGE)
+  const [hiddenProjectsCount, setHiddenProjectsCount] = useState(0)
+  const [loadMoreCount, setLoadMoreCount] = useState(0)
+  const [loadProgress, setLoadProgress] = useState(
+    prefetchedProjectsBlob ? 100 : 20
+  )
+  const [totalProjectsCount, setTotalProjectsCount] = useState<number>(
+    prefetchedProjectsBlob?.totalSize ?? 0
+  )
+  const [sort, setSort] = useState<Sort>({
+    by: 'lastUpdated',
+    order: 'desc',
+  })
+  const [filter, setFilter] = usePersistedState<Filter>(
+    'project-list-filter',
+    'all'
+  )
+  const prevSortRef = useRef<Sort>(sort)
+  const [selectedTagId, setSelectedTagId] = usePersistedState<
+    string | undefined
+  >('project-list-selected-tag-id', undefined)
+  const [showCustomPicker, setShowCustomPicker] = useState(false)
+
+  const olTags = getMeta('ol-tags') || []
+
+  const [tags, setTags] = useState<Tag[]>(() =>
+    // `tag.name` data may be null for some old users
+    olTags.map(tag => ({ ...tag, name: tag.name ?? '' }))
+  )
+
+  const [searchText, setSearchText] = useState('')
+
+  const {
+    isLoading: loading,
+    isIdle,
+    error,
+    runAsync,
+  } = useAsync<GetProjectsResponseBody>({
+    status: prefetchedProjectsBlob ? 'resolved' : 'pending',
+    data: prefetchedProjectsBlob,
+  })
+  const isLoading = isIdle ? true : loading
+
+  useEffect(() => {
+    if (prefetchedProjectsBlob) return
+    setLoadProgress(40)
+    runAsync(getProjects({ by: 'lastUpdated', order: 'desc' }))
+      .then(data => {
+        setLoadedProjects(data.projects)
+        setTotalProjectsCount(data.totalSize)
+      })
+      .catch(debugConsole.error)
+      .finally(() => {
+        setLoadProgress(100)
+      })
+  }, [prefetchedProjectsBlob, runAsync])
+
+  useEffect(() => {
+    let filteredProjects = [...loadedProjects]
+
+    if (searchText.length) {
+      filteredProjects = filteredProjects.filter(project =>
+        project.name.toLowerCase().includes(searchText.toLowerCase())
+      )
+    }
+
+    if (selectedTagId !== undefined) {
+      if (selectedTagId === UNCATEGORIZED_KEY) {
+        const taggedProjectIds = uniq(flatten(tags.map(tag => tag.project_ids)))
+        filteredProjects = filteredProjects.filter(
+          project =>
+            !project.archived &&
+            !project.trashed &&
+            !taggedProjectIds.includes(project.id)
+        )
+      } else {
+        const tag = tags.find(tag => tag._id === selectedTagId)
+        if (tag) {
+          filteredProjects = filteredProjects.filter(
+            p => !isArchivedOrTrashed(p) && tag?.project_ids?.includes(p.id)
+          )
+        } else {
+          setSelectedTagId(undefined)
+        }
+      }
+    } else {
+      filteredProjects = arrayFilter(filteredProjects, filters[filter])
+    }
+
+    if (prevSortRef.current !== sort) {
+      filteredProjects = sortProjects(filteredProjects, sort)
+      const loadedProjectsSorted = sortProjects(loadedProjects, sort)
+      setLoadedProjects(loadedProjectsSorted)
+    }
+
+    if (filteredProjects.length > maxVisibleProjects) {
+      const visibleFilteredProjects = filteredProjects.slice(
+        0,
+        maxVisibleProjects
+      )
+
+      const hiddenFilteredProjectsCount =
+        filteredProjects.slice(maxVisibleProjects).length
+
+      setVisibleProjects(visibleFilteredProjects)
+      setHiddenProjectsCount(hiddenFilteredProjectsCount)
+
+      if (hiddenFilteredProjectsCount > MAX_PROJECT_PER_PAGE) {
+        setLoadMoreCount(MAX_PROJECT_PER_PAGE)
+      } else {
+        setLoadMoreCount(hiddenFilteredProjectsCount)
+      }
+    } else {
+      setVisibleProjects(filteredProjects)
+      setLoadMoreCount(0)
+      setHiddenProjectsCount(0)
+    }
+  }, [
+    loadedProjects,
+    maxVisibleProjects,
+    tags,
+    filter,
+    setFilter,
+    selectedTagId,
+    setSelectedTagId,
+    searchText,
+    sort,
+  ])
+
+  useEffect(() => {
+    prevSortRef.current = sort
+  }, [sort])
+
+  const showAllProjects = useCallback(() => {
+    setLoadMoreCount(0)
+    setHiddenProjectsCount(0)
+    setMaxVisibleProjects(maxVisibleProjects + hiddenProjectsCount)
+  }, [hiddenProjectsCount, maxVisibleProjects])
+
+  const loadMoreProjects = useCallback(() => {
+    setMaxVisibleProjects(maxVisibleProjects + loadMoreCount)
+  }, [maxVisibleProjects, loadMoreCount])
+
+  const [selectedProjectIds, setSelectedProjectIds] = useState(
+    () => new Set<string>()
+  )
+
+  const toggleSelectedProject = useCallback(
+    (projectId: string, selected?: boolean) => {
+      setSelectedProjectIds(prevSelectedProjectIds => {
+        const selectedProjectIds = new Set(prevSelectedProjectIds)
+        if (selected === true) {
+          selectedProjectIds.add(projectId)
+        } else if (selected === false) {
+          selectedProjectIds.delete(projectId)
+        } else if (selectedProjectIds.has(projectId)) {
+          selectedProjectIds.delete(projectId)
+        } else {
+          selectedProjectIds.add(projectId)
+        }
+        return selectedProjectIds
+      })
+    },
+    []
+  )
+
+  const selectedProjects = useMemo(() => {
+    return visibleProjects.filter(project => selectedProjectIds.has(project.id))
+  }, [selectedProjectIds, visibleProjects])
+
+  const selectOrUnselectAllProjects = useCallback(
+    checked => {
+      setSelectedProjectIds(prevSelectedProjectIds => {
+        const selectedProjectIds = new Set(prevSelectedProjectIds)
+        for (const project of visibleProjects) {
+          if (checked) {
+            selectedProjectIds.add(project.id)
+          } else {
+            selectedProjectIds.delete(project.id)
+          }
+        }
+        return selectedProjectIds
+      })
+    },
+    [visibleProjects]
+  )
+
+  const untaggedProjectsCount = useMemo(() => {
+    const taggedProjectIds = uniq(flatten(tags.map(tag => tag.project_ids)))
+    return loadedProjects.filter(
+      project =>
+        !project.archived &&
+        !project.trashed &&
+        !taggedProjectIds.includes(project.id)
+    ).length
+  }, [tags, loadedProjects])
+
+  const projectsPerTag = useMemo(() => {
+    return tags.reduce<Record<Tag['_id'], Project[]>>((prev, curTag) => {
+      const tagProjects = loadedProjects.filter(p => {
+        return !isArchivedOrTrashed(p) && curTag.project_ids?.includes(p.id)
+      })
+      return { ...prev, [curTag._id]: tagProjects }
+    }, {})
+  }, [tags, loadedProjects])
+
+  const selectFilter = useCallback(
+    (filter: Filter) => {
+      setFilter(filter)
+      setSelectedTagId(undefined)
+      const selected = false
+      selectOrUnselectAllProjects(selected)
+    },
+    [selectOrUnselectAllProjects, setFilter, setSelectedTagId]
+  )
+
+  const selectTag = useCallback(
+    (tagId: string) => {
+      setFilter('all')
+      setSelectedTagId(tagId)
+    },
+    [setSelectedTagId, setFilter]
+  )
+
+  const addTag = useCallback((tag: Tag) => {
+    setTags(tags => uniqBy(concat(tags, [tag]), '_id'))
+  }, [])
+
+  const updateTag = useCallback(
+    (tagId: string, newTagName: string, newTagColor?: string) => {
+      setTags(tags => {
+        const newTags = cloneDeep(tags)
+        const tag = find(newTags, ['_id', tagId])
+        if (tag) {
+          tag.name = newTagName
+          tag.color = newTagColor
+        }
+        return newTags
+      })
+    },
+    []
+  )
+
+  const deleteTag = useCallback(
+    (tagId: string | null) => {
+      setTags(tags => tags.filter(tag => tag._id !== tagId))
+    },
+    [setTags]
+  )
+
+  const addProjectToTagInView = useCallback(
+    (tagId: string, projectId: string) => {
+      setTags(tags => {
+        const updatedTags = [...tags]
+        for (const tag of updatedTags) {
+          if (tag._id === tagId) {
+            tag.project_ids = uniq([...(tag.project_ids || []), projectId])
+          }
+        }
+        return updatedTags
+      })
+    },
+    [setTags]
+  )
+
+  const removeProjectFromTagInView = useCallback(
+    (tagId: string, projectId: string) => {
+      setTags(tags => {
+        const updatedTags = [...tags]
+        for (const tag of updatedTags) {
+          if (tag._id === tagId) {
+            tag.project_ids = without(tag.project_ids || [], projectId)
+          }
+        }
+        return updatedTags
+      })
+    },
+    [setTags]
+  )
+
+  const addClonedProjectToViewData = useCallback(
+    (project: ClonedProject) => {
+      // clone API not using camelCase and does not return all data
+
+      const owner = {
+        id: project.owner?._id,
+        email: project.owner?.email,
+        firstName: project.owner?.first_name,
+        lastName: project.owner?.last_name,
+      }
+
+      const clonedProject: Project = {
+        ...project,
+        id: project.project_id,
+        owner,
+        lastUpdatedBy: owner,
+        source: 'owner',
+        trashed: false,
+        archived: false,
+        accessLevel: 'owner',
+      }
+
+      setLoadedProjects(loadedProjects => {
+        return sortProjects([...loadedProjects, clonedProject], sort)
+      })
+    },
+    [sort]
+  )
+
+  const updateProjectViewData = useCallback((newProjectData: Project) => {
+    setLoadedProjects(loadedProjects => {
+      return loadedProjects.map(p =>
+        p.id === newProjectData.id ? { ...newProjectData } : p
+      )
+    })
+  }, [])
+
+  const removeProjectFromView = useCallback((project: Project) => {
+    setLoadedProjects(loadedProjects => {
+      return loadedProjects.filter(p => p.id !== project.id)
+    })
+  }, [])
+
+  const hasLeavableProjectsSelected = useMemo(
+    () => selectedProjects.some(isLeavableProject),
+    [selectedProjects]
+  )
+
+  const hasDeletableProjectsSelected = useMemo(
+    () => selectedProjects.some(isDeletableProject),
+    [selectedProjects]
+  )
+
+  const value = useMemo<ProjectListContextValue>(
+    () => ({
+      addTag,
+      addClonedProjectToViewData,
+      addProjectToTagInView,
+      deleteTag,
+      error,
+      filter,
+      hasLeavableProjectsSelected,
+      hasDeletableProjectsSelected,
+      hiddenProjectsCount,
+      isLoading,
+      loadMoreCount,
+      loadMoreProjects,
+      loadProgress,
+      removeProjectFromTagInView,
+      removeProjectFromView,
+      selectedTagId,
+      selectFilter,
+      selectedProjects,
+      selectedProjectIds,
+      selectOrUnselectAllProjects,
+      selectTag,
+      searchText,
+      setSearchText,
+      setSelectedProjectIds,
+      setShowCustomPicker,
+      setSort,
+      showAllProjects,
+      showCustomPicker,
+      sort,
+      tags,
+      toggleSelectedProject,
+      totalProjectsCount,
+      untaggedProjectsCount,
+      updateProjectViewData,
+      updateTag,
+      projectsPerTag,
+      visibleProjects,
+    }),
+    [
+      addTag,
+      addClonedProjectToViewData,
+      addProjectToTagInView,
+      deleteTag,
+      error,
+      filter,
+      hasLeavableProjectsSelected,
+      hasDeletableProjectsSelected,
+      hiddenProjectsCount,
+      isLoading,
+      loadMoreCount,
+      loadMoreProjects,
+      loadProgress,
+      removeProjectFromTagInView,
+      removeProjectFromView,
+      selectedTagId,
+      selectFilter,
+      selectedProjectIds,
+      selectedProjects,
+      selectOrUnselectAllProjects,
+      selectTag,
+      searchText,
+      setSearchText,
+      setSelectedProjectIds,
+      setShowCustomPicker,
+      setSort,
+      showAllProjects,
+      showCustomPicker,
+      sort,
+      tags,
+      toggleSelectedProject,
+      totalProjectsCount,
+      untaggedProjectsCount,
+      updateProjectViewData,
+      updateTag,
+      projectsPerTag,
+      visibleProjects,
+    ]
+  )
+
+  return (
+    <ProjectListContext.Provider value={value}>
+      {children}
+    </ProjectListContext.Provider>
+  )
+}
+
+export function useProjectListContext() {
+  const context = useContext(ProjectListContext)
+  if (!context) {
+    throw new Error(
+      'ProjectListContext is only available inside ProjectListProvider'
+    )
+  }
+  return context
+}
diff --git a/services/web/frontend/js/features/project-list/hooks/use-project-tags.tsx b/services/web/frontend/js/features/project-list/hooks/use-project-tags.tsx
new file mode 100644
index 0000000..b5fb137
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/hooks/use-project-tags.tsx
@@ -0,0 +1,11 @@
+import { useProjectListContext } from '@/features/project-list/context/project-list-context'
+import { useMemo } from 'react'
+
+export const useProjectTags = (projectId: string) => {
+  const { tags } = useProjectListContext()
+
+  return useMemo(
+    () => tags.filter(tag => tag.project_ids?.includes(projectId)),
+    [tags, projectId]
+  )
+}
diff --git a/services/web/frontend/js/features/project-list/hooks/use-select-color.ts b/services/web/frontend/js/features/project-list/hooks/use-select-color.ts
new file mode 100644
index 0000000..bf8a468
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/hooks/use-select-color.ts
@@ -0,0 +1,39 @@
+import { useEffect } from 'react'
+import { useColorPickerContext } from '../context/color-picker-context'
+
+export default function useSelectColor(defaultColor?: string) {
+  const {
+    selectedColor,
+    setSelectedColor,
+    showCustomPicker,
+    setShowCustomPicker,
+    pickingCustomColor,
+    setPickingCustomColor,
+  } = useColorPickerContext()
+
+  useEffect(() => {
+    setSelectedColor(defaultColor)
+  }, [defaultColor, setSelectedColor])
+
+  const selectColor = (color: string) => {
+    setSelectedColor(color)
+  }
+
+  const openCustomPicker = () => {
+    setShowCustomPicker(true)
+  }
+
+  const closeCustomPicker = () => {
+    setShowCustomPicker(false)
+  }
+
+  return {
+    selectedColor,
+    selectColor,
+    showCustomPicker,
+    openCustomPicker,
+    closeCustomPicker,
+    pickingCustomColor,
+    setPickingCustomColor,
+  }
+}
diff --git a/services/web/frontend/js/features/project-list/hooks/use-sort.ts b/services/web/frontend/js/features/project-list/hooks/use-sort.ts
new file mode 100644
index 0000000..c3cebfd
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/hooks/use-sort.ts
@@ -0,0 +1,22 @@
+import { useProjectListContext } from '../context/project-list-context'
+import { Sort } from '../../../../../types/project/dashboard/api'
+import { SortingOrder } from '../../../../../types/sorting-order'
+
+const toggleSort = (order: SortingOrder): SortingOrder => {
+  return order === 'asc' ? 'desc' : 'asc'
+}
+
+function useSort() {
+  const { sort, setSort } = useProjectListContext()
+
+  const handleSort = (by: Sort['by']) => {
+    setSort(prev => ({
+      by,
+      order: prev.by === by ? toggleSort(sort.order) : sort.order,
+    }))
+  }
+
+  return { handleSort }
+}
+
+export default useSort
diff --git a/services/web/frontend/js/features/project-list/hooks/use-tag.tsx b/services/web/frontend/js/features/project-list/hooks/use-tag.tsx
new file mode 100644
index 0000000..6a74588
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/hooks/use-tag.tsx
@@ -0,0 +1,182 @@
+import { useState, useCallback } from 'react'
+import { useProjectListContext } from '../context/project-list-context'
+import { Tag } from '../../../../../app/src/Features/Tags/types'
+import CreateTagModal from '../components/modals/create-tag-modal'
+import { EditTagModal } from '../components/modals/edit-tag-modal'
+import DeleteTagModal from '../components/modals/delete-tag-modal'
+import { ManageTagModal } from '../components/modals/manage-tag-modal'
+import { find } from 'lodash'
+import { addProjectsToTag } from '../util/api'
+
+function useTag() {
+  const {
+    tags,
+    selectTag,
+    addTag,
+    updateTag,
+    deleteTag,
+    selectedProjects,
+    addProjectToTagInView,
+  } = useProjectListContext()
+  const [creatingTag, setCreatingTag] = useState<boolean>(false)
+  const [editingTag, setEditingTag] = useState<Tag>()
+  const [deletingTag, setDeletingTag] = useState<Tag>()
+
+  const handleSelectTag = useCallback(
+    (e: React.MouseEvent, tagId: string) => {
+      e.preventDefault()
+      selectTag(tagId)
+    },
+    [selectTag]
+  )
+
+  const openCreateTagModal = useCallback(() => {
+    setCreatingTag(true)
+  }, [setCreatingTag])
+
+  const onCreate = useCallback(
+    (tag: Tag) => {
+      setCreatingTag(false)
+      addTag(tag)
+      for (const selectedProject of selectedProjects) {
+        addProjectToTagInView(tag._id, selectedProject.id)
+      }
+      addProjectsToTag(
+        tag._id,
+        selectedProjects.map(project => project.id)
+      )
+    },
+    [addTag, selectedProjects, addProjectToTagInView]
+  )
+
+  const handleEditTag = useCallback(
+    (e, tagId) => {
+      e.preventDefault()
+      const tag = find(tags, ['_id', tagId])
+      if (tag) {
+        setEditingTag(tag)
+      }
+    },
+    [tags, setEditingTag]
+  )
+
+  const onUpdate = useCallback(
+    (tagId: string, newTagName: string, newTagColor?: string) => {
+      updateTag(tagId, newTagName, newTagColor)
+      setEditingTag(undefined)
+    },
+    [updateTag, setEditingTag]
+  )
+
+  const handleDeleteTag = useCallback(
+    (e, tagId) => {
+      e.preventDefault()
+      const tag = find(tags, ['_id', tagId])
+      if (tag) {
+        setDeletingTag(tag)
+      }
+    },
+    [tags, setDeletingTag]
+  )
+
+  const onDelete = useCallback(
+    tagId => {
+      deleteTag(tagId)
+      setDeletingTag(undefined)
+    },
+    [deleteTag, setDeletingTag]
+  )
+
+  const handleManageTag = useCallback(
+    (e, tagId) => {
+      e.preventDefault()
+      const tag = find(tags, ['_id', tagId])
+      if (tag) {
+        setEditingTag(tag)
+      }
+    },
+    [tags, setEditingTag]
+  )
+
+  const onManageEdit = useCallback(
+    (tagId: string, newTagName: string, newTagColor?: string) => {
+      updateTag(tagId, newTagName, newTagColor)
+      setEditingTag(undefined)
+    },
+    [updateTag, setEditingTag]
+  )
+
+  const onManageDelete = useCallback(
+    (tagId: string) => {
+      deleteTag(tagId)
+      setEditingTag(undefined)
+    },
+    [deleteTag, setEditingTag]
+  )
+
+  function CreateModal({
+    id,
+    disableCustomColor,
+  }: {
+    id: string
+    disableCustomColor?: boolean
+  }) {
+    return (
+      <CreateTagModal
+        id={id}
+        show={creatingTag}
+        onCreate={onCreate}
+        onClose={() => setCreatingTag(false)}
+        disableCustomColor={disableCustomColor}
+      />
+    )
+  }
+
+  function EditModal({ id }: { id: string }) {
+    return (
+      <EditTagModal
+        id={id}
+        tag={editingTag}
+        onEdit={onUpdate}
+        onClose={() => setEditingTag(undefined)}
+      />
+    )
+  }
+
+  function DeleteModal({ id }: { id: string }) {
+    return (
+      <DeleteTagModal
+        id={id}
+        tag={deletingTag}
+        onDelete={onDelete}
+        onClose={() => setDeletingTag(undefined)}
+      />
+    )
+  }
+
+  function ManageModal({ id }: { id: string }) {
+    return (
+      <ManageTagModal
+        id={id}
+        tag={editingTag}
+        onEdit={onManageEdit}
+        onDelete={onManageDelete}
+        onClose={() => setEditingTag(undefined)}
+      />
+    )
+  }
+
+  return {
+    handleSelectTag,
+    openCreateTagModal,
+    handleEditTag,
+    handleDeleteTag,
+    handleManageTag,
+    CreateTagModal: CreateModal,
+    EditTagModal: EditModal,
+    DeleteTagModal: DeleteModal,
+    ManageTagModal: ManageModal,
+  }
+}
+
+export default useTag
diff --git a/services/web/frontend/js/features/project-list/images/brl-banner.png b/services/web/frontend/js/features/project-list/images/brl-banner.png
new file mode 100644
index 0000000..c3490b5
Binary files /dev/null and b/services/web/frontend/js/features/project-list/images/brl-banner.png differ
diff --git a/services/web/frontend/js/features/project-list/images/browse-templates.svg b/services/web/frontend/js/features/project-list/images/browse-templates.svg
new file mode 100644
index 0000000..2da927f
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/images/browse-templates.svg
@@ -0,0 +1,105 @@
+<svg width="126" height="100" viewBox="0 0 126 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_175_1054)">
+<path d="M39.3719 3.81143C26.3244 9.2722 18.8367 22.5474 18.8367 41.0158C18.8367 59.4841 15.0149 57.0465 10.0969 66.3966C6.58525 73.0727 8.50277 84.7013 13.016 90.1228C19.2684 97.6326 30.0213 100.713 42.1183 99.6659C61.7656 97.9654 63.0902 80.1373 92.2719 87.4457C106.165 90.9252 118.65 78.9172 122.419 61.7865C124.68 51.5082 119.948 37.5547 110.231 32.0116C96.9858 24.4571 97.3925 30.9183 82.7227 14.579C66.9559 -2.98246 53.4157 -2.06638 39.3719 3.81143Z" fill="#F3F5FD"/>
+<path d="M125.409 30.661L74.8271 11.1336L50.6412 74.5096L101.223 94.037L125.409 30.661Z" fill="#C1D8ED"/>
+<g opacity="0.61">
+<path d="M62.5865 54.6542C62.5491 54.6244 62.5222 54.5832 62.5097 54.5369C62.4971 54.4906 62.4997 54.4415 62.5169 54.3967L69.6677 35.6367C69.6782 35.609 69.6941 35.5837 69.7144 35.5622C69.7347 35.5406 69.759 35.5233 69.786 35.5113C69.813 35.4992 69.842 35.4926 69.8715 35.4919C69.9011 35.4911 69.9304 35.4962 69.958 35.5068L112.799 52.0664C112.854 52.0879 112.899 52.1308 112.924 52.1856C112.948 52.2404 112.95 52.3026 112.928 52.3585L105.777 71.1183C105.767 71.1461 105.751 71.1715 105.731 71.1931C105.71 71.2147 105.686 71.232 105.659 71.2441C105.632 71.2561 105.603 71.2627 105.574 71.2634C105.544 71.2641 105.515 71.2589 105.487 71.2481L62.6464 54.6889C62.6248 54.6805 62.6046 54.6688 62.5865 54.6542ZM70.0069 36.0098L63.017 54.3476L105.438 70.745L112.427 52.4065L70.0069 36.0098Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M61.0196 58.7599C60.9777 58.7261 60.9491 58.6785 60.939 58.6254C60.9289 58.5724 60.9381 58.5175 60.9648 58.4707C60.9914 58.4239 61.0339 58.3882 61.0845 58.3702C61.135 58.3521 61.1904 58.3529 61.2405 58.3723L104.074 74.9283C104.129 74.9499 104.174 74.9927 104.198 75.0475C104.223 75.1023 104.224 75.1645 104.203 75.2204C104.182 75.2763 104.139 75.3214 104.085 75.3458C104.03 75.3701 103.968 75.3717 103.913 75.3502L61.08 58.7939C61.0583 58.7858 61.0379 58.7743 61.0196 58.7599Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M59.7085 62.1953C59.6667 62.1615 59.6383 62.1138 59.6283 62.0609C59.6183 62.0079 59.6275 61.9531 59.6541 61.9064C59.6808 61.8597 59.7231 61.8241 59.7736 61.8061C59.8241 61.788 59.8793 61.7887 59.9294 61.8079L102.762 78.3638C102.79 78.3741 102.816 78.3899 102.838 78.4103C102.86 78.4306 102.878 78.4552 102.89 78.4825C102.903 78.5099 102.909 78.5394 102.91 78.5694C102.911 78.5994 102.906 78.6293 102.896 78.6573C102.885 78.6853 102.869 78.7109 102.848 78.7326C102.827 78.7543 102.803 78.7716 102.775 78.7835C102.748 78.7955 102.718 78.8018 102.689 78.8021C102.659 78.8025 102.629 78.7968 102.601 78.7855L59.7685 62.2298C59.7468 62.2215 59.7265 62.2099 59.7085 62.1953Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M58.3975 65.6307C58.3557 65.597 58.3272 65.5493 58.3172 65.4964C58.3072 65.4434 58.3164 65.3886 58.343 65.3419C58.3697 65.2952 58.412 65.2595 58.4625 65.2415C58.513 65.2234 58.5682 65.2241 58.6183 65.2433L101.451 81.7991C101.507 81.8206 101.552 81.8635 101.576 81.9182C101.6 81.973 101.602 82.0352 101.581 82.0912C101.559 82.1471 101.517 82.1922 101.462 82.2166C101.408 82.241 101.346 82.2425 101.291 82.221L58.4577 65.6652C58.436 65.657 58.4157 65.6454 58.3975 65.6307Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M57.0863 69.0665C57.0445 69.0327 57.016 68.9851 57.006 68.9321C56.996 68.8792 57.0052 68.8244 57.0318 68.7776C57.0584 68.7309 57.1008 68.6953 57.1512 68.6772C57.2017 68.6591 57.257 68.6598 57.307 68.6791L100.14 85.2348C100.168 85.2455 100.193 85.2615 100.214 85.2819C100.236 85.3024 100.253 85.3269 100.265 85.354C100.277 85.3811 100.284 85.4103 100.284 85.44C100.285 85.4697 100.28 85.4992 100.27 85.5269C100.259 85.5546 100.243 85.5799 100.223 85.6014C100.203 85.6229 100.178 85.6402 100.151 85.6523C100.124 85.6643 100.095 85.6709 100.066 85.6717C100.036 85.6724 100.007 85.6673 99.9794 85.6567L57.1465 69.1007C57.1248 69.0926 57.1044 69.081 57.0863 69.0665Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M71.1166 32.3025C71.0748 32.2687 71.0463 32.2211 71.0364 32.1681C71.0264 32.1152 71.0355 32.0604 71.0621 32.0136C71.0888 31.9669 71.1311 31.9313 71.1816 31.9132C71.2321 31.8951 71.2873 31.8958 71.3374 31.9151L114.17 48.4711C114.226 48.4926 114.271 48.5355 114.295 48.5903C114.32 48.645 114.321 48.7072 114.3 48.7632C114.278 48.8191 114.236 48.8642 114.181 48.8885C114.127 48.9129 114.065 48.9144 114.01 48.8929L71.1765 32.3371C71.1549 32.3287 71.1347 32.3171 71.1166 32.3025Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M72.8873 27.8136C72.8455 27.7798 72.8171 27.7322 72.8071 27.6792C72.7971 27.6263 72.8062 27.5715 72.8328 27.5247C72.8595 27.478 72.9018 27.4424 72.9523 27.4243C73.0028 27.4062 73.058 27.4069 73.1081 27.4262L101.932 38.5671C101.987 38.5892 102.031 38.6321 102.054 38.6866C102.078 38.7411 102.079 38.8027 102.058 38.8582C102.037 38.9136 101.995 38.9585 101.941 38.983C101.888 39.0075 101.826 39.0097 101.771 38.9892L72.9472 27.8482C72.9257 27.8398 72.9055 27.8281 72.8873 27.8136Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M105.348 29.6105L76.5227 18.4838L76.0083 19.8325L104.834 30.9592L105.348 29.6105Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M74.5066 23.5708C74.4648 23.5371 74.4363 23.4894 74.4263 23.4365C74.4163 23.3835 74.4255 23.3287 74.4521 23.282C74.4787 23.2352 74.5211 23.1996 74.5716 23.1816C74.622 23.1635 74.6773 23.1641 74.7274 23.1834L103.551 34.3244C103.578 34.335 103.604 34.351 103.625 34.3715C103.646 34.3919 103.664 34.4164 103.676 34.4435C103.688 34.4706 103.694 34.4998 103.695 34.5295C103.696 34.5592 103.691 34.5887 103.68 34.6164C103.67 34.6441 103.654 34.6695 103.634 34.691C103.613 34.7125 103.589 34.7298 103.562 34.7418C103.535 34.7539 103.506 34.7605 103.476 34.7613C103.447 34.762 103.418 34.7569 103.39 34.7463L74.5668 23.6051C74.5451 23.5968 74.5248 23.5853 74.5066 23.5708Z" fill="white"/>
+</g>
+<path d="M75.1176 53.3504C75.0932 53.341 75.0705 53.3273 75.0507 53.31L68.7993 47.8304C68.777 47.8109 68.7589 47.7872 68.7457 47.7606C68.7326 47.7341 68.7248 47.7052 68.7228 47.6756C68.7187 47.6158 68.7384 47.5569 68.7775 47.5117C68.8167 47.4666 68.872 47.4389 68.9314 47.4348C68.9908 47.4307 69.0494 47.4505 69.0943 47.4899L75.2392 52.876L85.2005 48.566C85.2512 48.5441 85.3081 48.5417 85.3604 48.5593C85.4128 48.5769 85.4568 48.6133 85.4843 48.6614L89.1928 55.1851L95.7642 54.2883C95.8027 54.2831 95.8419 54.288 95.878 54.3026C95.914 54.3172 95.9457 54.3409 95.9699 54.3715L101.032 60.7614L107.09 57.043C107.141 57.0118 107.202 57.0022 107.26 57.0163C107.318 57.0304 107.368 57.067 107.399 57.1181C107.43 57.1693 107.439 57.2307 107.425 57.2889C107.411 57.3471 107.375 57.3974 107.324 57.4286L101.097 61.2503C101.05 61.2792 100.995 61.2898 100.941 61.2802C100.887 61.2706 100.838 61.2414 100.804 61.1982L95.6983 54.7527L89.1031 55.6532C89.0588 55.6592 89.0137 55.6518 88.9736 55.6319C88.9335 55.6119 88.9002 55.5805 88.878 55.5414L85.1937 49.0606L75.2875 53.3475C75.2334 53.3708 75.1725 53.3718 75.1176 53.3504Z" fill="#262626"/>
+<path d="M108.308 42.8298C110.909 44.923 114.705 44.4993 116.786 41.8834C118.867 39.2674 118.446 35.4498 115.845 33.3565C113.244 31.2633 109.448 31.687 107.367 34.3029C105.286 36.9189 105.707 40.7365 108.308 42.8298Z" fill="#F3F5FD"/>
+<path d="M117.655 35.7883L112.077 38.0939L114.238 32.4306C114.979 32.7152 115.656 33.1442 116.231 33.693C116.806 34.2418 117.267 34.8996 117.588 35.6285C117.611 35.681 117.634 35.7348 117.655 35.7883Z" fill="#5BB553"/>
+<path d="M117.708 40.268C117.322 41.2834 116.671 42.1752 115.823 42.8488L112.077 38.0945L117.587 35.6288C117.611 35.6814 117.633 35.7352 117.655 35.7887C118.242 37.2198 118.261 38.8232 117.708 40.268Z" fill="#262626"/>
+<path d="M67.2972 51.7786C67.2671 51.7542 67.2433 51.7228 67.2278 51.6871C67.2123 51.6515 67.2057 51.6126 67.2084 51.5737C67.2111 51.5349 67.2231 51.4974 67.2434 51.4642C67.2637 51.4311 67.2917 51.4034 67.3249 51.3835L78.1358 44.9156C78.1632 44.8992 78.1936 44.8884 78.2252 44.884C78.2568 44.8795 78.2889 44.8814 78.3197 44.8896C78.3506 44.8978 78.3795 44.9121 78.4047 44.9316C78.43 44.9512 78.4512 44.9756 78.4669 45.0035L83.4663 53.8479L89.8707 52.3012C89.9154 52.2905 89.9622 52.2928 90.0056 52.308C90.0489 52.3232 90.087 52.3506 90.1154 52.3869L95.3821 59.1355L108.066 54.5481C108.096 54.5369 108.127 54.5317 108.159 54.5328C108.191 54.534 108.222 54.5415 108.251 54.5549C108.28 54.5683 108.306 54.5874 108.327 54.6109C108.349 54.6345 108.365 54.6622 108.376 54.6922C108.387 54.7223 108.391 54.7543 108.39 54.7862C108.388 54.8181 108.38 54.8494 108.367 54.8782C108.353 54.907 108.333 54.9328 108.31 54.9541C108.286 54.9753 108.258 54.9916 108.228 55.0019L95.3814 59.6483C95.334 59.6655 95.2825 59.6672 95.234 59.6531C95.1856 59.6391 95.1428 59.6101 95.1117 59.5703L89.8331 52.8065L83.4026 54.3587C83.352 54.3709 83.2989 54.3663 83.2512 54.3455C83.2035 54.3247 83.1638 54.2889 83.1381 54.2434L78.1704 45.4553L67.5697 51.7977C67.5277 51.8228 67.4792 51.8344 67.4305 51.8309C67.3818 51.8275 67.3353 51.8093 67.2972 51.7786Z" fill="white"/>
+<path d="M52.1458 12.8025L0.521851 29.3412L21.0062 94.0234L72.6301 77.4847L52.1458 12.8025Z" fill="#C1D8ED"/>
+<g opacity="0.61">
+<path d="M13.0127 55.3017C12.959 55.3018 12.907 55.2825 12.8663 55.2474C12.8255 55.2123 12.7985 55.1636 12.7903 55.1103C12.782 55.0569 12.793 55.0023 12.8213 54.9564C12.8496 54.9105 12.8933 54.8763 12.9444 54.8599L56.6602 40.855C56.717 40.8368 56.7787 40.842 56.8316 40.8696C56.8846 40.8971 56.9245 40.9447 56.9426 41.0018C56.9607 41.059 56.9554 41.121 56.9281 41.1742C56.9007 41.2275 56.8534 41.2676 56.7966 41.2858L13.0809 55.2903C13.0589 55.2977 13.0359 55.3016 13.0127 55.3017Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M14.123 58.808C14.0694 58.8079 14.0176 58.7885 13.9769 58.7534C13.9363 58.7183 13.9094 58.6697 13.9012 58.6165C13.893 58.5632 13.904 58.5087 13.9321 58.4629C13.9603 58.417 14.0038 58.3828 14.0549 58.3664L57.7705 44.3614C57.7988 44.3518 57.8287 44.3479 57.8585 44.35C57.8883 44.3521 57.9174 44.3602 57.944 44.3737C57.9707 44.3873 57.9944 44.406 58.0137 44.4289C58.0331 44.4518 58.0477 44.4783 58.0568 44.5069C58.0659 44.5355 58.0692 44.5657 58.0665 44.5956C58.0638 44.6255 58.0553 44.6546 58.0413 44.6811C58.0274 44.7077 58.0083 44.7312 57.9852 44.7502C57.9621 44.7693 57.9355 44.7835 57.9069 44.7921L14.1912 58.7972C14.1692 58.8044 14.1462 58.8081 14.123 58.808Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M15.2258 62.2983C15.1722 62.2982 15.1204 62.2789 15.0797 62.2438C15.039 62.2087 15.0121 62.1601 15.0039 62.1068C14.9957 62.0535 15.0066 61.9991 15.0348 61.9532C15.063 61.9073 15.1065 61.8731 15.1575 61.8566L58.8733 47.8513C58.9015 47.8423 58.9311 47.839 58.9605 47.8415C58.9899 47.844 59.0185 47.8523 59.0448 47.8659C59.071 47.8796 59.0943 47.8983 59.1133 47.921C59.1323 47.9437 59.1468 47.9699 59.1557 47.9982C59.1647 48.0265 59.168 48.0563 59.1655 48.0859C59.163 48.1154 59.1547 48.1442 59.1412 48.1706C59.1276 48.197 59.109 48.2204 59.0865 48.2396C59.0639 48.2587 59.0378 48.2732 59.0097 48.2822L15.2941 62.2872C15.272 62.2945 15.249 62.2982 15.2258 62.2983Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M23.8016 39.5952C23.748 39.5951 23.6962 39.5758 23.6555 39.5407C23.6148 39.5056 23.5879 39.457 23.5797 39.4037C23.5715 39.3505 23.5824 39.296 23.6106 39.2501C23.6388 39.2042 23.6823 39.17 23.7334 39.1536L53.1509 29.7291C53.2074 29.7119 53.2685 29.7177 53.3208 29.7454C53.3731 29.773 53.4125 29.8203 53.4305 29.8769C53.4484 29.9336 53.4434 29.9951 53.4167 30.0481C53.3899 30.1011 53.3434 30.1413 53.2874 30.1602L23.8699 39.5846C23.8478 39.5916 23.8248 39.5951 23.8016 39.5952Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M50.2574 20.5928L20.8409 30.0203L21.2777 31.3989L50.6942 21.9714L50.2574 20.5928Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M55.1187 35.9084L25.7023 45.3359L26.139 46.7146L55.5555 37.287L55.1187 35.9084Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M22.4304 35.265C22.3768 35.2649 22.325 35.2456 22.2843 35.2105C22.2436 35.1754 22.2167 35.1268 22.2085 35.0735C22.2002 35.0202 22.2112 34.9658 22.2394 34.9199C22.2675 34.874 22.3111 34.8398 22.3621 34.8233L51.7795 25.3991C51.8076 25.3901 51.8372 25.3867 51.8667 25.3892C51.8961 25.3917 51.9247 25.4 51.951 25.4136C51.9772 25.4273 52.0005 25.4459 52.0195 25.4686C52.0386 25.4913 52.053 25.5176 52.062 25.5459C52.0709 25.5741 52.0742 25.6039 52.0718 25.6335C52.0693 25.6631 52.061 25.6919 52.0475 25.7183C52.0339 25.7447 52.0153 25.7681 51.9928 25.7873C51.9702 25.8064 51.9441 25.8209 51.916 25.8299L22.4986 35.2539C22.4766 35.2611 22.4536 35.2648 22.4304 35.265Z" fill="white"/>
+</g>
+<path d="M13.7671 43.5802C17.0982 43.5802 19.7986 40.8642 19.7986 37.5138C19.7986 34.1634 17.0982 31.4474 13.7671 31.4474C10.436 31.4474 7.7356 34.1634 7.7356 37.5138C7.7356 40.8642 10.436 43.5802 13.7671 43.5802Z" fill="#F3F5FD"/>
+<mask id="mask0_175_1054" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="7" y="31" width="13" height="13">
+<path d="M13.7671 43.5802C17.0982 43.5802 19.7986 40.8642 19.7986 37.5138C19.7986 34.1634 17.0982 31.4474 13.7671 31.4474C10.436 31.4474 7.7356 34.1634 7.7356 37.5138C7.7356 40.8642 10.436 43.5802 13.7671 43.5802Z" fill="#F3F5FD"/>
+</mask>
+<g mask="url(#mask0_175_1054)">
+<ellipse cx="5.99746" cy="6.02574" rx="5.99746" ry="6.02574" transform="matrix(0.952122 -0.305719 0.302533 0.953139 8.41125 40.0867)" fill="#5BB553"/>
+</g>
+<ellipse cx="1.84414" cy="1.84298" rx="1.84414" ry="1.84298" transform="matrix(0.665174 -0.746689 0.742861 0.669446 10.605 35.861)" fill="#5BB553"/>
+<line x1="1.5" y1="-1.5" x2="21.6902" y2="-1.5" transform="matrix(0.952122 -0.305719 0.302533 0.953139 16.1213 65.9636)" stroke="#E7F0F8" stroke-width="3" stroke-linecap="round"/>
+<line x1="1.5" y1="-1.5" x2="21.6902" y2="-1.5" transform="matrix(0.952122 -0.305719 0.302533 0.953139 22.424 75.2472)" stroke="#E7F0F8" stroke-width="3" stroke-linecap="round"/>
+<ellipse cx="0.799662" cy="0.803432" rx="0.799662" ry="0.803432" transform="matrix(0.952122 -0.305719 0.302533 0.953139 19.0382 75.153)" fill="#E7F0F8"/>
+<line x1="1.5" y1="-1.5" x2="21.6902" y2="-1.5" transform="matrix(0.952122 -0.305719 0.302533 0.953139 23.3962 78.3103)" stroke="#E7F0F8" stroke-width="3" stroke-linecap="round"/>
+<ellipse cx="0.799662" cy="0.803432" rx="0.799662" ry="0.803432" transform="matrix(0.952122 -0.305719 0.302533 0.953139 20.0104 78.2161)" fill="#E7F0F8"/>
+<line x1="1.5" y1="-1.5" x2="21.6902" y2="-1.5" transform="matrix(0.952122 -0.305719 0.302533 0.953139 24.3685 81.3735)" stroke="#E7F0F8" stroke-width="3" stroke-linecap="round"/>
+<ellipse cx="0.799662" cy="0.803432" rx="0.799662" ry="0.803432" transform="matrix(0.952122 -0.305719 0.302533 0.953139 20.9827 81.2793)" fill="#E7F0F8"/>
+<line x1="1.5" y1="-1.5" x2="21.6902" y2="-1.5" transform="matrix(0.952122 -0.305719 0.302533 0.953139 25.3407 84.4366)" stroke="#E7F0F8" stroke-width="3" stroke-linecap="round"/>
+<ellipse cx="0.799662" cy="0.803432" rx="0.799662" ry="0.803432" transform="matrix(0.952122 -0.305719 0.302533 0.953139 21.955 84.3424)" fill="#E7F0F8"/>
+<path d="M91.2174 11.2558H34.9653V83.7397H91.2174V11.2558Z" fill="#DEE8F5"/>
+<path d="M49.8507 15.8664H39.3972V25.2788H49.8507V15.8664Z" fill="white"/>
+<path d="M86.7863 39.0296H77.4423V61.5955H86.7863V39.0296Z" fill="#6597E0"/>
+<path d="M77.4425 58.5478H39.3982V61.4248H77.4425V58.5478Z" fill="#C1D8ED"/>
+<path d="M86.7863 37.6711H39.3962V40.3883H86.7863V37.6711Z" fill="white"/>
+<path d="M87.011 61.8217H39.1715V37.6711H39.621V61.3696H86.5615V37.6711H87.011V61.8217Z" fill="white"/>
+<path d="M48.3283 39.0296H47.8787V61.5957H48.3283V39.0296Z" fill="white"/>
+<path d="M86.7863 43.0391H39.3982V43.4913H86.7863V43.0391Z" fill="white"/>
+<path d="M86.7863 46.0957H39.3982V46.5479H86.7863V46.0957Z" fill="white"/>
+<path d="M86.7863 49.1521H39.3982V49.6043H86.7863V49.1521Z" fill="white"/>
+<path d="M86.7863 52.2087H39.3982V52.6609H86.7863V52.2087Z" fill="white"/>
+<path d="M86.7863 55.2651H39.3982V55.7174H86.7863V55.2651Z" fill="white"/>
+<path d="M86.7863 58.3217H39.3982V58.774H86.7863V58.3217Z" fill="white"/>
+<path d="M68.0715 39.0296H67.6218V61.5957H68.0715V39.0296Z" fill="white"/>
+<path d="M77.6671 39.0296H77.2174V61.5957H77.6671V39.0296Z" fill="white"/>
+<path d="M86.7864 74.0953H72.4238V79.2595H86.7864V74.0953Z" fill="white"/>
+<path d="M86.7863 66.0108H39.3962V66.463H86.7863V66.0108Z" fill="white"/>
+<path d="M86.7863 69.94H39.3962V70.3923H86.7863V69.94Z" fill="white"/>
+<path d="M86.7863 21.1235H54.0624V21.5757H86.7863V21.1235Z" fill="white"/>
+<path d="M70.7975 25.0527H54.0624V25.505H70.7975V25.0527Z" fill="white"/>
+<path d="M86.7863 29.4105H39.3962V29.8627H86.7863V29.4105Z" fill="white"/>
+<path d="M86.7863 33.3397H39.3962V33.792H86.7863V33.3397Z" fill="white"/>
+<path d="M86.7863 16.0272H54.0624V17.8796H86.7863V16.0272Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_175_1054">
+<rect width="125" height="100" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/frontend/js/features/project-list/images/clp-banner.png b/services/web/frontend/js/features/project-list/images/clp-banner.png
new file mode 100644
index 0000000..49d5e7f
Binary files /dev/null and b/services/web/frontend/js/features/project-list/images/clp-banner.png differ
diff --git a/services/web/frontend/js/features/project-list/images/cop-banner.png b/services/web/frontend/js/features/project-list/images/cop-banner.png
new file mode 100644
index 0000000..6803a46
Binary files /dev/null and b/services/web/frontend/js/features/project-list/images/cop-banner.png differ
diff --git a/services/web/frontend/js/features/project-list/images/create-a-new-project.svg b/services/web/frontend/js/features/project-list/images/create-a-new-project.svg
new file mode 100644
index 0000000..2460c1f
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/images/create-a-new-project.svg
@@ -0,0 +1,31 @@
+<svg width="184" height="100" viewBox="0 0 184 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_175_889)">
+<path d="M17.1475 98.887C13.9512 98.929 10.752 98.6627 7.11717 96.1688C6.37151 95.6581 5.59626 94.9446 5.62324 94.0312C5.64343 93.3435 6.14598 92.7425 6.75243 92.4317C6.97906 92.3184 7.21799 92.2324 7.46433 92.1755C7.46556 92.1755 7.46695 92.1755 7.46695 92.1741C7.8473 92.0915 8.23431 92.0444 8.62313 92.0334L8.73397 92.0294C10.5847 91.9606 12.4354 92.1692 14.2261 92.6483C14.3882 92.6912 14.5599 92.6772 14.7132 92.6085C14.8665 92.5398 14.9923 92.4205 15.0701 92.2701C15.148 92.1197 15.1733 91.9469 15.1419 91.78C15.1106 91.6131 15.0244 91.4619 14.8975 91.351C14.6662 91.1505 14.4155 90.9743 14.149 90.8253C13.7582 90.6116 13.3485 90.4355 12.9253 90.2993C12.3608 90.1118 11.7772 89.9711 11.2019 89.8186C9.06353 89.2566 6.97305 88.5218 4.9505 87.6212C3.50666 86.9776 2.05235 86.2146 1.06451 84.9672C0.610831 84.3934 0.25812 83.6757 0.347223 82.9458C0.49583 81.7462 1.76685 81.0067 2.95139 80.856C5.02758 80.5931 7.05366 81.5326 8.90184 82.5254C10.4351 83.3512 12.1478 84.2602 13.8213 83.7921C14.1111 83.7264 14.3755 83.5759 14.5817 83.3594C14.96 82.9156 14.8668 82.2064 14.5292 81.7297C14.1916 81.253 13.6673 80.956 13.1621 80.6711C10.227 79.0181 7.29599 77.2584 4.95373 74.8207C2.61148 72.3829 0.888313 69.162 0.886155 65.7576C0.886155 64.762 1.03877 63.7431 1.50479 62.8661C1.9708 61.9892 2.7866 61.268 3.75378 61.0886C5.07074 60.8419 6.36751 61.6103 7.36428 62.5156C10.7884 65.6219 12.1541 70.3577 14.1766 74.54C14.7427 75.7109 15.3977 76.8872 16.442 77.661C16.5396 77.7364 16.6519 77.7897 16.7715 77.8173C17.4765 77.9706 17.7845 77.0929 17.8169 76.4231C17.9425 73.7746 17.2995 71.0041 18.2505 68.5337C18.6139 67.5928 19.2663 66.6916 20.2159 66.3864C21.3762 66.0138 22.681 66.6685 23.3779 67.6805C24.0749 68.6925 24.2626 69.978 24.2566 71.2127C24.2458 73.5012 23.6354 75.7539 22.7385 77.8534C22.2657 78.9612 21.6984 80.1103 21.8334 81.3086C21.8869 81.7134 22.0416 82.0976 22.2827 82.4248C22.5238 82.7519 22.8434 83.0112 23.2111 83.1779C23.3817 83.2515 23.5651 83.2897 23.7504 83.2902C23.9358 83.2906 24.1193 83.2534 24.2902 83.1806C24.659 83.0204 24.94 82.7117 25.2102 82.411C25.3235 82.285 25.437 82.1576 25.5518 82.0316C26.003 81.5305 26.4542 81.0287 26.9053 80.5265C28.0521 79.2502 29.4853 77.8603 31.1755 78.0794C32.0388 78.1916 32.7531 78.7358 33.2421 79.4679C33.6827 80.1338 33.9311 80.9112 33.9594 81.7125C34.0107 83.3819 32.6168 88.5324 31.832 90.0005C30.9159 91.7144 28.0836 98.7424 17.1475 98.887Z" fill="#6597E0"/>
+<path d="M166.853 98.8872C170.05 98.9292 173.249 98.6629 176.884 96.1691C177.629 95.6583 178.405 94.9448 178.378 94.0314C178.357 93.3437 177.855 92.7428 177.248 92.4319C177.022 92.3186 176.783 92.2326 176.536 92.1757C176.535 92.1757 176.534 92.1757 176.534 92.1743C176.153 92.0917 175.766 92.0447 175.378 92.0336L175.267 92.0296C173.416 91.9608 171.565 92.1694 169.775 92.6485C169.613 92.6914 169.441 92.6773 169.288 92.6086C169.134 92.5399 169.009 92.4206 168.931 92.2702C168.853 92.1198 168.828 91.9471 168.859 91.7802C168.89 91.6133 168.977 91.4621 169.103 91.3513C169.335 91.1507 169.585 90.9745 169.852 90.8255C170.243 90.6118 170.652 90.4357 171.075 90.2996C171.64 90.112 172.224 89.9713 172.799 89.8188C174.937 89.2571 177.028 88.5225 179.05 87.6222C180.494 86.9786 181.948 86.2156 182.936 84.9682C183.39 84.3944 183.743 83.6767 183.654 82.9468C183.505 81.7472 182.234 81.0077 181.049 80.857C178.973 80.5941 176.947 81.5336 175.099 82.5264C173.566 83.3522 171.853 84.2612 170.179 83.7931C169.89 83.7274 169.625 83.5769 169.419 83.3604C169.041 82.9166 169.134 82.2074 169.472 81.7307C169.81 81.254 170.333 80.957 170.839 80.6721C173.774 79.0191 176.705 77.2594 179.047 74.8217C181.389 72.3839 183.111 69.163 183.114 65.7586C183.114 64.763 182.962 63.7441 182.496 62.8671C182.03 61.9902 181.214 61.269 180.247 61.0896C178.93 60.843 177.633 61.6113 176.636 62.5166C173.212 65.6225 171.846 70.3582 169.824 74.5405C169.258 75.7114 168.603 76.8877 167.559 77.6615C167.461 77.7369 167.349 77.7902 167.229 77.8178C166.524 77.9712 166.216 77.0934 166.184 76.4237C166.058 73.7751 166.701 71.0046 165.75 68.5342C165.387 67.5933 164.735 66.6921 163.785 66.3869C162.625 66.0143 161.32 66.669 160.623 67.681C159.926 68.693 159.738 69.9785 159.744 71.2133C159.755 73.5018 160.366 75.7544 161.263 77.8539C161.735 78.9618 162.303 80.1108 162.167 81.3091C162.114 81.7139 161.959 82.0981 161.718 82.4253C161.477 82.7525 161.158 83.0117 160.79 83.1784C160.619 83.2521 160.436 83.2903 160.251 83.2907C160.065 83.2912 159.882 83.2539 159.711 83.1811C159.342 83.0209 159.061 82.7122 158.791 82.4115C158.677 82.2855 158.564 82.1581 158.449 82.0322C157.998 81.531 157.547 81.0293 157.096 80.5271C155.949 79.2507 154.516 77.8608 152.825 78.0799C151.962 78.1922 151.248 78.7364 150.759 79.4685C150.318 80.1343 150.07 80.9117 150.042 81.713C149.99 83.3824 151.384 88.5329 152.169 90.001C153.084 91.7146 155.916 98.7426 166.853 98.8872Z" fill="#6597E0"/>
+<path d="M163.904 93.3945H20.096C18.297 93.3945 16.8386 94.8731 16.8386 96.6971V96.6972C16.8386 98.5211 18.297 99.9997 20.096 99.9997H163.904C165.703 99.9997 167.161 98.5211 167.161 96.6972V96.6971C167.161 94.8731 165.703 93.3945 163.904 93.3945Z" fill="#E7E9EE"/>
+<path d="M152.259 -7.62939e-05H31.2586C28.6089 -7.62939e-05 26.4609 2.17771 26.4609 4.86414V89.6038C26.4609 92.2903 28.6089 94.468 31.2586 94.468H152.259C154.909 94.468 157.057 92.2903 157.057 89.6038V4.86414C157.057 2.17771 154.909 -7.62939e-05 152.259 -7.62939e-05Z" fill="#E7E9EE"/>
+<path d="M151.961 3.31713H31.5566C30.3851 3.31713 29.4354 4.27999 29.4354 5.46775V88.8949C29.4354 90.0826 30.3851 91.0455 31.5566 91.0455H151.961C153.132 91.0455 154.082 90.0826 154.082 88.8949V5.46775C154.082 4.27999 153.132 3.31713 151.961 3.31713Z" fill="white"/>
+<path d="M149.795 7.86224H33.4338V19.0544H149.795V7.86224Z" fill="#F1F4F9"/>
+<path d="M149.795 22.7784H100.13V53.2356H149.795V22.7784Z" fill="#F1F4F9"/>
+<path d="M96.5107 22.7784H33.4338V63.3268H96.5107V22.7784Z" fill="#F1F4F9"/>
+<path d="M96.5107 67.1796H33.4338V74.7021H96.5107V67.1796Z" fill="#F1F4F9"/>
+<path d="M96.5107 78.0761H33.4338V80.6448H96.5107V78.0761Z" fill="#F1F4F9"/>
+<path d="M96.5107 83.7635H33.4338V86.3322H96.5107V83.7635Z" fill="#F1F4F9"/>
+<path d="M149.795 56.9593H100.13V69.7483H149.795V56.9593Z" fill="#F1F4F9"/>
+<path d="M149.795 73.6015H100.13V86.3328H149.795V73.6015Z" fill="#F1F4F9"/>
+<path d="M130.389 44.0547L117.321 36.6862L121.395 51.2732L130.389 44.0547Z" fill="#6597E0"/>
+<path d="M125.713 45.0863L123.459 46.8954L128.999 53.9908L131.253 52.1817L125.713 45.0863Z" fill="#6597E0"/>
+<path d="M145.673 49.5382H132.281V55.0635H145.673V49.5382Z" fill="#6597E0"/>
+<path d="M56.8958 67.8305L69.9639 60.4618L65.8897 75.0488L56.8958 67.8305Z" fill="#5BB553"/>
+<path d="M56.032 75.957L58.2861 77.7661L63.8259 70.6708L61.5718 68.8617L56.032 75.957Z" fill="#5BB553"/>
+<path d="M41.6123 78.8389H55.0039V73.3136H41.6123V78.8389Z" fill="#5BB553"/>
+<path d="M67.2108 20.9569L80.279 13.5882L76.2048 28.1752L67.2108 20.9569Z" fill="#C3D0E3"/>
+<path d="M66.3472 29.084L68.6013 30.893L74.1411 23.7977L71.887 21.9886L66.3472 29.084Z" fill="#C3D0E3"/>
+<path d="M51.9274 31.9663H65.319V26.4409H51.9274V31.9663Z" fill="#C3D0E3"/>
+</g>
+<defs>
+<clipPath id="clip0_175_889">
+<rect width="183.333" height="100" fill="white" transform="translate(0.333374)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/frontend/js/features/project-list/images/inr-banner.png b/services/web/frontend/js/features/project-list/images/inr-banner.png
new file mode 100644
index 0000000..ead8016
Binary files /dev/null and b/services/web/frontend/js/features/project-list/images/inr-banner.png differ
diff --git a/services/web/frontend/js/features/project-list/images/learn-latex.svg b/services/web/frontend/js/features/project-list/images/learn-latex.svg
new file mode 100644
index 0000000..5aec4b5
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/images/learn-latex.svg
@@ -0,0 +1,114 @@
+<svg width="142" height="100" viewBox="0 0 142 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_175_924)">
+<path d="M134.709 0.000713348H75.7281V42.871H134.709V0.000713348Z" fill="#E7E9EE"/>
+<path d="M134.709 0.000713348H75.7281V3.53218H134.709V0.000713348Z" fill="#C3D0E3"/>
+<path d="M132.733 2.65259C133.221 2.65259 133.616 2.25592 133.616 1.76661C133.616 1.27729 133.221 0.880623 132.733 0.880623C132.246 0.880623 131.851 1.27729 131.851 1.76661C131.851 2.25592 132.246 2.65259 132.733 2.65259Z" fill="white"/>
+<path d="M124.395 7.2781H81.4338V37.4211H124.395V7.2781Z" fill="white"/>
+<path d="M115.429 33.6413C115.021 33.6413 113.654 33.4254 113.557 33.773C113.498 33.9817 114.516 34.2284 114.516 34.2284" fill="#DE8014"/>
+<path d="M115.643 35.2862C115.643 35.2862 112.886 36.4234 111.301 35.1259C111.261 35.0928 111.232 35.0483 111.217 34.9982C111.202 34.948 111.203 34.8946 111.219 34.8449C111.235 34.7952 111.266 34.7515 111.307 34.7195C111.348 34.6875 111.398 34.6686 111.45 34.6655C112.518 34.6019 114.712 34.386 114.455 33.6794H116.178" fill="#DE8014"/>
+<path d="M110.602 23.4947L109.099 24.2392C109.099 24.2392 107.638 24.0629 107.868 22.2086C107.901 21.9459 108.056 21.6499 108.773 21.8926C108.635 21.5756 108.501 21.1748 108.61 21.0658C109.027 20.6492 110.326 22.7109 110.602 23.4947Z" fill="#DE8014"/>
+<g opacity="0.15">
+<path d="M110.602 23.4945L109.099 24.2391C109.099 24.2391 107.638 24.0627 107.868 22.2085C107.901 21.9457 108.056 21.6497 108.773 21.8925C108.635 21.5754 108.501 21.1746 108.61 21.0656C109.027 20.649 110.326 22.7108 110.602 23.4945Z" fill="#1B222C"/>
+</g>
+<path d="M113.385 32.1427C113.309 32.1427 113.234 32.1367 113.159 32.1249C112.943 32.09 112.738 32.0055 112.56 31.878C112.382 31.7504 112.235 31.5833 112.132 31.3896L108.341 24.2848L110.847 22.9373L113.758 28.3913L118.267 24.0866L120.227 26.1544L114.366 31.7499C114.101 32.0023 113.75 32.1429 113.385 32.1427Z" fill="#138A07"/>
+<path d="M128.946 42.8704H117.688L118.342 38.3855L128.643 37.7476L128.946 42.8704Z" fill="#1B222C"/>
+<path d="M125.369 23.6108C125.369 23.6108 124.28 23.1415 124.28 20.2703L122.091 20.0464C122.091 20.0464 122.542 22.5836 121.518 23.4851L125.369 23.6108Z" fill="#DE8014"/>
+<g opacity="0.15">
+<path d="M121.916 22.9143L123.595 21.3917L122.187 21.4927C122.186 21.9793 122.094 22.4615 121.916 22.9143Z" fill="#1B222C"/>
+</g>
+<path d="M117.521 38.8401C118.088 40.1488 129.236 40.6926 129.385 38.3903C129.479 36.9253 128.193 35.6472 128.193 32.791C128.193 29.9348 130.81 26.2895 128.678 24.149C128.059 23.5281 126.991 23.1271 125.688 23.1257C125.591 23.8883 120.979 23.8917 120.944 23.1435C120.768 23.1462 120.631 23.1489 120.546 23.153C116.053 23.3473 118.027 28.4788 118.07 32.2488C118.123 36.6602 116.936 37.4919 117.521 38.8401Z" fill="#138A07"/>
+<path d="M125.413 19.0637C125.335 19.9413 124.931 20.7993 124.193 21.1415C123.391 21.5398 122.504 21.7352 121.61 21.7106C119.234 21.7106 119.261 16.2859 120.296 15.1473C121.331 14.0088 124.674 14.4008 125.217 16.1179C125.497 17.0059 125.488 18.2283 125.413 19.0637Z" fill="#DE8014"/>
+<path d="M121.966 18.6754C122.075 18.6754 122.162 18.5873 122.162 18.4786C122.162 18.3699 122.075 18.2817 121.966 18.2817C121.858 18.2817 121.77 18.3699 121.77 18.4786C121.77 18.5873 121.858 18.6754 121.966 18.6754Z" fill="#1B222C"/>
+<path d="M120.413 18.6754C120.522 18.6754 120.609 18.5873 120.609 18.4786C120.609 18.3699 120.522 18.2817 120.413 18.2817C120.305 18.2817 120.217 18.3699 120.217 18.4786C120.217 18.5873 120.305 18.6754 120.413 18.6754Z" fill="#1B222C"/>
+<path d="M120.032 18.0885C120.009 18.0886 119.986 18.0795 119.969 18.063C119.951 18.0466 119.941 18.0241 119.94 18.0003C119.939 17.9765 119.947 17.9531 119.963 17.9352C119.978 17.9173 120 17.9061 120.024 17.904L120.542 17.8548C120.566 17.8525 120.59 17.8599 120.609 17.8755C120.628 17.8911 120.64 17.9136 120.642 17.938C120.645 17.9624 120.637 17.9868 120.622 18.0057C120.606 18.0247 120.584 18.0366 120.559 18.039L120.042 18.0882L120.032 18.0885Z" fill="#1B222C"/>
+<path d="M122.352 18.0884C122.347 18.0884 122.342 18.0881 122.337 18.0874L121.816 18.006C121.792 18.0022 121.771 17.9889 121.756 17.9691C121.742 17.9493 121.736 17.9246 121.74 17.9003C121.743 17.8761 121.757 17.8544 121.776 17.8399C121.796 17.8254 121.821 17.8194 121.845 17.8232L122.366 17.9046C122.389 17.9081 122.409 17.9202 122.424 17.9385C122.438 17.9567 122.445 17.9798 122.444 18.003C122.442 18.0263 122.431 18.048 122.414 18.0638C122.397 18.0797 122.375 18.0884 122.352 18.0884Z" fill="#1B222C"/>
+<path d="M122.002 20.0315C121.593 20.1069 121.175 20.1069 120.766 20.0315C120.766 20.0315 120.809 20.5084 121.384 20.5084C121.959 20.5084 122.002 20.0315 122.002 20.0315Z" fill="white"/>
+<path d="M123.642 16.9524C123.759 20.9172 124.332 21.2808 124.332 21.2808C124.332 21.2808 126.2 19.9327 126.263 17.5402C126.322 15.2978 124.583 14.1202 123.46 13.9631C119.194 13.3677 119.044 17.2342 119.044 17.2342C121.185 17.6025 124.102 16.9939 124.102 16.9939" fill="#1B222C"/>
+<path d="M123.023 18.875C123.021 18.9857 123.042 19.0956 123.083 19.1983C123.124 19.301 123.185 19.3944 123.262 19.4733C123.339 19.5521 123.432 19.6147 123.533 19.6574C123.635 19.7001 123.744 19.7221 123.855 19.7221C123.965 19.7221 124.074 19.7001 124.176 19.6574C124.277 19.6147 124.37 19.5521 124.447 19.4733C124.524 19.3944 124.585 19.301 124.626 19.1983C124.668 19.0956 124.688 18.9857 124.686 18.875C124.688 18.7649 124.668 18.6555 124.627 18.5534C124.586 18.4512 124.524 18.3585 124.447 18.2806C124.369 18.2027 124.277 18.1413 124.175 18.1C124.073 18.0587 123.964 18.0383 123.854 18.0402C123.262 18.0696 123.023 18.4141 123.023 18.875Z" fill="#DE8014"/>
+<path d="M127.037 17.5402C128.085 17.5402 128.934 16.688 128.934 15.6368C128.934 14.5855 128.085 13.7333 127.037 13.7333C125.99 13.7333 125.141 14.5855 125.141 15.6368C125.141 16.688 125.99 17.5402 127.037 17.5402Z" fill="#1B222C"/>
+<path d="M120.944 23.1435C120.979 23.8917 121.384 24.9903 122.633 25.0733C124.299 25.1834 125.591 23.8883 125.688 23.1257H125.684C124.044 23.1257 121.899 23.1286 120.944 23.1435Z" fill="#DE8014"/>
+<path d="M123.595 36.4734C123.58 36.4734 123.565 36.4734 123.55 36.4734L115.041 36.212L115.131 33.2502L122.678 33.4818L126.659 25.1194L129.323 26.3971L124.927 35.631C124.807 35.8832 124.618 36.0962 124.382 36.2452C124.147 36.3943 123.874 36.4734 123.595 36.4734Z" fill="#138A07"/>
+<g opacity="0.15">
+<path d="M121.182 19.6387C121.177 19.6388 121.172 19.6383 121.167 19.6373L120.684 19.5304C120.675 19.5284 120.666 19.5243 120.659 19.5186C120.651 19.5128 120.644 19.5055 120.64 19.4971C120.635 19.4886 120.632 19.4793 120.632 19.4697C120.631 19.4601 120.632 19.4505 120.635 19.4414L120.888 18.7243C120.894 18.7073 120.907 18.6934 120.923 18.6856C120.939 18.6779 120.958 18.6769 120.975 18.6829C120.992 18.689 121.006 18.7015 121.013 18.7177C121.021 18.734 121.022 18.7527 121.016 18.7697L120.788 19.4152L121.197 19.5043C121.213 19.5077 121.228 19.5171 121.238 19.5308C121.247 19.5444 121.252 19.5613 121.25 19.578C121.248 19.5948 121.24 19.6103 121.228 19.6215C121.215 19.6327 121.199 19.6388 121.182 19.6386L121.182 19.6387Z" fill="#1B222C"/>
+</g>
+<path d="M103.81 15.5502L109.199 24.1731C109.224 24.2138 109.258 24.2491 109.297 24.2769C109.336 24.3048 109.38 24.3246 109.426 24.3354C109.473 24.3461 109.521 24.3475 109.569 24.3395C109.616 24.3315 109.661 24.3142 109.702 24.2887C109.742 24.2632 109.777 24.2299 109.805 24.1907C109.833 24.1515 109.853 24.1073 109.863 24.0604C109.874 24.0136 109.875 23.9651 109.867 23.9177C109.859 23.8703 109.842 23.825 109.817 23.7843L109.811 23.7745L104.15 15.3273C104.135 15.3049 104.116 15.2856 104.094 15.2705C104.072 15.2554 104.047 15.2448 104.021 15.2393C103.995 15.2338 103.968 15.2335 103.942 15.2385C103.916 15.2434 103.891 15.2535 103.869 15.2681C103.846 15.2827 103.827 15.3016 103.812 15.3237C103.797 15.3458 103.786 15.3707 103.781 15.3969C103.775 15.4231 103.775 15.4501 103.78 15.4764C103.785 15.5027 103.795 15.5278 103.81 15.5502Z" fill="#1B222C"/>
+<path d="M107.696 21.6676C107.981 21.5547 108.641 21.5711 108.82 21.8921C109.125 22.4353 109.219 23.6838 108.901 23.8243C108.584 23.9649 108.028 23.9123 107.864 23.5393C107.7 23.1664 107.465 21.7594 107.696 21.6676Z" fill="#DE8014"/>
+<path d="M141.833 99.8651H0.166626C1.71896 95.8919 4.58565 92.5215 8.62665 91.5215C14.5382 90.0609 20.794 94.0775 26.6932 92.5671C30.0442 91.7099 32.6824 89.2119 35.4545 87.1379C45.9131 79.3119 60.2445 76.9988 72.6213 81.1408C79.09 83.305 84.9845 87.0901 91.6107 88.6986C100.18 90.7801 109.141 89.0548 117.953 88.7698C126.534 88.4925 138.83 92.0028 141.833 99.8651Z" fill="#F4F5F6"/>
+<path d="M124.005 58.6085L122.176 59.0425L124.469 68.7768L126.298 68.3428L124.005 58.6085Z" fill="#F4F5F6"/>
+<path d="M126.017 57.8537L124.447 66.3979L125.462 66.5859L127.032 58.0417L126.017 57.8537Z" fill="#C3D0E3"/>
+<path d="M126.017 57.8507L125.839 58.7931L126.853 58.9869L127.032 58.0444L126.017 57.8507Z" fill="#E7E9EE"/>
+<path d="M122.873 60.0235L122.309 60.2465L125.6 68.6296L126.164 68.4066L122.873 60.0235Z" fill="#8CCA86"/>
+<path d="M127.113 63.6926H122.153V70.0552H127.113V63.6926Z" fill="#C3D0E3"/>
+<path d="M108.912 81.5478H107.057V99.8652H108.912V81.5478Z" fill="#C3D0E3"/>
+<path d="M107.385 81.5478H105.53V99.8652H107.385V81.5478Z" fill="#E7E9EE"/>
+<path d="M132.02 81.5478H130.165V99.8652H132.02V81.5478Z" fill="#C3D0E3"/>
+<path d="M130.493 81.5478H128.638V99.8652H130.493V81.5478Z" fill="#E7E9EE"/>
+<path d="M114 81.5478H112.145V99.8652H114V81.5478Z" fill="#C3D0E3"/>
+<path d="M112.474 81.5478H110.619V99.8652H112.474V81.5478Z" fill="#E7E9EE"/>
+<path d="M137.108 81.5478H135.253V99.8652H137.108V81.5478Z" fill="#C3D0E3"/>
+<path d="M135.582 81.5478H133.726V99.8652H135.582V81.5478Z" fill="#E7E9EE"/>
+<path d="M137.108 69.8229H112.157V81.9871H137.108V69.8229Z" fill="#C3D0E3"/>
+<path d="M130.482 69.8229H105.53V81.9871H130.482V69.8229Z" fill="#E7E9EE"/>
+<g opacity="0.53">
+<path d="M129.139 71.5525H106.873V80.2044H129.139V71.5525Z" fill="#F4F5F6"/>
+</g>
+<path d="M118.006 76.8705C118.552 76.8705 118.995 76.4261 118.995 75.878C118.995 75.3299 118.552 74.8855 118.006 74.8855C117.46 74.8855 117.017 75.3299 117.017 75.878C117.017 76.4261 117.46 76.8705 118.006 76.8705Z" fill="white"/>
+<path d="M48.2118 14.6736C51.7685 14.6736 54.6517 11.7798 54.6517 8.2101C54.6517 4.64038 51.7685 1.74655 48.2118 1.74655C44.6552 1.74655 41.772 4.64038 41.772 8.2101C41.772 11.7798 44.6552 14.6736 48.2118 14.6736Z" fill="#C3D0E3"/>
+<path d="M49.5242 14.6736C53.0809 14.6736 55.9641 11.7798 55.9641 8.2101C55.9641 4.64038 53.0809 1.74655 49.5242 1.74655C45.9676 1.74655 43.0844 4.64038 43.0844 8.2101C43.0844 11.7798 45.9676 14.6736 49.5242 14.6736Z" fill="#E7E9EE"/>
+<path d="M49.5242 13.7215C52.5569 13.7215 55.0153 11.254 55.0153 8.21016C55.0153 5.16635 52.5569 2.69886 49.5242 2.69886C46.4915 2.69886 44.0331 5.16635 44.0331 8.21016C44.0331 11.254 46.4915 13.7215 49.5242 13.7215Z" fill="#F4F5F6"/>
+<path d="M49.5245 8.71864C49.4794 8.71866 49.4351 8.70707 49.3958 8.68498L46.7462 7.19017C46.6855 7.15592 46.6408 7.09887 46.622 7.03158C46.6033 6.96429 46.6119 6.89226 46.646 6.83134C46.6801 6.77042 46.737 6.72561 46.804 6.70675C46.8711 6.68789 46.9428 6.69654 47.0035 6.73079L49.2618 8.0049V4.38242C49.2636 4.31371 49.2921 4.24842 49.3411 4.20045C49.3901 4.15249 49.4559 4.12565 49.5244 4.12565C49.5929 4.12565 49.6586 4.15249 49.7077 4.20045C49.7567 4.24842 49.7852 4.31371 49.787 4.38242V8.4552C49.787 8.4898 49.7802 8.52407 49.767 8.55604C49.7538 8.58802 49.7345 8.61707 49.7101 8.64153C49.6858 8.666 49.6568 8.68541 49.625 8.69864C49.5931 8.71187 49.559 8.71867 49.5245 8.71864Z" fill="#E7E9EE"/>
+<path d="M53.0909 55.9444C53.0455 55.9433 42.0077 55.9665 41.9859 55.9665C40.4376 55.9665 39.8394 56.8669 39.8394 56.8669V57.3523H54.9306V56.8669C54.2489 56.4029 53.6285 55.9309 53.0909 55.9444Z" fill="#E7E9EE"/>
+<path d="M50.9882 56.9863C50.9882 56.9863 51.7843 55.839 53.0909 55.9443C53.4453 55.9575 53.7928 56.0467 54.1101 56.2058C54.4274 56.3649 54.7071 56.5903 54.9305 56.8668V57.3521H46.7156V56.8668C46.7156 56.8668 47.3138 55.9664 48.863 55.9664C50.4121 55.9664 50.9882 56.9863 50.9882 56.9863Z" fill="#C3D0E3"/>
+<path d="M46.7156 56.8667H39.8394V57.3519H46.7156V56.8667Z" fill="#C3D0E3"/>
+<path d="M22.1329 72.1653L14.9095 99.7276L15.9393 99.9995L23.1627 72.4372L22.1329 72.1653Z" fill="#C3D0E3"/>
+<path d="M34.9332 72.2185L33.8812 72.384L38.187 99.9467L39.239 99.7811L34.9332 72.2185Z" fill="#C3D0E3"/>
+<path d="M21.1661 45.8624C21.1661 45.8624 12.3698 45.3047 12.3698 53.0185C12.3698 60.7323 13.6653 71.5121 20.1476 72.7203C26.6299 73.9285 36.2053 73.5646 38.4294 73.1859C41.1608 72.7212 42.3515 66.3619 38.7133 65.9363C28.3883 64.7281 33.3892 46.6991 21.1661 45.8624Z" fill="#C3D0E3"/>
+<path d="M37.9817 94.5302L37.647 98.8868L41.3628 99.1743L41.6975 94.8177L37.9817 94.5302Z" fill="#DE8014"/>
+<path d="M46.0845 99.8316C46.1802 99.8312 46.2749 99.8119 46.3631 99.7747C46.4514 99.7376 46.5315 99.6833 46.5989 99.6151C46.6662 99.5469 46.7195 99.466 46.7558 99.3771C46.792 99.2882 46.8104 99.193 46.81 99.0969C46.81 99.0791 46.81 99.0613 46.8078 99.0435C46.797 98.9045 46.7468 98.7715 46.6633 98.6601C46.5797 98.5488 46.4662 98.4637 46.3361 98.4149L41.9982 96.9566C41.9142 96.9287 41.8251 96.9193 41.7371 96.9291C41.6492 96.939 41.5644 96.9678 41.4885 97.0136C40.8921 97.4288 40.1788 97.641 39.4533 97.6192C38.8882 97.5788 38.3458 97.3798 37.888 97.0449C37.8477 97.0118 37.7989 96.9908 37.7472 96.9845C37.6956 96.9781 37.6432 96.9866 37.5961 97.009C37.5491 97.0315 37.5094 97.0668 37.4816 97.111C37.4539 97.1552 37.4392 97.2064 37.4393 97.2587V99.3876C37.4393 99.5141 37.4894 99.6354 37.5785 99.7249C37.6677 99.8143 37.7885 99.8646 37.9146 99.8646H37.9165L46.0845 99.8316Z" fill="#C3D0E3"/>
+<path d="M56.4604 94.3635L52.7852 94.984L53.5153 99.3408L57.1906 98.7203L56.4604 94.3635Z" fill="#DE8014"/>
+<path d="M58.3592 95.3172L50.1778 63.721C49.9949 63.015 49.5838 62.3899 49.0089 61.9436C48.434 61.4973 47.7279 61.2551 47.0011 61.2549H29.0673V61.2665H19.0209V64.3558C19.0209 65.2467 19.1957 66.1289 19.5353 66.952C19.875 67.7751 20.3729 68.523 21.0005 69.153C21.6282 69.7829 22.3733 70.2826 23.1934 70.6236C24.0134 70.9645 24.8924 71.14 25.78 71.14H30.68V71.1596H39.2341L36.8787 96.2959L43.4163 96.913L45.6938 72.607L52.0047 96.9751L58.3592 95.3172Z" fill="#1B222C"/>
+<path d="M44.6965 46.1654C44.6965 46.1654 44.7232 44.026 46.2467 44.1373C47.2079 44.2075 51.7751 43.9948 51.8431 44.4123C52.0113 45.4454 47.8337 45.698 47.4546 46.6606L44.6965 46.1654Z" fill="#DE8014"/>
+<path d="M45.7073 44.2057C45.7073 44.2057 47.8279 43.511 48.3491 43.6357C48.8105 43.746 47.8486 44.4998 47.8486 44.4998L45.7073 44.2057Z" fill="#DE8014"/>
+<path d="M40.3163 55.5529L47.8824 46.7119L44.6216 44.8716L38.5631 51.7129L33.8246 43.2002C33.3763 41.8549 32.3551 40.9534 30.2716 40.8633C30.1598 40.8597 29.9806 40.8544 29.7499 40.8508C29.7037 41.8305 23.6573 41.8269 23.5295 40.8276C21.8223 40.8294 20.4202 41.3567 19.611 42.1689C16.8158 44.9743 20.2463 49.7552 20.2463 53.4957C20.2463 57.2363 18.5603 58.9142 18.6846 60.8344C18.8798 63.8518 33.4909 63.1393 34.2346 61.424C34.7332 60.2747 34.25 59.4112 33.8697 57.3562H40.3161L40.3163 55.5529ZM33.5142 52.7832C33.5215 52.1539 33.5699 51.4954 33.6365 50.8253L35.1095 53.4722H33.5147C33.5124 53.2496 33.5115 53.0219 33.5147 52.7834L33.5142 52.7832Z" fill="#138A07"/>
+<path d="M29.751 40.8508C29.7048 41.8305 29.1724 43.2715 27.5362 43.3784C25.3515 43.5242 23.6584 41.8269 23.5306 40.8276H23.5377C25.6842 40.8276 28.4954 40.8312 29.751 40.8508Z" fill="#DE8014"/>
+<path d="M61.401 99.8316C61.4967 99.8312 61.5914 99.8118 61.6797 99.7746C61.768 99.7375 61.8481 99.6832 61.9155 99.6149C61.9828 99.5467 62.0361 99.4657 62.0723 99.3768C62.1086 99.2879 62.127 99.1926 62.1265 99.0965C62.1265 99.0787 62.1265 99.0609 62.1244 99.0431C62.1135 98.9041 62.0633 98.7711 61.9797 98.6598C61.8961 98.5484 61.7826 98.4633 61.6525 98.4145L57.3147 96.9562C57.2307 96.9283 57.1416 96.9189 57.0536 96.9288C56.9656 96.9386 56.8807 96.9674 56.8049 97.0132C56.2085 97.4284 55.4952 97.6407 54.7698 97.6188C54.2047 97.5784 53.6622 97.3794 53.2043 97.0446C53.1641 97.0116 53.1153 96.9907 53.0637 96.9844C53.012 96.9781 52.9597 96.9867 52.9127 97.0091C52.8658 97.0314 52.8261 97.0668 52.7983 97.1109C52.7706 97.155 52.7558 97.2061 52.7559 97.2583V99.3872C52.7558 99.5137 52.8057 99.635 52.8947 99.7245C52.9837 99.814 53.1044 99.8644 53.2304 99.8646H53.2324L61.401 99.8316Z" fill="#C3D0E3"/>
+<path d="M10.5201 59.0825H8.85352V99.865H10.5201V59.0825Z" fill="#E7E9EE"/>
+<path d="M90.9097 59.0825H89.243V99.865H90.9097V59.0825Z" fill="#C3D0E3"/>
+<path d="M90.9095 58.5713H75.8787V97.0763H90.9095V58.5713Z" fill="#C3D0E3"/>
+<path d="M74.5446 94.2878H72.8779V99.865H74.5446V94.2878Z" fill="#C3D0E3"/>
+<path d="M93.2138 57.3981H6.54919V59.6982H93.2138V57.3981Z" fill="#E7E9EE"/>
+<path d="M76.712 59.0825H75.0454V99.865H76.712V59.0825Z" fill="#E7E9EE"/>
+<path d="M60.3469 59.0825H58.6803V99.865H60.3469V59.0825Z" fill="#E7E9EE"/>
+<path d="M75.8787 59.7011H59.5135V97.0761H75.8787V59.7011Z" fill="#E7E9EE"/>
+<path d="M59.3985 47.1038L57.2436 56.1831C57.2102 56.3243 57.209 56.4713 57.2402 56.6131C57.2715 56.7549 57.3342 56.8877 57.4239 57.0017C57.5136 57.1156 57.6278 57.2077 57.7579 57.271C57.8881 57.3344 58.0309 57.3673 58.1755 57.3674H70.8796C71.0895 57.3674 71.2935 57.2982 71.4605 57.1704C71.6274 57.0427 71.7479 56.8635 71.8035 56.6604L74.2865 47.5813C74.3255 47.4386 74.3311 47.2888 74.303 47.1435C74.2749 46.9982 74.2138 46.8614 74.1244 46.7438C74.035 46.6261 73.9197 46.5307 73.7876 46.465C73.6555 46.3993 73.51 46.3651 73.3626 46.3651H60.3306C60.1151 46.3651 59.9059 46.438 59.7368 46.5721C59.5677 46.7061 59.4485 46.8934 59.3985 47.1038Z" fill="#97B6E5"/>
+<path d="M52.721 57.3675H68.0756C68.2249 57.3675 68.3681 57.308 68.4737 57.202C68.5792 57.0961 68.6385 56.9524 68.6385 56.8025C68.6385 56.6527 68.5792 56.509 68.4737 56.403C68.3681 56.297 68.2249 56.2375 68.0756 56.2375H52.721C52.6471 56.2375 52.5739 56.2521 52.5056 56.2805C52.4373 56.3089 52.3752 56.3505 52.323 56.403C52.2707 56.4555 52.2292 56.5178 52.2009 56.5863C52.1726 56.6549 52.1581 56.7283 52.1581 56.8025C52.1581 56.8767 52.1726 56.9502 52.2009 57.0187C52.2292 57.0873 52.2707 57.1496 52.323 57.202C52.3752 57.2545 52.4373 57.2961 52.5056 57.3245C52.5739 57.3529 52.6471 57.3675 52.721 57.3675Z" fill="#97B6E5"/>
+<path d="M66.2853 53.2844C67.1151 53.2844 67.7878 52.6093 67.7878 51.7764C67.7878 50.9436 67.1151 50.2684 66.2853 50.2684C65.4555 50.2684 64.7828 50.9436 64.7828 51.7764C64.7828 52.6093 65.4555 53.2844 66.2853 53.2844Z" fill="white"/>
+<path d="M42.937 56.4228C42.591 56.6953 41.0931 56.7808 40.3158 56.8075V53.9166C40.7116 53.7028 41.2049 53.4268 41.5723 53.1916C42.0816 52.8639 42.3123 52.7695 42.4401 52.8051H42.4419C42.4721 52.8139 42.4992 52.8312 42.52 52.855C42.5372 52.8742 42.5505 52.8965 42.559 52.9209C42.6424 53.1471 42.2609 53.4873 42.0497 53.6548L42.0479 53.6565C41.9716 53.7171 41.9166 53.7563 41.9166 53.7563L42.3674 53.9647L42.3691 53.9665L42.7631 54.1499L42.7684 54.1517L42.9814 54.2497C42.9814 54.2497 43.0187 54.4064 43.0595 54.6362V54.638C43.155 55.1884 43.2703 56.1609 42.937 56.4228Z" fill="#DE8014"/>
+<path d="M45.4936 56.4268L44.5778 56.1133L41.8801 53.4919L41.514 53.1347L40.8596 52.4995L41.4722 51.8658L42.1324 52.5075L42.4996 52.8633L45.1892 55.4783L45.4936 56.4268Z" fill="#8CCA86"/>
+<path d="M42.4996 52.8633L41.88 53.4919L41.5139 53.1348L42.1324 52.5076L42.4996 52.8633Z" fill="white"/>
+<path d="M42.1885 53.6991C42.4207 53.7033 42.6524 53.7226 42.8821 53.7568C43.1187 53.7877 43.352 53.8404 43.579 53.9143C43.7051 53.9546 43.8272 54.0067 43.9435 54.07C44.0088 54.1059 44.071 54.1471 44.1297 54.193L44.2602 54.3063C44.4319 54.4616 44.5887 54.6328 44.7283 54.8177C44.7665 54.8686 44.7854 54.9314 44.7819 54.995C44.7783 55.0586 44.7524 55.1188 44.7088 55.1651C44.6652 55.2114 44.6067 55.2407 44.5437 55.2478C44.4806 55.2549 44.4171 55.2394 44.3643 55.2041L44.3519 55.1957L43.8372 54.8494L43.7084 54.7645C43.6785 54.7474 43.6477 54.7322 43.6159 54.7189C43.5369 54.6867 43.4552 54.6618 43.3717 54.6442C43.1795 54.6039 42.9849 54.5759 42.7891 54.5603C42.5889 54.5447 42.3756 54.5327 42.1827 54.5293H42.1736C42.1193 54.5284 42.0657 54.5167 42.0159 54.4949C41.9661 54.4732 41.9211 54.4418 41.8834 54.4026C41.8456 54.3634 41.816 54.3171 41.7961 54.2664C41.7762 54.2157 41.7664 54.1615 41.7674 54.107C41.7684 54.0525 41.78 53.9987 41.8017 53.9487C41.8233 53.8988 41.8546 53.8535 41.8937 53.8157C41.9327 53.7778 41.9789 53.7481 42.0294 53.7281C42.0799 53.7081 42.1339 53.6983 42.1882 53.6993L42.1885 53.6991Z" fill="#DE8014"/>
+<path d="M31.2903 30.9975C31.2903 30.9975 32.6355 35.8352 33.3912 38.3454C33.427 38.4644 33.4345 38.5901 33.4132 38.7125C33.392 38.8349 33.3424 38.9505 33.2685 39.0503C33.1947 39.15 33.0986 39.2309 32.988 39.2867C32.8773 39.3424 32.7552 39.3714 32.6314 39.3713H27.9107C27.7068 39.3712 27.5107 39.2924 27.3632 39.1511C27.2156 39.0099 27.1278 38.8171 27.1181 38.6126L26.7999 31.8783L31.2903 30.9975Z" fill="#1B222C"/>
+<path d="M24.0555 41.7584C24.0555 41.7584 25.4286 41.0293 25.1255 37.2784L27.9613 36.7533C27.9613 36.7533 27.6397 40.1157 29.0732 41.1846L24.0555 41.7584Z" fill="#DE8014"/>
+<g opacity="0.15">
+<path d="M28.4928 40.4813L26.139 38.6705L27.989 38.6527C28.0419 39.2885 28.2128 39.9087 28.4928 40.4813Z" fill="#1B222C"/>
+</g>
+<path d="M23.518 35.8229C23.7132 36.961 24.331 38.0391 25.3308 38.4075C26.4205 38.8428 27.5998 39.0038 28.7658 38.8765C31.8699 38.6239 31.2623 31.5398 29.7898 30.1625C28.3173 28.7853 23.9918 29.6527 23.4637 31.9536C23.1905 33.1436 23.3322 34.7405 23.518 35.8229Z" fill="#DE8014"/>
+<path d="M27.9592 34.9508C28.1012 34.9508 28.2163 34.8352 28.2163 34.6927C28.2163 34.5501 28.1012 34.4346 27.9592 34.4346C27.8172 34.4346 27.702 34.5501 27.702 34.6927C27.702 34.8352 27.8172 34.9508 27.9592 34.9508Z" fill="#1B222C"/>
+<path d="M29.9881 34.7855C30.1301 34.7855 30.2453 34.67 30.2453 34.5274C30.2453 34.3849 30.1301 34.2693 29.9881 34.2693C29.8461 34.2693 29.731 34.3849 29.731 34.5274C29.731 34.67 29.8461 34.7855 29.9881 34.7855Z" fill="#1B222C"/>
+<path d="M30.434 33.9779H30.4326L29.751 33.9684C29.7189 33.968 29.6883 33.9549 29.6659 33.9318C29.6436 33.9088 29.6312 33.8778 29.6316 33.8456C29.632 33.8134 29.6451 33.7827 29.6681 33.7603C29.691 33.7378 29.7219 33.7254 29.754 33.7258L30.4353 33.7351C30.4673 33.7353 30.498 33.7483 30.5205 33.7712C30.543 33.7941 30.5555 33.825 30.5553 33.8572C30.5551 33.8894 30.5422 33.9201 30.5194 33.9427C30.4966 33.9653 30.4657 33.9779 30.4337 33.9777L30.434 33.9779Z" fill="#1B222C"/>
+<path d="M27.4046 34.2242C27.3751 34.2241 27.3466 34.2131 27.3245 34.1934C27.3024 34.1737 27.2883 34.1465 27.2849 34.117C27.2814 34.0876 27.2889 34.0579 27.3057 34.0335C27.3226 34.0092 27.3478 33.9919 27.3766 33.9849L28.0481 33.8234C28.0637 33.8193 28.0799 33.8183 28.0959 33.8206C28.1118 33.8228 28.1271 33.8282 28.141 33.8365C28.1548 33.8448 28.1668 33.8558 28.1764 33.8688C28.1859 33.8818 28.1927 33.8966 28.1965 33.9123C28.2003 33.9281 28.2009 33.9444 28.1982 33.9603C28.1956 33.9763 28.1899 33.9915 28.1813 34.0052C28.1728 34.0189 28.1616 34.0307 28.1484 34.04C28.1352 34.0493 28.1203 34.0558 28.1046 34.0592L27.433 34.2208C27.4237 34.223 27.4142 34.2242 27.4046 34.2242Z" fill="#1B222C"/>
+<path d="M28.0763 36.7251C28.0763 36.7251 29.0254 36.8265 29.6913 36.5939C29.6913 36.5939 29.6854 37.2212 28.9342 37.2825C28.183 37.3438 28.0763 36.7251 28.0763 36.7251Z" fill="white"/>
+<g opacity="0.15">
+<path d="M29.0995 36.1251C29.0782 36.1251 29.0577 36.1174 29.0416 36.1035C29.0255 36.0895 29.015 36.0703 29.0118 36.0492C29.0087 36.0281 29.0132 36.0066 29.0245 35.9885C29.0359 35.9705 29.0533 35.9571 29.0736 35.9509L29.5966 35.7906L29.2313 34.9726C29.2261 34.9619 29.2231 34.9502 29.2225 34.9383C29.2219 34.9264 29.2237 34.9145 29.2277 34.9033C29.2318 34.8921 29.238 34.8818 29.2461 34.873C29.2542 34.8643 29.264 34.8573 29.2748 34.8524C29.2857 34.8475 29.2974 34.8449 29.3093 34.8446C29.3211 34.8444 29.333 34.8465 29.344 34.8509C29.355 34.8554 29.3651 34.862 29.3735 34.8704C29.382 34.8787 29.3887 34.8887 29.3932 34.8998L29.8406 35.9019L29.1256 36.1219C29.1171 36.1242 29.1083 36.1252 29.0995 36.1251Z" fill="#1B222C"/>
+</g>
+<path d="M31.4522 31.5773C31.4522 31.5773 30.9977 27.8878 25.1076 28.794C23.6392 29.0198 21.5582 30.1705 21.221 33.9417C21.0669 35.6716 20.4728 37.3027 20.0195 38.3351C19.9658 38.4563 19.9432 38.5891 19.9536 38.7213C19.9641 38.8535 20.0072 38.981 20.0792 39.0922C20.1512 39.2034 20.2497 39.2949 20.3658 39.3582C20.4819 39.4215 20.612 39.4547 20.7441 39.4548L24.8845 39.4562C25.0946 39.4566 25.2962 39.3731 25.4451 39.2243C25.5939 39.0754 25.6777 38.8734 25.6781 38.6625C25.6781 38.6507 25.6781 38.639 25.6781 38.6269C25.6483 37.9196 25.6249 36.722 25.665 34.8916C25.8803 33.847 25.3069 33.1104 26.1392 33.3505C29.2297 34.2406 31.22 31.637 31.4522 31.5773Z" fill="#1B222C"/>
+<path d="M26.6597 35.8027C26.6713 35.9459 26.6546 36.09 26.6107 36.2268C26.5668 36.3636 26.4965 36.4903 26.4038 36.5998C26.311 36.7093 26.1977 36.7994 26.0703 36.8649C25.9429 36.9305 25.8039 36.9702 25.6612 36.9818C25.5185 36.9934 25.3749 36.9767 25.2386 36.9326C25.1024 36.8885 24.9761 36.8179 24.867 36.7249C24.6467 36.5369 24.5098 36.2688 24.4864 35.9796C24.4588 35.6956 24.5446 35.4123 24.725 35.1919C24.9054 34.9714 25.1656 34.8319 25.4485 34.804C25.4606 34.8029 25.4728 34.8018 25.4849 34.8011C26.262 34.776 26.6109 35.201 26.6597 35.8027Z" fill="#DE8014"/>
+<path d="M104.644 29.8764H88.0462C87.9756 29.8764 87.9079 29.8483 87.858 29.7982C87.8081 29.7481 87.78 29.6801 87.78 29.6092V12.9508C87.78 12.898 87.7957 12.8463 87.8249 12.8024C87.8542 12.7585 87.8958 12.7242 87.9444 12.704C87.9931 12.6838 88.0466 12.6785 88.0982 12.6889C88.1499 12.6992 88.1973 12.7246 88.2345 12.762L104.832 29.4204C104.869 29.4578 104.894 29.5054 104.905 29.5572C104.915 29.609 104.91 29.6627 104.889 29.7115C104.869 29.7603 104.835 29.802 104.791 29.8313C104.748 29.8607 104.696 29.8764 104.644 29.8764ZM88.3124 29.3421H104.001L88.3124 13.596V29.3421Z" fill="#C3D0E3"/>
+<path d="M91.4286 29.8764H88.0462C87.9756 29.8764 87.9079 29.8482 87.858 29.7981C87.8081 29.748 87.78 29.68 87.78 29.6092V26.2145C87.78 26.1436 87.8081 26.0757 87.858 26.0256C87.9079 25.9755 87.9756 25.9473 88.0462 25.9473H91.4286C91.4992 25.9473 91.567 25.9755 91.6169 26.0256C91.6668 26.0757 91.6949 26.1436 91.6949 26.2145V29.6092C91.6949 29.68 91.6668 29.748 91.6169 29.7981C91.567 29.8482 91.4992 29.8764 91.4286 29.8764ZM88.3124 29.342H91.1624V26.4817H88.3124V29.342Z" fill="#C3D0E3"/>
+</g>
+<defs>
+<clipPath id="clip0_175_924">
+<rect width="141.667" height="100" fill="white" transform="translate(0.166626)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/frontend/js/features/project-list/images/mxn-banner.png b/services/web/frontend/js/features/project-list/images/mxn-banner.png
new file mode 100644
index 0000000..eacefbf
Binary files /dev/null and b/services/web/frontend/js/features/project-list/images/mxn-banner.png differ
diff --git a/services/web/frontend/js/features/project-list/images/pen-banner.png b/services/web/frontend/js/features/project-list/images/pen-banner.png
new file mode 100644
index 0000000..1a9b935
Binary files /dev/null and b/services/web/frontend/js/features/project-list/images/pen-banner.png differ
diff --git a/services/web/frontend/js/features/project-list/util/api.ts b/services/web/frontend/js/features/project-list/util/api.ts
new file mode 100644
index 0000000..d8f9841
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/util/api.ts
@@ -0,0 +1,82 @@
+import { Tag } from '../../../../../app/src/Features/Tags/types'
+import {
+  GetProjectsResponseBody,
+  Sort,
+} from '../../../../../types/project/dashboard/api'
+import { deleteJSON, postJSON } from '../../../infrastructure/fetch-json'
+
+export function getProjects(sortBy: Sort): Promise<GetProjectsResponseBody> {
+  return postJSON('/api/project', { body: { sort: sortBy } })
+}
+
+export function createTag(name: string, color?: string): Promise<Tag> {
+  return postJSON(`/tag`, {
+    body: { name, color },
+  })
+}
+
+export function editTag(
+  tagId: string,
+  newTagName: string,
+  newTagColor?: string
+) {
+  return postJSON(`/tag/${tagId}/edit`, {
+    body: { name: newTagName, color: newTagColor },
+  })
+}
+
+export function deleteTag(tagId: string) {
+  return deleteJSON(`/tag/${tagId}`)
+}
+
+export function addProjectsToTag(tagId: string, projectIds: string[]) {
+  return postJSON(`/tag/${tagId}/projects`, {
+    body: {
+      projectIds,
+    },
+  })
+}
+
+export function removeProjectFromTag(tagId: string, projectId: string) {
+  return deleteJSON(`/tag/${tagId}/project/${projectId}`)
+}
+
+export function removeProjectsFromTag(tagId: string, projectIds: string[]) {
+  return postJSON(`/tag/${tagId}/projects/remove`, {
+    body: {
+      projectIds,
+    },
+  })
+}
+
+export function archiveProject(projectId: string) {
+  return postJSON(`/project/${projectId}/archive`)
+}
+
+export function deleteProject(projectId: string) {
+  return deleteJSON(`/project/${projectId}`)
+}
+
+export function leaveProject(projectId: string) {
+  return postJSON(`/project/${projectId}/leave`)
+}
+
+export function renameProject(projectId: string, newName: string) {
+  return postJSON(`/project/${projectId}/rename`, {
+    body: {
+      newProjectName: newName,
+    },
+  })
+}
+
+export function trashProject(projectId: string) {
+  return postJSON(`/project/${projectId}/trash`)
+}
+
+export function unarchiveProject(projectId: string) {
+  return deleteJSON(`/project/${projectId}/archive`)
+}
+
+export function untrashProject(projectId: string) {
+  return deleteJSON(`/project/${projectId}/trash`)
+}
diff --git a/services/web/frontend/js/features/project-list/util/project.ts b/services/web/frontend/js/features/project-list/util/project.ts
new file mode 100644
index 0000000..d40ecd7
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/util/project.ts
@@ -0,0 +1,26 @@
+import { getUserName } from './user'
+import { Project } from '../../../../../types/project/dashboard/api'
+
+export function getOwnerName(project: Project) {
+  if (project.accessLevel === 'owner') {
+    return 'You'
+  }
+
+  if (project.owner != null) {
+    return getUserName(project.owner)
+  }
+
+  return ''
+}
+
+export function isDeletableProject(project: Project) {
+  return project.accessLevel === 'owner' && project.trashed
+}
+
+export function isLeavableProject(project: Project) {
+  return project.accessLevel !== 'owner' && project.trashed
+}
+
+export function isArchivedOrTrashed(project: Project) {
+  return project.archived || project.trashed
+}
diff --git a/services/web/frontend/js/features/project-list/util/sort-projects.ts b/services/web/frontend/js/features/project-list/util/sort-projects.ts
new file mode 100644
index 0000000..a773640
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/util/sort-projects.ts
@@ -0,0 +1,91 @@
+import { Project, Sort } from '../../../../../types/project/dashboard/api'
+import { SortingOrder } from '../../../../../types/sorting-order'
+import { getOwnerName } from './project'
+import { Compare } from '../../../../../types/helpers/array/sort'
+
+const order = (order: SortingOrder, projects: Project[]) => {
+  return order === 'asc' ? [...projects] : projects.reverse()
+}
+
+export const ownerNameComparator = (v1: Project, v2: Project) => {
+  const ownerNameV1 = getOwnerName(v1)
+  const ownerNameV2 = getOwnerName(v2)
+
+  // sorting by owner === 'You' is with highest precedence
+  if (ownerNameV1 === 'You') {
+    if (ownerNameV2 === 'You') {
+      return v1.lastUpdated < v2.lastUpdated
+        ? Compare.SORT_A_BEFORE_B
+        : Compare.SORT_A_AFTER_B
+    }
+
+    return Compare.SORT_A_AFTER_B
+  }
+
+  // empty owner name
+  if (ownerNameV1 === '') {
+    if (ownerNameV2 === '') {
+      return v1.lastUpdated < v2.lastUpdated
+        ? Compare.SORT_A_BEFORE_B
+        : Compare.SORT_A_AFTER_B
+    }
+
+    return Compare.SORT_A_BEFORE_B
+  }
+
+  if (ownerNameV2 === 'You') {
+    return Compare.SORT_A_BEFORE_B
+  }
+
+  if (ownerNameV2 === '') {
+    return Compare.SORT_A_AFTER_B
+  }
+
+  if (v1.source === 'token') {
+    return Compare.SORT_A_BEFORE_B
+  }
+
+  if (v2.source === 'token') {
+    return Compare.SORT_A_AFTER_B
+  }
+
+  return ownerNameV1.localeCompare(ownerNameV2)
+}
+
+export const defaultComparator = (
+  v1: Project,
+  v2: Project,
+  key: 'name' | 'lastUpdated'
+) => {
+  const value1 = v1[key].toLowerCase()
+  const value2 = v2[key].toLowerCase()
+
+  if (value1 !== value2) {
+    return value1 < value2 ? Compare.SORT_A_BEFORE_B : Compare.SORT_A_AFTER_B
+  }
+
+  return Compare.SORT_KEEP_ORDER
+}
+
+export default function sortProjects(projects: Project[], sort: Sort) {
+  let sorted = [...projects]
+  if (sort.by === 'title') {
+    sorted = sorted.sort((...args) => {
+      return defaultComparator(...args, 'name')
+    })
+  }
+
+  if (sort.by === 'lastUpdated') {
+    sorted = sorted.sort((...args) => {
+      return defaultComparator(...args, 'lastUpdated')
+    })
+  }
+
+  if (sort.by === 'owner') {
+    sorted = sorted.sort((...args) => {
+      return ownerNameComparator(...args)
+    })
+  }
+
+  return order(sort.order, sorted)
+}
diff --git a/services/web/frontend/js/features/project-list/util/tag.ts b/services/web/frontend/js/features/project-list/util/tag.ts
new file mode 100644
index 0000000..74ed1cb
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/util/tag.ts
@@ -0,0 +1,11 @@
+import { Tag } from '../../../../../app/src/Features/Tags/types'
+import { getHueForId } from '@/shared/utils/colors'
+
+export const MAX_TAG_LENGTH = 50
+
+export function getTagColor(tag?: Tag): string | undefined {
+  if (!tag) {
+    return undefined
+  }
+  return tag.color || `hsl(${getHueForId(tag._id)}, 70%, 45%)`
+}
diff --git a/services/web/frontend/js/features/project-list/util/user.ts b/services/web/frontend/js/features/project-list/util/user.ts
new file mode 100644
index 0000000..cb63ba3
--- /dev/null
+++ b/services/web/frontend/js/features/project-list/util/user.ts
@@ -0,0 +1,22 @@
+import { UserRef } from '../../../../../types/project/dashboard/api'
+import getMeta from '@/utils/meta'
+
+export function getUserName(user: UserRef) {
+  if (user?.id === getMeta('ol-user_id')) {
+    return 'You'
+  }
+
+  if (user) {
+    const { firstName, lastName, email } = user
+
+    if (firstName || lastName) {
+      return [firstName, lastName].filter(n => n != null).join(' ')
+    }
+
+    if (email) {
+      return email
+    }
+  }
+
+  return 'None'
+}
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-mode-switcher.tsx b/services/web/frontend/js/features/review-panel-new/components/review-mode-switcher.tsx
new file mode 100644
index 0000000..de1a5fa
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-mode-switcher.tsx
@@ -0,0 +1,210 @@
+import { forwardRef, memo, MouseEventHandler, useState } from 'react'
+import {
+  Dropdown,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import OLDropdownMenuItem from '@/features/ui/components/ol/ol-dropdown-menu-item'
+import MaterialIcon from '@/shared/components/material-icon'
+import classNames from 'classnames'
+import {
+  useTrackChangesStateActionsContext,
+  useTrackChangesStateContext,
+} from '../context/track-changes-state-context'
+import { useUserContext } from '@/shared/context/user-context'
+import { useTranslation } from 'react-i18next'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+import usePersistedState from '@/shared/hooks/use-persisted-state'
+import { sendMB } from '@/infrastructure/event-tracking'
+import { useEditorContext } from '@/shared/context/editor-context'
+import { useProjectContext } from '@/shared/context/project-context'
+import UpgradeTrackChangesModal from './upgrade-track-changes-modal'
+
+type Mode = 'view' | 'review' | 'edit'
+
+const useCurrentMode = (): Mode => {
+  const trackChanges = useTrackChangesStateContext()
+  const user = useUserContext()
+  const trackChangesForCurrentUser =
+    trackChanges?.onForEveryone ||
+    (user && user.id && trackChanges?.onForMembers[user.id])
+  const { permissionsLevel } = useEditorContext()
+
+  if (permissionsLevel === 'readOnly') {
+    return 'view'
+  } else if (permissionsLevel === 'review') {
+    return 'review'
+  } else if (trackChangesForCurrentUser) {
+    return 'review'
+  } else {
+    return 'edit'
+  }
+}
+
+function ReviewModeSwitcher() {
+  const { t } = useTranslation()
+  const { saveTrackChangesForCurrentUser } =
+    useTrackChangesStateActionsContext()
+  const mode = useCurrentMode()
+  const { permissionsLevel } = useEditorContext()
+  const { write, trackedWrite } = usePermissionsContext()
+  const project = useProjectContext()
+  const [showUpgradeModal, setShowUpgradeModal] = useState(false)
+  const showViewOption = permissionsLevel === 'readOnly'
+
+  return (
+    <div className="review-mode-switcher-container">
+      <Dropdown className="review-mode-switcher" align="end">
+        <DropdownToggle
+          as={ModeSwitcherToggleButton}
+          id="review-mode-switcher"
+        />
+        <DropdownMenu flip={false}>
+          <OLDropdownMenuItem
+            disabled={!write}
+            onClick={() => {
+              if (mode === 'edit') {
+                return
+              }
+              sendMB('editing-mode-change', {
+                role: permissionsLevel,
+                previousMode: mode,
+                newMode: 'edit',
+              })
+              saveTrackChangesForCurrentUser(false)
+            }}
+            description={t('can_edit_content')}
+            leadingIcon="edit"
+            active={write && mode === 'edit'}
+          >
+            {t('editing')}
+          </OLDropdownMenuItem>
+          <OLDropdownMenuItem
+            disabled={permissionsLevel === 'readOnly'}
+            onClick={() => {
+              if (mode === 'review') {
+                return
+              }
+              if (!project.features.trackChanges) {
+                setShowUpgradeModal(true)
+              } else {
+                sendMB('editing-mode-change', {
+                  role: permissionsLevel,
+                  previousMode: mode,
+                  newMode: 'review',
+                })
+                saveTrackChangesForCurrentUser(true)
+              }
+            }}
+            description={
+              permissionsLevel === 'review' && !trackedWrite
+                ? t('comment_only')
+                : t('edits_become_suggestions')
+            }
+            leadingIcon="rate_review"
+            active={trackedWrite && mode === 'review'}
+          >
+            {t('reviewing')}
+          </OLDropdownMenuItem>
+          {showViewOption && (
+            <OLDropdownMenuItem
+              description={t('can_view_content')}
+              leadingIcon="visibility"
+              active={mode === 'view'}
+            >
+              {t('viewing')}
+            </OLDropdownMenuItem>
+          )}
+        </DropdownMenu>
+      </Dropdown>
+      <UpgradeTrackChangesModal
+        show={showUpgradeModal}
+        setShow={setShowUpgradeModal}
+      />
+    </div>
+  )
+}
+
+const ModeSwitcherToggleButton = forwardRef<
+  HTMLButtonElement,
+  { onClick: MouseEventHandler<HTMLButtonElement>; 'aria-expanded': boolean }
+>(({ onClick, 'aria-expanded': ariaExpanded }, ref) => {
+  const { t } = useTranslation()
+  const mode = useCurrentMode()
+
+  if (mode === 'edit') {
+    return (
+      <ModeSwitcherToggleButtonContent
+        ref={ref}
+        onClick={onClick}
+        className="editing"
+        iconType="edit"
+        label={t('editing')}
+        ariaExpanded={ariaExpanded}
+      />
+    )
+  } else if (mode === 'review') {
+    return (
+      <ModeSwitcherToggleButtonContent
+        ref={ref}
+        onClick={onClick}
+        className="reviewing"
+        iconType="rate_review"
+        label={t('reviewing')}
+        ariaExpanded={ariaExpanded}
+      />
+    )
+  }
+
+  return (
+    <ModeSwitcherToggleButtonContent
+      ref={ref}
+      onClick={onClick}
+      className="viewing"
+      iconType="visibility"
+      label={t('viewing')}
+      ariaExpanded={ariaExpanded}
+    />
+  )
+})
+
+const ModeSwitcherToggleButtonContent = forwardRef<
+  HTMLButtonElement,
+  {
+    onClick: MouseEventHandler<HTMLButtonElement>
+    className: string
+    iconType: string
+    label: string
+    ariaExpanded: boolean
+  }
+>(({ onClick, className, iconType, label, ariaExpanded }, ref) => {
+  const [isFirstTimeUsed, setIsFirstTimeUsed] = usePersistedState(
+    `modeSwitcherFirstTimeUsed`,
+    true
+  )
+
+  return (
+    <button
+      className={classNames('review-mode-switcher-toggle-button', className, {
+        'review-mode-switcher-toggle-button-expanded': isFirstTimeUsed,
+      })}
+      ref={ref}
+      onClick={event => {
+        setIsFirstTimeUsed(false)
+        onClick(event)
+      }}
+      aria-expanded={ariaExpanded}
+    >
+      <MaterialIcon className="material-symbols-outlined" type={iconType} />
+      <div className="review-mode-switcher-toggle-label" aria-label={label}>
+        {label}
+      </div>
+      <MaterialIcon type="keyboard_arrow_down" />
+    </button>
+  )
+})
+
+ModeSwitcherToggleButton.displayName = 'ModeSwitcherToggleButton'
+ModeSwitcherToggleButtonContent.displayName = 'ModeSwitcherToggleButtonContent'
+
+export default memo(ReviewModeSwitcher)
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-add-comment.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-add-comment.tsx
new file mode 100644
index 0000000..7213dc4
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-add-comment.tsx
@@ -0,0 +1,173 @@
+import { FormEventHandler, useCallback, useState, useRef, memo } from 'react'
+import {
+  useCodeMirrorStateContext,
+  useCodeMirrorViewContext,
+} from '@/features/source-editor/components/codemirror-context'
+import { EditorSelection } from '@codemirror/state'
+import { useTranslation } from 'react-i18next'
+import { useThreadsActionsContext } from '../context/threads-context'
+import { removeNewCommentRangeEffect } from '@/features/source-editor/extensions/review-tooltip'
+import useSubmittableTextInput from '../hooks/use-submittable-text-input'
+import AutoExpandingTextArea from '@/shared/components/auto-expanding-text-area'
+import { ReviewPanelEntry } from './review-panel-entry'
+import { ThreadId } from '../../../../../types/review-panel/review-panel'
+import { useModalsContext } from '@/features/ide-react/context/modals-context'
+import { debugConsole } from '@/utils/debugging'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export const ReviewPanelAddComment = memo<{
+  docId: string
+  from: number
+  to: number
+  threadId: string
+  top: number | undefined
+}>(function ReviewPanelAddComment({ from, to, threadId, top, docId }) {
+  const { t } = useTranslation()
+  const view = useCodeMirrorViewContext()
+  const state = useCodeMirrorStateContext()
+  const { addComment } = useThreadsActionsContext()
+  const [submitting, setSubmitting] = useState(false)
+  const { showGenericMessageModal } = useModalsContext()
+
+  const handleClose = useCallback(() => {
+    view.dispatch({
+      effects: removeNewCommentRangeEffect.of(threadId),
+    })
+  }, [view, threadId])
+
+  const submitForm = useCallback(
+    async message => {
+      setSubmitting(true)
+
+      const content = view.state.sliceDoc(from, to)
+
+      try {
+        await addComment(from, content, message)
+        handleClose()
+        view.dispatch({
+          selection: EditorSelection.cursor(view.state.selection.main.anchor),
+        })
+      } catch (err) {
+        debugConsole.error(err)
+        showGenericMessageModal(
+          t('add_comment_error_title'),
+          t('add_comment_error_message')
+        )
+      }
+      setSubmitting(false)
+    },
+    [addComment, view, handleClose, from, to, showGenericMessageModal, t]
+  )
+
+  const { handleChange, handleKeyPress, content } =
+    useSubmittableTextInput(submitForm)
+
+  const handleBlur = useCallback(() => {
+    if (content === '') {
+      window.setTimeout(() => {
+        handleClose()
+      })
+    }
+  }, [content, handleClose])
+
+  const handleSubmit = useCallback<FormEventHandler>(
+    event => {
+      event.preventDefault()
+      submitForm(content)
+    },
+    [submitForm, content]
+  )
+
+  // We only ever want to focus the element once
+  const hasBeenFocused = useRef(false)
+
+  // Auto-focus the textarea once the element has been correctly positioned.
+  // We cannot use the autofocus attribute as we need to wait until the parent element
+  // has been positioned (with the "top" attribute) to avoid scrolling to the initial
+  // position of the element
+  const observerCallback = useCallback(mutationList => {
+    if (hasBeenFocused.current) {
+      return
+    }
+
+    for (const mutation of mutationList) {
+      if (mutation.target.style.top) {
+        const textArea = mutation.target.getElementsByTagName('textarea')[0]
+        if (textArea) {
+          textArea.focus()
+          hasBeenFocused.current = true
+        }
+      }
+    }
+  }, [])
+
+  const handleElement = useCallback(
+    (element: HTMLElement | null) => {
+      if (element) {
+        element.dispatchEvent(new Event('review-panel:position'))
+
+        const observer = new MutationObserver(observerCallback)
+        const entryWrapper = element.closest('.review-panel-entry')
+        if (entryWrapper) {
+          observer.observe(entryWrapper, {
+            attributes: true,
+            attributeFilter: ['style'],
+          })
+          return () => observer.disconnect()
+        }
+      }
+    },
+    [observerCallback]
+  )
+
+  return (
+    <ReviewPanelEntry
+      docId={docId}
+      top={top}
+      position={from}
+      op={{
+        p: from,
+        c: state.sliceDoc(from, to),
+        t: threadId as ThreadId,
+      }}
+      selectLineOnFocus={false}
+      disabled={submitting}
+    >
+      <form
+        className="review-panel-entry-content"
+        onBlur={handleBlur}
+        onSubmit={handleSubmit}
+        ref={handleElement}
+      >
+        <AutoExpandingTextArea
+          name="message"
+          className="review-panel-add-comment-textarea"
+          onChange={handleChange}
+          onKeyPress={handleKeyPress}
+          placeholder={t('add_your_comment_here')}
+          value={content}
+          disabled={submitting}
+        />
+        <div className="review-panel-add-comment-buttons">
+          <OLButton
+            variant="ghost"
+            size="sm"
+            className="review-panel-add-comment-cancel-button"
+            disabled={submitting}
+            onClick={handleClose}
+          >
+            {t('cancel')}
+          </OLButton>
+          <OLButton
+            type="submit"
+            variant="primary"
+            size="sm"
+            disabled={content === '' || submitting}
+          >
+            {t('comment')}
+          </OLButton>
+        </div>
+      </form>
+    </ReviewPanelEntry>
+  )
+})
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-change-user.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-change-user.tsx
new file mode 100644
index 0000000..32ae1fd
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-change-user.tsx
@@ -0,0 +1,16 @@
+import { memo, useMemo } from 'react'
+import { useChangesUsersContext } from '../context/changes-users-context'
+import { Change } from '../../../../../types/change'
+import ReviewPanelEntryUser from './review-panel-entry-user'
+
+export const ReviewPanelChangeUser = memo<{ change: Change }>(({ change }) => {
+  const changesUsers = useChangesUsersContext()
+  const userId = change.metadata?.user_id
+  const user = useMemo(
+    () => (userId ? changesUsers?.get(userId) : undefined),
+    [changesUsers, userId]
+  )
+
+  return <ReviewPanelEntryUser user={user} />
+})
+ReviewPanelChangeUser.displayName = 'ReviewPanelChangeUser'
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-change.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-change.tsx
new file mode 100644
index 0000000..06d10ec
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-change.tsx
@@ -0,0 +1,239 @@
+import { memo, useCallback, useState } from 'react'
+import { useRangesActionsContext } from '../context/ranges-context'
+import {
+  Change,
+  DeleteOperation,
+  EditOperation,
+} from '../../../../../types/change'
+import { useTranslation } from 'react-i18next'
+import classnames from 'classnames'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '@/shared/components/material-icon'
+import { FormatTimeBasedOnYear } from '@/shared/components/format-time-based-on-year'
+import { useChangesUsersContext } from '../context/changes-users-context'
+import { ReviewPanelChangeUser } from './review-panel-change-user'
+import { ReviewPanelEntry } from './review-panel-entry'
+import { useModalsContext } from '@/features/ide-react/context/modals-context'
+import { ExpandableContent } from './review-panel-expandable-content'
+import { useUserContext } from '@/shared/context/user-context'
+import { PreventSelectingEntry } from './review-panel-prevent-selecting'
+
+export const ReviewPanelChange = memo<{
+  change: Change<EditOperation>
+  aggregate?: Change<DeleteOperation>
+  top?: number
+  editable?: boolean
+  docId: string
+  hoverRanges?: boolean
+  hovered?: boolean
+  onEnter?: (changeId: string) => void
+  onLeave?: (changeId: string) => void
+}>(
+  ({
+    change,
+    aggregate,
+    top,
+    docId,
+    hoverRanges,
+    editable = true,
+    hovered,
+    onEnter,
+    onLeave,
+  }) => {
+    const { t } = useTranslation()
+    const { acceptChanges, rejectChanges } = useRangesActionsContext()
+    const permissions = usePermissionsContext()
+    const changesUsers = useChangesUsersContext()
+    const { showGenericMessageModal } = useModalsContext()
+    const user = useUserContext()
+
+    const [accepting, setAccepting] = useState(false)
+
+    const acceptHandler = useCallback(async () => {
+      setAccepting(true)
+      try {
+        if (aggregate) {
+          await acceptChanges(change.id, aggregate.id)
+        } else {
+          await acceptChanges(change.id)
+        }
+      } catch (err) {
+        showGenericMessageModal(
+          t('accept_change_error_title'),
+          t('accept_change_error_description')
+        )
+      } finally {
+        setAccepting(false)
+      }
+    }, [acceptChanges, aggregate, change.id, showGenericMessageModal, t])
+
+    if (!changesUsers) {
+      // if users are not loaded yet, do not show "Unknown" user
+      return null
+    }
+
+    const isChangeAuthor = change.metadata?.user_id === user.id
+    const aggregateChange = aggregate && /\S/.test(aggregate.op.d)
+
+    return (
+      <ReviewPanelEntry
+        className={classnames('review-panel-entry-change', {
+          'review-panel-entry-insert': 'i' in change.op,
+          'review-panel-entry-delete': 'd' in change.op,
+          'review-panel-entry-hover': hovered,
+          // TODO: aggregate
+        })}
+        top={top}
+        op={change.op}
+        position={change.op.p}
+        docId={docId}
+        hoverRanges={hoverRanges}
+        disabled={accepting}
+        onEnterEntryIndicator={onEnter && (() => onEnter(change.id))}
+        onLeaveEntryIndicator={onLeave && (() => onLeave(change.id))}
+        entryIndicator="edit"
+      >
+        <div
+          className="review-panel-entry-content"
+          onMouseEnter={onEnter && (() => onEnter(change.id))}
+          onMouseLeave={onLeave && (() => onLeave(change.id))}
+        >
+          <div className="review-panel-entry-header">
+            <div>
+              <ReviewPanelChangeUser change={change} />
+              {change.metadata?.ts && (
+                <div className="review-panel-entry-time">
+                  <FormatTimeBasedOnYear date={change.metadata.ts} />
+                </div>
+              )}
+            </div>
+            {editable && (
+              <div className="review-panel-entry-actions">
+                {permissions.write && (
+                  <PreventSelectingEntry>
+                    <OLTooltip
+                      id="accept-change"
+                      overlayProps={{ placement: 'bottom' }}
+                      description={t('accept_change')}
+                      tooltipProps={{ className: 'review-panel-tooltip' }}
+                    >
+                      <button
+                        type="button"
+                        className="btn"
+                        onClick={acceptHandler}
+                        tabIndex={0}
+                      >
+                        <MaterialIcon
+                          type="check"
+                          className="review-panel-entry-actions-icon"
+                          accessibilityLabel={t('accept_change')}
+                        />
+                      </button>
+                    </OLTooltip>
+                  </PreventSelectingEntry>
+                )}
+
+                {(permissions.write ||
+                  (permissions.trackedWrite && isChangeAuthor)) && (
+                  <PreventSelectingEntry>
+                    <OLTooltip
+                      id="reject-change"
+                      description={t('reject_change')}
+                      overlayProps={{ placement: 'bottom' }}
+                      tooltipProps={{ className: 'review-panel-tooltip' }}
+                    >
+                      <button
+                        tabIndex={0}
+                        type="button"
+                        className="btn"
+                        onClick={() =>
+                          aggregate
+                            ? rejectChanges(change.id, aggregate.id)
+                            : rejectChanges(change.id)
+                        }
+                      >
+                        <MaterialIcon
+                          className="review-panel-entry-actions-icon"
+                          accessibilityLabel={t('reject_change')}
+                          type="close"
+                        />
+                      </button>
+                    </OLTooltip>
+                  </PreventSelectingEntry>
+                )}
+              </div>
+            )}
+          </div>
+
+          <div className="review-panel-change-body">
+            {'i' in change.op && (
+              <>
+                {aggregateChange ? (
+                  <MaterialIcon
+                    className="review-panel-entry-icon review-panel-entry-change-icon review-panel-entry-icon-changed"
+                    type="edit"
+                  />
+                ) : (
+                  <MaterialIcon
+                    className="review-panel-entry-icon review-panel-entry-change-icon review-panel-entry-icon-accept"
+                    type="add_circle"
+                  />
+                )}
+
+                {aggregateChange ? (
+                  <span>
+                    {t('aggregate_changed')}:{' '}
+                    <del className="review-panel-content-highlight">
+                      <ExpandableContent
+                        inline
+                        content={aggregate.op.d}
+                        checkNewLines={false}
+                      />
+                    </del>{' '}
+                    {t('aggregate_to')}{' '}
+                    <ExpandableContent
+                      inline
+                      content={change.op.i}
+                      checkNewLines={false}
+                    />
+                  </span>
+                ) : (
+                  <span>
+                    {t('tracked_change_added')}:&nbsp;
+                    <ins className="review-panel-content-highlight">
+                      <ExpandableContent
+                        content={change.op.i}
+                        checkNewLines={false}
+                      />
+                    </ins>
+                  </span>
+                )}
+              </>
+            )}
+
+            {'d' in change.op && (
+              <>
+                <MaterialIcon
+                  className="review-panel-entry-icon review-panel-entry-change-icon review-panel-entry-icon-reject"
+                  type="delete"
+                />
+
+                <span>
+                  {t('tracked_change_deleted')}:&nbsp;
+                  <del className="review-panel-content-highlight">
+                    <ExpandableContent
+                      content={change.op.d}
+                      checkNewLines={false}
+                    />
+                  </del>
+                </span>
+              </>
+            )}
+          </div>
+        </div>
+      </ReviewPanelEntry>
+    )
+  }
+)
+ReviewPanelChange.displayName = 'ReviewPanelChange'
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-comment-content.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-comment-content.tsx
new file mode 100644
index 0000000..c85c69d
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-comment-content.tsx
@@ -0,0 +1,123 @@
+import { memo, useCallback, useState } from 'react'
+import { Change, CommentOperation } from '../../../../../types/change'
+import { ReviewPanelMessage } from './review-panel-message'
+import { useTranslation } from 'react-i18next'
+import { useThreadsContext } from '../context/threads-context'
+import AutoExpandingTextArea from '@/shared/components/auto-expanding-text-area'
+import ReviewPanelResolvedMessage from './review-panel-resolved-message'
+import { ReviewPanelResolvedCommentThread } from '../../../../../types/review-panel/comment-thread'
+import useSubmittableTextInput from '../hooks/use-submittable-text-input'
+import {
+  CommentId,
+  ThreadId,
+} from '../../../../../types/review-panel/review-panel'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+
+export const ReviewPanelCommentContent = memo<{
+  comment: Change<CommentOperation>
+  isResolved: boolean
+  onEdit?: (commentId: CommentId, content: string) => Promise<void>
+  onReply?: (content: string) => Promise<void>
+  onDeleteMessage?: (commentId: CommentId) => Promise<void>
+  onDeleteThread?: (threadId: ThreadId) => Promise<void>
+  onResolve?: () => Promise<void>
+  onLeave?: (changeId: string) => void
+  onEnter?: (changeId: string) => void
+}>(
+  ({
+    comment,
+    isResolved,
+    onResolve,
+    onDeleteMessage,
+    onDeleteThread,
+    onEdit,
+    onReply,
+    onLeave,
+    onEnter,
+  }) => {
+    const { t } = useTranslation()
+    const threads = useThreadsContext()
+    const permissions = usePermissionsContext()
+    const [submitting, setSubmitting] = useState(false)
+
+    const handleSubmit = useCallback(
+      (content, setContent) => {
+        if (!onReply || submitting) {
+          return
+        }
+
+        setSubmitting(true)
+        onReply(content)
+          .then(() => {
+            setContent('')
+          })
+          .finally(() => {
+            setSubmitting(false)
+          })
+      },
+      [onReply, submitting]
+    )
+
+    const { handleChange, handleKeyPress, content } =
+      useSubmittableTextInput(handleSubmit)
+
+    const thread = threads?.[comment.op.t]
+    if (!thread) {
+      return null
+    }
+
+    return (
+      <div
+        className="review-panel-entry-content"
+        onMouseEnter={onEnter && (() => onEnter(comment.id))}
+        onMouseLeave={onLeave && (() => onLeave(comment.id))}
+      >
+        {thread.messages.map((message, i) => {
+          const isReply = i !== 0
+
+          return (
+            <div key={message.id} className="review-panel-comment-wrapper">
+              {isReply && (
+                <div className="review-panel-comment-reply-divider" />
+              )}
+              <ReviewPanelMessage
+                message={message}
+                isReply={isReply}
+                hasReplies={!isReply && thread.messages.length > 1}
+                onResolve={onResolve}
+                onEdit={onEdit}
+                onDelete={() =>
+                  isReply
+                    ? onDeleteMessage?.(message.id)
+                    : onDeleteThread?.(comment.op.t)
+                }
+                isThreadResolved={isResolved}
+              />
+            </div>
+          )
+        })}
+
+        {isResolved && (
+          <div className="review-panel-comment-wrapper">
+            <div className="review-panel-comment-reply-divider" />
+            <ReviewPanelResolvedMessage
+              thread={thread as ReviewPanelResolvedCommentThread}
+            />
+          </div>
+        )}
+
+        {permissions.comment && !isResolved && (
+          <AutoExpandingTextArea
+            name="content"
+            className="review-panel-comment-input"
+            onChange={handleChange}
+            onKeyPress={handleKeyPress}
+            placeholder={t('reply')}
+            value={content}
+          />
+        )}
+      </div>
+    )
+  }
+)
+ReviewPanelCommentContent.displayName = 'ReviewPanelCommentContent'
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-comment-options.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-comment-options.tsx
new file mode 100644
index 0000000..1da2aff
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-comment-options.tsx
@@ -0,0 +1,67 @@
+import MaterialIcon from '@/shared/components/material-icon'
+import { FC, memo, forwardRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import {
+  Dropdown,
+  DropdownItem,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import classnames from 'classnames'
+
+const ReviewPanelCommentDropdownToggleButton = forwardRef<
+  HTMLButtonElement,
+  React.ButtonHTMLAttributes<HTMLButtonElement>
+>((props, ref) => (
+  <button {...props} ref={ref} className={classnames(props.className, 'btn')} />
+))
+ReviewPanelCommentDropdownToggleButton.displayName =
+  'ReviewPanelCommentDropdownToggleButton'
+
+const ReviewPanelCommentOptions: FC<{
+  onEdit: () => void
+  onDelete: () => void
+  id: string
+  canEdit: boolean
+  canDelete: boolean
+}> = ({ onEdit, onDelete, id, canEdit, canDelete }) => {
+  const { t } = useTranslation()
+
+  if (!canEdit && !canDelete) {
+    return null
+  }
+
+  return (
+    <Dropdown align="end">
+      <DropdownToggle
+        tabIndex={0}
+        as={ReviewPanelCommentDropdownToggleButton}
+        id={`review-panel-comment-options-btn-${id}`}
+      >
+        <MaterialIcon
+          type="more_vert"
+          className="review-panel-entry-actions-icon"
+          accessibilityLabel={t('more_options')}
+        />
+      </DropdownToggle>
+      <DropdownMenu flip={false}>
+        {canEdit && (
+          <li role="none">
+            <DropdownItem as="button" onClick={onEdit}>
+              {t('edit')}
+            </DropdownItem>
+          </li>
+        )}
+        {canDelete && (
+          <li role="none">
+            <DropdownItem as="button" onClick={onDelete}>
+              {t('delete')}
+            </DropdownItem>
+          </li>
+        )}
+      </DropdownMenu>
+    </Dropdown>
+  )
+}
+
+export default memo(ReviewPanelCommentOptions)
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-comment.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-comment.tsx
new file mode 100644
index 0000000..dd6366f
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-comment.tsx
@@ -0,0 +1,180 @@
+import { memo, useCallback, useState } from 'react'
+import { Change, CommentOperation } from '../../../../../types/change'
+import {
+  useThreadsActionsContext,
+  useThreadsContext,
+} from '../context/threads-context'
+import classnames from 'classnames'
+import { ReviewPanelEntry } from './review-panel-entry'
+import { ReviewPanelCommentContent } from './review-panel-comment-content'
+import {
+  CommentId,
+  ThreadId,
+} from '../../../../../types/review-panel/review-panel'
+import { useModalsContext } from '@/features/ide-react/context/modals-context'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+import { useTranslation } from 'react-i18next'
+import { debugConsole } from '@/utils/debugging'
+
+export const ReviewPanelComment = memo<{
+  comment: Change<CommentOperation>
+  docId: string
+  top?: number
+  hoverRanges?: boolean
+  onEnter?: (changeId: string) => void
+  onLeave?: (changeId: string) => void
+  hovered?: boolean
+}>(({ comment, top, hovered, onEnter, onLeave, docId, hoverRanges }) => {
+  const threads = useThreadsContext()
+  const {
+    resolveThread,
+    editMessage,
+    deleteMessage,
+    deleteOwnMessage,
+    deleteThread,
+    addMessage,
+  } = useThreadsActionsContext()
+  const { showGenericMessageModal } = useModalsContext()
+  const { t } = useTranslation()
+  const permissions = usePermissionsContext()
+
+  const [processing, setProcessing] = useState(false)
+
+  const handleResolveComment = useCallback(async () => {
+    setProcessing(true)
+    try {
+      await resolveThread(comment.op.t)
+    } catch (err) {
+      debugConsole.error(err)
+      showGenericMessageModal(
+        t('resolve_comment_error_title'),
+        t('resolve_comment_error_message')
+      )
+    } finally {
+      setProcessing(false)
+    }
+  }, [comment.op.t, resolveThread, showGenericMessageModal, t])
+
+  const handleEditMessage = useCallback(
+    async (commentId: CommentId, content: string) => {
+      setProcessing(true)
+      try {
+        await editMessage(comment.op.t, commentId, content)
+      } catch (err) {
+        debugConsole.error(err)
+        showGenericMessageModal(
+          t('edit_comment_error_title'),
+          t('edit_comment_error_message')
+        )
+      } finally {
+        setProcessing(false)
+      }
+    },
+    [comment.op.t, editMessage, showGenericMessageModal, t]
+  )
+
+  const handleDeleteMessage = useCallback(
+    async (commentId: CommentId) => {
+      setProcessing(true)
+      try {
+        if (permissions.resolveAllComments) {
+          // Owners and editors can delete any message
+          await deleteMessage(comment.op.t, commentId)
+        } else if (permissions.resolveOwnComments) {
+          // Reviewers can only delete their own messages
+          await deleteOwnMessage(comment.op.t, commentId)
+        }
+      } catch (err) {
+        debugConsole.error(err)
+        showGenericMessageModal(
+          t('delete_comment_error_title'),
+          t('delete_comment_error_message')
+        )
+      } finally {
+        setProcessing(false)
+      }
+    },
+    [
+      comment.op.t,
+      deleteMessage,
+      deleteOwnMessage,
+      showGenericMessageModal,
+      t,
+      permissions.resolveOwnComments,
+      permissions.resolveAllComments,
+    ]
+  )
+
+  const handleDeleteThread = useCallback(
+    async (commentId: ThreadId) => {
+      setProcessing(true)
+      try {
+        await deleteThread(commentId)
+      } catch (err) {
+        debugConsole.error(err)
+        showGenericMessageModal(
+          t('delete_comment_error_title'),
+          t('delete_comment_error_message')
+        )
+      } finally {
+        setProcessing(false)
+      }
+    },
+    [deleteThread, showGenericMessageModal, t]
+  )
+
+  const handleSubmitReply = useCallback(
+    async (content: string) => {
+      setProcessing(true)
+      try {
+        await addMessage(comment.op.t, content)
+      } catch (err) {
+        debugConsole.error(err)
+        showGenericMessageModal(
+          t('add_comment_error_title'),
+          t('add_comment_error_message')
+        )
+        throw err
+      } finally {
+        setProcessing(false)
+      }
+    },
+    [addMessage, comment.op.t, showGenericMessageModal, t]
+  )
+
+  const thread = threads?.[comment.op.t]
+  if (!thread || thread.resolved || thread.messages.length === 0) {
+    return null
+  }
+
+  return (
+    <ReviewPanelEntry
+      className={classnames('review-panel-entry-comment', {
+        'review-panel-entry-loaded': !!threads?.[comment.op.t],
+        'review-panel-entry-hover': hovered,
+      })}
+      docId={docId}
+      top={top}
+      op={comment.op}
+      position={comment.op.p}
+      hoverRanges={hoverRanges}
+      disabled={processing}
+      onEnterEntryIndicator={onEnter && (() => onEnter(comment.id))}
+      onLeaveEntryIndicator={onLeave && (() => onLeave(comment.id))}
+      entryIndicator="comment"
+    >
+      <ReviewPanelCommentContent
+        comment={comment}
+        isResolved={false}
+        onLeave={onLeave}
+        onEnter={onEnter}
+        onResolve={handleResolveComment}
+        onEdit={handleEditMessage}
+        onDeleteMessage={handleDeleteMessage}
+        onDeleteThread={handleDeleteThread}
+        onReply={handleSubmitReply}
+      />
+    </ReviewPanelEntry>
+  )
+})
+ReviewPanelComment.displayName = 'ReviewPanelComment'
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-container.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-container.tsx
new file mode 100644
index 0000000..269ffde
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-container.tsx
@@ -0,0 +1,33 @@
+import ReactDOM from 'react-dom'
+import { useCodeMirrorViewContext } from '../../source-editor/components/codemirror-context'
+import { memo } from 'react'
+import ReviewPanel from './review-panel'
+import TrackChangesOnWidget from './track-changes-on-widget'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+import ReviewModeSwitcher from './review-mode-switcher'
+import getMeta from '@/utils/meta'
+import useReviewPanelLayout from '../hooks/use-review-panel-layout'
+
+function ReviewPanelContainer() {
+  const view = useCodeMirrorViewContext()
+  const { showPanel, mini } = useReviewPanelLayout()
+  const { wantTrackChanges } = useEditorManagerContext()
+  const enableReviewerRole = getMeta('ol-isReviewerRoleEnabled')
+
+  if (!view) {
+    return null
+  }
+
+  const showTrackChangesWidget = !enableReviewerRole && wantTrackChanges && mini
+
+  return ReactDOM.createPortal(
+    <>
+      {showTrackChangesWidget && <TrackChangesOnWidget />}
+      {enableReviewerRole && <ReviewModeSwitcher />}
+      {showPanel && <ReviewPanel mini={mini} />}
+    </>,
+    view.scrollDOM
+  )
+}
+
+export default memo(ReviewPanelContainer)
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-current-file.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-current-file.tsx
new file mode 100644
index 0000000..db9933d
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-current-file.tsx
@@ -0,0 +1,363 @@
+import {
+  FC,
+  memo,
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+  useMemo,
+} from 'react'
+import { ReviewPanelAddComment } from './review-panel-add-comment'
+import { ReviewPanelChange } from './review-panel-change'
+import { ReviewPanelComment } from './review-panel-comment'
+import {
+  Change,
+  CommentOperation,
+  DeleteOperation,
+  EditOperation,
+} from '../../../../../types/change'
+import {
+  useCodeMirrorStateContext,
+  useCodeMirrorViewContext,
+} from '@/features/source-editor/components/codemirror-context'
+import { useRangesContext } from '../context/ranges-context'
+import { useThreadsContext } from '../context/threads-context'
+import { isDeleteChange, isInsertChange } from '@/utils/operations'
+import { positionItems } from '../utils/position-items'
+import { canAggregate } from '../utils/can-aggregate'
+import ReviewPanelEmptyState from './review-panel-empty-state'
+import useEventListener from '@/shared/hooks/use-event-listener'
+import { hasActiveRange } from '@/features/review-panel-new/utils/has-active-range'
+import { reviewTooltipStateField } from '@/features/source-editor/extensions/review-tooltip'
+import ReviewPanelMoreCommentsButton from './review-panel-more-comments-button'
+import useMoreCommments from '../hooks/use-more-comments'
+import { Decoration } from '@codemirror/view'
+import { debounce } from 'lodash'
+
+type AggregatedRanges = {
+  changes: Change<EditOperation>[]
+  comments: Change<CommentOperation>[]
+  aggregates: Map<string, Change<DeleteOperation>>
+}
+
+const ReviewPanelCurrentFile: FC = () => {
+  const view = useCodeMirrorViewContext()
+  const ranges = useRangesContext()
+  const threads = useThreadsContext()
+  const state = useCodeMirrorStateContext()
+  const [hoveredEntry, setHoveredEntry] = useState<string | null>(null)
+
+  const hoverTimeout = useRef<number>(0)
+  const handleEntryEnter = useCallback((id: string) => {
+    clearTimeout(hoverTimeout.current)
+    setHoveredEntry(id)
+  }, [])
+
+  const handleEntryLeave = useCallback((id: string) => {
+    clearTimeout(hoverTimeout.current)
+    hoverTimeout.current = window.setTimeout(() => {
+      setHoveredEntry(null)
+    }, 100)
+  }, [])
+
+  const [aggregatedRanges, setAggregatedRanges] = useState<AggregatedRanges>()
+
+  const containerRef = useRef<HTMLDivElement | null>(null)
+  const previousFocusedItem = useRef(new Map<string, number>())
+
+  const buildAggregatedRanges = useCallback(() => {
+    if (ranges) {
+      const output: AggregatedRanges = {
+        aggregates: new Map(),
+        changes: [],
+        comments: [],
+      }
+
+      let precedingChange: Change<EditOperation> | null = null
+
+      for (const change of ranges.changes) {
+        if (
+          precedingChange &&
+          isInsertChange(precedingChange) &&
+          isDeleteChange(change) &&
+          canAggregate(change, precedingChange)
+        ) {
+          output.aggregates.set(precedingChange.id, change)
+        } else {
+          output.changes.push(change)
+        }
+
+        precedingChange = change
+      }
+
+      if (threads) {
+        for (const comment of ranges.comments) {
+          if (threads[comment.op.t] && !threads[comment.op.t]?.resolved) {
+            output.comments.push(comment)
+          }
+        }
+      }
+
+      setAggregatedRanges(output)
+    }
+  }, [threads, ranges])
+
+  useEffect(() => {
+    buildAggregatedRanges()
+  }, [buildAggregatedRanges])
+
+  useEventListener('editor:viewport-changed', buildAggregatedRanges)
+
+  const [positions, setPositions] = useState<Map<string, number>>(new Map())
+
+  const positionsRef = useRef<Map<string, number>>(new Map())
+
+  const addCommentRanges = state.field(
+    reviewTooltipStateField,
+    false
+  )?.addCommentRanges
+
+  const setUpdatedPositions = useMemo(
+    () =>
+      debounce(() => {
+        setPositions(new Map(positionsRef.current))
+        window.setTimeout(() => {
+          containerRef.current?.dispatchEvent(
+            new Event('review-panel:position')
+          )
+        })
+      }, 50),
+    []
+  )
+
+  const positionsMeasureRequest = useCallback(() => {
+    if (aggregatedRanges) {
+      view.requestMeasure({
+        key: 'review-panel-position',
+        read(view) {
+          const contentRect = view.contentDOM.getBoundingClientRect()
+          const docLength = view.state.doc.length
+
+          const screenPosition = (position: number): number | undefined => {
+            const pos = Math.min(position, docLength) // TODO: needed?
+            const coords = view.coordsAtPos(pos)
+
+            return coords ? Math.round(coords.top - contentRect.top) : undefined
+          }
+
+          for (const change of aggregatedRanges.changes) {
+            const position = screenPosition(change.op.p)
+            if (position) {
+              positionsRef.current.set(change.id, position)
+            }
+          }
+
+          for (const comment of aggregatedRanges.comments) {
+            const position = screenPosition(comment.op.p)
+            if (position) {
+              positionsRef.current.set(comment.id, position)
+            }
+          }
+
+          if (!addCommentRanges) {
+            return
+          }
+
+          const cursor = addCommentRanges.iter()
+
+          while (cursor.value) {
+            const { from } = cursor
+            const position = screenPosition(from)
+
+            if (position) {
+              positionsRef.current.set(
+                `new-comment-${cursor.value.spec.id}`,
+                position
+              )
+            }
+
+            cursor.next()
+          }
+        },
+        write() {
+          setUpdatedPositions()
+        },
+      })
+    }
+  }, [view, aggregatedRanges, addCommentRanges, setUpdatedPositions])
+
+  useEffect(positionsMeasureRequest, [positionsMeasureRequest])
+  useEventListener('editor:geometry-change', positionsMeasureRequest)
+
+  const showEmptyState = useMemo(
+    () => hasActiveRange(ranges, threads) === false,
+    [ranges, threads]
+  )
+
+  const addCommentEntries = useMemo(() => {
+    if (!addCommentRanges) {
+      return []
+    }
+
+    const cursor = addCommentRanges.iter()
+
+    const entries = []
+
+    while (cursor.value) {
+      const id = `new-comment-${cursor.value.spec.id}`
+      if (!positions.has(id)) {
+        cursor.next()
+        continue
+      }
+
+      const { from, to, value } = cursor
+
+      entries.push({
+        id,
+        from,
+        to,
+        threadId: value.spec.id,
+        top: positions.get(id),
+      })
+
+      cursor.next()
+    }
+    return entries
+  }, [addCommentRanges, positions])
+
+  const {
+    onEntriesPositioned,
+    onMoreCommentsAboveClick,
+    onMoreCommentsBelowClick,
+  } = useMoreCommments(
+    aggregatedRanges?.changes ?? [],
+    aggregatedRanges?.comments ?? [],
+    addCommentRanges ?? Decoration.none
+  )
+
+  const updatePositions = useCallback(() => {
+    const docId = ranges?.docId
+
+    if (containerRef.current && docId) {
+      const positioningRes = positionItems(
+        containerRef.current,
+        previousFocusedItem.current.get(docId),
+        docId
+      )
+
+      onEntriesPositioned()
+
+      if (positioningRes) {
+        previousFocusedItem.current.set(
+          positioningRes.docId,
+          positioningRes.activeItemIndex
+        )
+      }
+    }
+  }, [ranges?.docId, onEntriesPositioned])
+
+  useEffect(() => {
+    const timer = window.setTimeout(() => {
+      updatePositions()
+    }, 50)
+
+    return () => {
+      window.clearTimeout(timer)
+    }
+  }, [state, updatePositions])
+
+  const handleContainer = useCallback(
+    (element: HTMLDivElement | null) => {
+      containerRef.current = element
+      if (containerRef.current) {
+        containerRef.current.addEventListener(
+          'review-panel:position',
+          updatePositions
+        )
+      }
+    },
+    [updatePositions]
+  )
+
+  useEffect(() => {
+    return () => {
+      if (containerRef.current) {
+        containerRef.current.removeEventListener(
+          'review-panel:position',
+          updatePositions
+        )
+      }
+    }
+  }, [updatePositions])
+
+  if (!aggregatedRanges) {
+    return null
+  }
+
+  return (
+    <>
+      {showEmptyState && <ReviewPanelEmptyState />}
+      {onMoreCommentsAboveClick && (
+        <ReviewPanelMoreCommentsButton
+          onClick={onMoreCommentsAboveClick}
+          direction="upward"
+        />
+      )}
+
+      <div ref={handleContainer}>
+        {addCommentEntries.map(entry => {
+          const { id, from, to, threadId, top } = entry
+          return (
+            <ReviewPanelAddComment
+              docId={ranges!.docId}
+              key={id}
+              from={from}
+              to={to}
+              threadId={threadId}
+              top={top}
+            />
+          )
+        })}
+
+        {aggregatedRanges.changes.map(
+          change =>
+            positions.has(change.id) && (
+              <ReviewPanelChange
+                docId={ranges!.docId}
+                key={change.id}
+                change={change}
+                top={positions.get(change.id)}
+                aggregate={aggregatedRanges.aggregates.get(change.id)}
+                hovered={hoveredEntry === change.id}
+                onEnter={handleEntryEnter}
+                onLeave={handleEntryLeave}
+              />
+            )
+        )}
+
+        {aggregatedRanges.comments.map(
+          comment =>
+            positions.has(comment.id) && (
+              <ReviewPanelComment
+                docId={ranges!.docId}
+                key={comment.id}
+                comment={comment}
+                top={positions.get(comment.id)}
+                hovered={hoveredEntry === comment.id}
+                onEnter={handleEntryEnter}
+                onLeave={handleEntryLeave}
+              />
+            )
+        )}
+      </div>
+      {onMoreCommentsBelowClick && (
+        <ReviewPanelMoreCommentsButton
+          onClick={onMoreCommentsBelowClick}
+          direction="downward"
+        />
+      )}
+    </>
+  )
+}
+
+export default memo(ReviewPanelCurrentFile)
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-delete-comment-modal.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-delete-comment-modal.tsx
new file mode 100644
index 0000000..2ef56b0
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-delete-comment-modal.tsx
@@ -0,0 +1,37 @@
+import { FC, memo } from 'react'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTranslation } from 'react-i18next'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+
+const ReviewPanelDeleteCommentModal: FC<{
+  onHide: () => void
+  onDelete: () => void
+  title: string
+  message: string
+}> = ({ onHide, onDelete, title, message }) => {
+  const { t } = useTranslation()
+
+  return (
+    <OLModal show onHide={onHide}>
+      <OLModalHeader>
+        <OLModalTitle>{title}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody>{message}</OLModalBody>
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={onHide}>
+          {t('cancel')}
+        </OLButton>
+        <OLButton variant="danger" onClick={onDelete}>
+          {t('delete')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
+
+export default memo(ReviewPanelDeleteCommentModal)
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-empty-state.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-empty-state.tsx
new file mode 100644
index 0000000..fbf8dce
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-empty-state.tsx
@@ -0,0 +1,22 @@
+import MaterialIcon from '@/shared/components/material-icon'
+import { useTranslation } from 'react-i18next'
+
+function ReviewPanelEmptyState() {
+  const { t } = useTranslation()
+
+  return (
+    <div className="review-panel-empty-state">
+      <div className="review-panel-empty-state-inner">
+        <div className="review-panel-empty-state-comment-icon">
+          <MaterialIcon type="question_answer" />
+        </div>
+        <p>
+          <strong>{t('no_comments_or_suggestions')}</strong>
+        </p>
+        <p>{t('no_one_has_commented_or_left_any_suggestions_yet')}</p>
+      </div>
+    </div>
+  )
+}
+
+export default ReviewPanelEmptyState
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-entry-user.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-entry-user.tsx
new file mode 100644
index 0000000..932813f
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-entry-user.tsx
@@ -0,0 +1,27 @@
+import { memo } from 'react'
+import { buildName } from '../utils/build-name'
+import { ReviewPanelUser } from '../../../../../types/review-panel/review-panel'
+import { ChangesUser } from '../context/changes-users-context'
+import { getBackgroundColorForUserId } from '@/shared/utils/colors'
+
+const ReviewPanelEntryUser = ({
+  user,
+}: {
+  user?: ReviewPanelUser | ChangesUser
+}) => {
+  const userName = buildName(user)
+
+  return (
+    <div className="review-panel-entry-user">
+      <span
+        className="review-panel-entry-user-color-badge"
+        style={{
+          backgroundColor: getBackgroundColorForUserId(user?.id),
+        }}
+      />
+      {userName}
+    </div>
+  )
+}
+
+export default memo(ReviewPanelEntryUser)
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-entry.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-entry.tsx
new file mode 100644
index 0000000..03fde3f
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-entry.tsx
@@ -0,0 +1,216 @@
+import { FC, useCallback, useEffect, useRef, useState } from 'react'
+import { AnyOperation } from '../../../../../types/change'
+import {
+  useCodeMirrorStateContext,
+  useCodeMirrorViewContext,
+} from '@/features/source-editor/components/codemirror-context'
+import { isSelectionWithinOp } from '../utils/is-selection-within-op'
+import classNames from 'classnames'
+import {
+  clearHighlightRanges,
+  highlightRanges,
+} from '@/features/source-editor/extensions/ranges'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import { EditorSelection } from '@codemirror/state'
+import MaterialIcon from '@/shared/components/material-icon'
+import { OFFSET_FOR_ENTRIES_ABOVE } from '../utils/position-items'
+
+export const ReviewPanelEntry: FC<{
+  position: number
+  op: AnyOperation
+  docId: string
+  top?: number
+  className?: string
+  selectLineOnFocus?: boolean
+  hoverRanges?: boolean
+  disabled?: boolean
+  onEnterEntryIndicator?: () => void
+  onLeaveEntryIndicator?: () => void
+  entryIndicator?: 'comment' | 'edit'
+}> = ({
+  children,
+  position,
+  top,
+  op,
+  className,
+  selectLineOnFocus = true,
+  docId,
+  hoverRanges = true,
+  disabled,
+  onEnterEntryIndicator,
+  onLeaveEntryIndicator,
+  entryIndicator,
+}) => {
+  const state = useCodeMirrorStateContext()
+  const view = useCodeMirrorViewContext()
+  const { openDocWithId, getCurrentDocumentId } = useEditorManagerContext()
+  const [selected, setSelected] = useState(false)
+  const [focused, setFocused] = useState(false)
+  const [textareaFocused, setTextareaFocused] = useState(false)
+  const { setReviewPanelOpen } = useLayoutContext()
+  const highlighted = isSelectionWithinOp(op, state.selection.main)
+  const entryRef = useRef<HTMLDivElement>(null)
+  const mousePressedRef = useRef(false)
+
+  const openReviewPanel = useCallback(() => {
+    setReviewPanelOpen(true)
+  }, [setReviewPanelOpen])
+
+  const selectEntry = useCallback(
+    event => {
+      setFocused(true)
+
+      if (event.target instanceof HTMLTextAreaElement) {
+        const entryBottom =
+          (entryRef.current?.offsetTop || 0) +
+          (entryRef.current?.offsetHeight || 0)
+
+        if (entryBottom > OFFSET_FOR_ENTRIES_ABOVE) {
+          // if the entry textarea is visible, no need to select the entry
+          // so that it doesn't scroll out of view as user types
+          setTextareaFocused(true)
+          return
+        }
+      }
+
+      if (mousePressedRef.current) {
+        return
+      }
+
+      setSelected(true)
+
+      if (!selectLineOnFocus) {
+        return
+      }
+
+      if (getCurrentDocumentId() !== docId) {
+        openDocWithId(docId, { gotoOffset: position, keepCurrentView: true })
+      } else {
+        setTimeout(() => {
+          view.dispatch({
+            selection: EditorSelection.cursor(position),
+          })
+
+          // scroll to line (centered)
+          const blockInfo = view.lineBlockAt(position)
+          const coordsAtPos = view.coordsAtPos(position)
+          const coordsAtLineStart = view.coordsAtPos(blockInfo.from)
+          let wrappedLineOffset = 0
+          if (coordsAtPos !== null && coordsAtLineStart !== null) {
+            wrappedLineOffset = coordsAtPos.top - coordsAtLineStart.top
+          }
+
+          const editorHeight = view.scrollDOM.getBoundingClientRect().height
+          view.scrollDOM.scrollTo({
+            top:
+              blockInfo.top -
+              editorHeight / 2 +
+              view.defaultLineHeight +
+              wrappedLineOffset,
+            behavior: 'smooth',
+          })
+        })
+      }
+    },
+    [
+      getCurrentDocumentId,
+      docId,
+      selectLineOnFocus,
+      view,
+      position,
+      openDocWithId,
+    ]
+  )
+
+  // Clear op highlight on dismount
+  useEffect(() => {
+    return () => {
+      if (hoverRanges) {
+        setTimeout(() => {
+          view.dispatch(clearHighlightRanges(op))
+        })
+      }
+    }
+  }, []) // eslint-disable-line react-hooks/exhaustive-deps
+
+  return (
+    <div
+      ref={entryRef}
+      onMouseDown={() => {
+        mousePressedRef.current = true
+      }}
+      onMouseUp={event => {
+        mousePressedRef.current = false
+        const isTextSelected = Boolean(window.getSelection()?.toString())
+        if (!isTextSelected && !selected) {
+          selectEntry(event)
+        }
+      }}
+      onFocus={selectEntry}
+      onBlur={() => {
+        mousePressedRef.current = false
+        setSelected(false)
+        setFocused(false)
+        setTextareaFocused(false)
+      }}
+      onMouseEnter={() => {
+        if (hoverRanges) {
+          view.dispatch(highlightRanges(op))
+        }
+      }}
+      onMouseLeave={() => {
+        if (hoverRanges) {
+          view.dispatch(clearHighlightRanges(op))
+        }
+      }}
+      role="button"
+      tabIndex={position + 1}
+      className={classNames(
+        'review-panel-entry',
+        {
+          // 'selected' is used to manually select an entry
+          // useful if the range is within range and you want to show the one outside the viewport
+          // it is not enough to just check isSelectionWithinOp for that
+          'review-panel-entry-selected': selected,
+          // 'focused' is set even when an entry was clicked but not selected (like clicking on a menu option)
+          // used to set z-index above other entries (since entries are not ordered the same way visually and in the DOM)
+          'review-panel-entry-focused': focused,
+          // 'highlighted' is set if the selection is within op but that doesn't necessarily mean it should be selected
+          // multiple entries can be highlighted at the same time
+          'review-panel-entry-highlighted': highlighted,
+          // 'textarea-focused' only changes entry styling (border, shadow etc)
+          // it doesnt change selected entry because that moves the cursor
+          // and repositions entries which can cause textarea to be scrolled out of view
+          'review-panel-entry-textarea-focused': textareaFocused,
+          'review-panel-entry-disabled': disabled,
+        },
+        className
+      )}
+      data-top={top}
+      data-pos={position}
+      style={{
+        position: top === undefined ? 'relative' : 'absolute',
+        visibility: top === undefined ? 'visible' : 'hidden',
+        transition: 'top .3s, left .1s, right .1s',
+      }}
+    >
+      {entryIndicator && (
+        <div
+          className="review-panel-entry-indicator"
+          onMouseEnter={onEnterEntryIndicator}
+          onMouseLeave={onLeaveEntryIndicator}
+          onMouseDown={openReviewPanel} // Using onMouseDown rather than onClick to guarantee that it fires before onFocus
+          role="button"
+          tabIndex={0}
+        >
+          <MaterialIcon
+            type={entryIndicator}
+            className="review-panel-entry-icon"
+          />
+        </div>
+      )}
+      {children}
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-expandable-content.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-expandable-content.tsx
new file mode 100644
index 0000000..3850614
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-expandable-content.tsx
@@ -0,0 +1,101 @@
+import { FC, useCallback, useRef, useState } from 'react'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTranslation } from 'react-i18next'
+import classNames from 'classnames'
+import { PreventSelectingEntry } from './review-panel-prevent-selecting'
+
+export const ExpandableContent: FC<{
+  className?: string
+  content: string
+  contentLimit?: number
+  newLineCharsLimit?: number
+  checkNewLines?: boolean
+  inline?: boolean
+}> = ({
+  content,
+  className,
+  contentLimit = 50,
+  newLineCharsLimit = 3,
+  checkNewLines = true,
+  inline = false,
+}) => {
+  const { t } = useTranslation()
+  const contentRef = useRef<HTMLDivElement>(null)
+  const [isExpanded, setIsExpanded] = useState(false)
+  const limit = checkNewLines
+    ? Math.min(
+        contentLimit,
+        indexOfNthLine(content, newLineCharsLimit) ?? Infinity
+      )
+    : contentLimit
+
+  const isOverflowing = content.length > limit
+
+  const handleShowMore = useCallback(() => {
+    setIsExpanded(true)
+    contentRef.current?.dispatchEvent(
+      new CustomEvent('review-panel:position', { bubbles: true })
+    )
+  }, [])
+
+  const handleShowLess = useCallback(() => {
+    setIsExpanded(false)
+    contentRef.current?.dispatchEvent(
+      new CustomEvent('review-panel:position', { bubbles: true })
+    )
+  }, [])
+
+  return (
+    <>
+      <div
+        ref={contentRef}
+        className={classNames('review-panel-expandable-content', className)}
+      >
+        {isExpanded ? content : content.slice(0, limit)}
+        {isOverflowing && !isExpanded && '...'}
+      </div>
+      <div
+        className={classNames('review-panel-expandable-links', {
+          'review-panel-expandable-inline': inline,
+        })}
+      >
+        <PreventSelectingEntry>
+          {isExpanded ? (
+            <OLButton
+              variant="link"
+              className="btn-inline-link"
+              onClick={handleShowLess}
+            >
+              {t('show_less')}
+            </OLButton>
+          ) : (
+            isOverflowing && (
+              <OLButton
+                variant="link"
+                className="btn-inline-link"
+                onClick={handleShowMore}
+              >
+                {t('show_more')}
+              </OLButton>
+            )
+          )}
+        </PreventSelectingEntry>
+      </div>
+    </>
+  )
+}
+
+function indexOfNthLine(content: string, n: number) {
+  if (n < 1) return null
+
+  let line = 0
+  for (let i = 0; i < content.length; i++) {
+    if (content[i] === '\n') {
+      line++
+      if (line === n) {
+        return i
+      }
+    }
+  }
+  return null
+}
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-header.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-header.tsx
new file mode 100644
index 0000000..8f127f5
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-header.tsx
@@ -0,0 +1,46 @@
+import { FC, memo, useState } from 'react'
+import { ReviewPanelResolvedThreadsButton } from './review-panel-resolved-threads-button'
+import { ReviewPanelTrackChangesMenu } from './review-panel-track-changes-menu'
+import ReviewPanelTrackChangesMenuButton from './review-panel-track-changes-menu-button'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import { useTranslation } from 'react-i18next'
+import getMeta from '@/utils/meta'
+import { PanelHeading } from '@/shared/components/panel-heading'
+import { useRailContext } from '@/features/ide-redesign/contexts/rail-context'
+import { useIsNewEditorEnabled } from '@/features/ide-redesign/utils/new-editor-utils'
+
+const isReviewerRoleEnabled = getMeta('ol-isReviewerRoleEnabled')
+
+const ReviewPanelHeader: FC = () => {
+  const [trackChangesMenuExpanded, setTrackChangesMenuExpanded] =
+    useState(false)
+  const { setReviewPanelOpen } = useLayoutContext()
+  const { setIsOpen: setRailIsOpen } = useRailContext()
+  const { t } = useTranslation()
+
+  const newEditor = useIsNewEditorEnabled()
+  const handleClose = newEditor
+    ? () => setRailIsOpen(false)
+    : () => setReviewPanelOpen(false)
+
+  return (
+    <div className="review-panel-header">
+      <PanelHeading title={t('review')} handleClose={handleClose}>
+        {isReviewerRoleEnabled && <ReviewPanelResolvedThreadsButton />}
+      </PanelHeading>
+      {!isReviewerRoleEnabled && (
+        <div className="review-panel-tools">
+          <ReviewPanelResolvedThreadsButton />
+          <ReviewPanelTrackChangesMenuButton
+            menuExpanded={trackChangesMenuExpanded}
+            setMenuExpanded={setTrackChangesMenuExpanded}
+          />
+        </div>
+      )}
+
+      {trackChangesMenuExpanded && <ReviewPanelTrackChangesMenu />}
+    </div>
+  )
+}
+
+export default memo(ReviewPanelHeader)
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-message.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-message.tsx
new file mode 100644
index 0000000..ae3a66f
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-message.tsx
@@ -0,0 +1,155 @@
+import { FC, useCallback, useState } from 'react'
+import {
+  CommentId,
+  ReviewPanelCommentThreadMessage,
+} from '../../../../../types/review-panel/review-panel'
+import { useTranslation } from 'react-i18next'
+import { FormatTimeBasedOnYear } from '@/shared/components/format-time-based-on-year'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '@/shared/components/material-icon'
+import AutoExpandingTextArea from '@/shared/components/auto-expanding-text-area'
+import ReviewPanelCommentOptions from './review-panel-comment-options'
+import { ExpandableContent } from './review-panel-expandable-content'
+import ReviewPanelDeleteCommentModal from './review-panel-delete-comment-modal'
+import { useUserContext } from '@/shared/context/user-context'
+import ReviewPanelEntryUser from './review-panel-entry-user'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+import { PreventSelectingEntry } from './review-panel-prevent-selecting'
+
+export const ReviewPanelMessage: FC<{
+  message: ReviewPanelCommentThreadMessage
+  hasReplies: boolean
+  isReply: boolean
+  onResolve?: () => Promise<void>
+  onEdit?: (commentId: CommentId, content: string) => Promise<void>
+  onDelete?: () => void
+  isThreadResolved: boolean
+}> = ({
+  message,
+  isReply,
+  hasReplies,
+  onResolve,
+  onEdit,
+  onDelete,
+  isThreadResolved,
+}) => {
+  const { t } = useTranslation()
+  const [editing, setEditing] = useState(false)
+  const [deleting, setDeleting] = useState(false)
+  const [content, setContent] = useState(message.content)
+  const user = useUserContext()
+  const permissions = usePermissionsContext()
+
+  const isCommentAuthor = user.id === message.user.id
+  const canEdit = isCommentAuthor && permissions.comment
+  const canResolve =
+    permissions.resolveAllComments ||
+    (permissions.resolveOwnComments && isCommentAuthor)
+  const canDelete = canResolve
+
+  const handleEditOption = useCallback(() => setEditing(true), [])
+  const showDeleteModal = useCallback(() => setDeleting(true), [])
+  const hideDeleteModal = useCallback(() => setDeleting(false), [])
+
+  const handleSubmit = useCallback(() => {
+    onEdit?.(message.id, content)
+    setEditing(false)
+  }, [content, message.id, onEdit])
+
+  const handleDelete = useCallback(() => {
+    onDelete?.()
+    setDeleting(false)
+  }, [onDelete])
+
+  return (
+    <div className="review-panel-comment">
+      <div className="review-panel-entry-header">
+        <div>
+          <ReviewPanelEntryUser user={message.user} />
+          <div className="review-panel-entry-time">
+            <FormatTimeBasedOnYear date={message.timestamp} />
+          </div>
+        </div>
+
+        <div className="review-panel-entry-actions">
+          {!editing && !isReply && !isThreadResolved && canResolve && (
+            <PreventSelectingEntry>
+              <OLTooltip
+                id="resolve-thread"
+                overlayProps={{ placement: 'bottom' }}
+                description={t('resolve_comment')}
+                tooltipProps={{ className: 'review-panel-tooltip' }}
+              >
+                <button
+                  type="button"
+                  tabIndex={0}
+                  className="btn"
+                  onClick={onResolve}
+                >
+                  <MaterialIcon
+                    type="check"
+                    className="review-panel-entry-actions-icon"
+                    accessibilityLabel={t('resolve_comment')}
+                  />
+                </button>
+              </OLTooltip>
+            </PreventSelectingEntry>
+          )}
+
+          {!editing && !isThreadResolved && (
+            <PreventSelectingEntry>
+              <ReviewPanelCommentOptions
+                canDelete={canDelete}
+                canEdit={canEdit}
+                onEdit={handleEditOption}
+                onDelete={showDeleteModal}
+                id={message.id}
+              />
+            </PreventSelectingEntry>
+          )}
+        </div>
+      </div>
+      {editing ? (
+        <AutoExpandingTextArea
+          className="review-panel-comment-input review-panel-comment-edit"
+          onBlur={handleSubmit}
+          onChange={e => setContent(e.target.value)}
+          onKeyPress={e => {
+            if (
+              e.key === 'Enter' &&
+              !e.shiftKey &&
+              !e.ctrlKey &&
+              !e.metaKey &&
+              content
+            ) {
+              e.preventDefault()
+              ;(e.target as HTMLTextAreaElement).blur()
+            }
+          }}
+          value={content}
+          autoFocus // eslint-disable-line jsx-a11y/no-autofocus
+        />
+      ) : (
+        <ExpandableContent
+          className="review-panel-comment-body"
+          contentLimit={100}
+          checkNewLines
+          content={message.content}
+        />
+      )}
+
+      {deleting && (
+        <ReviewPanelDeleteCommentModal
+          onHide={hideDeleteModal}
+          onDelete={handleDelete}
+          title={hasReplies ? t('delete_comment_thread') : t('delete_comment')}
+          message={
+            hasReplies
+              ? t('delete_comment_thread_message')
+              : t('delete_comment_message')
+          }
+        />
+      )}
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-more-comments-button.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-more-comments-button.tsx
new file mode 100644
index 0000000..f2282ee
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-more-comments-button.tsx
@@ -0,0 +1,28 @@
+import { FC, memo } from 'react'
+import MaterialIcon from '@/shared/components/material-icon'
+import classNames from 'classnames'
+import { useTranslation } from 'react-i18next'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+const MoreCommentsButton: FC<{
+  onClick: () => void
+  direction: 'upward' | 'downward'
+}> = ({ onClick, direction }) => {
+  const { t } = useTranslation()
+
+  return (
+    <div
+      className={classNames('review-panel-more-comments-button-container', {
+        downwards: direction === 'downward',
+        upwards: direction === 'upward',
+      })}
+    >
+      <OLButton variant="secondary" size="sm" onClick={onClick}>
+        <MaterialIcon type={`arrow_${direction}_alt`} />
+        {t('more_comments')}
+      </OLButton>
+    </div>
+  )
+}
+
+export default memo(MoreCommentsButton)
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-new.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-new.tsx
new file mode 100644
index 0000000..f4a9e37
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-new.tsx
@@ -0,0 +1,12 @@
+import React, { FC, lazy, Suspense } from 'react'
+import LoadingSpinner from '@/shared/components/loading-spinner'
+
+const ReviewPanelContainer = lazy(() => import('./review-panel-container'))
+
+export const ReviewPanelNew: FC = () => {
+  return (
+    <Suspense fallback={<LoadingSpinner delay={500} />}>
+      <ReviewPanelContainer />
+    </Suspense>
+  )
+}
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-overview-file.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-overview-file.tsx
new file mode 100644
index 0000000..bd236f9
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-overview-file.tsx
@@ -0,0 +1,101 @@
+import { FC, useMemo } from 'react'
+import { MainDocument } from '../../../../../types/project-settings'
+import { Ranges } from '../context/ranges-context'
+import { ReviewPanelComment } from './review-panel-comment'
+import { ReviewPanelChange } from './review-panel-change'
+import {
+  isCommentOperation,
+  isDeleteChange,
+  isInsertChange,
+} from '@/utils/operations'
+import {
+  Change,
+  CommentOperation,
+  DeleteOperation,
+  EditOperation,
+} from '../../../../../types/change'
+import { canAggregate } from '../utils/can-aggregate'
+
+import useOverviewFileCollapsed from '../hooks/use-overview-file-collapsed'
+import { useThreadsContext } from '../context/threads-context'
+import { CollapsibleFileHeader } from '@/shared/components/collapsible-file-header'
+
+export const ReviewPanelOverviewFile: FC<{
+  doc: MainDocument
+  ranges: Ranges
+}> = ({ doc, ranges }) => {
+  const { collapsed, toggleCollapsed } = useOverviewFileCollapsed(doc.doc.id)
+  const threads = useThreadsContext()
+
+  const { aggregates, changes } = useMemo(() => {
+    const changes: Change<EditOperation>[] = []
+    const aggregates: Map<string, Change<DeleteOperation>> = new Map()
+
+    let precedingChange: Change<EditOperation> | null = null
+    for (const change of ranges.changes) {
+      if (
+        precedingChange &&
+        isInsertChange(precedingChange) &&
+        isDeleteChange(change) &&
+        canAggregate(change, precedingChange)
+      ) {
+        aggregates.set(precedingChange.id, change)
+      } else {
+        changes.push(change)
+      }
+      precedingChange = change
+    }
+
+    return { aggregates, changes }
+  }, [ranges])
+
+  const entries = useMemo(() => {
+    const unresolvedComments = ranges.comments.filter(comment => {
+      const thread = threads?.[comment.op.t]
+      return thread && thread.messages.length > 0 && !thread.resolved
+    })
+    return [...changes, ...unresolvedComments].sort((a, b) => a.op.p - b.op.p)
+  }, [changes, ranges.comments, threads])
+
+  if (entries.length === 0) {
+    return null
+  }
+
+  return (
+    <>
+      <div>
+        <CollapsibleFileHeader
+          name={doc.doc.name}
+          count={entries.length}
+          collapsed={collapsed}
+          toggleCollapsed={toggleCollapsed}
+        />
+
+        {!collapsed && (
+          <div className="review-panel-overview-file-entries">
+            {entries.map(entry =>
+              isCommentOperation(entry.op) ? (
+                <ReviewPanelComment
+                  key={entry.id}
+                  comment={entry as Change<CommentOperation>}
+                  docId={doc.doc.id}
+                  hoverRanges={false}
+                />
+              ) : (
+                <ReviewPanelChange
+                  key={entry.id}
+                  change={entry as Change<EditOperation>}
+                  aggregate={aggregates.get(entry.id)}
+                  editable={false}
+                  docId={doc.doc.id}
+                  hoverRanges={false}
+                />
+              )
+            )}
+          </div>
+        )}
+      </div>
+      <div className="review-panel-overfile-divider" />
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-overview.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-overview.tsx
new file mode 100644
index 0000000..5754196
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-overview.tsx
@@ -0,0 +1,68 @@
+import { FC, useMemo } from 'react'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import { Ranges, useRangesContext } from '../context/ranges-context'
+import { useTranslation } from 'react-i18next'
+import { ReviewPanelOverviewFile } from './review-panel-overview-file'
+import ReviewPanelEmptyState from './review-panel-empty-state'
+import useProjectRanges from '../hooks/use-project-ranges'
+
+export const ReviewPanelOverview: FC = () => {
+  const { t } = useTranslation()
+  const { docs } = useFileTreeData()
+  const docRanges = useRangesContext()
+
+  const { projectRanges, error } = useProjectRanges()
+
+  const rangesForDocs = useMemo(() => {
+    if (docs && docRanges && projectRanges) {
+      const rangesForDocs = new Map<string, Ranges>()
+
+      for (const doc of docs) {
+        const ranges =
+          doc.doc.id === docRanges.docId
+            ? docRanges
+            : projectRanges.get(doc.doc.id)
+
+        if (ranges) {
+          rangesForDocs.set(doc.doc.id, ranges)
+        }
+      }
+
+      return rangesForDocs
+    }
+  }, [docRanges, docs, projectRanges])
+
+  const showEmptyState = useMemo((): boolean => {
+    if (!rangesForDocs) {
+      // data isn't loaded yet
+      return false
+    }
+
+    for (const ranges of rangesForDocs.values()) {
+      if (ranges.changes.length > 0 || ranges.comments.length > 0) {
+        return false
+      }
+    }
+
+    return true
+  }, [rangesForDocs])
+
+  return (
+    <div className="review-panel-overview">
+      {error && <div>{t('something_went_wrong')}</div>}
+
+      {showEmptyState && <ReviewPanelEmptyState />}
+
+      {docs && rangesForDocs && (
+        <div>
+          {docs.map(doc => {
+            const ranges = rangesForDocs.get(doc.doc.id)
+            return (
+              ranges && <ReviewPanelOverviewFile doc={doc} ranges={ranges} />
+            )
+          })}
+        </div>
+      )}
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-prevent-selecting.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-prevent-selecting.tsx
new file mode 100644
index 0000000..30cc8a2
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-prevent-selecting.tsx
@@ -0,0 +1,21 @@
+const stopPropagation = (e: React.FocusEvent | React.MouseEvent) => {
+  e.stopPropagation()
+  e.preventDefault()
+}
+
+export const PreventSelectingEntry = ({
+  children,
+}: {
+  children: React.ReactNode
+}) => {
+  return (
+    // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+    <div
+      onMouseDown={stopPropagation}
+      onFocus={stopPropagation}
+      onMouseUp={stopPropagation}
+    >
+      {children}
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-resolved-message.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-resolved-message.tsx
new file mode 100644
index 0000000..c7f0d96
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-resolved-message.tsx
@@ -0,0 +1,29 @@
+import { FC } from 'react'
+import { FormatTimeBasedOnYear } from '@/shared/components/format-time-based-on-year'
+import { ReviewPanelResolvedCommentThread } from '../../../../../types/review-panel/comment-thread'
+import { useTranslation } from 'react-i18next'
+import ReviewPanelEntryUser from './review-panel-entry-user'
+
+const ReviewPanelResolvedMessage: FC<{
+  thread: ReviewPanelResolvedCommentThread
+}> = ({ thread }) => {
+  const { t } = useTranslation()
+
+  return (
+    <div className="review-panel-comment">
+      <div className="review-panel-entry-header">
+        <div>
+          <ReviewPanelEntryUser user={thread.resolved_by_user} />
+          <div className="review-panel-entry-time">
+            <FormatTimeBasedOnYear date={thread.resolved_at} />
+          </div>
+        </div>
+      </div>
+      <div className="review-panel-comment-body review-panel-resolved-message">
+        <i>{t('marked_as_resolved')}</i>
+      </div>
+    </div>
+  )
+}
+
+export default ReviewPanelResolvedMessage
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-resolved-thread.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-resolved-thread.tsx
new file mode 100644
index 0000000..53ac6d2
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-resolved-thread.tsx
@@ -0,0 +1,130 @@
+import React, { FC, useCallback, useState } from 'react'
+import { useTranslation, Trans } from 'react-i18next'
+import { ThreadId } from '../../../../../types/review-panel/review-panel'
+import { useThreadsActionsContext } from '../context/threads-context'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '@/shared/components/material-icon'
+import { ExpandableContent } from './review-panel-expandable-content'
+import { ReviewPanelCommentContent } from './review-panel-comment-content'
+import { Change, CommentOperation } from '../../../../../types/change'
+import classNames from 'classnames'
+import { debugConsole } from '@/utils/debugging'
+import { useModalsContext } from '@/features/ide-react/context/modals-context'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+import { useUserContext } from '@/shared/context/user-context'
+
+export const ReviewPanelResolvedThread: FC<{
+  id: ThreadId
+  comment: Change<CommentOperation>
+  docName: string
+}> = ({ id, comment, docName }) => {
+  const { t } = useTranslation()
+  const { reopenThread, deleteThread } = useThreadsActionsContext()
+  const [processing, setProcessing] = useState(false)
+  const { showGenericMessageModal } = useModalsContext()
+  const permissions = usePermissionsContext()
+  const user = useUserContext()
+  const isCommentAuthor = user.id === comment.metadata?.user_id
+  const canDelete =
+    permissions.resolveAllComments ||
+    (permissions.resolveOwnComments && isCommentAuthor)
+  const canReopen = permissions.comment
+
+  const handleReopenThread = useCallback(async () => {
+    setProcessing(true)
+    try {
+      await reopenThread(id)
+    } catch (err) {
+      debugConsole.error(err)
+      showGenericMessageModal(
+        t('reopen_comment_error_title'),
+        t('reopen_comment_error_message')
+      )
+    } finally {
+      setProcessing(false)
+    }
+  }, [id, reopenThread, showGenericMessageModal, t])
+
+  const handleDeleteThread = useCallback(async () => {
+    setProcessing(true)
+    try {
+      await deleteThread(id)
+    } catch (err) {
+      debugConsole.error(err)
+      showGenericMessageModal(
+        t('delete_comment_error_title'),
+        t('delete_comment_error_message')
+      )
+    } finally {
+      setProcessing(false)
+    }
+  }, [id, deleteThread, showGenericMessageModal, t])
+
+  return (
+    <div
+      className={classNames('review-panel-resolved-comment', {
+        'review-panel-resolved-disabled': processing,
+      })}
+      key={id}
+    >
+      <div className="review-panel-resolved-comment-header">
+        <div>
+          <Trans
+            i18nKey="from_filename"
+            components={[
+              // eslint-disable-next-line react/jsx-key
+              <span className="review-panel-resolved-comment-filename" />,
+            ]}
+            values={{ filename: docName }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+          />
+        </div>
+        <div className="review-panel-resolved-comment-buttons">
+          {canReopen && (
+            <OLTooltip
+              id="reopen-thread"
+              overlayProps={{ placement: 'bottom' }}
+              description={t('reopen')}
+            >
+              <button
+                type="button"
+                className="btn"
+                onClick={handleReopenThread}
+              >
+                <MaterialIcon type="refresh" accessibilityLabel={t('reopen')} />
+              </button>
+            </OLTooltip>
+          )}
+          {canDelete && (
+            <OLTooltip
+              id="delete-thread"
+              overlayProps={{ placement: 'bottom' }}
+              description={t('delete')}
+            >
+              <button
+                type="button"
+                className="btn"
+                onClick={handleDeleteThread}
+              >
+                <MaterialIcon type="delete" accessibilityLabel={t('delete')} />
+              </button>
+            </OLTooltip>
+          )}
+        </div>
+      </div>
+      <div className="review-panel-resolved-comment-quoted-text">
+        <div className="review-panel-resolved-comment-quoted-text-label">
+          {t('quoted_text')}
+        </div>
+        <ExpandableContent
+          className="review-panel-resolved-comment-quoted-text-quote"
+          content={comment?.op.c}
+          checkNewLines
+        />
+      </div>
+
+      <ReviewPanelCommentContent comment={comment} isResolved />
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-resolved-threads-button.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-resolved-threads-button.tsx
new file mode 100644
index 0000000..b44f39c
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-resolved-threads-button.tsx
@@ -0,0 +1,55 @@
+import React, { FC, useRef, useState } from 'react'
+import OLOverlay from '@/features/ui/components/ol/ol-overlay'
+import OLPopover from '@/features/ui/components/ol/ol-popover'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import { ReviewPanelResolvedThreadsMenu } from './review-panel-resolved-threads-menu'
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '@/shared/components/material-icon'
+import getMeta from '@/utils/meta'
+
+export const ReviewPanelResolvedThreadsButton: FC = () => {
+  const [expanded, setExpanded] = useState(false)
+  const buttonRef = useRef<HTMLButtonElement>(null)
+  const { t } = useTranslation()
+
+  return (
+    <>
+      <OLTooltip
+        id="resolved-comments"
+        overlayProps={{ placement: 'bottom' }}
+        description={t('resolved_comments')}
+      >
+        <button
+          className={
+            getMeta('ol-isReviewerRoleEnabled')
+              ? 'review-panel-resolved-comments-toggle-reviewer-role'
+              : 'review-panel-resolved-comments-toggle'
+          }
+          ref={buttonRef}
+          onClick={() => setExpanded(true)}
+        >
+          <MaterialIcon type="inbox" />
+        </button>
+      </OLTooltip>
+      {expanded && (
+        <OLOverlay
+          show
+          onHide={() => setExpanded(false)}
+          transition={false}
+          container={this}
+          containerPadding={0}
+          placement="bottom"
+          rootClose
+          target={buttonRef.current}
+        >
+          <OLPopover
+            id="popover-resolved-threads"
+            className="review-panel-resolved-comments"
+          >
+            <ReviewPanelResolvedThreadsMenu />
+          </OLPopover>
+        </OLOverlay>
+      )}
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-resolved-threads-menu.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-resolved-threads-menu.tsx
new file mode 100644
index 0000000..8a722a1
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-resolved-threads-menu.tsx
@@ -0,0 +1,109 @@
+import React, { FC, useMemo } from 'react'
+import { useThreadsContext } from '../context/threads-context'
+import { useTranslation } from 'react-i18next'
+import { ReviewPanelResolvedThread } from './review-panel-resolved-thread'
+import useProjectRanges from '../hooks/use-project-ranges'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import { Change, CommentOperation } from '../../../../../types/change'
+import { ThreadId } from '../../../../../types/review-panel/review-panel'
+import LoadingSpinner from '@/shared/components/loading-spinner'
+import OLBadge from '@/features/ui/components/ol/ol-badge'
+
+export const ReviewPanelResolvedThreadsMenu: FC = () => {
+  const { t } = useTranslation()
+  const threads = useThreadsContext()
+  const { docs } = useFileTreeData()
+
+  const { projectRanges, loading } = useProjectRanges()
+
+  const docNameForThread = useMemo(() => {
+    const docNameForThread = new Map<string, string>()
+
+    for (const [docId, ranges] of projectRanges?.entries() ?? []) {
+      const docName = docs?.find(doc => doc.doc.id === docId)?.doc.name
+      if (docName !== undefined) {
+        for (const comment of ranges.comments) {
+          const threadId = comment.op.t
+          docNameForThread.set(threadId, docName)
+        }
+      }
+    }
+
+    return docNameForThread
+  }, [docs, projectRanges])
+
+  const allComments = useMemo(() => {
+    const allComments = new Map<string, Change<CommentOperation>>()
+
+    // eslint-disable-next-line no-unused-vars
+    for (const [_, ranges] of projectRanges?.entries() ?? []) {
+      for (const comment of ranges.comments) {
+        allComments.set(comment.op.t, comment)
+      }
+    }
+
+    return allComments
+  }, [projectRanges])
+
+  const resolvedThreads = useMemo(() => {
+    if (!threads) {
+      return []
+    }
+
+    const allResolvedThreads = []
+    for (const [id, thread] of Object.entries(threads)) {
+      if (thread.resolved) {
+        allResolvedThreads.push({ thread, id })
+      }
+    }
+    allResolvedThreads.sort((a, b) => {
+      return Date.parse(b.thread.resolved_at) - Date.parse(a.thread.resolved_at)
+    })
+
+    return allResolvedThreads.filter(thread => allComments.has(thread.id))
+  }, [threads, allComments])
+
+  if (loading) {
+    return <LoadingSpinner className="ms-auto me-auto" />
+  }
+
+  if (!resolvedThreads.length) {
+    return (
+      <div className="review-panel-resolved-comments-empty">
+        {t('no_resolved_comments')}
+      </div>
+    )
+  }
+
+  return (
+    <>
+      <div className="review-panel-resolved-comments-header">
+        <div className="review-panel-resolved-comments-label">
+          {t('resolved_comments')}
+        </div>
+        <OLBadge
+          bg="light"
+          text="dark"
+          className="review-panel-resolved-comments-count"
+        >
+          {resolvedThreads.length}
+        </OLBadge>
+      </div>
+      {resolvedThreads.map(thread => {
+        const comment = allComments.get(thread.id)
+        if (!comment) {
+          return null
+        }
+
+        return (
+          <ReviewPanelResolvedThread
+            key={thread.id}
+            id={thread.id as ThreadId}
+            comment={comment}
+            docName={docNameForThread.get(thread.id) ?? t('unknown')}
+          />
+        )
+      })}
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-tabs.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-tabs.tsx
new file mode 100644
index 0000000..b7a1709
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-tabs.tsx
@@ -0,0 +1,40 @@
+import { FC, memo } from 'react'
+import classnames from 'classnames'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useTranslation } from 'react-i18next'
+import {
+  useReviewPanelViewActionsContext,
+  useReviewPanelViewContext,
+} from '../context/review-panel-view-context'
+
+const ReviewPanelTabs: FC = () => {
+  const subView = useReviewPanelViewContext()
+  const { setView: setSubView } = useReviewPanelViewActionsContext()
+
+  const { t } = useTranslation()
+
+  return (
+    <>
+      <button
+        className={classnames('review-panel-tab', {
+          'review-panel-tab-active': subView === 'cur_file',
+        })}
+        onClick={() => setSubView('cur_file')}
+      >
+        <MaterialIcon type="description" />
+        {t('current_file')}
+      </button>
+      <button
+        className={classnames('review-panel-tab', {
+          'review-panel-tab-active': subView === 'overview',
+        })}
+        onClick={() => setSubView('overview')}
+      >
+        <MaterialIcon type="list" />
+        {t('overview')}
+      </button>
+    </>
+  )
+}
+
+export default memo(ReviewPanelTabs)
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-track-changes-menu-button.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-track-changes-menu-button.tsx
new file mode 100644
index 0000000..f4f3cea
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-track-changes-menu-button.tsx
@@ -0,0 +1,60 @@
+import { FC, memo, useState } from 'react'
+import { Trans } from 'react-i18next'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useProjectContext } from '@/shared/context/project-context'
+import UpgradeTrackChangesModalLegacy from './upgrade-track-changes-modal-legacy'
+import { send, sendMB } from '@/infrastructure/event-tracking'
+
+const sendAnalytics = () => {
+  send('subscription-funnel', 'editor-click-feature', 'real-time-track-changes')
+  sendMB('paywall-prompt', {
+    'paywall-type': 'track-changes',
+  })
+}
+
+const ReviewPanelTrackChangesMenuButton: FC<{
+  menuExpanded: boolean
+  setMenuExpanded: React.Dispatch<React.SetStateAction<boolean>>
+}> = ({ menuExpanded, setMenuExpanded }) => {
+  const project = useProjectContext()
+  const { wantTrackChanges } = useEditorManagerContext()
+
+  const [showModal, setShowModal] = useState(false)
+
+  const handleTrackChangesMenuExpand = () => {
+    if (project.features.trackChanges) {
+      setMenuExpanded(value => !value)
+    } else {
+      sendAnalytics()
+      setShowModal(true)
+    }
+  }
+
+  return (
+    <>
+      <button
+        className="track-changes-menu-button"
+        onClick={handleTrackChangesMenuExpand}
+      >
+        {wantTrackChanges && <div className="track-changes-indicator-circle" />}
+        {wantTrackChanges ? (
+          <Trans
+            i18nKey="track_changes_is_on"
+            components={{ strong: <strong /> }}
+          />
+        ) : (
+          <Trans
+            i18nKey="track_changes_is_off"
+            components={{ strong: <strong /> }}
+          />
+        )}
+        <MaterialIcon type={menuExpanded ? 'expand_more' : 'chevron_right'} />
+      </button>
+
+      <UpgradeTrackChangesModalLegacy show={showModal} setShow={setShowModal} />
+    </>
+  )
+}
+
+export default memo(ReviewPanelTrackChangesMenuButton)
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel-track-changes-menu.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel-track-changes-menu.tsx
new file mode 100644
index 0000000..85f5cb4
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel-track-changes-menu.tsx
@@ -0,0 +1,92 @@
+import { FC } from 'react'
+import TrackChangesToggle from '@/features/review-panel-new/components/track-changes-toggle'
+import { useProjectContext } from '@/shared/context/project-context'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+import { useTranslation } from 'react-i18next'
+import {
+  useTrackChangesStateActionsContext,
+  useTrackChangesStateContext,
+} from '../context/track-changes-state-context'
+import { useChangesUsersContext } from '../context/changes-users-context'
+import { buildName } from '../utils/build-name'
+
+export const ReviewPanelTrackChangesMenu: FC = () => {
+  const { t } = useTranslation()
+  const permissions = usePermissionsContext()
+  const project = useProjectContext()
+  const trackChanges = useTrackChangesStateContext()
+  const { saveTrackChanges } = useTrackChangesStateActionsContext()
+  const changesUsers = useChangesUsersContext()
+
+  if (trackChanges === undefined || !changesUsers) {
+    return null
+  }
+
+  const { onForEveryone, onForGuests, onForMembers } = trackChanges
+
+  const canToggle = project.features.trackChanges && permissions.write
+
+  return (
+    <div className="rp-tc-state">
+      <div className="rp-tc-state-item">
+        <span className="rp-tc-state-item-name">{t('tc_everyone')}</span>
+
+        <TrackChangesToggle
+          id="track-changes-everyone"
+          description={t('track_changes_for_everyone')}
+          handleToggle={() =>
+            saveTrackChanges(onForEveryone ? { on_for: {} } : { on: true })
+          }
+          value={onForEveryone}
+          disabled={!canToggle}
+        />
+      </div>
+
+      {[project.owner, ...project.members].map(member => {
+        const user = changesUsers.get(member._id) ?? member
+        const name = buildName(user)
+
+        const value = onForEveryone || onForMembers[member._id] === true
+
+        return (
+          <div key={member._id} className="rp-tc-state-item">
+            <span className="rp-tc-state-item-name">{name}</span>
+
+            <TrackChangesToggle
+              id={`track-changes-${member._id}`}
+              description={t('track_changes_for_x', { name })}
+              handleToggle={() => {
+                saveTrackChanges({
+                  on_for: {
+                    ...onForMembers,
+                    [member._id]: !value,
+                  },
+                  on_for_guests: onForGuests,
+                })
+              }}
+              value={value}
+              disabled={!canToggle || onForEveryone}
+            />
+          </div>
+        )
+      })}
+
+      <div className="rp-tc-state-item">
+        <span className="rp-tc-state-item-name">{t('tc_guests')}</span>
+
+        <TrackChangesToggle
+          id="track-changes-guests"
+          description={t('track_changes_for_guests')}
+          handleToggle={() =>
+            saveTrackChanges({
+              on_for: onForMembers,
+              on_for_guests: !onForGuests,
+            })
+          }
+          value={onForGuests}
+          disabled={!canToggle || onForEveryone}
+        />
+      </div>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-panel.tsx b/services/web/frontend/js/features/review-panel-new/components/review-panel.tsx
new file mode 100644
index 0000000..160a55b
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-panel.tsx
@@ -0,0 +1,43 @@
+import { FC, memo, useMemo } from 'react'
+import ReviewPanelTabs from './review-panel-tabs'
+import ReviewPanelHeader from './review-panel-header'
+import ReviewPanelCurrentFile from './review-panel-current-file'
+import { ReviewPanelOverview } from './review-panel-overview'
+import classnames from 'classnames'
+import { useReviewPanelStyles } from '@/features/review-panel-new/hooks/use-review-panel-styles'
+import { useReviewPanelViewContext } from '../context/review-panel-view-context'
+import { useIsNewEditorEnabled } from '@/features/ide-redesign/utils/new-editor-utils'
+
+const ReviewPanel: FC<{ mini?: boolean }> = ({ mini = false }) => {
+  const choosenSubView = useReviewPanelViewContext()
+  const newEditor = useIsNewEditorEnabled()
+
+  const activeSubView = useMemo(
+    () => (mini ? 'cur_file' : choosenSubView),
+    [choosenSubView, mini]
+  )
+
+  const style = useReviewPanelStyles(mini)
+
+  const className = classnames('review-panel-container', {
+    'review-panel-mini': mini,
+    'review-panel-subview-overview': activeSubView === 'overview',
+  })
+
+  return (
+    <div className={className} style={style}>
+      <div id="review-panel-inner" className="review-panel-inner">
+        {!newEditor && !mini && <ReviewPanelHeader />}
+
+        {activeSubView === 'cur_file' && <ReviewPanelCurrentFile />}
+        {activeSubView === 'overview' && <ReviewPanelOverview />}
+
+        <div className="review-panel-footer">
+          <ReviewPanelTabs />
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default memo(ReviewPanel)
diff --git a/services/web/frontend/js/features/review-panel-new/components/review-tooltip-menu.tsx b/services/web/frontend/js/features/review-panel-new/components/review-tooltip-menu.tsx
new file mode 100644
index 0000000..5547829
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/review-tooltip-menu.tsx
@@ -0,0 +1,277 @@
+import {
+  CSSProperties,
+  FC,
+  useCallback,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react'
+import ReactDOM from 'react-dom'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useTranslation } from 'react-i18next'
+import {
+  useCodeMirrorStateContext,
+  useCodeMirrorViewContext,
+} from '@/features/source-editor/components/codemirror-context'
+import {
+  buildAddNewCommentRangeEffect,
+  reviewTooltipStateField,
+} from '@/features/source-editor/extensions/review-tooltip'
+import { EditorView, getTooltip } from '@codemirror/view'
+import useViewerPermissions from '@/shared/hooks/use-viewer-permissions'
+import usePreviousValue from '@/shared/hooks/use-previous-value'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import { useReviewPanelViewActionsContext } from '../context/review-panel-view-context'
+import {
+  useRangesActionsContext,
+  useRangesContext,
+} from '../context/ranges-context'
+import { isInsertOperation } from '@/utils/operations'
+import { isCursorNearViewportEdge } from '@/features/source-editor/utils/is-cursor-near-edge'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import { useModalsContext } from '@/features/ide-react/context/modals-context'
+import { numberOfChangesInSelection } from '../utils/changes-in-selection'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+import classNames from 'classnames'
+import useEventListener from '@/shared/hooks/use-event-listener'
+import getMeta from '@/utils/meta'
+import { useRailContext } from '@/features/ide-redesign/contexts/rail-context'
+import { useIsNewEditorEnabled } from '@/features/ide-redesign/utils/new-editor-utils'
+
+const isReviewerRoleEnabled = getMeta('ol-isReviewerRoleEnabled')
+const TRACK_CHANGES_ON_WIDGET_HEIGHT = 25
+const EDIT_MODE_SWITCH_WIDGET_HEIGHT = 40
+const CM_LINE_RIGHT_PADDING = isReviewerRoleEnabled ? 8 : 2
+const TOOLTIP_SHOW_DELAY = 120
+
+const ReviewTooltipMenu: FC = () => {
+  const state = useCodeMirrorStateContext()
+  const view = useCodeMirrorViewContext()
+  const isViewer = useViewerPermissions()
+  const [show, setShow] = useState(true)
+  const { setView } = useReviewPanelViewActionsContext()
+  const { setReviewPanelOpen } = useLayoutContext()
+  const { openTab: openRailTab } = useRailContext()
+  const newEditor = useIsNewEditorEnabled()
+
+  const tooltipState = state.field(reviewTooltipStateField, false)?.tooltip
+  const previousTooltipState = usePreviousValue(tooltipState)
+
+  useEffect(() => {
+    if (tooltipState !== null && previousTooltipState === null) {
+      setShow(true)
+    }
+  }, [tooltipState, previousTooltipState])
+
+  const addComment = useCallback(() => {
+    const { main } = view.state.selection
+    if (main.empty) {
+      return
+    }
+
+    if (newEditor) {
+      openRailTab('review-panel')
+    } else {
+      setReviewPanelOpen(true)
+    }
+    setView('cur_file')
+
+    const effects = isCursorNearViewportEdge(view, main.anchor)
+      ? [
+          buildAddNewCommentRangeEffect(main),
+          EditorView.scrollIntoView(main.anchor, { y: 'center' }),
+        ]
+      : [buildAddNewCommentRangeEffect(main)]
+
+    view.dispatch({ effects })
+    setShow(false)
+  }, [setReviewPanelOpen, setView, setShow, view, openRailTab, newEditor])
+
+  useEventListener('add-new-review-comment', addComment)
+
+  if (isViewer || !show || !tooltipState) {
+    return null
+  }
+
+  const tooltipView = getTooltip(view, tooltipState)
+
+  if (!tooltipView) {
+    return null
+  }
+
+  return ReactDOM.createPortal(
+    <ReviewTooltipMenuContent onAddComment={addComment} />,
+    tooltipView.dom
+  )
+}
+
+const ReviewTooltipMenuContent: FC<{ onAddComment: () => void }> = ({
+  onAddComment,
+}) => {
+  const { t } = useTranslation()
+  const view = useCodeMirrorViewContext()
+  const state = useCodeMirrorStateContext()
+  const { reviewPanelOpen } = useLayoutContext()
+  const ranges = useRangesContext()
+  const { acceptChanges, rejectChanges } = useRangesActionsContext()
+  const { showGenericConfirmModal } = useModalsContext()
+  const { wantTrackChanges } = useEditorManagerContext()
+  const [tooltipStyle, setTooltipStyle] = useState<CSSProperties | undefined>()
+  const [visible, setVisible] = useState(false)
+
+  const changeIdsInSelection = useMemo(() => {
+    return (ranges?.changes ?? [])
+      .filter(({ op }) => {
+        const opFrom = op.p
+        const opLength = isInsertOperation(op) ? op.i.length : 0
+        const opTo = opFrom + opLength
+        const selection = state.selection.main
+        return opFrom >= selection.from && opTo <= selection.to
+      })
+      .map(({ id }) => id)
+  }, [ranges, state.selection.main])
+
+  const acceptChangesHandler = useCallback(() => {
+    const nChanges = numberOfChangesInSelection(
+      ranges,
+      view.state.selection.main
+    )
+    showGenericConfirmModal({
+      message: t('confirm_accept_selected_changes', { count: nChanges }),
+      title: t('accept_selected_changes'),
+      onConfirm: () => {
+        acceptChanges(...changeIdsInSelection)
+      },
+      primaryVariant: 'danger',
+    })
+  }, [
+    acceptChanges,
+    changeIdsInSelection,
+    ranges,
+    showGenericConfirmModal,
+    view,
+    t,
+  ])
+
+  const rejectChangesHandler = useCallback(() => {
+    const nChanges = numberOfChangesInSelection(
+      ranges,
+      view.state.selection.main
+    )
+    showGenericConfirmModal({
+      message: t('confirm_reject_selected_changes', { count: nChanges }),
+      title: t('reject_selected_changes'),
+      onConfirm: () => {
+        rejectChanges(...changeIdsInSelection)
+      },
+      primaryVariant: 'danger',
+    })
+  }, [
+    showGenericConfirmModal,
+    t,
+    ranges,
+    view,
+    rejectChanges,
+    changeIdsInSelection,
+  ])
+
+  const showChangesButtons = changeIdsInSelection.length > 0
+
+  useEffect(() => {
+    view.requestMeasure({
+      key: 'review-tooltip-outside-viewport',
+      read(view) {
+        const cursorCoords = view.coordsAtPos(view.state.selection.main.head)
+
+        if (!cursorCoords) {
+          return
+        }
+
+        const scrollDomRect = view.scrollDOM.getBoundingClientRect()
+        const contentDomRect = view.contentDOM.getBoundingClientRect()
+        const editorRightPos = contentDomRect.right - CM_LINE_RIGHT_PADDING
+
+        if (
+          cursorCoords.top > scrollDomRect.top &&
+          cursorCoords.top < scrollDomRect.bottom
+        ) {
+          return
+        }
+
+        let widgetOffset = 0
+        if (isReviewerRoleEnabled) {
+          widgetOffset = EDIT_MODE_SWITCH_WIDGET_HEIGHT
+        } else if (wantTrackChanges && !reviewPanelOpen) {
+          widgetOffset = TRACK_CHANGES_ON_WIDGET_HEIGHT
+        }
+
+        return {
+          position: 'fixed' as const,
+          top: scrollDomRect.top + widgetOffset,
+          right: window.innerWidth - editorRightPos,
+        }
+      },
+      write(res) {
+        setTooltipStyle(res)
+      },
+    })
+  }, [view, reviewPanelOpen, wantTrackChanges])
+
+  useEffect(() => {
+    setVisible(false)
+    const timeout = setTimeout(() => {
+      setVisible(true)
+    }, TOOLTIP_SHOW_DELAY)
+
+    return () => {
+      clearTimeout(timeout)
+    }
+  }, [])
+
+  return (
+    <div
+      className={classNames('review-tooltip-menu', {
+        'review-tooltip-menu-visible': visible,
+      })}
+      style={tooltipStyle}
+    >
+      <button
+        className="review-tooltip-menu-button review-tooltip-add-comment-button"
+        onClick={onAddComment}
+      >
+        <MaterialIcon type="chat" />
+        {t('add_comment')}
+      </button>
+      {showChangesButtons && (
+        <>
+          <div className="review-tooltip-menu-divider" />
+          <OLTooltip
+            id="accept-all-changes"
+            description={t('accept_selected_changes')}
+          >
+            <button
+              className="review-tooltip-menu-button"
+              onClick={acceptChangesHandler}
+            >
+              <MaterialIcon type="check" />
+            </button>
+          </OLTooltip>
+
+          <OLTooltip
+            id="reject-all-changes"
+            description={t('reject_selected_changes')}
+          >
+            <button
+              className="review-tooltip-menu-button"
+              onClick={rejectChangesHandler}
+            >
+              <MaterialIcon type="clear" />
+            </button>
+          </OLTooltip>
+        </>
+      )}
+    </div>
+  )
+}
+
+export default ReviewTooltipMenu
diff --git a/services/web/frontend/js/features/review-panel-new/components/track-changes-on-widget.tsx b/services/web/frontend/js/features/review-panel-new/components/track-changes-on-widget.tsx
new file mode 100644
index 0000000..63ee100
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/track-changes-on-widget.tsx
@@ -0,0 +1,36 @@
+import { Trans } from 'react-i18next'
+import { EditorView } from '@codemirror/view'
+import classnames from 'classnames'
+import { useCodeMirrorStateContext } from '@/features/source-editor/components/codemirror-context'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import { useCallback } from 'react'
+
+function TrackChangesOnWidget() {
+  const { setReviewPanelOpen } = useLayoutContext()
+  const state = useCodeMirrorStateContext()
+  const darkTheme = state.facet(EditorView.darkTheme)
+
+  const openReviewPanel = useCallback(() => {
+    setReviewPanelOpen(true)
+  }, [setReviewPanelOpen])
+
+  return (
+    <div className="review-panel-in-editor-widgets">
+      <div className="review-panel-in-editor-widgets-inner">
+        <button
+          className={classnames('review-panel-track-changes-indicator', {
+            'review-panel-track-changes-indicator-on-dark': darkTheme,
+          })}
+          onClick={openReviewPanel}
+        >
+          <Trans
+            i18nKey="track_changes_is_on"
+            components={{ strong: <strong /> }}
+          />
+        </button>
+      </div>
+    </div>
+  )
+}
+
+export default TrackChangesOnWidget
diff --git a/services/web/frontend/js/features/review-panel-new/components/track-changes-toggle.tsx b/services/web/frontend/js/features/review-panel-new/components/track-changes-toggle.tsx
new file mode 100644
index 0000000..52c8ae7
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/track-changes-toggle.tsx
@@ -0,0 +1,29 @@
+import OLFormSwitch from '@/features/ui/components/ol/ol-form-switch'
+
+type TrackChangesToggleProps = {
+  id: string
+  description: string
+  disabled: boolean
+  handleToggle: () => void
+  value: boolean
+}
+
+function TrackChangesToggle({
+  id,
+  description,
+  disabled,
+  handleToggle,
+  value,
+}: TrackChangesToggleProps) {
+  return (
+    <OLFormSwitch
+      id={`input-switch-${id}`}
+      disabled={disabled}
+      onChange={handleToggle}
+      checked={value}
+      label={description}
+    />
+  )
+}
+
+export default TrackChangesToggle
diff --git a/services/web/frontend/js/features/review-panel-new/components/upgrade-track-changes-modal-legacy.tsx b/services/web/frontend/js/features/review-panel-new/components/upgrade-track-changes-modal-legacy.tsx
new file mode 100644
index 0000000..ccc5f1d
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/upgrade-track-changes-modal-legacy.tsx
@@ -0,0 +1,109 @@
+import { useTranslation } from 'react-i18next'
+import { useProjectContext } from '@/shared/context/project-context'
+import { useUserContext } from '@/shared/context/user-context'
+import teaserVideo from '../images/teaser-track-changes.mp4'
+import teaserImage from '../images/teaser-track-changes.gif'
+import { startFreeTrial, upgradePlan } from '@/main/account-upgrade'
+import { memo } from 'react'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type UpgradeTrackChangesModalProps = {
+  show: boolean
+  setShow: React.Dispatch<React.SetStateAction<boolean>>
+}
+
+function UpgradeTrackChangesModalLegacy({
+  show,
+  setShow,
+}: UpgradeTrackChangesModalProps) {
+  const { t } = useTranslation()
+  const project = useProjectContext()
+  const user = useUserContext()
+
+  return (
+    <OLModal show={show} onHide={() => setShow(false)}>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('upgrade_to_track_changes')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody>
+        <div className="teaser-video-container">
+          {/* eslint-disable-next-line jsx-a11y/media-has-caption */}
+          <video className="teaser-video" autoPlay loop>
+            <source src={teaserVideo} type="video/mp4" />
+            <img
+              src={teaserImage}
+              alt={t('demonstrating_track_changes_feature')}
+            />
+          </video>
+        </div>
+        <h4 className="teaser-title">
+          {t('see_changes_in_your_documents_live')}
+        </h4>
+        <OLRow>
+          <OLCol lg={{ span: 10, offset: 1 }}>
+            <ul className="list-unstyled">
+              {[
+                t('track_any_change_in_real_time'),
+                t('review_your_peers_work'),
+                t('accept_or_reject_each_changes_individually'),
+              ].map(translation => (
+                <li key={translation}>
+                  <MaterialIcon type="check" className="align-text-bottom" />
+                  &nbsp;{translation}
+                </li>
+              ))}
+            </ul>
+          </OLCol>
+        </OLRow>
+        <p className="small">
+          {t('already_subscribed_try_refreshing_the_page')}
+        </p>
+        {project.owner && (
+          <div className="text-center">
+            {project.owner._id === user.id ? (
+              user.allowedFreeTrial ? (
+                <OLButton
+                  variant="primary"
+                  onClick={() => startFreeTrial('track-changes')}
+                >
+                  {t('try_it_for_free')}
+                </OLButton>
+              ) : (
+                <OLButton
+                  variant="primary"
+                  onClick={() => upgradePlan('project-sharing')}
+                >
+                  {t('upgrade')}
+                </OLButton>
+              )
+            ) : (
+              <p>
+                <strong>
+                  {t(
+                    'please_ask_the_project_owner_to_upgrade_to_track_changes'
+                  )}
+                </strong>
+              </p>
+            )}
+          </div>
+        )}
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={() => setShow(false)}>
+          {t('close')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
+
+export default memo(UpgradeTrackChangesModalLegacy)
diff --git a/services/web/frontend/js/features/review-panel-new/components/upgrade-track-changes-modal.tsx b/services/web/frontend/js/features/review-panel-new/components/upgrade-track-changes-modal.tsx
new file mode 100644
index 0000000..4948a00
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/components/upgrade-track-changes-modal.tsx
@@ -0,0 +1,104 @@
+import { useTranslation } from 'react-i18next'
+import { useProjectContext } from '@/shared/context/project-context'
+import { useUserContext } from '@/shared/context/user-context'
+import teaserVideo from '../images/teaser-track-changes.mp4'
+import teaserImage from '../images/teaser-track-changes.gif'
+import { startFreeTrial, upgradePlan } from '@/main/account-upgrade'
+import { memo } from 'react'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type UpgradeTrackChangesModalProps = {
+  show: boolean
+  setShow: React.Dispatch<React.SetStateAction<boolean>>
+}
+
+function UpgradeTrackChangesModal({
+  show,
+  setShow,
+}: UpgradeTrackChangesModalProps) {
+  const { t } = useTranslation()
+  const project = useProjectContext()
+  const user = useUserContext()
+
+  return (
+    <OLModal show={show} onHide={() => setShow(false)}>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('upgrade_to_review')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody className="upgrade-track-changes-modal">
+        <div className="teaser-video-container">
+          {/* eslint-disable-next-line jsx-a11y/media-has-caption */}
+          <video className="teaser-video" autoPlay loop>
+            <source src={teaserVideo} type="video/mp4" />
+            <img
+              src={teaserImage}
+              alt={t('demonstrating_track_changes_feature')}
+            />
+          </video>
+        </div>
+        <h4 className="teaser-title">{t('get_real_time_track_changes')}</h4>
+        <OLRow>
+          <OLCol lg={{ span: 10, offset: 1 }}>
+            <ul className="list-unstyled">
+              {[
+                t('see_suggestions_from_collaborators'),
+                t('accept_or_reject_individual_edits'),
+                t('access_all_premium_features'),
+              ].map(translation => (
+                <li key={translation}>
+                  <MaterialIcon type="check" className="check-icon" />
+                  <span>{translation}</span>
+                </li>
+              ))}
+            </ul>
+          </OLCol>
+        </OLRow>
+        {project.owner && (
+          <div className="text-center">
+            {project.owner._id === user.id ? (
+              user.allowedFreeTrial ? (
+                <OLButton
+                  variant="premium"
+                  onClick={() => startFreeTrial('track-changes')}
+                >
+                  {t('try_it_for_free')}
+                </OLButton>
+              ) : (
+                <OLButton
+                  variant="premium"
+                  onClick={() => upgradePlan('project-sharing')}
+                >
+                  {t('upgrade')}
+                </OLButton>
+              )
+            ) : (
+              <p>
+                <strong>
+                  {t(
+                    'please_ask_the_project_owner_to_upgrade_to_track_changes'
+                  )}
+                </strong>
+              </p>
+            )}
+          </div>
+        )}
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={() => setShow(false)}>
+          {t('close')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
+
+export default memo(UpgradeTrackChangesModal)
diff --git a/services/web/frontend/js/features/review-panel-new/context/changes-users-context.tsx b/services/web/frontend/js/features/review-panel-new/context/changes-users-context.tsx
new file mode 100644
index 0000000..e875736
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/context/changes-users-context.tsx
@@ -0,0 +1,67 @@
+import {
+  createContext,
+  FC,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react'
+import { getJSON } from '@/infrastructure/fetch-json'
+import { useProjectContext } from '@/shared/context/project-context'
+import { UserId } from '../../../../../types/user'
+import { useEditorContext } from '@/shared/context/editor-context'
+import { debugConsole } from '@/utils/debugging'
+import { captureException } from '@/infrastructure/error-reporter'
+
+export type ChangesUser = {
+  id: UserId
+  email: string
+  first_name?: string
+  last_name?: string
+}
+
+export type ChangesUsers = Map<UserId, ChangesUser>
+
+export const ChangesUsersContext = createContext<ChangesUsers | undefined>(
+  undefined
+)
+
+export const ChangesUsersProvider: FC = ({ children }) => {
+  const { _id: projectId, members, owner } = useProjectContext()
+  const { isRestrictedTokenMember } = useEditorContext()
+
+  const [changesUsers, setChangesUsers] = useState<ChangesUsers>()
+
+  useEffect(() => {
+    if (isRestrictedTokenMember) {
+      return
+    }
+
+    getJSON<ChangesUser[]>(`/project/${projectId}/changes/users`)
+      .then(data => setChangesUsers(new Map(data.map(item => [item.id, item]))))
+      .catch(error => {
+        debugConsole.error(error)
+        captureException(error)
+      })
+  }, [projectId, isRestrictedTokenMember])
+
+  // add the project owner and members to the changes users data
+  const value = useMemo(() => {
+    const value: ChangesUsers = new Map(changesUsers)
+    value.set(owner._id, { ...owner, id: owner._id })
+    for (const member of members) {
+      value.set(member._id, { ...member, id: member._id })
+    }
+    return value
+  }, [members, owner, changesUsers])
+
+  return (
+    <ChangesUsersContext.Provider value={value}>
+      {children}
+    </ChangesUsersContext.Provider>
+  )
+}
+
+export const useChangesUsersContext = () => {
+  return useContext(ChangesUsersContext)
+}
diff --git a/services/web/frontend/js/features/review-panel-new/context/ranges-context.tsx b/services/web/frontend/js/features/review-panel-new/context/ranges-context.tsx
new file mode 100644
index 0000000..0ed2034
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/context/ranges-context.tsx
@@ -0,0 +1,197 @@
+import {
+  createContext,
+  FC,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react'
+import { DocumentContainer } from '@/features/ide-react/editor/document-container'
+import {
+  Change,
+  CommentOperation,
+  EditOperation,
+} from '../../../../../types/change'
+import RangesTracker from '@overleaf/ranges-tracker'
+import { rejectChanges } from '@/features/source-editor/extensions/changes/reject-changes'
+import { useCodeMirrorViewContext } from '@/features/source-editor/components/codemirror-context'
+import { postJSON } from '@/infrastructure/fetch-json'
+import { useIdeReactContext } from '@/features/ide-react/context/ide-react-context'
+import { useConnectionContext } from '@/features/ide-react/context/connection-context'
+import useSocketListener from '@/features/ide-react/hooks/use-socket-listener'
+import { throttle } from 'lodash'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+
+export type Ranges = {
+  docId: string
+  changes: Change<EditOperation>[]
+  comments: Change<CommentOperation>[]
+}
+
+export const RangesContext = createContext<Ranges | undefined>(undefined)
+
+type RangesActions = {
+  acceptChanges: (...ids: string[]) => void
+  rejectChanges: (...ids: string[]) => void
+}
+
+const buildRanges = (currentDocument: DocumentContainer | null) => {
+  const ranges = currentDocument?.ranges
+
+  if (!ranges) {
+    return undefined
+  }
+
+  const dirtyState = ranges.getDirtyState()
+  ranges.resetDirtyState()
+
+  const changed = {
+    changes: new Set([
+      ...Object.keys(dirtyState.change.added),
+      ...Object.keys(dirtyState.change.moved),
+      ...Object.keys(dirtyState.change.removed),
+    ]),
+    comments: new Set([
+      ...Object.keys(dirtyState.comment.added),
+      ...Object.keys(dirtyState.comment.moved),
+      ...Object.keys(dirtyState.comment.removed),
+    ]),
+  }
+
+  return {
+    changes:
+      changed.changes.size > 0
+        ? ranges.changes.map(change =>
+            changed.changes.has(change.id) ? { ...change } : change
+          )
+        : ranges.changes,
+    comments:
+      changed.comments.size > 0
+        ? ranges.comments.map(comment =>
+            changed.comments.has(comment.id) ? { ...comment } : comment
+          )
+        : ranges.comments,
+    docId: currentDocument.doc_id,
+  }
+}
+
+const RangesActionsContext = createContext<RangesActions | undefined>(undefined)
+
+export const RangesProvider: FC = ({ children }) => {
+  const view = useCodeMirrorViewContext()
+  const { projectId } = useIdeReactContext()
+  const { currentDocument } = useEditorManagerContext()
+  const { socket } = useConnectionContext()
+  const [ranges, setRanges] = useState<Ranges | undefined>(() =>
+    buildRanges(currentDocument)
+  )
+
+  // rebuild the ranges when the current doc changes
+  useEffect(() => {
+    setRanges(buildRanges(currentDocument))
+  }, [currentDocument])
+
+  useEffect(() => {
+    if (currentDocument) {
+      const listener = throttle(
+        () => {
+          window.setTimeout(() => {
+            setRanges(buildRanges(currentDocument))
+          })
+        },
+        500,
+        { leading: true, trailing: true }
+      )
+
+      // currentDocument.on('ranges:clear.cm6', listener)
+      currentDocument.on('ranges:redraw.cm6', listener)
+      currentDocument.on('ranges:dirty.cm6', listener)
+
+      return () => {
+        // currentDocument.off('ranges:clear.cm6')
+        currentDocument.off('ranges:redraw.cm6')
+        currentDocument.off('ranges:dirty.cm6')
+      }
+    }
+  }, [currentDocument])
+
+  // TODO: move this into DocumentContainer?
+  useEffect(() => {
+    if (currentDocument) {
+      const regenerateTrackChangesId = (doc: DocumentContainer) => {
+        if (doc.ranges) {
+          const inflight = doc.ranges.getIdSeed()
+          const pending = RangesTracker.generateIdSeed()
+          doc.ranges.setIdSeed(pending)
+          doc.setTrackChangesIdSeeds({ pending, inflight })
+        }
+      }
+
+      currentDocument.on('flipped_pending_to_inflight', () =>
+        regenerateTrackChangesId(currentDocument)
+      )
+
+      regenerateTrackChangesId(currentDocument)
+
+      return () => {
+        currentDocument.off('flipped_pending_to_inflight')
+      }
+    }
+  }, [currentDocument])
+
+  useSocketListener(
+    socket,
+    'accept-changes',
+    useCallback(
+      (docId: string, entryIds: string[]) => {
+        if (currentDocument?.ranges) {
+          if (docId === currentDocument.doc_id) {
+            currentDocument.ranges.removeChangeIds(entryIds)
+            setRanges(buildRanges(currentDocument))
+          }
+        }
+      },
+      [currentDocument]
+    )
+  )
+
+  const actions = useMemo(
+    () => ({
+      async acceptChanges(...ids: string[]) {
+        if (currentDocument?.ranges) {
+          const url = `/project/${projectId}/doc/${currentDocument.doc_id}/changes/accept`
+          await postJSON(url, { body: { change_ids: ids } })
+          currentDocument.ranges.removeChangeIds(ids)
+          setRanges(buildRanges(currentDocument))
+        }
+      },
+      rejectChanges(...ids: string[]) {
+        if (currentDocument?.ranges) {
+          view.dispatch(rejectChanges(view.state, currentDocument.ranges, ids))
+        }
+      },
+    }),
+    [currentDocument, projectId, view]
+  )
+
+  return (
+    <RangesActionsContext.Provider value={actions}>
+      <RangesContext.Provider value={ranges}>{children}</RangesContext.Provider>
+    </RangesActionsContext.Provider>
+  )
+}
+
+export const useRangesContext = () => {
+  return useContext(RangesContext)
+}
+
+export const useRangesActionsContext = () => {
+  const context = useContext(RangesActionsContext)
+  if (!context) {
+    throw new Error(
+      'useRangesActionsContext is only available inside RangesProvider'
+    )
+  }
+  return context
+}
diff --git a/services/web/frontend/js/features/review-panel-new/context/review-panel-providers.tsx b/services/web/frontend/js/features/review-panel-new/context/review-panel-providers.tsx
new file mode 100644
index 0000000..34cb175
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/context/review-panel-providers.tsx
@@ -0,0 +1,20 @@
+import { FC } from 'react'
+import { RangesProvider } from './ranges-context'
+import { ChangesUsersProvider } from './changes-users-context'
+import { TrackChangesStateProvider } from './track-changes-state-context'
+import { ThreadsProvider } from './threads-context'
+import { ReviewPanelViewProvider } from './review-panel-view-context'
+
+export const ReviewPanelProviders: FC = ({ children }) => {
+  return (
+    <ReviewPanelViewProvider>
+      <ChangesUsersProvider>
+        <TrackChangesStateProvider>
+          <ThreadsProvider>
+            <RangesProvider>{children}</RangesProvider>
+          </ThreadsProvider>
+        </TrackChangesStateProvider>
+      </ChangesUsersProvider>
+    </ReviewPanelViewProvider>
+  )
+}
diff --git a/services/web/frontend/js/features/review-panel-new/context/review-panel-view-context.tsx b/services/web/frontend/js/features/review-panel-new/context/review-panel-view-context.tsx
new file mode 100644
index 0000000..7305c68
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/context/review-panel-view-context.tsx
@@ -0,0 +1,54 @@
+import {
+  createContext,
+  Dispatch,
+  FC,
+  SetStateAction,
+  useContext,
+  useMemo,
+  useState,
+} from 'react'
+
+export type View = 'cur_file' | 'overview'
+
+export const ReviewPanelViewContext = createContext<View>('cur_file')
+
+type ViewActions = {
+  setView: Dispatch<SetStateAction<View>>
+}
+
+const ReviewPanelViewActionsContext = createContext<ViewActions | undefined>(
+  undefined
+)
+
+export const ReviewPanelViewProvider: FC = ({ children }) => {
+  const [view, setView] = useState<View>('cur_file')
+
+  const actions = useMemo(
+    () => ({
+      setView,
+    }),
+    [setView]
+  )
+
+  return (
+    <ReviewPanelViewActionsContext.Provider value={actions}>
+      <ReviewPanelViewContext.Provider value={view}>
+        {children}
+      </ReviewPanelViewContext.Provider>
+    </ReviewPanelViewActionsContext.Provider>
+  )
+}
+
+export const useReviewPanelViewContext = () => {
+  return useContext(ReviewPanelViewContext)
+}
+
+export const useReviewPanelViewActionsContext = () => {
+  const context = useContext(ReviewPanelViewActionsContext)
+  if (!context) {
+    throw new Error(
+      'useViewActionsContext is only available inside ViewProvider'
+    )
+  }
+  return context
+}
diff --git a/services/web/frontend/js/features/review-panel-new/context/threads-context.tsx b/services/web/frontend/js/features/review-panel-new/context/threads-context.tsx
new file mode 100644
index 0000000..fce47e9
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/context/threads-context.tsx
@@ -0,0 +1,334 @@
+import {
+  createContext,
+  FC,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react'
+import { useProjectContext } from '@/shared/context/project-context'
+import {
+  CommentId,
+  ReviewPanelCommentThreadMessage,
+  ThreadId,
+} from '../../../../../types/review-panel/review-panel'
+import { ReviewPanelCommentThread } from '../../../../../types/review-panel/comment-thread'
+import { useConnectionContext } from '@/features/ide-react/context/connection-context'
+import useSocketListener from '@/features/ide-react/hooks/use-socket-listener'
+import { UserId } from '../../../../../types/user'
+import { deleteJSON, getJSON, postJSON } from '@/infrastructure/fetch-json'
+import RangesTracker from '@overleaf/ranges-tracker'
+import { CommentOperation } from '../../../../../types/change'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+import { useEditorContext } from '@/shared/context/editor-context'
+import { debugConsole } from '@/utils/debugging'
+import { captureException } from '@/infrastructure/error-reporter'
+
+export type Threads = Record<ThreadId, ReviewPanelCommentThread>
+
+export const ThreadsContext = createContext<Threads | undefined>(undefined)
+
+type ThreadsActions = {
+  addComment: (pos: number, text: string, content: string) => Promise<void>
+  resolveThread: (threadId: ThreadId) => Promise<void>
+  reopenThread: (threadId: ThreadId) => Promise<void>
+  deleteThread: (threadId: ThreadId) => Promise<void>
+  addMessage: (threadId: ThreadId, content: string) => Promise<void>
+  editMessage: (
+    threadId: ThreadId,
+    commentId: CommentId,
+    content: string
+  ) => Promise<void>
+  deleteMessage: (threadId: ThreadId, commentId: CommentId) => Promise<void>
+  deleteOwnMessage: (threadId: ThreadId, commentId: CommentId) => Promise<void>
+}
+
+const ThreadsActionsContext = createContext<ThreadsActions | undefined>(
+  undefined
+)
+
+export const ThreadsProvider: FC = ({ children }) => {
+  const { _id: projectId } = useProjectContext()
+  const { currentDocument } = useEditorManagerContext()
+  const { isRestrictedTokenMember } = useEditorContext()
+
+  // const [error, setError] = useState<Error>()
+  const [data, setData] = useState<Threads>()
+
+  // load the initial threads data
+  useEffect(() => {
+    if (isRestrictedTokenMember) {
+      return
+    }
+
+    const abortController = new AbortController()
+
+    getJSON(`/project/${projectId}/threads`, {
+      signal: abortController.signal,
+    })
+      .then(data => {
+        setData(data)
+      })
+      .catch(error => {
+        debugConsole.error(error)
+        captureException(error)
+        // setError(error)
+      })
+  }, [projectId, isRestrictedTokenMember])
+
+  const { socket } = useConnectionContext()
+
+  useSocketListener(
+    socket,
+    'new-comment',
+    useCallback(
+      (
+        threadId: ThreadId,
+        comment: ReviewPanelCommentThreadMessage & { timestamp: number }
+      ) => {
+        setData(value => {
+          if (value) {
+            const { submitting, ...thread } = value[threadId] ?? {
+              messages: [],
+            }
+
+            return {
+              ...value,
+              [threadId]: {
+                ...thread,
+                messages: [
+                  ...thread.messages,
+                  {
+                    ...comment,
+                    user: comment.user, // TODO
+                    timestamp: new Date(comment.timestamp),
+                  },
+                ],
+              },
+            }
+          }
+        })
+      },
+      []
+    )
+  )
+
+  useSocketListener(
+    socket,
+    'edit-message',
+    useCallback((threadId: ThreadId, commentId: CommentId, content: string) => {
+      setData(value => {
+        if (value) {
+          const thread = value[threadId] ?? { messages: [] }
+
+          return {
+            ...value,
+            [threadId]: {
+              ...thread,
+              messages: thread.messages.map(message =>
+                message.id === commentId ? { ...message, content } : message
+              ),
+            },
+          }
+        }
+      })
+    }, [])
+  )
+
+  useSocketListener(
+    socket,
+    'delete-message',
+    useCallback((threadId: ThreadId, commentId: CommentId) => {
+      setData(value => {
+        if (value) {
+          const thread = value[threadId] ?? { messages: [] }
+
+          return {
+            ...value,
+            [threadId]: {
+              ...thread,
+              messages: thread.messages.filter(
+                message => message.id !== commentId
+              ),
+            },
+          }
+        }
+      })
+    }, [])
+  )
+
+  useSocketListener(
+    socket,
+    'resolve-thread',
+    useCallback(
+      (
+        threadId: ThreadId,
+        user: { email: string; first_name: string; id: UserId }
+      ) => {
+        setData(value => {
+          if (value) {
+            const thread = value[threadId] ?? { messages: [] }
+
+            return {
+              ...value,
+              [threadId]: {
+                ...thread,
+                resolved: true,
+                resolved_by_user: user, // TODO
+                resolved_at: new Date().toISOString(),
+              },
+            }
+          }
+        })
+      },
+      []
+    )
+  )
+
+  useSocketListener(
+    socket,
+    'reopen-thread',
+    useCallback((threadId: ThreadId) => {
+      setData(value => {
+        if (value) {
+          const thread = value[threadId] ?? { messages: [] }
+
+          return {
+            ...value,
+            [threadId]: {
+              ...thread,
+              resolved: undefined,
+              resolved_by_user: undefined,
+              resolved_at: undefined,
+            },
+          }
+        }
+      })
+    }, [])
+  )
+
+  useSocketListener(
+    socket,
+    'delete-thread',
+    useCallback((threadId: ThreadId) => {
+      setData(value => {
+        if (value) {
+          const _value = { ...value }
+          delete _value[threadId]
+          return _value
+        }
+      })
+    }, [])
+  )
+
+  useSocketListener(
+    socket,
+    'new-comment-threads',
+    useCallback(threads => {
+      setData(prevState => {
+        const newThreads = { ...prevState }
+        for (const threadId of Object.keys(threads)) {
+          const thread = threads[threadId]
+          const newThreadData: ReviewPanelCommentThread = {
+            messages: [],
+            resolved: thread.resolved,
+            resolved_at: thread.resolved_at,
+            resolved_by_user_id: thread.resolved_by_user_id,
+            resolved_by_user: thread.resolved_by_user,
+          }
+          for (const message of thread.messages) {
+            newThreadData.messages.push({
+              ...message,
+              timestamp: new Date(message.timestamp),
+            })
+          }
+          newThreads[threadId as ThreadId] = newThreadData
+        }
+        return newThreads
+      })
+    }, [])
+  )
+
+  const actions = useMemo(
+    () => ({
+      async addComment(pos: number, text: string, content: string) {
+        const threadId = RangesTracker.generateId() as ThreadId
+
+        await postJSON(`/project/${projectId}/thread/${threadId}/messages`, {
+          body: { content },
+        })
+
+        const op: CommentOperation = {
+          c: text,
+          p: pos,
+          t: threadId,
+        }
+
+        currentDocument?.submitOp(op)
+      },
+      async resolveThread(threadId: string) {
+        await postJSON(
+          `/project/${projectId}/doc/${currentDocument?.doc_id}/thread/${threadId}/resolve`
+        )
+      },
+      async reopenThread(threadId: string) {
+        await postJSON(
+          `/project/${projectId}/doc/${currentDocument?.doc_id}/thread/${threadId}/reopen`
+        )
+      },
+      async deleteThread(threadId: string) {
+        await deleteJSON(
+          `/project/${projectId}/doc/${currentDocument?.doc_id}/thread/${threadId}`
+        )
+        currentDocument?.ranges?.removeCommentId(threadId)
+      },
+      async addMessage(threadId: ThreadId, content: string) {
+        await postJSON(`/project/${projectId}/thread/${threadId}/messages`, {
+          body: { content },
+        })
+      },
+      async editMessage(
+        threadId: ThreadId,
+        commentId: CommentId,
+        content: string
+      ) {
+        await postJSON(
+          `/project/${projectId}/thread/${threadId}/messages/${commentId}/edit`,
+          { body: { content } }
+        )
+      },
+      async deleteMessage(threadId: ThreadId, commentId: CommentId) {
+        await deleteJSON(
+          `/project/${projectId}/thread/${threadId}/messages/${commentId}`
+        )
+      },
+      async deleteOwnMessage(threadId: ThreadId, commentId: CommentId) {
+        await deleteJSON(
+          `/project/${projectId}/thread/${threadId}/own-messages/${commentId}`
+        )
+      },
+    }),
+    [currentDocument, projectId]
+  )
+
+  return (
+    <ThreadsActionsContext.Provider value={actions}>
+      <ThreadsContext.Provider value={data}>{children}</ThreadsContext.Provider>
+    </ThreadsActionsContext.Provider>
+  )
+}
+
+export const useThreadsContext = () => {
+  return useContext(ThreadsContext)
+}
+
+export const useThreadsActionsContext = () => {
+  const context = useContext(ThreadsActionsContext)
+  if (!context) {
+    throw new Error(
+      'useThreadsActionsContext is only available inside ThreadsProvider'
+    )
+  }
+  return context
+}
diff --git a/services/web/frontend/js/features/review-panel-new/context/track-changes-state-context.tsx b/services/web/frontend/js/features/review-panel-new/context/track-changes-state-context.tsx
new file mode 100644
index 0000000..b9eb61c
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/context/track-changes-state-context.tsx
@@ -0,0 +1,193 @@
+import { UserId } from '../../../../../types/user'
+import {
+  createContext,
+  FC,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react'
+import useSocketListener from '@/features/ide-react/hooks/use-socket-listener'
+import { useConnectionContext } from '@/features/ide-react/context/connection-context'
+import { useProjectContext } from '@/shared/context/project-context'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+import { useUserContext } from '@/shared/context/user-context'
+import { postJSON } from '@/infrastructure/fetch-json'
+import useEventListener from '@/shared/hooks/use-event-listener'
+import { ProjectContextValue } from '@/shared/context/types/project-context'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+import getMeta from '@/utils/meta'
+
+export type TrackChangesState = {
+  onForEveryone: boolean
+  onForGuests: boolean
+  onForMembers: Record<UserId, boolean | undefined>
+}
+
+export const TrackChangesStateContext = createContext<
+  TrackChangesState | undefined
+>(undefined)
+
+type SaveTrackChangesRequestBody = {
+  on?: boolean
+  on_for?: Record<UserId, boolean | undefined>
+  on_for_guests?: boolean
+}
+
+type TrackChangesStateActions = {
+  saveTrackChanges: (trackChangesBody: SaveTrackChangesRequestBody) => void
+  saveTrackChangesForCurrentUser: (trackChanges: boolean) => void
+}
+
+const TrackChangesStateActionsContext = createContext<
+  TrackChangesStateActions | undefined
+>(undefined)
+
+export const TrackChangesStateProvider: FC = ({ children }) => {
+  const permissions = usePermissionsContext()
+  const { socket } = useConnectionContext()
+  const project = useProjectContext()
+  const user = useUserContext()
+  const { setWantTrackChanges } = useEditorManagerContext()
+
+  // TODO: update project.trackChangesState instead?
+  const [trackChangesValue, setTrackChangesValue] = useState<
+    ProjectContextValue['trackChangesState']
+  >(project.trackChangesState ?? false)
+
+  useSocketListener(socket, 'toggle-track-changes', setTrackChangesValue)
+
+  useEffect(() => {
+    setWantTrackChanges(
+      trackChangesValue === true ||
+        (trackChangesValue !== false &&
+          trackChangesValue[user.id ?? '__guests__'])
+    )
+  }, [setWantTrackChanges, trackChangesValue, user.id])
+
+  const trackChangesIsObject =
+    trackChangesValue !== true && trackChangesValue !== false
+  const onForEveryone = trackChangesValue === true
+  const onForGuests =
+    onForEveryone ||
+    (trackChangesIsObject && trackChangesValue.__guests__ === true)
+
+  const onForMembers = useMemo(() => {
+    const onForMembers: Record<UserId, boolean | undefined> = {}
+    if (trackChangesIsObject) {
+      for (const key of Object.keys(trackChangesValue)) {
+        if (key !== '__guests__') {
+          onForMembers[key as UserId] = trackChangesValue[key as UserId]
+        }
+      }
+    }
+    return onForMembers
+  }, [trackChangesIsObject, trackChangesValue])
+
+  const saveTrackChanges = useCallback(
+    async (trackChangesBody: SaveTrackChangesRequestBody) => {
+      postJSON(`/project/${project._id}/track_changes`, {
+        body: trackChangesBody,
+      })
+    },
+    [project._id]
+  )
+
+  const saveTrackChangesForCurrentUser = useCallback(
+    async (trackChanges: boolean) => {
+      if (user.id) {
+        if (getMeta('ol-isReviewerRoleEnabled')) {
+          saveTrackChanges({
+            on_for: {
+              ...onForMembers,
+              [user.id]: trackChanges,
+            },
+          })
+        } else {
+          saveTrackChanges({
+            on_for: {
+              ...onForMembers,
+              [user.id]: trackChanges,
+            },
+            on_for_guests: onForGuests,
+          })
+        }
+      }
+    },
+    [onForMembers, onForGuests, user.id, saveTrackChanges]
+  )
+
+  const actions = useMemo(
+    () => ({
+      saveTrackChanges,
+      saveTrackChangesForCurrentUser,
+    }),
+    [saveTrackChanges, saveTrackChangesForCurrentUser]
+  )
+
+  useEventListener(
+    'toggle-track-changes',
+    useCallback(() => {
+      if (
+        user.id &&
+        project.features.trackChanges &&
+        permissions.write &&
+        !onForEveryone
+      ) {
+        const value = onForMembers[user.id]
+        if (getMeta('ol-isReviewerRoleEnabled')) {
+          actions.saveTrackChanges({
+            on_for: {
+              ...onForMembers,
+              [user.id]: !value,
+            },
+          })
+        } else {
+          actions.saveTrackChanges({
+            on_for: {
+              ...onForMembers,
+              [user.id]: !value,
+            },
+            on_for_guests: onForGuests,
+          })
+        }
+      }
+    }, [
+      actions,
+      onForMembers,
+      onForGuests,
+      onForEveryone,
+      permissions.write,
+      project.features.trackChanges,
+      user.id,
+    ])
+  )
+
+  const value = useMemo(
+    () => ({ onForEveryone, onForGuests, onForMembers }),
+    [onForEveryone, onForGuests, onForMembers]
+  )
+
+  return (
+    <TrackChangesStateActionsContext.Provider value={actions}>
+      <TrackChangesStateContext.Provider value={value}>
+        {children}
+      </TrackChangesStateContext.Provider>
+    </TrackChangesStateActionsContext.Provider>
+  )
+}
+
+export const useTrackChangesStateContext = () => {
+  return useContext(TrackChangesStateContext)
+}
+
+export const useTrackChangesStateActionsContext = () => {
+  const context = useContext(TrackChangesStateActionsContext)
+  if (!context) {
+    throw new Error(
+      'useTrackChangesStateActionsContext is only available inside TrackChangesStateProvider'
+    )
+  }
+  return context
+}
diff --git a/services/web/frontend/js/features/review-panel-new/hooks/use-more-comments.ts b/services/web/frontend/js/features/review-panel-new/hooks/use-more-comments.ts
new file mode 100644
index 0000000..f541839
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/hooks/use-more-comments.ts
@@ -0,0 +1,151 @@
+import { useCallback, useEffect, useMemo, useState } from 'react'
+import { useCodeMirrorViewContext } from '@/features/source-editor/components/codemirror-editor'
+import {
+  Change,
+  CommentOperation,
+  EditOperation,
+} from '../../../../../types/change'
+import { DecorationSet, EditorView } from '@codemirror/view'
+import { EditorSelection } from '@codemirror/state'
+import _ from 'lodash'
+import useReviewPanelLayout from './use-review-panel-layout'
+
+const useMoreCommments = (
+  changes: Change<EditOperation>[],
+  comments: Change<CommentOperation>[],
+  newComments: DecorationSet
+): {
+  onEntriesPositioned: () => void
+  onMoreCommentsAboveClick: null | (() => void)
+  onMoreCommentsBelowClick: null | (() => void)
+} => {
+  const view = useCodeMirrorViewContext()
+  const { showPanel, mini } = useReviewPanelLayout()
+  const reviewPanelOpen = showPanel && !mini
+
+  const [positionAbove, setPositionAbove] = useState<number | null>(null)
+  const [positionBelow, setPositionBelow] = useState<number | null>(null)
+
+  const updateEntryPositions = useMemo(
+    () =>
+      _.debounce(
+        () =>
+          view.requestMeasure({
+            key: 'review-panel-more-comments',
+            read(view) {
+              const container = view.scrollDOM
+
+              if (!container || !reviewPanelOpen) {
+                return { positionAbove: null, positionBelow: null }
+              }
+
+              const containerTop = container.scrollTop
+              const containerBottom = containerTop + container.clientHeight
+
+              // First check for any entries in view by looking for the actual rendered entries
+              for (const entryElt of container.querySelectorAll<HTMLElement>(
+                '.review-panel-entry'
+              )) {
+                const entryTop = entryElt?.offsetTop ?? 0
+                const entryBottom = entryTop + (entryElt?.offsetHeight ?? 0)
+
+                if (entryBottom > containerTop && entryTop < containerBottom) {
+                  // Some part of the entry is in view
+                  return { positionAbove: null, positionBelow: null }
+                }
+              }
+
+              // Find the max and min positions in the visible part of the viewport
+              const visibleFrom = view.lineBlockAtHeight(containerTop).from
+              const visibleTo = view.lineBlockAtHeight(containerBottom).to
+
+              // Then go through the positions to find the first entry above and below the visible viewport.
+              // We can't use the rendered entries for this because only the entries that are in the viewport (or
+              // have been in the viewport during the current page view session) are actually rendered.
+              let firstEntryAbove: number | null = null
+              let firstEntryBelow: number | null = null
+
+              const updateFirstEntryAboveBelowPositions = (
+                position: number
+              ) => {
+                if (visibleFrom === null || position < visibleFrom) {
+                  firstEntryAbove = Math.max(firstEntryAbove ?? 0, position)
+                }
+
+                if (visibleTo === null || position > visibleTo) {
+                  firstEntryBelow = Math.min(
+                    firstEntryBelow ?? Number.MAX_VALUE,
+                    position
+                  )
+                }
+              }
+
+              for (const entry of [...changes, ...comments]) {
+                updateFirstEntryAboveBelowPositions(entry.op.p)
+              }
+
+              const cursor = newComments.iter()
+              while (cursor.value) {
+                updateFirstEntryAboveBelowPositions(cursor.from)
+                cursor.next()
+              }
+
+              return {
+                positionAbove: firstEntryAbove,
+                positionBelow: firstEntryBelow,
+              }
+            },
+            write({ positionAbove, positionBelow }) {
+              setPositionAbove(positionAbove)
+              setPositionBelow(positionBelow)
+            },
+          }),
+        200
+      ),
+    [changes, comments, newComments, view, reviewPanelOpen]
+  )
+
+  useEffect(() => {
+    const scrollerElt = document.getElementsByClassName('cm-scroller')[0]
+    if (scrollerElt) {
+      scrollerElt.addEventListener('scroll', updateEntryPositions)
+      return () => {
+        scrollerElt.removeEventListener('scroll', updateEntryPositions)
+      }
+    }
+  }, [updateEntryPositions])
+
+  const onMoreCommentsClick = useCallback(
+    (position: number) => {
+      view.dispatch({
+        effects: EditorView.scrollIntoView(position, {
+          y: 'center',
+        }),
+        selection: EditorSelection.cursor(position),
+      })
+    },
+    [view]
+  )
+
+  const onMoreCommentsAboveClick = useCallback(() => {
+    if (positionAbove !== null) {
+      onMoreCommentsClick(positionAbove)
+    }
+  }, [positionAbove, onMoreCommentsClick])
+
+  const onMoreCommentsBelowClick = useCallback(() => {
+    if (positionBelow !== null) {
+      onMoreCommentsClick(positionBelow)
+    }
+  }, [positionBelow, onMoreCommentsClick])
+
+  return {
+    onEntriesPositioned: updateEntryPositions,
+    onMoreCommentsAboveClick:
+      positionAbove !== null ? onMoreCommentsAboveClick : null,
+    onMoreCommentsBelowClick:
+      positionBelow !== null ? onMoreCommentsBelowClick : null,
+  }
+}
+
+export default useMoreCommments
diff --git a/services/web/frontend/js/features/review-panel-new/hooks/use-overview-file-collapsed.ts b/services/web/frontend/js/features/review-panel-new/hooks/use-overview-file-collapsed.ts
new file mode 100644
index 0000000..fcc3f9a
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/hooks/use-overview-file-collapsed.ts
@@ -0,0 +1,22 @@
+import { useCallback } from 'react'
+import { DocId } from '../../../../../types/project-settings'
+import { useProjectContext } from '../../../shared/context/project-context'
+import usePersistedState from '../../../shared/hooks/use-persisted-state'
+
+export default function useOverviewFileCollapsed(docId: DocId) {
+  const { _id: projectId } = useProjectContext()
+  const [collapsedDocs, setCollapsedDocs] = usePersistedState<
+    Record<DocId, boolean>
+  >(`docs_collapsed_state:${projectId}`, {}, false, true)
+
+  const toggleCollapsed = useCallback(() => {
+    setCollapsedDocs((collapsedDocs: Record<DocId, boolean>) => {
+      return {
+        ...collapsedDocs,
+        [docId]: !collapsedDocs[docId],
+      }
+    })
+  }, [docId, setCollapsedDocs])
+
+  return { collapsed: collapsedDocs[docId], toggleCollapsed }
+}
diff --git a/services/web/frontend/js/features/review-panel-new/hooks/use-project-ranges.ts b/services/web/frontend/js/features/review-panel-new/hooks/use-project-ranges.ts
new file mode 100644
index 0000000..95e854d
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/hooks/use-project-ranges.ts
@@ -0,0 +1,64 @@
+import { useCallback, useEffect, useState } from 'react'
+import { Ranges } from '../context/ranges-context'
+import { useProjectContext } from '@/shared/context/project-context'
+import { getJSON } from '@/infrastructure/fetch-json'
+import useSocketListener from '@/features/ide-react/hooks/use-socket-listener'
+import { useConnectionContext } from '@/features/ide-react/context/connection-context'
+
+export default function useProjectRanges() {
+  const { _id: projectId } = useProjectContext()
+  const [error, setError] = useState<Error>()
+  const [projectRanges, setProjectRanges] = useState<Map<string, Ranges>>()
+  const [loading, setLoading] = useState(true)
+  const { socket } = useConnectionContext()
+
+  useEffect(() => {
+    setLoading(true)
+    getJSON<{ id: string; ranges: Ranges }[]>(`/project/${projectId}/ranges`)
+      .then(data => {
+        setProjectRanges(
+          new Map(
+            data.map(item => [
+              item.id,
+              {
+                docId: item.id,
+                changes: item.ranges.changes ?? [],
+                comments: item.ranges.comments ?? [],
+              },
+            ])
+          )
+        )
+      })
+      .catch(error => setError(error))
+      .finally(() => setLoading(false))
+  }, [projectId])
+
+  useSocketListener(
+    socket,
+    'accept-changes',
+    useCallback((docId: string, entryIds: string[]) => {
+      setProjectRanges(prevProjectRanges => {
+        if (!prevProjectRanges) {
+          return prevProjectRanges
+        }
+
+        const ranges = prevProjectRanges.get(docId)
+        if (!ranges) {
+          return prevProjectRanges
+        }
+        const updatedProjectRanges = new Map(prevProjectRanges)
+
+        updatedProjectRanges.set(docId, {
+          ...ranges,
+          changes: ranges.changes.filter(
+            change => !entryIds.includes(change.id)
+          ),
+        })
+
+        return updatedProjectRanges
+      })
+    }, [])
+  )
+
+  return { projectRanges, error, loading }
+}
diff --git a/services/web/frontend/js/features/review-panel-new/hooks/use-review-panel-layout.ts b/services/web/frontend/js/features/review-panel-new/hooks/use-review-panel-layout.ts
new file mode 100644
index 0000000..4e49aa2
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/hooks/use-review-panel-layout.ts
@@ -0,0 +1,30 @@
+import { useLayoutContext } from '@/shared/context/layout-context'
+import { useRangesContext } from '../context/ranges-context'
+import { useThreadsContext } from '@/features/review-panel-new/context/threads-context'
+import { hasActiveRange } from '@/features/review-panel-new/utils/has-active-range'
+import { useRailContext } from '@/features/ide-redesign/contexts/rail-context'
+import { useIsNewEditorEnabled } from '@/features/ide-redesign/utils/new-editor-utils'
+
+export default function useReviewPanelLayout(): {
+  showPanel: boolean
+  showHeader: boolean
+  mini: boolean
+} {
+  const ranges = useRangesContext()
+  const threads = useThreadsContext()
+  const { selectedTab: selectedRailTab, isOpen: railIsOpen } = useRailContext()
+  const { reviewPanelOpen: reviewPanelOpenOldEditor } = useLayoutContext()
+
+  const newEditor = useIsNewEditorEnabled()
+
+  const reviewPanelOpen = newEditor
+    ? selectedRailTab === 'review-panel' && railIsOpen
+    : reviewPanelOpenOldEditor
+
+  const hasCommentOrChange = hasActiveRange(ranges, threads)
+  const showPanel = reviewPanelOpen || !!hasCommentOrChange
+  const mini = !reviewPanelOpen
+  const showHeader = showPanel && !mini
+
+  return { showPanel, showHeader, mini }
+}
diff --git a/services/web/frontend/js/features/review-panel-new/hooks/use-review-panel-styles.ts b/services/web/frontend/js/features/review-panel-new/hooks/use-review-panel-styles.ts
new file mode 100644
index 0000000..59006db
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/hooks/use-review-panel-styles.ts
@@ -0,0 +1,53 @@
+import { CSSProperties, useCallback, useEffect, useState } from 'react'
+import { useCodeMirrorViewContext } from '@/features/source-editor/components/codemirror-context'
+import getMeta from '@/utils/meta'
+
+export const useReviewPanelStyles = (mini: boolean) => {
+  const view = useCodeMirrorViewContext()
+
+  const [styles, setStyles] = useState<CSSProperties>({
+    '--review-panel-header-height': getMeta('ol-isReviewerRoleEnabled')
+      ? '36px'
+      : '69px',
+  } as CSSProperties)
+
+  const updateScrollDomVariables = useCallback((element: HTMLDivElement) => {
+    const { top, bottom } = element.getBoundingClientRect()
+
+    setStyles(value => ({
+      ...value,
+      '--review-panel-top': `${top}px`,
+      '--review-panel-bottom': `${bottom}px`,
+    }))
+  }, [])
+
+  const updateContentDomVariables = useCallback((element: HTMLDivElement) => {
+    const { height } = element.getBoundingClientRect()
+
+    setStyles(value => ({
+      ...value,
+      '--review-panel-height': `${height}px`,
+    }))
+  }, [])
+
+  useEffect(() => {
+    if ('ResizeObserver' in window) {
+      const scrollDomObserver = new window.ResizeObserver(entries =>
+        updateScrollDomVariables(entries[0]?.target as HTMLDivElement)
+      )
+      scrollDomObserver.observe(view.scrollDOM)
+
+      const contentDomObserver = new window.ResizeObserver(entries =>
+        updateContentDomVariables(entries[0]?.target as HTMLDivElement)
+      )
+      contentDomObserver.observe(view.contentDOM)
+
+      return () => {
+        scrollDomObserver.disconnect()
+        contentDomObserver.disconnect()
+      }
+    }
+  }, [view, updateScrollDomVariables, updateContentDomVariables])
+
+  return styles
+}
diff --git a/services/web/frontend/js/features/review-panel-new/hooks/use-submittable-text-input.ts b/services/web/frontend/js/features/review-panel-new/hooks/use-submittable-text-input.ts
new file mode 100644
index 0000000..919dc39
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/hooks/use-submittable-text-input.ts
@@ -0,0 +1,31 @@
+import { useCallback, useState, Dispatch, SetStateAction } from 'react'
+
+export default function useSubmittableTextInput(
+  handleSubmit: (
+    content: string,
+    setContent: Dispatch<SetStateAction<string>>
+  ) => void
+) {
+  const [content, setContent] = useState('')
+
+  const handleKeyPress = useCallback(
+    (e: React.KeyboardEvent<HTMLTextAreaElement>) => {
+      if (e.key === 'Enter' && !e.shiftKey && !e.ctrlKey && !e.metaKey) {
+        e.preventDefault()
+        if (content.trim().length > 0) {
+          handleSubmit(content, setContent)
+        }
+      }
+    },
+    [content, handleSubmit]
+  )
+
+  const handleChange = useCallback(
+    (e: React.ChangeEvent<HTMLTextAreaElement>) => {
+      setContent(e.target.value)
+    },
+    []
+  )
+
+  return { handleChange, handleKeyPress, content }
+}
diff --git a/services/web/frontend/js/features/review-panel-new/images/teaser-track-changes.gif b/services/web/frontend/js/features/review-panel-new/images/teaser-track-changes.gif
new file mode 100644
index 0000000..00e02a2
Binary files /dev/null and b/services/web/frontend/js/features/review-panel-new/images/teaser-track-changes.gif differ
diff --git a/services/web/frontend/js/features/review-panel-new/images/teaser-track-changes.mp4 b/services/web/frontend/js/features/review-panel-new/images/teaser-track-changes.mp4
new file mode 100644
index 0000000..1f75a46
Binary files /dev/null and b/services/web/frontend/js/features/review-panel-new/images/teaser-track-changes.mp4 differ
diff --git a/services/web/frontend/js/features/review-panel-new/utils/build-name.ts b/services/web/frontend/js/features/review-panel-new/utils/build-name.ts
new file mode 100644
index 0000000..9bfb690
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/utils/build-name.ts
@@ -0,0 +1,15 @@
+export const buildName = (user?: {
+  first_name?: string
+  last_name?: string
+  email?: string
+}) => {
+  const name = [user?.first_name, user?.last_name].filter(Boolean).join(' ')
+
+  if (name) {
+    return name
+  }
+  if (user?.email) {
+    return user.email.split('@')[0]
+  }
+  return 'Unknown'
+}
diff --git a/services/web/frontend/js/features/review-panel-new/utils/can-aggregate.ts b/services/web/frontend/js/features/review-panel-new/utils/can-aggregate.ts
new file mode 100644
index 0000000..c90f5f3
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/utils/can-aggregate.ts
@@ -0,0 +1,15 @@
+import {
+  Change,
+  DeleteOperation,
+  InsertOperation,
+} from '../../../../../types/change'
+
+export const canAggregate = (
+  deletion: Change<DeleteOperation>,
+  insertion: Change<InsertOperation>
+) =>
+  deletion.metadata?.user_id &&
+  // same user
+  deletion.metadata?.user_id === insertion.metadata?.user_id &&
+  // same position
+  deletion.op.p === insertion.op.p + insertion.op.i.length
diff --git a/services/web/frontend/js/features/review-panel-new/utils/changes-in-selection.ts b/services/web/frontend/js/features/review-panel-new/utils/changes-in-selection.ts
new file mode 100644
index 0000000..d92bd26
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/utils/changes-in-selection.ts
@@ -0,0 +1,44 @@
+import { SelectionRange } from '@codemirror/state'
+import { Ranges } from '@/features/review-panel-new/context/ranges-context'
+import { isDeleteChange, isInsertChange } from '@/utils/operations'
+import { canAggregate } from './can-aggregate'
+import { Change, EditOperation } from '../../../../../types/change'
+
+export function numberOfChangesInSelection(
+  ranges: Ranges | undefined,
+  selection: SelectionRange
+) {
+  if (!ranges) {
+    return 0
+  }
+
+  let count = 0
+  let precedingChange: Change<EditOperation> | null = null
+
+  for (const change of ranges.changes) {
+    if (
+      precedingChange &&
+      isInsertChange(precedingChange) &&
+      isDeleteChange(change) &&
+      canAggregate(change, precedingChange)
+    ) {
+      // only count once for the aggregated change
+      continue
+    } else if (
+      isInsertChange(change) &&
+      change.op.p >= selection.from &&
+      change.op.p + change.op.i.length <= selection.to
+    ) {
+      count++
+    } else if (
+      isDeleteChange(change) &&
+      selection.from <= change.op.p &&
+      change.op.p <= selection.to
+    ) {
+      count++
+    }
+    precedingChange = change
+  }
+
+  return count
+}
diff --git a/services/web/frontend/js/features/review-panel-new/utils/has-active-range.ts b/services/web/frontend/js/features/review-panel-new/utils/has-active-range.ts
new file mode 100644
index 0000000..0934aef
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/utils/has-active-range.ts
@@ -0,0 +1,25 @@
+import { Ranges } from '@/features/review-panel-new/context/ranges-context'
+import { Threads } from '@/features/review-panel-new/context/threads-context'
+
+export const hasActiveRange = (
+  ranges: Ranges | undefined,
+  threads: Threads | undefined
+): boolean | undefined => {
+  if (!ranges || !threads) {
+    // data isn't loaded yet
+    return undefined
+  }
+
+  if (ranges.changes.length > 0) {
+    // at least one tracked change
+    return true
+  }
+
+  for (const thread of Object.values(threads)) {
+    if (!thread.resolved) {
+      return true
+    }
+  }
+
+  return false
+}
diff --git a/services/web/frontend/js/features/review-panel-new/utils/is-selection-within-op.ts b/services/web/frontend/js/features/review-panel-new/utils/is-selection-within-op.ts
new file mode 100644
index 0000000..6d91d9a
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/utils/is-selection-within-op.ts
@@ -0,0 +1,10 @@
+import { AnyOperation } from '../../../../../types/change'
+import { SelectionRange } from '@codemirror/state'
+import { visibleTextLength } from '@/utils/operations'
+
+export const isSelectionWithinOp = (
+  op: AnyOperation,
+  range: SelectionRange
+): boolean => {
+  return range.to >= op.p && range.from <= op.p + visibleTextLength(op)
+}
diff --git a/services/web/frontend/js/features/review-panel-new/utils/position-items.ts b/services/web/frontend/js/features/review-panel-new/utils/position-items.ts
new file mode 100644
index 0000000..26fecc1
--- /dev/null
+++ b/services/web/frontend/js/features/review-panel-new/utils/position-items.ts
@@ -0,0 +1,92 @@
+import getMeta from '@/utils/meta'
+import { debounce } from 'lodash'
+
+export const OFFSET_FOR_ENTRIES_ABOVE = 70
+const COLLAPSED_HEADER_HEIGHT = getMeta('ol-isReviewerRoleEnabled') ? 42 : 75
+const GAP_BETWEEN_ENTRIES = 4
+
+export const positionItems = debounce(
+  (
+    element: HTMLDivElement,
+    previousFocusedItemIndex: number | undefined,
+    docId: string
+  ) => {
+    const items = Array.from(
+      element.querySelectorAll<HTMLDivElement>('.review-panel-entry')
+    )
+
+    items.sort((a, b) => Number(a.dataset.pos) - Number(b.dataset.pos))
+
+    if (!items.length) {
+      return
+    }
+
+    let activeItemIndex = items.findIndex(item =>
+      item.classList.contains('review-panel-entry-selected')
+    )
+
+    if (activeItemIndex === -1) {
+      // if entry was not selected manually
+      // check if there is an entry in selection and use that as the focused item
+      activeItemIndex = items.findIndex(item =>
+        item.classList.contains('review-panel-entry-highlighted')
+      )
+    }
+
+    if (activeItemIndex === -1) {
+      activeItemIndex = previousFocusedItemIndex || 0
+    }
+
+    const activeItem = items[activeItemIndex]
+    if (!activeItem) {
+      return
+    }
+
+    const activeItemTop = getTopPosition(activeItem, activeItemIndex === 0)
+
+    activeItem.style.top = `${activeItemTop}px`
+    activeItem.style.visibility = 'visible'
+    const focusedItemRect = activeItem.getBoundingClientRect()
+
+    // above the active item
+    let topLimit = activeItemTop
+    for (let i = activeItemIndex - 1; i >= 0; i--) {
+      const item = items[i]
+      const rect = item.getBoundingClientRect()
+      let top = getTopPosition(item, i === 0)
+      const bottom = top + rect.height
+      if (bottom > topLimit) {
+        top = topLimit - rect.height - GAP_BETWEEN_ENTRIES
+      }
+      item.style.top = `${top}px`
+      item.style.visibility = 'visible'
+      topLimit = top
+    }
+
+    // below the active item
+    let bottomLimit = activeItemTop + focusedItemRect.height
+    for (let i = activeItemIndex + 1; i < items.length; i++) {
+      const item = items[i]
+      const rect = item.getBoundingClientRect()
+      let top = getTopPosition(item, false)
+      if (top < bottomLimit) {
+        top = bottomLimit + GAP_BETWEEN_ENTRIES
+      }
+      item.style.top = `${top}px`
+      item.style.visibility = 'visible'
+      bottomLimit = top + rect.height
+    }
+
+    return {
+      docId,
+      activeItemIndex,
+    }
+  },
+  100,
+  { leading: false, trailing: true, maxWait: 1000 }
+)
+
+function getTopPosition(item: HTMLDivElement, isFirstEntry: boolean) {
+  const offset = isFirstEntry ? 0 : OFFSET_FOR_ENTRIES_ABOVE
+  return Math.max(COLLAPSED_HEADER_HEIGHT + offset, Number(item.dataset.top))
+}
diff --git a/services/web/frontend/js/features/settings/components/account-info-section.tsx b/services/web/frontend/js/features/settings/components/account-info-section.tsx
new file mode 100644
index 0000000..4fd410d
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/account-info-section.tsx
@@ -0,0 +1,203 @@
+import { useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import {
+  getUserFacingMessage,
+  postJSON,
+} from '../../../infrastructure/fetch-json'
+import getMeta from '../../../utils/meta'
+import useAsync from '../../../shared/hooks/use-async'
+import { useUserContext } from '../../../shared/context/user-context'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import OLFormText from '@/features/ui/components/ol/ol-form-text'
+
+function AccountInfoSection() {
+  const { t } = useTranslation()
+  const { hasAffiliationsFeature } = getMeta('ol-ExposedSettings')
+  const isExternalAuthenticationSystemUsed = getMeta(
+    'ol-isExternalAuthenticationSystemUsed'
+  )
+  const shouldAllowEditingDetails = getMeta('ol-shouldAllowEditingDetails')
+  const {
+    first_name: initialFirstName,
+    last_name: initialLastName,
+    email: initialEmail,
+  } = useUserContext()
+
+  const [email, setEmail] = useState(initialEmail)
+  const [firstName, setFirstName] = useState(initialFirstName)
+  const [lastName, setLastName] = useState(initialLastName)
+  const { isLoading, isSuccess, isError, error, runAsync } = useAsync()
+  const [isFormValid, setIsFormValid] = useState(true)
+
+  const handleEmailChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    setEmail(event.target.value)
+    setIsFormValid(event.target.validity.valid)
+  }
+
+  const handleFirstNameChange = (
+    event: React.ChangeEvent<HTMLInputElement>
+  ) => {
+    setFirstName(event.target.value)
+  }
+
+  const handleLastNameChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    setLastName(event.target.value)
+  }
+
+  const canUpdateEmail =
+    !hasAffiliationsFeature && !isExternalAuthenticationSystemUsed
+  const canUpdateNames = shouldAllowEditingDetails
+
+  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
+    event.preventDefault()
+    if (!isFormValid) {
+      return
+    }
+    runAsync(
+      postJSON('/user/settings', {
+        body: {
+          email: canUpdateEmail ? email : undefined,
+          first_name: canUpdateNames ? firstName : undefined,
+          last_name: canUpdateNames ? lastName : undefined,
+        },
+      })
+    ).catch(() => {})
+  }
+
+  return (
+    <>
+      <h3>{t('update_account_info')}</h3>
+      <form id="account-info-form" onSubmit={handleSubmit}>
+        {hasAffiliationsFeature ? null : (
+          <ReadOrWriteFormGroup
+            id="email-input"
+            type="email"
+            label={t('email')}
+            value={email}
+            handleChange={handleEmailChange}
+            canEdit={canUpdateEmail}
+            required
+          />
+        )}
+        <ReadOrWriteFormGroup
+          id="first-name-input"
+          type="text"
+          label={t('first_name')}
+          value={firstName}
+          maxLength={255}
+          handleChange={handleFirstNameChange}
+          canEdit={canUpdateNames}
+          required={false}
+        />
+        <ReadOrWriteFormGroup
+          id="last-name-input"
+          type="text"
+          label={t('last_name')}
+          maxLength={255}
+          value={lastName}
+          handleChange={handleLastNameChange}
+          canEdit={canUpdateNames}
+          required={false}
+        />
+        {isSuccess ? (
+          <OLFormGroup>
+            <OLNotification
+              type="success"
+              content={t('thanks_settings_updated')}
+            />
+          </OLFormGroup>
+        ) : null}
+        {isError ? (
+          <OLFormGroup>
+            <OLNotification
+              type="error"
+              content={getUserFacingMessage(error) ?? ''}
+            />
+          </OLFormGroup>
+        ) : null}
+        {canUpdateEmail || canUpdateNames ? (
+          <OLFormGroup>
+            <OLButton
+              type="submit"
+              variant="primary"
+              form="account-info-form"
+              disabled={!isFormValid}
+              isLoading={isLoading}
+              loadingLabel={t('saving') + '…'}
+            >
+              {t('update')}
+            </OLButton>
+          </OLFormGroup>
+        ) : null}
+      </form>
+    </>
+  )
+}
+
+type ReadOrWriteFormGroupProps = {
+  id: string
+  type: string
+  label: string
+  value?: string
+  handleChange: (event: any) => void
+  canEdit: boolean
+  maxLength?: number
+  required: boolean
+}
+
+function ReadOrWriteFormGroup({
+  id,
+  type,
+  label,
+  value,
+  handleChange,
+  canEdit,
+  maxLength,
+  required,
+}: ReadOrWriteFormGroupProps) {
+  const [validationMessage, setValidationMessage] = useState('')
+
+  const handleInvalid = (event: React.InvalidEvent<HTMLInputElement>) => {
+    event.preventDefault()
+  }
+
+  const handleChangeAndValidity = (
+    event: React.ChangeEvent<HTMLInputElement>
+  ) => {
+    handleChange(event)
+    setValidationMessage(event.target.validationMessage)
+  }
+
+  if (!canEdit) {
+    return (
+      <OLFormGroup controlId={id}>
+        <OLFormLabel>{label}</OLFormLabel>
+        <OLFormControl type="text" readOnly value={value} />
+      </OLFormGroup>
+    )
+  }
+
+  return (
+    <OLFormGroup controlId={id}>
+      <OLFormLabel>{label}</OLFormLabel>
+      <OLFormControl
+        type={type}
+        required={required}
+        value={value}
+        maxLength={maxLength}
+        data-ol-dirty={!!validationMessage}
+        onChange={handleChangeAndValidity}
+        onInvalid={handleInvalid}
+      />
+      {validationMessage && (
+        <OLFormText type="error">{validationMessage}</OLFormText>
+      )}
+    </OLFormGroup>
+  )
+}
+
+export default AccountInfoSection
diff --git a/services/web/frontend/js/features/settings/components/beta-program-section.tsx b/services/web/frontend/js/features/settings/components/beta-program-section.tsx
new file mode 100644
index 0000000..09c1c1c
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/beta-program-section.tsx
@@ -0,0 +1,27 @@
+import { Trans, useTranslation } from 'react-i18next'
+import { useUserContext } from '../../../shared/context/user-context'
+
+function BetaProgramSection() {
+  const { t } = useTranslation()
+  const { betaProgram } = useUserContext()
+
+  return (
+    <>
+      <h3>{t('sharelatex_beta_program')}</h3>
+      {betaProgram ? null : (
+        <p className="small">
+          {/* eslint-disable-next-line react/jsx-key */}
+          <Trans i18nKey="beta_program_benefits" components={[<span />]} />
+        </p>
+      )}
+      <p className="small">
+        {betaProgram
+          ? t('beta_program_already_participating')
+          : t('beta_program_not_participating')}
+      </p>
+      <a href="/beta/participate">{t('manage_beta_program_membership')}</a>
+    </>
+  )
+}
+
+export default BetaProgramSection
diff --git a/services/web/frontend/js/features/settings/components/emails-section.tsx b/services/web/frontend/js/features/settings/components/emails-section.tsx
new file mode 100644
index 0000000..a8bc54b
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails-section.tsx
@@ -0,0 +1,93 @@
+import { Fragment } from 'react'
+import { useTranslation, Trans } from 'react-i18next'
+import getMeta from '../../../utils/meta'
+import {
+  UserEmailsProvider,
+  useUserEmailsContext,
+} from '../context/user-email-context'
+import EmailsHeader from './emails/header'
+import EmailsRow from './emails/row'
+import AddEmail from './emails/add-email'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import OLSpinner from '@/features/ui/components/ol/ol-spinner'
+import { LeaversSurveyAlert } from './leavers-survey-alert'
+
+function EmailsSectionContent() {
+  const { t } = useTranslation()
+  const {
+    state: { data: userEmailsData },
+    isInitializing,
+    isInitializingError,
+    isInitializingSuccess,
+  } = useUserEmailsContext()
+  const userEmails = Object.values(userEmailsData.byId)
+  const primary = userEmails.find(userEmail => userEmail.default)
+
+  // Only show the "add email" button if the user has permission to add a secondary email
+  const hideAddSecondaryEmail = getMeta('ol-cannot-add-secondary-email')
+
+  return (
+    <>
+      <h2 className="h3">{t('emails_and_affiliations_title')}</h2>
+      <p className="small">{t('emails_and_affiliations_explanation')}</p>
+      <p className="small">
+        <Trans
+          i18nKey="change_primary_email_address_instructions"
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <strong />,
+            // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+            <a
+              href="/learn/how-to/Managing_your_Overleaf_emails"
+              target="_blank"
+            />,
+          ]}
+        />
+      </p>
+      <>
+        <EmailsHeader />
+        {isInitializing ? (
+          <div className="affiliations-table-row-highlighted">
+            <div className="affiliations-table-cell text-center">
+              <OLSpinner size="sm" /> {t('loading')}...
+            </div>
+          </div>
+        ) : (
+          <>
+            {userEmails?.map(userEmail => (
+              <Fragment key={userEmail.email}>
+                <EmailsRow userEmailData={userEmail} primary={primary} />
+                <div className="horizontal-divider" />
+              </Fragment>
+            ))}
+          </>
+        )}
+        {isInitializingSuccess && <LeaversSurveyAlert />}
+        {isInitializingSuccess && !hideAddSecondaryEmail && <AddEmail />}
+        {isInitializingError && (
+          <OLNotification
+            type="error"
+            content={t('error_performing_request')}
+          />
+        )}
+      </>
+    </>
+  )
+}
+
+function EmailsSection() {
+  const { hasAffiliationsFeature } = getMeta('ol-ExposedSettings')
+  if (!hasAffiliationsFeature) {
+    return null
+  }
+
+  return (
+    <>
+      <UserEmailsProvider>
+        <EmailsSectionContent />
+      </UserEmailsProvider>
+    </>
+  )
+}
+
+export default EmailsSection
diff --git a/services/web/frontend/js/features/settings/components/emails/actions.tsx b/services/web/frontend/js/features/settings/components/emails/actions.tsx
new file mode 100644
index 0000000..842e2db
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/actions.tsx
@@ -0,0 +1,62 @@
+import { useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import MakePrimary from './actions/make-primary/make-primary'
+import Remove from './actions/remove'
+import useAsync from '../../../../shared/hooks/use-async'
+import { useUserEmailsContext } from '../../context/user-email-context'
+import { UserEmailData } from '../../../../../../types/user-email'
+
+type ActionsProps = {
+  userEmailData: UserEmailData
+  primary?: UserEmailData
+}
+
+function Actions({ userEmailData, primary }: ActionsProps) {
+  const { t } = useTranslation()
+  const { setLoading: setUserEmailsContextLoading } = useUserEmailsContext()
+  const makePrimaryAsync = useAsync()
+  const deleteEmailAsync = useAsync()
+
+  useEffect(() => {
+    setUserEmailsContextLoading(
+      makePrimaryAsync.isLoading || deleteEmailAsync.isLoading
+    )
+  }, [
+    setUserEmailsContextLoading,
+    makePrimaryAsync.isLoading,
+    deleteEmailAsync.isLoading,
+  ])
+
+  useEffect(() => {
+    if (makePrimaryAsync.isLoading && !deleteEmailAsync.isIdle) {
+      deleteEmailAsync.reset()
+    }
+  }, [makePrimaryAsync.isLoading, deleteEmailAsync])
+
+  useEffect(() => {
+    if (deleteEmailAsync.isLoading && !makePrimaryAsync.isIdle) {
+      makePrimaryAsync.reset()
+    }
+  }, [deleteEmailAsync.isLoading, makePrimaryAsync])
+
+  return (
+    <>
+      <MakePrimary
+        userEmailData={userEmailData}
+        primary={primary}
+        makePrimaryAsync={makePrimaryAsync}
+      />{' '}
+      <Remove
+        userEmailData={userEmailData}
+        deleteEmailAsync={deleteEmailAsync}
+      />
+      {(makePrimaryAsync.isError || deleteEmailAsync.isError) && (
+        <div className="text-danger small">
+          {t('generic_something_went_wrong')}
+        </div>
+      )}
+    </>
+  )
+}
+
+export default Actions
diff --git a/services/web/frontend/js/features/settings/components/emails/actions/make-primary/confirmation-modal.tsx b/services/web/frontend/js/features/settings/components/emails/actions/make-primary/confirmation-modal.tsx
new file mode 100644
index 0000000..66f4da7
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/actions/make-primary/confirmation-modal.tsx
@@ -0,0 +1,77 @@
+import { useTranslation, Trans } from 'react-i18next'
+import { MergeAndOverride } from '../../../../../../../../types/utils'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import { type UserEmailData } from '../../../../../../../../types/user-email'
+
+type ConfirmationModalProps = MergeAndOverride<
+  React.ComponentProps<typeof OLModal>,
+  {
+    email: string
+    isConfirmDisabled: boolean
+    onConfirm: () => void
+    onHide: () => void
+    primary?: UserEmailData
+  }
+>
+
+function ConfirmationModal({
+  email,
+  isConfirmDisabled,
+  show,
+  onConfirm,
+  onHide,
+  primary,
+}: ConfirmationModalProps) {
+  const { t } = useTranslation()
+
+  return (
+    <OLModal show={show} onHide={onHide}>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('confirm_primary_email_change')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody className="pb-0">
+        <p>
+          <Trans
+            i18nKey="do_you_want_to_change_your_primary_email_address_to"
+            components={{ b: <b /> }}
+            values={{ email }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+          />
+        </p>
+        <p>{t('log_in_with_primary_email_address')}</p>
+        {primary && !primary.confirmedAt && (
+          <p>
+            <Trans
+              i18nKey="this_will_remove_primary_email"
+              components={{ b: <b /> }}
+              values={{ email: primary.email }}
+              shouldUnescape
+              tOptions={{ interpolation: { escapeValue: true } }}
+            />
+          </p>
+        )}
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={onHide}>
+          {t('cancel')}
+        </OLButton>
+        <OLButton
+          variant="primary"
+          disabled={isConfirmDisabled}
+          onClick={onConfirm}
+        >
+          {t('change_primary_email')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
+
+export default ConfirmationModal
diff --git a/services/web/frontend/js/features/settings/components/emails/actions/make-primary/make-primary.tsx b/services/web/frontend/js/features/settings/components/emails/actions/make-primary/make-primary.tsx
new file mode 100644
index 0000000..3e3faf2
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/actions/make-primary/make-primary.tsx
@@ -0,0 +1,132 @@
+import { useState } from 'react'
+import PrimaryButton from './primary-button'
+import { useTranslation } from 'react-i18next'
+import {
+  inReconfirmNotificationPeriod,
+  institutionAlreadyLinked,
+} from '../../../../utils/selectors'
+import { postJSON } from '../../../../../../infrastructure/fetch-json'
+import {
+  State,
+  useUserEmailsContext,
+} from '../../../../context/user-email-context'
+import { UserEmailData } from '../../../../../../../../types/user-email'
+import { UseAsyncReturnType } from '../../../../../../shared/hooks/use-async'
+import { ssoAvailableForInstitution } from '../../../../utils/sso'
+import ConfirmationModal from './confirmation-modal'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+
+const getDescription = (
+  t: (s: string) => string,
+  state: State,
+  userEmailData: UserEmailData
+) => {
+  if (inReconfirmNotificationPeriod(userEmailData)) {
+    return t('please_reconfirm_your_affiliation_before_making_this_primary')
+  }
+
+  if (userEmailData.confirmedAt) {
+    return t('make_email_primary_description')
+  }
+
+  const ssoAvailable = ssoAvailableForInstitution(
+    userEmailData.affiliation?.institution || null
+  )
+
+  if (!institutionAlreadyLinked(state, userEmailData) && ssoAvailable) {
+    return t('please_link_before_making_primary')
+  }
+
+  return t('please_confirm_your_email_before_making_it_default')
+}
+
+type MakePrimaryProps = {
+  userEmailData: UserEmailData
+  primary?: UserEmailData
+  makePrimaryAsync: UseAsyncReturnType
+}
+
+function MakePrimary({
+  userEmailData,
+  primary,
+  makePrimaryAsync,
+}: MakePrimaryProps) {
+  const [show, setShow] = useState(false)
+  const { t } = useTranslation()
+  const { state, makePrimary, deleteEmail, resetLeaversSurveyExpiration } =
+    useUserEmailsContext()
+
+  const handleShowModal = () => setShow(true)
+  const handleHideModal = () => setShow(false)
+  const handleSetDefaultUserEmail = () => {
+    handleHideModal()
+
+    makePrimaryAsync
+      .runAsync(
+        // 'delete-unconfirmed-primary' is a temporary parameter here to keep backward compatibility.
+        // So users with the old version of the frontend don't get their primary email deleted unexpectedly.
+        // https://github.com/overleaf/internal/issues/23536
+        postJSON('/user/emails/default?delete-unconfirmed-primary', {
+          body: {
+            email: userEmailData.email,
+          },
+        })
+      )
+      .then(() => {
+        makePrimary(userEmailData.email)
+        if (primary && !primary.confirmedAt) {
+          deleteEmail(primary.email)
+          resetLeaversSurveyExpiration(primary)
+        }
+      })
+      .catch(() => {})
+  }
+
+  if (userEmailData.default) {
+    return null
+  }
+
+  const isConfirmDisabled = Boolean(
+    !userEmailData.confirmedAt ||
+      state.isLoading ||
+      inReconfirmNotificationPeriod(userEmailData)
+  )
+
+  return (
+    <>
+      {makePrimaryAsync.isLoading ? (
+        <PrimaryButton disabled isLoading={state.isLoading}>
+          {t('processing_uppercase')}&hellip;
+        </PrimaryButton>
+      ) : (
+        <OLTooltip
+          id={`make-primary-${userEmailData.email}`}
+          description={getDescription(t, state, userEmailData)}
+        >
+          {/*
+            Disabled buttons don't work with tooltips, due to pointer-events: none,
+            so create a wrapper for the tooltip
+          */}
+          <span>
+            <PrimaryButton
+              disabled={isConfirmDisabled}
+              onClick={handleShowModal}
+            >
+              {t('make_primary')}
+            </PrimaryButton>
+          </span>
+        </OLTooltip>
+      )}
+      <ConfirmationModal
+        email={userEmailData.email}
+        isConfirmDisabled={isConfirmDisabled}
+        primary={primary}
+        show={show}
+        onHide={handleHideModal}
+        onConfirm={handleSetDefaultUserEmail}
+      />
+    </>
+  )
+}
+
+export default MakePrimary
diff --git a/services/web/frontend/js/features/settings/components/emails/actions/make-primary/primary-button.tsx b/services/web/frontend/js/features/settings/components/emails/actions/make-primary/primary-button.tsx
new file mode 100644
index 0000000..228ad7f
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/actions/make-primary/primary-button.tsx
@@ -0,0 +1,22 @@
+import OLButton, { OLButtonProps } from '@/features/ui/components/ol/ol-button'
+
+function PrimaryButton({
+  children,
+  disabled,
+  isLoading,
+  onClick,
+}: OLButtonProps) {
+  return (
+    <OLButton
+      size="sm"
+      disabled={disabled && !isLoading}
+      isLoading={isLoading}
+      onClick={onClick}
+      variant="secondary"
+    >
+      {children}
+    </OLButton>
+  )
+}
+
+export default PrimaryButton
diff --git a/services/web/frontend/js/features/settings/components/emails/actions/remove.tsx b/services/web/frontend/js/features/settings/components/emails/actions/remove.tsx
new file mode 100644
index 0000000..136efc0
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/actions/remove.tsx
@@ -0,0 +1,89 @@
+import { useTranslation } from 'react-i18next'
+import { UserEmailData } from '../../../../../../../types/user-email'
+import { useUserEmailsContext } from '../../../context/user-email-context'
+import { postJSON } from '../../../../../infrastructure/fetch-json'
+import { UseAsyncReturnType } from '../../../../../shared/hooks/use-async'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLIconButton, {
+  OLIconButtonProps,
+} from '@/features/ui/components/ol/ol-icon-button'
+import getMeta from '@/utils/meta'
+
+type DeleteButtonProps = Pick<
+  OLIconButtonProps,
+  'disabled' | 'isLoading' | 'onClick'
+>
+
+function DeleteButton({ disabled, isLoading, onClick }: DeleteButtonProps) {
+  const { t } = useTranslation()
+
+  return (
+    <OLIconButton
+      variant="danger"
+      disabled={disabled}
+      isLoading={isLoading}
+      size="sm"
+      onClick={onClick}
+      accessibilityLabel={t('remove') || ''}
+      icon="delete"
+    />
+  )
+}
+
+type RemoveProps = {
+  userEmailData: UserEmailData
+  deleteEmailAsync: UseAsyncReturnType
+}
+
+function Remove({ userEmailData, deleteEmailAsync }: RemoveProps) {
+  const { t } = useTranslation()
+  const { state, deleteEmail, resetLeaversSurveyExpiration } =
+    useUserEmailsContext()
+  const isManaged = getMeta('ol-isManagedAccount')
+
+  const getTooltipText = () => {
+    if (isManaged) {
+      return t('your_account_is_managed_by_your_group_admin')
+    }
+    return userEmailData.default
+      ? t('please_change_primary_to_remove')
+      : t('remove')
+  }
+
+  const handleRemoveUserEmail = () => {
+    deleteEmailAsync
+      .runAsync(
+        postJSON('/user/emails/delete', {
+          body: {
+            email: userEmailData.email,
+          },
+        })
+      )
+      .then(() => {
+        deleteEmail(userEmailData.email)
+        resetLeaversSurveyExpiration(userEmailData)
+      })
+      .catch(() => {})
+  }
+
+  if (deleteEmailAsync.isLoading) {
+    return <DeleteButton isLoading />
+  }
+
+  return (
+    <OLTooltip
+      id={userEmailData.email}
+      description={getTooltipText()}
+      overlayProps={{ placement: userEmailData.default ? 'left' : 'top' }}
+    >
+      <span>
+        <DeleteButton
+          disabled={state.isLoading || userEmailData.default}
+          onClick={handleRemoveUserEmail}
+        />
+      </span>
+    </OLTooltip>
+  )
+}
+
+export default Remove
diff --git a/services/web/frontend/js/features/settings/components/emails/add-email.tsx b/services/web/frontend/js/features/settings/components/emails/add-email.tsx
new file mode 100644
index 0000000..df66c21
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/add-email.tsx
@@ -0,0 +1,257 @@
+import { useState, useEffect } from 'react'
+import { useTranslation, Trans } from 'react-i18next'
+import Cell from './cell'
+import Layout from './add-email/layout'
+import Input, { DomainInfo } from './add-email/input'
+import AddAnotherEmailBtn from './add-email/add-another-email-btn'
+import InstitutionFields from './add-email/institution-fields'
+import SsoLinkingInfo from './add-email/sso-linking-info'
+import AddNewEmailBtn from './add-email/add-new-email-btn'
+import useAsync from '../../../../shared/hooks/use-async'
+import { useUserEmailsContext } from '../../context/user-email-context'
+import { ssoAvailableForDomain } from '../../utils/sso'
+import { postJSON } from '../../../../infrastructure/fetch-json'
+import { University } from '../../../../../../types/university'
+import { CountryCode } from '../../data/countries-list'
+import { isValidEmail } from '../../../../shared/utils/email'
+import getMeta from '../../../../utils/meta'
+import { ReCaptcha2 } from '../../../../shared/components/recaptcha-2'
+import { useRecaptcha } from '../../../../shared/hooks/use-recaptcha'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import { ConfirmEmailForm } from '@/features/settings/components/emails/confirm-email-form'
+import RecaptchaConditions from '@/shared/components/recaptcha-conditions'
+
+function AddEmail() {
+  const { t } = useTranslation()
+  const [isFormVisible, setIsFormVisible] = useState(
+    () => window.location.hash === '#add-email'
+  )
+  const [newEmail, setNewEmail] = useState('')
+  const [confirmationStep, setConfirmationStep] = useState(false)
+  const [newEmailMatchedDomain, setNewEmailMatchedDomain] =
+    useState<DomainInfo | null>(null)
+  const [countryCode, setCountryCode] = useState<CountryCode | null>(null)
+  const [universities, setUniversities] = useState<
+    Partial<Record<CountryCode, University[]>>
+  >({})
+  const [universityName, setUniversityName] = useState('')
+  const [role, setRole] = useState('')
+  const [department, setDepartment] = useState('')
+  const { isLoading, isError, error, runAsync } = useAsync()
+  const {
+    state,
+    setLoading: setUserEmailsContextLoading,
+    getEmails,
+  } = useUserEmailsContext()
+
+  const emailAddressLimit = getMeta('ol-emailAddressLimit') || 10
+  const { ref: recaptchaRef, getReCaptchaToken } = useRecaptcha()
+
+  useEffect(() => {
+    setUserEmailsContextLoading(isLoading)
+  }, [setUserEmailsContextLoading, isLoading])
+
+  const handleShowAddEmailForm = () => {
+    setIsFormVisible(true)
+  }
+
+  const handleEmailChange = (value: string, domain?: DomainInfo) => {
+    setNewEmail(value)
+    setNewEmailMatchedDomain(domain || null)
+  }
+
+  const getSelectedKnownUniversityId = (): number | undefined => {
+    if (countryCode) {
+      return universities[countryCode]?.find(
+        ({ name }) => name === universityName
+      )?.id
+    }
+
+    return newEmailMatchedDomain?.university.id
+  }
+
+  const handleAddNewEmail = () => {
+    const selectedKnownUniversityId = getSelectedKnownUniversityId()
+    const knownUniversityData = selectedKnownUniversityId && {
+      university: {
+        id: selectedKnownUniversityId,
+      },
+      role,
+      department,
+    }
+    const unknownUniversityData = universityName &&
+      !selectedKnownUniversityId && {
+        university: {
+          name: universityName,
+          country_code: countryCode,
+        },
+        role,
+        department,
+      }
+
+    runAsync(
+      (async () => {
+        const token = await getReCaptchaToken()
+        await postJSON('/user/emails/secondary', {
+          body: {
+            email: newEmail,
+            ...knownUniversityData,
+            ...unknownUniversityData,
+            'g-recaptcha-response': token,
+          },
+        })
+      })()
+    )
+      .then(() => {
+        setConfirmationStep(true)
+      })
+      .catch(() => {})
+  }
+
+  if (confirmationStep) {
+    return (
+      <ConfirmEmailForm
+        confirmationEndpoint="/user/emails/confirm-secondary"
+        resendEndpoint="/user/emails/resend-secondary-confirmation"
+        flow="secondary"
+        email={newEmail}
+        onSuccessfulConfirmation={getEmails}
+        interstitial={false}
+        onCancel={() => {
+          setConfirmationStep(false)
+          setIsFormVisible(false)
+        }}
+      />
+    )
+  }
+
+  if (!isFormVisible) {
+    return (
+      <Layout isError={isError} error={error}>
+        <OLCol lg={12}>
+          <Cell>
+            {state.data.emailCount >= emailAddressLimit ? (
+              <span className="small">
+                <Trans
+                  i18nKey="email_limit_reached"
+                  values={{
+                    emailAddressLimit,
+                  }}
+                  shouldUnescape
+                  tOptions={{ interpolation: { escapeValue: true } }}
+                  components={[<strong />]} // eslint-disable-line react/jsx-key
+                />
+              </span>
+            ) : (
+              <AddAnotherEmailBtn onClick={handleShowAddEmailForm} />
+            )}
+          </Cell>
+        </OLCol>
+      </Layout>
+    )
+  }
+
+  const InputComponent = (
+    <>
+      <label htmlFor="affiliations-email" className="visually-hidden">
+        {t('email')}
+      </label>
+      <Input
+        onChange={handleEmailChange}
+        handleAddNewEmail={handleAddNewEmail}
+      />
+    </>
+  )
+  const recaptchaConditions = (
+    <OLCol>
+      <Cell>
+        <div className="affiliations-table-cell-tabbed">
+          <RecaptchaConditions />
+        </div>
+      </Cell>
+    </OLCol>
+  )
+
+  if (!isValidEmail(newEmail)) {
+    return (
+      <form>
+        <Layout isError={isError} error={error}>
+          <ReCaptcha2 page="addEmail" recaptchaRef={recaptchaRef} />
+          <OLCol lg={8}>
+            <Cell>
+              {InputComponent}
+              <div className="affiliations-table-cell-tabbed">
+                <div>{t('start_by_adding_your_email')}</div>
+              </div>
+            </Cell>
+          </OLCol>
+          <OLCol lg={4}>
+            <Cell className="text-lg-end">
+              <AddNewEmailBtn email={newEmail} disabled />
+            </Cell>
+          </OLCol>
+          {recaptchaConditions}
+        </Layout>
+      </form>
+    )
+  }
+
+  const isSsoAvailableForDomain =
+    newEmailMatchedDomain && ssoAvailableForDomain(newEmailMatchedDomain)
+
+  return (
+    <form>
+      <Layout isError={isError} error={error}>
+        <ReCaptcha2 page="addEmail" recaptchaRef={recaptchaRef} />
+        <OLCol lg={8}>
+          <Cell>
+            {InputComponent}
+            {!isSsoAvailableForDomain ? (
+              <div className="affiliations-table-cell-tabbed">
+                <InstitutionFields
+                  countryCode={countryCode}
+                  setCountryCode={setCountryCode}
+                  universities={universities}
+                  setUniversities={setUniversities}
+                  universityName={universityName}
+                  setUniversityName={setUniversityName}
+                  role={role}
+                  setRole={setRole}
+                  department={department}
+                  setDepartment={setDepartment}
+                  newEmailMatchedDomain={newEmailMatchedDomain}
+                />
+              </div>
+            ) : null}
+          </Cell>
+        </OLCol>
+        {!isSsoAvailableForDomain ? (
+          <OLCol lg={4}>
+            <Cell className="text-lg-end">
+              <AddNewEmailBtn
+                email={newEmail}
+                disabled={state.isLoading}
+                isLoading={isLoading}
+                onClick={handleAddNewEmail}
+              />
+            </Cell>
+          </OLCol>
+        ) : (
+          <OLCol lg={12}>
+            <Cell>
+              <div className="affiliations-table-cell-tabbed">
+                <SsoLinkingInfo
+                  email={newEmail}
+                  domainInfo={newEmailMatchedDomain as DomainInfo}
+                />
+              </div>
+            </Cell>
+          </OLCol>
+        )}
+        {recaptchaConditions}
+      </Layout>
+    </form>
+  )
+}
+
+export default AddEmail
diff --git a/services/web/frontend/js/features/settings/components/emails/add-email/add-another-email-btn.tsx b/services/web/frontend/js/features/settings/components/emails/add-email/add-another-email-btn.tsx
new file mode 100644
index 0000000..cb0573c
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/add-email/add-another-email-btn.tsx
@@ -0,0 +1,19 @@
+import { useTranslation } from 'react-i18next'
+import OLButton, { OLButtonProps } from '@/features/ui/components/ol/ol-button'
+
+function AddAnotherEmailBtn({ onClick, ...props }: OLButtonProps) {
+  const { t } = useTranslation()
+
+  return (
+    <OLButton
+      variant="link"
+      onClick={onClick}
+      className="btn-inline-link"
+      {...props}
+    >
+      {t('add_another_email')}
+    </OLButton>
+  )
+}
+
+export default AddAnotherEmailBtn
diff --git a/services/web/frontend/js/features/settings/components/emails/add-email/add-new-email-btn.tsx b/services/web/frontend/js/features/settings/components/emails/add-email/add-new-email-btn.tsx
new file mode 100644
index 0000000..2f1a19d
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/add-email/add-new-email-btn.tsx
@@ -0,0 +1,32 @@
+import { useTranslation } from 'react-i18next'
+import OLButton, { OLButtonProps } from '@/features/ui/components/ol/ol-button'
+
+const isValidEmail = (email: string) => {
+  return Boolean(email)
+}
+
+type AddNewEmailColProps = {
+  email: string
+} & OLButtonProps
+
+function AddNewEmailBtn({
+  email,
+  disabled,
+  isLoading,
+  ...props
+}: AddNewEmailColProps) {
+  const { t } = useTranslation()
+
+  return (
+    <OLButton
+      variant="primary"
+      disabled={(disabled && !isLoading) || !isValidEmail(email)}
+      isLoading={isLoading}
+      {...props}
+    >
+      {t('add_new_email')}
+    </OLButton>
+  )
+}
+
+export default AddNewEmailBtn
diff --git a/services/web/frontend/js/features/settings/components/emails/add-email/country-input.tsx b/services/web/frontend/js/features/settings/components/emails/add-email/country-input.tsx
new file mode 100644
index 0000000..77f219c
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/add-email/country-input.tsx
@@ -0,0 +1,114 @@
+import { useState, forwardRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useCombobox } from 'downshift'
+import classnames from 'classnames'
+import countries, { CountryCode } from '../../../data/countries-list'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import { DropdownItem } from '@/features/ui/components/bootstrap-5/dropdown-menu'
+
+type CountryInputProps = {
+  setValue: React.Dispatch<React.SetStateAction<CountryCode | null>>
+  inputRef?: React.ForwardedRef<HTMLInputElement>
+} & React.InputHTMLAttributes<HTMLInputElement>
+
+const itemToString = (item: (typeof countries)[number] | null) =>
+  item?.name ?? ''
+
+function Downshift({ setValue, inputRef }: CountryInputProps) {
+  const { t } = useTranslation()
+  const [inputItems, setInputItems] = useState(() => [...countries])
+  const [inputValue, setInputValue] = useState('')
+
+  const {
+    isOpen,
+    getLabelProps,
+    getMenuProps,
+    getInputProps,
+    getComboboxProps,
+    getItemProps,
+    highlightedIndex,
+    openMenu,
+    selectedItem,
+  } = useCombobox({
+    inputValue,
+    items: inputItems,
+    itemToString,
+    onSelectedItemChange: ({ selectedItem }) => {
+      setValue(selectedItem?.code ?? null)
+      setInputValue(selectedItem?.name ?? '')
+    },
+    onInputValueChange: ({ inputValue = '' }) => {
+      setInputItems(
+        countries.filter(country =>
+          itemToString(country).toLowerCase().includes(inputValue.toLowerCase())
+        )
+      )
+    },
+  })
+
+  const shouldOpen = isOpen && inputItems.length
+
+  return (
+    <div className={classnames('dropdown', 'd-block')}>
+      <div {...getComboboxProps()}>
+        {/* eslint-disable-next-line jsx-a11y/label-has-for */}
+        <label {...getLabelProps()} className="visually-hidden">
+          {t('country')}
+        </label>
+        <OLFormControl
+          {...getInputProps({
+            onChange: (event: React.ChangeEvent<HTMLInputElement>) => {
+              setInputValue(event.target.value)
+            },
+            onFocus: () => {
+              if (!isOpen) {
+                openMenu()
+              }
+            },
+            ref: inputRef,
+          })}
+          placeholder={t('country')}
+        />
+        <i className="caret" />
+      </div>
+      <ul
+        {...getMenuProps()}
+        className={classnames('dropdown-menu', 'select-dropdown-menu', {
+          show: shouldOpen,
+        })}
+      >
+        {inputItems.map((item, index) => (
+          // eslint-disable-next-line jsx-a11y/role-supports-aria-props
+          <li
+            key={`${item.name}-${index}`}
+            {...getItemProps({ item, index })}
+            aria-selected={selectedItem?.name === item.name}
+          >
+            <DropdownItem
+              as="span"
+              role={undefined}
+              className={classnames({
+                active: selectedItem?.name === item.name,
+                'dropdown-item-highlighted': highlightedIndex === index,
+              })}
+              trailingIcon={
+                selectedItem?.name === item.name ? 'check' : undefined
+              }
+            >
+              {item.name}
+            </DropdownItem>
+          </li>
+        ))}
+      </ul>
+    </div>
+  )
+}
+
+const CountryInput = forwardRef<
+  HTMLInputElement,
+  Omit<CountryInputProps, 'inputRef'>
+>((props, ref) => <Downshift {...props} inputRef={ref} />)
+
+CountryInput.displayName = 'CountryInput'
+
+export default CountryInput
diff --git a/services/web/frontend/js/features/settings/components/emails/add-email/email-affiliated-with-institution.tsx b/services/web/frontend/js/features/settings/components/emails/add-email/email-affiliated-with-institution.tsx
new file mode 100644
index 0000000..113201a
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/add-email/email-affiliated-with-institution.tsx
@@ -0,0 +1,22 @@
+import { useTranslation } from 'react-i18next'
+import OLButton, { OLButtonProps } from '@/features/ui/components/ol/ol-button'
+
+function EmailAffiliatedWithInstitution({ onClick, ...props }: OLButtonProps) {
+  const { t } = useTranslation()
+
+  return (
+    <div className="mt-1">
+      {t('is_email_affiliated')}
+      <OLButton
+        variant="link"
+        onClick={onClick}
+        className="btn-inline-link"
+        {...props}
+      >
+        {t('let_us_know')}
+      </OLButton>
+    </div>
+  )
+}
+
+export default EmailAffiliatedWithInstitution
diff --git a/services/web/frontend/js/features/settings/components/emails/add-email/input.tsx b/services/web/frontend/js/features/settings/components/emails/add-email/input.tsx
new file mode 100644
index 0000000..e79d652
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/add-email/input.tsx
@@ -0,0 +1,186 @@
+import {
+  ChangeEvent,
+  KeyboardEvent,
+  useCallback,
+  useEffect,
+  useState,
+  useRef,
+} from 'react'
+import { Nullable } from '../../../../../../../types/utils'
+import { getJSON } from '../../../../../infrastructure/fetch-json'
+import useAbortController from '../../../../../shared/hooks/use-abort-controller'
+import domainBlocklist from '../../../domain-blocklist'
+import { debugConsole } from '@/utils/debugging'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+
+const LOCAL_AND_DOMAIN_REGEX = /([^@]+)@(.+)/
+
+function matchLocalAndDomain(emailHint: string) {
+  const match = emailHint.match(LOCAL_AND_DOMAIN_REGEX)
+  if (match) {
+    return { local: match[1], domain: match[2] }
+  } else {
+    return { local: null, domain: null }
+  }
+}
+
+export type DomainInfo = {
+  hostname: string
+  confirmed?: boolean
+  university: {
+    id: number
+    name: string
+    ssoEnabled?: boolean
+    ssoBeta?: boolean
+  }
+}
+
+let domainCache = new Map<string, DomainInfo>()
+
+export function clearDomainCache() {
+  domainCache = new Map<string, DomainInfo>()
+}
+
+type InputProps = {
+  onChange: (value: string, domain?: DomainInfo) => void
+  handleAddNewEmail: () => void
+}
+
+function Input({ onChange, handleAddNewEmail }: InputProps) {
+  const { signal } = useAbortController()
+
+  const inputRef = useRef<HTMLInputElement>(null)
+  const [suggestion, setSuggestion] = useState<string | null>(null)
+  const [inputValue, setInputValue] = useState<string | null>(null)
+  const [matchedDomain, setMatchedDomain] = useState<DomainInfo | null>(null)
+
+  useEffect(() => {
+    inputRef.current?.focus()
+  }, [inputRef])
+
+  useEffect(() => {
+    if (inputValue == null) {
+      return
+    }
+    if (matchedDomain && inputValue.endsWith(matchedDomain.hostname)) {
+      onChange(inputValue, matchedDomain)
+    } else {
+      onChange(inputValue)
+    }
+  }, [onChange, inputValue, suggestion, matchedDomain])
+
+  const handleEmailChange = useCallback(
+    (event: ChangeEvent<HTMLInputElement>) => {
+      const hint = event.target.value
+      setInputValue(hint)
+      const { local, domain } = matchLocalAndDomain(hint)
+      if (domain && !matchedDomain?.hostname.startsWith(domain)) {
+        setSuggestion(null)
+      }
+      if (!domain) {
+        return
+      }
+      if (domainCache.has(domain)) {
+        const cachedDomain = domainCache.get(domain) as DomainInfo
+        setSuggestion(`${local}@${cachedDomain.hostname}`)
+        setMatchedDomain(cachedDomain)
+        return
+      }
+      if (domainBlocklist.some(d => domain.endsWith(d))) {
+        return
+      }
+      const query = `?hostname=${domain}&limit=1`
+      getJSON<Nullable<DomainInfo[]>>(`/institutions/domains${query}`, {
+        signal,
+      })
+        .then(data => {
+          if (!(data && data[0])) {
+            return
+          }
+          if (domainBlocklist.some(d => data[0].hostname.endsWith(d))) {
+            return
+          }
+          const hostname = data[0]?.hostname
+          if (hostname) {
+            domainCache.set(domain, data[0])
+            setSuggestion(`${local}@${hostname}`)
+            setMatchedDomain(data[0])
+          } else {
+            setSuggestion(null)
+            setMatchedDomain(null)
+          }
+        })
+        .catch(error => {
+          debugConsole.error(error)
+          setSuggestion(null)
+          setMatchedDomain(null)
+        })
+    },
+    [signal, matchedDomain]
+  )
+
+  const handleKeyDownEvent = useCallback(
+    (event: KeyboardEvent) => {
+      const setInputValueAndResetSuggestion = () => {
+        setInputValue(suggestion)
+        setSuggestion(null)
+      }
+
+      if (event.key === 'Enter') {
+        event.preventDefault()
+
+        if (suggestion) {
+          setInputValueAndResetSuggestion()
+          return
+        }
+
+        if (!inputValue) {
+          return
+        }
+
+        const match = matchLocalAndDomain(inputValue)
+        if (match.local && match.domain) {
+          handleAddNewEmail()
+        }
+      }
+
+      if (event.key === 'Tab' && suggestion) {
+        event.preventDefault()
+        setInputValueAndResetSuggestion()
+      }
+    },
+    [inputValue, suggestion, handleAddNewEmail]
+  )
+
+  useEffect(() => {
+    if (!inputValue) {
+      setSuggestion(null)
+    } else if (suggestion && !suggestion.startsWith(inputValue)) {
+      setSuggestion(null)
+    }
+  }, [suggestion, inputValue])
+
+  return (
+    <div className="input-suggestions">
+      <OLFormControl
+        data-testid="affiliations-email-shadow"
+        readOnly
+        className="input-suggestions-shadow"
+        value={suggestion || ''}
+      />
+      <OLFormControl
+        id="affiliations-email"
+        data-testid="affiliations-email"
+        className="input-suggestions-main"
+        type="email"
+        onChange={handleEmailChange}
+        onKeyDown={handleKeyDownEvent}
+        value={inputValue || ''}
+        placeholder="e.g. johndoe@mit.edu"
+        ref={inputRef}
+      />
+    </div>
+  )
+}
+
+export default Input
diff --git a/services/web/frontend/js/features/settings/components/emails/add-email/institution-fields.tsx b/services/web/frontend/js/features/settings/components/emails/add-email/institution-fields.tsx
new file mode 100644
index 0000000..49b7de6
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/add-email/institution-fields.tsx
@@ -0,0 +1,200 @@
+import { useEffect, useState, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import CountryInput from './country-input'
+import DownshiftInput from '../downshift-input'
+import EmailAffiliatedWithInstitution from './email-affiliated-with-institution'
+import defaultRoles from '../../../data/roles'
+import defaultDepartments from '../../../data/departments'
+import { CountryCode } from '../../../data/countries-list'
+import { University } from '../../../../../../../types/university'
+import { DomainInfo } from './input'
+import { getJSON } from '../../../../../infrastructure/fetch-json'
+import useAsync from '../../../../../shared/hooks/use-async'
+import UniversityName from './university-name'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+
+type InstitutionFieldsProps = {
+  countryCode: CountryCode | null
+  setCountryCode: React.Dispatch<React.SetStateAction<CountryCode | null>>
+  universities: Partial<Record<CountryCode, University[]>>
+  setUniversities: React.Dispatch<
+    React.SetStateAction<Partial<Record<CountryCode, University[]>>>
+  >
+  universityName: string
+  setUniversityName: React.Dispatch<React.SetStateAction<string>>
+  role: string
+  setRole: React.Dispatch<React.SetStateAction<string>>
+  department: string
+  setDepartment: React.Dispatch<React.SetStateAction<string>>
+  newEmailMatchedDomain: DomainInfo | null
+}
+
+function InstitutionFields({
+  countryCode,
+  setCountryCode,
+  universities,
+  setUniversities,
+  universityName,
+  setUniversityName,
+  role,
+  setRole,
+  department,
+  setDepartment,
+  newEmailMatchedDomain,
+}: InstitutionFieldsProps) {
+  const { t } = useTranslation()
+  const countryRef = useRef<HTMLInputElement | null>(null)
+  const [departments, setDepartments] = useState<string[]>([
+    ...defaultDepartments,
+  ])
+  const [isInstitutionFieldsVisible, setIsInstitutionFieldsVisible] =
+    useState(false)
+  const [isUniversityDirty, setIsUniversityDirty] = useState(false)
+  const { runAsync: institutionRunAsync } = useAsync<University[]>()
+
+  useEffect(() => {
+    if (isInstitutionFieldsVisible && countryRef.current) {
+      countryRef.current?.focus()
+    }
+  }, [countryRef, isInstitutionFieldsVisible])
+
+  useEffect(() => {
+    if (universityName) {
+      setIsUniversityDirty(true)
+    }
+  }, [setIsUniversityDirty, universityName])
+
+  // If the institution selected by autocompletion has changed
+  // hide the fields visibility and reset values
+  useEffect(() => {
+    if (!newEmailMatchedDomain) {
+      setIsInstitutionFieldsVisible(false)
+      setRole('')
+      setDepartment('')
+    }
+  }, [newEmailMatchedDomain, setRole, setDepartment])
+
+  useEffect(() => {
+    const selectedKnownUniversity = countryCode
+      ? universities[countryCode]?.find(({ name }) => name === universityName)
+      : undefined
+
+    if (selectedKnownUniversity && selectedKnownUniversity.departments.length) {
+      setDepartments(selectedKnownUniversity.departments)
+    } else {
+      setDepartments([...defaultDepartments])
+    }
+  }, [countryCode, universities, universityName])
+
+  // Fetch country institution
+  useEffect(() => {
+    // Skip if country not selected or universities for
+    // that country are already fetched
+    if (!countryCode || universities[countryCode]) {
+      return
+    }
+
+    institutionRunAsync(
+      getJSON(`/institutions/list?country_code=${countryCode}`)
+    )
+      .then(data => {
+        setUniversities(state => ({ ...state, [countryCode]: data }))
+      })
+      .catch(() => {})
+  }, [countryCode, universities, setUniversities, institutionRunAsync])
+
+  const getUniversityItems = () => {
+    if (!countryCode) {
+      return []
+    }
+
+    return (
+      universities[countryCode]
+        ?.map(({ name }) => name)
+        .filter(name =>
+          name.trim().toLowerCase().includes(universityName.toLowerCase())
+        ) ?? []
+    )
+  }
+
+  const handleShowInstitutionFields = () => {
+    setIsInstitutionFieldsVisible(true)
+  }
+
+  const handleSelectUniversityManually = () => {
+    setRole('')
+    setDepartment('')
+    handleShowInstitutionFields()
+  }
+
+  const isLetUsKnowVisible =
+    !newEmailMatchedDomain && !isInstitutionFieldsVisible
+  const isAutocompletedInstitutionVisible =
+    newEmailMatchedDomain && !isInstitutionFieldsVisible
+  const isRoleAndDepartmentVisible =
+    isAutocompletedInstitutionVisible || isUniversityDirty
+
+  // Is the email affiliated with an institution?
+  if (isLetUsKnowVisible) {
+    return (
+      <EmailAffiliatedWithInstitution onClick={handleShowInstitutionFields} />
+    )
+  }
+
+  return (
+    <>
+      {isAutocompletedInstitutionVisible ? (
+        // Display the institution name after autocompletion
+        <UniversityName
+          name={newEmailMatchedDomain.university.name}
+          onClick={handleSelectUniversityManually}
+        />
+      ) : (
+        // Display the country and university fields
+        <>
+          <OLFormGroup className="mb-2">
+            <CountryInput
+              id="new-email-country-input"
+              setValue={setCountryCode}
+              ref={countryRef}
+            />
+          </OLFormGroup>
+          <OLFormGroup className={isRoleAndDepartmentVisible ? 'mb-2' : 'mb-0'}>
+            <DownshiftInput
+              items={getUniversityItems()}
+              inputValue={universityName}
+              placeholder={t('university')}
+              label={t('university')}
+              setValue={setUniversityName}
+              disabled={!countryCode}
+            />
+          </OLFormGroup>
+        </>
+      )}
+      {isRoleAndDepartmentVisible && (
+        <>
+          <OLFormGroup className="mb-2">
+            <DownshiftInput
+              items={[...defaultRoles]}
+              inputValue={role}
+              placeholder={t('role')}
+              label={t('role')}
+              setValue={setRole}
+            />
+          </OLFormGroup>
+          <OLFormGroup className="mb-0">
+            <DownshiftInput
+              items={departments}
+              inputValue={department}
+              placeholder={t('department')}
+              label={t('department')}
+              setValue={setDepartment}
+            />
+          </OLFormGroup>
+        </>
+      )}
+    </>
+  )
+}
+
+export default InstitutionFields
diff --git a/services/web/frontend/js/features/settings/components/emails/add-email/layout.tsx b/services/web/frontend/js/features/settings/components/emails/add-email/layout.tsx
new file mode 100644
index 0000000..27ff175
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/add-email/layout.tsx
@@ -0,0 +1,26 @@
+import { UseAsyncReturnType } from '../../../../../shared/hooks/use-async'
+import { getUserFacingMessage } from '../../../../../infrastructure/fetch-json'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+type LayoutProps = {
+  children: React.ReactNode
+  isError: UseAsyncReturnType['isError']
+  error: UseAsyncReturnType['error']
+}
+
+function Layout({ isError, error, children }: LayoutProps) {
+  return (
+    <div className="affiliations-table-row-highlighted">
+      <OLRow>{children}</OLRow>
+      {isError && (
+        <OLNotification
+          type="error"
+          content={getUserFacingMessage(error) ?? ''}
+        />
+      )}
+    </div>
+  )
+}
+
+export default Layout
diff --git a/services/web/frontend/js/features/settings/components/emails/add-email/sso-linking-info.tsx b/services/web/frontend/js/features/settings/components/emails/add-email/sso-linking-info.tsx
new file mode 100644
index 0000000..cc3e3da
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/add-email/sso-linking-info.tsx
@@ -0,0 +1,69 @@
+import { useState } from 'react'
+import { Trans, useTranslation } from 'react-i18next'
+import { DomainInfo } from './input'
+import getMeta from '../../../../../utils/meta'
+import { useLocation } from '../../../../../shared/hooks/use-location'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+type SSOLinkingInfoProps = {
+  domainInfo: DomainInfo
+  email: string
+}
+
+function SsoLinkingInfo({ domainInfo, email }: SSOLinkingInfoProps) {
+  const { samlInitPath } = getMeta('ol-ExposedSettings')
+  const { t } = useTranslation()
+  const location = useLocation()
+
+  const [linkAccountsButtonDisabled, setLinkAccountsButtonDisabled] =
+    useState(false)
+
+  function handleLinkAccountsButtonClick() {
+    setLinkAccountsButtonDisabled(true)
+    location.assign(
+      `${samlInitPath}?university_id=${domainInfo.university.id}&auto=/user/settings&email=${email}`
+    )
+  }
+
+  return (
+    <>
+      <p className="affiliations-table-label">{domainInfo.university.name}</p>
+      <p>
+        <Trans
+          i18nKey="to_add_email_accounts_need_to_be_linked_2"
+          components={[<strong />]} // eslint-disable-line react/jsx-key
+          values={{ institutionName: domainInfo.university.name }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+        />
+      </p>
+      <p>
+        <Trans
+          i18nKey="doing_this_will_verify_affiliation_and_allow_log_in_2"
+          components={[<strong />]} // eslint-disable-line react/jsx-key
+          values={{ institutionName: domainInfo.university.name }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+        />{' '}
+        <a
+          href="/learn/how-to/Institutional_Login"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          {t('find_out_more_about_institution_login')}.
+        </a>
+      </p>
+      <OLButton
+        variant="primary"
+        className="btn-link-accounts"
+        size="sm"
+        disabled={linkAccountsButtonDisabled}
+        onClick={handleLinkAccountsButtonClick}
+      >
+        {t('link_accounts_and_add_email')}
+      </OLButton>
+    </>
+  )
+}
+
+export default SsoLinkingInfo
diff --git a/services/web/frontend/js/features/settings/components/emails/add-email/university-name.tsx b/services/web/frontend/js/features/settings/components/emails/add-email/university-name.tsx
new file mode 100644
index 0000000..32fc016
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/add-email/university-name.tsx
@@ -0,0 +1,25 @@
+import { useTranslation } from 'react-i18next'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+type UniversityNameProps = {
+  name: string
+  onClick: () => void
+}
+
+function UniversityName({ name, onClick }: UniversityNameProps) {
+  const { t } = useTranslation()
+
+  return (
+    <p>
+      {name}
+      <span className="small">
+        {' '}
+        <OLButton variant="link" onClick={onClick} className="btn-inline-link">
+          {t('change')}
+        </OLButton>
+      </span>
+    </p>
+  )
+}
+
+export default UniversityName
diff --git a/services/web/frontend/js/features/settings/components/emails/add-secondary-email-prompt.tsx b/services/web/frontend/js/features/settings/components/emails/add-secondary-email-prompt.tsx
new file mode 100644
index 0000000..04bc4ed
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/add-secondary-email-prompt.tsx
@@ -0,0 +1,160 @@
+import { Interstitial } from '@/shared/components/interstitial'
+import useWaitForI18n from '@/shared/hooks/use-wait-for-i18n'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { Trans, useTranslation } from 'react-i18next'
+import EmailInput from './add-email/input'
+import { useState } from 'react'
+import MaterialIcon from '@/shared/components/material-icon'
+import { sendMB } from '@/infrastructure/event-tracking'
+import { ReCaptcha2 } from '../../../../shared/components/recaptcha-2'
+import { useRecaptcha } from '../../../../shared/hooks/use-recaptcha'
+
+import { postJSON } from '../../../../infrastructure/fetch-json'
+import RecaptchaConditions from '@/shared/components/recaptcha-conditions'
+import getMeta from '@/utils/meta'
+
+type AddSecondaryEmailError = {
+  name: string
+  data: any
+}
+
+export function AddSecondaryEmailPrompt() {
+  const isReady = useWaitForI18n()
+  const { t } = useTranslation()
+  const [email, setEmail] = useState<string>()
+  const [error, setError] = useState<AddSecondaryEmailError | undefined>()
+  const [isSubmitting, setIsSubmitting] = useState<boolean>(false)
+  const { ref: recaptchaRef, getReCaptchaToken } = useRecaptcha()
+
+  if (!isReady) {
+    return null
+  }
+
+  const onEmailChange = (newEmail: string) => {
+    if (newEmail !== email) {
+      setEmail(newEmail)
+      setError(undefined)
+    }
+  }
+
+  const errorHandler = (err: any) => {
+    let errorName = 'generic_something_went_wrong'
+
+    if (err?.response?.status === 409) {
+      errorName = 'email_already_registered'
+    } else if (err?.response?.status === 429) {
+      errorName = 'too_many_attempts'
+    } else if (err?.response?.status === 422) {
+      errorName = 'email_must_be_linked_to_institution'
+    } else if (err?.data.errorReason === 'cannot_verify_user_not_robot') {
+      errorName = 'cannot_verify_user_not_robot'
+    }
+
+    setError({ name: errorName, data: err?.data })
+    sendMB('add-secondary-email-error', { errorName })
+  }
+
+  const handleSubmit = async (e?: React.FormEvent<HTMLFormElement>) => {
+    if (e) {
+      e.preventDefault()
+    }
+
+    setIsSubmitting(true)
+
+    const token = await getReCaptchaToken()
+
+    await postJSON('/user/emails/secondary', {
+      body: {
+        email,
+        'g-recaptcha-response': token,
+      },
+    })
+      .then(() => {
+        location.assign('/user/emails/confirm-secondary')
+      })
+      .catch(errorHandler)
+      .finally(() => {
+        setIsSubmitting(false)
+      })
+  }
+
+  return (
+    <>
+      <Interstitial showLogo title={t('add_a_recovery_email_address')}>
+        <form className="add-secondary-email" onSubmit={handleSubmit}>
+          <ReCaptcha2 page="addEmail" recaptchaRef={recaptchaRef} />
+          <p>{t('keep_your_account_safe_add_another_email')}</p>
+
+          <EmailInput
+            onChange={onEmailChange}
+            handleAddNewEmail={handleSubmit}
+          />
+
+          <div aria-live="polite">
+            {error && <ErrorMessage error={error} />}
+          </div>
+
+          <OLButton disabled={isSubmitting} variant="primary" type="submit">
+            {isSubmitting ? <>{t('adding')}&hellip;</> : t('add_email_address')}
+          </OLButton>
+          <OLButton disabled={isSubmitting} variant="secondary" href="/project">
+            {t('not_now')}
+          </OLButton>
+          <p className="add-secondary-email-learn-more">
+            <Trans
+              i18nKey="learn_more_about_account"
+              components={[
+                // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+                <a href="/learn/how-to/Keeping_your_account_secure" />,
+              ]}
+            />
+          </p>
+        </form>
+      </Interstitial>
+      {!getMeta('ol-ExposedSettings').recaptchaDisabled?.addEmail && (
+        <div className="mt-5">
+          <RecaptchaConditions />
+        </div>
+      )}
+    </>
+  )
+}
+
+function ErrorMessage({ error }: { error: AddSecondaryEmailError }) {
+  const { t } = useTranslation()
+
+  let errorText
+
+  switch (error.name) {
+    case 'email_already_registered':
+      errorText = t('email_already_registered')
+      break
+    case 'too_many_attempts':
+      errorText = t('too_many_attempts')
+      break
+    case 'email_must_be_linked_to_institution':
+      errorText = (
+        <Trans
+          i18nKey="email_must_be_linked_to_institution"
+          values={{ institutionName: error?.data?.institutionName }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+          /* eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key */
+          components={[<a href="/account/settings" />]}
+        />
+      )
+      break
+    case 'cannot_verify_user_not_robot':
+      errorText = t('cannot_verify_user_not_robot')
+      break
+    default:
+      errorText = t('generic_something_went_wrong')
+  }
+
+  return (
+    <div className="add-secondary-email-error small text-danger">
+      <MaterialIcon className="icon" type="error" />
+      <div>{errorText}</div>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/settings/components/emails/cell.tsx b/services/web/frontend/js/features/settings/components/emails/cell.tsx
new file mode 100644
index 0000000..27e115b
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/cell.tsx
@@ -0,0 +1,16 @@
+import classNames from 'classnames'
+
+type CellProps = {
+  children: React.ReactNode
+  className?: string
+}
+
+function Cell({ children, className }: CellProps) {
+  return (
+    <div className={classNames('affiliations-table-cell', className)}>
+      {children}
+    </div>
+  )
+}
+
+export default Cell
diff --git a/services/web/frontend/js/features/settings/components/emails/confirm-email-form.tsx b/services/web/frontend/js/features/settings/components/emails/confirm-email-form.tsx
new file mode 100644
index 0000000..66aaee9
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/confirm-email-form.tsx
@@ -0,0 +1,309 @@
+import { postJSON } from '@/infrastructure/fetch-json'
+import useWaitForI18n from '@/shared/hooks/use-wait-for-i18n'
+import Notification from '@/shared/components/notification'
+import getMeta from '@/utils/meta'
+import { FormEvent, MouseEventHandler, useState } from 'react'
+import { Trans, useTranslation } from 'react-i18next'
+import LoadingSpinner from '@/shared/components/loading-spinner'
+import MaterialIcon from '@/shared/components/material-icon'
+import { sendMB } from '@/infrastructure/event-tracking'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+type Feedback = {
+  type: 'input' | 'alert'
+  style: 'error' | 'info'
+  message: string
+}
+
+type ConfirmEmailFormProps = {
+  confirmationEndpoint: string
+  flow: string
+  resendEndpoint: string
+  successMessage?: React.ReactNode
+  successButtonText?: string
+  email?: string
+  onSuccessfulConfirmation?: () => void
+  interstitial: boolean
+  isModal?: boolean
+  onCancel?: () => void
+}
+
+export function ConfirmEmailForm({
+  confirmationEndpoint,
+  flow,
+  resendEndpoint,
+  successMessage,
+  successButtonText,
+  email = getMeta('ol-email'),
+  onSuccessfulConfirmation,
+  interstitial,
+  isModal,
+  onCancel,
+}: ConfirmEmailFormProps) {
+  const { t } = useTranslation()
+  const [confirmationCode, setConfirmationCode] = useState('')
+  const [feedback, setFeedback] = useState<Feedback | null>(null)
+  const [isConfirming, setIsConfirming] = useState(false)
+  const [isResending, setIsResending] = useState(false)
+  const [successRedirectPath, setSuccessRedirectPath] = useState('')
+  const { isReady } = useWaitForI18n()
+
+  const errorHandler = (err: any, actionType?: string) => {
+    let errorName = err?.data?.message?.key || 'generic_something_went_wrong'
+
+    if (err?.response?.status === 429) {
+      if (actionType === 'confirm') {
+        errorName = 'too_many_confirm_code_verification_attempts'
+      } else if (actionType === 'resend') {
+        errorName = 'too_many_confirm_code_resend_attempts'
+      }
+      setFeedback({
+        type: 'alert',
+        style: 'error',
+        message: errorName,
+      })
+    } else {
+      setFeedback({
+        type: 'input',
+        style: 'error',
+        message: errorName,
+      })
+    }
+
+    sendMB('email-verification-error', {
+      errorName,
+      flow,
+    })
+  }
+
+  const invalidFormHandler = () => {
+    if (!confirmationCode) {
+      return setFeedback({
+        type: 'input',
+        style: 'error',
+        message: 'please_enter_confirmation_code',
+      })
+    }
+  }
+
+  const submitHandler = async (e: FormEvent<HTMLFormElement>) => {
+    e.preventDefault()
+    setIsConfirming(true)
+    setFeedback(null)
+    sendMB('email-verification-click', {
+      button: 'verify',
+      flow,
+    })
+    try {
+      const data = await postJSON(confirmationEndpoint, {
+        body: { code: confirmationCode },
+      })
+      if (onSuccessfulConfirmation) {
+        onSuccessfulConfirmation()
+      } else {
+        setSuccessRedirectPath(data?.redir || '/')
+      }
+    } catch (err) {
+      errorHandler(err, 'confirm')
+    } finally {
+      setIsConfirming(false)
+    }
+  }
+
+  const resendHandler: MouseEventHandler<HTMLButtonElement> = () => {
+    setIsResending(true)
+    setFeedback(null)
+
+    postJSON(resendEndpoint)
+      .then(data => {
+        setIsResending(false)
+        if (data?.message?.key) {
+          setFeedback({
+            type: 'alert',
+            style: 'info',
+            message: data.message.key,
+          })
+        }
+      })
+      .catch(err => {
+        errorHandler(err, 'resend')
+      })
+      .finally(() => {
+        setIsResending(false)
+      })
+
+    sendMB('email-verification-click', {
+      button: 'resend',
+      flow,
+    })
+  }
+
+  const changeHandler = (e: FormEvent<HTMLInputElement>) => {
+    setConfirmationCode(e.currentTarget.value)
+    setFeedback(null)
+  }
+
+  if (!isReady) {
+    return <LoadingSpinner />
+  }
+
+  if (successRedirectPath && successButtonText && successMessage) {
+    return (
+      <ConfirmEmailSuccessfullForm
+        successMessage={successMessage}
+        successButtonText={successButtonText}
+        redirectTo={successRedirectPath}
+      />
+    )
+  }
+
+  let intro = <h5 className="h5">{t('confirm_your_email')}</h5>
+  if (isModal) intro = <h5 className="h5">{t('we_sent_code')}</h5>
+  if (interstitial)
+    intro = (
+      <h1 className="h3 interstitial-header">{t('confirm_your_email')}</h1>
+    )
+
+  return (
+    <form
+      onSubmit={submitHandler}
+      onInvalid={invalidFormHandler}
+      className="confirm-email-form"
+    >
+      <div className="confirm-email-form-inner">
+        {feedback?.type === 'alert' && (
+          <Notification
+            ariaLive="polite"
+            className="confirm-email-alert"
+            type={feedback.style}
+            content={<ErrorMessage error={feedback.message} />}
+          />
+        )}
+
+        {intro}
+
+        <OLFormLabel htmlFor="one-time-code">
+          {isModal
+            ? t('enter_the_code', { email })
+            : t('enter_the_confirmation_code', { email })}
+        </OLFormLabel>
+        <input
+          id="one-time-code"
+          className="form-control"
+          placeholder={t('enter_6_digit_code')}
+          inputMode="numeric"
+          required
+          value={confirmationCode}
+          onChange={changeHandler}
+          data-ol-dirty={feedback ? 'true' : undefined}
+          maxLength={6}
+          autoComplete="one-time-code"
+          autoFocus // eslint-disable-line jsx-a11y/no-autofocus
+        />
+        <div aria-live="polite">
+          {feedback?.type === 'input' && (
+            <div className="small text-danger">
+              <MaterialIcon className="icon" type="error" />
+              <div>
+                <ErrorMessage error={feedback.message} />
+              </div>
+            </div>
+          )}
+        </div>
+
+        <div className="form-actions">
+          <OLButton
+            disabled={isResending}
+            type="submit"
+            isLoading={isConfirming}
+            loadingLabel={t('confirming')}
+          >
+            {t('confirm')}
+          </OLButton>
+          <OLButton
+            variant="secondary"
+            disabled={isConfirming}
+            onClick={resendHandler}
+            isLoading={isResending}
+            loadingLabel={t('resending_confirmation_code')}
+          >
+            {t('resend_confirmation_code')}
+          </OLButton>
+          {onCancel && (
+            <OLButton
+              variant="danger-ghost"
+              disabled={isConfirming || isResending}
+              onClick={onCancel}
+            >
+              {t('cancel')}
+            </OLButton>
+          )}
+        </div>
+      </div>
+    </form>
+  )
+}
+
+function ConfirmEmailSuccessfullForm({
+  successMessage,
+  successButtonText,
+  redirectTo,
+}: {
+  successMessage: React.ReactNode
+  successButtonText: string
+  redirectTo: string
+}) {
+  const submitHandler = (e: FormEvent<HTMLFormElement>) => {
+    e.preventDefault()
+    location.assign(redirectTo)
+  }
+
+  return (
+    <form onSubmit={submitHandler}>
+      <div aria-live="polite">{successMessage}</div>
+
+      <div className="form-actions">
+        <OLButton type="submit" variant="primary">
+          {successButtonText}
+        </OLButton>
+      </div>
+    </form>
+  )
+}
+
+function ErrorMessage({ error }: { error: string }) {
+  const { t } = useTranslation()
+
+  switch (error) {
+    case 'invalid_confirmation_code':
+      return <span>{t('invalid_confirmation_code')}</span>
+
+    case 'expired_confirmation_code':
+      return (
+        <Trans
+          i18nKey="expired_confirmation_code"
+          /* eslint-disable-next-line react/jsx-key  */
+          components={[<strong />]}
+        />
+      )
+
+    case 'email_already_registered':
+      return <span>{t('email_already_registered')}</span>
+
+    case 'too_many_confirm_code_resend_attempts':
+      return <span>{t('too_many_confirm_code_resend_attempts')}</span>
+
+    case 'too_many_confirm_code_verification_attempts':
+      return <span>{t('too_many_confirm_code_verification_attempts')}</span>
+
+    case 'we_sent_new_code':
+      return <span>{t('we_sent_new_code')}</span>
+
+    case 'please_enter_confirmation_code':
+      return <span>{t('please_enter_confirmation_code')}</span>
+
+    default:
+      return <span>{t('generic_something_went_wrong')}</span>
+  }
+}
diff --git a/services/web/frontend/js/features/settings/components/emails/confirm-secondary-email-form.tsx b/services/web/frontend/js/features/settings/components/emails/confirm-secondary-email-form.tsx
new file mode 100644
index 0000000..3eaee4b
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/confirm-secondary-email-form.tsx
@@ -0,0 +1,28 @@
+import { ConfirmEmailForm } from './confirm-email-form'
+import { useTranslation } from 'react-i18next'
+import { Interstitial } from '@/shared/components/interstitial'
+
+export default function ConfirmSecondaryEmailForm() {
+  const { t } = useTranslation()
+
+  const successMessage = (
+    <>
+      <h1 className="h3 interstitial-header">
+        {t('thanks_for_confirming_your_email_address')}
+      </h1>
+    </>
+  )
+
+  return (
+    <Interstitial className="confirm-email" showLogo>
+      <ConfirmEmailForm
+        successMessage={successMessage}
+        successButtonText={t('go_to_overleaf')}
+        confirmationEndpoint="/user/emails/confirm-secondary"
+        resendEndpoint="/user/emails/resend-secondary-confirmation"
+        flow="secondary"
+        interstitial
+      />
+    </Interstitial>
+  )
+}
diff --git a/services/web/frontend/js/features/settings/components/emails/downshift-input.tsx b/services/web/frontend/js/features/settings/components/emails/downshift-input.tsx
new file mode 100644
index 0000000..eb0563d
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/downshift-input.tsx
@@ -0,0 +1,154 @@
+import { useState, useEffect, forwardRef } from 'react'
+import { useCombobox } from 'downshift'
+import classnames from 'classnames'
+import { escapeRegExp } from 'lodash'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import { DropdownItem } from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+
+type DownshiftInputProps = {
+  highlightMatches?: boolean
+  items: string[]
+  itemsTitle?: string
+  inputValue: string
+  label: string
+  setValue: (value: string) => void
+  inputRef?: React.ForwardedRef<HTMLInputElement>
+  showLabel?: boolean
+  showSuggestedText?: boolean
+} & React.InputHTMLAttributes<HTMLInputElement>
+
+const filterItemsByInputValue = (
+  items: DownshiftInputProps['items'],
+  inputValue: DownshiftInputProps['inputValue']
+) => items.filter(item => item.toLowerCase().includes(inputValue.toLowerCase()))
+
+function Downshift({
+  highlightMatches = false,
+  items,
+  itemsTitle,
+  inputValue,
+  placeholder,
+  label,
+  setValue,
+  disabled,
+  inputRef,
+  showLabel = false,
+  showSuggestedText = false,
+}: DownshiftInputProps) {
+  const [inputItems, setInputItems] = useState(items)
+
+  useEffect(() => {
+    setInputItems(items)
+  }, [items])
+
+  const {
+    isOpen,
+    getLabelProps,
+    getMenuProps,
+    getInputProps,
+    getComboboxProps,
+    getItemProps,
+    highlightedIndex,
+    openMenu,
+    selectedItem,
+  } = useCombobox({
+    inputValue,
+    items: inputItems,
+    initialSelectedItem: inputValue,
+    onSelectedItemChange: ({ selectedItem }) => {
+      setValue(selectedItem ?? '')
+    },
+    onInputValueChange: ({ inputValue = '' }) => {
+      setInputItems(filterItemsByInputValue(items, inputValue))
+    },
+    onStateChange: ({ type }) => {
+      if (type === useCombobox.stateChangeTypes.FunctionOpenMenu) {
+        setInputItems(filterItemsByInputValue(items, inputValue))
+      }
+    },
+  })
+
+  const highlightMatchedCharacters = (item: string, query: string) => {
+    if (!query || !highlightMatches) return item
+    const regex = new RegExp(`(${escapeRegExp(query)})`, 'gi')
+    const parts = item.split(regex)
+    return parts.map((part, index) =>
+      regex.test(part) ? <strong key={`${part}-${index}`}>{part}</strong> : part
+    )
+  }
+
+  const shouldOpen = isOpen && inputItems.length
+
+  return (
+    <div className={classnames('dropdown', 'd-block')}>
+      <div {...getComboboxProps()}>
+        {/* eslint-disable-next-line jsx-a11y/label-has-for */}
+        <OLFormLabel
+          {...getLabelProps()}
+          className={showLabel ? '' : 'visually-hidden'}
+        >
+          {label}
+        </OLFormLabel>
+        <OLFormControl
+          {...getInputProps({
+            onChange: (event: React.ChangeEvent<HTMLInputElement>) => {
+              setValue(event.target.value)
+            },
+            onFocus: () => {
+              if (!isOpen) {
+                openMenu()
+              }
+            },
+            ref: inputRef,
+          })}
+          placeholder={placeholder}
+          disabled={disabled}
+        />
+      </div>
+      <ul
+        {...getMenuProps()}
+        className={classnames('dropdown-menu', 'select-dropdown-menu', {
+          show: shouldOpen,
+        })}
+      >
+        {showSuggestedText && inputItems.length && (
+          <li>
+            <DropdownItem as="span" role={undefined} disabled>
+              {itemsTitle}
+            </DropdownItem>
+          </li>
+        )}
+        {inputItems.map((item, index) => (
+          // eslint-disable-next-line jsx-a11y/role-supports-aria-props
+          <li
+            key={`${item}${index}`}
+            {...getItemProps({ item, index })}
+            aria-selected={selectedItem === item}
+          >
+            <DropdownItem
+              as="span"
+              role={undefined}
+              className={classnames({
+                active: selectedItem === item,
+                'dropdown-item-highlighted': highlightedIndex === index,
+              })}
+              trailingIcon={selectedItem === item ? 'check' : undefined}
+            >
+              {highlightMatchedCharacters(item, inputValue)}
+            </DropdownItem>
+          </li>
+        ))}
+      </ul>
+    </div>
+  )
+}
+
+const DownshiftInput = forwardRef<
+  HTMLInputElement,
+  Omit<DownshiftInputProps, 'inputRef'>
+>((props, ref) => <Downshift {...props} inputRef={ref} />)
+
+DownshiftInput.displayName = 'DownshiftInput'
+
+export default DownshiftInput
diff --git a/services/web/frontend/js/features/settings/components/emails/email.tsx b/services/web/frontend/js/features/settings/components/emails/email.tsx
new file mode 100644
index 0000000..f8dc172
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/email.tsx
@@ -0,0 +1,53 @@
+import { useTranslation } from 'react-i18next'
+import { UserEmailData } from '../../../../../../types/user-email'
+import { ssoAvailableForInstitution } from '../../utils/sso'
+import OLBadge from '@/features/ui/components/ol/ol-badge'
+import ResendConfirmationCodeModal from '@/features/settings/components/emails/resend-confirmation-code-modal'
+
+type EmailProps = {
+  userEmailData: UserEmailData
+}
+
+function Email({ userEmailData }: EmailProps) {
+  const { t } = useTranslation()
+
+  const ssoAvailable = ssoAvailableForInstitution(
+    userEmailData.affiliation?.institution || null
+  )
+
+  const isPrimary = userEmailData.default
+  const isProfessional =
+    userEmailData.confirmedAt &&
+    userEmailData.affiliation?.institution.confirmed &&
+    userEmailData.affiliation.licence !== 'free'
+  const hasBadges = isPrimary || isProfessional
+
+  return (
+    <>
+      {userEmailData.email}
+      {!userEmailData.confirmedAt && (
+        <div className="small">
+          <strong>{t('unconfirmed')}.</strong>
+          <br />
+          {!ssoAvailable && (
+            <ResendConfirmationCodeModal email={userEmailData.email} />
+          )}
+        </div>
+      )}
+      {hasBadges && (
+        <div>
+          {isPrimary && (
+            <>
+              <OLBadge bg="info">Primary</OLBadge>{' '}
+            </>
+          )}
+          {isProfessional && (
+            <OLBadge bg="primary">{t('professional')}</OLBadge>
+          )}
+        </div>
+      )}
+    </>
+  )
+}
+
+export default Email
diff --git a/services/web/frontend/js/features/settings/components/emails/header.tsx b/services/web/frontend/js/features/settings/components/emails/header.tsx
new file mode 100644
index 0000000..2718900
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/header.tsx
@@ -0,0 +1,30 @@
+import { useTranslation } from 'react-i18next'
+import EmailCell from './cell'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import classnames from 'classnames'
+
+function Header() {
+  const { t } = useTranslation()
+
+  return (
+    <>
+      <OLRow>
+        <OLCol lg={4} className="d-none d-sm-block">
+          <EmailCell>
+            <strong>{t('email')}</strong>
+          </EmailCell>
+        </OLCol>
+        <OLCol lg={8} className="d-none d-sm-block">
+          <EmailCell>
+            <strong>{t('institution_and_role')}</strong>
+          </EmailCell>
+        </OLCol>
+      </OLRow>
+      <div className={classnames('d-none d-sm-block', 'horizontal-divider')} />
+      <div className={classnames('d-none d-sm-block', 'horizontal-divider')} />
+    </>
+  )
+}
+
+export default Header
diff --git a/services/web/frontend/js/features/settings/components/emails/institution-and-role.tsx b/services/web/frontend/js/features/settings/components/emails/institution-and-role.tsx
new file mode 100644
index 0000000..c00a4f0
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/institution-and-role.tsx
@@ -0,0 +1,176 @@
+import { useState, useEffect, useRef } from 'react'
+import { useTranslation } from 'react-i18next'
+import { UserEmailData } from '../../../../../../types/user-email'
+import { isChangingAffiliation } from '../../utils/selectors'
+import { useUserEmailsContext } from '../../context/user-email-context'
+import DownshiftInput from './downshift-input'
+import useAsync from '../../../../shared/hooks/use-async'
+import { getJSON, postJSON } from '../../../../infrastructure/fetch-json'
+import defaultRoles from '../../data/roles'
+import defaultDepartments from '../../data/departments'
+import { University } from '../../../../../../types/university'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+
+type InstitutionAndRoleProps = {
+  userEmailData: UserEmailData
+}
+
+function InstitutionAndRole({ userEmailData }: InstitutionAndRoleProps) {
+  const { t } = useTranslation()
+  const { isLoading, isError, runAsync } = useAsync()
+  const changeAffiliationAsync = useAsync<University>()
+  const { affiliation } = userEmailData
+  const {
+    state,
+    setLoading: setUserEmailsContextLoading,
+    setEmailAffiliationBeingEdited,
+    updateAffiliation,
+  } = useUserEmailsContext()
+  const [role, setRole] = useState(affiliation?.role || '')
+  const [department, setDepartment] = useState(affiliation?.department || '')
+  const [departments, setDepartments] = useState<string[]>(() => [
+    ...defaultDepartments,
+  ])
+  const roleRef = useRef<HTMLInputElement | null>(null)
+  const isChangingAffiliationInProgress = isChangingAffiliation(
+    state,
+    userEmailData.email
+  )
+
+  useEffect(() => {
+    setUserEmailsContextLoading(isLoading)
+  }, [setUserEmailsContextLoading, isLoading])
+
+  useEffect(() => {
+    if (isChangingAffiliationInProgress && roleRef.current) {
+      roleRef.current?.focus()
+    }
+  }, [roleRef, isChangingAffiliationInProgress])
+
+  const handleChangeAffiliation = () => {
+    setEmailAffiliationBeingEdited(userEmailData.email)
+
+    if (!affiliation?.institution.id) {
+      return
+    }
+
+    changeAffiliationAsync
+      .runAsync(getJSON(`/institutions/list/${affiliation.institution.id}`))
+      .then(data => {
+        if (data.departments.length) {
+          setDepartments(data.departments)
+        }
+      })
+      .catch(() => {
+        setDepartments([...defaultDepartments])
+      })
+  }
+
+  const handleCancelAffiliationChange = () => {
+    setEmailAffiliationBeingEdited(null)
+    setRole(affiliation?.role || '')
+    setDepartment(affiliation?.department || '')
+  }
+
+  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
+    event.preventDefault()
+
+    runAsync(
+      postJSON('/user/emails/endorse', {
+        body: {
+          email: userEmailData.email,
+          role,
+          department,
+        },
+      })
+    )
+      .then(() => {
+        updateAffiliation(userEmailData.email, role, department)
+      })
+      .catch(() => {})
+  }
+
+  if (!affiliation?.institution) {
+    return null
+  }
+
+  return (
+    <>
+      <div>{affiliation.institution.name}</div>
+      {!isChangingAffiliationInProgress ? (
+        <div className="small">
+          {(affiliation.role || affiliation.department) && (
+            <>
+              {[affiliation.role, affiliation.department]
+                .filter(Boolean)
+                .join(', ')}
+              <br />
+            </>
+          )}
+          <OLButton
+            onClick={handleChangeAffiliation}
+            variant="link"
+            className="btn-inline-link"
+          >
+            {!affiliation.department && !affiliation.role
+              ? t('add_role_and_department')
+              : t('change')}
+          </OLButton>
+        </div>
+      ) : (
+        <div className="affiliation-change-container small">
+          <form onSubmit={handleSubmit}>
+            <OLFormGroup className="mb-2">
+              <DownshiftInput
+                items={[...defaultRoles]}
+                inputValue={role}
+                placeholder={t('role')}
+                label={t('role')}
+                setValue={setRole}
+                ref={roleRef}
+              />
+            </OLFormGroup>
+            <OLFormGroup className="mb-2">
+              <DownshiftInput
+                items={departments}
+                inputValue={department}
+                placeholder={t('department')}
+                label={t('department')}
+                setValue={setDepartment}
+              />
+            </OLFormGroup>
+            <OLButton
+              variant="primary"
+              type="submit"
+              disabled={!role || !department}
+              isLoading={isLoading}
+              loadingLabel={t('saving')}
+            >
+              {t('save_or_cancel-save')}
+            </OLButton>
+            {!isLoading && (
+              <>
+                <span className="mx-1">{t('save_or_cancel-or')}</span>
+                <OLButton
+                  variant="link"
+                  onClick={handleCancelAffiliationChange}
+                  className="btn-inline-link"
+                >
+                  {t('save_or_cancel-cancel')}
+                </OLButton>
+              </>
+            )}
+          </form>
+        </div>
+      )}
+      {isError && (
+        <div className="text-danger small">
+          {t('generic_something_went_wrong')}
+        </div>
+      )}
+    </>
+  )
+}
+
+export default InstitutionAndRole
diff --git a/services/web/frontend/js/features/settings/components/emails/reconfirmation-info.tsx b/services/web/frontend/js/features/settings/components/emails/reconfirmation-info.tsx
new file mode 100644
index 0000000..0842394
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/reconfirmation-info.tsx
@@ -0,0 +1,174 @@
+import { useState, useEffect, useLayoutEffect } from 'react'
+import { UserEmailData } from '../../../../../../types/user-email'
+import getMeta from '../../../../utils/meta'
+import ReconfirmationInfoSuccess from './reconfirmation-info/reconfirmation-info-success'
+import ReconfirmationInfoPromptText from './reconfirmation-info/reconfirmation-info-prompt-text'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import { useUserEmailsContext } from '@/features/settings/context/user-email-context'
+import { FetchError, postJSON } from '@/infrastructure/fetch-json'
+import { debugConsole } from '@/utils/debugging'
+import { ssoAvailableForInstitution } from '@/features/settings/utils/sso'
+import { Trans, useTranslation } from 'react-i18next'
+import useAsync from '@/shared/hooks/use-async'
+import { useLocation } from '@/shared/hooks/use-location'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import LoadingSpinner from '@/shared/components/loading-spinner'
+
+type ReconfirmationInfoProps = {
+  userEmailData: UserEmailData
+}
+
+function ReconfirmationInfo({ userEmailData }: ReconfirmationInfoProps) {
+  const reconfirmedViaSAML = getMeta('ol-reconfirmedViaSAML')
+
+  const { t } = useTranslation()
+  const { samlInitPath } = getMeta('ol-ExposedSettings')
+  const { error, isLoading, isError, isSuccess, runAsync } = useAsync()
+  const { state, setLoading: setUserEmailsContextLoading } =
+    useUserEmailsContext()
+  const [hasSent, setHasSent] = useState(false)
+  const [isPending, setIsPending] = useState(false)
+  const location = useLocation()
+  const ssoAvailable = Boolean(
+    ssoAvailableForInstitution(userEmailData.affiliation?.institution ?? null)
+  )
+
+  const handleRequestReconfirmation = () => {
+    if (userEmailData.affiliation?.institution && ssoAvailable) {
+      setIsPending(true)
+      location.assign(
+        `${samlInitPath}?university_id=${userEmailData.affiliation.institution.id}&reconfirm=/user/settings`
+      )
+    } else {
+      runAsync(
+        postJSON('/user/emails/send-reconfirmation', {
+          body: {
+            email: userEmailData.email,
+          },
+        })
+      ).catch(debugConsole.error)
+    }
+  }
+
+  useEffect(() => {
+    setUserEmailsContextLoading(isLoading)
+  }, [setUserEmailsContextLoading, isLoading])
+
+  useLayoutEffect(() => {
+    if (isSuccess) {
+      setHasSent(true)
+    }
+  }, [isSuccess])
+
+  const rateLimited =
+    isError && error instanceof FetchError && error.response?.status === 429
+
+  if (!userEmailData.affiliation) {
+    return null
+  }
+
+  if (
+    userEmailData.samlProviderId &&
+    userEmailData.samlProviderId === reconfirmedViaSAML
+  ) {
+    return (
+      <OLRow>
+        <OLCol lg={12}>
+          <OLNotification
+            type="info"
+            content={
+              <ReconfirmationInfoSuccess
+                institution={userEmailData.affiliation.institution}
+              />
+            }
+          />
+        </OLCol>
+      </OLRow>
+    )
+  }
+
+  if (userEmailData.affiliation.inReconfirmNotificationPeriod) {
+    return (
+      <OLRow>
+        <OLCol lg={12}>
+          <OLNotification
+            type="info"
+            content={
+              <>
+                {hasSent ? (
+                  <Trans
+                    i18nKey="please_check_your_inbox_to_confirm"
+                    values={{
+                      institutionName:
+                        userEmailData.affiliation.institution.name,
+                    }}
+                    shouldUnescape
+                    tOptions={{ interpolation: { escapeValue: true } }}
+                    components={
+                      /* eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key */
+                      [<strong />]
+                    }
+                  />
+                ) : (
+                  <ReconfirmationInfoPromptText
+                    institutionName={userEmailData.affiliation.institution.name}
+                    primary={userEmailData.default}
+                  />
+                )}
+                <br />
+                {isError && (
+                  <div className="text-danger">
+                    {rateLimited
+                      ? t('too_many_requests')
+                      : t('generic_something_went_wrong')}
+                  </div>
+                )}
+              </>
+            }
+            action={
+              hasSent ? (
+                <>
+                  {isLoading ? (
+                    <>
+                      <LoadingSpinner loadingText={`${t('sending')}…`} />
+                    </>
+                  ) : (
+                    <OLButton
+                      variant="link"
+                      disabled={state.isLoading}
+                      onClick={handleRequestReconfirmation}
+                      className="btn-inline-link"
+                    >
+                      {t('resend_confirmation_email')}
+                    </OLButton>
+                  )}
+                </>
+              ) : (
+                <OLButton
+                  variant="secondary"
+                  disabled={isPending}
+                  isLoading={isLoading}
+                  onClick={handleRequestReconfirmation}
+                >
+                  {isLoading ? (
+                    <>
+                      <LoadingSpinner loadingText={`${t('sending')}…`} />
+                    </>
+                  ) : (
+                    t('confirm_affiliation')
+                  )}
+                </OLButton>
+              )
+            }
+          />
+        </OLCol>
+      </OLRow>
+    )
+  }
+
+  return null
+}
+
+export default ReconfirmationInfo
diff --git a/services/web/frontend/js/features/settings/components/emails/reconfirmation-info/reconfirmation-info-prompt-text.tsx b/services/web/frontend/js/features/settings/components/emails/reconfirmation-info/reconfirmation-info-prompt-text.tsx
new file mode 100644
index 0000000..8986495
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/reconfirmation-info/reconfirmation-info-prompt-text.tsx
@@ -0,0 +1,48 @@
+import { Trans, useTranslation } from 'react-i18next'
+import { Institution } from '../../../../../../../types/institution'
+
+type ReconfirmationInfoPromptTextProps = {
+  primary: boolean
+  institutionName: Institution['name']
+}
+
+function ReconfirmationInfoPromptText({
+  primary,
+  institutionName,
+}: ReconfirmationInfoPromptTextProps) {
+  const { t } = useTranslation()
+
+  return (
+    <>
+      <Trans
+        i18nKey="are_you_still_at"
+        values={{
+          institutionName,
+        }}
+        shouldUnescape
+        tOptions={{ interpolation: { escapeValue: true } }}
+        components={
+          /* eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key */
+          [<strong />]
+        }
+      />{' '}
+      <Trans
+        i18nKey="please_reconfirm_institutional_email"
+        components={
+          /* eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key */
+          [<span />]
+        }
+      />{' '}
+      <a
+        href="/learn/how-to/Institutional_Email_Reconfirmation"
+        target="_blank"
+      >
+        {t('learn_more')}
+      </a>
+      <br />
+      {primary ? <i>{t('need_to_add_new_primary_before_remove')}</i> : null}
+    </>
+  )
+}
+
+export default ReconfirmationInfoPromptText
diff --git a/services/web/frontend/js/features/settings/components/emails/reconfirmation-info/reconfirmation-info-success.tsx b/services/web/frontend/js/features/settings/components/emails/reconfirmation-info/reconfirmation-info-success.tsx
new file mode 100644
index 0000000..b8fe9a0
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/reconfirmation-info/reconfirmation-info-success.tsx
@@ -0,0 +1,31 @@
+import { Trans, useTranslation } from 'react-i18next'
+import { Institution } from '../../../../../../../types/institution'
+
+type ReconfirmationInfoSuccessProps = {
+  institution: Institution
+  className?: string
+}
+
+function ReconfirmationInfoSuccess({
+  institution,
+  className,
+}: ReconfirmationInfoSuccessProps) {
+  const { t } = useTranslation()
+
+  return (
+    <div className={className}>
+      <div>
+        <Trans
+          i18nKey="your_affiliation_is_confirmed"
+          values={{ institutionName: institution.name }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+          components={[<strong />]} // eslint-disable-line react/jsx-key
+        />{' '}
+        {t('thank_you_exclamation')}
+      </div>
+    </div>
+  )
+}
+
+export default ReconfirmationInfoSuccess
diff --git a/services/web/frontend/js/features/settings/components/emails/resend-confirmation-code-modal.tsx b/services/web/frontend/js/features/settings/components/emails/resend-confirmation-code-modal.tsx
new file mode 100644
index 0000000..0c7b139
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/resend-confirmation-code-modal.tsx
@@ -0,0 +1,116 @@
+import { useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Icon from '../../../../shared/components/icon'
+import { FetchError, postJSON } from '@/infrastructure/fetch-json'
+import useAsync from '../../../../shared/hooks/use-async'
+import { UserEmailData } from '../../../../../../types/user-email'
+import { useUserEmailsContext } from '../../context/user-email-context'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import { ConfirmEmailForm } from '@/features/settings/components/emails/confirm-email-form'
+
+type ResendConfirmationEmailButtonProps = {
+  email: UserEmailData['email']
+}
+
+function ResendConfirmationCodeModal({
+  email,
+}: ResendConfirmationEmailButtonProps) {
+  const { t } = useTranslation()
+  const { error, isLoading, isError, runAsync } = useAsync()
+  const {
+    state,
+    setLoading: setUserEmailsContextLoading,
+    getEmails,
+  } = useUserEmailsContext()
+  const [modalVisible, setModalVisible] = useState(false)
+
+  // Update global isLoading prop
+  useEffect(() => {
+    setUserEmailsContextLoading(isLoading)
+  }, [setUserEmailsContextLoading, isLoading])
+
+  const handleResendConfirmationEmail = async () => {
+    await runAsync(
+      postJSON('/user/emails/send-confirmation-code', { body: { email } })
+    )
+      .then(() => setModalVisible(true))
+      .catch(() => {})
+  }
+
+  if (isLoading) {
+    return (
+      <>
+        <Icon type="refresh" spin fw /> {t('sending')}&hellip;
+      </>
+    )
+  }
+
+  const rateLimited =
+    error && error instanceof FetchError && error.response?.status === 429
+
+  return (
+    <>
+      {modalVisible && (
+        <OLModal
+          animation
+          show={modalVisible}
+          onHide={() => setModalVisible(false)}
+          id="action-project-modal"
+          backdrop="static"
+        >
+          <OLModalHeader closeButton>
+            <OLModalTitle>{t('confirm_your_email')}</OLModalTitle>
+          </OLModalHeader>
+
+          <OLModalBody>
+            <ConfirmEmailForm
+              isModal
+              flow="resend"
+              interstitial={false}
+              resendEndpoint="/user/emails/resend-confirmation-code"
+              confirmationEndpoint="/user/emails/confirm-code"
+              email={email}
+              onSuccessfulConfirmation={() => {
+                getEmails()
+                setModalVisible(false)
+              }}
+            />
+          </OLModalBody>
+          <OLModalFooter>
+            <OLButton
+              variant="secondary"
+              disabled={isLoading}
+              onClick={() => setModalVisible(false)}
+            >
+              {t('cancel')}
+            </OLButton>
+          </OLModalFooter>
+        </OLModal>
+      )}
+      <OLButton
+        variant="link"
+        disabled={state.isLoading || isLoading}
+        onClick={handleResendConfirmationEmail}
+        className="btn-inline-link"
+      >
+        {t('resend_confirmation_code')}
+      </OLButton>
+      <br />
+      {isError && (
+        <div className="text-danger">
+          {rateLimited
+            ? t('too_many_requests')
+            : t('generic_something_went_wrong')}
+        </div>
+      )}
+    </>
+  )
+}
+
+export default ResendConfirmationCodeModal
diff --git a/services/web/frontend/js/features/settings/components/emails/row.tsx b/services/web/frontend/js/features/settings/components/emails/row.tsx
new file mode 100644
index 0000000..fd74281
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/row.tsx
@@ -0,0 +1,168 @@
+import { useState } from 'react'
+import { Trans, useTranslation } from 'react-i18next'
+import { UserEmailData } from '../../../../../../types/user-email'
+import Email from './email'
+import InstitutionAndRole from './institution-and-role'
+import EmailCell from './cell'
+import Actions from './actions'
+import { institutionAlreadyLinked } from '../../utils/selectors'
+import { useUserEmailsContext } from '../../context/user-email-context'
+import getMeta from '../../../../utils/meta'
+import { ssoAvailableForInstitution } from '../../utils/sso'
+import ReconfirmationInfo from './reconfirmation-info'
+import { useLocation } from '../../../../shared/hooks/use-location'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+type EmailsRowProps = {
+  userEmailData: UserEmailData
+  primary?: UserEmailData
+}
+
+function EmailsRow({ userEmailData, primary }: EmailsRowProps) {
+  const hasSSOAffiliation = Boolean(
+    userEmailData.affiliation &&
+      ssoAvailableForInstitution(userEmailData.affiliation.institution)
+  )
+
+  return (
+    <>
+      <OLRow>
+        <OLCol lg={4}>
+          <EmailCell>
+            <Email userEmailData={userEmailData} />
+          </EmailCell>
+        </OLCol>
+        <OLCol lg={5}>
+          {userEmailData.affiliation?.institution && (
+            <EmailCell>
+              <InstitutionAndRole userEmailData={userEmailData} />
+            </EmailCell>
+          )}
+        </OLCol>
+        <OLCol lg={3}>
+          <EmailCell className="text-lg-end">
+            <Actions userEmailData={userEmailData} primary={primary} />
+          </EmailCell>
+        </OLCol>
+      </OLRow>
+
+      {hasSSOAffiliation && (
+        <SSOAffiliationInfo userEmailData={userEmailData} />
+      )}
+      <ReconfirmationInfo userEmailData={userEmailData} />
+    </>
+  )
+}
+
+type SSOAffiliationInfoProps = {
+  userEmailData: UserEmailData
+}
+
+function SSOAffiliationInfo({ userEmailData }: SSOAffiliationInfoProps) {
+  const { samlInitPath } = getMeta('ol-ExposedSettings')
+  const { t } = useTranslation()
+  const { state } = useUserEmailsContext()
+  const location = useLocation()
+
+  const [linkAccountsButtonDisabled, setLinkAccountsButtonDisabled] =
+    useState(false)
+
+  function handleLinkAccountsButtonClick() {
+    setLinkAccountsButtonDisabled(true)
+    location.assign(
+      `${samlInitPath}?university_id=${userEmailData.affiliation?.institution?.id}&auto=/user/settings&email=${userEmailData.email}`
+    )
+  }
+
+  if (
+    !userEmailData.samlProviderId &&
+    institutionAlreadyLinked(state, userEmailData)
+  ) {
+    // if the email is not linked to the institution, but there's another email already linked to that institution
+    // no SSO affiliation is displayed, since cannot have multiple emails linked to the same institution
+    return null
+  }
+
+  if (userEmailData.samlProviderId) {
+    return (
+      <OLRow>
+        <OLCol lg={{ span: 8, offset: 4 }}>
+          <EmailCell>
+            <p>
+              <Trans
+                i18nKey="acct_linked_to_institution_acct_2"
+                components={
+                  /* eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key */
+                  [<strong />]
+                }
+                values={{
+                  institutionName: userEmailData.affiliation?.institution.name,
+                }}
+                shouldUnescape
+                tOptions={{ interpolation: { escapeValue: true } }}
+              />
+            </p>
+          </EmailCell>
+        </OLCol>
+      </OLRow>
+    )
+  }
+
+  return (
+    <OLRow>
+      <OLCol lg={{ span: 8, offset: 4 }}>
+        <div className="horizontal-divider" />
+        <OLRow>
+          <OLCol lg={9}>
+            <EmailCell>
+              <p className="small">
+                <Trans
+                  i18nKey="can_link_your_institution_acct_2"
+                  values={{
+                    institutionName:
+                      userEmailData.affiliation?.institution.name,
+                  }}
+                  shouldUnescape
+                  tOptions={{ interpolation: { escapeValue: true } }}
+                  components={
+                    /* eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key */
+                    [<strong />]
+                  }
+                />
+              </p>
+              <p className="small">
+                <Trans
+                  i18nKey="doing_this_allow_log_in_through_institution_2"
+                  components={
+                    /* eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key */
+                    [<strong />]
+                  }
+                />{' '}
+                <a href="/learn/how-to/Institutional_Login" target="_blank">
+                  {t('find_out_more_about_institution_login')}
+                </a>
+              </p>
+            </EmailCell>
+          </OLCol>
+          <OLCol lg={3} className="text-lg-end">
+            <EmailCell>
+              <OLButton
+                variant="primary"
+                className="btn-link-accounts"
+                disabled={linkAccountsButtonDisabled}
+                onClick={handleLinkAccountsButtonClick}
+                size="sm"
+              >
+                {t('link_accounts')}
+              </OLButton>
+            </EmailCell>
+          </OLCol>
+        </OLRow>
+      </OLCol>
+    </OLRow>
+  )
+}
+
+export default EmailsRow
diff --git a/services/web/frontend/js/features/settings/components/emails/sso-alert.tsx b/services/web/frontend/js/features/settings/components/emails/sso-alert.tsx
new file mode 100644
index 0000000..9da57d5
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/emails/sso-alert.tsx
@@ -0,0 +1,96 @@
+import { useState } from 'react'
+import { useTranslation, Trans } from 'react-i18next'
+import getMeta from '../../../../utils/meta'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+export function SSOAlert() {
+  const { t } = useTranslation()
+
+  const institutionLinked = getMeta('ol-institutionLinked')
+  const institutionEmailNonCanonical = getMeta(
+    'ol-institutionEmailNonCanonical'
+  )
+  const samlError = getMeta('ol-samlError')
+
+  const [infoClosed, setInfoClosed] = useState(false)
+  const [warningClosed, setWarningClosed] = useState(false)
+  const [errorClosed, setErrorClosed] = useState(false)
+
+  const handleInfoClosed = () => setInfoClosed(true)
+  const handleWarningClosed = () => setWarningClosed(true)
+  const handleErrorClosed = () => setErrorClosed(true)
+
+  if (samlError) {
+    return !errorClosed ? (
+      <OLNotification
+        type="error"
+        content={
+          <>
+            {samlError.translatedMessage
+              ? samlError.translatedMessage
+              : samlError.message}
+            {samlError.tryAgain && <p>{t('try_again')}</p>}
+          </>
+        }
+        isDismissible
+        onDismiss={handleErrorClosed}
+      />
+    ) : null
+  }
+
+  if (!institutionLinked) {
+    return null
+  }
+
+  return (
+    <>
+      {!infoClosed && (
+        <OLNotification
+          type="info"
+          content={
+            <>
+              <p>
+                <Trans
+                  i18nKey="institution_acct_successfully_linked_2"
+                  components={[<strong />]} // eslint-disable-line react/jsx-key
+                  values={{ institutionName: institutionLinked.universityName }}
+                  shouldUnescape
+                  tOptions={{ interpolation: { escapeValue: true } }}
+                />
+              </p>
+              {institutionLinked.hasEntitlement && (
+                <p>
+                  <Trans
+                    i18nKey="this_grants_access_to_features_2"
+                    components={[<strong />]} // eslint-disable-line react/jsx-key
+                    values={{ featureType: t('professional') }}
+                    shouldUnescape
+                    tOptions={{ interpolation: { escapeValue: true } }}
+                  />
+                </p>
+              )}
+            </>
+          }
+          isDismissible
+          onDismiss={handleInfoClosed}
+        />
+      )}
+      {!warningClosed && institutionEmailNonCanonical && (
+        <OLNotification
+          type="warning"
+          content={
+            <Trans
+              i18nKey="in_order_to_match_institutional_metadata_2"
+              components={[<strong />]} // eslint-disable-line react/jsx-key
+              values={{ email: institutionEmailNonCanonical }}
+              shouldUnescape
+              tOptions={{ interpolation: { escapeValue: true } }}
+            />
+          }
+          isDismissible
+          onDismiss={handleWarningClosed}
+        />
+      )}
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/settings/components/labs-program-section.tsx b/services/web/frontend/js/features/settings/components/labs-program-section.tsx
new file mode 100644
index 0000000..2420a68
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/labs-program-section.tsx
@@ -0,0 +1,27 @@
+import { useTranslation } from 'react-i18next'
+import { useUserContext } from '../../../shared/context/user-context'
+
+function LabsProgramSection() {
+  const { t } = useTranslation()
+  const { labsProgram } = useUserContext()
+
+  const labsStatusText = labsProgram
+    ? t('youre_a_member_of_overleaf_labs')
+    : t('get_exclusive_access_to_labs')
+  const labsRedirectText = labsProgram
+    ? t('view_labs_experiments')
+    : t('join_overleaf_labs')
+
+  return (
+    <>
+      <h3>{t('overleaf_labs')}</h3>
+
+      <p className="small">{labsStatusText}</p>
+
+      <a href="/labs/participate">{labsRedirectText}</a>
+      <hr />
+    </>
+  )
+}
+
+export default LabsProgramSection
diff --git a/services/web/frontend/js/features/settings/components/leave-section.tsx b/services/web/frontend/js/features/settings/components/leave-section.tsx
new file mode 100644
index 0000000..737d0e7
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/leave-section.tsx
@@ -0,0 +1,44 @@
+import { useState, useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import LeaveModal from './leave/modal'
+import getMeta from '../../../utils/meta'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+function LeaveSection() {
+  const { t } = useTranslation()
+
+  const [isModalOpen, setIsModalOpen] = useState(false)
+
+  const handleClose = useCallback(() => {
+    setIsModalOpen(false)
+  }, [])
+
+  const handleOpen = useCallback(() => {
+    setIsModalOpen(true)
+  }, [])
+
+  // Prevent managed users deleting their own accounts
+  if (getMeta('ol-cannot-delete-own-account')) {
+    return (
+      <>
+        {t('need_to_leave')} {t('contact_group_admin')}
+      </>
+    )
+  }
+
+  return (
+    <>
+      {t('need_to_leave')}{' '}
+      <OLButton
+        className="btn-inline-link"
+        variant="danger"
+        onClick={handleOpen}
+      >
+        {t('delete_your_account')}
+      </OLButton>
+      <LeaveModal isOpen={isModalOpen} handleClose={handleClose} />
+    </>
+  )
+}
+
+export default LeaveSection
diff --git a/services/web/frontend/js/features/settings/components/leave/modal-content.tsx b/services/web/frontend/js/features/settings/components/leave/modal-content.tsx
new file mode 100644
index 0000000..9ac29d7
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/leave/modal-content.tsx
@@ -0,0 +1,109 @@
+import { useState, Dispatch, SetStateAction } from 'react'
+import { useTranslation, Trans } from 'react-i18next'
+import getMeta from '../../../../utils/meta'
+import LeaveModalForm, { LeaveModalFormProps } from './modal-form'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+
+const WRITEFULL_SUPPORT_EMAIL = 'support@writefull.com'
+
+type LeaveModalContentProps = {
+  handleHide: () => void
+  inFlight: boolean
+  setInFlight: Dispatch<SetStateAction<boolean>>
+}
+
+function LeaveModalContentBlock({
+  setInFlight,
+  isFormValid,
+  setIsFormValid,
+}: LeaveModalFormProps) {
+  const { t } = useTranslation()
+  const { isOverleaf } = getMeta('ol-ExposedSettings')
+  const hasPassword = getMeta('ol-hasPassword')
+
+  if (isOverleaf && !hasPassword) {
+    return (
+      <p>
+        <b>
+          <a href="/user/password/reset">{t('delete_acct_no_existing_pw')}</a>
+        </b>
+      </p>
+    )
+  }
+
+  return (
+    <>
+      <LeaveModalForm
+        setInFlight={setInFlight}
+        isFormValid={isFormValid}
+        setIsFormValid={setIsFormValid}
+      />
+      <p>
+        <Trans
+          i18nKey="to_delete_your_writefull_account"
+          values={{ email: WRITEFULL_SUPPORT_EMAIL }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+          components={{
+            // eslint-disable-next-line jsx-a11y/anchor-has-content
+            a: <a href={`mailto:${WRITEFULL_SUPPORT_EMAIL}`} />,
+          }}
+        />
+      </p>
+    </>
+  )
+}
+
+function LeaveModalContent({
+  handleHide,
+  inFlight,
+  setInFlight,
+}: LeaveModalContentProps) {
+  const { t } = useTranslation()
+  const [isFormValid, setIsFormValid] = useState(false)
+
+  return (
+    <>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('delete_account')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        <p>
+          <Trans
+            i18nKey="delete_account_warning_message_3"
+            components={{ strong: <strong /> }}
+          />
+        </p>
+        <LeaveModalContentBlock
+          setInFlight={setInFlight}
+          isFormValid={isFormValid}
+          setIsFormValid={setIsFormValid}
+        />
+      </OLModalBody>
+
+      <OLModalFooter>
+        <OLButton disabled={inFlight} onClick={handleHide} variant="secondary">
+          {t('cancel')}
+        </OLButton>
+
+        <OLButton
+          form="leave-form"
+          type="submit"
+          variant="danger"
+          disabled={inFlight || !isFormValid}
+        >
+          {inFlight ? <>{t('deleting')}…</> : t('delete')}
+        </OLButton>
+      </OLModalFooter>
+    </>
+  )
+}
+
+export default LeaveModalContent
diff --git a/services/web/frontend/js/features/settings/components/leave/modal-form-error.tsx b/services/web/frontend/js/features/settings/components/leave/modal-form-error.tsx
new file mode 100644
index 0000000..31b2c2b
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/leave/modal-form-error.tsx
@@ -0,0 +1,51 @@
+import { useTranslation, Trans } from 'react-i18next'
+import getMeta from '../../../../utils/meta'
+import { FetchError } from '../../../../infrastructure/fetch-json'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+type LeaveModalFormErrorProps = {
+  error: FetchError
+}
+
+function LeaveModalFormError({ error }: LeaveModalFormErrorProps) {
+  const { t } = useTranslation()
+  const { isOverleaf } = getMeta('ol-ExposedSettings')
+
+  let errorMessage
+  let errorTip = null
+  if (error.response?.status === 403) {
+    errorMessage = t('email_or_password_wrong_try_again')
+    if (isOverleaf) {
+      errorTip = (
+        <Trans
+          i18nKey="user_deletion_password_reset_tip"
+          // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+          components={[<a href="/user/password/reset" />]}
+        />
+      )
+    }
+  } else if (error.data?.error === 'SubscriptionAdminDeletionError') {
+    errorMessage = t('subscription_admins_cannot_be_deleted')
+  } else {
+    errorMessage = t('user_deletion_error')
+  }
+
+  return (
+    <OLNotification
+      type="error"
+      content={
+        <>
+          {errorMessage}
+          {errorTip ? (
+            <>
+              <br />
+              {errorTip}
+            </>
+          ) : null}
+        </>
+      }
+    />
+  )
+}
+
+export default LeaveModalFormError
diff --git a/services/web/frontend/js/features/settings/components/leave/modal-form.tsx b/services/web/frontend/js/features/settings/components/leave/modal-form.tsx
new file mode 100644
index 0000000..cc4d42b
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/leave/modal-form.tsx
@@ -0,0 +1,118 @@
+import { useState, useEffect, Dispatch, SetStateAction } from 'react'
+import { useTranslation, Trans } from 'react-i18next'
+import { postJSON, FetchError } from '../../../../infrastructure/fetch-json'
+import getMeta from '../../../../utils/meta'
+import LeaveModalFormError from './modal-form-error'
+import { useLocation } from '../../../../shared/hooks/use-location'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import OLFormCheckbox from '@/features/ui/components/ol/ol-form-checkbox'
+
+export type LeaveModalFormProps = {
+  setInFlight: Dispatch<SetStateAction<boolean>>
+  isFormValid: boolean
+  setIsFormValid: Dispatch<SetStateAction<boolean>>
+}
+
+function LeaveModalForm({
+  setInFlight,
+  isFormValid,
+  setIsFormValid,
+}: LeaveModalFormProps) {
+  const { t } = useTranslation()
+  const userDefaultEmail = getMeta('ol-usersEmail')!
+  const location = useLocation()
+
+  const [email, setEmail] = useState('')
+  const [password, setPassword] = useState('')
+  const [confirmation, setConfirmation] = useState(false)
+  const [error, setError] = useState<FetchError | null>(null)
+
+  const handleEmailChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    setEmail(event.target.value)
+  }
+
+  const handlePasswordChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    setPassword(event.target.value)
+  }
+
+  const handleConfirmationChange = () => {
+    setConfirmation(prev => !prev)
+  }
+
+  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
+    event.preventDefault()
+    if (!isFormValid) {
+      return
+    }
+    setError(null)
+    setInFlight(true)
+    postJSON('/user/delete', {
+      body: {
+        password,
+      },
+    })
+      .then(() => {
+        location.assign('/')
+      })
+      .catch(setError)
+      .finally(() => {
+        setInFlight(false)
+      })
+  }
+
+  useEffect(() => {
+    setIsFormValid(
+      !!email &&
+        email.toLowerCase() === userDefaultEmail.toLowerCase() &&
+        password.length > 0 &&
+        confirmation
+    )
+  }, [setIsFormValid, userDefaultEmail, email, password, confirmation])
+
+  return (
+    <form id="leave-form" onSubmit={handleSubmit}>
+      <OLFormGroup controlId="email-input">
+        <OLFormLabel>{t('email')}</OLFormLabel>
+        <OLFormControl
+          type="text"
+          placeholder={t('email')}
+          required
+          value={email}
+          onChange={handleEmailChange}
+        />
+      </OLFormGroup>
+      <OLFormGroup controlId="password-input">
+        <OLFormLabel>{t('password')}</OLFormLabel>
+        <OLFormControl
+          type="password"
+          placeholder={t('password')}
+          required
+          value={password}
+          onChange={handlePasswordChange}
+        />
+      </OLFormGroup>
+      <OLFormCheckbox
+        id="confirm-account-deletion"
+        required
+        checked={confirmation}
+        onChange={handleConfirmationChange}
+        label={
+          <Trans
+            i18nKey="delete_account_confirmation_label"
+            components={[<i />]} // eslint-disable-line react/jsx-key
+            values={{
+              userDefaultEmail,
+            }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+          />
+        }
+      />
+      {error ? <LeaveModalFormError error={error} /> : null}
+    </form>
+  )
+}
+
+export default LeaveModalForm
diff --git a/services/web/frontend/js/features/settings/components/leave/modal.tsx b/services/web/frontend/js/features/settings/components/leave/modal.tsx
new file mode 100644
index 0000000..a9994c7
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/leave/modal.tsx
@@ -0,0 +1,30 @@
+import { useState, useCallback } from 'react'
+import LeaveModalContent from './modal-content'
+import OLModal from '@/features/ui/components/ol/ol-modal'
+
+type LeaveModalProps = {
+  isOpen: boolean
+  handleClose: () => void
+}
+
+function LeaveModal({ isOpen, handleClose }: LeaveModalProps) {
+  const [inFlight, setInFlight] = useState(false)
+
+  const handleHide = useCallback(() => {
+    if (!inFlight) {
+      handleClose()
+    }
+  }, [handleClose, inFlight])
+
+  return (
+    <OLModal animation show={isOpen} onHide={handleHide} id="leave-modal">
+      <LeaveModalContent
+        handleHide={handleHide}
+        inFlight={inFlight}
+        setInFlight={setInFlight}
+      />
+    </OLModal>
+  )
+}
+
+export default LeaveModal
diff --git a/services/web/frontend/js/features/settings/components/leavers-survey-alert.tsx b/services/web/frontend/js/features/settings/components/leavers-survey-alert.tsx
new file mode 100644
index 0000000..55ada55
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/leavers-survey-alert.tsx
@@ -0,0 +1,71 @@
+import { useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import usePersistedState from '../../../shared/hooks/use-persisted-state'
+import { useUserEmailsContext } from '../context/user-email-context'
+import { sendMB } from '../../../infrastructure/event-tracking'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+function sendMetrics(segmentation: 'view' | 'click' | 'close') {
+  sendMB('institutional-leavers-survey-notification', { type: segmentation })
+}
+
+export function LeaversSurveyAlert() {
+  const { t } = useTranslation()
+
+  const {
+    showInstitutionalLeaversSurveyUntil,
+    setShowInstitutionalLeaversSurveyUntil,
+  } = useUserEmailsContext()
+
+  const [hide, setHide] = usePersistedState(
+    'hideInstitutionalLeaversSurvey',
+    false,
+    true
+  )
+
+  function handleDismiss() {
+    setShowInstitutionalLeaversSurveyUntil(0)
+    setHide(true)
+    sendMetrics('close')
+  }
+
+  function handleLinkClick() {
+    sendMetrics('click')
+  }
+
+  const shouldDisplay =
+    !hide && Date.now() <= showInstitutionalLeaversSurveyUntil
+
+  useEffect(() => {
+    if (shouldDisplay) {
+      sendMetrics('view')
+    }
+  }, [shouldDisplay])
+
+  if (!shouldDisplay) {
+    return null
+  }
+
+  return (
+    <OLNotification
+      type="info"
+      content={
+        <>
+          <strong>{t('limited_offer')}</strong>
+          {`: ${t('institutional_leavers_survey_notification')} `}
+          <a
+            href="https://docs.google.com/forms/d/e/1FAIpQLSfYdeeoY5p1d31r5iUx1jw0O-Gd66vcsBi_Ntu3lJRMjV2EJA/viewform"
+            target="_blank"
+            rel="noopener noreferrer"
+            onClick={handleLinkClick}
+          >
+            {t('take_short_survey')}
+          </a>
+        </>
+      }
+      isDismissible
+      onDismiss={handleDismiss}
+      className="mb-0"
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/settings/components/linking-section.tsx b/services/web/frontend/js/features/settings/components/linking-section.tsx
new file mode 100644
index 0000000..69d2dc2
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/linking-section.tsx
@@ -0,0 +1,246 @@
+import { ElementType } from 'react'
+import { useTranslation } from 'react-i18next'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+import { useSSOContext, SSOSubscription } from '../context/sso-context'
+import { SSOLinkingWidget } from './linking/sso-widget'
+import getMeta from '../../../utils/meta'
+import { useBroadcastUser } from '@/shared/hooks/user-channel/use-broadcast-user'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+const availableIntegrationLinkingWidgets = importOverleafModules(
+  'integrationLinkingWidgets'
+) as any[]
+const availableReferenceLinkingWidgets = importOverleafModules(
+  'referenceLinkingWidgets'
+) as any[]
+const availableLangFeedbackLinkingWidgets = importOverleafModules(
+  'langFeedbackLinkingWidgets'
+) as any[]
+
+function LinkingSection() {
+  useBroadcastUser()
+  const { t } = useTranslation()
+  const { subscriptions } = useSSOContext()
+  const ssoErrorMessage = getMeta('ol-ssoErrorMessage')
+  const cannotUseAi = getMeta('ol-cannot-use-ai')
+  const projectSyncSuccessMessage = getMeta('ol-projectSyncSuccessMessage')
+
+  // hide linking widgets in CI
+  const integrationLinkingWidgets = getMeta('ol-hideLinkingWidgets')
+    ? []
+    : availableIntegrationLinkingWidgets
+  const referenceLinkingWidgets = getMeta('ol-hideLinkingWidgets')
+    ? []
+    : availableReferenceLinkingWidgets
+  const langFeedbackLinkingWidgets = getMeta('ol-hideLinkingWidgets')
+    ? []
+    : availableLangFeedbackLinkingWidgets
+
+  const oauth2ServerComponents = importOverleafModules('oauth2Server') as {
+    import: { default: ElementType }
+    path: string
+  }[]
+
+  const renderSyncSection =
+    getMeta('ol-isSaas') || getMeta('ol-gitBridgeEnabled')
+
+  const allIntegrationLinkingWidgets = integrationLinkingWidgets.concat(
+    oauth2ServerComponents
+  )
+
+  // since we only have Writefull here currently, we should hide the whole section if they cant use ai
+  const haslangFeedbackLinkingWidgets =
+    langFeedbackLinkingWidgets.length && !cannotUseAi
+  const hasIntegrationLinkingSection =
+    renderSyncSection && allIntegrationLinkingWidgets.length
+  const hasReferencesLinkingSection = referenceLinkingWidgets.length
+
+  // Filter out SSO providers that are not allowed to be linked by
+  // managed users. Allow unlinking them if they are already linked.
+  const hideGoogleSSO = getMeta('ol-cannot-link-google-sso')
+  const hideOtherThirdPartySSO = getMeta('ol-cannot-link-other-third-party-sso')
+
+  for (const providerId in subscriptions) {
+    const isLinked = subscriptions[providerId].linked
+    if (providerId === 'google') {
+      if (hideGoogleSSO && !isLinked) {
+        delete subscriptions[providerId]
+      }
+    } else {
+      if (hideOtherThirdPartySSO && !isLinked) {
+        delete subscriptions[providerId]
+      }
+    }
+  }
+
+  const hasSSOLinkingSection = Object.keys(subscriptions).length > 0
+
+  if (
+    !haslangFeedbackLinkingWidgets &&
+    !hasIntegrationLinkingSection &&
+    !hasReferencesLinkingSection &&
+    !hasSSOLinkingSection
+  ) {
+    return null
+  }
+
+  return (
+    <>
+      <h3 id="integrations">{t('integrations')}</h3>
+      <p className="small">{t('linked_accounts_explained')}</p>
+      {haslangFeedbackLinkingWidgets ? (
+        <>
+          <h3 id="language-feedback" className="text-capitalize">
+            {t('ai_features')}
+          </h3>
+          <div className="settings-widgets-container">
+            {langFeedbackLinkingWidgets.map(
+              ({ import: { default: widget }, path }, widgetIndex) => (
+                <ModuleLinkingWidget
+                  key={path}
+                  ModuleComponent={widget}
+                  isLast={widgetIndex === langFeedbackLinkingWidgets.length - 1}
+                />
+              )
+            )}
+          </div>
+        </>
+      ) : null}
+      {hasIntegrationLinkingSection ? (
+        <>
+          <h3 id="project-sync" className="text-capitalize">
+            {t('project_synchronisation')}
+          </h3>
+          {projectSyncSuccessMessage ? (
+            <OLNotification
+              type="success"
+              content={projectSyncSuccessMessage}
+            />
+          ) : null}
+          <div className="settings-widgets-container">
+            {allIntegrationLinkingWidgets.map(
+              ({ import: importObject, path }, widgetIndex) => (
+                <ModuleLinkingWidget
+                  key={Object.keys(importObject)[0]}
+                  ModuleComponent={Object.values(importObject)[0]}
+                  isLast={
+                    widgetIndex === allIntegrationLinkingWidgets.length - 1
+                  }
+                />
+              )
+            )}
+          </div>
+        </>
+      ) : null}
+      {hasReferencesLinkingSection ? (
+        <>
+          <h3 id="references" className="text-capitalize">
+            {t('reference_managers')}
+          </h3>
+          <div className="settings-widgets-container">
+            {referenceLinkingWidgets.map(
+              ({ import: importObject, path }, widgetIndex) => (
+                <ModuleLinkingWidget
+                  key={Object.keys(importObject)[0]}
+                  ModuleComponent={Object.values(importObject)[0]}
+                  isLast={widgetIndex === referenceLinkingWidgets.length - 1}
+                />
+              )
+            )}
+          </div>
+        </>
+      ) : null}
+      {hasSSOLinkingSection ? (
+        <>
+          <h3 id="linked-accounts" className="text-capitalize">
+            {t('linked_accounts')}
+          </h3>
+          {ssoErrorMessage ? (
+            <OLNotification
+              type="error"
+              content={`${t('sso_link_error')}: ${ssoErrorMessage}`}
+            />
+          ) : null}
+          <div className="settings-widgets-container">
+            {Object.values(subscriptions).map(
+              (subscription, subscriptionIndex) => (
+                <SSOLinkingWidgetContainer
+                  key={subscription.providerId}
+                  subscription={subscription}
+                  isLast={
+                    subscriptionIndex === Object.keys(subscriptions).length - 1
+                  }
+                />
+              )
+            )}
+          </div>
+        </>
+      ) : null}
+      {haslangFeedbackLinkingWidgets ||
+      hasIntegrationLinkingSection ||
+      hasReferencesLinkingSection ||
+      hasSSOLinkingSection ? (
+        <hr />
+      ) : null}
+    </>
+  )
+}
+
+type LinkingWidgetProps = {
+  ModuleComponent: any
+  isLast: boolean
+}
+
+function ModuleLinkingWidget({ ModuleComponent, isLast }: LinkingWidgetProps) {
+  return (
+    <>
+      <ModuleComponent />
+      {isLast ? null : <hr />}
+    </>
+  )
+}
+
+type SSOLinkingWidgetContainerProps = {
+  subscription: SSOSubscription
+  isLast: boolean
+}
+
+function SSOLinkingWidgetContainer({
+  subscription,
+  isLast,
+}: SSOLinkingWidgetContainerProps) {
+  const { t } = useTranslation()
+  const { unlink } = useSSOContext()
+
+  let description = ''
+  switch (subscription.providerId) {
+    case 'collabratec':
+      description = t('linked_collabratec_description')
+      break
+    case 'google':
+      description = `${t('login_with_service', {
+        service: subscription.provider.name,
+      })}.`
+      break
+    case 'orcid':
+      description = t('oauth_orcid_description')
+      break
+  }
+
+  return (
+    <>
+      <SSOLinkingWidget
+        providerId={subscription.providerId}
+        title={subscription.provider.name}
+        description={description}
+        helpPath={subscription.provider.descriptionOptions?.link}
+        linked={subscription.linked}
+        linkPath={subscription.provider.linkPath}
+        onUnlink={() => unlink(subscription.providerId)}
+      />
+      {isLast ? null : <hr />}
+    </>
+  )
+}
+
+export default LinkingSection
diff --git a/services/web/frontend/js/features/settings/components/linking/enable-widget.tsx b/services/web/frontend/js/features/settings/components/linking/enable-widget.tsx
new file mode 100644
index 0000000..2568b52
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/linking/enable-widget.tsx
@@ -0,0 +1,132 @@
+import { ReactNode } from 'react'
+import { useTranslation } from 'react-i18next'
+import { sendMB } from '@/infrastructure/event-tracking'
+import OLBadge from '@/features/ui/components/ol/ol-badge'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+function trackUpgradeClick() {
+  sendMB('settings-upgrade-click')
+}
+
+type EnableWidgetProps = {
+  logo: ReactNode
+  title: string
+  description: string
+  helpPath: string
+  helpTextOverride?: string
+  hasFeature?: boolean
+  isPremiumFeature?: boolean
+  statusIndicator?: ReactNode
+  children?: ReactNode
+  linked?: boolean
+  handleLinkClick: () => void
+  handleUnlinkClick: () => void
+  disabled?: boolean
+}
+
+export function EnableWidget({
+  logo,
+  title,
+  description,
+  helpPath,
+  helpTextOverride,
+  hasFeature,
+  isPremiumFeature,
+  statusIndicator,
+  linked,
+  handleLinkClick,
+  handleUnlinkClick,
+  children,
+  disabled,
+}: EnableWidgetProps) {
+  const { t } = useTranslation()
+  const helpText = helpTextOverride || t('learn_more')
+
+  return (
+    <div className="settings-widget-container">
+      <div>{logo}</div>
+      <div className="description-container">
+        <div className="title-row">
+          <h4>{title}</h4>
+          {!hasFeature && isPremiumFeature && (
+            <OLBadge bg="info">{t('premium_feature')}</OLBadge>
+          )}
+        </div>
+        <p className="small">
+          {description}{' '}
+          <a href={helpPath} target="_blank" rel="noreferrer">
+            {helpText}
+          </a>
+        </p>
+        {children}
+        {hasFeature && statusIndicator}
+      </div>
+      <div>
+        <ActionButton
+          hasFeature={hasFeature}
+          linked={linked}
+          handleUnlinkClick={handleUnlinkClick}
+          handleLinkClick={handleLinkClick}
+          disabled={disabled}
+        />
+      </div>
+    </div>
+  )
+}
+
+type ActionButtonProps = {
+  hasFeature?: boolean
+  linked?: boolean
+  handleUnlinkClick: () => void
+  handleLinkClick: () => void
+  disabled?: boolean
+  linkText?: string
+  unlinkText?: string
+}
+
+export function ActionButton({
+  linked,
+  handleUnlinkClick,
+  handleLinkClick,
+  hasFeature,
+  disabled,
+  linkText,
+  unlinkText,
+}: ActionButtonProps) {
+  const { t } = useTranslation()
+  const linkingText = linkText || t('turn_on')
+  const unlinkingText = unlinkText || t('turn_off')
+  if (!hasFeature) {
+    return (
+      <OLButton
+        variant="primary"
+        href="/user/subscription/plans"
+        onClick={trackUpgradeClick}
+      >
+        <span className="text-capitalize">{t('upgrade')}</span>
+      </OLButton>
+    )
+  } else if (linked) {
+    return (
+      <OLButton
+        variant="danger-ghost"
+        onClick={handleUnlinkClick}
+        disabled={disabled}
+      >
+        {unlinkingText}
+      </OLButton>
+    )
+  } else {
+    return (
+      <OLButton
+        variant="secondary"
+        disabled={disabled}
+        onClick={handleLinkClick}
+      >
+        {linkingText}
+      </OLButton>
+    )
+  }
+}
+
+export default EnableWidget
diff --git a/services/web/frontend/js/features/settings/components/linking/integration-widget.tsx b/services/web/frontend/js/features/settings/components/linking/integration-widget.tsx
new file mode 100644
index 0000000..def6062
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/linking/integration-widget.tsx
@@ -0,0 +1,218 @@
+import { useCallback, useState, ReactNode } from 'react'
+import { useTranslation } from 'react-i18next'
+import OLBadge from '@/features/ui/components/ol/ol-badge'
+import getMeta from '../../../../utils/meta'
+import { sendMB } from '../../../../infrastructure/event-tracking'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+
+function trackUpgradeClick(integration: string) {
+  sendMB('settings-upgrade-click', { integration })
+}
+
+function trackLinkingClick(integration: string) {
+  sendMB('link-integration-click', { integration, location: 'Settings' })
+}
+
+type IntegrationLinkingWidgetProps = {
+  logo: ReactNode
+  title: string
+  description: string
+  helpPath: string
+  hasFeature?: boolean
+  statusIndicator?: ReactNode
+  linked?: boolean
+  linkPath: string
+  unlinkPath: string
+  unlinkConfirmationTitle: string
+  unlinkConfirmationText: string
+  disabled?: boolean
+}
+
+export function IntegrationLinkingWidget({
+  logo,
+  title,
+  description,
+  helpPath,
+  hasFeature,
+  statusIndicator,
+  linked,
+  linkPath,
+  unlinkPath,
+  unlinkConfirmationTitle,
+  unlinkConfirmationText,
+  disabled,
+}: IntegrationLinkingWidgetProps) {
+  const { t } = useTranslation()
+
+  const [showModal, setShowModal] = useState(false)
+
+  const handleUnlinkClick = useCallback(() => {
+    setShowModal(true)
+  }, [])
+
+  const handleModalHide = useCallback(() => {
+    setShowModal(false)
+  }, [])
+
+  return (
+    <div className="settings-widget-container">
+      <div>{logo}</div>
+      <div className="description-container">
+        <div className="title-row">
+          <h4>{title}</h4>
+          {!hasFeature && <OLBadge bg="info">{t('premium_feature')}</OLBadge>}
+        </div>
+        <p className="small">
+          {description}{' '}
+          <a href={helpPath} target="_blank" rel="noreferrer">
+            {t('learn_more')}
+          </a>
+        </p>
+        {hasFeature && statusIndicator}
+      </div>
+      <div>
+        <ActionButton
+          integration={title}
+          hasFeature={hasFeature}
+          linked={linked}
+          handleUnlinkClick={handleUnlinkClick}
+          linkPath={linkPath}
+          disabled={disabled}
+        />
+      </div>
+      <UnlinkConfirmationModal
+        integration={title}
+        show={showModal}
+        title={unlinkConfirmationTitle}
+        content={unlinkConfirmationText}
+        unlinkPath={unlinkPath}
+        handleHide={handleModalHide}
+      />
+    </div>
+  )
+}
+
+type ActionButtonProps = {
+  integration: string
+  hasFeature?: boolean
+  linked?: boolean
+  handleUnlinkClick: () => void
+  linkPath: string
+  disabled?: boolean
+}
+
+function ActionButton({
+  hasFeature,
+  linked,
+  handleUnlinkClick,
+  linkPath,
+  disabled,
+  integration,
+}: ActionButtonProps) {
+  const { t } = useTranslation()
+  if (!hasFeature) {
+    return (
+      <OLButton
+        variant="primary"
+        href="/user/subscription/plans"
+        onClick={() => trackUpgradeClick(integration)}
+      >
+        <span className="text-capitalize">{t('upgrade')}</span>
+      </OLButton>
+    )
+  } else if (linked) {
+    return (
+      <OLButton
+        variant="danger-ghost"
+        onClick={handleUnlinkClick}
+        disabled={disabled}
+      >
+        {t('unlink')}
+      </OLButton>
+    )
+  } else {
+    return (
+      <>
+        {disabled ? (
+          <OLButton disabled variant="secondary" className="text-capitalize">
+            {t('link')}
+          </OLButton>
+        ) : (
+          <OLButton
+            variant="secondary"
+            href={linkPath}
+            className="text-capitalize"
+            onClick={() => trackLinkingClick(integration)}
+          >
+            {t('link')}
+          </OLButton>
+        )}
+      </>
+    )
+  }
+}
+
+type UnlinkConfirmModalProps = {
+  show: boolean
+  title: string
+  integration: string
+  content: string
+  unlinkPath: string
+  handleHide: () => void
+}
+
+function UnlinkConfirmationModal({
+  show,
+  title,
+  integration,
+  content,
+  unlinkPath,
+  handleHide,
+}: UnlinkConfirmModalProps) {
+  const { t } = useTranslation()
+
+  const handleCancel = (event: React.MouseEvent<HTMLButtonElement>) => {
+    event.preventDefault()
+    handleHide()
+  }
+
+  const handleConfirm = () => {
+    sendMB('unlink-integration-click', {
+      integration,
+    })
+  }
+
+  return (
+    <OLModal show={show} onHide={handleHide}>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{title}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        <p>{content}</p>
+      </OLModalBody>
+
+      <OLModalFooter>
+        <form action={unlinkPath} method="POST" className="form-inline">
+          <input type="hidden" name="_csrf" value={getMeta('ol-csrfToken')} />
+          <OLButton variant="secondary" onClick={handleCancel}>
+            {t('cancel')}
+          </OLButton>
+          <OLButton
+            type="submit"
+            variant="danger-ghost"
+            onClick={handleConfirm}
+          >
+            {t('unlink')}
+          </OLButton>
+        </form>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/settings/components/linking/sso-widget.tsx b/services/web/frontend/js/features/settings/components/linking/sso-widget.tsx
new file mode 100644
index 0000000..8d5bc16
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/linking/sso-widget.tsx
@@ -0,0 +1,176 @@
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { FetchError } from '../../../../infrastructure/fetch-json'
+import IEEELogo from '../../../../shared/svgs/ieee-logo'
+import GoogleLogo from '../../../../shared/svgs/google-logo'
+import OrcidLogo from '../../../../shared/svgs/orcid-logo'
+import LinkingStatus from './status'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+
+const providerLogos: { readonly [p: string]: JSX.Element } = {
+  collabratec: <IEEELogo />,
+  google: <GoogleLogo />,
+  orcid: <OrcidLogo />,
+}
+
+type SSOLinkingWidgetProps = {
+  providerId: string
+  title: string
+  description: string
+  helpPath?: string
+  linked?: boolean
+  linkPath: string
+  onUnlink: () => Promise<void>
+}
+
+export function SSOLinkingWidget({
+  providerId,
+  title,
+  description,
+  helpPath,
+  linked,
+  linkPath,
+  onUnlink,
+}: SSOLinkingWidgetProps) {
+  const { t } = useTranslation()
+  const [showModal, setShowModal] = useState(false)
+  const [unlinkRequestInflight, setUnlinkRequestInflight] = useState(false)
+  const [errorMessage, setErrorMessage] = useState('')
+
+  const handleUnlinkClick = useCallback(() => {
+    setShowModal(true)
+    setErrorMessage('')
+  }, [])
+
+  const handleUnlinkConfirmationClick = useCallback(() => {
+    setShowModal(false)
+    setUnlinkRequestInflight(true)
+    onUnlink()
+      .catch((error: FetchError) => {
+        setErrorMessage(error.getUserFacingMessage())
+      })
+      .finally(() => {
+        setUnlinkRequestInflight(false)
+      })
+  }, [onUnlink])
+
+  const handleModalHide = useCallback(() => {
+    setShowModal(false)
+  }, [])
+
+  return (
+    <div className="settings-widget-container">
+      <div>{providerLogos[providerId]}</div>
+      <div className="description-container">
+        <div className="title-row">
+          <h4>{title}</h4>
+        </div>
+        <p className="small">
+          {description?.replace(/<[^>]+>/g, '')}{' '}
+          {helpPath ? (
+            <a href={helpPath} target="_blank" rel="noreferrer">
+              {t('learn_more')}
+            </a>
+          ) : null}
+        </p>
+        {errorMessage ? (
+          <LinkingStatus status="error" description={errorMessage} />
+        ) : null}
+      </div>
+      <div>
+        <ActionButton
+          unlinkRequestInflight={unlinkRequestInflight}
+          accountIsLinked={linked}
+          linkPath={`${linkPath}?intent=link`}
+          onUnlinkClick={handleUnlinkClick}
+        />
+      </div>
+      <UnlinkConfirmModal
+        title={title}
+        show={showModal}
+        handleConfirmation={handleUnlinkConfirmationClick}
+        handleHide={handleModalHide}
+      />
+    </div>
+  )
+}
+
+type ActionButtonProps = {
+  unlinkRequestInflight: boolean
+  accountIsLinked?: boolean
+  linkPath: string
+  onUnlinkClick: () => void
+}
+
+function ActionButton({
+  unlinkRequestInflight,
+  accountIsLinked,
+  linkPath,
+  onUnlinkClick,
+}: ActionButtonProps) {
+  const { t } = useTranslation()
+  if (unlinkRequestInflight) {
+    return (
+      <OLButton variant="danger-ghost" disabled>
+        {t('unlinking')}
+      </OLButton>
+    )
+  } else if (accountIsLinked) {
+    return (
+      <OLButton variant="danger-ghost" onClick={onUnlinkClick}>
+        {t('unlink')}
+      </OLButton>
+    )
+  } else {
+    return (
+      <OLButton variant="secondary" href={linkPath} className="text-capitalize">
+        {t('link')}
+      </OLButton>
+    )
+  }
+}
+
+type UnlinkConfirmModalProps = {
+  title: string
+  show: boolean
+  handleConfirmation: () => void
+  handleHide: () => void
+}
+
+function UnlinkConfirmModal({
+  title,
+  show,
+  handleConfirmation,
+  handleHide,
+}: UnlinkConfirmModalProps) {
+  const { t } = useTranslation()
+
+  return (
+    <OLModal show={show} onHide={handleHide}>
+      <OLModalHeader closeButton>
+        <OLModalTitle>
+          {t('unlink_provider_account_title', { provider: title })}
+        </OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        <p>{t('unlink_provider_account_warning', { provider: title })}</p>
+      </OLModalBody>
+
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={handleHide}>
+          {t('cancel')}
+        </OLButton>
+        <OLButton variant="danger-ghost" onClick={handleConfirmation}>
+          {t('unlink')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/settings/components/linking/status.tsx b/services/web/frontend/js/features/settings/components/linking/status.tsx
new file mode 100644
index 0000000..c2c95c6
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/linking/status.tsx
@@ -0,0 +1,57 @@
+import { ReactNode } from 'react'
+import Icon from '../../../../shared/components/icon'
+
+type Status = 'pending' | 'success' | 'error'
+
+type LinkingStatusProps = {
+  status: Status
+  description: string | ReactNode
+}
+
+export default function LinkingStatus({
+  status,
+  description,
+}: LinkingStatusProps) {
+  return (
+    <span>
+      <StatusIcon status={status} />
+      <span className="small"> {description}</span>
+    </span>
+  )
+}
+
+type StatusIconProps = {
+  status: Status
+}
+
+function StatusIcon({ status }: StatusIconProps) {
+  switch (status) {
+    case 'success':
+      return (
+        <Icon
+          type="check-circle"
+          fw
+          className="settings-widget-status-icon status-success"
+        />
+      )
+    case 'error':
+      return (
+        <Icon
+          type="times-circle"
+          fw
+          className="settings-widget-status-icon status-error"
+        />
+      )
+    case 'pending':
+      return (
+        <Icon
+          type="circle"
+          fw
+          className="settings-widget-status-icon status-pending"
+          spin
+        />
+      )
+    default:
+      return null
+  }
+}
diff --git a/services/web/frontend/js/features/settings/components/managed-account-alert.tsx b/services/web/frontend/js/features/settings/components/managed-account-alert.tsx
new file mode 100644
index 0000000..02afa8d
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/managed-account-alert.tsx
@@ -0,0 +1,42 @@
+import { Trans, useTranslation } from 'react-i18next'
+import getMeta from '@/utils/meta'
+import Notification from '@/shared/components/notification'
+
+export default function ManagedAccountAlert() {
+  const { t } = useTranslation()
+  const isManaged = getMeta('ol-isManagedAccount')
+  const currentManagedUserAdminEmail = getMeta(
+    'ol-currentManagedUserAdminEmail'
+  )
+
+  if (!isManaged) {
+    return null
+  }
+
+  return (
+    <Notification
+      type="info"
+      content={
+        <>
+          <div>
+            <strong>
+              {t('account_managed_by_group_administrator', {
+                admin: currentManagedUserAdminEmail,
+              })}
+            </strong>
+          </div>
+          <Trans
+            i18nKey="need_contact_group_admin_to_make_changes"
+            components={[
+              // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+              <a
+                href="/learn/how-to/Understanding_Managed_Overleaf_Accounts"
+                target="_blank"
+              />,
+            ]}
+          />
+        </>
+      }
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/settings/components/newsletter-section.tsx b/services/web/frontend/js/features/settings/components/newsletter-section.tsx
new file mode 100644
index 0000000..630cd7c
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/newsletter-section.tsx
@@ -0,0 +1,14 @@
+import { useTranslation } from 'react-i18next'
+
+function NewsletterSection() {
+  const { t } = useTranslation()
+
+  return (
+    <>
+      <h3>{t('newsletter')}</h3>
+      <a href="/user/email-preferences">{t('manage_newsletter')}</a>
+    </>
+  )
+}
+
+export default NewsletterSection
diff --git a/services/web/frontend/js/features/settings/components/password-section.tsx b/services/web/frontend/js/features/settings/components/password-section.tsx
new file mode 100644
index 0000000..739636e
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/password-section.tsx
@@ -0,0 +1,277 @@
+import { useEffect, useState } from 'react'
+import { Trans, useTranslation } from 'react-i18next'
+import {
+  getUserFacingMessage,
+  getErrorMessageKey,
+  postJSON,
+} from '../../../infrastructure/fetch-json'
+import getMeta from '../../../utils/meta'
+import useAsync from '../../../shared/hooks/use-async'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import OLFormText from '@/features/ui/components/ol/ol-form-text'
+
+type PasswordUpdateResult = {
+  message?: {
+    text: string
+  }
+}
+
+function PasswordSection() {
+  const { t } = useTranslation()
+  const hideChangePassword = getMeta('ol-cannot-change-password')
+  return (
+    <>
+      <h3>{t('change_password')}</h3>
+      {hideChangePassword ? (
+        <CanOnlyLogInThroughSSO />
+      ) : (
+        <PasswordInnerSection />
+      )}
+    </>
+  )
+}
+
+function CanOnlyLogInThroughSSO() {
+  return (
+    <p>
+      <Trans
+        i18nKey="you_cant_add_or_change_password_due_to_sso"
+        components={[
+          // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+          <a href="/learn/how-to/Logging_in_with_Group_single_sign-on" />,
+        ]}
+      />
+    </p>
+  )
+}
+
+function PasswordInnerSection() {
+  const { t } = useTranslation()
+  const { isOverleaf } = getMeta('ol-ExposedSettings')
+  const isExternalAuthenticationSystemUsed = getMeta(
+    'ol-isExternalAuthenticationSystemUsed'
+  )
+  const hasPassword = getMeta('ol-hasPassword')
+
+  if (isExternalAuthenticationSystemUsed && !isOverleaf) {
+    return <p>{t('password_managed_externally')}</p>
+  }
+
+  if (!hasPassword) {
+    return (
+      <p>
+        <a href="/user/password/reset" target="_blank">
+          {t('no_existing_password')}
+        </a>
+      </p>
+    )
+  }
+
+  return <PasswordForm />
+}
+
+function PasswordForm() {
+  const { t } = useTranslation()
+  const passwordStrengthOptions = getMeta('ol-passwordStrengthOptions')
+
+  const [currentPassword, setCurrentPassword] = useState('')
+  const [newPassword1, setNewPassword1] = useState('')
+  const [newPassword2, setNewPassword2] = useState('')
+  const { isLoading, isSuccess, isError, data, error, runAsync } =
+    useAsync<PasswordUpdateResult>()
+  const [isNewPasswordValid, setIsNewPasswordValid] = useState(false)
+  const [isFormValid, setIsFormValid] = useState(false)
+
+  const handleCurrentPasswordChange = (
+    event: React.ChangeEvent<HTMLInputElement>
+  ) => {
+    setCurrentPassword(event.target.value)
+  }
+
+  const handleNewPassword1Change = (
+    event: React.ChangeEvent<HTMLInputElement>
+  ) => {
+    setNewPassword1(event.target.value)
+    setIsNewPasswordValid(event.target.validity.valid)
+  }
+
+  const handleNewPassword2Change = (
+    event: React.ChangeEvent<HTMLInputElement>
+  ) => {
+    setNewPassword2(event.target.value)
+  }
+
+  useEffect(() => {
+    setIsFormValid(
+      !!currentPassword && isNewPasswordValid && newPassword1 === newPassword2
+    )
+  }, [currentPassword, newPassword1, newPassword2, isNewPasswordValid])
+
+  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
+    event.preventDefault()
+    if (!isFormValid) {
+      return
+    }
+    runAsync(
+      postJSON('/user/password/update', {
+        body: {
+          currentPassword,
+          newPassword1,
+          newPassword2,
+        },
+      })
+    ).catch(() => {})
+  }
+
+  return (
+    <form id="password-change-form" onSubmit={handleSubmit}>
+      <PasswordFormGroup
+        id="current-password-input"
+        label={t('current_password')}
+        value={currentPassword}
+        handleChange={handleCurrentPasswordChange}
+        autoComplete="current-password"
+      />
+      <PasswordFormGroup
+        id="new-password-1-input"
+        label={t('new_password')}
+        value={newPassword1}
+        handleChange={handleNewPassword1Change}
+        minLength={passwordStrengthOptions?.length?.min || 8}
+        autoComplete="new-password"
+      />
+      <PasswordFormGroup
+        id="new-password-2-input"
+        label={t('confirm_new_password')}
+        value={newPassword2}
+        handleChange={handleNewPassword2Change}
+        validationMessage={
+          newPassword1 !== newPassword2 ? t('doesnt_match') : ''
+        }
+        autoComplete="new-password"
+      />
+      {isSuccess && data?.message?.text ? (
+        <OLFormGroup>
+          <OLNotification type="success" content={data.message.text} />
+        </OLFormGroup>
+      ) : null}
+      {isError ? (
+        <OLFormGroup>
+          <OLNotification
+            type="error"
+            content={
+              getErrorMessageKey(error) === 'password-must-be-strong' ? (
+                <>
+                  <Trans
+                    i18nKey="password_was_detected_on_a_public_list_of_known_compromised_passwords"
+                    components={[
+                      /* eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key */
+                      <a
+                        href="https://haveibeenpwned.com/passwords"
+                        target="_blank"
+                        rel="noreferrer noopener"
+                      />,
+                    ]}
+                  />
+                  . {t('use_a_different_password')}.
+                </>
+              ) : getErrorMessageKey(error) === 'password-contains-email' ? (
+                <>
+                  {t('invalid_password_contains_email')}.{' '}
+                  {t('use_a_different_password')}.
+                </>
+              ) : getErrorMessageKey(error) === 'password-too-similar' ? (
+                <>
+                  {t('invalid_password_too_similar')}.{' '}
+                  {t('use_a_different_password')}.
+                </>
+              ) : (
+                (getUserFacingMessage(error) ?? '')
+              )
+            }
+          />
+        </OLFormGroup>
+      ) : null}
+      <OLFormGroup>
+        <OLButton
+          form="password-change-form"
+          type="submit"
+          variant="primary"
+          disabled={!isFormValid}
+          isLoading={isLoading}
+          loadingLabel={`${t('saving')}…`}
+        >
+          {t('change')}
+        </OLButton>
+      </OLFormGroup>
+    </form>
+  )
+}
+
+type PasswordFormGroupProps = {
+  id: string
+  label: string
+  value: string
+  handleChange: (event: React.ChangeEvent<HTMLInputElement>) => void
+  minLength?: number
+  validationMessage?: string
+  autoComplete?: string
+}
+
+function PasswordFormGroup({
+  id,
+  label,
+  value,
+  handleChange,
+  minLength,
+  validationMessage: parentValidationMessage,
+  autoComplete,
+}: PasswordFormGroupProps) {
+  const [validationMessage, setValidationMessage] = useState('')
+  const [hadInteraction, setHadInteraction] = useState(false)
+
+  const handleInvalid = (event: React.InvalidEvent<HTMLInputElement>) => {
+    event.preventDefault()
+  }
+
+  const handleChangeAndValidity = (
+    event: React.ChangeEvent<HTMLInputElement>
+  ) => {
+    handleChange(event)
+    setHadInteraction(true)
+    setValidationMessage(event.target.validationMessage)
+  }
+
+  const isInvalid = Boolean(
+    hadInteraction && (parentValidationMessage || validationMessage)
+  )
+
+  return (
+    <OLFormGroup controlId={id}>
+      <OLFormLabel>{label}</OLFormLabel>
+      <OLFormControl
+        type="password"
+        placeholder="*********"
+        autoComplete={autoComplete}
+        value={value}
+        data-ol-dirty={!!validationMessage}
+        onChange={handleChangeAndValidity}
+        onInvalid={handleInvalid}
+        required={hadInteraction}
+        minLength={minLength}
+        isInvalid={isInvalid}
+      />
+      {isInvalid && (
+        <OLFormText type="error">
+          {parentValidationMessage || validationMessage}
+        </OLFormText>
+      )}
+    </OLFormGroup>
+  )
+}
+
+export default PasswordSection
diff --git a/services/web/frontend/js/features/settings/components/root.tsx b/services/web/frontend/js/features/settings/components/root.tsx
new file mode 100644
index 0000000..2198808
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/root.tsx
@@ -0,0 +1,100 @@
+import SecuritySection from '@/features/settings/components/security-section'
+import { useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import getMeta from '../../../utils/meta'
+import EmailsSection from './emails-section'
+import AccountInfoSection from './account-info-section'
+import ManagedAccountAlert from './managed-account-alert'
+import PasswordSection from './password-section'
+import LinkingSection from './linking-section'
+import BetaProgramSection from './beta-program-section'
+import LabsProgramSection from './labs-program-section'
+import SessionsSection from './sessions-section'
+import NewsletterSection from './newsletter-section'
+import LeaveSection from './leave-section'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import { UserProvider } from '../../../shared/context/user-context'
+import { SSOProvider } from '../context/sso-context'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+import useWaitForI18n from '../../../shared/hooks/use-wait-for-i18n'
+import useScrollToIdOnLoad from '../../../shared/hooks/use-scroll-to-id-on-load'
+import { SSOAlert } from './emails/sso-alert'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import OLPageContentCard from '@/features/ui/components/ol/ol-page-content-card'
+
+function SettingsPageRoot() {
+  const { isReady } = useWaitForI18n()
+  useScrollToIdOnLoad()
+
+  useEffect(() => {
+    eventTracking.sendMB('settings-view')
+  }, [])
+
+  return (
+    <div className="container">
+      <OLRow>
+        <OLCol xl={{ span: 10, offset: 1 }}>
+          {isReady ? <SettingsPageContent /> : null}
+        </OLCol>
+      </OLRow>
+    </div>
+  )
+}
+
+function SettingsPageContent() {
+  const { t } = useTranslation()
+  const { isOverleaf, labsEnabled } = getMeta('ol-ExposedSettings')
+
+  return (
+    <UserProvider>
+      <OLPageContentCard>
+        <div className="page-header">
+          <h1>{t('account_settings')}</h1>
+        </div>
+        <div>
+          <ManagedAccountAlert />
+          <EmailsSection />
+          <SSOAlert />
+          <OLRow>
+            <OLCol lg={5}>
+              <AccountInfoSection />
+            </OLCol>
+            <OLCol lg={{ span: 5, offset: 1 }}>
+              <PasswordSection />
+            </OLCol>
+          </OLRow>
+          <hr />
+          <SecuritySection />
+          <SplitTestProvider>
+            <SSOProvider>
+              <LinkingSection />
+            </SSOProvider>
+          </SplitTestProvider>
+          {isOverleaf ? (
+            <>
+              <BetaProgramSection />
+              <hr />
+            </>
+          ) : null}
+          {labsEnabled ? (
+            <>
+              <LabsProgramSection />
+            </>
+          ) : null}
+          <SessionsSection />
+          {isOverleaf ? (
+            <>
+              <hr />
+              <NewsletterSection />
+              <hr />
+              <LeaveSection />
+            </>
+          ) : null}
+        </div>
+      </OLPageContentCard>
+    </UserProvider>
+  )
+}
+
+export default SettingsPageRoot
diff --git a/services/web/frontend/js/features/settings/components/security-section.tsx b/services/web/frontend/js/features/settings/components/security-section.tsx
new file mode 100644
index 0000000..b9f46af
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/security-section.tsx
@@ -0,0 +1,103 @@
+import MaterialIcon from '@/shared/components/material-icon'
+import { Trans, useTranslation } from 'react-i18next'
+import { GroupSSOLinkingStatus } from '../../../../../types/subscription/sso'
+import getMeta from '../../../utils/meta'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+function SecuritySection() {
+  const { t } = useTranslation()
+
+  const memberOfSSOEnabledGroups = getMeta('ol-memberOfSSOEnabledGroups') || []
+
+  return (
+    <>
+      {memberOfSSOEnabledGroups.length > 0 ? (
+        <>
+          <h3>{t('security')}</h3>
+          {memberOfSSOEnabledGroups.map(
+            ({
+              groupId,
+              linked,
+              groupName,
+              adminEmail,
+            }: GroupSSOLinkingStatus) => (
+              <div key={groupId} className="security-row">
+                <span className="icon">
+                  <MaterialIcon type="key" />
+                </span>
+                <div className="text">
+                  <span className="line-header">
+                    <b>{t('single_sign_on_sso')}</b>{' '}
+                    {linked ? (
+                      <span className="status-label status-label-configured">
+                        {t('active')}
+                      </span>
+                    ) : (
+                      <span className="status-label status-label-ready">
+                        {t('ready_to_set_up')}
+                      </span>
+                    )}
+                  </span>
+                  <div>
+                    {linked ? (
+                      groupName ? (
+                        <Trans
+                          i18nKey="sso_user_explanation_enabled_with_group_name"
+                          // eslint-disable-next-line react/jsx-key
+                          components={[<b />]}
+                          values={{ groupName }}
+                          shouldUnescape
+                          tOptions={{ interpolation: { escapeValue: true } }}
+                        />
+                      ) : (
+                        <Trans
+                          i18nKey="sso_user_explanation_enabled_with_admin_email"
+                          // eslint-disable-next-line react/jsx-key
+                          components={[<b />]}
+                          values={{ adminEmail }}
+                          shouldUnescape
+                          tOptions={{ interpolation: { escapeValue: true } }}
+                        />
+                      )
+                    ) : groupName ? (
+                      <Trans
+                        i18nKey="sso_user_explanation_ready_with_group_name"
+                        // eslint-disable-next-line react/jsx-key
+                        components={[<b />, <b />]}
+                        values={{ groupName, buttonText: t('set_up_sso') }}
+                        shouldUnescape
+                        tOptions={{ interpolation: { escapeValue: true } }}
+                      />
+                    ) : (
+                      <Trans
+                        i18nKey="sso_user_explanation_ready_with_admin_email"
+                        // eslint-disable-next-line react/jsx-key
+                        components={[<b />, <b />]}
+                        values={{ adminEmail, buttonText: t('set_up_sso') }}
+                        shouldUnescape
+                        tOptions={{ interpolation: { escapeValue: true } }}
+                      />
+                    )}
+                  </div>
+                </div>
+                {linked ? null : (
+                  <div className="button-column">
+                    <OLButton
+                      variant="primary"
+                      href={`/subscription/${groupId}/sso_enrollment`}
+                    >
+                      {t('set_up_sso')}
+                    </OLButton>
+                  </div>
+                )}
+              </div>
+            )
+          )}
+          <hr />
+        </>
+      ) : null}
+    </>
+  )
+}
+
+export default SecuritySection
diff --git a/services/web/frontend/js/features/settings/components/sessions-section.tsx b/services/web/frontend/js/features/settings/components/sessions-section.tsx
new file mode 100644
index 0000000..73fbd01
--- /dev/null
+++ b/services/web/frontend/js/features/settings/components/sessions-section.tsx
@@ -0,0 +1,14 @@
+import { useTranslation } from 'react-i18next'
+
+function SessionsSection() {
+  const { t } = useTranslation()
+
+  return (
+    <>
+      <h3>{t('sessions')}</h3>
+      <a href="/user/sessions">{t('manage_sessions')}</a>
+    </>
+  )
+}
+
+export default SessionsSection
diff --git a/services/web/frontend/js/features/settings/context/sso-context.tsx b/services/web/frontend/js/features/settings/context/sso-context.tsx
new file mode 100644
index 0000000..05bc476
--- /dev/null
+++ b/services/web/frontend/js/features/settings/context/sso-context.tsx
@@ -0,0 +1,92 @@
+import {
+  createContext,
+  useCallback,
+  useContext,
+  useState,
+  useMemo,
+  ReactNode,
+} from 'react'
+import { postJSON } from '../../../infrastructure/fetch-json'
+import useIsMounted from '../../../shared/hooks/use-is-mounted'
+import { set, cloneDeep } from 'lodash'
+import getMeta from '../../../utils/meta'
+import type { OAuthProvider } from '../../../../../types/oauth-providers'
+
+export type SSOSubscription = {
+  providerId: string
+  provider: OAuthProvider
+  linked: boolean
+}
+
+type SSOContextValue = {
+  subscriptions: Record<string, SSOSubscription>
+  unlink: (id: string, signal?: AbortSignal) => Promise<void>
+}
+
+export const SSOContext = createContext<SSOContextValue | undefined>(undefined)
+
+type SSOProviderProps = {
+  children: ReactNode
+}
+
+export function SSOProvider({ children }: SSOProviderProps) {
+  const isMounted = useIsMounted()
+  const oauthProviders = getMeta('ol-oauthProviders') || {}
+  const thirdPartyIds = getMeta('ol-thirdPartyIds')
+
+  const [subscriptions, setSubscriptions] = useState<
+    Record<string, SSOSubscription>
+  >(() => {
+    const initialSubscriptions: Record<string, SSOSubscription> = {}
+    for (const [id, provider] of Object.entries(oauthProviders)) {
+      const linked = !!thirdPartyIds[id]
+      if (!provider.hideWhenNotLinked || linked) {
+        initialSubscriptions[id] = {
+          providerId: id,
+          provider,
+          linked,
+        }
+      }
+    }
+    return initialSubscriptions
+  })
+
+  const unlink = useCallback(
+    (providerId: string, signal?: AbortSignal) => {
+      if (!subscriptions[providerId].linked) {
+        return Promise.resolve()
+      }
+      const body = {
+        link: false,
+        providerId,
+      }
+
+      return postJSON('/user/oauth-unlink', { body, signal }).then(() => {
+        if (isMounted.current) {
+          setSubscriptions(subs =>
+            set(cloneDeep(subs), `${providerId}.linked`, false)
+          )
+        }
+      })
+    },
+    [isMounted, subscriptions]
+  )
+
+  const value = useMemo<SSOContextValue>(
+    () => ({
+      subscriptions,
+      unlink,
+    }),
+    [subscriptions, unlink]
+  )
+
+  return <SSOContext.Provider value={value}>{children}</SSOContext.Provider>
+}
+
+export function useSSOContext() {
+  const context = useContext(SSOContext)
+  if (!context) {
+    throw new Error('SSOContext is only available inside SSOProvider')
+  }
+  return context
+}
diff --git a/services/web/frontend/js/features/settings/context/user-email-context.tsx b/services/web/frontend/js/features/settings/context/user-email-context.tsx
new file mode 100644
index 0000000..6d470d2
--- /dev/null
+++ b/services/web/frontend/js/features/settings/context/user-email-context.tsx
@@ -0,0 +1,333 @@
+import {
+  createContext,
+  useEffect,
+  useContext,
+  useReducer,
+  useCallback,
+} from 'react'
+import useSafeDispatch from '../../../shared/hooks/use-safe-dispatch'
+import * as ActionCreators from '../utils/action-creators'
+import { UserEmailData } from '../../../../../types/user-email'
+import { Nullable } from '../../../../../types/utils'
+import { Affiliation } from '../../../../../types/affiliation'
+import { normalize, NormalizedObject } from '../../../utils/normalize'
+import { getJSON } from '../../../infrastructure/fetch-json'
+import useAsync from '../../../shared/hooks/use-async'
+import usePersistedState from '../../../shared/hooks/use-persisted-state'
+
+const ONE_WEEK_IN_MS = 7 * 24 * 60 * 60 * 1000
+
+// eslint-disable-next-line no-unused-vars
+export enum Actions {
+  SET_DATA = 'SET_DATA', // eslint-disable-line no-unused-vars
+  SET_LOADING_STATE = 'SET_LOADING_STATE', // eslint-disable-line no-unused-vars
+  MAKE_PRIMARY = 'MAKE_PRIMARY', // eslint-disable-line no-unused-vars
+  DELETE_EMAIL = 'DELETE_EMAIL', // eslint-disable-line no-unused-vars
+  SET_EMAIL_AFFILIATION_BEING_EDITED = 'SET_EMAIL_AFFILIATION_BEING_EDITED', // eslint-disable-line no-unused-vars
+  UPDATE_AFFILIATION = 'UPDATE_AFFILIATION', // eslint-disable-line no-unused-vars
+}
+
+export type ActionSetData = {
+  type: Actions.SET_DATA
+  payload: UserEmailData[]
+}
+
+export type ActionSetLoading = {
+  type: Actions.SET_LOADING_STATE
+  payload: boolean
+}
+
+export type ActionMakePrimary = {
+  type: Actions.MAKE_PRIMARY
+  payload: UserEmailData['email']
+}
+
+export type ActionDeleteEmail = {
+  type: Actions.DELETE_EMAIL
+  payload: UserEmailData['email']
+}
+
+export type ActionSetEmailAffiliationBeingEdited = {
+  type: Actions.SET_EMAIL_AFFILIATION_BEING_EDITED
+  payload: Nullable<UserEmailData['email']>
+}
+
+export type ActionUpdateAffiliation = {
+  type: Actions.UPDATE_AFFILIATION
+  payload: {
+    email: UserEmailData['email']
+    role: Affiliation['role']
+    department: Affiliation['department']
+  }
+}
+
+export type State = {
+  isLoading: boolean
+  data: {
+    byId: NormalizedObject<UserEmailData>
+    emailCount: number
+    linkedInstitutionIds: NonNullable<UserEmailData['samlProviderId']>[]
+    emailAffiliationBeingEdited: Nullable<UserEmailData['email']>
+  }
+}
+
+type Action =
+  | ActionSetData
+  | ActionSetLoading
+  | ActionMakePrimary
+  | ActionDeleteEmail
+  | ActionSetEmailAffiliationBeingEdited
+  | ActionUpdateAffiliation
+
+const setData = (state: State, action: ActionSetData) => {
+  const normalized = normalize<UserEmailData>(action.payload, {
+    idAttribute: 'email',
+  })
+  const emailCount = action.payload.length
+  const byId = normalized || {}
+  const linkedInstitutionIds = action.payload
+    .filter(email => Boolean(email.samlProviderId))
+    .map(email => email.samlProviderId) as NonNullable<
+    UserEmailData['samlProviderId']
+  >[]
+
+  return {
+    ...state,
+    data: {
+      ...initialState.data,
+      byId,
+      emailCount,
+      linkedInstitutionIds,
+    },
+  }
+}
+
+const setLoadingAction = (state: State, action: ActionSetLoading) => ({
+  ...state,
+  isLoading: action.payload,
+})
+
+const makePrimaryAction = (state: State, action: ActionMakePrimary) => {
+  if (!state.data.byId[action.payload]) {
+    return state
+  }
+  const byId: State['data']['byId'] = {}
+  for (const id of Object.keys(state.data.byId)) {
+    byId[id] = {
+      ...state.data.byId[id],
+      default: state.data.byId[id].email === action.payload,
+    }
+  }
+
+  return {
+    ...state,
+    data: {
+      ...state.data,
+      byId,
+    },
+  }
+}
+
+const deleteEmailAction = (state: State, action: ActionDeleteEmail) => {
+  const { [action.payload]: _, ...byId } = state.data.byId
+
+  return {
+    ...state,
+    data: {
+      ...state.data,
+      emailCount: state.data.emailCount - 1,
+      byId,
+    },
+  }
+}
+
+const setEmailAffiliationBeingEditedAction = (
+  state: State,
+  action: ActionSetEmailAffiliationBeingEdited
+) => {
+  if (action.payload && !state.data.byId[action.payload]) {
+    return state
+  }
+  return {
+    ...state,
+    data: {
+      ...state.data,
+      emailAffiliationBeingEdited: action.payload,
+    },
+  }
+}
+
+const updateAffiliationAction = (
+  state: State,
+  action: ActionUpdateAffiliation
+) => {
+  const { email, role, department } = action.payload
+
+  if (action.payload && !state.data.byId[email]) {
+    return state
+  }
+
+  const affiliation = state.data.byId[email].affiliation
+
+  return {
+    ...state,
+    data: {
+      ...state.data,
+      byId: {
+        ...state.data.byId,
+        [email]: {
+          ...state.data.byId[email],
+          ...(affiliation && {
+            affiliation: {
+              ...affiliation,
+              role,
+              department,
+            },
+          }),
+        },
+      },
+      emailAffiliationBeingEdited: null,
+    },
+  }
+}
+
+const initialState: State = {
+  isLoading: false,
+  data: {
+    byId: {},
+    emailCount: 0,
+    linkedInstitutionIds: [],
+    emailAffiliationBeingEdited: null,
+  },
+}
+
+const reducer = (state: State, action: Action) => {
+  switch (action.type) {
+    case Actions.SET_DATA:
+      return setData(state, action)
+    case Actions.SET_LOADING_STATE:
+      return setLoadingAction(state, action)
+    case Actions.MAKE_PRIMARY:
+      return makePrimaryAction(state, action)
+    case Actions.DELETE_EMAIL:
+      return deleteEmailAction(state, action)
+    case Actions.SET_EMAIL_AFFILIATION_BEING_EDITED:
+      return setEmailAffiliationBeingEditedAction(state, action)
+    case Actions.UPDATE_AFFILIATION:
+      return updateAffiliationAction(state, action)
+    default:
+      return state
+  }
+}
+
+function useUserEmails() {
+  const [
+    showInstitutionalLeaversSurveyUntil,
+    setShowInstitutionalLeaversSurveyUntil,
+  ] = usePersistedState('showInstitutionalLeaversSurveyUntil', 0, true)
+  const [state, unsafeDispatch] = useReducer(reducer, initialState)
+  const dispatch = useSafeDispatch(unsafeDispatch)
+  const { data, isLoading, isError, isSuccess, runAsync } =
+    useAsync<UserEmailData[]>()
+
+  const getEmails = useCallback(() => {
+    dispatch(ActionCreators.setLoading(true))
+    runAsync(getJSON('/user/emails?ensureAffiliation=true'))
+      .then(data => {
+        dispatch(ActionCreators.setData(data))
+      })
+      .catch(() => {})
+      .finally(() => dispatch(ActionCreators.setLoading(false)))
+  }, [runAsync, dispatch])
+
+  // Get emails on page load
+  useEffect(() => {
+    getEmails()
+  }, [getEmails])
+
+  const resetLeaversSurveyExpiration = useCallback(
+    (deletedEmail: UserEmailData) => {
+      if (
+        deletedEmail.emailHasInstitutionLicence ||
+        deletedEmail.affiliation?.pastReconfirmDate
+      ) {
+        const stillHasLicenseAccess = Object.values(state.data.byId).some(
+          userEmail =>
+            userEmail.email !== deletedEmail.email &&
+            userEmail.emailHasInstitutionLicence
+        )
+        if (!stillHasLicenseAccess) {
+          setShowInstitutionalLeaversSurveyUntil(Date.now() + ONE_WEEK_IN_MS)
+        }
+      }
+    },
+    [state, setShowInstitutionalLeaversSurveyUntil]
+  )
+
+  return {
+    state,
+    isInitializing: isLoading && !data,
+    isInitializingSuccess: isSuccess,
+    isInitializingError: isError,
+    getEmails,
+    showInstitutionalLeaversSurveyUntil,
+    setShowInstitutionalLeaversSurveyUntil,
+    resetLeaversSurveyExpiration,
+    setLoading: useCallback(
+      (flag: boolean) => dispatch(ActionCreators.setLoading(flag)),
+      [dispatch]
+    ),
+    makePrimary: useCallback(
+      (email: UserEmailData['email']) =>
+        dispatch(ActionCreators.makePrimary(email)),
+      [dispatch]
+    ),
+    deleteEmail: useCallback(
+      (email: UserEmailData['email']) =>
+        dispatch(ActionCreators.deleteEmail(email)),
+      [dispatch]
+    ),
+    setEmailAffiliationBeingEdited: useCallback(
+      (email: Nullable<UserEmailData['email']>) =>
+        dispatch(ActionCreators.setEmailAffiliationBeingEdited(email)),
+      [dispatch]
+    ),
+    updateAffiliation: useCallback(
+      (
+        email: UserEmailData['email'],
+        role: Affiliation['role'],
+        department: Affiliation['department']
+      ) => dispatch(ActionCreators.updateAffiliation(email, role, department)),
+      [dispatch]
+    ),
+  }
+}
+
+const UserEmailsContext = createContext<
+  ReturnType<typeof useUserEmails> | undefined
+>(undefined)
+UserEmailsContext.displayName = 'UserEmailsContext'
+
+type UserEmailsProviderProps = {
+  children: React.ReactNode
+} & Record<string, unknown>
+
+function UserEmailsProvider(props: UserEmailsProviderProps) {
+  const value = useUserEmails()
+
+  return <UserEmailsContext.Provider value={value} {...props} />
+}
+
+const useUserEmailsContext = () => {
+  const context = useContext(UserEmailsContext)
+
+  if (context === undefined) {
+    throw new Error('useUserEmailsContext must be used in a UserEmailsProvider')
+  }
+
+  return context
+}
+
+type EmailContextType = ReturnType<typeof useUserEmailsContext>
+
+export { UserEmailsProvider, useUserEmailsContext, EmailContextType }
diff --git a/services/web/frontend/js/features/settings/data/countries-list.ts b/services/web/frontend/js/features/settings/data/countries-list.ts
new file mode 100644
index 0000000..976c132
--- /dev/null
+++ b/services/web/frontend/js/features/settings/data/countries-list.ts
@@ -0,0 +1,256 @@
+const countries = <const>[
+  { code: 'af', name: 'Afghanistan' },
+  { code: 'ax', name: 'Åland Islands' },
+  { code: 'al', name: 'Albania' },
+  { code: 'dz', name: 'Algeria' },
+  { code: 'as', name: 'American Samoa' },
+  { code: 'ad', name: 'Andorra' },
+  { code: 'ao', name: 'Angola' },
+  { code: 'ai', name: 'Anguilla' },
+  { code: 'aq', name: 'Antarctica' },
+  { code: 'ag', name: 'Antigua and Barbuda' },
+  { code: 'ar', name: 'Argentina' },
+  { code: 'am', name: 'Armenia' },
+  { code: 'aw', name: 'Aruba' },
+  { code: 'au', name: 'Australia' },
+  { code: 'at', name: 'Austria' },
+  { code: 'az', name: 'Azerbaijan' },
+  { code: 'bs', name: 'Bahamas' },
+  { code: 'bh', name: 'Bahrain' },
+  { code: 'bd', name: 'Bangladesh' },
+  { code: 'bb', name: 'Barbados' },
+  { code: 'by', name: 'Belarus' },
+  { code: 'be', name: 'Belgium' },
+  { code: 'bz', name: 'Belize' },
+  { code: 'bj', name: 'Benin' },
+  { code: 'bm', name: 'Bermuda' },
+  { code: 'bt', name: 'Bhutan' },
+  { code: 'bo', name: 'Bolivia' },
+  { code: 'bq', name: 'Bonaire, Saint Eustatius and Saba' },
+  { code: 'ba', name: 'Bosnia and Herzegovina' },
+  { code: 'bw', name: 'Botswana' },
+  { code: 'bv', name: 'Bouvet Island' },
+  { code: 'br', name: 'Brazil' },
+  { code: 'io', name: 'British Indian Ocean Territory' },
+  { code: 'vg', name: 'British Virgin Islands' },
+  { code: 'bn', name: 'Brunei' },
+  { code: 'bg', name: 'Bulgaria' },
+  { code: 'bf', name: 'Burkina Faso' },
+  { code: 'bi', name: 'Burundi' },
+  { code: 'kh', name: 'Cambodia' },
+  { code: 'cm', name: 'Cameroon' },
+  { code: 'ca', name: 'Canada' },
+  { code: 'cv', name: 'Cabo Verde' },
+  { code: 'ky', name: 'Cayman Islands' },
+  { code: 'cf', name: 'Central African Republic' },
+  { code: 'td', name: 'Chad' },
+  { code: 'cl', name: 'Chile' },
+  { code: 'cn', name: 'China' },
+  { code: 'cx', name: 'Christmas Island' },
+  { code: 'cc', name: 'Cocos (Keeling) Islands' },
+  { code: 'co', name: 'Colombia' },
+  { code: 'km', name: 'Comoros' },
+  { code: 'cg', name: 'Congo' },
+  { code: 'ck', name: 'Cook Islands' },
+  { code: 'cr', name: 'Costa Rica' },
+  { code: 'ci', name: "Côte d'Ivoire" },
+  { code: 'hr', name: 'Croatia' },
+  { code: 'cu', name: 'Cuba' },
+  { code: 'cw', name: 'Curaçao' },
+  { code: 'cy', name: 'Cyprus' },
+  { code: 'cz', name: 'Czech Republic' },
+  { code: 'kp', name: "Democratic People's Republic of Korea" },
+  { code: 'cd', name: 'Democratic Republic of the Congo' },
+  { code: 'dk', name: 'Denmark' },
+  { code: 'dj', name: 'Djibouti' },
+  { code: 'dm', name: 'Dominica' },
+  { code: 'do', name: 'Dominican Republic' },
+  { code: 'ec', name: 'Ecuador' },
+  { code: 'eg', name: 'Egypt' },
+  { code: 'sv', name: 'El Salvador' },
+  { code: 'gq', name: 'Equatorial Guinea' },
+  { code: 'er', name: 'Eritrea' },
+  { code: 'ee', name: 'Estonia' },
+  { code: 'et', name: 'Ethiopia' },
+  { code: 'fk', name: 'Falkland Islands (Malvinas)' },
+  { code: 'fo', name: 'Faroe Islands' },
+  { code: 'fj', name: 'Fiji' },
+  { code: 'fi', name: 'Finland' },
+  { code: 'fr', name: 'France' },
+  { code: 'gf', name: 'French Guiana' },
+  { code: 'pf', name: 'French Polynesia' },
+  { code: 'tf', name: 'French Southern Territories' },
+  { code: 'ga', name: 'Gabon' },
+  { code: 'gm', name: 'Gambia' },
+  { code: 'ge', name: 'Georgia' },
+  { code: 'de', name: 'Germany' },
+  { code: 'gh', name: 'Ghana' },
+  { code: 'gi', name: 'Gibraltar' },
+  { code: 'gr', name: 'Greece' },
+  { code: 'gl', name: 'Greenland' },
+  { code: 'gd', name: 'Grenada' },
+  { code: 'gp', name: 'Guadeloupe' },
+  { code: 'gu', name: 'Guam' },
+  { code: 'gt', name: 'Guatemala' },
+  { code: 'gg', name: 'Guernsey' },
+  { code: 'gn', name: 'Guinea' },
+  { code: 'gw', name: 'Guinea-Bissau' },
+  { code: 'gy', name: 'Guyana' },
+  { code: 'ht', name: 'Haiti' },
+  { code: 'hm', name: 'Heard Island and McDonald Islands' },
+  { code: 'va', name: 'Holy See (Vatican City)' },
+  { code: 'hn', name: 'Honduras' },
+  { code: 'hk', name: 'Hong Kong' },
+  { code: 'hu', name: 'Hungary' },
+  { code: 'is', name: 'Iceland' },
+  { code: 'in', name: 'India' },
+  { code: 'id', name: 'Indonesia' },
+  { code: 'ir', name: 'Iran' },
+  { code: 'iq', name: 'Iraq' },
+  { code: 'ie', name: 'Ireland' },
+  { code: 'im', name: 'Isle of Man' },
+  { code: 'il', name: 'Israel' },
+  { code: 'it', name: 'Italy' },
+  { code: 'jm', name: 'Jamaica' },
+  { code: 'jp', name: 'Japan' },
+  { code: 'je', name: 'Jersey' },
+  { code: 'jo', name: 'Jordan' },
+  { code: 'kz', name: 'Kazakhstan' },
+  { code: 'ke', name: 'Kenya' },
+  { code: 'ki', name: 'Kiribati' },
+  { code: 'xk', name: 'Kosovo' },
+  { code: 'kw', name: 'Kuwait' },
+  { code: 'kg', name: 'Kyrgyzstan' },
+  { code: 'la', name: 'Laos' },
+  { code: 'lv', name: 'Latvia' },
+  { code: 'lb', name: 'Lebanon' },
+  { code: 'ls', name: 'Lesotho' },
+  { code: 'lr', name: 'Liberia' },
+  { code: 'ly', name: 'Libya' },
+  { code: 'li', name: 'Liechtenstein' },
+  { code: 'lt', name: 'Lithuania' },
+  { code: 'lu', name: 'Luxembourg' },
+  { code: 'mo', name: 'Macao' },
+  { code: 'mk', name: 'Macedonia' },
+  { code: 'mg', name: 'Madagascar' },
+  { code: 'mw', name: 'Malawi' },
+  { code: 'my', name: 'Malaysia' },
+  { code: 'mv', name: 'Maldives' },
+  { code: 'ml', name: 'Mali' },
+  { code: 'mt', name: 'Malta' },
+  { code: 'mh', name: 'Marshall Islands' },
+  { code: 'mq', name: 'Martinique' },
+  { code: 'mr', name: 'Mauritania' },
+  { code: 'mu', name: 'Mauritius' },
+  { code: 'yt', name: 'Mayotte' },
+  { code: 'mx', name: 'Mexico' },
+  { code: 'fm', name: 'Micronesia' },
+  { code: 'md', name: 'Moldova' },
+  { code: 'mc', name: 'Monaco' },
+  { code: 'mn', name: 'Mongolia' },
+  { code: 'me', name: 'Montenegro' },
+  { code: 'ms', name: 'Montserrat' },
+  { code: 'ma', name: 'Morocco' },
+  { code: 'mz', name: 'Mozambique' },
+  { code: 'mm', name: 'Myanmar' },
+  { code: 'na', name: 'Namibia' },
+  { code: 'nr', name: 'Nauru' },
+  { code: 'np', name: 'Nepal' },
+  { code: 'nl', name: 'Netherlands' },
+  { code: 'an', name: 'Netherlands Antilles' },
+  { code: 'nc', name: 'New Caledonia' },
+  { code: 'nz', name: 'New Zealand' },
+  { code: 'ni', name: 'Nicaragua' },
+  { code: 'ne', name: 'Niger' },
+  { code: 'ng', name: 'Nigeria' },
+  { code: 'nu', name: 'Niue' },
+  { code: 'nf', name: 'Norfolk Island' },
+  { code: 'mp', name: 'Northern Mariana Islands' },
+  { code: 'no', name: 'Norway' },
+  { code: 'om', name: 'Oman' },
+  { code: 'pk', name: 'Pakistan' },
+  { code: 'pw', name: 'Palau' },
+  { code: 'ps', name: 'Palestine' },
+  { code: 'pa', name: 'Panama' },
+  { code: 'pg', name: 'Papua New Guinea' },
+  { code: 'py', name: 'Paraguay' },
+  { code: 'pe', name: 'Peru' },
+  { code: 'ph', name: 'Philippines' },
+  { code: 'pn', name: 'Pitcairn' },
+  { code: 'pl', name: 'Poland' },
+  { code: 'pt', name: 'Portugal' },
+  { code: 'pr', name: 'Puerto Rico' },
+  { code: 'qa', name: 'Qatar' },
+  { code: 'kr', name: 'Republic of Korea' },
+  { code: 're', name: 'Réunion' },
+  { code: 'ro', name: 'Romania' },
+  { code: 'ru', name: 'Russia' },
+  { code: 'rw', name: 'Rwanda' },
+  { code: 'bl', name: 'Saint Barthélemy' },
+  { code: 'sh', name: 'Saint Helena, Ascension and Tristan da Cunha' },
+  { code: 'kn', name: 'Saint Kitts and Nevis' },
+  { code: 'lc', name: 'Saint Lucia' },
+  { code: 'mf', name: 'Saint Martin' },
+  { code: 'pm', name: 'Saint Pierre and Miquelon' },
+  { code: 'vc', name: 'Saint Vincent and the Grenadines' },
+  { code: 'ws', name: 'Samoa' },
+  { code: 'sm', name: 'San Marino' },
+  { code: 'st', name: 'Sao Tome and Principe' },
+  { code: 'sa', name: 'Saudi Arabia' },
+  { code: 'sn', name: 'Senegal' },
+  { code: 'rs', name: 'Serbia' },
+  { code: 'sc', name: 'Seychelles' },
+  { code: 'sl', name: 'Sierra Leone' },
+  { code: 'sg', name: 'Singapore' },
+  { code: 'sx', name: 'Sint Maarten' },
+  { code: 'sk', name: 'Slovakia' },
+  { code: 'si', name: 'Slovenia' },
+  { code: 'sb', name: 'Solomon Islands' },
+  { code: 'so', name: 'Somalia' },
+  { code: 'za', name: 'South Africa' },
+  { code: 'gs', name: 'South Georgia and the South Sandwich Islands' },
+  { code: 'ss', name: 'South Sudan' },
+  { code: 'es', name: 'Spain' },
+  { code: 'lk', name: 'Sri Lanka' },
+  { code: 'sd', name: 'Sudan' },
+  { code: 'sr', name: 'Suriname' },
+  { code: 'sj', name: 'Svalbard and Jan Mayen' },
+  { code: 'sz', name: 'Swaziland' },
+  { code: 'se', name: 'Sweden' },
+  { code: 'ch', name: 'Switzerland' },
+  { code: 'sy', name: 'Syria' },
+  { code: 'tw', name: 'Taiwan' },
+  { code: 'tj', name: 'Tajikistan' },
+  { code: 'tz', name: 'Tanzania' },
+  { code: 'th', name: 'Thailand' },
+  { code: 'tl', name: 'Timor-Leste' },
+  { code: 'tg', name: 'Togo' },
+  { code: 'tk', name: 'Tokelau' },
+  { code: 'to', name: 'Tonga' },
+  { code: 'tt', name: 'Trinidad and Tobago' },
+  { code: 'tn', name: 'Tunisia' },
+  { code: 'tr', name: 'Turkey' },
+  { code: 'tm', name: 'Turkmenistan' },
+  { code: 'tc', name: 'Turks and Caicos Islands' },
+  { code: 'tv', name: 'Tuvalu' },
+  { code: 'vi', name: 'U.S. Virgin Islands' },
+  { code: 'ug', name: 'Uganda' },
+  { code: 'ua', name: 'Ukraine' },
+  { code: 'ae', name: 'United Arab Emirates' },
+  { code: 'gb', name: 'United Kingdom' },
+  { code: 'us', name: 'United States of America' },
+  { code: 'um', name: 'United States Minor Outlying Islands' },
+  { code: 'uy', name: 'Uruguay' },
+  { code: 'uz', name: 'Uzbekistan' },
+  { code: 'vu', name: 'Vanuatu' },
+  { code: 've', name: 'Venezuela' },
+  { code: 'vn', name: 'Vietnam' },
+  { code: 'wf', name: 'Wallis and Futuna' },
+  { code: 'eh', name: 'Western Sahara' },
+  { code: 'ye', name: 'Yemen' },
+  { code: 'zm', name: 'Zambia' },
+  { code: 'zw', name: 'Zimbabwe' },
+]
+
+export default countries
+export type CountryCode = typeof countries[number]['code']
diff --git a/services/web/frontend/js/features/settings/data/departments.ts b/services/web/frontend/js/features/settings/data/departments.ts
new file mode 100644
index 0000000..2c66e11
--- /dev/null
+++ b/services/web/frontend/js/features/settings/data/departments.ts
@@ -0,0 +1,78 @@
+const departments = <const>[
+  'Aeronautics & Astronautics',
+  'Anesthesia',
+  'Anthropology',
+  'Applied Physics',
+  'Art & Art History',
+  'Biochemistry',
+  'Bioengineering',
+  'Biology',
+  'Business School Library',
+  'Business, Graduate School of',
+  'Cardiothoracic Surgery',
+  'Chemical and Systems Biology',
+  'Chemical Engineering',
+  'Chemistry',
+  'Civil & Environmental Engineering',
+  'Classics',
+  'Communication',
+  'Comparative Literature',
+  'Comparative Medicine',
+  'Computer Science',
+  'Dermatology',
+  'Developmental Biology',
+  'Earth System Science',
+  'East Asian Languages and Cultures',
+  'Economics',
+  'Education, School of',
+  'Electrical Engineering',
+  'Energy Resources Engineering',
+  'English',
+  'French and Italian',
+  'Genetics',
+  'Geological Sciences',
+  'Geophysics',
+  'German Studies',
+  'Health Research & Policy',
+  'History',
+  'Iberian & Latin American Cultures',
+  'Law Library',
+  'Law School',
+  'Linguistics',
+  'Management Science & Engineering',
+  'Materials Science & Engineering',
+  'Mathematics',
+  'Mechanical Engineering',
+  'Medical Library',
+  'Medicine',
+  'Microbiology & Immunology',
+  'Molecular & Cellular Physiology',
+  'Music',
+  'Neurobiology',
+  'Neurology & Neurological Sciences',
+  'Neurosurgery',
+  'Obstetrics and Gynecology',
+  'Ophthalmology',
+  'Orthopaedic Surgery',
+  'Otolaryngology (Head and Neck Surgery)',
+  'Pathology',
+  'Pediatrics',
+  'Philosophy',
+  'Physics',
+  'Political Science',
+  'Psychiatry and Behavioral Sciences',
+  'Psychology',
+  'Radiation Oncology',
+  'Radiology',
+  'Religious Studies',
+  'Slavic Languages and Literature',
+  'Sociology',
+  'University Libraries',
+  'Statistics',
+  'Structural Biology',
+  'Surgery',
+  'Theater and Performance Studies',
+  'Urology',
+]
+
+export default departments
diff --git a/services/web/frontend/js/features/settings/data/roles.ts b/services/web/frontend/js/features/settings/data/roles.ts
new file mode 100644
index 0000000..dfeeb13
--- /dev/null
+++ b/services/web/frontend/js/features/settings/data/roles.ts
@@ -0,0 +1,15 @@
+const roles = <const>[
+  'Undergraduate Student',
+  'Masters Student (MSc, MA, ...)',
+  'Doctoral Student (PhD, EngD, ...)',
+  'Postdoc',
+  'Lecturer',
+  'Senior Lecturer',
+  'Reader',
+  'Associate Professor ',
+  'Assistant Professor ',
+  'Professor',
+  'Emeritus Professor',
+]
+
+export default roles
diff --git a/services/web/frontend/js/features/settings/domain-blocklist.ts b/services/web/frontend/js/features/settings/domain-blocklist.ts
new file mode 100644
index 0000000..4e31a5c
--- /dev/null
+++ b/services/web/frontend/js/features/settings/domain-blocklist.ts
@@ -0,0 +1,63 @@
+const domainBlocklist = ['overleaf.com']
+const commonTLDs = [
+  'br',
+  'cn',
+  'co',
+  'co.jp',
+  'co.uk',
+  'com',
+  'com.au',
+  'de',
+  'fr',
+  'in',
+  'info',
+  'io',
+  'net',
+  'no',
+  'ru',
+  'se',
+  'us',
+  'com.tw',
+  'com.br',
+  'pl',
+  'it',
+  'co.in',
+  'com.mx',
+] as const
+const commonDomains = [
+  'gmail',
+  'googlemail',
+  'icloud',
+  'me',
+  'yahoo',
+  'ymail',
+  'yahoomail',
+  'hotmail',
+  'live',
+  'msn',
+  'outlook',
+  'gmx',
+  'mail',
+  'aol',
+  '163',
+  'mac',
+  'qq',
+  'o2',
+  'libero',
+  '126',
+  'protonmail',
+  'yandex',
+  'yeah',
+  'web',
+  'foxmail',
+] as const
+
+for (const domain of commonDomains) {
+  for (const tld of commonTLDs) {
+    domainBlocklist.push(`${domain}.${tld}`)
+  }
+}
+
+export default domainBlocklist as ReadonlyArray<
+  (typeof domainBlocklist)[number]
+>
diff --git a/services/web/frontend/js/features/settings/utils/action-creators.ts b/services/web/frontend/js/features/settings/utils/action-creators.ts
new file mode 100644
index 0000000..3b5420a
--- /dev/null
+++ b/services/web/frontend/js/features/settings/utils/action-creators.ts
@@ -0,0 +1,52 @@
+import {
+  Actions,
+  ActionSetData,
+  ActionSetLoading,
+  ActionMakePrimary,
+  ActionDeleteEmail,
+  ActionSetEmailAffiliationBeingEdited,
+  ActionUpdateAffiliation,
+} from '../context/user-email-context'
+import { UserEmailData } from '../../../../../types/user-email'
+import { Nullable } from '../../../../../types/utils'
+import { Affiliation } from '../../../../../types/affiliation'
+
+export const setData = (data: UserEmailData[]): ActionSetData => ({
+  type: Actions.SET_DATA,
+  payload: data,
+})
+
+export const setLoading = (flag: boolean): ActionSetLoading => ({
+  type: Actions.SET_LOADING_STATE,
+  payload: flag,
+})
+
+export const makePrimary = (
+  email: UserEmailData['email']
+): ActionMakePrimary => ({
+  type: Actions.MAKE_PRIMARY,
+  payload: email,
+})
+
+export const deleteEmail = (
+  email: UserEmailData['email']
+): ActionDeleteEmail => ({
+  type: Actions.DELETE_EMAIL,
+  payload: email,
+})
+
+export const setEmailAffiliationBeingEdited = (
+  email: Nullable<UserEmailData['email']>
+): ActionSetEmailAffiliationBeingEdited => ({
+  type: Actions.SET_EMAIL_AFFILIATION_BEING_EDITED,
+  payload: email,
+})
+
+export const updateAffiliation = (
+  email: UserEmailData['email'],
+  role: Affiliation['role'],
+  department: Affiliation['department']
+): ActionUpdateAffiliation => ({
+  type: Actions.UPDATE_AFFILIATION,
+  payload: { email, role, department },
+})
diff --git a/services/web/frontend/js/features/settings/utils/selectors.ts b/services/web/frontend/js/features/settings/utils/selectors.ts
new file mode 100644
index 0000000..240cf49
--- /dev/null
+++ b/services/web/frontend/js/features/settings/utils/selectors.ts
@@ -0,0 +1,22 @@
+import { State } from '../context/user-email-context'
+import { UserEmailData } from '../../../../../types/user-email'
+
+export const inReconfirmNotificationPeriod = (userEmailData: UserEmailData) => {
+  return userEmailData.affiliation?.inReconfirmNotificationPeriod
+}
+
+export const institutionAlreadyLinked = (
+  state: State,
+  userEmailData: UserEmailData
+) => {
+  const institutionId = userEmailData.affiliation?.institution.id?.toString()
+
+  return institutionId !== undefined
+    ? state.data.linkedInstitutionIds.includes(institutionId)
+    : false
+}
+
+export const isChangingAffiliation = (
+  state: State,
+  email: UserEmailData['email']
+) => state.data.emailAffiliationBeingEdited === email
diff --git a/services/web/frontend/js/features/settings/utils/sso.ts b/services/web/frontend/js/features/settings/utils/sso.ts
new file mode 100644
index 0000000..f667d59
--- /dev/null
+++ b/services/web/frontend/js/features/settings/utils/sso.ts
@@ -0,0 +1,27 @@
+import getMeta from '../../../utils/meta'
+import { DomainInfo } from '../components/emails/add-email/input'
+import { Institution } from '../../../../../types/institution'
+
+export const ssoAvailableForDomain = (
+  domain: DomainInfo | null
+): domain is DomainInfo => {
+  const { hasSamlBeta, hasSamlFeature } = getMeta('ol-ExposedSettings')
+  if (!hasSamlFeature || !domain || !domain.confirmed || !domain.university) {
+    return false
+  }
+  if (domain.university.ssoEnabled) {
+    return true
+  }
+  return Boolean(hasSamlBeta && domain.university.ssoBeta)
+}
+
+export const ssoAvailableForInstitution = (institution: Institution | null) => {
+  const { hasSamlBeta, hasSamlFeature } = getMeta('ol-ExposedSettings')
+  if (!hasSamlFeature || !institution || !institution.confirmed) {
+    return false
+  }
+  if (institution.ssoEnabled) {
+    return true
+  }
+  return hasSamlBeta && institution.ssoBeta
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/access-levels-changed.tsx b/services/web/frontend/js/features/share-project-modal/components/access-levels-changed.tsx
new file mode 100644
index 0000000..37c9259
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/access-levels-changed.tsx
@@ -0,0 +1,84 @@
+import { useTranslation } from 'react-i18next'
+import Notification from '@/shared/components/notification'
+import { upgradePlan } from '@/main/account-upgrade'
+import { useProjectContext } from '@/shared/context/project-context'
+import { useUserContext } from '@/shared/context/user-context'
+import { sendMB } from '@/infrastructure/event-tracking'
+import StartFreeTrialButton from '@/shared/components/start-free-trial-button'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+type AccessLevelsChangedProps = {
+  somePendingEditorsResolved: boolean
+}
+export default function AccessLevelsChanged({
+  somePendingEditorsResolved,
+}: AccessLevelsChangedProps) {
+  const { t } = useTranslation()
+  const { features } = useProjectContext()
+  const user = useUserContext()
+
+  return (
+    <div className="add-collaborators-upgrade">
+      <Notification
+        isActionBelowContent
+        type={somePendingEditorsResolved ? 'info' : 'warning'}
+        title={
+          somePendingEditorsResolved
+            ? t('select_access_levels')
+            : t('access_levels_changed')
+        }
+        content={
+          somePendingEditorsResolved ? (
+            <p>{t('your_project_exceeded_collaborator_limit')}</p>
+          ) : (
+            <p>
+              {t('this_project_exceeded_collaborator_limit')}{' '}
+              {t('you_can_select_or_invite_collaborator', {
+                count: features.collaborators,
+              })}
+            </p>
+          )
+        }
+        action={
+          <div className="upgrade-actions">
+            {user.allowedFreeTrial ? (
+              <StartFreeTrialButton
+                buttonProps={{ variant: 'secondary', size: 'sm' }}
+                source="project-sharing"
+                variant="exceeds"
+              >
+                {t('upgrade')}
+              </StartFreeTrialButton>
+            ) : (
+              <OLButton
+                variant="secondary"
+                size="sm"
+                onClick={() => {
+                  upgradePlan('project-sharing')
+                }}
+              >
+                {t('upgrade')}
+              </OLButton>
+            )}
+            <OLButton
+              variant="link"
+              size="sm"
+              href="https://www.overleaf.com/blog/changes-to-project-sharing"
+              target="_blank"
+              rel="noreferrer"
+              onClick={() => {
+                sendMB('paywall-info-click', {
+                  'paywall-type': 'project-sharing',
+                  content: 'blog',
+                  variant: 'exceeds',
+                })
+              }}
+            >
+              {t('read_more')}
+            </OLButton>
+          </div>
+        }
+      />
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/add-collaborators-upgrade.tsx b/services/web/frontend/js/features/share-project-modal/components/add-collaborators-upgrade.tsx
new file mode 100644
index 0000000..9ecb7d5
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/add-collaborators-upgrade.tsx
@@ -0,0 +1,74 @@
+import { useTranslation } from 'react-i18next'
+import Notification from '@/shared/components/notification'
+import { upgradePlan } from '@/main/account-upgrade'
+import { linkSharingEnforcementDate } from '../utils/link-sharing'
+import { useProjectContext } from '@/shared/context/project-context'
+import { useUserContext } from '@/shared/context/user-context'
+import { sendMB } from '@/infrastructure/event-tracking'
+import StartFreeTrialButton from '@/shared/components/start-free-trial-button'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export default function AddCollaboratorsUpgrade() {
+  const { t } = useTranslation()
+  const { features } = useProjectContext()
+  const user = useUserContext()
+
+  return (
+    <div className="add-collaborators-upgrade">
+      <Notification
+        isActionBelowContent
+        type="warning"
+        title={t('editor_limit_exceeded_in_this_project')}
+        content={
+          <p>
+            {t('your_plan_is_limited_to_n_editors', {
+              count: features.collaborators,
+            })}{' '}
+            {t('from_enforcement_date', {
+              enforcementDate: linkSharingEnforcementDate,
+            })}
+          </p>
+        }
+        action={
+          <div className="upgrade-actions">
+            {user.allowedFreeTrial ? (
+              <StartFreeTrialButton
+                buttonProps={{ variant: 'secondary', size: 'sm' }}
+                source="project-sharing"
+                variant="exceeds"
+              >
+                {t('upgrade')}
+              </StartFreeTrialButton>
+            ) : (
+              <OLButton
+                variant="secondary"
+                size="sm"
+                onClick={() => {
+                  upgradePlan('project-sharing')
+                }}
+              >
+                {t('upgrade')}
+              </OLButton>
+            )}
+            <OLButton
+              variant="link"
+              size="sm"
+              href="https://www.overleaf.com/blog/changes-to-project-sharing"
+              target="_blank"
+              rel="noreferrer"
+              onClick={() => {
+                sendMB('paywall-info-click', {
+                  'paywall-type': 'project-sharing',
+                  content: 'blog',
+                  variant: 'exceeds',
+                })
+              }}
+            >
+              {t('read_more')}
+            </OLButton>
+          </div>
+        }
+      />
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/add-collaborators.jsx b/services/web/frontend/js/features/share-project-modal/components/add-collaborators.jsx
new file mode 100644
index 0000000..cad9d03
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/add-collaborators.jsx
@@ -0,0 +1,246 @@
+import { useEffect, useState, useMemo, useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useMultipleSelection } from 'downshift'
+import { useShareProjectContext } from './share-project-modal'
+import SelectCollaborators from './select-collaborators'
+import { resendInvite, sendInvite } from '../utils/api'
+import { useUserContacts } from '../hooks/use-user-contacts'
+import useIsMounted from '@/shared/hooks/use-is-mounted'
+import { useProjectContext } from '@/shared/context/project-context'
+import { sendMB } from '@/infrastructure/event-tracking'
+import ClickableElementEnhancer from '@/shared/components/clickable-element-enhancer'
+import PropTypes from 'prop-types'
+import OLForm from '@/features/ui/components/ol/ol-form'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import { Select } from '@/shared/components/select'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import getMeta from '@/utils/meta'
+
+export default function AddCollaborators({ readOnly }) {
+  const [privileges, setPrivileges] = useState('readAndWrite')
+
+  const isMounted = useIsMounted()
+
+  const { data: contacts } = useUserContacts()
+
+  const { t } = useTranslation()
+
+  const { updateProject, setInFlight, setError } = useShareProjectContext()
+
+  const { _id: projectId, members, invites, features } = useProjectContext()
+
+  const currentMemberEmails = useMemo(
+    () => (members || []).map(member => member.email).sort(),
+    [members]
+  )
+
+  const nonMemberContacts = useMemo(() => {
+    if (!contacts) {
+      return null
+    }
+
+    return contacts.filter(
+      contact => !currentMemberEmails.includes(contact.email)
+    )
+  }, [contacts, currentMemberEmails])
+
+  const multipleSelectionProps = useMultipleSelection({
+    initialActiveIndex: 0,
+    initialSelectedItems: [],
+  })
+
+  const { reset, selectedItems } = multipleSelectionProps
+
+  useEffect(() => {
+    if (readOnly && privileges !== 'readOnly') {
+      setPrivileges('readOnly')
+    }
+  }, [privileges, readOnly])
+
+  const handleSubmit = useCallback(async () => {
+    if (!selectedItems.length) {
+      return
+    }
+
+    // reset the selected items
+    reset()
+
+    setError(undefined)
+    setInFlight(true)
+
+    for (const contact of selectedItems) {
+      // unmounting means can't add any more collaborators
+      if (!isMounted.current) {
+        break
+      }
+
+      const email = contact.type === 'user' ? contact.email : contact.display
+      const normalisedEmail = email.toLowerCase()
+
+      if (currentMemberEmails.includes(normalisedEmail)) {
+        continue
+      }
+
+      let data
+
+      try {
+        const invite = (invites || []).find(
+          invite => invite.email === normalisedEmail
+        )
+
+        if (invite) {
+          data = await resendInvite(projectId, invite)
+        } else {
+          data = await sendInvite(projectId, email, privileges)
+        }
+
+        const role = data?.invite?.privileges
+        const membersAndInvites = (members || []).concat(invites || [])
+        const previousEditorsAmount = membersAndInvites.filter(
+          member => member.privileges === 'readAndWrite'
+        ).length
+        const previousReviewersAmount = membersAndInvites.filter(
+          member => member.privileges === 'review'
+        ).length
+        const previousViewersAmount = membersAndInvites.filter(
+          member => member.privileges === 'readOnly'
+        ).length
+
+        sendMB('collaborator-invited', {
+          project_id: projectId,
+          // invitation is only populated on successful invite, meaning that for paywall and other cases this will be null
+          successful_invite: !!data.invite,
+          users_updated: !!(data.users || data.user),
+          current_collaborators_amount: members.length,
+          current_invites_amount: invites.length,
+          role,
+          previousEditorsAmount,
+          previousReviewersAmount,
+          previousViewersAmount,
+          newEditorsAmount:
+            role === 'readAndWrite'
+              ? previousEditorsAmount + 1
+              : previousEditorsAmount,
+          newReviewersAmount:
+            role === 'review'
+              ? previousReviewersAmount + 1
+              : previousReviewersAmount,
+          newViewersAmount:
+            role === 'readOnly'
+              ? previousViewersAmount + 1
+              : previousViewersAmount,
+        })
+      } catch (error) {
+        setInFlight(false)
+        setError(
+          error.data?.errorReason ||
+            (error.response?.status === 429
+              ? 'too_many_requests'
+              : 'generic_something_went_wrong')
+        )
+        break
+      }
+
+      if (data.error) {
+        setError(data.error)
+        setInFlight(false)
+      } else if (data.invite) {
+        updateProject({
+          invites: invites.concat(data.invite),
+        })
+      } else if (data.users) {
+        updateProject({
+          members: members.concat(data.users),
+        })
+      } else if (data.user) {
+        updateProject({
+          members: members.concat(data.user),
+        })
+      }
+
+      // wait for a short time, so canAddCollaborators has time to update with new collaborator information
+      await new Promise(resolve => setTimeout(resolve, 100))
+    }
+
+    setInFlight(false)
+  }, [
+    currentMemberEmails,
+    invites,
+    isMounted,
+    members,
+    privileges,
+    projectId,
+    reset,
+    selectedItems,
+    setError,
+    setInFlight,
+    updateProject,
+  ])
+
+  const privilegeOptions = useMemo(() => {
+    const options = [
+      {
+        key: 'readAndWrite',
+        label: t('editor'),
+      },
+    ]
+
+    if (getMeta('ol-isReviewerRoleEnabled')) {
+      options.push({
+        key: 'review',
+        label: t('reviewer'),
+        description: !features.trackChanges
+          ? t('comment_only_upgrade_for_track_changes')
+          : null,
+      })
+    }
+
+    options.push({
+      key: 'readOnly',
+      label: t('viewer'),
+    })
+
+    return options
+  }, [features.trackChanges, t])
+
+  return (
+    <OLForm className="add-collabs">
+      <OLFormGroup>
+        <SelectCollaborators
+          loading={!nonMemberContacts}
+          options={nonMemberContacts || []}
+          placeholder="Email, comma separated"
+          multipleSelectionProps={multipleSelectionProps}
+        />
+      </OLFormGroup>
+
+      <OLFormGroup>
+        <div className="pull-right add-collaborator-controls">
+          <Select
+            dataTestId="add-collaborator-select"
+            items={privilegeOptions}
+            itemToKey={item => item.key}
+            itemToString={item => item.label}
+            itemToSubtitle={item => item.description || ''}
+            itemToDisabled={item => readOnly && item.key !== 'readOnly'}
+            selected={privilegeOptions.find(
+              option => option.key === privileges
+            )}
+            onSelectedItemChanged={item => setPrivileges(item.key)}
+          />
+          <ClickableElementEnhancer
+            as={OLButton}
+            onClick={handleSubmit}
+            variant="primary"
+          >
+            {t('invite')}
+          </ClickableElementEnhancer>
+        </div>
+      </OLFormGroup>
+    </OLForm>
+  )
+}
+
+AddCollaborators.propTypes = {
+  readOnly: PropTypes.bool,
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/collaborators-limit-upgrade.tsx b/services/web/frontend/js/features/share-project-modal/components/collaborators-limit-upgrade.tsx
new file mode 100644
index 0000000..4b63c63
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/collaborators-limit-upgrade.tsx
@@ -0,0 +1,50 @@
+import { useTranslation } from 'react-i18next'
+import Notification from '@/shared/components/notification'
+import { upgradePlan } from '@/main/account-upgrade'
+import { useUserContext } from '@/shared/context/user-context'
+import StartFreeTrialButton from '@/shared/components/start-free-trial-button'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import addMoreEditorsImage from '../images/add-more-editors.svg'
+
+export default function CollaboratorsLimitUpgrade() {
+  const { t } = useTranslation()
+  const user = useUserContext()
+
+  return (
+    <div className="invite-warning">
+      <Notification
+        type="info"
+        customIcon={<img src={addMoreEditorsImage} alt="" aria-hidden="true" />}
+        title={t('add_more_collaborators')}
+        content={
+          <p>
+            {t(
+              'upgrade_to_add_more_collaborators_and_access_collaboration_features'
+            )}
+          </p>
+        }
+        isActionBelowContent
+        action={
+          user.allowedFreeTrial ? (
+            <StartFreeTrialButton
+              buttonProps={{ variant: 'premium' }}
+              source="project-sharing"
+              variant="limit"
+            >
+              {t('upgrade')}
+            </StartFreeTrialButton>
+          ) : (
+            <OLButton
+              variant="premium"
+              onClick={() => {
+                upgradePlan('project-sharing')
+              }}
+            >
+              {t('upgrade')}
+            </OLButton>
+          )
+        }
+      />
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/edit-member.tsx b/services/web/frontend/js/features/share-project-modal/components/edit-member.tsx
new file mode 100644
index 0000000..45a04dd
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/edit-member.tsx
@@ -0,0 +1,368 @@
+import { useState, useEffect, useMemo } from 'react'
+import PropTypes from 'prop-types'
+import { Trans, useTranslation } from 'react-i18next'
+import { useShareProjectContext } from './share-project-modal'
+import TransferOwnershipModal from './transfer-ownership-modal'
+import { removeMemberFromProject, updateMember } from '../utils/api'
+import { useProjectContext } from '@/shared/context/project-context'
+import { sendMB } from '@/infrastructure/event-tracking'
+import { Select } from '@/shared/components/select'
+import type { ProjectContextMember } from '@/shared/context/types/project-context'
+import { PermissionsLevel } from '@/features/ide-react/types/permissions'
+import { linkSharingEnforcementDate } from '../utils/link-sharing'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import MaterialIcon from '@/shared/components/material-icon'
+import getMeta from '@/utils/meta'
+import { useUserContext } from '@/shared/context/user-context'
+import { isSplitTestEnabled } from '@/utils/splitTestUtils'
+import { upgradePlan } from '@/main/account-upgrade'
+
+type PermissionsOption = PermissionsLevel | 'removeAccess' | 'downgraded'
+
+type EditMemberProps = {
+  member: ProjectContextMember
+  hasExceededCollaboratorLimit: boolean
+  hasBeenDowngraded: boolean
+  canAddCollaborators: boolean
+  isReviewerOnFreeProject?: boolean
+}
+
+type Privilege = {
+  key: PermissionsOption
+  label: string
+}
+
+export default function EditMember({
+  member,
+  hasExceededCollaboratorLimit,
+  hasBeenDowngraded,
+  canAddCollaborators,
+  isReviewerOnFreeProject,
+}: EditMemberProps) {
+  const [privileges, setPrivileges] = useState<PermissionsOption>(
+    member.privileges
+  )
+  const [confirmingOwnershipTransfer, setConfirmingOwnershipTransfer] =
+    useState(false)
+  const [privilegeChangePending, setPrivilegeChangePending] = useState(false)
+  const { t } = useTranslation()
+
+  // update the local state if the member's privileges change externally
+  useEffect(() => {
+    setPrivileges(member.privileges)
+  }, [member.privileges])
+
+  const { updateProject, monitorRequest } = useShareProjectContext()
+  const { _id: projectId, members, invites } = useProjectContext()
+  const user = useUserContext()
+
+  // Immediately commit this change if it's lower impact (eg. editor > viewer)
+  // but show a confirmation button for removing access
+  function handlePrivilegeChange(newPrivileges: PermissionsOption) {
+    sendMB('collaborator-role-change', {
+      previousMode: member.privileges,
+      newMode: newPrivileges,
+      ownerId: user.id,
+    })
+
+    setPrivileges(newPrivileges)
+    if (newPrivileges !== 'removeAccess') {
+      commitPrivilegeChange(newPrivileges)
+    } else {
+      setPrivilegeChangePending(true)
+    }
+  }
+
+  function shouldWarnMember() {
+    return (
+      hasExceededCollaboratorLimit &&
+      ['readAndWrite', 'review'].includes(privileges)
+    )
+  }
+
+  function commitPrivilegeChange(newPrivileges: PermissionsOption) {
+    setPrivileges(newPrivileges)
+    setPrivilegeChangePending(false)
+
+    if (newPrivileges === 'owner') {
+      setConfirmingOwnershipTransfer(true)
+    } else if (newPrivileges === 'removeAccess') {
+      monitorRequest(() => removeMemberFromProject(projectId, member)).then(
+        () => {
+          const updatedMembers = members.filter(existing => existing !== member)
+          updateProject({
+            members: updatedMembers,
+          })
+          sendMB('collaborator-removed', {
+            project_id: projectId,
+            current_collaborators_amount: updatedMembers.length,
+            current_invites_amount: invites.length,
+          })
+        }
+      )
+    } else if (
+      newPrivileges === 'readAndWrite' ||
+      newPrivileges === 'review' ||
+      newPrivileges === 'readOnly'
+    ) {
+      monitorRequest(() =>
+        updateMember(projectId, member, {
+          privilegeLevel: newPrivileges,
+        })
+      ).then(() => {
+        updateProject({
+          members: members.map(item =>
+            item._id === member._id ? { ...item, newPrivileges } : item
+          ),
+        })
+      })
+    }
+  }
+
+  if (confirmingOwnershipTransfer) {
+    return (
+      <TransferOwnershipModal
+        member={member}
+        cancel={() => {
+          setConfirmingOwnershipTransfer(false)
+          setPrivileges(member.privileges)
+        }}
+      />
+    )
+  }
+
+  const confirmRemoval =
+    privileges !== member.privileges && privilegeChangePending
+
+  return (
+    <form
+      id="share-project-form"
+      onSubmit={e => {
+        e.preventDefault()
+        if (privilegeChangePending) {
+          commitPrivilegeChange(privileges)
+        }
+      }}
+    >
+      <OLFormGroup className="project-member row">
+        <OLCol xs={8}>
+          <div className="project-member-email-icon">
+            <MaterialIcon
+              type={
+                shouldWarnMember() ||
+                member.pendingEditor ||
+                member.pendingReviewer
+                  ? 'warning'
+                  : 'person'
+              }
+              className={
+                shouldWarnMember() ||
+                member.pendingEditor ||
+                member.pendingReviewer
+                  ? 'project-member-warning'
+                  : undefined
+              }
+            />
+            <div className="email-warning">
+              {member.email}
+              {member.pendingEditor && (
+                <div className="subtitle">{t('view_only_downgraded')}</div>
+              )}
+              {member.pendingReviewer && (
+                <div className="subtitle">
+                  {t('view_only_reviewer_downgraded')}
+                </div>
+              )}
+              {shouldWarnMember() && (
+                <div className="subtitle">
+                  {t('will_lose_edit_access_on_date', {
+                    date: linkSharingEnforcementDate,
+                  })}
+                </div>
+              )}
+              {isReviewerOnFreeProject && (
+                <div className="small">
+                  <Trans
+                    i18nKey="comment_only_upgrade_to_enable_track_changes"
+                    components={[
+                      // eslint-disable-next-line react/jsx-key
+                      <OLButton
+                        variant="link"
+                        className="btn-inline-link"
+                        onClick={() => upgradePlan('track-changes')}
+                      />,
+                    ]}
+                  />
+                </div>
+              )}
+            </div>
+          </div>
+        </OLCol>
+
+        <OLCol xs={4} className="project-member-actions">
+          {confirmRemoval && (
+            <ChangePrivilegesActions
+              handleReset={() => setPrivileges(member.privileges)}
+            />
+          )}
+
+          <div className="project-member-select">
+            {hasBeenDowngraded && !confirmRemoval && (
+              <MaterialIcon type="warning" className="project-member-warning" />
+            )}
+
+            <SelectPrivilege
+              value={privileges}
+              handleChange={value => {
+                if (value) {
+                  handlePrivilegeChange(value.key)
+                }
+              }}
+              hasBeenDowngraded={hasBeenDowngraded && !confirmRemoval}
+              canAddCollaborators={canAddCollaborators}
+            />
+          </div>
+        </OLCol>
+      </OLFormGroup>
+    </form>
+  )
+}
+EditMember.propTypes = {
+  member: PropTypes.shape({
+    _id: PropTypes.string.isRequired,
+    email: PropTypes.string.isRequired,
+    privileges: PropTypes.string.isRequired,
+  }),
+  hasExceededCollaboratorLimit: PropTypes.bool.isRequired,
+  canAddCollaborators: PropTypes.bool.isRequired,
+}
+
+type SelectPrivilegeProps = {
+  value: string
+  handleChange: (item: Privilege | null | undefined) => void
+  hasBeenDowngraded: boolean
+  canAddCollaborators: boolean
+}
+
+function SelectPrivilege({
+  value,
+  handleChange,
+  hasBeenDowngraded,
+  canAddCollaborators,
+}: SelectPrivilegeProps) {
+  const { t } = useTranslation()
+  const { features } = useProjectContext()
+
+  const privileges = useMemo(
+    (): Privilege[] =>
+      getMeta('ol-isReviewerRoleEnabled')
+        ? [
+            { key: 'owner', label: t('make_owner') },
+            { key: 'readAndWrite', label: t('editor') },
+            { key: 'review', label: t('reviewer') },
+            { key: 'readOnly', label: t('viewer') },
+            { key: 'removeAccess', label: t('remove_access') },
+          ]
+        : [
+            { key: 'owner', label: t('make_owner') },
+            { key: 'readAndWrite', label: t('editor') },
+            { key: 'readOnly', label: t('viewer') },
+            { key: 'removeAccess', label: t('remove_access') },
+          ],
+    [t]
+  )
+
+  const downgradedPseudoPrivilege: Privilege = {
+    key: 'downgraded',
+    label: t('select_access_level'),
+  }
+
+  function getPrivilegeSubtitle(privilege: PermissionsOption) {
+    if (!['readAndWrite', 'review'].includes(privilege)) {
+      return ''
+    }
+
+    if (hasBeenDowngraded) {
+      if (isSplitTestEnabled('reviewer-role')) {
+        return t('limited_to_n_collaborators_per_project', {
+          count: features.collaborators,
+        })
+      } else {
+        return t('limited_to_n_editors', { count: features.collaborators })
+      }
+    } else if (
+      !canAddCollaborators &&
+      !['readAndWrite', 'review'].includes(value)
+    ) {
+      if (isSplitTestEnabled('reviewer-role')) {
+        return t('limited_to_n_collaborators_per_project', {
+          count: features.collaborators,
+        })
+      } else {
+        return t('limited_to_n_editors_per_project', {
+          count: features.collaborators,
+        })
+      }
+    } else {
+      return ''
+    }
+  }
+
+  function isPrivilegeDisabled(privilege: PermissionsOption) {
+    return (
+      !canAddCollaborators &&
+      ['readAndWrite', 'review'].includes(privilege) &&
+      (hasBeenDowngraded || !['readAndWrite', 'review'].includes(value))
+    )
+  }
+
+  return (
+    <Select
+      items={privileges}
+      itemToKey={item => item.key}
+      itemToString={item => (item ? item.label : '')}
+      itemToSubtitle={item => (item ? getPrivilegeSubtitle(item.key) : '')}
+      itemToDisabled={item => (item ? isPrivilegeDisabled(item.key) : false)}
+      defaultItem={privileges.find(item => item.key === value)}
+      selected={
+        hasBeenDowngraded
+          ? downgradedPseudoPrivilege
+          : privileges.find(item => item.key === value)
+      }
+      name="privileges"
+      onSelectedItemChanged={handleChange}
+      selectedIcon
+    />
+  )
+}
+
+type ChangePrivilegesActionsProps = {
+  handleReset: React.ComponentProps<typeof OLButton>['onClick']
+}
+
+function ChangePrivilegesActions({
+  handleReset,
+}: ChangePrivilegesActionsProps) {
+  const { t } = useTranslation()
+
+  return (
+    <div className="text-center">
+      <OLButton type="submit" size="sm" variant="primary">
+        {t('change_or_cancel-change')}
+      </OLButton>
+      <div className="text-sm">
+        {t('change_or_cancel-or')}
+        &nbsp;
+        <OLButton
+          variant="link"
+          className="btn-inline-link"
+          onClick={handleReset}
+        >
+          {t('change_or_cancel-cancel')}
+        </OLButton>
+      </div>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/editor-over-limit-modal-content.tsx b/services/web/frontend/js/features/share-project-modal/components/editor-over-limit-modal-content.tsx
new file mode 100644
index 0000000..348798f
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/editor-over-limit-modal-content.tsx
@@ -0,0 +1,65 @@
+import { useTranslation } from 'react-i18next'
+import { linkSharingEnforcementDate } from '../utils/link-sharing'
+import { sendMB } from '@/infrastructure/event-tracking'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+
+type EditorOverLimitModalContentProps = {
+  handleHide: () => void
+}
+
+export default function EditorOverLimitModalContent({
+  handleHide,
+}: EditorOverLimitModalContentProps) {
+  const { t } = useTranslation()
+
+  return (
+    <>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('do_you_need_edit_access')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        <p>
+          {t('this_project_has_more_than_max_collabs', {
+            linkSharingDate: linkSharingEnforcementDate,
+          })}
+        </p>
+        <p>{t('to_keep_edit_access')}</p>
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton
+          variant="secondary"
+          href="/blog/changes-to-project-sharing"
+          target="_blank"
+          rel="noreferrer"
+          onClick={() => {
+            sendMB('notification-click', {
+              name: 'link-sharing-collaborator-limit',
+              button: 'learn',
+            })
+          }}
+        >
+          {t('learn_more')}
+        </OLButton>
+        <OLButton
+          variant="primary"
+          onClick={() => {
+            sendMB('notification-click', {
+              name: 'link-sharing-collaborator-limit',
+              button: 'ok',
+            })
+            handleHide()
+          }}
+        >
+          {t('ok')}
+        </OLButton>
+      </OLModalFooter>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/editor-over-limit-modal.tsx b/services/web/frontend/js/features/share-project-modal/components/editor-over-limit-modal.tsx
new file mode 100644
index 0000000..2764a57
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/editor-over-limit-modal.tsx
@@ -0,0 +1,73 @@
+import { useEffect, useState } from 'react'
+import EditorOverLimitModalContent from './editor-over-limit-modal-content'
+import customLocalStorage from '@/infrastructure/local-storage'
+import { useProjectContext } from '@/shared/context/project-context'
+import { useEditorContext } from '@/shared/context/editor-context'
+import { sendMB } from '@/infrastructure/event-tracking'
+import OLModal from '@/features/ui/components/ol/ol-modal'
+
+const EditorOverLimitModal = () => {
+  const [show, setShow] = useState(false)
+
+  const { isProjectOwner, permissionsLevel } = useEditorContext()
+  const { members, features, _id: projectId } = useProjectContext()
+
+  const handleHide = () => {
+    setShow(false)
+  }
+
+  // show the over-limit warning if user
+  // is editor on a project over
+  // collaborator limit (once every 24 hours)
+  useEffect(() => {
+    const showModalCooldownHours = 24
+    const hasExceededCollaboratorLimit = () => {
+      if (isProjectOwner || !features || permissionsLevel === 'readOnly') {
+        return false
+      }
+
+      if (features.collaborators === -1) {
+        return false
+      }
+      return (
+        members.filter(member => member.privileges === 'readAndWrite').length >
+        (features.collaborators ?? 1)
+      )
+    }
+
+    if (hasExceededCollaboratorLimit()) {
+      const localStorageKey = `last-shown-need-edit-modal.${projectId}`
+      const lastShownNeedEditModalTime =
+        customLocalStorage.getItem(localStorageKey)
+      if (
+        !lastShownNeedEditModalTime ||
+        lastShownNeedEditModalTime + showModalCooldownHours * 60 * 60 * 1000 <
+          Date.now()
+      ) {
+        setShow(true)
+        customLocalStorage.setItem(localStorageKey, Date.now())
+        sendMB('notification-prompt', {
+          name: 'link-sharing-collaborator-limit',
+        })
+      }
+    }
+  }, [features, isProjectOwner, members, permissionsLevel, projectId])
+
+  return show ? (
+    <OLModal
+      animation
+      show={show}
+      onHide={() => {
+        sendMB('notification-dismiss', {
+          name: 'link-sharing-collaborator-limit',
+        })
+        handleHide()
+      }}
+      id="editor-over-limit-modal"
+    >
+      <EditorOverLimitModalContent handleHide={handleHide} />
+    </OLModal>
+  ) : null
+}
+
+export default EditorOverLimitModal
diff --git a/services/web/frontend/js/features/share-project-modal/components/invite.jsx b/services/web/frontend/js/features/share-project-modal/components/invite.jsx
new file mode 100644
index 0000000..3ca6f60
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/invite.jsx
@@ -0,0 +1,132 @@
+import { useCallback } from 'react'
+import PropTypes from 'prop-types'
+import { useShareProjectContext } from './share-project-modal'
+import { useTranslation } from 'react-i18next'
+import MemberPrivileges from './member-privileges'
+import { resendInvite, revokeInvite } from '../utils/api'
+import { useProjectContext } from '@/shared/context/project-context'
+import { sendMB } from '@/infrastructure/event-tracking'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import MaterialIcon from '@/shared/components/material-icon'
+
+export default function Invite({ invite, isProjectOwner }) {
+  const { t } = useTranslation()
+  return (
+    <OLRow className="project-invite">
+      <OLCol xs={8}>
+        <div>{invite.email}</div>
+        <div className="small">
+          {t('invite_not_accepted')}
+          .&nbsp;
+          {isProjectOwner && <ResendInvite invite={invite} />}
+        </div>
+      </OLCol>
+
+      <OLCol xs={3} className="text-end">
+        <MemberPrivileges privileges={invite.privileges} />
+      </OLCol>
+
+      {isProjectOwner && (
+        <OLCol xs={1} className="text-center">
+          <RevokeInvite invite={invite} />
+        </OLCol>
+      )}
+    </OLRow>
+  )
+}
+
+Invite.propTypes = {
+  invite: PropTypes.object.isRequired,
+  isProjectOwner: PropTypes.bool.isRequired,
+}
+
+function ResendInvite({ invite }) {
+  const { t } = useTranslation()
+  const { monitorRequest, setError, inFlight } = useShareProjectContext()
+  const { _id: projectId } = useProjectContext()
+
+  // const buttonRef = useRef(null)
+  //
+  const handleClick = useCallback(
+    () =>
+      monitorRequest(() => resendInvite(projectId, invite))
+        .catch(error => {
+          if (error?.response?.status === 404) {
+            setError('invite_expired')
+          }
+          if (error?.response?.status === 429) {
+            setError('invite_resend_limit_hit')
+          }
+        })
+        .finally(() => {
+          // NOTE: disabled as react-bootstrap v0.33.1 isn't forwarding the ref to the `button`
+          // if (buttonRef.current) {
+          //   buttonRef.current.blur()
+          // }
+          document.activeElement.blur()
+        }),
+    [invite, monitorRequest, projectId, setError]
+  )
+
+  return (
+    <OLButton
+      variant="link"
+      className="btn-inline-link"
+      onClick={handleClick}
+      disabled={inFlight}
+      // ref={buttonRef}
+    >
+      {t('resend')}
+    </OLButton>
+  )
+}
+
+ResendInvite.propTypes = {
+  invite: PropTypes.object.isRequired,
+}
+
+function RevokeInvite({ invite }) {
+  const { t } = useTranslation()
+  const { updateProject, monitorRequest } = useShareProjectContext()
+  const { _id: projectId, invites, members } = useProjectContext()
+
+  function handleClick(event) {
+    event.preventDefault()
+
+    monitorRequest(() => revokeInvite(projectId, invite)).then(() => {
+      const updatedInvites = invites.filter(existing => existing !== invite)
+      updateProject({
+        invites: updatedInvites,
+      })
+      sendMB('collaborator-invite-revoked', {
+        project_id: projectId,
+        current_invites_amount: updatedInvites.length,
+        current_collaborators_amount: members.length,
+      })
+    })
+  }
+
+  return (
+    <OLTooltip
+      id="revoke-invite"
+      description={t('revoke_invite')}
+      overlayProps={{ placement: 'bottom' }}
+    >
+      <OLButton
+        variant="link"
+        onClick={handleClick}
+        aria-label={t('revoke')}
+        className="btn-inline-link text-decoration-none"
+      >
+        <MaterialIcon type="clear" />
+      </OLButton>
+    </OLTooltip>
+  )
+}
+
+RevokeInvite.propTypes = {
+  invite: PropTypes.object.isRequired,
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/link-sharing.jsx b/services/web/frontend/js/features/share-project-modal/components/link-sharing.jsx
new file mode 100644
index 0000000..4e9e60c
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/link-sharing.jsx
@@ -0,0 +1,315 @@
+import { useCallback, useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+import { useTranslation } from 'react-i18next'
+import { useShareProjectContext } from './share-project-modal'
+import { setProjectAccessLevel } from '../utils/api'
+import { CopyToClipboard } from '@/shared/components/copy-to-clipboard'
+import { useProjectContext } from '@/shared/context/project-context'
+import * as eventTracking from '../../../infrastructure/event-tracking'
+import { useUserContext } from '@/shared/context/user-context'
+import { sendMB } from '../../../infrastructure/event-tracking'
+import { getJSON } from '../../../infrastructure/fetch-json'
+import useAbortController from '@/shared/hooks/use-abort-controller'
+import { debugConsole } from '@/utils/debugging'
+import getMeta from '@/utils/meta'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '@/shared/components/material-icon'
+
+export default function LinkSharing() {
+  const [inflight, setInflight] = useState(false)
+  const [showLinks, setShowLinks] = useState(true)
+
+  const { monitorRequest } = useShareProjectContext()
+
+  const { _id: projectId, publicAccessLevel } = useProjectContext()
+
+  // set the access level of a project
+  const setAccessLevel = useCallback(
+    newPublicAccessLevel => {
+      setInflight(true)
+      sendMB('link-sharing-click-off', {
+        project_id: projectId,
+      })
+      monitorRequest(() =>
+        setProjectAccessLevel(projectId, newPublicAccessLevel)
+      )
+        .then(() => {
+          // NOTE: not calling `updateProject` here as it receives data via
+          // project:publicAccessLevel:changed over the websocket connection
+          // TODO: eventTracking.sendMB('project-make-token-based') when newPublicAccessLevel is 'tokenBased'
+        })
+        .finally(() => {
+          setInflight(false)
+        })
+    },
+    [monitorRequest, projectId]
+  )
+
+  switch (publicAccessLevel) {
+    // Private (with token-access available)
+    case 'private':
+      return (
+        <PrivateSharing
+          setAccessLevel={setAccessLevel}
+          inflight={inflight}
+          projectId={projectId}
+          setShowLinks={setShowLinks}
+        />
+      )
+
+    // Token-based access
+    case 'tokenBased':
+      return (
+        <TokenBasedSharing
+          setAccessLevel={setAccessLevel}
+          inflight={inflight}
+          setShowLinks={setShowLinks}
+          showLinks={showLinks}
+        />
+      )
+
+    // Legacy public-access
+    case 'readAndWrite':
+    case 'readOnly':
+      return (
+        <LegacySharing
+          setAccessLevel={setAccessLevel}
+          accessLevel={publicAccessLevel}
+          inflight={inflight}
+        />
+      )
+
+    default:
+      return null
+  }
+}
+
+function PrivateSharing({ setAccessLevel, inflight, projectId, setShowLinks }) {
+  const { t } = useTranslation()
+  return (
+    <OLRow className="public-access-level">
+      <OLCol xs={12} className="text-center">
+        <strong>{t('link_sharing_is_off_short')}</strong>
+        <span>&nbsp;&nbsp;</span>
+        <OLButton
+          variant="link"
+          className="btn-inline-link"
+          onClick={() => {
+            setAccessLevel('tokenBased')
+            eventTracking.sendMB('link-sharing-click', { projectId })
+            setShowLinks(true)
+          }}
+          disabled={inflight}
+        >
+          {t('turn_on_link_sharing')}
+        </OLButton>
+        <span>&nbsp;&nbsp;</span>
+        <LinkSharingInfo />
+      </OLCol>
+    </OLRow>
+  )
+}
+
+PrivateSharing.propTypes = {
+  setAccessLevel: PropTypes.func.isRequired,
+  inflight: PropTypes.bool,
+  projectId: PropTypes.string,
+  setShowLinks: PropTypes.func.isRequired,
+}
+
+function TokenBasedSharing({
+  setAccessLevel,
+  inflight,
+  setShowLinks,
+  showLinks,
+}) {
+  const { t } = useTranslation()
+  const { _id: projectId } = useProjectContext()
+
+  const [tokens, setTokens] = useState(null)
+
+  const { signal } = useAbortController()
+
+  useEffect(() => {
+    getJSON(`/project/${projectId}/tokens`, { signal })
+      .then(data => setTokens(data))
+      .catch(debugConsole.error)
+  }, [projectId, signal])
+
+  return (
+    <OLRow className="public-access-level">
+      <OLCol xs={12} className="text-center">
+        <strong>{t('link_sharing_is_on')}</strong>
+        <span>&nbsp;&nbsp;</span>
+        <OLButton
+          variant="link"
+          className="btn-inline-link"
+          onClick={() => setAccessLevel('private')}
+          disabled={inflight}
+        >
+          {t('turn_off_link_sharing')}
+        </OLButton>
+        <span>&nbsp;&nbsp;</span>
+        <LinkSharingInfo />
+        <OLButton
+          variant="link"
+          className="btn-chevron align-middle"
+          onClick={() => setShowLinks(!showLinks)}
+        >
+          <MaterialIcon
+            type={showLinks ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}
+          />
+        </OLButton>
+      </OLCol>
+      {showLinks && (
+        <OLCol xs={12} className="access-token-display-area">
+          <div className="access-token-wrapper">
+            <strong>{t('anyone_with_link_can_edit')}</strong>
+            <AccessToken
+              token={tokens?.readAndWrite}
+              tokenHashPrefix={tokens?.readAndWriteHashPrefix}
+              path="/"
+              tooltipId="tooltip-copy-link-rw"
+            />
+          </div>
+          <div className="access-token-wrapper">
+            <strong>{t('anyone_with_link_can_view')}</strong>
+            <AccessToken
+              token={tokens?.readOnly}
+              tokenHashPrefix={tokens?.readOnlyHashPrefix}
+              path="/read/"
+              tooltipId="tooltip-copy-link-ro"
+            />
+          </div>
+        </OLCol>
+      )}
+    </OLRow>
+  )
+}
+
+TokenBasedSharing.propTypes = {
+  setAccessLevel: PropTypes.func.isRequired,
+  inflight: PropTypes.bool,
+  setShowLinks: PropTypes.func.isRequired,
+  showLinks: PropTypes.bool,
+}
+
+function LegacySharing({ accessLevel, setAccessLevel, inflight }) {
+  const { t } = useTranslation()
+
+  return (
+    <OLRow className="public-access-level">
+      <OLCol xs={12} className="text-center">
+        <strong>
+          {accessLevel === 'readAndWrite' && t('this_project_is_public')}
+          {accessLevel === 'readOnly' && t('this_project_is_public_read_only')}
+        </strong>
+        <span>&nbsp;&nbsp;</span>
+        <OLButton
+          variant="link"
+          className="btn-inline-link"
+          onClick={() => setAccessLevel('private')}
+          disabled={inflight}
+        >
+          {t('make_private')}
+        </OLButton>
+        <span>&nbsp;&nbsp;</span>
+        <LinkSharingInfo />
+      </OLCol>
+    </OLRow>
+  )
+}
+
+LegacySharing.propTypes = {
+  accessLevel: PropTypes.string.isRequired,
+  setAccessLevel: PropTypes.func.isRequired,
+  inflight: PropTypes.bool,
+}
+
+export function ReadOnlyTokenLink() {
+  const { t } = useTranslation()
+  const { _id: projectId } = useProjectContext()
+
+  const [tokens, setTokens] = useState(null)
+
+  const { signal } = useAbortController()
+
+  useEffect(() => {
+    getJSON(`/project/${projectId}/tokens`, { signal })
+      .then(data => setTokens(data))
+      .catch(debugConsole.error)
+  }, [projectId, signal])
+
+  return (
+    <OLRow className="public-access-level">
+      <OLCol className="access-token-display-area">
+        <div className="access-token-wrapper">
+          <strong>{t('anyone_with_link_can_view')}</strong>
+          <AccessToken
+            token={tokens?.readOnly}
+            tokenHashPrefix={tokens?.readOnlyHashPrefix}
+            path="/read/"
+            tooltipId="tooltip-copy-link-ro"
+          />
+        </div>
+      </OLCol>
+    </OLRow>
+  )
+}
+
+function AccessToken({ token, tokenHashPrefix, path, tooltipId }) {
+  const { t } = useTranslation()
+  const { isAdmin } = useUserContext()
+
+  if (!token) {
+    return (
+      <pre className="access-token">
+        <span>{t('loading')}…</span>
+      </pre>
+    )
+  }
+
+  let origin = window.location.origin
+  if (isAdmin) {
+    origin = getMeta('ol-ExposedSettings').siteUrl
+  }
+  const link = `${origin}${path}${token}${
+    tokenHashPrefix ? `#${tokenHashPrefix}` : ''
+  }`
+
+  return (
+    <div className="access-token">
+      <code>{link}</code>
+      <CopyToClipboard content={link} tooltipId={tooltipId} />
+    </div>
+  )
+}
+
+AccessToken.propTypes = {
+  token: PropTypes.string,
+  tokenHashPrefix: PropTypes.string,
+  tooltipId: PropTypes.string.isRequired,
+  path: PropTypes.string.isRequired,
+}
+
+function LinkSharingInfo() {
+  const { t } = useTranslation()
+
+  return (
+    <OLTooltip
+      id="link-sharing-info"
+      description={t('learn_more_about_link_sharing')}
+    >
+      <a
+        href="/learn/how-to/What_is_Link_Sharing%3F"
+        target="_blank"
+        rel="noopener"
+      >
+        <MaterialIcon type="help" className="align-middle" />
+      </a>
+    </OLTooltip>
+  )
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/member-privileges.jsx b/services/web/frontend/js/features/share-project-modal/components/member-privileges.jsx
new file mode 100644
index 0000000..bae3548
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/member-privileges.jsx
@@ -0,0 +1,23 @@
+import PropTypes from 'prop-types'
+import { useTranslation } from 'react-i18next'
+
+export default function MemberPrivileges({ privileges }) {
+  const { t } = useTranslation()
+
+  switch (privileges) {
+    case 'readAndWrite':
+      return t('editor')
+
+    case 'readOnly':
+      return t('viewer')
+
+    case 'review':
+      return t('reviewer')
+
+    default:
+      return null
+  }
+}
+MemberPrivileges.propTypes = {
+  privileges: PropTypes.string.isRequired,
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/owner-info.jsx b/services/web/frontend/js/features/share-project-modal/components/owner-info.jsx
new file mode 100644
index 0000000..c289c41
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/owner-info.jsx
@@ -0,0 +1,24 @@
+import { useProjectContext } from '@/shared/context/project-context'
+import { useTranslation } from 'react-i18next'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import MaterialIcon from '@/shared/components/material-icon'
+
+export default function OwnerInfo() {
+  const { t } = useTranslation()
+  const { owner } = useProjectContext()
+
+  return (
+    <OLRow className="project-member">
+      <OLCol xs={8}>
+        <div className="project-member-email-icon">
+          <MaterialIcon type="person" />
+          <div className="email-warning">{owner?.email}</div>
+        </div>
+      </OLCol>
+      <OLCol xs={4} className="text-end">
+        {t('owner')}
+      </OLCol>
+    </OLRow>
+  )
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/select-collaborators.jsx b/services/web/frontend/js/features/share-project-modal/components/select-collaborators.jsx
new file mode 100644
index 0000000..ffaadb6
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/select-collaborators.jsx
@@ -0,0 +1,361 @@
+import { useEffect, useMemo, useState, useRef, useCallback } from 'react'
+import PropTypes from 'prop-types'
+import { useTranslation } from 'react-i18next'
+import { matchSorter } from 'match-sorter'
+import { useCombobox } from 'downshift'
+import classnames from 'classnames'
+
+import MaterialIcon from '@/shared/components/material-icon'
+import Tag from '@/features/ui/components/bootstrap-5/tag'
+import { DropdownItem } from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import { Spinner } from 'react-bootstrap-5'
+
+// Unicode characters in these Unicode groups:
+//  "General Punctuation — Spaces"
+//  "General Punctuation — Format character" (including zero-width spaces)
+const matchAllSpaces =
+  /[\u061C\u2000-\u200F\u202A-\u202E\u2060\u2066-\u2069\u2028\u2029\u202F]/g
+
+export default function SelectCollaborators({
+  loading,
+  options,
+  placeholder,
+  multipleSelectionProps,
+}) {
+  const { t } = useTranslation()
+  const {
+    getSelectedItemProps,
+    getDropdownProps,
+    addSelectedItem,
+    removeSelectedItem,
+    selectedItems,
+  } = multipleSelectionProps
+
+  const [inputValue, setInputValue] = useState('')
+
+  const selectedEmails = useMemo(
+    () => selectedItems.map(item => item.email),
+    [selectedItems]
+  )
+
+  const unselectedOptions = useMemo(
+    () => options.filter(option => !selectedEmails.includes(option.email)),
+    [options, selectedEmails]
+  )
+
+  const filteredOptions = useMemo(() => {
+    if (inputValue === '') {
+      return unselectedOptions
+    }
+
+    return matchSorter(unselectedOptions, inputValue, {
+      keys: ['name', 'email'],
+      threshold: matchSorter.rankings.CONTAINS,
+      baseSort: (a, b) => {
+        // Prefer server-side sorting for ties in the match ranking.
+        return a.index - b.index > 0 ? 1 : -1
+      },
+    })
+  }, [unselectedOptions, inputValue])
+
+  const inputRef = useRef(null)
+
+  const focusInput = useCallback(() => {
+    if (inputRef.current) {
+      window.setTimeout(() => {
+        inputRef.current.focus()
+      }, 10)
+    }
+  }, [inputRef])
+
+  const isValidInput = useMemo(() => {
+    if (inputValue.includes('@')) {
+      for (const selectedItem of selectedItems) {
+        if (selectedItem.email === inputValue) {
+          return false
+        }
+      }
+    }
+
+    return true
+  }, [inputValue, selectedItems])
+
+  function stateReducer(state, actionAndChanges) {
+    const { type, changes } = actionAndChanges
+    // force selected item to be null so that adding, removing, then re-adding the same collaborator is recognised as a selection change
+    if (type === useCombobox.stateChangeTypes.InputChange) {
+      return { ...changes, selectedItem: null }
+    }
+    return changes
+  }
+
+  const {
+    isOpen,
+    getLabelProps,
+    getMenuProps,
+    getInputProps,
+    getComboboxProps,
+    highlightedIndex,
+    getItemProps,
+    reset,
+  } = useCombobox({
+    inputValue,
+    defaultHighlightedIndex: 0,
+    items: filteredOptions,
+    itemToString: item => item && item.name,
+    stateReducer,
+    onStateChange: ({ inputValue, type, selectedItem }) => {
+      switch (type) {
+        // add a selected item on Enter (keypress), click or blur
+        case useCombobox.stateChangeTypes.InputKeyDownEnter:
+        case useCombobox.stateChangeTypes.ItemClick:
+        case useCombobox.stateChangeTypes.InputBlur:
+          if (selectedItem) {
+            setInputValue('')
+            addSelectedItem(selectedItem)
+          }
+          break
+      }
+    },
+  })
+
+  const addNewItem = useCallback(
+    (_email, focus = true) => {
+      const email = _email.replace(matchAllSpaces, '')
+
+      if (
+        isValidInput &&
+        email.includes('@') &&
+        !selectedEmails.includes(email)
+      ) {
+        addSelectedItem({
+          email,
+          display: email,
+          type: 'user',
+        })
+        setInputValue('')
+        reset()
+        if (focus) {
+          focusInput()
+        }
+        return true
+      }
+    },
+    [addSelectedItem, selectedEmails, isValidInput, focusInput, reset]
+  )
+
+  // close and reset the menu when there are no matching items
+  useEffect(() => {
+    if (isOpen && filteredOptions.length === 0) {
+      reset()
+    }
+  }, [reset, isOpen, filteredOptions.length])
+
+  return (
+    <div className="tags-input tags-new">
+      {/* eslint-disable-next-line jsx-a11y/label-has-for */}
+      <label className="small" {...getLabelProps()}>
+        <strong>
+          {t('add_people')}
+          &nbsp;
+        </strong>
+        {loading && (
+          <Spinner
+            animation="border"
+            aria-hidden="true"
+            size="sm"
+            role="status"
+          />
+        )}
+      </label>
+
+      <div className="host">
+        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-static-element-interactions */}
+        <div
+          {...getComboboxProps()}
+          className="tags form-control"
+          onClick={focusInput}
+        >
+          {selectedItems.map((selectedItem, index) => (
+            <SelectedItem
+              key={`selected-item-${index}`}
+              removeSelectedItem={removeSelectedItem}
+              selectedItem={selectedItem}
+              focusInput={focusInput}
+              index={index}
+              getSelectedItemProps={getSelectedItemProps}
+            />
+          ))}
+
+          <input
+            data-testid="collaborator-email-input"
+            {...getInputProps(
+              getDropdownProps({
+                className: classnames('input', {
+                  'invalid-tag': !isValidInput,
+                }),
+                type: 'email',
+                placeholder,
+                size: inputValue.length
+                  ? inputValue.length + 5
+                  : placeholder.length,
+                ref: inputRef,
+                // preventKeyAction: showDropdown,
+                onBlur: () => {
+                  addNewItem(inputValue, false)
+                },
+                onChange: e => {
+                  setInputValue(e.target.value)
+                },
+                onClick: () => focusInput,
+                onKeyDown: event => {
+                  switch (event.key) {
+                    case 'Enter':
+                      // Enter: always prevent form submission
+                      event.preventDefault()
+                      event.stopPropagation()
+                      break
+
+                    case 'Tab':
+                      // Tab: if the dropdown isn't open, try to create a new item using inputValue and prevent blur if successful
+                      if (!isOpen && addNewItem(inputValue)) {
+                        event.preventDefault()
+                        event.stopPropagation()
+                      }
+                      break
+
+                    case ',':
+                      // comma: try to create a new item using inputValue
+                      event.preventDefault()
+                      addNewItem(inputValue)
+                      break
+                  }
+                },
+                onPaste: event => {
+                  const data =
+                    // modern browsers
+                    event.clipboardData?.getData('text/plain') ??
+                    // IE11
+                    window.clipboardData?.getData('text')
+
+                  if (data) {
+                    const emails = data
+                      .split(/[\r\n,; ]+/)
+                      .filter(item => item.includes('@'))
+
+                    if (emails.length) {
+                      // pasted comma-separated email addresses
+                      event.preventDefault()
+
+                      for (const email of emails) {
+                        addNewItem(email)
+                      }
+                    }
+                  }
+                },
+              })
+            )}
+          />
+        </div>
+
+        <div>
+          <ul
+            {...getMenuProps()}
+            className={classnames('dropdown-menu select-dropdown-menu', {
+              show: isOpen,
+            })}
+          >
+            {isOpen &&
+              filteredOptions.map((item, index) => (
+                <Option
+                  key={item.email}
+                  index={index}
+                  item={item}
+                  selected={index === highlightedIndex}
+                  getItemProps={getItemProps}
+                />
+              ))}
+          </ul>
+        </div>
+      </div>
+    </div>
+  )
+}
+SelectCollaborators.propTypes = {
+  loading: PropTypes.bool.isRequired,
+  options: PropTypes.array.isRequired,
+  placeholder: PropTypes.string,
+  multipleSelectionProps: PropTypes.shape({
+    getSelectedItemProps: PropTypes.func.isRequired,
+    getDropdownProps: PropTypes.func.isRequired,
+    addSelectedItem: PropTypes.func.isRequired,
+    removeSelectedItem: PropTypes.func.isRequired,
+    selectedItems: PropTypes.array.isRequired,
+  }).isRequired,
+}
+
+function Option({ selected, item, getItemProps, index }) {
+  return (
+    <li {...getItemProps({ item, index })}>
+      <DropdownItem
+        as="span"
+        role={undefined}
+        leadingIcon="person"
+        className={classnames({
+          active: selected,
+        })}
+      >
+        {item.display}
+      </DropdownItem>
+    </li>
+  )
+}
+
+Option.propTypes = {
+  selected: PropTypes.bool.isRequired,
+  item: PropTypes.shape({
+    display: PropTypes.string.isRequired,
+  }),
+  index: PropTypes.number.isRequired,
+  getItemProps: PropTypes.func.isRequired,
+}
+
+function SelectedItem({
+  removeSelectedItem,
+  selectedItem,
+  focusInput,
+  getSelectedItemProps,
+  index,
+}) {
+  const handleClick = useCallback(
+    event => {
+      event.preventDefault()
+      event.stopPropagation()
+      removeSelectedItem(selectedItem)
+      focusInput()
+    },
+    [focusInput, removeSelectedItem, selectedItem]
+  )
+
+  return (
+    <Tag
+      prepend={<MaterialIcon type="person" />}
+      closeBtnProps={{
+        onClick: handleClick,
+      }}
+      {...getSelectedItemProps({ selectedItem, index })}
+    >
+      {selectedItem.display}
+    </Tag>
+  )
+}
+
+SelectedItem.propTypes = {
+  focusInput: PropTypes.func.isRequired,
+  removeSelectedItem: PropTypes.func.isRequired,
+  selectedItem: PropTypes.shape({
+    display: PropTypes.string.isRequired,
+  }),
+  getSelectedItemProps: PropTypes.func.isRequired,
+  index: PropTypes.number.isRequired,
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/send-invites-notice.tsx b/services/web/frontend/js/features/share-project-modal/components/send-invites-notice.tsx
new file mode 100644
index 0000000..c7417db
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/send-invites-notice.tsx
@@ -0,0 +1,58 @@
+import { useTranslation } from 'react-i18next'
+import { useProjectContext } from '@/shared/context/project-context'
+import Notification from '@/shared/components/notification'
+import { PublicAccessLevel } from '../../../../../types/public-access-level'
+import { useEditorContext } from '@/shared/context/editor-context'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+
+export default function SendInvitesNotice() {
+  const { publicAccessLevel } = useProjectContext()
+  const { isPendingEditor } = useEditorContext()
+  const { t } = useTranslation()
+
+  return (
+    <div>
+      {isPendingEditor && (
+        <Notification
+          isActionBelowContent
+          type="info"
+          title={t('youve_lost_collaboration_access')}
+          content={
+            <div>
+              <p>{t('this_project_already_has_maximum_collaborators')}</p>
+              <p>
+                {t(
+                  'please_ask_the_project_owner_to_upgrade_more_collaborators'
+                )}
+              </p>
+            </div>
+          }
+        />
+      )}
+      <OLRow className="public-access-level public-access-level-notice">
+        <OLCol className="text-center">
+          <AccessLevel level={publicAccessLevel} />
+        </OLCol>
+      </OLRow>
+    </div>
+  )
+}
+
+type AccessLevelProps = {
+  level: PublicAccessLevel | undefined
+}
+
+function AccessLevel({ level }: AccessLevelProps) {
+  const { t } = useTranslation()
+  switch (level) {
+    case 'private':
+      return <span>{t('to_add_more_collaborators')}</span>
+
+    case 'tokenBased':
+      return <span>{t('to_change_access_permissions')}</span>
+
+    default:
+      return <span>''</span>
+  }
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/send-invites.jsx b/services/web/frontend/js/features/share-project-modal/components/send-invites.jsx
new file mode 100644
index 0000000..f27d42f
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/send-invites.jsx
@@ -0,0 +1,39 @@
+import AddCollaborators from './add-collaborators'
+import AddCollaboratorsUpgrade from './add-collaborators-upgrade'
+import CollaboratorsLimitUpgrade from './collaborators-limit-upgrade'
+import AccessLevelsChanged from './access-levels-changed'
+import PropTypes from 'prop-types'
+import OLRow from '@/features/ui/components/ol/ol-row'
+
+export default function SendInvites({
+  canAddCollaborators,
+  hasExceededCollaboratorLimit,
+  haveAnyEditorsBeenDowngraded,
+  somePendingEditorsResolved,
+}) {
+  return (
+    <OLRow className="invite-controls">
+      {hasExceededCollaboratorLimit && !haveAnyEditorsBeenDowngraded && (
+        <AddCollaboratorsUpgrade />
+      )}
+
+      {haveAnyEditorsBeenDowngraded && (
+        <AccessLevelsChanged
+          somePendingEditorsResolved={somePendingEditorsResolved}
+        />
+      )}
+
+      {!canAddCollaborators &&
+        !hasExceededCollaboratorLimit &&
+        !haveAnyEditorsBeenDowngraded && <CollaboratorsLimitUpgrade />}
+      <AddCollaborators readOnly={!canAddCollaborators} />
+    </OLRow>
+  )
+}
+
+SendInvites.propTypes = {
+  canAddCollaborators: PropTypes.bool,
+  hasExceededCollaboratorLimit: PropTypes.bool,
+  haveAnyEditorsBeenDowngraded: PropTypes.bool,
+  somePendingEditorsResolved: PropTypes.bool,
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/share-modal-body.tsx b/services/web/frontend/js/features/share-project-modal/components/share-modal-body.tsx
new file mode 100644
index 0000000..886e877
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/share-modal-body.tsx
@@ -0,0 +1,142 @@
+import EditMember from './edit-member'
+import LinkSharing from './link-sharing'
+import Invite from './invite'
+import SendInvites from './send-invites'
+import ViewMember from './view-member'
+import OwnerInfo from './owner-info'
+import SendInvitesNotice from './send-invites-notice'
+import { useEditorContext } from '@/shared/context/editor-context'
+import { useProjectContext } from '@/shared/context/project-context'
+import { useMemo } from 'react'
+import RecaptchaConditions from '@/shared/components/recaptcha-conditions'
+import getMeta from '@/utils/meta'
+
+export default function ShareModalBody() {
+  const { members, invites, features } = useProjectContext()
+  const { isProjectOwner } = useEditorContext()
+
+  // whether the project has not reached the collaborator limit
+  const canAddCollaborators = useMemo(() => {
+    if (!isProjectOwner || !features) {
+      return false
+    }
+
+    if (features.collaborators === -1) {
+      // infinite collaborators
+      return true
+    }
+
+    const editorInvites = invites.filter(
+      invite => invite.privileges !== 'readOnly'
+    ).length
+
+    return (
+      members.filter(member => member.privileges !== 'readOnly').length +
+        editorInvites <
+      (features.collaborators ?? 1)
+    )
+  }, [members, invites, features, isProjectOwner])
+
+  // determine if some but not all pending editors' permissions have been resolved,
+  // for moving between warning and info notification states etc.
+  const somePendingEditorsResolved = useMemo(() => {
+    return (
+      members.some(member =>
+        ['readAndWrite', 'review'].includes(member.privileges)
+      ) &&
+      members.some(member => member.pendingEditor || member.pendingReviewer)
+    )
+  }, [members])
+
+  const haveAnyEditorsBeenDowngraded = useMemo(() => {
+    if (!isProjectOwner || !features) {
+      return false
+    }
+
+    if (features.collaborators === -1) {
+      return false
+    }
+    return members.some(
+      member => member.pendingEditor || member.pendingReviewer
+    )
+  }, [features, isProjectOwner, members])
+
+  const hasExceededCollaboratorLimit = useMemo(() => {
+    if (!isProjectOwner || !features) {
+      return false
+    }
+
+    if (features.collaborators === -1) {
+      return false
+    }
+
+    return (
+      members.filter(member => member.privileges !== 'readOnly').length >
+      (features.collaborators ?? 1)
+    )
+  }, [features, isProjectOwner, members])
+
+  const sortedMembers = useMemo(() => {
+    return [
+      ...members.filter(member => member.privileges === 'readAndWrite'),
+      ...members.filter(member => member.pendingEditor),
+      ...members.filter(member => member.privileges === 'review'),
+      ...members.filter(member => member.pendingReviewer),
+      ...members.filter(
+        member =>
+          !member.pendingEditor &&
+          !member.pendingReviewer &&
+          !['readAndWrite', 'review'].includes(member.privileges)
+      ),
+    ]
+  }, [members])
+
+  return (
+    <>
+      {isProjectOwner ? (
+        <SendInvites
+          canAddCollaborators={canAddCollaborators}
+          hasExceededCollaboratorLimit={hasExceededCollaboratorLimit}
+          haveAnyEditorsBeenDowngraded={haveAnyEditorsBeenDowngraded}
+          somePendingEditorsResolved={somePendingEditorsResolved}
+        />
+      ) : (
+        <SendInvitesNotice />
+      )}
+      {isProjectOwner && <LinkSharing />}
+
+      <OwnerInfo />
+
+      {sortedMembers.map(member =>
+        isProjectOwner ? (
+          <EditMember
+            key={member._id}
+            member={member}
+            hasExceededCollaboratorLimit={hasExceededCollaboratorLimit}
+            hasBeenDowngraded={Boolean(
+              member.pendingEditor || member.pendingReviewer
+            )}
+            canAddCollaborators={canAddCollaborators}
+            isReviewerOnFreeProject={
+              member.privileges === 'review' && !features.trackChanges
+            }
+          />
+        ) : (
+          <ViewMember key={member._id} member={member} />
+        )
+      )}
+
+      {invites.map(invite => (
+        <Invite
+          key={invite._id}
+          invite={invite}
+          isProjectOwner={isProjectOwner}
+        />
+      ))}
+
+      {!getMeta('ol-ExposedSettings').recaptchaDisabled?.invite && (
+        <RecaptchaConditions />
+      )}
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/share-project-modal-content.tsx b/services/web/frontend/js/features/share-project-modal/components/share-project-modal-content.tsx
new file mode 100644
index 0000000..cabf2dd
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/share-project-modal-content.tsx
@@ -0,0 +1,121 @@
+import { useTranslation } from 'react-i18next'
+import { useEditorContext } from '@/shared/context/editor-context'
+import { lazy, Suspense } from 'react'
+import { FullSizeLoadingSpinner } from '@/shared/components/loading-spinner'
+import ClickableElementEnhancer from '@/shared/components/clickable-element-enhancer'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { Spinner } from 'react-bootstrap-5'
+
+const ReadOnlyTokenLink = lazy(() =>
+  import('./link-sharing').then(({ ReadOnlyTokenLink }) => ({
+    // re-export as default -- lazy can only handle default exports.
+    default: ReadOnlyTokenLink,
+  }))
+)
+
+const ShareModalBody = lazy(() => import('./share-modal-body'))
+
+type ShareProjectModalContentProps = {
+  cancel: () => void
+  show: boolean
+  animation: boolean
+  inFlight: boolean
+  error: string | undefined
+}
+
+export default function ShareProjectModalContent({
+  show,
+  cancel,
+  animation,
+  inFlight,
+  error,
+}: ShareProjectModalContentProps) {
+  const { t } = useTranslation()
+
+  const { isRestrictedTokenMember } = useEditorContext()
+
+  return (
+    <OLModal show={show} onHide={cancel} animation={animation}>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('share_project')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody className="modal-body-share modal-link-share">
+        <div className="container-fluid">
+          <Suspense fallback={<FullSizeLoadingSpinner minHeight="15rem" />}>
+            {isRestrictedTokenMember ? (
+              <ReadOnlyTokenLink />
+            ) : (
+              <ShareModalBody />
+            )}
+          </Suspense>
+          {error && (
+            <OLNotification
+              type="error"
+              content={<ErrorMessage error={error} />}
+              className="mb-0 mt-3"
+            />
+          )}
+        </div>
+      </OLModalBody>
+
+      <OLModalFooter>
+        <div className="me-auto">
+          {inFlight && (
+            <Spinner
+              animation="border"
+              aria-hidden="true"
+              size="sm"
+              role="status"
+            />
+          )}
+        </div>
+
+        <ClickableElementEnhancer
+          onClick={cancel}
+          as={OLButton}
+          variant="secondary"
+          disabled={inFlight}
+        >
+          {t('close')}
+        </ClickableElementEnhancer>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
+
+function ErrorMessage({ error }: Pick<ShareProjectModalContentProps, 'error'>) {
+  const { t } = useTranslation()
+  switch (error) {
+    case 'cannot_invite_non_user':
+      return <>{t('cannot_invite_non_user')}</>
+
+    case 'cannot_verify_user_not_robot':
+      return <>{t('cannot_verify_user_not_robot')}</>
+
+    case 'cannot_invite_self':
+      return <>{t('cannot_invite_self')}</>
+
+    case 'invalid_email':
+      return <>{t('invalid_email')}</>
+
+    case 'too_many_requests':
+      return <>{t('too_many_requests')}</>
+
+    case 'invite_expired':
+      return <>{t('invite_expired')}</>
+
+    case 'invite_resend_limit_hit':
+      return <>{t('invite_resend_limit_hit')}</>
+
+    default:
+      return <>{t('generic_something_went_wrong')}</>
+  }
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/share-project-modal.tsx b/services/web/frontend/js/features/share-project-modal/components/share-project-modal.tsx
new file mode 100644
index 0000000..7a4139e
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/share-project-modal.tsx
@@ -0,0 +1,182 @@
+import React, {
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useState,
+} from 'react'
+import ShareProjectModalContent from './share-project-modal-content'
+import { useProjectContext } from '@/shared/context/project-context'
+import { useSplitTestContext } from '@/shared/context/split-test-context'
+import { sendMB } from '@/infrastructure/event-tracking'
+import { ProjectContextUpdateValue } from '@/shared/context/types/project-context'
+import { useEditorContext } from '@/shared/context/editor-context'
+import customLocalStorage from '@/infrastructure/local-storage'
+
+type ShareProjectContextValue = {
+  updateProject: (project: ProjectContextUpdateValue) => void
+  monitorRequest: <T extends Promise<unknown>>(request: () => T) => T
+  inFlight: boolean
+  setInFlight: React.Dispatch<
+    React.SetStateAction<ShareProjectContextValue['inFlight']>
+  >
+  error: string | undefined
+  setError: React.Dispatch<
+    React.SetStateAction<ShareProjectContextValue['error']>
+  >
+}
+
+const SHOW_MODAL_COOLDOWN_PERIOD = 24 * 60 * 60 * 1000 // 24 hours
+
+const ShareProjectContext = createContext<ShareProjectContextValue | undefined>(
+  undefined
+)
+
+export function useShareProjectContext() {
+  const context = useContext(ShareProjectContext)
+
+  if (!context) {
+    throw new Error(
+      'useShareProjectContext is only available inside ShareProjectProvider'
+    )
+  }
+
+  return context
+}
+
+type ShareProjectModalProps = {
+  handleHide: () => void
+  show: boolean
+  handleOpen: () => void
+  animation?: boolean
+}
+
+const ShareProjectModal = React.memo(function ShareProjectModal({
+  handleHide,
+  show,
+  handleOpen,
+  animation = true,
+}: ShareProjectModalProps) {
+  const [inFlight, setInFlight] =
+    useState<ShareProjectContextValue['inFlight']>(false)
+  const [error, setError] = useState<ShareProjectContextValue['error']>()
+
+  const project = useProjectContext()
+  const { isProjectOwner } = useEditorContext()
+
+  const { splitTestVariants } = useSplitTestContext()
+
+  // show the new share modal if project owner
+  // is over collaborator limit or has pending editors (once every 24 hours)
+  useEffect(() => {
+    const hasExceededCollaboratorLimit = () => {
+      if (!isProjectOwner || !project.features) {
+        return false
+      }
+
+      if (project.features.collaborators === -1) {
+        return false
+      }
+      return (
+        project.members.filter(member =>
+          ['readAndWrite', 'review'].includes(member.privileges)
+        ).length > (project.features.collaborators ?? 1) ||
+        project.members.some(
+          member => member.pendingEditor || member.pendingReviewer
+        )
+      )
+    }
+
+    if (hasExceededCollaboratorLimit()) {
+      const localStorageKey = `last-shown-share-modal.${project._id}`
+      const lastShownShareModalTime =
+        customLocalStorage.getItem(localStorageKey)
+      if (
+        !lastShownShareModalTime ||
+        lastShownShareModalTime + SHOW_MODAL_COOLDOWN_PERIOD < Date.now()
+      ) {
+        handleOpen()
+        customLocalStorage.setItem(localStorageKey, Date.now())
+      }
+    }
+  }, [project, isProjectOwner, handleOpen])
+
+  // send tracking event when the modal is opened
+  useEffect(() => {
+    if (show) {
+      sendMB('share-modal-opened', {
+        splitTestVariant: splitTestVariants['null-test-share-modal'],
+        project_id: project._id,
+      })
+    }
+  }, [splitTestVariants, project._id, show])
+
+  // reset error when the modal is opened
+  useEffect(() => {
+    if (show) {
+      setError(undefined)
+    }
+  }, [show])
+
+  // close the modal if not in flight
+  const cancel = useCallback(() => {
+    if (!inFlight) {
+      handleHide()
+    }
+  }, [handleHide, inFlight])
+
+  // update `error` and `inFlight` while sending a request
+  const monitorRequest = useCallback(request => {
+    setError(undefined)
+    setInFlight(true)
+
+    const promise = request()
+
+    promise.catch((error: { data?: Record<string, string> }) => {
+      setError(
+        error.data?.errorReason ||
+          error.data?.error ||
+          'generic_something_went_wrong'
+      )
+    })
+
+    promise.finally(() => {
+      setInFlight(false)
+    })
+
+    return promise
+  }, [])
+
+  // merge the new data with the old project data
+  const updateProject = useCallback(
+    data => Object.assign(project, data),
+    [project]
+  )
+
+  if (!project) {
+    return null
+  }
+
+  return (
+    <ShareProjectContext.Provider
+      value={{
+        updateProject,
+        monitorRequest,
+        inFlight,
+        setInFlight,
+        error,
+        setError,
+      }}
+    >
+      <ShareProjectModalContent
+        animation={animation}
+        cancel={cancel}
+        error={error}
+        inFlight={inFlight}
+        show={show}
+      />
+    </ShareProjectContext.Provider>
+  )
+})
+
+export default ShareProjectModal
diff --git a/services/web/frontend/js/features/share-project-modal/components/transfer-ownership-modal.jsx b/services/web/frontend/js/features/share-project-modal/components/transfer-ownership-modal.jsx
new file mode 100644
index 0000000..81961d7
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/transfer-ownership-modal.jsx
@@ -0,0 +1,88 @@
+import { useState } from 'react'
+import { Trans, useTranslation } from 'react-i18next'
+import PropTypes from 'prop-types'
+import { transferProjectOwnership } from '../utils/api'
+import { useProjectContext } from '@/shared/context/project-context'
+import { useLocation } from '@/shared/hooks/use-location'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { Spinner } from 'react-bootstrap-5'
+
+export default function TransferOwnershipModal({ member, cancel }) {
+  const { t } = useTranslation()
+
+  const [inflight, setInflight] = useState(false)
+  const [error, setError] = useState(false)
+  const location = useLocation()
+
+  const { _id: projectId, name: projectName } = useProjectContext()
+
+  function confirm() {
+    setError(false)
+    setInflight(true)
+
+    transferProjectOwnership(projectId, member)
+      .then(() => {
+        location.reload()
+      })
+      .catch(() => {
+        setError(true)
+        setInflight(false)
+      })
+  }
+
+  return (
+    <OLModal show onHide={cancel}>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('change_project_owner')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody>
+        <p>
+          <Trans
+            i18nKey="project_ownership_transfer_confirmation_1"
+            values={{ user: member.email, project: projectName }}
+            components={[<strong key="strong-1" />, <strong key="strong-2" />]}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+          />
+        </p>
+        <p>{t('project_ownership_transfer_confirmation_2')}</p>
+        {error && (
+          <OLNotification
+            type="error"
+            content={t('generic_something_went_wrong')}
+            className="mb-0 mt-3"
+          />
+        )}
+      </OLModalBody>
+      <OLModalFooter>
+        <div className="me-auto">
+          {inflight && (
+            <Spinner
+              animation="border"
+              aria-hidden="true"
+              size="sm"
+              role="status"
+            />
+          )}
+        </div>
+        <OLButton variant="secondary" onClick={cancel} disabled={inflight}>
+          {t('cancel')}
+        </OLButton>
+        <OLButton variant="primary" onClick={confirm} disabled={inflight}>
+          {t('change_owner')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
+TransferOwnershipModal.propTypes = {
+  member: PropTypes.object.isRequired,
+  cancel: PropTypes.func.isRequired,
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/view-member.jsx b/services/web/frontend/js/features/share-project-modal/components/view-member.jsx
new file mode 100644
index 0000000..3faec91
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/view-member.jsx
@@ -0,0 +1,29 @@
+import PropTypes from 'prop-types'
+import MemberPrivileges from './member-privileges'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import MaterialIcon from '@/shared/components/material-icon'
+
+export default function ViewMember({ member }) {
+  return (
+    <OLRow className="project-member">
+      <OLCol xs={8}>
+        <div className="project-member-email-icon">
+          <MaterialIcon type="person" />
+          <div className="email-warning">{member.email}</div>
+        </div>
+      </OLCol>
+      <OLCol xs={4} className="text-end">
+        <MemberPrivileges privileges={member.privileges} />
+      </OLCol>
+    </OLRow>
+  )
+}
+
+ViewMember.propTypes = {
+  member: PropTypes.shape({
+    _id: PropTypes.string.isRequired,
+    email: PropTypes.string.isRequired,
+    privileges: PropTypes.string.isRequired,
+  }).isRequired,
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/view-only-access-modal-content.tsx b/services/web/frontend/js/features/share-project-modal/components/view-only-access-modal-content.tsx
new file mode 100644
index 0000000..7fb3de5
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/view-only-access-modal-content.tsx
@@ -0,0 +1,60 @@
+import { useTranslation } from 'react-i18next'
+import { sendMB } from '@/infrastructure/event-tracking'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+
+type ViewOnlyAccessModalContentProps = {
+  handleHide: () => void
+}
+
+export default function ViewOnlyAccessModalContent({
+  handleHide,
+}: ViewOnlyAccessModalContentProps) {
+  const { t } = useTranslation()
+
+  return (
+    <>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('view_only_access')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        <p>{t('this_project_already_has_maximum_collaborators')}</p>
+        <p>{t('please_ask_the_project_owner_to_upgrade_more_collaborators')}</p>
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton
+          variant="secondary"
+          href="/blog/changes-to-project-sharing"
+          target="_blank"
+          rel="noreferrer"
+          onClick={() => {
+            sendMB('notification-click', {
+              name: 'link-sharing-collaborator-limit',
+              button: 'learn',
+            })
+          }}
+        >
+          {t('learn_more')}
+        </OLButton>
+        <OLButton
+          variant="primary"
+          onClick={() => {
+            sendMB('notification-click', {
+              name: 'link-sharing-collaborator-limit',
+              button: 'ok',
+            })
+            handleHide()
+          }}
+        >
+          {t('ok')}
+        </OLButton>
+      </OLModalFooter>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/share-project-modal/components/view-only-access-modal.tsx b/services/web/frontend/js/features/share-project-modal/components/view-only-access-modal.tsx
new file mode 100644
index 0000000..ab2ea02
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/components/view-only-access-modal.tsx
@@ -0,0 +1,78 @@
+import { useEffect, useState } from 'react'
+import ViewOnlyAccessModalContent from './view-only-access-modal-content'
+import customLocalStorage from '@/infrastructure/local-storage'
+import { useProjectContext } from '@/shared/context/project-context'
+import { useEditorContext } from '@/shared/context/editor-context'
+import { sendMB } from '@/infrastructure/event-tracking'
+import OLModal from '@/features/ui/components/ol/ol-modal'
+
+const ViewOnlyAccessModal = () => {
+  const [show, setShow] = useState(false)
+
+  const { isProjectOwner, isPendingEditor, permissionsLevel } =
+    useEditorContext()
+  const { members, features, _id: projectId } = useProjectContext()
+
+  const handleHide = () => {
+    setShow(false)
+  }
+
+  // show the view-only access modal if
+  // is editor on a project over
+  // collaborator limit (once every week)
+  useEffect(() => {
+    const showModalCooldownHours = 24 * 7 // 7 days
+    const shouldShowToPendingEditor = () => {
+      if (isProjectOwner || !features) {
+        return false
+      }
+
+      if (features.collaborators === -1) {
+        return false
+      }
+      return isPendingEditor
+    }
+
+    if (shouldShowToPendingEditor()) {
+      const localStorageKey = `last-shown-view-only-access-modal.${projectId}`
+      const lastShownNeedEditModalTime =
+        customLocalStorage.getItem(localStorageKey)
+      if (
+        !lastShownNeedEditModalTime ||
+        lastShownNeedEditModalTime + showModalCooldownHours * 60 * 60 * 1000 <
+          Date.now()
+      ) {
+        setShow(true)
+        customLocalStorage.setItem(localStorageKey, Date.now())
+        sendMB('notification-prompt', {
+          name: 'link-sharing-collaborator-limit',
+        })
+      }
+    }
+  }, [
+    features,
+    isProjectOwner,
+    isPendingEditor,
+    members,
+    permissionsLevel,
+    projectId,
+  ])
+
+  return show ? (
+    <OLModal
+      animation
+      show={show}
+      onHide={() => {
+        sendMB('notification-dismiss', {
+          name: 'link-sharing-collaborator-limit',
+        })
+        handleHide()
+      }}
+      id="editor-over-limit-modal"
+    >
+      <ViewOnlyAccessModalContent handleHide={handleHide} />
+    </OLModal>
+  ) : null
+}
+
+export default ViewOnlyAccessModal
diff --git a/services/web/frontend/js/features/share-project-modal/hooks/use-user-contacts.js b/services/web/frontend/js/features/share-project-modal/hooks/use-user-contacts.js
new file mode 100644
index 0000000..f23af1f
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/hooks/use-user-contacts.js
@@ -0,0 +1,39 @@
+import { useEffect, useState } from 'react'
+import { getJSON } from '../../../infrastructure/fetch-json'
+import useAbortController from '../../../shared/hooks/use-abort-controller'
+
+export function useUserContacts() {
+  const [loading, setLoading] = useState(true)
+  const [data, setData] = useState(null)
+  const [error, setError] = useState(false)
+
+  const { signal } = useAbortController()
+
+  useEffect(() => {
+    getJSON('/user/contacts', { signal })
+      .then(data => {
+        setData(data.contacts.map(buildContact))
+      })
+      .catch(error => setError(error))
+      .finally(() => setLoading(false))
+  }, [signal])
+
+  return { loading, data, error }
+}
+
+function buildContact(contact) {
+  const [emailPrefix] = contact.email.split('@')
+
+  // the name is not just the default "email prefix as first name"
+  const hasName = contact.last_name || contact.first_name !== emailPrefix
+
+  const name = hasName
+    ? [contact.first_name, contact.last_name].filter(Boolean).join(' ')
+    : ''
+
+  return {
+    ...contact,
+    name,
+    display: name ? `${name} <${contact.email}>` : contact.email,
+  }
+}
diff --git a/services/web/frontend/js/features/share-project-modal/images/add-more-editors.svg b/services/web/frontend/js/features/share-project-modal/images/add-more-editors.svg
new file mode 100644
index 0000000..61ee16d
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/images/add-more-editors.svg
@@ -0,0 +1,9 @@
+<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M48.0826 35.6938C48.3169 34.853 48.4106 33.9731 48.3584 33.091C48.1744 29.9799 46.225 27.385 43.5442 26.2212C43.767 25.8 43.952 25.2937 44.072 24.6746C44.2255 23.8823 44.2512 22.9627 44.1455 22.2222C44.0954 21.8682 44.043 21.5361 43.988 21.2224C43.3885 17.7389 41.2497 14.7143 38.1578 13.003C36.1692 11.9002 33.0845 11.0518 32.7741 9.8061C32.7604 9.75955 32.7501 9.70916 32.7364 9.66261C32.7336 9.55349 32.7342 9.44053 32.7278 9.33162C32.5169 5.7668 30.1751 2.94368 27.0309 2.07326C26.3253 1.84544 25.5578 1.74149 24.7265 1.79067C24.6866 1.79303 24.643 1.7956 24.6031 1.79797C24.5632 1.80033 24.5196 1.80291 24.4797 1.80527C23.6484 1.85445 22.8985 2.04817 22.2247 2.35761C19.2053 3.59632 17.2125 6.67223 17.4234 10.2371C17.4301 10.3496 17.4438 10.4581 17.4539 10.5668C17.4458 10.6146 17.4379 10.6661 17.4334 10.7137C17.272 11.9873 14.3092 13.1972 12.4642 14.523C9.59562 16.5871 7.82842 19.8427 7.64384 23.3726C7.62622 23.6906 7.61331 24.0265 7.60532 24.384C7.584 25.132 7.72162 26.0419 7.96745 26.8106C8.15962 27.4112 8.40322 27.8959 8.6739 28.2842C6.14911 29.756 4.51928 32.5627 4.70333 35.6737C4.75552 36.5559 4.9559 37.4183 5.28417 38.2258C3.75414 40.0103 3.06714 42.3751 3.23766 45.2574L3.34956 47.1487C3.48679 49.4684 5.47841 51.2376 7.79802 51.1004L47.1079 48.7747C49.4275 48.6375 51.1966 46.6458 51.0594 44.3261L50.9475 42.4348C50.777 39.5524 49.8159 37.2851 48.0862 35.6935L48.0826 35.6938Z" fill="#DADBEB"/>
+<path d="M20.1336 22.7658L32.5824 22.0293C33.0054 22.0043 33.3254 21.6379 33.3 21.2078L33.1493 18.6601C33.0373 16.7685 32.1918 15.0008 30.8007 13.7408C30.3105 13.2979 29.7637 12.9316 29.1822 12.6478C29.7958 11.7118 30.1193 10.5515 30.0457 9.30865C29.8752 6.42566 27.6432 4.20594 24.8079 4.37368C21.9726 4.54142 19.8062 7.0177 19.977 9.90433C20.0518 11.1691 20.5613 12.302 21.3496 13.1624C20.8374 13.5036 20.3687 13.9117 19.9542 14.3825C18.7178 15.7979 18.4235 17.6331 18.5354 19.5247L18.6478 21.4236C18.6943 22.2109 19.3594 22.8116 20.1336 22.7658ZM24.9729 7.22408C26.2633 7.14774 27.1615 8.16259 27.2391 9.47469C27.3167 10.7868 26.5409 11.9007 25.2541 11.9768C23.9673 12.0529 22.8541 11.0508 22.7764 9.73871C22.6988 8.42661 23.6825 7.30042 24.9729 7.22408ZM21.2953 18.6299C21.247 17.8135 21.4682 16.9921 21.9851 16.3654C22.6194 15.5963 23.4392 15.226 24.4101 14.9783C24.7327 14.8971 25.0643 14.8482 25.3976 14.8285L26.2579 14.7776C27.6428 14.7176 28.1017 15.1184 28.9378 15.8736C29.7738 16.6287 30.2827 17.6922 30.3498 18.8257C30.3653 19.0882 30.1699 19.3119 29.9118 19.3271L21.8396 19.8047C21.5816 19.82 21.3612 19.6209 21.3456 19.3584L21.3027 18.6331L21.2953 18.6299Z" fill="black"/>
+<path d="M45.9437 37.4303C45.4399 36.9882 44.8776 36.6228 44.2796 36.34C44.9128 35.4028 45.2478 34.2419 45.1742 32.999C45.0037 30.116 42.7101 27.8999 39.7914 28.0726C36.8727 28.2453 34.6386 30.7256 34.8094 33.6122C34.8842 34.8769 35.4066 36.0091 36.2165 36.8683C35.6887 37.2104 35.2056 37.6193 34.7781 38.0908C33.503 39.5086 33.1969 41.3444 33.3089 43.2361L33.4212 45.135C33.4678 45.9222 34.1512 46.5219 34.9483 46.4747L47.7632 45.7165C48.1986 45.6908 48.5287 45.3238 48.5032 44.8937L48.3525 42.3461C48.2406 40.4544 47.3733 38.688 45.9437 37.4303ZM39.9564 30.923C41.2847 30.8444 42.2074 31.8578 42.2851 33.1699C42.3627 34.482 41.5622 35.5974 40.2375 35.6758C38.9129 35.7541 37.7688 34.7538 37.6912 33.4417C37.6135 32.1296 38.628 31.0016 39.9564 30.923ZM45.0154 43.019L36.7058 43.5106C36.4401 43.5263 36.2136 43.3276 36.198 43.0651L36.1551 42.3398C36.1068 41.5234 36.3359 40.7016 36.869 40.0738C37.5233 39.3036 38.3677 38.9318 39.3675 38.6825C39.6997 38.6007 40.0411 38.5512 40.3842 38.5309L41.2698 38.4785C42.6954 38.4161 43.1671 38.8161 44.0263 39.5699C44.8855 40.3238 45.4076 41.3865 45.4746 42.52C45.4901 42.7824 45.2886 43.0065 45.023 43.0222L45.0154 43.019Z" fill="black"/>
+<path d="M17.2014 37.9421C17.8347 37.0049 18.1696 35.8439 18.0961 34.6011C17.9255 31.7181 15.632 29.502 12.7133 29.6747C9.79461 29.8473 7.56045 32.3276 7.73123 35.2143C7.80606 36.479 8.32848 37.6112 9.13838 38.4703C8.61061 38.8124 8.12752 39.2214 7.69997 39.6929C6.42492 41.1106 6.11882 42.9465 6.23074 44.8381L6.34308 46.737C6.38966 47.5243 7.07312 48.1239 7.87013 48.0768L20.6851 47.3186C21.1205 47.2928 21.4506 46.9259 21.4251 46.4958L21.2744 43.9481C21.1625 42.0565 20.2952 40.29 18.8656 39.0323C18.3617 38.5903 17.7995 38.2249 17.2014 37.9421ZM12.8785 32.5287C14.2068 32.4501 15.1295 33.4635 15.2071 34.7756C15.2848 36.0877 14.4843 37.2031 13.1596 37.2814C11.835 37.3598 10.6909 36.3595 10.6132 35.0474C10.5356 33.7353 11.5501 32.6073 12.8785 32.5287ZM17.9375 44.6247L9.62785 45.1163C9.36217 45.132 9.13566 44.9333 9.12013 44.6708L9.07722 43.9455C9.02892 43.1291 9.258 42.3072 9.7911 41.6795C10.4454 40.9093 11.2898 40.5375 12.2896 40.2882C12.6217 40.2063 12.9632 40.1569 13.3063 40.1366L14.1919 40.0842C15.6175 40.0218 16.0892 40.4218 16.9484 41.1756C17.8076 41.9294 18.3296 42.9922 18.3967 44.1257C18.4122 44.3881 18.2107 44.6121 17.9451 44.6279L17.9375 44.6247Z" fill="black"/>
+<path d="M38.8187 24.1385C38.8691 24.9902 39.6853 25.6207 40.5685 25.4176C41.2579 25.2583 41.7414 24.5725 41.6495 23.8812C40.9588 18.6031 40.1158 17.396 38.0561 15.0003C37.6691 14.5491 37.0412 14.3312 36.4691 14.5051C35.4538 14.813 35.1324 16.0244 36.3531 17.4031C38.0806 19.4127 38.651 21.304 38.8187 24.1385Z" fill="black"/>
+<path d="M31.2327 36.6182C30.1581 37.0669 29.7409 37.2428 28.9992 37.4162C27.2134 37.8314 25.3481 37.7474 23.6016 37.1993C23.3002 37.1055 23.006 37.0114 22.716 36.9278C21.9798 36.7122 21.2068 37.1394 20.9944 37.8862C20.782 38.633 21.2093 39.4103 21.9455 39.6259C23.6861 40.4947 24.7654 40.6072 26.5517 40.5016C28.338 40.3959 29.5703 40.323 32.1305 39.0234C32.8362 38.7225 33.1686 37.8966 32.8699 37.1836C32.5711 36.4707 31.9419 36.3171 31.233 36.6218L31.2327 36.6182Z" fill="black"/>
+<path d="M11.7024 27.0321C12.8109 27.4147 13.487 26.4139 13.4414 25.6422C13.274 22.8126 13.6252 20.8918 15.1791 18.6918C15.9322 17.5753 16.0278 16.2933 15.26 16.0017C14.5758 15.5797 13.6528 15.7562 13.1996 16.4033C11.6437 19.3419 10.7905 19.6684 10.6425 24.4454C10.6196 25.2176 10.94 26.7689 11.7062 27.0319L11.7024 27.0321Z" fill="black"/>
+</svg>
diff --git a/services/web/frontend/js/features/share-project-modal/utils/api.js b/services/web/frontend/js/features/share-project-modal/utils/api.js
new file mode 100644
index 0000000..d52b6a4
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/utils/api.js
@@ -0,0 +1,62 @@
+import {
+  deleteJSON,
+  getJSON,
+  postJSON,
+  putJSON,
+} from '../../../infrastructure/fetch-json'
+import { executeV2Captcha } from './captcha'
+import getMeta from '@/utils/meta'
+
+export function sendInvite(projectId, email, privileges) {
+  return executeV2Captcha(
+    getMeta('ol-ExposedSettings').recaptchaDisabled?.invite
+  ).then(grecaptchaResponse => {
+    return postJSON(`/project/${projectId}/invite`, {
+      body: {
+        email, // TODO: normalisedEmail?
+        privileges,
+        'g-recaptcha-response': grecaptchaResponse,
+      },
+    })
+  })
+}
+
+export function resendInvite(projectId, invite) {
+  return postJSON(`/project/${projectId}/invite/${invite._id}/resend`)
+}
+
+export function revokeInvite(projectId, invite) {
+  return deleteJSON(`/project/${projectId}/invite/${invite._id}`)
+}
+
+export function updateMember(projectId, member, data) {
+  return putJSON(`/project/${projectId}/users/${member._id}`, {
+    body: data,
+  })
+}
+
+export function removeMemberFromProject(projectId, member) {
+  return deleteJSON(`/project/${projectId}/users/${member._id}`)
+}
+
+export function transferProjectOwnership(projectId, member) {
+  return postJSON(`/project/${projectId}/transfer-ownership`, {
+    body: {
+      user_id: member._id,
+    },
+  })
+}
+
+export function setProjectAccessLevel(projectId, publicAccessLevel) {
+  return postJSON(`/project/${projectId}/settings/admin`, {
+    body: { publicAccessLevel },
+  })
+}
+
+export function listProjectMembers(projectId) {
+  return getJSON(`/project/${projectId}/members`)
+}
+
+export function listProjectInvites(projectId) {
+  return getJSON(`/project/${projectId}/invites`)
+}
diff --git a/services/web/frontend/js/features/share-project-modal/utils/captcha.js b/services/web/frontend/js/features/share-project-modal/utils/captcha.js
new file mode 100644
index 0000000..2e27b89
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/utils/captcha.js
@@ -0,0 +1,26 @@
+let _recaptchaId
+let _recaptchaResolve
+export function executeV2Captcha(disabled = false) {
+  return new Promise((resolve, reject) => {
+    if (disabled || !window.grecaptcha) {
+      return resolve()
+    }
+
+    try {
+      if (!_recaptchaId) {
+        _recaptchaId = window.grecaptcha.render('recaptcha', {
+          callback: token => {
+            if (_recaptchaResolve) {
+              _recaptchaResolve(token)
+              _recaptchaResolve = undefined
+            }
+            window.grecaptcha.reset()
+          },
+        })
+      }
+      _recaptchaResolve = resolve
+    } catch (error) {
+      reject(error)
+    }
+  })
+}
diff --git a/services/web/frontend/js/features/share-project-modal/utils/link-sharing.ts b/services/web/frontend/js/features/share-project-modal/utils/link-sharing.ts
new file mode 100644
index 0000000..605a74c
--- /dev/null
+++ b/services/web/frontend/js/features/share-project-modal/utils/link-sharing.ts
@@ -0,0 +1,6 @@
+import { formatDate } from '@/utils/dates'
+
+export const linkSharingEnforcementDate = formatDate(
+  new Date(2024, 7, 26),
+  'MMMM Do'
+) // August 26th 2024
diff --git a/services/web/frontend/js/features/socket-diagnostics/components/diagnostic-component.tsx b/services/web/frontend/js/features/socket-diagnostics/components/diagnostic-component.tsx
new file mode 100644
index 0000000..7adddc5
--- /dev/null
+++ b/services/web/frontend/js/features/socket-diagnostics/components/diagnostic-component.tsx
@@ -0,0 +1,71 @@
+import React from 'react'
+import classnames from 'classnames'
+import type { ConnectionStatus } from './types'
+import { Badge, Button } from 'react-bootstrap-5'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import MaterialIcon from '@/shared/components/material-icon'
+
+const variants = {
+  connected: 'success',
+  connecting: 'warning',
+  disconnected: 'danger',
+}
+
+export const ConnectionBadge = ({ state }: { state: ConnectionStatus }) => (
+  <Badge className="px-2 py-1" bg={variants[state]}>
+    {state}
+  </Badge>
+)
+
+export const DiagnosticItem = ({
+  icon,
+  label,
+  value,
+  type,
+}: {
+  icon: string
+  label: string
+  value: React.ReactNode
+  type?: 'success' | 'danger'
+}) => (
+  <div
+    className={classnames(
+      'py-2',
+      type === 'success' && 'text-success',
+      type === 'danger' && 'text-danger'
+    )}
+  >
+    <div className="d-flex gap-2 fw-bold align-items-center">
+      <MaterialIcon type={icon} />
+      <span>{label}</span>
+    </div>
+    <div>{value}</div>
+  </div>
+)
+
+export function ErrorAlert({ message }: { message: string }) {
+  return <OLNotification type="error" content={message} className="mt-3" />
+}
+
+export function ActionButton({
+  label,
+  icon,
+  onClick,
+  disabled,
+}: {
+  label: string
+  icon: string
+  onClick: () => void
+  disabled?: boolean
+}) {
+  return (
+    <Button
+      onClick={onClick}
+      disabled={disabled}
+      className="d-flex align-items-center"
+    >
+      <MaterialIcon className="me-2" type={icon} />
+      <span>{label}</span>
+    </Button>
+  )
+}
diff --git a/services/web/frontend/js/features/socket-diagnostics/components/socket-diagnostics.tsx b/services/web/frontend/js/features/socket-diagnostics/components/socket-diagnostics.tsx
new file mode 100644
index 0000000..498a9ec
--- /dev/null
+++ b/services/web/frontend/js/features/socket-diagnostics/components/socket-diagnostics.tsx
@@ -0,0 +1,230 @@
+import React, { useEffect } from 'react'
+import type { ConnectionStatus } from './types'
+import { useSocketManager } from './use-socket-manager'
+import {
+  ActionButton,
+  ConnectionBadge,
+  DiagnosticItem,
+  ErrorAlert,
+} from './diagnostic-component'
+import { Col, Container, Row } from 'react-bootstrap-5'
+import MaterialIcon from '@/shared/components/material-icon'
+import OLFormCheckbox from '@/features/ui/components/ol/ol-form-checkbox'
+import { CopyToClipboard } from '@/shared/components/copy-to-clipboard'
+
+type NetworkInformation = {
+  downlink: number
+  effectiveType: string
+  rtt: number
+  saveData: boolean
+  type: string
+}
+
+const navigatorInfo = (): string[] => {
+  if (!('connection' in navigator)) {
+    return ['Network Information API not supported']
+  }
+
+  const connection = navigator.connection as NetworkInformation
+
+  return [
+    `Downlink: ${connection.downlink} Mbps`,
+    `Effective Type: ${connection.effectiveType}`,
+    `Round Trip Time: ${connection.rtt} ms`,
+    `Save Data: ${connection.saveData ? 'Enabled' : 'Disabled'}`,
+    `Platform: ${navigator.platform}`,
+    // @ts-ignore
+    `Device Memory: ${navigator.deviceMemory}`,
+    `Hardware Concurrency: ${navigator.hardwareConcurrency}`,
+  ]
+}
+
+const useCurrentTime = () => {
+  const [, setTime] = React.useState(new Date())
+  useEffect(() => {
+    const interval = setInterval(() => setTime(new Date()), 1000)
+    return () => clearInterval(interval)
+  }, [])
+}
+
+type DiagnosticProps = {
+  icon: string
+  label: string
+  text: string[]
+  type?: 'success' | 'danger'
+}
+
+export const SocketDiagnostics = () => {
+  const {
+    socketState,
+    debugInfo,
+    disconnectSocket,
+    forceReconnect,
+    socket,
+    autoping,
+    setAutoping,
+  } = useSocketManager()
+  useCurrentTime()
+
+  const now = new Date()
+
+  const getConnectionState = (): ConnectionStatus => {
+    if (socketState.connected) return 'connected'
+    if (socketState.connecting) return 'connecting'
+    return 'disconnected'
+  }
+
+  const lastReceivedS = debugInfo.lastReceived
+    ? Math.round((now.getTime() - debugInfo.lastReceived) / 1000)
+    : null
+
+  const isLate =
+    !!debugInfo.unansweredSince &&
+    now.getTime() - debugInfo.unansweredSince >= 3000
+
+  const diagnosticProps: DiagnosticProps[] = [
+    {
+      icon: 'network_ping',
+      label: 'Ping Count',
+      text: [
+        `${debugInfo.received} / ${debugInfo.sent}`,
+        lastReceivedS !== null ? `Last received ${lastReceivedS}s ago` : null,
+      ].filter(Boolean) as string[],
+      type: isLate === null ? undefined : isLate ? 'danger' : 'success',
+    },
+    {
+      icon: 'schedule',
+      label: 'Latency',
+      text: [
+        debugInfo.latency
+          ? `${debugInfo.latency} ms\nMax: ${debugInfo.maxLatency} ms`
+          : '-',
+      ],
+      type: debugInfo.latency && debugInfo.latency < 450 ? 'success' : 'danger',
+    },
+    {
+      icon: 'difference',
+      label: 'Clock Delta',
+      text: [
+        debugInfo.clockDelta === null
+          ? '-'
+          : `${Math.round(debugInfo.clockDelta / 1000)}s`,
+      ],
+      type:
+        debugInfo.clockDelta !== null && Math.abs(debugInfo.clockDelta) < 1500
+          ? 'success'
+          : 'danger',
+    },
+    {
+      icon: 'signal_cellular_alt',
+      label: 'Online',
+      text: [debugInfo.onLine?.toString() ?? '-'],
+      type: debugInfo.onLine ? 'success' : 'danger',
+    },
+    {
+      icon: 'schedule',
+      label: 'Current time',
+      text: [now.toUTCString()],
+    },
+    {
+      icon: 'hourglass',
+      label: 'Connection time',
+      text: [
+        debugInfo.client?.connectedAt
+          ? `${new Date(debugInfo.client.connectedAt).toUTCString()} (${Math.round(
+              (Date.now() - debugInfo.client.connectedAt) / 1000
+            )}s)`
+          : '-',
+      ],
+    },
+    {
+      icon: 'local_shipping',
+      label: 'Transport',
+      text: [socket?.socket.transport?.name ?? '-'],
+    },
+    {
+      icon: 'badge',
+      label: 'Client Public ID',
+      text: [debugInfo.client?.publicId ?? '-'],
+    },
+    {
+      icon: 'pin',
+      label: 'IP Address',
+      text: [debugInfo.client?.remoteIp ?? '-'],
+    },
+    {
+      icon: 'web',
+      label: 'User agent',
+      text: [debugInfo.client?.userAgent ?? '-'],
+    },
+    {
+      icon: 'directions_boat',
+      label: 'Navigator info',
+      text: navigatorInfo(),
+    },
+  ]
+
+  const diagnosticItems = diagnosticProps.map(item => (
+    <DiagnosticItem
+      key={item.label}
+      icon={item.icon}
+      label={item.label}
+      value={item.text.map((t, i) => (
+        <div key={i}>{t}</div>
+      ))}
+      type={item.type}
+    />
+  ))
+  const cutAtIndex = 7
+  const leftItems = diagnosticItems.slice(0, cutAtIndex)
+  const rightItems = diagnosticItems.slice(cutAtIndex)
+
+  return (
+    <Container>
+      <h1>Socket Diagnostics</h1>
+      <ConnectionBadge state={getConnectionState()} />
+      <div className="d-flex flex-wrap gap-4 mt-3 align-items-center">
+        <ActionButton
+          label="Reconnect"
+          icon="refresh"
+          onClick={forceReconnect}
+        />
+        <ActionButton
+          label="Disconnect"
+          icon="close"
+          onClick={disconnectSocket}
+          disabled={!socketState.connected}
+        />
+        <OLFormCheckbox
+          label="Auto ping"
+          id="autoping"
+          checked={autoping}
+          onChange={e => setAutoping(e.target.checked)}
+        />
+      </div>
+
+      {socketState.lastError && <ErrorAlert message={socketState.lastError} />}
+
+      <div className="card p-4 mt-3">
+        <div className="d-flex flex-wrap gap-4 row-gap-1 justify-content-between align-items-center">
+          <h3 className="text-lg">
+            <MaterialIcon type="speed" /> Connection Stats
+          </h3>
+          <div className="ms-auto">
+            <CopyToClipboard
+              content={diagnosticProps
+                .map(item => [`${item.label}:`, ...item.text].join('\n'))
+                .join('\n\n')}
+              tooltipId="copy-debug-info"
+              kind="text"
+            />
+          </div>
+        </div>
+        <Row>
+          <Col md={6}>{leftItems}</Col>
+          <Col md={6}>{rightItems}</Col>
+        </Row>
+      </div>
+    </Container>
+  )
+}
diff --git a/services/web/frontend/js/features/socket-diagnostics/components/types.ts b/services/web/frontend/js/features/socket-diagnostics/components/types.ts
new file mode 100644
index 0000000..159948a
--- /dev/null
+++ b/services/web/frontend/js/features/socket-diagnostics/components/types.ts
@@ -0,0 +1,30 @@
+export interface SocketState {
+  connected: boolean
+  connecting: boolean
+  lastError: string
+}
+
+export interface DebugInfo {
+  sent: number
+  received: number
+  latency: number | null
+  maxLatency: number | null
+  clockDelta: number | null
+  onLine: boolean | null
+  client: Client | null
+  unansweredSince: number | null
+  lastReceived: number | null
+}
+
+interface Client {
+  id: string
+  publicId: string
+  remoteIp: string
+  userAgent: string
+  connected: boolean
+  readable: boolean
+  ackPackets: number
+  connectedAt: number
+}
+
+export type ConnectionStatus = 'connected' | 'connecting' | 'disconnected'
diff --git a/services/web/frontend/js/features/socket-diagnostics/components/use-socket-manager.ts b/services/web/frontend/js/features/socket-diagnostics/components/use-socket-manager.ts
new file mode 100644
index 0000000..a003505
--- /dev/null
+++ b/services/web/frontend/js/features/socket-diagnostics/components/use-socket-manager.ts
@@ -0,0 +1,170 @@
+import { useState, useEffect, useCallback } from 'react'
+import SocketIoShim from '@/ide/connection/SocketIoShim'
+import type { Socket } from '@/features/ide-react/connection/types/socket'
+import type { DebugInfo, SocketState } from './types'
+
+export function useSocketManager() {
+  const [socket, setSocket] = useState<Socket | null>(null)
+  const [autoping, setAutoping] = useState<boolean>(false)
+
+  const [socketState, setSocketState] = useState<SocketState>({
+    connected: false,
+    connecting: false,
+    lastError: '',
+  })
+
+  const [debugInfo, setDebugInfo] = useState<DebugInfo>({
+    sent: 0,
+    received: 0,
+    latency: null,
+    maxLatency: null,
+    onLine: null,
+    clockDelta: null,
+    client: null,
+    unansweredSince: null,
+    lastReceived: null,
+  })
+
+  const connectSocket = useCallback(() => {
+    const parsedURL = new URL('/socket.io', window.origin)
+
+    setSocketState(prev => ({
+      ...prev,
+      connecting: true,
+      lastAttempt: Date.now(),
+    }))
+
+    const newSocket = SocketIoShim.connect(parsedURL.origin, {
+      resource: parsedURL.pathname.slice(1),
+      'auto connect': false,
+      'connect timeout': 30 * 1000,
+      'force new connection': true,
+      query: new URLSearchParams({ debugging: 'true' }).toString(),
+      reconnect: false,
+    }) as unknown as Socket
+
+    setSocket(newSocket)
+    return newSocket
+  }, [])
+
+  const disconnectSocket = useCallback(() => {
+    socket?.disconnect()
+    setSocket(null)
+    setSocketState(prev => ({
+      ...prev,
+      connected: false,
+      connecting: false,
+      lastError: 'Manually disconnected',
+    }))
+  }, [socket])
+
+  const forceReconnect = useCallback(() => {
+    disconnectSocket()
+    setTimeout(connectSocket, 1000)
+  }, [disconnectSocket, connectSocket])
+
+  useEffect(() => {
+    connectSocket()
+  }, [connectSocket])
+
+  const sendPing = useCallback(() => {
+    if (socket?.socket.connected) {
+      const time = Date.now()
+      setDebugInfo(prev => ({
+        ...prev,
+        sent: prev.sent + 1,
+        unansweredSince: prev.unansweredSince ?? time,
+      }))
+      socket.emit('debug', { time }, (info: any) => {
+        const beforeTime = info.data.time
+        const now = Date.now()
+        const latency = now - beforeTime
+        const clockDelta = (beforeTime + beforeTime) / 2 - info.serverTime
+        setDebugInfo(prev => ({
+          ...prev,
+          received: prev.received + 1,
+          latency,
+          maxLatency: Math.max(prev.maxLatency ?? 0, latency),
+          clockDelta,
+          client: info.client,
+          lastReceived: now,
+          unansweredSince: null,
+        }))
+      })
+    }
+  }, [socket])
+
+  useEffect(() => {
+    if (!socket || !autoping) return
+
+    const statsInterval = setInterval(sendPing, 2000)
+
+    return () => {
+      clearInterval(statsInterval)
+    }
+  }, [socket, autoping, sendPing])
+
+  useEffect(() => {
+    if (!socket) return
+
+    socket.on('connect', () => {
+      setSocketState(prev => ({
+        ...prev,
+        connected: true,
+        connecting: false,
+        lastSuccess: Date.now(),
+        lastError: '',
+      }))
+      sendPing()
+    })
+
+    socket.on('disconnect', (reason: string) => {
+      setSocketState(prev => ({
+        ...prev,
+        connected: false,
+        connecting: false,
+        lastError: `Disconnected: ${reason}`,
+      }))
+    })
+
+    socket.on('connect_error', (error: Error) => {
+      setSocketState(prev => ({
+        ...prev,
+        connecting: false,
+        lastError: `Connection error: ${error?.message || 'Unknown'}`,
+      }))
+    })
+
+    socket.socket.connect()
+
+    return () => {
+      socket.disconnect()
+    }
+  }, [sendPing, socket])
+
+  useEffect(() => {
+    const updateNetworkInfo = () => {
+      setDebugInfo(prev => ({ ...prev, onLine: navigator.onLine }))
+    }
+
+    window.addEventListener('online', updateNetworkInfo)
+    window.addEventListener('offline', updateNetworkInfo)
+    updateNetworkInfo()
+
+    return () => {
+      window.removeEventListener('online', updateNetworkInfo)
+      window.removeEventListener('offline', updateNetworkInfo)
+    }
+  }, [])
+
+  return {
+    socketState,
+    debugInfo,
+    connectSocket,
+    disconnectSocket,
+    forceReconnect,
+    socket,
+    autoping,
+    setAutoping,
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/commands/cursor.ts b/services/web/frontend/js/features/source-editor/commands/cursor.ts
new file mode 100644
index 0000000..90b9b1a
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/commands/cursor.ts
@@ -0,0 +1,36 @@
+import { Command } from '@codemirror/view'
+import { EditorSelection } from '@codemirror/state'
+import { emitShortcutEvent } from '@/features/source-editor/extensions/toolbar/utils/analytics'
+
+export const cloneSelectionVertically =
+  (forward: boolean, cumulative: boolean, modifier: string): Command =>
+  view => {
+    const { main, ranges, mainIndex } = view.state.selection
+    const { anchor, head, goalColumn } = main
+    const start = EditorSelection.range(anchor, head, goalColumn)
+    const nextRange = view.moveVertically(start, forward)
+    let filteredRanges = [...ranges]
+
+    if (!cumulative && filteredRanges.length > 1) {
+      // remove the current main range
+      filteredRanges.splice(mainIndex, 1)
+    }
+
+    // prevent duplication when going in the opposite direction
+    filteredRanges = filteredRanges.filter(
+      item => item.from !== nextRange.from && item.to !== nextRange.to
+    )
+    const selection = EditorSelection.create(
+      filteredRanges.concat(nextRange),
+      filteredRanges.length
+    )
+    view.dispatch({ selection })
+
+    emitShortcutEvent(view, 'clone-selection-vertically', {
+      forward,
+      cumulative,
+      modifier,
+    })
+
+    return true
+  }
diff --git a/services/web/frontend/js/features/source-editor/commands/indent.ts b/services/web/frontend/js/features/source-editor/commands/indent.ts
new file mode 100644
index 0000000..42cc66a
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/commands/indent.ts
@@ -0,0 +1,50 @@
+import { EditorSelection } from '@codemirror/state'
+import { getIndentUnit, indentString, indentUnit } from '@codemirror/language'
+import { EditorView } from '@codemirror/view'
+
+export const indentMore = (view: EditorView) => {
+  if (view.state.readOnly) {
+    return false
+  }
+  view.dispatch(
+    view.state.changeByRange(range => {
+      const doc = view.state.doc
+
+      const changes = []
+
+      if (range.empty) {
+        // insert space(s) at the cursor
+        const line = doc.lineAt(range.from)
+        const unit = getIndentUnit(view.state)
+        const offset = range.from - line.from
+        const cols = unit - (offset % unit)
+        const insert = indentString(view.state, cols)
+
+        changes.push({ from: range.from, insert })
+      } else {
+        // indent selected lines
+        const insert = view.state.facet(indentUnit)
+        let previousLineNumber = -1
+        for (let pos = range.from; pos <= range.to; pos++) {
+          const line = doc.lineAt(pos)
+          if (previousLineNumber === line.number) {
+            continue
+          }
+          changes.push({ from: line.from, insert })
+          previousLineNumber = line.number
+        }
+      }
+
+      const changeSet = view.state.changes(changes)
+
+      return {
+        changes: changeSet,
+        range: EditorSelection.range(
+          changeSet.mapPos(range.anchor, 1),
+          changeSet.mapPos(range.head, 1)
+        ),
+      }
+    })
+  )
+  return true
+}
diff --git a/services/web/frontend/js/features/source-editor/commands/ranges.ts b/services/web/frontend/js/features/source-editor/commands/ranges.ts
new file mode 100644
index 0000000..fe533e4
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/commands/ranges.ts
@@ -0,0 +1,762 @@
+import { EditorView } from '@codemirror/view'
+import { EditorSelection, EditorState, SelectionRange } from '@codemirror/state'
+import {
+  ensureSyntaxTree,
+  foldedRanges,
+  foldEffect,
+  syntaxTree,
+} from '@codemirror/language'
+import { SyntaxNode } from '@lezer/common'
+import { ancestorOfNodeWithType } from '../utils/tree-query'
+import { lastAncestorAtEndPosition } from '../utils/tree-operations/ancestors'
+import {
+  formattingCommandMap,
+  type FormattingCommand,
+  type FormattingNodeType,
+} from '@/features/source-editor/utils/tree-operations/formatting'
+
+export const wrapRanges =
+  (
+    prefix: string,
+    suffix: string,
+    wrapWholeLine = false,
+    selection?: (range: SelectionRange, view: EditorView) => SelectionRange
+  ) =>
+  (view: EditorView): boolean => {
+    if (view.state.readOnly) {
+      return false
+    }
+    view.dispatch(
+      view.state.changeByRange(range => {
+        const insert = { prefix, suffix }
+
+        if (wrapWholeLine) {
+          const line = view.state.doc.lineAt(range.anchor)
+
+          if (range.empty) {
+            // expand range to cover the whole line
+            range = EditorSelection.range(line.from, line.to)
+          }
+
+          // add a newline at the start if needed
+          if (range.from !== line.from) {
+            insert.prefix = `\n${prefix}`
+          }
+
+          // add a newline at the end if needed
+          if (range.to !== line.to) {
+            insert.suffix = `${suffix}\n`
+          }
+        }
+
+        const content = view.state.sliceDoc(range.from, range.to)
+
+        // map through the prefix only
+        const changedRange = range.map(
+          view.state.changes([
+            { from: range.from, insert: `${insert.prefix}` },
+          ]),
+          1
+        )
+
+        return {
+          range: selection ? selection(changedRange, view) : changedRange,
+          // create a single change, including the content
+          changes: [
+            {
+              from: range.from,
+              to: range.to,
+              insert: `${insert.prefix}${content}${insert.suffix}`,
+            },
+          ],
+        }
+      }),
+      { scrollIntoView: true }
+    )
+    return true
+  }
+
+export const changeCase =
+  (upper = true) =>
+  (view: EditorView) => {
+    if (view.state.readOnly) {
+      return false
+    }
+    view.dispatch(
+      view.state.changeByRange(range => {
+        // ignore empty ranges
+        if (range.empty) {
+          return { range }
+        }
+
+        const text = view.state.doc.sliceString(range.from, range.to)
+
+        return {
+          range,
+          changes: [
+            {
+              from: range.from,
+              to: range.to,
+              insert: upper ? text.toUpperCase() : text.toLowerCase(),
+            },
+          ],
+        }
+      })
+    )
+    return true
+  }
+
+export const duplicateSelection = (view: EditorView) => {
+  if (view.state.readOnly) {
+    return false
+  }
+  const foldedRangesInDocument = foldedRanges(view.state)
+  view.dispatch(
+    view.state.changeByRange(range => {
+      const folds: { offset: number; base: number; length: number }[] = []
+      if (range.empty) {
+        const line = view.state.doc.lineAt(range.from)
+        let lineStart = line.from
+        let lineEnd = line.to
+
+        // Calculate line start/end including folded ranges
+        //
+        // Note that at each iteration of the while loop, new folded ranges
+        // can be included. This happens when there are multiple folded ranges
+        // on a single editor line (but spanning multiple actual lines)
+        //
+        // For example, the following document:
+        //  1: \begin{document}
+        //  2:     test
+        //  3: \end{document}\begin{document}
+        //  4:     test
+        //  5: \end{document}
+        //
+        // Can be folded to:
+        //  \begin{document}<...>\end{document}\begin{document}<...>\end{document}
+        //
+        // In this case, the first iterations of the while loop below will only
+        // include lines 3-5, since the overlapping folded range for line 5
+        // is only the fold on lines 3-5. Hence in the while loop, we expand the
+        // selection until we include all the ranges.
+        let changed
+        do {
+          changed = false
+          foldedRangesInDocument.between(lineStart, lineEnd, (from, to) => {
+            const newLineStart = Math.min(
+              view.state.doc.lineAt(from).from,
+              lineStart
+            )
+            const newLineEnd = Math.max(view.state.doc.lineAt(to).to, lineEnd)
+            if (newLineStart !== lineStart || newLineEnd !== lineEnd) {
+              changed = true
+              lineStart = newLineStart
+              lineEnd = newLineEnd
+            }
+          })
+        } while (changed)
+
+        // Collect information needed to fold duplicated lines
+        foldedRangesInDocument.between(lineStart, lineEnd, (from, to) => {
+          folds.push({
+            offset: from - lineStart,
+            base: lineEnd + view.state.lineBreak.length,
+            length: to - from,
+          })
+        })
+
+        // Duplicate the selected lines downwards
+        return {
+          range,
+          changes: [
+            {
+              from: lineEnd,
+              insert:
+                view.state.lineBreak + view.state.doc.slice(lineStart, lineEnd),
+            },
+          ],
+          // Add a fold effect for each fold in the original line
+          effects: folds.map(fold =>
+            foldEffect.of({
+              from: fold.base + fold.offset,
+              to: fold.base + fold.offset + fold.length,
+            })
+          ),
+        }
+      } else {
+        // Duplicate selected text at head of selection
+        let newSelectionRange = range
+        if (range.head > range.anchor) {
+          // Duplicating to the right, so we need to update the selected range
+          newSelectionRange = EditorSelection.range(
+            range.head,
+            range.head + (range.to - range.from)
+          )
+        }
+        return {
+          // The new range is the duplicated section, placed at the head of the
+          // original selection
+          range: newSelectionRange,
+          changes: [
+            {
+              from: range.head,
+              insert: view.state.doc.slice(range.from, range.to),
+            },
+          ],
+        }
+      }
+    })
+  )
+  return true
+}
+
+const skipParentNodeTypes = [
+  'LongArg',
+  'TextArgument',
+  'OpenBrace',
+  'CloseBrace',
+]
+
+function getParentNode(
+  position: number | SyntaxNode,
+  state: EditorState,
+  assoc: 0 | 1 | -1 = 1
+): SyntaxNode | undefined {
+  const tree = ensureSyntaxTree(state, 1000)
+  let node: SyntaxNode | undefined | null
+  if (typeof position === 'number') {
+    node = tree?.resolveInner(position, assoc)?.parent
+
+    const ancestorAtEndPos = lastAncestorAtEndPosition(node, position)
+    if (ancestorAtEndPos?.parent) {
+      node = ancestorAtEndPos.parent
+    }
+  } else {
+    node = position?.parent
+  }
+
+  while (node && skipParentNodeTypes.includes(node.type.name)) {
+    node = node.parent
+  }
+
+  return node || undefined
+}
+
+function wrapRangeInCommand(
+  state: EditorState,
+  range: SelectionRange,
+  command: string
+) {
+  const content = state.sliceDoc(range.from, range.to)
+  const changes = state.changes([
+    {
+      from: range.from,
+      to: range.to,
+      insert: `${command}{${content}}`,
+    },
+  ])
+  return {
+    changes,
+    range: moveRange(
+      range,
+      range.from + command.length + 1,
+      range.from + command.length + content.length + 1
+    ),
+  }
+}
+
+function moveRange(range: SelectionRange, newFrom: number, newTo: number) {
+  const forwards = range.from === range.anchor
+  return forwards
+    ? EditorSelection.range(newFrom, newTo)
+    : EditorSelection.range(newTo, newFrom)
+}
+
+function validateReplacement(expected: string, actual: string) {
+  if (expected !== actual) {
+    throw new Error('Replacement in toggleRange failed validation.')
+  }
+}
+
+function getWrappingAncestor(
+  node: SyntaxNode,
+  nodeType: FormattingNodeType
+): SyntaxNode | null {
+  for (
+    let ancestor: SyntaxNode | null = node;
+    ancestor;
+    ancestor = ancestor.parent
+  ) {
+    if (ancestor.type.is(nodeType)) {
+      return ancestor
+    }
+    if (formattingCommandMap[ancestor.type.name as FormattingCommand]) {
+      // We could multiple levels deep in bold/non-bold. So bail out in this case
+      return null
+    }
+  }
+  return null
+}
+
+function adjustRangeIfNeeded(
+  nodeType: FormattingNodeType,
+  range: SelectionRange,
+  state: EditorState
+) {
+  // Try to adjust the selection, if it is either
+  // 1. \textbf<{test>}
+  // 2. \textbf{<test}>
+  // 3. \textbf<{test}>
+  // 4. <\textbf{test}>
+  // 4. \textbf<>{test}
+  const tree = syntaxTree(state)
+  if (tree.length < range.to) {
+    return range
+  }
+
+  const nodeLeft = tree.resolveInner(range.from, 1)
+  const nodeRight = tree.resolveInner(range.to, -1)
+  const parentLeft = getWrappingAncestor(nodeLeft, nodeType)
+  const parentRight = getWrappingAncestor(nodeRight, nodeType)
+
+  const parent = getParentNode(nodeLeft, state)
+  if (
+    parent?.type.is('$ToggleTextFormattingCommand') &&
+    spansWholeArgument(parent, range)
+  ) {
+    return bubbleUpRange(
+      nodeType,
+      ancestorOfNodeWithType(nodeLeft, '$ToggleTextFormattingCommand'),
+      range
+    )
+  }
+
+  if (!parentLeft) {
+    // We're not trying to unbold, so don't bother adjusting range
+    return bubbleUpRange(
+      nodeType,
+      ancestorOfNodeWithType(nodeLeft, '$ToggleTextFormattingCommand'),
+      range
+    )
+  }
+  if (nodeLeft.type.is('$CtrlSeq') && range.from === range.to) {
+    const commandNode = nodeLeft.parent?.parent?.parent
+    if (!commandNode) {
+      return range
+    }
+    return EditorSelection.cursor(commandNode.from)
+  }
+
+  let { from, to } = range
+  if (nodeLeft.type.is('$CtrlSeq')) {
+    from = nodeLeft.to + 1
+  }
+  if (nodeLeft.type.is('OpenBrace')) {
+    from = nodeLeft.to
+  }
+  // We know that parentLeft is the $ToggleTextFormattingCommand, so now we check if we're
+  // to the right of the closing brace. (parent is TextArgument, grandparent is
+  // $ToggleTextFormattingCommand)
+  if (parentLeft === parentRight && nodeRight.type.is('CloseBrace')) {
+    to = nodeRight.from
+  }
+  return bubbleUpRange(nodeType, parentLeft, moveRange(range, from, to))
+}
+
+function spansWholeArgument(
+  commandNode: SyntaxNode | null,
+  range: SelectionRange
+): boolean {
+  const argument = commandNode?.getChild('TextArgument')?.getChild('LongArg')
+  return Boolean(
+    argument && argument.from === range.from && argument.to === range.to
+  )
+}
+
+function bubbleUpRange(
+  nodeType: string | number,
+  node: SyntaxNode | null,
+  range: SelectionRange
+) {
+  let currentRange = range
+  for (
+    let ancestorCommand: SyntaxNode | null = ancestorOfNodeWithType(
+      node,
+      '$ToggleTextFormattingCommand'
+    );
+    spansWholeArgument(ancestorCommand, currentRange);
+    ancestorCommand = ancestorOfNodeWithType(
+      ancestorCommand.parent,
+      '$ToggleTextFormattingCommand'
+    )
+  ) {
+    if (!ancestorCommand) {
+      break
+    }
+    currentRange = moveRange(
+      currentRange,
+      ancestorCommand.from,
+      ancestorCommand.to
+    )
+    if (ancestorCommand.type.is(nodeType)) {
+      const argumentNode = ancestorCommand
+        .getChild('TextArgument')
+        ?.getChild('LongArg')
+      if (!argumentNode) {
+        return range
+      }
+      return moveRange(range, argumentNode.from, argumentNode.to)
+    }
+  }
+
+  return range
+}
+
+export function toggleRanges(command: FormattingCommand) {
+  const nodeType: FormattingNodeType = formattingCommandMap[command]
+
+  /* There are a number of situations we need to handle in this function.
+   * In the following examples, the selection range is marked within <>
+
+   * 1. If the parent node at start and end of selection is different -> do
+   *    nothing & show error. Case 8 is an exception to this.
+   *      -> For good and bad, this disallows \textbf{this <is} weird
+   *         \textit{to> do}
+   * 2. If selection contains a BlankLine (i.e. two newlines in a row) -> do
+   *    nothing & show error
+   *      -> \textbf doesn't allow paragraph breaks).
+   * 3. If the selection is not within a \textbf -> wrap it in a \textbf
+   * 4. If selection is at the beginning of a \textbf -> shrink the \textbf
+   *    command
+   *      -> e.g. \textbf{<this is> a test} → <this is>\textbf{ a test}
+   * 5. Similarly for selection at end of \textbf command
+   * 6. If selection is in the middle of a \textbf command -> split the command
+   *    into two
+   *      -> e.g. \textbf{this <is a> test} → \textbf{this }<is a>\textbf{ test}
+   * 7. If the selection is a whole \textbf command → remove the wrapping
+   *    command.
+   * 8. If the selection spans two \textbf's with the same parent then join the
+   *    two
+   *      -> e.g. \textbf{this <is} a \textbf{te>st} → \textbf{this <is a te>st}
+   * 9. If the selection spans the end of a \textbf, into the parent of the
+   *    command, then extend the \textbf.
+   *      -> e.g. \textbf{this <is} a test> → \textbf{this <is a test>}
+   * 10. Similarly for selections spanning the beginning of the selection
+   */
+  return (view: EditorView): boolean => {
+    if (view.state.readOnly) {
+      return false
+    }
+    view.dispatch(
+      view.state.changeByRange(initialRange => {
+        const range = adjustRangeIfNeeded(nodeType, initialRange, view.state)
+        const content = view.state.sliceDoc(range.from, range.to)
+
+        const ancestorAtStartOfRange = getParentNode(
+          range.from,
+          view.state,
+          range.from === 0 ? 1 : -1
+        )
+        const ancestorAtEndOfRange = range.empty
+          ? ancestorAtStartOfRange
+          : getParentNode(
+              range.to,
+              view.state,
+              range.to === view.state.doc.length ? -1 : 1
+            )
+
+        const tree = ensureSyntaxTree(view.state, 1000)
+        const nodeAtFrom = tree?.resolveInner(range.from, 1)
+        const nodeAtTo = tree?.resolveInner(range.to, -1)
+        const isSingleNodeSelected = nodeAtFrom === nodeAtTo
+
+        if (
+          !isSingleNodeSelected &&
+          ancestorAtStartOfRange !== ancestorAtEndOfRange
+        ) {
+          // But handle the exception of case 8
+          const ancestorAtStartIsWrappingCommand =
+            ancestorAtStartOfRange?.type.is(nodeType)
+
+          const ancestorAtEndIsWrappingCommand =
+            ancestorAtEndOfRange && ancestorAtEndOfRange.type.is(nodeType)
+
+          if (
+            ancestorAtStartIsWrappingCommand &&
+            ancestorAtEndIsWrappingCommand &&
+            ancestorAtStartOfRange?.parent?.parent?.parent &&
+            ancestorAtEndOfRange?.parent?.parent?.parent
+          ) {
+            // Test for case 8
+            const nextAncestorAtStartOfRange =
+              ancestorAtStartOfRange.parent.parent.parent
+            const nextAncestorAtEndOfRange =
+              ancestorAtEndOfRange.parent.parent.parent
+
+            if (nextAncestorAtStartOfRange === nextAncestorAtEndOfRange) {
+              // Join the two ranges
+              const textBetweenRanges = view.state.sliceDoc(
+                ancestorAtStartOfRange.to,
+                ancestorAtEndOfRange.from
+              )
+              const ancestorStartArgumentNode =
+                ancestorAtStartOfRange.lastChild?.getChild('LongArg')
+              const ancestorEndArgumentNode =
+                ancestorAtEndOfRange.lastChild?.getChild('LongArg')
+              if (!ancestorStartArgumentNode || !ancestorEndArgumentNode) {
+                throw new Error("Can't find argument node")
+              }
+              const actualContent = view.state.sliceDoc(
+                ancestorAtStartOfRange.from,
+                ancestorAtEndOfRange.to
+              )
+              const firstCommandArgument = view.state.sliceDoc(
+                ancestorStartArgumentNode.from,
+                ancestorStartArgumentNode.to
+              )
+              const secondCommandArgument = view.state.sliceDoc(
+                ancestorEndArgumentNode.from,
+                ancestorEndArgumentNode.to
+              )
+              validateReplacement(
+                `${command}{${firstCommandArgument}}${textBetweenRanges}${command}{${secondCommandArgument}}`,
+                actualContent
+              )
+              const changes = view.state.changes([
+                {
+                  from: ancestorAtStartOfRange.from,
+                  to: ancestorAtEndOfRange.to,
+                  insert: `${command}{${firstCommandArgument}${textBetweenRanges}${secondCommandArgument}}`,
+                },
+              ])
+              return {
+                changes,
+                range: moveRange(
+                  range,
+                  range.from,
+                  range.to - command.length - 1 - 1
+                ),
+              }
+            }
+          }
+
+          if (
+            ancestorAtEndIsWrappingCommand &&
+            ancestorAtEndOfRange.parent?.parent?.parent ===
+              ancestorAtStartOfRange
+          ) {
+            // Extend to the left. Case 10
+            const contentUpToCommand = view.state.sliceDoc(
+              range.from,
+              ancestorAtEndOfRange.from
+            )
+            const ancestorEndArgumentNode =
+              ancestorAtEndOfRange.lastChild?.getChild('LongArg')
+            if (!ancestorEndArgumentNode) {
+              throw new Error("Can't find argument node")
+            }
+            const commandContent = view.state.sliceDoc(
+              ancestorEndArgumentNode.from,
+              ancestorEndArgumentNode.to
+            )
+            const actualContent = view.state.sliceDoc(
+              range.from,
+              ancestorAtEndOfRange.to
+            )
+            validateReplacement(
+              `${contentUpToCommand}${command}{${commandContent}}`,
+              actualContent
+            )
+            const changes = view.state.changes([
+              {
+                from: range.from,
+                to: ancestorAtEndOfRange.to,
+                insert: `${command}{${contentUpToCommand}${commandContent}}`,
+              },
+            ])
+            return {
+              changes,
+              range: moveRange(
+                range,
+                range.from + command.length + 1,
+                range.to
+              ),
+            }
+          }
+
+          if (
+            ancestorAtStartIsWrappingCommand &&
+            ancestorAtStartOfRange &&
+            ancestorAtStartOfRange.parent?.parent?.parent ===
+              ancestorAtEndOfRange
+          ) {
+            // Extend to the right. Case 9
+            const contentAfterCommand = view.state.sliceDoc(
+              ancestorAtStartOfRange.to,
+              range.to
+            )
+            const ancestorStartArgumentNode =
+              ancestorAtStartOfRange.lastChild?.getChild('LongArg')
+            if (!ancestorStartArgumentNode) {
+              throw new Error("Can't find argument node")
+            }
+            const commandContent = view.state.sliceDoc(
+              ancestorStartArgumentNode.from,
+              ancestorStartArgumentNode.to
+            )
+            const actualContent = view.state.sliceDoc(
+              ancestorAtStartOfRange.from,
+              range.to
+            )
+            validateReplacement(
+              `${command}{${commandContent}}${contentAfterCommand}`,
+              actualContent
+            )
+            const changes = view.state.changes([
+              {
+                from: ancestorAtStartOfRange.from,
+                to: range.to,
+                insert: `${command}{${commandContent}${contentAfterCommand}}`,
+              },
+            ])
+            return {
+              changes,
+              range: moveRange(range, range.from, range.to - 1),
+            }
+          }
+          // Bail out in case 1
+          // TODO: signal error to the user
+          return { range }
+        }
+
+        const ancestor = ancestorAtStartOfRange
+
+        // Bail out in case 2
+        if (content.includes('\n\n')) {
+          // TODO: signal error to the user
+          return { range }
+        }
+
+        const isCursorBeforeAncestor =
+          range.empty &&
+          ancestor &&
+          range.from === ancestor.from &&
+          ancestor.type.is(nodeType)
+
+        // If we can't find an ancestor node, or if the parent is not an exsting
+        // \textbf, then we just wrap it in a range. Case 3.
+        if (isCursorBeforeAncestor || !ancestor?.type.is(nodeType)) {
+          return wrapRangeInCommand(view.state, range, command)
+        }
+
+        const argumentNode = ancestor.lastChild?.getChild('LongArg')
+        if (!argumentNode) {
+          throw new Error("Can't find argument node")
+        }
+
+        // We should trim from the beginning. Case 4
+        if (range.from === argumentNode.from && range.to !== argumentNode.to) {
+          const textAfterSelection = view.state.sliceDoc(
+            range.to,
+            argumentNode.to
+          )
+          const wholeCommand = view.state.sliceDoc(ancestor.from, ancestor.to)
+          validateReplacement(
+            `${command}{${content}${textAfterSelection}}`,
+            wholeCommand
+          )
+          const changes = view.state.changes([
+            {
+              from: ancestor.from,
+              to: ancestor.to,
+              insert: `${content}${command}{${textAfterSelection}}`,
+            },
+          ])
+          return {
+            range: moveRange(
+              range,
+              range.from - command.length - 1,
+              range.to - command.length - 1
+            ),
+            changes,
+          }
+        }
+
+        // We should trim from the end. Case 5
+        if (range.to === argumentNode.to && range.from !== argumentNode.from) {
+          const textBeforeSelection = view.state.sliceDoc(
+            ancestor.from,
+            range.from
+          )
+          const wholeCommand = view.state.sliceDoc(ancestor.from, ancestor.to)
+          validateReplacement(`${textBeforeSelection}${content}}`, wholeCommand)
+          const changes = view.state.changes([
+            {
+              from: ancestor.from,
+              to: ancestor.to,
+              insert: `${textBeforeSelection}}${content}`,
+            },
+          ])
+          // We should shift selection forward by the } we insert
+          return {
+            range: moveRange(range, range.from + 1, range.to + 1),
+            changes,
+          }
+        }
+
+        // We should split the command in two. Case 6
+        if (range.from !== argumentNode.from && range.to !== argumentNode.to) {
+          const textBeforeSelection = view.state.sliceDoc(
+            ancestor.from,
+            range.from
+          )
+          const textAfterSelection = view.state.sliceDoc(range.to, ancestor.to)
+          const wholeCommand = view.state.sliceDoc(ancestor.from, ancestor.to)
+          validateReplacement(
+            `${textBeforeSelection}${content}${textAfterSelection}`,
+            wholeCommand
+          )
+          const changes = view.state.changes([
+            {
+              from: ancestor.from,
+              to: ancestor.to,
+              insert: `${textBeforeSelection}}${content}${command}{${textAfterSelection}`,
+            },
+          ])
+
+          return {
+            range: moveRange(range, range.from + 1, range.to + 1),
+            changes,
+          }
+        }
+
+        // Remove the wrapping command. Case 7
+        if (spansWholeArgument(ancestor, range)) {
+          const argumentContent = view.state.sliceDoc(
+            argumentNode.from,
+            argumentNode.to
+          )
+          const wholeCommand = view.state.sliceDoc(ancestor.from, ancestor.to)
+          validateReplacement(`${command}{${content}}`, wholeCommand)
+          const changes = view.state.changes([
+            { from: ancestor.from, to: ancestor.to, insert: argumentContent },
+          ])
+
+          return {
+            range: moveRange(
+              range,
+              range.from - command.length - 1,
+              range.to - command.length - 1
+            ),
+            changes,
+          }
+        }
+
+        // Shouldn't happen, but default to just wrapping the content
+        return wrapRangeInCommand(view.state, range, command)
+      }),
+      { scrollIntoView: true }
+    )
+    return true
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/commands/select.ts b/services/web/frontend/js/features/source-editor/commands/select.ts
new file mode 100644
index 0000000..ed19af2
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/commands/select.ts
@@ -0,0 +1,46 @@
+import { EditorView } from '@codemirror/view'
+import { EditorSelection, EditorState, StateCommand } from '@codemirror/state'
+import { SearchQuery, StringQuery, selectWord } from '@codemirror/search'
+
+export { selectNextOccurrence } from '@codemirror/search'
+
+const findPrevOccurence = (state: EditorState, search: string) => {
+  const searchQuery = new SearchQuery({ search, literal: true })
+  const query = new StringQuery(searchQuery)
+  const { from, to } = state.selection.main
+  return query.prevMatch(state, from, to)
+}
+
+export const selectPrevOccurrence: StateCommand = ({ state, dispatch }) => {
+  const { ranges } = state.selection
+
+  if (ranges.some(range => range.from === range.to)) {
+    return selectWord({ state, dispatch })
+  }
+
+  const searchedText = state.sliceDoc(ranges[0].from, ranges[0].to)
+
+  if (
+    state.selection.ranges.some(
+      range => state.sliceDoc(range.from, range.to) !== searchedText
+    )
+  ) {
+    return false
+  }
+
+  const range = findPrevOccurence(state, searchedText)
+  if (!range) {
+    return false
+  }
+
+  dispatch(
+    state.update({
+      selection: state.selection.addRange(
+        EditorSelection.range(range.from, range.to)
+      ),
+      effects: EditorView.scrollIntoView(range.to),
+    })
+  )
+
+  return true
+}
diff --git a/services/web/frontend/js/features/source-editor/components/codemirror-command-tooltip.tsx b/services/web/frontend/js/features/source-editor/components/codemirror-command-tooltip.tsx
new file mode 100644
index 0000000..c8c4814
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/codemirror-command-tooltip.tsx
@@ -0,0 +1,92 @@
+import { memo, useEffect } from 'react'
+import {
+  useCodeMirrorStateContext,
+  useCodeMirrorViewContext,
+} from './codemirror-context'
+import {
+  closeCommandTooltip,
+  commandTooltipState,
+} from '../extensions/command-tooltip'
+import ReactDOM from 'react-dom'
+import { HrefTooltipContent } from './command-tooltip/href-tooltip'
+import { UrlTooltipContent } from './command-tooltip/url-tooltip'
+import { RefTooltipContent } from './command-tooltip/ref-tooltip'
+import { IncludeTooltipContent } from './command-tooltip/include-tooltip'
+import { InputTooltipContent } from './command-tooltip/input-tooltip'
+import { getTooltip } from '@codemirror/view'
+
+export const CodeMirrorCommandTooltip = memo(function CodeMirrorLinkTooltip() {
+  const view = useCodeMirrorViewContext()
+  const state = useCodeMirrorStateContext()
+
+  const tooltipState = commandTooltipState(state)
+  const tooltipView = tooltipState && getTooltip(view, tooltipState.tooltip)
+
+  useEffect(() => {
+    if (!tooltipView) {
+      return
+    }
+
+    const controller = new AbortController()
+
+    tooltipView.dom.addEventListener(
+      'keydown',
+      (event: KeyboardEvent) => {
+        switch (event.key) {
+          case 'Escape':
+            // Escape to close the tooltip
+            event.preventDefault()
+            view.dispatch(closeCommandTooltip())
+            break
+
+          case 'Tab':
+            // Shift+Tab from the first element to return focus to the editor
+            if (
+              event.shiftKey &&
+              document.activeElement ===
+                tooltipView?.dom.querySelector('input,button')
+            ) {
+              event.preventDefault()
+              view.focus()
+            }
+
+            break
+
+          default:
+            break
+        }
+      },
+      { signal: controller.signal }
+    )
+
+    return () => controller.abort()
+  }, [tooltipView, view])
+
+  if (!tooltipView) {
+    return null
+  }
+
+  return ReactDOM.createPortal(
+    <CodeMirrorCommandTooltipContent command={tooltipState.command} />,
+    tooltipView.dom
+  )
+})
+
+const CodeMirrorCommandTooltipContent = memo<{
+  command: string
+}>(function CodeMirrorCommandTooltipContent({ command }) {
+  switch (command) {
+    case 'HrefCommand':
+      return <HrefTooltipContent />
+    case 'UrlCommand':
+      return <UrlTooltipContent />
+    case 'Ref':
+      return <RefTooltipContent />
+    case 'Include':
+      return <IncludeTooltipContent />
+    case 'Input':
+      return <InputTooltipContent />
+    default:
+      return null
+  }
+})
diff --git a/services/web/frontend/js/features/source-editor/components/codemirror-context.ts b/services/web/frontend/js/features/source-editor/components/codemirror-context.ts
new file mode 100644
index 0000000..7acf549
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/codemirror-context.ts
@@ -0,0 +1,35 @@
+import { createContext, useContext } from 'react'
+import { EditorView } from '@codemirror/view'
+import { EditorState } from '@codemirror/state'
+
+export const CodeMirrorStateContext = createContext<EditorState | undefined>(
+  undefined
+)
+
+export const CodeMirrorViewContext = createContext<EditorView | undefined>(
+  undefined
+)
+
+export const useCodeMirrorStateContext = (): EditorState => {
+  const context = useContext(CodeMirrorStateContext)
+
+  if (!context) {
+    throw new Error(
+      'useCodeMirrorStateContext is only available inside CodeMirrorStateContext.Provider'
+    )
+  }
+
+  return context
+}
+
+export const useCodeMirrorViewContext = (): EditorView => {
+  const context = useContext(CodeMirrorViewContext)
+
+  if (!context) {
+    throw new Error(
+      'useCodeMirrorViewContext is only available inside CodeMirrorViewContext.Provider'
+    )
+  }
+
+  return context
+}
diff --git a/services/web/frontend/js/features/source-editor/components/codemirror-editor.tsx b/services/web/frontend/js/features/source-editor/components/codemirror-editor.tsx
new file mode 100644
index 0000000..c1808cb
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/codemirror-editor.tsx
@@ -0,0 +1,98 @@
+import { ElementType, memo, useRef, useState } from 'react'
+import useIsMounted from '../../../shared/hooks/use-is-mounted'
+import { EditorView } from '@codemirror/view'
+import { EditorState } from '@codemirror/state'
+import CodeMirrorView from './codemirror-view'
+import CodeMirrorSearch from './codemirror-search'
+import { CodeMirrorToolbar } from './codemirror-toolbar'
+import { CodemirrorOutline } from './codemirror-outline'
+import { CodeMirrorCommandTooltip } from './codemirror-command-tooltip'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+import { FigureModal } from './figure-modal/figure-modal'
+import { ReviewPanelProviders } from '@/features/review-panel-new/context/review-panel-providers'
+import { ReviewPanelNew } from '@/features/review-panel-new/components/review-panel-new'
+import ReviewTooltipMenu from '@/features/review-panel-new/components/review-tooltip-menu'
+import {
+  CodeMirrorStateContext,
+  CodeMirrorViewContext,
+} from './codemirror-context'
+import MathPreviewTooltip from './math-preview-tooltip'
+import { useToolbarMenuBarEditorCommands } from '@/features/ide-redesign/hooks/use-toolbar-menu-editor-commands'
+
+// TODO: remove this when definitely no longer used
+export * from './codemirror-context'
+
+const sourceEditorComponents = importOverleafModules(
+  'sourceEditorComponents'
+) as { import: { default: ElementType }; path: string }[]
+
+const sourceEditorToolbarComponents = importOverleafModules(
+  'sourceEditorToolbarComponents'
+) as { import: { default: ElementType }; path: string }[]
+
+function CodeMirrorEditor() {
+  // create the initial state
+  const [state, setState] = useState(() => {
+    return EditorState.create()
+  })
+
+  const isMounted = useIsMounted()
+
+  // create the view using the initial state and intercept transactions
+  const viewRef = useRef<EditorView | null>(null)
+  if (viewRef.current === null) {
+    // @ts-ignore (disable EditContext-based editing until stable)
+    EditorView.EDIT_CONTEXT = false
+
+    const view = new EditorView({
+      state,
+      dispatchTransactions: trs => {
+        view.update(trs)
+        if (isMounted.current) {
+          setState(view.state)
+        }
+      },
+    })
+    viewRef.current = view
+  }
+
+  return (
+    <CodeMirrorStateContext.Provider value={state}>
+      <CodeMirrorViewContext.Provider value={viewRef.current}>
+        <CodeMirrorEditorComponents />
+      </CodeMirrorViewContext.Provider>
+    </CodeMirrorStateContext.Provider>
+  )
+}
+
+function CodeMirrorEditorComponents() {
+  useToolbarMenuBarEditorCommands()
+
+  return (
+    <ReviewPanelProviders>
+      <CodemirrorOutline />
+      <CodeMirrorView />
+      <FigureModal />
+      <CodeMirrorSearch />
+      <CodeMirrorToolbar />
+      {sourceEditorToolbarComponents.map(
+        ({ import: { default: Component }, path }) => (
+          <Component key={path} />
+        )
+      )}
+      <CodeMirrorCommandTooltip />
+
+      <MathPreviewTooltip />
+      <ReviewTooltipMenu />
+      <ReviewPanelNew />
+
+      {sourceEditorComponents.map(
+        ({ import: { default: Component }, path }) => (
+          <Component key={path} />
+        )
+      )}
+    </ReviewPanelProviders>
+  )
+}
+
+export default memo(CodeMirrorEditor)
diff --git a/services/web/frontend/js/features/source-editor/components/codemirror-outline.tsx b/services/web/frontend/js/features/source-editor/components/codemirror-outline.tsx
new file mode 100644
index 0000000..4a17e1b
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/codemirror-outline.tsx
@@ -0,0 +1,33 @@
+import { useCodeMirrorStateContext } from './codemirror-context'
+import React, { useEffect } from 'react'
+import { documentOutline } from '../languages/latex/document-outline'
+import { ProjectionStatus } from '../utils/tree-operations/projection'
+import useDebounce from '../../../shared/hooks/use-debounce'
+import { useOutlineContext } from '@/features/ide-react/context/outline-context'
+
+export const CodemirrorOutline = React.memo(function CodemirrorOutline() {
+  const { setFlatOutline } = useOutlineContext()
+
+  const state = useCodeMirrorStateContext()
+  const debouncedState = useDebounce(state, 100)
+  const outlineResult = debouncedState.field(documentOutline, false)
+
+  // when the outline projection changes, calculate the flat outline
+  useEffect(() => {
+    if (outlineResult && outlineResult.status !== ProjectionStatus.Pending) {
+      // We have a (potentially partial) outline.
+      setFlatOutline({
+        items: outlineResult.items.map(element => ({
+          level: element.level,
+          title: element.title,
+          line: element.line,
+        })),
+        partial: outlineResult?.status === ProjectionStatus.Partial,
+      })
+    } else {
+      setFlatOutline(undefined)
+    }
+  }, [outlineResult, setFlatOutline])
+
+  return null
+})
diff --git a/services/web/frontend/js/features/source-editor/components/codemirror-search-form.tsx b/services/web/frontend/js/features/source-editor/components/codemirror-search-form.tsx
new file mode 100644
index 0000000..21825ee
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/codemirror-search-form.tsx
@@ -0,0 +1,584 @@
+import {
+  useCodeMirrorStateContext,
+  useCodeMirrorViewContext,
+} from './codemirror-context'
+import { FC, useCallback, useEffect, useMemo, useRef, useState } from 'react'
+import { runScopeHandlers } from '@codemirror/view'
+import {
+  closeSearchPanel,
+  setSearchQuery,
+  SearchQuery,
+  findPrevious,
+  findNext,
+  replaceNext,
+  replaceAll,
+  getSearchQuery,
+  SearchCursor,
+} from '@codemirror/search'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import MaterialIcon from '@/shared/components/material-icon'
+import OLButtonGroup from '@/features/ui/components/ol/ol-button-group'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import OLCloseButton from '@/features/ui/components/ol/ol-close-button'
+import { isSplitTestEnabled } from '@/utils/splitTestUtils'
+import { useTranslation } from 'react-i18next'
+import classnames from 'classnames'
+import { useUserSettingsContext } from '@/shared/context/user-settings-context'
+import { useLayoutContext } from '@/shared/context/layout-context'
+import { getStoredSelection, setStoredSelection } from '../extensions/search'
+import { debounce } from 'lodash'
+import { EditorSelection, EditorState } from '@codemirror/state'
+import { sendSearchEvent } from '@/features/event-tracking/search-events'
+
+const MATCH_COUNT_DEBOUNCE_WAIT = 100 // the amount of ms to wait before counting matches
+const MAX_MATCH_COUNT = 999 // the maximum number of matches to count
+const MAX_MATCH_TIME = 100 // the maximum amount of ms allowed for counting matches
+
+type ActiveSearchOption =
+  | 'caseSensitive'
+  | 'regexp'
+  | 'wholeWord'
+  | 'withinSelection'
+  | null
+
+type MatchPositions = {
+  current: number | null
+  total: number
+  interrupted: boolean
+}
+
+const CodeMirrorSearchForm: FC = () => {
+  const view = useCodeMirrorViewContext()
+  const state = useCodeMirrorStateContext()
+  const { setProjectSearchIsOpen } = useLayoutContext()
+
+  const { userSettings } = useUserSettingsContext()
+  const emacsKeybindingsActive = userSettings.mode === 'emacs'
+  const [activeSearchOption, setActiveSearchOption] =
+    useState<ActiveSearchOption>(null)
+
+  // Generate random ID for option buttons. This is necessary because the label
+  // for each checkbox is separated from it in the DOM so that the buttons can
+  // be outside the natural tab order
+  const idSuffix = useMemo(() => Math.random().toString(16).slice(2), [])
+  const caseSensitiveId = 'caseSensitive' + idSuffix
+  const regexpId = 'regexp' + idSuffix
+  const wholeWordId = 'wholeWord' + idSuffix
+  const withinSelectionId = 'withinSelection' + idSuffix
+
+  const { t } = useTranslation()
+
+  const [position, setPosition] = useState<MatchPositions | null>(null)
+
+  const formRef = useRef<HTMLFormElement | null>(null)
+  const inputRef = useRef<HTMLInputElement | null>(null)
+  const replaceRef = useRef<HTMLInputElement | null>(null)
+
+  const handleInputRef = useCallback(node => {
+    inputRef.current = node
+
+    // focus the search input when the panel opens
+    if (node) {
+      node.select()
+      node.focus()
+    }
+  }, [])
+
+  const handleReplaceRef = useCallback(node => {
+    replaceRef.current = node
+  }, [])
+
+  const handleSubmit = useCallback(event => {
+    event.preventDefault()
+  }, [])
+
+  useEffect(() => {
+    buildPosition(state, setPosition)
+  }, [state])
+
+  const handleChange = useCallback(() => {
+    if (formRef.current) {
+      const data = Object.fromEntries(new FormData(formRef.current))
+
+      const query = new SearchQuery({
+        search: data.search as string,
+        replace: data.replace as string,
+        caseSensitive: data.caseSensitive === 'on',
+        regexp: data.regexp === 'on',
+        literal: data.regexp !== 'on',
+        wholeWord: data.wholeWord === 'on',
+        scope: getStoredSelection(view.state)?.ranges,
+      })
+
+      view.dispatch({ effects: setSearchQuery.of(query) })
+    }
+  }, [view])
+
+  const handleWithinSelectionChange = useCallback(() => {
+    const storedSelection = getStoredSelection(state)
+    view.dispatch(setStoredSelection(storedSelection ? null : state.selection))
+    handleChange()
+  }, [handleChange, state, view])
+
+  const handleFormKeyDown = useCallback(
+    event => {
+      if (runScopeHandlers(view, event, 'search-panel')) {
+        event.preventDefault()
+      }
+    },
+    [view]
+  )
+
+  // Returns true if the event was handled, false otherwise
+  const handleEmacsNavigation = useCallback(
+    event => {
+      const emacsCtrlSeq =
+        emacsKeybindingsActive &&
+        event.ctrlKey &&
+        !event.altKey &&
+        !event.shiftKey
+
+      if (!emacsCtrlSeq) {
+        return false
+      }
+
+      switch (event.key) {
+        case 's': {
+          event.stopPropagation()
+          event.preventDefault()
+          findNext(view)
+          return true
+        }
+        case 'r': {
+          event.stopPropagation()
+          event.preventDefault()
+          findPrevious(view)
+          return true
+        }
+        case 'g': {
+          event.stopPropagation()
+          event.preventDefault()
+          closeSearchPanel(view)
+          document.dispatchEvent(new CustomEvent('cm:emacs-close-search-panel'))
+          return true
+        }
+        default: {
+          return false
+        }
+      }
+    },
+    [view, emacsKeybindingsActive]
+  )
+
+  const handleSearchKeyDown = useCallback(
+    event => {
+      switch (event.key) {
+        case 'Enter':
+          event.preventDefault()
+          if (emacsKeybindingsActive) {
+            closeSearchPanel(view)
+            view.dispatch({
+              selection: EditorSelection.cursor(view.state.selection.main.to),
+            })
+          } else if (event.shiftKey) {
+            findPrevious(view)
+          } else {
+            findNext(view)
+          }
+          break
+      }
+      handleEmacsNavigation(event)
+    },
+    [view, handleEmacsNavigation, emacsKeybindingsActive]
+  )
+
+  const handleReplaceKeyDown = useCallback(
+    event => {
+      switch (event.key) {
+        case 'Enter':
+          event.preventDefault()
+          replaceNext(view)
+          sendSearchEvent('search-replace-click', {
+            searchType: 'document',
+            action: 'replace',
+            method: 'keyboard',
+          })
+          break
+
+        case 'Tab': {
+          if (event.shiftKey) {
+            event.preventDefault()
+            inputRef.current?.focus()
+          }
+        }
+      }
+      handleEmacsNavigation(event)
+    },
+    [view, handleEmacsNavigation]
+  )
+
+  const focusSearchBox = useCallback(() => {
+    inputRef.current?.focus()
+  }, [])
+
+  const query = useMemo(() => {
+    return getSearchQuery(state)
+  }, [state])
+
+  const openFullProjectSearch = useCallback(() => {
+    setProjectSearchIsOpen(true)
+    closeSearchPanel(view)
+    window.setTimeout(() => {
+      window.dispatchEvent(
+        new CustomEvent('editor:full-project-search', { detail: query })
+      )
+    }, 200)
+  }, [setProjectSearchIsOpen, query, view])
+
+  const showReplace = !state.readOnly
+
+  return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+    <form
+      ref={formRef}
+      onSubmit={handleSubmit}
+      onKeyDown={handleFormKeyDown}
+      className="ol-cm-search-form"
+      role="search"
+    >
+      <div className="ol-cm-search-controls">
+        <span
+          className={classnames('ol-cm-search-input-group', {
+            'ol-cm-search-input-error':
+              query.regexp && isInvalidRegExp(query.search),
+          })}
+        >
+          <OLFormControl
+            ref={handleInputRef}
+            type="text"
+            name="search"
+            // IMPORTANT: CodeMirror uses this attribute to focus the input
+            // when the panel opens and when the panel is refocused
+            main-field="true"
+            placeholder={t('search_search_for')}
+            autoComplete="off"
+            value={query.search || ''}
+            onChange={handleChange}
+            onKeyDown={handleSearchKeyDown}
+            className="ol-cm-search-form-input"
+            size="sm"
+            aria-label={t('search_command_find')}
+          />
+
+          <OLTooltip
+            id="search-match-case"
+            description={t('search_match_case')}
+          >
+            <label
+              className={classnames(
+                'btn btn-sm btn-default ol-cm-search-input-button',
+                {
+                  checked: query.caseSensitive,
+                  focused: activeSearchOption === 'caseSensitive',
+                }
+              )}
+              htmlFor={caseSensitiveId}
+              aria-label={t('search_match_case')}
+            >
+              Aa
+            </label>
+          </OLTooltip>
+
+          <OLTooltip id="search-regexp" description={t('search_regexp')}>
+            <label
+              className={classnames(
+                'btn btn-sm btn-default ol-cm-search-input-button',
+                {
+                  checked: query.regexp,
+                  focused: activeSearchOption === 'regexp',
+                }
+              )}
+              htmlFor={regexpId}
+              aria-label={t('search_regexp')}
+            >
+              [.*]
+            </label>
+          </OLTooltip>
+
+          <OLTooltip
+            id="search-whole-word"
+            description={t('search_whole_word')}
+          >
+            <label
+              className={classnames(
+                'btn btn-sm btn-default ol-cm-search-input-button',
+                {
+                  checked: query.wholeWord,
+                  focused: activeSearchOption === 'wholeWord',
+                }
+              )}
+              htmlFor={wholeWordId}
+              aria-label={t('search_whole_word')}
+            >
+              W
+            </label>
+          </OLTooltip>
+          <OLTooltip
+            id="search-within-selection"
+            description={t('search_within_selection')}
+          >
+            <label
+              className={classnames(
+                'btn btn-sm btn-default ol-cm-search-input-button',
+                {
+                  checked: !!query.scope,
+                  focused: activeSearchOption === 'withinSelection',
+                }
+              )}
+              htmlFor={withinSelectionId}
+              aria-label={t('search_within_selection')}
+            >
+              <MaterialIcon type="format_align_left" />
+            </label>
+          </OLTooltip>
+        </span>
+
+        {showReplace && (
+          <span className="ol-cm-search-input-group ol-cm-search-replace-input">
+            <OLFormControl
+              ref={handleReplaceRef}
+              type="text"
+              name="replace"
+              placeholder={t('search_replace_with')}
+              autoComplete="off"
+              value={query.replace || ''}
+              onChange={handleChange}
+              onKeyDown={handleReplaceKeyDown}
+              className="ol-cm-search-form-input"
+              size="sm"
+              aria-label={t('search_command_replace')}
+            />
+          </span>
+        )}
+
+        <div className="ol-cm-search-hidden-inputs">
+          <input
+            id={caseSensitiveId}
+            name="caseSensitive"
+            type="checkbox"
+            autoComplete="off"
+            checked={query.caseSensitive}
+            onChange={handleChange}
+            onClick={focusSearchBox}
+            onFocus={() => setActiveSearchOption('caseSensitive')}
+            onBlur={() => setActiveSearchOption(null)}
+          />
+
+          <input
+            id={regexpId}
+            name="regexp"
+            type="checkbox"
+            autoComplete="off"
+            checked={query.regexp}
+            onChange={handleChange}
+            onClick={focusSearchBox}
+            onFocus={() => setActiveSearchOption('regexp')}
+            onBlur={() => setActiveSearchOption(null)}
+          />
+
+          <input
+            id={wholeWordId}
+            name="wholeWord"
+            type="checkbox"
+            autoComplete="off"
+            checked={query.wholeWord}
+            onChange={handleChange}
+            onClick={focusSearchBox}
+            onFocus={() => setActiveSearchOption('wholeWord')}
+            onBlur={() => setActiveSearchOption(null)}
+          />
+
+          <input
+            id={withinSelectionId}
+            name="withinSelection"
+            type="checkbox"
+            autoComplete="off"
+            checked={!!query.scope}
+            onChange={handleWithinSelectionChange}
+            onClick={focusSearchBox}
+            onFocus={() => setActiveSearchOption('withinSelection')}
+            onBlur={() => setActiveSearchOption(null)}
+          />
+        </div>
+
+        <div className="ol-cm-search-form-group ol-cm-search-next-previous">
+          <OLButtonGroup className="ol-cm-search-form-button-group">
+            <OLButton
+              variant="secondary"
+              size="sm"
+              onClick={() => findPrevious(view)}
+            >
+              <MaterialIcon
+                type="keyboard_arrow_up"
+                accessibilityLabel={t('search_previous')}
+              />
+            </OLButton>
+
+            <OLButton
+              variant="secondary"
+              size="sm"
+              onClick={() => findNext(view)}
+            >
+              <MaterialIcon
+                type="keyboard_arrow_down"
+                accessibilityLabel={t('search_next')}
+              />
+            </OLButton>
+          </OLButtonGroup>
+
+          {isSplitTestEnabled('full-project-search') ? (
+            <OLTooltip
+              id="open-full-project-search"
+              description={t('search_all_project_files')}
+            >
+              <OLButton
+                variant="secondary"
+                size="sm"
+                onClick={() => {
+                  sendSearchEvent('search-open', {
+                    searchType: 'full-project',
+                    method: 'button',
+                    location: 'search-form',
+                  })
+                  openFullProjectSearch()
+                }}
+              >
+                <MaterialIcon
+                  type="manage_search"
+                  accessibilityLabel={t('search_next')}
+                />
+              </OLButton>
+            </OLTooltip>
+          ) : null}
+
+          {position !== null && (
+            <div className="ol-cm-search-form-position">
+              {position.current === null ? '?' : position.current} {t('of')}{' '}
+              {position.total}
+              {position.interrupted && '+'}
+            </div>
+          )}
+        </div>
+
+        {showReplace && (
+          <div className="ol-cm-search-form-group ol-cm-search-replace-buttons">
+            <OLButton
+              variant="secondary"
+              size="sm"
+              onClick={() => {
+                sendSearchEvent('search-replace-click', {
+                  searchType: 'document',
+                  action: 'replace',
+                  method: 'button',
+                })
+                replaceNext(view)
+              }}
+            >
+              {t('search_replace')}
+            </OLButton>
+
+            <OLButton
+              variant="secondary"
+              size="sm"
+              onClick={() => {
+                sendSearchEvent('search-replace-click', {
+                  searchType: 'document',
+                  action: 'replace-all',
+                  method: 'button',
+                })
+                replaceAll(view)
+              }}
+            >
+              {t('search_replace_all')}
+            </OLButton>
+          </div>
+        )}
+      </div>
+
+      <div className="ol-cm-search-form-close">
+        <OLTooltip id="search-close" description={<>{t('close')} (Esc)</>}>
+          <OLCloseButton onClick={() => closeSearchPanel(view)} />
+        </OLTooltip>
+      </div>
+    </form>
+  )
+}
+
+function isInvalidRegExp(source: string) {
+  try {
+    RegExp(source)
+    return false
+  } catch {
+    return true
+  }
+}
+
+export default CodeMirrorSearchForm
+
+const buildPosition = debounce(
+  (
+    state: EditorState,
+    setPosition: (position: MatchPositions | null) => void
+  ) => {
+    const { main } = state.selection
+
+    const query = getSearchQuery(state)
+
+    if (!query.valid) {
+      return setPosition(null)
+    }
+
+    const cursor = query.getCursor(state.doc) as SearchCursor
+
+    const startTime = Date.now()
+
+    let total = 0
+    let current = null
+
+    while (!cursor.next().done) {
+      total++
+
+      // if there are too many matches, bail out
+      if (total >= MAX_MATCH_COUNT) {
+        return setPosition({
+          current,
+          total,
+          interrupted: true,
+        })
+      }
+
+      const { from, to } = cursor.value
+
+      if (current === null && main.from === from && main.to === to) {
+        current = total
+      }
+
+      // if finding matches is taking too long, bail out
+      if (Date.now() - startTime > MAX_MATCH_TIME) {
+        return setPosition({
+          current,
+          total,
+          interrupted: true,
+        })
+      }
+    }
+
+    setPosition({
+      current: current ?? 0,
+      total,
+      interrupted: false,
+    })
+  },
+  MATCH_COUNT_DEBOUNCE_WAIT
+)
diff --git a/services/web/frontend/js/features/source-editor/components/codemirror-search.tsx b/services/web/frontend/js/features/source-editor/components/codemirror-search.tsx
new file mode 100644
index 0000000..f346334
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/codemirror-search.tsx
@@ -0,0 +1,19 @@
+import { createPortal } from 'react-dom'
+import CodeMirrorSearchForm from './codemirror-search-form'
+import { useCodeMirrorViewContext } from './codemirror-context'
+import { getPanel } from '@codemirror/view'
+import { createSearchPanel } from '@codemirror/search'
+
+function CodeMirrorSearch() {
+  const view = useCodeMirrorViewContext()
+
+  const panel = getPanel(view, createSearchPanel)
+
+  if (!panel) {
+    return null
+  }
+
+  return createPortal(<CodeMirrorSearchForm />, panel.dom)
+}
+
+export default CodeMirrorSearch
diff --git a/services/web/frontend/js/features/source-editor/components/codemirror-toolbar.tsx b/services/web/frontend/js/features/source-editor/components/codemirror-toolbar.tsx
new file mode 100644
index 0000000..4a89f4f
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/codemirror-toolbar.tsx
@@ -0,0 +1,199 @@
+import { memo, useCallback, useEffect, useRef, useState } from 'react'
+import { createPortal } from 'react-dom'
+import {
+  useCodeMirrorStateContext,
+  useCodeMirrorViewContext,
+} from './codemirror-context'
+import { useResizeObserver } from '@/shared/hooks/use-resize-observer'
+import { ToolbarItems } from './toolbar/toolbar-items'
+import { ToolbarOverflow } from './toolbar/overflow'
+import useDropdown from '../../../shared/hooks/use-dropdown'
+import { getPanel } from '@codemirror/view'
+import { createToolbarPanel } from '../extensions/toolbar/toolbar-panel'
+import EditorSwitch from './editor-switch'
+import SwitchToPDFButton from './switch-to-pdf-button'
+import { DetacherSynctexControl } from '../../pdf-preview/components/detach-synctex-control'
+import DetachCompileButtonWrapper from '../../pdf-preview/components/detach-compile-button-wrapper'
+import { isVisual } from '../extensions/visual/visual'
+import { language } from '@codemirror/language'
+import { minimumListDepthForSelection } from '../utils/tree-operations/ancestors'
+import { debugConsole } from '@/utils/debugging'
+import { useTranslation } from 'react-i18next'
+import { ToggleSearchButton } from '@/features/source-editor/components/toolbar/toggle-search-button'
+import ReviewPanelHeader from '@/features/review-panel-new/components/review-panel-header'
+import useReviewPanelLayout from '@/features/review-panel-new/hooks/use-review-panel-layout'
+import { useIsNewEditorEnabled } from '@/features/ide-redesign/utils/new-editor-utils'
+import Breadcrumbs from '@/features/ide-redesign/components/breadcrumbs'
+import classNames from 'classnames'
+
+export const CodeMirrorToolbar = () => {
+  const view = useCodeMirrorViewContext()
+  const panel = getPanel(view, createToolbarPanel)
+
+  if (!panel) {
+    return null
+  }
+
+  return createPortal(<Toolbar />, panel.dom)
+}
+
+const Toolbar = memo(function Toolbar() {
+  const { t } = useTranslation()
+  const state = useCodeMirrorStateContext()
+  const view = useCodeMirrorViewContext()
+
+  const [overflowed, setOverflowed] = useState(false)
+
+  const overflowedItemsRef = useRef<Set<string>>(new Set())
+
+  const languageName = state.facet(language)?.name
+  const visual = isVisual(view)
+
+  const listDepth = minimumListDepthForSelection(state)
+
+  const newEditor = useIsNewEditorEnabled()
+  const { showHeader: showReviewPanelHeader } = useReviewPanelLayout()
+
+  const {
+    open: overflowOpen,
+    onToggle: setOverflowOpen,
+    ref: overflowRef,
+  } = useDropdown()
+
+  const buildOverflow = useCallback(
+    (element: Element) => {
+      debugConsole.log('recalculating toolbar overflow')
+
+      setOverflowOpen(false)
+      setOverflowed(true)
+
+      overflowedItemsRef.current = new Set()
+
+      const buttonGroups = [
+        ...element.querySelectorAll<HTMLDivElement>('[data-overflow]'),
+      ].reverse()
+
+      // restore all the overflowed items
+      for (const buttonGroup of buttonGroups) {
+        buttonGroup.classList.remove('overflow-hidden')
+      }
+
+      // find all the available items
+      for (const buttonGroup of buttonGroups) {
+        if (element.scrollWidth <= element.clientWidth) {
+          break
+        }
+        // add this item to the overflow
+        overflowedItemsRef.current.add(buttonGroup.dataset.overflow!)
+        buttonGroup.classList.add('overflow-hidden')
+      }
+
+      setOverflowed(overflowedItemsRef.current.size > 0)
+    },
+    [setOverflowOpen]
+  )
+
+  // calculate overflow when the container resizes
+  const { elementRef, resizeRef } = useResizeObserver(buildOverflow)
+
+  // calculate overflow when `languageName` or `visual` change
+  useEffect(() => {
+    if (resizeRef.current) {
+      buildOverflow(resizeRef.current.element)
+    }
+  }, [buildOverflow, languageName, resizeRef, visual])
+
+  // calculate overflow when buttons change
+  const observerRef = useRef<MutationObserver | null>(null)
+  const handleButtons = useCallback(
+    node => {
+      if (!('MutationObserver' in window)) {
+        return
+      }
+
+      if (node) {
+        observerRef.current = new MutationObserver(() => {
+          if (resizeRef.current) {
+            buildOverflow(resizeRef.current.element)
+          }
+        })
+
+        observerRef.current.observe(node, { childList: true })
+      } else if (observerRef.current) {
+        observerRef.current.disconnect()
+      }
+    },
+    [buildOverflow, resizeRef]
+  )
+
+  // calculate overflow when active element changes to/from inside a table
+  const insideTable = document.activeElement?.closest(
+    '.table-generator-help-modal,.table-generator,.table-generator-width-modal'
+  )
+  useEffect(() => {
+    if (resizeRef.current) {
+      buildOverflow(resizeRef.current.element)
+    }
+  }, [buildOverflow, insideTable, resizeRef])
+
+  const showActions = !state.readOnly && !insideTable
+
+  return (
+    <>
+      {newEditor && showReviewPanelHeader && <ReviewPanelHeader />}
+      <div
+        id="ol-cm-toolbar-wrapper"
+        className={classNames('ol-cm-toolbar-wrapper', {
+          'ol-cm-toolbar-wrapper-indented': newEditor && showReviewPanelHeader,
+        })}
+      >
+        <div
+          role="toolbar"
+          aria-label={t('toolbar_editor')}
+          className="ol-cm-toolbar toolbar-editor"
+          ref={elementRef}
+        >
+          <EditorSwitch />
+          {showActions && (
+            <ToolbarItems
+              state={state}
+              languageName={languageName}
+              visual={visual}
+              listDepth={listDepth}
+            />
+          )}
+
+          <div className="ol-cm-toolbar-button-group ol-cm-toolbar-stretch">
+            {showActions && (
+              <ToolbarOverflow
+                overflowed={overflowed}
+                overflowOpen={overflowOpen}
+                setOverflowOpen={setOverflowOpen}
+                overflowRef={overflowRef}
+              >
+                <ToolbarItems
+                  state={state}
+                  overflowed={overflowedItemsRef.current}
+                  languageName={languageName}
+                  visual={visual}
+                  listDepth={listDepth}
+                />
+              </ToolbarOverflow>
+            )}
+          </div>
+
+          <div
+            className="ol-cm-toolbar-button-group ol-cm-toolbar-end"
+            ref={handleButtons}
+          >
+            <ToggleSearchButton state={state} />
+            <SwitchToPDFButton />
+            <DetacherSynctexControl />
+            <DetachCompileButtonWrapper />
+          </div>
+        </div>
+        {newEditor && <Breadcrumbs />}
+      </div>
+    </>
+  )
+})
diff --git a/services/web/frontend/js/features/source-editor/components/codemirror-view.tsx b/services/web/frontend/js/features/source-editor/components/codemirror-view.tsx
new file mode 100644
index 0000000..c369aa6
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/codemirror-view.tsx
@@ -0,0 +1,38 @@
+import { memo, useCallback, useEffect } from 'react'
+import { useCodeMirrorViewContext } from './codemirror-context'
+import useCodeMirrorScope from '../hooks/use-codemirror-scope'
+import useScopeValueSetterOnly from '@/shared/hooks/use-scope-value-setter-only'
+
+function CodeMirrorView() {
+  const view = useCodeMirrorViewContext()
+
+  const [, setView] = useScopeValueSetterOnly('editor.view')
+
+  // append the editor view dom to the container node when mounted
+  const containerRef = useCallback(
+    node => {
+      if (node) {
+        node.appendChild(view.dom)
+      }
+    },
+    [view]
+  )
+
+  // destroy the editor when unmounted
+  useEffect(() => {
+    return () => {
+      view.destroy()
+    }
+  }, [view])
+
+  // add the editor view to the scope value store, so it can be accessed by external extensions
+  useEffect(() => {
+    setView(view)
+  }, [setView, view])
+
+  useCodeMirrorScope(view)
+
+  return <div ref={containerRef} style={{ height: '100%' }} />
+}
+
+export default memo(CodeMirrorView)
diff --git a/services/web/frontend/js/features/source-editor/components/command-tooltip/href-tooltip.tsx b/services/web/frontend/js/features/source-editor/components/command-tooltip/href-tooltip.tsx
new file mode 100644
index 0000000..0e157c3
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/command-tooltip/href-tooltip.tsx
@@ -0,0 +1,190 @@
+import { FC, useCallback, useEffect, useRef, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import {
+  useCodeMirrorStateContext,
+  useCodeMirrorViewContext,
+} from '../codemirror-context'
+import {
+  closeCommandTooltip,
+  resolveCommandNode,
+} from '../../extensions/command-tooltip'
+import {
+  LiteralArgContent,
+  ShortArg,
+  ShortTextArgument,
+  UrlArgument,
+} from '../../lezer-latex/latex.terms.mjs'
+import { EditorState } from '@codemirror/state'
+import { openURL } from '@/features/source-editor/utils/url'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import OLForm from '@/features/ui/components/ol/ol-form'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import MaterialIcon from '@/shared/components/material-icon'
+
+export const HrefTooltipContent: FC = () => {
+  const state = useCodeMirrorStateContext()
+  const view = useCodeMirrorViewContext()
+  const [url, setUrl] = useState<string>(() => readUrl(state) ?? '')
+  const { t } = useTranslation()
+
+  const inputRef = useRef<HTMLInputElement | null>(null)
+
+  // Update the URL if the argument value changes while not editing
+  // TODO: on input blur, update the input value with this URL or read from the syntax tree?
+  useEffect(() => {
+    if (inputRef.current) {
+      const controller = new AbortController()
+
+      // update the input URL when it changes in the doc
+      inputRef.current.addEventListener(
+        'value-update',
+        event => {
+          setUrl((event as CustomEvent<string>).detail)
+        },
+        { signal: controller.signal }
+      )
+
+      // focus the URL input element when the tooltip opens, if the view is focused,
+      // there is content selected in the doc, and no URL has been entered
+      if (view.hasFocus && !view.state.selection.main.empty) {
+        const currentUrl = readUrl(view.state)
+        if (!currentUrl) {
+          inputRef.current.focus()
+        }
+      }
+
+      inputRef.current?.addEventListener(
+        'blur',
+        () => {
+          const currentUrl = readUrl(view.state)
+          if (currentUrl) {
+            setUrl(currentUrl)
+          }
+        },
+        { signal: controller.signal }
+      )
+
+      return () => controller.abort()
+    }
+  }, [view])
+
+  const handleSubmit = useCallback(
+    event => {
+      event.preventDefault()
+      view.dispatch(closeCommandTooltip())
+      view.focus()
+    },
+    [view]
+  )
+
+  return (
+    <div className="ol-cm-command-tooltip-content">
+      <OLForm className="ol-cm-command-tooltip-form" onSubmit={handleSubmit}>
+        <OLFormGroup controlId="link-tooltip-url-input">
+          <OLFormLabel>URL</OLFormLabel>
+          <OLFormControl
+            type="url"
+            size="sm"
+            htmlSize={50}
+            placeholder="https://…"
+            value={url}
+            ref={(element: HTMLInputElement) => {
+              inputRef.current = element
+            }}
+            autoComplete="off"
+            onChange={event => {
+              const url = (event.target as HTMLInputElement).value
+              setUrl(url)
+              const spec = replaceUrl(state, url)
+              if (spec) {
+                view.dispatch(spec)
+              }
+            }}
+            disabled={state.readOnly}
+          />
+        </OLFormGroup>
+      </OLForm>
+
+      <OLButton
+        variant="link"
+        type="button"
+        className="ol-cm-command-tooltip-link justify-content-start"
+        onClick={() => {
+          // TODO: unescape content
+          openURL(url)
+        }}
+      >
+        <MaterialIcon type="open_in_new" />
+
+        {t('open_link')}
+      </OLButton>
+
+      {!state.readOnly && (
+        <OLButton
+          variant="link"
+          type="button"
+          className="ol-cm-command-tooltip-link justify-content-start"
+          onClick={() => {
+            const spec = removeLink(state)
+            if (spec) {
+              view.dispatch(spec)
+              view.focus()
+            }
+          }}
+        >
+          <MaterialIcon type="link_off" />
+
+          {t('remove_link')}
+        </OLButton>
+      )}
+    </div>
+  )
+}
+
+const readUrl = (state: EditorState) => {
+  const commandNode = resolveCommandNode(state)
+  const argumentNode = commandNode
+    ?.getChild(UrlArgument)
+    ?.getChild(LiteralArgContent)
+
+  if (argumentNode) {
+    return state.sliceDoc(argumentNode.from, argumentNode.to)
+  }
+}
+
+const replaceUrl = (state: EditorState, url: string) => {
+  const commandNode = resolveCommandNode(state)
+  const argumentNode = commandNode
+    ?.getChild(UrlArgument)
+    ?.getChild(LiteralArgContent)
+
+  if (argumentNode) {
+    return {
+      changes: {
+        from: argumentNode.from,
+        to: argumentNode.to,
+        insert: url,
+      },
+    }
+  }
+}
+
+const removeLink = (state: EditorState) => {
+  const commandNode = resolveCommandNode(state)
+  const contentNode = commandNode
+    ?.getChild(ShortTextArgument)
+    ?.getChild(ShortArg)
+
+  if (commandNode && contentNode) {
+    const content = state.sliceDoc(contentNode.from, contentNode.to)
+    return {
+      changes: {
+        from: commandNode.from,
+        to: commandNode.to,
+        insert: content,
+      },
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/components/command-tooltip/include-tooltip.tsx b/services/web/frontend/js/features/source-editor/components/command-tooltip/include-tooltip.tsx
new file mode 100644
index 0000000..9d799dd
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/command-tooltip/include-tooltip.tsx
@@ -0,0 +1,24 @@
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useIncludedFile } from '@/features/source-editor/hooks/use-included-file'
+import MaterialIcon from '@/shared/components/material-icon'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export const IncludeTooltipContent: FC = () => {
+  const { t } = useTranslation()
+  const { openIncludedFile } = useIncludedFile('IncludeArgument')
+
+  return (
+    <div className="ol-cm-command-tooltip-content">
+      <OLButton
+        variant="link"
+        type="button"
+        className="ol-cm-command-tooltip-link"
+        onClick={openIncludedFile}
+      >
+        <MaterialIcon type="edit" />
+        {t('open_file')}
+      </OLButton>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/command-tooltip/input-tooltip.tsx b/services/web/frontend/js/features/source-editor/components/command-tooltip/input-tooltip.tsx
new file mode 100644
index 0000000..5eefa2a
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/command-tooltip/input-tooltip.tsx
@@ -0,0 +1,24 @@
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useIncludedFile } from '@/features/source-editor/hooks/use-included-file'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import MaterialIcon from '@/shared/components/material-icon'
+
+export const InputTooltipContent: FC = () => {
+  const { t } = useTranslation()
+  const { openIncludedFile } = useIncludedFile('InputArgument')
+
+  return (
+    <div className="ol-cm-command-tooltip-content">
+      <OLButton
+        variant="link"
+        type="button"
+        className="ol-cm-command-tooltip-link"
+        onClick={openIncludedFile}
+      >
+        <MaterialIcon type="edit" />
+        {t('open_file')}
+      </OLButton>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/command-tooltip/ref-tooltip.tsx b/services/web/frontend/js/features/source-editor/components/command-tooltip/ref-tooltip.tsx
new file mode 100644
index 0000000..e7d44ee
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/command-tooltip/ref-tooltip.tsx
@@ -0,0 +1,103 @@
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import {
+  useCodeMirrorStateContext,
+  useCodeMirrorViewContext,
+} from '../codemirror-context'
+import { resolveCommandNode } from '../../extensions/command-tooltip'
+import {
+  LabelArgument,
+  RefArgument,
+  ShortArg,
+  ShortTextArgument,
+} from '../../lezer-latex/latex.terms.mjs'
+import { SyntaxNode } from '@lezer/common'
+import { syntaxTree } from '@codemirror/language'
+import {
+  EditorSelection,
+  EditorState,
+  TransactionSpec,
+} from '@codemirror/state'
+import { EditorView } from '@codemirror/view'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import MaterialIcon from '@/shared/components/material-icon'
+
+export const RefTooltipContent: FC = () => {
+  const { t } = useTranslation()
+  const view = useCodeMirrorViewContext()
+  const state = useCodeMirrorStateContext()
+
+  return (
+    <div className="ol-cm-command-tooltip-content">
+      <OLButton
+        variant="link"
+        type="button"
+        className="ol-cm-command-tooltip-link"
+        onClick={() => {
+          const target = readTarget(state)
+          if (target) {
+            const labelNode = findTargetLabel(state, target)
+            // TODO: handle label not found
+            if (labelNode) {
+              view.dispatch(selectNode(labelNode))
+              view.focus()
+            }
+          }
+        }}
+      >
+        <MaterialIcon type="link" />
+        {t('open_target')}
+      </OLButton>
+    </div>
+  )
+}
+
+const readTarget = (state: EditorState) => {
+  const commandNode = resolveCommandNode(state)
+  const argumentNode = commandNode
+    ?.getChild(RefArgument)
+    ?.getChild(ShortTextArgument)
+    ?.getChild(ShortArg)
+
+  if (argumentNode) {
+    return state.sliceDoc(argumentNode.from, argumentNode.to)
+  }
+}
+
+const findTargetLabel = (state: EditorState, target: string) => {
+  let labelNode: SyntaxNode | undefined
+
+  syntaxTree(state).iterate({
+    enter(nodeRef) {
+      if (labelNode) {
+        return false
+      }
+
+      if (nodeRef.type.is(LabelArgument)) {
+        const argumentNode = nodeRef.node
+          .getChild('ShortTextArgument')
+          ?.getChild('ShortArg')
+
+        if (argumentNode) {
+          const label = state.sliceDoc(argumentNode.from, argumentNode.to)
+          if (label === target) {
+            labelNode = argumentNode
+          }
+        }
+      }
+    },
+  })
+
+  return labelNode
+}
+
+const selectNode = (node: SyntaxNode): TransactionSpec => {
+  const selection = EditorSelection.range(node.from, node.to)
+
+  return {
+    selection,
+    effects: EditorView.scrollIntoView(selection, {
+      y: 'center',
+    }),
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/components/command-tooltip/url-tooltip.tsx b/services/web/frontend/js/features/source-editor/components/command-tooltip/url-tooltip.tsx
new file mode 100644
index 0000000..bd263c7
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/command-tooltip/url-tooltip.tsx
@@ -0,0 +1,47 @@
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useCodeMirrorStateContext } from '../codemirror-context'
+import { resolveCommandNode } from '../../extensions/command-tooltip'
+import {
+  LiteralArgContent,
+  UrlArgument,
+} from '../../lezer-latex/latex.terms.mjs'
+import { EditorState } from '@codemirror/state'
+import { openURL } from '@/features/source-editor/utils/url'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import MaterialIcon from '@/shared/components/material-icon'
+
+export const UrlTooltipContent: FC = () => {
+  const { t } = useTranslation()
+  const state = useCodeMirrorStateContext()
+
+  return (
+    <div className="ol-cm-command-tooltip-content">
+      <OLButton
+        variant="link"
+        type="button"
+        className="ol-cm-command-tooltip-link"
+        onClick={() => {
+          const url = readUrl(state)
+          if (url) {
+            openURL(url)
+          }
+        }}
+      >
+        <MaterialIcon type="open_in_new" />
+        {t('open_link')}
+      </OLButton>
+    </div>
+  )
+}
+
+const readUrl = (state: EditorState) => {
+  const commandNode = resolveCommandNode(state)
+  const argumentNode = commandNode
+    ?.getChild(UrlArgument)
+    ?.getChild(LiteralArgContent)
+
+  if (argumentNode) {
+    return state.sliceDoc(argumentNode.from, argumentNode.to)
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/components/editor-switch.tsx b/services/web/frontend/js/features/source-editor/components/editor-switch.tsx
new file mode 100644
index 0000000..e6b1dd8
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/editor-switch.tsx
@@ -0,0 +1,107 @@
+import { ChangeEvent, FC, memo, useCallback } from 'react'
+import useScopeValue from '@/shared/hooks/use-scope-value'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import { sendMB } from '../../../infrastructure/event-tracking'
+import { isValidTeXFile } from '../../../main/is-valid-tex-file'
+import { useTranslation } from 'react-i18next'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+
+function EditorSwitch() {
+  const { t } = useTranslation()
+  const [visual, setVisual] = useScopeValue('editor.showVisual')
+  const { openDocName } = useEditorManagerContext()
+
+  const richTextAvailable = openDocName ? isValidTeXFile(openDocName) : false
+
+  const handleChange = useCallback(
+    event => {
+      const editorType = event.target.value
+
+      switch (editorType) {
+        case 'cm6':
+          setVisual(false)
+          break
+
+        case 'rich-text':
+          setVisual(true)
+          break
+      }
+
+      sendMB('editor-switch-change', { editorType })
+    },
+    [setVisual]
+  )
+
+  return (
+    <div
+      className="editor-toggle-switch"
+      aria-label={t('toolbar_code_visual_editor_switch')}
+    >
+      <fieldset className="toggle-switch">
+        <legend className="sr-only">Editor mode.</legend>
+
+        <input
+          type="radio"
+          name="editor"
+          value="cm6"
+          id="editor-switch-cm6"
+          className="toggle-switch-input"
+          checked={!richTextAvailable || !visual}
+          onChange={handleChange}
+        />
+        <label htmlFor="editor-switch-cm6" className="toggle-switch-label">
+          <span>{t('code_editor')}</span>
+        </label>
+
+        <RichTextToggle
+          checked={richTextAvailable && visual}
+          disabled={!richTextAvailable}
+          handleChange={handleChange}
+        />
+      </fieldset>
+    </div>
+  )
+}
+
+const RichTextToggle: FC<{
+  checked: boolean
+  disabled: boolean
+  handleChange: (event: ChangeEvent<HTMLInputElement>) => void
+}> = ({ checked, disabled, handleChange }) => {
+  const { t } = useTranslation()
+
+  const toggle = (
+    <span>
+      <input
+        type="radio"
+        name="editor"
+        value="rich-text"
+        id="editor-switch-rich-text"
+        className="toggle-switch-input"
+        checked={checked}
+        onChange={handleChange}
+        disabled={disabled}
+      />
+      <label htmlFor="editor-switch-rich-text" className="toggle-switch-label">
+        <span>{t('visual_editor')}</span>
+      </label>
+    </span>
+  )
+
+  if (disabled) {
+    return (
+      <OLTooltip
+        description={t('visual_editor_is_only_available_for_tex_files')}
+        id="rich-text-toggle-tooltip"
+        overlayProps={{ placement: 'bottom' }}
+        tooltipProps={{ className: 'tooltip-wide' }}
+      >
+        {toggle}
+      </OLTooltip>
+    )
+  }
+
+  return toggle
+}
+
+export default memo(EditorSwitch)
diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-body.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-body.tsx
new file mode 100644
index 0000000..4790c40
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-body.tsx
@@ -0,0 +1,53 @@
+import {
+  FigureModalSource,
+  useFigureModalContext,
+} from './figure-modal-context'
+import { FigureModalHelp } from './figure-modal-help'
+import { FigureModalFigureOptions } from './figure-modal-options'
+import { FigureModalSourcePicker } from './figure-modal-source-picker'
+import { FigureModalEditFigureSource } from './file-sources/figure-modal-edit-figure-source'
+import { FigureModalOtherProjectSource } from './file-sources/figure-modal-other-project-source'
+import { FigureModalCurrentProjectSource } from './file-sources/figure-modal-project-source'
+import { FigureModalUploadFileSource } from './file-sources/figure-modal-upload-source'
+import { FigureModalUrlSource } from './file-sources/figure-modal-url-source'
+import { useCallback } from 'react'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+const sourceModes = new Map([
+  [FigureModalSource.FILE_TREE, FigureModalCurrentProjectSource],
+  [FigureModalSource.FROM_URL, FigureModalUrlSource],
+  [FigureModalSource.OTHER_PROJECT, FigureModalOtherProjectSource],
+  [FigureModalSource.FILE_UPLOAD, FigureModalUploadFileSource],
+  [FigureModalSource.EDIT_FIGURE, FigureModalEditFigureSource],
+])
+
+export default function FigureModalBody() {
+  const { source, helpShown, sourcePickerShown, error, dispatch } =
+    useFigureModalContext()
+  const Body = sourceModes.get(source)
+  const onDismiss = useCallback(() => {
+    dispatch({ error: undefined })
+  }, [dispatch])
+
+  if (helpShown) {
+    return <FigureModalHelp />
+  }
+
+  if (sourcePickerShown) {
+    return <FigureModalSourcePicker />
+  }
+
+  if (!Body) {
+    return null
+  }
+
+  return (
+    <>
+      {error && (
+        <OLNotification type="error" onDismiss={onDismiss} content={error} />
+      )}
+      <Body />
+      <FigureModalFigureOptions />
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-context.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-context.tsx
new file mode 100644
index 0000000..db4bce4
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-context.tsx
@@ -0,0 +1,125 @@
+import { FC, createContext, useContext, useReducer } from 'react'
+import { PastedImageData } from '../../extensions/figure-modal'
+
+/* eslint-disable no-unused-vars */
+export enum FigureModalSource {
+  NONE,
+  FILE_UPLOAD,
+  FILE_TREE,
+  FROM_URL,
+  OTHER_PROJECT,
+  EDIT_FIGURE,
+}
+/* eslint-enable no-unused-vars */
+
+type FigureModalState = {
+  source: FigureModalSource
+  helpShown: boolean
+  sourcePickerShown: boolean
+  getPath?: () => Promise<string>
+  width: number | undefined
+  includeCaption: boolean
+  includeLabel: boolean
+  error?: string
+  pastedImageData?: PastedImageData
+  selectedItemId?: string
+}
+
+type FigureModalStateUpdate = Partial<FigureModalState>
+
+const FigureModalContext = createContext<
+  | (FigureModalState & {
+      dispatch: (update: FigureModalStateUpdate) => void
+    })
+  | undefined
+>(undefined)
+
+export const useFigureModalContext = () => {
+  const context = useContext(FigureModalContext)
+
+  if (!context) {
+    throw new Error(
+      'useFigureModalContext is only available inside FigureModalProvider'
+    )
+  }
+
+  return context
+}
+
+const reducer = (prev: FigureModalState, action: Partial<FigureModalState>) => {
+  if ('source' in action && prev.source === FigureModalSource.NONE) {
+    // Reset when showing modal
+    return {
+      ...prev,
+      width: 0.5,
+      includeLabel: true,
+      includeCaption: true,
+      helpShown: false,
+      sourcePickerShown: false,
+      getPath: undefined,
+      error: undefined,
+      pastedImageData: undefined,
+      ...action,
+    }
+  }
+  return { ...prev, ...action }
+}
+
+type FigureModalExistingFigureState = {
+  name: string | undefined
+  hasComplexGraphicsArgument?: boolean
+}
+
+type FigureModalExistingFigureStateUpdate =
+  Partial<FigureModalExistingFigureState>
+
+const FigureModalExistingFigureContext = createContext<
+  | (FigureModalExistingFigureState & {
+      dispatch: (update: FigureModalExistingFigureStateUpdate) => void
+    })
+  | undefined
+>(undefined)
+
+export const FigureModalProvider: FC = ({ children }) => {
+  const [state, dispatch] = useReducer(reducer, {
+    source: FigureModalSource.NONE,
+    helpShown: false,
+    sourcePickerShown: false,
+    getPath: undefined,
+    includeLabel: true,
+    includeCaption: true,
+    width: 0.5,
+  })
+
+  const [existingFigureState, dispatchFigureState] = useReducer(
+    (
+      prev: FigureModalExistingFigureState,
+      action: FigureModalExistingFigureStateUpdate
+    ) => ({ ...prev, ...action }),
+    {
+      name: undefined,
+    }
+  )
+
+  return (
+    <FigureModalContext.Provider value={{ ...state, dispatch }}>
+      <FigureModalExistingFigureContext.Provider
+        value={{ ...existingFigureState, dispatch: dispatchFigureState }}
+      >
+        {children}
+      </FigureModalExistingFigureContext.Provider>
+    </FigureModalContext.Provider>
+  )
+}
+
+export const useFigureModalExistingFigureContext = () => {
+  const context = useContext(FigureModalExistingFigureContext)
+
+  if (!context) {
+    throw new Error(
+      'useFigureModalExistingFigureContext is only available inside FigureModalProvider'
+    )
+  }
+
+  return context
+}
diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-footer.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-footer.tsx
new file mode 100644
index 0000000..f37300c
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-footer.tsx
@@ -0,0 +1,106 @@
+import {
+  FigureModalSource,
+  useFigureModalContext,
+} from './figure-modal-context'
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import { sendMB } from '../../../../infrastructure/event-tracking'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import MaterialIcon from '@/shared/components/material-icon'
+
+export const FigureModalFooter: FC<{
+  onInsert: () => void
+  onCancel: () => void
+  onDelete: () => void
+}> = ({ onInsert, onCancel, onDelete }) => {
+  const { t } = useTranslation()
+
+  return (
+    <>
+      <HelpToggle />
+      <OLButton variant="secondary" onClick={onCancel}>
+        {t('cancel')}
+      </OLButton>
+      <FigureModalAction onInsert={onInsert} onDelete={onDelete} />
+    </>
+  )
+}
+
+const HelpToggle = () => {
+  const { t } = useTranslation()
+  const { helpShown, dispatch } = useFigureModalContext()
+  if (helpShown) {
+    return (
+      <OLButton
+        variant="link"
+        className="figure-modal-help-link me-auto"
+        onClick={() => dispatch({ helpShown: false })}
+      >
+        <span>
+          <MaterialIcon type="arrow_left_alt" className="align-text-bottom" />
+        </span>{' '}
+        {t('back')}
+      </OLButton>
+    )
+  }
+  return (
+    <OLButton
+      variant="link"
+      className="figure-modal-help-link me-auto"
+      onClick={() => dispatch({ helpShown: true })}
+    >
+      <span>
+        <MaterialIcon type="help" className="align-text-bottom" />
+      </span>{' '}
+      {t('help')}
+    </OLButton>
+  )
+}
+
+const FigureModalAction: FC<{
+  onInsert: () => void
+  onDelete: () => void
+}> = ({ onInsert, onDelete }) => {
+  const { t } = useTranslation()
+  const { helpShown, getPath, source, sourcePickerShown } =
+    useFigureModalContext()
+
+  if (helpShown) {
+    return null
+  }
+
+  if (sourcePickerShown) {
+    return (
+      <OLButton variant="danger" onClick={onDelete}>
+        {t('delete_figure')}
+      </OLButton>
+    )
+  }
+
+  if (source === FigureModalSource.EDIT_FIGURE) {
+    return (
+      <OLButton
+        variant="primary"
+        onClick={() => {
+          onInsert()
+          sendMB('figure-modal-edit')
+        }}
+      >
+        {t('done')}
+      </OLButton>
+    )
+  }
+
+  return (
+    <OLButton
+      variant="primary"
+      disabled={getPath === undefined}
+      onClick={() => {
+        onInsert()
+        sendMB('figure-modal-insert')
+      }}
+    >
+      {t('insert_figure')}
+    </OLButton>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-help.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-help.tsx
new file mode 100644
index 0000000..e65e21b
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-help.tsx
@@ -0,0 +1,65 @@
+import { FC } from 'react'
+import { Trans, useTranslation } from 'react-i18next'
+
+const LearnWikiLink: FC<{ article: string }> = ({ article, children }) => {
+  return <a href={`/learn/latex/${article}`}>{children}</a>
+}
+
+export const FigureModalHelp = () => {
+  const { t } = useTranslation()
+  return (
+    <>
+      <p>{t('this_tool_helps_you_insert_figures')}</p>
+      <b>{t('editing_captions')}</b>
+      <p>{t('when_you_tick_the_include_caption_box')}</p>
+
+      <b>{t('understanding_labels')}</b>
+      <p>
+        <Trans
+          i18nKey="labels_help_you_to_easily_reference_your_figures"
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <code />,
+            // eslint-disable-next-line react/jsx-key
+            <LearnWikiLink article="Inserting_Images#Labels_and_cross-references" />,
+          ]}
+        />
+      </p>
+
+      <b>{t('customizing_figures')}</b>
+      <p>
+        <Trans
+          i18nKey="there_are_lots_of_options_to_edit_and_customize_your_figures"
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <LearnWikiLink article="Inserting_Images" />,
+          ]}
+        />
+      </p>
+
+      <b>{t('changing_the_position_of_your_figure')}</b>
+      <p>
+        <Trans
+          i18nKey="latex_places_figures_according_to_a_special_algorithm"
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <LearnWikiLink article="Positioning_images_and_tables" />,
+          ]}
+        />
+      </p>
+
+      <b>{t('dealing_with_errors')}</b>
+      <p>
+        <Trans
+          i18nKey="are_you_getting_an_undefined_control_sequence_error"
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <code />,
+            // eslint-disable-next-line react/jsx-key
+            <LearnWikiLink article="Inserting_Images" />,
+          ]}
+        />
+      </p>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-options.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-options.tsx
new file mode 100644
index 0000000..6e9f266
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-options.tsx
@@ -0,0 +1,123 @@
+import { FC } from 'react'
+import {
+  useFigureModalContext,
+  useFigureModalExistingFigureContext,
+} from './figure-modal-context'
+import { useTranslation } from 'react-i18next'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormCheckbox from '@/features/ui/components/ol/ol-form-checkbox'
+import OLFormText from '@/features/ui/components/ol/ol-form-text'
+import OLToggleButtonGroup from '@/features/ui/components/ol/ol-toggle-button-group'
+import OLToggleButton from '@/features/ui/components/ol/ol-toggle-button'
+import MaterialIcon from '@/shared/components/material-icon'
+
+export const FigureModalFigureOptions: FC = () => {
+  const { t } = useTranslation()
+  const { includeCaption, includeLabel, dispatch, width } =
+    useFigureModalContext()
+
+  const { hasComplexGraphicsArgument } = useFigureModalExistingFigureContext()
+  return (
+    <>
+      <OLFormGroup>
+        <OLFormCheckbox
+          id="figure-modal-caption"
+          defaultChecked={includeCaption}
+          onChange={event => dispatch({ includeCaption: event.target.checked })}
+          label={t('include_caption')}
+        />
+      </OLFormGroup>
+      <OLFormGroup>
+        <OLFormCheckbox
+          id="figure-modal-label"
+          data-cy="include-label-option"
+          defaultChecked={includeLabel}
+          onChange={event => dispatch({ includeLabel: event.target.checked })}
+          label={
+            <span className="figure-modal-label-content">
+              {t('include_label')}
+              <span aria-hidden="true">
+                <OLFormText>
+                  {t(
+                    'used_when_referring_to_the_figure_elsewhere_in_the_document'
+                  )}
+                </OLFormText>
+              </span>
+            </span>
+          }
+        />
+      </OLFormGroup>
+      <OLFormGroup className="mb-0">
+        <div className="figure-modal-switcher-input">
+          <div>
+            {t('image_width')}{' '}
+            {hasComplexGraphicsArgument ? (
+              <OLTooltip
+                id="figure-modal-image-width-warning-tooltip"
+                description={t('a_custom_size_has_been_used_in_the_latex_code')}
+                overlayProps={{ delay: 0, placement: 'top' }}
+              >
+                <span>
+                  <MaterialIcon type="warning" className="align-text-bottom" />
+                </span>
+              </OLTooltip>
+            ) : (
+              <OLTooltip
+                id="figure-modal-image-width-tooltip"
+                description={t(
+                  'the_width_you_choose_here_is_based_on_the_width_of_the_text_in_your_document'
+                )}
+                overlayProps={{ delay: 0, placement: 'bottom' }}
+              >
+                <span>
+                  <MaterialIcon type="help" className="align-text-bottom" />
+                </span>
+              </OLTooltip>
+            )}
+          </div>
+          <OLToggleButtonGroup
+            type="radio"
+            name="figure-width"
+            onChange={value => dispatch({ width: parseFloat(value) })}
+            defaultValue={width === 1 ? '1.0' : width?.toString()}
+            aria-label={t('image_width')}
+          >
+            <OLToggleButton
+              variant="secondary"
+              id="width-25p"
+              disabled={hasComplexGraphicsArgument}
+              value="0.25"
+            >
+              {t('1_4_width')}
+            </OLToggleButton>
+            <OLToggleButton
+              variant="secondary"
+              id="width-50p"
+              disabled={hasComplexGraphicsArgument}
+              value="0.5"
+            >
+              {t('1_2_width')}
+            </OLToggleButton>
+            <OLToggleButton
+              variant="secondary"
+              id="width-75p"
+              disabled={hasComplexGraphicsArgument}
+              value="0.75"
+            >
+              {t('3_4_width')}
+            </OLToggleButton>
+            <OLToggleButton
+              variant="secondary"
+              id="width-100p"
+              disabled={hasComplexGraphicsArgument}
+              value="1.0"
+            >
+              {t('full_width')}
+            </OLToggleButton>
+          </OLToggleButtonGroup>
+        </div>
+      </OLFormGroup>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-source-picker.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-source-picker.tsx
new file mode 100644
index 0000000..7d73df7
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal-source-picker.tsx
@@ -0,0 +1,73 @@
+import { FC } from 'react'
+import {
+  FigureModalSource,
+  useFigureModalContext,
+} from './figure-modal-context'
+import { useTranslation } from 'react-i18next'
+import getMeta from '@/utils/meta'
+import MaterialIcon from '@/shared/components/material-icon'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+
+export const FigureModalSourcePicker: FC = () => {
+  const { t } = useTranslation()
+  const {
+    hasLinkedProjectFileFeature,
+    hasLinkedProjectOutputFileFeature,
+    hasLinkUrlFeature,
+  } = getMeta('ol-ExposedSettings')
+
+  const { write } = usePermissionsContext()
+
+  return (
+    <div className="figure-modal-source-button-grid">
+      {write && (
+        <FigureModalSourceButton
+          type={FigureModalSource.FILE_UPLOAD}
+          title={t('replace_from_computer')}
+          icon="upload"
+        />
+      )}
+      <FigureModalSourceButton
+        type={FigureModalSource.FILE_TREE}
+        title={t('replace_from_project_files')}
+        icon="inbox"
+      />
+      {write &&
+        (hasLinkedProjectFileFeature || hasLinkedProjectOutputFileFeature) && (
+          <FigureModalSourceButton
+            type={FigureModalSource.OTHER_PROJECT}
+            title={t('replace_from_another_project')}
+            icon="folder_open"
+          />
+        )}
+      {write && hasLinkUrlFeature && (
+        <FigureModalSourceButton
+          type={FigureModalSource.FROM_URL}
+          title={t('replace_from_url')}
+          icon="public"
+        />
+      )}
+    </div>
+  )
+}
+
+const FigureModalSourceButton: FC<{
+  type: FigureModalSource
+  title: string
+  icon: string
+}> = ({ type, title, icon }) => {
+  const { dispatch } = useFigureModalContext()
+  return (
+    <button
+      type="button"
+      className="figure-modal-source-button"
+      onClick={() => {
+        dispatch({ source: type, sourcePickerShown: false, getPath: undefined })
+      }}
+    >
+      <MaterialIcon type={icon} className="figure-modal-source-button-icon" />
+      <span className="figure-modal-source-button-title">{title}</span>
+      <MaterialIcon type="chevron_right" />
+    </button>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal.tsx
new file mode 100644
index 0000000..08494d1
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/figure-modal.tsx
@@ -0,0 +1,306 @@
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import {
+  FigureModalProvider,
+  FigureModalSource,
+  useFigureModalContext,
+  useFigureModalExistingFigureContext,
+} from './figure-modal-context'
+import { FigureModalFooter } from './figure-modal-footer'
+import { lazy, memo, Suspense, useCallback, useEffect } from 'react'
+import { useCodeMirrorViewContext } from '../codemirror-context'
+import { ChangeSpec } from '@codemirror/state'
+import { snippet } from '@codemirror/autocomplete'
+import {
+  FigureData,
+  PastedImageData,
+  editFigureData,
+  editFigureDataEffect,
+} from '../../extensions/figure-modal'
+import { ensureEmptyLine } from '../../extensions/toolbar/commands'
+import { useTranslation } from 'react-i18next'
+import useEventListener from '../../../../shared/hooks/use-event-listener'
+import { prepareLines } from '../../utils/prepare-lines'
+import { FeedbackBadge } from '@/shared/components/feedback-badge'
+import { FullSizeLoadingSpinner } from '@/shared/components/loading-spinner'
+
+const FigureModalBody = lazy(() => import('./figure-modal-body'))
+
+export const FigureModal = memo(function FigureModal() {
+  return (
+    <FigureModalProvider>
+      <FigureModalContent />
+    </FigureModalProvider>
+  )
+})
+
+const FigureModalContent = () => {
+  const { t } = useTranslation()
+
+  const getTitle = useCallback(
+    (state: FigureModalSource) => {
+      switch (state) {
+        case FigureModalSource.FILE_UPLOAD:
+          return t('upload_from_computer')
+        case FigureModalSource.FILE_TREE:
+          return t('insert_from_project_files')
+        case FigureModalSource.FROM_URL:
+          return t('insert_from_url')
+        case FigureModalSource.OTHER_PROJECT:
+          return t('insert_from_another_project')
+        case FigureModalSource.EDIT_FIGURE:
+          return t('edit_figure')
+        default:
+          return t('insert_image')
+      }
+    },
+    [t]
+  )
+
+  const {
+    source,
+    dispatch,
+    helpShown,
+    getPath,
+    width,
+    includeCaption,
+    includeLabel,
+    sourcePickerShown,
+  } = useFigureModalContext()
+
+  const listener = useCallback(
+    (event: Event) => {
+      const { detail } = event as CustomEvent<{
+        source: FigureModalSource
+        fileId?: string
+        filePath?: string
+      }>
+      dispatch({
+        source: detail.source,
+        selectedItemId: detail.fileId,
+        getPath: detail.filePath ? async () => detail.filePath! : undefined,
+      })
+    },
+    [dispatch]
+  )
+
+  useEffect(() => {
+    window.addEventListener('figure-modal:open', listener)
+
+    return () => {
+      window.removeEventListener('figure-modal:open', listener)
+    }
+  }, [listener])
+
+  const { dispatch: updateExistingFigure } =
+    useFigureModalExistingFigureContext()
+
+  const view = useCodeMirrorViewContext()
+
+  const hide = useCallback(() => {
+    dispatch({ source: FigureModalSource.NONE })
+    view.requestMeasure()
+    view.focus()
+  }, [dispatch, view])
+
+  useEventListener(
+    'figure-modal:open-modal',
+    useCallback(() => {
+      const figure = view.state.field<FigureData>(editFigureData, false)
+      if (!figure) {
+        return
+      }
+      updateExistingFigure({
+        name: figure.file.path,
+        // The empty string should *not* be a complex argument
+        hasComplexGraphicsArgument: Boolean(figure.unknownGraphicsArguments),
+      })
+      dispatch({
+        source: FigureModalSource.EDIT_FIGURE,
+        width: figure.width,
+        includeCaption: figure.caption !== null,
+        includeLabel: figure.label !== null,
+      })
+    }, [view, dispatch, updateExistingFigure])
+  )
+
+  useEventListener(
+    'figure-modal:paste-image',
+    useCallback(
+      (image: CustomEvent<PastedImageData>) => {
+        dispatch({
+          source: FigureModalSource.FILE_UPLOAD,
+          pastedImageData: image.detail,
+        })
+      },
+      [dispatch]
+    )
+  )
+
+  const insert = useCallback(async () => {
+    const figure = view.state.field<FigureData>(editFigureData, false)
+
+    if (!getPath) {
+      throw new Error('Cannot insert figure without a file path')
+    }
+    let path: string
+    try {
+      path = await getPath()
+    } catch (error) {
+      dispatch({ error: String(error) })
+      return
+    }
+    const labelCommand = includeLabel ? '\\label{fig:enter-label}' : ''
+    const captionCommand = includeCaption ? '\\caption{Enter Caption}' : ''
+
+    if (figure) {
+      // Updating existing figure
+      const hadCaptionBefore = figure.caption !== null
+      const hadLabelBefore = figure.label !== null
+      const changes: ChangeSpec[] = []
+      if (!hadCaptionBefore && includeCaption) {
+        // We should insert a caption
+        changes.push({
+          from: figure.graphicsCommand.to,
+          insert: prepareLines(
+            ['', captionCommand],
+            view.state,
+            figure.graphicsCommand.to
+          ),
+        })
+      }
+      if (!hadLabelBefore && includeLabel) {
+        const from = figure.caption?.to ?? figure.graphicsCommand.to
+        // We should insert a label
+        changes.push({
+          from,
+          insert: prepareLines(['', labelCommand], view.state, from),
+        })
+      }
+      if (hadCaptionBefore && !includeCaption) {
+        // We should remove the caption
+        changes.push({
+          from: figure.caption!.from,
+          to: figure.caption!.to,
+          insert: '',
+        })
+      }
+      if (hadLabelBefore && !includeLabel) {
+        // We should remove th label
+        changes.push({
+          from: figure.label!.from,
+          to: figure.label!.to,
+          insert: '',
+        })
+      }
+      if (!figure.unknownGraphicsArguments && width) {
+        // We understood the arguments, and should update the width
+        if (figure.graphicsCommandArguments !== null) {
+          changes.push({
+            from: figure.graphicsCommandArguments.from,
+            to: figure.graphicsCommandArguments.to,
+            insert: `width=${width}\\linewidth`,
+          })
+        } else {
+          // Insert new args
+          changes.push({
+            from: figure.file.from - 1,
+            insert: `[width=${width}\\linewidth]`,
+          })
+        }
+      }
+      changes.push({ from: figure.file.from, to: figure.file.to, insert: path })
+      view.dispatch({
+        changes: view.state.changes(changes),
+        effects: editFigureDataEffect.of(null),
+      })
+    } else {
+      const { pos, suffix } = ensureEmptyLine(
+        view.state,
+        view.state.selection.main
+      )
+
+      const widthArgument =
+        width !== undefined ? `[width=${width}\\linewidth]` : ''
+      const caption = includeCaption ? `\n\t\\caption{\${Enter Caption}}` : ''
+      const label = includeLabel ? `\n\t\\label{\${fig:enter-label}}` : ''
+
+      snippet(
+        `\\begin{figure}
+\t\\centering
+\t\\includegraphics${widthArgument}{${path}}${caption}${label}
+\\end{figure}${suffix}\${}`
+      )(
+        { state: view.state, dispatch: view.dispatch },
+        { label: 'figure' },
+        pos,
+        pos
+      )
+    }
+    hide()
+  }, [getPath, view, hide, includeCaption, includeLabel, width, dispatch])
+
+  const onDelete = useCallback(() => {
+    const figure = view.state.field<FigureData>(editFigureData, false)
+    if (!figure) {
+      dispatch({ error: "Couldn't remove figure" })
+      return
+    }
+    view.dispatch({
+      effects: editFigureDataEffect.of(null),
+      changes: view.state.changes({
+        from: figure.from,
+        to: figure.to,
+        insert: '',
+      }),
+    })
+    dispatch({ sourcePickerShown: false })
+    hide()
+  }, [view, hide, dispatch])
+
+  const onCancel = useCallback(() => {
+    dispatch({ sourcePickerShown: false })
+    view.dispatch({ effects: editFigureDataEffect.of(null) })
+    hide()
+  }, [hide, view, dispatch])
+
+  if (source === FigureModalSource.NONE) {
+    return null
+  }
+  return (
+    <OLModal onHide={hide} className="figure-modal" show>
+      <OLModalHeader closeButton>
+        <OLModalTitle>
+          {helpShown
+            ? t('help')
+            : sourcePickerShown
+              ? t('replace_figure')
+              : getTitle(source)}{' '}
+          <FeedbackBadge
+            id="figure-modal-feedback"
+            url="https://forms.gle/PfEtwceYBNQ32DF4A"
+            text="Please click to give feedback about editing figures."
+          />
+        </OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        <Suspense fallback={<FullSizeLoadingSpinner minHeight="15rem" />}>
+          <FigureModalBody />
+        </Suspense>
+      </OLModalBody>
+
+      <OLModalFooter>
+        <FigureModalFooter
+          onInsert={insert}
+          onCancel={onCancel}
+          onDelete={onDelete}
+        />
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/file-name-input.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/file-name-input.tsx
new file mode 100644
index 0000000..96e5ba9
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/file-name-input.tsx
@@ -0,0 +1,99 @@
+import { useCallback, useEffect, useState } from 'react'
+import { File, FileOrDirectory } from '../../utils/file'
+import { useTranslation } from 'react-i18next'
+import { useCurrentProjectFolders } from '@/features/source-editor/hooks/use-current-project-folders'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+type FileNameInputProps = Omit<
+  React.ComponentProps<typeof OLFormControl>,
+  'onFocus'
+> & { targetFolder: File | null; label: string }
+
+function findFile(
+  folder: { id: string; name: string },
+  project: FileOrDirectory
+): FileOrDirectory | null {
+  if (project.id === folder.id) {
+    return project
+  }
+  if (project.type !== 'folder') {
+    return null
+  }
+  for (const child of project.children ?? []) {
+    const search = findFile(folder, child)
+    if (search) {
+      return search
+    }
+  }
+  return null
+}
+
+function hasOverlap(
+  name: string,
+  folder: { id: string; name: string },
+  project: FileOrDirectory
+): boolean {
+  const directory = findFile(folder, project)
+  if (!directory) {
+    return false
+  }
+  for (const child of directory.children ?? []) {
+    if (child.name === name) {
+      return true
+    }
+  }
+  return false
+}
+
+export const FileNameInput = ({
+  id,
+  label,
+  targetFolder,
+  ...props
+}: FileNameInputProps) => {
+  const { t } = useTranslation()
+  const [overlap, setOverlap] = useState<boolean>(false)
+  const { rootFolder } = useCurrentProjectFolders()
+  const { value } = props
+
+  useEffect(() => {
+    if (value) {
+      setOverlap(
+        hasOverlap(String(value), targetFolder ?? rootFolder, rootFolder)
+      )
+    } else {
+      setOverlap(false)
+    }
+  }, [value, targetFolder, rootFolder])
+
+  const onFocus = useCallback((event: React.FocusEvent<HTMLInputElement>) => {
+    if (!event.target) {
+      return true
+    }
+    const fileName = event.target.value
+    const fileExtensionIndex = fileName.lastIndexOf('.')
+    if (fileExtensionIndex >= 0) {
+      event.target.setSelectionRange(0, fileExtensionIndex)
+    }
+  }, [])
+  return (
+    <>
+      <OLFormGroup controlId={id}>
+        <OLFormLabel>{label}</OLFormLabel>
+        <OLFormControl onFocus={onFocus} {...props} />
+        {overlap && (
+          <OLNotification
+            type="warning"
+            content={t(
+              'a_file_with_that_name_already_exists_and_will_be_overriden'
+            )}
+            className="mt-1 mb-0"
+          />
+        )}
+      </OLFormGroup>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/file-relocator.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/file-relocator.tsx
new file mode 100644
index 0000000..dcc9125
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/file-relocator.tsx
@@ -0,0 +1,85 @@
+import { useCallback } from 'react'
+import { FileNameInput } from './file-name-input'
+import { File } from '../../utils/file'
+import { Select } from '../../../../shared/components/select'
+import { useCurrentProjectFolders } from '../../hooks/use-current-project-folders'
+import { useTranslation } from 'react-i18next'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+
+export const FileRelocator = ({
+  name,
+  setName,
+  onNameChanged,
+  onFolderChanged,
+  setNameDirty,
+  folder,
+  setFolder,
+  nameDisabled,
+}: {
+  nameDisabled: boolean
+  name: string
+  setName: (name: string) => void
+  onNameChanged: (name: string) => void
+  folder: File | null
+  onFolderChanged: (folder: File | null | undefined) => void
+  setFolder: (folder: File) => void
+  setNameDirty: (nameDirty: boolean) => void
+}) => {
+  const { t } = useTranslation()
+  const { folders, rootFile } = useCurrentProjectFolders()
+
+  const nameChanged = useCallback(
+    (e: React.ChangeEvent<HTMLInputElement>) => {
+      setNameDirty(true)
+      setName(e.target.value)
+      onNameChanged(e.target.value)
+    },
+    [setName, setNameDirty, onNameChanged]
+  )
+  const selectedFolderChanged = useCallback(
+    (item: File | null | undefined) => {
+      if (item) {
+        setFolder(item)
+      } else {
+        setFolder(rootFile)
+      }
+      onFolderChanged(item)
+    },
+    [setFolder, onFolderChanged, rootFile]
+  )
+
+  return (
+    <>
+      <FileNameInput
+        id="figure-modal-relocated-file-name"
+        type="text"
+        label={t('file_name_in_this_project_figure_modal')}
+        value={name}
+        disabled={nameDisabled}
+        placeholder="example.jpg"
+        onChange={nameChanged}
+        targetFolder={folder}
+      />
+      <OLFormGroup>
+        <Select
+          items={folders || []}
+          itemToString={item => {
+            if (item?.path === '' && item?.name === 'rootFolder') {
+              return t('no_folder')
+            }
+            if (item) {
+              return `${item.path}${item.name}`
+            }
+            return t('no_folder')
+          }}
+          itemToSubtitle={item => item?.path ?? ''}
+          itemToKey={item => item.id}
+          defaultText={t('select_folder_from_project')}
+          label={t('folder_location')}
+          optionalLabel
+          onSelectedItemChanged={selectedFolderChanged}
+        />
+      </OLFormGroup>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-edit-figure-source.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-edit-figure-source.tsx
new file mode 100644
index 0000000..0acf03a
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-edit-figure-source.tsx
@@ -0,0 +1,31 @@
+import { FC, useEffect } from 'react'
+import { FileContainer, FileUploadStatus } from './figure-modal-upload-source'
+import {
+  useFigureModalContext,
+  useFigureModalExistingFigureContext,
+} from '../figure-modal-context'
+import { useTranslation } from 'react-i18next'
+
+export const FigureModalEditFigureSource: FC = () => {
+  const { t } = useTranslation()
+  const { dispatch } = useFigureModalContext()
+  const { name } = useFigureModalExistingFigureContext()
+
+  useEffect(() => {
+    if (name === undefined) {
+      dispatch({ getPath: undefined })
+    } else {
+      dispatch({ getPath: async () => name })
+    }
+  }, [name, dispatch])
+
+  return (
+    <FileContainer
+      name={name ?? t('unknown')}
+      status={FileUploadStatus.SUCCESS}
+      onDelete={() => {
+        dispatch({ sourcePickerShown: true })
+      }}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-other-project-source.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-other-project-source.tsx
new file mode 100644
index 0000000..6ab6acb
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-other-project-source.tsx
@@ -0,0 +1,282 @@
+import { FC, useEffect, useMemo, useState } from 'react'
+import { Select } from '../../../../../shared/components/select'
+import { useFigureModalContext } from '../figure-modal-context'
+import {
+  Project,
+  useUserProjects,
+} from '../../../../file-tree/hooks/use-user-projects'
+import {
+  Entity,
+  useProjectEntities,
+} from '../../../../file-tree/hooks/use-project-entities'
+import {
+  OutputEntity,
+  useProjectOutputFiles,
+} from '../../../../file-tree/hooks/use-project-output-files'
+import { useCurrentProjectFolders } from '../../../hooks/use-current-project-folders'
+import { File, isImageEntity } from '../../../utils/file'
+import { postJSON } from '../../../../../infrastructure/fetch-json'
+import { useProjectContext } from '../../../../../shared/context/project-context'
+import { FileRelocator } from '../file-relocator'
+import { useTranslation } from 'react-i18next'
+import { waitForFileTreeUpdate } from '../../../extensions/figure-modal'
+import { useCodeMirrorViewContext } from '../../codemirror-context'
+import getMeta from '@/utils/meta'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+
+function suggestName(path: string) {
+  const parts = path.split('/')
+  return parts[parts.length - 1]
+}
+
+export const FigureModalOtherProjectSource: FC = () => {
+  const { t } = useTranslation()
+  const view = useCodeMirrorViewContext()
+  const { dispatch } = useFigureModalContext()
+  const { _id: projectId } = useProjectContext()
+  const { loading: projectsLoading, data: projects, error } = useUserProjects()
+  const [selectedProject, setSelectedProject] = useState<null | Project>(null)
+  const { hasLinkedProjectFileFeature, hasLinkedProjectOutputFileFeature } =
+    getMeta('ol-ExposedSettings')
+  const [usingOutputFiles, setUsingOutputFiles] = useState<boolean>(
+    !hasLinkedProjectFileFeature
+  )
+  const [nameDirty, setNameDirty] = useState<boolean>(false)
+  const [name, setName] = useState<string>('')
+  const [folder, setFolder] = useState<File | null>(null)
+  const { rootFile } = useCurrentProjectFolders()
+  const [file, setFile] = useState<OutputEntity | Entity | null>(null)
+  const FileSelector = usingOutputFiles
+    ? SelectFromProjectOutputFiles
+    : SelectFromProject
+
+  useEffect(() => {
+    if (error) {
+      dispatch({ error })
+    }
+  }, [error, dispatch])
+
+  const updateDispatch: (args: {
+    newFolder?: File | null
+    newName?: string
+    newSelectedProject?: Project | null
+    newFile?: OutputEntity | Entity | null
+  }) => void = ({
+    newFolder = folder,
+    newName = name,
+    newSelectedProject = selectedProject,
+    newFile = file,
+  }) => {
+    const targetFolder = newFolder ?? rootFile
+
+    if (!newName || !newSelectedProject || !newFile) {
+      dispatch({ getPath: undefined })
+      return
+    }
+
+    let body:
+      | {
+          parent_folder_id: string
+          provider: 'project_file'
+          name: string
+          data: { source_project_id: string; source_entity_path: string }
+        }
+      | {
+          parent_folder_id: string
+          provider: 'project_output_file'
+          name: string
+          data: {
+            source_project_id: string
+            source_output_file_path: string
+            build_id?: string
+            clsiServerId?: string
+          }
+        } = {
+      provider: 'project_file',
+      parent_folder_id: targetFolder.id,
+      name: newName,
+      data: {
+        source_project_id: newSelectedProject._id,
+        source_entity_path: newFile.path,
+      },
+    }
+
+    if (usingOutputFiles) {
+      body = {
+        ...body,
+        provider: 'project_output_file',
+        data: {
+          source_project_id: newSelectedProject._id,
+          source_output_file_path: newFile.path,
+          clsiServerId: (newFile as OutputEntity).clsiServerId,
+          build_id: (newFile as OutputEntity).build,
+        },
+      }
+    }
+
+    dispatch({
+      getPath: async () => {
+        const fileTreeUpdate = waitForFileTreeUpdate(view)
+        await postJSON(`/project/${projectId}/linked_file`, {
+          body,
+        })
+        await fileTreeUpdate.withTimeout(500)
+        return targetFolder.path === '' && targetFolder.name === 'rootFolder'
+          ? `${newName}`
+          : `${targetFolder.path ? targetFolder.path + '/' : ''}${
+              targetFolder.name
+            }/${name}`
+      },
+    })
+  }
+
+  return (
+    <>
+      <OLFormGroup>
+        <Select
+          items={projects ?? []}
+          itemToString={project => (project ? project.name : '')}
+          itemToKey={item => item._id}
+          defaultText={t('select_a_project_figure_modal')}
+          label={t('project_figure_modal')}
+          disabled={projectsLoading}
+          onSelectedItemChanged={item => {
+            const suggestion = nameDirty ? name : ''
+            setName(suggestion)
+            setSelectedProject(item ?? null)
+            setFile(null)
+            updateDispatch({
+              newSelectedProject: item ?? null,
+              newFile: null,
+              newName: suggestion,
+            })
+          }}
+        />
+      </OLFormGroup>
+      <OLFormGroup>
+        <FileSelector
+          projectId={selectedProject?._id}
+          onSelectedItemChange={item => {
+            const suggestion = nameDirty ? name : suggestName(item?.path ?? '')
+            setName(suggestion)
+            setFile(item ?? null)
+            updateDispatch({
+              newFile: item ?? null,
+              newName: suggestion,
+            })
+          }}
+        />
+        {hasLinkedProjectFileFeature && hasLinkedProjectOutputFileFeature && (
+          <div>
+            or{' '}
+            <OLButton
+              variant="link"
+              onClick={() => setUsingOutputFiles(value => !value)}
+              className="p-0 select-from-files-btn"
+            >
+              {usingOutputFiles
+                ? t('select_from_project_files')
+                : t('select_from_output_files')}
+            </OLButton>
+          </div>
+        )}
+      </OLFormGroup>
+      <FileRelocator
+        folder={folder}
+        name={name}
+        nameDisabled={!file && !nameDirty}
+        onFolderChanged={item => {
+          const newFolder = item ?? rootFile
+          updateDispatch({ newFolder })
+        }}
+        onNameChanged={name => updateDispatch({ newName: name })}
+        setFolder={setFolder}
+        setName={setName}
+        setNameDirty={setNameDirty}
+      />
+    </>
+  )
+}
+
+const SelectFile = <T extends { path: string }>({
+  disabled,
+  files,
+  onSelectedItemChange,
+  defaultText,
+  label,
+  loading = false,
+}: {
+  disabled: boolean
+  files?: T[] | null
+  defaultText?: string
+  label?: string
+  loading?: boolean
+  onSelectedItemChange?: (item: T | null | undefined) => any
+}) => {
+  const { t } = useTranslation()
+  defaultText = defaultText ?? t('select_a_file_figure_modal')
+  label = label ?? t('image_file')
+  const imageFiles = useMemo(() => files?.filter(isImageEntity), [files])
+  const empty = loading || !imageFiles || imageFiles.length === 0
+  return (
+    <Select
+      loading={loading}
+      items={imageFiles ?? []}
+      itemToString={file => (file ? file.path.replace(/^\//, '') : '')}
+      itemToKey={file => file.path}
+      defaultText={
+        imageFiles?.length === 0 ? t('no_image_files_found') : defaultText
+      }
+      label={label}
+      disabled={disabled || empty}
+      onSelectedItemChanged={onSelectedItemChange}
+    />
+  )
+}
+
+const SelectFromProject: FC<{
+  projectId?: string
+  onSelectedItemChange?: (item: Entity | null | undefined) => any
+}> = ({ projectId, onSelectedItemChange }) => {
+  const { loading, data: entities, error } = useProjectEntities(projectId)
+  const { dispatch } = useFigureModalContext()
+  useEffect(() => {
+    if (error) {
+      dispatch({ error })
+    }
+  }, [error, dispatch])
+  return (
+    <SelectFile
+      key={projectId}
+      files={entities}
+      loading={loading}
+      disabled={!projectId}
+      onSelectedItemChange={onSelectedItemChange}
+    />
+  )
+}
+
+const SelectFromProjectOutputFiles: FC<{
+  projectId?: string
+  onSelectedItemChange?: (item: OutputEntity | null | undefined) => any
+}> = ({ projectId, onSelectedItemChange }) => {
+  const { t } = useTranslation()
+  const { loading, data: entities, error } = useProjectOutputFiles(projectId)
+  const { dispatch } = useFigureModalContext()
+  useEffect(() => {
+    if (error) {
+      dispatch({ error })
+    }
+  }, [error, dispatch])
+  return (
+    <SelectFile
+      label={t('output_file')}
+      defaultText={t('select_an_output_file_figure_modal')}
+      loading={loading}
+      files={entities}
+      disabled={!projectId}
+      onSelectedItemChange={onSelectedItemChange}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-project-source.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-project-source.tsx
new file mode 100644
index 0000000..257ea6b
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-project-source.tsx
@@ -0,0 +1,44 @@
+import { FC, useMemo } from 'react'
+import { Select } from '../../../../../shared/components/select'
+import { useFigureModalContext } from '../figure-modal-context'
+import { filterFiles, isImageFile } from '../../../utils/file'
+import { useTranslation } from 'react-i18next'
+import { useCurrentProjectFolders } from '@/features/source-editor/hooks/use-current-project-folders'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+
+export const FigureModalCurrentProjectSource: FC = () => {
+  const { t } = useTranslation()
+  const { rootFolder } = useCurrentProjectFolders()
+  const files = useMemo(
+    () => filterFiles(rootFolder)?.filter(isImageFile),
+    [rootFolder]
+  )
+  const { dispatch, selectedItemId } = useFigureModalContext()
+  const noFiles = files?.length === 0
+  return (
+    <OLFormGroup>
+      <Select
+        items={files || []}
+        itemToString={file => (file ? file.name : '')}
+        itemToSubtitle={item => item?.path ?? ''}
+        itemToKey={item => item.id}
+        defaultItem={
+          files && selectedItemId
+            ? files.find(item => item.id === selectedItemId)
+            : undefined
+        }
+        defaultText={
+          noFiles
+            ? t('no_image_files_found')
+            : t('select_image_from_project_files')
+        }
+        label="Image file"
+        onSelectedItemChanged={item => {
+          dispatch({
+            getPath: item ? async () => `${item.path}${item.name}` : undefined,
+          })
+        }}
+      />
+    </OLFormGroup>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx
new file mode 100644
index 0000000..94877fb
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-upload-source.tsx
@@ -0,0 +1,346 @@
+import { FC, useCallback, useEffect, useState } from 'react'
+import { useFigureModalContext } from '../figure-modal-context'
+import { useCurrentProjectFolders } from '../../../hooks/use-current-project-folders'
+import { File } from '../../../utils/file'
+import { Dashboard } from '@uppy/react'
+import '@uppy/core/dist/style.css'
+import '@uppy/dashboard/dist/style.css'
+import { Uppy, type UppyFile } from '@uppy/core'
+import XHRUpload from '@uppy/xhr-upload'
+import { refreshProjectMetadata } from '../../../../file-tree/util/api'
+import { useProjectContext } from '../../../../../shared/context/project-context'
+import classNames from 'classnames'
+import { FileRelocator } from '../file-relocator'
+import { useTranslation } from 'react-i18next'
+import { useCodeMirrorViewContext } from '../../codemirror-context'
+import { waitForFileTreeUpdate } from '../../../extensions/figure-modal'
+import getMeta from '@/utils/meta'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import MaterialIcon from '@/shared/components/material-icon'
+import OLSpinner from '@/features/ui/components/ol/ol-spinner'
+
+/* eslint-disable no-unused-vars */
+export enum FileUploadStatus {
+  ERROR,
+  SUCCESS,
+  NOT_ATTEMPTED,
+  UPLOADING,
+}
+
+/* eslint-enable no-unused-vars */
+
+export const FigureModalUploadFileSource: FC = () => {
+  const { t } = useTranslation()
+  const view = useCodeMirrorViewContext()
+  const { dispatch, pastedImageData } = useFigureModalContext()
+  const { _id: projectId } = useProjectContext()
+  const { rootFile } = useCurrentProjectFolders()
+  const [folder, setFolder] = useState<File | null>(null)
+  const [nameDirty, setNameDirty] = useState<boolean>(false)
+  // Files are immutable, so this will point to a (possibly) old version of the file
+  const [file, setFile] = useState<UppyFile | null>(null)
+  const [name, setName] = useState<string>('')
+  const [uploading, setUploading] = useState<boolean>(false)
+  const [uploadError, setUploadError] = useState<any>(null)
+  const [uppy] = useState(() =>
+    new Uppy({
+      allowMultipleUploadBatches: false,
+      restrictions: {
+        maxNumberOfFiles: 1,
+        maxFileSize: getMeta('ol-ExposedSettings').maxUploadSize,
+        allowedFileTypes: ['image/*', '.pdf'],
+      },
+      autoProceed: false,
+    })
+      // use the basic XHR uploader
+      .use(XHRUpload, {
+        endpoint: `/project/${projectId}/upload?folder_id=${rootFile.id}`,
+        headers: {
+          'X-CSRF-TOKEN': getMeta('ol-csrfToken'),
+        },
+        // limit: maxConnections || 1,
+        limit: 1,
+        fieldName: 'qqfile', // "qqfile" field inherited from FineUploader
+      })
+  )
+
+  const dispatchUploadAction = useCallback(
+    (name?: string, file?: UppyFile | null, folder?: File | null) => {
+      if (!name || !file) {
+        dispatch({ getPath: undefined })
+        return
+      }
+      dispatch({
+        getPath: async () => {
+          const fileTreeUpdate = waitForFileTreeUpdate(view)
+          const uploadResult = await uppy.upload()
+          await fileTreeUpdate.withTimeout(500)
+          if (!uploadResult.successful) {
+            throw new Error('Upload failed')
+          }
+          const uploadFolder = folder ?? rootFile
+          return uploadFolder.path === '' && uploadFolder.name === 'rootFolder'
+            ? `${name}`
+            : `${uploadFolder.path ? uploadFolder.path + '/' : ''}${
+                uploadFolder.name
+              }/${name}`
+        },
+      })
+    },
+    [dispatch, rootFile, uppy, view]
+  )
+
+  useEffect(() => {
+    // broadcast doc metadata after each successful upload
+    const onUploadSuccess = (_file: UppyFile | undefined, response: any) => {
+      setUploading(false)
+      if (response.body.entity_type === 'doc') {
+        window.setTimeout(() => {
+          refreshProjectMetadata(projectId, response.body.entity_id)
+        }, 250)
+      }
+    }
+
+    const onFileAdded = (file: UppyFile) => {
+      const newName = nameDirty ? name : file.name
+      setName(newName)
+      setFile(file)
+      dispatchUploadAction(newName, file, folder)
+    }
+
+    const onFileRemoved = () => {
+      if (!nameDirty) {
+        setName('')
+      }
+      setFile(null)
+      dispatchUploadAction(undefined, null, folder)
+    }
+
+    const onUpload = () => {
+      // Set endpoint dynamically https://github.com/transloadit/uppy/issues/1790#issuecomment-581402293
+      setUploadError(null)
+      uppy.getFiles().forEach(file => {
+        uppy.setFileState(file.id, {
+          // HACK: There seems to be no other way of renaming the underlying file object
+          data: new globalThis.File([file.data], name),
+          meta: {
+            ...file.meta,
+            name,
+          },
+          name,
+          xhrUpload: {
+            ...(file as any).xhrUpload,
+            endpoint: `/project/${projectId}/upload?folder_id=${
+              (folder ?? rootFile).id
+            }`,
+          },
+        })
+      })
+      setUploading(true)
+    }
+
+    // handle upload errors
+    const onError = (
+      _file: UppyFile | undefined,
+      error: any,
+      response: any
+    ) => {
+      setUploading(false)
+      setUploadError(error)
+      switch (response?.status) {
+        case 429:
+          dispatch({
+            error: 'Unable to process your file. Please try again later.',
+          })
+          break
+
+        case 403:
+          dispatch({ error: 'Your session has expired' })
+          break
+
+        default:
+          dispatch({
+            error: response?.body?.error ?? 'An unknown error occured',
+          })
+          break
+      }
+    }
+
+    uppy
+      .on('file-added', onFileAdded)
+      .on('file-removed', onFileRemoved)
+      .on('upload-success', onUploadSuccess)
+      .on('upload', onUpload)
+      .on('upload-error', onError)
+
+    return () => {
+      uppy
+        .off('file-added', onFileAdded)
+        .off('file-removed', onFileRemoved)
+        .off('upload-success', onUploadSuccess)
+        .off('upload', onUpload)
+        .off('upload-error', onError)
+    }
+  }, [
+    uppy,
+    folder,
+    rootFile,
+    name,
+    nameDirty,
+    dispatchUploadAction,
+    projectId,
+    file,
+    dispatch,
+  ])
+
+  useEffect(() => {
+    if (pastedImageData) {
+      uppy.addFile(pastedImageData)
+    }
+  }, [uppy, pastedImageData])
+
+  return (
+    <>
+      <OLFormGroup>
+        <div className="figure-modal-upload">
+          {file ? (
+            <FileContainer
+              name={file.name}
+              size={file.size}
+              status={
+                uploading
+                  ? FileUploadStatus.UPLOADING
+                  : uploadError
+                    ? FileUploadStatus.ERROR
+                    : FileUploadStatus.NOT_ATTEMPTED
+              }
+              onDelete={() => {
+                uppy.removeFile(file.id)
+                setFile(null)
+                const newName = nameDirty ? name : ''
+                setName(newName)
+                dispatchUploadAction(newName, null, folder)
+              }}
+            />
+          ) : (
+            <Dashboard
+              uppy={uppy}
+              showProgressDetails
+              height={120}
+              width="100%"
+              showLinkToFileUploadResult={false}
+              proudlyDisplayPoweredByUppy={false}
+              showSelectedFiles={false}
+              hideUploadButton
+              locale={{
+                strings: {
+                  // Text to show on the droppable area.
+                  // `%{browseFiles}` is replaced with a link that opens the system file selection dialog.
+                  dropPasteFiles: `${t(
+                    'drag_here_paste_an_image_or'
+                  )} %{browseFiles}`,
+                  // Used as the label for the link that opens the system file selection dialog.
+                  browseFiles: t('select_from_your_computer'),
+                },
+              }}
+            />
+          )}
+        </div>
+      </OLFormGroup>
+      <FileRelocator
+        folder={folder}
+        name={name}
+        nameDisabled={!file && !nameDirty}
+        onFolderChanged={item =>
+          dispatchUploadAction(name, file, item ?? rootFile)
+        }
+        onNameChanged={name => dispatchUploadAction(name, file, folder)}
+        setFolder={setFolder}
+        setName={setName}
+        setNameDirty={setNameDirty}
+      />
+    </>
+  )
+}
+
+export const FileContainer: FC<{
+  name: string
+  size?: number
+  status: FileUploadStatus
+  onDelete?: () => any
+}> = ({ name, size, status, onDelete }) => {
+  const { t } = useTranslation()
+  let icon = ''
+  switch (status) {
+    case FileUploadStatus.ERROR:
+      icon = 'cancel'
+      break
+    case FileUploadStatus.SUCCESS:
+      icon = 'check_circle'
+      break
+    case FileUploadStatus.NOT_ATTEMPTED:
+      icon = 'imagesmode'
+      break
+  }
+
+  return (
+    <div className="file-container">
+      <div className="file-container-file">
+        <span
+          className={classNames({
+            'text-success': status === FileUploadStatus.SUCCESS,
+            'text-danger': status === FileUploadStatus.ERROR,
+          })}
+        >
+          {status === FileUploadStatus.UPLOADING ? (
+            <OLSpinner size="sm" />
+          ) : (
+            <MaterialIcon type={icon} className="align-text-bottom" />
+          )}
+        </span>
+        <div className="file-info">
+          <span className="file-name" aria-label={t('file_name_figure_modal')}>
+            {name}
+          </span>
+          {size !== undefined && <FileSize size={size} />}
+        </div>
+        <OLButton
+          variant="link"
+          className="p-0 text-decoration-none"
+          aria-label={t('remove_or_replace_figure')}
+          onClick={() => onDelete && onDelete()}
+        >
+          <MaterialIcon type="cancel" />
+        </OLButton>
+      </div>
+    </div>
+  )
+}
+
+const FileSize: FC<{ size: number; className?: string }> = ({
+  size,
+  className,
+}) => {
+  const { t } = useTranslation()
+  const BYTE_UNITS: [string, number][] = [
+    ['B', 1],
+    ['KB', 1e3],
+    ['MB', 1e6],
+    ['GB', 1e9],
+    ['TB', 1e12],
+    ['PB', 1e15],
+  ]
+  const labelIndex = Math.min(
+    Math.floor(Math.log10(size) / 3),
+    BYTE_UNITS.length - 1
+  )
+
+  const [label, bytesPerUnit] = BYTE_UNITS[labelIndex]
+  const sizeInUnits = Math.round(size / bytesPerUnit)
+  return (
+    <small aria-label={t('file_size')} className={className}>
+      {sizeInUnits} {label}
+    </small>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-url-source.tsx b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-url-source.tsx
new file mode 100644
index 0000000..2db449e
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/figure-modal/file-sources/figure-modal-url-source.tsx
@@ -0,0 +1,109 @@
+import { FC, useState } from 'react'
+import { useFigureModalContext } from '../figure-modal-context'
+import { postJSON } from '../../../../../infrastructure/fetch-json'
+import { useProjectContext } from '../../../../../shared/context/project-context'
+import { File } from '../../../utils/file'
+import { useCurrentProjectFolders } from '../../../hooks/use-current-project-folders'
+import { FileRelocator } from '../file-relocator'
+import { useTranslation } from 'react-i18next'
+import { useCodeMirrorViewContext } from '../../codemirror-context'
+import { EditorView } from '@codemirror/view'
+import { waitForFileTreeUpdate } from '../../../extensions/figure-modal'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+
+function generateLinkedFileFetcher(
+  projectId: string,
+  url: string,
+  name: string,
+  folder: File,
+  view: EditorView
+) {
+  return async () => {
+    const fileTreeUpdate = waitForFileTreeUpdate(view)
+    await postJSON(`/project/${projectId}/linked_file`, {
+      body: {
+        parent_folder_id: folder.id,
+        provider: 'url',
+        name,
+        data: {
+          url,
+        },
+      },
+    })
+    await fileTreeUpdate.withTimeout(500)
+
+    return folder.path === '' && folder.name === 'rootFolder'
+      ? `${name}`
+      : `${folder.path ? folder.path + '/' : ''}${folder.name}/${name}`
+  }
+}
+
+export const FigureModalUrlSource: FC = () => {
+  const view = useCodeMirrorViewContext()
+  const { t } = useTranslation()
+  const [url, setUrl] = useState<string>('')
+  const [nameDirty, setNameDirty] = useState<boolean>(false)
+  const [name, setName] = useState<string>('')
+  const { _id: projectId } = useProjectContext()
+  const { rootFile } = useCurrentProjectFolders()
+  const [folder, setFolder] = useState<File>(rootFile)
+
+  const { dispatch, getPath } = useFigureModalContext()
+
+  // TODO: Find another way to do this
+  const ensureButtonActivation = (
+    newUrl: string,
+    newName: string,
+    folder: File | null | undefined
+  ) => {
+    if (newUrl && newName) {
+      dispatch({
+        getPath: generateLinkedFileFetcher(
+          projectId,
+          newUrl,
+          newName,
+          folder ?? rootFile,
+          view
+        ),
+      })
+    } else if (getPath) {
+      dispatch({ getPath: undefined })
+    }
+  }
+
+  return (
+    <>
+      <OLFormGroup controlId="figure-modal-url-url">
+        <OLFormLabel>{t('image_url')}</OLFormLabel>
+        <OLFormControl
+          type="text"
+          placeholder={t('enter_image_url')}
+          value={url}
+          onChange={e => {
+            setUrl(e.target.value)
+            let newName = name
+            if (!nameDirty) {
+              // TODO: Improve this
+              const parts = e.target.value.split('/')
+              newName = parts[parts.length - 1] ?? ''
+              setName(newName)
+            }
+            ensureButtonActivation(e.target.value, newName, folder)
+          }}
+        />
+      </OLFormGroup>
+      <FileRelocator
+        folder={folder}
+        name={name}
+        nameDisabled={url.length === 0}
+        onFolderChanged={folder => ensureButtonActivation(url, name, folder)}
+        onNameChanged={name => ensureButtonActivation(url, name, folder)}
+        setFolder={setFolder}
+        setName={setName}
+        setNameDirty={setNameDirty}
+      />
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/math-preview-tooltip.tsx b/services/web/frontend/js/features/source-editor/components/math-preview-tooltip.tsx
new file mode 100644
index 0000000..4e2a200
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/math-preview-tooltip.tsx
@@ -0,0 +1,156 @@
+import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
+import {
+  Dropdown,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import MaterialIcon from '@/shared/components/material-icon'
+import useEventListener from '@/shared/hooks/use-event-listener'
+import { FC, useCallback, useLayoutEffect, useRef, useState } from 'react'
+import { Trans, useTranslation } from 'react-i18next'
+import {
+  useCodeMirrorStateContext,
+  useCodeMirrorViewContext,
+} from './codemirror-context'
+import { mathPreviewStateField } from '../extensions/math-preview'
+import { getTooltip } from '@codemirror/view'
+import ReactDOM from 'react-dom'
+import OLDropdownMenuItem from '@/features/ui/components/ol/ol-dropdown-menu-item'
+
+const MathPreviewTooltipContainer: FC = () => {
+  const state = useCodeMirrorStateContext()
+  const view = useCodeMirrorViewContext()
+
+  const mathPreviewState = state.field(mathPreviewStateField, false)
+
+  if (!mathPreviewState) {
+    return null
+  }
+
+  const { tooltip, mathContent } = mathPreviewState
+
+  if (!tooltip || !mathContent) {
+    return null
+  }
+
+  const tooltipView = getTooltip(view, tooltip)
+
+  if (!tooltipView) {
+    return null
+  }
+
+  return ReactDOM.createPortal(
+    <MathPreviewTooltip mathContent={mathContent} />,
+    tooltipView.dom
+  )
+}
+
+const MathPreviewTooltip: FC<{ mathContent: HTMLDivElement }> = ({
+  mathContent,
+}) => {
+  const { t } = useTranslation()
+
+  const [showDisableModal, setShowDisableModal] = useState(false)
+  const { setMathPreview } = useProjectSettingsContext()
+  const openDisableModal = useCallback(() => setShowDisableModal(true), [])
+  const closeDisableModal = useCallback(() => setShowDisableModal(false), [])
+
+  const onHide = useCallback(() => {
+    window.dispatchEvent(new Event('editor:hideMathTooltip'))
+  }, [])
+
+  const mathRef = useRef<HTMLSpanElement>(null)
+
+  const keyDownListener = useCallback(
+    (event: KeyboardEvent) => {
+      if (event.key === 'Escape') {
+        onHide()
+      }
+    },
+    [onHide]
+  )
+
+  useEventListener('keydown', keyDownListener)
+
+  useLayoutEffect(() => {
+    if (mathRef.current) {
+      mathRef.current.replaceChildren(mathContent)
+    }
+  }, [mathContent])
+
+  return (
+    <>
+      <div className="ol-cm-math-tooltip">
+        <span ref={mathRef} />
+
+        <Dropdown align="end">
+          <DropdownToggle
+            id="some-id"
+            className="math-tooltip-options-toggle"
+            variant="secondary"
+            size="sm"
+          >
+            <MaterialIcon
+              type="more_vert"
+              accessibilityLabel={t('more_options')}
+            />
+          </DropdownToggle>
+          <DropdownMenu flip={false}>
+            <OLDropdownMenuItem
+              onClick={onHide}
+              description={t('temporarily_hides_the_preview')}
+              trailingIcon={
+                <span className="math-tooltip-options-keyboard-shortcut">
+                  Esc
+                </span>
+              }
+            >
+              {t('hide')}
+            </OLDropdownMenuItem>
+            <OLDropdownMenuItem
+              onClick={openDisableModal}
+              description={t('permanently_disables_the_preview')}
+            >
+              {t('disable')}
+            </OLDropdownMenuItem>
+          </DropdownMenu>
+        </Dropdown>
+      </div>
+
+      {showDisableModal && (
+        <OLModal show onHide={closeDisableModal}>
+          <OLModalHeader>
+            <OLModalTitle>{t('disable_equation_preview')}</OLModalTitle>
+          </OLModalHeader>
+
+          <OLModalBody>
+            {t('disable_equation_preview_confirm')}
+            <br />
+            <Trans
+              i18nKey="disable_equation_preview_enable"
+              components={{ b: <strong /> }}
+            />
+          </OLModalBody>
+
+          <OLModalFooter>
+            <OLButton variant="secondary" onClick={closeDisableModal}>
+              {t('cancel')}
+            </OLButton>
+            <OLButton variant="danger" onClick={() => setMathPreview(false)}>
+              {t('disable')}
+            </OLButton>
+          </OLModalFooter>
+        </OLModal>
+      )}
+    </>
+  )
+}
+
+export default MathPreviewTooltipContainer
diff --git a/services/web/frontend/js/features/source-editor/components/paste-html/pasted-content-menu.tsx b/services/web/frontend/js/features/source-editor/components/paste-html/pasted-content-menu.tsx
new file mode 100644
index 0000000..7fed825
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/paste-html/pasted-content-menu.tsx
@@ -0,0 +1,209 @@
+import {
+  FC,
+  HTMLProps,
+  PropsWithChildren,
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+} from 'react'
+import Icon from '../../../../shared/components/icon'
+import { useTranslation } from 'react-i18next'
+import { EditorView } from '@codemirror/view'
+import { PastedContent } from '../../extensions/visual/pasted-content'
+import useEventListener from '../../../../shared/hooks/use-event-listener'
+import { FeedbackBadge } from '@/shared/components/feedback-badge'
+import { sendMB } from '@/infrastructure/event-tracking'
+import MaterialIcon from '@/shared/components/material-icon'
+import OLOverlay from '@/features/ui/components/ol/ol-overlay'
+import OLPopover from '@/features/ui/components/ol/ol-popover'
+import { isMac } from '@/shared/utils/os'
+
+export const PastedContentMenu: FC<{
+  insertPastedContent: (
+    view: EditorView,
+    pastedContent: PastedContent,
+    formatted: boolean
+  ) => void
+  pastedContent: PastedContent
+  view: EditorView
+  formatted: boolean
+}> = ({ view, insertPastedContent, pastedContent, formatted }) => {
+  const [menuOpen, setMenuOpen] = useState(false)
+  const toggleButtonRef = useRef<HTMLButtonElement | null>(null)
+  const { t } = useTranslation()
+
+  // record whether the Shift key is currently down, for use in the `paste` event handler
+  const shiftRef = useRef(false)
+  useEventListener(
+    'keydown',
+    useCallback((event: KeyboardEvent) => {
+      shiftRef.current = event.shiftKey
+    }, [])
+  )
+
+  // track interaction events
+  const trackedEventsRef = useRef<Record<string, boolean>>({
+    'pasted-content-button-shown': false,
+    'pasted-content-button-click': false,
+  })
+
+  const trackEventOnce = useCallback((key: string) => {
+    if (!trackedEventsRef.current[key]) {
+      trackedEventsRef.current[key] = true
+      sendMB(key)
+    }
+  }, [])
+
+  useEffect(() => {
+    if (menuOpen) {
+      trackEventOnce('pasted-content-button-click')
+    } else {
+      trackEventOnce('pasted-content-button-shown')
+    }
+  }, [menuOpen, trackEventOnce])
+
+  useEffect(() => {
+    if (menuOpen) {
+      const abortController = new AbortController()
+      view.dom.addEventListener(
+        'paste',
+        event => {
+          event.preventDefault()
+          event.stopPropagation()
+          insertPastedContent(view, pastedContent, !shiftRef.current)
+          setMenuOpen(false)
+        },
+        { signal: abortController.signal, capture: true }
+      )
+      return () => {
+        abortController.abort()
+      }
+    }
+  }, [view, menuOpen, pastedContent, insertPastedContent])
+
+  // TODO: keyboard navigation
+
+  return (
+    <>
+      <button
+        ref={toggleButtonRef}
+        type="button"
+        id="pasted-content-menu-button"
+        aria-haspopup="true"
+        aria-expanded={menuOpen}
+        aria-controls="pasted-content-menu"
+        aria-label={t('paste_options')}
+        className="ol-cm-pasted-content-menu-toggle"
+        tabIndex={0}
+        onMouseDown={event => event.preventDefault()}
+        onClick={() => setMenuOpen(isOpen => !isOpen)}
+        style={{ userSelect: 'none' }}
+      >
+        <MaterialIcon type="content_copy" />
+        <MaterialIcon type="expand_more" />
+      </button>
+
+      {menuOpen && (
+        <OLOverlay
+          show
+          onHide={() => setMenuOpen(false)}
+          transition={false}
+          container={view.scrollDOM}
+          containerPadding={0}
+          placement="bottom"
+          rootClose
+          target={toggleButtonRef?.current}
+        >
+          <OLPopover
+            id="popover-pasted-content-menu"
+            className="ol-cm-pasted-content-menu-popover"
+          >
+            <div
+              className="ol-cm-pasted-content-menu"
+              id="pasted-content-menu"
+              role="menu"
+              aria-labelledby="pasted-content-menu-button"
+            >
+              <MenuItem
+                onClick={() => {
+                  insertPastedContent(view, pastedContent, true)
+                  sendMB('pasted-content-menu-click', {
+                    action: 'paste-with-formatting',
+                  })
+                  setMenuOpen(false)
+                }}
+              >
+                <span style={{ visibility: formatted ? 'visible' : 'hidden' }}>
+                  <Icon type="check" fw />
+                </span>
+                <span className="ol-cm-pasted-content-menu-item-label">
+                  {t('paste_with_formatting')}
+                </span>
+                <span className="ol-cm-pasted-content-menu-item-shortcut">
+                  {isMac ? '⌘V' : 'Ctrl+V'}
+                </span>
+              </MenuItem>
+
+              <MenuItem
+                onClick={() => {
+                  insertPastedContent(view, pastedContent, false)
+                  sendMB('pasted-content-menu-click', {
+                    action: 'paste-without-formatting',
+                  })
+                  setMenuOpen(false)
+                }}
+              >
+                <span style={{ visibility: formatted ? 'hidden' : 'visible' }}>
+                  <Icon type="check" fw />
+                </span>
+                <span className="ol-cm-pasted-content-menu-item-label">
+                  {t('paste_without_formatting')}
+                </span>
+                <span className="ol-cm-pasted-content-menu-item-shortcut">
+                  {isMac ? '⇧⌘V' : 'Ctrl+Shift+V'}
+                </span>
+              </MenuItem>
+
+              <MenuItem
+                style={{ borderTop: '1px solid #eee' }}
+                onClick={() => {
+                  window.open(
+                    'https://docs.google.com/forms/d/e/1FAIpQLSc7WcHrwz9fnCkUP5hXyvkG3LkSYZiR3lVJWZ0o6uqNQYrV7Q/viewform',
+                    '_blank'
+                  )
+                  sendMB('pasted-content-menu-click', {
+                    action: 'give-feedback',
+                  })
+                  setMenuOpen(false)
+                }}
+              >
+                <FeedbackBadge
+                  id="paste-html-feedback"
+                  url="https://docs.google.com/forms/d/e/1FAIpQLSc7WcHrwz9fnCkUP5hXyvkG3LkSYZiR3lVJWZ0o6uqNQYrV7Q/viewform"
+                />
+                <span className="ol-cm-pasted-content-menu-item-label">
+                  {t('give_feedback')}
+                </span>
+              </MenuItem>
+            </div>
+          </OLPopover>
+        </OLOverlay>
+      )}
+    </>
+  )
+}
+
+const MenuItem = ({
+  children,
+  ...buttonProps
+}: PropsWithChildren<HTMLProps<HTMLButtonElement>>) => (
+  <button
+    {...buttonProps}
+    type="button"
+    role="menuitem"
+    className="ol-cm-pasted-content-menu-item"
+  >
+    {children}
+  </button>
+)
diff --git a/services/web/frontend/js/features/source-editor/components/source-editor.tsx b/services/web/frontend/js/features/source-editor/components/source-editor.tsx
new file mode 100644
index 0000000..d71f896
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/source-editor.tsx
@@ -0,0 +1,19 @@
+import { lazy, memo, Suspense } from 'react'
+import { FullSizeLoadingSpinner } from '../../../shared/components/loading-spinner'
+import withErrorBoundary from '../../../infrastructure/error-boundary'
+import { ErrorBoundaryFallback } from '../../../shared/components/error-boundary-fallback'
+
+const CodeMirrorEditor = lazy(
+  () =>
+    import(/* webpackChunkName: "codemirror-editor" */ './codemirror-editor')
+)
+
+function SourceEditor() {
+  return (
+    <Suspense fallback={<FullSizeLoadingSpinner delay={500} />}>
+      <CodeMirrorEditor />
+    </Suspense>
+  )
+}
+
+export default withErrorBoundary(memo(SourceEditor), ErrorBoundaryFallback)
diff --git a/services/web/frontend/js/features/source-editor/components/switch-to-pdf-button.jsx b/services/web/frontend/js/features/source-editor/components/switch-to-pdf-button.jsx
new file mode 100644
index 0000000..7bd7fca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/switch-to-pdf-button.jsx
@@ -0,0 +1,31 @@
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '@/shared/components/material-icon'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useLayoutContext } from '../../../shared/context/layout-context'
+
+function SwitchToPDFButton() {
+  const { pdfLayout, setView, detachRole } = useLayoutContext()
+
+  const { t } = useTranslation()
+
+  if (detachRole) {
+    return null
+  }
+
+  if (pdfLayout === 'sideBySide') {
+    return null
+  }
+
+  function handleClick() {
+    setView('pdf')
+  }
+
+  return (
+    <OLButton variant="secondary" size="sm" onClick={handleClick}>
+      <MaterialIcon type="picture_as_pdf" />
+      {t('switch_to_pdf')}
+    </OLButton>
+  )
+}
+
+export default SwitchToPDFButton
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/analytics.ts b/services/web/frontend/js/features/source-editor/components/table-generator/analytics.ts
new file mode 100644
index 0000000..b085f96
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/analytics.ts
@@ -0,0 +1,6 @@
+import { EditorView } from '@codemirror/view'
+import { emitCommandEvent } from '../../extensions/toolbar/utils/analytics'
+
+export function emitTableGeneratorEvent(view: EditorView, command: string) {
+  emitCommandEvent(view, 'codemirror-table-generator-event', command)
+}
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/cell-input.tsx b/services/web/frontend/js/features/source-editor/components/table-generator/cell-input.tsx
new file mode 100644
index 0000000..461b299
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/cell-input.tsx
@@ -0,0 +1,33 @@
+import { forwardRef, useImperativeHandle, useLayoutEffect, useRef } from 'react'
+
+interface CellInputProps
+  extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+  value: string
+}
+
+export type CellInputRef = {
+  focus: (options?: FocusOptions) => void
+}
+
+export const CellInput = forwardRef<CellInputRef, CellInputProps>(
+  function CellInput({ value, ...props }: CellInputProps, ref) {
+    const inputRef = useRef<HTMLTextAreaElement>(null)
+    useImperativeHandle(ref, () => {
+      return {
+        focus(options) {
+          inputRef.current?.setSelectionRange(value.length, value.length)
+          inputRef.current?.focus(options)
+        },
+      }
+    })
+
+    useLayoutEffect(() => {
+      if (inputRef?.current) {
+        inputRef.current.style.height = '1px'
+        inputRef.current.style.height = `${inputRef.current.scrollHeight}px`
+      }
+    }, [value])
+
+    return <textarea {...props} value={value} ref={inputRef} />
+  }
+)
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/cell.tsx b/services/web/frontend/js/features/source-editor/components/table-generator/cell.tsx
new file mode 100644
index 0000000..cf70524
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/cell.tsx
@@ -0,0 +1,246 @@
+import { FC, MouseEventHandler, useCallback, useEffect, useRef } from 'react'
+import { CellData, ColumnDefinition, RowData } from './tabular'
+import classNames from 'classnames'
+import {
+  TableSelection,
+  useSelectionContext,
+} from './contexts/selection-context'
+import { useEditingContext } from './contexts/editing-context'
+import { loadMathJax } from '../../../mathjax/load-mathjax'
+import { typesetNodeIntoElement } from '../../extensions/visual/utils/typeset-content'
+import { parser } from '../../lezer-latex/latex.mjs'
+import { useTableContext } from './contexts/table-context'
+import { CellInput, CellInputRef } from './cell-input'
+import { useCodeMirrorViewContext } from '../codemirror-context'
+
+export const Cell: FC<{
+  cellData: CellData
+  columnSpecification: ColumnDefinition
+  rowIndex: number
+  columnIndex: number
+  row: RowData
+}> = ({
+  cellData,
+  columnSpecification: columnSpecificationFromTabular,
+  rowIndex,
+  columnIndex,
+  row,
+}) => {
+  const columnSpecification = cellData.multiColumn
+    ? cellData.multiColumn.columns.specification[0]
+    : columnSpecificationFromTabular
+  const { selection, setSelection, dragging, setDragging } =
+    useSelectionContext()
+  const { table } = useTableContext()
+  const renderDiv = useRef<HTMLDivElement>(null)
+  const cellRef = useRef<HTMLTableCellElement>(null)
+  const {
+    cellData: editingCellData,
+    updateCellData: update,
+    startEditing,
+    commitCellData,
+  } = useEditingContext()
+  const inputRef = useRef<CellInputRef>(null)
+  const view = useCodeMirrorViewContext()
+
+  const editing =
+    editingCellData?.rowIndex === rowIndex &&
+    editingCellData?.cellIndex >= columnIndex &&
+    editingCellData?.cellIndex <
+      columnIndex + (cellData.multiColumn?.columnSpan ?? 1)
+
+  const onMouseDown: MouseEventHandler = useCallback(
+    event => {
+      if (editing) {
+        return
+      }
+      if (event.button !== 0) {
+        return
+      }
+      setDragging(true)
+      document.getSelection()?.empty()
+      setSelection(current => {
+        if (event.shiftKey && current) {
+          return new TableSelection(current.from, {
+            cell: columnIndex,
+            row: rowIndex,
+          }).explode(table)
+        }
+        return new TableSelection({ cell: columnIndex, row: rowIndex }).explode(
+          table
+        )
+      })
+    },
+    [setDragging, columnIndex, rowIndex, setSelection, table, editing]
+  )
+
+  const onMouseUp = useCallback(() => {
+    if (dragging) {
+      setDragging(false)
+    }
+  }, [setDragging, dragging])
+
+  const onMouseMove: MouseEventHandler = useCallback(
+    event => {
+      if (dragging) {
+        if (event.buttons !== 1) {
+          setDragging(false)
+          return
+        }
+        document.getSelection()?.empty()
+        if (
+          selection?.to.cell === columnIndex &&
+          selection?.to.row === rowIndex
+        ) {
+          // Do nothing if selection has remained the same
+          return
+        }
+        event.stopPropagation()
+        setSelection(current => {
+          if (current) {
+            return new TableSelection(current.from, {
+              row: rowIndex,
+              cell: columnIndex,
+            }).explode(table)
+          } else {
+            return new TableSelection({
+              row: rowIndex,
+              cell: columnIndex,
+            }).explode(table)
+          }
+        })
+      }
+    },
+    [
+      dragging,
+      columnIndex,
+      rowIndex,
+      setSelection,
+      selection,
+      setDragging,
+      table,
+    ]
+  )
+
+  useEffect(() => {
+    if (editing && inputRef.current) {
+      inputRef.current.focus()
+    }
+  }, [editing, cellData.content.length])
+
+  const filterInput = useCallback((input: string) => {
+    // TODO: Are there situations where we don't want to filter the input?
+    return input
+      .replaceAll(/(^&|[^\\]&)/g, match =>
+        match.length === 1 ? '\\&' : `${match[0]}\\&`
+      )
+      .replaceAll(/(^%|[^\\]%)/g, match =>
+        match.length === 1 ? '\\%' : `${match[0]}\\%`
+      )
+      .replaceAll('\\\\', '')
+  }, [])
+
+  const isFocused =
+    selection?.to.row === rowIndex &&
+    selection?.to.cell >= columnIndex &&
+    selection?.to.cell < columnIndex + (cellData.multiColumn?.columnSpan ?? 1)
+
+  useEffect(() => {
+    if (isFocused && !editing && cellRef.current) {
+      cellRef.current.focus({ preventScroll: true })
+    }
+  }, [isFocused, editing])
+
+  useEffect(() => {
+    const toDisplay = cellData.content.trim()
+    if (renderDiv.current && !editing) {
+      const tree = parser.parse(toDisplay)
+      const node = tree.topNode
+      renderDiv.current.innerText = ''
+      typesetNodeIntoElement(
+        node,
+        renderDiv.current,
+        toDisplay.substring.bind(toDisplay)
+      )
+      loadMathJax()
+        .then(async MathJax => {
+          const element = renderDiv.current
+          if (element) {
+            await MathJax.typesetPromise([element])
+            view.requestMeasure()
+            MathJax.typesetClear([element])
+          }
+        })
+        .catch(() => {})
+    }
+  }, [cellData.content, editing, view])
+
+  const onInput = useCallback(
+    e => {
+      update(filterInput(e.target.value))
+    },
+    [update, filterInput]
+  )
+
+  let body = <div ref={renderDiv} className="table-generator-cell-render" />
+  if (editing) {
+    body = (
+      <CellInput
+        className="table-generator-cell-input"
+        value={editingCellData.content}
+        onBlur={commitCellData}
+        onInput={onInput}
+        ref={inputRef}
+      />
+    )
+  }
+
+  const inSelection = selection?.contains(
+    {
+      row: rowIndex,
+      cell: columnIndex,
+    },
+    table
+  )
+
+  const onDoubleClick = useCallback(() => {
+    if (!view.state.readOnly) {
+      startEditing(rowIndex, columnIndex, cellData.content)
+    }
+  }, [columnIndex, rowIndex, startEditing, cellData.content, view])
+
+  return (
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
+    <td
+      onDoubleClick={onDoubleClick}
+      tabIndex={row.cells.length * rowIndex + columnIndex + 1}
+      onMouseDown={onMouseDown}
+      onMouseUp={onMouseUp}
+      onMouseMove={onMouseMove}
+      colSpan={cellData.multiColumn?.columnSpan}
+      ref={cellRef}
+      className={classNames('table-generator-cell', {
+        'table-generator-cell-border-left': columnSpecification.borderLeft > 0,
+        'table-generator-cell-border-right':
+          columnSpecification.borderRight > 0,
+        'table-generator-row-border-top': row.borderTop > 0,
+        'table-generator-row-border-bottom': row.borderBottom > 0,
+        'alignment-left': columnSpecification.alignment === 'left',
+        'alignment-center': columnSpecification.alignment === 'center',
+        'alignment-right': columnSpecification.alignment === 'right',
+        'alignment-paragraph': columnSpecification.alignment === 'paragraph',
+        selected: inSelection,
+        'selection-edge-top': inSelection && selection?.bordersTop(rowIndex),
+        'selection-edge-bottom':
+          inSelection && selection?.bordersBottom(rowIndex),
+        'selection-edge-left':
+          inSelection && selection?.bordersLeft(rowIndex, columnIndex, table),
+        'selection-edge-right':
+          inSelection && selection?.bordersRight(rowIndex, columnIndex, table),
+        editing,
+      })}
+    >
+      {body}
+    </td>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/column-size-indicator.tsx b/services/web/frontend/js/features/source-editor/components/table-generator/column-size-indicator.tsx
new file mode 100644
index 0000000..7efcb36
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/column-size-indicator.tsx
@@ -0,0 +1,59 @@
+import MaterialIcon from '@/shared/components/material-icon'
+import { WidthSelection } from './toolbar/column-width-modal/column-width'
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import { useSelectionContext } from './contexts/selection-context'
+
+function roundIfNeeded(width: number) {
+  return width.toFixed(2).replace(/\.0+$/, '')
+}
+
+export const ColumnSizeIndicator = ({
+  size,
+  onClick,
+}: {
+  size: WidthSelection
+  onClick: () => void
+}) => {
+  const { t } = useTranslation()
+  const { selection } = useSelectionContext()
+  const { unit, width } = size
+  const formattedWidth = useMemo(() => {
+    if (unit === 'custom') {
+      return width
+    }
+    return `${roundIfNeeded(width)}${unit}`
+  }, [unit, width])
+
+  if (!selection) {
+    return null
+  }
+
+  return (
+    <OLTooltip
+      id="tooltip-column-width-button"
+      description={
+        unit === 'custom'
+          ? t('column_width_is_custom_click_to_resize')
+          : t('column_width_is_x_click_to_resize', {
+              width: formattedWidth,
+            })
+      }
+      overlayProps={{ delay: 0, placement: 'bottom' }}
+    >
+      <button
+        className="btn table-generator-column-indicator-button"
+        onClick={onClick}
+      >
+        <MaterialIcon
+          type="format_text_wrap"
+          className="table-generator-column-indicator-icon"
+        />
+        <span className="table-generator-column-indicator-label">
+          {formattedWidth}
+        </span>
+      </button>
+    </OLTooltip>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/contexts/editing-context.tsx b/services/web/frontend/js/features/source-editor/components/table-generator/contexts/editing-context.tsx
new file mode 100644
index 0000000..24b8688
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/contexts/editing-context.tsx
@@ -0,0 +1,141 @@
+import { FC, createContext, useCallback, useContext, useState } from 'react'
+import { useCodeMirrorViewContext } from '../../codemirror-context'
+import { useTableContext } from './table-context'
+import { TableSelection } from './selection-context'
+import { debugConsole } from '@/utils/debugging'
+
+type EditingContextData = {
+  rowIndex: number
+  cellIndex: number
+  content: string
+  dirty: boolean
+}
+
+const EditingContext = createContext<
+  | {
+      cellData: EditingContextData | null
+      updateCellData: (content: string) => void
+      cancelEditing: () => void
+      commitCellData: () => void
+      clearCells: (selection: TableSelection) => void
+      startEditing: (
+        rowIndex: number,
+        cellIndex: number,
+        initialContent?: string
+      ) => void
+    }
+  | undefined
+>(undefined)
+
+export const useEditingContext = () => {
+  const context = useContext(EditingContext)
+  if (context === undefined) {
+    throw new Error(
+      'useEditingContext is only available inside EditingContext.Provider'
+    )
+  }
+
+  return context
+}
+
+export const EditingContextProvider: FC = ({ children }) => {
+  const { table } = useTableContext()
+  const [cellData, setCellData] = useState<EditingContextData | null>(null)
+  const [initialContent, setInitialContent] = useState<string | undefined>(
+    undefined
+  )
+  const view = useCodeMirrorViewContext()
+  const write = useCallback(
+    (rowIndex: number, cellIndex: number, content: string) => {
+      const { from, to } = table.getCell(rowIndex, cellIndex)
+      const currentText = view.state.sliceDoc(from, to)
+      if (currentText !== initialContent && initialContent !== undefined) {
+        // The cell has changed since we started editing, so we don't want to overwrite it
+        debugConsole.error(
+          'Cell has changed since editing started, not overwriting'
+        )
+        return
+      }
+      setInitialContent(undefined)
+      view.dispatch({
+        changes: { from, to, insert: content },
+      })
+      view.requestMeasure()
+      setCellData(null)
+    },
+    [view, table, initialContent]
+  )
+
+  const commitCellData = useCallback(() => {
+    if (!cellData) {
+      return
+    }
+    if (!cellData.dirty) {
+      setCellData(null)
+      setInitialContent(undefined)
+      return
+    }
+    const { rowIndex, cellIndex, content } = cellData
+    write(rowIndex, cellIndex, content)
+    setCellData(null)
+  }, [setCellData, cellData, write])
+
+  const cancelEditing = useCallback(() => {
+    setCellData(null)
+  }, [setCellData])
+
+  const startEditing = useCallback(
+    (rowIndex: number, cellIndex: number, initialContent = undefined) => {
+      if (cellData?.dirty) {
+        // We're already editing something else
+        commitCellData()
+      }
+      setInitialContent(initialContent)
+      const content = table.getCell(rowIndex, cellIndex).content.trim()
+      setCellData({
+        cellIndex,
+        rowIndex,
+        content,
+        dirty: false,
+      })
+    },
+    [setCellData, cellData, commitCellData, table]
+  )
+
+  const updateCellData = useCallback(
+    (content: string) => {
+      setCellData(prev => prev && { ...prev, content, dirty: true })
+    },
+    [setCellData]
+  )
+
+  const clearCells = useCallback(
+    (selection: TableSelection) => {
+      const changes: { from: number; to: number; insert: '' }[] = []
+      const { minX, minY, maxX, maxY } = selection.normalized()
+      for (let row = minY; row <= maxY; row++) {
+        for (let cell = minX; cell <= maxX; cell++) {
+          const { from, to } = table.getCell(row, cell)
+          changes.push({ from, to, insert: '' })
+        }
+      }
+      view.dispatch({ changes })
+    },
+    [view, table]
+  )
+
+  return (
+    <EditingContext.Provider
+      value={{
+        cellData,
+        updateCellData,
+        cancelEditing,
+        commitCellData,
+        startEditing,
+        clearCells,
+      }}
+    >
+      {children}
+    </EditingContext.Provider>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/contexts/selection-context.tsx b/services/web/frontend/js/features/source-editor/components/table-generator/contexts/selection-context.tsx
new file mode 100644
index 0000000..b7854dc
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/contexts/selection-context.tsx
@@ -0,0 +1,424 @@
+import {
+  Dispatch,
+  FC,
+  SetStateAction,
+  createContext,
+  useContext,
+  useState,
+} from 'react'
+import { TableData } from '../tabular'
+
+type TableCoordinate = {
+  readonly row: number
+  readonly cell: number
+}
+
+export class TableSelection {
+  public readonly from: TableCoordinate
+  public readonly to: TableCoordinate
+
+  constructor(from: TableCoordinate, to?: TableCoordinate) {
+    this.from = from
+    this.to = to ?? from
+  }
+
+  contains(anchor: TableCoordinate, table: TableData) {
+    const { minX, maxX, minY, maxY } = this.normalized()
+    const { from, to } = table.getCellBoundaries(anchor.row, anchor.cell)
+    return (
+      from >= minX && to <= maxX && anchor.row >= minY && anchor.row <= maxY
+    )
+  }
+
+  selectRow(row: number, extend: boolean, table: TableData) {
+    return new TableSelection(
+      { row: extend ? this.from.row : row, cell: 0 },
+      { row, cell: table.columns.length - 1 }
+    )
+  }
+
+  selectColumn(column: number, extend: boolean, table: TableData) {
+    return new TableSelection(
+      { row: 0, cell: extend ? this.from.cell : column },
+      { row: table.rows.length - 1, cell: column }
+    )
+  }
+
+  normalized() {
+    const minX = Math.min(this.from.cell, this.to.cell)
+    const maxX = Math.max(this.from.cell, this.to.cell)
+    const minY = Math.min(this.from.row, this.to.row)
+    const maxY = Math.max(this.from.row, this.to.row)
+
+    return { minX, maxX, minY, maxY }
+  }
+
+  bordersLeft(row: number, cell: number, table: TableData) {
+    const { minX } = this.normalized()
+    return minX === table.getCellBoundaries(row, cell).from
+  }
+
+  bordersRight(row: number, cell: number, table: TableData) {
+    const { maxX } = this.normalized()
+    return maxX === table.getCellBoundaries(row, cell).to
+  }
+
+  bordersTop(y: number) {
+    const { minY } = this.normalized()
+    return minY === y
+  }
+
+  bordersBottom(y: number) {
+    const { maxY } = this.normalized()
+    return maxY === y
+  }
+
+  toString() {
+    return `TableSelection(${this.from.row}, ${this.from.cell}) -> (${this.to.row}, ${this.to.cell})`
+  }
+
+  isRowSelected(row: number, table: TableData) {
+    const { minX, maxX, minY, maxY } = this.normalized()
+    return (
+      row >= minY &&
+      row <= maxY &&
+      minX === 0 &&
+      maxX === table.columns.length - 1
+    )
+  }
+
+  isAnyRowSelected(table: TableData) {
+    for (let i = 0; i < table.rows.length; ++i) {
+      if (this.isRowSelected(i, table)) {
+        return true
+      }
+    }
+    return false
+  }
+
+  isAnyColumnSelected(table: TableData) {
+    for (let i = 0; i < table.columns.length; ++i) {
+      if (this.isColumnSelected(i, table)) {
+        return true
+      }
+    }
+    return false
+  }
+
+  isColumnSelected(cell: number, table: TableData) {
+    const totalRows = table.rows.length
+    const { minX, maxX, minY, maxY } = this.normalized()
+    return cell >= minX && cell <= maxX && minY === 0 && maxY === totalRows - 1
+  }
+
+  public eq(other: TableSelection) {
+    return (
+      this.from.row === other.from.row &&
+      this.from.cell === other.from.cell &&
+      this.to.row === other.to.row &&
+      this.to.cell === other.to.cell
+    )
+  }
+
+  public explode(table: TableData) {
+    const expandOnce = (current: TableSelection) => {
+      if (
+        current.to.row >= table.rows.length ||
+        current.to.cell >= table.columns.length
+      ) {
+        throw new Error("Can't expand selection outside of table")
+      }
+      const { minX, maxX, minY, maxY } = current.normalized()
+      for (let row = minY; row <= maxY; ++row) {
+        const cellBoundariesMinX = table.getCellBoundaries(row, minX)
+        const cellBoundariesMaxX = table.getCellBoundaries(row, maxX)
+        if (cellBoundariesMinX.from < minX) {
+          if (current.from.cell === minX) {
+            return new TableSelection(
+              { row: current.from.row, cell: cellBoundariesMinX.from },
+              { row: current.to.row, cell: current.to.cell }
+            )
+          } else {
+            return new TableSelection(
+              { row: current.from.row, cell: current.from.cell },
+              { row: current.to.row, cell: cellBoundariesMinX.from }
+            )
+          }
+        } else if (cellBoundariesMaxX.to > maxX) {
+          if (current.to.cell === maxX) {
+            return new TableSelection(
+              { row: current.from.row, cell: current.from.cell },
+              { row: current.to.row, cell: cellBoundariesMaxX.to }
+            )
+          } else {
+            return new TableSelection(
+              { row: current.from.row, cell: cellBoundariesMaxX.to },
+              { row: current.to.row, cell: current.to.cell }
+            )
+          }
+        }
+      }
+      return current
+    }
+    let last: TableSelection = this
+    for (
+      let current = expandOnce(last);
+      !current.eq(last);
+      current = expandOnce(last)
+    ) {
+      last = current
+    }
+    return last
+  }
+
+  moveRight(table: TableData) {
+    const totalColumns = table.columns.length
+    const newColumn = Math.min(
+      totalColumns - 1,
+      table.getCellBoundaries(this.to.row, this.to.cell).to + 1
+    )
+    return new TableSelection({
+      row: this.to.row,
+      cell: newColumn,
+    }).explode(table)
+  }
+
+  moveLeft(table: TableData) {
+    const row = this.to.row
+    const from = table.getCellBoundaries(row, this.to.cell).from
+    const newColumn = Math.max(0, from - 1)
+    return new TableSelection({ row: this.to.row, cell: newColumn }).explode(
+      table
+    )
+  }
+
+  moveUp(table: TableData) {
+    const newRow = Math.max(0, this.to.row - 1)
+    return new TableSelection({ row: newRow, cell: this.to.cell }).explode(
+      table
+    )
+  }
+
+  moveDown(table: TableData) {
+    const totalRows: number = table.rows.length
+    const newRow = Math.min(totalRows - 1, this.to.row + 1)
+    const cell = table.getCellBoundaries(this.to.row, this.to.cell).from
+    return new TableSelection({ row: newRow, cell }).explode(table)
+  }
+
+  moveNext(table: TableData) {
+    const totalRows = table.rows.length
+    const totalColumns = table.columns.length
+    const { row, cell } = this.to
+    const boundaries = table.getCellBoundaries(row, cell)
+    if (boundaries.to === totalColumns - 1 && row === totalRows - 1) {
+      return new TableSelection(this.to).explode(table)
+    }
+    if (boundaries.to === totalColumns - 1) {
+      return new TableSelection({ row: row + 1, cell: 0 }).explode(table)
+    }
+    return new TableSelection({ row, cell: boundaries.to + 1 }).explode(table)
+  }
+
+  movePrevious(table: TableData) {
+    const totalColumns = table.columns.length
+    const { row, cell } = this.to
+    const boundaries = table.getCellBoundaries(row, cell)
+    if (boundaries.from === 0 && this.to.row === 0) {
+      return new TableSelection(this.to).explode(table)
+    }
+    if (boundaries.from === 0) {
+      return new TableSelection({
+        row: this.to.row - 1,
+        cell: totalColumns - 1,
+      }).explode(table)
+    }
+    return new TableSelection({
+      row: this.to.row,
+      cell: boundaries.from - 1,
+    })
+  }
+
+  extendRight(table: TableData) {
+    const totalColumns = table.columns.length
+    const { minY, maxY } = this.normalized()
+    let newColumn = this.to.cell
+    for (let row = minY; row <= maxY; ++row) {
+      const boundary = table.getCellBoundaries(row, this.to.cell).to + 1
+      newColumn = Math.max(newColumn, boundary)
+    }
+    newColumn = Math.min(totalColumns - 1, newColumn)
+    return new TableSelection(
+      { row: this.from.row, cell: this.from.cell },
+      { row: this.to.row, cell: newColumn }
+    ).explode(table)
+  }
+
+  extendLeft(table: TableData) {
+    const { minY, maxY } = this.normalized()
+    let newColumn = this.to.cell
+    for (let row = minY; row <= maxY; ++row) {
+      const boundary = table.getCellBoundaries(row, this.to.cell).from - 1
+      newColumn = Math.min(newColumn, boundary)
+    }
+    newColumn = Math.max(0, newColumn)
+    return new TableSelection(
+      { row: this.from.row, cell: this.from.cell },
+      { row: this.to.row, cell: newColumn }
+    ).explode(table)
+  }
+
+  extendUp(table: TableData) {
+    const newRow = Math.max(0, this.to.row - 1)
+    return new TableSelection(
+      { row: this.from.row, cell: this.from.cell },
+      { row: newRow, cell: this.to.cell }
+    ).explode(table)
+  }
+
+  extendDown(table: TableData) {
+    const totalRows = table.rows.length
+    const newRow = Math.min(totalRows - 1, this.to.row + 1)
+    return new TableSelection(
+      { row: this.from.row, cell: this.from.cell },
+      { row: newRow, cell: this.to.cell }
+    ).explode(table)
+  }
+
+  spansEntireTable(table: TableData) {
+    const totalRows = table.rows.length
+    const totalColumns = table.columns.length
+    const { minX, maxX, minY, maxY } = this.normalized()
+    return (
+      minX === 0 &&
+      maxX === totalColumns - 1 &&
+      minY === 0 &&
+      maxY === totalRows - 1
+    )
+  }
+
+  isMergedCellSelected(table: TableData) {
+    if (this.from.row !== this.to.row) {
+      return false
+    }
+    const boundariesFrom = table.getCellBoundaries(
+      this.from.row,
+      this.from.cell
+    )
+    const boundariesTo = table.getCellBoundaries(this.to.row, this.to.cell)
+    if (boundariesFrom.from !== boundariesTo.from) {
+      // boundaries are for two different cells, so it's not a merged cell
+      return false
+    }
+    const cellData = table.getCell(this.from.row, boundariesFrom.from)
+    return cellData && Boolean(cellData.multiColumn)
+  }
+
+  isMergeableCells(table: TableData) {
+    const { minX, maxX, minY, maxY } = this.normalized()
+    if (minY !== maxY) {
+      return false
+    }
+    if (minX === maxX) {
+      return false
+    }
+    for (let cell = minX; cell <= maxX; ++cell) {
+      const cellData = table.getCell(this.from.row, cell)
+      if (cellData.multiColumn) {
+        return false
+      }
+    }
+    return true
+  }
+
+  isOnlyFixedWidthColumns(table: TableData) {
+    const { minX, maxX } = this.normalized()
+    for (let cell = minX; cell <= maxX; ++cell) {
+      if (!this.isColumnSelected(cell, table)) {
+        return false
+      }
+      if (!table.columns[cell].isParagraphColumn) {
+        return false
+      }
+    }
+    return true
+  }
+
+  isOnlyParagraphCells(table: TableData) {
+    const { minX, maxX } = this.normalized()
+    for (let cell = minX; cell <= maxX; ++cell) {
+      if (!table.columns[cell].isParagraphColumn) {
+        return false
+      }
+    }
+    return true
+  }
+
+  isOnlyNonFixedWidthColumns(table: TableData) {
+    const { minX, maxX } = this.normalized()
+    for (let cell = minX; cell <= maxX; ++cell) {
+      if (!this.isColumnSelected(cell, table)) {
+        return false
+      }
+      if (table.columns[cell].isParagraphColumn) {
+        return false
+      }
+    }
+    return true
+  }
+
+  width() {
+    const { minX, maxX } = this.normalized()
+    return maxX - minX + 1
+  }
+
+  height() {
+    const { minY, maxY } = this.normalized()
+    return maxY - minY + 1
+  }
+
+  maximumCellWidth(table: TableData) {
+    const { minX, maxX, minY, maxY } = this.normalized()
+    let maxWidth = 1
+    for (let row = minY; row <= maxY; ++row) {
+      const start = table.getCellIndex(row, minX)
+      const end = table.getCellIndex(row, maxX)
+      maxWidth = Math.max(maxWidth, end - start + 1)
+    }
+    return maxWidth
+  }
+}
+
+const SelectionContext = createContext<
+  | {
+      selection: TableSelection | null
+      setSelection: Dispatch<SetStateAction<TableSelection | null>>
+      dragging: boolean
+      setDragging: Dispatch<SetStateAction<boolean>>
+    }
+  | undefined
+>(undefined)
+
+export const useSelectionContext = () => {
+  const context = useContext(SelectionContext)
+
+  if (context === undefined) {
+    throw new Error(
+      'useSelectionContext is only available inside SelectionContext.Provider'
+    )
+  }
+
+  return context
+}
+
+export const SelectionContextProvider: FC = ({ children }) => {
+  const [selection, setSelection] = useState<TableSelection | null>(null)
+  const [dragging, setDragging] = useState(false)
+  return (
+    <SelectionContext.Provider
+      value={{ selection, setSelection, dragging, setDragging }}
+    >
+      {children}
+    </SelectionContext.Provider>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/contexts/table-context.tsx b/services/web/frontend/js/features/source-editor/components/table-generator/contexts/table-context.tsx
new file mode 100644
index 0000000..6b0557a
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/contexts/table-context.tsx
@@ -0,0 +1,88 @@
+import { FC, createContext, useContext } from 'react'
+import { Positions, TableData, TableRenderingError } from '../tabular'
+import {
+  CellPosition,
+  CellSeparator,
+  ParsedTableData,
+  RowPosition,
+  RowSeparator,
+  parseTableEnvironment,
+} from '../utils'
+import { EditorView } from '@codemirror/view'
+import { SyntaxNode } from '@lezer/common'
+
+export type TableEnvironmentData = {
+  table: { from: number; to: number }
+  caption?: { from: number; to: number }
+  label?: { from: number; to: number }
+}
+
+const TableContext = createContext<
+  | {
+      table: TableData
+      cellPositions: CellPosition[][]
+      specification: { from: number; to: number }
+      rowPositions: RowPosition[]
+      rowSeparators: RowSeparator[]
+      cellSeparators: CellSeparator[][]
+      positions: Positions
+      tableEnvironment?: TableEnvironmentData
+      rows: number
+      columns: number
+      directTableChild?: boolean
+    }
+  | undefined
+>(undefined)
+
+export const TableProvider: FC<{
+  tableData: ParsedTableData
+  tableNode: SyntaxNode | null
+  tabularNode: SyntaxNode
+  view: EditorView
+  directTableChild?: boolean
+}> = ({
+  tableData,
+  children,
+  tableNode,
+  tabularNode,
+  view,
+  directTableChild,
+}) => {
+  try {
+    const positions: Positions = {
+      cells: tableData.cellPositions,
+      columnDeclarations: tableData.specification,
+      rowPositions: tableData.rowPositions,
+      tabular: { from: tabularNode.from, to: tabularNode.to },
+    }
+
+    const tableEnvironment = tableNode
+      ? parseTableEnvironment(tableNode)
+      : undefined
+
+    return (
+      <TableContext.Provider
+        value={{
+          ...tableData,
+          positions,
+          tableEnvironment,
+          rows: tableData.table.rows.length,
+          columns: tableData.table.columns.length,
+          directTableChild,
+        }}
+      >
+        {children}
+      </TableContext.Provider>
+    )
+  } catch {
+    return <TableRenderingError view={view} codePosition={tabularNode.from} />
+  }
+}
+
+export const useTableContext = () => {
+  const context = useContext(TableContext)
+  if (context === undefined) {
+    throw new Error('useTableContext must be used within a TableProvider')
+  }
+  return context
+}
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/contexts/tabular-context.tsx b/services/web/frontend/js/features/source-editor/components/table-generator/contexts/tabular-context.tsx
new file mode 100644
index 0000000..be098d0
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/contexts/tabular-context.tsx
@@ -0,0 +1,61 @@
+import {
+  FC,
+  RefObject,
+  createContext,
+  useCallback,
+  useContext,
+  useRef,
+  useState,
+} from 'react'
+
+const TabularContext = createContext<
+  | {
+      ref: RefObject<HTMLDivElement>
+      showHelp: () => void
+      hideHelp: () => void
+      helpShown: boolean
+      columnWidthModalShown: boolean
+      openColumnWidthModal: () => void
+      closeColumnWidthModal: () => void
+    }
+  | undefined
+>(undefined)
+
+export const TabularProvider: FC = ({ children }) => {
+  const ref = useRef<HTMLDivElement>(null)
+  const [helpShown, setHelpShown] = useState(false)
+  const [columnWidthModalShown, setColumnWidthModalShown] = useState(false)
+  const showHelp = useCallback(() => setHelpShown(true), [])
+  const hideHelp = useCallback(() => setHelpShown(false), [])
+  const openColumnWidthModal = useCallback(
+    () => setColumnWidthModalShown(true),
+    []
+  )
+  const closeColumnWidthModal = useCallback(
+    () => setColumnWidthModalShown(false),
+    []
+  )
+  return (
+    <TabularContext.Provider
+      value={{
+        ref,
+        helpShown,
+        showHelp,
+        hideHelp,
+        columnWidthModalShown,
+        openColumnWidthModal,
+        closeColumnWidthModal,
+      }}
+    >
+      {children}
+    </TabularContext.Provider>
+  )
+}
+
+export const useTabularContext = () => {
+  const tabularContext = useContext(TabularContext)
+  if (!tabularContext) {
+    throw new Error('TabularContext must be used within TabularProvider')
+  }
+  return tabularContext
+}
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/help-modal.tsx b/services/web/frontend/js/features/source-editor/components/table-generator/help-modal.tsx
new file mode 100644
index 0000000..fcf90e3
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/help-modal.tsx
@@ -0,0 +1,99 @@
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { useTabularContext } from './contexts/tabular-context'
+import { Trans, useTranslation } from 'react-i18next'
+
+export const TableGeneratorHelpModal = () => {
+  const { helpShown, hideHelp } = useTabularContext()
+  const { t } = useTranslation()
+  if (!helpShown) return null
+
+  return (
+    <OLModal
+      show={helpShown}
+      onHide={hideHelp}
+      className="table-generator-help-modal"
+    >
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('help')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody>
+        <p>
+          <Trans
+            i18nKey="this_tool_helps_you_insert_simple_tables_into_your_project_without_writing_latex_code_give_feedback"
+            components={[
+              // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+              <a
+                href="https://forms.gle/ri3fzV1oQDAjmfmD7"
+                target="_blank"
+                rel="noopener noreferrer"
+              />,
+            ]}
+          />
+        </p>
+        <b>{t('how_it_works')}</b>
+        <p>
+          <Trans
+            i18nKey="youll_get_best_results_in_visual_but_can_be_used_in_source"
+            // eslint-disable-next-line react/jsx-key
+            components={[<b />, <b />]}
+          />
+        </p>
+        <b>{t('customizing_tables')}</b>
+        <p>
+          <Trans
+            i18nKey="if_you_need_to_customize_your_table_further_you_can"
+            components={[
+              // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+              <a
+                href="https://www.overleaf.com/learn/latex/Tables"
+                target="_blank"
+                rel="noopener"
+              />,
+            ]}
+          />
+        </p>
+        <b>{t('changing_the_position_of_your_table')}</b>
+        <p>
+          <Trans
+            i18nKey="latex_places_tables_according_to_a_special_algorithm"
+            components={[
+              // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+              <a
+                href="https://www.overleaf.com/learn/latex/Positioning_images_and_tables"
+                target="_blank"
+                rel="noopener"
+              />,
+            ]}
+          />
+        </p>
+        <b>{t('understanding_labels')}</b>
+        <p>
+          <Trans
+            i18nKey="labels_help_you_to_reference_your_tables"
+            components={[
+              // eslint-disable-next-line react/jsx-key
+              <code />,
+              // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+              <a
+                href="https://www.overleaf.com/learn/latex/Inserting_Images#Labels_and_cross-references"
+                target="_blank"
+                rel="noopener"
+              />,
+            ]}
+          />
+        </p>
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={hideHelp}>
+          {t('close')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/row.tsx b/services/web/frontend/js/features/source-editor/components/table-generator/row.tsx
new file mode 100644
index 0000000..4a4a2cb
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/row.tsx
@@ -0,0 +1,36 @@
+import { FC } from 'react'
+import { ColumnDefinition, RowData } from './tabular'
+import { Cell } from './cell'
+import { RowSelector } from './selectors'
+
+const normalizedCellIndex = (row: RowData, index: number) => {
+  let normalized = 0
+  for (let i = 0; i < index; ++i) {
+    normalized += row.cells[i].multiColumn?.columnSpan ?? 1
+  }
+  return normalized
+}
+
+export const Row: FC<{
+  rowIndex: number
+  row: RowData
+  columnSpecifications: ColumnDefinition[]
+}> = ({ columnSpecifications, row, rowIndex }) => {
+  return (
+    <tr>
+      <RowSelector index={rowIndex} />
+      {row.cells.map((cell, cellIndex) => (
+        <Cell
+          key={cellIndex}
+          cellData={cell}
+          rowIndex={rowIndex}
+          row={row}
+          columnIndex={normalizedCellIndex(row, cellIndex)}
+          columnSpecification={
+            columnSpecifications[normalizedCellIndex(row, cellIndex)]
+          }
+        />
+      ))}
+    </tr>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/selectors.tsx b/services/web/frontend/js/features/source-editor/components/table-generator/selectors.tsx
new file mode 100644
index 0000000..2339254
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/selectors.tsx
@@ -0,0 +1,69 @@
+import { MouseEventHandler, useCallback } from 'react'
+import {
+  TableSelection,
+  useSelectionContext,
+} from './contexts/selection-context'
+import classNames from 'classnames'
+import { useTableContext } from './contexts/table-context'
+
+export const ColumnSelector = ({ index }: { index: number }) => {
+  const { selection, setSelection } = useSelectionContext()
+  const { table } = useTableContext()
+  const onColumnSelect: MouseEventHandler = useCallback(
+    event => {
+      event.preventDefault()
+      if (!selection) {
+        setSelection(
+          new TableSelection(
+            { row: 0, cell: index },
+            { row: table.rows.length - 1, cell: index }
+          )
+        )
+        return
+      }
+      setSelection(selection.selectColumn(index, event.shiftKey, table))
+    },
+    [index, setSelection, selection, table]
+  )
+  const fullySelected = selection?.isColumnSelected(index, table)
+  return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+    <td
+      onMouseDown={onColumnSelect}
+      className={classNames('table-generator-selector-cell column-selector', {
+        'fully-selected': fullySelected,
+      })}
+    />
+  )
+}
+
+export const RowSelector = ({ index }: { index: number }) => {
+  const { table } = useTableContext()
+  const { selection, setSelection } = useSelectionContext()
+  const onSelect: MouseEventHandler = useCallback(
+    event => {
+      event.preventDefault()
+      if (!selection) {
+        setSelection(
+          new TableSelection(
+            { row: index, cell: 0 },
+            { row: index, cell: table.columns.length - 1 }
+          )
+        )
+        return
+      }
+      setSelection(selection.selectRow(index, event.shiftKey, table))
+    },
+    [index, setSelection, table, selection]
+  )
+  const fullySelected = selection?.isRowSelected(index, table)
+  return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+    <td
+      onMouseDown={onSelect}
+      className={classNames('table-generator-selector-cell row-selector', {
+        'fully-selected': fullySelected,
+      })}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/table.tsx b/services/web/frontend/js/features/source-editor/components/table-generator/table.tsx
new file mode 100644
index 0000000..c213b38
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/table.tsx
@@ -0,0 +1,409 @@
+import {
+  FC,
+  KeyboardEvent,
+  KeyboardEventHandler,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+} from 'react'
+import { Row } from './row'
+import { ColumnSelector } from './selectors'
+import {
+  TableSelection,
+  useSelectionContext,
+} from './contexts/selection-context'
+import { useEditingContext } from './contexts/editing-context'
+import { useTableContext } from './contexts/table-context'
+import { useCodeMirrorViewContext } from '../codemirror-context'
+import { undo, redo } from '@codemirror/commands'
+import { ChangeSpec } from '@codemirror/state'
+import { startCompileKeypress } from '@/features/pdf-preview/hooks/use-compile-triggers'
+import { useTabularContext } from './contexts/tabular-context'
+import { ColumnSizeIndicator } from './column-size-indicator'
+import { isMac } from '@/shared/utils/os'
+
+type NavigationKey =
+  | 'ArrowRight'
+  | 'ArrowLeft'
+  | 'ArrowUp'
+  | 'ArrowDown'
+  | 'Tab'
+
+type NavigationMap = {
+  // eslint-disable-next-line no-unused-vars
+  [key in NavigationKey]: {
+    run: () => TableSelection
+    shift: () => TableSelection
+    canExitEditing?: boolean
+  }
+}
+
+const MINIMUM_CELL_WIDTH_CHARACTERS = 15
+const MINIMUM_EDITING_CELL_WIDTH_CHARACTERS = 20
+const CELL_WIDTH_BUFFER = 3 // characters
+
+export const Table: FC = () => {
+  const { selection, setSelection } = useSelectionContext()
+  const {
+    cellData,
+    cancelEditing,
+    startEditing,
+    commitCellData,
+    clearCells,
+    updateCellData,
+  } = useEditingContext()
+  const { table: tableData } = useTableContext()
+  const { openColumnWidthModal, columnWidthModalShown } = useTabularContext()
+  const tableRef = useRef<HTMLTableElement>(null)
+  const view = useCodeMirrorViewContext()
+  const { columns: cellWidths, tableWidth } = useMemo(() => {
+    const columns = Array.from(
+      { length: tableData.columns.length },
+      () => MINIMUM_CELL_WIDTH_CHARACTERS
+    )
+    // First pass, calculate the optimal width of each column. For the cell
+    // we're editing, make sure there's space to write into as well
+    // (MINIMUM_EDITING_CELL_WIDTH_CHARACTERS)
+    for (let row = 0; row < tableData.rows.length; ++row) {
+      for (
+        let i = 0;
+        i < tableData.columns.length;
+        i += tableData.getCell(row, i).multiColumn?.columnSpan ?? 1
+      ) {
+        const columnSpan =
+          tableData.getCell(row, i).multiColumn?.columnSpan ?? 1
+        let contentLength =
+          tableData.getCell(row, i).content.length + CELL_WIDTH_BUFFER
+        if (cellData?.rowIndex === row && cellData?.cellIndex === i) {
+          contentLength = Math.max(
+            contentLength,
+            Math.min(
+              cellData.content.length + CELL_WIDTH_BUFFER,
+              MINIMUM_EDITING_CELL_WIDTH_CHARACTERS
+            )
+          )
+        }
+        for (let j = 0; j < columnSpan; ++j) {
+          columns[i + j] = Math.max(columns[i + j], contentLength / columnSpan)
+        }
+      }
+    }
+    // Second pass, use a logarithmic scale to not drown out narrow columns
+    // completely
+    const total = columns.reduce((a, b) => a + b, 0)
+    for (let i = 0; i < columns.length; ++i) {
+      columns[i] = Math.log2(columns[i])
+    }
+
+    // Third pass, normalize the columns to the total width of the table
+    const totalLog = columns.reduce((a, b) => a + b, 0)
+    for (let i = 0; i < columns.length; ++i) {
+      columns[i] = Math.round((columns[i] / totalLog) * 100)
+    }
+    return { columns, tableWidth: total }
+  }, [
+    tableData,
+    cellData?.cellIndex,
+    cellData?.rowIndex,
+    cellData?.content.length,
+  ])
+
+  const navigation: NavigationMap = useMemo(
+    () => ({
+      ArrowRight: {
+        run: () => selection!.moveRight(tableData),
+        shift: () => selection!.extendRight(tableData),
+      },
+      ArrowLeft: {
+        run: () => selection!.moveLeft(tableData),
+        shift: () => selection!.extendLeft(tableData),
+      },
+      ArrowUp: {
+        run: () => selection!.moveUp(tableData),
+        shift: () => selection!.extendUp(tableData),
+      },
+      ArrowDown: {
+        run: () => selection!.moveDown(tableData),
+        shift: () => selection!.extendDown(tableData),
+      },
+      Tab: {
+        run: () => selection!.moveNext(tableData),
+        shift: () => selection!.movePrevious(tableData),
+        canExitEditing: true,
+      },
+    }),
+    [selection, tableData]
+  )
+
+  const isCharacterInput = useCallback((event: KeyboardEvent) => {
+    return (
+      Boolean(event.code) && // is a keyboard key
+      event.key?.length === 1 &&
+      !event.ctrlKey &&
+      !event.metaKey &&
+      !event.altKey
+    )
+  }, [])
+
+  const onKeyDown: KeyboardEventHandler = useCallback(
+    event => {
+      if (startCompileKeypress(event)) {
+        return
+      }
+      if (view.state.readOnly) {
+        return
+      }
+      const commandKey = isMac ? event.metaKey : event.ctrlKey
+      if (event.code === 'Enter' && !event.shiftKey) {
+        event.preventDefault()
+        event.stopPropagation()
+        if (!selection) {
+          return
+        }
+        if (cellData) {
+          commitCellData()
+        } else {
+          const initialContent = tableData.getCell(
+            selection.to.row,
+            selection.to.cell
+          ).content
+          startEditing(selection.to.row, selection.to.cell, initialContent)
+        }
+        setSelection(
+          new TableSelection(selection.to, selection.to).explode(tableData)
+        )
+      } else if (event.code === 'Escape') {
+        event.preventDefault()
+        event.stopPropagation()
+        if (!cellData) {
+          setSelection(null)
+          view.focus()
+        } else {
+          cancelEditing()
+        }
+      } else if (event.code === 'Delete' || event.code === 'Backspace') {
+        if (cellData) {
+          return
+        }
+        if (!selection) {
+          return
+        }
+        event.preventDefault()
+        event.stopPropagation()
+        clearCells(selection)
+        view.requestMeasure()
+        setTimeout(() => {
+          if (tableRef.current) {
+            const { minY } = selection.normalized()
+            const row = tableRef.current.querySelectorAll('tbody tr')[minY]
+            if (row) {
+              if (row.getBoundingClientRect().top < 0) {
+                row.scrollIntoView({ block: 'center' })
+              }
+            }
+          }
+        }, 0)
+      } else if (Object.prototype.hasOwnProperty.call(navigation, event.code)) {
+        const {
+          run: defaultNavigation,
+          shift: shiftNavigation,
+          canExitEditing,
+        } = navigation[event.code as NavigationKey]
+        if (cellData) {
+          if (!canExitEditing) {
+            return
+          }
+        }
+        event.preventDefault()
+        if (!selection) {
+          setSelection(
+            new TableSelection(
+              { row: 0, cell: 0 },
+              { row: 0, cell: 0 }
+            ).explode(tableData)
+          )
+          return
+        }
+        const newSelection = event.shiftKey
+          ? shiftNavigation()
+          : defaultNavigation()
+        if (cellData && canExitEditing) {
+          commitCellData()
+        }
+        setSelection(newSelection)
+      } else if (isCharacterInput(event) && !cellData) {
+        event.preventDefault()
+        event.stopPropagation()
+        if (!selection) {
+          return
+        }
+        startEditing(selection.to.row, selection.to.cell)
+        updateCellData(event.key)
+        setSelection(new TableSelection(selection.to, selection.to))
+      } else if (
+        !cellData &&
+        event.key === 'z' &&
+        !event.shiftKey &&
+        commandKey
+      ) {
+        event.preventDefault()
+        undo(view)
+      } else if (
+        !cellData &&
+        (event.key === 'y' ||
+          (event.key === 'Z' && event.shiftKey && commandKey))
+      ) {
+        event.preventDefault()
+        redo(view)
+      }
+    },
+    [
+      selection,
+      cellData,
+      setSelection,
+      cancelEditing,
+      startEditing,
+      commitCellData,
+      navigation,
+      view,
+      clearCells,
+      updateCellData,
+      isCharacterInput,
+      tableData,
+    ]
+  )
+
+  useEffect(() => {
+    const onPaste = (event: ClipboardEvent) => {
+      if (view.state.readOnly) {
+        return false
+      }
+      if (cellData || !selection || columnWidthModalShown) {
+        // We're editing a cell, or modifying column widths,
+        // so allow browser to insert there
+        return false
+      }
+      event.preventDefault()
+      const changes: ChangeSpec[] = []
+      const data = event.clipboardData?.getData('text/plain')
+      if (data) {
+        const cells = data.split('\n').map(row => row.split('\t'))
+        const { minY, minX } = selection.normalized()
+        for (let row = 0; row < cells.length; ++row) {
+          const rowIndex = minY + row
+          if (rowIndex >= tableData.rows.length) {
+            // TODO: add more rows
+            break
+          }
+          const cellStart = tableData.getCellIndex(rowIndex, minX)
+          for (let column = 0; column < cells[row].length; ++column) {
+            const cellIndex = cellStart + column
+            if (cellIndex >= tableData.rows[rowIndex].cells.length) {
+              // TODO: add more columns
+              break
+            }
+            const cell = tableData.rows[rowIndex].cells[cellIndex]
+            changes.push({
+              from: cell.from,
+              to: cell.to,
+              insert: cells[row][column],
+            })
+          }
+        }
+      }
+      view.dispatch({ changes })
+    }
+
+    const onCopy = (event: ClipboardEvent) => {
+      if (cellData || !selection || columnWidthModalShown) {
+        // We're editing a cell, or modifying column widths,
+        // so allow browser to copy from there
+        return false
+      }
+      event.preventDefault()
+      const { minY, maxY } = selection.normalized()
+      const cells: string[][] = Array.from(
+        { length: maxY - minY + 1 },
+        () => []
+      )
+      tableData.iterateSelection(selection, (cell, row) => {
+        cells[row - minY].push(cell.content)
+      })
+      const content = cells.map(row => row.join('\t')).join('\n')
+      navigator.clipboard.writeText(content)
+    }
+    window.addEventListener('paste', onPaste)
+    window.addEventListener('copy', onCopy)
+    return () => {
+      window.removeEventListener('paste', onPaste)
+      window.removeEventListener('copy', onCopy)
+    }
+  }, [cellData, selection, tableData, view, columnWidthModalShown])
+
+  const hasCustomSizes = useMemo(
+    () => tableData.columns.some(x => x.size),
+    [tableData.columns]
+  )
+
+  const onSizeClick = (index: number) => {
+    setSelection(
+      new TableSelection(
+        { row: 0, cell: index },
+        { row: tableData.rows.length - 1, cell: index }
+      )
+    )
+    openColumnWidthModal()
+  }
+
+  return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+    <table
+      className="table-generator-table"
+      onKeyDown={onKeyDown}
+      tabIndex={-1}
+      ref={tableRef}
+      style={{ width: `min(${tableWidth}ch, 95%)` }}
+    >
+      <colgroup>
+        <col width="20" />
+        {tableData.columns.map((_, index) => (
+          <col key={index} width={`${cellWidths[index]}%`} />
+        ))}
+      </colgroup>
+      <thead>
+        {hasCustomSizes && (
+          <tr className="table-generator-column-widths-row">
+            <td />
+            {tableData.columns.map((column, columnIndex) => (
+              <td align="center" key={columnIndex}>
+                {column.size && (
+                  <ColumnSizeIndicator
+                    size={column.size}
+                    onClick={() => onSizeClick(columnIndex)}
+                  />
+                )}
+              </td>
+            ))}
+          </tr>
+        )}
+        <tr>
+          <td />
+          {tableData.columns.map((_, columnIndex) => (
+            <ColumnSelector index={columnIndex} key={columnIndex} />
+          ))}
+        </tr>
+      </thead>
+      <tbody>
+        {tableData.rows.map((row, rowIndex) => (
+          <Row
+            row={row}
+            rowIndex={rowIndex}
+            key={rowIndex}
+            columnSpecifications={tableData.columns}
+          />
+        ))}
+      </tbody>
+    </table>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/tabular.tsx b/services/web/frontend/js/features/source-editor/components/table-generator/tabular.tsx
new file mode 100644
index 0000000..c012cda
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/tabular.tsx
@@ -0,0 +1,310 @@
+import { SyntaxNode } from '@lezer/common'
+import { FC, useEffect } from 'react'
+import { CellPosition, ParsedTableData, RowPosition } from './utils'
+import { Toolbar } from './toolbar/toolbar'
+import { Table } from './table'
+import {
+  SelectionContextProvider,
+  TableSelection,
+  useSelectionContext,
+} from './contexts/selection-context'
+import {
+  EditingContextProvider,
+  useEditingContext,
+} from './contexts/editing-context'
+import { EditorView } from '@codemirror/view'
+import { ErrorBoundary } from 'react-error-boundary'
+import { EditorSelection } from '@codemirror/state'
+import {
+  CodeMirrorViewContext,
+  useCodeMirrorViewContext,
+} from '../codemirror-context'
+import { TableProvider } from './contexts/table-context'
+import { TabularProvider, useTabularContext } from './contexts/tabular-context'
+import { BorderTheme } from './toolbar/commands'
+import { TableGeneratorHelpModal } from './help-modal'
+import { SplitTestProvider } from '../../../../shared/context/split-test-context'
+import { useTranslation } from 'react-i18next'
+import { ColumnWidthModal } from './toolbar/column-width-modal/modal'
+import { WidthSelection } from './toolbar/column-width-modal/column-width'
+import Notification from '@/shared/components/notification'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export type ColumnDefinition = {
+  alignment: 'left' | 'center' | 'right' | 'paragraph'
+  borderLeft: number
+  borderRight: number
+  content: string
+  cellSpacingLeft: string
+  cellSpacingRight: string
+  customCellDefinition: string
+  isParagraphColumn: boolean
+  size?: WidthSelection
+}
+
+export type CellData = {
+  content: string
+  from: number
+  to: number
+  multiColumn?: {
+    columnSpan: number
+    columns: {
+      specification: ColumnDefinition[]
+      from: number
+      to: number
+    }
+    from: number
+    to: number
+    preamble: {
+      from: number
+      to: number
+    }
+    postamble: {
+      from: number
+      to: number
+    }
+  }
+}
+
+export type RowData = {
+  cells: CellData[]
+  borderTop: number
+  borderBottom: number
+}
+
+export class TableData {
+  // eslint-disable-next-line no-useless-constructor
+  constructor(
+    public readonly rows: RowData[],
+    public readonly columns: ColumnDefinition[]
+  ) {}
+
+  getCellIndex(row: number, column: number): number {
+    let cellIndex = 0
+    for (let i = 0; i < this.rows[row].cells.length; i++) {
+      cellIndex += this.rows[row].cells[i].multiColumn?.columnSpan ?? 1
+      if (column < cellIndex) {
+        return i
+      }
+    }
+    return this.rows[row].cells.length - 1
+  }
+
+  iterateCells(
+    minRow: number,
+    maxRow: number,
+    minColumn: number,
+    maxColumn: number,
+    callback: (cell: CellData, row: number, column: number) => void
+  ) {
+    for (let row = minRow; row <= maxRow; ++row) {
+      let currentCellOffset = this.getCellBoundaries(row, minColumn).from
+      const minX = this.getCellIndex(row, minColumn)
+      const maxX = this.getCellIndex(row, maxColumn)
+      for (let column = minX; column <= maxX; ++column) {
+        const currentCell = this.rows[row].cells[column]
+        const skip = currentCell.multiColumn?.columnSpan ?? 1
+        callback(currentCell, row, currentCellOffset)
+        currentCellOffset += skip
+      }
+    }
+  }
+
+  iterateSelection(
+    selection: TableSelection,
+    callback: (cell: CellData, row: number, column: number) => void
+  ) {
+    const { minX, maxX, minY, maxY } = selection.normalized()
+    this.iterateCells(minY, maxY, minX, maxX, callback)
+  }
+
+  getCell(row: number, column: number): CellData {
+    return this.rows[row].cells[this.getCellIndex(row, column)]
+  }
+
+  getCellBoundaries(row: number, cell: number) {
+    let currentCellOffset = 0
+    for (let index = 0; index < this.rows[row].cells.length; ++index) {
+      const currentCell = this.rows[row].cells[index]
+      const skip = currentCell.multiColumn?.columnSpan ?? 1
+      if (currentCellOffset + skip > cell) {
+        return { from: currentCellOffset, to: currentCellOffset + skip - 1 }
+      }
+      currentCellOffset += skip
+    }
+    throw new Error("Couldn't find cell boundaries")
+  }
+
+  getBorderTheme(): BorderTheme | null {
+    if (this.rows.length === 0 || this.columns.length === 0) {
+      return null
+    }
+    const lastRow = this.rows[this.rows.length - 1]
+    const hasBottomBorder = lastRow.borderBottom > 0
+    const firstColumn = this.columns[0]
+    const hasLeftBorder = firstColumn.borderLeft > 0
+    for (const row of this.rows) {
+      if (hasBottomBorder === (row.borderTop === 0)) {
+        return null
+      }
+    }
+    // If we had the first, we have verified that we have the rest
+    const hasAllRowBorders = hasBottomBorder
+
+    for (const column of this.columns) {
+      if (hasLeftBorder === (column.borderRight === 0)) {
+        return null
+      }
+    }
+
+    for (const row of this.rows) {
+      for (const cell of row.cells) {
+        if (cell.multiColumn) {
+          if (cell.multiColumn.columns.specification.length === 0) {
+            return null
+          }
+          const firstCell = cell.multiColumn.columns.specification[0]
+          if (hasLeftBorder === (firstCell.borderLeft === 0)) {
+            return null
+          }
+          for (const column of cell.multiColumn.columns.specification) {
+            if (hasLeftBorder === (column.borderRight === 0)) {
+              return null
+            }
+          }
+        }
+      }
+    }
+    // If we had the first, we have verified that we have the rest
+    const hasAllColumnBorders = hasLeftBorder
+
+    if (hasAllRowBorders && hasAllColumnBorders) {
+      return BorderTheme.FULLY_BORDERED
+    } else {
+      return BorderTheme.NO_BORDERS
+    }
+  }
+}
+
+export type Positions = {
+  cells: CellPosition[][]
+  columnDeclarations: { from: number; to: number }
+  rowPositions: RowPosition[]
+  tabular: { from: number; to: number }
+}
+
+export const TableRenderingError: FC<{
+  view: EditorView
+  codePosition?: number
+}> = ({ view, codePosition }) => {
+  const { t } = useTranslation()
+
+  return (
+    <Notification
+      type="info"
+      content={
+        <>
+          <p>
+            <strong>
+              {t('sorry_your_table_cant_be_displayed_at_the_moment')}
+            </strong>
+          </p>
+          <p>
+            {t(
+              'this_could_be_because_we_cant_support_some_elements_of_the_table'
+            )}
+          </p>
+        </>
+      }
+      action={
+        codePosition !== undefined ? (
+          <OLButton
+            variant="secondary"
+            onClick={() =>
+              view.dispatch({
+                selection: EditorSelection.cursor(codePosition),
+              })
+            }
+            size="sm"
+          >
+            {t('view_code')}
+          </OLButton>
+        ) : undefined
+      }
+    />
+  )
+}
+
+export const Tabular: FC<{
+  tabularNode: SyntaxNode
+  view: EditorView
+  tableNode: SyntaxNode | null
+  parsedTableData: ParsedTableData
+  directTableChild?: boolean
+}> = ({ tabularNode, view, tableNode, parsedTableData, directTableChild }) => {
+  return (
+    <ErrorBoundary
+      fallbackRender={() => (
+        <TableRenderingError view={view} codePosition={tabularNode.from} />
+      )}
+    >
+      <SplitTestProvider>
+        <CodeMirrorViewContext.Provider value={view}>
+          <TabularProvider>
+            <TableProvider
+              tabularNode={tabularNode}
+              tableData={parsedTableData}
+              tableNode={tableNode}
+              directTableChild={directTableChild}
+              view={view}
+            >
+              <SelectionContextProvider>
+                <EditingContextProvider>
+                  <TabularWrapper />
+                </EditingContextProvider>
+                <ColumnWidthModal />
+              </SelectionContextProvider>
+            </TableProvider>
+            <TableGeneratorHelpModal />
+          </TabularProvider>
+        </CodeMirrorViewContext.Provider>
+      </SplitTestProvider>
+    </ErrorBoundary>
+  )
+}
+
+const TabularWrapper: FC = () => {
+  const { setSelection, selection } = useSelectionContext()
+  const { commitCellData, cellData } = useEditingContext()
+  const { ref } = useTabularContext()
+  const view = useCodeMirrorViewContext()
+  useEffect(() => {
+    const listener: (event: MouseEvent) => void = event => {
+      if (
+        !ref.current?.contains(event.target as Node) &&
+        !(event.target as HTMLElement).closest('.table-generator-help-modal') &&
+        !(event.target as HTMLElement).closest('.table-generator-width-modal')
+      ) {
+        if (selection) {
+          setSelection(null)
+        }
+        if (cellData) {
+          commitCellData()
+        }
+      } else {
+        view.dispatch() // trigger a state update when clicking inside the table
+      }
+    }
+    window.addEventListener('mousedown', listener)
+
+    return () => {
+      window.removeEventListener('mousedown', listener)
+    }
+  }, [cellData, commitCellData, selection, setSelection, ref, view])
+  return (
+    <div className="table-generator" ref={ref}>
+      {!view.state.readOnly && <Toolbar />}
+      <Table />
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/column-width-modal/column-width.ts b/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/column-width-modal/column-width.ts
new file mode 100644
index 0000000..f631109
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/column-width-modal/column-width.ts
@@ -0,0 +1,45 @@
+export const ABSOLUTE_SIZE_REGEX = /[pbm]\{\s*(\d*[.]?\d+)\s*(mm|cm|pt|in)\s*\}/
+
+export const RELATIVE_SIZE_REGEX =
+  /[pbm]\{\s*(\d*[.]?\d+)\s*\\(linewidth|textwidth|columnwidth)\s*\}/
+
+export type AbsoluteWidthUnits = 'mm' | 'cm' | 'in' | 'pt'
+export type RelativeWidthCommand = 'linewidth' | 'textwidth' | 'columnwidth'
+export type WidthUnit = AbsoluteWidthUnits | '%' | 'custom'
+
+const ABSOLUTE_UNITS = ['mm', 'cm', 'in', 'pt'] as const
+export const UNITS: WidthUnit[] = ['%', ...ABSOLUTE_UNITS, 'custom']
+
+type PercentageWidth = {
+  unit: '%'
+  width: number
+  command?: RelativeWidthCommand
+}
+
+type CustomWidth = {
+  unit: 'custom'
+  width: string
+}
+
+type AbsoluteWidth = {
+  unit: Exclude<WidthUnit, '%' | 'custom'>
+  width: number
+}
+
+export type WidthSelection = PercentageWidth | CustomWidth | AbsoluteWidth
+
+export const isPercentageWidth = (
+  width: WidthSelection
+): width is PercentageWidth => {
+  return width.unit === '%'
+}
+
+export const isAbsoluteWidth = (
+  width: WidthSelection
+): width is AbsoluteWidth => {
+  return (ABSOLUTE_UNITS as readonly string[]).includes(width.unit)
+}
+
+export const isCustomWidth = (width: WidthSelection): width is CustomWidth => {
+  return width.unit === 'custom'
+}
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/column-width-modal/modal.tsx b/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/column-width-modal/modal.tsx
new file mode 100644
index 0000000..cc56059
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/column-width-modal/modal.tsx
@@ -0,0 +1,233 @@
+import { useTabularContext } from '../../contexts/tabular-context'
+import { Select } from '@/shared/components/select'
+import { Trans, useTranslation } from 'react-i18next'
+import {
+  FormEventHandler,
+  memo,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react'
+import { useSelectionContext } from '../../contexts/selection-context'
+import { useTableContext } from '../../contexts/table-context'
+import { setColumnWidth } from '../commands'
+import { UNITS, WidthSelection, WidthUnit } from './column-width'
+import { useCodeMirrorViewContext } from '../../../codemirror-context'
+import { CopyToClipboard } from '@/shared/components/copy-to-clipboard'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLForm from '@/features/ui/components/ol/ol-form'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type UnitDescription = { label: string; tooltip?: string } | undefined
+
+export const ColumnWidthModal = memo(function ColumnWidthModal() {
+  const { columnWidthModalShown } = useTabularContext()
+  if (!columnWidthModalShown) {
+    return null
+  }
+  return <ColumnWidthModalBody />
+})
+
+const ColumnWidthModalBody = () => {
+  const { columnWidthModalShown, closeColumnWidthModal } = useTabularContext()
+  const view = useCodeMirrorViewContext()
+  const { selection } = useSelectionContext()
+  const { positions, table } = useTableContext()
+  const { t } = useTranslation()
+  const [currentUnit, setCurrentUnit] = useState<WidthUnit | undefined | null>(
+    '%'
+  )
+  const [currentWidth, setCurrentWidth] = useState<string>('')
+  const inputRef = useRef<HTMLInputElement>(null)
+
+  const unitHelp: UnitDescription = useMemo(() => {
+    switch (currentUnit) {
+      case '%':
+        return {
+          label: t('percent_is_the_percentage_of_the_line_width'),
+          tooltip: t(
+            'line_width_is_the_width_of_the_line_in_the_current_environment'
+          ),
+        }
+      case 'custom':
+        return {
+          label: t('enter_any_size_including_units_or_valid_latex_command'),
+        }
+      default:
+        return undefined
+    }
+  }, [currentUnit, t])
+
+  useEffect(() => {
+    if (columnWidthModalShown) {
+      inputRef.current?.focus()
+      if (
+        !selection ||
+        selection.width() !== 1 ||
+        !table.columns[selection.to.cell].isParagraphColumn ||
+        !table.columns[selection.to.cell].size
+      ) {
+        setCurrentUnit('%')
+        setCurrentWidth('')
+        return
+      }
+      const { to } = selection
+      const columnIndexToReadWidthAndUnit = to.cell
+      const column = table.columns[columnIndexToReadWidthAndUnit]
+      const size = column.size!
+      if (size.unit === '%') {
+        setCurrentUnit('%')
+        const widthWithUpToTwoDecimalPlaces = Math.round(size.width * 100) / 100
+        setCurrentWidth(widthWithUpToTwoDecimalPlaces.toString())
+      } else if (size.unit === 'custom') {
+        setCurrentUnit('custom')
+        // Slice off p{ and }
+        setCurrentWidth(column.content.slice(2, -1))
+      } else {
+        setCurrentUnit(size.unit)
+        setCurrentWidth(size.width.toString())
+      }
+    }
+  }, [columnWidthModalShown, selection, table])
+
+  const onSubmit: FormEventHandler<HTMLFormElement> = useCallback(
+    e => {
+      e.preventDefault()
+      if (selection && currentUnit) {
+        const currentWidthNumber = parseFloat(currentWidth)
+        let newWidth: WidthSelection
+        if (currentUnit === 'custom') {
+          newWidth = { unit: 'custom', width: currentWidth }
+        } else {
+          newWidth = { unit: currentUnit, width: currentWidthNumber }
+        }
+        setColumnWidth(view, selection, newWidth, positions, table)
+      }
+      closeColumnWidthModal()
+      return false
+    },
+    [
+      closeColumnWidthModal,
+      currentUnit,
+      currentWidth,
+      positions,
+      selection,
+      table,
+      view,
+    ]
+  )
+
+  return (
+    <OLModal
+      show={columnWidthModalShown}
+      onHide={closeColumnWidthModal}
+      className="table-generator-width-modal"
+    >
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('set_column_width')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody>
+        <OLForm id="table-generator-width-form" onSubmit={onSubmit}>
+          <OLRow className="g-3">
+            <OLCol lg={8}>
+              <OLFormGroup
+                controlId="column-width-modal-width"
+                className="mb-0"
+              >
+                <OLFormLabel>{t('column_width')}</OLFormLabel>
+                <OLFormControl
+                  value={currentWidth}
+                  required
+                  onChange={e => setCurrentWidth(e.target.value)}
+                  type={currentUnit === 'custom' ? 'text' : 'number'}
+                  ref={inputRef}
+                />
+              </OLFormGroup>
+            </OLCol>
+            <OLCol lg={4}>
+              <OLFormGroup className="mb-0">
+                <Select
+                  label={
+                    <>
+                      &nbsp;<span className="sr-only">{t('length_unit')}</span>
+                    </>
+                  }
+                  items={UNITS}
+                  itemToKey={x => x ?? ''}
+                  itemToString={x => (x === 'custom' ? t('custom') : (x ?? ''))}
+                  onSelectedItemChanged={item => setCurrentUnit(item)}
+                  defaultItem={currentUnit}
+                />
+              </OLFormGroup>
+            </OLCol>
+          </OLRow>
+          {unitHelp && (
+            <p className="my-1">
+              {unitHelp.label}{' '}
+              {unitHelp.tooltip && (
+                <OLTooltip
+                  id="table-generator-unit-tooltip"
+                  description={unitHelp.tooltip}
+                  overlayProps={{ delay: 0, placement: 'top' }}
+                >
+                  <span>
+                    <MaterialIcon type="help" className="align-middle" />
+                  </span>
+                </OLTooltip>
+              )}
+            </p>
+          )}
+          <div className="mt-2">
+            <Trans
+              i18nKey="to_use_text_wrapping_in_your_table_make_sure_you_include_the_array_package"
+              // eslint-disable-next-line react/jsx-key
+              components={[<b />, <code />]}
+            />
+          </div>
+          <div className="mt-1 table-generator-usepackage-copy">
+            <code>
+              \usepackage{'{'}array{'}'}
+            </code>
+            <CopyToClipboard
+              content={
+                '\\usepackage{array} % required for text wrapping in tables'
+              }
+              tooltipId="table-generator-array-copy"
+            />
+          </div>
+        </OLForm>
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton
+          variant="secondary"
+          onClick={() => {
+            closeColumnWidthModal()
+          }}
+        >
+          {t('cancel')}
+        </OLButton>
+        <OLButton
+          variant="primary"
+          form="table-generator-width-form"
+          type="submit"
+        >
+          {t('ok')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/commands.ts b/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/commands.ts
new file mode 100644
index 0000000..0d8798f
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/commands.ts
@@ -0,0 +1,799 @@
+import { EditorView } from '@codemirror/view'
+import { ColumnDefinition, Positions, TableData } from '../tabular'
+import { ChangeSpec, EditorSelection } from '@codemirror/state'
+import {
+  CellSeparator,
+  RowSeparator,
+  parseColumnSpecifications,
+} from '../utils'
+import { TableSelection } from '../contexts/selection-context'
+import { ensureEmptyLine } from '../../../extensions/toolbar/commands'
+import { TableEnvironmentData } from '../contexts/table-context'
+import {
+  extendBackwardsOverEmptyLines,
+  extendForwardsOverEmptyLines,
+} from '../../../extensions/visual/selection'
+import { debugConsole } from '@/utils/debugging'
+import { WidthSelection } from './column-width-modal/column-width'
+
+/* eslint-disable no-unused-vars */
+export enum BorderTheme {
+  NO_BORDERS = 0,
+  FULLY_BORDERED = 1,
+}
+/* eslint-enable no-unused-vars */
+export const setBorders = (
+  view: EditorView,
+  theme: BorderTheme,
+  positions: Positions,
+  rowSeparators: RowSeparator[],
+  table: TableData
+) => {
+  const specification = view.state.sliceDoc(
+    positions.columnDeclarations.from,
+    positions.columnDeclarations.to
+  )
+  if (theme === BorderTheme.NO_BORDERS) {
+    const removeColumnBorders = view.state.changes({
+      from: positions.columnDeclarations.from,
+      to: positions.columnDeclarations.to,
+      insert: specification.replace(/\|/g, ''),
+    })
+    const removeHlines: ChangeSpec[] = []
+    for (const row of positions.rowPositions) {
+      for (const hline of row.hlines) {
+        removeHlines.push({
+          from: hline.from,
+          to: hline.to,
+          insert: '',
+        })
+      }
+    }
+    const removeMulticolumnBorders: ChangeSpec[] = []
+    for (const row of table.rows) {
+      for (const cell of row.cells) {
+        if (cell.multiColumn) {
+          const specification = view.state.sliceDoc(
+            cell.multiColumn.columns.from,
+            cell.multiColumn.columns.to
+          )
+          removeMulticolumnBorders.push({
+            from: cell.multiColumn.columns.from,
+            to: cell.multiColumn.columns.to,
+            insert: specification.replace(/\|/g, ''),
+          })
+        }
+      }
+    }
+    view.dispatch({
+      changes: [
+        removeColumnBorders,
+        ...removeHlines,
+        ...removeMulticolumnBorders,
+      ],
+    })
+  } else if (theme === BorderTheme.FULLY_BORDERED) {
+    const newSpec = generateColumnSpecification(
+      addColumnBordersToSpecification(table.columns)
+    )
+
+    const insertColumns = view.state.changes({
+      from: positions.columnDeclarations.from,
+      to: positions.columnDeclarations.to,
+      insert: newSpec,
+    })
+
+    const insertHlines: ChangeSpec[] = []
+    for (const row of positions.rowPositions) {
+      if (row.hlines.length === 0) {
+        insertHlines.push(
+          view.state.changes({
+            from: row.from,
+            to: row.from,
+            insert: ' \\hline ',
+          })
+        )
+      }
+    }
+    const lastRow = positions.rowPositions[positions.rowPositions.length - 1]
+    if (lastRow.hlines.length < 2) {
+      let toInsert = ' \\hline'
+      if (rowSeparators.length < positions.rowPositions.length) {
+        // We need a trailing \\
+        toInsert = ` \\\\${toInsert}`
+      }
+      insertHlines.push(
+        view.state.changes({
+          from: lastRow.to,
+          to: lastRow.to,
+          insert: toInsert,
+        })
+      )
+    }
+    const addMulticolumnBorders: ChangeSpec[] = []
+    for (const row of table.rows) {
+      for (const cell of row.cells) {
+        if (cell.multiColumn) {
+          addMulticolumnBorders.push({
+            from: cell.multiColumn.columns.from,
+            to: cell.multiColumn.columns.to,
+            insert: generateColumnSpecification(
+              addColumnBordersToSpecification(
+                cell.multiColumn.columns.specification
+              )
+            ),
+          })
+        }
+      }
+    }
+
+    view.dispatch({
+      changes: [insertColumns, ...insertHlines, ...addMulticolumnBorders],
+    })
+  }
+}
+
+const addColumnBordersToSpecification = (specification: ColumnDefinition[]) => {
+  const newSpec = specification.map(column => ({
+    ...column,
+    borderLeft: 1,
+    borderRight: 0,
+  }))
+  newSpec[newSpec.length - 1].borderRight = 1
+  return newSpec
+}
+
+export const setAlignment = (
+  view: EditorView,
+  selection: TableSelection,
+  alignment: ColumnDefinition['alignment'],
+  positions: Positions,
+  table: TableData
+) => {
+  if (selection.isMergedCellSelected(table)) {
+    if (alignment === 'paragraph') {
+      // shouldn't happen
+      return
+    }
+    // change for mergedColumn
+    const { minX, minY } = selection.normalized()
+    const cell = table.getCell(minY, minX)
+    if (!cell.multiColumn) {
+      return
+    }
+    const specification = view.state.sliceDoc(
+      cell.multiColumn.columns.from,
+      cell.multiColumn.columns.to
+    )
+    const columnSpecification = parseColumnSpecifications(specification)
+    for (const column of columnSpecification) {
+      if (column.alignment !== alignment) {
+        column.alignment = alignment
+        column.content = alignment[0]
+      }
+    }
+    const newSpec = generateColumnSpecification(columnSpecification)
+    view.dispatch({
+      changes: {
+        from: cell.multiColumn.columns.from,
+        to: cell.multiColumn.columns.to,
+        insert: newSpec,
+      },
+    })
+    return
+  }
+  const specification = view.state.sliceDoc(
+    positions.columnDeclarations.from,
+    positions.columnDeclarations.to
+  )
+  const columnSpecification = parseColumnSpecifications(specification)
+  const { minX, maxX } = selection.normalized()
+  for (let i = minX; i <= maxX; i++) {
+    if (selection.isColumnSelected(i, table)) {
+      if (columnSpecification[i].alignment === alignment) {
+        continue
+      }
+      columnSpecification[i].alignment = alignment
+      if (columnSpecification[i].isParagraphColumn) {
+        columnSpecification[i].customCellDefinition =
+          generateParagraphColumnSpecification(alignment)
+      } else {
+        if (alignment === 'paragraph') {
+          // shouldn't happen
+          continue
+        }
+        columnSpecification[i].content = alignment[0]
+      }
+    }
+  }
+  const newSpecification = generateColumnSpecification(columnSpecification)
+  view.dispatch({
+    changes: [
+      {
+        from: positions.columnDeclarations.from,
+        to: positions.columnDeclarations.to,
+        insert: newSpecification,
+      },
+    ],
+  })
+}
+
+const generateColumnSpecification = (columns: ColumnDefinition[]) => {
+  return columns
+    .map(
+      ({
+        borderLeft,
+        borderRight,
+        content,
+        cellSpacingLeft,
+        cellSpacingRight,
+        customCellDefinition,
+      }) =>
+        `${'|'.repeat(
+          borderLeft
+        )}${cellSpacingLeft}${customCellDefinition}${content}${cellSpacingRight}${'|'.repeat(
+          borderRight
+        )}`
+    )
+    .join('')
+}
+
+export const removeRowOrColumns = (
+  view: EditorView,
+  selection: TableSelection,
+  positions: Positions,
+  cellSeparators: CellSeparator[][],
+  table: TableData
+) => {
+  const {
+    minX: startCell,
+    maxX: endCell,
+    minY: startRow,
+    maxY: endRow,
+  } = selection.normalized()
+  const borderTheme = table.getBorderTheme()
+  const changes: { from: number; to: number; insert: string }[] = []
+  const specification = view.state.sliceDoc(
+    positions.columnDeclarations.from,
+    positions.columnDeclarations.to
+  )
+  const columnSpecification = parseColumnSpecifications(specification)
+  const numberOfColumns = columnSpecification.length
+  const numberOfRows = positions.rowPositions.length
+
+  if (selection.spansEntireTable(table)) {
+    emptyTable(view, columnSpecification, positions)
+    return new TableSelection({ cell: 0, row: 0 })
+  }
+  const removedRows =
+    Number(selection.isRowSelected(startRow, table)) * selection.height()
+  const removedColumns =
+    Number(selection.isColumnSelected(startCell, table)) * selection.width()
+
+  const removingFromBeginning = selection.isColumnSelected(0, table)
+
+  for (let row = startRow; row <= endRow; row++) {
+    if (selection.isRowSelected(row, table)) {
+      const rowPosition = positions.rowPositions[row]
+      let insert = ''
+      if (
+        row === numberOfRows - 1 &&
+        borderTheme === BorderTheme.FULLY_BORDERED
+      ) {
+        insert = '\\hline'
+      }
+      changes.push({
+        from: rowPosition.from,
+        to: rowPosition.to,
+        insert,
+      })
+    } else {
+      for (let cell = startCell; cell <= endCell; ) {
+        const cellIndex = table.getCellIndex(row, cell)
+        const cellPosition = positions.cells[row][cellIndex]
+        if (selection.isColumnSelected(cell, table)) {
+          // We should remove this column.
+          if (removingFromBeginning) {
+            // Deletes content in { }
+            // [ cell x - 1 ] & { [ cell x ] & } [ cell x + 1 ]
+            const from = cellPosition.from
+            const to = cellSeparators[row][cellIndex].to
+            if (from === undefined || to === undefined) {
+              debugConsole.error('Failed to remove column')
+              return selection
+            }
+            changes.push({
+              from,
+              to,
+              insert: '',
+            })
+          } else {
+            // Deletes content in { }
+            // [ cell x - 1 ] { &  [ cell x ] } & [ cell x + 1 ]
+            const from = cellSeparators[row][cellIndex - 1].from
+            const to = cellPosition.to
+            if (from === undefined || to === undefined) {
+              debugConsole.error('Failed to remove column')
+              return selection
+            }
+            changes.push({
+              from,
+              to,
+              insert: '',
+            })
+          }
+        }
+        cell += table.rows[row].cells[cellIndex].multiColumn?.columnSpan ?? 1
+      }
+    }
+  }
+  const filteredColumns = columnSpecification.filter(
+    (_, i) => !selection.isColumnSelected(i, table)
+  )
+  if (
+    table.getBorderTheme() === BorderTheme.FULLY_BORDERED &&
+    columnSpecification[0]?.borderLeft > 0 &&
+    filteredColumns.length
+  ) {
+    filteredColumns[0].borderLeft = Math.max(1, filteredColumns[0].borderLeft)
+  }
+  const newSpecification = generateColumnSpecification(filteredColumns)
+  changes.push({
+    from: positions.columnDeclarations.from,
+    to: positions.columnDeclarations.to,
+    insert: newSpecification,
+  })
+  view.dispatch({ changes })
+  const updatedNumberOfRows = numberOfRows - removedRows
+  const updatedNumberOfColumns = numberOfColumns - removedColumns
+  // Clamp selection to new table size
+  return new TableSelection({
+    cell: Math.max(0, Math.min(updatedNumberOfColumns - 1, startCell)),
+    row: Math.max(0, Math.min(updatedNumberOfRows - 1, startRow)),
+  })
+}
+
+const emptyTable = (
+  view: EditorView,
+  columnSpecification: ColumnDefinition[],
+  positions: Positions
+) => {
+  const newColumns = columnSpecification.slice(0, 1)
+  newColumns[0].borderLeft = 0
+  newColumns[0].borderRight = 0
+  const newSpecification = generateColumnSpecification(newColumns)
+  const changes: ChangeSpec[] = []
+  changes.push({
+    from: positions.columnDeclarations.from,
+    to: positions.columnDeclarations.to,
+    insert: newSpecification,
+  })
+  const from = positions.rowPositions[0].from
+  const to = positions.rowPositions[positions.rowPositions.length - 1].to
+  changes.push({
+    from,
+    to,
+    insert: '\\\\',
+  })
+  view.dispatch({ changes })
+}
+
+export const insertRow = (
+  view: EditorView,
+  selection: TableSelection,
+  positions: Positions,
+  below: boolean,
+  rowSeparators: RowSeparator[],
+  table: TableData
+) => {
+  const { maxY, minY } = selection.normalized()
+  const rowsToInsert = selection.height()
+  const from = below
+    ? positions.rowPositions[maxY].to
+    : positions.rowPositions[minY].from
+  const numberOfColumns = table.columns.length
+  const borderTheme = table.getBorderTheme()
+  const border = borderTheme === BorderTheme.FULLY_BORDERED ? '\\hline' : ''
+  const initialRowSeparator =
+    below && rowSeparators.length === table.rows.length - 1 ? '\\\\' : ''
+  const initialHline =
+    borderTheme === BorderTheme.FULLY_BORDERED && !below && minY === 0
+      ? '\\hline'
+      : ''
+  const insert = `${initialRowSeparator}${initialHline}\n${' &'.repeat(
+    numberOfColumns - 1
+  )}\\\\${border}`.repeat(rowsToInsert)
+  view.dispatch({ changes: { from, to: from, insert } })
+  if (!below) {
+    return selection
+  }
+  return new TableSelection(
+    { cell: 0, row: maxY + 1 },
+    { cell: numberOfColumns - 1, row: maxY + 1 }
+  )
+}
+
+export const insertColumn = (
+  view: EditorView,
+  initialSelection: TableSelection,
+  positions: Positions,
+  after: boolean,
+  table: TableData
+) => {
+  const selection = initialSelection.explode(table)
+  const { maxX, minX } = selection.normalized()
+  const columnsToInsert = selection.maximumCellWidth(table)
+  const changes: ChangeSpec[] = []
+  const targetColumn = after ? maxX : minX
+  for (let row = 0; row < positions.rowPositions.length; row++) {
+    const cell = table.getCell(row, targetColumn)
+    const target = cell.multiColumn ?? cell
+    const from = after ? target.to : target.from
+    changes.push({
+      from,
+      insert: ' &'.repeat(columnsToInsert),
+    })
+  }
+
+  const specification = view.state.sliceDoc(
+    positions.columnDeclarations.from,
+    positions.columnDeclarations.to
+  )
+  const columnSpecification = parseColumnSpecifications(specification)
+  const borderTheme = table.getBorderTheme()
+  const borderRight = borderTheme === BorderTheme.FULLY_BORDERED ? 1 : 0
+  const targetIndex = after ? maxX + 1 : minX
+  columnSpecification.splice(
+    targetIndex,
+    0,
+    ...Array.from({ length: columnsToInsert }, () => ({
+      alignment: 'left' as const,
+      borderLeft: 0,
+      borderRight,
+      content: 'l',
+      cellSpacingLeft: '',
+      cellSpacingRight: '',
+      customCellDefinition: '',
+      isParagraphColumn: false,
+    }))
+  )
+  if (targetIndex === 0 && borderTheme === BorderTheme.FULLY_BORDERED) {
+    columnSpecification[0].borderLeft = Math.max(
+      1,
+      columnSpecification[0].borderLeft
+    )
+  }
+  changes.push({
+    from: positions.columnDeclarations.from,
+    to: positions.columnDeclarations.to,
+    insert: generateColumnSpecification(columnSpecification),
+  })
+  view.dispatch({ changes })
+  if (!after) {
+    return selection
+  }
+  return new TableSelection(
+    { cell: maxX + 1, row: 0 },
+    { cell: maxX + 1, row: positions.rowPositions.length - 1 }
+  )
+}
+
+export const removeNodes = (
+  view: EditorView,
+  ...nodes: ({ from: number; to: number } | undefined)[]
+) => {
+  const changes: ChangeSpec[] = []
+  for (const node of nodes) {
+    if (node !== undefined) {
+      changes.push({ from: node.from, to: node.to, insert: '' })
+    }
+  }
+  view.dispatch({
+    changes,
+  })
+}
+
+const contains = (
+  { from: outerFrom, to: outerTo }: { from: number; to: number },
+  { from: innerFrom, to: innerTo }: { from: number; to: number }
+) => {
+  return outerFrom <= innerFrom && outerTo >= innerTo
+}
+
+export const moveCaption = (
+  view: EditorView,
+  positions: Positions,
+  target: 'above' | 'below',
+  tableEnvironment?: TableEnvironmentData
+) => {
+  const changes: ChangeSpec[] = []
+  const position =
+    target === 'above' ? positions.tabular.from : positions.tabular.to
+  const cursor = EditorSelection.cursor(position)
+
+  if (tableEnvironment?.caption) {
+    const { caption: existingCaption } = tableEnvironment
+    if (
+      (existingCaption.from < positions.tabular.from && target === 'above') ||
+      (existingCaption.from > positions.tabular.to && target === 'below')
+    ) {
+      // It's already in the right place
+      return
+    }
+  }
+
+  const { pos, prefix, suffix } = ensureEmptyLine(view.state, cursor, target)
+
+  if (!tableEnvironment?.caption) {
+    let labelText = '\\label{tab:my_table}'
+    if (tableEnvironment?.label) {
+      // We have a label, but no caption. Move the label after our caption
+      changes.push({
+        from: tableEnvironment.label.from,
+        to: tableEnvironment.label.to,
+        insert: '',
+      })
+      labelText = view.state.sliceDoc(
+        tableEnvironment.label.from,
+        tableEnvironment.label.to
+      )
+    }
+    changes.push({
+      ...gobbleEmptyLines(view, pos, 2, target),
+      insert: `${prefix}\\caption{Caption}\n${labelText}${suffix}`,
+    })
+  } else {
+    const { caption: existingCaption, label: existingLabel } = tableEnvironment
+    // We have a caption, and we need to move it
+    let currentCaption = view.state.sliceDoc(
+      existingCaption.from,
+      existingCaption.to
+    )
+    if (existingLabel && !contains(existingCaption, existingLabel)) {
+      // Move label with it
+      const labelText = view.state.sliceDoc(
+        existingLabel.from,
+        existingLabel.to
+      )
+      currentCaption += `\n${labelText}`
+      changes.push({
+        from: existingLabel.from,
+        to: existingLabel.to,
+        insert: '',
+      })
+    }
+    changes.push({
+      ...gobbleEmptyLines(view, pos, 2, target),
+      insert: `${prefix}${currentCaption}${suffix}`,
+    })
+    // remove exsisting caption
+    changes.push({
+      from: existingCaption.from,
+      to: existingCaption.to,
+      insert: '',
+    })
+  }
+  view.dispatch({ changes })
+}
+
+export const removeCaption = (
+  view: EditorView,
+  tableEnvironment?: TableEnvironmentData
+) => {
+  if (tableEnvironment?.caption && tableEnvironment.label) {
+    if (contains(tableEnvironment.caption, tableEnvironment.label)) {
+      return removeNodes(view, tableEnvironment.caption)
+    }
+  }
+  return removeNodes(view, tableEnvironment?.caption, tableEnvironment?.label)
+}
+
+const gobbleEmptyLines = (
+  view: EditorView,
+  pos: number,
+  lines: number,
+  target: 'above' | 'below'
+) => {
+  const line = view.state.doc.lineAt(pos)
+  if (line.length !== 0) {
+    return { from: pos, to: pos }
+  }
+  if (target === 'above') {
+    return {
+      from: extendBackwardsOverEmptyLines(view.state.doc, line, lines),
+      to: pos,
+    }
+  }
+  return {
+    from: pos,
+    to: extendForwardsOverEmptyLines(view.state.doc, line, lines),
+  }
+}
+
+export const unmergeCells = (
+  view: EditorView,
+  selection: TableSelection,
+  table: TableData
+) => {
+  const cell = table.getCell(selection.from.row, selection.from.cell)
+  if (!cell.multiColumn) {
+    return
+  }
+  view.dispatch({
+    changes: [
+      {
+        from: cell.multiColumn.preamble.from,
+        to: cell.multiColumn.preamble.to,
+        insert: '',
+      },
+      {
+        from: cell.multiColumn.postamble.from,
+        to: cell.multiColumn.postamble.to,
+        insert: '&'.repeat(cell.multiColumn.columnSpan - 1),
+      },
+    ],
+  })
+}
+
+export const mergeCells = (
+  view: EditorView,
+  selection: TableSelection,
+  table: TableData
+) => {
+  const { minX, maxX, minY, maxY } = selection.normalized()
+  if (minY !== maxY) {
+    return
+  }
+  if (minX === maxX) {
+    return
+  }
+  const cellContent = []
+  for (let i = minX; i <= maxX; i++) {
+    cellContent.push(table.getCell(minY, i).content.trim())
+  }
+  const content = cellContent.join(' ').trim()
+  const border =
+    table.getBorderTheme() === BorderTheme.FULLY_BORDERED ? '|' : ''
+  const preamble = `\\multicolumn{${maxX - minX + 1}}{${border}c${border}}{`
+  const postamble = '}'
+  const { from } = table.getCell(minY, minX)
+  const { to } = table.getCell(minY, maxX)
+  view.dispatch({
+    changes: {
+      from,
+      to,
+      insert: `${preamble}${content}${postamble}`,
+    },
+  })
+}
+
+const getSuffixForUnit = (
+  unit: WidthSelection['unit'],
+  currentSize?: WidthSelection
+) => {
+  if (unit === 'custom') {
+    return ''
+  }
+  if (unit === '%') {
+    if (currentSize?.unit === '%' && currentSize.command) {
+      return `\\${currentSize.command}`
+    } else {
+      return '\\linewidth'
+    }
+  }
+  return unit
+}
+
+const COMMAND_FOR_PARAGRAPH_ALIGNMENT: Record<
+  ColumnDefinition['alignment'],
+  string
+> = {
+  left: '\\raggedright',
+  right: '\\raggedleft',
+  center: '\\centering',
+  paragraph: '',
+}
+
+const transformColumnWidth = (width: WidthSelection) => {
+  if (width.unit === '%') {
+    return width.width / 100
+  } else {
+    return width.width
+  }
+}
+
+const generateParagraphColumnSpecification = (
+  alignment: ColumnDefinition['alignment']
+) => {
+  if (alignment === 'paragraph') {
+    return ''
+  }
+  return `>{${COMMAND_FOR_PARAGRAPH_ALIGNMENT[alignment]}\\arraybackslash}`
+}
+
+function getParagraphAlignmentCharacter(
+  column: ColumnDefinition
+): 'p' | 'm' | 'b' {
+  if (!column.isParagraphColumn) {
+    return 'p'
+  }
+  const currentAlignmentCharacter = column.content[0]
+  if (currentAlignmentCharacter === 'm' || currentAlignmentCharacter === 'b') {
+    return currentAlignmentCharacter
+  }
+  return 'p'
+}
+
+export const setColumnWidth = (
+  view: EditorView,
+  selection: TableSelection,
+  newWidth: WidthSelection,
+  positions: Positions,
+  table: TableData
+) => {
+  const { minX, maxX } = selection.normalized()
+  const specification = view.state.sliceDoc(
+    positions.columnDeclarations.from,
+    positions.columnDeclarations.to
+  )
+  const columnSpecification = parseColumnSpecifications(specification)
+  for (let i = minX; i <= maxX; i++) {
+    if (selection.isColumnSelected(i, table)) {
+      const suffix = getSuffixForUnit(newWidth.unit, table.columns[i].size)
+      const widthValue = transformColumnWidth(newWidth)
+      columnSpecification[i].customCellDefinition =
+        generateParagraphColumnSpecification(columnSpecification[i].alignment)
+      // Reuse paragraph alignment characters to preserve m and b columns
+      const alignmentCharacter = getParagraphAlignmentCharacter(
+        columnSpecification[i]
+      )
+      columnSpecification[i].content =
+        `${alignmentCharacter}{${widthValue}${suffix}}`
+    }
+  }
+  const newSpecification = generateColumnSpecification(columnSpecification)
+  view.dispatch({
+    changes: [
+      {
+        from: positions.columnDeclarations.from,
+        to: positions.columnDeclarations.to,
+        insert: newSpecification,
+      },
+    ],
+  })
+}
+
+export const removeColumnWidths = (
+  view: EditorView,
+  selection: TableSelection,
+  positions: Positions,
+  table: TableData
+) => {
+  const { minX, maxX } = selection.normalized()
+  const specification = view.state.sliceDoc(
+    positions.columnDeclarations.from,
+    positions.columnDeclarations.to
+  )
+  const columnSpecification = parseColumnSpecifications(specification)
+  for (let i = minX; i <= maxX; i++) {
+    if (selection.isColumnSelected(i, table)) {
+      columnSpecification[i].customCellDefinition = ''
+      if (columnSpecification[i].alignment === 'paragraph') {
+        columnSpecification[i].content = 'l'
+        columnSpecification[i].alignment = 'left'
+      } else {
+        columnSpecification[i].content = columnSpecification[i].alignment[0]
+      }
+    }
+  }
+  const newSpecification = generateColumnSpecification(columnSpecification)
+  view.dispatch({
+    changes: [
+      {
+        from: positions.columnDeclarations.from,
+        to: positions.columnDeclarations.to,
+        insert: newSpecification,
+      },
+    ],
+  })
+}
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/toolbar-button-menu.tsx b/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/toolbar-button-menu.tsx
new file mode 100644
index 0000000..f8bd056
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/toolbar-button-menu.tsx
@@ -0,0 +1,93 @@
+import { FC, memo, useRef } from 'react'
+import useDropdown from '../../../../../shared/hooks/use-dropdown'
+import OLListGroup from '@/features/ui/components/ol/ol-list-group'
+import OLOverlay from '@/features/ui/components/ol/ol-overlay'
+import OLPopover from '@/features/ui/components/ol/ol-popover'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '../../../../../shared/components/material-icon'
+import { useTabularContext } from '../contexts/tabular-context'
+
+export const ToolbarButtonMenu: FC<{
+  id: string
+  label: string
+  icon: string
+  disabled?: boolean
+  disabledLabel?: string
+}> = memo(function ButtonMenu({
+  icon,
+  id,
+  label,
+  children,
+  disabled,
+  disabledLabel,
+}) {
+  const target = useRef<any>(null)
+  const { open, onToggle, ref } = useDropdown()
+  const { ref: tableContainerRef } = useTabularContext()
+
+  const button = (
+    <button
+      type="button"
+      className="table-generator-toolbar-button table-generator-toolbar-button-menu"
+      aria-label={label}
+      onMouseDown={event => {
+        event.preventDefault()
+        event.stopPropagation()
+      }}
+      onClick={event => {
+        onToggle(!open)
+      }}
+      disabled={disabled}
+      aria-disabled={disabled}
+      ref={target}
+    >
+      <MaterialIcon type={icon} />
+      <MaterialIcon type="expand_more" />
+    </button>
+  )
+
+  const overlay = tableContainerRef.current && (
+    <OLOverlay
+      show={open}
+      target={target.current}
+      placement="bottom"
+      container={tableContainerRef.current}
+      containerPadding={0}
+      transition
+      rootClose
+      onHide={() => onToggle(false)}
+    >
+      <OLPopover
+        id={`${id}-menu`}
+        ref={ref}
+        className="table-generator-button-menu-popover"
+      >
+        <OLListGroup
+          role="menu"
+          onClick={() => {
+            onToggle(false)
+          }}
+          className="d-block"
+        >
+          {children}
+        </OLListGroup>
+      </OLPopover>
+    </OLOverlay>
+  )
+
+  return (
+    <>
+      <OLTooltip
+        hidden={open}
+        id={id}
+        description={
+          <div>{disabled && disabledLabel ? disabledLabel : label}</div>
+        }
+        overlayProps={{ placement: 'bottom' }}
+      >
+        {button}
+      </OLTooltip>
+      {overlay}
+    </>
+  )
+})
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/toolbar-button.tsx b/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/toolbar-button.tsx
new file mode 100644
index 0000000..6368da0
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/toolbar-button.tsx
@@ -0,0 +1,75 @@
+import { EditorView } from '@codemirror/view'
+import classNames from 'classnames'
+import { memo, useCallback } from 'react'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import MaterialIcon from '../../../../../shared/components/material-icon'
+import { useCodeMirrorViewContext } from '../../codemirror-context'
+import { emitTableGeneratorEvent } from '../analytics'
+
+export const ToolbarButton = memo<{
+  id: string
+  className?: string
+  label: string
+  command?: (view: EditorView) => void
+  active?: boolean
+  disabled?: boolean
+  disabledLabel?: string
+  icon: string
+  hidden?: boolean
+}>(function ToolbarButton({
+  id,
+  className,
+  label,
+  command,
+  active = false,
+  disabled,
+  icon,
+  hidden = false,
+  disabledLabel,
+}) {
+  const view = useCodeMirrorViewContext()
+  const handleMouseDown = useCallback(event => {
+    event.preventDefault()
+  }, [])
+
+  const handleClick = useCallback(
+    event => {
+      if (command) {
+        emitTableGeneratorEvent(view, id)
+        event.preventDefault()
+        command(view)
+      }
+    },
+    [command, view, id]
+  )
+
+  const button = (
+    <button
+      className={classNames('table-generator-toolbar-button', className, {
+        hidden,
+        active,
+      })}
+      aria-label={label}
+      onMouseDown={handleMouseDown}
+      onClick={!disabled ? handleClick : undefined}
+      disabled={disabled}
+      aria-disabled={disabled}
+      type="button"
+    >
+      <MaterialIcon type={icon} />
+    </button>
+  )
+
+  const description =
+    disabled && disabledLabel ? <div>{disabledLabel}</div> : <div>{label}</div>
+
+  return (
+    <OLTooltip
+      id={id}
+      description={description}
+      overlayProps={{ placement: 'bottom' }}
+    >
+      {button}
+    </OLTooltip>
+  )
+})
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/toolbar-dropdown.tsx b/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/toolbar-dropdown.tsx
new file mode 100644
index 0000000..6fab575
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/toolbar-dropdown.tsx
@@ -0,0 +1,142 @@
+import { ButtonHTMLAttributes, FC, useCallback, useRef } from 'react'
+import useDropdown from '../../../../../shared/hooks/use-dropdown'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLOverlay from '@/features/ui/components/ol/ol-overlay'
+import OLPopover from '@/features/ui/components/ol/ol-popover'
+import MaterialIcon from '../../../../../shared/components/material-icon'
+import { useTabularContext } from '../contexts/tabular-context'
+import { emitTableGeneratorEvent } from '../analytics'
+import { useCodeMirrorViewContext } from '../../codemirror-context'
+import classNames from 'classnames'
+
+export const ToolbarDropdown: FC<{
+  id: string
+  label?: string
+  btnClassName?: string
+  icon?: string
+  tooltip?: string
+  disabled?: boolean
+  disabledTooltip?: string
+  showCaret?: boolean
+}> = ({
+  id,
+  label,
+  children,
+  btnClassName = 'table-generator-toolbar-dropdown-toggle',
+  icon = 'expand_more',
+  tooltip,
+  disabled,
+  disabledTooltip,
+  showCaret,
+}) => {
+  const { open, onToggle, ref } = useDropdown()
+  const toggleButtonRef = useRef<HTMLButtonElement | null>(null)
+  const { ref: tabularRef } = useTabularContext()
+  const button = (
+    <button
+      ref={toggleButtonRef}
+      type="button"
+      id={id}
+      aria-haspopup="true"
+      className={btnClassName}
+      onMouseDown={event => {
+        event.preventDefault()
+        event.stopPropagation()
+      }}
+      onClick={() => {
+        onToggle(!open)
+      }}
+      aria-label={tooltip}
+      disabled={disabled}
+      aria-disabled={disabled}
+    >
+      {label && <span>{label}</span>}
+      <MaterialIcon type={icon} />
+      {showCaret && <MaterialIcon type="expand_more" />}
+    </button>
+  )
+  const overlay = tabularRef.current && (
+    <OLOverlay
+      show={open}
+      target={toggleButtonRef.current}
+      placement="bottom"
+      container={tabularRef.current}
+      transition
+      rootClose
+      containerPadding={0}
+      onHide={() => onToggle(false)}
+    >
+      <OLPopover
+        id={`${id}-popover`}
+        ref={ref}
+        className="table-generator-toolbar-dropdown-popover"
+      >
+        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions,
+                                     jsx-a11y/click-events-have-key-events */}
+        <div
+          className="table-generator-toolbar-dropdown-menu"
+          id={`${id}-menu`}
+          aria-labelledby={id}
+          onClick={() => {
+            onToggle(false)
+          }}
+        >
+          {children}
+        </div>
+      </OLPopover>
+    </OLOverlay>
+  )
+
+  if (tooltip || (disabled && disabledTooltip)) {
+    return (
+      <>
+        <OLTooltip
+          hidden={open}
+          id={id}
+          description={disabled && disabledTooltip ? disabledTooltip : tooltip}
+          overlayProps={{ placement: 'bottom' }}
+        >
+          {button}
+        </OLTooltip>
+        {overlay}
+      </>
+    )
+  }
+
+  return (
+    <>
+      {button}
+      {overlay}
+    </>
+  )
+}
+
+export const ToolbarDropdownItem: FC<
+  Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick'> & {
+    command: () => void
+    id: string
+    icon?: string
+    active?: boolean
+  }
+> = ({ children, command, id, icon, active, ...props }) => {
+  const view = useCodeMirrorViewContext()
+  const onClick = useCallback(() => {
+    emitTableGeneratorEvent(view, id)
+    command()
+  }, [view, command, id])
+  return (
+    <button
+      className={classNames('ol-cm-toolbar-menu-item', {
+        'ol-cm-toolbar-dropdown-option-active': active,
+      })}
+      role="menuitem"
+      type="button"
+      {...props}
+      onClick={onClick}
+    >
+      {icon && <MaterialIcon type={icon} />}
+      <span className="ol-cm-toolbar-dropdown-option-content">{children}</span>
+      {active && <MaterialIcon type="check" />}
+    </button>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/toolbar.tsx b/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/toolbar.tsx
new file mode 100644
index 0000000..1e92398
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/toolbar/toolbar.tsx
@@ -0,0 +1,468 @@
+import { memo, useMemo } from 'react'
+import { useSelectionContext } from '../contexts/selection-context'
+import { ToolbarButton } from './toolbar-button'
+import { ToolbarButtonMenu } from './toolbar-button-menu'
+import { ToolbarDropdown, ToolbarDropdownItem } from './toolbar-dropdown'
+import MaterialIcon from '../../../../../shared/components/material-icon'
+import {
+  BorderTheme,
+  insertColumn,
+  insertRow,
+  mergeCells,
+  moveCaption,
+  removeCaption,
+  removeColumnWidths,
+  removeNodes,
+  removeRowOrColumns,
+  setAlignment,
+  setBorders,
+  unmergeCells,
+} from './commands'
+import { useCodeMirrorViewContext } from '../../codemirror-context'
+import { useTableContext } from '../contexts/table-context'
+import { useTabularContext } from '../contexts/tabular-context'
+import { useTranslation } from 'react-i18next'
+import { FeedbackBadge } from '@/shared/components/feedback-badge'
+import classNames from 'classnames'
+
+type CaptionPosition = 'no_caption' | 'above' | 'below'
+
+export const Toolbar = memo(function Toolbar() {
+  const { selection, setSelection } = useSelectionContext()
+  const view = useCodeMirrorViewContext()
+  const {
+    positions,
+    rowSeparators,
+    cellSeparators,
+    tableEnvironment,
+    table,
+    directTableChild,
+  } = useTableContext()
+  const { showHelp, openColumnWidthModal } = useTabularContext()
+  const { t } = useTranslation()
+
+  const borderDropdownLabel = useMemo(() => {
+    switch (table.getBorderTheme()) {
+      case BorderTheme.FULLY_BORDERED:
+        return t('all_borders')
+      case BorderTheme.NO_BORDERS:
+        return t('no_borders')
+      default:
+        return t('custom_borders')
+    }
+  }, [table, t])
+
+  const captionPosition: CaptionPosition = useMemo(() => {
+    if (!tableEnvironment?.caption) {
+      return 'no_caption'
+    }
+    if (tableEnvironment.caption.from < positions.tabular.from) {
+      return 'above'
+    }
+    return 'below'
+  }, [tableEnvironment, positions])
+
+  const captionLabel = useMemo(() => {
+    switch (captionPosition) {
+      case 'no_caption':
+        return t('no_caption')
+      case 'above':
+        return t('caption_above')
+      case 'below':
+        return t('caption_below')
+    }
+  }, [t, captionPosition])
+
+  const currentAlignment = useMemo(() => {
+    if (!selection) {
+      return undefined
+    }
+    if (selection.isMergedCellSelected(table)) {
+      const cell = table.getCell(selection.from.row, selection.from.cell)
+      if (cell.multiColumn) {
+        // NOTE: Assumes merged columns can only have one internal column
+        return cell.multiColumn.columns.specification[0].alignment
+      }
+    }
+    const { minX, maxX } = selection.normalized()
+    const alignment = table.columns[minX].alignment
+    for (let x = minX + 1; x <= maxX; x++) {
+      if (table.columns[x].alignment !== alignment) {
+        return undefined
+      }
+    }
+    return alignment
+  }, [selection, table])
+
+  const alignmentIcon = useMemo(() => {
+    switch (currentAlignment) {
+      case 'left':
+        return 'format_align_left'
+      case 'center':
+        return 'format_align_center'
+      case 'right':
+        return 'format_align_right'
+      case 'paragraph':
+        return 'format_align_justify'
+      default:
+        return 'format_align_left'
+    }
+  }, [currentAlignment])
+
+  const hasCustomSizes = useMemo(
+    () => table.columns.some(x => x.size),
+    [table.columns]
+  )
+
+  if (!selection) {
+    return null
+  }
+  const columnsToInsert = selection.maximumCellWidth(table)
+  const rowsToInsert = selection.height()
+
+  const onlyFixedWidthColumnsSelected = selection.isOnlyFixedWidthColumns(table)
+  const onlyNonFixedWidthColumnsSelected =
+    selection.isOnlyNonFixedWidthColumns(table)
+
+  return (
+    <div
+      className={classNames('table-generator-floating-toolbar', {
+        'table-generator-toolbar-floating-custom-sizes': hasCustomSizes,
+      })}
+    >
+      <div className="table-generator-button-group">
+        <ToolbarDropdown
+          id="table-generator-caption-dropdown"
+          label={captionLabel}
+          disabled={!tableEnvironment || !directTableChild}
+          disabledTooltip={t(
+            'to_insert_or_move_a_caption_make_sure_tabular_is_directly_within_table'
+          )}
+        >
+          <ToolbarDropdownItem
+            id="table-generator-caption-none"
+            command={() => {
+              removeCaption(view, tableEnvironment)
+            }}
+            active={captionPosition === 'no_caption'}
+          >
+            {t('no_caption')}
+          </ToolbarDropdownItem>
+          <ToolbarDropdownItem
+            id="table-generator-caption-above"
+            command={() => {
+              moveCaption(view, positions, 'above', tableEnvironment)
+            }}
+            active={captionPosition === 'above'}
+          >
+            {t('caption_above')}
+          </ToolbarDropdownItem>
+          <ToolbarDropdownItem
+            id="table-generator-caption-below"
+            command={() => {
+              moveCaption(view, positions, 'below', tableEnvironment)
+            }}
+            active={captionPosition === 'below'}
+          >
+            {t('caption_below')}
+          </ToolbarDropdownItem>
+        </ToolbarDropdown>
+        <ToolbarDropdown
+          id="table-generator-borders-dropdown"
+          label={borderDropdownLabel}
+        >
+          <ToolbarDropdownItem
+            id="table-generator-borders-fully-bordered"
+            command={() => {
+              setBorders(
+                view,
+                BorderTheme.FULLY_BORDERED,
+                positions,
+                rowSeparators,
+                table
+              )
+            }}
+            active={table.getBorderTheme() === BorderTheme.FULLY_BORDERED}
+            icon="border_all"
+          >
+            {t('all_borders')}
+          </ToolbarDropdownItem>
+          <ToolbarDropdownItem
+            id="table-generator-borders-no-borders"
+            command={() => {
+              setBorders(
+                view,
+                BorderTheme.NO_BORDERS,
+                positions,
+                rowSeparators,
+                table
+              )
+            }}
+            active={table.getBorderTheme() === BorderTheme.NO_BORDERS}
+            icon="border_clear"
+          >
+            {t('no_borders')}
+          </ToolbarDropdownItem>
+          <div className="table-generator-border-options-coming-soon">
+            <div className="info-icon">
+              <MaterialIcon type="info" />
+            </div>
+            {t('more_options_for_border_settings_coming_soon')}
+          </div>
+        </ToolbarDropdown>
+      </div>
+      <div className="table-generator-button-group">
+        <ToolbarButtonMenu
+          label={t('alignment')}
+          icon={alignmentIcon}
+          id="table-generator-align-dropdown"
+          disabledLabel={t('select_a_column_or_a_merged_cell_to_align')}
+          disabled={
+            !selection.isColumnSelected(selection.from.cell, table) &&
+            !selection.isMergedCellSelected(table)
+          }
+        >
+          <ToolbarButton
+            icon="format_align_left"
+            id="table-generator-align-left"
+            label={t('left')}
+            command={() => {
+              setAlignment(view, selection, 'left', positions, table)
+            }}
+            active={currentAlignment === 'left'}
+          />
+          <ToolbarButton
+            icon="format_align_center"
+            id="table-generator-align-center"
+            label={t('center')}
+            command={() => {
+              setAlignment(view, selection, 'center', positions, table)
+            }}
+            active={currentAlignment === 'center'}
+          />
+          <ToolbarButton
+            icon="format_align_right"
+            id="table-generator-align-right"
+            label={t('right')}
+            command={() => {
+              setAlignment(view, selection, 'right', positions, table)
+            }}
+            active={currentAlignment === 'right'}
+          />
+          {onlyFixedWidthColumnsSelected &&
+            !selection.isMergedCellSelected(table) && (
+              <ToolbarButton
+                icon="format_align_justify"
+                id="table-generator-align-justify"
+                label={t('justify')}
+                command={() => {
+                  setAlignment(view, selection, 'paragraph', positions, table)
+                }}
+                active={currentAlignment === 'paragraph'}
+              />
+            )}
+        </ToolbarButtonMenu>
+        <ToolbarDropdown
+          id="format_text_wrap"
+          btnClassName="table-generator-toolbar-button"
+          icon={
+            selection.isOnlyParagraphCells(table) ? 'format_text_wrap' : 'width'
+          }
+          tooltip={t('adjust_column_width')}
+          disabled={!selection.isAnyColumnSelected(table)}
+          disabledTooltip={t('select_a_column_to_adjust_column_width')}
+          showCaret
+        >
+          <ToolbarDropdownItem
+            id="table-generator-unwrap-text"
+            icon="width"
+            active={onlyNonFixedWidthColumnsSelected}
+            command={() =>
+              removeColumnWidths(view, selection, positions, table)
+            }
+            disabled={!selection.isAnyColumnSelected(table)}
+          >
+            {t('stretch_width_to_text')}
+          </ToolbarDropdownItem>
+          <ToolbarDropdownItem
+            id="table-generator-wrap-text"
+            icon="format_text_wrap"
+            active={onlyFixedWidthColumnsSelected}
+            command={openColumnWidthModal}
+            disabled={!selection.isAnyColumnSelected(table)}
+          >
+            {onlyFixedWidthColumnsSelected
+              ? t('fixed_width')
+              : t('fixed_width_wrap_text')}
+          </ToolbarDropdownItem>
+          {onlyFixedWidthColumnsSelected && (
+            <>
+              <hr />
+              <ToolbarDropdownItem
+                id="table-generator-resize"
+                command={openColumnWidthModal}
+              >
+                {t('set_column_width')}
+              </ToolbarDropdownItem>
+            </>
+          )}
+        </ToolbarDropdown>
+        <ToolbarButton
+          icon="cell_merge"
+          id="table-generator-merge-cells"
+          label={
+            selection.isMergedCellSelected(table)
+              ? t('unmerge_cells')
+              : t('merge_cells')
+          }
+          active={selection.isMergedCellSelected(table)}
+          disabled={
+            !selection.isMergedCellSelected(table) &&
+            !selection.isMergeableCells(table)
+          }
+          disabledLabel={t('select_cells_in_a_single_row_to_merge')}
+          command={() => {
+            if (selection.isMergedCellSelected(table)) {
+              unmergeCells(view, selection, table)
+            } else {
+              mergeCells(view, selection, table)
+            }
+          }}
+        />
+        <ToolbarButton
+          icon="delete"
+          id="table-generator-remove-column-row"
+          label={t('delete_row_or_column')}
+          disabledLabel={t('select_a_row_or_a_column_to_delete')}
+          disabled={
+            (!selection.isAnyRowSelected(table) &&
+              !selection.isAnyColumnSelected(table)) ||
+            !selection.eq(selection.explode(table))
+          }
+          command={() =>
+            setSelection(
+              removeRowOrColumns(
+                view,
+                selection,
+                positions,
+                cellSeparators,
+                table
+              )
+            )
+          }
+        />
+        <ToolbarDropdown
+          id="table-generator-add-dropdown"
+          btnClassName="table-generator-toolbar-button"
+          icon="add"
+          tooltip={t('insert')}
+          disabled={!selection}
+        >
+          <ToolbarDropdownItem
+            id="table-generator-insert-column-left"
+            command={() => {
+              setSelection(
+                insertColumn(view, selection, positions, false, table)
+              )
+            }}
+          >
+            <span className="table-generator-button-label">
+              {columnsToInsert === 1
+                ? t('insert_column_left')
+                : t('insert_x_columns_left', { columns: columnsToInsert })}
+            </span>
+          </ToolbarDropdownItem>
+          <ToolbarDropdownItem
+            id="table-generator-insert-column-right"
+            command={() => {
+              setSelection(
+                insertColumn(view, selection, positions, true, table)
+              )
+            }}
+          >
+            <span className="table-generator-button-label">
+              {columnsToInsert === 1
+                ? t('insert_column_right')
+                : t('insert_x_columns_right', { columns: columnsToInsert })}
+            </span>
+          </ToolbarDropdownItem>
+          <hr />
+          <ToolbarDropdownItem
+            id="table-generator-insert-row-above"
+            command={() => {
+              setSelection(
+                insertRow(
+                  view,
+                  selection,
+                  positions,
+                  false,
+                  rowSeparators,
+                  table
+                )
+              )
+            }}
+          >
+            <span className="table-generator-button-label">
+              {rowsToInsert === 1
+                ? t('insert_row_above')
+                : t('insert_x_rows_above', { rows: rowsToInsert })}
+            </span>
+          </ToolbarDropdownItem>
+          <ToolbarDropdownItem
+            id="table-generator-insert-row-below"
+            command={() => {
+              setSelection(
+                insertRow(
+                  view,
+                  selection,
+                  positions,
+                  true,
+                  rowSeparators,
+                  table
+                )
+              )
+            }}
+          >
+            <span className="table-generator-button-label">
+              {rowsToInsert === 1
+                ? t('insert_row_below')
+                : t('insert_x_rows_below', { rows: rowsToInsert })}
+            </span>
+          </ToolbarDropdownItem>
+        </ToolbarDropdown>
+      </div>
+      <div className="table-generator-button-group">
+        <ToolbarButton
+          icon="delete_forever"
+          id="table-generator-remove-table"
+          label={t('delete_table')}
+          command={() => {
+            removeNodes(view, tableEnvironment?.table ?? positions.tabular)
+            view.focus()
+          }}
+        />
+        <ToolbarButton
+          icon="help"
+          id="table-generator-show-help"
+          label={t('help')}
+          command={showHelp}
+        />
+        <div className="toolbar-beta-badge">
+          <FeedbackBadge
+            id="table-generator-feedback"
+            url="https://forms.gle/9dHxXPGugxEHgY3L9"
+            text={<FeedbackBadgeContent />}
+          />
+        </div>
+      </div>
+    </div>
+  )
+})
+
+const FeedbackBadgeContent = () => (
+  <>
+    We have a new way to insert and edit tables.
+    <br />
+    Click to give feedback
+  </>
+)
diff --git a/services/web/frontend/js/features/source-editor/components/table-generator/utils.ts b/services/web/frontend/js/features/source-editor/components/table-generator/utils.ts
new file mode 100644
index 0000000..d29b47c
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/table-generator/utils.ts
@@ -0,0 +1,557 @@
+import { EditorState } from '@codemirror/state'
+import { SyntaxNode } from '@lezer/common'
+import { CellData, ColumnDefinition, TableData } from './tabular'
+import { TableEnvironmentData } from './contexts/table-context'
+import {
+  ABSOLUTE_SIZE_REGEX,
+  AbsoluteWidthUnits,
+  RELATIVE_SIZE_REGEX,
+  RelativeWidthCommand,
+  WidthSelection,
+} from './toolbar/column-width-modal/column-width'
+
+const COMMIT_CHARACTERS = ['c', 'l', 'r', 'p', 'm', 'b', '>']
+
+export type CellPosition = { from: number; to: number }
+export type RowPosition = {
+  from: number
+  to: number
+  hlines: { from: number; to: number }[]
+}
+
+function parseArgument(spec: string, startIndex: number): number {
+  if (spec.charAt(startIndex) !== '{') {
+    throw new Error('Missing opening brace')
+  }
+  let depth = 0
+  for (let i = startIndex; i < spec.length; i++) {
+    if (spec.charAt(i) === '{') {
+      depth++
+    } else if (spec.charAt(i) === '}') {
+      depth--
+    }
+    if (depth === 0) {
+      return i
+    }
+  }
+  throw new Error('Missing closing brace')
+}
+
+export function parseColumnSpecifications(
+  specification: string
+): ColumnDefinition[] {
+  const columns: ColumnDefinition[] = []
+  let currentAlignment: ColumnDefinition['alignment'] | undefined
+  let currentBorderLeft = 0
+  let currentBorderRight = 0
+  let currentContent = ''
+  let currentCellSpacingLeft = ''
+  let currentCellSpacingRight = ''
+  let currentCustomCellDefinition = ''
+  let currentIsParagraphColumn = false
+  let currentSize: WidthSelection | undefined
+  function maybeCommit() {
+    if (currentAlignment !== undefined) {
+      columns.push({
+        alignment: currentAlignment,
+        borderLeft: currentBorderLeft,
+        borderRight: currentBorderRight,
+        content: currentContent,
+        cellSpacingLeft: currentCellSpacingLeft,
+        cellSpacingRight: currentCellSpacingRight,
+        customCellDefinition: currentCustomCellDefinition,
+        isParagraphColumn: currentIsParagraphColumn,
+        size: currentSize,
+      })
+      currentAlignment = undefined
+      currentBorderLeft = 0
+      currentBorderRight = 0
+      currentContent = ''
+      currentCellSpacingLeft = ''
+      currentCellSpacingRight = ''
+      currentCustomCellDefinition = ''
+      currentIsParagraphColumn = false
+      currentSize = undefined
+    }
+  }
+  for (let i = 0; i < specification.length; i++) {
+    if (COMMIT_CHARACTERS.includes(specification.charAt(i))) {
+      maybeCommit()
+    }
+    const hasAlignment = currentAlignment !== undefined
+    const char = specification.charAt(i)
+    switch (char) {
+      case '|': {
+        if (hasAlignment) {
+          currentBorderRight++
+        } else {
+          currentBorderLeft++
+        }
+        break
+      }
+      case 'c':
+        currentAlignment = 'center'
+        currentContent += 'c'
+        break
+      case 'l':
+        currentAlignment = 'left'
+        currentContent += 'l'
+        break
+      case 'r':
+        currentAlignment = 'right'
+        currentContent += 'r'
+        break
+      case 'p':
+      case 'm':
+      case 'b': {
+        currentIsParagraphColumn = true
+        currentAlignment = 'paragraph'
+        if (currentCustomCellDefinition !== '') {
+          // Maybe we have another alignment hidden in here
+          const match = currentCustomCellDefinition.match(
+            />\{\s*\\(raggedleft|raggedright|centering)\s*\\arraybackslash\s*\}/
+          )
+          if (match) {
+            switch (match[1]) {
+              case 'raggedleft':
+                currentAlignment = 'right'
+                break
+              case 'raggedright':
+                currentAlignment = 'left'
+                break
+              case 'centering':
+                currentAlignment = 'center'
+                break
+            }
+          }
+        }
+        currentContent += char
+        const argumentEnd = parseArgument(specification, i + 1)
+        const columnDefinition = specification.slice(i, argumentEnd + 1)
+        const absoluteSizeMatch = columnDefinition.match(ABSOLUTE_SIZE_REGEX)
+        const relativeSizeMatch = columnDefinition.match(RELATIVE_SIZE_REGEX)
+        if (absoluteSizeMatch) {
+          currentSize = {
+            unit: absoluteSizeMatch[2] as AbsoluteWidthUnits,
+            width: parseFloat(absoluteSizeMatch[1]),
+          }
+        } else if (relativeSizeMatch) {
+          const widthAsFraction = parseFloat(relativeSizeMatch[1]) || 0
+          currentSize = {
+            unit: '%',
+            width: widthAsFraction * 100,
+            command: relativeSizeMatch[2] as RelativeWidthCommand,
+          }
+        } else {
+          currentSize = {
+            unit: 'custom',
+            width: columnDefinition.slice(2, -1),
+          }
+        }
+        // Don't include the p twice
+        currentContent += columnDefinition.slice(1)
+        i = argumentEnd
+        break
+      }
+      case '@':
+      case '!': {
+        const argumentEnd = parseArgument(specification, i + 1)
+        // Include the @/!
+        const argument = specification.slice(i, argumentEnd + 1)
+        i = argumentEnd
+        if (currentAlignment) {
+          // We have a cell, so this is right cell spacing
+          currentCellSpacingRight = argument
+        } else {
+          currentCellSpacingLeft = argument
+        }
+        break
+      }
+      case '>': {
+        const argumentEnd = parseArgument(specification, i + 1)
+        // Include the >
+        const argument = specification.slice(i, argumentEnd + 1)
+        i = argumentEnd
+        currentCustomCellDefinition = argument
+        break
+      }
+      case ' ':
+      case '\n':
+      case '\t':
+        currentContent += char
+        break
+    }
+  }
+  maybeCommit()
+  return columns
+}
+
+const isRowSeparator = (node: SyntaxNode) =>
+  node.type.is('Command') &&
+  Boolean(node.getChild('KnownCtrlSym')?.getChild('LineBreak'))
+
+const isHLine = (node: SyntaxNode) =>
+  node.type.is('Command') &&
+  Boolean(node.getChild('KnownCommand')?.getChild('HorizontalLine'))
+
+const isMultiColumn = (node: SyntaxNode) =>
+  node.type.is('Command') &&
+  Boolean(node.getChild('KnownCommand')?.getChild('MultiColumn'))
+
+type Position = {
+  from: number
+  to: number
+}
+
+type HLineData = {
+  position: Position
+  atBottom: boolean
+}
+
+type ParsedCell = {
+  content: string
+  position: Position
+  multiColumn?: {
+    columnSpecification: {
+      position: Position
+      specification: ColumnDefinition[]
+    }
+    span: number
+    position: Position
+    preamble: Position
+    postamble: Position
+  }
+}
+
+export type CellSeparator = Position
+export type RowSeparator = Position
+
+type ParsedRow = {
+  position: Position
+  cells: ParsedCell[]
+  cellSeparators: CellSeparator[]
+  hlines: HLineData[]
+}
+
+type ParsedTableBody = {
+  rows: ParsedRow[]
+  rowSeparators: RowSeparator[]
+}
+
+function parseTabularBody(
+  node: SyntaxNode,
+  state: EditorState
+): ParsedTableBody {
+  const firstChild = node.firstChild
+  const body: ParsedTableBody = {
+    rows: [
+      {
+        cells: [],
+        hlines: [],
+        cellSeparators: [],
+        position: { from: node.from, to: node.from },
+      },
+    ],
+    rowSeparators: [],
+  }
+  getLastRow().cells.push({
+    content: '',
+    position: { from: node.from, to: node.from },
+  })
+  function getLastRow() {
+    return body.rows[body.rows.length - 1]
+  }
+  function getLastCell(): ParsedCell | undefined {
+    return getLastRow().cells[getLastRow().cells.length - 1]
+  }
+  for (
+    let currentChild: SyntaxNode | null = firstChild;
+    currentChild;
+    currentChild = currentChild.nextSibling
+  ) {
+    if (isRowSeparator(currentChild)) {
+      const lastRow = getLastRow()
+      body.rows.push({
+        cells: [],
+        hlines: [],
+        cellSeparators: [],
+        position: { from: currentChild.to, to: currentChild.to },
+      })
+      lastRow.position.to = currentChild.to
+      body.rowSeparators.push({ from: currentChild.from, to: currentChild.to })
+      getLastRow().cells.push({
+        content: '',
+        position: { from: currentChild.to, to: currentChild.to },
+      })
+      continue
+    } else if (currentChild.type.is('Ampersand')) {
+      // Add another cell
+      getLastRow().cells.push({
+        content: '',
+        position: { from: currentChild.to, to: currentChild.to },
+      })
+      getLastRow().cellSeparators.push({
+        from: currentChild.from,
+        to: currentChild.to,
+      })
+    } else if (isMultiColumn(currentChild)) {
+      // do stuff
+      const multiColumn = currentChild
+        .getChild('KnownCommand')!
+        .getChild('MultiColumn')!
+      const columnArgument = multiColumn
+        .getChild('ColumnArgument')
+        ?.getChild('ShortTextArgument')
+        ?.getChild('ShortArg')
+      const spanArgument = multiColumn
+        .getChild('SpanArgument')
+        ?.getChild('ShortTextArgument')
+        ?.getChild('ShortArg')
+      const tabularArgument = multiColumn
+        .getChild('TabularArgument')
+        ?.getChild('TabularContent')
+      if (!columnArgument) {
+        throw new Error(
+          'Invalid multicolumn definition: missing column specification argument'
+        )
+      }
+      if (!spanArgument) {
+        throw new Error(
+          'Invalid multicolumn definition: missing colspan argument'
+        )
+      }
+      if (!tabularArgument) {
+        throw new Error('Invalid multicolumn definition: missing cell content')
+      }
+      if (getLastCell()?.content.trim()) {
+        throw new Error(
+          'Invalid multicolumn definition: multicolumn must be at the start of a cell'
+        )
+      }
+      const columnSpecification = parseColumnSpecifications(
+        state.sliceDoc(columnArgument.from, columnArgument.to)
+      )
+      const span = parseInt(state.sliceDoc(spanArgument.from, spanArgument.to))
+      const cellContent = state.sliceDoc(
+        tabularArgument.from,
+        tabularArgument.to
+      )
+      if (!getLastCell()) {
+        getLastRow().cells.push({
+          content: '',
+          position: { from: currentChild.from, to: currentChild.from },
+        })
+      }
+      const lastCell = getLastCell()!
+      lastCell.multiColumn = {
+        columnSpecification: {
+          position: { from: columnArgument.from, to: columnArgument.to },
+          specification: columnSpecification,
+        },
+        span,
+        preamble: {
+          from: currentChild.from,
+          to: tabularArgument.from,
+        },
+        postamble: {
+          from: tabularArgument.to,
+          to: currentChild.to,
+        },
+        position: { from: currentChild.from, to: currentChild.to },
+      }
+      lastCell.content = cellContent
+      lastCell.position.from = tabularArgument.from
+      lastCell.position.to = tabularArgument.to
+      // Don't update position at the end of the loop
+      continue
+    } else if (
+      currentChild.type.is('NewLine') ||
+      currentChild.type.is('Whitespace') ||
+      currentChild.type.is('Comment') ||
+      currentChild.type.is('BlankLine')
+    ) {
+      const lastCell = getLastCell()
+      if (!lastCell?.multiColumn) {
+        if (lastCell) {
+          if (lastCell.content.trim() === '') {
+            lastCell.position.from = currentChild.to
+            lastCell.position.to = currentChild.to
+          } else {
+            lastCell.content += state.sliceDoc(
+              currentChild.from,
+              currentChild.to
+            )
+            lastCell.position.to = currentChild.to
+          }
+        }
+      }
+      // Try to preserve whitespace by skipping past it when locating cells
+    } else if (isHLine(currentChild)) {
+      const lastCell = getLastCell()
+      if (lastCell?.content.trim()) {
+        throw new Error('\\hline must be at the start of a row')
+      }
+      // push start of cell past the hline
+      if (lastCell) {
+        lastCell.position.from = currentChild.to
+        lastCell.position.to = currentChild.to
+      }
+      const lastRow = getLastRow()
+      lastRow.hlines.push({
+        position: { from: currentChild.from, to: currentChild.to },
+        // They will always be at the top, we patch the bottom border later.
+        atBottom: false,
+      })
+    } else {
+      // Add to the last cell
+      if (!getLastCell()) {
+        getLastRow().cells.push({
+          content: '',
+          position: { from: currentChild.from, to: currentChild.from },
+        })
+      }
+      const lastCell = getLastCell()!
+      lastCell.content += state.sliceDoc(currentChild.from, currentChild.to)
+      lastCell.position.to = currentChild.to
+    }
+    getLastRow().position.to = currentChild.to
+  }
+  const lastRow = getLastRow()
+  if (
+    body.rows.length > 1 &&
+    lastRow.cells.length === 1 &&
+    lastRow.cells[0].content.trim() === ''
+  ) {
+    // Remove the last row if it's empty, but move hlines up to previous row
+    const hlines = lastRow.hlines.map(hline => ({ ...hline, atBottom: true }))
+    body.rows.pop()
+    getLastRow().hlines.push(...hlines)
+    const lastLineContents = state.sliceDoc(
+      lastRow.position.from,
+      lastRow.position.to
+    )
+    const lastLineOffset =
+      lastLineContents.length - lastLineContents.trimEnd().length
+    getLastRow().position.to = lastRow.position.to - lastLineOffset
+  }
+  return body
+}
+
+export type ParsedTableData = {
+  table: TableData
+  cellPositions: CellPosition[][]
+  specification: { from: number; to: number }
+  rowPositions: RowPosition[]
+  rowSeparators: RowSeparator[]
+  cellSeparators: CellSeparator[][]
+}
+
+export function generateTable(
+  node: SyntaxNode,
+  state: EditorState
+): ParsedTableData {
+  const specification = node
+    .getChild('BeginEnv')
+    ?.getChild('TextArgument')
+    ?.getChild('LongArg')
+
+  if (!specification) {
+    throw new Error('Missing column specification')
+  }
+  const columns = parseColumnSpecifications(
+    state.sliceDoc(specification.from, specification.to)
+  )
+  const body = node.getChild('Content')?.getChild('TabularContent')
+  if (!body) {
+    throw new Error('Missing table body')
+  }
+  const tableData = parseTabularBody(body, state)
+  const cellPositions = tableData.rows.map(row =>
+    row.cells.map(cell => cell.multiColumn?.position ?? cell.position)
+  )
+  const cellSeparators = tableData.rows.map(row => row.cellSeparators)
+  const rowPositions = tableData.rows.map(row => ({
+    ...row.position,
+    hlines: row.hlines.map(hline => hline.position),
+  }))
+  const rows = tableData.rows.map(row => ({
+    cells: row.cells.map(cell => {
+      const cellData: CellData = {
+        content: cell.content,
+        from: cell.position.from,
+        to: cell.position.to,
+      }
+      if (cell.multiColumn) {
+        cellData.multiColumn = {
+          columns: {
+            specification: cell.multiColumn.columnSpecification.specification,
+            from: cell.multiColumn.columnSpecification.position.from,
+            to: cell.multiColumn.columnSpecification.position.to,
+          },
+          columnSpan: cell.multiColumn.span,
+          from: cell.multiColumn.position.from,
+          to: cell.multiColumn.position.to,
+          preamble: {
+            from: cell.multiColumn.preamble.from,
+            to: cell.multiColumn.preamble.to,
+          },
+          postamble: {
+            from: cell.multiColumn.postamble.from,
+            to: cell.multiColumn.postamble.to,
+          },
+        }
+      }
+      return cellData
+    }),
+    borderTop: row.hlines.filter(hline => !hline.atBottom).length,
+    borderBottom: row.hlines.filter(hline => hline.atBottom).length,
+  }))
+  const table = new TableData(rows, columns)
+  return {
+    table,
+    cellPositions,
+    specification,
+    rowPositions,
+    rowSeparators: tableData.rowSeparators,
+    cellSeparators,
+  }
+}
+
+export const validateParsedTable = (parseResult: ParsedTableData) => {
+  for (const row of parseResult.table.rows) {
+    const rowLength = row.cells.reduce(
+      (acc, cell) => acc + (cell.multiColumn?.columnSpan ?? 1),
+      0
+    )
+    for (const cell of row.cells) {
+      if (
+        cell.multiColumn?.columns.specification &&
+        cell.multiColumn.columns.specification.length !== 1
+      ) {
+        return false
+      }
+    }
+    if (rowLength !== parseResult.table.columns.length) {
+      return false
+    }
+  }
+  return true
+}
+
+export function parseTableEnvironment(tableNode: SyntaxNode) {
+  const tableEnvironment: TableEnvironmentData = {
+    table: { from: tableNode.from, to: tableNode.to },
+  }
+  tableNode.cursor().iterate(({ type, from, to }) => {
+    if (tableEnvironment.caption && tableEnvironment.label) {
+      // Stop looking once we've found both caption and label
+      return false
+    }
+    if (type.is('Caption')) {
+      tableEnvironment.caption = { from, to }
+    } else if (type.is('Label')) {
+      tableEnvironment.label = { from, to }
+    }
+  })
+  return tableEnvironment
+}
diff --git a/services/web/frontend/js/features/source-editor/components/toolbar/button-menu.tsx b/services/web/frontend/js/features/source-editor/components/toolbar/button-menu.tsx
new file mode 100644
index 0000000..6f5bd52
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/toolbar/button-menu.tsx
@@ -0,0 +1,96 @@
+import { FC, memo, useRef } from 'react'
+import useDropdown from '../../../../shared/hooks/use-dropdown'
+import OLListGroup from '@/features/ui/components/ol/ol-list-group'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLOverlay from '@/features/ui/components/ol/ol-overlay'
+import OLPopover from '@/features/ui/components/ol/ol-popover'
+import { EditorView } from '@codemirror/view'
+import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
+import { useCodeMirrorViewContext } from '../codemirror-context'
+
+export const ToolbarButtonMenu: FC<{
+  id: string
+  label: string
+  icon: React.ReactNode
+  altCommand?: (view: EditorView) => void
+}> = memo(function ButtonMenu({ icon, id, label, altCommand, children }) {
+  const target = useRef<any>(null)
+  const { open, onToggle, ref } = useDropdown()
+  const view = useCodeMirrorViewContext()
+
+  const button = (
+    <button
+      type="button"
+      className="ol-cm-toolbar-button btn"
+      aria-label={label}
+      onMouseDown={event => {
+        event.preventDefault()
+        event.stopPropagation()
+      }}
+      onClick={event => {
+        if (event.altKey && altCommand && open === false) {
+          emitToolbarEvent(view, id)
+          event.preventDefault()
+          altCommand(view)
+          view.focus()
+        } else {
+          onToggle(!open)
+        }
+      }}
+      ref={target}
+    >
+      {icon}
+    </button>
+  )
+
+  const overlay = (
+    <OLOverlay
+      show={open}
+      target={target.current}
+      placement="bottom"
+      container={view.dom}
+      containerPadding={0}
+      transition
+      rootClose
+      onHide={() => onToggle(false)}
+    >
+      <OLPopover
+        id={`${id}-menu`}
+        ref={ref}
+        className="ol-cm-toolbar-button-menu-popover"
+      >
+        <OLListGroup
+          role="menu"
+          onClick={() => {
+            onToggle(false)
+          }}
+        >
+          {children}
+        </OLListGroup>
+      </OLPopover>
+    </OLOverlay>
+  )
+
+  if (!label) {
+    return (
+      <>
+        {button}
+        {overlay}
+      </>
+    )
+  }
+
+  return (
+    <>
+      <OLTooltip
+        hidden={open}
+        id={id}
+        description={<div>{label}</div>}
+        overlayProps={{ placement: 'bottom' }}
+      >
+        {button}
+      </OLTooltip>
+      {overlay}
+    </>
+  )
+})
diff --git a/services/web/frontend/js/features/source-editor/components/toolbar/insert-figure-dropdown.tsx b/services/web/frontend/js/features/source-editor/components/toolbar/insert-figure-dropdown.tsx
new file mode 100644
index 0000000..600a7df
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/toolbar/insert-figure-dropdown.tsx
@@ -0,0 +1,93 @@
+import { ToolbarButtonMenu } from './button-menu'
+import MaterialIcon from '@/shared/components/material-icon'
+import OLListGroupItem from '@/features/ui/components/ol/ol-list-group-item'
+import { memo, useCallback } from 'react'
+import { FigureModalSource } from '../figure-modal/figure-modal-context'
+import { useTranslation } from 'react-i18next'
+import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
+import { useCodeMirrorViewContext } from '../codemirror-context'
+import { insertFigure } from '../../extensions/toolbar/commands'
+import getMeta from '@/utils/meta'
+import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
+import { ToolbarButton } from './toolbar-button'
+
+export const InsertFigureDropdown = memo(function InsertFigureDropdown() {
+  const { t } = useTranslation()
+  const view = useCodeMirrorViewContext()
+  const { write } = usePermissionsContext()
+  const openFigureModal = useCallback(
+    (source: FigureModalSource, sourceName: string) => {
+      emitToolbarEvent(view, `toolbar-figure-modal-${sourceName}`)
+      window.dispatchEvent(
+        new CustomEvent('figure-modal:open', {
+          detail: { source },
+        })
+      )
+    },
+    [view]
+  )
+  const {
+    hasLinkedProjectFileFeature,
+    hasLinkedProjectOutputFileFeature,
+    hasLinkUrlFeature,
+  } = getMeta('ol-ExposedSettings')
+
+  if (!write) {
+    return (
+      <ToolbarButton
+        id="toolbar-figure"
+        label={t('toolbar_insert_figure')}
+        command={() =>
+          openFigureModal(FigureModalSource.FILE_TREE, 'current-project')
+        }
+        icon="add_photo_alternate"
+      />
+    )
+  }
+
+  return (
+    <ToolbarButtonMenu
+      id="toolbar-figure"
+      label={t('toolbar_insert_figure')}
+      icon={<MaterialIcon type="add_photo_alternate" />}
+      altCommand={insertFigure}
+    >
+      <OLListGroupItem
+        onClick={() =>
+          openFigureModal(FigureModalSource.FILE_UPLOAD, 'file-upload')
+        }
+      >
+        <MaterialIcon type="upload" />
+        {t('upload_from_computer')}
+      </OLListGroupItem>
+      <OLListGroupItem
+        onClick={() =>
+          openFigureModal(FigureModalSource.FILE_TREE, 'current-project')
+        }
+      >
+        <MaterialIcon type="inbox" />
+        {t('from_project_files')}
+      </OLListGroupItem>
+      {(hasLinkedProjectFileFeature || hasLinkedProjectOutputFileFeature) && (
+        <OLListGroupItem
+          onClick={() =>
+            openFigureModal(FigureModalSource.OTHER_PROJECT, 'other-project')
+          }
+        >
+          <MaterialIcon type="folder_open" />
+          {t('from_another_project')}
+        </OLListGroupItem>
+      )}
+      {hasLinkUrlFeature && (
+        <OLListGroupItem
+          onClick={() =>
+            openFigureModal(FigureModalSource.FROM_URL, 'from-url')
+          }
+        >
+          <MaterialIcon type="public" />
+          {t('from_url')}
+        </OLListGroupItem>
+      )}
+    </ToolbarButtonMenu>
+  )
+})
diff --git a/services/web/frontend/js/features/source-editor/components/toolbar/math-dropdown.tsx b/services/web/frontend/js/features/source-editor/components/toolbar/math-dropdown.tsx
new file mode 100644
index 0000000..710f42c
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/toolbar/math-dropdown.tsx
@@ -0,0 +1,83 @@
+import { DropdownHeader } from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import { ToolbarButtonMenu } from './button-menu'
+import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
+import MaterialIcon from '../../../../shared/components/material-icon'
+import { useTranslation } from 'react-i18next'
+import { useCodeMirrorViewContext } from '../codemirror-context'
+import { useEditorContext } from '@/shared/context/editor-context'
+import {
+  wrapInDisplayMath,
+  wrapInInlineMath,
+} from '../../extensions/toolbar/commands'
+import { memo } from 'react'
+import OLListGroupItem from '@/features/ui/components/ol/ol-list-group-item'
+import sparkleWhite from '@/shared/svgs/sparkle-small-white.svg'
+import sparkle from '@/shared/svgs/ai-sparkle-text.svg'
+import { isSplitTestEnabled } from '@/utils/splitTestUtils'
+
+export const MathDropdown = memo(function MathDropdown() {
+  const { t } = useTranslation()
+  const view = useCodeMirrorViewContext()
+  const { writefullInstance } = useEditorContext()
+
+  const wfRebrandEnabled = isSplitTestEnabled('wf-feature-rebrand')
+  return (
+    <ToolbarButtonMenu
+      id="toolbar-math"
+      label={t('toolbar_insert_math')}
+      icon={<MaterialIcon type="calculate" />}
+    >
+      {wfRebrandEnabled && writefullInstance && (
+        <>
+          <DropdownHeader className="ol-cm-toolbar-header mx-2">
+            {t('toolbar_insert_math_lowercase')}
+          </DropdownHeader>
+          <OLListGroupItem
+            aria-label={t('toolbar_generate_math')}
+            onClick={event => {
+              writefullInstance?.openEquationGenerator()
+            }}
+          >
+            <img
+              alt="sparkle"
+              className="ol-cm-toolbar-ai-sparkle-gradient"
+              src={sparkle}
+              aria-hidden="true"
+            />
+            <img
+              alt="sparkle"
+              className="ol-cm-toolbar-ai-sparkle-white"
+              src={sparkleWhite}
+              aria-hidden="true"
+            />
+            <span>{t('generate_from_text_or_image')}</span>
+          </OLListGroupItem>
+        </>
+      )}
+      <OLListGroupItem
+        aria-label={t('toolbar_insert_inline_math')}
+        onClick={event => {
+          emitToolbarEvent(view, 'toolbar-inline-math')
+          event.preventDefault()
+          wrapInInlineMath(view)
+          view.focus()
+        }}
+      >
+        <MaterialIcon type="123" />
+        <span>{t('inline')}</span>
+      </OLListGroupItem>
+      <OLListGroupItem
+        aria-label={t('toolbar_insert_display_math')}
+        onClick={event => {
+          emitToolbarEvent(view, 'toolbar-display-math')
+          event.preventDefault()
+          wrapInDisplayMath(view)
+          view.focus()
+        }}
+      >
+        <MaterialIcon type="view_day" />
+        <span>{t('display')}</span>
+      </OLListGroupItem>
+    </ToolbarButtonMenu>
+  )
+})
diff --git a/services/web/frontend/js/features/source-editor/components/toolbar/overflow.tsx b/services/web/frontend/js/features/source-editor/components/toolbar/overflow.tsx
new file mode 100644
index 0000000..574780f
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/toolbar/overflow.tsx
@@ -0,0 +1,60 @@
+import { FC, useRef } from 'react'
+import classnames from 'classnames'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useCodeMirrorViewContext } from '../codemirror-context'
+import OLOverlay from '@/features/ui/components/ol/ol-overlay'
+import OLPopover from '@/features/ui/components/ol/ol-popover'
+
+export const ToolbarOverflow: FC<{
+  overflowed: boolean
+  overflowOpen: boolean
+  setOverflowOpen: (open: boolean) => void
+  overflowRef?: React.Ref<HTMLDivElement>
+}> = ({ overflowed, overflowOpen, setOverflowOpen, overflowRef, children }) => {
+  const buttonRef = useRef<HTMLButtonElement>(null)
+  const view = useCodeMirrorViewContext()
+
+  const className = classnames(
+    'ol-cm-toolbar-button',
+    'ol-cm-toolbar-overflow-toggle',
+    {
+      'ol-cm-toolbar-overflow-toggle-visible': overflowed,
+    }
+  )
+
+  return (
+    <>
+      <button
+        ref={buttonRef}
+        type="button"
+        id="toolbar-more"
+        className={className}
+        aria-label="More"
+        onMouseDown={event => {
+          event.preventDefault()
+          event.stopPropagation()
+        }}
+        onClick={() => {
+          setOverflowOpen(!overflowOpen)
+        }}
+      >
+        <MaterialIcon type="more_horiz" />
+      </button>
+
+      <OLOverlay
+        show={overflowOpen}
+        target={buttonRef.current}
+        placement="bottom"
+        container={view.dom}
+        // containerPadding={0}
+        transition
+        rootClose
+        onHide={() => setOverflowOpen(false)}
+      >
+        <OLPopover id="popover-toolbar-overflow" ref={overflowRef}>
+          <div className="ol-cm-toolbar-overflow">{children}</div>
+        </OLPopover>
+      </OLOverlay>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/toolbar/section-heading-dropdown.tsx b/services/web/frontend/js/features/source-editor/components/toolbar/section-heading-dropdown.tsx
new file mode 100644
index 0000000..19c0bf8
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/toolbar/section-heading-dropdown.tsx
@@ -0,0 +1,132 @@
+import classnames from 'classnames'
+import {
+  useCodeMirrorStateContext,
+  useCodeMirrorViewContext,
+} from '../codemirror-context'
+import {
+  findCurrentSectionHeadingLevel,
+  setSectionHeadingLevel,
+} from '../../extensions/toolbar/sections'
+import { useCallback, useMemo, useRef } from 'react'
+import OLOverlay from '@/features/ui/components/ol/ol-overlay'
+import OLPopover from '@/features/ui/components/ol/ol-popover'
+import useEventListener from '../../../../shared/hooks/use-event-listener'
+import useDropdown from '../../../../shared/hooks/use-dropdown'
+import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
+import Icon from '../../../../shared/components/icon'
+import { useTranslation } from 'react-i18next'
+
+const levels = new Map([
+  ['text', 'Normal text'],
+  ['section', 'Section'],
+  ['subsection', 'Subsection'],
+  ['subsubsection', 'Subsubsection'],
+  ['paragraph', 'Paragraph'],
+  ['subparagraph', 'Subparagraph'],
+])
+
+const levelsEntries = [...levels.entries()]
+
+export const SectionHeadingDropdown = () => {
+  const state = useCodeMirrorStateContext()
+  const view = useCodeMirrorViewContext()
+  const { t } = useTranslation()
+
+  const { open: overflowOpen, onToggle: setOverflowOpen } = useDropdown()
+
+  useEventListener(
+    'resize',
+    useCallback(() => {
+      setOverflowOpen(false)
+    }, [setOverflowOpen])
+  )
+
+  const toggleButtonRef = useRef<HTMLButtonElement | null>(null)
+
+  const currentLevel = useMemo(
+    () => findCurrentSectionHeadingLevel(state),
+    [state]
+  )
+
+  const currentLabel = currentLevel
+    ? (levels.get(currentLevel.level) ?? currentLevel.level)
+    : '---'
+
+  return (
+    <>
+      <button
+        ref={toggleButtonRef}
+        type="button"
+        id="section-heading-menu-button"
+        aria-haspopup="true"
+        aria-controls="section-heading-menu"
+        aria-label={t('toolbar_choose_section_heading_level')}
+        className="ol-cm-toolbar-menu-toggle"
+        onMouseDown={event => event.preventDefault()}
+        onClick={() => setOverflowOpen(!overflowOpen)}
+      >
+        <span>{currentLabel}</span>
+        <Icon type="caret-down" fw />
+      </button>
+
+      {overflowOpen && (
+        <OLOverlay
+          show
+          onHide={() => setOverflowOpen(false)}
+          transition={false}
+          container={view.dom}
+          containerPadding={0}
+          placement="bottom"
+          rootClose
+          target={toggleButtonRef.current}
+          popperConfig={{
+            modifiers: [
+              {
+                name: 'offset',
+                options: {
+                  offset: [0, 1],
+                },
+              },
+            ],
+          }}
+        >
+          <OLPopover
+            id="popover-toolbar-section-heading"
+            className="ol-cm-toolbar-menu-popover"
+          >
+            <div
+              className="ol-cm-toolbar-menu"
+              id="section-heading-menu"
+              role="menu"
+              aria-labelledby="section-heading-menu-button"
+            >
+              {levelsEntries.map(([level, label]) => (
+                <button
+                  type="button"
+                  role="menuitem"
+                  key={level}
+                  onClick={() => {
+                    emitToolbarEvent(view, 'section-level-change')
+                    setSectionHeadingLevel(view, level)
+                    view.focus()
+                    setOverflowOpen(false)
+                  }}
+                  className={classnames(
+                    'ol-cm-toolbar-menu-item',
+                    `section-level-${level}`,
+                    {
+                      'ol-cm-toolbar-menu-item-active':
+                        level === currentLevel?.level,
+                    }
+                  )}
+                >
+                  {label}
+                </button>
+              ))}
+            </div>
+          </OLPopover>
+        </OLOverlay>
+      )}
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/toolbar/table-dropdown.tsx b/services/web/frontend/js/features/source-editor/components/toolbar/table-dropdown.tsx
new file mode 100644
index 0000000..a98c785
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/toolbar/table-dropdown.tsx
@@ -0,0 +1,101 @@
+import { DropdownHeader } from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import { ToolbarButtonMenu } from './button-menu'
+import MaterialIcon from '../../../../shared/components/material-icon'
+import { useTranslation } from 'react-i18next'
+import { useEditorContext } from '@/shared/context/editor-context'
+import { memo, useRef, useCallback } from 'react'
+import OLListGroupItem from '@/features/ui/components/ol/ol-list-group-item'
+import sparkleWhite from '@/shared/svgs/sparkle-small-white.svg'
+import sparkle from '@/shared/svgs/ai-sparkle-text.svg'
+import { TableInserterDropdown } from './table-inserter-dropdown'
+import OLOverlay from '@/features/ui/components/ol/ol-overlay'
+import OLPopover from '@/features/ui/components/ol/ol-popover'
+import useDropdown from '../../../../shared/hooks/use-dropdown'
+import * as commands from '../../extensions/toolbar/commands'
+import { useCodeMirrorViewContext } from '../codemirror-context'
+import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
+
+export const TableDropdown = memo(function TableDropdown() {
+  const { t } = useTranslation()
+  const { writefullInstance } = useEditorContext()
+  const { open, onToggle, ref } = useDropdown()
+  const target = useRef<any>(null)
+  const view = useCodeMirrorViewContext()
+
+  const onSizeSelected = useCallback(
+    (sizeX: number, sizeY: number) => {
+      onToggle(false)
+      commands.insertTable(view, sizeX, sizeY)
+      emitToolbarEvent(view, 'table-generator-insert-table')
+      view.focus()
+    },
+    [view, onToggle]
+  )
+
+  return (
+    <>
+      <div ref={target}>
+        <ToolbarButtonMenu
+          id="toolbar-table"
+          label={t('toolbar_insert_table')}
+          icon={<MaterialIcon type="table_chart" />}
+        >
+          <DropdownHeader className="ol-cm-toolbar-header mx-2">
+            {t('toolbar_table_insert_table_lowercase')}
+          </DropdownHeader>
+          <OLListGroupItem
+            aria-label={t('toolbar_generate_table')}
+            onClick={event => {
+              writefullInstance?.openTableGenerator()
+            }}
+          >
+            <img
+              alt="sparkle"
+              className="ol-cm-toolbar-ai-sparkle-gradient"
+              src={sparkle}
+              aria-hidden="true"
+            />
+            <img
+              alt="sparkle"
+              className="ol-cm-toolbar-ai-sparkle-white"
+              src={sparkleWhite}
+              aria-hidden="true"
+            />
+            <span>{t('generate_from_text_or_image')}</span>
+          </OLListGroupItem>
+          <div className="ol-cm-toolbar-dropdown-divider mx-2 my-0" />
+          <OLListGroupItem
+            aria-label={t('toolbar_insert_table')}
+            onMouseDown={event => {
+              event.preventDefault()
+              event.stopPropagation()
+            }}
+            onClick={() => {
+              onToggle(!open)
+            }}
+          >
+            <span>{t('select_size')}</span>
+          </OLListGroupItem>
+        </ToolbarButtonMenu>
+        <OLOverlay
+          show={open}
+          target={target.current}
+          placement="bottom"
+          container={view.dom}
+          containerPadding={0}
+          transition
+          rootClose
+          onHide={() => onToggle(false)}
+        >
+          <OLPopover
+            id="toolbar-table-menu"
+            ref={ref}
+            className="ol-cm-toolbar-button-menu-popover ol-cm-toolbar-button-menu-popover-unstyled"
+          >
+            <TableInserterDropdown onSizeSelected={onSizeSelected} />
+          </OLPopover>
+        </OLOverlay>
+      </div>
+    </>
+  )
+})
diff --git a/services/web/frontend/js/features/source-editor/components/toolbar/table-inserter-dropdown-legacy.tsx b/services/web/frontend/js/features/source-editor/components/toolbar/table-inserter-dropdown-legacy.tsx
new file mode 100644
index 0000000..7ab12f4
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/toolbar/table-inserter-dropdown-legacy.tsx
@@ -0,0 +1,128 @@
+import { FC, memo, useCallback, useRef, useState } from 'react'
+import * as commands from '../../extensions/toolbar/commands'
+import { useTranslation } from 'react-i18next'
+import useDropdown from '../../../../shared/hooks/use-dropdown'
+import { useCodeMirrorViewContext } from '../codemirror-context'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLOverlay from '@/features/ui/components/ol/ol-overlay'
+import OLPopover from '@/features/ui/components/ol/ol-popover'
+import MaterialIcon from '../../../../shared/components/material-icon'
+import classNames from 'classnames'
+import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
+
+export const LegacyTableDropdown = memo(() => {
+  const { t } = useTranslation()
+  const { open, onToggle, ref } = useDropdown()
+  const view = useCodeMirrorViewContext()
+  const target = useRef<any>(null)
+
+  const onSizeSelected = useCallback(
+    (sizeX: number, sizeY: number) => {
+      onToggle(false)
+      commands.insertTable(view, sizeX, sizeY)
+      emitToolbarEvent(view, 'table-generator-insert-table')
+      view.focus()
+    },
+    [view, onToggle]
+  )
+
+  return (
+    <>
+      <OLTooltip
+        hidden={open}
+        id="toolbar-table"
+        description={<div>{t('toolbar_insert_table')}</div>}
+        overlayProps={{ placement: 'bottom' }}
+      >
+        <button
+          type="button"
+          className="ol-cm-toolbar-button btn"
+          aria-label={t('toolbar_insert_table')}
+          onMouseDown={event => {
+            event.preventDefault()
+            event.stopPropagation()
+          }}
+          onClick={() => {
+            onToggle(!open)
+          }}
+          ref={target}
+        >
+          <MaterialIcon type="table_chart" />
+        </button>
+      </OLTooltip>
+      <OLOverlay
+        show={open}
+        target={target.current}
+        placement="bottom"
+        container={view.dom}
+        containerPadding={0}
+        transition
+        rootClose
+        onHide={() => onToggle(false)}
+      >
+        <OLPopover
+          id="toolbar-table-menu"
+          ref={ref}
+          className="ol-cm-toolbar-button-menu-popover ol-cm-toolbar-button-menu-popover-unstyled"
+        >
+          <div className="ol-cm-toolbar-table-grid-popover">
+            <SizeGrid sizeX={10} sizeY={10} onSizeSelected={onSizeSelected} />
+          </div>
+        </OLPopover>
+      </OLOverlay>
+    </>
+  )
+})
+LegacyTableDropdown.displayName = 'TableInserterDropdown'
+
+const range = (start: number, end: number) =>
+  Array.from({ length: end - start + 1 }, (v, k) => k + start)
+
+const SizeGrid: FC<{
+  sizeX: number
+  sizeY: number
+  onSizeSelected: (sizeX: number, sizeY: number) => void
+}> = ({ sizeX, sizeY, onSizeSelected }) => {
+  const [currentSize, setCurrentSize] = useState<{
+    sizeX: number
+    sizeY: number
+  }>({ sizeX: 0, sizeY: 0 })
+  const { t } = useTranslation()
+  let label = t('toolbar_table_insert_table_lowercase')
+  if (currentSize.sizeX > 0 && currentSize.sizeY > 0) {
+    label = t('toolbar_table_insert_size_table', {
+      size: `${currentSize.sizeY}×${currentSize.sizeX}`,
+    })
+  }
+  return (
+    <>
+      <div className="ol-cm-toolbar-table-size-label">{label}</div>
+      <table
+        className="ol-cm-toolbar-table-grid"
+        onMouseLeave={() => {
+          setCurrentSize({ sizeX: 0, sizeY: 0 })
+        }}
+      >
+        <tbody>
+          {range(1, sizeY).map(y => (
+            <tr key={y}>
+              {range(1, sizeX).map(x => (
+                // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+                <td
+                  className={classNames('ol-cm-toolbar-table-cell', {
+                    active: currentSize.sizeX >= x && currentSize.sizeY >= y,
+                  })}
+                  key={x}
+                  onMouseEnter={() => {
+                    setCurrentSize({ sizeX: x, sizeY: y })
+                  }}
+                  onMouseUp={() => onSizeSelected(x, y)}
+                />
+              ))}
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/toolbar/table-inserter-dropdown.tsx b/services/web/frontend/js/features/source-editor/components/toolbar/table-inserter-dropdown.tsx
new file mode 100644
index 0000000..f9f81d5
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/toolbar/table-inserter-dropdown.tsx
@@ -0,0 +1,68 @@
+import { FC, useState } from 'react'
+import classNames from 'classnames'
+import { useTranslation } from 'react-i18next'
+
+export const TableInserterDropdown = ({
+  onSizeSelected,
+}: {
+  onSizeSelected: (sizeX: number, sizeY: number) => void
+}) => {
+  return (
+    <div className="ol-cm-toolbar-table-grid-popover">
+      <SizeGrid sizeX={10} sizeY={10} onSizeSelected={onSizeSelected} />
+    </div>
+  )
+}
+TableInserterDropdown.displayName = 'TableInserterDropdown'
+
+const range = (start: number, end: number) =>
+  Array.from({ length: end - start + 1 }, (v, k) => k + start)
+
+const SizeGrid: FC<{
+  sizeX: number
+  sizeY: number
+  onSizeSelected: (sizeX: number, sizeY: number) => void
+}> = ({ sizeX, sizeY, onSizeSelected }) => {
+  const [currentSize, setCurrentSize] = useState<{
+    sizeX: number
+    sizeY: number
+  }>({ sizeX: 0, sizeY: 0 })
+  const { t } = useTranslation()
+  let label = t('toolbar_table_insert_table_lowercase')
+  if (currentSize.sizeX > 0 && currentSize.sizeY > 0) {
+    label = t('toolbar_table_insert_size_table', {
+      size: `${currentSize.sizeY}×${currentSize.sizeX}`,
+    })
+  }
+  return (
+    <>
+      <div className="ol-cm-toolbar-table-size-label">{label}</div>
+      <table
+        className="ol-cm-toolbar-table-grid"
+        onMouseLeave={() => {
+          setCurrentSize({ sizeX: 0, sizeY: 0 })
+        }}
+      >
+        <tbody>
+          {range(1, sizeY).map(y => (
+            <tr key={y}>
+              {range(1, sizeX).map(x => (
+                // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+                <td
+                  className={classNames('ol-cm-toolbar-table-cell', {
+                    active: currentSize.sizeX >= x && currentSize.sizeY >= y,
+                  })}
+                  key={x}
+                  onMouseEnter={() => {
+                    setCurrentSize({ sizeX: x, sizeY: y })
+                  }}
+                  onMouseUp={() => onSizeSelected(x, y)}
+                />
+              ))}
+            </tr>
+          ))}
+        </tbody>
+      </table>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/toolbar/toggle-search-button.tsx b/services/web/frontend/js/features/source-editor/components/toolbar/toggle-search-button.tsx
new file mode 100644
index 0000000..9b8874c
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/toolbar/toggle-search-button.tsx
@@ -0,0 +1,22 @@
+import { FC } from 'react'
+import * as commands from '@/features/source-editor/extensions/toolbar/commands'
+import { searchPanelOpen } from '@codemirror/search'
+import { ToolbarButton } from '@/features/source-editor/components/toolbar/toolbar-button'
+import { EditorState } from '@codemirror/state'
+import { useTranslation } from 'react-i18next'
+import { isMac } from '@/shared/utils/os'
+
+export const ToggleSearchButton: FC<{ state: EditorState }> = ({ state }) => {
+  const { t } = useTranslation()
+
+  return (
+    <ToolbarButton
+      id="toolbar-toggle-search"
+      label={t('search_this_file')}
+      command={commands.toggleSearch}
+      active={searchPanelOpen(state)}
+      icon="search"
+      shortcut={isMac ? '⌘F' : 'Ctrl+F'}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/components/toolbar/toolbar-button.tsx b/services/web/frontend/js/features/source-editor/components/toolbar/toolbar-button.tsx
new file mode 100644
index 0000000..cca40f1
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/toolbar/toolbar-button.tsx
@@ -0,0 +1,90 @@
+import { memo, useCallback } from 'react'
+import { EditorView } from '@codemirror/view'
+import { useCodeMirrorViewContext } from '../codemirror-context'
+import classnames from 'classnames'
+import { emitToolbarEvent } from '../../extensions/toolbar/utils/analytics'
+import MaterialIcon from '@/shared/components/material-icon'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+
+export const ToolbarButton = memo<{
+  id: string
+  className?: string
+  label: string
+  command?: (view: EditorView) => void
+  active?: boolean
+  disabled?: boolean
+  icon: string
+  textIcon?: boolean
+  hidden?: boolean
+  shortcut?: string
+}>(function ToolbarButton({
+  id,
+  className,
+  label,
+  command,
+  active = false,
+  disabled,
+  icon,
+  textIcon = false,
+  hidden = false,
+  shortcut,
+}) {
+  const view = useCodeMirrorViewContext()
+
+  const handleMouseDown = useCallback(event => {
+    event.preventDefault()
+  }, [])
+
+  const handleClick = useCallback(
+    event => {
+      emitToolbarEvent(view, id)
+      if (command) {
+        event.preventDefault()
+        command(view)
+        view.focus()
+      }
+    },
+    [command, view, id]
+  )
+
+  const button = (
+    <button
+      className={classnames('ol-cm-toolbar-button', className, {
+        active,
+        hidden,
+      })}
+      aria-label={label}
+      onMouseDown={handleMouseDown}
+      onClick={!disabled ? handleClick : undefined}
+      aria-disabled={disabled}
+      type="button"
+    >
+      {textIcon ? (
+        icon
+      ) : (
+        <MaterialIcon type={icon} accessibilityLabel={label} />
+      )}
+    </button>
+  )
+
+  if (!label) {
+    return button
+  }
+
+  const description = (
+    <>
+      <div>{label}</div>
+      {shortcut && <div>{shortcut}</div>}
+    </>
+  )
+
+  return (
+    <OLTooltip
+      id={id}
+      description={description}
+      overlayProps={{ placement: 'bottom' }}
+    >
+      {button}
+    </OLTooltip>
+  )
+})
diff --git a/services/web/frontend/js/features/source-editor/components/toolbar/toolbar-items.tsx b/services/web/frontend/js/features/source-editor/components/toolbar/toolbar-items.tsx
new file mode 100644
index 0000000..6a9509b
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/components/toolbar/toolbar-items.tsx
@@ -0,0 +1,197 @@
+import { FC, memo } from 'react'
+import { EditorState } from '@codemirror/state'
+import { useEditorContext } from '../../../../shared/context/editor-context'
+import { ToolbarButton } from './toolbar-button'
+import { redo, undo } from '@codemirror/commands'
+import * as commands from '../../extensions/toolbar/commands'
+import { SectionHeadingDropdown } from './section-heading-dropdown'
+import getMeta from '../../../../utils/meta'
+import { InsertFigureDropdown } from './insert-figure-dropdown'
+import { useTranslation } from 'react-i18next'
+import { MathDropdown } from './math-dropdown'
+import { TableDropdown } from './table-dropdown'
+import { LegacyTableDropdown } from './table-inserter-dropdown-legacy'
+import { withinFormattingCommand } from '@/features/source-editor/utils/tree-operations/formatting'
+import { isSplitTestEnabled } from '@/utils/splitTestUtils'
+import { isMac } from '@/shared/utils/os'
+
+export const ToolbarItems: FC<{
+  state: EditorState
+  overflowed?: Set<string>
+  languageName?: string
+  visual: boolean
+  listDepth: number
+}> = memo(function ToolbarItems({
+  state,
+  overflowed,
+  languageName,
+  visual,
+  listDepth,
+}) {
+  const { t } = useTranslation()
+  const { toggleSymbolPalette, showSymbolPalette, writefullInstance } =
+    useEditorContext()
+  const isActive = withinFormattingCommand(state)
+
+  const symbolPaletteAvailable = getMeta('ol-symbolPaletteAvailable')
+  const showGroup = (group: string) => !overflowed || overflowed.has(group)
+
+  const wfRebrandEnabled = isSplitTestEnabled('wf-feature-rebrand')
+
+  return (
+    <>
+      {showGroup('group-history') && (
+        <div
+          className="ol-cm-toolbar-button-group"
+          aria-label={t('toolbar_undo_redo_actions')}
+        >
+          <ToolbarButton
+            id="toolbar-undo"
+            label={t('toolbar_undo')}
+            command={undo}
+            icon="undo"
+            shortcut={isMac ? '⌘Z' : 'Ctrl+Z'}
+          />
+          <ToolbarButton
+            id="toolbar-redo"
+            label={t('toolbar_redo')}
+            command={redo}
+            icon="redo"
+            shortcut={isMac ? '⇧⌘Z' : 'Ctrl+Y'}
+          />
+        </div>
+      )}
+      {languageName === 'latex' && (
+        <>
+          {showGroup('group-section') && (
+            <div
+              className="ol-cm-toolbar-button-group"
+              data-overflow="group-section"
+              aria-label={t('toolbar_text_formatting')}
+            >
+              <SectionHeadingDropdown />
+            </div>
+          )}
+          {showGroup('group-format') && (
+            <div
+              className="ol-cm-toolbar-button-group"
+              aria-label={t('toolbar_text_style')}
+            >
+              <ToolbarButton
+                id="toolbar-format-bold"
+                label={t('toolbar_format_bold')}
+                command={commands.toggleBold}
+                active={isActive('\\textbf')}
+                icon="format_bold"
+                shortcut={isMac ? '⌘B' : 'Ctrl+B'}
+              />
+              <ToolbarButton
+                id="toolbar-format-italic"
+                label={t('toolbar_format_italic')}
+                command={commands.toggleItalic}
+                active={isActive('\\textit')}
+                icon="format_italic"
+                shortcut={isMac ? '⌘I' : 'Ctrl+I'}
+              />
+            </div>
+          )}
+          {showGroup('group-math') && (
+            <div
+              className="ol-cm-toolbar-button-group"
+              data-overflow="group-math"
+              aria-label={t('toolbar_insert_math_and_symbols')}
+            >
+              <MathDropdown />
+              {symbolPaletteAvailable && (
+                <ToolbarButton
+                  id="toolbar-toggle-symbol-palette"
+                  label={t('toolbar_toggle_symbol_palette')}
+                  active={showSymbolPalette}
+                  command={toggleSymbolPalette}
+                  icon="Ω"
+                  textIcon
+                  className="ol-cm-toolbar-button-math"
+                />
+              )}
+            </div>
+          )}
+          {showGroup('group-misc') && (
+            <div
+              className="ol-cm-toolbar-button-group"
+              data-overflow="group-misc"
+              aria-label={t('toolbar_insert_misc')}
+            >
+              <ToolbarButton
+                id="toolbar-href"
+                label={t('toolbar_insert_link')}
+                command={commands.wrapInHref}
+                icon="add_link"
+              />
+              <ToolbarButton
+                id="toolbar-add-comment"
+                label={t('add_comment')}
+                disabled={state.selection.main.empty}
+                command={commands.addComment}
+                icon="add_comment"
+              />
+              <ToolbarButton
+                id="toolbar-ref"
+                label={t('toolbar_insert_cross_reference')}
+                command={commands.insertRef}
+                icon="sell"
+              />
+              <ToolbarButton
+                id="toolbar-cite"
+                label={t('toolbar_insert_citation')}
+                command={commands.insertCite}
+                icon="book_5"
+              />
+              <InsertFigureDropdown />
+              {wfRebrandEnabled && writefullInstance ? (
+                <TableDropdown />
+              ) : (
+                <LegacyTableDropdown />
+              )}
+            </div>
+          )}
+          {showGroup('group-list') && (
+            <div
+              className="ol-cm-toolbar-button-group"
+              data-overflow="group-list"
+              aria-label={t('toolbar_list_indentation')}
+            >
+              <ToolbarButton
+                id="toolbar-bullet-list"
+                label={t('toolbar_bullet_list')}
+                command={commands.toggleBulletList}
+                icon="format_list_bulleted"
+              />
+              <ToolbarButton
+                id="toolbar-numbered-list"
+                label={t('toolbar_numbered_list')}
+                command={commands.toggleNumberedList}
+                icon="format_list_numbered"
+              />
+              <ToolbarButton
+                id="toolbar-format-indent-decrease"
+                label={t('toolbar_decrease_indent')}
+                command={commands.indentDecrease}
+                icon="format_indent_decrease"
+                shortcut={visual ? (isMac ? '⌘[' : 'Ctrl+[') : undefined}
+                disabled={listDepth < 2}
+              />
+              <ToolbarButton
+                id="toolbar-format-indent-increase"
+                label={t('toolbar_increase_indent')}
+                command={commands.indentIncrease}
+                icon="format_indent_increase"
+                shortcut={visual ? (isMac ? '⌘]' : 'Ctrl+]') : undefined}
+                disabled={listDepth < 1}
+              />
+            </div>
+          )}
+        </>
+      )}
+    </>
+  )
+})
diff --git a/services/web/frontend/js/features/source-editor/extensions/annotations.ts b/services/web/frontend/js/features/source-editor/extensions/annotations.ts
new file mode 100644
index 0000000..07bed7f
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/annotations.ts
@@ -0,0 +1,270 @@
+import { EditorView, ViewUpdate } from '@codemirror/view'
+import { Diagnostic, linter, lintGutter } from '@codemirror/lint'
+import {
+  Compartment,
+  EditorState,
+  Extension,
+  Line,
+  RangeSet,
+  RangeValue,
+  StateEffect,
+  StateField,
+} from '@codemirror/state'
+import { Annotation } from '../../../../../types/annotation'
+import { debugConsole } from '@/utils/debugging'
+import { sendMB } from '@/infrastructure/event-tracking'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+import { syntaxTree } from '@codemirror/language'
+
+interface CompileLogDiagnostic extends Diagnostic {
+  compile?: true
+  ruleId?: string
+  id?: string
+  entryIndex: number
+  firstOnLine?: boolean
+}
+
+type RenderedDiagnostic = Pick<
+  CompileLogDiagnostic,
+  | 'message'
+  | 'severity'
+  | 'ruleId'
+  | 'compile'
+  | 'source'
+  | 'id'
+  | 'firstOnLine'
+>
+
+export type DiagnosticAction = (
+  diagnostic: RenderedDiagnostic
+) => HTMLButtonElement | null
+
+const diagnosticActions = importOverleafModules('diagnosticActions') as {
+  import: { default: DiagnosticAction }
+}[]
+
+const compileLintSourceConf = new Compartment()
+
+export const annotations = () => [
+  compileDiagnosticsState,
+  compileLintSourceConf.of(compileLogLintSource()),
+  /**
+   * The built-in lint gutter extension, configured with zero hover delay.
+   */
+  lintGutter({
+    hoverTime: 0,
+  }),
+  annotationsTheme,
+]
+
+/**
+ * A theme which moves the lint gutter outside the line numbers.
+ */
+const annotationsTheme = EditorView.baseTheme({
+  '.cm-gutter-lint': {
+    order: -1,
+  },
+})
+
+export const lintSourceConfig = {
+  delay: 100,
+  // Show highlights only for errors
+  markerFilter(diagnostics: readonly Diagnostic[]) {
+    return diagnostics.filter(d => d.severity === 'error')
+  },
+  // Do not show any tooltips for highlights within the editor content
+  tooltipFilter() {
+    return []
+  },
+  needsRefresh(update: ViewUpdate) {
+    return update.selectionSet
+  },
+}
+
+/**
+ * A lint source using the compile log diagnostics
+ */
+const compileLogLintSource = (): Extension =>
+  linter(view => {
+    const items: CompileLogDiagnostic[] = []
+    // NOTE: iter() changes the order of diagnostics on the same line
+    const cursor = view.state.field(compileDiagnosticsState).iter()
+    while (cursor.value !== null) {
+      const { diagnostic } = cursor.value
+      items.push({
+        ...diagnostic,
+        from: cursor.from,
+        to: cursor.to,
+        renderMessage: () => renderMessage(diagnostic),
+      })
+      cursor.next()
+    }
+    // restore the original order of items
+    items.sort((a, b) => a.from - b.from || a.entryIndex - b.entryIndex)
+    return items
+  }, lintSourceConfig)
+
+class CompileLogDiagnosticRangeValue extends RangeValue {
+  constructor(public diagnostic: CompileLogDiagnostic) {
+    super()
+  }
+}
+
+const setCompileDiagnosticsEffect = StateEffect.define<CompileLogDiagnostic[]>()
+
+/**
+ * A state field for the compile log diagnostics
+ */
+export const compileDiagnosticsState = StateField.define<
+  RangeSet<CompileLogDiagnosticRangeValue>
+>({
+  create() {
+    return RangeSet.empty
+  },
+  update(value, transaction) {
+    for (const effect of transaction.effects) {
+      if (effect.is(setCompileDiagnosticsEffect)) {
+        return RangeSet.of(
+          effect.value.map(diagnostic =>
+            new CompileLogDiagnosticRangeValue(diagnostic).range(
+              diagnostic.from,
+              diagnostic.to
+            )
+          ),
+          true
+        )
+      }
+    }
+
+    if (transaction.docChanged) {
+      value = value.map(transaction.changes)
+    }
+
+    return value
+  },
+})
+
+export const setAnnotations = (
+  state: EditorState,
+  annotations: Annotation[]
+) => {
+  const diagnostics: CompileLogDiagnostic[] = []
+
+  for (const annotation of annotations) {
+    // ignore "whole document" (row: -1) annotations
+    if (annotation.row !== -1) {
+      try {
+        diagnostics.push(...convertAnnotationToDiagnostic(state, annotation))
+      } catch (error) {
+        // ignore invalid annotations
+        debugConsole.debug('invalid annotation position', error)
+      }
+    }
+  }
+
+  return {
+    effects: setCompileDiagnosticsEffect.of(diagnostics),
+  }
+}
+
+export const showCompileLogDiagnostics = (show: boolean) => {
+  return {
+    effects: [
+      // reconfigure the compile log lint source
+      compileLintSourceConf.reconfigure(show ? compileLogLintSource() : []),
+    ],
+  }
+}
+
+const commandRanges = (state: EditorState, line: Line, command: string) => {
+  const ranges: { from: number; to: number }[] = []
+
+  syntaxTree(state).iterate({
+    enter(nodeRef) {
+      if (nodeRef.type.is('CtrlSeq')) {
+        const { from, to } = nodeRef
+        if (command === state.sliceDoc(from, to)) {
+          ranges.push({ from, to })
+        }
+      }
+    },
+    from: line.from,
+    to: line.to,
+  })
+
+  return ranges.slice(0, 1) // NOTE: only highlighting the first match on a line, to avoid duplicate messages
+}
+
+const chooseHighlightRanges = (
+  state: EditorState,
+  line: Line,
+  annotation: Annotation
+) => {
+  const ranges: { from: number; to: number }[] = []
+
+  if (annotation.command) {
+    ranges.push(...commandRanges(state, line, annotation.command))
+  }
+
+  // default to highlighting the whole line
+  if (ranges.length === 0) {
+    ranges.push(line)
+  }
+
+  return ranges
+}
+
+const convertAnnotationToDiagnostic = (
+  state: EditorState,
+  annotation: Annotation
+): CompileLogDiagnostic[] => {
+  if (annotation.row < 0) {
+    throw new Error(`Invalid annotation row ${annotation.row}`)
+  }
+
+  // NOTE: highlight whole line by default, as synctex doesn't output column number
+  const line = state.doc.line(annotation.row + 1)
+
+  const highlightRanges = chooseHighlightRanges(state, line, annotation)
+
+  return highlightRanges.map(location => ({
+    from: location.from,
+    to: location.to,
+    severity: annotation.type,
+    message: annotation.text,
+    ruleId: annotation.ruleId,
+    compile: true,
+    id: annotation.id,
+    entryIndex: annotation.entryIndex,
+    source: annotation.source,
+    firstOnLine: annotation.firstOnLine,
+  }))
+}
+
+export const renderMessage = (diagnostic: RenderedDiagnostic) => {
+  const { message, severity, ruleId, compile = false } = diagnostic
+
+  const div = document.createElement('div')
+  div.classList.add('ol-cm-diagnostic-message')
+
+  div.append(message)
+
+  const activeDiagnosticActions = diagnosticActions
+    .map(m => m.import.default(diagnostic))
+    .filter(Boolean) as HTMLButtonElement[]
+
+  if (activeDiagnosticActions.length) {
+    const actions = document.createElement('div')
+    actions.classList.add('ol-cm-diagnostic-actions')
+    actions.append(...activeDiagnosticActions)
+    div.append(actions)
+  }
+
+  window.setTimeout(() => {
+    if (div.isConnected) {
+      sendMB('lint-gutter-marker-view', { severity, ruleId, compile })
+    }
+  }, 500) // 500ms delay to indicate intention, rather than accidental hover
+
+  return div
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/auto-complete.ts b/services/web/frontend/js/features/source-editor/extensions/auto-complete.ts
new file mode 100644
index 0000000..f7a6a24
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/auto-complete.ts
@@ -0,0 +1,197 @@
+import {
+  acceptCompletion,
+  autocompletion,
+  closeCompletion,
+  moveCompletionSelection,
+  startCompletion,
+  Completion,
+} from '@codemirror/autocomplete'
+import { EditorView, keymap } from '@codemirror/view'
+import {
+  Compartment,
+  Extension,
+  Prec,
+  TransactionSpec,
+} from '@codemirror/state'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+
+const moduleExtensions: Array<(options: Record<string, any>) => Extension> =
+  importOverleafModules('autoCompleteExtensions').map(
+    (item: { import: { extension: Extension } }) => item.import.extension
+  )
+
+const autoCompleteConf = new Compartment()
+
+type AutoCompleteOptions = {
+  enabled: boolean
+} & Record<string, any>
+
+export const autoComplete = ({ enabled, ...rest }: AutoCompleteOptions) =>
+  autoCompleteConf.of(createAutoComplete({ enabled, ...rest }))
+
+export const setAutoComplete = ({
+  enabled,
+  ...rest
+}: AutoCompleteOptions): TransactionSpec => {
+  return {
+    effects: autoCompleteConf.reconfigure(
+      createAutoComplete({ enabled, ...rest })
+    ),
+  }
+}
+
+const createAutoComplete = ({ enabled, ...rest }: AutoCompleteOptions) => {
+  if (!enabled) {
+    return []
+  }
+
+  return [
+    [
+      autocompleteTheme,
+      /**
+       * A built-in extension which provides the autocomplete feature,
+       * configured with a custom render function and
+       * a zero interaction delay (so that keypresses are handled after the autocomplete is opened).
+       */
+      autocompletion({
+        icons: false,
+        defaultKeymap: false,
+        addToOptions: [
+          // display the completion "type" at the end of the suggestion
+          {
+            render: completion => {
+              const span = document.createElement('span')
+              span.classList.add('ol-cm-completionType')
+              if (completion.type) {
+                span.textContent = completion.type
+              }
+              return span
+            },
+            position: 400,
+          },
+        ],
+        optionClass: (completion: Completion) => {
+          return `ol-cm-completion-${completion.type}`
+        },
+        interactionDelay: 0,
+      }),
+      /**
+       * A keymap which adds Tab for accepting a completion and Ctrl-Space for opening autocomplete.
+       */
+      Prec.highest(
+        keymap.of([
+          { key: 'Escape', run: closeCompletion },
+          { key: 'ArrowDown', run: moveCompletionSelection(true) },
+          { key: 'ArrowUp', run: moveCompletionSelection(false) },
+          { key: 'PageDown', run: moveCompletionSelection(true, 'page') },
+          { key: 'PageUp', run: moveCompletionSelection(false, 'page') },
+          { key: 'Enter', run: acceptCompletion },
+          { key: 'Tab', run: acceptCompletion },
+        ])
+      ),
+      /**
+       * A keymap which positions Ctrl-Space and Alt-Space below the corresponding bindings for advanced reference search.
+       */
+      Prec.high(
+        keymap.of([
+          { key: 'Ctrl-Space', run: startCompletion },
+          { key: 'Alt-Space', run: startCompletion },
+        ])
+      ),
+    ],
+    moduleExtensions.map(extension => extension({ ...rest })),
+  ]
+}
+
+const AUTOCOMPLETE_LINE_HEIGHT = 1.4
+/**
+ * Styles for the autocomplete menu
+ */
+const autocompleteTheme = EditorView.baseTheme({
+  '.cm-tooltip.cm-tooltip-autocomplete': {
+    // shift the tooltip, so the completion aligns with the text
+    marginLeft: '-4px',
+  },
+  '&light .cm-tooltip.cm-tooltip-autocomplete, &light .cm-tooltip.cm-completionInfo':
+    {
+      border: '1px lightgray solid',
+      background: '#fefefe',
+      color: '#111',
+      boxShadow: '2px 3px 5px rgb(0 0 0 / 20%)',
+    },
+  '&dark .cm-tooltip.cm-tooltip-autocomplete, &dark .cm-tooltip.cm-completionInfo':
+    {
+      border: '1px #484747 solid',
+      boxShadow: '2px 3px 5px rgba(0, 0, 0, 0.51)',
+      background: '#25282c',
+      color: '#c1c1c1',
+    },
+
+  // match editor font family and font size, so the completion aligns with the text
+  '.cm-tooltip.cm-tooltip-autocomplete > ul': {
+    fontFamily: 'var(--source-font-family)',
+    fontSize: 'var(--font-size)',
+  },
+  '.cm-tooltip.cm-tooltip-autocomplete li[role="option"]': {
+    display: 'flex',
+    justifyContent: 'space-between',
+    lineHeight: AUTOCOMPLETE_LINE_HEIGHT, // increase the line height from default 1.2, for a larger target area
+    outline: '1px solid transparent',
+  },
+  '.cm-tooltip .cm-completionDetail': {
+    flex: '1 0 auto',
+    fontSize: 'calc(var(--font-size) * 1.4)',
+    lineHeight: `calc(var(--font-size) * ${AUTOCOMPLETE_LINE_HEIGHT})`,
+    overflow: 'hidden',
+    // By default CodeMirror styles the details as italic
+    fontStyle: 'normal !important',
+    // We use this element for the symbol palette, so change the font to the
+    // symbol palette font
+    fontFamily: "'Stix Two Math', serif",
+  },
+  '&light .cm-tooltip.cm-tooltip-autocomplete li[role="option"]:hover': {
+    outlineColor: '#abbffe',
+    backgroundColor: 'rgba(233, 233, 253, 0.4)',
+  },
+  '&dark .cm-tooltip.cm-tooltip-autocomplete li[role="option"]:hover': {
+    outlineColor: 'rgba(109, 150, 13, 0.8)',
+    backgroundColor: 'rgba(58, 103, 78, 0.62)',
+  },
+  '.cm-tooltip.cm-tooltip-autocomplete ul li[aria-selected]': {
+    color: 'inherit',
+  },
+  '&light .cm-tooltip.cm-tooltip-autocomplete ul li[aria-selected]': {
+    background: '#cad6fa',
+  },
+  '&dark .cm-tooltip.cm-tooltip-autocomplete ul li[aria-selected]': {
+    background: '#3a674e',
+  },
+  '.cm-completionMatchedText': {
+    textDecoration: 'none', // remove default underline,
+  },
+  '&light .cm-completionMatchedText': {
+    color: '#2d69c7',
+  },
+  '&dark .cm-completionMatchedText': {
+    color: '#93ca12',
+  },
+  '.ol-cm-completionType': {
+    paddingLeft: '1em',
+    paddingRight: 0,
+    width: 'auto',
+    fontSize: '90%',
+    fontFamily: 'var(--source-font-family)',
+    opacity: '0.5',
+  },
+  '.cm-completionInfo .ol-cm-symbolCompletionInfo': {
+    margin: 0,
+    whiteSpace: 'normal',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    textAlign: 'center',
+  },
+  '.cm-completionInfo .ol-cm-symbolCharacter': {
+    fontSize: '32px',
+  },
+})
diff --git a/services/web/frontend/js/features/source-editor/extensions/auto-pair.ts b/services/web/frontend/js/features/source-editor/extensions/auto-pair.ts
new file mode 100644
index 0000000..791820a
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/auto-pair.ts
@@ -0,0 +1,26 @@
+import { keymap } from '@codemirror/view'
+import { Compartment, Prec, TransactionSpec } from '@codemirror/state'
+import { closeBrackets, closeBracketsKeymap } from '@codemirror/autocomplete'
+
+const autoPairConf = new Compartment()
+
+export const autoPair = ({
+  autoPairDelimiters,
+}: {
+  autoPairDelimiters: boolean
+}) => autoPairConf.of(autoPairDelimiters ? extension : [])
+
+export const setAutoPair = (autoPairDelimiters: boolean): TransactionSpec => {
+  return {
+    effects: autoPairConf.reconfigure(autoPairDelimiters ? extension : []),
+  }
+}
+
+/**
+ * The built-in closeBrackets extension and closeBrackets keymap.
+ */
+const extension = [
+  closeBrackets(),
+  // NOTE: using Prec.highest as this needs to run before the default Backspace handler
+  Prec.highest(keymap.of(closeBracketsKeymap)),
+]
diff --git a/services/web/frontend/js/features/source-editor/extensions/bracket-matching.ts b/services/web/frontend/js/features/source-editor/extensions/bracket-matching.ts
new file mode 100644
index 0000000..c14b144
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/bracket-matching.ts
@@ -0,0 +1,168 @@
+import {
+  bracketMatching as bracketMatchingExtension,
+  matchBrackets,
+  type MatchResult,
+} from '@codemirror/language'
+import { Decoration, EditorView } from '@codemirror/view'
+import {
+  EditorSelection,
+  Extension,
+  SelectionRange,
+  type Range,
+} from '@codemirror/state'
+import browser from '@/features/source-editor/extensions/browser'
+
+const matchingMark = Decoration.mark({ class: 'cm-matchingBracket' })
+const nonmatchingMark = Decoration.mark({ class: 'cm-nonmatchingBracket' })
+
+const FORWARDS = 1
+const BACKWARDS = -1
+type Direction = 1 | -1
+
+/**
+ * A built-in extension which decorates matching pairs of brackets when focused,
+ * configured with a custom render function that combines adjacent pairs of matching markers
+ * into a single decoration so there’s no border between them.
+ */
+export const bracketMatching = () => {
+  return bracketMatchingExtension({
+    renderMatch: match => {
+      const decorations: Range<Decoration>[] = []
+
+      if (matchedAdjacent(match)) {
+        // combine an adjacent pair of matching markers into a single decoration
+        decorations.push(
+          matchingMark.range(
+            Math.min(match.start.from, match.end.from),
+            Math.max(match.start.to, match.end.to)
+          )
+        )
+      } else {
+        // default match rendering (defaultRenderMatch in @codemirror/matchbrackets)
+        const mark = match.matched ? matchingMark : nonmatchingMark
+        decorations.push(mark.range(match.start.from, match.start.to))
+        if (match.end) {
+          decorations.push(mark.range(match.end.from, match.end.to))
+        }
+      }
+
+      return decorations
+    },
+  })
+}
+
+interface AdjacentMatchResult extends MatchResult {
+  end: {
+    from: number
+    to: number
+  }
+}
+
+const matchedAdjacent = (match: MatchResult): match is AdjacentMatchResult =>
+  Boolean(
+    match.matched &&
+      match.end &&
+      (match.start.to === match.end.from || match.end.to === match.start.from)
+  )
+
+/**
+ * A custom extension which handles double-click events on a matched bracket
+ * and extends the selection to cover the contents of the bracket pair.
+ */
+export const bracketSelection = (): Extension => {
+  return [chooseEventHandler(), matchingBracketTheme]
+}
+
+const chooseEventHandler = () => {
+  // Safari doesn't always fire the second "click" event, so use dblclick instead
+  if (browser.safari) {
+    return [
+      EditorView.domEventHandlers({
+        dblclick: handleDoubleClick,
+      }),
+    ]
+  }
+
+  // Store and use the previous click event, as the "dblclick" event can have the wrong position
+  let lastClickEvent: MouseEvent | null = null
+
+  return EditorView.domEventHandlers({
+    click(evt, view) {
+      if (evt.detail === 1) {
+        lastClickEvent = evt
+      } else if (evt.detail === 2 && lastClickEvent) {
+        return handleDoubleClick(lastClickEvent, view)
+      }
+    },
+  })
+}
+
+const handleDoubleClick = (evt: MouseEvent, view: EditorView) => {
+  const pos = view.posAtCoords({
+    x: evt.pageX,
+    y: evt.pageY,
+  })
+  if (!pos) return false
+
+  const search = (direction: Direction, position: number) => {
+    const match = matchBrackets(view.state, position, direction, {
+      // Only look at data in the syntax tree, don't scan the text
+      maxScanDistance: 0,
+    })
+    if (match?.matched && match.end) {
+      return EditorSelection.range(
+        Math.min(match.start.from, match.end.from),
+        Math.max(match.end.to, match.start.to)
+      )
+    }
+    return false
+  }
+
+  const dispatchSelection = (range: SelectionRange) => {
+    view.dispatch({
+      selection: range,
+    })
+    return true
+  }
+  // 1. Look forwards, from the character *behind* the cursor
+  const forwardsExcludingBrackets = search(FORWARDS, pos - 1)
+  if (forwardsExcludingBrackets) {
+    return dispatchSelection(
+      EditorSelection.range(
+        forwardsExcludingBrackets.from + 1,
+        forwardsExcludingBrackets.to - 1
+      )
+    )
+  }
+
+  // 2. Look forwards, from the character *in front of* the cursor
+  const forwardsIncludingBrackets = search(FORWARDS, pos)
+  if (forwardsIncludingBrackets) {
+    return dispatchSelection(forwardsIncludingBrackets)
+  }
+
+  // 3. Look backwards, from the character *behind* the cursor
+  const backwardsIncludingBrackets = search(BACKWARDS, pos)
+  if (backwardsIncludingBrackets) {
+    return dispatchSelection(backwardsIncludingBrackets)
+  }
+
+  // 4. Look backwards, from the character *in front of* the cursor
+  const backwardsExcludingBrackets = search(BACKWARDS, pos + 1)
+  if (backwardsExcludingBrackets) {
+    return dispatchSelection(
+      EditorSelection.range(
+        backwardsExcludingBrackets.from + 1,
+        backwardsExcludingBrackets.to - 1
+      )
+    )
+  }
+
+  return false
+}
+
+const matchingBracketTheme = EditorView.baseTheme({
+  '.cm-matchingBracket': {
+    pointerEvents: 'none',
+  },
+})
diff --git a/services/web/frontend/js/features/source-editor/extensions/breadcrumbs-panel.ts b/services/web/frontend/js/features/source-editor/extensions/breadcrumbs-panel.ts
new file mode 100644
index 0000000..a3768a9
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/breadcrumbs-panel.ts
@@ -0,0 +1,41 @@
+import { EditorView } from '@codemirror/view'
+
+/**
+ * A panel which contains the editor breadcrumbs
+ */
+export function breadcrumbPanel() {
+  return [
+    EditorView.editorAttributes.of({
+      style: '--breadcrumbs-height: 28px;',
+    }),
+    EditorView.baseTheme({
+      '.ol-cm-breadcrumbs-portal': {
+        display: 'flex',
+        pointerEvents: 'none !important',
+        '& > *': {
+          pointerEvents: 'all',
+        },
+      },
+      '.ol-cm-breadcrumbs': {
+        height: 'var(--breadcrumbs-height)',
+        flex: 1,
+        display: 'flex',
+        alignItems: 'center',
+        gap: 'var(--spacing-01)',
+        fontSize: 'var(--font-size-01)',
+        padding: 'var(--spacing-02)',
+        overflow: 'auto',
+        scrollbarWidth: 'thin',
+        '& > *': {
+          flexShrink: '0',
+        },
+      },
+      '&light .ol-cm-breadcrumb-chevron': {
+        color: 'var(--neutral-30)',
+      },
+      '&dark .ol-cm-breadcrumb-chevron': {
+        color: 'var(--neutral-50)',
+      },
+    }),
+  ]
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/browser.ts b/services/web/frontend/js/features/source-editor/extensions/browser.ts
new file mode 100644
index 0000000..465846f
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/browser.ts
@@ -0,0 +1,50 @@
+// This is copied from CM6, which does not expose it publicly.
+// https://github.com/codemirror/view/blob/e7918b607753588a0b2a596e952068fa008bf84c/src/browser.ts
+const nav: any =
+  typeof navigator !== 'undefined'
+    ? navigator
+    : { userAgent: '', vendor: '', platform: '' }
+const doc: any =
+  typeof document !== 'undefined'
+    ? document
+    : { documentElement: { style: {} } }
+
+const ieEdge = /Edge\/(\d+)/.exec(nav.userAgent)
+const ieUpTo10 = /MSIE \d/.test(nav.userAgent)
+const ie11Up = /Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(nav.userAgent)
+const ie = !!(ieUpTo10 || ie11Up || ieEdge)
+const gecko = !ie && /gecko\/(\d+)/i.test(nav.userAgent)
+const chrome = !ie && /Chrome\/(\d+)/.exec(nav.userAgent)
+const webkit = 'webkitFontSmoothing' in doc.documentElement.style
+const safari = !ie && /Apple Computer/.test(nav.vendor)
+const ios =
+  safari && (/Mobile\/\w+/.test(nav.userAgent) || nav.maxTouchPoints > 2)
+
+export default {
+  mac: ios || /Mac/.test(nav.platform),
+  windows: /Win/.test(nav.platform),
+  linux: /Linux|X11/.test(nav.platform),
+  ie,
+  ie_version: ieUpTo10
+    ? doc.documentMode || 6
+    : ie11Up
+      ? +ie11Up[1]
+      : ieEdge
+        ? +ieEdge[1]
+        : 0,
+  gecko,
+  gecko_version: gecko
+    ? +(/Firefox\/(\d+)/.exec(nav.userAgent) || [0, 0])[1]
+    : 0,
+  chrome: !!chrome,
+  chrome_version: chrome ? +chrome[1] : 0,
+  ios,
+  android: /Android\b/.test(nav.userAgent),
+  webkit,
+  safari,
+  webkit_version: webkit
+    ? +(/\bAppleWebKit\/(\d+)/.exec(navigator.userAgent) || [0, 0])[1]
+    : 0,
+  tabSize:
+    doc.documentElement.style.tabSize != null ? 'tab-size' : '-moz-tab-size',
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/bundle.ts b/services/web/frontend/js/features/source-editor/extensions/bundle.ts
new file mode 100644
index 0000000..1a57ba8
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/bundle.ts
@@ -0,0 +1,36 @@
+import { syntaxTree } from '@codemirror/language'
+import {
+  EditorSelection,
+  Prec,
+  StateEffect,
+  StateField,
+} from '@codemirror/state'
+import {
+  Decoration,
+  EditorView,
+  hoverTooltip,
+  keymap,
+  ViewPlugin,
+  WidgetType,
+} from '@codemirror/view'
+import { CodeMirror, Vim, getCM } from '@replit/codemirror-vim'
+
+export default {
+  Decoration,
+  EditorSelection,
+  EditorView,
+  Prec,
+  StateEffect,
+  StateField,
+  ViewPlugin,
+  WidgetType,
+  hoverTooltip,
+  keymap,
+  syntaxTree,
+}
+
+export const CodeMirrorVim = {
+  CodeMirror,
+  Vim,
+  getCM,
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/changes/comments.ts b/services/web/frontend/js/features/source-editor/extensions/changes/comments.ts
new file mode 100644
index 0000000..28a0f25
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/changes/comments.ts
@@ -0,0 +1,226 @@
+import { Range, RangeSet, RangeValue, Transaction } from '@codemirror/state'
+import {
+  AnyOperation,
+  Change,
+  CommentOperation,
+} from '../../../../../../types/change'
+import { ThreadId } from '../../../../../../types/review-panel/review-panel'
+import { DocumentContainer } from '@/features/ide-react/editor/document-container'
+
+export type StoredComment = {
+  text: string
+  comments: {
+    offset: number
+    text: string
+    comment: Change<CommentOperation>
+  }[]
+}
+
+/**
+ * Find tracked comments within the range of the current transaction's changes
+ */
+export const findCommentsInCut = (
+  currentDoc: DocumentContainer,
+  transaction: Transaction
+) => {
+  const items: StoredComment[] = []
+
+  transaction.changes.iterChanges((fromA, toA) => {
+    const comments = currentDoc
+      .ranges!.comments.filter(
+        comment =>
+          fromA <= comment.op.p && comment.op.p + comment.op.c.length <= toA
+      )
+      .map(comment => ({
+        offset: comment.op.p - fromA,
+        text: comment.op.c,
+        comment,
+      }))
+
+    if (comments.length) {
+      items.push({
+        text: transaction.startState.sliceDoc(fromA, toA),
+        comments,
+      })
+    }
+  })
+
+  return items
+}
+
+/**
+ * Find stored comments matching the text of the current transaction's changes
+ */
+export const findCommentsInPaste = (
+  storedComments: StoredComment[],
+  transaction: Transaction
+) => {
+  const ops: CommentOperation[] = []
+
+  transaction.changes.iterChanges((fromA, toA, fromB, toB, inserted) => {
+    const insertedText = inserted.toString()
+
+    // note: only using the first match
+    const matchedComment = storedComments.find(
+      item => item.text === insertedText
+    )
+
+    if (matchedComment) {
+      for (const { offset, text, comment } of matchedComment.comments) {
+        // Resubmitting an existing comment op (by thread id) will move it
+        ops.push({
+          c: text,
+          p: fromB + offset,
+          t: comment.id as ThreadId,
+        })
+      }
+    }
+  })
+
+  return ops
+}
+
+class CommentRangeValue extends RangeValue {
+  constructor(
+    public content: string,
+    public comment: Change<CommentOperation>
+  ) {
+    super()
+  }
+}
+
+/**
+ * Find tracked comments with no content with the ranges of a transaction's changes
+ */
+export const findDetachedCommentsInChanges = (
+  currentDoc: DocumentContainer,
+  transaction: Transaction
+) => {
+  const items: Range<CommentRangeValue>[] = []
+
+  transaction.changes.iterChanges((fromA, toA) => {
+    for (const comment of currentDoc.ranges!.comments) {
+      const content = comment.op.c
+
+      // TODO: handle comments that were never attached
+      if (!content.length) {
+        continue
+      }
+
+      const from = comment.op.p
+      const to = from + content.length
+
+      if (fromA <= from && to <= toA) {
+        items.push(new CommentRangeValue(content, comment).range(from, to))
+      }
+    }
+  })
+
+  return RangeSet.of(items, true)
+}
+
+/**
+ * Submit operations to the ShareJS doc
+ * (used when restoring comments on paste)
+ */
+const submitOps = (
+  currentDoc: DocumentContainer,
+  ops: AnyOperation[],
+  transaction: Transaction
+) => {
+  for (const op of ops) {
+    currentDoc.submitOp(op)
+  }
+
+  // Check that comments still match text. Will throw error if not.
+  currentDoc.ranges!.validate(transaction.state.doc.toString())
+}
+
+/**
+ * Wait for the ShareJS doc to fire an event, then submit the operations.
+ */
+const submitOpsAfterEvent = (
+  currentDoc: DocumentContainer,
+  eventName: string,
+  ops: AnyOperation[],
+  transaction: Transaction
+) => {
+  // We have to wait until the change has been processed by the range
+  // tracker, since if we move the ops into place beforehand, they will be
+  // moved again when the changes are processed by the range tracker. This
+  // ranges:dirty event is fired after the doc has applied the changes to
+  // the range tracker.
+  // TODO: could put this in an update listener instead, if the ShareJS doc has been updated by then?
+  currentDoc.on(eventName, () => {
+    currentDoc.off(eventName)
+    window.setTimeout(() => submitOps(currentDoc, ops, transaction))
+  })
+}
+
+/**
+ * Look through the comments stored on cut, and restore those in text that matches the pasted text.
+ */
+export const restoreCommentsOnPaste = (
+  currentDoc: DocumentContainer,
+  transaction: Transaction,
+  storedComments: StoredComment[]
+) => {
+  if (storedComments.length) {
+    const ops = findCommentsInPaste(storedComments, transaction)
+
+    if (ops.length) {
+      submitOpsAfterEvent(
+        currentDoc,
+        'ranges:dirty.paste-cm6',
+        ops,
+        transaction
+      )
+    }
+  }
+}
+
+/**
+ * When undoing a change, find comments from the original content and restore them.
+ */
+export const restoreDetachedComments = (
+  currentDoc: DocumentContainer,
+  transaction: Transaction,
+  storedComments: RangeSet<any>
+) => {
+  const ops: CommentOperation[] = []
+
+  const cursor = storedComments.iter()
+
+  while (cursor.value) {
+    const { id } = cursor.value.comment
+
+    const comment = currentDoc.ranges!.comments.find(item => item.id === id)
+
+    // check that the comment still exists and is detached
+    if (comment && comment.op.c === '') {
+      const content = transaction.state.doc.sliceString(
+        cursor.from,
+        cursor.from + cursor.value.content.length
+      )
+
+      if (cursor.value.content === content) {
+        ops.push({
+          c: cursor.value.content,
+          p: cursor.from,
+          t: id,
+        })
+      }
+    }
+
+    cursor.next()
+  }
+
+  // FIXME: timing issue with rapid undos
+  if (ops.length) {
+    window.setTimeout(() => {
+      submitOps(currentDoc, ops, transaction)
+    }, 0)
+  }
+
+  // submitOpsAfterEvent('ranges:dirty.undo-cm6', ops, transaction)
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/changes/reject-changes.ts b/services/web/frontend/js/features/source-editor/extensions/changes/reject-changes.ts
new file mode 100644
index 0000000..d46e8a9
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/changes/reject-changes.ts
@@ -0,0 +1,106 @@
+import { EditorState } from '@codemirror/state'
+import { Change, EditOperation } from '../../../../../../types/change'
+import { isDeleteOperation, isInsertOperation } from '@/utils/operations'
+import { DocumentContainer } from '@/features/ide-react/editor/document-container'
+import { trackChangesAnnotation } from '@/features/source-editor/extensions/realtime'
+
+/**
+ * Remove tracked changes from the range tracker when they're rejected,
+ * and restore the original content
+ */
+export const rejectChanges = (
+  state: EditorState,
+  ranges: DocumentContainer['ranges'],
+  changeIds: string[]
+) => {
+  const changes = ranges!.getChanges(changeIds) as Change<EditOperation>[]
+
+  if (changes.length === 0) {
+    return {}
+  }
+
+  // When doing bulk rejections, adjacent changes might interact with each other.
+  // Consider an insertion with an adjacent deletion (which is a common use-case, replacing words):
+  //
+  //     "foo bar baz" -> "foo quux baz"
+  //
+  // The change above will be modeled with two ops, with the insertion going first:
+  //
+  //     foo quux baz
+  //         |--| -> insertion of "quux", op 1, at position 4
+  //             | -> deletion of "bar", op 2, pushed forward by "quux" to position 8
+  //
+  // When rejecting these changes at once, if the insertion is rejected first, we get unexpected
+  // results. What happens is:
+  //
+  //     1) Rejecting the insertion deletes the added word "quux", i.e., it removes 4 chars
+  //        starting from position 4;
+  //
+  //           "foo quux baz" -> "foo  baz"
+  //                |--| -> 4 characters to be removed
+  //
+  //     2) Rejecting the deletion adds the deleted word "bar" at position 8 (i.e. it will act as if
+  //        the word "quuux" was still present).
+  //
+  //            "foo  baz" -> "foo  bazbar"
+  //                     | -> deletion of "bar" is reverted by reinserting "bar" at position 8
+  //
+  // While the intended result would be "foo bar baz", what we get is:
+  //
+  //      "foo  bazbar" (note "bar" readded at position 8)
+  //
+  // The issue happens because of step 1. To revert the insertion of "quux", 4 characters are deleted
+  // from position 4. This includes the position where the deletion exists; when that position is
+  // cleared, the RangesTracker considers that the deletion is gone and stops tracking/updating it.
+  // As we still hold a reference to it, the code tries to revert it by readding the deleted text, but
+  // does so at the outdated position (position 8, which was valid when "quux" was present).
+  //
+  // To avoid this kind of problem, we need to make sure that reverting operations doesn't affect
+  // subsequent operations that come after. Reverse sorting the operations based on position will
+  // achieve it; in the case above, it makes sure that the the deletion is reverted first:
+  //
+  //     1) Rejecting the deletion adds the deleted word "bar" at position 8
+  //
+  //            "foo quux baz" -> "foo quuxbar baz"
+  //                                       | -> deletion of "bar" is reverted by
+  //                                            reinserting "bar" at position 8
+  //
+  //     2) Rejecting the insertion deletes the added word "quux", i.e., it removes 4 chars
+  //        starting from position 4 and achieves the expected result:
+  //
+  //           "foo quuxbar baz" -> "foo bar baz"
+  //                |--| -> 4 characters to be removed
+
+  changes.sort((a, b) => b.op.p - a.op.p)
+
+  const changesToDispatch = changes.map(change => {
+    const { op } = change
+
+    if (isInsertOperation(op)) {
+      const from = op.p
+      const content = op.i
+      const to = from + content.length
+
+      const text = state.doc.sliceString(from, to)
+
+      if (text !== content) {
+        throw new Error(`Op to be removed does not match editor text`)
+      }
+
+      return { from, to, insert: '' }
+    } else if (isDeleteOperation(op)) {
+      return {
+        from: op.p,
+        to: op.p,
+        insert: op.d,
+      }
+    } else {
+      throw new Error(`unknown change type: ${JSON.stringify(change)}`)
+    }
+  })
+
+  return {
+    changes: changesToDispatch,
+    annotations: [trackChangesAnnotation.of('reject')],
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/class-highlighter.ts b/services/web/frontend/js/features/source-editor/extensions/class-highlighter.ts
new file mode 100644
index 0000000..a018ab6
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/class-highlighter.ts
@@ -0,0 +1,49 @@
+/**
+ * This file is adapted from Lezer, licensed under the MIT license:
+ * https://github.com/lezer-parser/highlight/blob/main/src/highlight.ts
+ */
+import { tagHighlighter, tags } from '@lezer/highlight'
+
+export const classHighlighter = tagHighlighter([
+  { tag: tags.link, class: 'tok-link' },
+  { tag: tags.heading, class: 'tok-heading' },
+  { tag: tags.emphasis, class: 'tok-emphasis' },
+  { tag: tags.strong, class: 'tok-strong' },
+  { tag: tags.keyword, class: 'tok-keyword' },
+  { tag: tags.atom, class: 'tok-atom' },
+  { tag: tags.bool, class: 'tok-bool' },
+  { tag: tags.url, class: 'tok-url' },
+  { tag: tags.labelName, class: 'tok-labelName' },
+  { tag: tags.inserted, class: 'tok-inserted' },
+  { tag: tags.deleted, class: 'tok-deleted' },
+  { tag: tags.literal, class: 'tok-literal' },
+  { tag: tags.string, class: 'tok-string' },
+  { tag: tags.number, class: 'tok-number' },
+  {
+    tag: [tags.regexp, tags.escape, tags.special(tags.string)],
+    class: 'tok-string2',
+  },
+  { tag: tags.variableName, class: 'tok-variableName' },
+  { tag: tags.local(tags.variableName), class: 'tok-variableName tok-local' },
+  {
+    tag: tags.definition(tags.variableName),
+    class: 'tok-variableName tok-definition',
+  },
+  { tag: tags.special(tags.variableName), class: 'tok-variableName2' },
+  {
+    tag: tags.definition(tags.propertyName),
+    class: 'tok-propertyName tok-definition',
+  },
+  { tag: tags.typeName, class: 'tok-typeName' },
+  { tag: tags.namespace, class: 'tok-namespace' },
+  { tag: tags.className, class: 'tok-className' },
+  { tag: tags.macroName, class: 'tok-macroName' },
+  { tag: tags.propertyName, class: 'tok-propertyName' },
+  { tag: tags.operator, class: 'tok-operator' },
+  { tag: tags.comment, class: 'tok-comment' },
+  { tag: tags.meta, class: 'tok-meta' },
+  { tag: tags.invalid, class: 'tok-invalid' },
+  { tag: tags.punctuation, class: 'tok-punctuation' },
+  // additional
+  { tag: tags.attributeValue, class: 'tok-attributeValue' },
+])
diff --git a/services/web/frontend/js/features/source-editor/extensions/command-tooltip.ts b/services/web/frontend/js/features/source-editor/extensions/command-tooltip.ts
new file mode 100644
index 0000000..545187e
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/command-tooltip.ts
@@ -0,0 +1,363 @@
+import {
+  Decoration,
+  EditorView,
+  getTooltip,
+  keymap,
+  showTooltip,
+  Tooltip,
+  TooltipView,
+  ViewUpdate,
+} from '@codemirror/view'
+import {
+  EditorSelection,
+  EditorState,
+  Prec,
+  SelectionRange,
+  StateEffect,
+  StateField,
+} from '@codemirror/state'
+import { ancestorOfNodeWithType } from '../utils/tree-query'
+import { ensureSyntaxTree, syntaxTree } from '@codemirror/language'
+import {
+  FilePathArgument,
+  LiteralArgContent,
+  RefArgument,
+  ShortArg,
+  ShortTextArgument,
+  UrlArgument,
+} from '../lezer-latex/latex.terms.mjs'
+import {
+  hasNextSnippetField,
+  selectedCompletion,
+} from '@codemirror/autocomplete'
+import { SyntaxNode } from '@lezer/common'
+
+type ActiveTooltip = {
+  range: SelectionRange
+  tooltip: Tooltip
+  command: string
+} | null
+
+const createTooltipView = (
+  update?: (update: ViewUpdate) => void
+): TooltipView => {
+  const dom = document.createElement('div')
+  dom.role = 'menu'
+  dom.classList.add('ol-cm-command-tooltip')
+  return { dom, update }
+}
+
+const buildTooltip = (
+  command: string,
+  pos: number,
+  value: ActiveTooltip,
+  commandNode: SyntaxNode,
+  argumentNode?: SyntaxNode | null,
+  update?: (update: ViewUpdate) => void
+): ActiveTooltip => {
+  if (!argumentNode) {
+    return null
+  }
+
+  const { from, to } = commandNode
+
+  // if the node still matches the range (i.e. this is the same node),
+  // re-use the tooltip by supplying the same create function
+  if (value && from === value.range.from && to === value.range.to) {
+    return {
+      ...value,
+      tooltip: { ...value.tooltip, pos },
+    }
+  }
+
+  return {
+    command,
+    range: EditorSelection.range(from, to),
+    tooltip: {
+      create: () => createTooltipView(update), // ensure a new create function
+      arrow: true,
+      pos,
+    },
+  }
+}
+
+const createTooltipState = (
+  state: EditorState,
+  value: ActiveTooltip
+): ActiveTooltip => {
+  // NOTE: only handling the main selection
+  const { main } = state.selection
+  const pos = main.head
+  const node = syntaxTree(state).resolveInner(pos, 0)
+  const commandNode = ancestorOfNodeWithType(node, '$CommandTooltipCommand')
+  if (!commandNode) {
+    return null
+  }
+  // only show the tooltip when the selection is completely inside the node
+  if (main.from < commandNode.from || main.to > commandNode.to) {
+    return null
+  }
+  const commandName = commandNode.name
+
+  switch (commandName) {
+    // a hyperlink (\href)
+    case 'HrefCommand': {
+      const argumentNode = commandNode
+        .getChild(UrlArgument)
+        ?.getChild(LiteralArgContent)
+
+      if (
+        argumentNode &&
+        state.sliceDoc(argumentNode.from, argumentNode.to).includes('\n')
+      ) {
+        return null
+      }
+
+      const update = (update: ViewUpdate) => {
+        const tooltipState = commandTooltipState(update.state)
+        const input =
+          tooltipState && firstInteractiveElement(update.view, tooltipState)
+        if (input && document.activeElement !== input) {
+          const commandNode = resolveCommandNode(update.state)
+          const argumentNode = commandNode
+            ?.getChild(UrlArgument)
+            ?.getChild(LiteralArgContent)
+
+          if (argumentNode) {
+            const url = update.state.sliceDoc(
+              argumentNode.from,
+              argumentNode.to
+            )
+            if (url !== input.value) {
+              input.dispatchEvent(
+                new CustomEvent('value-update', {
+                  detail: url,
+                })
+              )
+            }
+          }
+        }
+      }
+
+      return buildTooltip(
+        commandName,
+        pos,
+        value,
+        commandNode,
+        argumentNode,
+        update
+      )
+    }
+
+    // a URL (\url)
+    case 'UrlCommand': {
+      const argumentNode = commandNode
+        .getChild(UrlArgument)
+        ?.getChild(LiteralArgContent)
+
+      if (argumentNode) {
+        const content = state
+          .sliceDoc(argumentNode.from, argumentNode.to)
+          .trim()
+
+        if (
+          !content ||
+          content.includes('\n') ||
+          !/^https?:\/\/\w+/.test(content)
+        ) {
+          return null
+        }
+      }
+
+      return buildTooltip(commandName, pos, value, commandNode, argumentNode)
+    }
+
+    // a cross-reference (\ref)
+    case 'Ref': {
+      const argumentNode = commandNode
+        .getChild(RefArgument)
+        ?.getChild(ShortTextArgument)
+        ?.getChild(ShortArg)
+
+      return buildTooltip(commandName, pos, value, commandNode, argumentNode)
+    }
+
+    // an included file (\include)
+    case 'Include': {
+      const argumentNode = commandNode
+        .getChild('IncludeArgument')
+        ?.getChild(FilePathArgument)
+        ?.getChild(LiteralArgContent)
+
+      return buildTooltip(commandName, pos, value, commandNode, argumentNode)
+    }
+
+    // an input file (\input)
+    case 'Input': {
+      const argumentNode = commandNode
+        .getChild('InputArgument')
+        ?.getChild(FilePathArgument)
+        ?.getChild(LiteralArgContent)
+
+      return buildTooltip(commandName, pos, value, commandNode, argumentNode)
+    }
+  }
+
+  return null
+}
+
+const commandTooltipTheme = EditorView.baseTheme({
+  '&light .cm-tooltip.ol-cm-command-tooltip': {
+    border: '1px lightgray solid',
+    background: '#fefefe',
+    color: '#111',
+    boxShadow: '2px 3px 5px rgb(0 0 0 / 20%)',
+  },
+  '&dark .cm-tooltip.ol-cm-command-tooltip': {
+    border: '1px #484747 solid',
+    background: '#25282c',
+    color: '#c1c1c1',
+    boxShadow: '2px 3px 5px rgba(0, 0, 0, 0.51)',
+  },
+  '.ol-cm-command-tooltip-content': {
+    padding: '8px 0',
+    display: 'flex',
+    flexDirection: 'column',
+  },
+  '.btn-link.ol-cm-command-tooltip-link': {
+    display: 'flex',
+    alignItems: 'center',
+    gap: '8px',
+    padding: '4px 12px',
+    textDecoration: 'none',
+    color: 'inherit',
+  },
+  '.ol-cm-command-tooltip-form': {
+    padding: '0 8px',
+  },
+})
+
+export const resolveCommandNode = (state: EditorState) => {
+  const tooltipState = commandTooltipState(state)
+  if (tooltipState) {
+    const pos = tooltipState.range.from
+    const tree = ensureSyntaxTree(state, pos)
+    if (tree) {
+      return tree.resolveInner(pos, 1).parent
+    }
+  }
+}
+
+const closeCommandTooltipEffect = StateEffect.define()
+
+export const closeCommandTooltip = () => {
+  return {
+    effects: closeCommandTooltipEffect.of(null),
+  }
+}
+
+export const commandTooltipStateField = StateField.define<ActiveTooltip>({
+  create(state) {
+    return createTooltipState(state, null)
+  },
+  update(value, tr) {
+    if (tr.effects.some(effect => effect.is(closeCommandTooltipEffect))) {
+      // close the tooltip if this effect is present
+      value = null
+    } else if (selectedCompletion(tr.state)) {
+      // don't show tooltip if autocomplete is open
+      value = null
+    } else {
+      if (value) {
+        // map the stored range through changes
+        value.range = value.range.map(tr.changes)
+      }
+      if (tr.docChanged || tr.selection) {
+        // create/update the tooltip
+        value = createTooltipState(tr.state, value)
+      }
+    }
+
+    return value
+  },
+  provide(field) {
+    return [
+      // show the tooltip when defined
+      showTooltip.from(field, field => (field ? field.tooltip : null)),
+
+      // set attributes on the node with the popover
+      EditorView.decorations.from(field, field => {
+        if (!field) {
+          return Decoration.none
+        }
+
+        return Decoration.set(
+          Decoration.mark({
+            attributes: {
+              'aria-haspopup': 'menu',
+            },
+          }).range(field.range.from, field.range.to)
+        )
+      }),
+    ]
+  },
+})
+
+export const commandTooltipState = (
+  state: EditorState
+): ActiveTooltip | undefined => state.field(commandTooltipStateField, false)
+
+const firstInteractiveElement = (
+  view: EditorView,
+  tooltipState: NonNullable<ActiveTooltip>
+) =>
+  getTooltip(view, tooltipState.tooltip)?.dom.querySelector<
+    HTMLInputElement | HTMLButtonElement
+  >('input, button')
+
+const commandTooltipKeymap = Prec.highest(
+  keymap.of([
+    {
+      key: 'Tab',
+      // Tab to focus the first element in the tooltip, if open
+      run(view) {
+        const tooltipState = commandTooltipState(view.state)
+        if (tooltipState) {
+          const element = firstInteractiveElement(view, tooltipState)
+          if (element) {
+            // continue to the next snippet if there's already a URL filled in
+            if (
+              element.type === 'url' &&
+              element.value &&
+              hasNextSnippetField(view.state)
+            ) {
+              return false
+            }
+            element.focus()
+            return true
+          }
+        }
+
+        return false
+      },
+    },
+    {
+      key: 'Escape',
+      // Escape to close the tooltip, if open
+      run(view) {
+        const tooltipState = commandTooltipState(view.state)
+        if (tooltipState) {
+          view.dispatch(closeCommandTooltip())
+        }
+
+        return false
+      },
+    },
+  ])
+)
+
+export const commandTooltip = [
+  commandTooltipStateField,
+  commandTooltipKeymap,
+  commandTooltipTheme,
+]
diff --git a/services/web/frontend/js/features/source-editor/extensions/cursor-highlights.ts b/services/web/frontend/js/features/source-editor/extensions/cursor-highlights.ts
new file mode 100644
index 0000000..78d2903
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/cursor-highlights.ts
@@ -0,0 +1,221 @@
+import {
+  MapMode,
+  RangeSet,
+  RangeValue,
+  StateEffect,
+  StateField,
+  Transaction,
+  TransactionSpec,
+} from '@codemirror/state'
+import {
+  EditorView,
+  hoverTooltip,
+  layer,
+  RectangleMarker,
+  Tooltip,
+} from '@codemirror/view'
+import { findValidPosition } from '../utils/position'
+import { Highlight } from '../../../../../types/highlight'
+import { fullHeightCoordsAtPos, getBase } from '../utils/layer'
+import { debugConsole } from '@/utils/debugging'
+
+/**
+ * A custom extension that displays collaborator cursors in a separate layer.
+ */
+export const cursorHighlights = () => {
+  return [
+    cursorHighlightsState,
+    cursorHighlightsLayer,
+    cursorHighlightsTheme,
+    hoverTooltip(cursorTooltip, {
+      hoverTime: 1,
+    }),
+  ]
+}
+
+const cursorHighlightsTheme = EditorView.theme({
+  '.ol-cm-cursorHighlightsLayer': {
+    zIndex: 100,
+    contain: 'size style',
+    pointerEvents: 'none',
+  },
+  '.ol-cm-cursorHighlight': {
+    color: 'hsl(var(--hue), 70%, 50%)',
+    borderLeft: '2px solid hsl(var(--hue), 70%, 50%)',
+    display: 'inline-block',
+    height: '1.6em',
+    position: 'absolute',
+    pointerEvents: 'none',
+  },
+  '.ol-cm-cursorHighlight:before': {
+    content: "''",
+    position: 'absolute',
+    left: '-2px',
+    top: '-5px',
+    height: '5px',
+    width: '5px',
+    borderWidth: '3px 3px 2px 2px',
+    borderStyle: 'solid',
+    borderColor: 'inherit',
+  },
+  '.ol-cm-cursorHighlightLabel': {
+    lineHeight: 1,
+    backgroundColor: 'hsl(var(--hue), 70%, 50%)',
+    padding: '1em 1em',
+    fontSize: '0.8rem',
+    fontFamily: 'Lato, sans-serif',
+    color: 'white',
+    fontWeight: 700,
+    whiteSpace: 'nowrap',
+    pointerEvents: 'none',
+  },
+})
+
+class HighlightRangeValue extends RangeValue {
+  mapMode = MapMode.Simple
+
+  constructor(public highlight: Highlight) {
+    super()
+  }
+
+  eq(other: HighlightRangeValue) {
+    return other.highlight === this.highlight
+  }
+}
+
+const cursorHighlightsState = StateField.define<RangeSet<HighlightRangeValue>>({
+  create() {
+    return RangeSet.empty
+  },
+  update(value, tr) {
+    for (const effect of tr.effects) {
+      if (effect.is(setCursorHighlightsEffect)) {
+        const highlightRanges = []
+
+        for (const highlight of effect.value) {
+          // NOTE: other highlight types could be handled here
+          if ('cursor' in highlight) {
+            try {
+              const { row, column } = highlight.cursor
+              const pos = findValidPosition(tr.state.doc, row + 1, column)
+              highlightRanges.push(
+                new HighlightRangeValue(highlight).range(pos)
+              )
+            } catch (error) {
+              // ignore invalid highlights
+              debugConsole.debug('invalid highlight position', error)
+            }
+          }
+        }
+
+        return RangeSet.of(highlightRanges, true)
+      }
+    }
+
+    if (tr.docChanged && !tr.annotation(Transaction.remote)) {
+      value = value.map(tr.changes)
+    }
+
+    return value
+  },
+})
+
+const cursorTooltip = (view: EditorView, pos: number): Tooltip | null => {
+  const highlights: Highlight[] = []
+
+  view.state
+    .field(cursorHighlightsState)
+    .between(pos, pos, (from, to, value) => {
+      highlights.push(value.highlight)
+    })
+
+  if (highlights.length === 0) {
+    return null
+  }
+
+  return {
+    pos,
+    end: pos,
+    above: true,
+    create: () => {
+      const dom = document.createElement('div')
+      dom.classList.add('ol-cm-cursorTooltip')
+
+      for (const highlight of highlights) {
+        const label = document.createElement('div')
+        label.classList.add('ol-cm-cursorHighlightLabel')
+        label.style.setProperty('--hue', String(highlight.hue))
+        label.textContent = highlight.label
+        dom.appendChild(label)
+      }
+
+      return { dom }
+    },
+  }
+}
+
+const setCursorHighlightsEffect = StateEffect.define<Highlight[]>()
+
+export const setCursorHighlights = (
+  cursorHighlights: Highlight[] = []
+): TransactionSpec => {
+  return {
+    effects: setCursorHighlightsEffect.of(cursorHighlights),
+  }
+}
+
+class CursorMarker extends RectangleMarker {
+  constructor(
+    private highlight: Highlight,
+    className: string,
+    left: number,
+    top: number,
+    width: number | null,
+    height: number
+  ) {
+    super(className, left, top, width, height)
+  }
+
+  draw(): HTMLDivElement {
+    const element = super.draw()
+    element.style.setProperty('--hue', String(this.highlight.hue))
+    return element
+  }
+}
+
+// draw the collaborator cursors in a separate layer, so they don't affect word wrapping
+const cursorHighlightsLayer = layer({
+  above: true,
+  class: 'ol-cm-cursorHighlightsLayer',
+  update: (update, layer) => {
+    return (
+      update.docChanged ||
+      update.selectionSet ||
+      update.transactions.some(tr =>
+        tr.effects.some(effect => effect.is(setCursorHighlightsEffect))
+      )
+    )
+  },
+  markers(view) {
+    const markers: CursorMarker[] = []
+    const highlightRanges = view.state.field(cursorHighlightsState)
+    const base = getBase(view)
+    const { from, to } = view.viewport
+    highlightRanges.between(from, to, (from, to, { highlight }) => {
+      const pos = fullHeightCoordsAtPos(view, from)
+      if (pos) {
+        markers.push(
+          new CursorMarker(
+            highlight,
+            'ol-cm-cursorHighlight',
+            pos.left - base.left,
+            pos.top - base.top,
+            null,
+            pos.bottom - pos.top
+          )
+        )
+      }
+    })
+    return markers
+  },
+})
diff --git a/services/web/frontend/js/features/source-editor/extensions/cursor-position.ts b/services/web/frontend/js/features/source-editor/extensions/cursor-position.ts
new file mode 100644
index 0000000..efde64f
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/cursor-position.ts
@@ -0,0 +1,183 @@
+import {
+  EditorSelection,
+  EditorState,
+  SelectionRange,
+  Text,
+  TransactionSpec,
+} from '@codemirror/state'
+import { EditorView, ViewPlugin } from '@codemirror/view'
+import { findValidPosition } from '../utils/position'
+import customLocalStorage from '../../../infrastructure/local-storage'
+import { debugConsole } from '@/utils/debugging'
+
+const buildStorageKey = (docId: string) => `doc.position.${docId}`
+
+/**
+ * A custom extension that:
+ * a) stores the cursor position in localStorage when the view is destroyed or the window is closed.
+ * b) dispatches the cursor position when it changes, for use with “show position in PDF”.
+ */
+export const cursorPosition = ({
+  currentDoc: { doc_id: docId },
+}: {
+  currentDoc: { doc_id: string }
+}) => {
+  return [
+    // store cursor position
+    ViewPlugin.define(view => {
+      const unloadListener = () => {
+        storeCursorPosition(view, docId)
+      }
+
+      window.addEventListener('unload', unloadListener)
+
+      return {
+        destroy: () => {
+          window.removeEventListener('unload', unloadListener)
+          unloadListener()
+        },
+      }
+    }),
+
+    // Asynchronously dispatch cursor position when the selection changes and
+    // provide a little debouncing. Using requestAnimationFrame postpones it
+    // until the next CM6 DOM update.
+    ViewPlugin.define(view => {
+      let animationFrameRequest: number | null = null
+
+      return {
+        update(update) {
+          if (update.selectionSet || update.docChanged) {
+            if (animationFrameRequest) {
+              window.cancelAnimationFrame(animationFrameRequest)
+            }
+            animationFrameRequest = window.requestAnimationFrame(() => {
+              animationFrameRequest = null
+              dispatchCursorPosition(update.state)
+            })
+          }
+        },
+      }
+    }),
+  ]
+}
+
+// convert the selection head to a row and column
+const buildCursorPosition = (state: EditorState) => {
+  const pos = state.selection.main.head
+  const line = state.doc.lineAt(pos)
+  const row = line.number - 1 // 0-indexed
+  const column = pos - line.from
+  return { row, column }
+}
+
+// dispatch the current cursor position for use with synctex
+const dispatchCursorPosition = (state: EditorState) => {
+  const cursorPosition = buildCursorPosition(state)
+
+  window.dispatchEvent(
+    new CustomEvent('cursor:editor:update', { detail: cursorPosition })
+  )
+}
+
+// store the cursor position for restoring on load
+const storeCursorPosition = (view: EditorView, docId: string) => {
+  const key = buildStorageKey(docId)
+  const data = customLocalStorage.getItem(key)
+
+  const cursorPosition = buildCursorPosition(view.state)
+
+  customLocalStorage.setItem(key, { ...data, cursorPosition })
+}
+
+// restore the stored cursor position on load
+export const restoreCursorPosition = (
+  doc: Text,
+  docId: string
+): TransactionSpec => {
+  try {
+    const key = buildStorageKey(docId)
+    const data = customLocalStorage.getItem(key)
+
+    const { row = 0, column = 0 } = data?.cursorPosition || {}
+
+    // restore the cursor to its original position, or the end of the document if past the end
+    const { lines } = doc
+    const lineNumber = row < lines ? row + 1 : lines
+    const line = doc.line(lineNumber)
+    const offset = line.from + column
+    const pos = Math.min(offset || 0, doc.length)
+
+    return {
+      selection: EditorSelection.cursor(pos),
+    }
+  } catch (error) {
+    // ignore invalid cursor position
+    debugConsole.debug('invalid cursor position', error)
+    return {}
+  }
+}
+
+const dispatchSelectionAndScroll = (
+  view: EditorView,
+  selection: SelectionRange
+) => {
+  window.setTimeout(() => {
+    view.dispatch({
+      selection,
+      effects: EditorView.scrollIntoView(selection, { y: 'center' }),
+    })
+    view.focus()
+  })
+}
+
+const selectTextIfExists = (doc: Text, pos: number, selectText: string) => {
+  const selectionLength = pos + selectText.length
+  const text = doc.sliceString(pos, selectionLength)
+  return text === selectText
+    ? EditorSelection.range(pos, selectionLength)
+    : EditorSelection.cursor(doc.lineAt(pos).from)
+}
+
+export const setCursorLineAndScroll = (
+  view: EditorView,
+  lineNumber: number,
+  columnNumber = 0,
+  selectText?: string
+) => {
+  // TODO: map the position through any changes since the previous compile?
+
+  let selectionRange
+  try {
+    const { doc } = view.state
+    const pos = findValidPosition(doc, lineNumber, columnNumber)
+    dispatchSelectionAndScroll(
+      view,
+      selectText
+        ? selectTextIfExists(doc, pos, selectText)
+        : EditorSelection.cursor(pos)
+    )
+  } catch (error) {
+    // ignore invalid cursor position
+    debugConsole.debug('invalid cursor position', error)
+  }
+
+  if (selectionRange) {
+    dispatchSelectionAndScroll(view, selectionRange)
+  }
+}
+
+export const setCursorPositionAndScroll = (view: EditorView, pos: number) => {
+  let selectionRange
+  try {
+    pos = Math.min(pos, view.state.doc.length)
+    selectionRange = EditorSelection.cursor(pos)
+  } catch (error) {
+    // ignore invalid cursor position
+    debugConsole.debug('invalid cursor position', error)
+  }
+
+  if (selectionRange) {
+    dispatchSelectionAndScroll(view, selectionRange)
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/doc-name.ts b/services/web/frontend/js/features/source-editor/extensions/doc-name.ts
new file mode 100644
index 0000000..d6c4330
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/doc-name.ts
@@ -0,0 +1,24 @@
+import { StateEffect, StateField } from '@codemirror/state'
+
+export const docName = (docName: string) =>
+  StateField.define<string>({
+    create() {
+      return docName
+    },
+    update(value, tr) {
+      for (const effect of tr.effects) {
+        if (effect.is(setDocNameEffect)) {
+          value = effect.value
+        }
+      }
+      return value
+    },
+  })
+
+export const setDocNameEffect = StateEffect.define<string>()
+
+export const setDocName = (docName: string) => {
+  return {
+    effects: setDocNameEffect.of(docName),
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/draw-selection.ts b/services/web/frontend/js/features/source-editor/extensions/draw-selection.ts
new file mode 100644
index 0000000..af31353
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/draw-selection.ts
@@ -0,0 +1,102 @@
+import { EditorSelection, Prec } from '@codemirror/state'
+import { EditorView, layer } from '@codemirror/view'
+import { rectangleMarkerForRange } from '../utils/layer'
+import { updateHasMouseDownEffect } from './visual/selection'
+import browser from './browser'
+
+/**
+ * The built-in extension which draws the cursor and selection(s) in layers,
+ * copied to make use of a custom version of rectangleMarkerForRange which calls
+ * fullHeightCoordsAtPos when in Source mode, extending the top and bottom
+ * of the coords to cover the full line height.
+ */
+export const drawSelection = () => {
+  return [cursorLayer, selectionLayer, Prec.highest(hideNativeSelection)]
+}
+
+const canHidePrimary = !browser.ios
+
+const hideNativeSelection = EditorView.theme({
+  '.cm-line': {
+    'caret-color': canHidePrimary ? 'transparent !important' : null,
+    '& ::selection': {
+      backgroundColor: 'transparent !important',
+    },
+    '&::selection': {
+      backgroundColor: 'transparent !important',
+    },
+  },
+})
+
+const cursorLayer = layer({
+  above: true,
+  markers(view) {
+    const {
+      selection: { ranges, main },
+    } = view.state
+
+    const cursors = []
+
+    for (const range of ranges) {
+      const primary = range === main
+
+      if (!range.empty || !primary || canHidePrimary) {
+        const className = primary
+          ? 'cm-cursor cm-cursor-primary'
+          : 'cm-cursor cm-cursor-secondary'
+
+        const cursor = range.empty
+          ? range
+          : EditorSelection.cursor(
+              range.head,
+              range.head > range.anchor ? -1 : 1
+            )
+
+        for (const piece of rectangleMarkerForRange(view, className, cursor)) {
+          cursors.push(piece)
+        }
+      }
+    }
+
+    return cursors
+  },
+  update(update, dom) {
+    if (update.transactions.some(tr => tr.selection)) {
+      dom.style.animationName =
+        dom.style.animationName === 'cm-blink' ? 'cm-blink2' : 'cm-blink'
+    }
+    return (
+      update.docChanged ||
+      update.selectionSet ||
+      updateHasMouseDownEffect(update)
+    )
+  },
+  mount(dom, view) {
+    dom.style.animationDuration = '1200ms'
+  },
+  class: 'cm-cursorLayer',
+})
+
+const selectionLayer = layer({
+  above: false,
+  markers(view) {
+    const markers = []
+    for (const range of view.state.selection.ranges) {
+      if (!range.empty) {
+        markers.push(
+          ...rectangleMarkerForRange(view, 'cm-selectionBackground', range)
+        )
+      }
+    }
+    return markers
+  },
+  update(update, dom) {
+    return (
+      update.docChanged ||
+      update.selectionSet ||
+      update.viewportChanged ||
+      updateHasMouseDownEffect(update)
+    )
+  },
+  class: 'cm-selectionLayer',
+})
diff --git a/services/web/frontend/js/features/source-editor/extensions/editable.ts b/services/web/frontend/js/features/source-editor/extensions/editable.ts
new file mode 100644
index 0000000..1c59248
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/editable.ts
@@ -0,0 +1,29 @@
+import { Compartment, EditorState, TransactionSpec } from '@codemirror/state'
+import { EditorView } from '@codemirror/view'
+
+const readOnlyConf = new Compartment()
+
+/**
+ * A custom extension which determines whether the content is editable, by setting the value of the EditorState.readOnly and EditorView.editable facets.
+ * Commands and extensions read the EditorState.readOnly facet to decide whether they should be applied.
+ * EditorView.editable determines whether the DOM can be focused, by changing the value of the contenteditable attribute.
+ */
+export const editable = () => {
+  return [
+    readOnlyConf.of([
+      EditorState.readOnly.of(true),
+      EditorView.editable.of(false),
+    ]),
+  ]
+}
+
+export const setEditable = (value = true): TransactionSpec => {
+  return {
+    effects: [
+      readOnlyConf.reconfigure([
+        EditorState.readOnly.of(!value),
+        EditorView.editable.of(value),
+      ]),
+    ],
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/effect-listeners.ts b/services/web/frontend/js/features/source-editor/extensions/effect-listeners.ts
new file mode 100644
index 0000000..906aeb3
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/effect-listeners.ts
@@ -0,0 +1,77 @@
+import { StateEffect, StateEffectType, StateField } from '@codemirror/state'
+import { EditorView } from '@codemirror/view'
+
+type EffectListenerOptions = {
+  once: boolean
+}
+
+type EffectListener = {
+  effect: StateEffectType<any>
+  callback: (value: any) => any
+  options?: EffectListenerOptions
+}
+
+const addEffectListenerEffect = StateEffect.define<EffectListener>()
+const removeEffectListenerEffect = StateEffect.define<EffectListener>()
+
+/**
+ * A state field that stores a collection of listeners per effect,
+ * and runs each listener's callback function when the effect is dispatched.
+ */
+export const effectListeners = () => [effectListenersField]
+
+const effectListenersField = StateField.define<EffectListener[]>({
+  create: () => [],
+  update(value, transaction) {
+    for (const effect of transaction.effects) {
+      if (effect.is(addEffectListenerEffect)) {
+        value.push(effect.value)
+      }
+      if (effect.is(removeEffectListenerEffect)) {
+        value = value.filter(
+          listener =>
+            !(
+              listener.effect === effect.value.effect &&
+              listener.callback === effect.value.callback
+            )
+        )
+      }
+      for (let i = 0; i < value.length; ++i) {
+        const listener = value[i]
+        if (effect.is(listener.effect)) {
+          // Invoke the callback after the transaction
+          setTimeout(() => listener.callback(effect.value))
+          if (listener.options?.once) {
+            // Remove the effectListener
+            value.splice(i, 1)
+            // Keep index the same for the next iteration, since we've removed
+            // an element
+            --i
+          }
+        }
+      }
+    }
+    return value
+  },
+})
+
+export const addEffectListener = <T>(
+  view: EditorView,
+  effect: StateEffectType<T>,
+  callback: (value: T) => any,
+  options?: EffectListenerOptions
+) => {
+  view.dispatch({
+    effects: addEffectListenerEffect.of({ effect, callback, options }),
+  })
+}
+
+export const removeEffectListener = <T>(
+  view: EditorView,
+  effect: StateEffectType<T>,
+  callback: (value: T) => any
+) => {
+  view.dispatch({
+    effects: removeEffectListenerEffect.of({ effect, callback }),
+  })
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/empty-line-filler.ts b/services/web/frontend/js/features/source-editor/extensions/empty-line-filler.ts
new file mode 100644
index 0000000..647463d
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/empty-line-filler.ts
@@ -0,0 +1,81 @@
+import {
+  Decoration,
+  DecorationSet,
+  EditorView,
+  ViewPlugin,
+  ViewUpdate,
+  WidgetType,
+} from '@codemirror/view'
+import browser from './browser'
+
+class EmptyLineWidget extends WidgetType {
+  toDOM(view: EditorView): HTMLElement {
+    const element = document.createElement('span')
+    element.className = 'ol-cm-filler'
+    return element
+  }
+
+  eq(widget: EmptyLineWidget) {
+    return true
+  }
+}
+
+/**
+ * A custom extension which adds a widget decoration at the start of each empty line in the viewport,
+ * so that the line is highlighted when part of tracked changes.
+ */
+export const emptyLineFiller = () => {
+  if (browser.ios) {
+    // disable on iOS as it breaks Backspace across empty lines
+    // https://github.com/overleaf/internal/issues/12192
+    return []
+  }
+
+  return [
+    ViewPlugin.fromClass(
+      class {
+        decorations: DecorationSet
+
+        constructor(view: EditorView) {
+          this.decorations = this.buildDecorations(view)
+        }
+
+        update(update: ViewUpdate) {
+          if (update.docChanged || update.viewportChanged)
+            this.decorations = this.buildDecorations(update.view)
+        }
+
+        buildDecorations(view: EditorView) {
+          const decorations = []
+          const { from, to } = view.viewport
+          const { doc } = view.state
+          let pos = from
+          while (pos <= to) {
+            const line = doc.lineAt(pos)
+            if (line.length === 0) {
+              const decoration = Decoration.widget({
+                widget: new EmptyLineWidget(),
+                side: 1,
+              })
+              decorations.push(decoration.range(pos))
+            }
+            pos = line.to + 1
+          }
+          return Decoration.set(decorations)
+        }
+      },
+      {
+        decorations(value) {
+          return value.decorations
+        },
+      }
+    ),
+    emptyLineFillerTheme,
+  ]
+}
+
+const emptyLineFillerTheme = EditorView.baseTheme({
+  '.ol-cm-filler': {
+    padding: '0 2px',
+  },
+})
diff --git a/services/web/frontend/js/features/source-editor/extensions/figure-modal.ts b/services/web/frontend/js/features/source-editor/extensions/figure-modal.ts
new file mode 100644
index 0000000..d00353e
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/figure-modal.ts
@@ -0,0 +1,217 @@
+import {
+  ChangeSet,
+  Extension,
+  StateEffect,
+  StateField,
+} from '@codemirror/state'
+import { EditorView } from '@codemirror/view'
+import { addEffectListener, removeEffectListener } from './effect-listeners'
+import { setMetadataEffect } from './language'
+import { debugConsole } from '@/utils/debugging'
+
+type NestedReadonly<T> = {
+  readonly [P in keyof T]: NestedReadonly<T[P]>
+}
+
+type FigureDataProps = {
+  from: number
+  to: number
+  caption: {
+    from: number
+    to: number
+  } | null
+  label: { from: number; to: number } | null
+  width?: number
+  unknownGraphicsArguments?: string
+  graphicsCommandArguments: {
+    from: number
+    to: number
+  } | null
+  graphicsCommand: { from: number; to: number }
+  file: {
+    from: number
+    to: number
+    path: string
+  }
+}
+
+function mapFromTo<T extends { from: number; to: number } | null>(
+  position: T,
+  changes: ChangeSet
+) {
+  if (!position) {
+    return position
+  }
+  return {
+    ...position,
+    from: changes.mapPos(position.from),
+    to: changes.mapPos(position.to),
+  }
+}
+
+export class FigureData {
+  // eslint-disable-next-line no-useless-constructor
+  constructor(private props: NestedReadonly<FigureDataProps>) {}
+
+  public get from() {
+    return this.props.from
+  }
+
+  public get to() {
+    return this.props.to
+  }
+
+  public get caption() {
+    return this.props.caption
+  }
+
+  public get label() {
+    return this.props.label
+  }
+
+  public get width() {
+    return this.props.width
+  }
+
+  public get unknownGraphicsArguments() {
+    return this.props.unknownGraphicsArguments
+  }
+
+  public get graphicsCommandArguments() {
+    return this.props.graphicsCommandArguments
+  }
+
+  public get graphicsCommand() {
+    return this.props.graphicsCommand
+  }
+
+  public get file() {
+    return this.props.file
+  }
+
+  map(changes: ChangeSet): FigureData {
+    return new FigureData({
+      from: changes.mapPos(this.from),
+      to: changes.mapPos(this.to),
+      caption: mapFromTo(this.caption, changes),
+      label: mapFromTo(this.label, changes),
+      graphicsCommand: mapFromTo(this.graphicsCommand, changes),
+      width: this.width,
+      file: mapFromTo(this.file, changes),
+      graphicsCommandArguments: mapFromTo(
+        this.graphicsCommandArguments,
+        changes
+      ),
+      unknownGraphicsArguments: this.unknownGraphicsArguments,
+    })
+  }
+}
+
+export const editFigureDataEffect = StateEffect.define<FigureData | null>()
+
+export const editFigureData = StateField.define<FigureData | null>({
+  create: () => null,
+  update: (current, transaction) => {
+    let value: FigureData | null | undefined
+    for (const effect of transaction.effects) {
+      if (effect.is(editFigureDataEffect)) {
+        value = effect.value
+      }
+    }
+    // Allow setting to null
+    if (value !== undefined) {
+      return value
+    }
+
+    if (!current) {
+      return current
+    }
+    return current.map(transaction.changes)
+  },
+})
+
+export const figureModal = (): Extension => [editFigureData]
+
+export function waitForFileTreeUpdate(view: EditorView) {
+  const abortController = new AbortController()
+  const promise = new Promise<void>(resolve => {
+    const abort = () => {
+      debugConsole.warn('Aborting wait for file tree update')
+      removeEffectListener(view, setMetadataEffect, listener)
+      resolve()
+    }
+    function listener() {
+      if (abortController.signal.aborted) {
+        // We've already handled this
+        return
+      }
+      abortController.signal.removeEventListener('abort', abort)
+      resolve()
+    }
+    abortController.signal.addEventListener('abort', abort, { once: true })
+    addEffectListener(view, setMetadataEffect, listener, { once: true })
+  })
+  return {
+    withTimeout(afterMs = 500) {
+      setTimeout(() => abortController.abort(), afterMs)
+      return promise
+    },
+    promise,
+  }
+}
+
+const ALLOWED_MIME_TYPES = new Set([
+  'image/jpeg',
+  'image/png',
+  'application/pdf',
+])
+
+export type PastedImageData = {
+  name: string
+  type: string
+  data: Blob
+}
+
+export const figureModalPasteHandler = (): Extension => {
+  return EditorView.domEventHandlers({
+    drop: evt => {
+      if (!evt.dataTransfer || evt.dataTransfer.files.length === 0) {
+        return
+      }
+      const file = evt.dataTransfer.files[0]
+      if (!ALLOWED_MIME_TYPES.has(file.type)) {
+        return
+      }
+      window.dispatchEvent(
+        new CustomEvent<PastedImageData>('figure-modal:paste-image', {
+          detail: {
+            name: file.name,
+            type: file.type,
+            data: file,
+          },
+        })
+      )
+    },
+    paste: evt => {
+      if (!evt.clipboardData || evt.clipboardData.files.length === 0) {
+        return
+      }
+      if (evt.clipboardData.types.includes('text/plain')) {
+        return // allow pasted text to be handled even if there's also a file on the clipboard
+      }
+      const file = evt.clipboardData.files[0]
+      if (!ALLOWED_MIME_TYPES.has(file.type)) {
+        return
+      }
+      window.dispatchEvent(
+        new CustomEvent<PastedImageData>('figure-modal:paste-image', {
+          detail: {
+            name: file.name,
+            type: file.type,
+            data: file,
+          },
+        })
+      )
+    },
+  })
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/file-tree-item-drop.ts b/services/web/frontend/js/features/source-editor/extensions/file-tree-item-drop.ts
new file mode 100644
index 0000000..74dabd7
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/file-tree-item-drop.ts
@@ -0,0 +1,89 @@
+import { EditorView } from '@codemirror/view'
+import { hasImageExtension } from '@/features/source-editor/utils/file'
+import { FigureModalSource } from '@/features/source-editor/components/figure-modal/figure-modal-context'
+import { EditorSelection } from '@codemirror/state'
+
+export const fileTreeItemDrop = () =>
+  EditorView.domEventHandlers({
+    dragover(event) {
+      // TODO: detect a drag from the file tree?
+      if (event.dataTransfer) {
+        event.preventDefault()
+      }
+    },
+    drop(event, view) {
+      if (event.dataTransfer) {
+        const fileId = event.dataTransfer.getData(
+          'application/x-overleaf-file-id'
+        )
+
+        const filePath = event.dataTransfer.getData(
+          'application/x-overleaf-file-path'
+        )
+
+        if (fileId && filePath) {
+          event.preventDefault()
+
+          const pos = view.posAtCoords(event)
+          if (pos !== null) {
+            handleDroppedFile(view, pos, fileId, filePath)
+          }
+        }
+      }
+    },
+  })
+
+const withoutExtension = (filename: string) =>
+  filename.substring(0, filename.lastIndexOf('.'))
+
+const handleDroppedFile = (
+  view: EditorView,
+  pos: number,
+  fileId: string,
+  filePath: string
+) => {
+  if (filePath.endsWith('.bib')) {
+    view.focus()
+
+    const insert = `\\bibliography{${withoutExtension(filePath)}}`
+    view.dispatch({
+      changes: { from: pos, insert },
+      selection: EditorSelection.cursor(pos + insert.length),
+    })
+
+    return
+  }
+
+  if (filePath.endsWith('.tex')) {
+    view.focus()
+
+    const insert = `\\input{${withoutExtension(filePath)}}`
+    view.dispatch({
+      changes: { from: pos, insert },
+      selection: EditorSelection.cursor(pos + insert.length),
+    })
+
+    return
+  }
+
+  if (hasImageExtension(filePath)) {
+    view.focus()
+
+    view.dispatch({
+      selection: EditorSelection.cursor(pos),
+    })
+
+    window.dispatchEvent(
+      new CustomEvent('figure-modal:open', {
+        detail: {
+          source: FigureModalSource.FILE_TREE,
+          fileId,
+          filePath,
+        },
+      })
+    )
+    return
+  }
+
+  return null
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/filter-characters.ts b/services/web/frontend/js/features/source-editor/extensions/filter-characters.ts
new file mode 100644
index 0000000..62f5951
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/filter-characters.ts
@@ -0,0 +1,38 @@
+import { ChangeSpec, EditorState, Transaction } from '@codemirror/state'
+
+const BAD_CHARS_REGEXP = /[\0\uD800-\uDFFF]/g
+const BAD_CHARS_REPLACEMENT_CHAR = '\uFFFD'
+
+/**
+ * A custom extension that replaces input characters in a Unicode range with a replacement character.
+ */
+export const filterCharacters = () => {
+  return EditorState.transactionFilter.of(tr => {
+    if (tr.docChanged && !tr.annotation(Transaction.remote)) {
+      const changes: ChangeSpec[] = []
+
+      tr.changes.iterChanges((fromA, toA, fromB, toB, inserted) => {
+        const text = inserted.toString()
+
+        const newText = text.replaceAll(
+          BAD_CHARS_REGEXP,
+          BAD_CHARS_REPLACEMENT_CHAR
+        )
+
+        if (newText !== text) {
+          changes.push({
+            from: fromB,
+            to: toB,
+            insert: newText,
+          })
+        }
+      })
+
+      if (changes.length) {
+        return [tr, { changes, sequential: true }]
+      }
+    }
+
+    return tr
+  })
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/folding-keymap.ts b/services/web/frontend/js/features/source-editor/extensions/folding-keymap.ts
new file mode 100644
index 0000000..af914cb
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/folding-keymap.ts
@@ -0,0 +1,19 @@
+import { foldAll, toggleFold, unfoldAll } from '@codemirror/language'
+
+/**
+ * A custom extension that binds keyboard shortcuts to folding actions.
+ */
+export const foldingKeymap = [
+  {
+    key: 'F2',
+    run: toggleFold,
+  },
+  {
+    key: 'Alt-Shift-1',
+    run: foldAll,
+  },
+  {
+    key: 'Alt-Shift-0',
+    run: unfoldAll,
+  },
+]
diff --git a/services/web/frontend/js/features/source-editor/extensions/font-load.ts b/services/web/frontend/js/features/source-editor/extensions/font-load.ts
new file mode 100644
index 0000000..04c2861
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/font-load.ts
@@ -0,0 +1,33 @@
+import { ViewPlugin } from '@codemirror/view'
+import { StateEffect } from '@codemirror/state'
+import { updateHasEffect } from '../utils/effects'
+
+const fontLoadEffect = StateEffect.define<readonly FontFace[]>()
+export const hasFontLoadedEffect = updateHasEffect(fontLoadEffect)
+
+/**
+ * A custom extension that listens for an event indicating that fonts have finished loading,
+ * then dispatches an effect which other extensions can use to recalculate values.
+ */
+export const fontLoad = ViewPlugin.define(view => {
+  function listener(this: FontFaceSet, event: FontFaceSetLoadEvent) {
+    view.dispatch({ effects: fontLoadEffect.of(event.fontfaces) })
+  }
+
+  const fontLoadSupport = 'fonts' in document
+  if (fontLoadSupport) {
+    // TypeScript doesn't appear to know the correct type for the listener
+    document.fonts.addEventListener('loadingdone', listener as EventListener)
+  }
+
+  return {
+    destroy() {
+      if (fontLoadSupport) {
+        document.fonts.removeEventListener(
+          'loadingdone',
+          listener as EventListener
+        )
+      }
+    },
+  }
+})
diff --git a/services/web/frontend/js/features/source-editor/extensions/geometry-change-event.ts b/services/web/frontend/js/features/source-editor/extensions/geometry-change-event.ts
new file mode 100644
index 0000000..c024568
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/geometry-change-event.ts
@@ -0,0 +1,13 @@
+import { EditorView } from '@codemirror/view'
+
+/**
+ * An extension that triggers a custom DOM event whenever the editor geometry
+ * changes. This is used to synchronize the editor content and review panel
+ * height in "Current file" mode.
+ */
+export const geometryChangeEvent = () =>
+  EditorView.updateListener.of(update => {
+    if (update.geometryChanged) {
+      window.dispatchEvent(new CustomEvent('editor:geometry-change'))
+    }
+  })
diff --git a/services/web/frontend/js/features/source-editor/extensions/go-to-line.ts b/services/web/frontend/js/features/source-editor/extensions/go-to-line.ts
new file mode 100644
index 0000000..0463030
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/go-to-line.ts
@@ -0,0 +1,67 @@
+import { Prec } from '@codemirror/state'
+import { EditorView, keymap } from '@codemirror/view'
+import { gotoLine } from '@codemirror/search'
+
+/**
+ * A custom extension that provides a keyboard shortcut
+ * and panel with UI for jumping to a specific line number.
+ */
+export const goToLinePanel = () => {
+  return [
+    Prec.high(
+      keymap.of([
+        {
+          key: 'Mod-Shift-l',
+          preventDefault: true,
+          run: gotoLine,
+        },
+      ])
+    ),
+    gotoLineTheme,
+  ]
+}
+
+const gotoLineTheme = EditorView.baseTheme({
+  '.cm-panel.cm-gotoLine': {
+    padding: '10px',
+    fontSize: '14px',
+    '& label': {
+      margin: 0,
+      fontSize: '14px',
+      '& .cm-textfield': {
+        margin: '0 10px',
+        maxWidth: '100px',
+        height: '34px',
+        padding: '5px 16px',
+        fontSize: '14px',
+        fontWeight: 'normal',
+        lineHeight: 'var(--line-height-base)',
+        color: 'var(--input-color)',
+        backgroundColor: '#fff',
+        backgroundImage: 'none',
+        borderRadius: 'var(--input-border-radius)',
+        boxShadow: 'inset 0 1px 1px rgb(0 0 0 / 8%)',
+        transition:
+          'border-color ease-in-out .15s, box-shadow ease-in-out .15s',
+        '&:focus-visible': {
+          outline: 'none',
+        },
+        '&:focus': {
+          borderColor: 'var(--input-border-focus)',
+        },
+      },
+    },
+    '& .cm-button': {
+      padding: '4px 16px 5px',
+      textTransform: 'capitalize',
+      fontSize: '14px',
+      lineHeight: 'var(--line-height-base)',
+      userSelect: 'none',
+      backgroundImage: 'none',
+      backgroundColor: 'var(--btn-default-bg)',
+      borderRadius: 'var(--btn-border-radius-base)',
+      border: '0 solid transparent',
+      color: '#fff',
+    },
+  },
+})
diff --git a/services/web/frontend/js/features/source-editor/extensions/highlight-active-line.ts b/services/web/frontend/js/features/source-editor/extensions/highlight-active-line.ts
new file mode 100644
index 0000000..30d5810
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/highlight-active-line.ts
@@ -0,0 +1,122 @@
+import {
+  Decoration,
+  DecorationSet,
+  EditorView,
+  layer,
+  LayerMarker,
+  RectangleMarker,
+  ViewPlugin,
+  ViewUpdate,
+} from '@codemirror/view'
+import { sourceOnly } from './visual/visual'
+import { fullHeightCoordsAtPos } from '../utils/layer'
+
+/**
+ * An alternative version of the built-in highlightActiveLine extension,
+ * using a custom approach for highlighting the full height of the active “visual line” of a wrapped line.
+ */
+export const highlightActiveLine = (visual: boolean) => {
+  // this extension should only be active in the source editor
+  return sourceOnly(visual, [
+    activeLineLayer,
+    singleLineHighlighter,
+    highlightActiveLineTheme,
+  ])
+}
+
+const highlightActiveLineTheme = EditorView.baseTheme({
+  '.ol-cm-activeLineLayer': {
+    pointerEvents: 'none',
+  },
+})
+
+/**
+ * Line decoration approach used for non-wrapped lines, adapted from built-in
+ * CodeMirror 6 highlightActiveLine, licensed under the MIT license:
+ * https://github.com/codemirror/view/blob/main/src/active-line.ts
+ */
+const lineDeco = Decoration.line({ class: 'cm-activeLine' })
+
+const singleLineHighlighter = ViewPlugin.fromClass(
+  class {
+    decorations: DecorationSet
+
+    constructor(view: EditorView) {
+      this.decorations = this.getDeco(view)
+    }
+
+    update(update: ViewUpdate) {
+      if (update.geometryChanged || update.selectionSet) {
+        this.decorations = this.getDeco(update.view)
+      }
+    }
+
+    getDeco(view: EditorView) {
+      const deco = []
+
+      // NOTE: only highlighting the active line for the main selection
+      const { main } = view.state.selection
+
+      // No active line highlight when text is selected
+      if (main.empty) {
+        const line = view.lineBlockAt(main.head)
+        if (line.height <= view.defaultLineHeight) {
+          deco.push(lineDeco.range(line.from))
+        }
+      }
+
+      return Decoration.set(deco)
+    }
+  },
+  {
+    decorations: v => v.decorations,
+  }
+)
+
+// Custom layer approach, used only for wrapped lines
+const activeLineLayer = layer({
+  above: false,
+  class: 'ol-cm-activeLineLayer',
+  markers(view: EditorView): readonly LayerMarker[] {
+    const markers: LayerMarker[] = []
+
+    // NOTE: only highlighting the active line for the main selection
+    const { main } = view.state.selection
+
+    // no active line highlight when text is selected
+    if (!main.empty) {
+      return markers
+    }
+
+    // Use line decoration when line doesn't wrap
+    if (view.lineBlockAt(main.head).height <= view.defaultLineHeight) {
+      return markers
+    }
+
+    const coords = fullHeightCoordsAtPos(
+      view,
+      main.head,
+      main.assoc || undefined
+    )
+
+    if (coords) {
+      const scrollRect = view.scrollDOM.getBoundingClientRect()
+      const contentRect = view.contentDOM.getBoundingClientRect()
+      const scrollTop = view.scrollDOM.scrollTop
+
+      const top = coords.top - scrollRect.top + scrollTop
+      const left = contentRect.left - scrollRect.left
+      const width = contentRect.right - contentRect.left
+      const height = coords.bottom - coords.top
+
+      markers.push(
+        new RectangleMarker('cm-activeLine', left, top, width, height)
+      )
+    }
+
+    return markers
+  },
+  update(update: ViewUpdate): boolean {
+    return update.geometryChanged || update.selectionSet
+  },
+})
diff --git a/services/web/frontend/js/features/source-editor/extensions/highlight-special-chars.ts b/services/web/frontend/js/features/source-editor/extensions/highlight-special-chars.ts
new file mode 100644
index 0000000..d794f7d
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/highlight-special-chars.ts
@@ -0,0 +1,18 @@
+import { sourceOnly } from './visual/visual'
+import { highlightSpecialChars as _highlightSpecialChars } from '@codemirror/view'
+
+/**
+ * The built-in extension which highlights unusual whitespace characters,
+ * configured to highlight additional space characters.
+ */
+export const highlightSpecialChars = (visual: boolean) =>
+  sourceOnly(
+    visual,
+    _highlightSpecialChars({
+      addSpecialChars: new RegExp(
+        // non standard space characters (https://jkorpela.fi/chars/spaces.html)
+        '[\u00A0\u1680\u180E\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200A\u200B\u202F\u205F\u3000\uFEFF]',
+        /x/.unicode != null ? 'gu' : 'g'
+      ),
+    })
+  )
diff --git a/services/web/frontend/js/features/source-editor/extensions/indentation-markers.ts b/services/web/frontend/js/features/source-editor/extensions/indentation-markers.ts
new file mode 100644
index 0000000..2e5c9a4
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/indentation-markers.ts
@@ -0,0 +1,17 @@
+import { Extension } from '@codemirror/state'
+import { indentationMarkers as markers } from '@replit/codemirror-indentation-markers'
+import { sourceOnly } from './visual/visual'
+import browser from './browser'
+
+/**
+ * A third-party extension which adds markers to show the indentation level.
+ * Configured to omit markers in the first column and to keep the same style for markers in the active block.
+ */
+export const indentationMarkers = (visual: boolean): Extension => {
+  // disable indentation markers in Safari due to flicker, ref to git issue: 18263
+  return browser.safari
+    ? []
+    : sourceOnly(visual, [
+        markers({ hideFirstIndent: true, highlightActiveBlock: false }),
+      ])
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/index.ts b/services/web/frontend/js/features/source-editor/extensions/index.ts
new file mode 100644
index 0000000..0a65739
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/index.ts
@@ -0,0 +1,166 @@
+import {
+  EditorView,
+  rectangularSelection,
+  tooltips,
+  crosshairCursor,
+  dropCursor,
+  highlightActiveLineGutter,
+} from '@codemirror/view'
+import { EditorState, Extension } from '@codemirror/state'
+import { foldGutter, indentOnInput, indentUnit } from '@codemirror/language'
+import { history } from '@codemirror/commands'
+import { language } from './language'
+import { lineWrappingIndentation } from './line-wrapping-indentation'
+import { theme } from './theme'
+import { realtime } from './realtime'
+import { cursorPosition } from './cursor-position'
+import { scrollPosition } from './scroll-position'
+import { annotations } from './annotations'
+import { cursorHighlights } from './cursor-highlights'
+import { autoComplete } from './auto-complete'
+import { editable } from './editable'
+import { autoPair } from './auto-pair'
+import { phrases } from './phrases'
+import { spelling } from './spelling'
+import { symbolPalette } from './symbol-palette'
+import { search } from './search'
+import { filterCharacters } from './filter-characters'
+import { keybindings } from './keybindings'
+import { bracketMatching, bracketSelection } from './bracket-matching'
+import { verticalOverflow } from './vertical-overflow'
+import { thirdPartyExtensions } from './third-party-extensions'
+import { lineNumbers } from './line-numbers'
+import { highlightActiveLine } from './highlight-active-line'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+import { emptyLineFiller } from './empty-line-filler'
+import { goToLinePanel } from './go-to-line'
+import { drawSelection } from './draw-selection'
+import { visual } from './visual/visual'
+import { inlineBackground } from './inline-background'
+import { indentationMarkers } from './indentation-markers'
+import { codemirrorDevTools } from '../languages/latex/codemirror-dev-tools'
+import { keymaps } from './keymaps'
+import { shortcuts } from './shortcuts'
+import { effectListeners } from './effect-listeners'
+import { highlightSpecialChars } from './highlight-special-chars'
+import { toolbarPanel } from './toolbar/toolbar-panel'
+import { breadcrumbPanel } from './breadcrumbs-panel'
+import { geometryChangeEvent } from './geometry-change-event'
+import { docName } from './doc-name'
+import { fileTreeItemDrop } from './file-tree-item-drop'
+import { mathPreview } from './math-preview'
+import { ranges } from './ranges'
+import { trackDetachedComments } from './track-detached-comments'
+import { reviewTooltip } from './review-tooltip'
+
+const moduleExtensions: Array<(options: Record<string, any>) => Extension> =
+  importOverleafModules('sourceEditorExtensions').map(
+    (item: { import: { extension: Extension } }) => item.import.extension
+  )
+
+export const createExtensions = (options: Record<string, any>): Extension[] => [
+  lineNumbers(),
+  highlightSpecialChars(options.visual.visual),
+  // The built-in extension that manages the history stack,
+  // configured to increase the maximum delay between adjacent grouped edits
+  history({ newGroupDelay: 250 }),
+  // The built-in extension that displays buttons for folding code in a gutter element,
+  // configured with custom openText and closeText symbols.
+  foldGutter({
+    openText: '▾',
+    closedText: '▸',
+  }),
+  drawSelection(),
+  // A built-in facet that is set to true to allow multiple selections.
+  // This makes the editor more like a code editor than Google Docs or Microsoft Word,
+  // which only have single selections.
+  EditorState.allowMultipleSelections.of(true),
+  // A built-in extension that enables soft line wrapping.
+  EditorView.lineWrapping,
+  // A built-in extension that re-indents input if the language defines an indentOnInput field in its language data.
+  indentOnInput(),
+  lineWrappingIndentation(options.visual.visual),
+  indentationMarkers(options.visual.visual),
+  bracketMatching(),
+  bracketSelection(),
+  // A built-in extension that enables rectangular selections, created by dragging a new selection while holding down Alt.
+  rectangularSelection(),
+  // A built-in extension that turns the pointer into a crosshair while Alt is pressed.
+  crosshairCursor(),
+  // A built-in extension that shows where dragged content will be dropped.
+  dropCursor(),
+  // A built-in extension that is used for configuring tooltip behaviour,
+  // configured so that the tooltip parent is the document body,
+  // to avoid cutting off tooltips which overflow the editor.
+  tooltips({
+    parent: document.body,
+    tooltipSpace(view) {
+      const { top, bottom } = view.scrollDOM.getBoundingClientRect()
+
+      return {
+        top,
+        left: 0,
+        bottom,
+        right: window.innerWidth,
+      }
+    },
+  }),
+  keymaps,
+  goToLinePanel(),
+  filterCharacters(),
+
+  // NOTE: `autoComplete` needs to be before `keybindings` so that arrow key handling
+  // in the autocomplete pop-up takes precedence over Vim/Emacs key bindings
+  autoComplete({
+    enabled: options.settings.autoComplete,
+    projectFeatures: options.projectFeatures,
+    referencesSearchMode: options.settings.referencesSearchMode,
+  }),
+
+  // NOTE: `keybindings` needs to be before `language` so that Vim/Emacs bindings take
+  // precedence over language-specific keyboard shortcuts
+  keybindings(),
+
+  docName(options.docName),
+
+  // NOTE: `annotations` needs to be before `language`
+  annotations(),
+  language(options.docName, options.metadata, options.settings),
+  indentUnit.of('    '), // 4 spaces
+  theme(options.theme),
+  realtime(options.currentDoc, options.handleError),
+  cursorPosition(options.currentDoc),
+  scrollPosition(options.currentDoc, options.visual),
+  cursorHighlights(),
+  autoPair(options.settings),
+  editable(),
+  search(),
+  phrases(options.phrases),
+  spelling(options.spelling),
+  shortcuts,
+  symbolPalette(),
+  // NOTE: `emptyLineFiller` needs to be before `trackChanges`,
+  // so the decorations are added in the correct order.
+  emptyLineFiller(),
+  ranges(),
+  trackDetachedComments(options.currentDoc),
+  visual(options.visual),
+  mathPreview(options.settings.mathPreview),
+  reviewTooltip(),
+  toolbarPanel(),
+  breadcrumbPanel(),
+  verticalOverflow(),
+  highlightActiveLine(options.visual.visual),
+  // The built-in extension that highlights the active line in the gutter.
+  highlightActiveLineGutter(),
+  inlineBackground(options.visual.visual),
+  codemirrorDevTools(),
+  // Send exceptions to Sentry
+  EditorView.exceptionSink.of(options.handleException),
+  // CodeMirror extensions provided by modules
+  moduleExtensions.map(extension => extension(options)),
+  thirdPartyExtensions(),
+  effectListeners(),
+  geometryChangeEvent(),
+  fileTreeItemDrop(),
+]
diff --git a/services/web/frontend/js/features/source-editor/extensions/inline-background.ts b/services/web/frontend/js/features/source-editor/extensions/inline-background.ts
new file mode 100644
index 0000000..8b40fc4
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/inline-background.ts
@@ -0,0 +1,98 @@
+import { Annotation, Compartment } from '@codemirror/state'
+import { EditorView, ViewPlugin } from '@codemirror/view'
+import { themeOptionsChange } from './theme'
+import { sourceOnly } from './visual/visual'
+import { round } from 'lodash'
+import { hasLanguageLoadedEffect } from './language'
+import { fontLoad, hasFontLoadedEffect } from './font-load'
+
+const themeConf = new Compartment()
+const changeHalfLeadingAnnotation = Annotation.define<boolean>()
+
+function firstVisibleNonSpacePos(view: EditorView) {
+  for (const range of view.visibleRanges) {
+    const match = /\S/.exec(view.state.sliceDoc(range.from, range.to))
+    if (match) {
+      return range.from + match.index
+    }
+  }
+  return null
+}
+
+function measureHalfLeading(view: EditorView) {
+  const pos = firstVisibleNonSpacePos(view)
+  if (pos === null) {
+    return 0
+  }
+
+  const coords = view.coordsAtPos(pos)
+  if (!coords) {
+    return 0
+  }
+  const inlineBoxHeight = coords.bottom - coords.top
+
+  // Rounding prevents gaps appearing in some situations
+  return round((view.defaultLineHeight - inlineBoxHeight) / 2, 2)
+}
+
+function createTheme(halfLeading: number) {
+  return EditorView.contentAttributes.of({
+    style: `--half-leading: ${halfLeading}px`,
+  })
+}
+
+/**
+ * A custom extension which measures the height of the first non-space position and provides a CSS variable via an editor theme,
+ * used for extending elements over the whole line height using padding.
+ */
+const plugin = ViewPlugin.define(
+  view => {
+    let halfLeading = 0
+
+    const measureRequest = {
+      read: () => {
+        return measureHalfLeading(view)
+      },
+
+      write: (newHalfLeading: number) => {
+        if (newHalfLeading !== halfLeading) {
+          halfLeading = newHalfLeading
+          window.setTimeout(() =>
+            view.dispatch({
+              effects: themeConf.reconfigure(createTheme(newHalfLeading)),
+              annotations: changeHalfLeadingAnnotation.of(true),
+            })
+          )
+        }
+      },
+    }
+
+    return {
+      update(update) {
+        // Ignore any update triggered by this plugin
+        if (
+          update.transactions.some(tr =>
+            tr.annotation(changeHalfLeadingAnnotation)
+          )
+        ) {
+          return
+        }
+        if (
+          hasFontLoadedEffect(update) ||
+          (update.geometryChanged && !update.docChanged) ||
+          update.transactions.some(tr => tr.annotation(themeOptionsChange)) ||
+          hasLanguageLoadedEffect(update)
+        ) {
+          view.requestMeasure(measureRequest)
+        }
+      },
+    }
+  },
+  {
+    provide: () => [themeConf.of(createTheme(0))],
+  }
+)
+
+export const inlineBackground = (visual: boolean) => {
+  return sourceOnly(visual, [fontLoad, plugin])
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/keybindings.ts b/services/web/frontend/js/features/source-editor/extensions/keybindings.ts
new file mode 100644
index 0000000..3e67b4b
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/keybindings.ts
@@ -0,0 +1,251 @@
+import { openSearchPanel } from '@codemirror/search'
+import {
+  Compartment,
+  EditorSelection,
+  Prec,
+  TransactionSpec,
+} from '@codemirror/state'
+import type { EmacsHandler } from '@replit/codemirror-emacs'
+import type { CodeMirror, Vim } from '@replit/codemirror-vim'
+import { foldCode, toggleFold, unfoldCode } from '@codemirror/language'
+import { EditorView } from '@codemirror/view'
+import {
+  cursorToBeginningOfVisualLine,
+  cursorToEndOfVisualLine,
+  selectRestOfVisualLine,
+  selectToBeginningOfVisualLine,
+  selectToEndOfVisualLine,
+} from './visual-line-selection'
+
+const hasNonEmptySelection = (cm: CodeMirror): boolean => {
+  const selections = cm.getSelections()
+  return selections.some(selection => selection.length)
+}
+
+type VimCodeMirrorCommands = typeof CodeMirror.commands & {
+  save: (cm: CodeMirror) => void
+}
+
+let customisedVim = false
+const customiseVimOnce = (_Vim: typeof Vim, _CodeMirror: typeof CodeMirror) => {
+  if (customisedVim) {
+    return
+  }
+  // Allow copy via Ctrl-C in insert mode
+  _Vim.unmap('<C-c>', 'insert')
+
+  _Vim.defineAction(
+    'insertModeCtrlC',
+    (cm: CodeMirror, actionArgs: object, state: any) => {
+      if (hasNonEmptySelection(cm)) {
+        navigator.clipboard.writeText(cm.getSelection())
+        cm.setSelection(cm.getCursor(), cm.getCursor())
+      } else {
+        _Vim.exitInsertMode(cm)
+      }
+    }
+  )
+
+  // Overwrite the moveByCharacters command with a decoration-aware version
+  _Vim.defineMotion(
+    'moveByCharacters',
+    function (
+      cm: CodeMirror,
+      head: { line: number; ch: number },
+      motionArgs: Record<string, unknown>
+    ) {
+      const { cm6: view } = cm
+      const repeat = Math.min(Number(motionArgs.repeat), view.state.doc.length)
+      const forward = Boolean(motionArgs.forward)
+      // head.line is 0-indexed
+      const startLine = view.state.doc.line(head.line + 1)
+      let cursor = EditorSelection.cursor(startLine.from + head.ch)
+      for (let i = 0; i < repeat; ++i) {
+        cursor = view.moveByChar(cursor, forward)
+      }
+      const finishLine = view.state.doc.lineAt(cursor.head)
+      return new _CodeMirror.Pos(
+        finishLine.number - 1,
+        cursor.head - finishLine.from
+      )
+    }
+  )
+
+  _Vim.mapCommand('<C-c>', 'action', 'insertModeCtrlC', undefined, {
+    context: 'insert',
+  })
+
+  // Code folding commands
+  _Vim.defineAction('toggleFold', function (cm: CodeMirror) {
+    toggleFold(cm.cm6)
+  })
+  _Vim.mapCommand('za', 'action', 'toggleFold')
+
+  _Vim.defineAction('foldCode', function (cm: CodeMirror) {
+    foldCode(cm.cm6)
+  })
+  _Vim.mapCommand('zc', 'action', 'foldCode')
+
+  _Vim.defineAction('unfoldCode', function (cm: CodeMirror) {
+    unfoldCode(cm.cm6)
+  })
+
+  // disable tab and shift-tab keys in command (normal) and visual modes
+  // using "undefined" params because mapCommand signature is:
+  // mapCommand(keys, type, name, args, extra)
+  _Vim.mapCommand('<Tab>', undefined, undefined, undefined, {
+    context: 'normal',
+  })
+  _Vim.mapCommand('<Tab>', undefined, undefined, undefined, {
+    context: 'visual',
+  })
+  _Vim.mapCommand('<S-Tab>', undefined, undefined, undefined, {
+    context: 'normal',
+  })
+  _Vim.mapCommand('<S-Tab>', undefined, undefined, undefined, {
+    context: 'visual',
+  })
+
+  // Make the Vim 'write' command start a compile
+  ;(_CodeMirror.commands as VimCodeMirrorCommands).save = () => {
+    window.dispatchEvent(new Event('pdf:recompile'))
+  }
+  customisedVim = true
+}
+
+// Used to ensure that only one listener is active
+let emacsSearchCloseListener: (() => void) | undefined
+
+let customisedEmacs = false
+const customiseEmacsOnce = (_EmacsHandler: typeof EmacsHandler) => {
+  if (customisedEmacs) {
+    return
+  }
+  customisedEmacs = true
+
+  const jumpToLastMark = (handler: EmacsHandler) => {
+    const mark = handler.popEmacsMark()
+    if (!mark || !mark.length) {
+      return
+    }
+    let selection = null
+    if (mark.length >= 2) {
+      selection = EditorSelection.range(mark[0], mark[1])
+    } else {
+      selection = EditorSelection.cursor(mark[0])
+    }
+    handler.view.dispatch({ selection, scrollIntoView: true })
+  }
+
+  _EmacsHandler.addCommands({
+    openSearch(handler: EmacsHandler) {
+      const mark = handler.view.state.selection.main
+      handler.pushEmacsMark([mark.anchor, mark.head])
+      openSearchPanel(handler.view)
+      if (emacsSearchCloseListener) {
+        document.removeEventListener(
+          'cm:emacs-close-search-panel',
+          emacsSearchCloseListener
+        )
+      }
+      emacsSearchCloseListener = () => {
+        jumpToLastMark(handler)
+      }
+      document.addEventListener(
+        'cm:emacs-close-search-panel',
+        emacsSearchCloseListener
+      )
+    },
+    save() {
+      window.dispatchEvent(new Event('pdf:recompile'))
+    },
+  })
+  _EmacsHandler.bindKey('C-s', 'openSearch')
+  _EmacsHandler.bindKey('C-r', 'openSearch')
+  _EmacsHandler.bindKey('C-x C-s', 'save')
+  _EmacsHandler.bindKey('C-a', {
+    command: 'goOrSelect',
+    args: [cursorToBeginningOfVisualLine, selectToBeginningOfVisualLine],
+  })
+  _EmacsHandler.bindKey('C-e', {
+    command: 'goOrSelect',
+    args: [cursorToEndOfVisualLine, selectToEndOfVisualLine],
+  })
+  _EmacsHandler.bindKey('C-k', {
+    command: 'killLine',
+    args: selectRestOfVisualLine,
+  })
+}
+
+const options = [
+  {
+    name: 'default',
+    load: async () => {
+      // TODO: load default keybindings?
+      return []
+    },
+  },
+  {
+    name: 'vim',
+    load: () =>
+      import(
+        /* webpackChunkName: "codemirror-vim" */ '@replit/codemirror-vim'
+      ).then(m => {
+        customiseVimOnce(m.Vim, m.CodeMirror)
+        return m.vim()
+      }),
+  },
+  {
+    name: 'emacs',
+    load: () =>
+      import(
+        /* webpackChunkName: "codemirror-emacs" */ '@replit/codemirror-emacs'
+      ).then(m => {
+        customiseEmacsOnce(m.EmacsHandler)
+        return [
+          m.emacs(),
+          EditorView.domEventHandlers({
+            keydown(event) {
+              if (event.ctrlKey && event.key === 's') {
+                event.stopPropagation()
+              }
+            },
+          }),
+        ]
+      }),
+  },
+]
+
+const keybindingsConf = new Compartment()
+
+/**
+ * Third-party extensions providing Emacs and Vim keybindings,
+ * implemented as wrappers around the CodeMirror 5 interface,
+ * with some customisation (particularly related to search).
+ */
+export const keybindings = () => {
+  return keybindingsConf.of(Prec.highest([]))
+}
+
+export const setKeybindings = async (
+  selectedKeybindings = 'default'
+): Promise<TransactionSpec> => {
+  if (selectedKeybindings === 'none') {
+    selectedKeybindings = 'default'
+  }
+
+  const selectedOption = options.find(
+    option => option.name === selectedKeybindings
+  )
+
+  if (!selectedOption) {
+    throw new Error(`No key bindings found with name ${selectedKeybindings}`)
+  }
+
+  const support = await selectedOption.load()
+
+  return {
+    // NOTE: use Prec.highest as this keybinding must be above the default keymap(s)
+    effects: keybindingsConf.reconfigure(Prec.highest(support)),
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/keymaps.ts b/services/web/frontend/js/features/source-editor/extensions/keymaps.ts
new file mode 100644
index 0000000..7dfaee8
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/keymaps.ts
@@ -0,0 +1,50 @@
+import { keymap } from '@codemirror/view'
+import { defaultKeymap, historyKeymap } from '@codemirror/commands'
+import { lintKeymap } from '@codemirror/lint'
+import { scrollOneLineKeymap } from './scroll-one-line'
+import { foldingKeymap } from './folding-keymap'
+
+const ignoredDefaultKeybindings = new Set([
+  // NOTE: disable "Mod-Enter" as it's used for "Compile"
+  'Mod-Enter',
+  // Disable Alt+Arrow as we have special behaviour on Windows / Linux
+  'Alt-ArrowLeft',
+  'Alt-ArrowRight',
+  // This keybinding causes issues on some keyboard layouts where \ is entered
+  // using AltGr. Windows treats Ctrl-Alt as AltGr, so trying to insert a \
+  // with Ctrl-Alt would trigger this keybinding, rather than inserting a \
+  'Mod-Alt-\\',
+])
+
+const ignoredDefaultMacKeybindings = new Set([
+  // We replace these with our custom visual-line versions
+  'Mod-Backspace',
+  'Mod-Delete',
+])
+
+const filteredDefaultKeymap = defaultKeymap.filter(
+  // We only filter on keys, so if the keybinding doesn't have a key,
+  // allow it
+  item => {
+    if (item.key && ignoredDefaultKeybindings.has(item.key)) {
+      return false
+    }
+    if (item.mac && ignoredDefaultMacKeybindings.has(item.mac)) {
+      return false
+    }
+    return true
+  }
+)
+
+export const keymaps = keymap.of([
+  // The default CodeMirror keymap, with a few key bindings filtered out.
+  ...filteredDefaultKeymap,
+  // Key bindings for undo/redo/undoSelection/redoSelection
+  ...historyKeymap,
+  // Key bindings for “open lint panel” and “next diagnostic”
+  ...lintKeymap,
+  // Key bindings for folding actions
+  ...foldingKeymap,
+  // Key bindings for scrolling the viewport
+  ...scrollOneLineKeymap,
+])
diff --git a/services/web/frontend/js/features/source-editor/extensions/language.ts b/services/web/frontend/js/features/source-editor/extensions/language.ts
new file mode 100644
index 0000000..b36c141
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/language.ts
@@ -0,0 +1,133 @@
+import {
+  Compartment,
+  StateEffect,
+  StateField,
+  TransactionSpec,
+} from '@codemirror/state'
+import { languages } from '../languages'
+import { ViewPlugin } from '@codemirror/view'
+import { indentUnit, LanguageDescription } from '@codemirror/language'
+import { updateHasEffect } from '../utils/effects'
+import { Folder } from '../../../../../types/folder'
+import { Command } from '@/features/ide-react/context/metadata-context'
+
+export const languageLoadedEffect = StateEffect.define()
+export const hasLanguageLoadedEffect = updateHasEffect(languageLoadedEffect)
+
+const languageConf = new Compartment()
+
+type Options = {
+  syntaxValidation: boolean
+}
+
+type Metadata = {
+  labels: Set<string>
+  packageNames: Set<string>
+  commands: Command[]
+  referenceKeys: Set<string>
+  fileTreeData: Folder
+}
+
+/**
+ * A state field that stores the metadata parsed from a project on the server.
+ */
+export const metadataState = StateField.define<Metadata | undefined>({
+  create: () => undefined,
+  update: (value, transaction) => {
+    for (const effect of transaction.effects) {
+      if (effect.is(setMetadataEffect)) {
+        return effect.value
+      }
+    }
+    return value
+  },
+})
+
+const languageCompartment = new Compartment()
+
+/**
+ * The parser and support extensions for each supported language,
+ * which are loaded dynamically as needed.
+ */
+export const language = (
+  docName: string,
+  metadata: Metadata,
+  { syntaxValidation }: Options
+) => languageCompartment.of(buildExtension(docName, metadata, syntaxValidation))
+
+const buildExtension = (
+  docName: string,
+  metadata: Metadata,
+  syntaxValidation: boolean
+) => {
+  const languageDescription = LanguageDescription.matchFilename(
+    languages,
+    docName
+  )
+
+  if (!languageDescription) {
+    return []
+  }
+
+  return [
+    /**
+     * Default to four-space indentation and set the configuration in advance,
+     * to prevent a shift in line indentation markers when the LaTeX language loads.
+     */
+    languageConf.of(indentUnit.of('    ')),
+    metadataState,
+    /**
+     * A view plugin which loads the appropriate language for the current file extension,
+     * then dispatches an effect so other extensions can update accordingly.
+     */
+    ViewPlugin.define(view => {
+      // load the language asynchronously
+      languageDescription.load().then(support => {
+        view.dispatch({
+          effects: [
+            languageConf.reconfigure(support),
+            languageLoadedEffect.of(null),
+          ],
+        })
+        // Wait until the previous effects have been processed
+        view.dispatch({
+          effects: [
+            setMetadataEffect.of(metadata),
+            setSyntaxValidationEffect.of(syntaxValidation),
+          ],
+        })
+      })
+
+      return {}
+    }),
+    metadataState,
+  ]
+}
+
+export const setLanguage = (
+  docName: string,
+  metadata: Metadata,
+  syntaxValidation: boolean
+) => {
+  return {
+    effects: languageCompartment.reconfigure(
+      buildExtension(docName, metadata, syntaxValidation)
+    ),
+  }
+}
+
+export const setMetadataEffect = StateEffect.define<Metadata>()
+
+export const setMetadata = (values: Metadata): TransactionSpec => {
+  return {
+    effects: setMetadataEffect.of(values),
+  }
+}
+
+export const setSyntaxValidationEffect = StateEffect.define<boolean>()
+
+export const setSyntaxValidation = (value: boolean): TransactionSpec => {
+  return {
+    effects: setSyntaxValidationEffect.of(value),
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/line-numbers.ts b/services/web/frontend/js/features/source-editor/extensions/line-numbers.ts
new file mode 100644
index 0000000..5768e68
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/line-numbers.ts
@@ -0,0 +1,90 @@
+import { EditorSelection, Extension } from '@codemirror/state'
+import {
+  BlockInfo,
+  EditorView,
+  lineNumbers as _lineNumbers,
+} from '@codemirror/view'
+import { DebouncedFunc, throttle } from 'lodash'
+
+/**
+ * The built-in extension which displays line numbers in the gutter,
+ * configured with a mousedown/mouseup handler that selects lines of the document
+ * when dragging a selection in the gutter.
+ */
+export function lineNumbers(): Extension {
+  let listener: DebouncedFunc<(event: MouseEvent) => boolean> | null
+
+  function disableListener() {
+    if (listener) {
+      document.removeEventListener('mousemove', listener)
+      listener = null
+    }
+  }
+
+  // Creates a selection range capped within the document bounds. The range is
+  // anchored at the beginning so that it is a full line that is selected
+  function selection(view: EditorView, start: BlockInfo, end: BlockInfo) {
+    const clamp = (num: number) =>
+      Math.max(0, Math.min(view.state.doc.length, num))
+
+    let startPos = start.from
+    let endPos = end.to + 1
+    if (start.from === end.from) {
+      // Selecting one line
+      startPos = end.to + 1
+      endPos = start.from
+    } else if (end.from < start.from) {
+      // End is prior to start
+      endPos = end.from
+      startPos = start.to + 1
+    }
+    return EditorSelection.range(clamp(startPos), clamp(endPos))
+  }
+
+  // Wrapper around the built-in codemirror lineNumbers() extension
+  return _lineNumbers({
+    domEventHandlers: {
+      mousedown: (view, line, event) => {
+        // Disable default focusing of line number
+        event.preventDefault()
+
+        // If we already have a listener, disable it
+        disableListener()
+        view.dispatch({
+          selection: selection(view, line, line),
+        })
+
+        // Focus the editor
+        view.contentDOM.focus()
+
+        // Set up new listener to track the mouse position
+        listener = throttle((event: MouseEvent) => {
+          // Check if we've missed a mouseup event by validating that the
+          // primary mouse button is still being held
+          if (event.buttons !== 1) {
+            disableListener()
+            return false
+          }
+
+          // Map the mouse cursor to the document, and select the lines matched
+          const documentPosition = view.posAtCoords({
+            x: event.pageX,
+            y: event.pageY,
+          })
+          if (documentPosition) {
+            const endLine = view.lineBlockAt(documentPosition)
+            view.dispatch({
+              selection: selection(view, line, endLine),
+            })
+          }
+        }, 50)
+        document.addEventListener('mousemove', listener)
+        return false
+      },
+      mouseup: () => {
+        disableListener()
+        return false
+      },
+    },
+  })
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/line-wrapping-indentation.ts b/services/web/frontend/js/features/source-editor/extensions/line-wrapping-indentation.ts
new file mode 100644
index 0000000..0b1ce35
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/line-wrapping-indentation.ts
@@ -0,0 +1,212 @@
+import {
+  Decoration,
+  DecorationSet,
+  EditorView,
+  ViewPlugin,
+  ViewUpdate,
+} from '@codemirror/view'
+import { type Range, StateEffect, StateField } from '@codemirror/state'
+import { sourceOnly } from './visual/visual'
+
+const MAX_INDENT_FRACTION = 0.9
+
+const setMaxIndentEffect = StateEffect.define<number>()
+
+/**
+ * Calculates the indentation needed for each line based on the spaces and tabs at the start of the line.
+ * Decorates each line with a `style` attribute, to ensure that wrapped lines share the same indentation.
+ *
+ * NOTE: performance increases linearly with document size, but decorating only the viewport causes unacceptable layout shifts when scrolling.
+ */
+export const lineWrappingIndentation = (visual: boolean) => {
+  // this extension should only be active in the source editor
+  return sourceOnly(visual, [
+    // store the current maxIndent, based on the clientWidth
+    StateField.define<number>({
+      create() {
+        return 0
+      },
+      update(value, tr) {
+        for (const effect of tr.effects) {
+          if (effect.is(setMaxIndentEffect)) {
+            value = effect.value
+          }
+        }
+
+        return value
+      },
+      provide(field) {
+        return [
+          // calculate the max indent when the geometry changes
+          ViewPlugin.define(view => {
+            const measure = {
+              key: 'line-wrapping-indentation-max-indent',
+              read(view: EditorView) {
+                return (
+                  (view.contentDOM.clientWidth / view.defaultCharacterWidth) *
+                  MAX_INDENT_FRACTION
+                )
+              },
+              write(value: number, view: EditorView) {
+                if (view.state.field(field) !== value) {
+                  window.setTimeout(() => {
+                    view.dispatch({
+                      effects: setMaxIndentEffect.of(value),
+                    })
+                  })
+                }
+              },
+            }
+
+            return {
+              update(update: ViewUpdate) {
+                if (update.geometryChanged) {
+                  view.requestMeasure(measure)
+                }
+              },
+            }
+          }),
+
+          // rebuild the decorations when needed
+          ViewPlugin.define<{ decorations: DecorationSet }>(
+            view => {
+              let previousMaxIndent = 0
+
+              const value = {
+                decorations: buildDecorations(view, view.state.field(field)),
+
+                update(update: ViewUpdate) {
+                  const maxIndent = view.state.field(field)
+
+                  if (maxIndent !== previousMaxIndent) {
+                    value.decorations = buildDecorations(view, maxIndent)
+                  } else if (update.geometryChanged || update.viewportChanged) {
+                    value.decorations = updateDecorations(
+                      value.decorations,
+                      update,
+                      maxIndent
+                    )
+                  }
+
+                  previousMaxIndent = maxIndent
+                },
+              }
+
+              return value
+            },
+            {
+              decorations: value => value.decorations,
+            }
+          ),
+        ]
+      },
+    }),
+  ])
+}
+
+export const buildDecorations = (view: EditorView, maxIndent: number) => {
+  const { state } = view
+  const { doc, tabSize } = state
+
+  const decorations: Range<Decoration>[] = []
+
+  let from = 0
+
+  for (const line of doc.iterLines()) {
+    const indent = calculateIndent(line, tabSize, maxIndent)
+
+    if (indent) {
+      decorations.push(lineIndentDecoration(indent).range(from))
+    }
+
+    from += line.length + 1
+  }
+
+  return Decoration.set(decorations)
+}
+
+export const updateDecorations = (
+  decorations: DecorationSet,
+  update: ViewUpdate,
+  maxIndent: number
+) => {
+  const add: Range<Decoration>[] = []
+
+  const { doc: startDoc } = update.startState
+  const { doc, tabSize } = update.state
+
+  const changedLinesFrom = new Set()
+
+  let filterFrom = doc.length
+  let filterTo = 0
+
+  update.changes.iterChangedRanges((fromA, toA, fromB, toB) => {
+    // remove changed lines
+    const fromALineNumber = startDoc.lineAt(fromA).number
+    const toALineNumber = startDoc.lineAt(toA).number
+
+    for (
+      let lineNumber = fromALineNumber;
+      lineNumber <= toALineNumber;
+      lineNumber++
+    ) {
+      const line = startDoc.line(lineNumber)
+      changedLinesFrom.add(line.from)
+      filterFrom = Math.min(line.from, filterFrom)
+      filterTo = Math.max(line.from, filterTo)
+    }
+
+    // add changed lines
+    const fromBLineNumber = doc.lineAt(fromB).number
+    const toBLineNumber = doc.lineAt(toB).number
+
+    for (
+      let lineNumber = fromBLineNumber;
+      lineNumber <= toBLineNumber;
+      lineNumber++
+    ) {
+      const line = doc.line(lineNumber)
+      const indent = calculateIndent(line.text, tabSize, maxIndent)
+
+      if (indent) {
+        add.push(lineIndentDecoration(indent).range(line.from))
+      }
+    }
+  })
+
+  return decorations
+    .update({
+      filter(from) {
+        return !changedLinesFrom.has(from)
+      },
+      filterFrom,
+      filterTo,
+    })
+    .map(update.changes)
+    .update({ add })
+}
+
+const lineIndentDecoration = (indent: number) =>
+  Decoration.line({
+    attributes: {
+      // style: `text-indent: ${indent}ch hanging`, // "hanging" would be ideal, when browsers support it
+      style: `text-indent: -${indent}ch; padding-left: calc(${indent}ch + 6px)`, // add 6px to account for existing padding-left
+    },
+  })
+
+// calculate the character width of whitespace at the start of a line
+const calculateIndent = (line: string, tabSize: number, maxIndent: number) => {
+  let indent = 0
+
+  for (const char of line) {
+    if (char === ' ') {
+      indent++
+    } else if (char === '\t') {
+      indent += tabSize - (indent % tabSize)
+    } else {
+      break
+    }
+  }
+
+  return Math.min(indent, maxIndent)
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/linting.ts b/services/web/frontend/js/features/source-editor/extensions/linting.ts
new file mode 100644
index 0000000..3bece48
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/linting.ts
@@ -0,0 +1,26 @@
+import { Compartment, EditorState } from '@codemirror/state'
+import { setSyntaxValidationEffect } from './language'
+import { linter } from '@codemirror/lint'
+
+export const createLinter: typeof linter = (lintSource, config) => {
+  const linterConfig = new Compartment()
+
+  return [
+    linterConfig.of([]),
+
+    // enable/disable the linter to match the syntaxValidation setting
+    EditorState.transactionExtender.of(tr => {
+      for (const effect of tr.effects) {
+        if (effect.is(setSyntaxValidationEffect)) {
+          return {
+            effects: linterConfig.reconfigure(
+              effect.value ? linter(lintSource, config) : []
+            ),
+          }
+        }
+      }
+
+      return null
+    }),
+  ]
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/math-preview.ts b/services/web/frontend/js/features/source-editor/extensions/math-preview.ts
new file mode 100644
index 0000000..d946769
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/math-preview.ts
@@ -0,0 +1,243 @@
+import {
+  EditorView,
+  repositionTooltips,
+  showTooltip,
+  Tooltip,
+  ViewPlugin,
+} from '@codemirror/view'
+import {
+  Compartment,
+  EditorState,
+  Extension,
+  StateEffect,
+  StateField,
+  TransactionSpec,
+} from '@codemirror/state'
+import { loadMathJax } from '../../mathjax/load-mathjax'
+import { descendantsOfNodeWithType } from '../utils/tree-query'
+import {
+  MathContainer,
+  mathAncestorNode,
+  parseMathContainer,
+} from '../utils/tree-operations/math'
+import { documentCommands } from '../languages/latex/document-commands'
+import { debugConsole } from '@/utils/debugging'
+import { nodeHasError } from '../utils/tree-operations/common'
+import { documentEnvironments } from '../languages/latex/document-environments'
+
+const REPOSITION_EVENT = 'editor:repositionMathTooltips'
+const HIDE_TOOLTIP_EVENT = 'editor:hideMathTooltip'
+
+export const mathPreview = (enabled: boolean): Extension => {
+  return mathPreviewConf.of(
+    enabled ? [mathPreviewTheme, mathPreviewStateField] : [mathPreviewTheme]
+  )
+}
+
+export const hideTooltipEffect = StateEffect.define<null>()
+
+const mathPreviewConf = new Compartment()
+
+export const setMathPreview = (enabled: boolean): TransactionSpec => ({
+  effects: mathPreviewConf.reconfigure(enabled ? mathPreviewStateField : []),
+})
+
+export const mathPreviewStateField = StateField.define<{
+  tooltip: Tooltip | null
+  mathContent: HTMLDivElement | null
+  hide: boolean
+}>({
+  create: buildInitialState,
+
+  update(state, tr) {
+    for (const effect of tr.effects) {
+      if (effect.is(hideTooltipEffect)) {
+        return { tooltip: null, hide: true, mathContent: null }
+      }
+    }
+
+    if (tr.docChanged || tr.selection) {
+      const mathContainer = getMathContainer(tr.state)
+
+      if (mathContainer) {
+        if (state.hide) {
+          return { tooltip: null, hide: true, mathContent: null }
+        } else {
+          const mathContent = buildTooltipContent(tr.state, mathContainer)
+
+          return {
+            tooltip: buildTooltip(mathContainer, mathContent),
+            mathContent,
+            hide: false,
+          }
+        }
+      }
+
+      return { tooltip: null, hide: false, mathContent: null }
+    }
+
+    return state
+  },
+
+  provide: field => [
+    showTooltip.compute([field], state => state.field(field).tooltip),
+
+    ViewPlugin.define(view => {
+      const listener = () => repositionTooltips(view)
+      const hideTooltip = () => {
+        view.dispatch({
+          effects: hideTooltipEffect.of(null),
+        })
+      }
+
+      window.addEventListener(REPOSITION_EVENT, listener)
+      window.addEventListener(HIDE_TOOLTIP_EVENT, hideTooltip)
+
+      return {
+        destroy() {
+          window.removeEventListener(REPOSITION_EVENT, listener)
+          window.removeEventListener(HIDE_TOOLTIP_EVENT, hideTooltip)
+        },
+      }
+    }),
+  ],
+})
+
+function buildInitialState(state: EditorState) {
+  const mathContainer = getMathContainer(state)
+
+  if (mathContainer) {
+    const mathContent = buildTooltipContent(state, mathContainer)
+
+    return {
+      tooltip: buildTooltip(mathContainer, mathContent),
+      mathContent,
+      hide: false,
+    }
+  }
+
+  return { tooltip: null, hide: false, mathContent: null }
+}
+
+const renderMath = async (
+  content: string,
+  displayMode: boolean,
+  element: HTMLElement,
+  definitions: string
+) => {
+  const MathJax = await loadMathJax()
+
+  MathJax.texReset([0]) // equation numbering is disabled, but this is still needed
+
+  try {
+    await MathJax.tex2svgPromise(definitions)
+  } catch {
+    // ignore errors thrown during parsing command definitions
+  }
+
+  const math = await MathJax.tex2svgPromise(content, {
+    ...MathJax.getMetricsFor(element),
+    display: displayMode,
+  })
+  element.textContent = ''
+  element.append(math)
+}
+
+function buildTooltip(
+  mathContainer: MathContainer,
+  mathContent: HTMLDivElement | null
+): Tooltip | null {
+  if (!mathContent || !mathContainer) {
+    return null
+  }
+
+  return {
+    pos: mathContainer.pos,
+    above: true,
+    strictSide: true,
+    arrow: false,
+    create() {
+      const dom = document.createElement('div')
+      dom.classList.add('ol-cm-math-tooltip-container')
+
+      return { dom, overlap: true, offset: { x: 0, y: 8 } }
+    },
+  }
+}
+
+const getMathContainer = (state: EditorState) => {
+  const range = state.selection.main
+
+  if (!range.empty) {
+    return null
+  }
+
+  // if anywhere inside Math, find the whole Math node
+  const ancestorNode = mathAncestorNode(state, range.from)
+  if (!ancestorNode) return null
+
+  const [node] = descendantsOfNodeWithType(ancestorNode, 'Math', 'Math')
+  if (!node) return null
+
+  if (nodeHasError(ancestorNode)) return null
+
+  return parseMathContainer(state, node, ancestorNode)
+}
+
+const buildTooltipContent = (
+  state: EditorState,
+  math: MathContainer | null
+): HTMLDivElement | null => {
+  if (!math || !math.content.length) return null
+
+  const element = document.createElement('div')
+  element.style.opacity = '0'
+  element.textContent = math.content
+
+  let definitions = ''
+
+  const environmentState = state.field(documentEnvironments, false)
+  if (environmentState?.items) {
+    for (const environment of environmentState.items) {
+      if (environment.type === 'definition') {
+        definitions += `${environment.raw}\n`
+      }
+    }
+  }
+
+  const commandState = state.field(documentCommands, false)
+  if (commandState?.items) {
+    for (const command of commandState.items) {
+      if (command.type === 'definition' && command.raw) {
+        definitions += `${command.raw}\n`
+      }
+    }
+  }
+
+  renderMath(math.content, math.displayMode, element, definitions)
+    .then(() => {
+      element.style.opacity = '1'
+      window.dispatchEvent(new Event(REPOSITION_EVENT))
+    })
+    .catch(error => {
+      debugConsole.error(error)
+    })
+
+  return element
+}
+
+/**
+ * Styles for the preview tooltip
+ */
+const mathPreviewTheme = EditorView.baseTheme({
+  '&light .ol-cm-math-tooltip': {
+    boxShadow: '0px 2px 4px 0px #1e253029',
+    border: '1px solid #e7e9ee !important',
+    backgroundColor: 'white !important',
+  },
+  '&dark .ol-cm-math-tooltip': {
+    boxShadow: '0px 2px 4px 0px #1e253029',
+    border: '1px solid #2f3a4c !important',
+    backgroundColor: '#1b222c !important',
+  },
+})
diff --git a/services/web/frontend/js/features/source-editor/extensions/phrases.ts b/services/web/frontend/js/features/source-editor/extensions/phrases.ts
new file mode 100644
index 0000000..ddcb0aa
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/phrases.ts
@@ -0,0 +1,16 @@
+import { Compartment, EditorState, TransactionSpec } from '@codemirror/state'
+
+const phrasesConf = new Compartment()
+
+/**
+ * A built-in extension providing a mapping between translation keys and translations.
+ */
+export const phrases = (phrases: Record<string, string>) => {
+  return phrasesConf.of(EditorState.phrases.of(phrases))
+}
+
+export const setPhrases = (value: Record<string, string>): TransactionSpec => {
+  return {
+    effects: phrasesConf.reconfigure(EditorState.phrases.of(value)),
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/ranges.ts b/services/web/frontend/js/features/source-editor/extensions/ranges.ts
new file mode 100644
index 0000000..8dc4489
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/ranges.ts
@@ -0,0 +1,433 @@
+import { StateEffect, StateField, TransactionSpec } from '@codemirror/state'
+import {
+  Decoration,
+  type DecorationSet,
+  EditorView,
+  type PluginValue,
+  ViewPlugin,
+  WidgetType,
+} from '@codemirror/view'
+import {
+  AnyOperation,
+  Change,
+  DeleteOperation,
+} from '../../../../../types/change'
+import { debugConsole } from '@/utils/debugging'
+import {
+  isCommentOperation,
+  isDeleteOperation,
+  isInsertOperation,
+} from '@/utils/operations'
+import { Ranges } from '@/features/review-panel-new/context/ranges-context'
+import { Threads } from '@/features/review-panel-new/context/threads-context'
+import { isSelectionWithinOp } from '@/features/review-panel-new/utils/is-selection-within-op'
+
+type RangesData = {
+  ranges: Ranges
+  threads: Threads
+}
+
+const updateRangesEffect = StateEffect.define<RangesData>()
+const highlightRangesEffect = StateEffect.define<AnyOperation>()
+const clearHighlightRangesEffect = StateEffect.define<AnyOperation>()
+
+export const updateRanges = (data: RangesData): TransactionSpec => {
+  return {
+    effects: updateRangesEffect.of(data),
+  }
+}
+export const highlightRanges = (op: AnyOperation): TransactionSpec => {
+  return {
+    effects: highlightRangesEffect.of(op),
+  }
+}
+export const clearHighlightRanges = (op: AnyOperation): TransactionSpec => {
+  return {
+    effects: clearHighlightRangesEffect.of(op),
+  }
+}
+
+export const rangesDataField = StateField.define<RangesData | null>({
+  create() {
+    return null
+  },
+  update(rangesData, tr) {
+    for (const effect of tr.effects) {
+      if (effect.is(updateRangesEffect)) {
+        return effect.value
+      }
+    }
+    return rangesData
+  },
+})
+
+/**
+ * A custom extension that initialises the change manager, passes any updates to it,
+ * and produces decorations for tracked changes and comments.
+ */
+export const ranges = () => [
+  rangesDataField,
+  // handle viewportChanged updates
+  ViewPlugin.define(view => {
+    let timer: number
+
+    return {
+      update(update) {
+        if (update.viewportChanged) {
+          if (timer) {
+            window.clearTimeout(timer)
+          }
+
+          timer = window.setTimeout(() => {
+            dispatchEvent(new Event('editor:viewport-changed'))
+          }, 25)
+        }
+      },
+    }
+  }),
+
+  // draw change decorations
+  ViewPlugin.define<
+    PluginValue & {
+      decorations: DecorationSet
+    }
+  >(
+    () => {
+      return {
+        decorations: Decoration.none,
+        update(update) {
+          for (const transaction of update.transactions) {
+            this.decorations = this.decorations.map(transaction.changes)
+
+            for (const effect of transaction.effects) {
+              if (effect.is(updateRangesEffect)) {
+                this.decorations = buildChangeDecorations(effect.value)
+              } else if (
+                effect.is(highlightRangesEffect) &&
+                isDeleteOperation(effect.value)
+              ) {
+                this.decorations = updateDeleteWidgetHighlight(
+                  this.decorations,
+                  widget =>
+                    widget.change.op.p === effect.value.p &&
+                    widget.highlightType !== 'focus',
+                  'highlight'
+                )
+              } else if (
+                effect.is(clearHighlightRangesEffect) &&
+                isDeleteOperation(effect.value)
+              ) {
+                this.decorations = updateDeleteWidgetHighlight(
+                  this.decorations,
+                  widget =>
+                    widget.change.op.p === effect.value.p &&
+                    widget.highlightType !== 'focus',
+                  null
+                )
+              }
+            }
+
+            if (transaction.selection) {
+              this.decorations = updateDeleteWidgetHighlight(
+                this.decorations,
+                ({ change }) =>
+                  isSelectionWithinOp(change.op, update.state.selection.main),
+                'focus'
+              )
+              this.decorations = updateDeleteWidgetHighlight(
+                this.decorations,
+                ({ change }) =>
+                  !isSelectionWithinOp(change.op, update.state.selection.main),
+                null
+              )
+            }
+          }
+        },
+      }
+    },
+    {
+      decorations: value => value.decorations,
+    }
+  ),
+
+  // draw highlight decorations
+  ViewPlugin.define<
+    PluginValue & {
+      decorations: DecorationSet
+    }
+  >(
+    () => {
+      return {
+        decorations: Decoration.none,
+        update(update) {
+          for (const transaction of update.transactions) {
+            this.decorations = this.decorations.map(transaction.changes)
+
+            for (const effect of transaction.effects) {
+              if (effect.is(highlightRangesEffect)) {
+                this.decorations = buildHighlightDecorations(
+                  'ol-cm-change-highlight',
+                  effect.value
+                )
+              } else if (effect.is(clearHighlightRangesEffect)) {
+                this.decorations = Decoration.none
+              }
+            }
+          }
+        },
+      }
+    },
+    {
+      decorations: value => value.decorations,
+    }
+  ),
+
+  // draw focus decorations
+  ViewPlugin.define<
+    PluginValue & {
+      decorations: DecorationSet
+    }
+  >(
+    view => {
+      return {
+        decorations: Decoration.none,
+        update(update) {
+          if (
+            !update.transactions.some(
+              tr =>
+                tr.selection ||
+                tr.effects.some(effect => effect.is(updateRangesEffect))
+            )
+          ) {
+            return
+          }
+
+          this.decorations = Decoration.none
+          const rangesData = view.state.field(rangesDataField)
+
+          if (!rangesData?.ranges) {
+            return
+          }
+          const { changes, comments } = rangesData.ranges
+          const unresolvedComments = rangesData.threads
+            ? comments.filter(
+                comment =>
+                  comment.op.t &&
+                  rangesData.threads[comment.op.t] &&
+                  !rangesData.threads[comment.op.t].resolved
+              )
+            : []
+
+          for (const range of [...changes, ...unresolvedComments]) {
+            if (isSelectionWithinOp(range.op, update.state.selection.main)) {
+              this.decorations = buildHighlightDecorations(
+                'ol-cm-change-focus',
+                range.op
+              )
+              break
+            }
+          }
+        },
+      }
+    },
+    {
+      decorations: value => value.decorations,
+    }
+  ),
+
+  // styles for change decorations
+  trackChangesTheme,
+]
+
+const buildChangeDecorations = (data: RangesData) => {
+  if (!data.ranges) {
+    return Decoration.none
+  }
+
+  const changes = [...data.ranges.changes, ...data.ranges.comments]
+
+  const decorations = []
+
+  for (const change of changes) {
+    try {
+      decorations.push(...createChangeRange(change, data))
+    } catch (error) {
+      // ignore invalid changes
+      debugConsole.debug('invalid change position', error)
+    }
+  }
+
+  return Decoration.set(decorations, true)
+}
+
+const updateDeleteWidgetHighlight = (
+  decorations: DecorationSet,
+  predicate: (widget: ChangeDeletedWidget) => boolean,
+  highlightType?: 'focus' | 'highlight' | null
+) => {
+  const widgetsToReplace: ChangeDeletedWidget[] = []
+  const cursor = decorations.iter()
+  while (cursor.value) {
+    const widget = cursor.value.spec?.widget
+    if (widget instanceof ChangeDeletedWidget && predicate(widget)) {
+      widgetsToReplace.push(cursor.value.spec.widget)
+    }
+    cursor.next()
+  }
+
+  return decorations.update({
+    sort: true,
+    filter: (from, to, decoration) => {
+      return !widgetsToReplace.includes(decoration.spec?.widget)
+    },
+    add: widgetsToReplace.map(({ change }) =>
+      Decoration.widget({
+        widget: new ChangeDeletedWidget(change, highlightType),
+        side: 1,
+        opType: 'd',
+        id: change.id,
+        metadata: change.metadata,
+      }).range(change.op.p, change.op.p)
+    ),
+  })
+}
+
+const buildHighlightDecorations = (className: string, op: AnyOperation) => {
+  if (isDeleteOperation(op)) {
+    // delete indicators are handled in change decorations
+    return Decoration.none
+  }
+
+  const opFrom = op.p
+  const opLength = isInsertOperation(op) ? op.i.length : op.c.length
+  const opType = isInsertOperation(op) ? 'i' : 'c'
+
+  if (opLength === 0) {
+    return Decoration.none
+  }
+
+  return Decoration.set(
+    Decoration.mark({
+      class: `${className} ${className}-${opType}`,
+    }).range(opFrom, opFrom + opLength),
+    true
+  )
+}
+
+class ChangeDeletedWidget extends WidgetType {
+  constructor(
+    public change: Change<DeleteOperation>,
+    public highlightType: 'highlight' | 'focus' | null = null
+  ) {
+    super()
+  }
+
+  toDOM() {
+    const widget = document.createElement('span')
+    widget.classList.add('ol-cm-change')
+    widget.classList.add('ol-cm-change-d')
+    if (this.highlightType) {
+      widget.classList.add(`ol-cm-change-d-${this.highlightType}`)
+    }
+    return widget
+  }
+
+  eq(old: ChangeDeletedWidget) {
+    return old.highlightType === this.highlightType
+  }
+}
+
+const createChangeRange = (change: Change, data: RangesData) => {
+  const { id, metadata, op } = change
+
+  const from = op.p
+
+  if (isDeleteOperation(op)) {
+    const opType = 'd'
+
+    const changeWidget = Decoration.widget({
+      widget: new ChangeDeletedWidget(change as Change<DeleteOperation>),
+      side: 1,
+      opType,
+      id,
+      metadata,
+    })
+
+    return [changeWidget.range(from, from)]
+  }
+
+  const _isCommentOperation = isCommentOperation(op)
+
+  if (_isCommentOperation) {
+    const thread = data.threads[op.t]
+    if (!thread || thread.resolved) {
+      return []
+    }
+  }
+
+  const opType = _isCommentOperation ? 'c' : 'i'
+  const changedText = _isCommentOperation ? op.c : op.i
+  const to = from + changedText.length
+
+  // Mark decorations must not be empty
+  if (from === to) {
+    return []
+  }
+
+  const changeMark = Decoration.mark({
+    tagName: 'span',
+    class: `ol-cm-change ol-cm-change-${opType}`,
+    opType,
+    id,
+    metadata,
+  })
+
+  return [changeMark.range(from, to)]
+}
+
+const trackChangesTheme = EditorView.baseTheme({
+  '.ol-cm-change-i, .ol-cm-change-highlight-i, .ol-cm-change-focus-i': {
+    backgroundColor: 'rgba(44, 142, 48, 0.30)',
+  },
+  '&light .ol-cm-change-c, &light .ol-cm-change-highlight-c, &light .ol-cm-change-focus-c':
+    {
+      backgroundColor: 'rgba(243, 177, 17, 0.30)',
+    },
+  '&dark .ol-cm-change-c, &dark .ol-cm-change-highlight-c, &dark .ol-cm-change-focus-c':
+    {
+      backgroundColor: 'rgba(194, 93, 11, 0.15)',
+    },
+  '.ol-cm-change': {
+    padding: 'var(--half-leading, 0) 0',
+  },
+  '.ol-cm-change-highlight': {
+    padding: 'var(--half-leading, 0) 0',
+  },
+  '.ol-cm-change-focus': {
+    padding: 'var(--half-leading, 0) 0',
+  },
+  '&light .ol-cm-change-d': {
+    borderLeft: '2px dotted #c5060b',
+    marginLeft: '-1px',
+  },
+  '&dark .ol-cm-change-d': {
+    borderLeft: '2px dotted #c5060b',
+    marginLeft: '-1px',
+  },
+  '&light .ol-cm-change-d-highlight': {
+    borderLeft: '3px solid #c5060b',
+    marginLeft: '-2px',
+  },
+  '&dark .ol-cm-change-d-highlight': {
+    borderLeft: '3px solid #c5060b',
+    marginLeft: '-2px',
+  },
+  '&light .ol-cm-change-d-focus': {
+    borderLeft: '3px solid #B83A33',
+    marginLeft: '-2px',
+  },
+  '&dark .ol-cm-change-d-focus': {
+    borderLeft: '3px solid #B83A33',
+    marginLeft: '-2px',
+  },
+})
diff --git a/services/web/frontend/js/features/source-editor/extensions/realtime.ts b/services/web/frontend/js/features/source-editor/extensions/realtime.ts
new file mode 100644
index 0000000..36d9956
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/realtime.ts
@@ -0,0 +1,257 @@
+import { Prec, Transaction, Annotation, ChangeSpec } from '@codemirror/state'
+import { EditorView, ViewPlugin } from '@codemirror/view'
+import { EventEmitter } from 'events'
+import RangesTracker from '@overleaf/ranges-tracker'
+import { ShareDoc } from '../../../../../types/share-doc'
+import { debugConsole } from '@/utils/debugging'
+import { DocumentContainer } from '@/features/ide-react/editor/document-container'
+
+/*
+ * Integrate CodeMirror 6 with the real-time system, via ShareJS.
+ *
+ * Changes from CodeMirror are passed to the shareDoc
+ * via `handleTransaction`, while changes arriving from
+ * real-time are passed to CodeMirror via the EditorFacade.
+ *
+ * We use an `EditorFacade` to integrate with the rest of
+ * the IDE, providing an interface the other systems can work with.
+ *
+ * Related files:
+ *   - frontend/js/ide/editor/Document.js
+ *   - frontend/js/ide/editor/ShareJsDoc.js
+ *   - frontend/js/ide/connection/EditorWatchdogManager.js
+ *   - frontend/js/features/ide-react/editor/document.ts
+ *   - frontend/js/features/ide-react/editor/share-js-doc.ts
+ *   - frontend/js/features/ide-react/connection/editor-watchdog-manager.js
+ */
+
+export type ChangeDescription = {
+  origin: 'remote' | 'undo' | 'reject' | undefined
+  inserted: boolean
+  removed: boolean
+}
+
+/**
+ * A custom extension that connects the CodeMirror 6 editor to the currently open ShareJS document.
+ */
+export const realtime = (
+  { currentDoc }: { currentDoc: DocumentContainer },
+  handleError: (error: Error) => void
+) => {
+  const realtimePlugin = ViewPlugin.define(view => {
+    const editor = new EditorFacade(view)
+
+    currentDoc.attachToCM6(editor)
+
+    return {
+      update(update) {
+        if (update.docChanged) {
+          editor.handleUpdateFromCM(update.transactions, currentDoc.ranges)
+        }
+      },
+      destroy() {
+        // TODO: wrap in a timeout so processing can finish?
+        // window.setTimeout(() => {
+        currentDoc.detachFromCM6()
+        // }, 0)
+      },
+    }
+  })
+
+  // NOTE: not a view plugin, so shouldn't get removed
+  const ensureRealtimePlugin = EditorView.updateListener.of(update => {
+    if (!update.view.plugin(realtimePlugin)) {
+      const message = 'The realtime extension has been destroyed!!'
+      debugConsole.warn(message)
+      if (currentDoc.doc) {
+        // display the "out of sync" modal
+        currentDoc.doc.emit('error', message)
+      } else {
+        // display the error boundary
+        handleError(new Error(message))
+      }
+    }
+  })
+
+  return Prec.highest([realtimePlugin, ensureRealtimePlugin])
+}
+
+export class EditorFacade extends EventEmitter {
+  public shareDoc: ShareDoc | null
+  public events: EventEmitter
+  private maxDocLength?: number
+
+  constructor(public view: EditorView) {
+    super()
+    this.view = view
+    this.shareDoc = null
+    this.events = new EventEmitter()
+  }
+
+  getValue() {
+    return this.view.state.doc.toString()
+  }
+
+  // Dispatch changes to CodeMirror view
+  cmChange(changes: ChangeSpec, origin?: string) {
+    const isRemote = origin === 'remote'
+
+    this.view.dispatch({
+      changes,
+      annotations: [
+        Transaction.remote.of(isRemote),
+        Transaction.addToHistory.of(!isRemote),
+      ],
+      effects:
+        // if this is a remote change, restore a snapshot of the current scroll position after the change has been applied
+        isRemote
+          ? this.view.scrollSnapshot().map(this.view.state.changes(changes))
+          : undefined,
+    })
+  }
+
+  cmInsert(position: number, text: string, origin?: string) {
+    this.cmChange({ from: position, insert: text }, origin)
+  }
+
+  cmDelete(position: number, text: string, origin?: string) {
+    this.cmChange({ from: position, to: position + text.length }, origin)
+  }
+
+  // Connect to ShareJS, passing changes to the CodeMirror view
+  // as new transactions.
+  // This is a broad immitation of helper functions supplied in
+  // the sharejs library. (See vendor/libs/sharejs, in particular
+  // the 'attach_ace' helper)
+  attachShareJs(shareDoc: ShareDoc, maxDocLength?: number) {
+    this.shareDoc = shareDoc
+    this.maxDocLength = maxDocLength
+
+    const check = () => {
+      // run in a timeout so it checks the editor content once this update has been applied
+      window.setTimeout(() => {
+        const editorText = this.getValue()
+        const otText = shareDoc.getText()
+
+        if (editorText !== otText) {
+          shareDoc.emit('error', 'Text does not match in CodeMirror 6')
+          debugConsole.error('Text does not match!')
+          debugConsole.error('editor: ' + editorText)
+          debugConsole.error('ot:     ' + otText)
+        }
+      }, 0)
+    }
+
+    const onInsert = (pos: number, text: string) => {
+      this.cmInsert(pos, text, 'remote')
+      check()
+    }
+
+    const onDelete = (pos: number, text: string) => {
+      this.cmDelete(pos, text, 'remote')
+      check()
+    }
+
+    check()
+
+    shareDoc.on('insert', onInsert)
+    shareDoc.on('delete', onDelete)
+
+    shareDoc.detach_cm6 = () => {
+      shareDoc.removeListener('insert', onInsert)
+      shareDoc.removeListener('delete', onDelete)
+      delete shareDoc.detach_cm6
+      this.shareDoc = null
+    }
+  }
+
+  // Process an update from CodeMirror, applying changes to the
+  // ShareJs doc if appropriate
+  handleUpdateFromCM(
+    transactions: readonly Transaction[],
+    ranges?: RangesTracker
+  ) {
+    const shareDoc = this.shareDoc
+    const trackedDeletesLength =
+      ranges != null ? ranges.getTrackedDeletesLength() : 0
+
+    if (!shareDoc) {
+      throw new Error('Trying to process updates with no shareDoc')
+    }
+
+    for (const transaction of transactions) {
+      if (transaction.docChanged) {
+        const origin = chooseOrigin(transaction)
+
+        if (origin === 'remote') {
+          return
+        }
+
+        // This is an approximation. Some deletes could have generated new
+        // tracked deletes since we measured trackedDeletesLength at the top of
+        // the function. Unfortunately, the ranges tracker is only updated
+        // after all transactions are processed, so it's not easy to get an
+        // exact number.
+        const fullDocLength =
+          transaction.changes.desc.newLength + trackedDeletesLength
+
+        if (this.maxDocLength && fullDocLength >= this.maxDocLength) {
+          shareDoc.emit(
+            'error',
+            new Error('document length is greater than maxDocLength')
+          )
+          return
+        }
+
+        let positionShift = 0
+
+        transaction.changes.iterChanges(
+          (fromA, toA, fromB, toB, insertedText) => {
+            const fromUndo = origin === 'undo' || origin === 'reject'
+
+            const insertedLength = insertedText.length
+            const removedLength = toA - fromA
+
+            const inserted = insertedLength > 0
+            const removed = removedLength > 0
+
+            const pos = fromA + positionShift
+
+            if (removed) {
+              shareDoc.del(pos, removedLength, fromUndo)
+            }
+
+            if (inserted) {
+              shareDoc.insert(pos, insertedText.toString(), fromUndo)
+            }
+
+            // TODO: mapPos instead?
+            positionShift = positionShift - removedLength + insertedLength
+
+            const changeDescription: ChangeDescription = {
+              origin,
+              inserted,
+              removed,
+            }
+
+            this.emit('change', this, changeDescription)
+          }
+        )
+      }
+    }
+  }
+}
+
+export const trackChangesAnnotation = Annotation.define()
+
+const chooseOrigin = (transaction: Transaction) => {
+  if (transaction.annotation(Transaction.remote)) {
+    return 'remote'
+  }
+  if (transaction.annotation(Transaction.userEvent) === 'undo') {
+    return 'undo'
+  }
+  if (transaction.annotation(trackChangesAnnotation) === 'reject') {
+    return 'reject'
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/review-tooltip.ts b/services/web/frontend/js/features/source-editor/extensions/review-tooltip.ts
new file mode 100644
index 0000000..57900b1
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/review-tooltip.ts
@@ -0,0 +1,215 @@
+import {
+  Decoration,
+  DecorationSet,
+  EditorView,
+  showTooltip,
+  Tooltip,
+  TooltipView,
+} from '@codemirror/view'
+import {
+  Extension,
+  StateField,
+  StateEffect,
+  Range,
+  SelectionRange,
+  EditorState,
+  Transaction,
+} from '@codemirror/state'
+import { v4 as uuid } from 'uuid'
+
+export const addNewCommentRangeEffect = StateEffect.define<Range<Decoration>>()
+
+export const removeNewCommentRangeEffect = StateEffect.define<string>()
+
+export const textSelectedEffect = StateEffect.define<null>()
+
+export const removeReviewPanelTooltipEffect = StateEffect.define()
+
+const mouseDownEffect = StateEffect.define()
+const mouseUpEffect = StateEffect.define()
+const mouseDownStateField = StateField.define<boolean>({
+  create() {
+    return false
+  },
+  update(value, tr) {
+    for (const effect of tr.effects) {
+      if (effect.is(mouseDownEffect)) {
+        return true
+      } else if (effect.is(mouseUpEffect)) {
+        return false
+      }
+    }
+
+    return value
+  },
+})
+
+export const buildAddNewCommentRangeEffect = (range: SelectionRange) => {
+  return addNewCommentRangeEffect.of(
+    Decoration.mark({
+      tagName: 'span',
+      class: `ol-cm-change ol-cm-change-c`,
+      opType: 'c',
+      id: uuid(),
+    }).range(range.from, range.to)
+  )
+}
+
+export const reviewTooltip = (): Extension => {
+  let mouseUpListener: null | (() => void) = null
+  const disableMouseUpListener = () => {
+    if (mouseUpListener) {
+      document.removeEventListener('mouseup', mouseUpListener)
+    }
+  }
+
+  return [
+    reviewTooltipTheme,
+    reviewTooltipStateField,
+    mouseDownStateField,
+    EditorView.domEventHandlers({
+      mousedown: (event, view) => {
+        disableMouseUpListener()
+        mouseUpListener = () => {
+          disableMouseUpListener()
+          view.dispatch({ effects: mouseUpEffect.of(null) })
+        }
+
+        view.dispatch({
+          effects: mouseDownEffect.of(null),
+        })
+        document.addEventListener('mouseup', mouseUpListener)
+      },
+    }),
+  ]
+}
+
+export const reviewTooltipStateField = StateField.define<{
+  tooltip: Tooltip | null
+  addCommentRanges: DecorationSet
+}>({
+  create() {
+    return { tooltip: null, addCommentRanges: Decoration.none }
+  },
+
+  update(field, tr) {
+    let { tooltip, addCommentRanges } = field
+
+    addCommentRanges = addCommentRanges.map(tr.changes)
+
+    for (const effect of tr.effects) {
+      if (effect.is(removeNewCommentRangeEffect)) {
+        const threadId = effect.value
+        addCommentRanges = addCommentRanges.update({
+          filter: (_from, _to, value) => {
+            return value.spec.id !== threadId
+          },
+        })
+      }
+
+      if (effect.is(addNewCommentRangeEffect)) {
+        const rangeToAdd = effect.value
+        addCommentRanges = addCommentRanges.update({
+          add: [rangeToAdd],
+        })
+      }
+    }
+
+    if (tr.state.selection.main.empty) {
+      return { tooltip: null, addCommentRanges }
+    }
+
+    if (
+      !tr.effects.some(effect => effect.is(mouseUpEffect)) &&
+      tr.annotation(Transaction.userEvent) !== 'select' &&
+      tr.annotation(Transaction.userEvent) !== 'select.pointer'
+    ) {
+      if (tr.selection) {
+        // selection was changed, remove the tooltip
+        return { tooltip: null, addCommentRanges }
+      }
+      // for any other update, we keep the tooltip because it could be created in previous transaction
+      // and we are still waiting for "mouse up" event to show it
+      return { tooltip, addCommentRanges }
+    }
+
+    const isMouseDown = tr.state.field(mouseDownStateField)
+    // if "isMouseDown" is true, tooltip will be created but still hidden
+    // the reason why we cant just create the tooltip on mouse up is because transaction.userEvent is empty at that point
+
+    return { tooltip: buildTooltip(tr.state, isMouseDown), addCommentRanges }
+  },
+
+  provide: field => [
+    EditorView.decorations.from(field, field => field.addCommentRanges),
+    showTooltip.compute([field], state => state.field(field).tooltip),
+  ],
+})
+
+function buildTooltip(state: EditorState, hidden: boolean): Tooltip | null {
+  const lineAtFrom = state.doc.lineAt(state.selection.main.from)
+  const lineAtTo = state.doc.lineAt(state.selection.main.to)
+  const multiLineSelection = lineAtFrom.number !== lineAtTo.number
+  const column = state.selection.main.head - lineAtTo.from
+
+  // If the selection is a multi-line selection and the cursor is at the beginning of the next line
+  // we want to show the tooltip at the end of the previous line
+  const pos =
+    multiLineSelection && column === 0
+      ? state.selection.main.head - 1
+      : state.selection.main.head
+
+  return {
+    pos,
+    above: state.selection.main.head !== state.selection.main.to,
+    create: hidden
+      ? createHiddenReviewTooltipView
+      : createVisibleReviewTooltipView,
+  }
+}
+
+const createReviewTooltipView = (hidden: boolean): TooltipView => {
+  const dom = document.createElement('div')
+  dom.className = 'review-tooltip-menu-container'
+  dom.style.display = hidden ? 'none' : 'block'
+  return {
+    dom,
+    overlap: true,
+    offset: { x: 0, y: 8 },
+  }
+}
+const createHiddenReviewTooltipView = () => createReviewTooltipView(true)
+const createVisibleReviewTooltipView = () => createReviewTooltipView(false)
+
+/**
+ * Styles for the tooltip
+ */
+const reviewTooltipTheme = EditorView.baseTheme({
+  '.review-tooltip-menu-container.cm-tooltip': {
+    backgroundColor: 'transparent',
+    border: 'none',
+    zIndex: 0,
+  },
+
+  '&light': {
+    '& .review-tooltip-menu': {
+      backgroundColor: 'white',
+    },
+    '& .review-tooltip-menu-button': {
+      '&:hover': {
+        backgroundColor: '#2f3a4c14',
+      },
+    },
+  },
+
+  '&dark': {
+    '& .review-tooltip-menu': {
+      backgroundColor: '#1b222c',
+    },
+    '& .review-tooltip-menu-button': {
+      '&:hover': {
+        backgroundColor: '#2f3a4c',
+      },
+    },
+  },
+})
diff --git a/services/web/frontend/js/features/source-editor/extensions/scroll-one-line.ts b/services/web/frontend/js/features/source-editor/extensions/scroll-one-line.ts
new file mode 100644
index 0000000..284b767
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/scroll-one-line.ts
@@ -0,0 +1,35 @@
+import { Command, EditorView } from '@codemirror/view'
+
+function scrollByLine(view: EditorView, lineCount: number) {
+  view.scrollDOM.scrollTop += view.defaultLineHeight * lineCount
+}
+
+const scrollUpOneLine: Command = (view: EditorView) => {
+  scrollByLine(view, -1)
+  // Always consume the keypress to prevent the cursor going up a line when the
+  // editor is scrolled to the top
+  return true
+}
+
+const scrollDownOneLine: Command = (view: EditorView) => {
+  scrollByLine(view, 1)
+  // Always consume the keypress to prevent the cursor going down a line when
+  // the editor is scrolled to the bottom
+  return true
+}
+
+/**
+ * Custom keymap for Windows and Linux for scrolling the viewport up/down one line with Ctrl+ArrowUp/Down.
+ */
+export const scrollOneLineKeymap = [
+  {
+    linux: 'Ctrl-ArrowUp',
+    win: 'Ctrl-ArrowUp',
+    run: scrollUpOneLine,
+  },
+  {
+    linux: 'Ctrl-ArrowDown',
+    win: 'Ctrl-ArrowDown',
+    run: scrollDownOneLine,
+  },
+]
diff --git a/services/web/frontend/js/features/source-editor/extensions/scroll-position.ts b/services/web/frontend/js/features/source-editor/extensions/scroll-position.ts
new file mode 100644
index 0000000..3750b3c
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/scroll-position.ts
@@ -0,0 +1,187 @@
+import { BlockInfo, EditorView, ViewPlugin, ViewUpdate } from '@codemirror/view'
+import { throttle } from 'lodash'
+import customLocalStorage from '../../../infrastructure/local-storage'
+import {
+  EditorSelection,
+  StateEffect,
+  Text,
+  TransactionSpec,
+} from '@codemirror/state'
+import { sourceOnly, toggleVisualEffect } from './visual/visual'
+import { debugConsole } from '@/utils/debugging'
+
+const buildStorageKey = (docId: string) => `doc.position.${docId}`
+
+type LineInfo = {
+  first: BlockInfo
+  middle: BlockInfo
+}
+
+/**
+ * A custom extension that:
+ * a) stores the scroll position (first visible line number) in localStorage when the view is destroyed,
+ *    or the window is closed, or when switching between Source and Rich Text, and
+ * b) dispatches the scroll position (middle visible line) when it changes, for use in the outline.
+ */
+export const scrollPosition = (
+  {
+    currentDoc: { doc_id: docId },
+  }: {
+    currentDoc: { doc_id: string }
+  },
+  { visual }: { visual: boolean }
+) => {
+  // store lineInfo for use on unload, when the DOM has already been unmounted
+  let lineInfo: LineInfo
+
+  const scrollHandler = throttle(
+    (event, view) => {
+      // exclude a scroll event with no target, which happens when switching docs
+      if (event.target === view.scrollDOM) {
+        lineInfo = calculateLineInfo(view)
+        dispatchScrollPosition(lineInfo, view)
+      }
+    },
+    // long enough to capture intent, but short enough that the selected heading in the outline appears current
+    120,
+    { trailing: true }
+  )
+
+  return [
+    // store/dispatch scroll position
+    ViewPlugin.define(
+      view => {
+        const unloadListener = () => {
+          if (lineInfo) {
+            storeScrollPosition(lineInfo, view, docId)
+          }
+        }
+
+        window.addEventListener('unload', unloadListener)
+
+        return {
+          update: (update: ViewUpdate) => {
+            for (const tr of update.transactions) {
+              for (const effect of tr.effects) {
+                if (effect.is(toggleVisualEffect)) {
+                  // store the scroll position when switching between source and rich text
+                  if (lineInfo) {
+                    storeScrollPosition(lineInfo, view, docId)
+                  }
+                } else if (effect.is(restoreScrollPositionEffect)) {
+                  // restore the scroll position
+                  window.setTimeout(() => {
+                    view.dispatch(scrollStoredLineToTop(tr.state.doc, docId))
+                    window.dispatchEvent(
+                      new Event('editor:scroll-position-restored')
+                    )
+                  })
+                }
+              }
+            }
+          },
+          destroy: () => {
+            scrollHandler.cancel()
+            window.removeEventListener('unload', unloadListener)
+            unloadListener()
+          },
+        }
+      },
+      {
+        eventHandlers: {
+          scroll: scrollHandler,
+        },
+      }
+    ),
+
+    // restore the scroll position when switching to source mode
+    sourceOnly(
+      visual,
+      EditorView.updateListener.of(update => {
+        for (const tr of update.transactions) {
+          for (const effect of tr.effects) {
+            if (effect.is(toggleVisualEffect)) {
+              if (!effect.value) {
+                // switching to the source editor
+                window.setTimeout(() => {
+                  update.view.dispatch(restoreScrollPosition())
+                  update.view.focus()
+                })
+              }
+            }
+          }
+        }
+      })
+    ),
+  ]
+}
+
+const restoreScrollPositionEffect = StateEffect.define()
+
+export const restoreScrollPosition = () => {
+  return {
+    effects: restoreScrollPositionEffect.of(null),
+  }
+}
+
+const calculateLineInfo = (view: EditorView) => {
+  // the top of the scrollDOM element relative to the top of the document
+  const { top, height } = view.scrollDOM.getBoundingClientRect()
+  const distanceFromDocumentTop = top - view.documentTop
+
+  return {
+    first: view.lineBlockAtHeight(distanceFromDocumentTop),
+    // top plus half the height of the scrollDOM element
+    middle: view.lineBlockAtHeight(distanceFromDocumentTop + height / 2),
+  }
+}
+
+// dispatch the middle visible line number (for the outline)
+const dispatchScrollPosition = (lineInfo: LineInfo, view: EditorView) => {
+  const middleVisibleLine = view.state.doc.lineAt(lineInfo.middle.from).number
+
+  window.dispatchEvent(
+    new CustomEvent('scroll:editor:update', {
+      detail: middleVisibleLine,
+    })
+  )
+}
+
+// store the scroll position (first visible line number, for restoring on load)
+const storeScrollPosition = (
+  lineInfo: LineInfo,
+  view: EditorView,
+  docId: string
+) => {
+  const key = buildStorageKey(docId)
+  const data = customLocalStorage.getItem(key)
+  const firstVisibleLine = view.state.doc.lineAt(lineInfo.first.from).number
+
+  customLocalStorage.setItem(key, { ...data, firstVisibleLine })
+}
+
+// restore the scroll position using the stored first visible line number
+const scrollStoredLineToTop = (doc: Text, docId: string): TransactionSpec => {
+  try {
+    const key = buildStorageKey(docId)
+    const data = customLocalStorage.getItem(key)
+
+    // restore the scroll position to its original position, or the last line of the document
+    const firstVisibleLine = Math.min(data?.firstVisibleLine ?? 1, doc.lines)
+
+    const line = doc.line(firstVisibleLine)
+
+    const selectionRange = EditorSelection.cursor(line.from)
+
+    return {
+      effects: EditorView.scrollIntoView(selectionRange, {
+        y: 'start',
+        yMargin: 0,
+      }),
+    }
+  } catch (e) {
+    // ignore invalid line number
+    debugConsole.error(e)
+    return {}
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/search.ts b/services/web/frontend/js/features/source-editor/extensions/search.ts
new file mode 100644
index 0000000..48e58a4
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/search.ts
@@ -0,0 +1,429 @@
+import {
+  search as _search,
+  setSearchQuery,
+  getSearchQuery,
+  openSearchPanel,
+  SearchQuery,
+  searchPanelOpen,
+  searchKeymap,
+  highlightSelectionMatches,
+  togglePanel,
+} from '@codemirror/search'
+import {
+  Decoration,
+  EditorView,
+  KeyBinding,
+  keymap,
+  ViewPlugin,
+} from '@codemirror/view'
+import {
+  Annotation,
+  Compartment,
+  EditorSelection,
+  EditorState,
+  Prec,
+  SelectionRange,
+  StateEffect,
+  StateField,
+  TransactionSpec,
+} from '@codemirror/state'
+import { sendSearchEvent } from '@/features/event-tracking/search-events'
+import { isVisual } from '@/features/source-editor/extensions/visual/visual'
+
+const restoreSearchQueryAnnotation = Annotation.define<boolean>()
+
+const selectNextMatch = (query: SearchQuery, state: EditorState) => {
+  if (!query.valid) {
+    return false
+  }
+
+  let cursor = query.getCursor(state.doc, state.selection.main.from)
+
+  let result = cursor.next()
+
+  if (result.done) {
+    cursor = query.getCursor(state.doc)
+    result = cursor.next()
+  }
+
+  return result.done ? null : result.value
+}
+
+const storedSelectionEffect = StateEffect.define<EditorSelection | null>()
+
+const storedSelectionState = StateField.define<EditorSelection | null>({
+  create() {
+    return null
+  },
+  update(value, tr) {
+    if (value) {
+      value = value.map(tr.changes)
+    }
+
+    for (const effect of tr.effects) {
+      if (effect.is(storedSelectionEffect)) {
+        value = effect.value
+      } else if (effect.is(togglePanel) && effect.value === false) {
+        value = null // clear the stored selection when closing the search panel
+      }
+    }
+
+    return value
+  },
+  provide(f) {
+    return [
+      EditorView.decorations.from(f, selection => {
+        if (!selection) {
+          return Decoration.none
+        }
+        const decorations = selection.ranges
+          .filter(range => !range.empty)
+          .map(range =>
+            Decoration.mark({
+              class: 'ol-cm-stored-selection',
+            }).range(range.from, range.to)
+          )
+        return Decoration.set(decorations)
+      }),
+    ]
+  },
+})
+
+export const getStoredSelection = (state: EditorState) =>
+  state.field(storedSelectionState)
+
+export const setStoredSelection = (selection: EditorSelection | null) => {
+  return {
+    effects: [
+      storedSelectionEffect.of(selection),
+      // TODO: only disable selection highlighting if the current selection is a search match
+      highlightSelectionMatchesConf.reconfigure(
+        selection ? [] : highlightSelectionMatchesExtension
+      ),
+    ],
+  }
+}
+
+const highlightSelectionMatchesConf = new Compartment()
+
+const highlightSelectionMatchesExtension = highlightSelectionMatches({
+  wholeWords: true,
+})
+
+// store the search query for use when switching between files
+// TODO: move this into EditorContext?
+let searchQuery: SearchQuery | null
+
+const scrollToMatch = (range: SelectionRange, view: EditorView) => {
+  const coords = {
+    from: view.coordsAtPos(range.from),
+    to: view.coordsAtPos(range.to),
+  }
+  const scrollRect = view.scrollDOM.getBoundingClientRect()
+  const strategy =
+    (coords.from && coords.from.top < scrollRect.top) ||
+    (coords.to && coords.to.bottom > scrollRect.bottom)
+      ? 'center'
+      : 'nearest'
+
+  return EditorView.scrollIntoView(range, {
+    y: strategy,
+  })
+}
+
+const searchEventKeymap: KeyBinding[] = [
+  // record an event when the search panel is opened using the keyboard shortcut
+  {
+    key: 'Mod-f',
+    preventDefault: true,
+    scope: 'editor search-panel',
+    run(view) {
+      if (!searchPanelOpen(view.state)) {
+        sendSearchEvent('search-open', {
+          searchType: 'document',
+          method: 'keyboard',
+          mode: isVisual(view) ? 'visual' : 'source',
+        })
+      }
+      return false // continue with the regular search shortcut
+    },
+  },
+]
+
+/**
+ * A collection of extensions related to the search feature.
+ */
+export const search = () => {
+  let open = false
+
+  return [
+    // keymap for search events
+    Prec.high(keymap.of(searchEventKeymap)),
+
+    // keymap for search
+    keymap.of(searchKeymap),
+
+    // highlight text which matches the current selection
+    highlightSelectionMatchesConf.of(highlightSelectionMatchesExtension),
+
+    // a stored selection for use in "within selection" searches
+    storedSelectionState,
+
+    /**
+     * The CodeMirror `search` extension, configured to create a custom panel element
+     * and to scroll the search match into the centre of the viewport when needed.
+     */
+    _search({
+      literal: true,
+      // centre the search match if it was outside the visible area
+      scrollToMatch,
+      createPanel: () => {
+        const dom = document.createElement('div')
+        dom.className = 'ol-cm-search'
+
+        return {
+          dom,
+          mount() {
+            open = true
+
+            // focus the search input when the panel is already open
+            const searchInput =
+              dom.querySelector<HTMLInputElement>('[main-field]')
+            if (searchInput) {
+              searchInput.focus()
+              searchInput.select()
+            }
+          },
+          destroy() {
+            window.setTimeout(() => {
+              open = false // in a timeout, so the view plugin below can run its destroy method first
+            }, 0)
+          },
+        }
+      },
+    }),
+
+    // restore a stored search and re-open the search panel
+    ViewPlugin.define(view => {
+      if (searchQuery) {
+        const _searchQuery = searchQuery
+        window.setTimeout(() => {
+          openSearchPanel(view)
+          view.dispatch({
+            effects: setSearchQuery.of(_searchQuery),
+            annotations: restoreSearchQueryAnnotation.of(true),
+          })
+        }, 0)
+      }
+
+      return {
+        destroy() {
+          // persist the current search query if the panel is open
+          searchQuery = open ? getSearchQuery(view.state) : null
+        },
+      }
+    }),
+
+    // select a match while searching
+    EditorView.updateListener.of(update => {
+      // if the search panel wasn't open, don't select a match
+      if (!searchPanelOpen(update.startState)) {
+        return
+      }
+
+      for (const tr of update.transactions) {
+        // avoid changing the selection and viewport when switching between files
+        if (tr.annotation(restoreSearchQueryAnnotation)) {
+          continue
+        }
+
+        for (const effect of tr.effects) {
+          if (effect.is(setSearchQuery)) {
+            const query = effect.value
+            if (!query) return
+
+            // The rest of this messes up searching in Vim, which is handled by
+            // the Vim extension, so bail out here in Vim mode. Happily, the
+            // Vim extension sticks an extra property on the query value that
+            // can be checked
+            if ('forVim' in query) return
+
+            const next = selectNextMatch(query, tr.state)
+
+            if (next) {
+              // select a match if possible
+              const spec: TransactionSpec = {
+                selection: { anchor: next.from, head: next.to },
+                userEvent: 'select.search',
+              }
+
+              // scroll into view if not opening the panel
+              if (searchPanelOpen(tr.startState)) {
+                spec.effects = scrollToMatch(
+                  EditorSelection.range(next.from, next.to),
+                  update.view
+                )
+              }
+
+              update.view.dispatch(spec)
+            } else {
+              // clear the selection if the query became invalid
+              const prevQuery = getSearchQuery(tr.startState)
+
+              if (prevQuery.valid) {
+                const { from } = tr.startState.selection.main
+
+                update.view.dispatch({
+                  selection: { anchor: from },
+                })
+              }
+            }
+          }
+        }
+      }
+    }),
+    searchFormTheme,
+  ]
+}
+
+const searchFormTheme = EditorView.theme({
+  '.ol-cm-search-form': {
+    '--ol-cm-search-form-gap': '10px',
+    '--ol-cm-search-form-button-margin': '3px',
+    padding: 'var(--ol-cm-search-form-gap)',
+    display: 'flex',
+    gap: 'var(--ol-cm-search-form-gap)',
+    background: 'var(--neutral-20)',
+    '--ol-cm-search-form-focus-shadow':
+      'inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%)',
+    '--ol-cm-search-form-error-shadow':
+      'inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px var(--red-50)',
+    containerType: 'inline-size',
+    '& .form-control-sm, & .btn-sm': {
+      padding: 'var(--spacing-03) var(--spacing-05)',
+    },
+  },
+  '&.ol-cm-search-form': {
+    '--ol-cm-search-form-gap': 'var(--spacing-05)',
+    '--ol-cm-search-form-button-margin': 'var(--spacing-02)',
+    '--input-border': 'var(--border-primary)',
+    '--input-border-focus': 'var(--border-active)',
+  },
+  '.ol-cm-search-controls': {
+    display: 'grid',
+    gridTemplateColumns: 'auto auto',
+    gridTemplateRows: 'auto auto',
+    gap: 'var(--ol-cm-search-form-gap)',
+    flex: 1,
+  },
+  '@container (max-width: 450px)': {
+    '.ol-cm-search-controls': {
+      gridTemplateColumns: 'auto',
+    },
+  },
+  '.ol-cm-search-form-row': {
+    display: 'flex',
+    gap: 'var(--ol-cm-search-form-gap)',
+    justifyContent: 'space-between',
+  },
+  '.ol-cm-search-form-group': {
+    display: 'flex',
+    gap: 'var(--ol-cm-search-form-gap)',
+    alignItems: 'center',
+  },
+  '.ol-cm-search-input-group': {
+    border: '1px solid var(--input-border)',
+    borderRadius: '20px',
+    background: 'white',
+    width: '100%',
+    maxWidth: '50em',
+    display: 'inline-flex',
+    alignItems: 'center',
+    '& input[type="text"]': {
+      background: 'none',
+      boxShadow: 'none',
+    },
+    '& input[type="text"]:focus': {
+      outline: 'none',
+      boxShadow: 'none',
+    },
+    '& .btn.btn': {
+      background: 'var(--neutral-10)',
+      color: 'var(--neutral-60)',
+      borderRadius: '50%',
+      height: '2em',
+      display: 'inline-flex',
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: '2em',
+      marginRight: 'var(--ol-cm-search-form-button-margin)',
+      '&.checked': {
+        color: 'var(--white)',
+        backgroundColor: 'var(--blue-50)',
+      },
+      '&:active': {
+        boxShadow: 'none',
+      },
+    },
+    '&:focus-within': {
+      borderColor: 'var(--input-border-focus)',
+      boxShadow: 'var(--ol-cm-search-form-focus-shadow)',
+    },
+  },
+  '.ol-cm-search-input-group.ol-cm-search-input-error': {
+    '&:focus-within': {
+      borderColor: 'var(--input-border-danger)',
+      boxShadow: 'var(--ol-cm-search-form-error-shadow)',
+    },
+  },
+  '.ol-cm-search-form-input': {
+    border: 'none',
+  },
+  '.ol-cm-search-input-button': {
+    background: '#fff',
+    color: 'inherit',
+    border: 'none',
+  },
+  '.ol-cm-search-input-button.focused': {
+    borderColor: 'var(--input-border-focus)',
+    boxShadow: 'var(--ol-cm-search-form-focus-shadow)',
+  },
+  '.ol-cm-search-form-button-group': {
+    flexShrink: 0,
+  },
+  '.ol-cm-search-form-position': {
+    flexShrink: 0,
+    color: 'var(--content-secondary)',
+  },
+  '.ol-cm-search-hidden-inputs': {
+    position: 'absolute',
+    left: '-10000px',
+  },
+  '.ol-cm-search-form-close': {
+    marginLeft: 'auto',
+    display: 'flex',
+    alignItems: 'start',
+  },
+  '.ol-cm-search-replace-input': {
+    order: 3,
+  },
+  '.ol-cm-search-replace-buttons': {
+    order: 4,
+  },
+  '.ol-cm-stored-selection': {
+    background: 'rgba(125, 125, 125, 0.1)',
+    paddingTop: 'var(--half-leading)',
+    paddingBottom: 'var(--half-leading)',
+  },
+  // set the default "match" style
+  '.cm-selectionMatch, .cm-searchMatch': {
+    backgroundColor: 'transparent',
+    outlineOffset: '-1px',
+    paddingTop: 'var(--half-leading)',
+    paddingBottom: 'var(--half-leading)',
+  },
+  // make sure selectionMatch inside searchMatch doesn't have a background colour
+  '.cm-searchMatch .cm-selectionMatch': {
+    backgroundColor: 'transparent !important',
+  },
+})
diff --git a/services/web/frontend/js/features/source-editor/extensions/shortcuts.ts b/services/web/frontend/js/features/source-editor/extensions/shortcuts.ts
new file mode 100644
index 0000000..e293f4b
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/shortcuts.ts
@@ -0,0 +1,224 @@
+import { keymap } from '@codemirror/view'
+import { Prec } from '@codemirror/state'
+import { indentMore } from '../commands/indent'
+import {
+  indentLess,
+  redo,
+  deleteLine,
+  toggleLineComment,
+  cursorLineBoundaryBackward,
+  selectLineBoundaryBackward,
+  cursorLineBoundaryForward,
+  selectLineBoundaryForward,
+  cursorSyntaxLeft,
+  selectSyntaxLeft,
+  cursorSyntaxRight,
+  selectSyntaxRight,
+} from '@codemirror/commands'
+import { changeCase, duplicateSelection } from '../commands/ranges'
+import { selectNextOccurrence, selectPrevOccurrence } from '../commands/select'
+import { cloneSelectionVertically } from '../commands/cursor'
+import {
+  deleteToVisualLineEnd,
+  deleteToVisualLineStart,
+} from './visual-line-selection'
+import { emitShortcutEvent } from '@/features/source-editor/extensions/toolbar/utils/analytics'
+
+const toggleReviewPanel = () => {
+  window.dispatchEvent(new Event('ui.toggle-review-panel'))
+  return true
+}
+
+const addNewCommentFromKbdShortcut = () => {
+  window.dispatchEvent(new Event('add-new-review-comment'))
+  return true
+}
+
+const toggleTrackChangesFromKbdShortcut = () => {
+  window.dispatchEvent(new Event('toggle-track-changes'))
+  return true
+}
+
+/**
+ * Custom key bindings for motion, transformation, selection, history, etc.
+ */
+export const shortcuts = Prec.high(
+  keymap.of([
+    {
+      key: 'Tab',
+      run: indentMore,
+    },
+    {
+      key: 'Shift-Tab',
+      run: indentLess,
+    },
+    {
+      key: 'Mod-y',
+      preventDefault: true,
+      run: redo,
+    },
+    {
+      key: 'Mod-Shift-z',
+      preventDefault: true,
+      run: redo,
+    },
+
+    // defaultKeymap maps Mod-/ to toggleLineComment, but
+    // w3c-keyname has a hard-coded mapping of Shift+key => character
+    // which uses a US keyboard layout, so we need to add more mappings.
+
+    // Mod-/, but Spanish, Portuguese, German and Swedish keyboard layouts have / at Shift+7
+    // (keyCode 55, mapped with Shift to &)
+    {
+      key: 'Mod-&',
+      preventDefault: true,
+      run: toggleLineComment,
+    },
+    // Mod-/, but German keyboard layouts have / at Cmd+Shift+ß
+    // Mod-/, but Czech keyboard layouts have / at Shift-ú
+    // (keyCode 191, mapped with Shift to ?)
+    {
+      key: 'Mod-?',
+      preventDefault: true,
+      run: toggleLineComment,
+    },
+    // German keyboard layouts map 0xBF to #,
+    // so VS Code on Windows/Linux uses Ctrl-# to toggle line comments.
+    // This is an additional, undocumented shortcut for compatibility.
+    {
+      key: 'Ctrl-#',
+      preventDefault: true,
+      run: toggleLineComment,
+    },
+
+    {
+      key: 'Ctrl-u',
+      preventDefault: true,
+      run: changeCase(true), // uppercase
+    },
+    {
+      key: 'Ctrl-Shift-u',
+      preventDefault: true,
+      run: changeCase(false), // lowercase
+    },
+    {
+      key: 'Mod-d',
+      preventDefault: true,
+      run(view) {
+        emitShortcutEvent(view, 'delete-line')
+        return deleteLine(view)
+      },
+    },
+    {
+      key: 'Mod-j',
+      preventDefault: true,
+      run: toggleReviewPanel,
+    },
+    {
+      key: 'Mod-Shift-c',
+      preventDefault: true,
+      run: addNewCommentFromKbdShortcut,
+    },
+    {
+      key: 'Mod-Shift-a',
+      preventDefault: true,
+      run: toggleTrackChangesFromKbdShortcut,
+    },
+    {
+      key: 'Cmd-Alt-ArrowUp',
+      preventDefault: true,
+      run: cloneSelectionVertically(false, true, 'cmd'),
+    },
+    {
+      key: 'Cmd-Alt-ArrowDown',
+      preventDefault: true,
+      run: cloneSelectionVertically(true, true, 'cmd'),
+    },
+    {
+      key: 'Cmd-Alt-Shift-ArrowUp',
+      preventDefault: true,
+      run: cloneSelectionVertically(false, false, 'cmd'),
+    },
+    {
+      key: 'Cmd-Alt-Shift-ArrowDown',
+      preventDefault: true,
+      run: cloneSelectionVertically(true, false, 'cmd'),
+    },
+    // Duplicates of the above commands,
+    // allowing Ctrl instead of Command (but still tracking the events separately).
+    // Note: both Ctrl and Commmand versions need to work on macOS, for backwards compatibility,
+    // so the duplicates shouldn't simply be combined to use `Mod-`.
+    {
+      key: 'Ctrl-Alt-ArrowUp',
+      preventDefault: true,
+      run: cloneSelectionVertically(false, true, 'ctrl'),
+    },
+    {
+      key: 'Ctrl-Alt-ArrowDown',
+      preventDefault: true,
+      run: cloneSelectionVertically(true, true, 'ctrl'),
+    },
+    {
+      key: 'Ctrl-Alt-Shift-ArrowUp',
+      preventDefault: true,
+      run: cloneSelectionVertically(false, false, 'ctrl'),
+    },
+    {
+      key: 'Ctrl-Alt-Shift-ArrowDown',
+      preventDefault: true,
+      run: cloneSelectionVertically(true, false, 'ctrl'),
+    },
+    {
+      key: 'Ctrl-Alt-ArrowLeft',
+      preventDefault: true,
+      run(view) {
+        emitShortcutEvent(view, 'select-prev-occurrence')
+        return selectPrevOccurrence(view)
+      },
+    },
+    {
+      key: 'Ctrl-Alt-ArrowRight',
+      preventDefault: true,
+      run(view) {
+        emitShortcutEvent(view, 'select-next-occurrence')
+        return selectNextOccurrence(view)
+      },
+    },
+    {
+      key: 'Mod-Shift-d',
+      run: duplicateSelection,
+    },
+    {
+      win: 'Alt-ArrowLeft',
+      linux: 'Alt-ArrowLeft',
+      run: cursorLineBoundaryBackward,
+      shift: selectLineBoundaryBackward,
+      preventDefault: true,
+    },
+    {
+      win: 'Alt-ArrowRight',
+      linux: 'Alt-ArrowRight',
+      run: cursorLineBoundaryForward,
+      shift: selectLineBoundaryForward,
+      preventDefault: true,
+    },
+    {
+      mac: 'Ctrl-ArrowLeft',
+      run: cursorSyntaxLeft,
+      shift: selectSyntaxLeft,
+    },
+    {
+      mac: 'Ctrl-ArrowRight',
+      run: cursorSyntaxRight,
+      shift: selectSyntaxRight,
+    },
+    {
+      mac: 'Cmd-Backspace',
+      run: deleteToVisualLineStart,
+    },
+    {
+      mac: 'Cmd-Delete',
+      run: deleteToVisualLineEnd,
+    },
+  ])
+)
diff --git a/services/web/frontend/js/features/source-editor/extensions/spelling/cache.ts b/services/web/frontend/js/features/source-editor/extensions/spelling/cache.ts
new file mode 100644
index 0000000..44edcf1
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/spelling/cache.ts
@@ -0,0 +1,104 @@
+import { StateField, StateEffect } from '@codemirror/state'
+import LRU from 'lru-cache'
+import { Word } from './spellchecker'
+const CACHE_MAX = 15000
+
+export const cacheKey = (lang: string, wordText: string) => {
+  return `${lang}:${wordText}`
+}
+
+export class WordCache {
+  private _cache: LRU<string, boolean>
+
+  constructor() {
+    this._cache = new LRU({ max: CACHE_MAX })
+  }
+
+  set(lang: string, wordText: string, value: boolean) {
+    const key = cacheKey(lang, wordText)
+    this._cache.set(key, value)
+  }
+
+  get(lang: string, wordText: string) {
+    const key = cacheKey(lang, wordText)
+    return this._cache.get(key)
+  }
+
+  remove(lang: string, wordText: string) {
+    const key = cacheKey(lang, wordText)
+    this._cache.delete(key)
+  }
+
+  reset() {
+    this._cache = new LRU({ max: CACHE_MAX })
+  }
+
+  /*
+   * Given a language and a list of words,
+   * check the cache and sort the words into two categories:
+   *   - words we know to be misspelled
+   *   - words that are presently unknown to us
+   */
+  checkWords(
+    lang: string,
+    wordsToCheck: Word[]
+  ): {
+    knownMisspelledWords: Word[]
+    unknownWords: Word[]
+  } {
+    const knownMisspelledWords: Word[] = []
+    const unknownWords: Word[] = []
+    const seen: Record<string, boolean | undefined> = {}
+    for (const word of wordsToCheck) {
+      const wordText = word.text
+      if (seen[wordText] === undefined) {
+        seen[wordText] = this.get(lang, wordText)
+      }
+      const cached = seen[wordText]
+      if (cached === undefined) {
+        // Word is not known
+        unknownWords.push(word)
+      } else if (!cached) {
+        // Word is known to be misspelled
+        knownMisspelledWords.push(word)
+      }
+    }
+    return {
+      knownMisspelledWords,
+      unknownWords,
+    }
+  }
+}
+
+export const addWordToCache = StateEffect.define<{
+  lang: string
+  wordText: string
+  value: boolean
+}>()
+
+export const removeWordFromCache = StateEffect.define<{
+  lang: string
+  wordText: string
+}>()
+
+// Share a single instance of WordCache between all instances of the CM6 source editor. This means that cached words are
+// retained when switching away from CM6 and then back to it.
+const wordCache = new WordCache()
+
+export const cacheField = StateField.define<WordCache>({
+  create() {
+    return wordCache
+  },
+  update(cache, transaction) {
+    for (const effect of transaction.effects) {
+      if (effect.is(addWordToCache)) {
+        const { lang, wordText, value } = effect.value
+        cache.set(lang, wordText, value)
+      } else if (effect.is(removeWordFromCache)) {
+        const { lang, wordText } = effect.value
+        cache.remove(lang, wordText)
+      }
+    }
+    return cache
+  },
+})
diff --git a/services/web/frontend/js/features/source-editor/extensions/spelling/context-menu.tsx b/services/web/frontend/js/features/source-editor/extensions/spelling/context-menu.tsx
new file mode 100644
index 0000000..a38c9c9
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/spelling/context-menu.tsx
@@ -0,0 +1,247 @@
+import {
+  StateField,
+  StateEffect,
+  Prec,
+  EditorSelection,
+} from '@codemirror/state'
+import { EditorView, showTooltip, Tooltip, keymap } from '@codemirror/view'
+import { Word, Mark, getMarkAtPosition } from './spellchecker'
+import { debugConsole } from '@/utils/debugging'
+import {
+  getSpellChecker,
+  getSpellCheckLanguage,
+} from '@/features/source-editor/extensions/spelling/index'
+import { sendMB } from '@/infrastructure/event-tracking'
+import ReactDOM from 'react-dom'
+import { SpellingSuggestions } from '@/features/source-editor/extensions/spelling/spelling-suggestions'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+import { addLearnedWord } from '@/features/source-editor/extensions/spelling/learned-words'
+import { postJSON } from '@/infrastructure/fetch-json'
+
+/*
+ * The time until which a click event will be ignored, so it doesn't immediately close the spelling menu.
+ * Safari emits an additional "click" event when event.preventDefault() is called in the "contextmenu" event listener.
+ */
+let openingUntil = 0
+
+/*
+ * Hide the spelling menu on click
+ */
+const handleClickEvent = (event: MouseEvent, view: EditorView) => {
+  if (Date.now() < openingUntil) {
+    return
+  }
+
+  if (view.state.field(spellingMenuField, false)) {
+    view.dispatch({
+      effects: hideSpellingMenu.of(null),
+    })
+  }
+}
+
+/*
+ * Detect when the user right-clicks on a misspelled word,
+ * and show a menu of suggestions
+ */
+const handleContextMenuEvent = (event: MouseEvent, view: EditorView) => {
+  const position = view.posAtCoords(
+    {
+      x: event.pageX,
+      y: event.pageY,
+    },
+    false
+  )
+  const targetMark = getMarkAtPosition(view, position)
+
+  if (!targetMark) {
+    return
+  }
+
+  const { value } = targetMark
+
+  const targetWord = value.spec.word
+  if (!targetWord) {
+    debugConsole.debug(
+      '>> spelling no word associated with decorated range, stopping'
+    )
+    return
+  }
+
+  event.preventDefault()
+
+  openingUntil = Date.now() + 100
+
+  view.dispatch({
+    effects: showSpellingMenu.of({
+      mark: targetMark,
+      word: targetWord,
+    }),
+  })
+}
+
+const handleShortcutEvent = (view: EditorView) => {
+  const targetMark = getMarkAtPosition(view, view.state.selection.main.from)
+
+  if (!targetMark || !targetMark.value) {
+    return false
+  }
+
+  view.dispatch({
+    effects: showSpellingMenu.of({
+      mark: targetMark,
+      word: targetMark.value.spec.word,
+    }),
+  })
+
+  return true
+}
+
+/*
+ * Spelling menu "tooltip" field.
+ * Manages the menu of suggestions shown on right-click
+ */
+export const spellingMenuField = StateField.define<Tooltip | null>({
+  create() {
+    return null
+  },
+  update(value, transaction) {
+    if (value) {
+      value = {
+        ...value,
+        pos: transaction.changes.mapPos(value.pos),
+        end: value.end ? transaction.changes.mapPos(value.end) : undefined,
+      }
+    }
+
+    for (const effect of transaction.effects) {
+      if (effect.is(hideSpellingMenu)) {
+        value = null
+      } else if (effect.is(showSpellingMenu)) {
+        const { mark, word } = effect.value
+        // Build a "Tooltip" showing the suggestions
+        value = {
+          pos: mark.from,
+          end: mark.to,
+          above: false,
+          strictSide: false,
+          create: createSpellingSuggestionList(word),
+        }
+      }
+    }
+    return value
+  },
+  provide: field => {
+    return [
+      showTooltip.from(field),
+      EditorView.domEventHandlers({
+        contextmenu: handleContextMenuEvent,
+        click: handleClickEvent,
+      }),
+      Prec.highest(
+        keymap.of([
+          { key: 'Ctrl-Space', run: handleShortcutEvent },
+          { key: 'Alt-Space', run: handleShortcutEvent },
+        ])
+      ),
+    ]
+  },
+})
+
+const showSpellingMenu = StateEffect.define<{ mark: Mark; word: Word }>()
+
+export const hideSpellingMenu = StateEffect.define()
+
+/*
+ * Creates the suggestion menu dom, to be displayed in the
+ * spelling menu "tooltip"
+ * */
+const createSpellingSuggestionList = (word: Word) => (view: EditorView) => {
+  const dom = document.createElement('div')
+  dom.classList.add('ol-cm-spelling-context-menu-tooltip')
+
+  ReactDOM.render(
+    <SplitTestProvider>
+      <SpellingSuggestions
+        word={word}
+        spellCheckLanguage={getSpellCheckLanguage(view.state)}
+        spellChecker={getSpellChecker(view.state)}
+        handleClose={(focus = true) => {
+          view.dispatch({
+            effects: hideSpellingMenu.of(null),
+          })
+          if (focus) {
+            view.focus()
+          }
+        }}
+        handleLearnWord={() => {
+          const tooltip = view.state.field(spellingMenuField)
+          if (tooltip) {
+            window.setTimeout(() => {
+              view.dispatch({
+                selection: EditorSelection.cursor(tooltip.end ?? tooltip.pos),
+              })
+            })
+          }
+          view.focus()
+
+          postJSON('/spelling/learn', {
+            body: {
+              word: word.text,
+            },
+          })
+            .then(() => {
+              view.dispatch(addLearnedWord(word.text), {
+                effects: hideSpellingMenu.of(null),
+              })
+              sendMB('spelling-word-added', {
+                language: getSpellCheckLanguage(view.state),
+              })
+            })
+            .catch(error => {
+              debugConsole.error(error)
+            })
+        }}
+        handleCorrectWord={(text: string) => {
+          const tooltip = view.state.field(spellingMenuField)
+          if (!tooltip) {
+            throw new Error('No active tooltip')
+          }
+
+          const existingText = view.state.doc.sliceString(
+            tooltip.pos,
+            tooltip.end
+          )
+          if (existingText !== word.text) {
+            return
+          }
+
+          window.setTimeout(() => {
+            const changes = view.state.changes([
+              { from: tooltip.pos, to: tooltip.end, insert: text },
+            ])
+
+            view.dispatch({
+              changes,
+              effects: [hideSpellingMenu.of(null)],
+              selection: EditorSelection.cursor(tooltip.end ?? tooltip.pos).map(
+                changes
+              ),
+            })
+          })
+          view.focus()
+
+          sendMB('spelling-suggestion-click', {
+            language: getSpellCheckLanguage(view.state),
+          })
+        }}
+      />
+    </SplitTestProvider>,
+    dom
+  )
+
+  const destroy = () => {
+    ReactDOM.unmountComponentAtNode(dom)
+  }
+
+  return { dom, destroy }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/spelling/helpers.ts b/services/web/frontend/js/features/source-editor/extensions/spelling/helpers.ts
new file mode 100644
index 0000000..b030f6d
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/spelling/helpers.ts
@@ -0,0 +1 @@
+export const WORD_REGEX = /\\?['\p{L}]+/gu
diff --git a/services/web/frontend/js/features/source-editor/extensions/spelling/index.ts b/services/web/frontend/js/features/source-editor/extensions/spelling/index.ts
new file mode 100644
index 0000000..e95026b
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/spelling/index.ts
@@ -0,0 +1,155 @@
+import { EditorView, ViewPlugin } from '@codemirror/view'
+import {
+  EditorState,
+  StateEffect,
+  StateField,
+  TransactionSpec,
+} from '@codemirror/state'
+import { misspelledWordsField } from './misspelled-words'
+import { removeLearnedWord } from './learned-words'
+import { cacheField } from './cache'
+import { hideSpellingMenu, spellingMenuField } from './context-menu'
+import { SpellChecker } from './spellchecker'
+import { parserWatcher } from '../wait-for-parser'
+import type { HunspellManager } from '@/features/source-editor/hunspell/HunspellManager'
+
+type Options = {
+  spellCheckLanguage?: string
+  hunspellManager?: HunspellManager
+}
+
+/**
+ * A custom extension that creates a spell checker for the current language (from the user settings).
+ * The spell check runs on the server whenever a line changes.
+ * The mis-spelled words, ignored words and spell-checked words are stored in a state field.
+ * Mis-spelled words are decorated with a Mark decoration.
+ * The suggestions menu is displayed in a tooltip, activated with a right-click on the decoration.
+ */
+export const spelling = ({ spellCheckLanguage, hunspellManager }: Options) => {
+  return [
+    spellingTheme,
+    parserWatcher,
+    spellCheckLanguageField.init(() => spellCheckLanguage),
+    spellCheckerField.init(() =>
+      spellCheckLanguage
+        ? new SpellChecker(spellCheckLanguage, hunspellManager)
+        : null
+    ),
+    misspelledWordsField,
+    cacheField,
+    spellingMenuField,
+    dictionary,
+  ]
+}
+
+const dictionary = ViewPlugin.define(view => {
+  const listener = (event: Event) => {
+    view.dispatch(removeLearnedWord((event as CustomEvent<string>).detail))
+  }
+
+  window.addEventListener('editor:remove-learned-word', listener)
+
+  return {
+    destroy() {
+      window.removeEventListener('editor:remove-learned-word', listener)
+    },
+  }
+})
+
+const spellingTheme = EditorView.baseTheme({
+  '.ol-cm-spelling-error': {
+    textDecorationColor: 'red',
+    textDecorationLine: 'underline',
+    textDecorationStyle: 'dotted',
+    textDecorationThickness: '2px',
+    textDecorationSkipInk: 'none',
+    textUnderlineOffset: '0.2em',
+  },
+  '.cm-tooltip.ol-cm-spelling-context-menu-tooltip': {
+    borderWidth: '0',
+    background: 'transparent',
+  },
+})
+
+export const getSpellChecker = (state: EditorState) =>
+  state.field(spellCheckerField, false)
+
+const spellCheckerField = StateField.define<SpellChecker | null>({
+  create() {
+    return null
+  },
+  update(value, tr) {
+    for (const effect of tr.effects) {
+      if (effect.is(setSpellCheckLanguageEffect)) {
+        value?.destroy()
+        value = effect.value.spellCheckLanguage
+          ? new SpellChecker(
+              effect.value.spellCheckLanguage,
+              effect.value.hunspellManager
+            )
+          : null
+      }
+    }
+    return value
+  },
+  provide(field) {
+    return [
+      ViewPlugin.define(view => {
+        return {
+          destroy: () => {
+            view.state.field(field)?.destroy()
+          },
+        }
+      }),
+      EditorView.domEventHandlers({
+        focus: (_event, view) => {
+          if (view.state.facet(EditorView.editable)) {
+            view.state.field(field)?.scheduleSpellCheck(view)
+          }
+        },
+      }),
+      EditorView.updateListener.of(update => {
+        if (update.state.facet(EditorView.editable)) {
+          update.state.field(field)?.handleUpdate(update)
+        }
+      }),
+    ]
+  },
+})
+
+export const getSpellCheckLanguage = (state: EditorState) =>
+  state.field(spellCheckLanguageField, false)
+
+const spellCheckLanguageField = StateField.define<string | undefined>({
+  create() {
+    return undefined
+  },
+  update(value, tr) {
+    for (const effect of tr.effects) {
+      if (effect.is(setSpellCheckLanguageEffect)) {
+        value = effect.value.spellCheckLanguage
+      }
+    }
+    return value
+  },
+})
+
+export const setSpellCheckLanguageEffect = StateEffect.define<{
+  spellCheckLanguage: string | undefined
+  hunspellManager?: HunspellManager
+}>()
+
+export const setSpellCheckLanguage = ({
+  spellCheckLanguage,
+  hunspellManager,
+}: Options): TransactionSpec => {
+  return {
+    effects: [
+      setSpellCheckLanguageEffect.of({
+        spellCheckLanguage,
+        hunspellManager,
+      }),
+      hideSpellingMenu.of(null),
+    ],
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/spelling/learned-words.ts b/services/web/frontend/js/features/source-editor/extensions/spelling/learned-words.ts
new file mode 100644
index 0000000..8582131
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/spelling/learned-words.ts
@@ -0,0 +1,24 @@
+import { StateEffect } from '@codemirror/state'
+import getMeta from '@/utils/meta'
+
+export const addLearnedWordEffect = StateEffect.define<string>()
+
+export const removeLearnedWordEffect = StateEffect.define<string>()
+
+export const learnedWords = {
+  global: new Set(getMeta('ol-learnedWords')),
+}
+
+export const addLearnedWord = (text: string) => {
+  learnedWords.global.add(text)
+  return {
+    effects: addLearnedWordEffect.of(text),
+  }
+}
+
+export const removeLearnedWord = (text: string) => {
+  learnedWords.global.delete(text)
+  return {
+    effects: removeLearnedWordEffect.of(text),
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/spelling/misspelled-words.ts b/services/web/frontend/js/features/source-editor/extensions/spelling/misspelled-words.ts
new file mode 100644
index 0000000..ecda168
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/spelling/misspelled-words.ts
@@ -0,0 +1,85 @@
+import { StateField, StateEffect, Line } from '@codemirror/state'
+import { EditorView, Decoration, DecorationSet } from '@codemirror/view'
+import { addLearnedWordEffect } from './learned-words'
+import { Word } from './spellchecker'
+import { setSpellCheckLanguageEffect } from '@/features/source-editor/extensions/spelling/index'
+
+export const addMisspelledWords = StateEffect.define<Word[]>()
+
+const createMark = (word: Word) => {
+  return Decoration.mark({
+    class: 'ol-cm-spelling-error',
+    word,
+  }).range(word.from, word.to)
+}
+
+/*
+ * State for misspelled words, the results of a
+ * spellcheck request. Misspelled words are marked
+ * with a red wavy underline.
+ */
+export const misspelledWordsField = StateField.define<DecorationSet>({
+  create() {
+    return Decoration.none
+  },
+  update(marks, transaction) {
+    if (transaction.docChanged) {
+      // Remove any marks whose text has just been edited
+      marks = marks.update({
+        filter(from, to) {
+          return !transaction.changes.touchesRange(from, to)
+        },
+      })
+    }
+
+    marks = marks.map(transaction.changes)
+
+    for (const effect of transaction.effects) {
+      if (effect.is(addMisspelledWords)) {
+        const { doc } = transaction.state
+
+        // collect the lines that contained mispelled words, so existing marks can be removed
+        const affectedLines = new Map<number, Line>()
+        for (const word of effect.value) {
+          if (!affectedLines.has(word.lineNumber)) {
+            affectedLines.set(word.lineNumber, doc.line(word.lineNumber))
+          }
+        }
+
+        // Merge the new misspelled words into the existing set of marks
+        marks = marks.update({
+          filter(from, to) {
+            for (const line of affectedLines.values()) {
+              if (to > line.from && from < line.to) {
+                return false
+              }
+            }
+            return true
+          },
+          add: effect.value.map(word => createMark(word)),
+          sort: true,
+        })
+      } else if (effect.is(addLearnedWordEffect)) {
+        const word = effect.value
+        // Remove existing marks matching the text of a supplied word
+        marks = marks.update({
+          filter(_from, _to, mark) {
+            return (
+              mark.spec.word.text !== word &&
+              mark.spec.word.text !== capitaliseWord(word)
+            )
+          },
+        })
+      } else if (effect.is(setSpellCheckLanguageEffect)) {
+        marks = Decoration.none
+      }
+    }
+    return marks
+  },
+  provide: field => {
+    return EditorView.decorations.from(field)
+  },
+})
+
+const capitaliseWord = (word: string) =>
+  word.charAt(0).toUpperCase() + word.substring(1)
diff --git a/services/web/frontend/js/features/source-editor/extensions/spelling/spellchecker.ts b/services/web/frontend/js/features/source-editor/extensions/spelling/spellchecker.ts
new file mode 100644
index 0000000..84054a8
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/spelling/spellchecker.ts
@@ -0,0 +1,440 @@
+import { addMisspelledWords, misspelledWordsField } from './misspelled-words'
+import { addLearnedWordEffect, removeLearnedWordEffect } from './learned-words'
+import { cacheField, addWordToCache } from './cache'
+import { WORD_REGEX } from './helpers'
+import OError from '@overleaf/o-error'
+import { EditorView, ViewUpdate } from '@codemirror/view'
+import { ChangeSet, Line, Range, RangeValue } from '@codemirror/state'
+import { getNormalTextSpansFromLine } from '../../utils/tree-query'
+import { waitForParser } from '../wait-for-parser'
+import { debugConsole } from '@/utils/debugging'
+import type { HunspellManager } from '../../hunspell/HunspellManager'
+import { captureException } from '@/infrastructure/error-reporter'
+
+/*
+ * Spellchecker, handles updates, schedules spelling checks
+ */
+export class SpellChecker {
+  private abortController?: AbortController | null = null
+  private timeout: number | null = null
+  private firstCheck = true
+  private waitingForParser = false
+  private firstCheckPending = false
+  private trackedChanges: ChangeSet
+  private destroyed = false
+  private readonly segmenter?: Intl.Segmenter
+
+  // eslint-disable-next-line no-useless-constructor
+  constructor(
+    private readonly language: string,
+    private hunspellManager?: HunspellManager
+  ) {
+    debugConsole.log('SpellChecker', language, hunspellManager)
+    this.trackedChanges = ChangeSet.empty(0)
+
+    const locale = language.replace(/_/, '-')
+
+    try {
+      if (Intl.Segmenter) {
+        const supportedLocales = Intl.Segmenter.supportedLocalesOf([locale], {
+          localeMatcher: 'lookup',
+        })
+
+        if (supportedLocales.includes(locale)) {
+          this.segmenter = new Intl.Segmenter(locale, {
+            localeMatcher: 'lookup',
+            granularity: 'word',
+          })
+        }
+      }
+    } catch (error) {
+      // ignore, not supported for some reason
+      debugConsole.error(error)
+    }
+
+    if (this.segmenter) {
+      debugConsole.log(`Using Intl.Segmenter for ${locale}`)
+    } else {
+      debugConsole.warn(`Not using Intl.Segmenter for ${locale}`)
+    }
+  }
+
+  destroy() {
+    this._clearPendingSpellCheck()
+    this.destroyed = true
+  }
+
+  _abortRequest() {
+    if (this.abortController) {
+      this.abortController.abort()
+      this.abortController = null
+    }
+  }
+
+  handleUpdate(update: ViewUpdate) {
+    if (update.docChanged) {
+      this.trackedChanges = this.trackedChanges.compose(update.changes)
+      this.scheduleSpellCheck(update.view)
+    } else if (update.viewportChanged) {
+      this.trackedChanges = ChangeSet.empty(0)
+      this.scheduleSpellCheck(update.view)
+    }
+    // At the point that the spellchecker is initialized, the editor may not
+    // yet be editable, and the parser may not be ready. Therefore, to do the
+    // initial spellcheck, watch for changes in the editability of the editor
+    // and kick off the process that performs a spellcheck once the parser is
+    // ready. CM6 dispatches a transaction after every chunk of parser work and
+    // when the editability changes, which means the spell checker is
+    // initialized as soon as possible.
+    else if (
+      this.firstCheck &&
+      !this.firstCheckPending &&
+      update.state.facet(EditorView.editable)
+    ) {
+      this.firstCheckPending = true
+      this.spellCheckAsap(update.view)
+    } else {
+      for (const tr of update.transactions) {
+        for (const effect of tr.effects) {
+          if (effect.is(addLearnedWordEffect)) {
+            this.addWord(effect.value)
+              .then(() => {
+                update.view.state.field(cacheField, false)?.reset()
+                this.trackedChanges = ChangeSet.empty(0)
+                this.spellCheckAsap(update.view)
+              })
+              .catch(error => {
+                captureException(error)
+                debugConsole.error(error)
+              })
+          } else if (effect.is(removeLearnedWordEffect)) {
+            this.removeWord(effect.value)
+              .then(() => {
+                update.view.state.field(cacheField, false)?.reset()
+                this.trackedChanges = ChangeSet.empty(0)
+                this.spellCheckAsap(update.view)
+              })
+              .catch(error => {
+                captureException(error)
+                debugConsole.error(error)
+              })
+          }
+        }
+      }
+    }
+  }
+
+  _performSpellCheck(view: EditorView) {
+    const wordsToCheck = this.getWordsToCheck(view)
+    if (wordsToCheck.length === 0) {
+      this.trackedChanges = ChangeSet.empty(0)
+      return
+    }
+    const cache = view.state.field(cacheField)
+    const { knownMisspelledWords, unknownWords } = cache.checkWords(
+      this.language,
+      wordsToCheck
+    )
+    const processResult = (misspellings: { index: number }[]) => {
+      this.trackedChanges = ChangeSet.empty(0)
+
+      if (this.firstCheck) {
+        this.firstCheck = false
+        this.firstCheckPending = false
+      }
+      const { misspelledWords, cacheAdditions } = buildSpellCheckResult(
+        knownMisspelledWords,
+        unknownWords,
+        misspellings
+      )
+      view.dispatch({
+        effects: [
+          addMisspelledWords.of(misspelledWords),
+          ...cacheAdditions.map(([word, value]) => {
+            return addWordToCache.of({
+              lang: word.lang,
+              wordText: word.text,
+              value,
+            })
+          }),
+        ],
+      })
+    }
+    if (unknownWords.length === 0) {
+      processResult([])
+    } else {
+      this._abortRequest()
+      this.abortController = new AbortController()
+      if (this.hunspellManager) {
+        const signal = this.abortController.signal
+        this.hunspellManager.send(
+          {
+            type: 'spell',
+            words: unknownWords.map(word => word.text),
+          },
+          result => {
+            if (!signal.aborted) {
+              if ('error' in result) {
+                debugConsole.error(result.error)
+                captureException(
+                  new Error('Error running spellcheck for word'),
+                  { tags: { ol_spell_check_language: this.language } }
+                )
+              } else {
+                processResult(result.misspellings)
+              }
+            }
+          }
+        )
+      }
+    }
+  }
+
+  suggest(word: string) {
+    return new Promise<{ suggestions: string[] }>((resolve, reject) => {
+      if (this.hunspellManager) {
+        this.hunspellManager.send({ type: 'suggest', word }, result => {
+          if ('error' in result) {
+            reject(new Error('Error finding spelling suggestions for word'))
+          } else {
+            resolve(result)
+          }
+        })
+      }
+    })
+  }
+
+  addWord(word: string) {
+    return new Promise<void>((resolve, reject) => {
+      if (this.hunspellManager) {
+        this.hunspellManager.send({ type: 'add_word', word }, result => {
+          if ('error' in result) {
+            reject(new Error('Error adding word to spellcheck'))
+          } else {
+            resolve()
+          }
+        })
+      }
+    })
+  }
+
+  removeWord(word: string) {
+    return new Promise<void>((resolve, reject) => {
+      if (this.hunspellManager) {
+        this.hunspellManager.send({ type: 'remove_word', word }, result => {
+          if ('error' in result) {
+            reject(new Error('Error removing word from spellcheck'))
+          } else {
+            resolve()
+          }
+        })
+      }
+    })
+  }
+
+  _spellCheckWhenParserReady(view: EditorView) {
+    if (this.waitingForParser) {
+      return
+    }
+
+    this.waitingForParser = true
+    waitForParser(view, view => view.viewport.to).then(() => {
+      this.waitingForParser = false
+      this._performSpellCheck(view)
+    })
+  }
+
+  _clearPendingSpellCheck() {
+    if (this.timeout) {
+      window.clearTimeout(this.timeout)
+      this.timeout = null
+    }
+    this._abortRequest()
+  }
+
+  _asyncSpellCheck(view: EditorView, delay: number) {
+    this._clearPendingSpellCheck()
+
+    this.timeout = window.setTimeout(() => {
+      this._spellCheckWhenParserReady(view)
+      this.timeout = null
+    }, delay)
+  }
+
+  spellCheckAsap(view: EditorView) {
+    if (this.destroyed) {
+      debugConsole.warn(
+        'spellCheckAsap called after spellchecker was destroyed. Ignoring.'
+      )
+      return
+    }
+    this._asyncSpellCheck(view, 0)
+  }
+
+  scheduleSpellCheck(view: EditorView) {
+    if (this.destroyed) {
+      debugConsole.warn(
+        'scheduleSpellCheck called after spellchecker was destroyed. Ignoring.'
+      )
+      return
+    }
+    this._asyncSpellCheck(view, 1000)
+  }
+
+  getWordsToCheck(view: EditorView) {
+    const wordsToCheck: Word[] = []
+
+    const { from, to } = view.viewport
+    const changedLineNumbers = new Set<number>()
+    if (!this.trackedChanges.empty) {
+      this.trackedChanges.iterChangedRanges((_fromA, _toA, fromB, toB) => {
+        if (fromB <= to && toB >= from) {
+          const fromLine = view.state.doc.lineAt(fromB).number
+          const toLine = view.state.doc.lineAt(toB).number
+          for (let i = fromLine; i <= toLine; i++) {
+            changedLineNumbers.add(i)
+          }
+        }
+      })
+    } else {
+      const fromLine = view.state.doc.lineAt(from).number
+      const toLine = view.state.doc.lineAt(to).number
+      for (let i = fromLine; i <= toLine; i++) {
+        changedLineNumbers.add(i)
+      }
+    }
+
+    for (const i of changedLineNumbers) {
+      const line = view.state.doc.line(i)
+      wordsToCheck.push(
+        ...getWordsFromLine(view, line, this.language, this.segmenter)
+      )
+    }
+
+    return wordsToCheck
+  }
+}
+
+export class Word {
+  public text: string
+  public from: number
+  public to: number
+  public lineNumber: number
+  public lang: string
+
+  constructor(options: {
+    text: string
+    from: number
+    to: number
+    lineNumber: number
+    lang: string
+  }) {
+    const { text, from, to, lineNumber, lang } = options
+    if (
+      text == null ||
+      from == null ||
+      to == null ||
+      lineNumber == null ||
+      lang == null
+    ) {
+      throw new OError('Spellcheck: invalid word').withInfo({ options })
+    }
+    this.text = text
+    this.from = from
+    this.to = to
+    this.lineNumber = lineNumber
+    this.lang = lang
+  }
+}
+
+export const buildSpellCheckResult = (
+  knownMisspelledWords: Word[],
+  unknownWords: Word[],
+  misspellings: { index: number }[]
+) => {
+  const cacheAdditions: [Word, boolean][] = []
+
+  // Put known misspellings into cache
+  const misspelledWords = misspellings.map(item => {
+    const word = {
+      ...unknownWords[item.index],
+    }
+    cacheAdditions.push([word, false])
+    return word
+  })
+
+  const misspelledWordsSet = new Set<string>(
+    misspelledWords.map(word => word.text)
+  )
+
+  // if word was not misspelled, put it in the cache
+  for (const word of unknownWords) {
+    if (!misspelledWordsSet.has(word.text)) {
+      cacheAdditions.push([word, true])
+    }
+  }
+
+  return {
+    cacheAdditions,
+    misspelledWords: misspelledWords.concat(knownMisspelledWords),
+  }
+}
+
+export function* getWordsFromLine(
+  view: EditorView,
+  line: Line,
+  lang: string,
+  segmenter?: Intl.Segmenter
+) {
+  for (const span of getNormalTextSpansFromLine(view, line)) {
+    if (segmenter) {
+      for (const value of segmenter.segment(span.text)) {
+        if (value.isWordLike) {
+          const word = value.segment
+          const from = span.from + value.index
+          yield new Word({
+            text: word,
+            from,
+            to: from + word.length,
+            lineNumber: line.number,
+            lang,
+          })
+        }
+      }
+    } else {
+      for (const match of span.text.matchAll(WORD_REGEX)) {
+        let word = match[0].replace(/'+$/, '')
+        let from = span.from + match.index
+        while (word.startsWith("'")) {
+          word = word.slice(1)
+          from++
+        }
+        yield new Word({
+          text: word,
+          from,
+          to: from + word.length,
+          lineNumber: line.number,
+          lang,
+        })
+      }
+    }
+  }
+}
+
+export type Mark = Range<RangeValue & { spec: { word: Word } }>
+
+export const getMarkAtPosition = (
+  view: EditorView,
+  position: number
+): Mark | null => {
+  const marks = view.state.field(misspelledWordsField)
+
+  let targetMark: Mark | null = null
+  marks.between(view.viewport.from, view.viewport.to, (from, to, value) => {
+    if (position >= from && position <= to) {
+      targetMark = { from, to, value }
+      return false
+    }
+  })
+  return targetMark
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/spelling/spelling-suggestions-language.tsx b/services/web/frontend/js/features/source-editor/extensions/spelling/spelling-suggestions-language.tsx
new file mode 100644
index 0000000..59c995f
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/spelling/spelling-suggestions-language.tsx
@@ -0,0 +1,43 @@
+import { memo, useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import { Dropdown } from 'react-bootstrap-5'
+import MaterialIcon from '@/shared/components/material-icon'
+
+export const SpellingSuggestionsLanguage = memo<{
+  language: { name: string }
+  handleClose: (focus: boolean) => void
+}>(({ language, handleClose }) => {
+  const { t } = useTranslation()
+
+  const handleClick = useCallback(() => {
+    // open the left menu
+    window.dispatchEvent(
+      new CustomEvent('ui.toggle-left-menu', { detail: true })
+    )
+    // focus the spell check setting
+    window.dispatchEvent(
+      new CustomEvent('ui.focus-setting', { detail: 'spellCheckLanguage' })
+    )
+    handleClose(false)
+  }, [handleClose])
+
+  return (
+    <OLTooltip
+      id="spell-check-client-tooltip"
+      description={t('change_language')}
+      overlayProps={{ placement: 'right', delay: 100 }}
+    >
+      <span>
+        <Dropdown.Item
+          className="d-flex gap-2 align-items-center"
+          onClick={handleClick}
+        >
+          <MaterialIcon type="settings" />
+          <span>{language.name}</span>
+        </Dropdown.Item>
+      </span>
+    </OLTooltip>
+  )
+})
+SpellingSuggestionsLanguage.displayName = 'SpellingSuggestionsLanguage'
diff --git a/services/web/frontend/js/features/source-editor/extensions/spelling/spelling-suggestions.tsx b/services/web/frontend/js/features/source-editor/extensions/spelling/spelling-suggestions.tsx
new file mode 100644
index 0000000..4fc78bc
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/spelling/spelling-suggestions.tsx
@@ -0,0 +1,179 @@
+import {
+  FC,
+  MouseEventHandler,
+  useCallback,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react'
+import { SpellChecker, Word } from './spellchecker'
+import { useTranslation } from 'react-i18next'
+import getMeta from '@/utils/meta'
+import classnames from 'classnames'
+import { sendMB } from '@/infrastructure/event-tracking'
+import { SpellingSuggestionsLanguage } from './spelling-suggestions-language'
+import { captureException } from '@/infrastructure/error-reporter'
+import { debugConsole } from '@/utils/debugging'
+import { SpellCheckLanguage } from '../../../../../../types/project-settings'
+import { Dropdown } from 'react-bootstrap-5'
+
+const ITEMS_TO_SHOW = 8
+
+type SpellingSuggestionsProps = {
+  word: Word
+  spellCheckLanguage?: string
+  spellChecker?: SpellChecker | null
+  handleClose: () => void
+  handleLearnWord: () => void
+  handleCorrectWord: (text: string) => void
+}
+
+export const SpellingSuggestions: FC<SpellingSuggestionsProps> = ({
+  word,
+  spellCheckLanguage,
+  spellChecker,
+  handleClose,
+  handleLearnWord,
+  handleCorrectWord,
+}) => {
+  const [suggestions, setSuggestions] = useState<string[]>([])
+
+  const [waiting, setWaiting] = useState(true)
+
+  useEffect(() => {
+    spellChecker
+      ?.suggest(word.text)
+      .then(result => {
+        setSuggestions(result.suggestions.slice(0, ITEMS_TO_SHOW))
+        setWaiting(false)
+        sendMB('spelling-suggestion-shown', {
+          language: spellCheckLanguage,
+          count: result.suggestions.length,
+          // word: transaction.state.sliceDoc(mark.from, mark.to),
+        })
+      })
+      .catch(error => {
+        captureException(error, {
+          tags: { ol_spell_check_language: spellCheckLanguage },
+        })
+        debugConsole.error(error)
+      })
+  }, [word, spellChecker, spellCheckLanguage])
+
+  const language = useMemo(() => {
+    if (spellCheckLanguage) {
+      return (getMeta('ol-languages') ?? []).find(
+        item => item.code === spellCheckLanguage
+      )
+    }
+  }, [spellCheckLanguage])
+
+  if (!language) {
+    return null
+  }
+
+  const innerProps = {
+    suggestions,
+    waiting,
+    handleClose,
+    handleCorrectWord,
+    handleLearnWord,
+    language,
+  }
+
+  return <B5SpellingSuggestions {...innerProps} />
+}
+
+type SpellingSuggestionsInnerProps = {
+  suggestions: string[]
+  waiting: boolean
+  handleClose: () => void
+  handleCorrectWord: (text: string) => void
+  handleLearnWord: () => void
+  language: SpellCheckLanguage
+}
+
+const B5SpellingSuggestions: FC<SpellingSuggestionsInnerProps> = ({
+  suggestions,
+  waiting,
+  language,
+  handleClose,
+  handleCorrectWord,
+  handleLearnWord,
+}) => {
+  const { t } = useTranslation()
+  return (
+    <Dropdown>
+      <Dropdown.Menu
+        className={classnames('dropdown-menu', 'dropdown-menu-unpositioned', {
+          hidden: waiting,
+        })}
+        show={!waiting}
+        tabIndex={0}
+        role="menu"
+        onKeyDown={event => {
+          switch (event.code) {
+            case 'Escape':
+            case 'Tab':
+              event.preventDefault()
+              handleClose()
+              break
+          }
+        }}
+      >
+        {Array.isArray(suggestions) &&
+          suggestions.map((suggestion, index) => (
+            <BS5ListItem
+              key={suggestion}
+              content={suggestion}
+              handleClick={event => {
+                event.preventDefault()
+                handleCorrectWord(suggestion)
+              }}
+              // eslint-disable-next-line jsx-a11y/no-autofocus
+              autoFocus={index === 0}
+            />
+          ))}
+        {suggestions?.length > 0 && <Dropdown.Divider />}
+        <BS5ListItem
+          content={t('add_to_dictionary')}
+          handleClick={event => {
+            event.preventDefault()
+            handleLearnWord()
+          }}
+          // eslint-disable-next-line jsx-a11y/no-autofocus
+          autoFocus={suggestions?.length === 0}
+        />
+
+        <Dropdown.Divider />
+        <SpellingSuggestionsLanguage
+          language={language}
+          handleClose={handleClose}
+        />
+      </Dropdown.Menu>
+    </Dropdown>
+  )
+}
+
+const BS5ListItem: FC<{
+  content: string
+  handleClick: MouseEventHandler<HTMLButtonElement>
+  autoFocus?: boolean
+}> = ({ content, handleClick, autoFocus }) => {
+  const handleListItem = useCallback(
+    (node: HTMLElement | null) => {
+      if (node && autoFocus) node.focus()
+    },
+    [autoFocus]
+  )
+  return (
+    <Dropdown.Item
+      role="menuitem"
+      className="btn-link text-left dropdown-menu-button"
+      onClick={handleClick}
+      ref={handleListItem}
+    >
+      {content}
+    </Dropdown.Item>
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/symbol-palette.ts b/services/web/frontend/js/features/source-editor/extensions/symbol-palette.ts
new file mode 100644
index 0000000..b23b7e0
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/symbol-palette.ts
@@ -0,0 +1,42 @@
+import { ViewPlugin } from '@codemirror/view'
+import { EditorSelection } from '@codemirror/state'
+
+/**
+ * A custom extension that listens for an `editor:insert-symbol` event and inserts the given content into the document.
+ */
+export const symbolPalette = () => {
+  return ViewPlugin.define(view => {
+    const listener = (event: Event) => {
+      const symbol = (event as CustomEvent<{ command: string }>).detail
+
+      view.focus()
+
+      const spec = view.state.changeByRange(range => {
+        const changeSet = view.state.changes([
+          {
+            from: range.from,
+            to: range.to,
+            insert: symbol.command,
+          },
+        ])
+
+        return {
+          range: EditorSelection.cursor(changeSet.mapPos(range.to, 1)),
+          changes: changeSet,
+        }
+      })
+
+      view.dispatch(spec, {
+        scrollIntoView: true,
+      })
+    }
+
+    window.addEventListener('editor:insert-symbol', listener)
+
+    return {
+      destroy() {
+        window.removeEventListener('editor:insert-symbol', listener)
+      },
+    }
+  })
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/theme.ts b/services/web/frontend/js/features/source-editor/extensions/theme.ts
new file mode 100644
index 0000000..2fd6a77
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/theme.ts
@@ -0,0 +1,294 @@
+import { EditorView } from '@codemirror/view'
+import { Annotation, Compartment, TransactionSpec } from '@codemirror/state'
+import { syntaxHighlighting } from '@codemirror/language'
+import { classHighlighter } from './class-highlighter'
+import classNames from 'classnames'
+import {
+  FontFamily,
+  LineHeight,
+  OverallTheme,
+  userStyles,
+} from '@/shared/utils/styles'
+
+const optionsThemeConf = new Compartment()
+const selectedThemeConf = new Compartment()
+export const themeOptionsChange = Annotation.define<boolean>()
+
+type Options = {
+  fontSize: number
+  fontFamily: FontFamily
+  lineHeight: LineHeight
+  overallTheme: OverallTheme
+}
+
+export const theme = (options: Options) => [
+  baseTheme,
+  staticTheme,
+  /**
+   * Syntax highlighting, using a highlighter which maps tags to class names.
+   */
+  syntaxHighlighting(classHighlighter),
+  optionsThemeConf.of(createThemeFromOptions(options)),
+  selectedThemeConf.of([]),
+]
+
+export const setOptionsTheme = (options: Options): TransactionSpec => {
+  return {
+    effects: optionsThemeConf.reconfigure(createThemeFromOptions(options)),
+    annotations: themeOptionsChange.of(true),
+  }
+}
+
+export const setEditorTheme = async (
+  editorTheme: string
+): Promise<TransactionSpec> => {
+  const theme = await loadSelectedTheme(editorTheme)
+
+  return {
+    effects: selectedThemeConf.reconfigure(theme),
+  }
+}
+
+const svgUrl = (content: string) =>
+  `url('data:image/svg+xml,${encodeURIComponent(
+    `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40">${content}</svg>`
+  )}')`
+
+const createThemeFromOptions = ({
+  fontSize = 12,
+  fontFamily = 'monaco',
+  lineHeight = 'normal',
+  overallTheme = '',
+}: Options) => {
+  // Theme styles that depend on settings.
+  const styles = userStyles({ fontSize, fontFamily, lineHeight })
+
+  return [
+    EditorView.editorAttributes.of({
+      class: classNames(
+        overallTheme === '' ? 'overall-theme-dark' : 'overall-theme-light'
+      ),
+      style: Object.entries({
+        '--font-size': styles.fontSize,
+        '--source-font-family': styles.fontFamily,
+        '--line-height': styles.lineHeight,
+      })
+        .map(([key, value]) => `${key}: ${value}`)
+        .join(';'),
+    }),
+    // set variables for tooltips, which are outside the editor
+    // TODO: set these on document.body, or a new container element for the tooltips, without using a style mod
+    EditorView.theme({
+      '.cm-tooltip': {
+        '--font-size': styles.fontSize,
+        '--source-font-family': styles.fontFamily,
+        '--line-height': styles.lineHeight,
+      },
+    }),
+  ]
+}
+
+/**
+ * Base styles that can have &dark and &light variants
+ */
+const baseTheme = EditorView.baseTheme({
+  '.cm-content': {
+    fontSize: 'var(--font-size)',
+    fontFamily: 'var(--source-font-family)',
+    lineHeight: 'var(--line-height)',
+  },
+  '.cm-cursor-primary': {
+    fontSize: 'var(--font-size)',
+    fontFamily: 'var(--source-font-family)',
+    lineHeight: 'var(--line-height)',
+  },
+  '.cm-gutters': {
+    fontSize: 'var(--font-size)',
+    lineHeight: 'var(--line-height)',
+  },
+  '.cm-tooltip': {
+    // NOTE: fontFamily is not set here, as most tooltips use the UI font
+    fontSize: 'var(--font-size)',
+  },
+  '.cm-panel': {
+    fontSize: 'var(--font-size)',
+  },
+  '.cm-foldGutter .cm-gutterElement > span': {
+    height: 'calc(var(--font-size) * var(--line-height))',
+  },
+  '.cm-lineNumbers': {
+    fontFamily: 'var(--source-font-family)',
+  },
+  // double the specificity to override the underline squiggle
+  '.cm-lintRange.cm-lintRange': {
+    backgroundImage: 'none',
+  },
+  // use a background color for lint error ranges
+  '.cm-lintRange-error': {
+    padding: 'var(--half-leading, 0) 0',
+    background: 'rgba(255, 0, 0, 0.2)',
+    // avoid highlighting nested error ranges
+    '& .cm-lintRange-error': {
+      background: 'none',
+    },
+  },
+  '.cm-specialChar': {
+    color: 'red',
+    backgroundColor: 'rgba(255, 0, 0, 0.1)',
+  },
+  '.cm-widgetBuffer': {
+    height: '1.3em',
+  },
+  '.cm-snippetFieldPosition': {
+    display: 'inline-block',
+    height: '1.3em',
+  },
+  // style the gutter fold button on hover
+  '&dark .cm-foldGutter .cm-gutterElement > span:hover': {
+    boxShadow: '0 1px 1px rgba(255, 255, 255, 0.2)',
+    backgroundColor: 'rgba(255, 255, 255, 0.1)',
+  },
+  '&light .cm-foldGutter .cm-gutterElement > span:hover': {
+    borderColor: 'rgba(0, 0, 0, 0.3)',
+    boxShadow: '0 1px 1px rgba(255, 255, 255, 0.7)',
+    backgroundColor: 'rgba(255, 255, 255, 0.2)',
+  },
+  '.cm-diagnosticSource': {
+    display: 'none',
+  },
+  '.ol-cm-diagnostic-actions': {
+    marginTop: '4px',
+  },
+  '.cm-diagnostic:last-of-type .ol-cm-diagnostic-actions': {
+    marginBottom: '4px',
+  },
+  '.cm-vim-panel input': {
+    color: 'inherit',
+  },
+})
+
+/**
+ * Theme styles that don't depend on settings.
+ */
+// TODO: move some/all of these into baseTheme?
+const staticTheme = EditorView.theme({
+  // make the editor fill the available height
+  '&': {
+    height: '100%',
+    textRendering: 'optimizeSpeed',
+    fontVariantNumeric: 'slashed-zero',
+  },
+  // remove the outline from the focused editor
+  '&.cm-editor.cm-focused:not(:focus-visible)': {
+    outline: 'none',
+  },
+  // override default styles for the search panel
+  '.cm-panel.cm-search label': {
+    display: 'inline-flex',
+    alignItems: 'center',
+    fontWeight: 'normal',
+  },
+  '.cm-selectionLayer': {
+    zIndex: -10,
+  },
+  // remove the right-hand border from the gutter
+  // ensure the gutter doesn't shrink
+  '.cm-gutters': {
+    borderRight: 'none',
+    flexShrink: 0,
+  },
+  // style the gutter fold button
+  // TODO: add a class to this element for easier theming
+  '.cm-foldGutter .cm-gutterElement > span': {
+    border: '1px solid transparent',
+    borderRadius: '3px',
+    display: 'inline-flex',
+    flexDirection: 'column',
+    justifyContent: 'center',
+    color: 'rgba(109, 109, 109, 0.7)',
+  },
+  // reduce the padding around line numbers
+  '.cm-lineNumbers .cm-gutterElement': {
+    padding: '0',
+    userSelect: 'none',
+  },
+  // make cursor visible with reduced opacity when the editor is not focused
+  '&:not(.cm-focused) > .cm-scroller > .cm-cursorLayer .cm-cursor': {
+    display: 'block',
+    opacity: 0.2,
+  },
+  // make the cursor wider, and use the themed color
+  '.cm-cursor, .cm-dropCursor': {
+    borderWidth: '2px',
+    marginLeft: '-1px', // half the border width
+    borderLeftColor: 'inherit',
+  },
+  // remove border from hover tooltips (e.g. cursor highlights)
+  '.cm-tooltip-hover': {
+    border: 'none',
+  },
+  // use the same style as Ace for snippet fields
+  '.cm-snippetField': {
+    background: 'rgba(194, 193, 208, 0.09)',
+    border: '1px dotted rgba(211, 208, 235, 0.62)',
+  },
+  // style the fold placeholder
+  '.cm-foldPlaceholder': {
+    boxSizing: 'border-box',
+    display: 'inline-block',
+    height: '11px',
+    width: '1.8em',
+    marginTop: '-2px',
+    verticalAlign: 'middle',
+    backgroundImage:
+      'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAJCAYAAADU6McMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJpJREFUeNpi/P//PwOlgAXGYGRklAVSokD8GmjwY1wasKljQpYACtpCFeADcHVQfQyMQAwzwAZI3wJKvCLkfKBaMSClBlR7BOQikCFGQEErIH0VqkabiGCAqwUadAzZJRxQr/0gwiXIal8zQQPnNVTgJ1TdawL0T5gBIP1MUJNhBv2HKoQHHjqNrA4WO4zY0glyNKLT2KIfIMAAQsdgGiXvgnYAAAAASUVORK5CYII="),url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA3CAYAAADNNiA5AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACJJREFUeNpi+P//fxgTAwPDBxDxD078RSX+YeEyDFMCIMAAI3INmXiwf2YAAAAASUVORK5CYII=")',
+    backgroundRepeat: 'no-repeat, repeat-x',
+    backgroundPosition: 'center center, top left',
+    color: 'transparent',
+    border: '1px solid black',
+    borderRadius: '2px',
+  },
+  // align the lint icons with the line numbers
+  '.cm-gutter-lint .cm-gutterElement': {
+    padding: '0.3em',
+  },
+  // reset the default style for the lint gutter error marker, which uses :before
+  '.cm-lint-marker-error:before': {
+    content: 'normal',
+  },
+  // set a new icon for the lint gutter error marker
+  '.cm-lint-marker-error': {
+    content: svgUrl(
+      `<circle cx="20" cy="20" r="15" fill="#f87" stroke="#f43" stroke-width="6"/>`
+    ),
+  },
+  // set a new icon for the lint gutter warning marker
+  '.cm-lint-marker-warning': {
+    content: svgUrl(
+      `<path fill="#FCC483" stroke="#DE8014" stroke-width="6" stroke-linejoin="round" d="M20 6L37 35L3 35Z"/>`
+    ),
+  },
+})
+
+const themeCache = new Map<string, any>()
+
+const loadSelectedTheme = async (editorTheme: string) => {
+  if (!editorTheme) {
+    editorTheme = 'textmate' // use the default theme if unset
+  }
+
+  if (!themeCache.has(editorTheme)) {
+    const { theme, highlightStyle, dark } = await import(
+      /* webpackChunkName: "cm6-theme" */ `../themes/cm6/${editorTheme}.json`
+    )
+
+    const extension = [
+      EditorView.theme(theme, { dark }),
+      EditorView.theme(highlightStyle, { dark }),
+    ]
+
+    themeCache.set(editorTheme, extension)
+  }
+
+  return themeCache.get(editorTheme)
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/third-party-extensions.ts b/services/web/frontend/js/features/source-editor/extensions/third-party-extensions.ts
new file mode 100644
index 0000000..1b49edf
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/third-party-extensions.ts
@@ -0,0 +1,73 @@
+import { Compartment, type Extension } from '@codemirror/state'
+import CodeMirror, { CodeMirrorVim } from './bundle'
+import { ViewPlugin } from '@codemirror/view'
+
+const thirdPartyExtensionsConf = new Compartment()
+
+const dispatchEvent = (extensions: Extension[]) => {
+  window.dispatchEvent(
+    new CustomEvent('UNSTABLE_editor:extensions', {
+      detail: { CodeMirror, CodeMirrorVim, extensions },
+    })
+  )
+}
+
+/**
+ * A custom extension that allows additional CodeMirror extensions to be provided by external code,
+ * e.g. browser extensions.
+ */
+export const thirdPartyExtensions = (): Extension => {
+  const extensions: Extension[] = []
+
+  dispatchEvent(extensions)
+
+  Object.defineProperty(window, 'UNSTABLE_editorHelp', {
+    writable: false,
+    enumerable: true,
+    value: `
+Listen for the UNSTABLE_editor:extensions event to add your CodeMirror 6
+extension(s) to the extensions array. Use the exported objects to avoid
+instanceof comparison errors.
+
+Open an issue on http://github.com/overleaf/overleaf if you think more
+should be exported.
+
+This API is **unsupported** and subject to change without warning.
+
+Example:
+
+window.addEventListener("UNSTABLE_editor:extensions", function(evt) {
+  const { CodeMirror, extensions } = evt.detail;
+
+  // CodeMirror contains exported objects from the CodeMirror instance
+  const { EditorSelection, ViewPlugin } = CodeMirror;
+
+  // ...
+
+  // Any custom extensions should be pushed to the \`extensions\` array
+  extensions.push(myCustomExtension)
+});`,
+  })
+
+  return [thirdPartyExtensionsConf.of(extensions), extensionLoaded]
+}
+
+const extensionLoaded = ViewPlugin.define(view => {
+  const listener = () => {
+    const extensions: Extension[] = []
+
+    dispatchEvent(extensions)
+
+    view.dispatch({
+      effects: thirdPartyExtensionsConf.reconfigure(extensions),
+    })
+  }
+
+  window.addEventListener('editor:extension-loaded', listener)
+
+  return {
+    destroy() {
+      window.removeEventListener('editor:extension-loaded', listener)
+    },
+  }
+})
diff --git a/services/web/frontend/js/features/source-editor/extensions/toolbar/commands.ts b/services/web/frontend/js/features/source-editor/extensions/toolbar/commands.ts
new file mode 100644
index 0000000..7b1b053
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/toolbar/commands.ts
@@ -0,0 +1,168 @@
+import { EditorSelection, EditorState, SelectionRange } from '@codemirror/state'
+import { Command, EditorView } from '@codemirror/view'
+import {
+  closeSearchPanel,
+  openSearchPanel,
+  searchPanelOpen,
+} from '@codemirror/search'
+import { toggleRanges, wrapRanges } from '../../commands/ranges'
+import {
+  ancestorListType,
+  toggleListForRanges,
+  unwrapBulletList,
+  unwrapDescriptionList,
+  unwrapNumberedList,
+  wrapInBulletList,
+  wrapInDescriptionList,
+  wrapInNumberedList,
+} from './lists'
+import { snippet } from '@codemirror/autocomplete'
+import { snippets } from './snippets'
+import { minimumListDepthForSelection } from '../../utils/tree-operations/ancestors'
+import { isVisual } from '../visual/visual'
+import { sendSearchEvent } from '@/features/event-tracking/search-events'
+
+export const toggleBold = toggleRanges('\\textbf')
+export const toggleItalic = toggleRanges('\\textit')
+
+// TODO: apply as a snippet?
+// TODO: read URL from clipboard?
+export const wrapInHref = wrapRanges('\\href{}{', '}', false, (range, view) =>
+  isVisual(view) ? range : EditorSelection.cursor(range.from - 2)
+)
+export const toggleBulletList = toggleListForRanges('itemize')
+export const toggleNumberedList = toggleListForRanges('enumerate')
+export const wrapInInlineMath = wrapRanges('\\(', '\\)')
+export const wrapInDisplayMath = wrapRanges('\n\\[', '\\]\n')
+
+export const ensureEmptyLine = (
+  state: EditorState,
+  range: SelectionRange,
+  direction: 'above' | 'below' = 'below'
+) => {
+  let pos = range.anchor
+  let suffix = ''
+  let prefix = ''
+
+  const line = state.doc.lineAt(pos)
+
+  if (line.text.trim().length) {
+    if (direction === 'below') {
+      pos = Math.min(line.to + 1, state.doc.length)
+    } else {
+      pos = Math.max(line.from - 1, 0)
+    }
+    const neighbouringLine = state.doc.lineAt(pos)
+
+    if (neighbouringLine.length && direction === 'below') {
+      suffix = '\n'
+    } else if (neighbouringLine.length && direction === 'above') {
+      prefix = '\n'
+    }
+  }
+  return { pos, suffix, prefix }
+}
+
+export const insertFigure: Command = view => {
+  const { state, dispatch } = view
+  const { pos, suffix } = ensureEmptyLine(state, state.selection.main)
+  const template = `\n${snippets.figure}\n${suffix}`
+  snippet(template)({ state, dispatch }, { label: 'Figure' }, pos, pos)
+  return true
+}
+
+export const insertTable = (view: EditorView, sizeX: number, sizeY: number) => {
+  const { state, dispatch } = view
+  const visual = isVisual(view)
+  const placeholder = visual ? '' : '#{}'
+  const placeholderAtStart = visual ? '#{}' : ''
+  const { pos, suffix } = ensureEmptyLine(state, state.selection.main)
+  const template = `${placeholderAtStart}\n\\begin{table}
+\t\\centering
+\t\\begin{tabular}{${'c'.repeat(sizeX)}}
+${(
+  '\t\t' +
+  `${placeholder} & ${placeholder}`.repeat(sizeX - 1) +
+  '\\\\\n'
+).repeat(sizeY)}\t\\end{tabular}
+\t\\caption{Caption}
+\t\\label{tab:my_label}
+\\end{table}${suffix}`
+  snippet(template)({ state, dispatch }, { label: 'Table' }, pos, pos)
+  return true
+}
+
+export const insertCite: Command = view => {
+  const { state, dispatch } = view
+  const pos = state.selection.main.anchor
+  const template = snippets.cite
+  snippet(template)({ state, dispatch }, { label: 'Cite' }, pos, pos)
+  return true
+}
+
+export const insertRef: Command = view => {
+  const { state, dispatch } = view
+  const pos = state.selection.main.anchor
+  const template = snippets.ref
+  snippet(template)({ state, dispatch }, { label: 'Ref' }, pos, pos)
+  return true
+}
+
+export const indentDecrease: Command = view => {
+  if (minimumListDepthForSelection(view.state) < 2) {
+    return false
+  }
+  switch (ancestorListType(view.state)) {
+    case 'itemize':
+      return unwrapBulletList(view)
+    case 'enumerate':
+      return unwrapNumberedList(view)
+    case 'description':
+      return unwrapDescriptionList(view)
+    default:
+      return false
+  }
+}
+
+export const cursorIsAtStartOfListItem = (state: EditorState) => {
+  return state.selection.ranges.every(range => {
+    const line = state.doc.lineAt(range.from)
+    const prefix = state.sliceDoc(line.from, range.from)
+    return /\\item\s*$/.test(prefix)
+  })
+}
+
+export const indentIncrease: Command = view => {
+  if (minimumListDepthForSelection(view.state) < 1) {
+    return false
+  }
+  switch (ancestorListType(view.state)) {
+    case 'itemize':
+      return wrapInBulletList(view)
+    case 'enumerate':
+      return wrapInNumberedList(view)
+    case 'description':
+      return wrapInDescriptionList(view)
+    default:
+      return false
+  }
+}
+
+export const toggleSearch: Command = view => {
+  if (searchPanelOpen(view.state)) {
+    closeSearchPanel(view)
+  } else {
+    sendSearchEvent('search-open', {
+      searchType: 'document',
+      method: 'button',
+      location: 'toolbar',
+      mode: isVisual(view) ? 'visual' : 'source',
+    })
+    openSearchPanel(view)
+  }
+  return true
+}
+
+export const addComment = () => {
+  window.dispatchEvent(new Event('add-new-review-comment'))
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/toolbar/lists.ts b/services/web/frontend/js/features/source-editor/extensions/toolbar/lists.ts
new file mode 100644
index 0000000..5ad4587
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/toolbar/lists.ts
@@ -0,0 +1,349 @@
+import { EditorView } from '@codemirror/view'
+import {
+  ChangeSpec,
+  EditorSelection,
+  EditorState,
+  SelectionRange,
+} from '@codemirror/state'
+import {
+  getIndentUnit,
+  IndentContext,
+  indentString,
+  syntaxTree,
+} from '@codemirror/language'
+import {
+  ancestorNodeOfType,
+  ancestorOfNodeWithType,
+  ancestorWithType,
+  descendantsOfNodeWithType,
+  wrappedNodeOfType,
+} from '../../utils/tree-operations/ancestors'
+import { getEnvironmentName } from '../../utils/tree-operations/environments'
+import { ListEnvironment } from '../../lezer-latex/latex.terms.mjs'
+import { SyntaxNode } from '@lezer/common'
+
+export const ancestorListType = (state: EditorState): string | null => {
+  const ancestorNode = ancestorWithType(state, ListEnvironment)
+  if (!ancestorNode) {
+    return null
+  }
+  return getEnvironmentName(ancestorNode, state)
+}
+
+const wrapRangeInList = (
+  state: EditorState,
+  range: SelectionRange,
+  environment: string,
+  prefix = ''
+) => {
+  const cx = new IndentContext(state)
+  const columns = cx.lineIndent(range.from)
+  const unit = getIndentUnit(state)
+  const indent = indentString(state, columns)
+  const itemIndent = indentString(state, columns + unit)
+
+  const fromLine = state.doc.lineAt(range.from)
+  const toLine = state.doc.lineAt(range.to)
+
+  // TODO: merge with existing list at the same level?
+  const lines: string[] = [`${indent}\\begin{${environment}}`]
+  for (const line of state.doc.iterLines(fromLine.number, toLine.number + 1)) {
+    let content = line.trim()
+    if (content.endsWith('\\item')) {
+      content += ' ' // ensure a space after \item
+    }
+
+    lines.push(`${itemIndent}${prefix}${content}`)
+  }
+  if (lines.length === 1) {
+    lines.push(`${itemIndent}${prefix}`)
+  }
+
+  const changes = [
+    {
+      from: fromLine.from,
+      to: toLine.to,
+      insert: lines.join('\n'),
+    },
+  ]
+
+  // map through the prefix
+  range = EditorSelection.cursor(range.to, -1).map(state.changes(changes), 1)
+
+  changes.push({
+    from: toLine.to,
+    to: toLine.to,
+    insert: `\n${indent}\\end{${environment}}`,
+  })
+
+  return {
+    range,
+    changes,
+  }
+}
+
+const wrapRangesInList =
+  (environment: string) =>
+  (view: EditorView): boolean => {
+    view.dispatch(
+      view.state.changeByRange(range =>
+        wrapRangeInList(view.state, range, environment)
+      ),
+      { scrollIntoView: true }
+    )
+    return true
+  }
+
+const unwrapRangeFromList = (
+  state: EditorState,
+  range: SelectionRange,
+  environment: string
+) => {
+  const node = syntaxTree(state).resolveInner(range.from)
+  const list = ancestorOfNodeWithType(node, ListEnvironment)
+  if (!list) {
+    return { range }
+  }
+
+  const fromLine = state.doc.lineAt(range.from)
+  const toLine = state.doc.lineAt(range.to)
+
+  const listFromLine = state.doc.lineAt(list.from)
+  const listToLine = state.doc.lineAt(list.to)
+
+  const cx = new IndentContext(state)
+  const columns = cx.lineIndent(range.from)
+  const unit = getIndentUnit(state)
+  const indent = indentString(state, columns - unit) // decrease indent depth
+
+  // TODO: only move lines that are list items
+
+  const changes: ChangeSpec[] = []
+
+  if (listFromLine.number === fromLine.number - 1) {
+    // remove \begin if there are no items before this one
+    changes.push({
+      from: listFromLine.from,
+      to: listFromLine.to + 1,
+      insert: '',
+    })
+  } else {
+    // finish the previous list for the previous items
+    changes.push({
+      from: fromLine.from,
+      insert: `${indent}\\end{${environment}}\n`,
+    })
+  }
+
+  const ensureSpace = (state: EditorState, from: number, to: number) => {
+    return /^\s*$/.test(state.doc.sliceString(from, to))
+  }
+
+  for (
+    let lineNumber = fromLine.number;
+    lineNumber <= toLine.number;
+    lineNumber++
+  ) {
+    const line = state.doc.line(lineNumber)
+    const to = line.from + unit
+
+    if (to <= line.to && ensureSpace(state, line.from, to)) {
+      // remove indent
+      changes.push({
+        from: line.from,
+        to,
+        insert: '',
+      })
+    }
+  }
+
+  if (listToLine.number === toLine.number + 1) {
+    // remove \end if there are no items after this one
+    changes.push({
+      from: listToLine.from,
+      to: listToLine.to + 1,
+      insert: '',
+    })
+  } else {
+    // start a new list for the remaining items
+    changes.push({
+      from: toLine.to,
+      insert: `\n${indent}\\begin{${environment}}`,
+    })
+  }
+
+  // map the range through these changes
+  range = range.map(state.changes(changes), -1)
+
+  return { range, changes }
+}
+
+const unwrapRangesFromList =
+  (environment: string) =>
+  (view: EditorView): boolean => {
+    view.dispatch(
+      view.state.changeByRange(range =>
+        unwrapRangeFromList(view.state, range, environment)
+      ),
+      { scrollIntoView: true }
+    )
+    return true
+  }
+
+const toggleListForRange = (
+  view: EditorView,
+  range: SelectionRange,
+  environment: string
+) => {
+  const ancestorNode =
+    ancestorNodeOfType(view.state, range.head, ListEnvironment) ??
+    wrappedNodeOfType(view.state, range, ListEnvironment)
+
+  if (ancestorNode) {
+    const beginEnvNode = ancestorNode.getChild('BeginEnv')
+    const endEnvNode = ancestorNode.getChild('EndEnv')
+
+    if (beginEnvNode && endEnvNode) {
+      const beginEnvNameNode = beginEnvNode
+        ?.getChild('EnvNameGroup')
+        ?.getChild('ListEnvName')
+
+      const endEnvNameNode = endEnvNode
+        ?.getChild('EnvNameGroup')
+        ?.getChild('ListEnvName')
+
+      if (beginEnvNameNode && endEnvNameNode) {
+        const envName = view.state
+          .sliceDoc(beginEnvNameNode.from, beginEnvNameNode.to)
+          .trim()
+
+        if (envName === environment) {
+          const beginLine = view.state.doc.lineAt(beginEnvNode.from)
+          const endLine = view.state.doc.lineAt(endEnvNode.from)
+
+          // whether the command is the only content on this line, apart from whitespace
+          const emptyBeginLine = /^\s*\\begin\{[^}]*}\s*$/.test(beginLine.text)
+          const emptyEndLine = /^\s*\\end\{[^}]*}\s*$/.test(endLine.text)
+
+          // toggle list off
+          const changeSpec: ChangeSpec[] = [
+            {
+              from: emptyBeginLine ? beginLine.from : beginEnvNode.from,
+              to: emptyBeginLine
+                ? Math.min(beginLine.to + 1, view.state.doc.length)
+                : beginEnvNode.to,
+              insert: '',
+            },
+            {
+              from: emptyEndLine
+                ? Math.max(endLine.from - 1, 0)
+                : endEnvNode.from,
+              to: emptyEndLine ? endLine.to : endEnvNode.to,
+              insert: '',
+            },
+          ]
+
+          // items that aren't within nested list environments
+          const itemNodes = descendantsOfNodeWithType(
+            ancestorNode,
+            'Item',
+            ListEnvironment
+          )
+
+          if (itemNodes.length > 0) {
+            const indentUnit = getIndentUnit(view.state)
+
+            for (const itemNode of itemNodes) {
+              const change: ChangeSpec = {
+                from: itemNode.from,
+                to: itemNode.to,
+                insert: '',
+              }
+
+              const line = view.state.doc.lineAt(itemNode.from)
+
+              const lineBeforeCommand = view.state.sliceDoc(
+                line.from,
+                itemNode.from
+              )
+
+              // if the line before the command is empty, remove one unit of indentation
+              if (lineBeforeCommand.trim().length === 0) {
+                const cx = new IndentContext(view.state)
+                const indentation = cx.lineIndent(itemNode.from)
+                change.from -= Math.min(indentation ?? 0, indentUnit)
+              }
+
+              changeSpec.push(change)
+            }
+          }
+
+          const changes = view.state.changes(changeSpec)
+
+          return {
+            range: range.map(changes),
+            changes,
+          }
+        } else {
+          // change list type
+          const changeSpec: ChangeSpec[] = [
+            {
+              from: beginEnvNameNode.from,
+              to: beginEnvNameNode.to,
+              insert: environment,
+            },
+            {
+              from: endEnvNameNode.from,
+              to: endEnvNameNode.to,
+              insert: environment,
+            },
+          ]
+
+          const changes = view.state.changes(changeSpec)
+
+          return {
+            range: range.map(changes),
+            changes,
+          }
+        }
+      }
+    }
+  } else {
+    // create a new list
+    return wrapRangeInList(view.state, range, environment, '\\item ')
+  }
+
+  return { range }
+}
+
+export const getListItems = (node: SyntaxNode): SyntaxNode[] => {
+  const items: SyntaxNode[] = []
+
+  node.cursor().iterate(nodeRef => {
+    if (nodeRef.type.is('Item')) {
+      items.push(nodeRef.node)
+    }
+    if (nodeRef.type.is('ListEnvironment') && nodeRef.node !== node) {
+      return false
+    }
+  })
+
+  return items
+}
+
+export const toggleListForRanges =
+  (environment: string) => (view: EditorView) => {
+    view.dispatch(
+      view.state.changeByRange(range =>
+        toggleListForRange(view, range, environment)
+      ),
+      { scrollIntoView: true }
+    )
+  }
+
+export const wrapInBulletList = wrapRangesInList('itemize')
+export const wrapInNumberedList = wrapRangesInList('enumerate')
+export const wrapInDescriptionList = wrapRangesInList('description')
+export const unwrapBulletList = unwrapRangesFromList('itemize')
+export const unwrapNumberedList = unwrapRangesFromList('enumerate')
+export const unwrapDescriptionList = unwrapRangesFromList('description')
diff --git a/services/web/frontend/js/features/source-editor/extensions/toolbar/sections.ts b/services/web/frontend/js/features/source-editor/extensions/toolbar/sections.ts
new file mode 100644
index 0000000..f6f45a8
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/toolbar/sections.ts
@@ -0,0 +1,165 @@
+import { EditorSelection, EditorState, SelectionRange } from '@codemirror/state'
+import { EditorView } from '@codemirror/view'
+import { syntaxTree } from '@codemirror/language'
+import { ancestorOfNodeWithType } from '../../utils/tree-operations/ancestors'
+import { SyntaxNode } from '@lezer/common'
+
+export const findCurrentSectionHeadingLevel = (state: EditorState) => {
+  const selections = state.selection.ranges.map(range =>
+    rangeInfo(state, range)
+  )
+  const currentLevels = new Set(selections.map(item => item.level))
+
+  return currentLevels.size === 1 ? selections[0] : null
+}
+
+type RangeInfo = {
+  range: SelectionRange
+  command?: SyntaxNode
+  ctrlSeq?: SyntaxNode
+  level: string
+}
+
+export const rangeInfo = (
+  state: EditorState,
+  range: SelectionRange
+): RangeInfo => {
+  const tree = syntaxTree(state)
+
+  const fromNode = tree.resolveInner(range.from, 1)
+  const fromAncestor = ancestorOfNodeWithType(fromNode, 'SectioningCommand')
+
+  const toNode = tree.resolveInner(range.to, -1)
+  const toAncestor = ancestorOfNodeWithType(toNode, 'SectioningCommand')
+
+  const command = fromAncestor ?? toAncestor
+
+  // from and to are both outside section heading
+  if (!command) {
+    return { range, level: 'text' }
+  }
+
+  if (fromAncestor && toAncestor) {
+    // from and to are inside different section headings
+    if (fromAncestor !== toAncestor) {
+      return { range, level: 'text' }
+    }
+  } else {
+    // the range isn't empty and only one end is inside a section heading
+    if (!range.empty) {
+      return { range, level: 'text' }
+    }
+  }
+
+  const ctrlSeq = command.firstChild
+  if (!ctrlSeq) {
+    return { range, level: 'text' }
+  }
+
+  const level = state.sliceDoc(ctrlSeq.from + 1, ctrlSeq.to).trim()
+
+  return { command, ctrlSeq, level, range }
+}
+
+export const setSectionHeadingLevel = (view: EditorView, level: string) => {
+  view.dispatch(
+    view.state.changeByRange(range => {
+      const info = rangeInfo(view.state, range)
+
+      if (level === info.level) {
+        return { range }
+      }
+
+      if (level === 'text' && info.command) {
+        // remove
+        const argument = info.command.getChild('SectioningArgument')
+        if (argument) {
+          const content = view.state.sliceDoc(
+            argument.from + 1,
+            argument.to - 1
+          )
+          // map through the prefix only
+          const changedRange = range.map(
+            view.state.changes([
+              { from: info.command.from, to: argument.from + 1, insert: '' },
+            ]),
+            1
+          )
+          return {
+            range: changedRange,
+            changes: [
+              {
+                from: info.command.from,
+                to: info.command.to,
+                insert: content,
+              },
+            ],
+          }
+        }
+        return { range }
+      } else if (info.level === 'text') {
+        // add
+        const insert = {
+          prefix: `\\${level}{`,
+          suffix: '}',
+        }
+
+        const originalRange = range
+        const line = view.state.doc.lineAt(range.anchor)
+        if (range.empty) {
+          // expand range to cover the whole line
+          range = EditorSelection.range(line.from, line.to)
+        } else {
+          if (range.from !== line.from) {
+            insert.prefix = '\n' + insert.prefix
+          }
+
+          if (range.to !== line.to) {
+            insert.suffix += '\n'
+          }
+        }
+
+        const content = view.state.sliceDoc(range.from, range.to)
+
+        // map through the prefix only
+        const changedRange = originalRange.map(
+          view.state.changes([
+            { from: range.from, insert: `${insert.prefix}` },
+          ]),
+          1
+        )
+
+        return {
+          range: changedRange,
+          // create a single change, including the content
+          changes: [
+            {
+              from: range.from,
+              to: range.to,
+              insert: `${insert.prefix}${content}${insert.suffix}`,
+            },
+          ],
+        }
+      } else {
+        // change
+        if (!info.ctrlSeq) {
+          return { range }
+        }
+
+        const changes = view.state.changes([
+          {
+            from: info.ctrlSeq.from + 1,
+            to: info.ctrlSeq.to,
+            insert: level,
+          },
+        ])
+
+        return {
+          range: range.map(changes),
+          changes,
+        }
+      }
+    }),
+    { scrollIntoView: true }
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/toolbar/snippets.ts b/services/web/frontend/js/features/source-editor/extensions/toolbar/snippets.ts
new file mode 100644
index 0000000..f912d05
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/toolbar/snippets.ts
@@ -0,0 +1,9 @@
+import { environments } from '../../languages/latex/completions/data/environments'
+import { prepareSnippetTemplate } from '../../languages/latex/snippets'
+
+export const snippets = {
+  figure: prepareSnippetTemplate(environments.get('figure') as string),
+  table: prepareSnippetTemplate(environments.get('table') as string),
+  cite: prepareSnippetTemplate('\\cite{${}}'),
+  ref: prepareSnippetTemplate('\\ref{${}}'),
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/toolbar/toolbar-panel.ts b/services/web/frontend/js/features/source-editor/extensions/toolbar/toolbar-panel.ts
new file mode 100644
index 0000000..a2fd374
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/toolbar/toolbar-panel.ts
@@ -0,0 +1,326 @@
+import { StateEffect, StateField } from '@codemirror/state'
+import { EditorView, showPanel } from '@codemirror/view'
+
+const toggleToolbarEffect = StateEffect.define<boolean>()
+const toolbarState = StateField.define<boolean>({
+  create: () => true,
+  update: (value, tr) => {
+    for (const effect of tr.effects) {
+      if (effect.is(toggleToolbarEffect)) {
+        value = effect.value
+      }
+    }
+    return value
+  },
+  provide: f => showPanel.from(f, on => (on ? createToolbarPanel : null)),
+})
+
+export function createToolbarPanel() {
+  const dom = document.createElement('div')
+  dom.classList.add('ol-cm-toolbar-portal')
+  dom.id = 'ol-cm-toolbar-portal'
+  return { dom, top: true }
+}
+
+const toolbarTheme = EditorView.theme({
+  '.ol-cm-toolbar-wrapper': {
+    backgroundColor: 'var(--editor-toolbar-bg)',
+    color: 'var(--toolbar-btn-color)',
+  },
+  '.ol-cm-toolbar': {
+    flex: 1,
+    display: 'flex',
+    overflowX: 'hidden',
+  },
+  '&.overall-theme-dark .ol-cm-toolbar': {
+    '& img': {
+      filter: 'invert(1)',
+    },
+  },
+  '.ol-cm-toolbar-overflow': {
+    display: 'flex',
+    flexWrap: 'wrap',
+  },
+  '#popover-toolbar-overflow': {
+    padding: 0,
+    borderColor: 'rgba(125, 125, 125, 0.2)',
+    backgroundColor: 'var(--editor-toolbar-bg)',
+    color: 'var(--toolbar-btn-color)',
+    '& .popover-content, & .popover-body': {
+      padding: 0,
+    },
+    '& .popover-body': {
+      color: 'inherit',
+    },
+    '& .arrow, & .popover-arrow': {
+      borderBottomColor: 'rgba(125, 125, 125, 0.2)',
+      '&:after': {
+        borderBottomColor: 'var(--editor-toolbar-bg)',
+      },
+    },
+  },
+  '.ol-cm-toolbar-header': {
+    color: 'var(--toolbar-btn-color)',
+  },
+  '.ol-cm-toolbar-dropdown-divider': {
+    borderBottom: '1px solid',
+    borderColor: 'var(--toolbar-dropdown-divider-color)',
+  },
+  // here render both the icons, and hide one depending on if its dark or light mode with &.overall-theme-dark
+  '.ol-cm-toolbar-ai-sparkle-gradient': {
+    display: 'block',
+  },
+  '.ol-cm-toolbar-ai-sparkle-white': {
+    display: 'none',
+  },
+  '&.overall-theme-dark .ol-cm-toolbar-ai-sparkle-gradient': {
+    display: 'none',
+  },
+  '&.overall-theme-dark .ol-cm-toolbar-ai-sparkle-white': {
+    display: 'block',
+  },
+  '.ol-cm-toolbar-button-menu-popover': {
+    backgroundColor: 'initial',
+    '& > .popover-content, & > .popover-body': {
+      padding: 0,
+      color: 'initial',
+    },
+    '& .arrow, & .popover-arrow': {
+      display: 'none',
+    },
+    '& .list-group': {
+      marginBottom: 0,
+      backgroundColor: 'var(--editor-toolbar-bg)',
+      borderRadius: '4px',
+    },
+    '& .list-group-item': {
+      width: '100%',
+      textAlign: 'start',
+      display: 'flex',
+      alignItems: 'center',
+      gap: '5px',
+      color: 'var(--toolbar-btn-color)',
+      borderColor: 'var(--editor-toolbar-bg)',
+      background: 'none',
+      '&:hover, &:focus': {
+        backgroundColor: 'rgba(125, 125, 125, 0.2)',
+      },
+    },
+  },
+  '.ol-cm-toolbar-button-group': {
+    display: 'flex',
+    alignItems: 'center',
+    whiteSpace: 'nowrap',
+    flexWrap: 'nowrap',
+    padding: '0 4px',
+    margin: '4px 0',
+    lineHeight: '1',
+    borderLeft: '1px solid rgba(125, 125, 125, 0.3)',
+    '&.ol-cm-toolbar-end': {
+      borderLeft: 'none',
+    },
+    '&.ol-cm-toolbar-stretch': {
+      flex: 1,
+      '.editor-toggle-switch + &': {
+        borderLeft: 'none', // avoid a left border when no toolbar buttons are shown
+      },
+    },
+    '&.overflow-hidden': {
+      borderLeft: 'none',
+      width: 0,
+      padding: 0,
+    },
+  },
+  '.ol-cm-toolbar-button': {
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: '0',
+    margin: '0 1px',
+    backgroundColor: 'transparent',
+    border: 'none',
+    borderRadius: 'var(--border-radius-base)',
+    lineHeight: '1',
+    width: '24px',
+    height: '24px',
+    overflow: 'hidden',
+    color: 'inherit',
+    '&:hover, &:focus, &:active, &.active': {
+      backgroundColor: 'rgba(125, 125, 125, 0.1)',
+      color: 'inherit',
+      boxShadow: 'none',
+      '&[aria-disabled="true"]': {
+        opacity: '0.2',
+      },
+    },
+    '&.active, &:active': {
+      backgroundColor: 'rgba(125, 125, 125, 0.2)',
+    },
+    '&[aria-disabled="true"]': {
+      opacity: '0.2',
+      cursor: 'not-allowed',
+    },
+    '.overflow-hidden &': {
+      display: 'none',
+    },
+    '&.ol-cm-toolbar-button-math': {
+      fontFamily: '"Noto Serif", serif',
+      fontSize: '16px',
+      fontWeight: 700,
+    },
+  },
+  '&.overall-theme-dark .ol-cm-toolbar-button': {
+    opacity: 0.8,
+    '&:hover, &:focus, &:active, &.active': {
+      backgroundColor: 'rgba(125, 125, 125, 0.2)',
+    },
+    '&.active, &:active': {
+      backgroundColor: 'rgba(125, 125, 125, 0.4)',
+    },
+    '&[aria-disabled="true"]': {
+      opacity: 0.2,
+    },
+  },
+  '.ol-cm-toolbar-end': {
+    justifyContent: 'flex-end',
+    '& .badge': {
+      marginRight: '5px',
+    },
+  },
+  '.ol-cm-toolbar-overflow-toggle': {
+    display: 'none',
+    '&.ol-cm-toolbar-overflow-toggle-visible': {
+      display: 'flex',
+    },
+  },
+  '.ol-cm-toolbar-menu-toggle': {
+    background: 'transparent',
+    border: 'none',
+    color: 'inherit',
+    borderRadius: 'var(--border-radius-base)',
+    opacity: 0.8,
+    width: '120px',
+    fontSize: '13px',
+    fontWeight: '700',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    padding: '5px 6px',
+    '&:hover, &:focus, &.active': {
+      backgroundColor: 'rgba(125, 125, 125, 0.1)',
+      opacity: '1',
+      color: 'inherit',
+    },
+    '& .caret': {
+      marginTop: '0',
+    },
+  },
+  '.ol-cm-toolbar-menu-popover': {
+    border: 'none',
+    borderRadius: '0',
+    borderBottomLeftRadius: '4px',
+    borderBottomRightRadius: '4px',
+    boxShadow: '0 2px 5px rgb(0 0 0 / 20%)',
+    backgroundColor: 'var(--editor-toolbar-bg)',
+    color: 'var(--toolbar-btn-color)',
+    padding: '0',
+    '&.bottom': {
+      marginTop: '1px',
+    },
+    '&.top': {
+      marginBottom: '1px',
+    },
+    '& .arrow, & .popover-arrow': {
+      display: 'none',
+    },
+    '& .popover-content, & > .popover-body': {
+      padding: '0',
+      color: 'inherit',
+    },
+    '& .ol-cm-toolbar-menu': {
+      width: '120px',
+      display: 'flex',
+      flexDirection: 'column',
+      boxSizing: 'border-box',
+      fontSize: '14px',
+    },
+    '& .ol-cm-toolbar-menu-item': {
+      border: 'none',
+      background: 'none',
+      padding: '4px 12px',
+      height: '40px',
+      display: 'flex',
+      alignItems: 'center',
+      fontWeight: 'bold',
+      color: 'inherit',
+      '&.ol-cm-toolbar-menu-item-active': {
+        backgroundColor: 'rgba(125, 125, 125, 0.1)',
+      },
+      '&:hover': {
+        backgroundColor: 'rgba(125, 125, 125, 0.2)',
+        color: 'inherit',
+      },
+      '&.section-level-section': {
+        fontSize: '1.44em',
+      },
+      '&.section-level-subsection': {
+        fontSize: '1.2em',
+      },
+      '&.section-level-body': {
+        fontWeight: 'normal',
+      },
+    },
+  },
+  '&.overall-theme-dark .ol-cm-toolbar-table-grid': {
+    '& td.active': {
+      outlineColor: 'white',
+      background: 'rgb(125, 125, 125)',
+    },
+  },
+  '.ol-cm-toolbar-table-grid': {
+    borderCollapse: 'separate',
+    tableLayout: 'fixed',
+    fontSize: '6px',
+    cursor: 'pointer',
+    width: '160px',
+    '& td': {
+      outline: '1px solid #E7E9EE',
+      outlineOffset: '-2px',
+      width: '16px',
+      height: '16px',
+
+      '&.active': {
+        outlineColor: '#3265B2',
+        background: '#F1F4F9',
+      },
+    },
+  },
+  '.ol-cm-toolbar-table-size-label': {
+    maxWidth: '160px',
+    fontFamily: 'Lato, sans-serif',
+    fontSize: '12px',
+  },
+  '.ol-cm-toolbar-table-grid-popover': {
+    maxWidth: 'unset',
+    padding: '8px',
+    boxShadow: '0 5px 10px rgba(0, 0, 0, 0.2)',
+    borderRadius: '4px',
+    backgroundColor: 'var(--editor-toolbar-bg)',
+    pointerEvents: 'all',
+    color: 'var(--toolbar-btn-color)',
+  },
+  '.ol-cm-toolbar-button-menu-popover-unstyled': {
+    maxWidth: 'unset',
+    background: 'transparent',
+    border: 0,
+    padding: '0 8px 8px 160px',
+    boxShadow: 'none',
+    pointerEvents: 'none',
+  },
+})
+
+/**
+ * A panel which contains the editor toolbar, provided by a state field which allows the toolbar to be toggled,
+ * and styles for the toolbar.
+ */
+export const toolbarPanel = () => [toolbarState, toolbarTheme]
diff --git a/services/web/frontend/js/features/source-editor/extensions/toolbar/utils/analytics.ts b/services/web/frontend/js/features/source-editor/extensions/toolbar/utils/analytics.ts
new file mode 100644
index 0000000..e312c63
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/toolbar/utils/analytics.ts
@@ -0,0 +1,25 @@
+import { EditorView } from '@codemirror/view'
+import { sendMB } from '../../../../../infrastructure/event-tracking'
+import { isVisual } from '../../visual/visual'
+
+export function emitCommandEvent(
+  view: EditorView,
+  key: string,
+  command: string,
+  segmentation?: Record<string, string | number | boolean>
+) {
+  const mode = isVisual(view) ? 'visual' : 'source'
+  sendMB(key, { command, mode, ...segmentation })
+}
+
+export function emitToolbarEvent(view: EditorView, command: string) {
+  emitCommandEvent(view, 'codemirror-toolbar-event', command)
+}
+
+export function emitShortcutEvent(
+  view: EditorView,
+  command: string,
+  segmentation?: Record<string, string | number | boolean>
+) {
+  emitCommandEvent(view, 'codemirror-shortcut-event', command, segmentation)
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/track-detached-comments.ts b/services/web/frontend/js/features/source-editor/extensions/track-detached-comments.ts
new file mode 100644
index 0000000..680b025
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/track-detached-comments.ts
@@ -0,0 +1,98 @@
+import {
+  EditorState,
+  RangeSet,
+  StateEffect,
+  StateField,
+  Transaction,
+} from '@codemirror/state'
+import {
+  findCommentsInCut,
+  findDetachedCommentsInChanges,
+  restoreCommentsOnPaste,
+  restoreDetachedComments,
+  StoredComment,
+} from './changes/comments'
+import { invertedEffects } from '@codemirror/commands'
+import { DocumentContainer } from '@/features/ide-react/editor/document-container'
+
+const restoreDetachedCommentsEffect = StateEffect.define<RangeSet<any>>({
+  map: (value, mapping) => {
+    return value
+      .update({
+        filter: (from, to) => {
+          return from <= mapping.length && to <= mapping.length
+        },
+      })
+      .map(mapping)
+  },
+})
+
+/**
+ * A custom extension that detects detached comments when a comment is cut and pasted,
+ * or when a deleted comment is undone
+ */
+export const trackDetachedComments = ({
+  currentDoc,
+}: {
+  currentDoc: DocumentContainer
+}) => {
+  // A state field that stored any comments found within the ranges of a "cut" transaction,
+  // to be restored when pasting matching text.
+  const cutCommentsState = StateField.define<StoredComment[]>({
+    create: () => {
+      return []
+    },
+    update: (value, transaction) => {
+      if (transaction.annotation(Transaction.remote)) {
+        return value
+      }
+
+      if (!transaction.docChanged) {
+        return value
+      }
+
+      if (transaction.isUserEvent('delete.cut')) {
+        return findCommentsInCut(currentDoc, transaction)
+      }
+
+      if (transaction.isUserEvent('input.paste')) {
+        restoreCommentsOnPaste(currentDoc, transaction, value)
+        return []
+      }
+
+      return value
+    },
+  })
+
+  return [
+    // attach any comments detached by the transaction as an inverted effect, to be applied on undo
+    invertedEffects.of(transaction => {
+      if (
+        transaction.docChanged &&
+        !transaction.annotation(Transaction.remote)
+      ) {
+        const detachedComments = findDetachedCommentsInChanges(
+          currentDoc,
+          transaction
+        )
+        if (detachedComments.size) {
+          return [restoreDetachedCommentsEffect.of(detachedComments)]
+        }
+      }
+      return []
+    }),
+
+    // restore any detached comments on undo
+    EditorState.transactionExtender.of(transaction => {
+      for (const effect of transaction.effects) {
+        if (effect.is(restoreDetachedCommentsEffect)) {
+          // send the comments to the ShareJS doc
+          restoreDetachedComments(currentDoc, transaction, effect.value)
+        }
+      }
+      return null
+    }),
+
+    cutCommentsState,
+  ]
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/vertical-overflow.ts b/services/web/frontend/js/features/source-editor/extensions/vertical-overflow.ts
new file mode 100644
index 0000000..20505ed
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/vertical-overflow.ts
@@ -0,0 +1,251 @@
+import {
+  Extension,
+  Facet,
+  StateEffect,
+  StateField,
+  TransactionSpec,
+} from '@codemirror/state'
+import {
+  Decoration,
+  EditorView,
+  ViewPlugin,
+  ViewUpdate,
+  WidgetType,
+} from '@codemirror/view'
+
+/**
+ * A custom extension which stores values for padding needed
+ * a) at the top and bottom of the editor, to match the height of the review panel, and
+ * b) at the bottom of the editor content, so the last line of the document can be scrolled to the top of the editor.
+ */
+export function verticalOverflow(): Extension {
+  return [
+    overflowPaddingState,
+    minimumBottomPaddingState,
+    bottomPadding,
+    topPadding,
+    contentAttributes,
+    topPaddingDecoration,
+    bottomPaddingPlugin,
+    topPaddingPlugin,
+  ]
+}
+
+type VerticalPadding = { top: number; bottom: number }
+
+const setOverflowPaddingEffect = StateEffect.define<VerticalPadding>()
+
+// Store extra padding needed at the top and bottom of the editor to match the height of the review panel.
+// The padding needs to allow enough space for tracked changes/comments at the top and/or bottom of the review panel.
+const overflowPaddingState = StateField.define<VerticalPadding>({
+  create() {
+    return { top: 0, bottom: 0 }
+  },
+  update(value, tr) {
+    for (const effect of tr.effects) {
+      if (effect.is(setOverflowPaddingEffect)) {
+        const { top, bottom } = effect.value
+        // only update the state when the values actually change
+        if (top !== value.top || bottom !== value.bottom) {
+          value = { top, bottom }
+        }
+      }
+    }
+    return value
+  },
+})
+
+const setMinimumBottomPaddingEffect = StateEffect.define<number>()
+
+// Store extra padding needed at the bottom of the editor content.
+// The content must have a space at the bottom equivalent to the
+// height of the editor content minus one line, so that the last
+// line in the document can be scrolled to the top of the editor.
+const minimumBottomPaddingState = StateField.define<number>({
+  create() {
+    return 0
+  },
+  update(value, tr) {
+    for (const effect of tr.effects) {
+      if (effect.is(setMinimumBottomPaddingEffect)) {
+        value = effect.value
+      }
+    }
+    return value
+  },
+})
+
+// Set scrollTop to counteract changes to the top padding.
+// This view plugin is needed because the overflowPaddingState StateField doesn't have access to the view.
+const topPaddingPlugin = ViewPlugin.define(view => {
+  let previousTop = 0
+
+  return {
+    update: update => {
+      const { top } = update.state.field(overflowPaddingState)
+      if (top !== previousTop) {
+        const diff = top - previousTop
+
+        if (diff < 0) {
+          // padding is decreasing, scroll now
+          view.scrollDOM.scrollTop += diff
+        } else {
+          // padding is increasing, scroll after it has been applied
+          view.requestMeasure({
+            key: 'vertical-overflow-scroll-top',
+            read() {
+              // do nothing
+            },
+            write(measure, view) {
+              view.scrollDOM.scrollTop += diff
+            },
+          })
+        }
+
+        previousTop = top
+      }
+    },
+  }
+})
+
+/**
+ * When the editor geometry changes, recalculate the amount of padding needed at
+ * the end of the doc: (the scrollDOM height - 1 line height).
+ * Adapted from the CodeMirror 6 scrollPastEnd extension, licensed under the MIT
+ * license:
+ * https://github.com/codemirror/view/blob/main/src/scrollpastend.ts
+ */
+const bottomPaddingPlugin = ViewPlugin.define(view => {
+  let previousHeight = 0
+
+  const measure = {
+    key: 'vertical-overflow-bottom-padding',
+    read(view: EditorView) {
+      return view.scrollDOM.clientHeight - view.defaultLineHeight
+    },
+    write(height: number, view: EditorView) {
+      if (height !== previousHeight) {
+        // dispatch must be wrapped in a timeout to avoid clashing with the current update
+        window.setTimeout(() =>
+          view.dispatch({
+            effects: setMinimumBottomPaddingEffect.of(height),
+          })
+        )
+        previousHeight = height
+      }
+    },
+  }
+
+  view.requestMeasure(measure)
+
+  return {
+    update: update => {
+      if (update.geometryChanged) {
+        update.view.requestMeasure(measure)
+      }
+    },
+  }
+})
+
+const topPaddingFacet = Facet.define<number, number>({
+  combine(values) {
+    return Math.max(0, ...values)
+  },
+})
+const topPadding = topPaddingFacet.from(overflowPaddingState, state => {
+  return state.top
+})
+
+const bottomPaddingFacet = Facet.define<number, number>({
+  combine(values) {
+    return Math.max(0, ...values)
+  },
+})
+const bottomPadding = bottomPaddingFacet.computeN(
+  [overflowPaddingState, minimumBottomPaddingState],
+  state => {
+    return [
+      state.field(minimumBottomPaddingState),
+      state.field(overflowPaddingState).bottom,
+    ]
+  }
+)
+
+// Set a style attribute on the contentDOM containing the calculated bottom padding.
+// This value will be concatenated with style values from any other extensions.
+const contentAttributes = EditorView.contentAttributes.compute(
+  [bottomPaddingFacet],
+  state => {
+    const bottom = state.facet(bottomPaddingFacet)
+    const style = `padding-bottom: ${bottom}px;`
+    return { style }
+  }
+)
+
+class TopPaddingWidget extends WidgetType {
+  constructor(private readonly height: number) {
+    super()
+    this.height = height
+  }
+
+  toDOM(view: EditorView): HTMLElement {
+    const element = document.createElement('div')
+    element.style.height = this.height + 'px'
+    return element
+  }
+
+  get estimatedHeight() {
+    return this.height
+  }
+
+  eq(widget: TopPaddingWidget) {
+    return this.height === widget.height
+  }
+
+  updateDOM(element: HTMLElement, view: EditorView): boolean {
+    element.style.height = this.height + 'px'
+    view.requestMeasure()
+    return true
+  }
+}
+
+const topPaddingDecoration = EditorView.decorations.compute(
+  [topPaddingFacet],
+  state => {
+    const top = state.facet(topPaddingFacet)
+
+    return Decoration.set([
+      Decoration.widget({
+        widget: new TopPaddingWidget(top),
+        block: true,
+      }).range(0),
+    ])
+  }
+)
+
+export function setVerticalOverflow(padding: VerticalPadding): TransactionSpec {
+  return {
+    effects: [setOverflowPaddingEffect.of(padding)],
+  }
+}
+
+export function updateSetsVerticalOverflow(update: ViewUpdate): boolean {
+  return update.transactions.some(tr => {
+    return tr.effects.some(effect => effect.is(setOverflowPaddingEffect))
+  })
+}
+
+export function updateChangesTopPadding(update: ViewUpdate): boolean {
+  return (
+    update.state.field(overflowPaddingState).top !==
+    update.startState.field(overflowPaddingState).top
+  )
+}
+
+export function editorVerticalTopPadding(view: EditorView): number {
+  return view.state.field(overflowPaddingState, false)?.top ?? 0
+}
+
+export function editorOverflowPadding(view: EditorView) {
+  return view.state.field(overflowPaddingState, false)
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual-line-selection.ts b/services/web/frontend/js/features/source-editor/extensions/visual-line-selection.ts
new file mode 100644
index 0000000..183eb73
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual-line-selection.ts
@@ -0,0 +1,160 @@
+import {
+  SelectionRange,
+  EditorSelection,
+  EditorState,
+  Transaction,
+} from '@codemirror/state'
+import { Command, EditorView } from '@codemirror/view'
+
+const getNextLineBoundary = (
+  selection: SelectionRange,
+  forward: boolean,
+  view: EditorView,
+  includeWrappingCharacter = false
+) => {
+  const newSelection = view.moveToLineBoundary(
+    EditorSelection.cursor(
+      selection.head,
+      1,
+      selection.bidiLevel || undefined,
+      selection.goalColumn
+    ),
+    forward
+  )
+  // Adjust to be "before" the simulated line break
+  let offset = 0
+  if (
+    forward &&
+    !includeWrappingCharacter &&
+    view.lineBlockAt(selection.head).to !== newSelection.head
+  ) {
+    offset = 1
+  }
+  return EditorSelection.cursor(
+    newSelection.head - offset,
+    selection.assoc,
+    selection.bidiLevel || undefined,
+    newSelection.goalColumn
+  )
+}
+
+const changeSelection = (
+  view: EditorView,
+  how: (selection: SelectionRange) => SelectionRange,
+  extend = false
+) => {
+  view.dispatch({
+    selection: EditorSelection.create(
+      view.state.selection.ranges.map(start => {
+        const newSelection = how(start)
+        const anchor = extend ? start.anchor : newSelection.head
+        return EditorSelection.range(
+          anchor,
+          newSelection.head,
+          newSelection.goalColumn,
+          newSelection.bidiLevel || undefined
+        )
+      }),
+      view.state.selection.mainIndex
+    ),
+    scrollIntoView: true,
+    userEvent: 'select',
+  })
+}
+
+export const cursorToEndOfVisualLine = (view: EditorView) =>
+  changeSelection(view, range => getNextLineBoundary(range, true, view), false)
+
+export const selectToEndOfVisualLine = (view: EditorView) =>
+  changeSelection(view, range => getNextLineBoundary(range, true, view), true)
+
+export const selectRestOfVisualLine = (view: EditorView) =>
+  changeSelection(
+    view,
+    range => getNextLineBoundary(range, true, view, true),
+    true
+  )
+
+export const cursorToBeginningOfVisualLine = (view: EditorView) =>
+  changeSelection(view, range => getNextLineBoundary(range, false, view), false)
+
+export const selectToBeginningOfVisualLine = (view: EditorView) =>
+  changeSelection(view, range => getNextLineBoundary(range, false, view), true)
+
+export const deleteToVisualLineEnd: Command = view =>
+  deleteBy(view, pos => {
+    const lineEnd = getNextLineBoundary(
+      EditorSelection.cursor(pos),
+      true,
+      view,
+      true
+    ).to
+    return pos < lineEnd ? lineEnd : Math.min(view.state.doc.length, pos + 1)
+  })
+
+export const deleteToVisualLineStart: Command = view =>
+  deleteBy(view, pos => {
+    const lineStart = getNextLineBoundary(
+      EditorSelection.cursor(pos),
+      false,
+      view
+    ).to
+    return pos > lineStart ? lineStart : Math.max(0, pos - 1)
+  })
+
+/* eslint-disable */
+/**
+ * The following definitions are from CodeMirror 6, licensed under the MIT license:
+ * https://github.com/codemirror/commands/blob/main/src/commands.ts
+ */
+type CommandTarget = { state: EditorState; dispatch: (tr: Transaction) => void }
+
+function deleteBy(target: CommandTarget, by: (start: number) => number) {
+  if (target.state.readOnly) return false
+  let event = 'delete.selection',
+    { state } = target
+  let changes = state.changeByRange(range => {
+    let { from, to } = range
+    if (from == to) {
+      let towards = by(from)
+      if (towards < from) {
+        event = 'delete.backward'
+        towards = skipAtomic(target, towards, false)
+      } else if (towards > from) {
+        event = 'delete.forward'
+        towards = skipAtomic(target, towards, true)
+      }
+      from = Math.min(from, towards)
+      to = Math.max(to, towards)
+    } else {
+      from = skipAtomic(target, from, false)
+      to = skipAtomic(target, to, true)
+    }
+    return from == to
+      ? { range }
+      : { changes: { from, to }, range: EditorSelection.cursor(from) }
+  })
+  if (changes.changes.empty) return false
+  target.dispatch(
+    state.update(changes, {
+      scrollIntoView: true,
+      userEvent: event,
+      effects:
+        event == 'delete.selection'
+          ? EditorView.announce.of(state.phrase('selection_deleted'))
+          : undefined,
+    })
+  )
+  return true
+}
+
+function skipAtomic(target: CommandTarget, pos: number, forward: boolean) {
+  if (target instanceof EditorView)
+    for (let ranges of target.state
+      .facet(EditorView.atomicRanges)
+      .map(f => f(target)))
+      ranges.between(pos, pos, (from, to) => {
+        if (from < pos && to > pos) pos = forward ? to : from
+      })
+  return pos
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/atomic-decorations.ts b/services/web/frontend/js/features/source-editor/extensions/visual/atomic-decorations.ts
new file mode 100644
index 0000000..d852c9d
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/atomic-decorations.ts
@@ -0,0 +1,1334 @@
+import { EditorState, Range, StateField } from '@codemirror/state'
+import {
+  Decoration,
+  DecorationSet,
+  EditorView,
+  ViewPlugin,
+  WidgetType,
+} from '@codemirror/view'
+import { SyntaxNode, Tree } from '@lezer/common'
+import { syntaxTree } from '@codemirror/language'
+import {
+  hasMouseDownEffect,
+  mouseDownEffect,
+  selectionIntersects,
+  extendBackwardsOverEmptyLines,
+  extendForwardsOverEmptyLines,
+} from './selection'
+import { ItemWidget } from './visual-widgets/item'
+import { LaTeXWidget } from './visual-widgets/latex'
+import { BraceWidget } from './visual-widgets/brace'
+import { ancestorNodeOfType } from '../../utils/tree-query'
+import { MakeTitleWidget } from './visual-widgets/maketitle'
+import { BeginWidget } from './visual-widgets/begin'
+import { EndWidget } from './visual-widgets/end'
+import {
+  getEnvironmentArguments,
+  getEnvironmentName,
+  getUnstarredEnvironmentName,
+  parseFigureData,
+} from '../../utils/tree-operations/environments'
+import { MathWidget } from './visual-widgets/math'
+import { IconBraceWidget } from './visual-widgets/icon-brace'
+import { TeXWidget } from './visual-widgets/tex'
+import {
+  createCharacterCommand,
+  hasCharacterSubstitution,
+} from './visual-widgets/character'
+import { centeringNodeForEnvironment } from '../../utils/tree-operations/figure'
+import { Frame, FrameWidget } from './visual-widgets/frame'
+import { DividerWidget } from './visual-widgets/divider'
+import { Preamble, PreambleWidget } from './visual-widgets/preamble'
+import { EndDocumentWidget } from './visual-widgets/end-document'
+import { EnvironmentLineWidget } from './visual-widgets/environment-line'
+import {
+  ListEnvironmentName,
+  ancestorOfNodeWithType,
+  isDirectChildOfEnvironment,
+} from '../../utils/tree-operations/ancestors'
+import { EditableGraphicsWidget } from './visual-widgets/editable-graphics'
+import { EditableInlineGraphicsWidget } from './visual-widgets/editable-inline-graphics'
+import {
+  CloseBrace,
+  OpenBrace,
+  CloseBracket,
+  OpenBracket,
+  OptionalArgument,
+  ShortTextArgument,
+  TextArgument,
+} from '../../lezer-latex/latex.terms.mjs'
+import { FootnoteWidget } from './visual-widgets/footnote'
+import { getListItems } from '../toolbar/lists'
+import { TildeWidget } from './visual-widgets/tilde'
+import { BeginTheoremWidget } from './visual-widgets/begin-theorem'
+import { parseTheoremArguments } from '../../utils/tree-operations/theorems'
+import { IndicatorWidget } from './visual-widgets/indicator'
+import { TabularWidget } from './visual-widgets/tabular'
+import { nextSnippetField, pickedCompletion } from '@codemirror/autocomplete'
+import { skipPreambleWithCursor } from './skip-preamble-cursor'
+import { TableRenderingErrorWidget } from './visual-widgets/table-rendering-error'
+import { GraphicsWidget } from './visual-widgets/graphics'
+import { InlineGraphicsWidget } from './visual-widgets/inline-graphics'
+import { PreviewPath } from '../../../../../../types/preview-path'
+import { selectDecoratedArgument } from './select-decorated-argument'
+import {
+  generateTable,
+  ParsedTableData,
+  validateParsedTable,
+} from '../../components/table-generator/utils'
+import { debugConsole } from '@/utils/debugging'
+import { DescriptionItemWidget } from './visual-widgets/description-item'
+import {
+  createSpaceCommand,
+  hasSpaceSubstitution,
+} from '@/features/source-editor/extensions/visual/visual-widgets/space'
+import {
+  mathAncestorNode,
+  parseMathContainer,
+} from '../../utils/tree-operations/math'
+
+type Options = {
+  previewByPath: (path: string) => PreviewPath | null
+}
+
+function shouldDecorate(
+  state: EditorState,
+  extents: { from: number; to: number }
+) {
+  return state.readOnly || !selectionIntersects(state.selection, extents)
+}
+
+function shouldDecorateFromLineEdges(
+  state: EditorState,
+  extents: { from: number; to: number }
+) {
+  return shouldDecorate(state, {
+    from: state.doc.lineAt(extents.from).from,
+    to: state.doc.lineAt(extents.to).to,
+  })
+}
+
+function decorateArgumentBraces(
+  startWidget: WidgetType,
+  argumentNode: SyntaxNode | null | undefined,
+  start: number,
+  decorateEmptyArguments = false,
+  endWidget?: WidgetType,
+  braceTypes = {
+    open: OpenBrace,
+    close: CloseBrace,
+  }
+): Range<Decoration>[] {
+  if (!argumentNode) {
+    return []
+  }
+  const openBrace = argumentNode.getChild(braceTypes.open)
+  const closeBrace = argumentNode.getChild(braceTypes.close)
+
+  if (openBrace && closeBrace) {
+    if (
+      // Make sure that decoration ranges are non-empty
+      openBrace.to > start &&
+      (decorateEmptyArguments || argumentNode.to - argumentNode.from > 2)
+    ) {
+      return [
+        Decoration.replace({
+          widget: startWidget,
+        }).range(start, openBrace.to),
+
+        Decoration.replace({
+          widget: endWidget,
+        }).range(closeBrace.from, closeBrace.to),
+      ]
+    }
+  }
+  return []
+}
+
+const hasClosingBrace = (node: SyntaxNode) =>
+  node.getChild('EnvNameGroup')?.getChild('CloseBrace')
+
+/**
+ * A state field that decorates ranges of text (including multiple lines) with Widget or Line decorations.
+ * Atomic decorations replace a range of content with an uneditable widget.
+ * Decorations that span multiple lines must be contained in a StateField, not a ViewPlugin.
+ */
+export const atomicDecorations = (options: Options) => {
+  const { previewByPath } = options
+  const createDecorations = (
+    state: EditorState,
+    tree: Tree
+  ): { decorations: DecorationSet; preamble: Preamble } => {
+    const decorations: Range<Decoration>[] = []
+
+    const listEnvironmentStack: ListEnvironmentName[] = []
+    let currentListEnvironment: ListEnvironmentName | undefined
+
+    const ordinalStack: number[] = []
+    let currentOrdinal = 0
+
+    let listDepth = 0
+
+    const theoremEnvironments = new Map<string, string>([
+      ['theorem', 'Theorem'],
+      ['corollary', 'Corollary'],
+      ['lemma', 'lemma'],
+      ['proof', 'Proof'],
+    ])
+
+    let commandDefinitions = ''
+
+    const preamble: Preamble = { from: 0, to: 0, authors: [] }
+
+    const startListEnvironment = (envName: ListEnvironmentName) => {
+      if (currentListEnvironment) {
+        listEnvironmentStack.push(currentListEnvironment)
+        ordinalStack.push(currentOrdinal)
+      }
+      currentListEnvironment = envName
+      currentOrdinal = 0
+    }
+
+    const endListEnvironment = () => {
+      currentListEnvironment = listEnvironmentStack.pop()
+      currentOrdinal = ordinalStack.pop() ?? 0
+    }
+
+    let seenDocumentEnvironment = false
+
+    tree.iterate({
+      enter(nodeRef) {
+        if (nodeRef.node.type.is('Maketitle')) {
+          // end the preamble at \maketitle, if it's directly inside the document environment
+          const parentEnvironment = ancestorOfNodeWithType(
+            nodeRef.node,
+            '$Environment'
+          )
+          if (parentEnvironment?.type.is('DocumentEnvironment')) {
+            preamble.to = nodeRef.node.from
+          }
+        } else if (nodeRef.node.type.is('DocumentEnvironment')) {
+          // only count the first instance of DocumentEnvironment
+          if (!seenDocumentEnvironment) {
+            preamble.to =
+              nodeRef.node.getChild('Content')?.from ?? nodeRef.node.from
+            seenDocumentEnvironment = true
+          }
+        } else if (nodeRef.node.type.is('Title')) {
+          const node = nodeRef.node.getChild('TextArgument')
+          if (node) {
+            const content = state.sliceDoc(node.from, node.to)
+            preamble.title = { node, content }
+            preamble.to = nodeRef.node.to
+          }
+        } else if (nodeRef.node.type.is('Author')) {
+          const node = nodeRef.node.getChild('TextArgument')
+          if (node) {
+            const content = state.sliceDoc(node.from, node.to)
+            preamble.authors.push({ node, content })
+            preamble.to = nodeRef.node.to
+          }
+        } else if (
+          nodeRef.node.type.is('Affil') ||
+          nodeRef.node.type.is('Affiliation')
+        ) {
+          const node = nodeRef.node.getChild('TextArgument')
+          if (node) {
+            preamble.to = nodeRef.node.to
+          }
+        }
+
+        if (nodeRef.type.is('$Environment')) {
+          const envName = getUnstarredEnvironmentName(nodeRef.node, state)
+          const hideInEnvironmentTypes = [
+            'figure',
+            'table',
+            'verbatim',
+            'lstlisting',
+            'quote',
+            'quotation',
+            'quoting',
+            'displayquote',
+          ]
+          if (envName && hideInEnvironmentTypes.includes(envName)) {
+            const beginNode = nodeRef.node.getChild('BeginEnv')
+            const endNode = nodeRef.node.getChild('EndEnv')
+            if (
+              beginNode &&
+              endNode &&
+              hasClosingBrace(beginNode) &&
+              hasClosingBrace(endNode)
+            ) {
+              const beginLine = state.doc.lineAt(beginNode.from)
+              const endLine = state.doc.lineAt(endNode.from)
+
+              const begin = {
+                from: beginLine.from,
+                to: extendForwardsOverEmptyLines(state.doc, beginLine),
+              }
+              const end = {
+                from: extendBackwardsOverEmptyLines(state.doc, endLine),
+                to: endLine.to,
+              }
+
+              if (shouldDecorate(state, { from: begin.from, to: end.to })) {
+                decorations.push(
+                  Decoration.replace({
+                    widget: new EnvironmentLineWidget(envName, 'begin'),
+                    block: true,
+                  }).range(begin.from, begin.to),
+                  Decoration.replace({
+                    widget: new EnvironmentLineWidget(envName, 'end'),
+                    block: true,
+                  }).range(end.from, end.to)
+                )
+
+                const centeringNode = centeringNodeForEnvironment(nodeRef)
+
+                if (centeringNode) {
+                  const line = state.doc.lineAt(centeringNode.from)
+                  const from = extendBackwardsOverEmptyLines(state.doc, line)
+                  const to = extendForwardsOverEmptyLines(state.doc, line)
+
+                  decorations.push(
+                    Decoration.replace({
+                      block: true,
+                    }).range(from, to)
+                  )
+                }
+              }
+            }
+          } else if (nodeRef.type.is('ListEnvironment')) {
+            const beginNode = nodeRef.node.getChild('BeginEnv')
+            const endNode = nodeRef.node.getChild('EndEnv')
+
+            if (
+              beginNode &&
+              endNode &&
+              hasClosingBrace(beginNode) &&
+              hasClosingBrace(endNode)
+            ) {
+              const beginLine = state.doc.lineAt(beginNode.from)
+              const endLine = state.doc.lineAt(endNode.from)
+
+              const begin = {
+                from: beginLine.from,
+                to: extendForwardsOverEmptyLines(state.doc, beginLine),
+              }
+              const end = {
+                from: extendBackwardsOverEmptyLines(state.doc, endLine),
+                to: endLine.to,
+              }
+
+              if (
+                !selectionIntersects(state.selection, begin) &&
+                !selectionIntersects(state.selection, end) &&
+                getListItems(nodeRef.node).length > 0 // not empty
+              ) {
+                decorations.push(
+                  Decoration.replace({
+                    block: true,
+                  }).range(begin.from, begin.to),
+                  Decoration.replace({
+                    block: true,
+                  }).range(end.from, end.to)
+                )
+              }
+            }
+          } else if (nodeRef.type.is('TabularEnvironment')) {
+            if (shouldDecorate(state, nodeRef)) {
+              const tabularNode = nodeRef.node
+              const tableNode = ancestorOfNodeWithType(
+                tabularNode,
+                'TableEnvironment'
+              )
+              const directChild = isDirectChildOfEnvironment(
+                tabularNode.parent,
+                tableNode
+              )
+
+              let parsedTableData: ParsedTableData | null = null
+              let validTable = false
+              try {
+                parsedTableData = generateTable(tabularNode, state)
+                validTable = validateParsedTable(parsedTableData)
+              } catch (e) {
+                debugConsole.error(e)
+              }
+
+              if (parsedTableData && validTable) {
+                decorations.push(
+                  Decoration.replace({
+                    widget: new TabularWidget(
+                      parsedTableData,
+                      tabularNode,
+                      state.doc.sliceString(
+                        (tableNode ?? tabularNode).from,
+                        (tableNode ?? tabularNode).to
+                      ),
+                      tableNode,
+                      directChild
+                    ),
+                    block: true,
+                  }).range(nodeRef.from, nodeRef.to)
+                )
+                return false
+              } else {
+                // Show error message
+                decorations.push(
+                  Decoration.widget({
+                    widget: new TableRenderingErrorWidget(tableNode),
+                    block: true,
+                  }).range(nodeRef.from, nodeRef.from)
+                )
+              }
+            }
+          }
+        } else if (nodeRef.type.is('BeginEnv')) {
+          // the beginning of an environment, with an environment name argument
+          const envName = getUnstarredEnvironmentName(nodeRef.node, state)
+
+          if (envName) {
+            switch (envName) {
+              case 'itemize':
+              case 'enumerate':
+              case 'description':
+                startListEnvironment(envName)
+                listDepth++
+                break
+
+              case 'abstract':
+                if (shouldDecorate(state, nodeRef)) {
+                  decorations.push(
+                    Decoration.replace({
+                      widget: new BeginWidget(envName),
+                      block: true,
+                    }).range(nodeRef.from, nodeRef.to)
+                  )
+                }
+                break
+              case 'frame':
+                if (shouldDecorate(state, nodeRef)) {
+                  const parent = nodeRef.node.parent
+                  if (parent?.type.is('Environment')) {
+                    const args = getEnvironmentArguments(parent)
+                    if (!args) {
+                      break
+                    }
+
+                    if (args.length > 0) {
+                      const title = args[0]
+                      if (!title) {
+                        break
+                      }
+                      let to = title.to
+                      const titleTextNode = title.getChild('LongArg')
+                      if (!titleTextNode) {
+                        break
+                      }
+                      const frame: Frame = {
+                        title: {
+                          node: title,
+                          content: state.sliceDoc(
+                            titleTextNode.from,
+                            titleTextNode.to
+                          ),
+                        },
+                      }
+                      if (args.length > 1) {
+                        // We have a subtitle too
+                        const subtitle = args[1]
+                        if (subtitle) {
+                          const subtitleTextNode = subtitle.getChild('LongArg')
+                          if (subtitleTextNode) {
+                            to = subtitle.to
+                            frame.subtitle = {
+                              node: subtitle,
+                              content: state.sliceDoc(
+                                subtitleTextNode.from,
+                                subtitleTextNode.to
+                              ),
+                            }
+                          }
+                        }
+                      }
+                      decorations.push(
+                        Decoration.replace({
+                          widget: new FrameWidget(frame),
+                          block: true,
+                        }).range(nodeRef.from, to)
+                      )
+                    }
+                  }
+                }
+                break
+              default:
+                {
+                  const theoremName = theoremEnvironments.get(envName)
+
+                  if (theoremName && shouldDecorate(state, nodeRef)) {
+                    const argumentNode = nodeRef.node
+                      .getChild('OptionalArgument')
+                      ?.getChild('ShortOptionalArg')
+
+                    decorations.push(
+                      Decoration.replace({
+                        widget: new BeginTheoremWidget(
+                          envName,
+                          theoremName,
+                          argumentNode
+                        ),
+                        block: true,
+                      }).range(nodeRef.from, nodeRef.to)
+                    )
+                  }
+
+                  // do nothing
+                }
+                break
+            }
+          }
+        } else if (nodeRef.type.is('EndEnv')) {
+          // the end of an environment, with an environment name argument
+          const envName = getEnvironmentName(nodeRef.node, state)
+
+          if (envName) {
+            switch (envName) {
+              case 'itemize':
+              case 'enumerate':
+              case 'description':
+                if (currentListEnvironment === envName) {
+                  endListEnvironment()
+                }
+                listDepth--
+                break
+
+              case 'abstract':
+                if (shouldDecorate(state, nodeRef)) {
+                  decorations.push(
+                    Decoration.replace({
+                      widget: new EndWidget(),
+                      block: true,
+                    }).range(nodeRef.from, nodeRef.to)
+                  )
+                }
+                break
+              case 'document':
+                if (shouldDecorate(state, nodeRef)) {
+                  decorations.push(
+                    Decoration.replace({
+                      widget: new EndDocumentWidget(),
+                      block: true,
+                    }).range(nodeRef.from, nodeRef.to)
+                  )
+                }
+                break
+              case 'frame':
+                if (shouldDecorate(state, nodeRef)) {
+                  decorations.push(
+                    Decoration.replace({
+                      widget: new DividerWidget(),
+                      block: true,
+                    }).range(nodeRef.from, nodeRef.to)
+                  )
+                }
+                break
+              default:
+                if (theoremEnvironments.has(envName)) {
+                  if (shouldDecorate(state, nodeRef)) {
+                    decorations.push(
+                      Decoration.replace({
+                        widget: new EndWidget(),
+                        block: true,
+                      }).range(nodeRef.from, nodeRef.to)
+                    )
+                  }
+                }
+                // do nothing
+                break
+            }
+          }
+        } else if (nodeRef.type.is('$SectioningCtrlSeq')) {
+          const ancestorNode = ancestorNodeOfType(
+            state,
+            nodeRef.to,
+            'SectioningCommand'
+          )
+          if (ancestorNode) {
+            // a section (or subsection, etc) command
+            const argumentNode = ancestorNode.getChild('SectioningArgument')
+            if (argumentNode) {
+              const openBrace = argumentNode.getChild(OpenBrace)
+              const closeBrace = argumentNode.getChild(CloseBrace)
+              if (!openBrace || !closeBrace) {
+                return false
+              }
+              const sectionCtrlSeqNode = ancestorNode.getChild('$CtrlSeq')
+              if (!sectionCtrlSeqNode) {
+                return false
+              }
+              const titleNode = argumentNode.getChild('LongArg')
+              if (!titleNode) {
+                return false
+              }
+              const title = state.sliceDoc(titleNode.from, titleNode.to)
+              if (!title.trim()) {
+                return false
+              }
+
+              const showBraces =
+                selectionIntersects(state.selection, sectionCtrlSeqNode) ||
+                selectionIntersects(state.selection, openBrace) ||
+                selectionIntersects(state.selection, closeBrace)
+
+              decorations.push(
+                Decoration.replace({
+                  widget: new BraceWidget(showBraces ? '{' : ''),
+                }).range(nodeRef.from, titleNode.from)
+              )
+
+              decorations.push(
+                Decoration.replace({
+                  widget: new BraceWidget(showBraces ? '}' : ''),
+                }).range(closeBrace.from, closeBrace.to)
+              )
+
+              return false
+            }
+          }
+        } else if (nodeRef.type.is('VerbCommand')) {
+          if (shouldDecorate(state, nodeRef)) {
+            // \verb content (text only)
+            const contentNode = nodeRef.node.getChild('VerbContent')
+
+            if (contentNode) {
+              if (contentNode.to - contentNode.from > 2) {
+                decorations.push(
+                  Decoration.replace({}).range(
+                    nodeRef.from,
+                    contentNode.from + 1
+                  )
+                )
+
+                decorations.push(
+                  Decoration.replace({}).range(nodeRef.to - 1, nodeRef.to)
+                )
+              }
+            }
+          }
+
+          return false // no markup in verbatim content
+        } else if (
+          nodeRef.type.is('NewCommand') ||
+          nodeRef.type.is('RenewCommand') ||
+          nodeRef.type.is('Def')
+        ) {
+          const nameNode =
+            nodeRef.node.getChild('LiteralArgContent') ??
+            nodeRef.node.getChild('Csname') ??
+            nodeRef.node.getChild('CtrlSym')
+          if (nameNode) {
+            const name = state.sliceDoc(nameNode.from, nameNode.to).trim()
+            if (/^\\\w+/.test(name)) {
+              const content = state.sliceDoc(nodeRef.from, nodeRef.to)
+              if (content) {
+                commandDefinitions += `${content}\n`
+              }
+            }
+          }
+        } else if (
+          nodeRef.type.is('RenewEnvironment') ||
+          nodeRef.type.is('NewEnvironment')
+        ) {
+          const nameNode = nodeRef.node.getChild('LiteralArgContent')
+          if (nameNode) {
+            const name = state.sliceDoc(nameNode.from, nameNode.to).trim()
+            if (/^\w+/.test(name)) {
+              const content = state.sliceDoc(nodeRef.from, nodeRef.to)
+              if (content) {
+                commandDefinitions += `${content}\n`
+              }
+            }
+          }
+        } else if (nodeRef.type.is('Let')) {
+          const commandNodes = nodeRef.node.getChildren('Csname')
+          if (commandNodes.length !== 2) {
+            return
+          }
+          const nameNode = commandNodes[0]
+          if (nameNode) {
+            // We support more flexible names in let (Csname) than in newcommand
+            const name = state.sliceDoc(nameNode.from, nameNode.to).trim()
+            if (name.length > 1 && name.startsWith('\\')) {
+              const content = state.sliceDoc(nodeRef.from, nodeRef.to)
+              if (content) {
+                commandDefinitions += `${content}\n`
+              }
+            }
+          }
+        } else if (nodeRef.type.is('Cite')) {
+          // \cite command with a bibkey argument
+          if (shouldDecorate(state, nodeRef)) {
+            const argumentNode = nodeRef.node
+              .getChild('BibKeyArgument')
+              ?.getChild('ShortTextArgument')
+
+            decorations.push(
+              ...decorateArgumentBraces(
+                new IconBraceWidget('📚'),
+                argumentNode,
+                nodeRef.from
+              )
+            )
+          }
+
+          return false // no markup in cite content
+        } else if (nodeRef.type.is('Ref')) {
+          // \ref command with a ref label argument
+
+          const argumentNode = nodeRef.node
+            .getChild('RefArgument')
+            ?.getChild('ShortTextArgument')
+
+          const shouldShowBraces =
+            !shouldDecorate(state, nodeRef) ||
+            argumentNode?.from === argumentNode?.to
+
+          decorations.push(
+            ...decorateArgumentBraces(
+              new IconBraceWidget(shouldShowBraces ? '🏷{' : '🏷'),
+              argumentNode,
+              nodeRef.from,
+              true,
+              new BraceWidget(shouldShowBraces ? '}' : '')
+            )
+          )
+
+          return false // no markup in ref content
+        } else if (nodeRef.type.is('Label')) {
+          // \label definition
+          if (shouldDecorate(state, nodeRef)) {
+            const argumentNode = nodeRef.node
+              .getChild('LabelArgument')
+              ?.getChild('ShortTextArgument')
+
+            decorations.push(
+              ...decorateArgumentBraces(
+                new IconBraceWidget('🏷'),
+                argumentNode,
+                nodeRef.from
+              )
+            )
+          }
+
+          return false // no markup in label content
+        } else if (nodeRef.type.is('Include')) {
+          // \include (a file path)
+          if (shouldDecorate(state, nodeRef)) {
+            const argumentNode = nodeRef.node
+              .getChild('IncludeArgument')
+              ?.getChild('FilePathArgument')
+            decorations.push(
+              ...decorateArgumentBraces(
+                new IconBraceWidget('🔗'),
+                argumentNode,
+                nodeRef.from
+              )
+            )
+          }
+
+          return false // no markup in include content
+        } else if (nodeRef.type.is('Input')) {
+          // \input (a file path)
+          // TODO: Ensure this works with BareFilePathArgument
+          if (shouldDecorate(state, nodeRef)) {
+            const contentNode = nodeRef.node.getChild('InputArgument')
+
+            if (contentNode) {
+              if (contentNode.to - contentNode.from > 2) {
+                decorations.push(
+                  Decoration.replace({
+                    widget: new IconBraceWidget('🔗'),
+                  }).range(nodeRef.from, contentNode.from + 1)
+                )
+
+                decorations.push(
+                  Decoration.replace({
+                    widget: new BraceWidget(),
+                  }).range(nodeRef.to - 1, nodeRef.to)
+                )
+              }
+            }
+          }
+
+          return false // no markup in input content
+        } else if (nodeRef.type.is('Math')) {
+          // math equations
+          const ancestorNode = mathAncestorNode(state, nodeRef.from)
+
+          if (
+            ancestorNode &&
+            (ancestorNode.type.is('$Environment')
+              ? shouldDecorateFromLineEdges(state, ancestorNode)
+              : shouldDecorate(state, ancestorNode))
+          ) {
+            const math = parseMathContainer(state, nodeRef, ancestorNode)
+
+            if (math && math.passToMathJax) {
+              decorations.push(
+                Decoration.replace({
+                  widget: new MathWidget(
+                    math.content,
+                    math.displayMode,
+                    commandDefinitions
+                  ),
+                  block: math.displayMode,
+                }).range(ancestorNode.from, ancestorNode.to)
+              )
+            }
+          }
+
+          return false // never decorate inside math
+        } else if (nodeRef.type.is('HrefCommand')) {
+          // a hyperlink with URL and content arguments
+          const urlArgumentNode = nodeRef.node.getChild('UrlArgument')
+          const urlNode = urlArgumentNode?.getChild('LiteralArgContent')
+          const contentArgumentNode = nodeRef.node.getChild('ShortTextArgument')
+          const contentNode = contentArgumentNode?.getChild('ShortArg')
+
+          if (
+            urlArgumentNode &&
+            urlNode &&
+            contentArgumentNode &&
+            contentNode
+          ) {
+            const shouldShowBraces =
+              !shouldDecorate(state, nodeRef) ||
+              contentNode.from === contentNode.to
+
+            const url = state.sliceDoc(urlNode.from, urlNode.to)
+
+            // avoid decorating when the URL spans multiple lines, as the argument node is probably unclosed
+            if (!url.includes('\n')) {
+              decorations.push(
+                ...decorateArgumentBraces(
+                  new BraceWidget(shouldShowBraces ? '{' : ''),
+                  contentArgumentNode,
+                  nodeRef.from,
+                  true,
+                  new BraceWidget(shouldShowBraces ? '}' : '')
+                )
+              )
+            }
+          }
+        } else if (nodeRef.type.is('UrlCommand')) {
+          // a hyperlink with URL and content arguments
+          const argumentNode = nodeRef.node.getChild('UrlArgument')
+
+          if (argumentNode) {
+            const contentNode = argumentNode.getChild('LiteralArgContent')
+
+            const shouldShowBraces =
+              !shouldDecorate(state, nodeRef) ||
+              contentNode?.from === contentNode?.to
+
+            decorations.push(
+              ...decorateArgumentBraces(
+                new BraceWidget(shouldShowBraces ? '{' : ''),
+                argumentNode,
+                nodeRef.from,
+                false,
+                new BraceWidget(shouldShowBraces ? '}' : '')
+              )
+            )
+          }
+        } else if (nodeRef.type.is('Tilde')) {
+          // a tilde (non-breaking space)
+          if (shouldDecorate(state, nodeRef)) {
+            decorations.push(
+              Decoration.replace({
+                widget: new TildeWidget(),
+              }).range(nodeRef.from, nodeRef.to)
+            )
+          }
+        } else if (nodeRef.type.is('LineBreak')) {
+          // line break
+          const optionalArgument = nodeRef.node.getChild('OptionalArgument')
+          if (!optionalArgument || shouldDecorate(state, optionalArgument)) {
+            decorations.push(
+              Decoration.replace({
+                widget: new IndicatorWidget('\u21A9'),
+              }).range(nodeRef.from, nodeRef.to)
+            )
+          }
+          return false
+        } else if (nodeRef.type.is('Caption')) {
+          if (shouldDecorate(state, nodeRef)) {
+            // a caption
+            const argumentNode = nodeRef.node.getChild('TextArgument')
+            decorations.push(
+              ...decorateArgumentBraces(
+                new BraceWidget(),
+                argumentNode,
+                nodeRef.from
+              )
+            )
+          }
+        } else if (nodeRef.type.is('IncludeGraphics')) {
+          // \includegraphics with a file path argument
+          if (shouldDecorate(state, nodeRef)) {
+            const filePathArgument = nodeRef.node
+              .getChild('IncludeGraphicsArgument')
+              ?.getChild('FilePathArgument')
+              ?.getChild('LiteralArgContent')
+
+            if (filePathArgument) {
+              const filePath = state.doc.sliceString(
+                filePathArgument.from,
+                filePathArgument.to
+              )
+
+              if (filePath) {
+                const environmentNode = ancestorNodeOfType(
+                  state,
+                  nodeRef.from,
+                  'FigureEnvironment'
+                )
+                const centered = Boolean(
+                  environmentNode &&
+                    centeringNodeForEnvironment(environmentNode)
+                )
+                const figureData = environmentNode
+                  ? parseFigureData(environmentNode, state)
+                  : null
+
+                const line = state.doc.lineAt(nodeRef.from)
+
+                const lineContainsOnlyNode =
+                  line.text.trim().length === nodeRef.to - nodeRef.from
+
+                if (lineContainsOnlyNode) {
+                  const Widget = state.readOnly
+                    ? GraphicsWidget
+                    : EditableGraphicsWidget
+                  decorations.push(
+                    Decoration.replace({
+                      widget: new Widget(
+                        filePath,
+                        previewByPath,
+                        centered,
+                        figureData
+                      ),
+                      block: true,
+                    }).range(line.from, line.to)
+                  )
+                } else {
+                  const Widget = state.readOnly
+                    ? InlineGraphicsWidget
+                    : EditableInlineGraphicsWidget
+                  decorations.push(
+                    Decoration.replace({
+                      widget: new Widget(
+                        filePath,
+                        previewByPath,
+                        centered,
+                        figureData
+                      ),
+                    }).range(nodeRef.from, nodeRef.to)
+                  )
+                }
+              }
+
+              return false
+            }
+          }
+        } else if (nodeRef.type.is('Maketitle')) {
+          if (shouldDecorate(state, nodeRef)) {
+            const line = state.doc.lineAt(nodeRef.from)
+            const from = extendBackwardsOverEmptyLines(state.doc, line)
+            const { to } = state.doc.lineAt(nodeRef.to)
+
+            if (shouldDecorate(state, { from, to })) {
+              decorations.push(
+                Decoration.replace({
+                  widget: new MakeTitleWidget(preamble),
+                  block: true,
+                }).range(from, to)
+              )
+            }
+
+            return false
+          }
+        } else if (nodeRef.type.is('Item')) {
+          // only decorate \item inside a list
+          if (currentListEnvironment) {
+            currentOrdinal++
+            const line = state.doc.lineAt(nodeRef.from)
+            const onlySpaceBeforeNode = /^\s*$/.test(
+              state.sliceDoc(line.from, nodeRef.from)
+            )
+            const from = onlySpaceBeforeNode ? line.from : nodeRef.from
+
+            if (currentListEnvironment === 'description') {
+              const argumentNode = nodeRef.node.getChild(OptionalArgument)
+              const to = argumentNode ? argumentNode.from : nodeRef.to
+
+              const onlySpaceAfterNode =
+                !argumentNode &&
+                /^\s*$/.test(state.sliceDoc(nodeRef.to, line.to))
+
+              if (!onlySpaceAfterNode) {
+                // decorate the \item command and subsequent whitespace, if there is other content on the line
+                decorations.push(
+                  Decoration.replace({
+                    widget: new DescriptionItemWidget(listDepth),
+                  }).range(from, to)
+                )
+              }
+
+              if (argumentNode) {
+                // decorate the optional argument
+                const decorateBrackets = shouldDecorate(state, argumentNode)
+
+                decorations.push(
+                  ...decorateArgumentBraces(
+                    new BraceWidget(decorateBrackets ? '' : '['),
+                    argumentNode,
+                    from,
+                    false,
+                    new BraceWidget(decorateBrackets ? '' : ']'),
+                    { open: OpenBracket, close: CloseBracket }
+                  )
+                )
+              }
+            } else {
+              decorations.push(
+                Decoration.replace({
+                  widget: new ItemWidget(
+                    currentListEnvironment || 'document',
+                    currentOrdinal,
+                    listDepth
+                  ),
+                }).range(from, nodeRef.to)
+              )
+              return false
+            }
+          }
+        } else if (nodeRef.type.is('NewTheoremCommand')) {
+          const result = parseTheoremArguments(state, nodeRef.node)
+          if (result) {
+            const { name, label } = result
+            theoremEnvironments.set(name, label)
+          }
+        } else if (
+          nodeRef.type.is('TextColorCommand') ||
+          nodeRef.type.is('ColorBoxCommand')
+        ) {
+          if (shouldDecorate(state, nodeRef)) {
+            const colorArgumentNode = nodeRef.node.getChild(ShortTextArgument)
+            const contentArgumentNode = nodeRef.node.getChild(TextArgument)
+            if (colorArgumentNode && contentArgumentNode) {
+              // command name and opening brace
+              decorations.push(
+                ...decorateArgumentBraces(
+                  new BraceWidget(),
+                  contentArgumentNode,
+                  nodeRef.from
+                )
+              )
+            }
+          }
+        } else if (nodeRef.type.is('$ToggleTextFormattingCommand')) {
+          // markup that can be toggled using toolbar buttons/keyboard shortcuts
+          const textArgumentNode = nodeRef.node.getChild('TextArgument')
+          const argumentText = textArgumentNode?.getChild('LongArg')
+          const shouldShowBraces =
+            !shouldDecorate(state, nodeRef) ||
+            argumentText?.from === argumentText?.to
+          decorations.push(
+            ...decorateArgumentBraces(
+              new BraceWidget(shouldShowBraces ? '{' : ''),
+              textArgumentNode,
+              nodeRef.from,
+              true,
+              new BraceWidget(shouldShowBraces ? '}' : '')
+            )
+          )
+        } else if (nodeRef.type.is('$OtherTextFormattingCommand')) {
+          // markup that can't be toggled using toolbar buttons/keyboard shortcuts
+          const textArgumentNode = nodeRef.node.getChild('TextArgument')
+          if (shouldDecorate(state, nodeRef)) {
+            decorations.push(
+              ...decorateArgumentBraces(
+                new BraceWidget(),
+                textArgumentNode,
+                nodeRef.from
+              )
+            )
+          }
+        } else if (nodeRef.type.is('UnknownCommand')) {
+          // a command that's not defined separately by the grammar
+          const commandNode = nodeRef.node
+          const commandNameNode = commandNode.getChild('$CtrlSeq')
+
+          if (commandNameNode) {
+            const commandName = state.doc
+              .sliceString(commandNameNode.from, commandNameNode.to)
+              .trim()
+
+            if (commandName.length > 0) {
+              const textArgumentNode = commandNode.getChild('TextArgument')
+
+              if (commandName === '\\keywords') {
+                if (shouldDecorate(state, nodeRef)) {
+                  // command name and opening brace
+                  decorations.push(
+                    ...decorateArgumentBraces(
+                      new BraceWidget('keywords: '),
+                      textArgumentNode,
+                      nodeRef.from
+                    )
+                  )
+                  return false
+                }
+              } else if (
+                commandName === '\\footnote' ||
+                commandName === '\\endnote'
+              ) {
+                if (textArgumentNode) {
+                  if (
+                    state.readOnly &&
+                    selectionIntersects(state.selection, nodeRef)
+                  ) {
+                    // a special case for a read-only document:
+                    // always display the content, styled differently from the main content.
+                    decorations.push(
+                      ...decorateArgumentBraces(
+                        new BraceWidget(),
+                        textArgumentNode,
+                        nodeRef.from
+                      ),
+                      Decoration.mark({
+                        class: 'ol-cm-footnote ol-cm-footnote-view',
+                      }).range(textArgumentNode.from, textArgumentNode.to)
+                    )
+                  } else {
+                    if (shouldDecorate(state, nodeRef)) {
+                      // collapse the footnote when the selection is outside it
+                      decorations.push(
+                        Decoration.replace({
+                          widget: new FootnoteWidget(
+                            commandName === '\\footnote'
+                              ? 'footnote'
+                              : 'endnote'
+                          ),
+                        }).range(nodeRef.from, nodeRef.to)
+                      )
+                      return false
+                    }
+                  }
+                }
+              } else if (commandName === '\\LaTeX') {
+                if (shouldDecorate(state, nodeRef)) {
+                  decorations.push(
+                    Decoration.replace({
+                      widget: new LaTeXWidget(),
+                    }).range(nodeRef.from, nodeRef.to)
+                  )
+                  return false
+                }
+              } else if (commandName === '\\TeX') {
+                if (shouldDecorate(state, nodeRef)) {
+                  decorations.push(
+                    Decoration.replace({
+                      widget: new TeXWidget(),
+                    }).range(nodeRef.from, nodeRef.to)
+                  )
+                  return false
+                }
+              } else if (commandName === '\\ce') {
+                // Chemical equation/formula, from the `mhchem` CTAN package.
+                // Handled by the MathJaX mhchem extension:
+                // https://docs.mathjax.org/en/latest/input/tex/extensions/mhchem.html
+                if (textArgumentNode && shouldDecorate(state, nodeRef)) {
+                  const innerContent = state.doc
+                    .sliceString(
+                      textArgumentNode.from + 1,
+                      textArgumentNode.to - 1
+                    )
+                    .trim()
+
+                  if (innerContent.length) {
+                    const outerContent = state.doc.sliceString(
+                      nodeRef.from,
+                      nodeRef.to
+                    )
+
+                    decorations.push(
+                      Decoration.replace({
+                        widget: new MathWidget(outerContent, false),
+                      }).range(nodeRef.from, nodeRef.to)
+                    )
+                  }
+
+                  return false
+                }
+              } else if (hasCharacterSubstitution(commandName)) {
+                if (shouldDecorate(state, nodeRef)) {
+                  const replacement = createCharacterCommand(commandName)
+                  if (replacement) {
+                    decorations.push(
+                      Decoration.replace({
+                        widget: replacement,
+                      }).range(nodeRef.from, nodeRef.to)
+                    )
+                    return false
+                  }
+                }
+              } else if (hasSpaceSubstitution(commandName)) {
+                if (shouldDecorate(state, nodeRef)) {
+                  const replacement = createSpaceCommand(commandName)
+                  if (replacement) {
+                    decorations.push(
+                      Decoration.replace({
+                        widget: replacement,
+                      }).range(nodeRef.from, nodeRef.to)
+                    )
+                    return false
+                  }
+                }
+              }
+            }
+          }
+        }
+      },
+    })
+
+    if (preamble.to > 0) {
+      // add environmentclass names to each line of the preamble
+      // note: this should be in markDecorations,
+      // but the preamble extents are calculated in this extension.
+      const endLine = state.doc.lineAt(preamble.to).number
+      for (let lineNumber = 1; lineNumber <= endLine; ++lineNumber) {
+        const line = state.doc.line(lineNumber)
+        const classes = ['ol-cm-preamble-line']
+        if (lineNumber === 1) {
+          classes.push('ol-cm-environment-first-line')
+        }
+        if (lineNumber === endLine) {
+          classes.push('ol-cm-environment-last-line')
+        }
+        decorations.push(
+          Decoration.line({
+            class: classes.join(' '),
+          }).range(line.from)
+        )
+      }
+
+      // hide the preamble. We use selectionIntersects directly, so that it also
+      // expands in readOnly mode.
+      const isExpanded = selectionIntersects(state.selection, preamble)
+      if (!isExpanded) {
+        decorations.push(
+          Decoration.replace({
+            widget: new PreambleWidget(isExpanded),
+            block: true,
+          }).range(0, preamble.to)
+        )
+      } else {
+        decorations.push(
+          Decoration.widget({
+            widget: new PreambleWidget(isExpanded),
+            block: true,
+            side: -1,
+          }).range(0)
+        )
+      }
+    }
+    return {
+      decorations: Decoration.set(decorations, true),
+      preamble,
+    }
+  }
+
+  return [
+    StateField.define<{
+      mousedown: boolean
+      decorations: DecorationSet
+      preamble: Preamble
+      previousTree: Tree
+    }>({
+      create(state) {
+        const previousTree = syntaxTree(state)
+        const { decorations, preamble } = createDecorations(state, previousTree)
+
+        return {
+          mousedown: false,
+          decorations,
+          preamble,
+          previousTree,
+        }
+      },
+      update(value, tr) {
+        for (const effect of tr.effects) {
+          // store the "mousedown" value when it changes
+          if (effect.is(mouseDownEffect)) {
+            value = {
+              ...value,
+              mousedown: effect.value,
+            }
+          }
+        }
+
+        const tree = syntaxTree(tr.state)
+        if (
+          tree.type === value.previousTree.type &&
+          tree.length < tr.state.doc.length
+        ) {
+          // still parsing
+          value = {
+            ...value,
+            decorations: value.decorations.map(tr.changes),
+          }
+        } else if (
+          // only update the decorations when the mouse is not making a selection
+          !value.mousedown &&
+          (tree !== value.previousTree ||
+            tr.selection ||
+            hasMouseDownEffect(tr))
+        ) {
+          // tree changed, or selection changed, or mousedown ended
+          // TODO: update the existing decorations for the changed range(s)?
+          const { decorations, preamble } = createDecorations(tr.state, tree)
+          value = {
+            ...value,
+            decorations,
+            preamble,
+            previousTree: tree,
+          }
+        }
+
+        return value
+      },
+      provide(field) {
+        return [
+          EditorView.decorations.from(field, field => field.decorations),
+          EditorView.atomicRanges.from(field, value => () => value.decorations),
+          ViewPlugin.define(view => {
+            return {
+              update(update) {
+                for (const tr of update.transactions) {
+                  if (tr.annotation(pickedCompletion)?.label === '\\href{}{}') {
+                    window.setTimeout(() => nextSnippetField(view))
+                  }
+                }
+              },
+            }
+          }),
+          skipPreambleWithCursor(field),
+          selectDecoratedArgument(field),
+        ]
+      },
+    }),
+  ]
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/html-elements.ts b/services/web/frontend/js/features/source-editor/extensions/visual/html-elements.ts
new file mode 100644
index 0000000..c5ef5ed
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/html-elements.ts
@@ -0,0 +1,107 @@
+// elements which should contain only block elements
+const blockContainingElements = new Set([
+  'DL',
+  'FIELDSET',
+  'FIGURE',
+  'HEAD',
+  'OL',
+  'TABLE',
+  'TBODY',
+  'TFOOT',
+  'THEAD',
+  'TR',
+  'UL',
+])
+
+export const isBlockContainingElement = (node: Node): node is HTMLElement =>
+  blockContainingElements.has(node.nodeName)
+
+// elements which are block elements (as opposed to inline elements)
+const blockElements = new Set([
+  'ADDRESS',
+  'ARTICLE',
+  'ASIDE',
+  'BLOCKQUOTE',
+  'BODY',
+  'CANVAS',
+  'DD',
+  'DIV',
+  'DL',
+  'DT',
+  'FIELDSET',
+  'FIGCAPTION',
+  'FIGURE',
+  'FOOTER',
+  'FORM',
+  'H1',
+  'H2',
+  'H3',
+  'H4',
+  'H5',
+  'H6',
+  'HEADER',
+  'HGROUP',
+  'HR',
+  'LI',
+  'MAIN',
+  'NAV',
+  'NOSCRIPT',
+  'OL',
+  'P',
+  'PRE',
+  'SECTION',
+  'TABLE',
+  'TBODY',
+  'TD',
+  'TFOOT',
+  'TH',
+  'THEAD',
+  'TR',
+  'UL',
+  'VIDEO',
+])
+
+export const isBlockElement = (node: Node): node is HTMLElement =>
+  blockElements.has(node.nodeName)
+
+const inlineElements = new Set([
+  'A',
+  'ABBR',
+  'ACRONYM',
+  'B',
+  'BIG',
+  'CITE',
+  'DEL',
+  'EM',
+  'I',
+  'INS',
+  'SMALL',
+  'SPAN',
+  'STRONG',
+  'SUB',
+  'SUP',
+  'TEXTAREA', // TODO
+  'TIME',
+  'TT',
+])
+
+export const isInlineElement = (node: Node): node is HTMLElement =>
+  inlineElements.has(node.nodeName)
+
+const codeElements = new Set(['CODE', 'PRE'])
+
+export const isCodeElement = (node: Node): node is HTMLElement =>
+  codeElements.has(node.nodeName)
+
+const keepEmptyBlockElements = new Set(['TD', 'TH', 'CANVAS', 'DT', 'DD', 'HR'])
+
+export const shouldRemoveEmptyBlockElement = (
+  node: Node
+): node is HTMLElement =>
+  !keepEmptyBlockElements.has(node.nodeName) && !node.hasChildNodes()
+
+export const isTextNode = (node: Node): node is Text =>
+  node.nodeType === Node.TEXT_NODE
+
+export const isElementNode = (node: Node): node is HTMLElement =>
+  node.nodeType === Node.ELEMENT_NODE
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/list-item-marker.ts b/services/web/frontend/js/features/source-editor/extensions/visual/list-item-marker.ts
new file mode 100644
index 0000000..c6d4046
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/list-item-marker.ts
@@ -0,0 +1,79 @@
+import {
+  EditorSelection,
+  EditorState,
+  SelectionRange,
+  Transaction,
+} from '@codemirror/state'
+import { syntaxTree } from '@codemirror/language'
+import { SyntaxNode } from '@lezer/common'
+
+/**
+ * A transaction filter which modifies a transaction if it places the cursor in front of a list item marker,
+ * to ensure that the cursor is positioned after the marker.
+ */
+export const listItemMarker = EditorState.transactionFilter.of(tr => {
+  if (tr.selection) {
+    let selection = tr.selection
+    for (const [index, range] of tr.selection.ranges.entries()) {
+      if (range.empty) {
+        const node = syntaxTree(tr.state).resolveInner(range.anchor, 1)
+        const pos = chooseTargetPosition(node, tr, range, index)
+        if (pos !== null) {
+          selection = selection.replaceRange(
+            EditorSelection.cursor(
+              pos,
+              range.assoc,
+              range.bidiLevel ?? undefined, // workaround for inconsistent types
+              range.goalColumn
+            ),
+            index
+          )
+        }
+      }
+    }
+    if (selection !== tr.selection) {
+      return [tr, { selection }]
+    }
+  }
+  return tr
+})
+
+const chooseTargetPosition = (
+  node: SyntaxNode,
+  tr: Transaction,
+  range: SelectionRange,
+  index: number
+) => {
+  let targetNode
+  if (node.type.is('Item')) {
+    targetNode = node
+  } else if (node.type.is('ItemCtrlSeq')) {
+    targetNode = node.parent
+  } else if (
+    node.type.is('Whitespace') &&
+    node.nextSibling?.type.is('Command')
+  ) {
+    targetNode = node.nextSibling?.firstChild?.firstChild
+  }
+
+  if (!targetNode?.type.is('Item')) {
+    return null
+  }
+
+  // mouse click
+  if (tr.isUserEvent('select.pointer')) {
+    // jump to after the item
+    return targetNode.to
+  }
+
+  const previousHead = tr.startState.selection.ranges[index]?.head
+
+  // keyboard navigation
+  if (range.head < previousHead) {
+    // moving backwards: jump to end of the previous line
+    return Math.max(tr.state.doc.lineAt(range.anchor).from - 1, 1)
+  } else {
+    // moving forwards: jump to after the item
+    return targetNode.to
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/mark-decorations.ts b/services/web/frontend/js/features/source-editor/extensions/visual/mark-decorations.ts
new file mode 100644
index 0000000..a371e14
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/mark-decorations.ts
@@ -0,0 +1,307 @@
+import {
+  Decoration,
+  DecorationSet,
+  ViewPlugin,
+  ViewUpdate,
+} from '@codemirror/view'
+import { EditorState, Range } from '@codemirror/state'
+import { syntaxTree } from '@codemirror/language'
+import { getUnstarredEnvironmentName } from '../../utils/tree-operations/environments'
+import { centeringNodeForEnvironment } from '../../utils/tree-operations/figure'
+import { parseTheoremStyles } from '../../utils/tree-operations/theorems'
+import { Tree } from '@lezer/common'
+import { parseColorArguments } from '../../utils/tree-operations/colors'
+
+/**
+ * A view plugin that decorates ranges of text with Mark decorations.
+ * Mark decorations add attributes to elements within a range.
+ */
+export const markDecorations = ViewPlugin.define(
+  view => {
+    const createDecorations = (
+      state: EditorState,
+      tree: Tree
+    ): DecorationSet => {
+      const decorations: Range<Decoration>[] = []
+
+      const theoremStyles = parseTheoremStyles(state, tree)
+
+      for (const { from, to } of view.visibleRanges) {
+        tree?.iterate({
+          from,
+          to,
+          enter(nodeRef) {
+            if (
+              nodeRef.type.is('KnownCommand') ||
+              nodeRef.type.is('UnknownCommand')
+            ) {
+              // decorate commands with a class, for optional styling
+              const ctrlSeq =
+                nodeRef.node.getChild('$CtrlSeq') ??
+                nodeRef.node.firstChild?.getChild('$CtrlSeq')
+
+              if (ctrlSeq) {
+                const text = state.doc.sliceString(ctrlSeq.from + 1, ctrlSeq.to)
+
+                // a special case for "label" as the whole command needs a space afterwards
+                if (text === 'label') {
+                  // decorate the whole command
+                  const from = nodeRef.from
+                  const to = nodeRef.to
+                  if (to > from) {
+                    decorations.push(
+                      Decoration.mark({
+                        class: `ol-cm-${text}`,
+                        inclusive: true,
+                      }).range(from, to)
+                    )
+                  }
+                } else {
+                  // decorate the command content
+                  const from = ctrlSeq.to + 1
+                  const to = nodeRef.to - 1
+                  if (to > from) {
+                    decorations.push(
+                      Decoration.mark({
+                        class: `ol-cm-command-${text}`,
+                        inclusive: true,
+                      }).range(from, to)
+                    )
+                  }
+                }
+              }
+            } else if (nodeRef.type.is('SectioningCommand')) {
+              // decorate section headings with a class, for styling
+              const ctrlSeq = nodeRef.node.getChild('$CtrlSeq')
+              if (ctrlSeq) {
+                const text = state.doc.sliceString(ctrlSeq.from + 1, ctrlSeq.to)
+
+                decorations.push(
+                  Decoration.mark({
+                    class: `ol-cm-heading ol-cm-command-${text}`,
+                  }).range(nodeRef.from, nodeRef.to)
+                )
+              }
+            } else if (nodeRef.type.is('Caption') || nodeRef.type.is('Label')) {
+              const type = nodeRef.type.is('Caption') ? 'caption' : 'label'
+              // decorate caption and label lines with a class, for styling
+              const argument = nodeRef.node.getChild('$Argument')
+
+              if (argument) {
+                const lines = {
+                  start: state.doc.lineAt(nodeRef.from),
+                  end: state.doc.lineAt(nodeRef.to),
+                }
+
+                for (
+                  let lineNumber = lines.start.number;
+                  lineNumber <= lines.end.number;
+                  lineNumber++
+                ) {
+                  const line = state.doc.line(lineNumber)
+                  decorations.push(
+                    Decoration.line({
+                      class: `ol-cm-${type}-line`,
+                    }).range(line.from)
+                  )
+                }
+              }
+            } else if (nodeRef.type.is('TextColorCommand')) {
+              const result = parseColorArguments(state, nodeRef.node)
+
+              if (result) {
+                const { color, from, to } = result
+
+                // decorate the content
+                decorations.push(
+                  Decoration.mark({
+                    class: 'ol-cm-textcolor',
+                    inclusive: true,
+                    attributes: {
+                      style: `color: ${color}`,
+                    },
+                  }).range(from, to)
+                )
+              }
+            } else if (nodeRef.type.is('ColorBoxCommand')) {
+              const result = parseColorArguments(state, nodeRef.node)
+
+              if (result) {
+                const { color, from, to } = result
+
+                // decorate the content
+                decorations.push(
+                  Decoration.mark({
+                    class: 'ol-cm-colorbox',
+                    inclusive: true,
+                    attributes: {
+                      style: `background-color: ${color}`,
+                    },
+                  }).range(from, to)
+                )
+              }
+            } else if (nodeRef.type.is('$Environment')) {
+              const environmentName = getUnstarredEnvironmentName(
+                nodeRef.node,
+                state
+              )
+
+              if (environmentName) {
+                switch (environmentName) {
+                  case 'abstract':
+                  case 'figure':
+                  case 'table':
+                  case 'verbatim':
+                  case 'lstlisting':
+                    {
+                      const centered = Boolean(
+                        centeringNodeForEnvironment(nodeRef)
+                      )
+
+                      const lines = {
+                        start: state.doc.lineAt(nodeRef.from),
+                        end: state.doc.lineAt(nodeRef.to),
+                      }
+
+                      for (
+                        let lineNumber = lines.start.number;
+                        lineNumber <= lines.end.number;
+                        lineNumber++
+                      ) {
+                        const line = state.doc.line(lineNumber)
+
+                        const classNames = [
+                          `ol-cm-environment-${environmentName}`,
+                          'ol-cm-environment-line',
+                        ]
+
+                        if (centered) {
+                          classNames.push('ol-cm-environment-centered')
+                        }
+
+                        decorations.push(
+                          Decoration.line({
+                            class: classNames.join(' '),
+                          }).range(line.from)
+                        )
+                      }
+                    }
+                    break
+
+                  case 'quote':
+                  case 'quotation':
+                  case 'quoting':
+                  case 'displayquote':
+                    {
+                      const lines = {
+                        start: state.doc.lineAt(nodeRef.from),
+                        end: state.doc.lineAt(nodeRef.to),
+                      }
+
+                      for (
+                        let lineNumber = lines.start.number;
+                        lineNumber <= lines.end.number;
+                        lineNumber++
+                      ) {
+                        const line = state.doc.line(lineNumber)
+
+                        const classNames = [
+                          `ol-cm-environment-${environmentName}`,
+                          'ol-cm-environment-quote-block',
+                          'ol-cm-environment-line',
+                        ]
+
+                        decorations.push(
+                          Decoration.line({
+                            class: classNames.join(' '),
+                          }).range(line.from)
+                        )
+                      }
+                    }
+                    break
+
+                  default:
+                    if (theoremStyles.has(environmentName)) {
+                      const theoremStyle = theoremStyles.get(environmentName)
+
+                      if (theoremStyle) {
+                        const lines = {
+                          start: state.doc.lineAt(nodeRef.from),
+                          end: state.doc.lineAt(nodeRef.to),
+                        }
+
+                        decorations.push(
+                          Decoration.line({
+                            class: [
+                              `ol-cm-environment-theorem-${theoremStyle}`,
+                              'ol-cm-environment-first-line',
+                            ].join(' '),
+                          }).range(lines.start.from)
+                        )
+
+                        for (
+                          let lineNumber = lines.start.number + 1;
+                          lineNumber <= lines.end.number - 1;
+                          lineNumber++
+                        ) {
+                          const line = state.doc.line(lineNumber)
+
+                          decorations.push(
+                            Decoration.line({
+                              class: [
+                                `ol-cm-environment-theorem-${theoremStyle}`,
+                                'ol-cm-environment-line',
+                              ].join(' '),
+                            }).range(line.from)
+                          )
+                        }
+
+                        decorations.push(
+                          Decoration.line({
+                            class: [
+                              `ol-cm-environment-theorem-${theoremStyle}`,
+                              'ol-cm-environment-last-line',
+                            ].join(' '),
+                          }).range(lines.start.from)
+                        )
+                      }
+                    }
+                    break
+                }
+              }
+            }
+          },
+        })
+      }
+
+      return Decoration.set(decorations, true)
+    }
+
+    let previousTree = syntaxTree(view.state)
+
+    return {
+      decorations: createDecorations(view.state, previousTree),
+      update(update: ViewUpdate) {
+        const tree = syntaxTree(update.state)
+
+        // still parsing
+        if (
+          tree.type === previousTree.type &&
+          tree.length < update.view.viewport.to
+        ) {
+          this.decorations = this.decorations.map(update.changes)
+        } else if (tree !== previousTree || update.viewportChanged) {
+          // parsed or resized
+          previousTree = tree
+          // TODO: update the existing decorations for the changed range(s)?
+          this.decorations = createDecorations(update.state, tree)
+        }
+      },
+    }
+  },
+  {
+    decorations(value) {
+      return value.decorations
+    },
+  }
+)
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/paste-html.ts b/services/web/frontend/js/features/source-editor/extensions/visual/paste-html.ts
new file mode 100644
index 0000000..ec9e3bd
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/paste-html.ts
@@ -0,0 +1,920 @@
+import { EditorView } from '@codemirror/view'
+import { Prec } from '@codemirror/state'
+import {
+  insertPastedContent,
+  pastedContent,
+  storePastedContent,
+} from './pasted-content'
+import { debugConsole } from '@/utils/debugging'
+import {
+  isBlockContainingElement,
+  isBlockElement,
+  isElementNode,
+  isInlineElement,
+  isTextNode,
+  shouldRemoveEmptyBlockElement,
+} from './html-elements'
+
+export const pasteHtml = [
+  Prec.highest(
+    EditorView.domEventHandlers({
+      paste(event, view) {
+        const { clipboardData } = event
+
+        if (!clipboardData) {
+          return false
+        }
+
+        // only handle pasted HTML
+        if (!clipboardData.types.includes('text/html')) {
+          return false
+        }
+
+        // ignore text/html from VS Code
+        if (
+          clipboardData.types.includes('application/vnd.code.copymetadata') ||
+          clipboardData.types.includes('vscode-editor-data')
+        ) {
+          return false
+        }
+
+        const html = clipboardData.getData('text/html').trim()
+        const text = clipboardData.getData('text/plain').trim()
+
+        if (html.length === 0) {
+          return false
+        }
+
+        // convert the HTML to LaTeX
+        try {
+          const parser = new DOMParser()
+          const { documentElement } = parser.parseFromString(html, 'text/html')
+
+          // fall back to creating a figure when there's an image on the clipoard,
+          // unless the HTML indicates that it came from an Office application
+          // (which also puts an image on the clipboard)
+          if (
+            clipboardData.files.length > 0 &&
+            !hasProgId(documentElement) &&
+            !isOnlyTable(documentElement)
+          ) {
+            return false
+          }
+
+          const bodyElement = documentElement.querySelector('body')
+          // DOMParser should always create a body element, so this is mostly for TypeScript
+          if (!bodyElement) {
+            return false
+          }
+
+          // if the only content is in a code block, use the plain text version
+          if (onlyCode(bodyElement)) {
+            return false
+          }
+
+          const latex = htmlToLaTeX(bodyElement)
+
+          // if there's no formatting, use the plain text version
+          if (latex === text && clipboardData.files.length === 0) {
+            return false
+          }
+
+          view.dispatch(insertPastedContent(view, { latex, text }))
+          view.dispatch(storePastedContent({ latex, text }, true))
+
+          return true
+        } catch (error) {
+          debugConsole.error(error)
+
+          // fall back to the default paste handler
+          return false
+        }
+      },
+    })
+  ),
+  pastedContent,
+]
+
+const removeUnwantedElements = (
+  documentElement: HTMLElement,
+  selector: string
+) => {
+  for (const element of documentElement.querySelectorAll(selector)) {
+    element.remove()
+  }
+}
+
+const findCodeContainingElement = (documentElement: HTMLElement) => {
+  let result: HTMLElement | null
+
+  // a code element
+  result = documentElement.querySelector<HTMLElement>('code')
+  if (result) {
+    return result
+  }
+
+  // a pre element with "monospace" somewhere in the font family
+  result = documentElement.querySelector<HTMLPreElement>('pre')
+  if (result?.style.fontFamily.includes('monospace')) {
+    return result
+  }
+
+  return null
+}
+
+// return true if the text content of the first <code> element
+// is the same as the text content of the whole document element
+const onlyCode = (documentElement: HTMLElement) => {
+  const codeElement = findCodeContainingElement(documentElement)
+
+  return (
+    codeElement?.textContent?.trim() === documentElement.textContent?.trim()
+  )
+}
+
+const hasProgId = (documentElement: HTMLElement) => {
+  const meta = documentElement.querySelector<HTMLMetaElement>(
+    'meta[name="ProgId"]'
+  )
+  return meta && meta.content.trim().length > 0
+}
+
+// detect a table (probably pasted from desktop Excel)
+const isOnlyTable = (documentElement: HTMLElement) => {
+  const body = documentElement.querySelector<HTMLBodyElement>('body')
+
+  return (
+    body &&
+    body.childElementCount === 1 &&
+    body.firstElementChild!.nodeName === 'TABLE'
+  )
+}
+
+const htmlToLaTeX = (bodyElement: HTMLElement) => {
+  // remove style elements
+  removeUnwantedElements(bodyElement, 'style')
+
+  let before: string | null = null
+  let after: string | null = null
+
+  // repeat until the content stabilises
+  do {
+    before = bodyElement.textContent
+
+    // normalise whitespace in text
+    normaliseWhitespace(bodyElement)
+
+    // replace unwanted whitespace in blocks
+    processWhitespaceInBlocks(bodyElement)
+
+    after = bodyElement.textContent
+  } while (before !== after)
+
+  // pre-process table elements
+  processTables(bodyElement)
+
+  // pre-process lists
+  processLists(bodyElement)
+
+  // protect special characters in non-LaTeX text nodes
+  protectSpecialCharacters(bodyElement)
+
+  processMatchedElements(bodyElement)
+
+  const text = bodyElement.textContent
+
+  if (!text) {
+    return ''
+  }
+
+  return (
+    text
+      // remove zero-width spaces (e.g. those added by Powerpoint)
+      .replaceAll('​', '')
+      // normalise multiple newlines
+      .replaceAll(/\n{2,}/g, '\n\n')
+      // only allow a single newline at the start and end
+      .replaceAll(/(^\n+|\n+$)/g, '\n')
+      // replace tab with 4 spaces (hard-coded indent unit)
+      .replaceAll('\t', '    ')
+  )
+}
+
+const trimInlineElements = (
+  element: HTMLElement,
+  precedingSpace = true
+): boolean => {
+  for (const node of element.childNodes) {
+    if (isTextNode(node)) {
+      let text = node.textContent!
+
+      if (precedingSpace) {
+        text = text.replace(/^\s+/, '')
+      }
+
+      if (text === '') {
+        node.remove()
+      } else {
+        node.textContent = text
+        precedingSpace = /\s$/.test(text)
+      }
+    } else if (isInlineElement(node)) {
+      precedingSpace = trimInlineElements(node, precedingSpace)
+    } else if (isBlockElement(node)) {
+      precedingSpace = true // TODO
+    } else {
+      precedingSpace = false // TODO
+    }
+  }
+
+  // TODO: trim whitespace at the end
+
+  return precedingSpace
+}
+
+const processWhitespaceInBlocks = (documentElement: HTMLElement) => {
+  trimInlineElements(documentElement)
+
+  const walker = document.createTreeWalker(
+    documentElement,
+    NodeFilter.SHOW_ELEMENT,
+    node =>
+      isElementNode(node) && isElementContainingCode(node)
+        ? NodeFilter.FILTER_REJECT
+        : NodeFilter.FILTER_ACCEPT
+  )
+
+  for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+    // TODO: remove leading newline from pre, code and textarea?
+    if (isBlockContainingElement(node)) {
+      // remove all text nodes directly inside elements that should only contain blocks
+      for (const childNode of node.childNodes) {
+        if (isTextNode(childNode)) {
+          childNode.remove()
+        }
+      }
+    }
+
+    if (isBlockElement(node)) {
+      trimInlineElements(node)
+
+      if (shouldRemoveEmptyBlockElement(node)) {
+        node.remove()
+        // TODO: and parents?
+      }
+    }
+  }
+}
+
+const normaliseWhitespace = (documentElement: HTMLElement) => {
+  const walker = document.createTreeWalker(
+    documentElement,
+    NodeFilter.SHOW_TEXT,
+    node =>
+      isElementNode(node) && isElementContainingCode(node)
+        ? NodeFilter.FILTER_REJECT
+        : NodeFilter.FILTER_ACCEPT
+  )
+
+  for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+    const text = node.textContent
+    if (text !== null) {
+      if (/^\s+$/.test(text)) {
+        // replace nodes containing only whitespace (including non-breaking space) with a single space
+        node.textContent = ' '
+      } else {
+        // collapse contiguous whitespace (except for non-breaking space) to a single space
+        node.textContent = text.replaceAll(/[\n\r\f\t \u2028\u2029]+/g, ' ')
+      }
+    }
+  }
+}
+
+// TODO: negative lookbehind once Safari supports it
+const specialCharacterRegExp = /(^|[^\\])([#$%&~_^\\{}])/g
+
+const specialCharacterReplacer = (
+  _match: string,
+  prefix: string,
+  char: string
+) => {
+  if (char === '\\') {
+    // convert `\` to `\textbackslash{}`, preserving subsequent whitespace
+    char = 'textbackslash{}'
+  }
+
+  return `${prefix}\\${char}`
+}
+
+const isElementContainingCode = (element: HTMLElement) =>
+  element.nodeName === 'CODE' ||
+  (element.nodeName === 'PRE' && element.style.fontFamily.includes('monospace'))
+
+const protectSpecialCharacters = (documentElement: HTMLElement) => {
+  const walker = document.createTreeWalker(
+    documentElement,
+    NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT,
+    node =>
+      isElementNode(node) && isElementContainingCode(node)
+        ? NodeFilter.FILTER_REJECT
+        : NodeFilter.FILTER_ACCEPT
+  )
+
+  for (let node = walker.nextNode(); node; node = walker.nextNode()) {
+    if (isTextNode(node)) {
+      const text = node.textContent
+      if (text) {
+        // replace non-backslash-prefixed characters
+        node.textContent = text.replaceAll(
+          specialCharacterRegExp,
+          specialCharacterReplacer
+        )
+      }
+    }
+  }
+}
+
+const processMatchedElements = (documentElement: HTMLElement) => {
+  for (const item of selectors) {
+    for (const element of documentElement.querySelectorAll<any>(
+      item.selector
+    )) {
+      if (!item.match || item.match(element)) {
+        // start the markup
+        if (item.start) {
+          const start = document.createTextNode(item.start(element))
+          if (item.inside) {
+            element.prepend(start)
+          } else {
+            element.before(start)
+          }
+        }
+
+        // end the markup
+        if (item.end) {
+          const end = document.createTextNode(item.end(element))
+          if (item.inside) {
+            element.append(end)
+          } else {
+            element.after(end)
+          }
+        }
+      }
+    }
+  }
+}
+
+const matchingParents = (element: HTMLElement, selector: string) => {
+  const matches = []
+
+  for (
+    let ancestor = element.parentElement?.closest(selector);
+    ancestor;
+    ancestor = ancestor.parentElement?.closest(selector)
+  ) {
+    matches.push(ancestor)
+  }
+
+  return matches
+}
+
+const urlCharacterReplacements = new Map<string, string>([
+  ['\\', '\\\\'],
+  ['#', '\\#'],
+  ['%', '\\%'],
+  ['{', '%7B'],
+  ['}', '%7D'],
+])
+
+const protectUrlCharacters = (url: string) => {
+  // NOTE: add new characters to both this regex and urlCharacterReplacements
+  return url.replaceAll(/[\\#%{}]/g, match => {
+    const replacement = urlCharacterReplacements.get(match)
+    if (!replacement) {
+      throw new Error(`No replacement found for ${match}`)
+    }
+    return replacement
+  })
+}
+
+const processLists = (element: HTMLElement) => {
+  for (const list of element.querySelectorAll('ol,ul')) {
+    // if the list has only one item, replace the list with an element containing the contents of the item
+    if (list.childElementCount === 1) {
+      const div = document.createElement('div')
+      div.append(...list.firstElementChild!.childNodes)
+      list.before('\n', div, '\n')
+      list.remove()
+    }
+  }
+}
+
+const processTables = (element: HTMLElement) => {
+  for (const table of element.querySelectorAll('table')) {
+    // create a wrapper element for the table and the caption
+    const container = document.createElement('div')
+    container.className = 'ol-table-wrap'
+    table.after(container)
+
+    // move the caption (if it exists) into the container before the table
+    const caption = table.querySelector('caption')
+    if (caption) {
+      container.append(caption)
+    }
+
+    // move the table into the container
+    container.append(table)
+
+    // add empty cells to account for rowspan
+    for (const cell of table.querySelectorAll<HTMLTableCellElement>(
+      'th[rowspan],td[rowspan]'
+    )) {
+      const rowspan = Number(cell.getAttribute('rowspan') || '1')
+      const colspan = Number(cell.getAttribute('colspan') || '1')
+
+      let row: HTMLTableRowElement | null = cell.closest('tr')
+      if (row) {
+        let position = 0
+        for (const child of row.cells) {
+          if (child === cell) {
+            break
+          }
+          position += Number(child.getAttribute('colspan') || '1')
+        }
+        for (let i = 1; i < rowspan; i++) {
+          const nextElement: Element | null = row?.nextElementSibling
+          if (!isTableRow(nextElement)) {
+            break
+          }
+          row = nextElement
+
+          let targetCell: HTMLTableCellElement | undefined
+          let targetPosition = 0
+          for (const child of row.cells) {
+            if (targetPosition === position) {
+              targetCell = child
+              break
+            }
+            targetPosition += Number(child.getAttribute('colspan') || '1')
+          }
+
+          const fillerCells = Array.from({ length: colspan }, () =>
+            document.createElement('td')
+          )
+
+          if (targetCell) {
+            targetCell.before(...fillerCells)
+          } else {
+            row.append(...fillerCells)
+          }
+        }
+      }
+    }
+  }
+}
+
+const isTableRow = (element: Element | null): element is HTMLTableRowElement =>
+  element?.nodeName === 'TR'
+
+const cellAlignment = new Map([
+  ['left', 'l'],
+  ['center', 'c'],
+  ['right', 'r'],
+])
+
+const tabular = (element: HTMLTableElement) => {
+  const definitions: Array<{
+    alignment: string
+    borderLeft: boolean
+    borderRight: boolean
+  }> = []
+
+  const rows = element.querySelectorAll('tr')
+
+  for (const row of rows) {
+    const cells = [...row.childNodes].filter(
+      element => element.nodeName === 'TD' || element.nodeName === 'TH'
+    ) as Array<HTMLTableCellElement>
+
+    let index = 0
+
+    for (const cell of cells) {
+      // NOTE: reading the alignment and borders from the first cell definition in each column
+      if (definitions[index] === undefined) {
+        const { textAlign, borderLeftStyle, borderRightStyle } = cell.style
+
+        definitions[index] = {
+          alignment: textAlign,
+          borderLeft: visibleBorderStyle(borderLeftStyle),
+          borderRight: visibleBorderStyle(borderRightStyle),
+        }
+      }
+      index += Number(cell.getAttribute('colspan') ?? 1)
+    }
+  }
+
+  for (let index = 0; index <= definitions.length; index++) {
+    // fill in missing definitions
+    const item = definitions[index] || {
+      alignment: 'left',
+      borderLeft: false,
+      borderRight: false,
+    }
+
+    // remove left border if previous column had a right border
+    if (item.borderLeft && index > 0 && definitions[index - 1]?.borderRight) {
+      item.borderLeft = false
+    }
+  }
+
+  return definitions
+    .flatMap(definition => [
+      definition.borderLeft ? '|' : '',
+      cellAlignment.get(definition.alignment) ?? 'l',
+      definition.borderRight ? '|' : '',
+    ])
+    .filter(Boolean)
+    .join(' ')
+}
+
+const listDepth = (element: HTMLElement): number =>
+  Math.max(0, matchingParents(element, 'ul,ol').length)
+
+const indentUnit = '    ' // TODO: replace hard-coded indent unit?
+
+const listIndent = (element: HTMLElement | null): string =>
+  element ? indentUnit.repeat(listDepth(element)) : ''
+
+type ElementSelector<T extends string, E extends HTMLElement = HTMLElement> = {
+  selector: T
+  match?: (element: E) => boolean
+  start?: (element: E) => string
+  end?: (element: E) => string
+  inside?: boolean
+}
+
+const createSelector = <
+  T extends string,
+  E extends HTMLElement = T extends keyof HTMLElementTagNameMap
+    ? HTMLElementTagNameMap[T]
+    : HTMLElement,
+>({
+  selector,
+  ...elementSelector
+}: ElementSelector<T, E>) => ({
+  selector,
+  ...elementSelector,
+})
+
+const headings = ['H1', 'H2', 'H3', 'H4', 'H5', 'H6']
+
+const isHeading = (element: HTMLElement | null) => {
+  return element && headings.includes(element.nodeName)
+}
+
+const hasContent = (element: HTMLElement): boolean => {
+  return Boolean(element.textContent && element.textContent.trim().length > 0)
+}
+
+type BorderStyle =
+  | 'borderTopStyle'
+  | 'borderRightStyle'
+  | 'borderBottomStyle'
+  | 'borderLeftStyle'
+
+const visibleBorderStyle = (style: CSSStyleDeclaration[BorderStyle]): boolean =>
+  !!style && style !== 'none' && style !== 'hidden'
+
+const rowHasBorderStyle = (
+  element: HTMLTableRowElement,
+  style: BorderStyle
+): boolean => {
+  if (visibleBorderStyle(element.style[style])) {
+    return true
+  }
+
+  const cells = element.querySelectorAll<HTMLTableCellElement>('th,td')
+
+  return [...cells].every(cell => visibleBorderStyle(cell.style[style]))
+}
+
+const isTableRowElement = (
+  element: Element | null
+): element is HTMLTableRowElement => element?.nodeName === 'TR'
+
+const nextRowHasBorderStyle = (
+  element: HTMLTableRowElement,
+  style: BorderStyle
+) => {
+  const { nextElementSibling } = element
+  return (
+    isTableRowElement(nextElementSibling) &&
+    rowHasBorderStyle(nextElementSibling, style)
+  )
+}
+
+const startMulticolumn = (element: HTMLTableCellElement): string => {
+  const colspan = Number(element.getAttribute('colspan') || 1)
+  const alignment = cellAlignment.get(element.style.textAlign) ?? 'l'
+  return `\\multicolumn{${colspan}}{${alignment}}{`
+}
+
+const startMultirow = (element: HTMLTableCellElement): string => {
+  const rowspan = Number(element.getAttribute('rowspan') || 1)
+  // NOTE: it would be useful to read cell width if specified, using `*` as a starting point
+  return `\\multirow{${rowspan}}{*}{`
+}
+
+const listPrefix = (element: HTMLOListElement | HTMLUListElement) => {
+  if (isListOrListItemElement(element.parentElement)) {
+    // within a list = newline
+    return '\n'
+  }
+  // outside a list = double newline
+  return '\n\n'
+}
+
+const listSuffix = (element: HTMLOListElement | HTMLUListElement) => {
+  if (listDepth(element) === 0) {
+    // a top-level list => newline
+    return '\n'
+  } else {
+    // a nested list => no extra newline
+    return ''
+  }
+}
+
+const isListElement = (
+  element: Element | null
+): element is HTMLOListElement | HTMLUListElement =>
+  element !== null && listNodeNames.includes(element.nodeName)
+
+const isListOrListItemElement = (
+  element: Element | null
+): element is HTMLOListElement | HTMLUListElement =>
+  element !== null && (isListElement(element) || element.nodeName === 'LI')
+
+const listNodeNames = ['OL', 'UL']
+
+const selectors = [
+  createSelector({
+    selector: 'b',
+    match: element =>
+      !element.style.fontWeight &&
+      !isHeading(element.parentElement) &&
+      hasContent(element),
+    start: () => '\\textbf{',
+    end: () => '}',
+  }),
+  createSelector({
+    selector: '*',
+    match: element =>
+      (element.style.fontWeight === 'bold' ||
+        parseInt(element.style.fontWeight) >= 700) &&
+      hasContent(element),
+    start: () => '\\textbf{',
+    end: () => '}',
+    inside: true,
+  }),
+  createSelector({
+    selector: 'strong',
+    match: element => !element.style.fontWeight && hasContent(element),
+    start: () => '\\textbf{',
+    end: () => '}',
+  }),
+  createSelector({
+    selector: 'i',
+    match: element => !element.style.fontStyle && hasContent(element),
+    start: () => '\\textit{',
+    end: () => '}',
+  }),
+  createSelector({
+    selector: '*',
+    match: element =>
+      element.style.fontStyle === 'italic' && hasContent(element),
+    start: () => '\\textit{',
+    end: () => '}',
+    inside: true,
+  }),
+  createSelector({
+    selector: 'em',
+    match: element => !element.style.fontStyle && hasContent(element),
+    start: () => '\\textit{',
+    end: () => '}',
+  }),
+  createSelector({
+    selector: 'sup',
+    match: element => !element.style.verticalAlign && hasContent(element),
+    start: () => '\\textsuperscript{',
+    end: () => '}',
+  }),
+  createSelector({
+    selector: 'span',
+    match: element =>
+      element.style.verticalAlign === 'super' && hasContent(element),
+    start: () => '\\textsuperscript{',
+    end: () => '}',
+  }),
+  createSelector({
+    selector: 'sub',
+    match: element => !element.style.verticalAlign && hasContent(element),
+    start: () => '\\textsubscript{',
+    end: () => '}',
+  }),
+  createSelector({
+    selector: 'span',
+    match: element =>
+      element.style.verticalAlign === 'sub' && hasContent(element),
+    start: () => '\\textsubscript{',
+    end: () => '}',
+  }),
+  createSelector({
+    selector: 'a',
+    match: element => !!element.href && hasContent(element),
+    start: (element: HTMLAnchorElement) => {
+      const url = protectUrlCharacters(element.href)
+      return `\\href{${url}}{`
+    },
+    end: () => `}`,
+  }),
+  createSelector({
+    selector: 'h1',
+    match: element => !element.closest('table') && hasContent(element),
+    start: () => `\n\n\\section{`,
+    end: () => `}\n\n`,
+  }),
+  createSelector({
+    selector: 'h2',
+    match: element => !element.closest('table') && hasContent(element),
+    start: () => `\n\n\\subsection{`,
+    end: () => `}\n\n`,
+  }),
+  createSelector({
+    selector: 'h3',
+    match: element => !element.closest('table') && hasContent(element),
+    start: () => `\n\n\\subsubsection{`,
+    end: () => `}\n\n`,
+  }),
+  createSelector({
+    selector: 'h4',
+    match: element => !element.closest('table') && hasContent(element),
+    start: () => `\n\n\\paragraph{`,
+    end: () => `}\n\n`,
+  }),
+  createSelector({
+    selector: 'h5',
+    match: element => !element.closest('table') && hasContent(element),
+    start: () => `\n\n\\subparagraph{`,
+    end: () => `}\n\n`,
+  }),
+  // TODO: h6?
+  createSelector({
+    selector: 'br',
+    match: element => !element.closest('table'),
+    start: () => `\n\n`,
+  }),
+  createSelector({
+    selector: 'code',
+    match: element =>
+      element.parentElement?.nodeName !== 'PRE' && hasContent(element),
+    start: () => `\\verb|`,
+    end: () => `|`,
+  }),
+  createSelector({
+    selector: 'pre > code',
+    match: element => hasContent(element),
+    start: () => `\n\n\\begin{verbatim}\n`,
+    end: () => `\n\\end{verbatim}\n\n`,
+  }),
+  createSelector({
+    selector: 'pre',
+    match: element =>
+      element.style.fontFamily.includes('monospace') &&
+      element.firstElementChild?.nodeName !== 'CODE' &&
+      hasContent(element),
+    start: () => `\n\n\\begin{verbatim}\n`,
+    end: () => `\n\\end{verbatim}\n\n`,
+  }),
+  createSelector({
+    selector: '.ol-table-wrap',
+    start: () => `\n\n\\begin{table}\n\\centering\n`,
+    end: () => `\n\\end{table}\n\n`,
+  }),
+  createSelector({
+    selector: 'table',
+    start: element => `\n\\begin{tabular}{${tabular(element)}}`,
+    end: () => `\\end{tabular}\n`,
+  }),
+  createSelector({
+    selector: 'thead',
+    start: () => `\n`,
+    end: () => `\n`,
+  }),
+  createSelector({
+    selector: 'tfoot',
+    start: () => `\n`,
+    end: () => `\n`,
+  }),
+  createSelector({
+    selector: 'tbody',
+    start: () => `\n`,
+    end: () => `\n`,
+  }),
+  createSelector({
+    selector: 'tr',
+    start: element => {
+      const borderTop = rowHasBorderStyle(element, 'borderTopStyle')
+      return borderTop ? '\\hline\n' : ''
+    },
+    end: element => {
+      const borderBottom = rowHasBorderStyle(element, 'borderBottomStyle')
+      return borderBottom && !nextRowHasBorderStyle(element, 'borderTopStyle')
+        ? '\n\\hline\n'
+        : '\n'
+    },
+  }),
+  createSelector({
+    selector: 'tr > td, tr > th',
+    start: (element: HTMLTableCellElement) => {
+      let output = ''
+      const colspan = element.getAttribute('colspan')
+      if (colspan && Number(colspan) > 1) {
+        output += startMulticolumn(element)
+      }
+      // NOTE: multirow is nested inside multicolumn
+      const rowspan = element.getAttribute('rowspan')
+      if (rowspan && Number(rowspan) > 1) {
+        output += startMultirow(element)
+      }
+      return output
+    },
+    end: element => {
+      let output = ''
+      // NOTE: multirow is nested inside multicolumn
+      const rowspan = element.getAttribute('rowspan')
+      if (rowspan && Number(rowspan) > 1) {
+        output += '}'
+      }
+      const colspan = element.getAttribute('colspan')
+      if (colspan && Number(colspan) > 1) {
+        output += '}'
+      }
+      const row = element.parentElement as HTMLTableRowElement
+      const isLastChild = row.cells.item(row.cells.length - 1) === element
+      return output + (isLastChild ? ' \\\\' : ' & ')
+    },
+  }),
+  createSelector({
+    selector: 'caption',
+    start: () => `\n\n\\caption{`,
+    end: () => `}\n\n`,
+  }),
+  createSelector({
+    // selector: 'ul:has(> li:nth-child(2))', // only select lists with at least 2 items (once Firefox supports :has())
+    selector: 'ul',
+    start: element => {
+      return `${listPrefix(element)}${listIndent(element)}\\begin{itemize}`
+    },
+    end: element => {
+      return `\n${listIndent(element)}\\end{itemize}${listSuffix(element)}`
+    },
+  }),
+  createSelector({
+    // selector: 'ol:has(> li:nth-child(2))', // only select lists with at least 2 items (once Firefox supports :has())
+    selector: 'ol',
+    start: element => {
+      return `${listPrefix(element)}${listIndent(element)}\\begin{enumerate}`
+    },
+    end: element => {
+      return `\n${listIndent(element)}\\end{enumerate}${listSuffix(element)}`
+    },
+  }),
+  createSelector({
+    selector: 'li',
+    start: element => {
+      return `\n${listIndent(element.parentElement)}${indentUnit}\\item `
+    },
+  }),
+  createSelector({
+    selector: 'p',
+    match: element => {
+      // must have content
+      if (!hasContent(element)) {
+        return false
+      }
+
+      // inside lists and tables, must precede another paragraph
+      if (element.closest('li') || element.closest('table')) {
+        return element.nextElementSibling?.nodeName === 'P'
+      }
+
+      return true
+    },
+    end: () => '\n\n',
+  }),
+  createSelector({
+    selector: 'blockquote',
+    start: () => `\n\n\\begin{quote}\n`,
+    end: () => `\n\\end{quote}\n\n`,
+  }),
+]
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/pasted-content.tsx b/services/web/frontend/js/features/source-editor/extensions/visual/pasted-content.tsx
new file mode 100644
index 0000000..3cb669d
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/pasted-content.tsx
@@ -0,0 +1,210 @@
+import {
+  EditorSelection,
+  Range,
+  StateEffect,
+  StateField,
+} from '@codemirror/state'
+import { Decoration, EditorView, WidgetType } from '@codemirror/view'
+import { undo } from '@codemirror/commands'
+import { ancestorNodeOfType } from '../../utils/tree-operations/ancestors'
+import ReactDOM from 'react-dom'
+import { PastedContentMenu } from '../../components/paste-html/pasted-content-menu'
+import { SplitTestProvider } from '../../../../shared/context/split-test-context'
+
+export type PastedContent = { latex: string; text: string }
+
+const pastedContentEffect = StateEffect.define<{
+  content: PastedContent
+  formatted: boolean
+}>()
+
+export const insertPastedContent = (
+  view: EditorView,
+  { latex, text }: PastedContent
+) =>
+  view.state.changeByRange(range => {
+    // avoid pasting formatted content into a math container
+    if (ancestorNodeOfType(view.state, range.anchor, '$MathContainer')) {
+      return {
+        range: EditorSelection.cursor(range.from + text.length),
+        changes: { from: range.from, to: range.to, insert: text },
+      }
+    }
+
+    return {
+      range: EditorSelection.cursor(range.from + latex.length),
+      changes: { from: range.from, to: range.to, insert: latex },
+    }
+  })
+
+export const storePastedContent = (
+  content: PastedContent,
+  formatted: boolean
+) => ({
+  effects: pastedContentEffect.of({ content, formatted }),
+})
+
+const pastedContentTheme = EditorView.baseTheme({
+  '.ol-cm-pasted-content-menu-toggle': {
+    background: 'none',
+    borderRadius: '8px',
+    border: '1px solid rgb(125, 125, 125)',
+    color: 'inherit',
+    margin: '0 4px',
+    opacity: '0.7',
+    '&:hover': {
+      opacity: '1',
+    },
+    '& .material-symbols': {
+      verticalAlign: 'text-bottom',
+    },
+  },
+  '.ol-cm-pasted-content-menu-popover': {
+    backgroundColor: '#fff',
+    maxWidth: 'unset',
+    '& .popover-content': {
+      padding: 0,
+    },
+    '& .popover-body': {
+      color: 'inherit',
+      padding: 0,
+    },
+    '& .popover-arrow::after': {
+      borderBottomColor: '#fff',
+    },
+  },
+  '&dark .ol-cm-pasted-content-menu-popover': {
+    background: 'rgba(0, 0, 0)',
+  },
+  '.ol-cm-pasted-content-menu': {
+    display: 'flex',
+    flexDirection: 'column',
+    boxSizing: 'border-box',
+    fontSize: '14px',
+    fontFamily: 'var(--font-sans)',
+  },
+  '.ol-cm-pasted-content-menu-item': {
+    color: 'inherit',
+    border: 'none',
+    background: 'none',
+    padding: '8px 16px',
+    width: '100%',
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    whiteSpace: 'nowrap',
+    gap: '12px',
+    '&[aria-disabled="true"]': {
+      color: 'rgba(125, 125, 125, 0.5)',
+    },
+    '&:hover': {
+      backgroundColor: 'rgba(125, 125, 125, 0.2)',
+    },
+  },
+  '.ol-cm-pasted-content-menu-item-label': {
+    flex: 1,
+    textAlign: 'left',
+  },
+  '.ol-cm-pasted-content-menu-item-shortcut': {
+    textAlign: 'right',
+  },
+})
+
+export const pastedContent = StateField.define<{
+  content: PastedContent
+  formatted: boolean
+  selection: EditorSelection
+} | null>({
+  create() {
+    return null
+  },
+  update(value, tr) {
+    if (tr.docChanged) {
+      // TODO: exclude remote changes (if they don't intersect with changed ranges)?
+      value = null
+    } else {
+      for (const effect of tr.effects) {
+        if (effect.is(pastedContentEffect)) {
+          value = {
+            ...effect.value,
+            selection: tr.state.selection,
+          }
+        }
+      }
+    }
+
+    return value
+  },
+  provide(field) {
+    return [
+      EditorView.decorations.compute([field], state => {
+        const value = state.field(field)
+
+        if (!value) {
+          return Decoration.none
+        }
+
+        const decorations: Range<Decoration>[] = []
+
+        const { content, selection, formatted } = value
+        decorations.push(
+          Decoration.widget({
+            widget: new PastedContentMenuWidget(content, formatted),
+            side: 1,
+          }).range(selection.main.to)
+        )
+
+        return Decoration.set(decorations, true)
+      }),
+      pastedContentTheme,
+    ]
+  },
+})
+
+class PastedContentMenuWidget extends WidgetType {
+  constructor(
+    private pastedContent: PastedContent,
+    private formatted: boolean
+  ) {
+    super()
+  }
+
+  toDOM(view: EditorView) {
+    const element = document.createElement('span')
+    ReactDOM.render(
+      <SplitTestProvider>
+        <PastedContentMenu
+          insertPastedContent={this.insertPastedContent}
+          view={view}
+          formatted={this.formatted}
+          pastedContent={this.pastedContent}
+        />
+      </SplitTestProvider>,
+      element
+    )
+    return element
+  }
+
+  insertPastedContent(
+    view: EditorView,
+    pastedContent: PastedContent,
+    formatted: boolean
+  ) {
+    undo(view)
+    view.dispatch(
+      insertPastedContent(view, {
+        latex: formatted ? pastedContent.latex : pastedContent.text,
+        text: pastedContent.text,
+      })
+    )
+    view.dispatch(storePastedContent(pastedContent, formatted))
+    view.focus()
+  }
+
+  eq(widget: PastedContentMenuWidget) {
+    return (
+      widget.pastedContent === this.pastedContent &&
+      widget.formatted === this.formatted
+    )
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/select-decorated-argument.ts b/services/web/frontend/js/features/source-editor/extensions/visual/select-decorated-argument.ts
new file mode 100644
index 0000000..bc1e788
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/select-decorated-argument.ts
@@ -0,0 +1,113 @@
+import {
+  EditorSelection,
+  EditorState,
+  SelectionRange,
+  StateField,
+} from '@codemirror/state'
+import { syntaxTree } from '@codemirror/language'
+import { Tree } from '@lezer/common'
+import {
+  ancestorOfNodeWithType,
+  descendantsOfNodeWithType,
+} from '../../utils/tree-operations/ancestors'
+import { getMousedownSelection, selectionIntersects } from './selection'
+import { DecorationSet } from '@codemirror/view'
+
+/**
+ * A custom extension that updates the selection in a transaction if the mouse pointer was used
+ * to position a cursor at the start or end of an argument (the cursor is placed inside the brace),
+ * or to drag a range across the whole range of an argument (the selection is placed inside the braces),
+ * when the selection was not already inside the command.
+ */
+export const selectDecoratedArgument = (
+  field: StateField<{ decorations: DecorationSet }>
+) =>
+  EditorState.transactionFilter.of(tr => {
+    if (tr.selection && tr.isUserEvent('select.pointer')) {
+      const tree = syntaxTree(tr.state)
+      let selection = tr.selection
+      const mousedownSelection = getMousedownSelection(tr.state)
+      let replaced = false
+      const rangeSet = tr.state.field(field, false)?.decorations
+      for (const [index, range] of selection.ranges.entries()) {
+        if (rangeSet) {
+          let isAtomicRange = false
+          rangeSet.between(range.anchor, range.anchor, (_from, to) => {
+            if (to > range.anchor) {
+              isAtomicRange = true
+              return false
+            }
+          })
+
+          if (isAtomicRange === false) {
+            // skip since decoration is not covering the selection
+            continue
+          }
+        }
+
+        const replacementRange =
+          selectArgument(tree, range, mousedownSelection, 1) ||
+          selectArgument(tree, range, mousedownSelection, -1)
+        if (replacementRange) {
+          selection = selection.replaceRange(replacementRange, index)
+          replaced = true
+        }
+      }
+      if (replaced) {
+        return [tr, { selection }]
+      }
+    }
+
+    return tr
+  })
+
+const selectArgument = (
+  tree: Tree,
+  range: SelectionRange,
+  mousedownSelection: EditorSelection | undefined,
+  side: -1 | 1
+): SelectionRange | undefined => {
+  const anchor = tree.resolveInner(range.anchor, side)
+
+  const ancestorCommand = ancestorOfNodeWithType(anchor, '$Command')
+  if (!ancestorCommand) {
+    return
+  }
+
+  const mousedownSelectionInside =
+    mousedownSelection !== undefined &&
+    selectionIntersects(mousedownSelection, ancestorCommand)
+  if (mousedownSelectionInside) {
+    return
+  }
+
+  const [inner] = descendantsOfNodeWithType(ancestorCommand, '$TextArgument')
+  if (!inner) {
+    return
+  }
+
+  if (side === 1) {
+    if (
+      range.anchor === inner.from + 1 ||
+      range.anchor === ancestorCommand.from
+    ) {
+      if (range.empty) {
+        // selecting at the start
+        return EditorSelection.cursor(inner.from + 1)
+      } else if (Math.abs(range.head - inner.to) < 2) {
+        // selecting from the start to the end
+        return EditorSelection.range(inner.from + 1, inner.to - 1)
+      }
+    }
+  } else {
+    if (range.anchor === inner.to - 1 || range.anchor === ancestorCommand.to) {
+      if (range.empty) {
+        // selecting at the end
+        return EditorSelection.cursor(inner.to - 1)
+      } else if (Math.abs(range.head - ancestorCommand.from) < 2) {
+        // selecting from the end to the start
+        return EditorSelection.range(inner.to - 1, inner.from + 1)
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/selection.ts b/services/web/frontend/js/features/source-editor/extensions/visual/selection.ts
new file mode 100644
index 0000000..5c0dc20
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/selection.ts
@@ -0,0 +1,143 @@
+import {
+  EditorSelection,
+  StateEffect,
+  Line,
+  Text,
+  StateField,
+  EditorState,
+} from '@codemirror/state'
+import { EditorView } from '@codemirror/view'
+import { hasEffect, updateHasEffect } from '../../utils/effects'
+
+export const selectionIntersects = (
+  selection: EditorSelection,
+  extents: { from: number; to: number }
+) =>
+  selection.ranges.some(
+    range =>
+      // Case 1: from is inside node
+      (extents.from <= range.from && extents.to >= range.from) ||
+      // Case 2: to is inside node
+      (extents.from <= range.to && extents.to >= range.to)
+  )
+
+export const placeSelectionInsideBlock = (
+  view: EditorView,
+  event: MouseEvent
+) => {
+  const line = view.lineBlockAtHeight(event.pageY - view.documentTop)
+
+  const selectionRange = EditorSelection.cursor(line.to)
+  const selection = event.ctrlKey
+    ? view.state.selection.addRange(selectionRange)
+    : selectionRange
+
+  return { selection, effects: EditorView.scrollIntoView(line.to) }
+}
+
+export const extendBackwardsOverEmptyLines = (
+  doc: Text,
+  line: Line,
+  limit: number = Number.POSITIVE_INFINITY
+) => {
+  let { number, from } = line
+  for (
+    let lineNumber = number - 1;
+    lineNumber > 0 && number - lineNumber <= limit;
+    lineNumber--
+  ) {
+    const line = doc.line(lineNumber)
+    if (line.text.trim().length > 0) {
+      break
+    }
+    from = line.from
+  }
+  return from
+}
+
+export const extendForwardsOverEmptyLines = (
+  doc: Text,
+  line: Line,
+  limit: number = Number.POSITIVE_INFINITY
+) => {
+  let { number, to } = line
+  for (
+    let lineNumber = number + 1;
+    lineNumber <= doc.lines && lineNumber - number <= limit;
+    lineNumber++
+  ) {
+    const line = doc.line(lineNumber)
+    if (line.text.trim().length > 0) {
+      break
+    }
+    to = line.to
+  }
+
+  return to
+}
+
+export const mouseDownEffect = StateEffect.define<boolean>()
+export const hasMouseDownEffect = hasEffect(mouseDownEffect)
+export const updateHasMouseDownEffect = updateHasEffect(mouseDownEffect)
+
+/**
+ * A listener for mousedown and mouseup events, dispatching an event
+ * to record the current mousedown status, which is stored in a state field.
+ */
+const mouseDownListener = EditorView.domEventHandlers({
+  mousedown: (event, view) => {
+    // not wrapped in a timeout, so update listeners know that the mouse is down before they process the selection
+    view.dispatch({
+      effects: mouseDownEffect.of(true),
+    })
+  },
+  mouseup: (event, view) => {
+    // wrap in a timeout, so update listeners receive this effect after the new selection has finished being handled
+    window.setTimeout(() => {
+      view.dispatch({
+        effects: mouseDownEffect.of(false),
+      })
+    })
+  },
+  contextmenu: (event: MouseEvent, view) => {
+    // treat a `contextmenu` event as a `mouseup` event, which isn't fired
+    window.setTimeout(() => {
+      view.dispatch({
+        effects: mouseDownEffect.of(false),
+      })
+    })
+  },
+  drop: (event: MouseEvent, view) => {
+    // treat a `drop` event as a `mouseup` event, which isn't fired
+    window.setTimeout(() => {
+      view.dispatch({
+        effects: mouseDownEffect.of(false),
+      })
+    })
+  },
+})
+
+const mousedownSelectionState = StateField.define<EditorSelection | undefined>({
+  create() {
+    return undefined
+  },
+  update(value, tr) {
+    if (value && tr.docChanged) {
+      value = value.map(tr.changes)
+    }
+
+    for (const effect of tr.effects) {
+      // store the previous selection on mousedown
+      if (effect.is(mouseDownEffect)) {
+        value = effect.value ? tr.startState.selection : undefined
+      }
+    }
+
+    return value
+  },
+})
+
+export const getMousedownSelection = (state: EditorState) =>
+  state.field(mousedownSelectionState)
+
+export const mousedown = [mouseDownListener, mousedownSelectionState]
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/skip-preamble-cursor.ts b/services/web/frontend/js/features/source-editor/extensions/visual/skip-preamble-cursor.ts
new file mode 100644
index 0000000..cb83c11
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/skip-preamble-cursor.ts
@@ -0,0 +1,124 @@
+import { DecorationSet, EditorView, ViewPlugin } from '@codemirror/view'
+import {
+  EditorSelection,
+  EditorState,
+  RangeSet,
+  StateField,
+} from '@codemirror/state'
+import { syntaxTree } from '@codemirror/language'
+import { collapsePreambleEffect, Preamble } from './visual-widgets/preamble'
+/**
+ * A view plugin that moves the cursor from the start of the preamble into the document body when the doc is opened.
+ */
+export const skipPreambleWithCursor = (
+  field: StateField<{ preamble: Preamble; decorations: DecorationSet }>
+) =>
+  ViewPlugin.define((view: EditorView) => {
+    let checkedOnce = false
+
+    const escapeFromAtomicRanges = (
+      selection: EditorSelection,
+      force = false
+    ) => {
+      const originalSelection = selection
+
+      const atomicRangeSets = view.state
+        .facet(EditorView.atomicRanges)
+        .map(item => item(view))
+
+      for (const [index, range] of selection.ranges.entries()) {
+        const anchor = skipAtomicRanges(
+          view.state,
+          atomicRangeSets,
+          range.anchor
+        )
+        const head = skipAtomicRanges(view.state, atomicRangeSets, range.head)
+
+        if (anchor !== range.anchor || head !== range.head) {
+          selection = selection.replaceRange(
+            EditorSelection.range(anchor, head),
+            index
+          )
+        }
+      }
+
+      if (force || selection !== originalSelection) {
+        // TODO: needs to happen after cursor position is restored?
+        window.setTimeout(() => {
+          view.dispatch({
+            selection,
+            scrollIntoView: true,
+          })
+        })
+      }
+    }
+
+    const escapeFromPreamble = () => {
+      const preamble = view.state.field(field, false)?.preamble
+      if (preamble) {
+        escapeFromAtomicRanges(
+          EditorSelection.create([EditorSelection.cursor(preamble.to + 1)]),
+          true
+        )
+      }
+    }
+
+    return {
+      update(update) {
+        if (checkedOnce) {
+          if (
+            update.transactions.some(tr =>
+              tr.effects.some(effect => effect.is(collapsePreambleEffect))
+            )
+          ) {
+            escapeFromPreamble()
+          }
+        } else {
+          const { state } = update
+
+          if (syntaxTree(state).length === state.doc.length) {
+            checkedOnce = true
+
+            // Only move the cursor if we're at the default position (0). Otherwise
+            // switching back and forth between source/RT while editing the preamble
+            // would be annoying.
+            if (
+              state.selection.eq(
+                EditorSelection.create([EditorSelection.cursor(0)])
+              )
+            ) {
+              escapeFromPreamble()
+            } else {
+              escapeFromAtomicRanges(state.selection)
+            }
+          }
+        }
+      },
+    }
+  })
+
+const skipAtomicRanges = (
+  state: EditorState,
+  rangeSets: RangeSet<any>[],
+  pos: number
+) => {
+  let oldPos
+  do {
+    oldPos = pos
+
+    for (const rangeSet of rangeSets) {
+      rangeSet.between(pos, pos, (_from, to) => {
+        if (to > pos) {
+          pos = to
+        }
+      })
+    }
+
+    // move from the end of a line to the start of the next line
+    if (pos !== oldPos && state.doc.lineAt(pos).to === pos) {
+      pos++
+    }
+  } while (pos !== oldPos)
+
+  return Math.min(pos, state.doc.length)
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/table-generator.ts b/services/web/frontend/js/features/source-editor/extensions/visual/table-generator.ts
new file mode 100644
index 0000000..42cc6cc
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/table-generator.ts
@@ -0,0 +1,533 @@
+import { EditorView } from '@codemirror/view'
+
+export const tableGeneratorTheme = EditorView.baseTheme({
+  '&dark .table-generator': {
+    '--table-generator-active-border-color': '#ccc',
+    '--table-generator-coming-soon-background-color': '#41464f',
+    '--table-generator-coming-soon-color': '#fff',
+    '--table-generator-divider-color': 'rgba(125,125,125,0.3)',
+    '--table-generator-dropdown-divider-color': 'rgba(125,125,125,0.3)',
+    '--table-generator-focus-border-color': '#5d7498',
+    '--table-generator-inactive-border-color': '#888',
+    '--table-generator-selected-background-color': '#ffffff2a',
+    '--table-generator-selector-background-color': '#777',
+    '--table-generator-selector-hover-color': '#3265b2',
+    '--table-generator-toolbar-background': '#2c3645',
+    '--table-generator-toolbar-button-active-background':
+      'rgba(125, 125, 125, 0.4)',
+    '--table-generator-toolbar-button-color': '#fff',
+    '--table-generator-toolbar-button-hover-background':
+      'rgba(125, 125, 125, 0.2)',
+    '--table-generator-toolbar-dropdown-border-color': 'rgba(125,125,125,0.3)',
+    '--table-generator-toolbar-dropdown-disabled-background':
+      'rgba(125,125,125,0.3)',
+    '--table-generator-toolbar-dropdown-disabled-color': '#999',
+    '--table-generator-toolbar-dropdown-active-background': 'var(--green-10)',
+    '--table-generator-toolbar-dropdown-active-color': 'var(--green-70)',
+    '--table-generator-toolbar-dropdown-active-hover-background':
+      'var(--green-10)',
+    '--table-generator-toolbar-dropdown-active-active-background':
+      'var(--green-20)',
+    '--table-generator-toolbar-shadow-color': '#1e253029',
+    '--table-generator-error-background': '#2c3645',
+    '--table-generator-error-color': '#fff',
+    '--table-generator-error-border-color': '#677283',
+    '--table-generator-column-size-indicator-background': 'var(--neutral-80)',
+    '--table-generator-column-size-indicator-hover-background':
+      'var(--neutral-70)',
+    '--table-generator-column-size-indicator-color': 'white',
+    '--table-generator-column-size-indicator-hover-color': 'white',
+  },
+
+  '&light .table-generator': {
+    '--table-generator-active-border-color': '#666',
+    '--table-generator-coming-soon-background-color': 'var(--neutral-10)',
+    '--table-generator-coming-soon-color': 'var(--neutral-70)',
+    '--table-generator-divider-color': 'var(--neutral-20)',
+    '--table-generator-dropdown-divider-color': 'var(--neutral-20)',
+    '--table-generator-focus-border-color': '#97b6e5',
+    '--table-generator-inactive-border-color': '#dedede',
+    '--table-generator-selected-background-color': 'var(--blue-10)',
+    '--table-generator-selector-background-color': 'var(--neutral-30)',
+    '--table-generator-selector-hover-color': '#3265b2',
+    '--table-generator-toolbar-background': '#fff',
+    '--table-generator-toolbar-button-active-background':
+      'rgba(47, 58, 76, 0.16)',
+    '--table-generator-toolbar-button-color': 'var(--neutral-70)',
+    '--table-generator-toolbar-button-hover-background':
+      'rgba(47, 58, 76, 0.08)',
+    '--table-generator-toolbar-dropdown-border-color': 'var(--neutral-60)',
+    '--table-generator-toolbar-dropdown-disabled-background': '#f2f2f2',
+    '--table-generator-toolbar-dropdown-disabled-color': 'var(--neutral-40)',
+    '--table-generator-toolbar-dropdown-active-background': 'var(--green-10)',
+    '--table-generator-toolbar-dropdown-active-color': 'var(--green-70)',
+    '--table-generator-toolbar-dropdown-active-hover-background':
+      'var(--green-10)',
+    '--table-generator-toolbar-dropdown-active-active-background':
+      'var(--green-20)',
+    '--table-generator-toolbar-shadow-color': '#1e253029',
+    '--table-generator-error-background': '#F1F4F9',
+    '--table-generator-error-color': 'black',
+    '--table-generator-error-border-color': '#C3D0E3',
+    '--table-generator-column-size-indicator-background': '#E7E9EE',
+    '--table-generator-column-size-indicator-hover-background': '#D7DADF',
+    '--table-generator-column-size-indicator-color': 'black',
+    '--table-generator-column-size-indicator-hover-color': 'black',
+  },
+
+  '.table-generator': {
+    position: 'relative',
+    '--table-generator-inactive-border-width': '1px',
+    '--table-generator-active-border-width': '1px',
+    '--table-generator-selector-handle-buffer': '12px',
+    '--table-generator-focus-border-width': '2px',
+    '--table-generator-focus-negative-border-width': '-2px',
+  },
+
+  '.table-generator-cell.selected': {
+    'background-color': 'var(--table-generator-selected-background-color)',
+  },
+
+  '.table-generator-cell:focus-visible': {
+    outline: '2px dotted var(--table-generator-focus-border-color)',
+  },
+
+  '.table-generator-cell': {
+    border:
+      'var(--table-generator-inactive-border-width) dashed var(--table-generator-inactive-border-color)',
+    'min-width': '40px',
+    height: '30px',
+    '&.selection-edge-top': {
+      '--shadow-top':
+        '0 var(--table-generator-focus-negative-border-width) 0 var(--table-generator-focus-border-color)',
+    },
+    '&.selection-edge-bottom': {
+      '--shadow-bottom':
+        '0 var(--table-generator-focus-border-width) 0 var(--table-generator-focus-border-color)',
+    },
+    '&.selection-edge-left': {
+      '--shadow-left':
+        'var(--table-generator-focus-negative-border-width) 0 0 var(--table-generator-focus-border-color)',
+    },
+    '&.selection-edge-right': {
+      '--shadow-right':
+        'var(--table-generator-focus-border-width) 0 0 var(--table-generator-focus-border-color)',
+    },
+    'box-shadow':
+      'var(--shadow-top, 0 0 0 transparent), var(--shadow-bottom, 0 0 0 transparent), var(--shadow-left, 0 0 0 transparent), var(--shadow-right, 0 0 0 transparent)',
+    '&.table-generator-cell-border-left': {
+      'border-left-style': 'solid',
+      'border-left-color': 'var(--table-generator-active-border-color)',
+      'border-left-width': 'var(--table-generator-active-border-width)',
+    },
+
+    '&.table-generator-cell-border-right': {
+      'border-right-style': 'solid',
+      'border-right-color': 'var(--table-generator-active-border-color)',
+      'border-right-width': 'var(--table-generator-active-border-width)',
+    },
+
+    '&.table-generator-row-border-top': {
+      'border-top-style': 'solid',
+      'border-top-color': 'var(--table-generator-active-border-color)',
+      'border-top-width': 'var(--table-generator-active-border-width)',
+    },
+
+    '&.table-generator-row-border-bottom': {
+      'border-bottom-style': 'solid',
+      'border-bottom-color': 'var(--table-generator-active-border-color)',
+      'border-bottom-width': 'var(--table-generator-active-border-width)',
+    },
+    '& .table-generator-cell-render': {
+      'overflow-x': 'auto',
+      'overflow-y': 'hidden',
+      width: '100%',
+    },
+  },
+
+  '.table-generator-table': {
+    'table-layout': 'fixed',
+    width: '95%',
+    'max-width': '95%',
+    margin: '0 auto',
+    cursor: 'default',
+
+    '& td': {
+      '&:not(.editing)': {
+        padding: '0 0.25em',
+      },
+      'vertical-align': 'top',
+
+      '&.alignment-left': {
+        'text-align': 'left',
+      },
+      '&.alignment-right': {
+        'text-align': 'right',
+      },
+      '&.alignment-center': {
+        'text-align': 'center',
+      },
+      '&.alignment-paragraph': {
+        'text-align': 'justify',
+      },
+    },
+
+    '& .table-generator-selector-cell': {
+      padding: '0',
+      border: 'none !important',
+      position: 'relative',
+      cursor: 'pointer',
+
+      '&.row-selector': {
+        width: 'calc(var(--table-generator-selector-handle-buffer) + 8px)',
+
+        '&::after': {
+          width: '4px',
+          bottom: '4px',
+          height: 'calc(100% - 8px)',
+        },
+      },
+
+      '&.column-selector': {
+        height: 'calc(var(--table-generator-selector-handle-buffer) + 8px)',
+
+        '&::after': {
+          width: 'calc(100% - 8px)',
+          height: '4px',
+          right: '4px',
+        },
+      },
+
+      '&::after': {
+        content: '""',
+        display: 'block',
+        position: 'absolute',
+        bottom: '8px',
+        right: '8px',
+        width: 'calc(100% - 8px)',
+        height: 'calc(100% - 8px)',
+        'background-color': 'var(--table-generator-selector-background-color)',
+        'border-radius': '4px',
+      },
+
+      '&:hover::after': {
+        'background-color': 'var(--table-generator-selector-hover-color)',
+      },
+
+      '&.fully-selected::after': {
+        'background-color': 'var(--table-generator-selector-hover-color)',
+      },
+    },
+  },
+
+  '.table-generator-floating-toolbar': {
+    position: 'absolute',
+    transform: 'translateY(-100%)',
+    left: '0',
+    right: '0',
+    margin: '0 auto',
+    // z-index of cursor layer is 150
+    'z-index': '152',
+    'border-radius': '4px',
+    width: 'max-content',
+    'justify-content': 'start',
+    maxWidth: '100%',
+    'background-color': 'var(--table-generator-toolbar-background)',
+    'box-shadow': '0px 2px 4px 0px var(--table-generator-toolbar-shadow-color)',
+    padding: '4px',
+    display: 'flex',
+    flexWrap: 'wrap',
+    rowGap: '8px',
+    '&.table-generator-toolbar-floating-custom-sizes': {
+      top: '-8px',
+    },
+  },
+
+  '.table-generator-toolbar-button': {
+    display: 'inline-flex',
+    'align-items': 'center',
+    'justify-content': 'center',
+    margin: '0',
+    'background-color': 'transparent',
+    border: 'none',
+    'border-radius': '4px',
+    'line-height': '1',
+    overflow: 'hidden',
+    color: 'var(--table-generator-toolbar-button-color)',
+    'text-align': 'center',
+    padding: '4px',
+
+    '&:not(first-child)': {
+      'margin-left': '4px',
+    },
+    '&:not(:last-child)': {
+      'margin-right': '4px',
+    },
+
+    '& > span': {
+      'font-size': '24px',
+    },
+
+    '&:hover, &:focus': {
+      'background-color':
+        'var(--table-generator-toolbar-button-hover-background)',
+    },
+
+    '&:active, &.active': {
+      'background-color':
+        'var(--table-generator-toolbar-button-active-background)',
+    },
+
+    '&:hover, &:focus, &:active, &.active': {
+      'box-shadow': 'none',
+    },
+
+    '&[aria-disabled="true"]': {
+      '&:hover, &:focus, &:active, &.active': {
+        'background-color': 'transparent',
+      },
+      opacity: '0.2',
+    },
+  },
+
+  '.toolbar-beta-badge': {
+    padding: '0 4px 2px 12px',
+  },
+
+  '.table-generator-button-group': {
+    display: 'inline-flex',
+    'align-items': 'center',
+    'justify-content': 'center',
+    'line-height': '1',
+    overflow: 'hidden',
+    '&:not(:last-child)': {
+      'border-right': '1px solid var(--table-generator-divider-color)',
+      'padding-right': '8px',
+      'margin-right': '8px',
+    },
+  },
+
+  '.table-generator-button-menu-popover': {
+    'background-color': 'var(--table-generator-toolbar-background) !important',
+    '& .popover-content, & .popover-body': {
+      padding: '4px',
+    },
+    '& .list-group': {
+      margin: '0',
+      padding: '0',
+    },
+    '& > .arrow, & > .popover-arrow': {
+      display: 'none',
+    },
+  },
+
+  '.table-generator-cell-input': {
+    'background-color': 'transparent',
+    width: '100%',
+    'text-align': 'inherit',
+    height: '1.5em',
+    'min-height': '100%',
+    border: '1px solid var(--table-generator-toolbar-shadow-color)',
+    padding: '0 0.25em',
+    resize: 'none',
+    'box-sizing': 'border-box',
+    overflow: 'hidden',
+    '&:focus, &:focus-visible': {
+      outline: '2px solid var(--table-generator-focus-border-color)',
+      'outline-offset': '-2px',
+    },
+  },
+
+  '.table-generator-border-options-coming-soon': {
+    display: 'flex',
+    margin: '4px',
+    'font-size': '12px',
+    background: 'var(--table-generator-coming-soon-background-color)',
+    color: 'var(--table-generator-coming-soon-color)',
+    padding: '8px',
+    gap: '6px',
+    'align-items': 'flex-start',
+    'max-width': '240px',
+    'font-family': 'var(--bs-body-font-family)',
+
+    '& .info-icon': {
+      flex: ' 0 0 24px',
+    },
+  },
+
+  '.table-generator-toolbar-dropdown-toggle': {
+    border: '1px solid var(--table-generator-toolbar-dropdown-border-color)',
+    'box-shadow': 'none',
+    background: 'transparent',
+    'white-space': 'nowrap',
+    color: 'var(--table-generator-toolbar-button-color)',
+    'border-radius': '4px',
+    padding: '6px 8px',
+    gap: '8px',
+    'min-width': '120px',
+    'font-size': '14px',
+    display: 'flex',
+    'align-items': 'center',
+    'justify-content': 'space-between',
+    'font-family': 'var(--bs-body-font-family)',
+    height: '36px',
+
+    '&:not(:first-child)': {
+      'margin-left': '8px',
+    },
+
+    '&[aria-disabled="true"]': {
+      'background-color':
+        'var(--table-generator-toolbar-dropdown-disabled-background)',
+      color: 'var(--table-generator-toolbar-dropdown-disabled-color)',
+    },
+  },
+
+  '.table-generator-toolbar-dropdown-popover': {
+    'max-width': '300px',
+    background: 'var(--table-generator-toolbar-background) !important',
+
+    '& .popover-content, & .popover-body': {
+      padding: '0',
+    },
+
+    '& > .arrow, & > .popover-arrow': {
+      display: 'none',
+    },
+  },
+
+  '.table-generator-toolbar-dropdown-menu': {
+    display: 'flex',
+    'flex-direction': 'column',
+    'min-width': '200px',
+    padding: '4px',
+
+    '& > button': {
+      border: 'none',
+      'box-shadow': 'none',
+      background: 'transparent',
+      'white-space': 'nowrap',
+      color: 'var(--table-generator-toolbar-button-color)',
+      'border-radius': '4px',
+      'font-size': '14px',
+      display: 'flex',
+      'align-items': 'center',
+      'justify-content': 'flex-start',
+      'column-gap': '8px',
+      'align-self': 'stretch',
+      padding: '12px 8px',
+      'font-family': 'var(--bs-body-font-family)',
+
+      '& .table-generator-button-label': {
+        'align-self': 'stretch',
+        flex: '1 0 auto',
+        'text-align': 'left',
+      },
+
+      '&.ol-cm-toolbar-dropdown-option-active': {
+        'background-color':
+          'var(--table-generator-toolbar-dropdown-active-background)',
+        color: 'var(--table-generator-toolbar-dropdown-active-color)',
+      },
+
+      '&:hover, &:focus': {
+        'background-color':
+          'var(--table-generator-toolbar-button-hover-background)',
+      },
+
+      '&:active, &.active': {
+        'background-color':
+          'var(--table-generator-toolbar-button-active-background)',
+      },
+
+      '&.ol-cm-toolbar-dropdown-option-active:hover, &.ol-cm-toolbar-dropdown-option-active:focus':
+        {
+          'background-color':
+            'var(--table-generator-toolbar-dropdown-active-hover-background)',
+        },
+
+      '&.ol-cm-toolbar-dropdown-option-active:active, &.ol-cm-toolbar-dropdown-option-active.active':
+        {
+          'background-color':
+            'var(--table-generator-toolbar-dropdown-active-active-background)',
+        },
+
+      '&:hover, &:focus, &:active, &.active': {
+        'box-shadow': 'none',
+      },
+
+      '&[aria-disabled="true"]': {
+        '&:hover, &:focus, &:active, &.active': {
+          'background-color': 'transparent',
+        },
+        color: 'var(--table-generator-toolbar-dropdown-disabled-color)',
+      },
+    },
+
+    '& > hr': {
+      background: 'var(--table-generator-dropdown-divider-color)',
+      margin: '2px 8px',
+      display: 'block',
+      'box-sizing': 'content-box',
+      border: '0',
+      height: '1px',
+    },
+
+    '& .ol-cm-toolbar-dropdown-option-content': {
+      textAlign: 'left',
+      flexGrow: '1',
+    },
+  },
+
+  '.ol-cm-environment-table.table-generator-error-container, .ol-cm-environment-table.ol-cm-tabular':
+    {
+      background: 'rgba(125, 125, 125, 0.05)',
+      'font-family': 'var(--bs-body-font-family)',
+    },
+
+  '.table-generator-filler-row': {
+    border: 'none !important',
+    '& td': {
+      'min-width': '40px',
+    },
+  },
+
+  '.table-generator-column-indicator-button': {
+    verticalAlign: 'middle',
+    borderRadius: '4px',
+    padding: '2px 4px 2px 4px',
+    background: 'var(--table-generator-column-size-indicator-background)',
+    margin: 0,
+    border: 'none',
+    fontFamily: 'Lato, sans-serif',
+    fontSize: '12px',
+    lineHeight: '16px',
+    fontWeight: 400,
+    display: 'flex',
+    maxWidth: '100%',
+    color: 'var(--table-generator-column-size-indicator-color)',
+
+    '&:hover': {
+      background:
+        'var(--table-generator-column-size-indicator-hover-background)',
+      color: 'var(--table-generator-column-size-indicator-hover-color)',
+    },
+
+    '& .table-generator-column-indicator-icon': {
+      fontSize: '16px',
+      lineHeight: '16px',
+    },
+
+    '& .table-generator-column-indicator-label': {
+      textOverflow: 'ellipsis',
+      overflow: 'hidden',
+      whiteSpace: 'nowrap',
+    },
+  },
+  '.table-generator-column-widths-row': {
+    height: '20px',
+    '& td': {
+      lineHeight: '1',
+    },
+  },
+})
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/utils/list-item.ts b/services/web/frontend/js/features/source-editor/extensions/visual/utils/list-item.ts
new file mode 100644
index 0000000..d7c7be9
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/utils/list-item.ts
@@ -0,0 +1,9 @@
+import { EditorState } from '@codemirror/state'
+import { IndentContext, indentString } from '@codemirror/language'
+
+export const createListItem = (state: EditorState, pos: number) => {
+  const cx = new IndentContext(state)
+  const columns = cx.lineIndent(pos)
+  const indent = indentString(state, columns)
+  return `${indent}\\item `
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/utils/select-node.ts b/services/web/frontend/js/features/source-editor/extensions/visual/utils/select-node.ts
new file mode 100644
index 0000000..057b221
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/utils/select-node.ts
@@ -0,0 +1,10 @@
+import { EditorSelection } from '@codemirror/state'
+import { EditorView } from '@codemirror/view'
+import { SyntaxNode } from '@lezer/common'
+
+export const selectNode = (view: EditorView, node: SyntaxNode) => {
+  view.dispatch({
+    selection: EditorSelection.single(node.from + 1, node.to - 1),
+    scrollIntoView: true,
+  })
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/utils/typeset-content.ts b/services/web/frontend/js/features/source-editor/extensions/visual/utils/typeset-content.ts
new file mode 100644
index 0000000..939f0cb
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/utils/typeset-content.ts
@@ -0,0 +1,180 @@
+import { EditorState } from '@codemirror/state'
+import { SyntaxNode } from '@lezer/common'
+import { COMMAND_SUBSTITUTIONS } from '../visual-widgets/character'
+
+type Markup = {
+  elementType: keyof HTMLElementTagNameMap
+  className?: string
+}
+
+const textFormattingMarkupMap = new Map<string, Markup>([
+  [
+    'TextBoldCommand', // \\textbf
+    { elementType: 'b' },
+  ],
+  [
+    'TextItalicCommand', // \\textit
+    { elementType: 'i' },
+  ],
+  [
+    'TextSmallCapsCommand', // \\textsc
+    { elementType: 'span', className: 'ol-cm-command-textsc' },
+  ],
+  [
+    'TextTeletypeCommand', // \\texttt
+    { elementType: 'span', className: 'ol-cm-command-texttt' },
+  ],
+  [
+    'TextSuperscriptCommand', // \\textsuperscript
+    { elementType: 'sup' },
+  ],
+  [
+    'TextSubscriptCommand', // \\textsubscript
+    { elementType: 'sub' },
+  ],
+  [
+    'EmphasisCommand', // \\emph
+    { elementType: 'em' },
+  ],
+  [
+    'UnderlineCommand', // \\underline
+    { elementType: 'span', className: 'ol-cm-command-underline' },
+  ],
+])
+
+const markupMap = new Map<string, Markup>([
+  ['\\and', { elementType: 'span', className: 'ol-cm-command-and' }],
+])
+
+/**
+ * Does a small amount of typesetting of LaTeX content into a DOM element.
+ * Does **not** typeset math, you **must manually** invoke MathJax after this
+ * function if you wish to typeset math content.
+ * @param node The syntax node containing the text to be typeset
+ * @param element The DOM element to typeset into
+ * @param getText The editor state where `node` is from or a custom function
+ */
+export function typesetNodeIntoElement(
+  node: SyntaxNode,
+  element: HTMLElement,
+  getText: EditorState | ((from: number, to: number) => string)
+) {
+  if (getText instanceof EditorState) {
+    getText = getText.sliceDoc.bind(getText)
+  }
+
+  // If we're a TextArgument node, we should skip the braces
+  const argument = node.getChild('LongArg')
+  if (argument) {
+    node = argument
+  }
+
+  const ancestorStack = [element]
+
+  const ancestor = () => ancestorStack[ancestorStack.length - 1]
+  const popAncestor = () => ancestorStack.pop()!
+  const pushAncestor = (element: HTMLElement) => ancestorStack.push(element)
+
+  let from = node.from
+
+  const addMarkup = (markup: Markup, childNode: SyntaxNode) => {
+    const element = document.createElement(markup.elementType)
+    if (markup.className) {
+      element.classList.add(markup.className)
+    }
+    pushAncestor(element)
+    from = chooseFrom(childNode)
+  }
+
+  node.cursor().iterate(
+    function enter(childNodeRef) {
+      const childNode = childNodeRef.node
+
+      if (from < childNode.from) {
+        ancestor().append(
+          document.createTextNode(getText(from, childNode.from))
+        )
+        from = childNode.from
+      }
+
+      // commands defined in the grammar
+      const markup = textFormattingMarkupMap.get(childNode.type.name)
+      if (markup) {
+        addMarkup(markup, childNode)
+        return
+      }
+
+      // commands not defined in the grammar
+      const commandName = unknownCommandName(childNode, getText)
+      if (commandName) {
+        const markup = markupMap.get(commandName)
+        if (markup) {
+          addMarkup(markup, childNode)
+          return
+        }
+
+        if (['\\corref', '\\fnref', '\\thanks'].includes(commandName)) {
+          // ignoring these commands
+          from = childNode.to
+          return false
+        }
+
+        const symbol = COMMAND_SUBSTITUTIONS.get(commandName)
+        if (symbol) {
+          ancestor().append(document.createTextNode(symbol))
+          from = childNode.to
+          return false
+        }
+      } else if (childNode.type.is('LineBreak')) {
+        ancestor().append(document.createElement('br'))
+        from = childNode.to
+      }
+    },
+    function leave(childNodeRef) {
+      const childNode = childNodeRef.node
+
+      if (shouldHandleLeave(childNode, getText)) {
+        const typeSetElement = popAncestor()
+        ancestor().appendChild(typeSetElement)
+        const textArgument = childNode.getChild('TextArgument')
+        const endBrace = textArgument?.getChild('CloseBrace')
+        if (endBrace) {
+          from = endBrace.to
+        }
+      }
+    }
+  )
+
+  if (from < node.to) {
+    ancestor().append(document.createTextNode(getText(from, node.to)))
+  }
+
+  return element
+}
+
+const chooseFrom = (node: SyntaxNode) =>
+  node.getChild('TextArgument')?.getChild('LongArg')?.from ?? node.to
+
+const shouldHandleLeave = (
+  node: SyntaxNode,
+  getText: (from: number, to: number) => string
+) => {
+  if (textFormattingMarkupMap.has(node.type.name)) {
+    return true
+  }
+
+  const commandName = unknownCommandName(node, getText)
+  return commandName && markupMap.has(commandName)
+}
+
+const unknownCommandName = (
+  node: SyntaxNode,
+  getText: (from: number, to: number) => string
+): string | undefined => {
+  if (node.type.is('UnknownCommand')) {
+    const commandNameNode = node.getChild('$CtrlSeq')
+    if (commandNameNode) {
+      return getText(commandNameNode.from, commandNameNode.to).trim()
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-keymap.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-keymap.ts
new file mode 100644
index 0000000..d2d57ad
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-keymap.ts
@@ -0,0 +1,174 @@
+import { keymap } from '@codemirror/view'
+import {
+  ChangeSpec,
+  EditorSelection,
+  Prec,
+  SelectionRange,
+} from '@codemirror/state'
+import { ancestorNodeOfType } from '../../utils/tree-query'
+import {
+  cursorIsAtStartOfListItem,
+  indentDecrease,
+  indentIncrease,
+} from '../toolbar/commands'
+import { createListItem } from '@/features/source-editor/extensions/visual/utils/list-item'
+import { getListType } from '../../utils/tree-operations/lists'
+
+/**
+ * A keymap which provides behaviours for the visual editor,
+ * including lists and text formatting.
+ */
+export const visualKeymap = Prec.highest(
+  keymap.of([
+    // create a new list item with the same indentation
+    {
+      key: 'Enter',
+      run: view => {
+        const { state } = view
+
+        let handled = false
+
+        const changes = state.changeByRange(range => {
+          if (range.empty) {
+            const { from } = range
+            const listNode = ancestorNodeOfType(state, from, 'ListEnvironment')
+            if (listNode) {
+              const line = state.doc.lineAt(range.from)
+              const endLine = state.doc.lineAt(listNode.to)
+
+              if (line.number === endLine.number - 1) {
+                // last item line
+                if (/^\\item(\[])?$/.test(line.text.trim())) {
+                  // no content on this line
+
+                  // outside the end of the current list
+                  const pos = listNode.to + 1
+
+                  // delete the current line
+                  const deleteCurrentLine = {
+                    from: line.from,
+                    to: line.to + 1,
+                    insert: '',
+                  }
+
+                  const changes: ChangeSpec[] = [deleteCurrentLine]
+
+                  // the new cursor position
+                  let range: SelectionRange
+
+                  // if this is a nested list, insert a new empty list item after this list
+                  if (
+                    listNode.parent?.parent?.parent?.parent?.type.is(
+                      'ListEnvironment'
+                    )
+                  ) {
+                    const newListItem = createListItem(state, pos)
+
+                    changes.push({
+                      from: pos,
+                      insert: newListItem + '\n',
+                    })
+
+                    // place the cursor at the end of the new list item
+                    range = EditorSelection.cursor(pos + newListItem.length)
+                  } else {
+                    // place the cursor outside the end of the current list
+                    range = EditorSelection.cursor(pos)
+                  }
+
+                  handled = true
+
+                  return {
+                    changes,
+                    range: range.map(state.changes(deleteCurrentLine)),
+                  }
+                }
+              }
+
+              // handle a list item that isn't at the end of a list
+              let insert = '\n' + createListItem(state, from)
+
+              const countWhitespaceAfterPosition = (pos: number) => {
+                const line = state.doc.lineAt(pos)
+                const followingText = state.sliceDoc(pos, line.to)
+                const matches = followingText.match(/^(\s+)/)
+                return matches ? matches[1].length : 0
+              }
+
+              let pos: number
+
+              if (getListType(state, listNode) === 'description') {
+                insert = insert.replace(/\\item $/, '\\item[] ')
+                // position the cursor inside the square brackets
+                pos = from + insert.length - 2
+              } else {
+                // move the cursor past any whitespace on the new line
+                pos = from + insert.length + countWhitespaceAfterPosition(from)
+              }
+
+              handled = true
+
+              return {
+                changes: { from, insert },
+                range: EditorSelection.cursor(pos, -1),
+              }
+            }
+
+            const sectioningNode = ancestorNodeOfType(
+              state,
+              from,
+              'SectioningCommand'
+            )
+            if (sectioningNode) {
+              // jump out of a section heading to the start of the next line
+              const nextLineNumber = state.doc.lineAt(from).number + 1
+              if (nextLineNumber <= state.doc.lines) {
+                const line = state.doc.line(nextLineNumber)
+                handled = true
+                return {
+                  range: EditorSelection.cursor(line.from),
+                }
+              }
+            }
+          }
+
+          return { range }
+        })
+
+        if (handled) {
+          view.dispatch(changes, {
+            scrollIntoView: true,
+            userEvent: 'input',
+          })
+        }
+
+        return handled
+      },
+    },
+    // Increase list indent
+    {
+      key: 'Mod-]',
+      preventDefault: true,
+      run: indentIncrease,
+    },
+    // Decrease list indent
+    {
+      key: 'Mod-[',
+      preventDefault: true,
+      run: indentDecrease,
+    },
+    // Increase list indent
+    {
+      key: 'Tab',
+      preventDefault: true,
+      run: view =>
+        cursorIsAtStartOfListItem(view.state) && indentIncrease(view),
+    },
+    // Decrease list indent
+    {
+      key: 'Shift-Tab',
+      preventDefault: true,
+      run: indentDecrease,
+    },
+  ])
+)
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-theme.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-theme.ts
new file mode 100644
index 0000000..357bb99
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-theme.ts
@@ -0,0 +1,492 @@
+import { EditorView } from '@codemirror/view'
+import { HighlightStyle, syntaxHighlighting } from '@codemirror/language'
+import { tags } from '@lezer/highlight'
+import { Annotation, Compartment, Extension, Facet } from '@codemirror/state'
+
+/**
+ * A syntax highlighter for content types that are only styled in the visual editor.
+ */
+export const visualHighlightStyle = syntaxHighlighting(
+  HighlightStyle.define([
+    { tag: tags.link, class: 'ol-cm-link-text' },
+    { tag: tags.url, class: 'ol-cm-url' },
+    { tag: tags.typeName, class: 'ol-cm-monospace' },
+    { tag: tags.attributeValue, class: 'ol-cm-monospace' },
+    { tag: tags.keyword, class: 'ol-cm-monospace' },
+    { tag: tags.string, class: 'ol-cm-monospace' },
+    { tag: tags.punctuation, class: 'ol-cm-punctuation' },
+    { tag: tags.literal, class: 'ol-cm-monospace' },
+    { tag: tags.strong, class: 'ol-cm-strong' },
+    {
+      tag: tags.monospace,
+      fontFamily: 'var(--source-font-family)',
+      lineHeight: 1,
+      overflowWrap: 'break-word',
+    },
+  ])
+)
+
+const mainVisualTheme = EditorView.theme({
+  '&.cm-editor': {
+    '--visual-font-family':
+      "'Noto Serif', 'Palatino Linotype', 'Book Antiqua', Palatino, serif !important",
+    '--visual-font-size': 'calc(var(--font-size) * 1.15)',
+    '& .cm-content': {
+      opacity: 0,
+    },
+    '&.ol-cm-parsed .cm-content': {
+      opacity: 1,
+      transition: 'opacity 0.1s ease-out',
+    },
+  },
+  '.cm-content.cm-content': {
+    overflowX: 'hidden', // needed so the callout elements don't overflow (requires line wrapping to be on)
+    padding:
+      '0 max(calc((var(--content-width) - 95ch) / 2), calc(var(--content-width) * 0.08))', // max 95 characters per line
+    fontFamily: 'var(--visual-font-family)',
+    fontSize: 'var(--visual-font-size)',
+  },
+  '.cm-cursor-primary.cm-cursor-primary': {
+    fontFamily: 'var(--visual-font-family)',
+    fontSize: 'var(--visual-font-size)',
+  },
+  '.cm-line': {
+    overflowX: 'visible', // needed so the callout elements can overflow when the content has padding
+  },
+  '.cm-gutter': {
+    opacity: '0.5',
+  },
+  '.cm-tooltip': {
+    fontSize: 'calc(var(--font-size) * 1.15) !important',
+  },
+  '.ol-cm-link-text': {
+    textDecoration: 'underline',
+    fontFamily: 'inherit',
+    textUnderlineOffset: '2px',
+  },
+  '.ol-cm-monospace': {
+    fontFamily: 'var(--source-font-family)',
+    lineHeight: 1,
+    fontWeight: 'normal',
+    fontStyle: 'normal',
+    fontVariant: 'normal',
+    textDecoration: 'none',
+  },
+  '.ol-cm-strong': {
+    fontWeight: 700,
+  },
+  '.ol-cm-punctuation': {
+    fontFamily: 'var(--source-font-family)',
+    lineHeight: 1,
+  },
+  '.ol-cm-brace': {
+    opacity: '0.5',
+  },
+  '.ol-cm-math': {
+    overflow: 'hidden', // stop the margin from the inner math element affecting the block height
+  },
+  '.ol-cm-maketitle': {
+    textAlign: 'center',
+    paddingBottom: '2em',
+  },
+  '.ol-cm-title': {
+    fontSize: '1.7em',
+    cursor: 'pointer',
+    padding: '0.5em',
+    lineHeight: 'calc(var(--line-height) * 5/6)',
+    textWrap: 'balance',
+  },
+  '.ol-cm-authors': {
+    display: 'flex',
+    justifyContent: 'space-evenly',
+    gap: '0.5em',
+    flexWrap: 'wrap',
+  },
+  '.ol-cm-author': {
+    cursor: 'pointer',
+    display: 'inline-block',
+    minWidth: '150px',
+  },
+  '.ol-cm-icon-brace': {
+    filter: 'grayscale(1)',
+    marginRight: '2px',
+  },
+  '.ol-cm-indicator': {
+    color: 'rgba(125, 125, 125, 0.5)',
+  },
+  '.ol-cm-begin': {
+    fontFamily: 'var(--source-font-family)',
+    minHeight: '1em',
+    textAlign: 'center',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  '.ol-cm-end': {
+    fontFamily: 'var(--source-font-family)',
+    paddingBottom: '1.5em',
+    minHeight: '1em',
+    textAlign: 'center',
+    justifyContent: 'center',
+    background: `linear-gradient(180deg, rgba(0,0,0,0) calc(50% - 1px), rgba(192,192,192,1) calc(50%), rgba(0,0,0,0) calc(50% + 1px))`,
+  },
+  '.ol-cm-environment-top': {
+    paddingTop: '1em',
+  },
+  '.ol-cm-environment-bottom': {
+    paddingBottom: '1em',
+  },
+  '.ol-cm-environment-first-line': {
+    paddingTop: '0.5em !important',
+    borderTopLeftRadius: '8px',
+    borderTopRightRadius: '8px',
+  },
+  '.ol-cm-environment-last-line': {
+    paddingBottom: '1em !important',
+    borderBottomLeftRadius: '8px',
+    borderBottomRightRadius: '8px',
+  },
+  '.ol-cm-environment-figure.ol-cm-environment-line, .ol-cm-environment-table.ol-cm-environment-line':
+    {
+      backgroundColor: 'rgba(125, 125, 125, 0.05)',
+      padding: '0 12px',
+    },
+  '.ol-cm-environment-figure.ol-cm-environment-last-line, .ol-cm-environment-table.ol-cm-environment-last-line, .ol-cm-preamble-line.ol-cm-environment-last-line':
+    {
+      boxShadow: '0 2px 5px -3px rgb(125, 125, 125, 0.5)',
+    },
+  '.ol-cm-environment-theorem-plain': {
+    fontStyle: 'italic',
+  },
+  '.ol-cm-begin-proof > .ol-cm-environment-name': {
+    fontStyle: 'italic',
+  },
+  '.ol-cm-environment-quote-block.ol-cm-environment-line': {
+    borderLeft: '4px solid rgba(125, 125, 125, 0.25)',
+    paddingLeft: '1em',
+    borderRadius: '0',
+  },
+  '.ol-cm-environment-padding': {
+    flex: 1,
+    height: '1px',
+    background: `linear-gradient(180deg, rgba(0,0,0,0) calc(50% - 1px), rgba(192,192,192,1) calc(50%), rgba(0,0,0,0) calc(50% + 1px))`,
+  },
+  '.ol-cm-environment-name': {
+    padding: '0 1em',
+  },
+  '.ol-cm-begin-abstract > .ol-cm-environment-name': {
+    fontFamily: 'var(--visual-font-family)',
+    fontSize: '1.2em',
+    fontWeight: 550,
+    textTransform: 'capitalize',
+  },
+  '.ol-cm-begin-theorem > .ol-cm-environment-name': {
+    fontFamily: 'var(--visual-font-family)',
+    fontWeight: 550,
+    padding: '0 6px',
+    textTransform: 'capitalize',
+  },
+  '.ol-cm-begin-theorem > .ol-cm-environment-padding:first-of-type': {
+    flex: 0,
+  },
+  '.ol-cm-item, .ol-cm-description-item': {
+    paddingInlineStart: 'calc(var(--list-depth) * 2ch)',
+  },
+  '.ol-cm-item::before': {
+    counterReset: 'list-item var(--list-ordinal)',
+    content: 'counter(list-item, var(--list-type)) var(--list-suffix)',
+  },
+  '.ol-cm-heading': {
+    fontWeight: 550,
+    lineHeight: '1.35',
+    color: 'inherit !important',
+    background: 'inherit !important',
+  },
+  '.ol-cm-command-part': {
+    fontSize: '2em',
+  },
+  '.ol-cm-command-chapter': {
+    fontSize: '1.6em',
+  },
+  '.ol-cm-command-section': {
+    fontSize: '1.44em',
+  },
+  '.ol-cm-command-subsection': {
+    fontSize: '1.2em',
+  },
+  '.ol-cm-command-subsubsection': {
+    fontSize: '1em',
+  },
+  '.ol-cm-command-paragraph': {
+    fontSize: '1em',
+  },
+  '.ol-cm-command-subparagraph': {
+    fontSize: '1em',
+  },
+  '.ol-cm-frame-title': {
+    fontSize: '1.44em',
+  },
+  '.ol-cm-frame-subtitle': {
+    fontSize: '1em',
+  },
+  '.ol-cm-divider': {
+    borderBottom: '1px solid rgba(125, 125, 125, 0.1)',
+    padding: '0.5em 6px',
+    '&.ol-cm-frame-widget': {
+      borderBottom: 'none',
+      borderTop: '1px solid rgba(125, 125, 125, 0.1)',
+    },
+  },
+  '.ol-cm-command-textbf': {
+    fontWeight: 700,
+  },
+  '.ol-cm-command-textit': {
+    fontStyle: 'italic',
+  },
+  '.ol-cm-command-textsc': {
+    fontVariant: 'small-caps',
+  },
+  '.ol-cm-command-texttt': {
+    fontFamily: 'monospace',
+  },
+  '.ol-cm-command-textmd, .ol-cm-command-textmd > .ol-cm-command-textbf': {
+    fontWeight: 'normal',
+  },
+  '.ol-cm-command-textsf': {
+    fontFamily: 'var(--source-font-family)',
+  },
+  '.ol-cm-command-textsuperscript': {
+    verticalAlign: 'super',
+    fontSize: 'smaller',
+    lineHeight: 'calc(var(--line-height) / 2)',
+  },
+  '.ol-cm-command-textsubscript': {
+    verticalAlign: 'sub',
+    fontSize: 'smaller',
+    lineHeight: 'calc(var(--line-height) / 2)',
+  },
+  '.ol-cm-command-underline': {
+    textDecoration: 'underline',
+  },
+  '.ol-cm-command-sout': {
+    textDecoration: 'line-through',
+  },
+  '.ol-cm-command-emph': {
+    fontStyle: 'italic',
+    '& .ol-cm-command-textit': {
+      fontStyle: 'normal',
+    },
+    '.ol-cm-command-textit &': {
+      fontStyle: 'normal',
+    },
+  },
+  '.ol-cm-command-url': {
+    textDecoration: 'underline',
+    // copied from tags.monospace
+    fontFamily: 'var(--source-font-family)',
+    lineHeight: 1,
+    overflowWrap: 'break-word',
+    hyphens: 'auto',
+  },
+  '.ol-cm-space': {
+    display: 'inline-block',
+  },
+  '.ol-cm-environment-centered': {
+    '&.ol-cm-label-line, &.ol-cm-caption-line': {
+      textAlign: 'center',
+    },
+    '&.ol-cm-caption-line': {
+      padding: '0 10%',
+    },
+  },
+  '.ol-cm-caption-line .ol-cm-label': {
+    marginRight: '1ch',
+  },
+  '.ol-cm-environment-verbatim': {
+    fontFamily: 'var(--source-font-family)',
+  },
+  '.ol-cm-environment-lstlisting': {
+    fontFamily: 'var(--source-font-family)',
+  },
+  '.ol-cm-tex': {
+    textTransform: 'uppercase',
+    '& sup': {
+      position: 'inherit',
+      fontSize: '0.85em',
+      verticalAlign: '0.15em',
+      marginLeft: '-0.36em',
+      marginRight: '-0.15em',
+    },
+    '& sub': {
+      position: 'inherit',
+      fontSize: '1em',
+      verticalAlign: '-0.5ex',
+      marginLeft: '-0.1667em',
+      marginRight: '-0.125em',
+    },
+  },
+  '.ol-cm-graphics': {
+    display: 'block',
+    maxWidth: 'min(300px, 100%)',
+    paddingTop: '1em',
+    paddingBottom: '1em',
+    cursor: 'pointer',
+    '.ol-cm-graphics-inline &': {
+      display: 'inline',
+    },
+  },
+  '.ol-cm-graphics-inline-edit-wrapper': {
+    display: 'inline-block',
+    position: 'relative',
+    verticalAlign: 'middle',
+    '& .ol-cm-graphics': {
+      paddingTop: 0,
+      paddingBottom: 0,
+    },
+  },
+  '.ol-cm-graphics-loading': {
+    height: '300px', // guess that the height is the same as the max width
+  },
+  '.ol-cm-graphics-error': {
+    border: '1px solid red',
+    padding: '8px',
+  },
+  '.ol-cm-environment-centered .ol-cm-graphics': {
+    margin: '0 auto',
+  },
+  '.ol-cm-command-verb .ol-cm-monospace': {
+    color: 'inherit', // remove syntax highlighting colour from verbatim content
+  },
+  '.ol-cm-preamble-wrapper': {
+    padding: '0.5em 0',
+    '&.ol-cm-preamble-expanded': {
+      paddingBottom: '0',
+    },
+  },
+  '.ol-cm-preamble-widget, .ol-cm-end-document-widget': {
+    padding: '0.25em 1em',
+    borderRadius: '8px',
+    fontFamily: 'var(--font-sans)',
+    fontSize: '14px',
+    '.ol-cm-preamble-expanded &': {
+      borderBottomLeftRadius: '0',
+      borderBottomRightRadius: '0',
+      borderBottom: '1px solid rgba(125, 125, 125, 0.2)',
+    },
+  },
+  '.ol-cm-preamble-widget': {
+    cursor: 'pointer',
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+  },
+  '.ol-cm-preamble-expand-icon': {
+    width: '32px',
+    lineHeight: '32px',
+    textAlign: 'center',
+    transition: '0.2s ease-out',
+    opacity: '0.5',
+    '.ol-cm-preamble-widget:hover &': {
+      opacity: '1',
+    },
+    '.ol-cm-preamble-expanded &': {
+      transform: 'rotate(180deg)',
+    },
+  },
+  '.ol-cm-preamble-line, .ol-cm-end-document-widget, .ol-cm-preamble-widget': {
+    backgroundColor: 'rgba(125, 125, 125, 0.05)',
+  },
+  '.ol-cm-preamble-line': {
+    padding: '0 12px',
+    '&.ol-cm-environment-first-line': {
+      borderRadius: '0',
+    },
+  },
+  '.ol-cm-end-document-widget': {
+    textAlign: 'center',
+  },
+  '.ol-cm-environment-figure': {
+    position: 'relative',
+  },
+  '.ol-cm-graphics-edit-button': {
+    position: 'absolute',
+    top: '18px',
+    right: '18px',
+  },
+  '.ol-cm-footnote': {
+    display: 'inline-flex',
+    padding: '0 0.1em',
+    background: 'rgba(125, 125, 125, 0.25)',
+    borderRadius: '2px',
+    height: '1em',
+    cursor: 'pointer',
+    verticalAlign: 'text-top',
+    '&:not(.ol-cm-footnote-view):hover': {
+      background: 'rgba(125, 125, 125, 0.5)',
+    },
+    '&.ol-cm-footnote-view': {
+      height: 'auto',
+      verticalAlign: 'unset',
+      display: 'inline',
+      padding: '0 0.5em',
+    },
+  },
+})
+
+const contentWidthThemeConf = new Compartment()
+const changeContentWidthAnnotation = Annotation.define<boolean>()
+const currentWidth = Facet.define<string, string>({
+  combine: values => {
+    if (values.length === 0) {
+      return ''
+    }
+    return values[0]
+  },
+})
+
+function createContentWidthTheme(contentWidth: string) {
+  return [
+    currentWidth.of(contentWidth),
+    EditorView.editorAttributes.of({
+      style: `--content-width: ${contentWidth}`,
+    }),
+  ]
+}
+
+const contentWidthSetter = EditorView.updateListener.of(update => {
+  if (update.geometryChanged && !update.docChanged) {
+    // Ignore any update triggered by this plugin
+    if (
+      update.transactions.some(tr =>
+        tr.annotation(changeContentWidthAnnotation)
+      )
+    ) {
+      return
+    }
+
+    const viewWidth = `${update.view.contentDOM.offsetWidth}px`
+
+    const currentConfiguredWidth = update.state.facet(currentWidth)
+    if (currentConfiguredWidth === viewWidth) {
+      // We already have the correct width stored
+      return
+    }
+
+    update.view.dispatch({
+      effects: contentWidthThemeConf.reconfigure(
+        createContentWidthTheme(viewWidth)
+      ),
+      // Set the selection explicitly to force the cursor to redraw if CM6
+      // fails to spot a change in geometry, which sometimes seems to happen
+      // (see #15145)
+      selection: update.view.state.selection,
+      annotations: changeContentWidthAnnotation.of(true),
+    })
+  }
+})
+
+export const visualTheme: Extension = [
+  contentWidthThemeConf.of(createContentWidthTheme('100%')),
+  mainVisualTheme,
+  contentWidthSetter,
+]
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/begin-theorem.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/begin-theorem.ts
new file mode 100644
index 0000000..575e2b4
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/begin-theorem.ts
@@ -0,0 +1,60 @@
+import { BeginWidget } from './begin'
+import { EditorView } from '@codemirror/view'
+import { SyntaxNode } from '@lezer/common'
+import { typesetNodeIntoElement } from '../utils/typeset-content'
+import { loadMathJax } from '../../../../mathjax/load-mathjax'
+
+export class BeginTheoremWidget extends BeginWidget {
+  constructor(
+    public environment: string,
+    public name: string,
+    public argumentNode?: SyntaxNode | null
+  ) {
+    super(environment)
+  }
+
+  toDOM(view: EditorView) {
+    const element = super.toDOM(view)
+    element.classList.add('ol-cm-begin-theorem')
+    return element
+  }
+
+  updateDOM(element: HTMLDivElement, view: EditorView) {
+    super.updateDOM(element, view)
+    element.classList.add('ol-cm-begin-theorem')
+    return true
+  }
+
+  eq(widget: BeginTheoremWidget) {
+    return (
+      super.eq(widget) &&
+      widget.name === this.name &&
+      widget.argumentNode === this.argumentNode
+    )
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+
+  buildName(nameElement: HTMLSpanElement, view: EditorView) {
+    nameElement.textContent = this.name
+    if (this.argumentNode) {
+      const suffixElement = document.createElement('span')
+      typesetNodeIntoElement(this.argumentNode, suffixElement, view.state)
+      nameElement.append(' (', suffixElement, ')')
+
+      loadMathJax()
+        .then(async MathJax => {
+          if (!this.destroyed) {
+            await MathJax.typesetPromise([nameElement])
+            view.requestMeasure()
+            MathJax.typesetClear([nameElement])
+          }
+        })
+        .catch(() => {
+          nameElement.classList.add('ol-cm-error')
+        })
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/begin.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/begin.ts
new file mode 100644
index 0000000..70e508d
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/begin.ts
@@ -0,0 +1,74 @@
+import { EditorView, WidgetType } from '@codemirror/view'
+import { placeSelectionInsideBlock } from '../selection'
+
+export class BeginWidget extends WidgetType {
+  destroyed = false
+
+  constructor(public environment: string) {
+    super()
+  }
+
+  toDOM(view: EditorView) {
+    this.destroyed = false
+    const element = document.createElement('div')
+    this.buildElement(element, view)
+
+    element.addEventListener('mouseup', event => {
+      event.preventDefault()
+      view.dispatch(placeSelectionInsideBlock(view, event as MouseEvent))
+    })
+
+    return element
+  }
+
+  eq(widget: BeginWidget) {
+    return widget.environment === this.environment
+  }
+
+  updateDOM(element: HTMLDivElement, view: EditorView) {
+    this.destroyed = false
+    element.textContent = ''
+    element.className = ''
+    this.buildElement(element, view)
+    return true
+  }
+
+  destroy() {
+    this.destroyed = true
+  }
+
+  ignoreEvent(event: Event): boolean {
+    return event.type !== 'mouseup'
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+
+  buildName(name: HTMLSpanElement, view: EditorView) {
+    name.textContent = this.environment
+  }
+
+  buildElement(element: HTMLDivElement, view: EditorView) {
+    element.classList.add('ol-cm-begin', `ol-cm-begin-${this.environment}`)
+
+    const startPadding = document.createElement('span')
+    startPadding.classList.add(
+      'ol-cm-environment-padding',
+      'ol-cm-environment-start-padding'
+    )
+    element.appendChild(startPadding)
+
+    const name = document.createElement('span')
+    name.classList.add('ol-cm-environment-name')
+    this.buildName(name, view)
+    element.appendChild(name)
+
+    const endPadding = document.createElement('span')
+    endPadding.classList.add(
+      'ol-cm-environment-padding',
+      'ol-cm-environment-end-padding'
+    )
+    element.appendChild(endPadding)
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/brace.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/brace.ts
new file mode 100644
index 0000000..12949f5
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/brace.ts
@@ -0,0 +1,28 @@
+import { WidgetType } from '@codemirror/view'
+
+export class BraceWidget extends WidgetType {
+  constructor(private content?: string) {
+    super()
+  }
+
+  toDOM() {
+    const element = document.createElement('span')
+    element.classList.add('ol-cm-brace')
+    if (this.content !== undefined) {
+      element.textContent = this.content
+    }
+    return element
+  }
+
+  ignoreEvent(event: Event) {
+    return event.type !== 'mousedown' && event.type !== 'mouseup'
+  }
+
+  eq(widget: BraceWidget) {
+    return widget.content === this.content
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/character.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/character.ts
new file mode 100644
index 0000000..96f3783
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/character.ts
@@ -0,0 +1,166 @@
+import { WidgetType } from '@codemirror/view'
+
+export class CharacterWidget extends WidgetType {
+  constructor(public content: string) {
+    super()
+  }
+
+  toDOM() {
+    const element = document.createElement('span')
+    element.classList.add('ol-cm-character')
+    element.textContent = this.content
+    return element
+  }
+
+  eq(widget: CharacterWidget) {
+    return widget.content === this.content
+  }
+
+  updateDOM(element: HTMLElement): boolean {
+    element.textContent = this.content
+    return true
+  }
+
+  ignoreEvent(event: Event) {
+    return event.type !== 'mousedown' && event.type !== 'mouseup'
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+}
+
+export const COMMAND_SUBSTITUTIONS = new Map([
+  ['\\', ' '], // a trimmed \\ '
+  ['\\%', '\u0025'],
+  ['\\_', '\u005F'],
+  ['\\}', '\u007D'],
+  ['\\~', '\u007E'],
+  ['\\&', '\u0026'],
+  ['\\#', '\u0023'],
+  ['\\{', '\u007B'],
+  ['\\$', '\u0024'],
+  ['\\textasciicircum', '\u005E'],
+  ['\\textless', '\u003C'],
+  ['\\textasciitilde', '\u007E'],
+  ['\\textordfeminine', '\u00AA'],
+  ['\\textasteriskcentered', '\u204E'],
+  ['\\textordmasculine', '\u00BA'],
+  ['\\textbackslash', '\u005C'],
+  ['\\textparagraph', '\u00B6'],
+  ['\\textbar', '\u007C'],
+  ['\\textperiodcentered', '\u00B7'],
+  ['\\textbardbl', '\u2016'],
+  ['\\textpertenthousand', '\u2031'],
+  ['\\textperthousand', '\u2030'],
+  ['\\textbraceleft', '\u007B'],
+  ['\\textquestiondown', '\u00BF'],
+  ['\\textbraceright', '\u007D'],
+  ['\\textquotedblleft', '\u201C'],
+  ['\\textbullet', '\u2022'],
+  ['\\textquotedblright', '\u201D'],
+  ['\\textcopyright', '\u00A9'],
+  ['\\textquoteleft', '\u2018'],
+  ['\\textdagger', '\u2020'],
+  ['\\textquoteright', '\u2019'],
+  ['\\textdaggerdbl', '\u2021'],
+  ['\\textregistered', '\u00AE'],
+  ['\\textdollar', '\u0024'],
+  ['\\textsection', '\u00A7'],
+  ['\\textellipsis', '\u2026'],
+  ['\\textsterling', '\u00A3'],
+  ['\\textemdash', '\u2014'],
+  ['\\texttrademark', '\u2122'],
+  ['\\textendash', '\u2013'],
+  ['\\textunderscore', '\u005F'],
+  ['\\textexclamdown', '\u00A1'],
+  ['\\textvisiblespace', '\u2423'],
+  ['\\textgreater', '\u003E'],
+  ['\\ddag', '\u2021'],
+  ['\\pounds', '\u00A3'],
+  ['\\copyright', '\u00A9'],
+  ['\\dots', '\u2026'],
+  ['\\S', '\u00A7'],
+  ['\\dag', '\u2020'],
+  ['\\P', '\u00B6'],
+  ['\\aa', '\u00E5'],
+  ['\\DH', '\u00D0'],
+  ['\\L', '\u0141'],
+  ['\\o', '\u00F8'],
+  ['\\th', '\u00FE'],
+  ['\\AA', '\u00C5'],
+  ['\\DJ', '\u0110'],
+  ['\\l', '\u0142'],
+  ['\\oe', '\u0153'],
+  ['\\TH', '\u00DE'],
+  ['\\AE', '\u00C6'],
+  ['\\dj', '\u0111'],
+  ['\\NG', '\u014A'],
+  ['\\OE', '\u0152'],
+  ['\\ae', '\u00E6'],
+  ['\\IJ', '\u0132'],
+  ['\\ng', '\u014B'],
+  ['\\ss', '\u00DF'],
+  ['\\dh', '\u00F0'],
+  ['\\ij', '\u0133'],
+  ['\\O', '\u00D8'],
+  ['\\SS', '\u1E9E'],
+  ['\\guillemetleft', '\u00AB'],
+  ['\\guilsinglleft', '\u2039'],
+  ['\\quotedblbase', '\u201E'],
+  ['\\textquotedbl', '\u0022'],
+  ['\\guillemetright', '\u00BB'],
+  ['\\guilsinglright', '\u203A'],
+  ['\\quotesinglbase', '\u201A'],
+  ['\\textbaht', '\u0E3F'],
+  ['\\textdollar', '\u0024'],
+  ['\\textwon', '\u20A9'],
+  ['\\textcent', '\u00A2'],
+  ['\\textlira', '\u20A4'],
+  ['\\textyen', '\u00A5'],
+  ['\\textcentoldstyle', '\u00A2'],
+  ['\\textdong', '\u20AB'],
+  ['\\textnaira', '\u20A6'],
+  ['\\textcolonmonetary', '\u20A1'],
+  ['\\texteuro', '\u20AC'],
+  ['\\textpeso', '\u20B1'],
+  ['\\textcurrency', '\u00A4'],
+  ['\\textflorin', '\u0192'],
+  ['\\textsterling', '\u00A3'],
+  ['\\textcircledP', '\u2117'],
+  ['\\textcopyright', '\u00A9'],
+  ['\\textservicemark', '\u2120'],
+  ['\\textregistered', '\u00AE'],
+  ['\\texttrademark', '\u2122'],
+  ['\\textblank', '\u2422'],
+  ['\\textpilcrow', '\u00B6'],
+  ['\\textbrokenbar', '\u00A6'],
+  ['\\textquotesingle', '\u0027'],
+  ['\\textdblhyphen', '\u2E40'],
+  ['\\textdblhyphenchar', '\u2E40'],
+  ['\\textdiscount', '\u2052'],
+  ['\\textrecipe', '\u211E'],
+  ['\\textestimated', '\u212E'],
+  ['\\textreferencemark', '\u203B'],
+  ['\\textinterrobang', '\u203D'],
+  ['\\textthreequartersemdash', '\u2014'],
+  ['\\textinterrobangdown', '\u2E18'],
+  ['\\texttildelow', '\u02F7'],
+  ['\\textnumero', '\u2116'],
+  ['\\texttwelveudash', '\u2014'],
+  ['\\textopenbullet', '\u25E6'],
+  ['\\ldots', '\u2026'],
+])
+
+export function createCharacterCommand(
+  command: string
+): CharacterWidget | undefined {
+  const substitution = COMMAND_SUBSTITUTIONS.get(command)
+  if (substitution !== undefined) {
+    return new CharacterWidget(substitution)
+  }
+}
+
+export function hasCharacterSubstitution(command: string): boolean {
+  return COMMAND_SUBSTITUTIONS.has(command)
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/description-item.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/description-item.ts
new file mode 100644
index 0000000..2fe9595
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/description-item.ts
@@ -0,0 +1,35 @@
+import { WidgetType } from '@codemirror/view'
+
+export class DescriptionItemWidget extends WidgetType {
+  constructor(public listDepth: number) {
+    super()
+  }
+
+  toDOM() {
+    const element = document.createElement('span')
+    element.classList.add('ol-cm-description-item')
+    this.setProperties(element)
+    return element
+  }
+
+  eq(widget: DescriptionItemWidget) {
+    return widget.listDepth === this.listDepth
+  }
+
+  updateDOM(element: HTMLElement) {
+    this.setProperties(element)
+    return true
+  }
+
+  ignoreEvent(event: Event): boolean {
+    return event.type !== 'mousedown' && event.type !== 'mouseup'
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+
+  setProperties(element: HTMLElement) {
+    element.style.setProperty('--list-depth', String(this.listDepth))
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/divider.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/divider.ts
new file mode 100644
index 0000000..f202e13
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/divider.ts
@@ -0,0 +1,21 @@
+import { WidgetType } from '@codemirror/view'
+
+export class DividerWidget extends WidgetType {
+  toDOM() {
+    const element = document.createElement('div')
+    element.classList.add('ol-cm-divider')
+    return element
+  }
+
+  eq() {
+    return true
+  }
+
+  updateDOM(): boolean {
+    return true
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/editable-graphics.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/editable-graphics.ts
new file mode 100644
index 0000000..abdc9ba
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/editable-graphics.ts
@@ -0,0 +1,66 @@
+import { EditorView } from '@codemirror/view'
+import { GraphicsWidget } from './graphics'
+import { editFigureDataEffect } from '../../figure-modal'
+import { emitToolbarEvent } from '../../toolbar/utils/analytics'
+
+export class EditableGraphicsWidget extends GraphicsWidget {
+  setEditDispatcher(button: HTMLButtonElement, view: EditorView) {
+    button.classList.toggle('hidden', !this.figureData)
+    if (this.figureData) {
+      button.onmousedown = event => {
+        event.preventDefault()
+        event.stopImmediatePropagation()
+        view.dispatch({ effects: editFigureDataEffect.of(this.figureData) })
+        window.dispatchEvent(new CustomEvent('figure-modal:open-modal'))
+        emitToolbarEvent(view, 'toolbar-figure-modal-edit')
+        return false
+      }
+    } else {
+      button.onmousedown = null
+    }
+  }
+
+  updateDOM(element: HTMLImageElement, view: EditorView): boolean {
+    this.destroyed = false
+    element.classList.toggle('ol-cm-environment-centered', this.centered)
+    if (
+      this.filePath === element.dataset.filepath &&
+      element.dataset.width === String(this.figureData?.width?.toString())
+    ) {
+      // Figure remained the same, so just update the event listener on the button
+      const button = element.querySelector<HTMLButtonElement>(
+        '.ol-cm-graphics-edit-button'
+      )
+      if (button) {
+        this.setEditDispatcher(button, view)
+      }
+      return true
+    }
+    this.renderGraphic(element, view)
+    view.requestMeasure()
+    return true
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+
+  createEditButton(view: EditorView) {
+    const button = document.createElement('button')
+    button.setAttribute('aria-label', view.state.phrase('edit_figure'))
+    this.setEditDispatcher(button, view)
+    button.classList.add('btn', 'btn-secondary', 'ol-cm-graphics-edit-button')
+    const buttonLabel = document.createElement('span')
+    buttonLabel.classList.add('fa', 'fa-pencil')
+    button.append(buttonLabel)
+    return button
+  }
+
+  renderGraphic(element: HTMLElement, view: EditorView) {
+    super.renderGraphic(element, view)
+    if (this.figureData) {
+      const button = this.createEditButton(view)
+      element.prepend(button)
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/editable-inline-graphics.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/editable-inline-graphics.ts
new file mode 100644
index 0000000..cf2717b
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/editable-inline-graphics.ts
@@ -0,0 +1,51 @@
+import { EditorView } from '@codemirror/view'
+import { EditableGraphicsWidget } from './editable-graphics'
+
+export class EditableInlineGraphicsWidget extends EditableGraphicsWidget {
+  updateElementData(element: HTMLElement) {
+    element.dataset.filepath = this.filePath
+    element.dataset.width = this.figureData?.width?.toString()
+    if (this.figureData?.width) {
+      element.style.width = `min(100%, ${this.figureData.width * 100}%)`
+    } else {
+      element.style.width = ''
+    }
+  }
+
+  toDOM(view: EditorView) {
+    this.destroyed = false
+    const element = document.createElement('span')
+    element.classList.add('ol-cm-graphics-inline-edit-wrapper')
+    this.updateElementData(element)
+    const inlineElement = document.createElement('span')
+    inlineElement.classList.add('ol-cm-graphics-inline')
+    this.renderGraphic(inlineElement, view)
+    element.append(inlineElement)
+    return element
+  }
+
+  updateDOM(element: HTMLImageElement, view: EditorView): boolean {
+    const updated = super.updateDOM(element, view)
+    if (!updated) {
+      return false
+    }
+    // We need to make sure these are updated, as `renderGraphic` in the base
+    // class will update them on the inner element.
+    this.updateElementData(element)
+    view.requestMeasure()
+    return true
+  }
+
+  ignoreEvent(event: Event) {
+    return event.type !== 'mousedown' && event.type !== 'mouseup'
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+
+  // We set the actual figure width on the span rather than the img element
+  getFigureWidth(): string {
+    return '100%'
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/end-document.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/end-document.ts
new file mode 100644
index 0000000..72b1269
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/end-document.ts
@@ -0,0 +1,31 @@
+import { EditorView, WidgetType } from '@codemirror/view'
+import { placeSelectionInsideBlock } from '../selection'
+
+export class EndDocumentWidget extends WidgetType {
+  toDOM(view: EditorView): HTMLElement {
+    const element = document.createElement('div')
+    element.classList.add('ol-cm-end-document-widget')
+    element.textContent = view.state.phrase('end_of_document')
+    element.addEventListener('mouseup', event => {
+      event.preventDefault()
+      view.dispatch(placeSelectionInsideBlock(view, event as MouseEvent))
+    })
+    return element
+  }
+
+  ignoreEvent(event: Event): boolean {
+    return event.type !== 'mouseup'
+  }
+
+  eq(): boolean {
+    return true
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+
+  get estimatedHeight() {
+    return 30
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/end.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/end.ts
new file mode 100644
index 0000000..232399d
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/end.ts
@@ -0,0 +1,17 @@
+import { WidgetType } from '@codemirror/view'
+
+export class EndWidget extends WidgetType {
+  toDOM() {
+    const element = document.createElement('div')
+    element.classList.add('ol-cm-end')
+    return element
+  }
+
+  eq(widget: EndWidget) {
+    return true
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/environment-line.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/environment-line.ts
new file mode 100644
index 0000000..d6ab425
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/environment-line.ts
@@ -0,0 +1,46 @@
+import { EditorView, WidgetType } from '@codemirror/view'
+
+export class EnvironmentLineWidget extends WidgetType {
+  constructor(
+    public environment: string,
+    public line?: 'begin' | 'end'
+  ) {
+    super()
+  }
+
+  toDOM(view: EditorView) {
+    const element = document.createElement('div')
+    element.classList.add(`ol-cm-environment-${this.environment}`)
+    element.classList.add('ol-cm-environment-edge')
+
+    const line = document.createElement('div')
+    element.append(line)
+
+    line.classList.add('ol-cm-environment-line')
+    line.classList.add(`ol-cm-environment-${this.environment}`)
+    switch (this.line) {
+      case 'begin':
+        element.classList.add('ol-cm-environment-top')
+        line.classList.add('ol-cm-environment-first-line')
+        break
+      case 'end':
+        element.classList.add('ol-cm-environment-bottom')
+        line.classList.add('ol-cm-environment-last-line')
+        break
+    }
+
+    return element
+  }
+
+  eq(widget: EnvironmentLineWidget) {
+    return widget.environment === this.environment && widget.line === this.line
+  }
+
+  ignoreEvent(event: Event): boolean {
+    return event.type !== 'mousedown' && event.type !== 'mouseup'
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/footnote.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/footnote.ts
new file mode 100644
index 0000000..0530a5f
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/footnote.ts
@@ -0,0 +1,39 @@
+import { WidgetType } from '@codemirror/view'
+
+type NoteType = 'footnote' | 'endnote'
+
+const symbols: Record<NoteType, string> = {
+  footnote: '*',
+  endnote: '†',
+}
+
+export class FootnoteWidget extends WidgetType {
+  constructor(private type: NoteType = 'footnote') {
+    super()
+  }
+
+  toDOM() {
+    const element = document.createElement('span')
+    element.classList.add('ol-cm-footnote')
+    element.setAttribute('role', 'button')
+    element.innerHTML = symbols[this.type]
+    return element
+  }
+
+  eq(widget: FootnoteWidget) {
+    return this.type === widget.type
+  }
+
+  updateDOM(element: HTMLElement): boolean {
+    element.innerHTML = symbols[this.type]
+    return true
+  }
+
+  ignoreEvent(event: Event) {
+    return event.type !== 'mousedown' && event.type !== 'mouseup'
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/frame.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/frame.ts
new file mode 100644
index 0000000..b457cea
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/frame.ts
@@ -0,0 +1,82 @@
+import { EditorView, WidgetType } from '@codemirror/view'
+import { SyntaxNode } from '@lezer/common'
+import { loadMathJax } from '../../../../mathjax/load-mathjax'
+import { selectNode } from '../utils/select-node'
+import { typesetNodeIntoElement } from '../utils/typeset-content'
+
+export type Frame = {
+  title: {
+    node: SyntaxNode
+    content: string
+  }
+  subtitle?: {
+    node: SyntaxNode
+    content: string
+  }
+}
+
+export class FrameWidget extends WidgetType {
+  destroyed = false
+
+  constructor(public frame: Frame) {
+    super()
+  }
+
+  toDOM(view: EditorView): HTMLElement {
+    this.destroyed = false
+    const element = document.createElement('div')
+    element.classList.add('ol-cm-frame-widget', 'ol-cm-divider')
+
+    const title = document.createElement('div')
+    title.classList.add('ol-cm-frame-title', 'ol-cm-heading')
+    title.addEventListener('mouseup', () =>
+      selectNode(view, this.frame.title.node)
+    )
+    typesetNodeIntoElement(this.frame.title.node, title, view.state)
+    element.appendChild(title)
+
+    if (this.frame.subtitle) {
+      const subtitle = document.createElement('div')
+      subtitle.classList.add('ol-cm-frame-subtitle', 'ol-cm-heading')
+      typesetNodeIntoElement(this.frame.subtitle.node, subtitle, view.state)
+      subtitle.addEventListener('mouseup', () =>
+        selectNode(view, this.frame.subtitle!.node)
+      )
+      element.appendChild(subtitle)
+    }
+
+    // render equations
+    loadMathJax()
+      .then(async MathJax => {
+        if (!this.destroyed) {
+          await MathJax.typesetPromise([element])
+          view.requestMeasure()
+          MathJax.typesetClear([element])
+        }
+      })
+      .catch(() => {
+        element.classList.add('ol-cm-error')
+      })
+
+    return element
+  }
+
+  destroy() {
+    this.destroyed = true
+  }
+
+  eq(other: FrameWidget): boolean {
+    return (
+      other.frame.title.content === this.frame.title.content &&
+      other.frame.subtitle?.content === this.frame.subtitle?.content
+    )
+  }
+
+  ignoreEvent(event: Event) {
+    return event.type !== 'mouseup'
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/graphics.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/graphics.ts
new file mode 100644
index 0000000..2480f22
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/graphics.ts
@@ -0,0 +1,173 @@
+import { EditorView, WidgetType } from '@codemirror/view'
+import { placeSelectionInsideBlock } from '../selection'
+import { isEqual } from 'lodash'
+import { FigureData } from '../../figure-modal'
+import { debugConsole } from '@/utils/debugging'
+import { PreviewPath } from '../../../../../../../types/preview-path'
+
+export class GraphicsWidget extends WidgetType {
+  destroyed = false
+  height = 300 // for estimatedHeight, updated when the image is loaded
+
+  constructor(
+    public filePath: string,
+    public previewByPath: (path: string) => PreviewPath | null,
+    public centered: boolean,
+    public figureData: FigureData | null
+  ) {
+    super()
+  }
+
+  toDOM(view: EditorView): HTMLElement {
+    this.destroyed = false
+
+    // this is a block decoration, so it's outside the line decorations from the environment
+    const element = document.createElement('div')
+    element.classList.add('ol-cm-environment-figure')
+    element.classList.add('ol-cm-environment-line')
+    element.classList.toggle('ol-cm-environment-centered', this.centered)
+
+    this.renderGraphic(element, view)
+
+    element.addEventListener('mouseup', event => {
+      event.preventDefault()
+      view.dispatch(placeSelectionInsideBlock(view, event as MouseEvent))
+    })
+
+    return element
+  }
+
+  eq(widget: GraphicsWidget) {
+    return (
+      widget.filePath === this.filePath &&
+      widget.centered === this.centered &&
+      isEqual(this.figureData, widget.figureData)
+    )
+  }
+
+  updateDOM(element: HTMLImageElement, view: EditorView) {
+    this.destroyed = false
+    element.classList.toggle('ol-cm-environment-centered', this.centered)
+    if (
+      this.filePath === element.dataset.filepath &&
+      element.dataset.width === String(this.figureData?.width?.toString())
+    ) {
+      return true
+    }
+    this.renderGraphic(element, view)
+    view.requestMeasure()
+    return true
+  }
+
+  ignoreEvent(event: Event) {
+    return (
+      event.type !== 'mouseup' &&
+      // Pass events through to the edit button
+      !(
+        event.target instanceof HTMLElement &&
+        event.target.closest('.ol-cm-graphics-edit-button')
+      )
+    )
+  }
+
+  destroy() {
+    this.destroyed = true
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+
+  get estimatedHeight(): number {
+    return this.height
+  }
+
+  renderGraphic(element: HTMLElement, view: EditorView) {
+    element.textContent = '' // ensure the element is empty
+
+    const preview = this.previewByPath(this.filePath)
+    element.dataset.filepath = this.filePath
+    element.dataset.width = this.figureData?.width?.toString()
+
+    if (!preview) {
+      const message = document.createElement('div')
+      message.classList.add('ol-cm-graphics-error')
+      message.classList.add('ol-cm-monospace')
+      message.textContent = this.filePath
+      element.append(message)
+      return
+    }
+
+    switch (preview.extension) {
+      case 'pdf':
+        {
+          const canvas = document.createElement('canvas')
+          canvas.classList.add('ol-cm-graphics')
+          this.renderPDF(view, canvas, preview.url).catch(debugConsole.error)
+          element.append(canvas)
+        }
+        break
+
+      default:
+        element.append(this.createImage(view, preview.url))
+        break
+    }
+  }
+
+  getFigureWidth() {
+    if (this.figureData?.width) {
+      return `min(100%, ${this.figureData.width * 100}%)`
+    }
+    return ''
+  }
+
+  createImage(view: EditorView, url: string) {
+    const image = document.createElement('img')
+    image.classList.add('ol-cm-graphics')
+    image.classList.add('ol-cm-graphics-loading')
+    const width = this.getFigureWidth()
+    image.style.width = width
+    image.style.maxWidth = width
+
+    image.src = url
+    image.addEventListener('load', () => {
+      image.classList.remove('ol-cm-graphics-loading')
+      this.height = image.height // for estimatedHeight
+      view.requestMeasure()
+    })
+
+    return image
+  }
+
+  async renderPDF(view: EditorView, canvas: HTMLCanvasElement, url: string) {
+    const { loadPdfDocumentFromUrl } = await import(
+      '@/features/pdf-preview/util/pdf-js'
+    )
+
+    // bail out if loading PDF.js took too long
+    if (this.destroyed) {
+      return
+    }
+
+    const pdf = await loadPdfDocumentFromUrl(url).promise
+    const page = await pdf.getPage(1)
+
+    // bail out if loading the PDF took too long
+    if (this.destroyed) {
+      return
+    }
+
+    const viewport = page.getViewport({ scale: 1 })
+    canvas.width = viewport.width
+    canvas.height = viewport.height
+    const width = this.getFigureWidth()
+    canvas.style.width = width
+    canvas.style.maxWidth = width
+    page.render({
+      canvasContext: canvas.getContext('2d')!,
+      viewport,
+    })
+    this.height = viewport.height
+    view.requestMeasure()
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/icon-brace.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/icon-brace.ts
new file mode 100644
index 0000000..55d4338
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/icon-brace.ts
@@ -0,0 +1,34 @@
+import { WidgetType } from '@codemirror/view'
+
+export class IconBraceWidget extends WidgetType {
+  constructor(private content?: string) {
+    super()
+  }
+
+  toDOM() {
+    const element = document.createElement('span')
+    element.classList.add('ol-cm-brace')
+    element.classList.add('ol-cm-icon-brace')
+    if (this.content !== undefined) {
+      element.textContent = this.content
+    }
+    return element
+  }
+
+  ignoreEvent(event: Event): boolean {
+    return event.type !== 'mousedown' && event.type !== 'mouseup'
+  }
+
+  eq(widget: IconBraceWidget) {
+    return widget.content === this.content
+  }
+
+  updateDOM(element: HTMLElement): boolean {
+    element.textContent = this.content ?? ''
+    return true
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/indicator.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/indicator.ts
new file mode 100644
index 0000000..cfa7236
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/indicator.ts
@@ -0,0 +1,31 @@
+import { WidgetType } from '@codemirror/view'
+
+export class IndicatorWidget extends WidgetType {
+  constructor(public content: string) {
+    super()
+  }
+
+  toDOM() {
+    const element = document.createElement('span')
+    element.classList.add('ol-cm-indicator')
+    element.textContent = this.content
+    return element
+  }
+
+  eq(widget: IndicatorWidget) {
+    return widget.content === this.content
+  }
+
+  updateDOM(element: HTMLElement): boolean {
+    element.textContent = this.content
+    return true
+  }
+
+  ignoreEvent(event: Event) {
+    return event.type !== 'mousedown' && event.type !== 'mouseup'
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/inline-graphics.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/inline-graphics.ts
new file mode 100644
index 0000000..5ac11c6
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/inline-graphics.ts
@@ -0,0 +1,23 @@
+import { EditorView } from '@codemirror/view'
+import { GraphicsWidget } from './graphics'
+
+export class InlineGraphicsWidget extends GraphicsWidget {
+  toDOM(view: EditorView) {
+    this.destroyed = false
+
+    const element = document.createElement('span')
+    element.classList.add('ol-cm-graphics-inline')
+
+    this.renderGraphic(element, view)
+
+    return element
+  }
+
+  ignoreEvent(event: Event) {
+    return event.type !== 'mousedown' && event.type !== 'mouseup'
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/item.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/item.ts
new file mode 100644
index 0000000..9b48035
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/item.ts
@@ -0,0 +1,64 @@
+import { WidgetType } from '@codemirror/view'
+import { ListEnvironmentName } from '../../../utils/tree-operations/ancestors'
+
+export class ItemWidget extends WidgetType {
+  public listType: string
+  public suffix: string
+
+  bullets: string[] = ['disc', 'circle', 'square']
+  numbers: string[] = ['decimal', 'lower-alpha', 'lower-roman', 'upper-alpha']
+
+  constructor(
+    public currentEnvironment: ListEnvironmentName | 'document',
+    public ordinal: number,
+    public listDepth: number
+  ) {
+    super()
+
+    if (currentEnvironment === 'itemize') {
+      // unordered list
+      this.listType = this.bullets[(listDepth - 1) % this.bullets.length]
+      this.suffix = "' '"
+    } else {
+      // ordered list
+      this.listType = this.numbers[(listDepth - 1) % this.numbers.length]
+      this.suffix = "'. '"
+    }
+  }
+
+  toDOM() {
+    const element = document.createElement('span')
+    element.classList.add('ol-cm-item')
+    element.textContent = ' ' // a space, so the line has width
+    this.setProperties(element)
+    return element
+  }
+
+  eq(widget: ItemWidget) {
+    return (
+      widget.currentEnvironment === this.currentEnvironment &&
+      widget.ordinal === this.ordinal &&
+      widget.listDepth === this.listDepth
+    )
+  }
+
+  updateDOM(element: HTMLElement) {
+    this.setProperties(element)
+    return true
+  }
+
+  ignoreEvent(event: Event): boolean {
+    return event.type !== 'mousedown' && event.type !== 'mouseup'
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+
+  setProperties(element: HTMLElement) {
+    element.style.setProperty('--list-depth', String(this.listDepth))
+    element.style.setProperty('--list-ordinal', String(this.ordinal))
+    element.style.setProperty('--list-type', this.listType)
+    element.style.setProperty('--list-suffix', this.suffix)
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/latex.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/latex.ts
new file mode 100644
index 0000000..8878df9
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/latex.ts
@@ -0,0 +1,22 @@
+import { WidgetType } from '@codemirror/view'
+
+export class LaTeXWidget extends WidgetType {
+  toDOM() {
+    const element = document.createElement('span')
+    element.classList.add('ol-cm-tex')
+    element.innerHTML = 'L<sup>a</sup>T<sub>e</sub>X'
+    return element
+  }
+
+  eq() {
+    return true
+  }
+
+  ignoreEvent(event: Event) {
+    return event.type !== 'mousedown' && event.type !== 'mouseup'
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/maketitle.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/maketitle.ts
new file mode 100644
index 0000000..537c6c6
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/maketitle.ts
@@ -0,0 +1,156 @@
+import { EditorState } from '@codemirror/state'
+import { EditorView, WidgetType } from '@codemirror/view'
+import { SyntaxNode } from '@lezer/common'
+import { loadMathJax } from '../../../../mathjax/load-mathjax'
+import { selectNode } from '../utils/select-node'
+import { typesetNodeIntoElement } from '../utils/typeset-content'
+
+type Preamble = {
+  title?: {
+    node: SyntaxNode
+    content: string
+  }
+  authors: {
+    node: SyntaxNode
+    content: string
+  }[]
+}
+
+export class MakeTitleWidget extends WidgetType {
+  destroyed = false
+
+  constructor(public preamble: Preamble) {
+    super()
+  }
+
+  toDOM(view: EditorView) {
+    this.destroyed = false
+    const element = document.createElement('div')
+    element.classList.add('ol-cm-maketitle')
+    this.buildContent(view, element)
+    return element
+  }
+
+  eq(widget: MakeTitleWidget) {
+    return isShallowEqualPreamble(widget.preamble, this.preamble)
+  }
+
+  updateDOM(element: HTMLElement, view: EditorView): boolean {
+    this.destroyed = false
+    element.textContent = ''
+    this.buildContent(view, element)
+    view.requestMeasure()
+    return true
+  }
+
+  ignoreEvent(event: Event) {
+    return event.type !== 'mouseup'
+  }
+
+  destroy() {
+    this.destroyed = true
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+
+  buildContent(view: EditorView, element: HTMLElement) {
+    if (this.preamble.title) {
+      const titleElement = buildTitleElement(
+        view.state,
+        this.preamble.title.node
+      )
+      titleElement.addEventListener('mouseup', () => {
+        if (this.preamble.title) {
+          selectNode(view, this.preamble.title.node)
+        }
+      })
+      element.append(titleElement)
+
+      // render equations
+      loadMathJax()
+        .then(async MathJax => {
+          if (!this.destroyed) {
+            await MathJax.typesetPromise([element])
+            view.requestMeasure()
+            MathJax.typesetClear([element])
+          }
+        })
+        .catch(() => {
+          element.classList.add('ol-cm-error')
+        })
+    }
+
+    if (this.preamble.authors.length) {
+      const authorsElement = buildAuthorsElement(this.preamble.authors, view)
+      element.append(authorsElement)
+    }
+  }
+}
+
+function isShallowEqualPreamble(a: Preamble, b: Preamble) {
+  if (a.title?.content !== b.title?.content) {
+    return false // title changed
+  }
+
+  if (a.authors.length !== b.authors.length) {
+    return false // number of authors changed
+  }
+
+  for (let i = 0; i < a.authors.length; i++) {
+    if (a.authors[i].content !== b.authors[i].content) {
+      return false // author changed
+    }
+  }
+
+  return true
+}
+
+function buildTitleElement(
+  state: EditorState,
+  argumentNode: SyntaxNode
+): HTMLDivElement {
+  const element = document.createElement('div')
+  element.classList.add('ol-cm-title')
+  typesetNodeIntoElement(argumentNode, element, state)
+  return element
+}
+
+function buildAuthorsElement(
+  authors: { node: SyntaxNode; content: string }[],
+  view: EditorView
+) {
+  const authorsElement = document.createElement('div')
+  authorsElement.classList.add('ol-cm-authors')
+
+  for (const { node } of authors) {
+    const typesettedAuthors = document.createElement('div')
+    typesetNodeIntoElement(node, typesettedAuthors, view.state)
+
+    let currentAuthor = document.createElement('div')
+    currentAuthor.classList.add('ol-cm-author')
+    authorsElement.append(currentAuthor)
+
+    while (typesettedAuthors.firstChild) {
+      const child = typesettedAuthors.firstChild
+      if (
+        child instanceof HTMLElement &&
+        child.classList.contains('ol-cm-command-and')
+      ) {
+        currentAuthor = document.createElement('div')
+        currentAuthor.classList.add('ol-cm-author')
+        authorsElement.append(currentAuthor)
+        child.remove()
+      } else {
+        currentAuthor.append(child)
+      }
+    }
+
+    currentAuthor.addEventListener('mouseup', () => {
+      selectNode(view, node)
+    })
+  }
+
+  return authorsElement
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/math.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/math.ts
new file mode 100644
index 0000000..a4bd95a
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/math.ts
@@ -0,0 +1,115 @@
+import { EditorView, WidgetType } from '@codemirror/view'
+import { loadMathJax } from '@/features/mathjax/load-mathjax'
+import { placeSelectionInsideBlock } from '../selection'
+
+export class MathWidget extends WidgetType {
+  destroyed = false
+
+  constructor(
+    public math: string,
+    public displayMode: boolean,
+    public preamble?: string
+  ) {
+    super()
+  }
+
+  toDOM(view: EditorView) {
+    this.destroyed = false
+    const element = document.createElement(this.displayMode ? 'div' : 'span')
+    element.classList.add('ol-cm-math')
+    element.style.height = this.estimatedHeight + 'px'
+    if (this.displayMode) {
+      element.addEventListener('mouseup', event => {
+        event.preventDefault()
+        view.dispatch(placeSelectionInsideBlock(view, event as MouseEvent))
+      })
+    }
+    this.renderMath(element)
+      .catch(() => {
+        element.classList.add('ol-cm-math-error')
+      })
+      .finally(() => {
+        view.requestMeasure()
+      })
+
+    return element
+  }
+
+  eq(widget: MathWidget) {
+    return (
+      widget.math === this.math &&
+      widget.displayMode === this.displayMode &&
+      widget.preamble === this.preamble
+    )
+  }
+
+  updateDOM(element: HTMLElement, view: EditorView) {
+    this.destroyed = false
+    this.renderMath(element)
+      .catch(() => {
+        element.classList.add('ol-cm-math-error')
+      })
+      .finally(() => {
+        view.requestMeasure()
+      })
+
+    return true
+  }
+
+  ignoreEvent(event: Event) {
+    // always enable mouseup to release the decorations
+    if (event.type === 'mouseup') {
+      return false
+    }
+
+    // inline math needs mousedown to set the selection
+    if (!this.displayMode && event.type === 'mousedown') {
+      return false
+    }
+
+    // ignore other events
+    return true
+  }
+
+  destroy() {
+    this.destroyed = true
+  }
+
+  get estimatedHeight() {
+    return this.math.split('\n').length * 40
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+
+  async renderMath(element: HTMLElement) {
+    const MathJax = await loadMathJax()
+
+    // abandon if the widget has been destroyed
+    if (this.destroyed) {
+      return
+    }
+
+    MathJax.texReset([0]) // equation numbering is disabled, but this is still needed
+    if (this.preamble) {
+      try {
+        await MathJax.tex2svgPromise(this.preamble)
+      } catch {
+        // ignore errors thrown during parsing command definitions
+      }
+    }
+
+    // abandon if the element has been removed from the DOM
+    if (!element.isConnected) {
+      return
+    }
+
+    const math = await MathJax.tex2svgPromise(this.math, {
+      ...MathJax.getMetricsFor(element, this.displayMode),
+      display: this.displayMode,
+    })
+    element.replaceChildren(math)
+    element.style.height = 'auto'
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/preamble.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/preamble.ts
new file mode 100644
index 0000000..5f37469
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/preamble.ts
@@ -0,0 +1,101 @@
+import { EditorSelection, StateEffect } from '@codemirror/state'
+import { EditorView, WidgetType } from '@codemirror/view'
+import { SyntaxNode } from '@lezer/common'
+
+export type Preamble = {
+  from: number
+  to: number
+  title?: {
+    node: SyntaxNode
+    content: string
+  }
+  authors: {
+    node: SyntaxNode
+    content: string
+  }[]
+}
+
+export const collapsePreambleEffect = StateEffect.define<boolean>()
+
+export class PreambleWidget extends WidgetType {
+  constructor(public expanded: boolean) {
+    super()
+  }
+
+  toDOM(view: EditorView): HTMLElement {
+    const wrapper = document.createElement('div')
+    wrapper.classList.add('ol-cm-preamble-wrapper')
+    wrapper.classList.toggle('ol-cm-preamble-expanded', this.expanded)
+    const element = document.createElement('div')
+    wrapper.appendChild(element)
+    element.classList.add('ol-cm-preamble-widget')
+    const expandIcon = document.createElement('i')
+    expandIcon.classList.add(
+      'ol-cm-preamble-expand-icon',
+      'fa',
+      'fa-chevron-down'
+    )
+    const helpText = document.createElement('div')
+    const helpLink = document.createElement('a')
+    helpLink.href =
+      '/learn/latex/Learn_LaTeX_in_30_minutes#The_preamble_of_a_document'
+    helpLink.target = '_blank'
+    const icon = document.createElement('i')
+    icon.classList.add('fa', 'fa-question-circle')
+    icon.title = view.state.phrase('learn_more')
+    helpLink.appendChild(icon)
+    const textNode = document.createElement('span')
+    textNode.classList.add('ol-cm-preamble-text')
+    textNode.textContent = this.getToggleText(view)
+    helpText.appendChild(textNode)
+    if (this.expanded) {
+      helpText.append(document.createTextNode(' '), helpLink)
+    }
+    element.append(helpText, expandIcon)
+
+    element.addEventListener('mouseup', (event: MouseEvent) => {
+      if (event.button !== 0) {
+        return true
+      }
+      if (helpLink.contains(event.target as Node | null)) {
+        return true
+      }
+      event.preventDefault()
+      if (this.expanded) {
+        view.dispatch({
+          effects: collapsePreambleEffect.of(true),
+        })
+      } else {
+        view.dispatch({
+          selection: EditorSelection.cursor(0),
+          scrollIntoView: true,
+        })
+      }
+    })
+
+    return wrapper
+  }
+
+  ignoreEvent(event: Event): boolean {
+    return event.type !== 'mouseup'
+  }
+
+  eq(other: PreambleWidget): boolean {
+    return this.expanded === other.expanded
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+
+  get estimatedHeight() {
+    return this.expanded ? -1 : 54
+  }
+
+  getToggleText(view: EditorView) {
+    if (this.expanded) {
+      return view.state.phrase(`hide_document_preamble`)
+    }
+    return view.state.phrase(`show_document_preamble`)
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/space.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/space.ts
new file mode 100644
index 0000000..9095032
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/space.ts
@@ -0,0 +1,65 @@
+import { WidgetType } from '@codemirror/view'
+
+export class SpaceWidget extends WidgetType {
+  constructor(public width: string) {
+    super()
+  }
+
+  toDOM() {
+    const element = document.createElement('span')
+    element.classList.add('ol-cm-space')
+    element.style.width = this.width
+    return element
+  }
+
+  eq(widget: SpaceWidget) {
+    return widget.width === this.width
+  }
+
+  updateDOM(element: HTMLElement): boolean {
+    element.style.width = this.width
+    return true
+  }
+
+  ignoreEvent(event: Event) {
+    return event.type !== 'mousedown' && event.type !== 'mouseup'
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+}
+
+// https://tex.stackexchange.com/a/74354
+export const COMMAND_WIDTHS = new Map([
+  // thin space
+  ['\\thinspace', 'calc(3em / 18)'],
+  ['\\,', 'calc(3em / 18)'],
+  // negative thin space
+  ['\\negthinspace', 'calc(-3em / 18)'],
+  ['\\!', 'calc(-3em / 18)'],
+  // medium space
+  ['\\medspace', 'calc(4em / 18)'],
+  ['\\:', 'calc(4em / 18)'],
+  ['\\>', 'calc(4em / 18)'],
+  // thick space
+  ['\\thickspace', 'calc(5em / 18)'],
+  ['\\;', 'calc(5em / 18)'],
+  // negative thick space
+  ['\\negthickspace', 'calc(-5em / 18)'],
+  // en, em and 2xem spaces
+  ['\\enspace', '0.5em'],
+  ['\\quad', '1em'],
+  ['\\qquad', '2em'],
+])
+
+export function createSpaceCommand(command: string): SpaceWidget | undefined {
+  const width = COMMAND_WIDTHS.get(command)
+  if (width !== undefined) {
+    return new SpaceWidget(width)
+  }
+}
+
+export function hasSpaceSubstitution(command: string): boolean {
+  return COMMAND_WIDTHS.has(command)
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/table-rendering-error.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/table-rendering-error.ts
new file mode 100644
index 0000000..63ad0a2
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/table-rendering-error.ts
@@ -0,0 +1,53 @@
+import { EditorView, WidgetType } from '@codemirror/view'
+import { SyntaxNode } from '@lezer/common'
+
+export class TableRenderingErrorWidget extends WidgetType {
+  private hasTableNode: boolean
+  constructor(tableNode: SyntaxNode | null | undefined) {
+    super()
+    this.hasTableNode = Boolean(tableNode)
+  }
+
+  toDOM(view: EditorView): HTMLElement {
+    const warning = document.createElement('div')
+    warning.classList.add('notification', 'notification-type-info')
+    warning.role = 'alert'
+    const icon = document.createElement('div')
+    icon.classList.add('notification-icon')
+    const iconType = document.createElement('span')
+    iconType.classList.add('material-symbols')
+    iconType.setAttribute('aria-hidden', 'true')
+    iconType.textContent = 'info'
+    icon.appendChild(iconType)
+    warning.appendChild(icon)
+    const messageWrapper = document.createElement('div')
+    messageWrapper.classList.add('notification-content-and-cta')
+    const message = document.createElement('div')
+    message.classList.add('notification-content')
+    const messageHeader = document.createElement('p')
+    const messageHeaderInner = document.createElement('strong')
+    messageHeaderInner.textContent = view.state.phrase(
+      'sorry_your_table_cant_be_displayed_at_the_moment'
+    )
+    messageHeader.appendChild(messageHeaderInner)
+    const messageBody = document.createElement('p')
+    messageBody.textContent = view.state.phrase(
+      'this_could_be_because_we_cant_support_some_elements_of_the_table'
+    )
+    message.appendChild(messageHeader)
+    message.appendChild(messageBody)
+    messageWrapper.appendChild(message)
+    warning.appendChild(messageWrapper)
+    const element = document.createElement('div')
+    element.classList.add('table-generator', 'table-generator-error-container')
+    element.appendChild(warning)
+    if (this.hasTableNode) {
+      element.classList.add('ol-cm-environment-table')
+    }
+    return element
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/tabular.tsx b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/tabular.tsx
new file mode 100644
index 0000000..70fd240
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/tabular.tsx
@@ -0,0 +1,73 @@
+import { EditorView, WidgetType } from '@codemirror/view'
+import { SyntaxNode } from '@lezer/common'
+import * as ReactDOM from 'react-dom'
+import { Tabular } from '../../../components/table-generator/tabular'
+import { ParsedTableData } from '../../../components/table-generator/utils'
+
+export class TabularWidget extends WidgetType {
+  constructor(
+    private parsedTableData: ParsedTableData,
+    private tabularNode: SyntaxNode,
+    private content: string,
+    private tableNode: SyntaxNode | null,
+    private isDirectChildOfTableEnvironment: boolean
+  ) {
+    super()
+  }
+
+  toDOM(view: EditorView) {
+    const element = document.createElement('div')
+    element.classList.add('ol-cm-tabular')
+    if (this.tableNode) {
+      element.classList.add('ol-cm-environment-table')
+    }
+    ReactDOM.render(
+      <Tabular
+        view={view}
+        tabularNode={this.tabularNode}
+        parsedTableData={this.parsedTableData}
+        tableNode={this.tableNode}
+        directTableChild={this.isDirectChildOfTableEnvironment}
+      />,
+      element
+    )
+    return element
+  }
+
+  eq(widget: TabularWidget): boolean {
+    return (
+      this.tabularNode.from === widget.tabularNode.from &&
+      this.tableNode?.from === widget.tableNode?.from &&
+      this.tableNode?.to === widget.tableNode?.to &&
+      this.content === widget.content &&
+      this.isDirectChildOfTableEnvironment ===
+        widget.isDirectChildOfTableEnvironment
+    )
+  }
+
+  updateDOM(element: HTMLElement, view: EditorView): boolean {
+    ReactDOM.render(
+      <Tabular
+        view={view}
+        tabularNode={this.tabularNode}
+        parsedTableData={this.parsedTableData}
+        tableNode={this.tableNode}
+        directTableChild={this.isDirectChildOfTableEnvironment}
+      />,
+      element
+    )
+    return true
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+
+  get estimatedHeight() {
+    return this.parsedTableData.table.rows.length * 50
+  }
+
+  destroy(element: HTMLElement) {
+    ReactDOM.unmountComponentAtNode(element)
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/tex.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/tex.ts
new file mode 100644
index 0000000..93469f4
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/tex.ts
@@ -0,0 +1,22 @@
+import { WidgetType } from '@codemirror/view'
+
+export class TeXWidget extends WidgetType {
+  toDOM() {
+    const element = document.createElement('span')
+    element.classList.add('ol-cm-tex')
+    element.innerHTML = 'T<sub>e</sub>X'
+    return element
+  }
+
+  eq() {
+    return true
+  }
+
+  ignoreEvent(event: Event) {
+    return event.type !== 'mousedown' && event.type !== 'mouseup'
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/tilde.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/tilde.ts
new file mode 100644
index 0000000..2c74b07
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual-widgets/tilde.ts
@@ -0,0 +1,17 @@
+import { WidgetType } from '@codemirror/view'
+
+export class TildeWidget extends WidgetType {
+  toDOM() {
+    const element = document.createElement('span')
+    element.textContent = '\xa0' // '&nbsp;' but not using innerHTML
+    return element
+  }
+
+  eq() {
+    return true
+  }
+
+  coordsAt(element: HTMLElement) {
+    return element.getBoundingClientRect()
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/extensions/visual/visual.ts b/services/web/frontend/js/features/source-editor/extensions/visual/visual.ts
new file mode 100644
index 0000000..e644910
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/visual/visual.ts
@@ -0,0 +1,181 @@
+import {
+  Compartment,
+  EditorState,
+  Extension,
+  StateEffect,
+  StateField,
+  TransactionSpec,
+} from '@codemirror/state'
+import { visualHighlightStyle, visualTheme } from './visual-theme'
+import { atomicDecorations } from './atomic-decorations'
+import { markDecorations } from './mark-decorations'
+import { EditorView, ViewPlugin } from '@codemirror/view'
+import { visualKeymap } from './visual-keymap'
+import { mousedown, mouseDownEffect } from './selection'
+import { forceParsing, syntaxTree } from '@codemirror/language'
+import { hasLanguageLoadedEffect } from '../language'
+import { restoreScrollPosition } from '../scroll-position'
+import { listItemMarker } from './list-item-marker'
+import { pasteHtml } from './paste-html'
+import { commandTooltip } from '../command-tooltip'
+import { tableGeneratorTheme } from './table-generator'
+import { debugConsole } from '@/utils/debugging'
+import { PreviewPath } from '../../../../../../types/preview-path'
+
+type Options = {
+  visual: boolean
+  previewByPath: (path: string) => PreviewPath | null
+}
+
+const visualConf = new Compartment()
+
+export const toggleVisualEffect = StateEffect.define<boolean>()
+
+const visualState = StateField.define<boolean>({
+  create() {
+    return false
+  },
+  update(value, tr) {
+    for (const effect of tr.effects) {
+      if (effect.is(toggleVisualEffect)) {
+        return effect.value
+      }
+    }
+    return value
+  },
+})
+
+const configureVisualExtensions = (options: Options) =>
+  options.visual ? extension(options) : []
+
+export const visual = (options: Options): Extension => {
+  return [
+    visualState.init(() => options.visual),
+    visualConf.of(configureVisualExtensions(options)),
+  ]
+}
+
+export const isVisual = (view: EditorView) => {
+  return view.state.field(visualState, false) || false
+}
+
+export const setVisual = (options: Options): TransactionSpec => {
+  return {
+    effects: [
+      toggleVisualEffect.of(options.visual),
+      visualConf.reconfigure(configureVisualExtensions(options)),
+    ],
+  }
+}
+
+export const sourceOnly = (visual: boolean, extension: Extension) => {
+  const conf = new Compartment()
+  const configure = (visual: boolean) => (visual ? [] : extension)
+  return [
+    conf.of(configure(visual)),
+
+    // Respond to switching editor modes
+    EditorState.transactionExtender.of(tr => {
+      for (const effect of tr.effects) {
+        if (effect.is(toggleVisualEffect)) {
+          return {
+            effects: conf.reconfigure(configure(effect.value)),
+          }
+        }
+      }
+      return null
+    }),
+  ]
+}
+
+const parsedAttributesConf = new Compartment()
+
+/**
+ * A view plugin which shows the editor content, makes it focusable,
+ * and restores the scroll position, once the initial decorations have been applied.
+ */
+const showContentWhenParsed = [
+  parsedAttributesConf.of([EditorView.editable.of(false)]),
+  ViewPlugin.define(view => {
+    const showContent = () => {
+      view.dispatch(
+        {
+          effects: parsedAttributesConf.reconfigure([
+            EditorView.editorAttributes.of({
+              class: 'ol-cm-parsed',
+            }),
+            EditorView.editable.of(true),
+          ]),
+        },
+        restoreScrollPosition()
+      )
+      view.focus()
+    }
+
+    // already parsed
+    if (syntaxTree(view.state).length === view.state.doc.length) {
+      window.setTimeout(showContent)
+      return {}
+    }
+
+    // as a fallback, make sure the content is visible after 5s
+    const fallbackTimer = window.setTimeout(showContent, 5000)
+
+    let languageLoaded = false
+
+    return {
+      update(update) {
+        // wait for the language to load before telling the parser to run
+        if (!languageLoaded && hasLanguageLoadedEffect(update)) {
+          languageLoaded = true
+          // in a timeout, as this is already in a dispatch cycle
+          window.setTimeout(() => {
+            // run asynchronously
+            new Promise(() => {
+              // tell the parser to run until the end of the document
+              forceParsing(view, view.state.doc.length, Infinity)
+              // clear the fallback timeout
+              window.clearTimeout(fallbackTimer)
+              // show the content, in a timeout so the decorations can build first
+              window.setTimeout(showContent)
+            }).catch(debugConsole.error)
+          })
+        }
+      },
+    }
+  }),
+]
+
+/**
+ * A transaction extender which scrolls mouse clicks into view, in case decorations have moved the cursor out of view.
+ */
+const scrollJumpAdjuster = EditorState.transactionExtender.of(tr => {
+  // Attach a "scrollIntoView" effect on all mouse selections to adjust for
+  // any jumps that may occur when hiding/showing decorations.
+  if (!tr.scrollIntoView) {
+    for (const effect of tr.effects) {
+      if (effect.is(mouseDownEffect) && effect.value === false) {
+        return {
+          effects: EditorView.scrollIntoView(tr.newSelection.main.head),
+        }
+      }
+    }
+  }
+
+  return {}
+})
+
+const extension = (options: Options) => [
+  visualTheme,
+  visualHighlightStyle,
+  mousedown,
+  listItemMarker,
+  atomicDecorations(options),
+  markDecorations, // NOTE: must be after atomicDecorations, so that mark decorations wrap inline widgets
+  visualKeymap,
+  commandTooltip,
+  scrollJumpAdjuster,
+  showContentWhenParsed,
+  pasteHtml,
+  tableGeneratorTheme,
+]
diff --git a/services/web/frontend/js/features/source-editor/extensions/wait-for-parser.ts b/services/web/frontend/js/features/source-editor/extensions/wait-for-parser.ts
new file mode 100644
index 0000000..8419bb3
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/extensions/wait-for-parser.ts
@@ -0,0 +1,75 @@
+import { EditorView, ViewPlugin, ViewUpdate } from '@codemirror/view'
+import { syntaxTreeAvailable } from '@codemirror/language'
+import { EditorState } from '@codemirror/state'
+
+// Either a number representing the document position the parser needs to have
+// reached or a function that returns a document position. This covers the case
+// when the requirements change while waiting for the parser, such as when
+// scrolling.
+type UpTo = number | ((view: EditorView) => number)
+
+type ParserWait = {
+  upTo?: UpTo
+  resolve: () => void
+}
+
+/**
+ * A custom extension that resolves a Promise when the parser has built the syntax tree up to a given position.
+ */
+export const parserWatcher = ViewPlugin.fromClass(
+  class {
+    waits: ParserWait[] = []
+
+    // eslint-disable-next-line no-useless-constructor
+    constructor(readonly view: EditorView) {}
+
+    parserReady(wait: ParserWait, state: EditorState) {
+      const upTo =
+        typeof wait.upTo === 'function' ? wait.upTo(this.view) : wait.upTo
+      return syntaxTreeAvailable(state, upTo)
+    }
+
+    wait(upTo?: UpTo) {
+      const promise = new Promise<void>(resolve => {
+        const wait = {
+          upTo,
+          resolve,
+        }
+
+        // Resolve immediately if the parser is ready. Otherwise, watch for
+        // updates.
+        if (this.parserReady(wait, this.view.state)) {
+          wait.resolve()
+        } else {
+          this.waits.push(wait)
+        }
+      })
+
+      return promise
+    }
+
+    update(update: ViewUpdate) {
+      const unresolvedWaits: ParserWait[] = []
+      for (const wait of this.waits) {
+        if (this.parserReady(wait, update.state)) {
+          wait.resolve()
+        } else {
+          unresolvedWaits.push(wait)
+        }
+      }
+      this.waits = unresolvedWaits
+    }
+  }
+)
+
+// Returns a promise that is resolved as soon as CM6 reports that the parser is
+// ready, up to a specified offset in the document or the end if none is
+// specified. CM6 dispatches a transaction after every chunk of parser work
+// and the view plugin checks after each, so there is minimal delay
+export function waitForParser(view: EditorView, upTo?: UpTo) {
+  const pluginInstance = view.plugin(parserWatcher)
+  if (!pluginInstance) {
+    throw new Error('No parser watcher view plugin found')
+  }
+  return pluginInstance.wait(upTo)
+}
diff --git a/services/web/frontend/js/features/source-editor/hooks/use-codemirror-content-height.ts b/services/web/frontend/js/features/source-editor/hooks/use-codemirror-content-height.ts
new file mode 100644
index 0000000..04a89f5
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/hooks/use-codemirror-content-height.ts
@@ -0,0 +1,12 @@
+import { EditorView } from '@codemirror/view'
+import useCodeMirrorMeasurement from './use-codemirror-measurement'
+
+// view.contentHeight, which is measured for us by CodeMirror and is what the
+// gutters use, is sometimes a pixel or so short of the full height of the
+// editor content, which leaves a small gap at the bottom, so use the DOM
+// scrollHeight property instead.
+const measureContentHeight = (view: EditorView) => view.contentDOM.scrollHeight
+
+export default function useCodeMirrorContentHeight() {
+  return useCodeMirrorMeasurement('content-height', measureContentHeight)
+}
diff --git a/services/web/frontend/js/features/source-editor/hooks/use-codemirror-measurement.ts b/services/web/frontend/js/features/source-editor/hooks/use-codemirror-measurement.ts
new file mode 100644
index 0000000..f330a19
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/hooks/use-codemirror-measurement.ts
@@ -0,0 +1,30 @@
+import { useCallback, useState } from 'react'
+import { useCodeMirrorViewContext } from '../components/codemirror-context'
+import { EditorView } from '@codemirror/view'
+import useEventListener from '../../../shared/hooks/use-event-listener'
+
+export default function useCodeMirrorMeasurement(
+  key: string,
+  measure: (view: EditorView) => number
+) {
+  const view = useCodeMirrorViewContext()
+  const [measurement, setMeasurement] = useState(() => measure(view))
+
+  useEventListener(
+    'editor:geometry-change',
+    useCallback(() => {
+      view.requestMeasure({
+        key,
+        read: () => measure(view),
+        write(value) {
+          // wrap the React state setter in a timeout so it doesn't run inside the CodeMirror update cycle
+          window.setTimeout(() => {
+            setMeasurement(value)
+          })
+        },
+      })
+    }, [view, measure, key])
+  )
+
+  return measurement
+}
diff --git a/services/web/frontend/js/features/source-editor/hooks/use-codemirror-scope.ts b/services/web/frontend/js/features/source-editor/hooks/use-codemirror-scope.ts
new file mode 100644
index 0000000..598cd60
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/hooks/use-codemirror-scope.ts
@@ -0,0 +1,553 @@
+import { useCallback, useEffect, useRef } from 'react'
+import { EditorState } from '@codemirror/state'
+import useScopeValue from '../../../shared/hooks/use-scope-value'
+import useScopeEventEmitter from '../../../shared/hooks/use-scope-event-emitter'
+import useEventListener from '../../../shared/hooks/use-event-listener'
+import useScopeEventListener from '../../../shared/hooks/use-scope-event-listener'
+import { createExtensions } from '../extensions'
+import { setEditorTheme, setOptionsTheme } from '../extensions/theme'
+import {
+  restoreCursorPosition,
+  setCursorLineAndScroll,
+  setCursorPositionAndScroll,
+} from '../extensions/cursor-position'
+import {
+  setAnnotations,
+  showCompileLogDiagnostics,
+} from '../extensions/annotations'
+import { useDetachCompileContext as useCompileContext } from '../../../shared/context/detach-compile-context'
+import { setCursorHighlights } from '../extensions/cursor-highlights'
+import {
+  setLanguage,
+  setMetadata,
+  setSyntaxValidation,
+} from '../extensions/language'
+import { restoreScrollPosition } from '../extensions/scroll-position'
+import { setEditable } from '../extensions/editable'
+import { useFileTreeData } from '../../../shared/context/file-tree-data-context'
+import { setAutoPair } from '../extensions/auto-pair'
+import { setAutoComplete } from '../extensions/auto-complete'
+import { usePhrases } from './use-phrases'
+import { setPhrases } from '../extensions/phrases'
+import { setSpellCheckLanguage } from '../extensions/spelling'
+import { setKeybindings } from '../extensions/keybindings'
+import { Highlight } from '../../../../../types/highlight'
+import { EditorView } from '@codemirror/view'
+import { useErrorHandler } from 'react-error-boundary'
+import { setVisual } from '../extensions/visual/visual'
+import { useFileTreePathContext } from '@/features/file-tree/contexts/file-tree-path'
+import { useUserSettingsContext } from '@/shared/context/user-settings-context'
+import { setDocName } from '@/features/source-editor/extensions/doc-name'
+import { isValidTeXFile } from '@/main/is-valid-tex-file'
+import { captureException } from '@/infrastructure/error-reporter'
+import grammarlyExtensionPresent from '@/shared/utils/grammarly'
+import { debugConsole } from '@/utils/debugging'
+import { useMetadataContext } from '@/features/ide-react/context/metadata-context'
+import { useUserContext } from '@/shared/context/user-context'
+import { useReferencesContext } from '@/features/ide-react/context/references-context'
+import { setMathPreview } from '@/features/source-editor/extensions/math-preview'
+import { useRangesContext } from '@/features/review-panel-new/context/ranges-context'
+import { updateRanges } from '@/features/source-editor/extensions/ranges'
+import { useThreadsContext } from '@/features/review-panel-new/context/threads-context'
+import { useHunspell } from '@/features/source-editor/hooks/use-hunspell'
+import { Permissions } from '@/features/ide-react/types/permissions'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+import { useOnlineUsersContext } from '@/features/ide-react/context/online-users-context'
+
+function useCodeMirrorScope(view: EditorView) {
+  const { fileTreeData } = useFileTreeData()
+
+  const [permissions] = useScopeValue<Permissions>('permissions')
+
+  // set up scope listeners
+
+  const { logEntryAnnotations, editedSinceCompileStarted, compiling } =
+    useCompileContext()
+
+  const { currentDocument, openDocName, trackChanges } =
+    useEditorManagerContext()
+  const metadata = useMetadataContext()
+
+  const { id: userId } = useUserContext()
+  const { userSettings } = useUserSettingsContext()
+  const {
+    fontFamily,
+    fontSize,
+    lineHeight,
+    overallTheme,
+    autoComplete,
+    editorTheme,
+    autoPairDelimiters,
+    mode,
+    syntaxValidation,
+    mathPreview,
+    referencesSearchMode,
+    enableNewEditor,
+  } = userSettings
+
+  const { onlineUserCursorHighlights } = useOnlineUsersContext()
+
+  let [spellCheckLanguage] = useScopeValue<string>('project.spellCheckLanguage')
+  // spell check is off when read-only
+  if (!permissions.write && !permissions.trackedWrite) {
+    spellCheckLanguage = ''
+  }
+
+  const [projectFeatures] =
+    useScopeValue<Record<string, boolean | string | number | undefined>>(
+      'project.features'
+    )
+
+  const hunspellManager = useHunspell(spellCheckLanguage)
+
+  const [visual] = useScopeValue<boolean>('editor.showVisual')
+
+  const { referenceKeys } = useReferencesContext()
+
+  const ranges = useRangesContext()
+  const threads = useThreadsContext()
+
+  // build the translation phrases
+  const phrases = usePhrases()
+
+  const phrasesRef = useRef(phrases)
+
+  // initialise the local state
+
+  const themeRef = useRef({
+    fontFamily,
+    fontSize,
+    lineHeight,
+    overallTheme,
+    editorTheme,
+  })
+
+  useEffect(() => {
+    themeRef.current = {
+      fontFamily,
+      fontSize,
+      lineHeight,
+      overallTheme,
+      editorTheme,
+    }
+
+    view.dispatch(
+      setOptionsTheme({
+        fontFamily,
+        fontSize,
+        lineHeight,
+        overallTheme,
+      })
+    )
+
+    setEditorTheme(editorTheme).then(spec => {
+      view.dispatch(spec)
+    })
+  }, [view, fontFamily, fontSize, lineHeight, overallTheme, editorTheme])
+
+  const settingsRef = useRef({
+    autoComplete,
+    autoPairDelimiters,
+    mode,
+    syntaxValidation,
+    mathPreview,
+    referencesSearchMode,
+    enableNewEditor,
+  })
+
+  const currentDocRef = useRef({
+    currentDocument,
+    trackChanges,
+  })
+
+  useEffect(() => {
+    if (currentDocument) {
+      currentDocRef.current.currentDocument = currentDocument
+    }
+  }, [view, currentDocument])
+
+  useEffect(() => {
+    if (ranges && threads) {
+      window.setTimeout(() => {
+        view.dispatch(updateRanges({ ranges, threads }))
+      })
+    }
+  }, [view, ranges, threads])
+
+  const docNameRef = useRef(openDocName)
+
+  useEffect(() => {
+    currentDocRef.current.trackChanges = trackChanges
+
+    if (currentDocument) {
+      if (trackChanges) {
+        currentDocument.track_changes_as = userId || 'anonymous'
+      } else {
+        currentDocument.track_changes_as = null
+      }
+    }
+  }, [userId, currentDocument, trackChanges])
+
+  const spellingRef = useRef({
+    spellCheckLanguage,
+    hunspellManager,
+  })
+
+  useEffect(() => {
+    spellingRef.current = {
+      spellCheckLanguage,
+      hunspellManager,
+    }
+    window.setTimeout(() => {
+      view.dispatch(setSpellCheckLanguage(spellingRef.current))
+    })
+  }, [view, spellCheckLanguage, hunspellManager])
+
+  const projectFeaturesRef = useRef(projectFeatures)
+
+  // listen to doc:after-opened, and focus the editor if it's not a new doc
+  useEffect(() => {
+    const listener: EventListener = event => {
+      const { isNewDoc } = (event as CustomEvent<{ isNewDoc: boolean }>).detail
+
+      if (!isNewDoc) {
+        window.setTimeout(() => {
+          view.focus()
+        }, 0)
+      }
+    }
+    window.addEventListener('doc:after-opened', listener)
+    return () => window.removeEventListener('doc:after-opened', listener)
+  }, [view])
+
+  // set the project metadata, mostly for use in autocomplete
+  // TODO: read this data from the scope?
+  const metadataRef = useRef({
+    ...metadata,
+    referenceKeys,
+    fileTreeData,
+  })
+
+  // listen to project metadata (commands, labels and package names) updates
+  useEffect(() => {
+    metadataRef.current = { ...metadataRef.current, ...metadata }
+    window.setTimeout(() => {
+      view.dispatch(setMetadata(metadataRef.current))
+    })
+  }, [view, metadata])
+
+  // listen to project reference keys updates
+  useEffect(() => {
+    metadataRef.current.referenceKeys = referenceKeys
+    window.setTimeout(() => {
+      view.dispatch(setMetadata(metadataRef.current))
+    })
+  }, [view, referenceKeys])
+
+  // listen to project root folder updates
+  useEffect(() => {
+    if (fileTreeData) {
+      metadataRef.current.fileTreeData = fileTreeData
+      window.setTimeout(() => {
+        view.dispatch(setMetadata(metadataRef.current))
+      })
+    }
+  }, [view, fileTreeData])
+
+  const editableRef = useRef(permissions.write || permissions.trackedWrite)
+
+  const { previewByPath } = useFileTreePathContext()
+
+  const showVisual = visual && !!openDocName && isValidTeXFile(openDocName)
+
+  const visualRef = useRef({
+    previewByPath,
+    visual: showVisual,
+  })
+
+  const handleError = useErrorHandler()
+
+  const handleException = useCallback((exception: any) => {
+    captureException(exception, {
+      tags: {
+        handler: 'cm6-exception',
+        // which editor mode is active ('visual' | 'code')
+        ol_editor_mode: visualRef.current.visual ? 'visual' : 'code',
+        // which editor keybindings are active ('default' | 'vim' | 'emacs')
+        ol_editor_keybindings: settingsRef.current.mode,
+        // whether Writefull is present ('extension' | 'integration' | 'none')
+        ol_extensions_writefull: window.writefull?.type ?? 'none',
+        // whether Grammarly is present
+        ol_extensions_grammarly: grammarlyExtensionPresent(),
+      },
+    })
+  }, [])
+
+  // create a new state when currentDocument changes
+
+  useEffect(() => {
+    if (currentDocument) {
+      debugConsole.log('creating new editor state')
+
+      const state = EditorState.create({
+        doc: currentDocument.getSnapshot(),
+        extensions: createExtensions({
+          currentDoc: {
+            ...currentDocRef.current,
+            currentDoc: currentDocument,
+          },
+          docName: docNameRef.current,
+          theme: themeRef.current,
+          metadata: metadataRef.current,
+          settings: settingsRef.current,
+          phrases: phrasesRef.current,
+          spelling: spellingRef.current,
+          visual: visualRef.current,
+          projectFeatures: projectFeaturesRef.current,
+          handleError,
+          handleException,
+        }),
+      })
+      view.setState(state)
+
+      // synchronous config
+      view.dispatch(
+        restoreCursorPosition(state.doc, currentDocument.doc_id),
+        setEditable(editableRef.current),
+        setOptionsTheme(themeRef.current)
+      )
+
+      // asynchronous config
+      setEditorTheme(themeRef.current.editorTheme).then(spec => {
+        view.dispatch(spec)
+      })
+
+      setKeybindings(settingsRef.current.mode).then(spec => {
+        view.dispatch(spec)
+      })
+
+      if (!visualRef.current.visual) {
+        window.setTimeout(() => {
+          view.dispatch(restoreScrollPosition())
+          view.focus()
+        })
+      }
+    }
+    // IMPORTANT: This effect must not depend on anything variable apart from currentDocument,
+    // as the editor state is recreated when the effect runs.
+  }, [view, currentDocument, handleError, handleException])
+
+  useEffect(() => {
+    if (openDocName) {
+      docNameRef.current = openDocName
+
+      window.setTimeout(() => {
+        view.dispatch(
+          setDocName(openDocName),
+          setLanguage(
+            openDocName,
+            metadataRef.current,
+            settingsRef.current.syntaxValidation
+          )
+        )
+      })
+    }
+  }, [view, openDocName])
+
+  useEffect(() => {
+    visualRef.current.visual = showVisual
+    window.setTimeout(() => {
+      view.dispatch(setVisual(visualRef.current))
+      view.dispatch({
+        effects: EditorView.scrollIntoView(view.state.selection.main.head),
+      })
+      // clear performance measures and marks when switching between Source and Rich Text
+      window.dispatchEvent(new Event('editor:visual-switch'))
+    })
+  }, [view, showVisual])
+
+  useEffect(() => {
+    visualRef.current.previewByPath = previewByPath
+    window.setTimeout(() => {
+      view.dispatch(setVisual(visualRef.current))
+    })
+  }, [view, previewByPath])
+
+  useEffect(() => {
+    editableRef.current = permissions.write || permissions.trackedWrite
+    window.setTimeout(() => {
+      view.dispatch(setEditable(editableRef.current)) // the editor needs to be locked when there's a problem saving data
+    })
+  }, [view, permissions.write, permissions.trackedWrite])
+
+  useEffect(() => {
+    phrasesRef.current = phrases
+    window.setTimeout(() => {
+      view.dispatch(setPhrases(phrases))
+    })
+  }, [view, phrases])
+
+  // listen to editor settings updates
+  useEffect(() => {
+    settingsRef.current.autoPairDelimiters = autoPairDelimiters
+    window.setTimeout(() => {
+      view.dispatch(setAutoPair(autoPairDelimiters))
+    })
+  }, [view, autoPairDelimiters])
+
+  useEffect(() => {
+    settingsRef.current.autoComplete = autoComplete
+    window.setTimeout(() => {
+      view.dispatch(
+        setAutoComplete({
+          enabled: autoComplete,
+          projectFeatures: projectFeaturesRef.current,
+          referencesSearchMode: settingsRef.current.referencesSearchMode,
+        })
+      )
+    })
+  }, [view, autoComplete])
+
+  useEffect(() => {
+    settingsRef.current.mode = mode
+    setKeybindings(mode).then(spec => {
+      window.setTimeout(() => {
+        view.dispatch(spec)
+      })
+    })
+  }, [view, mode])
+
+  useEffect(() => {
+    settingsRef.current.syntaxValidation = syntaxValidation
+    window.setTimeout(() => {
+      view.dispatch(setSyntaxValidation(syntaxValidation))
+    })
+  }, [view, syntaxValidation])
+
+  useEffect(() => {
+    settingsRef.current.mathPreview = mathPreview
+    window.setTimeout(() => {
+      view.dispatch(setMathPreview(mathPreview))
+    })
+  }, [view, mathPreview])
+
+  useEffect(() => {
+    settingsRef.current.referencesSearchMode = referencesSearchMode
+  }, [referencesSearchMode])
+
+  const emitSyncToPdf = useScopeEventEmitter('cursor:editor:syncToPdf')
+
+  // select and scroll to position on editor:gotoLine event (from synctex)
+  useScopeEventListener(
+    'editor:gotoLine',
+    useCallback(
+      (_event, options) => {
+        setCursorLineAndScroll(
+          view,
+          options.gotoLine,
+          options.gotoColumn,
+          options.selectText
+        )
+        if (options.syncToPdf) {
+          emitSyncToPdf()
+        }
+      },
+      [emitSyncToPdf, view]
+    )
+  )
+
+  // select and scroll to position on editor:gotoOffset event (from review panel)
+  useScopeEventListener(
+    'editor:gotoOffset',
+    useCallback(
+      (_event, options) => {
+        setCursorPositionAndScroll(view, options.gotoOffset)
+      },
+      [view]
+    )
+  )
+
+  // dispatch 'cursor:editor:update' to Angular scope (for synctex and realtime)
+  const dispatchCursorUpdate = useScopeEventEmitter('cursor:editor:update')
+
+  const handleCursorUpdate = useCallback(
+    (event: CustomEvent) => {
+      dispatchCursorUpdate(event.detail)
+    },
+    [dispatchCursorUpdate]
+  )
+
+  // listen for 'cursor:editor:update' events from CodeMirror, and dispatch them to Angular
+  useEventListener('cursor:editor:update', handleCursorUpdate)
+
+  // dispatch 'cursor:editor:update' to Angular scope (for outline)
+  const dispatchScrollUpdate = useScopeEventEmitter('scroll:editor:update')
+
+  const handleScrollUpdate = useCallback(
+    (event: CustomEvent) => {
+      dispatchScrollUpdate(event.detail)
+    },
+    [dispatchScrollUpdate]
+  )
+
+  // listen for 'cursor:editor:update' events from CodeMirror, and dispatch them to Angular
+  useEventListener('scroll:editor:update', handleScrollUpdate)
+
+  // enable the compile log linter a) when "Code Check" is off, b) when the project hasn't changed and isn't compiling.
+  // the project "changed at" date is reset at the start of the compile, i.e. "the project hasn't changed",
+  // but we don't want to display the compile log diagnostics from the previous compile.
+  const enableCompileLogLinter =
+    !syntaxValidation || (!editedSinceCompileStarted && !compiling)
+
+  // store enableCompileLogLinter in a ref for use in useEffect
+  const enableCompileLogLinterRef = useRef(enableCompileLogLinter)
+
+  useEffect(() => {
+    enableCompileLogLinterRef.current = enableCompileLogLinter
+  }, [enableCompileLogLinter])
+
+  // enable/disable the compile log linter as appropriate
+  useEffect(() => {
+    window.setTimeout(() => {
+      view.dispatch(showCompileLogDiagnostics(enableCompileLogLinter))
+    })
+  }, [view, enableCompileLogLinter])
+
+  // set the compile log annotations when they change
+  useEffect(() => {
+    if (currentDocument && logEntryAnnotations) {
+      const annotations = logEntryAnnotations[currentDocument.doc_id]
+
+      window.setTimeout(() => {
+        view.dispatch(
+          setAnnotations(view.state, annotations || []),
+          // reconfigure the compile log lint source, so it runs once with the new data
+          showCompileLogDiagnostics(enableCompileLogLinterRef.current)
+        )
+      })
+    }
+  }, [view, currentDocument, logEntryAnnotations])
+
+  const highlightsRef = useRef<{ cursorHighlights: Highlight[] }>({
+    cursorHighlights: [],
+  })
+
+  useEffect(() => {
+    if (onlineUserCursorHighlights && currentDocument) {
+      const items = onlineUserCursorHighlights[currentDocument.doc_id]
+      highlightsRef.current.cursorHighlights = items
+      window.setTimeout(() => {
+        view.dispatch(setCursorHighlights(items))
+      })
+    }
+  }, [view, onlineUserCursorHighlights, currentDocument])
+
+  useEventListener(
+    'editor:focus',
+    useCallback(() => {
+      view.focus()
+    }, [view])
+  )
+}
+
+export default useCodeMirrorScope
diff --git a/services/web/frontend/js/features/source-editor/hooks/use-current-project-folders.ts b/services/web/frontend/js/features/source-editor/hooks/use-current-project-folders.ts
new file mode 100644
index 0000000..bc15618
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/hooks/use-current-project-folders.ts
@@ -0,0 +1,51 @@
+import { useMemo } from 'react'
+import { File, FileOrDirectory, filterFolders } from '../utils/file'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import { Folder } from '../../../../../types/folder'
+import { Doc } from '../../../../../types/doc'
+import { FileRef } from '../../../../../types/file-ref'
+
+function docAdapter(doc: Doc): FileOrDirectory {
+  return {
+    id: doc._id,
+    name: doc.name,
+    type: 'doc',
+  }
+}
+
+function fileRefAdapter(fileRef: FileRef): FileOrDirectory {
+  return {
+    id: fileRef._id,
+    name: fileRef.name,
+    type: 'file',
+  }
+}
+
+function folderAdapter(folder: Folder): FileOrDirectory {
+  return {
+    id: folder._id,
+    name: folder.name,
+    type: 'folder',
+    children: folder.docs
+      .map(docAdapter)
+      .concat(
+        folder.fileRefs.map(fileRefAdapter),
+        folder.folders.map(folderAdapter)
+      ),
+  }
+}
+
+export const useCurrentProjectFolders: () => {
+  folders: File[] | undefined
+  rootFile: File
+  rootFolder: FileOrDirectory
+} = () => {
+  const { fileTreeData } = useFileTreeData()
+
+  return useMemo(() => {
+    const rootFolder = folderAdapter(fileTreeData)
+    const rootFile = { ...rootFolder, path: '' }
+    const folders = filterFolders(rootFolder)
+    return { folders, rootFile, rootFolder }
+  }, [fileTreeData])
+}
diff --git a/services/web/frontend/js/features/source-editor/hooks/use-hunspell.ts b/services/web/frontend/js/features/source-editor/hooks/use-hunspell.ts
new file mode 100644
index 0000000..58e41dd
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/hooks/use-hunspell.ts
@@ -0,0 +1,35 @@
+import { useEffect, useState } from 'react'
+import getMeta from '@/utils/meta'
+import { globalIgnoredWords } from '@/features/dictionary/ignored-words'
+import { HunspellManager } from '@/features/source-editor/hunspell/HunspellManager'
+import { debugConsole } from '@/utils/debugging'
+import { learnedWords } from '@/features/source-editor/extensions/spelling/learned-words'
+import { supportsWebAssembly } from '@/utils/wasm'
+
+export const useHunspell = (spellCheckLanguage: string | null) => {
+  const [hunspellManager, setHunspellManager] = useState<HunspellManager>()
+
+  useEffect(() => {
+    if (spellCheckLanguage && supportsWebAssembly()) {
+      const lang = (getMeta('ol-languages') ?? []).find(
+        item => item.code === spellCheckLanguage
+      )
+      if (lang?.dic) {
+        const hunspellManager = new HunspellManager(lang.dic, [
+          ...globalIgnoredWords,
+          ...learnedWords.global,
+        ])
+        setHunspellManager(hunspellManager)
+        debugConsole.log(spellCheckLanguage, hunspellManager)
+
+        return () => {
+          hunspellManager.destroy()
+        }
+      } else {
+        setHunspellManager(undefined)
+      }
+    }
+  }, [spellCheckLanguage])
+
+  return hunspellManager
+}
diff --git a/services/web/frontend/js/features/source-editor/hooks/use-included-file.ts b/services/web/frontend/js/features/source-editor/hooks/use-included-file.ts
new file mode 100644
index 0000000..986d3f8
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/hooks/use-included-file.ts
@@ -0,0 +1,47 @@
+import { useCodeMirrorStateContext } from '@/features/source-editor/components/codemirror-context'
+import { useFileTreePathContext } from '@/features/file-tree/contexts/file-tree-path'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+import { useCallback } from 'react'
+import { EditorState } from '@codemirror/state'
+import { resolveCommandNode } from '@/features/source-editor/extensions/command-tooltip'
+import {
+  FilePathArgument,
+  LiteralArgContent,
+} from '@/features/source-editor/lezer-latex/latex.terms.mjs'
+
+export const useIncludedFile = (argumentType: string) => {
+  const state = useCodeMirrorStateContext()
+  const { findEntityByPath } = useFileTreePathContext()
+  const { openDocWithId } = useEditorManagerContext()
+
+  const openIncludedFile = useCallback(() => {
+    const name = readIncludedPath(state, argumentType)
+    if (name) {
+      // TODO: find in relative path or root folder
+      for (const extension of ['.tex', '']) {
+        const result = findEntityByPath(`${name}${extension}`)
+        if (result) {
+          return openDocWithId(result.entity._id)
+        }
+      }
+      // TODO: handle file not found
+    }
+  }, [argumentType, findEntityByPath, openDocWithId, state])
+
+  return { openIncludedFile }
+}
+
+const readIncludedPath = (
+  state: EditorState,
+  argumentType: string | number
+) => {
+  const commandNode = resolveCommandNode(state)
+  const argumentNode = commandNode
+    ?.getChild(argumentType)
+    ?.getChild(FilePathArgument)
+    ?.getChild(LiteralArgContent)
+
+  if (argumentNode) {
+    return state.sliceDoc(argumentNode.from, argumentNode.to)
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/hooks/use-phrases.ts b/services/web/frontend/js/features/source-editor/hooks/use-phrases.ts
new file mode 100644
index 0000000..fe3512b
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/hooks/use-phrases.ts
@@ -0,0 +1,52 @@
+import { useTranslation } from 'react-i18next'
+import { useMemo } from 'react'
+
+export const usePhrases = (): Record<string, string> => {
+  const { t, i18n } = useTranslation()
+
+  const codemirrorBuiltinsOverrides = useMemo(
+    () => ({
+      'Fold line': t('fold_line'),
+      'Unfold line': t('unfold_line'),
+    }),
+    [t]
+  )
+
+  const translationProxy = useMemo(
+    () => ({
+      getOwnPropertyDescriptor(target: Record<string, string>, prop: string) {
+        // If we've added an override
+        if (Object.prototype.hasOwnProperty.call(target, prop)) {
+          return Object.getOwnPropertyDescriptor(target, prop)
+        }
+        // If the translation exists, report a property:
+        //   non-enumerable: it won't show up in enumerating the keys of the target
+        //   configurable: we have to report it as configurable since it doesn't
+        //                 exist in the base object
+        //   writable: an override can be added
+        if (i18n.exists(prop)) {
+          return { enumerable: false, configurable: true, writable: true }
+        }
+        return Object.getOwnPropertyDescriptor(target, prop)
+      },
+      get(target: Record<string, string>, prop: string) {
+        // If we've specifically added an override
+        if (Object.prototype.hasOwnProperty.call(target, prop)) {
+          return target[prop]
+        }
+        if (i18n.exists(prop)) {
+          return t(prop)
+        }
+        return target[prop]
+      },
+    }),
+    [t, i18n]
+  )
+
+  const phrases = useMemo(
+    () => new Proxy(codemirrorBuiltinsOverrides, translationProxy),
+    [translationProxy, codemirrorBuiltinsOverrides]
+  )
+
+  return phrases
+}
diff --git a/services/web/frontend/js/features/source-editor/hunspell/Dockerfile b/services/web/frontend/js/features/source-editor/hunspell/Dockerfile
new file mode 100644
index 0000000..6ad77a8
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/hunspell/Dockerfile
@@ -0,0 +1,9 @@
+FROM emscripten/emsdk:3.1.67
+
+RUN apt-get update && apt-get install -y \
+    autoconf \
+    automake \
+    autopoint \
+    build-essential \
+    libtool \
+    cmake
diff --git a/services/web/frontend/js/features/source-editor/hunspell/HunspellManager.ts b/services/web/frontend/js/features/source-editor/hunspell/HunspellManager.ts
new file mode 100644
index 0000000..794ede7
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/hunspell/HunspellManager.ts
@@ -0,0 +1,175 @@
+/* eslint-disable no-dupe-class-members */
+
+import { v4 as uuid } from 'uuid'
+import getMeta from '@/utils/meta'
+import { debugConsole } from '@/utils/debugging'
+import { captureException } from '@/infrastructure/error-reporter'
+
+type SpellMessage = {
+  type: 'spell'
+  words: string[]
+}
+
+type SuggestMessage = {
+  type: 'suggest'
+  word: string
+}
+
+type AddWordMessage = {
+  type: 'add_word'
+  word: string
+}
+
+type RemoveWordMessage = {
+  type: 'remove_word'
+  word: string
+}
+
+type DestroyMessage = {
+  type: 'destroy'
+}
+
+type Message = { id?: string } & (
+  | SpellMessage
+  | SuggestMessage
+  | AddWordMessage
+  | RemoveWordMessage
+  | DestroyMessage
+)
+
+type EmptyResult = Record<string, never>
+
+type ErrorResult = {
+  error: true
+}
+
+type SpellResult = {
+  misspellings: { index: number }[]
+}
+
+type SuggestResult = {
+  suggestions: string[]
+}
+
+type ResultCallback =
+  | ((value: SpellResult | ErrorResult) => void)
+  | ((value: SuggestResult | ErrorResult) => void)
+  | ((value: EmptyResult | ErrorResult) => void)
+
+export class HunspellManager {
+  baseAssetPath: string
+  dictionariesRoot: string
+  hunspellWorker!: Worker
+  abortController: AbortController | undefined
+  listening = false
+  loaded = false
+  loadingFailed = false
+  pendingMessages: Message[] = []
+  callbacks: Map<string, ResultCallback> = new Map()
+
+  constructor(
+    private readonly language: string,
+    private readonly learnedWords: string[]
+  ) {
+    this.baseAssetPath = new URL(
+      getMeta('ol-baseAssetPath'),
+      window.location.href
+    ).toString()
+
+    this.dictionariesRoot = getMeta('ol-dictionariesRoot')
+
+    this.hunspellWorker = new Worker(
+      /* webpackChunkName: "hunspell-worker" */
+      new URL('./hunspell.worker.ts', import.meta.url),
+      { type: 'module' }
+    )
+
+    this.hunspellWorker.addEventListener('message', this.receive.bind(this))
+  }
+
+  destroy() {
+    this.send({ type: 'destroy' }, () => {
+      this.hunspellWorker.terminate()
+    })
+  }
+
+  send(
+    message: AddWordMessage,
+    callback: (value: EmptyResult | ErrorResult) => void
+  ): void
+
+  send(
+    message: RemoveWordMessage,
+    callback: (value: EmptyResult | ErrorResult) => void
+  ): void
+
+  send(
+    message: DestroyMessage,
+    callback: (value: EmptyResult | ErrorResult) => void
+  ): void
+
+  send(
+    message: SuggestMessage,
+    callback: (value: SuggestResult | ErrorResult) => void
+  ): void
+
+  send(
+    message: SpellMessage,
+    callback: (value: SpellResult | ErrorResult) => void
+  ): void
+
+  send(message: Message, callback: ResultCallback): void {
+    if (this.loadingFailed) {
+      return // ignore the message
+    }
+
+    if (callback) {
+      message.id = uuid()
+      this.callbacks.set(message.id, callback)
+    }
+
+    if (this.listening) {
+      this.hunspellWorker.postMessage(message)
+    } else {
+      this.pendingMessages.push(message)
+    }
+  }
+
+  receive(event: MessageEvent) {
+    debugConsole.log(event.data)
+    const { id, ...rest } = event.data
+    if (id) {
+      const callback = this.callbacks.get(id)
+      if (callback) {
+        this.callbacks.delete(id)
+        callback(rest)
+      }
+    } else if (rest.listening) {
+      this.listening = true
+      this.hunspellWorker.postMessage({
+        type: 'init',
+        lang: this.language,
+        learnedWords: this.learnedWords,
+        baseAssetPath: this.baseAssetPath,
+        dictionariesRoot: this.dictionariesRoot,
+      })
+      for (const message of this.pendingMessages) {
+        this.hunspellWorker.postMessage(message)
+        this.pendingMessages.length = 0
+      }
+    } else if (rest.loaded) {
+      this.loaded = true
+    } else if (rest.loadingFailed) {
+      captureException(
+        new Error('Spell check loading failed', {
+          cause: rest.loadingFailed,
+        }),
+        {
+          tags: { ol_spell_check_language: this.language },
+        }
+      )
+      this.loadingFailed = true
+      this.pendingMessages.length = 0
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/hunspell/build.sh b/services/web/frontend/js/features/source-editor/hunspell/build.sh
new file mode 100755
index 0000000..8c19c19
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/hunspell/build.sh
@@ -0,0 +1,13 @@
+#!/usr/bin/env bash
+set -e
+
+# build an Emscripten SDK Docker image with Hunspell's build dependencies installed
+docker build --pull --tag overleaf/emsdk .
+
+# compile Hunspell to WASM and copy the output files from the Docker container
+docker run --rm \
+  --workdir /opt \
+  --volume "$(pwd)/wasm":/wasm \
+  --volume "$(pwd)/compile.sh":/opt/compile.sh:ro \
+  overleaf/emsdk \
+  bash compile.sh
diff --git a/services/web/frontend/js/features/source-editor/hunspell/compile.sh b/services/web/frontend/js/features/source-editor/hunspell/compile.sh
new file mode 100755
index 0000000..57dea4c
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/hunspell/compile.sh
@@ -0,0 +1,24 @@
+#!/usr/bin/env bash
+set -e
+
+COMMIT="e994dceb97fb695bca6bfe5ad5665525426bf01f"
+
+curl -L "https://github.com/hunspell/hunspell/archive/${COMMIT}.tar.gz" | tar xvz
+
+cd "hunspell-${COMMIT}"
+autoreconf -fiv
+emconfigure ./configure --disable-shared --enable-static
+emmake make
+
+em++ \
+    -s EXPORTED_FUNCTIONS="['_Hunspell_create', '_Hunspell_destroy', '_Hunspell_spell', '_Hunspell_suggest', '_Hunspell_free_list', '_Hunspell_add_dic', '_Hunspell_add', '_Hunspell_remove', '_free', '_malloc', 'FS']" \
+    -s EXPORTED_RUNTIME_METHODS="['ccall', 'cwrap', 'getValue', 'stringToNewUTF8', 'UTF8ToString', 'MEMFS']" \
+    -s ENVIRONMENT=worker \
+    -s STACK_SIZE=5MB \
+    -s ALLOW_MEMORY_GROWTH \
+    -O2 \
+    -g2 \
+    src/hunspell/.libs/libhunspell-1.7.a \
+    -o hunspell.mjs
+
+cp hunspell.{mjs,wasm} /wasm/
diff --git a/services/web/frontend/js/features/source-editor/hunspell/hunspell.worker.ts b/services/web/frontend/js/features/source-editor/hunspell/hunspell.worker.ts
new file mode 100644
index 0000000..c1a8577
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/hunspell/hunspell.worker.ts
@@ -0,0 +1,247 @@
+import Hunspell from './wasm/hunspell'
+import hunspellWasmPath from './wasm/hunspell.wasm'
+import { buildAdditionalDictionary } from './wordlists/dictionary-additions'
+
+type SpellChecker = {
+  spell(words: string[]): { index: number }[]
+  suggest(word: string): string[]
+  addWord(word: string): void
+  removeWord(word: string): void
+  destroy(): void
+}
+
+const createSpellChecker = async ({
+  lang,
+  learnedWords,
+  baseAssetPath,
+  dictionariesRoot,
+}: {
+  lang: string
+  learnedWords: string[]
+  baseAssetPath: string
+  dictionariesRoot: string
+}) => {
+  const fileLocations: Record<string, string> = {
+    'hunspell.wasm': new URL(hunspellWasmPath, baseAssetPath).toString(),
+  }
+
+  const hunspell = await Hunspell({
+    locateFile(file: string) {
+      return fileLocations[file]
+    },
+  })
+
+  const {
+    cwrap,
+    FS,
+    MEMFS,
+    stringToNewUTF8,
+    _malloc,
+    _free,
+    getValue,
+    UTF8ToString,
+  } = hunspell
+
+  // https://github.com/hunspell/hunspell/blob/master/src/hunspell/hunspell.h
+  // https://github.com/kwonoj/hunspell-asm/blob/master/src/wrapHunspellInterface.ts
+
+  const create = cwrap('Hunspell_create', 'number', ['number', 'number'])
+  const destroy = cwrap('Hunspell_destroy', 'number', ['number', 'number'])
+  const spell = cwrap('Hunspell_spell', 'number', ['number', 'number'])
+  const suggest = cwrap('Hunspell_suggest', 'number', [
+    'number',
+    'number',
+    'number',
+  ])
+  const addDic = cwrap('Hunspell_add_dic', 'number', ['number', 'number'])
+  const addWord = cwrap('Hunspell_add', 'number', ['number', 'number'])
+  const removeWord = cwrap('Hunspell_remove', 'number', ['number', 'number'])
+  const freeList = cwrap('Hunspell_free_list', 'number', [
+    'number',
+    'number',
+    'number',
+  ])
+
+  FS.mkdir('/dictionaries')
+
+  const dictionariesRootURL = new URL(dictionariesRoot, baseAssetPath)
+
+  const [dic, aff] = await Promise.all([
+    fetch(new URL(`./${lang}.dic`, dictionariesRootURL)).then(response =>
+      response.arrayBuffer()
+    ),
+    fetch(new URL(`./${lang}.aff`, dictionariesRootURL)).then(response =>
+      response.arrayBuffer()
+    ),
+  ])
+
+  FS.mount(MEMFS, {}, '/dictionaries')
+  FS.writeFile('/dictionaries/index.dic', new Uint8Array(dic))
+  FS.writeFile('/dictionaries/index.aff', new Uint8Array(aff))
+
+  const dicPtr = stringToNewUTF8('/dictionaries/index.dic')
+  const affPtr = stringToNewUTF8('/dictionaries/index.aff')
+  const spellPtr = create(affPtr, dicPtr)
+
+  FS.writeFile(
+    '/dictionaries/extra.dic',
+    await buildAdditionalDictionary(lang, learnedWords)
+  )
+  const extraDicPtr = stringToNewUTF8('/dictionaries/extra.dic')
+  addDic(spellPtr, extraDicPtr)
+  _free(extraDicPtr)
+
+  const spellChecker: SpellChecker = {
+    spell(words) {
+      const misspellings: { index: number }[] = []
+
+      for (const [index, word] of words.entries()) {
+        const wordPtr = stringToNewUTF8(word)
+        const spellResult = spell(spellPtr, wordPtr)
+        _free(wordPtr)
+
+        if (spellResult === 0) {
+          misspellings.push({ index })
+        }
+      }
+
+      return misspellings
+    },
+    suggest(word) {
+      const suggestions: string[] = []
+
+      const suggestionListPtr = _malloc(4)
+      const wordPtr = stringToNewUTF8(word)
+      const suggestionCount = suggest(spellPtr, suggestionListPtr, wordPtr)
+      _free(wordPtr)
+      const suggestionListValuePtr = getValue(suggestionListPtr, '*')
+
+      for (let i = 0; i < suggestionCount; i++) {
+        const suggestion = UTF8ToString(
+          getValue(suggestionListValuePtr + i * 4, '*')
+        )
+        suggestions.push(suggestion)
+      }
+
+      freeList(spellPtr, suggestionListPtr, suggestionCount)
+      _free(suggestionListPtr)
+
+      return suggestions
+    },
+    addWord(word) {
+      const wordPtr = stringToNewUTF8(word)
+      const result = addWord(spellPtr, wordPtr)
+      _free(wordPtr)
+
+      if (result !== 0) {
+        throw new Error('The word could not be added to the dictionary')
+      }
+    },
+    removeWord(word) {
+      const wordPtr = stringToNewUTF8(word)
+      const result = removeWord(spellPtr, wordPtr)
+      _free(wordPtr)
+
+      if (result !== 0) {
+        throw new Error('The word could not be removed from the dictionary')
+      }
+    },
+    destroy() {
+      destroy(spellPtr)
+      _free(spellPtr)
+      _free(dicPtr)
+      _free(affPtr)
+    },
+  }
+
+  return spellChecker
+}
+
+let spellCheckerPromise: Promise<SpellChecker>
+
+self.addEventListener('message', async event => {
+  switch (event.data.type) {
+    case 'init':
+      try {
+        spellCheckerPromise = createSpellChecker(event.data)
+        await spellCheckerPromise
+        self.postMessage({ loaded: true })
+      } catch (error) {
+        console.error(error)
+        self.postMessage({ loadingFailed: error })
+      }
+      break
+
+    case 'spell':
+      {
+        const { id, words } = event.data
+        try {
+          const spellChecker = await spellCheckerPromise
+          const misspellings = spellChecker.spell(words)
+          self.postMessage({ id, misspellings })
+        } catch (error) {
+          console.error(error)
+          self.postMessage({ id, error: true })
+        }
+      }
+      break
+
+    case 'suggest':
+      {
+        const { id, word } = event.data
+        try {
+          const spellChecker = await spellCheckerPromise
+          const suggestions = spellChecker.suggest(word)
+          self.postMessage({ id, suggestions })
+        } catch (error) {
+          console.error(error)
+          self.postMessage({ id, error: true })
+        }
+      }
+      break
+
+    case 'add_word':
+      {
+        const { id, word } = event.data
+        try {
+          const spellChecker = await spellCheckerPromise
+          spellChecker.addWord(word)
+          self.postMessage({ id })
+        } catch (error) {
+          console.error(error)
+          self.postMessage({ id, error: true })
+        }
+      }
+      break
+
+    case 'remove_word':
+      {
+        const { id, word } = event.data
+        try {
+          const spellChecker = await spellCheckerPromise
+          spellChecker.removeWord(word)
+          self.postMessage({ id })
+        } catch (error) {
+          console.error(error)
+          self.postMessage({ id, error: true })
+        }
+      }
+      break
+
+    case 'destroy':
+      {
+        const { id } = event.data
+        try {
+          const spellChecker = await spellCheckerPromise
+          spellChecker.destroy()
+          self.postMessage({ id })
+        } catch (error) {
+          console.error(error)
+          self.postMessage({ id, error: true })
+        }
+      }
+      break
+  }
+})
+
+self.postMessage({ listening: true })
diff --git a/services/web/frontend/js/features/source-editor/hunspell/wasm/README.md b/services/web/frontend/js/features/source-editor/hunspell/wasm/README.md
new file mode 100644
index 0000000..81dd64d
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/hunspell/wasm/README.md
@@ -0,0 +1,9 @@
+# Hunspell
+
+The files in this directory are:
+
+* `hunspell.wasm`: [Hunspell](https://github.com/hunspell/hunspell) compiled to WebAssembly using Emscripten, via the [build.sh](../build.sh) script.
+* `hunspell.mjs`: a JavaScript wrapper for the WebAssembly module, generated by Emscripten.
+* `hunspell.d.ts`: manually-created types for the exports from the JavaScript module.
+
+Note: To speed up compilation on ARM architecture (e.g. Apple M1), add `-arm64` to the Docker image tag in `Dockerfile`.
diff --git a/services/web/frontend/js/features/source-editor/hunspell/wasm/hunspell.d.ts b/services/web/frontend/js/features/source-editor/hunspell/wasm/hunspell.d.ts
new file mode 100644
index 0000000..ee04ced
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/hunspell/wasm/hunspell.d.ts
@@ -0,0 +1,73 @@
+/* eslint no-dupe-class-members: 0 */
+
+declare class Hunspell {
+  cwrap(
+    method: 'Hunspell_create',
+    output: string,
+    input: string[]
+  ): (affPtr: number, dicPtr: number) => number
+
+  cwrap(
+    method: 'Hunspell_destroy',
+    output: string,
+    input: string[]
+  ): (spellPtr: number) => number
+
+  cwrap(
+    method: 'Hunspell_spell',
+    output: string,
+    input: string[]
+  ): (spellPtr: number, wordPtr: number) => number
+
+  cwrap(
+    method: 'Hunspell_suggest',
+    output: string,
+    input: string[]
+  ): (spellPtr: number, suggestionListPtr: number, wordPtr: number) => number
+
+  cwrap(
+    method: 'Hunspell_add_dic',
+    output: string,
+    input: string[]
+  ): (spellPtr: number, wordPtr: number) => number
+
+  cwrap(
+    method: 'Hunspell_add',
+    output: string,
+    input: string[]
+  ): (spellPtr: number, wordPtr: number) => number
+
+  cwrap(
+    method: 'Hunspell_remove',
+    output: string,
+    input: string[]
+  ): (spellPtr: number, wordPtr: number) => number
+
+  cwrap(
+    method: 'Hunspell_free_list',
+    output: string,
+    input: string[]
+  ): (spellPtr: number, suggestionListPtr: number, n: number) => number
+
+  stringToNewUTF8(input: string): number
+  UTF8ToString(input: number): string
+  _malloc(length: number): number
+  _free(ptr: number): void
+  getValue(ptr: number, type: string): number
+  FS: {
+    mkdir(path: string): void
+    mount(type: any, opts: Record<string, any>, dir: string): void
+    writeFile(
+      path: string,
+      data: string | ArrayBufferView,
+      opts?: { flags?: string }
+    )
+  }
+
+  MEMFS: any
+}
+
+declare const factory = async (options?: Record<string, any>) =>
+  new Hunspell(options)
+
+export default factory
diff --git a/services/web/frontend/js/features/source-editor/hunspell/wasm/hunspell.mjs b/services/web/frontend/js/features/source-editor/hunspell/wasm/hunspell.mjs
new file mode 100644
index 0000000..65fde1c
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/hunspell/wasm/hunspell.mjs
@@ -0,0 +1,3780 @@
+
+var Module = (() => {
+  var _scriptName = import.meta.url;
+  
+  return (
+function(moduleArg = {}) {
+  var moduleRtn;
+
+// include: shell.js
+// The Module object: Our interface to the outside world. We import
+// and export values on it. There are various ways Module can be used:
+// 1. Not defined. We create it here
+// 2. A function parameter, function(moduleArg) => Promise<Module>
+// 3. pre-run appended it, var Module = {}; ..generated code..
+// 4. External script tag defines var Module.
+// We need to check if Module already exists (e.g. case 3 above).
+// Substitution will be replaced with actual code on later stage of the build,
+// this way Closure Compiler will not mangle it (e.g. case 4. above).
+// Note that if you want to run closure, and also to use Module
+// after the generated code, you will need to define   var Module = {};
+// before the code. Then that object will be used in the code, and you
+// can continue to use Module afterwards as well.
+var Module = moduleArg;
+
+// Set up the promise that indicates the Module is initialized
+var readyPromiseResolve, readyPromiseReject;
+
+var readyPromise = new Promise((resolve, reject) => {
+  readyPromiseResolve = resolve;
+  readyPromiseReject = reject;
+});
+
+// Determine the runtime environment we are in. You can customize this by
+// setting the ENVIRONMENT setting at compile time (see settings.js).
+var ENVIRONMENT_IS_WEB = false;
+
+var ENVIRONMENT_IS_WORKER = true;
+
+// --pre-jses are emitted after the Module integration code, so that they can
+// refer to Module (if they choose; they can also define Module)
+// Sometimes an existing Module object exists with properties
+// meant to overwrite the default module functionality. Here
+// we collect those properties and reapply _after_ we configure
+// the current environment's defaults to avoid having to be so
+// defensive during initialization.
+var moduleOverrides = Object.assign({}, Module);
+
+var arguments_ = [];
+
+var thisProgram = "./this.program";
+
+// `/` should be present at the end if `scriptDirectory` is not empty
+var scriptDirectory = "";
+
+function locateFile(path) {
+  if (Module["locateFile"]) {
+    return Module["locateFile"](path, scriptDirectory);
+  }
+  return scriptDirectory + path;
+}
+
+// Hooks that are implemented differently in different runtime environments.
+var readAsync, readBinary;
+
+// Note that this includes Node.js workers when relevant (pthreads is enabled).
+// Node.js workers are detected as a combination of ENVIRONMENT_IS_WORKER and
+// ENVIRONMENT_IS_NODE.
+if (ENVIRONMENT_IS_WEB || ENVIRONMENT_IS_WORKER) {
+  if (ENVIRONMENT_IS_WORKER) {
+    // Check worker, not web, since window could be polyfilled
+    scriptDirectory = self.location.href;
+  } else if (typeof document != "undefined" && document.currentScript) {
+    // web
+    scriptDirectory = document.currentScript.src;
+  }
+  // When MODULARIZE, this JS may be executed later, after document.currentScript
+  // is gone, so we saved it, and we use it here instead of any other info.
+  if (_scriptName) {
+    scriptDirectory = _scriptName;
+  }
+  // blob urls look like blob:http://site.com/etc/etc and we cannot infer anything from them.
+  // otherwise, slice off the final part of the url to find the script directory.
+  // if scriptDirectory does not contain a slash, lastIndexOf will return -1,
+  // and scriptDirectory will correctly be replaced with an empty string.
+  // If scriptDirectory contains a query (starting with ?) or a fragment (starting with #),
+  // they are removed because they could contain a slash.
+  if (scriptDirectory.startsWith("blob:")) {
+    scriptDirectory = "";
+  } else {
+    scriptDirectory = scriptDirectory.substr(0, scriptDirectory.replace(/[?#].*/, "").lastIndexOf("/") + 1);
+  }
+  {
+    // include: web_or_worker_shell_read.js
+    if (ENVIRONMENT_IS_WORKER) {
+      readBinary = url => {
+        var xhr = new XMLHttpRequest;
+        xhr.open("GET", url, false);
+        xhr.responseType = "arraybuffer";
+        xhr.send(null);
+        return new Uint8Array(/** @type{!ArrayBuffer} */ (xhr.response));
+      };
+    }
+    readAsync = url => fetch(url, {
+      credentials: "same-origin"
+    }).then(response => {
+      if (response.ok) {
+        return response.arrayBuffer();
+      }
+      return Promise.reject(new Error(response.status + " : " + response.url));
+    });
+  }
+} else // end include: web_or_worker_shell_read.js
+{}
+
+var out = Module["print"] || console.log.bind(console);
+
+var err = Module["printErr"] || console.error.bind(console);
+
+// Merge back in the overrides
+Object.assign(Module, moduleOverrides);
+
+// Free the object hierarchy contained in the overrides, this lets the GC
+// reclaim data used.
+moduleOverrides = null;
+
+// Emit code to handle expected values on the Module object. This applies Module.x
+// to the proper local x. This has two benefits: first, we only emit it if it is
+// expected to arrive, and second, by using a local everywhere else that can be
+// minified.
+if (Module["arguments"]) arguments_ = Module["arguments"];
+
+if (Module["thisProgram"]) thisProgram = Module["thisProgram"];
+
+// perform assertions in shell.js after we set up out() and err(), as otherwise if an assertion fails it cannot print the message
+// end include: shell.js
+// include: preamble.js
+// === Preamble library stuff ===
+// Documentation for the public APIs defined in this file must be updated in:
+//    site/source/docs/api_reference/preamble.js.rst
+// A prebuilt local version of the documentation is available at:
+//    site/build/text/docs/api_reference/preamble.js.txt
+// You can also build docs locally as HTML or other formats in site/
+// An online HTML version (which may be of a different version of Emscripten)
+//    is up at http://kripken.github.io/emscripten-site/docs/api_reference/preamble.js.html
+var wasmBinary = Module["wasmBinary"];
+
+// Wasm globals
+var wasmMemory;
+
+//========================================
+// Runtime essentials
+//========================================
+// whether we are quitting the application. no code should run after this.
+// set in exit() and abort()
+var ABORT = false;
+
+// Memory management
+var /** @type {!Int8Array} */ HEAP8, /** @type {!Uint8Array} */ HEAPU8, /** @type {!Int16Array} */ HEAP16, /** @type {!Uint16Array} */ HEAPU16, /** @type {!Int32Array} */ HEAP32, /** @type {!Uint32Array} */ HEAPU32, /** @type {!Float32Array} */ HEAPF32, /** @type {!Float64Array} */ HEAPF64;
+
+// include: runtime_shared.js
+function updateMemoryViews() {
+  var b = wasmMemory.buffer;
+  Module["HEAP8"] = HEAP8 = new Int8Array(b);
+  Module["HEAP16"] = HEAP16 = new Int16Array(b);
+  Module["HEAPU8"] = HEAPU8 = new Uint8Array(b);
+  Module["HEAPU16"] = HEAPU16 = new Uint16Array(b);
+  Module["HEAP32"] = HEAP32 = new Int32Array(b);
+  Module["HEAPU32"] = HEAPU32 = new Uint32Array(b);
+  Module["HEAPF32"] = HEAPF32 = new Float32Array(b);
+  Module["HEAPF64"] = HEAPF64 = new Float64Array(b);
+}
+
+// end include: runtime_shared.js
+// include: runtime_stack_check.js
+// end include: runtime_stack_check.js
+var __ATPRERUN__ = [];
+
+// functions called before the runtime is initialized
+var __ATINIT__ = [];
+
+// functions called during shutdown
+var __ATPOSTRUN__ = [];
+
+// functions called after the main() is called
+var runtimeInitialized = false;
+
+function preRun() {
+  if (Module["preRun"]) {
+    if (typeof Module["preRun"] == "function") Module["preRun"] = [ Module["preRun"] ];
+    while (Module["preRun"].length) {
+      addOnPreRun(Module["preRun"].shift());
+    }
+  }
+  callRuntimeCallbacks(__ATPRERUN__);
+}
+
+function initRuntime() {
+  runtimeInitialized = true;
+  if (!Module["noFSInit"] && !FS.initialized) FS.init();
+  FS.ignorePermissions = false;
+  TTY.init();
+  callRuntimeCallbacks(__ATINIT__);
+}
+
+function postRun() {
+  if (Module["postRun"]) {
+    if (typeof Module["postRun"] == "function") Module["postRun"] = [ Module["postRun"] ];
+    while (Module["postRun"].length) {
+      addOnPostRun(Module["postRun"].shift());
+    }
+  }
+  callRuntimeCallbacks(__ATPOSTRUN__);
+}
+
+function addOnPreRun(cb) {
+  __ATPRERUN__.unshift(cb);
+}
+
+function addOnInit(cb) {
+  __ATINIT__.unshift(cb);
+}
+
+function addOnPostRun(cb) {
+  __ATPOSTRUN__.unshift(cb);
+}
+
+// include: runtime_math.js
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/imul
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/fround
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/clz32
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/trunc
+// end include: runtime_math.js
+// A counter of dependencies for calling run(). If we need to
+// do asynchronous work before running, increment this and
+// decrement it. Incrementing must happen in a place like
+// Module.preRun (used by emcc to add file preloading).
+// Note that you can add dependencies in preRun, even though
+// it happens right before run - run will be postponed until
+// the dependencies are met.
+var runDependencies = 0;
+
+var runDependencyWatcher = null;
+
+var dependenciesFulfilled = null;
+
+// overridden to take different actions when all run dependencies are fulfilled
+function getUniqueRunDependency(id) {
+  return id;
+}
+
+function addRunDependency(id) {
+  runDependencies++;
+  Module["monitorRunDependencies"]?.(runDependencies);
+}
+
+function removeRunDependency(id) {
+  runDependencies--;
+  Module["monitorRunDependencies"]?.(runDependencies);
+  if (runDependencies == 0) {
+    if (runDependencyWatcher !== null) {
+      clearInterval(runDependencyWatcher);
+      runDependencyWatcher = null;
+    }
+    if (dependenciesFulfilled) {
+      var callback = dependenciesFulfilled;
+      dependenciesFulfilled = null;
+      callback();
+    }
+  }
+}
+
+/** @param {string|number=} what */ function abort(what) {
+  Module["onAbort"]?.(what);
+  what = "Aborted(" + what + ")";
+  // TODO(sbc): Should we remove printing and leave it up to whoever
+  // catches the exception?
+  err(what);
+  ABORT = true;
+  what += ". Build with -sASSERTIONS for more info.";
+  // Use a wasm runtime error, because a JS error might be seen as a foreign
+  // exception, which means we'd run destructors on it. We need the error to
+  // simply make the program stop.
+  // FIXME This approach does not work in Wasm EH because it currently does not assume
+  // all RuntimeErrors are from traps; it decides whether a RuntimeError is from
+  // a trap or not based on a hidden field within the object. So at the moment
+  // we don't have a way of throwing a wasm trap from JS. TODO Make a JS API that
+  // allows this in the wasm spec.
+  // Suppress closure compiler warning here. Closure compiler's builtin extern
+  // definition for WebAssembly.RuntimeError claims it takes no arguments even
+  // though it can.
+  // TODO(https://github.com/google/closure-compiler/pull/3913): Remove if/when upstream closure gets fixed.
+  /** @suppress {checkTypes} */ var e = new WebAssembly.RuntimeError(what);
+  readyPromiseReject(e);
+  // Throw the error whether or not MODULARIZE is set because abort is used
+  // in code paths apart from instantiation where an exception is expected
+  // to be thrown when abort is called.
+  throw e;
+}
+
+// include: memoryprofiler.js
+// end include: memoryprofiler.js
+// include: URIUtils.js
+// Prefix of data URIs emitted by SINGLE_FILE and related options.
+var dataURIPrefix = "data:application/octet-stream;base64,";
+
+/**
+ * Indicates whether filename is a base64 data URI.
+ * @noinline
+ */ var isDataURI = filename => filename.startsWith(dataURIPrefix);
+
+// end include: URIUtils.js
+// include: runtime_exceptions.js
+// end include: runtime_exceptions.js
+function findWasmBinary() {
+  if (Module["locateFile"]) {
+    var f = "hunspell.wasm";
+    if (!isDataURI(f)) {
+      return locateFile(f);
+    }
+    return f;
+  }
+  // Use bundler-friendly `new URL(..., import.meta.url)` pattern; works in browsers too.
+  return new URL("hunspell.wasm", import.meta.url).href;
+}
+
+var wasmBinaryFile;
+
+function getBinarySync(file) {
+  if (file == wasmBinaryFile && wasmBinary) {
+    return new Uint8Array(wasmBinary);
+  }
+  if (readBinary) {
+    return readBinary(file);
+  }
+  throw "both async and sync fetching of the wasm failed";
+}
+
+function getBinaryPromise(binaryFile) {
+  // If we don't have the binary yet, load it asynchronously using readAsync.
+  if (!wasmBinary) {
+    // Fetch the binary using readAsync
+    return readAsync(binaryFile).then(response => new Uint8Array(/** @type{!ArrayBuffer} */ (response)), // Fall back to getBinarySync if readAsync fails
+    () => getBinarySync(binaryFile));
+  }
+  // Otherwise, getBinarySync should be able to get it synchronously
+  return Promise.resolve().then(() => getBinarySync(binaryFile));
+}
+
+function instantiateArrayBuffer(binaryFile, imports, receiver) {
+  return getBinaryPromise(binaryFile).then(binary => WebAssembly.instantiate(binary, imports)).then(receiver, reason => {
+    err(`failed to asynchronously prepare wasm: ${reason}`);
+    abort(reason);
+  });
+}
+
+function instantiateAsync(binary, binaryFile, imports, callback) {
+  if (!binary && typeof WebAssembly.instantiateStreaming == "function" && !isDataURI(binaryFile) && typeof fetch == "function") {
+    return fetch(binaryFile, {
+      credentials: "same-origin"
+    }).then(response => {
+      // Suppress closure warning here since the upstream definition for
+      // instantiateStreaming only allows Promise<Repsponse> rather than
+      // an actual Response.
+      // TODO(https://github.com/google/closure-compiler/pull/3913): Remove if/when upstream closure is fixed.
+      /** @suppress {checkTypes} */ var result = WebAssembly.instantiateStreaming(response, imports);
+      return result.then(callback, function(reason) {
+        // We expect the most common failure cause to be a bad MIME type for the binary,
+        // in which case falling back to ArrayBuffer instantiation should work.
+        err(`wasm streaming compile failed: ${reason}`);
+        err("falling back to ArrayBuffer instantiation");
+        return instantiateArrayBuffer(binaryFile, imports, callback);
+      });
+    });
+  }
+  return instantiateArrayBuffer(binaryFile, imports, callback);
+}
+
+function getWasmImports() {
+  // prepare imports
+  return {
+    "env": wasmImports,
+    "wasi_snapshot_preview1": wasmImports
+  };
+}
+
+// Create the wasm instance.
+// Receives the wasm imports, returns the exports.
+function createWasm() {
+  var info = getWasmImports();
+  // Load the wasm module and create an instance of using native support in the JS engine.
+  // handle a generated wasm instance, receiving its exports and
+  // performing other necessary setup
+  /** @param {WebAssembly.Module=} module*/ function receiveInstance(instance, module) {
+    wasmExports = instance.exports;
+    wasmMemory = wasmExports["memory"];
+    updateMemoryViews();
+    addOnInit(wasmExports["__wasm_call_ctors"]);
+    removeRunDependency("wasm-instantiate");
+    return wasmExports;
+  }
+  // wait for the pthread pool (if any)
+  addRunDependency("wasm-instantiate");
+  // Prefer streaming instantiation if available.
+  function receiveInstantiationResult(result) {
+    // 'result' is a ResultObject object which has both the module and instance.
+    // receiveInstance() will swap in the exports (to Module.asm) so they can be called
+    // TODO: Due to Closure regression https://github.com/google/closure-compiler/issues/3193, the above line no longer optimizes out down to the following line.
+    // When the regression is fixed, can restore the above PTHREADS-enabled path.
+    receiveInstance(result["instance"]);
+  }
+  // User shell pages can write their own Module.instantiateWasm = function(imports, successCallback) callback
+  // to manually instantiate the Wasm module themselves. This allows pages to
+  // run the instantiation parallel to any other async startup actions they are
+  // performing.
+  // Also pthreads and wasm workers initialize the wasm instance through this
+  // path.
+  if (Module["instantiateWasm"]) {
+    try {
+      return Module["instantiateWasm"](info, receiveInstance);
+    } catch (e) {
+      err(`Module.instantiateWasm callback failed with error: ${e}`);
+      // If instantiation fails, reject the module ready promise.
+      readyPromiseReject(e);
+    }
+  }
+  if (!wasmBinaryFile) wasmBinaryFile = findWasmBinary();
+  // If instantiation fails, reject the module ready promise.
+  instantiateAsync(wasmBinary, wasmBinaryFile, info, receiveInstantiationResult).catch(readyPromiseReject);
+  return {};
+}
+
+// Globals used by JS i64 conversions (see makeSetValue)
+var tempDouble;
+
+var tempI64;
+
+var callRuntimeCallbacks = callbacks => {
+  while (callbacks.length > 0) {
+    // Pass the module as the first argument.
+    callbacks.shift()(Module);
+  }
+};
+
+/**
+     * @param {number} ptr
+     * @param {string} type
+     */ function getValue(ptr, type = "i8") {
+  if (type.endsWith("*")) type = "*";
+  switch (type) {
+   case "i1":
+    return HEAP8[ptr];
+
+   case "i8":
+    return HEAP8[ptr];
+
+   case "i16":
+    return HEAP16[((ptr) >> 1)];
+
+   case "i32":
+    return HEAP32[((ptr) >> 2)];
+
+   case "i64":
+    abort("to do getValue(i64) use WASM_BIGINT");
+
+   case "float":
+    return HEAPF32[((ptr) >> 2)];
+
+   case "double":
+    return HEAPF64[((ptr) >> 3)];
+
+   case "*":
+    return HEAPU32[((ptr) >> 2)];
+
+   default:
+    abort(`invalid type for getValue: ${type}`);
+  }
+}
+
+var noExitRuntime = Module["noExitRuntime"] || true;
+
+var stackRestore = val => __emscripten_stack_restore(val);
+
+var stackSave = () => _emscripten_stack_get_current();
+
+var UTF8Decoder = typeof TextDecoder != "undefined" ? new TextDecoder : undefined;
+
+/**
+     * Given a pointer 'idx' to a null-terminated UTF8-encoded string in the given
+     * array that contains uint8 values, returns a copy of that string as a
+     * Javascript String object.
+     * heapOrArray is either a regular array, or a JavaScript typed array view.
+     * @param {number} idx
+     * @param {number=} maxBytesToRead
+     * @return {string}
+     */ var UTF8ArrayToString = (heapOrArray, idx, maxBytesToRead) => {
+  var endIdx = idx + maxBytesToRead;
+  var endPtr = idx;
+  // TextDecoder needs to know the byte length in advance, it doesn't stop on
+  // null terminator by itself.  Also, use the length info to avoid running tiny
+  // strings through TextDecoder, since .subarray() allocates garbage.
+  // (As a tiny code save trick, compare endPtr against endIdx using a negation,
+  // so that undefined means Infinity)
+  while (heapOrArray[endPtr] && !(endPtr >= endIdx)) ++endPtr;
+  if (endPtr - idx > 16 && heapOrArray.buffer && UTF8Decoder) {
+    return UTF8Decoder.decode(heapOrArray.subarray(idx, endPtr));
+  }
+  var str = "";
+  // If building with TextDecoder, we have already computed the string length
+  // above, so test loop end condition against that
+  while (idx < endPtr) {
+    // For UTF8 byte structure, see:
+    // http://en.wikipedia.org/wiki/UTF-8#Description
+    // https://www.ietf.org/rfc/rfc2279.txt
+    // https://tools.ietf.org/html/rfc3629
+    var u0 = heapOrArray[idx++];
+    if (!(u0 & 128)) {
+      str += String.fromCharCode(u0);
+      continue;
+    }
+    var u1 = heapOrArray[idx++] & 63;
+    if ((u0 & 224) == 192) {
+      str += String.fromCharCode(((u0 & 31) << 6) | u1);
+      continue;
+    }
+    var u2 = heapOrArray[idx++] & 63;
+    if ((u0 & 240) == 224) {
+      u0 = ((u0 & 15) << 12) | (u1 << 6) | u2;
+    } else {
+      u0 = ((u0 & 7) << 18) | (u1 << 12) | (u2 << 6) | (heapOrArray[idx++] & 63);
+    }
+    if (u0 < 65536) {
+      str += String.fromCharCode(u0);
+    } else {
+      var ch = u0 - 65536;
+      str += String.fromCharCode(55296 | (ch >> 10), 56320 | (ch & 1023));
+    }
+  }
+  return str;
+};
+
+/**
+     * Given a pointer 'ptr' to a null-terminated UTF8-encoded string in the
+     * emscripten HEAP, returns a copy of that string as a Javascript String object.
+     *
+     * @param {number} ptr
+     * @param {number=} maxBytesToRead - An optional length that specifies the
+     *   maximum number of bytes to read. You can omit this parameter to scan the
+     *   string until the first 0 byte. If maxBytesToRead is passed, and the string
+     *   at [ptr, ptr+maxBytesToReadr[ contains a null byte in the middle, then the
+     *   string will cut short at that byte index (i.e. maxBytesToRead will not
+     *   produce a string of exact length [ptr, ptr+maxBytesToRead[) N.B. mixing
+     *   frequent uses of UTF8ToString() with and without maxBytesToRead may throw
+     *   JS JIT optimizations off, so it is worth to consider consistently using one
+     * @return {string}
+     */ var UTF8ToString = (ptr, maxBytesToRead) => ptr ? UTF8ArrayToString(HEAPU8, ptr, maxBytesToRead) : "";
+
+var ___assert_fail = (condition, filename, line, func) => {
+  abort(`Assertion failed: ${UTF8ToString(condition)}, at: ` + [ filename ? UTF8ToString(filename) : "unknown filename", line, func ? UTF8ToString(func) : "unknown function" ]);
+};
+
+class ExceptionInfo {
+  // excPtr - Thrown object pointer to wrap. Metadata pointer is calculated from it.
+  constructor(excPtr) {
+    this.excPtr = excPtr;
+    this.ptr = excPtr - 24;
+  }
+  set_type(type) {
+    HEAPU32[(((this.ptr) + (4)) >> 2)] = type;
+  }
+  get_type() {
+    return HEAPU32[(((this.ptr) + (4)) >> 2)];
+  }
+  set_destructor(destructor) {
+    HEAPU32[(((this.ptr) + (8)) >> 2)] = destructor;
+  }
+  get_destructor() {
+    return HEAPU32[(((this.ptr) + (8)) >> 2)];
+  }
+  set_caught(caught) {
+    caught = caught ? 1 : 0;
+    HEAP8[(this.ptr) + (12)] = caught;
+  }
+  get_caught() {
+    return HEAP8[(this.ptr) + (12)] != 0;
+  }
+  set_rethrown(rethrown) {
+    rethrown = rethrown ? 1 : 0;
+    HEAP8[(this.ptr) + (13)] = rethrown;
+  }
+  get_rethrown() {
+    return HEAP8[(this.ptr) + (13)] != 0;
+  }
+  // Initialize native structure fields. Should be called once after allocated.
+  init(type, destructor) {
+    this.set_adjusted_ptr(0);
+    this.set_type(type);
+    this.set_destructor(destructor);
+  }
+  set_adjusted_ptr(adjustedPtr) {
+    HEAPU32[(((this.ptr) + (16)) >> 2)] = adjustedPtr;
+  }
+  get_adjusted_ptr() {
+    return HEAPU32[(((this.ptr) + (16)) >> 2)];
+  }
+}
+
+var exceptionLast = 0;
+
+var uncaughtExceptionCount = 0;
+
+var ___cxa_throw = (ptr, type, destructor) => {
+  var info = new ExceptionInfo(ptr);
+  // Initialize ExceptionInfo content after it was allocated in __cxa_allocate_exception.
+  info.init(type, destructor);
+  exceptionLast = ptr;
+  uncaughtExceptionCount++;
+  throw exceptionLast;
+};
+
+/** @suppress {duplicate } */ function syscallGetVarargI() {
+  // the `+` prepended here is necessary to convince the JSCompiler that varargs is indeed a number.
+  var ret = HEAP32[((+SYSCALLS.varargs) >> 2)];
+  SYSCALLS.varargs += 4;
+  return ret;
+}
+
+var syscallGetVarargP = syscallGetVarargI;
+
+var PATH = {
+  isAbs: path => path.charAt(0) === "/",
+  splitPath: filename => {
+    var splitPathRe = /^(\/?|)([\s\S]*?)((?:\.{1,2}|[^\/]+?|)(\.[^.\/]*|))(?:[\/]*)$/;
+    return splitPathRe.exec(filename).slice(1);
+  },
+  normalizeArray: (parts, allowAboveRoot) => {
+    // if the path tries to go above the root, `up` ends up > 0
+    var up = 0;
+    for (var i = parts.length - 1; i >= 0; i--) {
+      var last = parts[i];
+      if (last === ".") {
+        parts.splice(i, 1);
+      } else if (last === "..") {
+        parts.splice(i, 1);
+        up++;
+      } else if (up) {
+        parts.splice(i, 1);
+        up--;
+      }
+    }
+    // if the path is allowed to go above the root, restore leading ..s
+    if (allowAboveRoot) {
+      for (;up; up--) {
+        parts.unshift("..");
+      }
+    }
+    return parts;
+  },
+  normalize: path => {
+    var isAbsolute = PATH.isAbs(path), trailingSlash = path.substr(-1) === "/";
+    // Normalize the path
+    path = PATH.normalizeArray(path.split("/").filter(p => !!p), !isAbsolute).join("/");
+    if (!path && !isAbsolute) {
+      path = ".";
+    }
+    if (path && trailingSlash) {
+      path += "/";
+    }
+    return (isAbsolute ? "/" : "") + path;
+  },
+  dirname: path => {
+    var result = PATH.splitPath(path), root = result[0], dir = result[1];
+    if (!root && !dir) {
+      // No dirname whatsoever
+      return ".";
+    }
+    if (dir) {
+      // It has a dirname, strip trailing slash
+      dir = dir.substr(0, dir.length - 1);
+    }
+    return root + dir;
+  },
+  basename: path => {
+    // EMSCRIPTEN return '/'' for '/', not an empty string
+    if (path === "/") return "/";
+    path = PATH.normalize(path);
+    path = path.replace(/\/$/, "");
+    var lastSlash = path.lastIndexOf("/");
+    if (lastSlash === -1) return path;
+    return path.substr(lastSlash + 1);
+  },
+  join: (...paths) => PATH.normalize(paths.join("/")),
+  join2: (l, r) => PATH.normalize(l + "/" + r)
+};
+
+var initRandomFill = () => {
+  if (typeof crypto == "object" && typeof crypto["getRandomValues"] == "function") {
+    // for modern web browsers
+    return view => crypto.getRandomValues(view);
+  } else // we couldn't find a proper implementation, as Math.random() is not suitable for /dev/random, see emscripten-core/emscripten/pull/7096
+  abort("initRandomDevice");
+};
+
+var randomFill = view => (randomFill = initRandomFill())(view);
+
+var PATH_FS = {
+  resolve: (...args) => {
+    var resolvedPath = "", resolvedAbsolute = false;
+    for (var i = args.length - 1; i >= -1 && !resolvedAbsolute; i--) {
+      var path = (i >= 0) ? args[i] : FS.cwd();
+      // Skip empty and invalid entries
+      if (typeof path != "string") {
+        throw new TypeError("Arguments to path.resolve must be strings");
+      } else if (!path) {
+        return "";
+      }
+      // an invalid portion invalidates the whole thing
+      resolvedPath = path + "/" + resolvedPath;
+      resolvedAbsolute = PATH.isAbs(path);
+    }
+    // At this point the path should be resolved to a full absolute path, but
+    // handle relative paths to be safe (might happen when process.cwd() fails)
+    resolvedPath = PATH.normalizeArray(resolvedPath.split("/").filter(p => !!p), !resolvedAbsolute).join("/");
+    return ((resolvedAbsolute ? "/" : "") + resolvedPath) || ".";
+  },
+  relative: (from, to) => {
+    from = PATH_FS.resolve(from).substr(1);
+    to = PATH_FS.resolve(to).substr(1);
+    function trim(arr) {
+      var start = 0;
+      for (;start < arr.length; start++) {
+        if (arr[start] !== "") break;
+      }
+      var end = arr.length - 1;
+      for (;end >= 0; end--) {
+        if (arr[end] !== "") break;
+      }
+      if (start > end) return [];
+      return arr.slice(start, end - start + 1);
+    }
+    var fromParts = trim(from.split("/"));
+    var toParts = trim(to.split("/"));
+    var length = Math.min(fromParts.length, toParts.length);
+    var samePartsLength = length;
+    for (var i = 0; i < length; i++) {
+      if (fromParts[i] !== toParts[i]) {
+        samePartsLength = i;
+        break;
+      }
+    }
+    var outputParts = [];
+    for (var i = samePartsLength; i < fromParts.length; i++) {
+      outputParts.push("..");
+    }
+    outputParts = outputParts.concat(toParts.slice(samePartsLength));
+    return outputParts.join("/");
+  }
+};
+
+var FS_stdin_getChar_buffer = [];
+
+var lengthBytesUTF8 = str => {
+  var len = 0;
+  for (var i = 0; i < str.length; ++i) {
+    // Gotcha: charCodeAt returns a 16-bit word that is a UTF-16 encoded code
+    // unit, not a Unicode code point of the character! So decode
+    // UTF16->UTF32->UTF8.
+    // See http://unicode.org/faq/utf_bom.html#utf16-3
+    var c = str.charCodeAt(i);
+    // possibly a lead surrogate
+    if (c <= 127) {
+      len++;
+    } else if (c <= 2047) {
+      len += 2;
+    } else if (c >= 55296 && c <= 57343) {
+      len += 4;
+      ++i;
+    } else {
+      len += 3;
+    }
+  }
+  return len;
+};
+
+var stringToUTF8Array = (str, heap, outIdx, maxBytesToWrite) => {
+  // Parameter maxBytesToWrite is not optional. Negative values, 0, null,
+  // undefined and false each don't write out any bytes.
+  if (!(maxBytesToWrite > 0)) return 0;
+  var startIdx = outIdx;
+  var endIdx = outIdx + maxBytesToWrite - 1;
+  // -1 for string null terminator.
+  for (var i = 0; i < str.length; ++i) {
+    // Gotcha: charCodeAt returns a 16-bit word that is a UTF-16 encoded code
+    // unit, not a Unicode code point of the character! So decode
+    // UTF16->UTF32->UTF8.
+    // See http://unicode.org/faq/utf_bom.html#utf16-3
+    // For UTF8 byte structure, see http://en.wikipedia.org/wiki/UTF-8#Description
+    // and https://www.ietf.org/rfc/rfc2279.txt
+    // and https://tools.ietf.org/html/rfc3629
+    var u = str.charCodeAt(i);
+    // possibly a lead surrogate
+    if (u >= 55296 && u <= 57343) {
+      var u1 = str.charCodeAt(++i);
+      u = 65536 + ((u & 1023) << 10) | (u1 & 1023);
+    }
+    if (u <= 127) {
+      if (outIdx >= endIdx) break;
+      heap[outIdx++] = u;
+    } else if (u <= 2047) {
+      if (outIdx + 1 >= endIdx) break;
+      heap[outIdx++] = 192 | (u >> 6);
+      heap[outIdx++] = 128 | (u & 63);
+    } else if (u <= 65535) {
+      if (outIdx + 2 >= endIdx) break;
+      heap[outIdx++] = 224 | (u >> 12);
+      heap[outIdx++] = 128 | ((u >> 6) & 63);
+      heap[outIdx++] = 128 | (u & 63);
+    } else {
+      if (outIdx + 3 >= endIdx) break;
+      heap[outIdx++] = 240 | (u >> 18);
+      heap[outIdx++] = 128 | ((u >> 12) & 63);
+      heap[outIdx++] = 128 | ((u >> 6) & 63);
+      heap[outIdx++] = 128 | (u & 63);
+    }
+  }
+  // Null-terminate the pointer to the buffer.
+  heap[outIdx] = 0;
+  return outIdx - startIdx;
+};
+
+/** @type {function(string, boolean=, number=)} */ function intArrayFromString(stringy, dontAddNull, length) {
+  var len = length > 0 ? length : lengthBytesUTF8(stringy) + 1;
+  var u8array = new Array(len);
+  var numBytesWritten = stringToUTF8Array(stringy, u8array, 0, u8array.length);
+  if (dontAddNull) u8array.length = numBytesWritten;
+  return u8array;
+}
+
+var FS_stdin_getChar = () => {
+  if (!FS_stdin_getChar_buffer.length) {
+    var result = null;
+    {}
+    if (!result) {
+      return null;
+    }
+    FS_stdin_getChar_buffer = intArrayFromString(result, true);
+  }
+  return FS_stdin_getChar_buffer.shift();
+};
+
+var TTY = {
+  ttys: [],
+  init() {},
+  // https://github.com/emscripten-core/emscripten/pull/1555
+  // if (ENVIRONMENT_IS_NODE) {
+  //   // currently, FS.init does not distinguish if process.stdin is a file or TTY
+  //   // device, it always assumes it's a TTY device. because of this, we're forcing
+  //   // process.stdin to UTF8 encoding to at least make stdin reading compatible
+  //   // with text files until FS.init can be refactored.
+  //   process.stdin.setEncoding('utf8');
+  // }
+  shutdown() {},
+  // https://github.com/emscripten-core/emscripten/pull/1555
+  // if (ENVIRONMENT_IS_NODE) {
+  //   // inolen: any idea as to why node -e 'process.stdin.read()' wouldn't exit immediately (with process.stdin being a tty)?
+  //   // isaacs: because now it's reading from the stream, you've expressed interest in it, so that read() kicks off a _read() which creates a ReadReq operation
+  //   // inolen: I thought read() in that case was a synchronous operation that just grabbed some amount of buffered data if it exists?
+  //   // isaacs: it is. but it also triggers a _read() call, which calls readStart() on the handle
+  //   // isaacs: do process.stdin.pause() and i'd think it'd probably close the pending call
+  //   process.stdin.pause();
+  // }
+  register(dev, ops) {
+    TTY.ttys[dev] = {
+      input: [],
+      output: [],
+      ops
+    };
+    FS.registerDevice(dev, TTY.stream_ops);
+  },
+  stream_ops: {
+    open(stream) {
+      var tty = TTY.ttys[stream.node.rdev];
+      if (!tty) {
+        throw new FS.ErrnoError(43);
+      }
+      stream.tty = tty;
+      stream.seekable = false;
+    },
+    close(stream) {
+      // flush any pending line data
+      stream.tty.ops.fsync(stream.tty);
+    },
+    fsync(stream) {
+      stream.tty.ops.fsync(stream.tty);
+    },
+    read(stream, buffer, offset, length, pos) {
+      /* ignored */ if (!stream.tty || !stream.tty.ops.get_char) {
+        throw new FS.ErrnoError(60);
+      }
+      var bytesRead = 0;
+      for (var i = 0; i < length; i++) {
+        var result;
+        try {
+          result = stream.tty.ops.get_char(stream.tty);
+        } catch (e) {
+          throw new FS.ErrnoError(29);
+        }
+        if (result === undefined && bytesRead === 0) {
+          throw new FS.ErrnoError(6);
+        }
+        if (result === null || result === undefined) break;
+        bytesRead++;
+        buffer[offset + i] = result;
+      }
+      if (bytesRead) {
+        stream.node.timestamp = Date.now();
+      }
+      return bytesRead;
+    },
+    write(stream, buffer, offset, length, pos) {
+      if (!stream.tty || !stream.tty.ops.put_char) {
+        throw new FS.ErrnoError(60);
+      }
+      try {
+        for (var i = 0; i < length; i++) {
+          stream.tty.ops.put_char(stream.tty, buffer[offset + i]);
+        }
+      } catch (e) {
+        throw new FS.ErrnoError(29);
+      }
+      if (length) {
+        stream.node.timestamp = Date.now();
+      }
+      return i;
+    }
+  },
+  default_tty_ops: {
+    get_char(tty) {
+      return FS_stdin_getChar();
+    },
+    put_char(tty, val) {
+      if (val === null || val === 10) {
+        out(UTF8ArrayToString(tty.output, 0));
+        tty.output = [];
+      } else {
+        if (val != 0) tty.output.push(val);
+      }
+    },
+    // val == 0 would cut text output off in the middle.
+    fsync(tty) {
+      if (tty.output && tty.output.length > 0) {
+        out(UTF8ArrayToString(tty.output, 0));
+        tty.output = [];
+      }
+    },
+    ioctl_tcgets(tty) {
+      // typical setting
+      return {
+        c_iflag: 25856,
+        c_oflag: 5,
+        c_cflag: 191,
+        c_lflag: 35387,
+        c_cc: [ 3, 28, 127, 21, 4, 0, 1, 0, 17, 19, 26, 0, 18, 15, 23, 22, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ]
+      };
+    },
+    ioctl_tcsets(tty, optional_actions, data) {
+      // currently just ignore
+      return 0;
+    },
+    ioctl_tiocgwinsz(tty) {
+      return [ 24, 80 ];
+    }
+  },
+  default_tty1_ops: {
+    put_char(tty, val) {
+      if (val === null || val === 10) {
+        err(UTF8ArrayToString(tty.output, 0));
+        tty.output = [];
+      } else {
+        if (val != 0) tty.output.push(val);
+      }
+    },
+    fsync(tty) {
+      if (tty.output && tty.output.length > 0) {
+        err(UTF8ArrayToString(tty.output, 0));
+        tty.output = [];
+      }
+    }
+  }
+};
+
+var alignMemory = (size, alignment) => Math.ceil(size / alignment) * alignment;
+
+var mmapAlloc = size => {
+  abort();
+};
+
+var MEMFS = {
+  ops_table: null,
+  mount(mount) {
+    return MEMFS.createNode(null, "/", 16384 | 511, /* 0777 */ 0);
+  },
+  createNode(parent, name, mode, dev) {
+    if (FS.isBlkdev(mode) || FS.isFIFO(mode)) {
+      // no supported
+      throw new FS.ErrnoError(63);
+    }
+    MEMFS.ops_table ||= {
+      dir: {
+        node: {
+          getattr: MEMFS.node_ops.getattr,
+          setattr: MEMFS.node_ops.setattr,
+          lookup: MEMFS.node_ops.lookup,
+          mknod: MEMFS.node_ops.mknod,
+          rename: MEMFS.node_ops.rename,
+          unlink: MEMFS.node_ops.unlink,
+          rmdir: MEMFS.node_ops.rmdir,
+          readdir: MEMFS.node_ops.readdir,
+          symlink: MEMFS.node_ops.symlink
+        },
+        stream: {
+          llseek: MEMFS.stream_ops.llseek
+        }
+      },
+      file: {
+        node: {
+          getattr: MEMFS.node_ops.getattr,
+          setattr: MEMFS.node_ops.setattr
+        },
+        stream: {
+          llseek: MEMFS.stream_ops.llseek,
+          read: MEMFS.stream_ops.read,
+          write: MEMFS.stream_ops.write,
+          allocate: MEMFS.stream_ops.allocate,
+          mmap: MEMFS.stream_ops.mmap,
+          msync: MEMFS.stream_ops.msync
+        }
+      },
+      link: {
+        node: {
+          getattr: MEMFS.node_ops.getattr,
+          setattr: MEMFS.node_ops.setattr,
+          readlink: MEMFS.node_ops.readlink
+        },
+        stream: {}
+      },
+      chrdev: {
+        node: {
+          getattr: MEMFS.node_ops.getattr,
+          setattr: MEMFS.node_ops.setattr
+        },
+        stream: FS.chrdev_stream_ops
+      }
+    };
+    var node = FS.createNode(parent, name, mode, dev);
+    if (FS.isDir(node.mode)) {
+      node.node_ops = MEMFS.ops_table.dir.node;
+      node.stream_ops = MEMFS.ops_table.dir.stream;
+      node.contents = {};
+    } else if (FS.isFile(node.mode)) {
+      node.node_ops = MEMFS.ops_table.file.node;
+      node.stream_ops = MEMFS.ops_table.file.stream;
+      node.usedBytes = 0;
+      // The actual number of bytes used in the typed array, as opposed to contents.length which gives the whole capacity.
+      // When the byte data of the file is populated, this will point to either a typed array, or a normal JS array. Typed arrays are preferred
+      // for performance, and used by default. However, typed arrays are not resizable like normal JS arrays are, so there is a small disk size
+      // penalty involved for appending file writes that continuously grow a file similar to std::vector capacity vs used -scheme.
+      node.contents = null;
+    } else if (FS.isLink(node.mode)) {
+      node.node_ops = MEMFS.ops_table.link.node;
+      node.stream_ops = MEMFS.ops_table.link.stream;
+    } else if (FS.isChrdev(node.mode)) {
+      node.node_ops = MEMFS.ops_table.chrdev.node;
+      node.stream_ops = MEMFS.ops_table.chrdev.stream;
+    }
+    node.timestamp = Date.now();
+    // add the new node to the parent
+    if (parent) {
+      parent.contents[name] = node;
+      parent.timestamp = node.timestamp;
+    }
+    return node;
+  },
+  getFileDataAsTypedArray(node) {
+    if (!node.contents) return new Uint8Array(0);
+    if (node.contents.subarray) return node.contents.subarray(0, node.usedBytes);
+    // Make sure to not return excess unused bytes.
+    return new Uint8Array(node.contents);
+  },
+  expandFileStorage(node, newCapacity) {
+    var prevCapacity = node.contents ? node.contents.length : 0;
+    if (prevCapacity >= newCapacity) return;
+    // No need to expand, the storage was already large enough.
+    // Don't expand strictly to the given requested limit if it's only a very small increase, but instead geometrically grow capacity.
+    // For small filesizes (<1MB), perform size*2 geometric increase, but for large sizes, do a much more conservative size*1.125 increase to
+    // avoid overshooting the allocation cap by a very large margin.
+    var CAPACITY_DOUBLING_MAX = 1024 * 1024;
+    newCapacity = Math.max(newCapacity, (prevCapacity * (prevCapacity < CAPACITY_DOUBLING_MAX ? 2 : 1.125)) >>> 0);
+    if (prevCapacity != 0) newCapacity = Math.max(newCapacity, 256);
+    // At minimum allocate 256b for each file when expanding.
+    var oldContents = node.contents;
+    node.contents = new Uint8Array(newCapacity);
+    // Allocate new storage.
+    if (node.usedBytes > 0) node.contents.set(oldContents.subarray(0, node.usedBytes), 0);
+  },
+  // Copy old data over to the new storage.
+  resizeFileStorage(node, newSize) {
+    if (node.usedBytes == newSize) return;
+    if (newSize == 0) {
+      node.contents = null;
+      // Fully decommit when requesting a resize to zero.
+      node.usedBytes = 0;
+    } else {
+      var oldContents = node.contents;
+      node.contents = new Uint8Array(newSize);
+      // Allocate new storage.
+      if (oldContents) {
+        node.contents.set(oldContents.subarray(0, Math.min(newSize, node.usedBytes)));
+      }
+      // Copy old data over to the new storage.
+      node.usedBytes = newSize;
+    }
+  },
+  node_ops: {
+    getattr(node) {
+      var attr = {};
+      // device numbers reuse inode numbers.
+      attr.dev = FS.isChrdev(node.mode) ? node.id : 1;
+      attr.ino = node.id;
+      attr.mode = node.mode;
+      attr.nlink = 1;
+      attr.uid = 0;
+      attr.gid = 0;
+      attr.rdev = node.rdev;
+      if (FS.isDir(node.mode)) {
+        attr.size = 4096;
+      } else if (FS.isFile(node.mode)) {
+        attr.size = node.usedBytes;
+      } else if (FS.isLink(node.mode)) {
+        attr.size = node.link.length;
+      } else {
+        attr.size = 0;
+      }
+      attr.atime = new Date(node.timestamp);
+      attr.mtime = new Date(node.timestamp);
+      attr.ctime = new Date(node.timestamp);
+      // NOTE: In our implementation, st_blocks = Math.ceil(st_size/st_blksize),
+      //       but this is not required by the standard.
+      attr.blksize = 4096;
+      attr.blocks = Math.ceil(attr.size / attr.blksize);
+      return attr;
+    },
+    setattr(node, attr) {
+      if (attr.mode !== undefined) {
+        node.mode = attr.mode;
+      }
+      if (attr.timestamp !== undefined) {
+        node.timestamp = attr.timestamp;
+      }
+      if (attr.size !== undefined) {
+        MEMFS.resizeFileStorage(node, attr.size);
+      }
+    },
+    lookup(parent, name) {
+      throw FS.genericErrors[44];
+    },
+    mknod(parent, name, mode, dev) {
+      return MEMFS.createNode(parent, name, mode, dev);
+    },
+    rename(old_node, new_dir, new_name) {
+      // if we're overwriting a directory at new_name, make sure it's empty.
+      if (FS.isDir(old_node.mode)) {
+        var new_node;
+        try {
+          new_node = FS.lookupNode(new_dir, new_name);
+        } catch (e) {}
+        if (new_node) {
+          for (var i in new_node.contents) {
+            throw new FS.ErrnoError(55);
+          }
+        }
+      }
+      // do the internal rewiring
+      delete old_node.parent.contents[old_node.name];
+      old_node.parent.timestamp = Date.now();
+      old_node.name = new_name;
+      new_dir.contents[new_name] = old_node;
+      new_dir.timestamp = old_node.parent.timestamp;
+    },
+    unlink(parent, name) {
+      delete parent.contents[name];
+      parent.timestamp = Date.now();
+    },
+    rmdir(parent, name) {
+      var node = FS.lookupNode(parent, name);
+      for (var i in node.contents) {
+        throw new FS.ErrnoError(55);
+      }
+      delete parent.contents[name];
+      parent.timestamp = Date.now();
+    },
+    readdir(node) {
+      var entries = [ ".", ".." ];
+      for (var key of Object.keys(node.contents)) {
+        entries.push(key);
+      }
+      return entries;
+    },
+    symlink(parent, newname, oldpath) {
+      var node = MEMFS.createNode(parent, newname, 511 | /* 0777 */ 40960, 0);
+      node.link = oldpath;
+      return node;
+    },
+    readlink(node) {
+      if (!FS.isLink(node.mode)) {
+        throw new FS.ErrnoError(28);
+      }
+      return node.link;
+    }
+  },
+  stream_ops: {
+    read(stream, buffer, offset, length, position) {
+      var contents = stream.node.contents;
+      if (position >= stream.node.usedBytes) return 0;
+      var size = Math.min(stream.node.usedBytes - position, length);
+      if (size > 8 && contents.subarray) {
+        // non-trivial, and typed array
+        buffer.set(contents.subarray(position, position + size), offset);
+      } else {
+        for (var i = 0; i < size; i++) buffer[offset + i] = contents[position + i];
+      }
+      return size;
+    },
+    write(stream, buffer, offset, length, position, canOwn) {
+      // If the buffer is located in main memory (HEAP), and if
+      // memory can grow, we can't hold on to references of the
+      // memory buffer, as they may get invalidated. That means we
+      // need to do copy its contents.
+      if (buffer.buffer === HEAP8.buffer) {
+        canOwn = false;
+      }
+      if (!length) return 0;
+      var node = stream.node;
+      node.timestamp = Date.now();
+      if (buffer.subarray && (!node.contents || node.contents.subarray)) {
+        // This write is from a typed array to a typed array?
+        if (canOwn) {
+          node.contents = buffer.subarray(offset, offset + length);
+          node.usedBytes = length;
+          return length;
+        } else if (node.usedBytes === 0 && position === 0) {
+          // If this is a simple first write to an empty file, do a fast set since we don't need to care about old data.
+          node.contents = buffer.slice(offset, offset + length);
+          node.usedBytes = length;
+          return length;
+        } else if (position + length <= node.usedBytes) {
+          // Writing to an already allocated and used subrange of the file?
+          node.contents.set(buffer.subarray(offset, offset + length), position);
+          return length;
+        }
+      }
+      // Appending to an existing file and we need to reallocate, or source data did not come as a typed array.
+      MEMFS.expandFileStorage(node, position + length);
+      if (node.contents.subarray && buffer.subarray) {
+        // Use typed array write which is available.
+        node.contents.set(buffer.subarray(offset, offset + length), position);
+      } else {
+        for (var i = 0; i < length; i++) {
+          node.contents[position + i] = buffer[offset + i];
+        }
+      }
+      node.usedBytes = Math.max(node.usedBytes, position + length);
+      return length;
+    },
+    llseek(stream, offset, whence) {
+      var position = offset;
+      if (whence === 1) {
+        position += stream.position;
+      } else if (whence === 2) {
+        if (FS.isFile(stream.node.mode)) {
+          position += stream.node.usedBytes;
+        }
+      }
+      if (position < 0) {
+        throw new FS.ErrnoError(28);
+      }
+      return position;
+    },
+    allocate(stream, offset, length) {
+      MEMFS.expandFileStorage(stream.node, offset + length);
+      stream.node.usedBytes = Math.max(stream.node.usedBytes, offset + length);
+    },
+    mmap(stream, length, position, prot, flags) {
+      if (!FS.isFile(stream.node.mode)) {
+        throw new FS.ErrnoError(43);
+      }
+      var ptr;
+      var allocated;
+      var contents = stream.node.contents;
+      // Only make a new copy when MAP_PRIVATE is specified.
+      if (!(flags & 2) && contents && contents.buffer === HEAP8.buffer) {
+        // We can't emulate MAP_SHARED when the file is not backed by the
+        // buffer we're mapping to (e.g. the HEAP buffer).
+        allocated = false;
+        ptr = contents.byteOffset;
+      } else {
+        allocated = true;
+        ptr = mmapAlloc(length);
+        if (!ptr) {
+          throw new FS.ErrnoError(48);
+        }
+        if (contents) {
+          // Try to avoid unnecessary slices.
+          if (position > 0 || position + length < contents.length) {
+            if (contents.subarray) {
+              contents = contents.subarray(position, position + length);
+            } else {
+              contents = Array.prototype.slice.call(contents, position, position + length);
+            }
+          }
+          HEAP8.set(contents, ptr);
+        }
+      }
+      return {
+        ptr,
+        allocated
+      };
+    },
+    msync(stream, buffer, offset, length, mmapFlags) {
+      MEMFS.stream_ops.write(stream, buffer, 0, length, offset, false);
+      // should we check if bytesWritten and length are the same?
+      return 0;
+    }
+  }
+};
+
+/** @param {boolean=} noRunDep */ var asyncLoad = (url, onload, onerror, noRunDep) => {
+  var dep = !noRunDep ? getUniqueRunDependency(`al ${url}`) : "";
+  readAsync(url).then(arrayBuffer => {
+    onload(new Uint8Array(arrayBuffer));
+    if (dep) removeRunDependency(dep);
+  }, err => {
+    if (onerror) {
+      onerror();
+    } else {
+      throw `Loading data file "${url}" failed.`;
+    }
+  });
+  if (dep) addRunDependency(dep);
+};
+
+var FS_createDataFile = (parent, name, fileData, canRead, canWrite, canOwn) => {
+  FS.createDataFile(parent, name, fileData, canRead, canWrite, canOwn);
+};
+
+var preloadPlugins = Module["preloadPlugins"] || [];
+
+var FS_handledByPreloadPlugin = (byteArray, fullname, finish, onerror) => {
+  // Ensure plugins are ready.
+  if (typeof Browser != "undefined") Browser.init();
+  var handled = false;
+  preloadPlugins.forEach(plugin => {
+    if (handled) return;
+    if (plugin["canHandle"](fullname)) {
+      plugin["handle"](byteArray, fullname, finish, onerror);
+      handled = true;
+    }
+  });
+  return handled;
+};
+
+var FS_createPreloadedFile = (parent, name, url, canRead, canWrite, onload, onerror, dontCreateFile, canOwn, preFinish) => {
+  // TODO we should allow people to just pass in a complete filename instead
+  // of parent and name being that we just join them anyways
+  var fullname = name ? PATH_FS.resolve(PATH.join2(parent, name)) : parent;
+  var dep = getUniqueRunDependency(`cp ${fullname}`);
+  // might have several active requests for the same fullname
+  function processData(byteArray) {
+    function finish(byteArray) {
+      preFinish?.();
+      if (!dontCreateFile) {
+        FS_createDataFile(parent, name, byteArray, canRead, canWrite, canOwn);
+      }
+      onload?.();
+      removeRunDependency(dep);
+    }
+    if (FS_handledByPreloadPlugin(byteArray, fullname, finish, () => {
+      onerror?.();
+      removeRunDependency(dep);
+    })) {
+      return;
+    }
+    finish(byteArray);
+  }
+  addRunDependency(dep);
+  if (typeof url == "string") {
+    asyncLoad(url, processData, onerror);
+  } else {
+    processData(url);
+  }
+};
+
+var FS_modeStringToFlags = str => {
+  var flagModes = {
+    "r": 0,
+    "r+": 2,
+    "w": 512 | 64 | 1,
+    "w+": 512 | 64 | 2,
+    "a": 1024 | 64 | 1,
+    "a+": 1024 | 64 | 2
+  };
+  var flags = flagModes[str];
+  if (typeof flags == "undefined") {
+    throw new Error(`Unknown file open mode: ${str}`);
+  }
+  return flags;
+};
+
+var FS_getMode = (canRead, canWrite) => {
+  var mode = 0;
+  if (canRead) mode |= 292 | 73;
+  if (canWrite) mode |= 146;
+  return mode;
+};
+
+var FS = {
+  root: null,
+  mounts: [],
+  devices: {},
+  streams: [],
+  nextInode: 1,
+  nameTable: null,
+  currentPath: "/",
+  initialized: false,
+  ignorePermissions: true,
+  ErrnoError: class {
+    // We set the `name` property to be able to identify `FS.ErrnoError`
+    // - the `name` is a standard ECMA-262 property of error objects. Kind of good to have it anyway.
+    // - when using PROXYFS, an error can come from an underlying FS
+    // as different FS objects have their own FS.ErrnoError each,
+    // the test `err instanceof FS.ErrnoError` won't detect an error coming from another filesystem, causing bugs.
+    // we'll use the reliable test `err.name == "ErrnoError"` instead
+    constructor(errno) {
+      // TODO(sbc): Use the inline member declaration syntax once we
+      // support it in acorn and closure.
+      this.name = "ErrnoError";
+      this.errno = errno;
+    }
+  },
+  genericErrors: {},
+  filesystems: null,
+  syncFSRequests: 0,
+  FSStream: class {
+    constructor() {
+      // TODO(https://github.com/emscripten-core/emscripten/issues/21414):
+      // Use inline field declarations.
+      this.shared = {};
+    }
+    get object() {
+      return this.node;
+    }
+    set object(val) {
+      this.node = val;
+    }
+    get isRead() {
+      return (this.flags & 2097155) !== 1;
+    }
+    get isWrite() {
+      return (this.flags & 2097155) !== 0;
+    }
+    get isAppend() {
+      return (this.flags & 1024);
+    }
+    get flags() {
+      return this.shared.flags;
+    }
+    set flags(val) {
+      this.shared.flags = val;
+    }
+    get position() {
+      return this.shared.position;
+    }
+    set position(val) {
+      this.shared.position = val;
+    }
+  },
+  FSNode: class {
+    constructor(parent, name, mode, rdev) {
+      if (!parent) {
+        parent = this;
+      }
+      // root node sets parent to itself
+      this.parent = parent;
+      this.mount = parent.mount;
+      this.mounted = null;
+      this.id = FS.nextInode++;
+      this.name = name;
+      this.mode = mode;
+      this.node_ops = {};
+      this.stream_ops = {};
+      this.rdev = rdev;
+      this.readMode = 292 | 73;
+      this.writeMode = 146;
+    }
+    get read() {
+      return (this.mode & this.readMode) === this.readMode;
+    }
+    set read(val) {
+      val ? this.mode |= this.readMode : this.mode &= ~this.readMode;
+    }
+    get write() {
+      return (this.mode & this.writeMode) === this.writeMode;
+    }
+    set write(val) {
+      val ? this.mode |= this.writeMode : this.mode &= ~this.writeMode;
+    }
+    get isFolder() {
+      return FS.isDir(this.mode);
+    }
+    get isDevice() {
+      return FS.isChrdev(this.mode);
+    }
+  },
+  lookupPath(path, opts = {}) {
+    path = PATH_FS.resolve(path);
+    if (!path) return {
+      path: "",
+      node: null
+    };
+    var defaults = {
+      follow_mount: true,
+      recurse_count: 0
+    };
+    opts = Object.assign(defaults, opts);
+    if (opts.recurse_count > 8) {
+      // max recursive lookup of 8
+      throw new FS.ErrnoError(32);
+    }
+    // split the absolute path
+    var parts = path.split("/").filter(p => !!p);
+    // start at the root
+    var current = FS.root;
+    var current_path = "/";
+    for (var i = 0; i < parts.length; i++) {
+      var islast = (i === parts.length - 1);
+      if (islast && opts.parent) {
+        // stop resolving
+        break;
+      }
+      current = FS.lookupNode(current, parts[i]);
+      current_path = PATH.join2(current_path, parts[i]);
+      // jump to the mount's root node if this is a mountpoint
+      if (FS.isMountpoint(current)) {
+        if (!islast || (islast && opts.follow_mount)) {
+          current = current.mounted.root;
+        }
+      }
+      // by default, lookupPath will not follow a symlink if it is the final path component.
+      // setting opts.follow = true will override this behavior.
+      if (!islast || opts.follow) {
+        var count = 0;
+        while (FS.isLink(current.mode)) {
+          var link = FS.readlink(current_path);
+          current_path = PATH_FS.resolve(PATH.dirname(current_path), link);
+          var lookup = FS.lookupPath(current_path, {
+            recurse_count: opts.recurse_count + 1
+          });
+          current = lookup.node;
+          if (count++ > 40) {
+            // limit max consecutive symlinks to 40 (SYMLOOP_MAX).
+            throw new FS.ErrnoError(32);
+          }
+        }
+      }
+    }
+    return {
+      path: current_path,
+      node: current
+    };
+  },
+  getPath(node) {
+    var path;
+    while (true) {
+      if (FS.isRoot(node)) {
+        var mount = node.mount.mountpoint;
+        if (!path) return mount;
+        return mount[mount.length - 1] !== "/" ? `${mount}/${path}` : mount + path;
+      }
+      path = path ? `${node.name}/${path}` : node.name;
+      node = node.parent;
+    }
+  },
+  hashName(parentid, name) {
+    var hash = 0;
+    for (var i = 0; i < name.length; i++) {
+      hash = ((hash << 5) - hash + name.charCodeAt(i)) | 0;
+    }
+    return ((parentid + hash) >>> 0) % FS.nameTable.length;
+  },
+  hashAddNode(node) {
+    var hash = FS.hashName(node.parent.id, node.name);
+    node.name_next = FS.nameTable[hash];
+    FS.nameTable[hash] = node;
+  },
+  hashRemoveNode(node) {
+    var hash = FS.hashName(node.parent.id, node.name);
+    if (FS.nameTable[hash] === node) {
+      FS.nameTable[hash] = node.name_next;
+    } else {
+      var current = FS.nameTable[hash];
+      while (current) {
+        if (current.name_next === node) {
+          current.name_next = node.name_next;
+          break;
+        }
+        current = current.name_next;
+      }
+    }
+  },
+  lookupNode(parent, name) {
+    var errCode = FS.mayLookup(parent);
+    if (errCode) {
+      throw new FS.ErrnoError(errCode);
+    }
+    var hash = FS.hashName(parent.id, name);
+    for (var node = FS.nameTable[hash]; node; node = node.name_next) {
+      var nodeName = node.name;
+      if (node.parent.id === parent.id && nodeName === name) {
+        return node;
+      }
+    }
+    // if we failed to find it in the cache, call into the VFS
+    return FS.lookup(parent, name);
+  },
+  createNode(parent, name, mode, rdev) {
+    var node = new FS.FSNode(parent, name, mode, rdev);
+    FS.hashAddNode(node);
+    return node;
+  },
+  destroyNode(node) {
+    FS.hashRemoveNode(node);
+  },
+  isRoot(node) {
+    return node === node.parent;
+  },
+  isMountpoint(node) {
+    return !!node.mounted;
+  },
+  isFile(mode) {
+    return (mode & 61440) === 32768;
+  },
+  isDir(mode) {
+    return (mode & 61440) === 16384;
+  },
+  isLink(mode) {
+    return (mode & 61440) === 40960;
+  },
+  isChrdev(mode) {
+    return (mode & 61440) === 8192;
+  },
+  isBlkdev(mode) {
+    return (mode & 61440) === 24576;
+  },
+  isFIFO(mode) {
+    return (mode & 61440) === 4096;
+  },
+  isSocket(mode) {
+    return (mode & 49152) === 49152;
+  },
+  flagsToPermissionString(flag) {
+    var perms = [ "r", "w", "rw" ][flag & 3];
+    if ((flag & 512)) {
+      perms += "w";
+    }
+    return perms;
+  },
+  nodePermissions(node, perms) {
+    if (FS.ignorePermissions) {
+      return 0;
+    }
+    // return 0 if any user, group or owner bits are set.
+    if (perms.includes("r") && !(node.mode & 292)) {
+      return 2;
+    } else if (perms.includes("w") && !(node.mode & 146)) {
+      return 2;
+    } else if (perms.includes("x") && !(node.mode & 73)) {
+      return 2;
+    }
+    return 0;
+  },
+  mayLookup(dir) {
+    if (!FS.isDir(dir.mode)) return 54;
+    var errCode = FS.nodePermissions(dir, "x");
+    if (errCode) return errCode;
+    if (!dir.node_ops.lookup) return 2;
+    return 0;
+  },
+  mayCreate(dir, name) {
+    try {
+      var node = FS.lookupNode(dir, name);
+      return 20;
+    } catch (e) {}
+    return FS.nodePermissions(dir, "wx");
+  },
+  mayDelete(dir, name, isdir) {
+    var node;
+    try {
+      node = FS.lookupNode(dir, name);
+    } catch (e) {
+      return e.errno;
+    }
+    var errCode = FS.nodePermissions(dir, "wx");
+    if (errCode) {
+      return errCode;
+    }
+    if (isdir) {
+      if (!FS.isDir(node.mode)) {
+        return 54;
+      }
+      if (FS.isRoot(node) || FS.getPath(node) === FS.cwd()) {
+        return 10;
+      }
+    } else {
+      if (FS.isDir(node.mode)) {
+        return 31;
+      }
+    }
+    return 0;
+  },
+  mayOpen(node, flags) {
+    if (!node) {
+      return 44;
+    }
+    if (FS.isLink(node.mode)) {
+      return 32;
+    } else if (FS.isDir(node.mode)) {
+      if (FS.flagsToPermissionString(flags) !== "r" || // opening for write
+      (flags & 512)) {
+        // TODO: check for O_SEARCH? (== search for dir only)
+        return 31;
+      }
+    }
+    return FS.nodePermissions(node, FS.flagsToPermissionString(flags));
+  },
+  MAX_OPEN_FDS: 4096,
+  nextfd() {
+    for (var fd = 0; fd <= FS.MAX_OPEN_FDS; fd++) {
+      if (!FS.streams[fd]) {
+        return fd;
+      }
+    }
+    throw new FS.ErrnoError(33);
+  },
+  getStreamChecked(fd) {
+    var stream = FS.getStream(fd);
+    if (!stream) {
+      throw new FS.ErrnoError(8);
+    }
+    return stream;
+  },
+  getStream: fd => FS.streams[fd],
+  createStream(stream, fd = -1) {
+    // clone it, so we can return an instance of FSStream
+    stream = Object.assign(new FS.FSStream, stream);
+    if (fd == -1) {
+      fd = FS.nextfd();
+    }
+    stream.fd = fd;
+    FS.streams[fd] = stream;
+    return stream;
+  },
+  closeStream(fd) {
+    FS.streams[fd] = null;
+  },
+  dupStream(origStream, fd = -1) {
+    var stream = FS.createStream(origStream, fd);
+    stream.stream_ops?.dup?.(stream);
+    return stream;
+  },
+  chrdev_stream_ops: {
+    open(stream) {
+      var device = FS.getDevice(stream.node.rdev);
+      // override node's stream ops with the device's
+      stream.stream_ops = device.stream_ops;
+      // forward the open call
+      stream.stream_ops.open?.(stream);
+    },
+    llseek() {
+      throw new FS.ErrnoError(70);
+    }
+  },
+  major: dev => ((dev) >> 8),
+  minor: dev => ((dev) & 255),
+  makedev: (ma, mi) => ((ma) << 8 | (mi)),
+  registerDevice(dev, ops) {
+    FS.devices[dev] = {
+      stream_ops: ops
+    };
+  },
+  getDevice: dev => FS.devices[dev],
+  getMounts(mount) {
+    var mounts = [];
+    var check = [ mount ];
+    while (check.length) {
+      var m = check.pop();
+      mounts.push(m);
+      check.push(...m.mounts);
+    }
+    return mounts;
+  },
+  syncfs(populate, callback) {
+    if (typeof populate == "function") {
+      callback = populate;
+      populate = false;
+    }
+    FS.syncFSRequests++;
+    if (FS.syncFSRequests > 1) {
+      err(`warning: ${FS.syncFSRequests} FS.syncfs operations in flight at once, probably just doing extra work`);
+    }
+    var mounts = FS.getMounts(FS.root.mount);
+    var completed = 0;
+    function doCallback(errCode) {
+      FS.syncFSRequests--;
+      return callback(errCode);
+    }
+    function done(errCode) {
+      if (errCode) {
+        if (!done.errored) {
+          done.errored = true;
+          return doCallback(errCode);
+        }
+        return;
+      }
+      if (++completed >= mounts.length) {
+        doCallback(null);
+      }
+    }
+    // sync all mounts
+    mounts.forEach(mount => {
+      if (!mount.type.syncfs) {
+        return done(null);
+      }
+      mount.type.syncfs(mount, populate, done);
+    });
+  },
+  mount(type, opts, mountpoint) {
+    var root = mountpoint === "/";
+    var pseudo = !mountpoint;
+    var node;
+    if (root && FS.root) {
+      throw new FS.ErrnoError(10);
+    } else if (!root && !pseudo) {
+      var lookup = FS.lookupPath(mountpoint, {
+        follow_mount: false
+      });
+      mountpoint = lookup.path;
+      // use the absolute path
+      node = lookup.node;
+      if (FS.isMountpoint(node)) {
+        throw new FS.ErrnoError(10);
+      }
+      if (!FS.isDir(node.mode)) {
+        throw new FS.ErrnoError(54);
+      }
+    }
+    var mount = {
+      type,
+      opts,
+      mountpoint,
+      mounts: []
+    };
+    // create a root node for the fs
+    var mountRoot = type.mount(mount);
+    mountRoot.mount = mount;
+    mount.root = mountRoot;
+    if (root) {
+      FS.root = mountRoot;
+    } else if (node) {
+      // set as a mountpoint
+      node.mounted = mount;
+      // add the new mount to the current mount's children
+      if (node.mount) {
+        node.mount.mounts.push(mount);
+      }
+    }
+    return mountRoot;
+  },
+  unmount(mountpoint) {
+    var lookup = FS.lookupPath(mountpoint, {
+      follow_mount: false
+    });
+    if (!FS.isMountpoint(lookup.node)) {
+      throw new FS.ErrnoError(28);
+    }
+    // destroy the nodes for this mount, and all its child mounts
+    var node = lookup.node;
+    var mount = node.mounted;
+    var mounts = FS.getMounts(mount);
+    Object.keys(FS.nameTable).forEach(hash => {
+      var current = FS.nameTable[hash];
+      while (current) {
+        var next = current.name_next;
+        if (mounts.includes(current.mount)) {
+          FS.destroyNode(current);
+        }
+        current = next;
+      }
+    });
+    // no longer a mountpoint
+    node.mounted = null;
+    // remove this mount from the child mounts
+    var idx = node.mount.mounts.indexOf(mount);
+    node.mount.mounts.splice(idx, 1);
+  },
+  lookup(parent, name) {
+    return parent.node_ops.lookup(parent, name);
+  },
+  mknod(path, mode, dev) {
+    var lookup = FS.lookupPath(path, {
+      parent: true
+    });
+    var parent = lookup.node;
+    var name = PATH.basename(path);
+    if (!name || name === "." || name === "..") {
+      throw new FS.ErrnoError(28);
+    }
+    var errCode = FS.mayCreate(parent, name);
+    if (errCode) {
+      throw new FS.ErrnoError(errCode);
+    }
+    if (!parent.node_ops.mknod) {
+      throw new FS.ErrnoError(63);
+    }
+    return parent.node_ops.mknod(parent, name, mode, dev);
+  },
+  create(path, mode) {
+    mode = mode !== undefined ? mode : 438;
+    /* 0666 */ mode &= 4095;
+    mode |= 32768;
+    return FS.mknod(path, mode, 0);
+  },
+  mkdir(path, mode) {
+    mode = mode !== undefined ? mode : 511;
+    /* 0777 */ mode &= 511 | 512;
+    mode |= 16384;
+    return FS.mknod(path, mode, 0);
+  },
+  mkdirTree(path, mode) {
+    var dirs = path.split("/");
+    var d = "";
+    for (var i = 0; i < dirs.length; ++i) {
+      if (!dirs[i]) continue;
+      d += "/" + dirs[i];
+      try {
+        FS.mkdir(d, mode);
+      } catch (e) {
+        if (e.errno != 20) throw e;
+      }
+    }
+  },
+  mkdev(path, mode, dev) {
+    if (typeof dev == "undefined") {
+      dev = mode;
+      mode = 438;
+    }
+    /* 0666 */ mode |= 8192;
+    return FS.mknod(path, mode, dev);
+  },
+  symlink(oldpath, newpath) {
+    if (!PATH_FS.resolve(oldpath)) {
+      throw new FS.ErrnoError(44);
+    }
+    var lookup = FS.lookupPath(newpath, {
+      parent: true
+    });
+    var parent = lookup.node;
+    if (!parent) {
+      throw new FS.ErrnoError(44);
+    }
+    var newname = PATH.basename(newpath);
+    var errCode = FS.mayCreate(parent, newname);
+    if (errCode) {
+      throw new FS.ErrnoError(errCode);
+    }
+    if (!parent.node_ops.symlink) {
+      throw new FS.ErrnoError(63);
+    }
+    return parent.node_ops.symlink(parent, newname, oldpath);
+  },
+  rename(old_path, new_path) {
+    var old_dirname = PATH.dirname(old_path);
+    var new_dirname = PATH.dirname(new_path);
+    var old_name = PATH.basename(old_path);
+    var new_name = PATH.basename(new_path);
+    // parents must exist
+    var lookup, old_dir, new_dir;
+    // let the errors from non existent directories percolate up
+    lookup = FS.lookupPath(old_path, {
+      parent: true
+    });
+    old_dir = lookup.node;
+    lookup = FS.lookupPath(new_path, {
+      parent: true
+    });
+    new_dir = lookup.node;
+    if (!old_dir || !new_dir) throw new FS.ErrnoError(44);
+    // need to be part of the same mount
+    if (old_dir.mount !== new_dir.mount) {
+      throw new FS.ErrnoError(75);
+    }
+    // source must exist
+    var old_node = FS.lookupNode(old_dir, old_name);
+    // old path should not be an ancestor of the new path
+    var relative = PATH_FS.relative(old_path, new_dirname);
+    if (relative.charAt(0) !== ".") {
+      throw new FS.ErrnoError(28);
+    }
+    // new path should not be an ancestor of the old path
+    relative = PATH_FS.relative(new_path, old_dirname);
+    if (relative.charAt(0) !== ".") {
+      throw new FS.ErrnoError(55);
+    }
+    // see if the new path already exists
+    var new_node;
+    try {
+      new_node = FS.lookupNode(new_dir, new_name);
+    } catch (e) {}
+    // early out if nothing needs to change
+    if (old_node === new_node) {
+      return;
+    }
+    // we'll need to delete the old entry
+    var isdir = FS.isDir(old_node.mode);
+    var errCode = FS.mayDelete(old_dir, old_name, isdir);
+    if (errCode) {
+      throw new FS.ErrnoError(errCode);
+    }
+    // need delete permissions if we'll be overwriting.
+    // need create permissions if new doesn't already exist.
+    errCode = new_node ? FS.mayDelete(new_dir, new_name, isdir) : FS.mayCreate(new_dir, new_name);
+    if (errCode) {
+      throw new FS.ErrnoError(errCode);
+    }
+    if (!old_dir.node_ops.rename) {
+      throw new FS.ErrnoError(63);
+    }
+    if (FS.isMountpoint(old_node) || (new_node && FS.isMountpoint(new_node))) {
+      throw new FS.ErrnoError(10);
+    }
+    // if we are going to change the parent, check write permissions
+    if (new_dir !== old_dir) {
+      errCode = FS.nodePermissions(old_dir, "w");
+      if (errCode) {
+        throw new FS.ErrnoError(errCode);
+      }
+    }
+    // remove the node from the lookup hash
+    FS.hashRemoveNode(old_node);
+    // do the underlying fs rename
+    try {
+      old_dir.node_ops.rename(old_node, new_dir, new_name);
+      // update old node (we do this here to avoid each backend 
+      // needing to)
+      old_node.parent = new_dir;
+    } catch (e) {
+      throw e;
+    } finally {
+      // add the node back to the hash (in case node_ops.rename
+      // changed its name)
+      FS.hashAddNode(old_node);
+    }
+  },
+  rmdir(path) {
+    var lookup = FS.lookupPath(path, {
+      parent: true
+    });
+    var parent = lookup.node;
+    var name = PATH.basename(path);
+    var node = FS.lookupNode(parent, name);
+    var errCode = FS.mayDelete(parent, name, true);
+    if (errCode) {
+      throw new FS.ErrnoError(errCode);
+    }
+    if (!parent.node_ops.rmdir) {
+      throw new FS.ErrnoError(63);
+    }
+    if (FS.isMountpoint(node)) {
+      throw new FS.ErrnoError(10);
+    }
+    parent.node_ops.rmdir(parent, name);
+    FS.destroyNode(node);
+  },
+  readdir(path) {
+    var lookup = FS.lookupPath(path, {
+      follow: true
+    });
+    var node = lookup.node;
+    if (!node.node_ops.readdir) {
+      throw new FS.ErrnoError(54);
+    }
+    return node.node_ops.readdir(node);
+  },
+  unlink(path) {
+    var lookup = FS.lookupPath(path, {
+      parent: true
+    });
+    var parent = lookup.node;
+    if (!parent) {
+      throw new FS.ErrnoError(44);
+    }
+    var name = PATH.basename(path);
+    var node = FS.lookupNode(parent, name);
+    var errCode = FS.mayDelete(parent, name, false);
+    if (errCode) {
+      // According to POSIX, we should map EISDIR to EPERM, but
+      // we instead do what Linux does (and we must, as we use
+      // the musl linux libc).
+      throw new FS.ErrnoError(errCode);
+    }
+    if (!parent.node_ops.unlink) {
+      throw new FS.ErrnoError(63);
+    }
+    if (FS.isMountpoint(node)) {
+      throw new FS.ErrnoError(10);
+    }
+    parent.node_ops.unlink(parent, name);
+    FS.destroyNode(node);
+  },
+  readlink(path) {
+    var lookup = FS.lookupPath(path);
+    var link = lookup.node;
+    if (!link) {
+      throw new FS.ErrnoError(44);
+    }
+    if (!link.node_ops.readlink) {
+      throw new FS.ErrnoError(28);
+    }
+    return PATH_FS.resolve(FS.getPath(link.parent), link.node_ops.readlink(link));
+  },
+  stat(path, dontFollow) {
+    var lookup = FS.lookupPath(path, {
+      follow: !dontFollow
+    });
+    var node = lookup.node;
+    if (!node) {
+      throw new FS.ErrnoError(44);
+    }
+    if (!node.node_ops.getattr) {
+      throw new FS.ErrnoError(63);
+    }
+    return node.node_ops.getattr(node);
+  },
+  lstat(path) {
+    return FS.stat(path, true);
+  },
+  chmod(path, mode, dontFollow) {
+    var node;
+    if (typeof path == "string") {
+      var lookup = FS.lookupPath(path, {
+        follow: !dontFollow
+      });
+      node = lookup.node;
+    } else {
+      node = path;
+    }
+    if (!node.node_ops.setattr) {
+      throw new FS.ErrnoError(63);
+    }
+    node.node_ops.setattr(node, {
+      mode: (mode & 4095) | (node.mode & ~4095),
+      timestamp: Date.now()
+    });
+  },
+  lchmod(path, mode) {
+    FS.chmod(path, mode, true);
+  },
+  fchmod(fd, mode) {
+    var stream = FS.getStreamChecked(fd);
+    FS.chmod(stream.node, mode);
+  },
+  chown(path, uid, gid, dontFollow) {
+    var node;
+    if (typeof path == "string") {
+      var lookup = FS.lookupPath(path, {
+        follow: !dontFollow
+      });
+      node = lookup.node;
+    } else {
+      node = path;
+    }
+    if (!node.node_ops.setattr) {
+      throw new FS.ErrnoError(63);
+    }
+    node.node_ops.setattr(node, {
+      timestamp: Date.now()
+    });
+  },
+  // we ignore the uid / gid for now
+  lchown(path, uid, gid) {
+    FS.chown(path, uid, gid, true);
+  },
+  fchown(fd, uid, gid) {
+    var stream = FS.getStreamChecked(fd);
+    FS.chown(stream.node, uid, gid);
+  },
+  truncate(path, len) {
+    if (len < 0) {
+      throw new FS.ErrnoError(28);
+    }
+    var node;
+    if (typeof path == "string") {
+      var lookup = FS.lookupPath(path, {
+        follow: true
+      });
+      node = lookup.node;
+    } else {
+      node = path;
+    }
+    if (!node.node_ops.setattr) {
+      throw new FS.ErrnoError(63);
+    }
+    if (FS.isDir(node.mode)) {
+      throw new FS.ErrnoError(31);
+    }
+    if (!FS.isFile(node.mode)) {
+      throw new FS.ErrnoError(28);
+    }
+    var errCode = FS.nodePermissions(node, "w");
+    if (errCode) {
+      throw new FS.ErrnoError(errCode);
+    }
+    node.node_ops.setattr(node, {
+      size: len,
+      timestamp: Date.now()
+    });
+  },
+  ftruncate(fd, len) {
+    var stream = FS.getStreamChecked(fd);
+    if ((stream.flags & 2097155) === 0) {
+      throw new FS.ErrnoError(28);
+    }
+    FS.truncate(stream.node, len);
+  },
+  utime(path, atime, mtime) {
+    var lookup = FS.lookupPath(path, {
+      follow: true
+    });
+    var node = lookup.node;
+    node.node_ops.setattr(node, {
+      timestamp: Math.max(atime, mtime)
+    });
+  },
+  open(path, flags, mode) {
+    if (path === "") {
+      throw new FS.ErrnoError(44);
+    }
+    flags = typeof flags == "string" ? FS_modeStringToFlags(flags) : flags;
+    if ((flags & 64)) {
+      mode = typeof mode == "undefined" ? 438 : /* 0666 */ mode;
+      mode = (mode & 4095) | 32768;
+    } else {
+      mode = 0;
+    }
+    var node;
+    if (typeof path == "object") {
+      node = path;
+    } else {
+      path = PATH.normalize(path);
+      try {
+        var lookup = FS.lookupPath(path, {
+          follow: !(flags & 131072)
+        });
+        node = lookup.node;
+      } catch (e) {}
+    }
+    // perhaps we need to create the node
+    var created = false;
+    if ((flags & 64)) {
+      if (node) {
+        // if O_CREAT and O_EXCL are set, error out if the node already exists
+        if ((flags & 128)) {
+          throw new FS.ErrnoError(20);
+        }
+      } else {
+        // node doesn't exist, try to create it
+        node = FS.mknod(path, mode, 0);
+        created = true;
+      }
+    }
+    if (!node) {
+      throw new FS.ErrnoError(44);
+    }
+    // can't truncate a device
+    if (FS.isChrdev(node.mode)) {
+      flags &= ~512;
+    }
+    // if asked only for a directory, then this must be one
+    if ((flags & 65536) && !FS.isDir(node.mode)) {
+      throw new FS.ErrnoError(54);
+    }
+    // check permissions, if this is not a file we just created now (it is ok to
+    // create and write to a file with read-only permissions; it is read-only
+    // for later use)
+    if (!created) {
+      var errCode = FS.mayOpen(node, flags);
+      if (errCode) {
+        throw new FS.ErrnoError(errCode);
+      }
+    }
+    // do truncation if necessary
+    if ((flags & 512) && !created) {
+      FS.truncate(node, 0);
+    }
+    // we've already handled these, don't pass down to the underlying vfs
+    flags &= ~(128 | 512 | 131072);
+    // register the stream with the filesystem
+    var stream = FS.createStream({
+      node,
+      path: FS.getPath(node),
+      // we want the absolute path to the node
+      flags,
+      seekable: true,
+      position: 0,
+      stream_ops: node.stream_ops,
+      // used by the file family libc calls (fopen, fwrite, ferror, etc.)
+      ungotten: [],
+      error: false
+    });
+    // call the new stream's open function
+    if (stream.stream_ops.open) {
+      stream.stream_ops.open(stream);
+    }
+    if (Module["logReadFiles"] && !(flags & 1)) {
+      if (!FS.readFiles) FS.readFiles = {};
+      if (!(path in FS.readFiles)) {
+        FS.readFiles[path] = 1;
+      }
+    }
+    return stream;
+  },
+  close(stream) {
+    if (FS.isClosed(stream)) {
+      throw new FS.ErrnoError(8);
+    }
+    if (stream.getdents) stream.getdents = null;
+    // free readdir state
+    try {
+      if (stream.stream_ops.close) {
+        stream.stream_ops.close(stream);
+      }
+    } catch (e) {
+      throw e;
+    } finally {
+      FS.closeStream(stream.fd);
+    }
+    stream.fd = null;
+  },
+  isClosed(stream) {
+    return stream.fd === null;
+  },
+  llseek(stream, offset, whence) {
+    if (FS.isClosed(stream)) {
+      throw new FS.ErrnoError(8);
+    }
+    if (!stream.seekable || !stream.stream_ops.llseek) {
+      throw new FS.ErrnoError(70);
+    }
+    if (whence != 0 && whence != 1 && whence != 2) {
+      throw new FS.ErrnoError(28);
+    }
+    stream.position = stream.stream_ops.llseek(stream, offset, whence);
+    stream.ungotten = [];
+    return stream.position;
+  },
+  read(stream, buffer, offset, length, position) {
+    if (length < 0 || position < 0) {
+      throw new FS.ErrnoError(28);
+    }
+    if (FS.isClosed(stream)) {
+      throw new FS.ErrnoError(8);
+    }
+    if ((stream.flags & 2097155) === 1) {
+      throw new FS.ErrnoError(8);
+    }
+    if (FS.isDir(stream.node.mode)) {
+      throw new FS.ErrnoError(31);
+    }
+    if (!stream.stream_ops.read) {
+      throw new FS.ErrnoError(28);
+    }
+    var seeking = typeof position != "undefined";
+    if (!seeking) {
+      position = stream.position;
+    } else if (!stream.seekable) {
+      throw new FS.ErrnoError(70);
+    }
+    var bytesRead = stream.stream_ops.read(stream, buffer, offset, length, position);
+    if (!seeking) stream.position += bytesRead;
+    return bytesRead;
+  },
+  write(stream, buffer, offset, length, position, canOwn) {
+    if (length < 0 || position < 0) {
+      throw new FS.ErrnoError(28);
+    }
+    if (FS.isClosed(stream)) {
+      throw new FS.ErrnoError(8);
+    }
+    if ((stream.flags & 2097155) === 0) {
+      throw new FS.ErrnoError(8);
+    }
+    if (FS.isDir(stream.node.mode)) {
+      throw new FS.ErrnoError(31);
+    }
+    if (!stream.stream_ops.write) {
+      throw new FS.ErrnoError(28);
+    }
+    if (stream.seekable && stream.flags & 1024) {
+      // seek to the end before writing in append mode
+      FS.llseek(stream, 0, 2);
+    }
+    var seeking = typeof position != "undefined";
+    if (!seeking) {
+      position = stream.position;
+    } else if (!stream.seekable) {
+      throw new FS.ErrnoError(70);
+    }
+    var bytesWritten = stream.stream_ops.write(stream, buffer, offset, length, position, canOwn);
+    if (!seeking) stream.position += bytesWritten;
+    return bytesWritten;
+  },
+  allocate(stream, offset, length) {
+    if (FS.isClosed(stream)) {
+      throw new FS.ErrnoError(8);
+    }
+    if (offset < 0 || length <= 0) {
+      throw new FS.ErrnoError(28);
+    }
+    if ((stream.flags & 2097155) === 0) {
+      throw new FS.ErrnoError(8);
+    }
+    if (!FS.isFile(stream.node.mode) && !FS.isDir(stream.node.mode)) {
+      throw new FS.ErrnoError(43);
+    }
+    if (!stream.stream_ops.allocate) {
+      throw new FS.ErrnoError(138);
+    }
+    stream.stream_ops.allocate(stream, offset, length);
+  },
+  mmap(stream, length, position, prot, flags) {
+    // User requests writing to file (prot & PROT_WRITE != 0).
+    // Checking if we have permissions to write to the file unless
+    // MAP_PRIVATE flag is set. According to POSIX spec it is possible
+    // to write to file opened in read-only mode with MAP_PRIVATE flag,
+    // as all modifications will be visible only in the memory of
+    // the current process.
+    if ((prot & 2) !== 0 && (flags & 2) === 0 && (stream.flags & 2097155) !== 2) {
+      throw new FS.ErrnoError(2);
+    }
+    if ((stream.flags & 2097155) === 1) {
+      throw new FS.ErrnoError(2);
+    }
+    if (!stream.stream_ops.mmap) {
+      throw new FS.ErrnoError(43);
+    }
+    if (!length) {
+      throw new FS.ErrnoError(28);
+    }
+    return stream.stream_ops.mmap(stream, length, position, prot, flags);
+  },
+  msync(stream, buffer, offset, length, mmapFlags) {
+    if (!stream.stream_ops.msync) {
+      return 0;
+    }
+    return stream.stream_ops.msync(stream, buffer, offset, length, mmapFlags);
+  },
+  ioctl(stream, cmd, arg) {
+    if (!stream.stream_ops.ioctl) {
+      throw new FS.ErrnoError(59);
+    }
+    return stream.stream_ops.ioctl(stream, cmd, arg);
+  },
+  readFile(path, opts = {}) {
+    opts.flags = opts.flags || 0;
+    opts.encoding = opts.encoding || "binary";
+    if (opts.encoding !== "utf8" && opts.encoding !== "binary") {
+      throw new Error(`Invalid encoding type "${opts.encoding}"`);
+    }
+    var ret;
+    var stream = FS.open(path, opts.flags);
+    var stat = FS.stat(path);
+    var length = stat.size;
+    var buf = new Uint8Array(length);
+    FS.read(stream, buf, 0, length, 0);
+    if (opts.encoding === "utf8") {
+      ret = UTF8ArrayToString(buf, 0);
+    } else if (opts.encoding === "binary") {
+      ret = buf;
+    }
+    FS.close(stream);
+    return ret;
+  },
+  writeFile(path, data, opts = {}) {
+    opts.flags = opts.flags || 577;
+    var stream = FS.open(path, opts.flags, opts.mode);
+    if (typeof data == "string") {
+      var buf = new Uint8Array(lengthBytesUTF8(data) + 1);
+      var actualNumBytes = stringToUTF8Array(data, buf, 0, buf.length);
+      FS.write(stream, buf, 0, actualNumBytes, undefined, opts.canOwn);
+    } else if (ArrayBuffer.isView(data)) {
+      FS.write(stream, data, 0, data.byteLength, undefined, opts.canOwn);
+    } else {
+      throw new Error("Unsupported data type");
+    }
+    FS.close(stream);
+  },
+  cwd: () => FS.currentPath,
+  chdir(path) {
+    var lookup = FS.lookupPath(path, {
+      follow: true
+    });
+    if (lookup.node === null) {
+      throw new FS.ErrnoError(44);
+    }
+    if (!FS.isDir(lookup.node.mode)) {
+      throw new FS.ErrnoError(54);
+    }
+    var errCode = FS.nodePermissions(lookup.node, "x");
+    if (errCode) {
+      throw new FS.ErrnoError(errCode);
+    }
+    FS.currentPath = lookup.path;
+  },
+  createDefaultDirectories() {
+    FS.mkdir("/tmp");
+    FS.mkdir("/home");
+    FS.mkdir("/home/web_user");
+  },
+  createDefaultDevices() {
+    // create /dev
+    FS.mkdir("/dev");
+    // setup /dev/null
+    FS.registerDevice(FS.makedev(1, 3), {
+      read: () => 0,
+      write: (stream, buffer, offset, length, pos) => length
+    });
+    FS.mkdev("/dev/null", FS.makedev(1, 3));
+    // setup /dev/tty and /dev/tty1
+    // stderr needs to print output using err() rather than out()
+    // so we register a second tty just for it.
+    TTY.register(FS.makedev(5, 0), TTY.default_tty_ops);
+    TTY.register(FS.makedev(6, 0), TTY.default_tty1_ops);
+    FS.mkdev("/dev/tty", FS.makedev(5, 0));
+    FS.mkdev("/dev/tty1", FS.makedev(6, 0));
+    // setup /dev/[u]random
+    // use a buffer to avoid overhead of individual crypto calls per byte
+    var randomBuffer = new Uint8Array(1024), randomLeft = 0;
+    var randomByte = () => {
+      if (randomLeft === 0) {
+        randomLeft = randomFill(randomBuffer).byteLength;
+      }
+      return randomBuffer[--randomLeft];
+    };
+    FS.createDevice("/dev", "random", randomByte);
+    FS.createDevice("/dev", "urandom", randomByte);
+    // we're not going to emulate the actual shm device,
+    // just create the tmp dirs that reside in it commonly
+    FS.mkdir("/dev/shm");
+    FS.mkdir("/dev/shm/tmp");
+  },
+  createSpecialDirectories() {
+    // create /proc/self/fd which allows /proc/self/fd/6 => readlink gives the
+    // name of the stream for fd 6 (see test_unistd_ttyname)
+    FS.mkdir("/proc");
+    var proc_self = FS.mkdir("/proc/self");
+    FS.mkdir("/proc/self/fd");
+    FS.mount({
+      mount() {
+        var node = FS.createNode(proc_self, "fd", 16384 | 511, /* 0777 */ 73);
+        node.node_ops = {
+          lookup(parent, name) {
+            var fd = +name;
+            var stream = FS.getStreamChecked(fd);
+            var ret = {
+              parent: null,
+              mount: {
+                mountpoint: "fake"
+              },
+              node_ops: {
+                readlink: () => stream.path
+              }
+            };
+            ret.parent = ret;
+            // make it look like a simple root node
+            return ret;
+          }
+        };
+        return node;
+      }
+    }, {}, "/proc/self/fd");
+  },
+  createStandardStreams(input, output, error) {
+    // TODO deprecate the old functionality of a single
+    // input / output callback and that utilizes FS.createDevice
+    // and instead require a unique set of stream ops
+    // by default, we symlink the standard streams to the
+    // default tty devices. however, if the standard streams
+    // have been overwritten we create a unique device for
+    // them instead.
+    if (input) {
+      FS.createDevice("/dev", "stdin", input);
+    } else {
+      FS.symlink("/dev/tty", "/dev/stdin");
+    }
+    if (output) {
+      FS.createDevice("/dev", "stdout", null, output);
+    } else {
+      FS.symlink("/dev/tty", "/dev/stdout");
+    }
+    if (error) {
+      FS.createDevice("/dev", "stderr", null, error);
+    } else {
+      FS.symlink("/dev/tty1", "/dev/stderr");
+    }
+    // open default streams for the stdin, stdout and stderr devices
+    var stdin = FS.open("/dev/stdin", 0);
+    var stdout = FS.open("/dev/stdout", 1);
+    var stderr = FS.open("/dev/stderr", 1);
+  },
+  staticInit() {
+    // Some errors may happen quite a bit, to avoid overhead we reuse them (and suffer a lack of stack info)
+    [ 44 ].forEach(code => {
+      FS.genericErrors[code] = new FS.ErrnoError(code);
+      FS.genericErrors[code].stack = "<generic error, no stack>";
+    });
+    FS.nameTable = new Array(4096);
+    FS.mount(MEMFS, {}, "/");
+    FS.createDefaultDirectories();
+    FS.createDefaultDevices();
+    FS.createSpecialDirectories();
+    FS.filesystems = {
+      "MEMFS": MEMFS
+    };
+  },
+  init(input, output, error) {
+    FS.initialized = true;
+    // Allow Module.stdin etc. to provide defaults, if none explicitly passed to us here
+    input ??= Module["stdin"];
+    output ??= Module["stdout"];
+    error ??= Module["stderr"];
+    FS.createStandardStreams(input, output, error);
+  },
+  quit() {
+    FS.initialized = false;
+    // force-flush all streams, so we get musl std streams printed out
+    // close all of our streams
+    for (var i = 0; i < FS.streams.length; i++) {
+      var stream = FS.streams[i];
+      if (!stream) {
+        continue;
+      }
+      FS.close(stream);
+    }
+  },
+  findObject(path, dontResolveLastLink) {
+    var ret = FS.analyzePath(path, dontResolveLastLink);
+    if (!ret.exists) {
+      return null;
+    }
+    return ret.object;
+  },
+  analyzePath(path, dontResolveLastLink) {
+    // operate from within the context of the symlink's target
+    try {
+      var lookup = FS.lookupPath(path, {
+        follow: !dontResolveLastLink
+      });
+      path = lookup.path;
+    } catch (e) {}
+    var ret = {
+      isRoot: false,
+      exists: false,
+      error: 0,
+      name: null,
+      path: null,
+      object: null,
+      parentExists: false,
+      parentPath: null,
+      parentObject: null
+    };
+    try {
+      var lookup = FS.lookupPath(path, {
+        parent: true
+      });
+      ret.parentExists = true;
+      ret.parentPath = lookup.path;
+      ret.parentObject = lookup.node;
+      ret.name = PATH.basename(path);
+      lookup = FS.lookupPath(path, {
+        follow: !dontResolveLastLink
+      });
+      ret.exists = true;
+      ret.path = lookup.path;
+      ret.object = lookup.node;
+      ret.name = lookup.node.name;
+      ret.isRoot = lookup.path === "/";
+    } catch (e) {
+      ret.error = e.errno;
+    }
+    return ret;
+  },
+  createPath(parent, path, canRead, canWrite) {
+    parent = typeof parent == "string" ? parent : FS.getPath(parent);
+    var parts = path.split("/").reverse();
+    while (parts.length) {
+      var part = parts.pop();
+      if (!part) continue;
+      var current = PATH.join2(parent, part);
+      try {
+        FS.mkdir(current);
+      } catch (e) {}
+      // ignore EEXIST
+      parent = current;
+    }
+    return current;
+  },
+  createFile(parent, name, properties, canRead, canWrite) {
+    var path = PATH.join2(typeof parent == "string" ? parent : FS.getPath(parent), name);
+    var mode = FS_getMode(canRead, canWrite);
+    return FS.create(path, mode);
+  },
+  createDataFile(parent, name, data, canRead, canWrite, canOwn) {
+    var path = name;
+    if (parent) {
+      parent = typeof parent == "string" ? parent : FS.getPath(parent);
+      path = name ? PATH.join2(parent, name) : parent;
+    }
+    var mode = FS_getMode(canRead, canWrite);
+    var node = FS.create(path, mode);
+    if (data) {
+      if (typeof data == "string") {
+        var arr = new Array(data.length);
+        for (var i = 0, len = data.length; i < len; ++i) arr[i] = data.charCodeAt(i);
+        data = arr;
+      }
+      // make sure we can write to the file
+      FS.chmod(node, mode | 146);
+      var stream = FS.open(node, 577);
+      FS.write(stream, data, 0, data.length, 0, canOwn);
+      FS.close(stream);
+      FS.chmod(node, mode);
+    }
+  },
+  createDevice(parent, name, input, output) {
+    var path = PATH.join2(typeof parent == "string" ? parent : FS.getPath(parent), name);
+    var mode = FS_getMode(!!input, !!output);
+    if (!FS.createDevice.major) FS.createDevice.major = 64;
+    var dev = FS.makedev(FS.createDevice.major++, 0);
+    // Create a fake device that a set of stream ops to emulate
+    // the old behavior.
+    FS.registerDevice(dev, {
+      open(stream) {
+        stream.seekable = false;
+      },
+      close(stream) {
+        // flush any pending line data
+        if (output?.buffer?.length) {
+          output(10);
+        }
+      },
+      read(stream, buffer, offset, length, pos) {
+        /* ignored */ var bytesRead = 0;
+        for (var i = 0; i < length; i++) {
+          var result;
+          try {
+            result = input();
+          } catch (e) {
+            throw new FS.ErrnoError(29);
+          }
+          if (result === undefined && bytesRead === 0) {
+            throw new FS.ErrnoError(6);
+          }
+          if (result === null || result === undefined) break;
+          bytesRead++;
+          buffer[offset + i] = result;
+        }
+        if (bytesRead) {
+          stream.node.timestamp = Date.now();
+        }
+        return bytesRead;
+      },
+      write(stream, buffer, offset, length, pos) {
+        for (var i = 0; i < length; i++) {
+          try {
+            output(buffer[offset + i]);
+          } catch (e) {
+            throw new FS.ErrnoError(29);
+          }
+        }
+        if (length) {
+          stream.node.timestamp = Date.now();
+        }
+        return i;
+      }
+    });
+    return FS.mkdev(path, mode, dev);
+  },
+  forceLoadFile(obj) {
+    if (obj.isDevice || obj.isFolder || obj.link || obj.contents) return true;
+    if (typeof XMLHttpRequest != "undefined") {
+      throw new Error("Lazy loading should have been performed (contents set) in createLazyFile, but it was not. Lazy loading only works in web workers. Use --embed-file or --preload-file in emcc on the main thread.");
+    } else {
+      // Command-line.
+      try {
+        obj.contents = readBinary(obj.url);
+        obj.usedBytes = obj.contents.length;
+      } catch (e) {
+        throw new FS.ErrnoError(29);
+      }
+    }
+  },
+  createLazyFile(parent, name, url, canRead, canWrite) {
+    // Lazy chunked Uint8Array (implements get and length from Uint8Array).
+    // Actual getting is abstracted away for eventual reuse.
+    class LazyUint8Array {
+      constructor() {
+        this.lengthKnown = false;
+        this.chunks = [];
+      }
+      // Loaded chunks. Index is the chunk number
+      get(idx) {
+        if (idx > this.length - 1 || idx < 0) {
+          return undefined;
+        }
+        var chunkOffset = idx % this.chunkSize;
+        var chunkNum = (idx / this.chunkSize) | 0;
+        return this.getter(chunkNum)[chunkOffset];
+      }
+      setDataGetter(getter) {
+        this.getter = getter;
+      }
+      cacheLength() {
+        // Find length
+        var xhr = new XMLHttpRequest;
+        xhr.open("HEAD", url, false);
+        xhr.send(null);
+        if (!(xhr.status >= 200 && xhr.status < 300 || xhr.status === 304)) throw new Error("Couldn't load " + url + ". Status: " + xhr.status);
+        var datalength = Number(xhr.getResponseHeader("Content-length"));
+        var header;
+        var hasByteServing = (header = xhr.getResponseHeader("Accept-Ranges")) && header === "bytes";
+        var usesGzip = (header = xhr.getResponseHeader("Content-Encoding")) && header === "gzip";
+        var chunkSize = 1024 * 1024;
+        // Chunk size in bytes
+        if (!hasByteServing) chunkSize = datalength;
+        // Function to get a range from the remote URL.
+        var doXHR = (from, to) => {
+          if (from > to) throw new Error("invalid range (" + from + ", " + to + ") or no bytes requested!");
+          if (to > datalength - 1) throw new Error("only " + datalength + " bytes available! programmer error!");
+          // TODO: Use mozResponseArrayBuffer, responseStream, etc. if available.
+          var xhr = new XMLHttpRequest;
+          xhr.open("GET", url, false);
+          if (datalength !== chunkSize) xhr.setRequestHeader("Range", "bytes=" + from + "-" + to);
+          // Some hints to the browser that we want binary data.
+          xhr.responseType = "arraybuffer";
+          if (xhr.overrideMimeType) {
+            xhr.overrideMimeType("text/plain; charset=x-user-defined");
+          }
+          xhr.send(null);
+          if (!(xhr.status >= 200 && xhr.status < 300 || xhr.status === 304)) throw new Error("Couldn't load " + url + ". Status: " + xhr.status);
+          if (xhr.response !== undefined) {
+            return new Uint8Array(/** @type{Array<number>} */ (xhr.response || []));
+          }
+          return intArrayFromString(xhr.responseText || "", true);
+        };
+        var lazyArray = this;
+        lazyArray.setDataGetter(chunkNum => {
+          var start = chunkNum * chunkSize;
+          var end = (chunkNum + 1) * chunkSize - 1;
+          // including this byte
+          end = Math.min(end, datalength - 1);
+          // if datalength-1 is selected, this is the last block
+          if (typeof lazyArray.chunks[chunkNum] == "undefined") {
+            lazyArray.chunks[chunkNum] = doXHR(start, end);
+          }
+          if (typeof lazyArray.chunks[chunkNum] == "undefined") throw new Error("doXHR failed!");
+          return lazyArray.chunks[chunkNum];
+        });
+        if (usesGzip || !datalength) {
+          // if the server uses gzip or doesn't supply the length, we have to download the whole file to get the (uncompressed) length
+          chunkSize = datalength = 1;
+          // this will force getter(0)/doXHR do download the whole file
+          datalength = this.getter(0).length;
+          chunkSize = datalength;
+          out("LazyFiles on gzip forces download of the whole file when length is accessed");
+        }
+        this._length = datalength;
+        this._chunkSize = chunkSize;
+        this.lengthKnown = true;
+      }
+      get length() {
+        if (!this.lengthKnown) {
+          this.cacheLength();
+        }
+        return this._length;
+      }
+      get chunkSize() {
+        if (!this.lengthKnown) {
+          this.cacheLength();
+        }
+        return this._chunkSize;
+      }
+    }
+    if (typeof XMLHttpRequest != "undefined") {
+      if (!ENVIRONMENT_IS_WORKER) throw "Cannot do synchronous binary XHRs outside webworkers in modern browsers. Use --embed-file or --preload-file in emcc";
+      var lazyArray = new LazyUint8Array;
+      var properties = {
+        isDevice: false,
+        contents: lazyArray
+      };
+    } else {
+      var properties = {
+        isDevice: false,
+        url
+      };
+    }
+    var node = FS.createFile(parent, name, properties, canRead, canWrite);
+    // This is a total hack, but I want to get this lazy file code out of the
+    // core of MEMFS. If we want to keep this lazy file concept I feel it should
+    // be its own thin LAZYFS proxying calls to MEMFS.
+    if (properties.contents) {
+      node.contents = properties.contents;
+    } else if (properties.url) {
+      node.contents = null;
+      node.url = properties.url;
+    }
+    // Add a function that defers querying the file size until it is asked the first time.
+    Object.defineProperties(node, {
+      usedBytes: {
+        get: function() {
+          return this.contents.length;
+        }
+      }
+    });
+    // override each stream op with one that tries to force load the lazy file first
+    var stream_ops = {};
+    var keys = Object.keys(node.stream_ops);
+    keys.forEach(key => {
+      var fn = node.stream_ops[key];
+      stream_ops[key] = (...args) => {
+        FS.forceLoadFile(node);
+        return fn(...args);
+      };
+    });
+    function writeChunks(stream, buffer, offset, length, position) {
+      var contents = stream.node.contents;
+      if (position >= contents.length) return 0;
+      var size = Math.min(contents.length - position, length);
+      if (contents.slice) {
+        // normal array
+        for (var i = 0; i < size; i++) {
+          buffer[offset + i] = contents[position + i];
+        }
+      } else {
+        for (var i = 0; i < size; i++) {
+          // LazyUint8Array from sync binary XHR
+          buffer[offset + i] = contents.get(position + i);
+        }
+      }
+      return size;
+    }
+    // use a custom read function
+    stream_ops.read = (stream, buffer, offset, length, position) => {
+      FS.forceLoadFile(node);
+      return writeChunks(stream, buffer, offset, length, position);
+    };
+    // use a custom mmap function
+    stream_ops.mmap = (stream, length, position, prot, flags) => {
+      FS.forceLoadFile(node);
+      var ptr = mmapAlloc(length);
+      if (!ptr) {
+        throw new FS.ErrnoError(48);
+      }
+      writeChunks(stream, HEAP8, ptr, length, position);
+      return {
+        ptr,
+        allocated: true
+      };
+    };
+    node.stream_ops = stream_ops;
+    return node;
+  }
+};
+
+Module["FS"] = FS;
+
+var SYSCALLS = {
+  DEFAULT_POLLMASK: 5,
+  calculateAt(dirfd, path, allowEmpty) {
+    if (PATH.isAbs(path)) {
+      return path;
+    }
+    // relative path
+    var dir;
+    if (dirfd === -100) {
+      dir = FS.cwd();
+    } else {
+      var dirstream = SYSCALLS.getStreamFromFD(dirfd);
+      dir = dirstream.path;
+    }
+    if (path.length == 0) {
+      if (!allowEmpty) {
+        throw new FS.ErrnoError(44);
+      }
+      return dir;
+    }
+    return PATH.join2(dir, path);
+  },
+  doStat(func, path, buf) {
+    var stat = func(path);
+    HEAP32[((buf) >> 2)] = stat.dev;
+    HEAP32[(((buf) + (4)) >> 2)] = stat.mode;
+    HEAPU32[(((buf) + (8)) >> 2)] = stat.nlink;
+    HEAP32[(((buf) + (12)) >> 2)] = stat.uid;
+    HEAP32[(((buf) + (16)) >> 2)] = stat.gid;
+    HEAP32[(((buf) + (20)) >> 2)] = stat.rdev;
+    (tempI64 = [ stat.size >>> 0, (tempDouble = stat.size, (+(Math.abs(tempDouble))) >= 1 ? (tempDouble > 0 ? (+(Math.floor((tempDouble) / 4294967296))) >>> 0 : (~~((+(Math.ceil((tempDouble - +(((~~(tempDouble))) >>> 0)) / 4294967296))))) >>> 0) : 0) ], 
+    HEAP32[(((buf) + (24)) >> 2)] = tempI64[0], HEAP32[(((buf) + (28)) >> 2)] = tempI64[1]);
+    HEAP32[(((buf) + (32)) >> 2)] = 4096;
+    HEAP32[(((buf) + (36)) >> 2)] = stat.blocks;
+    var atime = stat.atime.getTime();
+    var mtime = stat.mtime.getTime();
+    var ctime = stat.ctime.getTime();
+    (tempI64 = [ Math.floor(atime / 1e3) >>> 0, (tempDouble = Math.floor(atime / 1e3), 
+    (+(Math.abs(tempDouble))) >= 1 ? (tempDouble > 0 ? (+(Math.floor((tempDouble) / 4294967296))) >>> 0 : (~~((+(Math.ceil((tempDouble - +(((~~(tempDouble))) >>> 0)) / 4294967296))))) >>> 0) : 0) ], 
+    HEAP32[(((buf) + (40)) >> 2)] = tempI64[0], HEAP32[(((buf) + (44)) >> 2)] = tempI64[1]);
+    HEAPU32[(((buf) + (48)) >> 2)] = (atime % 1e3) * 1e3 * 1e3;
+    (tempI64 = [ Math.floor(mtime / 1e3) >>> 0, (tempDouble = Math.floor(mtime / 1e3), 
+    (+(Math.abs(tempDouble))) >= 1 ? (tempDouble > 0 ? (+(Math.floor((tempDouble) / 4294967296))) >>> 0 : (~~((+(Math.ceil((tempDouble - +(((~~(tempDouble))) >>> 0)) / 4294967296))))) >>> 0) : 0) ], 
+    HEAP32[(((buf) + (56)) >> 2)] = tempI64[0], HEAP32[(((buf) + (60)) >> 2)] = tempI64[1]);
+    HEAPU32[(((buf) + (64)) >> 2)] = (mtime % 1e3) * 1e3 * 1e3;
+    (tempI64 = [ Math.floor(ctime / 1e3) >>> 0, (tempDouble = Math.floor(ctime / 1e3), 
+    (+(Math.abs(tempDouble))) >= 1 ? (tempDouble > 0 ? (+(Math.floor((tempDouble) / 4294967296))) >>> 0 : (~~((+(Math.ceil((tempDouble - +(((~~(tempDouble))) >>> 0)) / 4294967296))))) >>> 0) : 0) ], 
+    HEAP32[(((buf) + (72)) >> 2)] = tempI64[0], HEAP32[(((buf) + (76)) >> 2)] = tempI64[1]);
+    HEAPU32[(((buf) + (80)) >> 2)] = (ctime % 1e3) * 1e3 * 1e3;
+    (tempI64 = [ stat.ino >>> 0, (tempDouble = stat.ino, (+(Math.abs(tempDouble))) >= 1 ? (tempDouble > 0 ? (+(Math.floor((tempDouble) / 4294967296))) >>> 0 : (~~((+(Math.ceil((tempDouble - +(((~~(tempDouble))) >>> 0)) / 4294967296))))) >>> 0) : 0) ], 
+    HEAP32[(((buf) + (88)) >> 2)] = tempI64[0], HEAP32[(((buf) + (92)) >> 2)] = tempI64[1]);
+    return 0;
+  },
+  doMsync(addr, stream, len, flags, offset) {
+    if (!FS.isFile(stream.node.mode)) {
+      throw new FS.ErrnoError(43);
+    }
+    if (flags & 2) {
+      // MAP_PRIVATE calls need not to be synced back to underlying fs
+      return 0;
+    }
+    var buffer = HEAPU8.slice(addr, addr + len);
+    FS.msync(stream, buffer, offset, len, flags);
+  },
+  getStreamFromFD(fd) {
+    var stream = FS.getStreamChecked(fd);
+    return stream;
+  },
+  varargs: undefined,
+  getStr(ptr) {
+    var ret = UTF8ToString(ptr);
+    return ret;
+  }
+};
+
+function ___syscall_fcntl64(fd, cmd, varargs) {
+  SYSCALLS.varargs = varargs;
+  try {
+    var stream = SYSCALLS.getStreamFromFD(fd);
+    switch (cmd) {
+     case 0:
+      {
+        var arg = syscallGetVarargI();
+        if (arg < 0) {
+          return -28;
+        }
+        while (FS.streams[arg]) {
+          arg++;
+        }
+        var newStream;
+        newStream = FS.dupStream(stream, arg);
+        return newStream.fd;
+      }
+
+     case 1:
+     case 2:
+      return 0;
+
+     // FD_CLOEXEC makes no sense for a single process.
+      case 3:
+      return stream.flags;
+
+     case 4:
+      {
+        var arg = syscallGetVarargI();
+        stream.flags |= arg;
+        return 0;
+      }
+
+     case 12:
+      {
+        var arg = syscallGetVarargP();
+        var offset = 0;
+        // We're always unlocked.
+        HEAP16[(((arg) + (offset)) >> 1)] = 2;
+        return 0;
+      }
+
+     case 13:
+     case 14:
+      return 0;
+    }
+    // Pretend that the locking is successful.
+    return -28;
+  } catch (e) {
+    if (typeof FS == "undefined" || !(e.name === "ErrnoError")) throw e;
+    return -e.errno;
+  }
+}
+
+function ___syscall_ioctl(fd, op, varargs) {
+  SYSCALLS.varargs = varargs;
+  try {
+    var stream = SYSCALLS.getStreamFromFD(fd);
+    switch (op) {
+     case 21509:
+      {
+        if (!stream.tty) return -59;
+        return 0;
+      }
+
+     case 21505:
+      {
+        if (!stream.tty) return -59;
+        if (stream.tty.ops.ioctl_tcgets) {
+          var termios = stream.tty.ops.ioctl_tcgets(stream);
+          var argp = syscallGetVarargP();
+          HEAP32[((argp) >> 2)] = termios.c_iflag || 0;
+          HEAP32[(((argp) + (4)) >> 2)] = termios.c_oflag || 0;
+          HEAP32[(((argp) + (8)) >> 2)] = termios.c_cflag || 0;
+          HEAP32[(((argp) + (12)) >> 2)] = termios.c_lflag || 0;
+          for (var i = 0; i < 32; i++) {
+            HEAP8[(argp + i) + (17)] = termios.c_cc[i] || 0;
+          }
+          return 0;
+        }
+        return 0;
+      }
+
+     case 21510:
+     case 21511:
+     case 21512:
+      {
+        if (!stream.tty) return -59;
+        return 0;
+      }
+
+     // no-op, not actually adjusting terminal settings
+      case 21506:
+     case 21507:
+     case 21508:
+      {
+        if (!stream.tty) return -59;
+        if (stream.tty.ops.ioctl_tcsets) {
+          var argp = syscallGetVarargP();
+          var c_iflag = HEAP32[((argp) >> 2)];
+          var c_oflag = HEAP32[(((argp) + (4)) >> 2)];
+          var c_cflag = HEAP32[(((argp) + (8)) >> 2)];
+          var c_lflag = HEAP32[(((argp) + (12)) >> 2)];
+          var c_cc = [];
+          for (var i = 0; i < 32; i++) {
+            c_cc.push(HEAP8[(argp + i) + (17)]);
+          }
+          return stream.tty.ops.ioctl_tcsets(stream.tty, op, {
+            c_iflag,
+            c_oflag,
+            c_cflag,
+            c_lflag,
+            c_cc
+          });
+        }
+        return 0;
+      }
+
+     // no-op, not actually adjusting terminal settings
+      case 21519:
+      {
+        if (!stream.tty) return -59;
+        var argp = syscallGetVarargP();
+        HEAP32[((argp) >> 2)] = 0;
+        return 0;
+      }
+
+     case 21520:
+      {
+        if (!stream.tty) return -59;
+        return -28;
+      }
+
+     // not supported
+      case 21531:
+      {
+        var argp = syscallGetVarargP();
+        return FS.ioctl(stream, op, argp);
+      }
+
+     case 21523:
+      {
+        // TODO: in theory we should write to the winsize struct that gets
+        // passed in, but for now musl doesn't read anything on it
+        if (!stream.tty) return -59;
+        if (stream.tty.ops.ioctl_tiocgwinsz) {
+          var winsize = stream.tty.ops.ioctl_tiocgwinsz(stream.tty);
+          var argp = syscallGetVarargP();
+          HEAP16[((argp) >> 1)] = winsize[0];
+          HEAP16[(((argp) + (2)) >> 1)] = winsize[1];
+        }
+        return 0;
+      }
+
+     case 21524:
+      {
+        // TODO: technically, this ioctl call should change the window size.
+        // but, since emscripten doesn't have any concept of a terminal window
+        // yet, we'll just silently throw it away as we do TIOCGWINSZ
+        if (!stream.tty) return -59;
+        return 0;
+      }
+
+     case 21515:
+      {
+        if (!stream.tty) return -59;
+        return 0;
+      }
+
+     default:
+      return -28;
+    }
+  } // not supported
+  catch (e) {
+    if (typeof FS == "undefined" || !(e.name === "ErrnoError")) throw e;
+    return -e.errno;
+  }
+}
+
+function ___syscall_openat(dirfd, path, flags, varargs) {
+  SYSCALLS.varargs = varargs;
+  try {
+    path = SYSCALLS.getStr(path);
+    path = SYSCALLS.calculateAt(dirfd, path);
+    var mode = varargs ? syscallGetVarargI() : 0;
+    return FS.open(path, flags, mode).fd;
+  } catch (e) {
+    if (typeof FS == "undefined" || !(e.name === "ErrnoError")) throw e;
+    return -e.errno;
+  }
+}
+
+var __abort_js = () => {
+  abort("");
+};
+
+var nowIsMonotonic = 1;
+
+var __emscripten_get_now_is_monotonic = () => nowIsMonotonic;
+
+var __emscripten_memcpy_js = (dest, src, num) => HEAPU8.copyWithin(dest, src, src + num);
+
+var stringToUTF8 = (str, outPtr, maxBytesToWrite) => stringToUTF8Array(str, HEAPU8, outPtr, maxBytesToWrite);
+
+var __tzset_js = (timezone, daylight, std_name, dst_name) => {
+  // TODO: Use (malleable) environment variables instead of system settings.
+  var currentYear = (new Date).getFullYear();
+  var winter = new Date(currentYear, 0, 1);
+  var summer = new Date(currentYear, 6, 1);
+  var winterOffset = winter.getTimezoneOffset();
+  var summerOffset = summer.getTimezoneOffset();
+  // Local standard timezone offset. Local standard time is not adjusted for
+  // daylight savings.  This code uses the fact that getTimezoneOffset returns
+  // a greater value during Standard Time versus Daylight Saving Time (DST).
+  // Thus it determines the expected output during Standard Time, and it
+  // compares whether the output of the given date the same (Standard) or less
+  // (DST).
+  var stdTimezoneOffset = Math.max(winterOffset, summerOffset);
+  // timezone is specified as seconds west of UTC ("The external variable
+  // `timezone` shall be set to the difference, in seconds, between
+  // Coordinated Universal Time (UTC) and local standard time."), the same
+  // as returned by stdTimezoneOffset.
+  // See http://pubs.opengroup.org/onlinepubs/009695399/functions/tzset.html
+  HEAPU32[((timezone) >> 2)] = stdTimezoneOffset * 60;
+  HEAP32[((daylight) >> 2)] = Number(winterOffset != summerOffset);
+  var extractZone = timezoneOffset => {
+    // Why inverse sign?
+    // Read here https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getTimezoneOffset
+    var sign = timezoneOffset >= 0 ? "-" : "+";
+    var absOffset = Math.abs(timezoneOffset);
+    var hours = String(Math.floor(absOffset / 60)).padStart(2, "0");
+    var minutes = String(absOffset % 60).padStart(2, "0");
+    return `UTC${sign}${hours}${minutes}`;
+  };
+  var winterName = extractZone(winterOffset);
+  var summerName = extractZone(summerOffset);
+  if (summerOffset < winterOffset) {
+    // Northern hemisphere
+    stringToUTF8(winterName, std_name, 17);
+    stringToUTF8(summerName, dst_name, 17);
+  } else {
+    stringToUTF8(winterName, dst_name, 17);
+    stringToUTF8(summerName, std_name, 17);
+  }
+};
+
+var _emscripten_date_now = () => Date.now();
+
+var _emscripten_get_now;
+
+// Modern environment where performance.now() is supported:
+// N.B. a shorter form "_emscripten_get_now = performance.now;" is
+// unfortunately not allowed even in current browsers (e.g. FF Nightly 75).
+_emscripten_get_now = () => performance.now();
+
+var getHeapMax = () => // Stay one Wasm page short of 4GB: while e.g. Chrome is able to allocate
+// full 4GB Wasm memories, the size will wrap back to 0 bytes in Wasm side
+// for any code that deals with heap sizes, which would require special
+// casing all heap size related code to treat 0 specially.
+2147483648;
+
+var growMemory = size => {
+  var b = wasmMemory.buffer;
+  var pages = (size - b.byteLength + 65535) / 65536;
+  try {
+    // round size grow request up to wasm page size (fixed 64KB per spec)
+    wasmMemory.grow(pages);
+    // .grow() takes a delta compared to the previous size
+    updateMemoryViews();
+    return 1;
+  } /*success*/ catch (e) {}
+};
+
+// implicit 0 return to save code size (caller will cast "undefined" into 0
+// anyhow)
+var _emscripten_resize_heap = requestedSize => {
+  var oldSize = HEAPU8.length;
+  // With CAN_ADDRESS_2GB or MEMORY64, pointers are already unsigned.
+  requestedSize >>>= 0;
+  // With multithreaded builds, races can happen (another thread might increase the size
+  // in between), so return a failure, and let the caller retry.
+  // Memory resize rules:
+  // 1.  Always increase heap size to at least the requested size, rounded up
+  //     to next page multiple.
+  // 2a. If MEMORY_GROWTH_LINEAR_STEP == -1, excessively resize the heap
+  //     geometrically: increase the heap size according to
+  //     MEMORY_GROWTH_GEOMETRIC_STEP factor (default +20%), At most
+  //     overreserve by MEMORY_GROWTH_GEOMETRIC_CAP bytes (default 96MB).
+  // 2b. If MEMORY_GROWTH_LINEAR_STEP != -1, excessively resize the heap
+  //     linearly: increase the heap size by at least
+  //     MEMORY_GROWTH_LINEAR_STEP bytes.
+  // 3.  Max size for the heap is capped at 2048MB-WASM_PAGE_SIZE, or by
+  //     MAXIMUM_MEMORY, or by ASAN limit, depending on which is smallest
+  // 4.  If we were unable to allocate as much memory, it may be due to
+  //     over-eager decision to excessively reserve due to (3) above.
+  //     Hence if an allocation fails, cut down on the amount of excess
+  //     growth, in an attempt to succeed to perform a smaller allocation.
+  // A limit is set for how much we can grow. We should not exceed that
+  // (the wasm binary specifies it, so if we tried, we'd fail anyhow).
+  var maxHeapSize = getHeapMax();
+  if (requestedSize > maxHeapSize) {
+    return false;
+  }
+  // Loop through potential heap size increases. If we attempt a too eager
+  // reservation that fails, cut down on the attempted size and reserve a
+  // smaller bump instead. (max 3 times, chosen somewhat arbitrarily)
+  for (var cutDown = 1; cutDown <= 4; cutDown *= 2) {
+    var overGrownHeapSize = oldSize * (1 + .2 / cutDown);
+    // ensure geometric growth
+    // but limit overreserving (default to capping at +96MB overgrowth at most)
+    overGrownHeapSize = Math.min(overGrownHeapSize, requestedSize + 100663296);
+    var newSize = Math.min(maxHeapSize, alignMemory(Math.max(requestedSize, overGrownHeapSize), 65536));
+    var replacement = growMemory(newSize);
+    if (replacement) {
+      return true;
+    }
+  }
+  return false;
+};
+
+var ENV = {};
+
+var getExecutableName = () => thisProgram || "./this.program";
+
+var getEnvStrings = () => {
+  if (!getEnvStrings.strings) {
+    // Default values.
+    // Browser language detection #8751
+    var lang = ((typeof navigator == "object" && navigator.languages && navigator.languages[0]) || "C").replace("-", "_") + ".UTF-8";
+    var env = {
+      "USER": "web_user",
+      "LOGNAME": "web_user",
+      "PATH": "/",
+      "PWD": "/",
+      "HOME": "/home/web_user",
+      "LANG": lang,
+      "_": getExecutableName()
+    };
+    // Apply the user-provided values, if any.
+    for (var x in ENV) {
+      // x is a key in ENV; if ENV[x] is undefined, that means it was
+      // explicitly set to be so. We allow user code to do that to
+      // force variables with default values to remain unset.
+      if (ENV[x] === undefined) delete env[x]; else env[x] = ENV[x];
+    }
+    var strings = [];
+    for (var x in env) {
+      strings.push(`${x}=${env[x]}`);
+    }
+    getEnvStrings.strings = strings;
+  }
+  return getEnvStrings.strings;
+};
+
+var stringToAscii = (str, buffer) => {
+  for (var i = 0; i < str.length; ++i) {
+    HEAP8[buffer++] = str.charCodeAt(i);
+  }
+  // Null-terminate the string
+  HEAP8[buffer] = 0;
+};
+
+var _environ_get = (__environ, environ_buf) => {
+  var bufSize = 0;
+  getEnvStrings().forEach((string, i) => {
+    var ptr = environ_buf + bufSize;
+    HEAPU32[(((__environ) + (i * 4)) >> 2)] = ptr;
+    stringToAscii(string, ptr);
+    bufSize += string.length + 1;
+  });
+  return 0;
+};
+
+var _environ_sizes_get = (penviron_count, penviron_buf_size) => {
+  var strings = getEnvStrings();
+  HEAPU32[((penviron_count) >> 2)] = strings.length;
+  var bufSize = 0;
+  strings.forEach(string => bufSize += string.length + 1);
+  HEAPU32[((penviron_buf_size) >> 2)] = bufSize;
+  return 0;
+};
+
+function _fd_close(fd) {
+  try {
+    var stream = SYSCALLS.getStreamFromFD(fd);
+    FS.close(stream);
+    return 0;
+  } catch (e) {
+    if (typeof FS == "undefined" || !(e.name === "ErrnoError")) throw e;
+    return e.errno;
+  }
+}
+
+/** @param {number=} offset */ var doReadv = (stream, iov, iovcnt, offset) => {
+  var ret = 0;
+  for (var i = 0; i < iovcnt; i++) {
+    var ptr = HEAPU32[((iov) >> 2)];
+    var len = HEAPU32[(((iov) + (4)) >> 2)];
+    iov += 8;
+    var curr = FS.read(stream, HEAP8, ptr, len, offset);
+    if (curr < 0) return -1;
+    ret += curr;
+    if (curr < len) break;
+    // nothing more to read
+    if (typeof offset != "undefined") {
+      offset += curr;
+    }
+  }
+  return ret;
+};
+
+function _fd_read(fd, iov, iovcnt, pnum) {
+  try {
+    var stream = SYSCALLS.getStreamFromFD(fd);
+    var num = doReadv(stream, iov, iovcnt);
+    HEAPU32[((pnum) >> 2)] = num;
+    return 0;
+  } catch (e) {
+    if (typeof FS == "undefined" || !(e.name === "ErrnoError")) throw e;
+    return e.errno;
+  }
+}
+
+var convertI32PairToI53Checked = (lo, hi) => ((hi + 2097152) >>> 0 < 4194305 - !!lo) ? (lo >>> 0) + hi * 4294967296 : NaN;
+
+function _fd_seek(fd, offset_low, offset_high, whence, newOffset) {
+  var offset = convertI32PairToI53Checked(offset_low, offset_high);
+  try {
+    if (isNaN(offset)) return 61;
+    var stream = SYSCALLS.getStreamFromFD(fd);
+    FS.llseek(stream, offset, whence);
+    (tempI64 = [ stream.position >>> 0, (tempDouble = stream.position, (+(Math.abs(tempDouble))) >= 1 ? (tempDouble > 0 ? (+(Math.floor((tempDouble) / 4294967296))) >>> 0 : (~~((+(Math.ceil((tempDouble - +(((~~(tempDouble))) >>> 0)) / 4294967296))))) >>> 0) : 0) ], 
+    HEAP32[((newOffset) >> 2)] = tempI64[0], HEAP32[(((newOffset) + (4)) >> 2)] = tempI64[1]);
+    if (stream.getdents && offset === 0 && whence === 0) stream.getdents = null;
+    // reset readdir state
+    return 0;
+  } catch (e) {
+    if (typeof FS == "undefined" || !(e.name === "ErrnoError")) throw e;
+    return e.errno;
+  }
+}
+
+/** @param {number=} offset */ var doWritev = (stream, iov, iovcnt, offset) => {
+  var ret = 0;
+  for (var i = 0; i < iovcnt; i++) {
+    var ptr = HEAPU32[((iov) >> 2)];
+    var len = HEAPU32[(((iov) + (4)) >> 2)];
+    iov += 8;
+    var curr = FS.write(stream, HEAP8, ptr, len, offset);
+    if (curr < 0) return -1;
+    ret += curr;
+    if (curr < len) {
+      // No more space to write.
+      break;
+    }
+    if (typeof offset != "undefined") {
+      offset += curr;
+    }
+  }
+  return ret;
+};
+
+function _fd_write(fd, iov, iovcnt, pnum) {
+  try {
+    var stream = SYSCALLS.getStreamFromFD(fd);
+    var num = doWritev(stream, iov, iovcnt);
+    HEAPU32[((pnum) >> 2)] = num;
+    return 0;
+  } catch (e) {
+    if (typeof FS == "undefined" || !(e.name === "ErrnoError")) throw e;
+    return e.errno;
+  }
+}
+
+var getCFunc = ident => {
+  var func = Module["_" + ident];
+  // closure exported function
+  return func;
+};
+
+var writeArrayToMemory = (array, buffer) => {
+  HEAP8.set(array, buffer);
+};
+
+var stackAlloc = sz => __emscripten_stack_alloc(sz);
+
+var stringToUTF8OnStack = str => {
+  var size = lengthBytesUTF8(str) + 1;
+  var ret = stackAlloc(size);
+  stringToUTF8(str, ret, size);
+  return ret;
+};
+
+/**
+     * @param {string|null=} returnType
+     * @param {Array=} argTypes
+     * @param {Arguments|Array=} args
+     * @param {Object=} opts
+     */ var ccall = (ident, returnType, argTypes, args, opts) => {
+  // For fast lookup of conversion functions
+  var toC = {
+    "string": str => {
+      var ret = 0;
+      if (str !== null && str !== undefined && str !== 0) {
+        // null string
+        // at most 4 bytes per UTF-8 code point, +1 for the trailing '\0'
+        ret = stringToUTF8OnStack(str);
+      }
+      return ret;
+    },
+    "array": arr => {
+      var ret = stackAlloc(arr.length);
+      writeArrayToMemory(arr, ret);
+      return ret;
+    }
+  };
+  function convertReturnValue(ret) {
+    if (returnType === "string") {
+      return UTF8ToString(ret);
+    }
+    if (returnType === "boolean") return Boolean(ret);
+    return ret;
+  }
+  var func = getCFunc(ident);
+  var cArgs = [];
+  var stack = 0;
+  if (args) {
+    for (var i = 0; i < args.length; i++) {
+      var converter = toC[argTypes[i]];
+      if (converter) {
+        if (stack === 0) stack = stackSave();
+        cArgs[i] = converter(args[i]);
+      } else {
+        cArgs[i] = args[i];
+      }
+    }
+  }
+  var ret = func(...cArgs);
+  function onDone(ret) {
+    if (stack !== 0) stackRestore(stack);
+    return convertReturnValue(ret);
+  }
+  ret = onDone(ret);
+  return ret;
+};
+
+/**
+     * @param {string=} returnType
+     * @param {Array=} argTypes
+     * @param {Object=} opts
+     */ var cwrap = (ident, returnType, argTypes, opts) => {
+  // When the function takes numbers and returns a number, we can just return
+  // the original function
+  var numericArgs = !argTypes || argTypes.every(type => type === "number" || type === "boolean");
+  var numericRet = returnType !== "string";
+  if (numericRet && numericArgs && !opts) {
+    return getCFunc(ident);
+  }
+  return (...args) => ccall(ident, returnType, argTypes, args, opts);
+};
+
+var stringToNewUTF8 = str => {
+  var size = lengthBytesUTF8(str) + 1;
+  var ret = _malloc(size);
+  if (ret) stringToUTF8(str, ret, size);
+  return ret;
+};
+
+FS.createPreloadedFile = FS_createPreloadedFile;
+
+FS.staticInit();
+
+var wasmImports = {
+  /** @export */ __assert_fail: ___assert_fail,
+  /** @export */ __cxa_throw: ___cxa_throw,
+  /** @export */ __syscall_fcntl64: ___syscall_fcntl64,
+  /** @export */ __syscall_ioctl: ___syscall_ioctl,
+  /** @export */ __syscall_openat: ___syscall_openat,
+  /** @export */ _abort_js: __abort_js,
+  /** @export */ _emscripten_get_now_is_monotonic: __emscripten_get_now_is_monotonic,
+  /** @export */ _emscripten_memcpy_js: __emscripten_memcpy_js,
+  /** @export */ _tzset_js: __tzset_js,
+  /** @export */ emscripten_date_now: _emscripten_date_now,
+  /** @export */ emscripten_get_now: _emscripten_get_now,
+  /** @export */ emscripten_resize_heap: _emscripten_resize_heap,
+  /** @export */ environ_get: _environ_get,
+  /** @export */ environ_sizes_get: _environ_sizes_get,
+  /** @export */ fd_close: _fd_close,
+  /** @export */ fd_read: _fd_read,
+  /** @export */ fd_seek: _fd_seek,
+  /** @export */ fd_write: _fd_write
+};
+
+var wasmExports = createWasm();
+
+var ___wasm_call_ctors = () => (___wasm_call_ctors = wasmExports["__wasm_call_ctors"])();
+
+var _Hunspell_create = Module["_Hunspell_create"] = (a0, a1) => (_Hunspell_create = Module["_Hunspell_create"] = wasmExports["Hunspell_create"])(a0, a1);
+
+var _Hunspell_destroy = Module["_Hunspell_destroy"] = a0 => (_Hunspell_destroy = Module["_Hunspell_destroy"] = wasmExports["Hunspell_destroy"])(a0);
+
+var _Hunspell_add_dic = Module["_Hunspell_add_dic"] = (a0, a1) => (_Hunspell_add_dic = Module["_Hunspell_add_dic"] = wasmExports["Hunspell_add_dic"])(a0, a1);
+
+var _Hunspell_spell = Module["_Hunspell_spell"] = (a0, a1) => (_Hunspell_spell = Module["_Hunspell_spell"] = wasmExports["Hunspell_spell"])(a0, a1);
+
+var _Hunspell_suggest = Module["_Hunspell_suggest"] = (a0, a1, a2) => (_Hunspell_suggest = Module["_Hunspell_suggest"] = wasmExports["Hunspell_suggest"])(a0, a1, a2);
+
+var _Hunspell_add = Module["_Hunspell_add"] = (a0, a1) => (_Hunspell_add = Module["_Hunspell_add"] = wasmExports["Hunspell_add"])(a0, a1);
+
+var _Hunspell_remove = Module["_Hunspell_remove"] = (a0, a1) => (_Hunspell_remove = Module["_Hunspell_remove"] = wasmExports["Hunspell_remove"])(a0, a1);
+
+var _Hunspell_free_list = Module["_Hunspell_free_list"] = (a0, a1, a2) => (_Hunspell_free_list = Module["_Hunspell_free_list"] = wasmExports["Hunspell_free_list"])(a0, a1, a2);
+
+var _malloc = Module["_malloc"] = a0 => (_malloc = Module["_malloc"] = wasmExports["malloc"])(a0);
+
+var _free = Module["_free"] = a0 => (_free = Module["_free"] = wasmExports["free"])(a0);
+
+var __emscripten_stack_restore = a0 => (__emscripten_stack_restore = wasmExports["_emscripten_stack_restore"])(a0);
+
+var __emscripten_stack_alloc = a0 => (__emscripten_stack_alloc = wasmExports["_emscripten_stack_alloc"])(a0);
+
+var _emscripten_stack_get_current = () => (_emscripten_stack_get_current = wasmExports["emscripten_stack_get_current"])();
+
+var dynCall_iiiiij = Module["dynCall_iiiiij"] = (a0, a1, a2, a3, a4, a5, a6) => (dynCall_iiiiij = Module["dynCall_iiiiij"] = wasmExports["dynCall_iiiiij"])(a0, a1, a2, a3, a4, a5, a6);
+
+var dynCall_iiiiijj = Module["dynCall_iiiiijj"] = (a0, a1, a2, a3, a4, a5, a6, a7, a8) => (dynCall_iiiiijj = Module["dynCall_iiiiijj"] = wasmExports["dynCall_iiiiijj"])(a0, a1, a2, a3, a4, a5, a6, a7, a8);
+
+var dynCall_iiiiiijj = Module["dynCall_iiiiiijj"] = (a0, a1, a2, a3, a4, a5, a6, a7, a8, a9) => (dynCall_iiiiiijj = Module["dynCall_iiiiiijj"] = wasmExports["dynCall_iiiiiijj"])(a0, a1, a2, a3, a4, a5, a6, a7, a8, a9);
+
+var dynCall_jiji = Module["dynCall_jiji"] = (a0, a1, a2, a3, a4) => (dynCall_jiji = Module["dynCall_jiji"] = wasmExports["dynCall_jiji"])(a0, a1, a2, a3, a4);
+
+var dynCall_viijii = Module["dynCall_viijii"] = (a0, a1, a2, a3, a4, a5, a6) => (dynCall_viijii = Module["dynCall_viijii"] = wasmExports["dynCall_viijii"])(a0, a1, a2, a3, a4, a5, a6);
+
+// include: postamble.js
+// === Auto-generated postamble setup entry stuff ===
+Module["ccall"] = ccall;
+
+Module["cwrap"] = cwrap;
+
+Module["getValue"] = getValue;
+
+Module["UTF8ToString"] = UTF8ToString;
+
+Module["stringToNewUTF8"] = stringToNewUTF8;
+
+Module["MEMFS"] = MEMFS;
+
+var calledRun;
+
+dependenciesFulfilled = function runCaller() {
+  // If run has never been called, and we should call run (INVOKE_RUN is true, and Module.noInitialRun is not false)
+  if (!calledRun) run();
+  if (!calledRun) dependenciesFulfilled = runCaller;
+};
+
+// try this again later, after new deps are fulfilled
+function run() {
+  if (runDependencies > 0) {
+    return;
+  }
+  preRun();
+  // a preRun added a dependency, run will be called later
+  if (runDependencies > 0) {
+    return;
+  }
+  function doRun() {
+    // run may have just been called through dependencies being fulfilled just in this very frame,
+    // or while the async setStatus time below was happening
+    if (calledRun) return;
+    calledRun = true;
+    Module["calledRun"] = true;
+    if (ABORT) return;
+    initRuntime();
+    readyPromiseResolve(Module);
+    Module["onRuntimeInitialized"]?.();
+    postRun();
+  }
+  if (Module["setStatus"]) {
+    Module["setStatus"]("Running...");
+    setTimeout(() => {
+      setTimeout(() => Module["setStatus"](""), 1);
+      doRun();
+    }, 1);
+  } else {
+    doRun();
+  }
+}
+
+if (Module["preInit"]) {
+  if (typeof Module["preInit"] == "function") Module["preInit"] = [ Module["preInit"] ];
+  while (Module["preInit"].length > 0) {
+    Module["preInit"].pop()();
+  }
+}
+
+run();
+
+// end include: postamble.js
+// include: postamble_modularize.js
+// In MODULARIZE mode we wrap the generated code in a factory function
+// and return either the Module itself, or a promise of the module.
+// We assign to the `moduleRtn` global here and configure closure to see
+// this as and extern so it won't get minified.
+moduleRtn = readyPromise;
+
+
+  return moduleRtn;
+}
+);
+})();
+export default Module;
diff --git a/services/web/frontend/js/features/source-editor/hunspell/wasm/hunspell.wasm b/services/web/frontend/js/features/source-editor/hunspell/wasm/hunspell.wasm
new file mode 100644
index 0000000..4f8e972
Binary files /dev/null and b/services/web/frontend/js/features/source-editor/hunspell/wasm/hunspell.wasm differ
diff --git a/services/web/frontend/js/features/source-editor/hunspell/wordlists/dictionary-additions.ts b/services/web/frontend/js/features/source-editor/hunspell/wordlists/dictionary-additions.ts
new file mode 100644
index 0000000..585e364
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/hunspell/wordlists/dictionary-additions.ts
@@ -0,0 +1,18 @@
+const dictionaryAdditions = new Set(['en_US'])
+
+export const buildAdditionalDictionary = async (
+  lang: string,
+  learnedWords: string[]
+) => {
+  const words = [...learnedWords]
+
+  if (dictionaryAdditions.has(lang)) {
+    const wordList = await import(`./${lang}.txt`).then(m => m.default)
+    words.push(...wordList.split('\n').filter(Boolean))
+  }
+
+  // the first line contains the approximate word count
+  words.unshift(String(words.length))
+
+  return new TextEncoder().encode(words.join('\n'))
+}
diff --git a/services/web/frontend/js/features/source-editor/hunspell/wordlists/en_US.txt b/services/web/frontend/js/features/source-editor/hunspell/wordlists/en_US.txt
new file mode 100644
index 0000000..c90ef8a
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/hunspell/wordlists/en_US.txt
@@ -0,0 +1,535 @@
+Abaqus
+abelian
+ACF
+ACS
+AdaBoost
+AFM
+AGN
+AIC
+AlexNet
+AMR
+anharmonicity
+ANNs
+ANOVA
+ANSYS
+apriori
+arcsec
+ARIMA
+ARMA
+arXiv
+ASIC
+ASR
+asymptotics
+AUC
+autoencoder
+autoencoders
+AWGN
+axion
+backend
+backhaul
+backpropagation
+Balmer
+beamformer
+beamforming
+beamline
+BER
+BFGS
+BiLSTM
+binarization
+binarized
+Biot
+bistability
+BLEU
+BMI
+Bogoliubov
+Bonferroni
+Boussinesq
+Cartan
+cartesian
+casted
+CDF
+CDM
+centerline
+CFD
+CFL
+Chebyshev
+Cholesky
+CIFAR
+CMB
+CNC
+CNF
+Colab
+collisionless
+comorbidities
+compactification
+COMSOL
+confounders
+CoV
+CRF
+crosslinking
+CSI
+CubeSat
+CUDA
+cumulant
+cumulants
+CVD
+DAC
+DAQ
+datacenter
+datasheet
+DBSCAN
+DCT
+debiasing
+Debye
+deformability
+delocalization
+denoise
+denoised
+denoising
+DenseNet
+densification
+dephasing
+depthwise
+detrended
+deviatoric
+DevOps
+DFS
+DFT
+dichalcogenides
+dimerization
+discretizations
+discriminability
+dispatchable
+distinguishability
+distributionally
+DNN
+DNNs
+DOF
+DOFs
+DQN
+DRL
+Drude
+DSC
+DTU
+dynamicity
+ECM
+eco
+EDA
+EfficientNet
+eigen
+eigenmode
+eigenmodes
+EKF
+electrolyzer
+EMG
+endogeneity
+ensembling
+equivariant
+ERP
+ESS
+Eulerian
+exceedance
+explainability
+Fabry
+FCN
+FDM
+FEA
+feedforward
+FFT
+finetune
+finetuned
+finetuning
+Floquet
+fluorophore
+fluorophores
+Fock
+forcings
+FOV
+FPGA
+FPGAs
+freestream
+Frobenius
+FSM
+FTIR
+functionalization
+functionalized
+functionals
+FWHM
+GaAs
+Galerkin
+GANs
+gapless
+GARCH
+gaussian
+Gaussianity
+GCN
+GDPR
+GHG
+Gini
+GIS
+GLM
+GMM
+GNN
+GNNs
+GNSS
+GPP
+GPT
+grayscale
+GRU
+Gurobi
+hadronization
+Hankel
+Hartree
+HCI
+HCl
+heatmap
+heatmaps
+hemodynamic
+heteroskedasticity
+HMD
+holonomic
+homodyne
+homophily
+Hopfield
+HPC
+HVAC
+hypergraph
+hypergraphs
+hyperparameter
+hyperspectral
+hypersurface
+hypersurfaces
+hysteretic
+ICP
+ICT
+IDF
+iff
+IID
+ILP
+ImageJ
+ImageNet
+IMU
+incentivizes
+incentivizing
+injectivity
+inpainting
+interferogram
+interparticle
+intertemporal
+intraday
+invasively
+IoU
+IQR
+Ising
+iso
+Jaccard
+Jupyter
+JWST
+Kaggle
+Kalman
+Keras
+ket
+keypoint
+keypoints
+Kinect
+KNN
+kpc
+KPI
+KPIs
+Krylov
+Kubernetes
+Kutta
+LabVIEW
+Langevin
+Larmor
+LCA
+LDA
+Lennard
+Levenberg
+LHC
+LHS
+LIGO
+Likert
+Lindblad
+linewidth
+LLM
+LLMs
+logit
+logits
+lognormal
+LoRa
+LQR
+LSTM
+LSTMs
+LTE
+LTI
+macroscale
+Majorana
+makespan
+MAPE
+MapReduce
+Marquardt
+MCMC
+MCU
+MDP
+measurability
+medoids
+mesoscale
+metaheuristic
+metaheuristics
+metamodel
+meV
+microenvironment
+microfluidic
+microfluidics
+microgrid
+microgrids
+microscale
+microservice
+microservices
+MILP
+MIMO
+MIP
+misclassifications
+missingness
+MLE
+MLP
+MLPs
+mmWave
+MNIST
+MobileNet
+monodisperse
+MOSFET
+MOSFETs
+MPC
+MPI
+MQTT
+MSE
+multiclass
+multiobjective
+multiphysics
+multipoles
+multiscale
+mV
+NaOH
+NER
+neuro
+neuromorphic
+NIR
+NIST
+NLP
+NN
+NNs
+Noether
+nonconvex
+nondegenerate
+nonlinearities
+nonlinearly
+nonlocal
+nonstationary
+Nusselt
+ODEs
+odometry
+OFDM
+OLS
+omics
+OpenCV
+OpenFOAM
+OpenMP
+OpenStreetMap
+operationalization
+overdamped
+overfit
+overfitting
+overpotential
+PageRank
+parameterization
+parameterizations
+parameterizing
+paraxial
+passivation
+PCA
+PCC
+PCR
+PDEs
+PDMS
+Peltier
+perceptron
+perceptrons
+perturbatively
+photovoltaics
+piezo
+PIV
+PLA
+planform
+PMMA
+PMT
+polarimetric
+polarizers
+polytropic
+posedness
+poset
+postprocessing
+PPO
+Prandtl
+preconditioner
+premia
+prespecified
+pretrained
+pretraining
+prosumers
+proto
+PSD
+PSNR
+PSO
+PV
+PWM
+QFT
+quadcopter
+quadrotor
+quintiles
+Raman
+RANSAC
+RBF
+RDF
+recyclability
+regularizer
+ReLU
+reparameterization
+ResNet
+reweighted
+reweighting
+RHS
+Ricci
+Riesz
+RL
+RLC
+RMSE
+RNN
+RNNs
+RoBERTa
+ROS
+RPC
+RSSI
+RTT
+Runge
+SaaS
+SAR
+scalings
+scatterplot
+Schwarz
+scikit
+SCM
+Scopus
+SDE
+SDG
+SDN
+SDP
+SDR
+SDSS
+SED
+serverless
+setpoint
+setpoints
+SFR
+sharding
+sigmoidal
+Simulink
+SiO
+SLA
+SMA
+SMC
+Smirnov
+SMT
+SNE
+Sobel
+Sobolev
+sociodemographic
+softmax
+SolidWorks
+soliton
+solitons
+SOTA
+spacelike
+spanwise
+sparsification
+SPI
+spintronic
+spintronics
+SSIM
+Stackelberg
+Stata
+STFT
+STL
+STM
+stochasticity
+streamwise
+Strouhal
+subcarrier
+subcarriers
+subgraph
+subgraphs
+subgrid
+sublinear
+submodular
+subproblems
+superlinear
+supremum
+SVD
+SVM
+SVMs
+TEM
+TeV
+thermalization
+thermo
+thermomechanical
+thermophysical
+thresholding
+Tikhonov
+timelike
+timeseries
+timestep
+Toeplitz
+TOF
+TP
+tradeoff
+tradeoffs
+transcriptomic
+translationally
+tri
+Uber
+UMAP
+UML
+undeformed
+underactuated
+underexplored
+underfitting
+undoped
+UNet
+unmodeled
+unpolarized
+VAE
+VAEs
+VGG
+virial
+viscoelasticity
+ViT
+Voigt
+Voronoi
+voxel
+voxels
+Waals
+walkthrough
+Wasserstein
+wavefunction
+wavefunctions
+wavenumber
+wavenumbers
+wettability
+Wilcoxon
+XAI
+XGBoost
+Xilinx
+XRD
+Yukawa
+Zehnder
diff --git a/services/web/frontend/js/features/source-editor/languages/bibtex/bibtex-language.ts b/services/web/frontend/js/features/source-editor/languages/bibtex/bibtex-language.ts
new file mode 100644
index 0000000..c9dbdb4
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/bibtex/bibtex-language.ts
@@ -0,0 +1,11 @@
+import { LRLanguage } from '@codemirror/language'
+import { parser } from '../../lezer-bibtex/bibtex.mjs'
+import { bibtexEntryCompletions } from './completions/snippets'
+
+export const BibTeXLanguage = LRLanguage.define({
+  name: 'bibtex',
+  parser,
+  languageData: {
+    autocomplete: bibtexEntryCompletions,
+  },
+})
diff --git a/services/web/frontend/js/features/source-editor/languages/bibtex/completions/snippets.ts b/services/web/frontend/js/features/source-editor/languages/bibtex/completions/snippets.ts
new file mode 100644
index 0000000..26fa7b0
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/bibtex/completions/snippets.ts
@@ -0,0 +1,95 @@
+import { CompletionContext, snippet } from '@codemirror/autocomplete'
+
+type Environment = {
+  name: string
+  requiredAttributes: string[]
+}
+
+const environments: Environment[] = [
+  {
+    name: 'article',
+    requiredAttributes: ['author', 'title', 'journal', 'year'],
+  },
+  {
+    name: 'book',
+    requiredAttributes: ['author', 'title', 'publisher', 'year'],
+  },
+  {
+    name: 'booklet',
+    requiredAttributes: ['key', 'title'],
+  },
+  {
+    name: 'conference',
+    requiredAttributes: ['author', 'booktitle', 'title', 'year'],
+  },
+  {
+    name: 'inbook',
+    requiredAttributes: ['author', 'title', 'publisher', 'year', 'chapter'],
+  },
+  {
+    name: 'incollection',
+    requiredAttributes: ['author', 'title', 'booktitle', 'publisher', 'year'],
+  },
+  {
+    name: 'inproceedings',
+    requiredAttributes: ['author', 'title', 'booktitle', 'year'],
+  },
+  {
+    name: 'manual',
+    requiredAttributes: ['key', 'title'],
+  },
+  {
+    name: 'mastersthesis',
+    requiredAttributes: ['author', 'title', 'school', 'year'],
+  },
+  {
+    name: 'misc',
+    requiredAttributes: ['key', 'note'],
+  },
+  {
+    name: 'phdthesis',
+    requiredAttributes: ['author', 'title', 'school', 'year'],
+  },
+  {
+    name: 'proceedings',
+    requiredAttributes: ['key', 'title', 'year'],
+  },
+  {
+    name: 'techreport',
+    requiredAttributes: ['author', 'title', 'institution', 'year'],
+  },
+  {
+    name: 'unpublished',
+    requiredAttributes: ['author', 'title', 'note'],
+  },
+]
+
+const prepareSnippet = (environment: Environment) => {
+  return `@${
+    environment.name
+  }{#{citation-key},${environment.requiredAttributes.map(
+    attribute => `
+    ${attribute} = #{}`
+  )}
+}`
+}
+
+export function bibtexEntryCompletions(context: CompletionContext) {
+  const word = context.matchBefore(/@\w*/)
+  if (word?.from === word?.to && !context.explicit) return null
+  return {
+    from: word?.from ?? context.pos,
+    options: [
+      ...environments.map(env => ({
+        label: `@${env.name}`,
+        type: 'snippet',
+        apply: snippet(prepareSnippet(env)),
+      })),
+      {
+        label: '@string',
+        type: 'snippet',
+        apply: snippet('@string{#{string-key} = #{}}'),
+      },
+    ],
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/bibtex/index.ts b/services/web/frontend/js/features/source-editor/languages/bibtex/index.ts
new file mode 100644
index 0000000..40cf4a0
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/bibtex/index.ts
@@ -0,0 +1,7 @@
+import { LanguageSupport } from '@codemirror/language'
+import { BibTeXLanguage } from './bibtex-language'
+import { bibtexLinter } from './linting'
+
+export const bibtex = () => {
+  return new LanguageSupport(BibTeXLanguage, [bibtexLinter()])
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/bibtex/linting.ts b/services/web/frontend/js/features/source-editor/languages/bibtex/linting.ts
new file mode 100644
index 0000000..6b92fff
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/bibtex/linting.ts
@@ -0,0 +1,292 @@
+import { syntaxTree } from '@codemirror/language'
+import { Diagnostic, LintSource } from '@codemirror/lint'
+import {
+  Declaration,
+  EntryName,
+  EntryTypeName,
+  FieldName,
+  Other,
+} from '../../lezer-bibtex/bibtex.terms.mjs'
+import { SyntaxNodeRef } from '@lezer/common'
+import { EditorState } from '@codemirror/state'
+import { createLinter } from '../../extensions/linting'
+
+type BibEntryValidationRule = {
+  requiredAttributes: (string | string[])[]
+  biblatex?: Record<string, string>
+}
+
+export const bibtexLinter = () => createLinter(bibtexLintSource, { delay: 100 })
+
+export const bibtexLintSource: LintSource = view => {
+  const tree = syntaxTree(view.state)
+
+  const diagnostics: Diagnostic[] = []
+
+  // Linting be temporarily disabled by a %%begin novalidate directive. It can
+  // be re-enabled by a %%end novalidate directive
+  let lintingCurrentlyDisabled = false
+
+  // Linting is completely disabled by a %%novalidate so will return no linter
+  // errors
+  let fileLintingDisabled = false
+
+  tree.iterate({
+    enter(node) {
+      if (fileLintingDisabled) {
+        return false
+      }
+      if (node.type.is(Other)) {
+        // Content between declaration. Can be linter directive
+        const content = view.state.sliceDoc(node.from, node.to).trim()
+        if (content === '%%novalidate') {
+          fileLintingDisabled = true
+        } else if (content === '%%begin novalidate') {
+          lintingCurrentlyDisabled = true
+        } else if (content === '%%end novalidate') {
+          lintingCurrentlyDisabled = false
+        }
+      }
+      if (lintingCurrentlyDisabled) {
+        return false
+      }
+      if (node.type.is(Declaration)) {
+        diagnostics.push(...checkRequiredFields(node, view.state))
+        return false
+      }
+    },
+  })
+
+  if (fileLintingDisabled) {
+    return []
+  } else {
+    return diagnostics
+  }
+}
+
+const bibEntryValidationRules = new Map<string, BibEntryValidationRule>([
+  [
+    'article',
+    {
+      requiredAttributes: ['author', 'title', 'journal', 'year'],
+      biblatex: {
+        journal: 'journaltitle',
+        year: 'date',
+      },
+    },
+  ],
+  [
+    'book',
+    {
+      requiredAttributes: [['author', 'editor'], 'title', 'publisher', 'year'],
+      biblatex: {
+        year: 'date',
+      },
+    },
+  ],
+  [
+    'booklet',
+    {
+      requiredAttributes: [['author', 'key'], 'title'],
+    },
+  ],
+  [
+    'conference',
+    {
+      requiredAttributes: ['author', 'title', 'year', 'booktitle'],
+      biblatex: {
+        year: 'date',
+      },
+    },
+  ],
+  [
+    'inbook',
+    {
+      requiredAttributes: ['author', 'title', 'publisher', 'year'],
+      biblatex: {
+        year: 'date',
+      },
+    },
+  ],
+  [
+    'incollection',
+    {
+      requiredAttributes: ['author', 'title', 'booktitle', 'publisher', 'year'],
+      biblatex: {
+        year: 'date',
+      },
+    },
+  ],
+  [
+    'inproceedings',
+    {
+      requiredAttributes: ['author', 'title', 'booktitle', 'year'],
+      biblatex: {
+        year: 'date',
+      },
+    },
+  ],
+  [
+    'manual',
+    {
+      requiredAttributes: [['author', 'key', 'organization'], 'title'],
+    },
+  ],
+  [
+    'mastersthesis',
+    {
+      requiredAttributes: ['author', 'title', 'school', 'year'],
+      biblatex: {
+        year: 'date',
+      },
+    },
+  ],
+  [
+    'misc',
+    {
+      requiredAttributes: [['author', 'key']],
+    },
+  ],
+  [
+    'phdthesis',
+    {
+      requiredAttributes: ['author', 'title', 'school', 'year'],
+      biblatex: {
+        year: 'date',
+      },
+    },
+  ],
+  [
+    'proceedings',
+    {
+      requiredAttributes: [['editor', 'key', 'organization'], 'title', 'year'],
+      biblatex: {
+        year: 'date',
+      },
+    },
+  ],
+  [
+    'techreport',
+    {
+      requiredAttributes: ['author', 'title', 'institution', 'year'],
+      biblatex: {
+        year: 'date',
+      },
+    },
+  ],
+  [
+    'unpublished',
+    {
+      requiredAttributes: ['author', 'title', 'note'],
+    },
+  ],
+])
+
+const checkRequiredFields = (
+  nodeRef: SyntaxNodeRef,
+  state: EditorState
+): Diagnostic[] => {
+  // We just return no errors if we don't find the info we're looking for in the
+  // syntax tree
+  const node = nodeRef.node
+
+  const entryNameNode = node.getChild(EntryName)
+  if (!entryNameNode) {
+    return []
+  }
+
+  const entryTypeNameNode = entryNameNode.getChild(EntryTypeName)
+  if (!entryTypeNameNode) {
+    return []
+  }
+  const entryTypeName = state
+    .sliceDoc(entryTypeNameNode.from, entryTypeNameNode.to)
+    .toLowerCase()
+  const environment = bibEntryValidationRules.get(entryTypeName)
+  if (!environment) {
+    return []
+  }
+  const requiredFields = environment.requiredAttributes
+
+  const actualFieldNodes = node.getChildren('Field')
+  const actualFieldNames = new Set(
+    actualFieldNodes
+      .map(fieldNode => fieldNode.getChild(FieldName))
+      .map(fieldNode =>
+        fieldNode ? state.sliceDoc(fieldNode.from, fieldNode.to) : undefined
+      )
+      .filter(Boolean)
+      .map(name => name?.toLowerCase())
+  )
+
+  if (actualFieldNames.has('crossref')) {
+    // We don't want to deal with crossrefs (key inheritance from other entries)
+    return []
+  }
+
+  const entryHasField = (fieldName: string): boolean => {
+    if (actualFieldNames.has(fieldName)) {
+      return true
+    }
+    if (environment.biblatex && environment.biblatex[fieldName]) {
+      return actualFieldNames.has(environment.biblatex[fieldName])
+    }
+    return false
+  }
+
+  const missingFields = requiredFields.filter(field => {
+    if (Array.isArray(field)) {
+      return !field.some(f => entryHasField(f))
+    } else {
+      return !entryHasField(field)
+    }
+  })
+
+  if (missingFields.length === 0) {
+    // All is good
+    return []
+  }
+
+  return [
+    {
+      from: entryNameNode.from,
+      to: entryNameNode.to,
+      message: createErrorMessage(missingFields, entryTypeName, state),
+      severity: 'warning',
+    },
+  ]
+}
+
+function createErrorMessage(
+  missingFields: (string[] | string)[],
+  entryTypeName: string,
+  state: EditorState
+) {
+  const translation =
+    missingFields.length === 1
+      ? state.phrase('missing_field_for_entry')
+      : state.phrase('missing_fields_for_entry')
+  const or = state.phrase('or')
+  const errorLines = missingFields
+    .map(fieldOptions => {
+      const options = Array.isArray(fieldOptions)
+        ? fieldOptions
+        : [fieldOptions]
+      return createOrList(options, or)
+    })
+    .map(field => `  •  ${field}`)
+    .join('\n')
+  return `${translation} ${entryTypeName}:\n${errorLines}`
+}
+
+function createOrList(fields: string[], orPhrase: string) {
+  if (fields.length === 0) {
+    return ''
+  }
+  if (fields.length === 1) {
+    return fields[0]
+  }
+  return (
+    fields.slice(0, -1).join(', ') + ` ${orPhrase} ` + fields[fields.length - 1]
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/index.ts b/services/web/frontend/js/features/source-editor/languages/index.ts
new file mode 100644
index 0000000..dd37dbc
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/index.ts
@@ -0,0 +1,68 @@
+import { LanguageDescription } from '@codemirror/language'
+
+export const languages = [
+  LanguageDescription.of({
+    name: 'latex',
+    extensions: [
+      'tex',
+      'sty',
+      'cls',
+      'clo',
+      'bst',
+      'bbl',
+      'pdf_tex',
+      'pdf_t',
+      'map',
+      'fd',
+      'enc',
+      'def',
+      'mf',
+      'pgf',
+      'tikz',
+      'bbx',
+      'cbx',
+      'dbx',
+      'lbx',
+      'lco',
+      'ldf',
+      'xmpdata',
+      'Rnw',
+      'rnw',
+      'lyx',
+      'inc',
+      'dtx',
+      'hak',
+      'eps_tex',
+      'brf',
+      'ins',
+      'hva',
+      'Rtex',
+      'rtex',
+      'pstex',
+      'pstex_t',
+      'gin',
+      'fontspec',
+      'pygstyle',
+      'pygtex',
+      'ps_tex',
+      'ltx',
+    ],
+    load: () => {
+      return import('./latex').then(m => m.latex())
+    },
+  }),
+  LanguageDescription.of({
+    name: 'bibtex',
+    extensions: ['bib'],
+    load: () => {
+      return import('./bibtex').then(m => m.bibtex())
+    },
+  }),
+  LanguageDescription.of({
+    name: 'markdown',
+    extensions: ['md', 'markdown'],
+    load: () => {
+      return import('./markdown').then(m => m.markdown())
+    },
+  }),
+]
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/close-bracket-config.ts b/services/web/frontend/js/features/source-editor/languages/latex/close-bracket-config.ts
new file mode 100644
index 0000000..f86bedb
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/close-bracket-config.ts
@@ -0,0 +1,129 @@
+import {
+  CharCategory,
+  EditorState,
+  SelectionRange,
+  Text,
+} from '@codemirror/state'
+import {
+  CloseBracketConfig,
+  nextChar,
+  prevChar,
+} from '@codemirror/autocomplete'
+
+export const closeBracketConfig: CloseBracketConfig = {
+  brackets: ['$', '$$', '[', '{', '('],
+  buildInsert(
+    state: EditorState,
+    range: SelectionRange,
+    open: string,
+    close: string
+  ): string {
+    switch (open) {
+      // close for $ or $$
+      case '$': {
+        const prev = prevChar(state.doc, range.head)
+        if (prev === '\\') {
+          const preprev = prevChar(state.doc, range.head - prev.length)
+          // add an unprefixed closing dollar to \\$
+          if (preprev === '\\') {
+            return open + '$'
+          }
+          // don't auto-close \$
+          return open
+        }
+
+        const next = nextChar(state.doc, range.head)
+        if (next === '\\') {
+          // avoid auto-closing $ before a TeX command
+          const pos = range.head + prev.length
+          const postnext = nextChar(state.doc, pos)
+
+          if (state.charCategorizer(pos)(postnext) !== CharCategory.Word) {
+            return open + '$'
+          }
+
+          // don't auto-close $\command
+          return open
+        }
+
+        // avoid creating an odd number of dollar signs
+        const count = countSurroundingCharacters(state.doc, range.from, open)
+        if (count % 2 !== 0) {
+          return open
+        }
+        return open + close
+      }
+
+      // close for [ or \[
+      case '[': {
+        const prev = prevChar(state.doc, range.head)
+        if (prev === '\\') {
+          const preprev = prevChar(state.doc, range.head - prev.length)
+          // add an unprefixed closing bracket to \\[
+          if (preprev === '\\') {
+            return open + ']'
+          }
+          return open + '\\' + close
+        }
+        return open + close
+      }
+
+      // only close for \(
+      case '(': {
+        const prev = prevChar(state.doc, range.head)
+        if (prev === '\\') {
+          const preprev = prevChar(state.doc, range.head - prev.length)
+          // don't auto-close \\(
+          if (preprev === '\\') {
+            return open
+          }
+          return open + '\\' + close
+        }
+        return open
+      }
+
+      // only close for {
+      case '{': {
+        const prev = prevChar(state.doc, range.head)
+        if (prev === '\\') {
+          const preprev = prevChar(state.doc, range.head - prev.length)
+          // add an unprefixed closing bracket to \\{
+          if (preprev === '\\') {
+            return open + '}'
+          }
+          // don't auto-close \{
+          return open
+        }
+        return open + close
+      }
+
+      default:
+        return open + close
+    }
+  },
+}
+
+function countSurroundingCharacters(doc: Text, pos: number, insert: string) {
+  let count = 0
+  // count backwards
+  let to = pos
+  do {
+    const char = doc.sliceString(to - insert.length, to)
+    if (char !== insert) {
+      break
+    }
+    count++
+    to--
+  } while (to > 1)
+  // count forwards
+  let from = pos
+  do {
+    const char = doc.sliceString(from, from + insert.length)
+    if (char !== insert) {
+      break
+    }
+    count++
+    from++
+  } while (from < doc.length)
+  return count
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/codemirror-dev-tools.ts b/services/web/frontend/js/features/source-editor/languages/latex/codemirror-dev-tools.ts
new file mode 100644
index 0000000..8fbe819
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/codemirror-dev-tools.ts
@@ -0,0 +1,86 @@
+import { toggleVisualEffect } from '../../extensions/visual/visual'
+import customLocalStorage from '../../../../infrastructure/local-storage'
+import { Compartment } from '@codemirror/state'
+import { EditorView, ViewPlugin } from '@codemirror/view'
+import { treeView } from '@overleaf/codemirror-tree-view'
+
+// to enable: window.localStorage.setItem('cm6-dev-tools', '"on"')
+// to disable: window.localStorage.removeItem('cm6-dev-tools')
+const enabled = customLocalStorage.getItem('cm6-dev-tools') === 'on'
+
+const devToolsConf = new Compartment()
+
+/**
+ * A panel which displays an outline of the current document's syntax tree alongside the document,
+ * to assist with CodeMirror extension development.
+ */
+export const codemirrorDevTools = () => {
+  return enabled ? [devToolsButton, devToolsConf.of(createExtension())] : []
+}
+
+const devToolsButton = ViewPlugin.define(view => {
+  const getContainer = () => document.querySelector('.ol-cm-toolbar-end')
+
+  const removeButton = () => {
+    getContainer()?.querySelector('#cm6-dev-tools-button')?.remove()
+  }
+
+  const addButton = () => {
+    const button = document.createElement('button')
+    button.classList.add('btn', 'formatting-btn', 'formatting-btn-icon')
+    button.id = 'cm6-dev-tools-button'
+    button.textContent = '🦧'
+    button.style.border = 'none'
+    button.style.outline = 'none'
+    button.addEventListener('click', event => {
+      event.preventDefault()
+      view.dispatch(toggleDevTools())
+    })
+
+    getContainer()?.append(button)
+  }
+
+  window.setTimeout(() => {
+    removeButton()
+    addButton()
+  })
+
+  return {
+    update(update) {
+      for (const tr of update.transactions) {
+        for (const effect of tr.effects) {
+          if (effect.is(toggleVisualEffect)) {
+            window.setTimeout(() => {
+              removeButton()
+              addButton()
+            })
+          }
+        }
+      }
+    },
+    destroy() {
+      removeButton()
+    },
+  }
+})
+
+const isActive = () =>
+  customLocalStorage.getItem('cm6-dev-tools-active') === 'on'
+
+const toggleDevTools = () => {
+  customLocalStorage.setItem('cm6-dev-tools-active', isActive() ? 'off' : 'on')
+
+  return {
+    effects: devToolsConf.reconfigure(createExtension()),
+  }
+}
+
+const treeViewTheme = EditorView.baseTheme({
+  // note: duplicate selector to ensure extension theme styles are overriden
+  '.cm-tree-view-container.cm-tree-view-container': {
+    top: '32px',
+    minHeight: 'unset',
+  },
+})
+
+const createExtension = () => (isActive() ? [treeView, treeViewTheme] : [])
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/complete.ts b/services/web/frontend/js/features/source-editor/languages/latex/complete.ts
new file mode 100644
index 0000000..f512540
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/complete.ts
@@ -0,0 +1,471 @@
+import {
+  CompletionContext,
+  CompletionResult,
+  CompletionSource,
+  ifIn,
+} from '@codemirror/autocomplete'
+import { customEndCompletions } from './completions/environments'
+import { customCommandCompletions } from './completions/doc-commands'
+import {
+  customEnvironmentCompletions,
+  findEnvironmentsInDoc,
+} from './completions/doc-environments'
+import { Completions } from './completions/types'
+import { buildReferenceCompletions } from './completions/references'
+import { buildPackageCompletions } from './completions/packages'
+import { buildLabelCompletions } from './completions/labels'
+import { buildIncludeCompletions } from './completions/include'
+import { buildBibliographyStyleCompletions } from './completions/bibliography-styles'
+import { buildClassCompletions } from './completions/classes'
+import { buildAllCompletions } from './completions'
+import {
+  ifInType,
+  cursorIsAtBeginEnvironment,
+  cursorIsAtEndEnvironment,
+} from '../../utils/tree-query'
+import {
+  applySnippet,
+  extendOverUnpairedClosingBrace,
+} from './completions/apply'
+import { snippet } from './completions/data/environments'
+import { syntaxTree } from '@codemirror/language'
+
+function blankCompletions(): Completions {
+  return {
+    bibliographies: [],
+    bibliographyStyles: [],
+    classes: [],
+    commands: [],
+    graphics: [],
+    includes: [],
+    labels: [],
+    packages: [],
+    references: [],
+  }
+}
+
+export function getCompletionMatches(context: CompletionContext) {
+  // NOTE: [^\\] is needed to match commands inside the parameters of other commands
+  const matchBefore = context.explicit
+    ? context.matchBefore(/(?:^|\\)[^\\]*(\[[^\]]*])?[^\\]*/) // don't require a backslash if opening on explicit "startCompletion" keypress
+    : context.matchBefore(/\\?\\[^\\]*(\[[^\]]*])?[^\\]*/)
+
+  if (!matchBefore) {
+    return null
+  }
+
+  // ignore some matches when not opening on explicit "startCompletion" keypress
+  if (!context.explicit) {
+    // ignore matches that end with two backslashes. \\ shouldn't show the autocomplete as it's used for line break.
+    if (/\\\\$/.test(matchBefore.text)) {
+      return null
+    }
+
+    // ignore matches that end with whitespace, unless after a comma
+    // e.g. \item with a trailing space shouldn't show the autocomplete.
+    if (/[^,\s]\s+$/.test(matchBefore.text)) {
+      return null
+    }
+  }
+
+  const multipleArgumentMatcher =
+    /^(?<before>\\(?<command>\w+)\*?(?<arguments>(\[[^\]]*?]|\{[^}]*?})+)?{)(?<existing>([^}]+\s*,\s*)+)?(?<prefix>[^}]+)?$/
+  // If this is a command with multiple comma-separated arguments, show deduplicated available completions
+  const match = matchBefore.text.match(multipleArgumentMatcher)
+
+  return { match, matchBefore }
+}
+
+export function getCompletionDetails(
+  match: RegExpMatchArray,
+  matchBefore: {
+    from: number
+    to: number
+    text: string
+  }
+) {
+  let { before, command, existing } = match.groups as {
+    before?: string
+    command: string
+    existing?: string
+  }
+
+  command = command.toLowerCase()
+
+  const existingKeys = existing ? splitExistingKeys(existing) : []
+
+  const from =
+    matchBefore.from + (before?.length || 0) + (existing?.length || 0)
+  const validFor = /[^}\s]*/
+
+  return { command, existingKeys, from, validFor }
+}
+
+export type CompletionBuilderOptions = {
+  context: CompletionContext
+  completions: Completions
+  match: RegExpMatchArray
+  matchBefore: { from: number; to: number; text: string }
+  existingKeys: string[]
+  from: number
+  validFor: RegExp
+  before: string
+}
+
+export const makeArgumentCompletionSource = (
+  ifInSpec: string[],
+  builder: (
+    builderOptions: CompletionBuilderOptions
+  ) => CompletionResult | null | Promise<CompletionResult | null>
+): CompletionSource => {
+  const completionSource: CompletionSource = (context: CompletionContext) => {
+    const completionMatches = getCompletionMatches(context)
+
+    if (!completionMatches) {
+      return null
+    }
+
+    const completions: Completions = blankCompletions()
+
+    const { match, matchBefore } = completionMatches
+
+    if (!match) {
+      return null
+    }
+
+    const { before } = match.groups as {
+      before: string
+    }
+
+    const { existingKeys, from, validFor } = getCompletionDetails(
+      match,
+      matchBefore
+    )
+
+    return builder({
+      completions,
+      context,
+      match,
+      matchBefore,
+      before,
+      existingKeys,
+      from,
+      validFor,
+    })
+  }
+  return ifIn(ifInSpec, completionSource)
+}
+
+const splitExistingKeys = (text: string) =>
+  text
+    .split(',')
+    .map(key => key.trim())
+    .filter(Boolean)
+
+export const makeMultipleArgumentCompletionSource = (
+  ifInSpec: string[],
+  builder: (
+    builderOptions: Pick<
+      CompletionBuilderOptions,
+      'completions' | 'context' | 'existingKeys' | 'from' | 'validFor'
+    >
+  ) => ReturnType<CompletionSource>
+): CompletionSource => {
+  const completionSource: CompletionSource = (context: CompletionContext) => {
+    const token = context.tokenBefore(ifInSpec)
+
+    if (!token) {
+      return null
+    }
+
+    // match multiple comma-separated arguments, up to the last separator
+    const existing = token.text.match(/^\{(.+\s*,\s*)?.*$/)?.[1] ?? ''
+
+    return builder({
+      completions: blankCompletions(),
+      context,
+      existingKeys: splitExistingKeys(existing),
+      from: token.from + 1 + existing.length,
+      validFor: /[^}\s]*/,
+    })
+  }
+  return ifIn(ifInSpec, completionSource)
+}
+
+export const bibKeyArgumentCompletionSource: CompletionSource =
+  makeMultipleArgumentCompletionSource(
+    ['BibKeyArgument'],
+    ({ completions, context, from, validFor, existingKeys }) => {
+      buildReferenceCompletions(completions, context)
+
+      return {
+        from,
+        validFor,
+        options: completions.references.filter(
+          item => !existingKeys.includes(item.label)
+        ),
+      }
+    }
+  )
+
+export const refArgumentCompletionSource: CompletionSource =
+  makeMultipleArgumentCompletionSource(
+    ['RefArgument'],
+    ({ completions, context, from, validFor, existingKeys }) => {
+      buildLabelCompletions(completions, context)
+
+      return {
+        from,
+        validFor,
+        options: completions.labels.filter(
+          item => !existingKeys.includes(item.label)
+        ),
+      }
+    }
+  )
+
+export const packageArgumentCompletionSource: CompletionSource =
+  makeMultipleArgumentCompletionSource(
+    ['PackageArgument'],
+    ({ completions, context, from, validFor, existingKeys }) => {
+      buildPackageCompletions(completions, context)
+
+      return {
+        from,
+        validFor,
+        options: completions.packages.filter(
+          item => !existingKeys.includes(item.label)
+        ),
+      }
+    }
+  )
+
+export const inputArgumentCompletionSource: CompletionSource =
+  makeArgumentCompletionSource(
+    ['InputArgument'],
+    ({ completions, context, from }) => {
+      buildIncludeCompletions(completions, context)
+
+      return {
+        from,
+        validFor: /^[^}]*/,
+        options: completions.includes,
+      }
+    }
+  )
+export const includeArgumentCompletionSource: CompletionSource =
+  makeArgumentCompletionSource(
+    ['IncludeArgument'],
+    ({ completions, context, from }) => {
+      buildIncludeCompletions(completions, context)
+
+      return {
+        from,
+        validFor: /^[^}]*/,
+        options: completions.includes,
+      }
+    }
+  )
+
+export const includeGraphicsArgumentCompletionSource: CompletionSource =
+  makeArgumentCompletionSource(
+    ['IncludeGraphicsArgument'],
+    ({ completions, context, from }) => {
+      buildIncludeCompletions(completions, context)
+
+      return {
+        from,
+        validFor: /^[^}]*/,
+        options: completions.graphics,
+      }
+    }
+  )
+
+export const environmentNameCompletionSource: CompletionSource =
+  makeArgumentCompletionSource(
+    ['EnvNameGroup'],
+    ({ completions, context, matchBefore, before }) => {
+      if (cursorIsAtBeginEnvironment(context.state, context.pos)) {
+        buildAllCompletions(completions, context)
+
+        return {
+          from: matchBefore.from,
+          validFor: /^\\begin{\S*/,
+          options: [
+            ...completions.commands,
+            ...customEnvironmentCompletions(context),
+          ],
+        }
+      } else if (cursorIsAtEndEnvironment(context.state, context.pos)) {
+        return {
+          from: matchBefore.from + before.length,
+          validFor: /^[^}]*/,
+          options: customEndCompletions(context),
+        }
+      } else {
+        return null
+      }
+    }
+  )
+
+export const documentClassArgumentCompletionSource: CompletionSource =
+  makeArgumentCompletionSource(
+    ['DocumentClassArgument'],
+    ({ completions, from }) => {
+      buildClassCompletions(completions)
+
+      return {
+        from,
+        validFor: /^[^}]*/,
+        options: completions.classes,
+      }
+    }
+  )
+
+export const bibliographyArgumentCompletionSource: CompletionSource =
+  makeArgumentCompletionSource(
+    ['BibliographyArgument'],
+    ({ completions, context, from }) => {
+      buildIncludeCompletions(completions, context)
+
+      return {
+        from,
+        validFor: /^[^}]*/,
+        options: completions.bibliographies,
+      }
+    }
+  )
+
+export const bibliographyStyleArgumentCompletionSource: CompletionSource =
+  makeArgumentCompletionSource(
+    ['BibliographyStyleArgument'],
+    ({ completions, from }) => {
+      buildBibliographyStyleCompletions(completions)
+
+      return {
+        from,
+        validFor: /^[^}]*/,
+        options: completions.bibliographyStyles,
+      }
+    }
+  )
+
+export const argumentCompletionSources: CompletionSource[] = [
+  bibKeyArgumentCompletionSource,
+  refArgumentCompletionSource,
+  packageArgumentCompletionSource,
+  inputArgumentCompletionSource,
+  includeArgumentCompletionSource,
+  includeGraphicsArgumentCompletionSource,
+  environmentNameCompletionSource,
+  documentClassArgumentCompletionSource,
+  bibliographyArgumentCompletionSource,
+  bibliographyStyleArgumentCompletionSource,
+]
+
+const commandCompletionSource = (context: CompletionContext) => {
+  const completionMatches = getCompletionMatches(context)
+
+  if (!completionMatches) {
+    return null
+  }
+
+  const { match, matchBefore } = completionMatches
+  if (match) {
+    // We're already in a command argument, bail out
+    return null
+  }
+
+  const completions: Completions = blankCompletions()
+
+  buildAllCompletions(completions, context)
+
+  // Unknown commands
+  const prefixMatcher = /^\\[^{\s]*$/
+  const prefixMatch = matchBefore.text.match(prefixMatcher)
+  if (prefixMatch) {
+    return {
+      from: matchBefore.from,
+      validFor: prefixMatcher,
+      options: [
+        ...completions.commands,
+        ...customCommandCompletions(context, completions.commands),
+        ...customEnvironmentCompletions(context),
+      ],
+    }
+  }
+
+  // anything else (no validFor)
+  return {
+    from: matchBefore.to,
+    options: [
+      ...completions.commands,
+      ...customCommandCompletions(context, completions.commands),
+    ],
+  }
+}
+
+export const inCommandCompletionSource: CompletionSource = ifInType(
+  '$CtrlSeq',
+  context => {
+    return context.explicit ? null : commandCompletionSource(context)
+  }
+)
+
+export const explicitCommandCompletionSource: CompletionSource = context => {
+  return context.explicit ? commandCompletionSource(context) : null
+}
+
+/**
+ * An additional completion source that handles two situations:
+ *
+ * 1. Typing the environment name within an already-complete `\begin{…}` command.
+ * 2. After typing the closing brace of a complete `\begin{foo}` command, where the environment
+ * isn't previously known, leaving the cursor after the closing brace.
+ */
+export const beginEnvironmentCompletionSource: CompletionSource = context => {
+  const beginEnvToken = context.tokenBefore(['BeginEnv'])
+  if (!beginEnvToken) {
+    return null
+  }
+
+  const beginEnv = syntaxTree(context.state).resolveInner(
+    beginEnvToken.from,
+    1
+  ).parent
+  if (!beginEnv?.type.is('BeginEnv')) {
+    return null
+  }
+
+  const envNameGroup = beginEnv.getChild('EnvNameGroup')
+  if (!envNameGroup) {
+    return null
+  }
+
+  const envName = envNameGroup.getChild('$EnvName')
+  if (!envName) {
+    return null
+  }
+
+  const name = context.state.sliceDoc(envName.from, envName.to)
+
+  // if not directly after `\begin{…}`, exclude known environments
+  if (context.pos !== envNameGroup.to) {
+    const existingEnvironmentNames = findEnvironmentsInDoc(context)
+    if (existingEnvironmentNames.has(name)) {
+      return null
+    }
+  }
+
+  const completion = {
+    label: `\\begin{${name}} …`,
+    apply: applySnippet(snippet(name)),
+    extend: extendOverUnpairedClosingBrace,
+    boost: -99,
+  }
+
+  return {
+    from: beginEnvToken.from,
+    options: [completion],
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/apply.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/apply.ts
new file mode 100644
index 0000000..b00a074
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/apply.ts
@@ -0,0 +1,142 @@
+import { EditorState, Text } from '@codemirror/state'
+import {
+  clearSnippet,
+  Completion,
+  snippet,
+  nextChar,
+} from '@codemirror/autocomplete'
+import { EditorView } from '@codemirror/view'
+import { prepareSnippetTemplate } from '../snippets'
+import { ancestorNodeOfType } from '../../../utils/tree-query'
+
+export const applySnippet = (template: string, clear = false) => {
+  return (
+    view: EditorView,
+    completion: Completion,
+    from: number,
+    to: number
+  ) => {
+    snippet(prepareSnippetTemplate(template))(view, completion, from, to)
+    if (clear) {
+      clearSnippet(view)
+    }
+  }
+}
+
+const longestCommonPrefix = (...strs: string[]) => {
+  if (strs.length === 0) {
+    return 0
+  }
+  const minLength = Math.min(...strs.map(str => str.length))
+  for (let i = 0; i < minLength; ++i) {
+    for (let j = 1; j < strs.length; ++j) {
+      if (strs[j][i] !== strs[0][i]) {
+        return i
+      }
+    }
+  }
+  return minLength
+}
+
+// extend forwards to cover an unpaired closing brace
+export const extendRequiredParameter = (
+  state: EditorState,
+  change: {
+    from: number
+    to: number
+    insert: string | Text
+  }
+) => {
+  if (typeof change.insert !== 'string') {
+    change.insert = change.insert.toString()
+  }
+
+  const argumentNode = ancestorNodeOfType(state, change.from, '$Argument')
+  const isWellFormedArgumentNode =
+    argumentNode &&
+    argumentNode.getChild('OpenBrace') &&
+    argumentNode.getChild('CloseBrace')
+
+  if (nextChar(state.doc, change.to) === '}') {
+    // include an existing closing brace, so the cursor moves after it
+    change.insert += '}'
+    change.to++
+  } else {
+    // add a closing brace if needed
+    if (countUnclosedBraces(state.doc, change.from, change.to) > 0) {
+      change.insert += '}'
+    }
+
+    if (isWellFormedArgumentNode) {
+      // extend over subsequent text that isn't a brace, space, or comma
+      const match = state.doc
+        .sliceString(
+          change.to,
+          Math.min(state.doc.lineAt(change.from).to, argumentNode.to)
+        )
+        .match(/^[^}\s,]+/)
+      if (match) {
+        change.to += match[0].length
+      }
+    } else {
+      // Ensure we don't swallow a closing brace
+      const restOfLine = state.doc
+        .sliceString(
+          change.to,
+          Math.min(
+            state.doc.lineAt(change.from).to,
+            change.from + change.insert.length
+          )
+        )
+        .split('}')[0]
+
+      change.to += longestCommonPrefix(
+        change.insert.slice(change.to - change.from),
+        restOfLine
+      )
+    }
+  }
+  change.insert = state.toText(change.insert)
+  return change
+}
+
+// extend forwards to cover an unpaired closing brace
+export const extendOverUnpairedClosingBrace = (
+  state: EditorState,
+  change: {
+    from: number
+    to: number
+  }
+) => {
+  if (nextChar(state.doc, change.to) === '}') {
+    const unclosedBraces = countUnclosedBraces(
+      state.doc,
+      change.from,
+      change.to
+    )
+    if (unclosedBraces < 0) {
+      change.to++
+    }
+  }
+  return change
+}
+
+const countUnclosedBraces = (doc: Text, from: number, to: number): number => {
+  const line = doc.lineAt(from)
+
+  const textBefore = doc.sliceString(line.from, from)
+  const textAfter = doc.sliceString(to, line.to)
+
+  const textAfterMatch = textAfter.match(/^[^\\]*/)
+
+  const openBraces =
+    (textBefore.match(/\{/g) || []).length -
+    (textBefore.match(/}/g) || []).length
+
+  const closedBraces = textAfterMatch
+    ? (textAfterMatch[0].match(/}/g) || []).length -
+      (textAfterMatch[0].match(/\{/g) || []).length
+    : 0
+
+  return openBraces - closedBraces
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/bibliography-styles.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/bibliography-styles.ts
new file mode 100644
index 0000000..36c2b25
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/bibliography-styles.ts
@@ -0,0 +1,17 @@
+import { Completions } from './types'
+import { extendRequiredParameter } from './apply'
+import { bibliographyStyles } from './data/bibliography-styles'
+
+const values = Object.values(bibliographyStyles).flat()
+
+export function buildBibliographyStyleCompletions(completions: Completions) {
+  // TODO: find bibliography package from context and use only relevant styles
+
+  for (const item of values) {
+    completions.bibliographyStyles.push({
+      type: 'bib',
+      label: item,
+      extend: extendRequiredParameter,
+    })
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/classes.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/classes.ts
new file mode 100644
index 0000000..1250656
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/classes.ts
@@ -0,0 +1,13 @@
+import { extendRequiredParameter } from './apply'
+import { classNames } from './data/class-names'
+import { Completions } from './types'
+
+export function buildClassCompletions(completions: Completions) {
+  for (const item of classNames) {
+    completions.classes.push({
+      type: 'cls',
+      label: item,
+      extend: extendRequiredParameter,
+    })
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/data/bibliography-styles.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/data/bibliography-styles.ts
new file mode 100644
index 0000000..5d020f5
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/data/bibliography-styles.ts
@@ -0,0 +1,45 @@
+export const bibliographyStyles: Record<string, string[]> = {
+  // https://www.overleaf.com/learn/latex/Bibtex_bibliography_styles
+  bibtex: [
+    'abbrv',
+    'acm',
+    'alpha',
+    'apalike',
+    'ieeetr',
+    'plain',
+    'siam',
+    'unsrt',
+  ],
+  // https://www.overleaf.com/learn/latex/Natbib_bibliography_styles
+  natbib: ['dinat', 'plainnat', 'abbrvnat', 'unsrtnat', 'rusnat', 'ksfh_nat'],
+  // https://www.overleaf.com/learn/latex/Biblatex_bibliography_styles
+  biblatex: [
+    'numeric',
+    'alphabetic',
+    'authoryear',
+    'authortitle',
+    'verbose',
+    'reading',
+    'draft',
+    'authoryear-icomp',
+    'apa',
+    'bwl-FU',
+    'chem-acs',
+    'chem-angew',
+    'chem-biochem',
+    'chem-rsc',
+    'ieee',
+    'mla',
+    'musuos',
+    'nature',
+    'nejm',
+    'phys',
+    'science',
+    'geschichtsfrkl',
+    'oscola',
+  ],
+  // https://ctan.org/tex-archive/macros/latex/contrib/biblatex-contrib
+  'biblatex-contrib': [
+    // TODO
+  ],
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/data/class-names.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/data/class-names.ts
new file mode 100644
index 0000000..47304de
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/data/class-names.ts
@@ -0,0 +1,11 @@
+// https://www.overleaf.com/learn/latex/Creating_a_document_in_LaTeX#Reference_guide
+
+// TODO: more class names
+export const classNames = [
+  'article',
+  'report',
+  'book',
+  'letter',
+  // 'slides',
+  'beamer',
+]
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/data/environments.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/data/environments.ts
new file mode 100644
index 0000000..0d32962
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/data/environments.ts
@@ -0,0 +1,83 @@
+export const snippet = (name: string) => `\\begin{${name}}
+\t$1
+\\end{${name}}`
+
+export const snippetNoIndent = (name: string) => `\\begin{${name}}
+$1
+\\end{${name}}`
+
+export const environments = new Map([
+  ['abstract', snippet('abstract')],
+  ['align', snippet('align')],
+  ['align*', snippet('align*')],
+  [
+    'array',
+    `\\begin{array}{\${1:cc}}
+\t$2 & $3 \\\\
+\t$4 & $5
+\\end{array}`,
+  ],
+  ['center', snippet('center')],
+  [
+    'description',
+    `\\begin{description}
+\t\\item[$1] $2
+\\end{description}`,
+  ],
+  ['document', snippetNoIndent('document')],
+  ['equation', snippet('equation')],
+  ['equation*', snippet('equation*')],
+  [
+    'enumerate',
+    `\\begin{enumerate}
+\t\\item $1
+\\end{enumerate}`,
+  ],
+  [
+    'figure',
+    `\\begin{figure}
+\t\\centering
+\t\\includegraphics[width=0.5\\linewidth]{$1}
+\t\\caption{\${2:Caption}}
+\t\\label{\${3:fig:enter-label}}
+\\end{figure}`,
+  ],
+  [
+    'frame',
+    `\\begin{frame}{\${1:Frame Title}}
+\t$2
+\\end{frame}`,
+  ],
+  ['gather', snippet('gather')],
+  ['gather*', snippet('gather*')],
+  [
+    'itemize',
+    `\\begin{itemize}
+\t\\item $1
+\\end{itemize}`,
+  ],
+  ['multline', snippet('multline')],
+  ['multline*', snippet('multline*')],
+  ['quote', snippet('quote')],
+  ['split', snippet('split')],
+  [
+    'table',
+    `\\begin{table}[$1]
+\t\\centering
+\t\\begin{tabular}{\${2:c|c}}
+\t\t$3 & $4 \\\\
+\t\t$5 & $6
+\t\\end{tabular}
+\t\\caption{\${7:Caption}}
+\t\\label{\${8:tab:my_label}}
+\\end{table}`,
+  ],
+  [
+    'tabular',
+    `\\begin{tabular}{\${1:c|c}}
+\t$2 & $3 \\\\
+\t$4 & $5
+\\end{tabular}`,
+  ],
+  ['verbatim', snippet('verbatim')],
+])
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/data/package-names.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/data/package-names.ts
new file mode 100644
index 0000000..7b0f687
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/data/package-names.ts
@@ -0,0 +1,101 @@
+export const packageNames: string[] = [
+  'inputenc',
+  'graphicx',
+  'amsmath',
+  'geometry',
+  'amssymb',
+  'hyperref',
+  'babel',
+  'color',
+  'xcolor',
+  'url',
+  'natbib',
+  'fontenc',
+  'fancyhdr',
+  'amsfonts',
+  'booktabs',
+  'amsthm',
+  'float',
+  'tikz',
+  'caption',
+  'setspace',
+  'multirow',
+  'array',
+  'multicol',
+  'titlesec',
+  'enumitem',
+  'ifthen',
+  'listings',
+  'blindtext',
+  'subcaption',
+  'times',
+  'bm',
+  'subfigure',
+  'algorithm',
+  'fontspec',
+  'biblatex',
+  'tabularx',
+  'microtype',
+  'etoolbox',
+  'parskip',
+  'calc',
+  'verbatim',
+  'mathtools',
+  'epsfig',
+  'wrapfig',
+  'lipsum',
+  'cite',
+  'textcomp',
+  'longtable',
+  'textpos',
+  'algpseudocode',
+  'enumerate',
+  'subfig',
+  'pdfpages',
+  'epstopdf',
+  'latexsym',
+  'lmodern',
+  'pifont',
+  'ragged2e',
+  'rotating',
+  'dcolumn',
+  'xltxtra',
+  'marvosym',
+  'indentfirst',
+  'xspace',
+  'csquotes',
+  'xparse',
+  'changepage',
+  'soul',
+  'xunicode',
+  'comment',
+  'mathrsfs',
+  'tocbibind',
+  'lastpage',
+  'algorithm2e',
+  'pgfplots',
+  'lineno',
+  'algorithmic',
+  'fullpage',
+  'mathptmx',
+  'todonotes',
+  'ulem',
+  'tweaklist',
+  'moderncvstyleclassic',
+  'collection',
+  'moderncvcompatibility',
+  'gensymb',
+  'helvet',
+  'siunitx',
+  'adjustbox',
+  'placeins',
+  'colortbl',
+  'appendix',
+  'makeidx',
+  'supertabular',
+  'ifpdf',
+  'framed',
+  'aliascnt',
+  'layaureo',
+  'authblk',
+]
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/data/snippets.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/data/snippets.ts
new file mode 100644
index 0000000..0194a61
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/data/snippets.ts
@@ -0,0 +1,7 @@
+export default [
+  {
+    type: 'cmd',
+    label: '\\verb||',
+    snippet: '\\verb|#{}|',
+  },
+]
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/data/top-hundred-snippets.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/data/top-hundred-snippets.ts
new file mode 100644
index 0000000..dddc4f2
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/data/top-hundred-snippets.ts
@@ -0,0 +1,692 @@
+export default [
+  {
+    caption: '\\begin{}',
+    snippet: '\\begin{$1}',
+    meta: 'env',
+    score: 7.849662248028187,
+  },
+  {
+    caption: '\\end{}',
+    snippet: '\\end{$1}',
+    meta: 'env',
+    score: 7.847906405228455,
+  },
+  {
+    caption: '\\usepackage[]{}',
+    snippet: '\\usepackage[$1]{$2}',
+    meta: 'pkg',
+    score: 5.427890758130527,
+  },
+  {
+    caption: '\\item',
+    snippet: '\\item ',
+    meta: 'cmd',
+    score: 3.800886892251021,
+  },
+  {
+    caption: '\\item[]',
+    snippet: '\\item[$1] ',
+    meta: 'cmd',
+    score: 3.800886892251021,
+  },
+  {
+    caption: '\\section{}',
+    snippet: '\\section{$1}',
+    meta: 'cmd',
+    score: 3.0952612541683835,
+  },
+  {
+    caption: '\\textbf{}',
+    snippet: '\\textbf{$1}',
+    meta: 'cmd',
+    score: 2.627755982816738,
+  },
+  {
+    caption: '\\cite{}',
+    snippet: '\\cite{$1}',
+    meta: 'cmd',
+    score: 2.341195220791228,
+  },
+  {
+    caption: '\\label{}',
+    snippet: '\\label{$1}',
+    meta: 'cmd',
+    score: 1.897791904799601,
+  },
+  {
+    caption: '\\textit{}',
+    snippet: '\\textit{$1}',
+    meta: 'cmd',
+    score: 1.6842996195493385,
+  },
+  {
+    caption: '\\includegraphics[]{}',
+    snippet: '\\includegraphics[$1]{$2}',
+    meta: 'cmd',
+    score: 1.4595731795525781,
+  },
+  {
+    caption: '\\documentclass[]{}',
+    snippet: '\\documentclass[$1]{$2}',
+    meta: 'cmd',
+    score: 1.4425339817971206,
+  },
+  {
+    caption: '\\documentclass{}',
+    snippet: '\\documentclass{$1}',
+    meta: 'cmd',
+    score: 1.4425339817971206,
+  },
+  {
+    caption: '\\ref{}',
+    snippet: '\\ref{$1}',
+    meta: 'cross-reference',
+    score: 0.014379554883991673,
+  },
+  {
+    caption: '\\frac{}{}',
+    snippet: '\\frac{$1}{$2}',
+    meta: 'cmd',
+    score: 1.4341091141105058,
+  },
+  {
+    caption: '\\subsection{}',
+    snippet: '\\subsection{$1}',
+    meta: 'cmd',
+    score: 1.3890912739512353,
+  },
+  {
+    caption: '\\hline',
+    snippet: '\\hline',
+    meta: 'cmd',
+    score: 1.3209538327406387,
+  },
+  {
+    caption: '\\caption{}',
+    snippet: '\\caption{$1}',
+    meta: 'cmd',
+    score: 1.2569477427490174,
+  },
+  {
+    caption: '\\centering',
+    snippet: '\\centering',
+    meta: 'cmd',
+    score: 1.1642881814937829,
+  },
+  {
+    caption: '\\vspace{}',
+    snippet: '\\vspace{$1}',
+    meta: 'cmd',
+    score: 0.9533807826673939,
+  },
+  {
+    caption: '\\title{}',
+    snippet: '\\title{$1}',
+    meta: 'cmd',
+    score: 0.9202908262245683,
+  },
+  {
+    caption: '\\author{}',
+    snippet: '\\author{$1}',
+    meta: 'cmd',
+    score: 0.8973590434087177,
+  },
+  {
+    caption: '\\author[]{}',
+    snippet: '\\author[$1]{$2}',
+    meta: 'cmd',
+    score: 0.8973590434087177,
+  },
+  {
+    caption: '\\maketitle',
+    snippet: '\\maketitle',
+    meta: 'cmd',
+    score: 0.7504160124360846,
+  },
+  {
+    caption: '\\textwidth',
+    snippet: '\\textwidth',
+    meta: 'cmd',
+    score: 0.7355328080889112,
+  },
+  {
+    caption: '\\newcommand{}{}',
+    snippet: '\\newcommand{$1}{$2}',
+    meta: 'cmd',
+    score: 0.7264891987129375,
+  },
+  {
+    caption: '\\newcommand{}[]{}',
+    snippet: '\\newcommand{$1}[$2]{$3}',
+    meta: 'cmd',
+    score: 0.7264891987129375,
+  },
+  {
+    caption: '\\date{}',
+    snippet: '\\date{$1}',
+    meta: 'cmd',
+    score: 0.7225518453076786,
+  },
+  {
+    caption: '\\emph{}',
+    snippet: '\\emph{$1}',
+    meta: 'cmd',
+    score: 0.7060308784832261,
+  },
+  {
+    caption: '\\textsc{}',
+    snippet: '\\textsc{$1}',
+    meta: 'cmd',
+    score: 0.6926466355384758,
+  },
+  {
+    caption: '\\multicolumn{}{}{}',
+    snippet: '\\multicolumn{$1}{$2}{$3}',
+    meta: 'cmd',
+    score: 0.5473606021405326,
+  },
+  {
+    caption: '\\input{}',
+    snippet: '\\input{$1}',
+    meta: 'cmd',
+    score: 0.4966021927742672,
+  },
+  {
+    caption: '\\alpha',
+    snippet: '\\alpha',
+    meta: 'cmd',
+    score: 0.49520006391384913,
+  },
+  {
+    caption: '\\in',
+    snippet: '\\in',
+    meta: 'cmd',
+    score: 0.4716039670146658,
+  },
+  {
+    caption: '\\mathbf{}',
+    snippet: '\\mathbf{$1}',
+    meta: 'cmd',
+    score: 0.4682018419466319,
+  },
+  {
+    caption: '\\right',
+    snippet: '\\right',
+    meta: 'cmd',
+    score: 0.4299239459457309,
+  },
+  {
+    caption: '\\left',
+    snippet: '\\left',
+    meta: 'cmd',
+    score: 0.42937815279867964,
+  },
+  {
+    caption: '\\sum',
+    snippet: '\\sum',
+    meta: 'cmd',
+    score: 0.42607994509619934,
+  },
+  {
+    caption: '\\chapter{}',
+    snippet: '\\chapter{$1}',
+    meta: 'cmd',
+    score: 0.422097569591803,
+  },
+  {
+    caption: '\\par',
+    snippet: '\\par',
+    meta: 'cmd',
+    score: 0.413853376001159,
+  },
+  {
+    caption: '\\lambda',
+    snippet: '\\lambda',
+    meta: 'cmd',
+    score: 0.39389600578684125,
+  },
+  {
+    caption: '\\subsubsection{}',
+    snippet: '\\subsubsection{$1}',
+    meta: 'cmd',
+    score: 0.3727781330132016,
+  },
+  {
+    caption: '\\bibitem{}',
+    snippet: '\\bibitem{$1}',
+    meta: 'cmd',
+    score: 0.3689547570562042,
+  },
+  {
+    caption: '\\bibitem[]{}',
+    snippet: '\\bibitem[$1]{$2}',
+    meta: 'cmd',
+    score: 0.3689547570562042,
+  },
+  {
+    caption: '\\text{}',
+    snippet: '\\text{$1}',
+    meta: 'cmd',
+    score: 0.3608680734736821,
+  },
+  {
+    caption: '\\setlength{}{}',
+    snippet: '\\setlength{$1}{$2}',
+    meta: 'cmd',
+    score: 0.354445763583904,
+  },
+  {
+    caption: '\\mathcal{}',
+    snippet: '\\mathcal{$1}',
+    meta: 'cmd',
+    score: 0.35084018920966636,
+  },
+  {
+    caption: '\\newpage',
+    snippet: '\\newpage',
+    meta: 'cmd',
+    score: 0.3277033727934986,
+  },
+  {
+    caption: '\\renewcommand{}{}',
+    snippet: '\\renewcommand{$1}{$2}',
+    meta: 'cmd',
+    score: 0.3267437011085663,
+  },
+  {
+    caption: '\\theta',
+    snippet: '\\theta',
+    meta: 'cmd',
+    score: 0.3210417159232142,
+  },
+  {
+    caption: '\\hspace{}',
+    snippet: '\\hspace{$1}',
+    meta: 'cmd',
+    score: 0.3147206476372336,
+  },
+  {
+    caption: '\\beta',
+    snippet: '\\beta',
+    meta: 'cmd',
+    score: 0.3061799530337638,
+  },
+  {
+    caption: '\\texttt{}',
+    snippet: '\\texttt{$1}',
+    meta: 'cmd',
+    score: 0.3019066753744355,
+  },
+  {
+    caption: '\\times',
+    snippet: '\\times',
+    meta: 'cmd',
+    score: 0.2957960629411553,
+  },
+  {
+    caption: '\\color{}',
+    snippet: '\\color{$1}',
+    meta: 'cmd',
+    score: 0.2864294797053033,
+  },
+  {
+    caption: '\\mu',
+    snippet: '\\mu',
+    meta: 'cmd',
+    score: 0.27635652476799255,
+  },
+  {
+    caption: '\\bibliography{}',
+    snippet: '\\bibliography{$1}',
+    meta: 'cmd',
+    score: 0.2659628337907604,
+  },
+  {
+    caption: '\\linewidth',
+    snippet: '\\linewidth',
+    meta: 'cmd',
+    score: 0.2639498312518439,
+  },
+  {
+    caption: '\\delta',
+    snippet: '\\delta',
+    meta: 'cmd',
+    score: 0.2620578600722735,
+  },
+  {
+    caption: '\\sigma',
+    snippet: '\\sigma',
+    meta: 'cmd',
+    score: 0.25940147926344487,
+  },
+  {
+    caption: '\\pi',
+    snippet: '\\pi',
+    meta: 'cmd',
+    score: 0.25920934567729714,
+  },
+  {
+    caption: '\\hat{}',
+    snippet: '\\hat{$1}',
+    meta: 'cmd',
+    score: 0.25264309033778715,
+  },
+  {
+    caption: '\\bibliographystyle{}',
+    snippet: '\\bibliographystyle{$1}',
+    meta: 'cmd',
+    score: 0.25122317941387773,
+  },
+  {
+    caption: '\\small',
+    snippet: '\\small',
+    meta: 'cmd',
+    score: 0.2447632045426295,
+  },
+  {
+    caption: '\\LaTeX',
+    snippet: '\\LaTeX',
+    meta: 'cmd',
+    score: 0.2334089308452787,
+  },
+  {
+    caption: '\\cdot',
+    snippet: '\\cdot',
+    meta: 'cmd',
+    score: 0.23029085545522762,
+  },
+  {
+    caption: '\\footnote{}',
+    snippet: '\\footnote{$1}',
+    meta: 'cmd',
+    score: 0.2253056071787701,
+  },
+  {
+    caption: '\\newtheorem{}{}',
+    snippet: '\\newtheorem{$1}{$2}',
+    meta: 'cmd',
+    score: 0.215689795055434,
+  },
+  {
+    caption: '\\Delta',
+    snippet: '\\Delta',
+    meta: 'cmd',
+    score: 0.21386475063892618,
+  },
+  {
+    caption: '\\tau',
+    snippet: '\\tau',
+    meta: 'cmd',
+    score: 0.21236188205859796,
+  },
+  {
+    caption: '\\hfill',
+    snippet: '\\hfill',
+    meta: 'cmd',
+    score: 0.2058248088519886,
+  },
+  {
+    caption: '\\leq',
+    snippet: '\\leq',
+    meta: 'cmd',
+    score: 0.20498894440637172,
+  },
+  {
+    caption: '\\footnotesize',
+    snippet: '\\footnotesize',
+    meta: 'cmd',
+    score: 0.2038592081252624,
+  },
+  {
+    caption: '\\large',
+    snippet: '\\large',
+    meta: 'cmd',
+    score: 0.20377416734108866,
+  },
+  {
+    caption: '\\sqrt{}',
+    snippet: '\\sqrt{$1}',
+    meta: 'cmd',
+    score: 0.20240160977404634,
+  },
+  {
+    caption: '\\epsilon',
+    snippet: '\\epsilon',
+    meta: 'cmd',
+    score: 0.2005136761359043,
+  },
+  {
+    caption: '\\Large',
+    snippet: '\\Large',
+    meta: 'cmd',
+    score: 0.1987771081149759,
+  },
+  {
+    caption: '\\rho',
+    snippet: '\\rho',
+    meta: 'cmd',
+    score: 0.1959287380541684,
+  },
+  {
+    caption: '\\omega',
+    snippet: '\\omega',
+    meta: 'cmd',
+    score: 0.19326783415115262,
+  },
+  {
+    caption: '\\mathrm{}',
+    snippet: '\\mathrm{$1}',
+    meta: 'cmd',
+    score: 0.19117752976172653,
+  },
+  {
+    caption: '\\boldsymbol{}',
+    snippet: '\\boldsymbol{$1}',
+    meta: 'cmd',
+    score: 0.18137737738638837,
+  },
+  {
+    caption: '\\gamma',
+    snippet: '\\gamma',
+    meta: 'cmd',
+    score: 0.17940276535431304,
+  },
+  {
+    caption: '\\clearpage',
+    snippet: '\\clearpage',
+    meta: 'cmd',
+    score: 0.1789117552185788,
+  },
+  {
+    caption: '\\infty',
+    snippet: '\\infty',
+    meta: 'cmd',
+    score: 0.17837290019711305,
+  },
+  {
+    caption: '\\phi',
+    snippet: '\\phi',
+    meta: 'cmd',
+    score: 0.17405809173097808,
+  },
+  {
+    caption: '\\partial',
+    snippet: '\\partial',
+    meta: 'cmd',
+    score: 0.17168102367966637,
+  },
+  {
+    caption: '\\include{}',
+    snippet: '\\include{$1}',
+    meta: 'cmd',
+    score: 0.1547080054979312,
+  },
+  {
+    caption: '\\address{}',
+    snippet: '\\address{$1}',
+    meta: 'cmd',
+    score: 0.1525055392611109,
+  },
+  {
+    caption: '\\quad',
+    snippet: '\\quad',
+    meta: 'cmd',
+    score: 0.15242755832392743,
+  },
+  {
+    caption: '\\paragraph{}',
+    snippet: '\\paragraph{$1}',
+    meta: 'cmd',
+    score: 0.152074250347974,
+  },
+  {
+    caption: '\\varepsilon',
+    snippet: '\\varepsilon',
+    meta: 'cmd',
+    score: 0.05411564201390573,
+  },
+  {
+    caption: '\\zeta',
+    snippet: '\\zeta',
+    meta: 'cmd',
+    score: 0.023330249803752954,
+  },
+  {
+    caption: '\\eta',
+    snippet: '\\eta',
+    meta: 'cmd',
+    score: 0.11088718379889091,
+  },
+  {
+    caption: '\\vartheta',
+    snippet: '\\vartheta',
+    meta: 'cmd',
+    score: 0.0025822992078068712,
+  },
+  {
+    caption: '\\iota',
+    snippet: '\\iota',
+    meta: 'cmd',
+    score: 0.0024774003791525486,
+  },
+  {
+    caption: '\\kappa',
+    snippet: '\\kappa',
+    meta: 'cmd',
+    score: 0.04887876299369008,
+  },
+  {
+    caption: '\\nu',
+    snippet: '\\nu',
+    meta: 'cmd',
+    score: 0.09206962821059342,
+  },
+  {
+    caption: '\\xi',
+    snippet: '\\xi',
+    meta: 'cmd',
+    score: 0.06496042899265699,
+  },
+  {
+    caption: '\\varpi',
+    snippet: '\\varpi',
+    meta: 'cmd',
+    score: 0.0007039358167790341,
+  },
+  {
+    caption: '\\varrho',
+    snippet: '\\varrho',
+    meta: 'cmd',
+    score: 0.0011279491613898612,
+  },
+  {
+    caption: '\\varsigma',
+    snippet: '\\varsigma',
+    meta: 'cmd',
+    score: 0.0010424880711234978,
+  },
+  {
+    caption: '\\upsilon',
+    snippet: '\\upsilon',
+    meta: 'cmd',
+    score: 0.00420715572598688,
+  },
+  {
+    caption: '\\varphi',
+    snippet: '\\varphi',
+    meta: 'cmd',
+    score: 0.03351251516668212,
+  },
+  {
+    caption: '\\chi',
+    snippet: '\\chi',
+    meta: 'cmd',
+    score: 0.043373492287805675,
+  },
+  {
+    caption: '\\psi',
+    snippet: '\\psi',
+    meta: 'cmd',
+    score: 0.09994508706163642,
+  },
+  {
+    caption: '\\Gamma',
+    snippet: '\\Gamma',
+    meta: 'cmd',
+    score: 0.04801549269801977,
+  },
+  {
+    caption: '\\Theta',
+    snippet: '\\Theta',
+    meta: 'cmd',
+    score: 0.038090902146599444,
+  },
+  {
+    caption: '\\Lambda',
+    snippet: '\\Lambda',
+    meta: 'cmd',
+    score: 0.032206594305977686,
+  },
+  {
+    caption: '\\Xi',
+    snippet: '\\Xi',
+    meta: 'cmd',
+    score: 0.01060997225400494,
+  },
+  {
+    caption: '\\Pi',
+    snippet: '\\Pi',
+    meta: 'cmd',
+    score: 0.021264671817473237,
+  },
+  {
+    caption: '\\Sigma',
+    snippet: '\\Sigma',
+    meta: 'cmd',
+    score: 0.05769642802079917,
+  },
+  {
+    caption: '\\Upsilon',
+    snippet: '\\Upsilon',
+    meta: 'cmd',
+    score: 0.00032875192955749566,
+  },
+  {
+    caption: '\\Phi',
+    snippet: '\\Phi',
+    meta: 'cmd',
+    score: 0.0538724950042562,
+  },
+  {
+    caption: '\\Psi',
+    snippet: '\\Psi',
+    meta: 'cmd',
+    score: 0.03056589143021648,
+  },
+  {
+    caption: '\\Omega',
+    snippet: '\\Omega',
+    meta: 'cmd',
+    score: 0.09490387997853639,
+  },
+]
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/doc-commands.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/doc-commands.ts
new file mode 100644
index 0000000..8d02c5d
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/doc-commands.ts
@@ -0,0 +1,96 @@
+import { applySnippet, extendOverUnpairedClosingBrace } from './apply'
+import { Completion, CompletionContext } from '@codemirror/autocomplete'
+import { documentCommands } from '../document-commands'
+import { Command } from '../../../utils/tree-operations/commands'
+import { syntaxTree } from '@codemirror/language'
+
+const commandNameFromLabel = (label: string): string | undefined =>
+  label.match(/^\\\w+/)?.[0]
+
+export function customCommandCompletions(
+  context: CompletionContext,
+  commandCompletions: Completion[]
+) {
+  const existingCommands = new Set(
+    commandCompletions
+      .map(item => commandNameFromLabel(item.label))
+      .filter(Boolean)
+  )
+
+  const output: Completion[] = []
+
+  const items = countCommandUsage(context)
+
+  for (const item of items.values()) {
+    if (
+      !existingCommands.has(commandNameFromLabel(item.label)) &&
+      !item.ignoreInAutoComplete
+    ) {
+      output.push({
+        type: 'cmd',
+        label: item.label,
+        boost: Math.max(0, item.count - 10),
+        apply: applySnippet(item.snippet),
+        extend: extendOverUnpairedClosingBrace,
+      })
+    }
+  }
+
+  return commandCompletions.concat(output)
+}
+
+const countCommandUsage = (context: CompletionContext) => {
+  const tree = syntaxTree(context.state)
+  const currentNode = tree.resolveInner(context.pos, -1)
+
+  const result = new Map<
+    string,
+    {
+      label: string
+      snippet: string
+      count: number
+      ignoreInAutoComplete?: boolean
+    }
+  >()
+
+  const commandListProjection = context.state.field(documentCommands)
+
+  if (!commandListProjection.items) {
+    return result
+  }
+
+  for (const command of commandListProjection.items) {
+    if (command.from === currentNode.from) {
+      continue
+    }
+    const label = buildLabel(command)
+    const snippet = buildSnippet(command)
+
+    const item = result.get(label) || {
+      label,
+      snippet,
+      count: 0,
+      ignoreInAutoComplete: command.ignoreInAutocomplete,
+    }
+    item.count++
+    result.set(label, item)
+  }
+
+  return result
+}
+
+const buildLabel = (command: Command): string => {
+  return [
+    `${command.title}`,
+    '[]'.repeat(command.optionalArgCount ?? 0),
+    '{}'.repeat(command.requiredArgCount ?? 0),
+  ].join('')
+}
+
+const buildSnippet = (command: Command): string => {
+  return [
+    `${command.title}`,
+    '[#{}]'.repeat(command.optionalArgCount ?? 0),
+    '{#{}}'.repeat(command.requiredArgCount ?? 0),
+  ].join('')
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/doc-environments.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/doc-environments.ts
new file mode 100644
index 0000000..27299ed
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/doc-environments.ts
@@ -0,0 +1,42 @@
+import { customBeginCompletion } from './environments'
+import { CompletionContext } from '@codemirror/autocomplete'
+import { documentEnvironments } from '../document-environments'
+import { ProjectionResult } from '../../../utils/tree-operations/projection'
+import { Environment } from '../../../utils/tree-operations/environments'
+
+/**
+ * Environments from the current doc
+ */
+export function customEnvironmentCompletions(context: CompletionContext) {
+  const items = findEnvironmentsInDoc(context)
+
+  const completions = []
+
+  for (const env of items.values()) {
+    const completion = customBeginCompletion(env)
+    if (completion) {
+      completions.push(completion)
+    }
+  }
+
+  return completions
+}
+
+export const findEnvironmentsInDoc = (context: CompletionContext) => {
+  const result = new Set<string>()
+
+  const environmentNamesProjection: ProjectionResult<Environment> =
+    context.state.field(documentEnvironments)
+  if (!environmentNamesProjection || !environmentNamesProjection.items) {
+    return result
+  }
+
+  for (const environment of environmentNamesProjection.items) {
+    // include the environment name if it's outside the current context
+    if (environment.to < context.pos || environment.from > context.pos) {
+      result.add(environment.title)
+    }
+  }
+
+  return result
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/environments.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/environments.ts
new file mode 100644
index 0000000..d1f9ce8
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/environments.ts
@@ -0,0 +1,68 @@
+import { environments, snippet } from './data/environments'
+import { applySnippet, extendOverUnpairedClosingBrace } from './apply'
+import { Completion, CompletionContext } from '@codemirror/autocomplete'
+import { Completions } from './types'
+
+/**
+ * Environments from bundled data
+ */
+export function buildEnvironmentCompletions(completions: Completions) {
+  for (const [item, snippet] of environments) {
+    // clear snippet for some environments after inserting
+    const clear =
+      item === 'abstract' || item === 'itemize' || item === 'enumerate'
+    completions.commands.push({
+      type: 'env',
+      label: `\\begin{${item}} …`,
+      apply: applySnippet(snippet, clear),
+      extend: extendOverUnpairedClosingBrace,
+    })
+  }
+}
+
+/**
+ * A `begin` environment completion with a snippet, for the current context
+ */
+export function customBeginCompletion(name: string): Completion | null {
+  if (environments.has(name)) {
+    return null
+  }
+
+  return {
+    label: `\\begin{${name}} …`,
+    apply: applySnippet(snippet(name)),
+    extend: extendOverUnpairedClosingBrace,
+  }
+}
+
+/**
+ * `end` completions for open environments in the current doc, up to the current context
+ * @return {*[]}
+ */
+export function customEndCompletions(context: CompletionContext): Completion[] {
+  const openEnvironments = new Set<string>()
+
+  for (const line of context.state.doc.iterRange(0, context.pos)) {
+    for (const match of line.matchAll(/\\(?<cmd>begin|end){(?<env>[^}]+)}/g)) {
+      const { cmd, env } = match.groups as { cmd: string; env: string }
+
+      if (cmd === 'begin') {
+        openEnvironments.add(env)
+      } else {
+        openEnvironments.delete(env)
+      }
+    }
+  }
+
+  const completions: Completion[] = []
+
+  let boost = 10
+  for (const env of openEnvironments) {
+    completions.push({
+      label: env,
+      boost: boost++, // environments opened later rank higher
+    })
+  }
+
+  return completions
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/include.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/include.ts
new file mode 100644
index 0000000..7de4611
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/include.ts
@@ -0,0 +1,104 @@
+import { CompletionContext } from '@codemirror/autocomplete'
+import {
+  extendOverUnpairedClosingBrace,
+  extendRequiredParameter,
+} from './apply'
+import { Folder } from '../../../../../../../types/folder'
+import { Completions } from './types'
+import { metadataState } from '../../../extensions/language'
+
+// TODO: case-insensitive regex
+
+function removeBibExtension(path: string) {
+  return path.replace(/\.bib$/, '')
+}
+
+function removeTexExtension(path: string) {
+  return path.replace(/\.tex$/, '')
+}
+
+/**
+ * Completions based on files in the project
+ */
+export function buildIncludeCompletions(
+  completions: Completions,
+  context: CompletionContext
+) {
+  const metadata = context.state.field(metadataState, false)
+
+  if (!metadata?.fileTreeData) {
+    return
+  }
+
+  // files in the project folder
+  const processFile = (path: string) => {
+    if (/\.(?:tex|txt)$/.test(path)) {
+      // path parameter for \include{path} or \input{path}
+      completions.includes.push({
+        type: 'file',
+        label: path,
+        apply: removeTexExtension(path),
+        extend: extendRequiredParameter,
+      })
+
+      // \include{path}
+      completions.commands.push({
+        type: 'cmd',
+        label: `\\include{${path}}`,
+        apply: `\\include{${removeTexExtension(path)}}`,
+        extend: extendOverUnpairedClosingBrace,
+      })
+
+      // \input{path}
+      completions.commands.push({
+        type: 'cmd',
+        label: `\\input{${path}}`,
+        apply: `\\input{${removeTexExtension(path)}}`,
+        extend: extendOverUnpairedClosingBrace,
+      })
+    }
+
+    // TODO: a better list of graphics extensions?
+    if (/\.(eps|jpe?g|gif|png|tiff?|pdf|svg)$/i.test(path)) {
+      // path parameter for \includegraphics{path}
+      completions.graphics.push({
+        type: 'file',
+        label: path,
+        extend: extendRequiredParameter,
+      })
+
+      completions.commands.push({
+        type: 'cmd',
+        label: `\\includegraphics{${path}}`,
+        extend: extendOverUnpairedClosingBrace,
+      })
+    }
+
+    if (/\.bib$/.test(path)) {
+      const label = removeBibExtension(path)
+      // path without extension for \bibliography{path}
+      completions.bibliographies.push({
+        type: 'bib',
+        label,
+        extend: extendRequiredParameter,
+      })
+    }
+  }
+
+  // iterate through the files in a folder
+  const processFolder = ({ folders, docs, fileRefs }: Folder, path = '') => {
+    for (const doc of docs) {
+      processFile(`${path}${doc.name}`)
+    }
+
+    for (const fileRef of fileRefs) {
+      processFile(`${path}${fileRef.name}`)
+    }
+
+    for (const folder of folders) {
+      processFolder(folder, `${path}${folder.name}/`)
+    }
+  }
+
+  processFolder(metadata.fileTreeData)
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/index.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/index.ts
new file mode 100644
index 0000000..ead038b
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/index.ts
@@ -0,0 +1,26 @@
+import { buildIncludeCompletions } from './include'
+import { buildLabelCompletions } from './labels'
+import { buildPackageCompletions } from './packages'
+import { buildSnippetCompletions } from './snippets'
+import { buildEnvironmentCompletions } from './environments'
+import { buildReferenceCompletions } from './references'
+import { buildClassCompletions } from './classes'
+import { Completions } from './types'
+import { buildBibliographyStyleCompletions } from './bibliography-styles'
+import { CompletionContext } from '@codemirror/autocomplete'
+
+export const buildAllCompletions = (
+  completions: Completions,
+  context: CompletionContext
+) => {
+  buildSnippetCompletions(completions)
+  buildEnvironmentCompletions(completions)
+  buildClassCompletions(completions)
+  buildBibliographyStyleCompletions(completions)
+  buildIncludeCompletions(completions, context)
+  buildReferenceCompletions(completions, context)
+  buildLabelCompletions(completions, context)
+  buildPackageCompletions(completions, context)
+
+  return completions
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/labels.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/labels.ts
new file mode 100644
index 0000000..610d1eb
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/labels.ts
@@ -0,0 +1,26 @@
+import { extendRequiredParameter } from './apply'
+import { Completions } from './types'
+import { metadataState } from '../../../extensions/language'
+import { CompletionContext } from '@codemirror/autocomplete'
+
+/**
+ * Labels parsed from docs in the project, for cross-referencing
+ */
+export function buildLabelCompletions(
+  completions: Completions,
+  context: CompletionContext
+) {
+  const metadata = context.state.field(metadataState, false)
+
+  if (!metadata) {
+    return
+  }
+
+  for (const label of metadata.labels) {
+    completions.labels.push({
+      type: 'label',
+      label,
+      extend: extendRequiredParameter,
+    })
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/packages.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/packages.ts
new file mode 100644
index 0000000..f045ff3
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/packages.ts
@@ -0,0 +1,96 @@
+import {
+  applySnippet,
+  extendOverUnpairedClosingBrace,
+  extendRequiredParameter,
+} from './apply'
+import { packageNames } from './data/package-names'
+import { Completions } from './types'
+import { CompletionContext } from '@codemirror/autocomplete'
+import { metadataState } from '../../../extensions/language'
+
+/**
+ * Completions based on package names from bundled data and packages in the project
+ */
+export function buildPackageCompletions(
+  completions: Completions,
+  context: CompletionContext
+) {
+  const metadata = context.state.field(metadataState, false)
+
+  if (!metadata) {
+    return
+  }
+
+  // commands from packages in the project
+  for (const command of metadata.commands) {
+    completions.commands.push({
+      type: command.meta,
+      label: command.caption,
+      apply: applySnippet(command.snippet),
+      extend: extendOverUnpairedClosingBrace,
+    })
+  }
+
+  const uniquePackageNames = new Set<string>(packageNames)
+
+  // package names from packages in the project
+  for (const packageName of metadata.packageNames) {
+    uniquePackageNames.add(packageName)
+  }
+
+  // exclude package names that are already in this document
+  const existingPackageNames = findExistingPackageNames(context)
+
+  for (const item of uniquePackageNames) {
+    if (!existingPackageNames.has(item)) {
+      // package name parameter completion
+      completions.packages.push({
+        type: 'pkg',
+        label: item,
+        extend: extendRequiredParameter,
+      })
+
+      const label = `\\usepackage{${item}}`
+
+      // full command with parameter completion
+      completions.commands.push({
+        type: 'pkg',
+        label,
+        extend: extendOverUnpairedClosingBrace,
+      })
+    }
+  }
+
+  // empty \\usepackage{…} snippet
+  completions.commands.push({
+    type: 'pkg',
+    label: '\\usepackage{}',
+    boost: 10,
+    apply: applySnippet('\\usepackage{#{}}'),
+    extend: extendOverUnpairedClosingBrace,
+  })
+}
+
+const findExistingPackageNames = (context: CompletionContext) => {
+  const { doc } = context.state
+
+  const excludeLineNumber = doc.lineAt(context.pos).number
+
+  const items = new Set<string>()
+
+  let currentLineNumber = 1
+  for (const line of doc.iterLines()) {
+    if (currentLineNumber++ === excludeLineNumber) {
+      continue
+    }
+
+    // TODO: exclude comments
+
+    for (const match of line.matchAll(/\\usepackage(\[.+?])?{(?<name>\w+)}/g)) {
+      const { name } = match.groups as { name: string }
+      items.add(name)
+    }
+  }
+
+  return items
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/references.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/references.ts
new file mode 100644
index 0000000..6a05e85
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/references.ts
@@ -0,0 +1,32 @@
+/**
+ * `cite` completions based on reference keys in the project
+ */
+import { CompletionContext } from '@codemirror/autocomplete'
+import { Completions } from './types'
+import { metadataState } from '../../../extensions/language'
+import { extendRequiredParameter } from './apply'
+import { maybeGetSectionForOption } from './sections'
+
+export function buildReferenceCompletions(
+  completions: Completions,
+  context: CompletionContext
+) {
+  const metadata = context.state.field(metadataState, false)
+
+  if (!metadata) {
+    return
+  }
+
+  for (const referenceKey of metadata.referenceKeys) {
+    completions.references.push({
+      type: 'reference',
+      label: referenceKey,
+      extend: extendRequiredParameter,
+      section: maybeGetSectionForOption(context, 'references'),
+      deduplicate: {
+        key: referenceKey,
+        priority: 1,
+      },
+    })
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/sections.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/sections.ts
new file mode 100644
index 0000000..75cf95e
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/sections.ts
@@ -0,0 +1,25 @@
+import { CompletionContext, CompletionSection } from '@codemirror/autocomplete'
+import importOverleafModules from '../../../../../../macros/import-overleaf-module.macro'
+
+type SectionGenerator = (
+  context: CompletionContext,
+  type: string
+) => CompletionSection | string | undefined
+const sectionTitleGenerators: Array<SectionGenerator> = importOverleafModules(
+  'sectionTitleGenerators'
+).map(
+  (item: { import: { getSection: SectionGenerator } }) => item.import.getSection
+)
+
+export function maybeGetSectionForOption(
+  context: CompletionContext,
+  type: string
+) {
+  for (const generator of sectionTitleGenerators) {
+    const section = generator(context, type)
+    if (section !== undefined) {
+      return section
+    }
+  }
+  return undefined
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/snippets.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/snippets.ts
new file mode 100644
index 0000000..c7cfb7c
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/snippets.ts
@@ -0,0 +1,29 @@
+import topHundredSnippets from './data/top-hundred-snippets'
+import snippets from './data/snippets'
+import { applySnippet, extendOverUnpairedClosingBrace } from './apply'
+import { Completions } from './types'
+
+/**
+ * Completions based on bundled snippets
+ */
+export function buildSnippetCompletions(completions: Completions) {
+  for (const item of topHundredSnippets) {
+    completions.commands.push({
+      type: item.meta,
+      label: item.caption,
+      boost: item.score,
+      apply:
+        item.snippet === item.caption ? undefined : applySnippet(item.snippet),
+      extend: extendOverUnpairedClosingBrace,
+    })
+  }
+
+  for (const item of snippets) {
+    completions.commands.push({
+      type: item.type,
+      label: item.label,
+      apply: applySnippet(item.snippet),
+      extend: extendOverUnpairedClosingBrace,
+    })
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/completions/types.ts b/services/web/frontend/js/features/source-editor/languages/latex/completions/types.ts
new file mode 100644
index 0000000..5b7779c
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/completions/types.ts
@@ -0,0 +1,3 @@
+import { Completion } from '@codemirror/autocomplete'
+
+export type Completions = Record<string, Completion[]>
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/document-commands.ts b/services/web/frontend/js/features/source-editor/languages/latex/document-commands.ts
new file mode 100644
index 0000000..f7c94dd
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/document-commands.ts
@@ -0,0 +1,4 @@
+import { Command, enterNode } from '../../utils/tree-operations/commands'
+import { makeProjectionStateField } from '../../utils/projection-state-field'
+
+export const documentCommands = makeProjectionStateField<Command>(enterNode)
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/document-environments.ts b/services/web/frontend/js/features/source-editor/languages/latex/document-environments.ts
new file mode 100644
index 0000000..8346e77
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/document-environments.ts
@@ -0,0 +1,8 @@
+import {
+  Environment,
+  enterNode,
+} from '../../utils/tree-operations/environments'
+import { makeProjectionStateField } from '../../utils/projection-state-field'
+
+export const documentEnvironments =
+  makeProjectionStateField<Environment>(enterNode)
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/document-outline.ts b/services/web/frontend/js/features/source-editor/languages/latex/document-outline.ts
new file mode 100644
index 0000000..f80cbc4
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/document-outline.ts
@@ -0,0 +1,5 @@
+import { enterNode, FlatOutlineItem } from '../../utils/tree-operations/outline'
+import { makeProjectionStateField } from '../../utils/projection-state-field'
+
+export const documentOutline =
+  makeProjectionStateField<FlatOutlineItem>(enterNode)
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/index.ts b/services/web/frontend/js/features/source-editor/languages/latex/index.ts
new file mode 100644
index 0000000..9bdd0f0
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/index.ts
@@ -0,0 +1,52 @@
+import { latexIndentService } from './latex-indent-service'
+import { shortcuts } from './shortcuts'
+import { linting } from './linting'
+import { LanguageSupport } from '@codemirror/language'
+import { CompletionSource } from '@codemirror/autocomplete'
+import { openAutocomplete } from './open-autocomplete'
+import { metadata } from './metadata'
+import {
+  argumentCompletionSources,
+  explicitCommandCompletionSource,
+  inCommandCompletionSource,
+  beginEnvironmentCompletionSource,
+} from './complete'
+import { documentCommands } from './document-commands'
+import importOverleafModules from '../../../../../macros/import-overleaf-module.macro'
+import { documentOutline } from './document-outline'
+import { LaTeXLanguage } from './latex-language'
+import { documentEnvironments } from './document-environments'
+import {
+  figureModal,
+  figureModalPasteHandler,
+} from '../../extensions/figure-modal'
+
+const completionSources: CompletionSource[] = [
+  ...argumentCompletionSources,
+  inCommandCompletionSource,
+  explicitCommandCompletionSource,
+  beginEnvironmentCompletionSource,
+  ...importOverleafModules('sourceEditorCompletionSources').map(
+    (item: any) => item.import.default
+  ),
+]
+
+export const latex = () => {
+  return new LanguageSupport(LaTeXLanguage, [
+    shortcuts(),
+    documentOutline,
+    documentCommands,
+    documentEnvironments,
+    latexIndentService(),
+    linting(),
+    metadata(),
+    openAutocomplete(),
+    ...completionSources.map(completionSource =>
+      LaTeXLanguage.data.of({
+        autocomplete: completionSource,
+      })
+    ),
+    figureModal(),
+    figureModalPasteHandler(),
+  ])
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/latex-indent-service.ts b/services/web/frontend/js/features/source-editor/languages/latex/latex-indent-service.ts
new file mode 100644
index 0000000..08c1798
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/latex-indent-service.ts
@@ -0,0 +1,10 @@
+import { indentService } from '@codemirror/language'
+
+export const latexIndentService = () =>
+  indentService.of((indentContext, pos) => {
+    // only use this for insertNewLineAndIndent
+    if (indentContext.simulatedBreak) {
+      // match the indentation of the previous line (if present)
+      return null
+    }
+  })
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/latex-language.ts b/services/web/frontend/js/features/source-editor/languages/latex/latex-language.ts
new file mode 100644
index 0000000..8e04adc
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/latex-language.ts
@@ -0,0 +1,233 @@
+import { LRLanguage, foldNodeProp, foldInside } from '@codemirror/language'
+import { parser } from '../../lezer-latex/latex.mjs'
+import { styleTags, tags as t } from '@lezer/highlight'
+import * as termsModule from '../../lezer-latex/latex.terms.mjs'
+import { NodeProp } from '@lezer/common'
+import {
+  Tokens,
+  commentIsOpenFold,
+  findClosingFoldComment,
+  getFoldRange,
+} from '../../utils/tree-query'
+import { closeBracketConfig } from './close-bracket-config'
+import { noSpellCheckProp } from '@/features/source-editor/utils/node-props'
+
+const styleOverrides: Record<string, any> = {
+  DocumentClassCtrlSeq: t.keyword,
+  UsePackageCtrlSeq: t.keyword,
+  CiteCtrlSeq: t.keyword,
+  CiteStarrableCtrlSeq: t.keyword,
+  RefCtrlSeq: t.keyword,
+  RefStarrableCtrlSeq: t.keyword,
+  LabelCtrlSeq: t.keyword,
+}
+
+const styleEntry = (token: string, defaultStyle: any) => {
+  return [token, styleOverrides[token] || defaultStyle]
+}
+
+const Styles = {
+  ctrlSeq: Object.fromEntries(
+    Tokens.ctrlSeq.map(token => styleEntry(token, t.tagName))
+  ),
+  ctrlSym: Object.fromEntries(
+    Tokens.ctrlSym.map(token => styleEntry(token, t.literal))
+  ),
+  envName: Object.fromEntries(
+    Tokens.envName.map(token => styleEntry(token, t.attributeValue))
+  ),
+}
+
+const typeMap: Record<string, string[]> = {
+  // commands that are section headings
+  PartCtrlSeq: ['$SectioningCtrlSeq'],
+  ChapterCtrlSeq: ['$SectioningCtrlSeq'],
+  SectionCtrlSeq: ['$SectioningCtrlSeq'],
+  SubSectionCtrlSeq: ['$SectioningCtrlSeq'],
+  SubSubSectionCtrlSeq: ['$SectioningCtrlSeq'],
+  ParagraphCtrlSeq: ['$SectioningCtrlSeq'],
+  SubParagraphCtrlSeq: ['$SectioningCtrlSeq'],
+  // commands that have a "command tooltip"
+  HrefCommand: ['$CommandTooltipCommand'],
+  Include: ['$CommandTooltipCommand'],
+  Input: ['$CommandTooltipCommand'],
+  Ref: ['$CommandTooltipCommand'],
+  UrlCommand: ['$CommandTooltipCommand'],
+  // text formatting commands that can be toggled via the toolbar
+  TextBoldCommand: ['$ToggleTextFormattingCommand'],
+  TextItalicCommand: ['$ToggleTextFormattingCommand'],
+  // text formatting commands that cannot be toggled via the toolbar
+  TextSmallCapsCommand: ['$OtherTextFormattingCommand'],
+  TextTeletypeCommand: ['$OtherTextFormattingCommand'],
+  TextMediumCommand: ['$OtherTextFormattingCommand'],
+  TextSansSerifCommand: ['$OtherTextFormattingCommand'],
+  TextSuperscriptCommand: ['$OtherTextFormattingCommand'],
+  TextSubscriptCommand: ['$OtherTextFormattingCommand'],
+  StrikeOutCommand: ['$OtherTextFormattingCommand'],
+  EmphasisCommand: ['$OtherTextFormattingCommand'],
+  UnderlineCommand: ['$OtherTextFormattingCommand'],
+}
+
+export const LaTeXLanguage = LRLanguage.define({
+  name: 'latex',
+  parser: parser.configure({
+    props: [
+      foldNodeProp.add({
+        Comment: (node, state) => {
+          if (commentIsOpenFold(node, state)) {
+            const closingFoldNode = findClosingFoldComment(node, state)
+            if (closingFoldNode) {
+              return getFoldRange(node, closingFoldNode, state)
+            }
+          }
+          return null
+        },
+        Group: foldInside,
+        NonEmptyGroup: foldInside,
+        TextArgument: foldInside,
+        // TODO: Why isn't
+        // `Content: node => node,`
+        // enough? For some reason it doesn't work if there's a newline after
+        // \section{a}, but works for \section{a}b
+        $Environment: node => node.getChild('Content'),
+        $Section: node => {
+          const BACKWARDS = -1
+          const lastChild = node.resolveInner(node.to, BACKWARDS)
+          const content = node.getChild('Content')
+          if (!content) {
+            return null
+          }
+          if (lastChild.type.is(termsModule.NewLine)) {
+            // Ignore last newline for sectioning commands
+            return { from: content!.from, to: lastChild.from }
+          }
+          if (lastChild.type.is(termsModule.Whitespace)) {
+            // If the sectioningcommand is indented on a newline
+            let sibling = lastChild.prevSibling
+            while (sibling?.type.is(termsModule.Whitespace)) {
+              sibling = sibling.prevSibling
+            }
+            if (sibling?.type.is(termsModule.NewLine)) {
+              return { from: content!.from, to: sibling.from }
+            }
+          }
+          if (lastChild.type.is(termsModule.BlankLine)) {
+            // HACK: BlankLine can contain any number above 2 of \n's.
+            // Include every one except for the last one
+            return { from: content!.from, to: lastChild.to - 1 }
+          }
+          return content
+        },
+      }),
+      // disable spell check in these node types when they're inside these parents (empty string = any parent)
+      noSpellCheckProp.add({
+        BibKeyArgument: [['']],
+        BibliographyArgument: [['']],
+        BibliographyStyleArgument: [['']],
+        DocumentClassArgument: [['']],
+        LabelArgument: [['']],
+        PackageArgument: [['']],
+        RefArgument: [['']],
+        OptionalArgument: [
+          ['DocumentClass'],
+          ['IncludeGraphics'],
+          ['LineBreak'],
+          ['UsePackage'],
+          ['FigureEnvironment', 'BeginEnv'],
+          ['ListEnvironment', 'BeginEnv'],
+        ],
+        ShortTextArgument: [['Date'], ['SetLengthCommand']],
+        TextArgument: [['TabularEnvironment', 'BeginEnv']],
+      }),
+      // TODO: does this override groups defined in the grammar?
+      NodeProp.group.add(type => {
+        const types = []
+
+        if (
+          Tokens.ctrlSeq.includes(type.name) ||
+          Tokens.ctrlSym.includes(type.name)
+        ) {
+          types.push('$CtrlSeq')
+          if (Tokens.ctrlSym.includes(type.name)) {
+            types.push('$CtrlSym')
+          }
+        } else if (Tokens.envName.includes(type.name)) {
+          types.push('$EnvName')
+        } else if (type.name.endsWith('Command')) {
+          types.push('$Command')
+        } else if (type.name.endsWith('Argument')) {
+          types.push('$Argument')
+          if (
+            type.name.endsWith('TextArgument') ||
+            type.is('SectioningArgument')
+          ) {
+            types.push('$TextArgument')
+          }
+        } else if (type.name.endsWith('Brace')) {
+          types.push('$Brace')
+        }
+
+        if (type.name in typeMap) {
+          types.push(...typeMap[type.name])
+        }
+
+        return types.length > 0 ? types : undefined
+      }),
+      styleTags({
+        ...Styles.ctrlSeq,
+        ...Styles.ctrlSym,
+        ...Styles.envName,
+        'HrefCommand/ShortTextArgument/ShortArg/...': t.link,
+        'HrefCommand/UrlArgument/...': t.monospace,
+        'CtrlSeq Csname': t.tagName,
+        'DocumentClass/OptionalArgument/ShortOptionalArg/...': t.attributeValue,
+        'DocumentClass/ShortTextArgument/ShortArg/Normal': t.typeName,
+        'ListEnvironment/BeginEnv/OptionalArgument/...': t.monospace,
+        Number: t.number,
+        OpenBrace: t.brace,
+        CloseBrace: t.brace,
+        OpenBracket: t.squareBracket,
+        CloseBracket: t.squareBracket,
+        Dollar: t.string,
+        Math: t.string,
+        'Math/MathChar': t.string,
+        'Math/MathSpecialChar': t.string,
+        'Math/Number': t.string,
+        'MathGroup/OpenBrace MathGroup/CloseBrace': t.string,
+        'MathTextCommand/TextArgument/OpenBrace MathTextCommand/TextArgument/CloseBrace':
+          t.string,
+        'MathOpening/LeftCtrlSeq MathClosing/RightCtrlSeq MathUnknownCommand/CtrlSeq MathTextCommand/CtrlSeq':
+          t.literal,
+        MathDelimiter: t.literal,
+        DoubleDollar: t.keyword,
+        Tilde: t.keyword,
+        Ampersand: t.keyword,
+        LineBreakCtrlSym: t.keyword,
+        Comment: t.comment,
+        'UsePackage/OptionalArgument/ShortOptionalArg/Normal': t.attributeValue,
+        'UsePackage/ShortTextArgument/ShortArg/Normal': t.tagName,
+        'Affiliation/OptionalArgument/ShortOptionalArg/Normal':
+          t.attributeValue,
+        'Affil/OptionalArgument/ShortOptionalArg/Normal': t.attributeValue,
+        'LiteralArgContent VerbContent VerbatimContent LstInlineContent':
+          t.string,
+        'NewCommand/LiteralArgContent': t.typeName,
+        'LabelArgument/ShortTextArgument/ShortArg/...': t.attributeValue,
+        'RefArgument/ShortTextArgument/ShortArg/...': t.attributeValue,
+        'BibKeyArgument/ShortTextArgument/ShortArg/...': t.attributeValue,
+        'ShortTextArgument/ShortArg/Normal': t.monospace,
+        'UrlArgument/LiteralArgContent': [t.attributeValue, t.url],
+        'FilePathArgument/LiteralArgContent': t.attributeValue,
+        'BareFilePathArgument/SpaceDelimitedLiteralArgContent':
+          t.attributeValue,
+        TrailingContent: t.comment,
+        'Item/OptionalArgument/ShortOptionalArg/...': t.strong,
+        // TODO: t.strong, t.emphasis
+      }),
+    ],
+  }),
+  languageData: {
+    commentTokens: { line: '%' },
+    closeBrackets: closeBracketConfig,
+  },
+})
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/linter/README.md b/services/web/frontend/js/features/source-editor/languages/latex/linter/README.md
new file mode 100644
index 0000000..6772699
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/linter/README.md
@@ -0,0 +1,122 @@
+# How the Ace latex linter works
+
+The purpose of the linter is to check the following
+
+- each open environment is closed in the correct order
+  - `\begin` .. `\end`
+  - `$` ... `$` # inline math
+  - `$$` ... `$$` # display math
+  - `{` ... `}` # grouping commands
+  - `\left` .. `\right` # bracket commands (in math-mode only)
+- math-mode commands are only used in math-mode (e.g. `\alpha`, `^` and `_`)
+- text-specific commands are only used outside math-mode (e.g. `\chapter` should not be used in math-mode)
+
+The general approach of the ace linter is as following
+
+- skip over all of the file apart from the relevant tokens
+- iterate through the tokens keeping track of the current context (environment/math-mode)
+- report an error if
+  - a token is not allowed in the current context
+  - an environment is closed incorrectly
+
+# Implementation
+
+The implementation has two main phases
+
+1. Tokenise
+2. InterpretTokens
+
+The linter returns errors found in the InterpretTokens phase.
+
+## Tokenise - finding tokens
+
+The tokenizer starts from the beginning of the file, searching repeatedly for the next special character: `['\', '{', '}', '$', '&', '#', '^', '_', '~', '%']`.
+
+When a special character is found, it is inspected and additional characters consumed according to the following TeX rules:
+
+- `'\'` escape character: Handle TeX control sequences (`\foo`) and control symbols (`\@`).
+  - followed by `[a-zA-Z]+`: it's a control sequence, consume whitespace after it
+  - otherwise, it's a control symbol (single character)
+- any other special character `['{', '}', '$', '&', '#', '^', '_', '~']`: push it as a token
+- `'%'` comment: consume up to next newline.
+  Special cases:
+  - `%novalidate` disable validation in this file
+  - `%begin novalidate`, `%end novalidate` disable validation in a region
+- anything else: throw an error for an unexpected character
+
+The content between special characters, and not consumed by any rules above or below, is marked as a `Text` token.
+
+After this stage, we have a list of the tokens (with their positions) and text regions.
+
+## InterpretTokens - from tokens to environments
+
+This function iterates over the tokens, looking for groups or environments to match. Each environment command is pushed onto the `Environments` array. As part of this process other commands are interpreted in order to skip over them (for example `\newcommand{\foo}{\begin{equation}}` is valid and should not trigger an "unmatched environment" error.). We consume these commands using custom argument functions.
+
+When we push an entry onto the `Environments` array we also keep track of the math mode (either `null`, `inline`, or `display`), and for some commands the mode of the next argument (`nextGroupMathMode`). For example, `\hbox` has `nextGroupMathMode` false since the next group is its argument `{...}` which will always be text.
+
+### Custom argument functions
+
+Tokens may be followed by various arguments, which can be optional. These are consumed by custom functions which look for the correct format:
+
+- `read1arg`: read an argument `FOO` to a either form of command `\newcommand\FOO...` or `\newcommand{\FOO}...`. Also support optional `*` form `\newcommand*`.
+- `readLetDefinition`: read a let command (the equals sign is optional) `\let\foo=\bar`, `\let\foo=TOKEN`, `\let\foo\bar`, `\let\foo\TOKEN`.
+- `read1name`: read an environemt name `FOO` in `\newenvironment{FOO}...`, also handle names like `FOO_BAR`.
+- `read1filename`: read a filename like `foo_bar.tex` (may include `_`)
+- `readOptionalParams`: read an optional parameter `[N]` where `N` is a number, used for `\newcommand{\foo}[2]...` meaning 2 parameters. Allow for additional arguments like `[1][key=value,key=value]` and skip over arbitrary arguments `[xxx][yyy][\foo{zzz}]{...` up to the first `{..`
+- `readOptionalGeneric`: read a single optional parameter `[foo]`
+- `readOptionalDef`:skip over the optional arguments of a definition `\def\foo#1.#2(#3){this is the macro #1 #2 #3}` to start looking at text immediately after `\def` command.
+- `readDefinition`: read a definition as in `\newcommand{\FOO}{DEFN}` or `\newcommand{\FOO} {DEF}` (optional whitespace). Look ahead for argument, consuming whitespace, the definition is read looking for balanced `{` ... `}` braces.
+- `readVerb`: read a verbatim argument `\verb@foo@` or `\verb*@foo@` where `@` is any character except `*` for `\verb`, `foo` is any sequence excluding end-of-line and the delimiter. A space does work for `@`, contrary to latex documentation. Note: this is only an approximation, because we have already tokenised the input stream, and we should really do that taking into account the effect of verb. For example \verb|%| will get confused because % is then a character.
+- `readUrl`: read a url argument `\url|foo|`, `\url{foo}` Note: this is only an approximation, because we have already tokenised the input stream, so anything after a comment character % on the current line will not be present in the input stream.
+
+### Token interpretation
+
+The following tokens trigger special handling, either by starting or closing a group or environment, being a command that must be intepreted (to skip over arguments) or having special properties (such as only being permissible in certain environments).
+
+- `{` and `}` handle open and close group as a type of environment
+- `\begin` and `\end` followed by a text token, taken as the environment name
+  - also allow repeated text tokens separated by `_` (e.g like `\begin{new_major_theorem}`)
+- Parse bracket commands, treated as an environment since they must match
+  - `\left` and `\right` must be followed by one of `(){}[]<>/|\.`
+- `\(` ... `\)` and `\[` ... `\]` handle open and close math-modes as a type of environment
+- Parse command definitions in a limited way, to avoid falsely reporting errors from unmatched environments in the command definition e.g. `\newcommand{\foo}{\begin{equation}}` is valid and should not trigger an "unmatched environment" error.
+  - `newcommand`, `renewcommand`, `DeclareRobustCommand`: read1arg readOptionalParams readDefinition
+  - `def`: read1arg readOptionalDef readDefinition
+  - `let`: readLetDefinition
+  - `newcolumntype` read1name readOptionalParams readDefinition
+  - `newenvironment`, `renewenvironment` read1name readOptionalParams readDefinition(open) readDefinition(close)
+- Parse special commands
+  - `verb`: readVerb (`\verb|....|` where `|` is any char)
+  - `url`: readUrl (`\url{...}` or `\url|....|` where `|` is any char)
+  - `input`: read1filename
+- Parse text mode commands - the next group will be in text mode regardless
+  - `hbox`, `text`, `mbox`, `footnote`, `intertext`, `shortintertext`, `textnormal`, `tag`, `reflectbox`, `textrm`
+- Parse graphics commands
+  - `tikz`: readOptionalGeneric
+  - `rotatebox`, `scalebox`, `feynmandiagram`: readOptionalGeneric readDefinition
+  - `resizebox`: readOptionalGeneric readDefinition(width) readDefinition(height)
+- Parse math definition commands
+  - `DeclareMathOperator`: readDefinition(first arg) readDefinition(second arg)
+  - `DeclarePairedDelimiter`: readDefinition(first arg) readDefinition(second arg) readDefinition(third arg)
+- Math-mode commands
+  - `(alpha|beta|gamma|delta|epsilon|varepsilon|zeta|eta|theta|vartheta|iota|kappa|lambda|mu|nu|xi|pi|varpi|rho|varrho|sigma|varsigma|tau|upsilon|phi|varphi|chi|psi|omega|Gamma|Delta|Theta|Lambda|Xi|Pi|Sigma|Upsilon|Phi|Psi|Omega)`: can only be used in math mode
+- Text-mode commands
+  - `(chapter|section|subsection|subsubsection)`: cannot be used in math mode
+- Any other unrecognised command
+  - `\[a-z]+`: if we see an unknown command \foo{...}{...} put the math mode for the next group into the 'undefined' state, because we do not know what math mode an arbitrary macro will use for its arguments. In the math mode 'undefined' state we don't report errors when we encounter math or text commands.
+- Math-mode delimiters
+  - `$$` - display math environment
+  - `$` - inline math environment
+- Subscript and superscript (must be inside math-mode)
+  - `^` and `_`: check for mathmode assuming environments are correct
+
+### Environment handling
+
+- must be outside math mode: `(document|figure|center|enumerate|itemize|table|abstract|proof|lemma|theorem|definition|proposition|corollary|remark|notation|thebibliography)`
+- must be inside math mode: `(array|gathered|split|aligned|alignedat)\*?`
+- must be outside math mode but starts it: `(math|displaymath|equation|eqnarray|multline|align|gather|flalign|alignat)\*?`
+- start a verbatim environment: `(verbatim|boxedverbatim|lstlisting|minted|Verbatim)`. Any errors occurring in a verbatim environment are ignored.
+
+### Special cases
+
+If we encounter any tokens matching `(be|beq|beqa|bea)` or `(ee|eeq|eeqn|eeqa|eeqan|eea)` we filter out all errors relating to math-mode violations, since these are common user-defined macros to replace `\begin{equation}` etc.
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/linter/errors-to-diagnostics.ts b/services/web/frontend/js/features/source-editor/languages/latex/linter/errors-to-diagnostics.ts
new file mode 100644
index 0000000..c2e9646
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/linter/errors-to-diagnostics.ts
@@ -0,0 +1,97 @@
+import { Diagnostic } from '@codemirror/lint'
+import { Range } from '../../../utils/range'
+import { renderMessage } from '@/features/source-editor/extensions/annotations'
+
+export type LintError = {
+  startPos: number
+  endPos: number
+  pos: number
+  suppressIfEditing: boolean
+  type: 'info' | 'warning' | 'error'
+  text: string
+}
+
+// Convert errors generated by the linter to Diagnostic objects that CM6
+// expects. Filter and adjust positions based on cursor position. This is
+// adapted from roughly equivalent Ace code:
+// https://github.com/overleaf/ace/blob/31998cd6178c4115ad67f8e101f41590dcb32522/lib/ace/mode/latex.js#L58-L183
+export const errorsToDiagnostics = (
+  errors: LintError[],
+  cursorPosition: number,
+  docLength: number
+): Diagnostic[] => {
+  const diagnostics: Diagnostic[] = []
+  const cursorAtEndOfDocument = cursorPosition === docLength
+  const suppressions = []
+
+  for (const error of errors) {
+    const errorRange = new Range(error.startPos, error.endPos)
+
+    // Reject an error that starts or ends after the document length. This
+    // can happen if the document changed while the linter was running and
+    // would cause an exception if a diagnostic was created for it
+    if (errorRange.from > docLength || errorRange.to > docLength) {
+      continue
+    }
+
+    const cursorInRange = errorRange.contains(cursorPosition)
+    const cursorAtStart = cursorPosition === errorRange.from + 1 // cursor after start not before
+    const cursorAtEnd = cursorPosition === errorRange.to
+
+    // If the user is editing at the beginning or end of this error, suppress
+    // it from display
+    if (error.suppressIfEditing && (cursorAtStart || cursorAtEnd)) {
+      suppressions.push(errorRange)
+      continue
+    }
+
+    // Otherwise, check if this error starts inside a
+    // suppressed error range (it's probably a cascading
+    // error, so we hide it while the user is typing)
+    let isCascadeError = false
+    for (const badRange of suppressions) {
+      if (badRange.intersects(errorRange)) {
+        isCascadeError = true
+        break
+      }
+    }
+
+    // Hide cascade errors
+    if (isCascadeError) {
+      continue
+    }
+
+    // Adjust the error range if the cursor is inside the range.
+    //
+    // If the cause of the error is at the beginning, move the end of the range
+    // to the cursor position.
+    //
+    // If the cause of the error is at the end, and the cursor is inside the
+    // range, move the beginning of the range to the cursor position.
+    //
+    // If the cursor is at the end of the document, make no adjustment because
+    // doing the regular adjustments doesn't always give intuitive results at
+    // the end of the document.
+    const errorAtStart = error.pos === error.startPos
+    const movableStart =
+      cursorInRange && !errorAtStart && !cursorAtEndOfDocument
+    const movableEnd = cursorInRange && errorAtStart && !cursorAtEndOfDocument
+    const newStart = movableStart ? cursorPosition : errorRange.from
+    const newEnd = movableEnd ? cursorPosition : errorRange.to
+
+    const diagnostic: Diagnostic = {
+      from: newStart,
+      to: newEnd,
+      severity: error.type,
+      message: error.text,
+    }
+
+    // Create the diagnostic
+    diagnostics.push({
+      ...diagnostic,
+      renderMessage: () => renderMessage(diagnostic),
+    })
+  }
+
+  return diagnostics
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/linter/latex-linter.ts b/services/web/frontend/js/features/source-editor/languages/latex/linter/latex-linter.ts
new file mode 100644
index 0000000..fefd4f0
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/linter/latex-linter.ts
@@ -0,0 +1,86 @@
+import { EditorView } from '@codemirror/view'
+import { Diagnostic } from '@codemirror/lint'
+import { errorsToDiagnostics, LintError } from './errors-to-diagnostics'
+import { mergeCompatibleOverlappingDiagnostics } from './merge-overlapping-diagnostics'
+
+const lintWorker = new Worker(
+  /* webpackChunkName: "latex-linter-worker" */
+  new URL('./latex-linter.worker.js', import.meta.url),
+  { type: 'module' }
+)
+
+class Deferred {
+  public promise: Promise<readonly Diagnostic[]>
+  public resolve?: (value: PromiseLike<Diagnostic[]> | Diagnostic[]) => void
+  public reject?: (reason?: any) => void
+
+  constructor() {
+    this.promise = new Promise((resolve, reject) => {
+      this.resolve = resolve
+      this.reject = reject
+    })
+  }
+}
+
+let linterPromise: Promise<any> | null = null // promise which will resolve to results of the current linting
+let queuedRequest: Deferred | null = null // deferred promise for incoming linting requests while the current one is running
+let currentView: EditorView | null = null
+
+let currentResolver: ((value: Diagnostic[]) => void) | null = null
+
+const runLinter = () => {
+  lintWorker.postMessage({ text: currentView!.state.doc.toString() })
+  return new Promise<Diagnostic[]>(resolve => {
+    currentResolver = resolve
+  })
+}
+
+lintWorker!.addEventListener('message', event => {
+  if (event.data) {
+    const errors = event.data.errors as LintError[]
+    const editorState = currentView!.state
+    const doc = editorState.doc
+    const cursorPosition = editorState.selection.main.head
+    const diagnostics = errorsToDiagnostics(errors, cursorPosition, doc.length)
+    const mergedDiagnostics = mergeCompatibleOverlappingDiagnostics(diagnostics)
+    currentResolver!(mergedDiagnostics)
+    // make compile controller aware of lint errors via editor:lint event
+    const hasLintingError = errors.some(e => e.type !== 'info')
+    window.dispatchEvent(
+      new CustomEvent('editor:lint', {
+        detail: { hasLintingError },
+      })
+    )
+  }
+})
+
+const executeQueuedAction = (deferred: Deferred) => {
+  runLinter().then(result => deferred.resolve!(result))
+  return deferred.promise
+}
+
+const processQueue = () => {
+  if (queuedRequest) {
+    linterPromise = executeQueuedAction(queuedRequest).then(processQueue)
+    queuedRequest = null
+  } else {
+    linterPromise = null
+  }
+}
+
+export const latexLinter = (view: EditorView) => {
+  // always update the view, we use it to filter the results to the current buffer
+  currentView = view
+  // if a linting request isn't already running, start it running
+  if (!linterPromise) {
+    linterPromise = runLinter()
+    linterPromise.then(processQueue)
+    return linterPromise
+  } else {
+    // otherwise create a single deferred promise which we will return to all subsequent requests
+    if (!queuedRequest) {
+      queuedRequest = new Deferred()
+    }
+    return queuedRequest.promise
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/linter/latex-linter.worker.js b/services/web/frontend/js/features/source-editor/languages/latex/linter/latex-linter.worker.js
new file mode 100644
index 0000000..0bfaf94
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/linter/latex-linter.worker.js
@@ -0,0 +1,2095 @@
+const Tokenise = function (text) {
+  const Tokens = []
+  const Comments = []
+  let pos = -1
+  const SPECIAL = /[\\{}$&#^_~%]/g // match TeX special characters
+  const NEXTCS = /[^a-zA-Z]/g // match characters which aren't part of a TeX control sequence
+  let idx = 0
+
+  let lineNumber = 0 // current line number when parsing tokens (zero-based)
+  const linePosition = [] // mapping from line number to absolute offset of line in text[]
+  linePosition[0] = 0
+
+  let checkingDisabled = false
+  let count = 0 // number of tokens parses
+  const MAX_TOKENS = 100000
+
+  // Main parsing loop, split into tokens on TeX special characters
+  // each token is pushed onto the Tokens array as follows
+  //
+  // special character: [lineNumber, charCode, start]
+  // control sequence:  [lineNumber, "\", start, end, "foo"]
+  // control symbold:   [lineNumber, "\", start, end, "@"]
+  //
+  // end position = (position of last character in the sequence) + 1
+  //
+  // so text.substring(start,end) returns the "foo" for \foo
+
+  while (true) {
+    count++
+
+    // Avoid infinite loops and excessively large documents
+    if (count > MAX_TOKENS) {
+      throw new Error('exceed max token count of ' + MAX_TOKENS)
+    }
+    const result = SPECIAL.exec(text)
+
+    // If no more special characters found, must be text at end of file
+    if (result == null) {
+      if (idx < text.length) {
+        Tokens.push([lineNumber, 'Text', idx, text.length])
+        // FIXME: could check if previous token was Text and merge
+      }
+      break
+    }
+
+    // Break out of loop if not going forwards in the file (shouldn't happen)
+    if (result && result.index <= pos) {
+      throw new Error('infinite loop in parsing')
+    }
+
+    // Move up to the position of the match
+    pos = result.index
+
+    // Anything between special characters is text
+    if (pos > idx) {
+      // FIXME: check if previous token was Text and merge
+      Tokens.push([lineNumber, 'Text', idx, pos])
+    }
+
+    // Scan over the text and update the line count
+    for (let i = idx; i < pos; i++) {
+      if (text[i] === '\n') {
+        lineNumber++
+        linePosition[lineNumber] = i + 1
+      }
+    }
+
+    const newIdx = SPECIAL.lastIndex
+    idx = newIdx
+
+    // Inspect the special character and consume additional characters according to TeX rules
+    const code = result[0]
+    if (code === '%') {
+      // comment character
+      // Handle comments by consuming up to the next newline character
+      let newLinePos = text.indexOf('\n', idx)
+      if (newLinePos === -1) {
+        // reached end of file
+        newLinePos = text.length
+      }
+      // Check comment for our magic sequences %novalidate, %begin/%end novalidate
+      const commentString = text.substring(idx, newLinePos)
+      if (commentString.indexOf('%novalidate') === 0) {
+        return []
+      } else if (
+        !checkingDisabled &&
+        commentString.indexOf('%begin novalidate') === 0
+      ) {
+        checkingDisabled = true
+      } else if (
+        checkingDisabled &&
+        commentString.indexOf('%end novalidate') === 0
+      ) {
+        checkingDisabled = false
+      }
+      // Update the line count
+      idx = SPECIAL.lastIndex = newLinePos + 1
+      Comments.push([lineNumber, idx, newLinePos])
+      lineNumber++
+      linePosition[lineNumber] = idx
+    } else if (checkingDisabled) {
+      // do nothing
+      continue
+    } else if (code === '\\') {
+      // escape character
+      // Handle TeX control sequences (\foo) and control symbols (\@)
+      // Look ahead to find the next character not valid in a control sequence [^a-zA-Z]
+      NEXTCS.lastIndex = idx
+      const controlSequence = NEXTCS.exec(text)
+      let nextSpecialPos =
+        controlSequence === null ? idx : controlSequence.index
+      if (nextSpecialPos === idx) {
+        // it's a control symbol
+        Tokens.push([
+          lineNumber,
+          code,
+          pos,
+          idx + 1,
+          text[idx],
+          'control-symbol',
+        ])
+        idx = SPECIAL.lastIndex = idx + 1
+        const char = text[nextSpecialPos]
+        // update the line number if someone typed \ at the end of a line
+        if (char === '\n') {
+          lineNumber++
+          linePosition[lineNumber] = nextSpecialPos
+        }
+      } else {
+        // it's a control sequence
+        Tokens.push([
+          lineNumber,
+          code,
+          pos,
+          nextSpecialPos,
+          text.slice(idx, nextSpecialPos),
+        ])
+        // consume whitespace after a control sequence (update the line number too)
+        let char
+        while (
+          (char = text[nextSpecialPos]) === ' ' ||
+          char === '\t' ||
+          char === '\r' ||
+          char === '\n'
+        ) {
+          nextSpecialPos++
+          if (char === '\n') {
+            lineNumber++
+            linePosition[lineNumber] = nextSpecialPos
+          }
+        }
+        idx = SPECIAL.lastIndex = nextSpecialPos
+      }
+    } else if (['{', '}', '$', '&', '#', '^', '_', '~'].indexOf(code) > -1) {
+      // special characters
+      Tokens.push([lineNumber, code, pos, pos + 1])
+    } else {
+      throw new Error('unrecognised character ' + code)
+    }
+  }
+
+  return {
+    tokens: Tokens,
+    comments: Comments,
+    linePosition,
+    lineNumber,
+    text,
+  }
+}
+
+// Functions for consuming TeX arguments
+
+const read1arg = function (TokeniseResult, k, options) {
+  // read an argument FOO to a either form of command
+  // \newcommand\FOO...
+  // \newcommand{\FOO}...
+  // Also support \newcommand*
+  const Tokens = TokeniseResult.tokens
+  const text = TokeniseResult.text
+
+  // check for optional * like \newcommand*
+  if (options && options.allowStar) {
+    const optional = Tokens[k + 1]
+    if (optional && optional[1] === 'Text') {
+      const optionalstr = text.substring(optional[2], optional[3])
+      if (optionalstr === '*') {
+        k++
+      }
+    }
+  }
+
+  const open = Tokens[k + 1]
+  const delimiter = Tokens[k + 2]
+  const close = Tokens[k + 3]
+  // let delimiterName
+
+  if (open && open[1] === '\\') {
+    // plain \FOO, isn't enclosed in braces
+    // delimiterName = open[4] // array element 4 is command sequence
+    return k + 1
+  } else if (
+    open &&
+    open[1] === '{' &&
+    delimiter &&
+    delimiter[1] === '\\' &&
+    close &&
+    close[1] === '}'
+  ) {
+    // argument is in braces
+    // delimiterName = delimiter[4] // NOTE: if we were actually using this, keep track of * above
+    return k + 3 // array element 4 is command sequence
+  } else {
+    // couldn't find argument
+    return null
+  }
+}
+
+const readLetDefinition = function (TokeniseResult, k) {
+  // read a let command  (the equals sign is optional)
+  // \let\foo=\bar
+  // \let\foo=TOKEN
+  // \let\foo\bar
+  // \let\foo\TOKEN
+
+  const Tokens = TokeniseResult.tokens
+  const text = TokeniseResult.text
+
+  const first = Tokens[k + 1]
+  const second = Tokens[k + 2]
+  const third = Tokens[k + 3]
+
+  if (first && first[1] === '\\' && second && second[1] === '\\') {
+    return k + 2
+  } else if (
+    first &&
+    first[1] === '\\' &&
+    second &&
+    second[1] === 'Text' &&
+    text.substring(second[2], second[3]) === '=' &&
+    third &&
+    third[1] === '\\'
+  ) {
+    return k + 3
+  } else {
+    // couldn't find argument
+    return null
+  }
+}
+
+const read1name = function (TokeniseResult, k) {
+  // read an environemt name FOO in
+  // \newenvironment{FOO}...
+  const Tokens = TokeniseResult.tokens
+  const text = TokeniseResult.text
+
+  const open = Tokens[k + 1]
+  const delimiter = Tokens[k + 2]
+  const close = Tokens[k + 3]
+
+  if (
+    open &&
+    open[1] === '{' &&
+    delimiter &&
+    delimiter[1] === 'Text' &&
+    close &&
+    close[1] === '}'
+  ) {
+    // let delimiterName = text.substring(delimiter[2], delimiter[3])
+    return k + 3
+  } else if (open && open[1] === '{' && delimiter && delimiter[1] === 'Text') {
+    // handle names like FOO_BAR
+    let delimiterName = ''
+    let j, tok
+    for (j = k + 2; (tok = Tokens[j]); j++) {
+      if (tok[1] === 'Text') {
+        const str = text.substring(tok[2], tok[3])
+        if (!str.match(/^\S*$/)) {
+          break
+        }
+        delimiterName = delimiterName + str
+      } else if (tok[1] === '_') {
+        delimiterName = delimiterName + '_'
+      } else {
+        break
+      }
+    }
+    if (tok && tok[1] === '}') {
+      return j // advance past these tokens
+    } else {
+      return null
+    }
+  } else {
+    // couldn't find environment name
+    return null
+  }
+}
+
+const read1filename = function (TokeniseResult, k) {
+  // read an filename foo_bar.tex
+  const Tokens = TokeniseResult.tokens
+  const text = TokeniseResult.text
+
+  let fileName = ''
+  let j, tok
+  for (j = k + 1; (tok = Tokens[j]); j++) {
+    if (tok[1] === 'Text') {
+      const str = text.substring(tok[2], tok[3])
+      if (!str.match(/^\S*$/)) {
+        break
+      }
+      fileName = fileName + str
+    } else if (tok[1] === '_') {
+      fileName = fileName + '_'
+    } else {
+      break
+    }
+  }
+  if (fileName.length > 0) {
+    return j // advance past these tokens
+  } else {
+    return null
+  }
+}
+
+const readOptionalArgumentWithUnderscores = function (TokeniseResult, k) {
+  // read a label my_label:text..
+  const Tokens = TokeniseResult.tokens
+  const text = TokeniseResult.text
+
+  const params = Tokens[k + 1]
+
+  // Quick check for arguments like [label]
+  if (params && params[1] === 'Text') {
+    const paramNum = text.substring(params[2], params[3])
+    if (paramNum.match(/^(\[[^\]]*\])*\s*$/)) {
+      return k + 1 // got it
+    }
+  }
+
+  let label = ''
+  let j, tok
+  for (j = k + 1; (tok = Tokens[j]); j++) {
+    if (tok[1] === '{') {
+      // unclosed label
+      break
+    } else if (tok[1] === 'Text') {
+      const str = text.substring(tok[2], tok[3])
+      label = label + str
+      if (str.match(/\]/)) {
+        // breaking due to ]
+        j++
+        break
+      }
+    } else if (tok[1] === '_') {
+      label = label + tok[1]
+    } else {
+      break // breaking due to unrecognised token
+    }
+  }
+
+  if (label.length === 0) {
+    return null
+  } else if (label.length > 0 && /^\[[^\]]*\]\s*$/.test(label)) {
+    // make sure the label is of the form [label]
+    return j - 1 // advance past these tokens
+  } else {
+    // invalid label
+    const e = new Error('Invalid label')
+    e.pos = j + 1
+    return e
+  }
+}
+
+const readOptionalParams = function (TokeniseResult, k) {
+  // read an optional parameter [N] where N is a number, used
+  // for \newcommand{\foo}[2]... meaning 2 parameters
+  const Tokens = TokeniseResult.tokens
+  const text = TokeniseResult.text
+
+  const params = Tokens[k + 1]
+
+  // Quick check for arguments like [1][key=value,key=value]
+  if (params && params[1] === 'Text') {
+    const paramNum = text.substring(params[2], params[3])
+    if (paramNum.match(/^\[\d+\](\[[^\]]*\])*\s*$/)) {
+      return k + 1 // got it
+    }
+  }
+
+  // Skip over arbitrary arguments [xxx][yyy][\foo{zzz}]{... up to the first {..
+  let count = 0
+  let nextToken = Tokens[k + 1]
+  if (!nextToken) {
+    return null
+  }
+  const pos = nextToken[2]
+
+  for (let i = pos, end = text.length; i < end; i++) {
+    const char = text[i]
+    if (nextToken && i >= nextToken[2]) {
+      k++
+      nextToken = Tokens[k + 1]
+    }
+    if (char === '[') {
+      count++
+    }
+    if (char === ']') {
+      count--
+    }
+    if (count === 0 && char === '{') {
+      return k - 1
+    }
+    if (count > 0 && (char === '\r' || char === '\n')) {
+      return null
+    }
+  }
+
+  // can't find an optional parameter
+  return null
+}
+
+const readOptionalGeneric = function (TokeniseResult, k) {
+  // read an optional parameter [foo]
+  const Tokens = TokeniseResult.tokens
+  const text = TokeniseResult.text
+
+  const params = Tokens[k + 1]
+
+  if (params && params[1] === 'Text') {
+    const paramNum = text.substring(params[2], params[3])
+    if (paramNum.match(/^(\[[^\]]*\])+\s*$/)) {
+      return k + 1 // got it
+    }
+  }
+
+  // can't find an optional parameter
+  return null
+}
+
+const readOptionalDef = function (TokeniseResult, k) {
+  // skip over the optional arguments of a definition
+  // \def\foo#1.#2(#3){this is the macro #1 #2 #3}
+  // start looking at text immediately after \def command
+  const Tokens = TokeniseResult.tokens
+  const text = TokeniseResult.text
+
+  const defToken = Tokens[k]
+  const pos = defToken[3]
+
+  const openBrace = '{'
+  let nextToken = Tokens[k + 1]
+  for (let i = pos, end = text.length; i < end; i++) {
+    const char = text[i]
+    if (nextToken && i >= nextToken[2]) {
+      k++
+      nextToken = Tokens[k + 1]
+    }
+    if (char === openBrace) {
+      return k - 1
+    } // move back to the last token of the optional arguments
+    if (char === '\r' || char === '\n') {
+      return null
+    }
+  }
+
+  return null
+}
+
+const readDefinition = function (TokeniseResult, k) {
+  // read a definition as in
+  // \newcommand{\FOO}{DEFN}
+  // \newcommand{\FOO}   {DEF}  (optional whitespace)
+  // look ahead for argument, consuming whitespace
+  // the definition is read looking for balanced { } braces.
+  const Tokens = TokeniseResult.tokens
+  const text = TokeniseResult.text
+
+  k = k + 1
+  let count = 0
+  let nextToken = Tokens[k]
+  while (nextToken && nextToken[1] === 'Text') {
+    const start = nextToken[2]
+    const end = nextToken[3]
+    for (let i = start; i < end; i++) {
+      const char = text[i]
+      if (char === ' ' || char === '\t' || char === '\r' || char === '\n') {
+        continue
+      }
+      return null // bail out, should begin with a {
+    }
+    k++
+    nextToken = Tokens[k]
+  }
+
+  // Now we're at the start of the actual argument
+  if (nextToken && nextToken[1] === '{') {
+    count++
+    // use simple bracket matching { } to find where the
+    // argument ends
+    while (count > 0) {
+      k++
+      nextToken = Tokens[k]
+      if (!nextToken) {
+        break
+      }
+      if (nextToken[1] === '}') {
+        count--
+      }
+      if (nextToken[1] === '{') {
+        count++
+      }
+    }
+    return k
+  }
+
+  return null
+}
+
+const readVerb = function (TokeniseResult, k) {
+  // read a verbatim argument
+  // \verb@foo@
+  // \verb*@foo@
+  // where @ is any character except * for \verb
+  // foo is any sequence excluding end-of-line and the delimiter
+  // a space does work for @, contrary to latex documentation
+
+  // Note: this is only an approximation, because we have already
+  // tokenised the input stream, and we should really do that taking
+  // into account the effect of verb.  For example \verb|%| will get
+  // confused because % is then a character.
+
+  const Tokens = TokeniseResult.tokens
+  const text = TokeniseResult.text
+
+  const verbToken = Tokens[k]
+  // const verbStr = text.substring(verbToken[2], verbToken[3])
+
+  // start looking at text immediately after \verb command
+  let pos = verbToken[3]
+  if (text[pos] === '*') {
+    pos++
+  } // \verb* form of command
+  const delimiter = text[pos]
+  pos++
+
+  let nextToken = Tokens[k + 1]
+  for (let i = pos, end = text.length; i < end; i++) {
+    const char = text[i]
+    if (nextToken && i >= nextToken[2]) {
+      k++
+      nextToken = Tokens[k + 1]
+    }
+    if (char === delimiter) {
+      return k
+    }
+    if (char === '\r' || char === '\n') {
+      return null
+    }
+  }
+
+  return null
+}
+
+const readUrl = function (TokeniseResult, k, options) {
+  // read a url argument
+  // \url|https://example.com|
+  // \url{https://example.com}
+  // \href|https://example.com|
+  // \href{https://example.com}
+
+  // Note: this is only an approximation, because we have already
+  // tokenised the input stream, so anything after a comment
+  // character % on the current line will not be present in the
+  // input stream.
+
+  const Tokens = TokeniseResult.tokens
+  const text = TokeniseResult.text
+
+  // Tokens[k] is the href or url control sequence
+
+  if (!Tokens[k + 1]) {
+    return null
+  }
+
+  let pos = Tokens[k + 1][2]
+  let openDelimiter = '{'
+  let closeDelimiter = '}'
+
+  if (options && options.allowCustomDelimiter) {
+    openDelimiter = text[pos]
+    closeDelimiter = openDelimiter === '{' ? '}' : openDelimiter
+  } else if (text[pos] !== openDelimiter) {
+    return null
+  }
+
+  // Was the delimiter a token? if so, advance token index
+  let nextToken = Tokens[k + 1]
+  if (nextToken && pos === nextToken[2]) {
+    k++
+    nextToken = Tokens[k + 1]
+  }
+
+  // Now start looking at the enclosed text
+  pos++
+
+  let count = 1
+  for (let i = pos, end = text.length; count > 0 && i < end; i++) {
+    const char = text[i]
+    if (nextToken && i >= nextToken[2]) {
+      k++
+      nextToken = Tokens[k + 1]
+    }
+    if (char === closeDelimiter) {
+      count--
+    } else if (char === openDelimiter) {
+      count++
+    }
+    if (count === 0) {
+      return k
+    }
+    if (char === '\r' || char === '\n') {
+      return null
+    }
+  }
+
+  return null
+}
+
+const InterpretTokens = function (TokeniseResult, ErrorReporter) {
+  const Tokens = TokeniseResult.tokens
+  // var linePosition = TokeniseResult.linePosition
+  // var lineNumber = TokeniseResult.lineNumber
+  const text = TokeniseResult.text
+
+  const TokenErrorFromTo = ErrorReporter.TokenErrorFromTo
+  const TokenError = ErrorReporter.TokenError
+  const Environments = new EnvHandler(TokeniseResult, ErrorReporter)
+
+  let nextGroupMathMode = null // if the next group should have
+  // math mode on(=true) or
+  // off(=false) (for \hbox), or
+  // unknown(=undefined) or inherit
+  // the current math mode from the
+  // parent environment(=null)
+  const nextGroupMathModeStack = [] // tracking all nextGroupMathModes
+  let seenUserDefinedBeginEquation = false // if we have seen macros like \beq
+  let seenUserDefinedEndEquation = false // if we have seen macros like \eeq
+  let seenInfiniteLoop = false // if we have seen an infinite loop in the linter
+
+  // Iterate over the tokens, looking for environments to match
+  //
+  // Push environment command found (\begin, \end) onto the
+  // Environments array.
+
+  for (let i = 0, len = Tokens.length, lastPos = -1; i < len; i++) {
+    const token = Tokens[i]
+    // const line = token[0]
+    const type = token[1]
+    // const start = token[2]
+    // const end = token[3]
+    const seq = token[4]
+    if (i > lastPos) {
+      // advanced successfully through the tokens
+      lastPos = i
+    } else {
+      // we're not moving forward, so force the parsing to advance
+      if (!seenInfiniteLoop)
+        console.error('infinite loop in linter detected', lastPos, i, token)
+      lastPos = lastPos + 1
+      i = lastPos + 1
+      seenInfiniteLoop = true
+      if (i >= len) {
+        break
+      }
+    }
+    if (type === '{') {
+      // handle open group as a type of environment
+      Environments.push({
+        command: '{',
+        token,
+        mathMode: nextGroupMathMode,
+      })
+      // if previously encountered a macro with a known or
+      // unknow math mode set that, and put it on a stack to be
+      // used for subsequent arguments \foo{...}{...}{...}
+      nextGroupMathModeStack.push(nextGroupMathMode)
+      nextGroupMathMode = null
+      continue
+    } else if (type === '}') {
+      // handle close group as a type of environment
+      Environments.push({ command: '}', token })
+      // retrieve the math mode of the current macro (if any)
+      // for subsequent arguments
+      nextGroupMathMode = nextGroupMathModeStack.pop()
+      continue
+    } else {
+      // we aren't opening or closing a group, so reset the
+      // nextGroupMathMode - the next group will not be in math
+      // mode or undefined unless otherwise specified below
+      nextGroupMathMode = null
+    }
+
+    if (type === '\\') {
+      // Interpret each control sequence
+      if (seq === 'begin' || seq === 'end') {
+        // We've got a begin or end, now look ahead at the
+        // next three tokens which should be "{" "ENVNAME" "}"
+        const open = Tokens[i + 1]
+        const delimiter = Tokens[i + 2]
+        const close = Tokens[i + 3]
+        if (
+          open &&
+          open[1] === '{' &&
+          delimiter &&
+          delimiter[1] === 'Text' &&
+          close &&
+          close[1] === '}'
+        ) {
+          // We've got a valid environment command, push it onto the array.
+          const delimiterName = text.substring(delimiter[2], delimiter[3])
+          Environments.push({
+            command: seq,
+            name: delimiterName,
+            token,
+            closeToken: close,
+          })
+          i = i + 3 // advance past these tokens
+        } else {
+          // Check for an environment command like \begin{new_major_theorem}
+          if (open && open[1] === '{' && delimiter && delimiter[1] === 'Text') {
+            let delimiterName = ''
+            let j, tok
+            for (j = i + 2; (tok = Tokens[j]); j++) {
+              if (tok[1] === 'Text') {
+                const str = text.substring(tok[2], tok[3])
+                if (!str.match(/^\S*$/)) {
+                  break
+                }
+                delimiterName = delimiterName + str
+              } else if (tok[1] === '_') {
+                delimiterName = delimiterName + '_'
+              } else {
+                break
+              }
+            }
+            if (tok && tok[1] === '}') {
+              Environments.push({
+                command: seq,
+                name: delimiterName,
+                token,
+                closeToken: close,
+              })
+              i = j // advance past these tokens
+              continue
+            }
+          }
+
+          // We're looking at an invalid environment command, read as far as we can in the sequence
+          // "{" "CHAR" "CHAR" "CHAR" ... to report an error for as much of the command as we can,
+          // bail out when we hit a space/newline.
+          let endToken = null
+          if (open && open[1] === '{') {
+            endToken = open // we've got a {
+            if (delimiter && delimiter[1] === 'Text') {
+              endToken = delimiter.slice() // we've got some text following the {
+              const start = endToken[2]
+              const end = endToken[3]
+              let j
+              for (j = start; j < end; j++) {
+                const char = text[j]
+                if (
+                  char === ' ' ||
+                  char === '\t' ||
+                  char === '\r' ||
+                  char === '\n'
+                ) {
+                  break
+                }
+              }
+              endToken[3] = j // the end of partial token is as far as we got looking ahead
+            }
+          }
+
+          if (endToken) {
+            TokenErrorFromTo(
+              token,
+              endToken,
+              'invalid environment command ' +
+                text.substring(token[2], endToken[3] || endToken[2])
+            )
+          } else {
+            TokenError(token, 'invalid environment command')
+          }
+        }
+      } else if (typeof seq === 'string' && seq.match(/^(be|beq|beqa|bea)$/i)) {
+        // Environments.push({command: "begin", name: "user-defined-equation", token: token});
+        seenUserDefinedBeginEquation = true
+      } else if (
+        typeof seq === 'string' &&
+        seq.match(/^(ee|eeq|eeqn|eeqa|eeqan|eea)$/i)
+      ) {
+        // Environments.push({command: "end", name: "user-defined-equation", token: token});
+        seenUserDefinedEndEquation = true
+      } else if (seq === 'documentclass') {
+        // try to read any optional params [LABEL].... allowing for
+        // underscores, advance if found
+        let newPos = readOptionalArgumentWithUnderscores(TokeniseResult, i)
+        if (newPos instanceof Error) {
+          TokenErrorFromTo(
+            Tokens[i + 1],
+            Tokens[Math.min(newPos.pos, len - 1)],
+            'invalid documentclass option'
+          )
+          i = newPos.pos
+        } else if (newPos == null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+        // Read parameter {....}, ignore if missing
+        newPos = readDefinition(TokeniseResult, i)
+        if (newPos === null) {
+          // NOTE: We could choose to throw an error here, as the argument is
+          // required. However, that would show errors as you are typing. So
+          // maybe it's better to be lenient.
+        } else {
+          i = newPos
+        }
+      } else if (
+        seq === 'newcommand' ||
+        seq === 'renewcommand' ||
+        seq === 'DeclareRobustCommand'
+      ) {
+        // Parse command definitions in a limited way, to
+        // avoid falsely reporting errors from unmatched
+        // environments in the command definition
+        //
+        // e.g. \newcommand{\foo}{\begin{equation}} is valid
+        // and should not trigger an "unmatch environment"
+        // error
+
+        // try to read first arg \newcommand{\foo}...., advance if found
+        // and otherwise bail out
+        let newPos = read1arg(TokeniseResult, i, { allowStar: true })
+        if (newPos === null) {
+          continue
+        } else {
+          i = newPos
+        }
+
+        // try to read any optional params [BAR]...., advance if found
+        newPos = readOptionalParams(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+
+        // try to read command defintion {....}, advance if found
+        newPos = readDefinition(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+      } else if (seq === 'def') {
+        // try to read first arg \def\foo...., advance if found
+        // and otherwise bail out
+        let newPos = read1arg(TokeniseResult, i)
+        if (newPos === null) {
+          continue
+        } else {
+          i = newPos
+        }
+
+        // try to read any optional params [BAR]...., advance if found
+        newPos = readOptionalDef(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+
+        // try to read command defintion {....}, advance if found
+        newPos = readDefinition(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+      } else if (seq === 'let') {
+        // Parse any \let commands  can be
+        // \let\foo\bar
+        // \let\foo=\bar
+        // \let\foo=TOKEN
+        const newPos = readLetDefinition(TokeniseResult, i)
+        if (newPos === null) {
+          continue
+        } else {
+          i = newPos
+        }
+      } else if (seq === 'newcolumntype') {
+        // try to read first arg \newcolumntype{T}...., advance if found
+        // and otherwise bail out
+        let newPos = read1name(TokeniseResult, i)
+        if (newPos === null) {
+          continue
+        } else {
+          i = newPos
+        }
+
+        // try to read any optional params [BAR]...., advance if found
+        newPos = readOptionalParams(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+
+        // try to read command defintion {....}, advance if found
+        newPos = readDefinition(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+      } else if (seq === 'newenvironment' || seq === 'renewenvironment') {
+        // Parse environment definitions in a limited way too
+        // \newenvironment{name}[3]{open}{close}
+
+        // try to read first arg \newcommand{\foo}...., advance if found
+        // and otherwise bail out
+        let newPos = read1name(TokeniseResult, i)
+        if (newPos === null) {
+          continue
+        } else {
+          i = newPos
+        }
+
+        // try to read any optional params [BAR]...., advance if found
+        newPos = readOptionalParams(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+
+        // try to read open defintion {....}, advance if found
+        newPos = readDefinition(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+
+        // try to read close defintion {....}, advance if found
+        newPos = readDefinition(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+      } else if (seq === 'verb') {
+        // \verb|....|  where | = any char
+        const newPos = readVerb(TokeniseResult, i)
+        if (newPos === null) {
+          TokenError(token, 'invalid verbatim command')
+        } else {
+          i = newPos
+        }
+      } else if (seq === 'url' || seq === 'href') {
+        // \url{...} or \url|....|  where | = any char
+        // \href{...} or \href|....|  where | = any char
+        // href has a second argument, which is the text to show for the url.
+        // We leave that alone here, since it can contain math mode, which we
+        // want to parse with the rest of the machinery.
+        const newPos = readUrl(TokeniseResult, i, {
+          allowCustomDelimiter: seq === 'url',
+        })
+        if (newPos === null) {
+          TokenError(token, `invalid ${seq} command`)
+        } else {
+          i = newPos
+        }
+      } else if (seq === 'left' || seq === 'right') {
+        // \left( and \right)
+        const nextToken = Tokens[i + 1]
+        let char = ''
+        if (nextToken && nextToken[1] === 'Text') {
+          char = text.substring(nextToken[2], nextToken[2] + 1)
+        } else if (
+          nextToken &&
+          nextToken[1] === '\\' &&
+          nextToken[5] === 'control-symbol'
+        ) {
+          // control symbol
+          char = nextToken[4]
+        } else if (nextToken && nextToken[1] === '\\') {
+          char = 'unknown'
+        }
+        if (
+          char === '' ||
+          (char !== 'unknown' && '(){}[]<>/|\\.'.indexOf(char) === -1)
+        ) {
+          // unrecognized bracket  - list of allowed delimiters from TeX By Topic (38.3.2 Delimiter codes)
+          TokenError(token, 'invalid bracket command')
+        } else {
+          i = i + 1
+          Environments.push({ command: seq, token })
+        }
+      } else if (seq === '(' || seq === ')' || seq === '[' || seq === ']') {
+        Environments.push({ command: seq, token })
+      } else if (seq === 'input') {
+        // skip over filenames, may contain _
+        const newPos = read1filename(TokeniseResult, i)
+        if (newPos === null) {
+          continue
+        } else {
+          i = newPos
+        }
+      } else if (
+        seq === 'hbox' ||
+        seq === 'text' ||
+        seq === 'mbox' ||
+        seq === 'footnote' ||
+        seq === 'intertext' ||
+        seq === 'shortintertext' ||
+        seq === 'textnormal' ||
+        seq === 'tag' ||
+        seq === 'reflectbox' ||
+        seq === 'textrm'
+      ) {
+        // next group will be in text mode regardless
+        nextGroupMathMode = false
+      } else if (seq === 'tikz') {
+        // try to read any optional params [BAR]...., advance if found
+        const newPos = readOptionalGeneric(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+        nextGroupMathMode = false
+      } else if (
+        seq === 'rotatebox' ||
+        seq === 'scalebox' ||
+        seq === 'feynmandiagram'
+      ) {
+        // try to read any optional params [BAR]...., advance if found
+        let newPos = readOptionalGeneric(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+        // try to read parameter {....}, advance if found
+        newPos = readDefinition(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+        nextGroupMathMode = false
+      } else if (seq === 'hyperref') {
+        // try to read any optional params [LABEL].... allowing for
+        // underscores, advance if found
+        let newPos = readOptionalArgumentWithUnderscores(TokeniseResult, i)
+        if (newPos instanceof Error) {
+          TokenErrorFromTo(
+            Tokens[i + 1],
+            Tokens[Math.min(newPos.pos, len - 1)],
+            'invalid hyperref label'
+          )
+          i = newPos.pos
+        } else if (newPos == null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+        // try to read parameter {....}, advance if found
+        newPos = readDefinition(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+        nextGroupMathMode = false
+      } else if (seq === 'resizebox') {
+        // try to read any optional params [BAR]...., advance if found
+        let newPos = readOptionalGeneric(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+        // try to read width parameter {....}, advance if found
+        newPos = readDefinition(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+        // try to read height parameter {....}, advance if found
+        newPos = readDefinition(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+
+        nextGroupMathMode = false
+      } else if (seq === 'DeclareMathOperator') {
+        // try to read first arg {....}, advance if found
+        let newPos = readDefinition(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+
+        // try to read second arg {....}, advance if found
+        newPos = readDefinition(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+      } else if (seq === 'DeclarePairedDelimiter') {
+        // try to read first arg {....}, advance if found
+        let newPos = readDefinition(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+
+        // try to read second arg {....}, advance if found
+        newPos = readDefinition(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+
+        // try to read third arg {....}, advance if found
+        newPos = readDefinition(TokeniseResult, i)
+        if (newPos === null) {
+          /* do nothing */
+        } else {
+          i = newPos
+        }
+      } else if (
+        typeof seq === 'string' &&
+        seq.match(
+          /^(alpha|beta|gamma|delta|epsilon|varepsilon|zeta|eta|theta|vartheta|iota|kappa|lambda|mu|nu|xi|pi|varpi|rho|varrho|sigma|varsigma|tau|upsilon|phi|varphi|chi|psi|omega|Gamma|Delta|Theta|Lambda|Xi|Pi|Sigma|Upsilon|Phi|Psi|Omega)$/
+        )
+      ) {
+        const currentMathMode = Environments.getMathMode() // returns null / $(inline) / $$(display)
+        if (currentMathMode === null) {
+          TokenError(token, type + seq + ' must be inside math mode', {
+            mathMode: true,
+          })
+        }
+      } else if (
+        typeof seq === 'string' &&
+        seq.match(/^(chapter|section|subsection|subsubsection)$/)
+      ) {
+        const currentMathMode = Environments.getMathMode() // returns null / $(inline) / $$(display)
+        if (currentMathMode) {
+          TokenError(token, type + seq + ' used inside math mode', {
+            mathMode: true,
+          })
+          Environments.resetMathMode()
+        }
+      } else if (typeof seq === 'string' && seq.match(/^[a-z]+$/)) {
+        // if we see an unknown command \foo{...}{...} put the
+        // math mode for the next group into the 'undefined'
+        // state, because we do not know what math mode an
+        // arbitrary macro will use for its arguments.  In the
+        // math mode 'undefined' state we don't report errors
+        // when we encounter math or text commands.
+        nextGroupMathMode = undefined
+      }
+    } else if (type === '$') {
+      const lookAhead = Tokens[i + 1]
+      const nextIsDollar = lookAhead && lookAhead[1] === '$'
+      const currentMathMode = Environments.getMathMode() // returns null / $(inline) / $$(display)
+      // If we have a $$ and we're not in displayMath, we go into that
+      // If we have a $$ and with not in math mode at all, we got into displayMath
+      if (
+        nextIsDollar &&
+        (!currentMathMode || currentMathMode.command === '$$')
+      ) {
+        let delimiterToken
+        if (currentMathMode && currentMathMode.command === '$$') {
+          // Use last $ as token if it's the end of math mode, so that we capture all content, including both $s
+          delimiterToken = lookAhead
+        } else {
+          delimiterToken = token
+        }
+        Environments.push({ command: '$$', token: delimiterToken })
+        i = i + 1
+      } else {
+        Environments.push({ command: '$', token })
+      }
+    } else if (type === '^' || type === '_') {
+      // check for mathmode ASSUMING environments are correct
+      // if they aren't we'll catch it below
+      // we can maybe set a flag here for math mode state?
+      const currentMathMode = Environments.getMathMode() // returns null / $(inline) / $$(display)
+      // need to exclude cases like \cite{foo_bar} so ignore everything inside {...}
+      const insideGroup = Environments.insideGroup() // true if inside {....}
+      if (currentMathMode === null && !insideGroup) {
+        TokenError(token, type + ' must be inside math mode', {
+          mathMode: true,
+        })
+      }
+    }
+  }
+
+  if (seenUserDefinedBeginEquation && seenUserDefinedEndEquation) {
+    // there are commands like \beq or \eeq which are typically
+    // shortcuts for \begin{equation} and \end{equation}, so
+    // disable math errors
+    ErrorReporter.filterMath = true
+  }
+
+  return Environments
+}
+
+const DocumentTree = function (TokeniseResult) {
+  // Each environment and scope becomes and an entry in the tree, and can have
+  // child entries, e.g. an 'array' inside an 'equation' inside a 'document' environment.
+  // Entries can have multiple adjacent children.
+  const tree = {
+    children: [],
+  }
+  // The stack is just for easily moving up and down the tree. Popping off the stack
+  // moves us back up the context of the current environment.
+  const stack = [tree]
+
+  this.openEnv = function (startDelimiter) {
+    const currentNode = this.getCurrentNode()
+    const newNode = {
+      startDelimiter,
+      children: [],
+    }
+    currentNode.children.push(newNode)
+    stack.push(newNode)
+  }
+
+  this.closeEnv = function (endDelimiter) {
+    if (stack.length === 1) {
+      // Can't close root element
+      return null
+    }
+    const currentNode = stack.pop()
+    currentNode.endDelimiter = endDelimiter
+    return currentNode.startDelimiter
+  }
+
+  this.getNthPreviousNode = function (n) {
+    const offset = stack.length - n - 1
+    if (offset < 0) return null
+    return stack[offset]
+  }
+
+  this.getCurrentNode = function () {
+    return this.getNthPreviousNode(0)
+  }
+
+  this.getCurrentDelimiter = function () {
+    return this.getCurrentNode().startDelimiter
+  }
+
+  this.getPreviousDelimiter = function () {
+    const node = this.getNthPreviousNode(1)
+    if (!node) return null
+    return node.startDelimiter
+  }
+
+  this.getDepth = function () {
+    return stack.length - 1 // Root node doesn't count
+  }
+
+  this.getContexts = function () {
+    const linePosition = TokeniseResult.linePosition
+
+    function tokenToRange(token) {
+      const line = token[0]
+      const start = token[2]
+      let end = token[3]
+      const startCol = start - linePosition[line]
+      if (!end) {
+        end = start + 1
+      }
+      const endCol = end - linePosition[line]
+      return {
+        start: {
+          row: line,
+          column: startCol,
+        },
+        end: {
+          row: line,
+          column: endCol,
+        },
+      }
+    }
+
+    function getContextsFromNode(node) {
+      if (node.startDelimiter && node.startDelimiter.mathMode) {
+        const context = {
+          type: 'math',
+          range: {
+            start: tokenToRange(node.startDelimiter.token).start,
+          },
+        }
+        if (node.endDelimiter) {
+          const closeToken =
+            node.endDelimiter.closeToken || node.endDelimiter.token
+          context.range.end = tokenToRange(closeToken).end
+        }
+        return [context]
+      } else {
+        let contexts = []
+        for (let i = 0; i < node.children.length; i++) {
+          const child = node.children[i]
+          contexts = contexts.concat(getContextsFromNode(child))
+        }
+        return contexts
+      }
+    }
+
+    return getContextsFromNode(tree)
+  }
+}
+
+const EnvHandler = function (TokeniseResult, ErrorReporter) {
+  // Loop through the Environments array keeping track of the state,
+  // pushing and popping environments onto the state[] array for each
+  // \begin and \end command
+  const ErrorTo = ErrorReporter.EnvErrorTo
+  const ErrorFromTo = ErrorReporter.EnvErrorFromTo
+  const ErrorFrom = ErrorReporter.EnvErrorFrom
+
+  const delimiters = []
+
+  const document = new DocumentTree(TokeniseResult)
+  let documentClosed = null
+  let inVerbatim = false
+  const verbatimRanges = []
+
+  this.getDocument = function () {
+    return document
+  }
+
+  this.push = function (newDelimiter) {
+    this.setDelimiterProps(newDelimiter)
+    this.checkAndUpdateState(newDelimiter)
+    delimiters.push(newDelimiter)
+  }
+
+  this._endVerbatim = function (thisDelimiter) {
+    const lastDelimiter = document.getCurrentDelimiter()
+    if (lastDelimiter && lastDelimiter.name === thisDelimiter.name) {
+      // closed verbatim environment correctly
+      inVerbatim = false
+      document.closeEnv(thisDelimiter)
+      // keep track of all the verbatim ranges to filter out errors
+      verbatimRanges.push({
+        start: lastDelimiter.token[2],
+        end: thisDelimiter.token[2],
+      })
+    }
+  }
+
+  const invalidEnvs = []
+
+  this._end = function (thisDelimiter) {
+    // check if environment or group is closed correctly
+    let retry
+    do {
+      retry = false
+      const lastDelimiter = document.getCurrentDelimiter()
+      let i
+
+      if (closedBy(lastDelimiter, thisDelimiter)) {
+        // closed correctly
+        document.closeEnv(thisDelimiter)
+        if (
+          thisDelimiter.command === 'end' &&
+          thisDelimiter.name === 'document' &&
+          !documentClosed
+        ) {
+          documentClosed = thisDelimiter
+        }
+        return
+      } else if (!lastDelimiter) {
+        // unexpected close, nothing was open!
+        if (documentClosed) {
+          ErrorFromTo(
+            documentClosed,
+            thisDelimiter,
+            '\\end{' +
+              documentClosed.name +
+              '} is followed by unexpected content',
+            { errorAtStart: true, type: 'info' }
+          )
+        } else {
+          ErrorTo(thisDelimiter, 'unexpected ' + getName(thisDelimiter))
+        }
+      } else if (
+        invalidEnvs.length > 0 &&
+        (i = indexOfClosingEnvInArray(invalidEnvs, thisDelimiter) > -1)
+      ) {
+        // got a match on an invalid env, so try to continue
+        invalidEnvs.splice(i, 1)
+        return
+      } else {
+        reportError(lastDelimiter, thisDelimiter)
+        if (
+          delimiterPrecedence(lastDelimiter) <
+          delimiterPrecedence(thisDelimiter)
+        ) {
+          // discard the lastDelimiter then retry the match for thisDelimiter
+          document.closeEnv()
+          invalidEnvs.push(lastDelimiter)
+          retry = true
+        } else {
+          // tried to close a different environment for the one that is open
+          // Apply some heuristics to try to minimise cascading errors
+          //
+          // Consider cases of
+          // 1) Extra \end:      \begin{A}  \end{B}  \end{A}
+          // 2) Extra \begin:    \begin{A}  \begin{B} \end{A}
+          //
+          // Case (2) try looking back to the previous \begin,
+          // if it gives a valid match, take it!
+          const prevDelimiter = document.getPreviousDelimiter()
+          if (prevDelimiter) {
+            if (thisDelimiter.name === prevDelimiter.name) {
+              //  got a match on the previous environment
+              document.closeEnv() // Close current env
+              document.closeEnv(thisDelimiter) // Close previous env
+              return
+            }
+          }
+          // No match so put lastDelimiter back on a list of valid
+          // environments that we might be able to match on
+          // further errors
+          invalidEnvs.push(lastDelimiter)
+        }
+      }
+    } while (retry === true)
+  }
+
+  const CLOSING_DELIMITER = {
+    '{': '}',
+    left: 'right',
+    '[': ']',
+    '(': ')',
+    $: '$',
+    $$: '$$',
+  }
+
+  const closedBy = function (lastDelimiter, thisDelimiter) {
+    if (!lastDelimiter) {
+      return false
+    } else if (thisDelimiter.command === 'end') {
+      return (
+        lastDelimiter.command === 'begin' &&
+        lastDelimiter.name === thisDelimiter.name
+      )
+    } else if (
+      thisDelimiter.command === CLOSING_DELIMITER[lastDelimiter.command]
+    ) {
+      return true
+    } else {
+      return false
+    }
+  }
+
+  const indexOfClosingEnvInArray = function (delimiters, thisDelimiter) {
+    for (let i = 0, n = delimiters.length; i < n; i++) {
+      if (closedBy(delimiters[i], thisDelimiter)) {
+        return i
+      }
+    }
+    return -1
+  }
+
+  const delimiterPrecedence = function (delimiter) {
+    const openScore = {
+      '{': 1,
+      left: 2,
+      $: 3,
+      $$: 4,
+      begin: 4,
+    }
+    const closeScore = {
+      '}': 1,
+      right: 2,
+      $: 3,
+      $$: 5,
+      end: 4,
+    }
+    if (delimiter.command) {
+      return openScore[delimiter.command] || closeScore[delimiter.command]
+    } else {
+      return 0
+    }
+  }
+
+  const getName = function (delimiter) {
+    const description = {
+      '{': 'open group {',
+      '}': 'close group }',
+      '[': 'open display math \\[',
+      ']': 'close display math \\]',
+      '(': 'open inline math \\(',
+      ')': 'close inline math \\)',
+      $: '$',
+      $$: '$$',
+      left: '\\left',
+      right: '\\right',
+    }
+    if (delimiter.command === 'begin' || delimiter.command === 'end') {
+      return '\\' + delimiter.command + '{' + delimiter.name + '}'
+    } else if (delimiter.command in description) {
+      return description[delimiter.command]
+    } else {
+      return delimiter.command
+    }
+  }
+
+  const EXTRA_CLOSE = 1
+  const UNCLOSED_GROUP = 2
+  const UNCLOSED_ENV = 3
+
+  const reportError = function (lastDelimiter, thisDelimiter) {
+    if (!lastDelimiter) {
+      // unexpected close, nothing was open!
+      if (documentClosed) {
+        ErrorFromTo(
+          documentClosed,
+          thisDelimiter,
+          '\\end{' +
+            documentClosed.name +
+            '} is followed by unexpected end group }',
+          { errorAtStart: true, type: 'info' }
+        )
+      } else {
+        ErrorTo(thisDelimiter, 'unexpected ' + getName(thisDelimiter))
+      }
+      return EXTRA_CLOSE
+    } else if (
+      lastDelimiter.command === '{' &&
+      thisDelimiter.command === 'end'
+    ) {
+      ErrorFromTo(
+        lastDelimiter,
+        thisDelimiter,
+        'unclosed ' +
+          getName(lastDelimiter) +
+          ' found at ' +
+          getName(thisDelimiter),
+        { suppressIfEditing: true, errorAtStart: true, type: 'warning' }
+      )
+      // discard the open group by not pushing it back on the stack
+      return UNCLOSED_GROUP
+    } else {
+      ErrorFromTo(
+        lastDelimiter,
+        thisDelimiter,
+        'unclosed ' +
+          getName(lastDelimiter) +
+          ' found at ' +
+          getName(thisDelimiter),
+        { suppressIfEditing: true, errorAtStart: true }
+      )
+      ErrorFromTo(
+        lastDelimiter,
+        thisDelimiter,
+        'unexpected ' +
+          getName(thisDelimiter) +
+          ' after ' +
+          getName(lastDelimiter)
+      )
+      return UNCLOSED_ENV
+    }
+  }
+
+  this._beginMathMode = function (thisDelimiter) {
+    // start a new math environment
+    const currentMathMode = this.getMathMode() // undefined, null, $, $$, name of mathmode env
+    if (currentMathMode) {
+      ErrorFrom(
+        thisDelimiter,
+        getName(thisDelimiter) +
+          ' used inside existing math mode ' +
+          getName(currentMathMode),
+        { suppressIfEditing: true, errorAtStart: true, mathMode: true }
+      )
+    }
+    thisDelimiter.mathMode = thisDelimiter
+    document.openEnv(thisDelimiter)
+  }
+
+  this._toggleMathMode = function (thisDelimiter) {
+    // math environments use the same for begin and end.
+    const lastDelimiter = document.getCurrentDelimiter()
+    if (closedBy(lastDelimiter, thisDelimiter)) {
+      // closed math environment correctly
+      document.closeEnv(thisDelimiter)
+    } else {
+      if (lastDelimiter && lastDelimiter.mathMode) {
+        // already in math mode
+        this._end(thisDelimiter)
+      } else {
+        // start a new math environment
+        thisDelimiter.mathMode = thisDelimiter
+        document.openEnv(thisDelimiter)
+      }
+    }
+  }
+
+  this.getMathMode = function () {
+    // return the current mathmode.
+    // the mathmode is an object, it is the environment that opened the math mode
+    const currentDelimiter = document.getCurrentDelimiter()
+    if (currentDelimiter) {
+      return currentDelimiter.mathMode
+    } else {
+      return null
+    }
+  }
+
+  this.insideGroup = function () {
+    const currentDelimiter = document.getCurrentDelimiter()
+    if (currentDelimiter) {
+      return currentDelimiter.command === '{'
+    } else {
+      return null
+    }
+  }
+
+  const resetMathMode = function () {
+    // Wind back the current environment stack removing everything
+    // from the start of the current math mode
+    const currentDelimiter = document.getCurrentDelimiter()
+    if (currentDelimiter) {
+      const lastMathMode = currentDelimiter.mathMode
+      let lastDelimiter
+      do {
+        lastDelimiter = document.closeEnv()
+      } while (lastDelimiter && lastDelimiter !== lastMathMode)
+    } else {
+      // return
+    }
+  }
+
+  this.resetMathMode = resetMathMode
+
+  const getNewMathMode = function (currentMathMode, thisDelimiter) {
+    // look at math mode and transitions
+    //
+    // We have several cases
+    //
+    // 1. environments that can only be used outside math mode (document, quote, etc)
+    // 2. environments that can only be used inside math mode (array)
+    // 3. environments that start math mode (equation)
+    // 4. environments that are unknown (new_theorem)
+    let newMathMode = null
+
+    if (thisDelimiter.command === '{') {
+      if (thisDelimiter.mathMode !== null) {
+        // the group is a special one with a definite mathmode e.g. \hbox
+        newMathMode = thisDelimiter.mathMode
+      } else {
+        newMathMode = currentMathMode
+      }
+    } else if (thisDelimiter.command === 'left') {
+      if (currentMathMode === null) {
+        ErrorFrom(thisDelimiter, '\\left can only be used in math mode', {
+          mathMode: true,
+        })
+      }
+      newMathMode = currentMathMode
+    } else if (thisDelimiter.command === 'begin') {
+      const name = thisDelimiter.name
+      if (name) {
+        if (
+          name.match(
+            /^(document|figure|center|enumerate|itemize|table|abstract|proof|lemma|theorem|definition|proposition|corollary|remark|notation|thebibliography)$/
+          )
+        ) {
+          // case 1, must be outside math mode
+          if (currentMathMode) {
+            ErrorFromTo(
+              currentMathMode,
+              thisDelimiter,
+              thisDelimiter.name + ' used inside ' + getName(currentMathMode),
+              { suppressIfEditing: true, errorAtStart: true, mathMode: true }
+            )
+            resetMathMode()
+          }
+          newMathMode = null
+        } else if (
+          name.match(/^(array|gathered|split|aligned|alignedat)\*?$/)
+        ) {
+          // case 2, must be inside math mode
+          if (currentMathMode === null) {
+            ErrorFrom(
+              thisDelimiter,
+              thisDelimiter.name + ' not inside math mode',
+              { mathMode: true }
+            )
+          }
+          newMathMode = currentMathMode
+        } else if (
+          name.match(
+            /^(math|displaymath|equation|eqnarray|multline|align|gather|flalign|alignat)\*?$/
+          )
+        ) {
+          // case 3, must be outside math mode but starts it
+          if (currentMathMode) {
+            ErrorFromTo(
+              currentMathMode,
+              thisDelimiter,
+              thisDelimiter.name + ' used inside ' + getName(currentMathMode),
+              { suppressIfEditing: true, errorAtStart: true, mathMode: true }
+            )
+            resetMathMode()
+          }
+          newMathMode = thisDelimiter
+        } else {
+          // case 4, unknown environments
+          newMathMode = undefined // undefined means we don't know if we are in math mode or not
+        }
+      }
+    }
+    return newMathMode
+  }
+
+  this.checkAndUpdateState = function (thisDelimiter) {
+    if (inVerbatim) {
+      if (thisDelimiter.command === 'end') {
+        this._endVerbatim(thisDelimiter)
+      } else {
+        // return // ignore anything in verbatim environments
+      }
+    } else if (
+      thisDelimiter.command === 'begin' ||
+      thisDelimiter.command === '{' ||
+      thisDelimiter.command === 'left'
+    ) {
+      if (thisDelimiter.verbatim) {
+        inVerbatim = true
+      }
+      // push new environment onto stack
+      const currentMathMode = this.getMathMode() // undefined, null, $, $$, name of mathmode env
+      const newMathMode = getNewMathMode(currentMathMode, thisDelimiter)
+      thisDelimiter.mathMode = newMathMode
+      document.openEnv(thisDelimiter)
+    } else if (thisDelimiter.command === 'end') {
+      this._end(thisDelimiter)
+    } else if (thisDelimiter.command === '(' || thisDelimiter.command === '[') {
+      this._beginMathMode(thisDelimiter)
+    } else if (thisDelimiter.command === ')' || thisDelimiter.command === ']') {
+      this._end(thisDelimiter)
+    } else if (thisDelimiter.command === '}') {
+      this._end(thisDelimiter)
+    } else if (thisDelimiter.command === 'right') {
+      this._end(thisDelimiter)
+    } else if (
+      thisDelimiter.command === '$' ||
+      thisDelimiter.command === '$$'
+    ) {
+      this._toggleMathMode(thisDelimiter)
+    }
+  }
+
+  this.close = function () {
+    // If there is anything left in the state at this point, there
+    // were unclosed environments or groups.
+    while (document.getDepth() > 0) {
+      const thisDelimiter = document.closeEnv()
+      if (thisDelimiter.command === '{') {
+        // Note that having an unclosed group does not stop
+        // compilation in TeX but we will highlight it as an error
+        ErrorFrom(thisDelimiter, 'unclosed group {', { type: 'warning' })
+      } else {
+        ErrorFrom(thisDelimiter, 'unclosed ' + getName(thisDelimiter))
+      }
+    }
+
+    // Filter out any token errors inside verbatim environments
+    const vlen = verbatimRanges.length
+    const len = ErrorReporter.tokenErrors.length
+    if (vlen > 0 && len > 0) {
+      for (let i = 0; i < len; i++) {
+        const tokenError = ErrorReporter.tokenErrors[i]
+        const startPos = tokenError.startPos
+        // const endPos = tokenError.endPos
+        for (let j = 0; j < vlen; j++) {
+          if (
+            startPos > verbatimRanges[j].start &&
+            startPos < verbatimRanges[j].end
+          ) {
+            tokenError.ignore = true
+            break
+          }
+        }
+      }
+    }
+  }
+
+  this.setDelimiterProps = function (delimiter) {
+    const name = delimiter.name
+    // flag any verbatim environments for special handling
+    if (
+      name &&
+      name.match(
+        /^(verbatim|boxedverbatim|lstlisting|minted|Verbatim|tcblisting)$/
+      )
+    ) {
+      delimiter.verbatim = true
+    }
+  }
+}
+
+// Error reporting functions for tokens and environments
+const ErrorReporter = function (TokeniseResult) {
+  // const text = TokeniseResult.text
+  const linePosition = TokeniseResult.linePosition
+  const lineNumber = TokeniseResult.lineNumber
+
+  const errors = []
+  const tokenErrors = []
+  this.errors = errors
+  this.tokenErrors = tokenErrors
+  this.filterMath = false
+
+  function pos(row, column) {
+    return linePosition[row] + column
+  }
+
+  this.getErrors = function () {
+    const returnedErrors = []
+    for (let i = 0, len = tokenErrors.length; i < len; i++) {
+      if (!tokenErrors[i].ignore) {
+        returnedErrors.push(tokenErrors[i])
+      }
+    }
+    const allErrors = returnedErrors.concat(errors)
+    const result = []
+
+    // Find the total number of math errors and bail out if there are too many
+    let mathErrorCount = 0
+    for (let i = 0, len = allErrors.length; i < len; i++) {
+      if (allErrors[i].mathMode) {
+        mathErrorCount++
+      }
+      if (mathErrorCount > 10) {
+        // too many math errors, bailing out
+        return []
+      }
+    }
+
+    // If the user had \beq and \eeq commands filter out any math
+    // errors as we cannot reliably track math-mode when there are
+    // user-defined environments which turn it on and off
+    if (this.filterMath && mathErrorCount > 0) {
+      for (let i = 0, len = allErrors.length; i < len; i++) {
+        if (!allErrors[i].mathMode) {
+          result.push(allErrors[i])
+        }
+      }
+      return result
+    } else {
+      return allErrors
+    }
+  }
+
+  // Report an error in a single token
+
+  this.TokenError = function (token, message, options) {
+    if (!options) {
+      options = { suppressIfEditing: true }
+    }
+    const line = token[0]
+    // const type = token[1]
+    const start = token[2]
+    let end = token[3]
+    const startCol = start - linePosition[line]
+    if (!end) {
+      end = start + 1
+    }
+    const endCol = end - linePosition[line]
+    tokenErrors.push({
+      row: line,
+      column: startCol,
+      start_row: line,
+      start_col: startCol,
+      end_row: line,
+      end_col: endCol,
+      type: 'error',
+      text: message,
+      pos: pos(line, startCol),
+      startPos: start,
+      endPos: end,
+      suppressIfEditing: options.suppressIfEditing,
+      mathMode: options.mathMode,
+    })
+  }
+
+  // Report an error over a range (from, to)
+
+  this.TokenErrorFromTo = function (fromToken, toToken, message, options) {
+    if (!options) {
+      options = { suppressIfEditing: true }
+    }
+    const fromLine = fromToken[0]
+    const fromStart = fromToken[2]
+    // const fromEnd = fromToken[3]
+    const toLine = toToken[0]
+    const toStart = toToken[2]
+    let toEnd = toToken[3]
+    if (!toEnd) {
+      toEnd = toStart + 1
+    }
+    const startCol = fromStart - linePosition[fromLine]
+    const endCol = toEnd - linePosition[toLine]
+
+    tokenErrors.push({
+      row: fromLine,
+      column: startCol,
+      start_row: fromLine,
+      start_col: startCol,
+      end_row: toLine,
+      end_col: endCol,
+      type: 'error',
+      text: message,
+      pos: pos(fromLine, startCol),
+      startPos: fromStart,
+      endPos: toEnd,
+      suppressIfEditing: options.suppressIfEditing,
+      mathMode: options.mathMode,
+    })
+  }
+
+  this.EnvErrorFromTo = function (fromEnv, toEnv, message, options) {
+    if (!options) {
+      options = {}
+    }
+    const fromToken = fromEnv.token
+    let toToken = toEnv.closeToken || toEnv.token
+    const fromLine = fromToken[0]
+    const fromStart = fromToken[2]
+    const fromEnd = (fromEnv.closeToken || fromEnv.token)[3]
+    if (!toToken) {
+      toToken = fromToken
+    }
+    const toLine = toToken[0]
+    const toStart = (toEnv.token || toEnv.closeToken)[2]
+    let toEnd = toToken[3]
+    if (!toEnd) {
+      toEnd = toStart + 1
+    }
+    const startCol = fromStart - linePosition[fromLine]
+    const endCol = toEnd - linePosition[toLine]
+    const row = options.errorAtStart ? fromLine : toLine
+    const column = options.errorAtStart ? startCol : endCol
+    errors.push({
+      row,
+      column,
+      start_row: fromLine,
+      start_col: startCol,
+      end_row: toLine,
+      end_col: endCol,
+      type: options.type ? options.type : 'error',
+      text: message,
+      startPos: options.errorAtStart ? fromStart : toStart,
+      endPos: options.errorAtStart ? fromEnd : toEnd,
+      pos: pos(row, column),
+      suppressIfEditing: options.suppressIfEditing,
+      mathMode: options.mathMode,
+    })
+  }
+
+  // Report an error up to a given environment (from the beginning of the document)
+
+  this.EnvErrorTo = function (toEnv, message, options) {
+    if (!options) {
+      options = {}
+    }
+    const token = toEnv.closeToken || toEnv.token
+    const line = token[0]
+    // const type = token[1]
+    const start = token[2]
+    let end = token[3]
+    if (!end) {
+      end = start + 1
+    }
+    const endCol = end - linePosition[line]
+    const err = {
+      row: line,
+      column: endCol,
+      start_row: 0,
+      start_col: 0,
+      end_row: line,
+      end_col: endCol,
+      startPos: start,
+      endPos: end,
+      pos: pos(line, endCol),
+      type: options.type ? options.type : 'error',
+      text: message,
+      mathMode: options.mathMode,
+    }
+    errors.push(err)
+  }
+
+  // Report an error from a given environment (up to the end of the document)
+
+  this.EnvErrorFrom = function (delimiter, message, options) {
+    if (!options) {
+      options = {}
+    }
+    const token = delimiter.token
+    const closeToken = delimiter.closeToken
+    const line = token[0]
+    // const type = token[1]
+    const start = token[2]
+    const end = (closeToken || token)[3]
+    const startCol = start - linePosition[line]
+    const endCol = Infinity
+    errors.push({
+      row: line,
+      column: startCol,
+      start_row: line,
+      start_col: startCol,
+      end_row: lineNumber,
+      end_col: endCol,
+      startPos: start,
+      endPos: end,
+      pos: pos(line, startCol),
+      type: options.type ? options.type : 'error',
+      text: message,
+      mathMode: options.mathMode,
+    })
+  }
+}
+
+const Parse = function (text) {
+  const TokeniseResult = Tokenise(text)
+  const Reporter = new ErrorReporter(TokeniseResult)
+  const Environments = InterpretTokens(TokeniseResult, Reporter)
+  Environments.close()
+  return {
+    errors: Reporter.getErrors().sort((a, b) => a.startPos - b.startPos),
+    contexts: Environments.getDocument().getContexts(),
+  }
+}
+
+let latestLintResult = null
+
+// Define an onmessage handler if this file is loaded in a Worker context
+if (typeof onmessage !== 'undefined') {
+  onmessage = function (event) {
+    if (event.data && event.type === 'message') {
+      let workerResult = {}
+      const text = event.data.text
+      if (latestLintResult && latestLintResult.text === text) {
+        workerResult = latestLintResult.workerResult
+      } else {
+        try {
+          workerResult = Parse(event.data.text)
+          latestLintResult = { text, workerResult }
+        } catch (err) {
+          console.error('error in linting', err)
+          workerResult = { errors: [], contexts: [] }
+        }
+      }
+      postMessage(workerResult)
+    }
+  }
+}
+// export dummy class for testing
+export default class LintWorker {
+  postMessage(message) {}
+  addEventListener(eventName, listener) {}
+  Parse(text) {
+    return Parse(text)
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/linter/merge-overlapping-diagnostics.ts b/services/web/frontend/js/features/source-editor/languages/latex/linter/merge-overlapping-diagnostics.ts
new file mode 100644
index 0000000..6a0a0ee
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/linter/merge-overlapping-diagnostics.ts
@@ -0,0 +1,86 @@
+import { Diagnostic } from '@codemirror/lint'
+import { Range } from '../../../utils/range'
+
+const diagnosticsTouchOrOverlap = (d1: Diagnostic, d2: Diagnostic) => {
+  return new Range(d1.from, d1.to).touchesOrIntersects(
+    new Range(d2.from, d2.to)
+  )
+}
+
+const mergeDiagnostics = (d1: Diagnostic, d2: Diagnostic) => {
+  const diagnostic: Diagnostic = {
+    from: Math.min(d1.from, d2.from),
+    to: Math.max(d1.to, d2.to),
+    severity: d1.severity,
+    message: d1.message,
+  }
+  if ('source' in d1) {
+    diagnostic.source = d1.source
+  }
+  return diagnostic
+}
+
+const mergeOverlappingDiagnostics = (diagnostics: Diagnostic[]) => {
+  const diagnosticsByMessage = new Map()
+  for (const diagnostic of diagnostics) {
+    let diagnosticsForMessage = diagnosticsByMessage.get(diagnostic.message)
+    if (diagnosticsForMessage) {
+      diagnosticsForMessage.push(diagnostic)
+      diagnosticsForMessage.sort(
+        (d1: Diagnostic, d2: Diagnostic) => d1.from - d2.from
+      )
+      for (let i = 1; i < diagnosticsForMessage.length; ) {
+        const d1 = diagnosticsForMessage[i - 1]
+        const d2 = diagnosticsForMessage[i]
+        if (diagnosticsTouchOrOverlap(d1, d2)) {
+          // Merge second diagnostic into first and remove it
+          diagnosticsForMessage[i - 1] = mergeDiagnostics(d1, d2)
+          diagnosticsForMessage.splice(i, 1)
+        } else {
+          ++i
+        }
+      }
+    } else {
+      diagnosticsForMessage = [diagnostic]
+      diagnosticsByMessage.set(diagnostic.message, diagnosticsForMessage)
+    }
+  }
+  return Array.from(diagnosticsByMessage.values()).flat()
+}
+
+// Group objects of a specified type by a single property and return an array
+// of arrays, one array per property value
+const groupBy = function <T>(arr: T[], prop: keyof T) {
+  const grouped = new Map<T[keyof T], T[]>()
+  for (const item of arr) {
+    const key = item[prop]
+    let group = grouped.get(key)
+    if (!group) {
+      group = [] as T[]
+      grouped.set(key, group)
+    }
+    group.push(item)
+  }
+  return Array.from(grouped.values())
+}
+
+export const mergeCompatibleOverlappingDiagnostics = (
+  diagnostics: Diagnostic[]
+) => {
+  const allMergedDiagnostics = []
+
+  // Partition by diagnostic source (compiler or linter)
+  for (const diagnosticsForSource of groupBy(diagnostics, 'source')) {
+    // Partition into severities
+    const diagnosticsBySeverity = groupBy(diagnosticsForSource, 'severity')
+
+    // Merge overlapping diagnostics for each severity in turn
+    for (const diagnosticsForSeverity of diagnosticsBySeverity) {
+      allMergedDiagnostics.push(
+        ...mergeOverlappingDiagnostics(diagnosticsForSeverity)
+      )
+    }
+  }
+
+  return allMergedDiagnostics
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/linting.ts b/services/web/frontend/js/features/source-editor/languages/latex/linting.ts
new file mode 100644
index 0000000..6321844
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/linting.ts
@@ -0,0 +1,5 @@
+import { latexLinter } from './linter/latex-linter'
+import { lintSourceConfig } from '../../extensions/annotations'
+import { createLinter } from '../../extensions/linting'
+
+export const linting = () => createLinter(latexLinter, lintSourceConfig)
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/metadata.ts b/services/web/frontend/js/features/source-editor/languages/latex/metadata.ts
new file mode 100644
index 0000000..e8dacbe
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/metadata.ts
@@ -0,0 +1,45 @@
+import { EditorView } from '@codemirror/view'
+import { Transaction, Text } from '@codemirror/state'
+
+const metadataChangeRe = /\\(documentclass|usepackage|RequirePackage|label)\b/
+const optionChangeRe = /\b(label)=/
+
+export const metadata = () => [
+  // trigger metadata reload if edited line contains metadata-related commands
+  EditorView.updateListener.of(update => {
+    if (update.docChanged) {
+      let needsMetadataUpdate = false
+
+      for (const transaction of update.transactions) {
+        // ignore remote changes
+        if (transaction.annotation(Transaction.remote)) {
+          continue
+        }
+
+        transaction.changes.iterChangedRanges((fromA, toA, fromB, toB) => {
+          const docs: [Text, number, number][] = [
+            [update.startState.doc, fromA, toA],
+            [update.state.doc, fromB, toB],
+          ]
+
+          for (const [doc, from, to] of docs) {
+            const fromLine = doc.lineAt(from).number
+            const toLine = doc.lineAt(to).number
+
+            for (const line of doc.iterLines(fromLine, toLine + 1)) {
+              if (metadataChangeRe.test(line) || optionChangeRe.test(line)) {
+                needsMetadataUpdate = true
+                return
+              }
+            }
+          }
+        })
+
+        if (needsMetadataUpdate) {
+          window.dispatchEvent(new CustomEvent('editor:metadata-outdated'))
+          break
+        }
+      }
+    }
+  }),
+]
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/open-autocomplete.ts b/services/web/frontend/js/features/source-editor/languages/latex/open-autocomplete.ts
new file mode 100644
index 0000000..8abaf0a
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/open-autocomplete.ts
@@ -0,0 +1,17 @@
+import { EditorView } from '@codemirror/view'
+import { startCompletion } from '@codemirror/autocomplete'
+import { Transaction } from '@codemirror/state'
+import { isInEmptyArgumentNodeForAutocomplete } from '../../utils/tree-query'
+
+// start autocompletion when the cursor enters an empty pair of braces
+export const openAutocomplete = () => {
+  return EditorView.updateListener.of(update => {
+    if (update.selectionSet || update.docChanged) {
+      if (!update.transactions.some(tr => tr.annotation(Transaction.remote))) {
+        if (isInEmptyArgumentNodeForAutocomplete(update.state)) {
+          startCompletion(update.view)
+        }
+      }
+    }
+  })
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/shortcuts.ts b/services/web/frontend/js/features/source-editor/languages/latex/shortcuts.ts
new file mode 100644
index 0000000..0085960
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/shortcuts.ts
@@ -0,0 +1,22 @@
+import { Prec } from '@codemirror/state'
+import { keymap } from '@codemirror/view'
+import { toggleRanges } from '../../commands/ranges'
+
+export const shortcuts = () => {
+  return Prec.high(
+    keymap.of([
+      {
+        key: 'Ctrl-b',
+        mac: 'Mod-b',
+        preventDefault: true,
+        run: toggleRanges('\\textbf'),
+      },
+      {
+        key: 'Ctrl-i',
+        mac: 'Mod-i',
+        preventDefault: true,
+        run: toggleRanges('\\textit'),
+      },
+    ])
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/latex/snippets.ts b/services/web/frontend/js/features/source-editor/languages/latex/snippets.ts
new file mode 100644
index 0000000..729ce6c
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/latex/snippets.ts
@@ -0,0 +1,8 @@
+// 1. Convert from Ace `$1` to CodeMirror numbered placeholder format `${1}` or `#{1}` in snippets.
+// Note: metadata from the server still uses the old format, so it's not enough to convert all
+// the bundled data to the new format.
+// 2. Add a final placeholder at the end of the snippet to allow for
+// shift-tabbing back from the penultimate placeholder. See #8697.
+export const prepareSnippetTemplate = (template: string): string => {
+  return template.replace(/\$(\d+)/g, '#{$1}') + '${}'
+}
diff --git a/services/web/frontend/js/features/source-editor/languages/markdown/index.ts b/services/web/frontend/js/features/source-editor/languages/markdown/index.ts
new file mode 100644
index 0000000..23d3597
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/markdown/index.ts
@@ -0,0 +1,31 @@
+import { markdown as markdownLanguage } from '@codemirror/lang-markdown'
+import { shortcuts } from './shortcuts'
+import { languages } from '../index'
+import { Strikethrough } from '@lezer/markdown'
+import {
+  HighlightStyle,
+  LanguageSupport,
+  syntaxHighlighting,
+} from '@codemirror/language'
+import { tags } from '@lezer/highlight'
+
+export const markdown = () => {
+  const { language, support } = markdownLanguage({
+    codeLanguages: languages,
+    extensions: [Strikethrough],
+  })
+
+  return new LanguageSupport(language, [
+    support,
+    shortcuts(),
+    syntaxHighlighting(markdownHighlightStyle),
+  ])
+}
+
+const markdownHighlightStyle = HighlightStyle.define([
+  { tag: tags.link, textDecoration: 'underline' },
+  { tag: tags.heading, textDecoration: 'underline', fontWeight: 'bold' },
+  { tag: tags.emphasis, fontStyle: 'italic' },
+  { tag: tags.strong, fontWeight: 'bold' },
+  { tag: tags.strikethrough, textDecoration: 'line-through' },
+])
diff --git a/services/web/frontend/js/features/source-editor/languages/markdown/shortcuts.ts b/services/web/frontend/js/features/source-editor/languages/markdown/shortcuts.ts
new file mode 100644
index 0000000..8ccadc2
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/languages/markdown/shortcuts.ts
@@ -0,0 +1,22 @@
+import { Prec } from '@codemirror/state'
+import { keymap } from '@codemirror/view'
+import { wrapRanges } from '../../commands/ranges'
+
+export const shortcuts = () => {
+  return Prec.high(
+    keymap.of([
+      {
+        key: 'Ctrl-b',
+        mac: 'Mod-b',
+        preventDefault: true,
+        run: wrapRanges('**', '**'),
+      },
+      {
+        key: 'Ctrl-i',
+        mac: 'Mod-i',
+        preventDefault: true,
+        run: wrapRanges('_', '_'),
+      },
+    ])
+  )
+}
diff --git a/services/web/frontend/js/features/source-editor/lezer-bibtex/bibtex.grammar b/services/web/frontend/js/features/source-editor/lezer-bibtex/bibtex.grammar
new file mode 100644
index 0000000..cee791b
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/lezer-bibtex/bibtex.grammar
@@ -0,0 +1,100 @@
+@top Bibliography {
+  (Other | Declaration | CommentDeclaration | PreambleDeclaration | StringDeclaration)*
+}
+
+@tokens {
+  Other { ![@ \t\n] ![@]* }
+  whiteSpace { $[\t\n ]+ }
+  Identifier { ![,{} \t\n%]+ }
+  StringName { $[a-zA-Z:_] $[a-zA-Z:_0-9-]* }
+  FieldName {$[a-zA-Z-_0-9+]+}
+  LiteralString {
+    '"' (!["] | "\\" _)* '"'?
+  }
+  EntryTypeName { $[a-zA-Z]+ }
+  Number { @digit+ }
+  StringKeyword {"@"$[Ss]$[Tt]$[Rr]$[Ii]$[Nn]$[Gg]}
+  PreambleKeyword {"@"$[Pp]$[Rr]$[Ee]$[Aa]$[Mm]$[Bb]$[Ll]$[Ee]}
+  CommentKeyword {"@"$[Cc]$[Oo]$[Mm]$[Mm]$[Ee]$[Nn]$[Tt]}
+  CommentContents { ![@} \t\n] ![}@]* }
+  "{"[closedBy="}"]
+  "}"[openedBy="{"]
+  "@" "\"" "," "#" "@string"
+}
+
+@skip { whiteSpace }
+
+StringDeclaration {
+  StringKeyword "{"
+      Field<StringName>*
+  "}"
+}
+
+PreambleDeclaration {
+  PreambleKeyword "{"
+      Expression
+  "}"
+}
+
+CommentDeclaration {
+  CommentKeyword "{"
+      CommentContents*
+  "}"
+}
+
+EntryName {
+  "@" EntryTypeName
+}
+
+Declaration {
+  EntryName "{"
+      Identifier
+      
+      fieldEntry { 
+        (","  Field<FieldName> )
+      }*
+      ("," )?
+  "}"
+}
+
+Field<Name> {
+  Name  "="  Expression
+}
+
+Expression {
+  BracedString |
+  Number | 
+  StringConcatenation
+}
+
+@local tokens {
+  OpenBracedContents[closedBy="}", @name="{"] {"{"}
+  CloseBracedContents[openedBy="{", @name="}"] {"}"}
+  @else nonClosingBracedContents
+}
+
+@skip {}{
+  BracedStringContents {
+  (
+      nonClosingBracedContents |
+      nestedBracedString {
+        OpenBracedContents
+        BracedStringContents
+        CloseBracedContents
+      }
+    )*
+}
+  BracedString {
+    "{" BracedStringContents CloseBracedContents
+  }  
+}
+
+@precedence { concatenation @left }
+
+StringConcatenation {
+  StringConcatenation !concatenation "#" StringConcatenation |
+  LiteralString |
+  StringName
+}
+
+@external propSource highlighting from "./highlight.mjs"
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/lezer-bibtex/highlight.mjs b/services/web/frontend/js/features/source-editor/lezer-bibtex/highlight.mjs
new file mode 100644
index 0000000..1f611bd
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/lezer-bibtex/highlight.mjs
@@ -0,0 +1,18 @@
+import { styleTags, tags as t } from '@lezer/highlight'
+
+export const highlighting = styleTags({
+  LiteralString: t.string,
+  'BracedString/...': t.string,
+  Number: t.number,
+  Identifier: t.name,
+  'EntryName/...': t.keyword,
+  FieldName: t.attributeName,
+  Expression: t.attributeValue,
+  '#': t.operator,
+  StringKeyword: t.keyword,
+  PreambleKeyword: t.keyword,
+  CommentKeyword: t.keyword,
+  CommentContents: t.comment,
+  StringName: t.variableName,
+  Other: t.comment,
+})
diff --git a/services/web/frontend/js/features/source-editor/lezer-latex/README.md b/services/web/frontend/js/features/source-editor/lezer-latex/README.md
new file mode 100644
index 0000000..b91358f
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/lezer-latex/README.md
@@ -0,0 +1,82 @@
+# Lezer-LaTeX, a LaTeX Parser
+
+Lezer-LaTeX is a LaTeX parser implemented with [lezer](https://lezer.codemirror.net/), the parser system used by [CodeMirror 6](https://codemirror.net/6/).
+
+The parser is written in a "grammar" file, (and a "tokens" file with custom tokenizer logic) which is then compiled by `@lezer/generator` into a parser module and a "terms" module. The parser module is then loaded by the CodeMirror 6 in the web frontend codebase.
+
+
+## Important files
+
+- Source files:
+  - `./latex.grammar`: The grammar file, containing the specification for the parser
+  - `./tokens.mjs`: The custom tokenizer logic, required by some rules in the grammar
+
+- Generated files:
+  - `./latex.mjs`: The generated parser
+  - `./latex.terms.mjs`: The generated terms file
+  - (these files are ignored by git, eslint, and prettier)
+
+- Scripts:
+  - `web/scripts/lezer-latex/generate.js`: A script which runs the generator on the grammar, producing the generated parser/terms files
+  - `web/scripts/lezer-latex/run.mjs`: A script that runs the parser against a supplied file, and prints the tree to the terminal
+
+- Webpack plugins:
+  - `web/webpack-plugins/lezer-grammar-compiler.js`: A webpack plugin that calls the generator as part of the webpack build. In dev, it will automatically re-build the parser when the grammar file changes.
+
+
+## NPM tasks
+
+- `lezer-latex:generate`: Generate the parser files from the grammar
+  - (Calls `lezer-latex/generate.js`)
+  - This should be run whenever the grammar changes
+
+- `lezer-latex:run`: Run the parser against a file
+  - (Calls `lezer-latex/run.js`)
+
+
+### Generating the parser
+
+From the monorepo root:
+
+``` sh
+bin/npm -w services/web run 'lezer-latex:generate'
+```
+
+
+## Tests
+
+Unit tests for the parser live in `web/test/unit/src/LezerLatex`. There are three kinds of test, in three subdirectories:
+
+- `corpus/`: A set of tests using lezer's test framework, consisting of example text and the expected parse tree
+- `examples/`: A set of realistic LaTeX documents. These tests pass if the files parse with no errors
+- `regressions/`: Like `examples/`, these are expected to parse without error, but they are not realistic documents.
+
+These tests run as part of `test_frontend`. You can run these tests alone by invoking:
+
+``` sh
+make test_unit MOCHA_GREP='lezer-latex'
+```
+
+
+## Trying the parser
+
+While developing the parser, you can run it against a file by calling the `lezer-latex:run` task. There are
+some example files in the test suite, at `web/test/unit/src/LezerLatex/examples/`.
+
+For example:
+
+``` sh
+bin/npm -w services/web run 'lezer-latex:run'  web/test/unit/src/LezerLatex/examples/amsmath.tex
+```
+
+If you omit the file path, the default file (`examples/demo.tex`) will be run.
+
+
+## Integration into web
+
+The web frontend imports the parser (from `latex.mjs`), in `frontend/js/features/source-editor/languages/latex/index.ts`.
+The parser is then plugged in to the CM6 language system.
+
+### The web build
+
+In `web/Dockerfile`, we have a `RUN` command that calls `lezer-latex:generate` as part of the build. This is necessary to ensure the parser is built before the CI tests run (notably: we can't do the build during the tests, because we can't write to disk during that stage of CI).
diff --git a/services/web/frontend/js/features/source-editor/lezer-latex/latex.grammar b/services/web/frontend/js/features/source-editor/lezer-latex/latex.grammar
new file mode 100644
index 0000000..8f90808
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/lezer-latex/latex.grammar
@@ -0,0 +1,829 @@
+// Track environments
+
+@context elementContext from "./tokens.mjs"
+
+// External tokens must be defined before normal @tokens to take precedence
+// over them.
+
+@external tokens verbTokenizer from "./tokens.mjs" {
+    VerbContent
+}
+
+@external tokens lstinlineTokenizer from "./tokens.mjs" {
+    LstInlineContent
+}
+
+@external tokens literalArgTokenizer from "./tokens.mjs" {
+    LiteralArgContent
+}
+
+@external tokens spaceDelimitedLiteralArgTokenizer from "./tokens.mjs" {
+    SpaceDelimitedLiteralArgContent
+}
+
+@external tokens verbatimTokenizer from "./tokens.mjs" {
+    VerbatimContent
+}
+
+// external tokenizer to read control sequence names including @ signs
+// (which are often used in TeX definitions).
+@external tokens csnameTokenizer from "./tokens.mjs" {
+    Csname
+}
+
+@external tokens trailingContentTokenizer from "./tokens.mjs" {
+    TrailingWhitespaceOnly,
+    TrailingContent
+}
+
+// It doesn't seem to be possible to access specialized tokens in the context tracker.
+// They have id's which are not exported in the latex.terms.js file.
+// This is a workaround:  use an external specializer to explicitly choose the terms
+// to use for the specialized tokens.
+@external specialize {CtrlSeq} specializeCtrlSeq from "./tokens.mjs" {
+    Begin,
+    End,
+    RefCtrlSeq,
+    RefStarrableCtrlSeq,
+    CiteCtrlSeq,
+    CiteStarrableCtrlSeq,
+    LabelCtrlSeq,
+    MathTextCtrlSeq,
+    HboxCtrlSeq,
+    TitleCtrlSeq,
+    DocumentClassCtrlSeq,
+    UsePackageCtrlSeq,
+    HrefCtrlSeq,
+    UrlCtrlSeq,
+    VerbCtrlSeq,
+    LstInlineCtrlSeq,
+    IncludeGraphicsCtrlSeq,
+    CaptionCtrlSeq,
+    DefCtrlSeq,
+    LetCtrlSeq,
+    LeftCtrlSeq,
+    RightCtrlSeq,
+    NewCommandCtrlSeq,
+    RenewCommandCtrlSeq,
+    NewEnvironmentCtrlSeq,
+    RenewEnvironmentCtrlSeq,
+    // services/web/frontend/js/features/outline/outline-parser.js
+    BookCtrlSeq,
+    PartCtrlSeq,
+    ChapterCtrlSeq,
+    SectionCtrlSeq,
+    SubSectionCtrlSeq,
+    SubSubSectionCtrlSeq,
+    ParagraphCtrlSeq,
+    SubParagraphCtrlSeq,
+    InputCtrlSeq,
+    IncludeCtrlSeq,
+    ItemCtrlSeq,
+    NewTheoremCtrlSeq,
+    TheoremStyleCtrlSeq,
+    CenteringCtrlSeq,
+    BibliographyCtrlSeq,
+    BibliographyStyleCtrlSeq,
+    AuthorCtrlSeq,
+    AffilCtrlSeq,
+    AffiliationCtrlSeq,
+    DateCtrlSeq,
+    MaketitleCtrlSeq,
+    TextColorCtrlSeq,
+    ColorBoxCtrlSeq,
+    HLineCtrlSeq,
+    TopRuleCtrlSeq,
+    MidRuleCtrlSeq,
+    BottomRuleCtrlSeq,
+    MultiColumnCtrlSeq,
+    ParBoxCtrlSeq,
+    TextBoldCtrlSeq,
+    TextItalicCtrlSeq,
+    TextSmallCapsCtrlSeq,
+    TextTeletypeCtrlSeq,
+    TextMediumCtrlSeq,
+    TextSansSerifCtrlSeq,
+    TextSuperscriptCtrlSeq,
+    TextSubscriptCtrlSeq,
+    TextStrikeOutCtrlSeq,
+    EmphasisCtrlSeq,
+    UnderlineCtrlSeq,
+    SetLengthCtrlSeq
+}
+
+@external specialize {EnvName} specializeEnvName from "./tokens.mjs" {
+    DocumentEnvName,
+    TabularEnvName,
+    EquationEnvName,
+    EquationArrayEnvName,
+    VerbatimEnvName,
+    TikzPictureEnvName,
+    FigureEnvName,
+    ListEnvName,
+    TableEnvName
+}
+
+@external specialize {CtrlSym} specializeCtrlSym from "./tokens.mjs" {
+    OpenParenCtrlSym,
+    CloseParenCtrlSym,
+    OpenBracketCtrlSym,
+    CloseBracketCtrlSym,
+    LineBreakCtrlSym
+}
+
+@tokens {
+    CtrlSeq { "\\" $[a-zA-Z]+ }
+    CtrlSym { "\\" ![a-zA-Z] }
+
+    // tokens for paragraphs
+    Whitespace { $[ \t]+ }
+    NewLine { "\n" }
+    BlankLine { "\n" "\n"+ }
+    Normal { ![\\{}\[\]$&~#^_% \t\n] ![\\{}\[\]$&~#^_%\t\n]* }  // everything is normal text, except these characters
+    @precedence { CtrlSeq, CtrlSym, BlankLine, NewLine, Whitespace, Normal }
+
+    OpenBrace[closedBy=CloseBrace] { "{" }
+    CloseBrace[openedBy=OpenBrace] { "}" }
+    OpenBracket[closedBy=CloseBracket] { "[" }
+    CloseBracket[openedBy=OpenBracket] { "]" }
+
+    Comment { "%" ![\n]* "\n"? }
+
+    Dollar { "$" }
+
+    Number { $[0-9]+ ("." $[0-9]*)? }
+    MathSpecialChar { $[^_=<>()\-+/*]+ }  // FIXME not all of these are special
+    MathChar { ![0-9^_=<>()\-+/*\\{}\[\]$%&~ \t\n]+ }
+
+    @precedence { Number, MathSpecialChar, MathChar }
+
+    Ampersand { "&" }
+    Tilde { "~" }
+
+    EnvName {  $[a-zA-Z]+ $[*]? }
+}
+
+@top LaTeX {
+    Text
+}
+
+@skip { Comment }
+
+// TEXT MODE
+
+optionalWhitespace {
+    !argument Whitespace
+}
+
+OptionalArgument {
+    !argument OpenBracket ShortOptionalArg CloseBracket
+}
+
+TextArgument {
+    !argument OpenBrace LongArg CloseBrace
+}
+
+SectioningArgument {
+    !argument OpenBrace LongArg CloseBrace
+}
+
+LabelArgument {
+    !argument ShortTextArgument
+}
+
+RefArgument {
+    !argument ShortTextArgument
+}
+
+BibKeyArgument {
+    !argument ShortTextArgument
+}
+
+PackageArgument {
+    !argument ShortTextArgument
+}
+
+TabularArgument {
+    !argument OpenBrace TabularContent CloseBrace
+}
+
+UrlArgument {
+    OpenBrace LiteralArgContent CloseBrace
+}
+
+FilePathArgument {
+    OpenBrace LiteralArgContent CloseBrace
+}
+
+BareFilePathArgument {
+    Whitespace SpaceDelimitedLiteralArgContent
+}
+
+DefinitionArgument {
+    !argument NewLine? Whitespace* OpenBrace DefinitionFragment? CloseBrace
+}
+
+MacroParameter {
+    "#" ("1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9")
+}
+
+OptionalMacroParameter {
+    OpenBracket MacroParameter CloseBracket
+}
+
+// The autocompletion code in services/web/frontend/js/features/source-editor/utils/tree-operations/commands.ts
+// depends on following the `KnownCommand { Command { CommandCtrlSeq [args] } }`
+// structure
+KnownCommand<ArgumentType> {
+    Title {
+        TitleCtrlSeq optionalWhitespace? OptionalArgument? TextArgument
+    } |
+    Author {
+        AuthorCtrlSeq optionalWhitespace? OptionalArgument? optionalWhitespace? TextArgument
+    } |
+    Affil {
+        AffilCtrlSeq optionalWhitespace? OptionalArgument? optionalWhitespace? TextArgument
+    } |
+    Affiliation {
+        AffiliationCtrlSeq optionalWhitespace? OptionalArgument? optionalWhitespace? TextArgument
+    } |
+    Date {
+        DateCtrlSeq optionalWhitespace? OptionalArgument? optionalWhitespace? ShortTextArgument
+    } |
+    DocumentClass {
+        DocumentClassCtrlSeq optionalWhitespace? OptionalArgument?
+        DocumentClassArgument { ShortTextArgument }
+    } |
+    BibliographyCommand {
+        BibliographyCtrlSeq optionalWhitespace?
+        BibliographyArgument { ShortTextArgument }
+    } |
+    BibliographyStyleCommand {
+        BibliographyStyleCtrlSeq optionalWhitespace?
+        BibliographyStyleArgument { ShortTextArgument }
+    } |
+    UsePackage {
+        UsePackageCtrlSeq optionalWhitespace? OptionalArgument?
+        PackageArgument
+    } |
+    TextColorCommand {
+        TextColorCtrlSeq optionalWhitespace? ShortTextArgument optionalWhitespace? ArgumentType
+    } |
+    ColorBoxCommand {
+        ColorBoxCtrlSeq optionalWhitespace? ShortTextArgument optionalWhitespace? ArgumentType
+    } |
+    HrefCommand {
+        HrefCtrlSeq optionalWhitespace? UrlArgument ShortTextArgument
+    } |
+    NewTheoremCommand {
+        NewTheoremCtrlSeq "*"? optionalWhitespace? ShortTextArgument ((OptionalArgument? TextArgument) | (TextArgument OptionalArgument))
+    } |
+    TheoremStyleCommand {
+        TheoremStyleCtrlSeq optionalWhitespace? ShortTextArgument
+    } |
+    UrlCommand {
+        UrlCtrlSeq optionalWhitespace? UrlArgument
+    } |
+    VerbCommand {
+        VerbCtrlSeq VerbContent
+    } |
+    LstInlineCommand {
+        LstInlineCtrlSeq optionalWhitespace? OptionalArgument? LstInlineContent
+    } |
+    IncludeGraphics {
+        IncludeGraphicsCtrlSeq optionalWhitespace? OptionalArgument?
+        IncludeGraphicsArgument { FilePathArgument }
+    } |
+    Caption {
+        CaptionCtrlSeq "*"? optionalWhitespace? OptionalArgument? TextArgument
+    } |
+    Label {
+        LabelCtrlSeq optionalWhitespace? LabelArgument
+    } |
+    Ref {
+        (RefCtrlSeq | RefStarrableCtrlSeq "*"?) optionalWhitespace? OptionalArgument? optionalWhitespace? OptionalArgument? optionalWhitespace? RefArgument
+    } |
+    Cite {
+        (CiteCtrlSeq | CiteStarrableCtrlSeq "*"?) optionalWhitespace? OptionalArgument? optionalWhitespace? OptionalArgument? optionalWhitespace? BibKeyArgument
+    } |
+    Def {
+        // allow more general Csname argument to \def commands, since other symbols such as '@' are often used in definitions
+        DefCtrlSeq optionalWhitespace? (Csname | CtrlSym) optionalWhitespace? (MacroParameter | OptionalMacroParameter)* optionalWhitespace? DefinitionArgument
+    } |
+    Let {
+        LetCtrlSeq Csname optionalWhitespace? "="? optionalWhitespace? Csname
+    } |
+    Hbox {
+        HboxCtrlSeq optionalWhitespace? TextArgument
+    } |
+    NewCommand {
+        NewCommandCtrlSeq optionalWhitespace?
+        (Csname | OpenBrace LiteralArgContent CloseBrace)
+        (OptionalArgument)*
+        DefinitionArgument
+    } |
+    RenewCommand {
+        RenewCommandCtrlSeq optionalWhitespace?
+        (Csname | OpenBrace LiteralArgContent CloseBrace)
+        (OptionalArgument)*
+        DefinitionArgument
+    } |
+    NewEnvironment {
+        NewEnvironmentCtrlSeq optionalWhitespace?
+        (OpenBrace LiteralArgContent CloseBrace)
+        (OptionalArgument)*
+        DefinitionArgument
+        DefinitionArgument
+    } |
+    RenewEnvironment {
+        RenewEnvironmentCtrlSeq optionalWhitespace?
+        (Csname | OpenBrace LiteralArgContent CloseBrace)
+        (OptionalArgument)*
+        DefinitionArgument
+        DefinitionArgument
+    } |
+    Input {
+        InputCtrlSeq InputArgument { ( FilePathArgument | BareFilePathArgument ) }
+    } |
+    Include {
+        IncludeCtrlSeq IncludeArgument { FilePathArgument }
+    } |
+    Centering {
+        CenteringCtrlSeq
+    } |
+    Item {
+        ItemCtrlSeq OptionalArgument? optionalWhitespace?
+    } |
+    Maketitle {
+        MaketitleCtrlSeq optionalWhitespace?
+    } |
+    HorizontalLine {
+        (HLineCtrlSeq | TopRuleCtrlSeq | MidRuleCtrlSeq | BottomRuleCtrlSeq) optionalWhitespace?
+    } |
+    MultiColumn {
+        MultiColumnCtrlSeq
+            optionalWhitespace? SpanArgument { ShortTextArgument }
+            optionalWhitespace? ColumnArgument { ShortTextArgument }
+            optionalWhitespace? TabularArgument
+    } |
+    MathTextCommand {
+        MathTextCtrlSeq optionalWhitespace? "*"? TextArgument
+    } |
+    ParBoxCommand {
+        ParBoxCtrlSeq
+            (optionalWhitespace? OptionalArgument)*
+            ShortTextArgument
+            optionalWhitespace? TextArgument
+    } |
+    TextBoldCommand {
+        TextBoldCtrlSeq TextArgument
+    } |
+    TextItalicCommand {
+        TextItalicCtrlSeq TextArgument
+    } |
+    TextSmallCapsCommand {
+        TextSmallCapsCtrlSeq TextArgument
+    } |
+    TextTeletypeCommand {
+        TextTeletypeCtrlSeq TextArgument
+    } |
+    TextMediumCommand {
+        TextMediumCtrlSeq TextArgument
+    } |
+    TextSansSerifCommand {
+        TextSansSerifCtrlSeq TextArgument
+    } |
+    TextSuperscriptCommand {
+        TextSuperscriptCtrlSeq TextArgument
+    } |
+    TextSubscriptCommand {
+        TextSubscriptCtrlSeq TextArgument
+    } |
+    StrikeOutCommand {
+        TextStrikeOutCtrlSeq ArgumentType
+    } |
+    EmphasisCommand {
+        EmphasisCtrlSeq ArgumentType
+    } |
+    UnderlineCommand {
+        UnderlineCtrlSeq ArgumentType
+    } |
+    SetLengthCommand {
+        SetLengthCtrlSeq optionalWhitespace? ShortTextArgument optionalWhitespace? ShortTextArgument
+    }
+}
+
+UnknownCommand {
+      (CtrlSeq !argument Whitespace (OptionalArgument | TextArgument)+)
+    | (CtrlSeq (OptionalArgument | TextArgument)+)
+    | CtrlSeq Whitespace?
+    | CtrlSym
+}
+
+Command {
+      KnownCommand<TextArgument>
+    | UnknownCommand
+    | KnownCtrlSym
+    // Not technically allowed in normal mode, but not worth failing the parse over
+    | LeftCtrlSeq
+    | RightCtrlSeq
+
+}
+
+KnownCtrlSym {
+    LineBreak {
+        LineBreakCtrlSym OptionalArgument?
+    }
+}
+
+textBase {
+    ( Command
+    | DollarMath
+    | BracketMath
+    | ParenMath
+    | NewLine
+    | Normal
+    | Whitespace
+    | Ampersand
+    | Tilde
+    )
+}
+
+textWithBrackets {
+    ( textBase
+    | OpenBracket
+    | CloseBracket
+    )
+}
+
+textWithEnvironmentsAndBlankLines {
+    ( BlankLine
+    | KnownEnvironment
+    | Environment
+    | textWithBrackets
+    )
+}
+
+textWithGroupsEnvironmentsAndBlankLines {
+    textWithEnvironmentsAndBlankLines
+    | Group<Text>
+}
+
+Content<Element> {
+    Element
+}
+
+SectioningCommand<Command> {
+    Command optionalWhitespace? "*"? optionalWhitespace? OptionalArgument? optionalWhitespace? SectioningArgument
+}
+
+documentSection<Command, Next> {
+    SectioningCommand<Command> Content<(sectionText | !section Next)*>
+}
+Book[@isGroup="$Section"] { documentSection<BookCtrlSeq, Part | Chapter | Section | SubSection | SubSubSection | Paragraph | SubParagraph> }
+Part[@isGroup="$Section"] { documentSection<PartCtrlSeq, Chapter | Section | SubSection | SubSubSection | Paragraph | SubParagraph> }
+Chapter[@isGroup="$Section"] { documentSection<ChapterCtrlSeq, Section | SubSection | SubSubSection | Paragraph | SubParagraph> }
+Section[@isGroup="$Section"] { documentSection<SectionCtrlSeq, SubSection | SubSubSection | Paragraph | SubParagraph> }
+SubSection[@isGroup="$Section"] { documentSection<SubSectionCtrlSeq, SubSubSection | Paragraph | SubParagraph> }
+SubSubSection[@isGroup="$Section"] { documentSection<SubSubSectionCtrlSeq, Paragraph | SubParagraph> }
+Paragraph[@isGroup="$Section"] { documentSection<ParagraphCtrlSeq, SubParagraph> }
+SubParagraph[@isGroup="$Section"] { SectioningCommand<SubParagraphCtrlSeq> Content<sectionText*> }
+
+sectioningCommand {
+    Book | Part | Chapter | Section | SubSection | SubSubSection | Paragraph | SubParagraph
+}
+
+sectionText {
+    !section (
+        textWithGroupsEnvironmentsAndBlankLines
+    )+
+}
+
+Text {
+   ( sectionText
+    | sectioningCommand)+
+}
+
+LongArg {
+    ( textWithBrackets
+    | NonEmptyGroup<LongArg>
+    | KnownEnvironment
+    | Environment
+    | BlankLine
+    | "#" // macro character
+    | "_" | "^" // other math chars
+    )*
+}
+
+ShortTextArgument {
+    OpenBrace ShortArg CloseBrace
+}
+
+ShortArg {
+    ( textWithBrackets
+    | NonEmptyGroup<ShortArg>
+    | "#" // macro character
+    | "_" | "^" // other math chars
+    )*
+}
+
+ShortOptionalArg {
+    ( textBase
+    | NonEmptyGroup<ShortOptionalArg>
+    | "#" // macro character
+    | "_" // underscore is used in some parameter names
+    )*
+}
+
+TikzPictureContent {  /// same as Text but with added allowed characters
+    ( textWithEnvironmentsAndBlankLines
+    | NonEmptyGroup<TikzPictureContent>
+    | "#" // macro character
+    | "_" | "^" // other math chars
+    )+
+}
+
+DefinitionFragment {
+    ( DefinitionFragmentCommand
+    | Begin
+    | End
+    | Group<DefinitionFragment>
+    | Dollar
+    | OpenParenCtrlSym
+    | CloseParenCtrlSym
+    | OpenBracketCtrlSym
+    | CloseBracketCtrlSym
+    | LeftCtrlSeq
+    | RightCtrlSeq
+    | BlankLine
+    | NewLine
+    | Normal
+    | Whitespace
+    | OpenBracket
+    | CloseBracket
+    | "#" // macro character
+    | Ampersand // for tables
+    | Tilde // unbreakable space
+    | "_" | "^" // other math chars
+    | SectioningCommand<
+        BookCtrlSeq |
+        PartCtrlSeq |
+        ChapterCtrlSeq |
+        SectionCtrlSeq |
+        SubSectionCtrlSeq |
+        SubSubSectionCtrlSeq |
+        ParagraphCtrlSeq |
+        SubParagraphCtrlSeq
+      >
+    )+
+}
+
+DefinitionFragmentArgument {
+    OpenBrace DefinitionFragment? CloseBrace
+}
+
+DefinitionFragmentCommand {
+      KnownCommand<TextArgument>
+    | DefinitionFragmentUnknownCommand { genericUnknownCommandWithOptionalArguments<DefinitionFragmentArgument, OptionalArgument> }
+    | KnownCtrlSym
+}
+
+KnownEnvironment {
+    ( DocumentEnvironment
+    | TabularEnvironment
+    | EquationEnvironment
+    | EquationArrayEnvironment
+    | VerbatimEnvironment
+    | TikzPictureEnvironment
+    | FigureEnvironment
+    | ListEnvironment
+    | TableEnvironment
+    )
+}
+
+BeginEnv<name> {
+  Begin
+  EnvNameGroup<name>
+  OptionalArgument?
+  (!argument TextArgument)*
+}
+
+EndEnv<name> {
+  End
+  EnvNameGroup<name>
+}
+
+DocumentEnvironment[@isGroup="$Environment"] {
+    BeginEnv<DocumentEnvName>
+    Content<Text>
+    EndEnv<DocumentEnvName>
+    (TrailingWhitespaceOnly | TrailingContent)?
+}
+
+TabularContent {
+    (textWithGroupsEnvironmentsAndBlankLines)*
+}
+
+TabularEnvironment[@isGroup="$Environment"] {
+    BeginEnv<TabularEnvName>
+    Content<TabularContent>
+    EndEnv<TabularEnvName>
+}
+
+TableEnvironment[@isGroup="$Environment"] {
+    BeginEnv<TableEnvName>
+    Content<Text>
+    EndEnv<TableEnvName>
+}
+
+EquationEnvironment[@isGroup="$Environment"] {
+    BeginEnv<EquationEnvName>
+    Content<Math?>
+    EndEnv<EquationEnvName>
+}
+
+EquationArrayEnvironment[@isGroup="$Environment"] {
+    BeginEnv<EquationArrayEnvName>
+    Content<Math?>
+    EndEnv<EquationArrayEnvName>
+}
+
+VerbatimEnvironment[@isGroup="$Environment"] {
+    BeginEnv<VerbatimEnvName>
+    Content<VerbatimContent>
+    EndEnv<VerbatimEnvName>
+}
+
+TikzPictureEnvironment[@isGroup="$Environment"] {
+    BeginEnv<TikzPictureEnvName>
+    Content<TikzPictureContent>
+    EndEnv<TikzPictureEnvName>
+}
+
+FigureEnvironment[@isGroup="$Environment"] {
+    BeginEnv<FigureEnvName>
+    Content<Text>
+    EndEnv<FigureEnvName>
+}
+
+ListEnvironment[@isGroup="$Environment"] {
+    BeginEnv<ListEnvName>
+    Content<Text>
+    EndEnv<ListEnvName>
+}
+
+EnvNameGroup<name> {
+    OpenBrace name CloseBrace
+}
+
+Environment[@isGroup="$Environment"] {
+    BeginEnv<EnvName?>
+    Content<Text>
+    EndEnv<EnvName?>
+}
+
+Group<GroupContent> {
+    OpenBrace GroupContent? CloseBrace
+}
+
+NonEmptyGroup<GroupContent> {
+    OpenBrace GroupContent CloseBrace
+}
+
+///  MATH MODE
+
+DollarMath[@isGroup="$MathContainer"] {
+  Dollar (InlineMath | DisplayMath) Dollar
+}
+
+InlineMath {
+    Math
+}
+
+DisplayMath {
+    Dollar Math? Dollar
+}
+
+
+OpenParenMath[closedBy=CloseParenMath] {
+    OpenParenCtrlSym
+}
+
+CloseParenMath[openedBy=OpenParenMath] {
+    CloseParenCtrlSym
+}
+
+// alternative syntax \( math \) for inline math, it is the same as $ math $
+ParenMath[@isGroup="$MathContainer"] {
+    OpenParenMath
+    Math?
+    CloseParenMath
+}
+
+OpenBracketMath[closedBy=CloseBracketMath] {
+    OpenBracketCtrlSym
+}
+
+CloseBracketMath[openedBy=OpenBracketMath] {
+    CloseBracketCtrlSym
+}
+
+// alternative syntax \[ math \] for display math, it is the same as $$ math $$
+BracketMath[@isGroup="$MathContainer"] {
+    OpenBracketMath
+    Math?
+    CloseBracketMath
+}
+
+// FIXME: we should have separate math modes for inline and display math,
+// because display math can contain blank lines while inline math cannot.
+
+Math {
+    ( MathCommand
+    | Group<Math>
+    | MathDelimitedGroup
+    | MathSpecialChar
+    | Number
+    | NewLine
+    | Whitespace
+    | KnownEnvironment
+    | Environment
+    | MathChar
+    | OpenBracket
+    | CloseBracket
+    | Ampersand
+    | Tilde
+    )+
+}
+
+
+MathCommand {
+    KnownCommand<MathArgument>
+  | MathUnknownCommand { genericUnknownCommand<MathArgument> }
+  | KnownCtrlSym
+}
+
+@external tokens argumentListTokenizer from "./tokens.mjs" {
+    hasMoreArguments,
+    endOfArguments
+}
+
+@external tokens argumentListWithOptionalTokenizer from "./tokens.mjs" {
+    hasMoreArgumentsOrOptionals,
+    endOfArgumentsAndOptionals
+}
+
+genericUnknownCommand<ArgumentType> {
+    CtrlSeq (hasMoreArguments optionalWhitespace? ArgumentType)* endOfArguments
+  | CtrlSym
+}
+
+genericUnknownCommandWithOptionalArguments<ArgumentType, OptionalArgumentType> {
+    CtrlSeq (hasMoreArgumentsOrOptionals optionalWhitespace? (ArgumentType | OptionalArgumentType))* endOfArgumentsAndOptionals
+  | CtrlSym
+}
+
+MathArgument {
+    OpenBrace Math? CloseBrace
+}
+
+MathDelimitedGroup {
+    MathOpening Math? MathClosing
+}
+
+// FIXME: we have the same problem with specialize on \left,\right as the delimiters
+MathOpening {
+    LeftCtrlSeq optionalWhitespace? MathDelimiter
+}
+
+MathClosing {
+    RightCtrlSeq optionalWhitespace? MathDelimiter
+}
+
+MathDelimiter {
+    // Allowed delimiters, from the LaTeX manual, table 3.10
+    "/" | "|" | "(" | ")" | "[" | "]" |
+   "\\{" | "\\}" | "\\|" |
+    "\\lfloor" | "\\rfloor" |
+    "\\lceil" | "\\rceil" |
+    "\\langle" | "\\rangle" |
+    "\\backslash" | "\\uparrow" |
+    "\\Uparrow" | "\\Downarrow" |
+    "\\updownarrow" | "\\Updownarrow" |
+    "\\downarrow" | "\\lvert" |
+    "\\lVert" | "\\rVert" |
+    "\\rvert" | "\\vert" | "\\Vert" |
+    "\\lbrace" | "\\rbrace" |
+    "\\lbrack" | "\\rbrack" |
+    // Also allow the empty match
+    "."
+}
+
+// NOTE: precedence works differently for rules and token, in the rule
+// you have to give a specifier !foo which is defined in the @precedence
+// block here.
+
+@precedence {
+    section @left,
+    argument @left  // make CtrlSeq arguments left associative
+}
diff --git a/services/web/frontend/js/features/source-editor/lezer-latex/tokens.mjs b/services/web/frontend/js/features/source-editor/lezer-latex/tokens.mjs
new file mode 100644
index 0000000..933f2fc
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/lezer-latex/tokens.mjs
@@ -0,0 +1,747 @@
+/* Hand-written tokenizer for LaTeX. */
+
+import { ExternalTokenizer, ContextTracker } from '@lezer/lr'
+
+import {
+  LiteralArgContent,
+  SpaceDelimitedLiteralArgContent,
+  VerbContent,
+  VerbatimContent,
+  LstInlineContent,
+  Begin,
+  End,
+  KnownEnvironment,
+  Csname,
+  TrailingWhitespaceOnly,
+  TrailingContent,
+  RefCtrlSeq,
+  RefStarrableCtrlSeq,
+  CiteCtrlSeq,
+  CiteStarrableCtrlSeq,
+  LabelCtrlSeq,
+  MathTextCtrlSeq,
+  HboxCtrlSeq,
+  TitleCtrlSeq,
+  AuthorCtrlSeq,
+  AffilCtrlSeq,
+  AffiliationCtrlSeq,
+  DateCtrlSeq,
+  DocumentClassCtrlSeq,
+  UsePackageCtrlSeq,
+  HrefCtrlSeq,
+  UrlCtrlSeq,
+  VerbCtrlSeq,
+  LstInlineCtrlSeq,
+  IncludeGraphicsCtrlSeq,
+  CaptionCtrlSeq,
+  DefCtrlSeq,
+  LetCtrlSeq,
+  LeftCtrlSeq,
+  RightCtrlSeq,
+  NewCommandCtrlSeq,
+  RenewCommandCtrlSeq,
+  NewEnvironmentCtrlSeq,
+  RenewEnvironmentCtrlSeq,
+  DocumentEnvName,
+  TabularEnvName,
+  EquationEnvName,
+  EquationArrayEnvName,
+  VerbatimEnvName,
+  TikzPictureEnvName,
+  FigureEnvName,
+  OpenParenCtrlSym,
+  CloseParenCtrlSym,
+  OpenBracketCtrlSym,
+  CloseBracketCtrlSym,
+  LineBreakCtrlSym,
+  // Sectioning commands
+  BookCtrlSeq,
+  PartCtrlSeq,
+  ChapterCtrlSeq,
+  SectionCtrlSeq,
+  SubSectionCtrlSeq,
+  SubSubSectionCtrlSeq,
+  ParagraphCtrlSeq,
+  SubParagraphCtrlSeq,
+  InputCtrlSeq,
+  IncludeCtrlSeq,
+  ItemCtrlSeq,
+  NewTheoremCtrlSeq,
+  TheoremStyleCtrlSeq,
+  BibliographyCtrlSeq,
+  BibliographyStyleCtrlSeq,
+  CenteringCtrlSeq,
+  ListEnvName,
+  MaketitleCtrlSeq,
+  TextColorCtrlSeq,
+  ColorBoxCtrlSeq,
+  HLineCtrlSeq,
+  TopRuleCtrlSeq,
+  MidRuleCtrlSeq,
+  BottomRuleCtrlSeq,
+  TableEnvName,
+  MultiColumnCtrlSeq,
+  ParBoxCtrlSeq,
+  // Marker for end of argument lists
+  endOfArguments,
+  hasMoreArguments,
+  hasMoreArgumentsOrOptionals,
+  endOfArgumentsAndOptionals,
+  TextBoldCtrlSeq,
+  TextItalicCtrlSeq,
+  TextSmallCapsCtrlSeq,
+  TextTeletypeCtrlSeq,
+  TextMediumCtrlSeq,
+  TextSansSerifCtrlSeq,
+  TextSuperscriptCtrlSeq,
+  TextSubscriptCtrlSeq,
+  TextStrikeOutCtrlSeq,
+  EmphasisCtrlSeq,
+  UnderlineCtrlSeq,
+  SetLengthCtrlSeq,
+} from './latex.terms.mjs'
+
+const MAX_ARGUMENT_LOOKAHEAD = 100
+
+function nameChar(ch) {
+  // we accept A-Z a-z 0-9 * + @ in environment names
+  return (
+    (ch >= 65 && ch <= 90) ||
+    (ch >= 97 && ch <= 122) ||
+    (ch >= 48 && ch <= 57) ||
+    ch === 42 ||
+    ch === 43 ||
+    ch === 64
+  )
+}
+
+// match [a-zA-Z]
+function alphaChar(ch) {
+  return (ch >= 65 && ch <= 90) || (ch >= 97 && ch <= 122)
+}
+
+let cachedName = null
+let cachedInput = null
+let cachedPos = 0
+function envNameAfter(input, offset) {
+  const pos = input.pos + offset
+  if (cachedInput === input && cachedPos === pos) {
+    return cachedName
+  }
+  if (input.peek(offset) !== '{'.charCodeAt(0)) return
+  offset++
+  let name = ''
+  for (;;) {
+    const next = input.peek(offset)
+    if (!nameChar(next)) break
+    name += String.fromCharCode(next)
+    offset++
+  }
+  cachedInput = input
+  cachedPos = pos
+  return (cachedName = name || null)
+}
+
+function ElementContext(name, parent) {
+  this.name = name
+  this.parent = parent
+  this.hash = parent ? parent.hash : 0
+  for (let i = 0; i < name.length; i++)
+    this.hash +=
+      (this.hash << 4) + name.charCodeAt(i) + (name.charCodeAt(i) << 8)
+}
+
+export const elementContext = new ContextTracker({
+  start: null,
+  shift(context, term, stack, input) {
+    return term === Begin
+      ? new ElementContext(envNameAfter(input, '\\begin'.length) || '', context)
+      : context
+  },
+  reduce(context, term) {
+    return term === KnownEnvironment && context ? context.parent : context
+  },
+  reuse(context, node, _stack, input) {
+    const type = node.type.id
+    return type === Begin
+      ? new ElementContext(envNameAfter(input, 0) || '', context)
+      : context
+  },
+  hash(context) {
+    return context ? context.hash : 0
+  },
+  strict: false,
+})
+
+// tokenizer for \verb|...| commands
+export const verbTokenizer = new ExternalTokenizer(
+  (input, stack) => {
+    if (input.next === '*'.charCodeAt(0)) input.advance()
+    const delimiter = input.next
+    if (delimiter === -1) return // hit end of file
+    if (/\s|\*/.test(String.fromCharCode(delimiter))) return // invalid delimiter
+    input.advance()
+    for (;;) {
+      const next = input.next
+      if (next === -1 || next === CHAR_NEWLINE) return
+      input.advance()
+      if (next === delimiter) break
+    }
+    return input.acceptToken(VerbContent)
+  },
+  { contextual: false }
+)
+
+// tokenizer for \lstinline|...| commands
+export const lstinlineTokenizer = new ExternalTokenizer(
+  (input, stack) => {
+    let delimiter = input.next
+    if (delimiter === -1) return // hit end of file
+    if (/\s/.test(String.fromCharCode(delimiter))) {
+      return // invalid delimiter
+    }
+    if (delimiter === CHAR_OPEN_BRACE) {
+      delimiter = CHAR_CLOSE_BRACE
+    }
+    input.advance()
+    for (;;) {
+      const next = input.next
+      if (next === -1 || next === CHAR_NEWLINE) return
+      input.advance()
+      if (next === delimiter) break
+    }
+    return input.acceptToken(LstInlineContent)
+  },
+  { contextual: false }
+)
+
+const matchForward = (input, expected, offset = 0) => {
+  for (let i = 0; i < expected.length; i++) {
+    if (String.fromCharCode(input.peek(offset + i)) !== expected[i]) {
+      return false
+    }
+  }
+  return true
+}
+
+// tokenizer for \begin{verbatim}...\end{verbatim} environments
+export const verbatimTokenizer = new ExternalTokenizer(
+  (input, stack) => {
+    const delimiter = '\\end{' + stack.context.name + '}'
+    for (let offset = 0; ; offset++) {
+      const next = input.peek(offset)
+      if (next === -1 || matchForward(input, delimiter, offset)) {
+        return input.acceptToken(VerbatimContent, offset)
+      }
+    }
+  },
+  { contextual: false }
+)
+
+// tokenizer for \href{...} and similar commands
+export const literalArgTokenizer = new ExternalTokenizer(
+  input => {
+    for (let offset = 0; ; offset++) {
+      const next = input.peek(offset)
+      if (next === -1 || next === CHAR_CLOSE_BRACE) {
+        return input.acceptToken(LiteralArgContent, offset)
+      }
+    }
+  },
+  { contextual: false }
+)
+
+// tokenizer for literal content delimited by whitespace, such as in `\input foo.tex`
+export const spaceDelimitedLiteralArgTokenizer = new ExternalTokenizer(
+  input => {
+    for (let offset = 0; ; offset++) {
+      const next = input.peek(offset)
+      if (next === -1 || next === CHAR_SPACE || next === CHAR_NEWLINE) {
+        return input.acceptToken(SpaceDelimitedLiteralArgContent, offset)
+      }
+    }
+  },
+  { contextual: false }
+)
+
+// helper function to look up charCodes
+function _char(s) {
+  return s.charCodeAt(0)
+}
+
+const CHAR_BACKSLASH = _char('\\')
+const CHAR_OPEN_BRACE = _char('{')
+const CHAR_OPEN_BRACKET = _char('[')
+const CHAR_CLOSE_BRACE = _char('}')
+const CHAR_TAB = _char('\t')
+const CHAR_SPACE = _char(' ')
+const CHAR_NEWLINE = _char('\n')
+
+const lookaheadTokenizer = getToken =>
+  new ExternalTokenizer(
+    input => {
+      for (let i = 0; i < MAX_ARGUMENT_LOOKAHEAD; ++i) {
+        const next = input.peek(i)
+        if (next === CHAR_SPACE || next === CHAR_TAB) {
+          continue
+        }
+        const token = getToken(next)
+        if (token) {
+          input.acceptToken(token)
+          return
+        }
+      }
+    },
+    { contextual: false, fallback: true }
+  )
+
+export const argumentListTokenizer = lookaheadTokenizer(next => {
+  if (next === CHAR_OPEN_BRACE) {
+    return hasMoreArguments
+  } else {
+    return endOfArguments
+  }
+})
+
+export const argumentListWithOptionalTokenizer = lookaheadTokenizer(next => {
+  if (next === CHAR_OPEN_BRACE || next === CHAR_OPEN_BRACKET) {
+    return hasMoreArgumentsOrOptionals
+  } else {
+    return endOfArgumentsAndOptionals
+  }
+})
+
+const CHAR_AT_SYMBOL = _char('@')
+
+export const csnameTokenizer = new ExternalTokenizer((input, stack) => {
+  let offset = 0
+  let end = -1
+  // look at the first character, we are looking for acceptable control sequence names
+  // including @ signs, \\[a-zA-Z@]+
+  const next = input.peek(offset)
+  if (next === -1) {
+    return
+  }
+  // reject anything not starting with a backslash,
+  // we only accept control sequences
+  if (next !== CHAR_BACKSLASH) {
+    return
+  }
+  offset++
+  for (;;) {
+    const next = input.peek(offset)
+    // stop when we reach the end of file or a non-csname character
+    if (next === -1 || !(alphaChar(next) || next === CHAR_AT_SYMBOL)) {
+      end = offset - 1
+      break
+    }
+    end = offset
+    offset++
+  }
+  if (end === -1) return
+  // accept the content as a valid control sequence
+  return input.acceptToken(Csname, end + 1)
+})
+
+const END_DOCUMENT_MARK = '\\end{document}'.split('').reverse()
+
+export const trailingContentTokenizer = new ExternalTokenizer(
+  (input, stack) => {
+    if (input.next === -1) return // no trailing content
+    // Look back for end-document mark, bail out if any characters do not match
+    for (let i = 1; i < END_DOCUMENT_MARK.length + 1; i++) {
+      if (String.fromCharCode(input.peek(-i)) !== END_DOCUMENT_MARK[i - 1]) {
+        return
+      }
+    }
+    while (input.next === CHAR_SPACE || input.next === CHAR_NEWLINE) {
+      const next = input.advance()
+      if (next === -1) return input.acceptToken(TrailingWhitespaceOnly) // trailing whitespace only
+    }
+    // accept the all content up to the end of the document
+    while (input.advance() !== -1) {
+      //
+    }
+    return input.acceptToken(TrailingContent)
+  }
+)
+
+const refCommands = new Set([
+  '\\fullref',
+  '\\Vref',
+  '\\autopageref',
+  '\\autoref',
+  '\\eqref',
+  '\\labelcpageref',
+  '\\labelcref',
+  '\\lcnamecref',
+  '\\lcnamecrefs',
+  '\\namecref',
+  '\\nameCref',
+  '\\namecrefs',
+  '\\nameCrefs',
+  '\\thnameref',
+  '\\thref',
+  '\\titleref',
+  '\\vrefrange',
+  '\\Crefrange',
+  '\\Crefrang',
+  '\\fref',
+  '\\pref',
+  '\\tref',
+  '\\Aref',
+  '\\Bref',
+  '\\Pref',
+  '\\Sref',
+  '\\vref',
+  '\\nameref',
+])
+
+const refStarrableCommands = new Set([
+  '\\vpageref',
+  '\\vref',
+  '\\zcpageref',
+  '\\zcref',
+  '\\zfullref',
+  '\\zref',
+  '\\zvpageref',
+  '\\zvref',
+  '\\cref',
+  '\\Cref',
+  '\\pageref',
+  '\\ref',
+  '\\Ref',
+  '\\subref',
+  '\\zpageref',
+  '\\ztitleref',
+  '\\vpagerefrange',
+  '\\zvpagerefrange',
+  '\\zvrefrange',
+  '\\crefrange',
+])
+
+const citeCommands = new Set([
+  '\\autocites',
+  '\\Autocites',
+  '\\Cite',
+  '\\citeA',
+  '\\citealp',
+  '\\Citealp',
+  '\\citealt',
+  '\\Citealt',
+  '\\citeauthorNP',
+  '\\citeauthorp',
+  '\\Citeauthorp',
+  '\\citeauthort',
+  '\\Citeauthort',
+  '\\citeNP',
+  '\\citenum',
+  '\\citen',
+  '\\citeonline',
+  '\\cites',
+  '\\Cites',
+  '\\citeurl',
+  '\\citeyearpar',
+  '\\defcitealias',
+  '\\fnotecite',
+  '\\footcite',
+  '\\footcitetext',
+  '\\footfullcite',
+  '\\footnotecites',
+  '\\Footnotecites',
+  '\\fullcite',
+  '\\fullciteA',
+  '\\fullciteauthor',
+  '\\fullciteauthorNP',
+  '\\maskcite',
+  '\\maskciteA',
+  '\\maskcitealp',
+  '\\maskCitealp',
+  '\\maskcitealt',
+  '\\maskCitealt',
+  '\\maskciteauthor',
+  '\\maskciteauthorNP',
+  '\\maskciteauthorp',
+  '\\maskCiteauthorp',
+  '\\maskciteauthort',
+  '\\maskCiteauthort',
+  '\\maskciteNP',
+  '\\maskcitenum',
+  '\\maskcitep',
+  '\\maskCitep',
+  '\\maskcitepalias',
+  '\\maskcitet',
+  '\\maskCitet',
+  '\\maskcitetalias',
+  '\\maskciteyear',
+  '\\maskciteyearNP',
+  '\\maskciteyearpar',
+  '\\maskfullcite',
+  '\\maskfullciteA',
+  '\\maskfullciteauthor',
+  '\\maskfullciteauthorNP',
+  '\\masknocite',
+  '\\maskshortcite',
+  '\\maskshortciteA',
+  '\\maskshortciteauthor',
+  '\\maskshortciteauthorNP',
+  '\\maskshortciteNP',
+  '\\mautocite',
+  '\\Mautocite',
+  '\\mcite',
+  '\\Mcite',
+  '\\mfootcite',
+  '\\mfootcitetext',
+  '\\mparencite',
+  '\\Mparencite',
+  '\\msupercite',
+  '\\mtextcite',
+  '\\Mtextcite',
+  '\\nocite',
+  '\\nocitemeta',
+  '\\notecite',
+  '\\Parencite',
+  '\\parencites',
+  '\\Parencites',
+  '\\pnotecite',
+  '\\shortcite',
+  '\\shortciteA',
+  '\\shortciteauthor',
+  '\\shortciteauthorNP',
+  '\\shortciteNP',
+  '\\smartcite',
+  '\\Smartcite',
+  '\\smartcites',
+  '\\Smartcites',
+  '\\supercite',
+  '\\supercites',
+  '\\textcite',
+  '\\Textcite',
+  '\\textcites',
+  '\\Textcites',
+])
+
+const citeStarredCommands = new Set([
+  '\\cite',
+  '\\citeauthor',
+  '\\Citeauthor',
+  '\\citedate',
+  '\\citep',
+  '\\citepalias',
+  '\\Citep',
+  '\\citetitle',
+  '\\citeyear',
+  '\\parencite',
+  '\\citet',
+  '\\citetalias',
+  '\\autocite',
+  '\\Autocite',
+])
+
+const labelCommands = new Set(['\\label', '\\thlabel', '\\zlabel'])
+
+const mathTextCommands = new Set(['\\text', '\\tag', '\\textrm', '\\intertext'])
+
+const otherKnowncommands = {
+  '\\hbox': HboxCtrlSeq,
+  '\\title': TitleCtrlSeq,
+  '\\author': AuthorCtrlSeq,
+  '\\affil': AffilCtrlSeq,
+  '\\affiliation': AffiliationCtrlSeq,
+  '\\date': DateCtrlSeq,
+  '\\documentclass': DocumentClassCtrlSeq,
+  '\\usepackage': UsePackageCtrlSeq,
+  '\\href': HrefCtrlSeq,
+  '\\url': UrlCtrlSeq,
+  '\\verb': VerbCtrlSeq,
+  '\\lstinline': LstInlineCtrlSeq,
+  '\\includegraphics': IncludeGraphicsCtrlSeq,
+  '\\caption': CaptionCtrlSeq,
+  '\\def': DefCtrlSeq,
+  '\\let': LetCtrlSeq,
+  '\\left': LeftCtrlSeq,
+  '\\right': RightCtrlSeq,
+  '\\newcommand': NewCommandCtrlSeq,
+  '\\renewcommand': RenewCommandCtrlSeq,
+  '\\newenvironment': NewEnvironmentCtrlSeq,
+  '\\renewenvironment': RenewEnvironmentCtrlSeq,
+  '\\book': BookCtrlSeq,
+  '\\part': PartCtrlSeq,
+  '\\addpart': PartCtrlSeq,
+  '\\chapter': ChapterCtrlSeq,
+  '\\addchap': ChapterCtrlSeq,
+  '\\section': SectionCtrlSeq,
+  '\\addseq': SectionCtrlSeq,
+  '\\subsection': SubSectionCtrlSeq,
+  '\\subsubsection': SubSubSectionCtrlSeq,
+  '\\paragraph': ParagraphCtrlSeq,
+  '\\subparagraph': SubParagraphCtrlSeq,
+  '\\input': InputCtrlSeq,
+  '\\include': IncludeCtrlSeq,
+  '\\item': ItemCtrlSeq,
+  '\\centering': CenteringCtrlSeq,
+  '\\newtheorem': NewTheoremCtrlSeq,
+  '\\theoremstyle': TheoremStyleCtrlSeq,
+  '\\bibliography': BibliographyCtrlSeq,
+  '\\bibliographystyle': BibliographyStyleCtrlSeq,
+  '\\maketitle': MaketitleCtrlSeq,
+  '\\textcolor': TextColorCtrlSeq,
+  '\\colorbox': ColorBoxCtrlSeq,
+  '\\hline': HLineCtrlSeq,
+  '\\toprule': TopRuleCtrlSeq,
+  '\\midrule': MidRuleCtrlSeq,
+  '\\bottomrule': BottomRuleCtrlSeq,
+  '\\multicolumn': MultiColumnCtrlSeq,
+  '\\parbox': ParBoxCtrlSeq,
+  '\\textbf': TextBoldCtrlSeq,
+  '\\textit': TextItalicCtrlSeq,
+  '\\textsc': TextSmallCapsCtrlSeq,
+  '\\texttt': TextTeletypeCtrlSeq,
+  '\\textmd': TextMediumCtrlSeq,
+  '\\textsf': TextSansSerifCtrlSeq,
+  '\\textsuperscript': TextSuperscriptCtrlSeq,
+  '\\textsubscript': TextSubscriptCtrlSeq,
+  '\\sout': TextStrikeOutCtrlSeq,
+  '\\emph': EmphasisCtrlSeq,
+  '\\underline': UnderlineCtrlSeq,
+  '\\setlength': SetLengthCtrlSeq,
+}
+// specializer for control sequences
+// return new tokens for specific control sequences
+export const specializeCtrlSeq = (name, terms) => {
+  if (name === '\\begin') return Begin
+  if (name === '\\end') return End
+  if (refCommands.has(name)) {
+    return RefCtrlSeq
+  }
+  if (refStarrableCommands.has(name)) {
+    return RefStarrableCtrlSeq
+  }
+  if (citeCommands.has(name)) {
+    return CiteCtrlSeq
+  }
+  if (citeStarredCommands.has(name)) {
+    return CiteStarrableCtrlSeq
+  }
+  if (labelCommands.has(name)) {
+    return LabelCtrlSeq
+  }
+  if (mathTextCommands.has(name)) {
+    return MathTextCtrlSeq
+  }
+  return otherKnowncommands[name] || -1
+}
+
+const tabularEnvNames = new Set([
+  'tabular',
+  'xltabular',
+  'tabularx',
+  'longtable',
+])
+
+const equationEnvNames = new Set([
+  'equation',
+  'equation*',
+  'displaymath',
+  'displaymath*',
+  'math',
+  'math*',
+  'multline',
+  'multline*',
+  'matrix',
+  'tikzcd',
+])
+
+const equationArrayEnvNames = new Set([
+  'array',
+  'eqnarray',
+  'eqnarray*',
+  'align',
+  'align*',
+  'alignat',
+  'alignat*',
+  'flalign',
+  'flalign*',
+  'gather',
+  'gather*',
+  'pmatrix',
+  'pmatrix*',
+  'bmatrix',
+  'bmatrix*',
+  'Bmatrix',
+  'Bmatrix*',
+  'vmatrix',
+  'vmatrix*',
+  'Vmatrix',
+  'Vmatrix*',
+  'smallmatrix',
+  'smallmatrix*',
+  'split',
+  'split*',
+  'gathered',
+  'gathered*',
+  'aligned',
+  'aligned*',
+  'alignedat',
+  'alignedat*',
+  'cases',
+  'cases*',
+  'dcases',
+  'dcases*',
+  'rcases',
+  'rcases*',
+  'IEEEeqnarray',
+  'IEEEeqnarray*',
+])
+
+const verbatimEnvNames = new Set([
+  'verbatim',
+  'boxedverbatim',
+  'lstlisting',
+  'minted',
+  'Verbatim',
+  'lstlisting',
+  'tcblisting',
+  'codeexample',
+  'comment',
+])
+
+const otherKnownEnvNames = {
+  document: DocumentEnvName,
+  tikzpicture: TikzPictureEnvName,
+  figure: FigureEnvName,
+  'figure*': FigureEnvName,
+  subfigure: FigureEnvName,
+  enumerate: ListEnvName,
+  itemize: ListEnvName,
+  table: TableEnvName,
+  description: ListEnvName,
+}
+
+export const specializeEnvName = (name, terms) => {
+  if (tabularEnvNames.has(name)) {
+    return TabularEnvName
+  }
+  if (equationEnvNames.has(name)) {
+    return EquationEnvName
+  }
+  if (equationArrayEnvNames.has(name)) {
+    return EquationArrayEnvName
+  }
+  if (verbatimEnvNames.has(name)) {
+    return VerbatimEnvName
+  }
+  return otherKnownEnvNames[name] || -1
+}
+
+const otherKnownCtrlSyms = {
+  '\\(': OpenParenCtrlSym,
+  '\\)': CloseParenCtrlSym,
+  '\\[': OpenBracketCtrlSym,
+  '\\]': CloseBracketCtrlSym,
+  '\\\\': LineBreakCtrlSym,
+}
+
+export const specializeCtrlSym = (name, terms) => {
+  return otherKnownCtrlSyms[name] || -1
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/ambiance-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/ambiance-license.txt
new file mode 100644
index 0000000..0d8c3f1
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/ambiance-license.txt
@@ -0,0 +1,28 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright 2011 Irakli Gozalishvili. All rights reserved.
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to
+deal in the Software without restriction, including without limitation the
+rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+sell copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+IN THE SOFTWARE.
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/ambiance.json b/services/web/frontend/js/features/source-editor/themes/cm6/ambiance.json
new file mode 100644
index 0000000..2a054b5
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/ambiance.json
@@ -0,0 +1,79 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "#3d3d3d",
+      "borderRightColor": "transparent",
+      "backgroundImage": "linear-gradient(left, #3D3D3D, #333)",
+      "backgroundRepeat": "repeat-x",
+      "borderRight": "1px solid #4d4d4d",
+      "textShadow": "0px 1px 1px #4d4d4d",
+      "color": "#222"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#3F3F3F"
+    },
+    "&": {
+      "color": "#E6E1DC",
+      "backgroundColor": "#202020"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "borderLeft": "1px solid #7991E8"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgba(221, 240, 255, 0.20)"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "borderRadius": 0,
+      "boxShadow": "0 0 4px black",
+      "outline": "8px solid #3f475d",
+      "margin": 0,
+      "outline-width": "2px"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgba(255, 255, 255, 0.25)"
+    },
+    ".cm-activeLine": {
+      "background": "rgba(255, 255, 255, 0.031)"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#cda869"
+    },
+    ".tok-operator": {
+      "color": "#fa8d6a"
+    },
+    ".tok-string": {
+      "color": "#8f9d6a"
+    },
+    ".tok-labelName": {
+      "color": "#CF7EA9"
+    },
+    ".tok-literal": {
+      "color": "#78CF8A"
+    },
+    ".tok-invalid": {
+      "textDecoration": "underline",
+      "fontStyle": "italic",
+      "color": "#D2A8A1"
+    },
+    ".tok-regexp": {
+      "color": "#DAD085"
+    },
+    ".tok-comment": {
+      "fontStyle": "italic",
+      "color": "#555"
+    },
+    ".tok-typeName": {
+      "color": "#aac6e3"
+    },
+    ".tok-attributeValue": {
+      "color": "#9999cc"
+    },
+    ".tok-variableName": {
+      "color": "#9b859d"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/chaos-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/chaos-license.txt
new file mode 100644
index 0000000..0d8c3f1
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/chaos-license.txt
@@ -0,0 +1,28 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright 2011 Irakli Gozalishvili. All rights reserved.
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to
+deal in the Software without restriction, including without limitation the
+rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+sell copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+IN THE SOFTWARE.
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/chaos.json b/services/web/frontend/js/features/source-editor/themes/cm6/chaos.json
new file mode 100644
index 0000000..053e935
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/chaos.json
@@ -0,0 +1,73 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#141414",
+      "color": "#595959",
+      "borderRight": "1px solid #282828"
+    },
+    "&": {
+      "backgroundColor": "#161616",
+      "color": "#E6E1DC"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "borderLeft": "2px solid #FFFFFF"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "#494836"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid #FCE94F"
+    },
+    ".cm-activeLine": {
+      "background": "#333"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#222"
+    },
+    ".cm-foldPlaceholder": {
+      "background": "#222",
+      "borderRadius": "3px",
+      "color": "#7AF",
+      "border": "none"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "margin": 0
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#00698F"
+    },
+    ".tok-operator": {
+      "color": "#FF308F"
+    },
+    ".tok-labelName": {
+      "color": "#1EDAFB"
+    },
+    ".tok-literal": {
+      "color": "#58C554"
+    },
+    ".tok-invalid": {
+      "color": "#FFFFFF",
+      "backgroundColor": "#990000"
+    },
+    ".tok-string": {
+      "color": "#58C554"
+    },
+    ".tok-comment": {
+      "color": "#555",
+      "fontStyle": "italic",
+      "paddingBottom": "0px"
+    },
+    ".tok-attributeValue": {
+      "color": "#997744"
+    },
+    ".tok-attributeName": {
+      "color": "#FFFF89"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/chrome-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/chrome-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/chrome-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/chrome.json b/services/web/frontend/js/features/source-editor/themes/cm6/chrome.json
new file mode 100644
index 0000000..5f4622c
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/chrome.json
@@ -0,0 +1,78 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#ebebeb",
+      "color": "#333",
+      "overflow": "hidden"
+    },
+    "&": {
+      "backgroundColor": "#FFFFFF",
+      "color": "black"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "black"
+    },
+    ".cm-foldPlaceholder": {},
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgb(181, 213, 255)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgb(192, 192, 192)"
+    },
+    ".cm-activeLine": {
+      "background": "rgba(0, 0, 0, 0.07)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#dcdcdc"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "background": "rgba(250, 250, 255, 0.5)",
+      "outline": "1px solid rgb(200, 200, 250)",
+      "margin": 0
+    }
+  },
+  "highlightStyle": {
+    ".tok-literal": {
+      "color": "rgb(0, 0, 205)"
+    },
+    ".tok-invalid": {
+      "backgroundColor": "rgb(153, 0, 0)",
+      "color": "white"
+    },
+    ".tok-attributeValue": {
+      "fontStyle": "italic",
+      "color": "rgb(49, 132, 149)"
+    },
+    ".tok-operator": {
+      "color": "rgb(104, 118, 135)"
+    },
+    ".tok-comment": {
+      "color": "#236e24"
+    },
+    ".tok-function": {
+      "color": "#0000A2"
+    },
+    ".tok-heading": {
+      "color": "rgb(12, 7, 255)"
+    },
+    ".tok-list": {
+      "color": "rgb(185, 6, 144)"
+    },
+    ".tok-typeName": {
+      "color": "rgb(147, 15, 128)"
+    },
+    ".tok-keyword": {
+      "color": "rgb(147, 15, 128)"
+    },
+    ".tok-string": {
+      "color": "#1A1AA6"
+    },
+    ".tok-attributeName": {
+      "color": "#994409"
+    }
+  },
+  "dark": false
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/clouds-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/clouds-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/clouds-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/clouds.json b/services/web/frontend/js/features/source-editor/themes/cm6/clouds.json
new file mode 100644
index 0000000..aeccd35
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/clouds.json
@@ -0,0 +1,68 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#ebebeb",
+      "color": "#333"
+    },
+    "&": {
+      "backgroundColor": "#FFFFFF",
+      "color": "#000000"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#000000"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "#BDD5FC"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid #BFBFBF"
+    },
+    ".cm-activeLine": {
+      "background": "#FFFBD1"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#dcdcdc"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid #BDD5FC",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#AF956F",
+      "borderColor": "#000000"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#AF956F"
+    },
+    ".tok-operator": {
+      "color": "#484848"
+    },
+    ".tok-literal": {
+      "color": "#46A609"
+    },
+    ".tok-invalid": {
+      "backgroundColor": "#FF002A"
+    },
+    ".tok-typeName": {
+      "color": "#C52727"
+    },
+    ".tok-string": {
+      "color": "#5D90CD"
+    },
+    ".tok-comment": {
+      "color": "#BCC8BA"
+    },
+    ".tok-tagName": {
+      "color": "#606060"
+    },
+    ".tok-attributeName": {
+      "color": "#606060"
+    }
+  },
+  "dark": false
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/clouds_midnight-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/clouds_midnight-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/clouds_midnight-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/clouds_midnight.json b/services/web/frontend/js/features/source-editor/themes/cm6/clouds_midnight.json
new file mode 100644
index 0000000..df48bf8
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/clouds_midnight.json
@@ -0,0 +1,69 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#232323",
+      "color": "#929292"
+    },
+    "&": {
+      "backgroundColor": "#191919",
+      "color": "#929292"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#7DA5DC"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "#000000"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid #BFBFBF"
+    },
+    ".cm-activeLine": {
+      "background": "rgba(215, 215, 215, 0.031)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "rgba(215, 215, 215, 0.031)"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid #000000",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#927C5D",
+      "borderColor": "#929292"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#927C5D"
+    },
+    ".tok-operator": {
+      "color": "#4B4B4B"
+    },
+    ".tok-literal": {
+      "color": "#46A609"
+    },
+    ".tok-invalid": {
+      "color": "#FFFFFF",
+      "backgroundColor": "#E92E2E"
+    },
+    ".tok-typeName": {
+      "color": "#E92E2E"
+    },
+    ".tok-string": {
+      "color": "#5D90CD"
+    },
+    ".tok-comment": {
+      "color": "#3C403B"
+    },
+    ".tok-tagName": {
+      "color": "#606060"
+    },
+    ".tok-attributeName": {
+      "color": "#606060"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/cobalt-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/cobalt-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/cobalt-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/cobalt.json b/services/web/frontend/js/features/source-editor/themes/cm6/cobalt.json
new file mode 100644
index 0000000..b26a828
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/cobalt.json
@@ -0,0 +1,80 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#011e3a",
+      "color": "rgb(128,145,160)"
+    },
+    "&": {
+      "backgroundColor": "#002240",
+      "color": "#FFFFFF"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#FFFFFF"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgba(179, 101, 57, 0.75)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgba(255, 255, 255, 0.15)"
+    },
+    ".cm-activeLine": {
+      "background": "rgba(0, 0, 0, 0.35)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "rgba(0, 0, 0, 0.35)"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid rgba(179, 101, 57, 0.75)",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#FF9D00",
+      "borderColor": "#FFFFFF"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#FF9D00"
+    },
+    ".tok-labelName": {
+      "color": "#FF628C"
+    },
+    ".tok-literal": {
+      "color": "#FF628C"
+    },
+    ".tok-invalid": {
+      "color": "#F8F8F8",
+      "backgroundColor": "#800F00"
+    },
+    ".tok-typeName": {
+      "color": "#FFEE80"
+    },
+    ".tok-string": {
+      "color": "#3AD900"
+    },
+    ".tok-regexp": {
+      "color": "#80FFC2"
+    },
+    ".tok-comment": {
+      "fontStyle": "italic",
+      "color": "#0088FF"
+    },
+    ".tok-heading": {
+      "color": "#C8E4FD",
+      "backgroundColor": "#001221"
+    },
+    ".tok-list": {
+      "backgroundColor": "#130D26"
+    },
+    ".tok-attributeValue": {
+      "color": "#CCCCCC"
+    },
+    ".tok-variableName": {
+      "color": "#FF80E1"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/crimson_editor-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/crimson_editor-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/crimson_editor-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/crimson_editor.json b/services/web/frontend/js/features/source-editor/themes/cm6/crimson_editor.json
new file mode 100644
index 0000000..9918724
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/crimson_editor.json
@@ -0,0 +1,62 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#ebebeb",
+      "color": "#333",
+      "overflow": "hidden"
+    },
+    "&": {
+      "backgroundColor": "#FFFFFF",
+      "color": "rgb(64, 64, 64)"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "black"
+    },
+    ".cm-foldPlaceholder": {},
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgb(181, 213, 255)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgb(192, 192, 192)"
+    },
+    ".cm-activeLine": {
+      "background": "rgb(232, 242, 254)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#dcdcdc"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "background": "rgb(250, 250, 255)",
+      "outline": "1px solid rgb(200, 200, 250)",
+      "margin": 0
+    }
+  },
+  "highlightStyle": {
+    ".tok-string": {
+      "color": "rgb(128, 0, 128)"
+    },
+    ".tok-keyword": {
+      "color": "blue"
+    },
+    ".tok-literal": {
+      "color": "rgb(0, 0, 64)"
+    },
+    ".tok-invalid": {
+      "textDecoration": "line-through",
+      "color": "rgb(224, 0, 0)"
+    },
+    ".tok-operator": {
+      "color": "rgb(49, 132, 149)"
+    },
+    ".tok-comment": {
+      "color": "rgb(76, 136, 107)"
+    },
+    ".tok-attributeValue": {
+      "color": "rgb(0, 64, 128)"
+    }
+  },
+  "dark": false
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/dawn-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/dawn-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/dawn-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/dawn.json b/services/web/frontend/js/features/source-editor/themes/cm6/dawn.json
new file mode 100644
index 0000000..0ae566f
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/dawn.json
@@ -0,0 +1,73 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#ebebeb",
+      "color": "#333"
+    },
+    "&": {
+      "backgroundColor": "#F9F9F9",
+      "color": "#080808"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#000000"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgba(39, 95, 255, 0.30)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgba(75, 75, 126, 0.50)"
+    },
+    ".cm-activeLine": {
+      "background": "rgba(36, 99, 180, 0.12)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#dcdcdc"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid rgba(39, 95, 255, 0.30)",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#794938",
+      "borderColor": "#080808"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#794938"
+    },
+    ".tok-labelName": {
+      "color": "#811F24"
+    },
+    ".tok-literal": {
+      "color": "#811F24"
+    },
+    ".tok-list": {
+      "color": "#693A17"
+    },
+    ".tok-typeName": {
+      "fontStyle": "italic",
+      "color": "#A71D5D"
+    },
+    ".tok-string": {
+      "color": "#0B6125"
+    },
+    ".tok-regexp": {
+      "color": "#CF5628"
+    },
+    ".tok-comment": {
+      "fontStyle": "italic",
+      "color": "#5A525F"
+    },
+    ".tok-heading": {
+      "color": "#19356D"
+    },
+    ".tok-attributeValue": {
+      "color": "#234A97"
+    }
+  },
+  "dark": false
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/dracula-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/dracula-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/dracula-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/dracula.json b/services/web/frontend/js/features/source-editor/themes/cm6/dracula.json
new file mode 100644
index 0000000..d8cd41d
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/dracula.json
@@ -0,0 +1,75 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#282a36",
+      "color": "rgb(144,145,148)"
+    },
+    "&": {
+      "backgroundColor": "#282a36",
+      "color": "#f8f8f2"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#f8f8f0"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "#44475a"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid #a29709"
+    },
+    ".cm-activeLine": {
+      "background": "#44475a"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#44475a"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "boxShadow": "0px 0px 0px 1px inset #a29709",
+      "borderRadius": "3px",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#50fa7b",
+      "borderColor": "#f8f8f2"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#ff79c6"
+    },
+    ".tok-literal": {
+      "color": "#ff79c6"
+    },
+    ".tok-typeName": {
+      "color": "#8be9fd",
+      "fontStyle": "italic"
+    },
+    ".tok-invalid": {
+      "color": "#F8F8F0",
+      "backgroundColor": "#ff79c6"
+    },
+    ".tok-string": {
+      "color": "#f1fa8c"
+    },
+    ".tok-comment": {
+      "color": "#6272a4"
+    },
+    ".tok-attributeValue": {
+      "color": "#ffb86c",
+      "fontStyle": "italic"
+    },
+    ".tok-attributeName": {
+      "color": "#50fa7b"
+    },
+    ".tok-function": {
+      "color": "#50fa7b"
+    },
+    ".tok-tagName": {
+      "color": "#ff79c6"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/dreamweaver-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/dreamweaver-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/dreamweaver-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/dreamweaver.json b/services/web/frontend/js/features/source-editor/themes/cm6/dreamweaver.json
new file mode 100644
index 0000000..685ffe7
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/dreamweaver.json
@@ -0,0 +1,75 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#e8e8e8",
+      "color": "#333"
+    },
+    "&": {
+      "backgroundColor": "#FFFFFF",
+      "color": "black"
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#757AD8"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "black"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgb(181, 213, 255)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgb(192, 192, 192)"
+    },
+    ".cm-activeLine": {
+      "background": "rgba(0, 0, 0, 0.07)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#DCDCDC"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "background": "rgb(250, 250, 255)",
+      "outline": "1px solid rgb(200, 200, 250)",
+      "margin": 0
+    }
+  },
+  "highlightStyle": {
+    ".tok-typeName": {
+      "color": "blue"
+    },
+    ".tok-keyword": {
+      "color": "blue"
+    },
+    ".tok-literal": {
+      "color": "rgb(0, 0, 205)"
+    },
+    ".tok-invalid": {
+      "backgroundColor": "rgb(153, 0, 0)",
+      "color": "white"
+    },
+    ".tok-operator": {
+      "color": "rgb(104, 118, 135)"
+    },
+    ".tok-string": {
+      "color": "#00F"
+    },
+    ".tok-comment": {
+      "color": "rgb(76, 136, 107)"
+    },
+    ".tok-attributeValue": {
+      "color": "#06F"
+    },
+    ".tok-function": {
+      "color": "#00F"
+    },
+    ".tok-heading": {
+      "color": "rgb(12, 7, 255)"
+    },
+    ".tok-list": {
+      "color": "rgb(185, 6, 144)"
+    }
+  },
+  "dark": false
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/eclipse-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/eclipse-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/eclipse-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/eclipse.json b/services/web/frontend/js/features/source-editor/themes/cm6/eclipse.json
new file mode 100644
index 0000000..c72eb13
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/eclipse.json
@@ -0,0 +1,59 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#ebebeb",
+      "borderRight": "1px solid rgb(159, 159, 159)",
+      "color": "rgb(136, 136, 136)"
+    },
+    "&": {
+      "backgroundColor": "#FFFFFF",
+      "color": "black"
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "rgb(60, 76, 114)"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "black"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgb(181, 213, 255)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgb(192, 192, 192)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#DADADA"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid rgb(181, 213, 255)",
+      "margin": 0
+    }
+  },
+  "highlightStyle": {
+    ".tok-typeName": {
+      "color": "rgb(127, 0, 127)"
+    },
+    ".tok-keyword": {
+      "color": "rgb(127, 0, 85)"
+    },
+    ".tok-attributeValue": {
+      "color": "rgb(127, 0, 85)"
+    },
+    ".tok-string": {
+      "color": "rgb(42, 0, 255)"
+    },
+    ".tok-comment": {
+      "color": "rgb(113, 150, 130)"
+    },
+    ".tok-literal": {
+      "color": "darkblue"
+    },
+    ".tok-attributeName": {
+      "color": "rgb(127, 0, 127)"
+    }
+  },
+  "dark": false
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/github-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/github-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/github-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/github.json b/services/web/frontend/js/features/source-editor/themes/cm6/github.json
new file mode 100644
index 0000000..e117367
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/github.json
@@ -0,0 +1,59 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#e8e8e8",
+      "color": "#AAA"
+    },
+    "&": {
+      "background": "#fff",
+      "color": "#000"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "black"
+    },
+    ".cm-activeLine": {
+      "background": "rgb(245, 245, 245)"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgb(181, 213, 255)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgb(192, 192, 192)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "rgba(0, 0, 0, 0.07)"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "background": "rgb(250, 250, 255)",
+      "outline": "1px solid rgb(200, 200, 250)",
+      "margin": 0
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "fontWeight": "bold"
+    },
+    ".tok-string": {
+      "color": "#D14"
+    },
+    ".tok-literal": {
+      "color": "#099",
+      "fontWeight": "bold"
+    },
+    ".tok-comment": {
+      "color": "#998",
+      "fontStyle": "italic"
+    },
+    ".tok-variableName": {
+      "color": "#0086B3"
+    },
+    ".tok-regexp": {
+      "color": "#009926",
+      "fontWeight": "normal"
+    }
+  },
+  "dark": false
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/gob-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/gob-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/gob-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/gob.json b/services/web/frontend/js/features/source-editor/themes/cm6/gob.json
new file mode 100644
index 0000000..2faf782
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/gob.json
@@ -0,0 +1,77 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#0B1818",
+      "color": "#03EE03"
+    },
+    "&": {
+      "backgroundColor": "#0B0B0B",
+      "color": "#00FF00"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "borderColor": "rgba(16, 248, 255, 0.90)",
+      "backgroundColor": "rgba(16, 240, 248, 0.70)",
+      "opacity": "0.4"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgba(221, 240, 255, 0.20)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgba(64, 255, 255, 0.25)"
+    },
+    ".cm-activeLine": {
+      "background": "rgba(255, 255, 255, 0.04)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "rgba(255, 255, 255, 0.04)"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid rgba(192, 240, 255, 0.20)",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#50B8B8",
+      "borderColor": "#70F8F8"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#10D8E8"
+    },
+    ".tok-labelName": {
+      "color": "#10F0A0"
+    },
+    ".tok-literal": {
+      "color": "#10F0A0"
+    },
+    ".tok-heading": {
+      "color": "#10F0A0"
+    },
+    ".tok-list": {
+      "color": "#10FF98"
+    },
+    ".tok-typeName": {
+      "color": "#10FF98"
+    },
+    ".tok-function": {
+      "color": "#00F868"
+    },
+    ".tok-attributeValue": {
+      "color": "#00F888"
+    },
+    ".tok-string": {
+      "color": "#10F060"
+    },
+    ".tok-regexp": {
+      "color": "#20F090"
+    },
+    ".tok-comment": {
+      "fontStyle": "italic",
+      "color": "#00E060"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/gruvbox-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/gruvbox-license.txt
new file mode 100644
index 0000000..0d8c3f1
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/gruvbox-license.txt
@@ -0,0 +1,28 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright 2011 Irakli Gozalishvili. All rights reserved.
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to
+deal in the Software without restriction, including without limitation the
+rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
+sell copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+IN THE SOFTWARE.
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/gruvbox.json b/services/web/frontend/js/features/source-editor/themes/cm6/gruvbox.json
new file mode 100644
index 0000000..701157c
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/gruvbox.json
@@ -0,0 +1,61 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#3C3836"
+    },
+    "&": {
+      "color": "#EBDAB4",
+      "backgroundColor": "#1D2021"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgba(179, 101, 57, 0.75)"
+    },
+    ".cm-activeLine": {
+      "background": "#3C3836"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "borderRadius": 0,
+      "outline": "8px solid #3f475d",
+      "margin": 0,
+      "outline-width": "2px"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#8ec07c"
+    },
+    ".tok-comment": {
+      "fontStyle": "italic",
+      "color": "#928375"
+    },
+    ".tok-attributeValue": {
+      "color": "#84A598"
+    },
+    ".tok-variableName": {
+      "color": "#D2879B"
+    },
+    ".tok-labelName": {
+      "color": "#C2859A"
+    },
+    ".tok-literal": {
+      "color": "#C2859A"
+    },
+    ".tok-string": {
+      "color": "#B8BA37"
+    },
+    ".tok-typeName": {
+      "color": "#8FBF7F"
+    },
+    ".tok-operator": {
+      "color": "#EBDAB4"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/idle_fingers-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/idle_fingers-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/idle_fingers-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/idle_fingers.json b/services/web/frontend/js/features/source-editor/themes/cm6/idle_fingers.json
new file mode 100644
index 0000000..3dd4e4e
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/idle_fingers.json
@@ -0,0 +1,67 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#3b3b3b",
+      "color": "rgb(153,153,153)"
+    },
+    "&": {
+      "backgroundColor": "#323232",
+      "color": "#FFFFFF"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#91FF00"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgba(90, 100, 126, 0.88)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid #404040"
+    },
+    ".cm-activeLine": {
+      "background": "#353637"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#353637"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid rgba(90, 100, 126, 0.88)",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#CC7833",
+      "borderColor": "#FFFFFF"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#CC7833"
+    },
+    ".tok-labelName": {
+      "color": "#6C99BB"
+    },
+    ".tok-literal": {
+      "color": "#6C99BB"
+    },
+    ".tok-invalid": {
+      "color": "#FFFFFF",
+      "backgroundColor": "#FF0000"
+    },
+    ".tok-attributeValue": {
+      "fontStyle": "italic"
+    },
+    ".tok-string": {
+      "color": "#A5C261"
+    },
+    ".tok-regexp": {
+      "color": "#CCCC33"
+    },
+    ".tok-comment": {
+      "fontStyle": "italic",
+      "color": "#BC9458"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/iplastic-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/iplastic-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/iplastic-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/iplastic.json b/services/web/frontend/js/features/source-editor/themes/cm6/iplastic.json
new file mode 100644
index 0000000..48a4b89
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/iplastic.json
@@ -0,0 +1,87 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#dddddd",
+      "color": "#666666"
+    },
+    "&": {
+      "backgroundColor": "#eeeeee",
+      "color": "#333333"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#333"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "#BAD6FD"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "background": "#FFF799",
+      "outline": "1px solid #49483E"
+    },
+    ".cm-activeLine": {
+      "background": "#e5e5e5"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#eeeeee"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "borderRadius": "4px",
+      "outline": "1px solid #555555",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#464646",
+      "borderColor": "#F8F8F2"
+    }
+  },
+  "highlightStyle": {
+    ".tok-tagName": {
+      "color": "#0000FF"
+    },
+    ".tok-keyword": {
+      "color": "#0000FF"
+    },
+    ".tok-typeName": {
+      "color": "#3333fc",
+      "fontWeight": "700"
+    },
+    ".tok-punctuation": {
+      "color": "#000"
+    },
+    ".tok-labelName": {
+      "color": "#333333",
+      "fontWeight": "700"
+    },
+    ".tok-literal": {
+      "color": "#0066FF",
+      "fontWeight": "100"
+    },
+    ".tok-invalid": {
+      "color": "#F8F8F0",
+      "backgroundColor": "#F92672"
+    },
+    ".tok-function": {
+      "color": "#3366cc",
+      "fontStyle": "italic"
+    },
+    ".tok-attributeName": {
+      "color": "#3366cc",
+      "fontStyle": "italic"
+    },
+    ".tok-attributeValue": {
+      "color": "#2469E0",
+      "fontStyle": "italic"
+    },
+    ".tok-string": {
+      "color": "#a55f03"
+    },
+    ".tok-comment": {
+      "color": "#777777",
+      "fontStyle": "italic"
+    }
+  },
+  "dark": false
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/katzenmilch-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/katzenmilch-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/katzenmilch-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/katzenmilch.json b/services/web/frontend/js/features/source-editor/themes/cm6/katzenmilch.json
new file mode 100644
index 0000000..61948ef
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/katzenmilch.json
@@ -0,0 +1,87 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#e8e8e8",
+      "color": "#333"
+    },
+    "&": {
+      "backgroundColor": "#f3f2f3",
+      "color": "rgba(15, 0, 9, 1.0)"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "borderLeft": "2px solid #100011"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgba(100, 5, 208, 0.27)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgba(0, 0, 0, 0.33)"
+    },
+    ".cm-activeLine": {
+      "background": "rgb(232, 242, 254)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "rgb(232, 242, 254)"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid rgba(100, 5, 208, 0.27)",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "rgba(2, 95, 73, 0.97)",
+      "borderColor": "rgba(15, 0, 9, 1.0)"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#674Aa8",
+      "rbackgroundColor": "rgba(163, 170, 216, 0.055)"
+    },
+    ".tok-literal": {
+      "color": "rgba(2, 95, 105, 1.0)",
+      "rbackgroundColor": "rgba(127, 34, 153, 0.063)"
+    },
+    ".tok-typeName": {
+      "color": "rgba(123, 92, 191, 1.0)",
+      "rbackgroundColor": "rgba(139, 93, 223, 0.051)"
+    },
+    ".tok-invalid": {
+      "color": "#DFDFD5",
+      "rbackgroundColor": "#CC1B27"
+    },
+    ".tok-string": {
+      "color": "#5a5f9b",
+      "rbackgroundColor": "rgba(170, 175, 219, 0.035)"
+    },
+    ".tok-comment": {
+      "fontStyle": "italic",
+      "color": "rgba(64, 79, 80, 0.67)",
+      "rbackgroundColor": "rgba(95, 15, 255, 0.0078)"
+    },
+    ".tok-function": {
+      "color": "rgba(2, 95, 73, 0.97)",
+      "rbackgroundColor": "rgba(34, 255, 73, 0.12)"
+    },
+    ".tok-attributeValue": {
+      "color": "rgba(51, 150, 159, 0.87)",
+      "rbackgroundColor": "rgba(5, 214, 249, 0.043)",
+      "fontStyle": "italic"
+    },
+    ".tok-variableName": {
+      "color": "#316fcf",
+      "rbackgroundColor": "rgba(58, 175, 255, 0.039)"
+    },
+    ".tok-attributeName": {
+      "color": "rgba(73, 70, 194, 0.93)",
+      "rbackgroundColor": "rgba(73, 134, 194, 0.035)"
+    },
+    ".tok-tagName": {
+      "color": "#3976a2",
+      "rbackgroundColor": "rgba(73, 166, 210, 0.039)"
+    }
+  },
+  "dark": false
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/kr_theme-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/kr_theme-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/kr_theme-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/kr_theme.json b/services/web/frontend/js/features/source-editor/themes/cm6/kr_theme.json
new file mode 100644
index 0000000..90e6321
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/kr_theme.json
@@ -0,0 +1,76 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#1c1917",
+      "color": "#FCFFE0"
+    },
+    "&": {
+      "backgroundColor": "#0B0A09",
+      "color": "#FCFFE0"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#FF9900"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgba(170, 0, 255, 0.45)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgba(255, 177, 111, 0.32)"
+    },
+    ".cm-activeLine": {
+      "background": "#38403D"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#38403D"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid rgba(170, 0, 255, 0.45)",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#949C8B",
+      "borderColor": "#FCFFE0"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#949C8B"
+    },
+    ".tok-labelName": {
+      "color": "rgba(210, 117, 24, 0.76)"
+    },
+    ".tok-literal": {
+      "color": "rgba(210, 117, 24, 0.76)"
+    },
+    ".tok-invalid": {
+      "color": "#F8F8F8",
+      "backgroundColor": "#A41300"
+    },
+    ".tok-typeName": {
+      "color": "#FFEE80"
+    },
+    ".tok-string": {
+      "color": "rgba(164, 161, 181, 0.8)"
+    },
+    ".tok-regexp": {
+      "color": "rgba(125, 255, 192, 0.65)"
+    },
+    ".tok-comment": {
+      "fontStyle": "italic",
+      "color": "#706D5B"
+    },
+    ".tok-attributeValue": {
+      "color": "#D1A796"
+    },
+    ".tok-list": {
+      "backgroundColor": "#0F0040"
+    },
+    ".tok-variableName": {
+      "color": "#FF80E1"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/kuroir-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/kuroir-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/kuroir-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/kuroir.json b/services/web/frontend/js/features/source-editor/themes/cm6/kuroir.json
new file mode 100644
index 0000000..e5a6864
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/kuroir.json
@@ -0,0 +1,70 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#e8e8e8",
+      "color": "#333"
+    },
+    "&": {
+      "backgroundColor": "#E8E9E8",
+      "color": "#363636"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#202020"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgba(245, 170, 0, 0.57)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgba(0, 0, 0, 0.29)"
+    },
+    ".cm-activeLine": {
+      "background": "rgba(203, 220, 47, 0.22)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "rgba(203, 220, 47, 0.22)"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid rgba(245, 170, 0, 0.57)",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "borderColor": "#363636"
+    }
+  },
+  "highlightStyle": {
+    ".tok-labelName": {
+      "color": "#CD6839"
+    },
+    ".tok-literal": {
+      "color": "#9A5925"
+    },
+    ".tok-typeName": {
+      "color": "#A52A2A"
+    },
+    ".tok-string": {
+      "color": "#639300"
+    },
+    ".tok-regexp": {
+      "color": "#417E00",
+      "backgroundColor": "#C9D4BE"
+    },
+    ".tok-comment": {
+      "color": "rgba(148, 148, 148, 0.91)",
+      "backgroundColor": "rgba(220, 220, 220, 0.56)"
+    },
+    ".tok-attributeValue": {
+      "color": "#009ACD"
+    },
+    ".tok-heading": {
+      "color": "#B8012D",
+      "backgroundColor": "rgba(191, 97, 51, 0.051)"
+    },
+    ".tok-list": {
+      "color": "#8F5B26"
+    }
+  },
+  "dark": false
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/merbivore-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/merbivore-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/merbivore-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/merbivore.json b/services/web/frontend/js/features/source-editor/themes/cm6/merbivore.json
new file mode 100644
index 0000000..1f202bc
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/merbivore.json
@@ -0,0 +1,70 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#202020",
+      "color": "#E6E1DC"
+    },
+    "&": {
+      "backgroundColor": "#161616",
+      "color": "#E6E1DC"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#FFFFFF"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "#454545"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid #404040"
+    },
+    ".cm-activeLine": {
+      "background": "#333435"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#333435"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid #454545",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#FC6F09",
+      "borderColor": "#E6E1DC"
+    }
+  },
+  "highlightStyle": {
+    ".tok-tagName": {
+      "color": "#FC6F09"
+    },
+    ".tok-keyword": {
+      "color": "#FC6F09"
+    },
+    ".tok-typeName": {
+      "color": "#FC6F09"
+    },
+    ".tok-labelName": {
+      "color": "#1EDAFB"
+    },
+    ".tok-literal": {
+      "color": "#58C554"
+    },
+    ".tok-string": {
+      "color": "#8DFF0A"
+    },
+    ".tok-invalid": {
+      "color": "#FFFFFF",
+      "backgroundColor": "#990000"
+    },
+    ".tok-comment": {
+      "fontStyle": "italic",
+      "color": "#AD2EA4"
+    },
+    ".tok-attributeName": {
+      "color": "#FFFF89"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/merbivore_soft-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/merbivore_soft-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/merbivore_soft-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/merbivore_soft.json b/services/web/frontend/js/features/source-editor/themes/cm6/merbivore_soft.json
new file mode 100644
index 0000000..2d8739b
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/merbivore_soft.json
@@ -0,0 +1,70 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#262424",
+      "color": "#E6E1DC"
+    },
+    "&": {
+      "backgroundColor": "#1C1C1C",
+      "color": "#E6E1DC"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#FFFFFF"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "#494949"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid #404040"
+    },
+    ".cm-activeLine": {
+      "background": "#333435"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#333435"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid #494949",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#FC803A",
+      "borderColor": "#E6E1DC"
+    }
+  },
+  "highlightStyle": {
+    ".tok-tagName": {
+      "color": "#FC803A"
+    },
+    ".tok-keyword": {
+      "color": "#FC803A"
+    },
+    ".tok-typeName": {
+      "color": "#FC803A"
+    },
+    ".tok-labelName": {
+      "color": "#68C1D8"
+    },
+    ".tok-literal": {
+      "color": "#7FC578"
+    },
+    ".tok-string": {
+      "color": "#8EC65F"
+    },
+    ".tok-invalid": {
+      "color": "#FFFFFF",
+      "backgroundColor": "#FE3838"
+    },
+    ".tok-comment": {
+      "fontStyle": "italic",
+      "color": "#AC4BB8"
+    },
+    ".tok-attributeName": {
+      "color": "#EAF1A3"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/mono_industrial-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/mono_industrial-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/mono_industrial-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/mono_industrial.json b/services/web/frontend/js/features/source-editor/themes/cm6/mono_industrial.json
new file mode 100644
index 0000000..6a9ceb0
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/mono_industrial.json
@@ -0,0 +1,83 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#1d2521",
+      "color": "#C5C9C9"
+    },
+    "&": {
+      "backgroundColor": "#222C28",
+      "color": "#FFFFFF"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#FFFFFF"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgba(145, 153, 148, 0.40)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgba(102, 108, 104, 0.50)"
+    },
+    ".cm-activeLine": {
+      "background": "rgba(12, 13, 12, 0.25)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "rgba(12, 13, 12, 0.25)"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid rgba(145, 153, 148, 0.40)",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#A8B3AB",
+      "borderColor": "#FFFFFF"
+    }
+  },
+  "highlightStyle": {
+    ".tok-string": {
+      "backgroundColor": "#151C19",
+      "color": "#FFFFFF"
+    },
+    ".tok-keyword": {
+      "color": "#A39E64"
+    },
+    ".tok-labelName": {
+      "color": "#E98800"
+    },
+    ".tok-literal": {
+      "color": "#E98800"
+    },
+    ".tok-function": {
+      "color": "#A8B3AB"
+    },
+    ".tok-operator": {
+      "color": "#A8B3AB"
+    },
+    ".tok-attributeValue": {
+      "color": "#648BD2"
+    },
+    ".tok-invalid": {
+      "color": "#FFFFFF",
+      "backgroundColor": "rgba(153, 0, 0, 0.68)"
+    },
+    ".tok-typeName": {
+      "color": "#C23B00"
+    },
+    ".tok-variableName": {
+      "color": "#648BD2"
+    },
+    ".tok-comment": {
+      "color": "#666C68",
+      "backgroundColor": "#151C19"
+    },
+    ".tok-attributeName": {
+      "color": "#909993"
+    },
+    ".tok-tagName": {
+      "color": "#A65EFF"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/monokai-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/monokai-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/monokai-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/monokai.json b/services/web/frontend/js/features/source-editor/themes/cm6/monokai.json
new file mode 100644
index 0000000..1e18868
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/monokai.json
@@ -0,0 +1,77 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#2F3129",
+      "color": "#8F908A"
+    },
+    "&": {
+      "backgroundColor": "#272822",
+      "color": "#F8F8F2"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#F8F8F0"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "#49483E"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid #49483E"
+    },
+    ".cm-activeLine": {
+      "background": "#202020"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#272727"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid #49483E",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#A6E22E",
+      "borderColor": "#F8F8F2"
+    }
+  },
+  "highlightStyle": {
+    ".tok-tagName": {
+      "color": "#F92672"
+    },
+    ".tok-keyword": {
+      "color": "#F92672"
+    },
+    ".tok-typeName": {
+      "color": "#66D9EF",
+      "fontStyle": "italic"
+    },
+    ".tok-punctuation": {
+      "color": "#fff"
+    },
+    ".tok-literal": {
+      "color": "#AE81FF"
+    },
+    ".tok-invalid": {
+      "color": "#F8F8F0",
+      "backgroundColor": "#F92672"
+    },
+    ".tok-function": {
+      "color": "#A6E22E"
+    },
+    ".tok-attributeName": {
+      "color": "#A6E22E"
+    },
+    ".tok-attributeValue": {
+      "color": "#FD971F",
+      "fontStyle": "italic"
+    },
+    ".tok-string": {
+      "color": "#E6DB74"
+    },
+    ".tok-comment": {
+      "color": "#75715E"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/nord_dark-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/nord_dark-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/nord_dark-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/nord_dark.json b/services/web/frontend/js/features/source-editor/themes/cm6/nord_dark.json
new file mode 100644
index 0000000..ac9b61f
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/nord_dark.json
@@ -0,0 +1,73 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "color": "#616e88"
+    },
+    "&": {
+      "backgroundColor": "#2e3440",
+      "color": "#d8dee9"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#d8dee9"
+    },
+    ".cm-activeLine": {
+      "background": "#434c5ecc"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "#434c5ecc"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid #88c0d066"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#434c5ecc"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid #88c0d066",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#4c566a",
+      "borderColor": "#d8dee9"
+    }
+  },
+  "highlightStyle": {
+    ".tok-attributeName": {
+      "color": "#d8dee9"
+    },
+    ".tok-typeName": {
+      "color": "#d8dee9"
+    },
+    ".tok-regexp": {
+      "color": "#bf616a"
+    },
+    ".tok-keyword": {
+      "color": "#81a1c1"
+    },
+    ".tok-literal": {
+      "color": "#b48ead"
+    },
+    ".tok-function": {
+      "color": "#8fbcbb"
+    },
+    ".tok-tagName": {
+      "color": "#8fbcbb"
+    },
+    ".tok-attributeValue": {
+      "color": "#8fbcbb"
+    },
+    ".tok-variableName": {
+      "color": "#8fbcbb"
+    },
+    ".tok-string": {
+      "color": "#a3be8c"
+    },
+    ".tok-comment": {
+      "color": "#616e88"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/one_dark-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/one_dark-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/one_dark-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/one_dark.json b/services/web/frontend/js/features/source-editor/themes/cm6/one_dark.json
new file mode 100644
index 0000000..dfbc7eb
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/one_dark.json
@@ -0,0 +1,82 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#282c34",
+      "color": "#6a6f7a"
+    },
+    "&": {
+      "backgroundColor": "#282c34",
+      "color": "#abb2bf"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#528bff"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "#3d4350"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid #747369"
+    },
+    ".cm-activeLine": {
+      "background": "rgba(76, 87, 103, .19)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "rgba(76, 87, 103, .19)"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid #3d4350",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#61afef",
+      "borderColor": "#abb2bf"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#c678dd"
+    },
+    ".tok-operator": {
+      "color": "#c678dd"
+    },
+    ".tok-literal": {
+      "color": "#56b6c2"
+    },
+    ".tok-typeName": {
+      "color": "#c678dd"
+    },
+    ".tok-invalid": {
+      "color": "#fff",
+      "backgroundColor": "#f2777a"
+    },
+    ".tok-string": {
+      "color": "#98c379"
+    },
+    ".tok-regexp": {
+      "color": "#e06c75"
+    },
+    ".tok-comment": {
+      "fontStyle": "italic",
+      "color": "#5c6370"
+    },
+    ".tok-attributeValue": {
+      "color": "#d19a66"
+    },
+    ".tok-attributeName": {
+      "color": "#e06c75"
+    },
+    ".tok-function": {
+      "color": "#61afef"
+    },
+    ".tok-tagName": {
+      "color": "#e06c75"
+    },
+    ".tok-heading": {
+      "color": "#98c379"
+    }
+  },
+  "dark": false
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/overleaf.json b/services/web/frontend/js/features/source-editor/themes/cm6/overleaf.json
new file mode 100644
index 0000000..d36a009
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/overleaf.json
@@ -0,0 +1,63 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#f0f0f0",
+      "color": "#333"
+    },
+    "&": {
+      "backgroundColor": "#FFFFFF",
+      "color": "black"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "black"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgb(181, 213, 255)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "outline": "1px solid #5A5CAD",
+      "margin": 0
+    },
+    ".cm-activeLine": {
+      "background": "rgba(0, 0, 0, 0.07)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#dcdcdc"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "background": "rgba(250, 250, 255, 0.5)",
+      "outline": "1px solid rgb(200, 200, 250)",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#6B72E6"
+    }
+  },
+  "highlightStyle": {
+    ".tok-comment": {
+      "color": "#0080FF",
+      "fontStyle": "italic"
+    },
+    ".tok-typeName": {
+      "color": "#3F7F7F"
+    },
+    ".tok-keyword": {
+      "color": "#3F7F7F"
+    },
+    ".tok-attributeValue": {
+      "color": "#5A5CAD"
+    },
+    ".tok-string": {
+      "color": "#5A5CAD"
+    },
+    ".tok-labelName": {
+      "color": "#3F7F7F"
+    },
+    ".tok-number": {
+      "color": "#5A5CAD"
+    }
+  },
+  "dark": false
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/pastel_on_dark-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/pastel_on_dark-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/pastel_on_dark-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/pastel_on_dark.json b/services/web/frontend/js/features/source-editor/themes/cm6/pastel_on_dark.json
new file mode 100644
index 0000000..a751897
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/pastel_on_dark.json
@@ -0,0 +1,72 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#353030",
+      "color": "#8F938F"
+    },
+    "&": {
+      "backgroundColor": "#2C2828",
+      "color": "#8F938F"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#A7A7A7"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgba(221, 240, 255, 0.20)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgba(255, 255, 255, 0.25)"
+    },
+    ".cm-activeLine": {
+      "background": "rgba(255, 255, 255, 0.031)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "rgba(255, 255, 255, 0.031)"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid rgba(221, 240, 255, 0.20)",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#757aD8",
+      "borderColor": "#8F938F"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#757aD8"
+    },
+    ".tok-labelName": {
+      "color": "#4FB7C5"
+    },
+    ".tok-literal": {
+      "color": "#CCCCCC"
+    },
+    ".tok-operator": {
+      "color": "#797878"
+    },
+    ".tok-invalid": {
+      "color": "#F8F8F8",
+      "backgroundColor": "rgba(86, 45, 86, 0.75)"
+    },
+    ".tok-string": {
+      "color": "#66A968"
+    },
+    ".tok-regexp": {
+      "color": "#E9C062"
+    },
+    ".tok-comment": {
+      "color": "#A6C6FF"
+    },
+    ".tok-attributeValue": {
+      "color": "#BEBF55"
+    },
+    ".tok-variableName": {
+      "color": "#C1C144"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/solarized_dark-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/solarized_dark-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/solarized_dark-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/solarized_dark.json b/services/web/frontend/js/features/source-editor/themes/cm6/solarized_dark.json
new file mode 100644
index 0000000..b9864fd
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/solarized_dark.json
@@ -0,0 +1,75 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#01313f",
+      "color": "#d0edf7"
+    },
+    "&": {
+      "backgroundColor": "#002B36",
+      "color": "#93A1A1"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#D30102"
+    },
+    ".cm-activeLine": {
+      "background": "rgba(255, 255, 255, 0.1)"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgba(255, 255, 255, 0.1)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgba(147, 161, 161, 0.50)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#0d3440"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid #073642",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#268BD2",
+      "borderColor": "#93A1A1"
+    }
+  },
+  "highlightStyle": {
+    ".tok-attributeName": {
+      "color": "#93A1A1"
+    },
+    ".tok-typeName": {
+      "color": "#93A1A1"
+    },
+    ".tok-regexp": {
+      "color": "#D30102"
+    },
+    ".tok-keyword": {
+      "color": "#859900"
+    },
+    ".tok-literal": {
+      "color": "#D33682"
+    },
+    ".tok-function": {
+      "color": "#268BD2"
+    },
+    ".tok-tagName": {
+      "color": "#268BD2"
+    },
+    ".tok-attributeValue": {
+      "color": "#268BD2"
+    },
+    ".tok-variableName": {
+      "color": "#268BD2"
+    },
+    ".tok-string": {
+      "color": "#2AA198"
+    },
+    ".tok-comment": {
+      "fontStyle": "italic",
+      "color": "#657B83"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/solarized_light-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/solarized_light-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/solarized_light-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/solarized_light.json b/services/web/frontend/js/features/source-editor/themes/cm6/solarized_light.json
new file mode 100644
index 0000000..cb4c260
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/solarized_light.json
@@ -0,0 +1,74 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#fbf1d3",
+      "color": "#333"
+    },
+    "&": {
+      "backgroundColor": "#FDF6E3",
+      "color": "#586E75"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#000000"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgba(7, 54, 67, 0.09)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgba(147, 161, 161, 0.50)"
+    },
+    ".cm-activeLine": {
+      "background": "#EEE8D5"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#EDE5C1"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid #7f9390",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#268BD2",
+      "borderColor": "#586E75"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#859900"
+    },
+    ".tok-literal": {
+      "color": "#D33682"
+    },
+    ".tok-function": {
+      "color": "#268BD2"
+    },
+    ".tok-tagName": {
+      "color": "#268BD2"
+    },
+    ".tok-attributeValue": {
+      "color": "#268BD2"
+    },
+    ".tok-variableName": {
+      "color": "#268BD2"
+    },
+    ".tok-typeName": {
+      "color": "#073642"
+    },
+    ".tok-string": {
+      "color": "#2AA198"
+    },
+    ".tok-regexp": {
+      "color": "#D30102"
+    },
+    ".tok-comment": {
+      "color": "#93A1A1"
+    },
+    ".tok-attributeName": {
+      "color": "#93A1A1"
+    }
+  },
+  "dark": false
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/sqlserver-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/sqlserver-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/sqlserver-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/sqlserver.json b/services/web/frontend/js/features/source-editor/themes/cm6/sqlserver.json
new file mode 100644
index 0000000..084fa2d
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/sqlserver.json
@@ -0,0 +1,86 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#ebebeb",
+      "color": "#333",
+      "overflow": "hidden"
+    },
+    "&": {
+      "backgroundColor": "#FFFFFF",
+      "color": "black"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "black"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgb(181, 213, 255)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgb(192, 192, 192)"
+    },
+    ".cm-activeLine": {
+      "background": "rgba(0, 0, 0, 0.07)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#dcdcdc"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "background": "rgb(250, 250, 255)",
+      "outline": "1px solid rgb(200, 200, 250)",
+      "margin": 0
+    }
+  },
+  "highlightStyle": {
+    ".tok-string": {
+      "color": "#FF0000"
+    },
+    ".tok-keyword": {
+      "color": "#0000FF"
+    },
+    ".tok-number": {
+      "color": "black"
+    },
+    ".tok-typeName": {
+      "color": "#11B7BE"
+    },
+    ".tok-operator": {
+      "color": "#808080"
+    },
+    ".tok-paren": {
+      "color": "#808080"
+    },
+    ".tok-punctuation": {
+      "color": "#808080"
+    },
+    ".tok-literal": {
+      "color": "black"
+    },
+    ".tok-invalid": {
+      "backgroundColor": "rgb(153, 0, 0)",
+      "color": "white"
+    },
+    ".tok-class": {
+      "color": "#008080"
+    },
+    ".tok-attributeValue": {
+      "fontStyle": "italic",
+      "color": "rgb(49, 132, 149)"
+    },
+    ".tok-comment": {
+      "color": "#008000"
+    },
+    ".tok-heading": {
+      "color": "rgb(12, 7, 255)"
+    },
+    ".tok-list": {
+      "color": "rgb(185, 6, 144)"
+    },
+    ".tok-attributeName": {
+      "color": "#994409"
+    }
+  },
+  "dark": false
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/terminal-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/terminal-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/terminal-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/terminal.json b/services/web/frontend/js/features/source-editor/themes/cm6/terminal.json
new file mode 100644
index 0000000..731959e
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/terminal.json
@@ -0,0 +1,85 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#1a0005",
+      "color": "steelblue"
+    },
+    "&": {
+      "backgroundColor": "black",
+      "color": "#DEDEDE"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#9F9F9F"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "#424242"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "background": "#090",
+      "margin": 0
+    },
+    ".cm-nonmatchingBracket": {
+      "margin": "-1px 0 0 -1px",
+      "border": "1px solid #900"
+    },
+    ".cm-activeLine": {
+      "background": "#2A2A2A"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#2A112A"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid #424242",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#7AA6DA",
+      "borderColor": "#DEDEDE"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "tomato"
+    },
+    ".tok-typeName": {
+      "color": "tomato"
+    },
+    ".tok-operator": {
+      "color": "deeppink"
+    },
+    ".tok-literal": {
+      "color": "gold"
+    },
+    ".tok-attributeValue": {
+      "color": "#D54E53"
+    },
+    ".tok-invalid": {
+      "color": "yellow",
+      "backgroundColor": "red"
+    },
+    ".tok-function": {
+      "color": "#7AA6DA"
+    },
+    ".tok-heading": {
+      "color": "#B9CA4A"
+    },
+    ".tok-string": {
+      "color": "#B9CA4A"
+    },
+    ".tok-tagName": {
+      "color": "#D54E53"
+    },
+    ".tok-attributeName": {
+      "color": "#D54E53"
+    },
+    ".tok-regexp": {
+      "color": "#D54E53"
+    },
+    ".tok-comment": {
+      "color": "orangered"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/textmate-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/textmate-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/textmate-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/textmate.json b/services/web/frontend/js/features/source-editor/themes/cm6/textmate.json
new file mode 100644
index 0000000..6c6eff6
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/textmate.json
@@ -0,0 +1,78 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#f0f0f0",
+      "color": "#333"
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#6B72E6"
+    },
+    "&": {
+      "backgroundColor": "#FFFFFF",
+      "color": "black"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "black"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgb(181, 213, 255)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgb(192, 192, 192)"
+    },
+    ".cm-activeLine": {
+      "background": "rgba(0, 0, 0, 0.07)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#dcdcdc"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "background": "rgba(250, 250, 255, 0.5)",
+      "outline": "1px solid rgb(200, 200, 250)",
+      "margin": 0
+    }
+  },
+  "highlightStyle": {
+    ".tok-typeName": {
+      "color": "blue"
+    },
+    ".tok-keyword": {
+      "color": "blue"
+    },
+    ".tok-labelName": {
+      "color": "#833FBA"
+    },
+    ".tok-literal": {
+      "color": "#833FBA"
+    },
+    ".tok-invalid": {
+      "backgroundColor": "rgba(255, 0, 0, 0.1)",
+      "color": "red"
+    },
+    ".tok-operator": {
+      "color": "rgb(104, 118, 135)"
+    },
+    ".tok-string": {
+      "color": "rgb(3, 106, 7)"
+    },
+    ".tok-comment": {
+      "color": "rgb(76, 136, 107)"
+    },
+    ".tok-attributeValue": {
+      "color": "rgb(49, 132, 149)"
+    },
+    ".tok-function": {
+      "color": "#0000A2"
+    },
+    ".tok-heading": {
+      "color": "rgb(12, 7, 255)"
+    },
+    ".tok-list": {
+      "color": "rgb(185, 6, 144)"
+    }
+  },
+  "dark": false
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow.json b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow.json
new file mode 100644
index 0000000..50f4da3
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow.json
@@ -0,0 +1,81 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#f6f6f6",
+      "color": "#4D4D4C"
+    },
+    "&": {
+      "backgroundColor": "#FFFFFF",
+      "color": "#4D4D4C"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#AEAFAD"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "#D6D6D6"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid #D1D1D1"
+    },
+    ".cm-activeLine": {
+      "background": "#EFEFEF"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#dcdcdc"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid #D6D6D6",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#4271AE",
+      "borderColor": "#4D4D4C"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#8959A8"
+    },
+    ".tok-typeName": {
+      "color": "#8959A8"
+    },
+    ".tok-operator": {
+      "color": "#3E999F"
+    },
+    ".tok-literal": {
+      "color": "#666969"
+    },
+    ".tok-attributeValue": {
+      "color": "#C82829"
+    },
+    ".tok-invalid": {
+      "color": "#FFFFFF",
+      "backgroundColor": "#C82829"
+    },
+    ".tok-function": {
+      "color": "#4271AE"
+    },
+    ".tok-heading": {
+      "color": "#718C00"
+    },
+    ".tok-string": {
+      "color": "#718C00"
+    },
+    ".tok-tagName": {
+      "color": "#C82829"
+    },
+    ".tok-attributeName": {
+      "color": "#C82829"
+    },
+    ".tok-regexp": {
+      "color": "#C82829"
+    },
+    ".tok-comment": {
+      "color": "#8E908C"
+    }
+  },
+  "dark": false
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night.json b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night.json
new file mode 100644
index 0000000..ba00631
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night.json
@@ -0,0 +1,81 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#25282c",
+      "color": "#C5C8C6"
+    },
+    "&": {
+      "backgroundColor": "#1D1F21",
+      "color": "#C5C8C6"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#AEAFAD"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "#373B41"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid #4B4E55"
+    },
+    ".cm-activeLine": {
+      "background": "#282A2E"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#282A2E"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid #373B41",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#81A2BE",
+      "borderColor": "#C5C8C6"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#B294BB"
+    },
+    ".tok-typeName": {
+      "color": "#B294BB"
+    },
+    ".tok-operator": {
+      "color": "#8ABEB7"
+    },
+    ".tok-literal": {
+      "color": "#CED1CF"
+    },
+    ".tok-attributeValue": {
+      "color": "#CC6666"
+    },
+    ".tok-invalid": {
+      "color": "#CED2CF",
+      "backgroundColor": "#DF5F5F"
+    },
+    ".tok-function": {
+      "color": "#81A2BE"
+    },
+    ".tok-heading": {
+      "color": "#B5BD68"
+    },
+    ".tok-string": {
+      "color": "#B5BD68"
+    },
+    ".tok-tagName": {
+      "color": "#CC6666"
+    },
+    ".tok-attributeName": {
+      "color": "#CC6666"
+    },
+    ".tok-regexp": {
+      "color": "#CC6666"
+    },
+    ".tok-comment": {
+      "color": "#969896"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night_blue-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night_blue-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night_blue-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night_blue.json b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night_blue.json
new file mode 100644
index 0000000..19310e8
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night_blue.json
@@ -0,0 +1,81 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#00204b",
+      "color": "#7388b5"
+    },
+    "&": {
+      "backgroundColor": "#002451",
+      "color": "#FFFFFF"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#FFFFFF"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "#003F8E"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid #404F7D"
+    },
+    ".cm-activeLine": {
+      "background": "#00346E"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#022040"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid #003F8E",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#BBDAFF",
+      "borderColor": "#FFFFFF"
+    }
+  },
+  "highlightStyle": {
+    ".tok-literal": {
+      "color": "#FFC58F"
+    },
+    ".tok-keyword": {
+      "color": "#EBBBFF"
+    },
+    ".tok-typeName": {
+      "color": "#EBBBFF"
+    },
+    ".tok-operator": {
+      "color": "#99FFFF"
+    },
+    ".tok-attributeValue": {
+      "color": "#FF9DA4"
+    },
+    ".tok-invalid": {
+      "color": "#FFFFFF",
+      "backgroundColor": "#F99DA5"
+    },
+    ".tok-function": {
+      "color": "#BBDAFF"
+    },
+    ".tok-heading": {
+      "color": "#D1F1A9"
+    },
+    ".tok-string": {
+      "color": "#D1F1A9"
+    },
+    ".tok-tagName": {
+      "color": "#FF9DA4"
+    },
+    ".tok-attributeName": {
+      "color": "#FF9DA4"
+    },
+    ".tok-regexp": {
+      "color": "#FF9DA4"
+    },
+    ".tok-comment": {
+      "color": "#7285B7"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night_bright-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night_bright-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night_bright-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night_bright.json b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night_bright.json
new file mode 100644
index 0000000..bfce888
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night_bright.json
@@ -0,0 +1,81 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#1a1a1a",
+      "color": "#DEDEDE"
+    },
+    "&": {
+      "backgroundColor": "#000000",
+      "color": "#DEDEDE"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#9F9F9F"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "#424242"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid #888888"
+    },
+    ".cm-activeLine": {
+      "background": "#2A2A2A"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#2A2A2A"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid #888888",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#7AA6DA",
+      "borderColor": "#DEDEDE"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#C397D8"
+    },
+    ".tok-typeName": {
+      "color": "#C397D8"
+    },
+    ".tok-operator": {
+      "color": "#70C0B1"
+    },
+    ".tok-literal": {
+      "color": "#EEEEEE"
+    },
+    ".tok-attributeValue": {
+      "color": "#D54E53"
+    },
+    ".tok-invalid": {
+      "color": "#CED2CF",
+      "backgroundColor": "#DF5F5F"
+    },
+    ".tok-function": {
+      "color": "#7AA6DA"
+    },
+    ".tok-heading": {
+      "color": "#B9CA4A"
+    },
+    ".tok-string": {
+      "color": "#B9CA4A"
+    },
+    ".tok-tagName": {
+      "color": "#D54E53"
+    },
+    ".tok-attributeName": {
+      "color": "#D54E53"
+    },
+    ".tok-regexp": {
+      "color": "#D54E53"
+    },
+    ".tok-comment": {
+      "color": "#969896"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night_eighties-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night_eighties-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night_eighties-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night_eighties.json b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night_eighties.json
new file mode 100644
index 0000000..5e6a0b3
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/tomorrow_night_eighties.json
@@ -0,0 +1,78 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#272727",
+      "color": "#CCC"
+    },
+    "&": {
+      "backgroundColor": "#2D2D2D",
+      "color": "#CCCCCC"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#CCCCCC"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "#515151"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid #6A6A6A"
+    },
+    ".cm-activeLine": {
+      "background": "#393939"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#393939"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid #515151",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#6699CC",
+      "borderColor": "#CCCCCC"
+    }
+  },
+  "highlightStyle": {
+    ".tok-literal": {
+      "color": "#F99157"
+    },
+    ".tok-keyword": {
+      "color": "#CC99CC"
+    },
+    ".tok-typeName": {
+      "color": "#CC99CC"
+    },
+    ".tok-operator": {
+      "color": "#66CCCC"
+    },
+    ".tok-attributeValue": {
+      "color": "#F2777A"
+    },
+    ".tok-invalid": {
+      "color": "#CDCDCD",
+      "backgroundColor": "#F2777A"
+    },
+    ".tok-function": {
+      "color": "#6699CC"
+    },
+    ".tok-heading": {
+      "color": "#99CC99"
+    },
+    ".tok-string": {
+      "color": "#99CC99"
+    },
+    ".tok-comment": {
+      "color": "#999999"
+    },
+    ".tok-tagName": {
+      "color": "#F2777A"
+    },
+    ".tok-attributeName": {
+      "color": "#F2777A"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/twilight-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/twilight-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/twilight-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/twilight.json b/services/web/frontend/js/features/source-editor/themes/cm6/twilight.json
new file mode 100644
index 0000000..e0819bb
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/twilight.json
@@ -0,0 +1,75 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#232323",
+      "color": "#E2E2E2"
+    },
+    "&": {
+      "backgroundColor": "#141414",
+      "color": "#F8F8F8"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#A7A7A7"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "rgba(221, 240, 255, 0.20)"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid rgba(255, 255, 255, 0.25)"
+    },
+    ".cm-activeLine": {
+      "background": "rgba(255, 255, 255, 0.031)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "rgba(255, 255, 255, 0.031)"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid rgba(221, 240, 255, 0.20)",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#AC885B",
+      "borderColor": "#F8F8F8"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#CDA869"
+    },
+    ".tok-labelName": {
+      "color": "#CF6A4C"
+    },
+    ".tok-literal": {
+      "color": "#CF6A4C"
+    },
+    ".tok-heading": {
+      "color": "#CF6A4C"
+    },
+    ".tok-list": {
+      "color": "#F9EE98"
+    },
+    ".tok-typeName": {
+      "color": "#F9EE98"
+    },
+    ".tok-function": {
+      "color": "#AC885B"
+    },
+    ".tok-string": {
+      "color": "#8F9D6A"
+    },
+    ".tok-regexp": {
+      "color": "#E9C062"
+    },
+    ".tok-comment": {
+      "fontStyle": "italic",
+      "color": "#5F5A60"
+    },
+    ".tok-attributeValue": {
+      "color": "#7587A6"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/vibrant_ink-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/vibrant_ink-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/vibrant_ink-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/vibrant_ink.json b/services/web/frontend/js/features/source-editor/themes/cm6/vibrant_ink.json
new file mode 100644
index 0000000..99c452a
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/vibrant_ink.json
@@ -0,0 +1,74 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#1a1a1a",
+      "color": "#BEBEBE"
+    },
+    "&": {
+      "backgroundColor": "#0F0F0F",
+      "color": "#FFFFFF"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#FFFFFF"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "#6699CC"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid #404040"
+    },
+    ".cm-activeLine": {
+      "background": "#333333"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "#333333"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid #6699CC",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#FFCC00",
+      "borderColor": "#FFFFFF"
+    }
+  },
+  "highlightStyle": {
+    ".tok-keyword": {
+      "color": "#FF6600"
+    },
+    ".tok-labelName": {
+      "color": "#339999"
+    },
+    ".tok-literal": {
+      "color": "#99CC99"
+    },
+    ".tok-invalid": {
+      "color": "#CCFF33",
+      "backgroundColor": "#000000"
+    },
+    ".tok-function": {
+      "color": "#FFCC00"
+    },
+    ".tok-attributeValue": {
+      "color": "#FFCC00",
+      "fontStyle": "italic"
+    },
+    ".tok-string": {
+      "color": "#66FF00"
+    },
+    ".tok-regexp": {
+      "color": "#44B4CC"
+    },
+    ".tok-comment": {
+      "color": "#9933CC"
+    },
+    ".tok-attributeName": {
+      "fontStyle": "italic",
+      "color": "#99CC99"
+    }
+  },
+  "dark": true
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/xcode-license.txt b/services/web/frontend/js/features/source-editor/themes/cm6/xcode-license.txt
new file mode 100644
index 0000000..d70d8ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/xcode-license.txt
@@ -0,0 +1,35 @@
+Conversion by Overleaf from Ace to CodeMirror 6.
+
+Source: https://github.com/ajaxorg/ace/
+
+The theme's original license is copied below:
+
+***** BEGIN LICENSE BLOCK *****
+Distributed under the BSD license:
+
+Copyright (c) 2010, Ajax.org B.V.
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+    * Redistributions of source code must retain the above copyright
+      notice, this list of conditions and the following disclaimer.
+    * Redistributions in binary form must reproduce the above copyright
+      notice, this list of conditions and the following disclaimer in the
+      documentation and/or other materials provided with the distribution.
+    * Neither the name of Ajax.org B.V. nor the
+      names of its contributors may be used to endorse or promote products
+      derived from this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL AJAX.ORG B.V. BE LIABLE FOR ANY
+DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+***** END LICENSE BLOCK *****
\ No newline at end of file
diff --git a/services/web/frontend/js/features/source-editor/themes/cm6/xcode.json b/services/web/frontend/js/features/source-editor/themes/cm6/xcode.json
new file mode 100644
index 0000000..9f76ac0
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/cm6/xcode.json
@@ -0,0 +1,65 @@
+{
+  "theme": {
+    ".cm-gutters": {
+      "backgroundColor": "transparent",
+      "borderRightColor": "transparent",
+      "background": "#e8e8e8",
+      "color": "#333"
+    },
+    "&": {
+      "backgroundColor": "#FFFFFF",
+      "color": "#000000"
+    },
+    ".cm-cursor, .cm-dropCursor": {
+      "color": "#000000"
+    },
+    "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected": {
+      "background": "#B5D5FF"
+    },
+    "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+      "margin": 0,
+      "outline": "1px solid #BFBFBF"
+    },
+    ".cm-activeLine": {
+      "background": "rgba(0, 0, 0, 0.071)"
+    },
+    ".cm-activeLineGutter": {
+      "backgroundColor": "rgba(0, 0, 0, 0.071)"
+    },
+    ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+      "outline": "1px solid #B5D5FF",
+      "margin": 0
+    },
+    ".cm-foldPlaceholder": {
+      "backgroundColor": "#C800A4",
+      "borderColor": "#000000"
+    }
+  },
+  "highlightStyle": {
+    ".tok-literal": {
+      "color": "#3A00DC"
+    },
+    ".tok-keyword": {
+      "color": "#C800A4"
+    },
+    ".tok-variableName": {
+      "color": "#C800A4"
+    },
+    ".tok-attributeName": {
+      "color": "#450084"
+    },
+    ".tok-tagName": {
+      "color": "#790EAD"
+    },
+    ".tok-typeName": {
+      "color": "#C900A4"
+    },
+    ".tok-string": {
+      "color": "#DF0002"
+    },
+    ".tok-comment": {
+      "color": "#008E00"
+    }
+  },
+  "dark": false
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/scripts/convert.js b/services/web/frontend/js/features/source-editor/themes/scripts/convert.js
new file mode 100644
index 0000000..ee3ccfe
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/scripts/convert.js
@@ -0,0 +1,247 @@
+/**
+Convert Ace themes to CodeMirror 6
+
+Tokens:
+https://github.com/ajaxorg/ace/wiki/Creating-or-Extending-an-Edit-Mode#common-tokens
+
+Highlight Rules:
+https://github.com/overleaf/ace/blob/overleaf/lib/ace/mode/latex_highlight_rules.js
+
+Conversion of TextMate themes to Ace:
+https://github.com/ajaxorg/ace/wiki/Importing-.tmtheme-and-.tmlanguage-Files-into-Ace
+https://github.com/ajaxorg/ace/blob/master/tool/tmtheme.js
+*/
+
+const fs = require('fs')
+const globby = require('globby')
+const mensch = require('mensch')
+const path = require('path')
+const overrides = require('./overrides.json')
+const { merge } = require('lodash')
+
+// CSS files from https://github.com/overleaf/ace/tree/overleaf/lib/ace/theme copied into the "ace" folder
+const themePaths = globby.sync(['ace/*.css'], { cwd: path.dirname(__dirname) })
+
+const outputDir = path.join(path.dirname(__dirname), 'cm6')
+
+// from js/ide.js
+const darkThemes = [
+  'ambiance',
+  'chaos',
+  'clouds_midnight',
+  'cobalt',
+  'dracula',
+  'gob',
+  'gruvbox',
+  'idle_fingers',
+  'kr_theme',
+  'merbivore',
+  'merbivore_soft',
+  'mono_industrial',
+  'monokai',
+  'nord_dark',
+  'pastel_on_dark',
+  'solarized_dark',
+  'terminal',
+  'tomorrow_night',
+  'tomorrow_night_blue',
+  'tomorrow_night_bright',
+  'tomorrow_night_eighties',
+  'twilight',
+  'vibrant_ink',
+]
+
+// manual mapping of Ace selectors to CM6 theme selectors
+const themeMapping = new Map([
+  ['.ace_gutter', '.cm-gutters'],
+  ['.ace_cursor', '.cm-cursor, .cm-dropCursor'],
+  [
+    '.ace_marker-layer .ace_selection',
+    '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection, .cm-searchMatch.cm-searchMatch.cm-searchMatch-selected',
+  ],
+  [
+    '.ace_marker-layer .ace_selected-word',
+    '.cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch', // doubled to increase specificity over defaults
+  ],
+  [
+    '.ace_marker-layer .ace_bracket',
+    '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket',
+  ],
+  ['.ace_marker-layer .ace_bracket-unmatched', '.cm-nonmatchingBracket'],
+  ['.ace_marker-layer .ace_active-line', '.cm-activeLine'],
+  ['.ace_gutter-active-line', '.cm-activeLineGutter'],
+  ['.ace_fold', '.cm-foldPlaceholder'],
+])
+
+const propertyRemapping = new Map([
+  [
+    '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket',
+    [['border', 'outline']],
+  ],
+  [
+    '.cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch',
+    [['border', 'outline']],
+  ],
+])
+
+function remap(selector, rule) {
+  const remappings = propertyRemapping.get(selector) ?? []
+  for (const [oldKey, newKey] of remappings) {
+    if (newKey in rule) {
+      throw new Error(
+        `Invalid remapping. Property ${newKey} already exists in rule '${selector}'`
+      )
+    }
+    if (oldKey in rule) {
+      rule[newKey] = rule[oldKey]
+      delete rule[oldKey]
+    }
+  }
+  return rule
+}
+// manual mapping of Ace selectors to CM6 highlight style selectors
+// https://codemirror.net/6/docs/ref/#highlight.tags
+// (the classHighlightStyle extension adds the class names for styling)
+const highlightStyleMapping = new Map([
+  // ['.ace_support.ace_type', '.tok-typeName'],
+  ['.ace_class', '.tok-class'],
+  ['.ace_comment', '.tok-comment'],
+  ['.ace_constant', '.tok-labelName'],
+  ['.ace_constant.ace_character', '.tok-literal'],
+  ['.ace_constant.ace_character.ace_escape', '.tok-literal'], // escape
+  ['.ace_constant.ace_language', '.tok-literal'], // constant
+  ['.ace_constant.ace_numeric', '.tok-literal'], // number
+  ['.ace_constant.ace_other', '.tok-literal'], // constant
+  ['.ace_entity.ace_name.ace_function', '.tok-function'],
+  ['.ace_entity.ace_name.ace_tag', '.tok-tagName'],
+  ['.ace_entity.ace_other.ace_attribute-name', '.tok-attributeName'],
+  ['.ace_heading', '.tok-heading'],
+  ['.ace_identifier', '.tok-string'], // TODO: identifier?
+  ['.ace_invalid', '.tok-invalid'],
+  ['.ace_keyword', '.tok-keyword'], // typeName?
+  ['.ace_keyword.ace_operator', '.tok-operator'],
+  ['.ace_list', '.tok-list'],
+  ['.ace_lparen', '.tok-paren'],
+  ['.ace_markup.ace_heading', '.tok-heading'],
+  ['.ace_markup.ace_list', '.tok-list'],
+  ['.ace_numeric', '.tok-number'],
+  ['.ace_punctuation', '.tok-punctuation'],
+  ['.ace_regexp', '.tok-string2'],
+  ['.ace_rparen', '.tok-paren'],
+  ['.ace_storage', '.tok-typeName'],
+  ['.ace_storage.ace_type', '.tok-typeName'],
+  ['.ace_string', '.tok-string'],
+  ['.ace_string.ace_regexp', '.tok-regexp'],
+  // ['.ace_support.ace_class', '.tok-className'],
+  // ['.ace_support.ace_constant', '.tok-constant'],
+  // ['.ace_support.ace_function', '.tok-function'],
+  // ['.ace_support.ace_type', '.tok-function'],
+  ['.ace_type', '.tok-typeName'],
+  ['.ace_variable', '.tok-attributeValue'], // keyword // variableName
+  ['.ace_variable.ace_language', '.tok-variableName'],
+  ['.ace_variable.ace_parameter', '.tok-attributeValue'], // string
+])
+
+for (const themePath of themePaths) {
+  console.log(themePath)
+
+  const input = fs.readFileSync(path.join(__dirname, themePath), 'utf-8')
+
+  const ast = mensch.parse(input)
+
+  const themeStyles = {
+    // these styles should only be set if they're defined in a theme
+    '.cm-gutters': {
+      backgroundColor: 'transparent',
+      borderRightColor: 'transparent',
+    },
+  }
+  const highlightStyles = {}
+
+  for (const rule of ast.stylesheet.rules) {
+    const declarations = {}
+
+    rule.declarations
+      .filter(item => item.type === 'property')
+      .forEach(declaration => {
+        // convert CSS property to snake case
+        const property = declaration.name.replace(/-(\w)/g, (_, letter) => {
+          return letter.toUpperCase()
+        })
+        declarations[property] = declaration.value
+      })
+
+    for (const item of rule.selectors) {
+      // ignore the first selector, which is the theme class
+      const selector = item.split(/\s+/).slice(1).join(' ')
+
+      // an empty selector was the theme class selector for the whole editor
+      if (selector === '') {
+        themeStyles['&'] = {
+          ...themeStyles['&'],
+          ...declarations,
+        }
+        continue
+      }
+
+      if (themeMapping.has(selector)) {
+        const key = themeMapping.get(selector)
+        themeStyles[key] = remap(key, {
+          ...themeStyles[key],
+          ...declarations,
+        })
+      } else if (highlightStyleMapping.has(selector)) {
+        const key = highlightStyleMapping.get(selector)
+        highlightStyles[key] = remap(key, {
+          ...highlightStyles[key],
+          ...declarations,
+        })
+      }
+    }
+  }
+
+  console.log('theme', themeStyles)
+  console.log('highlight', highlightStyles)
+
+  const basename = path.basename(themePath, '.css')
+
+  const themeOverrides = merge({}, overrides.all, overrides[basename])
+
+  const theme = merge({}, themeStyles, themeOverrides.theme)
+
+  const highlightStyle = merge(
+    {},
+    highlightStyles,
+    themeOverrides.highlightStyle
+  )
+
+  const dark = darkThemes.includes(basename)
+
+  const output = JSON.stringify({ theme, highlightStyle, dark }, null, 2)
+
+  const outputPath = path.join(outputDir, `${basename}.json`)
+
+  fs.writeFileSync(outputPath, output + '\n')
+
+  if (basename !== 'overleaf') {
+    copyLicense(basename)
+  }
+}
+
+function copyLicense(basename) {
+  const jsFilePath = path.join(__dirname, 'ace', `${basename}.js`)
+  if (fs.existsSync(jsFilePath)) {
+    const js = fs.readFileSync(jsFilePath, 'utf-8')
+    const match = js.match(/\*+ BEGIN LICENSE BLOCK .+? END LICENSE BLOCK \*+/s)
+    if (match) {
+      const license = match[0].replace(/\n \* ?/g, '\n')
+      const output = `Conversion by Overleaf from Ace to CodeMirror 6.\n\nSource: https://github.com/ajaxorg/ace/\n\nThe theme's original license is copied below:\n\n${license}`
+      const licenseOutputPath = path.join(outputDir, `${basename}-license.txt`)
+      fs.writeFileSync(licenseOutputPath, output)
+    } else {
+      console.warn(`No license in ${jsFilePath}`)
+    }
+  } else {
+    console.warn(`No license file for ${basename}`)
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/themes/scripts/overrides.json b/services/web/frontend/js/features/source-editor/themes/scripts/overrides.json
new file mode 100644
index 0000000..2e03ba3
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/themes/scripts/overrides.json
@@ -0,0 +1,80 @@
+{
+  "all": {
+    "theme": {
+      ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+        "margin": 0
+      },
+      "&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket": {
+        "margin": 0
+      }
+    }
+  },
+  "overleaf": {
+    "highlightStyle": {
+      ".tok-labelName": {
+        "color": "#3F7F7F"
+      },
+      ".tok-number": {
+        "color": "#5A5CAD"
+      }
+    },
+    "theme": {
+      ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+        "background": "rgba(250, 250, 255, 0.5)",
+        "outline": "1px solid rgb(200, 200, 250)"
+      }
+    }
+  },
+  "textmate": {
+    "highlightStyle": {
+      ".tok-labelName": {
+        "color": "#833FBA"
+      },
+      ".tok-literal": {
+        "color": "#833FBA"
+      }
+    },
+    "theme": {
+      ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+        "background": "rgba(250, 250, 255, 0.5)",
+        "outline": "1px solid rgb(200, 200, 250)"
+      }
+    }
+  },
+  "chrome": {
+    "theme": {
+      ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+        "background": "rgba(250, 250, 255, 0.5)",
+        "outline": "1px solid rgb(200, 200, 250)"
+      }
+    }
+  },
+  "dracula": {
+    "highlightStyle": {
+      ".tok-literal": {
+        "color": "#ff79c6"
+      }
+    },
+    "theme": {
+      ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+        "boxShadow": "0px 0px 0px 1px inset #a29709"
+      }
+    }
+  },
+  "gruvbox": {
+    "theme": {
+      ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+        "outline-width": "2px",
+        "borderRadius": 0
+      }
+    }
+  },
+  "ambiance": {
+    "theme": {
+      ".cm-selectionMatch.cm-selectionMatch, .cm-searchMatch.cm-searchMatch": {
+        "outline-width": "2px",
+        "borderRadius": 0
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/effects.ts b/services/web/frontend/js/features/source-editor/utils/effects.ts
new file mode 100644
index 0000000..6ff612a
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/effects.ts
@@ -0,0 +1,14 @@
+import { StateEffectType, Transaction } from '@codemirror/state'
+import { ViewUpdate } from '@codemirror/view'
+
+export const hasEffect =
+  <T>(effectType: StateEffectType<T>) =>
+  (tr: Transaction) =>
+    tr.effects.some(effect => effect.is(effectType))
+
+export const updateHasEffect =
+  <T>(effectType: StateEffectType<T>) =>
+  (update: ViewUpdate) =>
+    update.transactions.some(tr =>
+      tr.effects.some(effect => effect.is(effectType))
+    )
diff --git a/services/web/frontend/js/features/source-editor/utils/file.ts b/services/web/frontend/js/features/source-editor/utils/file.ts
new file mode 100644
index 0000000..c3cb99c
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/file.ts
@@ -0,0 +1,67 @@
+import { Entity } from '../../file-tree/hooks/use-project-entities'
+import { OutputEntity } from '../../file-tree/hooks/use-project-output-files'
+
+export type FileOrDirectory = {
+  name: string
+  id: string
+  type: 'file' | 'doc' | 'folder'
+  children?: FileOrDirectory[]
+}
+
+export type File = {
+  path: string
+  name: string
+  id: string
+}
+
+function filterByType(type: 'file' | 'doc' | 'folder') {
+  return (
+    tree: FileOrDirectory,
+    path = '',
+    list: undefined | File[] = undefined
+  ) => {
+    if (!tree) {
+      return list
+    }
+    if (list === undefined) {
+      list = []
+    }
+    const isRootFolder = tree.name === 'rootFolder' && path === ''
+    if (tree.children) {
+      for (const child of tree.children) {
+        filterByType(type)(
+          child,
+          `${isRootFolder ? '' : `${path ? path + '/' : path}${tree.name}/`}`,
+          list
+        )
+      }
+    }
+    if (tree.type === type) {
+      list.push({ path, id: tree.id, name: tree.name })
+    }
+    return list
+  }
+}
+
+export const filterFiles = filterByType('file')
+export const filterDocs = filterByType('doc')
+export const filterFolders = filterByType('folder')
+
+const IMAGE_FILE_EXTENSIONS = ['png', 'jpg', 'jpeg', 'pdf']
+
+export const hasImageExtension = (filename: string) => {
+  const parts = filename.split('.')
+  if (parts.length < 2) {
+    return false
+  }
+  const extension = parts[parts.length - 1].toLowerCase()
+  return IMAGE_FILE_EXTENSIONS.includes(extension)
+}
+
+export function isImageFile(file: File) {
+  return hasImageExtension(file.name)
+}
+
+export function isImageEntity(file: Entity | OutputEntity) {
+  return hasImageExtension(file.path)
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/is-cursor-near-edge.ts b/services/web/frontend/js/features/source-editor/utils/is-cursor-near-edge.ts
new file mode 100644
index 0000000..e79688f
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/is-cursor-near-edge.ts
@@ -0,0 +1,43 @@
+import { EditorView } from '@codemirror/view'
+
+const TOP_EDGE_THRESHOLD = 100
+const BOTTOM_EDGE_THRESHOLD = 200
+
+export function isCursorNearViewportEdge(view: EditorView, pos: number) {
+  return (
+    isCursorNearViewportTop(view, pos) || isCursorNearViewportBottom(view, pos)
+  )
+}
+
+export function isCursorNearViewportTop(
+  view: EditorView,
+  pos: number,
+  threshold = TOP_EDGE_THRESHOLD
+) {
+  const cursorCoords = view.coordsAtPos(pos)
+
+  if (!cursorCoords) {
+    return false
+  }
+
+  const scrollInfo = view.scrollDOM.getBoundingClientRect()
+
+  return Math.abs(cursorCoords.bottom - scrollInfo.top) <= threshold
+}
+
+export function isCursorNearViewportBottom(
+  view: EditorView,
+  pos: number,
+  threshold = BOTTOM_EDGE_THRESHOLD
+) {
+  const cursorCoords = view.coordsAtPos(pos)
+
+  if (!cursorCoords) {
+    return false
+  }
+
+  const scrollInfo = view.scrollDOM.getBoundingClientRect()
+  const viewportHeight = view.scrollDOM.clientHeight
+  const viewportBottom = scrollInfo.top + viewportHeight
+  return Math.abs(cursorCoords.bottom - viewportBottom) <= threshold
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/layer.ts b/services/web/frontend/js/features/source-editor/utils/layer.ts
new file mode 100644
index 0000000..7f3bbc8
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/layer.ts
@@ -0,0 +1,304 @@
+/**
+ * This file is adapted from CodeMirror 6, licensed under the MIT license:
+ * https://github.com/codemirror/view/blob/main/src/layer.ts
+ */
+import {
+  BlockInfo,
+  BlockType,
+  Direction,
+  EditorView,
+  Rect,
+  RectangleMarker,
+} from '@codemirror/view'
+import { EditorSelection, SelectionRange } from '@codemirror/state'
+import { isVisual } from '../extensions/visual/visual'
+import { round } from 'lodash'
+
+function canAssumeUniformLineHeights(view: EditorView) {
+  return !isVisual(view)
+}
+
+export const rectangleMarkerForRange = (
+  view: EditorView,
+  className: string,
+  range: SelectionRange
+): readonly RectangleMarker[] => {
+  if (range.empty) {
+    const pos = fullHeightCoordsAtPos(view, range.head, range.assoc || 1)
+
+    if (!pos) {
+      return []
+    }
+
+    const base = getBase(view)
+
+    return [
+      new RectangleMarker(
+        className,
+        pos.left - base.left,
+        pos.top - base.top,
+        null,
+        pos.bottom - pos.top
+      ),
+    ]
+  }
+
+  return rectanglesForRange(view, className, range)
+}
+
+export function getBase(view: EditorView) {
+  const rect = view.scrollDOM.getBoundingClientRect()
+  const left =
+    view.textDirection === Direction.LTR
+      ? rect.left
+      : rect.right - view.scrollDOM.clientWidth
+  return {
+    left: left - view.scrollDOM.scrollLeft,
+    top: rect.top - view.scrollDOM.scrollTop,
+  }
+}
+
+function wrappedLine(
+  view: EditorView,
+  pos: number,
+  inside: { from: number; to: number }
+) {
+  const range = EditorSelection.cursor(pos)
+  return {
+    from: Math.max(
+      inside.from,
+      view.moveToLineBoundary(range, false, true).from
+    ),
+    to: Math.min(inside.to, view.moveToLineBoundary(range, true, true).from),
+    type: BlockType.Text,
+  }
+}
+
+function blockAt(view: EditorView, pos: number): BlockInfo {
+  const line = view.lineBlockAt(pos)
+  if (Array.isArray(line.type))
+    for (const l of line.type) {
+      if (
+        l.to > pos ||
+        (l.to === pos && (l.to === line.to || l.type === BlockType.Text))
+      )
+        return l
+    }
+  return line as any
+}
+
+// Like coordsAtPos, provides screen coordinates for a document position, but
+// unlike coordsAtPos, the top and bottom represent the full height of the
+// visual line rather than the top and bottom of the text. To do this, it relies
+// on the assumption that all text in the document has the same height and that
+// the line contains no widget or decoration that changes the height of the
+// line. This is, I am fairly certain, a safe assumption in source mode but not
+// in rich text, so in rich text mode this function just returns coordsAtPos.
+export function fullHeightCoordsAtPos(
+  view: EditorView,
+  pos: number,
+  side?: -2 | -1 | 1 | 2 | undefined
+): Rect | null {
+  // @ts-ignore CodeMirror has incorrect type on coordsAtPos
+  const coords = view.coordsAtPos(pos, side)
+  if (!coords) {
+    return null
+  }
+
+  if (!canAssumeUniformLineHeights(view)) {
+    return coords
+  }
+
+  const { left, right } = coords
+  const halfLeading =
+    (view.defaultLineHeight - (coords.bottom - coords.top)) / 2
+
+  return {
+    left,
+    right,
+    top: round(coords.top - halfLeading, 2),
+    bottom: round(coords.bottom + halfLeading, 2),
+  }
+}
+
+// Added to range rectangle's vertical extent to prevent rounding
+// errors from introducing gaps in the rendered content.
+const Epsilon = 0.01
+
+function rectanglesForRange(
+  view: EditorView,
+  className: string,
+  range: SelectionRange
+): RectangleMarker[] {
+  if (range.to <= view.viewport.from || range.from >= view.viewport.to) {
+    return []
+  }
+  const from = Math.max(range.from, view.viewport.from)
+  const to = Math.min(range.to, view.viewport.to)
+
+  const ltr = view.textDirection === Direction.LTR
+  const content = view.contentDOM
+  const contentRect = content.getBoundingClientRect()
+  const base = getBase(view)
+
+  const lineElt = content.querySelector('.cm-line')
+  const lineStyle = lineElt && window.getComputedStyle(lineElt)
+  const leftSide =
+    contentRect.left +
+    (lineStyle
+      ? parseInt(lineStyle.paddingLeft) +
+        Math.min(0, parseInt(lineStyle.textIndent))
+      : 0)
+  const rightSide =
+    contentRect.right - (lineStyle ? parseInt(lineStyle.paddingRight) : 0)
+
+  const startBlock = blockAt(view, from)
+  const endBlock = blockAt(view, to)
+  let visualStart: { from: number; to: number } | null =
+    startBlock.type === BlockType.Text ? startBlock : null
+  let visualEnd: { from: number; to: number } | null =
+    endBlock.type === BlockType.Text ? endBlock : null
+  if (view.lineWrapping) {
+    if (visualStart) visualStart = wrappedLine(view, from, visualStart)
+    if (visualEnd) visualEnd = wrappedLine(view, to, visualEnd)
+  }
+  if (visualStart && visualEnd && visualStart.from === visualEnd.from) {
+    return pieces(drawForLine(range.from, range.to, visualStart))
+  } else {
+    const top = visualStart
+      ? drawForLine(range.from, null, visualStart)
+      : drawForWidget(startBlock, false)
+    const bottom = visualEnd
+      ? drawForLine(null, range.to, visualEnd)
+      : drawForWidget(endBlock, true)
+    const between = []
+
+    if (
+      (visualStart || startBlock).to <
+      (visualEnd || endBlock).from - (visualStart && visualEnd ? 1 : 0)
+    )
+      between.push(piece(leftSide, top.bottom, rightSide, bottom.top))
+    else if (
+      top.bottom < bottom.top &&
+      view.elementAtHeight((top.bottom + bottom.top) / 2).type ===
+        BlockType.Text
+    )
+      top.bottom = bottom.top = (top.bottom + bottom.top) / 2
+    return pieces(top).concat(between).concat(pieces(bottom))
+  }
+
+  function piece(left: number, top: number, right: number, bottom: number) {
+    return new RectangleMarker(
+      className,
+      left - base.left,
+      top - base.top - Epsilon,
+      right - left,
+      bottom - top + Epsilon
+    )
+  }
+
+  function pieces({
+    top,
+    bottom,
+    horizontal,
+  }: {
+    top: number
+    bottom: number
+    horizontal: number[]
+  }) {
+    const pieces = []
+    for (let i = 0; i < horizontal.length; i += 2)
+      pieces.push(piece(horizontal[i], top, horizontal[i + 1], bottom))
+    return pieces
+  }
+
+  // Gets passed from/to in line-local positions
+  function drawForLine(
+    from: null | number,
+    to: null | number,
+    line: { from: number; to: number }
+  ) {
+    let top = 1e9
+    let bottom = -1e9
+    const horizontal: number[] = []
+
+    function addSpan(
+      from: number,
+      fromOpen: boolean,
+      to: number,
+      toOpen: boolean,
+      dir: Direction
+    ) {
+      // Passing 2/-2 is a kludge to force the view to return
+      // coordinates on the proper side of block widgets, since
+      // normalizing the side there, though appropriate for most
+      // coordsAtPos queries, would break selection drawing.
+      const fromCoords = fullHeightCoordsAtPos(
+        view,
+        from,
+        (from === line.to ? -2 : 2) as any
+      )
+      const toCoords = fullHeightCoordsAtPos(
+        view,
+        to,
+        (to === line.from ? 2 : -2) as any
+      )
+      // coordsAtPos can sometimes return null even when the document position
+      // is within the viewport. It's not clear exactly when this happens;
+      // sometimes, the editor has previously failed to complete a measure.
+      if (!fromCoords || !toCoords) {
+        return
+      }
+      top = Math.min(fromCoords.top, toCoords.top, top)
+      bottom = Math.max(fromCoords.bottom, toCoords.bottom, bottom)
+      if (dir === Direction.LTR)
+        horizontal.push(
+          ltr && fromOpen ? leftSide : fromCoords.left,
+          ltr && toOpen ? rightSide : toCoords.right
+        )
+      else
+        horizontal.push(
+          !ltr && toOpen ? leftSide : toCoords.left,
+          !ltr && fromOpen ? rightSide : fromCoords.right
+        )
+    }
+
+    const start = from ?? line.from
+    const end = to ?? line.to
+    // Split the range by visible range and document line
+    for (const r of view.visibleRanges)
+      if (r.to > start && r.from < end) {
+        for (
+          let pos = Math.max(r.from, start), endPos = Math.min(r.to, end);
+          ;
+
+        ) {
+          const docLine = view.state.doc.lineAt(pos)
+          for (const span of view.bidiSpans(docLine)) {
+            const spanFrom = span.from + docLine.from
+            const spanTo = span.to + docLine.from
+            if (spanFrom >= endPos) break
+            if (spanTo > pos)
+              addSpan(
+                Math.max(spanFrom, pos),
+                from === null && spanFrom <= start,
+                Math.min(spanTo, endPos),
+                to === null && spanTo >= end,
+                span.dir
+              )
+          }
+          pos = docLine.to + 1
+          if (pos >= endPos) break
+        }
+      }
+    if (horizontal.length === 0)
+      addSpan(start, from === null, end, to === null, view.textDirection)
+
+    return { top, bottom, horizontal }
+  }
+
+  function drawForWidget(block: BlockInfo, top: boolean) {
+    const y = contentRect.top + (top ? block.top : block.bottom)
+    return { top: y, bottom: y, horizontal: [] }
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/node-props.ts b/services/web/frontend/js/features/source-editor/utils/node-props.ts
new file mode 100644
index 0000000..2446743
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/node-props.ts
@@ -0,0 +1,9 @@
+import { NodeProp } from '@lezer/common'
+
+/**
+ * A node prop that contains an array, each item of which is an array of parent node types that's
+ * passed to [matchContext](https://lezer.codemirror.net/docs/ref/#common.SyntaxNodeRef.matchContext)
+ * to test whether the node matches the given context. If so, the text in the node is excluded from spell checking.
+ * An empty string is treated as a wildcard, so `[['']]` indicates that the node type should always be excluded.
+ */
+export const noSpellCheckProp = new NodeProp<string[][]>()
diff --git a/services/web/frontend/js/features/source-editor/utils/position.ts b/services/web/frontend/js/features/source-editor/utils/position.ts
new file mode 100644
index 0000000..22f9e70
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/position.ts
@@ -0,0 +1,19 @@
+import { Text } from '@codemirror/state'
+
+export const findValidPosition = (
+  doc: Text,
+  lineNumber: number, // 1-indexed
+  columnNumber: number // 0-indexed
+): number => {
+  const lines = doc.lines
+
+  if (lineNumber > lines) {
+    // end of the doc
+    return doc.length
+  }
+
+  const line = doc.line(lineNumber)
+
+  // requested line and column, or the end of the line
+  return Math.min(line.from + columnNumber, line.to)
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/prepare-lines.ts b/services/web/frontend/js/features/source-editor/utils/prepare-lines.ts
new file mode 100644
index 0000000..aa4d916
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/prepare-lines.ts
@@ -0,0 +1,33 @@
+/**
+ * Adapted from CodeMirror 6 (@codemirror/autocomplete), licensed under the MIT license:
+ * https://github.com/codemirror/autocomplete/blob/08f63add9f470a032d3802a4599caa86c75de5cb/src/snippet.ts#L29-L45
+ */
+
+import { indentUnit } from '@codemirror/language'
+import { EditorState } from '@codemirror/state'
+
+// apply correct indentation to passed lines
+export function prepareLines(
+  lines: (string | null)[],
+  state: EditorState,
+  pos: number
+) {
+  const text = []
+  const lineStart = [pos]
+  const lineObj = state.doc.lineAt(pos)
+  const baseIndent = /^\s*/.exec(lineObj.text)![0]
+  for (let line of lines) {
+    if (line === null) continue
+    if (text.length) {
+      let indent = baseIndent
+      const tabs = /^\t*/.exec(line)![0].length
+      for (let i = 0; i < tabs; i++) indent += state.facet(indentUnit)
+      lineStart.push(pos + indent.length - tabs)
+      line = indent + line.slice(tabs)
+    }
+    text.push(line)
+    pos += line.length + 1
+  }
+
+  return text.join('\n')
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/projection-state-field.ts b/services/web/frontend/js/features/source-editor/utils/projection-state-field.ts
new file mode 100644
index 0000000..9e6ce60
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/projection-state-field.ts
@@ -0,0 +1,81 @@
+import { ChangeSet, EditorState, StateField } from '@codemirror/state'
+import {
+  ProjectionItem,
+  ProjectionResult,
+  getUpdatedProjection,
+  EnterNodeFn,
+  ProjectionStatus,
+} from './tree-operations/projection'
+import { languageLoadedEffect } from '@/features/source-editor/extensions/language'
+
+export function mergeChangeRanges(changes: ChangeSet) {
+  let fromA = Number.MAX_VALUE
+  let fromB = Number.MAX_VALUE
+  let toA = Number.MIN_VALUE
+  let toB = Number.MIN_VALUE
+  changes.iterChangedRanges(
+    (changeFromA, changeToA, changeFromB, changeToB) => {
+      fromA = Math.min(changeFromA, fromA)
+      fromB = Math.min(changeFromB, fromB)
+      toA = Math.max(changeToA, toA)
+      toB = Math.max(changeToB, toB)
+    }
+  )
+  return { fromA, toA, fromB, toB }
+}
+
+/**
+ * Creates a StateField to manage a 'projection' of the document. Type T is the subclass of
+ * ProjectionItem that we will extract from the document.
+ *
+ * @param enterNode A function to call when 'enter'ing a node while traversing the syntax tree,
+ *                  Used to identify nodes we are interested in, and create instances of T.
+ */
+export function makeProjectionStateField<T extends ProjectionItem>(
+  enterNode: EnterNodeFn<T>
+): StateField<ProjectionResult<T>> {
+  const initialiseProjection = (state: EditorState) =>
+    getUpdatedProjection(
+      state,
+      0,
+      state.doc.length,
+      0,
+      state.doc.length,
+      true,
+      enterNode
+    )
+
+  const field = StateField.define<ProjectionResult<T>>({
+    create(state) {
+      return initialiseProjection(state)
+    },
+    update(currentProjection, transaction) {
+      if (transaction.effects.some(effect => effect.is(languageLoadedEffect))) {
+        return initialiseProjection(transaction.state)
+      }
+
+      if (
+        transaction.docChanged ||
+        currentProjection.status !== ProjectionStatus.Complete
+      ) {
+        const { fromA, toA, fromB, toB } = mergeChangeRanges(
+          transaction.changes
+        )
+        const list = getUpdatedProjection<T>(
+          transaction.state,
+          fromA,
+          toA,
+          fromB,
+          toB,
+          false,
+          enterNode,
+          transaction,
+          currentProjection
+        )
+        return list
+      }
+      return currentProjection
+    },
+  })
+  return field
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/range.ts b/services/web/frontend/js/features/source-editor/utils/range.ts
new file mode 100644
index 0000000..9f93b2c
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/range.ts
@@ -0,0 +1,24 @@
+export class Range {
+  from: number
+  to: number
+
+  constructor(from: number, to: number) {
+    this.from = from
+    this.to = to
+  }
+
+  contains(pos: number, allowBoundaries = true) {
+    return allowBoundaries
+      ? pos >= this.from && pos <= this.to
+      : pos > this.from && pos < this.to
+  }
+
+  // Ranges that touch but don't overlap are not considered to intersect
+  intersects(range: Range) {
+    return this.contains(range.from, false) || this.contains(range.to, false)
+  }
+
+  touchesOrIntersects(range: Range) {
+    return this.contains(range.from, true) || this.contains(range.to, true)
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/sub-view.ts b/services/web/frontend/js/features/source-editor/utils/sub-view.ts
new file mode 100644
index 0000000..86bf2ff
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/sub-view.ts
@@ -0,0 +1,4 @@
+import { SubView } from '../../../../../types/review-panel/review-panel'
+
+export const isCurrentFileView = (view: SubView) => view === 'cur_file'
+export const isOverviewView = (view: SubView) => view === 'overview'
diff --git a/services/web/frontend/js/features/source-editor/utils/tree-operations/ancestors.ts b/services/web/frontend/js/features/source-editor/utils/tree-operations/ancestors.ts
new file mode 100644
index 0000000..e89fcd9
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/tree-operations/ancestors.ts
@@ -0,0 +1,257 @@
+import { ensureSyntaxTree, syntaxTree } from '@codemirror/language'
+import { EditorSelection, EditorState, SelectionRange } from '@codemirror/state'
+import { SyntaxNode, Tree } from '@lezer/common'
+import { ListEnvironment } from '../../lezer-latex/latex.terms.mjs'
+
+const HUNDRED_MS = 100
+
+export type AncestorItem = {
+  node: SyntaxNode
+  label: string
+  type?: string
+  from: number
+  to: number
+}
+
+/**
+ * Get the stack of 'ancestor' nodes at the given position.
+ * The first element is the most distant ancestor, while the last element
+ * is the node at the position.
+ */
+export function getAncestorStack(
+  state: EditorState,
+  pos: number
+): AncestorItem[] | null {
+  const tree = ensureSyntaxTree(state, pos, HUNDRED_MS)
+
+  if (!tree) {
+    return null
+  }
+
+  const stack: AncestorItem[] = []
+  const selectedNode = tree.resolve(pos, 0)
+
+  let node: SyntaxNode | null = selectedNode
+  while (node) {
+    const name = node.type.name
+    switch (name) {
+      case 'Environment':
+        {
+          const data: AncestorItem = {
+            node,
+            label: name,
+            from: node.from,
+            to: node.to,
+          }
+
+          const child = node.getChild('EnvNameGroup')
+          if (child) {
+            data.type = state.doc.sliceString(child.from + 1, child.to - 1)
+          }
+          stack.push(data)
+        }
+        break
+
+      default:
+        stack.push({ node, label: name, from: node.from, to: node.to })
+        break
+    }
+
+    node = node.parent
+  }
+
+  return stack.reverse()
+}
+
+export const wrappedNodeOfType = (
+  state: EditorState,
+  range: SelectionRange,
+  type: string | number
+): SyntaxNode | null => {
+  if (range.empty) {
+    return null
+  }
+
+  const ancestorNode = ancestorNodeOfType(state, range.from, type, 1)
+
+  if (
+    ancestorNode &&
+    ancestorNode.from === range.from &&
+    ancestorNode.to === range.to
+  ) {
+    return ancestorNode
+  }
+
+  return null
+}
+
+export const ancestorNodeOfType = (
+  state: EditorState,
+  pos: number,
+  type: string | number,
+  side: -1 | 0 | 1 = 0
+): SyntaxNode | null => {
+  const node: SyntaxNode | null = syntaxTree(state).resolveInner(pos, side)
+  return ancestorOfNodeWithType(node, type)
+}
+
+export function* ancestorsOfNodeWithType(
+  node: SyntaxNode | null,
+  type: string | number
+): Generator<SyntaxNode> {
+  for (let ancestor = node; ancestor; ancestor = ancestor.parent) {
+    if (ancestor.type.is(type)) {
+      yield ancestor
+    }
+  }
+}
+
+export const ancestorOfNodeWithType = (
+  node: SyntaxNode | null | undefined,
+  ...types: (string | number)[]
+): SyntaxNode | null => {
+  for (let ancestor = node; ancestor; ancestor = ancestor.parent) {
+    for (const type of types) {
+      if (ancestor.type.is(type)) {
+        return ancestor
+      }
+    }
+  }
+  return null
+}
+
+export const lastAncestorAtEndPosition = (
+  node: SyntaxNode | null | undefined,
+  to: number
+): SyntaxNode | null => {
+  let lastAncestor: SyntaxNode | null = null
+  for (
+    let ancestor = node;
+    ancestor && ancestor.to === to;
+    ancestor = ancestor.parent
+  ) {
+    lastAncestor = ancestor
+  }
+  return lastAncestor
+}
+
+export const descendantsOfNodeWithType = (
+  node: SyntaxNode,
+  type: string | number,
+  leaveType?: string | number
+): SyntaxNode[] => {
+  const children: SyntaxNode[] = []
+
+  node.cursor().iterate(nodeRef => {
+    if (nodeRef.type.is(type)) {
+      children.push(nodeRef.node)
+    }
+    if (leaveType && nodeRef.type.is(leaveType) && nodeRef.node !== node) {
+      return false
+    }
+  })
+
+  return children
+}
+
+export const getBibkeyArgumentNode = (state: EditorState, pos: number) => {
+  return (
+    ancestorNodeOfType(state, pos, 'BibKeyArgument', -1) ??
+    ancestorNodeOfType(state, pos, 'BibKeyArgument')
+  )
+}
+
+export function* ancestorsOfSelectionWithType(
+  tree: Tree,
+  selection: EditorSelection,
+  type: string | number
+) {
+  for (const range of selection.ranges) {
+    const node = tree.resolveInner(range.anchor)
+    for (const ancestor of ancestorsOfNodeWithType(node, type)) {
+      if (ancestor) {
+        yield ancestor
+      }
+    }
+  }
+}
+
+export const matchingAncestor = (
+  node: SyntaxNode,
+  predicate: (node: SyntaxNode) => boolean
+) => {
+  for (
+    let ancestor: SyntaxNode | null | undefined = node;
+    ancestor;
+    ancestor = ancestor.parent
+  ) {
+    if (predicate(ancestor)) {
+      return ancestor
+    }
+  }
+  return null
+}
+
+export const ancestorWithType = (
+  state: EditorState,
+  nodeType: string | number
+) => {
+  const tree = syntaxTree(state)
+
+  const ancestors = ancestorsOfSelectionWithType(
+    tree,
+    state.selection,
+    nodeType
+  )
+
+  return ancestors.next().value
+}
+
+export const commonAncestor = (
+  nodeA: SyntaxNode,
+  nodeB: SyntaxNode
+): SyntaxNode | null => {
+  let cursorA: SyntaxNode | null = nodeA
+  let cursorB: SyntaxNode | null = nodeB
+  while (cursorA && cursorB) {
+    if (cursorA === cursorB) {
+      return cursorA
+    }
+    if (cursorA.from < cursorB.from) {
+      cursorB = cursorB.parent
+    } else {
+      cursorA = cursorA.parent
+    }
+  }
+  return null
+}
+
+export type ListEnvironmentName = 'itemize' | 'enumerate' | 'description'
+
+export const listDepthForNode = (node: SyntaxNode) => {
+  let depth = 0
+  for (const ancestor of ancestorsOfNodeWithType(node, ListEnvironment)) {
+    if (ancestor) {
+      depth++
+    }
+  }
+  return depth
+}
+
+export const minimumListDepthForSelection = (state: EditorState) => {
+  const depths = []
+  for (const range of state.selection.ranges) {
+    const tree = syntaxTree(state)
+    const node = tree.resolveInner(range.anchor)
+    depths.push(listDepthForNode(node))
+  }
+  return Math.min(...depths)
+}
+
+export const isDirectChildOfEnvironment = (
+  child?: SyntaxNode | null,
+  ancestor?: SyntaxNode | null
+) => {
+  const possiblyAncestor = child?.parent?.parent?.parent // Text → Content → Environment
+  return ancestor === possiblyAncestor
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/tree-operations/colors.ts b/services/web/frontend/js/features/source-editor/utils/tree-operations/colors.ts
new file mode 100644
index 0000000..4f2b194
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/tree-operations/colors.ts
@@ -0,0 +1,58 @@
+import { EditorState } from '@codemirror/state'
+import { SyntaxNode } from '@lezer/common'
+import {
+  LongArg,
+  ShortArg,
+  ShortTextArgument,
+  TextArgument,
+} from '../../lezer-latex/latex.terms.mjs'
+
+// basic color definitions from the xcolor package
+// https://github.com/latex3/xcolor/blob/849682246582946835d28c8f9b2081ff2c340e09/xcolor.dtx#L7051-L7093
+const colors = new Map<string, string>([
+  ['red', 'rgb(255,0,0)'],
+  ['green', 'rgb(0,255,0)'],
+  ['blue', 'rgb(0,0,255)'],
+  ['brown', 'rgb(195,127,63)'],
+  ['lime', 'rgb(195,255,0)'],
+  ['orange', 'rgb(255,127,0)'],
+  ['pink', 'rgb(255,195,195)'],
+  ['purple', 'rgb(195,0,63)'],
+  ['teal', 'rgb(0,127,127)'],
+  ['violet', 'rgb(127,0,127)'],
+  ['cyan', 'rgb(0,255,255)'],
+  ['magenta', 'rgb(255,0,255)'],
+  ['yellow', 'rgb(255,255,0)'],
+  ['olive', 'rgb(127,127,0)'],
+  ['black', 'rgb(0,0,0)'],
+  ['darkgray', 'rgb(63,63,63)'],
+  ['gray', 'rgb(127,127,127)'],
+  ['lightgray', 'rgb(195,195,195)'],
+  ['white', 'rgb(255,255,255)'],
+])
+
+export const parseColorArguments = (
+  state: EditorState,
+  node: SyntaxNode
+): { color: string; from: number; to: number } | undefined => {
+  const colorArgumentNode = node.getChild(ShortTextArgument)?.getChild(ShortArg)
+  const contentArgumentNode = node.getChild(TextArgument)?.getChild(LongArg)
+
+  if (colorArgumentNode && contentArgumentNode) {
+    const { from, to } = contentArgumentNode
+
+    if (to > from) {
+      const colorName = state
+        .sliceDoc(colorArgumentNode.from, colorArgumentNode.to)
+        .trim()
+
+      if (colorName) {
+        const color = colors.get(colorName)
+
+        if (color) {
+          return { color, from, to }
+        }
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/tree-operations/commands.ts b/services/web/frontend/js/features/source-editor/utils/tree-operations/commands.ts
new file mode 100644
index 0000000..947280b
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/tree-operations/commands.ts
@@ -0,0 +1,211 @@
+import { EditorState } from '@codemirror/state'
+import { SyntaxNode, SyntaxNodeRef } from '@lezer/common'
+import { childOfNodeWithType, getOptionalArgumentText } from './common'
+import { NodeIntersectsChangeFn, ProjectionItem } from './projection'
+
+/**
+ * A projection of a command in the document
+ */
+export class Command extends ProjectionItem {
+  readonly title: string = ''
+  readonly optionalArgCount: number | undefined = 0
+  readonly requiredArgCount: number | undefined = 0
+  readonly type: 'usage' | 'definition' = 'usage'
+  readonly raw: string | undefined = undefined
+  readonly ignoreInAutocomplete?: boolean = false
+}
+
+const getCommandName = (
+  node: SyntaxNode,
+  state: EditorState,
+  childTypes: string[]
+): string | null => {
+  const child = childOfNodeWithType(node, ...childTypes)
+
+  if (child) {
+    const commandName = state.doc.sliceString(child.from, child.to)
+    if (commandName.length > 0) {
+      return commandName
+    }
+  }
+
+  return null
+}
+
+/**
+ * Extracts Command instances from the syntax tree.
+ * `\newcommand`, `\renewcommand`, `\newenvironment`, `\renewenvironment`
+ * and `\def` are treated specially.
+ */
+export const enterNode = (
+  state: EditorState,
+  node: SyntaxNodeRef,
+  items: Command[],
+  nodeIntersectsChange: NodeIntersectsChangeFn
+): any => {
+  if (node.type.is('NewCommand') || node.type.is('RenewCommand')) {
+    if (!nodeIntersectsChange(node.node)) {
+      // This should already be in `items`
+      return
+    }
+
+    const commandName = getCommandName(node.node, state, [
+      'LiteralArgContent',
+      'Csname',
+    ])
+
+    if (commandName === null) {
+      return
+    }
+
+    const optionalArguments = node.node.getChildren('OptionalArgument')
+
+    let argCountNumber = 0
+    if (optionalArguments.length > 0) {
+      const argumentCountNode = optionalArguments[0]
+      const argCountText = getOptionalArgumentText(state, argumentCountNode)
+      if (argCountText) {
+        try {
+          argCountNumber = parseInt(argCountText, 10)
+        } catch (err) {}
+      }
+    }
+
+    const commandDefinitionHasOptionalArgument = optionalArguments.length === 2
+
+    if (commandDefinitionHasOptionalArgument && argCountNumber > 0) {
+      argCountNumber--
+    }
+
+    items.push({
+      line: state.doc.lineAt(node.from).number,
+      title: commandName,
+      from: node.from,
+      to: node.to,
+      optionalArgCount: commandDefinitionHasOptionalArgument ? 1 : 0,
+      requiredArgCount: argCountNumber,
+      type: 'definition',
+      raw: state.sliceDoc(node.from, node.to),
+    })
+  } else if (node.type.is('Def')) {
+    if (!nodeIntersectsChange(node.node)) {
+      // This should already be in `items`
+      return
+    }
+
+    const commandName = getCommandName(node.node, state, ['Csname', 'CtrlSym'])
+
+    if (commandName === null) {
+      return
+    }
+
+    const requiredArgCount = node.node.getChildren('MacroParameter').length
+    const optionalArgCount = node.node.getChildren(
+      'OptionalMacroParameter'
+    ).length
+
+    items.push({
+      line: state.doc.lineAt(node.from).number,
+      title: commandName,
+      from: node.from,
+      to: node.to,
+      optionalArgCount,
+      requiredArgCount,
+      type: 'definition',
+      raw: state.sliceDoc(node.from, node.to),
+    })
+  } else if (node.type.is('Let')) {
+    if (!nodeIntersectsChange(node.node)) {
+      // This should already be in `items`
+      return
+    }
+
+    const commandName = getCommandName(node.node, state, ['Csname'])
+
+    if (commandName === null) {
+      return
+    }
+    items.push({
+      line: state.doc.lineAt(node.from).number,
+      title: commandName,
+      from: node.from,
+      to: node.to,
+      ignoreInAutocomplete: true, // Ignoring since we don't know the argument counts
+      optionalArgCount: undefined,
+      requiredArgCount: undefined,
+      type: 'definition',
+      raw: state.sliceDoc(node.from, node.to),
+    })
+  } else if (
+    node.type.is('UnknownCommand') ||
+    node.type.is('KnownCommand') ||
+    node.type.is('MathUnknownCommand') ||
+    node.type.is('DefinitionFragmentUnknownCommand')
+  ) {
+    if (!nodeIntersectsChange(node.node)) {
+      // This should already be in `items`
+      return
+    }
+
+    let commandNode: SyntaxNode | null = node.node
+    if (node.type.is('KnownCommand')) {
+      // KnownCommands are defined as
+      //
+      // KnownCommand {
+      //    CommandName {
+      //       CommandCtrlSeq [args]
+      //    }
+      // }
+      // So for a KnownCommand, use the first child as the actual command node
+      commandNode = commandNode.firstChild
+    }
+
+    if (!commandNode) {
+      return
+    }
+
+    const ctrlSeq = commandNode.getChild('$CtrlSeq')
+    if (!ctrlSeq) {
+      return
+    }
+
+    if (ctrlSeq.type.is('$CtrlSym')) {
+      return
+    }
+
+    const optionalArguments = commandNode.getChildren('OptionalArgument')
+    const commandArgumentsIncludingOptional =
+      commandNode.getChildren('$Argument')
+    const text = state.doc.sliceString(ctrlSeq.from, ctrlSeq.to)
+
+    items.push({
+      line: state.doc.lineAt(commandNode.from).number,
+      title: text,
+      from: commandNode.from,
+      to: commandNode.to,
+      optionalArgCount: optionalArguments.length,
+      requiredArgCount:
+        commandArgumentsIncludingOptional.length - optionalArguments.length,
+      type: 'usage',
+      raw: undefined,
+    })
+  }
+}
+
+const texOrPdfArgument = { tex: 0, pdf: 1 }
+
+export const texOrPdfString = (
+  state: EditorState,
+  node: SyntaxNode,
+  version: keyof typeof texOrPdfArgument
+) => {
+  const commandName = getCommandName(node.node, state, ['CtrlSeq'])
+  if (commandName === '\\texorpdfstring') {
+    const argumentNode = node
+      .getChildren('TextArgument')
+      [texOrPdfArgument[version]]?.getChild('LongArg')
+    if (argumentNode) {
+      return state.doc.sliceString(argumentNode.from, argumentNode.to)
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/tree-operations/comments.ts b/services/web/frontend/js/features/source-editor/utils/tree-operations/comments.ts
new file mode 100644
index 0000000..688c672
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/tree-operations/comments.ts
@@ -0,0 +1,96 @@
+import { ensureSyntaxTree } from '@codemirror/language'
+import { EditorState } from '@codemirror/state'
+import { SyntaxNode } from '@lezer/common'
+
+const HUNDRED_MS = 100
+
+/**
+ * Does this Comment node look like '% {' ?
+ * */
+export const commentIsOpenFold = (
+  node: SyntaxNode,
+  state: EditorState
+): boolean => {
+  const content = state.doc.sliceString(node.from, node.to)
+  return !!content.match(/%\s*\{\s*/)
+}
+
+/**
+ * Does this Comment node look like '% }' ?
+ * */
+export const commentIsCloseFold = (
+  node: SyntaxNode,
+  state: EditorState
+): boolean => {
+  const content = state.doc.sliceString(node.from, node.to)
+  return !!content.match(/%\s*\}\s*/)
+}
+
+const SEARCH_FORWARD_LIMIT = 6000
+
+/**
+ * Given an opening fold Comment, find its corresponding closing Comment,
+ * accounting for nesting.
+ * */
+export const findClosingFoldComment = (
+  node: SyntaxNode,
+  state: EditorState
+): SyntaxNode | undefined => {
+  const start = node.to + 1
+  const upto = Math.min(start + SEARCH_FORWARD_LIMIT, state.doc.length)
+  const tree = ensureSyntaxTree(state, upto, HUNDRED_MS)
+  if (!tree) {
+    return
+  }
+  let closingFoldNode: SyntaxNode | undefined
+  let nestingLevel = 0
+  tree.iterate({
+    from: start,
+    to: upto,
+    enter: n => {
+      if (closingFoldNode) {
+        return false
+      }
+      if (n.node.type.is('Comment')) {
+        if (commentIsOpenFold(n.node, state)) {
+          nestingLevel++
+        } else if (commentIsCloseFold(n.node, state)) {
+          if (nestingLevel > 0) {
+            nestingLevel--
+          } else {
+            closingFoldNode = n.node
+            return false
+          }
+        }
+      }
+    },
+  })
+  return closingFoldNode
+}
+
+/**
+ * Given two Comment nodes, get the positions we want to actually fold between,
+ * accounting for the opening and closing brace.
+ *
+ * The resulting fold looks like `% {----}` in the editor.
+ *
+ */
+export const getFoldRange = (
+  startNode: SyntaxNode,
+  endNode: SyntaxNode,
+  state: EditorState
+): { from: number; to: number } | null => {
+  const startContent = state.doc.sliceString(startNode.from, startNode.to)
+  const endContent = state.doc.sliceString(endNode.from, endNode.to)
+
+  const openBracePos = startContent.indexOf('{')
+  const closeBracePos = endContent.indexOf('}')
+  if (openBracePos < 0 || closeBracePos < 0) {
+    return null
+  }
+
+  return {
+    from: startNode.from + openBracePos + 1,
+    to: endNode.from + closeBracePos,
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/tree-operations/common.ts b/services/web/frontend/js/features/source-editor/utils/tree-operations/common.ts
new file mode 100644
index 0000000..c8d3cbd
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/tree-operations/common.ts
@@ -0,0 +1,104 @@
+import { ensureSyntaxTree } from '@codemirror/language'
+import { EditorState } from '@codemirror/state'
+import { IterMode, SyntaxNode, SyntaxNodeRef, Tree } from '@lezer/common'
+
+const HUNDRED_MS = 100
+
+export function iterateDescendantsOf(
+  tree: Tree,
+  ancestors: (string | number)[],
+  spec: {
+    enter(node: SyntaxNodeRef): boolean | void
+    leave?(node: SyntaxNodeRef): void
+    from?: number | undefined
+    to?: number | undefined
+    mode?: IterMode | undefined
+  }
+) {
+  const filteredEnter = (node: SyntaxNodeRef): boolean | void => {
+    if (!ancestors.some(x => node.type.is(x))) {
+      return false
+    }
+    return spec.enter(node)
+  }
+  tree.iterate({ ...spec, enter: filteredEnter })
+}
+
+export const previousSiblingIs = (
+  state: EditorState,
+  pos: number,
+  expectedName: string
+): boolean | null => {
+  const tree = ensureSyntaxTree(state, pos, HUNDRED_MS)
+  if (!tree) {
+    return null
+  }
+  const thisNode = tree.resolve(pos)
+  const previousNode = thisNode?.prevSibling
+  return previousNode?.type.name === expectedName
+}
+
+export const nextSiblingIs = (
+  state: EditorState,
+  pos: number,
+  expectedName: string
+): boolean | null => {
+  const tree = ensureSyntaxTree(state, pos, HUNDRED_MS)
+  if (!tree) {
+    return null
+  }
+  const thisNode = tree.resolve(pos)
+  const previousNode = thisNode?.nextSibling
+  return previousNode?.type.name === expectedName
+}
+
+export const getOptionalArgumentText = (
+  state: EditorState,
+  optionalArgumentNode: SyntaxNode
+): string | undefined => {
+  const shortArgNode = optionalArgumentNode.getChild('ShortOptionalArg')
+  if (shortArgNode) {
+    return state.doc.sliceString(shortArgNode.from, shortArgNode.to)
+  }
+}
+
+export const nodeHasError = (node: SyntaxNode): boolean => {
+  let hasError = false
+
+  node.cursor().iterate(({ type }) => {
+    if (hasError) return false
+
+    if (type.isError) {
+      hasError = true
+      return false
+    }
+
+    return true
+  })
+
+  return hasError
+}
+
+export const childOfNodeWithType = (
+  node: SyntaxNode,
+  ...types: (string | number)[]
+): SyntaxNode | null => {
+  let childOfType: SyntaxNode | null = null
+
+  node.cursor().iterate(child => {
+    if (childOfType !== null) {
+      return false
+    }
+
+    for (const type of types) {
+      if (child.type.is(type)) {
+        childOfType = child.node
+        return false
+      }
+    }
+
+    return true
+  })
+
+  return childOfType
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/tree-operations/completions.ts b/services/web/frontend/js/features/source-editor/utils/tree-operations/completions.ts
new file mode 100644
index 0000000..706b4e9
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/tree-operations/completions.ts
@@ -0,0 +1,70 @@
+import { CompletionContext, CompletionSource } from '@codemirror/autocomplete'
+import { syntaxTree } from '@codemirror/language'
+import { EditorState } from '@codemirror/state'
+import { SyntaxNode } from '@lezer/common'
+import { ancestorOfNodeWithType } from './ancestors'
+
+export const ifInType = (
+  type: string,
+  source: CompletionSource
+): CompletionSource => {
+  return (context: CompletionContext) => {
+    const tree = syntaxTree(context.state)
+    let node: SyntaxNode | null = tree.resolveInner(context.pos, -1)
+    while (node) {
+      if (node.type.is(type)) {
+        return source(context)
+      }
+      node = node.parent
+    }
+    return null
+  }
+}
+
+function isInEmptyArgumentNodeOfType(state: EditorState, types: string[]) {
+  const main = state.selection.main
+  if (!main.empty) {
+    return false
+  }
+
+  const pos = main.anchor
+  const tree = syntaxTree(state)
+
+  if (tree.length < pos) {
+    return false
+  }
+
+  const nodeLeft = tree.resolveInner(pos, -1)
+  if (!nodeLeft.type.is('OpenBrace')) {
+    return false
+  }
+
+  const nodeRight = tree.resolveInner(pos, 1)
+  if (!nodeRight.type.is('CloseBrace')) {
+    return false
+  }
+
+  const ancestor = ancestorOfNodeWithType(nodeLeft, ...types)
+  if (!ancestor) {
+    return false
+  }
+
+  return ancestor.from === nodeLeft.from && ancestor.to === nodeRight.to
+}
+
+export function isInEmptyArgumentNodeForAutocomplete(state: EditorState) {
+  return isInEmptyArgumentNodeOfType(state, [
+    'EnvNameGroup',
+    'BibliographyStyleArgument',
+    'BibliographyArgument',
+    'BibKeyArgument',
+    'DocumentClassArgument',
+    'FilePathArgument',
+    'RefArgument',
+    'PackageArgument',
+  ])
+}
+
+export function isInEmptyCiteArgumentNode(state: EditorState) {
+  return isInEmptyArgumentNodeOfType(state, ['BibKeyArgument'])
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/tree-operations/environments.ts b/services/web/frontend/js/features/source-editor/utils/tree-operations/environments.ts
new file mode 100644
index 0000000..0fe75ca
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/tree-operations/environments.ts
@@ -0,0 +1,307 @@
+import { ensureSyntaxTree } from '@codemirror/language'
+import { EditorState } from '@codemirror/state'
+import { SyntaxNode, SyntaxNodeRef } from '@lezer/common'
+import { previousSiblingIs } from './common'
+import { NodeIntersectsChangeFn, ProjectionItem } from './projection'
+import { FigureData } from '../../extensions/figure-modal'
+
+const HUNDRED_MS = 100
+
+export class Environment extends ProjectionItem {
+  readonly title: string = ''
+  readonly type: 'usage' | 'definition' = 'usage'
+  readonly raw: string = ''
+}
+
+export const enterNode = (
+  state: EditorState,
+  node: SyntaxNodeRef,
+  items: Environment[],
+  nodeIntersectsChange: NodeIntersectsChangeFn
+): any => {
+  if (node.type.is('EnvNameGroup')) {
+    if (!nodeIntersectsChange(node.node)) {
+      return false
+    }
+    if (!node.node.prevSibling?.type.is('Begin')) {
+      return false
+    }
+    const openBraceNode = node.node.getChild('OpenBrace')
+    if (!openBraceNode) {
+      return false
+    }
+    const envNameNode = openBraceNode.node.nextSibling
+    if (!envNameNode) {
+      return false
+    }
+    const envNameText = state.doc.sliceString(envNameNode.from, envNameNode.to)
+
+    if (envNameText.length < 1) {
+      return false
+    }
+
+    const thisEnvironmentName: Environment = {
+      title: envNameText,
+      from: envNameNode.from,
+      to: envNameNode.to,
+      line: state.doc.lineAt(envNameNode.from).number,
+      type: 'usage',
+      raw: state.sliceDoc(node.from, node.to),
+    }
+
+    items.push(thisEnvironmentName)
+  } else if (
+    node.type.is('NewEnvironment') ||
+    node.type.is('RenewEnvironment')
+  ) {
+    if (!nodeIntersectsChange(node.node)) {
+      // This should already be in `items`
+      return false
+    }
+
+    const envNameNode = node.node.getChild('LiteralArgContent')
+    if (!envNameNode) {
+      return
+    }
+    const envNameText = state.doc.sliceString(envNameNode.from, envNameNode.to)
+
+    if (!envNameText) {
+      return
+    }
+
+    const thisEnvironmentName: Environment = {
+      title: envNameText,
+      from: envNameNode.from,
+      to: envNameNode.to,
+      line: state.doc.lineAt(envNameNode.from).number,
+      type: 'definition',
+      raw: state.sliceDoc(node.from, node.to),
+    }
+
+    items.push(thisEnvironmentName)
+  }
+}
+
+export const cursorIsAtBeginEnvironment = (
+  state: EditorState,
+  pos: number
+): boolean | undefined => {
+  const tree = ensureSyntaxTree(state, pos, HUNDRED_MS)
+  if (!tree) {
+    return
+  }
+  let thisNode = tree.resolve(pos)
+  if (!thisNode) {
+    return
+  }
+  if (
+    thisNode.type.is('EnvNameGroup') &&
+    previousSiblingIs(state, pos, 'Begin')
+  ) {
+    return true
+  } else if (
+    thisNode.type.is('$Environment') ||
+    (thisNode.type.is('LaTeX') && pos === state.doc.length) // We're at the end of the document
+  ) {
+    // We're at a malformed `\begin{`, resolve leftward
+    thisNode = tree.resolve(pos, -1)
+    if (!thisNode) {
+      return
+    }
+    // TODO: may need to handle various envnames
+    if (thisNode.type.is('OpenBrace') || thisNode.type.is('$EnvName')) {
+      return true
+    }
+  }
+}
+
+export const cursorIsAtEndEnvironment = (
+  state: EditorState,
+  pos: number
+): boolean | undefined => {
+  const tree = ensureSyntaxTree(state, pos, HUNDRED_MS)
+  if (!tree) {
+    return
+  }
+  let thisNode = tree.resolve(pos)
+  if (!thisNode) {
+    return
+  }
+  if (
+    thisNode.type.is('EnvNameGroup') &&
+    previousSiblingIs(state, pos, 'End')
+  ) {
+    return true
+  } else if (thisNode.type.is('$Environment') || thisNode.type.is('Content')) {
+    // We're at a malformed `\end{`, resolve leftward
+    thisNode = tree.resolve(pos, -1)
+    if (!thisNode) {
+      return
+    }
+    // TODO: may need to handle various envnames
+    if (thisNode.type.is('OpenBrace') || thisNode.type.is('EnvName')) {
+      return true
+    }
+  }
+}
+/**
+ *
+ * @param node A node of type `$Environment`, `BeginEnv`, or `EndEnv`
+ * @param state The editor state to read the name from
+ * @returns The editor name or null if a name cannot be found
+ */
+export function getEnvironmentName(
+  node: SyntaxNode | null,
+  state: EditorState
+): string | null {
+  if (node?.type.is('$Environment')) {
+    node = node.getChild('BeginEnv')
+  }
+
+  if (!node?.type.is('BeginEnv') && !node?.type.is('EndEnv')) {
+    return null
+  }
+
+  const nameNode = node
+    ?.getChild('EnvNameGroup')
+    ?.getChild('OpenBrace')?.nextSibling
+  if (!nameNode) {
+    return null
+  }
+  // the name node is a parameter in the grammar, so we have no good way to
+  // target the specific type
+  if (nameNode.type.is('CloseBrace')) {
+    return null
+  }
+  return state.sliceDoc(nameNode.from, nameNode.to)
+}
+
+export const getUnstarredEnvironmentName = (
+  node: SyntaxNode | null,
+  state: EditorState
+): string | undefined => getEnvironmentName(node, state)?.replace(/\*$/, '')
+
+export function getEnvironmentArguments(environmentNode: SyntaxNode) {
+  return environmentNode.getChild('BeginEnv')?.getChildren('TextArgument')
+}
+
+export function parseFigureData(
+  figureEnvironmentNode: SyntaxNode,
+  state: EditorState
+): FigureData | null {
+  let caption: FigureData['caption'] = null
+  let label: FigureData['label'] = null
+  let file: FigureData['file'] | undefined
+  let width: FigureData['width']
+  let unknownGraphicsArguments: FigureData['unknownGraphicsArguments']
+  let graphicsCommand: FigureData['graphicsCommand'] | undefined
+  let graphicsCommandArguments: FigureData['graphicsCommandArguments'] = null
+
+  const from = figureEnvironmentNode.from
+  const to = figureEnvironmentNode.to
+
+  let error = false
+  figureEnvironmentNode.cursor().iterate((node: SyntaxNodeRef) => {
+    if (error) {
+      return false
+    }
+    if (node.type.is('Caption')) {
+      if (caption) {
+        // Multiple captions
+        error = true
+        return false
+      }
+      caption = {
+        from: node.from,
+        to: node.to,
+      }
+    }
+    if (node.type.is('Label')) {
+      if (label) {
+        // Multiple labels
+        error = true
+        return false
+      }
+      label = {
+        from: node.from,
+        to: node.to,
+      }
+    }
+    if (node.type.is('IncludeGraphics')) {
+      if (file) {
+        // Multiple figure
+        error = true
+        return false
+      }
+      graphicsCommand = {
+        from: node.from,
+        to: node.to,
+      }
+      const content = node.node
+        .getChild('IncludeGraphicsArgument')
+        ?.getChild('FilePathArgument')
+        ?.getChild('LiteralArgContent')
+      if (!content) {
+        error = true
+        return false
+      }
+      file = {
+        from: content.from,
+        to: content.to,
+        path: state.sliceDoc(content.from, content.to),
+      }
+      const optionalArgs = node.node
+        .getChild('OptionalArgument')
+        ?.getChild('ShortOptionalArg')
+      if (!optionalArgs) {
+        width = undefined
+        return false
+      }
+      graphicsCommandArguments = {
+        from: optionalArgs.from,
+        to: optionalArgs.to,
+      }
+      const optionalArgContent = state.sliceDoc(
+        optionalArgs.from,
+        optionalArgs.to
+      )
+      const widthMatch = optionalArgContent.match(
+        /^width=([0-9]|(?:[0-9]*\.[0-9]+)|(?:[0-9]+\.))\\(linewidth|pagewidth|textwidth|hsize|columnwidth)$/
+      )
+      if (widthMatch) {
+        width = parseFloat(widthMatch[1])
+        if (widthMatch[2] !== 'linewidth') {
+          // We shouldn't edit any width other that linewidth
+          unknownGraphicsArguments = optionalArgContent
+        }
+      } else {
+        unknownGraphicsArguments = optionalArgContent
+      }
+    }
+  })
+  if (error) {
+    return null
+  }
+  if (graphicsCommand === undefined || file === undefined) {
+    return null
+  }
+  return new FigureData({
+    caption,
+    label,
+    file,
+    from,
+    to,
+    width,
+    unknownGraphicsArguments,
+    graphicsCommand,
+    graphicsCommandArguments,
+  })
+}
+
+export const getBeginEnvSuffix = (state: EditorState, node: SyntaxNode) => {
+  const argumentNode = node
+    .getChild('OptionalArgument')
+    ?.getChild('ShortOptionalArg')
+
+  return argumentNode && state.sliceDoc(argumentNode.from, argumentNode.to)
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/tree-operations/figure.ts b/services/web/frontend/js/features/source-editor/utils/tree-operations/figure.ts
new file mode 100644
index 0000000..8c2d2bf
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/tree-operations/figure.ts
@@ -0,0 +1,26 @@
+import { SyntaxNode, SyntaxNodeRef } from '@lezer/common'
+import { CenteringCtrlSeq } from '../../lezer-latex/latex.terms.mjs'
+
+export function centeringNodeForEnvironment(
+  environmentNodeRef: SyntaxNodeRef
+): SyntaxNode | null {
+  let centeringNode: SyntaxNode | null = null
+  const cursor = environmentNodeRef.node.cursor()
+  cursor.iterate(nodeRef => {
+    if (centeringNode) {
+      return false
+    }
+    if (nodeRef.type.is(CenteringCtrlSeq)) {
+      centeringNode = nodeRef.node
+      return false
+    }
+    // don't descend into nested environments
+    if (
+      nodeRef.node !== environmentNodeRef.node &&
+      nodeRef.type.is('$Environment')
+    ) {
+      return false
+    }
+  })
+  return centeringNode
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/tree-operations/formatting.ts b/services/web/frontend/js/features/source-editor/utils/tree-operations/formatting.ts
new file mode 100644
index 0000000..dffdd24
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/tree-operations/formatting.ts
@@ -0,0 +1,50 @@
+import { EditorState, SelectionRange } from '@codemirror/state'
+import { syntaxTree } from '@codemirror/language'
+import {
+  commonAncestor,
+  matchingAncestor,
+} from '@/features/source-editor/utils/tree-operations/ancestors'
+
+export type FormattingCommand = '\\textbf' | '\\textit'
+export type FormattingNodeType = string | number
+
+export const formattingCommandMap: Record<
+  FormattingCommand,
+  FormattingNodeType
+> = {
+  '\\textbf': 'TextBoldCommand',
+  '\\textit': 'TextItalicCommand',
+}
+
+export const withinFormattingCommand = (state: EditorState) => {
+  const tree = syntaxTree(state)
+
+  return (command: FormattingCommand): boolean => {
+    const nodeType = formattingCommandMap[command]
+
+    const isFormattedText = (range: SelectionRange): boolean => {
+      const nodeLeft = tree.resolveInner(range.from, -1)
+      const formattingCommandLeft = matchingAncestor(nodeLeft, node =>
+        node.type.is(nodeType)
+      )
+      if (!formattingCommandLeft) {
+        return false
+      }
+
+      // We need to check the other end of the selection, and ensure that they
+      // share a common formatting command ancestor
+      const nodeRight = tree.resolveInner(range.to, 1)
+      const ancestor = commonAncestor(formattingCommandLeft, nodeRight)
+      if (!ancestor) {
+        return false
+      }
+
+      const formattingAncestor = matchingAncestor(ancestor, node =>
+        node.type.is(nodeType)
+      )
+      return Boolean(formattingAncestor)
+    }
+
+    return state.selection.ranges.every(isFormattedText)
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/tree-operations/lists.ts b/services/web/frontend/js/features/source-editor/utils/tree-operations/lists.ts
new file mode 100644
index 0000000..8d9eaae
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/tree-operations/lists.ts
@@ -0,0 +1,21 @@
+import { EditorState } from '@codemirror/state'
+import { SyntaxNode } from '@lezer/common'
+
+export const getListType = (
+  state: EditorState,
+  listEnvironmentNode: SyntaxNode
+) => {
+  const beginEnvNameNode = listEnvironmentNode
+    .getChild('BeginEnv')
+    ?.getChild('EnvNameGroup')
+    ?.getChild('ListEnvName')
+
+  const endEnvNameNode = listEnvironmentNode
+    .getChild('EndEnv')
+    ?.getChild('EnvNameGroup')
+    ?.getChild('ListEnvName')
+
+  if (beginEnvNameNode && endEnvNameNode) {
+    return state.sliceDoc(beginEnvNameNode.from, beginEnvNameNode.to).trim()
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/tree-operations/math.ts b/services/web/frontend/js/features/source-editor/utils/tree-operations/math.ts
new file mode 100644
index 0000000..c4760c8
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/tree-operations/math.ts
@@ -0,0 +1,65 @@
+import { getEnvironmentName } from './environments'
+import { EditorState } from '@codemirror/state'
+import { SyntaxNode, SyntaxNodeRef } from '@lezer/common'
+import { ancestorNodeOfType } from './ancestors'
+
+export type MathContainer = {
+  content: string
+  displayMode: boolean
+  passToMathJax: boolean
+  pos: number
+}
+
+export const mathAncestorNode = (state: EditorState, pos: number) =>
+  ancestorNodeOfType(state, pos, '$MathContainer') ||
+  ancestorNodeOfType(state, pos, 'EquationEnvironment') ||
+  // NOTE: EquationArrayEnvironment can be nested inside EquationEnvironment
+  ancestorNodeOfType(state, pos, 'EquationArrayEnvironment')
+
+export const parseMathContainer = (
+  state: EditorState,
+  nodeRef: SyntaxNodeRef,
+  ancestorNode: SyntaxNode
+): MathContainer | null => {
+  // the content of the Math element, without braces
+  const innerContent = state.doc.sliceString(nodeRef.from, nodeRef.to).trim()
+
+  if (!innerContent.length) {
+    return null
+  }
+
+  let content = innerContent
+  let displayMode = false
+  let passToMathJax = true
+  let pos = nodeRef.from
+
+  if (ancestorNode.type.is('$Environment')) {
+    const environmentName = getEnvironmentName(ancestorNode, state)
+    if (environmentName) {
+      // use the outer content of environments that MathJax supports
+      // https://docs.mathjax.org/en/latest/input/tex/macros/index.html#environments
+      if (environmentName === 'tikzcd') {
+        passToMathJax = false
+      }
+      if (environmentName !== 'math' && environmentName !== 'displaymath') {
+        content = state.doc
+          .sliceString(ancestorNode.from, ancestorNode.to)
+          .trim()
+        pos = ancestorNode.from
+      }
+
+      if (environmentName !== 'math') {
+        displayMode = true
+      }
+    }
+  } else {
+    if (
+      ancestorNode.type.is('BracketMath') ||
+      Boolean(ancestorNode.getChild('DisplayMath'))
+    ) {
+      displayMode = true
+    }
+  }
+
+  return { content, displayMode, passToMathJax, pos }
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/tree-operations/outline.ts b/services/web/frontend/js/features/source-editor/utils/tree-operations/outline.ts
new file mode 100644
index 0000000..a83d39d
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/tree-operations/outline.ts
@@ -0,0 +1,235 @@
+import { EditorState } from '@codemirror/state'
+import { SyntaxNode, SyntaxNodeRef } from '@lezer/common'
+import { NodeIntersectsChangeFn, ProjectionItem } from './projection'
+import * as tokens from '../../lezer-latex/latex.terms.mjs'
+import { getEnvironmentArguments, getEnvironmentName } from './environments'
+import { PartialFlatOutline } from '@/features/ide-react/context/outline-context'
+import { texOrPdfString } from './commands'
+
+export type Outline = {
+  line: number
+  title: string
+  level: number
+  children?: Outline[]
+}
+
+/**
+ * A projection of a part of the file outline, typically a (sub)section heading
+ */
+export class FlatOutlineItem extends ProjectionItem {
+  readonly level: number = 0
+  readonly title: string = ''
+}
+
+export type FlatOutline = FlatOutlineItem[]
+
+/* eslint-disable no-unused-vars */
+enum NestingLevel {
+  Book = 1,
+  Part = 2,
+  Chapter = 3,
+  Section = 4,
+  SubSection = 5,
+  SubSubSection = 6,
+  Paragraph = 7,
+  SubParagraph = 8,
+  Frame = 9,
+  Invalid = -1,
+}
+
+const fallbackSectionNames: { [index: string]: NestingLevel } = {
+  book: NestingLevel.Book,
+  part: NestingLevel.Part,
+  chapter: NestingLevel.Part,
+  section: NestingLevel.Section,
+  subsection: NestingLevel.SubSection,
+  subsubsection: NestingLevel.SubSubSection,
+  paragraph: NestingLevel.Paragraph,
+  subparagraph: NestingLevel.SubParagraph,
+  frame: NestingLevel.Frame,
+}
+
+export const getNestingLevel = (token: number | string): NestingLevel => {
+  if (typeof token === 'string') {
+    return fallbackSectionNames[token] ?? NestingLevel.Invalid
+  }
+  switch (token) {
+    case tokens.Book:
+      return NestingLevel.Book
+    case tokens.Part:
+      return NestingLevel.Part
+    case tokens.Chapter:
+      return NestingLevel.Chapter
+    case tokens.Section:
+      return NestingLevel.Section
+    case tokens.SubSection:
+      return NestingLevel.SubSection
+    case tokens.SubSubSection:
+      return NestingLevel.SubSubSection
+    case tokens.Paragraph:
+      return NestingLevel.Paragraph
+    case tokens.SubParagraph:
+      return NestingLevel.SubParagraph
+    default:
+      return NestingLevel.Invalid
+  }
+}
+
+const getEntryText = (state: EditorState, node: SyntaxNodeRef): string => {
+  const titleParts: string[] = []
+  node.node.cursor().iterate(token => {
+    // For some reason, iterate can possibly visit sibling nodes as well as
+    // child nodes
+    if (token.from >= node.to) {
+      return false
+    }
+
+    // Hide label definitions within the sectioning command
+    if (token.type.is('Label')) {
+      return false
+    }
+
+    // Handle the texorpdfstring command
+    if (token.type.is('UnknownCommand')) {
+      const pdfString = texOrPdfString(state, token.node, 'pdf')
+      if (pdfString) {
+        titleParts.push(pdfString)
+        return false
+      }
+    }
+
+    // Only add text from leaf nodes
+    if (token.node.firstChild) {
+      return true
+    }
+
+    titleParts.push(state.doc.sliceString(token.from, token.to))
+  })
+  return titleParts.join('')
+}
+
+/**
+ * Extracts FlatOutlineItem instances from the syntax tree
+ */
+export const enterNode = (
+  state: EditorState,
+  node: SyntaxNodeRef,
+  items: FlatOutlineItem[],
+  nodeIntersectsChange: NodeIntersectsChangeFn
+): any => {
+  if (node.type.is('SectioningCommand')) {
+    const command = node.node
+    const parent = command.parent
+
+    if (!nodeIntersectsChange(command)) {
+      // This should already be in `items`
+      return
+    }
+    const name = command.getChild('SectioningArgument')?.getChild('LongArg')
+
+    if (!name) {
+      return
+    }
+
+    // Filter out descendants of newcommand/renewcommand
+    for (
+      let ancestor: SyntaxNode | null = parent;
+      ancestor;
+      ancestor = ancestor.parent
+    ) {
+      if (ancestor.type.is('NewCommand') || ancestor.type.is('RenewCommand')) {
+        return false
+      }
+    }
+
+    const getCommandName = () => {
+      const ctrlSeq = command.firstChild
+      if (!ctrlSeq) return ''
+      // Ignore the \
+      return state.doc.sliceString(ctrlSeq.from + 1, ctrlSeq.to)
+    }
+
+    const nestingLevel = parent?.type.is('$Section')
+      ? getNestingLevel(parent.type.id)
+      : getNestingLevel(getCommandName())
+
+    const thisNode = {
+      line: state.doc.lineAt(command.from).number,
+      title: getEntryText(state, name),
+      from: command.from,
+      to: command.to,
+      level: nestingLevel,
+    }
+
+    items.push(thisNode)
+  }
+  if (node.type.is('$Environment')) {
+    const environmentNode = node.node
+    if (getEnvironmentName(environmentNode, state) === 'frame') {
+      const beginEnv = environmentNode.getChild('BeginEnv')!
+      if (!nodeIntersectsChange(beginEnv)) {
+        // This should already be in `items`
+        return
+      }
+      const args = getEnvironmentArguments(environmentNode)?.map(textArg =>
+        textArg.getChild('LongArg')
+      )
+      if (args?.length) {
+        const titleNode = args[0]
+        const title = titleNode
+          ? state.sliceDoc(titleNode.from, titleNode.to)
+          : ''
+        const thisNode = {
+          line: state.doc.lineAt(beginEnv.from).number,
+          title,
+          from: beginEnv.from,
+          to: beginEnv.to,
+          level: NestingLevel.Frame,
+        }
+        items.push(thisNode)
+      }
+    }
+  }
+}
+
+const flatItemToOutline = (item: {
+  title: string
+  line: number
+  level: number
+}): Outline => ({
+  title: item.title,
+  line: item.line,
+  level: item.level,
+})
+
+export const nestOutline = (flatOutline: PartialFlatOutline): Outline[] => {
+  const parentStack: Outline[] = []
+  const outline = []
+
+  for (const item of flatOutline) {
+    const outlineItem = flatItemToOutline(item)
+
+    // Pop all higher-leveled potential parents from the parent stack
+    while (
+      parentStack.length &&
+      parentStack[parentStack.length - 1].level >= outlineItem.level
+    ) {
+      parentStack.pop()
+    }
+
+    // Append to parent if any, and otherwise add root element
+    if (!parentStack.length) {
+      parentStack.push(outlineItem)
+      outline.push(outlineItem)
+    } else {
+      const parent = parentStack[parentStack.length - 1]
+      if (!parent.children) {
+        parent.children = [outlineItem]
+      } else {
+        parent.children.push(outlineItem)
+      }
+      parentStack.push(outlineItem)
+    }
+  }
+  return outline
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/tree-operations/projection.ts b/services/web/frontend/js/features/source-editor/utils/tree-operations/projection.ts
new file mode 100644
index 0000000..55c1917
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/tree-operations/projection.ts
@@ -0,0 +1,161 @@
+import { ensureSyntaxTree } from '@codemirror/language'
+import { EditorState, Transaction } from '@codemirror/state'
+import { IterMode, SyntaxNodeRef } from '@lezer/common'
+
+const TWENTY_MS = 20
+const FIVE_HUNDRED_MS = 500
+
+/**
+ * A single item in the projection
+ */
+export abstract class ProjectionItem {
+  readonly from: number = 0
+  readonly to: number = 0
+  readonly line: number = 0
+}
+
+/* eslint-disable no-unused-vars */
+export enum ProjectionStatus {
+  Pending,
+  Partial,
+  Complete,
+}
+/* eslint-enable no-unused-vars */
+
+/*
+ * Result of extracting a projection from the document.
+ * Holds the list of ProjectionItems and the status of
+ * the projection
+ */
+export interface ProjectionResult<T extends ProjectionItem> {
+  items: T[]
+  status: ProjectionStatus
+}
+
+const intersects = (fromA: number, toA: number, fromB: number, toB: number) => {
+  return !(toA < fromB || fromA > toB)
+}
+
+export type NodeIntersectsChangeFn = (node: SyntaxNodeRef) => boolean
+
+export function updatePosition<T extends ProjectionItem>(
+  item: T,
+  transaction?: Transaction
+): T {
+  if (!transaction) {
+    return item
+  }
+  const { from, to } = item
+  const newFrom = transaction.changes.mapPos(from)
+  const newTo = transaction.changes.mapPos(to)
+  const lineNumber = transaction.state.doc.lineAt(newFrom).number
+
+  if (newFrom === from && newTo === to && lineNumber === item.line) {
+    // Optimisation - if the item hasn't moved, don't create a new object
+    // If items are not immutable this can introduce problems
+    return item
+  }
+
+  return {
+    ...item,
+    from: newFrom,
+    to: newTo,
+    line: lineNumber,
+  }
+}
+
+export type EnterNodeFn<T> = (
+  state: EditorState,
+  node: SyntaxNodeRef,
+  items: T[],
+  nodeIntersectsChange: NodeIntersectsChangeFn
+) => any
+
+/**
+ * Calculates an updated projection of an editor state. Passing a previous ProjectionResult
+ * will reuse the existing projection elements (though updating their position to
+ * point correctly into the latest EditorState), outside of the changed range.
+ *
+ * @param state The current editor state
+ * @param fromA The start of the modified range in the previous state.
+ *              Ignored if `previousResult` is not provided
+ * @param toA The end of the modified range in the previous state.
+ *            Ignored if `previousResult` is not provided
+ * @param fromB The start of the modified range in the `state`
+ * @param toB The end of the modified range in the `state`
+ * @param initialParse If this is the intial parse of the document. If that's
+ *                     the case, we allow 500ms parse time instead of 20ms
+ * @param enterNode A function to call when 'enter'ing a node while traversing the syntax tree,
+ *                  used to identify nodes we are interested in.
+ * @param transaction Optional, used to update item positions in `previousResult`
+ * @param previousResult A previous ProjectionResult that will be reused for
+ *                        projection elements outside of the range of [fromA; toA]
+ * @returns A ProjectionResult<T> pointing to locations in `state`
+ */
+export function getUpdatedProjection<T extends ProjectionItem>(
+  state: EditorState,
+  fromA: number,
+  toA: number,
+  fromB: number,
+  toB: number,
+  initialParse = false,
+  enterNode: EnterNodeFn<T>,
+  transaction?: Transaction,
+  previousResult: ProjectionResult<T> = {
+    items: [],
+    status: ProjectionStatus.Pending,
+  }
+): ProjectionResult<T> {
+  // Only reuse results from a Complete parse, otherwise we may drop entries.
+  // We keep items that lie outside the change range, and update their positions.
+  const items: T[] =
+    previousResult.status === ProjectionStatus.Complete
+      ? previousResult
+          .items!.filter(item => !intersects(item.from, item.to, fromA, toA))
+          .map(x => updatePosition(x, transaction))
+      : []
+
+  if (previousResult.status !== ProjectionStatus.Complete) {
+    // We have previously tried to compute the projection, but unsuccessfully,
+    // so we should try to parse the whole file again.
+    toB = state.doc.length
+    fromB = 0
+  }
+  const tree = ensureSyntaxTree(
+    state,
+    toB,
+    initialParse ? FIVE_HUNDRED_MS : TWENTY_MS
+  )
+  if (tree) {
+    tree.iterate({
+      from: fromB,
+      to: toB,
+      enter(node) {
+        const nodeIntersectsChange = (n: SyntaxNodeRef) => {
+          return intersects(n.from, n.to, fromB, toB)
+        }
+        return enterNode(state, node, items, nodeIntersectsChange)
+      },
+      mode: IterMode.IgnoreMounts | IterMode.IgnoreOverlays,
+    })
+    // We know the exact projection. Return it.
+    return {
+      status: ProjectionStatus.Complete,
+      items: items.sort((a, b) => a.from - b.from),
+    }
+  } else if (previousResult.status !== ProjectionStatus.Pending) {
+    // We don't know the latest projection, but we have an idea of a previous
+    // projection.
+    return {
+      status: ProjectionStatus.Partial,
+      items: previousResult.items,
+    }
+  } else {
+    // We have no previous projection, and no idea of the current projection.
+    // Return pending.
+    return {
+      items: [],
+      status: ProjectionStatus.Pending,
+    }
+  }
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/tree-operations/text.ts b/services/web/frontend/js/features/source-editor/utils/tree-operations/text.ts
new file mode 100644
index 0000000..a443b94
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/tree-operations/text.ts
@@ -0,0 +1,79 @@
+import { syntaxTree } from '@codemirror/language'
+import { Line } from '@codemirror/state'
+import { EditorView } from '@codemirror/view'
+import { SyntaxNodeRef } from '@lezer/common'
+import OError from '@overleaf/o-error'
+import { noSpellCheckProp } from '@/features/source-editor/utils/node-props'
+
+/* A convenient wrapper around 'Normal' tokens */
+export class NormalTextSpan {
+  public from: number
+  public to: number
+  public lineNumber: number
+  public text: string
+  public node: SyntaxNodeRef
+
+  constructor(options: {
+    from: number
+    to: number
+    lineNumber: number
+    text: string
+    node: SyntaxNodeRef
+  }) {
+    const { from, to, lineNumber, text, node } = options
+    if (
+      text == null ||
+      from == null ||
+      to == null ||
+      lineNumber == null ||
+      node == null
+    ) {
+      throw new OError('TreeQuery: invalid NormalTextSpan').withInfo({
+        options,
+      })
+    }
+    this.from = from
+    this.to = to
+    this.text = text
+    this.node = node
+    this.lineNumber = lineNumber
+  }
+}
+
+export const getNormalTextSpansFromLine = (
+  view: EditorView,
+  line: Line
+): Array<NormalTextSpan> => {
+  const lineNumber = line.number
+  const lineStart = line.from
+  const lineEnd = line.to
+  const tree = syntaxTree(view.state)
+  const normalTextSpans: Array<NormalTextSpan> = []
+  tree?.iterate({
+    from: lineStart,
+    to: lineEnd,
+    enter: (node: SyntaxNodeRef) => {
+      if (
+        node.type.prop(noSpellCheckProp)?.some(context => {
+          return node.matchContext(context)
+        })
+      ) {
+        return false
+      }
+      if (node.type.name === 'Normal') {
+        normalTextSpans.push(
+          new NormalTextSpan({
+            from: node.from,
+            to: node.to,
+            text: view.state.doc.sliceString(node.from, node.to),
+            lineNumber,
+            node,
+          })
+        )
+        return false
+      }
+      return true
+    },
+  })
+  return normalTextSpans
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/tree-operations/theorems.ts b/services/web/frontend/js/features/source-editor/utils/tree-operations/theorems.ts
new file mode 100644
index 0000000..f8ed9ec
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/tree-operations/theorems.ts
@@ -0,0 +1,71 @@
+import { EditorState } from '@codemirror/state'
+import { SyntaxNode, Tree } from '@lezer/common'
+import {
+  LongArg,
+  ShortArg,
+  ShortTextArgument,
+  TextArgument,
+} from '../../lezer-latex/latex.terms.mjs'
+
+export const parseTheoremArguments = (
+  state: EditorState,
+  node: SyntaxNode
+): { name: string; label: string } | undefined => {
+  const nameArgumentNode = node.getChild(ShortTextArgument)?.getChild(ShortArg)
+  const labelArgumentNode = node.getChild(TextArgument)?.getChild(LongArg)
+
+  if (nameArgumentNode && labelArgumentNode) {
+    const name = state
+      .sliceDoc(nameArgumentNode.from, nameArgumentNode.to)
+      .trim()
+
+    const label = state
+      .sliceDoc(labelArgumentNode.from, labelArgumentNode.to)
+      .trim()
+
+    if (name && label) {
+      return { name, label }
+    }
+  }
+}
+
+export const parseTheoremStyles = (state: EditorState, tree: Tree) => {
+  // TODO: only scan for styles if amsthm is present?
+  let currentTheoremStyle = 'plain'
+  const theoremStyles = new Map<string, string>()
+  const topNode = tree.topNode
+  if (topNode && topNode.name === 'LaTeX') {
+    const textNode = topNode.getChild('Text')
+    const topLevelCommands = textNode
+      ? textNode.getChildren('Command')
+      : topNode.getChildren('Command')
+    for (const command of topLevelCommands) {
+      const node = command.getChild('KnownCommand')?.getChild('$Command')
+      if (node) {
+        if (node.type.is('TheoremStyleCommand')) {
+          const theoremStyle = argumentNodeContent(state, node)
+          if (theoremStyle) {
+            currentTheoremStyle = theoremStyle
+          }
+        } else if (node.type.is('NewTheoremCommand')) {
+          const theoremEnvironmentName = argumentNodeContent(state, node)
+          if (theoremEnvironmentName) {
+            theoremStyles.set(theoremEnvironmentName, currentTheoremStyle)
+          }
+        }
+      }
+    }
+  }
+  return theoremStyles
+}
+
+const argumentNodeContent = (
+  state: EditorState,
+  node: SyntaxNode
+): string | null => {
+  const argumentNode = node.getChild(ShortTextArgument)?.getChild(ShortArg)
+
+  return argumentNode
+    ? state.sliceDoc(argumentNode.from, argumentNode.to)
+    : null
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/tree-operations/tokens.ts b/services/web/frontend/js/features/source-editor/utils/tree-operations/tokens.ts
new file mode 100644
index 0000000..11ad229
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/tree-operations/tokens.ts
@@ -0,0 +1,9 @@
+import * as termsModule from '../../lezer-latex/latex.terms.mjs'
+
+export const tokenNames: Array<string> = Object.keys(termsModule)
+
+export const Tokens: Record<string, Array<string>> = {
+  ctrlSeq: tokenNames.filter(name => name.match(/^(Begin|End|.*CtrlSeq)$/)),
+  ctrlSym: tokenNames.filter(name => name.match(/^.*CtrlSym$/)),
+  envName: tokenNames.filter(name => name.match(/^.*EnvName$/)),
+}
diff --git a/services/web/frontend/js/features/source-editor/utils/tree-query.ts b/services/web/frontend/js/features/source-editor/utils/tree-query.ts
new file mode 100644
index 0000000..ef7a28f
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/tree-query.ts
@@ -0,0 +1,47 @@
+export { getNestingLevel, nestOutline } from './tree-operations/outline'
+
+export type {
+  FlatOutline,
+  FlatOutlineItem,
+  Outline,
+} from './tree-operations/outline'
+
+export {
+  iterateDescendantsOf,
+  previousSiblingIs,
+  nextSiblingIs,
+} from './tree-operations/common'
+
+export {
+  cursorIsAtBeginEnvironment,
+  cursorIsAtEndEnvironment,
+  getEnvironmentArguments,
+} from './tree-operations/environments'
+
+export {
+  getAncestorStack,
+  ancestorNodeOfType,
+  ancestorOfNodeWithType,
+  getBibkeyArgumentNode,
+  descendantsOfNodeWithType,
+  matchingAncestor,
+} from './tree-operations/ancestors'
+
+export {
+  NormalTextSpan,
+  getNormalTextSpansFromLine,
+} from './tree-operations/text'
+
+export {
+  ifInType,
+  isInEmptyArgumentNodeForAutocomplete,
+} from './tree-operations/completions'
+
+export { tokenNames, Tokens } from './tree-operations/tokens'
+
+export {
+  commentIsOpenFold,
+  commentIsCloseFold,
+  findClosingFoldComment,
+  getFoldRange,
+} from './tree-operations/comments'
diff --git a/services/web/frontend/js/features/source-editor/utils/url.ts b/services/web/frontend/js/features/source-editor/utils/url.ts
new file mode 100644
index 0000000..8bfc9bd
--- /dev/null
+++ b/services/web/frontend/js/features/source-editor/utils/url.ts
@@ -0,0 +1,11 @@
+const ALLOWED_PROTOCOLS = ['https:', 'http:']
+
+export const openURL = (content: string) => {
+  const url = new URL(content, document.location.href)
+
+  if (!ALLOWED_PROTOCOLS.includes(url.protocol)) {
+    throw new Error(`Not opening URL with protocol ${url.protocol}`)
+  }
+
+  window.open(url, '_blank')
+}
diff --git a/services/web/frontend/js/features/subscription/components/canceled-subscription/canceled.tsx b/services/web/frontend/js/features/subscription/components/canceled-subscription/canceled.tsx
new file mode 100644
index 0000000..60551a4
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/canceled-subscription/canceled.tsx
@@ -0,0 +1,45 @@
+import { useTranslation } from 'react-i18next'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import OLPageContentCard from '@/features/ui/components/ol/ol-page-content-card'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+function Canceled() {
+  const { t } = useTranslation()
+
+  return (
+    <div className="container">
+      <OLRow>
+        <OLCol lg={{ span: 8, offset: 2 }}>
+          <OLPageContentCard>
+            <div className="page-header">
+              <h2>{t('subscription_canceled')}</h2>
+            </div>
+            <OLNotification
+              type="info"
+              content={
+                <p>
+                  {t('to_modify_your_subscription_go_to')}&nbsp;
+                  <a href="/user/subscription" rel="noopener noreferrer">
+                    {t('manage_subscription')}.
+                  </a>
+                </p>
+              }
+            />
+            <p>
+              <a
+                className="btn btn-primary"
+                href="/project"
+                rel="noopener noreferrer"
+              >
+                &lt; {t('back_to_your_projects')}
+              </a>
+            </p>
+          </OLPageContentCard>
+        </OLCol>
+      </OLRow>
+    </div>
+  )
+}
+
+export default Canceled
diff --git a/services/web/frontend/js/features/subscription/components/canceled-subscription/root.tsx b/services/web/frontend/js/features/subscription/components/canceled-subscription/root.tsx
new file mode 100644
index 0000000..4747e99
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/canceled-subscription/root.tsx
@@ -0,0 +1,14 @@
+import useWaitForI18n from '../../../../shared/hooks/use-wait-for-i18n'
+import CanceledSubscription from './canceled'
+
+function Root() {
+  const { isReady } = useWaitForI18n()
+
+  if (!isReady) {
+    return null
+  }
+
+  return <CanceledSubscription />
+}
+
+export default Root
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/contact-support-for-custom-subscription.tsx b/services/web/frontend/js/features/subscription/components/dashboard/contact-support-for-custom-subscription.tsx
new file mode 100644
index 0000000..5875d88
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/contact-support-for-custom-subscription.tsx
@@ -0,0 +1,12 @@
+import { Trans } from 'react-i18next'
+
+export default function ContactSupport() {
+  return (
+    <p>
+      <Trans
+        i18nKey="you_are_on_a_paid_plan_contact_support_to_find_out_more"
+        components={[<a href="/contact" />]} // eslint-disable-line react/jsx-key, jsx-a11y/anchor-has-content
+      />
+    </p>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/free-plan.tsx b/services/web/frontend/js/features/subscription/components/dashboard/free-plan.tsx
new file mode 100644
index 0000000..ce4c2ba
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/free-plan.tsx
@@ -0,0 +1,33 @@
+import { useTranslation, Trans } from 'react-i18next'
+
+function FreePlan() {
+  const { t } = useTranslation()
+
+  return (
+    <>
+      <Trans
+        i18nKey="on_free_plan_upgrade_to_access_features"
+        components={[
+          // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+          <a href="/learn/how-to/Overleaf_premium_features" target="_blank" />,
+        ]}
+      />
+      :
+      <ul>
+        <li>{t('invite_more_collabs')}</li>
+        <li>{t('realtime_track_changes')}</li>
+        <li>{t('full_doc_history')}</li>
+        <li>{t('reference_search')}</li>
+        <li>{t('reference_sync')}</li>
+        <li>{t('dropbox_integration_lowercase')}</li>
+        <li>{t('github_integration_lowercase')}</li>
+        <li>{t('priority_support')}</li>
+      </ul>
+      <a className="btn btn-primary me-1" href="/user/subscription/plans">
+        {t('upgrade_now')}
+      </a>
+    </>
+  )
+}
+
+export default FreePlan
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/generic-error-alert.tsx b/services/web/frontend/js/features/subscription/components/dashboard/generic-error-alert.tsx
new file mode 100644
index 0000000..e6c6f24
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/generic-error-alert.tsx
@@ -0,0 +1,24 @@
+import { useTranslation } from 'react-i18next'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+export default function GenericErrorAlert({
+  className,
+}: {
+  className?: string
+}) {
+  const { t } = useTranslation()
+
+  return (
+    <OLNotification
+      className={className}
+      aria-live="polite"
+      type="error"
+      content={
+        <>
+          {t('generic_something_went_wrong')}. {t('try_again')}.{' '}
+          {t('generic_if_problem_continues_contact_us')}.
+        </>
+      }
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/group-settings-button.tsx b/services/web/frontend/js/features/subscription/components/dashboard/group-settings-button.tsx
new file mode 100644
index 0000000..5233f74
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/group-settings-button.tsx
@@ -0,0 +1,96 @@
+import { RowLink } from '@/features/subscription/components/dashboard/row-link'
+import { useTranslation } from 'react-i18next'
+import { useLocation } from '@/shared/hooks/use-location'
+import MaterialIcon from '@/shared/components/material-icon'
+import OLTag from '@/features/ui/components/ol/ol-tag'
+import { ManagedGroupSubscription } from '../../../../../../types/subscription/dashboard/subscription'
+import { sendMB } from '../../../../infrastructure/event-tracking'
+import starIcon from '../../images/star-gradient.svg'
+
+function AvailableWithGroupProfessionalBadge() {
+  const { t } = useTranslation()
+  const location = useLocation()
+
+  const handleUpgradeClick = () => {
+    sendMB('flex-upgrade', {
+      location: 'ad-badge',
+    })
+    location.assign('/user/subscription/group/upgrade-subscription')
+  }
+
+  return (
+    <OLTag
+      prepend={<img aria-hidden="true" src={starIcon} alt="" />}
+      contentProps={{
+        className: 'mw-100',
+        onClick: handleUpgradeClick,
+      }}
+    >
+      <strong>{t('available_with_group_professional')}</strong>
+    </OLTag>
+  )
+}
+
+function useGroupSettingsButton(subscription: ManagedGroupSubscription) {
+  const { t } = useTranslation()
+  const subscriptionHasManagedUsers =
+    subscription.features?.managedUsers === true
+  const subscriptionHasGroupSSO = subscription.features?.groupSSO === true
+  const heading = t('group_settings')
+
+  let groupSettingRowSubText = ''
+  if (subscriptionHasGroupSSO && subscriptionHasManagedUsers) {
+    groupSettingRowSubText = t('manage_group_settings_subtext')
+  } else if (subscriptionHasGroupSSO) {
+    groupSettingRowSubText = t('manage_group_settings_subtext_group_sso')
+  } else if (subscriptionHasManagedUsers) {
+    groupSettingRowSubText = t('manage_group_settings_subtext_managed_users')
+  }
+
+  return {
+    heading,
+    groupSettingRowSubText,
+  }
+}
+
+export function GroupSettingsButton({
+  subscription,
+}: {
+  subscription: ManagedGroupSubscription
+}) {
+  const { heading, groupSettingRowSubText } =
+    useGroupSettingsButton(subscription)
+
+  return (
+    <RowLink
+      href={`/manage/groups/${subscription._id}/settings`}
+      heading={heading}
+      subtext={groupSettingRowSubText}
+      icon="settings"
+    />
+  )
+}
+
+export function GroupSettingsButtonWithAdBadge({
+  subscription,
+}: {
+  subscription: ManagedGroupSubscription
+}) {
+  const { heading, groupSettingRowSubText } =
+    useGroupSettingsButton(subscription)
+
+  return (
+    <li className="list-group-item row-link">
+      <div className="row-link-inner">
+        <MaterialIcon type="settings" className="p-2 p-md-3 text-muted" />
+        <div className="flex-grow-1 text-truncate text-muted">
+          <strong>{heading}</strong>
+          <div className="text-truncate">{groupSettingRowSubText}</div>
+        </div>
+        <span className="p-2 p-md-3">
+          <AvailableWithGroupProfessionalBadge />
+        </span>
+      </div>
+    </li>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/group-subscription-membership.tsx b/services/web/frontend/js/features/subscription/components/dashboard/group-subscription-membership.tsx
new file mode 100644
index 0000000..4650acb
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/group-subscription-membership.tsx
@@ -0,0 +1,63 @@
+import { Trans, useTranslation } from 'react-i18next'
+import { MemberGroupSubscription } from '../../../../../../types/subscription/dashboard/subscription'
+import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
+import { LEAVE_GROUP_MODAL_ID } from './leave-group-modal'
+import getMeta from '../../../../utils/meta'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+type GroupSubscriptionMembershipProps = {
+  subscription: MemberGroupSubscription
+}
+
+export default function GroupSubscriptionMembership({
+  subscription,
+}: GroupSubscriptionMembershipProps) {
+  const { t } = useTranslation()
+  const { handleOpenModal, setLeavingGroupId } =
+    useSubscriptionDashboardContext()
+
+  const leaveGroup = () => {
+    handleOpenModal(LEAVE_GROUP_MODAL_ID)
+    setLeavingGroupId(subscription._id)
+  }
+
+  // Hide leave group button for managed users
+  const hideLeaveButton = getMeta('ol-cannot-leave-group-subscription')
+
+  return (
+    <div>
+      <p>
+        <Trans
+          i18nKey="you_are_on_x_plan_as_member_of_group_subscription_y_administered_by_z"
+          components={[<a href="/user/subscription/plans" />, <strong />]} // eslint-disable-line react/jsx-key, jsx-a11y/anchor-has-content
+          values={{
+            planName: subscription.planLevelName,
+            groupName: subscription.teamName || '',
+            adminEmail: subscription.admin_id.email,
+          }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+        />
+      </p>
+      {subscription.teamNotice && (
+        <p>
+          {/* Team notice is sanitized in SubscriptionViewModelBuilder */}
+          <em>{subscription.teamNotice}</em>
+        </p>
+      )}
+      {hideLeaveButton ? (
+        <span>
+          {' '}
+          {t('need_to_leave')} {t('contact_group_admin')}{' '}
+        </span>
+      ) : (
+        <span>
+          <OLButton variant="danger" onClick={leaveGroup}>
+            {t('leave_group')}
+          </OLButton>
+        </span>
+      )}
+      <hr />
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/group-subscription-memberships.tsx b/services/web/frontend/js/features/subscription/components/dashboard/group-subscription-memberships.tsx
new file mode 100644
index 0000000..b3a4647
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/group-subscription-memberships.tsx
@@ -0,0 +1,31 @@
+import { MemberGroupSubscription } from '../../../../../../types/subscription/dashboard/subscription'
+import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
+import GroupSubscriptionMembership from './group-subscription-membership'
+import LeaveGroupModal from './leave-group-modal'
+
+export default function GroupSubscriptionMemberships() {
+  const { memberGroupSubscriptions } = useSubscriptionDashboardContext()
+
+  if (!memberGroupSubscriptions) {
+    return null
+  }
+
+  const memberOnlyGroupSubscriptions = memberGroupSubscriptions.filter(
+    subscription => !subscription.userIsGroupManager
+  )
+
+  return (
+    <>
+      {memberOnlyGroupSubscriptions.map(
+        (subscription: MemberGroupSubscription) => (
+          <GroupSubscriptionMembership
+            subscription={subscription}
+            key={subscription._id}
+          />
+        )
+      )}
+
+      <LeaveGroupModal />
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/institution-memberships.tsx b/services/web/frontend/js/features/subscription/components/dashboard/institution-memberships.tsx
new file mode 100644
index 0000000..4a3c51a
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/institution-memberships.tsx
@@ -0,0 +1,56 @@
+import { Trans } from 'react-i18next'
+import { Institution } from '../../../../../../types/institution'
+import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+function InstitutionMemberships() {
+  const { institutionMemberships } = useSubscriptionDashboardContext()
+
+  // memberships is undefined when data failed to load. If user has no memberships, then an empty array is returned
+
+  if (!institutionMemberships) {
+    return (
+      <OLNotification
+        type="warning"
+        content={
+          <p>
+            Sorry, something went wrong. Subscription information related to
+            institutional affiliations may not be displayed. Please try again
+            later.
+          </p>
+        }
+      />
+    )
+  }
+
+  if (!institutionMemberships.length) return null
+
+  return (
+    <div>
+      {institutionMemberships.map((institution: Institution) => (
+        <div key={`${institution.id}`}>
+          <Trans
+            i18nKey="you_are_on_x_plan_as_a_confirmed_member_of_institution_y"
+            values={{
+              planName: 'Professional',
+              institutionName: institution.name || '',
+            }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+            components={[
+              // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+              <a href="/user/subscription/plans" rel="noopener" />,
+              // eslint-disable-next-line react/jsx-key
+              <strong />,
+              // eslint-disable-next-line react/jsx-key
+              <strong />,
+            ]}
+          />
+          <hr />
+        </div>
+      ))}
+    </div>
+  )
+}
+
+export default InstitutionMemberships
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/leave-group-modal.tsx b/services/web/frontend/js/features/subscription/components/dashboard/leave-group-modal.tsx
new file mode 100644
index 0000000..99a80da
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/leave-group-modal.tsx
@@ -0,0 +1,80 @@
+import { useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import { deleteJSON } from '../../../../infrastructure/fetch-json'
+import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
+import { useLocation } from '../../../../shared/hooks/use-location'
+import { debugConsole } from '@/utils/debugging'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export const LEAVE_GROUP_MODAL_ID = 'leave-group'
+
+export default function LeaveGroupModal() {
+  const { t } = useTranslation()
+  const { handleCloseModal, modalIdShown, leavingGroupId } =
+    useSubscriptionDashboardContext()
+  const [inflight, setInflight] = useState(false)
+  const location = useLocation()
+
+  const handleConfirmLeaveGroup = useCallback(async () => {
+    if (!leavingGroupId) {
+      return
+    }
+    setInflight(true)
+    try {
+      const params = new URLSearchParams()
+      params.set('subscriptionId', leavingGroupId)
+      await deleteJSON(`/subscription/group/user?${params}`)
+      location.reload()
+    } catch (error) {
+      debugConsole.error('something went wrong', error)
+      setInflight(false)
+    }
+  }, [location, leavingGroupId])
+
+  if (modalIdShown !== LEAVE_GROUP_MODAL_ID || !leavingGroupId) {
+    return null
+  }
+
+  return (
+    <OLModal
+      id={LEAVE_GROUP_MODAL_ID}
+      show
+      animation
+      onHide={handleCloseModal}
+      backdrop="static"
+    >
+      <OLModalHeader>
+        <OLModalTitle>{t('leave_group')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        <p>{t('sure_you_want_to_leave_group')}</p>
+      </OLModalBody>
+
+      <OLModalFooter>
+        <OLButton
+          variant="secondary"
+          onClick={handleCloseModal}
+          disabled={inflight}
+        >
+          {t('cancel')}
+        </OLButton>
+        <OLButton
+          variant="danger"
+          onClick={handleConfirmLeaveGroup}
+          disabled={inflight}
+          isLoading={inflight}
+          loadingLabel={t('processing_uppercase') + '…'}
+        >
+          {t('leave_now')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/managed-group-subscriptions.tsx b/services/web/frontend/js/features/subscription/components/dashboard/managed-group-subscriptions.tsx
new file mode 100644
index 0000000..a79cac0
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/managed-group-subscriptions.tsx
@@ -0,0 +1,141 @@
+import {
+  GroupSettingsButton,
+  GroupSettingsButtonWithAdBadge,
+} from '@/features/subscription/components/dashboard/group-settings-button'
+import getMeta from '@/utils/meta'
+import { Trans, useTranslation } from 'react-i18next'
+import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
+import { RowLink } from './row-link'
+import { ManagedGroupSubscription } from '../../../../../../types/subscription/dashboard/subscription'
+
+function ManagedGroupAdministrator({
+  subscription,
+}: {
+  subscription: ManagedGroupSubscription
+}) {
+  const usersEmail = getMeta('ol-usersEmail')
+  const values = {
+    planName: subscription.planLevelName,
+    groupName: subscription.teamName || '',
+    adminEmail: subscription.admin_id.email,
+  }
+
+  const isAdmin = usersEmail === subscription.admin_id.email
+
+  if (subscription.userIsGroupMember && !isAdmin) {
+    return (
+      <Trans
+        i18nKey="you_are_a_manager_and_member_of_x_plan_as_member_of_group_subscription_y_administered_by_z"
+        components={[
+          // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+          <a href="/user/subscription/plans" />,
+          // eslint-disable-next-line react/jsx-key
+          <strong />,
+        ]}
+        values={values}
+        shouldUnescape
+        tOptions={{ interpolation: { escapeValue: true } }}
+      />
+    )
+  } else if (subscription.userIsGroupMember && isAdmin) {
+    return (
+      <Trans
+        i18nKey="you_are_a_manager_and_member_of_x_plan_as_member_of_group_subscription_y_administered_by_z_you"
+        components={[
+          // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+          <a href="/user/subscription/plans" />,
+          // eslint-disable-next-line react/jsx-key
+          <strong />,
+        ]}
+        values={values}
+        shouldUnescape
+        tOptions={{ interpolation: { escapeValue: true } }}
+      />
+    )
+  } else if (isAdmin) {
+    return (
+      <Trans
+        i18nKey="you_are_a_manager_of_x_plan_as_member_of_group_subscription_y_administered_by_z_you"
+        components={[
+          // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+          <a href="/user/subscription/plans" />,
+          // eslint-disable-next-line react/jsx-key
+          <strong />,
+        ]}
+        values={values}
+        shouldUnescape
+        tOptions={{ interpolation: { escapeValue: true } }}
+      />
+    )
+  }
+
+  return (
+    <Trans
+      i18nKey="you_are_a_manager_of_x_plan_as_member_of_group_subscription_y_administered_by_z"
+      components={[
+        // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+        <a href="/user/subscription/plans" />,
+        // eslint-disable-next-line react/jsx-key
+        <strong />,
+      ]}
+      values={values}
+      shouldUnescape
+      tOptions={{ interpolation: { escapeValue: true } }}
+    />
+  )
+}
+
+export default function ManagedGroupSubscriptions() {
+  const { t } = useTranslation()
+  const { managedGroupSubscriptions } = useSubscriptionDashboardContext()
+
+  if (!managedGroupSubscriptions) {
+    return null
+  }
+
+  const groupSettingsAdvertisedFor =
+    getMeta('ol-groupSettingsAdvertisedFor') || []
+  const groupSettingsEnabledFor = getMeta('ol-groupSettingsEnabledFor') || []
+
+  return (
+    <>
+      {managedGroupSubscriptions.map(subscription => {
+        return (
+          <div key={`managed-group-${subscription._id}`}>
+            <h2 className="h3 fw-bold">{t('group_management')}</h2>
+            <p>
+              <ManagedGroupAdministrator subscription={subscription} />
+            </p>
+            <ul className="list-group p-0">
+              <RowLink
+                href={`/manage/groups/${subscription._id}/members`}
+                heading={t('group_members')}
+                subtext={t('manage_group_members_subtext')}
+                icon="groups"
+              />
+              <RowLink
+                href={`/manage/groups/${subscription._id}/managers`}
+                heading={t('group_managers')}
+                subtext={t('manage_managers_subtext')}
+                icon="manage_accounts"
+              />
+              {groupSettingsEnabledFor?.includes(subscription._id) && (
+                <GroupSettingsButton subscription={subscription} />
+              )}
+              {groupSettingsAdvertisedFor?.includes(subscription._id) && (
+                <GroupSettingsButtonWithAdBadge subscription={subscription} />
+              )}
+              <RowLink
+                href={`/metrics/groups/${subscription._id}`}
+                heading={t('usage_metrics')}
+                subtext={t('view_metrics_group_subtext')}
+                icon="insights"
+              />
+            </ul>
+            <hr />
+          </div>
+        )
+      })}
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/managed-institution.tsx b/services/web/frontend/js/features/subscription/components/dashboard/managed-institution.tsx
new file mode 100644
index 0000000..a63b872
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/managed-institution.tsx
@@ -0,0 +1,102 @@
+import { useCallback, useState } from 'react'
+import { Trans, useTranslation } from 'react-i18next'
+import { postJSON } from '../../../../infrastructure/fetch-json'
+import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
+import { ManagedInstitution as Institution } from '../../../../../../types/subscription/dashboard/managed-institution'
+import { RowLink } from './row-link'
+import { debugConsole } from '@/utils/debugging'
+import getMeta from '@/utils/meta'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+type ManagedInstitutionProps = {
+  institution: Institution
+}
+
+export default function ManagedInstitution({
+  institution,
+}: ManagedInstitutionProps) {
+  const { t } = useTranslation()
+  const [subscriptionChanging, setSubscriptionChanging] = useState(false)
+  const { updateManagedInstitution } = useSubscriptionDashboardContext()
+
+  const changeInstitutionalEmailSubscription = useCallback(
+    (e, institutionId: Institution['v1Id']) => {
+      const updateSubscription = async (institutionId: Institution['v1Id']) => {
+        setSubscriptionChanging(true)
+        try {
+          const data = await postJSON<string[]>(
+            `/institutions/${institutionId}/emailSubscription`
+          )
+          institution.metricsEmail.optedOutUserIds = data
+          updateManagedInstitution(institution)
+        } catch (error) {
+          debugConsole.error(error)
+        }
+        setSubscriptionChanging(false)
+      }
+
+      e.preventDefault()
+      updateSubscription(institutionId)
+    },
+    [institution, updateManagedInstitution]
+  )
+
+  return (
+    <div>
+      <p>
+        <Trans
+          i18nKey="you_are_a_manager_of_commons_at_institution_x"
+          components={[<strong />]} // eslint-disable-line react/jsx-key
+          values={{
+            institutionName: institution.name || '',
+          }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+        />
+      </p>
+      <ul className="list-group p-0">
+        <RowLink
+          href={`/metrics/institutions/${institution.v1Id}`}
+          heading={t('view_metrics')}
+          subtext={t('view_metrics_commons_subtext')}
+          icon="insights"
+        />
+        <RowLink
+          href={`/institutions/${institution.v1Id}/hub`}
+          heading={t('view_hub')}
+          subtext={t('view_hub_subtext')}
+          icon="account_circle"
+        />
+        <RowLink
+          href={`/manage/institutions/${institution.v1Id}/managers`}
+          heading={t('manage_institution_managers')}
+          subtext={t('manage_managers_subtext')}
+          icon="manage_accounts"
+        />
+      </ul>
+      <div>
+        <p>
+          <span>Monthly metrics emails: </span>
+          {subscriptionChanging ? (
+            <i className="fa fa-spin fa-refresh" />
+          ) : (
+            <OLButton
+              variant="link"
+              className="btn-inline-link"
+              onClick={e =>
+                changeInstitutionalEmailSubscription(e, institution.v1Id)
+              }
+            >
+              {institution.metricsEmail.optedOutUserIds.includes(
+                getMeta('ol-user_id')!
+              )
+                ? t('subscribe')
+                : t('unsubscribe')}
+            </OLButton>
+          )}
+        </p>
+      </div>
+      <hr />
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/managed-institutions.tsx b/services/web/frontend/js/features/subscription/components/dashboard/managed-institutions.tsx
new file mode 100644
index 0000000..a7d20cf
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/managed-institutions.tsx
@@ -0,0 +1,21 @@
+import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
+import ManagedInstitution from './managed-institution'
+
+export default function ManagedInstitutions() {
+  const { managedInstitutions } = useSubscriptionDashboardContext()
+
+  if (!managedInstitutions) {
+    return null
+  }
+
+  return (
+    <>
+      {managedInstitutions.map(institution => (
+        <ManagedInstitution
+          institution={institution}
+          key={`managed-institution-${institution.v1Id}`}
+        />
+      ))}
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/managed-publisher.tsx b/services/web/frontend/js/features/subscription/components/dashboard/managed-publisher.tsx
new file mode 100644
index 0000000..b3c147a
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/managed-publisher.tsx
@@ -0,0 +1,42 @@
+import { Trans, useTranslation } from 'react-i18next'
+import { RowLink } from './row-link'
+import { Publisher } from '../../../../../../types/subscription/dashboard/publisher'
+
+type ManagedPublisherProps = {
+  publisher: Publisher
+}
+
+export default function ManagedPublisher({ publisher }: ManagedPublisherProps) {
+  const { t } = useTranslation()
+
+  return (
+    <div>
+      <p>
+        <Trans
+          i18nKey="you_are_a_manager_of_publisher_x"
+          components={[<strong />]} // eslint-disable-line react/jsx-key
+          values={{
+            publisherName: publisher.name || '',
+          }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+        />
+      </p>
+      <ul className="list-group p-0">
+        <RowLink
+          href={`/publishers/${publisher.slug}/hub`}
+          heading={t('view_hub')}
+          subtext={t('view_hub_subtext')}
+          icon="account_circle"
+        />
+        <RowLink
+          href={`/manage/publishers/${publisher.slug}/managers`}
+          heading={t('manage_publisher_managers')}
+          subtext={t('manage_managers_subtext')}
+          icon="manage_accounts"
+        />
+      </ul>
+      <hr />
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/managed-publishers.tsx b/services/web/frontend/js/features/subscription/components/dashboard/managed-publishers.tsx
new file mode 100644
index 0000000..cd545df
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/managed-publishers.tsx
@@ -0,0 +1,21 @@
+import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
+import ManagedPublisher from './managed-publisher'
+
+export default function ManagedPublishers() {
+  const { managedPublishers } = useSubscriptionDashboardContext()
+
+  if (!managedPublishers) {
+    return null
+  }
+
+  return (
+    <>
+      {managedPublishers.map(publisher => (
+        <ManagedPublisher
+          publisher={publisher}
+          key={`managed-publisher-${publisher.slug}`}
+        />
+      ))}
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/pause-modal.tsx b/services/web/frontend/js/features/subscription/components/dashboard/pause-modal.tsx
new file mode 100644
index 0000000..fa47be6
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/pause-modal.tsx
@@ -0,0 +1,138 @@
+import { useTranslation } from 'react-i18next'
+import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
+import { useCallback, useMemo, useState } from 'react'
+import { postJSON } from '@/infrastructure/fetch-json'
+import { useLocation } from '@/shared/hooks/use-location'
+import OLModal, {
+  OLModalBody,
+  OLModalHeader,
+} from '@/features/ui/components/ol/ol-modal'
+import { Select } from '@/shared/components/select'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import Button from '@/features/ui/components/bootstrap-5/button'
+import { Stack } from 'react-bootstrap-5'
+import { debugConsole } from '@/utils/debugging'
+import * as eventTracking from '../../../../infrastructure/event-tracking'
+import PauseDuck from '../../images/pause-duck.svg'
+import GenericErrorAlert from './generic-error-alert'
+import { PaidSubscription } from '../../../../../../types/subscription/dashboard/subscription'
+
+const pauseMonthDurationOptions = [1, 2, 3]
+
+export const PAUSE_SUB_MODAL_ID = 'pause-subscription'
+
+export default function PauseSubscriptionModal() {
+  const { t } = useTranslation()
+  const {
+    handleCloseModal,
+    modalIdShown,
+    setShowCancellation,
+    personalSubscription,
+  } = useSubscriptionDashboardContext()
+  const [inflight, setInflight] = useState(false)
+  const [pauseError, setPauseError] = useState(false)
+  const [selectedDuration, setSelectedDuration] = useState(1)
+  const location = useLocation()
+
+  function handleCancelSubscriptionClick() {
+    const subscription = personalSubscription as PaidSubscription
+    eventTracking.sendMB('subscription-page-cancel-button-click', {
+      plan_code: subscription?.planCode,
+      is_trial:
+        subscription?.payment.trialEndsAtFormatted &&
+        subscription?.payment.trialEndsAt &&
+        new Date(subscription.payment.trialEndsAt).getTime() > Date.now(),
+    })
+    setShowCancellation(true)
+  }
+
+  const pauseSelectItems = useMemo(
+    () =>
+      pauseMonthDurationOptions.map(month => ({
+        key: month,
+        value: `${month} ${t('month', { count: month })}`,
+      })),
+    [t]
+  )
+
+  const handleConfirmPauseSubscriptionClick = useCallback(async () => {
+    if (!selectedDuration) {
+      return
+    }
+    setPauseError(false)
+    setInflight(true)
+    try {
+      await postJSON(`/user/subscription/pause/${selectedDuration}`)
+      const newUrl = new URL(location.toString())
+      newUrl.searchParams.set('flash', 'paused')
+      window.history.replaceState(null, '', newUrl)
+
+      location.reload()
+    } catch (err) {
+      debugConsole.error('error pausing subscription', err)
+      setInflight(false)
+      setPauseError(true)
+    }
+  }, [location, selectedDuration])
+
+  if (modalIdShown !== PAUSE_SUB_MODAL_ID) {
+    return null
+  }
+
+  return (
+    <OLModal
+      id={PAUSE_SUB_MODAL_ID}
+      show
+      animation
+      onHide={handleCloseModal}
+      backdrop="static"
+    >
+      <OLModalBody>
+        <OLModalHeader closeButton style={{ border: 0 }} />
+        <img
+          src={PauseDuck}
+          alt="Need to duck out for a while?"
+          style={{ display: 'block', margin: '-32px auto 0 auto' }}
+        />
+        {pauseError && <GenericErrorAlert />}
+
+        <h4>{t('why_not_pause_instead')}</h4>
+        <p>{t('your_current_plan_gives_you')}</p>
+        <span>{t('dont_forget_you_currently_have')}</span>
+        <ul>
+          {personalSubscription?.plan?.features?.collaborators !== 1 && (
+            <li>{t('more_collabs_per_project')}</li>
+          )}
+          <li>{t('more_compile_time')}</li>
+          <li>{t('features_like_track_changes')}</li>
+          <li>{t('integrations_like_github')}</li>
+        </ul>
+        <OLFormGroup>
+          <Select
+            label={t('pause_subscription_for')}
+            items={pauseSelectItems}
+            itemToString={x => String(x?.value)}
+            itemToKey={x => String(x.key)}
+            defaultText={`1 ${t('month')}`}
+            onSelectedItemChanged={item => setSelectedDuration(item?.key || 0)}
+          />
+        </OLFormGroup>
+        <Stack gap={2}>
+          <Button
+            onClick={handleConfirmPauseSubscriptionClick}
+            disabled={inflight}
+          >
+            {t('pause_subscription')}
+          </Button>
+          <Button
+            onClick={handleCancelSubscriptionClick}
+            disabled={inflight}
+            variant="danger-ghost"
+          >
+            {t('cancel_subscription')}
+          </Button>
+        </Stack>
+      </OLModalBody>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/personal-subscription-recurly-sync-email.tsx b/services/web/frontend/js/features/subscription/components/dashboard/personal-subscription-recurly-sync-email.tsx
new file mode 100644
index 0000000..c518b3c
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/personal-subscription-recurly-sync-email.tsx
@@ -0,0 +1,67 @@
+import { useTranslation, Trans } from 'react-i18next'
+import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
+import getMeta from '../../../../utils/meta'
+import useAsync from '../../../../shared/hooks/use-async'
+import { postJSON } from '../../../../infrastructure/fetch-json'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+
+function PersonalSubscriptionRecurlySyncEmail() {
+  const { t } = useTranslation()
+  const { personalSubscription } = useSubscriptionDashboardContext()
+  const userEmail = getMeta('ol-usersEmail')
+  const { isLoading, isSuccess, runAsync } = useAsync()
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault()
+    runAsync(postJSON('/user/subscription/account/email'))
+  }
+
+  if (!personalSubscription || !('payment' in personalSubscription)) return null
+
+  const recurlyEmail = personalSubscription.payment.accountEmail
+
+  if (!userEmail || recurlyEmail === userEmail) return null
+
+  return (
+    <>
+      <form onSubmit={handleSubmit}>
+        <OLFormGroup>
+          {isSuccess ? (
+            <OLNotification
+              type="success"
+              content={t('recurly_email_updated')}
+            />
+          ) : (
+            <>
+              <p>
+                <Trans
+                  i18nKey="recurly_email_update_needed"
+                  components={[<em />, <em />]} // eslint-disable-line react/jsx-key
+                  values={{ recurlyEmail, userEmail }}
+                  shouldUnescape
+                  tOptions={{ interpolation: { escapeValue: true } }}
+                />
+              </p>
+              <div>
+                <OLButton
+                  variant="primary"
+                  type="submit"
+                  disabled={isLoading}
+                  isLoading={isLoading}
+                  loadingLabel={t('updating')}
+                >
+                  {t('update')}
+                </OLButton>
+              </div>
+            </>
+          )}
+        </OLFormGroup>
+      </form>
+      <hr />
+    </>
+  )
+}
+
+export default PersonalSubscriptionRecurlySyncEmail
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/personal-subscription.tsx b/services/web/frontend/js/features/subscription/components/dashboard/personal-subscription.tsx
new file mode 100644
index 0000000..d6a511a
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/personal-subscription.tsx
@@ -0,0 +1,118 @@
+import { Trans, useTranslation } from 'react-i18next'
+import { PaidSubscription } from '../../../../../../types/subscription/dashboard/subscription'
+import { PausedSubscription } from './states/active/paused'
+import { ActiveSubscriptionNew } from '@/features/subscription/components/dashboard/states/active/active-new'
+import { CanceledSubscription } from './states/canceled'
+import { ExpiredSubscription } from './states/expired'
+import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
+import PersonalSubscriptionRecurlySyncEmail from './personal-subscription-recurly-sync-email'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+function PastDueSubscriptionAlert({
+  subscription,
+}: {
+  subscription: PaidSubscription
+}) {
+  const { t } = useTranslation()
+  return (
+    <OLNotification
+      type="error"
+      content={
+        <>
+          {t('account_has_past_due_invoice_change_plan_warning')}{' '}
+          <a
+            href={subscription.payment.accountManagementLink}
+            target="_blank"
+            rel="noreferrer noopener"
+          >
+            {t('view_your_invoices')}
+          </a>
+        </>
+      }
+    />
+  )
+}
+
+function RedirectAlerts() {
+  const queryParams = new URLSearchParams(window.location.search)
+  const redirectReason = queryParams.get('redirect-reason')
+  const { t } = useTranslation()
+
+  if (!redirectReason) {
+    return null
+  }
+
+  let warning
+  if (redirectReason === 'writefull-entitled') {
+    warning = t('good_news_you_are_already_receiving_this_add_on_via_writefull')
+  } else if (redirectReason === 'double-buy') {
+    warning = t('good_news_you_already_purchased_this_add_on')
+  } else {
+    return null
+  }
+
+  return <OLNotification type="warning" content={<>{warning}</>} />
+}
+
+function PersonalSubscriptionStates({
+  subscription,
+}: {
+  subscription: PaidSubscription
+}) {
+  const { t } = useTranslation()
+  const state = subscription?.payment.state
+
+  if (state === 'active') {
+    // This version handles subscriptions with and without addons
+    return <ActiveSubscriptionNew subscription={subscription} />
+  } else if (state === 'canceled') {
+    return <CanceledSubscription subscription={subscription} />
+  } else if (state === 'expired') {
+    return <ExpiredSubscription subscription={subscription} />
+  } else if (state === 'paused') {
+    return <PausedSubscription subscription={subscription} />
+  } else {
+    return <>{t('problem_with_subscription_contact_us')}</>
+  }
+}
+
+function PersonalSubscription() {
+  const { t } = useTranslation()
+  const { personalSubscription, recurlyLoadError } =
+    useSubscriptionDashboardContext()
+
+  if (!personalSubscription) return null
+
+  if (!('payment' in personalSubscription)) {
+    return (
+      <p>
+        <Trans
+          i18nKey="please_contact_support_to_makes_change_to_your_plan"
+          components={[<a href="/contact" />]} // eslint-disable-line react/jsx-key, jsx-a11y/anchor-has-content
+        />
+      </p>
+    )
+  }
+
+  return (
+    <>
+      <RedirectAlerts />
+      {personalSubscription.payment.hasPastDueInvoice && (
+        <PastDueSubscriptionAlert subscription={personalSubscription} />
+      )}
+      <PersonalSubscriptionStates
+        subscription={personalSubscription as PaidSubscription}
+      />
+      {recurlyLoadError && (
+        <OLNotification
+          type="warning"
+          content={<strong>{t('payment_provider_unreachable_error')}</strong>}
+        />
+      )}
+      <hr />
+      <PersonalSubscriptionRecurlySyncEmail />
+    </>
+  )
+}
+
+export default PersonalSubscription
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/premium-features-link.tsx b/services/web/frontend/js/features/subscription/components/dashboard/premium-features-link.tsx
new file mode 100644
index 0000000..068857f
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/premium-features-link.tsx
@@ -0,0 +1,17 @@
+import { Trans } from 'react-i18next'
+
+function PremiumFeaturesLink() {
+  return (
+    <p>
+      <Trans
+        i18nKey="get_most_subscription_discover_premium_features"
+        components={[
+          // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+          <a href="/learn/how-to/Overleaf_premium_features" />,
+        ]}
+      />
+    </p>
+  )
+}
+
+export default PremiumFeaturesLink
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/reactivate-subscription.tsx b/services/web/frontend/js/features/subscription/components/dashboard/reactivate-subscription.tsx
new file mode 100644
index 0000000..1c9dfcc
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/reactivate-subscription.tsx
@@ -0,0 +1,40 @@
+import { useTranslation } from 'react-i18next'
+import { postJSON } from '../../../../infrastructure/fetch-json'
+import { reactivateSubscriptionUrl } from '../../data/subscription-url'
+import useAsync from '../../../../shared/hooks/use-async'
+import { useLocation } from '../../../../shared/hooks/use-location'
+import getMeta from '../../../../utils/meta'
+import { debugConsole } from '@/utils/debugging'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+function ReactivateSubscription() {
+  const { t } = useTranslation()
+  const { isLoading, isSuccess, runAsync } = useAsync()
+  const location = useLocation()
+
+  const handleReactivate = () => {
+    runAsync(postJSON(reactivateSubscriptionUrl)).catch(debugConsole.error)
+  }
+
+  if (isSuccess) {
+    location.reload()
+  }
+
+  // Don't show the button to reactivate the subscription for managed users
+  if (getMeta('ol-cannot-reactivate-subscription')) {
+    return null
+  }
+
+  return (
+    <OLButton
+      variant="primary"
+      disabled={isLoading || isSuccess}
+      onClick={handleReactivate}
+      isLoading={isLoading}
+    >
+      {t('reactivate_subscription')}
+    </OLButton>
+  )
+}
+
+export default ReactivateSubscription
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/root.tsx b/services/web/frontend/js/features/subscription/components/dashboard/root.tsx
new file mode 100644
index 0000000..0a16084
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/root.tsx
@@ -0,0 +1,22 @@
+import { SubscriptionDashboardProvider } from '../../context/subscription-dashboard-context'
+import useWaitForI18n from '../../../../shared/hooks/use-wait-for-i18n'
+import SubscriptionDashboard from './subscription-dashboard'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+
+function Root() {
+  const { isReady } = useWaitForI18n()
+
+  if (!isReady) {
+    return null
+  }
+
+  return (
+    <SplitTestProvider>
+      <SubscriptionDashboardProvider>
+        <SubscriptionDashboard />
+      </SubscriptionDashboardProvider>
+    </SplitTestProvider>
+  )
+}
+
+export default Root
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/row-link.tsx b/services/web/frontend/js/features/subscription/components/dashboard/row-link.tsx
new file mode 100644
index 0000000..42e331f
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/row-link.tsx
@@ -0,0 +1,23 @@
+import MaterialIcon from '../../../../shared/components/material-icon'
+
+type RowLinkProps = {
+  href: string
+  heading: string
+  subtext: string
+  icon: string
+}
+
+export function RowLink({ href, heading, subtext, icon }: RowLinkProps) {
+  return (
+    <li className="list-group-item row-link">
+      <a href={href} className="row-link-inner">
+        <MaterialIcon type={icon} className="p-2 p-md-3" />
+        <div className="flex-grow-1">
+          <strong>{heading}</strong>
+          <div>{subtext}</div>
+        </div>
+        <MaterialIcon type="keyboard_arrow_right" className="p-2 p-md-3" />
+      </a>
+    </li>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/active-new.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/active-new.tsx
new file mode 100644
index 0000000..22291f4
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/active-new.tsx
@@ -0,0 +1,379 @@
+import { useTranslation, Trans } from 'react-i18next'
+import { PriceExceptions } from '../../../shared/price-exceptions'
+import { useSubscriptionDashboardContext } from '../../../../context/subscription-dashboard-context'
+import { PaidSubscription } from '../../../../../../../../types/subscription/dashboard/subscription'
+import { CancelSubscriptionButton } from './cancel-subscription-button'
+import { CancelSubscription } from './cancel-plan/cancel-subscription'
+import { TrialEnding } from './trial-ending'
+import { ChangePlanModal } from './change-plan/modals/change-plan-modal'
+import { ConfirmChangePlanModal } from './change-plan/modals/confirm-change-plan-modal'
+import { KeepCurrentPlanModal } from './change-plan/modals/keep-current-plan-modal'
+import { ChangeToGroupModal } from './change-plan/modals/change-to-group-modal'
+import { CancelAiAddOnModal } from '@/features/subscription/components/dashboard/states/active/change-plan/modals/cancel-ai-add-on-modal'
+import { WritefullBundleManagementModal } from '@/features/subscription/components/dashboard/states/active/change-plan/modals/writefull-bundle-management-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import isInFreeTrial from '../../../../util/is-in-free-trial'
+import AddOns from '@/features/subscription/components/dashboard/states/active/add-ons'
+import {
+  AI_ADD_ON_CODE,
+  AI_STANDALONE_PLAN_CODE,
+  isStandaloneAiPlanCode,
+} from '@/features/subscription/data/add-on-codes'
+import getMeta from '@/utils/meta'
+import SubscriptionRemainder from '@/features/subscription/components/dashboard/states/active/subscription-remainder'
+import { sendMB } from '../../../../../../infrastructure/event-tracking'
+import PauseSubscriptionModal from '@/features/subscription/components/dashboard/pause-modal'
+import LoadingSpinner from '@/shared/components/loading-spinner'
+import { postJSON } from '@/infrastructure/fetch-json'
+import { debugConsole } from '@/utils/debugging'
+import useAsync from '@/shared/hooks/use-async'
+import { useLocation } from '@/shared/hooks/use-location'
+import { FlashMessage } from '@/features/subscription/components/dashboard/states/active/flash-message'
+import Notification from '@/shared/components/notification'
+
+export function ActiveSubscriptionNew({
+  subscription,
+}: {
+  subscription: PaidSubscription
+}) {
+  const { t } = useTranslation()
+  const {
+    recurlyLoadError,
+    setModalIdShown,
+    showCancellation,
+    institutionMemberships,
+    memberGroupSubscriptions,
+    getFormattedRenewalDate,
+  } = useSubscriptionDashboardContext()
+  const cancelPauseReq = useAsync()
+  const { isError: isErrorPause } = cancelPauseReq
+
+  if (showCancellation) return <CancelSubscription />
+
+  const onStandalonePlan = isStandaloneAiPlanCode(subscription.planCode)
+
+  let planName
+  if (onStandalonePlan) {
+    planName = 'Overleaf Free'
+    if (institutionMemberships && institutionMemberships.length > 0) {
+      planName = 'Overleaf Professional'
+    }
+    if (memberGroupSubscriptions.length > 0) {
+      if (
+        memberGroupSubscriptions.some(s => s.planLevelName === 'Professional')
+      ) {
+        planName = 'Overleaf Professional'
+      } else {
+        planName = 'Overleaf Standard'
+      }
+    }
+  } else {
+    planName = subscription.plan.name
+  }
+
+  const handlePlanChange = () => setModalIdShown('change-plan')
+  const handleManageOnWritefull = () => setModalIdShown('manage-on-writefull')
+  const handleCancelClick = (addOnCode: string) => {
+    if ([AI_STANDALONE_PLAN_CODE, AI_ADD_ON_CODE].includes(addOnCode)) {
+      setModalIdShown('cancel-ai-add-on')
+    }
+  }
+  const hasPendingPause = Boolean(
+    subscription.payment.state === 'active' &&
+      subscription.payment.remainingPauseCycles &&
+      subscription.payment.remainingPauseCycles > 0
+  )
+
+  const isLegacyPlan =
+    subscription.payment.totalLicenses !==
+    subscription.payment.additionalLicenses
+
+  return (
+    <>
+      <div className="notification-list">
+        <FlashMessage />
+
+        {isErrorPause && (
+          <Notification
+            type="error"
+            content={t('generic_something_went_wrong')}
+          />
+        )}
+      </div>
+      <h2 className="h3 fw-bold">{t('billing')}</h2>
+      <p className="mb-1">
+        {subscription.plan.annual ? (
+          <Trans
+            i18nKey="billed_annually_at"
+            values={{ price: subscription.payment.displayPrice }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+            components={[
+              // eslint-disable-next-line react/jsx-key
+              <strong />,
+              // eslint-disable-next-line react/jsx-key
+              <i />,
+            ]}
+          />
+        ) : (
+          <Trans
+            i18nKey="billed_monthly_at"
+            values={{ price: subscription.payment.displayPrice }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+            components={[
+              // eslint-disable-next-line react/jsx-key
+              <strong />,
+              // eslint-disable-next-line react/jsx-key
+              <i />,
+            ]}
+          />
+        )}
+      </p>
+      <p className="mb-1">
+        <Trans
+          i18nKey="renews_on"
+          values={{ date: subscription.payment.nextPaymentDueDate }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+          components={[<strong />]} // eslint-disable-line react/jsx-key
+        />
+      </p>
+      <div>
+        <a
+          href={subscription.payment.accountManagementLink}
+          target="_blank"
+          rel="noreferrer noopener"
+          className="me-2"
+        >
+          {t('view_invoices')}
+        </a>
+        <a
+          href={subscription.payment.billingDetailsLink}
+          target="_blank"
+          rel="noreferrer noopener"
+        >
+          {t('view_billing_details')}
+        </a>
+      </div>
+      <div className="mt-3">
+        <PriceExceptions subscription={subscription} />
+        {!recurlyLoadError && (
+          <p>
+            <i>
+              <SubscriptionRemainder subscription={subscription} hideTime />
+            </i>
+          </p>
+        )}
+      </div>
+      <hr />
+      <h2 className="h3 fw-bold">{t('plan')}</h2>
+      <h3 className="h5 mt-0 mb-1 fw-bold">{planName}</h3>
+      {subscription.pendingPlan &&
+        subscription.pendingPlan.name !== subscription.plan.name && (
+          <p className="mb-1">{t('want_change_to_apply_before_plan_end')}</p>
+        )}
+      {isInFreeTrial(subscription.payment.trialEndsAt) &&
+        subscription.payment.trialEndsAtFormatted && (
+          <TrialEnding
+            trialEndsAtFormatted={subscription.payment.trialEndsAtFormatted}
+            className="mb-1"
+          />
+        )}
+      {subscription.payment.totalLicenses > 0 && (
+        <p className="mb-1">
+          {isLegacyPlan && subscription.payment.additionalLicenses > 0 ? (
+            <Trans
+              i18nKey="plus_x_additional_licenses_for_a_total_of_y_licenses"
+              values={{
+                count: subscription.payment.totalLicenses,
+                additionalLicenses: subscription.payment.additionalLicenses,
+              }}
+              shouldUnescape
+              tOptions={{ interpolation: { escapeValue: true } }}
+              components={[<strong />, <strong />]} // eslint-disable-line react/jsx-key
+            />
+          ) : (
+            <Trans
+              i18nKey="supports_up_to_x_licenses"
+              values={{ count: subscription.payment.totalLicenses }}
+              shouldUnescape
+              tOptions={{ interpolation: { escapeValue: true } }}
+              components={[<strong />]} // eslint-disable-line react/jsx-key
+            />
+          )}
+        </p>
+      )}
+      {hasPendingPause && (
+        <>
+          <p>
+            <Trans
+              i18nKey="your_subscription_will_pause_on"
+              values={{
+                planName: subscription.plan.name,
+                pauseDate: subscription.payment.nextPaymentDueAt,
+                reactivationDate: getFormattedRenewalDate(),
+              }}
+              shouldUnescape
+              tOptions={{ interpolation: { escapeValue: true } }}
+              components={[
+                // eslint-disable-next-line react/jsx-key
+                <strong />,
+              ]}
+            />
+          </p>
+          <p>{t('you_can_still_use_your_premium_features')}</p>
+        </>
+      )}
+      {!onStandalonePlan && (
+        <p className="mb-1">
+          {subscription.plan.annual
+            ? t('x_price_per_year', {
+                price: subscription.payment.planOnlyDisplayPrice,
+              })
+            : t('x_price_per_month', {
+                price: subscription.payment.planOnlyDisplayPrice,
+              })}
+        </p>
+      )}
+      {!recurlyLoadError && (
+        <PlanActions
+          subscription={subscription}
+          onStandalonePlan={onStandalonePlan}
+          handlePlanChange={handlePlanChange}
+          hasPendingPause={hasPendingPause}
+          cancelPauseReq={cancelPauseReq}
+        />
+      )}
+      <hr />
+      <AddOns
+        subscription={subscription}
+        onStandalonePlan={onStandalonePlan}
+        handleCancelClick={handleCancelClick}
+        handleManageOnWritefull={handleManageOnWritefull}
+      />
+
+      <ChangePlanModal />
+      <ConfirmChangePlanModal />
+      <KeepCurrentPlanModal />
+      <ChangeToGroupModal />
+      <CancelAiAddOnModal />
+      <WritefullBundleManagementModal />
+      <PauseSubscriptionModal />
+    </>
+  )
+}
+
+type PlanActionsProps = {
+  subscription: PaidSubscription
+  onStandalonePlan: boolean
+  handlePlanChange: () => void
+  hasPendingPause: boolean
+  cancelPauseReq: ReturnType<typeof useAsync>
+}
+
+function PlanActions({
+  subscription,
+  onStandalonePlan,
+  handlePlanChange,
+  hasPendingPause,
+  cancelPauseReq,
+}: PlanActionsProps) {
+  const { t } = useTranslation()
+  const isSubscriptionEligibleForFlexibleGroupLicensing = getMeta(
+    'ol-canUseFlexibleLicensing'
+  )
+  const location = useLocation()
+  const { runAsync: runAsyncCancelPause, isLoading: isLoadingCancelPause } =
+    cancelPauseReq
+
+  const handleCancelPendingPauseClick = async () => {
+    try {
+      await runAsyncCancelPause(postJSON('/user/subscription/pause/0'))
+      const newUrl = new URL(location.toString())
+      newUrl.searchParams.set('flash', 'unpaused')
+      window.history.replaceState(null, '', newUrl)
+      location.reload()
+    } catch (e) {
+      debugConsole.error(e)
+    }
+  }
+
+  return (
+    <div className="mt-3">
+      {isSubscriptionEligibleForFlexibleGroupLicensing ? (
+        <FlexibleGroupLicensingActions subscription={subscription} />
+      ) : (
+        <>
+          {!hasPendingPause && !subscription.payment.hasPastDueInvoice && (
+            <OLButton variant="secondary" onClick={handlePlanChange}>
+              {t('change_plan')}
+            </OLButton>
+          )}
+        </>
+      )}
+      {hasPendingPause && (
+        <OLButton
+          variant="primary"
+          onClick={handleCancelPendingPauseClick}
+          disabled={isLoadingCancelPause}
+        >
+          {isLoadingCancelPause ? (
+            <LoadingSpinner />
+          ) : (
+            t('unpause_subscription')
+          )}
+        </OLButton>
+      )}
+      {!onStandalonePlan && (
+        <>
+          {' '}
+          <CancelSubscriptionButton />
+        </>
+      )}
+    </div>
+  )
+}
+
+function FlexibleGroupLicensingActions({
+  subscription,
+}: {
+  subscription: PaidSubscription
+}) {
+  const { t } = useTranslation()
+
+  if (subscription.pendingPlan) {
+    return null
+  }
+
+  const isProfessionalPlan = subscription.planCode
+    .toLowerCase()
+    .includes('professional')
+
+  return (
+    <>
+      {!isProfessionalPlan && (
+        <>
+          <OLButton
+            variant="secondary"
+            href="/user/subscription/group/upgrade-subscription"
+            onClick={() =>
+              sendMB('flex-upgrade', { location: 'upgrade-plan-button' })
+            }
+          >
+            {t('upgrade_plan')}
+          </OLButton>{' '}
+        </>
+      )}
+      {subscription.plan.membersLimitAddOn === 'additional-license' && (
+        <OLButton
+          variant="secondary"
+          href="/user/subscription/group/add-users"
+          onClick={() => sendMB('flex-add-users')}
+        >
+          {t('buy_more_licenses')}
+        </OLButton>
+      )}
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/active.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/active.tsx
new file mode 100644
index 0000000..2fdffac
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/active.tsx
@@ -0,0 +1,236 @@
+import { useTranslation, Trans } from 'react-i18next'
+import { PriceExceptions } from '../../../shared/price-exceptions'
+import { useSubscriptionDashboardContext } from '../../../../context/subscription-dashboard-context'
+import { PaidSubscription } from '../../../../../../../../types/subscription/dashboard/subscription'
+import { CancelSubscriptionButton } from './cancel-subscription-button'
+import { CancelSubscription } from './cancel-plan/cancel-subscription'
+import { PendingPlanChange } from './pending-plan-change'
+import { TrialEnding } from './trial-ending'
+import { PendingAdditionalLicenses } from './pending-additional-licenses'
+import { ContactSupportToChangeGroupPlan } from './contact-support-to-change-group-plan'
+import SubscriptionRemainder from './subscription-remainder'
+import isInFreeTrial from '../../../../util/is-in-free-trial'
+import { ChangePlanModal } from './change-plan/modals/change-plan-modal'
+import { ConfirmChangePlanModal } from './change-plan/modals/confirm-change-plan-modal'
+import { KeepCurrentPlanModal } from './change-plan/modals/keep-current-plan-modal'
+import { ChangeToGroupModal } from './change-plan/modals/change-to-group-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import useAsync from '@/shared/hooks/use-async'
+import { postJSON } from '@/infrastructure/fetch-json'
+import PauseSubscriptionModal from '../../pause-modal'
+import Notification from '@/shared/components/notification'
+import { debugConsole } from '@/utils/debugging'
+import { FlashMessage } from './flash-message'
+import { useLocation } from '@/shared/hooks/use-location'
+import LoadingSpinner from '@/shared/components/loading-spinner'
+
+export function ActiveSubscription({
+  subscription,
+}: {
+  subscription: PaidSubscription
+}) {
+  const { t } = useTranslation()
+  const {
+    recurlyLoadError,
+    setModalIdShown,
+    showCancellation,
+    getFormattedRenewalDate,
+  } = useSubscriptionDashboardContext()
+  const {
+    isError: isErrorPause,
+    runAsync: runAsyncCancelPause,
+    isLoading: isLoadingCancelPause,
+  } = useAsync()
+  const location = useLocation()
+
+  if (showCancellation) return <CancelSubscription />
+
+  const hasPendingPause =
+    subscription.payment.state === 'active' &&
+    subscription.payment.remainingPauseCycles &&
+    subscription.payment.remainingPauseCycles > 0
+
+  const handleCancelPendingPauseClick = async () => {
+    try {
+      await runAsyncCancelPause(postJSON('/user/subscription/pause/0'))
+      const newUrl = new URL(location.toString())
+      newUrl.searchParams.set('flash', 'unpaused')
+      window.history.replaceState(null, '', newUrl)
+      location.reload()
+    } catch (e) {
+      debugConsole.error(e)
+    }
+  }
+
+  return (
+    <>
+      <div className="notification-list">
+        <FlashMessage />
+
+        {isErrorPause && (
+          <Notification
+            type="error"
+            content={t('generic_something_went_wrong')}
+          />
+        )}
+      </div>
+      <p>
+        {!hasPendingPause && (
+          <Trans
+            i18nKey="currently_subscribed_to_plan"
+            values={{
+              planName: subscription.plan.name,
+            }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+            components={[
+              // eslint-disable-next-line react/jsx-key
+              <strong />,
+            ]}
+          />
+        )}
+        {subscription.pendingPlan && (
+          <>
+            {' '}
+            <PendingPlanChange subscription={subscription} />
+          </>
+        )}
+        {!subscription.pendingPlan &&
+          subscription.payment.additionalLicenses > 0 && (
+            <>
+              {' '}
+              <PendingAdditionalLicenses
+                additionalLicenses={subscription.payment.additionalLicenses}
+                totalLicenses={subscription.payment.totalLicenses}
+              />
+            </>
+          )}
+        {!recurlyLoadError &&
+          !subscription.groupPlan &&
+          !hasPendingPause &&
+          !subscription.payment.hasPastDueInvoice && (
+            <>
+              {' '}
+              <OLButton
+                variant="link"
+                className="btn-inline-link"
+                onClick={() => setModalIdShown('change-plan')}
+              >
+                {t('change_plan')}
+              </OLButton>
+            </>
+          )}
+      </p>
+      {subscription.pendingPlan &&
+        subscription.pendingPlan.name !== subscription.plan.name && (
+          <p>{t('want_change_to_apply_before_plan_end')}</p>
+        )}
+      {(!subscription.pendingPlan ||
+        subscription.pendingPlan.name === subscription.plan.name) &&
+        subscription.plan.groupPlan && <ContactSupportToChangeGroupPlan />}
+      {isInFreeTrial(subscription.payment.trialEndsAt) &&
+        subscription.payment.trialEndsAtFormatted && (
+          <TrialEnding
+            trialEndsAtFormatted={subscription.payment.trialEndsAtFormatted}
+          />
+        )}
+
+      {hasPendingPause && (
+        <>
+          <p>
+            <Trans
+              i18nKey="your_subscription_will_pause_on"
+              values={{
+                planName: subscription.plan.name,
+                pauseDate: subscription.payment.nextPaymentDueAt,
+                reactivationDate: getFormattedRenewalDate(),
+              }}
+              shouldUnescape
+              tOptions={{ interpolation: { escapeValue: true } }}
+              components={[
+                // eslint-disable-next-line react/jsx-key
+                <strong />,
+              ]}
+            />
+          </p>
+          <p>{t('you_can_still_use_your_premium_features')}</p>
+          <p>
+            <OLButton
+              variant="primary"
+              onClick={handleCancelPendingPauseClick}
+              disabled={isLoadingCancelPause}
+            >
+              {isLoadingCancelPause ? (
+                <LoadingSpinner />
+              ) : (
+                t('unpause_subscription')
+              )}
+            </OLButton>
+          </p>
+        </>
+      )}
+
+      <p>
+        <Trans
+          i18nKey="next_payment_of_x_collectected_on_y"
+          values={{
+            paymentAmmount: subscription.payment.displayPrice,
+            collectionDate: getFormattedRenewalDate(),
+          }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <strong />,
+            // eslint-disable-next-line react/jsx-key
+            <strong />,
+          ]}
+        />
+      </p>
+
+      <hr />
+      <PriceExceptions subscription={subscription} />
+      <p className="d-inline-flex flex-wrap gap-1">
+        <a
+          href={subscription.payment.billingDetailsLink}
+          target="_blank"
+          rel="noreferrer noopener"
+          className="btn btn-secondary-info btn-secondary"
+        >
+          {t('update_your_billing_details')}
+        </a>{' '}
+        <a
+          href={subscription.payment.accountManagementLink}
+          target="_blank"
+          rel="noreferrer noopener"
+          className="btn btn-secondary-info btn-secondary"
+        >
+          {t('view_your_invoices')}
+        </a>
+        {!recurlyLoadError && (
+          <>
+            {' '}
+            <CancelSubscriptionButton />
+          </>
+        )}
+      </p>
+
+      {!recurlyLoadError && (
+        <>
+          <br />
+          <p>
+            <i>
+              <SubscriptionRemainder subscription={subscription} />
+            </i>
+          </p>
+        </>
+      )}
+
+      <ChangePlanModal />
+      <ConfirmChangePlanModal />
+      <KeepCurrentPlanModal />
+      <ChangeToGroupModal />
+      <PauseSubscriptionModal />
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/add-ons.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/add-ons.tsx
new file mode 100644
index 0000000..bd23fab
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/add-ons.tsx
@@ -0,0 +1,202 @@
+import { useTranslation } from 'react-i18next'
+import getMeta from '@/utils/meta'
+import { Dropdown, DropdownMenu, DropdownToggle } from 'react-bootstrap-5'
+import OLDropdownMenuItem from '@/features/ui/components/ol/ol-dropdown-menu-item'
+import MaterialIcon from '@/shared/components/material-icon'
+import {
+  ADD_ON_NAME,
+  AI_ADD_ON_CODE,
+  AI_STANDALONE_ANNUAL_PLAN_CODE,
+  AI_STANDALONE_PLAN_CODE,
+} from '@/features/subscription/data/add-on-codes'
+import sparkle from '@/shared/svgs/sparkle.svg'
+import { PaidSubscription } from '../../../../../../../../types/subscription/dashboard/subscription'
+import { LICENSE_ADD_ON } from '@/features/group-management/components/upgrade-subscription/upgrade-subscription-plan-details'
+
+type AddOnsProps = {
+  subscription: PaidSubscription
+  onStandalonePlan: boolean
+  handleCancelClick: (code: string) => void
+  handleManageOnWritefull: () => void
+}
+
+type AddOnProps = {
+  addOnCode: string
+  displayPrice: string | undefined
+  pendingCancellation: boolean
+  isAnnual: boolean
+  handleCancelClick: (code: string) => void
+  nextBillingDate: string
+}
+
+function resolveAddOnName(addOnCode: string) {
+  switch (addOnCode) {
+    case AI_ADD_ON_CODE:
+    case AI_STANDALONE_ANNUAL_PLAN_CODE:
+    case AI_STANDALONE_PLAN_CODE:
+      return ADD_ON_NAME
+  }
+}
+
+function AddOn({
+  addOnCode,
+  displayPrice,
+  pendingCancellation,
+  isAnnual,
+  handleCancelClick,
+  nextBillingDate,
+}: AddOnProps) {
+  const { t } = useTranslation()
+  return (
+    <div className="add-on-card">
+      <div>
+        <img
+          alt="sparkle"
+          className="add-on-card-icon"
+          src={sparkle}
+          aria-hidden="true"
+        />
+      </div>
+      <div className="add-on-card-content">
+        <div className="heading">{resolveAddOnName(addOnCode)}</div>
+        <div className="description small mt-1">
+          {pendingCancellation
+            ? t(
+                'your_add_on_has_been_cancelled_and_will_remain_active_until_your_billing_cycle_ends_on',
+                { nextBillingDate }
+              )
+            : isAnnual
+              ? t('x_price_per_year', { price: displayPrice })
+              : t('x_price_per_month', { price: displayPrice })}
+        </div>
+      </div>
+      {!pendingCancellation && (
+        <div className="ms-auto">
+          <Dropdown align="end">
+            <DropdownToggle
+              id="add-on-dropdown-toggle"
+              className="add-on-options-toggle"
+              variant="secondary"
+            >
+              <MaterialIcon
+                type="more_vert"
+                accessibilityLabel={t('more_options')}
+              />
+            </DropdownToggle>
+            <DropdownMenu flip={false}>
+              <OLDropdownMenuItem
+                onClick={() => handleCancelClick(addOnCode)}
+                as="button"
+                tabIndex={-1}
+                variant="danger"
+              >
+                {t('cancel')}
+              </OLDropdownMenuItem>
+            </DropdownMenu>
+          </Dropdown>
+        </div>
+      )}
+    </div>
+  )
+}
+
+function WritefullGrantedAddOn({
+  handleManageOnWritefull,
+}: {
+  handleManageOnWritefull: () => void
+}) {
+  const { t } = useTranslation()
+  return (
+    <div className="add-on-card">
+      <div>
+        <img
+          alt="sparkle"
+          className="add-on-card-icon"
+          src={sparkle}
+          aria-hidden="true"
+        />
+      </div>
+      <div className="add-on-card-content">
+        <div className="heading">{ADD_ON_NAME}</div>
+        <div className="description small mt-1">
+          {t('included_as_part_of_your_writefull_subscription')}
+        </div>
+      </div>
+
+      <div className="ms-auto">
+        <Dropdown align="end">
+          <DropdownToggle
+            id="add-on-dropdown-toggle"
+            className="add-on-options-toggle"
+            variant="secondary"
+          >
+            <MaterialIcon
+              type="more_vert"
+              accessibilityLabel={t('more_options')}
+            />
+          </DropdownToggle>
+          <DropdownMenu flip={false}>
+            <OLDropdownMenuItem tabIndex={-1} onClick={handleManageOnWritefull}>
+              {t('manage_subscription')}
+            </OLDropdownMenuItem>
+          </DropdownMenu>
+        </Dropdown>
+      </div>
+    </div>
+  )
+}
+
+function AddOns({
+  subscription,
+  onStandalonePlan,
+  handleCancelClick,
+  handleManageOnWritefull,
+}: AddOnsProps) {
+  const { t } = useTranslation()
+  const hasAiAssistViaWritefull = getMeta('ol-hasAiAssistViaWritefull')
+  const addOnsDisplayPrices = onStandalonePlan
+    ? {
+        [AI_STANDALONE_PLAN_CODE]: subscription.payment.displayPrice,
+      }
+    : subscription.payment.addOnDisplayPricesWithoutAdditionalLicense
+  const addOnsToDisplay = onStandalonePlan
+    ? [{ addOnCode: AI_STANDALONE_PLAN_CODE }]
+    : subscription.addOns?.filter(addOn => addOn.addOnCode !== LICENSE_ADD_ON)
+
+  const hasAddons =
+    (addOnsToDisplay && addOnsToDisplay.length > 0) || hasAiAssistViaWritefull
+  return (
+    <>
+      <h2 className="h3 fw-bold">{t('add_ons')}</h2>
+      {hasAddons ? (
+        <>
+          {addOnsToDisplay?.map(addOn => (
+            <AddOn
+              addOnCode={addOn.addOnCode}
+              key={addOn.addOnCode}
+              isAnnual={Boolean(subscription.plan.annual)}
+              handleCancelClick={handleCancelClick}
+              pendingCancellation={
+                subscription.pendingPlan !== undefined &&
+                (subscription.pendingPlan.addOns ?? []).every(
+                  pendingAddOn => pendingAddOn.code !== addOn.addOnCode
+                )
+              }
+              displayPrice={addOnsDisplayPrices[addOn.addOnCode]}
+              nextBillingDate={subscription.payment.nextPaymentDueDate}
+            />
+          ))}
+          {hasAiAssistViaWritefull && (
+            <WritefullGrantedAddOn
+              handleManageOnWritefull={handleManageOnWritefull}
+            />
+          )}
+        </>
+      ) : (
+        <p>{t('you_dont_have_any_add_ons_on_your_account')}</p>
+      )}
+    </>
+  )
+}
+
+export default AddOns
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/cancel-plan/cancel-subscription.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/cancel-plan/cancel-subscription.tsx
new file mode 100644
index 0000000..dc34d38
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/cancel-plan/cancel-subscription.tsx
@@ -0,0 +1,213 @@
+import { Trans, useTranslation } from 'react-i18next'
+import { Plan } from '../../../../../../../../../types/subscription/plan'
+import { postJSON } from '../../../../../../../infrastructure/fetch-json'
+import LoadingSpinner from '../../../../../../../shared/components/loading-spinner'
+import useAsync from '../../../../../../../shared/hooks/use-async'
+import { useSubscriptionDashboardContext } from '../../../../../context/subscription-dashboard-context'
+import {
+  cancelSubscriptionUrl,
+  redirectAfterCancelSubscriptionUrl,
+} from '../../../../../data/subscription-url'
+import showDowngradeOption from '../../../../../util/show-downgrade-option'
+import GenericErrorAlert from '../../../generic-error-alert'
+import DowngradePlanButton from './downgrade-plan-button'
+import ExtendTrialButton from './extend-trial-button'
+import { useLocation } from '../../../../../../../shared/hooks/use-location'
+import { debugConsole } from '@/utils/debugging'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+const planCodeToDowngradeTo = 'paid-personal'
+
+function ConfirmCancelSubscriptionButton({
+  showNoThanks,
+  onClick,
+  disabled,
+  isLoading,
+}: {
+  showNoThanks: boolean
+  onClick: () => void
+  disabled: boolean
+  isLoading: boolean
+}) {
+  const { t } = useTranslation()
+  const text = showNoThanks ? t('no_thanks_cancel_now') : t('cancel_my_account')
+  return (
+    <OLButton
+      isLoading={isLoading}
+      loadingLabel={t('processing_uppercase') + '…'}
+      disabled={disabled}
+      onClick={onClick}
+      variant={showNoThanks ? 'link' : undefined}
+    >
+      {text}
+    </OLButton>
+  )
+}
+
+function NotCancelOption({
+  isButtonDisabled,
+  isLoadingSecondaryAction,
+  isSuccessSecondaryAction,
+  planToDowngradeTo,
+  showExtendFreeTrial,
+  showDowngrade,
+  runAsyncSecondaryAction,
+}: {
+  isButtonDisabled: boolean
+  isLoadingSecondaryAction: boolean
+  isSuccessSecondaryAction: boolean
+  planToDowngradeTo?: Plan
+  showExtendFreeTrial: boolean
+  showDowngrade: boolean
+  runAsyncSecondaryAction: (promise: Promise<unknown>) => Promise<unknown>
+}) {
+  const { t } = useTranslation()
+
+  const { setShowCancellation } = useSubscriptionDashboardContext()
+
+  if (showExtendFreeTrial) {
+    return (
+      <>
+        <p>
+          <Trans
+            i18nKey="have_more_days_to_try"
+            values={{
+              days: 14,
+            }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+            components={{ strong: <strong /> }}
+          />
+        </p>
+        <p>
+          <ExtendTrialButton
+            isButtonDisabled={isButtonDisabled}
+            isLoading={isLoadingSecondaryAction || isSuccessSecondaryAction}
+            runAsyncSecondaryAction={runAsyncSecondaryAction}
+          />
+        </p>
+      </>
+    )
+  }
+
+  if (showDowngrade && planToDowngradeTo) {
+    return (
+      <>
+        <p>
+          <Trans
+            i18nKey="interested_in_cheaper_personal_plan"
+            values={{
+              price: planToDowngradeTo.displayPrice,
+            }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+            components={[
+              // eslint-disable-next-line react/jsx-key
+              <strong />,
+            ]}
+          />
+        </p>
+        <p>
+          <DowngradePlanButton
+            isButtonDisabled={isButtonDisabled}
+            isLoading={isLoadingSecondaryAction || isSuccessSecondaryAction}
+            planToDowngradeTo={planToDowngradeTo}
+            runAsyncSecondaryAction={runAsyncSecondaryAction}
+          />
+        </p>
+      </>
+    )
+  }
+
+  function handleKeepPlan() {
+    setShowCancellation(false)
+  }
+
+  return (
+    <p>
+      <OLButton variant="secondary" onClick={handleKeepPlan}>
+        {t('i_want_to_stay')}
+      </OLButton>
+    </p>
+  )
+}
+
+export function CancelSubscription() {
+  const { t } = useTranslation()
+  const location = useLocation()
+  const { personalSubscription, plans, userCanExtendTrial } =
+    useSubscriptionDashboardContext()
+  const {
+    isLoading: isLoadingCancel,
+    isError: isErrorCancel,
+    isSuccess: isSuccessCancel,
+    runAsync: runAsyncCancel,
+  } = useAsync()
+  const {
+    isLoading: isLoadingSecondaryAction,
+    isError: isErrorSecondaryAction,
+    isSuccess: isSuccessSecondaryAction,
+    runAsync: runAsyncSecondaryAction,
+  } = useAsync()
+  const isButtonDisabled =
+    isLoadingCancel ||
+    isLoadingSecondaryAction ||
+    isSuccessSecondaryAction ||
+    isSuccessCancel
+
+  if (!personalSubscription || !('payment' in personalSubscription)) return null
+
+  const showDowngrade = showDowngradeOption(
+    personalSubscription.plan.planCode,
+    personalSubscription.plan.groupPlan,
+    personalSubscription.payment.trialEndsAt,
+    personalSubscription.payment.pausedAt,
+    personalSubscription.payment.remainingPauseCycles
+  )
+  const planToDowngradeTo = plans.find(
+    plan => plan.planCode === planCodeToDowngradeTo
+  )
+  if (showDowngrade && !planToDowngradeTo) {
+    return <LoadingSpinner />
+  }
+
+  async function handleCancelSubscription() {
+    try {
+      await runAsyncCancel(postJSON(cancelSubscriptionUrl))
+      location.assign(redirectAfterCancelSubscriptionUrl)
+    } catch (e) {
+      debugConsole.error(e)
+    }
+  }
+
+  const showExtendFreeTrial = userCanExtendTrial
+
+  return (
+    <>
+      <div className="text-center">
+        <p>
+          <strong>{t('wed_love_you_to_stay')}</strong>
+        </p>
+
+        {(isErrorCancel || isErrorSecondaryAction) && <GenericErrorAlert />}
+
+        <NotCancelOption
+          showExtendFreeTrial={showExtendFreeTrial}
+          showDowngrade={showDowngrade}
+          isButtonDisabled={isButtonDisabled}
+          isLoadingSecondaryAction={isLoadingSecondaryAction}
+          isSuccessSecondaryAction={isSuccessSecondaryAction}
+          planToDowngradeTo={planToDowngradeTo}
+          runAsyncSecondaryAction={runAsyncSecondaryAction}
+        />
+
+        <ConfirmCancelSubscriptionButton
+          showNoThanks={showExtendFreeTrial || showDowngrade}
+          onClick={handleCancelSubscription}
+          disabled={isButtonDisabled}
+          isLoading={isSuccessCancel || isLoadingCancel}
+        />
+      </div>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/cancel-plan/downgrade-plan-button.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/cancel-plan/downgrade-plan-button.tsx
new file mode 100644
index 0000000..c34e304
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/cancel-plan/downgrade-plan-button.tsx
@@ -0,0 +1,48 @@
+import { useTranslation } from 'react-i18next'
+import { Plan } from '../../../../../../../../../types/subscription/plan'
+import { postJSON } from '../../../../../../../infrastructure/fetch-json'
+import { subscriptionUpdateUrl } from '../../../../../data/subscription-url'
+import { useLocation } from '../../../../../../../shared/hooks/use-location'
+import { debugConsole } from '@/utils/debugging'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export default function DowngradePlanButton({
+  isButtonDisabled,
+  isLoading,
+  planToDowngradeTo,
+  runAsyncSecondaryAction,
+}: {
+  isButtonDisabled: boolean
+  isLoading: boolean
+  planToDowngradeTo: Plan
+  runAsyncSecondaryAction: (promise: Promise<unknown>) => Promise<unknown>
+}) {
+  const { t } = useTranslation()
+  const location = useLocation()
+  const buttonText = t('yes_move_me_to_personal_plan')
+
+  async function handleDowngradePlan() {
+    try {
+      await runAsyncSecondaryAction(
+        postJSON(`${subscriptionUpdateUrl}?downgradeToPaidPersonal`, {
+          body: { plan_code: planToDowngradeTo.planCode },
+        })
+      )
+      location.reload()
+    } catch (e) {
+      debugConsole.error(e)
+    }
+  }
+
+  return (
+    <OLButton
+      variant="primary"
+      onClick={handleDowngradePlan}
+      disabled={isButtonDisabled}
+      isLoading={isLoading}
+      loadingLabel={t('processing_uppercase') + '…'}
+    >
+      {buttonText}
+    </OLButton>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/cancel-plan/extend-trial-button.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/cancel-plan/extend-trial-button.tsx
new file mode 100644
index 0000000..e108e93
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/cancel-plan/extend-trial-button.tsx
@@ -0,0 +1,41 @@
+import { useTranslation } from 'react-i18next'
+import { putJSON } from '../../../../../../../infrastructure/fetch-json'
+import { extendTrialUrl } from '../../../../../data/subscription-url'
+import { useLocation } from '../../../../../../../shared/hooks/use-location'
+import { debugConsole } from '@/utils/debugging'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export default function ExtendTrialButton({
+  isButtonDisabled,
+  isLoading,
+  runAsyncSecondaryAction,
+}: {
+  isButtonDisabled: boolean
+  isLoading: boolean
+  runAsyncSecondaryAction: (promise: Promise<unknown>) => Promise<unknown>
+}) {
+  const { t } = useTranslation()
+  const buttonText = t('ill_take_it')
+  const location = useLocation()
+
+  async function handleExtendTrial() {
+    try {
+      await runAsyncSecondaryAction(putJSON(extendTrialUrl))
+      location.reload()
+    } catch (e) {
+      debugConsole.error(e)
+    }
+  }
+
+  return (
+    <OLButton
+      variant="primary"
+      onClick={handleExtendTrial}
+      disabled={isButtonDisabled}
+      isLoading={isLoading}
+      loadingLabel={t('processing_uppercase') + '…'}
+    >
+      {buttonText}
+    </OLButton>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/cancel-subscription-button.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/cancel-subscription-button.tsx
new file mode 100644
index 0000000..9ce4628
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/cancel-subscription-button.tsx
@@ -0,0 +1,54 @@
+import { useTranslation } from 'react-i18next'
+import * as eventTracking from '../../../../../../infrastructure/event-tracking'
+import { useSubscriptionDashboardContext } from '../../../../context/subscription-dashboard-context'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { PaidSubscription } from '../../../../../../../../types/subscription/dashboard/subscription'
+import { useFeatureFlag } from '@/shared/context/split-test-context'
+
+export function CancelSubscriptionButton() {
+  const { t } = useTranslation()
+  const {
+    recurlyLoadError,
+    personalSubscription,
+    setModalIdShown,
+    setShowCancellation,
+  } = useSubscriptionDashboardContext()
+
+  const subscription = personalSubscription as PaidSubscription
+  const isInTrial =
+    subscription?.payment.trialEndsAtFormatted &&
+    subscription?.payment.trialEndsAt &&
+    new Date(subscription.payment.trialEndsAt).getTime() > Date.now()
+  const hasPendingOrActivePause =
+    subscription.payment.state === 'paused' ||
+    (subscription.payment.state === 'active' &&
+      subscription.payment.remainingPauseCycles &&
+      subscription.payment.remainingPauseCycles > 0)
+  const planIsEligibleForPause =
+    !subscription.pendingPlan &&
+    !subscription.groupPlan &&
+    !isInTrial &&
+    !subscription.planCode.includes('ann') &&
+    !subscription.addOns?.length
+  const enablePause =
+    useFeatureFlag('pause-subscription') &&
+    !hasPendingOrActivePause &&
+    planIsEligibleForPause
+
+  function handleCancelSubscriptionClick() {
+    eventTracking.sendMB('subscription-page-cancel-button-click', {
+      plan_code: subscription?.planCode,
+      is_trial: isInTrial,
+    })
+    if (enablePause) setModalIdShown('pause-subscription')
+    else setShowCancellation(true)
+  }
+
+  if (recurlyLoadError) return null
+
+  return (
+    <OLButton variant="danger-ghost" onClick={handleCancelSubscriptionClick}>
+      {t('cancel_your_subscription')}
+    </OLButton>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/change-to-group-plan.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/change-to-group-plan.tsx
new file mode 100644
index 0000000..12303af
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/change-to-group-plan.tsx
@@ -0,0 +1,51 @@
+import { useTranslation } from 'react-i18next'
+import { useSubscriptionDashboardContext } from '../../../../../context/subscription-dashboard-context'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import isInFreeTrial from '../../../../../util/is-in-free-trial'
+import { PaidSubscription } from '../../../../../../../../../types/subscription/dashboard/subscription'
+
+export function ChangeToGroupPlan() {
+  const { t } = useTranslation()
+  const { handleOpenModal, personalSubscription } =
+    useSubscriptionDashboardContext()
+
+  // TODO: Better way to get PaidSubscription/trialEndsAt
+  const subscription =
+    personalSubscription && 'payment' in personalSubscription
+      ? (personalSubscription as PaidSubscription)
+      : null
+
+  const handleClick = () => {
+    handleOpenModal('change-to-group')
+  }
+
+  return (
+    <div className="card-gray text-center mt-3 p-3">
+      <h2 style={{ marginTop: 0 }}>{t('looking_multiple_licenses')}</h2>
+      <p style={{ margin: 0 }}>{t('reduce_costs_group_licenses')}</p>
+      <br />
+      {isInFreeTrial(subscription?.payment?.trialEndsAt) ? (
+        <>
+          <OLTooltip
+            id="disabled-change-to-group-plan"
+            description={t(
+              'sorry_you_can_only_change_to_group_from_trial_via_support'
+            )}
+            overlayProps={{ placement: 'top' }}
+          >
+            <div>
+              <OLButton variant="primary" disabled>
+                {t('change_to_group_plan')}
+              </OLButton>
+            </div>
+          </OLTooltip>
+        </>
+      ) : (
+        <OLButton variant="primary" onClick={handleClick}>
+          {t('change_to_group_plan')}
+        </OLButton>
+      )}
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/individual-plans-table.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/individual-plans-table.tsx
new file mode 100644
index 0000000..a6ede01
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/individual-plans-table.tsx
@@ -0,0 +1,124 @@
+import { useMemo } from 'react'
+import { useTranslation } from 'react-i18next'
+import { Plan } from '../../../../../../../../../types/subscription/plan'
+import Icon from '../../../../../../../shared/components/icon'
+import { useSubscriptionDashboardContext } from '../../../../../context/subscription-dashboard-context'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+function ChangeToPlanButton({ planCode }: { planCode: string }) {
+  const { t } = useTranslation()
+  const { handleOpenModal } = useSubscriptionDashboardContext()
+
+  const handleClick = () => {
+    handleOpenModal('change-to-plan', planCode)
+  }
+
+  return (
+    <OLButton variant="primary" onClick={handleClick}>
+      {t('change_to_this_plan')}
+    </OLButton>
+  )
+}
+
+function KeepCurrentPlanButton({ plan }: { plan: Plan }) {
+  const { t } = useTranslation()
+  const { handleOpenModal } = useSubscriptionDashboardContext()
+
+  const handleClick = () => {
+    handleOpenModal('keep-current-plan')
+  }
+
+  return (
+    <OLButton variant="primary" onClick={handleClick}>
+      {t('keep_current_plan')}
+    </OLButton>
+  )
+}
+
+function ChangePlanButton({ plan }: { plan: Plan }) {
+  const { t } = useTranslation()
+  const { personalSubscription } = useSubscriptionDashboardContext()
+  const isCurrentPlanForUser =
+    personalSubscription?.planCode &&
+    plan.planCode === personalSubscription.planCode.split('_')[0]
+
+  if (isCurrentPlanForUser && personalSubscription.pendingPlan) {
+    return <KeepCurrentPlanButton plan={plan} />
+  } else if (isCurrentPlanForUser && !personalSubscription.pendingPlan) {
+    return (
+      <b>
+        <Icon type="check" /> {t('your_plan')}
+      </b>
+    )
+  } else if (
+    personalSubscription?.pendingPlan?.planCode?.split('_')[0] === plan.planCode
+  ) {
+    return (
+      <b>
+        <Icon type="check" /> {t('your_new_plan')}
+      </b>
+    )
+  } else {
+    return <ChangeToPlanButton planCode={plan.planCode} />
+  }
+}
+
+function PlansRow({ plan }: { plan: Plan }) {
+  const { t } = useTranslation()
+
+  return (
+    <tr>
+      <td className="align-middle">
+        <strong>{plan.name}</strong>
+      </td>
+      <td className="align-middle">
+        {plan.displayPrice} / {plan.annual ? t('year') : t('month')}
+      </td>
+      <td className="align-middle text-center">
+        <ChangePlanButton plan={plan} />
+      </td>
+    </tr>
+  )
+}
+
+function PlansRows({ plans }: { plans: Array<Plan> }) {
+  return (
+    <>
+      {plans &&
+        plans.map(plan => (
+          <PlansRow key={`plans-row-${plan.planCode}`} plan={plan} />
+        ))}
+    </>
+  )
+}
+
+export function IndividualPlansTable({ plans }: { plans: Array<Plan> }) {
+  const { t } = useTranslation()
+  const { recurlyLoadError } = useSubscriptionDashboardContext()
+
+  const filteredPlans = useMemo(
+    () =>
+      plans?.filter(
+        plan =>
+          !['paid-personal', 'paid-personal-annual'].includes(plan.planCode)
+      ),
+    [plans]
+  )
+
+  if (!filteredPlans || recurlyLoadError) return null
+
+  return (
+    <table className="table align-middle table-vertically-centered-cells m-0">
+      <thead>
+        <tr className="d-none d-md-table-row">
+          <th>{t('name')}</th>
+          <th>{t('price')}</th>
+          <th />
+        </tr>
+      </thead>
+      <tbody>
+        <PlansRows plans={filteredPlans} />
+      </tbody>
+    </table>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/cancel-ai-add-on-modal.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/cancel-ai-add-on-modal.tsx
new file mode 100644
index 0000000..41c0065
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/cancel-ai-add-on-modal.tsx
@@ -0,0 +1,116 @@
+import { useState } from 'react'
+import { useTranslation, Trans } from 'react-i18next'
+import { SubscriptionDashModalIds } from '../../../../../../../../../../types/subscription/dashboard/modal-ids'
+import { postJSON } from '../../../../../../../../infrastructure/fetch-json'
+import { useSubscriptionDashboardContext } from '../../../../../../context/subscription-dashboard-context'
+import { useLocation } from '../../../../../../../../shared/hooks/use-location'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import {
+  AI_ADD_ON_CODE,
+  ADD_ON_NAME,
+  isStandaloneAiPlanCode,
+} from '../../../../../../data/add-on-codes'
+import {
+  cancelSubscriptionUrl,
+  redirectAfterCancelSubscriptionUrl,
+} from '../../../../../../data/subscription-url'
+
+export function CancelAiAddOnModal() {
+  const modalId: SubscriptionDashModalIds = 'cancel-ai-add-on'
+  const [error, setError] = useState(false)
+  const [inflight, setInflight] = useState(false)
+  const { t } = useTranslation()
+  const { handleCloseModal, modalIdShown, personalSubscription } =
+    useSubscriptionDashboardContext()
+  const location = useLocation()
+
+  if (!personalSubscription) return null
+
+  const onStandalone = isStandaloneAiPlanCode(personalSubscription.planCode)
+
+  const cancellationEndpoint = onStandalone
+    ? cancelSubscriptionUrl
+    : `/user/subscription/addon/${AI_ADD_ON_CODE}/remove`
+
+  async function handleConfirmChange() {
+    setError(false)
+    setInflight(true)
+
+    try {
+      await postJSON(cancellationEndpoint)
+      location.assign(redirectAfterCancelSubscriptionUrl)
+    } catch (e) {
+      setError(true)
+      setInflight(false)
+    }
+  }
+
+  if (modalIdShown !== modalId) return null
+
+  return (
+    <OLModal
+      id={modalId}
+      show
+      animation
+      onHide={handleCloseModal}
+      backdrop="static"
+    >
+      <OLModalHeader>
+        <OLModalTitle>{t('cancel_add_on')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        {error && (
+          <OLNotification
+            type="error"
+            aria-live="polite"
+            content={
+              <>
+                {t('generic_something_went_wrong')}. {t('try_again')}.{' '}
+                {t('generic_if_problem_continues_contact_us')}.
+              </>
+            }
+          />
+        )}
+        <p>
+          <Trans
+            i18nKey="are_you_sure_you_want_to_cancel_add_on"
+            values={{
+              addOnName: ADD_ON_NAME,
+            }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+            components={{ strong: <strong /> }}
+          />
+        </p>
+        <p>{t('the_add_on_will_remain_active_until')}</p>
+      </OLModalBody>
+
+      <OLModalFooter>
+        <OLButton
+          variant="secondary"
+          disabled={inflight}
+          onClick={handleCloseModal}
+        >
+          {t('back')}
+        </OLButton>
+        <OLButton
+          variant="danger"
+          disabled={inflight}
+          isLoading={inflight}
+          loadingLabel={t('processing_uppercase') + '…'}
+          onClick={handleConfirmChange}
+        >
+          {t('cancel_add_on')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/change-plan-modal.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/change-plan-modal.tsx
new file mode 100644
index 0000000..519da10
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/change-plan-modal.tsx
@@ -0,0 +1,55 @@
+import { useTranslation } from 'react-i18next'
+import { SubscriptionDashModalIds } from '../../../../../../../../../../types/subscription/dashboard/modal-ids'
+import LoadingSpinner from '../../../../../../../../shared/components/loading-spinner'
+import { useSubscriptionDashboardContext } from '../../../../../../context/subscription-dashboard-context'
+import { ChangeToGroupPlan } from '../change-to-group-plan'
+import { IndividualPlansTable } from '../individual-plans-table'
+import OLModal, {
+  OLModalBody,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+
+function ChangePlanOptions() {
+  const { plans, queryingIndividualPlansData, recurlyLoadError } =
+    useSubscriptionDashboardContext()
+
+  if (!plans || recurlyLoadError) return null
+
+  if (queryingIndividualPlansData) {
+    return (
+      <>
+        <LoadingSpinner />
+      </>
+    )
+  } else {
+    return (
+      <>
+        <div className="border rounded px-2 pt-1 table-outlined-container">
+          <IndividualPlansTable plans={plans} />
+        </div>
+        <ChangeToGroupPlan />
+      </>
+    )
+  }
+}
+
+export function ChangePlanModal() {
+  const modalId: SubscriptionDashModalIds = 'change-plan'
+  const { t } = useTranslation()
+  const { handleCloseModal, modalIdShown } = useSubscriptionDashboardContext()
+
+  if (modalIdShown !== modalId) return null
+
+  return (
+    <OLModal id={modalId} show animation onHide={handleCloseModal} size="lg">
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('change_plan')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        <ChangePlanOptions />
+      </OLModalBody>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/change-to-group-modal.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/change-to-group-modal.tsx
new file mode 100644
index 0000000..8cc992f
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/change-to-group-modal.tsx
@@ -0,0 +1,348 @@
+import { useEffect, useState } from 'react'
+import { useTranslation, Trans } from 'react-i18next'
+import { PaidSubscription } from '../../../../../../../../../../types/subscription/dashboard/subscription'
+import { PriceForDisplayData } from '../../../../../../../../../../types/subscription/plan'
+import { postJSON } from '../../../../../../../../infrastructure/fetch-json'
+import getMeta from '../../../../../../../../utils/meta'
+import { useSubscriptionDashboardContext } from '../../../../../../context/subscription-dashboard-context'
+import GenericErrorAlert from '../../../../generic-error-alert'
+import { subscriptionUpdateUrl } from '../../../../../../data/subscription-url'
+import { getRecurlyGroupPlanCode } from '../../../../../../util/recurly-group-plan-code'
+import { useLocation } from '../../../../../../../../shared/hooks/use-location'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLFormSelect from '@/features/ui/components/ol/ol-form-select'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLFormCheckbox from '@/features/ui/components/ol/ol-form-checkbox'
+import { useContactUsModal } from '@/shared/hooks/use-contact-us-modal'
+import { UserProvider } from '@/shared/context/user-context'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+const educationalPercentDiscount = 40
+
+function GroupPlanCollaboratorCount({ planCode }: { planCode: string }) {
+  const { t } = useTranslation()
+
+  if (planCode === 'collaborator') {
+    return (
+      <>
+        {t('collabs_per_proj', {
+          collabcount: 10,
+        })}
+      </>
+    )
+  } else if (planCode === 'professional') {
+    return <>{t('unlimited_collabs')}</>
+  }
+  return null
+}
+
+function GroupPrice({
+  groupPlanToChangeToPrice,
+  queryingGroupPlanToChangeToPrice,
+}: {
+  groupPlanToChangeToPrice?: PriceForDisplayData
+  queryingGroupPlanToChangeToPrice: boolean
+}) {
+  const { t } = useTranslation()
+
+  const totalPrice =
+    !queryingGroupPlanToChangeToPrice &&
+    groupPlanToChangeToPrice?.totalForDisplay
+      ? groupPlanToChangeToPrice.totalForDisplay
+      : '…'
+
+  const perUserPrice =
+    !queryingGroupPlanToChangeToPrice &&
+    groupPlanToChangeToPrice?.perUserDisplayPrice
+      ? groupPlanToChangeToPrice.perUserDisplayPrice
+      : '…'
+
+  return (
+    <>
+      <span aria-hidden>
+        {totalPrice} <span className="small">/ {t('year')}</span>
+      </span>
+      <span className="sr-only">
+        {queryingGroupPlanToChangeToPrice
+          ? t('loading_prices')
+          : t('x_price_per_year', {
+              price: groupPlanToChangeToPrice?.totalForDisplay,
+            })}
+      </span>
+
+      <span className="circle-subtext">
+        <span aria-hidden>
+          {t('x_price_per_user', {
+            price: perUserPrice,
+          })}
+        </span>
+        <span className="sr-only">
+          {queryingGroupPlanToChangeToPrice
+            ? t('loading_prices')
+            : t('x_price_per_user', {
+                price: perUserPrice,
+              })}
+        </span>
+      </span>
+    </>
+  )
+}
+
+export function ChangeToGroupModal() {
+  const modalId = 'change-to-group'
+  const { t } = useTranslation()
+  const {
+    groupPlanToChangeToCode,
+    groupPlanToChangeToPrice,
+    groupPlanToChangeToPriceError,
+    groupPlanToChangeToSize,
+    groupPlanToChangeToUsage,
+    handleCloseModal,
+    modalIdShown,
+    queryingGroupPlanToChangeToPrice,
+    setGroupPlanToChangeToCode,
+    setGroupPlanToChangeToSize,
+    setGroupPlanToChangeToUsage,
+  } = useSubscriptionDashboardContext()
+  const { modal: contactModal, showModal: showContactModal } =
+    useContactUsModal({ autofillProjectUrl: false })
+  const groupPlans = getMeta('ol-groupPlans')
+  const showGroupDiscount = getMeta('ol-showGroupDiscount')
+  const personalSubscription = getMeta('ol-subscription') as PaidSubscription
+  const [error, setError] = useState(false)
+  const [inflight, setInflight] = useState(false)
+  const location = useLocation()
+
+  async function upgrade() {
+    setError(false)
+    setInflight(true)
+
+    try {
+      await postJSON(subscriptionUpdateUrl, {
+        body: {
+          plan_code: getRecurlyGroupPlanCode(
+            groupPlanToChangeToCode,
+            groupPlanToChangeToSize,
+            groupPlanToChangeToUsage
+          ),
+        },
+      })
+      location.reload()
+    } catch (e) {
+      setError(true)
+      setInflight(false)
+    }
+  }
+
+  useEffect(() => {
+    if (personalSubscription.plan.planCode.includes('professional')) {
+      setGroupPlanToChangeToCode('professional')
+    }
+  }, [personalSubscription, setGroupPlanToChangeToCode])
+
+  if (
+    modalIdShown !== modalId ||
+    !groupPlans ||
+    !groupPlans.plans ||
+    !groupPlans.sizes ||
+    !groupPlanToChangeToCode
+  )
+    return null
+
+  return (
+    <>
+      <UserProvider>{contactModal}</UserProvider>
+      <OLModal
+        id={modalId}
+        show
+        animation
+        onHide={handleCloseModal}
+        backdrop="static"
+      >
+        <OLModalHeader closeButton>
+          <OLModalTitle className="lh-sm">
+            {t('customize_your_group_subscription')}
+            {showGroupDiscount && (
+              <p className="group-subscription-modal-title-discount">
+                {t('save_x_or_more', { percentage: '10%' })}
+              </p>
+            )}
+          </OLModalTitle>
+        </OLModalHeader>
+
+        <OLModalBody>
+          <div className="container-fluid plans group-subscription-modal">
+            {groupPlanToChangeToPriceError && <GenericErrorAlert />}
+            <div className="row">
+              <div className="col-md-6 text-center">
+                <div className="circle circle-lg mb-4 mx-auto">
+                  <GroupPrice
+                    groupPlanToChangeToPrice={groupPlanToChangeToPrice}
+                    queryingGroupPlanToChangeToPrice={
+                      queryingGroupPlanToChangeToPrice
+                    }
+                  />
+                </div>
+                <p>{t('each_user_will_have_access_to')}:</p>
+                <ul className="list-unstyled">
+                  <li className="mb-3">
+                    <strong>
+                      <GroupPlanCollaboratorCount
+                        planCode={groupPlanToChangeToCode}
+                      />
+                    </strong>
+                  </li>
+                  <li>
+                    <strong>{t('all_premium_features')}</strong>
+                  </li>
+                  <li>{t('sync_dropbox_github')}</li>
+                  <li>{t('full_doc_history')}</li>
+                  <li>{t('track_changes')}</li>
+                  <li>
+                    <span aria-hidden>+ {t('more').toLowerCase()}</span>
+                    <span className="sr-only">{t('plus_more')}</span>
+                  </li>
+                </ul>
+              </div>
+
+              <div className="col-md-6">
+                <form className="form">
+                  <fieldset className="form-group">
+                    <legend className="legend-as-label">{t('plan')}</legend>
+                    {groupPlans.plans.map(option => (
+                      <div key={option.code}>
+                        <OLFormCheckbox
+                          type="radio"
+                          name="plan-code"
+                          value={option.code}
+                          id={`plan-option-${option.code}`}
+                          onChange={() =>
+                            setGroupPlanToChangeToCode(option.code)
+                          }
+                          checked={option.code === groupPlanToChangeToCode}
+                          label={option.display}
+                        />
+                      </div>
+                    ))}
+                  </fieldset>
+
+                  <OLFormGroup controlId="size">
+                    <OLFormLabel>{t('number_of_users')}</OLFormLabel>
+                    <OLFormSelect
+                      name="size"
+                      value={groupPlanToChangeToSize}
+                      onChange={e => setGroupPlanToChangeToSize(e.target.value)}
+                    >
+                      {groupPlans.sizes.map(size => (
+                        <option key={`size-option-${size}`}>{size}</option>
+                      ))}
+                    </OLFormSelect>
+                  </OLFormGroup>
+
+                  <OLFormCheckbox
+                    id="usage"
+                    type="checkbox"
+                    autoComplete="off"
+                    checked={groupPlanToChangeToUsage === 'educational'}
+                    onChange={e => {
+                      if (e.target.checked) {
+                        setGroupPlanToChangeToUsage('educational')
+                      } else {
+                        setGroupPlanToChangeToUsage('enterprise')
+                      }
+                    }}
+                    label={t(
+                      'apply_educational_discount_description_with_group_discount'
+                    )}
+                  />
+                </form>
+              </div>
+            </div>
+            <div className="educational-discount-badge pt-4 text-center">
+              {groupPlanToChangeToUsage === 'educational' && (
+                <p className="applied">
+                  {t('educational_percent_discount_applied', {
+                    percent: educationalPercentDiscount,
+                  })}
+                </p>
+              )}
+            </div>
+          </div>
+        </OLModalBody>
+
+        <OLModalFooter>
+          <div className="text-center">
+            {groupPlanToChangeToPrice?.includesTax && (
+              <p>
+                <Trans
+                  i18nKey="total_with_subtotal_and_tax"
+                  values={{
+                    total: groupPlanToChangeToPrice.totalForDisplay,
+                    subtotal: groupPlanToChangeToPrice.subtotal,
+                    tax: groupPlanToChangeToPrice.tax,
+                  }}
+                  shouldUnescape
+                  tOptions={{ interpolation: { escapeValue: true } }}
+                  components={[
+                    /* eslint-disable-next-line react/jsx-key */
+                    <strong />,
+                  ]}
+                />
+              </p>
+            )}
+            <p>
+              <strong>
+                {t('new_subscription_will_be_billed_immediately')}
+              </strong>
+            </p>
+            <hr className="thin my-3" />
+            {error && (
+              <OLNotification
+                type="error"
+                aria-live="polite"
+                content={
+                  <>
+                    {t('generic_something_went_wrong')}. {t('try_again')}.{' '}
+                    {t('generic_if_problem_continues_contact_us')}.
+                  </>
+                }
+              />
+            )}
+            <OLButton
+              variant="primary"
+              size="lg"
+              disabled={
+                queryingGroupPlanToChangeToPrice ||
+                !groupPlanToChangeToPrice ||
+                inflight
+              }
+              onClick={upgrade}
+              isLoading={inflight}
+              loadingLabel={t('processing_uppercase') + '…'}
+            >
+              {t('upgrade_now')}
+            </OLButton>
+            <hr className="thin my-3" />
+            <OLButton
+              variant="link"
+              className="btn-inline-link"
+              onClick={showContactModal}
+            >
+              {t('need_more_than_x_licenses', {
+                x: 20,
+              })}{' '}
+              {t('please_get_in_touch')}
+            </OLButton>
+          </div>
+        </OLModalFooter>
+      </OLModal>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/confirm-change-plan-modal.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/confirm-change-plan-modal.tsx
new file mode 100644
index 0000000..08cbf17
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/confirm-change-plan-modal.tsx
@@ -0,0 +1,121 @@
+import { useState } from 'react'
+import { useTranslation, Trans } from 'react-i18next'
+import { SubscriptionDashModalIds } from '../../../../../../../../../../types/subscription/dashboard/modal-ids'
+import { postJSON } from '../../../../../../../../infrastructure/fetch-json'
+import getMeta from '../../../../../../../../utils/meta'
+import { useSubscriptionDashboardContext } from '../../../../../../context/subscription-dashboard-context'
+import { subscriptionUpdateUrl } from '../../../../../../data/subscription-url'
+import { useLocation } from '../../../../../../../../shared/hooks/use-location'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+export function ConfirmChangePlanModal() {
+  const modalId: SubscriptionDashModalIds = 'change-to-plan'
+  const [error, setError] = useState(false)
+  const [inflight, setInflight] = useState(false)
+  const { t } = useTranslation()
+  const { handleCloseModal, modalIdShown, plans, planCodeToChangeTo } =
+    useSubscriptionDashboardContext()
+  const planCodesChangingAtTermEnd = getMeta('ol-planCodesChangingAtTermEnd')
+  const location = useLocation()
+
+  async function handleConfirmChange() {
+    setError(false)
+    setInflight(true)
+
+    try {
+      await postJSON(`${subscriptionUpdateUrl}?origin=confirmChangePlan`, {
+        body: {
+          plan_code: planCodeToChangeTo,
+        },
+      })
+      location.reload()
+    } catch (e) {
+      setError(true)
+      setInflight(false)
+    }
+  }
+
+  if (modalIdShown !== modalId || !planCodeToChangeTo) return null
+
+  const plan = plans.find(p => p.planCode === planCodeToChangeTo)
+  if (!plan) return null
+
+  const planWillChangeAtTermEnd =
+    planCodesChangingAtTermEnd &&
+    planCodesChangingAtTermEnd.indexOf(planCodeToChangeTo) > -1
+
+  return (
+    <OLModal
+      id={modalId}
+      show
+      animation
+      onHide={handleCloseModal}
+      backdrop="static"
+    >
+      <OLModalHeader>
+        <OLModalTitle>{t('change_plan')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        {error && (
+          <OLNotification
+            type="error"
+            aria-live="polite"
+            content={
+              <>
+                {t('generic_something_went_wrong')}. {t('try_again')}.{' '}
+                {t('generic_if_problem_continues_contact_us')}.
+              </>
+            }
+          />
+        )}
+        <p>
+          <Trans
+            i18nKey="sure_you_want_to_change_plan"
+            values={{
+              planName: plan.name,
+            }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+            components={[
+              // eslint-disable-next-line react/jsx-key
+              <strong />,
+            ]}
+          />
+        </p>
+        {planWillChangeAtTermEnd && (
+          <>
+            <p>{t('existing_plan_active_until_term_end')}</p>
+            <p>{t('want_change_to_apply_before_plan_end')}</p>
+          </>
+        )}
+      </OLModalBody>
+
+      <OLModalFooter>
+        <OLButton
+          variant="secondary"
+          disabled={inflight}
+          onClick={handleCloseModal}
+        >
+          {t('cancel')}
+        </OLButton>
+        <OLButton
+          variant="primary"
+          disabled={inflight}
+          isLoading={inflight}
+          loadingLabel={t('processing_uppercase') + '…'}
+          onClick={handleConfirmChange}
+        >
+          {t('change_plan')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/keep-current-plan-modal.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/keep-current-plan-modal.tsx
new file mode 100644
index 0000000..793c570
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/keep-current-plan-modal.tsx
@@ -0,0 +1,102 @@
+import { useState } from 'react'
+import { useTranslation, Trans } from 'react-i18next'
+import { SubscriptionDashModalIds } from '../../../../../../../../../../types/subscription/dashboard/modal-ids'
+import { postJSON } from '../../../../../../../../infrastructure/fetch-json'
+import { useSubscriptionDashboardContext } from '../../../../../../context/subscription-dashboard-context'
+import { cancelPendingSubscriptionChangeUrl } from '../../../../../../data/subscription-url'
+import { useLocation } from '../../../../../../../../shared/hooks/use-location'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+export function KeepCurrentPlanModal() {
+  const modalId: SubscriptionDashModalIds = 'keep-current-plan'
+  const [error, setError] = useState(false)
+  const [inflight, setInflight] = useState(false)
+  const { t } = useTranslation()
+  const location = useLocation()
+  const { modalIdShown, handleCloseModal, personalSubscription } =
+    useSubscriptionDashboardContext()
+
+  async function confirmCancelPendingPlanChange() {
+    setError(false)
+    setInflight(true)
+
+    try {
+      await postJSON(cancelPendingSubscriptionChangeUrl)
+      location.reload()
+    } catch (e) {
+      setError(true)
+      setInflight(false)
+    }
+  }
+
+  if (modalIdShown !== modalId || !personalSubscription) return null
+
+  return (
+    <OLModal
+      id={modalId}
+      show
+      animation
+      onHide={handleCloseModal}
+      backdrop="static"
+    >
+      <OLModalHeader>
+        <OLModalTitle>{t('change_plan')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        {error && (
+          <OLNotification
+            type="error"
+            aria-live="polite"
+            content={
+              <>
+                {t('generic_something_went_wrong')}. {t('try_again')}.{' '}
+                {t('generic_if_problem_continues_contact_us')}.
+              </>
+            }
+          />
+        )}
+        <p>
+          <Trans
+            i18nKey="sure_you_want_to_cancel_plan_change"
+            values={{
+              planName: personalSubscription.plan.name,
+            }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+            components={[
+              // eslint-disable-next-line react/jsx-key
+              <strong />,
+            ]}
+          />
+        </p>
+      </OLModalBody>
+
+      <OLModalFooter>
+        <OLButton
+          variant="secondary"
+          disabled={inflight}
+          onClick={handleCloseModal}
+        >
+          {t('cancel')}
+        </OLButton>
+        <OLButton
+          variant="primary"
+          disabled={inflight}
+          isLoading={inflight}
+          loadingLabel={t('processing_uppercase') + '…'}
+          onClick={confirmCancelPendingPlanChange}
+        >
+          {t('revert_pending_plan_change')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/writefull-bundle-management-modal.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/writefull-bundle-management-modal.tsx
new file mode 100644
index 0000000..ef512dd
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/change-plan/modals/writefull-bundle-management-modal.tsx
@@ -0,0 +1,51 @@
+import { useTranslation } from 'react-i18next'
+import { SubscriptionDashModalIds } from '../../../../../../../../../../types/subscription/dashboard/modal-ids'
+import { useSubscriptionDashboardContext } from '../../../../../../context/subscription-dashboard-context'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export function WritefullBundleManagementModal() {
+  const modalId: SubscriptionDashModalIds = 'manage-on-writefull'
+  const { t } = useTranslation()
+  const { handleCloseModal, modalIdShown } = useSubscriptionDashboardContext()
+
+  if (modalIdShown !== modalId) return null
+
+  return (
+    <OLModal
+      id={modalId}
+      show
+      animation
+      onHide={handleCloseModal}
+      backdrop="static"
+    >
+      <OLModalHeader>
+        <OLModalTitle>{t('manage_your_ai_assist_add_on')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        <p>{t('ai_assist_in_overleaf_is_included_via_writefull')}</p>
+      </OLModalBody>
+
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={handleCloseModal}>
+          {t('back')}
+        </OLButton>
+        <OLButton
+          variant="primary"
+          onClick={handleCloseModal}
+          href="https://my.writefull.com/account"
+          target="_blank"
+          rel="noreferrer"
+        >
+          {t('go_to_writefull')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/confirm-unpause-modal.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/confirm-unpause-modal.tsx
new file mode 100644
index 0000000..df6364f
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/confirm-unpause-modal.tsx
@@ -0,0 +1,103 @@
+import { useState } from 'react'
+import { SubscriptionDashModalIds } from '../../../../../../../../types/subscription/dashboard/modal-ids'
+import { Trans, useTranslation } from 'react-i18next'
+import { useSubscriptionDashboardContext } from '@/features/subscription/context/subscription-dashboard-context'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { postJSON } from '@/infrastructure/fetch-json'
+import { useLocation } from '@/shared/hooks/use-location'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import { PaidSubscription } from '../../../../../../../../types/subscription/dashboard/subscription'
+
+export function ConfirmUnpauseSubscriptionModal() {
+  const modalId: SubscriptionDashModalIds = 'unpause-subscription'
+  const [error, setError] = useState(false)
+  const [inflight, setInflight] = useState(false)
+  const { t } = useTranslation()
+  const { handleCloseModal, modalIdShown, personalSubscription } =
+    useSubscriptionDashboardContext()
+  const location = useLocation()
+  const subscription = personalSubscription as PaidSubscription
+
+  async function handleConfirmUnpause() {
+    setError(false)
+    setInflight(true)
+    try {
+      await postJSON('/user/subscription/resume')
+      const newUrl = new URL(location.toString())
+      newUrl.searchParams.set('flash', 'unpaused')
+      window.history.replaceState(null, '', newUrl)
+      location.reload()
+    } catch (e) {
+      setError(true)
+      setInflight(false)
+    }
+  }
+
+  if (modalIdShown !== modalId) return null
+
+  return (
+    <OLModal
+      id={modalId}
+      show
+      animation
+      onHide={handleCloseModal}
+      backdrop="static"
+    >
+      <OLModalHeader>
+        <OLModalTitle>{t('pick_up_where_you_left_off')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        {error && (
+          <OLNotification
+            type="error"
+            aria-live="polite"
+            content={
+              <>
+                {t('generic_something_went_wrong')}. {t('try_again')}.{' '}
+                {t('generic_if_problem_continues_contact_us')}.
+              </>
+            }
+          />
+        )}
+        <p>
+          <Trans
+            i18nKey="lets_get_those_premium_features"
+            values={{
+              paymentAmount: subscription.payment.displayPrice,
+            }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+            components={[
+              // eslint-disable-next-line react/jsx-key
+              <strong />,
+            ]}
+          />
+        </p>
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton
+          variant="secondary"
+          disabled={inflight}
+          onClick={handleCloseModal}
+        >
+          {t('cancel')}
+        </OLButton>
+        <OLButton
+          variant="primary"
+          disabled={inflight}
+          isLoading={inflight}
+          onClick={handleConfirmUnpause}
+        >
+          {t('unpause_subscription')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/contact-support-to-change-group-plan.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/contact-support-to-change-group-plan.tsx
new file mode 100644
index 0000000..ebb3cc1
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/contact-support-to-change-group-plan.tsx
@@ -0,0 +1,15 @@
+import { Trans } from 'react-i18next'
+
+export function ContactSupportToChangeGroupPlan() {
+  return (
+    <p>
+      <Trans
+        i18nKey="contact_support_to_change_group_subscription"
+        components={[
+          // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+          <a href="/contact" />,
+        ]}
+      />
+    </p>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/flash-message.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/flash-message.tsx
new file mode 100644
index 0000000..4c489f8
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/flash-message.tsx
@@ -0,0 +1,61 @@
+import { useSubscriptionDashboardContext } from '@/features/subscription/context/subscription-dashboard-context'
+import Notification from '@/shared/components/notification'
+import { Trans, useTranslation } from 'react-i18next'
+import { PaidSubscription } from '../../../../../../../../types/subscription/dashboard/subscription'
+import { useEffect, useState } from 'react'
+import { useLocation } from '@/shared/hooks/use-location'
+
+export type FlashMessageName = 'paused' | 'unpaused' | 'error'
+
+export function FlashMessage() {
+  const { t } = useTranslation()
+  const { personalSubscription } = useSubscriptionDashboardContext()
+  const location = useLocation()
+  const [message] = useState(
+    // eslint-disable-next-line no-restricted-syntax
+    new URL(window.location.toString()).searchParams.get(
+      'flash'
+    ) as FlashMessageName
+  )
+  const subscription = personalSubscription as PaidSubscription
+  useEffect(() => {
+    // clear any flash message IDs so they only show once
+    if (location.toString()) {
+      const newUrl = new URL(location.toString())
+      newUrl.searchParams.delete('flash')
+      window.history.replaceState(null, '', newUrl)
+    }
+  }, [location])
+
+  switch (message) {
+    case 'paused':
+      return (
+        <Notification
+          type="success"
+          content={
+            <Trans
+              i18nKey="your_subscription_will_pause_on_short"
+              values={{
+                pauseDate: subscription.payment.nextPaymentDueAt,
+              }}
+              shouldUnescape
+              tOptions={{ interpolation: { escapeValue: true } }}
+              components={[
+                // eslint-disable-next-line react/jsx-key
+                <strong />,
+              ]}
+            />
+          }
+        />
+      )
+    case 'unpaused':
+      return (
+        <Notification
+          type="success"
+          content={t('you_unpaused_your_subscription')}
+        />
+      )
+    default:
+      return <></>
+  }
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/paused.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/paused.tsx
new file mode 100644
index 0000000..44416cc
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/paused.tsx
@@ -0,0 +1,95 @@
+import { useTranslation, Trans } from 'react-i18next'
+import { useSubscriptionDashboardContext } from '../../../../context/subscription-dashboard-context'
+import { PaidSubscription } from '../../../../../../../../types/subscription/dashboard/subscription'
+import { CancelSubscriptionButton } from './cancel-subscription-button'
+import { CancelSubscription } from './cancel-plan/cancel-subscription'
+import { ChangePlanModal } from './change-plan/modals/change-plan-modal'
+import { ConfirmChangePlanModal } from './change-plan/modals/confirm-change-plan-modal'
+import { KeepCurrentPlanModal } from './change-plan/modals/keep-current-plan-modal'
+import { ChangeToGroupModal } from './change-plan/modals/change-to-group-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import PauseSubscriptionModal from '../../pause-modal'
+import { ConfirmUnpauseSubscriptionModal } from './confirm-unpause-modal'
+
+export function PausedSubscription({
+  subscription,
+}: {
+  subscription: PaidSubscription
+}) {
+  const { t } = useTranslation()
+  const {
+    recurlyLoadError,
+    setModalIdShown,
+    showCancellation,
+    getFormattedRenewalDate,
+  } = useSubscriptionDashboardContext()
+
+  if (showCancellation) return <CancelSubscription />
+
+  const handleUnpauseClick = async () => {
+    setModalIdShown('unpause-subscription')
+  }
+
+  return (
+    <>
+      <p>
+        <Trans
+          i18nKey="youve_paused_your_subscription"
+          values={{
+            planName: subscription.plan.name,
+            reactivationDate: getFormattedRenewalDate(),
+          }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <strong />,
+          ]}
+        />
+      </p>
+      <p>{t('until_then_you_can_still')}</p>
+      <ul>
+        <li>{t('access_edit_your_projects')}</li>
+        <li>{t('continue_using_free_features')}</li>
+      </ul>
+      <p>{t('well_be_here_when_youre_ready')}</p>
+      <p>
+        <OLButton variant="primary" onClick={handleUnpauseClick}>
+          {t('unpause_subscription')}
+        </OLButton>
+        {!recurlyLoadError && (
+          <>
+            {' '}
+            <CancelSubscriptionButton />
+          </>
+        )}
+      </p>
+
+      <p className="d-inline-flex flex-wrap gap-1">
+        <a
+          href={subscription.payment.billingDetailsLink}
+          target="_blank"
+          rel="noreferrer noopener"
+          className="btn btn-secondary-info btn-secondary"
+        >
+          {t('update_your_billing_details')}
+        </a>{' '}
+        <a
+          href={subscription.payment.accountManagementLink}
+          target="_blank"
+          rel="noreferrer noopener"
+          className="btn btn-secondary-info btn-secondary"
+        >
+          {t('view_your_invoices')}
+        </a>
+      </p>
+
+      <ChangePlanModal />
+      <ConfirmChangePlanModal />
+      <KeepCurrentPlanModal />
+      <ChangeToGroupModal />
+      <PauseSubscriptionModal />
+      <ConfirmUnpauseSubscriptionModal />
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/pending-additional-licenses.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/pending-additional-licenses.tsx
new file mode 100644
index 0000000..d01774c
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/pending-additional-licenses.tsx
@@ -0,0 +1,27 @@
+import { Trans } from 'react-i18next'
+
+export function PendingAdditionalLicenses({
+  additionalLicenses,
+  totalLicenses,
+}: {
+  additionalLicenses: number
+  totalLicenses: number
+}) {
+  return (
+    <Trans
+      i18nKey="additional_licenses"
+      values={{
+        additionalLicenses,
+        totalLicenses,
+      }}
+      shouldUnescape
+      tOptions={{ interpolation: { escapeValue: true } }}
+      components={[
+        // eslint-disable-next-line react/jsx-key
+        <strong />,
+        // eslint-disable-next-line react/jsx-key
+        <strong />,
+      ]}
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/pending-plan-change.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/pending-plan-change.tsx
new file mode 100644
index 0000000..46d5a1c
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/pending-plan-change.tsx
@@ -0,0 +1,83 @@
+import { Trans } from 'react-i18next'
+import { PaidSubscription } from '../../../../../../../../types/subscription/dashboard/subscription'
+import { PendingPaymentProviderPlan } from '../../../../../../../../types/subscription/plan'
+import { AI_ADD_ON_CODE, ADD_ON_NAME } from '../../../../data/add-on-codes'
+
+export function PendingPlanChange({
+  subscription,
+}: {
+  subscription: PaidSubscription
+}) {
+  if (!subscription.pendingPlan) return null
+
+  const pendingPlan = subscription.pendingPlan as PendingPaymentProviderPlan
+
+  const hasAiAddon = subscription.addOns?.some(
+    addOn => addOn.addOnCode === AI_ADD_ON_CODE
+  )
+
+  const pendingAiAddonCancellation =
+    hasAiAddon &&
+    !pendingPlan.addOns?.some(addOn => addOn.code === AI_ADD_ON_CODE)
+
+  const pendingAdditionalLicenses =
+    (subscription.payment.pendingAdditionalLicenses &&
+      subscription.payment.pendingAdditionalLicenses > 0) ||
+    subscription.payment.additionalLicenses > 0
+
+  return (
+    <>
+      {subscription.pendingPlan.name !== subscription.plan.name && (
+        <Trans
+          i18nKey="your_plan_is_changing_at_term_end"
+          values={{
+            pendingPlanName: subscription.pendingPlan.name,
+          }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <strong />,
+          ]}
+        />
+      )}
+
+      {pendingAdditionalLicenses && (
+        <>
+          {' '}
+          <Trans
+            i18nKey="pending_additional_licenses"
+            values={{
+              pendingAdditionalLicenses:
+                subscription.payment.pendingAdditionalLicenses,
+              pendingTotalLicenses: subscription.payment.pendingTotalLicenses,
+            }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+            components={[
+              // eslint-disable-next-line react/jsx-key
+              <strong />,
+              // eslint-disable-next-line react/jsx-key
+              <strong />,
+            ]}
+          />
+        </>
+      )}
+
+      {pendingAiAddonCancellation && (
+        <>
+          {' '}
+          <Trans
+            i18nKey="pending_addon_cancellation"
+            values={{
+              addOnName: ADD_ON_NAME,
+            }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+            components={{ strong: <strong /> }}
+          />
+        </>
+      )}
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/subscription-remainder.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/subscription-remainder.tsx
new file mode 100644
index 0000000..3a7b3aa
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/subscription-remainder.tsx
@@ -0,0 +1,50 @@
+import { Trans } from 'react-i18next'
+import { PaidSubscription } from '../../../../../../../../types/subscription/dashboard/subscription'
+
+type SubscriptionRemainderProps = {
+  subscription: PaidSubscription
+  hideTime?: boolean
+}
+
+function SubscriptionRemainder({
+  subscription,
+  hideTime,
+}: SubscriptionRemainderProps) {
+  const stillInATrial =
+    subscription.payment.trialEndsAtFormatted &&
+    subscription.payment.trialEndsAt &&
+    new Date(subscription.payment.trialEndsAt).getTime() > Date.now()
+
+  const terminationDate = hideTime
+    ? subscription.payment.nextPaymentDueDate
+    : subscription.payment.nextPaymentDueAt
+  return stillInATrial ? (
+    <Trans
+      i18nKey="subscription_will_remain_active_until_end_of_trial_period_x"
+      values={{
+        terminationDate,
+      }}
+      shouldUnescape
+      tOptions={{ interpolation: { escapeValue: true } }}
+      components={[
+        // eslint-disable-next-line react/jsx-key
+        <strong />,
+      ]}
+    />
+  ) : (
+    <Trans
+      i18nKey="subscription_will_remain_active_until_end_of_billing_period_x"
+      values={{
+        terminationDate,
+      }}
+      shouldUnescape
+      tOptions={{ interpolation: { escapeValue: true } }}
+      components={[
+        // eslint-disable-next-line react/jsx-key
+        <strong />,
+      ]}
+    />
+  )
+}
+
+export default SubscriptionRemainder
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/active/trial-ending.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/active/trial-ending.tsx
new file mode 100644
index 0000000..11be8ce
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/active/trial-ending.tsx
@@ -0,0 +1,26 @@
+import { Trans } from 'react-i18next'
+
+type TrialEndingProps = {
+  trialEndsAtFormatted: string
+  className?: string
+}
+
+export function TrialEnding({
+  trialEndsAtFormatted,
+  className,
+}: TrialEndingProps) {
+  return (
+    <p className={className}>
+      <Trans
+        i18nKey="youre_on_free_trial_which_ends_on"
+        values={{ date: trialEndsAtFormatted }}
+        shouldUnescape
+        tOptions={{ interpolation: { escapeValue: true } }}
+        components={[
+          // eslint-disable-next-line react/jsx-key
+          <strong />,
+        ]}
+      />
+    </p>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/canceled.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/canceled.tsx
new file mode 100644
index 0000000..569aaeb
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/canceled.tsx
@@ -0,0 +1,56 @@
+import { useTranslation, Trans } from 'react-i18next'
+import { PaidSubscription } from '../../../../../../../types/subscription/dashboard/subscription'
+import ReactivateSubscription from '../reactivate-subscription'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export function CanceledSubscription({
+  subscription,
+}: {
+  subscription: PaidSubscription
+}) {
+  const { t } = useTranslation()
+
+  return (
+    <>
+      <p>
+        <Trans
+          i18nKey="currently_subscribed_to_plan"
+          values={{
+            planName: subscription.plan.name,
+          }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <strong />,
+          ]}
+        />
+      </p>
+      <p>
+        <Trans
+          i18nKey="subscription_canceled_and_terminate_on_x"
+          values={{
+            terminateDate: subscription.payment.nextPaymentDueAt,
+          }}
+          shouldUnescape
+          tOptions={{ interpolation: { escapeValue: true } }}
+          components={[
+            // eslint-disable-next-line react/jsx-key
+            <strong />,
+          ]}
+        />
+      </p>
+      <p>
+        <OLButton
+          href={subscription.payment.accountManagementLink}
+          target="_blank"
+          variant="secondary"
+          rel="noopener noreferrer"
+        >
+          {t('view_your_invoices')}
+        </OLButton>
+      </p>
+      <ReactivateSubscription />
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/states/expired.tsx b/services/web/frontend/js/features/subscription/components/dashboard/states/expired.tsx
new file mode 100644
index 0000000..40b5e68
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/states/expired.tsx
@@ -0,0 +1,31 @@
+import { useTranslation } from 'react-i18next'
+import { PaidSubscription } from '../../../../../../../types/subscription/dashboard/subscription'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export function ExpiredSubscription({
+  subscription,
+}: {
+  subscription: PaidSubscription
+}) {
+  const { t } = useTranslation()
+
+  return (
+    <>
+      <p>{t('your_subscription_has_expired')}</p>
+      <p>
+        <OLButton
+          href={subscription.payment.accountManagementLink}
+          target="_blank"
+          rel="noreferrer noopener"
+          variant="secondary"
+          className="me-1"
+        >
+          {t('view_your_invoices')}
+        </OLButton>
+        <OLButton href="/user/subscription/plans" variant="primary">
+          {t('create_new_subscription')}
+        </OLButton>
+      </p>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/dashboard/subscription-dashboard.tsx b/services/web/frontend/js/features/subscription/components/dashboard/subscription-dashboard.tsx
new file mode 100644
index 0000000..6bb2506
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/dashboard/subscription-dashboard.tsx
@@ -0,0 +1,63 @@
+import { useTranslation } from 'react-i18next'
+import ContactSupport from './contact-support-for-custom-subscription'
+import GroupSubscriptionMemberships from './group-subscription-memberships'
+import InstitutionMemberships from './institution-memberships'
+import FreePlan from './free-plan'
+import ManagedPublishers from './managed-publishers'
+import PersonalSubscription from './personal-subscription'
+import ManagedGroupSubscriptions from './managed-group-subscriptions'
+import ManagedInstitutions from './managed-institutions'
+import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
+import getMeta from '../../../../utils/meta'
+import PremiumFeaturesLink from './premium-features-link'
+import OLPageContentCard from '@/features/ui/components/ol/ol-page-content-card'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+function SubscriptionDashboard() {
+  const { t } = useTranslation()
+  const {
+    hasDisplayedSubscription,
+    hasSubscription,
+    hasValidActiveSubscription,
+  } = useSubscriptionDashboardContext()
+
+  const fromPlansPage = getMeta('ol-fromPlansPage')
+
+  return (
+    <div className="container">
+      <OLRow>
+        <OLCol lg={{ span: 8, offset: 2 }}>
+          {fromPlansPage && (
+            <OLNotification
+              className="mb-4"
+              aria-live="polite"
+              content={t('you_already_have_a_subscription')}
+              type="warning"
+            />
+          )}
+          <OLPageContentCard>
+            <div className="page-header">
+              <h1>{t('your_subscription')}</h1>
+            </div>
+
+            <div>
+              <PersonalSubscription />
+              <ManagedGroupSubscriptions />
+              <ManagedInstitutions />
+              <ManagedPublishers />
+              <GroupSubscriptionMemberships />
+              <InstitutionMemberships />
+              {hasValidActiveSubscription && <PremiumFeaturesLink />}
+              {!hasDisplayedSubscription &&
+                (hasSubscription ? <ContactSupport /> : <FreePlan />)}
+            </div>
+          </OLPageContentCard>
+        </OLCol>
+      </OLRow>
+    </div>
+  )
+}
+
+export default SubscriptionDashboard
diff --git a/services/web/frontend/js/features/subscription/components/group-invite/accepted-invite.tsx b/services/web/frontend/js/features/subscription/components/group-invite/accepted-invite.tsx
new file mode 100644
index 0000000..126e255
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/group-invite/accepted-invite.tsx
@@ -0,0 +1,24 @@
+import getMeta from '@/utils/meta'
+import { useTranslation } from 'react-i18next'
+
+export default function AcceptedInvite() {
+  const { t } = useTranslation()
+  const inviterName = getMeta('ol-inviterName')
+  const groupSSOActive = getMeta('ol-groupSSOActive')
+  const subscriptionId = getMeta('ol-subscriptionId')
+
+  const doneLink = groupSSOActive
+    ? `/subscription/${subscriptionId}/sso_enrollment`
+    : '/project'
+
+  return (
+    <div className="text-center">
+      <p>{t('joined_team', { inviterName })}</p>
+      <p>
+        <a href={doneLink} className="btn btn-primary">
+          {t('done')}
+        </a>
+      </p>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/group-invite/group-invite.tsx b/services/web/frontend/js/features/subscription/components/group-invite/group-invite.tsx
new file mode 100644
index 0000000..a4e8fb2
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/group-invite/group-invite.tsx
@@ -0,0 +1,98 @@
+import useWaitForI18n from '@/shared/hooks/use-wait-for-i18n'
+import getMeta from '@/utils/meta'
+import HasIndividualRecurlySubscription from './has-individual-recurly-subscription'
+import { useEffect, useState } from 'react'
+import { useTranslation, Trans } from 'react-i18next'
+import ManagedUserCannotJoin from './managed-user-cannot-join'
+import Notification from '@/shared/components/notification'
+import JoinGroup from './join-group'
+import AcceptedInvite from './accepted-invite'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import OLPageContentCard from '@/features/ui/components/ol/ol-page-content-card'
+
+export type InviteViewTypes =
+  | 'invite'
+  | 'invite-accepted'
+  | 'cancel-personal-subscription'
+  | 'managed-user-cannot-join'
+  | undefined
+
+function GroupInviteViews() {
+  const hasIndividualRecurlySubscription = getMeta(
+    'ol-hasIndividualRecurlySubscription'
+  )
+  const cannotJoinSubscription = getMeta('ol-cannot-join-subscription')
+
+  useEffect(() => {
+    if (cannotJoinSubscription) {
+      setView('managed-user-cannot-join')
+    } else if (hasIndividualRecurlySubscription) {
+      setView('cancel-personal-subscription')
+    } else {
+      setView('invite')
+    }
+  }, [cannotJoinSubscription, hasIndividualRecurlySubscription])
+  const [view, setView] = useState<InviteViewTypes>(undefined)
+
+  if (!view) {
+    return null
+  }
+
+  if (view === 'managed-user-cannot-join') {
+    return <ManagedUserCannotJoin />
+  } else if (view === 'cancel-personal-subscription') {
+    return <HasIndividualRecurlySubscription setView={setView} />
+  } else if (view === 'invite') {
+    return <JoinGroup setView={setView} />
+  } else if (view === 'invite-accepted') {
+    return <AcceptedInvite />
+  }
+
+  return null
+}
+
+export default function GroupInvite() {
+  const inviterName = getMeta('ol-inviterName')
+  const expired = getMeta('ol-expired')
+  const { isReady } = useWaitForI18n()
+  const { t } = useTranslation()
+
+  if (!isReady) {
+    return null
+  }
+
+  return (
+    <div className="container" id="main-content">
+      {expired && (
+        <OLRow>
+          <OLCol lg={{ span: 8, offset: 2 }}>
+            <Notification type="error" content={t('email_link_expired')} />
+          </OLCol>
+        </OLRow>
+      )}
+
+      <OLRow className="row row-spaced">
+        <OLCol lg={{ span: 8, offset: 2 }}>
+          <OLPageContentCard>
+            <div className="page-header">
+              <h1 className="text-center">
+                <Trans
+                  i18nKey="invited_to_group"
+                  values={{ inviterName }}
+                  shouldUnescape
+                  tOptions={{ interpolation: { escapeValue: true } }}
+                  components={
+                    /* eslint-disable-next-line react/jsx-key */
+                    [<span className="team-invite-name" />]
+                  }
+                />
+              </h1>
+            </div>
+            <GroupInviteViews />
+          </OLPageContentCard>
+        </OLCol>
+      </OLRow>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/group-invite/has-individual-recurly-subscription.tsx b/services/web/frontend/js/features/subscription/components/group-invite/has-individual-recurly-subscription.tsx
new file mode 100644
index 0000000..4d2931c
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/group-invite/has-individual-recurly-subscription.tsx
@@ -0,0 +1,69 @@
+import { FetchError, postJSON } from '@/infrastructure/fetch-json'
+import Notification from '@/shared/components/notification'
+import useAsync from '@/shared/hooks/use-async'
+import { debugConsole } from '@/utils/debugging'
+import getMeta from '@/utils/meta'
+import { Dispatch, SetStateAction, useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { InviteViewTypes } from './group-invite'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export default function HasIndividualRecurlySubscription({
+  setView,
+}: {
+  setView: Dispatch<SetStateAction<InviteViewTypes>>
+}) {
+  const { t } = useTranslation()
+  const {
+    runAsync,
+    isLoading: isCancelling,
+    isError,
+  } = useAsync<never, FetchError>()
+
+  const cancelPersonalSubscription = useCallback(() => {
+    runAsync(
+      postJSON('/user/subscription/cancel', {
+        body: {
+          _csrf: getMeta('ol-csrfToken'),
+        },
+      })
+    )
+      .then(() => {
+        setView('invite')
+      })
+      .catch(debugConsole.error)
+  }, [runAsync, setView])
+
+  return (
+    <>
+      {isError && (
+        <Notification
+          type="error"
+          content={t('something_went_wrong_canceling_your_subscription')}
+          className="my-3"
+        />
+      )}
+
+      <div className="text-center">
+        <p>{t('cancel_personal_subscription_first')}</p>
+        <p>
+          <OLButton
+            variant="secondary"
+            disabled={isCancelling}
+            onClick={() => setView('invite')}
+          >
+            {t('not_now')}
+          </OLButton>
+          &nbsp;&nbsp;
+          <OLButton
+            variant="primary"
+            disabled={isCancelling}
+            onClick={() => cancelPersonalSubscription()}
+          >
+            {t('cancel_your_subscription')}
+          </OLButton>
+        </p>
+      </div>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/group-invite/join-group.tsx b/services/web/frontend/js/features/subscription/components/group-invite/join-group.tsx
new file mode 100644
index 0000000..ef09ebf
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/group-invite/join-group.tsx
@@ -0,0 +1,74 @@
+import { Dispatch, SetStateAction, useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import { InviteViewTypes } from './group-invite'
+import getMeta from '@/utils/meta'
+import { FetchError, putJSON } from '@/infrastructure/fetch-json'
+import useAsync from '@/shared/hooks/use-async'
+import classNames from 'classnames'
+import { debugConsole } from '@/utils/debugging'
+import Notification from '@/shared/components/notification'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export default function JoinGroup({
+  setView,
+}: {
+  setView: Dispatch<SetStateAction<InviteViewTypes>>
+}) {
+  const { t } = useTranslation()
+  const expired = getMeta('ol-expired')
+  const inviteToken = getMeta('ol-inviteToken')
+  const {
+    runAsync,
+    isLoading: isJoining,
+    isError,
+  } = useAsync<never, FetchError>()
+
+  const notNowBtnClasses = classNames(
+    'btn',
+    'btn-secondary',
+    isJoining ? 'disabled' : ''
+  )
+
+  const joinTeam = useCallback(() => {
+    runAsync(putJSON(`/subscription/invites/${inviteToken}`))
+      .then(() => {
+        setView('invite-accepted')
+      })
+      .catch(debugConsole.error)
+  }, [inviteToken, runAsync, setView])
+
+  if (!inviteToken) {
+    return null
+  }
+
+  return (
+    <>
+      {isError && (
+        <Notification
+          type="error"
+          content={t('generic_something_went_wrong')}
+          className="my-3"
+        />
+      )}
+
+      <div className="text-center">
+        <p>{t('join_team_explanation')}</p>
+        {!expired && (
+          <p>
+            <a className={notNowBtnClasses} href="/project">
+              {t('not_now')}
+            </a>
+            &nbsp;&nbsp;
+            <OLButton
+              variant="primary"
+              onClick={() => joinTeam()}
+              disabled={isJoining}
+            >
+              {t('accept_invitation')}
+            </OLButton>
+          </p>
+        )}
+      </div>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/group-invite/managed-user-cannot-join.tsx b/services/web/frontend/js/features/subscription/components/group-invite/managed-user-cannot-join.tsx
new file mode 100644
index 0000000..03e3a75
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/group-invite/managed-user-cannot-join.tsx
@@ -0,0 +1,31 @@
+import { Trans, useTranslation } from 'react-i18next'
+import Notification from '@/shared/components/notification'
+import getMeta from '@/utils/meta'
+
+export default function ManagedUserCannotJoin() {
+  const { t } = useTranslation()
+  const currentManagedUserAdminEmail = getMeta(
+    'ol-currentManagedUserAdminEmail'
+  )
+
+  return (
+    <Notification
+      type="info"
+      title={t('you_cant_join_this_group_subscription')}
+      content={
+        <p>
+          <Trans
+            i18nKey="your_account_is_managed_by_admin_cant_join_additional_group"
+            values={{ admin: currentManagedUserAdminEmail }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+            components={[
+              /* eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key */
+              <a href="/learn/how-to/Understanding_Managed_Overleaf_Accounts" />,
+            ]}
+          />
+        </p>
+      }
+    />
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/group-invites/group-invites-item-footer.tsx b/services/web/frontend/js/features/subscription/components/group-invites/group-invites-item-footer.tsx
new file mode 100644
index 0000000..94fa3d3
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/group-invites/group-invites-item-footer.tsx
@@ -0,0 +1,28 @@
+import { useTranslation } from 'react-i18next'
+import type { TeamInvite } from '../../../../../../types/team-invite'
+
+type GroupInvitesItemFooterProps = {
+  teamInvite: TeamInvite
+}
+
+export default function GroupInvitesItemFooter({
+  teamInvite,
+}: GroupInvitesItemFooterProps) {
+  const { t } = useTranslation()
+
+  return (
+    <div>
+      <p data-cy="group-invites-item-footer-text">
+        {t('join_team_explanation')}
+      </p>
+      <div data-cy="group-invites-item-footer-link">
+        <a
+          className="btn btn-primary"
+          href={`/subscription/invites/${teamInvite.token}`}
+        >
+          {t('view_invitation')}
+        </a>
+      </div>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/group-invites/group-invites-item.tsx b/services/web/frontend/js/features/subscription/components/group-invites/group-invites-item.tsx
new file mode 100644
index 0000000..1c3bac3
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/group-invites/group-invites-item.tsx
@@ -0,0 +1,38 @@
+import { Trans } from 'react-i18next'
+import GroupInvitesItemFooter from './group-invites-item-footer'
+import type { TeamInvite } from '../../../../../../types/team-invite'
+import OLPageContentCard from '@/features/ui/components/ol/ol-page-content-card'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+
+type GroupInvitesItemProps = {
+  teamInvite: TeamInvite
+}
+
+export default function GroupInvitesItem({
+  teamInvite,
+}: GroupInvitesItemProps) {
+  return (
+    <OLRow className="row-spaced">
+      <OLCol lg={{ span: 8, offset: 2 }} className="text-center">
+        <OLPageContentCard>
+          <div className="page-header">
+            <h2>
+              <Trans
+                i18nKey="invited_to_group"
+                values={{ inviterName: teamInvite.inviterName }}
+                shouldUnescape
+                tOptions={{ interpolation: { escapeValue: true } }}
+                components={
+                  /* eslint-disable-next-line react/jsx-key */
+                  [<span className="team-invite-name" />]
+                }
+              />
+            </h2>
+          </div>
+          <GroupInvitesItemFooter teamInvite={teamInvite} />
+        </OLPageContentCard>
+      </OLCol>
+    </OLRow>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/group-invites/group-invites-root.tsx b/services/web/frontend/js/features/subscription/components/group-invites/group-invites-root.tsx
new file mode 100644
index 0000000..64a733d
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/group-invites/group-invites-root.tsx
@@ -0,0 +1,14 @@
+import useWaitForI18n from '../../../../shared/hooks/use-wait-for-i18n'
+import GroupInvites from './group-invites'
+
+function GroupInvitesRoot() {
+  const { isReady } = useWaitForI18n()
+
+  if (!isReady) {
+    return null
+  }
+
+  return <GroupInvites />
+}
+
+export default GroupInvitesRoot
diff --git a/services/web/frontend/js/features/subscription/components/group-invites/group-invites.tsx b/services/web/frontend/js/features/subscription/components/group-invites/group-invites.tsx
new file mode 100644
index 0000000..e6e7cab
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/group-invites/group-invites.tsx
@@ -0,0 +1,34 @@
+import { useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import getMeta from '@/utils/meta'
+import { useLocation } from '@/shared/hooks/use-location'
+import GroupInvitesItem from './group-invites-item'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+
+function GroupInvites() {
+  const { t } = useTranslation()
+  const teamInvites = getMeta('ol-teamInvites')
+  const location = useLocation()
+
+  useEffect(() => {
+    if (teamInvites.length === 0) {
+      location.assign('/project')
+    }
+  }, [teamInvites, location])
+
+  return (
+    <div className="container">
+      <OLRow>
+        <OLCol lg={{ span: 8, offset: 2 }}>
+          <h1>{t('group_invitations')}</h1>
+        </OLCol>
+      </OLRow>
+      {teamInvites.map(teamInvite => (
+        <GroupInvitesItem teamInvite={teamInvite} key={teamInvite._id} />
+      ))}
+    </div>
+  )
+}
+
+export default GroupInvites
diff --git a/services/web/frontend/js/features/subscription/components/invite-managed-root.tsx b/services/web/frontend/js/features/subscription/components/invite-managed-root.tsx
new file mode 100644
index 0000000..58906ac
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/invite-managed-root.tsx
@@ -0,0 +1,12 @@
+import { JSXElementConstructor } from 'react'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+
+const [inviteManagedModule] = importOverleafModules(
+  'managedGroupEnrollmentInvite'
+)
+const InviteManaged: JSXElementConstructor<Record<string, never>> =
+  inviteManagedModule?.import.default
+
+export default function InviteManagedRoot() {
+  return <InviteManaged />
+}
diff --git a/services/web/frontend/js/features/subscription/components/invite-root.tsx b/services/web/frontend/js/features/subscription/components/invite-root.tsx
new file mode 100644
index 0000000..1034737
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/invite-root.tsx
@@ -0,0 +1,11 @@
+import useWaitForI18n from '@/shared/hooks/use-wait-for-i18n'
+import GroupInvite from './group-invite/group-invite'
+
+export default function InviteRoot() {
+  const { isReady } = useWaitForI18n()
+
+  if (!isReady) {
+    return null
+  }
+  return <GroupInvite />
+}
diff --git a/services/web/frontend/js/features/subscription/components/preview-subscription-change/root.tsx b/services/web/frontend/js/features/subscription/components/preview-subscription-change/root.tsx
new file mode 100644
index 0000000..4d5746a
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/preview-subscription-change/root.tsx
@@ -0,0 +1,250 @@
+import { useCallback } from 'react'
+import moment from 'moment'
+import { useTranslation, Trans } from 'react-i18next'
+import {
+  SubscriptionChangePreview,
+  AddOnPurchase,
+  PremiumSubscriptionChange,
+} from '../../../../../../types/subscription/subscription-change-preview'
+import getMeta from '@/utils/meta'
+import { formatCurrency } from '@/shared/utils/currency'
+import useAsync from '@/shared/hooks/use-async'
+import { useLocation } from '@/shared/hooks/use-location'
+import { debugConsole } from '@/utils/debugging'
+import { postJSON } from '@/infrastructure/fetch-json'
+import Notification from '@/shared/components/notification'
+import OLCard from '@/features/ui/components/ol/ol-card'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { subscriptionUpdateUrl } from '@/features/subscription/data/subscription-url'
+import * as eventTracking from '@/infrastructure/event-tracking'
+import sparkleText from '@/shared/svgs/ai-sparkle-text.svg'
+
+function PreviewSubscriptionChange() {
+  const preview = getMeta(
+    'ol-subscriptionChangePreview'
+  ) as SubscriptionChangePreview
+  const { t } = useTranslation()
+  const payNowTask = useAsync()
+  const location = useLocation()
+
+  const handlePayNowClick = useCallback(() => {
+    eventTracking.sendMB('assistant-add-on-purchase')
+    payNowTask
+      .runAsync(payNow(preview))
+      .then(() => {
+        location.replace('/user/subscription/thank-you')
+      })
+      .catch(debugConsole.error)
+  }, [location, payNowTask, preview])
+
+  const aiAddOnChange =
+    preview.change.type === 'add-on-purchase' &&
+    preview.change.addOn.code === 'assistant'
+
+  // the driver of the change, which we can display as the immediate charge
+  const changeName =
+    preview.change.type === 'add-on-purchase'
+      ? (preview.change as AddOnPurchase).addOn.name
+      : (preview.change as PremiumSubscriptionChange).plan.name
+
+  return (
+    <div className="container">
+      <OLRow>
+        <OLCol md={{ offset: 2, span: 8 }}>
+          <OLCard className="p-3">
+            {preview.change.type === 'add-on-purchase' ? (
+              <h1>
+                {t('add_add_on_to_your_plan', {
+                  addOnName: preview.change.addOn.name,
+                })}
+              </h1>
+            ) : preview.change.type === 'premium-subscription' ? (
+              <h1>
+                {t('subscribe_to_plan', { planName: preview.change.plan.name })}
+              </h1>
+            ) : null}
+
+            {payNowTask.isError && (
+              <Notification
+                type="error"
+                aria-live="polite"
+                content={
+                  <>
+                    {t('generic_something_went_wrong')}. {t('try_again')}.{' '}
+                    {t('generic_if_problem_continues_contact_us')}.
+                  </>
+                }
+              />
+            )}
+
+            {aiAddOnChange && (
+              <div>
+                <Trans
+                  i18nKey="add_error_assist_to_your_projects"
+                  components={{
+                    sparkle: (
+                      <img
+                        alt="sparkle"
+                        className="ai-error-assistant-sparkle"
+                        src={sparkleText}
+                        aria-hidden="true"
+                        key="sparkle"
+                      />
+                    ),
+                  }}
+                />
+              </div>
+            )}
+
+            <OLCard className="payment-summary-card mt-5">
+              <h3>{t('due_today')}:</h3>
+              <OLRow>
+                <OLCol xs={9}>{changeName}</OLCol>
+                <OLCol xs={3} className="text-end">
+                  <strong>
+                    {formatCurrency(
+                      preview.immediateCharge.subtotal,
+                      preview.currency
+                    )}
+                  </strong>
+                </OLCol>
+              </OLRow>
+
+              {preview.immediateCharge.tax > 0 && (
+                <OLRow className="mt-1">
+                  <OLCol xs={9}>
+                    {t('vat')} {preview.nextInvoice.tax.rate * 100}%
+                  </OLCol>
+                  <OLCol xs={3} className="text-end">
+                    {formatCurrency(
+                      preview.immediateCharge.tax,
+                      preview.currency
+                    )}
+                  </OLCol>
+                </OLRow>
+              )}
+
+              <OLRow className="mt-1">
+                <OLCol xs={9}>{t('total_today')}</OLCol>
+                <OLCol xs={3} className="text-end">
+                  <strong>
+                    {formatCurrency(
+                      preview.immediateCharge.total,
+                      preview.currency
+                    )}
+                  </strong>
+                </OLCol>
+              </OLRow>
+            </OLCard>
+
+            <div className="mt-5">
+              <Trans
+                i18nKey="this_total_reflects_the_amount_due_until"
+                values={{ date: moment(preview.nextInvoice.date).format('LL') }}
+                components={{ strong: <strong /> }}
+                shouldUnescape
+                tOptions={{ interpolation: { escapeValue: true } }}
+              />{' '}
+              <Trans
+                i18nKey="we_will_use_your_existing_payment_method"
+                values={{ paymentMethod: preview.paymentMethod }}
+                components={{ strong: <strong /> }}
+                shouldUnescape
+                tOptions={{ interpolation: { escapeValue: true } }}
+              />
+            </div>
+
+            <div className="mt-5">
+              <OLButton
+                variant="primary"
+                size="lg"
+                onClick={handlePayNowClick}
+                disabled={payNowTask.isLoading || payNowTask.isSuccess}
+              >
+                {t('pay_now')}
+              </OLButton>
+            </div>
+
+            <OLCard className="payment-summary-card mt-5">
+              <h3>{t('future_payments')}:</h3>
+              <OLRow className="mt-1">
+                <OLCol xs={9}>{preview.nextInvoice.plan.name}</OLCol>
+                <OLCol xs={3} className="text-end">
+                  {formatCurrency(
+                    preview.nextInvoice.plan.amount,
+                    preview.currency
+                  )}
+                </OLCol>
+              </OLRow>
+
+              {preview.nextInvoice.addOns.map(addOn => (
+                <OLRow className="mt-1" key={addOn.code}>
+                  <OLCol xs={9}>
+                    {addOn.name}
+                    {addOn.quantity > 1 ? ` ×${addOn.quantity}` : ''}
+                  </OLCol>
+                  <OLCol xs={3} className="text-end">
+                    {formatCurrency(addOn.amount, preview.currency)}
+                  </OLCol>
+                </OLRow>
+              ))}
+
+              {preview.nextInvoice.tax.rate > 0 && (
+                <OLRow className="mt-1">
+                  <OLCol xs={9}>
+                    {t('vat')} {preview.nextInvoice.tax.rate * 100}%
+                  </OLCol>
+                  <OLCol xs={3} className="text-end">
+                    {formatCurrency(
+                      preview.nextInvoice.tax.amount,
+                      preview.currency
+                    )}
+                  </OLCol>
+                </OLRow>
+              )}
+
+              <OLRow className="mt-1">
+                <OLCol xs={9}>
+                  {preview.nextPlan.annual
+                    ? t('total_per_year')
+                    : t('total_per_month')}
+                </OLCol>
+                <OLCol xs={3} className="text-end">
+                  {formatCurrency(preview.nextInvoice.total, preview.currency)}
+                </OLCol>
+              </OLRow>
+            </OLCard>
+
+            <div className="mt-5">
+              <Trans
+                i18nKey="the_next_payment_will_be_collected_on"
+                values={{ date: moment(preview.nextInvoice.date).format('LL') }}
+                components={{ strong: <strong /> }}
+                shouldUnescape
+                tOptions={{ interpolation: { escapeValue: true } }}
+              />
+            </div>
+          </OLCard>
+        </OLCol>
+      </OLRow>
+    </div>
+  )
+}
+
+async function payNow(preview: SubscriptionChangePreview) {
+  if (preview.change.type === 'add-on-purchase') {
+    await postJSON(`/user/subscription/addon/${preview.change.addOn.code}/add`)
+  } else if (preview.change.type === 'premium-subscription') {
+    await postJSON(subscriptionUpdateUrl, {
+      body: { plan_code: preview.change.plan.code },
+    })
+  } else {
+    throw new Error(
+      `Unknown subscription change preview type: ${preview.change}`
+    )
+  }
+}
+
+export default PreviewSubscriptionChange
diff --git a/services/web/frontend/js/features/subscription/components/shared/price-exceptions.tsx b/services/web/frontend/js/features/subscription/components/shared/price-exceptions.tsx
new file mode 100644
index 0000000..8c08f6b
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/shared/price-exceptions.tsx
@@ -0,0 +1,31 @@
+import { useTranslation } from 'react-i18next'
+import { PaidSubscription } from '../../../../../../types/subscription/dashboard/subscription'
+
+type PriceExceptionsProps = {
+  subscription: PaidSubscription
+}
+
+export function PriceExceptions({ subscription }: PriceExceptionsProps) {
+  const { t } = useTranslation()
+  const { activeCoupons } = subscription.payment
+
+  return (
+    <>
+      <p>
+        <i>* {t('subject_to_additional_vat')}</i>
+      </p>
+      {activeCoupons.length > 0 && (
+        <>
+          <i>* {t('coupons_not_included')}:</i>
+          <ul>
+            {activeCoupons.map(coupon => (
+              <li key={coupon.code}>
+                <i>{coupon.description || coupon.name}</i>
+              </li>
+            ))}
+          </ul>
+        </>
+      )}
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/components/successful-subscription/root.tsx b/services/web/frontend/js/features/subscription/components/successful-subscription/root.tsx
new file mode 100644
index 0000000..f7ef400
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/successful-subscription/root.tsx
@@ -0,0 +1,22 @@
+import useWaitForI18n from '../../../../shared/hooks/use-wait-for-i18n'
+import { SubscriptionDashboardProvider } from '../../context/subscription-dashboard-context'
+import SuccessfulSubscription from './successful-subscription'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+
+function Root() {
+  const { isReady } = useWaitForI18n()
+
+  if (!isReady) {
+    return null
+  }
+
+  return (
+    <SplitTestProvider>
+      <SubscriptionDashboardProvider>
+        <SuccessfulSubscription />
+      </SubscriptionDashboardProvider>
+    </SplitTestProvider>
+  )
+}
+
+export default Root
diff --git a/services/web/frontend/js/features/subscription/components/successful-subscription/successful-subscription.tsx b/services/web/frontend/js/features/subscription/components/successful-subscription/successful-subscription.tsx
new file mode 100644
index 0000000..f211c85
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/components/successful-subscription/successful-subscription.tsx
@@ -0,0 +1,166 @@
+import { useTranslation, Trans } from 'react-i18next'
+import { PriceExceptions } from '../shared/price-exceptions'
+import PremiumFeaturesLink from '../dashboard/premium-features-link'
+import getMeta from '../../../../utils/meta'
+import { useSubscriptionDashboardContext } from '../../context/subscription-dashboard-context'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import OLPageContentCard from '@/features/ui/components/ol/ol-page-content-card'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import {
+  AI_ADD_ON_CODE,
+  ADD_ON_NAME,
+  isStandaloneAiPlanCode,
+} from '../../data/add-on-codes'
+import { PaidSubscription } from '../../../../../../types/subscription/dashboard/subscription'
+
+function SuccessfulSubscription() {
+  const { t } = useTranslation()
+  const { personalSubscription: subscription } =
+    useSubscriptionDashboardContext()
+  const postCheckoutRedirect = getMeta('ol-postCheckoutRedirect')
+  const { appName, adminEmail } = getMeta('ol-ExposedSettings')
+
+  if (!subscription || !('payment' in subscription)) return null
+
+  const onAiStandalonePlan = isStandaloneAiPlanCode(subscription.planCode)
+
+  return (
+    <div className="container">
+      <OLRow>
+        <OLCol lg={{ span: 8, offset: 2 }}>
+          <OLPageContentCard>
+            <div className="page-header">
+              <h2>{t('thanks_for_subscribing')}</h2>
+            </div>
+            <OLNotification
+              type="success"
+              content={
+                <>
+                  {subscription.payment.trialEndsAt && (
+                    <>
+                      <p>
+                        <Trans
+                          i18nKey="next_payment_of_x_collectected_on_y"
+                          values={{
+                            paymentAmmount: subscription.payment.displayPrice,
+                            collectionDate:
+                              subscription.payment.nextPaymentDueAt,
+                          }}
+                          shouldUnescape
+                          tOptions={{ interpolation: { escapeValue: true } }}
+                          components={[<strong />, <strong />]} // eslint-disable-line react/jsx-key
+                        />
+                      </p>
+                      <PriceExceptions subscription={subscription} />
+                    </>
+                  )}
+                  <p>
+                    {t('to_modify_your_subscription_go_to')}&nbsp;
+                    <a href="/user/subscription" rel="noopener noreferrer">
+                      {t('manage_subscription')}.
+                    </a>
+                  </p>
+                </>
+              }
+            />
+            {subscription.groupPlan && (
+              <p>
+                <a
+                  href={`/manage/groups/${subscription._id}/members`}
+                  className="btn btn-primary btn-large"
+                >
+                  {t('add_your_first_group_member_now')}
+                </a>
+              </p>
+            )}
+            <ThankYouSection
+              subscription={subscription}
+              onAiStandalonePlan={onAiStandalonePlan}
+            />
+            {!onAiStandalonePlan && <PremiumFeaturesLink />}
+            <p>
+              {t('need_anything_contact_us_at')}&nbsp;
+              <a href={`mailto:${adminEmail}`} rel="noopener noreferrer">
+                {adminEmail}
+              </a>
+              .
+            </p>
+            {!onAiStandalonePlan && (
+              <p>
+                <Trans
+                  i18nKey="help_improve_overleaf_fill_out_this_survey"
+                  components={[
+                    // eslint-disable-next-line react/jsx-key, jsx-a11y/anchor-has-content
+                    <a
+                      href="https://forms.gle/CdLNX9m6NLxkv1yr5"
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    />,
+                  ]}
+                />
+              </p>
+            )}
+            <p>
+              {t('regards')},
+              <br />
+              The {appName} Team
+            </p>
+            <p>
+              <a
+                className="btn btn-primary"
+                href={postCheckoutRedirect || '/project'}
+                rel="noopener noreferrer"
+              >
+                &lt; {t('back_to_your_projects')}
+              </a>
+            </p>
+          </OLPageContentCard>
+        </OLCol>
+      </OLRow>
+    </div>
+  )
+}
+
+function ThankYouSection({
+  subscription,
+  onAiStandalonePlan,
+}: {
+  subscription: PaidSubscription
+  onAiStandalonePlan: boolean
+}) {
+  const { t } = useTranslation()
+  const hasAiAddon = subscription?.addOns?.some(
+    addOn => addOn.addOnCode === AI_ADD_ON_CODE
+  )
+
+  if (onAiStandalonePlan) {
+    return (
+      <p>
+        {t('thanks_for_subscribing_to_the_add_on', {
+          addOnName: ADD_ON_NAME,
+        })}
+      </p>
+    )
+  }
+  if (hasAiAddon) {
+    return (
+      <p>
+        {t('thanks_for_subscribing_to_plan_with_add_on', {
+          planName: subscription.plan.name,
+          addOnName: ADD_ON_NAME,
+        })}
+      </p>
+    )
+  }
+
+  return (
+    <p>
+      {t('thanks_for_subscribing_you_help_sl', {
+        planName: subscription.plan.name,
+      })}
+    </p>
+  )
+}
+
+export default SuccessfulSubscription
diff --git a/services/web/frontend/js/features/subscription/context/subscription-dashboard-context.tsx b/services/web/frontend/js/features/subscription/context/subscription-dashboard-context.tsx
new file mode 100644
index 0000000..33bb3b0
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/context/subscription-dashboard-context.tsx
@@ -0,0 +1,358 @@
+import {
+  createContext,
+  ReactNode,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react'
+import { useTranslation } from 'react-i18next'
+import {
+  CustomSubscription,
+  ManagedGroupSubscription,
+  MemberGroupSubscription,
+  PaidSubscription,
+} from '../../../../../types/subscription/dashboard/subscription'
+import {
+  Plan,
+  PriceForDisplayData,
+} from '../../../../../types/subscription/plan'
+import { Institution } from '../../../../../types/institution'
+import getMeta from '../../../utils/meta'
+import {
+  loadDisplayPriceWithTaxPromise,
+  loadGroupDisplayPriceWithTaxPromise,
+} from '../util/recurly-pricing'
+import { isRecurlyLoaded } from '../util/is-recurly-loaded'
+import { SubscriptionDashModalIds } from '../../../../../types/subscription/dashboard/modal-ids'
+import { debugConsole } from '@/utils/debugging'
+import { formatCurrency } from '@/shared/utils/currency'
+import { ManagedInstitution } from '../../../../../types/subscription/dashboard/managed-institution'
+import { Publisher } from '../../../../../types/subscription/dashboard/publisher'
+import { formatTime } from '@/features/utils/format-date'
+
+type SubscriptionDashboardContextValue = {
+  groupPlanToChangeToCode: string
+  groupPlanToChangeToSize: string
+  groupPlanToChangeToUsage: string
+  groupPlanToChangeToPrice?: PriceForDisplayData
+  groupPlanToChangeToPriceError?: boolean
+  handleCloseModal: () => void
+  handleOpenModal: (
+    modalIdToOpen: SubscriptionDashModalIds,
+    planCode?: string
+  ) => void
+  hasDisplayedSubscription: boolean
+  hasValidActiveSubscription: boolean
+  institutionMemberships?: Institution[]
+  managedGroupSubscriptions: ManagedGroupSubscription[]
+  memberGroupSubscriptions: MemberGroupSubscription[]
+  managedInstitutions: ManagedInstitution[]
+  managedPublishers: Publisher[]
+  updateManagedInstitution: (institution: ManagedInstitution) => void
+  modalIdShown?: SubscriptionDashModalIds
+  personalSubscription?: PaidSubscription | CustomSubscription
+  hasSubscription: boolean
+  plans: Plan[]
+  planCodeToChangeTo?: string
+  queryingGroupPlanToChangeToPrice: boolean
+  queryingIndividualPlansData: boolean
+  recurlyLoadError: boolean
+  setGroupPlanToChangeToCode: React.Dispatch<React.SetStateAction<string>>
+  setGroupPlanToChangeToSize: React.Dispatch<React.SetStateAction<string>>
+  setGroupPlanToChangeToUsage: React.Dispatch<React.SetStateAction<string>>
+  setModalIdShown: React.Dispatch<
+    React.SetStateAction<SubscriptionDashModalIds | undefined>
+  >
+  setPlanCodeToChangeTo: React.Dispatch<
+    React.SetStateAction<string | undefined>
+  >
+  setRecurlyLoadError: React.Dispatch<React.SetStateAction<boolean>>
+  showCancellation: boolean
+  setShowCancellation: React.Dispatch<React.SetStateAction<boolean>>
+  leavingGroupId?: string
+  setLeavingGroupId: React.Dispatch<React.SetStateAction<string | undefined>>
+  userCanExtendTrial: boolean
+  getFormattedRenewalDate: () => string
+}
+
+export const SubscriptionDashboardContext = createContext<
+  SubscriptionDashboardContextValue | undefined
+>(undefined)
+
+export function SubscriptionDashboardProvider({
+  children,
+}: {
+  children: ReactNode
+}) {
+  const { i18n } = useTranslation()
+  const [modalIdShown, setModalIdShown] = useState<
+    SubscriptionDashModalIds | undefined
+  >()
+  const [recurlyLoadError, setRecurlyLoadError] = useState(false)
+  const [showCancellation, setShowCancellation] = useState(false)
+  const [plans, setPlans] = useState<Plan[]>([])
+  const [queryingIndividualPlansData, setQueryingIndividualPlansData] =
+    useState(true)
+  const [planCodeToChangeTo, setPlanCodeToChangeTo] = useState<
+    string | undefined
+  >()
+  const [groupPlanToChangeToSize, setGroupPlanToChangeToSize] = useState('10')
+  const [groupPlanToChangeToCode, setGroupPlanToChangeToCode] =
+    useState('collaborator')
+  const [groupPlanToChangeToUsage, setGroupPlanToChangeToUsage] =
+    useState('enterprise')
+  const [
+    queryingGroupPlanToChangeToPrice,
+    setQueryingGroupPlanToChangeToPrice,
+  ] = useState(false)
+  const [groupPlanToChangeToPrice, setGroupPlanToChangeToPrice] =
+    useState<PriceForDisplayData>()
+  const [groupPlanToChangeToPriceError, setGroupPlanToChangeToPriceError] =
+    useState(false)
+  const [leavingGroupId, setLeavingGroupId] = useState<string | undefined>()
+
+  const plansWithoutDisplayPrice = getMeta('ol-plans')
+  const institutionMemberships = getMeta('ol-currentInstitutionsWithLicence')
+  const personalSubscription = getMeta('ol-subscription')
+  const userCanExtendTrial = getMeta('ol-userCanExtendTrial')
+  const managedGroupSubscriptions = getMeta('ol-managedGroupSubscriptions')
+  const memberGroupSubscriptions = getMeta('ol-memberGroupSubscriptions')
+  const [managedInstitutions, setManagedInstitutions] = useState(
+    getMeta('ol-managedInstitutions')
+  )
+  const managedPublishers = getMeta('ol-managedPublishers')
+  const hasSubscription = getMeta('ol-hasSubscription')
+  const recurlyApiKey = getMeta('ol-recurlyApiKey')
+
+  const hasDisplayedSubscription = Boolean(
+    institutionMemberships?.length > 0 ||
+      personalSubscription ||
+      memberGroupSubscriptions?.length > 0 ||
+      managedGroupSubscriptions?.length > 0 ||
+      managedInstitutions?.length > 0 ||
+      managedPublishers?.length > 0
+  )
+
+  const hasValidActiveSubscription = Boolean(
+    ['active', 'canceled'].includes(personalSubscription?.payment?.state) ||
+      institutionMemberships?.length > 0 ||
+      memberGroupSubscriptions?.length > 0
+  )
+
+  const getFormattedRenewalDate = useCallback(() => {
+    if (
+      !personalSubscription.payment.pausedAt ||
+      !personalSubscription.payment.remainingPauseCycles
+    ) {
+      return personalSubscription.payment.nextPaymentDueAt
+    }
+    const pausedDate = new Date(personalSubscription.payment.pausedAt)
+    pausedDate.setMonth(
+      pausedDate.getMonth() + personalSubscription.payment.remainingPauseCycles
+    )
+    return formatTime(pausedDate, 'MMMM Do, YYYY')
+  }, [personalSubscription])
+
+  useEffect(() => {
+    if (!isRecurlyLoaded()) {
+      setRecurlyLoadError(true)
+    } else if (recurlyApiKey) {
+      recurly.configure(recurlyApiKey)
+    }
+  }, [recurlyApiKey, setRecurlyLoadError])
+
+  useEffect(() => {
+    if (
+      isRecurlyLoaded() &&
+      plansWithoutDisplayPrice &&
+      personalSubscription?.payment
+    ) {
+      const { currency, taxRate } = personalSubscription.payment
+      const fetchPlansDisplayPrices = async () => {
+        for (const plan of plansWithoutDisplayPrice) {
+          try {
+            const priceData = await loadDisplayPriceWithTaxPromise(
+              plan.planCode,
+              currency,
+              taxRate,
+              i18n.language
+            )
+            if (priceData?.totalAsNumber !== undefined) {
+              plan.displayPrice = formatCurrency(
+                priceData.totalAsNumber,
+                currency,
+                i18n.language
+              )
+            }
+          } catch (error) {
+            debugConsole.error(error)
+          }
+        }
+        setPlans(plansWithoutDisplayPrice)
+        setQueryingIndividualPlansData(false)
+      }
+      fetchPlansDisplayPrices().catch(debugConsole.error)
+    }
+  }, [personalSubscription, plansWithoutDisplayPrice, i18n.language])
+
+  useEffect(() => {
+    if (
+      isRecurlyLoaded() &&
+      groupPlanToChangeToCode &&
+      groupPlanToChangeToSize &&
+      groupPlanToChangeToUsage &&
+      personalSubscription?.payment
+    ) {
+      setQueryingGroupPlanToChangeToPrice(true)
+
+      const { currency, taxRate } = personalSubscription.payment
+      const fetchGroupDisplayPrice = async () => {
+        setGroupPlanToChangeToPriceError(false)
+        let priceData
+        try {
+          priceData = await loadGroupDisplayPriceWithTaxPromise(
+            groupPlanToChangeToCode,
+            currency,
+            taxRate,
+            groupPlanToChangeToSize,
+            groupPlanToChangeToUsage,
+            i18n.language
+          )
+        } catch (e) {
+          debugConsole.error(e)
+          setGroupPlanToChangeToPriceError(true)
+        }
+        setQueryingGroupPlanToChangeToPrice(false)
+        setGroupPlanToChangeToPrice(priceData)
+      }
+      fetchGroupDisplayPrice()
+    }
+  }, [
+    groupPlanToChangeToUsage,
+    groupPlanToChangeToSize,
+    personalSubscription,
+    groupPlanToChangeToCode,
+    i18n.language,
+  ])
+
+  const updateManagedInstitution = useCallback(
+    (institution: ManagedInstitution) => {
+      setManagedInstitutions(institutions => {
+        return [
+          ...(institutions || []).map(i =>
+            i.v1Id === institution.v1Id ? institution : i
+          ),
+        ]
+      })
+    },
+    []
+  )
+
+  const handleCloseModal = useCallback(() => {
+    setModalIdShown(undefined)
+    setPlanCodeToChangeTo(undefined)
+  }, [setModalIdShown, setPlanCodeToChangeTo])
+
+  const handleOpenModal = useCallback(
+    (id, planCode) => {
+      setModalIdShown(id)
+      setPlanCodeToChangeTo(planCode)
+    },
+    [setModalIdShown, setPlanCodeToChangeTo]
+  )
+
+  const value = useMemo<SubscriptionDashboardContextValue>(
+    () => ({
+      groupPlanToChangeToCode,
+      groupPlanToChangeToPrice,
+      groupPlanToChangeToPriceError,
+      groupPlanToChangeToSize,
+      groupPlanToChangeToUsage,
+      handleCloseModal,
+      handleOpenModal,
+      hasDisplayedSubscription,
+      hasValidActiveSubscription,
+      institutionMemberships,
+      managedGroupSubscriptions,
+      memberGroupSubscriptions,
+      managedInstitutions,
+      managedPublishers,
+      updateManagedInstitution,
+      modalIdShown,
+      personalSubscription,
+      hasSubscription,
+      plans,
+      planCodeToChangeTo,
+      queryingGroupPlanToChangeToPrice,
+      queryingIndividualPlansData,
+      recurlyLoadError,
+      setGroupPlanToChangeToCode,
+      setGroupPlanToChangeToSize,
+      setGroupPlanToChangeToUsage,
+      setModalIdShown,
+      setPlanCodeToChangeTo,
+      setRecurlyLoadError,
+      showCancellation,
+      setShowCancellation,
+      leavingGroupId,
+      setLeavingGroupId,
+      userCanExtendTrial,
+      getFormattedRenewalDate,
+    }),
+    [
+      groupPlanToChangeToCode,
+      groupPlanToChangeToPrice,
+      groupPlanToChangeToPriceError,
+      groupPlanToChangeToSize,
+      groupPlanToChangeToUsage,
+      handleCloseModal,
+      handleOpenModal,
+      hasDisplayedSubscription,
+      hasValidActiveSubscription,
+      institutionMemberships,
+      managedGroupSubscriptions,
+      memberGroupSubscriptions,
+      managedInstitutions,
+      managedPublishers,
+      updateManagedInstitution,
+      modalIdShown,
+      personalSubscription,
+      hasSubscription,
+      plans,
+      planCodeToChangeTo,
+      queryingGroupPlanToChangeToPrice,
+      queryingIndividualPlansData,
+      recurlyLoadError,
+      setGroupPlanToChangeToCode,
+      setGroupPlanToChangeToSize,
+      setGroupPlanToChangeToUsage,
+      setModalIdShown,
+      setPlanCodeToChangeTo,
+      setRecurlyLoadError,
+      showCancellation,
+      setShowCancellation,
+      leavingGroupId,
+      setLeavingGroupId,
+      userCanExtendTrial,
+      getFormattedRenewalDate,
+    ]
+  )
+
+  return (
+    <SubscriptionDashboardContext.Provider value={value}>
+      {children}
+    </SubscriptionDashboardContext.Provider>
+  )
+}
+
+export function useSubscriptionDashboardContext() {
+  const context = useContext(SubscriptionDashboardContext)
+  if (!context) {
+    throw new Error(
+      'SubscriptionDashboardContext is only available inside SubscriptionDashboardProvider'
+    )
+  }
+  return context
+}
diff --git a/services/web/frontend/js/features/subscription/data/add-on-codes.ts b/services/web/frontend/js/features/subscription/data/add-on-codes.ts
new file mode 100644
index 0000000..52d47f9
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/data/add-on-codes.ts
@@ -0,0 +1,9 @@
+export const AI_STANDALONE_PLAN_CODE = 'assistant'
+export const AI_ADD_ON_CODE = 'assistant'
+// we dont want translations on plan or add-on names
+export const ADD_ON_NAME = "Error Assist"
+export const AI_STANDALONE_ANNUAL_PLAN_CODE = 'assistant-annual'
+
+export function isStandaloneAiPlanCode(planCode: string) {
+  return planCode === AI_STANDALONE_PLAN_CODE || planCode === AI_STANDALONE_ANNUAL_PLAN_CODE
+}
diff --git a/services/web/frontend/js/features/subscription/data/countries.ts b/services/web/frontend/js/features/subscription/data/countries.ts
new file mode 100644
index 0000000..00e778a
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/data/countries.ts
@@ -0,0 +1,278 @@
+// list taken from Recurly (see https://docs.recurly.com/docs/countries-provinces-and-states). Country code must exist on Recurly, so update with care
+const countries = <const>[
+  { code: 'AF', name: 'Afghanistan' },
+  { code: 'AX', name: 'Åland Islands' },
+  { code: 'AL', name: 'Albania' },
+  { code: 'DZ', name: 'Algeria' },
+  { code: 'AS', name: 'American Samoa' },
+  { code: 'AD', name: 'Andorra' },
+  { code: 'AO', name: 'Angola' },
+  { code: 'AI', name: 'Anguilla' },
+  { code: 'AQ', name: 'Antarctica' },
+  { code: 'AG', name: 'Antigua and Barbuda' },
+  { code: 'AR', name: 'Argentina' },
+  { code: 'AM', name: 'Armenia' },
+  { code: 'AW', name: 'Aruba' },
+  { code: 'AC', name: 'Ascension Island' },
+  { code: 'AU', name: 'Australia' },
+  { code: 'AT', name: 'Austria' },
+  { code: 'AZ', name: 'Azerbaijan' },
+  { code: 'BS', name: 'Bahamas' },
+  { code: 'BH', name: 'Bahrain' },
+  { code: 'BD', name: 'Bangladesh' },
+  { code: 'BB', name: 'Barbados' },
+  { code: 'BY', name: 'Belarus' },
+  { code: 'BE', name: 'Belgium' },
+  { code: 'BZ', name: 'Belize' },
+  { code: 'BJ', name: 'Benin' },
+  { code: 'BM', name: 'Bermuda' },
+  { code: 'BT', name: 'Bhutan' },
+  { code: 'BO', name: 'Bolivia' },
+  { code: 'BA', name: 'Bosnia and Herzegovina' },
+  { code: 'BW', name: 'Botswana' },
+  { code: 'BV', name: 'Bouvet Island' },
+  { code: 'BR', name: 'Brazil' },
+  { code: 'BQ', name: 'British Antarctic Territory' },
+  { code: 'IO', name: 'British Indian Ocean Territory' },
+  { code: 'VG', name: 'British Virgin Islands' },
+  { code: 'BN', name: 'Brunei' },
+  { code: 'BG', name: 'Bulgaria' },
+  { code: 'BF', name: 'Burkina Faso' },
+  { code: 'BI', name: 'Burundi' },
+  { code: 'CV', name: 'Cabo Verde' },
+  { code: 'KH', name: 'Cambodia' },
+  { code: 'CM', name: 'Cameroon' },
+  { code: 'CA', name: 'Canada' },
+  { code: 'CT', name: 'Canton and Enderbury Islands' },
+  { code: 'KY', name: 'Cayman Islands' },
+  { code: 'CF', name: 'Central African Republic' },
+  { code: 'EA', name: 'Ceuta and Melilla' },
+  { code: 'TD', name: 'Chad' },
+  { code: 'CL', name: 'Chile' },
+  { code: 'CN', name: 'China' },
+  { code: 'CX', name: 'Christmas Island' },
+  { code: 'CP', name: 'Clipperton Island' },
+  { code: 'CC', name: 'Cocos [Keeling] Islands' },
+  { code: 'CO', name: 'Colombia' },
+  { code: 'KM', name: 'Comoros' },
+  { code: 'CG', name: 'Congo - Brazzaville' },
+  { code: 'CD', name: 'Congo - Kinshasa' },
+  { code: 'CD', name: 'Congo [DRC]' },
+  { code: 'CG', name: 'Congo [Republic]' },
+  { code: 'CK', name: 'Cook Islands' },
+  { code: 'CR', name: 'Costa Rica' },
+  { code: 'CI', name: 'Côte d’Ivoire' },
+  { code: 'HR', name: 'Croatia' },
+  // { code: 'CU', name: 'Cuba' }, // blocked
+  { code: 'CY', name: 'Cyprus' },
+  { code: 'CZ', name: 'Czech Republic' },
+  { code: 'DK', name: 'Denmark' },
+  { code: 'DG', name: 'Diego Garcia' },
+  { code: 'DJ', name: 'Djibouti' },
+  { code: 'DM', name: 'Dominica' },
+  { code: 'DO', name: 'Dominican Republic' },
+  { code: 'NQ', name: 'Dronning Maud Land' },
+  { code: 'TL', name: 'East Timor' },
+  { code: 'EC', name: 'Ecuador' },
+  { code: 'EG', name: 'Egypt' },
+  { code: 'SV', name: 'El Salvador' },
+  { code: 'GQ', name: 'Equatorial Guinea' },
+  { code: 'ER', name: 'Eritrea' },
+  { code: 'EE', name: 'Estonia' },
+  { code: 'ET', name: 'Ethiopia' },
+  { code: 'FK', name: 'Falkland Islands [Islas Malvinas]' },
+  { code: 'FK', name: 'Falkland Islands' },
+  { code: 'FO', name: 'Faroe Islands' },
+  { code: 'FJ', name: 'Fiji' },
+  { code: 'FI', name: 'Finland' },
+  { code: 'FR', name: 'France' },
+  { code: 'GF', name: 'French Guiana' },
+  { code: 'PF', name: 'French Polynesia' },
+  { code: 'FQ', name: 'French Southern and Antarctic Territories' },
+  { code: 'TF', name: 'French Southern Territories' },
+  { code: 'GA', name: 'Gabon' },
+  { code: 'GM', name: 'Gambia' },
+  { code: 'GE', name: 'Georgia' },
+  { code: 'DE', name: 'Germany' },
+  { code: 'GH', name: 'Ghana' },
+  { code: 'GI', name: 'Gibraltar' },
+  { code: 'GR', name: 'Greece' },
+  { code: 'GL', name: 'Greenland' },
+  { code: 'GD', name: 'Grenada' },
+  { code: 'GP', name: 'Guadeloupe' },
+  { code: 'GU', name: 'Guam' },
+  { code: 'GT', name: 'Guatemala' },
+  { code: 'GG', name: 'Guernsey' },
+  { code: 'GW', name: 'Guinea-Bissau' },
+  { code: 'GN', name: 'Guinea' },
+  { code: 'GY', name: 'Guyana' },
+  { code: 'HT', name: 'Haiti' },
+  { code: 'HM', name: 'Heard Island and McDonald Islands' },
+  { code: 'HN', name: 'Honduras' },
+  { code: 'HK', name: 'Hong Kong' },
+  { code: 'HU', name: 'Hungary' },
+  { code: 'IS', name: 'Iceland' },
+  { code: 'IN', name: 'India' },
+  { code: 'ID', name: 'Indonesia' },
+  // { code: 'IR', name: 'Iran' }, // blocked
+  { code: 'IQ', name: 'Iraq' },
+  { code: 'IE', name: 'Ireland' },
+  { code: 'IM', name: 'Isle of Man' },
+  { code: 'IL', name: 'Israel' },
+  { code: 'IT', name: 'Italy' },
+  { code: 'CI', name: 'Ivory Coast' },
+  { code: 'JM', name: 'Jamaica' },
+  { code: 'JP', name: 'Japan' },
+  { code: 'JE', name: 'Jersey' },
+  { code: 'JT', name: 'Johnston Island' },
+  { code: 'JO', name: 'Jordan' },
+  { code: 'KZ', name: 'Kazakhstan' },
+  { code: 'KE', name: 'Kenya' },
+  { code: 'KI', name: 'Kiribati' },
+  { code: 'KW', name: 'Kuwait' },
+  { code: 'KG', name: 'Kyrgyzstan' },
+  { code: 'LA', name: 'Laos' },
+  { code: 'LV', name: 'Latvia' },
+  { code: 'LB', name: 'Lebanon' },
+  { code: 'LS', name: 'Lesotho' },
+  { code: 'LR', name: 'Liberia' },
+  { code: 'LY', name: 'Libya' },
+  { code: 'LI', name: 'Liechtenstein' },
+  { code: 'LT', name: 'Lithuania' },
+  { code: 'LU', name: 'Luxembourg' },
+  { code: 'MO', name: 'Macau SAR China' },
+  { code: 'MO', name: 'Macau' },
+  { code: 'MK', name: 'Macedonia [FYROM]' },
+  { code: 'MK', name: 'Macedonia' },
+  { code: 'MG', name: 'Madagascar' },
+  { code: 'MW', name: 'Malawi' },
+  { code: 'MY', name: 'Malaysia' },
+  { code: 'MV', name: 'Maldives' },
+  { code: 'ML', name: 'Mali' },
+  { code: 'MT', name: 'Malta' },
+  { code: 'MH', name: 'Marshall Islands' },
+  { code: 'MQ', name: 'Martinique' },
+  { code: 'MR', name: 'Mauritania' },
+  { code: 'MU', name: 'Mauritius' },
+  { code: 'YT', name: 'Mayotte' },
+  { code: 'FX', name: 'Metropolitan France' },
+  { code: 'MX', name: 'Mexico' },
+  { code: 'FM', name: 'Micronesia' },
+  { code: 'MI', name: 'Midway Islands' },
+  { code: 'MD', name: 'Moldova' },
+  { code: 'MC', name: 'Monaco' },
+  { code: 'MN', name: 'Mongolia' },
+  { code: 'ME', name: 'Montenegro' },
+  { code: 'MS', name: 'Montserrat' },
+  { code: 'MA', name: 'Morocco' },
+  { code: 'MZ', name: 'Mozambique' },
+  { code: 'MM', name: 'Myanmar [Burma]' },
+  { code: 'NA', name: 'Namibia' },
+  { code: 'NR', name: 'Nauru' },
+  { code: 'NP', name: 'Nepal' },
+  { code: 'AN', name: 'Netherlands Antilles' },
+  { code: 'NL', name: 'Netherlands' },
+  { code: 'NC', name: 'New Caledonia' },
+  { code: 'NZ', name: 'New Zealand' },
+  { code: 'NI', name: 'Nicaragua' },
+  { code: 'NE', name: 'Niger' },
+  { code: 'NG', name: 'Nigeria' },
+  { code: 'NU', name: 'Niue' },
+  { code: 'NF', name: 'Norfolk Island' },
+  // { code: 'KP', name: 'North Korea' }, // blocked
+  { code: 'VD', name: 'North Vietnam' },
+  { code: 'MP', name: 'Northern Mariana Islands' },
+  { code: 'NO', name: 'Norway' },
+  { code: 'OM', name: 'Oman' },
+  { code: 'QO', name: 'Outlying Oceania' },
+  { code: 'PC', name: 'Pacific Islands Trust Territory' },
+  { code: 'PK', name: 'Pakistan' },
+  { code: 'PW', name: 'Palau' },
+  { code: 'PS', name: 'Palestinian Territories' },
+  { code: 'PZ', name: 'Panama Canal Zone' },
+  { code: 'PA', name: 'Panama' },
+  { code: 'PG', name: 'Papua New Guinea' },
+  { code: 'PY', name: 'Paraguay' },
+  { code: 'YD', name: "People's Democratic Republic of Yemen" },
+  { code: 'PE', name: 'Peru' },
+  { code: 'PH', name: 'Philippines' },
+  { code: 'PN', name: 'Pitcairn Islands' },
+  { code: 'PL', name: 'Poland' },
+  { code: 'PT', name: 'Portugal' },
+  { code: 'PR', name: 'Puerto Rico' },
+  { code: 'QA', name: 'Qatar' },
+  { code: 'RE', name: 'Réunion' },
+  { code: 'RO', name: 'Romania' },
+  // { code: 'RU', name: 'Russia' }, // blocked
+  { code: 'RW', name: 'Rwanda' },
+  { code: 'BL', name: 'Saint Barthélemy' },
+  { code: 'SH', name: 'Saint Helena' },
+  { code: 'KN', name: 'Saint Kitts and Nevis' },
+  { code: 'LC', name: 'Saint Lucia' },
+  { code: 'MF', name: 'Saint Martin' },
+  { code: 'PM', name: 'Saint Pierre and Miquelon' },
+  { code: 'VC', name: 'Saint Vincent and the Grenadines' },
+  { code: 'WS', name: 'Samoa' },
+  { code: 'SM', name: 'San Marino' },
+  { code: 'ST', name: 'São Tomé and Príncipe' },
+  { code: 'SA', name: 'Saudi Arabia' },
+  { code: 'SN', name: 'Senegal' },
+  { code: 'CS', name: 'Serbia and Montenegro' },
+  { code: 'RS', name: 'Serbia' },
+  { code: 'SC', name: 'Seychelles' },
+  { code: 'SL', name: 'Sierra Leone' },
+  { code: 'SG', name: 'Singapore' },
+  { code: 'SK', name: 'Slovakia' },
+  { code: 'SI', name: 'Slovenia' },
+  { code: 'SB', name: 'Solomon Islands' },
+  { code: 'SO', name: 'Somalia' },
+  { code: 'ZA', name: 'South Africa' },
+  { code: 'GS', name: 'South Georgia and the South Sandwich Islands' },
+  { code: 'KR', name: 'South Korea' },
+  { code: 'ES', name: 'Spain' },
+  { code: 'LK', name: 'Sri Lanka' },
+  { code: 'SD', name: 'Sudan' },
+  { code: 'SR', name: 'Suriname' },
+  { code: 'SJ', name: 'Svalbard and Jan Mayen' },
+  { code: 'SZ', name: 'Swaziland' },
+  { code: 'SE', name: 'Sweden' },
+  { code: 'CH', name: 'Switzerland' },
+  // { code: 'SY', name: 'Syria' }, // blocked
+  { code: 'TW', name: 'Taiwan' },
+  { code: 'TJ', name: 'Tajikistan' },
+  { code: 'TZ', name: 'Tanzania' },
+  { code: 'TH', name: 'Thailand' },
+  { code: 'TL', name: 'Timor-Leste' },
+  { code: 'TG', name: 'Togo' },
+  { code: 'TK', name: 'Tokelau' },
+  { code: 'TO', name: 'Tonga' },
+  { code: 'TT', name: 'Trinidad and Tobago' },
+  { code: 'TA', name: 'Tristan da Cunha' },
+  { code: 'TN', name: 'Tunisia' },
+  { code: 'TR', name: 'Turkey' },
+  { code: 'TM', name: 'Turkmenistan' },
+  { code: 'TC', name: 'Turks and Caicos Islands' },
+  { code: 'TV', name: 'Tuvalu' },
+  { code: 'UM', name: 'U.S. Minor Outlying Islands' },
+  { code: 'PU', name: 'U.S. Miscellaneous Pacific Islands' },
+  { code: 'VI', name: 'U.S. Virgin Islands' },
+  { code: 'UG', name: 'Uganda' },
+  { code: 'UA', name: 'Ukraine' },
+  { code: 'AE', name: 'United Arab Emirates' },
+  { code: 'GB', name: 'United Kingdom' },
+  { code: 'US', name: 'United States' },
+  { code: 'UY', name: 'Uruguay' },
+  { code: 'UZ', name: 'Uzbekistan' },
+  { code: 'VU', name: 'Vanuatu' },
+  { code: 'VA', name: 'Vatican City' },
+  // { code: 'VE', name: 'Venezuela' }, // blocked
+  { code: 'VN', name: 'Vietnam' },
+  { code: 'WK', name: 'Wake Island' },
+  { code: 'WF', name: 'Wallis and Futuna' },
+  { code: 'EH', name: 'Western Sahara' },
+  { code: 'YE', name: 'Yemen' },
+  { code: 'ZM', name: 'Zambia' },
+  { code: 'ZW', name: 'Zimbabwe' },
+]
+
+export default countries
diff --git a/services/web/frontend/js/features/subscription/data/subscription-url.ts b/services/web/frontend/js/features/subscription/data/subscription-url.ts
new file mode 100644
index 0000000..9dc294b
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/data/subscription-url.ts
@@ -0,0 +1,7 @@
+export const subscriptionUpdateUrl = '/user/subscription/update'
+export const cancelPendingSubscriptionChangeUrl =
+  '/user/subscription/cancel-pending'
+export const cancelSubscriptionUrl = '/user/subscription/cancel'
+export const redirectAfterCancelSubscriptionUrl = '/user/subscription/canceled'
+export const extendTrialUrl = '/user/subscription/extend'
+export const reactivateSubscriptionUrl = '/user/subscription/reactivate'
\ No newline at end of file
diff --git a/services/web/frontend/js/features/subscription/hooks/use-validate-field.tsx b/services/web/frontend/js/features/subscription/hooks/use-validate-field.tsx
new file mode 100644
index 0000000..e6c74b0
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/hooks/use-validate-field.tsx
@@ -0,0 +1,21 @@
+import { useState } from 'react'
+
+type Target = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement
+
+function useValidateField<T extends { target: Target }>() {
+  const [isValid, setIsValid] = useState(true)
+
+  const validate = (e: T) => {
+    let isValid = e.target.checkValidity()
+
+    if (e.target.required) {
+      isValid = isValid && Boolean(e.target.value.trim().length)
+    }
+
+    setIsValid(isValid)
+  }
+
+  return { validate, isValid }
+}
+
+export default useValidateField
diff --git a/services/web/frontend/js/features/subscription/images/pause-duck.svg b/services/web/frontend/js/features/subscription/images/pause-duck.svg
new file mode 100644
index 0000000..6297f13
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/images/pause-duck.svg
@@ -0,0 +1,42 @@
+<svg width="225" height="172" viewBox="0 0 225 172" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="76.9512" cy="95.6438" r="76" fill="#D7F9E8"/>
+<path d="M35.1865 64.6299H118.426V106.25C118.426 129.236 99.7923 147.869 76.8063 147.869C53.8203 147.869 35.1865 129.236 35.1865 106.25V64.6299Z" fill="#21A063"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M66.5041 150.304C63.3352 146.998 58.0284 147.069 54.9493 150.459L53.6889 151.847L51.4183 153.927C48.9523 156.185 51.6689 159.349 55.0131 159.349H66.4654C69.8 159.349 72.5452 156.227 70.1398 153.918L67.9824 151.847L66.5041 150.304Z" fill="#FEC553"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M98.6408 150.304C95.4719 146.998 90.1651 147.069 87.086 150.459L85.8256 151.847L83.555 153.927C81.089 156.185 83.8056 159.349 87.1498 159.349H98.6021C101.937 159.349 104.682 156.227 102.276 153.918L100.119 151.847L98.6408 150.304Z" fill="#FEC553"/>
+<rect x="26.2305" y="8.78564" width="101.152" height="101.152" rx="50.5759" fill="#27B772"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M71.3746 100.865C74.4941 104.115 79.6949 104.103 82.8002 100.84L83.9193 99.6641L85.671 97.9924C88.089 95.6847 85.3398 92.5519 81.9973 92.5519H72.1716C68.831 92.5519 66.0772 95.6774 68.4848 97.9933L70.2217 99.6641L71.3746 100.865Z" fill="#E69D23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M82.9602 86.3842C79.7913 83.078 74.4845 83.1491 71.4054 86.539L69.2189 88.9462C68.8345 89.3695 68.4053 89.7497 67.9388 90.0803L65.7109 91.6593C61.9631 94.3155 65.9509 98.7088 70.5445 98.7088H83.8039C88.4035 98.7088 92.4557 94.3593 88.7633 91.6164L86.5592 89.979C86.2044 89.7154 85.8723 89.4226 85.5665 89.1035L82.9602 86.3842Z" fill="#FEC553"/>
+<rect x="49.7178" y="54.0929" width="24.2343" height="31.6099" rx="12.1171" fill="white"/>
+<rect x="57.093" y="63.5763" width="13.6976" height="15.805" rx="6.84882" fill="black"/>
+<rect x="65.5227" y="61.4689" width="7.37565" height="7.37565" rx="3.68782" fill="white" fill-opacity="0.32"/>
+<rect x="79.22" y="54.0929" width="24.2343" height="31.6099" rx="12.1171" fill="white"/>
+<rect x="83.4348" y="63.5762" width="13.6976" height="15.805" rx="6.84882" fill="black"/>
+<rect x="91.8647" y="61.4689" width="7.37565" height="7.37565" rx="3.68782" fill="white" fill-opacity="0.32"/>
+<path d="M60.1061 96.8023C59.6953 95.2693 58.1196 94.3596 56.5866 94.7704L34.4271 100.708C25.9957 102.967 20.9921 111.634 23.2513 120.065L26.1451 130.865C26.8061 133.332 29.3418 134.796 31.8088 134.135L39.7864 131.997C55.1163 127.889 64.2137 112.132 60.1061 96.8023Z" fill="#25A96A"/>
+<path d="M93.5062 96.8021C93.917 95.2691 95.4927 94.3594 97.0257 94.7701L119.185 100.708C127.617 102.967 132.62 111.633 130.361 120.065L127.467 130.864C126.806 133.331 124.27 134.795 121.804 134.134L113.826 131.997C98.496 127.889 89.3986 112.132 93.5062 96.8021Z" fill="#25A96A"/>
+<path d="M70.1681 1.30649C70.3665 0.962876 70.8059 0.845147 71.1495 1.04353L76.1164 3.91118C78.0063 5.00228 78.6538 7.41882 77.5627 9.30867L76.1651 11.7293C75.8458 12.2823 75.1388 12.4717 74.5858 12.1525L72.7977 11.1201C69.3616 9.13629 68.1843 4.74257 70.1681 1.30649Z" fill="#25A96A"/>
+<path d="M79.3996 0.644594C79.763 0.485319 80.1867 0.650789 80.346 1.01418L82.6484 6.26707C83.5244 8.26573 82.6143 10.5961 80.6156 11.4721L78.0556 12.5942C77.4708 12.8505 76.7889 12.5842 76.5326 11.9994L75.7038 10.1083C74.111 6.4744 75.7657 2.23734 79.3996 0.644594Z" fill="#21A063"/>
+<g filter="url(#filter0_dd_2156_5404)">
+<rect x="112.049" y="70" width="106" height="40" rx="4" fill="white"/>
+<path d="M128.005 89H126.745L122.161 81.884H122.113C122.129 82.068 122.141 82.288 122.149 82.544C122.165 82.792 122.177 83.06 122.185 83.348C122.201 83.628 122.209 83.916 122.209 84.212V89H121.213V80.432H122.461L127.033 87.524H127.081C127.073 87.396 127.061 87.204 127.045 86.948C127.037 86.692 127.025 86.412 127.009 86.108C127.001 85.804 126.997 85.524 126.997 85.268V80.432H128.005V89ZM132.67 82.448C133.222 82.448 133.694 82.568 134.086 82.808C134.486 83.048 134.79 83.388 134.998 83.828C135.214 84.26 135.322 84.768 135.322 85.352V85.988H130.918C130.934 86.716 131.118 87.272 131.47 87.656C131.83 88.032 132.33 88.22 132.97 88.22C133.378 88.22 133.738 88.184 134.05 88.112C134.37 88.032 134.698 87.92 135.034 87.776V88.7C134.706 88.844 134.382 88.948 134.062 89.012C133.742 89.084 133.362 89.12 132.922 89.12C132.314 89.12 131.774 88.996 131.302 88.748C130.838 88.5 130.474 88.132 130.21 87.644C129.954 87.148 129.826 86.544 129.826 85.832C129.826 85.128 129.942 84.524 130.174 84.02C130.414 83.516 130.746 83.128 131.17 82.856C131.602 82.584 132.102 82.448 132.67 82.448ZM132.658 83.312C132.154 83.312 131.754 83.476 131.458 83.804C131.17 84.124 130.998 84.572 130.942 85.148H134.218C134.218 84.78 134.162 84.46 134.05 84.188C133.938 83.916 133.766 83.704 133.534 83.552C133.31 83.392 133.018 83.312 132.658 83.312ZM139.443 82.448C139.995 82.448 140.467 82.568 140.859 82.808C141.259 83.048 141.563 83.388 141.771 83.828C141.987 84.26 142.095 84.768 142.095 85.352V85.988H137.691C137.707 86.716 137.891 87.272 138.243 87.656C138.603 88.032 139.103 88.22 139.743 88.22C140.151 88.22 140.511 88.184 140.823 88.112C141.143 88.032 141.471 87.92 141.807 87.776V88.7C141.479 88.844 141.155 88.948 140.835 89.012C140.515 89.084 140.135 89.12 139.695 89.12C139.087 89.12 138.547 88.996 138.075 88.748C137.611 88.5 137.247 88.132 136.983 87.644C136.727 87.148 136.599 86.544 136.599 85.832C136.599 85.128 136.715 84.524 136.947 84.02C137.187 83.516 137.519 83.128 137.943 82.856C138.375 82.584 138.875 82.448 139.443 82.448ZM139.431 83.312C138.927 83.312 138.527 83.476 138.231 83.804C137.943 84.124 137.771 84.572 137.715 85.148H140.991C140.991 84.78 140.935 84.46 140.823 84.188C140.711 83.916 140.539 83.704 140.307 83.552C140.083 83.392 139.791 83.312 139.431 83.312ZM146.013 89.12C145.213 89.12 144.573 88.844 144.093 88.292C143.613 87.732 143.373 86.9 143.373 85.796C143.373 84.692 143.613 83.86 144.093 83.3C144.581 82.732 145.225 82.448 146.025 82.448C146.361 82.448 146.653 82.492 146.901 82.58C147.149 82.66 147.365 82.772 147.549 82.916C147.733 83.06 147.889 83.22 148.017 83.396H148.089C148.081 83.292 148.065 83.14 148.041 82.94C148.025 82.732 148.017 82.568 148.017 82.448V79.88H149.073V89H148.221L148.065 88.136H148.017C147.889 88.32 147.733 88.488 147.549 88.64C147.365 88.784 147.145 88.9 146.889 88.988C146.641 89.076 146.349 89.12 146.013 89.12ZM146.181 88.244C146.861 88.244 147.337 88.06 147.609 87.692C147.889 87.316 148.029 86.752 148.029 86V85.808C148.029 85.008 147.897 84.396 147.633 83.972C147.369 83.54 146.881 83.324 146.169 83.324C145.601 83.324 145.173 83.552 144.885 84.008C144.605 84.456 144.465 85.06 144.465 85.82C144.465 86.588 144.605 87.184 144.885 87.608C145.173 88.032 145.605 88.244 146.181 88.244ZM156.381 88.256C156.541 88.256 156.705 88.244 156.873 88.22C157.041 88.188 157.177 88.156 157.281 88.124V88.928C157.169 88.984 157.009 89.028 156.801 89.06C156.593 89.1 156.393 89.12 156.201 89.12C155.865 89.12 155.553 89.064 155.265 88.952C154.985 88.832 154.757 88.628 154.581 88.34C154.405 88.052 154.317 87.648 154.317 87.128V83.384H153.405V82.88L154.329 82.46L154.749 81.092H155.373V82.568H157.233V83.384H155.373V87.104C155.373 87.496 155.465 87.788 155.649 87.98C155.841 88.164 156.085 88.256 156.381 88.256ZM164.161 85.772C164.161 86.308 164.089 86.784 163.945 87.2C163.809 87.608 163.609 87.956 163.345 88.244C163.089 88.532 162.773 88.752 162.397 88.904C162.029 89.048 161.617 89.12 161.161 89.12C160.737 89.12 160.345 89.048 159.985 88.904C159.625 88.752 159.313 88.532 159.049 88.244C158.785 87.956 158.577 87.608 158.425 87.2C158.281 86.784 158.209 86.308 158.209 85.772C158.209 85.06 158.329 84.46 158.569 83.972C158.809 83.476 159.153 83.1 159.601 82.844C160.049 82.58 160.581 82.448 161.197 82.448C161.781 82.448 162.293 82.58 162.733 82.844C163.181 83.1 163.529 83.476 163.777 83.972C164.033 84.46 164.161 85.06 164.161 85.772ZM159.301 85.772C159.301 86.276 159.365 86.716 159.493 87.092C159.629 87.46 159.837 87.744 160.117 87.944C160.397 88.144 160.753 88.244 161.185 88.244C161.617 88.244 161.973 88.144 162.253 87.944C162.533 87.744 162.737 87.46 162.865 87.092C163.001 86.716 163.069 86.276 163.069 85.772C163.069 85.26 163.001 84.824 162.865 84.464C162.729 84.104 162.521 83.828 162.241 83.636C161.969 83.436 161.613 83.336 161.173 83.336C160.517 83.336 160.041 83.552 159.745 83.984C159.449 84.416 159.301 85.012 159.301 85.772ZM171.232 89.12C170.432 89.12 169.792 88.844 169.312 88.292C168.832 87.732 168.592 86.9 168.592 85.796C168.592 84.692 168.832 83.86 169.312 83.3C169.8 82.732 170.444 82.448 171.244 82.448C171.58 82.448 171.872 82.492 172.12 82.58C172.368 82.66 172.584 82.772 172.768 82.916C172.952 83.06 173.108 83.22 173.236 83.396H173.308C173.3 83.292 173.284 83.14 173.26 82.94C173.244 82.732 173.236 82.568 173.236 82.448V79.88H174.292V89H173.44L173.284 88.136H173.236C173.108 88.32 172.952 88.488 172.768 88.64C172.584 88.784 172.364 88.9 172.108 88.988C171.86 89.076 171.568 89.12 171.232 89.12ZM171.4 88.244C172.08 88.244 172.556 88.06 172.828 87.692C173.108 87.316 173.248 86.752 173.248 86V85.808C173.248 85.008 173.116 84.396 172.852 83.972C172.588 83.54 172.1 83.324 171.388 83.324C170.82 83.324 170.392 83.552 170.104 84.008C169.824 84.456 169.684 85.06 169.684 85.82C169.684 86.588 169.824 87.184 170.104 87.608C170.392 88.032 170.824 88.244 171.4 88.244ZM181.71 82.568V89H180.846L180.69 88.148H180.642C180.506 88.372 180.33 88.556 180.114 88.7C179.898 88.844 179.662 88.948 179.406 89.012C179.15 89.084 178.882 89.12 178.602 89.12C178.09 89.12 177.658 89.04 177.306 88.88C176.962 88.712 176.702 88.456 176.526 88.112C176.35 87.768 176.262 87.324 176.262 86.78V82.568H177.33V86.708C177.33 87.22 177.446 87.604 177.678 87.86C177.91 88.116 178.27 88.244 178.758 88.244C179.238 88.244 179.614 88.156 179.886 87.98C180.166 87.796 180.362 87.532 180.474 87.188C180.594 86.836 180.654 86.412 180.654 85.916V82.568H181.71ZM186.332 89.12C185.764 89.12 185.256 89.004 184.808 88.772C184.368 88.54 184.02 88.18 183.764 87.692C183.516 87.204 183.392 86.58 183.392 85.82C183.392 85.028 183.524 84.384 183.788 83.888C184.052 83.392 184.408 83.028 184.856 82.796C185.312 82.564 185.828 82.448 186.404 82.448C186.732 82.448 187.048 82.484 187.352 82.556C187.656 82.62 187.904 82.7 188.096 82.796L187.772 83.672C187.58 83.6 187.356 83.532 187.1 83.468C186.844 83.404 186.604 83.372 186.38 83.372C185.948 83.372 185.592 83.464 185.312 83.648C185.032 83.832 184.824 84.104 184.688 84.464C184.552 84.824 184.484 85.272 184.484 85.808C184.484 86.32 184.552 86.756 184.688 87.116C184.824 87.476 185.028 87.748 185.3 87.932C185.572 88.116 185.912 88.208 186.32 88.208C186.672 88.208 186.98 88.172 187.244 88.1C187.516 88.028 187.764 87.94 187.988 87.836V88.772C187.772 88.884 187.532 88.968 187.268 89.024C187.012 89.088 186.7 89.12 186.332 89.12ZM190.562 84.644C190.562 84.772 190.554 84.94 190.538 85.148C190.53 85.356 190.522 85.536 190.514 85.688H190.562C190.61 85.624 190.682 85.532 190.778 85.412C190.874 85.292 190.97 85.172 191.066 85.052C191.17 84.924 191.258 84.82 191.33 84.74L193.382 82.568H194.618L192.014 85.316L194.798 89H193.526L191.294 86L190.562 86.636V89H189.518V79.88H190.562V84.644ZM126.661 97.772C126.661 98.308 126.589 98.784 126.445 99.2C126.309 99.608 126.109 99.956 125.845 100.244C125.589 100.532 125.273 100.752 124.897 100.904C124.529 101.048 124.117 101.12 123.661 101.12C123.237 101.12 122.845 101.048 122.485 100.904C122.125 100.752 121.813 100.532 121.549 100.244C121.285 99.956 121.077 99.608 120.925 99.2C120.781 98.784 120.709 98.308 120.709 97.772C120.709 97.06 120.829 96.46 121.069 95.972C121.309 95.476 121.653 95.1 122.101 94.844C122.549 94.58 123.081 94.448 123.697 94.448C124.281 94.448 124.793 94.58 125.233 94.844C125.681 95.1 126.029 95.476 126.277 95.972C126.533 96.46 126.661 97.06 126.661 97.772ZM121.801 97.772C121.801 98.276 121.865 98.716 121.993 99.092C122.129 99.46 122.337 99.744 122.617 99.944C122.897 100.144 123.253 100.244 123.685 100.244C124.117 100.244 124.473 100.144 124.753 99.944C125.033 99.744 125.237 99.46 125.365 99.092C125.501 98.716 125.569 98.276 125.569 97.772C125.569 97.26 125.501 96.824 125.365 96.464C125.229 96.104 125.021 95.828 124.741 95.636C124.469 95.436 124.113 95.336 123.673 95.336C123.017 95.336 122.541 95.552 122.245 95.984C121.949 96.416 121.801 97.012 121.801 97.772ZM133.71 94.568V101H132.846L132.69 100.148H132.642C132.506 100.372 132.33 100.556 132.114 100.7C131.898 100.844 131.662 100.948 131.406 101.012C131.15 101.084 130.882 101.12 130.602 101.12C130.09 101.12 129.658 101.04 129.306 100.88C128.962 100.712 128.702 100.456 128.526 100.112C128.35 99.768 128.262 99.324 128.262 98.78V94.568H129.33V98.708C129.33 99.22 129.446 99.604 129.678 99.86C129.91 100.116 130.27 100.244 130.758 100.244C131.238 100.244 131.614 100.156 131.886 99.98C132.166 99.796 132.362 99.532 132.474 99.188C132.594 98.836 132.654 98.412 132.654 97.916V94.568H133.71ZM137.9 100.256C138.06 100.256 138.224 100.244 138.392 100.22C138.56 100.188 138.696 100.156 138.8 100.124V100.928C138.688 100.984 138.528 101.028 138.32 101.06C138.112 101.1 137.912 101.12 137.72 101.12C137.384 101.12 137.072 101.064 136.784 100.952C136.504 100.832 136.276 100.628 136.1 100.34C135.924 100.052 135.836 99.648 135.836 99.128V95.384H134.924V94.88L135.848 94.46L136.268 93.092H136.892V94.568H138.752V95.384H136.892V99.104C136.892 99.496 136.984 99.788 137.168 99.98C137.36 100.164 137.604 100.256 137.9 100.256ZM146.17 95.384H144.55V101H143.494V95.384H142.366V94.892L143.494 94.532V94.16C143.494 93.608 143.574 93.16 143.734 92.816C143.902 92.472 144.142 92.22 144.454 92.06C144.766 91.9 145.142 91.82 145.582 91.82C145.838 91.82 146.07 91.844 146.278 91.892C146.494 91.932 146.678 91.98 146.83 92.036L146.554 92.864C146.426 92.824 146.278 92.784 146.11 92.744C145.942 92.704 145.77 92.684 145.594 92.684C145.242 92.684 144.978 92.804 144.802 93.044C144.634 93.276 144.55 93.644 144.55 94.148V94.568H146.17V95.384ZM152.923 97.772C152.923 98.308 152.851 98.784 152.707 99.2C152.571 99.608 152.371 99.956 152.107 100.244C151.851 100.532 151.535 100.752 151.159 100.904C150.791 101.048 150.379 101.12 149.923 101.12C149.499 101.12 149.107 101.048 148.747 100.904C148.387 100.752 148.075 100.532 147.811 100.244C147.547 99.956 147.339 99.608 147.187 99.2C147.043 98.784 146.971 98.308 146.971 97.772C146.971 97.06 147.091 96.46 147.331 95.972C147.571 95.476 147.915 95.1 148.363 94.844C148.811 94.58 149.343 94.448 149.959 94.448C150.543 94.448 151.055 94.58 151.495 94.844C151.943 95.1 152.291 95.476 152.539 95.972C152.795 96.46 152.923 97.06 152.923 97.772ZM148.063 97.772C148.063 98.276 148.127 98.716 148.255 99.092C148.391 99.46 148.599 99.744 148.879 99.944C149.159 100.144 149.515 100.244 149.947 100.244C150.379 100.244 150.735 100.144 151.015 99.944C151.295 99.744 151.499 99.46 151.627 99.092C151.763 98.716 151.831 98.276 151.831 97.772C151.831 97.26 151.763 96.824 151.627 96.464C151.491 96.104 151.283 95.828 151.003 95.636C150.731 95.436 150.375 95.336 149.935 95.336C149.279 95.336 148.803 95.552 148.507 95.984C148.211 96.416 148.063 97.012 148.063 97.772ZM157.596 94.448C157.716 94.448 157.844 94.456 157.98 94.472C158.124 94.48 158.248 94.496 158.352 94.52L158.22 95.492C158.116 95.468 158 95.448 157.872 95.432C157.752 95.416 157.636 95.408 157.524 95.408C157.276 95.408 157.04 95.46 156.816 95.564C156.592 95.668 156.392 95.816 156.216 96.008C156.04 96.192 155.9 96.416 155.796 96.68C155.7 96.944 155.652 97.24 155.652 97.568V101H154.596V94.568H155.46L155.58 95.744H155.628C155.764 95.504 155.928 95.288 156.12 95.096C156.312 94.896 156.532 94.74 156.78 94.628C157.028 94.508 157.3 94.448 157.596 94.448ZM165.106 94.46C165.89 94.46 166.47 94.632 166.846 94.976C167.222 95.32 167.41 95.868 167.41 96.62V101H166.642L166.438 100.088H166.39C166.206 100.32 166.014 100.516 165.814 100.676C165.622 100.828 165.398 100.94 165.142 101.012C164.894 101.084 164.59 101.12 164.23 101.12C163.846 101.12 163.498 101.052 163.186 100.916C162.882 100.78 162.642 100.572 162.466 100.292C162.29 100.004 162.202 99.644 162.202 99.212C162.202 98.572 162.454 98.08 162.958 97.736C163.462 97.384 164.238 97.192 165.286 97.16L166.378 97.124V96.74C166.378 96.204 166.262 95.832 166.03 95.624C165.798 95.416 165.47 95.312 165.046 95.312C164.71 95.312 164.39 95.364 164.086 95.468C163.782 95.564 163.498 95.676 163.234 95.804L162.91 95.012C163.19 94.86 163.522 94.732 163.906 94.628C164.29 94.516 164.69 94.46 165.106 94.46ZM165.418 97.892C164.618 97.924 164.062 98.052 163.75 98.276C163.446 98.5 163.294 98.816 163.294 99.224C163.294 99.584 163.402 99.848 163.618 100.016C163.842 100.184 164.126 100.268 164.47 100.268C165.014 100.268 165.466 100.12 165.826 99.824C166.186 99.52 166.366 99.056 166.366 98.432V97.856L165.418 97.892ZM176.666 97.364C176.618 97.196 176.57 97.032 176.522 96.872C176.474 96.704 176.43 96.548 176.39 96.404C176.358 96.252 176.326 96.112 176.294 95.984C176.262 95.856 176.238 95.748 176.222 95.66H176.174C176.158 95.748 176.134 95.856 176.102 95.984C176.078 96.112 176.046 96.252 176.006 96.404C175.974 96.556 175.934 96.716 175.886 96.884C175.846 97.044 175.798 97.208 175.742 97.376L174.59 100.988H173.39L171.626 94.556H172.718L173.606 97.988C173.67 98.22 173.73 98.456 173.786 98.696C173.842 98.928 173.89 99.152 173.93 99.368C173.978 99.576 174.01 99.756 174.026 99.908H174.074C174.098 99.812 174.126 99.692 174.158 99.548C174.19 99.404 174.222 99.252 174.254 99.092C174.294 98.932 174.334 98.772 174.374 98.612C174.422 98.452 174.466 98.308 174.506 98.18L175.646 94.556H176.798L177.902 98.18C177.958 98.364 178.014 98.56 178.07 98.768C178.134 98.976 178.19 99.18 178.238 99.38C178.286 99.572 178.318 99.744 178.334 99.896H178.382C178.398 99.76 178.426 99.592 178.466 99.392C178.514 99.184 178.566 98.96 178.622 98.72C178.686 98.472 178.75 98.228 178.814 97.988L179.714 94.556H180.794L179.006 100.988H177.77L176.666 97.364ZM183.004 94.556C183.004 94.708 182.996 94.864 182.98 95.024C182.972 95.184 182.96 95.328 182.944 95.456H183.016C183.152 95.232 183.324 95.048 183.532 94.904C183.74 94.76 183.972 94.652 184.228 94.58C184.484 94.5 184.748 94.46 185.02 94.46C185.54 94.46 185.972 94.544 186.316 94.712C186.668 94.872 186.932 95.124 187.108 95.468C187.284 95.812 187.372 96.26 187.372 96.812V101H186.328V96.884C186.328 96.364 186.212 95.976 185.98 95.72C185.748 95.464 185.384 95.336 184.888 95.336C184.408 95.336 184.032 95.428 183.76 95.612C183.488 95.788 183.292 96.052 183.172 96.404C183.06 96.748 183.004 97.172 183.004 97.676V101H181.948V91.88H183.004V94.556ZM190.422 94.568V101H189.366V94.568H190.422ZM189.906 92.156C190.066 92.156 190.206 92.212 190.326 92.324C190.454 92.428 190.518 92.596 190.518 92.828C190.518 93.052 190.454 93.22 190.326 93.332C190.206 93.444 190.066 93.5 189.906 93.5C189.73 93.5 189.582 93.444 189.462 93.332C189.342 93.22 189.282 93.052 189.282 92.828C189.282 92.596 189.342 92.428 189.462 92.324C189.582 92.212 189.73 92.156 189.906 92.156ZM193.515 101H192.459V91.88H193.515V101ZM198.037 94.448C198.589 94.448 199.061 94.568 199.453 94.808C199.853 95.048 200.157 95.388 200.365 95.828C200.581 96.26 200.689 96.768 200.689 97.352V97.988H196.285C196.301 98.716 196.485 99.272 196.837 99.656C197.197 100.032 197.697 100.22 198.337 100.22C198.745 100.22 199.105 100.184 199.417 100.112C199.737 100.032 200.065 99.92 200.401 99.776V100.7C200.073 100.844 199.749 100.948 199.429 101.012C199.109 101.084 198.729 101.12 198.289 101.12C197.681 101.12 197.141 100.996 196.669 100.748C196.205 100.5 195.841 100.132 195.577 99.644C195.321 99.148 195.193 98.544 195.193 97.832C195.193 97.128 195.309 96.524 195.541 96.02C195.781 95.516 196.113 95.128 196.537 94.856C196.969 94.584 197.469 94.448 198.037 94.448ZM198.025 95.312C197.521 95.312 197.121 95.476 196.825 95.804C196.537 96.124 196.365 96.572 196.309 97.148H199.585C199.585 96.78 199.529 96.46 199.417 96.188C199.305 95.916 199.133 95.704 198.901 95.552C198.677 95.392 198.385 95.312 198.025 95.312ZM202.987 98.264C202.987 97.96 203.015 97.7 203.071 97.484C203.135 97.26 203.239 97.048 203.383 96.848C203.535 96.648 203.739 96.44 203.995 96.224C204.307 95.96 204.547 95.74 204.715 95.564C204.891 95.388 205.015 95.216 205.087 95.048C205.159 94.88 205.195 94.676 205.195 94.436C205.195 94.052 205.071 93.756 204.823 93.548C204.575 93.34 204.215 93.236 203.743 93.236C203.351 93.236 203.003 93.288 202.699 93.392C202.395 93.488 202.103 93.604 201.823 93.74L201.451 92.9C201.771 92.732 202.123 92.592 202.507 92.48C202.899 92.368 203.335 92.312 203.815 92.312C204.575 92.312 205.163 92.5 205.579 92.876C205.995 93.252 206.203 93.764 206.203 94.412C206.203 94.772 206.143 95.08 206.023 95.336C205.911 95.584 205.747 95.816 205.531 96.032C205.323 96.24 205.075 96.464 204.787 96.704C204.523 96.928 204.319 97.124 204.175 97.292C204.039 97.46 203.947 97.628 203.899 97.796C203.851 97.956 203.827 98.152 203.827 98.384V98.588H202.987V98.264ZM202.711 100.352C202.711 100.056 202.779 99.848 202.915 99.728C203.059 99.608 203.239 99.548 203.455 99.548C203.655 99.548 203.827 99.608 203.971 99.728C204.115 99.848 204.187 100.056 204.187 100.352C204.187 100.64 204.115 100.848 203.971 100.976C203.827 101.104 203.655 101.168 203.455 101.168C203.239 101.168 203.059 101.104 202.915 100.976C202.779 100.848 202.711 100.64 202.711 100.352Z" fill="black"/>
+<rect x="114.341" y="86.6438" width="6.60052" height="6.9142" transform="rotate(45 114.341 86.6438)" fill="white"/>
+</g>
+<defs>
+<filter id="filter0_dd_2156_5404" x="103.452" y="66" width="120.597" height="52" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="1"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.117647 0 0 0 0 0.145098 0 0 0 0 0.188235 0 0 0 0.08 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_2156_5404"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="3"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.117647 0 0 0 0 0.145098 0 0 0 0 0.188235 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="effect1_dropShadow_2156_5404" result="effect2_dropShadow_2156_5404"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect2_dropShadow_2156_5404" result="shape"/>
+</filter>
+</defs>
+</svg>
diff --git a/services/web/frontend/js/features/subscription/images/star-gradient.svg b/services/web/frontend/js/features/subscription/images/star-gradient.svg
new file mode 100644
index 0000000..0f979e3
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/images/star-gradient.svg
@@ -0,0 +1,15 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_967_5711" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="17" height="17">
+<rect x="0.396484" y="0.64917" width="16" height="16" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_967_5711)">
+<path d="M8.39636 11.1826L5.9297 13.0659C5.80747 13.1659 5.67414 13.213 5.5297 13.2072C5.38525 13.2019 5.25747 13.1603 5.14636 13.0826C5.03525 13.0048 4.94925 12.8992 4.88836 12.7659C4.82703 12.6326 4.82414 12.4881 4.8797 12.3326L5.8297 9.24923L3.41303 7.53257C3.2797 7.44368 3.19636 7.32701 3.16303 7.18257C3.1297 7.03812 3.13525 6.90479 3.1797 6.78257C3.22414 6.66035 3.30192 6.5519 3.41303 6.45724C3.52414 6.36301 3.65747 6.3159 3.81303 6.3159H6.79636L7.76303 3.1159C7.81859 2.96035 7.90481 2.84079 8.0217 2.75724C8.13814 2.67412 8.26303 2.63257 8.39636 2.63257C8.5297 2.63257 8.65459 2.67412 8.77103 2.75724C8.88792 2.84079 8.97414 2.96035 9.0297 3.1159L9.99636 6.3159H12.9797C13.1353 6.3159 13.2686 6.36301 13.3797 6.45724C13.4908 6.5519 13.5686 6.66035 13.613 6.78257C13.6575 6.90479 13.663 7.03812 13.6297 7.18257C13.5964 7.32701 13.513 7.44368 13.3797 7.53257L10.963 9.24923L11.913 12.3326C11.9686 12.4881 11.9659 12.6326 11.905 12.7659C11.8437 12.8992 11.7575 13.0048 11.6464 13.0826C11.5353 13.1603 11.4075 13.2019 11.263 13.2072C11.1186 13.213 10.9853 13.1659 10.863 13.0659L8.39636 11.1826Z" fill="url(#paint0_linear_967_5711)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_967_5711" x1="13.6511" y1="2.63257" x2="1.37486" y2="8.15906" gradientUnits="userSpaceOnUse">
+<stop stop-color="#214475"/>
+<stop offset="0.295154" stop-color="#254C84"/>
+<stop offset="1" stop-color="#6597E0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/services/web/frontend/js/features/subscription/util/is-in-free-trial.ts b/services/web/frontend/js/features/subscription/util/is-in-free-trial.ts
new file mode 100644
index 0000000..ea52a5f
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/util/is-in-free-trial.ts
@@ -0,0 +1,9 @@
+export default function isInFreeTrial(trialEndsAt?: string | null) {
+  if (!trialEndsAt) return false
+
+  const endDate = new Date(trialEndsAt)
+
+  if (endDate.getTime() < Date.now()) return false
+
+  return true
+}
diff --git a/services/web/frontend/js/features/subscription/util/is-monthly-collaborator-plan.ts b/services/web/frontend/js/features/subscription/util/is-monthly-collaborator-plan.ts
new file mode 100644
index 0000000..550c5ec
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/util/is-monthly-collaborator-plan.ts
@@ -0,0 +1,10 @@
+export default function isMonthlyCollaboratorPlan(
+  planCode: string,
+  isGroupPlan?: boolean
+) {
+  return (
+    planCode.indexOf('collaborator') !== -1 &&
+    planCode.indexOf('ann') === -1 &&
+    !isGroupPlan
+  )
+}
diff --git a/services/web/frontend/js/features/subscription/util/is-recurly-loaded.ts b/services/web/frontend/js/features/subscription/util/is-recurly-loaded.ts
new file mode 100644
index 0000000..500af34
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/util/is-recurly-loaded.ts
@@ -0,0 +1,3 @@
+export function isRecurlyLoaded() {
+  return typeof recurly !== 'undefined'
+}
diff --git a/services/web/frontend/js/features/subscription/util/recurly-group-plan-code.ts b/services/web/frontend/js/features/subscription/util/recurly-group-plan-code.ts
new file mode 100644
index 0000000..3d52d5b
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/util/recurly-group-plan-code.ts
@@ -0,0 +1,7 @@
+export function getRecurlyGroupPlanCode(
+  planCode: string,
+  size: string,
+  usage: string
+) {
+  return `group_${planCode}_${size}_${usage}`
+}
diff --git a/services/web/frontend/js/features/subscription/util/recurly-pricing.ts b/services/web/frontend/js/features/subscription/util/recurly-pricing.ts
new file mode 100644
index 0000000..584174d
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/util/recurly-pricing.ts
@@ -0,0 +1,104 @@
+import { SubscriptionPricingState } from '@recurly/recurly-js'
+import { PriceForDisplayData } from '../../../../../types/subscription/plan'
+import { CurrencyCode } from '../../../../../types/subscription/currency'
+import { getRecurlyGroupPlanCode } from './recurly-group-plan-code'
+import { debugConsole } from '@/utils/debugging'
+import { formatCurrency } from '@/shared/utils/currency'
+
+function queryRecurlyPlanPrice(planCode: string, currency: CurrencyCode) {
+  return new Promise(resolve => {
+    recurly.Pricing.Subscription()
+      .plan(planCode, { quantity: 1 })
+      .currency(currency)
+      .catch(debugConsole.error)
+      .done(response => {
+        if (response) {
+          resolve(response)
+        } else {
+          resolve(undefined)
+        }
+      })
+  })
+}
+
+export function formatPriceForDisplayData(
+  price: string,
+  taxRate: number,
+  currencyCode: CurrencyCode,
+  locale: string
+): PriceForDisplayData {
+  const totalPriceExTax = parseFloat(price)
+  let taxAmount = totalPriceExTax * taxRate
+  if (isNaN(taxAmount)) {
+    taxAmount = 0
+  }
+  const totalWithTax = totalPriceExTax + taxAmount
+
+  return {
+    totalForDisplay: formatCurrency(totalWithTax, currencyCode, locale, true),
+    totalAsNumber: totalWithTax,
+    subtotal: formatCurrency(totalPriceExTax, currencyCode, locale),
+    tax: formatCurrency(taxAmount, currencyCode, locale),
+    includesTax: taxAmount !== 0,
+  }
+}
+
+function getPerUserDisplayPrice(
+  totalPrice: number,
+  currency: CurrencyCode,
+  size: string,
+  locale: string
+): string {
+  return formatCurrency(totalPrice / parseInt(size), currency, locale, true)
+}
+
+export async function loadDisplayPriceWithTaxPromise(
+  planCode: string,
+  currencyCode: CurrencyCode,
+  taxRate: number,
+  locale: string
+) {
+  if (!recurly) return
+
+  const price = (await queryRecurlyPlanPrice(
+    planCode,
+    currencyCode
+  )) as SubscriptionPricingState['price']
+  if (price)
+    return formatPriceForDisplayData(
+      price.next.total,
+      taxRate,
+      currencyCode,
+      locale
+    )
+}
+
+export async function loadGroupDisplayPriceWithTaxPromise(
+  groupPlanCode: string,
+  currencyCode: CurrencyCode,
+  taxRate: number,
+  size: string,
+  usage: string,
+  locale: string
+) {
+  if (!recurly) return
+
+  const planCode = getRecurlyGroupPlanCode(groupPlanCode, size, usage)
+  const price = await loadDisplayPriceWithTaxPromise(
+    planCode,
+    currencyCode,
+    taxRate,
+    locale
+  )
+
+  if (price) {
+    price.perUserDisplayPrice = getPerUserDisplayPrice(
+      price.totalAsNumber,
+      currencyCode,
+      size,
+      locale
+    )
+  }
+
+  return price
+}
diff --git a/services/web/frontend/js/features/subscription/util/show-downgrade-option.ts b/services/web/frontend/js/features/subscription/util/show-downgrade-option.ts
new file mode 100644
index 0000000..283823f
--- /dev/null
+++ b/services/web/frontend/js/features/subscription/util/show-downgrade-option.ts
@@ -0,0 +1,18 @@
+import { Nullable } from '../../../../../types/utils'
+import isInFreeTrial from './is-in-free-trial'
+import isMonthlyCollaboratorPlan from './is-monthly-collaborator-plan'
+
+export default function showDowngradeOption(
+  planCode: string,
+  isGroupPlan?: boolean,
+  trialEndsAt?: string | null,
+  pausedAt?: Nullable<string>,
+  remainingPauseCycles?: Nullable<number>
+) {
+  return (
+    !pausedAt &&
+    !remainingPauseCycles &&
+    isMonthlyCollaboratorPlan(planCode, isGroupPlan) &&
+    !isInFreeTrial(trialEndsAt)
+  )
+}
diff --git a/services/web/frontend/js/features/token-access/components/access-attempt-screen.tsx b/services/web/frontend/js/features/token-access/components/access-attempt-screen.tsx
new file mode 100644
index 0000000..0813325
--- /dev/null
+++ b/services/web/frontend/js/features/token-access/components/access-attempt-screen.tsx
@@ -0,0 +1,55 @@
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+
+export const AccessAttemptScreen: FC<{
+  loadingScreenBrandHeight: string
+  inflight: boolean
+  accessError: string | boolean
+}> = ({ loadingScreenBrandHeight, inflight, accessError }) => {
+  const { t } = useTranslation()
+
+  return (
+    <div className="loading-screen">
+      <div className="loading-screen-brand-container">
+        <div
+          className="loading-screen-brand"
+          style={{ height: loadingScreenBrandHeight }}
+        />
+      </div>
+
+      <h3 className="loading-screen-label text-center">
+        {t('join_project')}
+        {inflight && <LoadingScreenEllipses />}
+      </h3>
+
+      {accessError && (
+        <div className="global-alerts text-center">
+          <div>
+            <br />
+            {accessError === 'not_found' ? (
+              <div>
+                <h4 aria-live="assertive">Project not found</h4>
+              </div>
+            ) : (
+              <div>
+                <div className="alert alert-danger" aria-live="assertive">
+                  {t('token_access_failure')}
+                </div>
+                <p>
+                  <a href="/">{t('home')}</a>
+                </p>
+              </div>
+            )}
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}
+const LoadingScreenEllipses = () => (
+  <span aria-hidden>
+    <span className="loading-screen-ellip">.</span>
+    <span className="loading-screen-ellip">.</span>
+    <span className="loading-screen-ellip">.</span>
+  </span>
+)
diff --git a/services/web/frontend/js/features/token-access/components/leave-project-modal.tsx b/services/web/frontend/js/features/token-access/components/leave-project-modal.tsx
new file mode 100644
index 0000000..f1c82d1
--- /dev/null
+++ b/services/web/frontend/js/features/token-access/components/leave-project-modal.tsx
@@ -0,0 +1,53 @@
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLModal, {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import Notification from '@/shared/components/notification'
+import { useTranslation } from 'react-i18next'
+
+type LeaveProjectModalProps = {
+  showModal: boolean
+  handleCloseModal: () => void
+  handleLeaveAction: () => void
+}
+function LeaveProjectModal({
+  showModal,
+  handleCloseModal,
+  handleLeaveAction,
+}: LeaveProjectModalProps) {
+  const { t } = useTranslation()
+
+  return (
+    <OLModal
+      animation
+      show={showModal}
+      onHide={handleCloseModal}
+      id="action-project-modal"
+      backdrop="static"
+    >
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('leave_project')}</OLModalTitle>
+      </OLModalHeader>
+      <OLModalBody>
+        <p>{t('about_to_leave_project')}</p>
+        <Notification
+          content={t('this_action_cannot_be_undone')}
+          type="warning"
+        />
+      </OLModalBody>
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={handleCloseModal}>
+          {t('cancel')}
+        </OLButton>
+        <OLButton variant="danger" onClick={() => handleLeaveAction()}>
+          {t('confirm')}
+        </OLButton>
+      </OLModalFooter>
+    </OLModal>
+  )
+}
+
+export default LeaveProjectModal
diff --git a/services/web/frontend/js/features/token-access/components/require-accept-screen.tsx b/services/web/frontend/js/features/token-access/components/require-accept-screen.tsx
new file mode 100644
index 0000000..7fc3491
--- /dev/null
+++ b/services/web/frontend/js/features/token-access/components/require-accept-screen.tsx
@@ -0,0 +1,69 @@
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import getMeta from '@/utils/meta'
+
+export type RequireAcceptData = {
+  projectName?: string
+}
+
+export const RequireAcceptScreen: FC<{
+  requireAcceptData: RequireAcceptData
+  sendPostRequest: (confirmedByUser: boolean) => void
+}> = ({ requireAcceptData, sendPostRequest }) => {
+  const { t } = useTranslation()
+  const user = getMeta('ol-user')
+
+  return (
+    <div className="container">
+      <div className="row">
+        <div className="col-md-12">
+          <div className="card">
+            <div className="card-body">
+              <div className="text-center link-sharing-invite">
+                <div className="link-sharing-invite-header">
+                  <p>
+                    {t('youre_joining')}
+                    <br />
+                    <em>
+                      <strong>
+                        {requireAcceptData.projectName || 'This project'}
+                      </strong>
+                    </em>
+                    {user && (
+                      <>
+                        <br />
+                        {t('as_email', { email: user.email })}
+                      </>
+                    )}
+                  </p>
+                </div>
+              </div>
+
+              <div className="row row-spaced text-center">
+                <div className="col-md-12">
+                  <p>
+                    {t(
+                      'your_name_and_email_address_will_be_visible_to_the_project_owner_and_other_editors'
+                    )}
+                  </p>
+                </div>
+              </div>
+
+              <div className="row row-spaced text-center">
+                <div className="col-md-12">
+                  <button
+                    className="btn btn-lg btn-primary"
+                    type="submit"
+                    onClick={() => sendPostRequest(true)}
+                  >
+                    {t('ok_join_project')}
+                  </button>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/features/token-access/components/sharing-updates-root.tsx b/services/web/frontend/js/features/token-access/components/sharing-updates-root.tsx
new file mode 100644
index 0000000..476bc83
--- /dev/null
+++ b/services/web/frontend/js/features/token-access/components/sharing-updates-root.tsx
@@ -0,0 +1,165 @@
+import useWaitForI18n from '@/shared/hooks/use-wait-for-i18n'
+import { Trans, useTranslation } from 'react-i18next'
+import withErrorBoundary from '@/infrastructure/error-boundary'
+import { GenericErrorBoundaryFallback } from '@/shared/components/generic-error-boundary-fallback'
+import { useCallback, useState } from 'react'
+import getMeta from '@/utils/meta'
+import { postJSON } from '@/infrastructure/fetch-json'
+import { debugConsole } from '@/utils/debugging'
+import useAsync from '@/shared/hooks/use-async'
+import Notification from '@/shared/components/notification'
+import { sendMB } from '@/infrastructure/event-tracking'
+
+import LeaveProjectModal from './leave-project-modal'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+function SharingUpdatesRoot() {
+  const [showModal, setShowModal] = useState(false)
+  const { isReady } = useWaitForI18n()
+  const { t } = useTranslation()
+  const { isLoading, isSuccess, isError, runAsync } = useAsync()
+  const projectId = getMeta('ol-project_id')
+
+  const joinProject = useCallback(() => {
+    sendMB('notification-click', {
+      name: 'link-sharing-collaborator',
+      button: 'ok',
+    })
+    runAsync(postJSON(`/project/${projectId}/sharing-updates/join`))
+      .then(() => {
+        location.assign(`/project/${projectId}`)
+      })
+      .catch(debugConsole.error)
+  }, [runAsync, projectId])
+
+  const viewProject = useCallback(() => {
+    sendMB('notification-click', {
+      name: 'link-sharing-collaborator',
+      button: 'anonymous',
+    })
+    runAsync(postJSON(`/project/${projectId}/sharing-updates/view`))
+      .then(() => {
+        location.assign(`/project/${projectId}`)
+      })
+      .catch(debugConsole.error)
+  }, [runAsync, projectId])
+
+  const leaveProject = useCallback(() => {
+    sendMB('notification-click', {
+      name: 'link-sharing-collaborator',
+      button: 'leave',
+    })
+    runAsync(postJSON(`/project/${projectId}/leave`))
+      .then(() => {
+        location.assign('/project')
+      })
+      .catch(debugConsole.error)
+  }, [runAsync, projectId])
+
+  if (!isReady) {
+    return null
+  }
+
+  return (
+    <div className="container">
+      <LeaveProjectModal
+        handleLeaveAction={leaveProject}
+        showModal={showModal}
+        handleCloseModal={() => setShowModal(false)}
+      />
+      <div className="row">
+        <div className="col-md-6 col-md-offset-3 offset-md-3">
+          <div className="card sharing-updates">
+            <div className="card-body">
+              <div className="row">
+                <div className="col-md-12">
+                  <h1 className="sharing-updates-h1">
+                    {t('updates_to_project_sharing')}
+                  </h1>
+                </div>
+              </div>
+
+              <div className="row row-spaced">
+                <div className="col-md-12">
+                  <p>
+                    <Trans
+                      i18nKey="were_making_some_changes_to_project_sharing_this_means_you_will_be_visible"
+                      components={[
+                        // eslint-disable-next-line jsx-a11y/anchor-has-content, react/jsx-key
+                        <a
+                          href="/blog/changes-to-project-sharing"
+                          rel="noopener noreferrer"
+                          target="_blank"
+                          onClick={() => {
+                            sendMB('notification-click', {
+                              name: 'link-sharing-collaborator',
+                              button: 'learn',
+                            })
+                          }}
+                        />,
+                      ]}
+                    />
+                  </p>
+                </div>
+              </div>
+
+              <div className="row row-spaced">
+                <div className="col-md-12">
+                  <OLButton
+                    variant="primary"
+                    onClick={joinProject}
+                    disabled={isLoading}
+                  >
+                    {t('ok_continue_to_project')}
+                  </OLButton>
+                </div>
+              </div>
+
+              {isError && (
+                <div className="row row-spaced">
+                  <div className="col-md-12">
+                    <Notification
+                      type="error"
+                      content={t('generic_something_went_wrong')}
+                    />
+                  </div>
+                </div>
+              )}
+
+              <div className="row row-spaced">
+                <div className="col-md-12">
+                  <p>
+                    <small>
+                      <Trans
+                        i18nKey="you_can_also_choose_to_view_anonymously_or_leave_the_project"
+                        components={[
+                          // eslint-disable-next-line react/jsx-key
+                          <button
+                            className="btn btn-inline-link"
+                            onClick={() => viewProject()}
+                            disabled={isLoading || isSuccess}
+                          />,
+                          // eslint-disable-next-line react/jsx-key
+                          <button
+                            className="btn btn-inline-link"
+                            onClick={() => setShowModal(true)}
+                            disabled={isLoading || isSuccess}
+                          />,
+                        ]}
+                      />
+                    </small>
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default withErrorBoundary(
+  SharingUpdatesRoot,
+  GenericErrorBoundaryFallback
+)
diff --git a/services/web/frontend/js/features/token-access/components/token-access-root.tsx b/services/web/frontend/js/features/token-access/components/token-access-root.tsx
new file mode 100644
index 0000000..b38b3fd
--- /dev/null
+++ b/services/web/frontend/js/features/token-access/components/token-access-root.tsx
@@ -0,0 +1,140 @@
+import useWaitForI18n from '@/shared/hooks/use-wait-for-i18n'
+import withErrorBoundary from '@/infrastructure/error-boundary'
+import { GenericErrorBoundaryFallback } from '@/shared/components/generic-error-boundary-fallback'
+import { ElementType, useCallback, useEffect, useRef, useState } from 'react'
+import getMeta from '@/utils/meta'
+import { postJSON } from '@/infrastructure/fetch-json'
+import { debugConsole } from '@/utils/debugging'
+import { useLocation } from '@/shared/hooks/use-location'
+import { AccessAttemptScreen } from '@/features/token-access/components/access-attempt-screen'
+import {
+  RequireAcceptData,
+  RequireAcceptScreen,
+} from '@/features/token-access/components/require-accept-screen'
+import Icon from '@/shared/components/icon'
+import importOverleafModules from '../../../../macros/import-overleaf-module.macro'
+
+type Mode = 'access-attempt' | 'v1Import' | 'requireAccept'
+
+const [v1ImportDataScreenModule] = importOverleafModules(
+  'v1ImportDataScreen'
+) as {
+  import: { default: ElementType }
+}[]
+const V1ImportDataScreen = v1ImportDataScreenModule?.import.default
+
+export type V1ImportData = {
+  name?: string
+  status: string
+  projectId: string
+}
+
+function TokenAccessRoot() {
+  const [mode, setMode] = useState<Mode>('access-attempt')
+  const [inflight, setInflight] = useState(false)
+  const [accessError, setAccessError] = useState<string | boolean>(false)
+  const [v1ImportData, setV1ImportData] = useState<V1ImportData>()
+  const [requireAcceptData, setRequireAcceptData] =
+    useState<RequireAcceptData>()
+  const [loadingScreenBrandHeight, setLoadingScreenBrandHeight] =
+    useState('0px')
+  const location = useLocation()
+
+  const sendPostRequest = useCallback(
+    (confirmedByUser = false) => {
+      setInflight(true)
+
+      postJSON(getMeta('ol-postUrl'), {
+        body: {
+          confirmedByUser,
+          tokenHashPrefix: document.location.hash,
+        },
+      })
+        .then(async data => {
+          setAccessError(false)
+
+          if (data.redirect) {
+            location.replace(data.redirect)
+          } else if (data.v1Import) {
+            setMode('v1Import')
+            setV1ImportData(data.v1Import)
+          } else if (data.requireAccept) {
+            setMode('requireAccept')
+            setRequireAcceptData(data.requireAccept)
+          } else {
+            debugConsole.warn(
+              'invalid data from server in success response',
+              data
+            )
+            setAccessError(true)
+          }
+        })
+        .catch(error => {
+          debugConsole.warn('error response from server', error)
+          setAccessError(error.response?.status === 404 ? 'not_found' : 'error')
+        })
+        .finally(() => {
+          setInflight(false)
+        })
+    },
+    [location]
+  )
+
+  const postedRef = useRef(false)
+  useEffect(() => {
+    if (!postedRef.current) {
+      postedRef.current = true
+      sendPostRequest()
+      setTimeout(() => {
+        setLoadingScreenBrandHeight('20%')
+      }, 500)
+    }
+  }, [sendPostRequest])
+
+  const { isReady } = useWaitForI18n()
+
+  if (!isReady) {
+    return null
+  }
+
+  // We don't want the full-size div and back link(?) on
+  // the new page, but we do this so the original page
+  // doesn't change.
+  // TODO: clean up the DOM in the main return
+  if (mode === 'requireAccept' && requireAcceptData) {
+    return (
+      <RequireAcceptScreen
+        requireAcceptData={requireAcceptData}
+        sendPostRequest={sendPostRequest}
+      />
+    )
+  }
+
+  return (
+    <div className="full-size">
+      <div>
+        <a
+          href="/project"
+          // TODO: class name
+          style={{ fontSize: '2rem', marginLeft: '1rem', color: '#ddd' }}
+        >
+          <Icon type="arrow-left" />
+        </a>
+      </div>
+
+      {mode === 'access-attempt' && (
+        <AccessAttemptScreen
+          accessError={accessError}
+          inflight={inflight}
+          loadingScreenBrandHeight={loadingScreenBrandHeight}
+        />
+      )}
+
+      {V1ImportDataScreen && mode === 'v1Import' && v1ImportData && (
+        <V1ImportDataScreen v1ImportData={v1ImportData} />
+      )}
+    </div>
+  )
+}
+
+export default withErrorBoundary(TokenAccessRoot, GenericErrorBoundaryFallback)
diff --git a/services/web/frontend/js/features/tooltip/index-bs3.ts b/services/web/frontend/js/features/tooltip/index-bs3.ts
new file mode 100644
index 0000000..e71965b
--- /dev/null
+++ b/services/web/frontend/js/features/tooltip/index-bs3.ts
@@ -0,0 +1,2 @@
+$('[data-ol-lang-selector-tooltip]').tooltip({ trigger: 'hover' })
+$('[data-toggle="tooltip"]').tooltip()
diff --git a/services/web/frontend/js/features/tooltip/index-bs5.ts b/services/web/frontend/js/features/tooltip/index-bs5.ts
new file mode 100644
index 0000000..62c199e
--- /dev/null
+++ b/services/web/frontend/js/features/tooltip/index-bs5.ts
@@ -0,0 +1,45 @@
+import { Tooltip } from 'bootstrap-5'
+
+function getElementWidth(el: Element) {
+  const elComputedStyle = window.getComputedStyle(el)
+  const elPaddingX =
+    parseFloat(elComputedStyle.paddingLeft) +
+    parseFloat(elComputedStyle.paddingRight)
+  const elBorderX =
+    parseFloat(elComputedStyle.borderLeftWidth) +
+    parseFloat(elComputedStyle.borderRightWidth)
+  return el.scrollWidth - elPaddingX - elBorderX
+}
+
+const footerLanguageElement = document.querySelector(
+  '[data-ol-lang-selector-tooltip]'
+) as Element
+if (footerLanguageElement) {
+  // eslint-disable-next-line no-new
+  new Tooltip(footerLanguageElement)
+}
+
+const allTooltips = document.querySelectorAll('[data-bs-toggle="tooltip"]')
+allTooltips.forEach(element => {
+  // eslint-disable-next-line no-unused-vars
+  const tooltip = new Tooltip(element)
+})
+
+const possibleBadgeTooltips = document.querySelectorAll('[data-badge-tooltip]')
+possibleBadgeTooltips.forEach(element => {
+  // Put data-badge-tooltip on .badge-content
+  // then tooltip is only shown if content is clipped due to max-width on .badge
+  // Due to font loading, the width calculated on page load might change, so we might
+  // incorrectly determine a tooltip is not needed. This is why max-width will always be set to none
+  // if no tooltip is shown so that content is fully visible in those scenarios.
+
+  if (element.parentElement) {
+    const parentWidth = getElementWidth(element.parentElement)
+    if (element.scrollWidth > parentWidth) {
+      // eslint-disable-next-line no-unused-vars
+      const tooltip = new Tooltip(element)
+    } else {
+      element.parentElement.style.maxWidth = 'none'
+    }
+  }
+})
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/badge-link-with-tooltip.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/badge-link-with-tooltip.tsx
new file mode 100644
index 0000000..aea97ad
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/badge-link-with-tooltip.tsx
@@ -0,0 +1,93 @@
+import { OverlayTrigger, Tooltip } from 'react-bootstrap-5'
+import type { MergeAndOverride } from '../../../../../../types/utils'
+import BadgeLink, { type BadgeLinkProps } from './badge-link'
+import { useEffect, useRef, useState } from 'react'
+import classNames from 'classnames'
+
+type BadgeLinkWithTooltipProps = MergeAndOverride<
+  BadgeLinkProps,
+  {
+    placement?: 'top' | 'right' | 'bottom' | 'left'
+    tooltipTitle: string
+  }
+>
+
+function getElementWidth(el: Element) {
+  const elComputedStyle = window.getComputedStyle(el)
+  const elPaddingX =
+    parseFloat(elComputedStyle.paddingLeft) +
+    parseFloat(elComputedStyle.paddingRight)
+  const elBorderX =
+    parseFloat(elComputedStyle.borderLeftWidth) +
+    parseFloat(elComputedStyle.borderRightWidth)
+  return el.scrollWidth - elPaddingX - elBorderX
+}
+
+function BadgeLinkWithTooltip({
+  children,
+  tooltipTitle,
+  placement,
+  ...rest
+}: BadgeLinkWithTooltipProps) {
+  const badgeContentRef = useRef<HTMLElement>(null)
+  const [showTooltip, setShowTooltip] = useState(true)
+  const [noMaxWidth, setNoMaxWidth] = useState(false)
+
+  const badgeLinkClasses = classNames({ 'badge-link-no-max-width': noMaxWidth })
+
+  const renderTooltip = (props: any) => {
+    if (showTooltip) {
+      return (
+        <Tooltip
+          id={`badge-tooltip-${rest.href.replace(/\//g, '-')}`}
+          {...props}
+        >
+          {tooltipTitle}
+        </Tooltip>
+      )
+    } else {
+      return <></>
+    }
+  }
+
+  useEffect(() => {
+    if (badgeContentRef.current) {
+      // Check if tooltip needed.
+      // If .badge-content does not extend beyond max-width limit on
+      // .badge then tooltip is not needed. max-width is always
+      // removed when withTooltip exists and tooltip is not needed
+      // to avoid any differences in width calculation after font
+      // loaded (for example, Noto sans). Othwerise, badge might get
+      // clipped due to font loaded causing .badge-content to be
+      // greater than .badge max-width and no tooltip was determined
+      // to be needed with default font (for example, sans-serif)
+      const badgeContentWidth = badgeContentRef.current.scrollWidth
+      if (badgeContentRef.current?.parentElement) {
+        const badgeWidth = getElementWidth(
+          badgeContentRef.current?.parentElement
+        )
+        if (badgeContentWidth <= badgeWidth) {
+          // no tooltip and remove max-width
+          setNoMaxWidth(true)
+          setShowTooltip(false)
+        }
+      }
+    }
+  }, [])
+
+  return (
+    <OverlayTrigger placement={placement || 'bottom'} overlay={renderTooltip}>
+      <span>
+        <BadgeLink
+          {...rest}
+          badgeContentRef={badgeContentRef}
+          badgeLinkClasses={badgeLinkClasses}
+        >
+          {children}
+        </BadgeLink>
+      </span>
+    </OverlayTrigger>
+  )
+}
+
+export default BadgeLinkWithTooltip
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/badge-link.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/badge-link.tsx
new file mode 100644
index 0000000..bf99689
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/badge-link.tsx
@@ -0,0 +1,31 @@
+import classNames from 'classnames'
+import type { MergeAndOverride } from '../../../../../../types/utils'
+import Badge, { type BadgeProps } from './badge'
+
+export type BadgeLinkProps = MergeAndOverride<
+  BadgeProps,
+  {
+    href: string
+    badgeContentRef?: React.RefObject<HTMLElement>
+    badgeLinkClasses?: string
+  }
+>
+
+function BadgeLink({
+  href,
+  badgeLinkClasses,
+  children,
+  ...badgeProps
+}: BadgeLinkProps) {
+  const containerClass = classNames(badgeLinkClasses, 'badge-link', {
+    [`badge-link-${badgeProps.bg}`]: badgeProps.bg,
+  })
+
+  return (
+    <a className={containerClass} href={href}>
+      <Badge {...badgeProps}>{children}</Badge>
+    </a>
+  )
+}
+
+export default BadgeLink
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/badge.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/badge.tsx
new file mode 100644
index 0000000..0e66500
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/badge.tsx
@@ -0,0 +1,23 @@
+import { Badge as BSBadge, BadgeProps as BSBadgeProps } from 'react-bootstrap-5'
+import { MergeAndOverride } from '../../../../../../types/utils'
+
+export type BadgeProps = MergeAndOverride<
+  BSBadgeProps,
+  {
+    prepend?: React.ReactNode
+    badgeContentRef?: React.RefObject<HTMLElement>
+  }
+>
+
+function Badge({ prepend, children, badgeContentRef, ...rest }: BadgeProps) {
+  return (
+    <BSBadge {...rest}>
+      {prepend && <span className="badge-prepend">{prepend}</span>}
+      <span className="badge-content" ref={badgeContentRef}>
+        {children}
+      </span>
+    </BSBadge>
+  )
+}
+
+export default Badge
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/button.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/button.tsx
new file mode 100644
index 0000000..4eec234
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/button.tsx
@@ -0,0 +1,81 @@
+import { forwardRef } from 'react'
+import { Button as BS5Button, Spinner } from 'react-bootstrap-5'
+import type { ButtonProps } from '@/features/ui/components/types/button-props'
+import classNames from 'classnames'
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '@/shared/components/material-icon'
+
+const Button = forwardRef<HTMLButtonElement, ButtonProps>(
+  (
+    {
+      children,
+      className,
+      leadingIcon,
+      isLoading = false,
+      loadingLabel,
+      trailingIcon,
+      variant = 'primary',
+      ...props
+    },
+    ref
+  ) => {
+    const { t } = useTranslation()
+
+    const buttonClassName = classNames('d-inline-grid', className, {
+      'button-loading': isLoading,
+    })
+
+    const loadingSpinnerClassName =
+      props.size === 'lg' ? 'loading-spinner-large' : 'loading-spinner-small'
+    const materialIconClassName =
+      props.size === 'lg' ? 'icon-large' : 'icon-small'
+
+    const leadingIconComponent =
+      leadingIcon && typeof leadingIcon === 'string' ? (
+        <MaterialIcon type={leadingIcon} className={materialIconClassName} />
+      ) : (
+        leadingIcon
+      )
+
+    const trailingIconComponent =
+      trailingIcon && typeof trailingIcon === 'string' ? (
+        <MaterialIcon type={trailingIcon} className={materialIconClassName} />
+      ) : (
+        trailingIcon
+      )
+
+    return (
+      <BS5Button
+        className={buttonClassName}
+        variant={variant}
+        {...props}
+        ref={ref}
+        disabled={isLoading || props.disabled}
+        data-ol-loading={isLoading}
+      >
+        {isLoading && (
+          <span className="spinner-container">
+            <Spinner
+              animation="border"
+              aria-hidden="true"
+              as="span"
+              className={loadingSpinnerClassName}
+              role="status"
+            />
+            <span className="visually-hidden">
+              {loadingLabel ?? t('loading')}
+            </span>
+          </span>
+        )}
+        <span className="button-content" aria-hidden={isLoading}>
+          {leadingIconComponent}
+          {children}
+          {trailingIconComponent}
+        </span>
+      </BS5Button>
+    )
+  }
+)
+Button.displayName = 'Button'
+
+export default Button
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/dropdown-list-item.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/dropdown-list-item.tsx
new file mode 100644
index 0000000..3b492fa
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/dropdown-list-item.tsx
@@ -0,0 +1,9 @@
+import { ReactNode } from 'react'
+
+export default function DropdownListItem({
+  children,
+}: {
+  children: ReactNode
+}) {
+  return <li role="none">{children}</li>
+}
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/dropdown-menu.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/dropdown-menu.tsx
new file mode 100644
index 0000000..aa35c15
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/dropdown-menu.tsx
@@ -0,0 +1,146 @@
+import React, { forwardRef } from 'react'
+import {
+  Dropdown as BS5Dropdown,
+  DropdownToggle as BS5DropdownToggle,
+  DropdownMenu as BS5DropdownMenu,
+  DropdownItem as BS5DropdownItem,
+  DropdownDivider as BS5DropdownDivider,
+  DropdownHeader as BS5DropdownHeader,
+  Button as BS5Button,
+  type ButtonProps,
+} from 'react-bootstrap-5'
+import type {
+  DropdownProps,
+  DropdownItemProps,
+  DropdownToggleProps,
+  DropdownMenuProps,
+  DropdownDividerProps,
+  DropdownHeaderProps,
+} from '@/features/ui/components/types/dropdown-menu-props'
+import MaterialIcon from '@/shared/components/material-icon'
+import { fixedForwardRef } from '@/utils/react'
+import classnames from 'classnames'
+
+export function Dropdown({ ...props }: DropdownProps) {
+  return <BS5Dropdown {...props} />
+}
+
+function DropdownItem(
+  {
+    active,
+    children,
+    className,
+    description,
+    leadingIcon,
+    trailingIcon,
+    ...props
+  }: DropdownItemProps,
+  ref: React.ForwardedRef<typeof BS5DropdownItem>
+) {
+  let leadingIconComponent = null
+  if (leadingIcon) {
+    if (typeof leadingIcon === 'string') {
+      leadingIconComponent = (
+        <MaterialIcon
+          className="dropdown-item-leading-icon"
+          type={leadingIcon}
+        />
+      )
+    } else {
+      leadingIconComponent = (
+        <span className="dropdown-item-leading-icon" aria-hidden="true">
+          {leadingIcon}
+        </span>
+      )
+    }
+  }
+
+  let trailingIconComponent = null
+  if (trailingIcon) {
+    if (typeof trailingIcon === 'string') {
+      const trailingIconType = active ? 'check' : trailingIcon
+
+      trailingIconComponent = (
+        <MaterialIcon
+          className="dropdown-item-trailing-icon"
+          type={trailingIconType}
+        />
+      )
+    } else {
+      trailingIconComponent = (
+        <span className="dropdown-item-trailing-icon" aria-hidden="true">
+          {trailingIcon}
+        </span>
+      )
+    }
+  }
+
+  return (
+    <BS5DropdownItem
+      active={active}
+      className={className}
+      role="menuitem"
+      {...props}
+      ref={ref}
+    >
+      {leadingIconComponent}
+      <div
+        className={classnames({
+          'dropdown-item-description-container': description,
+        })}
+      >
+        {children}
+        {trailingIconComponent}
+        {description && (
+          <span className="dropdown-item-description">{description}</span>
+        )}
+      </div>
+    </BS5DropdownItem>
+  )
+}
+
+function EmptyLeadingIcon() {
+  return <span className="dropdown-item-leading-icon-empty" />
+}
+
+const ForwardReferredDropdownItem = fixedForwardRef(DropdownItem, {
+  EmptyLeadingIcon,
+})
+
+export { ForwardReferredDropdownItem as DropdownItem }
+
+export const DropdownToggleCustom = forwardRef<HTMLButtonElement, ButtonProps>(
+  ({ children, className, ...props }, ref) => (
+    <BS5Button
+      ref={ref}
+      className={classnames('custom-toggle', className)}
+      {...props}
+    >
+      {children}
+      <MaterialIcon type="expand_more" />
+    </BS5Button>
+  )
+)
+DropdownToggleCustom.displayName = 'CustomCaret'
+
+export const DropdownToggle = forwardRef<
+  typeof BS5DropdownToggle,
+  DropdownToggleProps
+>((props, ref) => <BS5DropdownToggle {...props} ref={ref} />)
+DropdownToggle.displayName = 'DropdownToggle'
+
+export const DropdownMenu = forwardRef<
+  typeof BS5DropdownMenu,
+  DropdownMenuProps
+>(({ as = 'ul', ...props }, ref) => {
+  return <BS5DropdownMenu as={as} role="menu" {...props} ref={ref} />
+})
+DropdownMenu.displayName = 'DropdownMenu'
+
+export function DropdownDivider({ as = 'li', ...props }: DropdownDividerProps) {
+  return <BS5DropdownDivider as={as} {...props} />
+}
+
+export function DropdownHeader({ as = 'li', ...props }: DropdownHeaderProps) {
+  return <BS5DropdownHeader as={as} {...props} />
+}
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/dropdown-toggle-with-tooltip.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/dropdown-toggle-with-tooltip.tsx
new file mode 100644
index 0000000..f2ba81f
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/dropdown-toggle-with-tooltip.tsx
@@ -0,0 +1,52 @@
+import { ReactNode, forwardRef } from 'react'
+import { BsPrefixRefForwardingComponent } from 'react-bootstrap-5/helpers'
+import type { DropdownToggleProps } from '@/features/ui/components/types/dropdown-menu-props'
+import {
+  DropdownToggle as BS5DropdownToggle,
+  OverlayTrigger,
+  OverlayTriggerProps,
+  Tooltip,
+} from 'react-bootstrap-5'
+import type { MergeAndOverride } from '../../../../../../types/utils'
+
+type DropdownToggleWithTooltipProps = MergeAndOverride<
+  DropdownToggleProps,
+  {
+    children: ReactNode
+    overlayTriggerProps?: Omit<OverlayTriggerProps, 'overlay' | 'children'>
+    toolTipDescription: string
+    tooltipProps?: Omit<React.ComponentProps<typeof Tooltip>, 'children'>
+    'aria-label'?: string
+  }
+>
+const DropdownToggleWithTooltip = forwardRef<
+  BsPrefixRefForwardingComponent<'button', DropdownToggleProps>,
+  DropdownToggleWithTooltipProps
+>(
+  (
+    {
+      children,
+      toolTipDescription,
+      overlayTriggerProps,
+      tooltipProps,
+      id,
+      ...toggleProps
+    },
+    ref
+  ) => {
+    return (
+      <OverlayTrigger
+        overlay={<Tooltip {...tooltipProps}>{toolTipDescription}</Tooltip>}
+        {...overlayTriggerProps}
+      >
+        <BS5DropdownToggle {...toggleProps} ref={ref}>
+          {children}
+        </BS5DropdownToggle>
+      </OverlayTrigger>
+    )
+  }
+)
+
+DropdownToggleWithTooltip.displayName = 'DropdownToggleWithTooltip'
+
+export default DropdownToggleWithTooltip
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/footer/fat-footer-base.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/footer/fat-footer-base.tsx
new file mode 100644
index 0000000..dd85660
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/footer/fat-footer-base.tsx
@@ -0,0 +1,91 @@
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import LanguagePicker from '../language-picker'
+import FacebookLogo from '@/shared/svgs/facebook-logo'
+import LinkedInLogo from '@/shared/svgs/linkedin-logo'
+import XLogo from '@/shared/svgs/x-logo'
+import classNames from 'classnames'
+
+type FooterLinkProps = {
+  href: string
+  children: React.ReactNode
+}
+
+type SocialMediaLinkProps = {
+  href: string
+  icon: React.ReactNode
+  className: string
+  accessibilityLabel: string
+}
+
+function FatFooterBase() {
+  const { t } = useTranslation()
+  const currentYear = new Date().getFullYear()
+
+  return (
+    <footer className="fat-footer-base">
+      <div className="fat-footer-base-section fat-footer-base-meta">
+        <div className="fat-footer-base-item">
+          <div className="fat-footer-base-copyright">
+            © {currentYear} Overleaf
+          </div>
+          <FooterBaseLink href="/legal">
+            {t('privacy_and_terms')}
+          </FooterBaseLink>
+          <FooterBaseLink href="https://www.digital-science.com/security-certifications/">
+            {t('compliance')}
+          </FooterBaseLink>
+        </div>
+        <div className="fat-footer-base-item fat-footer-base-language">
+          <LanguagePicker showHeader={false} />
+        </div>
+      </div>
+      <div className="fat-footer-base-section fat-footer-base-social">
+        <div className="fat-footer-base-item">
+          <SocialMediaLink
+            href="https://x.com/overleaf"
+            icon={<XLogo />}
+            className="x-logo"
+            accessibilityLabel={t('app_on_x', { social: 'X' })}
+          />
+          <SocialMediaLink
+            href="https://www.facebook.com/overleaf.editor"
+            icon={<FacebookLogo />}
+            className="facebook-logo"
+            accessibilityLabel={t('app_on_x', { social: 'Facebook' })}
+          />
+          <SocialMediaLink
+            href="https://www.linkedin.com/company/writelatex-limited"
+            icon={<LinkedInLogo />}
+            className="linkedin-logo"
+            accessibilityLabel={t('app_on_x', { social: 'LinkedIn' })}
+          />
+        </div>
+      </div>
+    </footer>
+  )
+}
+
+function FooterBaseLink({ href, children }: FooterLinkProps) {
+  return (
+    <a className="fat-footer-link" href={href}>
+      {children}
+    </a>
+  )
+}
+
+function SocialMediaLink({
+  href,
+  icon,
+  className,
+  accessibilityLabel,
+}: SocialMediaLinkProps) {
+  return (
+    <a className={classNames('fat-footer-social', className)} href={href}>
+      {icon}
+      <span className="visually-hidden">{accessibilityLabel}</span>
+    </a>
+  )
+}
+
+export default FatFooterBase
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/footer/fat-footer.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/footer/fat-footer.tsx
new file mode 100644
index 0000000..361a3af
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/footer/fat-footer.tsx
@@ -0,0 +1,133 @@
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import FatFooterBase from './fat-footer-base'
+
+type FooterLinkProps = {
+  href: string
+  label: string
+}
+
+type FooterSectionProps = {
+  title: string
+  links: FooterLinkProps[]
+}
+
+function FatFooter() {
+  const { t } = useTranslation()
+  const hideFatFooter = false
+
+  const sections = [
+    {
+      title: t('About'),
+      links: [
+        { href: '/about', label: t('footer_about_us') },
+        { href: '/about/values', label: t('our_values') },
+        { href: '/about/careers', label: t('careers') },
+        { href: '/for/press', label: t('press_and_awards') },
+        { href: '/blog', label: t('blog') },
+      ],
+    },
+    {
+      title: t('Learn'),
+      links: [
+        {
+          href: '/learn/latex/Learn_LaTeX_in_30_minutes',
+          label: t('latex_in_thirty_minutes'),
+        },
+        { href: '/latex/templates', label: t('templates') },
+        { href: '/events/webinars', label: t('webinars') },
+        { href: '/learn/latex/Tutorials', label: t('tutorials') },
+        {
+          href: '/learn/latex/Inserting_Images',
+          label: t('how_to_insert_images'),
+        },
+        { href: '/learn/latex/Tables', label: t('how_to_create_tables') },
+      ],
+    },
+    {
+      title: t('Plans and Pricing'),
+      links: [
+        {
+          href: '/learn/how-to/Overleaf_premium_features',
+          label: t('premium_features'),
+        },
+        {
+          href: '/user/subscription/plans?itm_referrer=footer-for-indv-groups',
+          label: t('for_individuals_and_groups'),
+        },
+        { href: '/for/enterprises', label: t('for_enterprise') },
+        { href: '/for/universities', label: t('for_universities') },
+        {
+          href: '/user/subscription/plans?itm_referrer=footer-for-students#student-annual',
+          label: t('for_students'),
+        },
+        { href: '/for/government', label: t('for_government') },
+      ],
+    },
+    {
+      title: t('Get Involved'),
+      links: [
+        { href: '/for/community/advisors', label: t('become_an_advisor') },
+        {
+          href: 'https://forms.gle/67PSpN1bLnjGCmPQ9',
+          label: t('let_us_know_what_you_think'),
+        },
+        { href: '/beta/participate', label: t('join_beta_program') },
+      ],
+    },
+    {
+      title: t('Help'),
+      links: [
+        { href: '/about/why-latex', label: t('why_latex') },
+        { href: '/learn', label: t('Documentation') },
+        { href: '/contact', label: t('footer_contact_us') },
+        { href: 'https://status.overleaf.com/', label: t('website_status') },
+      ],
+    },
+  ]
+
+  return (
+    <footer className="fat-footer hidden-print">
+      <div
+        role="navigation"
+        aria-label={t('footer_navigation')}
+        className="fat-footer-container"
+      >
+        <div className={`fat-footer-sections ${hideFatFooter ? 'hidden' : ''}`}>
+          <div className="footer-section" id="footer-brand">
+            <a href="/" aria-label={t('overleaf')} className="footer-brand">
+              <span className="visually-hidden">{t('overleaf')}</span>
+            </a>
+          </div>
+
+          {sections.map(section => (
+            <div className="footer-section" key={section.title}>
+              <FooterSection title={section.title} links={section.links} />
+            </div>
+          ))}
+        </div>
+
+        <FatFooterBase />
+      </div>
+    </footer>
+  )
+}
+
+function FooterSection({ title, links }: FooterSectionProps) {
+  const { t } = useTranslation()
+
+  return (
+    <>
+      <h2 className="footer-section-heading">{t(title)}</h2>
+      <ul className="list-unstyled">
+        {links.map(link => (
+          <li key={link.href}>
+            <a href={link.href}>{t(link.label)}</a>
+          </li>
+        ))}
+      </ul>
+    </>
+  )
+}
+
+export default FatFooter
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/footer/footer.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/footer/footer.tsx
new file mode 100644
index 0000000..f3a0479
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/footer/footer.tsx
@@ -0,0 +1,9 @@
+import { FooterMetadata } from '@/features/ui/components/types/footer-metadata'
+import ThinFooter from '@/features/ui/components/bootstrap-5/footer/thin-footer'
+import FatFooter from '@/features/ui/components/bootstrap-5/footer/fat-footer'
+
+function Footer(props: FooterMetadata) {
+  return props.showThinFooter ? <ThinFooter {...props} /> : <FatFooter />
+}
+
+export default Footer
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/footer/thin-footer.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/footer/thin-footer.tsx
new file mode 100644
index 0000000..ae95136
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/footer/thin-footer.tsx
@@ -0,0 +1,92 @@
+import type {
+  FooterItem,
+  FooterMetadata,
+} from '@/features/ui/components/types/footer-metadata'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import LanguagePicker from '@/features/ui/components/bootstrap-5/language-picker'
+import React from 'react'
+
+function FooterItemLi({
+  text,
+  translatedText,
+  url: href,
+  class: className,
+  label,
+}: FooterItem) {
+  const textToDisplay = translatedText || text
+
+  if (!href) {
+    return <li>{textToDisplay}</li>
+  }
+
+  const linkProps = {
+    href,
+    className,
+    'aria-label': label,
+  }
+
+  return (
+    <li>
+      <a {...linkProps} dangerouslySetInnerHTML={{ __html: textToDisplay }} />
+    </li>
+  )
+}
+
+function Separator() {
+  return (
+    <li role="separator" className="text-muted">
+      <strong>|</strong>
+    </li>
+  )
+}
+
+function ThinFooter({
+  showPoweredBy,
+  subdomainLang,
+  leftItems,
+  rightItems,
+}: FooterMetadata) {
+  const showLanguagePicker = Boolean(
+    subdomainLang && Object.keys(subdomainLang).length > 1
+  )
+
+  const hasCustomLeftNav = Boolean(leftItems && leftItems.length > 0)
+
+  return (
+    <footer className="site-footer">
+      <div className="site-footer-content d-print-none">
+        <OLRow>
+          <ul className="site-footer-items col-lg-9">
+            {showPoweredBy ? (
+              <>
+                <li>
+                  {/* year of Server Pro release, static */}© 2025{' '}
+                  <a href="https://www.overleaf.com/for/enterprises">
+                    Powered by Overleaf
+                  </a>
+                </li>
+                {showLanguagePicker || hasCustomLeftNav ? <Separator /> : null}
+              </>
+            ) : null}
+            {showLanguagePicker ? (
+              <>
+                <li>
+                  <LanguagePicker showHeader />
+                </li>
+                {hasCustomLeftNav ? <Separator /> : null}
+              </>
+            ) : null}
+            {leftItems?.map(item => <FooterItemLi key={item.text} {...item} />)}
+          </ul>
+          <ul className="site-footer-items col-lg-3 text-end">
+            {rightItems?.map(item => (
+              <FooterItemLi key={item.text} {...item} />
+            ))}
+          </ul>
+        </OLRow>
+      </div>
+    </footer>
+  )
+}
+
+export default ThinFooter
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-control.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-control.tsx
new file mode 100644
index 0000000..63618c3
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-control.tsx
@@ -0,0 +1,51 @@
+import React, { forwardRef } from 'react'
+import {
+  Form,
+  FormControlProps as BS5FormControlProps,
+} from 'react-bootstrap-5'
+import classnames from 'classnames'
+import type { BsPrefixRefForwardingComponent } from 'react-bootstrap-5/helpers'
+
+export type OLBS5FormControlProps = BS5FormControlProps & {
+  prepend?: React.ReactNode
+  append?: React.ReactNode
+}
+
+const FormControl: BsPrefixRefForwardingComponent<
+  'input',
+  OLBS5FormControlProps
+> = forwardRef<HTMLInputElement, OLBS5FormControlProps>(
+  ({ prepend, append, className, ...props }, ref) => {
+    if (prepend || append) {
+      const wrapperClassNames = classnames('form-control-wrapper', {
+        'form-control-wrapper-sm': props.size === 'sm',
+        'form-control-wrapper-lg': props.size === 'lg',
+        'form-control-wrapper-disabled': props.disabled,
+      })
+
+      const formControlClassNames = classnames(className, {
+        'form-control-offset-start': prepend,
+        'form-control-offset-end': append,
+      })
+
+      return (
+        <div className={wrapperClassNames}>
+          {prepend && (
+            <span className="form-control-start-icon">{prepend}</span>
+          )}
+          <Form.Control
+            {...props}
+            className={formControlClassNames}
+            ref={ref}
+          />
+          {append && <span className="form-control-end-icon">{append}</span>}
+        </div>
+      )
+    }
+
+    return <Form.Control ref={ref} className={className} {...props} />
+  }
+)
+FormControl.displayName = 'FormControl'
+
+export default FormControl
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-feedback.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-feedback.tsx
new file mode 100644
index 0000000..85c9103
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-feedback.tsx
@@ -0,0 +1,20 @@
+import { Form } from 'react-bootstrap-5'
+import FormText from '@/features/ui/components/bootstrap-5/form/form-text'
+import { ComponentProps } from 'react'
+
+export type FormFeedbackProps = Pick<
+  ComponentProps<typeof Form.Control.Feedback>,
+  'type' | 'className' | 'children'
+>
+
+function FormFeedback(props: FormFeedbackProps) {
+  return (
+    <Form.Control.Feedback {...props}>
+      <FormText type={props.type === 'invalid' ? 'error' : 'success'}>
+        {props.children}
+      </FormText>
+    </Form.Control.Feedback>
+  )
+}
+
+export default FormFeedback
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-group.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-group.tsx
new file mode 100644
index 0000000..19b88cd
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-group.tsx
@@ -0,0 +1,14 @@
+import { forwardRef } from 'react'
+import { FormGroup as BS5FormGroup, FormGroupProps } from 'react-bootstrap-5'
+import classnames from 'classnames'
+
+const FormGroup = forwardRef<typeof BS5FormGroup, FormGroupProps>(
+  ({ className, ...props }, ref) => {
+    const classNames = classnames('form-group', className)
+
+    return <BS5FormGroup className={classNames} {...props} ref={ref} />
+  }
+)
+FormGroup.displayName = 'FormGroup'
+
+export default FormGroup
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-text.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-text.tsx
new file mode 100644
index 0000000..fe9b939
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/form/form-text.tsx
@@ -0,0 +1,58 @@
+import { Form, FormTextProps as BS5FormTextProps } from 'react-bootstrap-5'
+import MaterialIcon from '@/shared/components/material-icon'
+import classnames from 'classnames'
+import { MergeAndOverride } from '../../../../../../../types/utils'
+
+type TextType = 'default' | 'info' | 'success' | 'warning' | 'error'
+
+export type FormTextProps = MergeAndOverride<
+  BS5FormTextProps,
+  {
+    type?: TextType
+  }
+>
+
+const typeClassMap: Partial<Record<TextType, string>> = {
+  error: 'text-danger',
+  success: 'text-success',
+  warning: 'text-warning',
+}
+
+export const getFormTextClass = (type?: TextType) =>
+  typeClassMap[type || 'default']
+
+function FormTextIcon({ type }: { type?: TextType }) {
+  switch (type) {
+    case 'info':
+      return <MaterialIcon type="info" className="text-info" />
+    case 'success':
+      return <MaterialIcon type="check_circle" />
+    case 'warning':
+      return <MaterialIcon type="warning" />
+    case 'error':
+      return <MaterialIcon type="error" />
+    default:
+      return null
+  }
+}
+
+function FormText({
+  type = 'default',
+  children,
+  className,
+  ...rest
+}: FormTextProps) {
+  return (
+    <Form.Text
+      className={classnames(className, getFormTextClass(type))}
+      {...rest}
+    >
+      <span className="form-text-inner">
+        <FormTextIcon type={type} />
+        {children}
+      </span>
+    </Form.Text>
+  )
+}
+
+export default FormText
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/icon-button.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/icon-button.tsx
new file mode 100644
index 0000000..29d6aa5
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/icon-button.tsx
@@ -0,0 +1,37 @@
+import { forwardRef } from 'react'
+import classNames from 'classnames'
+import MaterialIcon from '@/shared/components/material-icon'
+import Button from './button'
+import type { IconButtonProps } from '@/features/ui/components/types/icon-button-props'
+
+const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(
+  (
+    { accessibilityLabel, icon, isLoading = false, size, className, ...props },
+    ref
+  ) => {
+    const iconButtonClassName = classNames(className, {
+      'icon-button': !size,
+      'icon-button-small': size === 'sm',
+      'icon-button-large': size === 'lg',
+    })
+    const iconSizeClassName = size === 'lg' ? 'icon-large' : 'icon-small'
+    const materialIconClassName = classNames(iconSizeClassName, {
+      'button-content-hidden': isLoading,
+    })
+
+    return (
+      <Button
+        className={iconButtonClassName}
+        isLoading={isLoading}
+        aria-label={accessibilityLabel}
+        {...props}
+        ref={ref}
+      >
+        <MaterialIcon className={materialIconClassName} type={icon} />
+      </Button>
+    )
+  }
+)
+IconButton.displayName = 'IconButton'
+
+export default IconButton
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/language-picker.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/language-picker.tsx
new file mode 100644
index 0000000..0ae53c8
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/language-picker.tsx
@@ -0,0 +1,69 @@
+import React from 'react'
+import {
+  Dropdown,
+  DropdownItem,
+  DropdownMenu,
+  DropdownToggle,
+  DropdownHeader,
+} from './dropdown-menu'
+import { useTranslation } from 'react-i18next'
+import getMeta from '@/utils/meta'
+import MaterialIcon from '@/shared/components/material-icon'
+
+function LanguagePicker({ showHeader } = { showHeader: false }) {
+  const { t } = useTranslation()
+
+  const currentLangCode = getMeta('ol-i18n').currentLangCode
+  const translatedLanguages = getMeta('ol-footer').translatedLanguages
+  const subdomainLang = getMeta('ol-footer').subdomainLang
+  const currentUrlWithQueryParams = window.location.pathname
+
+  return (
+    <Dropdown drop="up">
+      <DropdownToggle
+        id="language-picker-toggle"
+        aria-label={t('select_a_language')}
+        data-bs-toggle="dropdown"
+        className="btn-inline-link"
+        variant="link"
+      >
+        <MaterialIcon type="translate" />
+        &nbsp;
+        <span className="language-picker-text">
+          {translatedLanguages?.[currentLangCode]}
+        </span>
+      </DropdownToggle>
+
+      <DropdownMenu
+        className="dropdown-menu-sm-width"
+        aria-labelledby="language-picker-toggle"
+      >
+        {showHeader ? <DropdownHeader>{t('language')}</DropdownHeader> : null}
+        {subdomainLang &&
+          Object.entries(subdomainLang).map(([subdomain, subdomainDetails]) => {
+            if (
+              !subdomainDetails ||
+              !subdomainDetails.lngCode ||
+              subdomainDetails.hide
+            )
+              return null
+            const isActive = subdomainDetails.lngCode === currentLangCode
+            return (
+              <li role="none" key={subdomain}>
+                <DropdownItem
+                  href={`${subdomainDetails.url}${currentUrlWithQueryParams}`}
+                  active={isActive}
+                  aria-current={isActive ? 'true' : false}
+                  trailingIcon={isActive ? 'check' : null}
+                >
+                  {translatedLanguages?.[subdomainDetails.lngCode]}
+                </DropdownItem>
+              </li>
+            )
+          })}
+      </DropdownMenu>
+    </Dropdown>
+  )
+}
+
+export default LanguagePicker
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/account-menu-items.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/account-menu-items.tsx
new file mode 100644
index 0000000..825d56c
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/account-menu-items.tsx
@@ -0,0 +1,59 @@
+import { Dropdown } from 'react-bootstrap-5'
+import { useTranslation } from 'react-i18next'
+import getMeta from '@/utils/meta'
+import type { NavbarSessionUser } from '@/features/ui/components/types/navbar'
+import DropdownListItem from '@/features/ui/components/bootstrap-5/dropdown-list-item'
+import NavDropdownDivider from './nav-dropdown-divider'
+import NavDropdownLinkItem from './nav-dropdown-link-item'
+import { useDsNavStyle } from '@/features/project-list/components/use-is-ds-nav'
+import { SignOut } from '@phosphor-icons/react'
+
+export function AccountMenuItems({
+  sessionUser,
+  showSubscriptionLink,
+}: {
+  sessionUser: NavbarSessionUser
+  showSubscriptionLink: boolean
+}) {
+  const { t } = useTranslation()
+  const logOutFormId = 'logOutForm'
+  const dsNavStyle = useDsNavStyle()
+  return (
+    <>
+      <Dropdown.Item as="li" disabled role="menuitem">
+        {sessionUser.email}
+      </Dropdown.Item>
+      <NavDropdownDivider />
+      <NavDropdownLinkItem href="/user/settings">
+        {t('Account Settings')}
+      </NavDropdownLinkItem>
+      {showSubscriptionLink ? (
+        <NavDropdownLinkItem href="/user/subscription">
+          {t('subscription')}
+        </NavDropdownLinkItem>
+      ) : null}
+      <NavDropdownDivider />
+      <DropdownListItem>
+        {
+          // The button is outside the form but still belongs to it via the
+          // form attribute. The reason to do this is that if the button is
+          // inside the form, screen readers will not count it in the total
+          // number of menu items
+        }
+        <Dropdown.Item
+          as="button"
+          type="submit"
+          form={logOutFormId}
+          role="menuitem"
+          className="d-flex align-items-center justify-content-between"
+        >
+          <span>{t('log_out')}</span>
+          {dsNavStyle && <SignOut size={16} />}
+        </Dropdown.Item>
+        <form id={logOutFormId} method="POST" action="/logout">
+          <input type="hidden" name="_csrf" value={getMeta('ol-csrfToken')} />
+        </form>
+      </DropdownListItem>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/admin-menu.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/admin-menu.tsx
new file mode 100644
index 0000000..fdc6704
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/admin-menu.tsx
@@ -0,0 +1,69 @@
+import type { DefaultNavbarMetadata } from '@/features/ui/components/types/default-navbar-metadata'
+import NavDropdownMenu from '@/features/ui/components/bootstrap-5/navbar/nav-dropdown-menu'
+import NavDropdownLinkItem from '@/features/ui/components/bootstrap-5/navbar/nav-dropdown-link-item'
+import { useSendProjectListMB } from '@/features/project-list/components/project-list-events'
+
+export default function AdminMenu({
+  canDisplayAdminMenu,
+  canDisplayAdminRedirect,
+  canDisplaySplitTestMenu,
+  canDisplaySurveyMenu,
+  canDisplayScriptLogMenu,
+  adminUrl,
+}: Pick<
+  DefaultNavbarMetadata,
+  | 'canDisplayAdminMenu'
+  | 'canDisplayAdminRedirect'
+  | 'canDisplaySplitTestMenu'
+  | 'canDisplaySurveyMenu'
+  | 'canDisplayScriptLogMenu'
+  | 'adminUrl'
+>) {
+  const sendProjectListMB = useSendProjectListMB()
+  return (
+    <NavDropdownMenu
+      title="Admin"
+      className="subdued"
+      onToggle={nextShow => {
+        if (nextShow) {
+          sendProjectListMB('menu-expand', {
+            item: 'admin',
+            location: 'top-menu',
+          })
+        }
+      }}
+    >
+      {canDisplayAdminMenu ? (
+        <>
+          <NavDropdownLinkItem href="/admin">Manage Site</NavDropdownLinkItem>
+          <NavDropdownLinkItem href="/admin/user">
+            Manage Users
+          </NavDropdownLinkItem>
+          <NavDropdownLinkItem href="/admin/project">
+            Project URL lookup
+          </NavDropdownLinkItem>
+        </>
+      ) : null}
+      {canDisplayAdminRedirect && adminUrl ? (
+        <NavDropdownLinkItem href={adminUrl}>
+          Switch to Admin
+        </NavDropdownLinkItem>
+      ) : null}
+      {canDisplaySplitTestMenu ? (
+        <NavDropdownLinkItem href="/admin/split-test">
+          Manage Feature Flags
+        </NavDropdownLinkItem>
+      ) : null}
+      {canDisplaySurveyMenu ? (
+        <NavDropdownLinkItem href="/admin/survey">
+          Manage Surveys
+        </NavDropdownLinkItem>
+      ) : null}
+      {canDisplayScriptLogMenu ? (
+        <NavDropdownLinkItem href="/admin/script-logs">
+          View Script Logs
+        </NavDropdownLinkItem>
+      ) : null}
+    </NavDropdownMenu>
+  )
+}
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/contact-us-item.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/contact-us-item.tsx
new file mode 100644
index 0000000..80d731c
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/contact-us-item.tsx
@@ -0,0 +1,33 @@
+import { useTranslation } from 'react-i18next'
+import { DropdownItem } from 'react-bootstrap-5'
+import DropdownListItem from '@/features/ui/components/bootstrap-5/dropdown-list-item'
+import {
+  type ExtraSegmentations,
+  useSendProjectListMB,
+} from '@/features/project-list/components/project-list-events'
+
+export default function ContactUsItem({
+  showModal,
+  location,
+}: {
+  showModal: (event?: Event) => void
+  location: ExtraSegmentations['menu-click']['location']
+}) {
+  const { t } = useTranslation()
+  const sendMB = useSendProjectListMB()
+
+  return (
+    <DropdownListItem>
+      <DropdownItem
+        as="button"
+        role="menuitem"
+        onClick={() => {
+          sendMB('menu-click', { item: 'contact', location })
+          showModal()
+        }}
+      >
+        {t('contact_us')}
+      </DropdownItem>
+    </DropdownListItem>
+  )
+}
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/default-navbar.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/default-navbar.tsx
new file mode 100644
index 0000000..9066f5b
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/default-navbar.tsx
@@ -0,0 +1,145 @@
+import { useState } from 'react'
+import { sendMB } from '@/infrastructure/event-tracking'
+import { useTranslation } from 'react-i18next'
+import { Button, Container, Nav, Navbar } from 'react-bootstrap-5'
+import useWaitForI18n from '@/shared/hooks/use-wait-for-i18n'
+import AdminMenu from '@/features/ui/components/bootstrap-5/navbar/admin-menu'
+import type { DefaultNavbarMetadata } from '@/features/ui/components/types/default-navbar-metadata'
+import NavItemFromData from '@/features/ui/components/bootstrap-5/navbar/nav-item-from-data'
+import LoggedInItems from '@/features/ui/components/bootstrap-5/navbar/logged-in-items'
+import LoggedOutItems from '@/features/ui/components/bootstrap-5/navbar/logged-out-items'
+import HeaderLogoOrTitle from '@/features/ui/components/bootstrap-5/navbar/header-logo-or-title'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useContactUsModal } from '@/shared/hooks/use-contact-us-modal'
+import { UserProvider } from '@/shared/context/user-context'
+import { X } from '@phosphor-icons/react'
+
+function DefaultNavbar(props: DefaultNavbarMetadata) {
+  const {
+    customLogo,
+    title,
+    canDisplayAdminMenu,
+    canDisplayAdminRedirect,
+    canDisplaySplitTestMenu,
+    canDisplaySurveyMenu,
+    canDisplayScriptLogMenu,
+    enableUpgradeButton,
+    suppressNavbarRight,
+    suppressNavContentLinks,
+    showCloseIcon = false,
+    showSubscriptionLink,
+    showSignUpLink,
+    sessionUser,
+    adminUrl,
+    items,
+  } = props
+  const { t } = useTranslation()
+  const { isReady } = useWaitForI18n()
+  const [expanded, setExpanded] = useState(false)
+
+  // The Contact Us modal is rendered at this level rather than inside the nav
+  // bar because otherwise the help wiki search results dropdown doesn't show up
+  const { modal: contactUsModal, showModal: showContactUsModal } =
+    useContactUsModal({
+      autofillProjectUrl: false,
+    })
+
+  if (!isReady) {
+    return null
+  }
+
+  return (
+    <>
+      <Navbar
+        className="navbar-default navbar-main"
+        expand="lg"
+        onToggle={expanded => setExpanded(expanded)}
+      >
+        <Container className="navbar-container" fluid>
+          <div className="navbar-header">
+            <HeaderLogoOrTitle title={title} customLogo={customLogo} />
+            {enableUpgradeButton ? (
+              <Button
+                as="a"
+                href="/user/subscription/plans"
+                className="me-2 d-md-none"
+                onClick={() => {
+                  sendMB('upgrade-button-click', {
+                    source: 'dashboard-top',
+                    'project-dashboard-react': 'enabled',
+                    'is-dashboard-sidebar-hidden': 'true',
+                    'is-screen-width-less-than-768px': 'true',
+                  })
+                }}
+              >
+                {t('upgrade')}
+              </Button>
+            ) : null}
+          </div>
+          {suppressNavbarRight ? null : (
+            <>
+              <Navbar.Toggle
+                aria-controls="navbar-main-collapse"
+                aria-expanded="false"
+                aria-label={t('main_navigation')}
+              >
+                {showCloseIcon && expanded ? (
+                  <X />
+                ) : (
+                  <MaterialIcon type="menu" />
+                )}
+              </Navbar.Toggle>
+              <Navbar.Collapse
+                id="navbar-main-collapse"
+                className="justify-content-end"
+              >
+                <Nav as="ul" className="ms-auto" role="menubar">
+                  {canDisplayAdminMenu ||
+                  canDisplayAdminRedirect ||
+                  canDisplaySplitTestMenu ? (
+                    <AdminMenu
+                      canDisplayAdminMenu={canDisplayAdminMenu}
+                      canDisplayAdminRedirect={canDisplayAdminRedirect}
+                      canDisplaySplitTestMenu={canDisplaySplitTestMenu}
+                      canDisplaySurveyMenu={canDisplaySurveyMenu}
+                      canDisplayScriptLogMenu={canDisplayScriptLogMenu}
+                      adminUrl={adminUrl}
+                    />
+                  ) : null}
+                  {items.map((item, index) => {
+                    const showNavItem =
+                      (item.only_when_logged_in && sessionUser) ||
+                      (item.only_when_logged_out && sessionUser) ||
+                      (!item.only_when_logged_out &&
+                        !item.only_when_logged_in &&
+                        !item.only_content_pages) ||
+                      (item.only_content_pages && !suppressNavContentLinks)
+
+                    return showNavItem ? (
+                      <NavItemFromData
+                        item={item}
+                        key={index}
+                        showContactUsModal={showContactUsModal}
+                      />
+                    ) : null
+                  })}
+                  {sessionUser ? (
+                    <LoggedInItems
+                      sessionUser={sessionUser}
+                      showSubscriptionLink={showSubscriptionLink}
+                    />
+                  ) : (
+                    <LoggedOutItems showSignUpLink={showSignUpLink} />
+                  )}
+                </Nav>
+              </Navbar.Collapse>
+            </>
+          )}
+        </Container>
+      </Navbar>
+      <UserProvider>{contactUsModal}</UserProvider>
+    </>
+  )
+}
+
+export default DefaultNavbar
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/header-logo-or-title.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/header-logo-or-title.tsx
new file mode 100644
index 0000000..44500f1
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/header-logo-or-title.tsx
@@ -0,0 +1,32 @@
+import type { DefaultNavbarMetadata } from '@/features/ui/components/types/default-navbar-metadata'
+import getMeta from '@/utils/meta'
+
+export default function HeaderLogoOrTitle({
+  customLogo,
+  title,
+}: Pick<DefaultNavbarMetadata, 'customLogo' | 'title'>) {
+  const { appName } = getMeta('ol-ExposedSettings')
+
+  if (customLogo) {
+    return (
+      // eslint-disable-next-line jsx-a11y/anchor-has-content
+      <a
+        href="/"
+        aria-label={appName}
+        className="navbar-brand"
+        style={{ backgroundImage: `url("${customLogo}")` }}
+      />
+    )
+  } else if (title) {
+    return (
+      <a href="/" aria-label={appName} className="navbar-title">
+        {title}
+      </a>
+    )
+  } else {
+    return (
+      // eslint-disable-next-line jsx-a11y/anchor-has-content
+      <a href="/" aria-label={appName} className="navbar-brand" />
+    )
+  }
+}
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/logged-in-items.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/logged-in-items.tsx
new file mode 100644
index 0000000..5273eb8
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/logged-in-items.tsx
@@ -0,0 +1,41 @@
+import { useTranslation } from 'react-i18next'
+import NavDropdownMenu from '@/features/ui/components/bootstrap-5/navbar/nav-dropdown-menu'
+import type { NavbarSessionUser } from '@/features/ui/components/types/navbar'
+import NavLinkItem from '@/features/ui/components/bootstrap-5/navbar/nav-link-item'
+import { AccountMenuItems } from './account-menu-items'
+import { useSendProjectListMB } from '@/features/project-list/components/project-list-events'
+
+export default function LoggedInItems({
+  sessionUser,
+  showSubscriptionLink,
+}: {
+  sessionUser: NavbarSessionUser
+  showSubscriptionLink: boolean
+}) {
+  const { t } = useTranslation()
+  const sendProjectListMB = useSendProjectListMB()
+  return (
+    <>
+      <NavLinkItem href="/project" className="nav-item-projects">
+        {t('projects')}
+      </NavLinkItem>
+      <NavDropdownMenu
+        title={t('Account')}
+        className="nav-item-account"
+        onToggle={nextShow => {
+          if (nextShow) {
+            sendProjectListMB('menu-expand', {
+              item: 'account',
+              location: 'top-menu',
+            })
+          }
+        }}
+      >
+        <AccountMenuItems
+          sessionUser={sessionUser}
+          showSubscriptionLink={showSubscriptionLink}
+        />
+      </NavDropdownMenu>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/logged-out-items.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/logged-out-items.tsx
new file mode 100644
index 0000000..13a0875
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/logged-out-items.tsx
@@ -0,0 +1,37 @@
+import { useTranslation } from 'react-i18next'
+import NavLinkItem from '@/features/ui/components/bootstrap-5/navbar/nav-link-item'
+import { useSendProjectListMB } from '@/features/project-list/components/project-list-events'
+
+export default function LoggedOutItems({
+  showSignUpLink,
+}: {
+  showSignUpLink: boolean
+}) {
+  const { t } = useTranslation()
+  const sendMB = useSendProjectListMB()
+
+  return (
+    <>
+      {showSignUpLink ? (
+        <NavLinkItem
+          href="/register"
+          className="primary nav-account-item"
+          onClick={() => {
+            sendMB('menu-click', { item: 'register', location: 'top-menu' })
+          }}
+        >
+          {t('sign_up')}
+        </NavLinkItem>
+      ) : null}
+      <NavLinkItem
+        href="/login"
+        className="nav-account-item"
+        onClick={() => {
+          sendMB('menu-click', { item: 'login', location: 'top-menu' })
+        }}
+      >
+        {t('log_in')}
+      </NavLinkItem>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-divider.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-divider.tsx
new file mode 100644
index 0000000..a9bf2ed
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-divider.tsx
@@ -0,0 +1,5 @@
+import { DropdownDivider } from '@/features/ui/components/bootstrap-5/dropdown-menu'
+
+export default function NavDropdownDivider() {
+  return <DropdownDivider className="d-none d-lg-block" />
+}
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-from-data.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-from-data.tsx
new file mode 100644
index 0000000..02dac4c
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-from-data.tsx
@@ -0,0 +1,95 @@
+import type {
+  NavbarDropdownItemData,
+  NavbarItemDropdownData,
+} from '@/features/ui/components/types/navbar'
+import NavDropdownDivider from '@/features/ui/components/bootstrap-5/navbar/nav-dropdown-divider'
+import { isDropdownLinkItem } from '@/features/ui/components/bootstrap-5/navbar/util'
+import NavDropdownLinkItem from '@/features/ui/components/bootstrap-5/navbar/nav-dropdown-link-item'
+import DropdownListItem from '@/features/ui/components/bootstrap-5/dropdown-list-item'
+import NavDropdownMenu from '@/features/ui/components/bootstrap-5/navbar/nav-dropdown-menu'
+import ContactUsItem from '@/features/ui/components/bootstrap-5/navbar/contact-us-item'
+import {
+  type ExtraSegmentations,
+  useSendProjectListMB,
+} from '@/features/project-list/components/project-list-events'
+
+export default function NavDropdownFromData({
+  item,
+  showContactUsModal,
+}: {
+  item: NavbarDropdownItemData
+  showContactUsModal: (event?: Event) => void
+}) {
+  const sendProjectListMB = useSendProjectListMB()
+  return (
+    <NavDropdownMenu
+      title={item.translatedText}
+      className={item.class}
+      onToggle={nextShow => {
+        if (nextShow) {
+          sendProjectListMB('menu-expand', {
+            item: item.trackingKey,
+            location: 'top-menu',
+          })
+        }
+      }}
+    >
+      <NavDropdownMenuItems
+        dropdown={item.dropdown}
+        showContactUsModal={showContactUsModal}
+        location="top-menu"
+      />
+    </NavDropdownMenu>
+  )
+}
+
+export function NavDropdownMenuItems({
+  dropdown,
+  showContactUsModal,
+  location,
+}: {
+  dropdown: NavbarItemDropdownData
+  showContactUsModal: (event?: Event) => void
+  location: ExtraSegmentations['menu-expand']['location']
+}) {
+  const sendProjectListMB = useSendProjectListMB()
+  return (
+    <>
+      {dropdown.map((child, index) => {
+        if ('divider' in child) {
+          return <NavDropdownDivider key={index} />
+        } else if ('isContactUs' in child) {
+          return (
+            <ContactUsItem
+              key={index}
+              showModal={showContactUsModal}
+              location={location}
+            />
+          )
+        } else if (isDropdownLinkItem(child)) {
+          return (
+            <NavDropdownLinkItem
+              key={index}
+              href={child.url}
+              onClick={() => {
+                sendProjectListMB('menu-click', {
+                  item: child.trackingKey as ExtraSegmentations['menu-click']['item'],
+                  location,
+                  destinationURL: child.url,
+                })
+              }}
+            >
+              {child.translatedText}
+            </NavDropdownLinkItem>
+          )
+        } else {
+          return (
+            <DropdownListItem key={index}>
+              {child.translatedText}
+            </DropdownListItem>
+          )
+        }
+      })}
+    </>
+  )
+}
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-link-item.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-link-item.tsx
new file mode 100644
index 0000000..5acc808
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-link-item.tsx
@@ -0,0 +1,22 @@
+import { ReactNode } from 'react'
+import DropdownListItem from '@/features/ui/components/bootstrap-5/dropdown-list-item'
+import { DropdownItem } from 'react-bootstrap-5'
+import { DropdownItemProps } from 'react-bootstrap-5/DropdownItem'
+
+export default function NavDropdownLinkItem({
+  href,
+  onClick,
+  children,
+}: {
+  href: string
+  onClick?: DropdownItemProps['onClick']
+  children: ReactNode
+}) {
+  return (
+    <DropdownListItem>
+      <DropdownItem href={href} role="menuitem" onClick={onClick}>
+        {children}
+      </DropdownItem>
+    </DropdownListItem>
+  )
+}
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-menu.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-menu.tsx
new file mode 100644
index 0000000..6c588ee
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-dropdown-menu.tsx
@@ -0,0 +1,41 @@
+import { type ReactNode, useState } from 'react'
+import { Dropdown } from 'react-bootstrap-5'
+import { CaretUp, CaretDown } from '@phosphor-icons/react'
+import { useDsNavStyle } from '@/features/project-list/components/use-is-ds-nav'
+
+export default function NavDropdownMenu({
+  title,
+  className,
+  children,
+  onToggle,
+}: {
+  title: string
+  className?: string
+  children: ReactNode
+  onToggle?: (nextShow: boolean) => void
+}) {
+  const [show, setShow] = useState(false)
+  const dsNavStyle = useDsNavStyle()
+  // Can't use a NavDropdown here because it's impossible to render the menu as
+  // a <ul> element using NavDropdown
+  const Caret = show ? CaretUp : CaretDown
+  return (
+    <Dropdown
+      as="li"
+      role="none"
+      className={className}
+      onToggle={nextShow => {
+        setShow(nextShow)
+        onToggle?.(nextShow)
+      }}
+    >
+      <Dropdown.Toggle role="menuitem">
+        {title}
+        {dsNavStyle && <Caret weight="bold" className="ms-2" />}
+      </Dropdown.Toggle>
+      <Dropdown.Menu as="ul" role="menu" align="end">
+        {children}
+      </Dropdown.Menu>
+    </Dropdown>
+  )
+}
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-item-from-data.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-item-from-data.tsx
new file mode 100644
index 0000000..a4dca0d
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-item-from-data.tsx
@@ -0,0 +1,45 @@
+import type { NavbarItemData } from '@/features/ui/components/types/navbar'
+import {
+  isDropdownItem,
+  isLinkItem,
+} from '@/features/ui/components/bootstrap-5/navbar/util'
+import NavDropdownFromData from '@/features/ui/components/bootstrap-5/navbar/nav-dropdown-from-data'
+import NavItem from '@/features/ui/components/bootstrap-5/navbar/nav-item'
+import NavLinkItem from '@/features/ui/components/bootstrap-5/navbar/nav-link-item'
+import { useSendProjectListMB } from '@/features/project-list/components/project-list-events'
+
+export default function NavItemFromData({
+  item,
+  showContactUsModal,
+}: {
+  item: NavbarItemData
+  showContactUsModal: (event?: Event) => void
+}) {
+  const sendProjectListMB = useSendProjectListMB()
+  if (isDropdownItem(item)) {
+    return (
+      <NavDropdownFromData
+        item={item}
+        showContactUsModal={showContactUsModal}
+      />
+    )
+  } else if (isLinkItem(item)) {
+    return (
+      <NavLinkItem
+        className={item.class}
+        href={item.url}
+        onClick={() => {
+          sendProjectListMB('menu-click', {
+            item: item.trackingKey as any,
+            location: 'top-menu',
+            destinationURL: item.url,
+          })
+        }}
+      >
+        {item.translatedText}
+      </NavLinkItem>
+    )
+  } else {
+    return <NavItem className={item.class}>{item.translatedText}</NavItem>
+  }
+}
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-item.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-item.tsx
new file mode 100644
index 0000000..58295a4
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-item.tsx
@@ -0,0 +1,10 @@
+import { Nav, NavItemProps } from 'react-bootstrap-5'
+
+export default function NavItem(props: Omit<NavItemProps, 'as'>) {
+  const { children, ...rest } = props
+  return (
+    <Nav.Item as="li" role="none" {...rest}>
+      {children}
+    </Nav.Item>
+  )
+}
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-link-item.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-link-item.tsx
new file mode 100644
index 0000000..4e3875f
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/nav-link-item.tsx
@@ -0,0 +1,23 @@
+import { ReactNode } from 'react'
+import { Nav } from 'react-bootstrap-5'
+import NavItem from '@/features/ui/components/bootstrap-5/navbar/nav-item'
+
+export default function NavLinkItem({
+  href,
+  className,
+  onClick,
+  children,
+}: {
+  href: string
+  className?: string
+  onClick?: React.ComponentProps<typeof Nav.Link>['onClick']
+  children: ReactNode
+}) {
+  return (
+    <NavItem className={className}>
+      <Nav.Link role="menuitem" href={href} onClick={onClick}>
+        {children}
+      </Nav.Link>
+    </NavItem>
+  )
+}
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/util.ts b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/util.ts
new file mode 100644
index 0000000..d769b28
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/navbar/util.ts
@@ -0,0 +1,23 @@
+import type {
+  NavbarDropdownItem,
+  NavbarDropdownItemData,
+  NavbarDropdownLinkItem,
+  NavbarItemData,
+  NavbarLinkItemData,
+} from '@/features/ui/components/types/navbar'
+
+export function isDropdownLinkItem(
+  item: NavbarDropdownItem
+): item is NavbarDropdownLinkItem {
+  return 'url' in item
+}
+
+export function isDropdownItem(
+  item: NavbarItemData
+): item is NavbarDropdownItemData {
+  return 'dropdown' in item
+}
+
+export function isLinkItem(item: NavbarItemData): item is NavbarLinkItemData {
+  return 'url' in item
+}
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/table.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/table.tsx
new file mode 100644
index 0000000..8f6fe3e
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/table.tsx
@@ -0,0 +1,43 @@
+import { Table as BS5Table } from 'react-bootstrap-5'
+import classnames from 'classnames'
+
+export function TableContainer({
+  responsive,
+  bordered,
+  striped,
+  children,
+}: React.ComponentProps<typeof BS5Table>) {
+  return (
+    <div
+      className={classnames('table-container', {
+        'table-container-bordered': bordered,
+        'table-responsive': responsive,
+        'table-striped': striped,
+      })}
+    >
+      {children}
+    </div>
+  )
+}
+
+type TableProps = React.ComponentProps<typeof BS5Table> & {
+  container?: boolean
+}
+
+function Table({
+  container = true,
+  responsive,
+  bordered,
+  striped,
+  ...rest
+}: TableProps) {
+  return container ? (
+    <TableContainer responsive={responsive} bordered={bordered}>
+      <BS5Table striped={striped} {...rest} />
+    </TableContainer>
+  ) : (
+    <BS5Table {...rest} />
+  )
+}
+
+export default Table
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/tag.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/tag.tsx
new file mode 100644
index 0000000..dda1c98
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/tag.tsx
@@ -0,0 +1,74 @@
+import { useTranslation } from 'react-i18next'
+import { Badge, BadgeProps } from 'react-bootstrap-5'
+import MaterialIcon from '@/shared/components/material-icon'
+import { MergeAndOverride } from '../../../../../../types/utils'
+import classnames from 'classnames'
+import { forwardRef } from 'react'
+
+type TagProps = MergeAndOverride<
+  BadgeProps,
+  {
+    prepend?: React.ReactNode
+    contentProps?: React.ComponentProps<'button'>
+    closeBtnProps?: React.ComponentProps<'button'>
+  }
+>
+
+const Tag = forwardRef<HTMLElement, TagProps>(
+  (
+    { prepend, children, contentProps, closeBtnProps, className, ...rest },
+    ref
+  ) => {
+    const { t } = useTranslation()
+
+    const content = (
+      <>
+        {prepend && <span className="badge-prepend">{prepend}</span>}
+        <span className="badge-content">{children}</span>
+      </>
+    )
+
+    return (
+      <Badge
+        ref={ref}
+        bg="light"
+        className={classnames('badge-tag', className)}
+        {...rest}
+      >
+        {contentProps?.onClick ? (
+          <button
+            type="button"
+            {...contentProps}
+            className={classnames(
+              'badge-tag-content badge-tag-content-btn',
+              contentProps.className
+            )}
+          >
+            {content}
+          </button>
+        ) : (
+          <span
+            {...contentProps}
+            className={classnames('badge-tag-content', contentProps?.className)}
+          >
+            {content}
+          </span>
+        )}
+        {closeBtnProps && (
+          <button
+            type="button"
+            className="badge-close"
+            aria-label={t('remove_tag', { tagName: children })}
+            {...closeBtnProps}
+          >
+            <MaterialIcon className="badge-close-icon" type="close" />
+          </button>
+        )}
+      </Badge>
+    )
+  }
+)
+
+Tag.displayName = 'Tag'
+
+export default Tag
diff --git a/services/web/frontend/js/features/ui/components/bootstrap-5/tooltip.tsx b/services/web/frontend/js/features/ui/components/bootstrap-5/tooltip.tsx
new file mode 100644
index 0000000..3e71208
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/bootstrap-5/tooltip.tsx
@@ -0,0 +1,88 @@
+import { cloneElement, useEffect, forwardRef } from 'react'
+import {
+  OverlayTrigger,
+  OverlayTriggerProps,
+  Tooltip as BSTooltip,
+  TooltipProps as BSTooltipProps,
+} from 'react-bootstrap-5'
+import { callFnsInSequence } from '@/utils/functions'
+
+type OverlayProps = Omit<OverlayTriggerProps, 'overlay' | 'children'>
+
+type UpdatingTooltipProps = {
+  popper: {
+    scheduleUpdate: () => void
+  }
+  show: boolean
+  [x: string]: unknown
+}
+
+const UpdatingTooltip = forwardRef<HTMLDivElement, UpdatingTooltipProps>(
+  ({ popper, children, show: _, ...props }, ref) => {
+    useEffect(() => {
+      popper.scheduleUpdate()
+    }, [children, popper])
+
+    return (
+      <BSTooltip ref={ref} {...props}>
+        {children}
+      </BSTooltip>
+    )
+  }
+)
+UpdatingTooltip.displayName = 'UpdatingTooltip'
+
+export type TooltipProps = {
+  description: React.ReactNode
+  id: string
+  overlayProps?: OverlayProps
+  tooltipProps?: BSTooltipProps
+  hidden?: boolean
+  children: React.ReactElement
+}
+
+function Tooltip({
+  id,
+  description,
+  children,
+  tooltipProps,
+  overlayProps,
+  hidden,
+}: TooltipProps) {
+  const delay = overlayProps?.delay
+  let delayShow = 300
+  let delayHide = 300
+  if (delay) {
+    delayShow = typeof delay === 'number' ? delay : delay.show
+    delayHide = typeof delay === 'number' ? delay : delay.hide
+  }
+
+  const hideTooltip = (e: React.MouseEvent) => {
+    if (e.currentTarget instanceof HTMLElement) {
+      e.currentTarget.blur()
+    }
+  }
+
+  return (
+    <OverlayTrigger
+      overlay={
+        <UpdatingTooltip
+          id={`${id}-tooltip`}
+          {...tooltipProps}
+          style={{ display: hidden ? 'none' : 'block' }}
+        >
+          {description}
+        </UpdatingTooltip>
+      }
+      {...overlayProps}
+      delay={{ show: delayShow, hide: delayHide }}
+      placement={overlayProps?.placement || 'top'}
+    >
+      {cloneElement(children, {
+        onClick: callFnsInSequence(children.props.onClick, hideTooltip),
+      })}
+    </OverlayTrigger>
+  )
+}
+
+export default Tooltip
diff --git a/services/web/frontend/js/features/ui/components/ol/icons/ol-tag-icon.tsx b/services/web/frontend/js/features/ui/components/ol/icons/ol-tag-icon.tsx
new file mode 100644
index 0000000..4a2fbad
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/icons/ol-tag-icon.tsx
@@ -0,0 +1,5 @@
+import MaterialIcon from '@/shared/components/material-icon'
+
+export default function OLTagIcon() {
+  return <MaterialIcon type="sell" />
+}
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-badge.tsx b/services/web/frontend/js/features/ui/components/ol/ol-badge.tsx
new file mode 100644
index 0000000..7344ddb
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-badge.tsx
@@ -0,0 +1,17 @@
+import Badge from '@/features/ui/components/bootstrap-5/badge'
+
+function OLBadge(props: React.ComponentProps<typeof Badge>) {
+  let { bg, text, ...rest } = props
+
+  // For warning badges, use a light background by default. We still want the
+  // Bootstrap warning colour to be dark for text though, so make an
+  // adjustment here
+  if (bg === 'warning') {
+    bg = 'warning-light-bg'
+    text = 'warning'
+  }
+
+  return <Badge bg={bg} text={text} {...rest} />
+}
+
+export default OLBadge
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-button-group.tsx b/services/web/frontend/js/features/ui/components/ol/ol-button-group.tsx
new file mode 100644
index 0000000..dc26595
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-button-group.tsx
@@ -0,0 +1,7 @@
+import { ButtonGroup, ButtonGroupProps } from 'react-bootstrap-5'
+
+function OLButtonGroup({ as, ...rest }: ButtonGroupProps) {
+  return <ButtonGroup {...rest} as={as} />
+}
+
+export default OLButtonGroup
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-button-toolbar.tsx b/services/web/frontend/js/features/ui/components/ol/ol-button-toolbar.tsx
new file mode 100644
index 0000000..377228f
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-button-toolbar.tsx
@@ -0,0 +1,7 @@
+import { ButtonToolbar, ButtonToolbarProps } from 'react-bootstrap-5'
+
+function OLButtonToolbar(props: ButtonToolbarProps) {
+  return <ButtonToolbar {...props} />
+}
+
+export default OLButtonToolbar
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-button.tsx b/services/web/frontend/js/features/ui/components/ol/ol-button.tsx
new file mode 100644
index 0000000..3f5e06e
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-button.tsx
@@ -0,0 +1,13 @@
+import { forwardRef } from 'react'
+import type { ButtonProps } from '@/features/ui/components/types/button-props'
+import Button from '../bootstrap-5/button'
+
+export type OLButtonProps = ButtonProps
+
+const OLButton = forwardRef<HTMLButtonElement, OLButtonProps>((props, ref) => {
+  return <Button {...props} ref={ref} />
+})
+
+OLButton.displayName = 'OLButton'
+
+export default OLButton
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-card.tsx b/services/web/frontend/js/features/ui/components/ol/ol-card.tsx
new file mode 100644
index 0000000..45f16db
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-card.tsx
@@ -0,0 +1,12 @@
+import { Card } from 'react-bootstrap-5'
+import { FC } from 'react'
+
+const OLCard: FC<{ className?: string }> = ({ children, className }) => {
+  return (
+    <Card className={className}>
+      <Card.Body>{children}</Card.Body>
+    </Card>
+  )
+}
+
+export default OLCard
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-close-button.tsx b/services/web/frontend/js/features/ui/components/ol/ol-close-button.tsx
new file mode 100644
index 0000000..414a329
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-close-button.tsx
@@ -0,0 +1,15 @@
+import { CloseButton, CloseButtonProps } from 'react-bootstrap-5'
+import { useTranslation } from 'react-i18next'
+import { forwardRef } from 'react'
+
+const OLCloseButton = forwardRef<HTMLButtonElement, CloseButtonProps>(
+  (props, ref) => {
+    const { t } = useTranslation()
+
+    return <CloseButton ref={ref} aria-label={t('close')} {...props} />
+  }
+)
+
+OLCloseButton.displayName = 'OLCloseButton'
+
+export default OLCloseButton
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-col.tsx b/services/web/frontend/js/features/ui/components/ol/ol-col.tsx
new file mode 100644
index 0000000..dc70ca2
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-col.tsx
@@ -0,0 +1,7 @@
+import { Col } from 'react-bootstrap-5'
+
+function OLCol(props: React.ComponentProps<typeof Col>) {
+  return <Col {...props} />
+}
+
+export default OLCol
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-dropdown-menu-item.tsx b/services/web/frontend/js/features/ui/components/ol/ol-dropdown-menu-item.tsx
new file mode 100644
index 0000000..20d05d5
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-dropdown-menu-item.tsx
@@ -0,0 +1,14 @@
+import { DropdownItem } from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import { DropdownItemProps } from '@/features/ui/components/types/dropdown-menu-props'
+import DropdownListItem from '@/features/ui/components/bootstrap-5/dropdown-list-item'
+
+// This represents a menu item. It wraps the item within an <li> element.
+function OLDropdownMenuItem(props: DropdownItemProps) {
+  return (
+    <DropdownListItem>
+      <DropdownItem {...props} />
+    </DropdownListItem>
+  )
+}
+
+export default OLDropdownMenuItem
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-form-checkbox.tsx b/services/web/frontend/js/features/ui/components/ol/ol-form-checkbox.tsx
new file mode 100644
index 0000000..d82e49e
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-form-checkbox.tsx
@@ -0,0 +1,42 @@
+import { Form, FormCheckProps } from 'react-bootstrap-5'
+import { MergeAndOverride } from '../../../../../../types/utils'
+import FormText from '../bootstrap-5/form/form-text'
+
+type OLFormCheckboxProps = MergeAndOverride<
+  FormCheckProps,
+  {
+    inputRef?: React.MutableRefObject<HTMLInputElement | null>
+  } & (
+    | { description: string; id: string }
+    | { description?: undefined; id?: string }
+  )
+>
+
+function OLFormCheckbox(props: OLFormCheckboxProps) {
+  const { inputRef, ...rest } = props
+
+  return rest.type === 'radio' ? (
+    <Form.Check
+      ref={inputRef}
+      aria-describedby={rest.description ? `${rest.id}-description` : undefined}
+      {...rest}
+      label={
+        <>
+          {rest.label}
+          {rest.description && (
+            <FormText
+              id={`${rest.id}-description`}
+              className="form-check-label-description"
+            >
+              {rest.description}
+            </FormText>
+          )}
+        </>
+      }
+    />
+  ) : (
+    <Form.Check ref={inputRef} {...rest} />
+  )
+}
+
+export default OLFormCheckbox
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-form-control.tsx b/services/web/frontend/js/features/ui/components/ol/ol-form-control.tsx
new file mode 100644
index 0000000..bae3282
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-form-control.tsx
@@ -0,0 +1,30 @@
+import { forwardRef } from 'react'
+import FormControl, {
+  type OLBS5FormControlProps,
+} from '@/features/ui/components/bootstrap-5/form/form-control'
+import OLSpinner from '@/features/ui/components/ol/ol-spinner'
+import type { BsPrefixRefForwardingComponent } from 'react-bootstrap-5/helpers'
+
+type OLFormControlProps = OLBS5FormControlProps & {
+  'data-ol-dirty'?: unknown
+  'main-field'?: any // For the CM6's benefit in the editor search panel
+  loading?: boolean
+}
+
+const OLFormControl: BsPrefixRefForwardingComponent<
+  'input',
+  OLFormControlProps
+> = forwardRef<HTMLInputElement, OLFormControlProps>((props, ref) => {
+  const { append, ...rest } = props
+
+  return (
+    <FormControl
+      ref={ref}
+      {...rest}
+      append={rest.loading ? <OLSpinner size="sm" /> : append}
+    />
+  )
+})
+OLFormControl.displayName = 'OLFormControl'
+
+export default OLFormControl
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-form-feedback.tsx b/services/web/frontend/js/features/ui/components/ol/ol-form-feedback.tsx
new file mode 100644
index 0000000..1c850c1
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-form-feedback.tsx
@@ -0,0 +1,14 @@
+import { Form } from 'react-bootstrap-5'
+import { ComponentProps } from 'react'
+import FormFeedback from '@/features/ui/components/bootstrap-5/form/form-feedback'
+
+type OLFormFeedbackProps = Pick<
+  ComponentProps<typeof Form.Control.Feedback>,
+  'type' | 'className' | 'children'
+>
+
+function OLFormFeedback(props: OLFormFeedbackProps) {
+  return <FormFeedback {...props} />
+}
+
+export default OLFormFeedback
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-form-group.tsx b/services/web/frontend/js/features/ui/components/ol/ol-form-group.tsx
new file mode 100644
index 0000000..8ccc974
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-form-group.tsx
@@ -0,0 +1,8 @@
+import { FormGroupProps } from 'react-bootstrap-5'
+import FormGroup from '@/features/ui/components/bootstrap-5/form/form-group'
+
+function OLFormGroup(props: FormGroupProps) {
+  return <FormGroup {...props} />
+}
+
+export default OLFormGroup
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-form-label.tsx b/services/web/frontend/js/features/ui/components/ol/ol-form-label.tsx
new file mode 100644
index 0000000..1e1038f
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-form-label.tsx
@@ -0,0 +1,7 @@
+import { Form } from 'react-bootstrap-5'
+
+function OLFormLabel(props: React.ComponentProps<(typeof Form)['Label']>) {
+  return <Form.Label {...props} />
+}
+
+export default OLFormLabel
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-form-select.tsx b/services/web/frontend/js/features/ui/components/ol/ol-form-select.tsx
new file mode 100644
index 0000000..dfcd147
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-form-select.tsx
@@ -0,0 +1,11 @@
+import { forwardRef } from 'react'
+import { Form, FormSelectProps } from 'react-bootstrap-5'
+
+const OLFormSelect = forwardRef<HTMLSelectElement, FormSelectProps>(
+  (props, ref) => {
+    return <Form.Select ref={ref} {...props} />
+  }
+)
+OLFormSelect.displayName = 'OLFormSelect'
+
+export default OLFormSelect
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-form-switch.tsx b/services/web/frontend/js/features/ui/components/ol/ol-form-switch.tsx
new file mode 100644
index 0000000..a9a6ffe
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-form-switch.tsx
@@ -0,0 +1,20 @@
+import { FormCheck, FormCheckProps, FormLabel } from 'react-bootstrap-5'
+
+type OLFormSwitchProps = FormCheckProps & {
+  inputRef?: React.MutableRefObject<HTMLInputElement | null>
+}
+
+function OLFormSwitch(props: OLFormSwitchProps) {
+  const { inputRef, label, id, ...rest } = props
+
+  return (
+    <>
+      <FormCheck type="switch" ref={inputRef} id={id} {...rest} />
+      <FormLabel htmlFor={id} visuallyHidden>
+        {label}
+      </FormLabel>
+    </>
+  )
+}
+
+export default OLFormSwitch
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-form-text.tsx b/services/web/frontend/js/features/ui/components/ol/ol-form-text.tsx
new file mode 100644
index 0000000..d35654f
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-form-text.tsx
@@ -0,0 +1,9 @@
+import FormText, {
+  FormTextProps,
+} from '@/features/ui/components/bootstrap-5/form/form-text'
+
+function OLFormText({ as = 'div', ...rest }: FormTextProps) {
+  return <FormText {...rest} as={as} />
+}
+
+export default OLFormText
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-form.tsx b/services/web/frontend/js/features/ui/components/ol/ol-form.tsx
new file mode 100644
index 0000000..7245787
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-form.tsx
@@ -0,0 +1,8 @@
+import { Form } from 'react-bootstrap-5'
+import { ComponentProps } from 'react'
+
+function OLForm(props: ComponentProps<typeof Form>) {
+  return <Form {...props} />
+}
+
+export default OLForm
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-icon-button.tsx b/services/web/frontend/js/features/ui/components/ol/ol-icon-button.tsx
new file mode 100644
index 0000000..27e5960
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-icon-button.tsx
@@ -0,0 +1,15 @@
+import { forwardRef } from 'react'
+import type { IconButtonProps } from '@/features/ui/components/types/icon-button-props'
+import IconButton from '../bootstrap-5/icon-button'
+
+export type OLIconButtonProps = IconButtonProps
+
+const OLIconButton = forwardRef<HTMLButtonElement, OLIconButtonProps>(
+  (props, ref) => {
+    // BS5 tooltip relies on the ref
+    return <IconButton {...props} ref={ref} />
+  }
+)
+OLIconButton.displayName = 'OLIconButton'
+
+export default OLIconButton
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-list-group-item.tsx b/services/web/frontend/js/features/ui/components/ol/ol-list-group-item.tsx
new file mode 100644
index 0000000..a27457f
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-list-group-item.tsx
@@ -0,0 +1,15 @@
+import { ListGroupItem, ListGroupItemProps } from 'react-bootstrap-5'
+
+function OLListGroupItem(props: ListGroupItemProps) {
+  const as = props.as ?? 'button'
+
+  return (
+    <ListGroupItem
+      {...props}
+      as={as}
+      type={as === 'button' ? 'button' : undefined}
+    />
+  )
+}
+
+export default OLListGroupItem
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-list-group.tsx b/services/web/frontend/js/features/ui/components/ol/ol-list-group.tsx
new file mode 100644
index 0000000..a28c7e9
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-list-group.tsx
@@ -0,0 +1,9 @@
+import { ListGroup, ListGroupProps } from 'react-bootstrap-5'
+
+function OLListGroup(props: ListGroupProps) {
+  const as = props.as ?? 'div'
+
+  return <ListGroup {...props} as={as} />
+}
+
+export default OLListGroup
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-modal.tsx b/services/web/frontend/js/features/ui/components/ol/ol-modal.tsx
new file mode 100644
index 0000000..bf20d18
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-modal.tsx
@@ -0,0 +1,37 @@
+import {
+  Modal,
+  ModalProps,
+  ModalHeaderProps,
+  ModalTitleProps,
+  ModalFooterProps,
+} from 'react-bootstrap-5'
+import { ModalBodyProps } from 'react-bootstrap-5/ModalBody'
+
+type OLModalProps = ModalProps & {
+  size?: 'sm' | 'lg'
+  onHide: () => void
+}
+
+export default function OLModal({ children, ...props }: OLModalProps) {
+  return <Modal {...props}>{children}</Modal>
+}
+
+export function OLModalHeader({ children, ...props }: ModalHeaderProps) {
+  return <Modal.Header {...props}>{children}</Modal.Header>
+}
+
+export function OLModalTitle({ children, ...props }: ModalTitleProps) {
+  return (
+    <Modal.Title as="h2" {...props}>
+      {children}
+    </Modal.Title>
+  )
+}
+
+export function OLModalBody({ children, ...props }: ModalBodyProps) {
+  return <Modal.Body {...props}>{children}</Modal.Body>
+}
+
+export function OLModalFooter({ children, ...props }: ModalFooterProps) {
+  return <Modal.Footer {...props}>{children}</Modal.Footer>
+}
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-notification.tsx b/services/web/frontend/js/features/ui/components/ol/ol-notification.tsx
new file mode 100644
index 0000000..7ca811a
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-notification.tsx
@@ -0,0 +1,11 @@
+import Notification from '@/shared/components/notification'
+
+function OLNotification(props: React.ComponentProps<typeof Notification>) {
+  return (
+    <div className="notification-list">
+      <Notification {...props} />
+    </div>
+  )
+}
+
+export default OLNotification
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-overlay.tsx b/services/web/frontend/js/features/ui/components/ol/ol-overlay.tsx
new file mode 100644
index 0000000..bcf2a02
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-overlay.tsx
@@ -0,0 +1,7 @@
+import { Overlay, OverlayProps } from 'react-bootstrap-5'
+
+function OLOverlay(props: OverlayProps) {
+  return <Overlay {...props} />
+}
+
+export default OLOverlay
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-page-content-card.tsx b/services/web/frontend/js/features/ui/components/ol/ol-page-content-card.tsx
new file mode 100644
index 0000000..549e63a
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-page-content-card.tsx
@@ -0,0 +1,19 @@
+import { Card, CardBody } from 'react-bootstrap-5'
+import { FC } from 'react'
+import classNames from 'classnames'
+
+// This wraps the Bootstrap 5 Card component but is restricted to the very
+// basic way we're using it, which is as a container for page content. The
+// Bootstrap 3 equivalent previously in our codebase is a div with class "card"
+const OLPageContentCard: FC<{ className?: string }> = ({
+  children,
+  className,
+}) => {
+  return (
+    <Card className={classNames('page-content-card', className)}>
+      <CardBody>{children}</CardBody>
+    </Card>
+  )
+}
+
+export default OLPageContentCard
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-popover.tsx b/services/web/frontend/js/features/ui/components/ol/ol-popover.tsx
new file mode 100644
index 0000000..772084b
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-popover.tsx
@@ -0,0 +1,20 @@
+import { forwardRef } from 'react'
+import { Popover, PopoverProps } from 'react-bootstrap-5'
+
+type OLPopoverProps = Omit<PopoverProps, 'title'> & {
+  title?: React.ReactNode
+}
+
+const OLPopover = forwardRef<HTMLDivElement, OLPopoverProps>((props, ref) => {
+  const { title, children, ...bs5Props } = props
+
+  return (
+    <Popover {...bs5Props} ref={ref}>
+      {title && <Popover.Header>{title}</Popover.Header>}
+      <Popover.Body>{children}</Popover.Body>
+    </Popover>
+  )
+})
+OLPopover.displayName = 'OLPopover'
+
+export default OLPopover
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-row.tsx b/services/web/frontend/js/features/ui/components/ol/ol-row.tsx
new file mode 100644
index 0000000..88c05ce
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-row.tsx
@@ -0,0 +1,7 @@
+import { Row } from 'react-bootstrap-5'
+
+function OLRow(props: React.ComponentProps<typeof Row>) {
+  return <Row {...props} />
+}
+
+export default OLRow
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-spinner.tsx b/services/web/frontend/js/features/ui/components/ol/ol-spinner.tsx
new file mode 100644
index 0000000..4c1be6b
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-spinner.tsx
@@ -0,0 +1,16 @@
+import { Spinner } from 'react-bootstrap-5'
+
+export type OLSpinnerSize = 'sm' | 'lg'
+
+function OLSpinner({ size = 'sm' }: { size: OLSpinnerSize }) {
+  return (
+    <Spinner
+      size={size === 'sm' ? 'sm' : undefined}
+      animation="border"
+      aria-hidden="true"
+      role="status"
+    />
+  )
+}
+
+export default OLSpinner
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-table.tsx b/services/web/frontend/js/features/ui/components/ol/ol-table.tsx
new file mode 100644
index 0000000..82d2b69
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-table.tsx
@@ -0,0 +1,7 @@
+import Table from '@/features/ui/components/bootstrap-5/table'
+
+function OLTable(props: React.ComponentProps<typeof Table>) {
+  return <Table {...props} />
+}
+
+export default OLTable
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-tag.tsx b/services/web/frontend/js/features/ui/components/ol/ol-tag.tsx
new file mode 100644
index 0000000..bff3fdf
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-tag.tsx
@@ -0,0 +1,12 @@
+import Tag from '@/features/ui/components/bootstrap-5/tag'
+import { forwardRef } from 'react'
+
+type OLTagProps = React.ComponentProps<typeof Tag>
+
+const OLTag = forwardRef<HTMLElement, OLTagProps>((props: OLTagProps, ref) => {
+  return <Tag ref={ref} {...props} />
+})
+
+OLTag.displayName = 'OLTag'
+
+export default OLTag
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-toast-container.tsx b/services/web/frontend/js/features/ui/components/ol/ol-toast-container.tsx
new file mode 100644
index 0000000..3cd18fc
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-toast-container.tsx
@@ -0,0 +1,19 @@
+import { CSSProperties, FC } from 'react'
+import { ToastContainer as BS5ToastContainer } from 'react-bootstrap-5'
+
+type OLToastContainerProps = {
+  style?: CSSProperties
+  className?: string
+}
+
+export const OLToastContainer: FC<OLToastContainerProps> = ({
+  children,
+  className,
+  style,
+}) => {
+  return (
+    <BS5ToastContainer className={className} style={style}>
+      {children}
+    </BS5ToastContainer>
+  )
+}
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-toast.tsx b/services/web/frontend/js/features/ui/components/ol/ol-toast.tsx
new file mode 100644
index 0000000..7460a6b
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-toast.tsx
@@ -0,0 +1,89 @@
+import classNames from 'classnames'
+import { Toast as BS5Toast } from 'react-bootstrap-5'
+import {
+  NotificationIcon,
+  NotificationType,
+} from '../../../../shared/components/notification'
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '../../../../shared/components/material-icon'
+import { ReactNode, useCallback, useState } from 'react'
+
+export type OLToastProps = {
+  type: NotificationType
+  className?: string
+  title?: string
+  content: string | ReactNode
+  isDismissible?: boolean
+  onDismiss?: () => void
+  autoHide?: boolean
+  delay?: number
+}
+
+export const OLToast = ({
+  type = 'info',
+  className = '',
+  content,
+  title,
+  isDismissible,
+  onDismiss,
+  autoHide,
+  delay,
+}: OLToastProps) => {
+  const { t } = useTranslation()
+  const [show, setShow] = useState(true)
+
+  const toastClassName = classNames(
+    'notification',
+    `notification-type-${type}`,
+    className,
+    'toast-content'
+  )
+
+  const handleClose = useCallback(() => {
+    setShow(false)
+  }, [])
+
+  const handleOnHidden = useCallback(() => {
+    if (onDismiss) onDismiss()
+  }, [onDismiss])
+
+  const toastElement = (
+    <div className={toastClassName}>
+      <NotificationIcon notificationType={type} />
+
+      <div className="notification-content-and-cta">
+        <div className="notification-content">
+          {title && (
+            <p>
+              <b>{title}</b>
+            </p>
+          )}
+          {content}
+        </div>
+      </div>
+
+      {isDismissible && (
+        <div className="notification-close-btn">
+          <button
+            aria-label={t('close')}
+            data-bs-dismiss="toast"
+            onClick={handleClose}
+          >
+            <MaterialIcon type="close" />
+          </button>
+        </div>
+      )}
+    </div>
+  )
+  return (
+    <BS5Toast
+      onClose={handleClose}
+      autohide={autoHide}
+      onExited={handleOnHidden}
+      delay={delay}
+      show={show}
+    >
+      {toastElement}
+    </BS5Toast>
+  )
+}
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-toggle-button-group.tsx b/services/web/frontend/js/features/ui/components/ol/ol-toggle-button-group.tsx
new file mode 100644
index 0000000..35777d2
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-toggle-button-group.tsx
@@ -0,0 +1,7 @@
+import { ToggleButtonGroup, ToggleButtonGroupProps } from 'react-bootstrap-5'
+
+function OLToggleButtonGroup<T>(props: ToggleButtonGroupProps<T>) {
+  return <ToggleButtonGroup {...props} />
+}
+
+export default OLToggleButtonGroup
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-toggle-button.tsx b/services/web/frontend/js/features/ui/components/ol/ol-toggle-button.tsx
new file mode 100644
index 0000000..d56d0b2
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-toggle-button.tsx
@@ -0,0 +1,7 @@
+import { ToggleButton, ToggleButtonProps } from 'react-bootstrap-5'
+
+function OLToggleButton(props: ToggleButtonProps) {
+  return <ToggleButton {...props} />
+}
+
+export default OLToggleButton
diff --git a/services/web/frontend/js/features/ui/components/ol/ol-tooltip.tsx b/services/web/frontend/js/features/ui/components/ol/ol-tooltip.tsx
new file mode 100644
index 0000000..eca0a7d
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/ol/ol-tooltip.tsx
@@ -0,0 +1,7 @@
+import Tooltip from '@/features/ui/components/bootstrap-5/tooltip'
+
+function OLTooltip(props: React.ComponentProps<typeof Tooltip>) {
+  return <Tooltip {...props} />
+}
+
+export default OLTooltip
diff --git a/services/web/frontend/js/features/ui/components/types/button-props.ts b/services/web/frontend/js/features/ui/components/types/button-props.ts
new file mode 100644
index 0000000..fad0c49
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/types/button-props.ts
@@ -0,0 +1,38 @@
+import type { ReactNode } from 'react'
+
+export type ButtonProps = {
+  children?: ReactNode
+  className?: string
+  disabled?: boolean
+  download?: boolean | string
+  draggable?: boolean
+  form?: string
+  leadingIcon?: string | React.ReactNode
+  href?: string
+  id?: string
+  target?: string
+  rel?: string
+  isLoading?: boolean
+  loadingLabel?: string
+  onClick?: React.MouseEventHandler<HTMLButtonElement>
+  onMouseDown?: React.MouseEventHandler<HTMLButtonElement>
+  onMouseOver?: React.MouseEventHandler<HTMLButtonElement>
+  onMouseOut?: React.MouseEventHandler<HTMLButtonElement>
+  onFocus?: React.FocusEventHandler<HTMLButtonElement>
+  onBlur?: React.FocusEventHandler<HTMLButtonElement>
+  size?: 'sm' | 'lg' | undefined
+  style?: Record<PropertyKey, string>
+  active?: boolean
+  trailingIcon?: string | React.ReactNode
+  type?: 'button' | 'reset' | 'submit'
+  variant?:
+    | 'primary'
+    | 'secondary'
+    | 'ghost'
+    | 'danger'
+    | 'danger-ghost'
+    | 'premium'
+    | 'premium-secondary'
+    | 'link'
+    | 'info'
+}
diff --git a/services/web/frontend/js/features/ui/components/types/default-navbar-metadata.ts b/services/web/frontend/js/features/ui/components/types/default-navbar-metadata.ts
new file mode 100644
index 0000000..b9d6b0c
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/types/default-navbar-metadata.ts
@@ -0,0 +1,24 @@
+import type {
+  NavbarItemData,
+  NavbarSessionUser,
+} from '@/features/ui/components/types/navbar'
+
+export type DefaultNavbarMetadata = {
+  customLogo?: string
+  title?: string
+  canDisplayAdminMenu: boolean
+  canDisplayAdminRedirect: boolean
+  canDisplaySplitTestMenu: boolean
+  canDisplaySurveyMenu: boolean
+  canDisplayScriptLogMenu: boolean
+  enableUpgradeButton: boolean
+  suppressNavbarRight: boolean
+  suppressNavContentLinks: boolean
+  showCloseIcon?: boolean
+  showSubscriptionLink: boolean
+  showSignUpLink: boolean
+  currentUrl: string
+  sessionUser?: NavbarSessionUser
+  adminUrl?: string
+  items: NavbarItemData[]
+}
diff --git a/services/web/frontend/js/features/ui/components/types/dropdown-menu-props.ts b/services/web/frontend/js/features/ui/components/types/dropdown-menu-props.ts
new file mode 100644
index 0000000..95cc60e
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/types/dropdown-menu-props.ts
@@ -0,0 +1,82 @@
+import type { ElementType, ReactNode, PropsWithChildren } from 'react'
+import type { ButtonProps } from '@/features/ui/components/types/button-props'
+
+type SplitButtonVariants = Extract<
+  ButtonProps['variant'],
+  'primary' | 'secondary' | 'danger' | 'link'
+>
+
+export type DropdownProps = {
+  align?:
+    | 'start'
+    | 'end'
+    | { sm: 'start' | 'end' }
+    | { md: 'start' | 'end' }
+    | { lg: 'start' | 'end' }
+    | { xl: 'start' | 'end' }
+    | { xxl: 'start' | 'end' }
+  as?: ElementType
+  children: ReactNode
+  className?: string
+  onSelect?: (eventKey: any, event: object) => any
+  onToggle?: (show: boolean) => void
+  show?: boolean
+  autoClose?: boolean | 'inside' | 'outside'
+  drop?: 'up' | 'up-centered' | 'start' | 'end' | 'down' | 'down-centered'
+  focusFirstItemOnShow?: false | true | 'keyboard'
+  onKeyDown?: (event: React.KeyboardEvent) => void
+}
+
+export type DropdownItemProps = PropsWithChildren<{
+  active?: boolean
+  as?: ElementType
+  description?: ReactNode
+  disabled?: boolean
+  eventKey?: string | number
+  href?: string
+  leadingIcon?: string | React.ReactNode
+  onClick?: React.MouseEventHandler
+  onMouseEnter?: React.MouseEventHandler
+  trailingIcon?: string | React.ReactNode
+  variant?: 'default' | 'danger'
+  className?: string
+  role?: string
+  tabIndex?: number
+  target?: string
+  download?: boolean | string
+  rel?: string
+}>
+
+export type DropdownToggleProps = PropsWithChildren<{
+  bsPrefix?: string
+  className?: string
+  disabled?: boolean
+  split?: boolean
+  id?: string // necessary for assistive technologies
+  variant?: SplitButtonVariants
+  as?: ElementType
+  size?: 'sm' | 'lg' | undefined
+  tabIndex?: number
+  'aria-label'?: string
+  onMouseEnter?: React.MouseEventHandler
+}>
+
+export type DropdownMenuProps = PropsWithChildren<{
+  as?: ElementType
+  disabled?: boolean
+  show?: boolean
+  className?: string
+  flip?: boolean
+  id?: string
+  renderOnMount?: boolean
+}>
+
+export type DropdownDividerProps = PropsWithChildren<{
+  as?: ElementType
+  className?: string
+}>
+
+export type DropdownHeaderProps = PropsWithChildren<{
+  as?: ElementType
+  className?: string
+}>
diff --git a/services/web/frontend/js/features/ui/components/types/fat-footer.ts b/services/web/frontend/js/features/ui/components/types/fat-footer.ts
new file mode 100644
index 0000000..6e167b5
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/types/fat-footer.ts
@@ -0,0 +1,9 @@
+export interface SubdomainDetails {
+  hide?: boolean
+  lngCode: string
+  url: string
+}
+
+export interface SubdomainLang {
+  [subdomain: string]: SubdomainDetails
+}
diff --git a/services/web/frontend/js/features/ui/components/types/footer-metadata.ts b/services/web/frontend/js/features/ui/components/types/footer-metadata.ts
new file mode 100644
index 0000000..6f0dbb4
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/types/footer-metadata.ts
@@ -0,0 +1,18 @@
+import type { SubdomainLang } from '@/features/ui/components/types/fat-footer'
+
+export type FooterItem = {
+  text: string
+  translatedText?: string
+  url?: string
+  class?: string
+  label?: string
+}
+
+export type FooterMetadata = {
+  showThinFooter: boolean
+  translatedLanguages: { [key: string]: string }
+  showPoweredBy?: boolean
+  subdomainLang?: SubdomainLang
+  leftItems?: FooterItem[]
+  rightItems?: FooterItem[]
+}
diff --git a/services/web/frontend/js/features/ui/components/types/icon-button-props.ts b/services/web/frontend/js/features/ui/components/types/icon-button-props.ts
new file mode 100644
index 0000000..ec75bb6
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/types/icon-button-props.ts
@@ -0,0 +1,7 @@
+import { ButtonProps } from './button-props'
+
+export type IconButtonProps = ButtonProps & {
+  accessibilityLabel?: string
+  icon: string
+  type?: 'button' | 'submit'
+}
diff --git a/services/web/frontend/js/features/ui/components/types/navbar.ts b/services/web/frontend/js/features/ui/components/types/navbar.ts
new file mode 100644
index 0000000..ff4e182
--- /dev/null
+++ b/services/web/frontend/js/features/ui/components/types/navbar.ts
@@ -0,0 +1,53 @@
+export interface NavbarDropdownDivider {
+  divider: true
+}
+
+export interface NavbarDropdownContactUsItem {
+  isContactUs: true
+}
+
+export interface NavbarDropdownTextItem {
+  text: string
+  translatedText: string
+  class?: string
+}
+
+export interface NavbarDropdownLinkItem extends NavbarDropdownTextItem {
+  url: string
+  trackingKey: string
+  eventSegmentation?: Record<string, any>
+}
+
+export type NavbarDropdownItem =
+  | NavbarDropdownDivider
+  | NavbarDropdownContactUsItem
+  | NavbarDropdownTextItem
+  | NavbarDropdownLinkItem
+
+export type NavbarItemDropdownData = NavbarDropdownItem[]
+
+export interface NavbarTextItemData {
+  text: string
+  translatedText: string
+  only_when_logged_in?: boolean
+  only_when_logged_out?: boolean
+  only_content_pages?: boolean
+  class?: string
+}
+
+export interface NavbarDropdownItemData extends NavbarTextItemData {
+  dropdown: NavbarItemDropdownData
+  trackingKey: 'help' | 'account' | 'features' | 'admin'
+}
+
+export interface NavbarLinkItemData extends NavbarTextItemData {
+  url: string
+  trackingKey: string
+}
+
+export type NavbarItemData =
+  | NavbarDropdownItemData
+  | NavbarLinkItemData
+  | NavbarTextItemData
+
+export type NavbarSessionUser = { email: string }
diff --git a/services/web/frontend/js/features/utils/bootstrap-5.ts b/services/web/frontend/js/features/utils/bootstrap-5.ts
new file mode 100644
index 0000000..6e8dd26
--- /dev/null
+++ b/services/web/frontend/js/features/utils/bootstrap-5.ts
@@ -0,0 +1,5 @@
+import getMeta from '@/utils/meta'
+
+// The reason this is a function is to ensure that the meta tag is read before
+// any isBootstrap5 check is performed
+export const isBootstrap5 = () => getMeta('ol-bootstrapVersion') === 5
diff --git a/services/web/frontend/js/features/utils/disableElement.js b/services/web/frontend/js/features/utils/disableElement.js
new file mode 100644
index 0000000..a60f1e9
--- /dev/null
+++ b/services/web/frontend/js/features/utils/disableElement.js
@@ -0,0 +1,9 @@
+export function disableElement(el) {
+  el.setAttribute('disabled', '')
+  el.setAttribute('aria-disabled', 'true')
+}
+
+export function enableElement(el) {
+  el.removeAttribute('disabled')
+  el.removeAttribute('aria-disabled')
+}
diff --git a/services/web/frontend/js/features/utils/fileUrl.js b/services/web/frontend/js/features/utils/fileUrl.js
new file mode 100644
index 0000000..1922144
--- /dev/null
+++ b/services/web/frontend/js/features/utils/fileUrl.js
@@ -0,0 +1,14 @@
+// Helper function to compute the url for a file in history-v1 or filestore.
+// This will be obsolete when the migration to history-v1 is complete.
+
+import getMeta from '@/utils/meta'
+
+const projectHistoryBlobsEnabled = getMeta('ol-projectHistoryBlobsEnabled')
+
+export function fileUrl(projectId, id, hash) {
+  if (projectHistoryBlobsEnabled && hash) {
+    return `/project/${projectId}/blob/${hash}?fallback=${id}`
+  } else {
+    return `/project/${projectId}/file/${id}`
+  }
+}
diff --git a/services/web/frontend/js/features/utils/format-date.ts b/services/web/frontend/js/features/utils/format-date.ts
new file mode 100644
index 0000000..5210bf6
--- /dev/null
+++ b/services/web/frontend/js/features/utils/format-date.ts
@@ -0,0 +1,28 @@
+import moment from 'moment'
+
+moment.updateLocale('en', {
+  calendar: {
+    lastDay: '[Yesterday]',
+    sameDay: '[Today]',
+    nextDay: '[Tomorrow]',
+    lastWeek: 'ddd, Do MMM YY',
+    nextWeek: 'ddd, Do MMM YY',
+    sameElse: 'ddd, Do MMM YY',
+  },
+})
+
+export function formatTime(date: moment.MomentInput, format = 'h:mm a') {
+  return moment(date).format(format)
+}
+
+export function relativeDate(date: moment.MomentInput) {
+  return moment(date).calendar()
+}
+
+export function formatTimeBasedOnYear(date: moment.MomentInput) {
+  const currentDate = moment()
+
+  return currentDate.diff(date, 'years') > 0
+    ? formatTime(date, 'D MMMM YYYY, h:mm a')
+    : formatTime(date, 'D MMMM, h:mm a')
+}
diff --git a/services/web/frontend/js/features/utils/swapModal.js b/services/web/frontend/js/features/utils/swapModal.js
new file mode 100644
index 0000000..49df638
--- /dev/null
+++ b/services/web/frontend/js/features/utils/swapModal.js
@@ -0,0 +1,12 @@
+export function swapModal(selectorBefore, selectorAfter) {
+  const modalBefore = $(selectorBefore)
+  const modalAfter = $(selectorAfter)
+
+  // Disable the fade-out + fade-in animation when swapping the forms.
+  modalBefore.removeClass('fade')
+  modalAfter.removeClass('fade')
+  modalAfter.modal()
+  modalBefore.modal('hide')
+  modalBefore.addClass('fade')
+  modalAfter.addClass('fade')
+}
diff --git a/services/web/frontend/js/features/word-count-modal/components/word-count-modal-content.jsx b/services/web/frontend/js/features/word-count-modal/components/word-count-modal-content.jsx
new file mode 100644
index 0000000..520b00d
--- /dev/null
+++ b/services/web/frontend/js/features/word-count-modal/components/word-count-modal-content.jsx
@@ -0,0 +1,109 @@
+import PropTypes from 'prop-types'
+import { useTranslation } from 'react-i18next'
+import { useProjectContext } from '@/shared/context/project-context'
+import { useLocalCompileContext } from '@/shared/context/local-compile-context'
+import { useWordCount } from '../hooks/use-word-count'
+import {
+  OLModalBody,
+  OLModalFooter,
+  OLModalHeader,
+  OLModalTitle,
+} from '@/features/ui/components/ol/ol-modal'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import { Spinner } from 'react-bootstrap-5'
+
+// NOTE: this component is only mounted when the modal is open
+export default function WordCountModalContent({ handleHide }) {
+  const { _id: projectId } = useProjectContext()
+  const { clsiServerId } = useLocalCompileContext()
+  const { t } = useTranslation()
+  const { data, error, loading } = useWordCount(projectId, clsiServerId)
+
+  return (
+    <>
+      <OLModalHeader closeButton>
+        <OLModalTitle>{t('word_count')}</OLModalTitle>
+      </OLModalHeader>
+
+      <OLModalBody>
+        {loading && !error && (
+          <div className="loading">
+            <Spinner
+              animation="border"
+              aria-hidden="true"
+              size="sm"
+              role="status"
+            />
+            &nbsp;
+            {t('loading')}…
+          </div>
+        )}
+
+        {error && (
+          <OLNotification
+            type="error"
+            content={t('generic_something_went_wrong')}
+          />
+        )}
+
+        {data && (
+          <div className="container-fluid">
+            {data.messages && (
+              <OLRow>
+                <OLCol xs={12}>
+                  <OLNotification
+                    type="error"
+                    content={
+                      <p style={{ whiteSpace: 'pre-wrap' }}>{data.messages}</p>
+                    }
+                  />
+                </OLCol>
+              </OLRow>
+            )}
+
+            <OLRow>
+              <OLCol xs={4}>
+                <div className="pull-right">{t('total_words')}:</div>
+              </OLCol>
+              <OLCol xs={6}>{data.textWords}</OLCol>
+            </OLRow>
+
+            <OLRow>
+              <OLCol xs={4}>
+                <div className="pull-right">{t('headers')}:</div>
+              </OLCol>
+              <OLCol xs={6}>{data.headers}</OLCol>
+            </OLRow>
+
+            <OLRow>
+              <OLCol xs={4}>
+                <div className="pull-right">{t('math_inline')}:</div>
+              </OLCol>
+              <OLCol xs={6}>{data.mathInline}</OLCol>
+            </OLRow>
+
+            <OLRow>
+              <OLCol xs={4}>
+                <div className="pull-right">{t('math_display')}:</div>
+              </OLCol>
+              <OLCol xs={6}>{data.mathDisplay}</OLCol>
+            </OLRow>
+          </div>
+        )}
+      </OLModalBody>
+
+      <OLModalFooter>
+        <OLButton variant="secondary" onClick={handleHide}>
+          {t('close')}
+        </OLButton>
+      </OLModalFooter>
+    </>
+  )
+}
+
+WordCountModalContent.propTypes = {
+  handleHide: PropTypes.func.isRequired,
+}
diff --git a/services/web/frontend/js/features/word-count-modal/components/word-count-modal.jsx b/services/web/frontend/js/features/word-count-modal/components/word-count-modal.jsx
new file mode 100644
index 0000000..81f9685
--- /dev/null
+++ b/services/web/frontend/js/features/word-count-modal/components/word-count-modal.jsx
@@ -0,0 +1,23 @@
+import React from 'react'
+import PropTypes from 'prop-types'
+import WordCountModalContent from './word-count-modal-content'
+import withErrorBoundary from '../../../infrastructure/error-boundary'
+import OLModal from '@/features/ui/components/ol/ol-modal'
+
+const WordCountModal = React.memo(function WordCountModal({
+  show,
+  handleHide,
+}) {
+  return (
+    <OLModal animation show={show} onHide={handleHide} id="word-count-modal">
+      <WordCountModalContent handleHide={handleHide} />
+    </OLModal>
+  )
+})
+
+WordCountModal.propTypes = {
+  show: PropTypes.bool,
+  handleHide: PropTypes.func.isRequired,
+}
+
+export default withErrorBoundary(WordCountModal)
diff --git a/services/web/frontend/js/features/word-count-modal/hooks/use-word-count.js b/services/web/frontend/js/features/word-count-modal/hooks/use-word-count.js
new file mode 100644
index 0000000..51d6cba
--- /dev/null
+++ b/services/web/frontend/js/features/word-count-modal/hooks/use-word-count.js
@@ -0,0 +1,26 @@
+import useAbortController from '../../../shared/hooks/use-abort-controller'
+import { fetchWordCount } from '../utils/api'
+import { useEffect, useState } from 'react'
+
+export function useWordCount(projectId, clsiServerId) {
+  const [loading, setLoading] = useState(true)
+  const [error, setError] = useState(false)
+  const [data, setData] = useState()
+
+  const { signal } = useAbortController()
+
+  useEffect(() => {
+    fetchWordCount(projectId, clsiServerId, { signal })
+      .then(data => {
+        setData(data.texcount)
+      })
+      .catch(() => {
+        setError(true)
+      })
+      .finally(() => {
+        setLoading(false)
+      })
+  }, [signal, clsiServerId, projectId])
+
+  return { data, error, loading }
+}
diff --git a/services/web/frontend/js/features/word-count-modal/utils/api.js b/services/web/frontend/js/features/word-count-modal/utils/api.js
new file mode 100644
index 0000000..54818f0
--- /dev/null
+++ b/services/web/frontend/js/features/word-count-modal/utils/api.js
@@ -0,0 +1,10 @@
+import { getJSON } from '../../../infrastructure/fetch-json'
+
+export function fetchWordCount(projectId, clsiServerId, options) {
+  let query = ''
+  if (clsiServerId) {
+    query = `?clsiserverid=${clsiServerId}`
+  }
+
+  return getJSON(`/project/${projectId}/wordcount${query}`, options)
+}
diff --git a/services/web/frontend/js/i18n.ts b/services/web/frontend/js/i18n.ts
new file mode 100644
index 0000000..f3c4b4a
--- /dev/null
+++ b/services/web/frontend/js/i18n.ts
@@ -0,0 +1,62 @@
+import i18n from 'i18next'
+import { initReactI18next } from 'react-i18next'
+import getMeta from '@/utils/meta'
+
+const LANG = getMeta('ol-i18n').currentLangCode
+
+// Since we are rendering React from Angular, the initialisation is
+// synchronous on page load (but hidden behind the loading screen). This
+// means that translations must be initialised without any actual
+// translation strings, and load those manually ourselves later
+
+i18n.use(initReactI18next).init({
+  lng: LANG,
+
+  // still using the v3 plural suffixes
+  compatibilityJSON: 'v3',
+
+  react: {
+    // Since we are manually waiting on the translations data to
+    // load, we don't need to use Suspense
+    useSuspense: false,
+
+    // Trigger a re-render when a language is added. Since we load the
+    // translation strings asynchronously, we need to trigger a re-render once
+    // they've loaded
+    bindI18nStore: 'added',
+
+    // Disable automatic conversion of basic markup to React components
+    transSupportBasicHtmlNodes: false,
+  },
+
+  interpolation: {
+    // We use the legacy v1 JSON format, so configure interpolator to use
+    // underscores instead of curly braces
+    prefix: '__',
+    suffix: '__',
+    unescapeSuffix: 'HTML',
+
+    // Disable nesting in interpolated values, preventing user input
+    // injection via another nested value
+    skipOnVariables: true,
+
+    // Do not escape values, as `t` + React will already escape them
+    // (`escapeValue: true` and `shouldUnescape` must be set on each use of `Trans`)
+    escapeValue: false,
+
+    defaultVariables: {
+      appName: getMeta('ol-ExposedSettings').appName,
+    },
+  },
+})
+
+// The webpackChunkName here will name this chunk (and thus the requested
+// script) according to the file name. See https://webpack.js.org/api/module-methods/#magic-comments
+// for details
+const localesPromise = import(
+  /* webpackChunkName: "[request]" */ `../../locales/${LANG}.json`
+).then(lang => {
+  i18n.addResourceBundle(LANG, 'translation', lang)
+})
+
+export default localesPromise
diff --git a/services/web/frontend/js/ide-detached.ts b/services/web/frontend/js/ide-detached.ts
new file mode 100644
index 0000000..a335498
--- /dev/null
+++ b/services/web/frontend/js/ide-detached.ts
@@ -0,0 +1,5 @@
+import './utils/meta'
+import './utils/webpack-public-path'
+import './infrastructure/error-reporter'
+import './i18n'
+import './features/pdf-preview/components/pdf-preview-detached-root'
diff --git a/services/web/frontend/js/ide/connection/SocketIoShim.js b/services/web/frontend/js/ide/connection/SocketIoShim.js
new file mode 100644
index 0000000..9fb57ef
--- /dev/null
+++ b/services/web/frontend/js/ide/connection/SocketIoShim.js
@@ -0,0 +1,331 @@
+/* global io */
+
+import { debugConsole } from '@/utils/debugging'
+import EventEmitter from '@/utils/EventEmitter'
+
+class SocketShimBase {
+  static connect(url, options) {
+    return new SocketShimBase()
+  }
+
+  constructor(socket) {
+    this._socket = socket
+  }
+
+  forceDisconnectWithoutEvent() {}
+}
+const transparentMethods = [
+  'connect',
+  'disconnect',
+  'emit',
+  'on',
+  'removeListener',
+]
+for (const method of transparentMethods) {
+  SocketShimBase.prototype[method] = function () {
+    this._socket[method].apply(this._socket, arguments)
+  }
+}
+
+class SocketShimNoop extends SocketShimBase {
+  static connect() {
+    return new SocketShimNoop()
+  }
+
+  constructor(socket) {
+    super(socket)
+    this.socket = {
+      get connected() {
+        return false
+      },
+      get sessionid() {
+        return undefined
+      },
+      get transport() {
+        return {}
+      },
+
+      connect() {},
+      disconnect(reason) {},
+    }
+  }
+
+  connect() {}
+  disconnect(reason) {}
+  emit() {}
+  on() {}
+  removeListener() {}
+}
+
+class SocketShimV0 extends SocketShimBase {
+  static connect(url, options) {
+    return new SocketShimV0(io.connect(url, options))
+  }
+
+  constructor(socket) {
+    super(socket)
+    this.socket = this._socket.socket
+    const self = this
+    Object.defineProperty(this.socket, 'transport', {
+      get() {
+        return self._transport
+      },
+      set(v) {
+        self.forceDisconnectWithoutEvent()
+        self._transport = v
+      },
+    })
+  }
+
+  forceDisconnectWithoutEvent() {
+    clearTimeout(this.socket.heartbeatTimeoutTimer)
+    if (this._transport) this.forceCloseTransport(this._transport)
+  }
+
+  forceCloseTransport(transport) {
+    transport.clearTimeouts()
+    if (transport instanceof io.Transport.websocket) {
+      // retry closing
+      transport.websocket.onopen = transport.websocket.onmessage = () =>
+        transport.websocket.close()
+      // mute close/error handler
+      transport.websocket.onclose = transport.websocket.onerror = () => {}
+      // disconnect
+      try {
+        transport.websocket.close()
+      } catch {}
+    } else if (transport instanceof io.Transport['xhr-polling']) {
+      // mute data/close handler and block new polling GET requests
+      transport.onData = transport.onClose = transport.get = () => {}
+      // abort pending long-polling/POST request
+      for (const xhr of [transport.xhr, transport.sendXHR]) {
+        if (!xhr) continue // not pending
+        // mute xhr callbacks
+        xhr.onreadystatechange = xhr.onload = xhr.onerror = () => {}
+        try {
+          xhr.abort()
+        } catch {}
+      }
+      transport.xhr = transport.sendXHR = null
+      // Mark long-polling client as disconnected to avoid "ghost" connected client.
+      fetch(transport.prepareUrl() + '/?disconnect=1', {
+        // Let the request continue after navigating away from or reloading the page.
+        keepalive: true,
+      })
+        // Avoid leaving a dangling response on the wire.
+        .then(res => res.text())
+        .catch(() => {})
+    } else {
+      try {
+        transport.close()
+      } catch {}
+      debugConsole.warn('unexpected socket.io transport', transport)
+    }
+  }
+}
+
+class SocketShimV2 extends SocketShimBase {
+  static connect(url, options) {
+    options.forceNew = options['force new connection']
+    // .resource has no leading slash, path wants to see one.
+    options.path = '/' + options.resource
+    options.reconnection = options.reconnect
+    options.timeout = options['connect timeout']
+    return new SocketShimV2(url, options)
+  }
+
+  static get EVENT_MAP() {
+    // Use the v2 event names transparently to the frontend.
+    const connectionFailureEvents = [
+      'connect_error',
+      'connect_timeout',
+      'error',
+    ]
+    return new Map([
+      ['connect_failed', connectionFailureEvents],
+      ['error', connectionFailureEvents],
+    ])
+  }
+
+  _on(event, handler) {
+    // Keep track of our event listeners.
+    // We move them to a new socket in ._replaceSocketWithNewInstance()
+    if (!this._events.has(event)) {
+      this._events.set(event, [handler])
+    } else {
+      this._events.get(event).push(handler)
+    }
+    this._socket.on(event, handler)
+  }
+
+  on(event, handler) {
+    if (SocketShimV2.EVENT_MAP.has(event)) {
+      for (const v2Event of SocketShimV2.EVENT_MAP.get(event)) {
+        this._on(v2Event, handler)
+      }
+    } else {
+      this._on(event, handler)
+    }
+  }
+
+  _removeListener(event, handler) {
+    // Keep track of our event listeners.
+    // We move them to a new socket in ._replaceSocketWithNewInstance()
+    if (this._events.has(event)) {
+      const listeners = this._events.get(event)
+      const pos = listeners.indexOf(handler)
+      if (pos !== -1) {
+        listeners.splice(pos, 1)
+      }
+    }
+    this._socket.removeListener(event, handler)
+  }
+
+  removeListener(event, handler) {
+    if (SocketShimV2.EVENT_MAP.has(event)) {
+      for (const v2Event of SocketShimV2.EVENT_MAP.get(event)) {
+        this._removeListener(v2Event, handler)
+      }
+    } else {
+      this._removeListener(event, handler)
+    }
+  }
+
+  static createNewSocket(url, options) {
+    // open a brand new connection for the default namespace '/'
+    // The old socket can still leak 'disconnect' events from the teardown
+    //  of the old transport. The leaking 'disconnect' events interfere with
+    //  the _new_ connection and cancel the new connect attempt.
+    // Also skip the caching in these locations:
+    // - `io.connect()` caches `io.Manager`s in `io.managers`
+    // - `io.Manager().socket()` caches `io.Socket`s in its `this.nsps`
+    return io.Manager(url, options).socket('/', options)
+  }
+
+  _replaceSocketWithNewInstance() {
+    const oldSocket = this._socket
+    const newSocket = SocketShimV2.createNewSocket(this._url, this._options)
+
+    // move our existing event handlers to the new socket
+    this._events.forEach((listeners, event) => {
+      for (const listener of listeners) {
+        oldSocket.removeListener(event, listener)
+        newSocket.on(event, listener)
+      }
+    })
+
+    if (oldSocket.connected) {
+      // We overwrite the reference to oldSocket soon.
+      // Make sure we are disconnected.
+      oldSocket.disconnect()
+    }
+    this._socket = newSocket
+  }
+
+  connect() {
+    // have the same logic behind socket.connect and socket.socket.connect
+    this._replaceSocketWithNewInstance()
+  }
+
+  constructor(url, options) {
+    super(SocketShimV2.createNewSocket(url, options))
+    this._url = url
+    this._options = options
+    this._events = new Map()
+
+    const self = this
+    function _getEngine() {
+      return (self._socket.io && self._socket.io.engine) || {}
+    }
+
+    this.socket = {
+      get connected() {
+        return self._socket.connected
+      },
+      get sessionid() {
+        if (self._socket.id) {
+          return self._socket.id
+        }
+        // socket.id is discarded upon disconnect
+        // the id is still available in the internal state
+        return _getEngine().id
+      },
+      get transport() {
+        return _getEngine().transport
+      },
+
+      connect() {
+        self._replaceSocketWithNewInstance()
+      },
+      disconnect(reason) {
+        return self._socket.disconnect(reason)
+      },
+    }
+  }
+}
+
+let current
+if (typeof io === 'undefined' || !io) {
+  debugConsole.log('[socket.io] Shim: socket.io is not loaded, returning noop')
+  current = SocketShimNoop
+} else if (typeof io.version === 'string' && io.version.slice(0, 1) === '0') {
+  debugConsole.log('[socket.io] Shim: detected v0')
+  current = SocketShimV0
+} else {
+  // socket.io v2 does not have a global io.version attribute.
+  debugConsole.log('[socket.io] Shim: detected v2')
+  current = SocketShimV2
+}
+
+export class SocketIOMock extends SocketShimBase {
+  constructor() {
+    super(new EventEmitter())
+    this.socket = {
+      get connected() {
+        return false
+      },
+      get sessionid() {
+        return undefined
+      },
+      get transport() {
+        return {}
+      },
+      get transports() {
+        return []
+      },
+
+      connect() {},
+      disconnect(reason) {},
+    }
+  }
+
+  addListener(event, listener) {
+    this._socket.on(event, listener)
+  }
+
+  removeListener(event, listener) {
+    this._socket.off(event, listener)
+  }
+
+  disconnect() {
+    this.emitToClient('disconnect')
+  }
+
+  emitToClient(...args) {
+    // Round-trip through JSON.parse/stringify to simulate (de-)serializing on network layer.
+    this.emit(...JSON.parse(JSON.stringify(args)))
+  }
+
+  countEventListeners(event) {
+    return this._socket.events[event].length
+  }
+}
+
+export default {
+  SocketShimNoop,
+  SocketShimV0,
+  SocketShimV2,
+  current,
+  connect: current.connect,
+  stub: () => new SocketShimNoop(),
+}
diff --git a/services/web/frontend/js/ide/human-readable-logs/HumanReadableLogs.js b/services/web/frontend/js/ide/human-readable-logs/HumanReadableLogs.js
new file mode 100644
index 0000000..57a35ad
--- /dev/null
+++ b/services/web/frontend/js/ide/human-readable-logs/HumanReadableLogs.js
@@ -0,0 +1,87 @@
+import LatexLogParser from '../log-parser/latex-log-parser'
+import ruleset from './HumanReadableLogsRules'
+
+export default {
+  parse(rawLog, options) {
+    const parsedLogEntries =
+      typeof rawLog === 'string'
+        ? new LatexLogParser(rawLog, options).parse()
+        : rawLog
+
+    const seenErrorTypes = {} // keep track of types of errors seen
+
+    for (const entry of parsedLogEntries.all) {
+      const ruleDetails = ruleset.find(rule =>
+        rule.regexToMatch.test(entry.message)
+      )
+
+      if (ruleDetails) {
+        if (ruleDetails.ruleId) {
+          entry.ruleId = ruleDetails.ruleId
+        }
+
+        if (ruleDetails.newMessage) {
+          entry.message = entry.message.replace(
+            ruleDetails.regexToMatch,
+            ruleDetails.newMessage
+          )
+        }
+
+        if (ruleDetails.contentRegex) {
+          const match = entry.content.match(ruleDetails.contentRegex)
+          if (match) {
+            entry.contentDetails = match.slice(1)
+          }
+        }
+
+        if (entry.contentDetails && ruleDetails.improvedTitle) {
+          const message = ruleDetails.improvedTitle(
+            entry.message,
+            entry.contentDetails
+          )
+
+          if (Array.isArray(message)) {
+            entry.message = message[0]
+            // removing the messageComponent, as the markup possible in it was causing crashes when
+            //  attempting to broadcast it in the detach-context (cant structuredClone an html node)
+            // see https://github.com/overleaf/internal/discussions/15031 for context
+            // entry.messageComponent = message[1]
+          } else {
+            entry.message = message
+          }
+        }
+
+        if (entry.contentDetails && ruleDetails.highlightCommand) {
+          entry.command = ruleDetails.highlightCommand(entry.contentDetails)
+        }
+
+        // suppress any entries that are known to cascade from previous error types
+        if (ruleDetails.cascadesFrom) {
+          for (const type of ruleDetails.cascadesFrom) {
+            if (seenErrorTypes[type]) {
+              entry.suppressed = true
+            }
+          }
+        }
+
+        // record the types of errors seen
+        if (ruleDetails.types) {
+          for (const type of ruleDetails.types) {
+            seenErrorTypes[type] = true
+          }
+        }
+      }
+    }
+
+    // filter out the suppressed errors (from the array entries in parsedLogEntries)
+    for (const [key, errors] of Object.entries(parsedLogEntries)) {
+      if (typeof errors === 'object' && errors.length > 0) {
+        parsedLogEntries[key] = Array.from(errors).filter(
+          err => !err.suppressed
+        )
+      }
+    }
+
+    return parsedLogEntries
+  },
+}
diff --git a/services/web/frontend/js/ide/human-readable-logs/HumanReadableLogsHints.tsx b/services/web/frontend/js/ide/human-readable-logs/HumanReadableLogsHints.tsx
new file mode 100644
index 0000000..dd188ea
--- /dev/null
+++ b/services/web/frontend/js/ide/human-readable-logs/HumanReadableLogsHints.tsx
@@ -0,0 +1,524 @@
+import {
+  packageSuggestionsForCommands,
+  packageSuggestionsForEnvironments,
+} from './HumanReadableLogsPackageSuggestions'
+import getMeta from '@/utils/meta'
+
+function WikiLink({
+  url,
+  children,
+}: {
+  url: string
+  children: React.ReactNode
+}) {
+  if (getMeta('ol-wikiEnabled')) {
+    return (
+      <a href={url} target="_blank" rel="noopener">
+        {children}
+      </a>
+    )
+  } else {
+    return <>{children}</>
+  }
+}
+
+type LogHint = {
+  extraInfoURL?: string | null
+  formattedContent: (details?: string[]) => React.ReactNode
+}
+
+const hints: { [ruleId: string]: LogHint } = {
+  hint_misplaced_alignment_tab_character: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/Misplaced_alignment_tab_character_%26',
+    formattedContent: () => (
+      <>
+        You have placed an alignment tab character '&' in the wrong place. If
+        you want to align something, you must write it inside an align
+        environment such as \begin
+        {'{align}'} … \end
+        {'{align}'}, \begin
+        {'{tabular}'} … \end
+        {'{tabular}'}, etc. If you want to write an ampersand '&' in text, you
+        must write \& instead.
+      </>
+    ),
+  },
+  hint_extra_alignment_tab_has_been_changed: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/Extra_alignment_tab_has_been_changed_to_%5Ccr',
+    formattedContent: () => (
+      <>
+        You have written too many alignment tabs in a table, causing one of them
+        to be turned into a line break. Make sure you have specified the correct
+        number of columns in your{' '}
+        <WikiLink url="https://www.overleaf.com/learn/Tables">table</WikiLink>.
+      </>
+    ),
+  },
+  hint_display_math_should_end_with: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/Display_math_should_end_with_$$',
+    formattedContent: () => (
+      <>
+        You have forgotten a $ sign at the end of 'display math' mode. When
+        writing in display math mode, you must always math write inside $$ … $$.
+        Check that the number of $s match around each math expression.
+      </>
+    ),
+  },
+  hint_missing_inserted: {
+    extraInfoURL: 'https://www.overleaf.com/learn/Errors/Missing_$_inserted',
+    formattedContent: () => (
+      <>
+        <p>
+          You need to enclose all mathematical expressions and symbols with
+          special markers. These special markers create a ‘math mode’.
+        </p>
+        <p>
+          Use <code>$...$</code> for inline math mode, and <code>\[...\]</code>
+          or one of the mathematical environments (e.g. equation) for display
+          math mode.
+        </p>
+        <p>
+          This applies to symbols such as subscripts ( <code>_</code> ),
+          integrals ( <code>\int</code> ), Greek letters ( <code>\alpha</code>,{' '}
+          <code>\beta</code>, <code>\delta</code> ) and modifiers{' '}
+          <code>{'(\\vec{x}'}</code>, <code>{'\\tilde{x}'})</code>.
+        </p>
+      </>
+    ),
+  },
+  hint_reference_undefined: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/There_were_undefined_references',
+    formattedContent: () => (
+      <>
+        You have referenced something which has not yet been labelled. If you
+        have labelled it already, make sure that what is written inside \ref
+        {'{...}'} is the same as what is written inside \label
+        {'{...}'}.
+      </>
+    ),
+  },
+  hint_there_were_undefined_references: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/There_were_undefined_references',
+    formattedContent: () => (
+      <>
+        You have referenced something which has not yet been labelled. If you
+        have labelled it already, make sure that what is written inside \ref
+        {'{...}'} is the same as what is written inside \label
+        {'{...}'}.
+      </>
+    ),
+  },
+  hint_citation_on_page_undefined_on_input_line: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/Citation_XXX_on_page_XXX_undefined_on_input_line_XXX',
+    formattedContent: () => (
+      <>
+        You have cited something which is not included in your bibliography.
+        Make sure that the citation (\cite
+        {'{...}'}) has a corresponding key in your bibliography, and that both
+        are spelled the same way.
+      </>
+    ),
+  },
+  hint_label_multiply_defined_labels: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/There_were_multiply-defined_labels',
+    formattedContent: () => (
+      <>
+        You have used the same label more than once. Check that each \label
+        {'{...}'} labels only one item.
+      </>
+    ),
+  },
+  hint_float_specifier_changed: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/%60!h%27_float_specifier_changed_to_%60!ht%27',
+    formattedContent: () => (
+      <>
+        The float specifier 'h' is too strict of a demand for LaTeX to place
+        your float in a nice way here. Try relaxing it by using 'ht', or even
+        'htbp' if necessary. If you want to try keep the float here anyway,
+        check out the{' '}
+        <WikiLink url="https://www.overleaf.com/learn/Positioning_of_Figures">
+          float package
+        </WikiLink>
+        .
+      </>
+    ),
+  },
+  hint_no_positions_in_optional_float_specifier: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/No_positions_in_optional_float_specifier',
+    formattedContent: () => (
+      <>
+        You have forgotten to include a float specifier, which tells LaTeX where
+        to position your figure. To fix this, either insert a float specifier
+        inside the square brackets (e.g. \begin
+        {'{figure}'}
+        [h]), or remove the square brackets (e.g. \begin
+        {'{figure}'}
+        ). Find out more about float specifiers{' '}
+        <WikiLink url="https://www.overleaf.com/learn/Positioning_of_Figures">
+          here
+        </WikiLink>
+        .
+      </>
+    ),
+  },
+  hint_undefined_control_sequence: {
+    formattedContent: details => {
+      if (details?.length && packageSuggestionsForCommands.has(details[0])) {
+        const command = details[0]
+        const suggestion = packageSuggestionsForCommands.get(command)
+        return (
+          <>
+            <p>
+              We think you’ve got a missing package! The <code>{command}</code>{' '}
+              command won't work unless you include
+              <code>{suggestion.command}</code> in your{' '}
+              <WikiLink url="https://www.overleaf.com/learn/latex/Learn_LaTeX_in_30_minutes#The_preamble_of_a_document">
+                document preamble
+              </WikiLink>
+              .{' '}
+              <WikiLink url="https://www.overleaf.com/learn/latex/Learn_LaTeX_in_30_minutes#Finding_and_using_LaTeX_packages">
+                Learn more about packages
+              </WikiLink>
+              .
+            </p>
+          </>
+        )
+      }
+      return (
+        <>
+          The compiler is having trouble understanding a command you have used.
+          Check that the command is spelled correctly. If the command is part of
+          a package, make sure you have included the package in your preamble
+          using <code>\usepackage</code>
+          {'{...}'}.
+          <div className="log-entry-content-link">
+            <a
+              href="https://www.overleaf.com/learn/Errors/Undefined_control_sequence"
+              target="_blank"
+              rel="noopener"
+            >
+              Learn more
+            </a>
+          </div>
+        </>
+      )
+    },
+  },
+  hint_undefined_environment: {
+    formattedContent: details => {
+      if (
+        details?.length &&
+        packageSuggestionsForEnvironments.has(details[0])
+      ) {
+        const environment = details[0]
+        const suggestion = packageSuggestionsForEnvironments.get(environment)
+        return (
+          <>
+            <p>
+              We think you’ve got a missing package! The{' '}
+              <code>{environment}</code> environment won't work unless you
+              include <code>{suggestion.command}</code> in your{' '}
+              <WikiLink url="https://www.overleaf.com/learn/latex/Learn_LaTeX_in_30_minutes#The_preamble_of_a_document">
+                document preamble
+              </WikiLink>
+              .{' '}
+              <WikiLink url="https://www.overleaf.com/learn/latex/Learn_LaTeX_in_30_minutes#Finding_and_using_LaTeX_packages">
+                Learn more about packages
+              </WikiLink>
+              .
+            </p>
+          </>
+        )
+      }
+      return (
+        <>
+          You have created an environment (using \begin
+          {'{…}'} and \end
+          {'{…}'} commands) which is not recognized. Make sure you have included
+          the required package for that environment in your preamble, and that
+          the environment is spelled correctly.
+          <div className="log-entry-content-link">
+            <a
+              href="https://www.overleaf.com/learn/Errors%2FLaTeX%20Error%3A%20Environment%20XXX%20undefined"
+              target="_blank"
+              rel="noopener"
+            >
+              Learn more
+            </a>
+          </div>
+        </>
+      )
+    },
+  },
+  hint_file_not_found: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/File_XXX_not_found_on_input_line_XXX',
+    formattedContent: () => (
+      <>
+        The compiler cannot find the file you want to include. Make sure that
+        you have{' '}
+        <WikiLink url="https://www.overleaf.com/learn/how-to/Including_images_on_Overleaf">
+          uploaded the file
+        </WikiLink>{' '}
+        and{' '}
+        <WikiLink url="https://www.overleaf.com/learn/Errors/File_XXX_not_found_on_input_line_XXX.">
+          specified the file location correctly
+        </WikiLink>
+        .
+      </>
+    ),
+  },
+  hint_unknown_graphics_extension: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/LaTeX_Error:_Unknown_graphics_extension:_.XXX',
+    formattedContent: () => (
+      <>
+        The compiler does not recognise the file type of one of your images.
+        Make sure you are using a{' '}
+        <WikiLink url="https://www.overleaf.com/learn/Errors/LaTeX_Error:_Unknown_graphics_extension:_.gif.">
+          supported image format
+        </WikiLink>{' '}
+        for your choice of compiler, and check that there are no periods (.) in
+        the name of your image.
+      </>
+    ),
+  },
+  hint_unknown_float_option_h: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/LaTeX_Error:_Unknown_float_option_%60H%27',
+    formattedContent: () => (
+      <>
+        The compiler isn't recognizing the float option 'H'. Include \usepackage
+        {'{float}'} in your preamble to fix this.
+      </>
+    ),
+  },
+  hint_unknown_float_option_q: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/LaTeX_Error:_Unknown_float_option_%60q%27',
+    formattedContent: () => (
+      <>
+        You have used a float specifier which the compiler does not understand.
+        You can learn more about the different float options available for
+        placing figures{' '}
+        <WikiLink url="https://www.overleaf.com/learn/Positioning_of_Figures">
+          here
+        </WikiLink>{' '}
+        .
+      </>
+    ),
+  },
+  hint_math_allowed_only_in_math_mode: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/LaTeX_Error:_%5Cmathrm_allowed_only_in_math_mode',
+    formattedContent: () => (
+      <>
+        You have used a font command which is only available in math mode. To
+        use this command, you must be in maths mode (E.g. $ … $ or \begin
+        {'{math}'} … \end
+        {'{math}'}
+        ). If you want to use it outside of math mode, use the text version
+        instead: \textrm, \textit, etc.
+      </>
+    ),
+  },
+  hint_mismatched_environment: {
+    formattedContent: () => (
+      <>
+        You have used \begin
+        {'{...}'} without a corresponding \end
+        {'{...}'}.
+      </>
+    ),
+  },
+  hint_mismatched_brackets: {
+    formattedContent: () => (
+      <>You have used an open bracket without a corresponding close bracket.</>
+    ),
+  },
+  hint_can_be_used_only_in_preamble: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/LaTeX_Error:_Can_be_used_only_in_preamble',
+    formattedContent: () => (
+      <>
+        You have used a command in the main body of your document which should
+        be used in the preamble. Make sure that \documentclass[…]
+        {'{…}'} and all \usepackage
+        {'{…}'} commands are written before \begin
+        {'{document}'}.
+      </>
+    ),
+  },
+  hint_missing_right_inserted: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/Missing_%5Cright_insertede',
+    formattedContent: () => (
+      <>
+        You have started an expression with a \left command, but have not
+        included a corresponding \right command. Make sure that your \left and
+        \right commands balance everywhere, or else try using \Biggl and \Biggr
+        commands instead as shown{' '}
+        <WikiLink url="https://www.overleaf.com/learn/Errors/Missing_%5Cright_inserted">
+          here
+        </WikiLink>
+        .
+      </>
+    ),
+  },
+  hint_double_superscript: {
+    extraInfoURL: 'https://www.overleaf.com/learn/Errors/Double_superscript',
+    formattedContent: () => (
+      <>
+        You have written a double superscript incorrectly as a^b^c, or else you
+        have written a prime with a superscript. Remember to include {'{and}'}{' '}
+        when using multiple superscripts. Try a^
+        {'{b ^ c}'} instead.
+      </>
+    ),
+  },
+  hint_double_subscript: {
+    extraInfoURL: 'https://www.overleaf.com/learn/Errors/Double_subscript',
+    formattedContent: () => (
+      <>
+        You have written a double subscript incorrectly as a_b_c. Remember to
+        include {'{and}'} when using multiple subscripts. Try a_
+        {'{b_c}'} instead.
+      </>
+    ),
+  },
+  hint_no_author_given: {
+    extraInfoURL: 'https://www.overleaf.com/learn/Errors/No_%5Cauthor_given',
+    formattedContent: () => (
+      <>
+        You have used the \maketitle command, but have not specified any
+        \author. To fix this, include an author in your preamble using the
+        \author
+        {'{…}'} command.
+      </>
+    ),
+  },
+  hint_somethings_wrong_perhaps_a_missing_item: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/LaTeX_Error:_Something%27s_wrong--perhaps_a_missing_%5Citem',
+    formattedContent: () => (
+      <>
+        There are no entries found in a list you have created. Make sure you
+        label list entries using the \item command, and that you have not used a
+        list inside a table.
+      </>
+    ),
+  },
+  hint_misplaced_noalign: {
+    extraInfoURL: 'https://www.overleaf.com/learn/Errors/Misplaced_%5Cnoalign',
+    formattedContent: () => (
+      <>
+        You have used a \hline command in the wrong place, probably outside a
+        table. If the \hline command is written inside a table, try including \\
+        before it.
+      </>
+    ),
+  },
+  hint_no_line_here_to_end: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/LaTeX_Error:_There%27s_no_line_here_to_end',
+    formattedContent: () => (
+      <>
+        You have used a \\ or \newline command where LaTeX was not expecting
+        one. Make sure that you only use line breaks after blocks of text, and
+        be careful using linebreaks inside lists and other environments.
+      </>
+    ),
+  },
+  hint_verb_ended_by_end_of_line: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors/LaTeX_Error:_%5Cverb_ended_by_end_of_line',
+    formattedContent: () => (
+      <>
+        You have used a \verb command incorrectly. Try replacling the \verb
+        command with \begin
+        {'{verbatim}'}
+        …\end
+        {'{verbatim}'}
+        .\
+      </>
+    ),
+  },
+  hint_illegal_unit_of_measure_pt_inserted: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors%2FIllegal%20unit%20of%20measure%20(pt%20inserted)',
+    formattedContent: () => (
+      <>
+        You have written a length, but have not specified the appropriate units
+        (pt, mm, cm etc.). If you have not written a length, check that you have
+        not witten a linebreak \\ followed by square brackets […] anywhere.
+      </>
+    ),
+  },
+  hint_extra_right: {
+    extraInfoURL: 'https://www.overleaf.com/learn/Errors/Extra_%5Cright',
+    formattedContent: () => (
+      <>
+        You have written a \right command without a corresponding \left command.
+        Check that all \left and \right commands balance everywhere.
+      </>
+    ),
+  },
+  hint_missing_begin_document_: {
+    extraInfoURL:
+      'https://www.overleaf.com/learn/Errors%2FLaTeX%20Error%3A%20Missing%20%5Cbegin%20document',
+    formattedContent: () => (
+      <>
+        No \begin
+        {'{document}'} command was found. Make sure you have included \begin
+        {'{document}'} in your preamble, and that your main document is set
+        correctly.
+      </>
+    ),
+  },
+  hint_mismatched_environment2: {
+    formattedContent: () => (
+      <>
+        You have used \begin
+        {'{}'} without a corresponding \end
+        {'{}'}.
+      </>
+    ),
+  },
+  hint_mismatched_environment3: {
+    formattedContent: () => (
+      <>
+        You have used \begin
+        {'{}'} without a corresponding \end
+        {'{}'}.
+      </>
+    ),
+  },
+  hint_mismatched_environment4: {
+    formattedContent: () => (
+      <>
+        You have used \begin
+        {'{}'} without a corresponding \end
+        {'{}'}.
+      </>
+    ),
+  },
+}
+
+export const ruleIds = Object.keys(hints)
+
+if (!getMeta('ol-wikiEnabled')) {
+  Object.keys(hints).forEach(ruleId => {
+    hints[ruleId].extraInfoURL = null
+  })
+}
+
+export default hints
diff --git a/services/web/frontend/js/ide/human-readable-logs/HumanReadableLogsPackageSuggestions.js b/services/web/frontend/js/ide/human-readable-logs/HumanReadableLogsPackageSuggestions.js
new file mode 100644
index 0000000..cc09a6e
--- /dev/null
+++ b/services/web/frontend/js/ide/human-readable-logs/HumanReadableLogsPackageSuggestions.js
@@ -0,0 +1,49 @@
+const commandSuggestions = [
+  [
+    '\\includegraphics',
+    { name: 'graphicx', command: '\\usepackage{graphicx}' },
+  ],
+  ['\\toprule', { name: 'booktabs', command: '\\usepackage{booktabs}' }],
+  ['\\midrule', { name: 'booktabs', command: '\\usepackage{booktabs}' }],
+  ['\\bottomrule', { name: 'booktabs', command: '\\usepackage{booktabs}' }],
+  ['\\cmidrule', { name: 'booktabs', command: '\\usepackage{booktabs}' }],
+  ['\\multirow', { name: 'multirow', command: '\\usepackage{multirow}' }],
+  ['\\justifying', { name: 'ragged2e', command: '\\usepackage{ragged2e}' }],
+  ['\\tag', { name: 'amsmath', command: '\\usepackage{amsmath}' }],
+  ['\\notag', { name: 'amsmath', command: '\\usepackage{amsmath}' }],
+  ['\\text', { name: 'amsmath', command: '\\usepackage{amsmath}' }],
+  ['\\boldsymbol', { name: 'amsmath', command: '\\usepackage{amsmath}' }],
+  ['\\eqref', { name: 'amsmath', command: '\\usepackage{amsmath}' }],
+  ['\\iint', { name: 'amsmath', command: '\\usepackage{amsmath}' }],
+  ['\\iiint', { name: 'amsmath', command: '\\usepackage{amsmath}' }],
+  ['\\nmid', { name: 'amssymb', command: '\\usepackage{amssymb}' }],
+  ['\\varnothing', { name: 'amssymb', command: '\\usepackage{amssymb}' }],
+  ['\\Box', { name: 'amssymb', command: '\\usepackage{amssymb}' }],
+  ['\\citep', { name: 'natbib', command: '\\usepackage{natbib}' }],
+  ['\\citet', { name: 'natbib', command: '\\usepackage{natbib}' }],
+  ['\\citepalias', { name: 'natbib', command: '\\usepackage{natbib}' }],
+  ['\\citetalias', { name: 'natbib', command: '\\usepackage{natbib}' }],
+  ['\\url', { name: 'url', command: '\\usepackage{url}' }],
+  ['\\href', { name: 'hyperref', command: '\\usepackage{hyperref}' }],
+  ['\\texorpdfstring', { name: 'hyperref', command: '\\usepackage{hyperref}' }],
+  ['\\phantomsection', { name: 'hyperref', command: '\\usepackage{hyperref}' }],
+  ['\\arraybackslash', { name: 'array', command: '\\usepackage{array}' }],
+]
+
+const environmentSuggestions = [
+  ['justify', { name: 'ragged2e', command: '\\usepackage{ragged2e}' }],
+  ['align', { name: 'amsmath', command: '\\usepackage{amsmath}' }],
+  ['align*', { name: 'amsmath', command: '\\usepackage{amsmath}' }],
+  ['split', { name: 'amsmath', command: '\\usepackage{amsmath}' }],
+  ['gather', { name: 'amsmath', command: '\\usepackage{amsmath}' }],
+  ['cases', { name: 'amsmath', command: '\\usepackage{amsmath}' }],
+  ['matrix', { name: 'amsmath', command: '\\usepackage{amsmath}' }],
+  ['pmatrix', { name: 'amsmath', command: '\\usepackage{amsmath}' }],
+  ['bmatrix', { name: 'amsmath', command: '\\usepackage{amsmath}' }],
+  ['subequations', { name: 'amsmath', command: '\\usepackage{amsmath}' }],
+]
+
+const packageSuggestionsForCommands = new Map(commandSuggestions)
+const packageSuggestionsForEnvironments = new Map(environmentSuggestions)
+
+export { packageSuggestionsForCommands, packageSuggestionsForEnvironments }
diff --git a/services/web/frontend/js/ide/human-readable-logs/HumanReadableLogsRules.tsx b/services/web/frontend/js/ide/human-readable-logs/HumanReadableLogsRules.tsx
new file mode 100644
index 0000000..1dd0cd5
--- /dev/null
+++ b/services/web/frontend/js/ide/human-readable-logs/HumanReadableLogsRules.tsx
@@ -0,0 +1,1252 @@
+/* eslint-disable no-useless-escape */
+import {
+  packageSuggestionsForCommands,
+  packageSuggestionsForEnvironments,
+} from './HumanReadableLogsPackageSuggestions'
+
+interface Rule {
+  ruleId: string
+  types?: string[]
+  cascadesFrom?: string[]
+  newMessage?: string
+  regexToMatch: RegExp
+  contentRegex?: RegExp
+  improvedTitle?: (
+    currentTitle: string,
+    details?: [string]
+  ) => string | [string, JSX.Element]
+  package?: string
+  highlightCommand?: (contentDetails: string[]) => string | undefined
+}
+
+const rules: Rule[] = [
+  {
+    ruleId: 'hint_misplaced_alignment_tab_character',
+    regexToMatch: /Misplaced alignment tab character &/,
+  },
+  {
+    ruleId: 'hint_extra_alignment_tab_has_been_changed',
+    regexToMatch: /Extra alignment tab has been changed to \\cr/,
+  },
+  {
+    ruleId: 'hint_display_math_should_end_with',
+    regexToMatch: /Display math should end with \$\$/,
+  },
+  {
+    ruleId: 'hint_missing_inserted',
+    regexToMatch: /Missing [{$] inserted\./,
+  },
+  {
+    ruleId: 'hint_reference_undefined',
+    regexToMatch: /Reference.+undefined/,
+  },
+  {
+    ruleId: 'hint_there_were_undefined_references',
+    regexToMatch: /There were undefined references/,
+  },
+  {
+    ruleId: 'hint_citation_on_page_undefined_on_input_line',
+    regexToMatch: /Citation .+ on page .+ undefined on input line .+/,
+  },
+  {
+    ruleId: 'hint_label_multiply_defined_labels',
+    regexToMatch: /(Label .+)? multiply[ -]defined( labels)?/,
+  },
+  {
+    ruleId: 'hint_float_specifier_changed',
+    regexToMatch: /`!?h' float specifier changed to `!?ht/,
+  },
+  {
+    ruleId: 'hint_no_positions_in_optional_float_specifier',
+    regexToMatch: /No positions in optional float specifier/,
+  },
+  {
+    ruleId: 'hint_undefined_control_sequence',
+    regexToMatch: /Undefined control sequence/,
+    // Match the last control sequence in the line
+    contentRegex: /^[^\n]*(\\\S+)\s*[\n]/,
+    improvedTitle: (currentTitle: string, details?: [string]) => {
+      if (details?.length && packageSuggestionsForCommands.has(details[0])) {
+        const command = details[0]
+        const suggestion = packageSuggestionsForCommands.get(command)
+        return [
+          `Is ${suggestion.command} missing?`,
+          // eslint-disable-next-line react/jsx-key
+          <span>
+            Is <code>{suggestion.command}</code> missing?
+          </span>,
+        ]
+      }
+      return currentTitle
+    },
+    highlightCommand(contentDetails) {
+      return contentDetails[0]
+    },
+  },
+  {
+    ruleId: 'hint_undefined_environment',
+    regexToMatch: /LaTeX Error: Environment .+ undefined/,
+    contentRegex: /\\begin\{(\S+)\}/,
+    improvedTitle: (currentTitle: string, details?: [string]) => {
+      if (
+        details?.length &&
+        packageSuggestionsForEnvironments.has(details[0])
+      ) {
+        const environment = details[0]
+        const suggestion = packageSuggestionsForEnvironments.get(environment)
+        return [
+          `Is ${suggestion.command} missing?`,
+          // eslint-disable-next-line react/jsx-key
+          <span>
+            Is <code>{suggestion.command}</code> missing?
+          </span>,
+        ]
+      }
+      return currentTitle
+    },
+  },
+  {
+    ruleId: 'hint_file_not_found',
+    regexToMatch: /File .+ not found/,
+  },
+  {
+    ruleId: 'hint_unknown_graphics_extension',
+    regexToMatch: /LaTeX Error: Unknown graphics extension: \..+/,
+  },
+  {
+    ruleId: 'hint_unknown_float_option_h',
+    regexToMatch: /LaTeX Error: Unknown float option `H/,
+  },
+  {
+    ruleId: 'hint_unknown_float_option_q',
+    regexToMatch: /LaTeX Error: Unknown float option `q/,
+  },
+  {
+    ruleId: 'hint_math_allowed_only_in_math_mode',
+    regexToMatch: /LaTeX Error: \\math.+ allowed only in math mode/,
+  },
+  {
+    ruleId: 'hint_mismatched_environment',
+    types: ['environment'],
+    regexToMatch: /Error: `([^']{2,})' expected, found `([^']{2,})'.*/,
+    newMessage: 'Error: environment does not match \\begin{$1} ... \\end{$2}',
+  },
+  {
+    ruleId: 'hint_mismatched_brackets',
+    types: ['environment'],
+    regexToMatch: /Error: `([^a-zA-Z0-9])' expected, found `([^a-zA-Z0-9])'.*/,
+    newMessage: "Error: brackets do not match, found '$2' instead of '$1'",
+  },
+  {
+    ruleId: 'hint_can_be_used_only_in_preamble',
+    regexToMatch: /LaTeX Error: Can be used only in preamble/,
+  },
+  {
+    ruleId: 'hint_missing_right_inserted',
+    regexToMatch: /Missing \\right inserted/,
+  },
+  {
+    ruleId: 'hint_double_superscript',
+    regexToMatch: /Double superscript/,
+  },
+  {
+    ruleId: 'hint_double_subscript',
+    regexToMatch: /Double subscript/,
+  },
+  {
+    ruleId: 'hint_no_author_given',
+    regexToMatch: /No \\author given/,
+  },
+  {
+    ruleId: 'hint_somethings_wrong_perhaps_a_missing_item',
+    regexToMatch: /LaTeX Error: Something's wrong--perhaps a missing \\item/,
+  },
+  {
+    ruleId: 'hint_misplaced_noalign',
+    regexToMatch: /Misplaced \\noalign/,
+  },
+  {
+    ruleId: 'hint_no_line_here_to_end',
+    regexToMatch: /LaTeX Error: There's no line here to end/,
+  },
+  {
+    ruleId: 'hint_verb_ended_by_end_of_line',
+    regexToMatch: /LaTeX Error: \\verb ended by end of line/,
+  },
+  {
+    ruleId: 'hint_illegal_unit_of_measure_pt_inserted',
+    regexToMatch: /Illegal unit of measure (pt inserted)/,
+  },
+  {
+    ruleId: 'hint_extra_right',
+    regexToMatch: /Extra \\right/,
+  },
+  {
+    ruleId: 'hint_missing_begin_document',
+    regexToMatch: /Missing \\begin{document}/,
+  },
+  {
+    ruleId: 'hint_mismatched_environment2',
+    types: ['environment'],
+    cascadesFrom: ['environment'],
+    regexToMatch:
+      /Error: `\\end\{([^\}]+)\}' expected but found `\\end\{([^\}]+)\}'.*/,
+    newMessage: 'Error: environments do not match: \\begin{$1} ... \\end{$2}',
+  },
+  {
+    ruleId: 'hint_mismatched_environment3',
+    types: ['environment'],
+    cascadesFrom: ['environment'],
+    regexToMatch:
+      /Warning: No matching \\end found for `\\begin\{([^\}]+)\}'.*/,
+    newMessage: 'Warning: No matching \\end found for \\begin{$1}',
+  },
+  {
+    ruleId: 'hint_mismatched_environment4',
+    types: ['environment'],
+    cascadesFrom: ['environment'],
+    regexToMatch:
+      /Error: Found `\\end\{([^\}]+)\}' without corresponding \\begin.*/,
+    newMessage: 'Error: found \\end{$1} without a corresponding \\begin{$1}',
+  },
+]
+
+const errors: Rule[] = [
+  {
+    ruleId: 'hint_character_invalid_at_this_point',
+    regexToMatch: /^Package calc error: `(.+?)' invalid at this point/,
+    package: 'calc',
+  },
+  {
+    ruleId: 'hint_command_allowed_only_in_math_mode',
+    regexToMatch: /^Package amsmath error: (.+?) allowed only in math mode/,
+    package: 'amsmath',
+  },
+  {
+    ruleId: 'hint_command_undefined',
+    regexToMatch: /^LaTeX error: (.+?) undefined/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_lt_in_mid_line',
+    regexToMatch: /^LaTeX error: \\< in mid line/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_a_box_was_supposed_to_be_here',
+    regexToMatch: /^A <Box> was supposed to be here/i, // note: can be <box>
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_accent_not_provided_by_font_family',
+    regexToMatch:
+      /^Package textcomp error: Accent (.+?) not provided by font family (.+)/,
+    package: 'textcomp',
+  },
+  {
+    ruleId: 'hint_argument_of_has_an_extra',
+    regexToMatch: /^Argument of (.+?) has an extra }/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_bad_line_or_vector_argument',
+    regexToMatch: /^LaTeX error: Bad \\line or \\vector argument/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_bad_math_environment_delimiter',
+    regexToMatch: /^LaTeX error: Bad math environment delimiter/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_begin_env_allowed_only_in_paragraph_mode',
+    regexToMatch:
+      /^Package amsmath error: \\begin{(.+?)} allowed only in paragraph mode/,
+    package: 'amsmath',
+  },
+  {
+    ruleId: 'hint_begin_env_on_input_line_x_ended_by_end_x',
+    regexToMatch:
+      /^LaTeX error: \\begin{(.+?)} on input line (.+?) ended by \\end{(.+?)}/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_begin_split_wont_work_here',
+    regexToMatch: /^Package amsmath error: \\begin{split} won't work here/,
+    package: 'amsmath',
+  },
+  {
+    ruleId: 'hint_can_be_used_only_in_preamble',
+    regexToMatch: /^LaTeX error: Can be used only in preamble/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_cannot_be_used_in_preamble',
+    regexToMatch: /^LaTeX error: Cannot be used in preamble/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_unicode_character',
+    regexToMatch: /^LaTeX Error: Unicode character /,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_cannot_define_unicode_char_value_lt_00a0',
+    regexToMatch:
+      /^Package inputenc error: Cannot define Unicode char value < 00A0/,
+    package: 'inputenc',
+  },
+  {
+    ruleId: 'hint_cannot_determine_size_of_graphic_in_file',
+    regexToMatch:
+      /^Package (graphics|graphicx) error: Cannot determine size of graphic in (.+)/,
+    package: 'graphics/graphicx',
+  },
+  {
+    ruleId: 'hint_cannot_include_graphics_of_type',
+    regexToMatch:
+      /^Package (graphics|graphicx) error: Cannot include graphics of type\s*: (.+)/,
+    package: 'graphics/graphicx',
+  },
+  {
+    ruleId: 'hint_caption_outside_float',
+    regexToMatch: /^LaTeX error: \\caption outside float/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_command_already_defined',
+    regexToMatch: /^LaTeX error: Command (.+?) already defined/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_command_invalid_in_math_mode',
+    regexToMatch: /^LaTeX error: Command (.+?) invalid in math mode/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_command_not_defined_as_a_math_alphabet',
+    regexToMatch: /^LaTeX error: Command (.+?) not defined as a math alphabet/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_corrupted_nfss_tables',
+    regexToMatch: /^LaTeX error: Corrupted NFSS tables/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_counter_too_large',
+    regexToMatch: /^LaTeX error: Counter too large/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_dimension_too_large',
+    regexToMatch: /^Dimension too large/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_displaybreak_cannot_be_applied_here',
+    regexToMatch:
+      /^Package amsmath error: \\displaybreak cannot be applied here/,
+    package: 'amsmath',
+  },
+  {
+    ruleId: 'hint_division_by_0',
+    regexToMatch: /^Package (graphics|graphicx) error: Division by 0/,
+    package: 'graphics/graphicx',
+  },
+  {
+    ruleId: 'hint_double_subscript',
+    regexToMatch: /^Double subscript/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_double_superscript',
+    regexToMatch: /^Double superscript/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_encoding_file_not_found',
+    regexToMatch: /^Package fontenc error: Encoding file `(.+?)' not found/,
+    package: 'fontenc',
+  },
+  {
+    ruleId: 'hint_encoding_scheme_unknown',
+    regexToMatch: /^LaTeX error: Encoding scheme `(.+?)' unknown/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_environment_undefined',
+    regexToMatch: /^LaTeX error: Environment (.+?) undefined/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_erroneous_nesting_of_equation_structures',
+    regexToMatch:
+      /^Package amsmath error: Erroneous nesting of equation structures/,
+    package: 'amsmath',
+  },
+  {
+    ruleId: 'hint_extra_on_this_line',
+    regexToMatch: /^Package amsmath error: Extra & on this line/,
+    package: 'amsmath',
+  },
+  {
+    ruleId: 'hint_extra_alignment_tab_has_been_changed_to_cr',
+    regexToMatch: /^Extra alignment tab has been changed to \\cr/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_extra_endgroup',
+    regexToMatch: /^Extra \\endgroup/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_extra_or',
+    regexToMatch: /^Extra \\or/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_extra_right',
+    regexToMatch: /^Extra \\right/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_extra_or_forgotten',
+    regexToMatch: /^Extra }, or forgotten \$/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_extra_or_forgotten_endgroup',
+    regexToMatch: /^Extra }, or forgotten \\endgroup/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_file_not_found',
+    regexToMatch: /^LaTeX error: File `(.+?)' not found/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_file_ended_while_scanning',
+    regexToMatch: /^File ended while scanning (.+)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_float_lost',
+    regexToMatch: /^LaTeX error: Float\(s\) lost/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_font_family_unknown',
+    regexToMatch: /^LaTeX error: Font family `(.+?)\+(.+?)' unknown/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_font_not_found',
+    regexToMatch: /^LaTeX error: Font (.+?) not found/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_font_not_loaded_not_enough_room_left',
+    regexToMatch: /^Font (.+?)=(.+?) not loaded: Not enough room left/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_font_shape_not_found',
+    regexToMatch: /^LaTeX error: Font shape (.+?) not found/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_i_cant_find_file',
+    regexToMatch: /^I can't find file `(.+?)'/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_i_cant_write_on_file',
+    regexToMatch: /^I can't write on file `(.+?)'/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_illegal_character_in_array_arg',
+    regexToMatch: /^LaTeX error: Illegal character in array arg/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_illegal_parameter_number_in_definition_of',
+    regexToMatch: /^Illegal parameter number in definition of (.+)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_illegal_unit_of_measure_pt_inserted',
+    regexToMatch: /^Illegal unit of measure \(pt inserted\)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_improper_argument_for_math_accent',
+    regexToMatch: /^Package amsmath error: Improper argument for math accent/,
+    package: 'amsmath',
+  },
+  {
+    ruleId: 'hint_improper_discretionary_list',
+    regexToMatch: /^Improper discretionary list/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_improper_hyphenation',
+    regexToMatch: /^Improper \\hyphenation/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_improper_prevdepth',
+    regexToMatch: /^Improper \\prevdepth/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_improper_spacefactor',
+    regexToMatch: /^Improper \\spacefactor/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_include_cannot_be_nested',
+    regexToMatch: /^LaTeX error: \\include cannot be nested/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_incompatible_list_cant_be_unboxed',
+    regexToMatch: /^Incompatible list can't be unboxed/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_incomplete_all_text_was_ignored_after_line',
+    regexToMatch: /^Incomplete (.+?); all text was ignored after line (.+)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_infinite_glue_shrinkage_found',
+    regexToMatch: /^Infinite glue shrinkage found (.+)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_interruption',
+    regexToMatch: /^Interruption/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_invalid_use_of_commande',
+    regexToMatch: /^Package amsmath error: Invalid use of (.+)/,
+    package: 'amsmath',
+  },
+  {
+    ruleId: 'hint_keyboard_character_used_is_undefined_in_input_encoding',
+    regexToMatch:
+      /^Package inputenc error: Keyboard character used is undefined in input encoding (.+)/,
+    package: 'inputenc',
+  },
+  {
+    ruleId: 'hint_language_definition_file_not_found',
+    regexToMatch:
+      /^Package babel error: Language definition file (.+?)\.ldf not found /,
+    package: 'babel',
+  },
+  {
+    ruleId: 'hint_limit_controls_must_follow_a_math_operator',
+    regexToMatch: /^Limit controls must follow a math operator/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_loadclass_in_package_file',
+    regexToMatch: /^LaTeX error: \\LoadClass in package file/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_lonely_item_perhaps_a_missing_list_environment',
+    regexToMatch:
+      /^LaTeX error: Lonely \\item--perhaps a missing list environment/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_math_alphabet_identifier_is_undefined_in_math_version',
+    regexToMatch:
+      /^LaTeX error: Math alphabet identifier (.+?) is undefined in math version (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_math_version_is_not_defined',
+    regexToMatch: /^LaTeX error: Math version (.+?) is not defined/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_misplaced_alignment_tab_character',
+    regexToMatch: /^Misplaced alignment tab character &/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_misplaced_cr',
+    regexToMatch: /^Misplaced \\cr/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_misplaced_crcr',
+    regexToMatch: /^Misplaced \\crcr/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_misplaced_noalign',
+    regexToMatch: /^Misplaced \\noalign/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_misplaced_omit',
+    regexToMatch: /^Misplaced \\omit/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_missing_begin_document',
+    regexToMatch: /^LaTeX error: Missing \\begin{document}/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_missing_control_sequence_inserted',
+    regexToMatch: /^Missing control sequence inserted/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_missing_cr_inserted',
+    regexToMatch: /^Missing \\cr inserted/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_missing_delimiter_inserted',
+    regexToMatch: /^Missing delimiter \(. inserted\)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_missing_endcsname_inserted',
+    regexToMatch: /^Missing \\endcsname inserted/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_missing_number_treated_as_zero',
+    regexToMatch: /^Missing number, treated as zero/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_missing_p_arg_in_array_arg',
+    regexToMatch: /^LaTeX error: Missing p-arg in array arg/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_missing_exp_in_array_arg',
+    regexToMatch: /^LaTeX error: Missing @-exp in array arg/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_missing_inserted_in_alignment_preamble',
+    regexToMatch: /^Missing # inserted in alignment preamble/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_missing_inserted_for_ifnum',
+    regexToMatch: /^Missing = inserted for \\ifnum/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_missing_inserted_for_ifdim',
+    regexToMatch: /^Missing = inserted for \\ifdim/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_missing_inserted',
+    regexToMatch: /^Missing \$ inserted/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_missing_endgroup_inserted',
+    regexToMatch: /^Missing \\endgroup inserted/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_missing_right_inserted',
+    regexToMatch: /^Missing \\right\. inserted/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_missing_inserted',
+    regexToMatch: /^Missing \{ inserted/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_missing_inserted',
+    regexToMatch: /^Missing } inserted/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_multiple_labels_label_tiquette_will_be_lost',
+    regexToMatch:
+      /^Package amsmath error: Multiple \\label's: label (.+?) will be lost/,
+    package: 'amsmath',
+  },
+  {
+    ruleId: 'hint_multiple_tag',
+    regexToMatch: /^Package amsmath error: Multiple \\tag/,
+    package: 'amsmath',
+  },
+  {
+    ruleId: 'hint_no_counter_defined',
+    regexToMatch: /^LaTeX error: No counter '(.+?)' defined/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_no_cyrillic_encoding_definition_files_were_found',
+    regexToMatch:
+      /^Package babel error: No Cyrillic encoding definition files were found/,
+    package: 'babel',
+  },
+  {
+    ruleId: 'hint_no_declaration_for_shape',
+    regexToMatch: /^LaTeX error: No declaration for shape (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_no_driver_specified',
+    regexToMatch:
+      /^Package (color|graphics|graphicx) error: No driver specified/,
+    package: 'color/graphics/graphicx',
+  },
+  {
+    ruleId: 'hint_no_room_for_a_new_register',
+    regexToMatch: /^No room for a new (.+)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_no_title_given',
+    regexToMatch: /^LaTeX error: No \\title given/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_not_a_letter',
+    regexToMatch: /^Not a letter/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_not_in_outer_par_mode',
+    regexToMatch: /^LaTeX error: Not in outer par mode/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_number_too_big',
+    regexToMatch: /^Number too big/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_ok_see_the_transcript_file',
+    regexToMatch: /^OK \(see the transcript file\)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_old_form_should_be_begin',
+    regexToMatch:
+      /^Package amsmath error: Old form (.+?) should be \\begin{(.+?)} /,
+    package: 'amsmath',
+  },
+  {
+    ruleId: 'hint_only_one_is_allowed_per_tab',
+    regexToMatch: /^Only one # is allowed per tab/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_option_clash_for_package',
+    regexToMatch: /^LaTeX error: Option clash for package (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_page_height_already_too_large',
+    regexToMatch: /^LaTeX error: Page height already too large/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_paragraph_ended_before_command_was_complete',
+    regexToMatch: /^Paragraph ended before (.+?) was complete/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_please_type_a_command_or_say_end',
+    regexToMatch: /^\(Please type a command or say `\\end'\)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_pushtabs_and_poptabs_dont_match',
+    regexToMatch: /^LaTeX error: \\pushtabs and \\poptabs don't match/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_requirepackage_or_loadclass_in_options_section',
+    regexToMatch:
+      /^LaTeX error: \\RequirePackage or \\LoadClass in Options Section/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_rotation_not_supported',
+    regexToMatch: /^Package (graphics|graphicx) error: Rotation not supported/,
+    package: 'graphics/graphicx',
+  },
+  {
+    ruleId: 'hint_runaway',
+    regexToMatch: /^Runaway (.+)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_you_havent_specified_a_language_option',
+    regexToMatch:
+      /^Package babel error: You haven't specified a language option/,
+    package: 'babel',
+  },
+]
+
+const warnings: Rule[] = [
+  {
+    ruleId: 'hint_calculating_math_sizes_for_size',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Calculating math sizes for size (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_checking_defaults_for',
+    regexToMatch: /^LaTeX (Font )?(Warning|Info): Checking defaults for (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_citation_on_page_undefined',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Citation `(.+?)' on page (.+?) undefined/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_command_invalid_in_math_mode',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Command (.+?) invalid in math mode/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_document_class',
+    regexToMatch: /^LaTeX (Font )?(Warning|Info): Document Class\s*: (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_empty_thebibliography_environment',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Empty `thebibliography' environment/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_encoding_has_changed_to_for',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Encoding (.+?) has changed to (.+?) for/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_end_occurred_inside_a_group_at_level',
+    regexToMatch: /^\(\\end occurred inside a group at level (.+)\)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_when_condition_on_line_was_incomplete',
+    regexToMatch: /^\(\\end occurred when (.+?) on line (.+) was incomplete\)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_external_font_loaded_for_size',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): External font (.+?) loaded for size (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_faking_for_font_family_in_ts1_encoding',
+    regexToMatch:
+      /^Package TeXtcomp (Warning|Info): Faking (.+?) for font family (.+?) in TS1 encoding/,
+    package: 'TeXtcomp',
+  },
+  {
+    ruleId:
+      'hint_file_already_exists_on_the_system_not_generating_it_from_this_source',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): File `(.+?)' already exists on the system\.\nNot generating it from this source\./,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_file',
+    regexToMatch: /^LaTeX (Font )?(Warning|Info): File\s*: (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_file_font_definition',
+    regexToMatch: /^LaTeX (Font )?(Warning|Info): File\s*: (.+?)\.fd (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_float_too_large_for_page_by',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Float too large for page by (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_font_shape_in_size_not_available_external_font_used',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Font shape (.+?) in size (.+?) not available\nexternal font (.+?) used/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_font_shape_in_size_not_available_size_substituted',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Font shape (.+?) in size (.+?) not available\nsize (.+?) substituted/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_font_shape_in_size_not_available_shape_forme_tried',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Font shape (.+?) in size (.+?) not available\nshape (.+?) tried/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_font_shape_forme_undefined_using_autre_forme_instead',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Font shape (.+?) undefined\. Using `(.+?)' instead/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_font_shape_forme_will_be_scaled_to_size_taille_',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Font shape (.+?) will be scaled to size (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_foreign_command',
+    regexToMatch: /^Package amsmath (Warning|Info): Foreign command (.+?);/,
+    package: 'amsmath',
+  },
+  {
+    ruleId: 'hint_form_feed_has_been_converted_to_blank_line',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Form feed has been converted to Blank Line/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_float_specifier_changed',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): `(.+?)' float specifier changed to `(.+?)'/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_ignoring_text_after_end',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Ignoring text `(.+?)' after \\end{(.+?)}/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_label_multiply_defined',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Label `(.+?)' multiply defined/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_labels_may_have_changed_rerun_to_get_cross_references_right',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Label\(s\) may have changed\. Rerun to get cross-references right\./,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_loose_hbox_badness',
+    regexToMatch: /^Loose \\hbox \(badness (.+?)\) (.+)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_loose_vbox_badness',
+    regexToMatch: /^Loose \\vbox \(badness (.+?)\) (.+)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_making_an_active_character',
+    regexToMatch:
+      /^Package babel (Warning|Info): Making (.+?) an active character/,
+    package: 'babel',
+  },
+  {
+    ruleId: 'hint_marginpar_on_page_moved',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Marginpar on page (.+?) moved/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_missing_character_there_is_no_in_font',
+    regexToMatch: /^Missing character\s*: There is no (.+?) in font (.+?)!/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_no_author_given',
+    regexToMatch: /^LaTeX (Font )?(Warning|Info): No \\author given/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_no_auxiliary_output_files',
+    regexToMatch: /^LaTeX (Font )?(Warning|Info): No auxiliary output files/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_no_characters_defined_by_input_encoding_change_to',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): No characters defined by input encoding change to (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_no_file',
+    regexToMatch: /^LaTeX (Font )?(Warning|Info): No file (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_no_hyphenation_patterns_were_loaded_for_the_language',
+    regexToMatch:
+      /^Package babel (Warning|Info): No hyphenation patterns were loaded for the language `(.+?)'/,
+    package: 'babel',
+  },
+  {
+    ruleId: 'hint_no_input_encoding_specified_for_language',
+    regexToMatch:
+      /^Package babel (Warning|Info): No input encoding specified for (.+?) language/,
+    package: 'babel',
+  },
+  {
+    ruleId: 'hint_no_positions_in_optional_float_specifier',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): No positions in optional float specifier\./,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_oldstyle_digits_unavailable_for_family',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Oldstyle digits unavailable for family (.+)/,
+    package: 'Textcomp',
+  },
+  {
+    ruleId: 'hint_optional_argument_of_twocolumn_too_tall_on_page',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Optional argument of \\twocolumn too tall on page (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_oval_circle_or_line_size_unavailable',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): \\oval, \\circle, or \\line size unavailable/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_overfull_hbox_too_wide_quelque_part_',
+    regexToMatch: /^Overfull \\hbox \((.+?)pt too wide\) (.+)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_overfull_vbox_pt_too_wide',
+    regexToMatch: /^Overfull \\vbox \((.+?)pt too wide\)\) (.+)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_overwriting_encoding_scheme_quelque_chose_defaults',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Overwriting encoding scheme (.+?) defaults/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_overwriting_in_version',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Overwriting (.+?) in version `(.+)'/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_package',
+    regexToMatch: /^LaTeX (Font )?(Warning|Info): Package: (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_redeclaring_font_encoding',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Redeclaring font encoding (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_redeclaring_math_accent',
+    regexToMatch: /^LaTeX (Font )?(Warning|Info): Redeclaring math accent (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_redeclaring_math_alphabet',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Redeclaring math alphabet (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_redeclaring_math_symbol',
+    regexToMatch: /^LaTeX (Font )?(Warning|Info): Redeclaring math symbol (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_redeclaring_math_version',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Redeclaring math version (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_redeclaring_symbol_font',
+    regexToMatch: /^LaTeX (Font )?(Warning|Info): Redeclaring symbol font (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_reference_on_page_undefined',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Reference `(.+?)' on page (.+?) undefined/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_size_substitutions_with_differences_up_to_have_occurred',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Size substitutions with differences up to (.+?) have occurred/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_some_font_shapes_were_not_available_defaults_substituted',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Some font shapes were not available, defaults substituted/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_tab_has_been_converted_to_blank_space',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Tab has been converted to Blank Space/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_text_page_contains_only_floats',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): text page (.+?) contains only floats/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_there_were_multiply_defined_labels',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): There were multiply-defined labels/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_there_were_undefined_references',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): There were undefined references/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_tight_hbox_badness',
+    regexToMatch: /^Tight \\hbox \(badness (.+?)\) (.+)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_tight_vbox_badness',
+    regexToMatch: /^Tight \\vbox \(badness (.+?)\) (.+)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_try_loading_font_information_for',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Try loading font information for (.+?)\+(.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_unable_to_redefine_math_accent',
+    regexToMatch:
+      /^Package amsmath (Warning|Info): Unable to redefine math accent (.+)/,
+    package: 'amsmath',
+  },
+  {
+    ruleId: 'hint_hbox_badness_detected_at_line',
+    regexToMatch:
+      /^Underfull \\hbox \(badness (.+?)\) (.+?) detected at line (.+)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_hbox_badness_has_occurred_while_output_is_active',
+    regexToMatch:
+      /^Underfull \\hbox \(badness (.+?)\) (.+?) has occurred while \\output is active/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_hbox_badness_in_alignment_at_lines',
+    regexToMatch:
+      /^Underfull \\hbox \(badness (.+?)\) (.+?) in alignment at lines (.+)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_hbox_badness_in_paragraph_at_lines',
+    regexToMatch:
+      /^Underfull \\hbox \(badness (.+?)\) (.+?) in paragraph at lines (.+)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_vbox_badness_detected_at_line',
+    regexToMatch:
+      /^Underfull \\vbox \(badness (.+?)\) (.+?) detected at line (.+)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_vbox_badness_has_occurred_while_output_is_active',
+    regexToMatch:
+      /^Underfull \\vbox \(badness (.+?)\) (.+?) has occurred while \\output is active/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_vbox_badness_in_alignment_at_lines',
+    regexToMatch:
+      /^Underfull \\vbox \(badness (.+?)\) (.+?) in alignment at lines (.+)/,
+    package: 'TeX',
+  },
+  {
+    ruleId: 'hint_unused_global_options',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Unused global option\(s\)\s*: \[(.+?)]/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_writing_file',
+    regexToMatch: /^LaTeX (Font )?(Warning|Info): Writing file `(.+?)'/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_writing_text_before_end_as_last_line_of',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): Writing text `(.+?)' before \\end{(.+?)} as last line of (.+)/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId: 'hint_you_have_more_than_once_selected_the_attribute_for_language',
+    regexToMatch:
+      /^Package babel (Warning|Info): You have more than once selected the attribute `(.+?)' for language (.+)/,
+    package: 'babel',
+  },
+  {
+    ruleId:
+      'hint_you_have_requested_package_or_class_but_the_package_or_class_provides',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): You have requested (package|class) `(.+?)', but the (package|class) provides `(.+?)'/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId:
+      'hint_you_have_requested_release_date_of_latex_but_only_release_ancienne_date_is_available',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): You have requested release `(.+?)' of LaTeX, but only release `(.+?)' is available/,
+    package: 'LaTeX',
+  },
+  {
+    ruleId:
+      'hint_you_have_requested_on_line_version_of_but_only_version_is_available',
+    regexToMatch:
+      /^LaTeX (Font )?(Warning|Info): You have requested, on line (.+?), version `(.+?)' of (.+?), but only version `(.+?)' is available/,
+    package: 'LaTeX',
+  },
+]
+
+export default [...rules, ...errors, ...warnings]
diff --git a/services/web/frontend/js/ide/log-parser/bib-log-parser.js b/services/web/frontend/js/ide/log-parser/bib-log-parser.js
new file mode 100644
index 0000000..a9669f7
--- /dev/null
+++ b/services/web/frontend/js/ide/log-parser/bib-log-parser.js
@@ -0,0 +1,229 @@
+// [fullLine, lineNumber, messageType, message]
+const LINE_SPLITTER_REGEX = /^\[(\d+)].*>\s(INFO|WARN|ERROR)\s-\s(.*)$/
+
+const MULTILINE_WARNING_REGEX = /^Warning--(.+)\n--line (\d+) of file (.+)$/m
+const SINGLELINE_WARNING_REGEX = /^Warning--(.+)$/m
+const MULTILINE_ERROR_REGEX =
+  /^(.*)---line (\d+) of file (.*)\n([^]+?)\nI'm skipping whatever remains of this entry$/m
+const BAD_CROSS_REFERENCE_REGEX =
+  /^(A bad cross reference---entry ".+?"\nrefers to entry.+?, which doesn't exist)$/m
+const MULTILINE_COMMAND_ERROR_REGEX =
+  /^(.*)\n?---line (\d+) of file (.*)\n([^]+?)\nI'm skipping whatever remains of this command$/m
+// Errors hit in BST file have a slightly different format
+const BST_ERROR_REGEX = /^(.*?)\nwhile executing---line (\d+) of file (.*)/m
+
+const MESSAGE_LEVELS = {
+  INFO: 'info',
+  WARN: 'warning',
+  ERROR: 'error',
+}
+
+const parserReducer = function (maxErrors) {
+  return function (accumulator, parser) {
+    const consume = function (logText, regex, process) {
+      let match
+      let text = logText
+      const result = []
+      let iterationCount = 0
+
+      while ((match = regex.exec(text))) {
+        iterationCount++
+        const newEntry = process(match)
+
+        // Too many log entries can cause browser crashes
+        // Construct a too many files error from the last match
+        if (maxErrors != null && iterationCount >= maxErrors) {
+          return [result, '']
+        }
+
+        result.push(newEntry)
+        text =
+          match.input.slice(0, match.index) +
+          match.input.slice(
+            match.index + match[0].length + 1,
+            match.input.length
+          )
+      }
+
+      return [result, text]
+    }
+
+    const [currentErrors, text] = accumulator
+    const [regex, process] = parser
+    const [errors, _remainingText] = consume(text, regex, process)
+    return [currentErrors.concat(errors), _remainingText]
+  }
+}
+
+export default class BibLogParser {
+  constructor(text, options = {}) {
+    if (typeof text !== 'string') {
+      throw new Error('BibLogParser Error: text parameter must be a string')
+    }
+    this.text = text.replace(/(\r\n)|\r/g, '\n')
+    this.options = options
+    this.lines = text.split('\n')
+
+    // each parser is a pair of [regex, processFunction], where processFunction
+    // describes how to transform the regex mactch into a log entry object.
+    this.warningParsers = [
+      [
+        MULTILINE_WARNING_REGEX,
+        function (match) {
+          const [fullMatch, message, lineNumber, fileName] = match
+          return {
+            file: fileName,
+            level: 'warning',
+            message,
+            line: lineNumber,
+            raw: fullMatch,
+          }
+        },
+      ],
+      [
+        SINGLELINE_WARNING_REGEX,
+        function (match) {
+          const [fullMatch, message] = match
+          return {
+            file: '',
+            level: 'warning',
+            message,
+            line: '',
+            raw: fullMatch,
+          }
+        },
+      ],
+    ]
+    this.errorParsers = [
+      [
+        MULTILINE_ERROR_REGEX,
+        function (match) {
+          const [fullMatch, firstMessage, lineNumber, fileName, secondMessage] =
+            match
+          return {
+            file: fileName,
+            level: 'error',
+            message: firstMessage + '\n' + secondMessage,
+            line: lineNumber,
+            raw: fullMatch,
+          }
+        },
+      ],
+      [
+        BAD_CROSS_REFERENCE_REGEX,
+        function (match) {
+          const [fullMatch, message] = match
+          return {
+            file: '',
+            level: 'error',
+            message,
+            line: '',
+            raw: fullMatch,
+          }
+        },
+      ],
+      [
+        MULTILINE_COMMAND_ERROR_REGEX,
+        function (match) {
+          const [fullMatch, firstMessage, lineNumber, fileName, secondMessage] =
+            match
+          return {
+            file: fileName,
+            level: 'error',
+            message: firstMessage + '\n' + secondMessage,
+            line: lineNumber,
+            raw: fullMatch,
+          }
+        },
+      ],
+      [
+        BST_ERROR_REGEX,
+        function (match) {
+          const [fullMatch, firstMessage, lineNumber, fileName] = match
+          return {
+            file: fileName,
+            level: 'error',
+            message: firstMessage,
+            line: lineNumber,
+            raw: fullMatch,
+          }
+        },
+      ],
+    ]
+  }
+
+  parseBibtex() {
+    // reduce over the parsers, starting with the log text,
+    const [allWarnings, remainingText] = this.warningParsers.reduce(
+      parserReducer(this.options.maxErrors),
+      [[], this.text]
+    )
+    const [allErrors] = this.errorParsers.reduce(
+      parserReducer(this.options.maxErrors),
+      [[], remainingText]
+    )
+
+    return {
+      all: allWarnings.concat(allErrors),
+      errors: allErrors,
+      warnings: allWarnings,
+      files: [], // not used
+      typesetting: [], // not used
+    }
+  }
+
+  parseBiber() {
+    const result = {
+      all: [],
+      errors: [],
+      warnings: [],
+      files: [], // not used
+      typesetting: [], // not used
+    }
+    this.lines.forEach(function (line) {
+      const match = line.match(LINE_SPLITTER_REGEX)
+      if (match) {
+        const [fullLine, , messageType, message] = match
+        const newEntry = {
+          file: '',
+          level: MESSAGE_LEVELS[messageType] || 'INFO',
+          message,
+          line: '',
+          raw: fullLine,
+        }
+        // try extract file, line-number and the 'real' message from lines like:
+        //   BibTeX subsystem: /.../original.bib_123.utf8, line 8, syntax error: it's bad
+        const lineMatch = newEntry.message.match(
+          /^BibTeX subsystem: \/.+\/(\w+\.\w+)_.+, line (\d+), (.+)$/
+        )
+        if (lineMatch) {
+          const [, fileName, lineNumber, realMessage] = lineMatch
+          newEntry.file = fileName
+          newEntry.line = lineNumber
+          newEntry.message = realMessage
+        }
+        result.all.push(newEntry)
+        switch (newEntry.level) {
+          case 'error':
+            return result.errors.push(newEntry)
+          case 'warning':
+            return result.warnings.push(newEntry)
+        }
+      }
+    })
+    return result
+  }
+
+  parse() {
+    const firstLine = this.lines[0]
+    if (firstLine.match(/^.*INFO - This is Biber.*$/)) {
+      return this.parseBiber()
+    } else if (firstLine.match(/^This is BibTeX, Version.+$/)) {
+      return this.parseBibtex()
+    } else {
+      throw new Error(
+        'BibLogParser Error: cannot determine whether text is biber or bibtex output'
+      )
+    }
+  }
+}
diff --git a/services/web/frontend/js/ide/log-parser/latex-log-parser.js b/services/web/frontend/js/ide/log-parser/latex-log-parser.js
new file mode 100644
index 0000000..52733d2
--- /dev/null
+++ b/services/web/frontend/js/ide/log-parser/latex-log-parser.js
@@ -0,0 +1,399 @@
+// Define some constants
+const LOG_WRAP_LIMIT = 79
+const LATEX_WARNING_REGEX = /^LaTeX(?:3| Font)? Warning: (.*)$/
+const HBOX_WARNING_REGEX = /^(Over|Under)full \\(v|h)box/
+const PACKAGE_WARNING_REGEX = /^((?:Package|Class|Module) \b.+\b Warning:.*)$/
+// This is used to parse the line number from common latex warnings
+const LINES_REGEX = /lines? ([0-9]+)/
+// This is used to parse the package name from the package warnings
+const PACKAGE_REGEX = /^(?:Package|Class|Module) (\b.+\b) Warning/
+const FILE_LINE_ERROR_REGEX = /^([./].*):(\d+): (.*)/
+
+const STATE = {
+  NORMAL: 0,
+  ERROR: 1,
+}
+
+export default class LatexParser {
+  constructor(text, options = {}) {
+    this.state = STATE.NORMAL
+    this.fileBaseNames = options.fileBaseNames || [/compiles/, /\/usr\/local/]
+    this.ignoreDuplicates = options.ignoreDuplicates
+    this.data = []
+    this.fileStack = []
+    this.currentFileList = this.rootFileList = []
+    this.openParens = 0
+    this.latexWarningRegex = LATEX_WARNING_REGEX
+    this.packageWarningRegex = PACKAGE_WARNING_REGEX
+    this.packageRegex = PACKAGE_REGEX
+    this.log = new LogText(text)
+  }
+
+  parse() {
+    while ((this.currentLine = this.log.nextLine()) !== false) {
+      if (this.state === STATE.NORMAL) {
+        if (this.currentLineIsError()) {
+          this.state = STATE.ERROR
+          this.currentError = {
+            line: null,
+            file: this.currentFilePath,
+            level: 'error',
+            message: this.currentLine.slice(2),
+            content: '',
+            raw: this.currentLine + '\n',
+          }
+        } else if (this.currentLineIsFileLineError()) {
+          this.state = STATE.ERROR
+          this.parseFileLineError()
+        } else if (this.currentLineIsRunawayArgument()) {
+          this.parseRunawayArgumentError()
+        } else if (this.currentLineIsWarning()) {
+          this.parseSingleWarningLine(this.latexWarningRegex)
+        } else if (this.currentLineIsHboxWarning()) {
+          this.parseHboxLine()
+        } else if (this.currentLineIsPackageWarning()) {
+          this.parseMultipleWarningLine()
+        } else {
+          this.parseParensForFilenames()
+        }
+      }
+      if (this.state === STATE.ERROR) {
+        this.currentError.content += this.log
+          .linesUpToNextMatchingLine(/^l\.[0-9]+/)
+          .join('\n')
+        this.currentError.content += '\n'
+        this.currentError.content += this.log
+          .linesUpToNextWhitespaceLine(true)
+          .join('\n')
+        this.currentError.content += '\n'
+        this.currentError.content += this.log
+          .linesUpToNextWhitespaceLine(true)
+          .join('\n')
+        this.currentError.raw += this.currentError.content
+        const lineNo = this.currentError.raw.match(/l\.([0-9]+)/)
+        if (lineNo && this.currentError.line === null) {
+          this.currentError.line = parseInt(lineNo[1], 10)
+        }
+        this.data.push(this.currentError)
+        this.state = STATE.NORMAL
+      }
+    }
+    return this.postProcess(this.data)
+  }
+
+  currentLineIsError() {
+    return (
+      this.currentLine[0] === '!' &&
+      this.currentLine !==
+        '!  ==> Fatal error occurred, no output PDF file produced!'
+    )
+  }
+
+  currentLineIsFileLineError() {
+    return FILE_LINE_ERROR_REGEX.test(this.currentLine)
+  }
+
+  currentLineIsRunawayArgument() {
+    return this.currentLine.match(/^Runaway argument/)
+  }
+
+  currentLineIsWarning() {
+    return !!this.currentLine.match(this.latexWarningRegex)
+  }
+
+  currentLineIsPackageWarning() {
+    return !!this.currentLine.match(this.packageWarningRegex)
+  }
+
+  currentLineIsHboxWarning() {
+    return !!this.currentLine.match(HBOX_WARNING_REGEX)
+  }
+
+  parseFileLineError() {
+    const result = this.currentLine.match(FILE_LINE_ERROR_REGEX)
+    this.currentError = {
+      line: result[2],
+      file: result[1],
+      level: 'error',
+      message: result[3],
+      content: '',
+      raw: this.currentLine + '\n',
+    }
+  }
+
+  parseRunawayArgumentError() {
+    this.currentError = {
+      line: null,
+      file: this.currentFilePath,
+      level: 'error',
+      message: this.currentLine,
+      content: '',
+      raw: this.currentLine + '\n',
+    }
+    this.currentError.content += this.log
+      .linesUpToNextWhitespaceLine()
+      .join('\n')
+    this.currentError.content += '\n'
+    this.currentError.content += this.log
+      .linesUpToNextWhitespaceLine()
+      .join('\n')
+    this.currentError.raw += this.currentError.content
+    const lineNo = this.currentError.raw.match(/l\.([0-9]+)/)
+    if (lineNo) {
+      this.currentError.line = parseInt(lineNo[1], 10)
+    }
+    return this.data.push(this.currentError)
+  }
+
+  parseSingleWarningLine(prefixRegex) {
+    const warningMatch = this.currentLine.match(prefixRegex)
+    if (!warningMatch) {
+      return
+    }
+    const warning = warningMatch[1]
+    const lineMatch = warning.match(LINES_REGEX)
+    const line = lineMatch ? parseInt(lineMatch[1], 10) : null
+    this.data.push({
+      line,
+      file: this.currentFilePath,
+      level: 'warning',
+      message: warning,
+      raw: warning,
+    })
+  }
+
+  parseMultipleWarningLine() {
+    // Some package warnings are multiple lines, let's parse the first line
+    let warningMatch = this.currentLine.match(this.packageWarningRegex)
+    // Something strange happened, return early
+    if (!warningMatch) {
+      return
+    }
+    const warningLines = [warningMatch[1]]
+    let lineMatch = this.currentLine.match(LINES_REGEX)
+    let line = lineMatch ? parseInt(lineMatch[1], 10) : null
+    const packageMatch = this.currentLine.match(this.packageRegex)
+    const packageName = packageMatch[1]
+    // Regex to get rid of the unnecesary (packagename) prefix in most multi-line warnings
+    const prefixRegex = new RegExp(
+      '(?:\\(' + packageName + '\\))*[\\s]*(.*)',
+      'i'
+    )
+    // After every warning message there's a blank line, let's use it
+    while ((this.currentLine = this.log.nextLine())) {
+      lineMatch = this.currentLine.match(LINES_REGEX)
+      line = lineMatch ? parseInt(lineMatch[1], 10) : line
+      warningMatch = this.currentLine.match(prefixRegex)
+      warningLines.push(warningMatch[1])
+    }
+    const rawMessage = warningLines.join(' ')
+    this.data.push({
+      line,
+      file: this.currentFilePath,
+      level: 'warning',
+      message: rawMessage,
+      raw: rawMessage,
+    })
+  }
+
+  parseHboxLine() {
+    const lineMatch = this.currentLine.match(LINES_REGEX)
+    const line = lineMatch ? parseInt(lineMatch[1], 10) : null
+    this.data.push({
+      line,
+      file: this.currentFilePath,
+      level: 'typesetting',
+      message: this.currentLine,
+      raw: this.currentLine,
+    })
+  }
+
+  // Check if we're entering or leaving a new file in this line
+
+  parseParensForFilenames() {
+    const pos = this.currentLine.search(/[()]/)
+    if (pos !== -1) {
+      const token = this.currentLine[pos]
+      this.currentLine = this.currentLine.slice(pos + 1)
+      if (token === '(') {
+        const filePath = this.consumeFilePath()
+        if (filePath) {
+          this.currentFilePath = filePath
+          const newFile = {
+            path: filePath,
+            files: [],
+          }
+          this.fileStack.push(newFile)
+          this.currentFileList.push(newFile)
+          this.currentFileList = newFile.files
+        } else {
+          this.openParens++
+        }
+      } else if (token === ')') {
+        if (this.openParens > 0) {
+          this.openParens--
+        } else {
+          if (this.fileStack.length > 1) {
+            this.fileStack.pop()
+            const previousFile = this.fileStack[this.fileStack.length - 1]
+            this.currentFilePath = previousFile.path
+            this.currentFileList = previousFile.files
+          }
+        }
+      }
+      // else {
+      //		 Something has gone wrong but all we can do now is ignore it :(
+      // }
+      // Process the rest of the line
+      this.parseParensForFilenames()
+    }
+  }
+
+  consumeFilePath() {
+    // Our heuristic for detecting file names are rather crude
+
+    // To contain a file path this line must have at least one / before any '(', ')' or '\'
+    if (!this.currentLine.match(/^\/?([^ ()\\]+\/)+/)) {
+      return false
+    }
+
+    // A file may not contain a '(', ')' or '\'
+    let endOfFilePath = this.currentLine.search(/[ ()\\]/)
+
+    // handle the case where there is a space in a filename
+    while (endOfFilePath !== -1 && this.currentLine[endOfFilePath] === ' ') {
+      const partialPath = this.currentLine.slice(0, endOfFilePath)
+      // consider the file matching done if the space is preceded by a file extension (e.g. ".tex")
+      if (/\.\w+$/.test(partialPath)) {
+        break
+      }
+      // advance to next space or ) or end of line
+      const remainingPath = this.currentLine.slice(endOfFilePath + 1)
+      // consider file matching done if current path is followed by any of "()[]
+      if (/^\s*["()[\]]/.test(remainingPath)) {
+        break
+      }
+      const nextEndOfPath = remainingPath.search(/[ "()[\]]/)
+      if (nextEndOfPath === -1) {
+        endOfFilePath = -1
+      } else {
+        endOfFilePath += nextEndOfPath + 1
+      }
+    }
+    let path
+    if (endOfFilePath === -1) {
+      path = this.currentLine
+      this.currentLine = ''
+    } else {
+      path = this.currentLine.slice(0, endOfFilePath)
+      this.currentLine = this.currentLine.slice(endOfFilePath)
+    }
+    return path
+  }
+
+  postProcess(data) {
+    const all = []
+    const errorsByLevel = {
+      error: [],
+      warning: [],
+      typesetting: [],
+    }
+    const hashes = new Set()
+
+    const hashEntry = entry => entry.raw
+
+    data.forEach(item => {
+      const hash = hashEntry(item)
+
+      if (this.ignoreDuplicates && hashes.has(hash)) {
+        return
+      }
+
+      errorsByLevel[item.level]?.push(item)
+
+      all.push(item)
+      hashes.add(hash)
+    })
+
+    return {
+      errors: errorsByLevel.error,
+      warnings: errorsByLevel.warning,
+      typesetting: errorsByLevel.typesetting,
+      all,
+      files: this.rootFileList,
+    }
+  }
+}
+
+class LogText {
+  constructor(text) {
+    this.text = text.replace(/(\r\n)|\r/g, '\n')
+    // Join any lines which look like they have wrapped.
+    const wrappedLines = this.text.split('\n')
+    this.lines = [wrappedLines[0]]
+
+    for (let i = 1; i < wrappedLines.length; i++) {
+      // If the previous line is as long as the wrap limit then
+      // append this line to it.
+      // Some lines end with ... when LaTeX knows it's hit the limit
+      // These shouldn't be wrapped.
+      // If the next line looks like it could be an error (i.e. start with a !),
+      // do not unwrap the line.
+      const prevLine = wrappedLines[i - 1]
+      const currentLine = wrappedLines[i]
+
+      if (
+        prevLine.length === LOG_WRAP_LIMIT &&
+        prevLine.slice(-3) !== '...' &&
+        currentLine.charAt(0) !== '!'
+      ) {
+        this.lines[this.lines.length - 1] += currentLine
+      } else {
+        this.lines.push(currentLine)
+      }
+    }
+    this.row = 0
+  }
+
+  nextLine() {
+    this.row++
+    if (this.row >= this.lines.length) {
+      return false
+    } else {
+      return this.lines[this.row]
+    }
+  }
+
+  rewindLine() {
+    this.row--
+  }
+
+  linesUpToNextWhitespaceLine(stopAtError) {
+    return this.linesUpToNextMatchingLine(/^ *$/, stopAtError)
+  }
+
+  linesUpToNextMatchingLine(match, stopAtError) {
+    const lines = []
+
+    while (true) {
+      const nextLine = this.nextLine()
+
+      if (nextLine === false) {
+        break
+      }
+
+      if (stopAtError && nextLine.match(/^! /)) {
+        this.rewindLine()
+        break
+      }
+
+      lines.push(nextLine)
+
+      if (nextLine.match(match)) {
+        break
+      }
+    }
+
+    return lines
+  }
+}
diff --git a/services/web/frontend/js/infrastructure/error-boundary.jsx b/services/web/frontend/js/infrastructure/error-boundary.jsx
new file mode 100644
index 0000000..51f3ca7
--- /dev/null
+++ b/services/web/frontend/js/infrastructure/error-boundary.jsx
@@ -0,0 +1,37 @@
+import { captureException } from './error-reporter'
+import { ErrorBoundary } from 'react-error-boundary'
+
+function errorHandler(error, componentStack) {
+  captureException(error, {
+    extra: {
+      componentStack,
+    },
+    tags: {
+      handler: 'react-error-boundary',
+    },
+  })
+}
+
+function DefaultFallbackComponent() {
+  return <></>
+}
+
+function withErrorBoundary(WrappedComponent, FallbackComponent) {
+  function ErrorBoundaryWrapper(props) {
+    return (
+      <ErrorBoundary
+        FallbackComponent={FallbackComponent || DefaultFallbackComponent}
+        onError={errorHandler}
+      >
+        <WrappedComponent {...props} />
+      </ErrorBoundary>
+    )
+  }
+  ErrorBoundaryWrapper.propTypes = WrappedComponent.propTypes
+  ErrorBoundaryWrapper.displayName = `WithErrorBoundaryWrapper${
+    WrappedComponent.displayName || WrappedComponent.name || 'Component'
+  }`
+  return ErrorBoundaryWrapper
+}
+
+export default withErrorBoundary
diff --git a/services/web/frontend/js/infrastructure/error-reporter.ts b/services/web/frontend/js/infrastructure/error-reporter.ts
new file mode 100644
index 0000000..a21a376
--- /dev/null
+++ b/services/web/frontend/js/infrastructure/error-reporter.ts
@@ -0,0 +1,128 @@
+// Conditionally enable Sentry based on whether the DSN token is set
+import getMeta from '../utils/meta'
+import OError from '@overleaf/o-error'
+import { debugConsole } from '@/utils/debugging'
+
+const {
+  sentryAllowedOriginRegex,
+  sentryDsn,
+  sentryEnvironment,
+  sentryRelease,
+} = getMeta('ol-ExposedSettings')
+
+const reporterPromise = sentryDsn ? sentryReporter() : nullReporter()
+
+function sentryReporter() {
+  return (
+    import(/* webpackMode: "eager" */ '@sentry/browser')
+      .then(Sentry => {
+        let eventCount = 0
+
+        Sentry.init({
+          dsn: sentryDsn,
+          environment: sentryEnvironment,
+          release: sentryRelease,
+          autoSessionTracking: false,
+
+          // Ignore errors unless they come from our origins
+          // Adapted from: https://docs.sentry.io/platforms/javascript/configuration/filtering/#decluttering-sentry
+          allowUrls: [new RegExp(sentryAllowedOriginRegex)],
+
+          ignoreErrors: [
+            // Ignore very noisy error
+            'SecurityError: Permission denied to access property "pathname" on cross-origin object',
+            // Ignore unhandled error that is "expected" - see https://github.com/overleaf/issues/issues/3321
+            /^Missing PDF/,
+            // Ignore "expected" error from aborted fetch - see https://github.com/overleaf/issues/issues/3321
+            /^AbortError/,
+            // Ignore spurious error from Ace internals - see https://github.com/overleaf/issues/issues/3321
+            'ResizeObserver loop limit exceeded',
+            'ResizeObserver loop completed with undelivered notifications.',
+            // Microsoft Outlook SafeLink crawler
+            // https://forum.sentry.io/t/unhandledrejection-non-error-promise-rejection-captured-with-value/14062
+            /Non-Error promise rejection captured with value: Object Not Found Matching Id/,
+            // Ignore CM6 error until upgraded
+            "Cannot read properties of undefined (reading 'length')",
+            // Ignore Angular digest iteration limit - see https://github.com/overleaf/internal/issues/15750
+            '10 $digest() iterations reached',
+            // Ignore a frequent unhandled promise rejection
+            /Non-Error promise rejection captured with keys: currentTarget, detail, isTrusted, target/,
+            /Non-Error promise rejection captured with keys: message, status/,
+          ],
+
+          denyUrls: [
+            // Chrome extensions
+            /extensions\//i,
+            /^chrome:\/\//i,
+          ],
+
+          beforeSend(event) {
+            // Limit number of events sent to Sentry to 100 events "per page load",
+            // (i.e. the cap will be reset if the page is reloaded). This prevent
+            // hitting their server-side event cap.
+            eventCount++
+            if (eventCount > 100) {
+              return null // Block the event from sending
+            }
+
+            // Do not send events related to third party code (extensions)
+            if (
+              (event.extra?.arguments as { type: string }[] | undefined)?.[0]
+                ?.type === 'UNSTABLE_editor:extensions'
+            ) {
+              return null // Block the event from sending
+            }
+
+            return event
+          },
+        })
+
+        Sentry.setUser({ id: getMeta('ol-user_id') })
+
+        const splitTestAssignments = getMeta('ol-splitTestVariants')
+        if (splitTestAssignments) {
+          for (const [name, value] of Object.entries(splitTestAssignments)) {
+            // Ensure Sentry tag name is within the 32-character limit
+            Sentry.setTag(`ol.${name}`.slice(0, 32), value.toString())
+          }
+        }
+
+        return Sentry
+      })
+      // If Sentry fails to load, use the null reporter instead
+      .catch(error => {
+        debugConsole.error(error)
+        return nullReporter()
+      })
+  )
+}
+
+function nullReporter() {
+  return Promise.resolve({
+    captureException: debugConsole.error,
+    captureMessage: debugConsole.error,
+  })
+}
+
+// https://develop.sentry.dev/sdk/data-model/event-payloads/contexts/
+// https://docs.sentry.io/platforms/javascript/enriching-events/context/#passing-context-directly
+type Options = {
+  tags?: Record<string, any>
+  extra?: Record<string, any>
+}
+
+export function captureException(err: Error, options?: Options) {
+  options = options || {}
+  const extra = Object.assign(OError.getFullInfo(err), options.extra || {})
+  const fullStack = OError.getFullStack(err)
+  if (err.stack !== fullStack) {
+    // Attach tracebacks from OError.tag() and OError.cause.
+    extra.fullStack = fullStack
+  }
+  reporterPromise.then(reporter =>
+    reporter.captureException(err, {
+      ...options,
+      extra,
+    })
+  )
+}
diff --git a/services/web/frontend/js/infrastructure/event-tracking.ts b/services/web/frontend/js/infrastructure/event-tracking.ts
new file mode 100644
index 0000000..a2b65a1
--- /dev/null
+++ b/services/web/frontend/js/infrastructure/event-tracking.ts
@@ -0,0 +1,109 @@
+import sessionStorage from './session-storage'
+import getMeta from '@/utils/meta'
+
+type Segmentation = Record<
+  string,
+  string | number | boolean | undefined | unknown | any // TODO: RecurlyError
+>
+
+const CACHE_KEY = 'mbEvents'
+
+function alreadySent(key: string) {
+  const eventCache = sessionStorage.getItem(CACHE_KEY) || {}
+  return !!eventCache[key]
+}
+function markAsSent(key: string) {
+  const eventCache = sessionStorage.getItem(CACHE_KEY) || {}
+  eventCache[key] = true
+  sessionStorage.setItem(CACHE_KEY, eventCache)
+}
+
+export function send(
+  category: string,
+  action: string,
+  label?: string,
+  value?: string
+) {
+  if (typeof window.ga === 'function') {
+    window.ga('send', 'event', category, action, label, value)
+  }
+}
+
+export function sendOnce(
+  category: string,
+  action: string,
+  label: string,
+  value: string
+) {
+  if (alreadySent(category)) return
+  if (typeof window.ga !== 'function') return
+
+  window.ga('send', 'event', category, action, label, value)
+  markAsSent(category)
+}
+
+export function sendMB(key: string, segmentation: Segmentation = {}) {
+  if (!segmentation.page) {
+    segmentation.page = window.location.pathname
+  }
+
+  if (getMeta('ol-customerIoEnabled')) {
+    segmentation['customerio-integration'] = 'enabled'
+  }
+
+  sendBeacon(key, segmentation)
+
+  if (typeof window.gtag !== 'function') return
+  if (['paywall-click', 'paywall-prompt', 'plans-page-click'].includes(key)) {
+    window.gtag('event', key, segmentation)
+  }
+}
+
+export function sendMBOnce(key: string, segmentation: Segmentation = {}) {
+  if (alreadySent(key)) return
+  sendMB(key, segmentation)
+  markAsSent(key)
+}
+
+export function sendMBSampled(
+  key: string,
+  segmentation: Segmentation = {},
+  rate = 0.01
+) {
+  if (Math.random() < rate) {
+    sendMB(key, segmentation)
+  }
+}
+
+const sentOncePerPageLoad = new Set()
+
+export function sendMBOncePerPageLoad(
+  key: string,
+  segmentation: Segmentation = {}
+) {
+  if (sentOncePerPageLoad.has(key)) return
+  sendMB(key, segmentation)
+  sentOncePerPageLoad.add(key)
+}
+
+// Use breakpoint @screen-xs-max from less:
+// @screen-xs-max: (@screen-sm-min - 1);
+// @screen-sm-min: @screen-sm;
+// @screen-sm: 768px;
+export const isSmallDevice = window.screen.width < 768
+
+function sendBeacon(key: string, data: Segmentation) {
+  if (!navigator || !navigator.sendBeacon) return
+  if (!getMeta('ol-ExposedSettings').isOverleaf) return
+
+  data._csrf = getMeta('ol-csrfToken')
+  const blob = new Blob([JSON.stringify(data)], {
+    type: 'application/json; charset=UTF-8',
+  })
+  try {
+    navigator.sendBeacon(`/event/${key}`, blob)
+  } catch (error) {
+    // Ignored. There's a range of browser for which `navigator.sendBeacon` is available but
+    // will throw an error if it's called with an unacceptable mime-typed Blob as the data.
+  }
+}
diff --git a/services/web/frontend/js/infrastructure/fetch-json.ts b/services/web/frontend/js/infrastructure/fetch-json.ts
new file mode 100644
index 0000000..24ab2de
--- /dev/null
+++ b/services/web/frontend/js/infrastructure/fetch-json.ts
@@ -0,0 +1,253 @@
+// fetch wrapper to make simple JSON requests:
+// - send the CSRF token in the request
+// - set the JSON content-type in the request headers
+// - throw errors on non-ok response
+// - parse JSON response body, unless response is empty
+import OError from '@overleaf/o-error'
+import getMeta from '@/utils/meta'
+
+type FetchPath = string
+// Custom config types are merged with `fetch`s RequestInit type
+type FetchConfig = {
+  swallowAbortError?: boolean
+  body?: Record<string, unknown>
+} & Omit<RequestInit, 'body'>
+
+export function getJSON<T = any>(path: FetchPath, options?: FetchConfig) {
+  return fetchJSON<T>(path, { ...options, method: 'GET' })
+}
+
+export function postJSON<T = any>(path: FetchPath, options?: FetchConfig) {
+  return fetchJSON<T>(path, { ...options, method: 'POST' })
+}
+
+export function putJSON<T = any>(path: FetchPath, options?: FetchConfig) {
+  return fetchJSON<T>(path, { ...options, method: 'PUT' })
+}
+
+export function deleteJSON<T = any>(path: FetchPath, options?: FetchConfig) {
+  return fetchJSON<T>(path, { ...options, method: 'DELETE' })
+}
+
+function getErrorMessageForStatusCode(statusCode?: number) {
+  if (!statusCode) {
+    return 'Unknown Error'
+  }
+
+  const statusCodes: { readonly [K: number]: string } = {
+    400: 'Bad Request',
+    401: 'Unauthorized',
+    403: 'Forbidden',
+    404: 'Not Found',
+    429: 'Too Many Requests',
+    500: 'Internal Server Error',
+    502: 'Bad Gateway',
+    503: 'Service Unavailable',
+  }
+
+  return statusCodes[statusCode] ?? `Unexpected Error: ${statusCode}`
+}
+
+export class FetchError extends OError {
+  public url: string
+  public options?: RequestInit
+  public response?: Response
+  public data?: any
+
+  constructor(
+    message: string,
+    url: string,
+    options?: RequestInit,
+    response?: Response,
+    data?: any
+  ) {
+    // On HTTP2, the `statusText` property is not set,
+    // so this `message` will be undefined. We need to
+    // set a message based on the response `status`, so
+    // our error UI rendering will work
+    if (!message) {
+      message = getErrorMessageForStatusCode(response?.status)
+    }
+
+    super(message, { statusCode: response ? response.status : undefined })
+
+    this.url = url
+    this.options = options
+    this.response = response
+    this.data = data
+  }
+
+  getErrorMessageKey() {
+    return this.data?.message?.key as string | undefined
+  }
+
+  getUserFacingMessage() {
+    const statusCode = this.response?.status
+    const defaultMessage = getErrorMessageForStatusCode(statusCode)
+    const message = (this.data?.message?.text || this.data?.message) as
+      | string
+      | undefined
+    if (message && message !== defaultMessage) return message
+
+    const statusCodes: { readonly [K: number]: string } = {
+      400: 'Invalid Request. Please correct the data and try again.',
+      403: 'Session error. Please check you have cookies enabled. If the problem persists, try clearing your cache and cookies.',
+      429: 'Too many attempts. Please wait for a while and try again.',
+    }
+
+    return statusCode && statusCodes[statusCode]
+      ? statusCodes[statusCode]
+      : 'Something went wrong. Please try again.'
+  }
+}
+
+function fetchJSON<T>(
+  path: FetchPath,
+  {
+    body,
+    headers = {},
+    method = 'GET',
+    credentials = 'same-origin',
+    swallowAbortError = true,
+    ...otherOptions
+  }: FetchConfig
+) {
+  const options: RequestInit = {
+    ...otherOptions,
+    headers: {
+      ...headers,
+      'Content-Type': 'application/json',
+      'X-Csrf-Token': getMeta('ol-csrfToken'),
+      Accept: 'application/json',
+    },
+    credentials,
+    method,
+  }
+
+  if (body !== undefined) {
+    options.body = JSON.stringify(body)
+  }
+
+  // The returned Promise and the `.then(handleSuccess, handleError)` handlers are needed
+  // to avoid calling `finally` in a Promise chain (and thus updating the component's state)
+  // after a component has unmounted.
+  // `resolve` will be called when the request succeeds, `reject` will be called when the request fails,
+  // but nothing will be called if the request is cancelled via an AbortController.
+  return new Promise<T>((resolve, reject) => {
+    fetch(path, options).then(
+      response => {
+        return parseResponseBody(response).then(
+          data => {
+            if (response.ok) {
+              resolve(data)
+            } else {
+              // the response from the server was not 2xx
+              reject(
+                new FetchError(
+                  response.statusText,
+                  path,
+                  options,
+                  response,
+                  data
+                )
+              )
+            }
+          },
+          error => {
+            // swallow the error if the fetch was cancelled (e.g. by cancelling an AbortController on component unmount)
+            if (swallowAbortError && error.name === 'AbortError') {
+              // the fetch request was aborted while reading/parsing the response body
+              return
+            }
+            // parsing the response body failed
+            reject(
+              new FetchError(
+                'There was an error parsing the response body',
+                path,
+                options,
+                response
+              ).withCause(error)
+            )
+          }
+        )
+      },
+      error => {
+        // swallow the error if the fetch was cancelled (e.g. by cancelling an AbortController on component unmount)
+        if (swallowAbortError && error.name === 'AbortError') {
+          // the fetch request was aborted before a response was returned
+          return
+        }
+        // the fetch failed
+        reject(
+          new FetchError(
+            'There was an error fetching the JSON',
+            path,
+            options
+          ).withCause(error)
+        )
+      }
+    )
+  })
+}
+
+async function parseResponseBody(response: Response) {
+  const contentType = response.headers.get('Content-Type')
+
+  if (!contentType) {
+    return {}
+  }
+
+  if (/application\/json/.test(contentType)) {
+    return response.json()
+  }
+
+  if (/text\/plain/.test(contentType)) {
+    const message = await response.text()
+
+    return { message }
+  }
+
+  if (/text\/html/.test(contentType)) {
+    const message = await response.text()
+
+    // only use HTML responses which don't start with `<`
+    if (!/^\s*</.test(message)) {
+      return { message }
+    }
+  }
+
+  // response body ignored as content-type is either not set (e.g. 204
+  // responses) or unsupported
+  return {}
+}
+
+export function getErrorMessageKey(error: Error | null) {
+  if (!error) {
+    return undefined
+  }
+
+  if (error instanceof FetchError) {
+    return error.getErrorMessageKey()
+  }
+
+  return error.message
+}
+
+export function getUserFacingMessage(error: Error | null) {
+  if (!error) {
+    return undefined
+  }
+
+  if (error instanceof FetchError) {
+    return error.getUserFacingMessage()
+  }
+
+  return error.message
+}
+
+export function isRateLimited(error?: Error | FetchError | any) {
+  if (error && error instanceof FetchError) {
+    return error.response?.status === 429
+  }
+  return false
+}
diff --git a/services/web/frontend/js/infrastructure/hotjar-snippet.js b/services/web/frontend/js/infrastructure/hotjar-snippet.js
new file mode 100644
index 0000000..c937ad0
--- /dev/null
+++ b/services/web/frontend/js/infrastructure/hotjar-snippet.js
@@ -0,0 +1,15 @@
+// tracking code from https://help.hotjar.com/hc/en-us/articles/115009336727-How-to-Install-Your-Hotjar-Tracking-Code
+export const initializeHotjar = (hotjarId, hotjarVersion) =>
+  (function (h, o, t, j, a, r) {
+    h.hj =
+      h.hj ||
+      function () {
+        ;(h.hj.q = h.hj.q || []).push(arguments)
+      }
+    h._hjSettings = { hjid: hotjarId, hjsv: hotjarVersion }
+    a = o.getElementsByTagName('head')[0]
+    r = o.createElement('script')
+    r.async = 1
+    r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv
+    a.appendChild(r)
+  })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv=')
diff --git a/services/web/frontend/js/infrastructure/hotjar.ts b/services/web/frontend/js/infrastructure/hotjar.ts
new file mode 100644
index 0000000..67051d0
--- /dev/null
+++ b/services/web/frontend/js/infrastructure/hotjar.ts
@@ -0,0 +1,43 @@
+import getMeta from '@/utils/meta'
+import { debugConsole } from '@/utils/debugging'
+import { initializeHotjar } from '@/infrastructure/hotjar-snippet'
+
+const { hotjarId, hotjarVersion } = getMeta('ol-ExposedSettings')
+const shouldLoadHotjar = getMeta('ol-shouldLoadHotjar')
+
+let hotjarInitialized = false
+
+if (hotjarId && hotjarVersion && shouldLoadHotjar) {
+  const loadHotjar = () => {
+    // consent needed
+    if (!document.cookie.split('; ').some(item => item === 'oa=1')) {
+      return
+    }
+
+    if (!/^\d+$/.test(hotjarId) || !/^\d+$/.test(hotjarVersion)) {
+      debugConsole.error('Invalid Hotjar id or version')
+      return
+    }
+
+    // avoid inserting twice
+    if (!hotjarInitialized) {
+      debugConsole.log('Loading Hotjar')
+      hotjarInitialized = true
+      initializeHotjar(hotjarId, hotjarVersion)
+    }
+  }
+
+  // load when idle, if supported
+  if (typeof window.requestIdleCallback === 'function') {
+    window.requestIdleCallback(loadHotjar)
+  } else {
+    loadHotjar()
+  }
+
+  // listen for consent
+  window.addEventListener('cookie-consent', event => {
+    if ((event as CustomEvent<boolean>).detail) {
+      loadHotjar()
+    }
+  })
+}
diff --git a/services/web/frontend/js/infrastructure/local-storage.ts b/services/web/frontend/js/infrastructure/local-storage.ts
new file mode 100644
index 0000000..69738dd
--- /dev/null
+++ b/services/web/frontend/js/infrastructure/local-storage.ts
@@ -0,0 +1,52 @@
+/**
+ * localStorage can throw browser exceptions, for example if it is full We don't
+ * use localStorage for anything critical, so in that case just fail gracefully.
+ */
+
+import { debugConsole } from '@/utils/debugging'
+
+/**
+ * Catch, log and otherwise ignore errors.
+ *
+ * @param {function} fn localStorage function to call
+ * @param {string?} key Key passed to the localStorage function (if any)
+ * @param {any?} value Value passed to the localStorage function (if any)
+ */
+const callSafe = function (
+  fn: (...args: any) => any,
+  key?: string,
+  value?: any
+) {
+  try {
+    return fn(key, value)
+  } catch (e) {
+    debugConsole.error('localStorage exception', e)
+    return null
+  }
+}
+
+const getItem = function (key: string) {
+  const value = localStorage.getItem(key)
+  return value === null ? null : JSON.parse(value)
+}
+
+const setItem = function (key: string, value: any) {
+  localStorage.setItem(key, JSON.stringify(value))
+}
+
+const clear = function () {
+  localStorage.clear()
+}
+
+const removeItem = function (key: string) {
+  return localStorage.removeItem(key)
+}
+
+const customLocalStorage = {
+  getItem: (key: string) => callSafe(getItem, key),
+  setItem: (key: string, value: any) => callSafe(setItem, key, value),
+  clear: () => callSafe(clear),
+  removeItem: (key: string) => callSafe(removeItem, key),
+}
+
+export default customLocalStorage
diff --git a/services/web/frontend/js/infrastructure/project-snapshot.ts b/services/web/frontend/js/infrastructure/project-snapshot.ts
new file mode 100644
index 0000000..eb7c768
--- /dev/null
+++ b/services/web/frontend/js/infrastructure/project-snapshot.ts
@@ -0,0 +1,201 @@
+import pLimit from 'p-limit'
+import { Change, Chunk, Snapshot } from 'overleaf-editor-core'
+import { RawChange, RawChunk } from 'overleaf-editor-core/lib/types'
+import { FetchError, getJSON, postJSON } from '@/infrastructure/fetch-json'
+
+const DOWNLOAD_BLOBS_CONCURRENCY = 10
+
+/**
+ * Project snapshot container with on-demand refresh
+ */
+export class ProjectSnapshot {
+  private projectId: string
+  private snapshot: Snapshot
+  private version: number
+  private blobStore: SimpleBlobStore
+  private refreshPromise: Promise<void>
+  private initialized: boolean
+  private refreshing: boolean
+  private queued: boolean
+
+  constructor(projectId: string) {
+    this.projectId = projectId
+    this.snapshot = new Snapshot()
+    this.version = 0
+    this.refreshPromise = Promise.resolve()
+    this.initialized = false
+    this.refreshing = false
+    this.queued = false
+    this.blobStore = new SimpleBlobStore(this.projectId)
+  }
+
+  /**
+   * Request a refresh of the snapshot.
+   *
+   * When the returned promise resolves, the snapshot is guaranteed to have been
+   * updated at least to the version of the document that was current when the
+   * function was called.
+   */
+  async refresh() {
+    if (this.queued) {
+      // There already is a queued refresh that will run after this call.
+      // Just wait for it to complete.
+      await this.refreshPromise
+    } else if (this.refreshing) {
+      // There is a refresh running, but no queued refresh. Queue a refresh
+      // after this one and make it the new promise to wait for.
+      this.refreshPromise = this.queueRefresh()
+      await this.refreshPromise
+    } else {
+      // There is no refresh running. Start one.
+      this.refreshPromise = this.startRefresh()
+      await this.refreshPromise
+    }
+  }
+
+  /**
+   * Get the list of paths to editable docs.
+   */
+  getDocPaths(): string[] {
+    const allPaths = this.snapshot.getFilePathnames()
+    return allPaths.filter(path => this.snapshot.getFile(path)?.isEditable())
+  }
+
+  /**
+   * Get the doc content at the given path.
+   */
+  getDocContents(path: string): string | null {
+    const file = this.snapshot.getFile(path)
+    if (file == null) {
+      return null
+    }
+    return file.getContent({ filterTrackedDeletes: true }) ?? null
+  }
+
+  /**
+   * Immediately start a refresh
+   */
+  private async startRefresh() {
+    this.refreshing = true
+    try {
+      if (!this.initialized) {
+        await this.initialize()
+      } else {
+        await this.loadChanges()
+      }
+    } finally {
+      this.refreshing = false
+    }
+  }
+
+  /**
+   * Queue a refresh after the currently running refresh
+   */
+  private async queueRefresh() {
+    this.queued = true
+    try {
+      await this.refreshPromise
+    } catch {
+      // Ignore errors
+    }
+    this.queued = false
+    await this.startRefresh()
+  }
+
+  /**
+   * Initialize the snapshot using the project's latest chunk.
+   *
+   * This is run on the first refresh.
+   */
+  private async initialize() {
+    await flushHistory(this.projectId)
+    const chunk = await fetchLatestChunk(this.projectId)
+    this.snapshot = chunk.getSnapshot()
+    this.snapshot.applyAll(chunk.getChanges())
+    this.version = chunk.getEndVersion()
+    await this.loadDocs()
+    this.initialized = true
+  }
+
+  /**
+   * Apply changes since the last refresh.
+   *
+   * This is run on the second and subsequent refreshes
+   */
+  private async loadChanges() {
+    await flushHistory(this.projectId)
+    const changes = await fetchLatestChanges(this.projectId, this.version)
+    this.snapshot.applyAll(changes)
+    this.version += changes.length
+    await this.loadDocs()
+  }
+
+  /**
+   * Load all editable docs in the snapshot.
+   *
+   * This is done by converting any lazy file data into an "eager" file data. If
+   * a doc is already loaded, the load is a no-op.
+   */
+  private async loadDocs() {
+    const paths = this.getDocPaths()
+    const limit = pLimit(DOWNLOAD_BLOBS_CONCURRENCY)
+    await Promise.all(
+      paths.map(path =>
+        limit(async () => {
+          const file = this.snapshot.getFile(path)
+          await file?.load('eager', this.blobStore)
+        })
+      )
+    )
+  }
+}
+
+/**
+ * Blob store that fetches blobs from the history service
+ */
+class SimpleBlobStore {
+  private projectId: string
+
+  constructor(projectId: string) {
+    this.projectId = projectId
+  }
+
+  async getString(hash: string): Promise<string> {
+    return await fetchBlob(this.projectId, hash)
+  }
+
+  async getObject(hash: string) {
+    const blob = await this.getString(hash)
+    return JSON.parse(blob)
+  }
+}
+
+async function flushHistory(projectId: string) {
+  await postJSON(`/project/${projectId}/flush`)
+}
+
+async function fetchLatestChunk(projectId: string): Promise<Chunk> {
+  const response = await getJSON<{ chunk: RawChunk }>(
+    `/project/${projectId}/latest/history`
+  )
+  return Chunk.fromRaw(response.chunk)
+}
+
+async function fetchLatestChanges(
+  projectId: string,
+  version: number
+): Promise<Change[]> {
+  const response = await getJSON<RawChange[]>(
+    `/project/${projectId}/changes?since=${version}`
+  )
+  return response.map(Change.fromRaw).filter(change => change != null)
+}
+
+async function fetchBlob(projectId: string, hash: string): Promise<string> {
+  const url = `/project/${projectId}/blob/${hash}`
+  const res = await fetch(url)
+  if (!res.ok) {
+    throw new FetchError('Failed to fetch blob', url, undefined, res)
+  }
+  return await res.text()
+}
diff --git a/services/web/frontend/js/infrastructure/promise.ts b/services/web/frontend/js/infrastructure/promise.ts
new file mode 100644
index 0000000..edbfc01
--- /dev/null
+++ b/services/web/frontend/js/infrastructure/promise.ts
@@ -0,0 +1,13 @@
+/**
+ * run `fn` in series for all values, and resolve with an array of the results
+ */
+export const mapSeries = async <T = any, V = any>(
+  values: T[],
+  fn: (item: T) => Promise<V>
+) => {
+  const output: V[] = []
+  for (const value of values) {
+    output.push(await fn(value))
+  }
+  return output
+}
diff --git a/services/web/frontend/js/infrastructure/session-storage.ts b/services/web/frontend/js/infrastructure/session-storage.ts
new file mode 100644
index 0000000..09c5dcb
--- /dev/null
+++ b/services/web/frontend/js/infrastructure/session-storage.ts
@@ -0,0 +1,52 @@
+/**
+ * sessionStorage can throw browser exceptions, for example if it is full.
+ * We don't use sessionStorage for anything critical, so in that case just fail gracefully.
+ */
+
+import { debugConsole } from '@/utils/debugging'
+
+/**
+ * Catch, log and otherwise ignore errors.
+ *
+ * @param {function} fn sessionStorage function to call
+ * @param {string?} key Key passed to the sessionStorage function (if any)
+ * @param {any?} value Value passed to the sessionStorage function (if any)
+ */
+const callSafe = function (
+  fn: (...args: any) => any,
+  key?: string,
+  value?: any
+) {
+  try {
+    return fn(key, value)
+  } catch (e) {
+    debugConsole.error('sessionStorage exception', e)
+    return null
+  }
+}
+
+const getItem = function (key: string) {
+  const value = sessionStorage.getItem(key)
+  return value === null ? null : JSON.parse(value)
+}
+
+const setItem = function (key: string, value: any) {
+  sessionStorage.setItem(key, JSON.stringify(value))
+}
+
+const clear = function () {
+  sessionStorage.clear()
+}
+
+const removeItem = function (key: string) {
+  return sessionStorage.removeItem(key)
+}
+
+const customSessionStorage = {
+  getItem: (key: string) => callSafe(getItem, key),
+  setItem: (key: string, value: any) => callSafe(setItem, key, value),
+  clear: () => callSafe(clear),
+  removeItem: (key: string) => callSafe(removeItem, key),
+}
+
+export default customSessionStorage
diff --git a/services/web/frontend/js/main/account-upgrade.ts b/services/web/frontend/js/main/account-upgrade.ts
new file mode 100644
index 0000000..9aa2490
--- /dev/null
+++ b/services/web/frontend/js/main/account-upgrade.ts
@@ -0,0 +1,29 @@
+import * as eventTracking from '../infrastructure/event-tracking'
+
+export function startFreeTrial(source: string, variant?: string) {
+  const eventSegmentation: Record<string, string> = { 'paywall-type': source }
+  if (variant) {
+    eventSegmentation.variant = variant
+  }
+
+  eventTracking.send('subscription-funnel', 'upgraded-free-trial', source)
+  eventTracking.sendMB('paywall-click', eventSegmentation)
+
+  const searchParams = new URLSearchParams({
+    itm_campaign: source,
+  })
+
+  window.open(`/user/subscription/choose-your-plan?${searchParams.toString()}`)
+}
+
+export function upgradePlan(source: string) {
+  const openedWindow = window.open()
+
+  if (typeof window.ga === 'function') {
+    window.ga('send', 'event', 'subscription-funnel', 'upgraded-plan', source)
+  }
+
+  if (openedWindow) {
+    openedWindow.location = '/user/subscription'
+  }
+}
diff --git a/services/web/frontend/js/main/is-valid-tex-file.ts b/services/web/frontend/js/main/is-valid-tex-file.ts
new file mode 100644
index 0000000..005d6f9
--- /dev/null
+++ b/services/web/frontend/js/main/is-valid-tex-file.ts
@@ -0,0 +1,10 @@
+import getMeta from '@/utils/meta'
+
+export const isValidTeXFile = (filename: string) => {
+  const validTeXFileRegExp = new RegExp(
+    `\\.(${getMeta('ol-ExposedSettings').validRootDocExtensions.join('|')})$`,
+    'i'
+  )
+
+  return validTeXFileRegExp.test(filename)
+}
diff --git a/services/web/frontend/js/marketing.ts b/services/web/frontend/js/marketing.ts
new file mode 100644
index 0000000..ad32a0d
--- /dev/null
+++ b/services/web/frontend/js/marketing.ts
@@ -0,0 +1,12 @@
+import './utils/webpack-public-path'
+import './infrastructure/error-reporter'
+import './features/form-helpers/hydrate-form'
+import './features/form-helpers/password-visibility'
+import './features/link-helpers/slow-link'
+import './features/event-tracking'
+import './features/fallback-image'
+import './features/multi-submit'
+import './features/cookie-banner'
+import './features/autoplay-video'
+import './features/mathjax'
+import './features/header-footer-react'
diff --git a/services/web/frontend/js/pages/compromised-password.tsx b/services/web/frontend/js/pages/compromised-password.tsx
new file mode 100644
index 0000000..b185027
--- /dev/null
+++ b/services/web/frontend/js/pages/compromised-password.tsx
@@ -0,0 +1,12 @@
+import '../marketing'
+
+import ReactDOM from 'react-dom'
+import { CompromisedPasswordCard } from '../features/compromised-password/components/compromised-password-root'
+
+const compromisedPasswordContainer = document.getElementById(
+  'compromised-password'
+)
+
+if (compromisedPasswordContainer) {
+  ReactDOM.render(<CompromisedPasswordCard />, compromisedPasswordContainer)
+}
diff --git a/services/web/frontend/js/pages/ide.tsx b/services/web/frontend/js/pages/ide.tsx
new file mode 100644
index 0000000..a939504
--- /dev/null
+++ b/services/web/frontend/js/pages/ide.tsx
@@ -0,0 +1,23 @@
+import '../utils/webpack-public-path' // configure dynamically loaded assets (via webpack) to be downloaded from CDN
+import '../infrastructure/error-reporter' // set up error reporting, including Sentry
+import '../infrastructure/hotjar' // set up Hotjar
+import ReactDOM from 'react-dom'
+import IdeRoot from '@/features/ide-react/components/ide-root'
+
+ReactDOM.render(<IdeRoot />, document.getElementById('ide-root'))
+
+// work around Safari 15's incomplete support for dvh units
+// https://github.com/overleaf/internal/issues/18109
+try {
+  if (
+    document.body.parentElement &&
+    document.body.parentElement?.clientHeight < document.body.clientHeight
+  ) {
+    const rootElement = document.querySelector<HTMLDivElement>('#ide-root')
+    if (rootElement) {
+      rootElement.style.height = '100vh'
+    }
+  }
+} catch {
+  // ignore errors
+}
diff --git a/services/web/frontend/js/pages/marketing/homepage.js b/services/web/frontend/js/pages/marketing/homepage.js
new file mode 100644
index 0000000..47b0e7e
--- /dev/null
+++ b/services/web/frontend/js/pages/marketing/homepage.js
@@ -0,0 +1,69 @@
+import '../../marketing'
+
+function homepageAnimation(homepageAnimationEl) {
+  function createFrames(word, { buildTime, holdTime, breakTime }) {
+    const frames = []
+    let current = ''
+
+    // Build up the word
+    for (const char of word) {
+      current += char
+      frames.push({ before: current, time: buildTime })
+    }
+
+    // Hold the complete word
+    frames.push({ before: current, time: holdTime })
+
+    // Break down the word
+    for (let i = word.length - 1; i > 0; i--) {
+      current = word.substring(0, i)
+      frames.push({ before: current, time: breakTime })
+    }
+
+    // Add the final frame with an empty string
+    frames.push({ before: '', time: breakTime })
+
+    return frames
+  }
+
+  const opts = {
+    buildTime: 100,
+    holdTime: 1000,
+    breakTime: 100,
+  }
+
+  const frames = [
+    // 1.5s pause before starting
+    { before: '', time: 1500 },
+    ...createFrames('articles', opts),
+    ...createFrames('theses', opts),
+    ...createFrames('reports', opts),
+    ...createFrames('presentations', opts),
+    // 5s pause on 'anything' frame
+    ...createFrames('anything', { ...opts, holdTime: 5000 }),
+  ]
+
+  let index = 0
+  function nextFrame() {
+    const frame = frames[index]
+    index = (index + 1) % frames.length
+
+    homepageAnimationEl.innerHTML = frame.before
+    setTimeout(nextFrame, frame.time)
+  }
+
+  nextFrame()
+}
+
+const homepageAnimationEl = document.querySelector('#home-animation-text')
+const reducedMotionReduce = window.matchMedia(
+  '(prefers-reduced-motion: reduce)'
+)
+
+if (homepageAnimationEl) {
+  if (reducedMotionReduce.matches) {
+    homepageAnimationEl.innerHTML = 'anything'
+  } else {
+    homepageAnimation(homepageAnimationEl)
+  }
+}
diff --git a/services/web/frontend/js/pages/project-list.tsx b/services/web/frontend/js/pages/project-list.tsx
new file mode 100644
index 0000000..dd24bb0
--- /dev/null
+++ b/services/web/frontend/js/pages/project-list.tsx
@@ -0,0 +1,14 @@
+import './../utils/meta'
+import '../utils/webpack-public-path'
+import './../infrastructure/error-reporter'
+import '@/i18n'
+import '../features/event-tracking'
+import '../features/cookie-banner'
+import '../features/link-helpers/slow-link'
+import ReactDOM from 'react-dom'
+import ProjectListRoot from '../features/project-list/components/project-list-root'
+
+const element = document.getElementById('project-list-root')
+if (element) {
+  ReactDOM.render(<ProjectListRoot />, element)
+}
diff --git a/services/web/frontend/js/pages/sharing-updates.tsx b/services/web/frontend/js/pages/sharing-updates.tsx
new file mode 100644
index 0000000..6321954
--- /dev/null
+++ b/services/web/frontend/js/pages/sharing-updates.tsx
@@ -0,0 +1,11 @@
+import './../utils/meta'
+import '../utils/webpack-public-path'
+import './../infrastructure/error-reporter'
+import '@/i18n'
+import ReactDOM from 'react-dom'
+import SharingUpdatesRoot from '../features/token-access/components/sharing-updates-root'
+
+const element = document.getElementById('sharing-updates-page')
+if (element) {
+  ReactDOM.render(<SharingUpdatesRoot />, element)
+}
diff --git a/services/web/frontend/js/pages/socket-diagnostics.tsx b/services/web/frontend/js/pages/socket-diagnostics.tsx
new file mode 100644
index 0000000..982209b
--- /dev/null
+++ b/services/web/frontend/js/pages/socket-diagnostics.tsx
@@ -0,0 +1,10 @@
+import '../marketing'
+
+import ReactDOM from 'react-dom'
+import { SocketDiagnostics } from '@/features/socket-diagnostics/components/socket-diagnostics'
+
+const socketDiagnosticsContainer = document.getElementById('socket-diagnostics')
+
+if (socketDiagnosticsContainer) {
+  ReactDOM.render(<SocketDiagnostics />, socketDiagnosticsContainer)
+}
diff --git a/services/web/frontend/js/pages/token-access.tsx b/services/web/frontend/js/pages/token-access.tsx
new file mode 100644
index 0000000..97026d9
--- /dev/null
+++ b/services/web/frontend/js/pages/token-access.tsx
@@ -0,0 +1,11 @@
+import './../utils/meta'
+import '../utils/webpack-public-path'
+import './../infrastructure/error-reporter'
+import '@/i18n'
+import ReactDOM from 'react-dom'
+import TokenAccessRoot from '../features/token-access/components/token-access-root'
+
+const element = document.getElementById('token-access-page')
+if (element) {
+  ReactDOM.render(<TokenAccessRoot />, element)
+}
diff --git a/services/web/frontend/js/pages/user/add-secondary-email.tsx b/services/web/frontend/js/pages/user/add-secondary-email.tsx
new file mode 100644
index 0000000..8297d31
--- /dev/null
+++ b/services/web/frontend/js/pages/user/add-secondary-email.tsx
@@ -0,0 +1,12 @@
+import '../../marketing'
+
+import ReactDOM from 'react-dom'
+import { AddSecondaryEmailPrompt } from '../../features/settings/components/emails/add-secondary-email-prompt'
+
+const addSecondaryEmailContainer = document.getElementById(
+  'add-secondary-email'
+)
+
+if (addSecondaryEmailContainer) {
+  ReactDOM.render(<AddSecondaryEmailPrompt />, addSecondaryEmailContainer)
+}
diff --git a/services/web/frontend/js/pages/user/confirm-secondary-email.tsx b/services/web/frontend/js/pages/user/confirm-secondary-email.tsx
new file mode 100644
index 0000000..405aaf0
--- /dev/null
+++ b/services/web/frontend/js/pages/user/confirm-secondary-email.tsx
@@ -0,0 +1,10 @@
+import '../../marketing'
+
+import ReactDOM from 'react-dom'
+import ConfirmSecondaryEmailForm from '../../features/settings/components/emails/confirm-secondary-email-form'
+
+const confirmEmailContainer = document.getElementById('confirm-secondary-email')
+
+if (confirmEmailContainer) {
+  ReactDOM.render(<ConfirmSecondaryEmailForm />, confirmEmailContainer)
+}
diff --git a/services/web/frontend/js/pages/user/settings.jsx b/services/web/frontend/js/pages/user/settings.jsx
new file mode 100644
index 0000000..bd55a17
--- /dev/null
+++ b/services/web/frontend/js/pages/user/settings.jsx
@@ -0,0 +1,18 @@
+import '../../marketing'
+import './../../utils/meta'
+import '../../utils/webpack-public-path'
+import './../../infrastructure/error-reporter'
+import '@/i18n'
+import '../../features/settings/components/root'
+import ReactDOM from 'react-dom'
+import SettingsPageRoot from '../../features/settings/components/root.tsx'
+
+const element = document.getElementById('settings-page-root')
+// For react-google-recaptcha
+window.recaptchaOptions = {
+  enterprise: true,
+  useRecaptchaNet: true,
+}
+if (element) {
+  ReactDOM.render(<SettingsPageRoot />, element)
+}
diff --git a/services/web/frontend/js/pages/user/subscription/base.js b/services/web/frontend/js/pages/user/subscription/base.js
new file mode 100644
index 0000000..4aa63cf
--- /dev/null
+++ b/services/web/frontend/js/pages/user/subscription/base.js
@@ -0,0 +1,8 @@
+import './../../../utils/meta'
+import '../../../utils/webpack-public-path'
+import './../../../infrastructure/error-reporter'
+import '@/i18n'
+import '../../../features/event-tracking'
+import '../../../features/cookie-banner'
+import '../../../features/link-helpers/slow-link'
+import '../../../features/header-footer-react'
diff --git a/services/web/frontend/js/pages/user/subscription/canceled-subscription.jsx b/services/web/frontend/js/pages/user/subscription/canceled-subscription.jsx
new file mode 100644
index 0000000..98fe7d1
--- /dev/null
+++ b/services/web/frontend/js/pages/user/subscription/canceled-subscription.jsx
@@ -0,0 +1,8 @@
+import './base'
+import ReactDOM from 'react-dom'
+import Root from '../../../features/subscription/components/canceled-subscription/root'
+
+const element = document.getElementById('subscription-canceled-root')
+if (element) {
+  ReactDOM.render(<Root />, element)
+}
diff --git a/services/web/frontend/js/pages/user/subscription/dashboard.jsx b/services/web/frontend/js/pages/user/subscription/dashboard.jsx
new file mode 100644
index 0000000..96ea6d7
--- /dev/null
+++ b/services/web/frontend/js/pages/user/subscription/dashboard.jsx
@@ -0,0 +1,8 @@
+import './base'
+import ReactDOM from 'react-dom'
+import Root from '../../../features/subscription/components/dashboard/root'
+
+const element = document.getElementById('subscription-dashboard-root')
+if (element) {
+  ReactDOM.render(<Root />, element)
+}
diff --git a/services/web/frontend/js/pages/user/subscription/group-invites.tsx b/services/web/frontend/js/pages/user/subscription/group-invites.tsx
new file mode 100644
index 0000000..35e559c
--- /dev/null
+++ b/services/web/frontend/js/pages/user/subscription/group-invites.tsx
@@ -0,0 +1,8 @@
+import './base'
+import ReactDOM from 'react-dom'
+import GroupInvitesRoot from '@/features/subscription/components/group-invites/group-invites-root'
+
+const element = document.getElementById('group-invites-root')
+if (element) {
+  ReactDOM.render(<GroupInvitesRoot />, element)
+}
diff --git a/services/web/frontend/js/pages/user/subscription/group-management/add-seats.tsx b/services/web/frontend/js/pages/user/subscription/group-management/add-seats.tsx
new file mode 100644
index 0000000..b62b93e
--- /dev/null
+++ b/services/web/frontend/js/pages/user/subscription/group-management/add-seats.tsx
@@ -0,0 +1,8 @@
+import '../base'
+import ReactDOM from 'react-dom'
+import Root from '@/features/group-management/components/add-seats/root'
+
+const element = document.getElementById('add-seats-root')
+if (element) {
+  ReactDOM.render(<Root />, element)
+}
diff --git a/services/web/frontend/js/pages/user/subscription/group-management/group-managers.jsx b/services/web/frontend/js/pages/user/subscription/group-management/group-managers.jsx
new file mode 100644
index 0000000..70533cc
--- /dev/null
+++ b/services/web/frontend/js/pages/user/subscription/group-management/group-managers.jsx
@@ -0,0 +1,8 @@
+import '../base'
+import ReactDOM from 'react-dom'
+import Root from '../../../../features/group-management/components/group-managers'
+
+const element = document.getElementById('subscription-manage-group-root')
+if (element) {
+  ReactDOM.render(<Root />, element)
+}
diff --git a/services/web/frontend/js/pages/user/subscription/group-management/group-members.jsx b/services/web/frontend/js/pages/user/subscription/group-management/group-members.jsx
new file mode 100644
index 0000000..446220c
--- /dev/null
+++ b/services/web/frontend/js/pages/user/subscription/group-management/group-members.jsx
@@ -0,0 +1,17 @@
+import '../base'
+import ReactDOM from 'react-dom'
+import GroupMembers from '../../../../features/group-management/components/group-members'
+import { GroupMembersProvider } from '../../../../features/group-management/context/group-members-context'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+
+const element = document.getElementById('subscription-manage-group-root')
+if (element) {
+  ReactDOM.render(
+    <SplitTestProvider>
+      <GroupMembersProvider>
+        <GroupMembers />
+      </GroupMembersProvider>
+    </SplitTestProvider>,
+    element
+  )
+}
diff --git a/services/web/frontend/js/pages/user/subscription/group-management/institution-managers.jsx b/services/web/frontend/js/pages/user/subscription/group-management/institution-managers.jsx
new file mode 100644
index 0000000..2ea1d2d
--- /dev/null
+++ b/services/web/frontend/js/pages/user/subscription/group-management/institution-managers.jsx
@@ -0,0 +1,8 @@
+import '../base'
+import ReactDOM from 'react-dom'
+import Root from '../../../../features/group-management/components/institution-managers'
+
+const element = document.getElementById('subscription-manage-group-root')
+if (element) {
+  ReactDOM.render(<Root />, element)
+}
diff --git a/services/web/frontend/js/pages/user/subscription/group-management/manually-collected-subscription.tsx b/services/web/frontend/js/pages/user/subscription/group-management/manually-collected-subscription.tsx
new file mode 100644
index 0000000..ce7f0a9
--- /dev/null
+++ b/services/web/frontend/js/pages/user/subscription/group-management/manually-collected-subscription.tsx
@@ -0,0 +1,8 @@
+import '../base'
+import ReactDOM from 'react-dom'
+import ManuallyCollectedSubscription from '@/features/group-management/components/manually-collected-subscription'
+
+const element = document.getElementById('manually-collected-subscription-root')
+if (element) {
+  ReactDOM.render(<ManuallyCollectedSubscription />, element)
+}
diff --git a/services/web/frontend/js/pages/user/subscription/group-management/missing-billing-information.tsx b/services/web/frontend/js/pages/user/subscription/group-management/missing-billing-information.tsx
new file mode 100644
index 0000000..449e77f
--- /dev/null
+++ b/services/web/frontend/js/pages/user/subscription/group-management/missing-billing-information.tsx
@@ -0,0 +1,8 @@
+import '../base'
+import ReactDOM from 'react-dom'
+import MissingBillingInformation from '@/features/group-management/components/missing-billing-information'
+
+const element = document.getElementById('missing-billing-information-root')
+if (element) {
+  ReactDOM.render(<MissingBillingInformation />, element)
+}
diff --git a/services/web/frontend/js/pages/user/subscription/group-management/publisher-managers.jsx b/services/web/frontend/js/pages/user/subscription/group-management/publisher-managers.jsx
new file mode 100644
index 0000000..f323afa
--- /dev/null
+++ b/services/web/frontend/js/pages/user/subscription/group-management/publisher-managers.jsx
@@ -0,0 +1,8 @@
+import '../base'
+import ReactDOM from 'react-dom'
+import Root from '../../../../features/group-management/components/publisher-managers'
+
+const element = document.getElementById('subscription-manage-group-root')
+if (element) {
+  ReactDOM.render(<Root />, element)
+}
diff --git a/services/web/frontend/js/pages/user/subscription/group-management/subtotal-limit-exceeded.tsx b/services/web/frontend/js/pages/user/subscription/group-management/subtotal-limit-exceeded.tsx
new file mode 100644
index 0000000..242c04f
--- /dev/null
+++ b/services/web/frontend/js/pages/user/subscription/group-management/subtotal-limit-exceeded.tsx
@@ -0,0 +1,8 @@
+import '../base'
+import ReactDOM from 'react-dom'
+import SubtotalLimitExceeded from '@/features/group-management/components/subtotal-limit-exceeded'
+
+const element = document.getElementById('subtotal-limit-exceeded-root')
+if (element) {
+  ReactDOM.render(<SubtotalLimitExceeded />, element)
+}
diff --git a/services/web/frontend/js/pages/user/subscription/group-management/upgrade-group-subscription.tsx b/services/web/frontend/js/pages/user/subscription/group-management/upgrade-group-subscription.tsx
new file mode 100644
index 0000000..18abd65
--- /dev/null
+++ b/services/web/frontend/js/pages/user/subscription/group-management/upgrade-group-subscription.tsx
@@ -0,0 +1,8 @@
+import '../base'
+import ReactDOM from 'react-dom'
+import Root from '@/features/group-management/components/upgrade-subscription/root'
+
+const element = document.getElementById('upgrade-group-subscription-root')
+if (element) {
+  ReactDOM.render(<Root />, element)
+}
diff --git a/services/web/frontend/js/pages/user/subscription/invite-managed.jsx b/services/web/frontend/js/pages/user/subscription/invite-managed.jsx
new file mode 100644
index 0000000..4a593ae
--- /dev/null
+++ b/services/web/frontend/js/pages/user/subscription/invite-managed.jsx
@@ -0,0 +1,8 @@
+import './base'
+import ReactDOM from 'react-dom'
+import InvitedManagedRoot from '../../../features/subscription/components/invite-managed-root'
+
+const element = document.getElementById('invite-managed-root')
+if (element) {
+  ReactDOM.render(<InvitedManagedRoot />, element)
+}
diff --git a/services/web/frontend/js/pages/user/subscription/invite.tsx b/services/web/frontend/js/pages/user/subscription/invite.tsx
new file mode 100644
index 0000000..119f9e8
--- /dev/null
+++ b/services/web/frontend/js/pages/user/subscription/invite.tsx
@@ -0,0 +1,9 @@
+import './base'
+import ReactDOM from 'react-dom'
+import InviteRoot from '@/features/subscription/components/invite-root'
+
+const element = document.getElementById('invite-root')
+
+if (element) {
+  ReactDOM.render(<InviteRoot />, element)
+}
diff --git a/services/web/frontend/js/pages/user/subscription/preview-change.tsx b/services/web/frontend/js/pages/user/subscription/preview-change.tsx
new file mode 100644
index 0000000..0f3804e
--- /dev/null
+++ b/services/web/frontend/js/pages/user/subscription/preview-change.tsx
@@ -0,0 +1,8 @@
+import '@/marketing'
+import ReactDOM from 'react-dom'
+import PreviewSubscriptionChange from '@/features/subscription/components/preview-subscription-change/root'
+
+const element = document.getElementById('subscription-preview-change')
+if (element) {
+  ReactDOM.render(<PreviewSubscriptionChange />, element)
+}
diff --git a/services/web/frontend/js/pages/user/subscription/successful-subscription.jsx b/services/web/frontend/js/pages/user/subscription/successful-subscription.jsx
new file mode 100644
index 0000000..fde2a1a
--- /dev/null
+++ b/services/web/frontend/js/pages/user/subscription/successful-subscription.jsx
@@ -0,0 +1,8 @@
+import './base'
+import ReactDOM from 'react-dom'
+import Root from '../../../features/subscription/components/successful-subscription/root'
+
+const element = document.getElementById('subscription-success-root')
+if (element) {
+  ReactDOM.render(<Root />, element)
+}
diff --git a/services/web/frontend/js/shared/components/auto-expanding-text-area.tsx b/services/web/frontend/js/shared/components/auto-expanding-text-area.tsx
new file mode 100644
index 0000000..8f56f5c
--- /dev/null
+++ b/services/web/frontend/js/shared/components/auto-expanding-text-area.tsx
@@ -0,0 +1,156 @@
+import { useCallback, useEffect, useRef } from 'react'
+import { callFnsInSequence } from '../../utils/functions'
+import { MergeAndOverride } from '../../../../types/utils'
+
+type AutoExpandingTextAreaProps = MergeAndOverride<
+  React.ComponentProps<'textarea'>,
+  {
+    onResize?: () => void
+    onAutoFocus?: (textarea: HTMLTextAreaElement) => void
+  }
+>
+
+function AutoExpandingTextArea({
+  onChange,
+  onResize,
+  autoFocus,
+  onAutoFocus,
+  ...rest
+}: AutoExpandingTextAreaProps) {
+  const ref = useRef<HTMLTextAreaElement>(null)
+  const previousHeightRef = useRef<number | null>(null)
+  const previousMeasurementRef = useRef<{
+    heightAdjustment: number
+    value: string
+  } | null>(null)
+
+  const resetHeight = useCallback(() => {
+    const el = ref.current
+    if (!el) {
+      return
+    }
+
+    const { value } = el
+    const previousMeasurement = previousMeasurementRef.current
+
+    // Do nothing if the textarea value hasn't changed since the last reset
+    if (previousMeasurement !== null && value === previousMeasurement.value) {
+      return
+    }
+
+    let heightAdjustment
+    if (previousMeasurement === null) {
+      const computedStyle = window.getComputedStyle(el)
+      heightAdjustment =
+        computedStyle.boxSizing === 'border-box'
+          ? Math.ceil(
+              parseFloat(computedStyle.borderTopWidth) +
+                parseFloat(computedStyle.borderBottomWidth)
+            )
+          : -Math.floor(
+              parseFloat(computedStyle.paddingTop) +
+                parseFloat(computedStyle.paddingBottom)
+            )
+    } else {
+      heightAdjustment = previousMeasurement.heightAdjustment
+    }
+
+    const curHeight = el.clientHeight
+    const fitHeight = el.scrollHeight
+
+    // Clear height if text area is empty
+    if (value === '') {
+      el.style.removeProperty('height')
+    }
+    // Otherwise, expand to fit text
+    else if (fitHeight > curHeight) {
+      el.style.height = fitHeight + heightAdjustment + 'px'
+    }
+
+    previousMeasurementRef.current = { heightAdjustment, value }
+  }, [])
+
+  useEffect(() => {
+    if (!ref.current || !onResize || !('ResizeObserver' in window)) {
+      return
+    }
+
+    const resizeObserver = new ResizeObserver(() => {
+      if (!ref.current) {
+        return
+      }
+      const newHeight = ref.current.offsetHeight
+      // Ignore the resize when the height of the element is less than or equal to 0
+      if (newHeight <= 0) {
+        return
+      }
+      const heightChanged = newHeight !== previousHeightRef.current
+      previousHeightRef.current = newHeight
+      if (heightChanged) {
+        // Prevent errors like "ResizeObserver loop completed with undelivered
+        // notifications" that occur if onResize triggers another repaint. The
+        // cost of this is that onResize lags one frame behind, but it's
+        // unlikely to matter.
+
+        // Wrap onResize to prevent extra parameters being passed
+        window.requestAnimationFrame(() => onResize())
+      }
+    })
+
+    resizeObserver.observe(ref.current)
+
+    return () => {
+      resizeObserver.disconnect()
+    }
+  }, [onResize])
+
+  // Maintain a copy onAutoFocus in a ref for use in the autofocus effect
+  // below so that the effect doesn't run when onAutoFocus changes
+  const onAutoFocusRef = useRef(onAutoFocus)
+  useEffect(() => {
+    onAutoFocusRef.current = onAutoFocus
+  }, [onAutoFocus])
+
+  // Implement autofocus manually so that the cursor is placed at the end of
+  // the textarea content
+  useEffect(() => {
+    const el = ref.current
+    if (!el) {
+      return
+    }
+
+    resetHeight()
+    if (autoFocus) {
+      const cursorPos = el.value.length
+      const timer = window.setTimeout(() => {
+        el.focus()
+        el.setSelectionRange(cursorPos, cursorPos)
+        if (onAutoFocusRef.current) {
+          onAutoFocusRef.current(el)
+        }
+      }, 100)
+
+      return () => {
+        window.clearTimeout(timer)
+      }
+    }
+  }, [autoFocus, resetHeight])
+
+  // Reset height when the value changes via the `value` prop. If the textarea
+  // is controlled, this means resetHeight is called twice per keypress, but
+  // this is mitigated by a check on whether the value has actually changed in
+  // resetHeight()
+  useEffect(() => {
+    resetHeight()
+  }, [rest.value, resetHeight])
+
+  return (
+    <textarea
+      onChange={callFnsInSequence(onChange, resetHeight)}
+      {...rest}
+      ref={ref}
+    />
+  )
+}
+
+export default AutoExpandingTextArea
diff --git a/services/web/frontend/js/shared/components/beta-badge-icon.tsx b/services/web/frontend/js/shared/components/beta-badge-icon.tsx
new file mode 100644
index 0000000..b331c90
--- /dev/null
+++ b/services/web/frontend/js/shared/components/beta-badge-icon.tsx
@@ -0,0 +1,34 @@
+import type { FC } from 'react'
+import MaterialIcon from '@/shared/components/material-icon'
+import OLBadge from '@/features/ui/components/ol/ol-badge'
+
+const BetaBadgeIcon: FC<{
+  phase?: string
+}> = ({ phase = 'beta' }) => {
+  const badgeClass = chooseBadgeClass(phase)
+  if (badgeClass === 'info-badge') {
+    return <MaterialIcon type="info" className="align-middle info-badge" />
+  } else if (badgeClass === 'alpha-badge') {
+    return (
+      <OLBadge bg="primary" className="alpha-badge">
+        α
+      </OLBadge>
+    )
+  } else {
+    return <OLBadge bg="warning">β</OLBadge>
+  }
+}
+
+function chooseBadgeClass(phase?: string) {
+  switch (phase) {
+    case 'release':
+      return 'info-badge'
+    case 'alpha':
+      return 'alpha-badge'
+    case 'beta':
+    default:
+      return 'beta-badge'
+  }
+}
+
+export default BetaBadgeIcon
diff --git a/services/web/frontend/js/shared/components/beta-badge.tsx b/services/web/frontend/js/shared/components/beta-badge.tsx
new file mode 100644
index 0000000..514ff10
--- /dev/null
+++ b/services/web/frontend/js/shared/components/beta-badge.tsx
@@ -0,0 +1,64 @@
+import type { FC, MouseEventHandler, ReactNode } from 'react'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import BetaBadgeIcon from '@/shared/components/beta-badge-icon'
+
+type TooltipProps = {
+  id: string
+  text: ReactNode
+  className?: string
+  placement?: NonNullable<
+    React.ComponentProps<typeof OLTooltip>['overlayProps']
+  >['placement']
+}
+
+type LinkProps = {
+  href?: string
+  ref?: React.Ref<HTMLAnchorElement>
+  className?: string
+  onMouseDown?: MouseEventHandler<HTMLAnchorElement>
+}
+
+const defaultHref = '/beta/participate'
+
+const BetaBadge: FC<{
+  tooltip?: TooltipProps
+  link?: LinkProps
+  description?: ReactNode
+  phase?: string
+}> = ({
+  tooltip,
+  link = { href: defaultHref },
+  description,
+  phase = 'beta',
+}) => {
+  const { href, ...linkProps } = link
+  const linkedBadge = (
+    <a
+      target="_blank"
+      rel="noopener noreferrer"
+      href={href || defaultHref}
+      {...linkProps}
+    >
+      <span className="visually-hidden">{description || tooltip?.text}</span>
+      <BetaBadgeIcon phase={phase} />
+    </a>
+  )
+
+  return tooltip ? (
+    <OLTooltip
+      id={tooltip.id}
+      description={tooltip.text}
+      tooltipProps={{ className: tooltip.className }}
+      overlayProps={{
+        placement: tooltip.placement || 'bottom',
+        delay: 100,
+      }}
+    >
+      {linkedBadge}
+    </OLTooltip>
+  ) : (
+    linkedBadge
+  )
+}
+
+export default BetaBadge
diff --git a/services/web/frontend/js/shared/components/clickable-element-enhancer.tsx b/services/web/frontend/js/shared/components/clickable-element-enhancer.tsx
new file mode 100644
index 0000000..b028db0
--- /dev/null
+++ b/services/web/frontend/js/shared/components/clickable-element-enhancer.tsx
@@ -0,0 +1,75 @@
+import { useRef, useEffect } from 'react'
+import PolymorphicComponent, {
+  PolymorphicComponentProps,
+} from '@/shared/components/polymorphic-component'
+import { MergeAndOverride } from '../../../../types/utils'
+
+// Performs a click event on elements that has been clicked,
+// but when releasing the mouse button are no longer hovered
+// by the cursor (which by default cancels the event).
+
+type ClickableElementEnhancerOwnProps = {
+  onClick: () => void
+  onMouseDown?: (e: React.MouseEvent) => void
+  offset?: number
+}
+
+type ClickableElementEnhancerProps<E extends React.ElementType> =
+  MergeAndOverride<
+    PolymorphicComponentProps<E>,
+    ClickableElementEnhancerOwnProps
+  >
+
+function ClickableElementEnhancer<E extends React.ElementType>({
+  onClick,
+  onMouseDown,
+  offset = 50, // the offset around the clicked element which should still trigger the click
+  ...rest
+}: ClickableElementEnhancerProps<E>) {
+  const isClickedRef = useRef(false)
+  const elRectRef = useRef<DOMRect>()
+  const restProps = rest as PolymorphicComponentProps<E>
+
+  const handleMouseDown = (e: React.MouseEvent) => {
+    isClickedRef.current = true
+    elRectRef.current = (e.target as HTMLElement).getBoundingClientRect()
+    onMouseDown?.(e)
+  }
+
+  useEffect(() => {
+    const handleMouseUp = (e: MouseEvent) => {
+      if (isClickedRef.current) {
+        isClickedRef.current = false
+
+        if (!elRectRef.current) {
+          return
+        }
+
+        const halfWidth = elRectRef.current.width / 2
+        const halfHeight = elRectRef.current.height / 2
+
+        const centerX = elRectRef.current.x + halfWidth
+        const centerY = elRectRef.current.y + halfHeight
+
+        const deltaX = Math.abs(e.clientX - centerX)
+        const deltaY = Math.abs(e.clientY - centerY)
+
+        // Check if the mouse has moved significantly from the element position
+        if (deltaX < halfWidth + offset && deltaY < halfHeight + offset) {
+          // If the mouse hasn't moved much, consider it a click
+          onClick()
+        }
+      }
+    }
+
+    document.addEventListener('mouseup', handleMouseUp)
+
+    return () => {
+      document.removeEventListener('mouseup', handleMouseUp)
+    }
+  }, [onClick, offset])
+
+  return <PolymorphicComponent onMouseDown={handleMouseDown} {...restProps} />
+}
+
+export default ClickableElementEnhancer
diff --git a/services/web/frontend/js/shared/components/close.tsx b/services/web/frontend/js/shared/components/close.tsx
new file mode 100644
index 0000000..17c24ce
--- /dev/null
+++ b/services/web/frontend/js/shared/components/close.tsx
@@ -0,0 +1,28 @@
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from '@/shared/components/material-icon'
+
+type CloseProps = {
+  onDismiss: React.MouseEventHandler<HTMLButtonElement>
+  variant?: 'light' | 'dark'
+}
+
+function Close({ onDismiss, variant = 'light' }: CloseProps) {
+  const { t } = useTranslation()
+
+  return (
+    <button
+      type="button"
+      className={`close pull-right ${variant}`}
+      onClick={onDismiss}
+    >
+      <MaterialIcon
+        type="close"
+        className="align-text-bottom"
+        accessibilityLabel={t('close')}
+      />
+      <span className="sr-only">{t('close')}</span>
+    </button>
+  )
+}
+
+export default Close
diff --git a/services/web/frontend/js/shared/components/collapsible-file-header.tsx b/services/web/frontend/js/shared/components/collapsible-file-header.tsx
new file mode 100644
index 0000000..efcd51a
--- /dev/null
+++ b/services/web/frontend/js/shared/components/collapsible-file-header.tsx
@@ -0,0 +1,21 @@
+import MaterialIcon from '@/shared/components/material-icon'
+import { Dispatch, FC, SetStateAction } from 'react'
+
+export const CollapsibleFileHeader: FC<{
+  name: string
+  count: number
+  collapsed: boolean
+  toggleCollapsed: Dispatch<SetStateAction<any>>
+}> = ({ name, count, collapsed, toggleCollapsed }) => (
+  <button
+    type="button"
+    className="collapsible-file-header"
+    onClick={toggleCollapsed}
+  >
+    <MaterialIcon
+      type={collapsed ? 'keyboard_arrow_right' : 'keyboard_arrow_down'}
+    />
+    {name}
+    <div className="collapsible-file-header-count">{count}</div>
+  </button>
+)
diff --git a/services/web/frontend/js/shared/components/copy-to-clipboard.tsx b/services/web/frontend/js/shared/components/copy-to-clipboard.tsx
new file mode 100644
index 0000000..e119e3b
--- /dev/null
+++ b/services/web/frontend/js/shared/components/copy-to-clipboard.tsx
@@ -0,0 +1,57 @@
+import { memo, useCallback, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import OLIconButton from '@/features/ui/components/ol/ol-icon-button'
+
+export const CopyToClipboard = memo<{
+  content: string
+  tooltipId: string
+  kind?: 'text' | 'icon'
+}>(({ content, tooltipId, kind = 'icon' }) => {
+  const { t } = useTranslation()
+
+  const [copied, setCopied] = useState(false)
+
+  const handleClick = useCallback(() => {
+    navigator.clipboard.writeText(content).then(() => {
+      setCopied(true)
+      window.setTimeout(() => {
+        setCopied(false)
+      }, 1500)
+    })
+  }, [content])
+
+  if (!navigator.clipboard?.writeText) {
+    return null
+  }
+
+  return (
+    <OLTooltip
+      id={tooltipId}
+      description={copied ? `${t('copied')}!` : t('copy')}
+      overlayProps={{ delay: copied ? 1000 : 250 }}
+    >
+      {kind === 'text' ? (
+        <OLButton
+          onClick={handleClick}
+          size="sm"
+          variant="secondary"
+          className="copy-button"
+        >
+          {t('copy')}
+        </OLButton>
+      ) : (
+        <OLIconButton
+          onClick={handleClick}
+          variant="link"
+          size="sm"
+          accessibilityLabel={t('copy')}
+          className="copy-button"
+          icon={copied ? 'check' : 'content_copy'}
+        />
+      )}
+    </OLTooltip>
+  )
+})
+CopyToClipboard.displayName = 'CopyToClipboard'
diff --git a/services/web/frontend/js/shared/components/default-message.tsx b/services/web/frontend/js/shared/components/default-message.tsx
new file mode 100644
index 0000000..63b992f
--- /dev/null
+++ b/services/web/frontend/js/shared/components/default-message.tsx
@@ -0,0 +1,17 @@
+import { useTranslation } from 'react-i18next'
+
+type DefaultMessageProps = {
+  className?: string
+  style?: React.CSSProperties
+}
+
+export function DefaultMessage({ className, style }: DefaultMessageProps) {
+  const { t } = useTranslation()
+
+  return (
+    <>
+      <span style={style}>{`${t('generic_something_went_wrong')}. `}</span>
+      <span className={className}>{`${t('please_refresh')}`}</span>
+    </>
+  )
+}
diff --git a/services/web/frontend/js/shared/components/deprecated-browser.tsx b/services/web/frontend/js/shared/components/deprecated-browser.tsx
new file mode 100644
index 0000000..38a9efe
--- /dev/null
+++ b/services/web/frontend/js/shared/components/deprecated-browser.tsx
@@ -0,0 +1,31 @@
+import { FC } from 'react'
+import Notification from '@/shared/components/notification'
+import { Trans, useTranslation } from 'react-i18next'
+import Bowser from 'bowser'
+
+export const isDeprecatedBrowser = () => {
+  const parser = Bowser.getParser(window.navigator.userAgent)
+  return parser.satisfies({
+    safari: '~15',
+  })
+}
+
+export const DeprecatedBrowser: FC = () => {
+  const { t } = useTranslation()
+
+  return (
+    <Notification
+      type="warning"
+      title={t('support_for_your_browser_is_ending_soon')}
+      content={
+        <Trans
+          i18nKey="to_continue_using_upgrade_or_change_your_browser"
+          components={[
+            // eslint-disable-next-line jsx-a11y/anchor-has-content,react/jsx-key
+            <a href="/learn/how-to/Which_browsers_does_Overleaf_support%3F" />,
+          ]}
+        />
+      }
+    />
+  )
+}
diff --git a/services/web/frontend/js/shared/components/error-boundary-fallback.tsx b/services/web/frontend/js/shared/components/error-boundary-fallback.tsx
new file mode 100644
index 0000000..d3e73b2
--- /dev/null
+++ b/services/web/frontend/js/shared/components/error-boundary-fallback.tsx
@@ -0,0 +1,15 @@
+import { FC, ReactNode } from 'react'
+import { DefaultMessage } from './default-message'
+import OLNotification from '@/features/ui/components/ol/ol-notification'
+
+export const ErrorBoundaryFallback: FC<{ modal?: ReactNode }> = ({
+  children,
+  modal,
+}) => {
+  return (
+    <div className="error-boundary-alert">
+      <OLNotification type="error" content={children || <DefaultMessage />} />
+      {modal}
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/shared/components/feedback-badge.tsx b/services/web/frontend/js/shared/components/feedback-badge.tsx
new file mode 100644
index 0000000..ddbf0d5
--- /dev/null
+++ b/services/web/frontend/js/shared/components/feedback-badge.tsx
@@ -0,0 +1,25 @@
+import BetaBadge from './beta-badge'
+import { FC, ReactNode, useMemo } from 'react'
+
+export const FeedbackBadge: FC<{
+  url: string
+  id: string
+  text?: ReactNode
+}> = ({ url, id, text }) => {
+  const tooltip = useMemo(() => {
+    return {
+      id: `${id}-tooltip`,
+      text: text || <DefaultContent />,
+    }
+  }, [id, text])
+
+  return <BetaBadge tooltip={tooltip} phase="release" link={{ href: url }} />
+}
+
+const DefaultContent = () => (
+  <>
+    We are testing this new feature.
+    <br />
+    Click to give feedback
+  </>
+)
diff --git a/services/web/frontend/js/shared/components/format-time-based-on-year.tsx b/services/web/frontend/js/shared/components/format-time-based-on-year.tsx
new file mode 100644
index 0000000..86a105a
--- /dev/null
+++ b/services/web/frontend/js/shared/components/format-time-based-on-year.tsx
@@ -0,0 +1,8 @@
+import { memo } from 'react'
+import { formatTimeBasedOnYear } from '@/features/utils/format-date'
+
+export const FormatTimeBasedOnYear = memo<{ date: string | number | Date }>(
+  function FormatTimeBasedOnYear({ date }) {
+    return <>{formatTimeBasedOnYear(date)}</>
+  }
+)
diff --git a/services/web/frontend/js/shared/components/generic-error-boundary-fallback.tsx b/services/web/frontend/js/shared/components/generic-error-boundary-fallback.tsx
new file mode 100644
index 0000000..9a2cfc7
--- /dev/null
+++ b/services/web/frontend/js/shared/components/generic-error-boundary-fallback.tsx
@@ -0,0 +1,31 @@
+import { FC } from 'react'
+import { useTranslation } from 'react-i18next'
+import { useLocation } from '../hooks/use-location'
+import { DefaultMessage } from './default-message'
+import MaterialIcon from './material-icon'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+export const GenericErrorBoundaryFallback: FC = ({ children }) => {
+  const { t } = useTranslation()
+  const { reload: handleClick } = useLocation()
+
+  return (
+    <div className="error-boundary-container">
+      <MaterialIcon
+        accessibilityLabel={`${t('generic_something_went_wrong')} ${t(
+          'please_refresh'
+        )}`}
+        type="warning"
+        size="2x"
+      />
+      {children || (
+        <div className="error-message">
+          <DefaultMessage className="small" style={{ fontWeight: 'bold' }} />
+        </div>
+      )}
+      <OLButton variant="primary" onClick={handleClick}>
+        {t('refresh')}
+      </OLButton>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/shared/components/history.ts b/services/web/frontend/js/shared/components/history.ts
new file mode 100644
index 0000000..44d801d
--- /dev/null
+++ b/services/web/frontend/js/shared/components/history.ts
@@ -0,0 +1,7 @@
+// window.history-related functions in a separate module so they can be mocked/stubbed in tests
+
+export const history = {
+  pushState(data: any, unused: string, url?: string | URL | null) {
+    window.history.pushState(data, unused, url)
+  },
+}
diff --git a/services/web/frontend/js/shared/components/icon-checked.jsx b/services/web/frontend/js/shared/components/icon-checked.jsx
new file mode 100644
index 0000000..0409327
--- /dev/null
+++ b/services/web/frontend/js/shared/components/icon-checked.jsx
@@ -0,0 +1,10 @@
+import { useTranslation } from 'react-i18next'
+
+import Icon from './icon'
+
+function IconChecked() {
+  const { t } = useTranslation()
+  return <Icon type="check" fw accessibilityLabel={t('selected')} />
+}
+
+export default IconChecked
diff --git a/services/web/frontend/js/shared/components/icon.tsx b/services/web/frontend/js/shared/components/icon.tsx
new file mode 100644
index 0000000..052b05e
--- /dev/null
+++ b/services/web/frontend/js/shared/components/icon.tsx
@@ -0,0 +1,44 @@
+import classNames from 'classnames'
+
+type IconOwnProps = {
+  type: string
+  spin?: boolean
+  fw?: boolean
+  modifier?: string
+  accessibilityLabel?: string
+}
+
+export type IconProps = IconOwnProps &
+  Omit<React.ComponentProps<'i'>, keyof IconOwnProps>
+
+function Icon({
+  type,
+  spin,
+  fw,
+  modifier,
+  className = '',
+  accessibilityLabel,
+  ...rest
+}: IconProps) {
+  const iconClassName = classNames(
+    'fa',
+    `fa-${type}`,
+    {
+      'fa-spin': spin,
+      'fa-fw': fw,
+      [`fa-${modifier}`]: modifier,
+    },
+    className
+  )
+
+  return (
+    <>
+      <i className={iconClassName} aria-hidden="true" {...rest} />
+      {accessibilityLabel && (
+        <span className="visually-hidden">{accessibilityLabel}</span>
+      )}
+    </>
+  )
+}
+
+export default Icon
diff --git a/services/web/frontend/js/shared/components/interstitial.tsx b/services/web/frontend/js/shared/components/interstitial.tsx
new file mode 100644
index 0000000..da3386b
--- /dev/null
+++ b/services/web/frontend/js/shared/components/interstitial.tsx
@@ -0,0 +1,26 @@
+import classNames from 'classnames'
+import overleafLogo from '@/shared/svgs/overleaf.svg'
+
+type InterstitialProps = {
+  className?: string
+  contentClassName?: string
+  children: React.ReactNode
+  showLogo: boolean
+  title?: string
+}
+
+export function Interstitial({
+  className,
+  contentClassName,
+  children,
+  showLogo,
+  title,
+}: InterstitialProps) {
+  return (
+    <div className={classNames('interstitial', className)}>
+      {showLogo && <img className="logo" src={overleafLogo} alt="Overleaf" />}
+      {title && <h1 className="h3 interstitial-header">{title}</h1>}
+      <div className={classNames(contentClassName)}>{children}</div>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/shared/components/labs/labs-experiments-widget.tsx b/services/web/frontend/js/shared/components/labs/labs-experiments-widget.tsx
new file mode 100644
index 0000000..5967497
--- /dev/null
+++ b/services/web/frontend/js/shared/components/labs/labs-experiments-widget.tsx
@@ -0,0 +1,145 @@
+import { ReactNode, useCallback } from 'react'
+import { useTranslation } from 'react-i18next'
+import OLBadge from '@/features/ui/components/ol/ol-badge'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import { postJSON } from '@/infrastructure/fetch-json'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import getMeta from '@/utils/meta'
+
+type IntegrationLinkingWidgetProps = {
+  logo: ReactNode
+  title: string
+  description: string
+  helpPath?: string
+  labsEnabled?: boolean
+  experimentName: string
+  setErrorMessage: (message: string) => void
+  optedIn: boolean
+  setOptedIn: (optedIn: boolean) => void
+}
+
+export function LabsExperimentWidget({
+  logo,
+  title,
+  description,
+  helpPath,
+  labsEnabled,
+  experimentName,
+  setErrorMessage,
+  optedIn,
+  setOptedIn,
+}: IntegrationLinkingWidgetProps) {
+  const { t } = useTranslation()
+
+  const experimentsErrorMessage = t(
+    'we_are_unable_to_opt_you_into_this_experiment'
+  )
+
+  const allowedExperiments = getMeta('ol-allowedExperiments')
+  const disabled = !allowedExperiments.includes(experimentName) && !optedIn
+
+  const handleEnable = useCallback(async () => {
+    try {
+      const enablePath = `/labs/participate/experiments/${experimentName}/opt-in`
+      await postJSON(enablePath)
+      setOptedIn(true)
+    } catch (err) {
+      setErrorMessage(experimentsErrorMessage)
+    }
+  }, [experimentName, setErrorMessage, experimentsErrorMessage, setOptedIn])
+
+  const handleDisable = useCallback(async () => {
+    try {
+      const disablePath = `/labs/participate/experiments/${experimentName}/opt-out`
+      await postJSON(disablePath)
+      setOptedIn(false)
+    } catch (err) {
+      setErrorMessage(experimentsErrorMessage)
+    }
+  }, [experimentName, setErrorMessage, experimentsErrorMessage, setOptedIn])
+
+  return (
+    <div
+      className={`labs-experiment-widget-container ${disabled ? 'disabled-experiment' : ''}`}
+    >
+      <div className="experiment-logo-container">{logo}</div>
+      <div className="description-container">
+        <div className="title-row">
+          <h3 className="h4">{title}</h3>
+          {optedIn && <OLBadge bg="info">{t('enabled')}</OLBadge>}
+        </div>
+        <p className="small">
+          {description}{' '}
+          {helpPath && (
+            <a href={helpPath} target="_blank" rel="noreferrer">
+              {t('learn_more')}
+            </a>
+          )}
+        </p>
+      </div>
+      {disabled && (
+        <div className="disabled-explanation">{t('experiment_full')}</div>
+      )}
+      <div>
+        {labsEnabled && (
+          <ActionButton
+            optedIn={optedIn}
+            handleDisable={handleDisable}
+            handleEnable={handleEnable}
+            disabled={disabled}
+          />
+        )}
+      </div>
+    </div>
+  )
+}
+
+type ActionButtonProps = {
+  optedIn?: boolean
+  disabled?: boolean
+  handleEnable: () => void
+  handleDisable: () => void
+}
+
+function ActionButton({
+  optedIn,
+  disabled,
+  handleEnable,
+  handleDisable,
+}: ActionButtonProps) {
+  const { t } = useTranslation()
+
+  if (optedIn) {
+    return (
+      <OLButton variant="secondary" onClick={handleDisable}>
+        {t('turn_off')}
+      </OLButton>
+    )
+  } else if (disabled) {
+    const tooltipableButton = (
+      <div className="d-inline-block">
+        <OLButton variant="primary" disabled>
+          {t('turn_on')}
+        </OLButton>
+      </div>
+    )
+
+    return (
+      <OLTooltip
+        id="experiment-disabled"
+        description={t('this_experiment_isnt_accepting_new_participants')}
+        overlayProps={{ delay: 0 }}
+      >
+        {tooltipableButton}
+      </OLTooltip>
+    )
+  } else {
+    return (
+      <OLButton variant="primary" onClick={handleEnable}>
+        {t('turn_on')}
+      </OLButton>
+    )
+  }
+}
+
+export default LabsExperimentWidget
diff --git a/services/web/frontend/js/shared/components/loading-branded.tsx b/services/web/frontend/js/shared/components/loading-branded.tsx
new file mode 100644
index 0000000..21079b7
--- /dev/null
+++ b/services/web/frontend/js/shared/components/loading-branded.tsx
@@ -0,0 +1,37 @@
+type LoadingBrandedTypes = {
+  loadProgress: number // Percentage
+  label?: string
+  hasError?: boolean
+}
+
+export default function LoadingBranded({
+  loadProgress,
+  label,
+  hasError = false,
+}: LoadingBrandedTypes) {
+  return (
+    <>
+      <div className="loading-screen-brand-container">
+        <div
+          className="loading-screen-brand"
+          style={{ height: `${loadProgress}%` }}
+        />
+      </div>
+
+      {!hasError && (
+        <div className="h3 loading-screen-label" aria-live="polite">
+          {label}
+          <span className="loading-screen-ellip" aria-hidden="true">
+            .
+          </span>
+          <span className="loading-screen-ellip" aria-hidden="true">
+            .
+          </span>
+          <span className="loading-screen-ellip" aria-hidden="true">
+            .
+          </span>
+        </div>
+      )}
+    </>
+  )
+}
diff --git a/services/web/frontend/js/shared/components/loading-spinner.tsx b/services/web/frontend/js/shared/components/loading-spinner.tsx
new file mode 100644
index 0000000..7d94f41
--- /dev/null
+++ b/services/web/frontend/js/shared/components/loading-spinner.tsx
@@ -0,0 +1,83 @@
+import { useTranslation } from 'react-i18next'
+import { useEffect, useState } from 'react'
+import OLSpinner, {
+  OLSpinnerSize,
+} from '@/features/ui/components/ol/ol-spinner'
+import classNames from 'classnames'
+
+function LoadingSpinner({
+  align,
+  delay = 0,
+  loadingText,
+  size = 'sm',
+  className,
+}: {
+  align?: 'left' | 'center'
+  delay?: 0 | 500 // 500 is our standard delay
+  loadingText?: string
+  size?: OLSpinnerSize
+  className?: string
+}) {
+  const { t } = useTranslation()
+
+  const [show, setShow] = useState(false)
+
+  useEffect(() => {
+    // Ensure that spinner is displayed immediately if delay is 0
+    if (delay === 0) {
+      setShow(true)
+      return
+    }
+
+    const timer = window.setTimeout(() => {
+      setShow(true)
+    }, delay)
+
+    return () => {
+      window.clearTimeout(timer)
+    }
+  }, [delay])
+
+  if (!show) {
+    return null
+  }
+
+  return (
+    <div
+      className={classNames(
+        'loading',
+        className,
+        align === 'left' ? 'align-items-start' : 'align-items-center'
+      )}
+    >
+      <OLSpinner size={size} />
+      &nbsp;
+      {loadingText || `${t('loading')}…`}
+    </div>
+  )
+}
+
+export default LoadingSpinner
+
+export function FullSizeLoadingSpinner({
+  delay = 0,
+  minHeight,
+  loadingText,
+  size = 'sm',
+  className,
+}: {
+  delay?: 0 | 500
+  minHeight?: string
+  loadingText?: string
+  size?: OLSpinnerSize
+  className?: string
+}) {
+  return (
+    <div
+      className={classNames('full-size-loading-spinner-container', className)}
+      style={{ minHeight }}
+    >
+      <LoadingSpinner size={size} loadingText={loadingText} delay={delay} />
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/shared/components/location.js b/services/web/frontend/js/shared/components/location.js
new file mode 100644
index 0000000..287bba2
--- /dev/null
+++ b/services/web/frontend/js/shared/components/location.js
@@ -0,0 +1,27 @@
+// window location-related functions in a separate module so they can be mocked/stubbed in tests
+
+export const location = {
+  get href() {
+    // eslint-disable-next-line no-restricted-syntax
+    return window.location.href
+  },
+  assign(url) {
+    // eslint-disable-next-line no-restricted-syntax
+    window.location.assign(url)
+  },
+  replace(url) {
+    // eslint-disable-next-line no-restricted-syntax
+    window.location.replace(url)
+  },
+  reload() {
+    // eslint-disable-next-line no-restricted-syntax
+    window.location.reload()
+  },
+  setHash(hash) {
+    window.location.hash = hash
+  },
+  toString() {
+    // eslint-disable-next-line no-restricted-syntax
+    return window.location.toString()
+  },
+}
diff --git a/services/web/frontend/js/shared/components/material-icon.tsx b/services/web/frontend/js/shared/components/material-icon.tsx
new file mode 100644
index 0000000..43a789b
--- /dev/null
+++ b/services/web/frontend/js/shared/components/material-icon.tsx
@@ -0,0 +1,51 @@
+import classNames from 'classnames'
+import React from 'react'
+import unfilledIconTypes from '../../../fonts/material-symbols/unfilled-symbols.mjs'
+
+export type AvailableUnfilledIcon = (typeof unfilledIconTypes)[number]
+
+type BaseIconProps = React.ComponentProps<'i'> & {
+  accessibilityLabel?: string
+  modifier?: string
+  size?: '2x'
+}
+
+type FilledIconProps = BaseIconProps & {
+  type: string
+  unfilled?: false
+}
+
+type UnfilledIconProps = BaseIconProps & {
+  type: AvailableUnfilledIcon
+  unfilled: true
+}
+
+type IconProps = FilledIconProps | UnfilledIconProps
+
+function MaterialIcon({
+  type,
+  className,
+  accessibilityLabel,
+  modifier,
+  size,
+  unfilled,
+  ...rest
+}: IconProps) {
+  const iconClassName = classNames('material-symbols', className, modifier, {
+    [`size-${size}`]: size,
+    unfilled,
+  })
+
+  return (
+    <>
+      <span className={iconClassName} aria-hidden="true" {...rest}>
+        {type}
+      </span>
+      {accessibilityLabel && (
+        <span className="visually-hidden">{accessibilityLabel}</span>
+      )}
+    </>
+  )
+}
+
+export default MaterialIcon
diff --git a/services/web/frontend/js/shared/components/menu-bar/menu-bar-dropdown.tsx b/services/web/frontend/js/shared/components/menu-bar/menu-bar-dropdown.tsx
new file mode 100644
index 0000000..b69c838
--- /dev/null
+++ b/services/web/frontend/js/shared/components/menu-bar/menu-bar-dropdown.tsx
@@ -0,0 +1,145 @@
+import {
+  Dropdown,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import { FC, forwardRef, useCallback } from 'react'
+import classNames from 'classnames'
+import { useNestableDropdown } from '@/shared/hooks/use-nestable-dropdown'
+import { NestableDropdownContextProvider } from '@/shared/context/nestable-dropdown-context'
+import { AnchorProps } from 'react-bootstrap-5'
+import MaterialIcon from '../material-icon'
+import { DropdownMenuProps } from '@/features/ui/components/types/dropdown-menu-props'
+
+type MenuBarDropdownProps = {
+  title: string
+  id: string
+  className?: string
+  align?: 'start' | 'end'
+}
+
+export const MenuBarDropdown: FC<MenuBarDropdownProps> = ({
+  title,
+  children,
+  id,
+  className,
+  align = 'start',
+}) => {
+  const { menuId, selected, setSelected } = useNestableDropdown()
+
+  const onToggle = useCallback(
+    show => {
+      setSelected(show ? id : null)
+    },
+    [id, setSelected]
+  )
+
+  const onHover = useCallback(() => {
+    setSelected(prev => {
+      if (prev === null) {
+        return null
+      }
+      return id
+    })
+  }, [id, setSelected])
+
+  return (
+    <Dropdown
+      show={selected === id}
+      align={align}
+      onToggle={onToggle}
+      autoClose
+    >
+      <DropdownToggle
+        id={`${menuId}-${id}`}
+        variant="secondary"
+        className={classNames(className, 'menu-bar-toggle')}
+        onMouseEnter={onHover}
+      >
+        {title}
+      </DropdownToggle>
+      <NestableDropdownMenu renderOnMount id={`${menuId}-${id}`}>
+        {children}
+      </NestableDropdownMenu>
+    </Dropdown>
+  )
+}
+
+const NestableDropdownMenu: FC<DropdownMenuProps & { id: string }> = ({
+  children,
+  id,
+  ...props
+}) => {
+  return (
+    <DropdownMenu {...props}>
+      <NestableDropdownContextProvider id={id}>
+        {children}
+      </NestableDropdownContextProvider>
+    </DropdownMenu>
+  )
+}
+
+const NestedDropdownToggle: FC = forwardRef<HTMLAnchorElement, AnchorProps>(
+  function NestedDropdownToggle(
+    { children, className, onMouseEnter, id },
+    ref
+  ) {
+    return (
+      // eslint-disable-next-line jsx-a11y/anchor-is-valid
+      <a
+        id={id}
+        href="#"
+        ref={ref}
+        onMouseEnter={onMouseEnter}
+        onClick={onMouseEnter}
+        className={classNames(
+          className,
+          'nested-dropdown-toggle',
+          'dropdown-item'
+        )}
+      >
+        {children}
+        <MaterialIcon type="chevron_right" />
+      </a>
+    )
+  }
+)
+
+export const NestedMenuBarDropdown: FC<{ id: string; title: string }> = ({
+  children,
+  id,
+  title,
+}) => {
+  const { menuId, selected, setSelected } = useNestableDropdown()
+  const select = useCallback(() => {
+    setSelected(id)
+  }, [id, setSelected])
+  const onToggle = useCallback(
+    show => {
+      setSelected(show ? id : null)
+    },
+    [setSelected, id]
+  )
+  const active = selected === id
+  return (
+    <Dropdown
+      align="start"
+      drop="end"
+      show={active}
+      autoClose
+      onToggle={onToggle}
+    >
+      <DropdownToggle
+        id={`${menuId}-${id}`}
+        onMouseEnter={select}
+        className={classNames({ 'nested-dropdown-toggle-shown': active })}
+        as={NestedDropdownToggle}
+      >
+        {title}
+      </DropdownToggle>
+      <NestableDropdownMenu renderOnMount id={`${menuId}-${id}`}>
+        {children}
+      </NestableDropdownMenu>
+    </Dropdown>
+  )
+}
diff --git a/services/web/frontend/js/shared/components/menu-bar/menu-bar-option.tsx b/services/web/frontend/js/shared/components/menu-bar/menu-bar-option.tsx
new file mode 100644
index 0000000..692f555
--- /dev/null
+++ b/services/web/frontend/js/shared/components/menu-bar/menu-bar-option.tsx
@@ -0,0 +1,41 @@
+import DropdownListItem from '@/features/ui/components/bootstrap-5/dropdown-list-item'
+import { DropdownItem } from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import { useNestableDropdown } from '@/shared/hooks/use-nestable-dropdown'
+import { MouseEventHandler, ReactNode } from 'react'
+
+type MenuBarOptionProps = {
+  title: string
+  onClick?: MouseEventHandler
+  disabled?: boolean
+  trailingIcon?: ReactNode
+  href?: string
+  target?: string
+  rel?: string
+}
+
+export const MenuBarOption = ({
+  title,
+  onClick,
+  href,
+  disabled,
+  trailingIcon,
+  target,
+  rel,
+}: MenuBarOptionProps) => {
+  const { setSelected } = useNestableDropdown()
+  return (
+    <DropdownListItem>
+      <DropdownItem
+        onMouseEnter={() => setSelected(null)}
+        onClick={onClick}
+        disabled={disabled}
+        trailingIcon={trailingIcon}
+        href={href}
+        rel={rel}
+        target={target}
+      >
+        {title}
+      </DropdownItem>
+    </DropdownListItem>
+  )
+}
diff --git a/services/web/frontend/js/shared/components/menu-bar/menu-bar.tsx b/services/web/frontend/js/shared/components/menu-bar/menu-bar.tsx
new file mode 100644
index 0000000..4236bfa
--- /dev/null
+++ b/services/web/frontend/js/shared/components/menu-bar/menu-bar.tsx
@@ -0,0 +1,16 @@
+import { NestableDropdownContextProvider } from '@/shared/context/nestable-dropdown-context'
+import { FC, HTMLProps } from 'react'
+
+export const MenuBar: FC<HTMLProps<HTMLDivElement> & { id: string }> = ({
+  children,
+  id,
+  ...props
+}) => {
+  return (
+    <div {...props}>
+      <NestableDropdownContextProvider id={id}>
+        {children}
+      </NestableDropdownContextProvider>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/shared/components/notification-scrolled-to.tsx b/services/web/frontend/js/shared/components/notification-scrolled-to.tsx
new file mode 100644
index 0000000..e2b909b
--- /dev/null
+++ b/services/web/frontend/js/shared/components/notification-scrolled-to.tsx
@@ -0,0 +1,50 @@
+import Notification, {
+  NotificationProps,
+} from '@/shared/components/notification'
+import { useEffect } from 'react'
+
+function elementIsInView(el: HTMLElement) {
+  const scroll = window.scrollY
+  const boundsTop = el.getBoundingClientRect().top + scroll
+
+  const viewport = {
+    top: scroll,
+    bottom: scroll + window.innerHeight,
+  }
+
+  const bounds = {
+    top: boundsTop,
+    bottom: boundsTop + el.clientHeight,
+  }
+
+  return (
+    (bounds.bottom >= viewport.top && bounds.bottom <= viewport.bottom) ||
+    (bounds.top <= viewport.bottom && bounds.top >= viewport.top)
+  )
+}
+
+function NotificationScrolledTo({ ...props }: NotificationProps) {
+  useEffect(() => {
+    if (props.id) {
+      const alert = document.getElementById(props.id)
+      if (alert && !elementIsInView(alert)) {
+        alert.scrollIntoView({ behavior: 'smooth' })
+      }
+    }
+  }, [props])
+
+  const notificationProps = { ...props }
+
+  if (!notificationProps.className) {
+    notificationProps.className = ''
+  }
+
+  notificationProps.className = `${notificationProps.className} notification-with-scroll-margin`
+
+  return (
+    <div className="notification-list">
+      <Notification {...notificationProps} />
+    </div>
+  )
+}
+export default NotificationScrolledTo
diff --git a/services/web/frontend/js/shared/components/notification.tsx b/services/web/frontend/js/shared/components/notification.tsx
new file mode 100644
index 0000000..e4be7d5
--- /dev/null
+++ b/services/web/frontend/js/shared/components/notification.tsx
@@ -0,0 +1,126 @@
+// to be kept in sync with app/views/_mixins/notification.pug
+
+import classNames from 'classnames'
+import React, { ReactElement, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import MaterialIcon from './material-icon'
+
+export type NotificationType =
+  | 'info'
+  | 'success'
+  | 'warning'
+  | 'error'
+  | 'offer'
+
+export type NotificationProps = {
+  action?: React.ReactElement
+  ariaLive?: 'polite' | 'off' | 'assertive'
+  className?: string
+  content: React.ReactNode
+  customIcon?: React.ReactElement | null
+  disclaimer?: React.ReactElement | string
+  isDismissible?: boolean
+  isActionBelowContent?: boolean
+  onDismiss?: () => void
+  title?: string
+  type: NotificationType
+  id?: string
+}
+
+export function NotificationIcon({
+  notificationType,
+  customIcon,
+}: {
+  notificationType: NotificationType
+  customIcon?: ReactElement
+}) {
+  let icon = <MaterialIcon type="info" />
+
+  if (customIcon) {
+    icon = customIcon
+  } else if (notificationType === 'success') {
+    icon = <MaterialIcon type="check_circle" />
+  } else if (notificationType === 'warning') {
+    icon = <MaterialIcon type="warning" />
+  } else if (notificationType === 'error') {
+    icon = <MaterialIcon type="error" />
+  } else if (notificationType === 'offer') {
+    icon = <MaterialIcon type="campaign" />
+  }
+  return <div className="notification-icon">{icon}</div>
+}
+
+function Notification({
+  action,
+  ariaLive,
+  className = '',
+  content,
+  customIcon,
+  disclaimer,
+  isActionBelowContent,
+  isDismissible,
+  onDismiss,
+  title,
+  type,
+  id,
+}: NotificationProps) {
+  type = type || 'info'
+  const { t } = useTranslation()
+  const [show, setShow] = useState(true)
+
+  const notificationClassName = classNames(
+    'notification',
+    `notification-type-${type}`,
+    isActionBelowContent ? 'notification-cta-below-content' : '',
+    className
+  )
+
+  const handleDismiss = () => {
+    setShow(false)
+    if (onDismiss) onDismiss()
+  }
+
+  // return null
+
+  if (!show) {
+    return null
+  }
+
+  return (
+    <div
+      className={notificationClassName}
+      aria-live={ariaLive || 'off'}
+      role="alert"
+      id={id}
+    >
+      {customIcon !== null && (
+        <NotificationIcon notificationType={type} customIcon={customIcon} />
+      )}
+
+      <div className="notification-content-and-cta">
+        <div className="notification-content">
+          {title && (
+            <p>
+              <b>{title}</b>
+            </p>
+          )}
+          {content}
+        </div>
+        {action && <div className="notification-cta">{action}</div>}
+        {disclaimer && (
+          <div className="notification-disclaimer">{disclaimer}</div>
+        )}
+      </div>
+
+      {isDismissible && (
+        <div className="notification-close-btn">
+          <button aria-label={t('close')} onClick={handleDismiss}>
+            <MaterialIcon type="close" />
+          </button>
+        </div>
+      )}
+    </div>
+  )
+}
+
+export default Notification
diff --git a/services/web/frontend/js/shared/components/pagination.jsx b/services/web/frontend/js/shared/components/pagination.jsx
new file mode 100644
index 0000000..b23cceb
--- /dev/null
+++ b/services/web/frontend/js/shared/components/pagination.jsx
@@ -0,0 +1,170 @@
+import { useMemo } from 'react'
+import PropTypes from 'prop-types'
+import classNames from 'classnames'
+import { useTranslation } from 'react-i18next'
+
+function Pagination({ currentPage, totalPages, handlePageClick }) {
+  const { t } = useTranslation()
+
+  const maxOtherPageButtons = useMemo(() => {
+    let maxOtherPageButtons = 4 // does not include current page, prev/next buttons
+    if (totalPages < maxOtherPageButtons + 1) {
+      maxOtherPageButtons = totalPages - 1
+    }
+    return maxOtherPageButtons
+  }, [totalPages])
+
+  const pageButtons = useMemo(() => {
+    const result = []
+    let nextPage = currentPage + 1
+    let prevPage = currentPage - 1
+
+    function calcPages() {
+      if (nextPage && nextPage <= totalPages) {
+        result.push(nextPage)
+        nextPage++
+      } else {
+        nextPage = undefined
+      }
+
+      if (prevPage && prevPage > 0) {
+        result.push(prevPage)
+        prevPage--
+      } else {
+        prevPage = undefined
+      }
+    }
+
+    while (result.length < maxOtherPageButtons) {
+      calcPages()
+    }
+
+    result.push(currentPage) // wait until prev/next calculated to add current
+    result.sort((a, b) => a - b) // sort numerically
+
+    return result
+  }, [currentPage, totalPages, maxOtherPageButtons])
+
+  const morePrevPages = useMemo(() => {
+    return pageButtons[0] !== 1 && currentPage - maxOtherPageButtons / 2 > 1
+  }, [pageButtons, currentPage, maxOtherPageButtons])
+
+  const moreNextPages = useMemo(() => {
+    return pageButtons[pageButtons.length - 1] < totalPages
+  }, [pageButtons, totalPages])
+
+  return (
+    <nav role="navigation" aria-label={t('pagination_navigation')}>
+      <ul className="pagination">
+        {currentPage > 1 && (
+          <li>
+            <button
+              onClick={event => handlePageClick(event, currentPage - 1)}
+              aria-label={t('go_prev_page')}
+            >
+              «
+            </button>
+          </li>
+        )}
+
+        {morePrevPages && (
+          <li>
+            <span className="ellipses">…</span>
+          </li>
+        )}
+
+        {pageButtons.map(page => (
+          <PaginationItem
+            key={`prev-page-${page}`}
+            page={page}
+            currentPage={currentPage}
+            handlePageClick={handlePageClick}
+          />
+        ))}
+
+        {moreNextPages && (
+          <li>
+            <span className="ellipses">…</span>
+          </li>
+        )}
+
+        {currentPage < totalPages && (
+          <li>
+            <button
+              onClick={event => handlePageClick(event, currentPage + 1)}
+              aria-label={t('go_next_page')}
+            >
+              »
+            </button>
+          </li>
+        )}
+      </ul>
+    </nav>
+  )
+}
+
+function PaginationItem({ page, currentPage, handlePageClick }) {
+  const { t } = useTranslation()
+  const itemClassName = classNames({ active: currentPage === page })
+  const ariaCurrent = currentPage === page
+  const ariaLabel =
+    currentPage === page ? t('page_current', { page }) : t('go_page', { page })
+  return (
+    <li className={itemClassName}>
+      <button
+        aria-current={ariaCurrent}
+        onClick={event => handlePageClick(event, page)}
+        aria-label={ariaLabel}
+      >
+        {page}
+      </button>
+    </li>
+  )
+}
+
+function isPositiveNumber(value) {
+  return typeof value === 'number' && value > 0
+}
+
+function isCurrentPageWithinTotalPages(currentPage, totalPages) {
+  return currentPage <= totalPages
+}
+
+Pagination.propTypes = {
+  currentPage: function (props, propName, componentName) {
+    if (
+      !isPositiveNumber(props[propName]) ||
+      !isCurrentPageWithinTotalPages(props.currentPage, props.totalPages)
+    ) {
+      return new Error(
+        'Invalid prop `' +
+          propName +
+          '` supplied to' +
+          ' `' +
+          componentName +
+          '`. Validation failed.'
+      )
+    }
+  },
+  totalPages: function (props, propName, componentName) {
+    if (!isPositiveNumber(props[propName])) {
+      return new Error(
+        'Invalid prop `' +
+          propName +
+          '` supplied to' +
+          ' `' +
+          componentName +
+          '`. Validation failed.'
+      )
+    }
+  },
+  handlePageClick: PropTypes.func.isRequired,
+}
+
+PaginationItem.propTypes = {
+  currentPage: PropTypes.number.isRequired,
+  page: PropTypes.number.isRequired,
+  handlePageClick: PropTypes.func.isRequired,
+}
+
+export default Pagination
diff --git a/services/web/frontend/js/shared/components/panel-heading.tsx b/services/web/frontend/js/shared/components/panel-heading.tsx
new file mode 100644
index 0000000..bdec337
--- /dev/null
+++ b/services/web/frontend/js/shared/components/panel-heading.tsx
@@ -0,0 +1,38 @@
+import { FC } from 'react'
+import SplitTestBadge from '@/shared/components/split-test-badge'
+import MaterialIcon from '@/shared/components/material-icon'
+import { useTranslation } from 'react-i18next'
+
+export const PanelHeading: FC<{
+  title: string
+  splitTestName?: string
+  children?: React.ReactNode
+  handleClose(): void
+}> = ({ title, splitTestName, children, handleClose }) => {
+  const { t } = useTranslation()
+
+  return (
+    <div className="panel-heading">
+      <div className="panel-heading-label">
+        <span>{title}</span>
+        {splitTestName && (
+          <SplitTestBadge
+            splitTestName={splitTestName}
+            displayOnVariants={['enabled']}
+          />
+        )}
+      </div>
+
+      {children}
+
+      <button
+        type="button"
+        className="btn panel-heading-close-button"
+        aria-label={t('close')}
+        onClick={handleClose}
+      >
+        <MaterialIcon type="close" />
+      </button>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/shared/components/polymorphic-component.tsx b/services/web/frontend/js/shared/components/polymorphic-component.tsx
new file mode 100644
index 0000000..44cbb0e
--- /dev/null
+++ b/services/web/frontend/js/shared/components/polymorphic-component.tsx
@@ -0,0 +1,19 @@
+import { MergeAndOverride } from '../../../../types/utils'
+
+type PolymorphicComponentOwnProps<E extends React.ElementType> = {
+  as?: E
+}
+
+export type PolymorphicComponentProps<E extends React.ElementType> =
+  MergeAndOverride<React.ComponentProps<E>, PolymorphicComponentOwnProps<E>>
+
+function PolymorphicComponent<E extends React.ElementType = 'div'>({
+  as,
+  ...props
+}: PolymorphicComponentProps<E>) {
+  const Component = as || 'div'
+
+  return <Component {...props} />
+}
+
+export default PolymorphicComponent
diff --git a/services/web/frontend/js/shared/components/processing.jsx b/services/web/frontend/js/shared/components/processing.jsx
new file mode 100644
index 0000000..6580ff2
--- /dev/null
+++ b/services/web/frontend/js/shared/components/processing.jsx
@@ -0,0 +1,23 @@
+import PropTypes from 'prop-types'
+import { useTranslation } from 'react-i18next'
+import Icon from './icon'
+
+function Processing({ isProcessing }) {
+  const { t } = useTranslation()
+  if (isProcessing) {
+    return (
+      <div aria-live="polite">
+        {t('processing')}…&nbsp;
+        <Icon type="refresh" fw spin />
+      </div>
+    )
+  } else {
+    return <></>
+  }
+}
+
+Processing.propTypes = {
+  isProcessing: PropTypes.bool.isRequired,
+}
+
+export default Processing
diff --git a/services/web/frontend/js/shared/components/radio-chip.tsx b/services/web/frontend/js/shared/components/radio-chip.tsx
new file mode 100644
index 0000000..0909f11
--- /dev/null
+++ b/services/web/frontend/js/shared/components/radio-chip.tsx
@@ -0,0 +1,42 @@
+import React from 'react'
+
+type RadioChipProps<ValueType> = {
+  checked?: boolean
+  disabled?: boolean
+  name: string
+  onChange: (value: ValueType) => void
+  required?: boolean
+  label: React.ReactElement | string
+  value: ValueType
+}
+
+const RadioChip = <T extends string>({
+  checked,
+  disabled,
+  name,
+  onChange,
+  label,
+  required,
+  value,
+}: RadioChipProps<T>) => {
+  const handleChange = () => {
+    onChange(value)
+  }
+
+  return (
+    <label className="radio-chip" data-disabled={disabled ? 'true' : undefined}>
+      <input
+        checked={checked}
+        disabled={disabled}
+        name={name}
+        onChange={handleChange}
+        type="radio"
+        required={required}
+        value={value}
+      />
+      {label}
+    </label>
+  )
+}
+
+export default RadioChip
diff --git a/services/web/frontend/js/shared/components/recaptcha-2.tsx b/services/web/frontend/js/shared/components/recaptcha-2.tsx
new file mode 100644
index 0000000..edca153
--- /dev/null
+++ b/services/web/frontend/js/shared/components/recaptcha-2.tsx
@@ -0,0 +1,36 @@
+import ReCAPTCHA from 'react-google-recaptcha'
+import getMeta from '@/utils/meta'
+import { ExposedSettings } from '../../../../types/exposed-settings'
+
+interface ReCaptcha2Props
+  extends Pick<React.ComponentProps<typeof ReCAPTCHA>, 'onChange'> {
+  page: keyof ExposedSettings['recaptchaDisabled']
+  recaptchaRef: React.LegacyRef<ReCAPTCHA>
+}
+
+export function ReCaptcha2({
+  page: site,
+  onChange,
+  recaptchaRef,
+}: ReCaptcha2Props) {
+  const { recaptchaSiteKey, recaptchaDisabled } = getMeta('ol-ExposedSettings')
+
+  if (!recaptchaSiteKey) {
+    return null
+  }
+  if (site && recaptchaDisabled[site]) {
+    return null
+  }
+  if (process.env.NODE_ENV === 'development' && window.Cypress) {
+    return null // Disable captcha for E2E tests in dev-env.
+  }
+  return (
+    <ReCAPTCHA
+      ref={recaptchaRef}
+      size="invisible"
+      sitekey={recaptchaSiteKey}
+      onChange={onChange}
+      badge="inline"
+    />
+  )
+}
diff --git a/services/web/frontend/js/shared/components/recaptcha-conditions.jsx b/services/web/frontend/js/shared/components/recaptcha-conditions.jsx
new file mode 100644
index 0000000..abf9b28
--- /dev/null
+++ b/services/web/frontend/js/shared/components/recaptcha-conditions.jsx
@@ -0,0 +1,32 @@
+import { Trans } from 'react-i18next'
+
+export default function RecaptchaConditions() {
+  // the component link children below will be overwritten by the translation string
+  return (
+    <div className="recaptcha-branding">
+      <Trans
+        i18nKey="recaptcha_conditions"
+        components={{
+          1: (
+            <a
+              rel="noopener noreferrer"
+              target="_blank"
+              href="https://policies.google.com/privacy"
+            >
+              Privacy Policy
+            </a>
+          ),
+          2: (
+            <a
+              rel="noopener noreferrer"
+              target="_blank"
+              href="https://policies.google.com/terms"
+            >
+              Terms of Service
+            </a>
+          ),
+        }}
+      />
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/shared/components/select.tsx b/services/web/frontend/js/shared/components/select.tsx
new file mode 100644
index 0000000..33e9e0c
--- /dev/null
+++ b/services/web/frontend/js/shared/components/select.tsx
@@ -0,0 +1,220 @@
+/* eslint-disable jsx-a11y/label-has-for */
+/* eslint-disable jsx-a11y/label-has-associated-control */
+import {
+  useRef,
+  useEffect,
+  KeyboardEventHandler,
+  useCallback,
+  ReactNode,
+  useState,
+} from 'react'
+import classNames from 'classnames'
+import { useSelect } from 'downshift'
+import { useTranslation } from 'react-i18next'
+import { Form, Spinner } from 'react-bootstrap-5'
+import FormControl from '@/features/ui/components/bootstrap-5/form/form-control'
+import MaterialIcon from '@/shared/components/material-icon'
+import { DropdownItem } from '@/features/ui/components/bootstrap-5/dropdown-menu'
+
+export type SelectProps<T> = {
+  // The items rendered as dropdown options.
+  items: T[]
+  // Stringifies an item of type T. The resulting string is rendered as a dropdown option.
+  itemToString: (item: T | null | undefined) => string
+  // Caption for the dropdown.
+  label?: ReactNode
+  // Attribute used to identify the component inside a Form. This name is used to
+  // retrieve FormData when the form is submitted. The value of the FormData entry
+  // is the string returned by `itemToString(selectedItem)`.
+  name?: string
+  // Hint text displayed in the initial render.
+  defaultText?: string
+  // Initial selected item, displayed in the initial render. When both `defaultText`
+  // and `defaultItem` are set the latter is ignored.
+  defaultItem?: T | null
+  // Stringifies an item. The resulting string is rendered as a subtitle in a dropdown option.
+  itemToSubtitle?: (item: T | null | undefined) => string
+  // Stringifies an item. The resulting string is rendered as a React `key` for each item.
+  itemToKey: (item: T) => string
+  // Callback invoked after the selected item is updated.
+  onSelectedItemChanged?: (item: T | null | undefined) => void
+  // Optionally directly control the selected item.
+  selected?: T | null
+  // When `true` item selection is disabled.
+  disabled?: boolean
+  // Determine which items should be disabled
+  itemToDisabled?: (item: T | null | undefined) => boolean
+  // When `true` displays an "Optional" subtext after the `label` caption.
+  optionalLabel?: boolean
+  // When `true` displays a spinner next to the `label` caption.
+  loading?: boolean
+  // Show a checkmark next to the selected item
+  selectedIcon?: boolean
+  // testId for the input element
+  dataTestId?: string
+}
+
+export const Select = <T,>({
+  items,
+  itemToString = item => (item === null ? '' : String(item)),
+  label,
+  name,
+  defaultText = 'Items',
+  defaultItem,
+  itemToSubtitle,
+  itemToKey,
+  onSelectedItemChanged,
+  selected,
+  disabled = false,
+  itemToDisabled,
+  optionalLabel = false,
+  loading = false,
+  selectedIcon = false,
+  dataTestId,
+}: SelectProps<T>) => {
+  const [selectedItem, setSelectedItem] = useState<T | undefined | null>(
+    defaultItem
+  )
+
+  const { t } = useTranslation()
+  const {
+    isOpen,
+    getToggleButtonProps,
+    getLabelProps,
+    getMenuProps,
+    getItemProps,
+    highlightedIndex,
+    openMenu,
+    closeMenu,
+  } = useSelect({
+    items: items ?? [],
+    itemToString,
+    selectedItem: selected || defaultItem,
+    onSelectedItemChange: changes => {
+      if (onSelectedItemChanged) {
+        onSelectedItemChanged(changes.selectedItem)
+      }
+      setSelectedItem(changes.selectedItem)
+    },
+  })
+
+  useEffect(() => {
+    setSelectedItem(selected)
+  }, [selected])
+
+  const rootRef = useRef<HTMLDivElement | null>(null)
+  useEffect(() => {
+    if (!name || !rootRef.current) return
+
+    const parentForm: HTMLFormElement | null | undefined =
+      rootRef.current?.closest('form')
+    if (!parentForm) return
+
+    function handleFormDataEvent(event: FormDataEvent) {
+      const data = event.formData
+      const key = name as string // can't be undefined due to early exit in the effect
+      if (selectedItem || defaultItem) {
+        data.append(key, itemToString(selectedItem || defaultItem))
+      }
+    }
+
+    parentForm.addEventListener('formdata', handleFormDataEvent)
+    return () => {
+      parentForm.removeEventListener('formdata', handleFormDataEvent)
+    }
+  }, [name, itemToString, selectedItem, defaultItem])
+
+  const handleMenuKeyDown = (event: React.KeyboardEvent<HTMLUListElement>) => {
+    if (event.key === 'Escape' && isOpen) {
+      event.stopPropagation()
+      closeMenu()
+    }
+  }
+
+  const onKeyDown: KeyboardEventHandler<HTMLButtonElement> = useCallback(
+    event => {
+      if ((event.key === 'Enter' || event.key === ' ') && !isOpen) {
+        event.preventDefault()
+        ;(event.nativeEvent as any).preventDownshiftDefault = true
+        openMenu()
+      }
+    },
+    [isOpen, openMenu]
+  )
+
+  let value: string | undefined
+  if (selectedItem || defaultItem) {
+    value = itemToString(selectedItem || defaultItem)
+  } else {
+    value = defaultText
+  }
+
+  return (
+    <div className="select-wrapper" ref={rootRef}>
+      {label ? (
+        <Form.Label {...getLabelProps()}>
+          {label}{' '}
+          {optionalLabel && (
+            <span className="fw-normal">({t('optional')})</span>
+          )}{' '}
+          {loading && (
+            <span data-testid="spinner">
+              <Spinner
+                animation="border"
+                aria-hidden="true"
+                as="span"
+                role="status"
+                size="sm"
+              />
+            </span>
+          )}
+        </Form.Label>
+      ) : null}
+      <FormControl
+        data-testid={dataTestId}
+        {...getToggleButtonProps({
+          disabled,
+          onKeyDown,
+          className: 'select-trigger',
+        })}
+        value={value}
+        readOnly
+        append={
+          <MaterialIcon
+            type={isOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down'}
+            className="align-text-bottom"
+          />
+        }
+      />
+      <ul
+        {...getMenuProps({ disabled, onKeyDown: handleMenuKeyDown })}
+        className={classNames('dropdown-menu w-100', { show: isOpen })}
+      >
+        {isOpen &&
+          items?.map((item, index) => {
+            const isDisabled = itemToDisabled && itemToDisabled(item)
+            return (
+              <li role="none" key={itemToKey(item)}>
+                <DropdownItem
+                  as="button"
+                  className={classNames({
+                    'select-highlighted': highlightedIndex === index,
+                  })}
+                  active={selectedItem === item}
+                  trailingIcon={
+                    selectedIcon && selectedItem === item ? 'check' : undefined
+                  }
+                  description={
+                    itemToSubtitle ? itemToSubtitle(item) : undefined
+                  }
+                  {...getItemProps({ item, index, disabled: isDisabled })}
+                >
+                  {itemToString(item)}
+                </DropdownItem>
+              </li>
+            )
+          })}
+      </ul>
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/shared/components/split-test-badge.tsx b/services/web/frontend/js/shared/components/split-test-badge.tsx
new file mode 100644
index 0000000..cb13ed5
--- /dev/null
+++ b/services/web/frontend/js/shared/components/split-test-badge.tsx
@@ -0,0 +1,53 @@
+import { useSplitTestContext } from '../context/split-test-context'
+import BetaBadge from './beta-badge'
+
+type TooltipProps = {
+  id?: string
+  className?: string
+}
+
+type SplitTestBadgeProps = {
+  splitTestName: string
+  displayOnVariants: string[]
+  tooltip?: TooltipProps
+}
+
+export default function SplitTestBadge({
+  splitTestName,
+  displayOnVariants,
+  tooltip = {},
+}: SplitTestBadgeProps) {
+  const { splitTestVariants, splitTestInfo } = useSplitTestContext()
+
+  const testInfo = splitTestInfo[splitTestName]
+  if (!testInfo) {
+    return null
+  }
+
+  const variant = splitTestVariants[splitTestName]
+  if (!variant || !displayOnVariants.includes(variant)) {
+    return null
+  }
+
+  return (
+    <BetaBadge
+      tooltip={{
+        id: tooltip.id || `${splitTestName}-badge-tooltip`,
+        className: `split-test-badge-tooltip ${tooltip.className}`,
+        text: testInfo.badgeInfo?.tooltipText || (
+          <>
+            We are testing this new feature.
+            <br />
+            Click to give feedback
+          </>
+        ),
+      }}
+      phase={testInfo.phase}
+      link={{
+        href: testInfo.badgeInfo?.url?.length
+          ? testInfo.badgeInfo?.url
+          : undefined,
+      }}
+    />
+  )
+}
diff --git a/services/web/frontend/js/shared/components/start-free-trial-button.tsx b/services/web/frontend/js/shared/components/start-free-trial-button.tsx
new file mode 100644
index 0000000..3389ebd
--- /dev/null
+++ b/services/web/frontend/js/shared/components/start-free-trial-button.tsx
@@ -0,0 +1,54 @@
+import { MouseEventHandler, useCallback, useEffect } from 'react'
+import { useTranslation } from 'react-i18next'
+import { startFreeTrial } from '@/main/account-upgrade'
+import * as eventTracking from '../../infrastructure/event-tracking'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+type StartFreeTrialButtonProps = {
+  source: string
+  variant?: string
+  buttonProps?: React.ComponentProps<typeof OLButton>
+  children?: React.ReactNode
+  handleClick?: MouseEventHandler<typeof OLButton>
+}
+
+export default function StartFreeTrialButton({
+  buttonProps = {
+    variant: 'secondary',
+  },
+  children,
+  handleClick,
+  source,
+  variant,
+}: StartFreeTrialButtonProps) {
+  const { t } = useTranslation()
+
+  useEffect(() => {
+    const eventSegmentation: { [key: string]: unknown } = {
+      'paywall-type': source,
+    }
+    if (variant) {
+      eventSegmentation.variant = variant
+    }
+    eventTracking.sendMB('paywall-prompt', eventSegmentation)
+  }, [source, variant])
+
+  const onClick = useCallback(
+    event => {
+      event.preventDefault()
+
+      if (handleClick) {
+        handleClick(event)
+      }
+
+      startFreeTrial(source, variant)
+    },
+    [handleClick, source, variant]
+  )
+
+  return (
+    <OLButton {...buttonProps} onClick={onClick}>
+      {children || t('start_free_trial')}
+    </OLButton>
+  )
+}
diff --git a/services/web/frontend/js/shared/components/stepper.tsx b/services/web/frontend/js/shared/components/stepper.tsx
new file mode 100644
index 0000000..1c4311c
--- /dev/null
+++ b/services/web/frontend/js/shared/components/stepper.tsx
@@ -0,0 +1,27 @@
+import classNames from 'classnames'
+import { useTranslation } from 'react-i18next'
+
+export function Stepper({ steps, active }: { steps: number; active: number }) {
+  const { t } = useTranslation()
+  return (
+    <div
+      className="stepper"
+      role="progressbar"
+      aria-label={t('progress_bar_percentage')}
+      aria-valuenow={active + 1}
+      aria-valuemax={steps}
+      tabIndex={0}
+    >
+      {Array.from({ length: steps }).map((_, i) => (
+        <div
+          key={i}
+          className={classNames({
+            step: true,
+            active: i === active,
+            completed: i < active,
+          })}
+        />
+      ))}
+    </div>
+  )
+}
diff --git a/services/web/frontend/js/shared/components/switch.tsx b/services/web/frontend/js/shared/components/switch.tsx
new file mode 100644
index 0000000..1b21600
--- /dev/null
+++ b/services/web/frontend/js/shared/components/switch.tsx
@@ -0,0 +1,26 @@
+import classNames from 'classnames'
+
+type SwitchProps = {
+  onChange: () => void
+  checked: boolean
+  disabled?: boolean
+}
+
+function Switch({ onChange, checked, disabled = false }: SwitchProps) {
+  return (
+    <label className={classNames('switch-input', { disabled })}>
+      <input
+        className="invisible-input"
+        type="checkbox"
+        role="switch"
+        autoComplete="off"
+        onChange={onChange}
+        checked={checked}
+        disabled={disabled}
+      />
+      <span className="switch" />
+    </label>
+  )
+}
+
+export default Switch
diff --git a/services/web/frontend/js/shared/components/system-message.tsx b/services/web/frontend/js/shared/components/system-message.tsx
new file mode 100644
index 0000000..09fe098
--- /dev/null
+++ b/services/web/frontend/js/shared/components/system-message.tsx
@@ -0,0 +1,29 @@
+import Close from './close'
+import usePersistedState from '../hooks/use-persisted-state'
+
+type SystemMessageProps = {
+  id: string
+  children: React.ReactNode
+}
+
+function SystemMessage({ id, children }: SystemMessageProps) {
+  const [hidden, setHidden] = usePersistedState(
+    `systemMessage.hide.${id}`,
+    false
+  )
+
+  if (hidden) {
+    return null
+  }
+
+  return (
+    <li className="system-message">
+      {id !== 'protected' ? (
+        <Close onDismiss={() => setHidden(true)} variant="dark" />
+      ) : null}
+      {children}
+    </li>
+  )
+}
+
+export default SystemMessage
diff --git a/services/web/frontend/js/shared/components/system-messages.tsx b/services/web/frontend/js/shared/components/system-messages.tsx
new file mode 100644
index 0000000..26cac79
--- /dev/null
+++ b/services/web/frontend/js/shared/components/system-messages.tsx
@@ -0,0 +1,50 @@
+import { useEffect } from 'react'
+import SystemMessage from './system-message'
+import TranslationMessage from './translation-message'
+import useAsync from '../hooks/use-async'
+import { getJSON } from '@/infrastructure/fetch-json'
+import getMeta from '../../utils/meta'
+import { SystemMessage as TSystemMessage } from '../../../../types/system-message'
+import { debugConsole } from '@/utils/debugging'
+
+const MESSAGE_POLL_INTERVAL = 15 * 60 * 1000
+
+function SystemMessages() {
+  const { data: messages, runAsync } = useAsync<TSystemMessage[]>()
+  const suggestedLanguage = getMeta('ol-suggestedLanguage')
+
+  useEffect(() => {
+    const pollMessages = () => {
+      // Ignore polling if tab is hidden or browser is offline
+      if (document.hidden || !navigator.onLine) {
+        return
+      }
+
+      runAsync(getJSON('/system/messages')).catch(debugConsole.error)
+    }
+    pollMessages()
+
+    const interval = setInterval(pollMessages, MESSAGE_POLL_INTERVAL)
+
+    return () => {
+      clearInterval(interval)
+    }
+  }, [runAsync])
+
+  if (!messages?.length && !suggestedLanguage) {
+    return null
+  }
+
+  return (
+    <ul className="system-messages">
+      {messages?.map((message, idx) => (
+        <SystemMessage key={idx} id={message._id}>
+          {message.content}
+        </SystemMessage>
+      ))}
+      {suggestedLanguage ? <TranslationMessage /> : null}
+    </ul>
+  )
+}
+
+export default SystemMessages
diff --git a/services/web/frontend/js/shared/components/translation-message.tsx b/services/web/frontend/js/shared/components/translation-message.tsx
new file mode 100644
index 0000000..937a1c2
--- /dev/null
+++ b/services/web/frontend/js/shared/components/translation-message.tsx
@@ -0,0 +1,40 @@
+import { Trans, useTranslation } from 'react-i18next'
+import Close from './close'
+import usePersistedState from '../hooks/use-persisted-state'
+import getMeta from '../../utils/meta'
+
+function TranslationMessage() {
+  const { t } = useTranslation()
+  const [hidden, setHidden] = usePersistedState('hide-i18n-notification', false)
+  const config = getMeta('ol-suggestedLanguage')!
+  const currentUrl = getMeta('ol-currentUrl')
+
+  if (hidden) {
+    return null
+  }
+
+  return (
+    <li className="system-message">
+      <Close onDismiss={() => setHidden(true)} />
+      <div className="text-center">
+        <a href={config.url + currentUrl}>
+          <Trans
+            i18nKey="click_here_to_view_sl_in_lng"
+            components={[<strong />]} // eslint-disable-line react/jsx-key
+            values={{ lngName: config.lngName }}
+            shouldUnescape
+            tOptions={{ interpolation: { escapeValue: true } }}
+          />
+          <img
+            className="ms-1"
+            src={config.imgUrl}
+            alt={t('country_flag', { country: config.lngName })}
+            aria-hidden
+          />
+        </a>
+      </div>
+    </li>
+  )
+}
+
+export default TranslationMessage
diff --git a/services/web/frontend/js/shared/components/upgrade-benefits.jsx b/services/web/frontend/js/shared/components/upgrade-benefits.jsx
new file mode 100644
index 0000000..535b0c8
--- /dev/null
+++ b/services/web/frontend/js/shared/components/upgrade-benefits.jsx
@@ -0,0 +1,48 @@
+import MaterialIcon from '@/shared/components/material-icon'
+import { useTranslation } from 'react-i18next'
+import { memo } from 'react'
+
+function Check() {
+  return <MaterialIcon type="check" />
+}
+
+function UpgradeBenefits() {
+  const { t } = useTranslation()
+
+  return (
+    <ul className="list-unstyled upgrade-benefits">
+      <li>
+        <Check />
+        &nbsp;
+        {t('unlimited_projects')}
+      </li>
+      <li>
+        <Check />
+        &nbsp;
+        {t('collabs_per_proj', { collabcount: 'Multiple' })}
+      </li>
+      <li>
+        <Check />
+        &nbsp;
+        {t('full_doc_history')}
+      </li>
+      <li>
+        <Check />
+        &nbsp;
+        {t('sync_to_dropbox')}
+      </li>
+      <li>
+        <Check />
+        &nbsp;
+        {t('sync_to_github')}
+      </li>
+      <li>
+        <Check />
+        &nbsp;
+        {t('compile_larger_projects')}
+      </li>
+    </ul>
+  )
+}
+
+export default memo(UpgradeBenefits)
diff --git a/services/web/frontend/js/shared/components/upgrade-prompt.tsx b/services/web/frontend/js/shared/components/upgrade-prompt.tsx
new file mode 100644
index 0000000..336d9c4
--- /dev/null
+++ b/services/web/frontend/js/shared/components/upgrade-prompt.tsx
@@ -0,0 +1,177 @@
+import OLBadge from '@/features/ui/components/ol/ol-badge'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLCloseButton from '@/features/ui/components/ol/ol-close-button'
+import OLCol from '@/features/ui/components/ol/ol-col'
+import OLRow from '@/features/ui/components/ol/ol-row'
+import MaterialIcon from '@/shared/components/material-icon'
+import { PropsWithChildren } from 'react'
+import { Container } from 'react-bootstrap-5'
+import { Trans, useTranslation } from 'react-i18next'
+
+type IconListItemProps = PropsWithChildren<{
+  icon: string
+}>
+
+function IconListItem({ icon, children }: IconListItemProps) {
+  return (
+    <li className="d-flex align-items-center">
+      <div className="flex-shrink-0">
+        <MaterialIcon type={icon} />
+      </div>
+      <div className="flex-grow-1 ms-2">{children}</div>
+    </li>
+  )
+}
+
+type PlansLinkProps = {
+  itmCampaign: string
+  onClick?: React.MouseEventHandler<HTMLAnchorElement>
+}
+function PlansLink({
+  children,
+  itmCampaign,
+  onClick,
+}: PropsWithChildren<PlansLinkProps>) {
+  return (
+    <a
+      key="compare_plans_link"
+      href={`/user/subscription/choose-your-plan?itm-campaign=${itmCampaign}`}
+      target="_blank"
+      rel="noreferrer"
+      onClick={onClick}
+    >
+      {children}
+      <MaterialIcon type="open_in_new" />
+    </a>
+  )
+}
+
+type UpgradePromptProps = {
+  title: string
+  summary: string
+  onClose: () => void
+  planPricing: { student: string; standard: string }
+  itmCampaign: string
+  isStudent?: boolean
+  onClickInfoLink?: React.MouseEventHandler<HTMLAnchorElement>
+  onClickPaywall?: React.MouseEventHandler<HTMLAnchorElement>
+}
+
+export function UpgradePrompt({
+  title,
+  summary,
+  onClose,
+  planPricing,
+  itmCampaign,
+  isStudent = false,
+  onClickInfoLink,
+  onClickPaywall,
+}: UpgradePromptProps) {
+  const { t } = useTranslation()
+  const planPrice = isStudent ? planPricing.student : planPricing.standard
+  const planCode = isStudent
+    ? 'student_free_trial_7_days'
+    : 'collaborator_free_trial_7_days'
+
+  return (
+    <Container className="upgrade-prompt">
+      <OLRow className="justify-content-end">
+        <OLCloseButton onClick={() => onClose()} />
+      </OLRow>
+      <OLRow className="text-center">
+        <h2 className="my-0 upgrade-prompt-title">{title}</h2>
+        <p className="upgrade-prompt-summary">{summary}</p>
+      </OLRow>
+      <OLRow className="g-3">
+        <OLCol md={6} className="upgrade-prompt-card-container">
+          <div className="g-0 upgrade-prompt-card upgrade-prompt-card-premium">
+            <OLRow className="justify-content-between">
+              <OLCol>
+                <h3>{isStudent ? t('student') : t('standard')}</h3>
+              </OLCol>
+              <OLCol xs="auto">
+                <OLBadge className="badge-premium-gradient">
+                  {t('recommended')}
+                </OLBadge>
+              </OLCol>
+            </OLRow>
+            <OLRow>
+              <p className="upgrade-prompt-price">
+                <span className="upgrade-prompt-price-number">{planPrice}</span>{' '}
+                {t('per_month')}
+              </p>
+            </OLRow>
+            <OLRow>
+              <ul className="upgrade-prompt-list">
+                <IconListItem icon="hourglass_top">
+                  {t('12x_more_compile_time')}
+                </IconListItem>
+                <IconListItem icon="group_add">
+                  {t('collabs_per_proj', { collabcount: isStudent ? 6 : 10 })}
+                </IconListItem>
+                <IconListItem icon="history">
+                  {t('unlimited_document_history')}
+                </IconListItem>
+              </ul>
+            </OLRow>
+            <OLRow className="mt-auto">
+              <a
+                className="btn btn-premium"
+                href={`/user/subscription/new?planCode=${planCode}&itm-campaign=${itmCampaign}`}
+                onClick={onClickPaywall}
+                target="_blank"
+                rel="noreferrer"
+              >
+                {t('try_for_free')}
+              </a>
+            </OLRow>
+          </div>
+        </OLCol>
+        <OLCol md={6} className="upgrade-prompt-card-container">
+          <div className="g-0 upgrade-prompt-card upgrade-prompt-card-free">
+            <OLRow>
+              <h3>{t('free')}</h3>
+            </OLRow>
+            <OLRow>
+              <p className="upgrade-prompt-price">
+                {/* Invisible span here to hold the correct height to match a card with a price */}
+                <span className="upgrade-prompt-price-number invisible" />
+                {t('your_current_plan')}
+              </p>
+            </OLRow>
+            <OLRow>
+              <ul className="upgrade-prompt-list">
+                <IconListItem icon="hourglass_bottom">
+                  {t('basic_compile_time')}
+                </IconListItem>
+                <IconListItem icon="person">
+                  {t('collabs_per_proj_single', { collabcount: 1 })}
+                </IconListItem>
+                <IconListItem icon="history_off">
+                  {t('limited_document_history')}
+                </IconListItem>
+              </ul>
+            </OLRow>
+            <OLRow className="mt-auto">
+              <OLButton variant="secondary" onClick={() => onClose()}>
+                {t('continue_with_free_plan')}
+              </OLButton>
+            </OLRow>
+          </div>
+        </OLCol>
+      </OLRow>
+      <OLRow className="text-center">
+        <p className="upgrade-prompt-all-plans">
+          {/* eslint-disable react/jsx-key */}
+          <Trans
+            i18nKey="compare_all_plans"
+            components={[
+              <PlansLink onClick={onClickInfoLink} itmCampaign={itmCampaign} />,
+            ]}
+          />
+          {/* eslint-disable react/jsx-key */}
+        </p>
+      </OLRow>
+    </Container>
+  )
+}
diff --git a/services/web/frontend/js/shared/context/detach-compile-context.tsx b/services/web/frontend/js/shared/context/detach-compile-context.tsx
new file mode 100644
index 0000000..56f5130
--- /dev/null
+++ b/services/web/frontend/js/shared/context/detach-compile-context.tsx
@@ -0,0 +1,503 @@
+import { createContext, FC, useContext, useMemo } from 'react'
+import { CompileContext, useLocalCompileContext } from './local-compile-context'
+import useDetachStateWatcher from '../hooks/use-detach-state-watcher'
+import useDetachAction from '../hooks/use-detach-action'
+import useCompileTriggers from '../../features/pdf-preview/hooks/use-compile-triggers'
+import { useLogEvents } from '@/features/pdf-preview/hooks/use-log-events'
+
+export const DetachCompileContext = createContext<CompileContext | undefined>(
+  undefined
+)
+
+export const DetachCompileProvider: FC = ({ children }) => {
+  const localCompileContext = useLocalCompileContext()
+  if (!localCompileContext) {
+    throw new Error(
+      'DetachCompileProvider is only available inside LocalCompileProvider'
+    )
+  }
+
+  const {
+    animateCompileDropdownArrow: _animateCompileDropdownArrow,
+    autoCompile: _autoCompile,
+    clearingCache: _clearingCache,
+    clsiServerId: _clsiServerId,
+    codeCheckFailed: _codeCheckFailed,
+    compiling: _compiling,
+    deliveryLatencies: _deliveryLatencies,
+    draft: _draft,
+    editedSinceCompileStarted: _editedSinceCompileStarted,
+    error: _error,
+    fileList: _fileList,
+    hasChanges: _hasChanges,
+    hasShortCompileTimeout: _hasShortCompileTimeout,
+    highlights: _highlights,
+    isProjectOwner: _isProjectOwner,
+    lastCompileOptions: _lastCompileOptions,
+    logEntries: _logEntries,
+    logEntryAnnotations: _logEntryAnnotations,
+    pdfFile: _pdfFile,
+    pdfViewer: _pdfViewer,
+    position: _position,
+    rawLog: _rawLog,
+    setAnimateCompileDropdownArrow: _setAnimateCompileDropdownArrow,
+    setAutoCompile: _setAutoCompile,
+    setDraft: _setDraft,
+    setError: _setError,
+    setHasLintingError: _setHasLintingError,
+    setHighlights: _setHighlights,
+    setPosition: _setPosition,
+    setShowCompileTimeWarning: _setShowCompileTimeWarning,
+    setShowLogs: _setShowLogs,
+    toggleLogs: _toggleLogs,
+    setStopOnFirstError: _setStopOnFirstError,
+    setStopOnValidationError: _setStopOnValidationError,
+    showLogs: _showLogs,
+    showCompileTimeWarning: _showCompileTimeWarning,
+    stopOnFirstError: _stopOnFirstError,
+    stopOnValidationError: _stopOnValidationError,
+    stoppedOnFirstError: _stoppedOnFirstError,
+    uncompiled: _uncompiled,
+    validationIssues: _validationIssues,
+    firstRenderDone: _firstRenderDone,
+    cleanupCompileResult: _cleanupCompileResult,
+    recompileFromScratch: _recompileFromScratch,
+    setCompiling: _setCompiling,
+    startCompile: _startCompile,
+    stopCompile: _stopCompile,
+    setChangedAt: _setChangedAt,
+    clearCache: _clearCache,
+    syncToEntry: _syncToEntry,
+    recordAction: _recordAction,
+  } = localCompileContext
+
+  const [animateCompileDropdownArrow] = useDetachStateWatcher(
+    'animateCompileDropdownArrow',
+    _animateCompileDropdownArrow,
+    'detacher',
+    'detached'
+  )
+  const [autoCompile] = useDetachStateWatcher(
+    'autoCompile',
+    _autoCompile,
+    'detacher',
+    'detached'
+  )
+  const [clearingCache] = useDetachStateWatcher(
+    'clearingCache',
+    _clearingCache,
+    'detacher',
+    'detached'
+  )
+  const [clsiServerId] = useDetachStateWatcher(
+    'clsiServerId',
+    _clsiServerId,
+    'detacher',
+    'detached'
+  )
+  const [codeCheckFailed] = useDetachStateWatcher(
+    'codeCheckFailed',
+    _codeCheckFailed,
+    'detacher',
+    'detached'
+  )
+  const [compiling] = useDetachStateWatcher(
+    'compiling',
+    _compiling,
+    'detacher',
+    'detached'
+  )
+  const [deliveryLatencies] = useDetachStateWatcher(
+    'deliveryLatencies',
+    _deliveryLatencies,
+    'detacher',
+    'detached'
+  )
+  const [draft] = useDetachStateWatcher('draft', _draft, 'detacher', 'detached')
+  const [error] = useDetachStateWatcher('error', _error, 'detacher', 'detached')
+  const [fileList] = useDetachStateWatcher(
+    'fileList',
+    _fileList,
+    'detacher',
+    'detached'
+  )
+  const [hasChanges] = useDetachStateWatcher(
+    'hasChanges',
+    _hasChanges,
+    'detacher',
+    'detached'
+  )
+  const [hasShortCompileTimeout] = useDetachStateWatcher(
+    'hasShortCompileTimeout',
+    _hasShortCompileTimeout,
+    'detacher',
+    'detached'
+  )
+  const [highlights] = useDetachStateWatcher(
+    'highlights',
+    _highlights,
+    'detacher',
+    'detached'
+  )
+  const [isProjectOwner] = useDetachStateWatcher(
+    'isProjectOwner',
+    _isProjectOwner,
+    'detacher',
+    'detached'
+  )
+  const [lastCompileOptions] = useDetachStateWatcher(
+    'lastCompileOptions',
+    _lastCompileOptions,
+    'detacher',
+    'detached'
+  )
+  const [logEntries] = useDetachStateWatcher(
+    'logEntries',
+    _logEntries,
+    'detacher',
+    'detached'
+  )
+  const [logEntryAnnotations] = useDetachStateWatcher(
+    'logEntryAnnotations',
+    _logEntryAnnotations,
+    'detacher',
+    'detached'
+  )
+  const [pdfFile] = useDetachStateWatcher(
+    'pdfFile',
+    _pdfFile,
+    'detacher',
+    'detached'
+  )
+  const [pdfViewer] = useDetachStateWatcher(
+    'pdfViewer',
+    _pdfViewer,
+    'detacher',
+    'detached'
+  )
+  const [position] = useDetachStateWatcher(
+    'position',
+    _position,
+    'detacher',
+    'detached'
+  )
+  const [rawLog] = useDetachStateWatcher(
+    'rawLog',
+    _rawLog,
+    'detacher',
+    'detached'
+  )
+  const [showCompileTimeWarning] = useDetachStateWatcher(
+    'showCompileTimeWarning',
+    _showCompileTimeWarning,
+    'detacher',
+    'detached'
+  )
+  const [showLogs] = useDetachStateWatcher(
+    'showLogs',
+    _showLogs,
+    'detacher',
+    'detached'
+  )
+  const [stopOnFirstError] = useDetachStateWatcher(
+    'stopOnFirstError',
+    _stopOnFirstError,
+    'detacher',
+    'detached'
+  )
+  const [stopOnValidationError] = useDetachStateWatcher(
+    'stopOnValidationError',
+    _stopOnValidationError,
+    'detacher',
+    'detached'
+  )
+  const [stoppedOnFirstError] = useDetachStateWatcher(
+    'stoppedOnFirstError',
+    _stoppedOnFirstError,
+    'detacher',
+    'detached'
+  )
+  const [uncompiled] = useDetachStateWatcher(
+    'uncompiled',
+    _uncompiled,
+    'detacher',
+    'detached'
+  )
+  const [editedSinceCompileStarted] = useDetachStateWatcher(
+    'editedSinceCompileStarted',
+    _editedSinceCompileStarted,
+    'detacher',
+    'detached'
+  )
+  const [validationIssues] = useDetachStateWatcher(
+    'validationIssues',
+    _validationIssues,
+    'detacher',
+    'detached'
+  )
+
+  const setAnimateCompileDropdownArrow = useDetachAction(
+    'setAnimateCompileDropdownArrow',
+    _setAnimateCompileDropdownArrow,
+    'detached',
+    'detacher'
+  )
+  const setAutoCompile = useDetachAction(
+    'setAutoCompile',
+    _setAutoCompile,
+    'detached',
+    'detacher'
+  )
+  const setDraft = useDetachAction(
+    'setDraft',
+    _setDraft,
+    'detached',
+    'detacher'
+  )
+  const setError = useDetachAction(
+    'setError',
+    _setError,
+    'detacher',
+    'detached'
+  )
+  const setPosition = useDetachAction(
+    'setPosition',
+    _setPosition,
+    'detached',
+    'detacher'
+  )
+  const firstRenderDone = useDetachAction(
+    'firstRenderDone',
+    _firstRenderDone,
+    'detached',
+    'detacher'
+  )
+  const setHasLintingError = useDetachAction(
+    'setHasLintingError',
+    _setHasLintingError,
+    'detacher',
+    'detached'
+  )
+  const setHighlights = useDetachAction(
+    'setHighlights',
+    _setHighlights,
+    'detacher',
+    'detached'
+  )
+  const setShowCompileTimeWarning = useDetachAction(
+    'setShowCompileTimeWarning',
+    _setShowCompileTimeWarning,
+    'detached',
+    'detacher'
+  )
+  const setShowLogs = useDetachAction(
+    'setShowLogs',
+    _setShowLogs,
+    'detached',
+    'detacher'
+  )
+  const toggleLogs = useDetachAction(
+    'toggleLogs',
+    _toggleLogs,
+    'detached',
+    'detacher'
+  )
+  const setStopOnFirstError = useDetachAction(
+    'setStopOnFirstError',
+    _setStopOnFirstError,
+    'detached',
+    'detacher'
+  )
+  const setStopOnValidationError = useDetachAction(
+    'setStopOnValidationError',
+    _setStopOnValidationError,
+    'detached',
+    'detacher'
+  )
+  const cleanupCompileResult = useDetachAction(
+    'cleanupCompileResult',
+    _cleanupCompileResult,
+    'detached',
+    'detacher'
+  )
+  const recompileFromScratch = useDetachAction(
+    'recompileFromScratch',
+    _recompileFromScratch,
+    'detached',
+    'detacher'
+  )
+  const setCompiling = useDetachAction(
+    'setCompiling',
+    _setCompiling,
+    'detacher',
+    'detached'
+  )
+  const startCompile = useDetachAction(
+    'startCompile',
+    _startCompile,
+    'detached',
+    'detacher'
+  )
+  const stopCompile = useDetachAction(
+    'stopCompile',
+    _stopCompile,
+    'detached',
+    'detacher'
+  )
+  const setChangedAt = useDetachAction(
+    'setChangedAt',
+    _setChangedAt,
+    'detached',
+    'detacher'
+  )
+  const clearCache = useDetachAction(
+    'clearCache',
+    _clearCache,
+    'detached',
+    'detacher'
+  )
+
+  const syncToEntry = useDetachAction(
+    'sync-to-entry',
+    _syncToEntry,
+    'detached',
+    'detacher'
+  )
+
+  const recordAction = useDetachAction(
+    'record-action',
+    _recordAction,
+    'detached',
+    'detacher'
+  )
+
+  useCompileTriggers(startCompile, setChangedAt)
+  useLogEvents(setShowLogs)
+
+  const value = useMemo(
+    () => ({
+      animateCompileDropdownArrow,
+      autoCompile,
+      clearCache,
+      clearingCache,
+      clsiServerId,
+      codeCheckFailed,
+      compiling,
+      deliveryLatencies,
+      draft,
+      editedSinceCompileStarted,
+      error,
+      fileList,
+      hasChanges,
+      hasShortCompileTimeout,
+      highlights,
+      isProjectOwner,
+      lastCompileOptions,
+      logEntryAnnotations,
+      logEntries,
+      pdfDownloadUrl: pdfFile?.pdfDownloadUrl,
+      pdfFile,
+      pdfUrl: pdfFile?.pdfUrl,
+      pdfViewer,
+      position,
+      rawLog,
+      recompileFromScratch,
+      setAnimateCompileDropdownArrow,
+      setAutoCompile,
+      setCompiling,
+      setDraft,
+      setError,
+      setHasLintingError,
+      setHighlights,
+      setPosition,
+      setShowCompileTimeWarning,
+      setShowLogs,
+      toggleLogs,
+      setStopOnFirstError,
+      setStopOnValidationError,
+      showLogs,
+      showCompileTimeWarning,
+      startCompile,
+      stopCompile,
+      stopOnFirstError,
+      stopOnValidationError,
+      stoppedOnFirstError,
+      uncompiled,
+      validationIssues,
+      firstRenderDone,
+      setChangedAt,
+      cleanupCompileResult,
+      syncToEntry,
+      recordAction,
+    }),
+    [
+      animateCompileDropdownArrow,
+      autoCompile,
+      clearCache,
+      clearingCache,
+      clsiServerId,
+      codeCheckFailed,
+      compiling,
+      deliveryLatencies,
+      draft,
+      editedSinceCompileStarted,
+      error,
+      fileList,
+      hasChanges,
+      hasShortCompileTimeout,
+      highlights,
+      isProjectOwner,
+      lastCompileOptions,
+      logEntryAnnotations,
+      logEntries,
+      pdfFile,
+      pdfViewer,
+      position,
+      rawLog,
+      recompileFromScratch,
+      setAnimateCompileDropdownArrow,
+      setAutoCompile,
+      setCompiling,
+      setDraft,
+      setError,
+      setHasLintingError,
+      setHighlights,
+      setPosition,
+      setShowCompileTimeWarning,
+      setShowLogs,
+      toggleLogs,
+      setStopOnFirstError,
+      setStopOnValidationError,
+      showCompileTimeWarning,
+      showLogs,
+      startCompile,
+      stopCompile,
+      stopOnFirstError,
+      stopOnValidationError,
+      stoppedOnFirstError,
+      uncompiled,
+      validationIssues,
+      firstRenderDone,
+      setChangedAt,
+      cleanupCompileResult,
+      syncToEntry,
+      recordAction,
+    ]
+  )
+
+  return (
+    <DetachCompileContext.Provider value={value}>
+      {children}
+    </DetachCompileContext.Provider>
+  )
+}
+
+export function useDetachCompileContext() {
+  const context = useContext(DetachCompileContext)
+  if (!context) {
+    throw new Error(
+      'useDetachCompileContext is ony available inside DetachCompileProvider'
+    )
+  }
+  return context
+}
diff --git a/services/web/frontend/js/shared/context/detach-context.tsx b/services/web/frontend/js/shared/context/detach-context.tsx
new file mode 100644
index 0000000..dd0f6ac
--- /dev/null
+++ b/services/web/frontend/js/shared/context/detach-context.tsx
@@ -0,0 +1,155 @@
+import {
+  createContext,
+  useContext,
+  useCallback,
+  useMemo,
+  useEffect,
+  useState,
+  FC,
+} from 'react'
+import getMeta from '../../utils/meta'
+import { buildUrlWithDetachRole } from '../utils/url-helper'
+import useCallbackHandlers from '../hooks/use-callback-handlers'
+import { debugConsole } from '@/utils/debugging'
+
+export type DetachRole = 'detacher' | 'detached' | null
+
+type Message = {
+  role: DetachRole
+  event: string
+  data?: any
+}
+
+export const DetachContext = createContext<
+  | {
+      role: DetachRole
+      setRole: (role: DetachRole) => void
+      broadcastEvent: (event: string, data?: any) => void
+      addEventHandler: (handler: (...args: any[]) => void) => void
+      deleteEventHandler: (handler: (...args: any[]) => void) => void
+    }
+  | undefined
+>(undefined)
+
+const debugPdfDetach = getMeta('ol-debugPdfDetach')
+
+const projectId = getMeta('ol-project_id')
+export const detachChannelId = `detach-${projectId}`
+export const detachChannel =
+  'BroadcastChannel' in window
+    ? new BroadcastChannel(detachChannelId)
+    : undefined
+
+export const DetachProvider: FC = ({ children }) => {
+  const [lastDetachedConnectedAt, setLastDetachedConnectedAt] = useState<Date>()
+  const [role, setRole] = useState(() => getMeta('ol-detachRole') || null)
+  const {
+    addHandler: addEventHandler,
+    deleteHandler: deleteEventHandler,
+    callHandlers: callEventHandlers,
+  } = useCallbackHandlers()
+
+  useEffect(() => {
+    if (debugPdfDetach) {
+      debugConsole.warn('Effect', { role })
+    }
+    window.history.replaceState({}, '', buildUrlWithDetachRole(role).toString())
+  }, [role])
+
+  useEffect(() => {
+    if (detachChannel) {
+      const listener = (event: MessageEvent) => {
+        if (debugPdfDetach) {
+          debugConsole.warn(`Receiving:`, event.data)
+        }
+        callEventHandlers(event.data)
+      }
+
+      detachChannel.addEventListener('message', listener)
+
+      return () => {
+        detachChannel.removeEventListener('message', listener)
+      }
+    }
+  }, [callEventHandlers])
+
+  const broadcastEvent = useCallback(
+    (event: string, data?: any) => {
+      if (!role) {
+        if (debugPdfDetach) {
+          debugConsole.warn('Not Broadcasting (no role)', {
+            role,
+            event,
+            data,
+          })
+        }
+        return
+      }
+      if (debugPdfDetach) {
+        debugConsole.warn('Broadcasting', {
+          role,
+          event,
+          data,
+        })
+      }
+      const message: Message = { role, event }
+      if (data) {
+        message.data = data
+      }
+
+      detachChannel?.postMessage(message)
+    },
+    [role]
+  )
+
+  useEffect(() => {
+    broadcastEvent('connected')
+  }, [broadcastEvent])
+
+  useEffect(() => {
+    const onBeforeUnload = () => broadcastEvent('closed')
+    window.addEventListener('beforeunload', onBeforeUnload)
+    return () => window.removeEventListener('beforeunload', onBeforeUnload)
+  }, [broadcastEvent])
+
+  useEffect(() => {
+    const updateLastDetachedConnectedAt = (message: Message) => {
+      if (message.role === 'detached' && message.event === 'connected') {
+        setLastDetachedConnectedAt(new Date())
+      }
+    }
+    addEventHandler(updateLastDetachedConnectedAt)
+    return () => deleteEventHandler(updateLastDetachedConnectedAt)
+  }, [addEventHandler, deleteEventHandler])
+
+  const value = useMemo(
+    () => ({
+      role,
+      setRole,
+      broadcastEvent,
+      lastDetachedConnectedAt,
+      addEventHandler,
+      deleteEventHandler,
+    }),
+    [
+      role,
+      setRole,
+      broadcastEvent,
+      lastDetachedConnectedAt,
+      addEventHandler,
+      deleteEventHandler,
+    ]
+  )
+
+  return (
+    <DetachContext.Provider value={value}>{children}</DetachContext.Provider>
+  )
+}
+
+export function useDetachContext() {
+  const data = useContext(DetachContext)
+  if (!data) {
+    throw new Error('useDetachContext is only available inside DetachProvider')
+  }
+  return data
+}
diff --git a/services/web/frontend/js/shared/context/editor-context.tsx b/services/web/frontend/js/shared/context/editor-context.tsx
new file mode 100644
index 0000000..f059f14
--- /dev/null
+++ b/services/web/frontend/js/shared/context/editor-context.tsx
@@ -0,0 +1,263 @@
+import {
+  createContext,
+  Dispatch,
+  FC,
+  SetStateAction,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useState,
+} from 'react'
+import useScopeValue from '../hooks/use-scope-value'
+import useBrowserWindow from '../hooks/use-browser-window'
+import { useIdeContext } from './ide-context'
+import { useProjectContext } from './project-context'
+import { useDetachContext } from './detach-context'
+import getMeta from '../../utils/meta'
+import { useUserContext } from './user-context'
+import { saveProjectSettings } from '@/features/editor-left-menu/utils/api'
+import { PermissionsLevel } from '@/features/ide-react/types/permissions'
+import { useModalsContext } from '@/features/ide-react/context/modals-context'
+import { WritefullAPI } from './types/writefull-instance'
+
+export const EditorContext = createContext<
+  | {
+      cobranding?: {
+        logoImgUrl: string
+        brandVariationName: string
+        brandVariationId: number
+        brandId: number
+        brandVariationHomeUrl: string
+        publishGuideHtml?: string
+        partner?: string
+        brandedMenu?: boolean
+        submitBtnHtml?: string
+      }
+      hasPremiumCompile?: boolean
+      renameProject: (newName: string) => void
+      setPermissionsLevel: (permissionsLevel: PermissionsLevel) => void
+      showSymbolPalette?: boolean
+      toggleSymbolPalette?: () => void
+      insertSymbol?: (symbol: string) => void
+      isProjectOwner: boolean
+      isRestrictedTokenMember?: boolean
+      isPendingEditor: boolean
+      permissionsLevel: PermissionsLevel
+      deactivateTutorial: (tutorial: string) => void
+      inactiveTutorials: string[]
+      currentPopup: string | null
+      setCurrentPopup: Dispatch<SetStateAction<string | null>>
+      setOutOfSync: (value: boolean) => void
+      assistantUpgraded: boolean
+      setAssistantUpgraded: (value: boolean) => void
+      hasPremiumSuggestion: boolean
+      setHasPremiumSuggestion: (value: boolean) => void
+      setPremiumSuggestionResetDate: (date: Date) => void
+      premiumSuggestionResetDate: Date
+      writefullInstance: WritefullAPI | null
+      setWritefullInstance: (instance: WritefullAPI) => void
+    }
+  | undefined
+>(undefined)
+
+export const EditorProvider: FC = ({ children }) => {
+  const { socket } = useIdeContext()
+  const { id: userId, featureUsage } = useUserContext()
+  const { role } = useDetachContext()
+  const { showGenericMessageModal } = useModalsContext()
+
+  const { owner, features, _id: projectId, members } = useProjectContext()
+
+  const cobranding = useMemo(() => {
+    const brandVariation = getMeta('ol-brandVariation')
+    return (
+      brandVariation && {
+        logoImgUrl: brandVariation.logo_url,
+        brandVariationName: brandVariation.name,
+        brandVariationId: brandVariation.id,
+        brandId: brandVariation.brand_id,
+        brandVariationHomeUrl: brandVariation.home_url,
+        publishGuideHtml: brandVariation.publish_guide_html,
+        partner: brandVariation.partner,
+        brandedMenu: brandVariation.branded_menu,
+        submitBtnHtml: brandVariation.submit_button_html,
+      }
+    )
+  }, [])
+
+  const [projectName, setProjectName] = useScopeValue('project.name')
+  const [permissionsLevel, setPermissionsLevel] =
+    useScopeValue('permissionsLevel')
+  const [outOfSync, setOutOfSync] = useState(false)
+  const [showSymbolPalette] = useScopeValue('editor.showSymbolPalette')
+  const [toggleSymbolPalette] = useScopeValue('editor.toggleSymbolPalette')
+
+  const [inactiveTutorials, setInactiveTutorials] = useState(
+    () => getMeta('ol-inactiveTutorials') || []
+  )
+
+  const [currentPopup, setCurrentPopup] = useState<string | null>(null)
+  const [assistantUpgraded, setAssistantUpgraded] = useState(false)
+  const [hasPremiumSuggestion, setHasPremiumSuggestion] = useState<boolean>(
+    () => {
+      return Boolean(
+        featureUsage?.aiErrorAssistant &&
+          featureUsage?.aiErrorAssistant.remainingUsage > 0
+      )
+    }
+  )
+  const [premiumSuggestionResetDate, setPremiumSuggestionResetDate] =
+    useState<Date>(() => {
+      return featureUsage?.aiErrorAssistant?.resetDate
+        ? new Date(featureUsage.aiErrorAssistant.resetDate)
+        : new Date()
+    })
+
+  const isPendingEditor = useMemo(
+    () =>
+      members?.some(
+        member =>
+          member._id === userId &&
+          (member.pendingEditor || member.pendingReviewer)
+      ),
+    [members, userId]
+  )
+
+  const deactivateTutorial = useCallback(
+    tutorialKey => {
+      setInactiveTutorials([...inactiveTutorials, tutorialKey])
+    },
+    [inactiveTutorials]
+  )
+
+  useEffect(() => {
+    if (socket) {
+      socket.on('projectNameUpdated', setProjectName)
+      return () => socket.removeListener('projectNameUpdated', setProjectName)
+    }
+  }, [socket, setProjectName])
+
+  const renameProject = useCallback(
+    (newName: string) => {
+      setProjectName((oldName: string) => {
+        if (oldName !== newName) {
+          saveProjectSettings(projectId, { name: newName }).catch(
+            (response: any) => {
+              setProjectName(oldName)
+              const { data, status } = response
+
+              showGenericMessageModal(
+                'Error renaming project',
+                status === 400 ? data : 'Please try again in a moment'
+              )
+            }
+          )
+        }
+        return newName
+      })
+    },
+    [setProjectName, projectId, showGenericMessageModal]
+  )
+
+  const { setTitle } = useBrowserWindow()
+  useEffect(() => {
+    const parts = []
+
+    if (role === 'detached') {
+      parts.push('[PDF]')
+    }
+
+    if (projectName) {
+      parts.push(projectName)
+      parts.push('-')
+    }
+
+    parts.push('Online LaTeX Editor')
+    parts.push(getMeta('ol-ExposedSettings').appName)
+
+    const title = parts.join(' ')
+
+    setTitle(title)
+  }, [projectName, setTitle, role])
+
+  const insertSymbol = useCallback((symbol: string) => {
+    window.dispatchEvent(
+      new CustomEvent('editor:insert-symbol', {
+        detail: symbol,
+      })
+    )
+  }, [])
+
+  const [writefullInstance, setWritefullInstance] =
+    useState<WritefullAPI | null>(null)
+
+  const value = useMemo(
+    () => ({
+      cobranding,
+      hasPremiumCompile: features?.compileGroup === 'priority',
+      renameProject,
+      permissionsLevel: outOfSync ? 'readOnly' : permissionsLevel,
+      setPermissionsLevel,
+      isProjectOwner: owner?._id === userId,
+      isRestrictedTokenMember: getMeta('ol-isRestrictedTokenMember'),
+      isPendingEditor,
+      showSymbolPalette,
+      toggleSymbolPalette,
+      insertSymbol,
+      inactiveTutorials,
+      deactivateTutorial,
+      currentPopup,
+      setCurrentPopup,
+      setOutOfSync,
+      hasPremiumSuggestion,
+      setHasPremiumSuggestion,
+      premiumSuggestionResetDate,
+      setPremiumSuggestionResetDate,
+      assistantUpgraded,
+      setAssistantUpgraded,
+      writefullInstance,
+      setWritefullInstance,
+    }),
+    [
+      cobranding,
+      features?.compileGroup,
+      owner,
+      userId,
+      renameProject,
+      permissionsLevel,
+      setPermissionsLevel,
+      isPendingEditor,
+      showSymbolPalette,
+      toggleSymbolPalette,
+      insertSymbol,
+      inactiveTutorials,
+      deactivateTutorial,
+      currentPopup,
+      setCurrentPopup,
+      outOfSync,
+      setOutOfSync,
+      hasPremiumSuggestion,
+      setHasPremiumSuggestion,
+      premiumSuggestionResetDate,
+      setPremiumSuggestionResetDate,
+      assistantUpgraded,
+      setAssistantUpgraded,
+      writefullInstance,
+      setWritefullInstance,
+    ]
+  )
+
+  return (
+    <EditorContext.Provider value={value}>{children}</EditorContext.Provider>
+  )
+}
+export function useEditorContext() {
+  const context = useContext(EditorContext)
+
+  if (!context) {
+    throw new Error('useEditorContext is only available inside EditorProvider')
+  }
+
+  return context
+}
diff --git a/services/web/frontend/js/shared/context/file-tree-data-context.tsx b/services/web/frontend/js/shared/context/file-tree-data-context.tsx
new file mode 100644
index 0000000..13c3e18
--- /dev/null
+++ b/services/web/frontend/js/shared/context/file-tree-data-context.tsx
@@ -0,0 +1,321 @@
+import {
+  createContext,
+  useCallback,
+  useReducer,
+  useContext,
+  useMemo,
+  useState,
+  FC,
+  useEffect,
+} from 'react'
+import useScopeValue from '../hooks/use-scope-value'
+import {
+  renameInTree,
+  deleteInTree,
+  moveInTree,
+  createEntityInTree,
+} from '../../features/file-tree/util/mutate-in-tree'
+import { countFiles } from '../../features/file-tree/util/count-in-tree'
+import useDeepCompareEffect from '../../shared/hooks/use-deep-compare-effect'
+import { docsInFolder } from '@/features/file-tree/util/docs-in-folder'
+import useScopeValueSetterOnly from '@/shared/hooks/use-scope-value-setter-only'
+import { Folder } from '../../../../types/folder'
+import { Project } from '../../../../types/project'
+import { MainDocument } from '../../../../types/project-settings'
+import { FindResult } from '@/features/file-tree/util/path'
+import {
+  StubSnapshotUtils,
+  useSnapshotContext,
+} from '@/features/ide-react/context/snapshot-context'
+import importOverleafModules from '../../../macros/import-overleaf-module.macro'
+const { buildFileTree, createFolder } =
+  (importOverleafModules('snapshotUtils')[0]
+    ?.import as typeof StubSnapshotUtils) || StubSnapshotUtils
+
+const FileTreeDataContext = createContext<
+  | {
+      // fileTreeData is the up-to-date representation of the files list, updated
+      // by the file tree
+      fileTreeData: Folder
+      fileCount: { value: number; status: string; limit: number } | number
+      fileTreeReadOnly: boolean
+      hasFolders: boolean
+      selectedEntities: FindResult[]
+      setSelectedEntities: (selectedEntities: FindResult[]) => void
+      dispatchRename: (id: string, name: string) => void
+      dispatchMove: (id: string, target: string) => void
+      dispatchDelete: (id: string) => void
+      dispatchCreateFolder: (name: string, folder: any) => void
+      dispatchCreateDoc: (name: string, doc: any) => void
+      dispatchCreateFile: (name: string, file: any) => void
+      docs?: MainDocument[]
+    }
+  | undefined
+>(undefined)
+
+/* eslint-disable no-unused-vars */
+enum ACTION_TYPES {
+  RENAME = 'RENAME',
+  RESET = 'RESET',
+  DELETE = 'DELETE',
+  MOVE = 'MOVE',
+  CREATE = 'CREATE',
+}
+/* eslint-enable no-unused-vars */
+
+type Action =
+  | {
+      type: ACTION_TYPES.RESET
+      fileTreeData?: Folder
+    }
+  | {
+      type: ACTION_TYPES.RENAME
+      id: string
+      newName: string
+    }
+  | {
+      type: ACTION_TYPES.DELETE
+      id: string
+    }
+  | {
+      type: ACTION_TYPES.MOVE
+      entityId: string
+      toFolderId: string
+    }
+  | {
+      type: typeof ACTION_TYPES.CREATE
+      parentFolderId: string
+      entity: any // TODO
+    }
+
+function fileTreeMutableReducer(
+  { fileTreeData }: { fileTreeData: Folder },
+  action: Action
+) {
+  switch (action.type) {
+    case ACTION_TYPES.RESET: {
+      const newFileTreeData = action.fileTreeData
+
+      return {
+        fileTreeData: newFileTreeData,
+        fileCount: countFiles(newFileTreeData),
+      }
+    }
+
+    case ACTION_TYPES.RENAME: {
+      const newFileTreeData = renameInTree(fileTreeData, action.id, {
+        newName: action.newName,
+      })
+
+      return {
+        fileTreeData: newFileTreeData,
+        fileCount: countFiles(newFileTreeData),
+      }
+    }
+
+    case ACTION_TYPES.DELETE: {
+      const newFileTreeData = deleteInTree(fileTreeData, action.id)
+
+      return {
+        fileTreeData: newFileTreeData,
+        fileCount: countFiles(newFileTreeData),
+      }
+    }
+
+    case ACTION_TYPES.MOVE: {
+      const newFileTreeData = moveInTree(
+        fileTreeData,
+        action.entityId,
+        action.toFolderId
+      )
+
+      return {
+        fileTreeData: newFileTreeData,
+        fileCount: countFiles(newFileTreeData),
+      }
+    }
+
+    case ACTION_TYPES.CREATE: {
+      const newFileTreeData = createEntityInTree(
+        fileTreeData,
+        action.parentFolderId,
+        action.entity
+      )
+
+      return {
+        fileTreeData: newFileTreeData,
+        fileCount: countFiles(newFileTreeData),
+      }
+    }
+
+    default: {
+      throw new Error(
+        `Unknown mutable file tree action type: ${(action as Action).type}`
+      )
+    }
+  }
+}
+
+const initialState = (rootFolder?: Folder[]) => {
+  const fileTreeData = rootFolder?.[0]
+  return {
+    fileTreeData,
+    fileCount: countFiles(fileTreeData),
+  }
+}
+
+export function useFileTreeData() {
+  const context = useContext(FileTreeDataContext)
+
+  if (!context) {
+    throw new Error(
+      'useFileTreeData is only available inside FileTreeDataProvider'
+    )
+  }
+
+  return context
+}
+
+export const FileTreeDataProvider: FC = ({ children }) => {
+  const [project] = useScopeValue<Project>('project')
+  const [currentDocumentId] = useScopeValue('editor.open_doc_id')
+  const [, setOpenDocName] = useScopeValueSetterOnly('editor.open_doc_name')
+  const [permissionsLevel] = useScopeValue('permissionsLevel')
+  const { fileTreeFromHistory, snapshot, snapshotVersion } =
+    useSnapshotContext()
+  const fileTreeReadOnly =
+    permissionsLevel === 'readOnly' || fileTreeFromHistory
+
+  const [rootFolder, setRootFolder] = useState(project?.rootFolder)
+
+  useEffect(() => {
+    if (fileTreeFromHistory) return
+    setRootFolder(project?.rootFolder)
+  }, [project, fileTreeFromHistory])
+
+  useEffect(() => {
+    if (!fileTreeFromHistory) return
+    if (!rootFolder || rootFolder?.[0]?._id) {
+      // Init or replace mongo rootFolder with stub while we load the snapshot.
+      // In the future, project:joined should only fire once the snapshot is ready.
+      setRootFolder([createFolder('', '')])
+    }
+  }, [fileTreeFromHistory, rootFolder])
+
+  useEffect(() => {
+    if (!fileTreeFromHistory || !snapshot) return
+    setRootFolder([buildFileTree(snapshot)])
+  }, [fileTreeFromHistory, snapshot, snapshotVersion])
+
+  const [{ fileTreeData, fileCount }, dispatch] = useReducer(
+    fileTreeMutableReducer,
+    rootFolder,
+    initialState
+  )
+
+  const [selectedEntities, setSelectedEntities] = useState<FindResult[]>([])
+
+  const docs = useMemo(
+    () => (fileTreeData ? docsInFolder(fileTreeData) : undefined),
+    [fileTreeData]
+  )
+
+  useDeepCompareEffect(() => {
+    dispatch({
+      type: ACTION_TYPES.RESET,
+      fileTreeData: rootFolder?.[0],
+    })
+  }, [rootFolder])
+
+  const dispatchCreateFolder = useCallback((parentFolderId, entity) => {
+    entity.type = 'folder'
+    dispatch({
+      type: ACTION_TYPES.CREATE,
+      parentFolderId,
+      entity,
+    })
+  }, [])
+
+  const dispatchCreateDoc = useCallback(
+    (parentFolderId: string, entity: any) => {
+      entity.type = 'doc'
+      dispatch({
+        type: ACTION_TYPES.CREATE,
+        parentFolderId,
+        entity,
+      })
+    },
+    []
+  )
+
+  const dispatchCreateFile = useCallback(
+    (parentFolderId: string, entity: any) => {
+      entity.type = 'fileRef'
+      dispatch({
+        type: ACTION_TYPES.CREATE,
+        parentFolderId,
+        entity,
+      })
+    },
+    []
+  )
+
+  const dispatchRename = useCallback(
+    (id: string, newName: string) => {
+      dispatch({
+        type: ACTION_TYPES.RENAME,
+        newName,
+        id,
+      })
+      if (id === currentDocumentId) {
+        setOpenDocName(newName)
+      }
+    },
+    [currentDocumentId, setOpenDocName]
+  )
+
+  const dispatchDelete = useCallback((id: string) => {
+    dispatch({ type: ACTION_TYPES.DELETE, id })
+  }, [])
+
+  const dispatchMove = useCallback((entityId: string, toFolderId: string) => {
+    dispatch({ type: ACTION_TYPES.MOVE, entityId, toFolderId })
+  }, [])
+
+  const value = useMemo(() => {
+    return {
+      dispatchCreateDoc,
+      dispatchCreateFile,
+      dispatchCreateFolder,
+      dispatchDelete,
+      dispatchMove,
+      dispatchRename,
+      fileCount,
+      fileTreeData,
+      fileTreeReadOnly,
+      hasFolders: fileTreeData?.folders.length > 0,
+      selectedEntities,
+      setSelectedEntities,
+      docs,
+    }
+  }, [
+    dispatchCreateDoc,
+    dispatchCreateFile,
+    dispatchCreateFolder,
+    dispatchDelete,
+    dispatchMove,
+    dispatchRename,
+    fileCount,
+    fileTreeData,
+    fileTreeReadOnly,
+    selectedEntities,
+    setSelectedEntities,
+    docs,
+  ])
+
+  return (
+    <FileTreeDataContext.Provider value={value}>
+      {children}
+    </FileTreeDataContext.Provider>
+  )
+}
diff --git a/services/web/frontend/js/shared/context/ide-context.tsx b/services/web/frontend/js/shared/context/ide-context.tsx
new file mode 100644
index 0000000..f83686d
--- /dev/null
+++ b/services/web/frontend/js/shared/context/ide-context.tsx
@@ -0,0 +1,66 @@
+import { createContext, FC, useContext, useEffect, useMemo } from 'react'
+import { ScopeValueStore } from '../../../../types/ide/scope-value-store'
+import { ScopeEventEmitter } from '../../../../types/ide/scope-event-emitter'
+import { Socket } from '@/features/ide-react/connection/types/socket'
+
+export type Ide = {
+  $scope: Record<string, any>
+  socket: Socket
+}
+
+type IdeContextValue = Ide & {
+  scopeStore: ScopeValueStore
+  scopeEventEmitter: ScopeEventEmitter
+}
+
+export const IdeContext = createContext<IdeContextValue | undefined>(undefined)
+
+export const IdeProvider: FC<{
+  ide: Ide
+  scopeStore: ScopeValueStore
+  scopeEventEmitter: ScopeEventEmitter
+}> = ({ ide, scopeStore, scopeEventEmitter, children }) => {
+  /**
+   * Expose scopeStore via `window.overleaf.unstable.store`, so it can be accessed by external extensions.
+   *
+   * These properties are expected to be available:
+   *   - `editor.view`
+   *   - `project.spellcheckLanguage`
+   *   - `editor.open_doc_name`,
+   *   - `editor.open_doc_id`,
+   *   - `settings.theme`
+   *   - `settings.keybindings`
+   *   - `settings.fontSize`
+   *   - `settings.fontFamily`
+   *   - `settings.lineHeight`
+   */
+  useEffect(() => {
+    window.overleaf = {
+      ...window.overleaf,
+      unstable: {
+        ...window.overleaf?.unstable,
+        store: scopeStore,
+      },
+    }
+  }, [scopeStore])
+
+  const value = useMemo<IdeContextValue>(() => {
+    return {
+      ...ide,
+      scopeStore,
+      scopeEventEmitter,
+    }
+  }, [ide, scopeStore, scopeEventEmitter])
+
+  return <IdeContext.Provider value={value}>{children}</IdeContext.Provider>
+}
+
+export function useIdeContext(): IdeContextValue {
+  const context = useContext(IdeContext)
+
+  if (!context) {
+    throw new Error('useIdeContext is only available inside IdeProvider')
+  }
+
+  return context
+}
diff --git a/services/web/frontend/js/shared/context/layout-context.tsx b/services/web/frontend/js/shared/context/layout-context.tsx
new file mode 100644
index 0000000..d3b1344
--- /dev/null
+++ b/services/web/frontend/js/shared/context/layout-context.tsx
@@ -0,0 +1,295 @@
+import {
+  createContext,
+  useContext,
+  useCallback,
+  useMemo,
+  useEffect,
+  Dispatch,
+  SetStateAction,
+  FC,
+  useState,
+} from 'react'
+import useScopeValue from '../hooks/use-scope-value'
+import useDetachLayout from '../hooks/use-detach-layout'
+import localStorage from '../../infrastructure/local-storage'
+import getMeta from '../../utils/meta'
+import { DetachRole } from './detach-context'
+import { debugConsole } from '@/utils/debugging'
+import { BinaryFile } from '@/features/file-view/types/binary-file'
+import useScopeEventEmitter from '@/shared/hooks/use-scope-event-emitter'
+import useEventListener from '@/shared/hooks/use-event-listener'
+import { isSplitTestEnabled } from '@/utils/splitTestUtils'
+import { isMac } from '@/shared/utils/os'
+import { sendSearchEvent } from '@/features/event-tracking/search-events'
+import { useRailContext } from '@/features/ide-redesign/contexts/rail-context'
+
+export type IdeLayout = 'sideBySide' | 'flat'
+export type IdeView = 'editor' | 'file' | 'pdf' | 'history'
+
+export type LayoutContextValue = {
+  reattach: () => void
+  detach: () => void
+  detachIsLinked: boolean
+  detachRole: DetachRole
+  changeLayout: (newLayout: IdeLayout, newView?: IdeView) => void
+  view: IdeView | null
+  setView: (view: IdeView | null) => void
+  chatIsOpen: boolean
+  setChatIsOpen: Dispatch<SetStateAction<LayoutContextValue['chatIsOpen']>>
+  reviewPanelOpen: boolean
+  setReviewPanelOpen: Dispatch<
+    SetStateAction<LayoutContextValue['reviewPanelOpen']>
+  >
+  miniReviewPanelVisible: boolean
+  setMiniReviewPanelVisible: Dispatch<
+    SetStateAction<LayoutContextValue['miniReviewPanelVisible']>
+  >
+  leftMenuShown: boolean
+  setLeftMenuShown: Dispatch<
+    SetStateAction<LayoutContextValue['leftMenuShown']>
+  >
+  loadingStyleSheet: boolean
+  setLoadingStyleSheet: Dispatch<
+    SetStateAction<LayoutContextValue['loadingStyleSheet']>
+  >
+  pdfLayout: IdeLayout
+  pdfPreviewOpen: boolean
+  projectSearchIsOpen: boolean
+  setProjectSearchIsOpen: Dispatch<SetStateAction<boolean>>
+}
+
+const debugPdfDetach = getMeta('ol-debugPdfDetach')
+
+export const LayoutContext = createContext<LayoutContextValue | undefined>(
+  undefined
+)
+
+function setLayoutInLocalStorage(pdfLayout: IdeLayout) {
+  localStorage.setItem(
+    'pdf.layout',
+    pdfLayout === 'sideBySide' ? 'split' : 'flat'
+  )
+}
+
+export const LayoutProvider: FC = ({ children }) => {
+  // what to show in the "flat" view (editor or pdf)
+  const [view, _setView] = useScopeValue<IdeView | null>('ui.view')
+  const [openFile] = useScopeValue<BinaryFile | null>('openFile')
+  const historyToggleEmitter = useScopeEventEmitter('history:toggle', true)
+  const { isOpen: railIsOpen, setIsOpen: setRailIsOpen } = useRailContext()
+  const [prevRailIsOpen, setPrevRailIsOpen] = useState(railIsOpen)
+
+  const setView = useCallback(
+    (value: IdeView | null) => {
+      _setView(oldValue => {
+        // ensure that the "history:toggle" event is broadcast when switching in or out of history view
+        if (value === 'history' || oldValue === 'history') {
+          historyToggleEmitter()
+        }
+
+        if (value === 'history') {
+          setPrevRailIsOpen(railIsOpen)
+          setRailIsOpen(true)
+        }
+
+        if (oldValue === 'history') {
+          setRailIsOpen(prevRailIsOpen)
+        }
+
+        if (value === 'editor' && openFile) {
+          // if a file is currently opened, ensure the view is 'file' instead of
+          // 'editor' when the 'editor' view is requested. This is to ensure
+          // that the entity selected in the file tree is the one visible and
+          // that docs don't take precedence over files.
+          return 'file'
+        }
+
+        return value
+      })
+    },
+    [
+      _setView,
+      setRailIsOpen,
+      openFile,
+      historyToggleEmitter,
+      prevRailIsOpen,
+      setPrevRailIsOpen,
+      railIsOpen,
+    ]
+  )
+
+  // whether the chat pane is open
+  const [chatIsOpen, setChatIsOpen] = useScopeValue<boolean>('ui.chatOpen')
+
+  // whether the review pane is open
+  const [reviewPanelOpen, setReviewPanelOpen] =
+    useScopeValue<boolean>('ui.reviewPanelOpen')
+
+  // whether the review pane is collapsed
+  const [miniReviewPanelVisible, setMiniReviewPanelVisible] =
+    useScopeValue<boolean>('ui.miniReviewPanelVisible')
+
+  // whether the menu pane is open
+  const [leftMenuShown, setLeftMenuShown] =
+    useScopeValue<boolean>('ui.leftMenuShown')
+
+  // whether the project search is open
+  const [projectSearchIsOpen, setProjectSearchIsOpen] = useState(false)
+
+  useEventListener(
+    'ui.toggle-left-menu',
+    useCallback(
+      event => {
+        setLeftMenuShown((event as CustomEvent<boolean>).detail)
+      },
+      [setLeftMenuShown]
+    )
+  )
+
+  useEventListener(
+    'ui.toggle-review-panel',
+    useCallback(() => {
+      setReviewPanelOpen(open => !open)
+    }, [setReviewPanelOpen])
+  )
+
+  useEventListener(
+    'keydown',
+    useCallback((event: KeyboardEvent) => {
+      if (
+        (isMac ? event.metaKey : event.ctrlKey) &&
+        event.shiftKey &&
+        event.code === 'KeyF'
+      ) {
+        if (isSplitTestEnabled('full-project-search')) {
+          event.preventDefault()
+          sendSearchEvent('search-open', {
+            searchType: 'full-project',
+            method: 'keyboard',
+          })
+          setProjectSearchIsOpen(true)
+        }
+      }
+    }, [])
+  )
+
+  // whether to display the editor and preview side-by-side or full-width ("flat")
+  const [pdfLayout, setPdfLayout] = useScopeValue<IdeLayout>('ui.pdfLayout')
+
+  // whether stylesheet on theme is loading
+  const [loadingStyleSheet, setLoadingStyleSheet] = useState(false)
+
+  const changeLayout = useCallback(
+    (newLayout: IdeLayout, newView: IdeView = 'editor') => {
+      setPdfLayout(newLayout)
+      setView(newLayout === 'sideBySide' ? 'editor' : newView)
+      setLayoutInLocalStorage(newLayout)
+    },
+    [setPdfLayout, setView]
+  )
+
+  const {
+    reattach,
+    detach,
+    isLinking: detachIsLinking,
+    isLinked: detachIsLinked,
+    role: detachRole,
+    isRedundant: detachIsRedundant,
+  } = useDetachLayout()
+
+  const pdfPreviewOpen =
+    pdfLayout === 'sideBySide' || view === 'pdf' || detachRole === 'detacher'
+
+  useEffect(() => {
+    if (debugPdfDetach) {
+      debugConsole.warn('Layout Effect', {
+        detachIsRedundant,
+        detachRole,
+        detachIsLinking,
+        detachIsLinked,
+      })
+    }
+
+    if (detachRole !== 'detacher') return // not in a PDF detacher layout
+
+    if (detachIsRedundant) {
+      changeLayout('sideBySide')
+      return
+    }
+
+    if (detachIsLinking || detachIsLinked) {
+      // the tab is linked to a detached tab (or about to be linked); show
+      // editor only
+      changeLayout('flat', 'editor')
+    }
+  }, [
+    detachIsRedundant,
+    detachRole,
+    detachIsLinking,
+    detachIsLinked,
+    changeLayout,
+  ])
+
+  const value = useMemo<LayoutContextValue>(
+    () => ({
+      reattach,
+      detach,
+      detachIsLinked,
+      detachRole,
+      changeLayout,
+      chatIsOpen,
+      leftMenuShown,
+      pdfLayout,
+      pdfPreviewOpen,
+      projectSearchIsOpen,
+      setProjectSearchIsOpen,
+      reviewPanelOpen,
+      miniReviewPanelVisible,
+      loadingStyleSheet,
+      setChatIsOpen,
+      setLeftMenuShown,
+      setPdfLayout,
+      setReviewPanelOpen,
+      setMiniReviewPanelVisible,
+      setLoadingStyleSheet,
+      setView,
+      view,
+    }),
+    [
+      reattach,
+      detach,
+      detachIsLinked,
+      detachRole,
+      changeLayout,
+      chatIsOpen,
+      leftMenuShown,
+      pdfLayout,
+      pdfPreviewOpen,
+      projectSearchIsOpen,
+      setProjectSearchIsOpen,
+      reviewPanelOpen,
+      miniReviewPanelVisible,
+      loadingStyleSheet,
+      setChatIsOpen,
+      setLeftMenuShown,
+      setPdfLayout,
+      setReviewPanelOpen,
+      setMiniReviewPanelVisible,
+      setLoadingStyleSheet,
+      setView,
+      view,
+    ]
+  )
+
+  return (
+    <LayoutContext.Provider value={value}>{children}</LayoutContext.Provider>
+  )
+}
+
+export function useLayoutContext() {
+  const context = useContext(LayoutContext)
+  if (!context) {
+    throw new Error('useLayoutContext is only available inside LayoutProvider')
+  }
+  return context
+}
diff --git a/services/web/frontend/js/shared/context/local-compile-context.tsx b/services/web/frontend/js/shared/context/local-compile-context.tsx
new file mode 100644
index 0000000..7b237a4
--- /dev/null
+++ b/services/web/frontend/js/shared/context/local-compile-context.tsx
@@ -0,0 +1,873 @@
+import {
+  FC,
+  createContext,
+  useCallback,
+  useContext,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+  Dispatch,
+  SetStateAction,
+} from 'react'
+import useScopeValue from '../hooks/use-scope-value'
+import useScopeValueSetterOnly from '../hooks/use-scope-value-setter-only'
+import usePersistedState from '../hooks/use-persisted-state'
+import useAbortController from '../hooks/use-abort-controller'
+import DocumentCompiler from '../../features/pdf-preview/util/compiler'
+import {
+  send,
+  sendMB,
+  sendMBOnce,
+  sendMBSampled,
+} from '../../infrastructure/event-tracking'
+import {
+  buildLogEntryAnnotations,
+  buildRuleCounts,
+  buildRuleDeltas,
+  handleLogFiles,
+  handleOutputFiles,
+} from '../../features/pdf-preview/util/output-files'
+import { useProjectContext } from './project-context'
+import { useEditorContext } from './editor-context'
+import { buildFileList } from '../../features/pdf-preview/util/file-list'
+import { useLayoutContext } from './layout-context'
+import { useUserContext } from './user-context'
+import { useFileTreeData } from '@/shared/context/file-tree-data-context'
+import { useDetachContext } from '@/shared/context/detach-context'
+import { useFileTreePathContext } from '@/features/file-tree/contexts/file-tree-path'
+import { useUserSettingsContext } from '@/shared/context/user-settings-context'
+import { useFeatureFlag } from '@/shared/context/split-test-context'
+import { useEditorManagerContext } from '@/features/ide-react/context/editor-manager-context'
+import { getJSON } from '@/infrastructure/fetch-json'
+import { CompileResponseData } from '../../../../types/compile'
+import {
+  PdfScrollPosition,
+  usePdfScrollPosition,
+} from '@/shared/hooks/use-pdf-scroll-position'
+import { PdfFileDataList } from '@/features/pdf-preview/util/types'
+import { isSplitTestEnabled } from '@/utils/splitTestUtils'
+import { captureException } from '@/infrastructure/error-reporter'
+import OError from '@overleaf/o-error'
+
+type PdfFile = Record<string, any>
+
+export type CompileContext = {
+  autoCompile: boolean
+  clearingCache: boolean
+  clsiServerId?: string
+  codeCheckFailed: boolean
+  compiling: boolean
+  deliveryLatencies: Record<string, any>
+  draft: boolean
+  error?: string
+  fileList?: PdfFileDataList
+  hasChanges: boolean
+  hasShortCompileTimeout: boolean
+  highlights?: Record<string, any>[]
+  isProjectOwner: boolean
+  logEntries?: Record<string, any>
+  logEntryAnnotations?: Record<string, any>
+  outputFilesArchive?: string
+  pdfDownloadUrl?: string
+  pdfFile?: PdfFile
+  pdfUrl?: string
+  pdfViewer?: string
+  position?: PdfScrollPosition
+  rawLog?: string
+  setAutoCompile: (value: boolean) => void
+  setDraft: (value: any) => void
+  setError: (value: any) => void
+  setHasLintingError: (value: any) => void // only for storybook
+  setHighlights: (value: any) => void
+  setPosition: Dispatch<SetStateAction<PdfScrollPosition>>
+  setShowCompileTimeWarning: (value: any) => void
+  setShowLogs: (value: boolean) => void
+  toggleLogs: () => void
+  setStopOnFirstError: (value: boolean) => void
+  setStopOnValidationError: (value: boolean) => void
+  showCompileTimeWarning: boolean
+  showLogs: boolean
+  stopOnFirstError: boolean
+  stopOnValidationError: boolean
+  stoppedOnFirstError: boolean
+  uncompiled?: boolean
+  validationIssues?: Record<string, any>
+  firstRenderDone: (metrics: {
+    latencyFetch: number
+    latencyRender: number | undefined
+    pdfCachingMetrics: { viewerId: string }
+  }) => void
+  cleanupCompileResult?: () => void
+  animateCompileDropdownArrow: boolean
+  editedSinceCompileStarted: boolean
+  lastCompileOptions: any
+  setAnimateCompileDropdownArrow: (value: boolean) => void
+  recompileFromScratch: () => void
+  setCompiling: (value: boolean) => void
+  startCompile: (options?: any) => void
+  stopCompile: () => void
+  setChangedAt: (value: any) => void
+  clearCache: () => void
+  syncToEntry: (value: any, keepCurrentView?: boolean) => void
+  recordAction: (action: string) => void
+}
+
+export const LocalCompileContext = createContext<CompileContext | undefined>(
+  undefined
+)
+
+export const LocalCompileProvider: FC = ({ children }) => {
+  const { hasPremiumCompile, isProjectOwner } = useEditorContext()
+  const { openDocWithId, openDocs, currentDocument } = useEditorManagerContext()
+  const { role } = useDetachContext()
+
+  const {
+    _id: projectId,
+    rootDocId,
+    joinedOnce,
+    imageName,
+    compiler: compilerName,
+  } = useProjectContext()
+
+  const { pdfPreviewOpen } = useLayoutContext()
+
+  const { features, alphaProgram, labsProgram } = useUserContext()
+
+  const { fileTreeData } = useFileTreeData()
+  const { findEntityByPath } = useFileTreePathContext()
+
+  // whether a compile is in progress
+  const [compiling, setCompiling] = useState(false)
+
+  // whether to show the compile time warning
+  const [showCompileTimeWarning, setShowCompileTimeWarning] = useState(false)
+
+  const [hasShortCompileTimeout, setHasShortCompileTimeout] = useState(false)
+
+  // the log entries parsed from the compile output log
+  const [logEntries, setLogEntries] = useScopeValueSetterOnly('pdf.logEntries')
+
+  // annotations for display in the editor, built from the log entries
+  const [logEntryAnnotations, setLogEntryAnnotations] = useScopeValue(
+    'pdf.logEntryAnnotations'
+  )
+
+  // the PDF viewer and whether syntax validation is enabled globally
+  const { userSettings } = useUserSettingsContext()
+  const { pdfViewer, syntaxValidation } = userSettings
+
+  // the URL for downloading the PDF
+  const [, setPdfDownloadUrl] =
+    useScopeValueSetterOnly<string>('pdf.downloadUrl')
+
+  // the URL for loading the PDF in the preview pane
+  const [, setPdfUrl] = useScopeValueSetterOnly<string>('pdf.url')
+
+  // low level details for metrics
+  const [pdfFile, setPdfFile] = useState<PdfFile | undefined>()
+
+  useEffect(() => {
+    setPdfDownloadUrl(pdfFile?.pdfDownloadUrl)
+    setPdfUrl(pdfFile?.pdfUrl)
+  }, [pdfFile, setPdfDownloadUrl, setPdfUrl])
+
+  // the project is considered to be "uncompiled" if a doc has changed, or finished saving, since the last compile started.
+  const [uncompiled, setUncompiled] = useScopeValue('pdf.uncompiled')
+
+  // whether a doc has been edited since the last compile started
+  const [editedSinceCompileStarted, setEditedSinceCompileStarted] =
+    useState(false)
+
+  // the id of the CLSI server which ran the compile
+  const [clsiServerId, setClsiServerId] = useState<string>()
+
+  // data received in response to a compile request
+  const [data, setData] = useState<CompileResponseData>()
+
+  // the rootDocId used in the most recent compile request, which may not be the
+  // same as the project rootDocId. This is used to calculate correct paths when
+  // parsing the compile logs
+  const lastCompileRootDocId = data ? (data.rootDocId ?? rootDocId) : null
+
+  // callback to be invoked for PdfJsMetrics
+  const [firstRenderDone, setFirstRenderDone] = useState(() => () => {})
+
+  // latencies of compile/pdf download/rendering
+  const [deliveryLatencies, setDeliveryLatencies] = useState({})
+
+  // whether the project has been compiled yet
+  const [compiledOnce, setCompiledOnce] = useState(false)
+  // fetch initial compile response from cache
+  const [initialCompileFromCache, setInitialCompileFromCache] = useState(
+    isSplitTestEnabled('initial-compile-from-clsi-cache') &&
+      // Avoid fetching the initial compile from cache in PDF detach tab
+      role !== 'detached'
+  )
+  // fetch of initial compile from cache is pending
+  const [pendingInitialCompileFromCache, setPendingInitialCompileFromCache] =
+    useState(false)
+  // Raw data from clsi-cache, will need post-processing and check settings
+  const [dataFromCache, setDataFromCache] = useState<CompileResponseData>()
+
+  // whether the cache is being cleared
+  const [clearingCache, setClearingCache] = useState(false)
+
+  // whether the logs should be visible
+  const [showLogs, setShowLogs] = useState(false)
+
+  // whether the compile dropdown arrow should be animated
+  const [animateCompileDropdownArrow, setAnimateCompileDropdownArrow] =
+    useState(false)
+
+  const toggleLogs = useCallback(() => {
+    setShowLogs(prev => {
+      if (!prev) {
+        sendMBOnce('ide-open-logs-once')
+      }
+      return !prev
+    })
+  }, [setShowLogs])
+
+  // an error that occurred
+  const [error, setError] = useState<string>()
+
+  // the list of files that can be downloaded
+  const [fileList, setFileList] = useState<PdfFileDataList>()
+
+  // the raw contents of the log file
+  const [rawLog, setRawLog] = useState<string>()
+
+  // validation issues from CLSI
+  const [validationIssues, setValidationIssues] = useState()
+
+  // areas to highlight on the PDF, from synctex
+  const [highlights, setHighlights] = useState()
+
+  const [position, setPosition] = usePdfScrollPosition(lastCompileRootDocId)
+
+  // whether autocompile is switched on
+  const [autoCompile, setAutoCompile] = usePersistedState(
+    `autocompile_enabled:${projectId}`,
+    false,
+    true
+  )
+
+  // whether the compile should run in draft mode
+  const [draft, setDraft] = usePersistedState(`draft:${projectId}`, false, true)
+
+  // whether compiling should stop on first error
+  const [stopOnFirstError, setStopOnFirstError] = usePersistedState(
+    `stop_on_first_error:${projectId}`,
+    false,
+    true
+  )
+
+  // whether the last compiles stopped on first error
+  const [stoppedOnFirstError, setStoppedOnFirstError] = useState(false)
+
+  // whether compiling should be prevented if there are linting errors
+  const [stopOnValidationError, setStopOnValidationError] = usePersistedState(
+    `stop_on_validation_error:${projectId}`,
+    true,
+    true
+  )
+
+  // whether the editor linter found errors
+  const [hasLintingError, setHasLintingError] = useScopeValue('hasLintingError')
+
+  // the timestamp that a doc was last changed
+  const [changedAt, setChangedAt] = useState(0)
+
+  const { signal } = useAbortController()
+
+  const cleanupCompileResult = useCallback(() => {
+    setPdfFile(undefined)
+    setLogEntries(null)
+    setLogEntryAnnotations({})
+  }, [setPdfFile, setLogEntries, setLogEntryAnnotations])
+
+  const compilingRef = useRef(false)
+
+  useEffect(() => {
+    compilingRef.current = compiling
+  }, [compiling])
+
+  const _buildLogEntryAnnotations = useCallback(
+    entries =>
+      buildLogEntryAnnotations(entries, fileTreeData, lastCompileRootDocId),
+    [fileTreeData, lastCompileRootDocId]
+  )
+
+  const buildLogEntryAnnotationsRef = useRef(_buildLogEntryAnnotations)
+
+  useEffect(() => {
+    buildLogEntryAnnotationsRef.current = _buildLogEntryAnnotations
+  }, [_buildLogEntryAnnotations])
+
+  // the document compiler
+  const [compiler] = useState(() => {
+    return new DocumentCompiler({
+      projectId,
+      setChangedAt,
+      setCompiling,
+      setData,
+      setFirstRenderDone,
+      setDeliveryLatencies,
+      setError,
+      cleanupCompileResult,
+      compilingRef,
+      signal,
+      openDocs,
+    })
+  })
+
+  // keep currentDoc in sync with the compiler
+  useEffect(() => {
+    compiler.currentDoc = currentDocument
+  }, [compiler, currentDocument])
+
+  // keep the project rootDocId in sync with the compiler
+  useEffect(() => {
+    compiler.projectRootDocId = rootDocId
+  }, [compiler, rootDocId])
+
+  // keep draft setting in sync with the compiler
+  useEffect(() => {
+    compiler.setOption('draft', draft)
+  }, [compiler, draft])
+
+  // keep stop on first error setting in sync with the compiler
+  useEffect(() => {
+    compiler.setOption('stopOnFirstError', stopOnFirstError)
+  }, [compiler, stopOnFirstError])
+
+  useEffect(() => {
+    setUncompiled(changedAt > 0)
+  }, [setUncompiled, changedAt])
+
+  useEffect(() => {
+    setEditedSinceCompileStarted(changedAt > 0)
+  }, [setEditedSinceCompileStarted, changedAt])
+
+  // try to fetch the last compile result after opening the project, potentially before joining the project.
+  useEffect(() => {
+    if (initialCompileFromCache && !pendingInitialCompileFromCache) {
+      setPendingInitialCompileFromCache(true)
+      getJSON(`/project/${projectId}/output/cached/output.overleaf.json`)
+        .then((data: any) => {
+          // Hand data over to next effect, it will wait for project/doc loading.
+          setDataFromCache(data)
+        })
+        .catch(() => {
+          // Let the isAutoCompileOnLoad effect take over
+          setInitialCompileFromCache(false)
+          setPendingInitialCompileFromCache(false)
+        })
+    }
+  }, [projectId, initialCompileFromCache, pendingInitialCompileFromCache])
+
+  // Maybe adopt the compile from cache
+  useEffect(() => {
+    if (!dataFromCache) return // no compile from cache available
+    if (!joinedOnce) return // wait for joinProject, it populates the file-tree.
+    if (!currentDocument) return // wait for current doc to load, it affects the rootDoc override
+    if (compiledOnce) return // regular compile triggered
+
+    // Gracefully access file-tree and getRootDocOverride
+    let settingsUpToDate = false
+    try {
+      dataFromCache.rootDocId = findEntityByPath(
+        dataFromCache.options?.rootResourcePath || ''
+      )?.entity?._id
+      const rootDocOverride = compiler.getRootDocOverrideId() || rootDocId
+      settingsUpToDate =
+        rootDocOverride === dataFromCache.rootDocId &&
+        dataFromCache.options.imageName === imageName &&
+        dataFromCache.options.compiler === compilerName &&
+        dataFromCache.options.stopOnFirstError === stopOnFirstError &&
+        dataFromCache.options.draft === draft
+    } catch (err) {
+      captureException(
+        OError.tag(err as unknown as Error, 'validate compile options', {
+          options: dataFromCache.options,
+        })
+      )
+    }
+
+    if (settingsUpToDate) {
+      setData(dataFromCache)
+      setCompiledOnce(true)
+    }
+    setDataFromCache(undefined)
+    setInitialCompileFromCache(false)
+    setPendingInitialCompileFromCache(false)
+  }, [
+    dataFromCache,
+    joinedOnce,
+    currentDocument,
+    compiledOnce,
+    rootDocId,
+    findEntityByPath,
+    compiler,
+    compilerName,
+    imageName,
+    stopOnFirstError,
+    draft,
+  ])
+
+  // always compile the PDF once after opening the project, after the doc has loaded
+  useEffect(() => {
+    if (
+      !compiledOnce &&
+      currentDocument &&
+      !initialCompileFromCache &&
+      !pendingInitialCompileFromCache
+    ) {
+      setCompiledOnce(true)
+      compiler.compile({ isAutoCompileOnLoad: true })
+    }
+  }, [
+    compiledOnce,
+    currentDocument,
+    initialCompileFromCache,
+    pendingInitialCompileFromCache,
+    compiler,
+  ])
+
+  useEffect(() => {
+    setHasShortCompileTimeout(
+      features?.compileTimeout !== undefined && features.compileTimeout <= 60
+    )
+  }, [features])
+
+  useEffect(() => {
+    if (hasShortCompileTimeout && compiling && isProjectOwner) {
+      const timeout = window.setTimeout(() => {
+        setShowCompileTimeWarning(true)
+      }, 30000)
+
+      return () => {
+        window.clearTimeout(timeout)
+      }
+    }
+  }, [compiling, isProjectOwner, hasShortCompileTimeout])
+
+  const hasCompileLogsEvents = useFeatureFlag('compile-log-events')
+
+  // compare log entry counts with the previous compile, and record actions between compiles
+  // these are refs rather than state so they don't trigger the effect to run
+  const previousRuleCountsRef = useRef<{
+    ruleCounts: Record<string, number>
+    rootDocId: string
+  } | null>(null)
+  const recordedActionsRef = useRef<Record<string, boolean>>({})
+  const recordAction = useCallback((action: string) => {
+    recordedActionsRef.current[action] = true
+  }, [])
+
+  // handle the data returned from a compile request
+  // note: this should _only_ run when `data` changes,
+  // the other dependencies must all be static
+  useEffect(() => {
+    if (!joinedOnce) return // wait for joinProject, it populates the premium flags.
+    const abortController = new AbortController()
+
+    const recordedActions = recordedActionsRef.current
+    recordedActionsRef.current = {}
+
+    if (data) {
+      if (data.clsiServerId) {
+        setClsiServerId(data.clsiServerId) // set in scope, for PdfSynctexController
+      }
+
+      if (data.outputFiles) {
+        const outputFiles = new Map()
+
+        for (const outputFile of data.outputFiles) {
+          // Use a shadow-copy, we will update it in place and append to .url.
+          outputFiles.set(outputFile.path, { ...outputFile })
+        }
+
+        // set the PDF context
+        if (data.status === 'success') {
+          setPdfFile(handleOutputFiles(outputFiles, projectId, data))
+        }
+
+        setFileList(buildFileList(outputFiles, data))
+
+        // handle log files
+        // asynchronous (TODO: cancel on new compile?)
+        setLogEntryAnnotations(null)
+        setLogEntries(null)
+        setRawLog(undefined)
+
+        handleLogFiles(outputFiles, data, abortController.signal).then(
+          (result: Record<string, any>) => {
+            setRawLog(result.log)
+            setLogEntries(result.logEntries)
+            setLogEntryAnnotations(
+              buildLogEntryAnnotationsRef.current(result.logEntries.all)
+            )
+
+            // sample compile stats for real users
+            if (!alphaProgram) {
+              if (['success', 'stopped-on-first-error'].includes(data.status)) {
+                sendMBSampled(
+                  'compile-result',
+                  {
+                    errors: result.logEntries.errors.length,
+                    warnings: result.logEntries.warnings.length,
+                    typesetting: result.logEntries.typesetting.length,
+                    newPdfPreview: true, // TODO: is this useful?
+                    stopOnFirstError: data.options.stopOnFirstError,
+                  },
+                  0.01
+                )
+              }
+
+              if (hasCompileLogsEvents || labsProgram) {
+                const ruleCounts = buildRuleCounts(
+                  result.logEntries.all
+                ) as Record<string, number>
+
+                const rootDocId = data.rootDocId || compiler.projectRootDocId
+
+                const previousRuleCounts = previousRuleCountsRef.current
+                previousRuleCountsRef.current = { ruleCounts, rootDocId }
+
+                const ruleDeltas =
+                  previousRuleCounts &&
+                  previousRuleCounts.rootDocId === rootDocId
+                    ? buildRuleDeltas(ruleCounts, previousRuleCounts.ruleCounts)
+                    : {}
+
+                sendMB('compile-log-entries', {
+                  status: data.status,
+                  stopOnFirstError: data.options.stopOnFirstError,
+                  isAutoCompileOnLoad: !!data.options.isAutoCompileOnLoad,
+                  isAutoCompileOnChange: !!data.options.isAutoCompileOnChange,
+                  rootDocId,
+                  ...recordedActions,
+                  ...ruleCounts,
+                  ...ruleDeltas,
+                })
+              }
+            }
+          }
+        )
+      }
+
+      switch (data.status) {
+        case 'success':
+          setError(undefined)
+          setShowLogs(false)
+          break
+
+        case 'stopped-on-first-error':
+          setError(undefined)
+          setShowLogs(true)
+          break
+
+        case 'clsi-maintenance':
+        case 'compile-in-progress':
+        case 'exited':
+        case 'failure':
+        case 'project-too-large':
+        case 'rate-limited':
+        case 'terminated':
+        case 'too-recently-compiled':
+          setError(data.status)
+          break
+
+        case 'timedout':
+          setError('timedout')
+
+          if (!hasPremiumCompile && isProjectOwner) {
+            send(
+              'subscription-funnel',
+              'editor-click-feature',
+              'compile-timeout'
+            )
+          }
+          break
+
+        case 'autocompile-backoff':
+          if (!data.options.isAutoCompileOnLoad) {
+            setError('autocompile-disabled')
+            setAutoCompile(false)
+          }
+          break
+
+        case 'unavailable':
+          setError('clsi-unavailable')
+          break
+
+        case 'validation-problems':
+          setError('validation-problems')
+          setValidationIssues(data.validationProblems)
+          break
+
+        default:
+          setError('error')
+          break
+      }
+
+      setStoppedOnFirstError(data.status === 'stopped-on-first-error')
+    }
+
+    return () => {
+      abortController.abort()
+    }
+  }, [
+    joinedOnce,
+    data,
+    alphaProgram,
+    labsProgram,
+    features,
+    hasCompileLogsEvents,
+    hasPremiumCompile,
+    isProjectOwner,
+    projectId,
+    setAutoCompile,
+    setClsiServerId,
+    setLogEntries,
+    setLogEntryAnnotations,
+    setPdfFile,
+    compiler,
+  ])
+
+  // switch to logs if there's an error
+  useEffect(() => {
+    if (error) {
+      setShowLogs(true)
+    }
+  }, [error])
+
+  // whether there has been an autocompile linting error, if syntax validation is switched on
+  const autoCompileLintingError = Boolean(
+    autoCompile && syntaxValidation && hasLintingError
+  )
+
+  const codeCheckFailed = stopOnValidationError && autoCompileLintingError
+
+  // the project is available for auto-compiling
+  // (autocompile is enabled, the PDF preview is open, and the code check (if enabled) hasn't failed)
+  const canAutoCompile = Boolean(
+    autoCompile && pdfPreviewOpen && !codeCheckFailed
+  )
+
+  // show that the project has pending changes
+  const hasChanges = Boolean(canAutoCompile && uncompiled && compiledOnce)
+
+  // call the debounced autocompile function if the project is available for auto-compiling and it has changed
+  useEffect(() => {
+    if (canAutoCompile) {
+      if (changedAt > 0) {
+        compiler.debouncedAutoCompile()
+      }
+    } else {
+      compiler.debouncedAutoCompile.cancel()
+    }
+  }, [compiler, canAutoCompile, changedAt])
+
+  // cancel debounced recompile on unmount
+  useEffect(() => {
+    return () => {
+      compiler.debouncedAutoCompile.cancel()
+    }
+  }, [compiler])
+
+  // start a compile manually
+  const startCompile = useCallback(
+    options => {
+      setCompiledOnce(true)
+      compiler.compile(options)
+    },
+    [compiler, setCompiledOnce]
+  )
+
+  // stop a compile manually
+  const stopCompile = useCallback(() => {
+    compiler.stopCompile()
+  }, [compiler])
+
+  // clear the compile cache
+  const clearCache = useCallback(() => {
+    setClearingCache(true)
+
+    return compiler
+      .clearCache()
+      .then(() => {
+        setFileList(undefined)
+        setPdfFile(undefined)
+      })
+      .finally(() => {
+        setClearingCache(false)
+      })
+  }, [compiler])
+
+  const syncToEntry = useCallback(
+    (entry, keepCurrentView = false) => {
+      const result = findEntityByPath(entry.file)
+
+      if (result && result.type === 'doc') {
+        openDocWithId(result.entity._id, {
+          gotoLine: entry.line ?? undefined,
+          gotoColumn: entry.column ?? undefined,
+          keepCurrentView,
+        })
+      }
+    },
+    [findEntityByPath, openDocWithId]
+  )
+
+  // clear the cache then run a compile, triggered by a menu item
+  const recompileFromScratch = useCallback(() => {
+    clearCache().then(() => {
+      compiler.compile()
+    })
+  }, [clearCache, compiler])
+
+  // After a compile, the compiler sets `data.options` to the options that were
+  // used for that compile.
+  const lastCompileOptions = useMemo(() => data?.options || {}, [data])
+
+  useEffect(() => {
+    const listener = (event: Event) => {
+      setShowLogs((event as CustomEvent<boolean>).detail as boolean)
+    }
+
+    window.addEventListener('editor:show-logs', listener)
+
+    return () => {
+      window.removeEventListener('editor:show-logs', listener)
+    }
+  }, [])
+
+  const value = useMemo(
+    () => ({
+      animateCompileDropdownArrow,
+      autoCompile,
+      clearCache,
+      clearingCache,
+      clsiServerId,
+      codeCheckFailed,
+      compiling,
+      deliveryLatencies,
+      draft,
+      editedSinceCompileStarted,
+      error,
+      fileList,
+      hasChanges,
+      hasShortCompileTimeout,
+      highlights,
+      isProjectOwner,
+      lastCompileOptions,
+      logEntryAnnotations,
+      logEntries,
+      pdfDownloadUrl: pdfFile?.pdfDownloadUrl,
+      pdfFile,
+      pdfUrl: pdfFile?.pdfUrl,
+      pdfViewer,
+      position,
+      rawLog,
+      recompileFromScratch,
+      setAnimateCompileDropdownArrow,
+      setAutoCompile,
+      setCompiling,
+      setDraft,
+      setError,
+      setHasLintingError, // only for stories
+      setHighlights,
+      setPosition,
+      showCompileTimeWarning,
+      setShowCompileTimeWarning,
+      setShowLogs,
+      toggleLogs,
+      setStopOnFirstError,
+      setStopOnValidationError,
+      showLogs,
+      startCompile,
+      stopCompile,
+      stopOnFirstError,
+      stopOnValidationError,
+      stoppedOnFirstError,
+      uncompiled,
+      validationIssues,
+      firstRenderDone,
+      setChangedAt,
+      cleanupCompileResult,
+      syncToEntry,
+      recordAction,
+    }),
+    [
+      animateCompileDropdownArrow,
+      autoCompile,
+      clearCache,
+      clearingCache,
+      clsiServerId,
+      codeCheckFailed,
+      compiling,
+      deliveryLatencies,
+      draft,
+      editedSinceCompileStarted,
+      error,
+      fileList,
+      hasChanges,
+      hasShortCompileTimeout,
+      highlights,
+      isProjectOwner,
+      lastCompileOptions,
+      logEntries,
+      logEntryAnnotations,
+      position,
+      pdfFile,
+      pdfViewer,
+      rawLog,
+      recompileFromScratch,
+      setAnimateCompileDropdownArrow,
+      setAutoCompile,
+      setDraft,
+      setError,
+      setHasLintingError, // only for stories
+      setHighlights,
+      setPosition,
+      setShowCompileTimeWarning,
+      setStopOnFirstError,
+      setStopOnValidationError,
+      showCompileTimeWarning,
+      showLogs,
+      startCompile,
+      stopCompile,
+      stopOnFirstError,
+      stopOnValidationError,
+      stoppedOnFirstError,
+      uncompiled,
+      validationIssues,
+      firstRenderDone,
+      setChangedAt,
+      cleanupCompileResult,
+      setShowLogs,
+      toggleLogs,
+      syncToEntry,
+      recordAction,
+    ]
+  )
+
+  return (
+    <LocalCompileContext.Provider value={value}>
+      {children}
+    </LocalCompileContext.Provider>
+  )
+}
+
+export function useLocalCompileContext() {
+  const context = useContext(LocalCompileContext)
+  if (!context) {
+    throw new Error(
+      'useLocalCompileContext is only available inside LocalCompileProvider'
+    )
+  }
+  return context
+}
diff --git a/services/web/frontend/js/shared/context/mock/mock-ide.js b/services/web/frontend/js/shared/context/mock/mock-ide.js
new file mode 100644
index 0000000..822d3b1
--- /dev/null
+++ b/services/web/frontend/js/shared/context/mock/mock-ide.js
@@ -0,0 +1,56 @@
+import getMeta from '../../../utils/meta'
+
+// When rendered without Angular, ide isn't defined. In that case we use
+// a mock object that only has the required properties to pass proptypes
+// checks and the values needed for the app. In the longer term, the mock
+// object will replace ide completely.
+export const getMockIde = () => {
+  return {
+    _id: getMeta('ol-project_id'),
+    $scope: {
+      $on: () => {},
+      $watch: () => {},
+      $applyAsync: () => {},
+      user: {},
+      project: {
+        _id: getMeta('ol-project_id'),
+        name: getMeta('ol-projectName'),
+        rootDocId: '',
+        members: [],
+        invites: [],
+        features: {
+          collaborators: 0,
+          compileGroup: 'standard',
+          trackChangesVisible: false,
+          references: false,
+          mendeley: false,
+          zotero: false,
+        },
+        publicAccessLevel: '',
+        owner: {
+          _id: '',
+          email: '',
+        },
+      },
+      permissionsLevel: 'readOnly',
+      editor: {
+        sharejs_doc: null,
+        showSymbolPalette: false,
+        toggleSymbolPalette: () => {},
+      },
+      ui: {
+        view: 'pdf',
+        chatOpen: false,
+        reviewPanelOpen: false,
+        leftMenuShown: false,
+        pdfLayout: 'flat',
+      },
+      pdf: {
+        uncompiled: true,
+        logEntryAnnotations: {},
+      },
+      settings: { syntaxValidation: false, pdfViewer: 'pdfjs' },
+      hasLintingError: false,
+    },
+  }
+}
diff --git a/services/web/frontend/js/shared/context/nestable-dropdown-context.tsx b/services/web/frontend/js/shared/context/nestable-dropdown-context.tsx
new file mode 100644
index 0000000..3f1b7f9
--- /dev/null
+++ b/services/web/frontend/js/shared/context/nestable-dropdown-context.tsx
@@ -0,0 +1,25 @@
+import { createContext, Dispatch, FC, SetStateAction, useState } from 'react'
+
+export type NestableDropdownContextType = {
+  selected: string | null
+  setSelected: Dispatch<SetStateAction<string | null>>
+  menuId: string
+}
+
+export const NestableDropdownContext = createContext<
+  NestableDropdownContextType | undefined
+>(undefined)
+
+export const NestableDropdownContextProvider: FC<{ id: string }> = ({
+  id,
+  children,
+}) => {
+  const [selected, setSelected] = useState<string | null>(null)
+  return (
+    <NestableDropdownContext.Provider
+      value={{ selected, setSelected, menuId: id }}
+    >
+      {children}
+    </NestableDropdownContext.Provider>
+  )
+}
diff --git a/services/web/frontend/js/shared/context/project-context.tsx b/services/web/frontend/js/shared/context/project-context.tsx
new file mode 100644
index 0000000..b97db3d
--- /dev/null
+++ b/services/web/frontend/js/shared/context/project-context.tsx
@@ -0,0 +1,98 @@
+import { FC, createContext, useContext, useMemo, useState } from 'react'
+import useScopeValue from '../hooks/use-scope-value'
+import getMeta from '@/utils/meta'
+import { ProjectContextValue } from './types/project-context'
+import { ProjectSnapshot } from '@/infrastructure/project-snapshot'
+
+const ProjectContext = createContext<ProjectContextValue | undefined>(undefined)
+
+export function useProjectContext() {
+  const context = useContext(ProjectContext)
+
+  if (!context) {
+    throw new Error(
+      'useProjectContext is only available inside ProjectProvider'
+    )
+  }
+
+  return context
+}
+
+// when the provider is created the project is still not added to the Angular
+// scope. A few props are populated to prevent errors in existing React
+// components
+const projectFallback = {
+  _id: getMeta('ol-project_id'),
+  name: '',
+  features: {},
+}
+
+export const ProjectProvider: FC = ({ children }) => {
+  const [project] = useScopeValue('project')
+  const joinedOnce = !!project
+
+  const {
+    _id,
+    compiler,
+    imageName,
+    name,
+    rootDoc_id: rootDocId,
+    members,
+    invites,
+    features,
+    publicAccesLevel: publicAccessLevel,
+    owner,
+    trackChangesState,
+    mainBibliographyDoc_id: mainBibliographyDocId,
+  } = project || projectFallback
+
+  const [projectSnapshot] = useState(() => new ProjectSnapshot(_id))
+
+  const tags = useMemo(
+    () =>
+      (getMeta('ol-projectTags') || [])
+        // `tag.name` data may be null for some old users
+        .map((tag: any) => ({ ...tag, name: tag.name ?? '' })),
+    []
+  )
+
+  const value = useMemo(() => {
+    return {
+      _id,
+      compiler,
+      imageName,
+      name,
+      rootDocId,
+      members,
+      invites,
+      features,
+      publicAccessLevel,
+      owner,
+      tags,
+      trackChangesState,
+      mainBibliographyDocId,
+      projectSnapshot,
+      joinedOnce,
+    }
+  }, [
+    _id,
+    compiler,
+    imageName,
+    name,
+    rootDocId,
+    members,
+    invites,
+    features,
+    publicAccessLevel,
+    owner,
+    tags,
+    trackChangesState,
+    mainBibliographyDocId,
+    projectSnapshot,
+    joinedOnce,
+  ])
+
+  return (
+    <ProjectContext.Provider value={value}>{children}</ProjectContext.Provider>
+  )
+}
diff --git a/services/web/frontend/js/shared/context/split-test-context.tsx b/services/web/frontend/js/shared/context/split-test-context.tsx
new file mode 100644
index 0000000..4902dad
--- /dev/null
+++ b/services/web/frontend/js/shared/context/split-test-context.tsx
@@ -0,0 +1,56 @@
+import { createContext, FC, useContext, useMemo } from 'react'
+import getMeta from '../../utils/meta'
+import { SplitTestInfo } from '../../../../types/split-test'
+
+export const SplitTestContext = createContext<
+  | {
+      splitTestVariants: Record<string, string>
+      splitTestInfo: Record<string, SplitTestInfo>
+    }
+  | undefined
+>(undefined)
+
+export const SplitTestProvider: FC = ({ children }) => {
+  const value = useMemo(
+    () => ({
+      splitTestVariants: getMeta('ol-splitTestVariants') || {},
+      splitTestInfo: getMeta('ol-splitTestInfo') || {},
+    }),
+    []
+  )
+
+  return (
+    <SplitTestContext.Provider value={value}>
+      {children}
+    </SplitTestContext.Provider>
+  )
+}
+
+export function useSplitTestContext() {
+  const context = useContext(SplitTestContext)
+
+  if (!context) {
+    throw new Error(
+      'useSplitTestContext is only available within SplitTestProvider'
+    )
+  }
+
+  return context
+}
+
+export function useFeatureFlag(name: string) {
+  const { splitTestVariants } = useSplitTestContext()
+  return splitTestVariants[name] === 'enabled'
+}
+
+export function useSplitTest(name: string): {
+  variant: string | undefined
+  info: SplitTestInfo | undefined
+} {
+  const { splitTestVariants, splitTestInfo } = useSplitTestContext()
+
+  return {
+    variant: splitTestVariants[name],
+    info: splitTestInfo[name],
+  }
+}
diff --git a/services/web/frontend/js/shared/context/types/project-context.tsx b/services/web/frontend/js/shared/context/types/project-context.tsx
new file mode 100644
index 0000000..18eb420
--- /dev/null
+++ b/services/web/frontend/js/shared/context/types/project-context.tsx
@@ -0,0 +1,56 @@
+import { UserId } from '../../../../../types/user'
+import { PublicAccessLevel } from '../../../../../types/public-access-level'
+import { ProjectSnapshot } from '@/infrastructure/project-snapshot'
+
+export type ProjectContextMember = {
+  _id: UserId
+  privileges: 'readOnly' | 'readAndWrite' | 'review'
+  email: string
+  first_name: string
+  last_name: string
+  pendingEditor?: boolean
+  pendingReviewer?: boolean
+}
+
+export type ProjectContextValue = {
+  _id: string
+  name: string
+  rootDocId?: string
+  mainBibliographyDocId?: string
+  compiler: string
+  imageName: string
+  members: ProjectContextMember[]
+  invites: ProjectContextMember[]
+  features: {
+    collaborators?: number
+    compileGroup?: 'alpha' | 'standard' | 'priority'
+    trackChanges?: boolean
+    trackChangesVisible?: boolean
+    references?: boolean
+    mendeley?: boolean
+    zotero?: boolean
+    versioning?: boolean
+    gitBridge?: boolean
+    referencesSearch?: boolean
+    github?: boolean
+  }
+  publicAccessLevel?: PublicAccessLevel
+  owner: {
+    _id: UserId
+    email: string
+    first_name: string
+    last_name: string
+    privileges: string
+    signUpDate: string
+  }
+  tags: {
+    _id: string
+    name: string
+    color?: string
+  }[]
+  trackChangesState: boolean | Record<UserId | '__guests__', boolean>
+  projectSnapshot: ProjectSnapshot
+  joinedOnce: boolean
+}
+
+export type ProjectContextUpdateValue = Partial<ProjectContextValue>
diff --git a/services/web/frontend/js/shared/context/types/writefull-instance.ts b/services/web/frontend/js/shared/context/types/writefull-instance.ts
new file mode 100644
index 0000000..ec37a7d
--- /dev/null
+++ b/services/web/frontend/js/shared/context/types/writefull-instance.ts
@@ -0,0 +1,38 @@
+export interface WritefullEvents {
+  'writefull-login-complete': {
+    method: 'email-password' | 'login-with-overleaf'
+  }
+  'writefull-received-suggestions': { numberOfSuggestions: number }
+  'writefull-register-as-auto-account': { email: string }
+  'writefull-shared-analytics': { eventName: string; segmentation: object }
+  'writefull-ai-assist-show-paywall': { origin?: string }
+}
+
+type InsertPosition = {
+  parentSelector: string
+  insertBeforeSelector?: string
+}
+
+export interface WritefullAPI {
+  init({
+    toolbarPosition,
+    iconPosition,
+    hasAgreedToTOS,
+    overleafUserId,
+  }: {
+    toolbarPosition: InsertPosition
+    iconPosition: InsertPosition
+    hasAgreedToTOS: boolean
+    overleafUserId: string
+  }): Promise<void>
+  addEventListener<eventName extends keyof WritefullEvents>(
+    name: eventName,
+    callback: (detail: WritefullEvents[eventName]) => void
+  ): void
+  removeEventListener<eventName extends keyof WritefullEvents>(
+    name: eventName,
+    callback: (detail: WritefullEvents[eventName]) => void
+  ): void
+  openTableGenerator(): void
+  openEquationGenerator(): void
+}
diff --git a/services/web/frontend/js/shared/context/user-context.tsx b/services/web/frontend/js/shared/context/user-context.tsx
new file mode 100644
index 0000000..598455a
--- /dev/null
+++ b/services/web/frontend/js/shared/context/user-context.tsx
@@ -0,0 +1,25 @@
+import { createContext, FC, useContext, useMemo } from 'react'
+import getMeta from '../../utils/meta'
+import { LoggedOutUser, User } from '../../../../types/user'
+
+export const UserContext = createContext<User | LoggedOutUser | undefined>(
+  undefined
+)
+
+export const UserProvider: FC = ({ children }) => {
+  const user = useMemo(() => getMeta('ol-user'), [])
+
+  return <UserContext.Provider value={user}>{children}</UserContext.Provider>
+}
+
+export function useUserContext() {
+  const context = useContext(UserContext)
+
+  if (!context) {
+    throw new Error(
+      'useUserContext is only available inside UserContext, or `ol-user` meta is not defined'
+    )
+  }
+
+  return context
+}
diff --git a/services/web/frontend/js/shared/context/user-settings-context.tsx b/services/web/frontend/js/shared/context/user-settings-context.tsx
new file mode 100644
index 0000000..b9b6f22
--- /dev/null
+++ b/services/web/frontend/js/shared/context/user-settings-context.tsx
@@ -0,0 +1,93 @@
+import {
+  createContext,
+  useContext,
+  useMemo,
+  Dispatch,
+  SetStateAction,
+  FC,
+  useState,
+  useEffect,
+} from 'react'
+
+import { UserSettings, Keybindings } from '../../../../types/user-settings'
+import getMeta from '@/utils/meta'
+import useScopeValue from '@/shared/hooks/use-scope-value'
+import { userStyles } from '../utils/styles'
+
+const defaultSettings: UserSettings = {
+  pdfViewer: 'pdfjs',
+  autoComplete: true,
+  autoPairDelimiters: true,
+  syntaxValidation: false,
+  editorTheme: 'textmate',
+  overallTheme: '',
+  mode: 'default',
+  fontSize: 12,
+  fontFamily: 'monaco',
+  lineHeight: 'normal',
+  mathPreview: true,
+  referencesSearchMode: 'advanced',
+  enableNewEditor: true,
+}
+
+type UserSettingsContextValue = {
+  userSettings: UserSettings
+  setUserSettings: Dispatch<
+    SetStateAction<UserSettingsContextValue['userSettings']>
+  >
+}
+
+type ScopeSettings = {
+  overallTheme: 'light' | 'dark'
+  keybindings: Keybindings
+  fontSize: number
+  fontFamily: string
+  lineHeight: number
+}
+
+export const UserSettingsContext = createContext<
+  UserSettingsContextValue | undefined
+>(undefined)
+
+export const UserSettingsProvider: FC = ({ children }) => {
+  const [userSettings, setUserSettings] = useState<UserSettings>(
+    () => getMeta('ol-userSettings') || defaultSettings
+  )
+
+  // update the global scope 'settings' value, for extensions
+  const [, setScopeSettings] = useScopeValue<ScopeSettings>('settings')
+  useEffect(() => {
+    const { fontFamily, lineHeight } = userStyles(userSettings)
+    setScopeSettings({
+      overallTheme: userSettings.overallTheme === 'light-' ? 'light' : 'dark',
+      keybindings: userSettings.mode === 'none' ? 'default' : userSettings.mode,
+      fontFamily,
+      lineHeight,
+      fontSize: userSettings.fontSize,
+    })
+  }, [setScopeSettings, userSettings])
+
+  const value = useMemo<UserSettingsContextValue>(
+    () => ({
+      userSettings,
+      setUserSettings,
+    }),
+    [userSettings, setUserSettings]
+  )
+
+  return (
+    <UserSettingsContext.Provider value={value}>
+      {children}
+    </UserSettingsContext.Provider>
+  )
+}
+
+export function useUserSettingsContext() {
+  const context = useContext(UserSettingsContext)
+  if (!context) {
+    throw new Error(
+      'useUserSettingsContext is only available inside UserSettingsProvider'
+    )
+  }
+  return context
+}
diff --git a/services/web/frontend/js/shared/hooks/promotions/use-tutorial.tsx b/services/web/frontend/js/shared/hooks/promotions/use-tutorial.tsx
new file mode 100644
index 0000000..2d5e814
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/promotions/use-tutorial.tsx
@@ -0,0 +1,101 @@
+import { useCallback, useState } from 'react'
+import * as eventTracking from '@/infrastructure/event-tracking'
+import { postJSON } from '@/infrastructure/fetch-json'
+import { debugConsole } from '@/utils/debugging'
+import { useEditorContext } from '@/shared/context/editor-context'
+
+export const useTutorial = (
+  tutorialKey: string,
+  eventData: Record<string, any> = {}
+) => {
+  const [showPopup, setShowPopup] = useState(false)
+
+  const { deactivateTutorial, currentPopup, setCurrentPopup } =
+    useEditorContext()
+
+  const completeTutorial = useCallback(
+    async ({
+      event = 'promo-click',
+      action = 'complete',
+      ...rest
+    }: {
+      event: 'promo-click' | 'promo-dismiss'
+      action: 'complete' | 'postpone'
+    } & Record<string, any>) => {
+      eventTracking.sendMB(event, { ...eventData, ...rest })
+      try {
+        await postJSON(`/tutorial/${tutorialKey}/${action}`)
+      } catch (err) {
+        debugConsole.error(err)
+      }
+      setShowPopup(false)
+      deactivateTutorial(tutorialKey)
+    },
+    [deactivateTutorial, eventData, tutorialKey]
+  )
+
+  const dismissTutorial = useCallback(async () => {
+    await completeTutorial({
+      event: 'promo-dismiss',
+      action: 'complete',
+    })
+  }, [completeTutorial])
+
+  const maybeLater = useCallback(async () => {
+    await completeTutorial({
+      event: 'promo-click',
+      action: 'postpone',
+      button: 'maybe-later',
+    })
+  }, [completeTutorial])
+
+  // try to show the popup if we don't already have one showing, returns true if it can show, false if it can't
+  const tryShowingPopup = useCallback(
+    (eventName: string = 'promo-prompt') => {
+      if (currentPopup === null) {
+        setCurrentPopup(tutorialKey)
+        setShowPopup(true)
+        eventTracking.sendMB(eventName, eventData)
+        return true
+      }
+      return false
+    },
+    [currentPopup, setCurrentPopup, tutorialKey, eventData]
+  )
+
+  const clearPopup = useCallback(() => {
+    // popups should only clear themselves, in cases they need to cleanup or shouldnt show anymore
+    // allow forcing the clear if needed, eg: higher prio alert needs to show
+    if (currentPopup === tutorialKey) {
+      setCurrentPopup(null)
+      setShowPopup(false)
+    }
+  }, [setCurrentPopup, setShowPopup, currentPopup, tutorialKey])
+
+  const clearAndShow = useCallback(
+    (eventName: string = 'promo-prompt') => {
+      setCurrentPopup(tutorialKey)
+      setShowPopup(true)
+      eventTracking.sendMB(eventName, eventData)
+    },
+    [setCurrentPopup, setShowPopup, tutorialKey, eventData]
+  )
+
+  const hideUntilReload = useCallback(() => {
+    clearPopup()
+    deactivateTutorial(tutorialKey)
+  }, [clearPopup, deactivateTutorial, tutorialKey])
+
+  return {
+    completeTutorial,
+    dismissTutorial,
+    maybeLater,
+    tryShowingPopup,
+    clearPopup,
+    clearAndShow,
+    showPopup,
+    hideUntilReload,
+  }
+}
+
+export default useTutorial
diff --git a/services/web/frontend/js/shared/hooks/use-abort-controller.ts b/services/web/frontend/js/shared/hooks/use-abort-controller.ts
new file mode 100644
index 0000000..c6ad09e
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-abort-controller.ts
@@ -0,0 +1,14 @@
+import 'abort-controller/polyfill'
+import { useEffect, useState } from 'react'
+
+export default function useAbortController() {
+  const [controller] = useState(() => new AbortController())
+
+  useEffect(() => {
+    return () => {
+      controller.abort()
+    }
+  }, [controller])
+
+  return controller
+}
diff --git a/services/web/frontend/js/shared/hooks/use-async.ts b/services/web/frontend/js/shared/hooks/use-async.ts
new file mode 100644
index 0000000..b0c4233
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-async.ts
@@ -0,0 +1,82 @@
+import * as React from 'react'
+import useSafeDispatch from './use-safe-dispatch'
+import { Nullable } from '../../../../types/utils'
+import { FetchError } from '../../infrastructure/fetch-json'
+
+type State<T, E> = {
+  status: 'idle' | 'pending' | 'resolved' | 'rejected'
+  data: Nullable<T>
+  error: Nullable<E>
+}
+type Action<T, E> = Partial<State<T, E>>
+
+const defaultInitialState: State<null, null> = {
+  status: 'idle',
+  data: null,
+  error: null,
+}
+
+function useAsync<T = any, E extends Error | FetchError = Error>(
+  initialState?: Partial<State<T, E>>
+) {
+  const initialStateRef = React.useRef({
+    ...defaultInitialState,
+    ...initialState,
+  })
+  const [{ status, data, error }, setState] = React.useReducer(
+    (state: State<T, E>, action: Action<T, E>) => ({ ...state, ...action }),
+    initialStateRef.current
+  )
+
+  const safeSetState = useSafeDispatch(setState)
+
+  const setData = React.useCallback(
+    (data: Nullable<T>) => safeSetState({ data, status: 'resolved' }),
+    [safeSetState]
+  )
+
+  const setError = React.useCallback(
+    (error: Nullable<E>) => safeSetState({ error, status: 'rejected' }),
+    [safeSetState]
+  )
+
+  const reset = React.useCallback(
+    () => safeSetState(initialStateRef.current),
+    [safeSetState]
+  )
+
+  const runAsync = React.useCallback(
+    (promise: Promise<T>) => {
+      safeSetState({ status: 'pending' })
+
+      return promise.then(
+        data => {
+          setData(data)
+          return data
+        },
+        error => {
+          setError(error)
+          return Promise.reject(error)
+        }
+      )
+    },
+    [safeSetState, setData, setError]
+  )
+
+  return {
+    isIdle: status === 'idle',
+    isLoading: status === 'pending',
+    isError: status === 'rejected',
+    isSuccess: status === 'resolved',
+    setData,
+    setError,
+    error,
+    status,
+    data,
+    runAsync,
+    reset,
+  }
+}
+
+export default useAsync
+export type UseAsyncReturnType = ReturnType<typeof useAsync>
diff --git a/services/web/frontend/js/shared/hooks/use-bookmarkable-tabset.js b/services/web/frontend/js/shared/hooks/use-bookmarkable-tabset.js
new file mode 100644
index 0000000..b483a4a
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-bookmarkable-tabset.js
@@ -0,0 +1,33 @@
+import { useEffect, useState } from 'react'
+import { useLocation } from './use-location'
+
+function useBookmarkableTabSet(defaultState) {
+  const location = useLocation()
+
+  const [activeTabState, setActiveTabState] = useState(() => {
+    const url = new URL(window.location.href)
+    return url.hash.slice(1) || defaultState
+  })
+
+  function setActiveTab(eventKey) {
+    setActiveTabState(eventKey)
+    location.assign(`#${eventKey}`)
+  }
+
+  useEffect(() => {
+    const handlePopstate = () => {
+      const newUrl = new URL(window.location.href)
+      setActiveTabState(newUrl.hash.slice(1) || defaultState)
+    }
+
+    window.addEventListener('popstate', handlePopstate)
+
+    return () => {
+      window.removeEventListener('popstate', handlePopstate)
+    }
+  })
+
+  return [activeTabState, setActiveTab]
+}
+
+export default useBookmarkableTabSet
diff --git a/services/web/frontend/js/shared/hooks/use-browser-window.ts b/services/web/frontend/js/shared/hooks/use-browser-window.ts
new file mode 100644
index 0000000..58e3975
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-browser-window.ts
@@ -0,0 +1,68 @@
+import { useEffect, useState } from 'react'
+
+let titleIsFlashing = false
+let originalTitle = ''
+let flashIntervalHandle: ReturnType<typeof setInterval>
+
+function flashTitle(message: string) {
+  if (document.hasFocus() || titleIsFlashing) {
+    return
+  }
+
+  function swapTitle() {
+    if (window.document.title === originalTitle) {
+      window.document.title = message
+    } else {
+      window.document.title = originalTitle
+    }
+  }
+
+  originalTitle = window.document.title
+  window.document.title = message
+  titleIsFlashing = true
+  flashIntervalHandle = setInterval(swapTitle, 800)
+}
+
+function stopFlashingTitle() {
+  if (!titleIsFlashing) {
+    return
+  }
+
+  clearInterval(flashIntervalHandle)
+  window.document.title = originalTitle
+  originalTitle = ''
+  titleIsFlashing = false
+}
+
+function setTitle(title: string) {
+  if (titleIsFlashing) {
+    originalTitle = title
+  } else {
+    window.document.title = title
+  }
+}
+
+function useBrowserWindow() {
+  const [hasFocus, setHasFocus] = useState(() => document.hasFocus())
+
+  useEffect(() => {
+    function handleFocusEvent() {
+      setHasFocus(true)
+    }
+
+    function handleBlurEvent() {
+      setHasFocus(false)
+    }
+
+    window.addEventListener('focus', handleFocusEvent)
+    window.addEventListener('blur', handleBlurEvent)
+    return () => {
+      window.removeEventListener('focus', handleFocusEvent)
+      window.removeEventListener('blur', handleBlurEvent)
+    }
+  }, [])
+
+  return { hasFocus, flashTitle, stopFlashingTitle, setTitle }
+}
+
+export default useBrowserWindow
diff --git a/services/web/frontend/js/shared/hooks/use-callback-handlers.ts b/services/web/frontend/js/shared/hooks/use-callback-handlers.ts
new file mode 100644
index 0000000..897765d
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-callback-handlers.ts
@@ -0,0 +1,21 @@
+import { useCallback, useRef } from 'react'
+
+export default function useCallbackHandlers() {
+  const handlersRef = useRef(new Set<(...arg: any[]) => void>())
+
+  const addHandler = useCallback((handler: (...args: any[]) => void) => {
+    handlersRef.current.add(handler)
+  }, [])
+
+  const deleteHandler = useCallback((handler: (...args: any[]) => void) => {
+    handlersRef.current.delete(handler)
+  }, [])
+
+  const callHandlers = useCallback((...args: any[]) => {
+    for (const handler of handlersRef.current) {
+      handler(...args)
+    }
+  }, [])
+
+  return { addHandler, deleteHandler, callHandlers }
+}
diff --git a/services/web/frontend/js/shared/hooks/use-contact-us-modal.tsx b/services/web/frontend/js/shared/hooks/use-contact-us-modal.tsx
new file mode 100644
index 0000000..19810f6
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-contact-us-modal.tsx
@@ -0,0 +1,38 @@
+import importOverleafModules from '../../../macros/import-overleaf-module.macro'
+import {
+  JSXElementConstructor,
+  useCallback,
+  useState,
+  type UIEvent,
+} from 'react'
+
+const [contactUsModalModules] = importOverleafModules('contactUsModal')
+const ContactUsModal: JSXElementConstructor<{
+  show: boolean
+  handleHide: () => void
+  autofillProjectUrl: boolean
+}> = contactUsModalModules?.import.default
+
+export const useContactUsModal = (options = { autofillProjectUrl: true }) => {
+  const [show, setShow] = useState(false)
+
+  const hideModal = useCallback((event?: Event) => {
+    event?.preventDefault()
+    setShow(false)
+  }, [])
+
+  const showModal = useCallback((event?: Event | UIEvent) => {
+    event?.preventDefault()
+    setShow(true)
+  }, [])
+
+  const modal = ContactUsModal && (
+    <ContactUsModal
+      show={show}
+      handleHide={hideModal}
+      autofillProjectUrl={options.autofillProjectUrl}
+    />
+  )
+
+  return { modal, hideModal, showModal }
+}
diff --git a/services/web/frontend/js/shared/hooks/use-debounce.ts b/services/web/frontend/js/shared/hooks/use-debounce.ts
new file mode 100644
index 0000000..5fee07b
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-debounce.ts
@@ -0,0 +1,23 @@
+import { useEffect, useState } from 'react'
+
+/**
+ * @template T
+ * @param {T} value
+ * @param {number} delay
+ * @returns {T}
+ */
+export default function useDebounce<T>(value: T, delay = 0) {
+  const [debouncedValue, setDebouncedValue] = useState(value)
+
+  useEffect(() => {
+    const timer = window.setTimeout(() => {
+      setDebouncedValue(value)
+    }, delay)
+
+    return () => {
+      window.clearTimeout(timer)
+    }
+  }, [value, delay])
+
+  return debouncedValue
+}
diff --git a/services/web/frontend/js/shared/hooks/use-deep-compare-effect.ts b/services/web/frontend/js/shared/hooks/use-deep-compare-effect.ts
new file mode 100644
index 0000000..637afe3
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-deep-compare-effect.ts
@@ -0,0 +1,16 @@
+import { useEffect, useRef } from 'react'
+import _ from 'lodash'
+
+export default function useDeepCompareEffect<T>(
+  callback: () => void,
+  dependencies: T[]
+) {
+  const ref = useRef<T[]>()
+  return useEffect(() => {
+    if (_.isEqual(dependencies, ref.current)) {
+      return
+    }
+    ref.current = dependencies
+    callback()
+  }, dependencies) // eslint-disable-line react-hooks/exhaustive-deps
+}
diff --git a/services/web/frontend/js/shared/hooks/use-detach-action.js b/services/web/frontend/js/shared/hooks/use-detach-action.js
new file mode 100644
index 0000000..ed7f220
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-detach-action.js
@@ -0,0 +1,52 @@
+import { useCallback, useEffect } from 'react'
+import { useDetachContext } from '../context/detach-context'
+import getMeta from '../../utils/meta'
+import { debugConsole } from '@/utils/debugging'
+
+const debugPdfDetach = getMeta('ol-debugPdfDetach')
+
+export default function useDetachAction(
+  actionName,
+  actionFunction,
+  senderRole,
+  targetRole
+) {
+  const { role, broadcastEvent, addEventHandler, deleteEventHandler } =
+    useDetachContext()
+
+  const eventName = `action-${actionName}`
+
+  const triggerFn = useCallback(
+    (...args) => {
+      if (role === senderRole) {
+        broadcastEvent(eventName, { args })
+      } else {
+        actionFunction(...args)
+      }
+    },
+    [role, senderRole, eventName, actionFunction, broadcastEvent]
+  )
+
+  const handleActionEvent = useCallback(
+    message => {
+      if (message.event !== eventName) {
+        return
+      }
+      if (role !== targetRole) {
+        return
+      }
+      if (debugPdfDetach) {
+        debugConsole.warn(`Do ${actionFunction.name} on event ${eventName}`)
+      }
+      actionFunction(...message.data.args)
+    },
+    [role, targetRole, eventName, actionFunction]
+  )
+
+  useEffect(() => {
+    addEventHandler(handleActionEvent)
+    return () => deleteEventHandler(handleActionEvent)
+  }, [addEventHandler, deleteEventHandler, handleActionEvent])
+
+  return triggerFn
+}
diff --git a/services/web/frontend/js/shared/hooks/use-detach-layout.ts b/services/web/frontend/js/shared/hooks/use-detach-layout.ts
new file mode 100644
index 0000000..3b9bad8
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-detach-layout.ts
@@ -0,0 +1,191 @@
+import { useCallback, useState, useEffect, useRef } from 'react'
+import { useDetachContext } from '../context/detach-context'
+import getMeta from '../../utils/meta'
+import { buildUrlWithDetachRole } from '../utils/url-helper'
+import * as eventTracking from '../../infrastructure/event-tracking'
+import usePreviousValue from './use-previous-value'
+import { debugConsole } from '@/utils/debugging'
+
+const debugPdfDetach = getMeta('ol-debugPdfDetach')
+
+const LINKING_TIMEOUT = 60000
+const RELINK_TIMEOUT = 10000
+
+export default function useDetachLayout() {
+  const { role, setRole, broadcastEvent, addEventHandler, deleteEventHandler } =
+    useDetachContext()
+
+  // isLinking: when the tab expects to be linked soon (e.g. on detach)
+  const [isLinking, setIsLinking] = useState(false)
+
+  // isLinked: when the tab is linked to another tab (of different role)
+  const [isLinked, setIsLinked] = useState(false)
+
+  // isRedundant: when a second detacher tab is opened, the first becomes
+  // redundant
+  const [isRedundant, setIsRedundant] = useState(false)
+
+  const uiTimeoutRef = useRef<ReturnType<typeof setTimeout>>()
+
+  useEffect(() => {
+    if (debugPdfDetach) {
+      debugConsole.warn('Effect', { isLinked })
+    }
+    setIsLinking(false)
+  }, [isLinked, setIsLinking])
+
+  useEffect(() => {
+    if (debugPdfDetach) {
+      debugConsole.warn('Effect', { role, isLinked })
+    }
+    if (role === 'detached' && isLinked) {
+      eventTracking.sendMB('project-layout-detached')
+    }
+  }, [role, isLinked])
+
+  useEffect(() => {
+    if (uiTimeoutRef.current) {
+      clearTimeout(uiTimeoutRef.current)
+    }
+    if (role === 'detacher' && isLinked === false) {
+      // the detacher tab either a) disconnected from its detached tab(s), b)is
+      // loading and no detached tab(s) is connected yet or c) is detaching and
+      // waiting for the detached tab to connect.  Start a timeout to put
+      // the tab back in non-detacher role in case no detached tab are connected
+      uiTimeoutRef.current = setTimeout(
+        () => {
+          setRole(null)
+        },
+        isLinking ? LINKING_TIMEOUT : RELINK_TIMEOUT
+      )
+    }
+  }, [role, isLinking, isLinked, setRole])
+
+  useEffect(() => {
+    if (debugPdfDetach) {
+      debugConsole.warn('Effect', { isLinking })
+    }
+  }, [isLinking])
+
+  const previousRole = usePreviousValue(role)
+  useEffect(() => {
+    if (previousRole && !role) {
+      eventTracking.sendMB('project-layout-reattached')
+    }
+  }, [previousRole, role])
+
+  const reattach = useCallback(() => {
+    broadcastEvent('reattach')
+    setRole(null)
+    setIsLinked(false)
+  }, [setRole, setIsLinked, broadcastEvent])
+
+  const detach = useCallback(() => {
+    setIsRedundant(false)
+    setRole('detacher')
+    setIsLinking(true)
+
+    window.open(buildUrlWithDetachRole('detached').toString(), '_blank')
+  }, [setRole, setIsLinking])
+
+  const handleEventForDetacherFromDetacher = useCallback(() => {
+    if (debugPdfDetach) {
+      debugConsole.warn(
+        'Duplicate detacher detected, turning into a regular editor again'
+      )
+    }
+    setIsRedundant(true)
+    setIsLinked(false)
+    setRole(null)
+  }, [setRole, setIsLinked])
+
+  const handleEventForDetacherFromDetached = useCallback(
+    message => {
+      switch (message.event) {
+        case 'connected':
+          broadcastEvent('up')
+          setIsLinked(true)
+          break
+        case 'up':
+          setIsLinked(true)
+          break
+        case 'closed':
+          setIsLinked(false)
+          break
+      }
+    },
+    [setIsLinked, broadcastEvent]
+  )
+
+  const handleEventForDetachedFromDetacher = useCallback(
+    message => {
+      switch (message.event) {
+        case 'connected':
+          broadcastEvent('up')
+          setIsLinked(true)
+          break
+        case 'up':
+          setIsLinked(true)
+          break
+        case 'closed':
+          setIsLinked(false)
+          break
+        case 'reattach':
+          setIsLinked(false) // set as unlinked, in case closing is not allowed
+          window.close()
+          break
+      }
+    },
+    [setIsLinked, broadcastEvent]
+  )
+
+  const handleEventForDetachedFromDetached = useCallback(
+    message => {
+      switch (message.event) {
+        case 'closed':
+          broadcastEvent('up')
+          break
+      }
+    },
+    [broadcastEvent]
+  )
+
+  const handleEvent = useCallback(
+    message => {
+      if (role === 'detacher') {
+        if (message.role === 'detacher') {
+          handleEventForDetacherFromDetacher()
+        } else if (message.role === 'detached') {
+          handleEventForDetacherFromDetached(message)
+        }
+      } else if (role === 'detached') {
+        if (message.role === 'detacher') {
+          handleEventForDetachedFromDetacher(message)
+        } else if (message.role === 'detached') {
+          handleEventForDetachedFromDetached(message)
+        }
+      }
+    },
+    [
+      role,
+      handleEventForDetacherFromDetacher,
+      handleEventForDetacherFromDetached,
+      handleEventForDetachedFromDetacher,
+      handleEventForDetachedFromDetached,
+    ]
+  )
+
+  useEffect(() => {
+    addEventHandler(handleEvent)
+    return () => deleteEventHandler(handleEvent)
+  }, [addEventHandler, deleteEventHandler, handleEvent])
+
+  return {
+    reattach,
+    detach,
+    isLinked,
+    isLinking,
+    role,
+    isRedundant,
+  }
+}
diff --git a/services/web/frontend/js/shared/hooks/use-detach-state-watcher.js b/services/web/frontend/js/shared/hooks/use-detach-state-watcher.js
new file mode 100644
index 0000000..9a1965d
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-detach-state-watcher.js
@@ -0,0 +1,19 @@
+import { useEffect } from 'react'
+import useDetachState from './use-detach-state'
+
+function useDetachStateWatcher(key, stateValue, senderRole, targetRole) {
+  const [value, setValue] = useDetachState(
+    key,
+    stateValue,
+    senderRole,
+    targetRole
+  )
+
+  useEffect(() => {
+    setValue(stateValue)
+  }, [setValue, stateValue])
+
+  return [value, setValue]
+}
+
+export default useDetachStateWatcher
diff --git a/services/web/frontend/js/shared/hooks/use-detach-state.js b/services/web/frontend/js/shared/hooks/use-detach-state.js
new file mode 100644
index 0000000..d1062cd
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-detach-state.js
@@ -0,0 +1,63 @@
+import { useEffect, useState, useCallback } from 'react'
+import { useDetachContext } from '../context/detach-context'
+import getMeta from '../../utils/meta'
+import { debugConsole } from '@/utils/debugging'
+
+const debugPdfDetach = getMeta('ol-debugPdfDetach')
+
+export default function useDetachState(
+  key,
+  defaultValue,
+  senderRole,
+  targetRole
+) {
+  const [value, setValue] = useState(defaultValue)
+
+  const {
+    role,
+    broadcastEvent,
+    lastDetachedConnectedAt,
+    addEventHandler,
+    deleteEventHandler,
+  } = useDetachContext()
+
+  const eventName = `state-${key}`
+
+  // lastDetachedConnectedAt is added as a dependency in order to re-broadcast
+  // all states when a new detached tab connects
+  useEffect(() => {
+    if (role === senderRole) {
+      broadcastEvent(eventName, { value })
+    }
+  }, [
+    role,
+    senderRole,
+    eventName,
+    value,
+    broadcastEvent,
+    lastDetachedConnectedAt,
+  ])
+
+  const handleStateEvent = useCallback(
+    message => {
+      if (message.event !== eventName) {
+        return
+      }
+      if (role !== targetRole) {
+        return
+      }
+      if (debugPdfDetach) {
+        debugConsole.warn(`Set ${message.data.value} for ${eventName}`)
+      }
+      setValue(message.data.value)
+    },
+    [role, targetRole, eventName, setValue]
+  )
+
+  useEffect(() => {
+    addEventHandler(handleStateEvent)
+    return () => deleteEventHandler(handleStateEvent)
+  }, [addEventHandler, deleteEventHandler, handleStateEvent])
+
+  return [value, setValue]
+}
diff --git a/services/web/frontend/js/shared/hooks/use-dom-event-listener.ts b/services/web/frontend/js/shared/hooks/use-dom-event-listener.ts
new file mode 100644
index 0000000..b1a6c6c
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-dom-event-listener.ts
@@ -0,0 +1,19 @@
+import { useEffect } from 'react'
+
+// The use of the EventListener type means that this can only be used for
+// built-in DOM event types rather than custom events.
+// There are libraries such as usehooks-ts that provide hooks like this with
+// support for type-safe custom events that we may want to look into.
+export default function useDomEventListener(
+  eventTarget: EventTarget,
+  eventName: string,
+  listener: EventListener
+) {
+  useEffect(() => {
+    eventTarget.addEventListener(eventName, listener)
+
+    return () => {
+      eventTarget.removeEventListener(eventName, listener)
+    }
+  }, [eventTarget, eventName, listener])
+}
diff --git a/services/web/frontend/js/shared/hooks/use-dropdown.ts b/services/web/frontend/js/shared/hooks/use-dropdown.ts
new file mode 100644
index 0000000..d5f7366
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-dropdown.ts
@@ -0,0 +1,54 @@
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { findDOMNode } from 'react-dom'
+
+export default function useDropdown(defaultOpen = false) {
+  const [open, setOpen] = useState(defaultOpen)
+
+  // store the dropdown node for use in the "click outside" event listener
+  const ref = useRef<ReturnType<typeof findDOMNode>>(null)
+
+  // react-bootstrap v0.x passes `component` instead of `node` to the ref callback
+  const handleRef = useCallback(
+    component => {
+      if (component) {
+        // eslint-disable-next-line react/no-find-dom-node
+        ref.current = findDOMNode(component)
+      }
+    },
+    [ref]
+  )
+
+  // prevent a click on the dropdown toggle propagating to the original handler
+  const handleClick = useCallback(event => {
+    event.stopPropagation()
+  }, [])
+
+  // handle dropdown toggle
+  const handleToggle = useCallback(value => {
+    setOpen(Boolean(value))
+  }, [])
+
+  // close the dropdown on click outside the dropdown
+  const handleDocumentClick = useCallback(
+    event => {
+      if (ref.current && !ref.current.contains(event.target)) {
+        setOpen(false)
+      }
+    },
+    [ref]
+  )
+
+  // add/remove listener for click anywhere in document
+  useEffect(() => {
+    if (open) {
+      document.addEventListener('mousedown', handleDocumentClick)
+    }
+
+    return () => {
+      document.removeEventListener('mousedown', handleDocumentClick)
+    }
+  }, [open, handleDocumentClick])
+
+  // return props for the Dropdown component
+  return { ref: handleRef, onClick: handleClick, onToggle: handleToggle, open }
+}
diff --git a/services/web/frontend/js/shared/hooks/use-event-listener.js b/services/web/frontend/js/shared/hooks/use-event-listener.js
new file mode 100644
index 0000000..0e4c0e9
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-event-listener.js
@@ -0,0 +1,15 @@
+import { useEffect } from 'react'
+
+/**
+ * @param {string} eventName
+ * @param {function} [listener]
+ */
+export default function useEventListener(eventName, listener) {
+  useEffect(() => {
+    window.addEventListener(eventName, listener)
+
+    return () => {
+      window.removeEventListener(eventName, listener)
+    }
+  }, [eventName, listener])
+}
diff --git a/services/web/frontend/js/shared/hooks/use-expand-collapse.ts b/services/web/frontend/js/shared/hooks/use-expand-collapse.ts
new file mode 100644
index 0000000..cbd11be
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-expand-collapse.ts
@@ -0,0 +1,67 @@
+import { useRef, useState, useLayoutEffect } from 'react'
+import classNames from 'classnames'
+
+function useExpandCollapse({
+  initiallyExpanded = false,
+  collapsedSize = 0,
+  dimension = 'height',
+  classes = { container: '', containerCollapsed: '' },
+} = {}) {
+  const ref = useRef<{ scrollHeight: number; scrollWidth: number }>()
+  const [isExpanded, setIsExpanded] = useState(initiallyExpanded)
+  const [sizing, setSizing] = useState<{
+    size: number | null
+    needsExpandCollapse: boolean | null
+  }>({
+    size: null,
+    needsExpandCollapse: null,
+  })
+
+  useLayoutEffect(() => {
+    const expandCollapseEl = ref.current
+    if (expandCollapseEl) {
+      const expandedSize =
+        dimension === 'height'
+          ? expandCollapseEl.scrollHeight
+          : expandCollapseEl.scrollWidth
+
+      const needsExpandCollapse = expandedSize > collapsedSize
+
+      if (isExpanded) {
+        setSizing({ size: expandedSize, needsExpandCollapse })
+      } else {
+        setSizing({
+          size: needsExpandCollapse ? collapsedSize : expandedSize,
+          needsExpandCollapse,
+        })
+      }
+    }
+  }, [isExpanded, collapsedSize, dimension])
+
+  const expandableClasses = classNames(
+    'expand-collapse-container',
+    classes.container,
+    !isExpanded ? classes.containerCollapsed : null
+  )
+
+  function handleToggle() {
+    setIsExpanded(!isExpanded)
+  }
+
+  return {
+    isExpanded,
+    needsExpandCollapse: sizing.needsExpandCollapse,
+    expandableProps: {
+      ref,
+      style: {
+        [dimension === 'height' ? 'height' : 'width']: `${sizing.size}px`,
+      },
+      className: expandableClasses,
+    },
+    toggleProps: {
+      onClick: handleToggle,
+    },
+  }
+}
+
+export default useExpandCollapse
diff --git a/services/web/frontend/js/shared/hooks/use-is-mounted.ts b/services/web/frontend/js/shared/hooks/use-is-mounted.ts
new file mode 100644
index 0000000..b207ee7
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-is-mounted.ts
@@ -0,0 +1,14 @@
+import { useLayoutEffect, useRef } from 'react'
+
+export default function useIsMounted() {
+  const mounted = useRef(false)
+
+  useLayoutEffect(() => {
+    mounted.current = true
+    return () => {
+      mounted.current = false
+    }
+  }, [mounted])
+
+  return mounted
+}
diff --git a/services/web/frontend/js/shared/hooks/use-location.ts b/services/web/frontend/js/shared/hooks/use-location.ts
new file mode 100644
index 0000000..9f4b3b4
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-location.ts
@@ -0,0 +1,52 @@
+import { useCallback, useMemo } from 'react'
+import useIsMounted from './use-is-mounted'
+import { location } from '@/shared/components/location'
+
+export const useLocation = () => {
+  const isMounted = useIsMounted()
+
+  const assign = useCallback(
+    url => {
+      if (isMounted.current) {
+        location.assign(url)
+      }
+    },
+    [isMounted]
+  )
+
+  const replace = useCallback(
+    url => {
+      if (isMounted.current) {
+        location.replace(url)
+      }
+    },
+    [isMounted]
+  )
+
+  const reload = useCallback(() => {
+    if (isMounted.current) {
+      location.reload()
+    }
+  }, [isMounted])
+
+  const setHash = useCallback(
+    (hash: string) => {
+      if (isMounted.current) {
+        location.setHash(hash)
+      }
+    },
+    [isMounted]
+  )
+
+  const toString = useCallback(() => {
+    if (isMounted.current) {
+      return location.toString()
+    }
+    return ''
+  }, [isMounted])
+
+  return useMemo(
+    () => ({ assign, replace, reload, setHash, toString }),
+    [assign, replace, reload, setHash, toString]
+  )
+}
diff --git a/services/web/frontend/js/shared/hooks/use-nestable-dropdown.tsx b/services/web/frontend/js/shared/hooks/use-nestable-dropdown.tsx
new file mode 100644
index 0000000..170b6f6
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-nestable-dropdown.tsx
@@ -0,0 +1,12 @@
+import { NestableDropdownContext } from '@/shared/context/nestable-dropdown-context'
+import { useContext } from 'react'
+
+export const useNestableDropdown = () => {
+  const context = useContext(NestableDropdownContext)
+  if (context === undefined) {
+    throw new Error(
+      'useNestableDropdown must be used within a NestableDropdownContextProvider'
+    )
+  }
+  return context
+}
diff --git a/services/web/frontend/js/shared/hooks/use-pdf-scroll-position.ts b/services/web/frontend/js/shared/hooks/use-pdf-scroll-position.ts
new file mode 100644
index 0000000..69ec389
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-pdf-scroll-position.ts
@@ -0,0 +1,56 @@
+import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react'
+import customLocalStorage from '@/infrastructure/local-storage'
+import { debugConsole } from '@/utils/debugging'
+
+export type PdfScrollPosition = Record<string, any> | undefined
+
+export const usePdfScrollPosition = (
+  lastCompileRootDocId: string | null | undefined
+): [PdfScrollPosition, Dispatch<SetStateAction<PdfScrollPosition>>] => {
+  // scroll position of the PDF
+  const [position, setPosition] = useState<PdfScrollPosition>()
+
+  const lastCompileRootDocIdRef = useRef<string | null | undefined>(
+    lastCompileRootDocId
+  )
+  useEffect(() => {
+    lastCompileRootDocIdRef.current = lastCompileRootDocId
+  }, [lastCompileRootDocId])
+
+  const initialScrollPositionRef = useRef<PdfScrollPosition | null>(null)
+
+  // load the stored PDF scroll position when the compiled root doc changes
+  useEffect(() => {
+    if (lastCompileRootDocId) {
+      const position = customLocalStorage.getItem(
+        `pdf.position.${lastCompileRootDocId}`
+      )
+      if (position) {
+        debugConsole.log('loaded position for', lastCompileRootDocId, position)
+        initialScrollPositionRef.current = position
+        setPosition(position)
+      }
+    }
+  }, [lastCompileRootDocId])
+
+  // store the current root doc's PDF scroll position when it changes
+  useEffect(() => {
+    if (
+      lastCompileRootDocIdRef.current &&
+      position &&
+      position !== initialScrollPositionRef.current
+    ) {
+      debugConsole.log(
+        'storing position for',
+        lastCompileRootDocIdRef.current,
+        position
+      )
+      customLocalStorage.setItem(
+        `pdf.position.${lastCompileRootDocIdRef.current}`,
+        position
+      )
+    }
+  }, [position])
+
+  return [position, setPosition]
+}
diff --git a/services/web/frontend/js/shared/hooks/use-persisted-state.ts b/services/web/frontend/js/shared/hooks/use-persisted-state.ts
new file mode 100644
index 0000000..1ff452c
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-persisted-state.ts
@@ -0,0 +1,97 @@
+import {
+  useState,
+  useCallback,
+  useEffect,
+  SetStateAction,
+  Dispatch,
+} from 'react'
+import _ from 'lodash'
+import localStorage from '../../infrastructure/local-storage'
+import { debugConsole } from '@/utils/debugging'
+
+const safeStringify = (value: unknown) => {
+  try {
+    return JSON.stringify(value)
+  } catch (e) {
+    debugConsole.error('double stringify exception', e)
+    return null
+  }
+}
+
+const safeParse = (value: string) => {
+  try {
+    return JSON.parse(value)
+  } catch (e) {
+    debugConsole.error('double parse exception', e)
+    return null
+  }
+}
+
+function usePersistedState<T = any>(
+  key: string,
+  defaultValue?: T,
+  listen = false,
+  // The option below is for backward compatibility with Angular
+  // which sometimes stringifies the values twice
+  doubleStringifyAndParse = false
+): [T, Dispatch<SetStateAction<T>>] {
+  const getItem = useCallback(
+    (key: string) => {
+      const item = localStorage.getItem(key)
+      return doubleStringifyAndParse ? safeParse(item) : item
+    },
+    [doubleStringifyAndParse]
+  )
+  const setItem = useCallback(
+    (key: string, value: unknown) => {
+      const val = doubleStringifyAndParse ? safeStringify(value) : value
+      localStorage.setItem(key, val)
+    },
+    [doubleStringifyAndParse]
+  )
+
+  const [value, setValue] = useState<T>(() => {
+    return getItem(key) ?? defaultValue
+  })
+
+  const updateFunction = useCallback(
+    (newValue: SetStateAction<T>) => {
+      setValue(value => {
+        const actualNewValue = _.isFunction(newValue)
+          ? newValue(value)
+          : newValue
+
+        if (actualNewValue === defaultValue) {
+          localStorage.removeItem(key)
+        } else {
+          setItem(key, actualNewValue)
+        }
+
+        return actualNewValue
+      })
+    },
+    [key, defaultValue, setItem]
+  )
+
+  useEffect(() => {
+    if (listen) {
+      const listener = (event: StorageEvent) => {
+        if (event.key === key) {
+          // note: this value is read via getItem rather than from event.newValue
+          // because getItem handles deserializing the JSON that's stored in localStorage.
+          setValue(getItem(key) ?? defaultValue)
+        }
+      }
+
+      window.addEventListener('storage', listener)
+
+      return () => {
+        window.removeEventListener('storage', listener)
+      }
+    }
+  }, [defaultValue, key, listen, getItem])
+
+  return [value, updateFunction]
+}
+
+export default usePersistedState
diff --git a/services/web/frontend/js/shared/hooks/use-previous-value.ts b/services/web/frontend/js/shared/hooks/use-previous-value.ts
new file mode 100644
index 0000000..f11708e
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-previous-value.ts
@@ -0,0 +1,9 @@
+import { useEffect, useRef } from 'react'
+
+export default function usePreviousValue<T>(value: T) {
+  const ref = useRef<T>()
+  useEffect(() => {
+    ref.current = value
+  })
+  return ref.current
+}
diff --git a/services/web/frontend/js/shared/hooks/use-recaptcha.ts b/services/web/frontend/js/shared/hooks/use-recaptcha.ts
new file mode 100644
index 0000000..3b3fe2d
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-recaptcha.ts
@@ -0,0 +1,20 @@
+import { useRef } from 'react'
+import ReCAPTCHA from 'react-google-recaptcha'
+
+export const useRecaptcha = () => {
+  const ref = useRef<ReCAPTCHA | null>(null)
+
+  const getReCaptchaToken = async (): Promise<
+    ReturnType<ReCAPTCHA['executeAsync']>
+  > => {
+    if (!ref.current) {
+      return null
+    }
+    // Reset the reCAPTCHA before each submission.
+    // The reCAPTCHA token is meant to be used once per validation
+    ref.current.reset()
+    return await ref.current.executeAsync()
+  }
+
+  return { ref, getReCaptchaToken }
+}
diff --git a/services/web/frontend/js/shared/hooks/use-ref-with-auto-focus.ts b/services/web/frontend/js/shared/hooks/use-ref-with-auto-focus.ts
new file mode 100644
index 0000000..f37acd5
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-ref-with-auto-focus.ts
@@ -0,0 +1,36 @@
+import { useRef, useEffect, useCallback, useState } from 'react'
+
+export function useRefWithAutoFocus<T extends HTMLElement = HTMLElement>() {
+  const autoFocusedRef = useRef<T>(null)
+  const [hasFocused, setHasFocused] = useState(false)
+  const resetAutoFocus = useCallback(() => setHasFocused(false), [])
+
+  // Run on every render but use hasFocused to ensure that the autofocus only
+  // happens once
+  useEffect(() => {
+    if (hasFocused) {
+      return
+    }
+
+    let request: number | null = null
+    if (autoFocusedRef.current) {
+      request = window.requestAnimationFrame(() => {
+        if (autoFocusedRef.current) {
+          autoFocusedRef.current.focus()
+          setHasFocused(true)
+          request = null
+        }
+      })
+    }
+
+    // Cancel a pending autofocus prior to autofocus actually happening on
+    // render, and on unmount
+    return () => {
+      if (request !== null) {
+        window.cancelAnimationFrame(request)
+      }
+    }
+  })
+
+  return { autoFocusedRef, resetAutoFocus }
+}
diff --git a/services/web/frontend/js/shared/hooks/use-remind-me-later.ts b/services/web/frontend/js/shared/hooks/use-remind-me-later.ts
new file mode 100644
index 0000000..321037f
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-remind-me-later.ts
@@ -0,0 +1,54 @@
+import { useState, useCallback, useEffect } from 'react'
+import customLocalStorage from '@/infrastructure/local-storage'
+import usePersistedState from '@/shared/hooks/use-persisted-state'
+
+/**
+ * @typedef {Object} RemindMeLater
+ * @property {boolean} stillDissmissed - whether the user has dismissed the notification, or if the notification is still withing the 1 day reminder period
+ * @property {function} remindThemLater - saves that the user has dismissed the notification for 1 day in local storage
+ * @property {function} saveDismissed - saves that the user has dismissed the notification in local storage
+ */
+
+/**
+ *
+ * @param {string} key the unique key used to keep track of what popup is currently being shown (usually the component name)
+ * @param {string} notificationLocation what page the notification originates from (eg, the editor page, project page, etc)
+ * @returns {RemindMeLater} an object containing whether the notification is still dismissed, and functions to remind the user later or save that they have dismissed the notification
+ */
+export default function useRemindMeLater(
+  key: string,
+  notificationLocation: string = 'editor'
+) {
+  const [dismissedUntil, setDismissedUntil] = usePersistedState<
+    Date | undefined
+  >(`${notificationLocation}.has_dismissed_${key}_until`)
+
+  const [stillDissmissed, setStillDismissed] = useState(true)
+
+  useEffect(() => {
+    const alertDismissed = customLocalStorage.getItem(
+      `${notificationLocation}.has_dismissed_${key}`
+    )
+
+    const isStillDismissed = Boolean(
+      dismissedUntil && new Date(dismissedUntil) > new Date()
+    )
+
+    setStillDismissed(alertDismissed || isStillDismissed)
+  }, [setStillDismissed, dismissedUntil, key, notificationLocation])
+
+  const remindThemLater = useCallback(() => {
+    const until = new Date()
+    until.setDate(until.getDate() + 1) // 1 day
+    setDismissedUntil(until)
+  }, [setDismissedUntil])
+
+  const saveDismissed = useCallback(() => {
+    customLocalStorage.setItem(
+      `${notificationLocation}.has_dismissed_${key}`,
+      true
+    )
+  }, [key, notificationLocation])
+
+  return { stillDissmissed, remindThemLater, saveDismissed }
+}
diff --git a/services/web/frontend/js/shared/hooks/use-resize-observer.ts b/services/web/frontend/js/shared/hooks/use-resize-observer.ts
new file mode 100644
index 0000000..6832890
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-resize-observer.ts
@@ -0,0 +1,39 @@
+import { useCallback, useEffect, useRef } from 'react'
+
+export const useResizeObserver = (handleResize: (element: Element) => void) => {
+  const resizeRef = useRef<{
+    element: Element
+    observer: ResizeObserver
+  } | null>(null)
+
+  const elementRef = useCallback(
+    (element: Element | null) => {
+      if (element && 'ResizeObserver' in window) {
+        if (resizeRef.current) {
+          resizeRef.current.observer.unobserve(resizeRef.current.element)
+        }
+
+        const observer = new ResizeObserver(([entry]) => {
+          handleResize(entry.target)
+        })
+
+        resizeRef.current = { element, observer }
+
+        observer.observe(element)
+
+        handleResize(element) // trigger the callback once
+      }
+    },
+    [handleResize]
+  )
+
+  useEffect(() => {
+    return () => {
+      if (resizeRef.current) {
+        resizeRef.current.observer.unobserve(resizeRef.current.element)
+      }
+    }
+  }, [])
+
+  return { elementRef, resizeRef }
+}
diff --git a/services/web/frontend/js/shared/hooks/use-resize.ts b/services/web/frontend/js/shared/hooks/use-resize.ts
new file mode 100644
index 0000000..4524b90
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-resize.ts
@@ -0,0 +1,113 @@
+import { useState, useEffect, useRef } from 'react'
+import usePersistedState from './use-persisted-state'
+import { Nullable } from '../../../../types/utils'
+
+type Pos = Nullable<{
+  x: number
+}>
+
+function useResizeBase(
+  state: [Pos, React.Dispatch<React.SetStateAction<Pos>>]
+) {
+  const [mousePos, setMousePos] = state
+  const isResizingRef = useRef(false)
+  const handleRef = useRef<HTMLElement | null>(null)
+  const defaultHandleStyles = useRef<React.CSSProperties>({
+    cursor: 'col-resize',
+    userSelect: 'none',
+  })
+
+  useEffect(() => {
+    const handleMouseDown = function (e: MouseEvent) {
+      if (e.button !== 0) {
+        return
+      }
+
+      if (defaultHandleStyles.current.cursor) {
+        document.body.style.cursor = defaultHandleStyles.current.cursor
+      }
+
+      isResizingRef.current = true
+    }
+
+    const handle = handleRef.current
+    handle?.addEventListener('mousedown', handleMouseDown)
+
+    return () => {
+      handle?.removeEventListener('mousedown', handleMouseDown)
+    }
+  }, [])
+
+  useEffect(() => {
+    const handleMouseUp = function () {
+      document.body.style.cursor = 'default'
+      isResizingRef.current = false
+    }
+
+    document.addEventListener('mouseup', handleMouseUp)
+
+    return () => {
+      document.removeEventListener('mouseup', handleMouseUp)
+    }
+  }, [])
+
+  useEffect(() => {
+    const handleMouseMove = function (e: MouseEvent) {
+      if (isResizingRef.current) {
+        setMousePos({ x: e.clientX })
+      }
+    }
+
+    document.addEventListener('mousemove', handleMouseMove)
+
+    return () => {
+      document.removeEventListener('mousemove', handleMouseMove)
+    }
+  }, [setMousePos])
+
+  const getTargetProps = ({ style }: { style?: React.CSSProperties } = {}) => {
+    return {
+      style: {
+        ...style,
+      },
+    }
+  }
+
+  const setHandleRef = (node: HTMLElement | null) => {
+    handleRef.current = node
+  }
+
+  const getHandleProps = ({ style }: { style?: React.CSSProperties } = {}) => {
+    if (style?.cursor) {
+      defaultHandleStyles.current.cursor = style.cursor
+    }
+
+    return {
+      style: {
+        ...defaultHandleStyles.current,
+        ...style,
+      },
+      ref: setHandleRef,
+    }
+  }
+
+  return <const>{
+    mousePos,
+    getHandleProps,
+    getTargetProps,
+  }
+}
+
+function useResize() {
+  const state = useState<Pos>(null)
+
+  return useResizeBase(state)
+}
+
+function usePersistedResize({ name }: { name: string }) {
+  const state = usePersistedState<Pos>(`resizeable-${name}`, null)
+
+  return useResizeBase(state)
+}
+
+export { useResize, usePersistedResize }
diff --git a/services/web/frontend/js/shared/hooks/use-safe-dispatch.ts b/services/web/frontend/js/shared/hooks/use-safe-dispatch.ts
new file mode 100644
index 0000000..726da8c
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-safe-dispatch.ts
@@ -0,0 +1,17 @@
+import * as React from 'react'
+import useIsMounted from './use-is-mounted'
+
+function useSafeDispatch<T>(dispatch: React.Dispatch<T>) {
+  const mounted = useIsMounted()
+
+  return React.useCallback<(args: T) => void>(
+    action => {
+      if (mounted.current) {
+        dispatch(action)
+      }
+    },
+    [dispatch, mounted]
+  ) as React.Dispatch<T>
+}
+
+export default useSafeDispatch
diff --git a/services/web/frontend/js/shared/hooks/use-scope-event-emitter.ts b/services/web/frontend/js/shared/hooks/use-scope-event-emitter.ts
new file mode 100644
index 0000000..406b186
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-scope-event-emitter.ts
@@ -0,0 +1,18 @@
+import { useCallback } from 'react'
+import { useIdeContext } from '../context/ide-context'
+import { ScopeEventName } from '../../../../types/ide/scope-event-emitter'
+import { IdeEvents } from '@/features/ide-react/create-ide-event-emitter'
+
+export default function useScopeEventEmitter<T extends ScopeEventName>(
+  eventName: T,
+  broadcast = true
+) {
+  const { scopeEventEmitter } = useIdeContext()
+
+  return useCallback(
+    (...detail: IdeEvents[T]) => {
+      scopeEventEmitter.emit(eventName, broadcast, ...detail)
+    },
+    [scopeEventEmitter, eventName, broadcast]
+  )
+}
diff --git a/services/web/frontend/js/shared/hooks/use-scope-event-listener.ts b/services/web/frontend/js/shared/hooks/use-scope-event-listener.ts
new file mode 100644
index 0000000..07bae7d
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-scope-event-listener.ts
@@ -0,0 +1,15 @@
+import { useEffect } from 'react'
+import { useIdeContext } from '../context/ide-context'
+import { ScopeEventName } from '../../../../types/ide/scope-event-emitter'
+import { IdeEvents } from '@/features/ide-react/create-ide-event-emitter'
+
+export default function useScopeEventListener<T extends ScopeEventName>(
+  eventName: T,
+  listener: (event: Event, ...args: IdeEvents[T]) => void
+) {
+  const { scopeEventEmitter } = useIdeContext()
+
+  useEffect(() => {
+    return scopeEventEmitter.on(eventName, listener)
+  }, [scopeEventEmitter, eventName, listener])
+}
diff --git a/services/web/frontend/js/shared/hooks/use-scope-value-setter-only.ts b/services/web/frontend/js/shared/hooks/use-scope-value-setter-only.ts
new file mode 100644
index 0000000..27564a1
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-scope-value-setter-only.ts
@@ -0,0 +1,38 @@
+import {
+  type Dispatch,
+  type SetStateAction,
+  useCallback,
+  useState,
+} from 'react'
+import { useIdeContext } from '../context/ide-context'
+import _ from 'lodash'
+
+/**
+ * Similar to `useScopeValue`, but instead of creating a two-way binding, only
+ * changes in react-> angular direction are propagated, with `value` remaining
+ * local and independent of its value in the Angular scope.
+ *
+ * The interface is compatible with React.useState(), including
+ * the option of passing a function to the setter.
+ */
+export default function useScopeValueSetterOnly<T = any>(
+  path: string, // dot '.' path of a property in the Angular scope.
+  defaultValue?: T
+): [T | undefined, Dispatch<SetStateAction<T | undefined>>] {
+  const { scopeStore } = useIdeContext()
+
+  const [value, setValue] = useState<T | undefined>(defaultValue)
+
+  const scopeSetter = useCallback(
+    (newValue: SetStateAction<T | undefined>) => {
+      setValue(val => {
+        const actualNewValue = _.isFunction(newValue) ? newValue(val) : newValue
+        scopeStore.set(path, actualNewValue)
+        return actualNewValue
+      })
+    },
+    [path, scopeStore]
+  )
+
+  return [value, scopeSetter]
+}
diff --git a/services/web/frontend/js/shared/hooks/use-scope-value.ts b/services/web/frontend/js/shared/hooks/use-scope-value.ts
new file mode 100644
index 0000000..594a71f
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-scope-value.ts
@@ -0,0 +1,46 @@
+import {
+  type Dispatch,
+  type SetStateAction,
+  useCallback,
+  useEffect,
+  useState,
+} from 'react'
+import _ from 'lodash'
+import { useIdeContext } from '../context/ide-context'
+
+/**
+ * Binds a property in an Angular scope making it accessible in a React
+ * component. The interface is compatible with React.useState(), including
+ * the option of passing a function to the setter.
+ *
+ * The generic type is not an actual guarantee because the value for a path is
+ * returned as undefined when there is nothing in the scope store for that path.
+ */
+export default function useScopeValue<T = any>(
+  path: string // dot '.' path of a property in the Angular scope
+): [T, Dispatch<SetStateAction<T>>] {
+  const { scopeStore } = useIdeContext()
+
+  const [value, setValue] = useState<T>(() => scopeStore.get(path))
+
+  useEffect(() => {
+    return scopeStore.watch<T>(path, (newValue: T) => {
+      // NOTE: this is deliberately wrapped in a function,
+      // to avoid calling setValue directly with a value that's a function
+      setValue(() => newValue)
+    })
+  }, [path, scopeStore])
+
+  const scopeSetter = useCallback(
+    (newValue: SetStateAction<T>) => {
+      setValue(val => {
+        const actualNewValue = _.isFunction(newValue) ? newValue(val) : newValue
+        scopeStore.set(path, actualNewValue)
+        return actualNewValue
+      })
+    },
+    [path, scopeStore]
+  )
+
+  return [value, scopeSetter]
+}
diff --git a/services/web/frontend/js/shared/hooks/use-scroll-to-id-on-load.ts b/services/web/frontend/js/shared/hooks/use-scroll-to-id-on-load.ts
new file mode 100644
index 0000000..4cd26e6
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-scroll-to-id-on-load.ts
@@ -0,0 +1,111 @@
+import { useEffect, useState, useRef } from 'react'
+
+const DEFAULT_TIMEOUT = 3000
+const hash = window.location.hash.substring(1)
+const events = <const>['keydown', 'touchmove', 'wheel']
+
+const isKeyboardEvent = (event: Event): event is KeyboardEvent => {
+  return event.constructor.name === 'KeyboardEvent'
+}
+
+type UseScrollToIdOnLoadProps = {
+  timeout?: number
+}
+
+function UseScrollToIdOnLoad({
+  timeout = DEFAULT_TIMEOUT,
+}: UseScrollToIdOnLoadProps = {}) {
+  const [offsetTop, setOffsetTop] = useState<number | null>(null)
+  const requestRef = useRef<number | null>(null)
+  const targetRef = useRef<HTMLElement | null>(null)
+
+  const cancelAnimationFrame = () => {
+    if (requestRef.current) {
+      window.cancelAnimationFrame(requestRef.current)
+    }
+  }
+
+  const cancelEventListeners = () => {
+    events.forEach(eventType => {
+      window.removeEventListener(eventType, eventListenersCallbackRef.current)
+    })
+  }
+
+  const eventListenersCallback = (
+    event: KeyboardEvent | TouchEvent | WheelEvent
+  ) => {
+    const keys = new Set(['ArrowUp', 'ArrowDown', 'PageUp', 'PageDown'])
+
+    if (!isKeyboardEvent(event) || keys.has(event.key)) {
+      // Remove scroll checks
+      cancelAnimationFrame()
+      // Remove event listeners
+      cancelEventListeners()
+    }
+  }
+
+  const eventListenersCallbackRef = useRef(eventListenersCallback)
+
+  // Scroll to the target
+  useEffect(() => {
+    if (!offsetTop) {
+      return
+    }
+
+    window.scrollTo({
+      top: offsetTop,
+    })
+  }, [offsetTop])
+
+  // Bail out from scrolling automatically in `${timeout}` milliseconds
+  useEffect(() => {
+    if (!hash) {
+      return
+    }
+
+    setTimeout(() => {
+      cancelAnimationFrame()
+      cancelEventListeners()
+    }, timeout)
+  }, [timeout])
+
+  // Scroll to target by recursively looking for the target element
+  useEffect(() => {
+    if (!hash) {
+      return
+    }
+
+    const offsetTop = () => {
+      if (targetRef.current) {
+        setOffsetTop(targetRef.current.offsetTop)
+      } else {
+        targetRef.current = document.getElementById(hash)
+      }
+
+      requestRef.current = window.requestAnimationFrame(offsetTop)
+    }
+
+    requestRef.current = window.requestAnimationFrame(offsetTop)
+
+    return () => {
+      cancelAnimationFrame()
+    }
+  }, [])
+
+  // Set up the event listeners that will cancel the target element lookup
+  useEffect(() => {
+    if (!hash) {
+      return
+    }
+
+    events.forEach(eventType => {
+      window.addEventListener(eventType, eventListenersCallbackRef.current)
+    })
+
+    return () => {
+      cancelEventListeners()
+    }
+  }, [])
+}
+
+export default UseScrollToIdOnLoad
diff --git a/services/web/frontend/js/shared/hooks/use-stop-on-first-error.ts b/services/web/frontend/js/shared/hooks/use-stop-on-first-error.ts
new file mode 100644
index 0000000..05dc7e3
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-stop-on-first-error.ts
@@ -0,0 +1,43 @@
+import { useCallback } from 'react'
+import { useDetachCompileContext as useCompileContext } from '../context/detach-compile-context'
+import { useProjectContext } from '../context/project-context'
+import * as eventTracking from '../../infrastructure/event-tracking'
+
+type UseStopOnFirstErrorProps = {
+  eventSource?: string
+}
+
+export function useStopOnFirstError(opts: UseStopOnFirstErrorProps = {}) {
+  const { eventSource } = opts
+  const { stopOnFirstError, setStopOnFirstError } = useCompileContext()
+  const { _id: projectId } = useProjectContext()
+
+  type Opts = {
+    projectId: string
+    source?: UseStopOnFirstErrorProps['eventSource']
+  }
+
+  const enableStopOnFirstError = useCallback(() => {
+    if (!stopOnFirstError) {
+      const opts: Opts = { projectId }
+      if (eventSource) {
+        opts.source = eventSource
+      }
+      eventTracking.sendMB('stop-on-first-error-enabled', opts)
+    }
+    setStopOnFirstError(true)
+  }, [eventSource, projectId, stopOnFirstError, setStopOnFirstError])
+
+  const disableStopOnFirstError = useCallback(() => {
+    const opts: Opts = { projectId }
+    if (eventSource) {
+      opts.source = eventSource
+    }
+    if (stopOnFirstError) {
+      eventTracking.sendMB('stop-on-first-error-disabled', opts)
+    }
+    setStopOnFirstError(false)
+  }, [eventSource, projectId, stopOnFirstError, setStopOnFirstError])
+
+  return { enableStopOnFirstError, disableStopOnFirstError }
+}
diff --git a/services/web/frontend/js/shared/hooks/use-viewer-permissions.ts b/services/web/frontend/js/shared/hooks/use-viewer-permissions.ts
new file mode 100644
index 0000000..5f6e7f1
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-viewer-permissions.ts
@@ -0,0 +1,8 @@
+import { useEditorContext } from '../context/editor-context'
+
+function useViewerPermissions() {
+  const { permissionsLevel } = useEditorContext()
+  return permissionsLevel === 'readOnly'
+}
+
+export default useViewerPermissions
diff --git a/services/web/frontend/js/shared/hooks/use-wait-for-i18n.ts b/services/web/frontend/js/shared/hooks/use-wait-for-i18n.ts
new file mode 100644
index 0000000..ffed558
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/use-wait-for-i18n.ts
@@ -0,0 +1,26 @@
+import { useEffect, useState } from 'react'
+import i18n from '@/i18n'
+import { useTranslation } from 'react-i18next'
+
+function useWaitForI18n() {
+  const { ready: isHookReady } = useTranslation()
+  const [isLocaleDataLoaded, setIsLocaleDataLoaded] = useState(false)
+  const [error, setError] = useState<Error>()
+
+  useEffect(() => {
+    i18n
+      .then(() => {
+        setIsLocaleDataLoaded(true)
+      })
+      .catch(error => {
+        setError(error)
+      })
+  }, [])
+
+  return {
+    isReady: isHookReady && isLocaleDataLoaded,
+    error,
+  }
+}
+
+export default useWaitForI18n
diff --git a/services/web/frontend/js/shared/hooks/user-channel/use-broadcast-user.ts b/services/web/frontend/js/shared/hooks/user-channel/use-broadcast-user.ts
new file mode 100644
index 0000000..3a87d49
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/user-channel/use-broadcast-user.ts
@@ -0,0 +1,12 @@
+import { useEffect } from 'react'
+import { useUserContext } from '@/shared/context/user-context'
+import { useUserChannel } from './use-user-channel'
+
+export const useBroadcastUser = () => {
+  const user = useUserContext()
+  const channel = useUserChannel()
+
+  useEffect(() => {
+    channel?.postMessage(user)
+  }, [channel, user])
+}
diff --git a/services/web/frontend/js/shared/hooks/user-channel/use-receive-user.ts b/services/web/frontend/js/shared/hooks/user-channel/use-receive-user.ts
new file mode 100644
index 0000000..5542d8d
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/user-channel/use-receive-user.ts
@@ -0,0 +1,16 @@
+import { useEffect } from 'react'
+import { useUserChannel } from './use-user-channel'
+
+export const useReceiveUser = (
+  handleData: (data: Record<string, any>) => void
+) => {
+  const channel = useUserChannel()
+
+  useEffect(() => {
+    const abortController = new AbortController()
+    channel?.addEventListener('message', ({ data }) => handleData(data), {
+      signal: abortController.signal,
+    })
+    return () => abortController.abort()
+  }, [channel, handleData])
+}
diff --git a/services/web/frontend/js/shared/hooks/user-channel/use-user-channel.ts b/services/web/frontend/js/shared/hooks/user-channel/use-user-channel.ts
new file mode 100644
index 0000000..29ae421
--- /dev/null
+++ b/services/web/frontend/js/shared/hooks/user-channel/use-user-channel.ts
@@ -0,0 +1,15 @@
+import { useEffect, useRef } from 'react'
+
+export const useUserChannel = (): BroadcastChannel | null => {
+  const channelRef = useRef<BroadcastChannel | null>(null)
+
+  if (channelRef.current === null && 'BroadcastChannel' in window) {
+    channelRef.current = new BroadcastChannel('user')
+  }
+
+  useEffect(() => {
+    return () => channelRef.current?.close()
+  }, [])
+
+  return channelRef.current
+}
diff --git a/services/web/frontend/js/shared/svgs/ai-sparkle-text.svg b/services/web/frontend/js/shared/svgs/ai-sparkle-text.svg
new file mode 100644
index 0000000..2f004cb
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/ai-sparkle-text.svg
@@ -0,0 +1,21 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2673_2754)">
+<path d="M11.894 9.3478C8.10162 8.49142 7.51419 7.90399 6.65781 4.11161C6.61857 3.93828 6.46429 3.81485 6.286 3.81485C6.10772 3.81485 5.95343 3.93828 5.91419 4.11161C5.05743 7.90399 4.47038 8.49142 0.678002 9.3478C0.504288 9.38742 0.380859 9.54133 0.380859 9.71961C0.380859 9.8979 0.504288 10.0518 0.678002 10.0914C4.47038 10.9482 5.05743 11.5356 5.91419 15.3276C5.95343 15.5009 6.10772 15.6244 6.286 15.6244C6.46429 15.6244 6.61857 15.5009 6.65781 15.3276C7.51457 11.5356 8.10162 10.9482 11.894 10.0914C12.0677 10.0518 12.1908 9.8979 12.1908 9.71961C12.1908 9.54133 12.0673 9.38742 11.894 9.3478Z" fill="url(#paint0_linear_2673_2754)"/>
+<path d="M15.322 3.44343C13.306 2.98819 13.023 2.70514 12.5677 0.689523C12.5281 0.515809 12.3742 0.392761 12.1959 0.392761C12.0176 0.392761 11.8637 0.515809 11.8241 0.689523C11.3689 2.70514 11.0858 2.98819 9.0702 3.44343C8.89648 3.48305 8.77344 3.63695 8.77344 3.81524C8.77344 3.99352 8.89648 4.14743 9.0702 4.18705C11.0858 4.64228 11.3689 4.92533 11.8241 6.94133C11.8637 7.11467 12.0176 7.23809 12.1959 7.23809C12.3742 7.23809 12.5281 7.11467 12.5677 6.94133C13.023 4.92533 13.306 4.64228 15.322 4.18705C15.4953 4.14743 15.6188 3.99352 15.6188 3.81524C15.6188 3.63695 15.4953 3.48305 15.322 3.44343Z" fill="url(#paint1_linear_2673_2754)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_2673_2754" x1="12.1908" y1="3.81485" x2="-1.57528" y2="10.0509" gradientUnits="userSpaceOnUse">
+<stop stop-color="#214475"/>
+<stop offset="0.295154" stop-color="#254C84"/>
+<stop offset="1" stop-color="#6597E0"/>
+</linearGradient>
+<linearGradient id="paint1_linear_2673_2754" x1="15.6188" y1="0.392762" x2="7.63952" y2="4.00726" gradientUnits="userSpaceOnUse">
+<stop stop-color="#214475"/>
+<stop offset="0.295154" stop-color="#254C84"/>
+<stop offset="1" stop-color="#6597E0"/>
+</linearGradient>
+<clipPath id="clip0_2673_2754">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/frontend/js/shared/svgs/dropbox-logo-black.tsx b/services/web/frontend/js/shared/svgs/dropbox-logo-black.tsx
new file mode 100644
index 0000000..b93e22c
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/dropbox-logo-black.tsx
@@ -0,0 +1,46 @@
+function DropboxLogoBlack({ size = 20 }: { size?: number }) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clipPath="url(#clip0_5804_191)">
+        <path
+          d="M5.41651 2.16667L0.833374 5.08661L5.41651 8.00655L10.0004 5.08661L5.41651 2.16667Z"
+          fill="currentColor"
+        />
+        <path
+          d="M14.5836 2.16667L10.0005 5.08661L14.5836 8.00655L19.1668 5.08661L14.5836 2.16667Z"
+          fill="currentColor"
+        />
+        <path
+          d="M0.833374 10.9265L5.41651 13.8464L10.0004 10.9265L5.41651 8.00655L0.833374 10.9265Z"
+          fill="currentColor"
+        />
+        <path
+          d="M14.5836 8.00655L10.0005 10.9265L14.5836 13.8464L19.1668 10.9265L14.5836 8.00655Z"
+          fill="currentColor"
+        />
+        <path
+          d="M5.4165 14.8198L10.0004 17.7397L14.5836 14.8198L10.0004 11.8998L5.4165 14.8198Z"
+          fill="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_5804_191">
+          <rect
+            width="18.3333"
+            height="15.573"
+            fill="white"
+            transform="translate(0.833374 2.16667)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+
+export default DropboxLogoBlack
diff --git a/services/web/frontend/js/shared/svgs/dropbox-logo.tsx b/services/web/frontend/js/shared/svgs/dropbox-logo.tsx
new file mode 100644
index 0000000..e95a443
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/dropbox-logo.tsx
@@ -0,0 +1,47 @@
+function DropboxLogo({ size = 40 }: { size?: number }) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 40 40"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect width="40" height="40" fill="none" />
+      <g clipPath="url(#clip0_10_138)">
+        <path
+          d="M10.8328 4.33334L1.6665 10.1732L10.8328 16.0131L20.0006 10.1732L10.8328 4.33334Z"
+          fill="#0061FF"
+        />
+        <path
+          d="M29.1668 4.33334L20.0005 10.1732L29.1668 16.0131L38.333 10.1732L29.1668 4.33334Z"
+          fill="#0061FF"
+        />
+        <path
+          d="M1.6665 21.853L10.8328 27.6929L20.0006 21.853L10.8328 16.0131L1.6665 21.853Z"
+          fill="#0061FF"
+        />
+        <path
+          d="M29.1668 16.0131L20.0005 21.853L29.1668 27.6929L38.333 21.853L29.1668 16.0131Z"
+          fill="#0061FF"
+        />
+        <path
+          d="M10.833 29.6395L20.0008 35.4794L29.1671 29.6395L20.0008 23.7996L10.833 29.6395Z"
+          fill="#0061FF"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_10_138">
+          <rect
+            width="36.6667"
+            height="31.146"
+            fill="white"
+            transform="translate(1.6665 4.33334)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+
+export default DropboxLogo
diff --git a/services/web/frontend/js/shared/svgs/facebook-logo.tsx b/services/web/frontend/js/shared/svgs/facebook-logo.tsx
new file mode 100644
index 0000000..700665f
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/facebook-logo.tsx
@@ -0,0 +1,34 @@
+function FacebookLogo() {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      height="25"
+      viewBox="0 0 666.66668 666.66717"
+    >
+      <defs>
+        <clipPath id="a" clipPathUnits="userSpaceOnUse">
+          <path d="M0 700h700V0H0Z" />
+        </clipPath>
+      </defs>
+      <g
+        clipPath="url(#a)"
+        transform="matrix(1.33333 0 0 -1.33333 -133.333 800)"
+      >
+        <path
+          d="M0 0c0 138.071-111.929 250-250 250S-500 138.071-500 0c0-117.245 80.715-215.622 189.606-242.638v166.242h-51.552V0h51.552v32.919c0 85.092 38.508 124.532 122.048 124.532 15.838 0 43.167-3.105 54.347-6.211V81.986c-5.901.621-16.149.932-28.882.932-40.993 0-56.832-15.528-56.832-55.9V0h81.659l-14.028-76.396h-67.631v-171.773C-95.927-233.218 0-127.818 0 0"
+          fill="#0866ff"
+          className="background"
+          transform="translate(600 350)"
+        />
+        <path
+          d="m0 0 14.029 76.396H-67.63v27.019c0 40.372 15.838 55.899 56.831 55.899 12.733 0 22.981-.31 28.882-.931v69.253c-11.18 3.106-38.509 6.212-54.347 6.212-83.539 0-122.048-39.441-122.048-124.533V76.396h-51.552V0h51.552v-166.242a250.559 250.559 0 0 1 60.394-7.362c10.254 0 20.358.632 30.288 1.831V0Z"
+          className="text"
+          fill="#fff"
+          transform="translate(447.918 273.604)"
+        />
+      </g>
+    </svg>
+  )
+}
+
+export default FacebookLogo
diff --git a/services/web/frontend/js/shared/svgs/git-fork.tsx b/services/web/frontend/js/shared/svgs/git-fork.tsx
new file mode 100644
index 0000000..c119920
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/git-fork.tsx
@@ -0,0 +1,30 @@
+function GitFork() {
+  return (
+    <svg
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <g clipPath="url(#clip0_5804_193)">
+        <path
+          d="M18.6495 9.20689L10.795 1.35338C10.3431 0.901045 9.60947 0.901045 9.15698 1.35338L7.52609 2.98443L9.59482 5.05317C10.0758 4.89079 10.627 4.99966 11.0102 5.38292C11.3953 5.76856 11.5034 6.32451 11.337 6.80705L13.3309 8.80094C13.8133 8.63471 14.3698 8.74211 14.755 9.12798C15.2935 9.66633 15.2935 10.5387 14.755 11.0772C14.2164 11.6159 13.3441 11.6159 12.8052 11.0772C12.4002 10.672 12.3001 10.077 12.5052 9.5781L10.6457 7.71858L10.6455 12.6119C10.7768 12.6769 10.9007 12.7636 11.0101 12.8726C11.5485 13.4109 11.5485 14.2831 11.0101 14.8222C10.4716 15.3605 9.59883 15.3605 9.06088 14.8222C8.52245 14.2831 8.52245 13.4109 9.06088 12.8726C9.19395 12.7397 9.34792 12.6392 9.51221 12.5718V7.63301C9.34784 7.56591 9.19405 7.46612 9.06079 7.33222C8.65295 6.9247 8.55472 6.32612 8.76388 5.82529L6.72452 3.78561L1.33936 9.17061C0.88688 9.62329 0.88688 10.3569 1.33936 10.8092L9.19336 18.6628C9.64554 19.1151 10.3789 19.1151 10.8317 18.6628L18.6494 10.8463C19.1017 10.3938 19.1017 9.65999 18.6494 9.20756"
+          fill="currentColor"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_5804_193">
+          <rect
+            width="18"
+            height="18"
+            fill="white"
+            transform="translate(1 1)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+
+export default GitFork
diff --git a/services/web/frontend/js/shared/svgs/git-logo-orange.tsx b/services/web/frontend/js/shared/svgs/git-logo-orange.tsx
new file mode 100644
index 0000000..2d24214
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/git-logo-orange.tsx
@@ -0,0 +1,29 @@
+function GitLogoOrange({ size = 40 }: { size?: number }) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 92 92"
+    >
+      <defs>
+        <clipPath id="a">
+          <path d="M0 .113h91.887V92H0Zm0 0" />
+        </clipPath>
+      </defs>
+      <g clipPath="url(#a)">
+        <path
+          style={{
+            stroke: 'none',
+            fillRule: 'nonzero',
+            fill: '#f03c2e',
+            fillOpacity: 1,
+          }}
+          d="M90.156 41.965 50.036 1.848a5.918 5.918 0 0 0-8.372 0l-8.328 8.332 10.566 10.566a7.03 7.03 0 0 1 7.23 1.684 7.034 7.034 0 0 1 1.669 7.277l10.187 10.184a7.028 7.028 0 0 1 7.278 1.672 7.04 7.04 0 0 1 0 9.957 7.05 7.05 0 0 1-9.965 0 7.044 7.044 0 0 1-1.528-7.66l-9.5-9.497V59.36a7.04 7.04 0 0 1 1.86 11.29 7.04 7.04 0 0 1-9.957 0 7.04 7.04 0 0 1 0-9.958 7.06 7.06 0 0 1 2.304-1.539V33.926a7.049 7.049 0 0 1-3.82-9.234L29.242 14.272 1.73 41.777a5.925 5.925 0 0 0 0 8.371L41.852 90.27a5.925 5.925 0 0 0 8.37 0l39.934-39.934a5.925 5.925 0 0 0 0-8.371"
+        />
+      </g>
+    </svg>
+  )
+}
+
+export default GitLogoOrange
diff --git a/services/web/frontend/js/shared/svgs/git-logo-white.tsx b/services/web/frontend/js/shared/svgs/git-logo-white.tsx
new file mode 100644
index 0000000..8119be3
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/git-logo-white.tsx
@@ -0,0 +1,29 @@
+function GitLogoWhite({ size = 40 }: { size?: number }) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      xmlns="http://www.w3.org/2000/svg"
+      viewBox="0 0 92 92"
+    >
+      <defs>
+        <clipPath id="a">
+          <path d="M0 .113h91.887V92H0Zm0 0" />
+        </clipPath>
+      </defs>
+      <g clipPath="url(#a)">
+        <path
+          style={{
+            stroke: 'none',
+            fillRule: 'nonzero',
+            fill: '#fff',
+            fillOpacity: 1,
+          }}
+          d="M90.156 41.965 50.036 1.848a5.918 5.918 0 0 0-8.372 0l-8.328 8.332 10.566 10.566a7.03 7.03 0 0 1 7.23 1.684 7.034 7.034 0 0 1 1.669 7.277l10.187 10.184a7.028 7.028 0 0 1 7.278 1.672 7.04 7.04 0 0 1 0 9.957 7.05 7.05 0 0 1-9.965 0 7.044 7.044 0 0 1-1.528-7.66l-9.5-9.497V59.36a7.04 7.04 0 0 1 1.86 11.29 7.04 7.04 0 0 1-9.957 0 7.04 7.04 0 0 1 0-9.958 7.06 7.06 0 0 1 2.304-1.539V33.926a7.049 7.049 0 0 1-3.82-9.234L29.242 14.272 1.73 41.777a5.925 5.925 0 0 0 0 8.371L41.852 90.27a5.925 5.925 0 0 0 8.37 0l39.934-39.934a5.925 5.925 0 0 0 0-8.371"
+        />
+      </g>
+    </svg>
+  )
+}
+
+export default GitLogoWhite
diff --git a/services/web/frontend/js/shared/svgs/github-logo-black.tsx b/services/web/frontend/js/shared/svgs/github-logo-black.tsx
new file mode 100644
index 0000000..9d782ae
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/github-logo-black.tsx
@@ -0,0 +1,48 @@
+function GithubLogoBlack({ size = 20 }: { size?: number }) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M9.8325 2C5.23119 2 1.5 5.73036 1.5 10.3325C1.5 14.0139 3.88752 17.1373 7.19827 18.239C7.6147 18.3162 7.76759 18.0583 7.76759 17.8382C7.76759 17.6396 7.75986 16.9831 7.75627 16.2869C5.43816 16.7909 4.94902 15.3037 4.94902 15.3037C4.56998 14.3408 4.02384 14.0845 4.02384 14.0845C3.26783 13.5674 4.08083 13.578 4.08083 13.578C4.91756 13.6368 5.35813 14.4368 5.35813 14.4368C6.10131 15.7105 7.30742 15.3422 7.7829 15.1293C7.85783 14.5909 8.07363 14.2232 8.31193 14.0151C6.46117 13.8046 4.51561 13.0899 4.51561 9.89716C4.51561 8.98758 4.84111 8.24413 5.37414 7.6606C5.28763 7.45073 5.00242 6.60324 5.455 5.4555C5.455 5.4555 6.15471 5.23169 7.74689 6.30975C8.41155 6.12513 9.12437 6.03254 9.8325 6.02923C10.5406 6.03254 11.254 6.12513 11.9199 6.30975C13.5103 5.23169 14.209 5.4555 14.209 5.4555C14.6626 6.60324 14.3774 7.45073 14.2909 7.6606C14.8251 8.24413 15.1483 8.98758 15.1483 9.89716C15.1483 13.0977 13.199 13.8022 11.3435 14.0085C11.6424 14.2671 11.9087 14.7742 11.9087 15.5516C11.9087 16.6665 11.8992 17.5638 11.8992 17.8382C11.8992 18.0601 12.0491 18.3198 12.4714 18.2381C15.7805 17.135 18.165 14.0128 18.165 10.3325C18.165 5.73036 14.4344 2 9.8325 2Z"
+        fill="currentColor"
+      />
+      <path
+        d="M4.65591 13.9635C4.63756 14.0051 4.57243 14.0175 4.51309 13.9891C4.45252 13.9617 4.41871 13.9053 4.43831 13.8638C4.45625 13.8213 4.52137 13.8094 4.58181 13.8378C4.64225 13.865 4.67674 13.922 4.65591 13.9635Z"
+        fill="currentColor"
+      />
+      <path
+        d="M4.99353 14.34C4.95379 14.3769 4.87597 14.3598 4.8234 14.3015C4.76875 14.2434 4.75868 14.1656 4.79897 14.1284C4.83995 14.0915 4.91529 14.1088 4.9698 14.1669C5.02444 14.2256 5.03506 14.3026 4.99353 14.34Z"
+        fill="currentColor"
+      />
+      <path
+        d="M5.32207 14.8199C5.27102 14.8555 5.1874 14.8222 5.13579 14.7481C5.08474 14.6739 5.08474 14.585 5.13703 14.5494C5.18864 14.5138 5.27102 14.546 5.32331 14.6194C5.37423 14.6947 5.37423 14.7836 5.32207 14.8199Z"
+        fill="currentColor"
+      />
+      <path
+        d="M5.77213 15.2835C5.72646 15.3339 5.62918 15.3204 5.55798 15.2515C5.48512 15.1845 5.46484 15.0891 5.51051 15.0388C5.55688 14.9883 5.65471 15.0025 5.72646 15.0706C5.79876 15.1377 5.8207 15.2337 5.77213 15.2835Z"
+        fill="currentColor"
+      />
+      <path
+        d="M6.3931 15.5528C6.37282 15.618 6.27927 15.6475 6.18489 15.6198C6.09064 15.5913 6.02897 15.5149 6.04801 15.449C6.0676 15.3833 6.16171 15.3524 6.25678 15.3821C6.35088 15.4105 6.4127 15.4864 6.3931 15.5528Z"
+        fill="currentColor"
+      />
+      <path
+        d="M7.075 15.6026C7.07735 15.6713 6.99732 15.7283 6.89824 15.7296C6.79862 15.7318 6.7179 15.6762 6.7168 15.6086C6.7168 15.5392 6.79517 15.4829 6.89466 15.4811C6.99373 15.4791 7.075 15.5345 7.075 15.6026Z"
+        fill="currentColor"
+      />
+      <path
+        d="M7.70952 15.4947C7.72138 15.5616 7.65253 15.6305 7.55415 15.6488C7.45742 15.6666 7.36787 15.6251 7.35559 15.5587C7.34358 15.49 7.41354 15.4211 7.51027 15.4033C7.60879 15.3862 7.69696 15.4265 7.70952 15.4947Z"
+        fill="currentColor"
+      />
+    </svg>
+  )
+}
+
+export default GithubLogoBlack
diff --git a/services/web/frontend/js/shared/svgs/github-logo.tsx b/services/web/frontend/js/shared/svgs/github-logo.tsx
new file mode 100644
index 0000000..e4b177c
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/github-logo.tsx
@@ -0,0 +1,49 @@
+function GithubLogo({ size = 40 }: { size?: number }) {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 40 40"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect width="40" height="40" fill="white" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M19.665 4C10.4624 4 3 11.4607 3 20.665C3 28.0278 7.77503 34.2745 14.3965 36.4781C15.2294 36.6324 15.5352 36.1166 15.5352 35.6764C15.5352 35.2793 15.5197 33.9663 15.5125 32.5737C10.8763 33.5818 9.89803 30.6075 9.89803 30.6075C9.13996 28.6815 8.04768 28.169 8.04768 28.169C6.53567 27.1347 8.16166 27.156 8.16166 27.156C9.83511 27.2735 10.7163 28.8736 10.7163 28.8736C12.2026 31.421 14.6148 30.6845 15.5658 30.2587C15.7157 29.1818 16.1473 28.4464 16.6239 28.0302C12.9223 27.6091 9.03122 26.1799 9.03122 19.7943C9.03122 17.9752 9.68223 16.4883 10.7483 15.3212C10.5753 14.9015 10.0048 13.2065 10.91 10.911C10.91 10.911 12.3094 10.4634 15.4938 12.6195C16.8231 12.2503 18.2487 12.0651 19.665 12.0585C21.0813 12.0651 22.508 12.2503 23.8398 12.6195C27.0206 10.4634 28.4181 10.911 28.4181 10.911C29.3252 13.2065 28.7548 14.9015 28.5817 15.3212C29.6503 16.4883 30.2966 17.9752 30.2966 19.7943C30.2966 26.1953 26.398 27.6044 22.6871 28.017C23.2848 28.5342 23.8175 29.5483 23.8175 31.1031C23.8175 33.3329 23.7984 35.1275 23.7984 35.6764C23.7984 36.1202 24.0981 36.6395 24.9428 36.4762C31.561 34.2701 36.33 28.0255 36.33 20.665C36.33 11.4607 28.8687 4 19.665 4Z"
+        fill="#1B1817"
+      />
+      <path
+        d="M9.31206 27.9271C9.27535 28.0101 9.1451 28.035 9.02643 27.9781C8.90528 27.9235 8.83767 27.8106 8.87686 27.7276C8.91274 27.6426 9.04299 27.6188 9.16386 27.6757C9.28474 27.73 9.35373 27.844 9.31206 27.9271Z"
+        fill="#1B1817"
+      />
+      <path
+        d="M9.98706 28.68C9.90758 28.7537 9.75193 28.7195 9.64679 28.6031C9.53751 28.4869 9.51736 28.3312 9.59795 28.2567C9.67991 28.183 9.83058 28.2175 9.93959 28.3337C10.0489 28.4513 10.0701 28.6053 9.98706 28.68Z"
+        fill="#1B1817"
+      />
+      <path
+        d="M10.6441 29.6397C10.542 29.7109 10.3748 29.6444 10.2716 29.4962C10.1695 29.3477 10.1695 29.17 10.2741 29.0988C10.3773 29.0276 10.542 29.0919 10.6466 29.2387C10.7485 29.3894 10.7485 29.5671 10.6441 29.6397Z"
+        fill="#1B1817"
+      />
+      <path
+        d="M11.5445 30.5671C11.4532 30.6678 11.2586 30.6408 11.1162 30.5031C10.9705 30.3689 10.9299 30.1782 11.0213 30.0775C11.114 29.9765 11.3097 30.0049 11.4532 30.1413C11.5978 30.2754 11.6416 30.4675 11.5445 30.5671Z"
+        fill="#1B1817"
+      />
+      <path
+        d="M12.786 31.1055C12.7454 31.236 12.5583 31.2951 12.3695 31.2396C12.181 31.1825 12.0577 31.0299 12.0958 30.898C12.135 30.7666 12.3232 30.7048 12.5133 30.7641C12.7015 30.821 12.8251 30.9728 12.786 31.1055Z"
+        fill="#1B1817"
+      />
+      <path
+        d="M14.15 31.2052C14.1547 31.3427 13.9946 31.4566 13.7965 31.4591C13.5972 31.4635 13.4358 31.3523 13.4336 31.2171C13.4336 31.0783 13.5903 30.9657 13.7893 30.9621C13.9875 30.9583 14.15 31.0689 14.15 31.2052Z"
+        fill="#1B1817"
+      />
+      <path
+        d="M15.419 30.9894C15.4428 31.1232 15.3051 31.2609 15.1083 31.2976C14.9148 31.3332 14.7357 31.2502 14.7112 31.1174C14.6872 30.98 14.8271 30.8423 15.0205 30.8067C15.2176 30.7725 15.3939 30.853 15.419 30.9894Z"
+        fill="#1B1817"
+      />
+    </svg>
+  )
+}
+
+export default GithubLogo
diff --git a/services/web/frontend/js/shared/svgs/google-logo.jsx b/services/web/frontend/js/shared/svgs/google-logo.jsx
new file mode 100644
index 0000000..3c0c085
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/google-logo.jsx
@@ -0,0 +1,39 @@
+function GoogleLogo() {
+  return (
+    <svg
+      width="40"
+      height="40"
+      viewBox="0 0 40 40"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect width="40" height="40" fill="white" />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M36 20.3788C36 19.197 35.8939 18.0606 35.697 16.9697H20V23.4167H28.9697C28.5833 25.5 27.4091 27.2652 25.6439 28.447V32.6288H31.0303C34.1818 29.7273 36 25.4546 36 20.3788Z"
+        fill="#4285F4"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M19.9999 36.6666C24.4999 36.6666 28.2726 35.1742 31.0302 32.6287L25.6438 28.4469C24.1514 29.4469 22.2423 30.0378 19.9999 30.0378C15.659 30.0378 11.9847 27.106 10.6741 23.1666H5.10596V27.4848C7.84838 32.9317 13.4847 36.6666 19.9999 36.6666Z"
+        fill="#34A853"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M10.6742 23.1666C10.3408 22.1666 10.1514 21.0984 10.1514 19.9999C10.1514 18.9014 10.3408 17.8332 10.6742 16.8332V12.515H5.10598C3.97719 14.765 3.33325 17.3105 3.33325 19.9999C3.33325 22.6893 3.97719 25.2347 5.10598 27.4847L10.6742 23.1666Z"
+        fill="#FBBC05"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M19.9999 9.96212C22.4469 9.96212 24.6438 10.803 26.3711 12.4545L31.1514 7.67424C28.265 4.98484 24.4923 3.33333 19.9999 3.33333C13.4847 3.33333 7.84838 7.06818 5.10596 12.5151L10.6741 16.8333C11.9847 12.8939 15.659 9.96212 19.9999 9.96212Z"
+        fill="#EA4335"
+      />
+    </svg>
+  )
+}
+
+export default GoogleLogo
diff --git a/services/web/frontend/js/shared/svgs/grammarly-logo.tsx b/services/web/frontend/js/shared/svgs/grammarly-logo.tsx
new file mode 100644
index 0000000..be48b89
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/grammarly-logo.tsx
@@ -0,0 +1,39 @@
+function GrammarlyLogo({ width = '40', height = '40', background = 'none' }) {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 40 40"
+      fill={background}
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+      style={{ verticalAlign: 'middle' }}
+    >
+      <rect
+        x="1.6665"
+        y="1.66666"
+        width="36.6667"
+        height="36.6667"
+        fill="url(#grammarly-pattern)"
+      />
+      <defs>
+        <pattern
+          id="grammarly-pattern"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use xlinkHref="#grammarly-image" transform="scale(0.00195312)" />
+        </pattern>
+        <image
+          id="grammarly-image"
+          width="512"
+          height="512"
+          xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApsAAAKbCAYAAAC6kkFkAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+LUNEtwAAIABJREFUeJzs3XecXXWB///Xuef26ZmSmSST3kgMgZCQhCZNQIqAYFlcVNzVr2Vd29pZV9fC7ro/QVd013WLsop0kCZFVJBASAgpENLbJFMyM5lebj2/P85MSCBlyr33c8v7+XjcRxKYuecNmTnnPZ/P+XyOtfTJnyAiksNsIAxUAGXAhCN+DQETAQ9QC1hA+dDHRoFqoBRIDL1qgUAKMkWA5qFsNtANtAJ+oAPoBJyhj0kCLcAAcAjoOuLXDqB/KJuISE7ymg4gInIcfqAYmAbUDL0m4xbFOqAStyxWD/0+RPac00qAqnG+Rxy3gLbjFtXWod834ZbQA8DBoddeoBe3QIuIZJVsOTGLSOHx45bE6Ue8aoB6YMrQqwJ31LIQeXFLawnu/5sT6cctoPuHXg24JXTPEa92VEZFxACVTRFJJwt3hG8WMB+YOvSaDczBLZupmLYudOGh12Rg+TH+fQS3bG4HdgD7hl5bgJ1AG+60vohIyqlsikiqVAELgFNxp77nA/NwRyhDBnOJW+gnDb3e/qZ/N4A7GroVt3zuBTYCm3FLqIjIuKhsishoBXHL5BLgFNwRyiW4098qlbknhPt3OAe48oh/PoA7Hb8O2IY7KroO2AUMZjijiOQwlU0ROREfbglZgTv1vQQ4HffeSslvIWDu0OtIB4FXcIvnDuDFoV91P6iIHJPKpogcqQ44E1gKLMYtllOMJpJsUwNcOvQa1gS8DKwH1gIvDf0zERGVTZEC5sNduHMh7nT4+bijmFqwI6NVhzsFPzwNH8Gddv8j8DrwDO5CpJiJcCJilsqmSOHw4S7guQB3xPJCNGop6REA3jb0GrYft3S+AvwBdwGSyqdIAVDZFMlfHtxy+Q7gNFQuxawpwAeHXvBG+VwPPIVbPpNmoolIOqlsiuSXSbj30i0FLufkm4GLmPLm8rkHeAz3ns8ngEYzsUQk1VQ2RXJbAFgJXIQ7gnk67pN5RHLNdOCTQ7+P4k63PwX8HngB9z5QEclB1tInf2I6g4iMziTgEtwFPZcCtUbTiKRfM+5o53O4o59a6S6SQzSyKZIbFuEWy0uA89CKcSkstcCHhl4RYBVu6XwC2GQwl4iMgEY2RbLXWcBluNvJnG44i0i2egV4HHgUt4SKSJbRyKZIdjkLeBdwNe6zxUXkxE4fen0N99nuDwG/RcVTJGuobIqYdzZwFSqYIuM1f+j1Zd4ong8Dz5sMJVLoVDZFzDgNuB64DhVMkXR4c/F8ELgbd9pdRDJI92yKZM4s4FrgvcAyw1lECtUa3NL5AO4jNEUkzTSyKZJeJcB7cEcxL8V9qo+ImLNs6PXPuKvZ7wXuAXpMhhLJZxrZFEmP84EbcEtmhdkoInISHbil827gacNZRPKORjZFUmcG7j2YfwksNpxFREauAvjo0GsT8GvgLmC3yVAi+UJTeiLjdwVwJ7AN+D4qmiK5bBFwC+738524398iMg4a2RQZm3rgA8CNwALDWUQk9bzA+4dem4E7gF8BDSZDieQijWyKjM5FwC9wV7HegoqmSCFYgPv9vhP3+/8is3FEcovKpsjJ+YEP424M/TTwQcBnMpCIGOHD/f5/Gvd88GHc84OInIDKpsjxzcEdzdgF/A/uoyRFRMA9H/wP7vnhFtzzhYgcg8qmyFudjTtVtgX4CjDZbBwRyWKTcc8TW3DPG2ebjSOSfVQ2Rd7wLtxNnv+MO1Wm7w8RGSkP7nnjz7jnkXeZjSOSPXQxlULnAT6E+wi7h4BLzMYRkTxwCe75ZA3u+UXXWilo+gaQQlUGfAF4HfhfYKnRNCKSj5binl9exz3flBlNI2KIyqYUmjrg74GtwL8Cc83GEZECMBf3fLMV9/xTZzaOSGapbEqhmIJ7st8O/CMw0WwcESlAE3HPP9txz0dTzMYRyQyVTcl3U3AfIbkVdxqryGwcERGKcM9HW3HPTyqdktdUNiVfDY9kbgP+DgibjSMi8hZh3PPTNjTSKXlMZVPyzWTeKJlfAEJm44iInFQI93w1XDq1t6/kFZVNyRdlwM3AZlQyRSQ3DZfOLcA/oNXrkidUNiXX2cBncUcEvg2Umo0jIjJuxcA3eWOGxms0jcg4qWxKLrsRdyTzVqDGcBYRkVSrwZ1Wfw33fCeSk1Q2JRddCawGfon2yRSR/DcX93y3Gvf8J5JTVDYll5wFPDz0OtNwFhGRTDsT9/z3OO75UCQnqGxKLpiF+8i359FP9SIil+GeD+/APT+KZDWVTclmAdyb5F8HPmQ2iohI1vlL3PPjN3HPlyJZSWVTstX7gY2423/4DGcREclWPtzz5Ebc86ZI1lHZlGxzFvAEcCda/CMiMlJzcc+bT6D7OSXLqGxKtqgCfoZ7H9IlhrOIiOSqS3DPoz/DPa+KGKeyKdngI7j7yH3UdBARkTzxUdzz6kdMBxFR2RSTzgKeAf4LbcouIpJqNbjn12fQ1LoYpLIpJpQCP8Kd6rnAcBYRkXx3Ae759kfokb5igMqmZNq7gfXAp00HEREpMJ/GPf++23QQKSwqm5IpM4B7gfuGfi8iIpk3A/c8fC8w23AWKRAqm5IJnwQ2AdeZDiIiIoB7Pt6Ae34WSSuVTUmnU4EngduBIsNZRETkaGHc8/OTuOdrkbRQ2ZR0+RruT83vMB1ERERO6B245+uvmQ4i+UllU1JtKfAs8F3TQUREZFS+i3v+Xmo6iOQXlU1Jpa8Ba4BzTQcREZExORf3PK5RTkkZlU1JhYVoNFNEJJ8Mj3IuNh1Ecp/KpozX3wIb0WimiEi+ORd3X87Pmg4iuU1lU8ZqJvAw8EP0dSQiks9uxT3fzzQdRHKTSoKMxfuBdcCVpoOIiEhGXIl73n+/6SCSe1Q2ZTTCwC+BO4Eyw1lERCSzynDP/7/EvR6IjIjKpozUOcBa4EbTQURExKgbca8H55gOIrlBZVNG4uvAc8AppoOIiEhWOAX3uvB100Ek+6lsyolMAR4BvmM6iIiIZKXvAI/jXi9EjkllU47nUtxpkitMBxERkax2Ge714lLTQSQ7qWzKsXwb+B0w0XQQERHJCRNxrxvfNh1Eso/KphxpCvAEcLPpICIikpNuxr2OaFpdDlPZlGEXAy8Dl5gOIiIiOe0S3OvJZaaDSHZQ2RSArwJPATWmg4iISF6owV049FXTQcQ8lc3CVgTcD3zPdBAREclL38O9zhSbDiLmqGwWrtOA1cC1poOIiEheuxZYg3vdkQKkslmYbsC9n2ah6SAiIlIQ5uNed24wHUQyT2Wz8NwC/Ar93YuISGZ5cK8/t5gOIpmlwlE4ioCHgK+YDiIiIgXtK8CjuNclKQAqm4VhPu79me8yHURERAS4HPe6NN90EEk/lc38dzm6P1NERLLPQtzr0+Wmg0h6qWzmt7/BnaoImw4iIiJyDGHc69TfmA4i6aOymb/+beglIiKS7XTNymMqm/knADyCfkoUEZHc8jfAY2g2Lu+obOaXqbg3XF9hOoiIiMgYvBN4Efd6JnlCZTN/LMP9Bl1sOoiIiMg4LMK9ni0zHURSQ2UzP1wDvATUmQ4iIiKSAnW417VrTAeR8VPZzH2fBB4wHUJERCQNHsC9zkkOU9nMbd8GbjcdQkREJI1ux73eSY5S2cxdPwVuNh1CREQkA24GfmY6hIyNymbu8QD3AR83HURERCSDPop7/VN3yTH6C8stYeCPwLsN5xARETHh3bjXQe3FmUNUNnNHJe5WEOeaDiIiImLQubjXwyrTQWRkVDZzw2zgz7h7j4mIiBS6RcDzuNdHyXIqm9lvNvACMN90EBERkSwyF/f6qMKZ5VQ2s9tSYBWaKhARETmWKtwp9TNNB5HjU9nMXufgPue82nQQERGRLFaJOzBzjukgcmwqm9npXOAP6O9HRERkJGzc66YW0WYhlZnscznuN4zXdBAREZEc4sW9fl5lOogcTWUzu7wfeBT3JzQREREZHRv4Le71VLKEymb2eB9wp+kQIiIieeBO3OuqZAGVzezwPuA3pkOIiIjkkd+gwpkVVDbNU9EUERFJDxXOLKCyadb7UdEUERFJp9+geziNUtk05zJ0j6aIiEgm3Am8y3SIQqWyaca5uKvlREREJDMeRPtwGqGymXnnAM8APtNBRERECoiFe/3Vk4YyTGUzs5ahDdtFRERMGd74fZnpIIVEZTNzZgNPoqIpIiJikhf3ejzbdJBCobKZGVOAF4By00FERESEctzr8nTDOQqCymb6VQJ/BKoM5xAREZE3VOFOqVeaDpLvVDbTywc8B8wyHURERETeYjrudVqLdtNIZTN9hle9nWI6iIiIiBzXKbjXa8t0kHylspk+96PtFURERHLBObjXbUkDlc30+A/gGtMhREREZMSuAX5uOkQ+UtlMvW8BHzMdQkREREbtr3Cv45JCKpup9UngG6ZDiIiIyJh9A/d6Limispk6VwG3mw4hIiIi43Y77nVdUkBlMzXOAB40HUJERERS5kHc67uMk8rm+E0EnkD/L0VERPKJB/f6PtF0kFyngjQ+XuBZ9PQBERGRfFSJe50PmA6Sy1Q2x+e3wFzTIURERCRt5gIPmQ6Ry1Q2x+7HwDtNhxAREZG0uxT3ui9joLI5Np8EPmU6hIiIiGTMp9CWSGOisjl6l6AtjkRERArR7bg9QEZBZXN0ZqEtjkRERArZg7h9QEZIZXPkfMCTQMh0EBERETEmhNsHtEJ9hFQ2R+5BYKbpECIiImLcTLRCfcRUNkfme8DlpkOIiIhI1rgUtx/ISahsntz7ga+aDiEiIiJZ56u4PUFOQGXzxE4B7jQdQkRERLLWncAC0yGymcrm8fmBh02HEBERkaz3GG5vkGNQ2Ty+u9HWBiIiInJy03B7gxyDyuaxfRW42nQIERERyRlXozUex6Sy+VYXoNVlIiIiMnrfAy42HSLbqGwerQK433QIERERyVn34PYJGaKyebQHgXLTIURERCRnlaNHWx9FZfMN/wicZzqEiIiI5LzzcHuFoLI57CLg702HEBERkbzx97j9ouB5TQfIAhW491eIiByWdCAxio+3AY+VrjQikqPuAWYDh0wHMUllE+5FN/KK5KWkA0kcojgkhspjAoc2J0mP44CThOFfYejPAA54bLCsoT+fhAUkk0PvY7mfZw01T8sz9GcPVZZFueUBLPwW2Fh4sPCppIrkq+GFx+cbzmFUoZfNrwEXmg4hImMXcRwSOEQd6HQStCUTQ8UvAVhuafTYVFkWlZZNucdmoTfEBK+fYttHyOOlxBvAASr8QWzLQ9JxKPMHKfL6STgnb5seLLpiA/THo3gsD7Fkgs7YIBYWXbFBBpJxOuNRuhMx9sYjRB2HhmSSnmTCLbvJoTFUjw2WhzqPTanlwbbAh0dlVCS3vR23bxTstorW0id/YjqDKUuBNaZDiMjJJR2I4RB13FHJ9mQcEnH3X3q8lNo2dZbNdF+Aen+YGn+YCf4gpb4Q1cEiKgJFlPqDlAeKCHl9BL1+Ql4/AduXsf+GvtggkUScwXiE3liE7ugAhyL9dEcHaRvs5VB0gM7YAC3RAfZF+tmbiLI7mXCLaDLujpB6vNR7vJR4LGwsApZaqEgOWQasNR3ChEId2fSj/TRFstJwsex1km7ZSsTc0T/bS63HxxJfkFnBEiYFi5kYLKYuXEZtqJTaolKKfCEmBItN/yccU5EvSJEP4MT5ookYXdF+uiMDtPR309jfSctAL82DPRwY7GFHpI/X4xF3BDcRc0uo7We2x0PI8uDD0r2jItnpftz7N6Omg2RaoZbNnwP1pkOICMQdhwHHYWsyDvGoe3+jx8tib4Abi8qYFS5nUqiUaSUTmFZSSVWwhMpQienYaeO3fVSHyqgOlTGrvPaofxdLJugc7KG5v5v9vYfY03uI/f3dbO3v4PVoP5vi0aECauGz/cyxbfxYeDUCKpIN6nH7xwdNB8m0QpxGfw9wt+kQIoUq7rijljsSMXcq3GMzw+tnSaCYhcUTmFk8gVmlVcwsraEyVJLRqe5c1RMdoDPSy86uVnZ0t7Knr5NXe9t5PtJLWyLuTsXbXmbbPootj8qniFnvpcB2wSm0slkD7AKKTAcRKRQxB/qcJDsSQ6NuHi8LfAFWhMs5tbSGWSVVnFJRx8SiMop9IdNx80ZXpI+mvk62dDSzo6eVzT1trB3oZlNscKh8+phn+yiyPJp2F8msPmAmcNB0kEwptGn0O1HRFEm7iOOwJxmnJxYBj4fZ3gA3lVRzaulE5pXVsHDCJKaWVpuOmdfKAkWUBYqYP2EyAIlkksa+dl5tb+T1rmbWdbWwaqCbrdF+cByqfH7qPF4tOhJJvyLcPlIwG74X0sjm3wI/NB1CJB8lh0Yvtyai7tS47eOdwWJWltWyoGwip1dPZXppNR5LDy3LFtFEjH097bzSuo/XuppZ1dXCU5E+d/TZ9jLP9mvUUyS9PgP8yHSITCiUsjkNd/pcVzqRFDlcMOMRSCao9wW5sKiCFRWTOb2qnrnltVRk6cpweatDg71s7Whi46H9PNfewDP9XTTFBsFjM88bUPEUSb0kMAe3n+S1Qimb64DTTYcQyQc9yeGCmWS2P8SlJdUsmzCJM2umM69ikkYv80AimWBbZxMvHdzDmkONPNHTyo7oAHg8zPMGKPHo71gkRTYAp5kOkW6FUDa/SgHv2i+SChEnObStTpx6X4irSqtZWVnPWbWzmFk20XQ8SbNdXS2sat7JC+0NPNnTxo5oP3hsFvgChPXDhch4fQ24xXSIdMr3sjkP2GI6hEiusXFXka9LRN29L71+Plhcydsrp3JW7azDi06k8OzqauHPTTv4U9tu7ug5RCw+CN4Ai22/HqspMnbzga2mQ6RLvpfNVyiA4WmRVOpMJtkRGwAsLg2XcVnlNM6tncXpNdM1RS5HeeXgHv7cvIOn2vfycH8XOElm+IJUemzT0URyzXry+Ha/fC6bXyHPh6VFUuHoUcwIM/xhri2r5YKJszh30lzKAtotTE6sNzbA843b+VPLTu7vaHS3U7J9LPEGtKhIZOS+CvyT6RDpkK9lcwYFsLpLZDxsoMdJsjk6CDhcHq7gmomzOX/SHOZUTDIdT3LUrq4W/tS4jUdadnB/Xwc4Seb5QlpUJDIyM4HdpkOkWr6WzVXAStMhRLJVSyJBQ2wAvH4+UTqRy+rmcsGUUyjx6wk+khoD8SjPNW7ld41buaOzkbZYhBJfgHm2DxtImA4okp1eAM4yHSLV8rFsfhz4qekQItlobdydKl8QKOL9ldO4fMoCzpg403QsyXOb2/fzxP7N3Ne6i+cHeg5PsfsslU6RY/gE8O+mQ6RSvpXNKqABCJoOIpINbCwSOKyNRSAR4+JwOdfXzuHS+oVM1+MiJcPaBrp5bO8m7m3awsN9HWDZLPEFdV+nyNEGgelAi+EcKZNvZfNh4ErTIURMs7GIOQ7r4oOQiHNNSRXX1c3jqumLteBHjOuPR3hy7ybuPbCZX3W3gmVxmi9IwPKQwDEdTyQbPAZcYTpEquRT2XwX8JDpECImHS6ZsQFwkryvpJp3T5rPVTNOJ+T1m44n8hZP7N3IA/tf4z86mwBUOkXecDXwW9MhUiFfymYA2AfUmA4iYsLh6fLoIDgJ/qKkhhumLuLy6Yu1N6bkhN83vMbd+zbws85mQKVTBDgITAUipoOMV76UzR8BnzYdQiTT3rgn050uf29pNTdOXcyVM/J2b2DJc28unUt8IXyWpdIpherfgL81HWK88qFsnor7IHuRgmJjsToegXiEq4uruGHKQq6btQxb+xlKHnh636vcsXc9v+xsAtvLUl/w8A9XIgVmMbDRdIjxyIeyuRY4w3QIkUyxsdibiNMc6+ftoTL+un4R1886g6A3YDqaSMo9vPsV/nvveh7saQOvn+XegAqnFJqXgaWmQ4yHPenGnF7s9GHc/ahE8p6NRZ+TZH2kjwrbx3fqF/Ht0y5jRe1svB6v6XgiaTGvoo5r6xeywOOntfcQqwa7SFpeKjy2KqcUiknAXtznp+ekXB7ZDANNQKnpICLp9MbinwEAvlY9gw/PWa5HSkrBOTTYy6+2vcgtja/TFBtkQSBMiWVrpFMKQTdQB/SbDjIWuTyyeTt5+EgnkSMN35fZGB3gprJa/m3B27lp/rlUhkpMRxPJuJDXz/KJM7liwhSKIwM82NvGgUSMSbYPG0uVU/JZAHfHnYdNBxmLXB3ZXESO3ywrciI2Fu3JODui/SwPlvJ3M5Zw/ewzTccSySrPNLzGz3at5a7uFkp8Qd5m+4mpckp+OxXYZDrEaOVq2XwBWGE6hEiqvTFl3g+Wh+/UzuWj88+mJlxuOppIVkokk/xq2yq+vXc9O6IDLAoUEdb+nJK/XgRWmg4xWrk4jf4e4HOmQ4ikmg+L1xJR9kT6uLGslv9820X8xZwVFPmCpqOJZC2PZbG4aipXVk/DP9DLgz0HOeAkqLd9eECVU/LNFGDz0Ctn5NrIpgdoBCaaDiKSKjYWg47DhkgvM/whvjntdD44/2zTsURy0hN7N3Lrzpd4oq+D2f4QlR6vRjkl37TgrlBPmg4yUrk2svkN4ErTIURSxYfFi/EILbEBPl01jR8tvpQL6xeajiWSs2aXT+TqyadQGunjnq4WDiRi1Nt+jXJKPinG/XL+k+kgI5VLI5vVuKOa2lBQct6Ro5kLAmG+M2s5187K6T17RbLOqsZt/GDbKu7raWGGv4haj1cLiCRfxIHJuM9Pz3q5NLL5M+A00yFExsuHxcvxKI2xAT5TNZ0fL7mCFXVzTMcSyTv1JZVcU7+QCZFB7upsYr9GOSV/eIB64D7TQUYiV0Y2tdWR5LzDK80jfdR5A/xw1nLeM0fbGYlkwnMHtnDL1j/zeF8HCwNhirUZvOSHRcCrpkOcTK6MbN4NTDcdQmSsfFgcSMTZEu3lryum8J+nX855k+ebjiVSMKaVVnHNlAUE+ru5u7OJA8BUjzd3VliIHNupwP+YDnEyuTCyeTHwlOkQImPlw+KFaD9g8bPpS/jowrebjiRS0B7fs4Gbt61iXaSXpcHiw7MOIjnqErK8J+XCyOZjQJXpECKjNbwI6OVIL+8IlfGrUy/h6plLTMcSKXhzymu5vGY6A93t/LanFY9lU+GxNcopuWoZ7iO8s1a2l80PAB8zHUJktHxYbE/E2BMd4Ms1s7ht2TXMqagzHUtEhpQFirhy6tuojUX5dccB9ifjTLN9KpySi6qAHWTxYyyzfRq9GW3gLjnGxmJ1tB8smztmLeMv551lOpKInMBzB7bwpc1/5MXBHk2rS65qAerI0o0Wsnlk8zPA9aZDiIyUjUXCgbWRXi4LV/CbxZdx2bRTTccSkZOYVlrFVbWzGOxu48Hug4RsmxJL0+qSU4qBbuAF00GOJVtHNgNAK1BiOojISPiwaE7G2R3p53M1M7j5tMuYENSXr0iu+beNv+dv970Cto8V3gDx7BwoEjmWHtwH4ERMB3kzj+kAx/ElVDQlR3ixeCEeYXdskB/PWMoPVrxHRVMkR3361It48tTLmOGxeTHSiw8L23QokZEpwe1PWScbRzYnAAeAoOkgIifjbmvUR5Xt484FF3HxVD3XXCQfbO1o5Ivrf8fDvW0sCZTgs3Qfp+SEQdzHWB4yHeRI2XjP5rcAbUQoWW34/sw1kV6uLKrgV0uuZHndbNOxJAUODfYSTcRoHeimdaCbrkgfnZE+uiL9NPS2s6e7ld7oAH2xCB2DvXRG+jg02EvCSRBLJgAHr8dr+j9DxqkqVMIVk+cR7W7j/q5mim0fYcujuinZzos7a51V+25m28jmBKAR955NkaxkY9HjJNg82Msnq6bznSVXUBEsNh1LTqAz0kfHoFsa2wf76YkN0B7poycWoTsWoTM2yKF4hISTpCsRw8ZDZyJKTzKJz7IAsICWZJzdiTgLvD5KLftw8UjgUG378FoeQh4PQY+XMttPmS9AqS9AuS9EVbCIEl+ICcEwlcEiJgSLKfGHjf0/kZG7bcNTfG7fekp8ARbaft3HKdkuAkwii0Y3s+3H76+goilZzMaiMRGnITbAP9WfypdPf6fpSDIklkzQ2HuIxr5OWvq7aRnsYX9/F42RXg7GBmmPx3gtEaU7HgXHActyX7hlEmv4V/dW9irLIoTnqGJRZFks8vrodRw6krGjjr8hHiM2/LFOcmgDkiP/7B7TZ/s5w+un2utnoi9IfaiEyaEyJoXLqAmVUF9SSU24LH3/o2TUPrv4HUwtruC6Lc/xYnKAFb6QCqdkswBun8qa+zezaWRTo5qS1bxYvBiPQCLGL2av5IPzzzYdqWD1xgbY1dXKgb5O9vS0s7P3EHsjPTTGIqyK9kMi7pbG4UJpeaizPJRaHko8ZtdF9iSTdDtJmpzkGyV0+FdvgHf4Q0wNhJkWKmNWSSXTiyuZWVZNbVGF0dwCLzZt54aNT7A7HmWlP/zGDxci2SerRjezqWz+C/BF0yFEjsWLxYuxAbA8PLnwQt4xdZHpSAWlua+DbZ0t7Oxu5bWuFnYMdLMu0k9DfND9AMsDlodKj80kj03YskiYjTwmPckku5IJYk7CLZ/JBNheLgwUMTNQzIKSKhaU1zKtpJL5EyabjluQtnU08ql1j/L0QBfLA8VaNCTZ7PtkyehmtpRNrUCXrOWuOO9nkS/I/552GUtqZpqOlPda+jrY2tnC5o4m1nc18/pAD89Get3y5bHBYzPbY1Puye9NaWws+p0ke5NxupMJ97/fcZjtD7M8VMKpJdWcVjmFuWUTmV5WYzpuwTjY38ln1/yWO7tbWBYsxqMnDkl2ypqV6dlSNr8P/J3pECJvZmOxOtLLxaEy/v2Mq5hVXms6Ul5KOknWt+5lc0cTaw/tZ0NfJ3+M9LrTyx6bEo/NTI+PoLafAaA9mWB3IgZJdyp+SaCYFcUTWFJex+LKySyqmkrA9pmOmdf64xG+/NKD/LgPwAE7AAAgAElEQVRtD4uCJYQtj742JRv9K1kwa5wNZbMc9xnouldTsoYNJIC1gz1cX1rD7cuuoSZcbjpWXumK9LGhrYGX2/axtquZX/d1QDwKHptS28sMlcsRO5CI05SIQzIOXj/Xh8tYXlbL8urpLK6up9RfZDpi3vrm2of5VuNmFgSLKbFsfb1KtokAtUCnyRDZUDa/DnzHdAiRYTYWMcdhXaSHj0+o55al76I8oIt1KgwXzFUHd/F8ZxOP9He69yZ6vMyzfZR7dLEej8PbcsVjbvG0PFwZLuPs8jrOqpnJkpppFPtCpmPmnR9seJIv7NvAbH+ISo9XX8OSbW4GvmsygOmyGca9V1NDRpIVbCwGHYcNg918umoGt664DjvP7wtMvySrm3fxp6YdPNd5gEf6u9zpcdvHYtuv0cs0Ofy1nIhCIgaWxTVFEzivYjJvr5vDkpoZpiPmlZ+8+gyf2rWGGYEiaj1erVSXbNKJe+9mv6kApsvm54AfmAwgMmx4McamwR7+YdIpfHPpu0xHymnbOhp5tmkHf2jbw6972yGRAK8KpglHFc94FGwfHymt5sLqGZxTN4dppdWmI+aFO7Y8zwd3vECdN8B026fCKdnk88Ctpg5usmzawF7cti1i1JFF81uTF/CNM64yHSkn9cYGebFpB79r3MrdnU00xAbA9rLIG9ACiixxeKo9FoVknEWBIq6umMyV9QtZXqtHro7XPdtX894tz1LnC6pwSjY5AEwDM7vCmSybNwK/NHVwkWEqmuO3u6uFp/a/zmMHd/NQXztgMcMXoEb3r2U1G4t9iRhN8QhYHm4qreGy2jmcP3meFsSNgwqnZKkPAneYOLDJsrkFmGfq4CKgojle6w7u5uF9r3L3oX1sjvSD7WOJN4BP0+Q55fD3QSwCyTjnhcq4tnoGV0xdyJyKSabj5SQVTslCW4H5Jg5sqmxeBjxu4sAiw1Q0x+7ZA1t4qOFVfnBoPyRi1PmCTLV9Kpg5bngp3Lp4jFg8Qr0vxE1VU7lu+mmcWjXVaLZcpMIpWeidwO8yfVBTZfNZ4FwTBxYBFc2xSDpJHt+7kQf2v8Z/dbWAk2SeL8QEj62LaB7yYbE/EXfvu/X6+dKEet47fTFnTJxlOlpOUeGULPMccF6mD2qibC4BXs70QUWGHV6ZG+nlW5Pmq2ieRNJJ8ru9G/jNvle5o7sFLA+n+YIEtOCnIPiwaE0m2BEbAI/NFyun8r7pp6l0jsJw4ZzhD+k+ZskGZwDrMnlAe9KNV2TyeAD/H7Ao0wcVgTeeDPTKYDdfq53DPy672nSkrPbo7lf47qbf8+WGTWyMDrDEH2aq149loctlgUgCQctimjdAqcfDQz2t/Kx5O/2HGin3BphcPMF0xKy3sHIKk+Ix7mjdTbHtI2x59P0jJpUC92XygJke2ZyCu92RJ5MHFTnS2sFe/qZyKj9YcT0+bdh+TM8d2MIvd6/j5x0HwGOzxBfSoh8B3JHOLifB5ugAWB5urpnF+2acztt0T+dJ/fTVZ/jk7rUsChQR1qMtxZwk7jZI+zN1wEyPbH4ZA/cKiIA7fb5msJcPlddx+1nvwefxmo6UdTa07uX7m57mY7vXsC7SyxJ/EVO9ftBIpgxJAr4jRjrv62rmp83bCfYeor6oXI92PYFlNTPw9XXxm44DTLT9ePV9JWZYwCDwTKYOmMmy6QXuAvRgXsk4LxarI728u6SKfzvzWkr8YdORskpDTxs/fu2PvHfb87zQd4hF/jCzvAEcXQzlOI4snUHgno5Gnmzehm+wn9ll1QS9ftMRs9J5dXMY7DzIvV2N1PkCpuNI4VqI+wTHZCYOlsmy+QHghkwdTGSYF4sXo/2sCBTxv8uvY2KRNqseFk3EuGPrKj7z2h+5s2M/s30B5vmCWFaGzkCS89x7Oj1M8wbYkYxzX/teNjbvosKymFNeZzpeVjqvbjbN7ft5pLedad6AvtfEhBCwA9iYiYNlsmz+EqjN1MFEwL2/7MXYAFW2l0eXv5tppTWmI2WNVY3b+PL6x/he0zYOWRbL/WH8lqULn4xJEpjosZniDfLHaB+/btlJe1sD08NlVIfLTMfLKrbH5tyaGWw5uJunB7qYqsIpZswE/j0TB8rUAqGzgOczcSCRYT4s1sajxJJxVp/xLs7Uc58BaOrt4L+2Ps/fN28DYKk/hI0W/0jqHN5eLNoHto8fTl7IB+et1P2cb7K/p52rX7ibdbEBVvjDxPU9KJl3NrAq3QfJ1Mjm94G3ZeJAIuBe7FqScdpjgzyy8CIuqF9oOlJWeGDnWj696Snu6DjAPF+IuUMjKrrESSo5gG3BVG8Ay4G7Du1jY/NO6rwBZpRpdmFYaSDMOeW1/KRxK/uTCeo9Xn0vSqYVA/em+yCZGNmsxl1er7vFJSNsoN9x2DTYy89nr+CvFmgDhL3drfxw85+4tXU3eP2s9Ab0JBPJCHdzMYvVsQFIJvhW3Tz+et7ZTNL+nIc90/AaF214nHpvkEm2Nn2XjIribkvZms6DZGJk89PApek+iMgwB1gf6eUfJp3C5xdfYjqOcfdsf4mPbHqKR3paWRIoZqrt1XSdZIwz9Jpm+6iwvdzV2cgfm7ZTZ9nMq9ACIoAZZTXMSjr84uBOyrx+gpal71DJFBtoJ823OmaibN4BVKT7ICLgrjx/abCXm8on8a/Lr8NjWaYjGdPU28F3Xnmcz+59hR7L4kx/WFsZiTFJwGtZTPMGWZOI8puDO4h0HmRReS3Ffu2It7hqKt6+Lu7uOECdV1siSUbNAn6YzgOku2xeDPxtOg8gMmx4i6PlgSL+a/l1lBTwBezpfa/y/9Y/zt1dzSwJFDNZo5mSJZJAvcdLte3j3q5mVjXvZKo3wKyyiaajGXde3Vz2HdzNY70d2hJJMqkCd2RzV7oOkO6y+X3glHQeQATcBUHr4lGSOPxu6dXMKNAL12A8wm0bn+bG7S9wwEmyIlCk0UzJOg7gsSymeoO8EBvkjubthPq6OLVyMgHbZzqeUWdW1vN00zbWxgeZavtUOCVTioG70/Xm6XxG+STgmjS+vwjgFs3OZIJYPMIjp5xfsM9o3t7RxIef/w1f3LeBeb4gK31BjWZKVovjsNIXZIE/xFcaNnLTqrvY2LbPdCyj6oor+O/TLgMHdiSi2BTurUCSUdcAabuJOp1l8wNpfn8RABI4bI308oOpi7lixumm4xjxyO5XWLn6Xu7qaWV5qIxyj0erzSUnxHAIWx5Whsq4v6+DxWse4Fdb077tX1ZbUjODe+adTVtskH4nMbSiXyStPMAH0/Xm6ZxG/y+gKl1vLgLuxu0vRfq4qXwy/3TmtabjZFzSSXLbxqf58PZVDHg8rPCHSeCoZkrOSQJTbT+DTpL/a93FYGcLZ1TVEyrQZ6wvmDAZu7eDuzobmeIN6ntaMmEq8ON0vHG6yuY5wJfS8cYiw3xYvBAbZJEvyP+c+e6CWxDU2t/JF9Y8yPeatjAvUMRc26dpc8lpSaDS42Wi7efe7mY2texiUUkVEwv0cZcrJk5nc/NOnh7oZqrXr/s3Jd0qgd8DKb+XJV3T3B9J0/uKAO59ms3JOCTj/PRtF1FXXFi7a71ycA/XrbqLnx3az9JQKeUeW9PmkhcSOHgsWBks5bGBLhaveYD7dqw1HcuIgO3nX067HGwvL8d1/6ZkRFr6WzrKZhi4Pg3vK3JYAofdkX5+Ov0Mzp40z3ScjHp49yssefkhnov0sSJYAqAnjkjeieGwwh+m1LK4/vU/8IMNT5IswC/zWeUTeWT+ecTiun9TMuJ63B6XUumYRn8f8P5Uv6nIMN/Qxu0fq6znW0uvMh0no36++Vlu2PocPo+XM7XaXPJcEqj1eCmzvfxfewMt7ftYWT2dsK+wNj2fW1GHt6+T33Qc0P2bkm4BYAuwMZVvmo6yeRswI9VvKgLu9PmL8QjzvAF+cea1BfPkkVgywXdefpQv7H2F2YEwc3R/phSIJBC0PNT5/Dzc08a65h2cUVZDTYHdx3lG1TQ2Nu/gD4O9TLN1/6akVQXwi1S+Yaqn0euBC1L8niKA+wDXzmQC4lF+suB8aosK4z7Nrkgfn33xHr7ZuJlFwRIqPV7dnykFZfg2kRXBEp4e7GHlmgf4fcNrhlNlVpEvwPcWvQOw2J+I6f5NSacLcPtcyqS6bGr6XNLIYmukl3+e8jYurF9oOkxGHOzv5K9euIeftDewNFRK2PLo/kwpWPGh+zh7HIeLNz7Br7e9YDpSRi2qmsovZ51JQ7Rf5wFJt5T2uVSXzRtS/H4igHuf5upoP5cXV/GptxXG4PnOzibes+pu7uttY7kWAokAQ08d8gaos318YOuf+eHGp0xHyqgb55/NxyqnsjbSh0+jm5I+Ke1zqSybC4HTUvh+IoB7n+b+RByA7y66iCJf0HCi9NvQupf3r3mQZwd7WBEoVskUOUIMh6m2j3n+MJ/ds46b1zxEJBE1HStjbj71HfhsP2u1HZKkz2m4vS4lUlk2/yKF7yVyBIeGaB//OeMMTquebjpM2q1t2cmytQ+xNjrA2cEiLQQSOYYEDuUemyXBUr7btIXPvngf3dE+07Eyor6kirvnnk0sHiHiaKmQpM1fpuqNUlk2db+mpJwPi9WRfv6irI6b5p9jOk7arW3ZyVnrHiXmJFjhDxNxVDRFjieBg8+CpaFS/v3Qfj6y6h7aBrpNx8qIa2adweerZ7A+2q/pdEmX96TqjVJVNs8EZqXovUSAI6bPPR5uftsF2J783s74qKLpC2lEU2QEEkO/Lg+WcF9PGx964R72dbcazZQpX1x0EVO8QU2nS7rMwu1345aqsnldit5H5LAEDg3Rfn4+fQkLKlO6C0PWUdEUGZ8EDiuCxTzW38F7V9/Lzs5m05HSrraogttmLycWHySmWRBJj5T0O5VNyUo+LNZGB7i+rIYP5/n0+dqWXVz0ioqmyHjFcTg7WMzqaD8fWPNgQRTO62Yv4xMTprIu1q9HWUo6ZE3ZXIam0CWFbKA16a4+/+opb8/r6fOXW3Zx1rpH6E6qaIqkQsRxODtQxOpoHx9Y80BBFM5PzDsLsOjXYiFJvVm4PW9cUlE2r0/Be4gcwWJHtJ/vT17Ikpr8ffLp1o5GrtKIpkjKvVE4+wuicC6qmsoXq6axKTpoOorkp3H3vFSUTU2hS8rYWKyODXJeqJy/PiV/p8/3drfyobUP0ZSIqWiKpEGhFc7rpy0GyyKmU4mk3rh73njLplahS0oNOg4kYvz93JWUB4pMx0mL9oEePr72t6yO9HF2IKyiKZImby6cu7ryt3AunTiTG0qq2BCPmI4i+Wfcq9LHWzavGufnixxmY7Eh0sdnqqZz8dRFpuOkxWA8wufWPMjv+g6xIlCsfTRF0uzIwvm+lx6koafNdKS08Fgezp4wBRIx01EkP10znk8eb9m8epyfLwK4i4IaE3H8Xh+fPuVc03HS5qtrfssdXU0sD5ZoRFMkQ4YL59pIL59Y+9u83fh98YTJYHsZ1KlFUu+K8XzyeMrmKUB+Dj+JARYN0T5uq1/ErPJa02HS4l/XP8FtrbtYGizRs85FMiziOKwIFPNobzsfX30/fbH8W0wzu6yG5b4QfU7i5B8sMjqn4va+MRlP2RxXyxUZNrwo6MKiCm6Ys9x0nLT4zbYX+eK+9SwIFutJHyKGxHGGnjTUyhdeup9YMr+mnKvDFSwMlbA7ETcdRfLTmHvfeMrmu8bxuSKHJXEXBX1+1pmU5eGioD83buEvtv2ZOn+YEsvWqKaIQQkclgaL+Y/2Br6x9hHTcVLKY0GNPwzab1PSY8y9b6xlcyJw9lgPKjLMxmJNdICbyidxxfTTTMdJuR2dTdyw8SmwfUyzfSqaIlliSbCUf2rexm0bnjQdJaUqfEFIahpd0uJsoGYsnzjWsnnxOD5X5LAeJwGOwyfycPq8J9rP373yOA3xCCu8AS0IEskiPstiQbCYz+1dz53bXjQdJ2WCtk8jm5IuHuCysX7iWLxzjJ8ncpiNxeboAF+tmcmy2tmm46TcLeuf4KHeNpYHilU0RbJMAocSy6beH+aGbX/mT/tfNx1JJBeMqf+NpWx6gUvGcjCRI7Un42D7uGnOCtNRUu6XW57nluZtLA5o5blItkrgMMX2gu3j/E1Psrm9wXSkcRtIxMDSxKOkzYW4PXBUxvIVuQKoHsPniRxmDz3//J9r5zKnos50nJRa27KTD+18kTp/mKClleci2SyGwwpvAJIJPr3+cdoHekxHGpeu2CB4bNMxJH/V4PbAURlL2bx0DJ8jcpR9iRh1vhAfmDOuJ2BlndaBbv7fhifB8mhBkEiOiOOwwh/mmf4uvr7uUdNxxiyRTHIwOqCRTUm3UffAsXxFjunmUJFhNhZNsUG+Pnkhk4srTcdJqVs2PMm6SC8rfCHdpymSQ+LDWyId2sttG54yHWdM2ge7eXWgmxn2qGc5RUZj1D1wtGWzDjhjtAcROdLmRJQlgWLeP3uZ6Sgp9X9bV3HrwZ0sDWpBkEgusrFYGCjmc/vW8/DuV0zHGbW93W2sjkco1simpNcZuH1wxEb7FXkh6PEnMnY2Fj2xQT466RQqQyWm46TMprZ93LhzNXX+sJ4QJJKjEjiUWjalvgDv2vIsr+XYgqGX2xogHsWnc5Ckl4XbB0dstGXz/FF+vMhRNieiLA2WcP2sJaajpEw0EeMbr/4eHEf3aYrkuBgOC2w/JBN8acOT9EQHTEcakaQDz7Y3gO3Do64p6Xf+aD54tGXz4lF+vMhhw6Oaf1V3ClWhUtNxUub2V//Ag92tLPeHNX0ukgfiOCz3h3msr53v58gThta37ubOvnZO8/pNR5HCMKo+OJqy+TZg+qiiiBxhcyLK8mBpXo1qvtS8g883bGReoAhUNEXyRgKHRYFivt28jft3rjUd56Qe2LsRkgm82m5NMmM6bi8ckdGUzQtGHUVkiDuqOcAHJs7Jm1HN3lg/X3/tD+CxmeCx0dOIRfJL2PJQ4gtw3bbn2dbRaDrOcW3raOQ7bXuY5wuZjiKFZcS9cDRlc+UYgogA0JiIM8NfxDUzFpuOkjL/ufnPPN13iJW+EDGNaorknQQOC20/JOJ8feOTxJIx05GO6d+3roJEjHJt5i6ZNeJeOJqyed4YgohgY9EQG+DjNbOpL6kyHSclXjm4m8/vf5XZgWIVTZE8FsdheaCIe7sOcuuGp03HeYvH9mzg1tbdnOYPa3GiZNqIe+FIy+apwOSxZZFC155M4Pf6uXb6qaajpEQsGeO7m/8EQLVGEkQKgMOCYBFf3v8qD2TR/Zv7e9r4zNbnwOsnoL01JfMm4/bDkxrpV6dGNWXMdsQG+OyEeuZUTDIdJSXu3Laa+7pbWO4Pa1RTpAAkgDLLps4X5N1bnuWpfZtMR2IwHuFL6x5jRzzCSm9Ao5piyoj64UjL5lnjCCIFLO44YHm4blp+jGru6TrIF/aso8ofQqvPRQpHDHcfXb/H5pJNTxkvnF9b+zB3djWz3F+kH3rFpBH1w5GUTQs4d3xZpBDZwPrYIH9VNpEza2ebjpMSP93yHG2xCLNtv1afixSYOA5LvIHDhfMRA4+07I9H+PyL93Jr626Whko0oimmncsIniw5krI5H5gy7jhScGIOkExw7eQFpqOkxKrGrfxL624WBYq0ebtIgRounFW2l6te+z23b3qGRDIzP3ru72njo6vu4tbWXSwLFqM7xiULTMHtiSc0krJ5zvizSCFal4jyjnA5502eZzrKuCWSCW7b/gJYHop1I75IQYvjMMf2M88X4m/2vMzHVt3J5jQ/R/3xPRu48oV7+HX3QZYHS3FAsyuSLU7aE0dy1VyagiBSiOIRrqudQ4k/bDrJuN2/cy33dB9kqV97aoqIew9nucdmabCY/+5s4eI1D/DDjU/R2HsopcfZ1dXMP6x9iMtf+z0bElFWBIo1dS7Z5qQ90TuCN1mRgiBSYDqTSep9YS6rX2g6yri1D/TwL3vWgTeAjaUTvYgAHD4XrAgUcSAR57N713NXy07+sm4uF06az/wJY9+B49X2Bn7X8Br/0bKTHbEBFvlDFFu2ftiVbHTSnniyslkL5H5bkIyycbc7+mL1DKaVVpuOM26/3r6atQM9rAyV6kQvIm8Rx2GibTPFLuHVRJRP7VnHjAObubasljMr65lbVsOMshrKA0XHfY+OwV72dLeyvesgL7Y38PPORnriUeq9QVYOPTxC5x/JUgtx+2Lz8T7gZGVzKegeZBmd2ND58PLJp5gNkgL7e9r4x8bN1GtPTRE5iRgO82wftu2nPRnnB+37oG0PPtvPVaESJvnDVPpDhGwfJb4AffEoffEYh6IDHIj28fBAD7FEFCwP87wBJqhkSm6wcfviI8f7gJOVzeUpjSMFYV0iyjXFlaysy/3tjn6x/SXaYhFWBkt0wheREUkM38/pD2Fj0e8kuH+gG/o6jv9JHptFtpew9417MnXOkRyynHGUzSWpzSIFIR7h0qrpBGy/6STjsr2jiZubtzFbi4JEZIwSOAQsD0u9Izsf6p5wyVEn7IsnWo1uMcJnXooM60kmqfIFuXjKSbfdynq/2rkWEjGqPSNZRyciIlKwTuUEm7ufqGwuQJu5yyhtjQ1yQ1kts8vrTEcZl+0dTXzr4C5m615NERGRk5mC2xuP6URl84zUZ5F8lnQAJ8mFE2eZjjJu7qhmlGqP1seJiIiMwHF748lGNkVGrCkZZ3mwhLPr5piOMi7bOhr5VqtGNUVEREZhTCObWhwko9IUj3BJeR1VoVLTUcbl7t2vQFyjmiIiIqNw3N54vLJpA4vTk0XyUdxxwLI4vza3tztq6GnjPw7upt6nFegiIiKjsJjj7M1+vLI5H6hJWxzJO/uTcS4MlrJ04gzTUcblt3s2sj/WzxRbK9BFRERGoQa3P77F8crmovRlkXzUFotwfnkdpf6w6Shjdmiwl1+3bMfnDWpUU0REZPSO2R+PVzZz/zmDkjFxxwGPh7NrcntU8+mG11g10M3iEW6+LCIiIkc5Zn880TS6yIjsT8a5OMen0BPJJPc3bgHbi61RTRERkbEY1TS6nhwkI9YWi3BueW1OT6E/37SVu3raOM0bIGE6jIiISG46Zn88VtmsAnJ7o0TJmKQDWBZLK6eajjIuj+5/HYaeYSwiIiJjMge3Rx7lWFfWBRxn6brIm7UmE6wIFLNs4nTTUcZsb3crd3QcYIYvSEJT6CIiImNlc4zN3Y9VNhemP4vki4b4IOeWVlMdKjMdZcyeaHiNptggNR5tdyQiIjJOb+mRxyqb8zIQRPKA+yx0h9MrJpmOMmaRRJTHW3eD169RTRERkfF7S488VtmcmYEgkgcGSVLpC7KkeprpKGO2unkXD/YeYomt7Y5ERERS4C09UiObMmab4zEuC5cxp7zWdJQxe6ZpO+DgsyzTUURERPLBSUc2q9HIpoxUIsYZZbV4cnQF98H+Lh7t2E+VptBFRERSZSZunzzszS1hNqBVEnJS7lODbBZPmGw6ypi90LyDtYO9TLd9pqOIiIjkCy9unzzsWGVT5KS6nCTL/WEWVeZu2Xzu4G7w2NrnS0REJLVOWDZz93mDklG741FWFE+gOlxuOsqYNPZ28GT3Qepsn54YJCIiklpH9ck3l83pmcshOS2ZYEFpjekUY/ZSy042RfqYauuuERERkRSbfuQf3lw2tThITiriJMH2srCiznSUMVvVthc8tkY1RUREUu+oPul50+91z6acVGfS4Vx/mHk5WjYP9Lbzu64W6rQwSEREJB1mc0THPLJs1g69RE6oIRFlcbicqlCp6Shjsu7gXk2hi4iIpM9RnfLIsjkNtDBXRiCZYH5J9ck/LkutPbQfLI+m0EVERNLDxu2VwNFlc3rGo0jOiTgOeLzMLcvNxUEdg72s7m4BjWqKiIik0/Th3xxZNuszn0NyzYDjMM/rZ06Ols3XDx3giYFuFutZ6CIiIul0uFceWTanGAgiOWZHMs7iYBGTiitMRxmTDYcOQDJJUM9CFxERSafDvfLIsjnJQBDJNfEopxRV4s/RldzrOpvB49Wz0EVERNLrcK/UyKaMWHKon80uqTQbZIz2dreyur+T+hwtyiIiIjnkLSObFpC7D7mWjIiRBNvH9JIJpqOMybbOZjZF+ploa9MFERGRNJuM2y8Pl81KIDdXfEjG9DoOS7wBZuboYypf62ge+rIXERGRNKvB7ZeHy2Y9oOW5ckK7kwnmB4uoDpeZjjImG7tbwKNRTRERkQzwM7Qifbhs5uZQlWRWIsbMUBm+HCxs+7pb2TDQQ51H+2uKiIhkSA2obMpoOA5Tw+WmU4zJzu6DrIv2q2yKiIhkzlFlU89ElxMafnLQlKLcLJvbu1oBB5/u2RQREcmUWlDZlBGKOg5Vts2UHN3MfWtPm56HLiIikllHlc1qg0EkB/Q7DnO9AepycGSzO9rP9oFuLQ4SERHJrGo4eusjkeNqcBLMDhRRFigyHWXUDvQeYn2kn9kqmyIiIpl01NZHGtmUE0vEqA8W5+RK9L09h2iIDVKeg9lFRERy2OGRTQ8qm3IyTpKaQLHpFGOyp6ddm7mLiIhkXjXg8QBBIDefPygZEXMAy6YuVGo6ypjs6+8Ey3PyDxQREZFUmgAEPUAVkHs34knGuM9E91ITKjEdZdRiyRi7BrpVNkVERDKvCKjyAGWAbmaT40o4UGd5qArl3jR6S18XjbFBqjwqmyIiIhlmA2UeNIUuJxHFYbLtpSqYg2Wzv5vnYoPUaHGQiIiICROGRzZFjmt3MsEMf4iSQNh0lFFrHuiGeJQSTaOLiIiYoJFNGYFkglpfmLA3YDrJqDX2dYFl6clBIiIiZkzwACHTKSTLOUnKfLlXNAFaIv8/e3ceZ1dd33/8dc6526yZyUy2yTohG4GwJIEkbCpiQUFZBC1QbMX2Z23dW+vS2mprXdraxQlsUd4AACAASURBVK2oVasISgVEWZRFEAIkgSQkhCQEJutMJpl9ubPc7dzz++NMYsAss97vPfe+n48Hj4CPzL3vSMh9z+d8lz5tDhIRETGnRGdsyqlls1SFY6ZTjEpzIo4O2RQRETFmig1ETKeQ/JX1AMticgDXaw5mUrSmEmCpbIqIiBgSsYGpplNI/nIBbIeqSPBWW3Ql+ujIpKjQsUciIiKmTLXRM0Y5iSxZsGwqAvgYvSvZT5ObplZrNkVEREyxbKDKdArJX1mg0raZFMDJZm8qQYObYpLKpoiIiClVNlBtOoXkr4wHNZZNRSR4k83u5AC4GUJasykiImJKtQ2kTKeQ/OXiUWJZVAawbMbT2hwkIiJiWEpHH8lJJT2oskOEA3jdY08qYTqCiIhIsZtiA5WmU0j+OuxlmR6KEA0F74SsvkxSk00RERGzKm3QTX5yYmk8wpaNE8BNNt3pBDpsQURExCjXxt9wLHJ8XpaacJSyAB59NOimTUcQEREpdlkbmGY6heS3rGc6weh0aoOQiIiIadNsIHj3EErueB6xAG4OAsh6AW3JIiIihaNUazbl5Lws1QE89ijpphjIumjNpoiIiFFu8HZ9SM4F8TH6QDpFfzZDRI/RRUREjFLZlIJkWRYWlm4sEBERMUxlU04pS/BGm5pnioiI5AeVTTk5z6MigAe6B68ei4iIFCaVTTk5z6MsgGWzNzlAh5umJoCH0YuIiBQSfRLLKQXxCKF01iXlZQleTRYRESksKptSoLxA7qIXEREpNCqbUpCiTphS2yGt1ZsiIiJGqWzKKdkBPKuyMlpCjROmPYBLAERERAqJyqacnGXRm06YTjFiWS+YRzaJiIgUGpVNOTnLYiCTNp1CREREAkplU07JDuDxQZ7n4WmyKSIiYlzwWoTkXACXbFIWjlLphEFrNkVERIxS2ZRTCmJfizhhopaN7hISERExywYc0yEkj1k2XelB0ylGJWzb6poiIiJmOTYwYDqF5DHLIuNlTacYlapQDLVNERERowZsoMV0CslvrpclG8DCWeKETUcQEREpdi02WrcpJxG2HNrTKfrTSdNRRqw6osmmiIiIYbbWbMpJlViQ8bK4QZ1sqmuKiIiY5NhAr+kUkr8mYXM4kyLlBu9g98nRUtQ2RUREjOq1gTbTKSR/RS2LuOeSDGDZrAjHgnluk4iISOFos4GI6RSSvxwgnvXoSQbv+KPKSAycEBkVThEREVMiNtBlOoXkL8eCw16WvgBuEKqMlLDAidATwPWmIiIiBaLLBrpNp5D85QBpz6UnFbzJZnW0jFlOmHaVTREREVO6dZ+fnJSNDZ4XyMlmdaycmlCEeFZlU0RExBDPBlpNp5D85QBkXboDONksCUWYok1CIiIiJrXaQMp0CslftgXg0ZUK5q2mM2JlaHgvIiJiTEpHH8mp2Q5dAZxsAsyIVWqyKSIiYk6bDQSzRUjuWDbt6UGyAexs00sqwMviYJmOIiIiUowGbaDTdArJb2HLoSWVoD8dvO9LppVWghNiQDvSRURETOi0gR7TKSS/zbJtGtNJ+gL4KH1a6SRWh0toz7qmo4iIiBSjHk025ZQiWBzKZmhP9JmOMmJTSiuZGY5xSJNNERERE45ONjX2kROKWHAo69Iy0Gs6yoiVhqLMjpaBJpsiIiK55jI02WwH+g2HkTwWxoZshrZE3HSUUZlfVq0d6SIiIrnXD7TbQAI9SpeTsC3Ay9IyGLzH6ADzyicP7UgXERGRHOoEEjaQRWdtyqnYIZoTwXuMDjCrvBpCEeJatykiIpJLbUDWPuYfRE7MdmhO9pMO4NrHmeWTuSxSyqtu8LKLiIgEWBvAkbLZYTCIBEC97dCQHKArgOs2p5ZOYl60jLSnsikiIpJDHfC7sqnJppxUiWWxOZPiYF+X6SijsrSiVjvSRUREcus1k83DBoNIAESwSGczNPV3m44yKgsqp2hHuoiISG4dBpVNGaaQZUHWpbE/mJPNeRU1VIajxLPaJCQiIpIjrymbrQaDSFBYFo0DwbzddF5lLZdEy9iVzZiOIiIiUixaQWVTRsIJs3uwh8FMynSSEauIlHJGabXWbYqIiOTOa8pmIxC8BiE5tcB22J7sp30wmNPNs6tnQNbFwTIdRUREpNCl8Pvla44+0nRTTqrEstmRSbO7J5iHFyyumg5OmAEd7i4iIjLRWnnd0UcecNBYHAmEMBa4afbGg3ks64KqabwtVsE2N206ioiISKE7iN8vj5ZNgCYzWSQobAvAYn9Ad6RXRkpZVqZ1myIiIjlwtFceWzabDQSRoAmF2d7fSSqg00Gt2xQREcmJo71Sk00ZkcV2iE2JPpr6gvkofdnkmRCK0K3ppoiIyEQ67mSz0UAQCZgSy2JvJsUr3cHcT7aoegbXl05iV0AnsyIiIgFxtFeGjvkf9+U+hwSNf5NQhobeYO5Ijzhhzqucxt3xdhyiaL4pcnJZDw5lMxzKZnTlazGyHdaEoqTRv3sZsX1H/ubYsrkfcAEn12kkYOwQO+PBLJsAK2rnwMHtpL0jm55E5AgHi4TnsTWTBM8Fy+aSSBlXRKupjZRQEynBwlL1KAKOZdE0GOfB3lYqLVt/XspIuPi9Enht2Tw89NfMXCeSYKkPRVjf18Xh/i6ml1WbjjNiy2pmcUGsgm2ZJIudsOk4InkhjEVb1qUhPQh2iFvKJ3N+9UxW1s6hrqyKWRU12JZ96heSgvJs8yv815YHWRaKEtXGShm+I50SeG3ZzAINqGzKKZRbNpszCXZ1HQ5k2ZxaOokLK2p5tn0/qGxKkXOwSHpZNqb6mRGK8rkZi7m8bgkrps0jbOu/j2I36KZBJVNGrgG/VwKvLZsAe4A35DSOBE7UssDNsKP7EG+YdbrpOKNyQe1caN2DA1q3KUUrhMX6TBKyLp+cMp/3LDiPpTWzTceSPKJlujJKe479h9eXzX25yyGBZju82BPMHekAK6bO5YzdpTS7LtMcLVOW4nLkd/z6ZD+romX83YLVXFV/jtFMIlJQ9h37D69fgLM3dzkkyOpDEZ7r76J1oNt0lFGZXTGFN5XX0uimTEcRybm0BxuS/dxaNZ171tygoiki4+01ffL1ZbMhh0EkwCZZNpvTg7zYHty7AC6snavbhKToZD3YnIzzySmn8a01NzCzvMZ0JBEpPK/pk8crm5ncZZGg8s/bdNnWFdxbTldPm8/0cAmtWf2Wl+KxOdnHJ6cu5IvnX0vUiZiOIyKFJ8MpymYbr1vUKXJCTphNPYfJetlT/9w8NG/SVG6qms7ejB6lS+FzsNiY7Ocvambz5VXX6sxEEZkoe/D75FHHOzRtV26ySNAtDYX59UAPDd2HT/2T89TFU+YNPUoXKVxhLDakB3ljrJIvLL/KdBwRKWy/1yOPVzY12ZRhiWHTkU7yfOs+01FGbc3001geLeeA7kqXAtaZ9Q/4+pczL6U6Vm44jYgUuN/rkZpsyqjZFmDB5gCv25xWVs3bqus4lElpo5AUpDAWu1KD/Evd6Zw3fYHpOCJS+IY12dyegyBSIOrDMZ6KtwX2CCSAN89YCEBapxdLAXrJTbEqVs4fL1pjOoqIFIff65HHK5s70KUqMkzVlsPGZD/Pt+43HWXUVk1fwNVlk9msMzelwISxiKeT3Fq3hKmlk0zHEZHC5+L3yNc4XtlsB16d8DhSEGwL8Dw2dRwwHWXUSkIRLp9SD3qULgWmyc2wNFrKVXPPMh1FRIrDq/g98jWOVzYBXpzYLFJIasNR1nYfpjc1YDrKqF02cwnhUJSOrIb6Ujga3SQ3TJ5NXflk01FEpDgctz+eqGxqk5AM2yw7xGOJXja2BPe204XVM/hQdR0N6YSmm1IQ/OO8LC6YOs9sEBEpJsftjycqmy9NYBApMP5tQlmeaQ1u2QR4a90SwNNGISkIrVmXlZESTq+uMx1FRIrHcfujHqPLuKgNR/lt96FAP0q/eOYiriuvYXMmaTqKyJjtzaRZUVrN7Ipa01FEpHiM6DF6A9A6cVmk0MyyQzwe8EfpUSfCNdMXQSapR+lSALLMK600HUJEikcrr7sT/YgTlc0MsHXC4kjBCVkWeB6/PXzc32eBcfmcM1geq2S3jkGSwLOYHlPZFJGc2YrfH3/PicomwOaJySKFakYoyiPdh2gf7DUdZdSmllbxnukLaE9ruinBVxsrMx1BRIrHCXvjycrm7x3KKXIyM+wQGxJxnjkU7GNa3zH3bMKhKK3Z436DJhIYjqVvmEQkZ07YG09WNjdNQBApYP5d6TaPt+w2HWVM6idN5TNT6tmbGiSs6aYEWFYnK4hI7pywN55qstk0/lmkkC0Ox7ijp4U9PYdNRxmTm09bCU6ENh3yLgFmWSf7I15EZNw0McrJpoeOQJIRqrBtOtIJHmt62XSUMVlYPYN/mDqfhtSAppsSWIOZtOkIIlIcXsTvjcd1qm97tUlIRs4J86u2vSQDvqPbn26GNd2UwGpP9pmOICLF4aR98VRlc8M4BpEisTwU5b6+DtYdCvYxSP508zRNNyWwmgZ6TEcQkeJw0r54qrK5EdBYR0YkPNTLHjq402yQcaDppgSWZbN3sIeUq0fpIjKhXPy+eEKnKpuHge3jFkeKggssCJfw065D7O9tMx1nTBZWz+ArMxbTkOrXdFMCZWkowuMDPezp0WVwIjKhtuP3xRMazlbF9eOTRYpJlW3TmB7g143B/17l5oXnMztcyqtuCsd0GJFhqrBsDmWSbO3QoSIiMqFO2ROHUzZPOhoVOaFQlF+27KY/nTCdZExmltfw2dnLaE8nQNNNCQgXD2yHxwJ+7q2I5L1T9sThlM2nxiGIFKHlToSH+jt58uAu01HG7F0LVnJpaRUbdI2lBMjZoRj/09PCRhVOEZk4T5/qJwynbO4CGseeRYpN2AJsh3ubgv8ofVK0jI/NPx/cFGndyiIBEbMs8LL8bN9W01FEpDA1Aac8WHu410s8M7YsUoxcYFk4xvd6DrOpZY/pOGN2Vf053Fpdx+a0jkKSYHDxWBYp4V/a9/FMc/CfMIhI3lnLSQ5zP0JlUyZUtMAmKx9efBFg0amjkCQgyi0bLIuv7HqGvvSg6TgiUlieHc5PGm7Z1LpNGbUF4RL+o/MAr3Y1m44yZmdPmcu/zFzKrqSOQpJgSOOxKlzC/X0dfG3bE6bjiEhhGVY/HG7ZfBE4OPosUsxqbIdUJsXP971oOsq4+LPTL+bC0krWpRPaLCSB4OKxLFrG3zbv4O6G503HEZHCcBC/H57ScMsmaLopo+TiMTtcwm2tDTTG203HGbOqaBmfW3QRuGmSXtZ0HJFhKbVsZodi3LBrLY8c2GY6jogE37B74UjK5rpRBBEBoM4JsTfVz317C2Pt5mVzzuRT0xawRY/TJSBcPGY6ISqcEJe/9BgP7ttiOpKIBNuwe+FIyqYW+8iouXhUhEu4o+VV2gd7TccZFx9cegn1kRLWZXT2pgRDBo8znAhhy+Gq7Y/zvztPeTyeiMiJDLsXjqRsvgTsG3EUkSFLnQgbEr3cvXuz6SjjYmZ5DV9bdCFkUiR09qYERAaPFaEI9aEI721Yx99suIfD/V2mY4lIsOzD74XDMpKyCfDYCH++yFH+dDPG9w7tLJjp5lX15/KpaQvYmowT0nRTAiKDx1Q7xPJoOf/atpd3rfs/7m54jrSO9Doq5aZNRxDJZyPqg07dLVeO5OdXAteNKI7IMabZIZ5PxJnv2aycOs90nHFx9uQ6nmh+hefSSeY6YbRlSILAAywL5oaiPJNJ8rO2vexu2UMkm2VmeRURJ2w64oRLuinaBno52NfJSx1NbGrdxx0Nz/NKVzPnTplLyHZMRzRuT08bt7fuYZrtELL0DbUc9e/AsHcahkb44o8z9GfUCL9OBPjddPO7zTu54bQV1JRUmI40ZlNKJvGfZ1zKRZvvpzPrUmXbaD4kQZHGY1UoghuKcGdfB3fueIJr9m/hiin1XDBtPouqpxN1IqZjjloik6Qj0Ud3coDDAz20DfbRPNhDW3KAlmQ/e1MDbEoniHseZJLgZlh7/juJFkHZFhklD78PDttIy+YhYBOwcoRfJ3KUv3Yzzp2vbuBDZ11mOs64uLBuMf/etp+P73+BVSWTGMbtXSJ548g3R6vCMdIe3DfYy317N1Lb+CJvK6vm9PIaFlRMYW75ZKpjpZSHY1jkz+9y27JIuRk6jxbKOM2DvbQk+mlLD7I32c/6dJK0l4UjfwHYIWbbIebZ/kfhtnSC/zvjzVxUt9jgr0Yk723C74PDNtKyCfBrVDZlDFw8ZoRjfL55J9fNP5eZ5TWmI42LDy57Mxu6D3FXvI3V0XIyefNRLDI8LmBbsDIUgVCEpOfxo3gH9LSA5YBtU2871Ici2Hn0gMuxoMd12ZRJva5QWuCEmG05LHFC2Fg4+L/GY4WwWJ/o5RPTFnHDwlUmfgkiQfLrkX7BaMrmw8DfjeLrRI6a44TZkIhz+6sb+NS5bzMdZ1yEbYcvnnMF9z57F+szSdaEoqRVOCXAopbFynAUiJL1IItHCo+d6aTpaK+RAiot66SF8kRCWKxPD7I6VsknC+RJi8gEe3ikXzCasrkeaAOmjOJrRQB/urkgUsKnD73CdfPOYVF1nelI42L+pGk8dMalvGXrr+i0Q1TZDq4KpxQA2wIbixAWpc5IDzLJTw4W+900eFm+efblBbGGXGSCteH3wBEZzZ8YGeCRUXydyGvU2CHIZvjeKyP+fZvXLptzJl+ft5xdyT4VTZE8lvA8DqUG+NFpq1k+td50HJEgeAS/B47IaL89/dUov07kKBePZZFS/qVtLxsON5iOM64+uOzNvL9mDhsTfTp/UyQPOVhsTcb5zPRF3LLkQtNxRIJiVP1vtGXzMdBxgjJ2pZYNlsW3Xi2s6SbAPy+/istKq1ifGlDhFMkjISw2JPu5uryWT597hek4IkGRZZSX+4y2bLYAT43ya0WOcvFYGSnhR13N/HJPYVxjeURNSQX/dc4VYNlsyqQIq3CKGBfGYn0mSW0ozL+d+1bKwyWmI4kExVP4/W/ExrLK+8ExfK3IUQ4WhKN8dc9GuhJ9puOMq6U1s/nNsreQdlM0uRn/1yoiRjhYNLkZcNPcs+wPWFA1w3QkkSB5YLRfOJay+csxfK3IUS4eq0JRnhro4oe71pmOM+4unX0Gty+8gMZUPwNeVoVTxAAHiwEvS2Oqnx8vvIBLZi4xHUkkaEa9X2csZfMVRnAvpsjJecyOlPGxg9t5pavZdJhx90eLL+Bf55zNtkRcO9RFDHDx2JaI85XZZ3Pz4gtMxxEJmm3AjtF+8VgPS/vFGL9eBPBvLqlz/KOQ/nNHYS4H/utzruBvpi1k42CvppsiOeRgsTHRx0em1PM32hAkMhpj6ntjLZv3j/HrRY5y8VgeKeO/Ow/wwN4tpuNMiM+tuIo/nTybDYm4NgyJ5EAIiw2JOO+unMoXz7vadByRoBpT3xtr2XwO2D3G1xA5KmxZEIryhYZ1dCbipuOMu5JQhH8//1quq6hlnQqnyISKWhbrk328pbSKb5x/HaWhqOlIIkG0G7/vjdp43Dl2zzi8hgjgTzfXhKJsSPTxrQJ9nF4RKeHbq97JNRW1rEvq0HeRiRDC4pnkAKuiZXx75Tuo1VWUIqM15p43HmXz7nF4DZGj0ngsjpTy2eadrD/0quk4E6K2pJLbzruGC2IVrE/2EbVUOEXGSwiL9elBZjhhfrjyauonTTMdSSTIxtzzxqNsPo8epcs4q7IdsB0+t/NJ4qlB03EmxLSyam4/72pWRct4JtmvwikyDo4UzbDlcP+5V7K4us50JJEg243f88ZkPMom6FG6jDMXj1XhEh7u6+B/dj5tOs6EmT9pOnecdy0rI6UqnCJjdGzRfHb5layYNt90JJGgG5d+p7IpecyjPlrGx5u2sallj+kwE+a0qun89EjhTGgNp8hovL5orpx2mulIIoUgr8qmdqXLuHOB6XYIsPj0S7+hL12Yj9PBL5w/X30Dby+bzPpEn3api4yAiqbIhBjzLvQjxqtsAvx0HF9LBPA3C62KlPBofxe3bX/SdJwJNauilu+vvoGry2tYl9DB7yLDEbUs1qcGmGGHVDRFxte49brxLJs/GcfXEjmGx+JoGZ9oeolnm3eZDjOhaksq+P6aG3hf9Sw2DPaQ9VDpFDmBEBbPJPpYEynlN+dfq6IpMr7GrdeNZ9ncDhTmtS9ilAtMHtqd/tfbn6BjsPAOez/W5Fg531xzPR+fehqbE70MeK4Kp8jrOPgHtl9eWsUd51/L6ZNnmY4kUki24Pe6cTGeZRPgznF+PRHAf5y+JlzCukScf9v2mOk4Ey7qRPjq6uv50uxlbEv00ZrNaB2nCH7JzHqwIdHL9RVT+PGad+kcTZHxN659brzLptZtyoRJ43FOtIwvt7zKvbs3mo6TE5869218f+EF7E0n2JhJaae6FDUHiwEvy+ZELx+qmcf317yL2pJK07FECtG49rnxLpuNwKPj/JoiR0Utm4pwjHe+8gy7uppNx8mJ955+MQ+c8WbSeKxPDapwSlEKY9HsZtiWiPOl2cv42gXvoiJSYjqWSCF6FL/PjZvxLpsAP5qA1xQB/MPez3Ai4Gb41NaHGcykTEfKiSvrz2Xziqu5MFrC+kQcB20ckuIRwmJdJkmjm+RHiy7iU+e+zXQkkUI27j1uIsrmvUBh7+AQozJ4rIqWcV+8ja++WDyD9HOnzuPuNe/mfdUz2TAYJ66NQ1IEwlisT/Uz23J4dNnl3LLkQtORRApZHL/HjauJKJsDjMOl7SIn57EsWsZnm7ZzX5Gs3wSYXlbNf1/wbr44exk7kgPscLWOUwqTg0Xag3WJOG8vrebRVddx2ZwzTccSKXR34/e4cTURZRPguxP0uiKAfxxSqeVQEYlx7a6n2d4xrstL8lrYdvj0uW/lZ6e/kbjnsT41oJ3qUlD89ZlptibjfHLqAm6/4N0srq4zHUukGExIf5uosrkOeHmCXlsEOGb9ppflo1t+TXey33SknLp+wXlsPe8ariqdxLpEL0nP02N1CbwwFuvSgzS6ab63YA1fXnUtk6JlpmOJFIOX8fvbuJuosgnw/Ql8bRFgaP1mpJTHBrr5/OaHTMfJubNq53L7BX/IP9YtZVuynw2ZpB6rSyA5WGQ8j3WJOJdEyli3/O3cevrFpmOJFJMJ620TWTbvALIT+PoigD/hXB4t5z/b9vDNbb8xHSfnqqJlfHbFVdx3xqXU2w7rE/7+PE05JShCWOx0U2xJ9vOpaQu4+8J3s3rGQtOxRIpJFr+3TYiJLJvNwH0T+PoiR4UtiwXRMj64/wUe3v+i6ThGXD1/Bb9Z/S7eP3kWGxNxGty0ppyS1458Q7Q+2UcYizsWX8SXzr+WKSWTDCcTKTr34fe2CTGRZRPgvyf49UUAf7pZY4cIOxGu2P4bXmo/YDqSEfWTpnLbhTfyP6etpsPLsj7ZB2jKKfknhEWDm2ZjIs77qmawfvX13LRojelYIsVqQvvaRJfNx4C9E/weIoBfOFeEIuB5vPeFBznc32U6kjHvW3oJ28+/jvdOmsHGRJ+OSJK8cew0s8PL8j+nreZ/LrqZBVUzDCcTKVp78fvahJnosgnw7Ry8hwjgbxhaHSllY7Kfj278JQOZpOlIxiytmc33L76Z7y9YTRU26xNxsp6mnGJOGIvNmRQbE338aVUd289/J+9beonpWCLFbsJ7Wi7K5veBdA7eRwQ4csNQOXf1tvC5TQ+YjmPce0+/mCdWX8/HptSzOdnHhvQgDhaO6WBSNMJYDHhZ1iXiLHQcfrzoQr570U0srZllOppIsUuTg9ODnLpbrpzo9xgATgeWTfQbiRxhA9OcKPf0HGJSYpA1008zHcmoybFyLp+1lBWRUjr72nlysIes5TDZdnRkhEwYBwsPeC41SFs2w2enLeSr51zBxTOXmI6WFw70tuX9GaJ7etq4vXUP02yHkKWnIgXo/4DbJ/pNclE2AQ4Cf5qLNxIB8ICQZTEpFObHnQeY78HZtXNMxzJucfUMrpyxmDrX5eF4G7tTA9Q4IUosW6VTxlUYi/WZJM2pQd5dMYVvLX0Tf7LkIqryvFzlyn9sfYTu5CBn5vl0V2Wz4P0/oGmi3yQXj9EB1gNbc/ReIoC/YajCcpgdLuWPX32WB/e+YDpSXqiOlfPhsy7j+VXX8zdTT2NbOsm61IDWc8q4CGPR5LqsS8RZE4ryw4UX8KOLbuISTTOPemDvFj6+/wUWV00zHUWK21b8fjbhclU2Ab6aw/cSAfzCOcsJEQpFuWrHEzx1ULeoHrGouo6vrLqOtedeya2Tph1dzwkqnTJyYSy6s37JtPD46pyzuGfNu3jPkguJOGHT8fLG5ta9vH3bw6wpmcQClU0xK2e9LJSrNwJ+AvwnMDmH7ylCGo+VoQjrMx5v2PprtkRKOHvKXNOx8sZFdYu5qG4x1+19gR/s38o98TZwQqwMx3CwcPFMR5Q8Fsaix3PZkRyAUIS/n7GYWxacp6OMjmNHRxOXb74fvCyrymuoiJSYjiTFqxO/l+VELiebGeC2HL6fyFEZPFaHooDHJZt+wfaORtOR8s6V9efywwv/kJ8uuYS3l0xiY0KTTjmxMBbxbJZ1yT52pJN8cuoCXjzvWj6/8h0qmsexr6eVP958P+1uBkJR5pTqliQx6jb8XpYTuSyb4J9Qr30IYkQGj9XhEnrdDDdveoB9Pa2mI+WdsnCMdy9cxR0X3shdSy7h6mNKp9Z0Cvi/B448Lt+VzfCJKfU8t+JqvrzqWpZpE95xNfd18kfP38vG1AAXR8sg6zKnTA/5xJgsOb7hMZeP0cHf8XQXcGOO31cE8AvnhdFSnkkOcONz9/KT869j3qSppmPlnYpICe9auIq3zTuLh/a9yH3Nu/hJvBUsm2XhKKWWo8frRcbBYreboj2dPPq4pMEmaAAAIABJREFU/J3zzuEsFcyT6hiM85cbf8EziT7WRMuJZ11wQswurzIdTYrXXeRgB/qxcl02Af4NlU0xKOn5twytT/arcJ5CedgvndeetpJbGrfzy6Yd3NbdDF6W+nCMqXZIpbOAOVikPY/NmSS4ac6OlvOJWQu5cs6ZnFEz23S8vNcxGOf9G+7hvng7q2IVpPFoyma4OFLKTJVNMeffcv2GJsrmZuBJ4A0G3lsEGHqkHi1T4RymsO3w1rln8da5Z3Hr4QZ+2bidH3YcYEMiDqEIy50IYUubiQqFg0VHNkNDJgmex3XlNVw5bQFvmbWE2RVTTMcLhCNF8554G6tiFUf/22jPZpkVLmFqabXhhFKk1uL3sJwyUTYB/hmVTTFMhXN0zpu+gPOmL+CWrmYeO/gyj7bv576+DsCiPhzVtDOgjk4x3RRkUoRDUT5eM5cr6pZwwYwFlIVjpiMGhl807+aeoYnma/578LLMK6kgbOvCWDHiiybe1FTZfBTYiX+NpYgxvyucffzR8/fy4/PfybxKTW6GY1F1HYuq63hPepD1h3bz6+Zd/F/3IX/a6YRYGopQobWdee3I0Va73DTxTAqAt5dN5i01c3hT3SLO1HrMEesYjPOB5+45ftEE8LKcVl5jJpwUu13Ar028samyCfAl4EcG318EOFI4y3km0ccfPXcPPz5PE86RKA+XcNmcM7lszpn8WVczzxzezW/b9nF7Xwe4A+CEWRaKUGrZKp55wgEOuBkOuWnwsqyJlnNpzVwunb6A86fPpzys8x9H40jR/Flv2/GLJoDnMatM6zXFiH829cbWyke+Zeq9HWA/MNNUAJFjhbBYn+zjglgF31t+FUsm67fmWGxq2cNThxtY193Mz/q7wM1o4mnIayaYbgayLsuiZby5YgpvnDaf86bWU1euo3jGonWgmw8+f99Ji2Y8m6XZc3l65TWB2cX/2IHtvOWlR1kWihDV3ehBdhCYC7gm3tzkZNPFvyrp3w1mEDnqyITz2WQ/lz53L79a8Q7dNDQGK6bNZ8W0+fyFm+LjrftZ17qPjT2HuLO/CzIDYIeY4YSY6YRwMPQnYAFzsBjwXLa5Gb/o43FhrJxVVXVcNGUe59TOoV4T/HGxr6eV9228j8cHe0880QR2ZTO8NVrGLBV7yb2vYvCPWZNlE+DbwD8AukpB8kKGoWORUoNctukX3HfWH3Bh3RLTsQIt6kRYPWMhq2csBOCvWveypaOJTV3NrO/rZGOiHywLbJsFToQa21bxHAUHi4TnsSf7u+klTph3lk5iWUUtq2vnclbNLGao6IyrnZ0H+dPND/BsIs6aaDnpk03ss1lmR0uZHCvPXUAR6MbvW8aYLpsDwFcwtDtK5Hj8g99LeCaV4KItv+KhdIq3zj3LdKyCsXxqPcun1nMr/kRoe1czWzub2d7XziMD3TQkBsC2wbKZbYeZYjvYenr3e14zucxm/XJp21wcLWPFpBmcVTWdM6pncGbtbEpDUdNxC9Lm1r1cs/lBGt0Uq09VNAHwqC/Vek3JuX/D71vGmC6bAN/An27qT0PJG0nPY3U4xqZMirdte4Q7k/3cuGiN6VgFZ96kqcybNJUr551D1svyUkcT+3rb2dlzmO3xDl5M9LE51e//ZOtIAQ0VXQH1i2WWQ9kM7VkXPO/o5PKtsXIWllRyRuVUllRNZ1HVNKaX6QzHifbbpp28adsj4GVZHSklc4qi6WBB1mWe/t1IbiWBb5oOkQ9lMw58Hfhr00FEjpXBY2UoQpNlc9Oup2lN9PGRs95iOlbBsi2bs2rncFbtHN4x9L/t7j7M/ngH++Id7OhtZW8izr5Ugs3pAX+aZzuA/wh+hmVTbduUWrbJX8aYOMCA59GedTl0pFSS9X+tToiLI6XMj5axsKyaRRVTmFMxmYVV0/VYNsfu3f0873x5LVg2q8MlpyyaAAnPA9thtpYxSG59Hf8xulH5UDbBPwbpg4BODZa8ksajzglRapXy0X0v0Jro55/Pv8Z0rKJxWtV0TquafvSfk26KxngnB/u6aB7o5kB/NwcGezmcGuBQOsm6dALctL8G9EjpHPr7WsuiyrIpt2xChnbVZj1IkCWe9TjsZUl72aFC6fk/en6pXBUu4aKSCqaFS1hQPpnZZVXUlVYxq7yaWRW1RrKL77aXnuADezdSEY5yhhMZVtEE6My6LA+XML1UWxQkZxL4/cq4fCmbnfjt+xOmg4i8notHle1wTqycL7a8yuGn7+BLy69kqtZe5VzUibCgajoLjimgAP3pBG0DvbQO9tKR6Kc1Eact0Udzoo/21CC9bpoON8NBN8WWdMJ/BH2kcFoWcEz5PLaIjmRK6mWP+XvvdX8/VCYtC5wI5zghloaiVDkRpoRjTI9VMC1WxrSSSmpjZUwvnURdeTVRJzL895cJ9/fP/4J/OryL+kgp0+3QMNZo/k5jNsN5sTJmVWiyKTnzdfx+ZVy+lE2ALwMfRms3JQ+5eEQti5WxCr7f1cy+df/HN869ktN1FmdeKAvHKJsUO+Fh/N3JfuKpAbqTg/SkBuhPp+hLJ+lJJ+hLJxh00/Skk6Q9j47UAEdqY4+bxvWyvKaMvo6HR9RyqHRCuEDMtpkcLiFk2VSFY5SEwlSGY5SHolREYlRFSqiIxJgUKWWyri0MhPbBXv5u84N8u7ORZdFySi17REUT8G8OKqnQNxCSK0n8XpUX8qlsdgJfQ9NNyVP+cTwea2IVPJ7o4/Lnfs7/nvEmLp19huFkcipV0TKqomXMrhjZ1/Uk+8l6HtZJHru72SyxUFh3hxeonZ0H+cgLD/HoQDcrYxVDZ8KO5kICj/oyXVMpOfM18mSqCflVNkHTTQmA9JGzODNJ3rz1V3y/r5P3nn6x6VgyASZFy0xHEIMeb9zOn2x/gsZMkjWxCtJ4oz8D1vOYo2sqJTfyaqoJkG/bNo9MN0XyWgaPVaEo9eEYtzas4zPP/ZykmzIdS0TGyXe2/5Y3b/0VjZ7L6mjZyB+bv54HpWE9QpecyKupJuRf2QS/jRs9fFRkOFw8ptohlkXL+VLLq9y89k5e7jxoOpaIjEFfepC/2XAP79+9gfpwjDWh6LB3nJ+Kmx2f1xE5iQHybKoJ+Vk2O9GNQhIQLh6llsWqWCX39LXzB8/9nEcObDMdS0RG4aWORm555qf8a+tuzolVMHWEO85F8sAXybOpJuRn2QT/wvi46RAiw+Hil87V0XIaPZfLX3yY/9j6iOlYIjICD+7bwoXP/5z7+jpZE6skalmj3AgkYkwcvz/lnXwtmwngs6ZDiIxEBo81oSgLwiV8/MAWbl17B3t6WkzHEpGTyHpZvrj5Ia7a9iiDHkfXZ456I5CIOZ/F7095J1/LJsB/AfqklkBJ41FjO6yMVfCDnkNcs+FuHt7/oulYInIcOzoauWXtj/nbppdYHClleWj4NwKJ5JkW/N6Ul/K5bAL8lekAIiN15NHbmmg529wMV2x7hC9sflC71UXyyM93b+QNz/+cO3tbWVVSSZXt6LG5BFle96V8L5t3ANtNhxAZjfTQ8UiLwyV89uB2bl57J5tb95qOJVLUOgbjfOa5n3Pdjifo8fxvCl08FU0Jsl34fSlv5XvZBPiI6QAio+Xfq277u9X7O1mx8Rd8b8eTpmOJFKWnDu7kD5/9CV9qaWBZtIzloYh2m0sh+KDpAKcShLL5G+AJ0yFERuvIbvU1kVKm2yH+dPdz3Lr2x7zUfsB0NJGikHLTfOWFh3jDlod4LNnPmliFdptLoXgSeMx0iFMJQtmEALR2kVNJ4zHXCbEyVs4Peg5z4cb7+MHOtaZjiRS0dYde5ca1P+ZTTS+xIBRlVbhE00wpJB8yHWA4glI2d5Dn6xFEhuPYzUNhLG5tWMf7nr6DFzXlFBlXA+kE/7H1ES544QHu7e9iVaySGjukaaYUkjuAQNwiEpSyCfAxIGM6hMh4SOOxwAmzMlbB97sPc/bzP+e2l54g5aZNRxMJvCeadvDOtXfw8QNbqXfCrIqUahOQFJoMfi8KhCCVzTbgC6ZDiIyX3005y5hh2Xxgz3PctPYO1h582XAykWBqHejmcxvv59Ktv+LXg72silUwVUcaSWH6An4vCoQglU2Af0IHvUuBSeMxxwmzqsTfsX7Jlof43Mb7OdSXd9fbiuSte3dv5B3P/JTPH3qZpeEYqyIlQ9NMkYLTgt+HAiNkOsAIZYEPAPeaDiIyno5MXlZFSunOunz+0Ms82NXEx+aew02L1hhOJ5K/NrXs5TsN6/hO50EIRVgVq9Ajcyl0H8LvQ4ERtLIJ8HPgWeAC00FExpuLR4VtsypWwQuZJDfveopfH27g/y04j4vqlpiOJ5I3Wgd6+N9d6/jkoZch67I8Wk5YxxlJ4XsW+JnpECMVxLIJ8GfoZiEpYC4e54aiuKEIt8fbuP2Fh/h0007+ZOEqFlXXmY4nYkzWg7sbNvC1/S/wzGAv9ZFSpoZjmmZKsfgz0wFGI6hlcwfwXQL6f7rIcBz7aD3uuXyppYEfdx7kE3VLuHnRaibHyg0nFMmtRw9s4wd7X+AnvS1Dj8wrVTKlmHwXv/8ETlDLJsBHgXcDlaaDiEwkF49Sy3+0vt/N8OH9m7m7dQ8fmHMWV89fTkkoYjqiyIR6/nAD/7tnE9/qbALLYmWsHAc9Mpei0ovfewIpyGVzAP/e9B+YDiKSCy4esxyHuU4lT6UHeWrXWt5+cDvvm3sOV89fYTqeyLh7qaORu/Zs5gvt+8BNc06klKhla5opxegj+L0nkIJcNgH+F/gL4DzDOURyxsVj1dB6zvsHe7l/xxPc2LidG+cs4+3155qOJzJmu7sPc8/eF/jPlgYOpRMsjpRSFYoGvmTalmU6ggTTJvy+E1hBL5sA7wVeMh1CJJeOrucM+2cJ/qSvnZ9s/w03Htim0imBdaRk3ta6m72pAWaHSwvqKKOMF6jTaiR/3Go6wFgVQtncDvwX/ohZpKgcu4ko7b22dN40ZxlXqXRKAOzubuHefS/wnZYGGlIDzA6XFN7mHwviqYTpFCNmaxhr2teBF02HGKtCKJsAfw3cBEwxHUTEBBcP2/r90nlT4zaumbGEK+vPpjQUNR1T5DW2tR/gwcaX+F7rXhpS/YVZMo+y6E4Nmg4xYn3pBGgia0or8AnTIcZDoZTNDP6Y+X7TQURMen3pvDPezp09T/L2pm1cP2MJV849i5qSCtMxpcitO/QK9zdu57udjbSnkwVeModYFo0DPaZTjFhrog+yLmE04jTgz4Ck6RDjoVDKJsADwC+Bd5gOImLasaXTxeP+wTj3v/osFzZt4/opp/G2OWfocHjJqaSb4tEDO3igeSff7jkMboYFkVJOK6A1mSdlWTQMdONmXRzbMZ1m2JoHewE9TjfgSKcpCIVUNgHeBzQCMdNBRPLBkQ/wleEohKNsy6R45sALfOXQLv64eiZvnbmEi2eerg8SmTAt/V083LiDXx5+hXv6OsGyWBaOUTq0ua3gS+aQeifMC4leGuMdzJs01XScYcl6WXb1d4HO8s21BP7m54JRaGWzHfgY8N+mg4jko0VOGMcJ05F1+Urbbr7SsY+b9zzP26Yt4C1zzmBKySTTEaVAbGrZw6PNL/OL9gOsT8TBCbE8UkrYAheKpmQeUWM7bEz2s73zYGDK5v7edtYN9rLYLrSqkPc+ht9nCkYh/g66DXgPsMZ0EJF85AJVtsPKaBkZz+OOvg7u6GnhwsYXedvkObxh+mlcWLfYdEwJoI7BOL89+DKPtLzKd3rbIJOiNhwduvHnSMksZhZPt+3jyoCcEvFC+wH2pgZZHtXVuDm0Dr/HFJRCLJsANwJ7QSuaRU4mZFmsDMcgDC9n0jxzcDsc3sXNDc9x2ZR63lC3iPqATGHEjJSb5vmWPTx5eDePdjbx20QvWDZLw1FKj3n8Wtwl0zcjFOGX3c18pL+L6WXVpuOc0uMte8B2tMwmt242HWAiOHW3XGk6w0TowV/zcJnpICJBUW3b1IUiTLUdHk3E+UXHAR49/Cp72xoZTA0yJVZOaVjHJ4lvR0cT9+/bwr++/BR/1biNx3ta6LNgSSjGzFCYsG7L+T3VtsOWZB9nOlHOmTLXdJyT2tl5kD9pWM/ScFT/LnPn0/gbgwqOtfKRb5nOMJFeAM4xHUIkqDqyLnvTScDjjSWVvKlqBufXzuW8qfOoKak0HU9ybHd3C+tadvNM+wHujrfSnk6CE+acUISQCsmwbMykeEuklPsuuYXScP7uZf3753/BPx1+hVWxck2lc2MLEIz1FaNQ6GVzMfCy6RAiQZf14EA27ZcL2+HSWDlvHCqeK6bOo1bFs2Dt6Wnh2cO7WdfRyCPxdhpSg2DbLA5FqbBt0/ECxwE2JOL8cOEFvGfJRabjHNeurmaWrLuLxU5E/45zZwmwy3SIiVKoazaP2AV8Bvii6SAiQWZbMM8JM88Jk/bgxXSCx5tfhsOvcmmsnAsrp3Hu5JmsmDKXOZW6yCvIkm6KV7oO83zbfjZ2HeTxeAe7jimYy6NlWsM3JhYV4Rh/t28Ll88+g2l5uHbzazvXQtalKuwU3akBhnyGAi6aUPiTzSOeA84zHUKk0KQ9aMpm6MgkAYtlkRLeWFHLOVUzWF47m/mTplIZKTUdU06hbbCHHR3NvNDRxPruZh4a7CE+NMVeEIpSadkqmOMohMX6RJyP1s7jP9bcYDrOa9zT8DzX73yC5dEK/TvPjReA5aZDTLRiKZtzgH1od7rIhMl60Ou5NGRSkHUhFOHqWAXnTZrOGZOmclbtbGaVTybihE1HLXrdyX729baxtaOJHT2tPNfXzm+T/eBmwAmzNBQmhgrmRMp6sDnRy48XX8zNiy8wHQfwN32dseFnVNgOS52IppoTzwPqgf2mg0y0YimbAB8Evm46hEgxyHqQJsvLrks687sJ2aqSCs6unMriyimcWTOLaaWTKMvjTRKFojPRR3NfJ1s7mngl3sHmeCsPJPrBTQEwIxSl1naIapNPzjhYNLsZGjMJnjz3Ki6ZucRonpb+Lq599i7WpQZYEyklraKZCx8CvmE6RC4UU9kEeBQdhySSc2kPEl6WXW4a3PRQ+YywPFbBGeU1LKioYUnVdGZXTNYtRmPkZl1aBnp4tbuFV3tb2dPXyZa+Dp5JDdCbSYHnURmOMst2NL00LITF+kwSPI91517J6hkLjeRo6e/ijzfcw8MD3ayOlpNR0cyFx4C3mA6RK8VWNqfiH/auRWQiBqU96PeyNGQzkEmBZRF2IlwYjrGsdBLzyyYzu6yK+spaZpVXUxOrwLEd07HzzkAmSVeij/297eyNd7Cvv4s9A91sGuhlaybpF3vLonbo/FSVy/wTwmJ9OgHAU2dfwcU5nnC+0tXMh194iIcHulgdrVDRzI1+YD7QajpIrhRb2QS4FrjXdAgR+Z2sBwmydGWzHHLTkM2AHSJshzg/HGFRtIJ5pZXMiFUyt2IyM8uqmFJSQVW0rCjWgPanE/QmBzg00MPB/m6a+rtpHuxl90APO5L9bHVTfrH0PHDC1Dshyi2bMJbKZQAcnXBmXe5YsJqbcrSG89ED23j/zifZm06yOlqmopk77wJ+ZjpELhVj2QT4EXCL6RAicmLpoXWf8axHYzbjlykAJ8QMO8T8UJjTouXURcuYGi2jNlrOtNIKaqJlTC2toDQUpSJSEogymsgkiacT9CYH6Uz00Z7o4+BAD53JAVqS/TQl+2hIDrLNTZPOZvwNWJblF0vbodyyCGtqGWghLPa7aQ6lE3xi6gI+vPQSZlXUTMh7tQ328t87nuIfDr0MTpjVoaiKZu7cDrzHdIhcK9ayGQEagNmmg4jI8PkbjzxSnseAN1RCvaw/CbVssB0qbIc6y2F2KEJdpITJ4RiTwzEqQlEqwlGqIiWUh6OUhaOUh6NEnTCTIiVYQEk4Ssi2cbNZSkKRERXVgUyStJvBsW1SboZEJoUHdCUHSLkZ+tJJ+tJDpTKVoDedoCudIJ5J0p5O0JRK0OimaMpmSXuuvzMcwHbAdqi3HUosiwiWbuspUA4WSS/LlmQ/50TL+Oics3jnaSsoD5eMy+v3pQd5cN+LfHP/FtYO9rI0Wsoky9FmoNxpBBYAKdNBcq1YyybASuB50yFEZHwcKaIuHqmhNaGHvKw/BTzy41AhxbLAsplh2cQsi3LLxgFmhaNELYeUl6U6FGGSE8Ele8r3trFoSycYyLpELJteN81BN4WDRXc2yyBZ2j1vKEfW/xEPLGcok5+l0rJxLL906BF48QpjsTGTIp1J8tayaq6dtpA31i1kYXXdqF5vZ2cTTx/azS9bG3igrxNCEVaFojraKPfOAzaaDmFCMZdNgE8BXzIdQkRyI+uBC2SHSqk79Fnr4uECHV6WXs8jjEXay/prIIdT+DzA9tdIpvGotSyqLP+aP2foBY6USBsLB1Qk5aQcLFw8NmZSkElRHynhiopazp40jfqKWuZX1jIpUkJJOIo39PvYsmAgnaInOcDeeDu7e9vZ1H2IR/o6aUwPQijCylDk6GtLTn0a+LLpEKYUe9kE+A1wqekQIiIiJxLPZtk1tIkIJ0S9E6bOCTE9FMMbKo4WFocySRozaRqzQ8eMOWHdcW7e48CbTYcwSWUTqoHdQz+KiIjktaR3zLplzyU8ND1P4zHbcii1LCKWpUP680MXcNrQj0UrZDpAHugCbsA/YFVERCSvRYeKZAUwDZ0/m+duoMiLJoDm6r7fAP9kOoSIiIgUjH/C7xdFT2Xzd/4eeMp0CBEREQm8p/B7haCy+XrXAN2mQ4iIiEhgdeP3CRmisvlaXcB1pkOIiIhIYF2H1mm+hsrm73sC+IzpECIiIhI4n8HvEXIMlc3j+xLwC9MhREREJDB+gS6KOS6VzRN7F7DHdAgRERHJe7vxe4Mch8rmiaWAK2AYFyOLiIhIMXs7fm+Q41DZPLlXgZtMhxAREZG8dSOw03SIfKayeWp3Af9sOoSIiIjknS8BPzUdIt+pbA7P3wH3mw4hIiIieeMhdHrNsKhsDt/1QIPpECIiImLcHnRw+7CpbA5fCngLMGg6iIiIiBgzCPwBkDYdJChUNkdmH/pORkREpJhdg3/UkQyTyubIPQL8pekQIiIiknN/id8DZARUNkfnW8DXTIcQERGRnPkm/ue/jJDK5uh9BPiV6RAiIiIy4X4FfNB0iKBS2RybdwCvmA4hIiIiE+YV/M97GSWVzbHJAJcA7aaDiIiIyLjrwP+cz5gOEmQqm2PXgn8kkn4jioiIFI4scDn+57yMgcrm+NgCXG06hIiIiIyba4BNpkMUApXN8fMQ8OemQ4iIiMiY/SW6pnrcqGyOr28D/2A6hIiIiIzaP6IjjsaVyub4+0fgO6ZDiIiIyIh9Bw2Nxp3K5sR4P3CP6RAiIiIybPfhf37LOFPZnDjXA2tNhxAREZFTehq4znSIQqWyObHeCOw0HUJEREROaCdwKeCZDlKoVDYnVha4GNhtOoiIiIj8nt34n9Np00EKmcrmxOvAn3DqliEREZH80Y7/+dxhOEfBU9nMjSZgDdBpOoiIiIjQif+53GQ6SDFQ2cydBnStpYiIiGkZ/M/jBtNBioXKZm5tBt6ECqeIiIgJGfzP4c2mgxQTlc3cexp/15sKp4iISO6k8T9/nzYdpNiobJqxFrjcdAgREZEi8g50/rURKpvmPA78oekQIiIiReBG4NemQxSrkOkARe6uoR9/ajSFiIhI4fpDfvd5KwZosmneXWjCKSIiMhFUNPOAymZ+UOEUEREZXyqaeUJlM3/chb+mRERERMbmRlQ084bKZn75KXAZ4JoOIiIiEkAucCXaC5FXVDbzz2/Qwe8iIiIjdeTA9odMB5HXUtnMT2vx/4PJmg4iIiISAFn8z02do5mHVDbz19PAKqDNdBAREZE81ob/eambgfKUymZ+2whcALSbDiIiIpKH2vE/JzeaDiInprKZ/xqANcDLpoOIiIjkkZfxPx8bTAeRk1PZDIYG4CJgq+kgIiIieWAb/ueiimYAqGwGRwf+mpQnTQcRERExaC2wGv9zUQJAZTNYkvi77X5mOoiIiIgB9wJvBAYM55ARUNkMHg94F3Cb6SAiIiI5dBvwTnQsYOCobAbXB4DPmw4hIiKSA1/A/9yTAFLZDLbPAX9uOoSIiMgE+nPgs6ZDyOipbAbft4Fr0WMFEREpPNfif85JgKlsFob7gPOAQ6aDiIiIjINDwPn4n28ScCqbhWMz/lEQOotTRESCbCv+59nzpoPI+FDZLCwH8M/ifNB0EBERkVF4EP9z7IDpIDJ+VDYLTxK4Cvgv00FERERG4Bv4n19J00FkfKlsFq6PAh8yHUJERGQYPoQ+swqWymZh+wZwJbppQURE8tMA/ufUN0wHkYmjsln4HgJWANtMBxERETnGdvzPp4dMB5GJpbJZHF7G39mnIyRERCQf/BJ/I9DLpoPIxFPZLB4D+IfjftF0EBERKWpfBq4G+k0HkdxQ2Sw+fwvcDGRMBxERkaKSxf/8+bTpIJJbKpvF6U5gOf56mf/f3t3Gal3XcRx/k4nZuiOL8KYyQe6caE7L1JxggCsoy5uNHhitzSdtZVs+ELLZYsAD29I2n7gZxNZYagw7uDhQMG9QjClIAYJE5uHuBBIQIBw49uB7nXFU7g5c1/X9///X+7X9xrh58Bnb9f1/zu/3v/5/SZIaref+zN9nB1HzWTZb12rifpl52UEkSZU2j7jerMwOohyWzda2D/gOMCU7iCSpkqYQ1xnvz2xhlk0BzADGAp3ZQSRJldBJXFdmZAdRPsumeiwm7qdpzw4iSSq1duJ6sjg7iIrBsqneOoDxwLTsIJKkUppGXEc6soOoOCybOpb7gVuA7dlBJEmlsJ24btyfHUTFY9nU8SwErgYWZAeRJBXaAuJ6sTA7iIrJsqkT6QAm4AN4JUnHdh9xnfDYXMdj4W3gAAAHy0lEQVRl2dSpmAl8FVibHUSSVAhrievCzOwgKj7Lpk7Vc8QxyZzsIJKkVHOI68Fz2UFUDpZN9cV+4C7gTmB3chZJUnPtBiYR14H9yVlUIpZNnY7HiXert2UHkSQ1RRsx9+dmB1H5WDZ1uv4JTAR+DHQnZ5EkNUY3MecnEnNf6jPLps7Uw8AoYGlyDklSfT1LzPeHs4Oo3Cybqod/AKOBqdlBJEl1MRW4kZjv0hmxbKqepgPXED8NS5LK51lijk/PDqLqsGyq3lYQPw1PyQ4iSeqTnt3MFdlBVC2WTTXKDOJen0XZQSRJJ7QIuAJ3M9Uglk010mpgHPBDYF9yFknSu+0j5vM44NXkLKowy6aa4RHgcuDJ7CCSJCDm8eXEfJYayrKpZtkE3A7cCmxMziJJrWoTcBsxjzclZ1GLsGyq2eYT9wY9lB1EklrMb4ArgT9mB1FrsWwqwz7gHuBaYElyFkmquiXA9cCPgD3JWdSCLJvKtBwYA/wA6EzOIklV00nM1zHAsuQsamGWTRXBY8BlwKPZQSSpIh4l5upj2UEky6aKYgdwN3G03p6cRZLKqp04Mr+bmKtSOsumimY5MB64A1ifnEWSymI9MImYnx6Zq1AsmyqqJ4g3EP0C6ErOIklF1UXMyVHA3OQs0jFZNlVkB4EHgBHA7NwoklQ4s4n5+AAxL6VCsmyqDDYCk4n7Odtyo0hSujbivszJ+JIMlYBlU2WyHJhYWy8kZ5GkZnuJozPQ+zJVGpZNlVEbcB1wF36JSFL1rSfm3ZfxdEclZNlUmc0BRgI/wYfCS6qeTmK+jSTmnVRKlk2V3RHg18BQ4H58FZuk8ttDzLOhxHw7khtHOjOWTVXFbmAasQPwK+BAbhxJ6rMDxPwaScyz3blxpPqwbKpqNgM/JXYELJ2SyqCnZA4l5tfm3DhSfVk2VVUdHC2dDwL7c+NI0vvsJ+ZTT8nsyI0jNYZlU1XXAdwLDCN2DvbmxpEk9hHzaBgxnyyZqjTLplpFz07nEGAqsD03jqQWtB34OXAp7mSqhVg21Wo6genEsdU9+JxOSY23niiXw4BfAltz40jNZdlUq9oDPES8V3gysCI1jaQqWkHMlxHEsbnfLldLsmyq1XUDs4FriFfAPZ0bR1IFtAPfIubKbGLOSC3Lsikd1QZ8A7gB+B1eICSdum5ibtwAjAeeyo0jFYdlU3q/54HvAcOBmfjMO0nHt5mYE8OJufF8bhypeCyb0vFtAO4DLgG+DyzLjSOpQJYRc+ESYk5syI0jFZdlUzq5Q8As4HpgNHFU1pUZSFKKLuLz/zViHswi5oOkE7BsSn2zlDgqG0zsZqxJTSOpGdYQn/fBxOf/L7lxpHKxbEqn503iPq3LgAnAXOBwaiJJ9XSY+FxPID7nM4nPvaQ+smxKZ24BMIl4UPy9wKrcOJLOwCriczyU+FwvyI0jlV+/q9sfyc4gVdFNwHeB24EBuVEkncQu4AngD8Di5CxS5Vg2pcb6KHAHcCvxDE9PE6Ri6AYWEiXzcWBvbhypuj6YHUCquL3AY7U1GPg2cCfxZhFJzfc3YgdzHrAxOYvUEtzZlHJcSRyx30Y8DFpS46wDniR2MVcmZ5FajjubUo6VtfUz4nl9E4l3KVs8pfpYB8wH/oRv9ZFSubMpFct1wDexeEqno6dgPoVv/JIKw7IpFdd1wC3Ec/6+mJxFKqpXgDbgz1gwpUKybErlMBL4OjAOuBE4JzeOlOYg8AzQTnybfHVuHEkn4z2bUjmsqa0HgQuI0nkTMB4YlBdLaoptRLFcSpTMLalpJPWJZVMqny3ArNo6B/gKcDMwljhu758VTKqTQ8Tx+CLiPeQvEDuakkrIY3SpWi4gdjuvJo7dL05NI526fwFPAyuIXUx3L6WKcGdTqpYtwG9r6wPEvZ5jied6jgEuyosmvUsH8FfiEWCLiNtEulMTSWoIy6ZUXd3A32sL4GyifI4mjtvHABcC/VLSqdX0lMtXgCVEuexKTSSpKSybUuvoAlbVFkT5/AKx8zmc+MLRpfhNd525g8AG4gs9a4mSuRHLpdSSLJtS6+oC1tdWj/OBLxH3fF5B7IB69K6T6SB2LFcR91y+BGxNTSSpMCybknrbSryBZX7t92cTu53XAkOAq4gCOjAlnYqgkyiWLwOvAy8Su5juWko6JsumpBPp4ugzPnt8CPg8UTxHEGX0KuCzwLnNDqiGOQC8SZTKDcRx+MvAG8DbibkklYxlU1JfvQ28Vlu9fYr4AtIooowOB4YRx/CW0OI6QByDv0a8W/wN4FXiB4wdibkkVYRlU1K97CBeI/hMrz/rR5TQwUT5/FxtDSF2RM/DLyQ1w0FgJ7FD+Trw79paR3xxZwfwTlo6SZVm2ZTUSO8A/6mtF9/zd/2JsnlxrzWQOI6/qLYGAB9uStJy2w/sInYoO4jj707iQek9ayfxZh5JairLpqQsh4gvJG0lXkf4Xv2BjxBH8gNr60KigJ5PFNVP19Z5xFF9lWbaYeKIeydHC/tO4v9rF7CZKJSdxNH3/7BMSiqgKg1mSdVyCHirtk7kLGL3cwDwceCTvX49F/gM8TalQcSx/idq//YQUVQ/BhyprUHU51j/ILCtlu0sYA9RFvsTRfG/xK7vNuLh+9uJYvkWsLvXr7uIXcsjdcgkSSn+D1S4iql1uTguAAAAAElFTkSuQmCC"
+        />
+      </defs>
+    </svg>
+  )
+}
+
+export default GrammarlyLogo
diff --git a/services/web/frontend/js/shared/svgs/ieee-logo.jsx b/services/web/frontend/js/shared/svgs/ieee-logo.jsx
new file mode 100644
index 0000000..07bfcb2
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/ieee-logo.jsx
@@ -0,0 +1,23 @@
+function IEEELogo() {
+  return (
+    <svg
+      width="40"
+      height="40"
+      viewBox="0 0 40 40"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect width="40" height="40" fill="white" />
+      <path
+        d="M18.7638 7.59142C19.922 6.69149 21.3758 7.43967 22.3476 8.2677C23.3647 9.04516 24.4271 9.92645 25.3563 10.829L25.5267 10.9249C28.104 13.3185 30.5002 15.9757 32.4678 18.7873C32.7847 19.2772 33.0669 19.831 32.8885 20.4807C32.2336 22.1208 30.8996 23.4281 29.7361 24.8578C27.2147 27.5736 24.5549 30.1989 21.5755 32.2943C20.9738 32.7203 20.1617 33.1117 19.4401 32.7762C17.2489 31.6286 15.4011 29.7489 13.4814 28.0369C11.2582 25.9734 9.02438 23.5719 7.339 21.0584C7.08874 20.707 7.01687 20.2703 7.02485 19.8071C7.24317 18.9391 7.83424 18.2255 8.39869 17.4933C10.3902 14.9559 12.8291 12.5464 15.2946 10.3471C15.3532 10.2912 15.4571 10.1714 15.5476 10.1128C16.6046 9.19692 17.6563 8.38751 18.7639 7.59142L18.7638 7.59142ZM22.1533 4.9502L20.8459 3.09443C20.6835 2.99858 20.4839 2.83616 20.3081 2.78824C19.9221 2.62049 19.5041 2.82286 19.1899 3.06248L16.8229 6.14568C13.0235 10.8503 8.52651 15.2435 3.61948 18.6116C3.23343 18.9151 2.65561 19.2107 2.5358 19.7112C2.40808 20.1585 2.64229 20.5313 2.91924 20.8082C6.8491 23.5159 10.6059 26.7269 13.9474 30.3906C14.5411 31.0163 15.023 31.634 15.6035 32.2197C16.5806 33.5217 17.7309 34.8316 18.6281 36.2295C18.9103 36.525 18.9582 37.0069 19.4002 37.1507C19.7437 37.2705 20.1697 37.3531 20.4998 37.1507L20.8273 36.8232C24.893 31.0642 30.0476 25.8936 35.8066 21.7187C36.3844 21.2022 37.484 21.0105 37.5 20.0547C37.46 19.6154 37.2045 19.1787 36.8237 18.9391L36.7306 18.923C33.7672 16.9075 31.0036 14.6257 28.4023 12.0404L25.5267 9.03711C24.3606 7.74579 23.2316 6.31335 22.1533 4.95014L22.1533 4.9502ZM19.19 8.2996C20.3721 7.49551 21.4318 8.6191 22.3477 9.26342C25.8888 12.1123 29.2303 15.3739 31.773 19.0588C32.0952 19.5328 32.2389 20.2703 31.954 20.8081C31.291 21.9104 30.4018 22.9142 29.5578 23.9366V23.9898C27.4517 26.2316 25.2312 28.5347 22.8269 30.4304C21.6554 31.1466 20.5798 32.7042 19.0702 31.7377C15.6328 29.2243 12.342 26.1012 9.55431 22.7517C9.08038 22.0142 8.34285 21.4125 8.01272 20.5764C7.55475 19.4449 8.56652 18.6328 9.14428 17.7808C11.9879 14.2743 15.521 10.8343 19.19 8.29957V8.2996ZM19.9354 10.6106L19.616 11.6384L18.0105 16.2419C18.4125 16.2818 18.9104 16.2419 19.3044 16.2818V16.3191L19.0702 21.5243L19.1101 21.5802C19.624 21.6281 20.2657 21.6547 20.7902 21.5641V21.4816L20.5798 16.4361L20.6117 16.2657L22.0255 16.2417C21.3199 14.378 20.6357 12.4956 19.9781 10.6105L19.9354 10.6106ZM14.4693 17.8207C13.5694 18.2734 12.2434 18.955 12.3899 20.1904C12.5815 20.864 13.3138 21.3006 13.8915 21.5802C17.0866 22.986 21.328 23.0339 24.7014 21.9849C25.5348 21.6627 26.6529 21.1968 26.8047 20.1771C26.797 19.333 25.9048 18.8032 25.2631 18.481V18.4411C25.4868 18.3506 25.7424 18.2734 25.974 18.2467V18.2255C24.8451 18.0231 23.7535 17.7276 22.6592 17.4374C22.8695 17.9193 23.0213 18.4251 23.197 18.923C23.5272 18.8192 23.8653 18.7393 24.2194 18.6914C24.7972 18.9151 25.6226 19.2372 25.7051 19.9588C25.7691 20.6324 25.0288 20.9625 24.5629 21.2341C22.0894 22.134 19.3045 22.2219 16.7245 21.5403C16.0109 21.314 14.9831 21.0264 14.8953 20.1185C15.4011 18.923 16.7084 18.6754 17.8027 18.3852C17.241 18.0231 16.6686 17.7009 16.1254 17.2989C15.537 17.3335 14.9992 17.5891 14.4693 17.8208V17.8207ZM19.0382 23.01C18.9424 24.8578 18.9184 26.5671 18.7826 28.4229C19.5121 28.4868 20.3401 28.5507 21.1176 28.4389L20.886 23.2736L20.8459 23.0286C20.2495 23.0499 19.6878 23.0739 19.0381 23.0101"
+        fill="#0A70A3"
+      />
+      <path
+        d="M25.8593 33.5803C25.2123 33.5803 24.6372 34.0276 24.6372 34.7944C24.6372 35.5638 25.2123 36.0138 25.8593 36.0138C26.5009 36.0138 27.076 35.5638 27.076 34.7944C27.076 34.0276 26.5009 33.5803 25.8593 33.5803ZM25.8593 35.7316V35.7289C25.3774 35.7316 24.9886 35.3561 24.9886 34.7943C24.9886 34.2378 25.3774 33.8651 25.8593 33.8651C26.3305 33.8651 26.7299 34.2378 26.7299 34.7943C26.7299 35.3561 26.3305 35.7315 25.8593 35.7315V35.7316ZM26.4024 34.536C26.4024 34.2378 26.2054 34.142 25.8646 34.142H25.3774V35.4493H25.6569V34.9009H25.7901L26.0909 35.4494H26.4237L26.0856 34.8769C26.2639 34.8609 26.4024 34.7757 26.4024 34.5361V34.536ZM25.9045 34.6772H25.6569V34.3604H25.854C25.9604 34.3604 26.1042 34.371 26.1042 34.5068C26.1042 34.6533 26.0323 34.6772 25.9045 34.6772"
+        fill="#0A70A3"
+      />
+    </svg>
+  )
+}
+
+export default IEEELogo
diff --git a/services/web/frontend/js/shared/svgs/linkedin-logo.tsx b/services/web/frontend/js/shared/svgs/linkedin-logo.tsx
new file mode 100644
index 0000000..54e8953
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/linkedin-logo.tsx
@@ -0,0 +1,20 @@
+function LinkedInLogo() {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" height="25" viewBox="0 0 72 72">
+      <g fill="none" fillRule="evenodd">
+        <path
+          className="background"
+          fill="#0B66C3"
+          d="M8 72h56a8 8 0 0 0 8-8V8a8 8 0 0 0-8-8H8a8 8 0 0 0-8 8v56a8 8 0 0 0 8 8"
+        />
+        <path
+          className="text"
+          fill="#FFF"
+          d="M62 62H51.316V43.802c0-4.99-1.896-7.777-5.845-7.777-4.296 0-6.54 2.901-6.54 7.777V62H28.632V27.333H38.93v4.67s3.096-5.729 10.453-5.729c7.353 0 12.617 4.49 12.617 13.777zM16.35 22.794c-3.508 0-6.35-2.864-6.35-6.397C10 12.864 12.842 10 16.35 10c3.507 0 6.347 2.864 6.347 6.397 0 3.533-2.84 6.397-6.348 6.397ZM11.032 62h10.736V27.333H11.033V62"
+        />
+      </g>
+    </svg>
+  )
+}
+
+export default LinkedInLogo
diff --git a/services/web/frontend/js/shared/svgs/mendeley-logo.jsx b/services/web/frontend/js/shared/svgs/mendeley-logo.jsx
new file mode 100644
index 0000000..8d16656
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/mendeley-logo.jsx
@@ -0,0 +1,39 @@
+function MendeleyLogo() {
+  return (
+    <svg
+      width="40"
+      height="40"
+      viewBox="0 0 40 40"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect width="40" height="40" fill="white" />
+      <mask
+        id="mask0_10_136"
+        style={{ maskType: 'alpha' }}
+        maskUnits="userSpaceOnUse"
+        x="1"
+        y="10"
+        width="38"
+        height="22"
+      >
+        <path
+          d="M38.3311 27.922C38.1859 23.7926 33.6702 24.893 32.4544 22.3593C31.2671 19.8856 33.3084 19.0379 33.3084 16.2773C33.3084 13.0071 30.6561 10.3558 27.3844 10.3558C23.1604 10.3558 23.2198 13.9091 20.0001 13.9091H19.9998C16.7802 13.9091 16.8395 10.3558 12.6153 10.3558C9.34353 10.3558 6.69126 13.0071 6.69126 16.2773C6.69126 19.0379 8.73252 19.8856 7.54546 22.3593C6.32951 24.893 1.81397 23.7926 1.66857 27.922C1.6 29.8702 3.24963 31.4519 5.20021 31.4519C7.15061 31.4519 8.74248 29.8713 8.73168 27.922C8.72289 26.3285 7.63175 25.761 8.02373 23.8616H8.0244C8.33953 22.2732 10.0408 20.9126 12.2365 20.639C14.6969 20.3326 17.477 21.547 17.477 24.2892C17.477 25.9872 16.471 26.2171 16.471 27.922C16.471 29.7956 17.9982 31.4519 19.9972 31.4519C21.9963 31.4519 23.5287 29.7956 23.5287 27.922C23.5287 26.2171 22.5228 25.9872 22.5228 24.2892C22.5228 21.547 25.3028 20.3326 27.7632 20.639C29.959 20.9126 31.6605 22.2732 31.9753 23.8616H31.9761C32.3678 25.761 31.2768 26.3285 31.268 27.922C31.2574 29.8713 32.8491 31.4519 34.7995 31.4519C36.75 31.4519 38.3997 29.8702 38.3311 27.922ZM20.0025 22.0539C18.052 22.0539 16.471 20.4734 16.471 18.5239C16.471 16.5745 18.052 14.994 20.0025 14.994C21.953 14.994 23.5341 16.5745 23.5341 18.5239C23.5341 20.4734 21.953 22.0539 20.0025 22.0539Z"
+          fill="white"
+        />
+      </mask>
+      <g mask="url(#mask0_10_136)">
+        <path
+          d="M38.3311 27.922C38.1859 23.7926 33.6702 24.893 32.4544 22.3593C31.2671 19.8856 33.3084 19.0379 33.3084 16.2773C33.3084 13.0071 30.6561 10.3558 27.3844 10.3558C23.1604 10.3558 23.2198 13.9091 20.0001 13.9091H19.9998C16.7802 13.9091 16.8395 10.3558 12.6153 10.3558C9.34353 10.3558 6.69126 13.0071 6.69126 16.2773C6.69126 19.0379 8.73252 19.8856 7.54546 22.3593C6.32951 24.893 1.81397 23.7926 1.66857 27.922C1.6 29.8702 3.24963 31.4519 5.20021 31.4519C7.15061 31.4519 8.74248 29.8713 8.73168 27.922C8.72289 26.3285 7.63175 25.761 8.02373 23.8616H8.0244C8.33953 22.2732 10.0408 20.9126 12.2365 20.639C14.6969 20.3326 17.477 21.547 17.477 24.2892C17.477 25.9872 16.471 26.2171 16.471 27.922C16.471 29.7956 17.9982 31.4519 19.9972 31.4519C21.9963 31.4519 23.5287 29.7956 23.5287 27.922C23.5287 26.2171 22.5228 25.9872 22.5228 24.2892C22.5228 21.547 25.3028 20.3326 27.7632 20.639C29.959 20.9126 31.6605 22.2732 31.9753 23.8616H31.9761C32.3678 25.761 31.2768 26.3285 31.268 27.922C31.2574 29.8713 32.8491 31.4519 34.7995 31.4519C36.75 31.4519 38.3997 29.8702 38.3311 27.922ZM20.0025 22.0539C18.052 22.0539 16.471 20.4734 16.471 18.5239C16.471 16.5745 18.052 14.994 20.0025 14.994C21.953 14.994 23.5341 16.5745 23.5341 18.5239C23.5341 20.4734 21.953 22.0539 20.0025 22.0539Z"
+          fill="#E5222E"
+        />
+        <path
+          d="M38.3135 10.3559H1.6665V31.4563H38.3135V10.3559Z"
+          fill="#E81C2D"
+        />
+      </g>
+    </svg>
+  )
+}
+
+export default MendeleyLogo
diff --git a/services/web/frontend/js/shared/svgs/orcid-logo.jsx b/services/web/frontend/js/shared/svgs/orcid-logo.jsx
new file mode 100644
index 0000000..00c8e6c
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/orcid-logo.jsx
@@ -0,0 +1,43 @@
+function OrcidLogo() {
+  return (
+    <svg
+      width="40"
+      height="40"
+      viewBox="0 0 40 40"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect width="40" height="40" fill="white" />
+      <g clipPath="url(#clip0_10_162)">
+        <path
+          d="M36.6666 20C36.6666 29.2057 29.2056 36.6667 19.9999 36.6667C10.7942 36.6667 3.33325 29.2057 3.33325 20C3.33325 10.7943 10.7942 3.33334 19.9999 3.33334C29.2056 3.33334 36.6666 10.7943 36.6666 20Z"
+          fill="#A6CE39"
+        />
+        <path
+          d="M14.5702 27.5781H12.5649V13.6328H14.5702V19.9349V27.5781Z"
+          fill="white"
+        />
+        <path
+          d="M17.5129 13.6328H22.9296C28.0859 13.6328 30.3515 17.3177 30.3515 20.612C30.3515 24.1927 27.552 27.5911 22.9556 27.5911H17.5129V13.6328ZM19.5181 25.7812H22.7083C27.2525 25.7812 28.2942 22.3307 28.2942 20.612C28.2942 17.8125 26.5103 15.4427 22.6041 15.4427H19.5181V25.7812Z"
+          fill="white"
+        />
+        <path
+          d="M14.8826 10.7292C14.8826 11.4453 14.2967 12.0443 13.5675 12.0443C12.8384 12.0443 12.2524 11.4453 12.2524 10.7292C12.2524 10 12.8384 9.41406 13.5675 9.41406C14.2967 9.41406 14.8826 10.013 14.8826 10.7292Z"
+          fill="white"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_10_162">
+          <rect
+            width="33.3333"
+            height="33.3333"
+            fill="white"
+            transform="translate(3.33325 3.33334)"
+          />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+
+export default OrcidLogo
diff --git a/services/web/frontend/js/shared/svgs/overleaf-a-ds-solution-mallard.svg b/services/web/frontend/js/shared/svgs/overleaf-a-ds-solution-mallard.svg
new file mode 100644
index 0000000..a0e1565
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/overleaf-a-ds-solution-mallard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="425" height="192" fill="none"><g clip-path="url(#a)"><path fill="#1D1D1B" d="m27.16 182.86-3.03-7.72H14.4l-2.98 7.72H8.57l9.6-24.37h2.38l9.54 24.37h-2.93Zm-3.9-10.25-2.82-7.53a40.3 40.3 0 0 1-1.12-3.5c-.24 1.07-.6 2.22-1.05 3.5l-2.85 7.53h7.85ZM62.08 170.52c0 4-1.12 7.06-3.4 9.17-2.27 2.12-5.56 3.2-9.85 3.2h-6.87v-24.27h7.6c3.98 0 7.04 1.05 9.23 3.14 2.2 2.1 3.3 5.02 3.3 8.76Zm-5.33.13c0-5.2-2.3-7.82-6.9-7.82h-2.74v15.8h2.2c4.96 0 7.42-2.67 7.42-7.98h.02ZM66.5 159.51c0-1.64.92-2.48 2.75-2.48s2.74.84 2.74 2.48c0 .79-.23 1.39-.68 1.83-.47.45-1.15.66-2.06.66-1.83 0-2.75-.84-2.75-2.49Zm5.28 23.35h-5.07V164.3h5.07v18.56ZM93.24 164.32v2.56l-2.9.76c.53.84.79 1.75.79 2.8 0 1.99-.7 3.55-2.1 4.65-1.38 1.13-3.31 1.67-5.77 1.67l-.92-.05-.75-.08c-.53.4-.79.84-.79 1.34 0 .73.94 1.1 2.8 1.1h3.16c2.04 0 3.58.44 4.66 1.3 1.07.87 1.59 2.17 1.59 3.84 0 2.17-.92 3.85-2.72 5.05-1.8 1.2-4.4 1.8-7.79 1.8-2.59 0-4.57-.44-5.93-1.35a4.32 4.32 0 0 1-2.04-3.8c0-1.12.34-2.06 1.04-2.8a6.1 6.1 0 0 1 3.06-1.61c-.52-.21-.97-.58-1.36-1.1a2.7 2.7 0 0 1 .03-3.37c.42-.47 1-.94 1.78-1.39a5.1 5.1 0 0 1-2.33-2.01 6.06 6.06 0 0 1-.86-3.3c0-2 .65-3.58 1.98-4.7 1.31-1.1 3.2-1.65 5.65-1.65.52 0 1.12.06 1.86.13.7.1 1.17.16 1.36.21h6.5ZM78.92 185.5c0 .7.34 1.25 1 1.64.67.4 1.61.6 2.82.6 1.8 0 3.24-.23 4.26-.75 1.02-.53 1.54-1.18 1.54-2.04 0-.7-.31-1.18-.92-1.44-.6-.26-1.54-.4-2.82-.4H82.2c-.94 0-1.7.22-2.33.66a2.03 2.03 0 0 0-.94 1.73Zm1.83-15.11c0 .99.23 1.8.68 2.38.47.57 1.15.88 2.09.88s1.65-.28 2.1-.88c.44-.58.65-1.39.65-2.38 0-2.25-.92-3.35-2.75-3.35s-2.8 1.13-2.8 3.35h.03ZM96.07 159.51c0-1.64.91-2.48 2.74-2.48s2.75.84 2.75 2.48c0 .79-.24 1.39-.68 1.83-.47.45-1.15.66-2.07.66-1.83 0-2.74-.84-2.74-2.49Zm5.28 23.35h-5.07V164.3h5.07v18.56ZM114.47 179.17c.89 0 1.94-.18 3.2-.57v3.76c-1.26.57-2.83.84-4.66.84-2.02 0-3.5-.53-4.42-1.55-.92-1.02-1.39-2.56-1.39-4.6v-8.94h-2.43v-2.14l2.8-1.7 1.46-3.92h3.25v3.95h5.2v3.79h-5.2v8.94c0 .7.2 1.25.6 1.6.42.33.94.51 1.6.51v.03ZM133.19 182.86l-1-2.51h-.13a7.23 7.23 0 0 1-2.64 2.22c-.88.42-2.06.63-3.52.63a5.8 5.8 0 0 1-4.21-1.52c-1.02-1.02-1.55-2.46-1.55-4.34 0-1.96.68-3.42 2.07-4.37 1.39-.94 3.45-1.46 6.22-1.54l3.22-.1v-.81c0-1.89-.97-2.83-2.88-2.83-1.49 0-3.22.45-5.23 1.34l-1.67-3.43a15.02 15.02 0 0 1 7.11-1.67c2.61 0 4.4.55 5.72 1.62 1.34 1.1 2 2.75 2 4.94v12.37h-3.54.03Zm-1.5-8.58-1.95.08a6.62 6.62 0 0 0-3.3.78c-.73.5-1.07 1.23-1.07 2.23 0 1.43.81 2.14 2.46 2.14a3.9 3.9 0 0 0 2.82-1.02 3.55 3.55 0 0 0 1.05-2.7v-1.5ZM147 182.86h-5.08v-25.83h5.07v25.83ZM175.85 176.14c0 2.2-.78 3.92-2.35 5.17-1.57 1.26-3.77 1.89-6.59 1.89-2.59 0-4.89-.5-6.88-1.47v-4.78c1.65.73 3.04 1.25 4.16 1.54 1.13.29 2.17.44 3.11.44a4.3 4.3 0 0 0 2.59-.65c.6-.44.92-1.07.92-1.93 0-.47-.14-.9-.4-1.28-.26-.4-.65-.74-1.17-1.08-.53-.34-1.57-.89-3.14-1.64a15.1 15.1 0 0 1-3.35-2.01 7.79 7.79 0 0 1-1.77-2.25 6.42 6.42 0 0 1-.66-2.98c0-2.15.74-3.85 2.17-5.08 1.44-1.22 3.48-1.85 6.04-1.85 1.26 0 2.46.16 3.6.44 1.16.3 2.36.7 3.59 1.26l-1.65 4c-1.3-.53-2.35-.9-3.21-1.1-.84-.2-1.68-.31-2.51-.31a3.4 3.4 0 0 0-2.25.68 2.23 2.23 0 0 0-.78 1.77c0 .45.1.87.3 1.18.22.34.56.65 1 1 .45.3 1.54.88 3.27 1.7 2.27 1.06 3.82 2.16 4.65 3.26a6.4 6.4 0 0 1 1.26 4l.05.08ZM187.38 183.2c-5.78 0-8.65-3.17-8.65-9.52 0-3.16.78-5.57 2.35-7.21 1.57-1.68 3.81-2.51 6.74-2.51 2.15 0 4.08.41 5.78 1.25l-1.49 3.92a28.7 28.7 0 0 0-2.22-.78 6.95 6.95 0 0 0-2.07-.32c-2.64 0-3.94 1.89-3.94 5.62 0 3.74 1.3 5.44 3.94 5.44.97 0 1.89-.13 2.72-.39a10 10 0 0 0 2.49-1.23v4.34c-.81.52-1.65.89-2.49 1.07a15 15 0 0 1-3.16.29v.03ZM197.1 159.51c0-1.64.92-2.48 2.75-2.48s2.74.84 2.74 2.48c0 .79-.23 1.39-.68 1.83-.47.45-1.15.66-2.06.66-1.83 0-2.75-.84-2.75-2.49Zm5.28 23.35h-5.07V164.3h5.07v18.56ZM216.08 183.2c-2.98 0-5.33-.84-7-2.49-1.68-1.64-2.51-3.97-2.51-7 0-3.04.78-5.52 2.32-7.22 1.55-1.7 3.72-2.53 6.46-2.53 2.74 0 4.65.75 6.12 2.24 1.46 1.5 2.2 3.56 2.2 6.2v2.46h-11.98a4.8 4.8 0 0 0 1.28 3.37c.78.81 1.9 1.2 3.35 1.2a13.67 13.67 0 0 0 6.27-1.46v3.92c-.89.44-1.83.78-2.82 1-1.02.2-2.25.3-3.69.3Zm-.7-15.64c-1.08 0-1.91.34-2.51 1.02-.6.68-.97 1.65-1.05 2.9h7.11c0-1.25-.34-2.22-1-2.9a3.33 3.33 0 0 0-2.56-1.02ZM244.89 182.86h-5.07V172c0-1.34-.24-2.35-.7-3-.48-.69-1.24-1-2.28-1-1.41 0-2.43.47-3.06 1.41-.63.94-.94 2.5-.94 4.7v8.74h-5.07V164.3h3.86l.69 2.38h.28a5.52 5.52 0 0 1 2.33-2.04c1-.47 2.12-.68 3.37-.68 2.17 0 3.8.57 4.92 1.75 1.12 1.17 1.67 2.85 1.67 5.04v12.1ZM257.64 183.2c-5.77 0-8.65-3.17-8.65-9.52 0-3.16.79-5.57 2.35-7.21 1.57-1.68 3.82-2.51 6.75-2.51 2.14 0 4.08.41 5.78 1.25l-1.5 3.92a28.7 28.7 0 0 0-2.22-.78 6.95 6.95 0 0 0-2.06-.32c-2.64 0-3.95 1.89-3.95 5.62 0 3.74 1.31 5.44 3.95 5.44.97 0 1.88-.13 2.72-.39a10 10 0 0 0 2.48-1.23v4.34c-.8.52-1.65.89-2.48 1.07-.84.19-1.88.29-3.17.29v.03ZM275.97 183.2c-2.98 0-5.33-.84-7-2.49-1.68-1.64-2.52-3.97-2.52-7 0-3.04.79-5.52 2.33-7.22 1.54-1.7 3.71-2.53 6.46-2.53 2.74 0 4.65.75 6.12 2.24 1.46 1.5 2.2 3.56 2.2 6.2v2.46h-11.98a4.81 4.81 0 0 0 1.28 3.37c.78.81 1.9 1.2 3.35 1.2a13.67 13.67 0 0 0 6.27-1.46v3.92c-.89.44-1.83.78-2.85 1-1 .2-2.22.3-3.69.3h.03Zm-.7-15.64c-1.08 0-1.91.34-2.51 1.02-.6.68-.97 1.65-1.05 2.9h7.11c0-1.25-.34-2.22-.97-2.9a3.33 3.33 0 0 0-2.56-1.02h-.03ZM310.87 176.43c0 2.14-.79 3.79-2.33 4.99-1.54 1.2-3.66 1.8-6.3 1.8-2.87 0-5.1-.36-6.64-1.12v-2.72a17.38 17.38 0 0 0 6.72 1.36c1.88 0 3.3-.37 4.24-1.07.94-.7 1.43-1.7 1.43-2.98 0-.84-.15-1.52-.5-2.07a4.63 4.63 0 0 0-1.7-1.49c-.78-.44-1.98-.97-3.6-1.54-2.25-.81-3.87-1.75-4.84-2.88a6.35 6.35 0 0 1-1.43-4.34c0-1.88.7-3.34 2.11-4.47 1.42-1.1 3.27-1.64 5.57-1.64 2.3 0 4.63.44 6.67 1.33l-.9 2.46a15.11 15.11 0 0 0-5.82-1.26c-1.5 0-2.67.32-3.5.97a3.2 3.2 0 0 0-1.26 2.67c0 .83.16 1.51.47 2.06.32.55.84 1.02 1.57 1.5.73.44 1.86.93 3.37 1.48 2.54.92 4.29 1.88 5.26 2.93a5.7 5.7 0 0 1 1.44 4.05l-.03-.02ZM331.1 173.76c0 2.95-.76 5.28-2.25 6.95-1.49 1.68-3.55 2.51-6.2 2.51-1.61 0-3.05-.39-4.33-1.15a7.35 7.35 0 0 1-2.93-3.3 11.54 11.54 0 0 1-1.02-5.01c0-2.95.73-5.28 2.22-6.93 1.5-1.65 3.53-2.48 6.17-2.48s4.58.84 6.07 2.53c1.49 1.7 2.25 3.98 2.25 6.88h.02Zm-13.85 0c0 2.33.47 4.1 1.38 5.3.94 1.23 2.3 1.84 4.1 1.84 1.81 0 3.17-.6 4.11-1.8.94-1.21 1.41-2.99 1.41-5.34 0-2.35-.47-4.08-1.4-5.25-.95-1.2-2.34-1.8-4.14-1.8-1.8 0-3.16.6-4.08 1.77-.91 1.18-1.38 2.95-1.38 5.28ZM338.68 182.86h-2.74v-25.83h2.74v25.83ZM347.13 164.69v11.79c0 1.49.34 2.59 1.02 3.32.68.73 1.72 1.1 3.16 1.1 1.9 0 3.3-.53 4.18-1.57.89-1.05 1.3-2.75 1.3-5.1v-9.57h2.75v18.2h-2.27l-.4-2.44h-.15a5.48 5.48 0 0 1-2.35 2.07c-1 .47-2.15.7-3.43.7-2.22 0-3.87-.52-4.96-1.56-1.1-1.05-1.65-2.72-1.65-5.05v-11.9h2.8ZM371.25 180.92a8.1 8.1 0 0 0 2.49-.34v2.12c-.29.13-.73.26-1.3.37-.58.1-1.1.13-1.58.13-3.53 0-5.28-1.86-5.28-5.57V166.8h-2.61v-1.34l2.61-1.15 1.15-3.9h1.6v4.22h5.28v2.14h-5.28v10.7c0 1.09.26 1.93.78 2.5.52.58 1.23.89 2.14.89v.05ZM377.14 159.75c0-.63.15-1.1.47-1.39.31-.29.7-.44 1.15-.44.44 0 .83.15 1.15.44.31.29.47.76.47 1.39 0 .63-.16 1.07-.47 1.38-.32.32-.7.45-1.15.45-.47 0-.87-.16-1.15-.45-.32-.31-.47-.75-.47-1.38Zm3 23.1h-2.74v-18.19h2.74v18.2ZM401.68 173.76c0 2.95-.76 5.28-2.25 6.95-1.49 1.68-3.55 2.51-6.2 2.51-1.61 0-3.05-.39-4.33-1.15a7.5 7.5 0 0 1-2.93-3.3 11.54 11.54 0 0 1-1.02-5.01c0-2.95.73-5.28 2.22-6.93 1.5-1.65 3.53-2.48 6.17-2.48s4.58.84 6.07 2.53c1.49 1.7 2.25 3.98 2.25 6.88h.02Zm-13.85 0c0 2.33.47 4.1 1.38 5.3.94 1.23 2.3 1.84 4.1 1.84 1.81 0 3.17-.6 4.11-1.8.94-1.21 1.41-2.99 1.41-5.34 0-2.35-.47-4.08-1.4-5.25-.95-1.2-2.33-1.8-4.14-1.8-1.8 0-3.16.6-4.08 1.77-.91 1.18-1.38 2.95-1.38 5.28ZM418.94 182.86v-11.77c0-1.49-.34-2.59-1.02-3.32-.68-.73-1.73-1.1-3.17-1.1-1.9 0-3.3.53-4.18 1.55-.89 1.02-1.33 2.72-1.33 5.1v9.54h-2.75v-18.2h2.25l.44 2.49h.13a5.81 5.81 0 0 1 2.38-2.1 7.62 7.62 0 0 1 3.4-.73c2.2 0 3.85.53 4.94 1.6 1.1 1.04 1.65 2.74 1.65 5.07v11.87h-2.75Z"/><path fill="#046530" d="M106 3.74c-4.89 4.08-8.52 8.96-12.2 13.75a202.61 202.61 0 0 1-5.1 6.4c-3.25 3.85-6.8 7.32-11.3 9.7a26.56 26.56 0 0 1-14.35 2.96 48.22 48.22 0 0 1-13.15-2.96c-.31-.1-.62-.26-1.07-.44 12.03-8.81 25.23-15.27 38.2-22.22-.14 0-.3-.06-.4 0-16.02 4.2-31.24 10.3-45.01 19.68-8.16 5.57-15.35 12.16-20.81 20.5a49.9 49.9 0 0 0-7.71 20.02c-2.3 15.08 6.35 28.57 16.44 33.96 16.91 9.04 37.77-1.02 41.25-19.92 2.82-15.37-7.35-30.27-22.74-32.94-9.8-1.7-18.25 1.36-25.3 8.34-.22.2-.4.47-.58.7-.08-.05-.16-.1-.24-.18.76-1.38 1.5-2.8 2.3-4.15a68.15 68.15 0 0 1 16.34-18.17 7.44 7.44 0 0 1 5.83-1.6c13.9 1.73 25 8.1 32.68 19.95a41.43 41.43 0 0 1 6.64 25.22A42.7 42.7 0 0 1 51 122.16 42.73 42.73 0 0 1 1.05 89.14c-2.38-11.16-.47-21.83 4.44-32 5.2-10.71 13.04-19.1 22.93-25.67.52-.34.88-.65.88-1.38.16-8.13 3.53-14.7 9.96-19.69 5-3.9 10.75-6.17 16.81-7.7C65.01.4 74.17-.3 83.4.1c6.1.27 12.13.9 18.06 2.33 1.47.37 2.88.81 4.55 1.3ZM375.23 59.5c0-.34.08-.66.08-1v-4.99c0-.65.18-.94.91-.94 3.8.03 7.6 0 11.4 0 .6 0 .89.18.8.81V109.97c0 .84-.4 1.26-1.22 1.26-3.58 0-7.16-.03-10.74 0-.9 0-1.13-.29-1.1-1.12.05-1.63 0-3.27 0-4.9 0-.28-.03-.6-.05-.88l-.26-.18c-.06.15-.08.3-.16.44-2.4 4-6.01 6.35-10.54 7.24-7.21 1.44-14.35 1.18-20.99-2.2-9.17-4.65-14.8-12.12-16.42-22.37-1.38-8.76.19-16.94 5.52-24.18 4.68-6.35 10.88-10.4 18.77-11.58 5.12-.76 10.2-.6 15.11 1.23a17.17 17.17 0 0 1 8.18 6.24c.13.21.29.4.45.58.07 0 .15 0 .23-.03l.03-.02Zm-18.04 4.99c-3 0-5.62.63-7.95 1.9-7.08 3.9-10.3 11.33-8.47 19.61 2.07 9.41 12.37 15.35 21.44 12.29a17.33 17.33 0 0 0 11.19-20.55c-1.52-6.45-8.1-13.54-16.21-13.25ZM318.69 92.93c-.9 1.78-1.63 3.43-2.54 5-4.52 7.68-11 12.78-19.84 14.35-17.3 3.08-31.03-6.8-35.45-21.68-5.18-17.48 5.88-35.8 23.79-39.23 9.38-1.8 17.85.76 25.15 6.9 4.88 4.1 8.41 9.17 9.93 15.5a41.84 41.84 0 0 1 1.02 11.11c-.03 1.25-.1 1.3-1.36 1.3h-44.54c-.93 0-1.32.47-1.18 1.4a14.61 14.61 0 0 0 12.7 12.33c3.8.47 7.5.37 11.06-1.25a15.32 15.32 0 0 0 6.2-5.05c.26-.34.78-.68 1.17-.68 4.34-.05 8.66-.02 13-.02.18 0 .36.02.88.1v-.08ZM306.1 75.5l.05-.32c0-.1-.02-.18-.05-.26-1.07-3.45-2.88-6.43-5.83-8.57-3.68-2.67-7.87-3.4-12.31-2.98a16.26 16.26 0 0 0-13.78 11.34c-.08.24-.08.52-.1.81h32.02v-.02Z"/><path fill="#046530" d="M87.36 52.54h13.86c.7 0 .7.5.86.92l6.04 17.2 6.98 19.94c.1.3.2.58.44 1.1.21-.52.34-.8.45-1.1 4.44-12.3 8.91-24.62 13.33-36.93.29-.84.65-1.15 1.57-1.13 3.92.06 7.84 0 11.76 0h1.13c-.13.42-.24.7-.34.97-7.59 18.95-15.14 37.88-22.7 56.83-.28.7-.62 1-1.4 1-2.93-.06-5.84-.03-8.76 0-.66 0-1-.16-1.26-.82-7.19-19-14.43-38-21.64-57-.1-.27-.19-.53-.32-.95v-.03ZM415.17 87.91v22.22c0 .87-.23 1.13-1.1 1.13-3.6-.06-7.21-.06-10.82 0-.94 0-1.15-.3-1.15-1.18V66.01c0-1-.5-1.5-1.52-1.5h-4.62c-.66 0-.9-.2-.9-.86V53.38c0-.6.22-.84.84-.81 1.6.03 3.22 0 4.81 0 .76 0 1-.26 1-.97-.05-2.43.08-4.8.7-7.19 1.63-6.24 5.86-9.62 11.92-11.08 3.27-.78 6.6-.84 9.91-.76.52 0 .7.21.7.73v10.64c0 .6-.28.7-.8.73-1.62.16-3.27.19-4.84.6a5.7 5.7 0 0 0-3.95 6.8c.06.21.55.45.84.45 2.54.02 5.1.05 7.63 0 .84 0 1.15.18 1.13 1.1-.06 3.29-.06 6.58 0 9.88 0 .73-.21.99-.97.99-2.61-.03-5.2 0-7.82-.03-.83 0-1.07.27-1.07 1.08.03 7.45 0 14.87 0 22.32l.08.05ZM254.09 72.38v37.67c0 .97-.26 1.23-1.2 1.2-3.61-.05-7.22-.05-10.82 0-.9 0-1.13-.28-1.13-1.12V34.7c0-.92.31-1.18 1.2-1.15 3.64.05 7.3.05 10.93 0 .86 0 1.05.29 1.05 1.07v37.77h-.03ZM234.7 64.23c-1.76.34-3.46.63-5.13 1.02-5.1 1.2-7.87 4.55-8.57 9.62a52.66 52.66 0 0 0-.53 7.03c-.05 9.38 0 18.77 0 28.15 0 .86-.42 1.28-1.28 1.28h-12.18v-58.7h12.68v6.74l1.2-1.36a17.6 17.6 0 0 1 12.89-6.28c.78-.02 1.02.19 1.02.97-.03 3.58 0 7.16 0 10.74 0 .3-.03.55-.05.79h-.06ZM185.76 92.75c-.37 0-.84.34-1.07.68a15.25 15.25 0 0 1-7.04 5.46c-3.26 1.28-6.66 1.39-10.09.94a14.56 14.56 0 0 1-12.54-11.13c-.19-.76-.3-1.57-.45-2.49h47.37c-.13-2.98-.1-5.85-.42-8.68-.84-7.63-4.37-13.88-10.12-18.84-7.76-6.75-16.78-9.39-26.84-7.11-14.4 3.24-26.98 17.75-23.35 36.33 3.66 18.77 21.91 29.52 40.52 23.24 8.18-2.77 13.65-8.68 17.2-16.42.29-.6.53-1.22.81-1.93-.28-.03-.42-.08-.57-.08-4.47 0-8.92 0-13.39.03h-.02Zm-16.81-29.36c11.1-1 16.68 5.73 18.14 12.08h-31.9c.66-5.07 6.41-11.42 13.76-12.08Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h425v191.04H0z"/></clipPath></defs></svg>
diff --git a/services/web/frontend/js/shared/svgs/overleaf.svg b/services/web/frontend/js/shared/svgs/overleaf.svg
new file mode 100644
index 0000000..0204321
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/overleaf.svg
@@ -0,0 +1 @@
+<svg width="542" height="157" viewBox="0 0 542 157" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M299.24 156.94H.06V.28h299.18z"/></defs><g fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M197.05 110.3c.58 5.4 2.74 9.7 6.45 12.78 3.7 3.13 8.5 4.7 14.37 4.7 3.9 0 7.4-.83 10.53-2.46 3.12-1.66 5.6-3.94 7.4-6.9h18.85c-3.2 8.18-7.94 14.54-14.3 19.08-6.34 4.52-13.67 6.78-22 6.78-5.6 0-10.75-.98-15.46-2.96-4.7-1.98-9-4.9-12.7-8.78-3.6-3.68-6.3-7.94-8.3-12.8-2-4.83-3-9.8-3-14.9 0-5.24.9-10.15 2.7-14.77 1.8-4.63 4.4-8.78 7.9-12.46 3.8-4 8.1-7.1 13-9.3 4.8-2.2 9.7-3.3 14.9-3.3 6.5 0 12.6 1.5 18.2 4.4 5.6 3 10.4 7.2 14.4 12.5 2.4 3.3 4.2 6.9 5.3 10.9s1.74 8.6 1.74 13.8c0 .4 0 1-.08 1.9-.07.9-.1 1.5-.1 1.9h-60zm41.4-13.87c-1.48-5-4-8.8-7.53-11.43-3.52-2.6-7.97-3.92-13.33-3.92-4.7 0-8.8 1.42-12.5 4.24-3.7 2.82-6.2 6.52-7.5 11.1h40.8zm60.8-14c-6.8.54-11.52 2.33-14.2 5.34-2.68 3-4.03 8.4-4.03 16.23v38.3h-17.47V67.22h16.37v8.67c2.64-3.4 5.52-5.9 8.67-7.5 3.1-1.6 6.6-2.4 10.6-2.4v16.3zM135.2 5.18c-21.16-8.25-97.87-11.3-98 34.47C14.82 53.98 0 77.35 0 102.33 0 132.53 24.48 157 54.68 157s54.68-24.48 54.68-54.67c0-23.34-14.63-43.28-35.2-51.1C70.2 49.7 61.6 47 54.73 47.58c-9.8 6.23-21.75 19.04-27.4 31.8 8.4-10.08 21.53-14.48 33.16-12.6 17.1 2.77 30.2 17.63 30.2 35.54 0 19.9-16.2 36.02-36.1 36.02-11 0-20.8-4.9-27.4-12.62-9.7-11.42-12.2-23.8-10.2-35.9C23.9 47.4 74.2 23.27 111.6 14 99.4 20.46 77.4 31.07 62 42.63c44.9 17.34 52.17-20.52 73.2-37.46zm18.2 137.12h-13.73l-28.52-75.08h18.62l17.47 49.9 18.03-49.9h18.14l-30 75.08z" fill="#4C4D41" mask="url(#b)"/><path d="M348.63 110.3c.58 5.4 2.75 9.7 6.45 12.78 3.7 3.13 8.5 4.7 14.38 4.7 3.9 0 7.4-.83 10.53-2.46 3.1-1.66 5.5-3.94 7.4-6.9h18.8c-3.2 8.18-8 14.54-14.3 19.08-6.4 4.52-13.7 6.78-22 6.78-5.6 0-10.8-.98-15.5-2.96-4.7-1.98-8.9-4.9-12.7-8.78-3.6-3.68-6.3-7.94-8.3-12.8-2-4.83-3-9.8-3-14.9 0-5.24.9-10.15 2.7-14.77 1.8-4.63 4.42-8.78 7.92-12.46 3.82-4 8.15-7.1 13-9.3 4.9-2.2 9.9-3.3 15-3.3 6.5 0 12.57 1.5 18.2 4.4 5.64 3 10.44 7.2 14.4 12.5 2.42 3.3 4.2 6.9 5.36 10.9s1.77 8.6 1.77 13.8c0 .4-.04 1-.08 1.9-.08.9-.1 1.5-.1 1.9h-60.1zm41.42-13.87c-1.5-5-4-8.8-7.55-11.43-3.52-2.6-7.96-3.92-13.32-3.92-4.66 0-8.8 1.42-12.5 4.24-3.7 2.82-6.16 6.52-7.44 11.1h40.8zm88.13 45.87v-9.22c-2.1 3.72-5.04 6.5-8.83 8.27-3.8 1.77-8.67 2.65-14.58 2.65-11.1 0-20.37-3.8-27.8-11.37-7.43-7.57-11.15-16.98-11.15-28.2 0-5.3.93-10.3 2.8-15.03 1.86-4.73 4.5-8.9 7.98-12.5 3.73-3.95 7.88-6.86 12.42-8.75 4.54-1.88 9.67-2.84 15.35-2.84 5.45 0 10.15 1 14.1 2.8 3.93 1.8 7.1 4.6 9.5 8.3v-9.1h17.07v75.1h-16.86zm-44.47-38.16c0 6.32 2.1 11.6 6.4 15.87 4.2 4.3 9.3 6.4 15.4 6.4 5.5 0 10.4-2.1 14.6-6.4 4.2-4.3 6.3-9.3 6.3-15 0-6.1-2.1-11.3-6.3-15.7-4.2-4.4-9.1-6.6-14.7-6.6-5.9 0-10.97 2.1-15.17 6.3-4.16 4.2-6.25 9.3-6.25 15.3zm108-36.92v15.56h-12.6v59.52h-16.9V82.78h-8.9V67.22h8.4v-2.05c0-7.9 2.2-13.8 6.6-17.7 4.4-3.87 11-5.83 19.9-5.83.4 0 1 .03 1.8.07.8.1 1.4.1 1.9.1v15.7h-1.2c-3.94 0-6.8.7-8.5 2-1.7 1.3-2.52 3.5-2.52 6.5v1.4h12.28zM306.9 142.3h17.06V42.92H306.9v99.38z" fill="#138A07"/></g></svg>
\ No newline at end of file
diff --git a/services/web/frontend/js/shared/svgs/papers-logo.tsx b/services/web/frontend/js/shared/svgs/papers-logo.tsx
new file mode 100644
index 0000000..583d0aa
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/papers-logo.tsx
@@ -0,0 +1,58 @@
+function PapersLogo() {
+  return (
+    <svg
+      width="39"
+      height="40"
+      viewBox="0 0 47 48"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M12.9053 13.9405C13.3719 13.8602 13.8094 14.0281 14.2104 14.4368L14.5458 14.7801C15.0853 14.2251 15.479 13.7067 15.7342 13.2177L22.2596 1.0766C22.5294 0.580243 22.5877 0.251681 22.4201 0.0984155C22.2669 -0.0695364 21.9389 -0.0111048 21.443 0.266211L9.57337 6.93913C9.07759 7.23113 8.55992 7.64 8.02769 8.18745C7.47358 8.74958 7.06529 9.28265 6.8101 9.779L0.270137 21.8909C-0.014209 22.3873 -0.072536 22.7232 0.0878635 22.8838C0.240973 23.037 0.56907 22.9786 1.06485 22.7013L10.2806 17.5543L11.7752 14.7801C12.0523 14.2835 12.4314 14.0061 12.9053 13.9405Z"
+        fill="#9424C2"
+      />
+      <path
+        d="M34.0053 31.8771L36.7978 30.3147L41.7774 21.0939C42.0473 20.5829 42.1419 20.0061 42.0545 19.3636C41.967 18.7212 41.7192 18.1955 41.3181 17.7868L41.3036 17.7721L34.0126 21.8751C33.5241 22.1526 32.9627 22.2474 32.3357 22.1597C31.7014 22.0723 31.191 21.824 30.79 21.4151L23.1856 13.64L20.6557 18.3197C20.3859 18.816 20.2984 19.3928 20.3932 20.05C20.4515 20.4515 20.5682 20.8019 20.7358 21.1085L25.9051 26.3796C26.0582 26.5329 26.1821 26.7154 26.2842 26.9052L32.4085 33.1472C32.4085 33.1472 32.4232 33.1254 32.4304 33.118C32.9846 32.5779 33.5095 32.1617 34.0053 31.8771Z"
+        fill="#FFBD4F"
+      />
+      <path
+        d="M18.7017 42.6609C18.2205 42.7266 17.7903 42.5587 17.3966 42.1425L5.69466 30.2132C5.69466 30.2132 5.68738 30.206 5.68008 30.1987L1.04305 32.805C0.554553 33.0824 0.277503 33.4621 0.211884 33.9513C0.138976 34.4257 0.299376 34.871 0.700382 35.2799L12.4023 47.2238C12.8033 47.6327 13.321 47.8808 13.948 47.9684C14.575 48.0561 15.1437 47.9611 15.6395 47.6838L27.5092 41.0037C27.9976 40.7262 28.2748 40.3466 28.3404 39.8574C28.4132 39.3682 28.2529 38.9303 27.8518 38.5288L23.8127 34.4039L19.8245 41.792C19.5547 42.3032 19.1829 42.5952 18.7017 42.6609Z"
+        fill="#FF3D3D"
+      />
+      <path
+        d="M28.3259 5.33182C28.7924 5.26604 29.2298 5.434 29.6309 5.8502L41.3183 17.7795L45.8897 15.2024C46.3854 14.9249 46.6698 14.5453 46.7354 14.0561C46.801 13.5669 46.6406 13.1217 46.2469 12.7128L34.5449 0.776185C34.1512 0.367319 33.6409 0.119062 33.0138 0.0315711C32.3723 -0.0560763 31.8108 0.0387585 31.3224 0.316231L19.4382 6.97446C18.9424 7.25194 18.6581 7.63159 18.5925 8.1206C18.5268 8.60977 18.6945 9.05519 19.0955 9.46406L23.1784 13.6327L27.1957 6.19329C27.4728 5.68225 27.8447 5.39025 28.3259 5.33182Z"
+        fill="#26BFFF"
+      />
+      <path
+        d="M32.3502 22.1613C32.9772 22.249 33.5386 22.154 34.0271 21.8767L41.3181 17.7737L29.6233 5.84439C29.2224 5.43553 28.785 5.26023 28.3183 5.32601C27.8371 5.39163 27.4653 5.68378 27.1955 6.18748L23.1855 13.6341L30.8045 21.4094C31.2055 21.8183 31.7231 22.0664 32.3502 22.1613Z"
+        fill="#26B0FF"
+      />
+      <path
+        d="M46.8665 25.0669C46.7134 24.8989 46.3853 24.9574 45.8896 25.2348L36.805 30.3161L35.2449 33.2072C34.9751 33.7035 34.6032 33.9883 34.122 34.054C33.6408 34.1343 33.2107 33.9665 32.817 33.5576L32.4233 33.1561C31.8983 33.7109 31.4973 34.2366 31.2275 34.7258L24.7167 46.8667C24.4469 47.3631 24.3813 47.699 24.5344 47.8596C24.6948 48.0276 25.0229 47.9618 25.5115 47.6771L37.3811 41.0042C37.8696 40.7269 38.3872 40.3107 38.9414 39.7559C39.4735 39.2009 39.8819 38.668 40.1589 38.1643L46.7062 26.0452C46.9759 25.5487 47.027 25.2202 46.8665 25.0669Z"
+        fill="#FF0FA1"
+      />
+      <path
+        d="M34.1143 34.0464C34.5955 33.9808 34.9673 33.696 35.2371 33.1996L36.7973 30.3085L33.9976 31.8709C33.5018 32.1555 32.9769 32.5717 32.4374 33.1193C32.4301 33.1265 32.4227 33.1412 32.4155 33.1486L32.8092 33.5501C33.2029 33.9589 33.6404 34.1267 34.1143 34.0464Z"
+        fill="#E7008E"
+      />
+      <path
+        d="M20.7431 21.1098L14.5458 14.7873C14.5458 14.7873 14.5239 14.8092 14.5094 14.8239C13.9771 15.3641 13.4594 15.7802 12.9636 16.0723L10.2806 17.5689L5.23523 26.9211C4.96546 27.4321 4.87797 28.0088 4.97276 28.6514C5.06025 29.2865 5.29355 29.8049 5.67269 30.2137L12.9199 26.1399C13.4084 25.8625 13.9771 25.7748 14.6114 25.8771C15.2457 25.9646 15.7561 26.2129 16.157 26.6072L23.8053 34.4189L26.3571 29.6953C26.6269 29.1988 26.7216 28.6222 26.6341 27.9651C26.5831 27.5635 26.4591 27.2204 26.2841 26.9138L21.1076 21.6354C20.9618 21.4674 20.8451 21.2923 20.7431 21.1098Z"
+        fill="#94D442"
+      />
+      <path
+        d="M14.5172 14.8164C14.5172 14.8164 14.539 14.7945 14.5536 14.7798L14.2182 14.4368C13.8172 14.0279 13.3797 13.8599 12.9131 13.9402C12.4319 14.006 12.0601 14.2907 11.7903 14.7872L10.2957 17.5614L12.9787 16.0649C13.4672 15.7801 13.9849 15.364 14.5172 14.8164Z"
+        fill="#909271"
+      />
+      <path
+        d="M20.7429 21.11C20.8449 21.2998 20.9616 21.4751 21.1074 21.6283L26.2839 26.9067C26.1746 26.7169 26.0507 26.5344 25.9049 26.381L20.7429 21.11Z"
+        fill="#93D343"
+      />
+      <path
+        d="M14.6186 25.8615C13.977 25.7593 13.4156 25.8541 12.9271 26.1243L5.67993 30.1981C5.67993 30.1981 5.68723 30.2128 5.69451 30.2128L17.3965 42.142C17.7902 42.5509 18.2203 42.726 18.7015 42.6604C19.1827 42.5946 19.5545 42.3026 19.8243 41.7989L23.8125 34.4106L16.1642 26.5989C15.7634 26.1974 15.2456 25.9491 14.6186 25.8615Z"
+        fill="#82C242"
+      />
+    </svg>
+  )
+}
+
+export default PapersLogo
diff --git a/services/web/frontend/js/shared/svgs/sparkle-small-white.svg b/services/web/frontend/js/shared/svgs/sparkle-small-white.svg
new file mode 100644
index 0000000..343a85d
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/sparkle-small-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" fill="none"><g fill="#fff" clip-path="url(#a)"><path d="M14.87 12.18c-4.74-1.07-5.48-1.8-6.55-6.54a.48.48 0 0 0-.93 0c-1.07 4.74-1.8 5.47-6.54 6.54a.48.48 0 0 0 0 .93c4.74 1.08 5.47 1.8 6.54 6.55a.48.48 0 0 0 .93 0c1.07-4.74 1.8-5.47 6.55-6.55a.48.48 0 0 0 0-.93Zm4.28-7.38c-2.52-.56-2.87-.92-3.44-3.44a.48.48 0 0 0-.93 0c-.57 2.52-.92 2.88-3.44 3.44a.48.48 0 0 0 0 .93c2.52.57 2.87.93 3.44 3.45a.48.48 0 0 0 .93 0c.57-2.52.92-2.88 3.44-3.45a.48.48 0 0 0 0-.93Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 .5h20v20H0z"/></clipPath></defs></svg>
diff --git a/services/web/frontend/js/shared/svgs/sparkle.svg b/services/web/frontend/js/shared/svgs/sparkle.svg
new file mode 100644
index 0000000..1946609
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/sparkle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><g clip-path="url(#a)"><path fill="url(#b)" d="M29.7 16.9c0-.2-.3-.2-.4-.3-.9 0-8.1-.3-8.1-8.7 0-.3-.2-.5-.5-.5-.2 0-.5.2-.5.5a8 8 0 0 1-8 8.7l-.3.1-.2.2v.5l.5.2c.9 0 8 .3 8 8.7 0 .3.3.5.5.5.3 0 .5-.2.5-.5a8 8 0 0 1 8-8.7c.3 0 .4 0 .5-.2v-.5Z"/><path fill="url(#c)" d="M10.4 22.9c-.4 0-4.3-.2-4.3-4.8 0-.2-.3-.4-.5-.4-.3 0-.5.2-.5.4 0 4.6-4 4.8-4.4 4.8-.3 0-.5.2-.5.5 0 .2.2.4.5.4.5 0 4.4.2 4.4 4.8 0 .3.2.5.5.5.2 0 .4-.2.4-.5C6 24 10 24 10.4 24c.3 0 .5-.2.5-.5s-.2-.5-.5-.5Z"/><path fill="url(#d)" d="M14.7 7.4c.2 0 .4-.3.4-.6 0-.2-.2-.4-.4-.4-.5 0-4.4-.2-4.4-4.8 0-.3-.3-.5-.5-.5-.3 0-.5.2-.5.5 0 4.6-4 4.8-4.4 4.8-.3 0-.5.2-.5.4 0 .3.3.5.5.5.5 0 4.4.2 4.4 4.8 0 .2.2.5.5.5.2 0 .4-.2.4-.5 0-4.6 4-4.7 4.4-4.7Z"/></g><defs><linearGradient id="b" x1="29.8" x2="8.2" y1="7.4" y2="16.6" gradientUnits="userSpaceOnUse"><stop stop-color="#214475"/><stop offset=".3" stop-color="#254C84"/><stop offset="1" stop-color="#6597E0"/></linearGradient><linearGradient id="c" x1="10.9" x2="-1.8" y1="17.7" y2="23" gradientUnits="userSpaceOnUse"><stop stop-color="#214475"/><stop offset=".3" stop-color="#254C84"/><stop offset="1" stop-color="#6597E0"/></linearGradient><linearGradient id="d" x1="15.1" x2="2.4" y1="1.1" y2="6.5" gradientUnits="userSpaceOnUse"><stop stop-color="#214475"/><stop offset=".3" stop-color="#254C84"/><stop offset="1" stop-color="#6597E0"/></linearGradient><clipPath id="a"><path fill="#fff" d="M0 .9h30v28.2H0z"/></clipPath></defs></svg>
diff --git a/services/web/frontend/js/shared/svgs/writefull-logo.tsx b/services/web/frontend/js/shared/svgs/writefull-logo.tsx
new file mode 100644
index 0000000..4c8ff02
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/writefull-logo.tsx
@@ -0,0 +1,39 @@
+function WritefullLogo({ width = '40', height = '40', background = 'none' }) {
+  return (
+    <svg
+      width={width}
+      height={height}
+      viewBox="0 0 40 40"
+      fill={background}
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+      style={{ verticalAlign: 'middle' }}
+    >
+      <rect
+        x="1.6665"
+        y="1.66666"
+        width="36.6667"
+        height="36.6667"
+        fill="url(#writefull-pattern)"
+      />
+      <defs>
+        <pattern
+          id="writefull-pattern"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use xlinkHref="#writefull-image" transform="scale(0.00195312)" />
+        </pattern>
+        <image
+          id="writefull-image"
+          width="512"
+          height="512"
+          xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAACXBIWXMAAAsSAAALEgHS3X78AAAgAElEQVR42u2deXRU9d2HA664l2VuAFG0VKVUraWKaNkDqNUAKij7HjIsIuBObcda60rS1/btW9uyClhHBRESkhkxAiE7kIWwhSWZCIQkk2Vm7kwmycx9J0EoIkuWWe7yPOd8Tv/xnB7u/d35PDO/b343LAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEBZtDknAKDsZxkAoMkfGG2/Dx8gAMqXeJ5jAGjSB0fbc8IHBwDPMQBo4YPDnqPfVrlren8+OACU+xwf3zSkX2nc0L/xHAPAJXGkzRDEXP3xmj16qSwzemAYPx0CKFYATmyMGGjd2E8q3zzkm5JV91zLZQGA82LbHf2wM0/vaij/hlTu0g+g/AEUKwBtyuKHDmgQgEYJ2DTo0Mn4wT/l0gDAD6jerZ/jytN7Tpf/WQIAAArlbAFoSMWmAZVW06PDuDIAcOqbf3b08po90d6zyx8BAFCfAJySgH611s3DFnB1ADRMVlbUFfYcfda5xY8AAKhXAM5sCcRHLA1jiw9AexzbOrWbmKMvu1D5IwAA6haAxsQPTqlcP/AmrhSARnDs0kc4c6PdFyt/BABAAwLQkE0Dik7EP/pzrhaAyrHl6F/0lbvnUuWPAABoRAAa099WHjd8BFcMQKXYc/Sf+Ird25TyRwAAtCQADcOB/evKE4ct5qoBqIjilAXtHDn6vU0tfgQAQHsCcCZxEWuTDAMv5+oBKJzqndN7iLn6yuaWPwIAoFEBaDw0aPDOAmO/TlxBAIViy9FHuvL0tS0pfwQAQLsC8P1w4LGyhOG/4ioCKO2bf/bsP7ryor0tLX8EAEDjAnBqOFAs2zzsWa4kgFK++WdHb2zOsB8CAIAAXHA4cGP/+vLNw97kagLI+WFPjrzenqM/3NriRwAAEIAfnxw45Kv4D3tcxVUFkBmO3Ki7nXl6m7/KHwEAQAB+9GtA3KC8MtPDXbiyADKhOitqnCtPX+fP8kcAABCA8/4SsHFA6cnEYQ9xdQFCjC1bv+R8b/JDAAAgEAJw6i8E+rusCcOncoUBQkMbR45+iz+G/RAAAASg+cOB/TxlcRExXGWAYH7rT5/UQcyJLg5U8SMAAAhAM4YDTcXGm9txtQECTHV29APOXL0Y6PJHAAAQgCZLQNygA5Vxg2/ligMEiKrd0TNdefr6YJQ/AgCAADRzLsBamTB8EFcdwM/Ydus/CtSwHwIAgAD4aS7AXR4/fC5XHsAPGI1hl9lz9KnBLH4EAAABaIUEeK2bh/7D93/fhjsA0NKHNyuqs5g7uyQU5Y8AACAArUlZ3OBtBav73MBdAGgmDeXrzNXXhKr8EQAABKD1cwGDjpTFDbmDOwHQRKp3z5rv2qP3hLL8EQAABMA/EjCgqnTz0Me4GwCXwJ49e3Wwh/0QAAAEIKBzAZv615YnDH+JOwJwHgoKHr3KkROdK4fiRwAAEIDAnBcQscpgCGvLnQH4nsrd0d3F3GirnMofAQBAAAIjAYMz8o1923N3QPNU75r5qCtP75Zb+SMAAAhA4OYCBhaXxEXczR0CzWLfPXuxK08e+/0IAAACENwMcFgThj/FXQLtlX+2/otAvskPAQAAeQtAw6FB/evLNkcYuFOgCUoSJ17ryNEfkHPxIwAACEBQEz/ksyTDwMu5Y6BayrOm3CXm6quUUP4IAAACEORDg7JPbhgicNdAddh3RT/lzNXXKaX8EQAABCAEw4EnTmx+5H7uHKgG2279n117or1KKn8EAAABCE36O8s3D53A3QPF48jRJ8h92A8BAEAA5DUc2M9TnjD0He4gKJKKrKgbxVz9USUWPwIAgADIYzgwIu7o8u5XcydBMZRmTr/Plae3K7n8EQAABEAWiRuUf+zL/t24myB7qnNmT3Ll6uuVXv4IAAACIKNDg8pKN0f8hjsKssWerf+wRoHDfggAAAIg/7mA/jVlm4dFcVdBbrSx5+i3qaX4EQAABECmw4He8vihf+XOgixwpM0QxFz9MbWVPwIAgADINeVxQ74pWXXPtdxhCBnWjNkPOXP1TjWWPwIAgADIWgI2DSqo2hRxO3cZgo59V7Telaf3qLX8EQAABED2WwKbBlScTBw2lDsNQcOWrV+mpmE/BAAAAVDwXIDbmhDxPHcbAkpWVtQV9hx9ltqLHwEAQAAUtyUQH7HU909uw10Hv3Ns69RuYq6+VCvljwAAIADKOzRoyI4KY+8bufPgNxy79BGuPH2NlsofAQBAABSZTQMLj2+K6Mndh1Zj2z37BV8ZerRW/ggAAAKg2O2Ajf1tZZuHRrICoMXYc/SfKPVNfggAAGhVAE79hUD/uvKEoa+xCqBZFKcsaOfI1edrtfgRAAAEQDUisDlircEQ1pbVAJekeuf0HmKuvkLr5Y8AACAA6jk0aHBWgbFfJ1YEXBBbjj7SlaevpfwRAAAEQG3DgQOOlcY/eh+rAn6EPSf6D668aC/FjwAAIABqzQCHNWH4GFYG/Pebf3b0Ri0P+yEAAAiAZmYCNvavL9887E1Wh9YfjuTI68Xc6EOUPQIAgABobjhwQ9ZHva9glWgQe/bMXs5cvY2iRwAAEACNSkDc4NzCL/p1ZqVoqfxzop915enrKHkEAAAB0Ppw4MASqzniQVaLBrBlz/5AC2/yQwAAAAFoavo7y+MemcKKUS9tHDn6LQz7IQAACAA5z2uFPWVxETGsGrV960+f1EHM1VsodQQAAAEgF018RGKx8eZ2rB4VULVr1q+duXqRQkcAABAA0qSTA+MG7a+MG3wrK0jJ3/x3zZ7uytPXU+YIAAACQJo3HNjfWrb5kYGsIiWWf/bsfzDshwAAIACUeSsODaopTxw2m5WkEIzGsMvsOfpUChwBAEAAEAA/DAd6rZuH/oPVJPfFnhXV2ZE7u4TyRgAAAAHwa+IGby1N6nUdq0qG2HJm9HPl6V0UNwIAAAhAQH4N2DTocPHGoT9jZcmI6pzo51x79B5KGwEAAAQgwK8VriqNH/Yoq0sO3/yz9R8z7IcAAAACELxfAvrVlm0e9iIrLERkZUVd4cjWZ1PUCAAAIAChOS8gYpXBENaWlRZEKndHdxdz9eWUNAIAAAhAiIcD0/KNfduz2oKAdeesR1x50W4KGgEAAARAHhIw0FISF3E3Ky6AVO3Wv+Yrf/b7EQAAQADk9kZBe7npkVGsugBgz9Z/wZv8EAAAQABkfHJgvXXzsD+w8vxESeLEax05+v0UMgIAAAiAMt4oOOSzJMPAy1mBraA8a8pdYq6+ijJGAAAAAVDUrwFxQ3aXrHtIxypsAZU7Zz3pytPXUsQIAAAgAIr8M8FNA09UJQ7rzUpsBrbd+rdcHO6DAAAAAqD84UCxLH7YeFZjE3Dk6BMY9kMAAAABUNEbBT3lCUPfYUVegIqsqBvFHP1RihcBAAAEQI0pi4+Ii/+wx1WszLMwGsMuc+bq7ZQuAgAACIC6hwMH57Iyz6I4ZUE7ChcBAAAEQP0vEupfy8pEABAAAEAAEAAEgMJFAAAAAUAAEACCAAAAAoAAIAAEAQAABAABQAAIAgAACAACgAAQBAAAEAAEAAEgCAAAIAAIAAJAEAAABIAgAAgAQQAAEACCACAABAEAQAAIAoAAEAQAAAEgCAACgACwOgEQAIIAIAAIAAAgAAQBQAAQAABAAAgCgAAgAACAABAEAAFAAAAAASAIAAKAAAAAAoAAIAAIAAIAAAgAAoAAIAAIAAAgAAgAAkAQAABAABAABIAgAACAACAACABBAAAAAUAAEACCAAAAAoAAIAAEAQAABAABQAAIAgCAABAEAAEgCAAAAkAQAASAIAAACABBABAAggAAIAAEAUAAEAAEAAABIAgAAoAAAAACQBAABAABAAAEgCAACAACAAAIAEEAEAAEAAAQAIIAIAAIAAAgAAQBQAAQAABAABAAQAAQAABAABAABIAgAACAACAACABBAAAAAUAAEACCAAAAAoAAIAAEAQAABAABQAAIAgAACAACgAAQBAAAAaB0EQAEgCAAAAgAQQAQAIIAACAABAFAAAgCAIAAEAQAASAIAAACQBAABAABAAAEgCAACAACAAAIAEEAEAAEAAAQAIIAIAAIAAAgAAQBQAAQAABAAAgCgAAgAACAACAAgAAgAACAACAACABBAAAAAUAAEACCAAAAAoAAIAAEAQAABAABQAAIAgAACAACgAAQBAAAEAAEAAEgCAAAAoAAIAAIAEEAABAAggAgAAQBAEAACAKAABAEAAABIAgAAkAQAAAEgCAACAACAAAIAEEAEAAEAAAQAIIAIAAIAAAgAAQBQAAQAABAAAgCgAAgAACAABAEAAFAAAAAAUAAAAFAAAAAAUAAEABKFwEAAAQAAUAACAIAAAgAAoAAEAQAABAABAABIAgAACAACAACQBAAAEAAEAAEgCAAAIAAIAAIAEEAABAAggAgAAQBAEAACAKAABAEAAABIAgAAkAQAAAEgCAACAACAGp97nYsnGDLHFtzaNviuVwNBIAgAAgAQQA0QEnqnDWurEivK/MJqeF/v0tZ8BlXBQEgCAACQBAAlWIwhLUtS5te0Fj8ZyfrCW9JalShwWC4nKuEABAEAAFAABAAFbFv+5w77BnPun5U/melOmNcTc43b97J1UIACAKAACAAoAIs256LFjNHeS9W/qcjZj7pPbTjdzO5aggAQQAQAAQAFExJin79mf3+psb331tSFnzK1UMACAKAACAAoDCMxtGXWdOnFjWr+M+ZCziZFl1gNBov42oiAAQBQAAQAFAAR7YvvNeeOcbd4vL/wVzAeFd+gqEHVxUBIAgAAoAAgIz5bsfzC52ZI73+KP8zcwFZT3kOb391KlcXASAIAAKAAIAMOZk2K6Hhp3t/lv/ZcwFFOxau5iojAAQBQAAQAJAJR49OuboiY/LxgBT/j+cC9hsMhrZcdQSAIAAIAAIAoSz/5HkPOjJH1wa8/M9KVcZ4Z07i727j6iMABAFAABAACAHfJc993Zk5whvM8j97LqBg2+sTuAsIAEEAEAAEAIJIadqspIDt9zfnvIDUhcu5GwgAQQAQAAQAAkx+0uzrKtMnlIe0+H/0HoHofOYCEACCACAACAAE6llJnTvQkfF0vWzK/6xUZkwU8xIXd+MuIQAEAUAAEADwIydS57zjyhrhlWP5//c9Ak97CrYvHs3dQgAIAoAAIADgB0rTZqSGfL+/yVsCIxrOC/gndw0BIAgAAoAAQAv5Ln1Sh+qMcVWKKP4fzwXk+v4JbbiLCABBABAABACaU/475v1WzHyqXnHlf/ZcQPpEe1bCa525mwgAQQAQAAQAmkBJ6pwPm/0KX5nGkfm058C3r4ziriIABAFAABAAuNiHdtr0bMXs9zdjLqAweeHfubsIAAKAACAACACcg8U0rUt15li7qor/nLmAE6n6XdxpBAABAAQAAYDvOZEyd7SY+aRHteV/VirSJ9lyEt/XcdcRAAQAEAAEQNv7/SnRS9Wy39+cuYCD2199nLuPACAACAACgABokTblaVP3qW6/v1nnBSz6C8sAAUAAEABKFwHQzk/+qdHdbRnPODVZ/OfOBaREZ7IiEAAEAAEgCIDq+S5VP9mZNcqj+fL/wXsEJlelf/1qB1YHAoAAIAAEAVDnfn9q1Cea/cn/UnMBGaPr9217bTirBAFAABAAggCoBoMhrG1F+uTDlH8T5gLSXniPFYMAIAAIAEEAFM/xrTN62jPH1FDwzTovIJWVgwAgAAgAQQAUy7Hk2XOdmSP51t+i8wImV2aZX76RVYQAIAAIAEEAFEVp6oyv+Mm/9XMBB755bQirCQFAABAAggDInqys3ldUpk8spsD9E2fWCK9lx6K3WFkIAAKAABAEQLYUbov6lT1jdC3F7f+5gJJUfTIrDAFAABAAggDIb79/R/RLzswR/OQf0LmAKeVJSYbrWG0IAAKAABAEQB77/WkzTOz3B+s9AmPqDiS/2o9VhwAgAAgAQQBCuHZHt6tKH3+SYg72XMBI79HkRW+wAhEABAABIAhA0CnaFv2wI+OpOgo5lHMBc5JYiQgAAoAAEAQgaJxIjTa4MiP5yV8GKc+YWpqV9dE1rEoEAAFAAAgCENgP1dRpyez3yyv2jDF1Bd++2pfViQAgAAgAQQD8TkXW6BurM8ZaKVyZzgVkjvRadrywmJWKACAACABBAPzGseQZQ8WMJ+spWvnPBRxPnW1mxSIACAACQBCAVnMyNeoD9vsVNheQPrUkPv7DqxAABAABQAAIAtAifEWSyX6/QucCMp+p3Z+0+NcIAKWLACAABAFoMiWJE3XVGc9WU6TKnwso2vbiSwgAQQAQAIIAXLr8U/WRYuaTHgpUPXMBJ1LnxiMABAFAAAgCcJH9/pn/58piv1+dcwHTjn/0UdQVCABBABAAggCcwWAIa1uRPjmP/X61nxfwTO1B04u/RAAIAoAAEAQg7NjWZ7vZMp9xUJDamQs4mrxoAQJAEAAEgGhYAI6nRI1zZo5iv19zcwGR3mMpczciAAQBQACIBgWgLG36Kn7y1/xcgCUpyXA5AkAQAASAaEAAkpIGXl6ZPukgBUhOnRfwrLsg+eVeCABBABAAomIBKE2a0MOeMcZF8ZGzI2aO8hZuXzgHASAIAAJAVCgAJTtmznRmjuAnf3LBuYDjqXPXIQAEAUAAEAAVCUBp6tQv2O8nTTk0qDxteqHBYGiLABAEAAFAABRMvrHXlZXpE4ooN9LMuYCa3MRFdyEABAFAABAABXJy26R7HBlPuyk00tK5gKKURVEIAEEAEAAEQEkffGkznme/n/hlLiDlOSMCQBAABAABUET5T4tnv5/4cy6gLH36Yd/SaoMAEAQAAUAAZLmO+rarSh97gtIigYgtY6zrUNIrPRAAggAgAAiAjCjfPrWPmPlULUVFAj0XYNmxcAoCQBAABAABkMOwX8qM112ZvMKXBPM9As+tQQAIAoAAIACh/OafPuVb9vtJiOYCDsp9LgABQAAQAKI6AShLfvj66oyxZZQRCfFcgHN/4tzbEACCACAACEAQOJE6Y6CY+WQdBURkMReQ9ZSnMHnReASAIAAIAAIQyJ/806b/mf1+Ise5gO9S5q5AAAgCgAAgAH7GYAhrW5E+KY39fiLruYC0mfsQAIIAIAAIgJ+wpY/qUJ3xTBUlQ5SQ6ozx4qHEhd0QAIIAIAAIQGs+wHZM/60zc1Q9xUKUdV7AU56i5BfGIAAEAUAAEICW7PenTv+r78OUn/yJcs8LSJ33TwSAIAAIAALQRIzGsMsq0yfmUCJEJXMBexAAggAgAAjApb71Z4/uaksfY6c8iJpSlTHOsXdbVGcEgCAACAACcB5OJE8e48wc6aEwiFrnAgq3LxiFACAAtD4CgAD84O/7py5jv59o4ryAHfP+jgAgAIAAaF4A8o29rqxIH7+fciBamgsoTZuRgwAgAIAAaFYAqraPu92e8bSTUiBaTGX6OHvBtnmdEAAEAAGgcDUlAKVpk6c6s9jvJ9qOI/Mpz5FvFzyBACAACADRhABYUyd/ypG+hJz9HoHn/oIAIAAIAFGtABSn9G1XlT72KB/6hJxvLmDmTgQAAUAAiOoEoCLzmV84Mp+q4cOekIvMBWSMr85PWNAeAUAAEACiCgEoTZ0yz8krfAlp4nkBT9cf3TZ/OAKAACAARNECUJ4+aSP7/YQ0d0tghPdYynPvIwAIAAJAFCcApUkDr7OlP/sdH+aEtOo9AukIAAKAABDFCED5jvH3i5lPuvkQJ8Qf7xGYWHk46+UbEQAEAAEgshaA0rQpr7jY7yfEv+cFZDxdX5SycAgCgAAgAESOAtDGmj5xC/v9hARuLqA4ee7bCAACgAAQ2QhAZdLAm2wZz5TyIU1I4OcCTqZFpSAACAACQEIuAKU7xvQXM0bV8eFMSDDfIzChYn/yS9cjAAgAAkBCIgDlqZP/xH4/ISE7L6DOkrygHwKAACAAJGgCYDSGXVaRPj6FD2FCQhtn43kB899AABAABIAEXABsSU90tGWOqeDDlxA5vUdg1lYEAAFAAIi/BaDN9wkrTR73mJgxqp4PXUJkeV5AWVbWE9cgAAgAAkBanbLM6IGnBaA8bdJffB8y7PcTIu/zAuoObX3uodN/mosAIAAIAGmxABgNva6syhi3iw9XQhQyF5A5wvvdjvm/axCAExsjBlK6CAACQJqdqszJT9nSn7bxoUqIEs8LiN6CACAACABpdlw5M3zfJEZ6+DAlRMHnBaSOK7d+9TDFiwAgAKSJyZ8r1RW87vsW8SQfooQoeCvAYb67unpVZ8m6oQ/liwAgAOTice9bIHmL3pc8R/8suXaPl1w7R/NhSojSDgnKeLLeueU2uyNOkKr/7ctyQbKuu48CRgAQAHL+1B54WfJalkhScex/BaAhu57xfahE8sFKiAJiT3/SKZrCPaI5XDojAA1ZKkgVn/eihBEABID8MHWHft9Y/KfzAwFolICxvg+XkXzAEiLjwT976vCyhuI/nR8IwPep/PSnFDECgACQhv3+Ob6yf+sH5X9eAWiUgHHMBRAiy/KP9Dq2319ydvlfSAAas6abZP3qIQoZAUAANLvfv/d5yVv03o/K/4ICcDrMBRAio5cCjfKIST0qzy3/iwpAQ1Z2lqxfMhyIACAAGtzvf+nMfn+zBYC5AEJkcvJfw35/l/rzlf8lBaAhyxgORAAQAI3t979+weJvsgAwF0BISPf7HWmPWS9U/E0WgNNzAZ/9nHJGABAAdWeO5Dnyp0uWf5MFgLkAQkKz35/ct+RS5d8cAWhI1X9+Klm/+g0ljQAgAOrb758veQvfbVL5N0sAmAsgJIiH+4zyiN/eZW1K+TdXABol4OObJesGhgMRAARAPfv9+1+46H6/XwSAuQBCAjzs92SNaL7Z3dTyb4kANGZFw3DgA5Q1AoAAKH6/v2Cxr/xjmlX+LRYA5gIICczf96c/Udmc4m+VAJweDvzilxQ2AoAAKDOzpfojbza7+FstAMwFEOLfYb/kfidaUv6tEoDTw4HGnpQ2AoAAKCp7n5M8he+0uPxbLQDMBRDil5f5iFt7lbW0/P0hAI1zAZ/cznAgAoAAKGLYb/8iyWv5oFXl7zcBYC6AkJYe7uMWt9zqbE35+0sAGA5EABAAJez3H3ytRfv9ARUA5gIIaebhPiOqWlv8/haAU8OB4ZJ1/f2UOAKAAMhuv//wG34p/oAIAHMBhDRtvz9l0Al/lb/fBeDMGwXvpcgRAARAHi/zmSd5Ct/2a/kHRACYCyDkIvv9kV5x270n/Vn+ARGAM28UvIsyRwAQgJDu9+9bKHmL3vd7+QdUAJgLIOSH+/0ZI+vELd0d/i7/QApA41zAmtsYDkQAEICQHO5z8BW/7fcHXQCYCyDkVPmnj7SL5s7eQJR/oAWgUQJWdWU4EAFAAIK7328IWPEHTQCYCyAa3+8XUyNKAlX8wRKAxixvGA78NeWOACAAgd3vn9tYzIEu/6AJAHMBRJNp2O/vfSLQ5R80ATgzHHgPBY8AIACB2e9fELD9/pALAHMBRDv7/fWupJ9WBaP8gyoAp4cD/3MnJY8AIAB+3e8/8HKzX+ajOAE4MxcwgqIgai1/h2jqUh+s8g+FAJwaDuwuWb96mLJHABCA1qb+0O+DWvwhFQDmAoha9/vTHikLZvGHUgAaJWBlV8n6ZV8KHwFAAFq+3/9WSMo/pALAXABRV7zi9j4nQlH+oRSAM8OB6xgORAAQgObt9+99XvIWvRey8peFADAXQBR/uM9Ij/jtXRWhKv+QC8Dp4cDP7qb4EQAEoGn7/S8Ffb9ftgLAXABRavlnjHSKX3erDWX5y0IAzgwH3sGhQQgAAnDRl/kcej3kxS87AWAugCjtZT5pj1lDXfxyE4DGuYDVtzIciAAgAD/OHMlz5E+yKX/ZCQBzAUQpw347fnNcLuUvNwFolIAVXSTrlw8iAIAAnNrvny95C9+VVfnLVgCYCyCyLf8RHue3vcrkVP5yFIDGLAuXrF/0RgBA2wJQu/8FWez3K0oAmAsg8hv2qxG33OqSW/nLVgC+T4XxbgQAtCkAdQWLA/oyH1ULAHMBRDYv83m8QjR3luRY/nIXgMbhwE9+prnhQARA0wIwW6o/8qZsi18xAsBcAAn1fn/KgONyLX6lCEDjXMDHt2jqjYIIgFYFYO9zkqfwHdmXv6IEgLkAEvSf/CO94tZ7S+Ve/koRgDPDgev7IAAIgEqH/fYvkryWDxRR/ooTAOYCSPD2+2vFr7uLSih/JQnA6eHAii9+hQAgACrb7z/4mqz3+1UhAMwFkIC/zCey4S1+XqWUv+IE4PRw4Ke/QAAQAJXs9x9+Q1HFr2gBYC6ABGq/P3VIiZKKX8kC0DgcuLaHaocDEQAtCED+PMlT+LYiy1/xAsBcAPFbIr3O7b1PKLH8lSwAjXMBq9Q5HIgAqFwA3PsWSt6i9xVb/qoQAOYCSKv3+0fUOZN62JRa/koXgEYJWK6+4UAEQMUCUHvwFcXt96tWAJgLIC0t//RIu2jq4lFy+atBAM68UfDz+xAABEDu+/0GxRe/6gSAuQDSzP1+Z9qwk0ovflUJwOnhwP/8HAFAAOS43z+3sTDVUv6qFADmAsil4xWT+5xQS/mrTQAahwPX/FTxw4EIgIoEwL1vgeL3+zUjAMwFkAvv99c7vrmzSk3lr0YBaJwLWNlNsm7oiwAgACHe7z/wsmxf5oMAMBdAmlj+GZGi+PXNdWorf7UKwKnhwM6Sdd0DCAACEJrUH/q9KotfEwJwZi7gaQpQ64f7pD1SrsbiV7sAnBkO/OyXCAACEOz9/rdUXf6aEQDmAjS93+/c8dBxNZe/6gXg9HDgJz0RAAQgCMCY/pEAABdRSURBVPv9e5+XvEXvqb78NSUAzAVocb/fI27tZVV7+WtFABqHA1ffLlm/ehgBQAACtd//kmr3+zUvAMwFaGm/3yVu6V6jhfLXkgCcGg68WbJ+2RcBQAD8/DKfQ69rpvg1KwDMBah/vz/9Md+3/s6SVspfawLQKAHLGoYD70cAEAB/ZI7kOfInzZW/pgWAuQB1Hu6TMuCElopfqwJwZi7AeC8CgAC0Zr9/vuQtfFeT5a95AWAuQEXlH+lxbr23TIvlr2UBaJwL+OROWR4ahADIXABq97+gqf1+BIC5AJUO+7nFLbc7tVr+WheAxi2Bj2+TrBseRgAQgCbu9xcsVsXLfBAA5gK0Xf6PV4rmLpKWyx8B+F4CVjQMBz6IACAAl3iZz5E3NV/8CABzAYrf708dXKL14kcAzh0ODJesX/waAUAAzpO9z0mewncofgSAuQClH+6z/VcnKX4E4MLDgXcjAAjAWcN++xdJXssHlD4CwFyAojOiVvzmZw5KHwG45HDg2jtCOhyIAMhEAOoOvsZ+PwLAXIDSk/GETfy6q5fCRwCavCWwqrtk3fAQAqBNAZgt1R9+g6JHAJgLUPqwX9pQfvJHAFr4RsGuknV9HwRAUwKQP0/yFL5NySMAzAUofL9fTO7DsB8C0DoJWBouVXz+KwRACwLg3rdQ8ha9T8EjAMwFKPs8/3rHt3dWU/AIgN+GAz/9BQKgZgGoPfgK+/0IAHMByo9DNN9cT7kjAH4fDlzzs6AMByIAQRWAhv1+A6WOAARJApgLCNg3//RHyrT2Mh8EINjDgbcGfDgQAQiWAOTPbSwyCh0BYC5A4X/fv+Mh9vsRgCANB3aRrOsfQACULADufQvY70cAmAtQ/JG+kR5xa69KyhwBCP5w4H0IgBIFoPbAy5p/mQ8CwFyA8hPpFLd0r6XIEYCQDQf+pxcCoCQBqD/0ewocAWAuQPH7/Y9aeZkPAiCL4cDVPSTrVw8jALIWgMb9/rcobwSAuQCl7/en9me/HwGQ15bAylsk65d9EQA5CoB77/OSt+g9ihsBYC5A0W/yi/SI2+61UtwIgDzfKNhFsq67HwGQkwDUHniJ/X4EgLkA5Zd/jfjN7TWUNgIgawlomAv47JcIgBwEoO7Q65Q1AsBcgOIn/X9bKZq7UtgIgHKGAz/p2eJDgxCAVgvAHMlz5E8UNQLAXIDSyz91MC/zQQCUORz48e0tGg5EAFohAO698yVv4buUNALAXIDSh/229y6jpBEARW8JrOgmWb98EAEIhgDU7n+B/X4EgLkA5f99f634bQ+RgkYA1DEc2FmyfvFrBCCQAlBXsJiX+SAAzAUoPRmP28Svu3opZwRAdcOBxnsRAP8LwGyp/siblDICwFyA4g/3GVpKKSMAqp4LWHvXJYcDEYCmCsDe5yRP4TsUMgLAXIDC9/vF5AcpfwRAGxKw6jbJuuFhBKA1AuDev0jyWj6gjBEA5gKU/K0/I7JeTOppp4wRAG29UfBmybq+DwLQEgGoO/ga+/0IAFH+XIBDNHfzUMQIgDbfKNgwHNgbAWi6AMyW6g+/QQEjAETpcwEZw8tEc2dKGAFgOPDTuxGASwpA/jzJU/g25YsAEGXPBXjFHQ+z348AkLPnAtbccWY4EAE4jwAw6Y8AEGXPBTgzIz2Orb+opngRAHK+4cDuknXDQwgAAoAAEHXNBTgznnCJW26ro3QRAHKx4cCuUuX6BxEABAABIOqYC3CmP1ohmrtQuAgAaUqWdfbS+ggAAkCUPhfgdab0Z78fASDNyVIBAUAAEACi4LmArEiPuPWXlZQsAkAQAAQAASBamQvIeqJG3NLDTcEiAAQBQAAQAKKVuYCMx6rEr7tSrggAQQAQAASAaGUuwJk6iP1+BIAgAAgAAkA0NBfgFbf3rqBQEQCCACAACADRzFxAZK2YdIeTMkUACAKAACAARCNzATUZj9vEr7tRpAgAQQAQAASAKHcuYFTz9vvTIsp5mQ8CQBAABAABINqZC/A6d/QppzwRAIIAIAAIANHKXEDGE/XOb3s6KE4EgCAACAACQDQzF/C4KH59i4fSRAAIAoAAIAAUpUbmApzpw628zAcBIAgAAkAQAI3EmT1FdKZFxDpMQjVliQAQBAABIAiABiLunnpI3PVsl4bnz27u0FM0CQUUJgJAEAAEgCAAai7/7KnrCuIfversZ7A64Yb2DpOwhdJEAAgCgAAgAJSl+uJ17p7wwoWewyRD2OWiSfgHxYkAkEAKQDgCgAAgACSIyZ7ksu8cO7gpz6PdpIsWzUIdBYoAEAQAAUAAiJKH/XKmFLlSn+3enGfSnhA+yGEO50AgBIAgAAgAAkCUmJqcKQnHs564piXPZdUm4XafBORTpAgAQQAQAASAKGi/35U96Y+tfTat8e1vcJiFTZQpAkAQAAQAASCy3++f6K7ZOf5xfz2fBkNYW4cpfAmFigAQBAABQACIXJMz+YQtc/SdgXhOHQm6SaIpvIZiRQAIAoAAIABEXpP+261p428I5LNq26zr6zALJZQrAkAQAAQAASCyGPab/D8NP9UH43m1Jrbv5jCH76JgEQCCACAACAAJWSbUuXPGPRvsZ/b4xrBrRFP4Z5QsAkAQAAQAASBB/8l/stWxc+w9IXx029jNwpuiWfBStggAQQAQAASABOMn/+zJu23pozrI4fm1J3Z6WjSFixQuAkAQAAQAASABjDtnygqjcfRlcnqGxfhO9/kkoJjSRQAIAoAAIADE//v9nprsSbPk+hw7NugE0SSkUrwIAEEAEAAEgPhtyn+SzZk57gG5P8sF8WFXOczhKylfBIAgAAgAAkBav99/wJExOlxJz7TDLLwimgQPJYwAEAQAAUAASIvKf8r6fOPoK5X4XPsK6Lc+EbBRxAgAQQAQAASANLn4J3hc2VNeUfqzbY9v/3PRLBymjBEAggAgAAgAuWT5T3S6ciYOVsvzbVt3fQeHWUiikBEAggCcF1/hnKR4EQCG/aZYXFmjb1Hb851kCLvcnij8k1JGALRd/oK3cm1PM41/DpLlg/5ey5JKyhcB0HD5f12cMrqdmp9zu1mnF81CHeWMAGguy31Z320NbX8hCTj0vk6yLNlKASMAGovXnTvtHa085w6TMMRhCq+goBEArcS2WvDY4zrPouUvJQEGQ1upaInBV0JeihgB0MB+v9u9e8pIrT3n1QmdevgkYB8ljQCovvw/Da9uWO+0e3NEoHDJIKk4ppwyRgBU/JN/ac3O0Zr9YKgw/+RGnwTEU9QIgCqzzFf+6zpvbTgci0ZviQQceUvwScA3FDICoL7z/KellyVHXq/1Z9xgCGvrSBRiKWsEQFXf+lcJHseGTvNpcX9sCVhi3vSVkodiRgDUsN9fkzv1H76l3Yan+6y5AHP4VNEU7qa0EQDFl/8n4faKDT+5h6fanyJQtGSIVBxTRjkjAAp+mU+9a/fUyTzN58dm0j3sMAknKW4EQKF/4ifZPg9PLUkUruVpDshcQGxnXzklUdAIgAKP9K1y7JpwL0/xJecCbvFJQDbljQAo6lv/SsFr/1L3e57gQEuAcfRlkiXmLbYEEADFlH/utL1V28f9hKe3aTR8gxJN4V9Q4AiAIsp/reBwbmzflyc3mCJgiRnGlgACIP9hv+n/MfqklSe22bSxm4S3KHEEQM6xG4Uca3z7G3hcQyIB73aRLLEcHIQAyC/ZEzw1OdOZAm4l9kThGV+ROSlzBEBW3/pXCF7bOl0MT6gctgSKY9/h4CAEQD77/ZPFut2TH+bp9A9iYsfeoln4jkJHAGRyqp/LsUE3lCdTTiJQHPMIWwIIQOgP95lWKO0YpeOJ9LMEJHTsLJqENEodAQjtqX66A9UJN7TniZSnBHSVLLHbKXAEICTlnzcjISur9xU8iYHh6PKwqx1mYTXFjgAEvfiXC17HOmFpGOd3yFwCkgyXS0Ux77ElgAAE9WU+eVEGnr4g/RpgEl7zxUPBIwBBOtXPXbW+/VM8eUoSgcIlj/mKjHcJIAABHvab5K7JnfkoT1xwsZmESIdZsFHyCEBg/8RPV+w0dujKE6dECTi0pJtUHLODQkcAApKcqSddWZNu4UkLDfZE4ReiSThC0SMAfi/+ZYLX9rnu84Z3VfCkKX1LwBK7hC0BBMCvf9+fNyPlaNLAq3nCQvxLwMbrOzpM4VspewTAf6f66eps6zpN4+lSkwgULXlcssRYKXcEoHU/+Y/31ubN+pAnSj5kfRR2hT1R+CeFjwC0+mCfNcLJ6g039OCpUqMEHH7nFqk4JpWCRwBa9vf9E+vce2aN5UmSJw6TMF80CfUUPwLQwlP9vk4yhF3Ok6RmCciKukKyxMZS8ghA8470nVrp3jmjJ0+QzCUgUTfUYRYqKX8EoOmn+unqbUbdQp4eLYmAJWaETwQqKHsE4NIv85m5pyRxGK/4VMpcQFzHOxzm8P0IAAJwyfL/WFfpWKfjLZ2alICjb3f3iUA6hY8AXGi/3503azVPivKoXH/TTQ5TeAICQMlfsPw/EdIL4sOu4mnR+pZA0ZIPKX0E4IflP9FTu3fWbJ4Q5WI0hl3mMAn/gwCQH/6Jn85j/1z3Bk8I/FcEimNGSZbYSsofAajJmSo6c6L68FSoAzFRmC6awt0IAKleJThsxp/8hqcCfiwBhe/fJlliMhEA7QpATe7Mo1L+dF72oba5gIRO/Rym8FIEQMNT/muFPWUbwq7naYALS0C+4UrJEvs3BEB7AuDOj47j5C8VzwVsDu/uMAs5CIDGskzw2o3CX3kCoOkiUBT7tE8EqhEALWSC171n9uusevVTaux0nWgWvkQAtHKqn+ASP+30GCsfmi8Blvd+KllidiIAat7vn1JTlzd7GKtdU7RxmIW3EQCVl/9q4Yht7fUdWe7QcgkomHeVTwL+DwFQ437/jBJnzoybWeXaxGESxvpK0oUAqCxLBa/9Pzr+fBf8uSUQM0YqjrEhAOpI7Z7oHUlJAzn2U+NUb+5wv2gSjiEAKvnWv1xXW/1Jx3GsbPC/BBTH9PCV424EQMl/3z/BW7tnTiyrGU5TZurYxVeWGQiA4k/1O1655qZbWdEQOAk4arjaJwIfIQBKfJnP5Dp33uxnWMVwLkeXh13tMAlrEQAFFv9SwWtbK8T5bmMbVjIERwQsH4z1FaUdAVDIn/jlTq905869i5ULF0NMFH4nmgUvAqCQLNfV2406PSsXgi8Bh5fc4SvLHARA5uWfF50nJU25mhULTcGWqBvpkwA7AiDzb/6rBKt19XU/Z8VCaLcELDH/RgDk+JP/eK87f+7HrFJoLo7Nunt8BVqIAMj0J/81uu1JhjCGeEEmIlAcO15NWwKKF4DsyZ7avfP4aRBajD3+uk6+Et2OAMjpVD+dx75WWMzqBBn+GvDBXZIlNg8BCPl+v6P2wPz7WZHQWvKNYVc6TMK/EQAZZKVgrzZ2eIBVCTL+JSCmnWSJWYYAhKj890QflY4+fxMrEfy6JZAoLBBNQj0CEKpT/XTZxz8Ku4aVCMoQgaIlk3wy4EAAgrjfv3duHCsPAiYBZt1wh1moQgCCeaqfzlu9VreE1QfKk4DCd3tKlpg9CECg9/sneuv2zv8dKw4CjW1zxzsdJuEgAhCEb/0rBGfVah3v6QAFS0CW4RrJErsSAQjUfv+0mrp9C/iQgKBRtenGn/gkwIQABPRUv4Lqf9/QntUG6hABy5IpvmIVEQB/nuc/q8SZvaArqwuCjdEYdploEv6KAPj/J3/bWt0KVhioTwKKYnpJlti9CIAfyj9/bopkMLRlVUEoEROFKNEs1CIA/niRj+Cu+rjTGFYVqFcCct6/ViqOWYUAtHTYb6K3du/zf2ElgVywmzoOcJjDyxCAVpT/St131n+149XcoBERKI6dIVlinAhAM8o/Z1pd/YGFvMwHZEdVonCbwyTkIQDN/clf8No+1m0wGML4NQ+0JgExd/vKdj8C0JTz/KOq3Ade5WU+IFvKNnS8XjQJXyEATT7Vr96+Rohi5YB2JSDfcJ1kiVmDAFx0v3+PVLygHasF5E7DN1mHSfcuAnCJrBDKbUs73smKAQhrPDholk8EXAjA2fv9E7y1+xeuZnWA0vBJwARfAbsQgB+n6mPd1nxD2JWsEoCzJeDIknul4pgDCEDDfv8UT+2BF+ewKkCpVCcKfRwm4TgCcOZP/Dy21Z1eZWUAXEgC9r97vWSJ+UTLAuDOmylKB1/tw2oApVO+sUNX0RSepXUBsK3QVVcv78ALugCaJAKWJXrJElujNQFw751TKOUv4AQwUA3FxrB2DpPwqVYFwL5Kt7Pk/bBrWQkAzZGAwiX3SZaYAm0IwATJvW/BZg73AbUimnS/F82CVzMC0HCq3yrdB9x5gJZKQIHhBl8hG1UtANmTvXUHXvgDdxvUjt2se1I0CQ61C4BtueB0rOwQwR0H8IcIFMfMDeaWQLAEoCZ3hrv+wMuPcodBKzhMnX7pK+citQqAbaXuwHd/u74DdxrAnxJQGPsryRJzWC0CUJs/+6SU//It3FnQ3C8BiYJONAk7VCUADT/5rxSW+f55bbjDAIGQgMPv3CgVx3yudAGo27cgTco38LfAoFnyjWFXOky65WoQANsywW1f1Wk0dxUgGCJQtOQ5yRLjVpoA1ORM8tYfePlv3EGAU/gkYJFoEjxKFQDbCl2xdVn7btxJgGBKgCXm174cUYoAuHNn1NXvf20Cdw7gh4iJnR51mIRqpQmAbZVufZIh7HLuIEAoJOCo4SbJErte7gLg3qOvlg4ZfsEdAzg/dnOHnqJJKFCCANiW6uqqVnacxV0DkMevAQt8IlArRwGo3bdgX8MJh9wlgItTnXBDe4dJ2CJnAbCtEMrK/9WhJ3cLQE4SUBzzgC+FshGA7IlS7YGXP5WYCgZoMg0/qfvK+3/lKAC2lcI3xTFhvJkTQJYSUPT2TyRL7IZQC0BN7jRPbcFrC7gjAC3DbtJFi2ahTh4CoPNUrRIWc1cAlCAClphFrdkSaI0AuPP1Tumw4TfcBYBWSkBC+CCHObw8pAKwXFddvqwDL+cCUJQEHF3yoK/Mi4IpALV751ukI28JXH0A/1C1SbjdJwH5IRGAFbqdlbE33cRdAFCiBBTHtPdlY+AFYKJUf/Bls5QVdQVXHcC/WOPb3+AwC5uCJgBLdV5f+ceEMb8DoHAJ8D3EvlJ/yScCdYEQgJqcKV7P4d/9mSsNEDgMhrC2DrPuvUALgG2Z4KxephvOFQdQkwgULnnIV+7F/hQAd96sWqnAEMnVBQgOjgTdJNEUXhMQAViuO1j6v53CucoAapSAfX/u4Cv4eH8IQN2++WXSobd7cFUBgotts66vwyyU+E0AGn7yX65bYRwddhlXF0DNEtCwJVAU88rFtgQuLgATpLr9L+6U8g3XcTUBQoM1sX03hzl8V2sFoOFFPtXLOo7ligJoSQSKPviNZIn5rjkC0LjfX7D4XxzuAxB6jm8Mu0Y0hX/WUgGwLdMVV/1duJ0rCaBFCTjwQUfJEpvQFAFw582slwoN07hqALKijT0x3CCaBW9zBMC2Qthw1BB2NZcPQMsS0LAlYFmy2Ff89RcSgNq982zSoT/25moByBN7YqenRVO4eEkBWKqrr17aaQ5XDAD+KwLFMQMkS+yxcwWgbv+LBxt+KeAKAcgbMb7TfT4JsFxIAGzLhLKKf+nu4UoBwI8l4ND7Op8EmBoFIHuyVF+w+EspycD7vgEUgmODThBNQuq5AmBbrttq/bD9DVwhALiwBBgMbaWjf37bc/iNV7kaAMqjID7sKoc5fGWDANj+rfNUL9f9gasCAACgEWzrO02p+FenflwJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAJAf/w/JVqHmU/HASQAAAABJRU5ErkJggg=="
+        />
+      </defs>
+    </svg>
+  )
+}
+
+export default WritefullLogo
diff --git a/services/web/frontend/js/shared/svgs/x-logo.tsx b/services/web/frontend/js/shared/svgs/x-logo.tsx
new file mode 100644
index 0000000..6f781b5
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/x-logo.tsx
@@ -0,0 +1,12 @@
+function XLogo() {
+  return (
+    <svg height="25" viewBox="0 0 1200 1227" xmlns="http://www.w3.org/2000/svg">
+      <path
+        d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z"
+        fill="#0f1419"
+      />
+    </svg>
+  )
+}
+
+export default XLogo
diff --git a/services/web/frontend/js/shared/svgs/zotero-logo.jsx b/services/web/frontend/js/shared/svgs/zotero-logo.jsx
new file mode 100644
index 0000000..5913a4d
--- /dev/null
+++ b/services/web/frontend/js/shared/svgs/zotero-logo.jsx
@@ -0,0 +1,39 @@
+function ZoteroLogo() {
+  return (
+    <svg
+      width="40"
+      height="40"
+      viewBox="0 0 40 40"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlnsXlink="http://www.w3.org/1999/xlink"
+    >
+      <rect width="40" height="40" fill="white" />
+      <rect
+        x="1.6665"
+        y="1.66666"
+        width="36.6667"
+        height="36.6667"
+        fill="url(#zotero-pattern)"
+      />
+      <defs>
+        <pattern
+          id="zotero-pattern"
+          patternContentUnits="objectBoundingBox"
+          width="1"
+          height="1"
+        >
+          <use xlinkHref="#zotero-image" transform="scale(0.00195312)" />
+        </pattern>
+        <image
+          id="zotero-image"
+          width="512"
+          height="512"
+          xlinkHref="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAgAElEQVR4Aezdfaxn11nYe+7lliq63CvuRUJCSEhISPyBhISUNm3aFCgq7f0jcP9BokVCQkobEZRgO6nf8sJ45njmnDnzcs54xuOxxyTkxcQmJBBjQgiYOHHeTFwCgdCQlIRAEjC4pLhNmzbS7+rz03zdh989TpwQx297pEfPs571stdee+/1fdba+/zma75m+beMwDICywgsI7CMwDICywgsI7CMwDICywgsI7CMwDICywgsI7CMwDICywgsI7CMwDICywgsI7CMwDICywgsI7CMwDICywgsI7CMwDICywgsI7CMwDICywgsI7CMwDICT44RePnLX/7dhw8ffs3x48d/48iRI6+RfnL0fOnlMgLLCCwjsIzAMgLLCHzJI/Cyl73sBw4dOnT3K17xitV11123Onbs2NvZhw8fXl1zzTV3y/+SG10qLCOwjMAyAssILCOwjMATbwQOHTr0dddcc82Pv/SlL/3gy1/+8tXLXvay1ZEjRx4OAH76p396HQAIBK666qrVtdde+8Err7zyx9V74p3N0qNlBJYRWEZgGYFlBJYR+IIjcNlll33D1VdffdU111zz6X/7b//t6sorrwT3Nfi3trZW29vbq93d3bdb/QsIBAYChGuuuWb14he/WPlPX3nllVdp5wseaMlcRmAZgWUElhFYRmAZgcd/BK666qpvveKKK/avuuqqh4D86quvXr30pS9dWeEfOnRoDftjx46tdnZ21gEAffTo0V4DrAMFQYCAQeBw2WWXPaS9F73oRd/6+J/d0oNlBJYRWEZgGYFlBJYR+BsjcOWVVz7ziiuuuO3KK6/8PHgD/0te8pI1/K3u2+r37j/oHz9+/O3gLyCwKyAP/AUM9BVXXLEOAgQSL3rRiz7/Uz/1U7ddfvnlz/wbB14SywgsI7CMwDICywgsI/DVH4HLL7/8uVdcccU93t8DNvAHf1v+YA7+vfu33W/7/9SpU6vTp0+//eTJk+sdAAGAHQJBgN0CdbUjmGg3QEBxSe55yUte8tyv/tkuR1xGYBmBZQSWEVhG4Gk8Aj7Qu/rqq5937bXXfsg2PQHmQC3dO33wB3Xg974f/K34CwBoQYBdgbkTIADQRoGAAEP7l19++fp4P/VTP0V/6LLLLnve8sHg0/hmXE59GYFlBJYRWEbgsR+Ba6655huvvvrqQy996UsfsLInVul0q33QBmurePD3YZ8AwOr+0nv/h4G/v7//dgEAf0GAVwJ9FKiO+sAvwHCsGQgIBuRdccUVD1x11VXX/uRP/uQ3PvajsBxhGYFlBJYRWEZgGYGnyQgcOnTo26+99trz11577WeDcCt88AdpwPfevnf4/Mq0A2DlD/TJ8ePHV2fOnHn76dOn17sB8vnk2ykA/14JdAzwd3zBhuOAP18fG15zzTWf1c+rr776258ml2Y5zWUElhFYRmAZgWUEvvIj8NKXvvTZhw4degMQA3lwlwZhPrp8QQB4CwgKCuQF9xMnTqxX+qC/u7sL/OsAQBr4lbMDwLZr4LuA2muXoR0H8CcFA/rGFhBcKvsG/f/Kj8rS4jICywgsI7CMwDICT9ER2Nra+uHrrrvuPQEdjIl0dmCmK0fbvr/++uvX4p1+acDv3f/e3t5qf39fMPB2WrqdAOUECgUD2pqBgIAC4AUf7QzYaRAY0HyCgHYLXvGKV7zn6quv/uGn6KVaTmsZgWUElhFYRmAZgb/dCJw6deoZhw8ffsH111//0UAO7gnfBD0ogzBA94FfwUF/2mclL9/WPvh7z8++cOHC6j3vec/qd37ndx68//77V69+9avXQYDvAYBfWeUcYzMQ6FgFII45dyQEAfppR2DqV7ziFR89dOjQCy6//PJn/O1Gaqm9jMAyAssILCOwjMBTYAQOHTr0TceOHTt83XXXPQikoEu38qazwTa408Gabgs/Wzt8VvR85HWve93qt3/7t1f/9b/+19VnPvOZ1W/91m/91Z//+Z+v/tN/+k+r3/3d31299rWvXX8PIFBQXl3HZmtPYOC4+gfuggHSKwdaACDfTkBa2eyf/umffvC666477LyfApdvOYVlBJYRWEZgGYFlBL60EdjZ2fmO7e3tm48ePfpZUCVW1SAL9GzgDbJBGNStzpWng3SBgnK1J4/cfvvtqz/8wz9cg/+hhx5a/eVf/uXq05/+9DoA+NjHPrb60z/909UDDzyw9ku/8Y1vXB/bq4Da0L5j61/9KiBwPH1Wxq6EPgN+WmDQToYA4VL6s0eOHLn5yJEj3/GljdxSehmBZQSWEVhGYBmBJ+EIHD169DnHjx+/04oaIME0qGdLs4NuK/LezaeVkxeU+cFYXf63vOUtq0984hNr8P/1X//16lOf+tQa9uDPbwdAYAD6hO+Tn/zkekfgj//4j1d33XXX6oYbblh/E6Ddgg3HnQEHuHcutLTyBQAFBc45u4BAMLC1tXWncXkSXs6ly8sILCOwjMAyAssIfOEROHXq1I+cOHHiPpAGTzANqoDKnmAH8Us/1rP+QM9q38d66m36+4BPnXPnzq1+4zd+Y/Uf/+N/XH32s59db/Xb5gd98id/8idryAsG3v/+9/8V8BcEpMH/z/7sz9Z1/+Iv/mL1rne9y58Mrvsn2NBPok+O2XkUIPAXvDi3ggPQ75sBOwREUJC+/vrr7zt8+PCPfOGRXHKXEVhGYBmBZQSWEXiCj8C5c+e+/vjx4y/c2dn5WNAEUKtzsKT7IR4a4PtC39f5oEtnSxP18oM/eeUrX7l673vfu7LF/1/+y39Zb+mDvVU9bZsf9BOQf+9737sOADaDAIHARz7ykbUo5/XAgw8+uHrf+963uuWWW9bwB3bwJ85FWr+Szlc+Wxl2QQPbWAgIaEGEQIA+duzYx44cOfLCQ4cOff0T/BIv3VtGYBmBZQSWEVhG4H+OwO7u7jedPn16+/Tp0w9OwGcDNhCCYqAEdvm23MnZs2fXoqxVfWl5/dmevNe85jW+5l9v8//VX/3VeuUO+K34BQBs4AfzAgDaDsCHP/zhFSkIaBfgP/yH//CwT94MBD74wQ+uvyvQX+ehH/Oc2M5NPltwwAZ9Nsi3a2CnoA8MCwRGUPDg9ddfv718MPg/763FWkZgGYFlBJYReAKOwKlTp77z9OnTtx4/fvxzABgIrdalacAHeyAHRWAH+Fb0N95444pIp8+fP7+2lQN/+s4771yv0H3R7/2+D/vAPuAXAAR9eu4CSBcA/NEf/dEqAX52AQGdCA4EF14LON5HP/rR1Zve9KaHXw90bu1SOH9252YM9F/QoKzzb0dEQMAvQCB9I+H1wZEjRz63vb196/b29nc+AS/70qVlBJYRWEZgGYGn6wjs7u5+7+7u7l2gFuSCPd3qHhCDPQ3w8gB+rvoFBTfddNPDuwHylff3+7/6q7+6XuX3p3xW8mA/4Z8tz0d9gZ8N4O0C3H///X8F9u0C0AUCdLsBdDsCBQPS/Qmh9u++++71ebTqp52bc567F85zBgXtZvQ6pF0COwOCggKB9M7Ozl3Hjh373qfrvbac9zICywgsI7CMwOM8AnfcccfXnjlz5kdPnjx5P4hN4Ac5EATuVvmBHtzzyb/55pvX79ZpQYH37Oyg/6pXvWr1jne8Y/0u3t/s+xt+0A30AoC2/a3sW/UDfrDPR6tHzx2A4A/22XM3wGo/+CuTaGd+MOg7BIFKOxXGop0MY8Tv3NkFPcap8bMLQAQEdgcEVYKBdgf6oPDIkSP37+zs/Kjr8DjfCsvhlxFYRmAZgWUEng4j4MO+M2fOXLa3t/cJq1vgIm13BzjwBnyrXcAHdOCjL168uM6TL08a9GkCmMQP87z//e9f/ef//J/XH/bZdgfbtveBvNV/oKeDPXsGAZtpAcC///f/fkXaCZg7APkEBIIB0BcEpAUFBQI+GtS+7xAu/cjQ6rbbbnt4h8M4JM6bOEfjRBu/BPSNqbHkEwzwFRzYGWin4MiRI5/Y2dm5bPlg8Onw9C3nuIzAMgLLCDwOI3D69Olv3t/f393b2/sMMAFS0AcocLeilQd0bJADuAB/6623ru30z/zMz6y/3qf5iNWz9+q///u/vwb//LAv4Ad96YOA35b/DASmrY4dA38FAOxAThOwl56BAB/Qy+cvCMiWrrxyjtXrAemf//mfX0O+Fb9zZKeNV0GP8ZJuPAUCxncGAvMDwr4X2N7e/sz29vbu9ddf/82Pw+2xHHIZgWUElhFYRuCpNgInT5787v39/dfs7u5+Htxb8du2Dkz8AAb4oAZiVvbSrfBBPuD7kz3SVr9dAdv8v/7rv77e2vd+39/xW/G3tR/00xPobNCfq/3ypxYwKEOD9rvf/e51AGAHoAAg3a4AsPNZ4QsENqUdgIKCqdmCDeehjbe97W3rczY+xHkbtwIBQYHxEgAYU2VmINCHle0ISPdqoI8Ht7e3P7e1tfWq3d3d73qq3YvL+SwjsIzAMgLLCHwVRuDUqVM/cOLEibvBBvSt+IGJDf7AFPj5W+23ld9qHuiBDvztBPzsz/7sGvbKgT65995712DuZ3r93T1IkwKA0q34A7s0qEsrI51sluH/+Mc/vg4WgL0AIIgfFAgAd6t7WgCQnsEA2B8k2tavdgQEKr5nMC4FSsaiYIivgIBtvAUJMxBo9wX0XZ/+gkAw4GPBXhEcOXLkbTs7O9//VbhdlkMsI7CMwDICywg8mUfg0KFDX7e/v//jp0+f/iDIAw0AtSKd4OezWgUmoApgwR7wgzzoJ73n937f/8Tnoz6/2OdP60ASLAHdSj+ZYM+e0Ad6YJ3ALwiglU0rpw0iAADxP/iDP1iDXQAwZe4GtCNQACAI8KrAzkABgfKbOwDS/AIB/euDQT8s5H8k9DsGBQD03EkRCBhjOwP8BQLGntgBaBegXQEfDPo+QCBA2EeOHPnA9vb2jy0fDD6Zn86l78sILCOwjMBjMAKnT5/+hjNnzly1t7f3aat64Cet/gHIO2h5besHflACdbBqi78tfatc4JdvpU+/4Q1vePj9fr/YB9CAHPA39YT5F7IB9pGklb8dBUBWzkeAIJ4IBNoFKBBQdvqkW/mzgz+dLR/wCwbaYaAdi9/xvebwjYMfFnr961+/HlvjCfrtqBhLYyud9HpAQCYQEKTxuUZdu4M+GNzZ2fnksWPHXux6Pwa30dLkMgLLCCwjsIzAk2UEtre3v/XkyZP7e3t7DwEIkABIK0yQ57PCn+AHJWlAb8WfDfRBn4/96le/ev0f64CfH+3xVb+V8Pyif0JfMGClvgn7fEFe/rSlAX7TL8AAXYBu9S8guO+++9YBAPAXBNAATgM/aBcM5JtBwQR/9qaeAcBmUKBvxsFOiHb9B0SCgHYD2MaYuB7turhGBQL8goECAfC38nctvSawS9A3AvTW1tZnjh07tu/6P1nu1aWfywgsI7CMwDICX4ERuOGGG5558uTJ2/b29h7+sA9AWlFaSfb+GejZwANCoO79vtW+lalVfqt7vrnVD/y/+Zu/uQYy6PeOPwhvakEAH6gHcUCf2/sFAcplK/tIArDaAGWABXHtFwC0/U8XCLRSnz5b/QUC7QjUHt2uAF0AwO4VAR/4K1sQQBN9ci5egwgE2P5DI2NeMCAgMN6uRdejnQKBgCDAdSsQAH/pdgJ6VVAgcOn1wOe3trZu29nZeeZX4LZamlhGYBmBZQSWEXiijsCZM2eeu7+/f0+rfStG2/zSc5sfdIAfcEC/NOC0zS8QCPwCglb7AgDvtd/97nevv3634gc1H/YBPBhPDdDgPcE/4V8wsAl47RD1Kr9Zpm1/8FWuYwRh/x0wQJMPfehDD+8CzKAAnJMJ/mlrj/BN+M9ggL8gYQYAgo0CAVoffQvh9YAxE0AZ23YEXBO26yIQkC4QcJ1IOwKCANdWUMB2rQUABQUFA35caGdn557t7e3nPlHv3aVfywgsI7CMwDICX+IIXPqw73n7+/sfAgMgaKvYNjI4AEYrS4FA4AcagUBf9NNzxd9qnxYM3H777Y/4YV+gBn/Qp5NNcG+mBQEFCvK0JV1wIBDgl84X/AsS1AFYsJfH9gqgAGDqgC8Q4JeeuwHBn04KAMoL+Gn5YD8DhNL6wp6ij/re7yD4QSQ/LATwrksiECCumWvoeinjGtsBcD0L8uwCuN69HhAI+IsBgQAfuf766z90+PDh57lvvsRbbSm+jMAyAssILCPwRBiBs2fPfuOJEyeu3dvbewD4wYDu/X7g5wMNoBAIgIm0VSeoWPHzAT/oTOhnzx/usdUftEA3yG/qAoLgHfQDeEDPX/np3yxbmlYeRGnpwMvHBlt/BWDlH/ynHfgLBqzeBQGlsyf41ZkBgTzieOq1A7C5M1B/ChIEBOwCFv3f/GCwQKDXBMF/BgKuo+srGHBtXfsCA0HBDAQEAwKB/npga2vrga2trWuPHj36jU+E+3npwzICywgsI7CMwBcZgRtuuOHbTpw4cXZ3d/chK77eBbcSBAICIIAAHNJg0VYy6Cdzxd+WP/D3YR9Q+TM+4PenbT5o8w57E/jSYE9PUG/aMx38N32l+wZAWtu0nQF+4Ne3tDyAbvUPrgKAVvnBP60sUNOt/tMFAVMDv6DCMUmBAK0cXRAyA4GCgXz6NUXd0s7N+PphIeV/8Rd/cR2UgX47Aq5r19T17JoKBIhr7V5oFwj4CwT6/YACgUs7Aw9tb2+7n77ti9x6S/YyAssILCOwjMDjMQJ7e3vPOn369O1N9CZ48A/87QAAAPC3UgSO4G+l3zt+sA/4dgP4A7/30mAE+lamoA60E/qb6fKC+tTamjsBAX6WyVZ25k9bHlgCrfb0IVEO/NsBUMY3AH5ymIB38KcBFvwT8OcHZPaEf2k6+NMzIJiBQYGA/Oz0IwUCBQHqFPj0waD/IRHoCwJcT0GA60nL67r3ekDaPWEnSKCY7T8gmh8M+l2B8Yrg9sOHDz/r8bi/l2MuI7CMwDICywhsjMD+/v4PnT59+t5W+6AP8MBPTPRtAwd+YAACQUBf9Fvps4N+2/uB/3Wve93DH/b5qV6rUMAN7AUBm+CXDtrBmg/QQTqYBXi6crT8ykiXV/nSjlEAEPzlBV7ABvMJWgEAqIMqKRigJ/gLBpQl8ib0ZzBgpV8g0LFpftpxlG9HgF2f0gUB0hP8m2ntGRv/+VAfDLpurivpOtMzGBAgFAgAfzsCbPeRoAD03UubHwzaLdjZ2bl3e3v7hzZuxSW5jMAyAssILCPwWI/AqVOnnnHy5Mnn7+/vfzi4B/7gbzK3+mt1LxAozRf4gQH851f87MSHfb/927+9Xulb8c//ijfoT11AEIQDdTpgT6jLA+/KpJWt/PRl05Wxstem4wKlIAM8W/WDdjAFWGUEABP8BQLg3K4AmBcMHKQDekGA8gUH+YK/+tkzOGDrT/1iJ/mUqf+OWX0+x/FqwJ8R0v5LYoFAOwJ0AYF7gG1XgG2niHa/EPdPHw3O1wN2AuZuwKX/lvjD29vbz3c/Ptb3/NL+MgLLCCwj8LQeAR9k7e7uHvJh3+aK38Rt5WYSFxSAPOgTkJcmrQ77op8GixkASHu//Lu/+7tr4PvFPlv94HoQ7DdX/YE5UAfpCXNtyVd35s8y+WvvoLQ8wcMMAAo++MCRDqDS4ArG/jfA3/u931uDN/in2w2QZlv5A3s7AO0GlA72aeBWXv184M+/mQ7m8gsE1Kuf6hQI8M1AQLnSztN42A3wIabA7Y1vfON6te/aW/WTdgQKBOS5fwoG3DPuJYGAwNI9xfZ6YO4I+GDw0vcCD+zs7BxaPhh8Wk9Py8kvI7CMwGMxAqdOnfr2EydOnN/b2/usidmkTNgm7lb3TeC2dE3urfit9uZHffPDPuCXR/uw71d+5VfW4LHND/w+7AN9q+tW9wEfeGcePwAlm8A+yN/KX9mCArayjlkbU8urDDv4Kw+Q2gmU4Cof8IGSDqZ+CpgtCCAADOhBv12A6VOfKFMQoI3aZQd4uh0BbbczEPA3tTKJ/tdPOnsepyDBeRUIaFPauNoN8J2AtlzXuSMwdwUKBNw3ggH3TcEjn3tNUCkQ8ApAIOCDQbpdgUvfCXx2a2vr/LFjx779sXgOljaXEVhGYBmBp80InDlz5jlnzpx5k9WXFX/b/SZlvoBvVScQaHVncjeRW92b3MEd9IFe3uZq3w/3+K9qQRX4+8U+cAdTMAn6dCvsfMoF9+AczKWVIxPa067O1NOubG2Wroz+gT8BP/kE+GggDtryg6m/Agj+fNOWnoFAq/l2BqQLAOjSjpOfjxQQaDMfrf2AXjBQAJB2DkR+tnamaCdxfvN81ekXBo3TW9/61vX1dx+0IyBAbJeoVwPl0e63zUCgQNR92asCQQDxemBra+sN29vbz37aPKzLiS4jsIzAMgJfiRHY39//kRMnTtwX8IHe6sukS9hWaSbnVmwmcJO6CXy+3+f3YZ9tfSIQIKX9j3RW+cBPg2rAbsVP88089ib4+UA6AEtP4ZeuLXa+zTrS2gL12phlq8sHbFb5gVL7IFib8ghIAiSYyvcKwH/EA/zAXgCQBlm2eu0GFACk5U3os8F9+hwr8LOn8EsXADySFhA4P33aDARKd/4FA9qa52yc+mDwnnvuWd8D7pkpvR6wAwD67i/3WfcgH9t96P4EfMForwboXg3YLdje3n7P1tbWD38lnouljWUElhFYRuApOQLnzp37+v39/ReeOHHiY73fN9GaZK3uTbzAP9NW9yZs0Leqn+AHeRN7oKdb+d9xxx2rf/fv/t36P+bxN/yg4OdnN4EPpMF/5rGDK6hsghm01a1MAA/a8medg8pVp7wCi/xpx9eefHB33BkAgCL4gywbQIOsjwAFAARgwb6V9QwCQJof9K3uZ0Agr2CglT9dAEAXFAT+oK9NbTm2PH594+ern7R05dTpXJRlT5+0scgvTxt8xNj5RsB3He4Dr34KJmn3TYFArwcKBNx/BaPuy14PtAsgDfx9NHjp/xzg++jW1tYLlg8Gn5LT13JSywgsI/DljMD58+e/aW9vb3tvb+9BEysxiZpcSSuxCX4+EzSgk4Pe7wf+ypjk/Ve8Puzzbh/4QeAg8E/oB1Q6f/AOwptp/unL3tSVA/HZ1ma50pWZ9YKaMoIAoAv4NH9lAJG04hYAgCrwFgRIFwgE9tJgG7RBdVOU11YBgLLZBQTa51O3QOAgHfyVq7/aUL+AIPgH+s5vnmN9bAxKNzZ2ffxJp777YHDuBggGCgQEAO472n1pB4q4X+0A2BFol0DaPSwomD8udOk7gQd3dnYOHzp06Ju+nOdlqbOMwDICywg86Ufg7Nmz33ny5Mlbd3d3PwfuTaC0CdTEaoJtG9ZKLPCbhK36+cDfJD1X/PNv+e0K+KEYE75t/n68ByyBNLBLkyCfXzrhmxDOPmgXQN5c6UtP0FeXBmlSPnvmO26+yjkf5YGNr/4rS0CTXznglA6QQdRHgGzwo0k7Aum5E7BpB3w6oNMAD+psx/5iomyin0Sd2qhvwM9fAMBf+YKTGRQo55z5Av8MBNSVNo4CAQGh8r/0S7/0cCDgPjtoR8B9OQMBafduOwIFBj4UBH6BQK8G7A5sb2/7YPDmnZ2d73jSP8zLCSwjsIzAMgKPZgR2d3e/d39//y6TpUnSqslEKm0SFQyQuSUL9KUDP+ADP9iDfNv7bfX7sM97XiDtwz5fhROABOfAPvUMAviDbwAOzKU3IR/QKze1OtXj13blQai0PlRuHl+ZhJ/t+KQAAPTkBX4a/IBuwhA8BQAga1ckyM6dAL4CgQlYtnr5BAaOIRAoGMjWRj7wFhyoly1NlJtBQAEAX5B3bpviuOry09ou0Ol8Z7qxmIEAm79r7y8HjOGv/dqvPfzhqPtv7gi49wSiBajuY/ntWPX6yj1+aeX/8C8M2hngExx4XXDkyJE7jx49+pxH8/wsZZYRWEZgGYEn1QjccccdX3vmzJkfPXny5P3z/X5bp+Bv4mwSbeu/7VdwB3mBQOC3Kgv6U//cz/3c6t57711v7QO/ybwfiAHMYG+CN+HT+abmD8IAG6gnxPOXl55laiNdmanZU5TVdnVAnOj/tGcAAHIFDupVjj/oBUew5PMRYNAFaTaITikAyLf5OkC9fDMQ0H5tspPATwd5bc90wKf1uXR9rS/p4C+d7Xja7JzZjUV2QcCmdu29GrIjYIwFku6xXg+4L8FeMGqXyr2bze8+Bn73sWDWPU9Af74e6INBOwOXfljovu3t7R95Uj3cS2eXEVhGYBmBg0bAh31nzpy5bG9v7xMmQhMjMTESqycTpUlU2iTaNr+J1KQL+ibewE/zB/3e9QP/7/zO76y3cvuwzw/CWPFPsB9kg+8MBII/oG6CWV7gD9CzDJv/oLqVm3CvfHl07YO4doK/Y28GAeClvDwSLEGuICDAASAgEvkCAKv/wJrmOwj8AMsP9EFfW+rVbv6A3+o/rax2WvnrB5GWR+frXGh1Opa0smA/ZQYA+Z2z9ugp2iqtr9qkGyuaz/3StyI+GHSfFQi4R9kCghkI2BmQ126W+xz43fsCAff8ZiDQ7wpc+hPCj21vb7/w0KFDX3/Qc7X4lhFYRmAZgSfsCJw+ffqb9/f3d0+cOPGZwN+HfSY+EyDQB34a/E2kwG4C9W5/rvgDPn9b/j7s+4Vf+IU1HEDfx30ma0Cc4AfNAAmo2WmTPHvCWBrIkwA900F++qZdndnu9B1kqx/k6eyCgHwFBiCmDuDpM2ixgz/4BbWgqAzxEaCgaQYB7JkG7sBPl54+NqAWGBQEFBQAK7uggC4goAsGtFMAMDXYk/qdzq/tzi3tGNpLgj2t/ExPu7FKa8/xXCt/NdAHg/4L6AKBdLsA7lu2oNa97P4m7nu7XQIBz0WBgKDAbgC59KeDa721tfXg4cOHd6+//vpvfsI+7EvHlhFYRmAZASOwu7v7XSdOnHjV3lCcTqkAACAASURBVN7e50xqrXJMdCbDuc1vYjRRmhiBX7ptfpCfK/5W+b3fB/5f/uVfXoOvD/ts2YJiUA7qoNiqn52UT09AA2xpNri2Ig/YfI5D5/tS9TyOdkjQnjrg8+lHaTYJXs4rWGkL+NVp9Qt6YDjhKQAAWkHADAQKAtKArpzVf5Cm2w2ggZxM+CvjuCR/4J/BgHLS+kqAPXtq5fS/YKAAoDrSyhiH9LTzFQCoV0Dg+PkbUz6BwNTGXxDg1RL/XXfdtQ4E2g2g3c/d0wIBOwDu/3YEPAd8AoGCAuD3iqBAoNcCl14NfG5ra+tVnq9lpllGYBmBZQSeUCNw8uTJ7z916tTbTHB9BQ3+fdjXat+kB/TSJkgrJyt74A/6wO/DvvnjPcAvLe8d73jHenXv1/qsyIC/j/v6wA+cTdQT8gUBacAsWAjeE+jqz/S0lZdPa2eWLVhQvjrpeZyZX3vaIcCtXW0VDJQX+FuhgpXzUJ6t3SAfuPj5wJAE0AIAoC8QoMEaqAsAAq002BcIAOqU6gX7dEFAgYB+bQYCjsFPgr6+TNux+Dq/GQxs2p1r0C8QmGnjUt+yp2Y3zrS+FBDI84pJMGD8/RfR7uECgXYFCgYEuwUCgl7PgKCACAIKBAqa+4nhSx8JPrwzcOTIkbft7Ox8/xNqAlg6s4zAMgJPrxHwYd/x48d/7PTp0x+w2gd+k1eTmsnOJCcoAH0rIWnaJJnPpNkkadJstS8wSLx3fde73rWecK34TbqgaeIlQR0cHwn68kByQph9EJwrQ0+4V34T3vogT/vlpWcbHas8OuADfZCfdj7HAB/noV6aX/mAJ096givIBcFWyn4KOPC3CyA9RVkgB3/Q3gwGSrcbUEAgHfC1x6a1VWAQ8AsINoMCwFUn8Jd2zPo4g4Fs+epIO2fHrl+N08yf0FdWetNnPNUtAGh8+QShfkzKx6Y+QHUPu5dBn3avB/1eDXgG2hFoh8wzZAdAukDAtwGCgf5i4PDhw+sPBo8ePfqBw4cP/5jn8Ok18yxnu4zAMgKP2wicPn36G06dOvXivb29TwK/SYy2nWkC64t+fsFA4DcBmghB3cTYih/87QC0vU+X7od7rPS94zfBAl8r/uAPvIH/i9kFAkAJzkE9+6B0ebNOvsoXXCgzZfqV1Wf5QT6tXLAvKCitz4BTu+x82gMrIJLfirnVqrIBTZnAJ/++++77K9AlAoCgOu18oCoISBcMAH3AZRN52bRjAuumKJdPEMAuGEgrw+689IedZte+frQTwDfTzp1Uvvbyz7ExXvL1p7HTLrs+FgDwsV1H96BdAfer/4nw9a9//ToAcI93/3sG3P/tAHhuBMvtAnhm2kUTDHgtIG0noPT8E8Jjx4598tixYy/2XD5uk8Jy4GUElhF4ao/AqVOnvuXUqVOndnd3P/NI4DeRmdBa3ZvoCOhbCYH+XPEH+rnq5/OLbCZa0PfDPVZYc6sf9Cbog386yFeGP2AHUW3kO0grx6+t8qtb+tFo9auXDvoT9NMX+PVRfRL0N9PKkFa/wStA0UEsAAZUrwA+8IEPrBKwJUG/QAD48xUEgCtpZyANvME/m852XRNtZs9dgaCvn8nsGzg7dn2ipfMXBNTHtHx5m9AvrY/ZjRmtjzOdXd/mWGvffSEI8J2AY/tg0IpfMFwgUBDAD/qeGbbAgPS6QCDdjoBdAc9e3wkIBC79qJAA4TPb29untra2vuWpPRMtZ7eMwDICX7UROHny5Hfv7e295tSpU583EbVtCfStXkxYJrYmOZObNOgDetBn8/XjPa36BQg+7PNftoJZH/b5dTbw5mvVb3LleySZ0GcTdQJ6EN5MB/Pp53PsmVd+bc72gn150tlBfVOrn08QQBwz4G/qggFl2M5PGeDRFsgRcApMgAVuypQv7c8AA2taMJAtAGAH2gKCgAtuBQR0wq990g7Apt2rAFreTAOuYziH+sJWLujKdy71bab59cH5qpPNz0ccI9grk/DJL68AoPLamD7+xr/xbuxdS/epV1bqvPnNb16/7vJs2BUoCEgLAmYgoFx/NWAXwPMH+kQgAP79uuD464HPHzly5DXHjh377q/aJLEcaBmBZQSeWiNw+vTp/2dvb+/uudo3GVmtWIm0bTnBPwMBE1nw9/Fe4Ad7AQAtAHjta1+7euc737mG2V//9V+v/ytekybgA1wA5gPKwB80pYN+mg94K8MOxFOzHSOoK7/pk34kUb66j6RBQL+UZTseTepf7cgDEfqLiXEh2tYWaOkDG6RAiNZeMJtgljf/O+BASwsCgn8BwIQ/WM90QYD2iTo0+LMLAthAO3cItAWiyWYgEPDTta08O/A7n2QzKDA2jks3BrQ0Ua8xUi6bLu14IK6sOvWXr4BAXvAvGKBdJ/ekXQHX6O67717vBvTtS9rzIxjwbBUIeL6k5Xn2BN0FAn0nIBDop4ZHICA4uPvYsWM/8NSamZazWUZgGYHHZAQOHTr0dadPn37e3t7eh6w4wJ+YdKRNQIIAuwB8JqkmJ5MYyAO7rU4TGTv4y7MTwEf8VO+73/3u9Xv9PuwDQuAzYbbi5wO5JGgqVzAgLxgG4k1o8ytHJ6WDvjbKm/X5HJevfGWltZHWp+rJV2cT9PWfrox6AWPa8mc6mPAn2u88AKtgQNngFMQCYKAUAHhXTYAXyEGV9FogHWyVmYAtEKBBNZlBgbqBV1/Up5MCAlDdDAjy5dcWyKa1yyabwYC0+vnrGx3ICwIaG33SPj0DgWkXCDS+jjF92jb+m8GANlxPHwy6T/xX1IJgkCeeoZ4dwCeeMc9agUCvAzyPvQoQCPhI0LPK12sBPn9GuLOz88GjR4/+uOf7MZk4lkaXEVhG4Mk7AkePHv3GEydOXLu3t/dAW/y0Scbk04rfJDTB36QF7iYuE5hVP+gHfqv9Vv+0L/pN+N6PWvH7sM/7fUAL+vRc2Qd60AQ7onx2ADSpAvTU5QXuAD3T2qrOrJ9dncrM9KYd4AN/mp8902Cgf8E/e0KfTQAm6E+tDglk2tceKAUm4AGjIAdQAOcjQGAtAHBdSk/wB1hafrAF1hkAsIkyBQBTs0ngTxcAqMdX32nH4E/4nAvRj+ypC3CmVm+Cn92YbWpt6UfQnzZf/S4AOEgrx18goM1s18g1syMwPxj0Co14jjxbgmji2RJ8y/P8CQw8n+3CsQUGgnPPqt2APhhktyuws7Pz6Z2dnasOHTq0fDD45J2ul54vI/CVGYEbbrjh2/b398/u7e09ZAIxkVhFmGzAv9U9f+AP9Cam3vlb0UuDvslLGviDv1WOH+4xIVvt+8U+E1/gB7TgzzY5TujPYABIy1NuAjioHwRu9WbZ6s46QFvdqSsz67Pz11bw1w5fwJ/QVwYIAvsX046hfNDfDAQchygnL9CwQY8OZK2Ag6UAIOgH2JludwBoBQRpZdkEoAP7DAjYjjcDAGnt0+oG0rS8bMfQ/yn1MV/nkdYmO+1+0w9SMODYpdng75jZaT7HoRu/bHUKBAJ9413faL78rqE+qMsu7br5RkBAbKz85UuBdYHA3A2wI9DrgZ7PXs15dj3Hnl3Ql36E1wMPHT58eH97e/tbvzIzydLKMgLLCDxpRmBvb+9ZJ06cuN1qoS19kGcDfROLiQfkS7Ot4gFeIMA2SdGbK34+AcBv/MZvrGHna37iwz6wB8KgTwMcsKdBLdCng520iXMCWd5MszehP/Ornwbi8vNJs5PSU7MD/NTs+ssur8n/kcDvWMoobywAZFNPHwCpE+Bo9SeAghn4gF+QLAAAXr9zTwf9YCudH1jnzsC0W/1rX92Z5gM3GmBJgUFpfSQzCMjnXOrPtPPNc3Ju2tTXAgH5xkV7c5zy8xkb9dR3DHY+ur5MW7mCg81AIPhv+rv+jpNNu1cFAkT6zjvvfHhXzXPnORNkCw4KCPomwLPL7znN146AnYBeDfQBoeDg0i8Mfn5ra+u2ra2tZz5pJq+lo8sILCPw5Y3A/v7+D+3u7t5rQiAmDiIQMHGYQEwcJpNW90060oG/1b7tfpBvxQ/6gd8vo9net+IHfXagB7TsCXc2aMoPnvmk2YBrsgQ9NgHT0vS01atOkFffMaqfrm71p5/NXxvS2gnU2bUd9Gl9MKkfBH15069fBEDUpdUNKOnGCJCIssFfeT5p5Sf4giUACQCAOviDbwL8IB1kab62+AOsdPbUBQCB33Ery+c4IFsgQGcHW8fMprUPuol8dn5p5zWlPvGxZwDg+DOd3Zhu6srrC7BrswAgnzS7Php/9tTZrpM20mzX0bMhEHC/eY56BgUBCR8RiAsICtw9u57hdvHYwA/6dgbmXw4IAsilvyS4Z2tr67lf3syy1FpGYBmBJ+QInDp16hknT558/u7u7ofBPvCbMEwIrRhMHHxALxCwzdjqHtTnit9qvy3+qf3wyf3337/ezvQ3/LY1+x/5TGpJkAO/g2QzKCg9gRykaW0E6E1d3vRny5vtsBN9BPPyA3/5gV2arSxRLptfOyb4CXm2Y09fZRubNFiwpwYZx6WDlPoA5lgk6ICRMhNewdBHgK5X0AfggoE06ANrMoOA+Vog0GqLLa8ggBYATAn+2mWXnoGAtvSf1Me086tPwTY9g5zOVZ/4aT5tBnzHrm/5GjN5jXG6/gZ77WXTU7oO6gZ+mvDJ75rR2qLleV42f2FwBgDsGQh4lj2/BfbSRBCQ2OXz3G/uCvRLg9vb2x86fPjw85YPBp+Q0/nSqWUEHt0InD179htPnz59aHd39+EP+6z0QZ60/d9qv/eKgd5EYoVvdd/f8c+AYIL/9ttvX0/Q/ic+0Lfinz/cE/iBEczAL6in88nf9AVd4A7egXb6yktrkx1wtVMePaU8vvrZcdMgmyjD3tTlm8QDfBO8tHx6+gJC0E/zZ9POZ1P0DSy0OwOAwAlG8oNNEJT/rne9a/3fAQsCAj7ATjvgBltaEDADA3bBAMCqUxBQOsAWDPDzSU/oB9eg3HnQ2k3XL23oE5BOXX8BdYrjdmz+gE9ru37S5Rm7gwKBxnUCn62e/uTXbtd4U3dd+N0TBQDdH9pyzT1bxDh73goEZhAgGOg1gOfXc253oB0BacGBtABg/p7AAa8HHtja2rrWB8KPbsZZSi0jsIzA4z4Cp06d+vbjx4+f393d/Wzv/9rmF/m3zW9lYHKgQT/w0yaV+Tf8B634fdjnf0Izufma30qlD/sAH7DANIDxSYN7EGMDaGk6+NPKB19aOh+Ilqa1U17+zTL5a7O0upu+2tL/oD5hr7z+8k0xcQf42ixdnjTZBPxMa3vCAkw6Jrv8jhGsWnEqw+YPYEENAOXde++96wAgAAP/3BEIsgUE4KNs8GcH2rQyMxhwLGn5wfWgnQE+kJ2A1n4BQfB3v5H6Vlo5x3BenR87mUGAOjOtfGPTOJZWPzvgTz0Dgwl8tnLT17VwXbVL60d9zBf81WcXFLgnvUrzesA5+GAQ6D2v7dj1fYDnuB0AZQoEPP8CAQGA+cCOwPxg0JzhlQDfpW8FHtre3j67u7v7bY/75LZ0YBmBZQQOHoH9/f1n7+3tvWFG+BP8rQZMACYEE0Tbh7b4rfSDfqv7PuybAYAyPuwDRe/3gd+Kf4Ke3aqfDuYT8CazCftpB186W93sdPCbaXbpqfVp5qkL3JWpLRqcy3ee6k74T+BnKxfYm8DVC/pT8xMAcF6ltcFXHhtAlElK6x9fZTqmNAGI4ANSgY0OlO973/seDgCAH3DpRDrQFgRIZ2un3QBaXumCAGAvCMi3GQwA7AwK9Df4p7WdLT/wq5tdXzs//glX/vK0AawFHLT0HKvATyfGTxlwTh/ka+zT+qIczUc7nmtVH7t2af6u69Suu+fFbps23/rWt66/vfFM29FrV0BQ4Bmn2+GT3xwhQDAvgL5AwK6gwMDrgH5h8NLvCPTR4O1Hjx591sEz0OJdRmAZga/6CBw/fvyH9/b23uPB9WATD3UC+KJ/fuCXDvwmDBODLX5gB36wZ/tp3im33Xbb+n/ks/oAfqt+8Gy1f5A2UQGkyapJiwa4CXzglAa1IP1otfZnPe1LO8Zsg2/6Z52DygV2GphLa3emA3vwd3w2P7v8jt3kHuTppDxa3U0BDu1pK7DoC+EnwSTQBBvAaqUbBAUAgB18CwKAlgA9zQ+uAK4sf0FA0OfXVpBNO6Y87RQApOsPuCozNRtgtUNP0Za0c3R87dDSiXRj0fmWpvkAeAYBpfPpA8Buaj5iTIljFhDoV7Z2uk7KZG/q+pVf2+4B7XRPdH21yc7vGxtBuHuiDwYFAAUCBQPmgJ5384B80usBuwECAWmBgLQdAD4fDvaKQEBw7Nixe7e2tn7oqz7ZLQdcRmAZga/5Gh/27e3tvWBvb++jQX+CX2Qvom+1D/LsVghW+1b9AoFW/2AvEPALfWk/03vHHXesfuu3fmu9vW/FQcAwaKVnAACA4BXklZnp/AFOfkBOg3K2chPS01Z3pvVNverUP/7ZpjK1z6+8fgfUtHpsWpnsIE93vtkm6PKVrw9Tm8Clp2aDgOMQ/SutzezyAEL7wSEwAMoETgADSnlp/xfA+9///jV8QZ5NADYB9WwaWMkMALKBPfAXWEzfBP+09UcAUBCgv4n22MDq+Olp648y9AwMsusT7VilGyc+MgOAaQOy8XQMdn1jJ47leiQFBTPt+nVd0o6T7foXDLATbfBLFwDMa+4+8c2N1wOerfe9733rXxgEf+K5pzdfD1gkCAJaIJg3gL/FhGBAEGBHQCBABAJ9MHj48OEPb29vP998tMzLywgsI/AYj8D58+e/aXd39/De3t6DgN+DOlf7wO+hFuV7oIHfww/6BPSlvcO30gd8q36wJ6973evWv9bnh3tMqH60B/StNPrhHsAE/An90sGdDmT5QJSdnuCeMD7Izpeu7mZ60y9/s4x+KTf9gZomygR/6Ww60PNnB3wTM1vbAdnEPWE/A4H8jgcQ6kzQb9ra0jZ/fQWhwBBAAg8w8SkT5KRBTAAQeAsEpm5H4CC9GQRITwmyfNntEATcqQsIgD3A0jMoYDsfUgAwbT4wJfUlWzntOXe+jlG64KAxMp7Tlg72dG3k0x7buNdHdbK7Hq4bqQ3tkPy0a6xfE/zs/PK6T2jHIWz3nmeVuJY+GLQA8MyTVv7mgXYECgIAP7vXA+0MHBQItCuws7PzwM7Ojg+Ov+kxngKX5pcRePqNwN7e3necOXPmZh/2tdK3TQfurfZF8dI9wB5uQUDQ98Db4gf+VvnAzyZ+ohf8f/VXf3UNGD/aA/6bX/MHLwAF/eA+deA3GbFnXvYENaAF46mzA2rtzrpsUN70ld7U2pq+4K4N50aT6Q+0Jths7ST8Tb587MBu0pamE21kB/4AoCy7c50aBBor5dj1RxoEtKs+qASdwBeQAATw/BVAAcDUwJHwA6sgIFuaDdrsXgm0EzDTQd/xlC8YKA2ywT/Np306UNN86cBK60OiDt8MAIxFaVra8Y1DY0GrN9O1FWDlzT4F/4N0Y3+QLlDQjy8kMxjI7r6h9Yd07QsCaPe451Pw7px9MFjwb44QDEg3b7RDaD5pV1FA0HxjsSEtICB+YlgA0P87cOk/I/rszs7OzTs7O9/x9JullzNeRuArPAJnzpx5zv7+/p0eOMD3AAZ8aSv/HlD+tvhs64v6BQFt8Qd6AUCBgG1/4Dc5+B/5TBje7/uanx3s2ZsiD+wmoPikQR5EZ/4EP3DJN0kFNGWltZGujHS28tIHSW3Iq91pzzYCJ98Uxy9dP5XVdmLCfSS7CVo76tEkf7pxk86mg3+aTz8Ogj+/Y2hDn2j1goo6oBagAhn4gcJ8BdDKH7yDfz7gJdIgPXcE2AUHE7LsAgF1ZiAwgwA2qAI4TQoE8mkr8G8GBMoUBNDZ+ZU3HtpwrGzasTb7Ij2DAGOmjcZOHbbjKEcbX2Vo6exAz1c5x+268LG103WjCb+yRDuuLR9hJ+qS+uc+mOI+9d2OQEA7dvYsDNoNMD8ICAoK5LWwMKe0oLCzaL6hzUPEroC5SXCQ7lXBiRMn7jx+/PhzvsJT4tLcMgJP/RE4e/bsj5w5c+Y+D2DioSQePKD3YPawgv1c7XuH78G2xW9b30rf6r7tfduC3u2/6U1vWk/MgO+He/rPeTZhXzCQP6iBOkClA9lMB36wCsa0Nuh85c80HwHk8ktXrjY2tb7km+0ApvY2dT4T5gwAgv3mpLoZADiec9Kuso1R2oTNVs4Er0+Nl3R2ujJN+nTnQZd2PJN/QAgagSMgBTEAkweI/gwQ2AF3Qj7YFwiUnhrcCwT4AZdoS9ukAICWlj+BKygg8rQhT/1EX9WhiTLOg05K08p2vtnpOS6dvzqOLe3YjgGm9TG4Blj5gXZq9bUFsGn29EurM69ntj4XDLju6tGJ4+dju9ZTa7vrT7v/HKt7Vr77pA8G3WP33HPPwz/f3UJhBgPtDJh/gN/8Evj5AF8wQEDfgiTtGwG7A8qcOHHivlOnTv3IU3/WXs5wGYG/xQicO3fu60+ePHnZyZMnPzah36q+KN2D6IFtO08kLwCQ9gCD/3ynb8XvC/4+6PvFX/zF9Z8NmVCsCoDfV8SgF+A3gV8awEDVBBLYD9LK5J/QCshpebW36ZtpfVMWdPlrM3uWzab1s3TAD/RBntau/ES6yTMtL39a3px4HS/gp+Vnm9CV2ZRNf+cXIErTypbWp/oHCMq7rmzlQIUNSoDAJsoQfwUQbIE4qE4N3spMX7YAoSCgnYCpCwLoRFvZQDt3BqYNth2Xls7nfOoDWzszHVDlseULBBLnrg+Nw9SOUZvGSt00W96EP1udfGzllUsAOJvuutZPumvHdu1mn9ja4Hcc2jHmvceWx6+t0u4P/u4T94770TNvZ+C+++5b/7WPecX8QdjNN+YV8415yDxjbpqvCAQABQl2AoCfj+67AYHAsWPHPra9vf1C89zfYppcqi4j8NQagQsXLnzzuXPndk+dOvWZtt5a6Yu42SLwIB/ovdsHewLytvNb7feev5X+L/zCL6z/cxF/v28iCPx+WQwAN8EP3iYJ8Az+oMWf3rSlgZEmJprgO+3pC2R82i1Nd/zqzrxsfa+9dOWl2RP02cCZPXWTpPNIAn/ptAlW+7R6+stWnpZONoEvrdymX3smd3nsTQkc/IBAAk9AAAttEOUBZZYBseBiBwBcE3/tMVf9oCqdzlZ+s1wABlkgn4EAX7sAwT+treroW0EATbQLqlPUKS1fvY5Pgywd8ANtaZpPvQKB+pPWRiCnlaWnKBPwjTF76q6RctldM76uZ/2j87lG7K7V1F3bfO632a+ZZhP96v6m3WOeEX85YB5wfX7+53/+4deGoC8QKDDom4ECghYp5iUBQbsDvZosGBAI8BGBwMmTJx88ffr09vLB4FOLY8vZfIkjsLe3911nz5591dmzZz8nuvZAgb3I28NEe7iKvj14oC8tSmeDvtW+d/pW+d7nt9L3Xv+XfumX1h/1vetd71o/7Lb4wX+CH6Q2A4DARQd0GrDSJo/SlZEGp+BbGT7glE5nl96sJ58E6NLK8VWerZ+la09fTHLVfyStvAnxi2ntK2My1XYT6xyrGQjwK/doRNvqmvDZJBCY7PPRgYTf+TWx1x9+ElQCjnJBDDgA6J3vfOfDAQD4FwjQgACiQC4d/PPPAKC8ILwJ/wlegNWGNvnZhF//kgKAAgJwVZ5W17FoaaKecyLysmltG48J/trjC6T1gc5HB1d1tNc4po1togw7zXYNtNO1S2uL7Vrrn+PMICA/7Zpqo+ubnr762b1ATx/bfaZPdOLZ8mNeXgXKe+Mb37iee8wx5iDwb84REJQuGDAnkb5JaiFjHuMD/wIEuwPSOzs7nzt58uStp06d+s4vcepcii8j8OQdgbNnz37/uXPn3tbDAf4eqlb5dIFAeUHfQ+i9vnf54E/6gl8A4MH1Xt+HPlb7JjJw9mFf/xVvf84X9IHqkWwTg/rgGfhBMOBPPSE1YZ2dVp+9WV4aLNOV58uu3kE6n/Yn7AsC0uVJNwE6hnql2TPNb5xMqAE/W3/LY/MrH/j5TNb8dH5a3qMVbepz8EibsEkTfYEDkPArN8uAVoATANgCBtkCgKnZrcIn5IN/vplmB3iBAMACMi0tr6BC28Ffn5Sh9VEem5aewg+wifazJ/i1J11AUD/45CUFB2BKtH+QVs8464vj0Y278nzGelM3/uo7lmvCnpqtraCvXNI1LRBwHzmedmcgwEf4tOWeI/UxzVefuudp97y/+rFIcH++7W1vW4Pd/BPszT/NQ7Q885cFi8CgdMGAOayAwE6BnQFi/vPNgF2Bvb29u3Z3d7/3yTurLz1fRuALjMAdd9zxtefOnfux/f39D3hQPBQekMDvASEeMg8REXn3MR8N9sBve99K30d8NOjbunvzm9+8Xu3fe++96wfear+f6vWur78Nbkt/6gKANLCDWtCfoDdJmBzyAVjwpad9ENxm/qat3enbbHuzPWX1p3LBneY/KA2iyssnJj7pJsDsJsbgPjVbOyZS5Wi+JuOpnZN0mu0YpIm9dDq/ssAQ+Olpy6ufHbO6QCCfmOylAxewsP1vgABLCgQAvCDAChus5fNN0IOpNA3i2dPPVjfQFhDUJj/YTikgSNc/Wp+J8tJAy547AXzSAMumE/0h0sbA8dN82pKu3cas/kkTIFU+oE6tf9LGXDtTZzuG+l2fg+yuo7KkdFpbXXN9Yte/bP1QnuYrGODL1g7pPmG7V/thIfe1vxAy7/TKkbbz2PwE+nYLzGfE/GUuI+a1AgQ28NPmP1IwQO/t7d1/4sSJHzVffoHpdMlaRuDJMQKnT5/+hvPnz7/4zJkznwR+DwKw2+730BDBgAemaLogwAPX1r7VfX/Gx/bf7lrp+6DPNr9I3QQNIKL3//bf/tt6O8/7vcAPdhPw2TSYp4O++JimtQAAIABJREFUSSA72KflEYB1zAltx5EXzOQlfPJnnYPKzfLyTULVKW/q+hHwQZI9+yjN7/hJ8JRmO052UO/40pUpT3vsJuK047Jpoky2yVebtaecdH5ptraTQKFOefn0KRgAgHwiH1gIvzKlg4o/AwR+4v4pCAi6QDpFmWSCvsAg4Jem1Z9lpTcDgtKBNj0DBGDdDAIKCLQJtmT213FJ501v+mYQ0PHqD10woE/GsQBEWnsBfwYB7PzGvfFnJwUHXaeupzbVl+56ul7ZXd90efK7/ypburLun9nPzbS+9Uyw3ZfmBR8MevZd+147mrMEAcScZWdAQED36sCc1isEZcx37QwIBPqOoO8DCgpOnjz5CR9ELx8MPjk4t/RyYwTOnz//LTfccMOp8+fPfwb03ejB30PgYRAQ9IB4aDxQfbwH9kDvfb4P+az8fchn1Q/4d95553rFf/fdd68nUw/q5z73uTX4rfaBH/DAnwY1cAv60+YDp+C+qQPXLON4E8ABmn8zT73KKpd9UFl9rUzt8KlT+TSfPAKU6gVMNr/zrgxbfhOc9BR+aVp9YoJMZ5fuWI2PyZY9dbY2m4T1n915pPPVR3WDwkFaOZN0k7jyJv7gTlcvUMoHHnng5hWAlbafjt2EP9jmm1DdtCfcN3cBZlo5bRYcSM8dAf0IvK3+CwSmdi4FKJ1XaecWsOkCg0BeAEDLL60vysyxY8vPZ+wKAmZ/Ot6Efv2iA+4Ef8fORwd8x0y6frR+dA89knYPdN84bml9z3a/TNGWsvnYPSN0fTMv+HaIOH87jwUAtMUKbR4jggHa3GbOExSY7/ha+DQvejUwXxUICOSdPHnSh9G7p0+f/uaNKXZJLiPwxBuBM2fOfPeFCxdec9NNN31e5OtGt90F9sTN7yHwMBQxg76o2gPTR3yg7yM+K/0Jfe/2rfZ91OdBBXrg70/5er8f/MCKTW/Cn28T9jM9gc8/QT6BrH0QC+wHaWXyB7yD6uRLd5zqltZ3ANQnbQfjbDp7Ql650ia3TVu7SRMizTfTJlPpg4DfREvPc80O9NLT7hxoE/5MZweEzQlaXzpucACMgA847hcTNzvY2QEA2ynBtG360jSg5n+kQCDoB/qpZ7DAJtoN/HRBAXszEJBWng6y0mw6W93653wT5djGoePTBQKBN+jTm2MmXTDA1qZ0Ypz56Gzt8HV8UK1PdIEAuz4EfWl2flp76gRvmq9r373g+PqlPh87Pe9n5WZaGb7us/pHewb7YNDxLEia08xrpN1LfiI4aAegYMCCiPCbK63+8xUM8Plo8IYbbvjcDTfc8Kobb7zxu554s/7So6f9CJw7d+4Hbr755rvduG5oEuxb+Xsw3PxFyx4S0LfKFwCAvVW/lT7429630r/rrrtWb3nLW1a/9mu/tt6C81D6Wve///f/vv6pXhF5K33QKwgI+GkQY9OBHsBIaUAsneYLyOkgWTowT1CrP9PKTimvNpTX7vTLc3y+6oLhBHxwVC4/rS2+QE/zOc70qW/y65zo0rT88qTVJybJqfOn9VcZx6rvtElz6vpPK0ubsKeuDL9JWDnC1ieTtXYdDwgCRpAJPgAAWsqQd7zjHesAAHSt9oHVboA0DajtAtCJrWCAlZ8dcCdYN23BgDr5S9NB27GTAgJ9nsGAY20GA9rdFOetrHGof42JdPCfcK1vjk2MU3rafEF/Uzuua5KoF/z5Ol5g1Sc2f7a0erN89bq+rrl85dhk2sq5J8iEvzr53T8Jf/dTmk9fuuf4pT1b5ho7jp4P/xOhnUsLG/MZkabNdQUHc6fA/GeuFCQIAtjmy74bEAB4VUDMrcQH1Pv7+9//tIfOMgCP7wjccccdX3fjjTf++IULFz7oxgT8tvXdxEXF/G50N74HgQgCrPY9ILb3e6cvmrbKB3+/yW+176M+kxUI+G1+4O+L/oBfABDsA/1Ms8Gp1byHtnQBwEyzN2EMXBPGpSsrnU/fZv3qKVuZTT3zZn1+aRIMaelN8DdROT/tFwTkl86vjAktzZ7p/LVl0tSXNHsKv+OYiB2jSXnTlibOwSQ9zylbP8qbE7A2N9PKOrY8dUgwMYETAApU8gBMAAC2733vex+GP7ACPSizAy24FgywgV+ZwLoZCGg3mCp3kMjPn93x1NdH7dP5BQOPJM6RyJ/BQPCla69+A67yxqT+8ilb2vGBlShH8yWNq3bULU0r3/h3LfLJ53M9ibqktDxp5buuXdvalue6B/7a7N5L87tH6NovXV73v+Nm0zPt/q4+rQ3zj+8EPFvvfve714sacxsx95nv6IICQULzYbsEylggSZtHBQPSREDgNYF5td3UG2+88QN7e3s/tnww+Phy8Gl3dB/2Xbx48apz5859um39VvtuXjeuG7yVvsi3AMBND/bgb5XvPVraR32/8iu/sv6VPn/CZ5vfhALctvht9T/00ENrgANf0Afv/pe+TeADF5/ygT/YAzJ4lZ75/OpsArz0QRrQ+INb9U0Ks3z+6Zu2+tVRFhCdBy0tP38+Wp0pzsFklU86W3ubYqJThr/Jj22C46eTmWYTE62+0fqjbGPRJMzPNydztn7S8mnHZ5tg5R0k1VPWBA4AfMGCVh9ATOAEsPgT/xkQ+BcEsK38Az9dWhlQpUF7AraAIKgKBvhKKx9M0/kKAErP/ABbMCDNJvrm+Zh9lXZc8K5/bPXo/MakvtGlacc3Pupk8/MZYzZN6h+dz7VI9IdUzzWoH7S0drs+2u6asWeaX1nXeNr5+LvPaMdUji4d6Otf93O6/O7/tPr6KJ12T/I7Btt9bQ6xI2lXwPib2/pxMnOfxQ4xN/KTggTzpDItmMyjfKDPLiCwU7DxyuCTZ86cebF5+WkHo+WEv3ojcOHChW89f/78/i233PJQUSvtJu0Gpd3AVvmCADe4Gx7wvdf353q0bX5itW/V/9a3vnW9zQ/8VlkeKA+R1T7ws713884fLAEfBAENpEB+Aq1AgC9AeThLB/vy6CCsDNsDnS8tj9+xZ5nNspvpwF078pN89YEf/KZ0rvmks42VcaCzSwf8tLZNYs5D/U3dhMc/x4bdJDlt5U2C2qWTzm1qZU3SdH1v0q7vm+kmV1qeck26fNqqX/wm+wkEZQjY8AcqYGPbASgACKxpfvdigGULBgoITPBzR6A0oM7dgGzacZWjJ/CnLc8xtZOtr3z1TZqdvz7OgIAdbB2z4/KVVn8GAo5XQMCeYvyIdvnVJdoD6kDvGrCnBFx5bBCtbwdp10xZMgOBrqd+aMM9Ub+0Kz218t2T2drk676ZWv3S9dM95lhEnrS28nXvpuV7pgUC5iz9s6NpHvSKk9gJoPlAv2DAQomYO9spbfcg8Ft09aqVj22XwAfXFy5c8OH1t3z1qLAc6Sk/Arfeeuszz58/f9vFixc/D/akrSqwB303qWBANMsmbm5pNzroW+H7W33Q917fFr8Vv3dn73nPe9aTCfDYSrPV72/4/UkfmM8/57Pynyt+dQC9lf4m/MFvwkzZTfHAaicYTw1i0sHskfLyO562NuvN9CzLH6D5wT3Aa4et/6BZHr86TTrVz19aPpt/iklKe46tbeX4kibBYJ/mZyunblJb2snXxNuxJvRNtCSfetJ00mSvPpt/auVNwiZq/ep4/EEhUChDTP4zTwAAvqAeXIF/MygIsAdpMOUXDCRgH/hnQJBvgjXQ820GApvp+qhOAUAgnsDd9Olf0N8ELj/IOn6wLQiQNl7l0ernkzamjkdv2tLaaPz1cdMOpPTsm3T9STuue0A6Pa9n+e6BxH2hH90f0+brXtev7Kn59aVno/txptndn+rqm+N7ns1HggFteKVpMXSQmCdbMJk7CwrmnFpwYA5uESYA8IrAPMw+e/bs58+dO/caH2Q/5eG0nOBjNwIXL1587k033XSPKFNEWnRKB3k3YZGqmzbo07a/WumDP+j7qM9DQKz2TXAeZg8J2Ad9QYDo2QME+AkABnh6Qo3N1+qeBj91Aj54Ee1WTr18/AFs+vinKFNZ2jGmT5ulq1ealr/p1wYgTs3eFPX1LcjTJp+py+vcaJPU1GyirjxtEhNYumNNH7vJlFYmPW3nwk+bDB2HLp3mM2ESZZpA2QdJE69ybBO0uvUJBPjcVyZd6eAYqICLvwDAfQjeAlHBQAFAwUC61f/U2UBaABBs0wUEjlMQkNaXQJ/m2xQQn76CAH7n1bHYzpef5s+W1sYsXz3wDfzys41jtjErAGBrK61tcN0UbfHJd13oRJrI127XK1uaSLvG7O4VWt8I232kL2k+7Uqrx3aPdLzS3TfKuKc2Rfl8bPecst2H7I6Rz7G7d9meR4sYc5z73p8v++smr0OJBVK7pNKgL22noFcH5tzmXgFAwQDwm4ctxvpGQCDAPnv27N0+0H7sKLG0/JQaAR/2Xbhw4Xm33nrrh9xkwO8Gc7O10ucH/aLVvnLtJu6X+cDfit8q31f8v/7rv756+9vfvv5vOK1ePCwgCPpW/KRtMw+LVX7g9wAF/AIAdQEs6AM6WIJXwP9CGqy08YW0426W0T5fog+zTP5Ho7VvQgjybKJP+ejpV8fkQm8Kv7L8Ad44Z2t3ptnOJ1GXbcJj09LapZsstcOmk/Lo+ju1SVJ72mIT+dKJyTLJpxzbRCtvTr6O1eTchF79AgDwMHEHC0AKXP4MMOjTADzFfQrwwD6DAkCdUhBAB1Ra/ZkG0sCfrQzfhPsMBKZdmelTnzivJB/QBv908DUuRD/o+pmtXGNWAFAaaJP6VB7tWqTZif4FYO2zSTbt+uoDncx015d2jHR295ZjsgsKspWvP9p3D5XO7p6ilZnp+uzZ0ab26icfmybdw7RyniHPs79iot1X5klzqYCA2Alo19RCSiAgKDDnEnktwKT7bsBcTSzY2h249GrA3P3BW2655cfN708pYC0n85UZgZ/92Z/9xltvvfXaixcvPtCKP/CLLN1kbjY3mJvVTVjE6iZ1E3u/31f8oG+rv4/63vGOd6xXVyYhD4YHwK/1+Zof9MHeih+wg74HhJ8v+LMDboEAnwcL9GjpLyRfDMwB7ZF09eVnT109vk07Hx0c9TvI09nlS8+JhK1d48DuvOnKGePgyi4AMD7ZJjXt0PxT1J3pynY+aRMmO93kqx/ZtPbS2cqYFKfWTmnl5es/0Ycm16n5ifIme5O5eoCgHHg0aQeloGUHwFfbAEwm/AsM+AC1XYAZCPC7p4F/Sj4TfGBNaw9Qk3nsAgFl66Nj1K989KZvE/7S6moLWDcDgHzGR1laWTqftDFLCgRo9WcQkE0r37UIro7Brp/yXZd010gZtmt3kOibfNeYVN8xS6fldV/QU7TtWO45ok52unuLdkz+bGm2dtyfs68zze6eTnsGPNfmPnOh62ThJAAwjxYE0OZXi6v0nH8tvvjtGBQMtFNg/rZYI3YDLgUGn77xxhuveuUrX7l8MPiVQeeTu5WLFy9++0033XT+lltu+ayoUcRotQ/6biTgd5O5wdxobjKa2OJ3Y9K29vu7fX+vb3vfat+f8JlgPRyAbQvMh33gzz4I/MqB2QR89tQBKthLZ9OBkS1vwldaPt8UMCu9WWbmKVMgwg6Im3rmTVvbTQLsoJ8tTfTxIAn+JhSiDJ/6Jhxt04Rfv+h80urNCU5dIo+W10TYeUlro3TtTKiz1aUdg05MwCba+q0t6emTJ61sk6pyTbTldS71sckeCIKOOoABVibs/ACqvB0A0J1BgDT4E7CfOwPBH+xN2qTAgA9kCfAD9GYgUECQLghQ1nFL00Ge1g6fctIzQJCurPwAS+ufvHz1jzYmBQF05dgzEHBcYziDAL7S1TWejkNvSuM+rw1f/XJtEu2xtZHdfTC1PpXuHtI+m3/6Kuee0i7t+PWT3X1EK0/ndz9rT7/YtDLsqdndq9ml6dpxfPc5bV6w6PHa0/n6NsqcaoElGLC4YhP+AgTBgnnZ7oA8c7I5u2DAfG7+njsDLe4uXrz40K233nr2lltu+bYnN8GW3n9ZI3DzzTc/+8KFC28oQgz8bqBW/IG/IMCN5qZzQ3qnL2K1yre9b6Vvi9+7fe+3TJomNA+Qm1ukC/y2+630+6ofnINd0AYqoJdmlw7+/FPUByy+IDbzQcpDliiTTZeuXGlQzVYu6M26ylQvPfOzq9u5prXPDpDZJofAL48dNPOXboxox6FNNtOvrLQJiE0T5Wn9SLP5TYD1e1PPyVL/TGRJ6c6ptOM2Kdd36emX1vc5aWY3oTo2X+fQRC3fhB4E6CbqQOJ+JEGzVwAFAQKBGQwAagEAna38DAayAXcGAtnaAV1gTZQVCGiLBlUinVZHmuYrANjUzkc+HfQDepDlJ9qijQk7zU7qI8jOYGAGAsaXOG66cXUd2NoOsrS+aKM+sV0PaWWJa5aWL524xnxTs2faPaQ/3WszrQ/uU1qbbPndu/O+1qa0vPz6yu/eqz5dmq29+tS92/1KJ8rN58BcYY4zNzqmudRca941107hKxgwJxNBgN2BXskWDAgAzPMCAj62+T7/+fPnb/+Zn/mZZ31ZIFkqPblG4OLFiz980003vUckGPR7t+8GscInbhQRpZvJKt8N5ga0xe+9vtV+4PcVvxX/Pffc8/Bk5YEAfSt94Pd3/N7rg38BQFv9bnpQo0Eq0HsgNtMT7NmARWaaHXy1AWDSm1o9x65sunLSm2VmXvmznvwpABjYp62MtvN1HJOCvED/SNp5qdOEQvNNv7b5XY+ORUsTx3G80ia6+q4uu8lv5rHVUSZxHLbJS5tsZdjy6MTkNydA+XPSlM6nvZnXhMunjfqnHGnyp4OPOqACNCbx/F4BgG8y4Q+8BQQAH/xnUDDBz04CrXaDv2CggIAfWNMB1zELAIA1yQfQfAUA6gXdtLzy8+kPO/BKJ4G3YKA6yk74Oy74JvL4jDPRTmltNMYHaeVdh6R+le560eoXEEiT7ge6gGD6tO/e6B5h81XffaJdet4P+bqn1GcrM33S7u36wlY2H38+/nk/s7VV3zwTPQt085EdUvOK/4nQgosEe7bgwNxsXp67A3YIzN3y+M3nAoPmdgGARV4fEdKXAoJ7b7rpph96chFt6e0XHYFTp0494+LFiy+46aabPtoWEOj3jj/wiwjdOG4U4G/F70YCftv8tK/5rfgDv/f7JkoPopvXf8Pr3T7w944f1AEfmHuvryw74KcBjJ0O7EF9prUx05UBOQ8PgKU37ZmeAK/81D2U6mi7usqAe+mp+RMwlFcgMLW25dEBMs23KSYQ7QX7Jhda3+jyTEJTJvzZieOrRydNeOqzK+PYhC/o5qPzdQ5pk9uc6NSXNyfIziWfMnzSnYf2m2DrmwmZ3wQur2MFBz4if074/jtgPzgFxDQBccAF64BMK0MH2E2tHl9grT4/uKpPz0CAHfzT6isLpiTol6aDNO2Y+epT/nR+oK1/QVea7Ti0tmZQkN9Y1se0cmxwVU+ZbJoY8ymOUVr/StOuzdRdN8eRV1p9PveFYybSCZ/7QJru+ndv0N0z3bPazV+ee3CKfkjT9al7k3ac0tndw/VNfjYt3/E8D/XPs2l+9GrA4sm9Yg4WBIA8sRCjCw7owC9AKGAwlwsCzO9eEfRaoF0BQUBy6623fvjChQvPv+OOO57xReGyFHjijsD4sO/Btn1AX/TXNn+wd2P0YZ+bxg3jRrLN1I/1eLfv/ZSt/t7tm6g8NEDoV/qCfj/V24ofmN3EggA39Sb45RcAbMJf20HeQzHtABbwlE0AS/5MswOcOtl0IGYrp275la2tqSvPpw068E/QH2Q7RselP3bnnauPP/vZq4/9vb+3yDIGT7h74ON//++vDpI/ftazVskn/sE/WJE/+Yf/cC1/+uxnr8gn/9E/Wsun/vE/XpFPP+c5q09/3/etPvKmN60DGjAFbVoQAPAFA8GWD1Q3NR+Qqm8+yp4aWJWjC07SE/ozGFC+dH2g+egCA7aySYGAdMEAHejpRB+JPtD82i1wVs/8Y+70waA+2301N5N2ZWkBQa8G7AyYw5vHzfHmdWKuFxCAvsWeHV+vetsZkL711lsfuOWWW67FkScu5Z5mPVutVv/LJfna1WpF/rdL+n/lNxw+7PCBx/nz5x9quyfwu7Civt4TuSlsExG2qNFNZJtfNGmlD/rgb6Vvmx/0rSg8BADfD/eAviDATRr4vc8CxMB/EOQn8MufkGcHcjZQlh+Y0wF7Anrays10dhA/qD4feFdGHe10TOnqWQFvgl45/urIJ2vgX/rzunUQ8M53rj72Pd/zhJv0l2BkCcYOuge+UCDwaIKAdQAgCPjn/3z1+295y8O7GjMIAFZBwBTw3wQu0BYUTOgH13S7AmA75aBAwDGC/9T86taHdgMcg096Qn/T1lbBQEEArc1Nf0GAPPXMNeZSiymBjl9QNWebr2k7BGzBQHO5eVwwAPx8m68IBAO40A6ARWHBAP/NN9/80IULF86++tWvXj4YfDzjjUvgB3rQ/7rVavWMIX/3tttu+8evfOUr7wD9tvpFdC7iBH9bQYKAwO+m6Kah3Vjg74M+76DAH/Q9QEAG8j7os+IHfdv+fADeO/5W/OBG1JOfPYFYEBDsAX9KwJ+6oCAA05syoT3zAvb06c9MZyu7BvTYUeBTvvaD+kFauelvPAoK1uNx//2rj/+Lf7HAf1n1P+nugc1A4NHsBPyNXYDnPGf1qR/8wdXvveMdf+PVAJgCfwEBXSAQfFtxg38BQL4CAWXVLQ320vQMArL5wTXoqy89fdlzB6BAYPoAvV2AwF+6vBkEVIaPXWBQ33pFYD4xZ1pgaccrWJAngoACAcAn/BZ2vRIw37cTYOFH8IAuEMARIhgglxaTt1+4cGH5YPDxCATGyh/8//fVavV/rVar//uNb3zjj772ta99r5W9i+QCBv7e77u4XWC6IMD2EOC7YQC/P+GzzQ/6vb/04IEdyPttfj/a48M+4J/b+QAN/G5QYJt5blhQpZOCAGUBXX11A33+8vLrS/AN1PT0s4P6I5VVxzGqW1t8m3VK09XR11b97M47O62MOkX0zqdj/OmHPrT6+A/+4N+Y+P/omc9cLbKMwRPtHjhoJ4DvSwkCDnoV8Gf/5J+sPvkv/+Xqd9/73od3AkAW1OmCgfQMBNigWgCgTDbd6n/qGVSAa9DPnsFBgUDQL53WrmNuBgDTD9LK05tSwMIP+OrNoECf8rELAppLzLE+GDQ3+kbFK1vAp4kdAPAvKPCKQJqfCAYECYIDXPCNQNC3cPS9gF0BbOmbgZtvvvneixcv/r+r1Wq983yJTevd6ceDjU+LY14aZKv/Z3zqU5/61ve85z07b37zmz/uwonceq/TBx60i+mizvf7bOB3E4C/LX4f9ln1+5rfh1C+ePZRj5sWxPqlPtqW//wb/iLRwO+GBLcgPzUgu1Fp/gIAPlDcBH1laRKgaf2aUC4vsJZWLntqdavPP21pfcm3qQFdfoBPz2CgMvpDPLDZ9Doo8EHfv/pXC/yXgOdJE/A9miDgy9kFEAT8yb/+16sPjY8EQXcKMINtMgMBvhkIqFcgEGSBNGlXoDQd+NlgW0BQffNhgYDjzb7Ja/Wv/kEBgXaAnlaGne4Y+fgLBLK1yd4MBNQx75qD7Qr4uNKrANAvCAB7Nn87BTMY4LMrwIcp2GGHmCZxRTDQt2OvfOUr//D1r3/9C+69997/o2DgaQHjx+MkLwUAf+fBBx/8P1/72tf+JUC7GXyN76K6cC4gscp38WhpFzStrBuhd/vAb6vfNhLwu3nczN41WeX/j//xP9Zf8/dTvZvv+AM/qLXiD+zBH1ADPg2YQX0T+tJJZQL3JsyVC94gTfRjE9jlVb72Zt3NPMdyHtWlAz09YT/92RP22l4DfwYDAoyf/Mm/AX+T6xNt1bf0Z9mJmPfAowkA7Ah8oSBg7gL0LYAAgHz8iivWIDYPBdhsgAZ98KXlz3R+4E+AlX8GA+bNLyQFGjMI0EYBgjbrGz0DA+kZCKhXHwoK8k3oswsOstsR0NeCgXT9d+wCAu2bX/t1Ve2Y5833icVetqBAkGAhWGBgRwAv4onFJXbgCfD3usDuAPtSkPAXH/nIR/4uRj0ebHxaHHPuAFx33XXrLRnv590AHgJb+C6mSK5ojnYhu9Ct9PttfuC3ze9PgUTEbi7b+gT4bfdb8YsqSR/3AT149nFf4HfzAR9wgjfNl+RXRj4wprODPj1BrU7ATm9CO/ArO8E9/eXVdnn6tumrjQl7viDPP/P450q/bTr9dNyE/49f/vL/H/ybXOeEu9gLgJ8o90D350H6S3kN0F8FzG8BCgD+/Hu+Z/Xxo0fXsAVcQC0ASOcDUnNfQUBpc5kyATb4T90OgHLs0mmAnQFANr/j1De2NqYUEAT8tLIJH6mPrfw3gwD5jxQAFAzQzTW0OclcZrFmgeY4dnfN/8TuLykQoAsA+mZAIIAb8y8JsAT0BQjypTHGLvNqtfo7yy7AYxiKXAoAfPn/dy+77LLVtddeuzp58uR68AHcjeVDvS6wi8d2cQHf+33A7z/lseL3t6XquVl8xQ/4wO8HfHzc5+ZpxQ/iggCwLwCgD4J8vvQm5B0vHyhm0yAaeKdWR5omE/75taV+MM+vbHb1pYk6tZWv9rU1Aa9s0FenYzmevKSHUVl2/vQnzpx5RPgfNLkuvuVL/Cf6PfC3DQDsBAgCBADkI+fOPRwE2O0MuBO0AoKCghkIFBBMDf7mOkAtEMjeDABK044HwHP1LxioP7R2tK0s+Lcqz86vTOBPa4sN/DMIKJ0uCJiaXR02Md9oc85BfZhtnrJojAsWja3+Z0BQMNCCUlpgUFl+TNGWNvb29gQAvk3Dp2UX4LGIAy4FAD66+Ds/8RM/sXrBC16weslLXrJ6+ctfvv5/oAHfjebiW9WL+N72trett4CAf/5an49F3LQAbpv2Njq3AAAgAElEQVTf9r4v+n3Z3xf9E/yAKBiw4gfpAoBW9umAL5094Q6aM82e6eCcDtp0kC5P++zKZM8AAnDzVy5dOwel+WY7QX8zIJAO6oGeVr+0/Gx9/thrXvPwR1NP9El96d8SeDyae+CR4O81wJfyJ4EzAHjgn/7T1Ud+7uce/oGhgoCAb65jB+LSE/qAW5pNgn5aMKBuaWWAXxpQ0wHW/DpFfsEBv7aAv+OVLhgI/JtaecegQV15bRcAsLVPy1PWyv+RtDzHaHeg+dP3W2yLPxBv55hOLBrZwE+8RuhbMQtJC06viwUFFqE7OzsFAA//OfpjwcCnfZvtAjz/+c9fCQLsBLzoRS9aXX311aujR4+uf9IR6N1EbnwRmh/t6Wd6+dwwIsL+G95+vMeNAfDAD+DKgDNQttUf2IFMHgBOHztfsJ+Q55Nfu9qeNnAS7dNB+iBd2cpNnQ2+s5xja2vm13Y+ZQ4SfZp+QUHwd17ZwT7wS/cQfvyXf3n9Qz+bE6b0o5lolzILkJ8o98BB9zBf7/4n/L/YDwNtfgdgB+CB7/3e1Z//s3+2+vBdd62DAJCdErgBlpjbsukA3Mq/QIDOlpcAK5smggBz5abWNn+Bx4R//hkIKB/86foGzvo4NVvdfPWFLhCYml+b5hfi+Ily7OYe7RJ+c5NXu+Zev/QI6oAvICgo8G0Yvx3jvhPrT8H9hZhvAPb391fHjx9fXX/99QIAH6gvq//HOkoxyFb/5N/8m3+zDgCuuOKK1VVXXbV62ctetr4o3s+I0twcbhI3vAvvotve//znP79e9ftYBPhBvxU/8FvtEyt9sgl5MMznJmInbq4ChIOCAOXzKwfA6gTidECWrlx5dGCfvmlXP31QHf0oH9ABXjo7zTf9wb1znWl26eDvIfyTd71r9cff933rCfKRJs/Ff/AvzS3j8uQYlwn/GQD0q4D0/GXA+Q1ArwDaBRAArIOA5z539Qe/+ZsPBwHmsnYDwJcNqqQte3Y7BXRBQEFBWlvmx8BfMFBaHikI6BhBli4AYAdZmp8Ef3ULAOTrg3Q26DtWfZNOlJngz1Y+O9inCwgcI5/5SFu0+cy8igHmfmUA3/Z+4Ldw9Fdhfu5Ze8bLqt+fBFr5b29vr8U3acv2/2NN/tG+1f/znve8tRQEvPCFL1xdfvnl6yBAROY/eHAh/z/2/vT71rSq7/3/gSOUgsmDMwYeqgoKlEaJioZC+qboDTYBI8YGldCoIEiBdGpOEs2JMSLG0AiWhkYFaaTvQekLED05nvHzSJROmiowmoyRPLh+47X2fm9m3ay9a1e5+ZbwXQ/mmPOaV3ev7n5/ruu+11og5nq+6/t9h7+f6vXCd3OfVX4AnSv+wO7NAmyBXxkweTkwzUB+a9qqN4e6gKx/8/amnOVtO8egXWPVtnbqZq68earjsyA/V/dieW3KK/vgsAl5427L2sizHfw/+MH1F/e611VWR9uT5QFyXxqQO7xOJ16n7ft3ltv2zycAJvx9E+BsBMCn7nSn9fHv/M71wbe9bQfiwLr14ASyE/5ArpzXJsDyyuX4gJ8QUNafJwLMCZRbQVBdxwSyYp4ZYysEjKkuIaDNFAHBn++YxeYH/Y5VPHPON6y8Ov3kGrPzGO+4nOcs+LBAziVku8d2BxqvVf+v/MqvrH/37/7dznCGCDgpAA6/AzAY/UUNrf5/9Ed/dGcPfehDdzsBD3/4w3cCgAi49NJL18/8zM/sbs4AMNf5iQCr+74iAtpW92Dcil8OzIJXIDWGOhbwarMFvTI4q08QzLIxmyMIN0+wNl+xNtorGzNfG+VibZX3WWOo0y7w80y9cSpXL6eOeRzF9cmX94HpudnFf/qn6y++67tOXQvtpDhPmIf4878lf3guvjSfi97X0wf+ufLvGwCnEwDdBNgOAAGwEwHf//3rAyf/RdGK1Mq+ewACr92AuSMwdwHEIJ8XAzfPQBb4xQkGPtBOnwAAV/34aRP+29g4oJsH/kRAIiFQB35+5rRr5S9feR7jFAAdWzBXLgZ8QoR3XmwnGCecx/z0u1V/Pw/89Kc/fbftb+v/537u53aXngmBLyrwDoNf9RnoJkC7AGK7AHYAxO4JcDmACHjKU56yU3WUXcAnAoBfDvgBEbTlvOCJgIAf9PO10Ucc8PMguS8OzoG0ckCe0J51Z5uvDz/N8cw5lIN8wOfl+WwL9j4gxhZ7HNP7QBljfrD+0k7AQx966o9RnAjnCfIQn/jjmMPz8OXzPEzoF7fyvzr4t/3fPQBEQALg03e+8/rLRz5y/fFJcIPwXHlvy4mBRADQZuUAPsgmAmZZ+8QAuIoTBXxgnYJATj8eWLcCQC4D7o6JVzZ/ObF5QV6c7xhnfYIgr1/xBH7nJ37mncs6LzqPuRnczYD9CBDwM3f8/9t/+293N/79q3/1r3arf0LgqoQ6lL6oz8AjHvGIZcVv9W83gA/+hMCP/diPLfcFuCfAdj7oAz4wgyHwy7fVD2bywZ2X48slCIwR4LWpXFtvnnLifQAP1hPM5TqWyrNNY9VG2by8ufSp3/Rib+6AXzxhL2cMOR8Gpl9xHxDe/OX7QPX4jVPuL37yJ09d8+xkePAn/iXu8Dx8eT8PE/oT/PtW/tvr/6cTAESA38+wAxDweeVyQA66CQBxwM8HWGVmDDCV134Cth0BbYL/XGmLgZTNY6rMG5MBv/aVefUJAb7yzInbAZjeeJXBfkJfnwRA+aBvDpYQ6XzlnNZcBICflP/lX/7l9YxnPGO35f8Lv/ALu9U/4NthtvWf/6IC7zD4VZ8BAiARYPVPDAA/swPgMsBjHvOY3bcErOxZ2/ygD3JyreqDO7AVB/580A/wwd1YAV//yjyAZsFbuXjrzTXrt7HyHHfb3/zaZOq1z8DZHAkAsTplpr/HxQf42leuHa+O9QGqzH/k539+9/en2xPhoXzi72EPz8PxeB761b8Jftf+u/P/bOBvFwD82Wfucpf1Z//X/3UKtgAdeBMCwArsE7TieXkA7BME+icKwH/fboA28mB6JiGgnTGCbMdmfsDtmIqNF4zBl3Uslbc+6OfVFycEgr55EgK14ztn5bWR7zznEsAv/uIv7sDvbn8rf9f+fdvM1/6s/sVPfepTd/6qhDqUvqjPgNW+rwImBJTFfN8QsAtACIAg+AM+sAV+oFeeXlswD2SJgaAY/AN+3jgsUTDBHaTL5cvrV5yfbcTazJx2szzjxgDoCf5ZntAXe9ObIy+eFvTV+8AE/a0I6Hn7yHOec+oGp3kCvLr4AMXjAcUv6df5drdbH7344rO2j/m3v419/Nu+bWWfuMMdFtte+99u/08BQAT86bOfvbtJLTDzCQAxuLcLkBgA8AAslwAIuOrqO3cB1Os7DWDPZFsBoGxsFvBbgU+fUDAnIHds23LA5x3rLJcL/I5TLlGQV+9Y1CUEOhbfGLPVTwQAvrv+lV37V7byTwCIv6jAOwx+1WcA3K323QhICPCt/u0A2BHQhoE0KAIaoIPU1oNg8Ar6vL6gngAI+Pt8EDZPEJYrX+7qvGOpH++45hjF+Tmevsr8PuDLZ+qZx3Y68HssPS/5PigJgfK83Ed+7/fWx+9wh90Kp7ucD/7iU4Lo8Fxch8/FBsRbMH+xysF++sC/g7/v/Pva353udMLGtf/t6h/82afvfvf1/774xbvVuLvVgytvhd4lAeWEAD8FgFguMZAHW3XKoN+uQAJglhMB+3YFjBPwxWA7vbqAH3jzHecUAebVf5vbwl/ZXNobbwqBgJ8gUFbv3CXOu2wM/qDf1/2mAOj6/2EH4KpsPpKSlb3VfiKAb/UP+gQA80NBAAd6gA6OQS3QA1cxr7wP8MY5XV6dsUGZKfPGKt/ctdnmlTNtimtnLFbd9OKgD+qVg31+igJjeS7YFAAzrl7bgM8bX05bvvo/f93r1ifueterbG/Orc598QGI1yEQL/4ymvtcwf3bvm197CxtJ3SJ3bOxO95xfWJjf3WnO63sFPzd9X/nO5+wsfXf9n8C4Iq73nV9+j73WX/8ylfugA/ADLSBlU0RUBxY+a0wAPhEAG88wBXzCYDp5YE2IcBPMVAMrtMSBuW24K/MB33gnyavf8cA6o5Fjt8Kg4RA3ljFeec3eTsAtv67DAD+zKrfPQAEgJU/AeBegCMB32GSE8+AG/xs9QM84LftX677A4gAMA7wQCUG8mAPjvJAC3hnAr1+sz5IG6OYb7yZE+vLb+FdTn7W1X+bq9w8QX8C3mOpPH1Q5wFcXfH0xlbH+1BMk5vmcf35O96xPnGf++x+z9zdzKezfSLgkLv9NRJNh+drPF9jO32usK8Snw2ga3PHO66Pn858J/809ok733mxv7rLXc5on7zrXRer3Sfvcpe1szvfebf6PwV/1/yt9Me1/+DPEwDsUw984Pq/3/723eUAsLUbkCUE9omBhMAUAdrNHQFgBXs+YSDWF2CZ+nzCYIqABICxxeCsPvDrW6xNxwX88lMIzDpjALXjyZTlA7+xEwXiytoAfl6bYnM6L/qBODcAdv3fLoCbAH3lr0sABIDyQQAcsTJxg99c5QM+MdA9AbxdAh6c3PgX8KcH7gSBdqxVfuV8AFcPwEE/GAfr6UGysna1PZ3XVl1jKxtjthdX1o4FeABXdsyNU5sJ92JjiysXB3fQF58O/j5E5vrLP/mT3Y+VdB1z608nBg750wulw3NzNc/NyWvnp7bSra7vdKcvtJNg/sRd7rKuYne96263yo5V9lfAzO52t/VXd7/75+0e91ifvOc9T9gll6xPbu1e91qfZPe+9wm7z33WJ+973/Wp+93vC03+vvddn87uc5/16Xvfe7ea3/lLLlmfvuSS9Zl73euUXXHJJesqds97nijz97jH+qt//s/Xn7znPTsYB3+wzaz+wZlvJyAP7OqCa54QELcTYKytEAiqiYBtGVRZx5HXTh7wAdc8UwTIs+BvXu2VOz6xfCKAz4yvLiGQlxebS1tl5zAxD/wtivwewH/4D/9hZ0SAGwCJgO4BmJcADgLgiAWAVb9tfxbsAd/OACMQeHWA3Y1/YAb4iQCADfg8mOXVVa5NQOaDcL6cOYr5GdfWuKzybLPtU3l6wM8CfCKgsrHlelMH9y3staku0CcA+MYRJwg6fh+aP/sv/2V9/Pu/f/ezpf14Cb8VAYfy52/0OjwXf4fn4uT1ctfM2z4/5VuBB/JgDuh3u9v65N3vvj55j3usT93znutTl1zyebvXvdan7n3vE3YS0CB9FYA/4AHrU+yf/JPdqtvKe2ff8R3rU+y7vmt9+ru/+5R95p/+03XKHvSg9Rn24Ad/3tR/93evK9h3fde64ju/c33mgQ9cn/kn/2Rd8e3fvq7If/u3ryvZAx6wrrj//deV97vfupK/733Xlfe+9ykh8PFHPGJ96P3vPwVbUA64iQJQDfy8+mAb7AFfnAAIuPIJAN74vP5AOm0KAnMkBPIdV+XgnzemOL8Ff/B3bMUB3TGJ847LWPxWCGgnp865rXOlnG8B/Oqv/uru7n9CwKWABIDLAFb++cNNgEcsAB73uMftvu7nhr8s8PuHQAKBICAQwCro5wM68AWzcnl5cUCfkAbFLbyNBb6Buvrpjam+eWdd/fLVKRvXcQT9fV4b+bw5ekPn5WZerE9wD/D7hEBter52/sMfXp949KNP/VjJFACH+MRvuR+eh3P8PHSjnC3zzDY6wAd5oL/73U+A/iTsP32ve31+pX2/+61Ps/vf//P27d++Pv3AB56w7/iO9env/M4vhPmDHrSu+J7vOWH/7J+tKx7ykBP2fd+3rvjn/3xd8f3fv674gR9YV/zgD56wH/qhdcVDH3rCfviH1xXsoQ9dV7La6Gec7/3edeX3fu/nx3/Qg9aVD37wCfvu715Xftd3rSu/8zvXZ9kDH7gTBDshcJ/7rCvvda915SWXrI8+4Qm7/0ABd9APtAkAHpyDPp8ImMKgfCKgywI8sGZTFBhHHkynACjmA/7Wm0/fBMCEv7ryYM+U+QRAHtC3QmCKAXNM6Af/RIJx5Zx73QPwG7/xGzsRAP79ABDodwlAbPVvN+CIEXi8pwP7rv9b7T/2sY/dQR/8xUysHYgH0KDOA1o+6MsV80F460G5XMCeuW2dcuZYajvbVV8ur21gd3wBXizvMcix4C4P+gH/dN4Y+6znJSHA71b7J/+zu/gTT37yKfj3i2VX5w9APMdAPPmnMcfmeSUAum6eB/626a3sT67m22b/zAMesFtZW13vVtlW29/93SfMyvyf/bP1me/93vWZhzxkfSaQA3QA/5EfWVc+7GHryoc/fF35iEesKx/1qHXlj/3YuvLHf3xd+ehHrysf85h15WMfu6583OPWZx//+PXZSy9dn33CE9bnfvqnT9iTnrQ+9+Qnr8896Unrr5/85BOm7glPWH/NLr10/fXjHrc+99jHrs895jE7++uf/Mm1s0c/ev31j//4+twjH7k+94hHrM/96I+uz/3QD63Pft/3rc8++MHrs9/xHSd2BAiBSy5ZH/7X/3onAgA3EZAAAOlyiQOA1TYBUJlv9b/1CQNAJQKmEChnTJYgKK5MBDgGZeMnCuTMrZwQUM7kA379phhIJCQGEgSVHV9CwNyJAOc4fVsQ+SGg5z//+euZz3zm7oeAiADg7z6An/3Znz31VcCDADhiPeLvf8HdKp8QsCPAy2WEAREAZu4BAFJQVwbEwFk8wa9tkJ6+PB/IywFp8fTmUQ7ogV7/4llXXzltgn++41bWprzH4RgC/9YnAtoN0NabfnpjG6/cBL+6rf23+95vrYd831o/9NC/u/3gD611sMNzcKb3QO+zH/nRtR72L9b6Fw9f65GPWutRP7bWTzx6rZ987FqP+6m1Ln3CWk/86bWe/JS1nvYza/3sz631L//Ptf71v1nrF35hrX/3i2v90i+t9ctPX+sZz1jr1/7TWs981lrPfs5az33eWpddttZ/fv5az3/+Wi/67bV+53fXeslL1nrZy9Z6xSvWetWr13r1a9Z63evWesMb1nrTm9d681vWetvb1nr7H6z1jnes9c53rvXud6/1nveu9d73rXX55Wtd/v61PvCBtT7wwbU++MG1/uiP1vrgH53w4j/+47U+9McnvHhX/tCJen2N99a3rfWa16z1u7+71q8/d61//0tr/czPrPX4S3fPx2cf/D078AKuf0QNxOKgnyBIDPAEQCIA4AG3HNDqy7MEAM/2CQCQbW6gVeYDfnHHxIO7fGKAn+A3xlYUgLY+gd/xiTvWYL/12sgRAOZxruuc6lzp7+Jf8IIXrGc/+9m7nwB2GYAA6DIAAcDA/yAAjlgAPOEJT9hd5/eb/6xdAJ4RBEQCgQBa7gHgJ+RBbpbVB2J1TLlcPkDny/PeOJUn9IvNIeYTENrXp1hd8HccxeX1L2/OLeyD/LZOny305faZOXwgeGbVX5z/0C1vuf5/t73t+q8XX3zKPnzxxSv784svXtn/d/HFa2t/drvbrYMdnoNr9B64+OL1Z9/2bSfsDndYf3bHO67/7053Wn9+5zuvP7/LXdaH73rX9eG73319+B73WB++5z3Xh62K733v9eH73Gd9+L73Xf/1fvdb//UBD1j/9YEPPGHf8R0n/qzqQQ9af/HgB6+/+J7vWX/xkIesv3zIQ9ZHvu/71kd+4AfWR37wB9dHH/rQ9dEf/uET9rCHrY8+/OHro494xPrYIx+5Pub3Rn78x9fHf+In1scf85gT9rjHrY//1E+dsMc/fn3i0kt39vHHP36X+4S6xz52ffwnf3J9/NGP3o1hnI896lGfj5WN//CHr4+Z80d+ZH30B35gffR7v3d99J/+0/WXD3zg+sv73nf95T3usf7CLwTe/vbrj293u90qH5QBGKATAvwUAgA/Aay9cuAPvpWDv3wiINDygJoYEGtX2dhBP2GgvtyEvmPQf+YCP188BULHkRAwrpyydtudgLkjQAQYU8750Tna38a/+MUv3l0G8JPA3QcwvwpIDPSVwCNG4PGerj/7AXnmj39AnzBgXQIgBlz3JwC2sAcxOVDlg28wBk9vhOCdr13l6WfcOHLT5KdQ2I7Xij7Yb+E/8x7DFv6NXb5ykNen2JudlStWZsqBf59/10UXrffc7GbrfcPee7ObLSafvftmN1vT9DvY4Tm4Vu+Bm91svYvd/OYn7Gu/dr3r675uvecWt/i83fKW6z3s1rde7/mGb9jZe//RP1rsfd/4jet93/RNJ+ybv3m977a3XZd/67euy//xP16Xgyf7tm87YXe847r8jndc77/jHdcH7nSn9YG73GV94K53XR+4293WB+5+95390T3vuf7okkvWH93rXuuP7n3v9Uf3uc/OPnTf+64P3e9+60MPeMDn7f73X398//uvXZ12+lxyyfrg3e++PmhM49/5zuv9d7rTznZzmtf8d7jD+sDtb78+cLvbrfd/y7es93/zN6/Lv/Eb1/tvc5v1/q//+nX5LW+53nuLW6x3fdM3rfe+97078AJ38A+607cDMEXAzCUAwL5+csYFV3BXlwVh8A7iCYByyuBsPG3E+XKA3TElApTF2jsG4yUEpg/67QKoK1Y3wS82DgHg/OacyTtf++v4l770peu3fuu31rOe9azlb4DBH/RdBmg3wA2AcsebyEf86EEf6EGfPfGJT9xBX+wPgJh6wgDstgIA8L3IIMdPWAfMoA24xdNPcG/HUDZv4+7z6ud4W9C3+g74Uxg4RmWeteLfenVB3nxibfQVy4n5PgDB/0xeHx+arQAI/lMATPCLr9VJ/yAYDs9b74EEwFYEnBQCXyAGCIMEwa1udUIUfP3XnxAGt7nNThScEgZTHBAJBAL7lm9Z79uKBELh4ovX5be//QmxcIc7rMvZFAzgfec7n7L3gzsDdO3ucIf1fv2NQ4D843+8m6f5+MsZkXLb254QK47rH/2jdfltbrMuv/Wt1/tudasd/C8ngr7u69a7CJ33vveUCABcZXAFaoIAwJUTB0E/D7YzbgcgQaA8hUDgN/6MwVU7OccxxYA6x5AY0E5cmQ/6iQB95JW1B/dMWT4x0LwT/uLK2iYG2gFwXmuh8z//5/9cr3zlK3eXAewA/Mf/+B93vwnQ/wFY+TOXAQ4C4IgFwJOf/OTd1r+dANAnCMRPetKTdjFPBKjrzn+QA35ga8U/wR3Q8+rAN5EwYX26WF/QrV7ZvLxc8ZzDm24Lf3PKazfr9wFebooA8Rb85s0SBPqJzdWbfsYzJ886bnXi0wmAVv78FAAH+B9W/efsPTCFwD4xQBAMUfDuW9xisavsFFROIOSnUCAWEgzf8A3rvUM0tKuw81vxkICYXqzdSXvvN37jifGMe3KnYjdXc9rBuPWt13uzW91qB/z33upWi73vFrdY7/u6r1vg/76v/dr1Ho/X8b33vTvYtxOQD8KBH4C3BvxZQqAyqAZ/8SxvdwESA+YUT/hv44QAoZAIyFfnWBIEfEJAnAiY8BcbL58wSQQkBHhjadc517mNAHjNa16z2wF43vOetxMA/g+AALAT0A8Cuf5vN+CIEXi8p7Oyzyb0uwTwlKc8ZbcDQBiAIcCC/gS/3AR18T4/26r3BqndrJt5cRZA68N7swV3YxSX17cYrJUTABP4s04+0Odb6Ssbozw/gb8vNr+8MfRtq0zMpgC4utX/NTnxv/Oii9bBDs/BWb8Hbnaz9c6zsZvffL3zDLYTDAmHs/VW3dfGvvZr17vN0aWMraBpx+Okn0J6J7BvfvP13pP2vpvffDF5AgBgJ/TF06rfJwTaHQi4wV9eLA/KCQBwV5cwCLRbQVDe3AkA3nhW9uKgnw/++sppO3cDZnnuCji2oJ4o4IP/jOXsBOjvfNf50j0Ab3rTm9YLX/jC3X0Av/Zrv7a7D4AAIAT8IFA/CsQfbyIf8aMH/SBvN4CBv99l7reZtSESugcg+AIXUFbm5QBxwhz4Zpvi4DfrG7O6xsxXr2wOZT4zVjHvjZgP9vy0rRiYYO9NPHPmrGy+aa3oW/UbW70+oM8XK5dzgnZiOt2W/+5arRPzWQD9HRddtA52eA7+Tu+Bm91sveNc281vvt7xxbJxrKcEzBk+K32evkAMnPwMyr/rG77hlAAAbGAGV7BPBMy4OrCVTxToKweyrDhoywV+uQQBX75dAACXn+Wgr696vhxvPn14lijgwbrj0iZRMD3IT/gbs1xiJEFAADj3Oe85R2LG//pf/2u9+c1vXr/zO79zSgCAf9C37W8XICFwxAg83tO1xQ/8CQE/yCDm1TP3BkzoircGbHL5WQ/Cs+zNMcvF9Z1erD/PJtTlA/w+r33g188bM/g7hsq9YbfAV97WyQV1dWJv+mmJgo6ZB3t9yyUA+DMJgE5W/JkEwN/phH8QDQfRdG3fAwO+51w0XJuxTz6OM31W5mcqEdDlNiJc7p1DAAR8cC3mlYF+5sUs4CYEEgWt/rce7OWAGJT5wF3cbkACQD4IB31zyxlj5oK/PomAcnxCIFEwvVi/KQQSAXlzirV1Xuxc6hLA6173ut1vAVx22WW73wN4+tOfvvtBIFv+LgO4GZAA4I83kY/40VvlA7w7MBnoF0+vXYoOwAB7nwfXbR0YBng++Nd/1p0pBnh9EwABX9lYypk3IJNPAAT+6Wtn3Kw3rrL+s9zKPsCbOwEgrj7QB3njiPmsOqr5bATAmU5oB/gfVvxfdu+BawL/04iXM31mEgFnEgDvec97dqttfgv5BMDp/FYIJAj4BALoJgQCcB5wiQIe8PksAQC6++LAP33xhL6cMQmCYmOCuFzHwstNIRD4p29XwXnV+dO5kQB4y1vesrsJ8LnPfe5yI6AfAwL+/BQBR4zA4z2dlT/QAzxPDPTDDMrq3aEptp3jRQVpLyzYBmxQKz6dr00ATCw0Zv3muDMX3IFWn21Z3pj54C4nnuAXO44Jd6wP3A0AACAASURBVGXj7rMgr01xsJ8+qGs348p5x6ieZwmAViGdlDpJnWn1/2V34j/NyfzwOA8i59q8B04nAvps9Vnjff7mDgDwZ0ArnsAHb1YOsMHdal8+ERDwpwgoVtc4fNBV3xhdCgBreX7m9HF8GYhngb9jUWaN024Arw+vLuBPQVAuIeA4EgBytU0AuFfsb//2b3eXANwDQAD4QSB/CsQCf/6wA3DEesS1F8AH+Lztf/l8AgAYiYAAHUSD9Jk88Kk/kzd+bcyhLTgG+nL8Ni+3Bfy2DNy9Mc0F/mzmZt4cwZ7fGvDrXz6488y4IF+52LhMX37uAJxLAfCHF120DnZ4Do7De+BMwuDqBAAhkAiYnz+XAII+8AdXcWAO/OAakANtddOLwXVeFpjlKQASAnmwZcrF5iwO+HnHK3Y8QT8xULm6oJ8YcEzlgn7HoSxWb/y2/Y0p57yYOfcRAG9961t3PwaUAPBbAP0gkBsBCQD3AvhPgCNG4PGeDuj7DibgM7sB8l6M/qRBGfzZmUAPxIE8mJ+u/VZAeLPUNsgDpPh0Zq5AD7hMeXqAltOWqQNfcb66ynNVr78+gT5fG8ctDvT57Q5A4M8DfwLACWyeiFqddEPT6U5wpzu5/8FFF62DHZ6D4/YeON3n4XSfnz5ffd4SAsrv8HXC97xnvfvd7z4Ff+AGXflsAh5QQbyc8oz1lWNTBMiDbhZsEwTTiyf4ta2sf+DfCgFCIfAnBBxHOXHQl5uQTxAkQNQlDObK382AzoXOo86TzoUuARAAdgD8GJBLAAmArvuDv9X/YQfgiPVIK/+gr+z7mHyxnQG5/goYpAHZizuBXbzPa6uPugBZnJcP+EEy8M98wmELfhAP/oCdTdB7Y5pn5oI/H9x7Ayt7Qwd4vpxxWtUXO04xM4Z6ObDPemzl+XMpAI7bSf/weA9CZ74H9omAaysAgJUAyJTbFQDwdgV4YAbRCfxy8tO0me3UGS9RkBBQVmccBrx5x6KuHYB8YsAxNQ4x0LEmDBIBCYBZJgQSA43BayOfADBnQkBOWX3nT+dUXwMkAF70ohctvwPgEoB/BLQDQAC0A9AuwBEj8HhPB/Kt9nk3AVJj0+wQKBMAXtAAF+jlxCm+6nn5xELlbb0yCG5hX5k3R220nyJAOdgnCvL6eTOyGWu/zQX3REBeW3Xm7zECezn5yj22Cf5i7feJAP3PlQCYJ8JDfADjcXwPnGsBkAgAY0KgcjsAgXX6AA/WW9BPIRDcyyUAzAG4eXmAzbaCYMJfH2X9eWXjJwJ4dR1vc/NTBIjNN8WAWP/quhzAdwzbc2H3APz2b//2bgfALwEmAEDfVwLxRcyON5GP+NFb2dvm5/sGgBW/r2f0vUzCQD2oBntQnit3cVAOgnIJgNlWfXVBdQt7Y6nj1QFv8/PZFvyOb8JdOfAbbysGqtMn4OcTBHxjOnZvcNbjLDfLbe+bU9/An5dTZ8tMfG0EwL4T3XE84R8e80HobN8D28/Gtd0BANp3vetdu1U3+CsnAoCVTSEgBlbQF2sPrHmxPpUTB/lgbAwxULN2AhICAdw4IK0tL2/8YLz1rf6nGDCXsjGmAGjMmet4EgW8eRMC7geYAsB53iUAvwPwkpe8ZCcA7AC4BPDLv/zLu28BYE27AITAESPweE/nCQf3THnCnzjoOk07AOALdl7c4uAX6KcXA602raBBHQC3Vj6v/nSw3+a1nav6Cf9AX44P9Lx+s2ws4GeOO+Egr5wAUF9cXttAn9dP3LiBH/zFBwFwgNgWYofytX9PbAWA8j4RcHX3AAR/oC0G9nlJAHCVW1FPQaBfMAdUBvZyfODPV1/b4N/OgPHKiRkAZ5X5hIC6YvOKEwLK25hoAP1pco5pKwCUteONY65EgPOic//f/M3f7ASAvwSefwhEALjm3y8CHnYArgMtkgCw6hezgA/+XiAvTDsA8ybAgD5hL6e8NXCVA0AW4OXFlYv5AM8DJQvg5pHPl+cTAYG9uvKgrS4v3lc2NgvwfHF1CYTgHuinCNCmfODP97icoJyMuhmpE1M/rLLvhLYPEG+/6KJ1sMNzcNzfA/s+G/s+Q32++rzNz98f+mfAk5AFfxBOBPBAytoZqDwFgBhk8+LgHvQTAvonALSTrz0ffE/ngz8IFzcmv90NUA7++ebh5QJ/YsDxGZ9X71jsAuTVORfKOUc65/+P//E/1hve8Ib1u7/7u7tfAnQJ4BnPeMYO/FiTAOhHga4DDB7fKRMAAC+23d/dmCky2zMJAGDuhZ0+IE7vxa+NeMK9eIoBMQv4+m5FgFzQFAd8wA3wW58AmJDfB3/jabOFfOXpzdGxdNzTB33HKs+Dvg9HsTYJgYMAOED7uEP7XD7+cyUAQJ8BaqBPFPDqAv/Way8X/LUHViY3hUAiIAEw/Yy1A9uOy1jmqBz8zSWelgAwnj7GkRPzQb9jBPhiAkA/pl9lPgFgDJcC9HOudG5znvd3wP0XwG/+5m+e+jfA7SUAjDncA3DEWqQ7/K32CQA3/Ilb9YN/Cg2MwRT4AH1rATmRULtgz09Iltdu1gFk4Afk4pkP/NMb21hTDKgHWrkt9I3N1Blbvf6BXpyVy/c49CnOz90AH4I+DObIAr+y+CAADgLgXALwuI91rgTAO9/5zh2seZYYSAQo2w3IwHRaoiERoA5UlWcuyAO82PiJAnOU42urDRhn8sbWfoJffcebTwzs8wCeJQASA+ZoN2CfN6/zGVHg3Oac6BLAa1/72t0OwK//+q/vBIAdgK0AaMF5xAg83tNZ8fsmAPgTA1MABH8CgNn+D8jBHyDlJsyVW/F7AwR3bcXqg2X9JuS9cSrn5fTng36g5+W2FvjNx5SzmQvyfIDPb3OO23z8BP2M1TW34zUWr40PR/DPu2b2hze96e7XAPunv368pOuW6rf2Bze96dra229603Www3Nw3N8D28+F8vbzo9znq8/b/Pz94a1vfWplDfDAyhICAK0c5LUBWOVW/4mBmdNnKwICf36CXs44AV7f6vmOy9ziBAE/hYA4AcArG5cI6DjF+ikHf7kEAK9f8Dd/MQ/83QPQudrXAN/4xjeeEgDPetazdpcA+iEgbMGfgwC4DrSIJ77t/3YAXAIo58Xxe80MrOffAIN80AVKZX7CXRzktVWuj/wEPCgrG8Obp7ryAb/+8sV8QiC458HYeOY2tnYJAR6gA/70xdr0mPjGSgjIgTtrLm1YwA/2cvop85mTkZPQPAEpd4Lad/Lad5I77if+w+M/iB/vgX2fjX2foT5fWwHgc+geAPB9xzvesfNzF0C+8oQqACtb3RMEE/xbURBgZ5+EAbCag6mfwK+unDaAXdtEAJ8lBuaxJgDkpghIDOiTIJgCQJx1DMoEgD4EgNi5zTmcAHj1q1+9+zdAlwAIAN8CiC0JAMxh1wEGj++UWwHgRowuAahTTgB88pOf3L2ggZ4v9kIHSeAF98rFCYHKAZ4PmOJERLkJ9wn8mfdm0x6AJ/hnrI0y79jMs4W/8qyr7Vzhm6O8ttUF+aDveGausr4+JHzmhOVk1ImoE1M3Lu07oe2D3dtuetN1sMNzcNzfA/s+G/s+Q32++rz1+eMJAPAHch7AeVBtFyDfDkHw10YMyupAdYqBgM0nBIrn5YFgb5xi7SsH4Hx5INbOMYgdD8/kmHoiYFpCQDvxNMcX+PVVx2eOoR0A9wI4xzlH//f//t/X61//+t2fAREAz3zmM0/tAHQTYBzCm+NL4+vgkffE833/nwDwwngxUmnKBAB4B30AZQF9C3zlWScGeBCecE8IyBVrswU8WMo1T2W5QL/1CQKeTeB3/NO36ncsE+7F5hTPejHQGz/gayfPCAQ+6Oe1EetzEAAHaB93aJ/Lx39OBIDLBn/4hzvYA+s0QgD8Qb1Vdl4O9LOAyycGwHRrgTSv3pjKwT/Qb722wX+2DfodW2V+gl88c47VmAmCvHbihEDHoew4rfyd05zziADn5v/23/7b7u+A//N//s+7bwH82q/92ikBYHHZDsDhEsB1IADadkkAuAegSwDuAZgigABwCQBkJ/iBPQPHoD+99sE9D4rF+hV70zCAZJW3Xp1jCfLFs6yNsvmDu3JxXq68Y2Gt7B3nLFcP3NO0Y4kA/Y3f4/DBYOWCP38QAAcBcC4BeNzHOhcCwGfSapwIaFW+FQHtCABsuwG8dmAPpDOe4mAKAG0qJwB481YuNlfg1c8c29ysFwf+0wkBbRIExhPzLPg7PuPwCQHHliAQNw4hQAA4p7oE4CZAvwHgR4DmDkACAGsIAAvN6wCDx3dK4O8mQDHg991/5XYAvFAJgAAY9PkEwcyJARGYgyjIi7Xngz6/BbyydvvyoKrO2FsL5vJguzX95PhMnx7XFvYJgeoBXi7QexzFfLE5gn4iIEHCG0O9D8pBABwEwHGH9rl8/H9XAeCSgM9kOwAJAWVgB/4M8MVgLGba8AFXf7lMWXuCIPCL5fnyoKp+igBt6m8Mc/DgG7SVy8kz5SDecRk3qPOVEwMBPSEA9lvTb+4I6Osc6HKAc6DfAZgCwDcA2LwJEPz7+vnxpfF18Mj7mV+wnwJgexMgIbAP9KAItMFRGzGg8wA7IS8O/AkB7UA+SE7gy80yUAd8Ywf7vFzgr55nUwiU088cjgGQg/3Wq3e88gFeOStnDuMBO19ZnE1R0HEfBMBBAJxLAB73sc6VAABssOXnTsAEcLDNtyuQANj6xgRVMRjzQT9BELDlEwD7fICfXjv9y3Vs5iwH3OaWm8JAPgGQr41yAkCfYn2UCQELGt65z3mWAHAToH8DfM5znrP7N8Bf+qVf2gkA4McWvHHpmQi4DjB4fKcE/WA/7wGQ82J4cWzPtAPg+j+Ib1f6swyKIBz4K/NyYMoHxOA/QS/25tFGnMgI/vs8mAb2YK/cG7Fc5Qn8BEDesWoX+AGeOR51lfPy1QO8vnIJAfE0x6ouAeCE7bvL3YzUzUl9n3nfCW3fSf6tN73pOtjhOTju74F9n419n6E+X33e+vzJGwN8wfkP/uAPdgJgigB12x0BoJXnCQHwFxMM4izwAiszRxZsGydBwKsDd+MlBowlDuz5oF85USBfjq8/z8DcPEFdv4RAXr3YMTUWMaCtfp0DnX//+q//+pQA+I3f+I3d6r8dAHyJQYmA40vj6+CRu+Y/BUD3AFBmwM9clyEAQJ4AmLAvBkoW9PPeAGLQTADwYBjwlcUBsrwyQE7Ym0N5m9c22IuDvfYBP9+xtsqvPH3iANQdX6CfZfks0PPFjqO4fNfFHP+MDwLgAO3jDu1z+fjPlQAA/uDPgzL4TiEgrgz67Q50WSAhMOE/40BNAAArk1MGWHOyGQOtdsFbnT7yLCg3Nl+Or8wHceBmjVnMN1/HVzlB0E5AlwKc7zq/+hbAq171qnXZZZctPwQU/DHGJecEwOESwHUgAHry+flDQEQB+FNoCQA3AIL5FvqAHORBFBQTAAGSD+x5/QJ/Xg7IAzy/Twhs6/VJAGzjLfgn6NUZf+a8cR1vsJ+PQdtZF+DlmT4zVwz25prgl8sOAuAgAM4lAI/7WOdKALz97W/fCQAQTwyAMTgnDAB/a4FXuykExK20eUKgMrgaO8jyiYIEgHkAW59yYNz84ixRMIE/RUCxYzVeZT7oJwLUFzuuwG8OccdMALj2TxC4EdB5lQB45StfuXwL4LnPfe7uNwD8DoDLAPGFGMAcguA6wODxndJ1F0YAZJSYF4P3gnhxiADgB1cvqjjoA2Jx4A/k5bewTwQYDziVtcmA0riV+cSA+ZUDvnLQFzOwzcoBu7la3cunUss1r7nl+Mx4xcYJ7qA/y+IswE/wi5n+xQcBcBAAxx3a5/LxnysBAMBEAFADLt9OQGV+7gKAsRyfEEgEVA66jastyJpPjjcGzxIDgCvPxPrxDPi3PnFgPmNMyM9jKa+9fOWgn0CYQiDw65MACPzObc6fzo2f+9zn1ste9rJTAsDXAJ/+9Kevf//v//2pS8yTN8eXxtfBI/fE2/b3TQA2vwUwdwCIAd8CAFoQBE8+wAfGBEAe2LUFRH0Dv7I+AT5gVgbGCX2x9vJAHPDzwb4yH+D12YI+4GvTY+kxeNNO+CtnHWfwnmVxosCc4D+9MWd5xgcBcBAA5xKAx32scy0AQB+IiQHwTQi0K5AH5C4HiIGfLwZX/ZWNocxP+IuzBICyPgkB+SkAEgQJgObUPmGgLrDzCQBjT+jPNsUdD58oyJuDGNC2OZQ7FxIAr3jFK5YfAbID4N8AXVJuBwBnLDIPlwCuIwHwtKc9bScCiAGXAaz2vSB2BNqi6R4AYAVKIA/+wX6WA/30wZIvLw76vDIwZrNugl99sN8H/8ZJBAT5ygkAYA/8vLKxA75Ynjdmpt4bvDd5ee224N/mqi9vLCdsf+DSzUjdnNSfuuw7oe07yb/lpjddBzs8B8f9PbDvs7HvM9Tnq89bnz95Y7QaD/4EQFDmgTdrZ4APwNudAYKg3YC8OcTgOsWAcSsHfj4zvxh0WceRB37mWHjja18+ARC0ldVPMVAbXj/QzwA/EZAHfqbsvOZcRwC85CUv2f0OQH8GlACYC04CwG70dYDB4zsl6HvS+YwA8GIQAQSAF4sBvK1/QBQDcPAvB+zBkK88fTG4g2BebJyAW90+wAd/3jza8AF+6wG/XKv7ID/Lza9O3phBPi+3zW+h7njK8VcXHwTAAdrHHdrn8vGfKwHwtre9bQdhIGYT/jMOunLtBvBbAdDuAD/hKgbqcoG/lXflCX9zac9PIZAg4Gsf9BMmiQL5VvnGEptzm5tlfbRNEHSMoG8+lwG6D8A5/G//9m/Xy1/+8vW85z1vdxPgdgfAQvOwA3AdaRDb/lb94N8PAhEAREG7AOBPEHQPAIDP1b44qPP7LGjyreoDfGV1ctmEPKBWVl+cOAD3rHECPg/sfNDPB3xeztjVJSrk5vGrn6v/jpefoC8/c8W1NRahcRAABwFwLgF43Mc6VwIg8BMCUwxM+IvbGWgXgCBICCQOrPKnAABhuXYC8gkN5eCaAJjl4M7P4zFfIqAYsPXdCgF95RyLOBEA+OJMm0QAX1l9q//qze0GwC4DfPazn93dA+ASgB0AfwPsHgB8YV0CwBycuY5QeDyn3e4AEAN+HMgLkdkF8EL91V/91e5rgHPVD/YADpCBv3jrAz34FU9fnp/AB3s5fuYDNIAybYK+cnECAOTlt9AHYTnjqZ9w3676EwLy5gN0/bdgV1d9bXlzlK8PfxAABwFw3KF9Lh//uRIAATohoDyFwAQ/uFcG5MC/9WCrrTETBNqLA6555Hj9EwBbr01CwLggH8jVgXHzJwrMkRDg5Xn9WSDvWJTrw1c/vTwh0Pa/OrsAzA7AS1/60t2PALkB0DcACIDtPQAEgMXn8STxdfSorfo98e0CiF2X4YmDbgSU60+AEgABnw+qW+gnEIAe+KYP/voWz5X9jI074T/hvo2VZ874IB3oO9aZE5vjdMCf9RPcCY+gzu8zfZjHwIynnf7KTn5v8/OjJ61rk3Js3wlt3wnzzTe96TrY4Tk47u+BfZ+NfZ+hPl993vr8yRsjAQDOb33rW3fw3+4GgDLYns7mTsCMA+7WJwTMDawdQ2XzJQROtyNABExxQATI8YmCBIH5EwGEgDnlihMAE/gzpz0zBhHA+zqg2Pntb/7mb3b3APgRIL8E+Ku/+qtfIAAsNjHnsANwxELADYBW/FMEVE4AgD8DfiIA1FsJT+Bv40AIxgAf6OUDfl4OCLWZK325hADvDRXgeXPOnDgL9MrigD+9vLmBP/gXb8s9ngRAZd4c5YP79AmA2cdjY1TyW25yk90vj/lJYNavlnXj0ltvcpO1NX229uab3GQd7PAcHPf3wPZzobz9/Cj3+erz1udPXp8JXwJAmQ/C/NwRAO8pBNRXBt8pAMStzhMB+jP5rRCQm8cT/HnzGIMP/s2rnAX95gVu8RQAwD/N+MFfe7H2vHGnGGgXQH9557crr7xyvfjFLz71T4D+A2B+DXB+/RyHjhiBx3s6TzjgEwJi0J83AdoBYASASwDuAwj07QAoz1xQnz4RIBcExQGeD/4BX7vqAXaCv/LW6xP480BcrH1xxx3wK299YM+bYwt0Y1SfP11OHvQ9NnYQAAdgH3dgn+vHf64EAAhP8NvinxAGXCbPJwZ4uXlJoHaAK54CQE4ZxMUJAt4xmLOVdjGvHuhBWmxcsZyYD/68NnxCIJ8IUNam1X9CQM64+8TAmQSA862/AyYA3AT4n/7Tfzq1A+CyssvLBADuWP1j0fEm8hE/euB/6lOfehUBsP05YC9MOwAgHPjbCagMrEF/Qr6cvrUJ7HKt+ANidfLqvYlAmS9uLD5T1+o+yOcTAXyAB2IxX1y5uXocQX36YmOKK+frm2Do8Rk7EQD+BwFwEADnGoDHfbxzKQDe8pa37CBMCAB6ggCAZxzg+WwKgSkGio2hLQAnAggB4AZd8FfPKzN9MuWEATiLeX3y1ScGeHNV3ooAdfpO+G9jYwL/1roE4F4ANwI61xEAL3jBC3YCwPb/6S4BgP/hHoAjFgDuAZg7AMpg3y5A9wAQAXYAwBYkg7+yuJV9sN/6YBisjQHw+Vb9iQEevL2B6lO89VvIV84H/y3ozZ0gmAIAwM0R1LUJ4sE93+PSv3jbVp32wZ4QECcIeCfs3Y2AJ7f/25rsuuW+E5rc9kT/ppvcZB3s8Bwc9/fA9nOhvO8z1Oerz1uXAuR3fU7CPxEAxFnw55k8MIN+PiGgDLhnsrkjUKzfVgAkBAL79M2TANC2GNTNL8frx9sR4AkB8J9erB1PBLSLIO44EgHG7xLA/E+AK664Yj3/+c/f/QjQs571rFN/A+wmQKzBFrvPmHMQAEcsAMDfDYBeALsBtmLsAMh7YfqaRpcAgB04M7CTA1ugrixXrC7Ag12QD4DVaS82DgAH+q0AqD4wB3o+2IuNxzvWAG9MZXPLVQ7gymCtPsjz5Y2Znam+MYxrLMCXC/yJAd7YTjbnQgAY57if/A+P//Ae8DnY2rURAECcBf58oiAhAL6JgcANvmKiYAoDwLULYGxxZQA+nTVv4K2cANBPbL7gDsosESCfEGheUN8a4GdTFDS3McQJAb6xjUUA2AFw/vNvgP4HwPa/3wCwA+CrgP0UMLZ0KRp3jhiBx3u6BADvRQB/L0jXZBIArtPYAXAjIIC2wg+GfEJg1gV5fgv6ytUBYbAP8pXNWTzhLmbAH/zzwT8BEOT5cnxwB+ig3uNSrl6uNrzjrl2+enME+/kczFgbY7NzKQAOIuAAwOMugrbwV762AuDNb37zykAbeME/AVB5wn+KAuAHYO34KQTAOhCra/x2APaJgSC89QA8zdiZsbeWODC/eCsCmpsQ2MYT/B2HdnYDpgBwKeAzn/nMqV8BnH8C1AITY9oBwJ7jTeQjfvTA34o/MZAI8AIRAi4DTAEwV/fBHpxBsPIEXaBXL551YgDUH7ADonJx9RPyQZ+fZg7tAvvWg24CQF3g5oP3jLWVn7nKs6/YvKDP9xiVte+xbMtdJ3NyOtMOgLp9JzC5fSe7gwg4iIDjLAL2fSb2fX58rtjpLgGANfgDcr7cVgQkBLRNACQKKm8hbCymb/cFJAjywRfMi80BvNrwxuWNwycEEgDK4qDfcbSS541lfAAX8/qVb24+UUAItPrnCQBj+TVA8He+IwBe+MIXLr8BYBfAtwDc/NcOQAIAd3DmiBF4vKcD/ac85Sm7Lf9+E6CdAAKAIvOibAUA6Ab76YEw4INgwJ854FXXij7AB/3yldVPyIv1Lwe4Yj64B3rtxI7LvGI55YDPy1dWp80sy+0zc2qnvTc7E2f7yokB/ospAPadBA+50wumo3pujjOYj+qx73str40AAOVsigDwV2aBn9/GoBv8p9cvCE8Ptsw4vLpy+iQC6s8H/vp0HPLaJwam34oB0O44mm8KATEL/Py0xjYOU9dvAXz605/efQXw2c9+9u4SgGv/RIBfmMUXAsC1f/FhB+CI9cjcAfBtACqsHQHQ9+LwXph+AAgIQT+fAJiwB8CgXx7QxRP4QX7rjS0H2oF+euMrVx/cAblYG2CvLA7YoG2OvLbKWfnZRm6aui3gjbMvp5884GcJAGUnrN2PAY3VSKuTftRk30mt3FGdWA/zfHF3Ft54k5usg/3dn4N979M+K9P32eqz1k6AvDFawb/pTW9ajBjocgD4bg18regJBG2VxVshkBhoBwB8i/VT5oNxYymb0yrc2HNVvhUDBEDiYIoBx5Iw4M01BYBY++YO/srqziQEgF8bNwP2nwD+DMhNgK7/u/bvMoBdZdDHFgtOO80Ygz1HjMDjPV3Q5/s6oBeFMPAC9eJ4wT7xiU/sRMCEPwiCHgv001cvB9igzuSL54pYboJeDNqB3TwzF+CNAfTBPq+emS+o541VnNdumryxq+eNpy+g74P9zM3Hpl8r/nxjOyldnQBQP09e23jfSe+Q++IC+4v5/B6EwLUXAtvXZftZqXx1AgCUJ/yBuJx47gRMMdAqXK6YT1AEYV4OhNUbWzwtEE9BIAf+iYHKCYP6bAXAnLdVO69fIoBn+iYOGh/85flyoJ8QEc/LAHYB7ABcdtll65nPfOYpAWBh2W8A2GnGGvA/7AAcsR4B/S4BdA8AAeDFoMoIAC8W+/jHP34VAQDq2VYAADBQy4PchP02Vx2vrXrAD/T8tMQAoAZ9Xt9ZFgfuBIC+M1c+6G/rtvX7oD9zwX8C3nFl6sXqmePxIXFCOp0AsDrpRNWJ60x+e/I7lL90RYDX7iAErvlzsH3Pn+7z0ufqdDsAgGzF/8Y3vnFnrezzoEwgbIVAQkF+CgDAlksItBMwwTzhP2NjJgJmHIiDcN5cUwDM45BvzikE5BIA+USAsrnyiQCemZcnAOwAiN0XYAfAnwARALb/t/8DgDEJDCReigAAIABJREFUgMMOwHUkANoB8GL4WiAl5kXpPgACoB2AYD9X+lMIgGZtgnoe/MQBu3KAlxcnAgCSyfFbwCvLGydBwAfuVuwBPj9BL9afz2Z/OcfDgn2gV1fMB3becTQuL8ezHpfc6QSA7chOTJ2o+NOdzPbltyfCQ/lLVwwchMDZC4Ht+3zfZ0Ouz1Wfs+0lgARAHrDFAZ7v0oAYdKeVA1/gTxDMGHSNmSgIzMFfudjYIGw8PjOPGIS1mSJAWXvQ14ZPGMg3X0JAm2KwTwDk5cBdO55pX0wA2AlwE6Bzm38DdP0f+J/xjGfsrv3PPwLCGODv/2iOGIHHezqr/3YAugQwBcDcAegX/4J9AiDYB0l5YA76eeDThpdjwT3AV+ZBOMDzgDpt5sSNDcqB3jiV+X1xQNbHGAmIynJb8MuV5yfwjcdmLvib34ciM67YCcvJqBNRvhPUDvzjj362J7gDHM4eDl/Kz9UbbnKTdbCrfw7O9BrPz05/mtTnrM+dvHagDPDtAAC1OEEAvNlWCNg50K62QCw3xYBcYkC7YDy9fAJgigF5EGYJgMpTACQKjCE2RiJA7HjUzTkTAHnQb+VfnJ9iwPzGtvJPAHzyk5/c/QpgAoDvL+btMs/VP/YcbyIf8aOnvNz9zxMCfgwoAeBSAHVm9e+FsgMQaEEvATA9kAf4fLDPy4PrhL3cVgQomy/QF0/vOAJ2cG/sWW5OddO0YcaRn33klOcKX26WzW3sacFeTltjeKwM7It59fzpBIATUienTlb5eSIrPtOJ71D35SESDgLgzALg6t7nfVb4Pkt9xvYJACIA9CeoEwGJA34KAEDWjwd9oGdTDBhPGwCWTxjIgTFfrJwQKDYecCcEEgF5MNZmioFZNl87AQmCyoHfXOLqEyLBn5fjg7/VPwEgRwT4/ZjnPve5u68B2gHwDQA7AO4rSwDYccabgwC4DgQA+GfuA/CieEHEBIAycw9APwEM+llgP50HQjBXn0AI0pX5wFg8QS8O9uWVxRPoM96CPbhPL96WjbsFvceg3awDesesTjxNvnrQ11duKwB6zE5GTkKdgKbv5MR3wsrPk9k2vroT4aH+S1cQHETA6UXA1b2v+5z0GeL7jPW5k9MuCE8P3O0IJARAWBtlfgoCdQkBYkAsJ2bGA+NpiQNjgTAT6ysOxPokAngQluO3Bv5TAKhX1j7AJwAaJwFgbEKgMacAmCKgdnLdDJgA8C0AAgD4/QYAb3GJMwkAnDliBB7v6Z785Cefgj8RkACgxrwYcweg3/wHwVb9oA6AwX/CXg6QywU7HuSzymAup71coM9bbc/YcQT8IF6ZL8dn++prO+FuZc4cSzGvTfmAr83cCZCXA/vM4wn+ee18VUbfN1944e6Hft7mpLPH5neY913PfNOFF66D/f18Dt544YXri2FvuPDCdbAvfA6u7rnuczI/Rz5f83OnTjsgfv3rX78zcH/DG95wShQUgzigsykMwDrwB2/CQHvg3fpgrO1WFCQAeGOCtnaAOwWBMkt0BGxeP367I5AoCP58/bQ1VzsCAb5ycycI6msXQM7NgP4L4DnPec4O/r4CaAeAAAB/5hIA3tiJZsebyEf86G25sITAFADdCNgL5RIAEQDSQDihX7z1gB3g9Ztx5XLBfesBuhxYTrAHb8CdcN/Xrvp9/T0efRIB+aCvHPjNlU0RUM7jyYJ9Xl7MzMfETjZOOk5CE/Yznies3QnqNL/7f3UnwEP9FwfI1+R5PVfgfv2FF66DXfU5uLrnttfp1E7AyV/TnJ81ddoFfz4xALxAngBQFicClIu7LMDrnyjggZfJ81MQyDHwZbUDXLE5xJn59omBrRBIBOT1B3l9jRvwmxfQsy38pwgQtxPgngB9+mVAOwB+AbBvABAAFpbtAFh4tuA87ABcBwIA/IkA9wB4MagwL0gCwIvlZsBuAgS6CfptWR1gA/w+A0H1vHr9J+BnHCTltuAO/luvXQAWz37F+gT5vLlAng/4fCv6Cft9sVyAb35wN+bMT/ibyy7AbrUxViHzZDTjrQg4kxDoBHfwR3vnf4A5G391sLq6+gP8rx38vTZ9LvpMzc9ZAgCUgTghYIUfnEGYKRcnBPRLBLQrMOG/jcF3mvrmbnw+MCcA8gmBrQhIGMjPXYBW+OYx7xQA7RDwwb9cZcfRnAmBvLHsAGjrMoCfAvYHQFb/fQUQU+IK6B92AI4Y/E0H9sDfTkACwIsitj3TpYCPfvSjO1AH/1a8lQM/2LW63ycAqtMu2OcTA1vwT3CrC/ozL55lbYxXW56B+oS8GKRb4fMT/D3OhEDlfHAHdna6co+Jb+uf3ycAzrQT4ETVSWv6TmgHf7TAP5vn++rEwNWB/kz1BxHweRFwpudJ3Xwdet36DJ1OAADx6173up0IAOHEgFgdCIM8TwCwoD9FwIznzoA8EMuBsTGnyZkrAZB4UA7C2iQGeAbEzSluJwH8A35CIG+cLOjz+gI6r21CgG8XgQAQJwT0E9s59j8Atv0JgPkfAEQA+B92ACLyEfuuu/BEAOj3t8BeFALA6t8L1U2AgQ+0xQmALeyDenlgZABYXb5cXn4Lc2Xz5QN77fLlAz5vXlBnAX4bV9/qPuBrP3MJhX2wTwR4HPPxKgf9bazcDsD2HoB5UtoXd/I6+P2i6Ciel0Bytn5CaMZXB6/T1R8EwAkBcLrnZ+Z7vudr1Xtkfr7ktA3EBACwKwMvETB3A7pEoA2QA7C2iYFAnE8gBPO8PvUF4ubjmRwIT3M8+iQGzKFcLiHAZ9qIzRv8i3nwVs+bk2cJgQRAbZTVA75cY7oMgBsuAfjqn1//wxLewhJb5g2AOHTECDze03nCn/SkJ+3uAeheAC+KPAEwLwN4IcEc8BMBYqAD2Qn64ulBHexYcDaOPPgmBqoL6OqK1RVv/bZf5cAe+Pni6ozlWIJ+sWMN/rUJ8h53IiDYa1usbyv8xtF+5sTGnfcAbFf/naCuzs+T2iH++7ELcKY70ieYZnxNgf66Cy9cB/v8LsDpnr/5HPe69DnZfrbktX/ta1+7Ay8BAMD5gJwYyBMC6sAX/OX5gJwA2PoEgHy7A3JBv/6V9wmBRAEhoL3+vLL2QR+gxeX00xa0t15d8A/syuLEQPMmCozTjwK5FPCpT31q9z8ABIDr/gmBKQCwJ+4cbyIf8aMH+qx7AewCeHG8KAkANwd+7GMfO3UTYOAH+AQArwzkgT/AA2ACINDL6VM+YG/BrpwB9hQB2z6V89oH/An9GWtj/EA/RYDj15Z3rBPwUwioY40T/Hm5ysE/8Pe4tgLg2oqA7YnsUD6anYFAciYfdLZ+gkl8OoCdKX/cBcCZnpvqep7n89/rtf2cTAEAyISAVXvg54E94LcDAPiJgQl/fcFYP34KAHWV9QHhaeZngL3P9AHhfHHwJwCMX1kM4OYozhtf/4RAoiARwKvfluUyQqCdAALATYC+/uePgNwAaFc5rtgNwBt8wSHcOWIEHu/pgn+eCPBipMZ6obxo/gRowj3ITz/rARH4AnwecMVZ4DwT2IFy1usT5PO1qZ15piUEZg7Ys8CflxfPVf4sly8X5Hl18kCvPOsch2P1IxlTANiCBP5pc1tSvD1RHcp/v5+TALP1E0Li4JQPWmfrDwLgzMKp55XvuZ+vyfZzlAAIvnk7AOJ2AvgM3EGYTxBoKwbfrB0BbeXAl3VZoLK+QJzXPmibA6ybTzkA88ao3KWBdgYqmzshwLP6Gbtt/DOJgQQJQdAOAK+vbwXYCXDvmJsAbfv7RpkdAFwBe1whAOw2x5zjTeQjfvTA75q/ywBiPgGw3QXw3f/+CRC8QZhNAVAZ8AA0yCuL8+W1AeSgHcwrz7pgWd0W+I0V4FvlB1z5cuCsfaY8rbzHE+h5x1+5x9+qXl3A10ZsTHm+4xerV04EnO4egMTAVggcxMDfb/DvA8oEjjgQ5SekxGcLf+2OswA4m+dpPrc9370e29fKZ2v3+vimwMnVtx2A4umBdwoAdUAOzGJ+WmJALiEAxOJEwPTiKQLEGfgmBPhiefA3Lm+uxICcep4Zqx0CcyUCEgS89omBdgT0A/3EhDasHQIiIAHgp4D7ASBfBQR9QgBf7AAQA9hDABx2AK4DAeDJD/48ReZ/AbwY3Qcg5xIA+AI++AGqGMwTAYGdB1Fen/JgqG8Q1yaQB0j1xbXjEwPimRcHdn7ahL44sINwcd6c+gboQM9nji0RwLOgX7lceZAP9AmBytU5KTkRBXz+2kK/E9vBX7f3AQSaM/ntL/pNmF0TqL/W9epjaGfzHM3ndD7f29elz4vPoTqiAcTBPwFQDPrq8sVAnijg2wlIBFTmtwIAkKcQ6NJAOwOgax4m1l48wS9WF5An/BMBiYPgPT0RMIVAZV6/BACv3FzAnwAwXjsCRMBHPvKR3VcA+wlgwO8HgEAfYxIA/BEj8HhP18rfE8/sBnRNZv4vgJwX0g4ACLKgLw7wWw+GMxfsg24wD+ja10YOtCvn5QOx9trULiFQLg+8TD/e/GK+vL5yW/DLbc28TF8+2PPFjpcFe20Dfl69+Zxw/PzoFADF+4TAYQfg79cOQPDY57eg2ZYnlMQTWGcDuNocNwHQ47463/M5n+fta9Dr1m6AMgEA8EE/+OYTBVMEyCUA5MWVg/VWDCQEeLAHdn20nyIgGIMuU1+szrjNN2O5hMDWm2taYqC52gFoZ0A+EWBucTZFgJj1NcC+/99XAEHf6t9us9hiE2/Y8SbyET96AiARkPe7AP0zoBemrwfaAUgAtAsQjIN8YJSXqxwMA7V6OQAu5veZMco3jn7BfuvNIadNZozAz2fVT/Brq2wu7Sb81QX4Yu3ElfmOk08ABP3KjpH5ucxTAuA0IuB0OwIHcfD3SwgASDCZfgucbXnCKWDxVwe3WX+cBMB83GeK53PZc7x97pV7rbYCoNU3D+4gPQVB8G9FnzgI9okAvrFAWPt2A5RZQiAgzzLw1n8KgykEjJEgSAjwczdAvZV7cxYDv3kTALw55eblgIQAry+fEBBPMZAg8ANybgCc8PdtAALA5QB8sfjEHDsCR4zA4z0d2P/0T//07gVoF6AdAC+GF4dCY1MAgDsoT/C32g78+QnDQM4DK6++fOAtD6bifNAM8srNW2wM4FYGePE+L2f1bWx95jZ/5bw22VYAyJsr2Af4Hndl3hzaMuDPOwntdgDmHwJtLgm0I3BNxcDpRMIhv/8yyzV5XgLGPh9U8vvAUy448RNaZ4Lbtu64CIDt4z5deT6P8/ntOc/3+szXUM4OwGte85pT4J0ABnQAbxcgPwVAuURAUDZOq/JAPMWA2DhTAACxcitzYxTzUwgUGyP4881fHPz5acE/UZAwME/Qn0Jggj8B4BgYEeCHgNz4x2z9g/8UALiDNXYDDjsAR6xHPOEEQKv/eRlAnTIRwAgAsAV28AS+KQCKtQnowZ3Xvvz0s4184CwvZz6wNHbADfx8dYCtbbZd6ScGAr+yPuaSE8slBsyVyRdPTxB0zBP2M2c87Rxn0J+xE9Sbxr+S9e9kO3+a+wG2oJonsEN89DsDgWT6IJOfIJrx64H/pE2gXROovwawvsztmjwf83nsuZ3PeXGvTa+bz44cAfDqV796JwASAvmtGJjgL26ngADYigG5aaCfCMgTB+C7tYSAYzBXYoCfuwAJAf3lCQAQTwCUm0JA28RAuwFyUxQA/lYAGHcKAXMTA7zfj+nGP98ESADI9W2AFpuHHYAjFgBt9ScA8oDvxUgAtAPgmwDgF+z5Wd4CHAQTBGL12vPbtuXUA7hykJyQl5vwN25gD/x8OfWBPdjz0wJ+OccQ2MWV5Vi5gG8u5tjKmbcxehxW/a385cy7uwRw8rfJt1C/SvnCC9dbDnadPwf+ufFM5hsd0/r1uTywbG2uVl93wQUre+0FF6yzsddccME6DnY2z4U2PX98z+32OVfuNen16nWVf4Pn9DWv2a28QZeBNtDuEwKB/3Rev4QAGAO98Yzb6hyU5eUCuvJWBChrYy7wzfQRAy+vXsyK2xWQEycaePDXL1Eg105AgqCyY9A2QTC9sY1BBLhsbLsf/PsqoJ0AK367ze0AFB8xAo/3dASA7/4Dfwb+Xgw7AH0TYAoA0AdYEEwIiAM48DFtiqvLzzptyufrH+yBORGwzQVfbdRVFjdPYN+CXt6xm09dYC8X8PPV97hO54kA5hi20JfbmhOOlcc13t4/CILrVBAEjK0PKPlAswPLQQBcK7Hyd4E/EbAVAPM16XXqdVQmAOwAAC0frINzQmCKgQl/9bMs3ubaBSAA1CUEePDVh89At3yiQJuOCZAz44m3AqD+CYF2BMwpbgcgr714CoDijiH4Jwg6BnPbAWjVz/cVQDsAOIM3OCQmCo43kY/40T/xiU88dcMf4BMBCYAUGr8VAEAY/EGwVT6AKwfyfLkJzOq2fcCxFf4EJZjvK8sHfbFj48uDfODnK299K3vHGOjNV6w+sGujbj6e6uS15YN/q/7y1Tlu/5j16gsuWK9ywhmmfLDr6Dk4//z1qmtgrzz//LW13z///JW94vzzV/by889fW3vZ+ecvJq/Pq88//6xW/kHxy3313+O8Or9v5b8P/mda/YP/G+0cnBQAr3rVq3aABdksYdBqPREQiCf4uxSwzc1yQoBPBIiDtbZi8/EM4AMw37EFX7lEgP4Jga0Hfbl9giARwJuT19bYiYDpCYFEQKLApWNb/cGfAGB2mC0w8YW5H40/YgQe7+me8IQnLCKgmwETARSZF6PLAF4oL6RLAIE/gAfB05WBdkK+8sztA365PKCLJ9yDfALAsYjlJ+wTAOaeBshMfaDPG6d6cO9x8ttydcC+NWPvA3/HzP/2jW+8fvNrvmZdtsd+42u+Zh3s78lzcKMbrd84jT3vRjda0557oxut7NdvdKN1JnuO+q/5mt174Lf/j/9jJwSuCdSncPxyi6/J85BAuMr1/z0/qtRuwL5dgN3K/6QQA1wCAMQTAsBMAGTAKwbbhIBYX/3yIJwYmL48nxBIBOibKAj8vDwL+gkAvhiIjZkgyCcAjFMc1Nt5IAZq365AAsD4xeCvL2HQ3Ly+iQHccAnAIjIRgCtEgZwYa+wA4M7xJvIRP3rgt+rnwb9vBLQL0GUAAgD8ARjsgndxZeAVZ9XzwFq76QP8FpzleXXBHsCDvFz5coFfWayvPnmx41HvmMB5+gRAx6MtA3254C82fvnm4lvxN0benNOs/pW33r9oGYc3VrFjlWOJk3K8396eebHjO5MZ30921qY/8jBHOb68OfTxIx/81uSZx5T5PnCxcZV7HH41rJg3T23M5U5iXp/K5fLy+nUXMt/xTi+vj+NrhdLxGp85mbUa0lYfZe2d3JzwOgHKK7/hDW+48kUvetH6rd/6rcVn//ZBD1qPuv711yOvf/318Otdb/2L611vPex611s/+hVfsX7kK75i/fBJe+hXfMX6wf/tf9uZ9i+/8Y13OwBnC78vN+j3eM728WsX/PkEQNf/p786+Nv5ecmNb7xefumlO/gGWwKgeMK33YAEAfhnQJ8wAONgL5cIMFZ5ueJEAK9NZe+9jkPcXKcTA4Gc1zbvvWwu7182Y3Op9/7uPS82X+/9GRMCtS9uZ8Dvx3QJoJU/QQD4BIB7APBHmT9iBB7v6ewAuAegSwG8F0TOi0GRJQL8pvMW8IF+esAO8GBbHYgGXzmgDYx8oJ9eHKy1AcsJ/AlTYwNlvnhbDvBBHyS15cvxQX968TTHBI7zcRgLFMsH4Y412GtTrK4+E4Zi4+W1ATtjshmrm/mgrY14a8BYm3ywrK0x5XjHAJbirLLHIRfkg+ksi+WNkzd2AkBOXNlxM/ni6YO/MQK+XI9Bzljlgn7AB/Ri3gkL/LWfJp9YcJJT7mTspCh+9atffeXzn//8nQB44QtfuBMA/+FhD1uP/sqvXD9+3nmnRMAjrne9zwuBr/iKLxACjzzvvPWmW996/cGtbrVed5ObnNW18mD55ea/mPDfdwlAzqWXHfwf9rAd/F/5yleuDHSJgKxy4G0nID93A4qDfqAP9nxxdcaR673G2w2Q480Pwvli79GsY1PWL/gnGhIHUwBoxxIG5g3+xT4nCYEZaxf487gB9N3xD/5TAOCLBWeL0ONN5CN+9JdeeukO9kCfCOiFaEvGFg1zN6d/AZxAB8PKwFwZQMtvPaiDMp8F0Mp8sDdWsTm2NkFv3IDP61sOHJtHXpkP/sFzAl6dMiCWlwM7Y/HqxPngKBcAt/A3lzp91AX4rTeXnPbiANixKovzYmOCID9j8zm2AFn9bKPOfNUBoz75Hps2jaeux8kH92JlpjwBbwzl5lRm4Ovx8MF/5noO9AP5aT226njwNs4W+EE9+DsWJ61OYuZUNr62TnROinwnwrwdAOAnAtiznvKU9bgb3nA95rzz1qPPO2/9xHnnrR+//vVPCIHrXW/tEwI/dt556313vOP60MUXr7ff8pa7n/Y9Gwh+uYHf4zmbx12bfSt/OwBz1b+9D6Ct/27+28H/ggvW7934xuulD3nIbnXedjwBAODKYit90J1GFLQDEHSBXFzfRAD4BnegDfiBd0JeTlt9Oh7vOaasbgqAVuV8c/AEQF4c+OeOgFzQ16aYT+jyxdo4Dp+HbIoC9T4/LgG09W8neQqA+Q2Aww7AEcPfdO0AdC9AOwBeGNZ9AFSaFzIBEOjzIJsAKAf8YpDlJ9yLqwdLOX4L+OCfr17b4J4HyRlrA4qOIZvlGTsWBn4znmX5IGhs8fRiFvDViwNksXnFAZ7fZ0ExIBtP37w4Azvt1BUrF299Y5av3BhBny82duPzgT3Yg7McM255cA34PSZeu8pBP9g3jnI53rhbA2k5Xj++457gFxtDXW21d6JyEnOcneSatxOgNp3gtOmEKSYAfvM3f3MRAc982tPWE//hP1w/9ZVfuR73lV+5fvK8804JASLgx4YQcFmAWfm/9Vu/dX3o9rdfbz+5+j9bsH+53Sh6to97KxTmbwR0CWD6BMH2EoCy59DK/8X3v/961e///vr9kwbsQBvExUSA/BQAwVkeaKclDPgpAlqFB/6tJwwSBzPWLhEwvWPw/kwQzOMD445JnCUAEgS8XPA3lxwvx/f5MHefDTlj9vmYfgoAlwAwZX4DoOv/Fp52Aq4DDB7fKW31MwLAC9DqPwHQzYDUmRey1TzIBsly08+6oCgnDvTlEwOBPSEBkKBdXlmfQA6YchP4YvnaqQ+Q9cuX71jzAKgfL8drG/w67unV1U9f5Ql9OWWeOUbgm37G1RnH3ODY8c5YTtvmFzsObYKksji/zVenngVOYxh3lotBU8wHeXHWY9cGVDNl82nnWFl1Ade8HX+xOsCeVs54jaF+At98yuqLKzuGRABvPO0al3di0x78EwmEgvw8+bkEcNlll63Lnv709dQb3Wg94au+al36VV91SgQ89rzzdkJgtxtw/evvdgMIAfcG8K+77W3Xn9zhDusPbn3r3db/NYHgl5MAuCaPux0A/prCH/T7SqY5rfx/5653Xa95xSt2gAdcIiDwVgb/REDQn4JADnjbEQBd4OfVJQYIgQxwEwYAqx3PzMvrr1115c0ltxUC8nL6JArkQNp4vDETAoG/9srq+MRAAkD/5ksMTD93A8zt3jE7AHaRrf4Bn7kkwFtc4gzDmeNL4+vgkScAgj/vhXBjYPcBEANy7QCAYqv7CX0xmJfTLrgH/W0ZREEbFAP91gf4PFBm5fLyAJ8Xg2TQr2xesDNvkFcu5osn6I1VGRxnHNzzQTDwax/0eGXHKc5XH/iC/vTqKm/hHcTPlN/WGU8/xzNNO8cTtNWJtQfP+fi2sX717zHlG0O5x5kHXaY8YRz4jSnmM+3ExmVTAMy4uoCeWAF2cSeuBEAnvtpPAeDk2Enw5An6yuf+yq+sf3nRRevJN7jB+ukb3GA98QY32ImArRA4dVng+tffXRp4+W1us/7Lne603vEN37Bef9Ob7ra/zxaEB/j/3eBPPLz0xjdev3u7261X/97vnYIyIL9iIwYIAmDnQRf4M2UGshlIay8PtowAkK9sHvXAyxIC2hgn+CtrpzxNnvVezOtrPD4BYM6OTS7459XrA/qsecolAPpcVAZ/8yYCis3hM+UmwHnzn9V/AsAlAcIAY8D/IACOWARMAWD7305A3wTwotiS8WIlAMB5Al4cLGceaLUN+EA5RUDg1Eb/oKks5qcBZJA3tv5yTHs+KPKBfuvVBcmOe5aNE/gBzzxBsWPOV9+xn86Do3EBjy+eZTnHEQiLHa+ctj0+5Y55nw+M1W3LjkedPG+8HiNIirXhgyq/D/IzB6KOE5Az/cTl8yAr3+PNJwCMJdex89onBKYIMMcW9PO4iwN+41ROAMhX1zzGdTLUhnVSc7LrBOhE+drf//3P/ptb3nI97QY3WE+5wQ12IuBJJ4VAuwGPP3lJ4HHnnbfsCBACv33LW64/vctd1jtvc5v1hosuukbwJxKOowC4Niv/eQ9AK/8d/M8/f/3213/9etULXrCDMwAH/+nF7QjwwJ8QAGYmlw/ggEsEBN52A/IJAZDN9A3GQVhu9z476ctPnxBwDAkBPvB777IpCpQJAG3y22Py/k8EJAy898XG73PAB//p7QAEejsAVv6g302B4uB/uARwHQiAxz/+8acuAbTyB/+2Znpx5g5A8Az6CYEgD9bBf5sDUHAH5wnNhMAEf9BXV8zrywOnMcAxHyh57RIBYBfcO/7mL7+Fe2XzBPxy+gJgczdW8NQnkyvmO0ZAzMoFZF6dvJgPiI4lwGtTzG/LE/TqKxsjC5LK4vKVJ+jF5pg55QxEHS8vZ77qWt2rD/blpu9xBvrpxeBtfIAO/jPu8fCBXj8QN49c4M+3gtHOyYyJneicHHkrGifN6p2A3/ymN62n3+EO/+vnbnjD9TMn7anweOdNAAAgAElEQVRDCOx2A77qq05cFvjKr1wJgd+6+c3Xn971ruvd3/RN6/UXXXTqR6DOFuqvvOCC9eViZ/uY587I/N+DeQmg+HTX/4mBU/C/xS3WK5/3vB38rfhf/vKX78DOK7NEAQ+yGbAX8/uEwIT/FANTAOinf7nm4YFXXaAHZ2V5cXm+vFjdFAJyoCyXAPA+luO3QqBdgd735qtdIqC55Yt9LsTtChgfN8C+m//sALCEAAEA/C1GjxiBx3s6TzoB4NsAzCWA/hxoigEigJJzEyBAB3xwBc88OAZ+7YrllUFyAl6s78xpO2FfrG/Qz4Oi+YMnH/B5BnoBfnogrqwf2E24V976CXpjK4Ph9GJ15gh++X1CABCN0eNQzia0iwNkMK+sfpo5Z1k7UMx7bNrwrLw2E/BBdObEIBzoef2MV67HHPB5bWa5HDD3OHjwzXfMsyzHHFtxnhgI8hP6wb/H0/Hz6ph5Myc0/dmEv5OcOie/Z9773uv//OqvXj/HbnjD9bMnRcDTbnjDL9gNeOJJIfCsCy9c/+/d7rbe883fvN5ws5tdY/gD5nGGPyGQAAj4018d/P3q4otucpP1il/91d0K/WUve9kOwIGfB2QGxFMIFAOuXYCs8rws0CUAucRAEE4QgHXzJAJ40E0E6FMcbPkpAsyfzTYgHPwTBfp57zqGTNmcwV8bMc/Ugf/WJwiCP58RAgSAHQDQB/suAdhZVra7jENEwGEH4Ij1CPgH+r4S2DcBytsNYAQAUAd/8AzwWw+8YMqrA0R9p98XB0d1QT4BoC5xEOjlAj1fngc+xxjk9S0XFNUFP/UzNvYsOybQkxdXLs6rBz5+awHR8QHfNGOX55UDouMV88bo+Ge+nHb6alcf3mMJkOqLq+uxqmMgWWys4vJyW9DLzTygmsfj1LbHG2yNNaHrWPaZNvIds37ifat/dayVfV4usMs5HlAP7uZQnm2cyOTy7RI4wTrxXfb937/+9Vd/9fpXJ+1f7hEBT90Igf94/vnr/7nr3db7bvst6003/9r16vMvOGWvOv+CdTb2yvMvWF8OdjaPtTbzeXrNBVbxF67X7rHXXXDhyl5/wYWLveGkf835F6yX3/j89aILLlgv//lfOAV/cCYCePDNZjnwA/EUBUE3IaDv9vIA8GaAKw685mieYJtPCJgDeNlWCFTH6+e92TEV84mABAGvPfAnBrZxYmAKAX2CfsfEG8/nxFx58fYSQDsA/QogARD8CYEjRuDxns41/5/6qZ/a7QK0BeMFsf2fABDbAegSAAEA5kEfOMXBXizH5sr+TDHI6z+BCajKUwBMyIszIC8Gz8Af/LdlsDQ26HWsWx/Q8wGQL5eXM15eDIR8phzgzVsMisU8A7uAzutbedbNeNbLV8cHzmCcGMjLB05+Ptbi8hPw4mkJgkCfD/iVeW07zum1Dda1AXpxwJ+Pp7jjr3/lPLAbY5+BPLjryzuBOckxJz/1To4JAPUv+ImfWD//1V+9/s1Xf/VVRIDdgH95wxt+wW4AIfDLN7rR+n/udrd1+bd8y3rz14L/id/958/2vwe2/znwpVo+28er3XyernIPwPYXAMc/Afotf+anfdlr/dfCjW+8/NTyS5/2tB3wX/rSl+48+CcAwFjcLgCfATIhMMVAcdDlQdqqvxjw5fJzRyAhkDeHtkArZo2TAFDPlEF2mnG0n3XK8tolBIyfGHBciQD9xNrqo90UAlMM9BnJ61PfRMBWANj6Z1MAYE4LzeNN5CN+9CBPAPDMjoBLAAkAL4oXJwHw53/+5ztgTshPIQDygT84yp0uBuYAuQX9thzg80BZnA/4YDjj4KiPfOBXFlfOy3fMPAhuy9oYFwAn8AOi+mL9lbcGhOU6Rj54b+N9bbQ1vjrj1SYwyhXzPd58gFdXzDt2HkD5wNlj4uWmN1fABVNlXrtZDvjaArO5xeV5eTl1+k/4K8vLseaUL+bn6l9dBuj6JQq0C+58JzRtpgBwwlT/u0996vqFf/gP1y/8g3+wfv4f/IOdCCAE2gkgAnaXBU4KAfcG/OL//r+vP7nLXdbl3/qt681f93VXAf41gXh/MPSl7K/J451C4Sr3AOz5waB+FKg/BUoEyAf/Fz/qUafu3gdiIoDfCoBW5jwBkNcWlOWCfx6Urf4BN9OvWF+wZcWBn59zAq/xEgEJgfJbMdAcUwwUq9sXJwASBZVBPOv4lBMCxirm+7yUd2zGIgIIgLb9+a0AwJbgjztHjMDjPR3g2/KfAsCugBeiF6XtGTsABACgT+gDfoIg2AOyONMGQKsP7jx4Tq+dsj6BPQ+WxfoV///Zu9NeXc/zrv/vgjqJt/fenh07duw4HuI5TvmjFipAKlRIgNo+KQRKmjbwgEhVoQhQmzmep8R2sj3FSewMTjxPGZqStJAWISSklhdyoc/d9V3/Y1+s7aw73tnVxuvBod9xHud03dttvr/zvO61FqhP4Ndea4BP7REI5bUBb4LfmHVNWx0AMzHlnjNTEOApIM6oD/CA23zrBvGAWE3b/MYb1xjqedT6TD0jWKpRNfsApJyq11arTkHT2uYI7XWuNj/XzPVZv+e2FvBOlRfGCvCdWt3c+ibku9Zf17riB33hedKZWxPcqf9BMy/1P37m+B+1r37yk8vH3/GO5Q8ZgJ1gAk5kBNwGgP+Pb711+ZPrrltevuSSv/rrjzun/m1geDpDv2ff5vO+GfgzAQwA+H/Nz/kfObI88Wu/tgH0V77ylQ3wQXgdGYGpcjFhzABomz8NAGjXDspprwkyAYA/zYC5gGu8Pvk0AeBfGAO06zB+DXt7zJo1Zk0e/Gfu/+6nAcgUgL7xmQDryXsW/39T/r//9//efffPAAC+07/vBThc+t4Z/qRvbSKf4k8P/v/6X//rzS1AX/7rRwH7ccC1AQBV4AXLwE+DfZCfWp85E/4T/OXGAGNwp7M98wAPejOfbfWAGOCnygvQNzb4A2C5feWBPeivNTh6hmBsrnXpDFBsDAA2p3yt6/7aKUgG+vI+u7XkE/Ryz0CFMcEfHNfA1zauz0id7Dvdt86sya27jmkCzNMO8gFeW24NuTHtAdBCe+a1zZmAl5sv5PUZB/zqXf1nAqj/YQv+z9x///Kpw4eXj//cz20MwJ4mwI3A3/gbu68F/vCMM5Y/ueWW5U+vv3555V3vOoD/Hn86eS9TcDLgzwQwHl86cmR57O///d0v7AExSAtmYG0C3ArM1wPzZC6fRmDmrZkJOJERyBDYF3CnyoN/+wZhoLVfJiC1X8CVq2cE7DXhb1xte9dPQX0agEyB/acZUK9N7ZcZSLsV8HsA/ARA7/6BH1OoLwICv8MmPfgOwCk2AG4A1gbAfwjGoP8w3Jn/MJycGwBABnxgBe3grr4X9NWCfnOCPXjOXL911AOl9gxjCmPkaXVAlK9BHwypPvNokAe/Qk0YG/g9F+hNlc+2Nc2hxbrdadhzAmMAT4OlefWn9q+/mnECJPXT2nLR55oaTK0j12f+XtHa+sDTZ1DLQFAwpYU2sFo/La9tX+uArVo5tY96MUEf/M3X32dRN89a9q/dqV+7XL9gAMDfOvMWoBsA/6P2/OOPL58577zlEz/3cxsDwAR8bMcIdBOw+0pgxwR87Iwzlh/ccMPy3268cXn10ks331wPbHtB70S1Ts+ns57os+1V79+Ibnvt38l/wv/Rv/k3l6999asb4H/5y1/eXN8zAU7xtBsB+V5moBuAgNztwDQD5oFzrwaCP81wGDPhX742AbUDf4agNuBmBFI1cAf+olr7BP7aVC0tB3hrZQjUPRPtFiADYJznCvxr9ceAMgC9++8GgAHoFUC30KcYgW/t7bz/d+IH/L4LAPZdzXBm2l4JeJczDUCA3Av69dHgPxUwgXfCfkJeHjxpfXJgB0o5Dfr2Kgc/6xfGyaub6xmCYc+rbSytFuAbbw0Q1E7l1hTgN7W6NeXWLwK4ttx6s1Z9r/FqQZ6WA2ftasF9rX1+am/9FEBFec+mDZgBfq0B1XjPYT15Ki+CvT7gNV6UTzWmmOCvRifoA3yfY/apBf2AD/rmeKZOLvr8j5n6i089tdxx2WXLJ884Y/mEGCbg/zICO68D3A68ft11y3+76abltXe/e3nm3HOXYLcNyL929tnL6R7bfN7+jej8/QDTCJT3hcDe/VPgp/bcnPxvuml5+sknd0/0gAzSjIAAf4DOCJSvjYA5bgX2MgEMgX59VACzCMZye2cIJoTl9jXWvmCrlhHIAGiDbc8gN6695KBvHDBnCNTlAC7kxqlXS9VmdAuw1mkEMgMZAWsL///DAKzf/TMA2AL++CI/MAB/DV7ENf9HPvKRjQFgArT9OKC8/zDgL+Z3AIIjqMq7BZga8CdAO+2n+sDdOoGSAnkmgNojuANf+VqtY01agGB5fdabkJ8gDJ7G9OzAJ2ZbrgaCaUC0XrnPoz/w6ZMH9amzbtzsk9cf2HtW4DRe2171V9c3Y4LTeAGMfRZtuf3qC+7q5bR56nJzCkCVr1UNYD1H4N8L/j0ngBf2DPhqcvsCdVGbztye5nfl32lfzTPqZwDcBvgfL+u/+uyzy13vfe/yqTPO2BiANzIB80bgJb/f/5Zbltcvv3z51nnn7cIf2PYLxNMd/J5/v5/VuJ8G/kxABiD4W+fJo0eXR6+8cnnyoYc2kAf7AExrMwDa4B78MwPADsj6psqNAeJuB9JgPDVzkBmYzwG21gq6PYM9RCagHGQL65UDbntaS66mPzNgrZ4h4NP2nrV13VzrdSuQIcgI2EduHp0GAPDBvhsA1/+YouamWc4EiL8GDL51t3Tq9woA8AUX5rWAGwD/Uaia/zAMABhPyNcGy0AN7oA7IV9Oiwl8c9ehP2AHwjXwqwNekFeTq8lnnzU969oAaBtX3b7ND5AT/voAb36GcuPBtn6w6znTaml188rTOQYkrUs9QzHb8gl7OUhWC6rafbZAGeyn2m+GsdqgKcqt61lFwK89FWSDf/D2zNalomecgC/XVw74E/B9juq1e1bAl9Py2ee5Ar89Xn7hheWBW29dPn3GGZtgAgpG4JM/93ObcCMwbwWevfLK5c/f//7lu+95z/LsBRccB7b9AvH/BfhvYwBOFvy9NvCX/R659NLlqQcfXJ588sld8HfqzwAAM3AHZKBXA2E15qAIyJmB2p3GqTnWkwPwvAmQ126/YExBmGYAMgXAW9jTOAq46rRnkItpBuStbX1zGALjuhXQrz4NwIluCTIAPRNVywis1XcAugHw7h9LMgDgXw1vxFuXxn8Nn3zeADACYO+VgAB//7G6mnGV87/+1//aGAAQB8t5/R/Yp4KmcbOWUaBBc53XBvxAGPxnO+hnFACxGrX+NANB0Hh5wKdCHfzoXhEwQc/aE4y1+0yeE/jS8trU/OCoPfvK9ftc9g74abAPnD4TQPY5Z16fmrXSIEn7fHTCvdyzlBsv7/kn9MvtUX/PaB7QduKunikAXutSY4wP+OkEvLGNoTP0BXtzgv5UeV/+c/rPALz80kvLQ7/0S8tnduC/lwnYvRXYMQBMwFOXXrr8+a23Lt+98srl2QsvPO4EvA3Un/Zz66d57PfzTlM0f8PhfAVQ3vU/na8A5J38H7nwwuVLt922gT8DALzA3KkfgGcekNcGodcD+gG5WwJqPetmCEA4+JfXNm5tClqzvcG52gT2NALGgD/oZkDWBkCf+cCvr1xbALt1Cm3RiT81dhqC1qkf9OX2sw+1Dp0mIAMA+r377wuAbgDwhRHAIvlfAwbfuls69YN9twDB3n8QBsB/FMEIZAAAdd4CBHfABGka9OXGU1B/ozBOf6BPW6M2NVYEwplXo2vAawMrLYDRHgL4ymvrrz4hH/zV7FU7kFN1an4gpGrpHN9Ye+o3HyBTeXW1YoJe7lloEfyDo+cRtam28aBpPp1h79alQd7zFMar95zl4K5WrNv2De7l2rNmjudUA/MZfY5qniPwr2HfZ1L3fIX1ze+Lf8f+yT/ZwJ8BKDIBtJuAaQKeuOii5b9/4APL96+6annuoosO4L/P7y/sZQAC/tSfBP/Nyf+885Yv/+EfLl/60pc2gGYACiCWr+Ef+AEbhGdb3i2A/kwBzQhkAkDZfOOKTvTqXdF7Dm0qgvFU86zX/NkGWWOtN40AEGcIAnPGQxvUA3maAcgcqE/wzzyjkAlorLVFrwUyBJQB6OqfAfDrfzMAHTL7ntnBDcAp9iIMgHf+exkAfeDf1UwGIPgDJPin5bMNsgDZiZ7q36umDoCBvhzc1WZ7L+CrVQ/09pmgB8JqcgF89haBkRpXXW5/Cn6pGgiryYFQTrWL2tTa63pzpwb3qc2vFtin9rn6bDTAp31OsK3mucExtVd5GuCDpjFyOnOgV6fAap+gP1U+Qe9ZJvTN6xn1rQOw7VMd1K0Z9Mu1q1FznPqpsCfw63MD8OSHP7x89owzNhH80xOZgGPnn7/5LX8/uOaa5fl3vvMA/qcI/t7/u/b3Z30f8df9/t2/24AZ6EEYwOVAW14bhAWAl081vrYchI0NykyAde0TiKcZUAfgIlOQEUjNlYO6/dLy9lOXA68wj4Jv+1Pj2jMYZwSAfh2ZAGPN1aYBPhOwbtu3PpoJSDMAgO+0nwHAFPDv+t8Bs1uAU4zAt/Z2GQC3AN79i65kpivzHywDME/8gL4GP2iqgWSRAdCW16agB9zmTfhXD/5Bj4I6ncCfedCf2jy1AOh55MF/qhz4PEefwxpq2lQAnzFFbWPVALh1GkMbV954Cpx0RjUaGCfs1WqX+2zBke7VNtbzdTLuM9HqNFjSCfvamYOejwr7lgNy0WeYOs2AdfV1qqfWMr/PVC3AT8h7ntrWktMJfu2ik/+X/+2/XT77trf9VeyYAGYgA0DXJuBzR48u//3nf37542uvPYD/PsG//n7AG139n+jkP+H/qJ/1//CHNyd0gHcDUARecAZs/YV25mBtBNRBeBoBawXkqd0IBGJ91hPBmDafWh/47UHNCeAAXEwjkGkA4/YH3ML8cgC2Jy0yAta2VmZADvzmZgjaf4LfOuasbwEaQ7sJoP6AXPBnBNwA9EeAGABGAF86bL61iXyKP72fAHADQJkA/xF8MZAyB53+tRkAfwcAGDMBa/hrB3hALg/8gTTwgx8gU+OD/cyDoDHl+s1btyfwy80DRu3A7zMUGYDaxvacgX6q8drGrSE+2z1vtVR9HfpEnye1lzyAygNmsNcnn3XzgqS8APL6aJA3V26OPDPgmeQUKHvOvdo9Iw3ydN22/vqUX3saAM8S4NUzAn2u+gJ9sLdnz5/qUwf/DECaKdD/rU99arntHe/4/w0AI3ACE5ARuP/IkeXPwP9971teuOSS435kb5t3+P5C3eke23ze+f2Ar/uxvZ2YRqC81wBrI6Du5A/+j/+zf7aB7RNPPHGcBn9mAIy1ez0Q/LsRoAE/M5AJUJ9hndqBmAlQD/4pKLe3Ws+UIQjKwZ3aNwDbR77eLxNAReCfJkANtPW3vv0EkFejmQF7TRNQ3mm//dYmwLhuAlI/Os4A9OU/8McVvwOAAei1cybgFCPwrb0d6DMAIgMA9k7/Xcn0H2YagLUJAO6gCc5ykKfGTiPQKX8vDYz6rBMI5cJa1an1Az0Iyo2hAZKqzei5qoGhPCBS86ixU+UA2LOmwdFa1VK1+tdzAbLP+UbqeVqnzwam5fUb0ziwrD1znyE4yk8Unq3n7qSsnRmgnsG4onHaGQD5BH/A16/uWahYA17b+OopqAf9PsvU+tagn21jan/z9tuXOw4fXm7r9D/1BCbg7kOHlv/6/vcv/+V971tevOSSzbW/Xzsr/O75/cZTR48up3vs97Ma178RPe79/+pHAX2pr18KdNwfBNqp+zd79PDh5bF/9I+Wxx9/fBMMQAG6GYLAT9WZADnop6CbGXDqnwG+xoF8IJ6aCZjaWEDOBJhjfwCeZsDaap4hAxCczTUv3csMWAuYU2sZnynQFt0EpNUzCJmCtRnQnxEI9BkCa5VTc423d78KGPC7AcgAYAwDwByoyd/aRD7Fn74bAAbgd37ndzanfkaAAUjdBGhnAMAcLIPtPPUH+r10L+CrBcl0DcHgr27P2vIJ+r1yzwmAqTz4V1+DP+BPKIKr5wvenqW2cerWK5+fpdwY8+YafVZzyxtTewIeSLWBMpWbHxhpbTpzgPSMqbm1zavuGe0V6NXVassFgOubsJ/Qt6Y9Otmnautwoje3z9GJv5N+ar/gn86aXGREzCungC8m/F945JHlznPO2cCfAdjTBKxuA+4688zlhzffvPzo+usP4L+F2TkZ8GcGwP+xw4eXY7/wC8tXnnxy1wCArmAIMgDa3QAE/9rAKwf+YhoCJkAbgOergAn/oE4BuGcop/bNBFAR9IOwcdUYgSIjQO3RzQA111qAO8NaQbj+zIB2BiDNHNjDujQTQNUyADOfe4L/uu0nx7z7B3nhBoAZmDcA6jgjTjEC39rbAf9v//Zv794C9B+BE2MAvJ+ZBgDYu/4HTrAEXlqs4R/49ZdTIM8A0IAX4KnaVHlABcCgb9xsq3s+YwGwOWqFunmeiwJhn6G6mmi+ejkFwdkuV7e+Z1KzRtCkgCmsN7XcGHOL1krVA6g56kUApdWsB4p9HhooZ1+Ap+YHTmNmALXQb/8ZnkubdtI3ruddm4D5vCfKPWuwp6BO+wzltGdOe07tTvv1ab/6ta8td19yyXHwzwTsaQTOOGO5/e1vX/74xhuXP73xxuXlSy9dXFUHtm1Owqf7qd/zb/N5+zd6Myd/8Lfn44cPL4984APLY8eObU75jz322C54A3AKvgLAyynYCuCf7cBLMwXyeSNQDshrY2CtzMA0AdMIgLAwtv0yApkAqg+M9TUuSANxod+e1gz+8oAc/Gnz9TMAwb/91/BnAKoxAfbMFLT/XvBXYwD6sp8bgE77DICDJdb0yln7rU3kU/zpGQBf/HP6pxmATv/9OKC6G4AMAFCuQR881esP+NrlKZjL6TqAEcSpPtDWDvgzD5L1GQt8E/SzFhStbW5Q9Iwz1w7oqblAaJ6afK2zNnNQ1J7QL7dvubWN7XNR8EzLPQtgmktrzzzoB0pjrT3baoDY83lGbboOMDVuHRkC9QCfWmttBvR1ok+tMQ1A9Z4V3NtnAl+/Npjrp2IvM+BZ9NFN/u1vL/deccUJ4Z8R2P1SoNuBt799+c773rf86U03LS9fdtnyjXPP3YXgNkD37vp0j20+7zQKx73/3+O3BfZLgbr+T9X9mz1+5MjyxauvXp48dmxzeg/GTIBwog/+dL4eAFxhznw9ALbmdTNAAZcBSK2lvQZ+JkA9+KsVgFxYQ25NABY9kzwI76UgXOi3RnuYKw/ImYB0GgF5hsA8+fomoHb7ZRy6Feg2YKo+0J9moBsA8J+vAHwvAPAzBBjjwHmKEfjW3s4rAD8CmAnQFoyBYASYgAwAGAd3UJ0mAMy1jQnygdPYalQd8ETwB/DZVtcGPvNpkE+to94Y44pAv+4L7FQAIDWuWuDr+fejnrV51LpUXYDj1Oq0z0ADfLV1O0haO9j3WdP27jm0AynVnmPA0Fh9VFSTe3Zw9SyBupp2uX4B8OXUWrUDu2efeZ9LTQT5cm1h7aBPA/5U+63jOPC/9try3VdfXT5/443L7TtX/sH+jZQRePnqq5f/dssty6uXX75887zzduEPcPsF4ukOfs+/389q3E8D//n+nwHQtpY/6/vFK65YHr3nnt3TeVAG/2kG1IM/zQzM7wiAb23Qn0ag3DqF8cCbCUgDMTVGPUA3JvivzQAIC3Vza9u/yBBYH5Sp9WcE/55FW95+wD9zUM8AZAiA3zh7lKcAnxHQv5cZsKf5jAFlAJz2gZ4B8K4f6HFFLQNQ7a1N5FP86YH/wx/+8Oab/8CvzRC4kpH7j8QECL/QwV8B7IQPlmAOxtWAUq2+2mqAHkhBWtvc8ozAGozGnChAMuhZR56W21Me9LQ9nza1HxVg1zPupcbO+hw/+6qrgWOhLtSLwLgGfnVz5QFSu9znWvdNwPeZ6ayb07OkE/jl9gr87VvNGLnoWWkn/2kCgnbP7VnM1w74VBvkgz41VsxcO6Cv1bpqnltezHHfe/315eFf/MUN/BmA4o3gr+/bV1yx/Pj9719eu+KK5Znzzz8ObPsF4v8L8N/GAJws+FtnA/+LL16euOuuDZCBOzDTaQBAt1AP/ilDoD/408wADf5T7QG41qDa7RF01dW0jZvaGHXrgrE8DfzGyT1Hz2J8JiAFYfsZK6/dPhmAjEHwTzMEaxMQ5LsFoO1preBvXCbAWu0zbwV6BdDpv/f/2NIXAHsFoHaKEfjW3g70/difVwC0VwLUfxyaCZgGIFh3AwCKAT7YA7F6JoGqAV/zT6SAD4hvpOBnrYAP4GpCrdDWF/CD/dQJ9ZlbHyCrBUtrVqPq1q8OigF+qrqxamvgZ2ZAdPZZszBXboz9AFPbukEeHMtpoR4M+xxT9VlPDTw72Vu7qF6f5zAv8KtP8NtTX6CnhXGzrm2tTvrmik79dH6GPkuGYQK+vnTd98g//Ie70A/+6YlMwNOXXrr8+NZbl9evvHJ55oILjjsBbwP1rxw9upzusd/PuzZF/ZjgfAVQfqKfBlDv5P/w+ecvx/7gD3av6p3YwX2agEcffXQRwR3ojckcdBMAvDOmAbBe7WkAyjMC9lDLDKiDb6ZAvfbMA7S58oCcGQD9aQDKQdicqdYN/msNyOrl9gPrvSIjYP1uBKh2ZmDm1swAZApoBkA/A9DJvy/+Ua8AsMVrAKf/vnf21ibyKf703QD4ImAGAPQ5sgyA/0BqDABgB07wD/YgGOjLtYW2eWA+gR8Yq2kH/IyCtv0yA8YEwwDf2NmWmwd+PW+5+bOmrc9zCgDcK69v9jfO88k9H1im6zxYU3PAcebawrxA2fPNtuRAcQIAACAASURBVFoR4Km5ICkPoPV7bkCkhTHlNLCnxvcs1bTBeoLevp6vWtozT3WS11+t57S+fBqAmdfnmQA9qO/VVrNefbR44jd+44TwzwTQaQSefOc7lz/7wAeW71511fKtCy88gP8+v78wDcCbgb8/6/uFs89ejv3+729ADs6PPPLIxgikoJ8R0C8P+gE5VWcEjMsQpGp7RfCnMwC4yBjQ9soAgHrgr2adTIg1ugkwdm0GjAXoYm0CtAUAT1MgD/7U3mk3AOZMQzDhL9dfbRoB62jrTxkC7WoMgGv++fP/GYGu/71iZgYObgBOsQFw3e8VQOEmAOwZA9f+cgZA+IUOXgGA8oR7kA+G9YHshDso1qaz3YnXHOsXgT8jEOTVJ/jtDYjWtAboUW25/mpUHfB6ZlqbWr95s88etfU3BxQLa58ob90gr12oye1hbQqSaXlrA6JxbxTGeMbgl6rNaM0g3/PV1h+g9RWBntqrdnCnwR74tVM5wDdXbg1RPjXonwjs0xD0OdPmPvk7v7Mv+GcEmIBHzjtv+fEHPrB87+qrl29fdNEB/E8R/L3zd+3/pHf+hw8vX/w3/2YX+mDv9A/+GYCZZwToNAZBeWoAzgCkIJwRkBfG21uUg3N7rs3AhP7Me4ZqtbsNmIZAzbjg71nKMwKZkmkEQDhTEJStlQFob2PUMwSpmr7gn9pbPQOQKaAZhvbzewC6/vf+38lf9JMB8zsBBwbgFBsAoHfyLwBfcGS9l3ETwAC4AfB3AAAefEE82E8FSBAM8vIZ1WmgN6ecAmFtAAz8VDtQVlcL/IA44V9brbr9zJkQDOx0He1p/BwXONXnZ5TrqwaYniNwUp9htu0hJjy1jVGrL0hSe7QuVaOiz6YGhMaqyaf2GSbs1exbTQ7URc+tv3H6wL3oc8x2+QR7ueecec9tXXXPLafWSYO79jpm39f+03/aCv5MwMPnnLOB//evuWZ59p3vPID/m4C/G4Cu+6d29Q/4Myb8H/nN31yOHTu2gb3Te7CnAL82AfUHZVA3rgB2AFcPvN0KqGUCAF5/8M8QpBkBCsDGtifNDFB9xoBue1pXe6qxakGfeg4qAn9aDZCnCSgPxNbsedTAu5ht6zAAaTcD9psGoNy4ggEwnnYT0A2Aa/6u/kF/GgC8wRiHzlOMwLf2dsD/W7/1W8cZAN8LcDOgj0FgAESvAII9mJYHTFAvwNmYNfC1wW9GsA/+5gV5a7dWwKf1g53xM6ql+kAveJfXBlew7nPUP9Va+o1VB8k16AN+fT2j8UEzuNamwX2tQZTaXwCjkJu7rgVBe85Qn23PsVcE/eBujzX41TxTdc8DympUvWevrt2zTwX3CX75PM0H/WrB3+ep5llrT+j3b/Gt225b7jh0aCsD8MCRI8t/vfXW5Y/e977l2Ysv3vya3t59b/MO31+oO91jm8/bvxGdv9q4VwBTMwKZgNSYJ48e3Zz8j/3qr+6exJkAMcE782kEqmcSAjPQdysgB2PAL6eAG+SnGVADa/20drBtzzTgZgbsZS4Yi4zANAatP8e0XyYg6GcCzJFTMJZbU97aniUzQGvbx7jMgLa8W4Cp8sCfmhv0uwlQk9P5mwAzAL3/9wqg638G4OAG4BT7EZAH+0xArwD6SQCODPwZAX/UAaCDPpADojbwTdDLa4NveYAP+PqqTUMwQV8epGsHROo5aCZg9oGe/uAnn2Hd2W6cNZrr2YzxOdUCZ8CnszY/C1gKNWp+ub1ngKS2MVS7z2L9wF+tNtVvntgL9vX1nBP0cnvpoz0zXbfXfYBsf+NEwA782von6Cfw9QnPENA9f1AP4ms1tjET+q1B/YGfbz3wwHLn4cNbwf/eQ4eWH91yy/KD665bnrvkkgP47/OLiycL/gzTscOHly/83b+7fPGLX9wAOvhT4E2D/rwJ0B+EAb08M5ABUAfnQGysULMG8HYjkBEwB2hFBoC2J+AaM1WeCUgBOMhTz2Ac1bZ3ZqHnmwZA7hnWZgD86wNga1Khrp0RUCvPANCea20EgF6YZx8mYK3Wm4bgL//yL3f/+E8GwG2A6PofZw4MwCmGv+0yAJkAoGcCuDJ94O8/jnqvAIIl8Ad6ED+RCTAm4AOfcbXTjEAwBPmZa5tbHQDXsK9N7eE5Qa/npdak5suDovGNTZunrX+vCKZU/4RjkKeFfnmw7DNqywOu9hry2sFSbk/aZ6AgqR4sq1F1wKSFdrXmAnYxP4+aNg3unqd81j1/xsCYgG+vPkOqBtbGB2/PUk53x/hlQN/97vLaq68u3zdvpWr6G/Pyk08ud19wwVbwv/vMM5c/vunm5b9cf8Py/CXvWp4++5zlq0eObuIrR44u+40vHzm6nO6x389qXP9G9Kmjvrn/V/H0Ue/yj4+vHT17EV9fhZp/s0fOOrw89P/9reWLDz+8awAyAsGWZgKCL/ACeGYA8DMI5bWNzQiAcnmwpRmCaQTkxlP7ZgR6BgqyIiNQHvypeeryDMDce9bk3SYYA+RCzXPIqTUBubUzA/qDtrXkE/6tTQE8M2BshsD4DAC1ZgYhE6Auby9tf0Bu/et/Xf+DfwbAyR9rDm4ATrEJAH4/AZABkAuvAfpJAP9hBAMA2CAc/CcU9WlnCuSBj+qvHfhTY61bBEbj5eqAHOTVAmQ1GhCDdxokteXmlzcm1S+3t+cCSyrMm+36jQVH+/cZtcupuesI/FTY2xr26PP1mWa7Wp8reNcGV/tXT4FUWD+VC+PNC/TanokWPWca5LXlQh7wO/Xvtv2GvtdeW/7o+9/fxBrg3/Gu33X+Dtz1g/lsq1Wf8wP/q6+8spnz6te/vtxz8cVbwf/Ot799+d711y8/vOGG5YV3gf/Zy1ePHNnEV44cWfYbXz5yZDndY7+f1bj+jehx3/xf/RIg7/X7dcBf94eARqj7N3vk8OHloeuuWx59+OEN4J28wb/QBnGgFZkAKgL8Wo1d1wAagAsmwDg6DcDMgXZGNwOgO8McawV/KtTtG3TNKaegK4wT1eT1UfMm/DMB1D7GgPEM9eBv3YwB6Gt3G0ADfAZg7q1PZATK7ZWBkLsh8OXxfgLAlT/4z/f/bgIyAG4BTjEC39rbAT/Yf+hDH9poZsCpvy8COv3LMwAAD8hBkXbqDv6BneqbbXO1QTGophOQ0wwAXoCn7dfe+uV7Qd0+QT3IN07fuuYZrFWYW0577qBJ1QRQehZaXW7NoKm/z2lMOW2+MQKQqbm1g3wK7kI7lVs78MuLnm221QT42ysTkJHQF9z1B/tNzS3A668vP3DSH3AvnyoH6u867e+AfMI9+K/V+sab1/ipoL8L/ldeWV565pnlgWuu2Qr+d7ztbcur1167/Oimm5YXL7tsefqcc44D/n6B7lvrp3vs97MaN43CfAUw80wBAzBNQGZAbRf+V1+9PHr//bunb6fwL3zhC5ureCYAnEEX7GkmQFvf2giA7TqMmzVrMAHqaXkg9hzyFHxbIxPQ81gPoNNgbXzmIUMAvPbMCOjXDrjBvOeovtbMQHCmIGxdY2vbr73VyxmDTAAtN68bgalAzwBME9Atwfx+gBsAkO/b/0wA0PcjgODfT545aL61iXyKPz0DAP4ZANf+XgEwBb0GcBPABHBy/hAQCAI9cAbiwK8P3CfkJ/wDZdCbkJebb93qgVA9A2CuekZAHgybH9Rr61ejap5j1lrDGP0CIFN7rusBf2qfLw3q9uozUxCd2ufsOWjwT60htCfoyyfsO9134p/qc2lP6Ms9U/VpBIA9wNMZ+pzmg3wn+xNp0A7ks91pfpqDams1zzjQt/eE/8vPPbd8/pZbtoK/b/w//973Ln9y883LS+9+9/L18847Dmz7BeLpDv6ef7+f96eB/9oAaFvHn/V96JJLlkfuvnsD8YcffngDW9BnAERX8kDrNE9nZAbozDv5A7DcOutaMFcH4IIREAE4tb4ceD1DWt4zGCPXD8aZAOBtT2pce4Kvsdrqa9jPtnUaQ9dGoHY3AcaXU3sBt3omgOqzT7cCmYK1CTAmE5AhSBkB3wHofX8//tcNQNf+GYCDG4BTbAD8/D/gZwIYgGrdADAAIgMQ7Nca6MGvE/6sqQd2CrZBEczl6rMW9IP9WoN6MN+rbd/q7UlnbcK9k3G11DpyKkAzDaaeQz7hDqyiep+PgrnQN02AXK3+IJ8JWLfVe+61tk71Tvfqm/BsOwHcwKo9wS+vnRmotoY9OFcD58zBhHjX+saKxskbV1/t1FjzPUfX/ukrL720HPulX1rufNvbtopvvvvdy5/ecsvyyhVXHMB/n68vTib8/Vnfh84/f3nkk5/cwBb8QTcN/FSdzluBaQK6AQjA2vIUbIM/XcfsB2D7UXX7yqeCrjadz5ERULc/oK8DdAt9cuuDdsCtbR2wNU5eqNWXqplvHWtmAuj6GYBeLfgbL69tnUxAqmaPTEKvCeg0A/r/4i/+YvfH/zIA3QJ0/Q/8eMMInGIEvrW3A34GoFM/A9AtgNcAbgj8R1HzCmDeADAAwRHo5QAe/MGxHOzAO8CDbzkVrRXkQVA+tTzgn0gD/F5qn+rmt+9aAVOtMWvwB/9ZD+7rE756RiDwWxeAfaby2e6kP2E/c3MKz2q8E3ygX+fAHuCDfOAP+Oqd8AN8qm5+BgCgtYO3fK+a8eAt5MakcnVryAtA9yxBf9a77k+DP33iV391K/AzCk9dcsnyp+9///LqlVcuXz///OPe3Xci3o/6bXWne+zncxqzviHY68cEewXQ9T912i+0rePk/+A55yxf/IM/WB566KENkAN/CsJd/4MtaHcjQPUFX6AvB17jtacxCPLTCBhbW/+MTAAYG1c78AOvXOgH2nV4BuPWADY+E2BP/e1tP5EZsGaQNweE1eiMxlD9xvZqQLvXAUE8E5ARUM8EpGsjUFv/vBUwNyPADPjlcU78YE+d+hkAMQ2A+oEBOMV+xFU/+P+rf/WvNuo7AGAP/BkAzkwwAIEa/AN8kK8N2tUAdIJeO0hOnaCX66OzHqABE8DBjwbQoF6f/vabteboC/KtHTztr+YzyYM87eRsrLwx8/OUB/0MAUh73k72cuvUpkE92NtjXavd86bGbnLqF/n45v7O6R7Iy6cBkAf+8qBPwVpUA+sJfn2ZAGoNGrzLtfVVD+rprBtXPe2a32da58Z/+YMf3Br+j19wwfKnt966vPbe9y7fuOCC48C2Xxgad7qD3/Nv83mnAXgz8N+c/I8cWR7+6Ef/r5M4M5ABoDMH4GkA5GogO82AvADaTEAasAO/+eCrbT1qTHlANqZcn9w4wJ2hDrhF5mAvExD4wToDUK29QFeeIZigB97amQNta1RfmwB9wZ8W6pkAa4F86hbAONpz0MA/zYCcAQB78M8AgH3X/zjjBuDAAJxi+Nuu0z8DkAkA/74MKM8AeAUA5oBHQb6orS/4gzfYgmEmIFhqiwl4MNSvNutywAvidK9o/uzba16wt9c0AcBZX/UAb2w5zRSUT9CXGxP4gz71TOrVtDMGQZ/OMMbz1R/wJ+wBfwYoAvWEvra6WvkEfKBPQR+Atc0D8wl/7aK68UE/eIP7BPy6PsfPcXLAT+XrMPdrv/u7W8Pfr/j1i35ev+qq5ZsXXngA/32agDcL/975P+7a/6yzlod/67c2YH7wwQcXAbozADwgTxNQDv7CmIwAGJs3TUFGwLgMACB3O6AeePdSazaGBv7grA20RSd+bQZAe61Aa77nkAu5/QG3ME9tbQACMPhmAIytnVqnfs/DCBgnMgXGZAY8xzQD+roJoPqo/XstQK2V6rcnA+DqH+QzAPMGYBqAg+8AnGITwAD85m/+5ia8DgB84Ut/Xf1X8ysd/QGgoA+K5VOD+1QQB9Vq4Bjo12ocOKrvBX0wFBP069wa1Rof1NMMgLZo3IS9fLYzAcDrM5hDZwR9tUDv8xSd9mvT9qZBPq2mHeABFAg75dNq4B7kjVGvPfs60U/YzxO/ugD24E6tZd1ZB2F1e4G1eWuQawdy44qesfGpNTrpU/Xa5gjtZz72seXOd7xjKwPw0NGjy5+8//3Ld6+5ZnnmoosO4H+S4e/6v6v/rvxTff6s78NnnbV8/td/fQN9QAb/dBoBNwG9Ggi8YNutAOjLAVpOZw784LsOoLUeLYK89QG3tYJyBkB/OYAbZ4x6oQa2qX554M0QaBs3DUBGwNqZgKnq0wxoC+sEff21zS2vXzv4T/U80wCYmzEI6tQcfeWZkWkI9PkOQO/+GQDwd9rvFUAGAHMODMBfgwHwpT8nfuE3AjIFoM8AeEXgP5DXAgwAKAPiBD7QagNegFerTc3RR60R/NZ5bfONDbDa8r101sobqw3WQT/Yr9vG2M+zCqAP9uqiNqhnAIwN+Kmaz2eM55B3wu9zr6/6wT3gz/yHTv1+S5/f9DdO+OAX/IG4fAJeXhuci8Af7FPrgG792sAuyhsT8GsHc3tYQzuQp40J3rXrT61h/WCvbc40BNrqz95113LXoUNbwf+Bs85afnjLLct3r712eead79z8mt6uv7e5ygex0z22+bz9G9G9frXxfBWw1/t/hsCYx3fg/+Av//IG+gD9+c9/fgP5TAAjAOYUaKcBqA203QJYw1jttQnQp7Y2ANrmWIcCdBrwmYBAn6plDsopAFsrGMvtkQEAXFEbaKcJyBjYe5qB2hmA9tSWTyMQhIO8NeXtXW5uY05kBAC+5+g2wBy5PnCfYc3g7znK/f2YgxuAUwz2/W4H9sGfAr7oBoAyAMLvdO4GAFgBHfiDfhpEtcuDIgAGeVoArNy6QXyvvD7rTMiX03JrgrCY4FfXtoa+Cfsgb8yM1g3yU+Xm9Vkn5Gdur07/a9jXDvjBcZ7sg3wApWDdmGAf+NNgGdiDfLqug7rwDMFfW17M/sYB+Iw+QzXtcjrbcs8Z9Odn9JzGq8mBX/vFY8eWe845Zyv433fo0PLHt9yyfP+665ZvXXzxAfz3+f2FkwH/efJ/4Bd/cQN94M8AlAdzZkCAOjDLGQEw71agdkaAzgBbYb55wvpgHvgzBu1r7DQCazNg7l4Bxu1n7WkGmAJ9xmQCtK0N0lONVQNfY2kmQJ4RSI2VZwTMX+eBfxqBDAA1vra1Ot1T0Q1ARsBzyBmAnoNqGx/8rcsA+Fn/XgE4+Wt3A9DvATj4DsB+qX0SxzEA8wbAa4D+LgBDwAB0C9ANAAiDI+AF+eA/tX5gB8I0KM7ahH+QzwCk00QE5MbO9l6n+2kA6gdkn2MaAM+kNvsCfND3HOtc29xO9uXpicDvuQM1CDIAApQBb0J/nRtjjvmNb60ULMWJYK9uDfMDP8jbO+hT7eAPvkHY3HUYO2u1zQvmqRroT/DP9qy3v72fe/TR5d4LLtgK/ne/4x3L9264Yfmj669fnn3Xu5av+IMzO1ff25yET/dTv+ff5vP2b/RmTv7B/wuu/W++efncffctn/vc546DMgAXwM4QAHbwn5oBAOKZB3/zADhjALbBv5zaLwNAa69NgLZ++4F4BuCNcuuvjUCmIBAbUw7khb3KwbZgBDID9p4B/CCcATBfXts+IG+tCf3qGQBt64C3sYBurbRaz2RcZmB9I6Dtb8j0BcD1dwB8vyxzwACIk4i3g6V+0r8A4AM9Fd0AMAXBn0noBgDgQRcEZ0wjALD6QD3ol+srB0c5CMoD/VR9QT6dsFezZuPsC95qRW1gr7YGf+3UOp3qrR3w1eS1jfPs6nQdwF+tUz6gBvoJX7UgT9d5bUAN8Kk1ywFSPsEPuMGeGg/65doBlppbW5/n1AbsCfd1bl5jaHnjZtvn0KZFwE/19yxq8lefeWa5//LLt4L/XW9/+/LaddctP7jxxuXZSy9dvnz22bsQ3Aborq9P99jm806j4K/zrWO+CugVQNf/adf+Xzh8ePnctdcuD9xxxy74QZkRyAw45YMw+BfaAVl/RkAOxNpMgBzw5YE3A5AZAFzj6Az97ZMJAOHAT42nxoKwdTIAU+XmUmNpIE7VhXHWBd2p6usA3OAffNNO4faSzz0B2r4gLp+gN9/eQV+f3FiqHfyNZQKKeStgz24HuhXIDPQKIBPQ+3/qxwC7Ye73zfwkZh30n8R/gfkKwJcBMwPe+fdKwBjhFYC/AbA+5YNmNXnAW4N+3Q7agX2qdWZ7nWuDL6DL7Sm3JuAH/alyoA7y5dqzZpy1A712Oc0E2LOTvfqEvTH1AT/YgjKYTvgHV4AM+saVB8YUAOXUuMCqXU09uOsvzwBoW4OaY4zn6Fko2FerPvcqB+igPnP9GYb6m0Pt22cyTp5WD/jGvvLyy5s5r/ktfzfcsBX8/az/i1dfvfzxDTcsz1966fJV8D98eDeeOHx42U/41vrpHvv5nI2Z/0ZPHj687Mb4wmA/EXDcLwUafxtA3XpfPOus5YHLLlse+OxnlwceeGAT4Bz4GYFO/OVADObaGYMMgHo5KIOxmtC2doYgE2Ad0NUO/trqwnjQnXAOwtZsH9pJHGjXYZ1Cnzy1NhjPfaoBbibA+EBsLAjPCPwBvHbwzxCYI88E0HLrt4dxGYNpAqoZ1w1Aa/Y89jauZ2AE2p+6OXbKzwC4+i/A36sBZkB+cANwEuG+n6X86B/QF+sbAF8ELBiAwBvwKXjSAJ8GaKCUq8uNn/C35l5h3F711tXXiT4Fa6FdTgE54KfW71modQWY75XXt4Z94A/4PqPPF/ACfid8Cr71A16n+8A/NRAH+KmBFPQDf8Cn5dZgAAptwC3aozZtTAAP8Km9fYaMReP6XNQ66j6jdif7dMK+nFoz6NtH/vLzzy8PfeADW8P/mcsvX354003LC5ddtjx1zjm74Ae4YPeT9HQHf8//kz5n/ScL/tYB/89deOHy4Cc/udx///0bAIOwYAboNALllAnQTxkEWh6UaWPkwVwtUwDC2mBLC+0MQKaAto95ADzbc1/92gFeu1AT1qtGtRkIur4RUBPBWX+QzoxMzYiAr7H2U6MTwtqAHfyNrW19AA/sQd98ef3VabcAMzffc3QzUO4VgJM+0Ivg7y8BMgZO/sBPsWY/3DoYc5L+BTIA/SjgNABMQfCnfpzDDQAQrg0AuKsDKQAKgKaBf8L8jQyAvsKc8ubQgB/o0+Bf2/OsDYDaNAHyoG/t4J/q8zkm4IN+dbqJFfhBFPAnFDMEE/rBTw3ItesP+Op75fYI9qn9QNR4Wn2CPUAbUx70tSfQPU9j6DoyBQF/ztcH+Ouw5toIeJYZmQB67Jd/eWv4f/2yy5Yf+f3+l1++PH3uuT8V/EExgJ7OGtx/kp5M+B8D//POWx7c+S1/gMwEZATmbYATPTB3E8AACO3MQPAPyPq6CaBgDshysM0ApGoT/sFcLfiqWUeb2muaADnjIMBW27rBGGyFWlGtempuJoC2JuhmBIzt2YzXpoBbdPo2rzwFcnP00blfeTcDxog1+PXvZQjsnxmg5gX+Xgn4/TFAD/huATIAgO87ANMAeO18ktB2sMx+/gWA3/v+ef3vuwB9B2AaAFc5nbozAOAuJviBsDoN3NMAnCgHbuCtfz1Xf2HcGvj1BfkJerV1eNYJ+ozAVM+wC/idv8w3TcGP9DMtO6CfmgEA7wn+4E4FYJbTYA+G8r1CXyf8AA/2E/jGaAd2qj2NQDVjJ/Rn7vnMmeAP+ml9zetZMjcZAPXgb011ewugL4yr/sSv/drW8P/SRRctP7rlluWlK65Ynj7vvONO+9uA3G+rO91jm887DcKuGRhfHOxLgV3/0/kKQNu8DfyPHFnu++hHl/vuu28D/QzA1KDPDAD9vBXIBKSA3E0ALQdp0M8MBHYa/O0jB2UaxNXlabCdmgkAXmG8mvWBv7X0aauDrbr95LWNyRik9QFy6wfnjEAAD9LGAXB7yoN+6lnkNCPQs2gHdnvJrSEH8iJDoL8a7Tnk4G8fmimwPhPgrwEyAMBPnfZFNwBuBVz/ZwT2w62DMSfpX8Apv9O/3I2AW4BeCTAA3v/TfhMgYAb4YA/YarXlauA5Yw12a4HyrBtfLfiuQa8tjAv6tPUCP1XzXLMmD/L6RW3avubtddrf1Ab4gzsF1An8DAGwA98E/czrA70JfPVZkwd+e5WngZeuQW98NcA2Rg207RO8p8oLc+a4oL9WYwqAt8+6Hfg9T9CnPt/Ur37kI1vD/7ELLtjA/5Urr1y+dv75B/Df5y3Gm4U/IwD+jzj5Hz683PehDy333XvvLpwZgeAP1mCvDeQT/PLaoC+ML6cALKYJkIPvNALyCf8MQPAN/EFcW0wDILcuBdwMQc+gpr8xNDDbRw687UkzB3J9IF09+E8NuMZlCnoe0C3sJV+bgNr2ygxMNScjAPby4B/4ja+W1pcRyAQYK8eNTv5eBTACXfkzBNji5H9gAE4S1LdZBui7AWAEnP4Bf/42QLmaGwCQDf5r4FcP5msN0NVBtnytwF6/edMA1J4149eRGVAH/MzABD3AZwBo49bg3237tb3f//7mxE/BfQ37gE/LJ+gzAoA46xP6AT/VJwfSTvuzXb3aBL0+9cA/+wK3vnIa8NP6tOWtOev61H0ucLcmneDXFs33XD0zneDXfvrf//ut4f/wOecsP/LHfd773uXrF1xwAP83A39fltw5/Xfy3/w44M4fBJon/+D/qB/1O3Ro+dw//+fL553o779/YwLuv+++vzIDn//8brvXATRjQKcBAGNttwDTAMjVQB/kMwIpOGcE0iA9QWz92qBsjJr1ta2jJgdcdaqWEcgAzPHtBdhy4DUv4GcIqMgkVAfg9tzLCFgLhFPzi8yAfvuDvzXKtSf8a6sFf+PltQHeetrW1zYvI1BeG/xFfwyoq/8U8BkANwAZAF8+34ZfB2Pf5L/ANAByoM8A+I8xbwB8CdAfAQJDsAdiEfhpJ+fgHdhrp+oTvI2zdmNaP52n/uAf9IFbbm7ATwP/3G/m1tJmDAL9PPVvajvQBkJF8wAAIABJREFUB+ygl2YCQFot8Ad4wA301YIiDfwzD4z1UdAM/nJh7Wp0Qt6z6BeNta42DdjGBfbqs6Zv1vWt+61vXJ8r8HseNW39E/BydWvL133PfPKTy11b/opfp84/vvnm5dWrrlq+fuGFm9/U1/X3Ntf4/kLd6R7bfN7+jei8BehHBjMBdBqB8s21/5EjyyOHD2/gf9+v/MoG/gyAGwBavrkRAO2d+By4uwl48MGFSWAAAHsagbUhCP7G9HpADsj6aGGtIiin5gByWg68TICQ1zYvKANvZiAj0J5AbK32yQRQEfSnGVDPIKjP6BkyBTTw0xnBf5oBawN0+88c9Gd4toxABmBqJ/5An2YQZlvNKwCQ79qfMgEMgO8A6JM7aNI3ibSD6dv8C4C+X/xD+2NAGYC+B6CPEXAD0F8BzASA/oR2IAftQJ7WN1Wf+bNmLiDToL/Oa0/Iy9ftQG+PIF+NTvgzCsAvPBdQerefrt/zB/qpwBgE50lfrXZmANTBLy2vTc0L9oFee+a1jfWsMzrZ08xBsJ8Qn1Cvv7naReOaa08QD/g+Q7k55UGeztwe1VLznrnvvuXuw4e3Ov3ff9ZZG/i/fs01yzcuuugA/vv87sLJgv/mz/oeOrTc+0u/tAH5PXffvYH+vffcswg3AeXgvzYCarsmgAHIEOy8KsgEUGCmADyjW4JATMGdAeimQA7MmQIarPcyAsE3E2BvwG1fufl0bQTsoxZ4tWduXid+wNY3a/LCuJ6l07zxaqArtD2HnFqTIZhmQJ/5TIA+68pFRkCtmPA3T5samxkI/tW6ITDWn5Dv3b9XABkA3wHIGAA/xhwYgG3ofRLGgvu/+Bf/YvmX//JfbkzAfAXgBkC4nuHO5g0AoILtBDdoFtWBWq02bczsUwvq1p7gVy/UgZoG/BTQy7vmD/DBv3omwF7/V+y82w/4gBr4yoO+upwG9hTAyzMA2hPw8toAaH2qFuSnBvdq4D/hXj8N+MZoB+0+S23PBrr2raZd3vhq2uZYn4pAv861rdsJv1O+8bNmbc/58ksvLS8cO7bcc955W8H/njPP3PyWv+9ce+3yzXe+c/mS3zm/c/W9zUn4dD/1e/5tPm//Rm/m5O8WYBf+t966+S1/4N/JnnYD4ISfEehGIDPAEOjPCDAA0wTIzdVPMwSA3C1ABgCc5aDfK4FMACBP+MuNB2cKuNMIaIOsPnvVnkYAbAvjAi5VzxgAtH0K7SAOuMF+qrox1bQzAhSMa2cE7FlOAdm4DIE1qgG/vp5lGoG1IQj+xmck1OZe0xTIfQcA7LsBcPrXdvrvy3/yXjufBKwdLLHffwHv/d0AOO0LhmCvGwAmgAEAYsAM6PIAn56oBrqNyQhQ0A7+gb52RmACf1732yvoqwO8PQK+eRP6ctEp3/wCyOeJHzQDNugF+mCaCaBAZywF573AH9jT4D/VfHsFeNoJP63PcxTBPq1uzgR3OW2vWZPP8Cz1l5vnM6jLwVw7E5BOwAd+z1P+Xd9N8Crjtdd24+Wnnlruu/jireDvV/y+dv31y/euu2555uKLD+C/TxNwsuDPcPizvvddd91y9223LXffddcyDQBY157wzxS4FQB1bVpkCNZGIJPAWDzsdL9jCORgnxkA4gLkQXgdxgdjY+Qp4DIC1piGAPgD7sxBt/0yAxR0rZUpyAy0L/CWN1YtQ6BWngmwvzwDME1BcJ5QLjfOeuDf88i7AbBvOTU+E0Br2yMzQDMTwb/9tN0c+xLgNAFO+v1uAMZAux8J3C+7DsadhH8B0M8AOP0zAEKeIQB/NwHdAARvoAVqsJ21IF+9vlR/cwE62FMw36sW5CnQWzsjQM0J+hP4atVpsE/NA8sJfjkoB32A157ALwdAsRfw1awd8Ndqnv4MQGCfoDfHuNkX3Fu7NvjPCOSBO5BTe1i7mtw48/XJ19FnTc0B+6I6oL/y0kvL6975v/TSJoBem1bTfu2VV5aXX3xxEy88/fTyuauv3gr+d73tbctL1167fO/665dvvetdy5fOPvu4E/B+T/TeXZ/usd/Pur4lmEagX3Pcu3863/+XO/XLrbWB/5VXLg/cfvsG/gzA5oR+//2bWwDw1+5GQLtXAdMEyBsnn68INt8N2LkR6Fag2toEZAyC8VpBexqBbgmC8DQBa/gH4OA7DUCmwBzg184IqNUPvGsT0N6dwqm5gGsvKtRq9wzqGYH2AOjyYGyu3HjPYI+MgLoa6E8T0Jjgb648czBNgLz2NAIMQKf+YM8MZAD6AqAbAK8BTgLWDpbY77+AGwCvAMDea4B+JNCPAvoPkglgCv7yL/9yF/RrmAM6OKsDbf10BvCCrrET/EFfrfqEvjUDfiZAW+irn3bKnxrwe8evHThpBgD0gvvMq4G18eAOykE+DYLagT0FTKFdbnzAp0XAn2oOQJvTs2urz/YEeIAP+j6T8drmriGv3pz67Nf8zeke+F9+eQNvKr7ns+2c6FOg11dbrgb4nfrLX3vhheXBn+JX/H77yiuXP7rxxuXbfr//Oee8ZeHPvOzXAMxXBHvBnwnIAAT8qWv433vxxcv9n/jE5voetIM/I5AZAP1pBBiAapmAtFcGTvad9lO1DMD6ZoARaG+aMfiCb/SvXhO4JcgErG8HugFIg/O8BTAXgIOwMQGXMgYZgTQzkAGwhto0A4BrfntS0C3sZz5V6xmouWrgX/RM5mQAMgQpEyCCfTnIWyfYZw7WNwL2DPz6ys1lBPwUAAMA/t75g383AE79HTDxxkFzv+w6GHcS/gXmK4BuAPpdAP0H6XsAvs0JzuDZKX+qfB3TCAT3tQZ/an6gp9rTCKhlIgBef9DX1+l/avBPAz64Ar8AeMAD7vKgP9tgaEwQlu8VIG89ap9pAqoHampM8Ndfrg7UAX7qrAfzAJ5aaw30E9XsaR1hTmCnRaCvTxvUg3zaKV+7HPSd+LshoJvT//PPL1/42397q5O/3+//zcsvX35w003Lc+9+9wH892kAThb8rfOwa/8LL1zu/8//eQPqu+68c3OyB2sBwgwA2NdW0+42gKrRbgWYiMxAY3sdwAB0M9A+mQKGwDrAX1infGMCfHFw9dsGMwLpvBF4IxMQfEFaHmyndkOQCTA2IxD4pyFQA2LjpsrtEfRTtdbreerzHBmBqcBvPfOotrzbgNRzZQaMywDIRbcCGQL72icDkHYDkAnIAIB/XwLEGN8HODAAJwHq2ywxDUB5rwD6s8BuAfyHYQD8FEAn+mkEqk3gAzPYgzStPQ0A6GcAAj2QGzvbakIt4FNrC88S9OsP+HT35L8DfNAGU3BPJ/BnDt4T8uCfEahe21pO2AF/rfpAfUYGwNzqxgF1RiPYT0hXM040ZwJfrTY1x1jrUDVQ/r5Tvh/V83P7XjvsnPIn8F3Zz3rgT4P92gSsT/ud+qsf+wf/YGv4f/mSS46Dv589L/wSmv2G31Z3usd+P2v/PuljZ521bGJ8Z6AbgeN+FHDnRwP9gh91cx4+dGi57+jR5b7f+70NkAN0UE6ZgozAWsHaLYC55RkE4M8E0KCfgv6MbgPWCv5q1s0I2EtYd3M7sPNdAbcCgO+kD8SMQKYAkIvGaAfd9e1A4AfhmQNt0GYK5LRT/TQD8oxA0J17Au46Wtv4nm3CX55B8SzdAtgrI2CuNvgLc2gGgBZrI2ANY6cZYAA6/VMGYL4CUHML0E3ANvw6GPsm/wXAvff9DAD4U7VeAXgdwAB4BQDeE/YzD8YBHqzfCPz6jAnsM6+WrsEP8jOCPwX7CX+1rvg78YMfOFMBvJ30tcsDPFWf7WkEWgdwhbXTaQLsE/CDcO36GAEB1taQN7Z6IN8AfPyJXm1zPI98PpfnBfpgv9ZO9SfSzEGA30tBvfoa9AGf1vfEb/zG1vB//MILlx/cfPPywhVXLF8599xd8APbfmFo3OkOfs+/zecN/PRNw//w4eXej3xkF/533nHHIgAa9EUmIAXholcDNPj3SqD22gTMdvCfhqDcfqCfZgBoJqDnmLcC9gVjEfgzAd0K6ANhJkBOjQXbCefgG2yp/swA+JpP20sbePeKDAC1TusBrfH2ywzIMxqzTz0DMFVuXQrg1jEfyHsWuTAu+NOAr27evA2o/T/+x//Y/QJg3wXIAAT/vgToFuBNIu1g+jb/AhmAvgjIAAjQnzcAxvUKYEJ/5gyAduDvZA/0csDOHFQL+oA9Ya8umjcBH/jVZn/QzwBs9Ic/3MA9qHayB8byYD/be4G+U76+8uBuPeAtqlNj58m+HNQn/NWNFYGeWrs28IsJd/2Bn5YDvBN70Kfg20m/ujHzZJ8BWNfWJ33rTODXT4N8ubHywE+f/uhHt4b/F889d/Oz/i++5z3LV8877wD++zQBe8KfEdg5/f+kk7/Tv7FfOHRouf/MM5c7P/jB5Y7bb98EiAf/qUyAvgxAqiYAPRBTAAbxjABVE07r0wB0O5AR2EvNA/1pBjIAU801dnMb4LsC5TtGIPgHagrCM6qBrNuAbgRS4A/cmQLAzwSkwJspAF/rTjUXbGdYN/jrL089k6hNwb4wR04BXfQcte3nOTIFmQF1RiCde2QG/AG5wE/BPgPgFUAn/145b8Ovg7Fv8l8A2D/4wQ9uYN/vA3AD0JcAnfyN2esGoBN/4KeALABeO9BXyxwE/hT8MwBp0NcuB/kMgPXlal3xB/+NGRg/zx9IQR5ogz54iuqBP8AH5Nk2BujB3Vrl6YS/fpC3f7CnxtZXvzEFyJdPNS/4p57fqRtkg7p2+dQJ/wn4TIBr/gxAGti1+yZ/p3xaf7lxDEAmoJzW9/X/+B+3hv+DR49uTv4vXXnl8tT55x/A/yTDnwlYX/0Dv9Dnz/qC/73/9J8u991993Ln7bdvVA7O3QIAf0agGwHwn2agWwK1TECvA7QzAWCcEaCBn1o7UzANQDcB1lHvJsCcDEEGoL1rdyOgPQ3B2gR0MxDEgdptQKYg8AffTAHICuO6DVjDP/hS0DWeFpmNtQkI0mvYTyiv+wI/NT9TYO/mZQhoe/Qs3QwwAeZOM9ANQQag1wDgL/dTAL71zwAwBQcG4E3C/KeZ7pv/DADo99MAgN/vAgD++QrAdwBA3Uk/AFPADf6pcWsDENyBfwPpnZ/jVwdz9WA/Qb+u6QN7e7UOVQNgQO+6H0C1CwCXB//6O9kDM+Drr5YG7iBvTDmtbY0AT5uXCajf3p3qy2mROehZac82wV4O8GCeGZhGoJqxQFxMI6CWGZAH9RTsmQAhD/5O9J3uJ/DLraWffvuOO5a7Dx1a/AjffuPzhw8v37/ppuXlq65anrrggs033rv+3uYqH8RO99jm8/ZvROctQD8x0A0A7RZg6uad/4D/Pb/8y8u9fs7/zjt34T+NgPx+X/obAcgZAuAH7bUhmLcC5ZQB2CusOc2AMZkC0NefEcgcZARSZqB5jADo0/bLDGQENuN9qXDnVwQDccEQAHlgn2bAGODNBGQKaIaAZgimAZC3bkbAHu2b4aDgPDXYmxfMqXEUxKv3HGqZADqfpdsAdeOCf7cC1aw/jQAD0G8CBH4GYK8bAKxhBH4ajh3M+Sn/BTIA4N9rgAxArwGYgXkDAPgiuK9BPw1AObDPMH+2GYAi2BuTCdCnLtbA3z31n+DED5qAG/QzAmmne2MCPRVq+ifkwVxbXX99QV5NgHh5mgEI+tYwLg38nlk+wR/kaaCvBsgT/NqNC/zNCfC0U3k1oJfTvQLwzckQBP2p8nU70/CMXwt7zjn7Bj+DcN+hQ8t3b7xxefWaa5anL7zwAP77/P7CyYB/J/8Hzjxzuedv/a3ljttu2xiAFPAzAIyB2wDBIGQC7rrjjqWodv/Ob/0D424D5MwBCE8ToA3mgXneCBjfLcBa14YgI9AtALVntwTTAJTbOwOQeg55EE4BnBEA4WkA1LUDf4agdvDNWGQM1jcD5qkBrXyt1gHfGZ5lQn6e7DMI9dcH8D3TVP3dBpR7hmkomAHrZQCs5dWxq/9ibQCYgn4TIM78lCg7mPbT/AuAvS/8gb8f/8sEzB8FdDWj/hd/8RebnwIA5sCeCdCeRgC4tYM8gMtp8J+1QE8DfVpfJ/zUOmv4B80J+2ogrJ4GeP0T/GCcAQD34D1BL88I6DcnuFtPDbyrtYa+vaIr/7Tr/Qlv4A3qIK2v/ozAHFONBvg30qAe+J3WAd8e1Rqjrt9+wV4+IyPwur8M+Mory4uPPbbce8EFW8H/3p3f8vfatdcuX7voouUxf3Bm5+p7m5Pw6X7q9/zbfN7+jd7MyX8X/ocOLffceONyr3f+OwYA7ItqvRbIEGQGtBkA8F/rxggwAzsB/KCcAcgMMABykQHIEKSAnyGoZjzAa2cAUvswARmAjIE5GYCpawNQOwPQawGaEQBg4fSfMQj8auZ2MyAH3IxAOdgWxpRnANTk1m0/CsxpkA72wZ9ar7b+8oyAfjnVvzYBPY96twHGl2cA3AK49s8A9GOAB68Afhpyn6Q5bgAyACCvzRQwAL4MCP7TAPz5n//5LtgDfpoJoOAO1KCfZgYAfeYBPu2UP9vWDPb1a4Np3/DvRJ+CNAjXBnV5cF8riJujLg/wU+WzPQFfnloj8Hfi72RfO1WXU8AF6mA/QT7zYN+45mUKagN14K9W2xr6J9i71g/6s228NYL/Bvh+s+Crry4vv/DCRuUvPf/88prvDOzA/7knn1weuPzyreB/99vfvrzyvvct37nuuuUbF198AP99moCTBX+G43Pgf9VVy92f+cxyx2c/+1en/x1lAO6+447jTMHdrvjHTcA0AYxANwAZgdqbtdwa3HvvYo1dve++DfCnAdjLCAB/twQZAVp00gd742boywzM3D7NzxRoAz+1ViaAfnH89AAoz3ADUARp/eDvVJ8JAF/9wZ8ZqGZcEXSNm0YgM6DWOvNGIIgHeUCvtpdJMA7MhbH2E9q9EjDf3J4p8FN1PwXQ6Z8yAK76+w6Ab/77LgBDcHADcJLAvt9legXQDQAzoOba3ysAJkAfE+A3OgE34ANywAdqkFeXqwf4lCEo1Cbc5aA+r/zVAN5anfip9gb8O/AH6wn5YE/BfN0O7owDQKfywjyxhn11c+wJ7mCvXR7wqTH1G1MAfXtXA1UwDfyg3jV+0K/PWDH7tQG7urGBnwb5wG+uPMg3v3bQb97mlL8DeoAP+EE/VQd97eD/yjPPLJ+/+uqt4O/q/7mrrlq+c/31yzcuuWR5/OjR407A+z3Rf+Gss5bTPfb7Wde3BNMIzF9zvNf7/74L4NQvtxb43/Wudy33fPzjmyv9TvyUGZiGoDa96/bbd18TMACADv7dDGQE5muCeTuwexuw8z2DzMEDOzcDYNwNAWC7ERBMQCd/Grx7NaA9bwKYgG4DyrsFSDMG9jTWjYA1aHlr0mLCf+ZAnwGg+qg62E4joJ0RmCpvDYYAeGn7ZAioaHyAnobAHsZkBLTlorqamEagnFo3MzC1+f4aIPD3S3/Av2t/4JcD/4EB2C+1T+K4+QoA6LUzAMxAXwZU9wrADQAIB+byrvMD/lRjagM7kAf9lAGQF532U3MyEJvaD3+4ASyAZgDS4K8N+GBMC/AF8/q05WrWW8Nf2xq0vFP+BL5cPSNhLe1O+QxFub4ADr7ijaAf/Odpn2HIHDQ32Ad6QFerTbUB3vxAP9XJ/ZUXX9xEsE+BXbxq/soQzBO/G4CNEXj22eXhn//5reH/zHves3z3hhuWZy69dHni7LPfsvBnXvZrAOYrgjcDf+t8/tCh5e6LLlru+P3fX27/zGc2AdhibQRqZwhqp+rdBEzNFHQLQDen/75AOF4N2DczYV1mYFNzY7DzkwTBd63AP0/zGYNZzwikDMC8DSi3TrHX6wHz561ArwXAeeYA7kYA8GlA38sImDtfCwC6AGXwNbebgQyBOQC8DnMyBIyAuTTI68sApPpmbs2egTIBtacZyHD44jgDAPSiGwDA76cA3ALUPol4O1jqJ/0L9Et/wL8fA8wAuAEA/kzA+gagm4DgTsF+LzMQ4DMOtTMDgV+7E768UHND0Df7wb3olJ8BCNQ0uAN8hmAagcyAsaDc9f6st96EvbVmG+iFNQqwl1ur/I98uW8ngnfwr02rTfDPU/scox7417DvVqE6Q2D8LvB9M9+v8nW171UAUzDgH/CDvba8U7658oA/9bWXXlqO/b2/tzX8n7r00uV7N964fOuyy5YvnXPOTwV/0DzdT/5/rfA/55zl7t/7veW2T396A1omAHBd+d952227hkAbkDevAsargeC/VhA3fy/ttQC117wVYAx6NdANwTQCDMEmdgC9NgG1g7/2vBnolUAn/YwA8KsZnymg3QCkjZnwN6c2gE8DUB74gVvODMgzAnIA7mYAaK0VcGsbJ4JuCtbMgDXU5GLeAmQE7D9hb23gV5PPPuvqC/7zRsBYNwH2o/MXAWUAmADAB/6+A6B98FMAP4nYJ7m/Ez8DIMBfbf4yoPq6AeidP2hP+Af+TuoU8IP9VLn+Cf4Jf33BPwVi4C0CP1WrHeBPpME+sAf92lMBHNiD/cw78VcL/Gv1bEEffIP71Al6cDdOTNDLZ9t889Jgr1ZM8MsBfkawn7VgTwN+Wk27K375BH/m4NF//I+3hv8TF120fP/mm5dvX3758qVzzz3u9LsN0P2e+tM9tvm885Zg9ybg8OHl2E70CqDr/6mu/LV3T/5Hjiy3//Zvb+DPAIB7CszTDDjdq00F5m4D6Ax9jZ+3ATOfNwKZAPMCPyNgfIZAbs2i2wFQnl8YBPleFQR/OqNXAVPl85VArwWmEbBXJoAC/zQA5YE/EKfgC/IZAgroDEHfAwjyATkjoF4OvtY0pvFULTNA9atlBOxXDtzzxD9NQPWp1ppGwDMUDMD8Y0C9Cug7AL0W6BUAE3CSEXew3Bv9CwC+k7/r/t7/uxXoOwDg35cAfZvTKwBADvLTAMirB/YU8J3gpwkwdq/TfsDXZ7xTP7gD6xr+E/zGdOJPmYDy1DogP8E/c30baI9v84O9MWAf8NOu9Tvl1w76NPB3bQ/aQrucNi7Qr2vqzQF0YU61CX4neid0kA/wAF6uXr8cyFPj9Al1oSY68XflD/7CWH3W+MqHP7w1/B89//wN/J+74orlSfA/dGg3/Aa6/YbfU3+6x34/q3Hz3+nYoUPLJsYXBnsdcNzvAdj5vQD9SmDwf9CP+p155nLXhz60eY8f+MEfxDMB6sF2qpM9UE8DYKz27vcCVrcE1l3fCAC6mjkMwAb+Oz9BsIF+rwr8IiC3Dzu3A7Tn2TUBOzcDIA/CIlMA5NoA72YgU6CdAegmoJpx5nQbkBkA/flKYH0zYDxToA70QRmEmQIB9nSagJkDbTcBtDbYMgCZAGvKMwD6QV2bajMB0xDIMwBTpxnICAR/c8o9S3nwb99+ERD4C/CfBqAbAJw5+BLgG9H6Z9DntA/8nfK7EWAAgr//MH0J8M/+7M82p37wDv4zn4Cf8J/1DARlCjINtTMFm2v/nV/gswZ9p30KzsF9Ar9cXwBfgx7sZ59+7RlAzzQEfLn+XdDvGBP1Te3VVzcn/q7bA33wpgG+U341ADfPnGpUXU0E/mB/nPoOwk5M0IOyNi2vP7CnwX6qfJ7yy7sFmO2nPvrRreH/8Nlnb+D//Hves3z5vPOOg9o2MDzdwe/5t/m8e8KfCdgxAPuF/0OHDi1+5PKuX//15S7w3YnPfupTu2YAlJ3+MwYZgb4joD8AU3AWID/bs77OrTGjmwHz14ZArVuBtFsBfcL8Xg9of27nOj/4Zwgm/HtNkO5lBhgD/d0MZAjohL8xmQN79Upgo+PvDgA/aIN3poAh6FZALhgCNWPkwFtME7CGcDAG9BkZgcyAdRkA4zMCxutfmwHAb2zwN6bn6bWAGwBX/xmAvgPgpwDWrwAObgB+BpB/oyXdAGQA6DQA1cHfKwF/1QnUA/9aJ/DloD9DrdP9VKAP/nQD/vEnekF6Aj8zQIF4wr9rf30ZgL1O+/rX9QCfzhN/0M8MaAf88nnilwfsCfOZA3sn98ZO6E9zIA/0xxmAHdgHb/BfAz7opxP8wO4kT8tbK+1UD/IT9Lvwf+655fWXX15eeu655Zsf+9hyN5Bs8Vv+/Irf79100/LClVcuXzn//AP479ME7Bf+TMCJTv/6mA7wv/NXfmUDePDfgH8H+NMM3O1n+m+7baFuBIqAm2YOtDMBaa8EAF1ePWUA9AX/tLo1168JzJ03ARmC9U1AZoBmBoC5AGvmIPhnDLS7DUjNYQ4yAd0G1LZW8M8U0GkCNu0dI9BNQAYgdXKfNwHdAgBtNwFBVxu8uw0wV9taE/zybgTA3frTDFRTzwikwd6e8rR8tu09vwTIBDAD3QD0UwBuAZz+D24A3ojWP4M+wO9vATjxTwMA+n0BkAnwHQAQX3/RL9hPbZyxffEP3Lv2nwagHPi/75fyrN7pg3/QB3ztoE/Lg38K8GINe2CfNwHWDPrGymfoV7dP1/y78N/5PfzBP2gH9Al8sA/w9demc2z9QT8F/3nCL+8LfGnQrp0pUAd6cJ8664E/2NPNqwDf7PfKYQf29NUXX9y0X3z22eUbn/3scvfhw1vB//5Dh5bv3Hjj8uJVVy1fueCCzTv/TsDbnOadYE/32Obz9m9EpxHouwDdANBuAaYyBPr8m93zjncsd/ydv7N85pOfXO50Jb8T4M4IFBkBurkJuP32jRGYuTna94zXBGAuAjydxiBDkBnQ31jjuhGQMwP6pgFQb48Hxk8OMAHdCNDgb3zGQL4xAjvfFwB00AZ30M8ATAV6JiCz0A3B2gB0KxD8tbsRMFee8fCniAUoMwLBP1WbtwDAPNuAD7zTHJzoRkB9bQa01wbA3hmB4J8R0c4IGGNvUZ4ZYAD+5//8n7s/BcAAuAEQbgD6DgBDgDEHBuBnAPk3WhLk+zXAGQDFKPJzAAAgAElEQVQmYH4HQDsD0CsA0A7483q/XB/YGwfsnfL3aquBvtcBgb4Tf8AHXDAP+OWd8oN+7eC/1uBPA3+wr00LfcH+OPjvXPODOugH/hOBXN3V/gR+Y8E94Fej6hvg+1Lfzkm/9/La4E472Qf5Tvi16wf2CXr1TMA0BHKn+Qn4wF9N/ysvvLAAv2/7P/fQQ8s92/6K3zPPXF69/vrlpauvPoD/Ft9bOBnwZwY21/5nnrncdvPNy6c/9rHl9k9/evnMJz6xCSZAnhmY8O92QA3w17cB1XaNADOwE2oBPgXvIJ8ZyADUDvzGzRuBaQTkGQG5W4gMgDkMwRr+9qnGCGh3M+C7AiIjELSnGQD/gikoD/bmTmOQcWAKrCfkGQEGAMTBXS7kYDwj+NOgTLsRoMYH5m4FjCmn+tuH6qdrM6BtfEaAqlFzGAhrtWb70mkA+imAbgAYANf+B78I6I0o/TPsYwAm+MFe+E2A8xWAMd0ABPm+1Nc1/zQF3QCoBf3yqdYQGwMw/mDPNAJruNfODFDjxQR+sK/WqZ8Ce5oBsE55ZqD3/Pp2DcD4Vn9X/YH9RJCvf33KB3l9zcsIbE78430+0Ad/qt07fcAO+kG+vgl5sK9NjRVA/h1fSPQlxHG6zwSksw/0i2cfe2y5/+KLtzr53/P2ty8vX3fd8sq11y5PXXTR5tvqgW2bk/Dpfur3/Nt83v6N3szJv2v/+848c7njfe9bPv0Hf7Dc4Tf97QToy4M//ezO7cA0AhsD4DsCO68MphGYeUYgZQbK7RPs6bwpAPt5KwDUGQDjQL32BvA7BsC4zEBGoJuBjABjYFzR7cDuq4EdMwDowRn4C7WMAMgH/jQzMOHfqwFzuxWYRqB9ABjAA3OvBroZyAh0KwDAM5iCaQSsA8RqAD2jVwX652uBgG6vaQZqB/0Mgba8W4GZTwMwvwQI/sL3ABiCgx8D/BmC/kRL+8Y/uPfjf/1eADcA8/q/G4Af//jHG1gDPJBTwQSAuNxpX96pvxuAatqb076/0rdjADrxz+v+va76g34n/czAGvK1KWPQvDXgZ9tJX5t26i/f6M63+Z32A39AD+DdBARy7cYA/TqvTa0R6NM19LXBG+Cd5kXtarVpJ3xaDtyu7gM+AzBP+IEe+Cf81TvxU/Neeuqp7X/Fr9/yd801m1/z+9Q737kcO3JkF4LbAP3BQ4eW0z22+bzTKEwj0I8Ldv1P5yuAcuDv2n8D/3e/e7l9B/6f/cQndg1ARsCNwDQBM88QUAbAnMzBbZ/61OZWYJoAtwIT/BmAavf6UUJmYOdHCoF/c4L3q4b3+K2DQL5XmJOJmCZAjQlozV4P9GogI8CE9HogM6CWEegnCLSBv8gMTAOQCZi3AAxBpoB2AzBvA8zbmIGdVwIA7vUAWE/4l9MMwPpGoJM4+E9T0OsBan2mQA781sp8ZAqYAGutzUAGgGYKugXoNQAD4OQ/T/+AL+YrAG1jTsSqg/rP4F9g3gAwAdqZANDvLwLK/RjgGvrTAOgD+XnCrwb6TELwnwagkzt18p5wB+7ZloM6bd6EvbyTv7md+oG9U33Qn1rfccDvl/rsnPgDP51gB+/5fj/QA3rjMgjGVmsc2HedLy866dfXKT/Ad8qvPtvBngb7TvlTQT0DwBhkBIC/evmEv/xlv+L3uuu2Ovn7cuC3rrxyee3665evXXLJ8siAP8DtF4inO/g9/34/q3E/Cf7zlwYF/KkT/vc7+V9yyXL7f/gPu1f/XgEAd/Cnn/n4x3drDAIDMF8TeEWgnQnIAExlAgr1TMFmrZ1bBmagyARkCDbt8XsFwDiIy7shYAbmbYC2fuBnBGaYr58h6GaAETCeMQB+oV3utUCGoFcDQR/g5SBOmYDgn2YY5i1Aea8L1rcC2k75GYCgTEG/m4HyDAEQg32mYGqGIO02APzVqFowzwBQ0R6UGZiaGTA3Q8AE+NFxYPfHgETw728B9EXAAwPwMwD8T1oS8Lv2p9qi639fygB/twR+nMMNAOgDeCd/kO99vxzkqTG11XzBb/fE39X/zh/o6QYA1AN+p3ZQXhuBCfkTGYAMBbgX1lmDX589dq/4Az9dXfeDtnBFP6HfSb7+qcbO/t18591+p/zAv5fOa34GIBMwtSv9AA/8IK798vPP717za3eyT/WDf1/qywgwBYFfbtzmBuHZZ5cv/sIvbA3/r7373cvrN9ywfOPSS5dHjx49Dmz7BeL/C/DfxgCcLPhbZwP/c89dbv/d313uAPydAHKx+12Aj3/8ODPAADAE3QJkCLo5UM8I0BndCKQbEzBuCUC+mwB9zEAGIDWmAGYn9uCvLfa6EVDrJsCYjEC3BMwAE2AcE1CAvT2mys1vr24DKPDPyBTQvW4F1KYBkHc74PQ/bwY2xsAvFtq5EUgzBBPKbgBqA7ExvRLQ7sSfAehWQD34MwDmzfHtNQ2BNTIA0wyAv3EZAgagb/878fclQMoQqPW7AOhPYtZB/0n8F8gApJmAfg0wA6Dv/7D33k12nVd67wdA6JxzNxJBiEnMhKixde+UXSpX2SOXq1xj2WNJozAKFDkUAwgQgchodESDAIic0cg5NRKpse8t31KckUYTrjVTmng9M9dzP8C69Vv9PlvrbJ4mzmHDGoE6f6xa795nn6bQXaXnt5613neTmQEAADQDIHEna43QCwDkBqjaBwAUDgLh1bwAgIQ/ZtbxGrFHrKPoI+DxWr197qvyFwDoHvej6Ev8AQTv+6cqXwCAoCPcVPIScLIiCr7W+gxQ0Hf+T3r+YahPYo+Vr7Uqf4l+fpJfFX8EgSjwrHWNWAsAYkUvsQcA8sFnmejfumW3GfS7dcvj1rVrno985jNli//pRYt84v/yww/beG/vhxJ/IOGjAAClwk4Uf9aZ9R+OOpb1Hyt+rVX587097e22ravLRl5+2Yb7+w3xJgsCYgYEuN4GGND/5zCgIMICABf+MCyo+1T7PE8GBhB/OQByBAQCfAZ8AAERBHRN5tk8DPh1OkgIGMABkDgj8BEI5A7IEVAWHJDlCJABgTg0iPgLBgADhwnmA9LuAcGAhF8woGuy3ABZ/PEa8Uf4BQV8BgTwPcGARFpinM8S/nxGyIGAfKgtIAhA0LWWM6AscBAA8N/WOoq//tsCAP7bcQZArQDNAtD/1/sA5ATcQ3mr/Ki7/Qaw+yX6rBn+o9oHAKj8EX4+FwD88Ic/zCx+QADhV/WvHr+uVfFzzZrPdU/2vSr+vNAjxIi1PkfgZefru1zznO5L+MlR6PNrriX0AgFgwIEg9fcR/ijkAgAJOSBQIOzJGdB3Yvbv4AKkk/nuVvHzOSIvAFCVL4tf9/8rQ3yhuld1LvHnMwX3EHZV/Mq653Bw+3ZRsZfoAwKsj//2b5ct/scfeMD+yyc/aVcefdTG+/oK7O9yBJ2X1NzvUc6/N4JCBgPhmONi/f8IBKz5not/Z6eNvvCCDW/aVBAIvEBAwk+OAQAQuADuBHAGQAIDRF/CH9cIvkLugK4jBMS1QEBZQCBXANEn+I6AhGdYI8p5EJDwRxiQKyDxjzCg9oJgwJ9NQAAAcB1hQGvEW62BCAMIOMHnWkfhlztA5pk4HyBXAADIIIC3EKZqHSeAQNgjDCDCCLlaBGTuIcaCAa3JcgPyWa0AfnYEAcS9WPAM/x3NCWidBwDEn4gOQJwFuJtmVT6/h78BBv0QeMSfiMN/gADCLzcAByACQKz8tSar4icj+l7tf+c77gwAA4h5HPBD0BFkhWCArGpfIs93uadrMt+TqOfFXnY/9wlV+vw3WfN9F35e3JOG/MgSegm/BJ37xT6L9wq+k4Sf6l6VezEAUNWP2OMG6FmJvzKiTyDcRASAvNhzHat7iX0m/knw32MIkKn+XJWP2N+ZmCio/E9+4xtli//hOXNc/K8+9pgdnzOnIv4luhjTFX9cAN6H4OLf1mZjX/yiDW3caGODgx4IvwIoGOnvz66p/rmWK8BzAEEEAa3J7haMjhZAwTaucRFSe0AQoCxHgGcUEQbkAAAD/AyHgeRECASUBQMOAqlCR9gFBawjDFDFCwQiAAAFagsoy1WI7QG5AfwMtQq0fRAhJzQPQEb8lacCAcCAQPj5vtwA5QgBewAKXAJOF0zbBcmxPSDhR4gVuicQAB4iDMgViG5AbA0IBMj89+QCxDWfRQjgdcBvvfVWdhKgAICeP5P/En/cANb3UN4qP+puvwEEH4sf8SfjAGj6X84AEEAwBIiYI/Ky+TXYxz1V93zGfV1HIMhb/RJ7ib8y9/NVv2BA9xFvhFyiz3ej5S/xJ/Mc31fo2oEgCH/e4o8DexECJPIa7tN19sydO271S9hl78csaz/CgYRe2UEgiX6xil+iT6Z/H6t/Cb0yIk8Vr8xaVb2qfGVgQGsAgecurF5dtvgf6O213/vkJ+3axz9uJ+bOrYj/dMSfYcAk6qr84/BfrPwl/ns7Omw74v/Zz7roRwDYwpAfg3yIexJ/QGCUMwESHAgAyNwnCwy4jo6AQMDdANoFHCJEe4BhvxQSfwRdbgA5DwBcAwPKCDsAwLNyB/gZEn6BAJln4jUCLhBAsAnBAOIfQQAxR/gBATkEcgP8fjhoiGcl/nICyLQOBAFyA8gCADKBoJN5Vq4AcKA1roB2Cmg+ABjgc3cF2E6Y3ADlCAOIu4AA4Zf4RxjIi7+uIwCoLUBWlR+hgLUAQM6AAAEQ4OyYYgAACAAAEQIqAHA3xb7HnyP4AgAggGpfAKDqn8EMAgcAMZfACwKo6mOVj/BH8RcAINASfOUo+Kwl8qrwEXuF7umZKPYIerwWFPBsHgDkAjgMBKtf4h3FXBW/hF5ZzzLgp7XnXI9fdr6EX6IvMNDnCL5E33MQfYRfA3gSfFX/uo5ZlT4iHsVea2UEXiIf11H8uQ8AXOSIX8SkjCN+93Z12beff96uP/54Jv68cIbYV0bsbW+3+z3K+ffqd0Q+ECPtHMhaAXEmIKw5GZBn+J1tb221sX/zb7zyH9ywwQVfwo/4I+JyBGJrQACgLOGX+PMzdM9BILkD/Cw5AxJ/tQXi9XZeLsQWwnTqoMCAHF0ArQUCEn+yoEDrAtEP2woL7qddBAIAZVXyXEv8gQatyREENCNQbE6A7wEGCHsEAK4l/HIBlLkv8ZfoI/SCAbkAZH6OrnEAigWCrBaB1gCBWgNAAGsy9xFxiX/M+bYAn/E9AQdCT/CcfoYgBBjgPg6AqnxEn+l/zQIg/hoExBGoAMA9Fvi7/bhiACDLHxAAAgQA7AKgBSDhR+RZI/BAAGsJvzKf0QZA8CMAIOoIsAAAAUfgY6jSz2cEXSFrP14LJBB6iX1cS/jzVn+BkOd6+rL4lXlWcBCFn4odUZewR6FH/AUCEntZ/VlOwk9PnohVf6zu43Cfqn+EX+JOzgOAqn/uKxB3rckRCG5euWLEVf5Ps8wjftln/u7ixTbxxBN2ct48r/wlbOWI4f0u/PzvL+ffq9/RPRF/Kv9PfcoQfgRbWWt3A5ILgPjLHSDLFeA+a2XEnu8LBAQB5Ez42S2QZgbI+o5AIHMDBgcdAPRdYIAAAggqfLkAiL0gQK0AhJ/gGbULEHvWZL6jzD2ey+6F4UG5AtEZAAQiAMQ2gVoDeUcgv4XQoSHt9S8GA9wTAGgtEKD6FwCQgQLuSfi5Zk3mc8QXEFAWFOQhQOIsN4BrAAAQ0D2uEfqYEX0Foi4QEADks5wAsgCAnr+cAG0LFACQ0RnaAHfTrMrn9/A3gMjL/iez/Q8AQPhxBvhcAKAZAAm9sip8clz/H2zpS+Kvil8ZEdZaMID4I95cy6JnLQBA7HkGsZfwS+wFAOQo+vx3+I7ucY2tryG/WMFzX8Iet/hFMIjP+LN37mTDfRJ3QQDXDOwJArjmM4l/HOZD6KPocy3B1wCf9vNHN4DvyMpH9BXvMvQXrgUEEvgo9nzfIYCjfa9etXcnJjy/d+OG3Th82HbOm1dW5c+LZTjl7+ZTT9mp+fPdtpawlSOGFfFPDkAZlT/T/vzeeCHT6OLFNtrfnwmwhDiCgMR8bGDARZ5nAADBgYRfWY4A1wh3seBnKAQAut4+OuoAQY4gwBpHQK5AdAgQecRfACAokPALBBB57H8BgCp/OQXkDAASHDggpBcSCQQQfzkDEn6yQq6A7xZI2wg1HwAE8LlaA3ID3LJPOwYQ+wgEiLhAQFntAQm/YEBgoO+Q+VkOCbt3u0hHEFCljngj9oi8IIAc2wF8hugXAwHuKyIIsJZLkIcArvnvAwA6A4AKHxdAAIAboM/YBYALcA/lrfKj7vYbQOxxAQQBAgDEn+CPIgjQQUCxuo/rKP4u/OmlParyyRL9DxJ6BBuhlvDzbBT9KPY8JxhgLXCQ4CvzMyT8VO6sYzUv4VeOVn98TmvPObtfACCbX9dkOQISf6/4cza/Kn4Jv2z9fG/fP2eiP/XzEXetBQMxR7GPawT+Ntv6kvBzTcWvfOvECdu1aFFZ4r+jtdVuPP203Xr6aTu9YEFF/Et0AARI06n8EX8Ai5f7jD32mI2uX29D69c7BAyuW2fDOAFU8Lnw+wMDmegLAAQBwIEAYSsT/wkWWAMEQIAcAV0LDCT8cgS4Zs3PIPM8MMDzahFwLw8D3ipI1T7CHwMwQPQJYIAs0ZcDABjgKEQoeN86zQpEABAUkIs5AoICh4F0jgDPeouAtkE6T0DuwA7cNFoEaSaArDaBRF8ugGBAWRDAcwIBMhAgZwBB3p1AQOKPC6A1WXMB+cx3Jf5yBLiOLQG1DOQASPxjlvADGKx/8pOf2OrVq736xwUQAAABXFP9awAQGLibZlU+v4e/AcQdAFArACBQC4DM5wQgQAvgBz/4gQ/4MeSnil8ZGED4qfx9ODBV+YgvIfGXsKu6n+oaoc9X/AIB7kv4EXkFEEDwHP9N1v5ZqO4l8mRFMSCIz+EIZAf6FNnHL5GP1b7uZfZ+qv7zlb6En8o+b+0DAXwuGPgvSfgl+Krsdc3Uvip/r+qD3Y/QI+5kBRU/wX0FEHDn/Hnb++ST5Yk/p/w9+aTdfvZZO7NwoR3s6iqwv0ut6Jlav9+j1H8rz0VXJIJA3C4YdwSwzs8BZD3/tjbb8rGP2cCyZTawdq0h/Fv6+z2zdkcgXfMOgAgDwALXAAGfuegzNxDgwEWf8wPyWwk5ShgYSAOFggLEHDgQAJAjFLAGAJgdAAoEBJ5TS4Dv8PMKXIHcrAACr+o/goCAAGDgczkAXAMAZN0TECD0RBR/1nIFyFT50R3QtUOCzhFgR0GCgjgkiOAj4oCA3IB8lujnM89J/AEC1gQ/Lw8BOAESf7kCEQQQaD5H5KMrECGA53Ud2wKCAr6H+AMPwIEcAYk/3+fsGACA6l8tADIAoJ0A0Qm4h/JW+VF3+w2w1U8AgNBzjQugHQAIv1wAWgAAQKz05QBkdn8CAERdgk9GjKcSesQ8Vv2q8CXwupb4K0vcyVHscQEQfd1DyCXepe7dFxi8LyfxR+g/KBB/2f15qz9v91PRq+ovlqOoS+hV9avSj9ca6PMtfKm6j+KP4N9hT//Vq+4AkFX5AwHvXr5sB/75Py9L/BkOvPjYY279n1u0yA53dxcIW6mCeL8Lv/73l/rv/TDiHwGAqh/x5+e47T93ro0uX26jTPNv2uQQAAgAATGAAcEBwj/C9kDs/wQBAoMIAcBDvH6fG4AjMDg46QYMDbnQc+1gkFyCCAKIeryO7QFggOCZHfTrR0YcAIAAdwM4ZIgZAY4XTkcM510BruUMIPIAAECA0MsN4L4AQDmCAH1+zhYQDOTBQO0AZaCAZ6n4Jf5aK9Me8BZBggBAAAFH3OUGCBIQd0EAzgDBc9yT+Cvrns8G7N7tln0xRyBCgFwAwYCAgSwXIGY5AOQIAbQHBAL8NwUC3MMBoLJH9KMTwD3cAFwAAIDADbibZlU+v4e/AZ33r1aAjv3VDIAAQA4AFX4eABB/5gH4TBnRR8AR5yj8CD3XCok816wl7soS93ite4g866kCEIhVfIF9H17Mw331/FkLFvS8QwBzBOm0vnyVj9jHiBW/rH5V8og/IVtffX1V+AAAFb/fv3PH9+Groo8Z4Y9gIABQZY+QI+y6jmvu0efXM6wFALcvX7bDn/502eJ/5mMf86G/8x/7mB3p6amIfwk7F+6l+GP7b+nutpFXXnHRFwDE7OIe3AA5A4g/awEA+X2B7b9hgwcQACAICFjLGVD2mYEcEGTuQIIDRF0tAYGAHAFgIAYwIKcgzgkAAbgFQIDn1B6gLYDIkxF91nIG5ArkBV9QIADI4CC9UwBxj+0BOQIu+OF9A9EZ4DNvB6Ttg3ENBCDoiD+Cj5WvdQQBrRF4Pa81GSdADoLaBECBQEAQoNYAGQiQK6AcYSA6Aoi9gvta59sDAgKyAID/jloAiH8EAc0DAAE4AYKAeyhvlR91t98AQq++PxDANS6ABgBxBRgCFADgAGQin6p9ACA6AAgvYg4EqLr/IAjgGQm8gCDCgCp5Cb76/FH43eZPQJAXflXxCLoi3mNNz5+Q+OtzWgNR3FX1614c8uOzAvHP9fgRecQ/ir0q/uzexIRh82Pfx2o/ir/EPt5D1CXyCLuEnx6/V/Uc6HPzZib0qvpvXr5sxHsAwcSEjf+H/1C2+J988EHf7nfx4YftaG/vhxJ/KmZVz/dzLrXy57miABDOCcjb/sUqf1oG3vPv7LSRF1+0zbzgZ8OGybxx4/tgADdAjkB0AFj7LEB/f+YGAAECiAwOEggAAQq5BRJ/gIK1sgODdg5wvkByBbjv7YGcEyAYKAYAEQRwBgQDZHcLEggABog/IWcAAIggIHdAgn+3jGDr/QMIu2AAl4BrgQAAwD2e99aAzhVIEIATEN0Abw+k0/7kBgACAIHEP7oDiD7BM2TEns+BAwCA+7E9QHUu8Vd1zjUh8Y+uAGtggO9pLTiQ+JMBAIXEn5/Pmu/qvwUArFmzxh0AcgQBxF8AgBNQGQK8m2Lf48+p+BF7sqx/7H9En3sMZxCAAC0AtvtFwZfwKyP0U9n9qvoR/CjwiH+8l4cBhF7iH0WfNf8tffZt+vyp6kfMYwUfh/ok7uSpgIDPEHmqflX8+cywX2bvc6pgCvX0VenT15fw5wU/cwBStU9VT8jaFwToWuLPlL8qeFX0ZASfil4AoMyzHknoEft3r1938RcEnPzyl8sW/yPz5tl7zz9vFx95xI709hbs1y9HyHlJzf0e5fx7IyhkIBCOOY79f60FBFj+rPmei39bm4186Usu7AIAIEDBvVEm+9et83sAANd8Tp6qNeCuQH+/twXGcAhS4CRENwAh59qFPjkJEQB8zXZCtQPSXIAPDqa5AT5zN4BhwNw2Qrf/gyPg8wDp2iEgnWyI6CsAAlwB310QICC2BeQICATIQICcAV1zD3AQSNAGEAhEVyA6AsCAzwOEWQFggHtyAcgOCTt3+n2EGwAQBGit6l4wIDBA+AEAhD+foxPAZwjyLg4pSgOCiLPW5AgAEQok/DwfYSAPAgICnhEM8N9kzdZxhF9BK0AgwByAIKACAPdY3Ev5cRJ6xJ7gGgDADZD4syY40/n73/9+NuinSX8N/qnij0IfK38EW9eq9PNir2qfz7XmmVjhS/B1T8JPjqIfBT5a/DyjWQABQBwCfC+d2Y/AS/QjDHCP4HMBQhR/RB0IEAhQ3ceDe2TzkyX4CLosfdZEFH1V+5raR9ip4gkJPn197pMRe9ZkhB7Bj5W+Kv73+Oz6dTv72mtli//Bvj5775OftEuPPmpH+/oq4l+ii1FU/HEEEgBI8GOO4u89/44O29nebmOtrTb0m79pw4jy+vU2sHq1C7vEfnDt2knRT/cRfEJOgNYOAps2ZcOCW5ghAA7SPRf4AAM4A4BAhAFBgDJAwHOIu0NAcgbUMqCF4G0BthSmtkDmCOAKpNMHAQNEn0FBXAEAQU6Ahgb5DBhQAAAE8AAICAwk4mS1BxB8tQUEA3k3QO0AwYEAgKw1Yi5XgKx5AbUEBASZK5BzBNwZQKRTAAQKQQEwwL08FAgAgAFCcwECAXcEOEuAcwNSdR4BgDXCH4PqXtdY/1wDBARAQI4goDXPCQL43h/+4R/a2rVrXfTJWP2CgXwbgBZBKbpVeeYe/Qao/rH9CQAgWv8AAEMZcgIAABwABD/vBEj0EW7WVOKy/8l54RcASOh5XjBAVtWPyOs6Vv+CAL6H8AMLEnNBQP46AoGeKSb8Eniqewk/WTAgsSdzj619svcl+sqZtZ97HS+CjuBj98fJflX8+lwZ4Sck+qrs47XW5G+zpS9n7zsAJMGX8N+5ds3OrVnjx8WWc8rfvu5ue/f55+3Kxz9ux+bMqYj/L1D8AQMOWkL8B3/jN2zzW2/ZyPr1BZl7ggGy1nIFBtesMQJQQOjjtQYEyXzurYIEAlwDGmQ5Alj9EQQQfdwDMhBA8AzXZLUGgAI+8yFBXAGggxZEei8Bwo/Qyxnwn5WcAgGA2gRcyxkABgh3DhDotINA1xoaZChQICDhz2c+FwwIAuQSOAyErYOCAbUDlAUCCL8fHpTOCeDaQ7sGQmtAECAXQACAsAsAcARiAAWAAN8lK9QakPgDAHIEZNMj2lqTuc67AsAAgi5XgLWCe3yHa7IcAbKOAqbCJ4AAAQEAABDICSDfI2mr/JhSfgNU/AIAKn96/dyT+AsAyBEAVP1j/QMDEnkJPWItAECkEXqEPIp8hACe5Voir+o+/px4T1U/P9sjbemTsJPzbQB9JhCIroD3/5PIS+gFAoi/AEAv6on7+VXdY/MTiD/CL7vfK/0EABJ9ZQm+qn9V+p45yjeFqvko/Fpnmao/CT8V/i329GP5J9GPAMAaZ+AyVmmZR/zu7uiw25/4hF15/HEbnzfPOG9e9nc5Nj4idr9HOf9e/Y7I0QXg90fIAYg57wLwmSr/4V//dRteu9ZjBHufaf4cCK11JdAAACAASURBVHAtABAE6FotAAEAOQbuAQ6AuwCpbSAYiADAmmciEOACbE1bCmOWGxAdgQgFcgT88+QMCBBwBAqCnQGpFYC4RyhgjRuAQ+DuQTp2GCfAAWCK3QMaGJQjEHcOSPi1nRA4EATIBVCO7QBEXxCASyBHYDsHF2k+QFAQXAHEHjHfzlbCtFMA8RcUsAYAlOUKCATkCggEeE4QoCwQ4FqVfQQB1gg/z0UgUDsgAoDuAQAKAAAHgIof8V+3bl3mBGD90w4g1AaoAEApqn0Pn5HlDwQIAIAAAICM8DOYgQvw05/+NGsB/FfewMc0fxj0EwRI+IEBCb8gQKIfQUBWv6p65TwMcD8v/H6dqv/8AJ+EXsKvrKofAOA7cdCPqj8/7Q8IxKqfZ7z3HwQ/Cj9AQBtAAOCAkAb7JPwFQp87sQ/Rp9onezUfBvzitSx/CT2irrVE/zZ7/FOvX/feZU7g2jW7zv+B9PaWZf0j2Lefe86uPfGEjc+d60K2p63NiN1lxK62Nrvfo5x/r35H5L0xEgxkcwBhODCeCcA7Abjmd7a1tdWGP/lJF35V+v2rVmXXDgMAQQp3CNatcxDgcCAC8R9OMwFyBfIgIIeALBAQDOgaSJDwKwsOXPjTvABrBXCA6L+dnIEIA6wl+OTYJsAZUFuA5wQD7hAEGBAUqF2g9gDXcgGUMxgILx6S6MsNEAwoqw0QnQFfJzcAsSciDEQgwBkAAjwHAAAG+B6Z+QDWAgAggHUEAQk/WeIvR4BrtQHUFsiAIAm0nABBgDLirfYAAKA1Ag8MAAoSez4HArhH5NcAADMAVPyIP0IvB0BbAgUAcgHuobxVftTdfgOIPLY/4g8EcE0g+DqkAUjgjwMAfO9733PRR/gl/gh9jFjNS/C5p2pdUKCsyj4v/BEM9F1+jiAAQUe8EfpYzUvoyVoLBsiIPn1+CX+s+FXpq+qPlT7r7DpV+lH4i9n9DgHpjH5Ev2hfX2/oSxP7CD9VfRT7rMrXYT6p2s8EP1X6+Sqf65uXLk1CwKVLduPiRRf/iQMHbOeCBWWJ/zutrTbxzDN2/ckn7cT8+V6xStjKEcP7Xfj531/Ov1e/o3sl/kNPPGGbli93wccB2LxqlQEAA2+9ld1D/LnPvUH6/1zTKsDyTxCgjCMwRIWv+6klIDcAQAACuEb4eVYAQNZ9WgP+eWoP8D2gACDgMwGBQMCvEwzEtgDiLhDwdgIzAKlFAASwlvgLCICACAKaDcAJYC1HAFcAEPAcdhEIBBB5tQVU4ZO5LwAADFjLCRAIRAhA8BF5QYCy2gJkQcG2rVsnWwGpJeDCH9oDggCy1gh9HgZ0jfjzuaBAGRCQG7CTwUOGCNPxvxJ/OQPkKP6sFRJ/AQFQoHsCAoEAGQdg/fr1DgBAAAAACOAIaBiQNgAgwL27aVbl83v4GxAAIPIEws/EP5U/QIATQJ+GawCAqp/q38Wf7XNhX38Ufip8BFwin8+xuo/rCAGsEX4JviBAVX9e1OUARNGPz3BfVb9DwO3bmbUvwSdT7XuFH87tlwMge1/CX2DvhwN9vAXAND7zATkAEAgw6OfrVO2r6pfYAwAx/H5O+GXlR+H3iv/SpQLhp+IHBACAifFx2/PII2WJP0f8Xn3qKT/m9+SCBRXxLxEC7pX4AxxvU/k/9JD1L1liQ2vWuMB7XrnSNq9cOekApKzWABCgkCMQM4DAz0D8AQEX+gQCWzg6OIk/9wUBCD6tBcEA6zwU5N0AXQMFCL8yP4PPoisgZ4A5AoFBdAXkDOgsAkFAhILYEoitAcSfloCGBYuBgLcNwsuHAABBQN4V4FoAEJ0BBF+ij6AT8V4m/mNj2RZCoEBzAb5TgB0EqU1ANY8LgIhHEGCNA5APYEDtAT7jOUCALAiQTS8Q4FoAICAgywFQFghwjfDnI+8ERABA8IEAxF7tAMQfIEBnKkOA91DcS/lRTPcj+LgABECg/j9VP38UrvkjsQ1Qtr87AKHyl6WP0MfgfvwMsedaoh8z94EGhJ+1xD9W/YIAhD0fU231Q/S9x88pforQ15cDwFS/qnxlhD9W/Qi/juv9oIo/Dvdpol+2v/r+GuyLFb+qfkGARJ9hPap9LH2JvVf/uaE+xP82R/ny3KVLXu171X/1qov/9VOnbN+zz5Yl/gwHXnr8ca/+Ty5caPs6Owsq4FIrel4SdL9Hqf/WD3IJppwFyLUDsPxpDUj8h+bPt/7XXrP+FStctBHuGIg5IMC9DABWrsycAXcBVq3KHAFdkyMI8F05B4CBQCDCQHYvuQJqJwgEyA4GaZBQAKAsN0AgICjQPAAQIBCQI0DGEXAACPMBcgVoFwABPJdBQWoN5CEAkQcSAAC1A7in3QM4AjpDQOcJ6DrvBrgjkE4UxBUACIABBF8ugMQf4RcYkOUUCAiAAMRfwk9mbgCAAADycwHcU3tAQi8YAAIEAmoNABByBxwkdu92JyBCgEAAIRcIAAZcI/4x8zn3gADWZDkCrOUAbNiwIXMBcAMIVfxAAcJP0BYoRbcqz9yj3wAVv2x/HADEnsD+51p/GAEALQAcAIQY8UbsEWgEWwKudaz6EXVV93wehV8/KxP3VPVT6fNsvM/PyFv7qvwjEOgZhB+73yt+ZXruaX+/xF8VvgQf0c96/+FAHw38xSG/bC8/g39pH3+s+iX8BTkM+LFVL1b6mvZnoI9A6LPhvpzg+xY/Dfklq/89evwI/oULnlkTE6dP2/5/9s/KFv+zDz9sN597zk49+KDt7+r6lRV/4KVUAJiqRfBhxX+4p8eGXn7ZhqjYsfqx7XMAMJTuSfyVB0NrgHt5BwCHQBCA8MdwZ+Ctt7L2AMLPz8gAIDkEfs1uAD5LUBAdAgBhLFX7mhEgE4i/uwBpKyPXhCCALDdAOwmAAO7lnQGu2S3gsMCLh9JWQmVAgJkAnIAY2ZxAagvEtxNK+PMgoFZABAKEf2t4DbGEn6xhQKBAjoDcAbUG+IyWAPe9TZDaA4CA3AEgYBvXYcugHALuAQASf7KAAPFXe0BA4JnWwL7JLX6xNcAa4ZcrENeIft4R4B4QIADgZwIBvAsAAKDiV98/AgEtAR0OhM7cI2mr/JhSfgNY+6r6ydj+sv9l/QMEgABvA/QWQLL9EWdV+1rnM3CA2KuqFwRwD2HXNZnrYna/IEDWf7T4VfVL8JWzSl8Vv/r+6Thf9fqLVvp6aU/Yzy/B12Cfqn+yA0Dazhe39AEDqvbfu3lz8iU9DAdSpactfbHSFwRI+JW9j89pfWmYLxvsQ/CZG1AE0edIX4eA8+ft3StXPI78639dtvifWrTIbi1ebBz1e6C7+0OJP6J5v1f+/1Tivw3bv6vLhl54YbK6TwDADIDPAaxe7Y4AQIAzEDPrAcSd0wGTKwAkqF3AZ4oRwCAFQJDNAyDKa9c6bMR7CD6zBQIB1plbEEEAGAizA0CAuwX83LCVUAAg8dfMANesozOgNTmCgMNBcgbkAkj4lQEAZgUQf7kCykCAQAAA0NkBcghoA+QhQO2BrDWQAIBrHS0sN0CVvwAgQkAEBQl/zDwrCCAj+AqBgBwCOQJkBD4CgWBAcwHuBqQBPip7RJtAxOUKkBF2gmcEBFzzLMKfD74vEPjxj3/svX5Ef+PGjQUwABTQ9xcA4AaUoluVZ+7RbwDB10E/ZAEAMIDoQ2QEMPDnf/7n/jIgBv4k9LHKjzCA8EvcBQDKui8AyIu+Kn7+G3ymiP38WO2zls3/vmqfiXwm8IPwq8+fWftJ8On7Cwj8szToF/v8EQQEA1j82sanIT9lCT+H9Wi6P4o+a8EAW/ZixZ+3+H2YT2KfqvybFy/ae6nCp+L3CKJ/ExfgyhU79iGO+D22YIFv9zv70EN2sKenIv4lOgDFqv9yK39mB7a3ttpIW5v1f+ELNrhqlQu+HADEn7Uyn7v4Mxy4evX71gCAnmHNd8kCAAcFrH+AIWV9NspZAMkZiBCgNoEcASCA4JrsDkXapihngKz2QOYKsO9/wwZ3AzQwqMFCcoQCnz9IZwnIIVDFDwz40KDOEuDnprMFfECQw4TSuQQaGowuACCgswRYAwMSf50loOE/CT+Wv8CALBCIWW0BCb5AQKLPfULtAX0uV4DM57rWfADVvSCAHF0BQQBwwFqOAADAswKBzAmgNYBDkGCA6l4wQBYMRPEHAOJ1HgZ0DQBs2rQp2/4HBCD0cgU0C4DeVIYA75Gwl/pjNOhH1U87gGvsfwSfTPBHYR7gZz/7mX2H8/9zw32IPfcEBRJ6soLPtNbnEvYIAFrzPD9XMKDKPlb8iD73AQBZ/Ig9UdDzT4N9CL9EX5lWgNZkbP+pDvFB8GP/P27pU6WvXMzuR+h1Qp8gwHv+weZX1a8texroo8p3sRcA8Ca/y5cLbP4bSfiVeasf69Nf/3rZlf+huXPt1ic+YeceecQO9vYWWN/lVPMcVXu/Rzn/3mItgnhWQAQBrXUmgLYC8vz2tjYbaW21/t/8TRduxHvz8uU2sHKl9b/5ZkEg5twjb16xwp8rBgESfRf+lSsdAHien809j+AE+P0ABUCAAigg1DrACWCN8MsVkEswhgPAjgC5AckhAAS8LZBcAbkDZM0G0EaQG8A91oTEX+0BXVP5qy2geQGuNSeAsOMGyBHQDgGBgNyA6BDICdB8gF+n1w8j+vGYYLULvC0wOjr5AqLkCviuAV5KlHr6CH1cCwjyIOBwkFoDggAyLYEIAIg8EMA9RD9CgEBAwk+WO8DaWwMJAAQCEn1gQGvBQHQF5AQIBvKtAQEAEKAtgHICtDsABwAoYBiwVO2qPHcPfgMIPBY/4k8g9ITmABB//ijEX/zsZ9krfgUB0QFArCXuVPmq9KPwS9CVJfgRBhD+eF+VP2KvbX/RAZDo+7a+YPkDBbHXL6FXvz9/7ffDy3qiza+9/bqnir9A6NN+/uxFPqnPnx/sy6z+mze94pfokyX8TO37Ogm/xF8VP5X+nWTty+K/dfGiecWfhB8AOL9sWdniv7+3124//7ydf/RRO9TXVxH/ElsYxcSfewIACX7MU4p/S4sN/rt/Z4MrV9qmpUsLMveIoVWrstj85ptF7w0DBW++aeQYI2wNpB2wfHlB1n1+9sCKFRkYAB4Ch1G2DFLl0ypImXUWb73lgh9hIK5xCIABdwWo/NPcgN9PMIA7oNDgoEBAjgBZwp/PtAeo9gUDAADXAgHNCMgJoNJ3lyB3oBCVP1CgAUHEXyCwhTmEFNEFUJtAjgAzAUR0BRD+vOAj9Kr+4/rtcKxwBADWiDy9fYEAog4EcJ97XBfbOcD9/HwAkID4x8AREBAUAwGAQK0BcnQFeJ42AADQ39/vLgAQgPhT9eMAIPys0RdpzT2QtcqPKPU3gNBj/SP+uAAM/lH9AwH8QQimNbFnAIAf8C6AdPiPRFxCHzNrPicTVPR6PmYJPfeACn2W3Q+v7Y2izxrhV+Wvij9CgM7yz0/3CwDyWVv8JPIa+JPVr1ZAFH1V/Mp8hu2P5S/hJ8vml+Uv0WeI7xb9+mvXfHJfAKCKnz4+a8Re4s+9O3znyhWv8L3i5/ry5cn7aX1x7dqyj/jd09Xllf+Fxx6zw3PmuHhJ2MqphO/3qp///eX8e/U7yudSxB8IoPoHDHa0tdkoR/z+y39pg8uX28Y33vA8xOT/ihUOAwDBADMAS5f6Pf8sBwQIuCBhGPfgzTez4DrCgCDABT8HBqNsEaRVAAwwU8CcgdoHgEiAgDwYbOGEQIScg4TYTbB+vTsI5DGEf/Vqz6zdNUhQAAgIBthJIBCgPaCWgGBAjgAZh8DnAtIOAqBAjkAxNwA4kBsgRwAQUERXQM6AZgMAgugEUN0TVP44AkAAvX+BAfeKQYAcAASf0KCgrpXjbgDuRRB4m/MGGBxk2yDvI2D+IIQcAc0KuNCn1w+zxgHIYGDPHtvB3EA68EcAQMUvEJALoCx3QPMBcgIEBD/60Y8cAFTtI/gEIIAjkL9fqnZVnrsHvwGEXkN/QIAAQH1/iT/5p//9v2cAQOWvyl7Cr2vZ/brPNeKuKj+KPJ9lYq9jfVN2cAg2f7T7NeQXIUD3yNrHH0U+VvysBQY8K9GX2HMd11wj7lHoWcdr/zyd2Y/QRwCQ5S/h/za7BXRKX9yzf/Gii70G+yT66vOr2s+LP0Bwm21/nAZ44YJdpTfZ1VVW9b+ro8NuLF5sFx9/3A7PnevH9EoEyxF0ROx+j3L+vfod5bOOORYExJx3AfhM4t//a7/mou+V//LlvgYGCIGAcrznQAAIFIn+ZcsM4QccHACAgAQGuuazEcQ9OANaCwIiEAADuu/tAwYBaSEwcIjjADwkt4D2gyLCAOKfD2CAOQQ5BbgFQEBsFyD4ag8IBuQMuPBz1kCaFSADAoIBtQS4jo6AIEBOANU/MID4CwDUMtjCz0sQ4PMBCQBwBNQGQPwJwMChIB0yJCeAz+QOkGP1L+GfKuMKEIAAuwYEAEBAdATkDKg1QEb0AQWFriMEAAB5EBAMkAmEX1kwIEcACNAaAFC/f/PmzS7+OAKIf74VUGkB3ANRL+dHAAC0ATT8xzUDgEABfwxNZ0Jsf/bTnzoA6NQ/Cbxsf7LEnc/ywq5rckF/P73GV5/rZ0jQ1QLQNTn2+dUCEAy8m17QI/FH7GkF6JrMPYT/DifrpZf5SPCVBQW3i7yeVy6AAIAcRV+CH+1+Kn2En336DPSRqfg9p94+lT6B4Ev8fTtfsPsRe3cAUqUvB2Di7Fm7c+mSXcP2mzevLPFH8K4/+6xdeuIJ4xW/nPcvQStHDO934ed/fzn/Xv2O8rkc8Y+V/8DTT9um11+3/jfesCEEPwQHACmGqcRXrLABhH3FCuvHFVi2zDPXIxwIlDLrzUuXTt7jPpU7Yo9LkDJAwf0BWgnLl9soW//o+fPfT8+PIvD0+JMrgPjLZRAMcL0lib7EXy4BACBXgIzICwYEAdEVYJ0HAZ8TiLMD6YRBiT9ZQAAICALUInDRTy8mEgjEXOAKJPFXe0AQQHY44GhhdhOwrZA9/wkCYo5AIBBA+AECgQAuAOEOQVpHGNA6y6klIDgQCEj8lYECAEBugGAgOgJAAAAgCOC7gADij8ALBLjOA0AUf8ReECBHQC0A3iBLlY/4K7NWWwA4oMBEY8jl6Ffl2Wn+BjTsh/AT2vuP9c9nGs7gD6cZAMQbCFDFHzPCj4BHMWcdryMc6P777nEgEJU5b9xLVr+EP4IAroCuaQNI/BF4QqKvNVU/4VU/AJBO79NwH9f5c/xV6bvIAxPh7H76/Vznq/2CFgDV+ZUrbvVnFj9b+nREb6z6g/DHbXxxsI8qP8bN8+ftNj/j4kW7cfCg7Vq4sCzx91P+nn7arjz1lB2dP78i/iVCQF70dV2u+AMcW1pbbfNDD9ngkiU2+OabDgHkzUVAQFAwsHSpizxCT/A84IDY65pnAYAIAYCCgAAI0DOIfwwBADmDgAAGWwQDKQMGPKeMmwAM5APHYYwzABIQyBlgwFDtAbJggGFD1hokdEcgQQBbDOUMbOVEwTQkKCDgWiDAPT87gAn/5BAg+NkbCMPhQtxnZsBbBKEtIBjI2gPsFODUQNoJbB0cG/O5AOx/nADBACAgR2AsOQG6lgsgEFCecrtgAgC5AOwKYM33EHCEX71/1orYHgACeBY4iBAgGCAj/gSCLjeALBgAAPJQAASo+hcUAAADAwPuApCp+pURfQBAEIDeTFPSKl8v5zegfr/6/0AAa1wB1gIA/kBqAWD/AwAIPTAgAFDlLlEXCBTt7Qe7X8+THQTCZH9e9PMwwDWinxd/hF8H+QgGEH2cgCj+svrp/6vyJ9P/p/JH3ON+fgk+9+n15yt9gYDfZ9cAW/smJlzsJfiq/KnwFVj+TPXL6pfgkxWIvt8nnzvnEIDwe+V/8aJdO3rU9j7xRFnizyl/l594wq49/bSNL1hge6j8W1uz4Pz/UgKIuN+jlH+nnom/o7jWDEDRrYDppUl6JwCZ7461tNjAAw/YwCuvuPDjAAwtW2aD9PiXLfv5ParzpUszF8CPBA4OwfDy5Q4MQAPBte4BBwIBstyB94EAOwJykXcF5BzIKXAQYAsgjgOuATCyYkUGAgAA9909yAFBhAE5BmOIP9ARZgRwCHQtEMhaBAz4MTyoNyOmuQGAIDoCzA/ICZAzoPaAQECDgyNsJUwHDakloKwZgdgaQPwV7giEeQDEX9U/WcJPBgYyIEin/gEEzAIIBNQekANA5Y/gkxF/gmd1D/FH9OUECAp0D/HnGcRfbgA5ir+vOUI47QAQDERHgHUeAnieWQGJP5kWwODgoIfEHwDAASCY/uc+RSa5HP2qPDvN3wBDgECADgPCAaD/rwFA/jjauvGXf/EX9sMf/MCHALULQBX/tPr8YQ4ACFBFryzRV9Z9HAKEP4t4bG9aF/T5cRSS7S97X6Kv60z40/n9qv5j1c+9W9euFVj+Uwl/JvYl9Pmp+GOPv2ifn5f5pD4/Fb/i9unTtveZZ8oW/3OPPmrXnnnGxh94wPZ0dhaIfamCzn71j0KU+u8VBOSzHACyQCBmQQHCz5rvb0H8+/ps6KWXXOwR/HwIBAQDw2z5KxIOBFTxOABJ/AUAugYMRhDq1D7wdWgR4A6MrlzpwZpA8D0nJ0HtAbUNuHYoSMLv4k/FnqAAR4AYIwcAAAoYVuQejoBgQO4AEAAUaEvjVt4jEGYGcAkk+g4DCQTkCGhugAwMsJtAQIDwAwPuFDALkOYFaBHwjgFmAwi3+4cmXybk7YG0W4D7AgFl3zGQHAGHAd4HQIuA74eQKxBBIFvzJsAAAmoLyCWQ7V8sCwC24gbs2GFkQsIvJ0BggOgLAlgruCcY2M7AITMDvJmQYcE0ICgQkM2vdoAGBZVxD370B39gQ0NDGQRQTAIECL5EH+HX2QDTlLTK18v5DSD8En8yMID44wCw5o9CXwZSAwDYBSAHANEvVvXLGRAc6Bk5ArH/r3v8LO5L3KO1zz1EnqyKnyzhxwHQfv5Y9eMC0OMnYuWvnr9En2uEXxErf4QfwRcA4AAQBb39q1cnnYB0dC+iT9Uf7f64rU8DflT7hLb0qerXMF+s+H197pxX+6r4PV+4YBMnT9qhf/Evyhb/0w895H3/Ew8+WBH/Eh2MvOjr+sOIP5X/UE+Pjbzwgp/xH4WfM/8H3njDoz85AtwTBMgl0EwAzwIGBYEjsGRJBgNAQ1EQYD4gQUHMggGJP2Dg7QIm/xFvBhP5mQh/GFbkM7kCMSPwAoEIA9424ICgNJgIACiAAAGBAID5AYEB9xwQwtAg5xEIAkbTa4+5pl3grgAgkF5ABAAAAmoJAABE5gQAAuHIYT7TcKDaAQIAz2EugCFB7QqIAMA9XQMDW3g5UXQDeNtgzgUQFCi7CwBgMHeQXiMsKGAoUOIPCBD09QUCAgABQXQDBARkvuODgkn8EXuFWgEIfXQHAIG8M/AHv//73v9H9AEBxJ7ABYizAGwRJMrRr8qz0/wNRADADSBwABgARPgBAJEaAPD7P/xhdhAQIJAX93itNVW9bH7dy8MBjgICj/Aj7Ai8tvSx1iyARL8g87KfFFT4rGXzKwMGDgG0AEKo4nfRv3PH2wCq+pURf6/4k/hj73Ocr+x/Jvt1Xr/s/ij+Gvjzob407Mfae/yc3pcO8GGwL9r9iL6C4T56/RNnztiNs2f9XP87fPfMGTv6mc+ULf7jCxfaxHPP2clFi2xvV9eHqvypmCuVf2s2LFlq5Y/tvxXxZ/L/xRftnXXrbBuiuXy5g8BmBB+rnxf/AAIM/yH+4Z6uuTfMIGCKwTfeMAeGcB9I4L7gACiI1zgGIxwyRMshrYEFrolRpv0VDArqPv1+3AKAgFkC2gzAAC4CA4a4FKlFEV0Bh4LkCCD+DgbJGWBNAAN5CIjXEn5BARDg99assa0cOMRWw9QWEAxw3kAEAOCAz4AA3AFAwI8TDm6AOwV6FXFoC6hFEMWfFgHh8wCIPG4CMMFZAmmdXae2gIMAJxTyfAIBYAC7X+0Bsl4axH3sfiJrDaQdAQIAPmMdXQABARlxFwy4wNM+SLMCcgHkDvAz5ADgAlDRAwEIP1nXggCelTug9gAAgPArBAJk3AD0hQJTTvM0Ja3y9XJ+A2oBSPzZ70/lrx0AGtKA1hgCVAuAil0hUSd7Dz8n+NoCGJ8TFFD1v5cG+RB6VfmIP9e6FwXfB/3oweMCBPFnHSt9Kn8AAPF3EEhb+9TjV8VfkMOAH8JPtU+vHwBQ1Z/t6U8Vv4t/6vNH4WftlX8Qfa/+w9G90fKX+OMAqMeP8MvmV77N0N/58wYAnPjc58oW/8Pz5vl2PxyAfd3dFfGfRvVfbuXv4s8+f1oAX/mK7evvt13r13vsXLfOttP3Zs8/w3/08oGAV18tWHOtcCjg8yTew4gzVT8AkCAAWBAgABcjCHUKwYB/h3uAwJIlkzk5ENwDHmhFFAMCdwb4nPZFygICwcEWACcFuw00R8A93AMcAd/amAOCqdoD3McdiO0Brdl+yMwAIKBdBGoR0A4QCLDOIm0rBAYYFKTS13yAXAEyAo/4uxMAGAAOeuFQGBYsmBdIbwpE/Jn+J0YBgtQWUEsAoWcdhV9rKn+C63xbYGuCAtwAtQHcIUitAERcgeAj9lyzxg2IuRgIOBTs2mXb2DqY3AAygROge3IFYpsAGAAAhoeHveJH6AEBrskAAG4A96n+0Zty9Kvy7DR/Awg+QdVPBgQQf65l//OH4Y+FA8BRwBwERPVPqLJH+D9o2C9+Bghw7cKfMmJOlQ8AKLNG+LmOAFCwTr3+KPwM/XFdAABJ/FXpK0fxR+ij3e9DfqHqzyr+dIKfn9WfrH6qfA35xRyH/Fj7lr7U61fl75m+furvU/VT6RO3OfGPQT+uT5/OAgA49eKLZYv/gb4+m1i82E4//LDt6+kpGNwrp5rnJTX3e5TznmC0SgAAIABJREFU751qPkBbBiMIaK3+v3r/3N+K+Dc327bf+i3b39/vsW/jRiP2btxoO1avdjfgHY7mpapfutQ2v/pqFkABOwUyQBAc5J4ZQPQR7JTjmnv8bEGAMnAAKAAFAgGcAq1pM7DO3ADmCIo4BO4KsHVQTkDKwADtAlwBwQD3tCYDAhkMpEFC7SqQA0DmrIF8e0AuAJ/RJtDWQkBgK1Z+3D7Iz2ALodoBaU5A1zgBEn7NBygPh7aAnAAggDWzAVj/AgDWuASq/AUA+SwIIPMZbgCB4Ev82RXANW5ABAHuuyPAYUMJBrQzQJW/AEBZ98nc06CgYEBtAj5zN4CTBdObARF41moHKAsK5AZwn2e/993v2sjISBaCAHQFAKANQOY+eZqSVvl6Ob8BhJ6g6ifT+yezAwAAwJbhD8Mf6c//7M+yFoAgADFXNS8YiJW+Pte8AKIv4QcCPFJvP1/xqx1Axc9a0/4ZFCSrX0Ivux8AYK3MFj8C0Y/Cz5rpf78XKn/1+YEBdgBowM9zqvr92N5Q9Uv05QD4IT+p8qfql92vQT9EH8GX+LvVf+mSC70qfUTf10BACiCA9Yc54ndvd7eL/9lHHzWO+42iVo4Y3u/Cz//+cv698fcU1+WK/9utrTbU0mJbP/MZO9Df77F73bqCNdd7N2wwAGDX2rWeRxDyV1+1YRyBJPSsdT2EcKfPdJ97gIK7AAEEBARkgcAArgADfzFTyS9ZYqNvvpkF4l8sBAQ4BFqTAQEFMMAahyC6AhEGcAIEA7gBEQYcAhIQjNHvD/MCgACOAHMBtAHYRcAaCODahwU5nAio4hnEnaImAIGEX5kdA2whZBYAEIhugEAAsY8AAAQoBAGAwGgYGGQo0AWeWYLRUXcCuM7uJ+EXCJAFA4BAbA2w5h5AAAAIAnABdI0ToF6+xF4QwP0IAqwl/MWyAICMG0CwlvALBJQFAjgAOMhAgDJ6AgBoFkBtZrSmHP2qPDvN3wDCr21/mvzHAZALwBwAfyz+eH/z13+dAQDVv0Qd4S9m/UcQQPR5TqLP2mEgt8c/VvcSfGU+01qirz39ukb445p+PyIPAFDta+CPNkAGBGnQz4f7sPpTFAz7BeHX63nzE/5cuxOQtvfdwsrnbXxp0I81Z/Wr8kf0ObWPnr739c+csZvnztmt8+c9R9Gn1y8H4BKVYkdHWdU/R/xef+45O/fYY4YLgHhJzMoRw4r4T253LEX8cQCo/qn8Jf5jn/60Hdi0qSD2rFtnxP6NG7O8a80aBwHy9lWrbBs9+DfesFF69FTiCP4rrxhCT9Y1a10LBsgOEUn0h5csmRR/flYIfrYCh0FrwAAQABLIQAU5AgLzC2pDaE0GBBB/AQDtAkCAa8EAGeFneyJAEAcKBQLKgAAtBLKvmRVA/NMOA1wAbSNE/P1UwjQfIEdAIMB5ArzdUDDAUcPMBDAbAAj4gULsHqCvHw4VYpcAUMA9AQI7BOQCAAVqFXAvzgmwRuxd/DlhkLZCag1keWjIRR/x5zkBgKp/tQIk/mRCrQGJf0FOg4ASf3IEAmBAn0UQUEuAzOyARF8wEEEA4Vc7QFAgB4B+P+KPk4yesKYNIAjQHAB5mpJW+Xo5vwEqfQm/9v5rDoD7nAPAH2vLli32t3/zN97PURsgP82PuKviV85X+7pWluUfK3xEHjdAYu+9/rTdj+fuJItf4q/KH+FXK4DPbqf9/Ai/ACAT/TT1r2pfOT/sp/382P13OJOfqh5X4PLlbG9/Jvwc7JNe3hNFn7Xb+zrNj5P80rG9qvYzmz9BgMSfLPG/fvKkXeGlIr29ZYn/zvZ2u/bss3bh8cft4Jw5FfEv0QEQIOVzOeIPBABNwy0tNvprv2Z71q938UfwBQJxzb296RmAwEFg/Xr/3o5Vq2wnQEAljHAj5N/6VhZ+/cor2TUgMPjqq/6cQ8GSJQ4HnDeAo6AQUCgj/IOvvZYBQFzz2ZYEAoMJDKJL4OKfWhSsFcwQsGa+gZAzwH1BAgOEgAAQIBiQI0CWI0AWAGQDhVTzITjCGBAgAAEFEAAA+JwAMwLpREJtJ5QrAAzIDSDjCAgEBANqEdAS0JrKX60AshwB1og/bgCBsLMbQNf5lgDXCP5oggEgAKtfmbWEn4wb4K0Bdg8wIJhaAWQPzh8IIp8HAEQf+5+s0DOCAHcFdu60t/nvBRhA7AUGZIk/mSFBzQCMjo769j8yQVEpIFArAK0pR78qz07zNyAAUNXPNQCA8AMA2rIxNjZm/8/f/q07AHolMA6AKv9Y7bMGBhB5zQbomnsS/yjsiH0MVfuCANn+vhtAQ31hXz/ij+UvCPCp/yTyBdV+2O4XK30BgFf9aeAP8Uf4b7NdD7ufg3py2/tk/cvyV8WP6Gev65Xw8/KedICPn96X+vsS/7zd7xDAwN+5c3b77Fm7zOldH+KI3yvPPGMXnnjCDs6da+/wqtkkgOVU81SwH4Uo9d+s31E+x6OOBQIxx/6/Kn/Ef+Spp2zvW2/Z3rVrPQ7iAmzc6LFn7VrP+zds8Lxv/XrbCyCkz7nPvd2rV/t9nt+xcqXHGL3811930SfHAA4ySEhgwLUCEJDoF6wTHEj4yQqHA4QfSKDN8Prrk0CQoMCdAe7hCNCCYJhxyZLJ6zfe8MxcARDA7AGugWBAmTbDFmYD0imFcgUEAxEEfHAwtQYYLAQC2EGg8HmBBANAgOYEBAEZCKTWACCAI8CWQTkCcgIAAYeA5AgM025IzgAAoNkAIEBrAYDyCNsOkysgJ4DMToERWgVpQFBAQFUPBHCN6CP05BgAALBAOBRs22ZjCQTkArA1cIyWwfbtniXuZAQe8WcdAxDQtZ6JEIC4E7gBmgtgLVdAMMAMAA4ARSSZAAAQe4JrtQIqLYBpCnq5X0fwCQBAmbYA1j92DBaN/mB/9Zd/6Yc6IPCaAeAUQPX+ZfErAwiy/JUl/j79H/byy/oXBOg6Cj/iL3tfWZa/hF/Df97X12l+2t7HyX537tgttvDduuUDf97j51Af7e9PB/zopT3ZoB/CH070c6s/HeVL31/Cj+2P8AMA7gKkk/w4sQ/LHwDA5s/6+xrwY3sfPX+ggAn/FAg/QfU//tnPllX5U7lefuopu/TUU3Z4/vyK+JcxuJgXfq7LFX9V/sOPPGJ7V62ygwz7rV3r2dfr1/v1Pvr+a9bYgQ0bPLOOoftkIIDw7wACK1bY28uW2VZsecQ9QcDgt75lHq++6pn7XOvzDA5eecW/x3f9+6m9ABgMMSwYWgG0DhwEEgBwTeAIEIIBBD+6A2oZcN8j7XBwSFi6tCgMZGAACGD5JyDgHANAgDaBC74OGAquAPMBAgHlCASAAM6Aiz8zAumNhbQECAAggoBvI9SwIN/DWQACeO9AgABgAOsfGGA+wJ2BNBCIAxAdASAA+z9CgNYCAYeBJP5U/g4FaSZAswACATkDggGdEEgGBuQIAAAK7fVH5CX2+eqfazkDchCo/tkGiPjLDZAjIPEHBPic6+9+5ztGARkDGJALEAEAEChXwyrPT+M3INGXA0AGABgAJCAyejX8sXAAONVJDgDiT4WvVkBBdc/WvjTkJ9HXNYAggY8VflxL+LH7FRrsQ+wV2t/vdv+777rtL5tfWZP+GgZUlV8g+nHan/cBxIo/ib8G/KL4s83PLX4s/ST6WWYmACFP2/p8nQSfPn8GARryi8Kfqv5b7AQ4e9ZunTxZVvW/u6XFrn38cbv89NN2ZMEC28nMQLC+S62EPwpVv/4Npf6b4+8prgUAseLXWpW/Mt8baWmx/sZGW1NdY+ura6y/ptYGa2ttpLbOttbV2bb6ettRX2+76htsd0Oj7WlotH0pDjQ0GnGwsdEONTZlcbixyY6EONrYZMSxGE1NNt7U/L443tRsxeJEU7P9ouNkc4vFONXSaorTrW1GnGlrt7PtHR7nOjrtfGeXXejqtovdPXapp9cu9/bZlb45dnXOXLs6f4Ht/trXvTWAK0CLgDMG5AowIwAE8JbCbDfB+sn2gNwAAYAy7QGOHWarIBCAI4D4KwsCEH6FKn9vCaR2AMLP/cwFCK0B7rkrQKWfWgOAABDgOc0H4ARkQMBOgQQCAgCyP4Ng06/H8k+tAABAjkB0AVjHa0GAqn7BAKAgSOAe11txI0IrgHUEgtgW4OwY9AO7X9v/tCsA8dc97QSYhpxVvlrub0DCLxBA/GkBMP2PA8AfhT8W9IYD8OMf/SgDAAYBgQAJfLGKn3t8Dii8S8WftvZJ7MlU9mT6+17lM8VPtZ/LAIB6/Nrqx3UMQADhl+2fVfwc5pOO8JX1rxyBwC1+CX7IsvrJ9P9vUNFfu+aVP1V/JvoM/KWX8yD4VPwM+gEBCL6G/TLbn2eY7FfFn4Sfih/h55S/22fO2Pk33yy5+t/J+f4PP2JY/8cWLrRdnZ0V8f8FVf8AAOI/2tJim5qabFVVtb1VVW3rqmtsY3WNDdTU2khNrY3V1dnbdXW2va7edtYlCKhvsL0p9tc3GJGBADDQ0GiHUhxuaDTiSIqjDY2WRYSBsB5vbLJicbyxyX6RkYeNYiDwYSDgyoMP2s7ffdnFn9MI47CgnyeQ2gPAQAYB6aVEvmuAyp6KPp0fIBDAEWDtw4I8n0CAw4PcBWDXAa4B/1+Ji8CwG8+ntgDiP5ZeH6zdAYIBOQHMAxBR/BkKFASQ3QFIvX7aAt4aGBvzHEGAVoBfMxyY3hXAaYHZOr0KWE4AEECVLxiI7YAIBQIC3QMCcALIiL8AIOboAFD1oyUIPnqC+NMC0D2ugYRyNazy/DR+AxEA6PlzTf9fpzKpTwPRAQB/+OMfu6WjFoB6/IIAZap9CT+in4k/6/DyHip9Dfz5cF96A6DEHxBwGEiH+ggC3if6CH8Y+gMCsoqfF/pwWl8AAFX/ZLb7secf8Ve/Xw6A9/35PAW9fob+JP4Fwp8m/BF9wg/x4SCfJP7s6QcCiFt8nq/4+d6pU273Xz9+3IUf8eec/4Of+lRJAPBOS4tdeHCRXXn2WRtftMh2dXUV7NdXNVxKZs/6RyVK+ffyzFQuwXaEnZ0TRUIuAJ/xM+j5b2xutjerqmz57KoMADYFANhS+3MAeCcAwJ5fAQCIsBFhIA8CeQjABSjmBMgFuDZ3nl1+5FHb9vrrNpbeRaBhQb3G2A8QCicN4goAA2SHBABAEIDQM1jIPAAnDKbtg3IDAABggDzCd9jyBxQER4C1WgESf7JCDgAugCBAGdGPQDCSgEBOgABAbgDXCL/aAYDAFmCAGYEwHMg2wS28uTCBgIQ/AoHs/lj5CwAyhyABgHr9+bYAcwHAgFoACD1OAcCgqj8CgByCachZ5avl/gYEAGSqfzLnAAAA2qIBrfGH++u/+isHAFoAiLosfWWJvzKiz5pnAQXWefGX1R8rftY6CdDt/zTg59V9Evpo+QMDEn/Z/i729PrTGQASfwSfvr+q/psM+N286QN+2ZBfkcofAHC7H8s/2f558VePX8LPWf2ZzZ9e3MMBPtrOx3CfV/opT5w6lYm+A8Dp0y7+E3v2uPjw5r4PCsT/zNx5du255+z4okW2G/Fvacni7ZYWKzU4qvajEqX+m3ku/r60LmgDFDk1kPcBMG/B8yPNzV75L6uqsiWzZtubAMDsKltXVW0bq6ttoLrGhqtrbKy21rbW1tn22jrbUVs36QLU1dvuunrbU1dve+vqbV99vbsA7gTUN9jBEIfqG4w4nOJIfYNlEd2AsD7W0GjFYryh0f5XRxT9YmuBQCkQ8EGtACDgwpNP2SjHKTMnQDsgBwMIvUBA4k/2NgFnCgAEq1dPniKIW5BmAxwEEhDQFvCdAQh+AIE4F4ALkMFAcAAQf9oC0RUQCCD+eRgQCDgMBFcA4Vcg+nkgEAwwAAgERBgAAGJEBwDxFxRwP6v4006C7Do4AIi6AhAg1BagBQAkcK3Qs7gCRNwaWK6GVZ6fxm+AYT8Jv9YAAG4AAACh8cdijycOAEcBY/sj+rQAGAiUCyAQULWv7La/XIC0nQ+BV3UvwY/XLvxqAaTtfcWq/my7HxCQqn72/QsAyA4BYcjv3Rs3LBP+q1enFH9EH8sfu5+qX7Z/FH5f4wjoDX2q+M+e9UN86PVj9zP4x4CfH+Sjyf4k/A4BZ87Y9RMnCgDAIeDUKTvx+c9/oPADBTtaWuz0nDl2ffFiO/nQQ7anu7tAzMoRwY+K8OvfUeq/XYKfzwKA/HZArvUyoMz2b262N6qq7JVZs+yNWbOTAzAJAJsEADU1tiUCQN0kACD+H1UAiIBRDAC4l4eAOBNQyjwAswAAwPV58+3cJz/p5xWMsa2QLYiCgNWrfTaA+QBC5wfEIUGHAr7Hs+wg4FCgAAK+VTCdISDx35JmBIACjhIm1ApA7B0GODsgBwJyArKcWgFyAWLGAZgqoviz1rZAtQIEAIIAslyAfEb8CcQ/wgBruQARAiTmZISeyp81EMBaMwAUkswCKKu1rIFAXAFiGnJW+Wq5vwHEH7GX+HNNC4BruQD8ofhD/t3/+B8ZACD89Pe15U89fkSfYNBPVX8GAGl/fxT3vPjzGS6BnqGyZ+BPFT+9f4Jr3QMMEHnEnoN+tObaDwEKVT92PwDglj/OAt+ZYuBPFT+2v9ZM+2vi39e8yCft68f296o/ib9v66Pyv3Bh8uz+JPz0/Kn+PWPxp8hs/9On7fr4uA/+Mfy3a9GiuwLA8e5uF/9TDz9se3t6KuIfHIzpAIDEnzwVAPAZr/Xd3NxsS6ur7aWZM+3VWbNs6azZtmJ2la2uqrL1VdVGC2AQByABwNtyAO4BAOAE/DI7AB8GAHADgIBirYC7uQBAwIlf/3Ubw+JPEIAjoDMGOGfA2wPJDRgECFI7QK6AOwEJBPydAgwSpmBAEBDQuQEaDqQlAASQHQTSlkE5AREEfMdAaAcAAcOAAz3yNBwoABjm5wwP+6Af1r7cAIk9gi/RxxXgvsJdAloDHCOc3ACAQG8NROjzbgDXAgHEHvEXAJDzbQAJvjLizxrdoGjU2QCIPZAACOAG8AxAQKHJwHllG2C5Cj7N5xF7hv4EALQAeCEDA4BkDWjwZicAgBkA+v//13/7b9m7ACTwZMQfMNBaQODXSdhV6SPyGvyL91jfRpzTG/wk9MpyAri+xaE89PZV6QfLXyDgFn+y+iX8OAA3r1wpEH+2/NEGYMgPwVdmjQOg7X0ZAFDdp4qfzFY/QsLv9n+q+n0vfxJ9DfjdAgQ4+Ie+Pz1/WgApEH7i4tq1dxX/Y+mUv1NsN+vtLbD5VQWXknk97UctSvl388xUkBBnAiIMaM3nDPwh/suqq+2FGTPt5Zkz7TUAYPZsWzm7ytZUVTsA9FfX2FB1zeQQYG2tAQDbaAGkQUA5ANj/xVoABz6gBfDLDgBTVf3xft4BmC4ATMxfYOO/8ZkMAgABnSUACPBeApwBXAAODqItoAwEEIIAjhPm1EA5ArEdIAgYpD2QWgKZM4AbwAuGNBfAoButgZS1lgPg9n8OBBB/XhxEJhB2Jv6HGaCjJcBwXcoCAd82GFoEo7QI2EqIVZ8OBwIIRoGCt9/2DAjkQ+4AMMBzZMEAaweBJPYIu6x/hF8QQMuYa8QfsRcMAAG6p1kA9Gaaklb5ejm/AcRfB/8AAwTCry0Z/EGgtH379jkAYOfQAgACNPUfRV8wgAOg/r9/nob5EHeEP2aEnmtggNZAFurtp0n/OPmP9U8IANzmT+If10z65wEgij/Vv4QfN+AGE/2c5pesf9Zu/XOaHzsAuI/wp6qfij9CAFP+DgBpax+W/3UEPg33Zfv6k91/4+RJu8mkfxL+a0ePGnEDB+DECTv06U9/IAAc6ujwI37PPPaY7evr8yE2iVmp4sdzHzXh17+n1N+Bfmf5LACQ4MfMwJ8q/zdrauzrM2baizNn2rdmzrLXvf8/21ZVVdnasANgqKbWRtkGyBCgi3+d7axvmNwKWN9gDAHuSzG5C2ByJwA7AD5oFwC7Ae6XXQBR9LWW+JM1BxBbAHFbYCnDgDgAAMCNBQ/Yoc9+1tsAzAMAAREEAAK5AbQEgADcAI/kCAABPjMAQDDpv26dDQIMaVgwg4F0gBDtAEIQ4G4Ap6ly6A3fSeKvdwlwjRswxJAh8wEIPVsHgxtA9c+uAHcE2NcfAhCQ8AsEojMgYJADAAQAA7gAhCAAgRcMSPgjEHAYUBR/1u4S4BAk2x+tQOBV/QMBAgA9AwRI+DUMyDVrQKAc/ao8O83fAP1+QhDAmuofEGAwg60ZkNqBAwfs7//u7+yPfvITn+oEApgBoO+vKp8sAFAGEu6Eyp+Jf4m/bH6uvdpP4k/1r8E+qnxV/mSJPpkzAFT5K0fxl/Dne/681Ee2PxU/wp+FBF/DfmHgDwdggl6+cqr+2ebnIBDt/mT7q/L3w3xOnCjs84+P+5Af4k+1PzE+7uKP8F87csQm9u+3HWzhm2L4b39bm11/5hk7+/GP2/45cyriXwRk/lcBAGAg8V9RV2dfnTHDvjFjpr00c9bP+/9V7ACo8i2Am2pqbLCm1oZrao0dAADAZPV/bwAgE39AIGz9i+cDFNsCyD2J8C86R9HXWuKv6n+qFkCx3QDxXADNAgABEw8stF2f/7wfKERLgIOF9P4BHSzkzoAOE0ptAURfMwKs5QYMJRAAAIjBNB/AOwTkBggCPKeZAMQf0Y8hB4B7gMBYqv45JEhvEBQIUP0PAQYAArNZAQKo+LkWAAAEtAp0TXZXAMudLYUJAtwVSBAQQSCugQHaAGoVKAsAHAp27PDqPlb+QAAAQAtAa4GBXAAKTAEB4g8ITFPSKl8v5zfAYT+Ivw7+EQDQ/0f8+YMQOAAcBCQAQOAjAEjwyYAAoo/4e6TqP9r9cgEQexf8997zzBpIkOgLBBB7ib9X/Wmvf7T/6f9zfZOq/9atrM8v298zMwVU+En4qfi96g9T/tmwXxJ/XuN7h3cBUPUH8Vf171v+Ll70rX2c5sekP6HKX1U/GdtfE/6xz4/ox7h2+LCd/OpXpxT/Pa2tLv7nn3jCDsyd67sEYvVaqvCpUv6o5lJ/D/F3F9fFHACJ/0Bzs62qq7OvzJhhX5sx0745c5a9PGuWvTZ7ti2bXWUrq6ptTXW1baipsc21tTZUW+eHAI3V1dvbdfV+BoBvAWxo8EOAOAhob0Oj7U+RnQGQOwgoHgZ0vx4EJMGPFf/dxF+DgBL/UuYA5ALcWPQxe+erX8uOHQYEBAGIPy0BMtsFCT9MKLkB7gqsWuUvFnIQWL/e3zAoAFDWgUEcI8xWQcSftgDzAZwTgBMwwr0EAmRCQ4IOA0ND7gQAAgTWv2YCEP+CNXvq2WYYQq0BOQLKAgG2ACL+BCDgw4C0AtQiCDAgCKDyj45AXAMDDgLppD8AAEEnEH+EHgBQewAAUKAr3OeaLYDSmnL0q/LsNH8DCD/VvgAA4cf+19nM/GH4ox48eNABgBc7xBkAOQDY/dj+qvgz8QcCtJc/DfhxLZtf4s81gODXyfJXxY/wq+Incz9W/+zxp/JH+CX+mvKX+Mv2V98/q/hT9Y/oq+fPmhYA9r8LfxJ/qn+PYPvH0/0Qf0TfAYADgIABHeWrCf+0tU/if/3YMRd+LP+bx48bwk/cGh+3fU8+WRQAdrW02NUnnrDzTz5pB3g3QHt7wZa9UsWcCvajHqX+LqYCBZ0fIBDgWj3/1fX19uUZM+x3qP5nzrSXZs2yV2bP9l0AyzkAqLrG1tXU2KaaWhuorbPhujrbgvjXN9i2+gbbUd/g9r+fAtjYaHsbm2x/igONTXYwxaGmJjvc1OxxpKnZiKMpjjU1myKe/ne8ucXycaK5xYpFFN5/yrUsf+U4/Cfx52RAAYBOBSx2MmB0AGgD3HxgoU08+pi9/eKLGQTo3QN+zHCAAMRfIODin1oDAgHyKEOAOAHAAEKeWgK4AQIA3AAAwEEA8eeAIcSfPj5V/KZN2YuDuAYGgABaAQIA1kBABAFBAKI+xHAgbdo0EyBXQFBA1c9zGQAwLMi27hQSfjJCr1ArgOsIAqr+BQE85/dSfx+tYLhPEMBaQ4AAAecCIPjc51kAgDXij9NcOQhomoJe7tdl/5MJAAAgkAPAHwSKAwB4GyAOAD0dhgCp9pn0JxcIvip/5ST4VP0IfDHR96pfnwETscfPvnxeFkSFT88+Df7J7vdq/9atDAAcAnAS2N/PwT1M+gMNN2641c9hP1m/PwGAxB/Rd+G/etXFf4J9+8n2p/pnyC+b9KcFwOAf1f7p03aTM/tTvx/h91P8eNXvqVM+6MeBPrew+5PlT6/f7X56/seOeSD8AMD59euLij97/a889nG79MwzdmjBgor4fwDElCr+PFcKAKjnT+W/pr7evjJzpgPA12bOtG/Oovqfba/NrvJhwJXVNbamptY21Nba5to6G6yrt9G6etva0GDbGhrtnYZG29nQaLsbm2xPY5OL/76mZjuQ4mBTsx1K4eLf3GxHmlvsaIpjzS1GjIeIgn+ipdXycbKl1YqFBPeXIUv0lRH+YuI/VfUfDwWKcwAAwK2FD9q1p5627a+9NtkGCC8iGuTFRGmXgBwBrgUCzARoQNBdAMR91SoHgUFOHUToUzsgy2wJJJITMMjsQAoODEL0sf4RfmWBgACADAQIBAaBA7bLpXYAwi6rXyCA6Kvvr1YBWW4A4q9BwAgCLvYJBLD8Efko/og993UP4S+I7dtdKxB2Agggoxe8GwChVwYG5AQAAfT/gYAKAJSr4NN8XoKP+OMCRAeAPwY9Gv5Y+/fvt3/4+7/3o4C//73vZaKP+BfY/er50/dPw32x4qfSBwDU888DgW/p03BfEnvBANsBWQMAVP2q9gEAtvtlIJCb+Kfn/27a6ofwAwC0ATL7P4m+XIAJBvio+oPtj/hj9VPxy/pH9GX3K2vC3/f0p+of4WfYL4o/PX8HgOPH7Vaq/CeOHLFBQ760AAAgAElEQVRrhw7ZzaNH7ei//bfvAwD2+l96+BG7/OyzdmThQtvR0VEgXKUK3ke96te/r9TfRykAwImI/FzEf11jo4v/F6n+Z860b8yaZS/Nmm2vzK6yN6qqbXl1jb1VU2PrautsU129DdTV20h9g22pb7C3GxptR2OjvdPYZLsQ/6Zm29vUbIj//uZmO9jcYodSHG5uMQLhd/FvabVjKcZbWo04HiIK/snWVjvZ2lYQp1rbrFhIbH8ZsgRfOb4LQJV/FP+pqv9iDgAAcPvBRXb5E8/7S5F44VD20iEG/3ipEdW+dgukswOAAI4VHmDXQJoPQPzlBLAmgAAcAHcBEHUBQKr8cQPyAIDgS/SVgQHeC8AMwGByBNwFoCU7NGRAAMFaLgBOQISB6ARwX9fK2P8jnBcQ3AAG+qIjEF0BxH+qyFwBzg7Yvj2z8lkDADgACH8MYAA3AEgQAKA3FQCYpqCX+3UEH+HnLAABAA6A3gIIpckB+H//4R/cAQAAsP4ZBKTfL+s/2v8ZFKTqH3tfU/7RARAQ6POswudQnwACggCJv8SeLBAg61hftQBucEjPxMRkpCl/Cb/3/pP4U/W78F+96jkO/Hnvn+N8qeoR9YsXveJH9NnqR9XvvX+qfaAgCT/b+yT817D6JfrAQBL+m1j/TPzz+bFjdvXAAbuxf7+909dXAACI/3mO+H3uOTv64IP2TmfnhxJ/xE4C+VHP9woAJP6DiH9Tk31t1iz7wowZ9uUZM339zdmz7Vuzq+z1qmpbVl1jK2tqbU1trW2sq7PN9fU2VN9gow2NtrWh0bY3NtkOxL8piX9zi+1P4eLf0mKHWlrtcEurHWlptaMpXPhbW228tc3jeGubESdCRMF3oW9rt1MhTre1W7GQ2P5TZYl8sYzoKxD+qcR/ygHAtBNADgAAcGfRx+zc//a/21h6HfEo/X+EP0DAKAIPCCQIIA+uWOG7A7RtcAS7n62Da9a4E0BbgK2ChFoBDAZm640bbYD2AQLOs/39NsDzCQIiAAABGgQUCCD40Q1wKOBeagMo4wSwxgUgU/1HR8BdAbYO5gAAwafCJ+QGCAJwA4gR3IWwdTBCgbsBCQAEAgg9LWMOkiO4LxDgMwIA0DAgelOuhlWen8ZvQMJPBgbIAgCmMvnD8Ec7dOiQAQB//Ed/5MN//FGBANn/meDL9v+938v6/OrvkxURArD/HQCS4EexFxDQ92edF36G/nRP1j/ij/CzBfAGlTvBFj5O8wtDfwwCUvUj/LQABAD5yt9bAGmfPw4AZ/qr4id73z/3Eh/2919D3JPlfwPBTwBwHes/AQCWP8JP1Y/4E6deeqlA/NkFcHbhQruyeLGNP/SQvdPV9b5te6WKOf3rX5Uo9XfCc1PCQur5D7S0uPh/ffZs+/yMGfalmTPtq7Nm2QuzZ9vvVlXZq1XVthTxr6211XX1tqG+3jbXN9hgQ6ONNjba1qYm29bUbO80t9iu5hbb09xi+1pb7UBrm8fB1jY7nOJIW5sdbWu3YynG29rteIgT7R12MsSp9g4jToc4095hZzo6C+JsR6cVCwnsL1uW4CvT8y/W98+Lf7HqPw8AQMDJf/WvbISqf/lyfyWxHAE5AbQFAAFeLEQ7gFcQRwgYwBVI8wEu/og6swEAQQIBXAC5AgwJDnDmACcLpsFAIIAWACAQYUAtARyACAKsgQA5AGTaAdj+gwwJMlUfQlAQAUAuAAOAw7gDYS4AKHCbn8OIuJ/mAgQCuuaZKP6sHQw4VCgNjiPuaMf3vvtd27NnjwMAWQCAA4BDwDM8q9mAachZ5avl/gbY84/oK7hmAJDgVCbojD/a+Pi4nwPA2wD5g0YHQG0ABgEBgdu3bvlsgMSeLKtf1j/3VPUXAwDZ/XIBbiL0nCTIdP9UQWuBPj+T/hMTPxd/DvdJ4q/hP0CAE/4y0actkPr+t/ksN/GvQ37c9g8A4D1/9vIz3Z/e4Mekf97uv3nihA/5Sfix+omrBw/azSNHfh6HD9u+xYsLAODkvHl2dfFiO/7ww7azu/t9YlWq0P2qCL/+naX+Xj4IAPhZiP/65mb7ZlWV/ecZM+y3Z860r8yaZcDAixz7W11tS2pqbHlNrb1VW2fr6uttU0OjDTQ02khjk401NU+Kf0uL7WpptT0trba3pdX2I/5tbXawrd0OtbXbkbZ2F34X//YOG09xvL3DEH0X/o4OO9nRaadCnO7oNEKCn4l8Z6ed9eiys51ddm6KkMD+smQJfcxY/QpeBRxfB6y+fzwK2Lf/5ap/tQAQf+Ldjz1k4//+3zsAAAGDS5Y4CMgNGKXiDxDAWhDgswGcCsjOgTQPoFaAZ+4nCBhYvdoIwQAQgBMACJDdFUguQIQAdwYowtIZAYg/6yynw4G8JcBWQ/roKQQBcgDkCnBNS0AuAACg8LmA5ADICUDUgQKqf4k/LkC85hlgwYEgnfKHbjDUh6j/4Pvfd/FH7AmcAEEA7WUNAMoRKFfDKs9P4zcgAOAEQCCAEwEl/jgA/BH5IwEA//g//6f9yR//sVs6OAAaAAQAWBMAgNYIfKz0BQQSfoYCtQYMEPv85L+E33Ow+4EAKn7NAjADIPH3436T7a/qX0N/6v8j/FH8s3USfgGA2/3J9vfK/8KFzP6/dfas3QyT/gg/VT/b/MhU/Ar29Xuvn4wzcOyYXT982K4fOmTXgYDDhz0uMXQZ9v2Pz5lj1xYvthOPPGK7enreJ/6lWvoSxV+lPF0AcPFvbrb1TU32rZoaF/8vzJxpX5o1y742e7YDwcvV1fZ6TY0tq621lXX1tra+wTYi/o1NNtzUZGPNvGCo1d5pabWdrW22p63N9rW124G2djvY3mGHiY4OO9rRacc6Om08xfGOTjvR2eVxsrPLiFOdXXaa6CK67UyKs13dRpzLxfmubjvf3eNxobvHioVE9Zc1S+yVqfZV8SP8En+q/lj5a/sflX+s/tUCQPyJ9x562A597vMZBAACDgPMByxb5nMB7gLQ5wcGEPa0XXB41Sp3AOQEcFwwgQvAYKAAgN0AtAIIQABHwHcEMBtAj5/p/7QdMA8A7gzwPVoJOTeAa6p/MhCAsAsAYuY+wi83QHCA4MsBUM7ujY258MsRAAiGOV6YHQepRQAQAAPKcgEQdAAA8WeNVnCSLOIvJ0AQwDPc1/PMBExDzipfLfc3gPBj/QMCBIcAAQCsOQgIe4YzAE6cOGEMAf7pn/yJEx1/VGYAEH/NAVD5swYAEH5N9ueFX6Kv7A5AmvqX/U+1Dwww+e+Vf676R/wJhJ+M5R+Dvj/ir4qfjOXP8J9Hrvp3AAjif51+fhr48+o/CD8ugFf7aavfNQ7uQfCLVP5+uM+RI4btz3Q/wu+DfrmqHwC4vn+/jX/2sxkAHOnptYnFi40jfvf09HjPf6y52WJsaW62u8Voc7P9qsbdfjfx8/h75fc12NRk6xsb7bWaGvtPM2bY52bOtC/OmmW/M3u2faOqyl6qrrZXa2rsjdpa4zCg1Q0NtqGh0TY3NtlQE7/zySOGd7S22S4X/3bb29Zu+9uT+Hd02uGOTjuC+Hd22XiK4xL+ri472dVtp7q6XfALRL+7x85299i5EBJ7ZRf8nl670NNrF6cICWvZubfPLt2LoJrn56SqniyRz2cJvkRfFb+EX1P/dxN/Vf+IP/HuI4/a3i9/eVL4lyxxJ2B46VIbVCxb5mcGCADIA2oJ8EIhzg5Yu9bdAMHAAMDA7oD0zoA8ALgrkFwAzgYYBgbStsDNAERoCwABiDwQwHCgTgl04eelRBzWRjAgyO4CKvbUEuBaYEBG/HXtIJDOAsiEP70IyE/448jg5AhQ8WsNCBASfkEA1+4YcK4Ahw1t2+aBAwAAIPpkIADRxwVAXwQAOAB8r1wNqzw/jd8AQh8BAAdAIAAAQHD8oY4dO+YOgA4CogWA0GsGwEWfij69BEiWv+x9Vftk3QMAtKa/j/hnYo/gp8ggIGz1wwG4Qa+fCf9U/av378IfBv8QfFX+rNnjj92v7NZ/OuAH+58AAKLt76Kfpv696s+JPwDgEBBO9csO9jl+3K4m8S+w/A8ftqv799vNQ4fsxsGDNrFvn+1ia19Li+3v6rKJ556zU48+ant6e138o1ixLkXUeT3tr3KU8juKz/B75fc1kMR/aV2d/ccZM+w/z5xpvz1rln1l1mz7elWVvVhdba/U1NiS2jpbXl/v4r++scn6m5qMYcHRllbb2tpmO9rabFdbu+1u77B9HZ12oKPTDiL8nV12tKvbjnV123hXtx3v6rYT3T12MsWp7h473UP02pmeXjsb4lxPr53v7fO40NtnxMVcZOLcN8cu9c2xyzHmzLXLKa7MmWv3KhDkcmLK/26q7CX4+Z+pan8q4de+/2KVv8Rf1T8A8O2HH7E7jz9uO194wYaWLMncgME33vC1twKWLvUjg3ED2BGAC+AQwJkBcgWo9JML4CCAQ8ABQmk4ENEfoS2Q3ADWfjhQaAUMcF5Af78BAV79I/5J+BF/RJ8cdwkg/n5/cNAGNm0qAIDoBAgK1A4QALAjYGhgwAMngGsAQK0BwQBugMRfjoDcAEEAzyLkzI5R3SPo3/3Od7yIjOJP/x9AQFtwmAULAME05Kzy1XJ/A3rpD6KPG8A1QID4szcTOsMBAAD+v3/8R/u///RP33cGgGz/2PuX9X+LQ3refdfIBFY/oWv/jC166vEH4RcAMA8gu1/Cj+hL/FX50wJwy5/Kf2LCJhjwu3jRB/8Qfu/74wCk6l8AQPWP6E8wyJcAILP+U+UPAPjg37lzRsWP/e852f4Sf6b9feI/Hecr4WeLH+LPkJ/3/JP4I/weBw7YmVdfdfHfy/n+zz5rZx9/3Pb29ZnvPy9S6Ufhmmr9qyz+/Nun+r180H1V/suS+P/WjJn2hZmz7EuzZttXZ1fZN6ur7eWaGnu9ttaW1dfbqoZGW9vYZBubmm2gucVGWyfFf3tbu+1s77A9iH9npx3o7LKDnV0u/ke6u+1Yd4+Nd/fY8e6eSfHv6bFTPb0eEv4zvb12trfPzqXIhL+vzy70zbGLIRB6hQRe+crceVYsrs6dZ0QU1bLW8+bbtelE7r/t/1v083Kf6X8Xlb4i9voR/nLFXwAABNzijIBvfcu2pMFAtQPIQMAIZwGkuQC5ABwaBAioLbCZ5+jr82yCAQCAwA2Q+AMDrDkYiNi8Zs37XAAggIOBNq9f71Ag4Y/Z3xvA/EByAQAABU6A3ACJP5lWADkDAQQ/BSCg4UD19iMIeKsguQLAgFwBMs/jArgzwDpN+XNmDBqiwAFA9BF7hF/bAYEFCs5yNazy/DR+Awi+3gBI9U+wBZD7/DH4Q2HdnDp16n0AQAuAwT+2/yH+ijjglwcAVf3xfhT/YmsAAOH3Sp9qnwODsPh5QQ9b+9jql4b/AIA716/bBEKO0HOqHwf4pLXEX9nf8scOAQ70iRDANWCQAgC4dvKkW/8u/Ez5M8kvAEjC7wDARD8Vf6j8mfLPhv0OH54UfYBgzx67wfT/7t124FOfsl3pfP9zHPE7b56LP9Z0vvovxQH4VRd//fs/SOzjZzxP5b+hsdFWNjR45f+fZsy0z82cZV+cNdt+p6rKvlFdbb9bU2uv1dW5+K9saLQ1iD/fbWm1kdY229rWbtvbO2xnR4ft6eyyfQh/V7cd6u62I909dhTh7+m14729drK3z+NUb5+d7uuzM31zPM72zbFzfXPs/Bxirl1IcXHOXCMuEXPn2WXFvPl2JcTVefNNcW3+Aru+4IGiMbHgAZsyOD2vzLix8EErGg8+aDdCTCx80Apjiv9W+N9344GFlkUS++w69fpV9d9Ke/7V86fyn6r6R/yJ33vkUZv4xPM2+vLLDgGjDP0lF0Aw4ACwbNkkDCQnQG4AMwG0A9gWSAAB3gbgOkFA3gUQBAAABAOB3g5ILoAAADcAsQcGAADaAQT3RhgUxB1I1b+EH6HXmkw7IAKArhH8CAAOAckVUPVPxgGI14g+1xECtI4uAADAOTIIPxknQLqCtvAsWgMAVByAaYj5h/mqLH+2/iH6HAMsAOAPwh+KP9zZs2cLAIA/qloAOADq/dMCQOTzoRaALH/yzYmJyVkBjvG9ft280k9OANe6F61+Vf0ZDEj4035/iT8VvxwAZb/HIT+cDsjrfdMrfq/Hyj9t9+OtfuzxJ66dOuWhqh8AkPg7ALCHP1n/VxH648d9bz/9fsIr/zTtf3XfPiPc8t+/f1L89+yxa7w4o73drj/1lF146ik7OH++bWtr835/Rfyn18aIIj/VGvGn8kf8VzQ0uOX/H2fM/Ln1P7vKvl5VbS/V1NgrtbW2pL7eljc02urGJlvf1GybW1psiMOC2tptW3uHvdPRabs7O21vV7cdcPHvsSM9PXa0p9eO9fbZ8d4+O9HbZ6f65niclvDPmWvnUiD8Lv5z59nFFIi+C/+8eXYZwZ+/IIur8xcY8f+z995Blp7Xeee1rZU3SCIVMGDADClGiUQiCUJMctmrUtWu7SpX2YREBUpMAkVSzAAGg8k9nXPOOYfbOdzO3TMAwQiSAAmSyust7z+Wqyyt5draqq09W79z3+fD23duTwAaXmHmQ9Wp9/u+7mnM3P7e8zznOeHdLAD7AyAeAe9VQP3Ou20n2O4777YDdvc9tiu7517bLWb33mu7995re/fed7URYfOc9b77bffe+2z3vvvyK9f6eeH/wex+/n/J30f/b1b93d7xTtt7591uPNM1K8B/M+AvAgAJyP3Gb1jb6dPWcOqUQQLqqQsIREB1AagB9WfP5i0oALQIQgYAf5QAugGcCLCiCvA1iABgXllpddzT/hfAHyUA8Hc1oKbGalEQIAJ8b1ABkuu6uhdIAPI9MwVECkI9AEoA+X6RgDg9ABGQNaAINDe7iQiwQgRiMiAloJFuhNAmyDUkgOj/QHqAmQKhCJC5MQA/huQPAUANAFdUAwAJSAnAi0Hwl/hnRACQ/bnWMcCsUgD4xYkA/OlPfmL8Qr/5jW94/l81AA780Tx/l/YL5H+ifoAfIw0AAUDmj4Ffsj/gT+6fryVgH2T/mASQ9yf63w6RP7P+IQG0/QH8nvMnvx/6/RPgp2gwSP+J7K/8P5X9IfIH/PeWlrzXHwLgJGBmxsf7Uu2vdj8ifwf+OOpXfz+RPmAfRf5E/VuDgz70Z2dw0GY+9jFbf+ABW3nf+2z0V3/VOo8fT6L+YqCl6Pawtek1r7HU8p/BYZ9R/JzPqu7OO63ijjs84ifv/7Gf+Rn71M/+rH36515ln3vVq+1LP//z9sgv/IKd+sVfsnN3HLOSY3daxWteYzWvfZ01vu711nLXXdZx/IR1O/i/wYbe+EYbeeMv2+gvv8ko6Jx605ts+s1vsWwwwH/+LW+1hWCLAP9b32bLwVYA/bdhb7e1YA76ivR/5VdtI9jmr77DtoIdBPx3JCAqMAVcsb3Y7rnX9rAi4L1/3/2W2P3vsn3Zu95t+9i7Ze+x/Xe/YJff84AVs/33PJD/Pr6u7+fn6OcGkuBk4d77Xvh/8/fgnr8jf9e777H9e+7Nm65ZgxVG/XHeP5b+Y/CHAGAr/+pf51MBZ886CXAicPq01Z8+ne8OCDUBkADIQN25c26kA5gYCAHwdADgfvGiNSHxA+gRASgkAlIAnADQhk17IaQgFAeKDDAHALCHDHAtRUCFgoB+HUWF1AaEokCRAFYRAaUCnAg0N1tMBAT8FP9humcF8GMSUKgKSAUA0CEBtI1zmiw4oup/CADpZeR/wB8iwPenXQAvEdBv9o8T9ZP/jxUA+v8xTgOEsfFLowuA44CpAYAAqA0Q+R8lAAKACqBIP1YAJPcr6gf8RQQAeoG+1h2q+ynyo2APiV+FfoEMxPcO/IwGDrI/0r+AX5F/cg+or6/bFsN7GOjDfIAg/UMCVPi3xXQ/pP0A/kj/iv6J+Jnxr5w/BGCXOQAzM7YN4IfJfhuhx98n+wH8odAP4Jfkv9HXZ4D/Zn+/Ld9/vy2+9702/o53WNeJE/lpfUH6TwnASyczMdgfdt302tfap1/1KvtoAP9P/uzP2sM/h/T/avvCq3/evvoLv2Anf/GX7Mwdd9jFY8es7DWvserXvs7qX/d6a379XdZ+/Lh1n3iD9b3hjfnI/5cB/1+28Te92Sbf9GabJvJ/y1ss+5a32uxb3poH/7e+zRbf+rYXgP9tb7eVYAnwv/1XLBdF+kT9Dvy/+g5z4I+iemR1j+yJ5AX0MbALXAW2Yb38rnc7GAPI2JX3PJC3B95rV2QP/ppdkf3a++zJ973/BXv/++3J938gbx/4oD2JffBDB+ypD/26PfWhD5lWvv4U38P36s+yvu/9doWfrWf6//D/fPDB/N8nkIcr/F3vf5ddppDv3vvyds+9dhkLvf5xyx/AXwj+xQgAJGD23/07a+G8ANoBT51yJYCpgZAATwUEEuC1ASgC5887CWguSAVABCAApAMay8qsFkWgstJrAkQC/L6y0mo5hj3UA6AGAP4QAVaZVABXBUgBhNSAzgdADYhJANcCfREB7g88o2sgKAEO9lTyowoEAhCvei7ghwxICdAzrw8ICgBqMWfJQAKwuBYA4I8HAkEKbhbD0u9/CZ9AXPwHGYinAEIAYGdINbOzs94GKAWAo4ABfRUAxgpADP5JpB8kf4/6gwrghCAiAIC+In+unQQE8Bfoq/VPuX8G/mAO/FT3k0oIrX7K+7M64Ev2D9K/In+AfzukAfaWl01GGsCBH8BX4d/MTF7+D8CvyH+DIj/y/tPTthNN9fOoX1X+An/y/sPDtj0w4LbZ2+uV/oNveYtP+Uv61w8hAIcBmJ6nkf/VhEGfzWFrG/35b3+7Lb///fbUv/yX9p1/+2/tux/+8FX2vQ9/2P5B2G/9ln3vt37Lvo/99m/b9z/yEbdnf+d37Nnf/V179vd+z+253/99e+6jH83bH/yBPfeHf5i3j3/cfvCJT+Ttk5+0H3zqU/bDP/oj++HDD+ft05+25//4j/P2mc/Y85/9rD3/uc+5/ejznze3L3zBfoR98Yv24y99yX785S+7/eQrXzG3r37VfoI98kjeHn3UfnI9i79X16xf/ar9GOP/8cUv+v//+c98xv/Oz3384/bsRz/q/27/HPhsHnoob9Hv6/sf/rAdsIcesu8He/ahh0z23EMP2Xf+zb+x9X/xL6yFVACHB0ECnnjCSQAEQCTAVwr+MIC9pCRPApD3aQMMNQGkA+gIqCspsdqLF50EUBRIGkAWkwDNBigEfycEFRVWi5IQgF9EAOCHBHhtQFABUAIAeikChWQgIQJNTVaPWkBqIFIDIAWyWAVooFgwGg0cEwAIgt8zO6CpyYvGIQAEkpjkf4AfbGFFKVA64CXAWfpHb/YTkAKA/I9BAIj+GQIEAeCXA2sjBfB3f/u39pMf/9hHASP9kwYg+o9bAAF/qQCK+AtBn69jRPxXAT7V+pEVyv8U/20j74dRv04AAP3IKPoj6t8i4iffH+X8Fflzyl9MAFACNon66eUPJIDInxn/uwsLTgQ8309+f27ONoj2Z2eNnD+H+gD8W5AAIn+AXlX+RSL/7cFBw7b6+w3wX2d8ZjSONiYAafR/NZi/WIJzGPjznKE/nSdO2MBb32qj73iHjb3znTZ+9903ZBN3323/ze2ee2wi2OS999pVdt99NnX//S/Yu95lU7J3v9umsfe8x23mPe+xmQcesJn3vvcFe/BBy2K/9msv2PveZ9n3v99t9gMfsANGyyozK7Bf//WrbP6f/TPD5oIl13zvhz5ks/y5D37QZmWFPz/8f/n7zDz4oNv0Aw/4359/1+T999vkfff556DP5bDfyeTdd1ti99xjk8Gm7rnHsOl77vGTNjmPo+nxx63x5ElXAlQToJHBIgGoAfVSAwIJQA2AAIgE1KIOkCoA/EkJENUD5LQV0vfPVEE6BVAGghKAGkBbIIWAEAEKAQF+zQHgGgPw/RmdW8GQ95n2J+DXynNdA/6kCBIlgDn/gQiIBFD4B6BjEAFF/yIAWqUQSAFg1Ql/KMZSAEQAVAsAAeCayF92sxiWfv9L+AQAfboAWKUAiABQA0CbhgjAf/37v3cCQE4HWYeoXwSAa6R+gD0GfF2z6lqqQCH4K+pnJkCh/I8CwNS/A8bPpBOACv8Q/QP8HvHTvse0P+7jyJ8UQFT0t8k0v5UV26TYLyIAXvhH5B/k/72FBduYns5bAH+An8h/Z3ra1sfGbJ1cf2j12wb4GferQr/+fu/zPwD+PT2W6+y0za4ua35tfkY/4O/T+kILWzHQuh4ANr7mNZZa8c/gep/dK+rrr32tkbaQNb+OLoTIXk9qIm8tr3+9JXbXXV6vQM1CK7UmsZF+kr3hDdbKuROxMYoaYzBVMWNmhYwW1gJrf/ObzY3v4ZqVCZf6uWFtfeMbzS38HZK/E3+348eTvz//Bv83cmZDMPaS2zVmYBwg1tHeS8g3P+MNb7Dmxx93FaDx1ClrPn3aiQDnBzQzFTBKB0ACmjDAPZAAX4MKAAGovXDBGgmwRAJCayAKAERAZAACIAWggWumBYZ2QBQAiIBIAGtCCqJUAESgtqoqMSJ/wJ8VgwTIYgJAlA8JkAn0tcZkQKBPQaCuWfmehAi0tTlWAPTgCKsKAjUXAIyRApDWALwEMH8xfxTQV/8/JICUgAgAvwx+MfyiUAA0CZDznVEAaAHU9L+9MPlPuX2tcb6fZ7rf4Vhe+vY3N/2Qnzjq59rJwO5uEu0D/ET9IgCM++WwH+X+Wfc3Nw9G/ZAD1IKQ+1fVP7l/gJ9Jf0T+bsvLTgCo+t9lyE+Q/5n4x5z/xLgPkf86ET8EYGrKDfBnvC8Ff64CoAYg89Pm19dn6729nu9X5L/R1eXgHxOAZFRvSgBeNhLzigL56xVzRgRARID1ABE4hBQAnAkp4DoiBvH1AYIAWRBB0JiUdtQAACAASURBVCqQjtaipAFwh0yEFXLhpp8T1hYAvtDiv1v4e4vcxP9WfQbFiHPhs4QEiHQXnJQJAWhlMBCFf6gAIR1AXQAkoFAJQAWgKLDu7FknARQGSgUgBQAJoA6Aa2oBYhWAccGuBJSXWy21AkT+jP8NZKCmrMxqmDYYyADFf8VIAGkApQJQACABRPmYFAEBP8907aSAgsKgACgdcIAQoASE0wCTFWUAtZgJheHMAJEBrw1obExSAFIBiPghAaQCwJaUALwY5D6iPyPQlwKgNkAGAemIRn5RCwsL3gbIWQBMdqIGQNMAIQIYEb4APo74FfmzAvyY5/eD1K/IX8DP6p0BrCHql+xPCsDJADI/RvEeIE6eP0j+rAC/lIBYAdgLPf+APnl/B38UgDj6D1H/Bgf4EPkj+0MCgvS/k80ap/sR+TPil8g/zvtDALaZ7Dcy4gbwbw0MuG329dlmT4/L/pvd3baJAsBxmJETeikKQBr5F4/8Cz+XW4oEiCQcQgYSUIyJwGHXkWqQAGwxFaGQPOg+Buqbub4GqMcAn1wryg+r/xv1OURrIejH9wkBCCkg9t0BBeDECWsB+J94Im8U/3EN0KMIAPBhVkAzkn+BClB79qxhUgI4OAgVwJUAJP9gNcwLCMWBUgGQ/wF/7wwIaYAE/Kur82SgpsZXjQSWGoAi4EQgpAEgAYC/TPeFagBKQB0dB8j+UU1ATAIgBqoJSNSAAP7ciwxAAjw90NrqWMFpshAADBVAqQAIAISAdnOCTdYjgrb0x9zIJyACgBLAdUwAGmF0YRgQhwH9/X/5L34YEARARwEj/aMCKOKPgV/PSAswGRBy4ODP3AAV+UX5fhEAwB8D9A/k/MnzKw3ADAFG/PLnczknASIASd4/Kv4j9+/gv7bm0T/A77I/+X3l/OfmjMI/5f1j8F8nys9mbR3Zf3LSCQDgT84/JgBI/wJ/ZvsL/Kn03+jttY3ubltrb3fLtbfbakuLrdFDmxKAly3iLwR/3d+SJCACPwH/zayJfF4AsDf1/DBywfMiP/eqv1/8bziC6xj0C68TEhD2XyEBaAXoH3vMmk6etIbHHnuBAJAaQAkIJIB6gKbz5/NGC2AA/5gEOAE4f97TABQEMhfASUB5uUECajg/AGUAFZbiQKJ+FAPGAVdWmlQAB3iUgJqaAyYCAPiLBADqNaQMghpAxC8CIELAM6UFAHsIAAYZ8Eg/IgNSBmIFICYCpAO4lwpAHRkpY4AeEoCRCsB4hqkTICUAN4LYR/w91yIA/PL45cDY6AL42//8n43jgBX5kwaAAOyG/n5A3ov7QpW/Iv4Y/KkTkAIQqwDUAwj4fRXQR9K/UgDk/bfo2UfyJ5IPKsAB4A9qwObysu2gENDyF4G/CMBeiP5FAnbDCX+AP1E/0T9tfztYiPzXaeubmvK8P5E/Y363x8dN4O/A399vW0NDluvpsc2BAQd/FfxBADzy7+hw8N9oa7PGQscY8peFICXwOmxlDn1qN/cZHPZZ3vLPGV70D8Ve5rqVwn2k+wOEIOxBlACIShMpiZMnrfGRR6yFoUAMBIIMPPGE1wPUP/64KwGoAQwKqnviCasLRIBjg2PwRwXAIAGeBgjgDwmooTYAElBS4ubFgETxFRUHCAAzASABrK4GBAUAIuDpAVoGQ/SPKuBzAsIpgJAAEQEBPzUBIgOsrggE8BcJEBHwGoCoNgACwGAgAL+ezoNQIBhfQwRIA0AAJPeLAKAAUGAOAdA1RYCpAnDEAH+9H0fVf0U4BRAVAAVAhwNBAMjP8AuCAKgIUASAFkAIgKcAQpufon6i/WsZIE+xHyTAo32K/ELkX0gApAKwYgJ/KQCQgGLRP2kAB/5cznYhAUH+J/9P9O8kIFT9bwDwEfjvkBJgqA9tfbOzHvmLACD/QwK2kf+R+UPen2N9mfK3idHfz4S/gQFb6+rKEwCK/jo6HPw32tsN4MdWGxtTAvAPgLjc8oD/MoNs0c+vGMH4/+PvcQ0lISEBhQSAIsBHH3UC0PToo04C6ArASAU0nzljdSdPWhMTAQH/J55IVABqASABNWfOJESg9tw5JwGskAA6Ahz8SQUEFYAVa2ClOyB0BLBWk0IIw4EgAU4EggrgwK+UAGvoEAD0AXqMnL/uUQYE/iIEfk+xYKQCiAAoNcC9VABWCABSPytgLyLAM5EBCMD4+LhH/+T+if5JBYgUgC+0mwP+KQG4HmIf8dcBfQgASkCcAmAcMHUAEABUAAYBkQL48z/7Mx8CRAsgQ4AAfwYAxcCf5PkjEiDpHzWgUOqPgX9bRKBAAQD46f13EhCG/pD3Z/KfKwEh4qfqn6hfJgIA+DP5z0GfAj8IAV0Ci4u2QU//0pJBAtT6B/jvzM0Z0n8s/zvwT0350B+kf4r+NkdHbX1w0DYAfaJ+iv0GB22tu9tn/K8C+uT7u7pstbXVHPzb222lsdFWGhpsHaZcWLF8553WfGf+THnOlZc13slRs4cb42xTe+mfwbU+4/Rrh79//9A/G+2jeGWfuYU9SFoAUtBEwePJk24QADoCGh97zAsCG06eTEhAE1E/uX4KACMS0BhUgEaq/ikaJNePhYLAGooCyfWXllo1aQPUAFSCAP4QANoAMWoCasvKrJrvr6qy6qAEKP8fqwCAP+cCyJD4RQK0ighwD/AfIAQNDR7d15IaiNIButYqAgD411FQGAgB90T/MQEA7In+WVULEBMAcAbwJw1wxBCX/rhrfQJKAbBCBjQIiE4A+jgpBKRIY2ZmxhUACAAtgBAAcv/I/5jy+zH4C/SlBOgekE+Anlx/AH2IQfK1QAC2crk86BP5k+tH+uecgAD8UgGQ/zdXVvzgnxj8uS7M/QP+tP5tIPHPz3vkT9sfuf91onuMyJ9nQfon978dtfvR879J/p9of2TE1gcGLEdfP0SAqL+nxyv/yftDADY6O42c/0ZHh623tdl6a6utt7RYrqnJVqjcTQnAK4a4/EMHufTvdzhBiYFf1wkBgAhE3TcQgDYA/ytfcSWghcg/mNcDUB8QVADWJq5PnfI0AKkATgxkBfgLDRLgqYBAAEgFkP+vZqJgaakTgbqwVpeUmAwyIALgJKC6Ok8Gqqv9SGCNAwb8EyJQW2vV/Dn8TFADBPi6Z1WdAHK/5v6zQgT07AD4h+OBAXw6AGIiAPiLCFAwLvBHAVAhIAQA0CfAVPSfKgDXQuuX4WuK/lUECAEgBSACACODnVEESA3Aj55/3gkA+X8v/gvV/wJ3EYFC0Fd9ADUCivhJAQD45P9FAviaiv8AfKJ+VuYA+HWU+/fIP3QAIPczAIhVXQBx9K/8/wb9/lT2B+BfD9L/OgV+WAB/CIBH/sj/5Pinp90o/HMLkT/Rfw6pf3jY1vr6PPpfJfLv67NVQB/5v7PTbZ2ov7nZ8/7I/iv19baGAoDslhKAVwwBSBWWl66wHPVneDOkR8AfrwkJiPYhBKDpy1+2ZmoAHnvMlQBIQCNqAOCPhVSAE4HHH88TgCeesMZz5wwFAALAUCClAiACNaQAyPefO2eoAA7+gQjQBQARcONY9jAMSEoARIA5AFIARAKkBLDyrJpUgUhAaANUCiAmAgB/4X0h+JMSgATwPE4PKC0A+NeSUkA1DipAvFI0PjEx4dE/qQBqyiAB1AAA+KyQALAmVQBeBpC/1o+EAAD4zALA1AXACgngF0J+BgLAJMDnf/hDb+tA+vfhP+TyVdgXJP+YDIgQOPCHCYCK8rWKEHDvswEgBVT4K+dP5E8en2cQgtVVr/wn4icNAOhzjV0F/qH4jxoAwJ/If53IngN+iPgjAkDbHwSAyJ/Cv+1s1nIB/HPk9ycmHPw3x8ctR+Q/OurRP8CP/L9K1E+1P/dcQwS6u73lD+k/FyL/HJF/c7Ot1NU5+K8g1xXmKIPsX+jYruc4Oc42tfQzuF3fgevtD75euKe4T8hAtA8bUAAefTRRAVACvC1QSsCpU9ZITQDtgUT/XJMGOHXKagMJYK2JSICUAMCfTgCIQDVE4MIFTwNAAFABMOoAOCmwinuAP0oJQAJkgD4FfyIDCQGQKhApAIB9MSKglICvAfABeyJ/gF6kACIgMiA1gNw/4C8iIDUABQCLCYAUgLgGAAKApQTgWkj9Mn3t4sWLduHCBQd/qQGxAkAagF8OvzCKAFEAvvXNb/ogIIb/7NCXT0tfaPED/GVE/dv08u/t+eoqQCT5C/hZAX4NBioEfu4hAA7+FPIFud/BP/T/e8EfRX+c8ke1P9J/Lmcb5PiDMfjHbWkpTwJo+Qttf1sc+QvoC/xnZ43T/nLj47Y1NeXjftcgAUT+TPgbHbU1qvsZ+sMRv1z399tKKPhb6eiwlbY2W0HqR/Zvb7dca6stNzY6+Ev6ny0ttVGqiyPH4xXKKQFIiUxK5l7UO3A9EnAzBAAFACMV0PTVryb1ALQFejogqACQgFoKAukGoCvgzBk3rwM4fdpJAMcFY7EKAAFAAYAEsMapAEgANQGeFoAMlJcnRICqfxGAqtJSk0kJoCgQUuCKQHm5VaEIRERAKYGYEIgEeFogHAVcQ8cBBX2kDwqUAJECAF/gLyKgZygBDI5DASD6R/ZHAcBUA0D0LxWA65cJ6tIfW+wTKCsrs/Pnz7sKAPCTCqhm0AQjJ+vrE1YGAaAI8Ic/+MGBGQAQAMC/0AT6IgCAv48KDtX/An8B/xY5/Z0d7wxwsI+ifxEAJv9tSvIPI4BdBQjAH5OAjaUl211bs3Wi/IWFPPAHAlAo/5P7zzHUZ27O1xz9/dzPzNja2JgB/JsTE5YbHjaifyb+Uf3vBKAA/JcB++5uz/uvIvm3tNhyU5NH/wn4Nzba5MWLNnL6tE2eO2dj5AtTAvCinP3tGumm/+7DVZ6jJADtjzySqACtoR4AFaDhkUe8ILAppALq+NoTT+RJwJkz+SmBFP7R90+xHxYIgK+hIFDpACcBIR2gmQBSAVwJCASgjrRABP6QAMAfQsDKuQCAv9QAEQDAHRJAwd9hZIDvgRBAAAB8on+Bv4hArABAAJwYkBqgcJBuprAC/CIDKACa/KcUAJ0AgH7cBqg6gGI4lT57mT4Bon/y/hABLE4DQAIYB8wvZmpqyicBchog1f8YCgAdAAC7FAABvlZJ/9y7hYI/Ab9WCABFgAJ71QFwT+4fA/xliv6ZAaAUgDoAqAWg958Df6j8x9bJ+UcKQEICslnbpuUvnPgH+GMc94tBAJjzr+ifyn/MI38q/fv6bK2315Y7O229p8ecAHR12XpXl7f8UfjnBIDov67OJi5etNGzZ23ywgUH/5kLFyyLM0gJQEoA0oj/yN6BmyUBxVIAjSdOWNfJk9ZBGiCkAugK8DQA8wEee8waVA9AGyAqAR0BqAGPP241QQlQGuAAAeAAIWT/s2e9FiBWACgCxKroDKBDgMJAgL+szMGflABGhA/YA/pSALgWGahiuiDFf2H4D4V/GAQABYBrKQBc0y2QKAMB/CEAgH9sPEui/wD+AL9M0T8EACskAASTcQpAcwBIAaRFgC8T0B/2Y4n+YwKACkD+HzLAJEBmATANEAkHBYDTADkAiCJAJwAh+gfcJflzzRCgQhXAvydI/QC/cv4xCVD0T9EftomcD8gHAiDgT9aQ/4cEEPVTA7COrE+dANdE/5CA5WUnAYz8Jf9P6x81AID/2vS05aamjLn/axMTtobMDwGYmnLgp/UPErA6OOjgvz487IV/VP6v9/fbel/fAQLAAT/LAH5zs1f+z9fW2tiFCzZ05owTgPGzZ22mpMQJwOzFizaHMyjsjQ65ykJHdr3Ir+7OOy219DO43d+B6+2Twn2VpAXifXjihI1fumSD585Z35kz1kIxIJF/qAVABSANUA8J4KjgkAKAAHB0MGkAzgtgJgBkoP7cOas+fdpNKgDnA+iYYI4KxlwNAOTxC2Vl+TqACxcc9CECgD8tgZXMEmBccDDAX2RA164GoBgE4GfVNUSAqJ97EQGt1TyPVABAX2QgvkYlQBWoiUxEgE4AEQC6AIj+NQMgJgBKAaQ1AIeh9Mv4/Ny5c04AiPwBfWoCSAOoCJA0AF0A/AL/z7/7O+NoRwYBee9/OPpXQK9o/7BVMj8rRvU/4K/ViUCQ/hX1H1g5OEjtfsj+UQEg0b8Df8j/QwAS+T8oAMz+p+9fBgkA/D3/n8361D/6/xX9QwDoABABWAHwafkbHrbl3l5bYaZ/f/8L4E+039bm4M/An2x1tTuPsZISm7h0ySaI9ktLberCBZu9dMmyFy7YfEmJzcPwY8fDdUoAUiKTkrkX/Q4cFQGYKC019u9ISYmNlZdb79mzRiogTgNQCCgSwJHBqgNgOBAEgHZADAJARwCWqAEAPsXXZ8/mjdZBnkUqAGOBIQOVKAKMBy4tdSUAAoAB8kT9ulcqQCTASQGEIVhMAkQA9AwVABIAAQDcBfC6FviLDCg1oDMARAREAlhpGRfgk/fnWjUApAHUCZCmAF5GoD/sR589e9ZlfxEBSIAGAkEEKAIkDUAO52/+43/0LgAIgFoABfZE/F7kt7eXHAtMMSBR/xbV/bu7DvqAvAhAISHgawJ8Rf6kAhT9I/8j+avif4NefsAdaZ98/+KiG0qAk4Eg/zP5L0d+nwifSn9O8+MesA/Df9aC9O8KALI/U/4A/zDrH9kfArAC4CP5I/f39NhKd7cTAEb+0va30t5uk5WVNnj+vE2UldlUWZnNVFTYJIBfWmpz5eUe/SP7E/1DAOZwCikBeNHO/naPdtN//9WKz1ERgNmqKt+/kPnpqiobLSuz8cpKGyottS5UAToCopZA6gCUBmAuAKkAkQCUABGAqtAZwGAg0gAYJKD6/Hmron2Q6J6iwJAKIA3gKQBAXAoAwRoFhEENEAHQvYgALYGkAyAAAD4rQC/Q14oioGtqBQT6WmNSIOAXESDahwSQ+wf0IQJE/1zHRYCqAYAAxDUAdJqhBDAO+DCsSp+/DJ+A2v8gAiIBdAMA/poFQAqAXxjHAf/guedc/qcFEBUAgJdBArgWKUiAPxAAj/BDCoAZALqHCHAfg7+uHfwBfbX+hZUDgNyY8BcZSoDk/9z8vLkh94e2P2R/0gBE/oC/1s1s1laR+un/D+C/wlS/0VFbJteP/E/kj9zf2+uDf5a7u73vH/BfamuzyepqGykttYmKChsvLbWZykrLVlbaVGmpzVZU2FxFhYP/XFmZzZeWJtF/FseQEoCUAKQR/5G9A0dFAOaqqixbUWFTkHj2b22tTdfU2GRVlY2z3ysqrIOxv+GgIOoAMM4HEPgj/8tiFcDJAKcDnj/vBKAWkC/JpwGqSBdwDxEIJICOAEiAy/+BBFSgHqAIMOs/qAC6V2qAVQQA4I8N0FdhIOCv+gDWKuoEQhpAJIAVIgAB4BoCoBRANc/C0cBcSwWAABBAqgsABQATAdAUQEhASgBeBpC/1o9E8qcOQESA6J86AM0HaORoyJYW7wb4T3/zNz4EiBoA5gAwAVAzAAT6EACifY/4Bfy6D9K/gN8jfo4IRtoPBCDJ98e5/0AAiP7XieoD+BP5O+BH0T+RPwpAjsr++XkHfhSANcCeiD8c++triP7V/0/x3zKDfSYmbAWwHxx0AgAJoAMA8Gfyn0/9gwh0d3vbnzuC8nIHf6L/8fJyl/+J/t2BEPWH6B8FgOg/kf/Pn7cFpMGUAByZ808j4qsj4tvtMzkSAvCGN+T3bWWlzVZX22xNjasAkAAIwHRtrROAkaoqG6mutr5Ll/yEwEQBYAogNQAhDeAKQEgDoADUBEWgCqUAiZ+V3P+5c24AfuX5826QAK4ZCSwSABFA/ocEsGKoAAC+1IBK/lwgCL4WEACpAbEigEpAMSBADwkQEeBeJkLAvV/X11tMAGIiQApAg4CUAlBXACSASbOozOAM67XwKv3aEX8Cp0+ftjNnziQEIK4FIB1ASyBnAiDP/B//4T+4nKMTAFEAkPkF/gJ+rXxN16zk+on2Kf4D8AH+BPy3t5NiPwoBRQSkAGzncg7+EACAP5H9g/xP3z+gv818/5UVW1PUT8EfUT8HABH5Z7OJAkD0r9G/FAG6Af4jI5YbG0sIwPLAgC0j/TPpD1IwMGALnZ02WF5uo5WVNlZZaaMVFe4QcA5ZogQ5jcpKm8NQACACMfhTE3DmjBOAusLDcMJM/0JHdj1HXnvnnZZa+hnc7u/A9fZJ4b5KigLjfXjihO/b6bIyIxXAniYNMFtXZ9n6epusqbGZ+nobr6lxAjBeW2ujtbXWXVpqrRz8E7oBIAF1IgFRHUAdQA8RYA3gDwGo5ChhVgA/kADUAGoBKgIJqEA5KCs7AP4oACIBrLEC4KQgkAHVAgD6IgB6pjVWAEQAUAMOUwRIAVRBEDinICgBrMXmAMStf4A/JACVGYMEHDHEpT/uWp/AqVOnXAFACQD8SQVwjVEICAHAqND83//9v3f5XwcAKccfg7yu+RopABQBpQIE/B7tE/EH4zlEQKCv1cGePH+h7A8ZCMDvxX/Ly179DwFYA+RD5L86O2urSPuAfiT9r05N2Qoy/8yMrYyP2/LYmIP/8siILRPph+if1j+i/1Xm/A8N2VJvr823t9tITY2x2Sfr6lwGnMAR1NXZbH29zVRX21xtrcv/c9XVNl9V5Za9dMnmy8ttHvn/0iVboPr/3DlbPH/eLSUAKWjf7qB9lP/+oyIAs+xZCHyoBSCtN1dX52kAFIBsY6PbZH29TdTVOQEYr6+3sYYGG6SNmhZfwJ80wblzVkvun8l/KAOhIJB2wGIEAPCvOHfugAqAKoAKQCEgJKD84kUnAbEKQApAioATgkgBQO6XVfA8KAI80zWr39MxEEA/VgJiQiAlAPDHAHxWCIGIAGcBKOIH/OkE4J60svL+AD8pAGrOroVX6deO+BMg7w/oMw8AA/hJAxD9QwioBUAB4Bfzv/31X3sHgB/+E/r/AXcZ4C+w1+qRP9F9iPw3Gc3LPVF+gSnaZ+QvoO9yf2gHTO6D/E86APDPLS3ZGsN+kPmR95eXbZWpfkT8i4t58OdrVPnPz3sBYI4Rv0z5o/1vetpJgPr/mfxH7z/y/wrR/siIE4DJlhYbqa01Njcsf7qpyaYaGmwK4G9qsrnGRs8PenRQXW3ZkDvMlpfbAlFDaaktBPCn7W+xpMQWKQI8e9aWKPqJIw+uUwUgVTJSNedFvwNHRQDYu5B49vF8TY3v6xnUAIh+Y6PNNTXZdEODzbW02GxLi000NLhNNTfbWGOjjTU12TCdVMz3B/hpB6TY7/Rpj/4hAYB/Pfl+ov5ICUAFgABgRP9eEwDwnz/v4A8BqKGwj3Y+0rYhFcCqaw4EqgidAl4HADkIJAACEF8D/Mj/CRFgNgDnCTBngE6DsMakgGsRAoCf4r+YBPCMGgCkfzrJyP1DArin6h8FgLw/4I/8n6YAjhjgr/fjAH/siSeecCUAQgDwQwIgA2oJhAT8xZ//ubd0QAC2Cyr8FfmrGyAmAKgBEAABv5QArRCBjbU1n/W/DvAT8QfgdxIAeQj5f6r+uQb46flfW1z01UE/HAN8gADMzNjqzIyDP10Ay0z0y2ZtCaAP/f+A/xKyP50AKAJDQ97/vzo0ZBMtLTZQXW3DNTU2wWZvbrZsS4vB+Gebm226vt7lwPnGRptvaHAFgL5/Cofmq6sd/BcqKz3yhwAsUgsQCMDSxYsO/vOMD00JwIt29kcZOaY/69ZQYo6MAFRW5vdwTU2eALCXCQBQ9wB+yH9zs81ABlpbba6tzWbb2izb1mYT+AfWlhYbqq93a6evP0oDqBsAAhCrAIC/CABKgMv/gQzUcGxwUAHKL1xwsIcAoAZojRUAXUMAvAsgpAIAf0gA+f6ECIQOAScBgQBAArBKigzpFODoX4b80ElQW5usAD+Rv9IBrDyja0zgz9CfGPxRlikCZCUFQNv59TAr/foRfgKPP/641wCwAv7UA6gmgAFBkAFSAUwF/Ku//EufAHiZuf+h7Q+gL8z1iwzwNYoEY/BX1C/5n7oAwJ8UALn/GPwhATEB8Kh/bc0PAwL4MW8JXF4+GP2jCszN+RkAtP8tk98nHTA97cAv8BcBoPrfwZ8hQAz8oWKVzgci/uZmI/ofb2ryjT0J0Le12Xxrq800NLj8h/wPAVjgHtCvq7OFQAIWa2pssbLSlqgBoOUP0L90yZZKSmzpwgVbhgyQIwwRvyL/hmPHDKsvsLpjx+xaVnvsmKWWfga3+ztwrT3C1wr3lfZbsv/Yj8eP+95drK4238e1tbZYV+ckfwY1gFRfba3Nt7S4L8AnoAwSJEy3tNh0a6v7jkmed3TYSFOTjbW22khLi/XSLsf8D6UBIgKACkAhoNcChDSAagAgAhCAcpQDArSQAkD2F/gT/YsMSAmgABAiAAGQlaMMVFV5HYAIgJMCigtDSgDAFwEQCdCq6F9EALCXiQiwcnYMkT+yv6R/on4Z8j/HzktpPkJ4S3/U9T4BwP7RRx910EcJoCZAaQHAHxKACkBXwF//1V85ASD63wrV/oB8HPUL9BPgD50CAnytG5zux8FBoRBQwE/fP0RACgD3OYr+iPaJ+ldX3QD+VfL6rEj+IfpXDYDa/yAAKABLk5PeBUAngBtjfqenPf+/xME+ExOW7e31zTna3GwTbW02BrPnJMS2Npvr7LSZ1lZbaG+3GZ43NdkC9y0tttDcbAuBACw2NNhifb1HC0s1NV74t0TekLa/S5dsubTUlllLSrz4DwKwRNFP4RjY4KQKHdn1HHvNsWOWWvoZ3O7vwPX2SeG+SghBvA8hABUVtgQBqK62pdpaW6qv9/1NnQ8EIAvZZ//jB9ra8v6hpcXmg7+Y7+62ue5um2pvt9nubvcro0xW7eiwMUbf0iuP/M+QnxD1Kw0QEwAvCAxpAFIAEIDqQATo+wf8ZQJ/7vkakT9pAAwioGsIAAYhUDqgIoA/JmbWRwAAIABJREFUqywmAVIBIAF0ALCqPgDwr6QTgQLEiAw8853veL5fdQDk/lX8R/SvDgDSzASa18Os9OtH9wn8I6R/QP+xxx4zVACMtkDkfwgBqQBIAPUBKAC0ADIECAIA2CvaZ1VLIGtMAFAAiPwBf4AfQ/530I8IAGAP8OdWVhz0AX5y/wC/wJ8UAMAv8JcCQOufjGJACgCXAfnZWQf/QgKwxHz/kAKYGxy0waYmG2eIT2enTXd2+kZlwwL+811dDv5sauQ9CICDf2urZYn66+udACw2NtpSQ4NH/1T+4zio/IcAoAAsl5VdRQAWzp61FXJ8sePhOiUAKZFJydyLfgeOhACcOJHfu4B/TY0TAOoAIAELEIHGRlskJUgakH2PEtDc7GkAggX3G/iL9nbLdnW5X5liQmhPjxOAqa4um+jstPGODhtsabEWeu+jGoCYAKgWgFUKAATAjW4tznKhJiAiAlyjDCSAj5ogwA+EQAQAElAe1wQEIkB0L4MQiAzERICvOxEIRYAiAeT/uYYAAP7k/AF/0gDk/JH8kf5pNQf8kf9RmzOZzD86OohLf1KxT4AP2A3wxyACKAGAPiRA7YHcQwCwmAA4CQgEAAUgBnxd67kTggD+RPzrFPAVEACAHwJAOoDVAT+X81UHAK0y0W9pKR/1h+h/Y3nZVmZnvQhwmcK+hQVbyWYd/JeY5U//fyABSfSPIjA2ZtN9fTZCjq6z09iMbMzZ3l5jkyLZzXR22nxPj8HiyemxoRc6OpzlU/BDBfAsecCGBltqbralpiZbIhdYVeUH/yzX1NgCwF9ZacvUBFD9X1JiK5cu2QrrxYu2fO6cLbHpUwLwop397R7tpv/+qxWfoyIAvnerq429zGFegD8kH5WP/b7Y0uL7fxYyQO6f4ACQpx4A/9HdnfchPT1OAma6umy+v9+mu7pstr/fslxz3HpHh010d1t/c7N1EFWHVkCX/kMNAPK/agEE/qQAAP/YIAIHyADSfzDy/eUcMRyKA+N0QEwGaAN0NaC6OlmJ9PVMREBzAbjX4T8VpA0iBYAaAAr/YvBX1A/4I/9z5ozGzwubUiJQDLpf2rME+PUhA/YnT560r371q04ESAkA+hCCws4AEQCif9IAntuXxK9cf7QC/JoSSP+/5H7UgDj6hwwA+hjR/xpy/tqaAfisIgCQAiJ+cv8oAStU9S8tGcCPSf73lTn/AfxZyf9DABbHxmyyp8cZN+A/zcbs77e5sCnZnHO9vb5ZYe3Zjg6bbW+3BTYyK1JeS4sttrfbUnu7FwEtIf8R/Tc12XJDgxf/4Swo/oMALJSX20plpa2Ul9si4F9aaquXLtkibYBnztgqvb0pAUgJQBrxH9k7cFQEgH3rJJ4iQIh9SO9RCMh+Z9+rG8D9Ab6hs9MWCBa6u20B/0LQ0NtrC/39Nt/X50EGwcZMb68bPmiqt9f90lhnp69DpAcaG/MdAKEOoFAFUArA0wFhJoCUAAiArgH8mADEJIBrkYBiq6sCEQkg2ldqQJE/0b8/hzSgQPA9gRCgADAISLK/pv2p8A/wJ/on/8/kWYbQCZsK1peGfLf5n74K+PXhfvnLXzYMEoACwEr0DwmADJAKoBYAgwAQ+W9yIE8o8PPoPgJ9SAFFgXqOCiDJX9E/K6AP2EMEWIn8AX4NAXLgD9MASQNAAlg1+585AEsA+/x8ngBQ2U+RX2QiAMj/C+PjNtHTY0OM7O3t9egfBWCmr8/Bn80I+C8MDDj4s1l906IAwNbJ7wUFgA2+1NHh4E/+DwLgCgAFgkT9yIREDDU1tkJRYHm5KwAQgJWyskQBWDx71gnAEueIpwTgyJx/GhFfHRHfbp/JkRCA48eduC8D/KgAdXVOACD5FPq64hf2/2Jraz4gaG52AkA3wBwBQ09P3kJQgV/JQgwYJjY46CrA7MBA3g8NDtpUX5/7pzHqBXp7bbijw/pbWpJjgT0FQASPKQVQWmp0AyD3A/pMARQB4J4aAM4DgAgo+gf4NfaXaycFIT1wgAhUVXlqQG2AAD3RvkiAVAEpAAJ+Vl1DAMj567AfSADSP8V/kv6pMaP1/BoEQBh2m0P5zf/z9cEVXR955BH74he/aF/60pe8DkApAcCfa80GgAj85V/8hTEFkGOA3Yrk+gX8EAEv9GPiXyj2c9mfFj4K+UK0zwrwQwIE+qtE+gH8WR34AwEQ8AP+3gmwsJCAvhQAUgJ0AZACWJyY8E003tPjG2ucqH5oyNh080NDvvHExH1TsjEBf4hBYPC+iSnmaWuzxa4u7/ml9YcWIAgAHQA4A6ICKQBEC0QOEACP/rlGAaD/n8K/8+dt9cIFj/5XOS60cA58qPYvdGTXc+TVx45ZaulncLu/A9fbJ4X7KikKjPchNQAQ9qoqW4TESwVA5QsKgLcCRirAYkgR0hK42N1ti729blIA3LfgY/A/gQQQhLg/Gh62+ZERm0aNHBiwib4+mxoctDECl85O625u9lkApAHKOStARYAFwE/lvwgAa9nFiwfMwT6kAZD9y8K1P4dM0FGgbgE6wAIJ4LnAX0oAq67jyF/pAFZqAJj2V9jyJ9mfInOGzUEAMAWn11hvHgVvwz9RFPCjD/UfZzKZf/yFL3zB5X+IgEw1AKgAdARQFIgq8Od/9mcO/Mj/EABF+4WpAKJ+mYM/MwOQ+SMD+DEUAG8NjABf4E8KYGVhwQkA6xKgPjtri0T72awTgKUC6Z/8P+A/x9nT3d020tXlm2hmaMjZ9dzIiG+yhZERl/7ZeNm+PlscHHRDmlscGPCK3dmuLlvq68vL/x0dngJY4hnW0eGMn+N/KQaiBZDWP6J/jxCIGoICgAMRCaD9b5lWwHPnbJUaAFIAFPbEjofrlACkRCYlcy/6HTgSAnD8uBOAJcAfBQDQR+FTqy+1AOT+QycQKYAl8v7UC2GkCPETfX221N9vi9jAQOJn8DtuoRaAVGR2cNAWRkdtdnjY3GcNDtokCsHwsE0ODtrE4KD1tbVZExNaAwEgBUDUT7QP+GuVIqDTAFkhAz7mlwJBugRC9M8a35dBDFAEIvDnGiP6hwyoHkAkAALA9D9WjCJACABtgEz8U+QP8CP9k/8X+LMq5QwuBbseht2GsH5j/+TrfXD6gP8JBODzn/+8qwBc0w3wla98xWsASAdABlQk+OMf/SiJ/gtTAET+An3J/qwU/KEEEPVDANaQ+wsmABLxQwRQArj2lMDqqi3PzzsBYCX/vxii/iT6ZxZAGP+L9I8CMNbfbyNU2Q4MOPBP9Pfb7MiIzY2OOqtmc7kFArA4PJwQAMB/DjLAJg2b1jdvb68tceIfigCbPBCA5Y4OW6baF0fQ0GDLEIFQLMQEMQgAbUQePTAEiLz/xYueAnACIAUgJQAv2tHf7pFu+u8vrvYcCQE4ccJWUe6UAkDhowOArgAIP3uenH9zsy2HmiBmAkAC8BEiABQDQgBQFJcILvAnQ0N5IoC/wQehOuKTBgfdIAD4LYB/emjI5qhdGhy08f5+m2JA2eCgjfb1WXtDg1UXKAAiA4kKQKFgAH8RAFIBui5FISA9AImgSDAMB+IaEgDQiwiIAIgM6DkkoBxiwPcGAqBrigDJ+QP4An/y/YA+bX90mgH+FJqjNGcymX+SkoAbA/pi33XD4J/JZH4K8P/c5z7noE8hIKkAagEAfs0HoCAQNYBJgEoBMAiIyJ8iv4319QT8de15/1DxL8AH/In2VynyY0XqD2QAAkAdgMgAff/q/Rf4QwCW5+ZcAUD+dxVgYcEWp6ZsmMK+zk4b6e21MfJoSGzj4755yP8vysbGbHF0NDEUgCU2G0Sht9cJAGOAXf7v7U0OAeIIYMDfJT76/5H4WltthdqAQAAYErJCREDkX1dni0T+NTW2WlVlq5WVtkpL4MWLtlpaaiukAC5etLXz520tTQGkBCCN9o/0HTgSAnD8eH7PhlbeFRQAUnrsd4YC0QnQ3Gwrra1OAPAHy52dttzV5SeFUjOE3+AQMQ4Tw6fgW6g14rwRCo85f4QppPJJpCcx/FV2eNhTmKQxFycnbQb1cmLCbZYuppERJwLjAwPW09aW1ACgAGCFBIAZAIr+Bf7cQwBkAv1kDScAQgSo+Pf0QKQKaAYAz8tIHRQhAt/59reTXn8N/KHiH4MEAPqQADAmEICfSklAMWi//rNrgb+iflYYFh+yE4DPfvazDvwUA0ICSAUQ/WtFFaAmAAVABIAUgEf6AfwF/FIBmBGA/K/DgJD7BfwCfyL9FSr6UQkY9UvUz1z/0PvvEX+YAQAJcCIQpH8IwPzUlA319BgbgM2QHR11dsxGWZiYsNnRUZ8BAJNempjI2/i4twDSBkgNAEOA2Ijk4zgFkM2JAsA5ABhtPCv9/bbS25u3nh5b4VlHh0t/sP+VlhZboRiosdFWGxu9WGi1vt5W6+psNRAABgCtVVTYKjlFgP/SJVtDAThzxnIpAThS559GxcWj4tvpczkKAlB/4oStVVXZWnW1rbGPa2tttaHBbQmCzx4nEKDwDx/Q0eHHg7t/wE/gM/r63H+4HyEo4Z5cf/A5+B2OIMcXMY+EKaVu+C/8FmPKsakpN4AftXMBQkCqYHzc/d/UyIiN9PdbX2enT/wD/OMUQBzxC/y1ihQ4GWDyK2oB6QUIQzgWmHuuRQRiBUDXyP8yiADXqAAQAAr+iPpRAMj3A/5E/BT/sVJkjgpAulnYVEACwK3D8O36yHibfMdhH5DAH+BPwD+Tyfx3n/nMZzwFEJMAVAGBv4oCUQNQABz4kfuD5A/wywB8yf7e60+1/+amy/6AvwgAq0AfAgDgQwZYF5ncF+R+8v4CfqkAKACzk5M2NjBgk+TJwiZYoOCPTcJ0v9impnwU8PLkpGFsruXxcd9wbLoFjLwbFopzKNThHIBVnrGRue/ry1tvr61S3MPGb2mxVaS/0P+/hvxXX29rkIDaWlujapg5AAB/ZaWt0QpYUmK50lLLlZR47h8CsHr6tFUXHvwSRvoWOrLrOfGqY8cstfQzuN3fgevtk8J9lRQFxvuQLoCyMsuFGh72M4qeugFW2e9hGBB+YJWgoK3NVqn8hwxQANjdbav4D3wLzwMBWCUVKb+DD+IEUvwSJ5JOTBi1SqgAjDEnfXnAp4W2Z1qf51AHIATT0+4Px4eGbHJkxHo7O62BwjraAYP877UAoRsgBn2mAKIAiACUMgE2EIGYAKjnn1XFgFzHBAAVQCRA1xAA5H+An3Y/Vgzw19kz1Jgp3QwuFZCAG0kJ3CYQf/g/86bBP5PJ/PQf//EfOwH4kz/5E4MEkA5ACYAAqC2QXwwqgGoAPNoPrX+K+LVCAkgNoAB4tf/GxgHgX1la8ntF/IC+gJ8aAGxpft5nAKAAyCAAU5wk1dNjoxTujY/bXGDB2bExZ8K+IXjOxpme9rwZm8dNG2piwnNtK6zDw7YyNpY3jv0lNcCmRJobGEgIgG9eNjIkoKcnIQBseN/4bW15BaChwdaamhIC4O1DFRX5CAInggpQXv5C9T+FgGfPpgQgJS0paTvid+CoCUCupsYJ/RpRPyS/qcmcALC2tdlSa6sTgNWuroQA4C9QAJgHgA/xgIL70G68gkIpH4S0H7oAIAHzgD5By9SUzXM6qYIaQB//FsCflVQohk+ECOAX8ZUYqkALQ3ZCK6CAn+hfCoDAX1+LiQBA72Qgiv555pJ/KBRMiEFVlacB6P0X+LN+/emnkyE/5PyR/Wn3o+If2R/wx6Q0g0spCTgc6A/7SjECcGjkHz7kfwrwf/rTn3Yj8seoA6AgUK2BFAVCAv70Jz/xyF8Rv1bAn2tV/Cv/DwnwqJ9qfyR+cvzM9V9bc6mfqB+wJ+oX+LNyD/DTBUAB4Mz4uA2R26dvdnLSssj52azNhnWZyX8zM0l+DCVghXkAKAKTk369MjXlw4BUAEjOjaIbDgJy4xCgQALWRkZsjfwbBTqw+J4eWyM10NVlaxTwhIKftc5OrwGIpwDiGHIMBKqpsRzOghWjDoDIv7w8UQDWS0ps/fx526ClJ448uE4VgBQUjxgUbydV4CgIQN3x47ZeVWXr1dW2XlvrLb05SH5jY57ot7TYGuDf3GxrVPu3tdlaV5fXCTErBALgrYB0FvX22hq5fdQA/E4INvA9FAGuMquE50GlZHDZAvVKBCrj43kfBgkIfo5up3kIglYOPQtdUvhIbH5mxtWA6fFxG2b8bkuLH/yjWgAIgHL/xUiAiABFgMr1QwZIAygVoBUSUMrYeL4W6gFQAkQAkP+J+gX+mi2D7I8KQMoZAoBlMpl/eh0SUAzreHbb/nfYB6J8/wHZX+CfyWT+e6J+Rf5SASABXMdFgagCP3r++atSAAJ/VggARADgp+APsBcBIPJfBtAZ5xsq/h3oAftAAGIywMvLS4tNUCXLRshmneHSBUD+n0mAK3NzPgqY3n+An9wYm2RlZsbrADgIiA3EhnLje8JGY7OxAVEBiPxFALwLAMDv67O1wUFbI0/HBqYzoLPTN7iTADY/TqC9Pe8IkP4bGizHilRI61BVleWqqz33HxMAiv/WL160jZQApECfAv2RvwNHQgDoAigtPUAASAFQ4OsKAMDf2ur7HwUAAsCEUAxfgbnfGBjI+5GIAOBjVgk6QgAS+6QV/JL8Fb5setr9GT4NP4ePw/waP4gPxBcGQwWYn572IGoOf5fN2tTYmPvQ8eFha29psdIwH+BA1M/JgmVlifyvVIAUAJEArSICKAJc0/YXm1IBpACI+JH8WSX7s2IElxSagzcQAXDpGiRAQe1hmHdbkoBiH4Y+qEPBP5PJ/A/UAGCf+tSn7OGHH/Zron9IQVwUSDqAOQDk/hkFrBoAEQBF/wJ/0gAYBABFgKgf4OcecuAyP7n+AP7UAhD9z83M2CDz+Gl7Qb6HCSNx0dvPyxzyXXrZYwLApqAGAHZMESCVsxAAt7ChpAAkGw45DUIQSMAym5QNOzzsjB3pDgLAZpYCsNbdbRitPzB/WoGIBJAEcQyeI6ytdQUgRyFgeXm+ADAoAOuXLplH/4EA5NIagCMHgNsp2k3/rQdrPm4W/KkHkOLGRE5ZHQSAot3yclsH+Kurjf28Fkg+NT+roQgYP7BKcBA6hVAAnAQQSKAgEkgMDblfcQUgqAAUAEoBcBUAFVJqJZJ+iP7xZxigHxvBDvVPV/lFzkRZWHAVAP8pIjBD2pQaqqEh62prS44D9mgfRSDk/pH4RQBUDFhMCRAZ8LqAcBIgKkBMBJgDoCI/AB/ZX5E/xeWAv9LM4Ay49BJIwG1HAF40+Gcymf/xj/7ojxz8qQWABAD8pAQgBaQAUAJIAcDOIABPXrni5wAQ6QP+GIV+EABV/Av8WQH/JOpfWbHF+XlborgvSP1aZyYmrJ/T98bHHfhZSQMA/LBZvczeBggTFtvl5afQL5s9wI6TDQNhCAoAkpqza/6MVIAiKQBadUQAkhRARABoBYQAuOTHdXu7LRMNBEMBoAOAaCFH5XCo/vdoAmdCVEEXwLlziQJQdeedPgyIgUBuYS58MWd2PYdfeeyYpZZ+BrfrO3C9/VFsTyVFgdp/EIGgAPgI78pKTwOsU9hLgS9pAAg/CgDkH/k/EIA1AJ8OgJA6dPCPCIArjCgAgH2kALhPAvwjAkANAP7LwT+bdZUTAuDFzkERiBUAiAC+EQVV9VPynQRTUlkJtAiwpkiv9vdbfU1NUggoVUAEgOg+VgF0LWIACeB7LlE8GIE/HQDUA3z7W9/y6n7AnzY/8v1cE+0D/hSaI/0zkRYDl1IScOM85jACQOQfR/8UVpBbwWBYfMg/o/z/Jz7xCYMEQAhQAnjOLwMVQCRACoCDfzjoR5G/wH81DPoh0kf2J/IH9In6seQ6FPxNjIzYAIdiTE46+C/MztoshSzIWLzggcnqJeblXoT1hhedlx8CsEoOjJc+XHMcsCsA2aytsnEmJvz4XwgAxwCvcVIgNjHhm5DBHLQBsq6NjlqO6/5+yw0P25Lkf9r/urstx1Cgjg7L0efb2mo5VABy/y0tlmtu9hSAk4CaGsNhED14LhEnQhEgHQAXLljuwgWfAUANwFESABzg7er803/37f27vx748/UbJgDHj+eVu/JwmFeY67He0GDrTU0+D2CFfU/FP36gs9NyqIMUCvf0WI6UIevQkBv+xOuLqDEK9Uaoj/igxB8h3ROo4JtQL+W/SG3i86iNolOKfD+qJtcUTeMnFRQF30nkL/+JL/VgipoBaqYWFtzP4m8nx8YMPzw8MGDNDQ1eJ+DgzrRAJgQi3YeWQN2LBLj0TytfSYmDPYCPoQCoJgACQNSPCgABiMFfkT9F52ANBi5FJECYdVhnQDH8u3H0fIV/Z7F//PWk/wT8M5nMzwH2H/vYxxLghwSoJoBrnRMACYgJACRgPZfzyD+3tuZ5/zjyB/yR/D3fH8CfZ0T/2MjgoA0yA3t62llolmpXXljG/y4uuuxPESDGi6xrXnQMEoAxCZCNgDEJkA3BymbRMcCwaC8KZKPxZ2ijGR93IpBjY1FxOzxsuYkJIwXgBIBnAwO2TnsO1bwM9ED27+qydXJ7nZ2eAljv6nIHkGtvN5zBemurOwcVAK5TCEgvcUWFbdAKSBrg0iXbvHTJNi5e9CLAzfPnXQJPohCi/zvucKu+4w4rtKo77rAbsco77rDU0s/gdngHbmQ/6HsK9xP32m/xHqyFAEDY2bu1tbZBOo+Vfd7S4nt9lev2dlvv7DR8wXpPT94/cN3fb+vBhxBQYPiUFQgBqcehIU8/+jAgQD/4J1qVHfzxa6Q1CVpC1I9vgwSwynwcOinUYPhFiqcxFVPLhwL4GK3W+FuMe1Kxc9mszUxN2fjoqLU1N9slWgMDASDPr2uBP/fxtcCfFTWAFRLAYUAAPyQA8Ef2J+KXsgzGgC90oKE6ZzKZn41IwIutB3iFQ/uN/fUPIwBx5A9zUvTPh+mRf/iQX03E//GPf9zlf1IAUgSUCqAgkHQA90oBkP+PwV/RP88gA0j+RP4Ce0X9C3NzNjo87C8YLxpRPy8fbBTQ56VUSgDAp/UPBstLrHkAgL9PAWRDzM5ajqLChYWrDAKQm5t7wfhemG9QAlABcjBoNiJgDyNnE9KWMzRk61wPDtr6yEgyCGgdGa+31zb6+22DtafHNrq6bIPN395uGxjtQLQJ1dd7DcBGfX3eeZAOUAcABKC01EnAJkrAmTM3RQBwWHJm6Zp+Fuk7cOPvwDXBHyIQdd/U3nWXrVdUWK6y0jZra22TfV1T4wSAOgDSAOx59j4pANqC3S/09uaBH/8xOGg5hoqFNkB8Sg7fAiGYnHzB5I+I/Kn252v4xqkp92FqA6S+6YC/CxNRcwRcFFoTAPEsdFLJdyodoJor+Vnu8cH433nUV9TVuTmbHB+30aEha21uzkf3gQBICYiBX8SAin+An1MAYxLw9Ne+lqQAAH+ifSJ/8v1cK9UMEaD+LJPJvPoGSIAUbgLeYjh4Ywj6Cv6uYv/ow6J/ySiA//8k8M9kMr8A6H/yk590EvCHf/iHvkIIIAYoAJjaA5//4Q+9CyCO/gX+nu9fX7eVIP0D/gA/lp2etr7ubpuamHCGyT0vGuwT0JfxMiYkIMwAgAAA/joPAJmLF1wvPAoAJAD5/8DGmJ9PwB/2zGYSAYAEAP6oAMtjY5Zjk6ESjI76xoQEQAAAfzcIQdjMgL+TANICnZ220d2dJwEUAbW0OAHYIDcI8Dc0GATAp4kR/ZeX22ZlpW0A/hhDgc6dO0AAKEZKopAjUAFScLhxcEg/q1v/s7omAQh7T3sQBWCzqso2q6tfIAAQgaYm22huNva5k378AIEAMwC4hgCE6aHuNwgqSCcC+mNjeYURtTEUH8v/4JPwUe6nUCbDEDMFMh7UFAQ7yP/4P4IhGb4RAoDPZMUUQFEDAPjLRAhcFVhedhIgpXaalmsU2okJ6+7s9IE/An6tAn/uAf9CAsC9UgBE/QJ95fzVaUaQqe4zcCmTybwq4BR4BW4JwwpTAcK8Ynj4Cob36//Vi/2D+TAOi/4l/SOv8OH+fCaT+SWBPzUAmO5RAtQZgDTDL+fP/vRPvfqfcwAwwJ+IH0IggwDwDAIAyAP8epF4mVAHeMFgmbx0ehGZCcA1L6jPByB652dF5ucDLC87y4UIcDTwOnUGGIoBz/j5pBJmZmwduYy82fS0X68jfXEN46WidmLC1vk+vgdWPjpq65OTts5zjHs2KVIepGBoyDYGBjy350QAmY9ND/tvbXVnQBcAKgARAo5is7HRNuvq8lEEjoRooqLCCcDWpUu2RRogUgDkfJwEXIMApCrArQ9WKSE52t9xMfDnWaH8rz3oCgCqXWWlz/HYpPqfvQypJ/pva8vvefY+gQBFfxCBvr4XFAB6/MMkQIKKVe4JLEL0v07N0vh43gdRjxQKAKkBwH/Jh/k1Sim+LZt1P0fhM+CP/yPyxx+y4huVAsBnigjgS+Vv5WfxtQRdTgxCjRa+mRouFAHSAgriJsbGrLenx4mAcv8iAKwiAKxxOgAFQIN+AH4RAVIASP8Y+ALmcA0uBXz6uUACIADgFyQANdvH2AesA+9uSxXgRgkAH9pV0n8mk/nFTCZz7KMf/ahH/b//+7/vKwSA6J/aAAgA18j/3EMArly+7OAPyBP1A/iAP8V/pADWVldtanLShpjWRzEfE6oAWOT8UAOgVkBeRg0D0hkAmgyow4D0Am+srno6gHWDMwRCwcsG/39e7JAb2+D/MztrGxACgH5mxjaoG2CFCYcaAFpuNrJZNzbgxvR03pDgRkdtY2LCNng+OppvAyTyD729G4ODngbwzQ7bh/V3dNgmRmsghUFE/4B/Y6MXAW4wTATwJ6KoqPAuAJ8DcOGCbZ0750V7FCcB/EmRUpT/PwwMbof8bvpvTOsYXuo7cNj+OUAKwt7THqw5fty2KNzFqqttC1KYqDjOAAAgAElEQVTPfmal6K+52fe8p/8gABQAQgDI++MrUAlJF46M2MbYmPuTHL4F3zM1lTf8DsV++Bv8EeDLM1buOQ4d4EfhDDVO+LjEzwX/hz/EL7oFX4l66v6Saath1Do+Vz5WPpcVo15Lyi0+WkQAvw0ZcEIwO2sT4+PW1dnphwOpQwAFANBH/hcREAlAAVCrH5X/qACS/VmJ/lGaCTQxcCngU7FUAASgmApQDA+vH0a/Qr+j2D9WUkisAPBhQQBgT5L+if6RWO7IZDKvQe6nCBACABlABSAVAOBzzS9HJIBJgET+zAHAIAAQAZGAAQ6j6O21SWZZB+aol0ddAKwiA4C/XkZGA5OHOnBGAC80gB9e6M3VVXPjVEGY68JCfg0FMRQAbnLCYDA20Obiom1CALien3eLuwA2OVyIugBsfNw2SQeMjdkmaQIKA4eHbZNNOzJimxjP+vpsEyUgKABU/25SDNjW5g6BSYA4CAgAXQA4ji3W2lrbqqqyrYoK2yovt62yMp8CuHkYAcAhBRJwmAPj+Ut1jumfTz/DW/kduNbe0f4S6Vb6zcn4XXf5foW0b9XX+z4mpbfOvmaPt7fbZiD/gP9mX593AdAltEmhH34CfzE0ZJv4Fgy/QhoAHzM9bZszM3nDD01N2SaRPAFMIAD4LwiA+7HYt/F1/F3whbE/lJ9MCqf5GeG0VflY+d7Y71K3hW+Oi7eVxpXfXlpctCxjiOkemJiwocFBa6JzIOT9BfoiA6wQAHL+RPwAPnl/pH8q/gkuif4VZAYC8JqAT4WpAKkAN0oAwMlb8r/DCIAKI5BIVPwXR/9IKrAqJBZY1usB+9/7vd9zAgAZkBH9YzAzFQFCAAT+RP0APxH/4MCA9ff12Qz5oslJW1xYcAIguV9sMiYB/pIhT4XT/1j1cooEkLcS+IsI8FLDctUNgOzlL782BNMHRQQA/6AEQAIOEAA2H3UB5N1COyAkgE1Jqw4b1Y2NitEaODCQ39AUAIbNzqbfpNUHZ9DVlScA5AeJDsgREi3gPOrqvAtgA+CnDoAuAKL/khLbOn/+gAKgCMSd0g2oACkJSAH8Vgbwl/JvuyHwZ49F0b/2nysAgD/qHWtjo21R9Y+y19qaJ/kUAUL8Af3eXtvs77fNwcG8ETwocKCyHzIQagAINJD/PeiABAQCQP6fAGU9IgAKZOTXUDs38XshBYo/xAfKL0IABP6bpGjD6aryq6wEXqzI//hdD8Siwm38M+CP79bKNT5/GSU3IgL4fYhAfV3dgeI/wB81gBQAoK/oH/AXGQBbAH2kf0gAlslkXhfwCZwCr8CtuBaAwDZOAyj4LYaLtx0B0AcDAYjlf3L/fJiK/l+byWROEP3LUACUCiDqhwyQlyEtwC/qB889lxAAGGBnR4eNjY7a+NiYA/80s/cXF50dKspHNtILhKQECUBmYoWFYoeRAElY8erXEQFw8A/SmG8IuglEBgIB8A1UQABg2hAANp5MBGBzctLcIAEUCVIECIuniIdiHnJ8gQCQ92Pj0wvs0UBbm603N+edBK1CIXLYrKnJKwBIiVVVtgHwl5Y6AdguUADkgOSUFKVcy5npay/FWaZ/NiUSt8o7oP1wrVX7KtlnUQEuzyAA26h17FnUO/ZyU5Ntsa+jVsBNon8MAoBfwCdQNEzAEAgA4J8EFbT1hbQjPocaJBEAVwFQNCEFIfIXAZCySbGzCABFgPhA94M85zoopQqe8JnuNyPAB/QxpQTiFIDSAIr+AX4Hf8hCIAHzFBdSfLi4aPj92WzWV/CguanJiUDJxYu+ogAA/iIAVPoD+qgBXAP+4ExEAE5kMhnwCZU6VgGoBVBb4I2qALc9AeBDY7CCon9y/3cS/WcymTcS/UMAlApQIaAKAAF/EYCf/PjH/ovuaG930If58ctfmJ/35zBDrv0lCXkjiIBeIL1QvGCSmZQCgAjEDJUXE/YqJstKHos1ftm99zVUxm6trJjb8rJtoU5AOGZnvZBma3HR3BYWbIvcGF8j2g+2NTtrWzMzbrD0rakp25qczNv4uG3xbHTUtoaH8zY0ZFsw/b4+L/7Z6u21LVICra221d6et5YW22puzkcOOA9aiHAolZWeBti8eNGLALcvXLhKAThAAm5QBSh0dreKM0//HSkxuZF3oPD9v9Z9Av5Fon/tvZq77rJt1Dr2KwoeJCAQAE/xoQLQ+sd+pxaouzuZA0CAQCcAPoMAYgvpn2t8CL4F5REiwDW+Z24ubwH85bdYt2iP5uvya/Pz7ucgAonPW121rWAQAAr+nAhQq0XEj+8MbdZ+H45gl89V6zb+OvbPPMd/e9E2U1mD4eO5ls+HAAgHCAix9rY2JwCMAgb8Jf+r3Y/7eAYApIDUM7gU8AmcAq9iFeBm0wC3HAEoJnPwrLADQPl/EYA49+/RfyaTeYsIACQABQCw/4M/+AMnBZABjDQAhGB4eNh/yUT/GAQABqiXgGd6MYj89eIA/ET8IgICf+5FAPQiwkp5UTFe1K1czo10AC+40gJ62dkAtAKybvNSLyzYdtgoFM1QPUsbDWyadXtxMW98H8Zmmp21bb7GCgmYmrJtZLhQC0AnAMWAqADe1jMw4CmA7cFB2+aaAqDOTttmLkBbm21z3dHhkcJmc7Ntky+sq7Pt+nrbrqmxzfJyjyy2L12y7ZIS2w6DgDzqKIhCkujkRZKAaznB9GtHW2Wefp6vjM+zGPgX23t0AaAA0Lmzzf4NHT3bLS223d6e3+ddXfl9z0q3EIHAwIBt4zOGhmx7bMy2qfIP4E8BIEOAGDoGAXCfg++Zn89b8Evk/beXltyX4c9k7t+Cn6MDAJ/ntrbm7dHyke4fg/wP+Lv/pEg7dAK4f83l3M+67+VrqLHhsDb5aFae48Px7RR74+8Bfw/0SBFQRLi05EGgiABkQGRhdnbWK/8BfLUBqv0PAgC+KPoPXQBvQZ0OKgBpAFQAAlhNCCzWDXDbdALcDAFQ/l+tf175n8lk7spkMr+cyWR+hcgfkAf8lfeHhWHIMnENAGmB8+fP2+TkpMHqvvH1r9uV/X3vAlAxoF4Kf1mCdMQLJOOFEsOk6ISXj5cRIgD4A/qoAaz+sgL8DBhiE6ytHTCUAHpetQkgATtra7bDWmiQDTbZ4qLt8P9DGZidtR1qEGZmbAeyAOiTm5uctB3aA9m44+O2wz3tgSMjtsOzwUHbQdrr77edoSHbiUlAV5ftUAlMESB1ADgNgJ9CwOpq2yEVAAEoL7edsjLbunDBdoICUGxM6YHRpgUDgG4kKkq/J42e03cg/w5cRdCiUxgToh1qAdh3rgBUVNg2+7a+3nYaGmynudl2Wlttp73ddjo6bKe727apCQptgET++AY3ZomgGAYC4L5kZsaDix38D75metqDDxSAddr7MPzS0pLtLC8nfoz2Zpn7OKJ6gqQQ+Mg3Avxcu7/M5WybFm2ecUprCKZYNwP443tFAFQEKDVAJMDBn4PbFhY8AIQESOllJQjE/1MfRpcYkj/T/+bn5/3QH/L/GOBP4Z+UAOoAuCfyhwhQDBgGAb09UgHUEaC5AEoDFKsDOAwbbykVoNg/UkUQ6gA4LP8PAaDCEgIAy3onEb8GACnvD+hjEAJy/6wwNAgB34NawC9qdHTUf9HPfPvb9tSVKz4WGCbIC+JEIJL/xSKVBuDl4oVT/l8KAKBfVAXQSx1IAAUveul9KFDMhpHCggoAEQD4fTOxqSLwdxIQwB8C4CSA6B/wJzeH9A/4T03ZzsRE3iAEo6Ne5UshIAYB2GHFggqwQ2cAjgJDNqytdSfiXQCAf0WF7VADcOGCxTUAhY6I+2uRAJxa6uDTzyB9Bw5/B64Cfoh0tK+K7TmeOQGArFdV2TYDgDCIgAhAZ6fv953eXtsJ00F3yP0TGIyO2k4gAET/7kOo8ieQwKcEAoDPIf8P8HswwkogFPL/7rtCMAMBEPgT9EAAFP076FPBH81N2Q4EQNG/1FaCKwgAfhbz9Gs4tA1VVgFa7LN5hl9PfHtQA2j9piD8a0895Vjw3WeesYmJCa/6R/YX+AP26v9nlRoA8GMiBpABcCngEzgFXikNQCAbEwDVAVxrFgB4eUv992IJgA/+CbLKGzKZDCzrfiJ9VABWyAAAjwH8rBABfim6J2WAWvC7v/u79ju/8zv+PZ2dnfb1p5+273zrW64I7O3sOAHQC8RLVUwBcKbJixy1qPjLGVQBrsVaeYkTZgv7BeBXV22H8wiI+gsNFQHAD5tnd2XFdumZDTUAfj0355uN/ttd6gLCLAAIgPfqTk7aLtfj47bLNTYxYbvc0xo4MGC7w8O2y1yAnh7bhRAA/HQEUBnc0mK75AkbGmy3qcl2WWtrbZeiorIy2y0rs52SEtuJugAOc0axw/LrAjUgJQKHA0AKjrfnZ3M94GcfHbbfRADo1tmpqrIdwL+mxnaDqrdL0S97nHQfKgB7P4wJd9+AT8A34C/wG9PT7kvwJ7ukGunxD9G/+57ZWdslGtca+v938Y10Pi0tGddSAbjH5xEIuQ/M5dwnkvfnHtmfqF9r4kepDYiif645sZXcvwdkIQUA4IsIKGhT5I8SQAs4J8E+efmyfefb37ZvfvOb1tvb62CuCB+ghwDEMwAgBTyHEHAdjwTme4MCcF8mk3lbJpMBp0hXqxsgJgCkAVICEOYgX0sBUP8/hRRUVVL896ZMJvOOTCbzAMCuKB8SQKTPCugT8bOSIlCNAAQAxYA6ARlEgO6Bmpoae+rJJ+2573/fvvWNbzgZ2NrYSAr+eJGI/D33D4iHcwNQAaQA8ELGwK8Xl5fZGW1QAHixfRIgRIACwuVl283l3LRZtLJxsL1AAlgxOgH2lpbyBuuembG9+Xnb4zl1A6EbAPZON8De1JTtTUzkjXssEABIwF5/v+1RCRwGAqEA7LW3215Li+01N9teSAPs1dR4CgACsEs3wJkzB4oAD3NKV5EAopgiRCB99srIRae/p/+Gv6co4tc+OmyfHSgCLCvzmh1X7qjfCZ0Avq+7umyLvd7VZXtU/If5IHQA7NHzH2aI7E1P2x5V/fiObDbxL/gaFADk/z2i+8VF20P2Dyt5f+//X1x0/+V+LPg4fB0+jxTALjI/PjBU/+MbdwL4SxGQH/WVdABfxxcH4IcEyB/LPytdq7oAnfUC6D/91FP2/e9+1y7v71t9fb1jBsGionnAXASAlUOAMCYCAvr6OmkBCAL3mg0ALgV8AqfAK3AL/IoJwE+nBODgIQhxEaBSABoARAEFCgD5FGSVN2cymXsymcz7AHkM5kUOBqMQg18mZECqAKuIgAgAwI8SICKg9cKFC7a5sWHfe+YZ+8bTT3t6gJdLLJMXS9esyFAiALyQmF5Y5a5YVQcgxosCwMuvPBgr7TF7PAPYkbrCyvUeG2RhwfZXV/O2smL7y8uJbWWz5jY9bftsTCp0sYkJ26c4cGzM9qembJ970gNDQ7ZPVe/AgG319dn+4KDtU/nb1WX7FAVRHUwnQFNTngDQR1xdbRCAXQqLQgHgbqQA4HzkgA5zUHJgV60pGUgJUfoOvPAOFAF99sxh+4rn8f4jBcCsDup1UO5I4+2xl+n0YV9D7in66+52ArAfOoPcNwwP2za+ge6h8XHbx7fQVYT/CEHGbihA3l9ach+EArA1P2/7dDPRtRT5MPkxon5kf3wcJIDgZ29jw/0gvhDz4IgAKagAHjzhP8M9aVb8rQdbBQoAREA1AKi2XEMIeA7wf/PrXzfOhFlbW/MT/ggWwQoM7BABAMxFAAD8U6dO+SmAnAiIAfp8HULAAUF8D/c8z2QyvxbSAOAUeAUBAL8gAAS01LalBKDgFKQbJQDHQ37l3kwm8wFAHskG45dHxA8ZgAQoBcAqAhArABAATMDPqmeQBF4CKkG//73vORmANZIe4MWLCQEKgEiAclJKBfCyQgYKFQDSAVIAlAZgY7Ap2CRsEAd9rnnZYdV8Hda8sOAKAETANxz/j7k522fTZbO2D0lgI9J6w4bl2cxM3iAHbOSRkTwJGBx0AsDmFwFAEtzv6bGttjbb7+iwvbY2nyLmCgBFgBQW4VQ4C+DcOds8ffqAAhA7oWs5q6sIwCEOL/2+gjqK9HM6kAO/Xd6Pa+2lGPxFwCEAtOqyV6kD2GWaZ12dEwAUgJgAsPe3+vs9IHACMDLiSqEHDBT+EUhMTuZ9Cr6EVCR+ZXHRnAAQjAD8+Kbgo/BZrlyGQAbfpgDH/VsAfAG/AiNW1FL8pgdNqKfr615U7c/C/BX5XMAdwydjqs9C5sdfU+hNepf8/szMjEfr+Hpqw5Q6JogUCQA7iOjJ6wP8UgAA+5KSEivl1MBLl6y8vNzvIQR8HwoBK7iUyWTAJ+rUIAAErhAADQS6GQJwS+X/9Y85rA6gsAjwMAWAD5YP+IPkYmBugLWifwgAv9BiCgAEQPn/YuAvEsDK90EE+HljY2OeK/o23QNf+5pLUBABFACdUIUkFc8D4JpnkAEvZCkoBIQEqOpVNQBKBSD/iwBISuOeWgDkf4oBmQyoFIArAWxGwF8EQCSAjQuDJ/KfnvbeXlQAZgLsw/CpBSD6xwkQDQD+HR2uAIgAkAagkniPSALwDwSAFsDtM2esIoBSoZO6GedceeyYE4l0TT+H2/0duJl9w/cW23fVd93lJ3VyZgfnd3ghYBjtHRMAVL99Wv9YQ2Dg/gEFgOifQmMKifEdwZJgIyIAAL/A39VK0gKhlsl9GcpmUDg9BQBhCDl/V0FDelSyv4N+6P0H+PGjqKvysRAAgb7qtLgnbYsR7Qv4e3p6HPCVCiYgxLeLAIAVEAApAJL4AXSAH3BHGcYgAGVlZU4CqqqqrLq6OiEDFy9eFAFAoS4kAC8mBSDMvKXWmyEAVE3ywRWmAO7OZDLv/+xnP/sT9WZCBlAAMH6ZRP78glkBdEwKgMC/WAqAr/Fy6Ht5aTBSCB0dHUbXwDO0ijz9tF3Z27PtjQ1XAAB71QMUKgG8wG7hJQf8vb0l3EMAfFOEmgClAWDQks+SfBrfE4oBnXUD9KQClpbs8uJiYhQDXp6ft8sU7UxO2uVs1rYnJvK9vfT3jo7a5fFx2x4asssjI3aZdWDALvf32zZpAJSAzs6kDgACQEsRw0V8CiDy4vnztvH444cSADmmm3Vo6fenUX/6Dlz/HdD+KlydFNx1l62ePm0bEACO8mYmAGkAhnuRAkDh6+118HcFcHjYLo+NuU+gBoAZANQNud/Af9CGHHyK9//PztrlIPsn0j9+iY4m0gL4PAAfFTNE/5L/PffPs1ADoOjfI/4Q+XMtvwnwQwAU9bOKACDzE4jtbG66fe3JJ+0Hzz7rhd3k9/Hl+H75dIrGIQAoAFyDFRCAOAUAESDyLyQARPuQABEAyABKQEVFBTVk/+/Zs2efIzWdyWTAp2IpAPBMcwBupAjwlgJ+/WOuRQCkAhSOAYYAkEthzjIzAGi1eDCTyfzGgw8++NgnPvGJb/ILJBVAUSAyDr9UfsmYUgCK7FkBehn3MhEAXhi9PHQOiAjw8xoaGmxvd9d++Oyz9p1vftP2OGKYA4Z4qUOLitIAWmMVQHkuvfisFMJAAhz8A1PWJiKfhvl9mArITIDLdA+wMmeAgRxzcwkBuLK4aBgzAa7QMTA1ZbuhJfDK9LS3+VyhPZCNPzpqe8wEoBZgYMD2WXEOFAjhKCgEbGrKEwCmAVJdHGoAtkIKwJ1OkWgkdk6pU7++U08/o/Qzut47EO+pYtf8eVIAq6dO2drZs356p+YBcCbALnuaOh9aAXt7nfzTAggBYAYA/uEKfoMOI3zF1JRdWVjI29KSXQn+BgJA7p9AxP0R+X1qlNbW8pbL5X1WmHK6v7GRT2+Gwr9Y/pdPjHP/SqESXCnvDxnQNXI/vvepy5c9KKOwj/qtyspK9+f4bfw5vp2AToGcCIBqAMAKAsdYASAFgBIQKwAQAEBfaQAUgKqqqv/nkUceefKDH/zglzKZzD+PigDBKfBKXQDFBgGpBZAUeDFcFGbeUmuxf2hhJ8BPB6YEY+KDY5CC5gCoDfBdmUzmQ5lM5n/NZDK//cY3vvHUQw899NTDDz/8f6s4UEqACEDcAqgXIwZ+XQv8WQX8WmGNGF8jF8QAiWe/+1377re/bU8/+aTt7+wkgysOgD+MOEoDCPy9AjaAvwiAcmQAvuzy+rphPmGLaB/1APBHRltYcBJwZWXFrrBBSSGEYp0nFxa8hQcScGV21jc27T1XIARjYwYJ2EMBQBEgFUA9AHIgBKC723ZbWmy/tdX2aQUkgqiuTloAqQFYP3kyqQEo5owOe3Y9J5d+PQXC9B144R04bB8d+jwQgJUzZywHWUe9Y55HY6PX9rC3GQTEnqcLYBcFEAWAlOHkpJMAAoakBXB21p4koMCHEKAsLHgXwJW1NcMUkFzGZ62tGSv+ijQAwK9BZ/JtcfEf7X8qAKQDQGkAEYBYCaADgCAL5fXrTz1l3/vOd+xHzz/v9VoU5OHj5cdZFeTJl/N18IB71GECOhEAVvX0FyMADJJTCqC0tPT/+tSnPrVz/Pjxr2QymYcymcz/EvAIXKJNHZzSHADwCxwrHAUsAlAME3l2S/532D/2RgsB1QkgFQDW9a8zmcxHMpnMp1796lef+c3f/M3Nhx9++L+KAPDLLuwC4OVQCkBkIH5Z+Bom5qgV8Ocl4ufxM3iZkIuYKIX09Owzz9iT+/u2u7npTJVcll5gSVywXAgAq1iwR/4w6VAly4bxjbO87BuJzYScdoVNFYYCaXXgX1mxJ1dX80ZbIfL/woJvWjaut/DQ0jM1ZU/SzjM+bk/C9CcnbS8oAHs4g74+TwPsUQ/Q0WGXOzttn4ihqcn2mSZGQRE5Rc4COHvWco89lhAAFSAd6pSuoxDoz6WO/wXHn34Wt89noff/pazJHnz9623pscds9cyZ/OmdFAOGGgBqe3Y7O203EABSgFcIBpD6AX+i/9lZUwvgbjZrBBJPLi/nDV+D7wrtfxAA8v9XKGKmFTAYPoug5vLGRkIC5Oe86yl0AZAOTQgAZCEqACTnzz2Av7u15b6V9CvKK/6W+izSv/LXMehzLQMD8OH47UIFAJzAUABUBIhPl8U1AKdPn/67D3/4wyuvetWrToI3AXf+VYj+3xvUaVoADysAvNEZALck+OsfVYwEFCMA8ThgeilRARiuALt6aygGpO3ifw4k4LczmcwnMpnM53/qp37q9Ac+8IHlj3zkI/9JCgAvAC+CXgruxRiZBcBzvUisemmI/vlejO/jJdKf42frhSINMTIyYt9/5hl77nvfs6evXLG9ra1kqAUEANDnhRcJkAJAQQybAtDHqAuABJBHoxCQegDUAJGAJ9lcMPGwERnIERMANii2Nztr+2zmsKEp6rlMJW8gAigA2D5FgYODdgVnMDRkV5gL0NVll7H29v+PvTcBsuq67r1vueSonKQSW1be58SfI1u25glZRrOERjRYaAAhhAxCINCA0ACSLAQCxDzP8zzTdEPTDD3Q3XTTczd0A80oNDl28pzpVV5eJS9fEqeS9dVv3f2/2n10G9Bkx1Z31aq199rDOX3uPmv999rr7N1mIyAAQDkAYPRoK4k8APoCIKOEztDgfxaF19H240FgHc/ky/dMPvbuffvbtiMAgKIxY6yMHQH5CgCPHsAe1/+qVVazbp3VbNhgtTk5VotOQDds3my1zPgLCtK0Y4dPJPAq1hUWWh0GG88ikf54G4Meqi0tNcgnKUFnYfyhzIQmEfzH7B99iP5DJ7peLC31AGoFUjOZwrPqRr+11b/h52wXZuzS0+hq6XDpd7gmd9LlAgDk8QDI+KO76Q+eLQhwyJAhf3vHHXcUfOUrX3kT+5JKpfrjeU6lUjL+2CGC07FL8ew/2x4AOvX2VB4A2crfSd4eAIhBQLwMwPeTyf0A/DyAVCrFzks8fDwB96dSqUdTqdSTqVTquVQq9WoqlXrr8ssvz3v00Ud/iSFnkGhQxANFxl9lGlhy/dOONPUEADD86kPxBgwqUCQ7S7GXwNHWVttXX+9gACQbu7i0DODegLAZEB4AR8chIBAAgOHXJzWAAV4wR9s7dxpAgDW42uJiBwACAngAMssA1GO5ACS/bZu/3P6JT3jhWQ5wEAAAYCbAMsDy5YYXoBpatMjjAPAAcMBIBbOJceOsjPXF4cPbeABiRdQBBL58hqgDfPx6f/Pk+5Z55779bct/9VXbPny4LwEQBMhngMQAcMonZwGwDwDuf1/227DBvwoCAOzFC8AGP1u2+Mw/swFQQYFVoj/wNBK4HABALW7/oqKM4ccDwBLAnmjtXxMbeQDk+Yx1ILrRP5nGyxk8AfXV1dZUV+fxVpzhMnfuXNe/0ssY8lh3MzGTDoejxylPAgD0dRwDIAAQewAAAk899dTPf/jDH27AjqRSKdz92BXsS49gb7A72B/skM4BYO0/+flfHAAIAJDxx+Zls4e/k4Y//qey/dMxANCGQNm8ABy1iIsFV8vFAXkRFHhrKpW6J5VKPZxKpXoHFw1o7aepVGrMeeedt+7+++9/TwNExhuuGb0GEwMGYqAx89eA0xIA9UlTXx4ABhUAANLgmjdvnu88dfzIEdtfX281lZUOAuIXgLSCADH+WicTasaVBmH8AQO+rsZyAMAA4LBzp9XhHdixw+qKi51Yo3MvwK5dVgdoAL1v3+6EF6AuP98Jlx8vfS2cWQAbBikQcNkyq12+3GMACAKs4FQxZhKTJln5uHFWMnKkFQMAwgYubU4qi04ARN6xc1zHM+gYA5/PGDjVe5Z51/70T23TkCG27ac/tV1jxlgJXwIQv8NpgAsW+BIAAKB2/Xqr27TJ6nj/8/JcFxAEiI7A7V/H7J9Zfggwdg8ALn/ikPAG7N7tkxA+UdbMn0BAAAB6jAkN3swYALD+757P4PpH/2H8mekTN1XFNr1796AXWHwAACAASURBVPr6/uFDh6xizx6PtEfnMvlC70ofo6Mx8uho6XPyUKznydMm9gCgo9HdmvkrBuDFF1/8z969e584//zzV2A3UqnU66lU6oXgXWap+aFUKtU1lUrdkkqlcPsz88cOyfUfHwUcf/6H+/9LP/sXCGgPAMQgQF6A5J4ACggUCAB58e0l2zDexNcBYUmA4Iy+qVTqmVQq9XIqlWLd5u1zzz13cZcuXQ736dPnVxo0ZwoA8ARQF8rmAWCQIWdwQQQkkicylYMnWBpo5QCiykqrZWOh8BKAhAUE2A/At8rU1wDM8kHUIR7AgQBfAIR1N9bgQOGOyHlpeUF5cVlSCMGAfMbDCw2ydyBAUCBrfcz+8/I8AAgAUL1undXiElyzxmr5LHD5co8DqA5xAGwrWsH/MnaslY4ebYUsAQRjPz1h9M9IUXWAgw5w1DEGTjkGTvcexeV6B6f+6Z/ammefta0AAHY35fPdmTOtgiUATv1cssRq8Pix9Mc7jzcQw88kgI3Fwro/s38mEG74mZygX9hZD50DyRsZPJOZIGUmLWE5U3FNTG408QEAuOczLImy+Q9Gv46Ne5qa7J3jxz2uim/r0Z/StTEAwOhj2AEB6GXyGH0ZfnF0vCZztCfPZA0ggY5mwoYH4IUXXvj3++6778Cf/MmfzMdOhInjS6lUalAqleoTZv24/LEvbPiDvcHuYH/wSGOPYuOvzX8U/Ic965j9CwG04/qIAQAPi4cmL0C8FMDnFTodEOTF2guBgURh8i0mrhlQGmjtseC2eTaVSvG5Bus4b//hH/7h3Ouuu66uZ8+e/x+DQgOGwQLFM38hTqFIIUkNTgYUbeDUYWCR1i5TpPlEke9It+XnOxA40NRkzfX1VsUaF+iXFwRDHvbKdncZs37cYSEWgBgAeQEEAPAAQLyQvJzyAjgHmbNhR1jPA9Hzctfz5QCIn+95MfwEBfLdL5uBrF1rdXA+B2RPgEWLrIbAodmzPRCwkn3Fx4+3ktGjbdfw4Tbh3HNt/LnnOietPLIO6ngGHWPgix8Deu/E2ZxrxTPP2OZXX7UdY8ZY0cSJVjpzZvoTQJb1Vq5ML/Wx3MenwJs3Z7yCvkyIqx9jHzyIbDCGPuHTP9cxmnBoSRIgEJHW/tvM/Jnph0+eAQCa/KD7mhsa7MjBg76+j35kczcMM3pTOhaDLQAg3SxdDRDQZE66HH2uJV/qSXfTH/1qgta/f/9/vvXWW6u+9rWvzQqGn4kidgJ7gbsf+/FgNOvH5Y+dwd5gd74bjD/2CLsU7/yH61+7/3XM/iPjT/KTeAEEAnCpKB6Ahw3i4tAFfgR2X7okrMeAzkBpAAE+FWRZAPdNv/DDZoDAWWedNf2aa64pe/TRR/83g4fBwoCCNNAYPEozCEUMSgaUBiL1GLgarNST8QcAMOhwNXGa1Ja8PP988NihQ9ZUXW2N1dX+gvDSaK1MywFV0TJADUGCrPuHoBuf/QcQgGuONTpeVt+mc/t2qy8qsvrCwszGQGwO5ACApQA8Anzak5NjdXwVAGcHMEAAswOChZYts5olS8y9AKwhTp3qm4sUjxljO954w0Z+85v203POsdez0GvnnGMd1PEMOsbA5z8Gsr1vyN445xwbc+65tvWGGyzntdds+9tvWymfAbKMhycPALBqldUy89+40d3/9VoWRB+wXIihx+MoEBB0CnuOMNFwPRPW/tFDfmKplgHQNSH4T7qMZQBf3sQrUFZm1eXl1lRTY0yCjre2+iFsHNFORD86Ev2J3oRk2NGleF4pQxdD8gDANYETAIi5YrjoQzr+8ccf//sf/ehHJV/5ylemBld/bPixExh+JpAsK2NHNOtnvR87g70h4A/7gx2KjX/S9d8x+08Yf2VPBQKEmHh4yc2BBAJYDiDggsCLPw87MOGSkTcAtMZaDV8KAAQeCdGbT0VAwJcGUqnU5Isuumh7t27d/lqDKzb8yOIlAA1MAQAGK8YfYhALYRJpKhAQlxFwwqcnHjDY0mLHDx2yg01NVrtnj1WXlfn6Gdtn8vI4IOBYYYIDWX8LMQGgbp/940KLXHOKB3DEzstbWGj1vNAFBVa/c2caAODe42UnHmDrVvcEAALYE8BBAEsAK1daLcRSwOLF6U2Bwq6AZRMm2LZhw2xF9+429/bbbcZNN9mUzp1twtVX24ROnWxip0424aqrnCZeeaVNuuoqm3TllTbxiits0hVX2OQrrrApV1xhU2N++eU25fLLbWo7NO2yyzJlpD8xXXqpTYtoKmn6iWTT4/xll1kmH18vqh+3bZO+5JJ0v/BPSxdf3LYteckuvtimhjRc5NeK83H6kks+qhfLQ7/en64Bv+gimxoReRHyuFzypGzqhRem6114oZH+PGjKhRdaNvK+L7ooU0aeerrmlAsusMkXXOAyccnIO114oU0WSXYKPumCC2ziBRcYnPZxHvnECy/0cviECy74iC66yCZAyAONh190kcHHX3SRjbvwwjSRDjT2ootM9PZFF9kY6OKLbfTFF9uYSy+1cVdcYdO7dLEVTz9tW996y3aG2X85a/98AbBypR//zVc/rP2zJXidJgMsDcrtH2b/7gVAh0DSMdI3zOoV9IdewjPA5IPPlsNhZ5rEEOnPEgBLn4f27/dPponsX7hwobvgmSChSwUA0JVMrNCzGH10MQBAxlw6WpMv6WNxzf7h1KE+AOCBBx74xQUXXLAllUpNigw/S8TM+DH8RPdj+LEX2A32m2GtX7N+jvvF68zZNAr4ww5p5t+e8cee4eGGstk92cQvFc/2IJBlWwqIQQAbKwAC9HkgIIBPBFmHAZWBzhQg+MMQqQkQYP0mm0eAAUCw4GgGxnnnnbfpvvvue69fv37/xcAREGAgMggZUAxWkdCqAIAGMoMZAMDgpo7OKUCOJ4AyRaB6wCBHEh844EsD+9hYCCQNYmaZIMQCxPEACryRF8A/ySFoBwTPi0hgYHh58QIAAggIbAggoB4AUFCQjgUg+pdvgdkUaP16qycgUJsCLV1qNSwHLFxoe9gJkaNFp0yxba+9ZssefNDm3nKLzbz+epveubNN/eEPberVVztN6dTJpnbqZNPgV12VoWmkg/GfdsUVFhNyz19++UcGPqSnX365QRhtN8wJozz90kvtjOiSS2w6RjkYO9LTzzBNPa8bGUPJkvLYKLphxBhGBlHlMlDwNvVUvx3u7S64wKYmCKMWk8olI09a8phP+cEPMnLSH6Pvf/9jsslZZFOQJeXJfOif9iK18T6//32bdP75TshJw9vUDdeRTHxSVA/ZpO99zybTl/j553semctDma7Xhn/vezbxe9/L3IuXJfPnn28TI5pAm/PPtwwn/f3vpylKjyd9/vnm/Pvfd076Y/T979u488+3cTH/wQ9s3A9+YGMDARLGX3KJg/H1Q4bYDoJ1p03zUz0x/pz1wV4fHP/tQJ/3PSfH6pkAbNniEwP2AKjGE8DyI1uNB/c/kwr0CluPE/yHrvEYgAAC8AIwMfEvl0pLfQIjT0B9ZaXV791rh5ub7eihQ35QD/qOHfjQmZokwdGxUAwA0KfoXYgyjHwSAMQeAMoT+f+85557TvzZn/3Z6lQqNTHoefQ9QeLEiOHqjw0/dgLDL3c/a/3YE7b4xb5gZ7A32B2MP3YIe6Qd//BYY69+7wwD/7B5X9q/bCBASInPJdrzBPCwQVs8fNCXlgRAZaAzxQZcGiI1r2kHCPDDMwAYCPpqYBQD5Zxzzll21113He7bt++vAAGgSVAkaQYlAw2OcZecgYuBh5DFgxujD1GGBwDjL+LgITwCM2bMsCq2Gj50yI62tFjj3r1WU17uIKCmrMz3AtCXASwHgLp5EQEBvJhao3PO/gEBBNQXFzsA4JNABwL5+Q4EWPOrB/mHjUBwB6IcGnJyrGHjRqsnUjgEBHKQCJ8F+tbAM2fazhEjbNWjj9qiu+6yBXfcYfNvu83mdelic2++2ebcdJPNhW680ebccIPTXPh119nc6693Pufaaw2ae911Nqdz5zQhI/2jH2X4XNLXXGNwpcm3oR/+0OaIKLv66nS5+DXX2GzS1IEnaHanThkZ6ZjmhHzMPX3VVTYnotlXXWUQMk9feaXNPkOac+WVJvI2V1zxUVuls3FkV1xhsy6/PMNJex5ZSEuW5DMvu8xElCkNV36W6lx6abpcHLnSl15qMzA+l1zSpo7nE2UzyEftuJZk7fIA2vwaoT11HbyFMgG5j8kCwHOgFoAfdQCAahN7VuL28qgILMb1sqaDt2eqvC3wbHTppYYHyssCn3LJJQa5/NJLbQryyy6zKRFNvvRSyxAeM3nTrrzSplx1lU27+mqbf/fdvv6P8d+Nx27RItvD7J/9PSLjX5+XZw3oAaL8AQBMDNhNlK+ISIevilyHKMaI5Ug+BQxfAOABgPBO8ukfhNeytrzc0FdNVVWux461tlpxUZHvpc+ECL0HRx9KZ6IrpTuRoVfRrxC6VDoW458EAICDeN2f9BNPPPFvt95664E/+qM/WhgMP5/zvRb0PMF9WuPXjB/Dz0QRw8/EkQh/3P2s9RPop1l/7PLXt/5nYvw7Zv9ZYE42ACAvwKk8AURXEmQRxwWAxjg3gIAM1mZYFjgTIMAAYM2HrwbY4WlIGCgMmPFf+9rX5t1www11jz322L9oIMr4w5MeAA1iBi5pBno82EG+eANi4w8AgDjTgHK2Gt5eUGAnjx614wcP2oGGBquvqEhvBoThB3mHdTc+B+SFFDKH+yFBoHj2AMA9t2OHNfD54Pbt1rBrlxPGvwFAQJDgli2uCAAC9XwdsHGjgwAihQEBbB6i8wEq5s1zEFA0dqyt6d3blj3wgC378Y9t2X332dJ777UlXbva4rvvtsV33ZWmO++0RXfcYQtvu835ottvt8W3324Lu3SxRV262MJbbrHF8FtvtYU33+x5+OJbbrEFN99si26+2RbcdJPzxeRvuskWkoffeGOGk3a64QZbeMMNtpj8DTfYIvj11zstIn/DDbYgymfKrr/eFlx3XRuiDJnqLLj2WltIncBJJylZRn7+j37k5OnOnb09ac9fc02aR3UybTp3tvnXXNOWJIPThvKQnkc69BNzyeFKx+Wk5/3wh142N+KkIS8Pbb0c+dVXO3k72gRZnJ939dUGOVDq1MnTyjsPMgAVefqkrnOAVwBTupbkcX5up05e38GX0glOfQd5oU+ulwFxWdIq0/Xb8Oi+ZnF/nToZPJmWbBbXvvrqdB3aku7UyWaKrr46nUYeaCYy0tdc4zTzmmusDf3oR56fgbxzZ5sBXXutzb7+elvWrZvtYKvu2bOtEsDOEl6Y+bPuX8+sn5if3FwHALj98QrylRCTA2IA2FI8AwCY+ZMvLU1PMkLAX/z5H/oIg4+OIqbpYGOjHWdTtIMHPfCZiH4d3Y6eQ8fJA4D+RD+iL5nhozMBAPFECwOP7qVcAEDufzjlmvn36tXrnzp37lx19tlnz0F/p1KpkUGf8zkf+p2ofr4SQ++zjW8845fhZ+KI4cd+YEewJ9gV7Es2lz/2SDN/HfbD5PV03/x/qWf/wgOfBARojwBcLAIBfCEQewP4gZLLAkkgoKUBXD2s9RDsQbQnA+MnYaAwYNhQaEQqlRp31llnzSBgsEePHv8gZMqgYwAyiBm0EIMU0meADG7K5QFg4MsDQBkvhACCAADeAIJiOIQid/NmO3HkiL3DTlhNTba/utoa2BozBASyLbC740pKfG9uAADBOvW7d1t9SYm/yLzMAgG85ET5tgECAQQ0wnNzrXHLFmtkhsBXAmvXWgNAgM8DiSBGoSxaZMXjx9vG/v1t+cMP2/KHHrIVDz5oy6Fu3dKA4Mc/tiX33efAQOBg2b332tJ77rGlXbs6X3bPPbbk7rudlt19ty29806DO911ly29/XaXufzOO9N5ZHfcYctuv91p6W23mRNy0nBRKFvSpYst7dLFMvzWWz3vsltucTllS0jfems6H8kBHhBlSi8mHfK08/RNNzlwAbxkKLQFsAjAiH9MFgANoIWyDA+Ax/MqS8piwBOAj4MfgaCIA4zagKOQF9DJAJ+E3AESoAgKAIb0fNICUOICUyFPHZHXjdtRJ9mO+oCl666z+RAgJ/TpafKhjuej/nWdTL1k3c6dbR6gJ+akk/m4TiKNN8rrX3vtRxyPVufOaVI65qRFeMPwfgVPmDgeMrxl7ikjHfLypDm/8UY39rPxqt10k80mf+ONNvfWW21Fjx5WOGGCr/m78Q+7/nHoVz1LfZs2GZ4+P/iHIGC8ACwPksblzzf+6A90xq5drkPwKAoAaMKhJUj3RJaW2v6aGmuurXU9haufwD5O1UOPsb8+eg8diL5jti8AgO6D5AFAd6JH0avoV026MPJajoXHAIB63bt3/7srr7yyOJVKEdg3Nuht9PfgVCr1dNDrbBbXLeh7rfFrxo+rPzb82dz9eJs168fuMAnVp37YJBl/DH+H8ZeFPw1vDwAkPQFaEuAh/15YZ+Gh8yMIBCg2gB8qCQSyeQQEBNhD4PbwuQfnCzBQAAJsL8wAynw5kEqlplx88cXbunfv/ksGnjwADEoGrjwADFyAgga4AAB5AQAGfTYAQDlggDJeIF6kVatW2aHmZjvZ2mottbUOArQMoLMBHAiESF2PBQifBvIyO4WvAhp4ydkvgJgAOC8/M4GCAgMENLIdKMsAzBKYMWzY4N8O1xM9jEJZscJKpkyxTYMG2arHHrPVvXrZyh49bHWPHraye3db8cgjthJ6+GFbAT30kKdXPvigiVY88ICnV/z4x7aSNEQauv9+p+X33msr7rknnb/vPlsJ3XuvrUR27722vGtXJ+pk0l272squXW3F3XfbCsrvvtvJ86TvuitNlIcy1Vl2550flVNPeTjgBOBxxx1ex3mQeZ9RHW8X6qoNPANMBF4EVMhTftttGWADwFF+SQxybr/dPB/KHbgEgBODHKUFesjH5EAnACEHNgCfAGpUBqjJpG+5Je2FCSDJgVCQ4aWBMqAnqtumLKqXlLvXJ4AlPDwZoBVkmXzsAYrqZbxCQaZ80lOkfMZjFHuOgleJtk4qC3wBgOimm8w5nqkbb/yIkMdEmfLUzUa33GLzqQOn/NZbnc8nTzqiebfeahnq0iW93AZn6e2222z+7bfb/DvvtNWPP267Jk1Kf8UTtviuJbZnw4a0d2/zZvf21WP4OTmUL4PiyH90hNz/IZ7I1/wJ8sOrGHb+qysrs4bKSjf6R/bvt5OHD/uXTStXrnR9xed8EPoLfQYxsUH/YfzRk+hE6U/ymjwJAGiiJRBAOR4AAQC+AHjggQd+/t3vfjePQO7wKd/woK/ZuY9te58I3/Gj1/k8XFH9bCBHcB+GX65+zfiT6/wy/NgXJpvYm6Thj42/lrHbc/t3zPwToOBMQEBySSAGAvpUMAkEzskCBEB28ggQ3MEZzgwEoj31+SADhQHTPewsyEBiQAEE+HKAXaImEzD4wAMPvP/kk0/+lwCABrH2ARAAYFAz4GMPAMsAGHmIl0MeABAzZXqJVMYhFcuXL7f9DQ32DicR1tVZw549TpwNoG2C/YUN63b6KoCAQP8sMIAAX/MD+RMDwHIAYICgwLBJECCgIS/P6gAAmza5J4DlgJrVq53KZ8+2zYMH27p+/Wxtnz629ic/ceWDAoLWinr1srW9etmaxx5LU8+etubRR21V9+5p/vDDtuqhh5xWP/KI8zXilD34YJq6dbM1Dz2UodXIH3ggTd262eoErYqABIBi9QMPZAgg4W1//GNb/eMfG3VX3X9/dgqgQ+UAD6VX0U9MAZxIBjBRGtBC3gENAOYMyAEMYEZAJ+LIRAIwAjQCO95OQOeuuzKAR/W8nQDRXXdZDIDitAOaAHbwvjgYCoBHaQcwAfS4hyaq7/moDCCUAUQAnzvusCUAmgRHtiSUx2WkP5Znaem229qQABdy0kkgxdITZci5FnnSzqkfZN4vZZKF+9L9eR+6/h13+BIXy1zcO5xlr0X0Sx5iWYz6d92V5nfe6TLkCykPy2cLkd99t8EX3X13mrp2tUWBFnbtak7UueceW3z//bb2ySetcOpUB+wc8uW7/fEO5+Z6xD9Bf8T9sD14fdgmnMmAz/wx7rj8Q/AfngA2GSPGiOPH0S91fIK8e7e11NXZwfp6/4KpZu9emz9/vht7dBR6jO100V/oMfQZOgzdh65j4oMuRCeiHwEByKQ7ZeABABj/eAmAsieffPI/7r777uPf+ta3VkUR/QT2KaKfL7349Jsvv9Djd0eGX1H96H30v9b45eqPA/ywHwryk+HX9/0K9JPhP1OXv2xdwgR2ZPVg2uNCVXKv8MAFAn4v8bngZwEC7CNwQxgwd4V9nxlI2kuAgEF2iWLAecDgueeeu+zOO+88PGDAgF/FHgBAgAa4PAC8BIoBiD0AmvXzovDCgJwFAHiZyL/++utO7CUwZ84cPykLIHC8udmaKisdCHBcMMsAfCKIF4ATA31fgLCux/e9xAM0AARw8RETENYAGyhj18C8PGtkQ5BwVgBrhxwcgjdAcQEVCxbYlqFDbdPAgba+f3/bOGCAbejf3zY89ZRt6NfP1j/5pK3r2zdNP/mJrfvJT2xDnz62rnfvND3+uG34yU9sPflevZx7+rHH0mlkgdY++qhB6x97zNb26OG0vmdPW4eMsh49nK8BVEA9ejhfj5z0I4/Y+u7dndY8/LBB5OHrSD/yiK1+6CFb98gjLiMN2HDZww8bYEPptQ89ZBAy2kKe79bN0wIiyJWmfM2DD9qabt1s7YMPZup7X+QDxSAFmdoAVmgLpw5pUUYGGALQUEegJnBkmbIICKmu1w8AiDTkIAlPjDwvcRrQE+qrnPyKAI4kc2/Nffe53PsjHYEiwBF1aCevj9ouBywhjwgZXiGvE+SeV50IYLG8JBLYWgaAQt61q5dxL6TFWZoizXUhLwvpOK9783KWuUIbuHut8E7dd58Ty14QeS8PcvLEzCy///4MLbv/fnMipiYLLaH8gQdsCWXdutmSBx6wpd26OZFe9vDDtmHgQCvh6N81azKzfo/2D25/jL/vBQIA0No/W/iyQRjGniVCTiYN+gPjz4QCvbKvstIO1ta6vnn/+HGrKC93PYQ+QkdBMQCQBxPdht5Dt6EP0XvkAQAYf7gAAPqTPC5+jD0gQACgd+/e/3b77bcrsG9C2Kef7XoJ4FZgnww/58Ogv7uEDeLQ653CZ+IYfr4WYw8ZgvtY4/80hl/GXzZJNqo9GyZ5h7Vv5wnoAbXH9YDb8wYICCTjA7Q0kPQI8MMzALSZEAODfQTY8IEBw86CRIYykPiEMA4YZMAx8IgsJWBwwu///u/Pu+WWW+r69u37L4oBYIAz6BnUsQeAAQ9RFnsAQM/yAJDG8MsDAADgBeOFgwAInFO9a8cOe+/oUTvR0mIHampsP18PhJgA9wBEuwTiBfCAQAIDSUNsLoTrH4WQn2+NBAfiAWCfALYKJS5g61ZrYp9w9grYsMH3FefAkdzBg23z88/b5uees83PPuvLAhsHDbKNTz9tOfD+/Z3nDBxoOciefto29utnOQMGpHn//rbpqaecNj75pG2C+vbNECBB+Q1PPGEbARJPPGGbkAfa0Lt32zT1IgJIbOzd20mgQnk4wALa+PjjbTntRJQ/9phtCBzwASGDbwjpjQCTHj0MvqFnzwwnDVEGUT9DlJEXD2UAEtVRGkBDWpzyuExyeJLWAnZCe+8jgCLA0NoAkqhDGQRAcYADyAlEXp4YTwcg5OUB6DiwCUDJQQzpqJ0DqiQQCvXVFvBEGk4fzgMwWxV5g0jTnwO2ANTIa1kpmQbIrQRMUTfUg0P0JXlcRl+e79bN+1Uf8BVcP+a6hwAgV0UeLk+Tj4jYmVV4vGLq3j29lPbww76UxjIaS2tOPXrYcpbXHn3UaTnynj2dVjz2mG0aPDi93S+Anb09COzlXQ7f+TPzF+AHAGDw0Ql4CN34szwYvvknmBgAQMxRa329nWhu9hl/SXGxTZ8+3d566y0bOXKkjRgxwt3+AAB0F3qKtAAAMgw++g8wgN7TEgD6T6AAHYkXIPYAAACeeOKJf7r22mvZsU+BfYroJ2CbwD4CuHtG3/Aroh/9zRdg6HP0Ot/xx4afr8Y+qeHHxsjwJ2f92KX2bJfk7Zi+DnH8BPSw2uMCAkJe/BCxRwD3DMsCZwIEiO7U54MAAb73ZKAwYPgUhAEkIMDAInIUIMCAI6KUAUicQJuAwc6dO5f17t37HwAAGuwCAPIMkOcl4QWQkRcAwPALGPAyafbPyyQAABigjBdw3Lhxlr91q508csROEoHb2OhAoLGszL0A2iGQwEA+8wEEwPk0sJE0AKCw0EEAAMCPBWWTkC1brGnbNtu3bZs1AQK2brV9W7b4meLbR460rUOH2uYXX7TNQ4bY1pdesi0vvWR5Q4Y45T73nIm2DB5sW55/3vPOn3nGctmydNAg2/Lss065gwZZ7sCBljdokG1++mnneeQHDrTN/fun+YABljtggG0W79/fy3L79zdo81NPeX5zv36ez33qKcslHSinXz+jLOfJJ71uTt++nkcmkiynTx/b/OST6bpw6gZOGgKEtEkHUELbHMr69EnXCflNTzyRllNGGqDSu3ebdJxXuWSAFMnUPuaZegG4bAL4BABEWnmlkxyA4yCHNo8/nm4b+CZ4RJl6vXp91CZKq1x9iuO98XQARUk55aojcAZoIi2eSUegytuFOniM1gWP0TrqICcf5Krr3iVAUc+eXub54HGSLNOefkJf3g/LWXikAvdrsNxFnV69nEiz/EWZOGWre/Z0Qr460DqWzSjjPlk6693b42vgEF/dQGufeMJpNZylN+R9+tgqxthLL1nl8uX+aS/LeHjzZPz9veY9x+tXWJj2AmqjHzyHpMP6f2N5uTXvYoIVUgAAIABJREFU3Wst1dW+3HiitdW/TJo0aZKNGTPGRo8e7XoIAIAeIk4JvRR7AOIlAPSa9B3LAtKJmiDJAwAAAAjgAejZs+ffderU6XSBfehhArjRy3FgH3ob/S3Dj17XjB99z+d8+pa/PVc/9kPR/dkMP/ZHtqg9WyV5bN860mfwBPTg2uN68PDPCgT4vIMBISBAnAADhvWhGAgQMfqJAgYvu+yybb169folA5yBDY+XAISABQ54UUDJAgCAAAEAgQMBgOHDh/uLJ3CAnBdyc06OHdy3z95jP4HGRmsqL7d9nLSF2z98GdAAsmcpICwHsPlHY1GRNUEoB74HDvsENLE0gGcgP9/2b9vmxIliRePG2dbXXrMtw4bZtldfdQIQ5A8daltffjlNL71kW1980baR55Qy+Isv2hbSyEkPHmzbhgyxfEDECy84Jw1QyB882PKee862Pvec5ZOHyD//vFMeB588+6yDBefPPGN50KBBLkcGwABEeDqAjK3PPGNbAB/k2TktymfkAWRsGTjQIICHeN7TTzvA2AIHkDz1lOVRPwAROGWQ5PAtAwZ4nnReACxwT/fr14Yjc6ASAIuDmaeeclm2tOrTRoBHHOCSGwhQQlrAJU5L5vW5bgA99LMJAwPoAdRERHvqS7aZNn37Zq5HmcsCGHLQFKVVX2CJvAMo6gCSuG4gPDsAK+d9+nzEkUWeINLuGYruc2OfPhmZl8nTRD+0D7T+iSfcy6S8ON4o+qAcQp5J0wdl1Onb17mnkbMU9sQTTni5RBv69k2XcV9PPpmh9X37+jKaltA8xoY+ibeB9+/va/2+5MayG/mnnrL1AwbY1tdf9+/99xUUGO8t5GA+xPoA8vWtP2eFeLR/4A27d1vTnj3WVFFhx5qa7Fhzs2/Zm5ub655GZvycaaIZv/QNeXRUDACY0AAApLPgyNBn6ED0HfpQAICZPqAA6tat288vvPDCbIF9z58isA+9HG/eEwf2oc+T3/Hrc754jZ/1fUX2n6nhx/60Z6MkPwNz11GlvSegh9ge/6RAQF4B7SHwx2EzIQaENhTCLaSdBRUwyIAiYpSAQSJIP2nA4IaHH3743cGDB/+X3GAgYdK8FLwQvCR6UeIgQF4u5Bh6udh42QAA8gDwEsodx4vKJ4Rr165N77nNLlx4BCoq0psFha8CODXQAYBmA3gAiorSQKCw0JoABTt3+pJAE4FCeAC2b3dvAOcF7Bw3zrYNH275b7zh549zBGkB+ddecyr46U8tf9gw2/7667advcnhAIVhwyz/lVdsx6uv2vZhw6xg6FDbMWyY7Rg61LZDr7ySoYJXXnHAUPDii1YAmAAkDBli5AELAIetgwen6YUXrCDKk/b888/bthdecMAAB1TAXRaBi230Qx5QETiAg/y2wMmT3vLMMw5EACPbACcRUYYMIq26AAvqAU5iTpoyrpMfiDYCMXCR31sC9ABekNOHtyEfEV6VrfQfwI9fK5FHJgIQkYZDeFsEguBxvk06eGNyADS0C3n33pAHJLEMBIgJafpHJrm3w4sTCKDkdRNcMgdcAXjRBjAG4ekRqa8MOAt90QcyLwdshTab8AbpHsL/4DKWqwBCgfjfXQ6nfnhWm2iDDDCoZ0hZIOJlfCmMa7IURgwN6YED03E0tB040GnjwIEGbXj6aV9e48ubTc88Y77M9swztmHQIFvPstqzz9r6QYNs25tv+vq/AHwT7y9ufpb8mPkrCDjM/An6g5ggHKyutta6Onv/yBFrbmx0/cE3/Mz28TDGAEAeAHRQDAiSHgB0GyS9xoQH3aYlAQw+smeeeSYZ2MfOrMnAPo56P1Vgn3bt0zf88ad82sBHhh+9H+/gF8/22wvwi2f8HYa/PYv9BcnbAwCSnykQSC4PaFdBBgRoUEAg3ksg/oQw/nLgVAGD7DRFnECbgMFzzjlnyf333986cODAfwcJywMAOual4EXhhYkBAGWa5QtpAwBA2LjeKOPFAwBAvKgQLynli9kKtLzc3j982A7X1VkLAYMlJdZUWmqN7BfAEkCICWDbYPYJkCcAEIAnAACAC3EfygIwsGmTf260bcQIP3Vsx6hRVjBypO186y0rePNN2zFypG2POGCA3QML3ngjTeSHD/dDhXYCIF5/3dM7fvpTg5DB8SwAHna8/roVcMJZ4A4oXnvNtgEYXn3VQQTcAUaQefrllx1kOLAYOtQ9EHghlBfgAGg48KDOSy95OdzTL79s+S++6ESeNGBkO3JARpROejHIb3/pJa+jsu0vvmjbkUOko7yDkMGDswKZGMwI3ABmSGcAjcBOADkOWAA9wWOSqReAj/IOigIAIr0FQDN4cFaizD0yiXLJtKTDNTPpAJDIO/gJnhoHWoAiAZ7Qt+RwlobiPH2Qpw1pXzoCwARw5UtMIY8Mog7yDAW51w3LUSxJeV3lg/doc5CrL+XhSlNGDIz39+yzLveycE2V4e3yeBnudfBgy33+eed5L7yQzg8ebDm0f/55y3nuOafcF16wHOJsXnjBiXX+3LDsxvLbpueft430y9h86y0P/uOdZVnPl/YA8sHT57v8sd7PJ36FhdbM/vw1NXYkGP69e/bYokWLDFf/xIkT3d3PxmQxAJBugWvSgT7Cawmhw9BT8RIAug2dhr5jsiMPwKBBgwjs2/fHf/zH7Nj3WQP74oj++FM+JnZy86Pnmfxp977Y8OPmP52rv8Pwf0EG/ky7lcFvj58KCBAnoB85CQT05YCAAAOGgZMEAmwLyUDTwUOfJWCw9tlnn/2/vBQYeV4cXhRm+TEA4GUSAMDQ82LJA4CBB4VTjowXEhmEFwAQAEJn3Y7AneJdu+x9Agb37bND1dWuADwACMPP2n+ICeDTIEAAs4Y6Zv2FhbaPmQTxAHxRsHmzFU+bZrvGj7dd48Y5CCgMfOeYMX4WOeeRFwbaxQmCI0fartGjbcdbb1nhmDG2c+RIlyEvRAaNGmU7Rozw9C7K33zTCikPtGP4cNv15ptpGjHCdgXidEIAg8oACqThAhjwnQCM116zXdQPngk8EchFlCvtnD6oO2yY8zidlLlXA48GoAWvB56NOA2IUT54PGgj8vq0B8wMHWoFL7/s3hE4JJmnX3nFAC7ynEgW11E7cQEegEymvsBPglPuAOiVV5wrDfCBWL7xdABAng9pLwccUQ+gE9UnD/n1Q7nyyABUeHgcXAlkSR6eA3W4HnW8XgBr3KNTWGLCS+SeolDXl6ECmFM6UwcDipdJbbh2gli6ysioqzYhTQwM5PEwXOfll21L4N7ulVcsL87TP0tmeLooI4bmxRfdwLOclvvyy5b70kvOPd6G/oYNsy2vvOKU8/LLljdsmMFzGAtjx/pmP7yzLOX5zn58whd2A20kIHjXLmupqPDJAJ5Bdu0jop9P+aZOnWpTpkxpAwAw/ugSDL6WAJRHH8UeAHSXAAA6DUCAl1Mzfk1uBgwY8H+uv/76yq9+9auzox37iKPSjn2fNrAvjuiPDX/8DX82Nz92QbFkcC0rx/akPZsj+ZnasI56n8MT0ENvj8c/nH7M+Ac+HRA4ky8H2gsYZIfBMw0YnHbDDTeUDhgw4H/xkkCnigGIPQDxEkAMAAACvKyAAAAAxh+ShwBEX5Cfb+8cOmQnW1oc/eMN2FdW5gCAqGAHAtFygH8rDBAAEHCyYF6eFc+Y4YeO7Bw/3oomTbJdEyY45wzywvHjDUDAjoEAgaKIFyMfN87YTrjo7beteOxYK377bQcHzkeN8jxlhaNH2y7ynG0+erQVjx7tIAFwQDpDo0ZZ0VtvWTF1Iw5AQA4YQE7eOXkASQATRaSHD7fCESPcM4F3gnQhAIQ6KnvjjYxMZafktAN4vP66FZIePvwjcPHGG94vfQNIqOOAA3kAKLsANQkCQOwExERyl8UgJgI1gIk2gIZ6eFwC0FG5g6WwTIP3xOsE7vcWlTlQoY/Qj7h7YYLHhnSBAJDqvfaay5BDfo3QL/fDchB9+7JQAEaAFgEkPD5Kw1VPcvp0zw/gCYMYwBb1/JoCZxEQ8+uG+1F/1FVbce873H9mSYs8YI3/ISKWuZRnGQxPFhxPmCif5bDXXzeWzraSxuMVEev55PN/+lPb8uqrtoWlNepCr79uua++armvveZ50luHD7ftEyb40d4e0KuvfMKMf19pqTXt3m2Hqqrs3f377eiBA7Zr507jcB4mB8z4kwCAr4zQFzL4CgCUpxEdEwOAeAkA489ERqCAWX+/fv3+9uqrry5iQ7WwY9+bqVRqWGLHvp6/xsC+DsP/ORjj32QX7QEAyT9vIPBZAwbZmYodBgloabPD4OWXX57fp0+f/wmC5uVhpg+Kxuhr7Z8XTO42AAAvIMafl5CXUuXUwfgjSwIAwAGEm29LXp617ttn7x44YEcbGuwgywPFxa4ocBNmAgNZM2QJoLDQ9jOzyM21sgULrGjaNCuePt03H8EjAHEQCbuRFU6aZLunTbPCiRNt95QpVjp1qpVOmWK7J0/27UrZsnT3pElWNGGClU6e7Jx8CUACgBCAwm7ac7TppEkOHCgHQOyGAx4ClSAbP/4jov2YMU4lAI0xY2w3dZL09tu2++23rUTlABP2U6fN6NFG25LAi0aNSufHjPH65PFc0NbLIrnygBLaU89lpEeOdBll8m7EvCTI4dQBoAjcUE9pwIzKXB7ySgsMOZgBDI0cma4fwA9ygBAgRoAIDjkoigASeYEd74f+8MBEXhm8LMggXTPm7oUB7ACkWDICFAWuNKCMtIg8feDlEWCLPT+ScW/Z0pLBvQ95jqL6Ge9RuI57lLgH2vD/qc2IEbadJSvuBRlLXaTfesvjYPg0Fq8Vy18shflyGEtfw4dbAfWpN2KEx84QP4O3C87SGYR3TMTy2nbqs6w2cqQVwEUjR9oW+g/5vDfftG140KZNs8pNm3yt393+xcXWXF5u+8vKrLWqyt4/eNAN//bt2/0b/pkzZ9rkyZMzM34BANb+AQQCAIoFkAcAvSOPI/oHHYXOkp4iLw8Asscff/zDH/zgB5ujHfvYUA3993kH9snVf7oZf/wpX8eM/zdpwT+na8vgt8dPBwS0qVC8NPBFBwyyYxVnUbODlXYY5EjidY888sjJoUOH/icgAAIU8KKR5kXj5UsCAIEAGXheUigGALzAlMMBCLj3KGer4QONjfZOc7O1sjTAZ0Dl5Q4EUCS4DT0uoKjI9hFEuGWLnzS2a8YMK5k920pmzXLlAwcUlMycabtnzLCiqVMdEAAMyJciAwyEdDHp6dOtdNo0KwNATJ5sJZMnZ/JlU6ea05QpXk6dEsAA/U6c6FQ2ZYqDBoABQAEOWABUlIwf3yZN3mnCBOcAiVL6mzjRQUWcl7yU/gIBMgAc5PFQQCrzPijjmoFKEnmvj8dkzBivg8eDuoAMQIfakY7zpYCWAExIexn3noUoA+yUcu2IdgeZ+lZ/5AE7DngAQeE6Gbnyo0Zl6mUAE/edkAOaKEdOGi6Q5BzPjoBUAF6SA6QyRBl1tTwUgBZGFxmcunD3BAWw53nk1MEbFMvDtb09ZQE8ej3umXajRjmRZqnKf+fAyVOOLFNv7Fj3XuHRKhw71nZSTpprvf22sSTGAT2UiW8fNcqcgpyyXWPHumzn229bAeUsl7GsNnasbWNpDD5mjOVLzlc4o0fbduqPHWtbud9Zs6w6L8+aSkqsGaO/d68db2iw9w4etKa6Otu4caPP9mfPnm2zZs1ydz+nkDIZwPhj8DH8EDqCvPSE9Ab6QjoGPZT0AKCnMP5Dhgz5j4ceeujYt771rZWJo3g/yY59nyawjzV+ufnR4eh0iNn+6Qx/e/Yjln9OJqujmy/iCcQ/VHtpgQEtDcC1PBADgRgMMKA+TcAgnxHy5cAnDhj85je/ufjBBx889PLLL/87LxUEmualEwAAafMCyvjLA6CXMl4C4IWGQPNKAwC0xkfdhQsXWn1VlX1w+LCdaGz0WQNuw/2lpb5hCCAAAFCdm2t7li+30rlznYpnzbLSOXMMvnvOHJcBAqCyOXMyvDyk2Up4D7sZUpdjS0nPnu0gYU/IAxIkpwx52YwZaZo+PZ0XeIj4npkzHSCIu+cB70OgPfSbIDwTFTNmOJHeQ/+ByjlXfdo0BxTIlBfHawEpX851yE+dmqYpU6wckhwvCACFOqQnTrSyyZOdq55ztYNPnux1vQ3pBAE+yugvISePpwTQE6clA9DQjvIy+ggEqEGufFwep9UWz4v6cpn65Vz6kKZPABbkfdM/zyFc0z06oVx1WEKK66o+ddWfAy/6jEBc5h5D/5k6IU+/PHeuA2CkPs8WDiGnjdqRd1moQ3vqu5z6wWsFKMXDVRy8Xix9ldAmAFs4HjGWy4ppP3myx9E41xJa8J7tnDDBCilneS202c7SGvlJk9zdX8By3vjxtmPiRNs5ZYoVzZ3rAbsH9uyxo7W1vicIW/WyRz+u/rlz5zoAmDZtWgYAyAOATDP+bEGA0hssBzCxAAQwCUHXSO8wQRk8ePC/du3atenrX//6/FME9nEUOxH9p9ux77MG9snwS7/Hs330vmxBe7Yiln8R9qqjzy/oCcQ/XHtp/fhwgYF4oJwuTuB0AYPaYfCzBAxyJPGcO++8s/r555//52wAAGAQu+QEEDDovJwgdriMPpyXlxeZMgAALzec9T6IgKDdRUW+u+Cx+npfGjhYUeGzCsAAnxlVrlxpZYsWWfmiRVZC/UBlCxfa7nnzrHzhQiudN8/K5s2zPQsXWtn8+Z4m77L5860S+dy5zisWLrTKBQusknrIKF+wwPZKThn5BQvMjyUmPX++E0DB0/PmWSVHFgcCaHh6/nwrB1jMmpXmAVDsnTvXjzeGl8+c6cCgkmuTnzEjw0kDKOBOgAPyAILp062S/igL+YpQVjlrlpc5J831qU9a1wtp8l6OGzek8Xh4GiA1bZoDFG9HH8gAGVEd1QXM4Blxmjo104489ymwI5DTpn4AQ2qPJ4W02gBk1A7OPcAFnMT3CDRNm5auD5csqq++aCfif/K6yCZPzrTHuIqoQ1rAy9PhfnjGKoMD/nQdfj+WpHie8CQY5Hf9mEyAkbKonL5KgpeLpa9MeupUKw5EHYAreUAtaXnA4HjJ8Iq5x4ylMMACS2d4tqZPt10AihkzbNeUKbaT8unTnXZMnWqFtJ8503ZOm+a8csUKOxY279lTVmZLliwxZvsQAIDZPtuIM/uXB4CZPwZfwX+8/wIAAgToBnSGdAm6hTxLjOgWdM6QIUP+sUuXLhVnn332LE5QDUfx/rYH9mE7Ov5+i59Ae8Y/ln9WIMB6E58Qsv7EZ4T6ckAbC51qh8FPFDB444037n7uuef+HsStJQBeQEBAMgaAvJYABACQ8eJCvNQx8VJDAARefAiFUbRrl504cMCOB49AC2uKhYXGEaN7li2zkkWLrGLZMt+CtGLpUktSJbLFi50qlyzxpYO9S5faXtILF1rVsmVpWrrUqpYsSRPltKF8yRKrXrrUQUI16cWLDQ54qJg/3/M1ixdbzaJFHyOOLpbcAcX8+Z4njRywoDpwSOCBtJcvWGDVCxc6Vcyda9UAkcCpS1kV90E90fz5VjFnjlUHudcnHVHF7NkGVdNHFqKsat48rwNXWvI4T3vJASNKV8yaZVVz53oemeQuC2WAH+8r5ClTOe3d4M2c6TLqIoNznUqAVwBRqicZebVvUycAMZ6JnjVceUAa9eHI6E9pB2kBxHmZwBqACdAGEOO+JA990R8A0Hm4b/ptQ2qfkNOOceA83A+/LWMB4AkvmzXLQWkZ1wfwBsIrtpv/FwA6b57tnj07wwHByFg2I+0es9mz3YuGJw3DjjetCK/a3LlWMneuu/iLZ8+2otmzPQ3ABmzzjlWvXm1HqqutcOdOPzQMQy/jz1o/AAAZAX9aAkDOO44MD4BiAAQAMPiaHMClP2IPwIABA/6mc+fOuxKBfUMTgX3tHcWbbce+5MY9xF2hV890ff/zCOzrMPy/xUY/263HBr+99OmAQLw8cCZbDZ8qYJCzp9mqsr0jiXuEoyw5ifBjAYOXXXbZ1v79+/8Cw49xh3g59YJi4IXSeYkhDLvK9VIDAPAECAjQhhmAAACc9UBmB+wwyCdDHki0d6/vNb5n5Ur3BMArVq1yKl++3CpWrLA9K1YYM5JyjPXKlQ4WypcutT0QRn/lSqsOxM6CNbRHkQVZFf0sXWo1XANAsGyZ1a5cacjhDiKWLrXaFSscTJCvW7HCSema5cu9XfWyZVZHesmSDK8Nedqrj1qusWxZur8lS6yW/gMYiXkbudosXux1ASc1S5bYXsDEokWZPrzfkEdeFep7v5IvXPhRfZ4FwCbcB54QXdfbLFyYLuNawTMCr43ypAFHyAEqpGOZyqpCGfUkc+DE9UN7ru/XCddFrjL/f7kG/3PoQ8DLPTOJfrkecjhtqigPAAyZ5AA19Ql3CuVeJwAz1XMOQKT/CCB63cWLvV+BRgeS6jMCli4P4JM0IJTf1MEoYHfBAv/t4JXhd3Tv1aJFfkbGniAHwELk4eVBTptK+qV+RHjSshHeNQJuSxcssOK5c51K6YMtf1etsv1btvgXPNsLCvwbfr7jx9XPct6CBQucMP7yAGD0YwDAEoAAAO957AFAb5BHP6Az0A/IAAD9+vX74OKLL87JEtino3jZuAc9Fh/F+3ns2Mcn21rjb2/HvtjVH+v19nR/LM9mPzpkv0NPIP6xs6XjAZNtaSAbEPiiAgZZJ+NFyhow+N3vfnftY489dmL48OH/iXHHM4DxxyXHywoBDpBRDgjgRY49AAIAvOiQXnKBAAUFUUaaQKKm6mo7UlHh+wFUhfPGy1kSWLEiDQIwyqtXW9Xq1QY4UBpgIAIcOK1c6ceXVq9a5Upt78qVVstZ5gmqXb06LadfDD0nngWwULd6tTmtWuWy+tWrrX7VKoMDIOJ89YoVXhbzulWrHFRUL19upOmLtOdXrrS6iCRzUBHJM3VWrDDKagAdifIa7pt7XrbMvRqAErwbEGnl4VV4RCJ5Mk8dvwZ1Fy/OtI/7UN/yrABCHHhEHJlfL4Aj8kmijRNghLZ4apApD7CI2mHwvF5opzK/NvcbPD0AMoBYBoxFaZUB4tRe3MtioBbS3lcAhA7s1B8gLjxLnqNfDxlgKQDHzH3E5QFg8ptTj3uhvaf5nZcvT8+++R0Z24CPUBfutGKFg9ZKecnwfC1e7GMdI14OGFi61DDqe5YsSS+rAZKJsQFALFuW4QDo6jVrrGHDBmvZtcuaq6stLy/Pli5d6u5+Nv0CAEDyAMDlAdASQDzbVwwA7zYeAN5zeQDQAeQFAEaNGvUfvXr1Ovad73xHgX2ciJrcsU8n8rV3FO+pAvvwnvL9PjN+vKrZNu7pCOz7HTLGv8l/JZvxT8oEBgQE4IoTiIHA6QIG29tYSFsN6yTCOGCQoyyTRxJrh0FOIswcSfyNb3xjYffu3Q8OGzbs3zHuEIYc4570EAAAYg+AZv+86CJefHkOUAwAB0hgAAWxHAO0e7cdray0ZjYRysmxus2brXLtWqveuNEq1qyxyjVrrAJjum6dp8lztDCnCtasX29716xJnzC4caOfMli3caNVr11r8DgtGbxh40YnAELd+vWZPKChNpTXrF1rjRs3eh4eE/W8jPpr1lj9unWuUEk3rFuX7oN+I2rkdLX16y3Jvf7q1Zm6gBRkAiSe5564Rnu0dq2DD9rg2WhYu9bqubeQ9msAJEI5wEdlzrnnUNc5/wfPBgCktPoObeN6cZp2DpYATnhlAEv0sXZtJq90m3vkfwyEnHb6P7hv5dWf1wH44X0BoHHd6NoCbv4/hOehOg7oQn3SDgQxxhGpbq0AIWMKUMiz5rnQZ0SAT8YBHFDJ70aeLa/J19F+3ToHpaQZK1WrVjnVrlvnQJcxJ2IcVq5alc7Tbu1aqwD4rV3rYBh3PeAYwmO2d9WqNK1ebWV4vgDTgJpVq6yc32HdOqvftMn25eb6+9ZYVWXs0c8sn3V+AQBm+cz+4ZRpCYC8Zv6SEQOATAAgBgUCANIHI0eO/Nfu3bufaWAfJ6eit25t5yjeTxLYl2223xHY95u0mr+D104a/Wx5AQG4wICAAPx0AYNxnEC2HQZPFzDIxkKnO5J4/B/8wR/Mueeee6qHDRv2z/IAYMhJ4wFILgEABAAJGHfV10svECDDj1xAgHYoCYiAwfKiIju8d681b9/unwg2cHTw5s22d8MG27t+vZ9OVpOT47LqTZscLCAHMNTl5DgYqM/JcY+C85wca9i8OQMWSEOUARygRo4p3rzZiSOKUZBwqIl+I96waZM15ea6AqVM5fuoF0BEIwoWEMN9rV9vTTk5GaqnL+W5zrp11kSfgciL6rk3vCRRPYxJtrpN1Nu4MQ1CuCbAJ/SldMxJQzJOyov7ffEs1q1zsIKxagrgBR6TG7VQLjkyQA55uO7F+wVIBRmc/9P/10jm8nBt0qpPe+UBUhhILws8A9BCm0zdRB7D60CN/ykAO4G+uN9MfxH4w1C3kTMOuT7fzVNv0yYnZBpHyGnH+EGOAXcCgPBbMVYAtBhogVeeB//junVpgBuALjEzkjF+tWRWrTSAADBBbA3gYuNG39WP92h/QYEdq621itJS27Bhgxv3ZcuWOcf4Q7yH8gAAApj5awkg6QHQEgAuf8UAyAMgQMC7/uqrr/7jvffe2xHY9zto9Dr+pY8/gWyGPyn7PIGAAgbP9EjiOGCQIzB7plKpn2Q5knjsWWedNe2WW27ZPWTIkL/XTF5LAHgHZPgx/qR52QUUMPSkk0sAAgIoCgw/5bSF8CKgTAq2bvWdxg4WF9sBdg3My7P6rVtdmdXm5hrLBSi2qk2bDCDAfgL1ubmers7JsUaOIMbYAyAADBjdIGP7YdJOHExE25wc28cRxeGYYo4q3s+phdDWrb4+Cue9uxL+AAAgAElEQVQa8IbcXGvOz3ci7fmtW605EO1dvnmz7eMoVZQvMu6NPug/5JX+GKcdRiUnx/bn5Tl5ftOmTB4wQhlyOOAirkua2Z7XCR4PjJHqiKuO8l6H/ysYNbgM3H7kGzaY87hPrsP/CYU61KMdefUNB8RQ5hTfT9Q3bQBW3pb2EUkuY6u63DdlbUiADTBIecjHaWR6tipPPhPu22WslTMeGXf8b2H8iPP78vs38X9SD0DK+AttGvPyDCKPd4px4jyUN8AZu+K5uemxDWADvIbxz/jGqGt8A5IrAbWAWwAowJaxW1Bgh0pK7HBtrRHRj8HH6wYxu4eQYfxJCwBg/BUHgKEHBAgAwCFm+7EHQDEA2gtg2LBhf3PzzTd3BPZ93EZ0SL4ETyBp9LPlTwcE4uWB32jA4JVXXrn12Wef/UXSA6C1fy0B4AHA+MNjACDDL6BAXrN/ZHGaPEokb/NmP1nsWGWlHSou9vMDajHq+fm+h0A1CpEjSuEY6K1bXSkCCDh2GAIwQE1h62FxwEFDUJAoSQilu2/bNgcQgAiXhzxpFCrtdJwx+eaCAifqkwY0SNa8bZu1BBnlgA3vN4ALb8N9YuDhGA/uKaSzcWQOSvLz3Yh4XmBF/aL8+Z8xNhjOuD+8HaE8wzG0W7em64brZ+2XevRFH4AZ5TFwXIe2gSj364frkaYMMOTXpS3PI3ntAI4oc+DEfYU63neQO0gL/ema6j/JdW36jOt6nt8lADryDuwCyOM++Q0x0g7qNm9uA/r4PR3ohWdMOvPcomcBiHNwmZ/vBpy0G/Ng0DHq+/LzHbTCmwCm/N9btrgx92sEkEtdxrtTAMCAYcY4YBg5J24eLCqyoxUVdrCuzoqLivwbfgy6jD9cs38MPwAAIy8AQFoAgDQgAKOPwVcMADLeU+TIeIcB9s8///wHl19+uQL7xoQNytix74sI7GN9H88oG/dkc/WfycY96OFs+jkp+xKYrY5/8Yt4AsmBlMx/GiDwGwkY/N73vrfmySefPDFixIj/xFALAMCh9gAAikEggLQ8AEnjjxKRTHwTLvK9e9192bpnj7Wwi2BBgdVhnIkbQIlzMhmKkwOIoJ07nWcOHkL55uf7KYT7OdksHEgEbyYQCtq5M5OmjuQESnmwFKcYFhTYgcJCJ6VZsoD2b9+eKcNz0R4BILz+tm1ep2XHDgcbqu/lAAcABP1yzZ07Pd+G5+fbgR07nAAd9EPe+w5lMkjIKcegqY3q+vUDeFBZ3I6030d0PfWntro294oRoxwuOWmIcmQi9eNl27dn5CpXH+RJEycCzxDPaOdOb+fXJs//Ga7jz5DyiLxPfsvonuiXOgBApfk9kfG78Fv7771rV+Z31phg3DRxb4wfiMOw+F/5zfj9+H257+3bXc5JmJTBGwBUgE/q79jhY5TjsqFGEeCTU/nwGgBIqF9QYDV5eT72ffyHkzYPFBXZOw0Ntr+mxrZt29Zmxo/Rx6gLCAAARAAA4gAgLQFQD+MvUgyAAIAAAXzy5Mm/GjBgwNHvfOc7K8KOff/dAvu05AqXvk3q4Wz5L8IedPT5JX0C2QZYUqbBGQ9YxQnEHoFPGzCokwg/TcDg66lU6i1e8G9+85sLe/ToceCtt976N83+Y/d/vASAXEZfIACOgY8pNv5xmrZcYwWR2bt327v79llrebkd4ihiFCtnlDPDj5QjBpwTB5E3c2RpIMCDp4uKrLmoyMEEsgPIMfTFxcbSAxQDAjwQGUBQWGgthYXulcAItBYXO0CAQ8y+kAMU4nLSMandoVBfdV0eDJb6FJchwyhh6FppG3icjmXIYwJExPmD3GcwysgFRFoLCw0CUMD92lwryMkfDPdBHfVxKMgOAZSiNH17X0VFpjK45KTVD+kkUeZ1cGuHuhhbiGcI8b8oz7WVVjm/qeq5LFwn2Y/aifPbeDv+h3C9jMEPfTJGNI40hjDIIgy8p/Fm8byLihwIwCGMPGMWw88Y9ZMzg8xPzwS0sp024IFTNQsKjKO2D5aWelDfewcO2P76esvJycnM9GXsY8OvNMZes395ADD+EEsAigGAywMACNA+ACwBTJ48+V979uxZ/41vfONMduz7TQb2Sa/Ckzo3W/5LaqI6/u1fxxPINuCSsnjACgwICHzWgMHvpFKpTxMwODCVSg1JpVKvBSDgAYNdu3ateuONN/4JDwCGX0sACgCECwCICwholg/HyMvwS05eJBkzksqyMkPhnaipcTDQjPLdvduVoww7hw4BEDDqbvgxECUladq92w4GEjhoLStzUIGSbi0tzRB5DP7hsjJX8JQhO1JW5sbe11hLS+1waanLWjktjXXXICONjPrIAAgqQ9Ya6h4pLXVQgSGBqCdOGXlvS//cI4CjpMTTR3bv9jTcy0pKjDR0OKThMXkZz6Cw0Il2qkvfGFk4Rp60ty0udk5e5Rhw1YHH1yCt/uEqI83/pjyca6m+5Krjzyi6f++T++X/C/975vlQL8h1nbg+acr1DFVXXM8YznX1+8jzo3r8howDOL8vhCFXGzjjRgYe7sCgpMQAqIxFOKCBtLxWGrOMSwFcNs0CzDo4AEDwP3Ac79699t6hQ1ZXXW3r16/PzN5jV79m/nCMPrN+QAAcwy8uLwBGXjEAAAQtASBX2ahRo/73fffdt+erX/3qzHZ27OsT4oseCoHHBCDfEiL62biHI9DZ4vzCVCr1g6CP0Eu/yaN40cEdfx1P4Nf2BJJGP1v+8wQCChj8f1Kp1Ol2GLwulUq1FzD4dNihiy06R4QjOafefPPNxUOHDv27JADAA4DBl9EXl2GX0Y/zpAEO8i5g/AUAlCZgsGjnTnuHHQbr6nz70sOVlX7OQHNpqTXv3u3UwhGmRUV+tvnBsjLbx8wLpVtWZi0o7vJya0HRs7yA0sYoYnAx6Hv2OAEWlD5AGfmKCgcdh8vLPY1HgnXXQxiXQIAFPnEUoKD8CPXLy11G/ijXAAjwOWRFhXPaKy25tysrc7m3pw77tUckQ+RtEnLqIeda3qa83HksUzsBExkzN3IlJXaUNgny/iKZ8t4WUIMxjowk19B1dE/KOw99Abj8+eHt0X2HdOYe9uxxYKbnxXPR8/Dr6n8Nz4LfCKDXph6/s9qF34M+aC/y34k1df6X8vIMeGRMADzFDzCOysvtMPe1Z0+6Ps89EHUP8T8ANsvLfSz6mMRbgkcLwBDGIOOQMdyIVwBvC+O1tNTH+cmmJnuvtdV2Fxfb6tWrMzN+jDwGPQkAlJfhFxcgkAdASwCxByAGAG+88cZfd+nSZccZ7tjXNZVK3RH0CPqkY8e+X5tp6bjQb9MTyGb4k7LTAYF4eeBMAgb5jDAGAmydqf0EtMMg+wnw4rLz1m2pVIoXmo05su0wODyVSr3Njl6dOnXKGzhw4M8x4Bj7JADAC4BcBh3AIBAgmYx8EhSoPJYTiLRt69b0DoMtLb4GehADW1HhCvYAM/fSUgcGHEKEIqX8EAo6gAAHAgEAMLPC+GMsMPJH9+51hQ3HmLsxgFdWGgGKHqSIsSovt+OcnLZ3r6eVP0a7igo7XlXlxgOufEZGjENlpbfFwIjUn7jXoV4gjCRpuAhjFMuT5WornmnH/Ud9k8YwYrxFcTmyOH+qNP8vwEB1dH/Kx5y6cbmneX7cG2Xhfkg7Iee5R/d+TPWjZ0O597V3r3OvQ7uqKm/v/yv3SHn0LHjmgAbk+k3hyKnnYyKMB9IOBPfutSOkARvU474hxhiGPQBOBwMACsZkGJeMUcYsQPUgwKGy0vnRmhr7ALB76JDt2rUrM4vHmGPgtXZPOpZh1JWPywAKULwMQF3N8rUEMH/+/P8aOnTo+1dcccWmsGPfmQb23Rj0B3qEjXsuSaVSfL+Pnklu1auNe74RNu75dQT2/TbZiI57/ZI8gaThz5YXGMi2NJANCHzagEHiBHhxeYE7p1IpXmiAwN0BCGTbYZCNhUanUqlJ3/3ud1f17dv3+NixY/9Drn84s3q4jLiMPUBABh7woHLJVSa52ilPn3zfvL+21t5rabF3m5rcRXoIBc7+Asy6UMrM0plps/kQhjPIUNQHmJ0H5e1yFH11tR2rqnJiJofBgAMIjldXO6HcT1RX24mqqjRxmEpNTVqGPOx6iEwGg7rk6Q8uoq7SH+PV1Q4evC31uDeMXQAZysMxpJDS8JjiNu8EIwhvj5gVn9i718s1y6Yu6Xe4fuRxkFxlyuteuH/uW/eje9X/pbw41/X/ReCJ+wj/o/fB89P/F9IYaMky/YT23jaU83v4M6c/0qFv6vCMAIGU85vLkJN34FBV5TN50owRuAw++SOBcNVjzBlTpJnJaxwyJjkci4OyIB+jwegfr6117xZbZ7c0Nnpgn9z2GG7N9pMGnrxkSisPUAAI0F59YPjjJQDqzpw581eDBg06/Od//ufLEoF9L4UjyNlZVDv2/TjoBfQDegJ9IcOPHokN//+bSqX+NJx3IsP/aXbsk/6DSydm05dJ2ZfElHT8m7/NTyA5aLPlNejjF0FxAjEQ+LwCBjuFI4mvT6VSp9thUAGDEwgYfPTRR/e9/fbb/4aRZvYPYbhl1JOcMsUEyMADCuJ62QAA/XINlBlHEv/FkSN2ct8+e6epyY7V1dnh6mqnZjwEGHKUMWkUPUa6utqVMJwZF8TmKYAFlDHK2wlDX1eXIWTk36mrc6UPh47SD0YHw0o+pAEVJ+vr7XhNjXMHGSFNP5SdbGiwYyrnPjAyoV2GV1Vl+qH8ZLiut6+ry/RPXu29repxrUB4KqjDffp9sazCNZHv3ev1JPf+gkztvA7XQS4erqP24rqmONc5UVvr10NGXtfyewj/p+qrTpz3/7m+Pt1P4jlRRryInht5/k+esRPPO5B7engOHIVbX++AkLrkIQCifm/nYVz4+MBrwjPjWowffv/a2vQMnvFVVeVpDP3hMP4AoYw/8qJ3Ghvtg5YWe7+11df3165dm4nGxyWvmTsGXLN6GXEZet4ByjD4lJGOSR4AOHUh6k6bNu1fevXqVff1r399XnQUL3E/7Bw6KJVK9U2lUhzF+3BY3/9N7dgn/QfPph+Tst9me9Bx71/SJ5AcxNny8YsgMCAg8FkCBgnIiQMGCdghcIcAHtbzAAIE9sQ7DLKxEAqCgMEXUqkUcQIjU6nU+LPPPnv2/fffXzlixIj/I0MdG3EZ9xgYyPjH9ZJLBgIKGH4BDHE+UaosL7cPjx61k/v3Ox2uqbEDKFwCCKurrRk3K8CgpsZaWI8PchT3UYw2hOIPcoEI4g5O1Nc7oCBNewcZgVNGm3fq69Pnqjc0ZDhGxw19Q4PP8E42NlqSAB4QhgXugCDiKo95XMcNmwxcxNuAimCoMHTI+T9kCGOZDJrKvS73FQEU1Y/bxzLVVTl5GWH9f7pn5WMOQKCc56l6MdfzdFl4nrpPnq1fj/+Tfsjz+4b/2X9r/pfoN+L345M6Eb87Mv3mJxoaHDDKaAMo+f0PAfKicUP6AMAAoBDGEHUZgy2VlU6kGYMao+8eOWIV5eW+vo9B5/t8GWkBABlwAQAZfrjSMQiI62HoNfunH/qcMmXKPzz88MNlX/3qV2eEwD7ie+KjeOPAvnvDe/9JA/s6TuT7khqyjn/7sz2BbIY/Kfs8gcCnCRgk4AfFEO8wqIDBYalU6s0QMDilS5cuRa+++urfynjHRj8JBJSHY9iTywPKw+VdEMAQEGCXssJdu+z948ftZ4cP23vNze4VQOmihFHMDgCYmdXUuLI+iNsWxV1TY4eIA2AmjAFh5h4IhR97C5i5yWDAMSwYDDhGB9m7wfhggEhLhnGFkNHG3b+0R9bU5IYPDqlMeecYPQAF/YZ6kqu+ONc4E4rrx+n22lKHspjH7eK0+lBdz0f/n/4HlTsP/3tcxv8c5zP16ursPeoHTlqkZw/nN/TfIHiJ9Hsh4zfD0Pvvym8VEfIT/JbBs6Sx4eMkAAHAAONLxl/jrDWMtyP85o2N6SWrlhY7eeSIj1MZZdbjNYPHSGPY4czoZcBl7MWpr5k+9eiLPGBAdeBqP27cuL+++eabt4XAPuJ4eE/ZuGdwKpUakErvFMpRvDqRryOw77Pp8o7WHU/gUz+BpNHPlj8dEIiXBz5rwCCBPYoTONOAwTcUMHjllVduHjhw4IfxTF9gAOON0WfGr7TKYk6actVROuYEIkL0lbNpkx1vbbX3Dx2y9w8csKP19YZCPsCsTMSSQF2dHWQ2F4y+K3jc8hhZjFxjoyv2E01NGS8Bsz2WHODHMSD79mWI9hgNAQiMyXv79zuYQA6oIE865qRF7ZW5fN++rO0waN5fxDFsyNhTQX3HPFs5/WAU1RdGN+6btBvMMEtWPXjyOmoX10EWk5eF65EW6RkoD5ehpkyEXGn4+83Nfh96zpTH6Xe5z/37/feJf0el+Z1ZSiIPx6iL2GqX3xs6RFwGoK++3g5WV/uYUpp6jJ/DjJPmZie8U4dbWiw/P98NNN/Zx5/hYahjD0A8e6csNupKY+zl9gcAxKAAMLBs2TIP7OvUqdPpAvu6R4Zf6/vXRuv72QL7WN8nwFjr+x2BfZ9a3Xc07HgC7T+BbMY/KRMYyLY0kA0IfJEBgwQMxUcSK2Bw4nnnnbeyb9++x8aMGfMfMu6a+WvtX3mVw0XyDsRGn7Q8AfQRE2CAjYVa9+9PLw80N9vRhgYHAngFZPzh5JnJQSh28ih6ygQEMA4YAwyDyA0+M1A8AREwkJGhHIAgw4GRio0aBguS8SJNeTa56sTtSatPOAYbmYCHyilDBhcl+1E+buuyBOjI1h6ZrqV+MNgy2iqL26oNZQ40uP99+5z0/+vZICfNp3G0U7nkyNzQ8/wAAYCJKM3vIOOfBGz8vjL81ON35HfHoGPMZfgBkJT7WAEAMJYCJ30MTwH/M9dvaXEv1F+++64H9m3cuDFz6A4GHVIkfuwBwKAz+8e4Y9QhAQDSMv4xpw15yRYvXvyrF1988fB5552XLbDvmVQq1S8K7Ls/nMiH4b8hxP90BPa1r487SjqewG/kCSSNfrZ8EggACBQnEAOBX0fAIAFE8ZHEmYDBr3/96/M5MnTMmDH/Ght3GX2BAIy70vpKQMZfRj8GACw1xACANDK2LkaJVu3ZY3/13nseNHgCI9nc7OcQHGEWh7sWpY9SZ6bH1wWs/2P0mbUSZIixbWpyBY/RQMm/i7KPyMECRgqj39Tk3gfSeCHcyNBPgvjsi3XhDw8ebJcwWh8cPJjxNMR5DB1lIsqQydCpXPm4rfpUW/FknTbyAwcy9yI5PNmGvK7N/xjXVTpbOe14pjwPngvPTs9H6+d8AUKaZ0nf4tTVtfyZh2dPmt+DdnCBOv2OcM3W4fzWjAW4/+779vlviozxwNhoDcRYOgqIAMgcOGB/efy4/dX771tDXZ1v3INBZ399ZvikBQD0HT4zd0CAPADk5cqPAQByGXmt9WsZAPnMmTP/pU+fPqcL7HsslUpp4x4C+7S+/6No4x5F9LOj6J+nUqlkRD9HlscR/dn25z/VUbzSU/Bseiwp+40o3I6LdjyB/45PIPlyZMvHL1g2r8CnPZL48wwYHHf22WfP6tq1a8Wbb775jxh6jLUMPhwDLoAgcCAgQLmWDQAD5Jnx00YcOXViYj8BTkz74Ngx+8WxY/ZBa6sb8sMsAbA+3NTkih0jgeGGUPgyCBgHZnkYcwCAZnvsWBgT9TE6GBw3SgcPeh8YLTeWsWE7dMiNGWX+aWMAFD87dMgNIRxjCBdhIJPpGIioXFx14dlk3GN77SWnLfcRt4/TukZcP05jmOPrq0z/c9w+TusacJ7dh+F5iQsUwJHJaFPX+25p8d+Rz+z4jdygAwYCKHMQcODARzP4UJ8xoL4w8ABGCEMPHcHrwPJPS4v9/OhR+58nT9pfffCBVVZUuOeJ4FSMPIZdBp7tdskDAuIlAJUDEDD0cHkA4DL0AAOl4ZRNmzbtHx588MGys88+OxnYx/o+gbqnC+y7Mtqx7/vt7NjXEdj339EadNzTl/YJZDP8SdnnCQRQAH+SZWMhFIa+HECR8OWAdhgkkOieVCrVLZVKEWDEkcQKGByaLWBQACAZOKjZ/Kk8ANQRABAIiI0/fdOvaOeOHR6Qxfrsh0eOuDJHqaPsDxE9TgwAZxKwDMCsvbnZwQCzQEguXzgzPwyBg4ZgXAQIMDyiDzDAbGQEEMCQaY0Y4xpIhuxnra0GYcSUhrtBzMJlxFVXBlZ5OEYxNqgytElOHb9uBDqowzXgmb7jdOJ+M3WCPJnX/cApi+9T/zNy/V+kBZ4+bG31ZwcX6ZnyXCE9cziATYDuPfLBQ4OR53eT695n/ywVBYMPZ0zI8B8m5gMvAl6KAwd83Pzyvffs5++954F9zMQx8Bh/CMPOen9s4DH+yAQCKMPoywOAkU8CAPrV7J+6GP9Ro0b98hMG9t0eNvxK7tjH9/u8x8mNe3jfOwz/l9bEdPzjvw1PIGn0s+VPBwTi5YFTBQwS6INCONUOg2cSMNg7lUr1D0eHEomcCRi86qqrPGBQQACuNF6AbABAMgGAmMcnFwIGMP461ZA0stzcXDuGoQseAQwEngBmeSh8GQCMAAYBA+Du/5aWj2b9zC7DLD82RDLwGCQMFXVkvPhSAeMEZy8DAAM8ziOjDjPMmKgT51UHYykCUJD++ZEjbbjKkcckOUY2lpNWX6oTl+sasay9NPfNs9C9676Vjzl1Kdcz0fMhr+fF70A9SEAg5gSBChDwu/B7IOO3dCAQloLoW78pxp3fHwMP5/f23xzvQXOz/cWxY/azo0ftb3/2Mzt++LDv2KegPrn14ZyoB8fAa+bf3hIARp21fIy/CICgJQDN+hcuXEhg37tXXXXVhtPs2PdJA/vk5u8I7Ptt0Pod99jxBLI8gWzGPykTGMi2NBADAdbwCBZUwOAfhvO4OZub9T8Bgf8RdvxCgcRbDZ/JDoOnDBh86qmnjo0bN84DBrUUgHHXuj/GW7N63P3M+kUCAQCAGARo9q/65N966y0PJFy5cqXtb2iwX37wgf3ixIl04CBfEOAKZtaOIWCmj2HAIwAACIafw1pOMJtHhtHB0B0+7EYEjofhQ2TMWJEzEw/0F0ePGkQ7yvzLBYzksWOeFqct9Vi6gKirNPxnR460yVM/rqd83AaZ5OIqT+aRx9dXPXHqY8DVLr4fyahLWqR8hh8/br84fjzdx/Hjbf5/ngv/M8SzgvTceJZcD/JnHXHqYcz5rfgt+N3YfIffSzxOH2cpJvye/pvi9eD5Hjtmf/Phh/Z3v/iFHWppMQX26ehcccAAxGepAAB5A5jhAwDi2T+zegACpABA6gACAAACAQsWLPj3Z599tvXb3/72kiw79rFxD/E22rHviwrsY3KAXtD6PvpCMUbSJ3DpmKTuyZbPosY6RB1PoOMJfJYnkO1FS8r0ksYvrl5mbSyklz2bV0BAgIAgPAIxECBwKHkkcbzD4K0h8pijQ9lquN2AQY4gJWBw5MiRHjCo2T4GXGv8AgQYfwy6QACcOjEAYPZPHi4wQB4QIEIZ11ZV2V++95795cmTrvhPtLTYUT79IyaAWWEAAnCMDwYDw4HBgDKAIcweMUrUwQhhjOQ+ZiYJIacOs0uvF4wdxh9jKe5GNRhJN8aRscRwJkl1ZFTdEIc26jcuU3ncT9yHg47jx9PgI7pe3C6ZJi9ZfP+SO1gCrETGn/9XhJH+OWAAAAQICcRz0vPLgKxg+KkrIPABO0Uye29pcQDA70N96oiQHccrADAI9TiA6ucnTvgY+OX77/v6fmN9va1bt85n9MzqOS6XAD9iS+DkIYy/vAIy8AAA2iBHBjgAADD7z+YBQDZnzpz/26dPn9rT7Nj36wrsU+xQrCekP6RP4Eldky3/WfRbR9uOJ9DxBM7gCWR78ZKy+MXVyxy/4HrpAQPZgAAHeuARSAKBzz1g8L777qt47bXXPGAQwy7DL86sH48Ahl8eAMUAIE8uAQgE0BflopEjRxrEjK5s9277qw8/dBDwPrNHDDhGAgDAzLK11Y5hOA4ftuPEAATC6GBAPmB3QmaezIyPHrV3MVrHj7uh8VklmxbhAUgYNa7lRg+vATP7d95xrjR5CIBCDAM8SRgvjGCbOu+8Y3+BAQ/yv3znHb8OHMLzobQMqGTeJtSjDvetazt/5510PnD+p+Q9qb7uiXvx6508mfk/9b9xPU+fOJE21JHRxvgLEAgw6bny7CCeNc+ccjgggN+JZ8h9wKkHdxBCmuUEnue779ovTp5Me4Pef99qa2p8Vi6jz9jA6EPM8MnDyQMAqAcgkJwyeQA0swcAaIlAAIDZP6Bg8uTJ/+uhhx4qPeuss6Ylduw7VWAfJ3uyc2e2E/k4Gjx5FG/H+v4ZKNGOKh1P4Lf9CSSNfrb85wkEUCxfWMDgzTffvGvo0KF/k/QGYPQ161caox97AEhr5i8AgOHX7F/LAQIBI0aM8D635efbX/AJIQbz5El7nxn94cP/f3vnAuRFdaXxW4VAubImFrtZcV1jrWt8gCuyRJKsiiWi7ipIjIZHggiMPGXkpQgKhSblO66uMTFGjRpjjFGj66PAqEEFX2VQIQwgj2GAGWYY3g+fpb31u/Y3dWj7z/xnGGAYzlTduo/uvt39/Xv6++65p89N5hNUBt8ARv98aoaDGNMAKQmJcCAZBAM5xLQMkzLknyYIijKESGI/CNwmyJD9srna6BNiE8kqF9nm5ZGAUxGBILHHcB7Vs7mInXaOy+ub423/7BuvMSMM2E/3BAa2HskZy0iKCTkJ4ma0rsRxYI0g031wPo63vwF1RJyEHDn4cVx5WVn8fK9q2bKkavnypHzJkuSFmTMjIUPoLE1NEuFD7iTabrjhhjoBQJudAshaABAAiAGIHgEgCwD1KVOmrD7llFOeyInYNzKN2DcgdahVxD537NvX385+/Y7AHkIgj3LlXNMAACAASURBVPizbfUJAesnUMgiwPTA7nQYZKnSGzp27Pj7oUOHLoXAGcVr1G+nASB8jezZx5I/AoAE6dt92I+ECEAAKLEv5t95c+cmq5cujYQNcSzAT4D5f7z6ZRXA9I/J//33ozBAHLCvCAlyEjFJBEQyTYkMMrJpBcKjrCyecweCNIJAQiCSMWSeJpG1cvpRmXNTVq52jqXMuVSmrj7VJoLPbtN22gv1reu190OZe+WYeM+ICO4bC0mKCdvAjqQy2y3xQ+zgj1Aj51wie47Tdn4TBN3qJUuStRUVyZoVK5IlixbFFfkgZ0bzIniIHdM+SWZ+fFMgf+3HqF9m/uwUAHU5AVKG8NP656WlpYs6duz4ECtshhB4vnGMvdysyIfj7O5w7Ps74+ujOX6sfnZ+H4ugrIP2/ZB9d2Tre+i15qdxBByBhiKQ/WfNq+ufXf/85JoesEKA6YG94TA4FYeoww8//N6LL754/vTp0z/VyB9LAGQvs3+2LPLX/L8EgMSERAD9SACQs//kyZPjZ1hvv/FGUoGfwAcfxLgCkMrf+KTMkD/iABKK5J9OA0BIECTkRRKxQXhZsqOOaLBkiGmahGDAVE0SAcY87ZOgR0o6l61TVns8r7FIiITZbvejrm3qy+banzau0W6jzHZ7zbbMNXAM+5Bz39yjcGG7cABTWWF07WAsXMlJkD0520hgjxVnCdMuTGd88EFSvWJFsqG6Olkwf35cahri1ygfgofcsTaR83yRY+qnDTEgS4CmABAAWR8AtkkcSATceuutnwwdOvTdDh06/HIXHPtYuEuBe/61QOAeLHI2cA8OvSJ+kb479jX0Der7OwItAIE84s+2SQiQSwxICJAzYmguDoNzpk6d+hFEzstaUwAQN0nET44oIJcFgFzbGf0jAmiTCKCsftQXZPHqrFlJ1YoV0XwMQRFkqIxvzefOjdYByEZpYWoVgIggJMgOgoLERGqUaaPOyJXEKLVi8eK6nOOUIDEiz0WChHRxWEsTx2ibyDiPmEXO9Kn9dtYmotb+nJv9uX+dU9dQd35zjdyP2ukjOlymYop7pw/dr+5fQkA4SQBwPOf/gK8AwJFpCawFCxfGNtpJXLMERyT9qqpkzcqVyVtvvBEj9kHakDSkr/l9cp4jnhVNAWibBACCgGPZzvEkRvjWAiABAPnfcsstW/v27ftKu3btbmcFzRDCNSGEiZmleItx7DsmhPBvaeCexkbsk4+P/X/W/7j9v8++E/LqLeB16LfgCOyfCOT9Q2fb7AtBLwn74tDLZE85DBLhLLsk8XWtW7f+2ZlnnvnilVdeucEKAGsNgNxlJZAAoA3hoPl/TQGwnxKjf/Ynv+qqq+K+1DEDz8RhcPnypHLZsmTZggXJYsz/BAHC3J+SEGXaEAmLGLFC5GVlcV9LWHUjXebNITiIddGiKABEkOQQJwQoEoVYIcNIyCnhWiIW6do2iFbHiGRVz/ajenY/9afjqFuS13F2uyV9rp/rEEFzr0rCghz8hBO5yuBLWcQPZsKcNupV5eXRxF+7enVSU1WVzJk9u25+H4KGxCF3ET2/qSxDMvXzDCEI2E+WACwA7EsflDUFQH8IRBJ+ANOmTas9++yzZ+wGx77D0k9x+RLHHfv2z/e337Uj0CQIZEk/r96UQqCxDoNnFRNhsFu3bk9fdtllVSJ/jfBlAWBkJwGgl73M/+RZEQDxywqAACAxNTBp0qSY6C86DC5ZklSWl0dSg4gWIQaYk06tAQiAKAJwFsQJjfnslKggMu0HCVInZ3+IjDL7KrEdwqW9jojTuXTVlUO6ECk+DDZZks3bbve1ZR1Hmy3rfNlc12pz3QfXxv2REALcj+6bXP1zrIQAIkPkTxt15VHYLFwYSX9DVVWyqaYmWbViRTJjxozoeAeBQ9oQuub5IXpG9gg+cj0TlCF5niP25RiN/O0UgMz81gIwadKk1d26dSvk2EdALBz7fmBW5LOOfV1CCETYPD6E0FQR+5pifp/3gv85Ao5AC0Ygj/xtW31CwPoJNLXD4PdCCKxghhDAI5oXaF6EwegweNxxxz1y6aWXLrn22mu/0GheIkACgJwk87+sBOwPyZND/rICSABA/hxHfuWVV8ZE/eGHH07enzs3qWAknn49sHjevDohgCBY+N57MSEQIC7IUOQGsUFoJMiMBDkiBOhPhAnJcpzIFjJmuyVqttGmfeL1pCJB+0G6lC3ZinS1j62rTM52cnteW9bxXLOug/viesjVLmGk+yUXBuAhbMipsz9l9iOPIqmsLKlcvjxZu2pVsrG6OtlcW5tUlJfHiH0QvkbqjOIRbCQIHlLnN+Z3p0yiLCFAXUKBMmKBUb4VALIM3HbbbZ+PHj160XHHHVefYx9xMOTRX8xSvMVE7NP8Pn45muN3x74W/KL2W3MEdicClvQLlSUGNDVArukBKwR2p8PguWlgIRthsDSEwJLE0WGwQ4cO9/z4xz9+f9q0aZ8yukMEQNYQO3WRPC9+CQA5ASIMrAVA1gSOV5IAIOe4K664Io4235wzJ04PrCamAHPTfJeONzrBaBjZl5XFOtuWYvJn5M9oloA4RgBAlDaJRC2xi2xpUxnSZWqCJEJVv/QHYSpBpraNOtvISfSrMnkk/1So0D9tOgf95AkBjrGihf3tfVEGB5wsVyxeHMvk1GlXGYxoAz/yNeXlCSb+zWvXJlvWr08+WLw4efTRRyPpi5xF/JA45M6onsTvjRjgd+V54Flgu9rZxjEcT8oKAMTBTTfd9MnFF1/87qGHHtoQx77umaV4i3Hsy67I5459u/MN6H07Ao5AURG+JATIJQYkBMj3lMNgnzTC4MAQAqFSx6SOVjhc/bRdu3b/27t379lTpkzZDvFD4DL3FmMBQAhYAaApAI6F/Mkhf4kH9mfk+cpf/vKln8Dy5ZG0EAIif5WpYylADEgIQHgiPQhQhAfpsc9KRtKQ89KlMSE0SGzLliFz9s3L+f6dRL8q21zt5OpDwoFrUJ/2nFyT7oPjqHNvJI7hXsiV7L2xPyJIYoB+2E6ijfNwHdUVFcn6NWuSLbW1yaZ165J577+fPPDAA3HuHWImQeCQNiQOuVMnSQBSVjuCgDLkLwsA21OSj31QxgLA1MB111239YILLmiIY1+PAkvxFuvYRwCuvw8h5C3FK18c+3+n/0X7/1lIzNt2f+05Ao6AI7ADAvYFUahsXzR6+dgXkl5SxTgM4iegUMMNiTB4Trr2+UXpkqjWYXAKEdZat259a48ePV4oLS1dLyEAefPyJ4fAVadN8//kTAHIgsA+EAm5BIAsAOQIACXIhZUIV5eX15EeRPcBnwZCcAsXRgGwGDM3n7Jh5ib4TToiZl+RJbkI1pI/ZSsAIM4sYdNPluw5hmPZxmha/ZOrLkEA2bOfBADtKnMuiQCOtUJEfUYRwDTA0qXxPNn7WpoRBtoPjOiDc62rrEzWVVUlG2pqkrVVVckbr78eF9BBbOGMB9lD1BA5vxUkzm9HThu/uUb4lGnXPhIDCACEA0RPf0r4AEyePHltz549d5dj36Hpc++OfTu8frziCDgCzQGBQuRv25taCDQmwqD8BLQk8ZAQAiFVWYlwcghhOpHXunTp8uTo0aMrIXESxEAOESjJPAzZywKg0T8Er2PJsQAoifwRDRMnToziASL64x//mCxm/j4dsUN6kCfkD9GR0yYRwDaIUmSJWGA/CBaCJIl4bS7yZzve8CT1Q/CbYhPHQb5KnIN+bJ8Qs85H2V6Hylyzrpec+yCXOKDOPdG37o1jOY8d7W9Zty6prqpKXn311Uj8zMdjnoe0IX7IWqSu3xRBxm9LspYf9uM3RQhIJGgKgDY5AdL/2LFjK7p06fJ4gYh97tjXHN5Ofg2OgCOwxxCwpJ9Xrk8IWD+BhjgMdkhjnNuVCO2SxCeHELIOg0RUK+gweOyxxz4yZMiQJdOnT/8CsoAMEAB2JE+bnAAhERJCwIoA9tc0AKRPme0SABMmTIjH0M+DDz4YHQb5jJC15SFAcoiSxPRAOY5uqZUgWgOYi4eMUwKNpIqPAeSamv9FopCnRs2QsshXQkC5FQIidbVxPGXlbKdfCQDK6hsBQD0mRECauC4lrlvXGgVAeu3sSzs598z+xFmgvmHNmujYt3Ht2qRy1arkhRdeiKvo4X3PqB/CF1FD6BB3VrxRlwAg57fk95NQoE7iWASALADTp0//fPDgwWVHHXXUA/VE7HPHvj322vETOQKOQHNCII/8s20SA5oaINf0gBUCTekw2DV1tMLT+swQAkum8qLGYXBQCGFYCOErDoP9+vV7/5prrvkU0tDoHxLX6B+ShzwYXSqnzDSAyJ99NPKH/Dle4mH8+PFREJCPGzcuxoh/ffbspKayMhIfIsAKAYgRERDFAL4AqQUAIUBZRCqSFZGKgDlOZT5TpG+JCHKIlqSyyJc2CJt2baON7fSnvtR/Ntf10C7Sp40+yXWd9E2d/eiTc6xdvTp+wrdtw4Zk++bNyeKFC5PHH388Olcqah/Ej5me6RWIm99Ago3fhd8LzEX2+i1lFeAY2iQCrA/A9OnTPx4wYMBf27dvf1casQ8/kitM4J68pXh35tjHSpnFBO5xx77m9Gbza3EEHIGiEciSfl5dQoBcYkBCgBw/AURAIT+Bhi5JfGIIASHAimmnmiWJzw8hEHmtoMPgueeeO3v8+PHbNTokhzAgFyUsABCKkhUAGvkjANiP0T+EpOkDckSDhAPm65dfeilGqlsJIaZWgbggEZYBgvfgIIdH/JIlcZqgAoJOR9UcgzVB5AqxQqrkEDZlEmVEAGQrEod0lTheZUv89hiOs32qX0id61Tierkm6lyf7kH3RI5fBOerXrkyqa2sTDDx8xnftk2bkrIFC5JHHnmkbhEdRvzgBPHzWzCaR6iJ5PldhC/blRAGsgrIEiABQF19TZ48ecs555wz66CDDspG7LssDUDF82Ij9rljX9GvB9/REXAE9gcE8og/21aMEJAYKDQ9oCWJCzkMHhVC+FYIgU+sCKzCkqkSAry48xwG8ROYEEKocxjs3r37C5dffvl6SEajeEhGZZE/OQJAIkACQDkCADHAyF+JNqwAJITA2LFj4yj26aeeSlaWl3/5GWGaQ/okKwJUh1zrBABknxIr5JpXrmQkzyiekT8jcr4EMCJAZQkMctrYn3OSk+ifxHadi/PpnCor1/7qA9KvWbUqjvgZ7W9ety7ZsnFj8tZbb8WYCqyap2/uMfNjmmfEDtYQOr+BxV/kTy5LDfvwG0gAaH/EAn1B/mPHjq05/fTTnw8h3BRCuDb9/XkOeB6GhhB+FELAsbR3+tzw/LAUb7d6luIlYp879u0Pbz2/R0fAEdgBgSzp59WbWggUchgkopoVAry4/zOEQAS2ohwGO3fu/OSIESMqIRQIRlYACAXyJod0SNQhHaWsDwACgD4kANhfAgARgIigv8ceeyxZmpI5hBtH0gTgSacJZM5npL4s9R3IioEsOVuiFpFzDGWIWeScV6cNsaA+ROjkHKd2rkfXGLel90A7fVSvWpXUVlUlaysrk+2bNiUfbtmSrK+tTd58880Yo1/Ez2gfksbcD95gC6aQNngJb/0G7CMs9fvweyHe7L6M+rEADB06dMWJJ574mHHsuyp1FB0ZQshz7GM6ieeG5+ckj9i3w/+7VxwBR8ARyEUgj/xtW31CwPoJFLII5C1JjMMgkdSazGHw6KOPfnjAgAGLJ02a9AUkLvKBeGQBIIeoNP9PbqcAZAEQWSmH/ElYBCQEyH/zm98kZfPnJ6sZpVdURHKFtCFUJebWSZjjrTWAsoQCZEydRBkyFinrePon1VkIzDnY1xK6+qbNtqtO/yT2g/Rph/QJ2PPRli2R+KvXrElmzZoVV1u8++67o2MfDn4QP6N2iFzTL2AtCwvYq0y7hJfKEgCIBX4LttPf1KlTP+vfv/+CI4888n7j2EfgqOxSvHLs65lGoMSx9Nsp8Z+QWZGP52t3Ruyz/yuFyrn/eN7oCDgCjkBzQaDQy8u2SwzIR2BnDoNWDOBARaAU+QkwNfAPJp4AL2gcsVhCFYsAS6p2Sl/oO3MYxOGLwEI7OAx+4xvfuPuCCy54b/z48Z9A4Iw0RUhWAED+sgDIegB5IQIgenIJAI4j0SYxcPnll8fj6YMFZua89lqyds2aZM2qVZFcIepoqjdfCEQyTwUC5K9RO2WRc14uMWCFAWX2tSP6vGNpk2gQ6UfiX706XueGtWsT0oebNycfb9uWrFq5Mpk5c2Zy//33xzn+O++8sy7iHiN+RukQt0b1VlCBn0b0Indwg/xJbLcCAAFxxRVXfNy7d++3U8e+n6Yr8hXj2Me0Ec9H59SKpKV43bGvubxV/DocAUdgn0LAEn6hsoQAucRA1mFwZ34CEgKEUM0TArzAEQJEYmN6oNEOgz179nxtwoQJ20RK5BASpA0ZQVKyAEDutJEgfs3/U9YxGv1TRwAo0R/94LGOw2DlypVfjuKZFmB9gHT0jyCgTIKYmYO35n1bhqypk2v0Ty4SJxexK6fPKDrwDUgtBlUrVyYkhAn7Ua5dsyYG6yFS37aNG5PNGzYky5ctS5566qnkvvvui8R/1113xWV0CbKjOX7IW7iBHcKJ+wYPyhID1LMCABw5lj7YVlpauqVnz56z2rZt+z9mKV7m961j30VpAKn/CiFYxz78RngueD7wJ9FSvP8SQiBAFRYmAlbxfClUr0fs26deRX6xjoAjsLcQKET+tn1XhQAv5MY6DOLoVZTDIEu+nnrqqTOHDx9eCwFB1koiMWsBYB87+oe42B9SkwAgtxYAtpeWlsbjLrvssjjaffaZZ6LDIITLiBvChvjxCSDRRh1ShripQ/iqs78S7ewj0pcwoE47ZE8b5B+JPyV9kX91OtqH+CF9RvufbNuWbNu8OZk3b17ypz/9Kc7x33vvvdGagYOfQvViqmf0zmhd5A/pSzhx78LR5uwr4QWGJHAeNWpUzSmnnIJj342pYx8BoMbvxLHvjAY49v2TR+zbW68MP68j4Ai0NAQs4RcqN7UQ2FWHQZZ0JcIgDmM7RBg86aSTnhg0aNBqiIokIaCRrEapjP5lASCH8K0IgPyoWxHAPiTtP3r06CgaiIO/fOnSL0fgkHhFRVIO0ZeXJ8uZBsASAMEz4l+6NG5nn2wSmdv2Cj4NNCN8iF6J/pjXp76+pibZsmFD8tHWrZH0N2/cGImfb/j5nA9fBkz9TGVA/pj6SZC/5vslhIQVBI8oIieBB/tIBAgv9kFADBkyZEWnTp1w7LshjfjYUMc+5vcJLIV1iOki5vcZ8ePRD/Ez2m9IqF78V6zlStYs+zwXeuZte0v7n/f7cQQcAUfgKwjYl15e2b449TK1L9g8h0GWSWXJVHwEsAg0tcPgJSGE4akj2aQQAksSX3/UUUc91Ldv30UTJ078HEIjMeonQVgQGUROnZw2kkieXCIAoiPpeCwAbEcAYBWgPmLEiBglb+477yTVlZVfOg0yTYBTX0YIQOqQN9usIFBZOdshf0z7JIie48jx5Ge0r/l95va3btqUrF+3LnnnnXeSp59+Oq7Mhzj59a9/HU39itePuV9BfBjB25E89ykBILHEfatNWCi/6qqrPrvooosWfPOb35Rj37R0RUh37PvKv5c3OAKOgCPQ/BHII/9sm8SAhAC5xIAVAtnAQo1xGGQemE+/Guww2L59+1/27t373XHjxn0iAofwIH0ITmLACgCVNfqXHwBkP2bMmHgs5I8IYJvahw0bFkUB8etfnzMnqa2ujmS9kgBA+AYQYIgpgVQQUJdlgDZL/JSz5C/LAMRP2lhbG536Ptq2Lamprk5ee+21SPy/+93vooPfr371qzji16hfn/WRM2JnJC9HPwheFhPwEVbKrQBgv/Hjx3/cq1evtw455BAi9rljX/P/n/YrdAQcAUegQQhkST+vLiFALjEgIUCOs+CuOAwemTqA7YrD4E+IMNezZ89XRo4cuRVSQwBIBJBD5hC/5r6pa5TLdoiebQgAawEYNWpUFAAIAqwA5CNHjkwuvfTSaF6fOWNGXEAHwhbJQ+6UlRABsgYwwrcjfvYhVPG66uqYb16/Ptm+ZUs082/dvDlZUV4eF+dhjp/FjiB/zP2QP05+fNaHkx/BfOThLy9/jf4hfO6d++UewYc2KwQkAEpLSzf16NHjZePYd3UawGm0idh3kTv2Nej/zHd2BBwBR6DZIpBH/Nm2XRUChRwGmf9lHhghUCjCYIMcBr/73e/OGDZs2FoJAFkCJAJsDilCiJYcOc5aABABCAPaSNRLSkoIdpMMHz48Cg3m4llQByGACR8RANnLR0ACgOkBmfslBOrM/Nu3R/Jnfr+8vDz585//nDz77LPJH/7whxi9D+9+zP2/+MUv4jw/4XuxRuDsxzw/I3/In7Lm8UX+1EkIANokfiQEhgwZUn3yySc/5459zfZ/1C/MEXAEHIHdikCW9PPq9QkBOz1gYwkcZPwE7JcDO3MYPD6NCNcljRCXjTD4gxACDoNElvuKw+Dxxx//+IABAyoQABAfxK8kAtQ0ACJAo2NZANjXTgFIAGABIGERQAAMHjw4YXoAYQBJL1uyJFlXU5OsZo6fmAIrVyYriB2wfHn8qoD2mqqqZCOf8OHNv3178uG2bQnEv3jx4uTll1+OXv1PPvlkJH6N+H/+85/HEf8tt9wSR/2a52fkbwP66DM9cqYCsARkBYCEwcCBA5d17NjxUePYh58FjpfgWUzEPnfs263/kt65I+AIOAJ7HoE88rdtjRECu8thkMhyLEmc6zB4xBFHPNi3b9+yCRMmfI4pXBYAKwIgekb+8gGQULACAIJXQgBgARgyZEidAGBaQAnT/Htz5345PYB5v6oqCgL8BjbU1taZ+T/58MNkXW1t9Oh/8cUX43f8hCkm4eAH+cvJDy9/HP0QAJj8STj8Qf6M/kmQvcSABIDM/9wvpv5x48Z99v3vf/9vhx122H3pinx5jn2s7Li7I/ZpcSqmkOrz6LfPXqHynv8v8TM6Ao6AI9CCESj0srXtEgPyEWisw2ChwEI2wmDWYZClYrNLEivC4JjUY30qRIdD2/nnnz8Xh0FLihAjRI8FQD4AGu1bAaA2TQFgAWDkT8IKIPK/5JJL4hQB7ZB0dBisqUk2rV8fR/2M+Ldv3RqJf+7cuQnEj6n/iSeeqCP+Bx98MC7RSwhf5vohfRKf+EH61vSPJYDP/YjBr9E+RM/on8S9pub/j84777w3Dz744Dt34tjXNyX+/05xBd/dGbHP+pPY50fPlH3OCpVb8L+f35oj4Ag4AnsfgUIvX9uulza5Xub2Bc9Ij5T9ciBveiAvwmB9DoMEFiLi3M6WJP7JgQceeHuPHj1eGT58+FZIX6N/TQEw+ofsEQOQvb4CsALATgFIBEgAkKuNYziexXfmzJ4dSX/58uXJK6+8kjz33HNxxE/0Phz8HnrooQTiJ4TvPffcUxfGF9LH0Y85f+b7EQD0B+HL/M/onxE/AgAxQMLMjwAYM2bMxu7du7/Utm3b20II14UQ3LFv7/8/+RU4Ao6AI7DPIWAJv1C5KYWAliRm6deGOgyyxOxF6ZKzJWmkOi1JfC0RBnEYLCkpWYsVQAKAqYDsFIBG+xA6BI8ToHwARPZWAMgvAB8Bmd75XI85/hkzZsQ5fhwHFcjnt7/9bSR9zP0a9WPyh/Rvv/32OPePNQEhAOlbASALAM5/JKYAsACUlJSs+c53vvNMxrFvXCZi34UhhF4hhLNDCPVF7MsG7sF/oyGBe9qYT0kRhhKJ9nkp9EzZ9n3un8Yv2BFwBByBloSAfSEXKtsXu1721iLQrBwG+/XrVwHxIwCwClDWFAAjfhE9VgFrARDZY/qXCFAbAoB+GJFD7AsWLEieeeaZSPzM8xPFj9E+IXxx8mO5XgifhGDQnD+Eb83/1BXqVz4AWAQoDxo0aOmxxx77+xzHvhGpYx/+EjhQnpcu2ZxdirdYx75D0lDQ9cXor29+n+ek0DNk21vS/4/fiyPgCDgCLQIB+5LOKzdGCOwth8EH+vTpU1ZaWvq5BABkz5cBjP4RAVYA4ARIm3wAEAFqo53jsAAgAPh8b+HChXH0r0/7cPRDADDaRwAw3w/pIwAgfHJG/RA+Oeb/PAvAtGnTPu3fv//8ww8//N7UsQ+/h+xSvLvi2KeFeRjx8xUHER+J/kjgJyJB8nuRCjn2SQCS63nIe1aybS3iH8RvwhFwBByBlo5A9uWdV9fL3xKCrALWIpD1E8hGGCzkMKiVCFlatqEOgyxhew0E+rWvfe2us88++6+jRo36WD4AjOY1BYAoYLQv8pcAoE0iACGAAGBqASc8SH7+/PnR0Y/5fkb9JNoRByREgEz/d9xxR3T8QxAwFYAgQAjgACgLwNSpUz/q06fPm1//+teLcezDPwKHydOawLEPvw0RP597WuLX7+lm/pb+H+/35wg4Ao5ABoE84s+2SQiQSwxY4mC+mJQVAsU4DCqwEEvMFoowmOcwiJ8AS9lOTIVAdBg87bTTZpWUlGyB7EmQvKYA7GifduoIABKiwAoASPzdd9+N5n9G/orjj6mfkT6jfwkA6rIEyAFQzoBYACZNmrTxrLPOso59UzxiX+Yp9Koj4Ag4Ao7AXkMgS/p59aYUAnIYZGW5+hwGu6VL1GpJYuswODTrMIgjXdeuXZ/v379/jaYAFAlQ8/3UEQGQPzkJwYBPAU55xAZ4++23Y2Q/nP5w+MP8LwEA6SMA2I82CF9BfxAPOAGOGzeu6rTTTvu/Ih37znLHvr327PuJHQFHwBFwBIp08KpPCNjpgWIiDPIZoRUCeLArnoAiDLIAEUKACIM4wkGYOMbZCIM4zhEZTysR3nDMMcc8duGFF66QALCWARG/rABsk2MhBD5nzpy4ih8RA0n63E8WAEb9G4uK7gAACBpJREFUEgB2CmDUqFFLOnXqhGPf9emKiIrYtzPHvu+l98d9NsSxj/n9PeHY5/8cjoAj4Ag4AvsRAnlWgGybxEDe1ECeEGiswyB+AhAjBPntEAKEiRDomQoBIuHhODcoXZK41AYWOvTQQ+8/99xzFwwaNOgzPgsU+StHBGAtyAoAPP+Z+7cCgBG/pgAQAIz4b7zxxk9LSkrmHXHEEfekjn34J+DYx3UMS6/LHfv2o38ev1VHwBFwBFoCAlnSz6tnhQCCQH4CVghk/QQa6zDYOV2SmMh3ijCI41yfEAIR8ogwKD8B4glAyNcRWa979+5vDR48+GPIX6N/yggD/AX4nJDP9oj6R3hf5v/16R/Of5C/BMDNN9/8Yd++fWe3b9/+jjRwj+b38U/g/FzHD9Pr4vqYxnDHvpbwX+H34Ag4Ao7AfoRAHvFn2yQEyPOsAm0a6TD4z2YlQhwGv5V+OXBiCOE/Uk/5U1OCPSeNMEjgnB+FEIakfgIE1pkcQpjetm3bW7p16/bSwIEDN8kKQLAgfUXAN/oEASLaHyKAb/5JmPpJ119//fpevXrNbNOmzc2pmZ9+mX4YlZ6P83J+Ih1yPRA/KyUyjcH1ct18+cB9cD9ETsQhkvvsEELgUz4P3LMf/XP5rToCjoAjsC8gkCX9vHpTCoFiHQa1EiFEm/UTIKAOK+YNDyGw7oA+I/xJ586dn+7Xr18VAoBPB5kKIErf888/H03/ED/z/wQHuvrqq1efccYZT6SjfawK9EN/9Ev/nOeCAoF7uL5/N8TPksoesW9feOL9Gh0BR8ARcAR2QCCP+LNt9QkBOz2wqw6D+Al0Sv0ETk79BDQ9wII5TA9gjh+YmucZrctpcGrHjh1ZiXAx6wqwKA8BgNJQv19MmTJlUdeuXQncQ9AeOfVxPGZ++qNfRvsy83Ne/BS4DvwWuC6u7+jUwTFL/DhCInSI2OeOfTs8Zl5xBBwBR8ARaM4IZIk/ry4xkDc1kCcEGuMwiDldgYUws3c10wPEz8ccr68HcMrTaoSj27ZtO/6ggw6adPTRR98+YMCAv1599dUfjh079q0TTjjhZ7SzPTXxX5oex/EK00u/9M80hFbkk5mf+AZcF4GPIP7DjZlfxO8R+5rz0+3X5gg4Ao6AI1AvAnnEn23LCoGmchi0fgKY15lf5zNCiBjzO6NxfUZogwsxV9+vVatWF7du3XpIu3btRhx88MGjDznkkNHk1Glne/qlAaSfN9rn6wRG+5j5OS/n5zry5vchfiIkWuL3iH31Pl6+gyPgCDgCjkBzRyBL+nl1CQHyPKtAQxwG5SeglQgZZdt4ArIK6OsBBRfCV4CQu+e0atWqV6tWrfq0adPmwgMPPLBvmn5InXa2pxYE9uc4xAT9YGXQaD9r5uc6CHTEdbljX3N/av36HAFHwBFwBJoMgTziz7Y1lRBg/hwhwOgassWbHgLGux7zO6NxzPGMzokpAGnjkQ+JM1+P+f70Aw444IwDDjigh0mY9pnTZ7vm9eXJz9z+cWa0z3k4X56Zv9gV+RA++oTSY/Q32aPoHTkCjoAj4AjsDQSypJ9Xr08I7MxPQPEEMKlDtJjXZRVACDAKl1VAYgATPeTN53iY7bEOYMKH3BnVY9Inp0472+XFnyX9I9L+OQ9RDe1oX459eSvyaXEeSJ/721Xi3xu/rZ/TEXAEHAFHwBEoCoE88s+2SQzkTQ1YIVAosBDhcSUGslYBiQFIm/l5wg4rtgAWAsz4JCwFKtOub/bZn+Ms6cvEL6e+7GjfLsUr0ufas8Sv+yUXBlls8upFAe87OQKOgCPgCDgCzQGBPCLLtokELTHaUXIhPwGWv5VVgM/qrBj4x3SEDmljHcB5EOuALAT4DuQl7aNgPSJ9+kNkiPQ5nx3tZ5fi1TXb+9D96X7Js1jk1ZvD7+jX4Ag4Ao6AI+AINAqBPGLLtlliFFlaAs2zCkC8pOyyxFYMQNwSBJjuSRC7xIHK2oZpX4SfJf3sojyce2ejfa5f92LvL3vvefVGAe0HOQKOgCPgCDgCzRGBPKLLtlmiFHnmCQFG2ZoegIQlBCQGGKHLMiBBgN+AfAcgd5u0TaN8jtFIn770CZ9IX8Sv0X5TzO+Dhf85Ao6AI+AIOAItFoEs6efV84QAgkBiAMKVVUBiAEFAcCEFGIKsmSbQVAFEzii+UGI7ScdwPEl90r/m9TmnrkHXJMFCruvPu7dsW4v9of3GHAFHwBFwBByBQghkyTCvLjIltyQr4hURWyEg64DIW2ROzmg+m+x2HaNRviV+nUvnttdjrzPvPrJthTDxdkfAEXAEHAFHYL9BIEuOeXVLsPWJAVkHRN7KIfVCSfsot6N8+quP9LmmvOvOtu03P6rfqCPgCDgCjoAjUCwCWbIsVC9GDIiwlUsUQOx5yZK8jlFeaKRfLOlzH/7nCDgCjoAj4Ag4AvUgUIj489qzYoC6JWzKIvJi8uyxef3nXUehtnpu1Tc7Ao6AI+AIOAKOQB4ChYi1UHseYdu2LMFTt9vzyoXOVag97z68zRFwBBwBR8ARcAQagUAhsm1Iex65q60h/RTatxG35Yc4Ao6AI+AIOAKOQLEIFCLgvdFe7DX7fo6AI+AIOAKOgCPQhAg46TchmN6VI+AIOAKOgCOwryKwOwTBvoqFX7cj4Ag4Ao6AI7BfI9AQUbBfA+U37wg4Ao6AI+AIOAKOgCPgCDgCjoAj4Ag4Ao6AI+AIOAKOgCPgCDgCjoAj4Ag4Ao6AI+AIOAKOgCPgCOwrCPw/ZkCFcoxLnQcAAAAASUVORK5CYII="
+        />
+      </defs>
+    </svg>
+  )
+}
+
+export default ZoteroLogo
diff --git a/services/web/frontend/js/shared/utils/colors.ts b/services/web/frontend/js/shared/utils/colors.ts
new file mode 100644
index 0000000..346a52d
--- /dev/null
+++ b/services/web/frontend/js/shared/utils/colors.ts
@@ -0,0 +1,52 @@
+import { generateMD5Hash } from './md5'
+import getMeta from '@/utils/meta'
+
+const ANONYMOUS_HUE = 100
+const OWN_HUE = 200 // We will always appear as this color to ourselves
+const OWN_HUE_BLOCKED_SIZE = 20 // no other user should have a HUE in this range
+const TOTAL_HUES = 360 // actually 361, but 360 for legacy reasons
+
+export function getHueForUserId(userId?: string): number {
+  if (userId == null || userId === 'anonymous-user') {
+    return ANONYMOUS_HUE
+  }
+
+  if (getMeta('ol-user_id') === userId) {
+    return OWN_HUE
+  }
+
+  let hue = getHueForId(userId)
+
+  // if `hue` is within `OWN_HUE_BLOCKED_SIZE` degrees of the personal hue
+  // (`OWN_HUE`), shift `hue` to the end of available hues by adding
+  if (
+    hue > OWN_HUE - OWN_HUE_BLOCKED_SIZE &&
+    hue < OWN_HUE + OWN_HUE_BLOCKED_SIZE
+  ) {
+    hue = hue - OWN_HUE // `hue` now at 0 +/- `OWN_HUE_BLOCKED_SIZE`
+    hue = hue + TOTAL_HUES - OWN_HUE_BLOCKED_SIZE
+  }
+
+  return hue
+}
+
+export function getBackgroundColorForUserId(userId?: string) {
+  return `hsl(${getHueForUserId(userId)}, 70%, 50%)`
+}
+
+const cachedHues = new Map()
+
+export function getHueForId(id: string) {
+  if (cachedHues.has(id)) {
+    return cachedHues.get(id)
+  }
+
+  const hash = generateMD5Hash(id)
+
+  const hue =
+    parseInt(hash.slice(0, 8), 16) % (TOTAL_HUES - OWN_HUE_BLOCKED_SIZE * 2)
+
+  cachedHues.set(id, hue)
+
+  return hue
+}
diff --git a/services/web/frontend/js/shared/utils/crypto.js b/services/web/frontend/js/shared/utils/crypto.js
new file mode 100644
index 0000000..b83ef20
--- /dev/null
+++ b/services/web/frontend/js/shared/utils/crypto.js
@@ -0,0 +1,41 @@
+/**
+ * From: https://github.com/pvorb/node-crypt/blob/master/crypt.js
+ * Copyright © 2011, Paul Vorbach. All rights reserved.
+ * Copyright © 2009, Jeff Mott. All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without modification,
+ * are permitted provided that the following conditions are met:
+ *
+ * 1. Redistributions of source code must retain the above copyright notice, this list of
+ *    conditions and the following disclaimer.
+ * 2. Redistributions in binary form must reproduce the above copyright notice, this list of
+ *    conditions and the following disclaimer in the documentation and/or other materials
+ *    provided with the distribution.
+ * 3. Neither the name Crypto-JS nor the names of its contributors may be used to endorse or
+ *    promote products derived from this software without specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR
+ * IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY
+ * AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR
+ * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+ * DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+ * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER
+ * IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT
+ * OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+
+// Convert a byte array to big-endian 32-bit words
+export function bytesToWords(bytes) {
+  const words = []
+  for (let i = 0, b = 0; i < bytes.length; i++, b += 8)
+    words[b >>> 5] |= bytes[i] << (24 - (b % 32))
+  return words
+}
+
+// Convert big-endian 32-bit words to a byte array
+export function wordsToBytes(words) {
+  const bytes = []
+  for (let b = 0; b < words.length * 32; b += 8)
+    bytes.push((words[b >>> 5] >>> (24 - (b % 32))) & 0xff)
+  return bytes
+}
diff --git a/services/web/frontend/js/shared/utils/currency.ts b/services/web/frontend/js/shared/utils/currency.ts
new file mode 100644
index 0000000..5a51150
--- /dev/null
+++ b/services/web/frontend/js/shared/utils/currency.ts
@@ -0,0 +1,28 @@
+import getMeta from '@/utils/meta'
+
+const DEFAULT_LOCALE = getMeta('ol-i18n')?.currentLangCode ?? 'en'
+
+export function formatCurrency(
+  amount: number,
+  currency: string,
+  locale: string = DEFAULT_LOCALE,
+  stripIfInteger = false
+): string {
+  const options: Intl.NumberFormatOptions = { style: 'currency', currency }
+  if (stripIfInteger && Number.isInteger(amount)) {
+    options.minimumFractionDigits = 0
+  }
+
+  try {
+    return amount.toLocaleString(locale, {
+      ...options,
+      currencyDisplay: 'narrowSymbol',
+    })
+  } catch {}
+
+  try {
+    return amount.toLocaleString(locale, options)
+  } catch {}
+
+  return `${currency} ${amount}`
+}
diff --git a/services/web/frontend/js/shared/utils/email.tsx b/services/web/frontend/js/shared/utils/email.tsx
new file mode 100644
index 0000000..9c2f05a
--- /dev/null
+++ b/services/web/frontend/js/shared/utils/email.tsx
@@ -0,0 +1,12 @@
+// Copied from backend code: https://github.com/overleaf/internal/blob/6af8ae850bd8075e6bf0ebcafd2731177cdf49ad/services/web/app/src/Features/Helpers/EmailHelper.js#L5
+const EMAIL_REGEXP =
+  // eslint-disable-next-line no-useless-escape
+  /^([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+
+export function isValidEmail(email: string | undefined | null) {
+  if (!email) {
+    return false
+  } else {
+    return EMAIL_REGEXP.test(email)
+  }
+}
diff --git a/services/web/frontend/js/shared/utils/external-script-loader.ts b/services/web/frontend/js/shared/utils/external-script-loader.ts
new file mode 100644
index 0000000..fda17e5
--- /dev/null
+++ b/services/web/frontend/js/shared/utils/external-script-loader.ts
@@ -0,0 +1,31 @@
+import { useState, useEffect } from 'react'
+
+type ExternalScriptLoaderProps = {
+  children: JSX.Element
+  src: string
+}
+
+function ExternalScriptLoader({ children, src }: ExternalScriptLoaderProps) {
+  const [loaded, setLoaded] = useState(false)
+
+  useEffect(() => {
+    const body = document.querySelector('body')
+    const script = document.createElement('script')
+
+    script.async = true
+    script.src = src
+    script.onload = () => {
+      setLoaded(true)
+    }
+
+    body?.appendChild(script)
+
+    return () => {
+      body?.removeChild(script)
+    }
+  }, [src])
+
+  return loaded ? children : null
+}
+
+export default ExternalScriptLoader
diff --git a/services/web/frontend/js/shared/utils/formatDate.ts b/services/web/frontend/js/shared/utils/formatDate.ts
new file mode 100644
index 0000000..774b823
--- /dev/null
+++ b/services/web/frontend/js/shared/utils/formatDate.ts
@@ -0,0 +1,9 @@
+import moment from 'moment'
+
+export function formatUtcDate(date: moment.MomentInput) {
+  if (date) {
+    return moment(date).utc().format('D MMM YYYY, HH:mm:ss') + ' UTC'
+  } else {
+    return 'N/A'
+  }
+}
diff --git a/services/web/frontend/js/shared/utils/grammarly.ts b/services/web/frontend/js/shared/utils/grammarly.ts
new file mode 100644
index 0000000..0aaf57e
--- /dev/null
+++ b/services/web/frontend/js/shared/utils/grammarly.ts
@@ -0,0 +1,3 @@
+export default function grammarlyExtensionPresent() {
+  return !!document.querySelector('grammarly-desktop-integration')
+}
diff --git a/services/web/frontend/js/shared/utils/md5.ts b/services/web/frontend/js/shared/utils/md5.ts
new file mode 100644
index 0000000..c5a9dd1
--- /dev/null
+++ b/services/web/frontend/js/shared/utils/md5.ts
@@ -0,0 +1,179 @@
+/**
+ * Inspired by https://stackoverflow.com/a/60467595/237917
+ * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message
+ * Digest Algorithm, as defined in RFC 1321.
+ * Version 2.2 Copyright (C) Paul Johnston 1999 - 2009
+ * Other contributors: Greg Holt, Andrew Kepert, Ydnar, Lostinet
+ * Distributed under the BSD License
+ * See http://pajhome.org.uk/crypt/md5 for more info.
+ */
+
+export function generateMD5Hash(inputString: string): string {
+  const hc = '0123456789abcdef'
+  function rh(n: number) {
+    let j
+    let s = ''
+    for (j = 0; j <= 3; j++)
+      s +=
+        hc.charAt((n >> (j * 8 + 4)) & 0x0f) + hc.charAt((n >> (j * 8)) & 0x0f)
+    return s
+  }
+  function ad(x: number, y: number) {
+    const l = (x & 0xffff) + (y & 0xffff)
+    const m = (x >> 16) + (y >> 16) + (l >> 16)
+    return (m << 16) | (l & 0xffff)
+  }
+  function rl(n: number, c: number) {
+    return (n << c) | (n >>> (32 - c))
+  }
+  function cm(
+    q: number,
+    a: number,
+    b: number,
+    x: number,
+    s: number,
+    t: number
+  ) {
+    return ad(rl(ad(ad(a, q), ad(x, t)), s), b)
+  }
+  function ff(
+    a: number,
+    b: number,
+    c: number,
+    d: number,
+    x: number,
+    s: number,
+    t: number
+  ) {
+    return cm((b & c) | (~b & d), a, b, x, s, t)
+  }
+  function gg(
+    a: number,
+    b: number,
+    c: number,
+    d: number,
+    x: number,
+    s: number,
+    t: number
+  ) {
+    return cm((b & d) | (c & ~d), a, b, x, s, t)
+  }
+  function hh(
+    a: number,
+    b: number,
+    c: number,
+    d: number,
+    x: number,
+    s: number,
+    t: number
+  ) {
+    return cm(b ^ c ^ d, a, b, x, s, t)
+  }
+  function ii(
+    a: number,
+    b: number,
+    c: number,
+    d: number,
+    x: number,
+    s: number,
+    t: number
+  ) {
+    return cm(c ^ (b | ~d), a, b, x, s, t)
+  }
+  function sb(x: string) {
+    let i
+    const nblk = ((x.length + 8) >> 6) + 1
+    const blks = new Array(nblk * 16)
+    for (i = 0; i < nblk * 16; i++) blks[i] = 0
+    for (i = 0; i < x.length; i++)
+      blks[i >> 2] |= x.charCodeAt(i) << ((i % 4) * 8)
+    blks[i >> 2] |= 0x80 << ((i % 4) * 8)
+    blks[nblk * 16 - 2] = x.length * 8
+    return blks
+  }
+  let i
+  const x = sb('' + inputString)
+  let a = 1732584193
+  let b = -271733879
+  let c = -1732584194
+  let d = 271733878
+  let olda
+  let oldb
+  let oldc
+  let oldd
+  for (i = 0; i < x.length; i += 16) {
+    olda = a
+    oldb = b
+    oldc = c
+    oldd = d
+    a = ff(a, b, c, d, x[i + 0], 7, -680876936)
+    d = ff(d, a, b, c, x[i + 1], 12, -389564586)
+    c = ff(c, d, a, b, x[i + 2], 17, 606105819)
+    b = ff(b, c, d, a, x[i + 3], 22, -1044525330)
+    a = ff(a, b, c, d, x[i + 4], 7, -176418897)
+    d = ff(d, a, b, c, x[i + 5], 12, 1200080426)
+    c = ff(c, d, a, b, x[i + 6], 17, -1473231341)
+    b = ff(b, c, d, a, x[i + 7], 22, -45705983)
+    a = ff(a, b, c, d, x[i + 8], 7, 1770035416)
+    d = ff(d, a, b, c, x[i + 9], 12, -1958414417)
+    c = ff(c, d, a, b, x[i + 10], 17, -42063)
+    b = ff(b, c, d, a, x[i + 11], 22, -1990404162)
+    a = ff(a, b, c, d, x[i + 12], 7, 1804603682)
+    d = ff(d, a, b, c, x[i + 13], 12, -40341101)
+    c = ff(c, d, a, b, x[i + 14], 17, -1502002290)
+    b = ff(b, c, d, a, x[i + 15], 22, 1236535329)
+    a = gg(a, b, c, d, x[i + 1], 5, -165796510)
+    d = gg(d, a, b, c, x[i + 6], 9, -1069501632)
+    c = gg(c, d, a, b, x[i + 11], 14, 643717713)
+    b = gg(b, c, d, a, x[i + 0], 20, -373897302)
+    a = gg(a, b, c, d, x[i + 5], 5, -701558691)
+    d = gg(d, a, b, c, x[i + 10], 9, 38016083)
+    c = gg(c, d, a, b, x[i + 15], 14, -660478335)
+    b = gg(b, c, d, a, x[i + 4], 20, -405537848)
+    a = gg(a, b, c, d, x[i + 9], 5, 568446438)
+    d = gg(d, a, b, c, x[i + 14], 9, -1019803690)
+    c = gg(c, d, a, b, x[i + 3], 14, -187363961)
+    b = gg(b, c, d, a, x[i + 8], 20, 1163531501)
+    a = gg(a, b, c, d, x[i + 13], 5, -1444681467)
+    d = gg(d, a, b, c, x[i + 2], 9, -51403784)
+    c = gg(c, d, a, b, x[i + 7], 14, 1735328473)
+    b = gg(b, c, d, a, x[i + 12], 20, -1926607734)
+    a = hh(a, b, c, d, x[i + 5], 4, -378558)
+    d = hh(d, a, b, c, x[i + 8], 11, -2022574463)
+    c = hh(c, d, a, b, x[i + 11], 16, 1839030562)
+    b = hh(b, c, d, a, x[i + 14], 23, -35309556)
+    a = hh(a, b, c, d, x[i + 1], 4, -1530992060)
+    d = hh(d, a, b, c, x[i + 4], 11, 1272893353)
+    c = hh(c, d, a, b, x[i + 7], 16, -155497632)
+    b = hh(b, c, d, a, x[i + 10], 23, -1094730640)
+    a = hh(a, b, c, d, x[i + 13], 4, 681279174)
+    d = hh(d, a, b, c, x[i + 0], 11, -358537222)
+    c = hh(c, d, a, b, x[i + 3], 16, -722521979)
+    b = hh(b, c, d, a, x[i + 6], 23, 76029189)
+    a = hh(a, b, c, d, x[i + 9], 4, -640364487)
+    d = hh(d, a, b, c, x[i + 12], 11, -421815835)
+    c = hh(c, d, a, b, x[i + 15], 16, 530742520)
+    b = hh(b, c, d, a, x[i + 2], 23, -995338651)
+    a = ii(a, b, c, d, x[i + 0], 6, -198630844)
+    d = ii(d, a, b, c, x[i + 7], 10, 1126891415)
+    c = ii(c, d, a, b, x[i + 14], 15, -1416354905)
+    b = ii(b, c, d, a, x[i + 5], 21, -57434055)
+    a = ii(a, b, c, d, x[i + 12], 6, 1700485571)
+    d = ii(d, a, b, c, x[i + 3], 10, -1894986606)
+    c = ii(c, d, a, b, x[i + 10], 15, -1051523)
+    b = ii(b, c, d, a, x[i + 1], 21, -2054922799)
+    a = ii(a, b, c, d, x[i + 8], 6, 1873313359)
+    d = ii(d, a, b, c, x[i + 15], 10, -30611744)
+    c = ii(c, d, a, b, x[i + 6], 15, -1560198380)
+    b = ii(b, c, d, a, x[i + 13], 21, 1309151649)
+    a = ii(a, b, c, d, x[i + 4], 6, -145523070)
+    d = ii(d, a, b, c, x[i + 11], 10, -1120210379)
+    c = ii(c, d, a, b, x[i + 2], 15, 718787259)
+    b = ii(b, c, d, a, x[i + 9], 21, -343485551)
+    a = ad(a, olda)
+    b = ad(b, oldb)
+    c = ad(c, oldc)
+    d = ad(d, oldd)
+  }
+  return rh(a) + rh(b) + rh(c) + rh(d)
+}
diff --git a/services/web/frontend/js/shared/utils/os.ts b/services/web/frontend/js/shared/utils/os.ts
new file mode 100644
index 0000000..e34c8fc
--- /dev/null
+++ b/services/web/frontend/js/shared/utils/os.ts
@@ -0,0 +1 @@
+export const isMac = /Mac/.test(window.navigator?.platform)
diff --git a/services/web/frontend/js/shared/utils/sha1.js b/services/web/frontend/js/shared/utils/sha1.js
new file mode 100644
index 0000000..fcdc74e
--- /dev/null
+++ b/services/web/frontend/js/shared/utils/sha1.js
@@ -0,0 +1,99 @@
+/**
+ * From https://github.com/pvorb/node-sha1/blob/master/sha1.js
+ * Copyright © 2009, Jeff Mott. All rights reserved.
+ * Copyright © 2011, Paul Vorbach. All rights reserved.
+ *
+ * Redistribution and use in source and binary forms, with or without modification,
+ * are permitted provided that the following conditions are met:
+ *
+ * 1. Redistributions of source code must retain the above copyright notice, this
+ *    list of conditions and the following disclaimer.
+ * 2. Redistributions in binary form must reproduce the above copyright notice, this
+ *    list of conditions and the following disclaimer in the documentation and/or
+ *    other materials provided with the distribution.
+ * 3. Neither the name Crypto-JS nor the names of its contributors may be used to
+ *    endorse or promote products derived from this software without specific prior
+ *    written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+ * ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+ * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+ * DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR
+ * ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+ * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
+ * ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+ * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+ * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+
+import { wordsToBytes, bytesToWords } from './crypto'
+
+export function generateSHA1Hash(inputString) {
+  const encoder = new TextEncoder()
+  const uint8Array = encoder.encode(inputString)
+
+  const m = bytesToWords(uint8Array)
+  const l = uint8Array.length * 8
+  const w = []
+  let H0 = 1732584193
+  let H1 = -271733879
+  let H2 = -1732584194
+  let H3 = 271733878
+  let H4 = -1009589776
+
+  // Padding
+  m[l >> 5] |= 0x80 << (24 - (l % 32))
+  m[(((l + 64) >>> 9) << 4) + 15] = l
+
+  for (let i = 0; i < m.length; i += 16) {
+    const a = H0
+    const b = H1
+    const c = H2
+    const d = H3
+    const e = H4
+
+    for (let j = 0; j < 80; j++) {
+      if (j < 16) w[j] = m[i + j]
+      else {
+        const n = w[j - 3] ^ w[j - 8] ^ w[j - 14] ^ w[j - 16]
+        w[j] = (n << 1) | (n >>> 31)
+      }
+
+      const t =
+        ((H0 << 5) | (H0 >>> 27)) +
+        H4 +
+        (w[j] >>> 0) +
+        (j < 20
+          ? ((H1 & H2) | (~H1 & H3)) + 1518500249
+          : j < 40
+            ? (H1 ^ H2 ^ H3) + 1859775393
+            : j < 60
+              ? ((H1 & H2) | (H1 & H3) | (H2 & H3)) - 1894007588
+              : (H1 ^ H2 ^ H3) - 899497514)
+
+      H4 = H3
+      H3 = H2
+      H2 = (H1 << 30) | (H1 >>> 2)
+      H1 = H0
+      H0 = t
+    }
+
+    H0 += a
+    H1 += b
+    H2 += c
+    H3 += d
+    H4 += e
+  }
+
+  const result = wordsToBytes([H0, H1, H2, H3, H4])
+
+  // Convert array of bytes to a hex string
+  // padStart is used to ensure numbers that are
+  // less than 16 will still be converted into the two-character format
+  // For example:
+  // "5" => "05"
+  // "a" => "0a"
+  // "ff" => "ff"
+  return result.map(b => b.toString(16).padStart(2, '0')).join('')
+}
diff --git a/services/web/frontend/js/shared/utils/styles.ts b/services/web/frontend/js/shared/utils/styles.ts
new file mode 100644
index 0000000..2b30b3e
--- /dev/null
+++ b/services/web/frontend/js/shared/utils/styles.ts
@@ -0,0 +1,29 @@
+export type OverallTheme = '' | 'light-'
+
+export const fontFamilies = {
+  monaco: ['Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'monospace'],
+  lucida: ['Lucida Console', 'Source Code Pro', 'monospace'],
+  opendyslexicmono: ['OpenDyslexic Mono', 'monospace'],
+}
+
+export type FontFamily = keyof typeof fontFamilies
+
+export const lineHeights = {
+  compact: 1.33,
+  normal: 1.6,
+  wide: 2,
+}
+
+export type LineHeight = keyof typeof lineHeights
+
+type Options = {
+  fontFamily: FontFamily
+  fontSize: number
+  lineHeight: LineHeight
+}
+
+export const userStyles = ({ fontFamily, fontSize, lineHeight }: Options) => ({
+  fontFamily: fontFamilies[fontFamily]?.join(','),
+  fontSize: `${fontSize}px`,
+  lineHeight: lineHeights[lineHeight],
+})
diff --git a/services/web/frontend/js/shared/utils/url-helper.ts b/services/web/frontend/js/shared/utils/url-helper.ts
new file mode 100644
index 0000000..60e3308
--- /dev/null
+++ b/services/web/frontend/js/shared/utils/url-helper.ts
@@ -0,0 +1,14 @@
+export function buildUrlWithDetachRole(mode: string | null) {
+  return cleanURL(new URL(window.location.href), mode)
+}
+
+export function cleanURL(url: URL, mode: string | null) {
+  let cleanPathname = url.pathname
+    .replace(/\/(detached|detacher)\/?$/, '')
+    .replace(/\/$/, '')
+  if (mode) {
+    cleanPathname += `/${mode}`
+  }
+  url.pathname = cleanPathname
+  return url
+}
diff --git a/services/web/frontend/js/utils/EventEmitter.ts b/services/web/frontend/js/utils/EventEmitter.ts
new file mode 100644
index 0000000..753cd24
--- /dev/null
+++ b/services/web/frontend/js/utils/EventEmitter.ts
@@ -0,0 +1,78 @@
+// Simple event emitter implementation, but has a slightly unusual API for
+// removing specific listeners. If a specific listener needs to be removed
+// (instead of all listeners), then it needs to use a "namespace":
+// Create a listener on the foo event with bar namespace: .on 'foo.bar'
+// Trigger all events for the foo event (including namespaces): .trigger 'foo'
+// Remove all listeners for the foo event (including namespaces): .off 'foo'
+// Remove a listener for the foo event with the bar namespace: .off 'foo.bar'
+
+export default class EventEmitter {
+  events: Record<
+    string,
+    {
+      callback: (...args: any[]) => void
+      namespace: string
+    }[]
+  >
+
+  constructor() {
+    this.events = {}
+  }
+
+  on(event: string, callback: (...args: any[]) => void) {
+    if (!this.events) {
+      this.events = {}
+    }
+    let namespace
+    ;[event, namespace] = Array.from(event.split('.'))
+    if (!this.events[event]) {
+      this.events[event] = []
+    }
+    this.events[event].push({
+      callback,
+      namespace,
+    })
+  }
+
+  off(event?: string, callback?: (...args: any[]) => void) {
+    if (!this.events) {
+      this.events = {}
+    }
+    if (event) {
+      let namespace
+      ;[event, namespace] = event.split('.')
+      if (!this.events[event]) {
+        this.events[event] = []
+      }
+      if (callback) {
+        this.events[event] = this.events[event].filter(
+          e => e.callback !== callback
+        )
+      } else if (!namespace) {
+        // Clear all listeners for event
+        delete this.events[event]
+      } else {
+        // Clear only namespaced listeners
+        this.events[event] = this.events[event].filter(
+          e => e.namespace !== namespace
+        )
+      }
+    } else {
+      // Remove all listeners
+      this.events = {}
+    }
+  }
+
+  trigger(event: string, ...args: any[]) {
+    if (!this.events) {
+      this.events = {}
+    }
+    if (this.events[event]) {
+      this.events[event].forEach(e => e.callback(...args))
+    }
+  }
+
+  emit(event: string, ...args: any[]) {
+    this.trigger(event, ...args)
+  }
+}
diff --git a/services/web/frontend/js/utils/abort-signal.ts b/services/web/frontend/js/utils/abort-signal.ts
new file mode 100644
index 0000000..98e9ce4
--- /dev/null
+++ b/services/web/frontend/js/utils/abort-signal.ts
@@ -0,0 +1,25 @@
+export const supportsModernAbortSignal =
+  typeof AbortSignal.any === 'function' &&
+  typeof AbortSignal.timeout === 'function'
+
+export const signalWithTimeout = (signal: AbortSignal, timeout: number) => {
+  if (supportsModernAbortSignal) {
+    return AbortSignal.any([signal, AbortSignal.timeout(timeout)])
+  }
+
+  const abortController = new AbortController()
+
+  const abort = () => {
+    window.clearTimeout(timer)
+    signal.removeEventListener('abort', abort)
+    abortController.abort()
+  }
+
+  // abort after timeout has expired
+  const timer = window.setTimeout(abort, timeout)
+
+  // abort when the original signal is aborted
+  signal.addEventListener('abort', abort)
+
+  return abortController.signal
+}
diff --git a/services/web/frontend/js/utils/dates.ts b/services/web/frontend/js/utils/dates.ts
new file mode 100644
index 0000000..b4dd84f
--- /dev/null
+++ b/services/web/frontend/js/utils/dates.ts
@@ -0,0 +1,13 @@
+import moment from 'moment'
+
+export function formatDate(date: moment.MomentInput, format?: string) {
+  if (!date) return 'N/A'
+  if (format == null) {
+    format = 'Do MMM YYYY, h:mm a'
+  }
+  return moment(date).format(format)
+}
+
+export function fromNowDate(date: moment.MomentInput | string) {
+  return moment(date).fromNow()
+}
diff --git a/services/web/frontend/js/utils/debugging.ts b/services/web/frontend/js/utils/debugging.ts
new file mode 100644
index 0000000..f35830f
--- /dev/null
+++ b/services/web/frontend/js/utils/debugging.ts
@@ -0,0 +1,13 @@
+/* eslint-disable no-console */
+type DebugConsole = {
+  debug(...data: any[]): void
+  log(...data: any[]): void
+  warn(...data: any[]): void
+  error(...data: any[]): void
+}
+
+export const debugging =
+  new URLSearchParams(window.location.search).get('debug') === 'true'
+export const debugConsole: DebugConsole = debugging
+  ? console
+  : { debug() {}, log() {}, warn: console.warn, error: console.error }
diff --git a/services/web/frontend/js/utils/decode-utf8.ts b/services/web/frontend/js/utils/decode-utf8.ts
new file mode 100644
index 0000000..1cd38d6
--- /dev/null
+++ b/services/web/frontend/js/utils/decode-utf8.ts
@@ -0,0 +1,5 @@
+// TODO: MIGRATION: Can we use TextDecoder now? https://developer.mozilla.org/en-US/docs/Web/API/TextDecoder
+// See http://ecmanaut.blogspot.co.uk/2006/07/encoding-decoding-utf8-in-javascript.html
+export function decodeUtf8(text: string) {
+  return decodeURIComponent(escape(text))
+}
diff --git a/services/web/frontend/js/utils/functions.ts b/services/web/frontend/js/utils/functions.ts
new file mode 100644
index 0000000..bf189ae
--- /dev/null
+++ b/services/web/frontend/js/utils/functions.ts
@@ -0,0 +1,6 @@
+export function callFnsInSequence<
+  Args extends Array<any>,
+  Fn extends ((...args: Args) => void) | void,
+>(...fns: Fn[]) {
+  return (...args: Args) => fns.forEach(fn => fn?.(...args))
+}
diff --git a/services/web/frontend/js/utils/is-ieee-branded.ts b/services/web/frontend/js/utils/is-ieee-branded.ts
new file mode 100644
index 0000000..6952b4e
--- /dev/null
+++ b/services/web/frontend/js/utils/is-ieee-branded.ts
@@ -0,0 +1,8 @@
+import getMeta from '@/utils/meta'
+
+export function isIEEEBranded() {
+  const brandVariation = getMeta('ol-brandVariation')
+  const { ieeeBrandId } = getMeta('ol-ExposedSettings')
+
+  return brandVariation?.brand_id === ieeeBrandId
+}
diff --git a/services/web/frontend/js/utils/is-network-error.ts b/services/web/frontend/js/utils/is-network-error.ts
new file mode 100644
index 0000000..95d4fb2
--- /dev/null
+++ b/services/web/frontend/js/utils/is-network-error.ts
@@ -0,0 +1,73 @@
+const NETWORK_ERRORS = [
+  // fetch
+  'Failed to fetch',
+  // fetch
+  'NetworkError when attempting to fetch resource.',
+  // download body
+  'Load failed',
+  // dns
+  'A server with the specified hostname could not be found.',
+  'Es wurde kein Server mit dem angegebenen Hostnamen gefunden.',
+  'Impossibile trovare un server con il nome host specificato.',
+  '未能找到使用指定主机名的服务器。',
+  // offline
+  'The Internet connection appears to be offline.',
+  'Internetanslutningen verkar vara nedkopplad.',
+  // connection error
+  'Could not connect to the server.',
+  'Impossible de se connecter au serveur.',
+  'Verbindung zum Server konnte nicht hergestellt werden.',
+  'Не удалось подключиться к серверу.',
+  'يبدو أنه لا يوجد اتصال بالإنترنت.',
+  '无法连接服务器。',
+  // disconnected
+  'The network connection was lost.',
+  'A conexão de rede foi perdida.',
+  'A hálózati kapcsolat megszakadt.',
+  'A ligação de rede foi cortada.',
+  'Ağ bağlantısı kesildi.',
+  'Conexiunea de rețea a fost pierdută.',
+  'De netwerkverbinding is verbroken.',
+  'Die Netzwerkverbindung wurde unterbrochen.',
+  'La conexión de red se ha perdido.',
+  'La conexión de red se perdió.',
+  'La connessione è stata persa.',
+  'La connexion réseau a été perdue.',
+  'La connexió de xarxa s’ha perdut.',
+  'Mistet nettverksforbindelsen.',
+  'Netværksforbindelsen gik tabt.',
+  'Nätverksanslutningen förlorades.',
+  'Połączenie sieciowe zostało przerwane.',
+  'Veza s mrežom je prekinuta.',
+  'la connessione è stata persa.',
+  'Đã mất kết nối mạng.',
+  'Сетевое соединение потеряно.',
+  'החיבור לרשת אבד.',
+  'تم فقدان اتصال الشبكة.',
+  'キャンセルしました',
+  'ネットワーク接続が切れました。',
+  '已取消',
+  '網絡連線中斷。',
+  '網路連線中斷。',
+  // slow network
+  'The request timed out.',
+  'Begäran nådde en maxtidsgräns.',
+  'Esgotou-se o tempo limite da solicitação.',
+  'Il tempo di attesa della richiesta è scaduto.',
+  'La requête a expiré.',
+  'Przekroczenie limitu czasu żądania.',
+  'Se agotó el tiempo de espera.',
+  'Se ha agotado el tiempo de espera.',
+  'Tempo di richiesta scaduto.',
+  'Temps esgotat per a la sol·licitud.',
+  'Zeitüberschreitung bei der Anforderung.',
+  'Превышен лимит времени на запрос.',
+  'انتهت مهلة الطلب.',
+  'データベースの要求が時間切れになりました。',
+  '要求逾時。',
+  '요청한 시간이 초과되었습니다.',
+]
+
+export function isNetworkError(err?: Error) {
+  return err && NETWORK_ERRORS.includes(err.message)
+}
diff --git a/services/web/frontend/js/utils/labs-utils.ts b/services/web/frontend/js/utils/labs-utils.ts
new file mode 100644
index 0000000..1cfabaf
--- /dev/null
+++ b/services/web/frontend/js/utils/labs-utils.ts
@@ -0,0 +1,10 @@
+import getMeta from './meta'
+
+// Should be `never` when no experiments are active. Otherwise it should be a
+// union of active experiment names e.g. `'experiment1' | 'experiment2'`
+export type ActiveExperiment = 'editor-redesign'
+
+export const isInExperiment = (experiment: ActiveExperiment): boolean => {
+  const experiments = getMeta('ol-labsExperiments')
+  return Boolean(experiments?.includes(experiment))
+}
diff --git a/services/web/frontend/js/utils/meta.ts b/services/web/frontend/js/utils/meta.ts
new file mode 100644
index 0000000..15ff6db
--- /dev/null
+++ b/services/web/frontend/js/utils/meta.ts
@@ -0,0 +1,303 @@
+import { User, Features } from '../../../types/user'
+import { User as MinimalUser } from '../../../types/admin/user'
+import { User as ManagedUser } from '../../../types/group-management/user'
+import { UserSettings } from '../../../types/user-settings'
+import { OAuthProviders } from '../../../types/oauth-providers'
+import { ExposedSettings } from '../../../types/exposed-settings'
+import {
+  type AllowedImageName,
+  OverallThemeMeta,
+  type SpellCheckLanguage,
+} from '../../../types/project-settings'
+import { CurrencyCode } from '../../../types/subscription/currency'
+import { PricingFormState } from '../../../types/subscription/payment-context-value'
+import { Plan } from '../../../types/subscription/plan'
+import { Affiliation } from '../../../types/affiliation'
+import type { PortalTemplate } from '../../../types/portal-template'
+import { UserEmailData } from '../../../types/user-email'
+import {
+  GroupsAndEnterpriseBannerVariant,
+  Institution as InstitutionType,
+  Notification as NotificationType,
+  PendingGroupSubscriptionEnrollment,
+  USGovBannerVariant,
+} from '../../../types/project/dashboard/notification'
+import { Survey } from '../../../types/project/dashboard/survey'
+import { GetProjectsResponseBody } from '../../../types/project/dashboard/api'
+import { Tag } from '../../../app/src/Features/Tags/types'
+import { Institution } from '../../../types/institution'
+import {
+  GroupPolicy,
+  ManagedGroupSubscription,
+  MemberGroupSubscription,
+} from '../../../types/subscription/dashboard/subscription'
+import { SplitTestInfo } from '../../../types/split-test'
+import { ValidationStatus } from '../../../types/group-management/validation'
+import { ManagedInstitution } from '../../../types/subscription/dashboard/managed-institution'
+import { GroupSSOTestResult } from '../../../modules/group-settings/frontend/js/utils/types'
+import {
+  AccessToken,
+  InstitutionLink,
+  SAMLError,
+} from '../../../types/settings-page'
+import { SuggestedLanguage } from '../../../types/system-message'
+import type { TeamInvite } from '../../../types/team-invite'
+import { GroupPlans } from '../../../types/subscription/dashboard/group-plans'
+import { GroupSSOLinkingStatus } from '../../../types/subscription/sso'
+import { PasswordStrengthOptions } from '../../../types/password-strength-options'
+import { Subscription as ProjectDashboardSubscription } from '../../../types/project/dashboard/subscription'
+import { ThirdPartyIds } from '../../../types/third-party-ids'
+import { Publisher } from '../../../types/subscription/dashboard/publisher'
+import { SubscriptionChangePreview } from '../../../types/subscription/subscription-change-preview'
+import { DefaultNavbarMetadata } from '@/features/ui/components/types/default-navbar-metadata'
+import { FooterMetadata } from '@/features/ui/components/types/footer-metadata'
+import type { ScriptLogType } from '../../../modules/admin-panel/frontend/js/features/script-logs/script-log'
+import { ActiveExperiment } from './labs-utils'
+export interface Meta {
+  'ol-ExposedSettings': ExposedSettings
+  'ol-addonPrices': Record<string, { annual: string; monthly: string }>
+  'ol-allInReconfirmNotificationPeriods': UserEmailData[]
+  'ol-allowedExperiments': string[]
+  'ol-allowedImageNames': AllowedImageName[]
+  'ol-anonymous': boolean
+  'ol-baseAssetPath': string
+  'ol-bootstrapVersion': 3 | 5
+  'ol-brandVariation': Record<string, any>
+
+  // dynamic keys based on permissions
+  'ol-canUseAddSeatsFeature': boolean
+  'ol-canUseFlexibleLicensing': boolean
+  'ol-canUseFlexibleLicensingForConsolidatedPlans': boolean
+  'ol-cannot-add-secondary-email': boolean
+  'ol-cannot-change-password': boolean
+  'ol-cannot-delete-own-account': boolean
+  'ol-cannot-join-subscription': boolean
+  'ol-cannot-leave-group-subscription': boolean
+  'ol-cannot-link-google-sso': boolean
+  'ol-cannot-link-other-third-party-sso': boolean
+  'ol-cannot-reactivate-subscription': boolean
+  'ol-cannot-use-ai': boolean
+  'ol-chatEnabled': boolean
+  'ol-compilesUserContentDomain': string
+  'ol-countryCode': PricingFormState['country']
+  'ol-couponCode': PricingFormState['coupon']
+  'ol-createdAt': Date
+  'ol-csrfToken': string
+  'ol-currentInstitutionsWithLicence': Institution[]
+  'ol-currentManagedUserAdminEmail': string
+  'ol-currentUrl': string
+  'ol-customerIoEnabled': boolean
+  'ol-debugPdfDetach': boolean
+  'ol-detachRole': 'detached' | 'detacher' | ''
+  'ol-dictionariesRoot': 'string'
+  'ol-dropbox': { error: boolean; registered: boolean }
+  'ol-editorThemes': string[]
+  'ol-email': string
+  'ol-emailAddressLimit': number
+  'ol-error': { name: string } | undefined
+  'ol-expired': boolean
+  'ol-features': Features
+  'ol-footer': FooterMetadata
+  'ol-fromPlansPage': boolean
+  'ol-galleryTagName': string
+  'ol-gitBridgeEnabled': boolean
+  'ol-gitBridgePublicBaseUrl': string
+  'ol-github': { enabled: boolean; error: boolean }
+  'ol-groupId': string
+  'ol-groupName': string
+  'ol-groupPlans': GroupPlans
+  'ol-groupPolicy': GroupPolicy
+  'ol-groupSSOActive': boolean
+  'ol-groupSSOTestResult': GroupSSOTestResult
+  'ol-groupSettingsAdvertisedFor': string[]
+  'ol-groupSettingsEnabledFor': string[]
+  'ol-groupSize': number
+  'ol-groupSsoSetupSuccess': boolean
+  'ol-groupSubscriptionsPendingEnrollment': PendingGroupSubscriptionEnrollment[]
+  'ol-groupsAndEnterpriseBannerVariant': GroupsAndEnterpriseBannerVariant
+  'ol-hasAiAssistViaWritefull': boolean
+  'ol-hasGroupSSOFeature': boolean
+  'ol-hasIndividualRecurlySubscription': boolean
+  'ol-hasManagedUsersFeature': boolean
+  'ol-hasPassword': boolean
+  'ol-hasSubscription': boolean
+  'ol-hasTrackChangesFeature': boolean
+  'ol-hideLinkingWidgets': boolean // CI only
+  'ol-i18n': { currentLangCode: string }
+  'ol-inactiveTutorials': string[]
+  'ol-institutionEmailNonCanonical': string | undefined
+  'ol-institutionLinked': InstitutionLink | undefined
+  'ol-inviteToken': string
+  'ol-inviterName': string
+  'ol-isExternalAuthenticationSystemUsed': boolean
+  'ol-isManagedAccount': boolean
+  'ol-isPaywallChangeCompileTimeoutEnabled': boolean
+  'ol-isProfessional': boolean
+  'ol-isRegisteredViaGoogle': boolean
+  'ol-isRestrictedTokenMember': boolean
+  'ol-isReviewerRoleEnabled': boolean
+  'ol-isSaas': boolean
+  'ol-itm_campaign': string
+  'ol-itm_content': string
+  'ol-itm_referrer': string
+  'ol-labs': boolean
+  'ol-labsExperiments': ActiveExperiment[] | undefined
+  'ol-languages': SpellCheckLanguage[]
+  'ol-learnedWords': string[]
+  'ol-legacyEditorThemes': string[]
+  'ol-licenseQuantity': number | undefined
+  'ol-loadingText': string
+  'ol-managedGroupSubscriptions': ManagedGroupSubscription[]
+  'ol-managedInstitutions': ManagedInstitution[]
+  'ol-managedPublishers': Publisher[]
+  'ol-managedUsersActive': boolean
+  'ol-managedUsersEnabled': boolean
+  'ol-managers': MinimalUser[]
+  'ol-mathJaxPath': string
+  'ol-maxDocLength': number
+  'ol-maxReconnectGracefullyIntervalMs': number
+  'ol-memberGroupSubscriptions': MemberGroupSubscription[]
+  'ol-memberOfSSOEnabledGroups': GroupSSOLinkingStatus[]
+  'ol-members': MinimalUser[]
+  'ol-navbar': DefaultNavbarMetadata
+  'ol-no-single-dollar': boolean
+  'ol-notifications': NotificationType[]
+  'ol-notificationsInstitution': InstitutionType[]
+  'ol-oauthProviders': OAuthProviders
+  'ol-odcRole': string
+  'ol-overallThemes': OverallThemeMeta[]
+  'ol-pages': number
+  'ol-passwordStrengthOptions': PasswordStrengthOptions
+  'ol-paywallPlans': { [key: string]: string }
+  'ol-personalAccessTokens': AccessToken[] | undefined
+  'ol-plan': Plan
+  'ol-planCode': string
+  'ol-planCodesChangingAtTermEnd': string[] | undefined
+  'ol-plans': Plan[]
+  'ol-portalTemplates': PortalTemplate[]
+  'ol-postCheckoutRedirect': string
+  'ol-postUrl': string
+  'ol-prefetchedProjectsBlob': GetProjectsResponseBody | undefined
+  'ol-preventCompileOnLoad'?: boolean
+  'ol-primaryEmail': { email: string; confirmed: boolean }
+  'ol-project': any // TODO
+  'ol-projectHistoryBlobsEnabled': boolean
+  'ol-projectName': string
+  'ol-projectSyncSuccessMessage': string
+  'ol-projectTags': Tag[]
+  'ol-project_id': string
+  'ol-recommendedCurrency': CurrencyCode
+  'ol-reconfirmationRemoveEmail': string
+  'ol-reconfirmedViaSAML': string
+  'ol-recurlyApiKey': string
+  'ol-recurlySubdomain': string
+  'ol-ro-mirror-on-client-no-local-storage': boolean
+  'ol-samlError': SAMLError | undefined
+  'ol-script-log': ScriptLogType
+  'ol-script-logs': ScriptLogType[]
+  'ol-settingsGroupSSO': { enabled: boolean } | undefined
+  'ol-settingsPlans': Plan[]
+  'ol-shouldAllowEditingDetails': boolean
+  'ol-shouldLoadHotjar': boolean
+  'ol-showAiErrorAssistant': boolean
+  'ol-showBrlGeoBanner': boolean
+  'ol-showCouponField': boolean
+  'ol-showGroupDiscount': boolean
+  'ol-showGroupsAndEnterpriseBanner': boolean
+  'ol-showInrGeoBanner': boolean
+  'ol-showLATAMBanner': boolean
+  'ol-showSupport': boolean
+  'ol-showSymbolPalette': boolean
+  'ol-showTemplatesServerPro': boolean
+  'ol-showUSGovBanner': boolean
+  'ol-showUpgradePrompt': boolean
+  'ol-skipUrl': string
+  'ol-splitTestInfo': { [name: string]: SplitTestInfo }
+  'ol-splitTestVariants': { [name: string]: string }
+  'ol-ssoDisabled': boolean
+  'ol-ssoErrorMessage': string
+  'ol-subscription': any // TODO: mixed types, split into two fields
+  'ol-subscriptionChangePreview': SubscriptionChangePreview
+  'ol-subscriptionId': string
+  'ol-suggestedLanguage': SuggestedLanguage | undefined
+  'ol-survey': Survey | undefined
+  'ol-symbolPaletteAvailable': boolean
+  'ol-tags': Tag[]
+  'ol-teamInvites': TeamInvite[]
+  'ol-thirdPartyIds': ThirdPartyIds
+  'ol-totalLicenses': number
+  'ol-translationIoNotLoaded': string
+  'ol-translationLoadErrorMessage': string
+  'ol-translationMaintenance': string
+  'ol-translationUnableToJoin': string
+  'ol-usGovBannerVariant': USGovBannerVariant
+  'ol-useShareJsHash': boolean
+  'ol-user': User
+  'ol-userAffiliations': Affiliation[]
+  'ol-userCanExtendTrial': boolean
+  'ol-userCanNotStartRequestedTrial': boolean
+  'ol-userEmails': UserEmailData[]
+  'ol-userSettings': UserSettings
+  'ol-user_id': string | undefined
+  'ol-users': ManagedUser[]
+  'ol-usersBestSubscription': ProjectDashboardSubscription | undefined
+  'ol-usersEmail': string | undefined
+  'ol-validationStatus': ValidationStatus
+  'ol-wikiEnabled': boolean
+  'ol-writefullCssUrl': string
+  'ol-writefullEnabled': boolean
+  'ol-writefullJsUrl': string
+  'ol-wsUrl': string
+}
+
+type DeepPartial<T> =
+  T extends Record<string, any> ? { [P in keyof T]?: DeepPartial<T[P]> } : T
+
+export type PartialMeta = DeepPartial<Meta>
+
+export type MetaAttributesCache<
+  K extends keyof PartialMeta = keyof PartialMeta,
+> = Map<K, PartialMeta[K]>
+
+export type MetaTag = {
+  [K in keyof Meta]: {
+    name: K
+    value: Meta[K]
+  }
+}[keyof Meta]
+
+// cache for parsed values
+window.metaAttributesCache = window.metaAttributesCache || new Map()
+
+export default function getMeta<T extends keyof Meta>(name: T): Meta[T] {
+  if (window.metaAttributesCache.has(name)) {
+    return window.metaAttributesCache.get(name)
+  }
+  const element = document.head.querySelector(
+    `meta[name="${name}"]`
+  ) as HTMLMetaElement
+  if (!element) {
+    return undefined!
+  }
+  const plainTextValue = element.content
+  let value
+  switch (element.dataset.type) {
+    case 'boolean':
+      // in pug: content=false -> no content field
+      // in pug: content=true  -> empty content field
+      value = element.hasAttribute('content')
+      break
+    case 'json':
+      if (!plainTextValue) {
+        // JSON.parse('') throws
+        value = undefined
+      } else {
+        value = JSON.parse(plainTextValue)
+      }
+      break
+    default:
+      value = plainTextValue
+  }
+  window.metaAttributesCache.set(name, value)
+  return value
+}
diff --git a/services/web/frontend/js/utils/normalize.ts b/services/web/frontend/js/utils/normalize.ts
new file mode 100644
index 0000000..05ee683
--- /dev/null
+++ b/services/web/frontend/js/utils/normalize.ts
@@ -0,0 +1,22 @@
+import mapKeys from 'lodash/mapKeys'
+
+export interface NormalizedObject<T> {
+  [p: string]: T
+}
+
+type Data<T> = T[]
+type Config = Partial<{
+  idAttribute: string
+}>
+
+export function normalize<T>(
+  data: Data<T>,
+  config: Config = {}
+): NormalizedObject<T> | undefined {
+  const { idAttribute = 'id' } = config
+  const mapped = mapKeys(data, idAttribute)
+
+  return Object.prototype.hasOwnProperty.call(mapped, 'undefined')
+    ? undefined
+    : mapped
+}
diff --git a/services/web/frontend/js/utils/operations.ts b/services/web/frontend/js/utils/operations.ts
new file mode 100644
index 0000000..936eb8a
--- /dev/null
+++ b/services/web/frontend/js/utils/operations.ts
@@ -0,0 +1,43 @@
+import {
+  AnyOperation,
+  Change,
+  CommentOperation,
+  DeleteOperation,
+  EditOperation,
+  InsertOperation,
+  Operation,
+} from '../../../types/change'
+
+export const isInsertOperation = (op: Operation): op is InsertOperation =>
+  'i' in op
+export const isCommentOperation = (op: Operation): op is CommentOperation =>
+  'c' in op
+export const isDeleteOperation = (op: Operation): op is DeleteOperation =>
+  'd' in op
+
+export const isEditOperation = (op: Operation): op is EditOperation =>
+  isInsertOperation(op) || isDeleteOperation(op)
+
+export const isInsertChange = (
+  change: Change<EditOperation>
+): change is Change<InsertOperation> => isInsertOperation(change.op)
+
+export const isCommentChange = (
+  change: Change<CommentOperation>
+): change is Change<CommentOperation> => isCommentOperation(change.op)
+
+export const isDeleteChange = (
+  change: Change<EditOperation>
+): change is Change<DeleteOperation> => isDeleteOperation(change.op)
+
+export const visibleTextLength = (op: AnyOperation) => {
+  if (isCommentOperation(op)) {
+    return op.c.length
+  }
+
+  if (isInsertOperation(op)) {
+    return op.i.length
+  }
+
+  return 0
+}
diff --git a/services/web/frontend/js/utils/react.ts b/services/web/frontend/js/utils/react.ts
new file mode 100644
index 0000000..c399409
--- /dev/null
+++ b/services/web/frontend/js/utils/react.ts
@@ -0,0 +1,21 @@
+import { forwardRef } from 'react'
+
+export const fixedForwardRef = <
+  T,
+  P = object,
+  A extends Record<string, React.FunctionComponent> = Record<
+    string,
+    React.FunctionComponent
+  >,
+>(
+  render: (props: P, ref: React.Ref<T>) => React.ReactElement | null,
+  propsToAttach: A = {} as A
+): ((props: P & React.RefAttributes<T>) => React.ReactElement | null) & A => {
+  const ForwardReferredComponent = forwardRef(render) as any
+
+  for (const i in propsToAttach) {
+    ForwardReferredComponent[i] = propsToAttach[i]
+  }
+
+  return ForwardReferredComponent
+}
diff --git a/services/web/frontend/js/utils/readable-stream-async-iterator-polyfill.ts b/services/web/frontend/js/utils/readable-stream-async-iterator-polyfill.ts
new file mode 100644
index 0000000..4f2e6d4
--- /dev/null
+++ b/services/web/frontend/js/utils/readable-stream-async-iterator-polyfill.ts
@@ -0,0 +1,44 @@
+// @ts-nocheck
+/**
+ * A polyfill for `ReadableStream.protototype[Symbol.asyncIterator]`,
+ * aligning as closely as possible to the specification.
+ *
+ * from https://gist.github.com/MattiasBuelens/496fc1d37adb50a733edd43853f2f60e
+ *
+ * @see https://streams.spec.whatwg.org/#rs-asynciterator
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/ReadableStream#async_iteration
+ */
+
+ReadableStream.prototype.values ??= function ({ preventCancel = false } = {}) {
+  const reader = this.getReader()
+  return {
+    async next() {
+      try {
+        const result = await reader.read()
+        if (result.done) {
+          reader.releaseLock()
+        }
+        return result
+      } catch (e) {
+        reader.releaseLock()
+        throw e
+      }
+    },
+    async return(value) {
+      if (!preventCancel) {
+        const cancelPromise = reader.cancel(value)
+        reader.releaseLock()
+        await cancelPromise
+      } else {
+        reader.releaseLock()
+      }
+      return { done: true, value }
+    },
+    [Symbol.asyncIterator]() {
+      return this
+    },
+  }
+}
+
+ReadableStream.prototype[Symbol.asyncIterator] ??=
+  ReadableStream.prototype.values
diff --git a/services/web/frontend/js/utils/screen-breakpoint.ts b/services/web/frontend/js/utils/screen-breakpoint.ts
new file mode 100644
index 0000000..7e37ae6
--- /dev/null
+++ b/services/web/frontend/js/utils/screen-breakpoint.ts
@@ -0,0 +1,34 @@
+type BreakpointName = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
+
+type Breakpoint = {
+  name: BreakpointName
+  minWidth: number
+}
+
+/**
+ * Maps window width to Bootstrap 5 breakpoint names
+ * Breakpoints based on Bootstrap 5 documentation:
+ * xs: 0-575px
+ * sm: 576-767px
+ * md: 768-991px
+ * lg: 992-1199px
+ * xl: 1200-1399px
+ * xxl: ≥1400px
+ * @param {number} width - Window width in pixels
+ * @returns {BreakpointName} Bootstrap breakpoint name
+ */
+export function getBootstrap5Breakpoint(
+  width: number
+): BreakpointName | undefined {
+  const breakpoints: Breakpoint[] = [
+    { name: 'xxl', minWidth: 1400 },
+    { name: 'xl', minWidth: 1200 },
+    { name: 'lg', minWidth: 992 },
+    { name: 'md', minWidth: 768 },
+    { name: 'sm', minWidth: 576 },
+    { name: 'xs', minWidth: 0 },
+  ]
+
+  const breakpoint = breakpoints.find(bp => width >= bp.minWidth)
+  return breakpoint?.name
+}
diff --git a/services/web/frontend/js/utils/service-worker-cleanup.js b/services/web/frontend/js/utils/service-worker-cleanup.js
new file mode 100644
index 0000000..4a898f8
--- /dev/null
+++ b/services/web/frontend/js/utils/service-worker-cleanup.js
@@ -0,0 +1,17 @@
+export function cleanupServiceWorker() {
+  try {
+    navigator.serviceWorker
+      .getRegistrations()
+      .catch(() => {
+        // fail silently if permission not given (e.g. SecurityError)
+        return []
+      })
+      .then(registrations => {
+        registrations.forEach(worker => {
+          worker.unregister()
+        })
+      })
+  } catch (e) {
+    // fail silently if service worker are not available (on the navigator)
+  }
+}
diff --git a/services/web/frontend/js/utils/splitTestUtils.ts b/services/web/frontend/js/utils/splitTestUtils.ts
new file mode 100644
index 0000000..22a220f
--- /dev/null
+++ b/services/web/frontend/js/utils/splitTestUtils.ts
@@ -0,0 +1,18 @@
+import getMeta from './meta'
+
+export function isSplitTestEnabled(name: string) {
+  return getMeta('ol-splitTestVariants')?.[name] === 'enabled'
+}
+
+export function getSplitTestVariant(name: string, fallback?: string) {
+  return getMeta('ol-splitTestVariants')?.[name] || fallback
+}
+
+export function parseIntFromSplitTest(name: string, defaultValue: number) {
+  const v = getMeta('ol-splitTestVariants')?.[name]
+  const n = parseInt(v, 10)
+  if (v === 'default' || Number.isNaN(n)) {
+    return defaultValue
+  }
+  return n
+}
diff --git a/services/web/frontend/js/utils/wasm.ts b/services/web/frontend/js/utils/wasm.ts
new file mode 100644
index 0000000..a8f97a2
--- /dev/null
+++ b/services/web/frontend/js/utils/wasm.ts
@@ -0,0 +1 @@
+export const supportsWebAssembly = () => typeof window.WebAssembly === 'object'
diff --git a/services/web/frontend/js/utils/webpack-public-path.ts b/services/web/frontend/js/utils/webpack-public-path.ts
new file mode 100644
index 0000000..674abbf
--- /dev/null
+++ b/services/web/frontend/js/utils/webpack-public-path.ts
@@ -0,0 +1,5 @@
+import getMeta from './meta'
+
+// Configure dynamically loaded assets (via webpack) to be downloaded from CDN
+// See: https://webpack.js.org/guides/public-path/#on-the-fly
+__webpack_public_path__ = getMeta('ol-baseAssetPath')
diff --git a/services/web/frontend/js/vendor/libs/sharejs.js b/services/web/frontend/js/vendor/libs/sharejs.js
new file mode 100644
index 0000000..a8bbdfa
--- /dev/null
+++ b/services/web/frontend/js/vendor/libs/sharejs.js
@@ -0,0 +1,1456 @@
+import { generateSHA1Hash } from '../../shared/utils/sha1'
+import { debugging, debugConsole } from '@/utils/debugging'
+import getMeta from '@/utils/meta'
+import { postJSON } from '@/infrastructure/fetch-json'
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; };
+
+var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+/* eslint-disable
+    camelcase,
+    max-len,
+    no-class-assign,
+    no-return-assign,
+    no-undef,
+    no-unused-vars,
+    no-use-before-define,
+    standard/object-curly-even-spacing,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+export const { Doc } = (() => {
+  var append = void 0,
+      bootstrapTransform = void 0,
+      exports = void 0,
+      transformComponent = void 0;
+  var WEB = true;
+  window.sharejs = exports = {};
+  var types = exports.types = {};
+  // These methods let you build a transform function from a transformComponent function
+  // for OT types like text and JSON in which operations are lists of components
+  // and transforming them requires N^2 work.
+
+  // Add transform and transformX functions for an OT type which has transformComponent defined.
+  // transformComponent(destination array, component, other component, side)
+  exports['_bt'] = bootstrapTransform = function bootstrapTransform(type, transformComponent, checkValidOp, append) {
+    var _transformX = void 0;
+    var transformComponentX = function transformComponentX(left, right, destLeft, destRight) {
+      transformComponent(destLeft, left, right, 'left');
+      return transformComponent(destRight, right, left, 'right');
+    };
+
+    // Transforms rightOp by leftOp. Returns ['rightOp', clientOp']
+    type.transformX = type['transformX'] = _transformX = function transformX(leftOp, rightOp) {
+      checkValidOp(leftOp);
+      checkValidOp(rightOp);
+
+      var newRightOp = [];
+
+      var _iteratorNormalCompletion = true;
+      var _didIteratorError = false;
+      var _iteratorError = undefined;
+
+      try {
+        for (var _iterator = Array.from(rightOp)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+          var rightComponent = _step.value;
+
+          // Generate newLeftOp by composing leftOp by rightComponent
+          var newLeftOp = [];
+
+          var k = 0;
+          while (k < leftOp.length) {
+            var l;
+            var nextC = [];
+            transformComponentX(leftOp[k], rightComponent, newLeftOp, nextC);
+            k++;
+
+            if (nextC.length === 1) {
+              rightComponent = nextC[0];
+            } else if (nextC.length === 0) {
+              var _iteratorNormalCompletion2 = true;
+              var _didIteratorError2 = false;
+              var _iteratorError2 = undefined;
+
+              try {
+                for (var _iterator2 = Array.from(leftOp.slice(k))[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+                  l = _step2.value;
+                  append(newLeftOp, l);
+                }
+              } catch (err) {
+                _didIteratorError2 = true;
+                _iteratorError2 = err;
+              } finally {
+                try {
+                  if (!_iteratorNormalCompletion2 && _iterator2.return) {
+                    _iterator2.return();
+                  }
+                } finally {
+                  if (_didIteratorError2) {
+                    throw _iteratorError2;
+                  }
+                }
+              }
+
+              rightComponent = null;
+              break;
+            } else {
+              // Recurse.
+              var _Array$from = Array.from(_transformX(leftOp.slice(k), nextC)),
+                  _Array$from2 = _slicedToArray(_Array$from, 2),
+                  l_ = _Array$from2[0],
+                  r_ = _Array$from2[1];
+
+              var _iteratorNormalCompletion3 = true;
+              var _didIteratorError3 = false;
+              var _iteratorError3 = undefined;
+
+              try {
+                for (var _iterator3 = Array.from(l_)[Symbol.iterator](), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+                  l = _step3.value;
+                  append(newLeftOp, l);
+                }
+              } catch (err) {
+                _didIteratorError3 = true;
+                _iteratorError3 = err;
+              } finally {
+                try {
+                  if (!_iteratorNormalCompletion3 && _iterator3.return) {
+                    _iterator3.return();
+                  }
+                } finally {
+                  if (_didIteratorError3) {
+                    throw _iteratorError3;
+                  }
+                }
+              }
+
+              var _iteratorNormalCompletion4 = true;
+              var _didIteratorError4 = false;
+              var _iteratorError4 = undefined;
+
+              try {
+                for (var _iterator4 = Array.from(r_)[Symbol.iterator](), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
+                  var r = _step4.value;
+                  append(newRightOp, r);
+                }
+              } catch (err) {
+                _didIteratorError4 = true;
+                _iteratorError4 = err;
+              } finally {
+                try {
+                  if (!_iteratorNormalCompletion4 && _iterator4.return) {
+                    _iterator4.return();
+                  }
+                } finally {
+                  if (_didIteratorError4) {
+                    throw _iteratorError4;
+                  }
+                }
+              }
+
+              rightComponent = null;
+              break;
+            }
+          }
+
+          if (rightComponent != null) {
+            append(newRightOp, rightComponent);
+          }
+          leftOp = newLeftOp;
+        }
+      } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+      } finally {
+        try {
+          if (!_iteratorNormalCompletion && _iterator.return) {
+            _iterator.return();
+          }
+        } finally {
+          if (_didIteratorError) {
+            throw _iteratorError;
+          }
+        }
+      }
+
+      return [leftOp, newRightOp];
+    };
+
+    // Transforms op with specified type ('left' or 'right') by otherOp.
+    return type.transform = type['transform'] = function (op, otherOp, type) {
+      var _ = void 0;
+      if (type !== 'left' && type !== 'right') {
+        throw new Error("type must be 'left' or 'right'");
+      }
+
+      if (otherOp.length === 0) {
+        return op;
+      }
+
+      // TODO: Benchmark with and without this line. I _think_ it'll make a big difference...?
+      if (op.length === 1 && otherOp.length === 1) {
+        return transformComponent([], op[0], otherOp[0], type);
+      }
+
+      if (type === 'left') {
+        var left = void 0;
+
+        var _Array$from3 = Array.from(_transformX(op, otherOp));
+
+        var _Array$from4 = _slicedToArray(_Array$from3, 2);
+
+        left = _Array$from4[0];
+        _ = _Array$from4[1];
+
+        return left;
+      } else {
+        var right = void 0;
+
+        var _Array$from5 = Array.from(_transformX(otherOp, op));
+
+        var _Array$from6 = _slicedToArray(_Array$from5, 2);
+
+        _ = _Array$from6[0];
+        right = _Array$from6[1];
+
+        return right;
+      }
+    };
+  };
+
+  // A simple text implementation
+  //
+  // Operations are lists of components.
+  // Each component either inserts or deletes at a specified position in the document.
+  //
+  // Components are either:
+  //  {i:'str', p:100}: Insert 'str' at position 100 in the document
+  //  {d:'str', p:100}: Delete 'str' at position 100 in the document
+  //
+  // Components in an operation are executed sequentially, so the position of components
+  // assumes previous components have already executed.
+  //
+  // Eg: This op:
+  //   [{i:'abc', p:0}]
+  // is equivalent to this op:
+  //   [{i:'a', p:0}, {i:'b', p:1}, {i:'c', p:2}]
+
+  // NOTE: The global scope here is shared with other sharejs files when built with closure.
+  // Be careful what ends up in your namespace.
+
+  var text = {};
+
+  text.name = 'text';
+
+  text.create = function () {
+    return '';
+  };
+
+  var strInject = function strInject(s1, pos, s2) {
+    return s1.slice(0, pos) + s2 + s1.slice(pos);
+  };
+
+  var checkValidComponent = function checkValidComponent(c) {
+    if (typeof c.p !== 'number') {
+      throw new Error('component missing position field');
+    }
+
+    var i_type = _typeof(c.i);
+    var d_type = _typeof(c.d);
+    var c_type = _typeof(c.c);
+    if (!(i_type === 'string' ^ d_type === 'string' ^ c_type === 'string')) {
+      throw new Error('component needs an i, d or c field');
+    }
+
+    if (!(c.p >= 0)) {
+      throw new Error('position cannot be negative');
+    }
+  };
+
+  var checkValidOp = function checkValidOp(op) {
+    var _iteratorNormalCompletion5 = true;
+    var _didIteratorError5 = false;
+    var _iteratorError5 = undefined;
+
+    try {
+      for (var _iterator5 = Array.from(op)[Symbol.iterator](), _step5; !(_iteratorNormalCompletion5 = (_step5 = _iterator5.next()).done); _iteratorNormalCompletion5 = true) {
+        var c = _step5.value;
+        checkValidComponent(c);
+      }
+    } catch (err) {
+      _didIteratorError5 = true;
+      _iteratorError5 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion5 && _iterator5.return) {
+          _iterator5.return();
+        }
+      } finally {
+        if (_didIteratorError5) {
+          throw _iteratorError5;
+        }
+      }
+    }
+
+    return true;
+  };
+
+  text.apply = function (snapshot, op) {
+    checkValidOp(op);
+    var _iteratorNormalCompletion6 = true;
+    var _didIteratorError6 = false;
+    var _iteratorError6 = undefined;
+
+    try {
+      for (var _iterator6 = Array.from(op)[Symbol.iterator](), _step6; !(_iteratorNormalCompletion6 = (_step6 = _iterator6.next()).done); _iteratorNormalCompletion6 = true) {
+        var component = _step6.value;
+
+        if (component.i != null) {
+          snapshot = strInject(snapshot, component.p, component.i);
+        } else if (component.d != null) {
+          var deleted = snapshot.slice(component.p, component.p + component.d.length);
+          if (component.d !== deleted) {
+            throw new Error('Delete component \'' + component.d + '\' does not match deleted text \'' + deleted + '\'');
+          }
+          snapshot = snapshot.slice(0, component.p) + snapshot.slice(component.p + component.d.length);
+        } else if (component.c != null) {
+          var comment = snapshot.slice(component.p, component.p + component.c.length);
+          if (component.c !== comment) {
+            throw new Error('Comment component \'' + component.c + '\' does not match commented text \'' + comment + '\'');
+          }
+        } else {
+          throw new Error('Unknown op type');
+        }
+      }
+    } catch (err) {
+      _didIteratorError6 = true;
+      _iteratorError6 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion6 && _iterator6.return) {
+          _iterator6.return();
+        }
+      } finally {
+        if (_didIteratorError6) {
+          throw _iteratorError6;
+        }
+      }
+    }
+
+    return snapshot;
+  };
+
+  var cloneAndModify = function cloneAndModify(op, modifications) {
+    var v = void 0;
+    var newOp = {};
+    for (var k in op) {
+      v = op[k];
+      newOp[k] = v;
+    }
+    for (k in modifications) {
+      v = modifications[k];
+      newOp[k] = v;
+    }
+    return newOp;
+  };
+
+  // Exported for use by the random op generator.
+  //
+  // For simplicity, this version of append does not compress adjacent inserts and deletes of
+  // the same text. It would be nice to change that at some stage.
+  text._append = append = function append(newOp, c) {
+    if (c.i === '' || c.d === '') {
+      return;
+    }
+    if (newOp.length === 0) {
+      return newOp.push(c);
+    } else {
+      var last = newOp[newOp.length - 1];
+
+      // Compose the insert into the previous insert if possible
+      if (last.i != null && c.i != null && last.p <= c.p && c.p <= last.p + last.i.length && last.u === c.u) {
+        return newOp[newOp.length - 1] = cloneAndModify(last, { i: strInject(last.i, c.p - last.p, c.i) });
+      } else if (last.d != null && c.d != null && c.p <= last.p && last.p <= c.p + c.d.length && last.u === c.u) {
+        return newOp[newOp.length - 1] = cloneAndModify(last, { d: strInject(c.d, last.p - c.p, last.d), p: c.p });
+      } else {
+        return newOp.push(c);
+      }
+    }
+  };
+
+  text.compose = function (op1, op2) {
+    checkValidOp(op1);
+    checkValidOp(op2);
+
+    var newOp = op1.slice();
+    var _iteratorNormalCompletion7 = true;
+    var _didIteratorError7 = false;
+    var _iteratorError7 = undefined;
+
+    try {
+      for (var _iterator7 = Array.from(op2)[Symbol.iterator](), _step7; !(_iteratorNormalCompletion7 = (_step7 = _iterator7.next()).done); _iteratorNormalCompletion7 = true) {
+        var c = _step7.value;
+        append(newOp, c);
+      }
+    } catch (err) {
+      _didIteratorError7 = true;
+      _iteratorError7 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion7 && _iterator7.return) {
+          _iterator7.return();
+        }
+      } finally {
+        if (_didIteratorError7) {
+          throw _iteratorError7;
+        }
+      }
+    }
+
+    return newOp;
+  };
+
+  // Attempt to compress the op components together 'as much as possible'.
+  // This implementation preserves order and preserves create/delete pairs.
+  text.compress = function (op) {
+    return text.compose([], op);
+  };
+
+  text.normalize = function (op) {
+    var newOp = [];
+
+    // Normalize should allow ops which are a single (unwrapped) component:
+    // {i:'asdf', p:23}.
+    // There's no good way to test if something is an array:
+    // http://perfectionkills.com/instanceof-considered-harmful-or-how-to-write-a-robust-isarray/
+    // so this is probably the least bad solution.
+    if (op.i != null || op.p != null) {
+      op = [op];
+    }
+
+    var _iteratorNormalCompletion8 = true;
+    var _didIteratorError8 = false;
+    var _iteratorError8 = undefined;
+
+    try {
+      for (var _iterator8 = Array.from(op)[Symbol.iterator](), _step8; !(_iteratorNormalCompletion8 = (_step8 = _iterator8.next()).done); _iteratorNormalCompletion8 = true) {
+        var c = _step8.value;
+
+        if (c.p == null) {
+          c.p = 0;
+        }
+        append(newOp, c);
+      }
+    } catch (err) {
+      _didIteratorError8 = true;
+      _iteratorError8 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion8 && _iterator8.return) {
+          _iterator8.return();
+        }
+      } finally {
+        if (_didIteratorError8) {
+          throw _iteratorError8;
+        }
+      }
+    }
+
+    return newOp;
+  };
+
+  // This helper method transforms a position by an op component.
+  //
+  // If c is an insert, insertAfter specifies whether the transform
+  // is pushed after the insert (true) or before it (false).
+  //
+  // insertAfter is optional for deletes.
+  var transformPosition = function transformPosition(pos, c, insertAfter) {
+    if (c.i != null) {
+      if (c.p < pos || c.p === pos && insertAfter) {
+        return pos + c.i.length;
+      } else {
+        return pos;
+      }
+    } else if (c.d != null) {
+      // I think this could also be written as: Math.min(c.p, Math.min(c.p - otherC.p, otherC.d.length))
+      // but I think its harder to read that way, and it compiles using ternary operators anyway
+      // so its no slower written like this.
+      if (pos <= c.p) {
+        return pos;
+      } else if (pos <= c.p + c.d.length) {
+        return c.p;
+      } else {
+        return pos - c.d.length;
+      }
+    } else if (c.c != null) {
+      return pos;
+    } else {
+      throw new Error('unknown op type');
+    }
+  };
+
+  // Helper method to transform a cursor position as a result of an op.
+  //
+  // Like transformPosition above, if c is an insert, insertAfter specifies whether the cursor position
+  // is pushed after an insert (true) or before it (false).
+  text.transformCursor = function (position, op, side) {
+    var insertAfter = side === 'right';
+    var _iteratorNormalCompletion9 = true;
+    var _didIteratorError9 = false;
+    var _iteratorError9 = undefined;
+
+    try {
+      for (var _iterator9 = Array.from(op)[Symbol.iterator](), _step9; !(_iteratorNormalCompletion9 = (_step9 = _iterator9.next()).done); _iteratorNormalCompletion9 = true) {
+        var c = _step9.value;
+        position = transformPosition(position, c, insertAfter);
+      }
+    } catch (err) {
+      _didIteratorError9 = true;
+      _iteratorError9 = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion9 && _iterator9.return) {
+          _iterator9.return();
+        }
+      } finally {
+        if (_didIteratorError9) {
+          throw _iteratorError9;
+        }
+      }
+    }
+
+    return position;
+  };
+
+  // Transform an op component by another op component. Asymmetric.
+  // The result will be appended to destination.
+  //
+  // exported for use in JSON type
+  text._tc = transformComponent = function transformComponent(dest, c, otherC, side) {
+    var cIntersect = void 0,
+        intersectEnd = void 0,
+        intersectStart = void 0,
+        newC = void 0,
+        otherIntersect = void 0;
+    checkValidOp([c]);
+    checkValidOp([otherC]);
+
+    if (c.i != null) {
+      append(dest, cloneAndModify(c, { p: transformPosition(c.p, otherC, side === 'right') }));
+    } else if (c.d != null) {
+      // Delete
+      if (otherC.i != null) {
+        // delete vs insert
+        var s = c.d;
+        if (c.p < otherC.p) {
+          append(dest, cloneAndModify(c, { d: s.slice(0, otherC.p - c.p) }));
+          s = s.slice(otherC.p - c.p);
+        }
+        if (s !== '') {
+          append(dest, cloneAndModify(c, { d: s, p: c.p + otherC.i.length }));
+        }
+      } else if (otherC.d != null) {
+        // Delete vs delete
+        if (c.p >= otherC.p + otherC.d.length) {
+          append(dest, cloneAndModify(c, { p: c.p - otherC.d.length }));
+        } else if (c.p + c.d.length <= otherC.p) {
+          append(dest, c);
+        } else {
+          // They overlap somewhere.
+          newC = cloneAndModify(c, { d: '' });
+          if (c.p < otherC.p) {
+            newC.d = c.d.slice(0, otherC.p - c.p);
+          }
+          if (c.p + c.d.length > otherC.p + otherC.d.length) {
+            newC.d += c.d.slice(otherC.p + otherC.d.length - c.p);
+          }
+
+          // This is entirely optional - just for a check that the deleted
+          // text in the two ops matches
+          intersectStart = Math.max(c.p, otherC.p);
+          intersectEnd = Math.min(c.p + c.d.length, otherC.p + otherC.d.length);
+          cIntersect = c.d.slice(intersectStart - c.p, intersectEnd - c.p);
+          otherIntersect = otherC.d.slice(intersectStart - otherC.p, intersectEnd - otherC.p);
+          if (cIntersect !== otherIntersect) {
+            throw new Error('Delete ops delete different text in the same region of the document');
+          }
+
+          if (newC.d !== '') {
+            // This could be rewritten similarly to insert v delete, above.
+            newC.p = transformPosition(newC.p, otherC);
+            append(dest, newC);
+          }
+        }
+      } else if (otherC.c != null) {
+        append(dest, c);
+      } else {
+        throw new Error('unknown op type');
+      }
+    } else if (c.c != null) {
+      // Comment
+      if (otherC.i != null) {
+        if (c.p < otherC.p && otherC.p < c.p + c.c.length) {
+          var offset = otherC.p - c.p;
+          var new_c = c.c.slice(0, +(offset - 1) + 1 || undefined) + otherC.i + c.c.slice(offset);
+          append(dest, cloneAndModify(c, { c: new_c }));
+        } else {
+          append(dest, cloneAndModify(c, { p: transformPosition(c.p, otherC, true) }));
+        }
+      } else if (otherC.d != null) {
+        if (c.p >= otherC.p + otherC.d.length) {
+          append(dest, cloneAndModify(c, { p: c.p - otherC.d.length }));
+        } else if (c.p + c.c.length <= otherC.p) {
+          append(dest, c);
+        } else {
+          // Delete overlaps comment
+          // They overlap somewhere.
+          newC = cloneAndModify(c, { c: '' });
+          if (c.p < otherC.p) {
+            newC.c = c.c.slice(0, otherC.p - c.p);
+          }
+          if (c.p + c.c.length > otherC.p + otherC.d.length) {
+            newC.c += c.c.slice(otherC.p + otherC.d.length - c.p);
+          }
+
+          // This is entirely optional - just for a check that the deleted
+          // text in the two ops matches
+          intersectStart = Math.max(c.p, otherC.p);
+          intersectEnd = Math.min(c.p + c.c.length, otherC.p + otherC.d.length);
+          cIntersect = c.c.slice(intersectStart - c.p, intersectEnd - c.p);
+          otherIntersect = otherC.d.slice(intersectStart - otherC.p, intersectEnd - otherC.p);
+          if (cIntersect !== otherIntersect) {
+            throw new Error('Delete ops delete different text in the same region of the document');
+          }
+
+          newC.p = transformPosition(newC.p, otherC);
+          append(dest, newC);
+        }
+      } else if (otherC.c != null) {
+        append(dest, c);
+      } else {
+        throw new Error('unknown op type');
+      }
+    }
+
+    return dest;
+  };
+
+  var invertComponent = function invertComponent(c) {
+    if (c.i != null) {
+      return { d: c.i, p: c.p };
+    } else {
+      return { i: c.d, p: c.p };
+    }
+  };
+
+  // No need to use append for invert, because the components won't be able to
+  // cancel with one another.
+  text.invert = function (op) {
+    return Array.from(op.slice().reverse()).map(function (c) {
+      return invertComponent(c);
+    });
+  };
+
+  if (WEB != null) {
+    if (!exports.types) {
+      exports.types = {};
+    }
+
+    // This is kind of awful - come up with a better way to hook this helper code up.
+    bootstrapTransform(text, transformComponent, checkValidOp, append);
+
+    // [] is used to prevent closure from renaming types.text
+    exports.types.text = text;
+  }
+
+  // Text document API for text
+
+  text.api = {
+    provides: { text: true },
+
+    // The number of characters in the string
+    getLength: function getLength() {
+      return this.snapshot.length;
+    },
+
+
+    // Get the text contents of a document
+    getText: function getText() {
+      return this.snapshot;
+    },
+    insert: function insert(pos, text, fromUndo, callback) {
+      var op = { p: pos, i: text };
+      if (fromUndo) {
+        op.u = true;
+      }
+      op = [op];
+
+      this.submitOp(op, callback);
+      return op;
+    },
+    del: function del(pos, length, fromUndo, callback) {
+      var op = { p: pos, d: this.snapshot.slice(pos, pos + length) };
+      if (fromUndo) {
+        op.u = true;
+      }
+      op = [op];
+
+      this.submitOp(op, callback);
+      return op;
+    },
+    _register: function _register() {
+      return this.on('remoteop', function (op) {
+        var _this = this;
+
+        return function () {
+          var result = [];
+          var _iteratorNormalCompletion10 = true;
+          var _didIteratorError10 = false;
+          var _iteratorError10 = undefined;
+
+          try {
+            for (var _iterator10 = Array.from(op)[Symbol.iterator](), _step10; !(_iteratorNormalCompletion10 = (_step10 = _iterator10.next()).done); _iteratorNormalCompletion10 = true) {
+              var component = _step10.value;
+
+              if (component.i !== undefined) {
+                result.push(_this.emit('insert', component.p, component.i));
+              } else if (component.d !== undefined) {
+                result.push(_this.emit('delete', component.p, component.d));
+              } else {
+                result.push(undefined);
+              }
+            }
+          } catch (err) {
+            _didIteratorError10 = true;
+            _iteratorError10 = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion10 && _iterator10.return) {
+                _iterator10.return();
+              }
+            } finally {
+              if (_didIteratorError10) {
+                throw _iteratorError10;
+              }
+            }
+          }
+
+          return result;
+        }();
+      });
+    }
+  };
+  // This is a simple port of microevent.js to Coffeescript. I've changed the
+  // function names to be consistent with node.js EventEmitter.
+  //
+  // microevent.js is copyright Jerome Etienne, and licensed under the MIT license:
+  // https://github.com/jeromeetienne/microevent.js
+
+  var nextTick = WEB != null ? function (fn) {
+    return setTimeout(fn, 0);
+  } : process['nextTick'];
+
+  var MicroEvent = function () {
+    function MicroEvent() {
+      _classCallCheck(this, MicroEvent);
+    }
+
+    _createClass(MicroEvent, [{
+      key: 'on',
+      value: function on(event, fct) {
+        if (!this._events) {
+          this._events = {};
+        }
+        if (!this._events[event]) {
+          this._events[event] = [];
+        }
+        this._events[event].push(fct);
+        return this;
+      }
+    }, {
+      key: 'removeListener',
+      value: function removeListener(event, fct) {
+        var _this2 = this;
+
+        if (!this._events) {
+          this._events = {};
+        }
+        var listeners = this._events[event] || (this._events[event] = []);
+
+        // Sadly, there's no IE8- support for indexOf.
+        var i = 0;
+        while (i < listeners.length) {
+          if (listeners[i] === fct) {
+            listeners[i] = undefined;
+          }
+          i++;
+        }
+
+        nextTick(function () {
+          return _this2._events[event] = Array.from(_this2._events[event]).filter(function (x) {
+            return x;
+          });
+        });
+
+        return this;
+      }
+    }, {
+      key: 'emit',
+      value: function emit(event) {
+        if (!(this._events != null ? this._events[event] : undefined)) {
+          return this;
+        }
+
+        for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
+
+        var _iteratorNormalCompletion11 = true;
+        var _didIteratorError11 = false;
+        var _iteratorError11 = undefined;
+
+        try {
+          for (var _iterator11 = Array.from(this._events[event])[Symbol.iterator](), _step11; !(_iteratorNormalCompletion11 = (_step11 = _iterator11.next()).done); _iteratorNormalCompletion11 = true) {
+            var fn = _step11.value;
+            if (fn) {
+              fn.apply(this, args);
+            }
+          }
+        } catch (err) {
+          _didIteratorError11 = true;
+          _iteratorError11 = err;
+        } finally {
+          try {
+            if (!_iteratorNormalCompletion11 && _iterator11.return) {
+              _iterator11.return();
+            }
+          } finally {
+            if (_didIteratorError11) {
+              throw _iteratorError11;
+            }
+          }
+        }
+
+        return this;
+      }
+    }]);
+
+    return MicroEvent;
+  }();
+
+  // mixin will delegate all MicroEvent.js function in the destination object
+
+
+  MicroEvent.mixin = function (obj) {
+    var proto = obj.prototype || obj;
+
+    // Damn closure compiler :/
+    proto.on = MicroEvent.prototype.on;
+    proto.removeListener = MicroEvent.prototype.removeListener;
+    proto.emit = MicroEvent.prototype.emit;
+    return obj;
+  };
+
+  if (WEB == null) {
+    module.exports = MicroEvent;
+  }
+
+  if (WEB != null) {
+    exports.extendDoc = function (name, fn) {
+      return Doc.prototype[name] = fn;
+    };
+  }
+
+  // A Doc is a client's view on a sharejs document.
+  //
+  // Documents are created by calling Connection.open().
+  //
+  // Documents are event emitters - use doc.on(eventname, fn) to subscribe.
+  //
+  // Documents get mixed in with their type's API methods. So, you can .insert('foo', 0) into
+  // a text document and stuff like that.
+  //
+  // Events:
+  //  - remoteop (op)
+  //  - changed (op)
+  //  - acknowledge (op)
+  //  - error
+  //  - open, closing, closed. 'closing' is not guaranteed to fire before closed.
+
+  var Doc = function () {
+    // connection is a Connection object.
+    // name is the documents' docName.
+    // data can optionally contain known document data, and initial open() call arguments:
+    // {v[erson], snapshot={...}, type, create=true/false/undefined}
+    // callback will be called once the document is first opened.
+    function Doc(connection, name, openData) {
+      _classCallCheck(this, Doc);
+
+      // Any of these can be null / undefined at this stage.
+      this.flush = this.flush.bind(this);
+      this.setFlushDelay = this.setFlushDelay.bind(this);
+      this.shout = this.shout.bind(this);
+      this.connection = connection;
+      this.name = name;
+      if (!openData) {
+        openData = {};
+      }
+      this.version = openData.v;
+      this.lastServerActivity = performance.now()
+      this.snapshot = openData.snaphot;
+      if (openData.type) {
+        this._setType(openData.type);
+      }
+
+      this.state = 'closed';
+      this.autoOpen = false;
+
+      // Has the document already been created?
+      this._create = openData.create;
+
+      // The op that is currently roundtripping to the server, or null.
+      //
+      // When the connection reconnects, the inflight op is resubmitted.
+      this.inflightOp = null;
+      this.inflightCallbacks = [];
+      // The auth ids which the client has previously used to attempt to send inflightOp. This is
+      // usually empty.
+      this.inflightSubmittedIds = [];
+
+      // All ops that are waiting for the server to acknowledge @inflightOp
+      this.pendingOp = null;
+      this.pendingCallbacks = [];
+    }
+
+    // Transform a server op by a client op, and vice versa.
+
+
+    _createClass(Doc, [{
+      key: '_xf',
+      value: function _xf(client, server) {
+        if (this.type.transformX) {
+          return this.type.transformX(client, server);
+        } else {
+          var client_ = this.type.transform(client, server, 'left');
+          var server_ = this.type.transform(server, client, 'right');
+          return [client_, server_];
+        }
+      }
+    }, {
+      key: '_otApply',
+      value: function _otApply(docOp, isRemote, msg) {
+        var oldSnapshot = this.snapshot;
+        this.snapshot = this.type.apply(this.snapshot, docOp);
+
+        // Its important that these event handlers are called with oldSnapshot.
+        // The reason is that the OT type APIs might need to access the snapshots to
+        // determine information about the received op.
+        this.emit('change', docOp, oldSnapshot, msg, isRemote);
+        if (isRemote) {
+          return this.emit('remoteop', docOp, oldSnapshot, msg);
+        }
+      }
+    }, {
+      key: '_connectionStateChanged',
+      value: function _connectionStateChanged(state, data) {
+        switch (state) {
+          case 'disconnected':
+            this.state = 'closed';
+            // This is used by the server to make sure that when an op is resubmitted it
+            // doesn't end up getting applied twice.
+            if (this.inflightOp) {
+              this.inflightSubmittedIds.push(this.connection.id);
+            }
+
+            this.emit('closed');
+            break;
+
+          case 'ok':
+            // Might be able to do this when we're connecting... that would save a roundtrip.
+            if (this.autoOpen) {
+              this.open();
+            }
+            break;
+
+          case 'stopped':
+            if (typeof this._openCallback === 'function') {
+              this._openCallback(data);
+            }
+            break;
+        }
+
+        return this.emit(state, data);
+      }
+    }, {
+      key: '_setType',
+      value: function _setType(type) {
+        if (typeof type === 'string') {
+          type = types[type];
+        }
+
+        if (!type || !type.compose) {
+          throw new Error('Support for types without compose() is not implemented');
+        }
+
+        this.type = type;
+        if (type.api) {
+          for (var k in type.api) {
+            var v = type.api[k];this[k] = v;
+          }
+          return typeof this._register === 'function' ? this._register() : undefined;
+        } else {
+          return this.provides = {};
+        }
+      }
+    }, {
+      key: '_onMessage',
+      value: function _onMessage(msg) {
+        // debugConsole.warn('s->c', msg)
+        if (msg.open === true) {
+          // The document has been successfully opened.
+          this.state = 'open';
+          this._create = false; // Don't try and create the document again next time open() is called.
+          if (this.created == null) {
+            this.created = !!msg.create;
+          }
+
+          if (msg.type) {
+            this._setType(msg.type);
+          }
+          if (msg.create) {
+            this.created = true;
+            this.snapshot = this.type.create();
+          } else {
+            if (this.created !== true) {
+              this.created = false;
+            }
+            if (msg.snapshot !== undefined) {
+              this.snapshot = msg.snapshot;
+            }
+          }
+
+          if (msg.v != null) {
+            this.version = msg.v;
+          }
+
+          // Resend any previously queued operation.
+          if (this.inflightOp) {
+            var response = {
+              doc: this.name,
+              op: this.inflightOp,
+              v: this.version
+            };
+            if (this.inflightSubmittedIds.length) {
+              response.dupIfSource = this.inflightSubmittedIds;
+            }
+            this.connection.send(response);
+          } else {
+            this.flush();
+          }
+
+          this.emit('open');
+
+          return typeof this._openCallback === 'function' ? this._openCallback(null) : undefined;
+        } else if (msg.open === false) {
+          // The document has either been closed, or an open request has failed.
+          if (msg.error) {
+            // An error occurred opening the document.
+            debugConsole.error('Could not open document: ' + msg.error);
+            this.emit('error', msg.error);
+            if (typeof this._openCallback === 'function') {
+              this._openCallback(msg.error);
+            }
+          }
+
+          this.state = 'closed';
+          this.emit('closed');
+
+          if (typeof this._closeCallback === 'function') {
+            this._closeCallback();
+          }
+          return this._closeCallback = null;
+        } else if (msg.op === null && error === 'Op already submitted') {
+          // Overleaf: note that this branch is never reached, as `error` is always undefined
+
+          // We've tried to resend an op to the server, which has already been received successfully. Do nothing.
+          // The op will be confirmed normally when we get the op itself was echoed back from the server
+          // (handled below).
+
+        } else if (msg.op === undefined && msg.v !== undefined || msg.op && Array.from(this.inflightSubmittedIds).includes(msg.meta.source)) {
+          // Overleaf: avoid clearing inflightOp on repeated acknowledgement of operations on the same version
+          if (!msg.error) {
+            if (msg.op === undefined && msg.v !== undefined) {
+              if (msg.v < this.version) {
+                postJSON('/error/client', {
+                  body: {
+                    error: {
+                      message: 'out-of-order-ack-ignored'
+                    },
+                    meta: { msg, version: this.version }
+                  }
+                })
+                return
+              }
+            } else {
+              if (msg.v < this.version) {
+                postJSON('/error/client', {
+                  body: {
+                    error: {
+                      message: 'out-of-order-self-op-ignored'
+                    },
+                    meta: { msg: { v: msg.v }, version: this.version }
+                  }
+                })
+                // return // TODO: enable this?
+              }
+            }
+          }
+
+          // Our inflight op has been acknowledged.
+          var callback = void 0;
+          var oldInflightOp = this.inflightOp;
+          this.inflightOp = null;
+          this.inflightSubmittedIds.length = 0;
+
+          if (this.pendingOp === null) {
+            // All ops are acked
+            this.emit('saved');
+          }
+
+          var error = msg.error;
+
+          if (error) {
+            // The server has rejected an op from the client for some reason.
+            // We'll send the error message to the user and roll back the change.
+            //
+            // If the server isn't going to allow edits anyway, we should probably
+            // figure out some way to flag that (readonly:true in the open request?)
+
+            if (this.type.invert) {
+              var undo = this.type.invert(oldInflightOp);
+
+              // Now we have to transform the undo operation by any server ops & pending ops
+              if (this.pendingOp) {
+                var _Array$from7 = Array.from(this._xf(this.pendingOp, undo));
+
+                var _Array$from8 = _slicedToArray(_Array$from7, 2);
+
+                this.pendingOp = _Array$from8[0];
+                undo = _Array$from8[1];
+              }
+
+              // ... and apply it locally, reverting the changes.
+              //
+              // This call will also call @emit 'remoteop'. I'm still not 100% sure about this
+              // functionality, because its really a local op. Basically, the problem is that
+              // if the client's op is rejected by the server, the editor window should update
+              // to reflect the undo.
+              this._otApply(undo, true, msg);
+            } else {
+              this.emit('error', 'Op apply failed (' + error + ') and the op could not be reverted');
+            }
+
+            var _iteratorNormalCompletion12 = true;
+            var _didIteratorError12 = false;
+            var _iteratorError12 = undefined;
+
+            try {
+              for (var _iterator12 = Array.from(this.inflightCallbacks)[Symbol.iterator](), _step12; !(_iteratorNormalCompletion12 = (_step12 = _iterator12.next()).done); _iteratorNormalCompletion12 = true) {
+                callback = _step12.value;
+                callback(error);
+              }
+            } catch (err) {
+              _didIteratorError12 = true;
+              _iteratorError12 = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion12 && _iterator12.return) {
+                  _iterator12.return();
+                }
+              } finally {
+                if (_didIteratorError12) {
+                  throw _iteratorError12;
+                }
+              }
+            }
+          } else {
+            // The op applied successfully.
+
+            // We may get multiple acks of the same message if we retried it,
+            // so its ok if we receive an ack for a version that we've already gone past.
+            // If so, just ignore it
+            if (msg.v < this.version) {
+              return;
+            }
+
+            if (msg.v !== this.version) {
+              throw new Error('Invalid version from server');
+            }
+
+            this.version++;
+            this.lastServerActivity = performance.now()
+            this.emit('acknowledge', oldInflightOp);
+            var _iteratorNormalCompletion13 = true;
+            var _didIteratorError13 = false;
+            var _iteratorError13 = undefined;
+
+            try {
+              for (var _iterator13 = Array.from(this.inflightCallbacks)[Symbol.iterator](), _step13; !(_iteratorNormalCompletion13 = (_step13 = _iterator13.next()).done); _iteratorNormalCompletion13 = true) {
+                callback = _step13.value;
+                callback(null, oldInflightOp);
+              }
+            } catch (err) {
+              _didIteratorError13 = true;
+              _iteratorError13 = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion13 && _iterator13.return) {
+                  _iterator13.return();
+                }
+              } finally {
+                if (_didIteratorError13) {
+                  throw _iteratorError13;
+                }
+              }
+            }
+          }
+
+          // Send the next op.
+          return this.delayedFlush();
+        } else if (msg.op) {
+          // We got a new op from the server.
+          // msg is {doc:, op:, v:}
+
+          // There is a bug in socket.io (produced on firefox 3.6) which causes messages
+          // to be duplicated sometimes.
+          // We'll just silently drop subsequent messages.
+          if (msg.v < this.version) {
+            return;
+          }
+
+          if (msg.doc !== this.name) {
+            return this.emit('error', 'Expected docName \'' + this.name + '\' but got ' + msg.doc);
+          }
+          if (msg.v !== this.version) {
+            return this.emit('error', 'Expected version ' + this.version + ' but got ' + msg.v);
+          }
+
+          //    p "if: #{i @inflightOp} pending: #{i @pendingOp} doc '#{@snapshot}' op: #{i msg.op}"
+
+          var docOp = msg.op;
+          if (this.inflightOp !== null) {
+            var _Array$from9 = Array.from(this._xf(this.inflightOp, docOp));
+
+            var _Array$from10 = _slicedToArray(_Array$from9, 2);
+
+            this.inflightOp = _Array$from10[0];
+            docOp = _Array$from10[1];
+          }
+          if (this.pendingOp !== null) {
+            var _Array$from11 = Array.from(this._xf(this.pendingOp, docOp));
+
+            var _Array$from12 = _slicedToArray(_Array$from11, 2);
+
+            this.pendingOp = _Array$from12[0];
+            docOp = _Array$from12[1];
+          }
+
+          this.version++;
+          this.lastServerActivity = performance.now()
+          // Finally, apply the op to @snapshot and trigger any event listeners
+          return this._otApply(docOp, true, msg);
+        } else if (msg.meta) {
+          var _msg$meta = msg.meta,
+              path = _msg$meta.path,
+              value = _msg$meta.value;
+
+
+          switch (path != null ? path[0] : undefined) {
+            case 'shout':
+              return this.emit('shout', value);
+            default:
+              return debugConsole.warn('Unhandled meta op:', msg);
+          }
+        } else {
+          return debugConsole.warn('Unhandled document message:', msg);
+        }
+      }
+
+      // Send ops to the server, if appropriate.
+      //
+      // Only one op can be in-flight at a time, so if an op is already on its way then
+      // this method does nothing.
+
+    }, {
+      key: 'flush',
+      value: function flush() {
+        this.flushTimeout = null;
+        // console.log "CALLED FLUSH"
+
+        if (this.connection.state !== 'ok' || this.inflightOp !== null || this.pendingOp === null) {
+          return;
+        }
+
+        // Rotate null -> pending -> inflight
+        this.inflightOp = this.pendingOp;
+        this.inflightCallbacks = this.pendingCallbacks;
+
+        this.pendingOp = null;
+        this.pendingCallbacks = [];
+
+        this.emit('flipped_pending_to_inflight');
+
+        if (getMeta('ol-useShareJsHash') || debugging) {
+          var now = Date.now()
+          var age = this.__lastSubmitTimestamp && (now - this.__lastSubmitTimestamp)
+          var RECOMPUTE_HASH_INTERVAL = 5000
+          // check the document hash regularly (but not if we have checked in the last 5 seconds)
+          var needToRecomputeHash = !this.__lastSubmitTimestamp || (age > RECOMPUTE_HASH_INTERVAL) || (age < 0)
+          if (needToRecomputeHash || debugging) {
+            // send git hash of current snapshot
+            var sha1 = generateSHA1Hash("blob " + this.snapshot.length + "\x00" + this.snapshot)
+            this.__lastSubmitTimestamp = now;
+          }
+        }
+
+        // console.log "SENDING OP TO SERVER", @inflightOp, @version
+        var lastVersion = this.__lastVersion;
+        this.__lastVersion = this.version;
+        return this.connection.send({ doc: this.name, op: this.inflightOp, v: this.version, lastV: lastVersion, hash: sha1});
+      }
+
+      // Submit an op to the server. The op maybe held for a little while before being sent, as only one
+      // op can be inflight at any time.
+
+    }, {
+      key: 'submitOp',
+      value: function submitOp(op, callback) {
+        if (this.type.normalize != null) {
+          op = this.type.normalize(op);
+        }
+
+        var oldSnapshot = this.snapshot;
+        // If this throws an exception, no changes should have been made to the doc
+        this.snapshot = this.type.apply(this.snapshot, op);
+
+        if (this.pendingOp !== null) {
+          this.pendingOp = this.type.compose(this.pendingOp, op);
+        } else {
+          this.pendingOp = op;
+        }
+
+        if (callback) {
+          this.pendingCallbacks.push(callback);
+        }
+
+        this.emit('change', op, oldSnapshot);
+
+        return this.delayedFlush();
+      }
+    }, {
+      key: 'delayedFlush',
+      value: function delayedFlush() {
+        if (this.flushTimeout == null) {
+          return this.flushTimeout = setTimeout(this.flush, this._flushDelay || 0);
+        }
+      }
+    }, {
+      key: 'setFlushDelay',
+      value: function setFlushDelay(delay) {
+        return this._flushDelay = delay;
+      }
+    }, {
+      key: 'shout',
+      value: function shout(msg) {
+        // Meta ops don't have to queue, they can go direct. Good/bad idea?
+        return this.connection.send({ doc: this.name, meta: { path: ['shout'], value: msg } });
+      }
+
+      // Open a document. The document starts closed.
+
+    }, {
+      key: 'open',
+      value: function open(callback) {
+        var _this3 = this;
+
+        this.autoOpen = true;
+        if (this.state !== 'closed') {
+          return;
+        }
+
+        var message = {
+          doc: this.name,
+          open: true
+        };
+
+        if (this.snapshot === undefined) {
+          message.snapshot = null;
+        }
+        if (this.type) {
+          message.type = this.type.name;
+        }
+        if (this.version != null) {
+          message.v = this.version;
+        }
+        if (this._create) {
+          message.create = true;
+        }
+
+        this.connection.send(message);
+
+        this.state = 'opening';
+
+        return this._openCallback = function (error) {
+          _this3._openCallback = null;
+          return typeof callback === 'function' ? callback(error) : undefined;
+        };
+      }
+
+      // Close a document.
+
+    }, {
+      key: 'close',
+      value: function close(callback) {
+        this.autoOpen = false;
+        if (this.state === 'closed') {
+          return typeof callback === 'function' ? callback() : undefined;
+        }
+
+        this.connection.send({ doc: this.name, open: false });
+
+        // Should this happen immediately or when we get open:false back from the server?
+        this.state = 'closed';
+
+        this.emit('closing');
+        return this._closeCallback = callback;
+      }
+    }]);
+
+    return Doc;
+  }();
+
+  // Make documents event emitters
+
+
+  MicroEvent.mixin(Doc);
+
+  exports.Doc = Doc;
+
+  return exports;
+})()
+
+export default window.sharejs
diff --git a/services/web/frontend/macros/import-overleaf-module.macro.js b/services/web/frontend/macros/import-overleaf-module.macro.js
new file mode 100644
index 0000000..4bb77cd
--- /dev/null
+++ b/services/web/frontend/macros/import-overleaf-module.macro.js
@@ -0,0 +1,74 @@
+const { createMacro, MacroError } = require('babel-plugin-macros')
+
+// This copy of the settings will be taken when webpack starts.
+// Be sure to restart webpack after making changes to the settings.
+const Settings = require('@overleaf/settings')
+
+const macro = createMacro(importOverleafModuleMacro)
+
+function importOverleafModuleMacro({ references, state, babel }) {
+  references.default.forEach(referencePath => {
+    const { types: t } = babel
+
+    const modulePaths = getModulePaths(referencePath.parentPath)
+
+    const { importNodes, importedVariables } = modulePaths.reduce(
+      (all, path) => {
+        // Generate a unique variable name for the module
+        const id = referencePath.scope.generateUidIdentifier(path)
+
+        // Generate an import statement for the module
+        // In the form: import * as __ID__ from "__PATH__"
+        all.importNodes.push(
+          t.importDeclaration(
+            [t.importNamespaceSpecifier(id)],
+            t.stringLiteral(path)
+          )
+        )
+
+        // Also keep track of the imported variable, so it can be added to
+        // the assigned array
+        all.importedVariables.push(
+          t.objectExpression([
+            t.objectProperty(t.identifier('import'), id),
+            t.objectProperty(t.identifier('path'), t.stringLiteral(path)),
+          ])
+        )
+
+        return all
+      },
+      { importNodes: [], importedVariables: [] }
+    )
+
+    // Generate an array of imported variables
+    const arrayExpression = t.arrayExpression(importedVariables)
+
+    // Inject the import statements at the top of the file
+    const program = state.file.path
+    program.node.body.unshift(...importNodes)
+
+    // Replace the importFromSettings line with the generated array of imported
+    // variables
+    referencePath.parentPath.replaceWith(arrayExpression)
+  })
+}
+
+function getModulePaths(callExpressionPath) {
+  // Get the first argument to importFromSettings
+  const key = callExpressionPath.get('arguments')[0].evaluate().value
+
+  if (!Settings.overleafModuleImports) {
+    throw new MacroError('Settings.overleafModuleImports not found')
+  }
+
+  // Get the module paths
+  const modulePaths = Settings.overleafModuleImports[key]
+
+  if (!modulePaths) {
+    throw new MacroError(`Overleaf module '${key}' not found`)
+  }
+
+  return modulePaths
+}
+
+module.exports = macro
diff --git a/services/web/frontend/macros/invalidate-babel-cache-if-needed.js b/services/web/frontend/macros/invalidate-babel-cache-if-needed.js
new file mode 100644
index 0000000..df9d00e
--- /dev/null
+++ b/services/web/frontend/macros/invalidate-babel-cache-if-needed.js
@@ -0,0 +1,30 @@
+const fs = require('fs')
+const Path = require('path')
+const Settings = require('@overleaf/settings')
+
+module.exports = function invalidateBabelCacheIfNeeded() {
+  const cachePath = Path.join(__dirname, '../../node_modules/.cache')
+  const statePath = Path.join(cachePath, 'last-overleafModuleImports.json')
+  let lastState = ''
+  try {
+    lastState = fs.readFileSync(statePath, { encoding: 'utf-8' })
+  } catch (e) {}
+
+  const newState = JSON.stringify(Settings.overleafModuleImports)
+  if (lastState !== newState) {
+    // eslint-disable-next-line no-console
+    console.warn(
+      'Detected change in overleafModuleImports, purging babel cache!'
+    )
+    // Gracefully handle cache mount in Server Pro build, only purge nested folders and keep .cache/ folder.
+    fs.mkdirSync(cachePath, { recursive: true })
+    for (const name of fs.readdirSync(cachePath)) {
+      fs.rmSync(Path.join(cachePath, name), {
+        recursive: true,
+        force: true,
+        maxRetries: 5,
+      })
+    }
+    fs.writeFileSync(statePath, newState)
+  }
+}
diff --git a/services/web/frontend/stories/chat.stories.jsx b/services/web/frontend/stories/chat.stories.jsx
new file mode 100644
index 0000000..73b207a
--- /dev/null
+++ b/services/web/frontend/stories/chat.stories.jsx
@@ -0,0 +1,58 @@
+import ChatPane from '../js/features/chat/components/chat-pane'
+import useFetchMock from './hooks/use-fetch-mock'
+import { generateMessages } from './fixtures/chat-messages'
+import { ScopeDecorator } from './decorators/scope'
+import { UserProvider } from '@/shared/context/user-context'
+
+export const Conversation = args => {
+  useFetchMock(fetchMock => {
+    fetchMock.get(/messages/, generateMessages(35)).post(/messages/, {})
+  })
+
+  return <ChatPane {...args} />
+}
+
+export const NoMessages = args => {
+  useFetchMock(fetchMock => {
+    fetchMock.get(/messages/, [])
+  })
+
+  return <ChatPane {...args} />
+}
+
+export const Loading = args => {
+  useFetchMock(fetchMock => {
+    fetchMock.get(/messages/, generateMessages(6), {
+      delay: 1000 * 10,
+    })
+  })
+
+  return <ChatPane {...args} />
+}
+
+export const LoadingError = args => {
+  useFetchMock(fetchMock => {
+    fetchMock.get(/messages/, 500)
+  })
+
+  return <ChatPane {...args} />
+}
+
+export default {
+  title: 'Editor / Chat',
+  component: ChatPane,
+  argTypes: {
+    resetUnreadMessages: { action: 'resetUnreadMessages' },
+  },
+  args: {
+    resetUnreadMessages: () => {},
+  },
+  decorators: [
+    ScopeDecorator,
+    Story => (
+      <UserProvider>
+        <Story />
+      </UserProvider>
+    ),
+  ],
+}
diff --git a/services/web/frontend/stories/clone-project-modal.stories.jsx b/services/web/frontend/stories/clone-project-modal.stories.jsx
new file mode 100644
index 0000000..843a18f
--- /dev/null
+++ b/services/web/frontend/stories/clone-project-modal.stories.jsx
@@ -0,0 +1,61 @@
+import useFetchMock from './hooks/use-fetch-mock'
+import CloneProjectModal from '../js/features/clone-project-modal/components/clone-project-modal'
+import { ScopeDecorator } from './decorators/scope'
+
+export const Success = args => {
+  useFetchMock(fetchMock => {
+    fetchMock.post(
+      'express:/project/:projectId/clone',
+      { status: 200 },
+      { delay: 250 }
+    )
+  })
+
+  return <CloneProjectModal {...args} />
+}
+
+export const GenericErrorResponse = args => {
+  useFetchMock(fetchMock => {
+    fetchMock.post(
+      'express:/project/:projectId/clone',
+      { status: 500 },
+      { delay: 250 }
+    )
+  })
+
+  return <CloneProjectModal {...args} />
+}
+
+export const SpecificErrorResponse = args => {
+  useFetchMock(fetchMock => {
+    fetchMock.post(
+      'express:/project/:projectId/clone',
+      { status: 400, body: 'The project name is not valid' },
+      { delay: 250 }
+    )
+  })
+
+  return <CloneProjectModal {...args} />
+}
+
+export default {
+  title: 'Editor / Modals / Clone Project',
+  component: CloneProjectModal,
+  args: {
+    show: true,
+    projectName: 'Project 1',
+    projectTags: [
+      {
+        _id: 'tag-1',
+        name: 'Category 1',
+        color: '#c0ffee',
+      },
+    ],
+  },
+  argTypes: {
+    handleHide: { action: 'close modal' },
+    openProject: { action: 'open project' },
+    handleAfterCloned: { action: 'after cloned' },
+  },
+  decorators: [ScopeDecorator],
+}
diff --git a/services/web/frontend/stories/contact-us-modal.stories.tsx b/services/web/frontend/stories/contact-us-modal.stories.tsx
new file mode 100644
index 0000000..b1c0e2c
--- /dev/null
+++ b/services/web/frontend/stories/contact-us-modal.stories.tsx
@@ -0,0 +1,88 @@
+import { ComponentProps, useCallback, useState } from 'react'
+import useFetchMock from './hooks/use-fetch-mock'
+import ContactUsModal from '../../modules/support/frontend/js/components/contact-us-modal'
+import fixedHelpSuggestionSearch from '../../modules/support/test/frontend/util/fixed-help-suggestion-search'
+import { ScopeDecorator } from './decorators/scope'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+type ContactUsModalProps = ComponentProps<typeof ContactUsModal>
+
+function GenericContactUsModal(args: ContactUsModalProps) {
+  useFetchMock(fetchMock => {
+    fetchMock.post('/support', { status: 200 }, { delay: 1000 })
+  })
+
+  return (
+    <ContactUsModal
+      helpSuggestionSearch={fixedHelpSuggestionSearch}
+      {...args}
+    />
+  )
+}
+
+export const Generic = (args: ContactUsModalProps) => (
+  <GenericContactUsModal {...args} />
+)
+
+const ContactUsModalWithRequestError = (args: ContactUsModalProps) => {
+  useFetchMock(fetchMock => {
+    fetchMock.post('/support', { status: 404 }, { delay: 250 })
+  })
+
+  return (
+    <ContactUsModal
+      helpSuggestionSearch={fixedHelpSuggestionSearch}
+      {...args}
+    />
+  )
+}
+
+export const RequestError = (args: ContactUsModalProps) => (
+  <ContactUsModalWithRequestError {...args} />
+)
+
+const ContactUsModalWithAcknowledgement = (
+  args: Omit<ContactUsModalProps, 'show' | 'handleHide'>
+) => {
+  useFetchMock(fetchMock => {
+    fetchMock.post('/support', { status: 200 }, { delay: 1000 })
+  })
+
+  const [show, setShow] = useState(false)
+
+  const hideModal = useCallback((event?: Event) => {
+    event?.preventDefault()
+    setShow(false)
+  }, [])
+
+  return (
+    <>
+      <OLButton onClick={() => setShow(true)}>Contact Us</OLButton>
+      <ContactUsModal
+        show={show}
+        handleHide={hideModal}
+        helpSuggestionSearch={fixedHelpSuggestionSearch}
+        {...args}
+      />
+    </>
+  )
+}
+
+export const WithAcknowledgement = (args: ContactUsModalProps) => {
+  const { show, handleHide, ...rest } = args
+  return <ContactUsModalWithAcknowledgement {...rest} />
+}
+
+export default {
+  title: 'Shared / Modals / Contact Us',
+  component: ContactUsModal,
+  args: {
+    show: true,
+    handleHide: () => {},
+    autofillProjectUrl: true,
+  },
+  argTypes: {
+    handleHide: { action: 'close modal' },
+  },
+  decorators: [ScopeDecorator],
+}
diff --git a/services/web/frontend/stories/decorators/scope.tsx b/services/web/frontend/stories/decorators/scope.tsx
new file mode 100644
index 0000000..0e26551
--- /dev/null
+++ b/services/web/frontend/stories/decorators/scope.tsx
@@ -0,0 +1,247 @@
+import React, { FC, useEffect, useState } from 'react'
+import { get } from 'lodash'
+import { User, UserId } from '../../../types/user'
+import { Project } from '../../../types/project'
+import {
+  mockBuildFile,
+  mockCompile,
+  mockCompileError,
+} from '../fixtures/compile'
+import useFetchMock from '../hooks/use-fetch-mock'
+import { useMeta } from '../hooks/use-meta'
+import SocketIOShim, { SocketIOMock } from '@/ide/connection/SocketIoShim'
+import { IdeContext } from '@/shared/context/ide-context'
+import {
+  IdeReactContext,
+  createReactScopeValueStore,
+} from '@/features/ide-react/context/ide-react-context'
+import { IdeEventEmitter } from '@/features/ide-react/create-ide-event-emitter'
+import { ReactScopeEventEmitter } from '@/features/ide-react/scope-event-emitter/react-scope-event-emitter'
+import { ConnectionContext } from '@/features/ide-react/context/connection-context'
+import { Socket } from '@/features/ide-react/connection/types/socket'
+import { ConnectionState } from '@/features/ide-react/connection/types/connection-state'
+import { ReactContextRoot } from '@/features/ide-react/context/react-context-root'
+
+const scopeWatchers: [string, (value: any) => void][] = []
+
+const initialize = () => {
+  const user: User = {
+    id: 'story-user' as UserId,
+    email: 'story-user@example.com',
+    allowedFreeTrial: true,
+    features: { dropbox: true, symbolPalette: true },
+  }
+
+  const project: Project = {
+    _id: '63e21c07946dd8c76505f85a',
+    name: 'A Project',
+    features: { mendeley: true, zotero: true, referencesSearch: true },
+    tokens: {},
+    owner: {
+      _id: 'a-user',
+      email: 'stories@overleaf.com',
+    },
+    members: [],
+    invites: [],
+    rootDoc_id: '5e74f1a7ce17ae0041dfd056',
+    rootFolder: [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [
+          { _id: 'test-file-id', name: 'testfile.tex' },
+          { _id: 'test-bib-file-id', name: 'testsources.bib' },
+        ],
+        fileRefs: [{ _id: 'test-image-id', name: 'frog.jpg', hash: '42' }],
+        folders: [],
+      },
+    ],
+  }
+
+  const scope = {
+    user,
+    project,
+    $watch: (key: string, callback: () => void) => {
+      scopeWatchers.push([key, callback])
+    },
+    $applyAsync: (callback: () => void) => {
+      window.setTimeout(() => {
+        callback()
+        for (const [key, watcher] of scopeWatchers) {
+          watcher(get(ide.$scope, key))
+        }
+      }, 0)
+    },
+    $on: (eventName: string, callback: () => void) => {
+      //
+    },
+    $broadcast: () => {},
+    ui: {
+      chatOpen: true,
+      pdfLayout: 'flat',
+    },
+    settings: {
+      pdfViewer: 'js',
+      syntaxValidation: true,
+    },
+    editor: {
+      richText: false,
+      sharejs_doc: {
+        doc_id: 'test-doc',
+        getSnapshot: () => 'some doc content',
+        hasBufferedOps: () => false,
+      },
+      open_doc_name: 'testfile.tex',
+    },
+    hasLintingError: false,
+    permissionsLevel: 'owner',
+  }
+
+  const ide = {
+    $scope: scope,
+    socket: new SocketIOShim.SocketShimNoop(
+      new SocketIOMock()
+    ) as unknown as Socket,
+  }
+
+  // window.metaAttributesCache is reset in preview.tsx
+  window.metaAttributesCache.set('ol-user', user)
+  window.metaAttributesCache.set('ol-project_id', project._id)
+  window.metaAttributesCache.set(
+    'ol-gitBridgePublicBaseUrl',
+    'https://git.stories.com'
+  )
+
+  window._ide = ide
+}
+
+type ScopeDecoratorOptions = {
+  mockCompileOnLoad: boolean
+  providers?: Record<string, any>
+}
+
+export const ScopeDecorator = (
+  Story: any,
+  opts: ScopeDecoratorOptions = { mockCompileOnLoad: true },
+  meta: Record<string, any> = {}
+) => {
+  initialize()
+
+  // mock compile on load
+  useFetchMock(fetchMock => {
+    if (opts.mockCompileOnLoad) {
+      mockCompile(fetchMock)
+      mockCompileError(fetchMock)
+      mockBuildFile(fetchMock)
+    }
+  })
+
+  // clear scopeWatchers on unmount
+  useEffect(() => {
+    return () => {
+      scopeWatchers.length = 0
+    }
+  }, [])
+
+  // set values on window.metaAttributesCache (created in initialize, above)
+  useMeta(meta)
+
+  return (
+    <ReactContextRoot
+      providers={{
+        ConnectionProvider,
+        IdeReactProvider,
+        ...opts.providers,
+      }}
+    >
+      <Story />
+    </ReactContextRoot>
+  )
+}
+
+const ConnectionProvider: FC = ({ children }) => {
+  const [value] = useState(() => {
+    const connectionState: ConnectionState = {
+      readyState: WebSocket.OPEN,
+      forceDisconnected: false,
+      inactiveDisconnect: false,
+      reconnectAt: null,
+      forcedDisconnectDelay: 0,
+      lastConnectionAttempt: 0,
+      error: '',
+    }
+    return {
+      socket: window._ide.socket as Socket,
+      connectionState,
+      isConnected: true,
+      isStillReconnecting: false,
+      secondsUntilReconnect: () => 0,
+      tryReconnectNow: () => {},
+      registerUserActivity: () => {},
+      closeConnection: () => {},
+      getSocketDebuggingInfo: () => ({
+        client_id: 'fakeClientId',
+        transport: 'fakeTransport',
+        publicId: 'fakePublicId',
+        lastUserActivity: 0,
+        connectionState,
+        externalHeartbeat: {
+          currentStart: 0,
+          lastSuccess: 0,
+          lastLatency: 0,
+        },
+      }),
+    }
+  })
+
+  return (
+    <ConnectionContext.Provider value={value}>
+      {children}
+    </ConnectionContext.Provider>
+  )
+}
+
+const IdeReactProvider: FC = ({ children }) => {
+  const projectId = 'project-123'
+  const [startedFreeTrial, setStartedFreeTrial] = useState(false)
+
+  const [ideReactContextValue] = useState(() => ({
+    projectId,
+    eventEmitter: new IdeEventEmitter(),
+    startedFreeTrial,
+    setStartedFreeTrial,
+    reportError: () => {},
+    projectJoined: true,
+  }))
+
+  const [ideContextValue] = useState(() => {
+    const ide = window._ide
+    const scopeStore = createReactScopeValueStore(projectId)
+    for (const [key, value] of Object.entries(ide.$scope)) {
+      scopeStore.set(key, value)
+    }
+    const scopeEventEmitter = new ReactScopeEventEmitter(new IdeEventEmitter())
+
+    window.overleaf = {
+      ...window.overleaf,
+      unstable: {
+        ...window.overleaf?.unstable,
+        store: scopeStore,
+      },
+    }
+
+    return {
+      ...ide,
+      scopeStore,
+      scopeEventEmitter,
+    }
+  })
+
+  return (
+    <IdeReactContext.Provider value={ideReactContextValue}>
+      <IdeContext.Provider value={ideContextValue}>
+        {children}
+      </IdeContext.Provider>
+    </IdeReactContext.Provider>
+  )
+}
diff --git a/services/web/frontend/stories/deprecated-browser.stories.tsx b/services/web/frontend/stories/deprecated-browser.stories.tsx
new file mode 100644
index 0000000..bf1b2dc
--- /dev/null
+++ b/services/web/frontend/stories/deprecated-browser.stories.tsx
@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react'
+import { DeprecatedBrowser } from '@/shared/components/deprecated-browser'
+
+const meta: Meta = {
+  title: 'Project List / Deprecated Browser',
+  component: DeprecatedBrowser,
+}
+
+export default meta
+
+type Story = StoryObj<typeof DeprecatedBrowser>
+
+export const Notification: Story = {}
diff --git a/services/web/frontend/stories/editor-left-menu/actions-menu.stories.tsx b/services/web/frontend/stories/editor-left-menu/actions-menu.stories.tsx
new file mode 100644
index 0000000..2511125
--- /dev/null
+++ b/services/web/frontend/stories/editor-left-menu/actions-menu.stories.tsx
@@ -0,0 +1,57 @@
+import ActionsMenu from '../../js/features/editor-left-menu/components/actions-menu'
+import { ScopeDecorator } from '../decorators/scope'
+import { mockCompile, mockCompileError } from '../fixtures/compile'
+import { document, mockDocument } from '../fixtures/document'
+import useFetchMock from '../hooks/use-fetch-mock'
+import { useScope } from '../hooks/use-scope'
+
+export default {
+  title: 'Editor / Left Menu / Actions Menu',
+  component: ActionsMenu,
+  decorators: [
+    (Story: any) => ScopeDecorator(Story, { mockCompileOnLoad: false }),
+  ],
+}
+
+export const NotCompiled = () => {
+  window.metaAttributesCache.set('ol-anonymous', false)
+
+  useFetchMock(fetchMock => {
+    mockCompileError(fetchMock, 'failure')
+  })
+
+  return (
+    <div id="left-menu" className="shown">
+      <ActionsMenu />
+    </div>
+  )
+}
+
+export const CompileSuccess = () => {
+  window.metaAttributesCache.set('ol-anonymous', false)
+
+  useScope({
+    editor: {
+      sharejs_doc: mockDocument(document.tex),
+    },
+  })
+
+  useFetchMock(fetchMock => {
+    mockCompile(fetchMock)
+    fetchMock.get('express:/project/:projectId/wordcount', {
+      texcount: {
+        encode: 'ascii',
+        textWords: 10,
+        headers: 11,
+        mathInline: 12,
+        mathDisplay: 13,
+      },
+    })
+  })
+
+  return (
+    <div id="left-menu" className="shown">
+      <ActionsMenu />
+    </div>
+  )
+}
diff --git a/services/web/frontend/stories/editor-left-menu/download-menu.stories.tsx b/services/web/frontend/stories/editor-left-menu/download-menu.stories.tsx
new file mode 100644
index 0000000..c13926e
--- /dev/null
+++ b/services/web/frontend/stories/editor-left-menu/download-menu.stories.tsx
@@ -0,0 +1,44 @@
+import DownloadMenu from '../../js/features/editor-left-menu/components/download-menu'
+import { ScopeDecorator } from '../decorators/scope'
+import { mockCompile, mockCompileError } from '../fixtures/compile'
+import { document, mockDocument } from '../fixtures/document'
+import useFetchMock from '../hooks/use-fetch-mock'
+import { useScope } from '../hooks/use-scope'
+
+export default {
+  title: 'Editor / Left Menu / Download Menu',
+  component: DownloadMenu,
+  decorators: [
+    (Story: any) => ScopeDecorator(Story, { mockCompileOnLoad: false }),
+  ],
+}
+
+export const NotCompiled = () => {
+  useFetchMock(fetchMock => {
+    mockCompileError(fetchMock, 'failure')
+  })
+
+  return (
+    <div id="left-menu" className="shown">
+      <DownloadMenu />
+    </div>
+  )
+}
+
+export const CompileSuccess = () => {
+  useScope({
+    editor: {
+      sharejs_doc: mockDocument(document.tex),
+    },
+  })
+
+  useFetchMock(fetchMock => {
+    mockCompile(fetchMock)
+  })
+
+  return (
+    <div id="left-menu" className="shown">
+      <DownloadMenu />
+    </div>
+  )
+}
diff --git a/services/web/frontend/stories/editor-left-menu/help-menu.stories.tsx b/services/web/frontend/stories/editor-left-menu/help-menu.stories.tsx
new file mode 100644
index 0000000..9c8cfda
--- /dev/null
+++ b/services/web/frontend/stories/editor-left-menu/help-menu.stories.tsx
@@ -0,0 +1,33 @@
+import HelpMenu from '../../js/features/editor-left-menu/components/help-menu'
+import { ScopeDecorator } from '../decorators/scope'
+
+export default {
+  title: 'Editor / Left Menu / Help Menu',
+  component: HelpMenu,
+  decorators: [ScopeDecorator],
+}
+
+export const ShowSupport = () => {
+  window.metaAttributesCache.set('ol-showSupport', true)
+  window.metaAttributesCache.set('ol-user', {
+    email: 'sherlock@holmes.co.uk',
+    first_name: 'Sherlock',
+    last_name: 'Holmes',
+  })
+
+  return (
+    <div id="left-menu" className="shown">
+      <HelpMenu />
+    </div>
+  )
+}
+
+export const HideSupport = () => {
+  window.metaAttributesCache.set('ol-showSupport', false)
+
+  return (
+    <div id="left-menu" className="shown">
+      <HelpMenu />
+    </div>
+  )
+}
diff --git a/services/web/frontend/stories/editor-left-menu/sync-menu.stories.tsx b/services/web/frontend/stories/editor-left-menu/sync-menu.stories.tsx
new file mode 100644
index 0000000..060b4a4
--- /dev/null
+++ b/services/web/frontend/stories/editor-left-menu/sync-menu.stories.tsx
@@ -0,0 +1,37 @@
+import SyncMenu from '../../js/features/editor-left-menu/components/sync-menu'
+import { ScopeDecorator } from '../decorators/scope'
+import { useScope } from '../hooks/use-scope'
+
+export default {
+  title: 'Editor / Left Menu / Sync Menu',
+  component: SyncMenu,
+  decorators: [ScopeDecorator],
+}
+
+export const WriteAccess = () => {
+  window.metaAttributesCache.set('ol-anonymous', false)
+  window.metaAttributesCache.set('ol-gitBridgeEnabled', true)
+  useScope({
+    permissionsLevel: 'owner',
+  })
+
+  return (
+    <div id="left-menu" className="shown">
+      <SyncMenu />
+    </div>
+  )
+}
+
+export const ReadOnlyAccess = () => {
+  window.metaAttributesCache.set('ol-anonymous', false)
+  window.metaAttributesCache.set('ol-gitBridgeEnabled', true)
+  useScope({
+    permissionsLevel: 'readOnly',
+  })
+
+  return (
+    <div id="left-menu" className="shown">
+      <SyncMenu />
+    </div>
+  )
+}
diff --git a/services/web/frontend/stories/editor-navigation-toolbar.stories.jsx b/services/web/frontend/stories/editor-navigation-toolbar.stories.jsx
new file mode 100644
index 0000000..8e3b619
--- /dev/null
+++ b/services/web/frontend/stories/editor-navigation-toolbar.stories.jsx
@@ -0,0 +1,42 @@
+import ToolbarHeader from '../js/features/editor-navigation-toolbar/components/toolbar-header'
+import { ScopeDecorator } from './decorators/scope'
+
+export const UpToThreeConnectedUsers = args => {
+  return <ToolbarHeader {...args} />
+}
+UpToThreeConnectedUsers.args = {
+  onlineUsers: ['a', 'c', 'd'].map(c => ({
+    user_id: c,
+    name: `${c}_user name`,
+  })),
+}
+
+export const ManyConnectedUsers = args => {
+  return <ToolbarHeader {...args} />
+}
+ManyConnectedUsers.args = {
+  onlineUsers: ['a', 'c', 'd', 'e', 'f'].map(c => ({
+    user_id: c,
+    name: `${c}_user name`,
+  })),
+}
+
+export default {
+  title: 'Editor / Toolbar',
+  component: ToolbarHeader,
+  argTypes: {
+    goToUser: { action: 'goToUser' },
+    renameProject: { action: 'renameProject' },
+    toggleHistoryOpen: { action: 'toggleHistoryOpen' },
+    toggleReviewPanelOpen: { action: 'toggleReviewPanelOpen' },
+    toggleChatOpen: { action: 'toggleChatOpen' },
+    openShareModal: { action: 'openShareModal' },
+    onShowLeftMenuClick: { action: 'onShowLeftMenuClick' },
+  },
+  args: {
+    projectName: 'Overleaf Project',
+    onlineUsers: [{ user_id: 'abc', name: 'overleaf' }],
+    unreadMessageCount: 0,
+  },
+  decorators: [ScopeDecorator],
+}
diff --git a/services/web/frontend/stories/editor-switch.stories.jsx b/services/web/frontend/stories/editor-switch.stories.jsx
new file mode 100644
index 0000000..2db4255
--- /dev/null
+++ b/services/web/frontend/stories/editor-switch.stories.jsx
@@ -0,0 +1,12 @@
+import EditorSwitch from '../js/features/source-editor/components/editor-switch'
+import { ScopeDecorator } from './decorators/scope'
+
+export default {
+  title: 'Editor / Switch',
+  component: EditorSwitch,
+  decorators: [ScopeDecorator],
+}
+
+export const Switcher = () => {
+  return <EditorSwitch />
+}
diff --git a/services/web/frontend/stories/editor/layout-dropdown-button.stories.tsx b/services/web/frontend/stories/editor/layout-dropdown-button.stories.tsx
new file mode 100644
index 0000000..93d68d6
--- /dev/null
+++ b/services/web/frontend/stories/editor/layout-dropdown-button.stories.tsx
@@ -0,0 +1,35 @@
+import { LayoutDropdownButtonUi } from '@/features/editor-navigation-toolbar/components/layout-dropdown-button'
+import { Meta } from '@storybook/react'
+import { ComponentProps } from 'react'
+
+export const LayoutDropdown = (
+  props: ComponentProps<typeof LayoutDropdownButtonUi>
+) => (
+  <div className="toolbar toolbar-header justify-content-end m-4">
+    <div className="toolbar-right">
+      <LayoutDropdownButtonUi {...props} />
+    </div>
+  </div>
+)
+
+const meta: Meta<typeof LayoutDropdownButtonUi> = {
+  title: 'Editor / Toolbar / Layout Dropdown',
+  component: LayoutDropdownButtonUi,
+  argTypes: {
+    view: {
+      control: 'select',
+      options: [null, 'editor', 'file', 'pdf', 'history'],
+    },
+    detachRole: {
+      control: 'select',
+      options: ['detacher', 'detached'],
+    },
+    pdfLayout: {
+      control: 'select',
+      options: ['sideBySide', 'flat'],
+    },
+  },
+  parameters: { actions: { argTypesRegex: '^handle.*' } },
+}
+
+export default meta
diff --git a/services/web/frontend/stories/editor/pdf-compile-button.stories.tsx b/services/web/frontend/stories/editor/pdf-compile-button.stories.tsx
new file mode 100644
index 0000000..7d32b27
--- /dev/null
+++ b/services/web/frontend/stories/editor/pdf-compile-button.stories.tsx
@@ -0,0 +1,54 @@
+import { FC } from 'react'
+import type { Meta } from '@storybook/react'
+import PdfCompileButton from '@/features/pdf-preview/components/pdf-compile-button'
+import { ScopeDecorator } from '../decorators/scope'
+import { CompileContext } from '@/shared/context/local-compile-context'
+import { DetachCompileContext } from '@/shared/context/detach-compile-context'
+
+export const CompileButton: FC<CompileContext> = (props: CompileContext) => (
+  <DetachCompileContext.Provider value={props}>
+    <div className="pdf m-5">
+      <div className="toolbar toolbar-pdf toolbar-pdf-hybrid btn-toolbar">
+        <div className="toolbar-pdf-left">
+          <PdfCompileButton />
+        </div>
+      </div>
+    </div>
+  </DetachCompileContext.Provider>
+)
+
+const args: Partial<CompileContext> = {
+  autoCompile: false,
+  compiling: false,
+  draft: false,
+  hasChanges: false,
+  stopOnFirstError: false,
+  stopOnValidationError: false,
+  animateCompileDropdownArrow: false,
+}
+
+const meta: Meta<typeof CompileButton> = {
+  title: 'Editor / Toolbar / Compile Button',
+  component: CompileButton,
+  // @ts-ignore
+  decorators: [ScopeDecorator],
+  argTypes: {
+    startCompile: { action: 'startCompile' },
+    setAutoCompile: { action: 'setAutoCompile' },
+    setCompiling: { action: 'setCompiling' },
+    setDraft: { action: 'setDraft' },
+    setStopOnFirstError: { action: 'setStopOnFirstError' },
+    setError: { action: 'setError' },
+    setHasLintingError: { action: 'setHasLintingError' },
+    setPosition: { action: 'setPosition' },
+    setStopOnValidationError: { action: 'setStopOnValidationError' },
+    recompileFromScratch: { action: 'recompileFromScratch' },
+    stopCompile: { action: 'stopCompile' },
+    setAnimateCompileDropdownArrow: {
+      action: 'setAnimateCompileDropdownArrow',
+    },
+  },
+  args,
+}
+
+export default meta
diff --git a/services/web/frontend/stories/feedback-badge.stories.tsx b/services/web/frontend/stories/feedback-badge.stories.tsx
new file mode 100644
index 0000000..560adaf
--- /dev/null
+++ b/services/web/frontend/stories/feedback-badge.stories.tsx
@@ -0,0 +1,35 @@
+import { ScopeDecorator } from './decorators/scope'
+import { FeedbackBadge } from '@/shared/components/feedback-badge'
+
+export const WithDefaultText = () => {
+  return (
+    <FeedbackBadge
+      url="https://example.com"
+      id="storybook-feedback-with-text"
+    />
+  )
+}
+
+export const WithCustomText = () => {
+  const FeedbackContent = () => (
+    <>
+      This is an example.
+      <br />
+      Click to find out more
+    </>
+  )
+
+  return (
+    <FeedbackBadge
+      url="https://example.com"
+      id="storybook-feedback-with-text"
+      text={<FeedbackContent />}
+    />
+  )
+}
+
+export default {
+  title: 'Shared / Components / Feedback Badge',
+  component: FeedbackBadge,
+  decorators: [ScopeDecorator],
+}
diff --git a/services/web/frontend/stories/file-tree.stories.jsx b/services/web/frontend/stories/file-tree.stories.jsx
new file mode 100644
index 0000000..51621cb
--- /dev/null
+++ b/services/web/frontend/stories/file-tree.stories.jsx
@@ -0,0 +1,180 @@
+import { rootFolderBase } from './fixtures/file-tree-base'
+import { rootFolderLimit } from './fixtures/file-tree-limit'
+import FileTreeRoot from '../js/features/file-tree/components/file-tree-root'
+import FileTreeError from '../js/features/file-tree/components/file-tree-error'
+import useFetchMock from './hooks/use-fetch-mock'
+import { ScopeDecorator } from './decorators/scope'
+import { useScope } from './hooks/use-scope'
+import { useIdeContext } from '@/shared/context/ide-context'
+
+const MOCK_DELAY = 2000
+
+const DEFAULT_PROJECT = {
+  _id: '123abc',
+  name: 'Some Project',
+  rootDocId: '5e74f1a7ce17ae0041dfd056',
+  rootFolder: rootFolderBase,
+}
+
+function defaultSetupMocks(fetchMock, socket) {
+  fetchMock
+    .post(
+      /\/project\/\w+\/(file|doc|folder)\/\w+\/rename/,
+      (path, req) => {
+        const body = JSON.parse(req.body)
+        const entityId = path.match(/([^/]+)\/rename$/)[1]
+        socket.emitToClient('reciveEntityRename', entityId, body.name)
+        return 204
+      },
+
+      {
+        delay: MOCK_DELAY,
+      }
+    )
+    .post(
+      /\/project\/\w+\/folder/,
+      (_path, req) => {
+        const body = JSON.parse(req.body)
+        const newFolder = {
+          folders: [],
+          fileRefs: [],
+          docs: [],
+          _id: Math.random().toString(16).replace(/0\./, 'random-test-id-'),
+          name: body.name,
+        }
+        socket.emitToClient('reciveNewFolder', body.parent_folder_id, newFolder)
+        return newFolder
+      },
+      {
+        delay: MOCK_DELAY,
+      }
+    )
+    .delete(
+      /\/project\/\w+\/(file|doc|folder)\/\w+/,
+      path => {
+        const entityId = path.match(/[^/]+$/)[0]
+        socket.emitToClient('removeEntity', entityId)
+        return 204
+      },
+      {
+        delay: MOCK_DELAY,
+      }
+    )
+    .post(/\/project\/\w+\/(file|doc|folder)\/\w+\/move/, (path, req) => {
+      const body = JSON.parse(req.body)
+      const entityId = path.match(/([^/]+)\/move/)[1]
+      socket.emitToClient('reciveEntityMove', entityId, body.folder_id)
+      return 204
+    })
+}
+
+export const FullTree = args => {
+  const { socket } = useIdeContext()
+  useFetchMock(fetchMock => defaultSetupMocks(fetchMock, socket))
+
+  useScope({
+    project: DEFAULT_PROJECT,
+    permissionsLevel: 'owner',
+  })
+
+  return <FileTreeRoot {...args} />
+}
+
+export const ReadOnly = args => {
+  useScope({
+    project: DEFAULT_PROJECT,
+    permissionsLevel: 'readOnly',
+  })
+
+  return <FileTreeRoot {...args} />
+}
+
+export const Disconnected = args => {
+  useScope({
+    project: DEFAULT_PROJECT,
+    permissionsLevel: 'owner',
+  })
+
+  return <FileTreeRoot {...args} />
+}
+Disconnected.args = { isConnected: false }
+
+export const NetworkErrors = args => {
+  useFetchMock(fetchMock => {
+    fetchMock
+      .post(/\/project\/\w+\/folder/, 500, {
+        delay: MOCK_DELAY,
+      })
+      .post(/\/project\/\w+\/(file|doc|folder)\/\w+\/rename/, 500, {
+        delay: MOCK_DELAY,
+      })
+      .post(/\/project\/\w+\/(file|doc|folder)\/\w+\/move/, 500, {
+        delay: MOCK_DELAY,
+      })
+      .delete(/\/project\/\w+\/(file|doc|folder)\/\w+/, 500, {
+        delay: MOCK_DELAY,
+      })
+  })
+
+  useScope({
+    project: DEFAULT_PROJECT,
+    permissionsLevel: 'owner',
+  })
+
+  return <FileTreeRoot {...args} />
+}
+
+export const FallbackError = args => {
+  useScope({
+    project: DEFAULT_PROJECT,
+  })
+
+  return <FileTreeError {...args} />
+}
+
+export const FilesLimit = args => {
+  const { socket } = useIdeContext()
+  useFetchMock(fetchMock => defaultSetupMocks(fetchMock, socket))
+
+  useScope({
+    project: {
+      ...DEFAULT_PROJECT,
+      rootFolder: rootFolderLimit,
+    },
+    permissionsLevel: 'owner',
+  })
+
+  return <FileTreeRoot {...args} />
+}
+
+export default {
+  title: 'Editor / File Tree',
+  component: FileTreeRoot,
+  args: {
+    setStartedFreeTrial: () => {
+      console.log('started free trial')
+    },
+    refProviders: {},
+    setRefProviderEnabled: provider => {
+      console.log(`ref provider ${provider} enabled`)
+    },
+    isConnected: true,
+  },
+  argTypes: {
+    onInit: { action: 'onInit' },
+    onSelect: { action: 'onSelect' },
+  },
+  decorators: [
+    ScopeDecorator,
+    Story => (
+      <>
+        <style>{'html, body, .file-tree { height: 100%; width: 100%; }'}</style>
+        <div className="editor-sidebar full-size">
+          <div className="file-tree">
+            <Story />
+          </div>
+        </div>
+      </>
+    ),
+  ],
+}
diff --git a/services/web/frontend/stories/file-view/file-view.stories.jsx b/services/web/frontend/stories/file-view/file-view.stories.jsx
new file mode 100644
index 0000000..5622e6e
--- /dev/null
+++ b/services/web/frontend/stories/file-view/file-view.stories.jsx
@@ -0,0 +1,203 @@
+import FileView from '../../js/features/file-view/components/file-view'
+import useFetchMock from '../hooks/use-fetch-mock'
+import { ScopeDecorator } from '../decorators/scope'
+
+const bodies = {
+  latex: `\\documentclass{article}
+\\begin{document}
+First document. This is a simple example, with no
+extra parameters or packages included.
+\\end{document}`,
+  bibtex: `@book{latexcompanion,
+    author    = "Michel Goossens and Frank Mittelbach and Alexander Samarin",
+    title     = "The \\LaTeX\\ Companion",
+    year      = "1993",
+    publisher = "Addison-Wesley",
+    address   = "Reading, Massachusetts"
+}`,
+  text: `Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.`,
+}
+
+const setupFetchMock = fetchMock => {
+  return fetchMock
+    .head('express:/project/:project_id/blob/:hash', {
+      status: 201,
+      headers: { 'Content-Length': 10000 },
+    })
+    .post('express:/project/:project_id/linked_file/:file_id/refresh', {
+      status: 204,
+    })
+    .post('express:/project/:project_id/references/indexAll', {
+      status: 204,
+    })
+}
+
+const fileData = {
+  id: 'file-id',
+  name: 'file.tex',
+  created: new Date().toISOString(),
+}
+
+export const FileFromUrl = args => {
+  useFetchMock(fetchMock =>
+    setupFetchMock(fetchMock).get('express:/project/:project_id/blob/:hash', {
+      body: bodies.latex,
+    })
+  )
+
+  return <FileView {...args} />
+}
+FileFromUrl.args = {
+  file: {
+    ...fileData,
+    linkedFileData: {
+      url: 'https://example.com/source-file.tex',
+      provider: 'url',
+    },
+  },
+}
+
+export const FileFromProjectWithLinkableProjectId = args => {
+  useFetchMock(fetchMock =>
+    setupFetchMock(fetchMock).get('express:/project/:project_id/blob/:hash', {
+      body: bodies.latex,
+    })
+  )
+
+  return <FileView {...args} />
+}
+FileFromProjectWithLinkableProjectId.args = {
+  file: {
+    ...fileData,
+    linkedFileData: {
+      source_project_id: 'source-project-id',
+      source_entity_path: '/source-file.tex',
+      provider: 'project_file',
+    },
+  },
+}
+
+export const FileFromProjectWithoutLinkableProjectId = args => {
+  useFetchMock(fetchMock =>
+    setupFetchMock(fetchMock).get('express:/project/:project_id/blob/:hash', {
+      body: bodies.latex,
+    })
+  )
+
+  return <FileView {...args} />
+}
+FileFromProjectWithoutLinkableProjectId.args = {
+  file: {
+    ...fileData,
+    linkedFileData: {
+      v1_source_doc_id: 'v1-source-id',
+      source_entity_path: '/source-file.tex',
+      provider: 'project_file',
+    },
+  },
+}
+
+export const FileFromProjectOutputWithLinkableProject = args => {
+  useFetchMock(fetchMock =>
+    setupFetchMock(fetchMock).get('express:/project/:project_id/blob/:hash', {
+      body: bodies.latex,
+    })
+  )
+
+  return <FileView {...args} />
+}
+FileFromProjectOutputWithLinkableProject.args = {
+  file: {
+    ...fileData,
+    linkedFileData: {
+      source_project_id: 'source_project_id',
+      source_output_file_path: '/source-file.tex',
+      provider: 'project_output_file',
+    },
+  },
+}
+
+export const FileFromProjectOutputWithoutLinkableProjectId = args => {
+  useFetchMock(fetchMock =>
+    setupFetchMock(fetchMock).get('express:/project/:project_id/blob/:hash', {
+      body: bodies.latex,
+    })
+  )
+
+  return <FileView {...args} />
+}
+FileFromProjectOutputWithoutLinkableProjectId.args = {
+  file: {
+    ...fileData,
+    linkedFileData: {
+      v1_source_doc_id: 'v1-source-id',
+      source_output_file_path: '/source-file.tex',
+      provider: 'project_output_file',
+    },
+  },
+}
+
+export const ImageFile = args => {
+  useFetchMock(setupFetchMock) // NOTE: can't mock img src request
+
+  return <FileView {...args} />
+}
+ImageFile.storyName = 'Image File (Error)'
+ImageFile.args = {
+  file: {
+    ...fileData,
+    id: '60097ca20454610027c442a8',
+    name: 'file.jpg',
+    linkedFileData: {
+      source_project_id: 'source_project_id',
+      source_entity_path: '/source-file.jpg',
+      provider: 'project_file',
+    },
+  },
+}
+
+export const TextFile = args => {
+  useFetchMock(fetchMock =>
+    setupFetchMock(fetchMock).get('express:/project/:project_id/blob/:hash', {
+      body: bodies.text,
+    })
+  )
+  return <FileView {...args} />
+}
+TextFile.args = {
+  file: {
+    ...fileData,
+    linkedFileData: {
+      source_project_id: 'source-project-id',
+      source_entity_path: '/source-file.txt',
+      provider: 'project_file',
+    },
+    name: 'file.txt',
+  },
+}
+
+export const UploadedFile = args => {
+  useFetchMock(fetchMock =>
+    setupFetchMock(fetchMock).head('express:/project/:project_id/blob/:hash', {
+      status: 500,
+    })
+  )
+  return <FileView {...args} />
+}
+UploadedFile.storyName = 'Uploaded File (Error)'
+UploadedFile.args = {
+  file: {
+    ...fileData,
+    linkedFileData: null,
+    name: 'file.jpg',
+  },
+}
+
+export default {
+  title: 'Editor / FileView',
+  component: FileView,
+  argTypes: {
+    storeReferencesKeys: { action: 'store references keys' },
+  },
+  decorators: [ScopeDecorator],
+}
diff --git a/services/web/frontend/stories/fixtures/chat-messages.js b/services/web/frontend/stories/fixtures/chat-messages.js
new file mode 100644
index 0000000..78b91fa
--- /dev/null
+++ b/services/web/frontend/stories/fixtures/chat-messages.js
@@ -0,0 +1,34 @@
+const ONE_MINUTE = 60 * 1000
+
+const user = {
+  id: 'fake_user',
+  first_name: 'mortimer',
+  email: 'fake@example.com',
+}
+
+const user2 = {
+  id: 'another_fake_user',
+  first_name: 'leopold',
+  email: 'another_fake@example.com',
+}
+
+let nextMessageId = 1
+
+export function generateMessages(count) {
+  const messages = []
+  let timestamp = new Date().getTime() // newest message goes first
+  for (let i = 0; i <= count; i++) {
+    const author = Math.random() > 0.5 ? user : user2
+    // modify the timestamp so the previous message has 70% chances to be within 5 minutes from
+    // the current one, for grouping purposes
+    timestamp -= (4.3 + Math.random()) * ONE_MINUTE
+
+    messages.push({
+      id: '' + nextMessageId++,
+      content: `message #${i}`,
+      user: author,
+      timestamp,
+    })
+  }
+  return messages
+}
diff --git a/services/web/frontend/stories/fixtures/compile.js b/services/web/frontend/stories/fixtures/compile.js
new file mode 100644
index 0000000..9471ff0
--- /dev/null
+++ b/services/web/frontend/stories/fixtures/compile.js
@@ -0,0 +1,220 @@
+import examplePdf from './storybook-example.pdf'
+import { cloneDeep } from 'lodash'
+
+export const dispatchDocChanged = () => {
+  window.dispatchEvent(
+    new CustomEvent('doc:changed', { detail: { doc_id: 'foo' } })
+  )
+}
+
+export const outputFiles = [
+  {
+    path: 'output.pdf',
+    build: '123',
+    url: '/build/output.pdf',
+    type: 'pdf',
+  },
+  {
+    path: 'output.bbl',
+    build: '123',
+    url: '/build/output.bbl',
+    type: 'bbl',
+  },
+  {
+    path: 'output.bib',
+    build: '123',
+    url: '/build/output.bib',
+    type: 'bib',
+  },
+  {
+    path: 'example.txt',
+    build: '123',
+    url: '/build/example.txt',
+    type: 'txt',
+  },
+  {
+    path: 'output.log',
+    build: '123',
+    url: '/build/output.log',
+    type: 'log',
+  },
+  {
+    path: 'output.blg',
+    build: '123',
+    url: '/build/output.blg',
+    type: 'blg',
+  },
+]
+
+export const mockCompile = (fetchMock, delay = 1000) =>
+  fetchMock.post(
+    'express:/project/:projectId/compile',
+    {
+      body: {
+        status: 'success',
+        clsiServerId: 'foo',
+        compileGroup: 'priority',
+        pdfDownloadDomain: '',
+        outputFiles: cloneDeep(outputFiles),
+      },
+    },
+    { delay }
+  )
+
+export const mockCompileError = (fetchMock, status = 'success', delay = 1000) =>
+  fetchMock.post(
+    'express:/project/:projectId/compile',
+    {
+      body: {
+        status,
+        clsiServerId: 'foo',
+        compileGroup: 'priority',
+      },
+    },
+    { delay, overwriteRoutes: true }
+  )
+
+export const mockCompileValidationIssues = (
+  fetchMock,
+  validationProblems,
+  delay = 1000
+) =>
+  fetchMock.post(
+    'express:/project/:projectId/compile',
+    () => {
+      return {
+        body: {
+          status: 'validation-problems',
+          validationProblems,
+          clsiServerId: 'foo',
+          compileGroup: 'priority',
+        },
+      }
+    },
+    { delay }
+  )
+
+export const mockClearCache = fetchMock =>
+  fetchMock.delete('express:/project/:projectId/output', 204, {
+    delay: 1000,
+  })
+
+export const mockBuildFile = fetchMock =>
+  fetchMock.get('express:/build/:file', (url, options, request) => {
+    const { pathname } = new URL(url, 'https://example.com')
+
+    switch (pathname) {
+      case '/build/output.blg':
+        return 'This is BibTeX, Version 4.0' // FIXME
+
+      case '/build/output.log':
+        return `
+The LaTeX compiler output
+  * With a lot of details
+
+Wrapped in an HTML <pre> element with
+      preformatted text which is to be presented exactly
+            as written in the HTML file
+
+                                              (whitespace included™)
+
+The text is typically rendered using a non-proportional ("monospace") font.
+
+LaTeX Font Info:    External font \`cmex10' loaded for size
+(Font)              <7> on input line 18.
+LaTeX Font Info:    External font \`cmex10' loaded for size
+(Font)              <5> on input line 18.
+! Undefined control sequence.
+<recently read> \\Zlpha
+
+ main.tex, line 23
+
+`
+
+      case '/build/output.pdf':
+        return new Promise(resolve => {
+          const xhr = new XMLHttpRequest()
+          xhr.addEventListener('load', () => {
+            resolve({
+              status: 200,
+              headers: {
+                'Content-Length': xhr.getResponseHeader('Content-Length'),
+                'Content-Type': xhr.getResponseHeader('Content-Type'),
+              },
+              body: xhr.response,
+            })
+          })
+          xhr.open('GET', examplePdf)
+          xhr.responseType = 'arraybuffer'
+          xhr.send()
+        })
+
+      default:
+        console.log(pathname)
+        return 404
+    }
+  })
+
+const mockHighlights = [
+  {
+    page: 1,
+    h: 85.03936,
+    v: 509.999878,
+    width: 441.921265,
+    height: 8.855677,
+  },
+  {
+    page: 1,
+    h: 85.03936,
+    v: 486.089539,
+    width: 441.921265,
+    height: 8.855677,
+  },
+  {
+    page: 1,
+    h: 85.03936,
+    v: 498.044708,
+    width: 441.921265,
+    height: 8.855677,
+  },
+  {
+    page: 1,
+    h: 85.03936,
+    v: 521.955078,
+    width: 441.921265,
+    height: 8.855677,
+  },
+]
+
+export const mockEventTracking = fetchMock =>
+  fetchMock.get('express:/event/:event', 204)
+
+export const mockValidPdf = fetchMock =>
+  fetchMock.get('express:/build/output.pdf', (url, options, request) => {
+    return new Promise(resolve => {
+      const xhr = new XMLHttpRequest()
+      xhr.addEventListener('load', () => {
+        resolve({
+          status: 200,
+          headers: {
+            'Content-Length': xhr.getResponseHeader('Content-Length'),
+            'Content-Type': xhr.getResponseHeader('Content-Type'),
+            'Accept-Ranges': 'bytes',
+          },
+          body: xhr.response,
+        })
+      })
+      xhr.open('GET', examplePdf)
+      xhr.responseType = 'arraybuffer'
+      xhr.send()
+    })
+  })
+
+export const mockSynctex = fetchMock =>
+  fetchMock
+    .get('express:/project/:projectId/sync/code', () => {
+      return { pdf: cloneDeep(mockHighlights) }
+    })
+    .get('express:/project/:projectId/sync/pdf', () => {
+      return { code: [{ file: 'main.tex', line: 100 }] }
+    })
diff --git a/services/web/frontend/stories/fixtures/contacts.js b/services/web/frontend/stories/fixtures/contacts.js
new file mode 100644
index 0000000..10c0348
--- /dev/null
+++ b/services/web/frontend/stories/fixtures/contacts.js
@@ -0,0 +1,41 @@
+export const contacts = [
+  // user with edited name
+  {
+    type: 'user',
+    email: 'test-user@example.com',
+    first_name: 'Test',
+    last_name: 'User',
+    name: 'Test User',
+  },
+  // user with default name (email prefix)
+  {
+    type: 'user',
+    email: 'test@example.com',
+    first_name: 'test',
+  },
+  // no last name
+  {
+    type: 'user',
+    first_name: 'Eratosthenes',
+    email: 'eratosthenes@example.com',
+  },
+  // more users
+  {
+    type: 'user',
+    first_name: 'Claudius',
+    last_name: 'Ptolemy',
+    email: 'ptolemy@example.com',
+  },
+  {
+    type: 'user',
+    first_name: 'Abd al-Rahman',
+    last_name: 'Al-Sufi',
+    email: 'al-sufi@example.com',
+  },
+  {
+    type: 'user',
+    first_name: 'Nicolaus',
+    last_name: 'Copernicus',
+    email: 'copernicus@example.com',
+  },
+]
diff --git a/services/web/frontend/stories/fixtures/document.ts b/services/web/frontend/stories/fixtures/document.ts
new file mode 100644
index 0000000..ad2995a
--- /dev/null
+++ b/services/web/frontend/stories/fixtures/document.ts
@@ -0,0 +1,40 @@
+export function mockDocument(text: string) {
+  return {
+    doc_id: 'story-doc',
+    getSnapshot: () => text,
+    hasBufferedOps: () => false,
+  }
+}
+
+export const document = {
+  tex: `\\documentclass{article}
+
+% Language setting
+% Replace \`english' with e.g. \`spanish' to change the document language
+\\usepackage[english]{babel}
+
+% Set page size and margins
+% Replace \`letterpaper' with\`a4paper' for UK/EU standard size
+\\usepackage[letterpaper,top=2cm,bottom=2cm,left=3cm,right=3cm,marginparwidth=1.75cm]{geometry}
+
+% Useful packages
+\\usepackage{amsmath}
+\\usepackage{graphicx}
+\\usepackage[colorlinks=true, allcolors=blue]{hyperref}
+
+\\title{Your Paper}
+\\author{You}
+
+\\begin{document}
+\\maketitle
+
+\\begin{abstract}
+Your abstract.
+\\end{abstract}
+
+\\section{Introduction}
+
+Your introduction goes here! Simply start writing your document and use the Recompile button to view the updated PDF preview. Examples of commonly used commands and features are listed below, to help you get started.
+
+Once you're familiar with the editor, you can find various project setting in the Overleaf menu, accessed via the button in the very top left of the editor. To view tutorials, user guides, and further documentation, please visit our \\href{https://www.overleaf.com/learn}{help library}, or head to our plans page to \\href{https://www.overleaf.com/user/subscription/plans}{choose your plan}.`,
+}
diff --git a/services/web/frontend/stories/fixtures/file-tree-base.js b/services/web/frontend/stories/fixtures/file-tree-base.js
new file mode 100644
index 0000000..e323703
--- /dev/null
+++ b/services/web/frontend/stories/fixtures/file-tree-base.js
@@ -0,0 +1,44 @@
+export const rootFolderBase = [
+  {
+    _id: '5e74f1a7ce17ae0041dfd054',
+    name: 'rootFolder',
+    folders: [
+      {
+        _id: '5f638e58b652df0026c5c8f5',
+        name: 'a folder',
+        folders: [
+          {
+            _id: '5f956f62700e19000177daa0',
+            name: 'sub folder',
+            folders: [],
+            fileRefs: [],
+            docs: [],
+          },
+        ],
+        fileRefs: [
+          { _id: '5cffb9d93da45d3995d05362', name: 'file-in-a-folder.pdf' },
+        ],
+        docs: [
+          { _id: '5f46786322d556004e72a555', name: 'doc-in-a-folder.tex' },
+        ],
+      },
+      {
+        _id: '5f638e68b652df0026c5c8f6',
+        name: 'another folder',
+        folders: [],
+        fileRefs: [],
+        docs: [],
+      },
+    ],
+    fileRefs: [{ _id: '5f11c78e0924770027412a67', name: 'univers.jpg' }],
+    docs: [
+      { _id: '5e74f1a7ce17ae0041dfd056', name: 'main.tex' },
+      { _id: '5f46789522d556004e72a556', name: 'perso.bib' },
+      {
+        _id: '5da532e29019e800015321c6',
+        name: 'zotero.bib',
+        linkedFileData: { provider: 'zotero' },
+      },
+    ],
+  },
+]
diff --git a/services/web/frontend/stories/fixtures/file-tree-limit.js b/services/web/frontend/stories/fixtures/file-tree-limit.js
new file mode 100644
index 0000000..b403405
--- /dev/null
+++ b/services/web/frontend/stories/fixtures/file-tree-limit.js
@@ -0,0 +1,52 @@
+const FILE_PER_FOLDER = 2
+const DOC_PER_FOLDER = 3
+const FOLDER_PER_FOLDER = 2
+const MAX_DEPTH = 7
+
+function fakeId() {
+  return Math.random().toString(16).replace(/0\./, 'random-test-id-')
+}
+
+function makeFileRefs(path) {
+  const fileRefs = []
+
+  for (let index = 0; index < FILE_PER_FOLDER; index++) {
+    fileRefs.push({ _id: fakeId(), name: `${path}-file-${index}.jpg` })
+  }
+  return fileRefs
+}
+
+function makeDocs(path) {
+  const docs = []
+
+  for (let index = 0; index < DOC_PER_FOLDER; index++) {
+    docs.push({ _id: fakeId(), name: `${path}-doc-${index}.tex` })
+  }
+  return docs
+}
+
+function makeFolders(path, depth = 0) {
+  const folders = []
+
+  for (let index = 0; index < FOLDER_PER_FOLDER; index++) {
+    const folderPath = `${path}-folder-${index}`
+    folders.push({
+      _id: fakeId(),
+      name: folderPath,
+      folders: depth < MAX_DEPTH ? makeFolders(folderPath, depth + 1) : [],
+      fileRefs: makeFileRefs(folderPath),
+      docs: makeDocs(folderPath),
+    })
+  }
+  return folders
+}
+
+export const rootFolderLimit = [
+  {
+    _id: fakeId(),
+    name: 'rootFolder',
+    folders: makeFolders('root'),
+    fileRefs: makeFileRefs('root'),
+    docs: makeDocs('root'),
+  },
+]
diff --git a/services/web/frontend/stories/fixtures/project.ts b/services/web/frontend/stories/fixtures/project.ts
new file mode 100644
index 0000000..9cc54c4
--- /dev/null
+++ b/services/web/frontend/stories/fixtures/project.ts
@@ -0,0 +1,48 @@
+import { Project } from '../../../types/project'
+
+export const project: Project = {
+  _id: '63e21c07946dd8c76505f85a',
+  name: 'A Project',
+  features: {
+    collaborators: -1, // unlimited
+  },
+  publicAccesLevel: 'private',
+  tokens: {
+    readOnly: 'ro-token',
+    readAndWrite: 'rw-token',
+  },
+  owner: {
+    _id: 'project-owner',
+    email: 'stories@overleaf.com',
+  },
+  members: [
+    {
+      _id: 'viewer-member',
+      type: 'user',
+      privileges: 'readOnly',
+      name: 'Viewer User',
+      email: 'viewer@example.com',
+    },
+    {
+      _id: 'author-member',
+      type: 'user',
+      privileges: 'readAndWrite',
+      name: 'Author User',
+      email: 'author@example.com',
+    },
+  ],
+  invites: [
+    {
+      _id: 'test-invite-1',
+      privileges: 'readOnly',
+      name: 'Invited Viewer',
+      email: 'invited-viewer@example.com',
+    },
+    {
+      _id: 'test-invite-2',
+      privileges: 'readAndWrite',
+      name: 'Invited Author',
+      email: 'invited-author@example.com',
+    },
+  ],
+}
diff --git a/services/web/frontend/stories/fixtures/storybook-example.pdf b/services/web/frontend/stories/fixtures/storybook-example.pdf
new file mode 100644
index 0000000..4c2cc85
Binary files /dev/null and b/services/web/frontend/stories/fixtures/storybook-example.pdf differ
diff --git a/services/web/frontend/stories/history/document-diff-viewer.stories.tsx b/services/web/frontend/stories/history/document-diff-viewer.stories.tsx
new file mode 100644
index 0000000..fa8014a
--- /dev/null
+++ b/services/web/frontend/stories/history/document-diff-viewer.stories.tsx
@@ -0,0 +1,157 @@
+import { ScopeDecorator } from '../decorators/scope'
+import DocumentDiffViewer from '../../js/features/history/components/diff-view/document-diff-viewer'
+import React from 'react'
+import { Highlight } from '../../js/features/history/services/types/doc'
+
+const highlights: Highlight[] = [
+  {
+    type: 'addition',
+    range: { from: 3, to: 10 },
+    hue: 200,
+    label: 'Added by Wombat on Monday',
+  },
+  {
+    type: 'deletion',
+    range: { from: 15, to: 25 },
+    hue: 62,
+    label: 'Deleted by Duck on Monday',
+  },
+  {
+    type: 'addition',
+    range: { from: 100, to: 400 },
+    hue: 200,
+    label: 'Added by Wombat on Friday',
+  },
+  {
+    type: 'deletion',
+    range: { from: 564, to: 565 },
+    hue: 200,
+    label: 'Deleted by Wombat on Friday',
+  },
+  {
+    type: 'addition',
+    range: { from: 1770, to: 1780 },
+    hue: 200,
+    label: 'Added by Wombat on Tuesday',
+  },
+]
+
+const doc = `\\documentclass{article}
+
+% Language setting
+% Replace \`english' with e.g. \`spanish' to change the document language
+\\usepackage[english]{babel}
+
+% Set page size and margins
+% Replace \`letterpaper' with \`a4paper' for UK/EU standard size
+\\usepackage[letterpaper,top=2cm,bottom=2cm,left=3cm,right=3cm,marginparwidth=1.75cm]{geometry}
+
+% Useful packages
+\\usepackage{amsmath}
+\\usepackage{graphicx}
+\\usepackage[colorlinks=true, allcolors=blue]{hyperref}
+
+\\title{Your Paper}
+\\author{You}
+
+\\begin{document}
+\\maketitle
+
+\\begin{abstract}
+Your abstract.
+\\end{abstract}
+
+\\section{Introduction}
+
+Your introduction goes here! Simply start writing your document and use the Recompile button to view the updated PDF preview. Examples of commonly used commands and features are listed below, to help you get started.
+
+Once you're familiar with the editor, you can find various project settings in the Overleaf menu, accessed via the button in the very top left of the editor. To view tutorials, user guides, and further documentation, please visit our \\href{https://www.overleaf.com/learn}{help library}, or head to our plans page to \\href{https://www.overleaf.com/user/subscription/plans}{choose your plan}.
+
+\\begin{enumerate}
+    \\item The labels consists of sequential numbers
+    \\begin{itemize}
+        \\item The individual entries are indicated with a black dot, a so-called bullet
+        \\item The text in the entries may be of any length
+        \\begin{description}
+            \\item[Note:] I would like to describe something here
+            \\item[Caveat!] And give a warning
+        \\end{description}
+    \\end{itemize}
+    \\item The numbers starts at 1 with each use of the \\text{enumerate} environment
+\\end{enumerate}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+\\bibliographystyle{alpha}
+\\bibliography{sample}
+
+\\end{document}`
+
+export default {
+  title: 'History / Document Diff Viewer',
+  component: DocumentDiffViewer,
+  args: { doc, highlights },
+  argTypes: {
+    doc: {
+      table: { disable: true },
+    },
+    highlights: {
+      table: { disable: true },
+    },
+  },
+  decorators: [
+    ScopeDecorator,
+    (Story: React.ComponentType) => (
+      <div style={{ height: '90vh' }}>
+        <Story />
+      </div>
+    ),
+  ],
+}
+
+export const Highlights = (
+  args: React.ComponentProps<typeof DocumentDiffViewer>
+) => {
+  return <DocumentDiffViewer {...args} />
+}
+
+export const ScrollToFirstHighlight = (
+  args: React.ComponentProps<typeof DocumentDiffViewer>
+) => {
+  const lastHighlightOnly = args.highlights.slice(-1)
+  return <DocumentDiffViewer {...args} highlights={lastHighlightOnly} />
+}
diff --git a/services/web/frontend/stories/history/history-version.stories.tsx b/services/web/frontend/stories/history/history-version.stories.tsx
new file mode 100644
index 0000000..65c2a58
--- /dev/null
+++ b/services/web/frontend/stories/history/history-version.stories.tsx
@@ -0,0 +1,94 @@
+import HistoryVersionComponent from '../../js/features/history/components/change-list/history-version'
+import { ScopeDecorator } from '../decorators/scope'
+import { HistoryProvider } from '../../js/features/history/context/history-context'
+import { disableControlsOf } from '../utils/arg-types'
+
+const update = {
+  fromV: 3,
+  toV: 4,
+  meta: {
+    users: [
+      {
+        first_name: 'john.doe',
+        last_name: '',
+        email: 'john.doe@test.com',
+        id: '631710ab1094c5002647184e',
+      },
+    ],
+    start_ts: 1681220036419,
+    end_ts: 1681220036419,
+  },
+  labels: [
+    {
+      id: '643561cdfa2b2beac88f0024',
+      comment: 'tag-1',
+      version: 4,
+      user_id: '123',
+      created_at: '2023-04-11T13:34:05.856Z',
+      user_display_name: 'john.doe',
+    },
+    {
+      id: '643561d1fa2b2beac88f0025',
+      comment: 'tag-2',
+      version: 4,
+      user_id: '123',
+      created_at: '2023-04-11T13:34:09.280Z',
+      user_display_name: 'john.doe',
+    },
+  ],
+  pathnames: [],
+  project_ops: [{ add: { pathname: 'name.tex' }, atV: 3 }],
+}
+
+export const HistoryVersion = (
+  args: React.ComponentProps<typeof HistoryVersionComponent>
+) => {
+  return (
+    <HistoryProvider>
+      <HistoryVersionComponent {...args} />
+    </HistoryProvider>
+  )
+}
+
+export default {
+  title: 'History / Change list',
+  component: HistoryVersionComponent,
+  args: {
+    update,
+    currentUserId: '1',
+    projectId: '123',
+    comparing: false,
+    faded: false,
+    showDivider: false,
+    selectionState: false,
+    setSelection: () => {},
+    dropdownOpen: false,
+    dropdownActive: false,
+    setActiveDropdownItem: () => {},
+    closeDropdownForItem: () => {},
+  },
+  argTypes: {
+    ...disableControlsOf(
+      'update',
+      'currentUserId',
+      'projectId',
+      'setSelection',
+      'dropdownOpen',
+      'dropdownActive',
+      'setActiveDropdownItem',
+      'closeDropdownForItem'
+    ),
+  },
+  decorators: [
+    ScopeDecorator,
+    (Story: React.ComponentType) => (
+      <div className="history-react">
+        <div className="change-list">
+          <div className="history-version-list-container">
+            <Story />
+          </div>
+        </div>
+      </div>
+    ),
+  ],
+}
diff --git a/services/web/frontend/stories/history/label-version.stories.tsx b/services/web/frontend/stories/history/label-version.stories.tsx
new file mode 100644
index 0000000..a72bab2
--- /dev/null
+++ b/services/web/frontend/stories/history/label-version.stories.tsx
@@ -0,0 +1,77 @@
+import LabelListItemComponent from '../../js/features/history/components/change-list/label-list-item'
+import { ScopeDecorator } from '../decorators/scope'
+import { HistoryProvider } from '../../js/features/history/context/history-context'
+import { disableControlsOf } from '../utils/arg-types'
+
+const labels = [
+  {
+    id: '643561cdfa2b2beac88f0024',
+    comment: 'tag-1',
+    version: 1,
+    user_id: '123',
+    created_at: '2023-04-11T13:34:05.856Z',
+    user_display_name: 'john.doe',
+  },
+  {
+    id: '643561d1fa2b2beac88f0025',
+    comment: 'tag-2',
+    version: 1,
+    user_id: '123',
+    created_at: '2023-04-11T13:34:09.280Z',
+    user_display_name: 'john.doe',
+  },
+]
+
+export const LabelVersion = (
+  args: React.ComponentProps<typeof LabelListItemComponent>
+) => {
+  return (
+    <HistoryProvider>
+      <LabelListItemComponent {...args} />
+    </HistoryProvider>
+  )
+}
+
+export default {
+  title: 'History / Change list',
+  component: LabelListItemComponent,
+  args: {
+    labels,
+    version: 1,
+    currentUserId: '1',
+    projectId: '123',
+    comparing: false,
+    selectionState: false,
+    selectable: false,
+    setSelection: () => {},
+    dropdownOpen: false,
+    dropdownActive: false,
+    setActiveDropdownItem: () => {},
+    closeDropdownForItem: () => {},
+  },
+  argTypes: {
+    ...disableControlsOf(
+      'labels',
+      'version',
+      'currentUserId',
+      'projectId',
+      'setSelection',
+      'dropdownOpen',
+      'dropdownActive',
+      'setActiveDropdownItem',
+      'closeDropdownForItem'
+    ),
+  },
+  decorators: [
+    ScopeDecorator,
+    (Story: React.ComponentType) => (
+      <div className="history-react">
+        <div className="change-list">
+          <div className="history-version-list-container">
+            <Story />
+          </div>
+        </div>
+      </div>
+    ),
+  ],
+}
diff --git a/services/web/frontend/stories/history/toggle-switch.stories.tsx b/services/web/frontend/stories/history/toggle-switch.stories.tsx
new file mode 100644
index 0000000..5fe673d
--- /dev/null
+++ b/services/web/frontend/stories/history/toggle-switch.stories.tsx
@@ -0,0 +1,46 @@
+import { useState } from 'react'
+import ToggleSwitchComponent from '../../js/features/history/components/change-list/toggle-switch'
+import { ScopeDecorator } from '../decorators/scope'
+import { HistoryProvider } from '../../js/features/history/context/history-context'
+
+export const HistoryAndLabelsToggleSwitch = () => {
+  const [labelsOnly, setLabelsOnly] = useState(false)
+
+  return (
+    <HistoryProvider>
+      <ToggleSwitchComponent
+        labelsOnly={labelsOnly}
+        setLabelsOnly={setLabelsOnly}
+      />
+    </HistoryProvider>
+  )
+}
+
+export default {
+  title: 'History / Change list',
+  component: ToggleSwitchComponent,
+  argTypes: {
+    labelsOnly: {
+      table: {
+        disable: true,
+      },
+    },
+    setLabelsOnly: {
+      table: {
+        disable: true,
+      },
+    },
+  },
+  decorators: [
+    ScopeDecorator,
+    (Story: React.ComponentType) => (
+      <div className="history-react">
+        <div className="change-list">
+          <div className="history-header history-toggle-switch-container">
+            <Story />
+          </div>
+        </div>
+      </div>
+    ),
+  ],
+}
diff --git a/services/web/frontend/stories/hooks/use-fetch-mock.tsx b/services/web/frontend/stories/hooks/use-fetch-mock.tsx
new file mode 100644
index 0000000..7f00118
--- /dev/null
+++ b/services/web/frontend/stories/hooks/use-fetch-mock.tsx
@@ -0,0 +1,19 @@
+import { useLayoutEffect } from 'react'
+import fetchMock from 'fetch-mock'
+
+/**
+ * Run callback to mock fetch routes, call removeRoutes() and unmockGlobal() when unmounted
+ */
+export default function useFetchMock(
+  callback: (value: typeof fetchMock) => void
+) {
+  fetchMock.mockGlobal()
+
+  useLayoutEffect(() => {
+    callback(fetchMock)
+    return () => {
+      fetchMock.removeRoutes()
+      fetchMock.unmockGlobal()
+    }
+  }, [callback])
+}
diff --git a/services/web/frontend/stories/hooks/use-meta.tsx b/services/web/frontend/stories/hooks/use-meta.tsx
new file mode 100644
index 0000000..0ebbe9f
--- /dev/null
+++ b/services/web/frontend/stories/hooks/use-meta.tsx
@@ -0,0 +1,10 @@
+import { PartialMeta } from '@/utils/meta'
+
+/**
+ * Set values on window.metaAttributesCache, for use in Storybook stories
+ */
+export const useMeta = (meta: PartialMeta) => {
+  for (const [key, value] of Object.entries(meta)) {
+    window.metaAttributesCache.set(key as keyof PartialMeta, value)
+  }
+}
diff --git a/services/web/frontend/stories/hooks/use-scope.tsx b/services/web/frontend/stories/hooks/use-scope.tsx
new file mode 100644
index 0000000..f2450a3
--- /dev/null
+++ b/services/web/frontend/stories/hooks/use-scope.tsx
@@ -0,0 +1,30 @@
+import { merge } from 'lodash'
+import { useLayoutEffect, useRef } from 'react'
+
+/**
+ * Merge properties with the scope object, for use in Storybook stories
+ */
+export const useScope = (scope: Record<string, unknown>) => {
+  const scopeRef = useRef<typeof scope | null>(null)
+  if (scopeRef.current === null) {
+    scopeRef.current = scope
+  }
+
+  useLayoutEffect(() => {
+    if (scopeRef.current) {
+      for (const [path, value] of Object.entries(scopeRef.current)) {
+        let existingValue: typeof value | undefined
+        try {
+          existingValue = window.overleaf.unstable.store.get(path)
+        } catch {
+          // allowed not to exist
+        }
+        if (typeof existingValue === 'object' && typeof value === 'object') {
+          window.overleaf.unstable.store.set(path, merge(existingValue, value))
+        } else {
+          window.overleaf.unstable.store.set(path, value)
+        }
+      }
+    }
+  }, [])
+}
diff --git a/services/web/frontend/stories/hotkeys-modal.stories.jsx b/services/web/frontend/stories/hotkeys-modal.stories.jsx
new file mode 100644
index 0000000..a32896e
--- /dev/null
+++ b/services/web/frontend/stories/hotkeys-modal.stories.jsx
@@ -0,0 +1,27 @@
+import HotkeysModal from '../js/features/hotkeys-modal/components/hotkeys-modal'
+
+export const ReviewEnabled = args => {
+  return <HotkeysModal {...args} />
+}
+
+export const ReviewDisabled = args => {
+  return <HotkeysModal {...args} trackChangesVisible={false} />
+}
+
+export const MacModifier = args => {
+  return <HotkeysModal {...args} isMac />
+}
+
+export default {
+  title: 'Editor / Modals / Hotkeys',
+  component: HotkeysModal,
+  args: {
+    animation: false,
+    show: true,
+    isMac: false,
+    trackChangesVisible: true,
+  },
+  argTypes: {
+    handleHide: { action: 'handleHide' },
+  },
+}
diff --git a/services/web/frontend/stories/icon.stories.jsx b/services/web/frontend/stories/icon.stories.jsx
new file mode 100644
index 0000000..d0f0d2d
--- /dev/null
+++ b/services/web/frontend/stories/icon.stories.jsx
@@ -0,0 +1,50 @@
+import Icon from '../js/shared/components/icon'
+
+export const Type = args => {
+  return (
+    <>
+      <Icon {...args} />
+      <div>
+        <a
+          href="https://fontawesome.com/v4.7.0/icons/"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Font Awesome icons
+        </a>
+      </div>
+    </>
+  )
+}
+Type.args = {
+  type: 'tasks',
+}
+
+export const Spinner = args => {
+  return <Icon {...args} />
+}
+Spinner.args = {
+  type: 'spinner',
+  spin: true,
+}
+
+export const FixedWidth = args => {
+  return <Icon {...args} />
+}
+FixedWidth.args = {
+  type: 'tasks',
+  fw: true,
+}
+
+export const AccessibilityLabel = args => {
+  return <Icon {...args} />
+}
+AccessibilityLabel.args = {
+  type: 'check',
+  accessibilityLabel: 'Check',
+}
+
+export default {
+  title: 'Shared / Components / Icon',
+  component: Icon,
+}
diff --git a/services/web/frontend/stories/input-switch.stories.tsx b/services/web/frontend/stories/input-switch.stories.tsx
new file mode 100644
index 0000000..8c3b973
--- /dev/null
+++ b/services/web/frontend/stories/input-switch.stories.tsx
@@ -0,0 +1,26 @@
+import OLFormSwitch from '@/features/ui/components/ol/ol-form-switch'
+import { disableControlsOf } from './utils/arg-types'
+
+export const Unchecked = () => {
+  return <OLFormSwitch onChange={() => {}} checked={false} />
+}
+
+export const UncheckedDisabled = () => {
+  return <OLFormSwitch onChange={() => {}} checked={false} disabled />
+}
+
+export const Checked = () => {
+  return <OLFormSwitch onChange={() => {}} checked />
+}
+
+export const CheckedDisabled = () => {
+  return <OLFormSwitch onChange={() => {}} checked disabled />
+}
+
+export default {
+  title: 'Shared / Components / Input Switch',
+  component: OLFormSwitch,
+  argTypes: {
+    ...disableControlsOf('inputRef'),
+  },
+}
diff --git a/services/web/frontend/stories/loading/loading.stories.tsx b/services/web/frontend/stories/loading/loading.stories.tsx
new file mode 100644
index 0000000..2fed18a
--- /dev/null
+++ b/services/web/frontend/stories/loading/loading.stories.tsx
@@ -0,0 +1,45 @@
+import type { Meta, StoryObj } from '@storybook/react'
+import { LoadingUI } from '@/features/ide-react/components/loading'
+import { EditorProviders } from '../../../test/frontend/helpers/editor-providers'
+import { PartialMeta } from '@/utils/meta'
+
+const meta: Meta<typeof LoadingUI> = {
+  title: 'Loading Page / Loading',
+  component: LoadingUI,
+  argTypes: {
+    errorCode: {
+      control: 'select',
+      options: [
+        '',
+        'io-not-loaded',
+        'unable-to-join',
+        'i18n-error',
+        'unhandled-error-code',
+      ],
+    },
+    progress: { control: { type: 'range', min: 0, max: 100 } },
+  },
+}
+
+export default meta
+
+type Story = StoryObj<typeof LoadingUI>
+
+const errorMessages = {
+  translationIoNotLoaded: 'Could not connect to the WebSocket server',
+  translationLoadErrorMessage: 'Could not load translations',
+  translationUnableToJoin: 'Could not connect to collaboration server',
+}
+
+export const LoadingPage: Story = {
+  render: args => {
+    for (const [key, value] of Object.entries(errorMessages)) {
+      window.metaAttributesCache.set(`ol-${key}` as keyof PartialMeta, value)
+    }
+    return (
+      <EditorProviders>
+        <LoadingUI {...args} />
+      </EditorProviders>
+    )
+  },
+}
diff --git a/services/web/frontend/stories/menu-bar.stories.tsx b/services/web/frontend/stories/menu-bar.stories.tsx
new file mode 100644
index 0000000..1fe5628
--- /dev/null
+++ b/services/web/frontend/stories/menu-bar.stories.tsx
@@ -0,0 +1,35 @@
+import { DropdownDivider } from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import { MenuBar } from '@/shared/components/menu-bar/menu-bar'
+import { MenuBarDropdown } from '@/shared/components/menu-bar/menu-bar-dropdown'
+import { MenuBarOption } from '@/shared/components/menu-bar/menu-bar-option'
+import { Meta } from '@storybook/react/*'
+
+export const Default = () => {
+  return (
+    <MenuBar id="toolbar-menu-bar-item">
+      <MenuBarDropdown title="File" id="file">
+        <MenuBarOption title="New File" />
+        <MenuBarOption title="New Project" />
+      </MenuBarDropdown>
+      <MenuBarDropdown title="Edit" id="edit">
+        <MenuBarOption title="Undo" />
+        <MenuBarOption title="Redo" />
+        <DropdownDivider />
+        <MenuBarOption title="Cut" />
+        <MenuBarOption title="Copy" />
+        <MenuBarOption title="Paste" />
+      </MenuBarDropdown>
+      <MenuBarDropdown title="View" id="view">
+        <MenuBarOption title="PDF only" />
+      </MenuBarDropdown>
+    </MenuBar>
+  )
+}
+
+const meta: Meta<typeof MenuBar> = {
+  title: 'Shared / Components / MenuBar',
+  component: MenuBar,
+  argTypes: {},
+}
+
+export default meta
diff --git a/services/web/frontend/stories/modals/create-file/create-file-modal-decorator.jsx b/services/web/frontend/stories/modals/create-file/create-file-modal-decorator.jsx
new file mode 100644
index 0000000..a70a507
--- /dev/null
+++ b/services/web/frontend/stories/modals/create-file/create-file-modal-decorator.jsx
@@ -0,0 +1,118 @@
+import { useEffect } from 'react'
+import FileTreeContext from '../../../js/features/file-tree/components/file-tree-context'
+import FileTreeCreateNameProvider from '../../../js/features/file-tree/contexts/file-tree-create-name'
+import FileTreeCreateFormProvider from '../../../js/features/file-tree/contexts/file-tree-create-form'
+import { useFileTreeActionable } from '../../../js/features/file-tree/contexts/file-tree-actionable'
+import PropTypes from 'prop-types'
+
+const defaultFileTreeContextProps = {
+  refProviders: { mendeley: false, zotero: false },
+  setRefProviderEnabled: provider => {
+    console.log(`ref provider ${provider} enabled`)
+  },
+  setStartedFreeTrial: () => {
+    console.log('started free trial')
+  },
+  initialSelectedEntityId: 'entity-1',
+  onSelect: () => {
+    console.log('selected')
+  },
+}
+
+export const mockCreateFileModalFetch = fetchMock =>
+  fetchMock
+    .get('path:/user/projects', {
+      projects: [
+        {
+          _id: 'project-1',
+          name: 'Project One',
+        },
+        {
+          _id: 'project-2',
+          name: 'Project Two',
+        },
+      ],
+    })
+    .get('path:/mendeley/groups', {
+      groups: [
+        {
+          id: 'group-1',
+          name: 'Group One',
+        },
+        {
+          id: 'group-2',
+          name: 'Group Two',
+        },
+      ],
+    })
+    .get('path:/zotero/groups', {
+      groups: [
+        {
+          id: 'group-1',
+          name: 'Group One',
+        },
+        {
+          id: 'group-2',
+          name: 'Group Two',
+        },
+      ],
+    })
+    .get('express:/project/:projectId/entities', {
+      entities: [
+        {
+          path: '/foo.tex',
+        },
+        {
+          path: '/bar.tex',
+        },
+      ],
+    })
+    .post('express:/project/:projectId/doc', (path, req) => {
+      console.log({ path, req })
+      return 204
+    })
+    .post('express:/project/:projectId/upload', (path, req) => {
+      console.log({ path, req })
+      return 204
+    })
+    .post('express:/project/:projectId/linked_file', (path, req) => {
+      console.log({ path, req })
+      return 204
+    })
+
+export const createFileModalDecorator =
+  (fileTreeContextProps = {}, createMode = 'doc') =>
+  // eslint-disable-next-line react/display-name
+  Story => {
+    return (
+      <FileTreeContext
+        {...defaultFileTreeContextProps}
+        {...fileTreeContextProps}
+      >
+        <FileTreeCreateNameProvider>
+          <FileTreeCreateFormProvider>
+            <OpenCreateFileModal createMode={createMode}>
+              <Story />
+            </OpenCreateFileModal>
+          </FileTreeCreateFormProvider>
+        </FileTreeCreateNameProvider>
+      </FileTreeContext>
+    )
+  }
+
+function OpenCreateFileModal({ children, createMode }) {
+  const { startCreatingFile } = useFileTreeActionable()
+
+  useEffect(() => {
+    startCreatingFile(createMode)
+  }, [createMode]) // eslint-disable-line react-hooks/exhaustive-deps
+
+  return <>{children}</>
+}
+OpenCreateFileModal.propTypes = {
+  createMode: PropTypes.string,
+  children: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.node),
+    PropTypes.node,
+  ]).isRequired,
+}
diff --git a/services/web/frontend/stories/modals/create-file/create-file-modal-footer.stories.jsx b/services/web/frontend/stories/modals/create-file/create-file-modal-footer.stories.jsx
new file mode 100644
index 0000000..224850f
--- /dev/null
+++ b/services/web/frontend/stories/modals/create-file/create-file-modal-footer.stories.jsx
@@ -0,0 +1,62 @@
+import {
+  ModalFooterDecorator,
+  ModalContentDecorator,
+} from '../modal-decorators'
+import { FileTreeModalCreateFileFooterContent } from '../../../js/features/file-tree/components/file-tree-create/file-tree-modal-create-file-footer'
+
+export const Valid = args => <FileTreeModalCreateFileFooterContent {...args} />
+
+export const Invalid = args => (
+  <FileTreeModalCreateFileFooterContent {...args} />
+)
+Invalid.args = {
+  valid: false,
+}
+
+export const Inflight = args => (
+  <FileTreeModalCreateFileFooterContent {...args} />
+)
+Inflight.args = {
+  inFlight: true,
+}
+
+export const FileLimitWarning = args => (
+  <FileTreeModalCreateFileFooterContent {...args} />
+)
+FileLimitWarning.args = {
+  fileCount: {
+    status: 'warning',
+    value: 1990,
+    limit: 2000,
+  },
+}
+
+export const FileLimitError = args => (
+  <FileTreeModalCreateFileFooterContent {...args} />
+)
+FileLimitError.args = {
+  fileCount: {
+    status: 'error',
+    value: 2000,
+    limit: 2000,
+  },
+}
+
+export default {
+  title: 'Editor / Modals / Create File / Footer',
+  component: FileTreeModalCreateFileFooterContent,
+  args: {
+    fileCount: {
+      status: 'success',
+      limit: 10,
+      value: 1,
+    },
+    valid: true,
+    inFlight: false,
+    newFileCreateMode: 'doc',
+  },
+  argTypes: {
+    cancel: { action: 'cancel' },
+  },
+  decorators: [ModalFooterDecorator, ModalContentDecorator],
+}
diff --git a/services/web/frontend/stories/modals/create-file/create-file-modal.stories.jsx b/services/web/frontend/stories/modals/create-file/create-file-modal.stories.jsx
new file mode 100644
index 0000000..ba5ad45
--- /dev/null
+++ b/services/web/frontend/stories/modals/create-file/create-file-modal.stories.jsx
@@ -0,0 +1,89 @@
+import {
+  createFileModalDecorator,
+  mockCreateFileModalFetch,
+} from './create-file-modal-decorator'
+import FileTreeModalCreateFile from '../../../js/features/file-tree/components/modals/file-tree-modal-create-file'
+import useFetchMock from '../../hooks/use-fetch-mock'
+import { ScopeDecorator } from '../../decorators/scope'
+import { useScope } from '../../hooks/use-scope'
+import getMeta from '@/utils/meta'
+
+export const MinimalFeatures = args => {
+  useFetchMock(mockCreateFileModalFetch)
+  Object.assign(getMeta('ol-ExposedSettings'), {
+    hasLinkUrlFeature: false,
+    hasLinkedProjectFileFeature: false,
+    hasLinkedProjectOutputFileFeature: false,
+  })
+
+  return <FileTreeModalCreateFile {...args} />
+}
+MinimalFeatures.decorators = [createFileModalDecorator()]
+
+export const WithExtraFeatures = args => {
+  useFetchMock(mockCreateFileModalFetch)
+
+  getMeta('ol-ExposedSettings').hasLinkUrlFeature = true
+
+  return <FileTreeModalCreateFile {...args} />
+}
+WithExtraFeatures.decorators = [
+  createFileModalDecorator({
+    refProviders: { mendeley: true, zotero: true },
+  }),
+]
+
+export const ErrorImportingFileFromExternalURL = args => {
+  useFetchMock(fetchMock => {
+    mockCreateFileModalFetch(fetchMock)
+
+    fetchMock.post('express:/project/:projectId/linked_file', 500)
+  })
+
+  getMeta('ol-ExposedSettings').hasLinkUrlFeature = true
+
+  return <FileTreeModalCreateFile {...args} />
+}
+ErrorImportingFileFromExternalURL.decorators = [createFileModalDecorator()]
+
+export const ErrorImportingFileFromReferenceProvider = args => {
+  useFetchMock(fetchMock => {
+    mockCreateFileModalFetch(fetchMock)
+
+    fetchMock.post('express:/project/:projectId/linked_file', 500)
+  })
+
+  return <FileTreeModalCreateFile {...args} />
+}
+ErrorImportingFileFromReferenceProvider.decorators = [
+  createFileModalDecorator({
+    refProviders: { mendeley: true, zotero: true },
+  }),
+]
+
+export const FileLimitReached = args => {
+  useFetchMock(mockCreateFileModalFetch)
+
+  useScope({
+    project: {
+      rootFolder: {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: Array.from({ length: 10 }, (_, index) => ({
+          _id: `entity-${index}`,
+        })),
+        fileRefs: [],
+        folders: [],
+      },
+    },
+  })
+
+  return <FileTreeModalCreateFile {...args} />
+}
+FileLimitReached.decorators = [createFileModalDecorator()]
+
+export default {
+  title: 'Editor / Modals / Create File',
+  component: FileTreeModalCreateFile,
+  decorators: [ScopeDecorator],
+}
diff --git a/services/web/frontend/stories/modals/create-file/create-file-name-input.stories.jsx b/services/web/frontend/stories/modals/create-file/create-file-name-input.stories.jsx
new file mode 100644
index 0000000..8f68e2d
--- /dev/null
+++ b/services/web/frontend/stories/modals/create-file/create-file-name-input.stories.jsx
@@ -0,0 +1,67 @@
+import FileTreeCreateNameInput from '../../../js/features/file-tree/components/file-tree-create/file-tree-create-name-input'
+import FileTreeCreateNameProvider from '../../../js/features/file-tree/contexts/file-tree-create-name'
+import {
+  BlockedFilenameError,
+  DuplicateFilenameError,
+} from '../../../js/features/file-tree/errors'
+import { ModalBodyDecorator, ModalContentDecorator } from '../modal-decorators'
+
+export const DefaultLabel = args => (
+  <FileTreeCreateNameProvider initialName="example.tex">
+    <FileTreeCreateNameInput {...args} />
+  </FileTreeCreateNameProvider>
+)
+
+export const CustomLabel = args => (
+  <FileTreeCreateNameProvider initialName="example.tex">
+    <FileTreeCreateNameInput {...args} />
+  </FileTreeCreateNameProvider>
+)
+CustomLabel.args = {
+  label: 'File Name in this Project',
+}
+
+export const FocusName = args => (
+  <FileTreeCreateNameProvider initialName="example.tex">
+    <FileTreeCreateNameInput {...args} />
+  </FileTreeCreateNameProvider>
+)
+FocusName.args = {
+  focusName: true,
+}
+
+export const CustomPlaceholder = args => (
+  <FileTreeCreateNameProvider>
+    <FileTreeCreateNameInput {...args} />
+  </FileTreeCreateNameProvider>
+)
+CustomPlaceholder.args = {
+  placeholder: 'Enter a file name…',
+}
+
+export const DuplicateError = args => (
+  <FileTreeCreateNameProvider initialName="main.tex">
+    <FileTreeCreateNameInput {...args} />
+  </FileTreeCreateNameProvider>
+)
+DuplicateError.args = {
+  error: new DuplicateFilenameError(),
+}
+
+export const BlockedError = args => (
+  <FileTreeCreateNameProvider initialName="main.tex">
+    <FileTreeCreateNameInput {...args} />
+  </FileTreeCreateNameProvider>
+)
+BlockedError.args = {
+  error: new BlockedFilenameError(),
+}
+
+export default {
+  title: 'Editor / Modals / Create File / File Name Input',
+  component: FileTreeCreateNameInput,
+  decorators: [ModalBodyDecorator, ModalContentDecorator],
+  args: {
+    inFlight: false,
+  },
+}
diff --git a/services/web/frontend/stories/modals/create-file/error-message.stories.jsx b/services/web/frontend/stories/modals/create-file/error-message.stories.jsx
new file mode 100644
index 0000000..867a2b9
--- /dev/null
+++ b/services/web/frontend/stories/modals/create-file/error-message.stories.jsx
@@ -0,0 +1,106 @@
+import ErrorMessage from '../../../js/features/file-tree/components/file-tree-create/error-message'
+import { FetchError } from '../../../js/infrastructure/fetch-json'
+import {
+  BlockedFilenameError,
+  DuplicateFilenameError,
+  InvalidFilenameError,
+} from '../../../js/features/file-tree/errors'
+
+export const KeyedErrors = () => {
+  return (
+    <>
+      <ErrorMessage error="name-exists" />
+      <ErrorMessage error="too-many-files" />
+      <ErrorMessage error="remote-service-error" />
+      <ErrorMessage error="rate-limit-hit" />
+      {/* <ErrorMessage error="not-logged-in" /> */}
+      <ErrorMessage error="something-else" />
+    </>
+  )
+}
+
+export const FetchStatusErrors = () => {
+  return (
+    <>
+      <ErrorMessage
+        error={
+          new FetchError(
+            'There was an error',
+            '/story',
+            {},
+            new Response(null, { status: 400 })
+          )
+        }
+      />
+      <ErrorMessage
+        error={
+          new FetchError(
+            'There was an error',
+            '/story',
+            {},
+            new Response(null, { status: 403 })
+          )
+        }
+      />
+      <ErrorMessage
+        error={
+          new FetchError(
+            'There was an error',
+            '/story',
+            {},
+            new Response(null, { status: 429 })
+          )
+        }
+      />
+      <ErrorMessage
+        error={
+          new FetchError(
+            'There was an error',
+            '/story',
+            {},
+            new Response(null, { status: 500 })
+          )
+        }
+      />
+    </>
+  )
+}
+
+export const FetchDataErrors = () => {
+  return (
+    <>
+      <ErrorMessage
+        error={
+          new FetchError('Error', '/story', {}, new Response(), {
+            message: 'There was an error!',
+          })
+        }
+      />
+      <ErrorMessage
+        error={
+          new FetchError('Error', '/story', {}, new Response(), {
+            message: {
+              text: 'There was an error with some text!',
+            },
+          })
+        }
+      />
+    </>
+  )
+}
+
+export const SpecificClassErrors = () => {
+  return (
+    <>
+      <ErrorMessage error={new DuplicateFilenameError()} />
+      <ErrorMessage error={new InvalidFilenameError()} />
+      <ErrorMessage error={new BlockedFilenameError()} />
+      <ErrorMessage error={new Error()} />
+    </>
+  )
+}
+
+export default {
+  title: 'Editor / Modals / Create File / Error Message',
+  component: ErrorMessage,
+}
diff --git a/services/web/frontend/stories/modals/modal-decorators.jsx b/services/web/frontend/stories/modals/modal-decorators.jsx
new file mode 100644
index 0000000..53b3046
--- /dev/null
+++ b/services/web/frontend/stories/modals/modal-decorators.jsx
@@ -0,0 +1,29 @@
+/**
+ * Wrap modal content in modal classes, without modal behaviours
+ */
+
+export function ModalContentDecorator(Story) {
+  return (
+    <div className="modal-dialog">
+      <div className="modal-content">
+        <Story />
+      </div>
+    </div>
+  )
+}
+
+export function ModalBodyDecorator(Story) {
+  return (
+    <div className="modal-body">
+      <Story />
+    </div>
+  )
+}
+
+export function ModalFooterDecorator(Story) {
+  return (
+    <div className="modal-footer">
+      <Story />
+    </div>
+  )
+}
diff --git a/services/web/frontend/stories/modals/unsaved-docs-locked-modal.stories.tsx b/services/web/frontend/stories/modals/unsaved-docs-locked-modal.stories.tsx
new file mode 100644
index 0000000..324721e
--- /dev/null
+++ b/services/web/frontend/stories/modals/unsaved-docs-locked-modal.stories.tsx
@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react'
+import { UnsavedDocsLockedAlert } from '@/features/ide-react/components/unsaved-docs/unsaved-docs-locked-alert'
+import { ScopeDecorator } from '../decorators/scope'
+
+export default {
+  title: 'Editor / Modals / Unsaved Docs Locked',
+  component: UnsavedDocsLockedAlert,
+  decorators: [Story => ScopeDecorator(Story)],
+} satisfies Meta
+
+type Story = StoryObj<typeof UnsavedDocsLockedAlert>
+
+export const Locked: Story = {}
diff --git a/services/web/frontend/stories/notification.stories.tsx b/services/web/frontend/stories/notification.stories.tsx
new file mode 100644
index 0000000..0c55606
--- /dev/null
+++ b/services/web/frontend/stories/notification.stories.tsx
@@ -0,0 +1,383 @@
+import fetchMock from 'fetch-mock'
+import Notification from '../js/shared/components/notification'
+import { postJSON } from '../js/infrastructure/fetch-json'
+import useAsync from '../js/shared/hooks/use-async'
+
+type Args = React.ComponentProps<typeof Notification>
+
+export const NotificationInfo = (args: Args) => {
+  return <Notification {...args} isDismissible />
+}
+
+export const NotificationSuccess = (args: Args) => {
+  return <Notification {...args} isDismissible type="success" />
+}
+
+export const NotificationWarning = (args: Args) => {
+  return <Notification {...args} isDismissible type="warning" />
+}
+
+export const NotificationError = (args: Args) => {
+  return <Notification {...args} isDismissible type="error" />
+}
+
+export const NotificationWithActionBelowContent = (args: Args) => {
+  return (
+    <Notification
+      {...args}
+      content={
+        <div>
+          <p>The CTA will always go below the content on small screens.</p>
+          <p>
+            We can also opt to always put the CTA below the content on all
+            screens
+          </p>
+        </div>
+      }
+      isDismissible
+      isActionBelowContent
+    />
+  )
+}
+
+export const NotificationWithTitle = (args: Args) => {
+  return <Notification {...args} title="Some title" />
+}
+
+export const NotificationWithAction = (args: Args) => {
+  return <Notification {...args} isDismissible={false} />
+}
+
+export const NotificationDismissible = (args: Args) => {
+  return <Notification {...args} action={undefined} />
+}
+
+export const APlainNotification = (args: Args) => {
+  return <Notification {...args} action={undefined} isDismissible={false} />
+}
+
+export const NotificationWithMultipleParagraphsAndActionAndDismissible = (
+  args: Args
+) => {
+  return (
+    <Notification
+      {...args}
+      content={
+        <div>
+          <p>
+            <b>Lorem ipsum</b>
+          </p>
+          <p>
+            Dolor sit amet, consectetur adipiscing elit. Proin lacus velit,
+            faucibus vitae feugiat sit amet, <a href="/">Some link</a> iaculis
+            ut mi.
+          </p>
+          <p>
+            Vel eros donec ac odio tempor orci dapibus ultrices in. Fermentum
+            iaculis eu non diam phasellus.
+          </p>
+          <p>Aliquam at tempor risus. Vestibulum bibendum ut </p>
+        </div>
+      }
+    />
+  )
+}
+
+export const NotificationWithMultipleParagraphsAndDismissible = (
+  args: Args
+) => {
+  return (
+    <Notification
+      {...args}
+      action={undefined}
+      content={
+        <div>
+          <p>
+            <b>Lorem ipsum</b>
+          </p>
+          <p>
+            Dolor sit amet, consectetur adipiscing elit. Proin lacus velit,
+            faucibus vitae feugiat sit amet, <a href="/">Some link</a> iaculis
+            ut mi.
+          </p>
+          <p>
+            Vel eros donec ac odio tempor orci dapibus ultrices in. Fermentum
+            iaculis eu non diam phasellus.
+          </p>
+          <p>Aliquam at tempor risus. Vestibulum bibendum ut </p>
+        </div>
+      }
+    />
+  )
+}
+
+export const MultipleParagraphsAndAction = (args: Args) => {
+  return (
+    <Notification
+      {...args}
+      isDismissible={false}
+      content={
+        <div>
+          <p>
+            <b>Lorem ipsum</b>
+          </p>
+          <p>
+            Dolor sit amet, consectetur adipiscing elit. Proin lacus velit,
+            faucibus vitae feugiat sit amet, <a href="/">Some link</a> iaculis
+            ut mi.
+          </p>
+          <p>
+            Vel eros donec ac odio tempor orci dapibus ultrices in. Fermentum
+            iaculis eu non diam phasellus.
+          </p>
+          <p>Aliquam at tempor risus. Vestibulum bibendum ut </p>
+        </div>
+      }
+    />
+  )
+}
+
+export const MultipleParagraphs = (args: Args) => {
+  return (
+    <Notification
+      {...args}
+      action={undefined}
+      isDismissible={false}
+      content={
+        <div>
+          <p>
+            <b>Lorem ipsum</b>
+          </p>
+          <p>
+            Dolor sit amet, consectetur adipiscing elit. Proin lacus velit,
+            faucibus vitae feugiat sit amet, <a href="/">Some link</a> iaculis
+            ut mi.
+          </p>
+          <p>
+            Vel eros donec ac odio tempor orci dapibus ultrices in. Fermentum
+            iaculis eu non diam phasellus.
+          </p>
+          <p>Aliquam at tempor risus. Vestibulum bibendum ut </p>
+        </div>
+      }
+    />
+  )
+}
+
+export const ShortText = (args: Args) => {
+  return (
+    <Notification
+      {...args}
+      action={undefined}
+      isDismissible={false}
+      content={<p>Lorem ipsum</p>}
+    />
+  )
+}
+
+export const ShortTextAndDismissible = (args: Args) => {
+  return (
+    <Notification {...args} action={undefined} content={<p>Lorem ipsum</p>} />
+  )
+}
+
+export const ShortTextAndActionLinkAsButton = (args: Args) => {
+  return (
+    <Notification
+      {...args}
+      isDismissible={false}
+      content={<p>Lorem ipsum</p>}
+    />
+  )
+}
+
+export const ShortTextAndActionAsLink = (args: Args) => {
+  return (
+    <Notification
+      {...args}
+      content={<p>Lorem ipsum</p>}
+      action={<a href="/">An action</a>}
+      isDismissible={false}
+    />
+  )
+}
+export const ShortTextAndActionAsLinkButStyledAsButton = (args: Args) => {
+  return (
+    <Notification
+      {...args}
+      content={<p>Lorem ipsum</p>}
+      action={
+        <a href="/" className="btn btn-secondary btn-sm">
+          An action
+        </a>
+      }
+      isDismissible={false}
+    />
+  )
+}
+
+export const LongActionButton = (args: Args) => {
+  return (
+    <Notification
+      {...args}
+      action={
+        <button className="btn btn-secondary btn-sm">
+          Action that has a lot of text
+        </button>
+      }
+    />
+  )
+}
+
+export const LongActionLink = (args: Args) => {
+  return (
+    <Notification
+      {...args}
+      action={<a href="/">Action that has a lot of text</a>}
+    />
+  )
+}
+
+export const CustomIcon = (args: Args) => {
+  return (
+    <Notification
+      {...args}
+      customIcon={<div style={{ marginTop: '-4px' }}>🎉</div>}
+    />
+  )
+}
+
+export const MultipleButtons = (args: Args) => {
+  return (
+    <Notification
+      {...args}
+      content={<p>Lorem ipsum</p>}
+      action={
+        <>
+          <button className="btn btn-secondary btn-sm">button1</button>
+          <button className="btn btn-secondary btn-sm">button2</button>
+        </>
+      }
+      type="info"
+      isActionBelowContent
+      isDismissible
+    />
+  )
+}
+
+export const OverlayedWithCustomClass = (args: Args) => {
+  return (
+    <>
+      <Notification
+        {...args}
+        content={
+          <p>
+            This can be <b>any HTML</b> passed to the component. For example,
+            paragraphs, headers, <code>code samples</code>,{' '}
+            <a href="/">links</a>, etc are all supported.
+          </p>
+        }
+        className="ol-overlay"
+        action={
+          <>
+            <button className="btn btn-secondary btn-sm">button1</button>
+            <button className="btn btn-secondary btn-sm">button2</button>
+          </>
+        }
+        type="info"
+        isActionBelowContent
+        isDismissible
+      />
+      <div>
+        <p>we need filler content, so here are some jokes</p>
+        <ul>
+          <li>Did you hear about the circus fire? It was in tents!</li>
+          <li>How do you catch a squirrel? Climb a tree and act like a nut!</li>
+          <li>
+            Did you hear about the guy who invented Lifesavers? They say he made
+            a mint!
+          </li>
+          <li>
+            Why couldn't the bicycle stand up by itself? It was two tired.
+          </li>
+          <li>
+            did one hat say to the other?" "Stay here! I'm going on ahead.
+          </li>
+          <li>
+            Why did Billy get fired from the banana factory? He kept throwing
+            away the bent ones.
+          </li>
+        </ul>
+      </div>
+    </>
+  )
+}
+
+export const SuccessFlow = (args: Args) => {
+  console.log('.....render')
+  fetchMock.post('express:/test-success', { status: 200 }, { delay: 250 })
+
+  const { isLoading, isSuccess, runAsync } = useAsync()
+  function handleClick() {
+    console.log('clicked')
+    runAsync(postJSON('/test-success')).catch(console.error)
+  }
+
+  const ctaText = isLoading ? 'Processing' : 'Click'
+  const action = (
+    <button
+      className="btn btn-secondary btn-sm"
+      onClick={() => handleClick()}
+      disabled={isLoading}
+    >
+      {ctaText}
+    </button>
+  )
+
+  const startNotification = (
+    <Notification
+      {...args}
+      action={action}
+      title="An example notification flow"
+      content={
+        <p>
+          This story shows 2 notifications, and it's up to the parent component
+          to determine which to show. There's a successful request made after
+          clicking the action and so the parent component then renders the
+          success notification.
+        </p>
+      }
+    />
+  )
+  const successNotification = (
+    <Notification
+      {...args}
+      action={<a href="/">Now follow this link to go home</a>}
+      type="success"
+      content={<p>Success! You made a successful request.</p>}
+    />
+  )
+
+  if (isSuccess) return successNotification
+  return startNotification
+}
+
+export const ContentAsAString = (args: Args) => {
+  return <Notification {...args} content="An alert" />
+}
+
+export default {
+  title: 'Shared / Components / Notification',
+  component: Notification,
+  args: {
+    content: (
+      <p>
+        This can be <b>any HTML</b> passed to the component. For example,
+        paragraphs, headers, <code>code samples</code>, <a href="/">links</a>,
+        etc are all supported.
+      </p>
+    ),
+    action: <button className="btn btn-secondary btn-sm">An action</button>,
+    isDismissible: true,
+  },
+}
diff --git a/services/web/frontend/stories/outline.stories.jsx b/services/web/frontend/stories/outline.stories.jsx
new file mode 100644
index 0000000..03ed349
--- /dev/null
+++ b/services/web/frontend/stories/outline.stories.jsx
@@ -0,0 +1,61 @@
+import OutlinePane from '../js/features/outline/components/outline-pane'
+import { ScopeDecorator } from './decorators/scope'
+
+export const Basic = args => <OutlinePane {...args} />
+Basic.args = {
+  outline: [{ line: 1, title: 'Hello', level: 1 }],
+}
+
+export const Nested = args => <OutlinePane {...args} />
+Nested.args = {
+  outline: [
+    {
+      line: 1,
+      title: 'Section',
+      level: 1,
+      children: [
+        {
+          line: 2,
+          title: 'Subsection',
+          level: 2,
+          children: [
+            {
+              line: 3,
+              title: 'Subsubsection',
+              level: 3,
+            },
+          ],
+        },
+      ],
+    },
+  ],
+}
+
+export const NoSections = args => <OutlinePane {...args} />
+NoSections.args = {}
+
+export const NonTexFile = args => <OutlinePane {...args} />
+NonTexFile.args = {
+  isTexFile: false,
+}
+
+export const PartialResult = args => <OutlinePane {...args} />
+PartialResult.args = {
+  isPartial: true,
+}
+
+export default {
+  title: 'Editor / Outline',
+  component: OutlinePane,
+  argTypes: {
+    jumpToLine: { action: 'jumpToLine' },
+    onToggle: { action: 'onToggle' },
+    toggleExpanded: { action: 'toggleExpanded' },
+  },
+  args: {
+    isTexFile: true,
+    outline: [],
+    expanded: true,
+  },
+  decorators: [ScopeDecorator],
+}
diff --git a/services/web/frontend/stories/pagination.stories.jsx b/services/web/frontend/stories/pagination.stories.jsx
new file mode 100644
index 0000000..67d3273
--- /dev/null
+++ b/services/web/frontend/stories/pagination.stories.jsx
@@ -0,0 +1,19 @@
+import Pagination from '../js/shared/components/pagination'
+
+export const Interactive = args => {
+  return <Pagination {...args} />
+}
+
+export default {
+  title: 'Shared / Components / Pagination',
+  component: Pagination,
+  args: {
+    currentPage: 1,
+    totalPages: 10,
+    handlePageClick: () => {},
+  },
+  argTypes: {
+    currentPage: { control: { type: 'number', min: 1, max: 10, step: 1 } },
+    totalPages: { control: { disable: true } },
+  },
+}
diff --git a/services/web/frontend/stories/pdf-log-entry.stories.tsx b/services/web/frontend/stories/pdf-log-entry.stories.tsx
new file mode 100644
index 0000000..561402d
--- /dev/null
+++ b/services/web/frontend/stories/pdf-log-entry.stories.tsx
@@ -0,0 +1,74 @@
+import PdfLogEntry from '@/features/pdf-preview/components/pdf-log-entry'
+import type { Meta, StoryObj } from '@storybook/react'
+import { ruleIds } from '@/ide/human-readable-logs/HumanReadableLogsHints'
+import { ScopeDecorator } from './decorators/scope'
+import { useMeta } from './hooks/use-meta'
+import { FC, ReactNode } from 'react'
+import { useScope } from './hooks/use-scope'
+import { EditorView } from '@codemirror/view'
+import { LogEntry } from '@/features/pdf-preview/util/types'
+
+const fakeSourceLocation = {
+  file: 'file.tex',
+  line: 12,
+  column: 5,
+}
+
+const fakeLogEntry: LogEntry = {
+  key: 'fake',
+  ruleId: 'hint_misplaced_alignment_tab_character',
+  message: 'Fake message',
+  messageComponent: 'Fake message component',
+  content: 'Fake content',
+  type: 'Error: ',
+  level: 'error',
+  contentDetails: ['Fake detail 1', 'Fake detail 2'],
+  file: 'fake.tex',
+  line: 12,
+  column: 5,
+  raw: 'Fake raw',
+}
+
+const fakeArgs = {
+  headerTitle: 'PDF Preview',
+  formattedContent: 'This is a log entry',
+  level: 'error' as const,
+  extraInfoURL: 'https://example.com',
+  showCloseButton: true,
+  showSourceLocationLink: true,
+  rawContent: 'This is a raw log entry',
+  contentDetails: ['detail 1', 'detail 2'],
+  ruleId: 'hint_misplaced_alignment_tab_character' as const,
+  sourceLocation: fakeSourceLocation,
+  logEntry: fakeLogEntry,
+  logType: 'Fake type',
+}
+
+const meta: Meta<typeof PdfLogEntry> = {
+  title: 'Editor / PDF Preview / Logs',
+  component: PdfLogEntry,
+  // @ts-ignore
+  decorators: [ScopeDecorator],
+  argTypes: {
+    ruleId: { control: 'select', options: [...ruleIds, 'other'] },
+  },
+  args: fakeArgs,
+}
+
+export default meta
+
+type Story = StoryObj<typeof PdfLogEntry>
+
+const Provider: FC<{ children: ReactNode }> = ({ children }) => {
+  useMeta({ 'ol-showAiErrorAssistant': true })
+  useScope({ 'editor.view': new EditorView({ doc: '\\begin{document' }) })
+  return <div className="logs-pane p-2">{children}</div>
+}
+
+export const PdfLogEntryWithControls: Story = {
+  render: args => (
+    <Provider>
+      <PdfLogEntry {...args} />
+    </Provider>
+  ),
+}
diff --git a/services/web/frontend/stories/pdf-preview-error-boundary.stories.jsx b/services/web/frontend/stories/pdf-preview-error-boundary.stories.jsx
new file mode 100644
index 0000000..6ea6b4b
--- /dev/null
+++ b/services/web/frontend/stories/pdf-preview-error-boundary.stories.jsx
@@ -0,0 +1,20 @@
+import PdfPreviewErrorBoundaryFallback from '../js/features/pdf-preview/components/pdf-preview-error-boundary-fallback'
+import { ScopeDecorator } from './decorators/scope'
+
+export default {
+  title: 'Editor / PDF Preview / Error Boundary',
+  component: PdfPreviewErrorBoundaryFallback,
+  decorators: [ScopeDecorator],
+}
+
+export const PreviewErrorBoundary = () => {
+  return <PdfPreviewErrorBoundaryFallback type="preview" />
+}
+
+export const PdfErrorBoundary = () => {
+  return <PdfPreviewErrorBoundaryFallback type="pdf" />
+}
+
+export const LogsErrorBoundary = () => {
+  return <PdfPreviewErrorBoundaryFallback type="logs" />
+}
diff --git a/services/web/frontend/stories/pdf-preview-messages.stories.jsx b/services/web/frontend/stories/pdf-preview-messages.stories.jsx
new file mode 100644
index 0000000..b25b9d1
--- /dev/null
+++ b/services/web/frontend/stories/pdf-preview-messages.stories.jsx
@@ -0,0 +1,27 @@
+import { ScopeDecorator } from './decorators/scope'
+import { useLocalCompileContext } from '../js/shared/context/local-compile-context'
+import { useEffect } from 'react'
+import { PdfPreviewMessages } from '../js/features/pdf-preview/components/pdf-preview-messages'
+import CompileTimeWarningUpgradePrompt from '@/features/pdf-preview/components/compile-time-warning-upgrade-prompt'
+
+export default {
+  title: 'Editor / PDF Preview / Messages',
+  component: PdfPreviewMessages,
+  decorators: [ScopeDecorator],
+}
+
+export const Dismissible = () => {
+  const { setShowCompileTimeWarning } = useLocalCompileContext()
+
+  useEffect(() => {
+    setShowCompileTimeWarning(true)
+  }, [setShowCompileTimeWarning])
+
+  return (
+    <div style={{ width: 800, position: 'relative' }}>
+      <PdfPreviewMessages>
+        <CompileTimeWarningUpgradePrompt />
+      </PdfPreviewMessages>
+    </div>
+  )
+}
diff --git a/services/web/frontend/stories/pdf-preview-messages.stories.tsx b/services/web/frontend/stories/pdf-preview-messages.stories.tsx
new file mode 100644
index 0000000..d04c8ff
--- /dev/null
+++ b/services/web/frontend/stories/pdf-preview-messages.stories.tsx
@@ -0,0 +1,25 @@
+import { ScopeDecorator } from './decorators/scope'
+import { PdfPreviewMessages } from '@/features/pdf-preview/components/pdf-preview-messages'
+import { CompileTimeWarningUpgradePromptInner } from '@/features/pdf-preview/components/compile-time-warning-upgrade-prompt-inner'
+
+export default {
+  title: 'Editor / PDF Preview / Messages',
+  component: PdfPreviewMessages,
+  decorators: [
+    ScopeDecorator,
+    (Story: any) => (
+      <div style={{ width: 800, position: 'relative' }}>
+        <PdfPreviewMessages>
+          <Story />
+        </PdfPreviewMessages>
+      </div>
+    ),
+  ],
+}
+
+export const CompileTimeoutWarningActive = (args: any) => {
+  return <CompileTimeWarningUpgradePromptInner {...args} />
+}
+CompileTimeoutWarningActive.argTypes = {
+  handleDismissWarning: { action: 'dismiss warning' },
+}
diff --git a/services/web/frontend/stories/pdf-preview.stories.jsx b/services/web/frontend/stories/pdf-preview.stories.jsx
new file mode 100644
index 0000000..0233006
--- /dev/null
+++ b/services/web/frontend/stories/pdf-preview.stories.jsx
@@ -0,0 +1,375 @@
+import { useCallback, useMemo, useState } from 'react'
+import useFetchMock from './hooks/use-fetch-mock'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import PdfPreviewPane from '../js/features/pdf-preview/components/pdf-preview-pane'
+import PdfPreview from '../js/features/pdf-preview/components/pdf-preview'
+import PdfFileList from '../js/features/pdf-preview/components/pdf-file-list'
+import { buildFileList } from '../js/features/pdf-preview/util/file-list'
+import PdfLogsViewer from '../js/features/pdf-preview/components/pdf-logs-viewer'
+import PdfPreviewError from '../js/features/pdf-preview/components/pdf-preview-error'
+import PdfPreviewHybridToolbar from '../js/features/pdf-preview/components/pdf-preview-hybrid-toolbar'
+import { useDetachCompileContext as useCompileContext } from '../js/shared/context/detach-compile-context'
+import {
+  dispatchDocChanged,
+  mockBuildFile,
+  mockClearCache,
+  mockCompile,
+  mockCompileError,
+  mockCompileValidationIssues,
+  mockEventTracking,
+  outputFiles,
+} from './fixtures/compile'
+import { cloneDeep } from 'lodash'
+import { ScopeDecorator } from './decorators/scope'
+import { PdfPreviewProvider } from '@/features/pdf-preview/components/pdf-preview-provider'
+import {
+  Dropdown,
+  DropdownMenu,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+
+export default {
+  title: 'Editor / PDF Preview',
+  component: PdfPreview,
+  subcomponents: {
+    PdfPreviewHybridToolbar,
+    PdfFileList,
+    PdfPreviewError,
+  },
+  decorators: [ScopeDecorator],
+}
+
+export const Interactive = () => {
+  useFetchMock(fetchMock => {
+    mockCompile(fetchMock)
+    mockBuildFile(fetchMock)
+    mockClearCache(fetchMock)
+  })
+
+  const Inner = () => {
+    const context = useCompileContext()
+
+    const { setHasLintingError } = context
+
+    const toggleLintingError = useCallback(() => {
+      setHasLintingError(value => !value)
+    }, [setHasLintingError])
+
+    const values = useMemo(() => {
+      const entries = Object.entries(context).sort((a, b) => {
+        return a[0].localeCompare(b[0])
+      })
+
+      const values = { boolean: [], other: [] }
+
+      for (const entry of entries) {
+        const type = typeof entry[1]
+
+        if (type === 'boolean') {
+          values.boolean.push(entry)
+        } else if (type !== 'function') {
+          values.other.push(entry)
+        }
+      }
+
+      return values
+    }, [context])
+
+    return (
+      <div
+        style={{
+          padding: 20,
+          background: 'white',
+          float: 'left',
+          zIndex: 10,
+          position: 'absolute',
+          top: 60,
+          bottom: 60,
+          right: 20,
+          left: 400,
+          overflow: 'hidden',
+          boxShadow: '0px 2px 5px #ccc',
+          borderRadius: 3,
+        }}
+      >
+        <div
+          style={{
+            display: 'flex',
+            fontSize: 14,
+            gap: 20,
+            height: '100%',
+            overflow: 'hidden',
+          }}
+        >
+          <div style={{ height: '100%', overflow: 'auto', flexShrink: 0 }}>
+            <table>
+              <tbody>
+                {values.boolean.map(([key, value]) => {
+                  return (
+                    <tr key={key} style={{ border: '1px solid #ddd' }}>
+                      <td style={{ padding: 5 }}>{value ? '🟢' : '🔴'}</td>
+                      <th style={{ padding: 5 }}>{key}</th>
+                    </tr>
+                  )
+                })}
+              </tbody>
+            </table>
+
+            <div>
+              <div
+                style={{
+                  display: 'flex',
+                  flexDirection: 'column',
+                  gap: 10,
+                  margin: '10px 0',
+                }}
+              >
+                <OLButton onClick={dispatchDocChanged}>
+                  trigger doc change
+                </OLButton>
+                <OLButton onClick={toggleLintingError}>
+                  toggle linting error
+                </OLButton>
+              </div>
+            </div>
+          </div>
+
+          <div style={{ height: '100%', overflow: 'auto' }}>
+            <table
+              style={{
+                width: '100%',
+                overflow: 'hidden',
+              }}
+            >
+              <tbody>
+                {values.other.map(([key, value]) => {
+                  return (
+                    <tr
+                      key={key}
+                      style={{
+                        width: '100%',
+                        overflow: 'hidden',
+                        border: '1px solid #ddd',
+                      }}
+                    >
+                      <th
+                        style={{
+                          verticalAlign: 'top',
+                          padding: 5,
+                        }}
+                      >
+                        {key}
+                      </th>
+                      <td
+                        style={{
+                          overflow: 'auto',
+                          padding: 5,
+                        }}
+                      >
+                        <pre
+                          style={{
+                            margin: '0 10px',
+                            fontSize: 10,
+                          }}
+                        >
+                          {JSON.stringify(value, null, 2)}
+                        </pre>
+                      </td>
+                    </tr>
+                  )
+                })}
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    )
+  }
+
+  return (
+    <div className="pdf-viewer">
+      <PdfPreviewPane />
+      <Inner />
+    </div>
+  )
+}
+
+const compileStatuses = [
+  'autocompile-backoff',
+  'clear-cache',
+  'clsi-maintenance',
+  'compile-in-progress',
+  'exited',
+  'failure',
+  'generic',
+  'project-too-large',
+  'rate-limited',
+  'success',
+  'terminated',
+  'timedout',
+  'too-recently-compiled',
+  'unavailable',
+  'validation-problems',
+  'foo',
+]
+
+export const CompileError = () => {
+  const [status, setStatus] = useState('success')
+
+  useFetchMock(fetchMock => {
+    mockCompileError(fetchMock, status, 0)
+    mockBuildFile(fetchMock)
+  })
+
+  const Inner = () => {
+    const { startCompile } = useCompileContext()
+
+    const handleStatusChange = useCallback(
+      event => {
+        setStatus(event.target.value)
+        window.setTimeout(() => {
+          startCompile()
+        }, 0)
+      },
+      [startCompile]
+    )
+
+    return (
+      <div
+        style={{
+          position: 'absolute',
+          bottom: 10,
+          left: 10,
+          background: 'white',
+          padding: 10,
+          zIndex: 100,
+        }}
+      >
+        <label>
+          {'status: '}
+          <select value={status} onInput={handleStatusChange}>
+            {compileStatuses.map(status => (
+              <option key={status}>{status}</option>
+            ))}
+          </select>
+        </label>
+      </div>
+    )
+  }
+
+  return (
+    <>
+      <PdfPreviewPane />
+      <Inner />
+    </>
+  )
+}
+
+const compileErrors = [
+  'autocompile-backoff',
+  'clear-cache',
+  'clsi-maintenance',
+  'compile-in-progress',
+  'exited',
+  'failure',
+  'generic',
+  'project-too-large',
+  'rate-limited',
+  'success',
+  'terminated',
+  'timedout',
+  'too-recently-compiled',
+  'unavailable',
+  'validation-problems',
+  'foo',
+]
+
+export const DisplayError = () => {
+  useFetchMock(fetchMock => {
+    mockCompile(fetchMock)
+  })
+
+  return (
+    <div className="logs-pane">
+      {compileErrors.map(error => (
+        <div
+          key={error}
+          style={{ background: '#5d6879', padding: 10, margin: 5 }}
+        >
+          <div style={{ fontFamily: 'monospace', color: 'white' }}>{error}</div>
+          <PdfPreviewError error={error} />
+        </div>
+      ))}
+    </div>
+  )
+}
+
+export const HybridToolbar = () => {
+  useFetchMock(fetchMock => {
+    mockCompile(fetchMock, 500)
+    mockBuildFile(fetchMock)
+    mockEventTracking(fetchMock)
+  })
+
+  return (
+    <div className="pdf">
+      <PdfPreviewHybridToolbar />
+    </div>
+  )
+}
+
+export const FileList = () => {
+  const fileList = useMemo(() => {
+    return buildFileList(cloneDeep(outputFiles))
+  }, [])
+
+  return (
+    <Dropdown>
+      <DropdownMenu id="dropdown-files-logs-pane-list" show>
+        <PdfFileList fileList={fileList} />
+      </DropdownMenu>
+    </Dropdown>
+  )
+}
+
+export const Logs = () => {
+  useFetchMock(fetchMock => {
+    mockCompileError(fetchMock, 400, 0)
+    mockBuildFile(fetchMock)
+    mockClearCache(fetchMock)
+  })
+
+  return (
+    <div className="pdf">
+      <PdfPreviewProvider>
+        <PdfLogsViewer />
+      </PdfPreviewProvider>
+    </div>
+  )
+}
+
+const validationProblems = {
+  sizeCheck: {
+    resources: [
+      { path: 'foo/bar', kbSize: 76221 },
+      { path: 'bar/baz', kbSize: 2342 },
+    ],
+  },
+  mainFile: true,
+  conflictedPaths: [
+    {
+      path: 'foo/bar',
+    },
+    {
+      path: 'foo/baz',
+    },
+  ],
+}
+
+export const ValidationIssues = () => {
+  useFetchMock(fetchMock => {
+    mockCompileValidationIssues(fetchMock, validationProblems, 0)
+    mockBuildFile(fetchMock)
+  })
+
+  return <PdfPreviewPane />
+}
diff --git a/services/web/frontend/stories/pdf-viewer.stories.jsx b/services/web/frontend/stories/pdf-viewer.stories.jsx
new file mode 100644
index 0000000..b527d02
--- /dev/null
+++ b/services/web/frontend/stories/pdf-viewer.stories.jsx
@@ -0,0 +1,50 @@
+import useFetchMock from './hooks/use-fetch-mock'
+import PdfSynctexControls from '../js/features/pdf-preview/components/pdf-synctex-controls'
+import PdfViewer from '../js/features/pdf-preview/components/pdf-viewer'
+import {
+  mockBuildFile,
+  mockCompile,
+  mockSynctex,
+  mockValidPdf,
+} from './fixtures/compile'
+import { useEffect, Suspense } from 'react'
+import { ScopeDecorator } from './decorators/scope'
+import { PdfPreviewProvider } from '@/features/pdf-preview/components/pdf-preview-provider'
+
+export default {
+  title: 'Editor / PDF Viewer',
+  component: PdfViewer,
+  decorators: [ScopeDecorator],
+}
+
+export const Interactive = () => {
+  useFetchMock(fetchMock => {
+    mockCompile(fetchMock)
+    mockBuildFile(fetchMock)
+    mockValidPdf(fetchMock)
+    mockSynctex(fetchMock)
+  })
+
+  useEffect(() => {
+    window.dispatchEvent(
+      new CustomEvent(`cursor:editor:update`, {
+        detail: { row: 10, position: 10 },
+      })
+    )
+  }, [])
+
+  return (
+    <div>
+      <div className="pdf-viewer">
+        <Suspense fallback={null}>
+          <PdfPreviewProvider>
+            <PdfViewer />
+          </PdfPreviewProvider>
+        </Suspense>
+      </div>
+      <div style={{ position: 'absolute', top: 150, left: 50 }}>
+        <PdfSynctexControls />
+      </div>
+    </div>
+  )
+}
diff --git a/services/web/frontend/stories/project-list/add-affiliation.stories.tsx b/services/web/frontend/stories/project-list/add-affiliation.stories.tsx
new file mode 100644
index 0000000..75adc96
--- /dev/null
+++ b/services/web/frontend/stories/project-list/add-affiliation.stories.tsx
@@ -0,0 +1,29 @@
+import AddAffiliation from '../../js/features/project-list/components/add-affiliation'
+import { ProjectListProvider } from '../../js/features/project-list/context/project-list-context'
+import useFetchMock from '../hooks/use-fetch-mock'
+import { projectsData } from '../../../test/frontend/features/project-list/fixtures/projects-data'
+import getMeta from '@/utils/meta'
+
+export const Add = (args: any) => {
+  Object.assign(getMeta('ol-ExposedSettings'), {
+    isOverleaf: true,
+  })
+  window.metaAttributesCache.set('ol-userAffiliations', [])
+  useFetchMock(fetchMock => {
+    fetchMock.post(/\/api\/project/, {
+      projects: projectsData,
+      totalSize: projectsData.length,
+    })
+  })
+
+  return (
+    <ProjectListProvider>
+      <AddAffiliation {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export default {
+  title: 'Project List / Affiliation',
+  component: AddAffiliation,
+}
diff --git a/services/web/frontend/stories/project-list/color-picker.stories.tsx b/services/web/frontend/stories/project-list/color-picker.stories.tsx
new file mode 100644
index 0000000..b7141c2
--- /dev/null
+++ b/services/web/frontend/stories/project-list/color-picker.stories.tsx
@@ -0,0 +1,15 @@
+import { ColorPicker } from '../../js/features/project-list/components/color-picker/color-picker'
+import { ColorPickerProvider } from '../../js/features/project-list/context/color-picker-context'
+
+export const Select = (args: any) => {
+  return (
+    <ColorPickerProvider>
+      <ColorPicker {...args} />
+    </ColorPickerProvider>
+  )
+}
+
+export default {
+  title: 'Project List / Color Picker',
+  component: ColorPicker,
+}
diff --git a/services/web/frontend/stories/project-list/compile-and-download-project-pdf.stories.tsx b/services/web/frontend/stories/project-list/compile-and-download-project-pdf.stories.tsx
new file mode 100644
index 0000000..53fa31c
--- /dev/null
+++ b/services/web/frontend/stories/project-list/compile-and-download-project-pdf.stories.tsx
@@ -0,0 +1,65 @@
+import ProjectListTable from '../../js/features/project-list/components/table/project-list-table'
+import { ProjectListProvider } from '../../js/features/project-list/context/project-list-context'
+import useFetchMock from '../hooks/use-fetch-mock'
+import { projectsData } from '../../../test/frontend/features/project-list/fixtures/projects-data'
+
+export const Successful = (args: any) => {
+  window.metaAttributesCache.set('ol-user_id', '624333f147cfd8002622a1d3')
+  useFetchMock(fetchMock => {
+    fetchMock.post(/\/api\/project/, {
+      projects: projectsData,
+      totalSize: projectsData.length,
+    })
+    fetchMock.post(
+      /\/compile/,
+      {
+        status: 'success',
+        compileGroup: 'standard',
+        clsiServerId: 'server-1',
+        outputFiles: [{ path: 'output.pdf', build: '123-321' }],
+      },
+      {
+        delay: 1_000,
+      }
+    )
+  })
+
+  return (
+    <ProjectListProvider>
+      <ProjectListTable {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const Failure = (args: any) => {
+  window.metaAttributesCache.set('ol-user_id', '624333f147cfd8002622a1d3')
+  useFetchMock(fetchMock => {
+    fetchMock.post(/\/api\/project/, {
+      projects: projectsData,
+      totalSize: projectsData.length,
+    })
+    fetchMock.post(
+      /\/compile/,
+      { status: 'failure', outputFiles: [] },
+      { delay: 1_000 }
+    )
+  })
+
+  return (
+    <ProjectListProvider>
+      <ProjectListTable {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export default {
+  title: 'Project List / PDF download',
+  component: ProjectListTable,
+  decorators: [
+    (Story: any) => (
+      <div className="project-list-react">
+        <Story />
+      </div>
+    ),
+  ],
+}
diff --git a/services/web/frontend/stories/project-list/current-plan-widget.stories.tsx b/services/web/frontend/stories/project-list/current-plan-widget.stories.tsx
new file mode 100644
index 0000000..be9a3b1
--- /dev/null
+++ b/services/web/frontend/stories/project-list/current-plan-widget.stories.tsx
@@ -0,0 +1,75 @@
+import CurrentPlanWidget from '../../js/features/project-list/components/current-plan-widget/current-plan-widget'
+
+export const FreePlan = (args: any) => {
+  window.metaAttributesCache.set('ol-usersBestSubscription', {
+    type: 'free',
+  })
+
+  return <CurrentPlanWidget {...args} />
+}
+
+export const PaidPlanTrialLastDay = (args: any) => {
+  window.metaAttributesCache.set('ol-usersBestSubscription', {
+    type: 'individual',
+    remainingTrialDays: 1,
+    plan: {
+      name: 'Individual',
+    },
+    subscription: {
+      name: 'Example Name',
+    },
+  })
+
+  return <CurrentPlanWidget {...args} />
+}
+
+export const PaidPlanRemainingDays = (args: any) => {
+  window.metaAttributesCache.set('ol-usersBestSubscription', {
+    type: 'individual',
+    remainingTrialDays: 5,
+    plan: {
+      name: 'Individual',
+    },
+    subscription: {
+      name: 'Example Name',
+    },
+  })
+
+  return <CurrentPlanWidget {...args} />
+}
+
+export const PaidPlanActive = (args: any) => {
+  window.metaAttributesCache.set('ol-usersBestSubscription', {
+    type: 'individual',
+    plan: {
+      name: 'Individual',
+    },
+    subscription: {
+      name: 'Example Name',
+    },
+  })
+
+  return <CurrentPlanWidget {...args} />
+}
+
+export const PausedPlan = (args: any) => {
+  window.metaAttributesCache.set('ol-usersBestSubscription', {
+    type: 'individual',
+    plan: {
+      name: 'Individual',
+    },
+    subscription: {
+      name: 'Example Name',
+      recurlyStatus: {
+        state: 'paused',
+      },
+    },
+  })
+
+  return <CurrentPlanWidget {...args} />
+}
+
+export default {
+  title: 'Project List / Current Plan Widget',
+  component: CurrentPlanWidget,
+}
diff --git a/services/web/frontend/stories/project-list/helpers/emails.ts b/services/web/frontend/stories/project-list/helpers/emails.ts
new file mode 100644
index 0000000..83c09fd
--- /dev/null
+++ b/services/web/frontend/stories/project-list/helpers/emails.ts
@@ -0,0 +1,128 @@
+import { merge, cloneDeep } from 'lodash'
+import { type FetchMock } from 'fetch-mock'
+import { UserEmailData } from '../../../../types/user-email'
+import {
+  Institution,
+  Notification,
+} from '../../../../types/project/dashboard/notification'
+import { DeepPartial, DeepReadonly } from '../../../../types/utils'
+import { Project } from '../../../../types/project/dashboard/api'
+import getMeta from '@/utils/meta'
+
+const MOCK_DELAY = 1000
+
+const fakeInstitutionData = {
+  email: 'email@example.com',
+  institutionEmail: 'institution@example.com',
+  institutionId: 123,
+  institutionName: 'Abc Institution',
+  requestedEmail: 'requested@example.com',
+} as DeepReadonly<Institution>
+
+export const fakeReconfirmationUsersData = {
+  affiliation: {
+    institution: {
+      ssoEnabled: false,
+      ssoBeta: false,
+      name: 'Abc Institution',
+    },
+  },
+  samlProviderId: 'Saml Provider',
+  email: 'reconfirmation-email@overleaf.com',
+  default: false,
+} as DeepReadonly<UserEmailData>
+
+export function defaultSetupMocks(fetchMock: FetchMock) {
+  // at least one project is required to show some notifications
+  const projects = [{}] as Project[]
+  fetchMock.post(/\/api\/project/, {
+    status: 200,
+    body: {
+      projects,
+      totalSize: projects.length,
+    },
+  })
+}
+
+export function setDefaultMeta() {
+  Object.assign(getMeta('ol-ExposedSettings'), {
+    emailConfirmationDisabled: false,
+    samlInitPath: '/fakeSaml',
+    appName: 'Overleaf',
+  })
+  window.metaAttributesCache.set('ol-notificationsInstitution', [])
+  window.metaAttributesCache.set('ol-userEmails', [])
+}
+
+export function errorsMocks(fetchMock: FetchMock) {
+  defaultSetupMocks(fetchMock)
+  fetchMock.post(/\/user\/emails\/*/, 500, { delay: MOCK_DELAY })
+  fetchMock.post(
+    /\/project\/[A-Za-z0-9]+\/invite\/token\/[A-Za-z0-9]+\/accept/,
+    500,
+    { delay: MOCK_DELAY }
+  )
+  fetchMock.post(/\/user\/emails\/send-reconfirmation/, 500, {
+    delay: MOCK_DELAY,
+  })
+}
+
+export function setInstitutionMeta(institutionData: Partial<Institution>) {
+  setDefaultMeta()
+  window.metaAttributesCache.set('ol-notificationsInstitution', [
+    merge(cloneDeep(fakeInstitutionData), institutionData),
+  ])
+}
+
+export function institutionSetupMocks(fetchMock: FetchMock) {
+  defaultSetupMocks(fetchMock)
+  fetchMock.delete(/\/notifications\/*/, 200, { delay: MOCK_DELAY })
+}
+
+export function setCommonMeta(notificationData: DeepPartial<Notification>) {
+  setDefaultMeta()
+  window.metaAttributesCache.set('ol-notifications', [notificationData])
+}
+
+export function commonSetupMocks(fetchMock: FetchMock) {
+  defaultSetupMocks(fetchMock)
+  fetchMock.post(
+    /\/project\/[A-Za-z0-9]+\/invite\/token\/[A-Za-z0-9]+\/accept/,
+    200,
+    { delay: MOCK_DELAY }
+  )
+}
+
+export function setReconfirmationMeta() {
+  setDefaultMeta()
+  window.metaAttributesCache.set('ol-userEmails', [fakeReconfirmationUsersData])
+}
+
+export function reconfirmationSetupMocks(fetchMock: FetchMock) {
+  defaultSetupMocks(fetchMock)
+  fetchMock.post(/\/user\/emails\/resend_confirmation/, 200, {
+    delay: MOCK_DELAY,
+  })
+}
+
+export function setReconfirmAffiliationMeta() {
+  setDefaultMeta()
+  window.metaAttributesCache.set(
+    'ol-reconfirmedViaSAML',
+    fakeReconfirmationUsersData.samlProviderId
+  )
+}
+
+export function reconfirmAffiliationSetupMocks(fetchMock: FetchMock) {
+  defaultSetupMocks(fetchMock)
+  fetchMock.post(/\/api\/project/, {
+    status: 200,
+    body: {
+      projects: [{}],
+      totalSize: 0,
+    },
+  })
+  fetchMock.post(/\/user\/emails\/send-reconfirmation/, 200, {
+    delay: MOCK_DELAY,
+  })
+}
diff --git a/services/web/frontend/stories/project-list/inr-banner.stories.tsx b/services/web/frontend/stories/project-list/inr-banner.stories.tsx
new file mode 100644
index 0000000..a59cf12
--- /dev/null
+++ b/services/web/frontend/stories/project-list/inr-banner.stories.tsx
@@ -0,0 +1,10 @@
+import INRBanner from '@/features/project-list/components/notifications/ads/inr-banner'
+
+export const Default = () => {
+  return <INRBanner />
+}
+
+export default {
+  title: 'Project List / INR Banner',
+  component: INRBanner,
+}
diff --git a/services/web/frontend/stories/project-list/new-project-button.stories.tsx b/services/web/frontend/stories/project-list/new-project-button.stories.tsx
new file mode 100644
index 0000000..9d2e03a
--- /dev/null
+++ b/services/web/frontend/stories/project-list/new-project-button.stories.tsx
@@ -0,0 +1,107 @@
+import NewProjectButton from '@/features/project-list/components/new-project-button'
+import { ProjectListProvider } from '@/features/project-list/context/project-list-context'
+import useFetchMock from '../hooks/use-fetch-mock'
+import getMeta from '@/utils/meta'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+
+const templateLinks = [
+  {
+    name: 'Journal articles',
+    url: '/gallery/tagged/academic-journal',
+  },
+  {
+    name: 'Books',
+    url: '/gallery/tagged/book',
+  },
+  {
+    name: 'Formal letters',
+    url: '/gallery/tagged/formal-letter',
+  },
+  {
+    name: 'Assignments',
+    url: '/gallery/tagged/homework',
+  },
+  {
+    name: 'Posters',
+    url: '/gallery/tagged/poster',
+  },
+  {
+    name: 'Presentations',
+    url: '/gallery/tagged/presentation',
+  },
+  {
+    name: 'Reports',
+    url: '/gallery/tagged/report',
+  },
+  {
+    name: 'CVs and résumés',
+    url: '/gallery/tagged/cv',
+  },
+  {
+    name: 'Theses',
+    url: '/gallery/tagged/thesis',
+  },
+  {
+    name: 'view_all',
+    url: '/latex/templates',
+  },
+]
+
+export const Success = () => {
+  Object.assign(getMeta('ol-ExposedSettings'), {
+    templateLinks,
+  })
+
+  useFetchMock(fetchMock => {
+    fetchMock.post(
+      'express:/project/new',
+      {
+        status: 200,
+        body: {
+          project_id: '123',
+        },
+      },
+      { delay: 250 }
+    )
+  })
+
+  return (
+    <ProjectListProvider>
+      <SplitTestProvider>
+        <NewProjectButton id="new-project-button-story" />
+      </SplitTestProvider>
+    </ProjectListProvider>
+  )
+}
+
+export const Error = () => {
+  Object.assign(getMeta('ol-ExposedSettings'), {
+    templateLinks,
+  })
+
+  useFetchMock(fetchMock => {
+    fetchMock.post(
+      'express:/project/new',
+      {
+        status: 400,
+        body: {
+          message: 'Something went horribly wrong!',
+        },
+      },
+      { delay: 250 }
+    )
+  })
+
+  return (
+    <ProjectListProvider>
+      <SplitTestProvider>
+        <NewProjectButton id="new-project-button-story" />
+      </SplitTestProvider>
+    </ProjectListProvider>
+  )
+}
+
+export default {
+  title: 'Project List / New Project Button',
+  component: NewProjectButton,
+}
diff --git a/services/web/frontend/stories/project-list/notifications.stories.tsx b/services/web/frontend/stories/project-list/notifications.stories.tsx
new file mode 100644
index 0000000..aaabe2b
--- /dev/null
+++ b/services/web/frontend/stories/project-list/notifications.stories.tsx
@@ -0,0 +1,346 @@
+import UserNotifications from '../../js/features/project-list/components/notifications/user-notifications'
+import { ProjectListProvider } from '../../js/features/project-list/context/project-list-context'
+import useFetchMock from '../hooks/use-fetch-mock'
+import {
+  commonSetupMocks,
+  errorsMocks,
+  fakeReconfirmationUsersData,
+  institutionSetupMocks,
+  reconfirmAffiliationSetupMocks,
+  reconfirmationSetupMocks,
+  setCommonMeta,
+  setInstitutionMeta,
+  setReconfirmAffiliationMeta,
+  setReconfirmationMeta,
+} from './helpers/emails'
+import { useMeta } from '../hooks/use-meta'
+
+export const ProjectInvite = (args: any) => {
+  useFetchMock(commonSetupMocks)
+  setCommonMeta({
+    templateKey: 'notification_project_invite',
+    messageOpts: {
+      projectId: '123',
+      projectName: 'Abc Project',
+      userName: 'fakeUser',
+      token: 'abcdef',
+    },
+  })
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const ProjectInviteNetworkError = (args: any) => {
+  useFetchMock(errorsMocks)
+  setCommonMeta({
+    templateKey: 'notification_project_invite',
+    messageOpts: {
+      projectId: '123',
+      projectName: 'Abc Project',
+      userName: 'fakeUser',
+      token: 'abcdef',
+    },
+  })
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const Wfh2020UpgradeOffer = (args: any) => {
+  useFetchMock(commonSetupMocks)
+  setCommonMeta({
+    _id: 1,
+    templateKey: 'wfh_2020_upgrade_offer',
+  })
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const IPMatchedAffiliationSsoEnabled = (args: any) => {
+  useFetchMock(commonSetupMocks)
+  setCommonMeta({
+    _id: 1,
+    templateKey: 'notification_ip_matched_affiliation',
+    messageOpts: {
+      university_name: 'Abc University',
+      institutionId: '456',
+      ssoEnabled: true,
+    },
+  })
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const IPMatchedAffiliationSsoDisabled = (args: any) => {
+  useFetchMock(commonSetupMocks)
+  setCommonMeta({
+    _id: 1,
+    templateKey: 'notification_ip_matched_affiliation',
+    messageOpts: {
+      university_name: 'Abc University',
+      institutionId: '456',
+      ssoEnabled: false,
+    },
+  })
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const TpdsFileLimit = (args: any) => {
+  useFetchMock(commonSetupMocks)
+  setCommonMeta({
+    _id: 1,
+    templateKey: 'notification_tpds_file_limit',
+    messageOpts: {
+      projectName: 'Abc Project',
+    },
+  })
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const DropBoxDuplicateProjectNames = (args: any) => {
+  useFetchMock(commonSetupMocks)
+  setCommonMeta({
+    _id: 1,
+    templateKey: 'notification_dropbox_duplicate_project_names',
+    messageOpts: {
+      projectName: 'Abc Project',
+    },
+  })
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const DropBoxUnlinkedDueToLapsedReconfirmation = (args: any) => {
+  useFetchMock(commonSetupMocks)
+  setCommonMeta({
+    _id: 1,
+    templateKey: 'notification_dropbox_unlinked_due_to_lapsed_reconfirmation',
+  })
+
+  useMeta({
+    'ol-user': { features: {} },
+  })
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const NotificationGroupInvitation = (args: any) => {
+  useFetchMock(commonSetupMocks)
+  setCommonMeta({
+    _id: 1,
+    templateKey: 'notification_group_invitation',
+    messageOpts: {
+      inviterName: 'John Doe',
+    },
+  })
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const NotificationGroupInvitationCancelSubscription = (args: any) => {
+  useFetchMock(commonSetupMocks)
+  setCommonMeta({
+    _id: 1,
+    templateKey: 'notification_group_invitation',
+    messageOpts: {
+      inviterName: 'John Doe',
+    },
+  })
+
+  window.metaAttributesCache.set('ol-hasIndividualRecurlySubscription', true)
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const NonSpecificMessage = (args: any) => {
+  useFetchMock(commonSetupMocks)
+  setCommonMeta({ _id: 1, html: 'Non specific message' })
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const InstitutionSsoAvailable = (args: any) => {
+  useFetchMock(institutionSetupMocks)
+  setInstitutionMeta({
+    _id: 1,
+    templateKey: 'notification_institution_sso_available',
+  })
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const InstitutionSsoLinked = (args: any) => {
+  useFetchMock(institutionSetupMocks)
+  setInstitutionMeta({
+    _id: 1,
+    templateKey: 'notification_institution_sso_linked',
+  })
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const InstitutionSsoNonCanonical = (args: any) => {
+  useFetchMock(institutionSetupMocks)
+  setInstitutionMeta({
+    _id: 1,
+    templateKey: 'notification_institution_sso_non_canonical',
+  })
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const InstitutionSsoAlreadyRegistered = (args: any) => {
+  useFetchMock(institutionSetupMocks)
+  setInstitutionMeta({
+    _id: 1,
+    templateKey: 'notification_institution_sso_already_registered',
+  })
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const InstitutionSsoError = (args: any) => {
+  useFetchMock(institutionSetupMocks)
+  setInstitutionMeta({
+    templateKey: 'notification_institution_sso_error',
+    error: {
+      message: 'message',
+      translatedMessage: 'Translated Message',
+      tryAgain: true,
+    },
+  })
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const ResendConfirmationEmail = (args: any) => {
+  useFetchMock(reconfirmationSetupMocks)
+  setReconfirmationMeta()
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const ResendConfirmationEmailNetworkError = (args: any) => {
+  useFetchMock(errorsMocks)
+  setReconfirmationMeta()
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const ReconfirmAffiliation = (args: any) => {
+  useFetchMock(reconfirmAffiliationSetupMocks)
+  setReconfirmAffiliationMeta()
+  window.metaAttributesCache.set('ol-allInReconfirmNotificationPeriods', [
+    fakeReconfirmationUsersData,
+  ])
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const ReconfirmAffiliationNetworkError = (args: any) => {
+  useFetchMock(errorsMocks)
+  setReconfirmAffiliationMeta()
+  window.metaAttributesCache.set('ol-allInReconfirmNotificationPeriods', [
+    fakeReconfirmationUsersData,
+  ])
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export const ReconfirmedAffiliationSuccess = (args: any) => {
+  useFetchMock(reconfirmAffiliationSetupMocks)
+  setReconfirmAffiliationMeta()
+  window.metaAttributesCache.set('ol-userEmails', [fakeReconfirmationUsersData])
+
+  return (
+    <ProjectListProvider>
+      <UserNotifications {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export default {
+  title: 'Project List / Notifications',
+  component: UserNotifications,
+}
diff --git a/services/web/frontend/stories/project-list/project-list.stories.tsx b/services/web/frontend/stories/project-list/project-list.stories.tsx
new file mode 100644
index 0000000..af05854
--- /dev/null
+++ b/services/web/frontend/stories/project-list/project-list.stories.tsx
@@ -0,0 +1,60 @@
+import ProjectListTable from '../../js/features/project-list/components/table/project-list-table'
+import { ProjectListProvider } from '../../js/features/project-list/context/project-list-context'
+import useFetchMock from '../hooks/use-fetch-mock'
+import {
+  copyableProject,
+  projectsData,
+} from '../../../test/frontend/features/project-list/fixtures/projects-data'
+import { useMeta } from '../hooks/use-meta'
+import { tags } from '../../../test/frontend/features/project-list/fixtures/tags-data'
+import { v4 as uuid } from 'uuid'
+
+const MOCK_DELAY = 500
+
+export const Interactive = (args: any) => {
+  window.metaAttributesCache.set('ol-user_id', '624333f147cfd8002622a1d3')
+  useFetchMock(fetchMock => {
+    fetchMock.post(
+      /\/api\/project/,
+      { projects: projectsData, totalSize: projectsData.length },
+      { delay: MOCK_DELAY }
+    )
+    fetchMock.post(
+      'express:/project/:projectId/clone',
+      () => ({
+        project_id: uuid(),
+        name: copyableProject.name,
+        lastUpdated: new Date().toISOString(),
+        owner: {
+          _id: copyableProject.owner?.id,
+          email: copyableProject.owner?.id,
+          first_name: copyableProject.owner?.firstName,
+          last_name: copyableProject.owner?.lastName,
+        },
+      }),
+      { delay: MOCK_DELAY }
+    )
+  })
+
+  useMeta({
+    'ol-tags': tags,
+  })
+
+  return (
+    <ProjectListProvider>
+      <ProjectListTable {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export default {
+  title: 'Project List / Project Table',
+  component: ProjectListTable,
+  decorators: [
+    (Story: any) => (
+      <div className="project-list-react">
+        <Story />
+      </div>
+    ),
+  ],
+}
diff --git a/services/web/frontend/stories/project-list/project-search.stories.tsx b/services/web/frontend/stories/project-list/project-search.stories.tsx
new file mode 100644
index 0000000..cf39be2
--- /dev/null
+++ b/services/web/frontend/stories/project-list/project-search.stories.tsx
@@ -0,0 +1,27 @@
+import SearchForm from '../../js/features/project-list/components/search-form'
+import { ProjectListProvider } from '../../js/features/project-list/context/project-list-context'
+import useFetchMock from '../hooks/use-fetch-mock'
+import { projectsData } from '../../../test/frontend/features/project-list/fixtures/projects-data'
+
+export const Search = (args: any) => {
+  useFetchMock(fetchMock => {
+    fetchMock.post(/\/api\/project/, {
+      projects: projectsData,
+      totalSize: projectsData.length,
+    })
+  })
+
+  return (
+    <ProjectListProvider>
+      <SearchForm {...args} />
+    </ProjectListProvider>
+  )
+}
+
+export default {
+  title: 'Project List / Project Search',
+  component: SearchForm,
+  args: {
+    inputValue: '',
+  },
+}
diff --git a/services/web/frontend/stories/project-list/survey-widget.stories.tsx b/services/web/frontend/stories/project-list/survey-widget.stories.tsx
new file mode 100644
index 0000000..c1437a7
--- /dev/null
+++ b/services/web/frontend/stories/project-list/survey-widget.stories.tsx
@@ -0,0 +1,31 @@
+import SurveyWidget from '../../js/features/project-list/components/survey-widget'
+
+export const Survey = (args: any) => {
+  localStorage.clear()
+  window.metaAttributesCache.set('ol-survey', {
+    name: 'my-survey',
+    preText: 'To help shape the future of Overleaf',
+    linkText: 'Click here!',
+    url: 'https://example.com/my-survey',
+  })
+
+  return <SurveyWidget {...args} />
+}
+
+export const UndefinedSurvey = (args: any) => {
+  localStorage.clear()
+
+  return <SurveyWidget {...args} />
+}
+
+export const EmptySurvey = (args: any) => {
+  localStorage.clear()
+  window.metaAttributesCache.set('ol-survey', {})
+
+  return <SurveyWidget {...args} />
+}
+
+export default {
+  title: 'Project List / Survey Widget',
+  component: SurveyWidget,
+}
diff --git a/services/web/frontend/stories/project-list/system-messages.stories.tsx b/services/web/frontend/stories/project-list/system-messages.stories.tsx
new file mode 100644
index 0000000..d97ca45
--- /dev/null
+++ b/services/web/frontend/stories/project-list/system-messages.stories.tsx
@@ -0,0 +1,42 @@
+import SystemMessages from '@/shared/components/system-messages'
+import useFetchMock from '../hooks/use-fetch-mock'
+import { type FetchMock } from 'fetch-mock'
+
+export const SystemMessage = (args: any) => {
+  useFetchMock((fetchMock: FetchMock) => {
+    fetchMock.get(/\/system\/messages/, [
+      {
+        _id: 1,
+        content: `
+          Closing this message will mark it as hidden.
+          Remove it from the local storage to make it appear again.
+        `,
+      },
+      {
+        _id: 'protected',
+        content: 'A protected message content - cannot be closed',
+      },
+    ])
+  })
+
+  return <SystemMessages {...args} />
+}
+
+export const TranslationMessage = (args: any) => {
+  useFetchMock((fetchMock: FetchMock) => {
+    fetchMock.get(/\/system\/messages/, [])
+  })
+
+  window.metaAttributesCache.set('ol-suggestedLanguage', {
+    url: '/dev/null',
+    lngName: 'German',
+    imgUrl: 'https://flagcdn.com/w40/de.png',
+  })
+
+  return <SystemMessages {...args} />
+}
+
+export default {
+  title: 'Project List / System Messages',
+  component: SystemMessages,
+}
diff --git a/services/web/frontend/stories/radio-chip.stories.tsx b/services/web/frontend/stories/radio-chip.stories.tsx
new file mode 100644
index 0000000..f1d118f
--- /dev/null
+++ b/services/web/frontend/stories/radio-chip.stories.tsx
@@ -0,0 +1,23 @@
+import RadioChip from '../js/shared/components/radio-chip'
+
+type Args = React.ComponentProps<typeof RadioChip>
+
+export const RadioChipDefault = (args: Args) => {
+  return <RadioChip {...args} />
+}
+
+export const RadioChipDisabled = (args: Args) => {
+  return <RadioChip {...args} disabled />
+}
+
+export const RadioChipDisabledSelected = (args: Args) => {
+  return <RadioChip {...args} checked disabled />
+}
+
+export default {
+  title: 'Shared / Components / RadioChip',
+  component: RadioChip,
+  args: {
+    label: 'Option',
+  },
+}
diff --git a/services/web/frontend/stories/select.stories.tsx b/services/web/frontend/stories/select.stories.tsx
new file mode 100644
index 0000000..ed4162f
--- /dev/null
+++ b/services/web/frontend/stories/select.stories.tsx
@@ -0,0 +1,61 @@
+import { Select } from '../js/shared/components/select'
+
+const items = [1, 2, 3, 4].map(index => ({
+  key: index,
+  value: `Demo item ${index}`,
+  group: index >= 3 ? 'Large numbers' : undefined,
+}))
+
+export const Base = () => {
+  return (
+    <Select
+      items={items}
+      itemToString={x => String(x?.value)}
+      itemToKey={x => String(x.key)}
+      defaultText="Choose an item"
+    />
+  )
+}
+
+export const WithSubtitles = () => {
+  return (
+    <Select
+      items={items}
+      itemToString={x => String(x?.value)}
+      itemToKey={x => String(x.key)}
+      itemToSubtitle={x => x?.group ?? ''}
+      defaultText="Choose an item"
+    />
+  )
+}
+
+export const WithSelectedIcon = () => {
+  return (
+    <Select
+      items={items}
+      itemToString={x => String(x?.value)}
+      itemToKey={x => String(x.key)}
+      itemToSubtitle={x => x?.group ?? ''}
+      defaultText="Choose an item"
+      selectedIcon
+    />
+  )
+}
+
+export const WithDisabledItem = () => {
+  return (
+    <Select
+      items={items}
+      itemToString={x => String(x?.value)}
+      itemToKey={x => String(x.key)}
+      itemToDisabled={x => x?.key === 1}
+      itemToSubtitle={x => x?.group ?? ''}
+      defaultText="Choose an item"
+    />
+  )
+}
+
+export default {
+  title: 'Shared / Components / Select',
+  component: Select,
+}
diff --git a/services/web/frontend/stories/settings/account-info.stories.jsx b/services/web/frontend/stories/settings/account-info.stories.jsx
new file mode 100644
index 0000000..9375b8d
--- /dev/null
+++ b/services/web/frontend/stories/settings/account-info.stories.jsx
@@ -0,0 +1,58 @@
+import useFetchMock from '../hooks/use-fetch-mock'
+import AccountInfoSection from '../../js/features/settings/components/account-info-section'
+import { setDefaultMeta, defaultSetupMocks } from './helpers/account-info'
+import { UserProvider } from '../../js/shared/context/user-context'
+import getMeta from '@/utils/meta'
+
+export const Success = args => {
+  setDefaultMeta()
+  useFetchMock(defaultSetupMocks)
+
+  return (
+    <UserProvider>
+      <AccountInfoSection {...args} />
+    </UserProvider>
+  )
+}
+
+export const ReadOnly = args => {
+  setDefaultMeta()
+  window.metaAttributesCache.set('ol-isExternalAuthenticationSystemUsed', true)
+  window.metaAttributesCache.set('ol-shouldAllowEditingDetails', false)
+
+  return (
+    <UserProvider>
+      <AccountInfoSection {...args} />
+    </UserProvider>
+  )
+}
+
+export const NoEmailInput = args => {
+  setDefaultMeta()
+  Object.assign(getMeta('ol-ExposedSettings'), {
+    hasAffiliationsFeature: true,
+  })
+  useFetchMock(defaultSetupMocks)
+
+  return (
+    <UserProvider>
+      <AccountInfoSection {...args} />
+    </UserProvider>
+  )
+}
+
+export const Error = args => {
+  setDefaultMeta()
+  useFetchMock(fetchMock => fetchMock.post(/\/user\/settings/, 500))
+
+  return (
+    <UserProvider>
+      <AccountInfoSection {...args} />
+    </UserProvider>
+  )
+}
+
+export default {
+  title: 'Account Settings / Account Info',
+  component: AccountInfoSection,
+}
diff --git a/services/web/frontend/stories/settings/add-email-input.stories.tsx b/services/web/frontend/stories/settings/add-email-input.stories.tsx
new file mode 100644
index 0000000..e62e370
--- /dev/null
+++ b/services/web/frontend/stories/settings/add-email-input.stories.tsx
@@ -0,0 +1,30 @@
+import useFetchMock from './../hooks/use-fetch-mock'
+import Input from '../../js/features/settings/components/emails/add-email/input'
+
+export const EmailInput = (args: any) => {
+  useFetchMock(fetchMock =>
+    fetchMock.get(/\/institutions\/domains/, [
+      {
+        hostname: 'autocomplete.edu',
+        university: { id: 123, name: 'Auto Complete University' },
+      },
+    ])
+  )
+  return (
+    <>
+      <Input {...args} />
+      <br />
+      <div>
+        Use <code>autocomplete.edu</code> as domain to trigger an autocomplete
+      </div>
+    </>
+  )
+}
+
+export default {
+  title: 'Account Settings / Emails and Affiliations',
+  component: Input,
+  argTypes: {
+    onChange: { action: 'change' },
+  },
+}
diff --git a/services/web/frontend/stories/settings/beta-program.stories.jsx b/services/web/frontend/stories/settings/beta-program.stories.jsx
new file mode 100644
index 0000000..7097af4
--- /dev/null
+++ b/services/web/frontend/stories/settings/beta-program.stories.jsx
@@ -0,0 +1,27 @@
+import BetaProgramSection from '../../js/features/settings/components/beta-program-section'
+import { UserProvider } from '../../js/shared/context/user-context'
+
+export const SectionNotEnrolled = args => {
+  window.metaAttributesCache.set('ol-user', { betaProgram: false })
+
+  return (
+    <UserProvider>
+      <BetaProgramSection {...args} />
+    </UserProvider>
+  )
+}
+
+export const SectionEnrolled = args => {
+  window.metaAttributesCache.set('ol-user', { betaProgram: true })
+
+  return (
+    <UserProvider>
+      <BetaProgramSection {...args} />
+    </UserProvider>
+  )
+}
+
+export default {
+  title: 'Account Settings / Beta Program',
+  component: BetaProgramSection,
+}
diff --git a/services/web/frontend/stories/settings/emails.stories.jsx b/services/web/frontend/stories/settings/emails.stories.jsx
new file mode 100644
index 0000000..bccc1f0
--- /dev/null
+++ b/services/web/frontend/stories/settings/emails.stories.jsx
@@ -0,0 +1,43 @@
+import EmailsSection from '../../js/features/settings/components/emails-section'
+import useFetchMock from './../hooks/use-fetch-mock'
+import {
+  setDefaultMeta,
+  setReconfirmationMeta,
+  defaultSetupMocks,
+  reconfirmationSetupMocks,
+  errorsMocks,
+  emailLimitSetupMocks,
+} from './helpers/emails'
+
+export const EmailsList = args => {
+  useFetchMock(defaultSetupMocks)
+  setDefaultMeta()
+
+  return <EmailsSection {...args} />
+}
+
+export const EmailLimitList = args => {
+  useFetchMock(emailLimitSetupMocks)
+  setDefaultMeta()
+
+  return <EmailsSection {...args} />
+}
+
+export const ReconfirmationEmailsList = args => {
+  useFetchMock(reconfirmationSetupMocks)
+  setReconfirmationMeta()
+
+  return <EmailsSection {...args} />
+}
+
+export const NetworkErrors = args => {
+  useFetchMock(errorsMocks)
+  setDefaultMeta()
+
+  return <EmailsSection {...args} />
+}
+
+export default {
+  title: 'Account Settings / Emails and Affiliations',
+  component: EmailsSection,
+}
diff --git a/services/web/frontend/stories/settings/helpers/account-info.js b/services/web/frontend/stories/settings/helpers/account-info.js
new file mode 100644
index 0000000..47a65be
--- /dev/null
+++ b/services/web/frontend/stories/settings/helpers/account-info.js
@@ -0,0 +1,23 @@
+import getMeta from '@/utils/meta'
+
+const MOCK_DELAY = 1000
+
+export function defaultSetupMocks(fetchMock) {
+  fetchMock.post(/\/user\/settings/, 200, {
+    delay: MOCK_DELAY,
+  })
+}
+
+export function setDefaultMeta() {
+  window.metaAttributesCache.set('ol-user', {
+    ...window.metaAttributesCache.get('ol-user'),
+    email: 'sherlock@holmes.co.uk',
+    first_name: 'Sherlock',
+    last_name: 'Holmes',
+  })
+  Object.assign(getMeta('ol-ExposedSettings'), {
+    hasAffiliationsFeature: false,
+  })
+  window.metaAttributesCache.set('ol-isExternalAuthenticationSystemUsed', false)
+  window.metaAttributesCache.set('ol-shouldAllowEditingDetails', true)
+}
diff --git a/services/web/frontend/stories/settings/helpers/emails.js b/services/web/frontend/stories/settings/helpers/emails.js
new file mode 100644
index 0000000..546ccb2
--- /dev/null
+++ b/services/web/frontend/stories/settings/helpers/emails.js
@@ -0,0 +1,219 @@
+import getMeta from '@/utils/meta'
+
+const MOCK_DELAY = 1000
+
+const fakeUsersData = [
+  {
+    affiliation: {
+      institution: {
+        confirmed: true,
+        id: 1,
+        name: 'Overleaf',
+      },
+      licence: 'pro_plus',
+    },
+    confirmedAt: '2022-03-09T10:59:44.139Z',
+    email: 'foo@overleaf.com',
+    default: true,
+    emailHasInstitutionLicence: true,
+  },
+  {
+    confirmedAt: '2022-03-10T10:59:44.139Z',
+    email: 'bar@overleaf.com',
+    default: false,
+  },
+  {
+    affiliation: {
+      institution: {
+        confirmed: true,
+        id: 2,
+        name: 'Overleaf',
+      },
+      licence: 'pro_plus',
+      department: 'Art & Art History',
+      role: 'Postdoc',
+    },
+    email: 'baz@overleaf.com',
+    default: false,
+  },
+  {
+    email: 'qux@overleaf.com',
+    default: false,
+  },
+]
+const fakeReconfirmationUsersData = [
+  {
+    affiliation: {
+      institution: {
+        confirmed: true,
+        isUniversity: true,
+        id: 4,
+        name: 'Reconfirmable Email Highlighted',
+      },
+      licence: 'pro_plus',
+      inReconfirmNotificationPeriod: true,
+    },
+    email: 'reconfirmation-highlighted@overleaf.com',
+    confirmedAt: '2022-03-09T10:59:44.139Z',
+    default: false,
+  },
+  {
+    affiliation: {
+      institution: {
+        confirmed: true,
+        isUniversity: true,
+        id: 4,
+        name: 'Reconfirmable Emails Primary',
+      },
+      licence: 'pro_plus',
+      inReconfirmNotificationPeriod: true,
+    },
+    email: 'reconfirmation-nonsso@overleaf.com',
+    confirmedAt: '2022-03-09T10:59:44.139Z',
+    default: true,
+  },
+  {
+    affiliation: {
+      institution: {
+        confirmed: true,
+        ssoEnabled: true,
+        isUniversity: true,
+        id: 3,
+        name: 'Reconfirmable SSO',
+      },
+      licence: 'pro_plus',
+      inReconfirmNotificationPeriod: true,
+    },
+    email: 'reconfirmation-sso@overleaf.com',
+    confirmedAt: '2022-03-09T10:59:44.139Z',
+    samlProviderId: 'reconfirmation-sso-provider-id',
+    default: false,
+  },
+  {
+    affiliation: {
+      institution: {
+        confirmed: true,
+        isUniversity: true,
+        ssoEnabled: true,
+        id: 5,
+        name: 'Reconfirmed SSO',
+      },
+      licence: 'pro_plus',
+    },
+    confirmedAt: '2022-03-09T10:59:44.139Z',
+    email: 'sso@overleaf.com',
+    samlProviderId: 'sso-reconfirmed-provider-id',
+    default: false,
+  },
+]
+
+const fakeInstitutions = [
+  {
+    id: 9326,
+    name: 'Unknown',
+    country_code: 'al',
+    departments: ['New department'],
+  },
+]
+const fakeInstitution = {
+  id: 123,
+  name: 'test',
+  country_code: 'de',
+  departments: [],
+  team_id: null,
+}
+const bazFakeInstitution = {
+  id: 2,
+  name: 'Baz',
+  country_code: 'de',
+  departments: ['Custom department 1', 'Custom department 2'],
+  team_id: null,
+}
+
+const fakeInstitutionDomain1 = [
+  {
+    university: {
+      id: 1234,
+      ssoEnabled: true,
+      name: 'Auto Complete University',
+    },
+    hostname: 'autocomplete.edu',
+    confirmed: true,
+  },
+]
+
+const fakeInstitutionDomain2 = [
+  {
+    university: {
+      id: 5678,
+      ssoEnabled: false,
+      name: 'Fake Auto Complete University',
+    },
+    hostname: 'fake-autocomplete.edu',
+    confirmed: true,
+  },
+]
+
+export function defaultSetupMocks(fetchMock) {
+  fetchMock
+    .get(/\/user\/emails/, fakeUsersData, { delay: MOCK_DELAY })
+    .get(/\/institutions\/list\/2/, bazFakeInstitution, { delay: MOCK_DELAY })
+    .get(/\/institutions\/list\/\d+/, fakeInstitution, { delay: MOCK_DELAY })
+    .get(/\/institutions\/list\?country_code=.*/, fakeInstitutions, {
+      delay: MOCK_DELAY,
+    })
+    .get(/\/institutions\/domains\?hostname=a/, fakeInstitutionDomain1)
+    .get(/\/institutions\/domains\?hostname=f/, fakeInstitutionDomain2)
+    .get(/\/institutions\/domains/, [])
+    .post(/\/user\/emails\/*/, 200, {
+      delay: MOCK_DELAY,
+    })
+}
+
+export function reconfirmationSetupMocks(fetchMock) {
+  defaultSetupMocks(fetchMock)
+  fetchMock.get(/\/user\/emails/, fakeReconfirmationUsersData, {
+    delay: MOCK_DELAY,
+  })
+}
+
+export function emailLimitSetupMocks(fetchMock) {
+  const userData = []
+  for (let i = 0; i < 10; i++) {
+    userData.push({ email: `example${i}@overleaf.com` })
+  }
+  defaultSetupMocks(fetchMock)
+  fetchMock.get(/\/user\/emails/, userData, {
+    delay: MOCK_DELAY,
+  })
+}
+
+export function errorsMocks(fetchMock) {
+  fetchMock
+    .get(/\/user\/emails/, fakeUsersData, { delay: MOCK_DELAY })
+    .post(/\/user\/emails\/*/, 500)
+}
+
+export function setDefaultMeta() {
+  Object.assign(getMeta('ol-ExposedSettings'), {
+    hasAffiliationsFeature: true,
+    hasSamlFeature: true,
+    samlInitPath: 'saml/init',
+  })
+  localStorage.setItem(
+    'showInstitutionalLeaversSurveyUntil',
+    (Date.now() - 1000 * 60 * 60).toString()
+  )
+}
+
+export function setReconfirmationMeta() {
+  setDefaultMeta()
+  window.metaAttributesCache.set(
+    'ol-reconfirmationRemoveEmail',
+    'reconfirmation-highlighted@overleaf.com'
+  )
+  window.metaAttributesCache.set(
+    'ol-reconfirmedViaSAML',
+    'sso-reconfirmed-provider-id'
+  )
+}
diff --git a/services/web/frontend/stories/settings/helpers/leave.js b/services/web/frontend/stories/settings/helpers/leave.js
new file mode 100644
index 0000000..8b88b63
--- /dev/null
+++ b/services/web/frontend/stories/settings/helpers/leave.js
@@ -0,0 +1,17 @@
+import getMeta from '@/utils/meta'
+
+const MOCK_DELAY = 1000
+
+export function defaultSetupMocks(fetchMock) {
+  fetchMock.post(/\/user\/delete/, 200, {
+    delay: MOCK_DELAY,
+  })
+}
+
+export function setDefaultMeta() {
+  window.metaAttributesCache.set('ol-usersEmail', 'user@primary.com')
+  Object.assign(getMeta('ol-ExposedSettings'), {
+    isOverleaf: true,
+  })
+  window.metaAttributesCache.set('ol-hasPassword', true)
+}
diff --git a/services/web/frontend/stories/settings/helpers/linking.js b/services/web/frontend/stories/settings/helpers/linking.js
new file mode 100644
index 0000000..de27333
--- /dev/null
+++ b/services/web/frontend/stories/settings/helpers/linking.js
@@ -0,0 +1,78 @@
+const MOCK_DELAY = 1000
+
+export function defaultSetupMocks(fetchMock) {
+  fetchMock
+    .post('/user/oauth-unlink', 200, { delay: MOCK_DELAY })
+    .get(
+      'express:/user/tpds/queues',
+      { tpdsToWeb: 0, webToTpds: 0 },
+      { delay: MOCK_DELAY }
+    )
+}
+
+export function setDefaultMeta() {
+  window.metaAttributesCache.set('ol-user', {
+    ...window.metaAttributesCache.get('ol-user'),
+    features: { github: true, dropbox: true, mendeley: false, zotero: false },
+    refProviders: {
+      mendeley: true,
+      zotero: true,
+    },
+  })
+  window.metaAttributesCache.set('ol-github', { enabled: false })
+  window.metaAttributesCache.set('ol-dropbox', { registered: true })
+  window.metaAttributesCache.set('ol-thirdPartyIds', {
+    collabratec: 'collabratec-id',
+    google: 'google-id',
+  })
+
+  window.metaAttributesCache.set('ol-oauthProviders', {
+    collabratec: {
+      descriptionKey: 'linked_collabratec_description',
+      descriptionOptions: { appName: 'Overleaf' },
+      name: 'IEEE Collabratec®',
+      hideWhenNotLinked: true,
+      linkPath: '/collabratec/auth/link',
+    },
+    google: {
+      descriptionKey: 'login_with_service',
+      descriptionOptions: { service: 'Google' },
+      name: 'Google',
+      linkPath: '/auth/google',
+    },
+    orcid: {
+      descriptionKey: 'oauth_orcid_description',
+      descriptionOptions: {
+        link: '/blog/434',
+        appName: 'Overleaf',
+      },
+      name: 'ORCID',
+      linkPath: '/auth/orcid',
+    },
+  })
+  window.metaAttributesCache.set('ol-hideLinkingWidgets', true)
+  window.metaAttributesCache.delete('ol-ssoErrorMessage')
+}
+
+export function setPersonalAccessTokensMeta() {
+  function generateToken(_id) {
+    const oneYearFromNow = new Date()
+    oneYearFromNow.setFullYear(oneYearFromNow.getFullYear() + 1)
+
+    const tokenHasBeenUsed = Math.random() > 0.5
+
+    return {
+      _id,
+      accessTokenPartial: 'olp_abc' + _id,
+      createdAt: new Date(),
+      accessTokenExpiresAt: oneYearFromNow,
+      lastUsedAt: tokenHasBeenUsed ? new Date() : undefined,
+    }
+  }
+  const tokens = []
+  for (let i = 0; i < 6; i++) {
+    tokens.push(generateToken(i))
+  }
+
+  window.metaAttributesCache.set('ol-personalAccessTokens', tokens)
+}
diff --git a/services/web/frontend/stories/settings/helpers/password.js b/services/web/frontend/stories/settings/helpers/password.js
new file mode 100644
index 0000000..d41dab1
--- /dev/null
+++ b/services/web/frontend/stories/settings/helpers/password.js
@@ -0,0 +1,35 @@
+import getMeta from '@/utils/meta'
+
+const MOCK_DELAY = 1000
+
+export function defaultSetupMocks(fetchMock) {
+  fetchMock.post(
+    /\/user\/password\/update/,
+    {
+      status: 200,
+      body: {
+        message: {
+          type: 'success',
+          email: 'tim.alby@overleaf.com',
+          text: 'Password changed',
+        },
+      },
+    },
+    {
+      delay: MOCK_DELAY,
+    }
+  )
+}
+
+export function setDefaultMeta() {
+  Object.assign(getMeta('ol-ExposedSettings'), {
+    isOverleaf: true,
+  })
+  window.metaAttributesCache.set('ol-isExternalAuthenticationSystemUsed', false)
+  window.metaAttributesCache.set('ol-hasPassword', true)
+  window.metaAttributesCache.set('ol-passwordStrengthOptions', {
+    length: {
+      min: 2,
+    },
+  })
+}
diff --git a/services/web/frontend/stories/settings/leave.stories.jsx b/services/web/frontend/stories/settings/leave.stories.jsx
new file mode 100644
index 0000000..b7ca028
--- /dev/null
+++ b/services/web/frontend/stories/settings/leave.stories.jsx
@@ -0,0 +1,71 @@
+import useFetchMock from '../hooks/use-fetch-mock'
+import LeaveModal from '../../js/features/settings/components/leave/modal'
+import LeaveSection from '../../js/features/settings/components/leave-section'
+import { setDefaultMeta, defaultSetupMocks } from './helpers/leave'
+
+export const Section = args => {
+  useFetchMock(defaultSetupMocks)
+  setDefaultMeta()
+
+  return <LeaveSection {...args} />
+}
+Section.component = LeaveSection
+Section.parameters = { controls: { include: [], hideNoControlsWarning: true } }
+
+export const ModalSuccess = args => {
+  setDefaultMeta()
+  useFetchMock(defaultSetupMocks)
+
+  return <LeaveModal {...args} />
+}
+
+export const ModalWithoutPassword = args => {
+  setDefaultMeta()
+  window.metaAttributesCache.set('ol-hasPassword', false)
+  useFetchMock(defaultSetupMocks)
+
+  return <LeaveModal {...args} />
+}
+
+export const ModalAuthError = args => {
+  setDefaultMeta()
+  useFetchMock(fetchMock => {
+    fetchMock.post(/\/user\/delete/, 403)
+  })
+
+  return <LeaveModal {...args} />
+}
+
+export const ModalServerError = args => {
+  setDefaultMeta()
+  useFetchMock(fetchMock => {
+    fetchMock.post(/\/user\/delete/, 500)
+  })
+
+  return <LeaveModal {...args} />
+}
+
+export const ModalSubscriptionError = args => {
+  setDefaultMeta()
+  useFetchMock(fetchMock => {
+    fetchMock.post(/\/user\/delete/, {
+      status: 422,
+      body: {
+        error: 'SubscriptionAdminDeletionError',
+      },
+    })
+  })
+
+  return <LeaveModal {...args} />
+}
+
+export default {
+  title: 'Account Settings / Leave',
+  component: LeaveModal,
+  args: {
+    isOpen: true,
+  },
+  argTypes: {
+    handleClose: { action: 'handleClose' },
+  },
+}
diff --git a/services/web/frontend/stories/settings/leavers-survey-alert.stories.tsx b/services/web/frontend/stories/settings/leavers-survey-alert.stories.tsx
new file mode 100644
index 0000000..e645428
--- /dev/null
+++ b/services/web/frontend/stories/settings/leavers-survey-alert.stories.tsx
@@ -0,0 +1,21 @@
+import EmailsSection from '../../js/features/settings/components/emails-section'
+import { UserEmailsProvider } from '../../js/features/settings/context/user-email-context'
+import { LeaversSurveyAlert } from '../../js/features/settings/components/leavers-survey-alert'
+import localStorage from '@/infrastructure/local-storage'
+
+export const SurveyAlert = () => {
+  localStorage.setItem(
+    'showInstitutionalLeaversSurveyUntil',
+    Date.now() + 1000 * 60 * 60
+  )
+  return (
+    <UserEmailsProvider>
+      <LeaversSurveyAlert />
+    </UserEmailsProvider>
+  )
+}
+
+export default {
+  title: 'Account Settings / Survey Alerts',
+  component: EmailsSection,
+}
diff --git a/services/web/frontend/stories/settings/linking.stories.jsx b/services/web/frontend/stories/settings/linking.stories.jsx
new file mode 100644
index 0000000..0799ce0
--- /dev/null
+++ b/services/web/frontend/stories/settings/linking.stories.jsx
@@ -0,0 +1,96 @@
+import useFetchMock from '../hooks/use-fetch-mock'
+import LinkingSection from '../../js/features/settings/components/linking-section'
+import { setDefaultMeta, defaultSetupMocks } from './helpers/linking'
+import { UserProvider } from '../../js/shared/context/user-context'
+import { SSOProvider } from '../../js/features/settings/context/sso-context'
+import { ScopeDecorator } from '../decorators/scope'
+import { useEffect } from 'react'
+import { useMeta } from '../hooks/use-meta'
+
+const MOCK_DELAY = 1000
+
+export const Section = args => {
+  useFetchMock(defaultSetupMocks)
+  setDefaultMeta()
+
+  return (
+    <UserProvider>
+      <SSOProvider>
+        <LinkingSection {...args} />
+      </SSOProvider>
+    </UserProvider>
+  )
+}
+
+export const SectionAllUnlinked = args => {
+  useFetchMock(defaultSetupMocks)
+
+  useMeta({
+    'ol-thirdPartyIds': {},
+    'ol-user': {
+      features: { github: true, dropbox: true, mendeley: true, zotero: true },
+      refProviders: {
+        mendeley: false,
+        zotero: false,
+      },
+    },
+    'ol-github': { enabled: false },
+    'ol-dropbox': { registered: false },
+  })
+
+  useEffect(() => {
+    setDefaultMeta()
+  }, [])
+
+  return (
+    <UserProvider>
+      <SSOProvider>
+        <LinkingSection {...args} />
+      </SSOProvider>
+    </UserProvider>
+  )
+}
+
+export const SectionSSOErrors = args => {
+  useFetchMock(fetchMock =>
+    fetchMock.post('/user/oauth-unlink', 500, { delay: MOCK_DELAY })
+  )
+  setDefaultMeta()
+  window.metaAttributesCache.set('ol-hideLinkingWidgets', true)
+  window.metaAttributesCache.set(
+    'ol-ssoErrorMessage',
+    'Account already linked to another Overleaf user'
+  )
+
+  return (
+    <UserProvider>
+      <SSOProvider>
+        <LinkingSection {...args} />
+      </SSOProvider>
+    </UserProvider>
+  )
+}
+
+export const SectionProjetSyncSuccess = args => {
+  useFetchMock(defaultSetupMocks)
+  setDefaultMeta()
+  window.metaAttributesCache.set('ol-github', { enabled: true })
+  window.metaAttributesCache.set(
+    'ol-projectSyncSuccessMessage',
+    'Thanks, we’ve successfully linked your GitHub account to Overleaf. You can now export your Overleaf projects to GitHub, or import projects from your GitHub repositories.'
+  )
+
+  return (
+    <UserProvider>
+      <SSOProvider>
+        <LinkingSection {...args} />
+      </SSOProvider>
+    </UserProvider>
+  )
+}
+
+export default {
+  title: 'Account Settings / Linking',
+  component: LinkingSection,
+  decorators: [ScopeDecorator],
+}
diff --git a/services/web/frontend/stories/settings/newsletter.stories.jsx b/services/web/frontend/stories/settings/newsletter.stories.jsx
new file mode 100644
index 0000000..f0fffb6
--- /dev/null
+++ b/services/web/frontend/stories/settings/newsletter.stories.jsx
@@ -0,0 +1,10 @@
+import NewsletterSection from '../../js/features/settings/components/newsletter-section'
+
+export const Section = args => {
+  return <NewsletterSection {...args} />
+}
+
+export default {
+  title: 'Account Settings / Newsletter',
+  component: NewsletterSection,
+}
diff --git a/services/web/frontend/stories/settings/page.stories.jsx b/services/web/frontend/stories/settings/page.stories.jsx
new file mode 100644
index 0000000..53a4830
--- /dev/null
+++ b/services/web/frontend/stories/settings/page.stories.jsx
@@ -0,0 +1,81 @@
+import useFetchMock from '../hooks/use-fetch-mock'
+import SettingsPageRoot from '../../js/features/settings/components/root'
+import {
+  setDefaultMeta as setDefaultLeaveMeta,
+  defaultSetupMocks as defaultSetupLeaveMocks,
+} from './helpers/leave'
+import {
+  setDefaultMeta as setDefaultAccountInfoMeta,
+  defaultSetupMocks as defaultSetupAccountInfoMocks,
+} from './helpers/account-info'
+import {
+  setDefaultMeta as setDefaultPasswordMeta,
+  defaultSetupMocks as defaultSetupPasswordMocks,
+} from './helpers/password'
+import {
+  setDefaultMeta as setDefaultEmailsMeta,
+  defaultSetupMocks as defaultSetupEmailsMocks,
+} from './helpers/emails'
+import {
+  setDefaultMeta as setDefaultLinkingMeta,
+  defaultSetupMocks as defaultSetupLinkingMocks,
+  setPersonalAccessTokensMeta,
+} from './helpers/linking'
+import { UserProvider } from '../../js/shared/context/user-context'
+import { ScopeDecorator } from '../decorators/scope'
+import getMeta from '@/utils/meta'
+
+export const Overleaf = args => {
+  setDefaultLeaveMeta()
+  setDefaultAccountInfoMeta()
+  setDefaultPasswordMeta()
+  setDefaultEmailsMeta()
+  setDefaultLinkingMeta()
+  useFetchMock(fetchMock => {
+    defaultSetupLeaveMocks(fetchMock)
+    defaultSetupAccountInfoMocks(fetchMock)
+    defaultSetupPasswordMocks(fetchMock)
+    defaultSetupEmailsMocks(fetchMock)
+    defaultSetupLinkingMocks(fetchMock)
+  })
+
+  return (
+    <UserProvider>
+      <SettingsPageRoot {...args} />
+    </UserProvider>
+  )
+}
+
+export const OverleafWithAccessTokens = args => {
+  setPersonalAccessTokensMeta()
+  return Overleaf(args)
+}
+
+export const ServerPro = args => {
+  setDefaultAccountInfoMeta()
+  setDefaultPasswordMeta()
+  setPersonalAccessTokensMeta()
+  useFetchMock(fetchMock => {
+    defaultSetupAccountInfoMocks(fetchMock)
+    defaultSetupPasswordMocks(fetchMock)
+  })
+
+  Object.assign(getMeta('ol-ExposedSettings'), {
+    hasAffiliationsFeature: false,
+    isOverleaf: false,
+  })
+  window.metaAttributesCache.set('ol-hideLinkingWidgets', true)
+  window.metaAttributesCache.delete('ol-oauthProviders')
+
+  return (
+    <UserProvider>
+      <SettingsPageRoot {...args} />
+    </UserProvider>
+  )
+}
+
+export default {
+  title: 'Account Settings / Full Page',
+  component: SettingsPageRoot,
+  decorators: [ScopeDecorator],
+}
diff --git a/services/web/frontend/stories/settings/password.stories.jsx b/services/web/frontend/stories/settings/password.stories.jsx
new file mode 100644
index 0000000..4681117
--- /dev/null
+++ b/services/web/frontend/stories/settings/password.stories.jsx
@@ -0,0 +1,49 @@
+import useFetchMock from '../hooks/use-fetch-mock'
+import PasswordSection from '../../js/features/settings/components/password-section'
+import { setDefaultMeta, defaultSetupMocks } from './helpers/password'
+import getMeta from '@/utils/meta'
+
+export const Success = args => {
+  setDefaultMeta()
+  useFetchMock(defaultSetupMocks)
+
+  return <PasswordSection {...args} />
+}
+
+export const ManagedExternally = args => {
+  setDefaultMeta()
+  Object.assign(getMeta('ol-ExposedSettings'), {
+    isOverleaf: false,
+  })
+  window.metaAttributesCache.set('ol-isExternalAuthenticationSystemUsed', true)
+  useFetchMock(defaultSetupMocks)
+
+  return <PasswordSection {...args} />
+}
+
+export const NoExistingPassword = args => {
+  setDefaultMeta()
+  window.metaAttributesCache.set('ol-hasPassword', false)
+  useFetchMock(defaultSetupMocks)
+
+  return <PasswordSection {...args} />
+}
+
+export const Error = args => {
+  setDefaultMeta()
+  useFetchMock(fetchMock =>
+    fetchMock.post(/\/user\/password\/update/, {
+      status: 400,
+      body: {
+        message: 'Your old password is wrong',
+      },
+    })
+  )
+
+  return <PasswordSection {...args} />
+}
+
+export default {
+  title: 'Account Settings / Password',
+  component: PasswordSection,
+}
diff --git a/services/web/frontend/stories/settings/sessions.stories.jsx b/services/web/frontend/stories/settings/sessions.stories.jsx
new file mode 100644
index 0000000..668ed08
--- /dev/null
+++ b/services/web/frontend/stories/settings/sessions.stories.jsx
@@ -0,0 +1,10 @@
+import SessionsSection from '../../js/features/settings/components/sessions-section'
+
+export const Section = args => {
+  return <SessionsSection {...args} />
+}
+
+export default {
+  title: 'Account Settings / Sessions',
+  component: SessionsSection,
+}
diff --git a/services/web/frontend/stories/settings/sso-alert.stories.tsx b/services/web/frontend/stories/settings/sso-alert.stories.tsx
new file mode 100644
index 0000000..e07bdb0
--- /dev/null
+++ b/services/web/frontend/stories/settings/sso-alert.stories.tsx
@@ -0,0 +1,56 @@
+import EmailsSection from '../../js/features/settings/components/emails-section'
+import { SSOAlert } from '../../js/features/settings/components/emails/sso-alert'
+
+export const Info = () => {
+  window.metaAttributesCache.set('ol-institutionLinked', {
+    universityName: 'Overleaf University',
+  })
+  return <SSOAlert />
+}
+
+export const InfoWithEntitlement = () => {
+  window.metaAttributesCache.set('ol-institutionLinked', {
+    universityName: 'Overleaf University',
+    hasEntitlement: true,
+  })
+  return <SSOAlert />
+}
+
+export const NonCanonicalEmail = () => {
+  window.metaAttributesCache.set('ol-institutionLinked', {
+    universityName: 'Overleaf University',
+  })
+  window.metaAttributesCache.set(
+    'ol-institutionEmailNonCanonical',
+    'user@example.com'
+  )
+  return <SSOAlert />
+}
+
+export const Error = () => {
+  window.metaAttributesCache.set('ol-samlError', {
+    translatedMessage: 'There was an Error',
+  })
+  return <SSOAlert />
+}
+
+export const ErrorTranslated = () => {
+  window.metaAttributesCache.set('ol-samlError', {
+    translatedMessage: 'Translated Error Message',
+    message: 'There was an Error',
+  })
+  return <SSOAlert />
+}
+
+export const ErrorWithTryAgain = () => {
+  window.metaAttributesCache.set('ol-samlError', {
+    message: 'There was an Error',
+    tryAgain: true,
+  })
+  return <SSOAlert />
+}
+
+export default {
+  title: 'Account Settings / SSO Alerts',
+  component: EmailsSection,
+}
diff --git a/services/web/frontend/stories/share-project-modal.stories.jsx b/services/web/frontend/stories/share-project-modal.stories.jsx
new file mode 100644
index 0000000..5c6d394
--- /dev/null
+++ b/services/web/frontend/stories/share-project-modal.stories.jsx
@@ -0,0 +1,182 @@
+import ShareProjectModal from '../js/features/share-project-modal/components/share-project-modal'
+import useFetchMock from './hooks/use-fetch-mock'
+import { useScope } from './hooks/use-scope'
+import { ScopeDecorator } from './decorators/scope'
+import { contacts } from './fixtures/contacts'
+import { project } from './fixtures/project'
+
+export const LinkSharingOff = args => {
+  useFetchMock(setupFetchMock)
+
+  useScope({
+    project: {
+      ...args.project,
+      publicAccesLevel: 'private',
+    },
+  })
+
+  return <ShareProjectModal {...args} />
+}
+
+export const LinkSharingOn = args => {
+  useFetchMock(setupFetchMock)
+
+  useScope({
+    project: {
+      ...args.project,
+      publicAccesLevel: 'tokenBased',
+    },
+  })
+
+  return <ShareProjectModal {...args} />
+}
+
+export const LinkSharingLoading = args => {
+  useFetchMock(setupFetchMock)
+
+  useScope({
+    project: {
+      ...args.project,
+      publicAccesLevel: 'tokenBased',
+    },
+  })
+
+  return <ShareProjectModal {...args} />
+}
+
+export const NonProjectOwnerLinkSharingOff = args => {
+  useScope({
+    project: {
+      ...args.project,
+      publicAccesLevel: 'private',
+    },
+  })
+
+  return <ShareProjectModal {...args} />
+}
+
+export const NonProjectOwnerLinkSharingOn = args => {
+  useScope({
+    project: {
+      ...args.project,
+      publicAccesLevel: 'tokenBased',
+    },
+  })
+
+  return <ShareProjectModal {...args} />
+}
+
+export const RestrictedTokenMember = args => {
+  // Override isRestrictedTokenMember to be true
+  // Currently this is necessary because the context value is set from window,
+  // however in the future we should change this to set via props
+  window.metaAttributesCache.set('ol-isRestrictedTokenMember', true)
+
+  useScope({
+    project: {
+      ...args.project,
+      publicAccesLevel: 'tokenBased',
+    },
+  })
+
+  return <ShareProjectModal {...args} />
+}
+
+export const LegacyLinkSharingReadAndWrite = args => {
+  useFetchMock(setupFetchMock)
+
+  useScope({
+    project: {
+      ...args.project,
+      publicAccesLevel: 'readAndWrite',
+    },
+  })
+
+  return <ShareProjectModal {...args} />
+}
+
+export const LegacyLinkSharingReadOnly = args => {
+  useFetchMock(setupFetchMock)
+
+  useScope({
+    project: {
+      ...args.project,
+      publicAccesLevel: 'readOnly',
+    },
+  })
+
+  return <ShareProjectModal {...args} />
+}
+
+export const LimitedCollaborators = args => {
+  useFetchMock(setupFetchMock)
+
+  useScope({
+    project: {
+      ...args.project,
+      features: {
+        ...args.project.features,
+        collaborators: 3,
+      },
+    },
+  })
+
+  return <ShareProjectModal {...args} />
+}
+
+export default {
+  title: 'Editor / Modals / Share Project',
+  component: ShareProjectModal,
+  args: {
+    show: true,
+    animation: false,
+    user: {},
+    project: {
+      ...project,
+      owner: {
+        ...project.owner,
+        _id: 'story-user',
+      },
+    },
+  },
+  argTypes: {
+    handleHide: { action: 'hide' },
+  },
+  decorators: [ScopeDecorator],
+}
+
+function setupFetchMock(fetchMock) {
+  const delay = 1000
+
+  fetchMock
+    // list contacts
+    .get('express:/user/contacts', { contacts }, { delay })
+    // access tokens
+    .get(
+      'express:/project/:projectId/tokens',
+      { tokens: project.tokens },
+      { delay }
+    )
+    // change privacy setting
+    .post('express:/project/:projectId/settings/admin', 200, { delay })
+    // update project member (e.g. set privilege level)
+    .put('express:/project/:projectId/users/:userId', 200, { delay })
+    // remove project member
+    .delete('express:/project/:projectId/users/:userId', 200, { delay })
+    // transfer ownership
+    .post('express:/project/:projectId/transfer-ownership', 200, {
+      delay,
+    })
+    // send invite
+    .post('express:/project/:projectId/invite', 200, { delay })
+    // delete invite
+    .delete('express:/project/:projectId/invite/:inviteId', 204, {
+      delay,
+    })
+    // resend invite
+    .post('express:/project/:projectId/invite/:inviteId/resend', 200, {
+      delay,
+    })
+    // send analytics event
+    .post('express:/event/:key', 200)
+}
diff --git a/services/web/frontend/stories/source-editor/source-editor.stories.tsx b/services/web/frontend/stories/source-editor/source-editor.stories.tsx
new file mode 100644
index 0000000..ac011bc
--- /dev/null
+++ b/services/web/frontend/stories/source-editor/source-editor.stories.tsx
@@ -0,0 +1,409 @@
+import SourceEditor from '../../js/features/source-editor/components/source-editor'
+import { ScopeDecorator } from '../decorators/scope'
+import { useScope } from '../hooks/use-scope'
+import { useMeta } from '../hooks/use-meta'
+import { FC } from 'react'
+import { FileTreePathContext } from '@/features/file-tree/contexts/file-tree-path'
+import RangesTracker from '@overleaf/ranges-tracker'
+
+const FileTreePathProvider: FC = ({ children }) => (
+  <FileTreePathContext.Provider
+    value={{
+      dirname: () => null,
+      findEntityByPath: () => null,
+      pathInFolder: () => null,
+      previewByPath: (path: string) =>
+        path === 'frog.jpg'
+          ? {
+              extension: 'png',
+              url: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAABhWlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpaJVETuIOGSogmBBVMRRq1CECqFWaNXB5NIvaNKQpLg4Cq4FBz8Wqw4uzro6uAqC4AeIq4uToouU+L+k0CLWg+N+vLv3uHsHCNUi06y2cUDTbTMRi4qp9KoYeIWAPnShB6Mys4w5SYqj5fi6h4+vdxGe1frcn6NbzVgM8InEs8wwbeIN4ulN2+C8TxxieVklPiceM+mCxI9cVzx+45xzWeCZITOZmCcOEYu5JlaamOVNjXiKOKxqOuULKY9VzluctWKZ1e/JXxjM6CvLXKc5hBgWsQQJIhSUUUARNiK06qRYSNB+tIV/0PVL5FLIVQAjxwJK0CC7fvA/+N2tlZ2c8JKCUaD9xXE+hoHALlCrOM73sePUTgD/M3ClN/ylKjDzSXqloYWPgN5t4OK6oSl7wOUOMPBkyKbsSn6aQjYLvJ/RN6WB/lugc83rrb6P0wcgSV3Fb4CDQ2AkR9nrLd7d0dzbv2fq/f0ARfNylZJUgMQAAAAGYktHRABuAP8AAGHZRr4AAAAJcEhZcwAALiMAAC4jAXilP3YAAAAHdElNRQfnAhELEhgyPeVkAAAAGXRFWHRDb21tZW50AENyZWF0ZWQgd2l0aCBHSU1QV4EOFwAAAyVJREFUeNrt1rEJgDAURVGVNCmS2hS6PziCteIYWjuEbiEfOWeEV1xe35bt6QhjnlYjBJLzbYRABhMAggUgWIBgAQgWgGABggUgWACCBQgWgGABCBYgWACCBSBYgGABCBaAYAGCBSBYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFiBYAIIFIFiAYAEIFoBgAYIFIFgAggUIFoBgAQgWIFgAggUgWIBgAQgWgGABggUgWACCBQgWgGABCBYgWACCBSBYgGABCBYgWACCBSBYgGABCBaAYAGCBSBYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFoBgAYIFIFgAggUIFoBgAQgWIFgAggUgWIBgAQgWIFgAggUgWIBgAQgWgGABggUgWACCBQgWgGABCBbwX6m13QqB5HwbIZBSLyN4WACCBQgWgGABCBYgWACCBSBYgGABCBaAYAGCBSBYAIIFCBaAYAEIFiBYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFoBgAYIFIFgAggUIFoBgAQgWIFgAggUgWIBgAQgWgGABggUgWACCBQgWgGABCBYgWACCBQgWgGABCBYgWACCBSBYgGABCBaAYAGCBSBYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFoBgAYIFIFgAggUIFoBgAQgWIFgAggUIFoBgAQgWIFgAggUgWIBgAQgWgGABggUgWACCBQgWgGABCBYgWACCBSBYgGABCBaAYAGCBfCFVMtphUBKvYwQSBsPI3hYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFoBgAYIFIFgAggUIFoBgAQgWIFgAggUIFoBgAQgWIFgAggUgWIBgAQgWgGABggUgWACCBQgWgGABCBYgWACCBSBYgGABCBaAYAGCBSBYAIIFCBaAYAEIFiBYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFoBgAYIFIFgAggUIFoBgAQgWIFgAggUgWIBgAQgWgGABggUgWACCBQgWgGABCBYgWACCBQgWgGABCBYgWACCBSBYgGABCBaAYAGCBSBYAIIFCBaAYAEIFiBYAIIFIFiAYAEIFoBgAYIF8IUXjtUMuBMh1xAAAAAASUVORK5CYII=',
+            }
+          : null,
+    }}
+  >
+    {children}
+  </FileTreePathContext.Provider>
+)
+
+export default {
+  title: 'Editor / Source Editor',
+  component: SourceEditor,
+  decorators: [
+    (Story: any) =>
+      ScopeDecorator(Story, {
+        mockCompileOnLoad: true,
+        providers: { FileTreePathProvider },
+      }),
+    (Story: any) => (
+      <div style={{ height: '90vh' }}>
+        <Story />
+      </div>
+    ),
+  ],
+}
+
+const settings = {
+  fontSize: 12,
+  fontFamily: 'monaco',
+  lineHeight: 'normal',
+  editorTheme: 'textmate',
+  overallTheme: '',
+  mode: 'default',
+  autoComplete: true,
+  autoPairDelimiters: true,
+  trackChanges: true,
+  syntaxValidation: false,
+}
+
+const permissions = {
+  write: true,
+}
+
+export const Latex = (args: any, { globals: { theme } }: any) => {
+  // FIXME: useScope has no effect
+  useScope({
+    editor: {
+      sharejs_doc: mockDoc(content.tex, changes.tex),
+      open_doc_name: 'example.tex',
+    },
+    rootFolder: {
+      name: 'rootFolder',
+      id: 'root-folder-id',
+      type: 'folder',
+      children: [
+        {
+          name: 'example.tex.tex',
+          id: 'example-doc-id',
+          type: 'doc',
+          selected: false,
+          $$hashKey: 'object:89',
+        },
+        {
+          name: 'frog.jpg',
+          id: 'frog-image-id',
+          type: 'file',
+          linkedFileData: null,
+          created: '2023-05-04T16:11:04.352Z',
+          $$hashKey: 'object:108',
+        },
+      ],
+      selected: false,
+    },
+    settings: {
+      ...settings,
+      overallTheme: theme === 'default-' ? '' : theme,
+    },
+    permissions,
+  })
+
+  useMeta({
+    'ol-showSymbolPalette': true,
+  })
+
+  return <SourceEditor />
+}
+
+export const Markdown = (args: any, { globals: { theme } }: any) => {
+  useScope({
+    editor: {
+      sharejs_doc: mockDoc(content.md, changes.md),
+      open_doc_name: 'example.md',
+    },
+    settings: {
+      ...settings,
+      overallTheme: theme === 'default-' ? '' : theme,
+    },
+    permissions,
+  })
+
+  return <SourceEditor />
+}
+
+export const Visual = (args: any, { globals: { theme } }: any) => {
+  useScope({
+    editor: {
+      sharejs_doc: mockDoc(content.tex, changes.tex),
+      open_doc_name: 'example.tex',
+      showVisual: true,
+    },
+    settings: {
+      ...settings,
+      overallTheme: theme === 'default-' ? '' : theme,
+    },
+    permissions,
+  })
+  useMeta({
+    'ol-showSymbolPalette': true,
+    'ol-mathJaxPath': 'https://unpkg.com/mathjax@3.2.2/es5/tex-svg-full.js',
+    'ol-project_id': '63e21c07946dd8c76505f85a',
+  })
+
+  return <SourceEditor />
+}
+
+export const Bibtex = (args: any, { globals: { theme } }: any) => {
+  useScope({
+    editor: {
+      sharejs_doc: mockDoc(content.bib, changes.bib),
+      open_doc_name: 'example.bib',
+    },
+    settings: {
+      ...settings,
+      overallTheme: theme === 'default-' ? '' : theme,
+    },
+    permissions,
+  })
+
+  return <SourceEditor />
+}
+
+const MAX_DOC_LENGTH = 2 * 1024 * 1024 // ol-maxDocLength
+
+const mockDoc = (content: string, changes: Array<Record<string, any>> = []) => {
+  const mockShareJSDoc = {
+    getText() {
+      return content
+    },
+    on() {
+      // do nothing
+    },
+    insert() {
+      // do nothing
+    },
+    del() {
+      // do nothing
+    },
+    emit: (...args: any[]) => {
+      console.log(...args)
+    },
+  }
+
+  return {
+    doc_id: 'story-doc',
+    getSnapshot: () => {
+      return content
+    },
+    attachToCM6: (cm6: any) => {
+      cm6.attachShareJs(mockShareJSDoc, MAX_DOC_LENGTH)
+    },
+    detachFromCM6: () => {
+      // Do nothing
+    },
+    on: () => {
+      // Do nothing
+    },
+    off: () => {
+      // Do nothing
+    },
+    setTrackChangesIdSeeds: () => {
+      // Do nothing
+    },
+    setTrackingChanges: () => {
+      // Do nothing
+    },
+    getTrackingChanges: () => {
+      return true
+    },
+    getInflightOp: () => {
+      return null
+    },
+    getPendingOp: () => {
+      return null
+    },
+    ranges: new RangesTracker(changes, []),
+    hasBufferedOps: () => false,
+  }
+}
+
+const changes: Record<string, Array<Record<string, any>>> = {
+  tex: [
+    {
+      id: '1',
+      op: {
+        i: 'Your introduction goes here! Simply start writing your document and use the Recompile button to view the updated PDF preview. Examples of commonly used commands and features are listed below, to help you get started.',
+        p: 583,
+      },
+      meta: {
+        user_id: '1',
+        ts: new Date().toString(),
+      },
+    },
+  ],
+  md: [],
+  bib: [],
+}
+
+const content = {
+  tex: `\\documentclass{article}
+
+% Language setting
+% Replace \`english' with e.g. \`spanish' to change the document language
+\\usepackage[english]{babel}
+
+% Set page size and margins
+% Replace \`letterpaper' with \`a4paper' for UK/EU standard size
+\\usepackage[letterpaper,top=2cm,bottom=2cm,left=3cm,right=3cm,marginparwidth=1.75cm]{geometry}
+
+% Useful packages
+\\usepackage{amsmath}
+\\usepackage{graphicx}
+\\usepackage[colorlinks=true, allcolors=blue]{hyperref}
+
+\\title{Your Paper}
+\\author{You}
+
+\\begin{document}
+\\maketitle
+
+\\begin{abstract}
+Your abstract.
+\\end{abstract}
+
+\\section{Introduction}
+
+Your introduction goes here! Simply start writing your document and use the Recompile button to view the updated PDF preview. Examples of commonly used commands and features are listed below, to help you get started.
+
+Once you're familiar with the editor, you can find various project settings in the Overleaf menu, accessed via the button in the very top left of the editor. To view tutorials, user guides, and further documentation, please visit our \\href{https://www.overleaf.com/learn}{help library}, or head to our plans page to \\href{https://www.overleaf.com/user/subscription/plans}{choose your plan}.
+
+\\section{Some examples to get started}
+
+\\subsection{How to create Sections and Subsections}
+
+Simply use the section and subsection commands, as in this example document! With Overleaf, all the formatting and numbering is handled automatically according to the template you've chosen. If you're using Rich Text mode, you can also create new section and subsections via the buttons in the editor toolbar.
+
+\\subsection{How to include Figures}
+
+First you have to upload the image file from your computer using the upload link in the file-tree menu. Then use the includegraphics command to include it in your document. Use the figure environment and the caption command to add a number and a caption to your figure. See the code for Figure \\ref{fig:frog} in this section for an example.
+
+Note that your figure will automatically be placed in the most appropriate place for it, given the surrounding text and taking into account other figures or tables that may be close by. You can find out more about adding images to your documents in this help article on \\href{https://www.overleaf.com/learn/how-to/Including_images_on_Overleaf}{including images on Overleaf}.
+
+\\begin{figure}
+\\centering
+\\includegraphics[width=0.25\\linewidth]{frog.jpg}
+\\caption{This frog was uploaded via the file-tree menu.}\\label{fig:frog}
+\\end{figure}
+
+\\subsection{How to add Tables}
+
+Use the table and tabular environments for basic tables --- see Table~\\ref{tab:widgets}, for example. For more information, please see this help article on \\href{https://www.overleaf.com/learn/latex/tables}{tables}.
+
+\\begin{table}
+\\centering
+\\begin{tabular}{l|r}
+Item & Quantity \\\\\\hline
+Widgets & 42 \\\\
+Gadgets & 13
+\\end{tabular}
+\\caption{\\label{tab:widgets}An example table.}
+\\end{table}
+
+\\subsection{How to add Comments and Track Changes}
+
+Comments can be added to your project by highlighting some text and clicking \`\`Add comment'' in the top right of the editor pane. To view existing comments, click on the Review menu in the toolbar above. To reply to a comment, click on the Reply button in the lower right corner of the comment. You can close the Review pane by clicking its name on the toolbar when you're done reviewing for the time being.
+
+Track changes are available on all our \\href{https://www.overleaf.com/user/subscription/plans}{premium plans}, and can be toggled on or off using the option at the top of the Review pane. Track changes allow you to keep track of every change made to the document, along with the person making the change.
+
+\\subsection{How to add Lists}
+
+You can make lists with automatic numbering \\dots
+
+\\begin{enumerate}
+\\item Like this,
+\\item and like this.
+\\end{enumerate}
+\\dots or bullet points \\dots
+\\begin{itemize}
+\\item Like this,
+\\item and like this.
+\\end{itemize}
+
+\\subsection{How to write Mathematics}
+
+\\LaTeX{} is great at typesetting mathematics. Let $X_1, X_2, \\ldots, X_n$ be a sequence of independent and identically distributed random variables with $\\text{E}[X_i] = \\mu$ and $\\text{Var}[X_i] = \\sigma^2 < \\infty$, and let
+\\[S_n = \\frac{X_1 + X_2 + \\cdots + X_n}{n}
+      = \\frac{1}{n}\\sum_{i}^{n} X_i\\]
+denote their mean. Then as $n$ approaches infinity, the random variables $\\sqrt{n}(S_n - \\mu)$ converge in distribution to a normal $\\mathcal{N}(0, \\sigma^2)$.
+
+
+\\subsection{How to change the margins and paper size}
+
+Usually the template you're using will have the page margins and paper size set correctly for that use-case. For example, if you're using a journal article template provided by the journal publisher, that template will be formatted according to their requirements. In these cases, it's best not to alter the margins directly.
+
+If however you're using a more general template, such as this one, and would like to alter the margins, a common way to do so is via the geometry package. You can find the geometry package loaded in the preamble at the top of this example file, and if you'd like to learn more about how to adjust the settings, please visit this help article on \\href{https://www.overleaf.com/learn/latex/page_size_and_margins}{page size and margins}.
+
+\\subsection{How to change the document language and spell check settings}
+
+Overleaf supports many different languages, including multiple different languages within one document.
+
+To configure the document language, simply edit the option provided to the babel package in the preamble at the top of this example project. To learn more about the different options, please visit this help article on \\href{https://www.overleaf.com/learn/latex/International_language_support}{international language support}.
+
+To change the spell check language, simply open the Overleaf menu at the top left of the editor window, scroll down to the spell check setting, and adjust accordingly.
+
+\\subsection{How to add Citations and a References List}
+
+You can simply upload a \\verb|.bib| file containing your BibTeX entries, created with a tool such as JabRef. You can then cite entries from it, like this: \\cite{greenwade93}. Just remember to specify a bibliography style, as well as the filename of the \\verb|.bib|. You can find a \\href{https://www.overleaf.com/help/97-how-to-include-a-bibliography-using-bibtex}{video tutorial here} to learn more about BibTeX.
+
+If you have an \\href{https://www.overleaf.com/user/subscription/plans}{upgraded account}, you can also import your Mendeley or Zotero library directly as a \\verb|.bib| file, via the upload menu in the file-tree.
+
+\\subsection{Good luck!}
+
+We hope you find Overleaf useful, and do take a look at our \\href{https://www.overleaf.com/learn}{help library} for more tutorials and user guides! Please also let us know if you have any feedback using the Contact Us link at the bottom of the Overleaf menu --- or use the contact form at \\url{https://www.overleaf.com/contact}.
+
+\\bibliographystyle{alpha}
+\\bibliography{sample}
+
+\\end{document}`,
+  md: `# Heading
+
+This is **bold**
+
+This is _italic_`,
+  bib: `@book{texbook,
+  author = {Donald E. Knuth},
+  year = {1986},
+  title = {The {\\TeX} Book},
+  publisher = {Addison-Wesley Professional}
+}
+
+@book{latex:companion,
+  author = {Frank Mittelbach and Michel Gossens
+            and Johannes Braams and David Carlisle
+            and Chris Rowley},
+  year = {2004},
+  title = {The {\\LaTeX} Companion},
+  publisher = {Addison-Wesley Professional},
+  edition = {2}
+}
+
+@book{latex2e,
+  author = {Leslie Lamport},
+  year = {1994},
+  title = {{\\LaTeX}: a Document Preparation System},
+  publisher = {Addison Wesley},
+  address = {Massachusetts},
+  edition = {2}
+}
+
+@article{knuth:1984,
+  title={Literate Programming},
+  author={Donald E. Knuth},
+  journal={The Computer Journal},
+  volume={27},
+  number={2},
+  pages={97--111},
+  year={1984},
+  publisher={Oxford University Press}
+}
+
+@inproceedings{lesk:1977,
+  title={Computer Typesetting of Technical Journals on {UNIX}},
+  author={Michael Lesk and Brian Kernighan},
+  booktitle={Proceedings of American Federation of
+              Information Processing Societies: 1977
+              National Computer Conference},
+  pages={879--888},
+  year={1977},
+  address={Dallas, Texas}
+}
+`,
+}
diff --git a/services/web/frontend/stories/split-test-badge.stories.jsx b/services/web/frontend/stories/split-test-badge.stories.jsx
new file mode 100644
index 0000000..ecb74b7
--- /dev/null
+++ b/services/web/frontend/stories/split-test-badge.stories.jsx
@@ -0,0 +1,137 @@
+import SplitTestBadge from '../js/shared/components/split-test-badge'
+import { ScopeDecorator } from './decorators/scope'
+import { SplitTestContext } from '../js/shared/context/split-test-context'
+
+const splitTestContextValue = {
+  splitTestVariants: {
+    'storybook-test': 'active',
+  },
+  splitTestInfo: {
+    'storybook-test': {
+      phase: 'alpha',
+      badgeInfo: {
+        url: '/alpha/participate',
+        tooltipText: 'This is an alpha feature',
+      },
+    },
+  },
+}
+
+export const Alpha = args => {
+  splitTestContextValue.splitTestVariants = {
+    'storybook-test': 'active',
+  }
+  splitTestContextValue.splitTestInfo = {
+    'storybook-test': {
+      phase: 'alpha',
+      badgeInfo: {
+        url: '/alpha/participate',
+        tooltipText: 'This is an alpha feature',
+      },
+    },
+  }
+
+  return <SplitTestBadge {...args} />
+}
+
+export const AlphaNotDisplayed = args => {
+  splitTestContextValue.splitTestVariants = {
+    'storybook-test': 'default',
+  }
+  splitTestContextValue.splitTestInfo = {
+    'storybook-test': {
+      phase: 'alpha',
+      badgeInfo: {
+        url: '/alpha/participate',
+        tooltipText: 'This is an alpha feature',
+      },
+    },
+  }
+
+  return <SplitTestBadge {...args} />
+}
+
+export const Beta = args => {
+  splitTestContextValue.splitTestVariants = {
+    'storybook-test': 'active',
+  }
+  splitTestContextValue.splitTestInfo = {
+    'storybook-test': {
+      phase: 'beta',
+      badgeInfo: {
+        url: '/beta/participate',
+        tooltipText: 'This is a beta feature',
+      },
+    },
+  }
+
+  return <SplitTestBadge {...args} />
+}
+
+export const BetaNotDisplayed = args => {
+  splitTestContextValue.splitTestVariants = {
+    'storybook-test': 'default',
+  }
+  splitTestContextValue.splitTestInfo = {
+    'storybook-test': {
+      phase: 'beta',
+      badgeInfo: {
+        url: '/beta/participate',
+        tooltipText: 'This is a beta feature',
+      },
+    },
+  }
+
+  return <SplitTestBadge {...args} />
+}
+
+export const Release = args => {
+  splitTestContextValue.splitTestVariants = {
+    'storybook-test': 'active',
+  }
+  splitTestContextValue.splitTestInfo = {
+    'storybook-test': {
+      phase: 'release',
+      badgeInfo: {
+        url: '/feedback/form',
+        tooltipText: 'This is a new feature',
+      },
+    },
+  }
+
+  return <SplitTestBadge {...args} />
+}
+
+export const ReleaseNotDisplayed = args => {
+  splitTestContextValue.splitTestVariants = {
+    'storybook-test': 'default',
+  }
+  splitTestContextValue.splitTestInfo = {
+    'storybook-test': {
+      phase: 'release',
+      badgeInfo: {
+        url: '/feedback/form',
+        tooltipText: 'This is a new feature',
+      },
+    },
+  }
+
+  return <SplitTestBadge {...args} />
+}
+
+export default {
+  title: 'Shared / Components / Split Test Badge',
+  component: SplitTestBadge,
+  args: {
+    splitTestName: 'storybook-test',
+    displayOnVariants: ['active'],
+  },
+  decorators: [
+    (Story, context) => (
+      <SplitTestContext.Provider value={splitTestContextValue}>
+        <Story />
+      </SplitTestContext.Provider>
+    ),
+    ScopeDecorator,
+  ],
+}
diff --git a/services/web/frontend/stories/start-free-trial-button.stories.jsx b/services/web/frontend/stories/start-free-trial-button.stories.jsx
new file mode 100644
index 0000000..6da53dc
--- /dev/null
+++ b/services/web/frontend/stories/start-free-trial-button.stories.jsx
@@ -0,0 +1,33 @@
+import StartFreeTrialButton from '../js/shared/components/start-free-trial-button'
+import { ScopeDecorator } from './decorators/scope'
+
+export const Default = args => {
+  return <StartFreeTrialButton {...args} />
+}
+
+export const CustomText = args => {
+  return (
+    <StartFreeTrialButton {...args}>Some Custom Text!</StartFreeTrialButton>
+  )
+}
+
+export const ButtonStyle = args => {
+  return (
+    <StartFreeTrialButton
+      {...args}
+      buttonProps={{
+        variant: 'danger',
+        size: 'lg',
+      }}
+    />
+  )
+}
+
+export default {
+  title: 'Shared / Components / Start Free Trial Button',
+  component: StartFreeTrialButton,
+  args: {
+    source: 'storybook',
+  },
+  decorators: [ScopeDecorator],
+}
diff --git a/services/web/frontend/stories/subscription/group-invites/group-invites.stories.tsx b/services/web/frontend/stories/subscription/group-invites/group-invites.stories.tsx
new file mode 100644
index 0000000..1021f77
--- /dev/null
+++ b/services/web/frontend/stories/subscription/group-invites/group-invites.stories.tsx
@@ -0,0 +1,44 @@
+import GroupInvites from '@/features/subscription/components/group-invites/group-invites'
+import type { TeamInvite } from '../../../../types/team-invite'
+import { useMeta } from '../../hooks/use-meta'
+import { ScopeDecorator } from '../../decorators/scope'
+
+export const GroupInvitesDefault = () => {
+  const teamInvites: TeamInvite[] = [
+    {
+      email: 'email1@exammple.com',
+      token: 'token123',
+      inviterName: 'inviter1@example.com',
+      sentAt: new Date(),
+      _id: '123abc',
+    },
+    {
+      email: 'email2@exammple.com',
+      token: 'token456',
+      inviterName: 'inviter2@example.com',
+      sentAt: new Date(),
+      _id: '456bcd',
+    },
+  ]
+
+  useMeta({ 'ol-teamInvites': teamInvites })
+
+  return (
+    <div className="content content-alt team-invite">
+      <GroupInvites />
+    </div>
+  )
+}
+
+export default {
+  title: 'Subscription / Group Invites',
+  component: GroupInvites,
+  args: {
+    show: true,
+  },
+  argTypes: {
+    handleHide: { action: 'close modal' },
+    onDisableSSO: { action: 'callback' },
+  },
+  decorators: [ScopeDecorator],
+}
diff --git a/services/web/frontend/stories/switcher.stories.tsx b/services/web/frontend/stories/switcher.stories.tsx
new file mode 100644
index 0000000..da7002a
--- /dev/null
+++ b/services/web/frontend/stories/switcher.stories.tsx
@@ -0,0 +1,55 @@
+import OLToggleButton from '@/features/ui/components/ol/ol-toggle-button'
+import OLToggleButtonGroup from '@/features/ui/components/ol/ol-toggle-button-group'
+
+export const Base = () => {
+  return (
+    <OLToggleButtonGroup
+      type="radio"
+      name="figure-width"
+      defaultValue="0.5"
+      aria-label="Image width"
+    >
+      <OLToggleButton variant="secondary" id="width-25p" value="0.25">
+        ¼ width
+      </OLToggleButton>
+      <OLToggleButton variant="secondary" id="width-50p" value="0.5">
+        ½ width
+      </OLToggleButton>
+      <OLToggleButton variant="secondary" id="width-75p" value="0.75">
+        ¾ width
+      </OLToggleButton>
+      <OLToggleButton variant="secondary" id="width-100p" value="1.0">
+        Full width
+      </OLToggleButton>
+    </OLToggleButtonGroup>
+  )
+}
+
+export const Disabled = () => {
+  return (
+    <OLToggleButtonGroup
+      type="radio"
+      name="figure-width"
+      defaultValue="0.5"
+      aria-label="Image width"
+    >
+      <OLToggleButton variant="secondary" id="width-25p" disabled value="0.25">
+        ¼ width
+      </OLToggleButton>
+      <OLToggleButton variant="secondary" id="width-50p" disabled value="0.5">
+        ½ width
+      </OLToggleButton>
+      <OLToggleButton variant="secondary" id="width-75p" disabled value="0.75">
+        ¾ width
+      </OLToggleButton>
+      <OLToggleButton variant="secondary" id="width-100p" disabled value="1.0">
+        Full width
+      </OLToggleButton>
+    </OLToggleButtonGroup>
+  )
+}
+
+export default {
+  title: 'Shared / Components / Toggle Button Group',
+  component: OLToggleButtonGroup,
+}
diff --git a/services/web/frontend/stories/ui/badge.stories.tsx b/services/web/frontend/stories/ui/badge.stories.tsx
new file mode 100644
index 0000000..be4d3a8
--- /dev/null
+++ b/services/web/frontend/stories/ui/badge.stories.tsx
@@ -0,0 +1,60 @@
+import Badge from '@/features/ui/components/bootstrap-5/badge'
+import Icon from '@/shared/components/icon'
+import type { Meta, StoryObj } from '@storybook/react'
+import classnames from 'classnames'
+
+const meta: Meta<typeof Badge> = {
+  title: 'Shared / Components / Badge',
+  component: Badge,
+  args: {
+    children: 'Badge',
+  },
+  argTypes: {
+    bg: {
+      options: ['light', 'info', 'primary', 'warning', 'danger'],
+      control: { type: 'radio' },
+    },
+    prepend: {
+      table: {
+        disable: true,
+      },
+    },
+    className: {
+      table: {
+        disable: true,
+      },
+    },
+  },
+}
+export default meta
+
+type Story = StoryObj<typeof Badge>
+
+export const BadgeDefault: Story = {
+  render: args => {
+    return (
+      <Badge
+        className={classnames({ 'text-dark': args.bg === 'light' })}
+        {...args}
+      />
+    )
+  },
+}
+BadgeDefault.args = {
+  bg: meta.argTypes!.bg!.options![0],
+}
+
+export const BadgePrepend: Story = {
+  render: args => {
+    return (
+      <Badge
+        className={classnames({ 'text-dark': args.bg === 'light' })}
+        prepend={<Icon type="star" fw />}
+        {...args}
+      />
+    )
+  },
+}
+BadgePrepend.args = {
+  bg: meta.argTypes!.bg!.options![0],
+}
diff --git a/services/web/frontend/stories/ui/button.stories.tsx b/services/web/frontend/stories/ui/button.stories.tsx
new file mode 100644
index 0000000..a5dbbeb
--- /dev/null
+++ b/services/web/frontend/stories/ui/button.stories.tsx
@@ -0,0 +1,50 @@
+import Button from '@/features/ui/components/bootstrap-5/button'
+import { Meta } from '@storybook/react'
+
+type Args = React.ComponentProps<typeof Button>
+
+export const NewButton = (args: Args) => {
+  return <Button {...args} />
+}
+
+export const ButtonWithLeadingIcon = (args: Args) => {
+  return <Button leadingIcon="add" {...args} />
+}
+
+export const ButtonWithTrailingIcon = (args: Args) => {
+  return <Button trailingIcon="add" {...args} />
+}
+
+export const ButtonWithIcons = (args: Args) => {
+  return <Button trailingIcon="add" leadingIcon="add" {...args} />
+}
+
+const meta: Meta<typeof Button> = {
+  title: 'Shared / Components / Button',
+  component: Button,
+  args: {
+    children: 'A Button',
+    disabled: false,
+    isLoading: false,
+  },
+  argTypes: {
+    size: {
+      control: 'radio',
+      options: ['small', 'default', 'large'],
+    },
+    variant: {
+      control: 'radio',
+      options: [
+        'primary',
+        'secondary',
+        'ghost',
+        'danger',
+        'danger-ghost',
+        'premium',
+        'premium-secondary',
+      ],
+    },
+  },
+}
+
+export default meta
diff --git a/services/web/frontend/stories/ui/dropdown-menu.stories.tsx b/services/web/frontend/stories/ui/dropdown-menu.stories.tsx
new file mode 100644
index 0000000..5d1ac37
--- /dev/null
+++ b/services/web/frontend/stories/ui/dropdown-menu.stories.tsx
@@ -0,0 +1,236 @@
+import {
+  DropdownMenu,
+  DropdownItem,
+  DropdownDivider,
+  DropdownHeader,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import type { Meta } from '@storybook/react'
+import OLDropdownMenuItem from '@/features/ui/components/ol/ol-dropdown-menu-item'
+
+type Args = React.ComponentProps<typeof DropdownMenu>
+
+export const Default = (args: Args) => {
+  return (
+    <DropdownMenu show>
+      <li>
+        <DropdownItem eventKey="1" href="#/action-1">
+          Example
+        </DropdownItem>
+      </li>
+      <li>
+        <DropdownItem eventKey="2" href="#/action-2">
+          Example
+        </DropdownItem>
+      </li>
+      <DropdownDivider />
+      <li>
+        <DropdownItem eventKey="3" disabled={args.disabled} href="#/action-3">
+          Example
+        </DropdownItem>
+      </li>
+    </DropdownMenu>
+  )
+}
+
+export const Active = (args: Args) => {
+  return (
+    <DropdownMenu show>
+      <li>
+        <DropdownItem eventKey="1" href="#/action-1">
+          Example
+        </DropdownItem>
+      </li>
+      <li>
+        <DropdownItem
+          eventKey="2"
+          active
+          href="#/action-2"
+          trailingIcon="check"
+        >
+          Example
+        </DropdownItem>
+      </li>
+      <DropdownDivider />
+      <li>
+        <DropdownItem eventKey="3" disabled={args.disabled} href="#/action-3">
+          Example
+        </DropdownItem>
+      </li>
+    </DropdownMenu>
+  )
+}
+
+export const MultipleSelection = (args: Args) => {
+  return (
+    <DropdownMenu show>
+      <DropdownHeader>Header</DropdownHeader>
+      <li>
+        <DropdownItem
+          eventKey="1"
+          href="#/action-1"
+          leadingIcon={<DropdownItem.EmptyLeadingIcon />}
+        >
+          Example
+        </DropdownItem>
+      </li>
+      <li>
+        <DropdownItem eventKey="2" href="#/action-2" leadingIcon="check">
+          Example
+        </DropdownItem>
+      </li>
+      <li>
+        <DropdownItem eventKey="3" href="#/action-3" leadingIcon="check">
+          Example
+        </DropdownItem>
+      </li>
+    </DropdownMenu>
+  )
+}
+
+export const Danger = (args: Args) => {
+  return (
+    <DropdownMenu show>
+      <li>
+        <DropdownItem eventKey="1" disabled={args.disabled} href="#/action-1">
+          Example
+        </DropdownItem>
+      </li>
+      <li>
+        <DropdownItem eventKey="2" href="#/action-2">
+          Example
+        </DropdownItem>
+      </li>
+      <DropdownDivider />
+      <li>
+        <DropdownItem eventKey="3" href="#/action-3" variant="danger">
+          Example
+        </DropdownItem>
+      </li>
+    </DropdownMenu>
+  )
+}
+
+export const Description = (args: Args) => {
+  return (
+    <DropdownMenu show>
+      <li>
+        <DropdownItem
+          disabled={args.disabled}
+          eventKey="1"
+          href="#/action-1"
+          description="Description of the menu"
+        >
+          Example
+        </DropdownItem>
+      </li>
+      <li>
+        <DropdownItem
+          active
+          eventKey="2"
+          href="#/action-2"
+          description="Description of the menu"
+          trailingIcon="check"
+        >
+          Example
+        </DropdownItem>
+      </li>
+    </DropdownMenu>
+  )
+}
+
+export const LeadingIcon = (args: Args) => {
+  return (
+    <DropdownMenu show>
+      <OLDropdownMenuItem
+        disabled={args.disabled}
+        eventKey="1"
+        href="#/action-1"
+        leadingIcon="view_column_2"
+      >
+        Editor & PDF
+      </OLDropdownMenuItem>
+      <OLDropdownMenuItem
+        active
+        eventKey="2"
+        href="#/action-2"
+        leadingIcon="terminal"
+      >
+        Editor only
+      </OLDropdownMenuItem>
+      <OLDropdownMenuItem
+        eventKey="3"
+        href="#/action-3"
+        leadingIcon="picture_as_pdf"
+      >
+        PDF only
+      </OLDropdownMenuItem>
+      <OLDropdownMenuItem
+        eventKey="4"
+        href="#/action-4"
+        leadingIcon="select_window"
+      >
+        PDF in separate tab
+      </OLDropdownMenuItem>
+      <OLDropdownMenuItem
+        eventKey="5"
+        href="#/action-5"
+        leadingIcon="align_space_even"
+        description="Some description"
+      >
+        With a description
+      </OLDropdownMenuItem>
+      <OLDropdownMenuItem
+        eventKey="6"
+        href="#/action-6"
+        leadingIcon="align_space_even"
+        className="dropdown-item-material-icon-small"
+      >
+        Small icon
+      </OLDropdownMenuItem>
+    </DropdownMenu>
+  )
+}
+
+export const TrailingIcon = (args: Args) => {
+  return (
+    <DropdownMenu show>
+      <OLDropdownMenuItem eventKey="1" href="#/action-1" trailingIcon="check">
+        Tick
+      </OLDropdownMenuItem>
+      <OLDropdownMenuItem
+        eventKey="2"
+        href="#/action-2"
+        trailingIcon="check"
+        description="Some description"
+      >
+        With a description
+      </OLDropdownMenuItem>
+      <OLDropdownMenuItem
+        eventKey="3"
+        href="#/action-3"
+        leadingIcon="align_space_even"
+        trailingIcon="check"
+        description="Some description"
+      >
+        With a leading icon
+      </OLDropdownMenuItem>
+    </DropdownMenu>
+  )
+}
+
+const meta: Meta<typeof DropdownMenu> = {
+  title: 'Shared / Components / DropdownMenu',
+  component: DropdownMenu,
+  argTypes: {
+    disabled: {
+      control: 'boolean',
+    },
+    show: {
+      table: {
+        disable: true,
+      },
+    },
+  },
+}
+
+export default meta
diff --git a/services/web/frontend/stories/ui/form/form-check-bs5.stories.tsx b/services/web/frontend/stories/ui/form/form-check-bs5.stories.tsx
new file mode 100644
index 0000000..82ba8eb
--- /dev/null
+++ b/services/web/frontend/stories/ui/form/form-check-bs5.stories.tsx
@@ -0,0 +1,62 @@
+import { useRef, useLayoutEffect } from 'react'
+import { Form } from 'react-bootstrap-5'
+import type { Meta, StoryObj } from '@storybook/react'
+
+const meta: Meta<(typeof Form)['Check']> = {
+  title: 'Shared / Components / Form',
+  component: Form.Check,
+  argTypes: {
+    id: {
+      table: {
+        disable: true,
+      },
+    },
+    label: {
+      table: {
+        disable: true,
+      },
+    },
+    defaultChecked: {
+      table: {
+        disable: true,
+      },
+    },
+  },
+}
+export default meta
+
+type Story = StoryObj<(typeof Form)['Check']>
+
+export const Checkbox: Story = {
+  args: {
+    id: 'id-1',
+    label: 'Label',
+    disabled: false,
+  },
+}
+
+export const CheckboxChecked: Story = {
+  args: {
+    id: 'id-1',
+    label: 'Label',
+    disabled: false,
+    defaultChecked: true,
+  },
+}
+
+export const CheckboxIndeterminate = (args: Story['args']) => {
+  const ref = useRef<HTMLInputElement>()
+
+  useLayoutEffect(() => {
+    if (ref.current) {
+      ref.current.indeterminate = true
+    }
+  }, [])
+
+  return <Form.Check ref={ref} {...args} />
+}
+CheckboxIndeterminate.args = {
+  id: 'id-2',
+  label: 'Label',
+  disabled: false,
+}
diff --git a/services/web/frontend/stories/ui/form/form-input-bs5.stories.tsx b/services/web/frontend/stories/ui/form/form-input-bs5.stories.tsx
new file mode 100644
index 0000000..65c1121
--- /dev/null
+++ b/services/web/frontend/stories/ui/form/form-input-bs5.stories.tsx
@@ -0,0 +1,300 @@
+import { Form } from 'react-bootstrap-5'
+import type { Meta, StoryObj } from '@storybook/react'
+import FormGroup from '@/features/ui/components/bootstrap-5/form/form-group'
+import FormText from '@/features/ui/components/bootstrap-5/form/form-text'
+import FormControl from '@/features/ui/components/bootstrap-5/form/form-control'
+import MaterialIcon from '@/shared/components/material-icon'
+import FormFeedback from '@/features/ui/components/bootstrap-5/form/form-feedback'
+
+const meta: Meta<React.ComponentProps<typeof FormControl>> = {
+  title: 'Shared / Components / Form / Input',
+  component: FormControl,
+}
+export default meta
+
+type Story = StoryObj<React.ComponentProps<typeof FormControl>>
+
+export const Default: Story = {
+  render: args => {
+    return (
+      <>
+        <FormGroup controlId="id-1">
+          <Form.Label>Label</Form.Label>
+          <FormControl defaultValue="Large input" size="lg" {...args} />
+          <FormText>Helper</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-2">
+          <Form.Label>Label</Form.Label>
+          <FormControl defaultValue="Regular input" {...args} />
+          <FormText>Helper</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-3">
+          <Form.Label>Label</Form.Label>
+          <FormControl defaultValue="Small input" size="sm" {...args} />
+          <FormText>Helper</FormText>
+        </FormGroup>
+      </>
+    )
+  },
+}
+Default.args = {
+  disabled: false,
+}
+
+export const Info: Story = {
+  render: args => {
+    return (
+      <>
+        <FormGroup controlId="id-1">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            placeholder="Placeholder"
+            defaultValue="Large input"
+            size="lg"
+            {...args}
+          />
+          <FormText type="info">Info</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-2">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            placeholder="Placeholder"
+            defaultValue="Regular input"
+            {...args}
+          />
+          <FormText type="info">Info</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-3">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            placeholder="Placeholder"
+            defaultValue="Small input"
+            size="sm"
+            {...args}
+          />
+          <FormText type="info">Info</FormText>
+        </FormGroup>
+      </>
+    )
+  },
+}
+
+export const Error: Story = {
+  render: args => {
+    return (
+      <>
+        <FormGroup controlId="id-1">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            placeholder="Placeholder"
+            defaultValue="Large input"
+            size="lg"
+            isInvalid
+            {...args}
+          />
+          <FormFeedback type="invalid">Error</FormFeedback>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-2">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            placeholder="Placeholder"
+            defaultValue="Regular input"
+            isInvalid
+            {...args}
+          />
+          <FormFeedback type="invalid">Error</FormFeedback>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-3">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            placeholder="Placeholder"
+            defaultValue="Small input"
+            size="sm"
+            isInvalid
+            {...args}
+          />
+          <FormFeedback type="invalid">Error</FormFeedback>
+        </FormGroup>
+      </>
+    )
+  },
+}
+
+export const Warning: Story = {
+  render: args => {
+    return (
+      <>
+        <FormGroup controlId="id-1">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            placeholder="Placeholder"
+            defaultValue="Large input"
+            size="lg"
+            {...args}
+          />
+          <FormText type="warning">Warning</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-2">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            placeholder="Placeholder"
+            defaultValue="Regular input"
+            {...args}
+          />
+          <FormText type="warning">Warning</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-3">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            placeholder="Placeholder"
+            defaultValue="Small input"
+            size="sm"
+            {...args}
+          />
+          <FormText type="warning">Warning</FormText>
+        </FormGroup>
+      </>
+    )
+  },
+}
+
+export const Success: Story = {
+  render: args => {
+    return (
+      <>
+        <FormGroup controlId="id-1">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            placeholder="Placeholder"
+            defaultValue="Large input"
+            size="lg"
+            {...args}
+          />
+          <FormText type="success">Success</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-2">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            placeholder="Placeholder"
+            defaultValue="Regular input"
+            {...args}
+          />
+          <FormText type="success">Success</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-3">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            placeholder="Placeholder"
+            defaultValue="Small input"
+            size="sm"
+            {...args}
+          />
+          <FormText type="success">Success</FormText>
+        </FormGroup>
+      </>
+    )
+  },
+}
+
+export const WithIcons: Story = {
+  render: args => {
+    const handleClear = () => {
+      alert('Clicked clear button')
+    }
+
+    return (
+      <>
+        <FormGroup controlId="id-1">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            type="text"
+            placeholder="Search"
+            prepend={<MaterialIcon type="search" />}
+            append={
+              <button
+                type="button"
+                className="form-control-search-clear-btn"
+                onClick={handleClear}
+              >
+                <MaterialIcon type="clear" />
+              </button>
+            }
+            size="lg"
+            {...args}
+          />
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-2">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            type="text"
+            placeholder="Search"
+            prepend={<MaterialIcon type="search" />}
+            append={
+              <button
+                type="button"
+                className="form-control-search-clear-btn"
+                onClick={handleClear}
+              >
+                <MaterialIcon type="clear" />
+              </button>
+            }
+            {...args}
+          />
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-3">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            type="text"
+            placeholder="Search"
+            prepend={<MaterialIcon type="search" />}
+            append={
+              <button
+                type="button"
+                className="form-control-search-clear-btn"
+                onClick={handleClear}
+              >
+                <MaterialIcon type="clear" />
+              </button>
+            }
+            size="sm"
+            {...args}
+          />
+        </FormGroup>
+        <br />
+        <hr />
+        <FormGroup controlId="id-3">
+          <Form.Label>Disabled state</Form.Label>
+          <FormControl
+            type="text"
+            placeholder="Search"
+            prepend={<MaterialIcon type="search" />}
+            append={
+              <button
+                type="button"
+                className="form-control-search-clear-btn"
+                onClick={handleClear}
+                disabled
+              >
+                <MaterialIcon type="clear" />
+              </button>
+            }
+            disabled
+            {...args}
+          />
+        </FormGroup>
+      </>
+    )
+  },
+}
diff --git a/services/web/frontend/stories/ui/form/form-radio-bs5.stories.tsx b/services/web/frontend/stories/ui/form/form-radio-bs5.stories.tsx
new file mode 100644
index 0000000..95c15dc
--- /dev/null
+++ b/services/web/frontend/stories/ui/form/form-radio-bs5.stories.tsx
@@ -0,0 +1,51 @@
+import { Form } from 'react-bootstrap-5'
+import type { Meta, StoryObj } from '@storybook/react'
+
+const meta: Meta<(typeof Form)['Check']> = {
+  title: 'Shared / Components / Form',
+  component: Form.Check,
+  argTypes: {
+    id: {
+      table: {
+        disable: true,
+      },
+    },
+    label: {
+      table: {
+        disable: true,
+      },
+    },
+    type: {
+      table: {
+        disable: true,
+      },
+    },
+    defaultChecked: {
+      table: {
+        disable: true,
+      },
+    },
+  },
+}
+export default meta
+
+type Story = StoryObj<(typeof Form)['Check']>
+
+export const Radio: Story = {
+  args: {
+    id: 'id-1',
+    type: 'radio',
+    label: 'Label',
+    disabled: false,
+  },
+}
+
+export const RadioChecked: Story = {
+  args: {
+    id: 'id-1',
+    type: 'radio',
+    label: 'Label',
+    disabled: false,
+    defaultChecked: true,
+  },
+}
diff --git a/services/web/frontend/stories/ui/form/form-select-bs5.stories.tsx b/services/web/frontend/stories/ui/form/form-select-bs5.stories.tsx
new file mode 100644
index 0000000..61e96c7
--- /dev/null
+++ b/services/web/frontend/stories/ui/form/form-select-bs5.stories.tsx
@@ -0,0 +1,220 @@
+import { Form, FormSelectProps } from 'react-bootstrap-5'
+import type { Meta, StoryObj } from '@storybook/react'
+import FormGroup from '@/features/ui/components/bootstrap-5/form/form-group'
+import FormText from '@/features/ui/components/bootstrap-5/form/form-text'
+
+const meta: Meta<FormSelectProps> = {
+  title: 'Shared / Components / Form / Select',
+  component: Form.Select,
+}
+export default meta
+
+type Story = StoryObj<FormSelectProps>
+
+export const Default: Story = {
+  render: args => {
+    return (
+      <>
+        <FormGroup controlId="id-1">
+          <Form.Label>Label</Form.Label>
+          <Form.Select size="lg" {...args}>
+            <option>Large select</option>
+            <option value="1">One</option>
+            <option value="2">Two</option>
+            <option value="3">Three</option>
+          </Form.Select>
+          <FormText>Helper</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-2">
+          <Form.Label>Label</Form.Label>
+          <Form.Select {...args}>
+            <option>Regular select</option>
+            <option value="1">One</option>
+            <option value="2">Two</option>
+            <option value="3">Three</option>
+          </Form.Select>
+          <FormText>Helper</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-3">
+          <Form.Label>Label</Form.Label>
+          <Form.Select size="sm" {...args}>
+            <option>Small select</option>
+            <option value="1">One</option>
+            <option value="2">Two</option>
+            <option value="3">Three</option>
+          </Form.Select>
+          <FormText>Helper</FormText>
+        </FormGroup>
+      </>
+    )
+  },
+}
+Default.args = {
+  disabled: false,
+}
+
+export const Info: Story = {
+  render: args => {
+    return (
+      <>
+        <FormGroup controlId="id-1">
+          <Form.Label>Label</Form.Label>
+          <Form.Select size="lg" {...args}>
+            <option>Large select</option>
+            <option value="1">One</option>
+            <option value="2">Two</option>
+            <option value="3">Three</option>
+          </Form.Select>
+          <FormText type="info">Info</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-2">
+          <Form.Label>Label</Form.Label>
+          <Form.Select {...args}>
+            <option>Regular select</option>
+            <option value="1">One</option>
+            <option value="2">Two</option>
+            <option value="3">Three</option>
+          </Form.Select>
+          <FormText type="info">Info</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-3">
+          <Form.Label>Label</Form.Label>
+          <Form.Select size="sm" {...args}>
+            <option>Small select</option>
+            <option value="1">One</option>
+            <option value="2">Two</option>
+            <option value="3">Three</option>
+          </Form.Select>
+          <FormText type="info">Info</FormText>
+        </FormGroup>
+      </>
+    )
+  },
+}
+
+export const Error: Story = {
+  render: args => {
+    return (
+      <>
+        <FormGroup controlId="id-1">
+          <Form.Label>Label</Form.Label>
+          <Form.Select size="lg" isInvalid {...args}>
+            <option>Large select</option>
+            <option value="1">One</option>
+            <option value="2">Two</option>
+            <option value="3">Three</option>
+          </Form.Select>
+          <FormText type="error">Error</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-2">
+          <Form.Label>Label</Form.Label>
+          <Form.Select isInvalid {...args}>
+            <option>Regular select</option>
+            <option value="1">One</option>
+            <option value="2">Two</option>
+            <option value="3">Three</option>
+          </Form.Select>
+          <FormText type="error">Error</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-3">
+          <Form.Label>Label</Form.Label>
+          <Form.Select size="sm" isInvalid {...args}>
+            <option>Small select</option>
+            <option value="1">One</option>
+            <option value="2">Two</option>
+            <option value="3">Three</option>
+          </Form.Select>
+          <FormText type="error">Error</FormText>
+        </FormGroup>
+      </>
+    )
+  },
+}
+
+export const Warning: Story = {
+  render: args => {
+    return (
+      <>
+        <FormGroup controlId="id-1">
+          <Form.Label>Label</Form.Label>
+          <Form.Select size="lg" {...args}>
+            <option>Large select</option>
+            <option value="1">One</option>
+            <option value="2">Two</option>
+            <option value="3">Three</option>
+          </Form.Select>
+          <FormText type="warning">Warning</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-2">
+          <Form.Label>Label</Form.Label>
+          <Form.Select {...args}>
+            <option>Regular select</option>
+            <option value="1">One</option>
+            <option value="2">Two</option>
+            <option value="3">Three</option>
+          </Form.Select>
+          <FormText type="warning">Warning</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-3">
+          <Form.Label>Label</Form.Label>
+          <Form.Select size="sm" {...args}>
+            <option>Small select</option>
+            <option value="1">One</option>
+            <option value="2">Two</option>
+            <option value="3">Three</option>
+          </Form.Select>
+          <FormText type="warning">Warning</FormText>
+        </FormGroup>
+      </>
+    )
+  },
+}
+
+export const Success: Story = {
+  render: args => {
+    return (
+      <>
+        <FormGroup controlId="id-1">
+          <Form.Label>Label</Form.Label>
+          <Form.Select size="lg" {...args}>
+            <option>Large select</option>
+            <option value="1">One</option>
+            <option value="2">Two</option>
+            <option value="3">Three</option>
+          </Form.Select>
+          <FormText type="success">Success</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-2">
+          <Form.Label>Label</Form.Label>
+          <Form.Select {...args}>
+            <option>Regular select</option>
+            <option value="1">One</option>
+            <option value="2">Two</option>
+            <option value="3">Three</option>
+          </Form.Select>
+          <FormText type="success">Success</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-3">
+          <Form.Label>Label</Form.Label>
+          <Form.Select size="sm" {...args}>
+            <option>Small select</option>
+            <option value="1">One</option>
+            <option value="2">Two</option>
+            <option value="3">Three</option>
+          </Form.Select>
+          <FormText type="success">Success</FormText>
+        </FormGroup>
+      </>
+    )
+  },
+}
diff --git a/services/web/frontend/stories/ui/form/form-textarea-bs5.stories.tsx b/services/web/frontend/stories/ui/form/form-textarea-bs5.stories.tsx
new file mode 100644
index 0000000..898ec97
--- /dev/null
+++ b/services/web/frontend/stories/ui/form/form-textarea-bs5.stories.tsx
@@ -0,0 +1,227 @@
+import { Form } from 'react-bootstrap-5'
+import type { Meta, StoryObj } from '@storybook/react'
+import FormGroup from '@/features/ui/components/bootstrap-5/form/form-group'
+import FormText from '@/features/ui/components/bootstrap-5/form/form-text'
+import FormControl from '@/features/ui/components/bootstrap-5/form/form-control'
+
+const meta: Meta<React.ComponentProps<typeof FormControl>> = {
+  title: 'Shared / Components / Form / Textarea',
+  component: FormControl,
+}
+export default meta
+
+type Story = StoryObj<React.ComponentProps<typeof FormControl>>
+
+export const Default: Story = {
+  render: args => {
+    return (
+      <>
+        <FormGroup controlId="id-1">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            as="textarea"
+            defaultValue="Large input"
+            size="lg"
+            {...args}
+          />
+          <FormText>Helper</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-2">
+          <Form.Label>Label</Form.Label>
+          <FormControl as="textarea" defaultValue="Regular input" {...args} />
+          <FormText>Helper</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-3">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            as="textarea"
+            defaultValue="Small input"
+            size="sm"
+            {...args}
+          />
+          <FormText>Helper</FormText>
+        </FormGroup>
+      </>
+    )
+  },
+}
+Default.args = {
+  disabled: false,
+}
+
+export const Info: Story = {
+  render: args => {
+    return (
+      <>
+        <FormGroup controlId="id-1">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            as="textarea"
+            placeholder="Placeholder"
+            defaultValue="Large input"
+            size="lg"
+            {...args}
+          />
+          <FormText type="info">Info</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-2">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            as="textarea"
+            placeholder="Placeholder"
+            defaultValue="Regular input"
+            {...args}
+          />
+          <FormText type="info">Info</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-3">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            as="textarea"
+            placeholder="Placeholder"
+            defaultValue="Small input"
+            size="sm"
+            {...args}
+          />
+          <FormText type="info">Info</FormText>
+        </FormGroup>
+      </>
+    )
+  },
+}
+
+export const Error: Story = {
+  render: args => {
+    return (
+      <>
+        <FormGroup controlId="id-1">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            as="textarea"
+            placeholder="Placeholder"
+            defaultValue="Large input"
+            size="lg"
+            isInvalid
+            {...args}
+          />
+          <FormText type="error">Error</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-2">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            as="textarea"
+            placeholder="Placeholder"
+            defaultValue="Regular input"
+            isInvalid
+            {...args}
+          />
+          <FormText type="error">Error</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-3">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            as="textarea"
+            placeholder="Placeholder"
+            defaultValue="Small input"
+            size="sm"
+            isInvalid
+            {...args}
+          />
+          <FormText type="error">Error</FormText>
+        </FormGroup>
+      </>
+    )
+  },
+}
+
+export const Warning: Story = {
+  render: args => {
+    return (
+      <>
+        <FormGroup controlId="id-1">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            as="textarea"
+            placeholder="Placeholder"
+            defaultValue="Large input"
+            size="lg"
+            {...args}
+          />
+          <FormText type="warning">Warning</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-2">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            as="textarea"
+            placeholder="Placeholder"
+            defaultValue="Regular input"
+            {...args}
+          />
+          <FormText type="warning">Warning</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-3">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            as="textarea"
+            placeholder="Placeholder"
+            defaultValue="Small input"
+            size="sm"
+            {...args}
+          />
+          <FormText type="warning">Warning</FormText>
+        </FormGroup>
+      </>
+    )
+  },
+}
+
+export const Success: Story = {
+  render: args => {
+    return (
+      <>
+        <FormGroup controlId="id-1">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            as="textarea"
+            placeholder="Placeholder"
+            defaultValue="Large input"
+            size="lg"
+            {...args}
+          />
+          <FormText type="success">Success</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-2">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            as="textarea"
+            placeholder="Placeholder"
+            defaultValue="Regular input"
+            {...args}
+          />
+          <FormText type="success">Success</FormText>
+        </FormGroup>
+        <hr />
+        <FormGroup controlId="id-3">
+          <Form.Label>Label</Form.Label>
+          <FormControl
+            as="textarea"
+            placeholder="Placeholder"
+            defaultValue="Small input"
+            size="sm"
+            {...args}
+          />
+          <FormText type="success">Success</FormText>
+        </FormGroup>
+      </>
+    )
+  },
+}
diff --git a/services/web/frontend/stories/ui/icon-button.stories.tsx b/services/web/frontend/stories/ui/icon-button.stories.tsx
new file mode 100644
index 0000000..51554ec
--- /dev/null
+++ b/services/web/frontend/stories/ui/icon-button.stories.tsx
@@ -0,0 +1,40 @@
+import IconButton from '@/features/ui/components/bootstrap-5/icon-button'
+import type { Meta } from '@storybook/react'
+import { useTranslation } from 'react-i18next'
+
+type Args = React.ComponentProps<typeof IconButton>
+
+export const Icon = (args: Args) => {
+  const { t } = useTranslation()
+
+  return <IconButton accessibilityLabel={t('add')} disabled {...args} />
+}
+
+const meta: Meta<typeof IconButton> = {
+  title: 'Shared / Components / IconButton',
+  component: IconButton,
+  args: {
+    disabled: false,
+    icon: 'add',
+    isLoading: false,
+  },
+  argTypes: {
+    size: {
+      control: 'radio',
+      options: ['small', 'default', 'large'],
+    },
+    variant: {
+      control: 'radio',
+      options: [
+        'primary',
+        'secondary',
+        'ghost',
+        'danger',
+        'danger-ghost',
+        'premium',
+      ],
+    },
+  },
+}
+
+export default meta
diff --git a/services/web/frontend/stories/ui/row.stories.tsx b/services/web/frontend/stories/ui/row.stories.tsx
new file mode 100644
index 0000000..4b64116
--- /dev/null
+++ b/services/web/frontend/stories/ui/row.stories.tsx
@@ -0,0 +1,29 @@
+import { Container, Row, Col } from 'react-bootstrap-5'
+import { Meta } from '@storybook/react'
+
+type Args = React.ComponentProps<typeof Row>
+
+export const ColumnRowCell = (args: Args) => {
+  return (
+    <Container style={{ border: '3px solid green' }}>
+      <Row {...args} style={{ border: '1px solid black' }}>
+        <Col sm={6} style={{ border: '1px solid red' }}>
+          <div style={{ backgroundColor: '#ddd' }}>Col 1</div>
+        </Col>
+        <Col sm={6} style={{ border: '1px solid red' }}>
+          <div style={{ backgroundColor: '#ddd' }}>Col 2</div>
+        </Col>
+        <Col sm={{ span: 10, offset: 2 }} style={{ border: '1px solid red' }}>
+          <div style={{ backgroundColor: '#ddd' }}>Col 3</div>
+        </Col>
+      </Row>
+    </Container>
+  )
+}
+
+const meta: Meta<typeof Row> = {
+  title: 'Shared / Components / Column-Row-Cell',
+  component: Row,
+}
+
+export default meta
diff --git a/services/web/frontend/stories/ui/split-button.stories.tsx b/services/web/frontend/stories/ui/split-button.stories.tsx
new file mode 100644
index 0000000..d78643b
--- /dev/null
+++ b/services/web/frontend/stories/ui/split-button.stories.tsx
@@ -0,0 +1,61 @@
+import { Fragment } from 'react'
+import type { Meta } from '@storybook/react'
+import { useTranslation } from 'react-i18next'
+import {
+  Dropdown,
+  DropdownHeader,
+  DropdownItem,
+  DropdownMenu,
+  DropdownToggle,
+} from '@/features/ui/components/bootstrap-5/dropdown-menu'
+import Button from '@/features/ui/components/bootstrap-5/button'
+import { ButtonGroup } from 'react-bootstrap-5'
+
+type Args = React.ComponentProps<typeof Dropdown>
+
+export const Sizes = (args: Args) => {
+  const { t } = useTranslation()
+  const sizes = {
+    Large: 'lg',
+    Regular: undefined,
+    Small: 'sm',
+  } as const
+  const variants = ['primary', 'secondary', 'danger'] as const
+
+  return Object.entries(sizes).map(([label, size]) => (
+    <Fragment key={`${label}-${size}`}>
+      <h4>{label}</h4>
+      <div style={{ display: 'inline-flex', gap: '10px' }}>
+        {variants.map(variant => (
+          <Dropdown key={variant} as={ButtonGroup}>
+            <Button variant={variant} size={size}>
+              Split Button
+            </Button>
+            <DropdownToggle
+              split
+              variant={variant}
+              id={`split-btn-${variant}-${size}`}
+              size={size}
+              aria-label={t('expand')}
+            />
+            <DropdownMenu>
+              <DropdownHeader>Header</DropdownHeader>
+              <DropdownItem as="button">Action 1</DropdownItem>
+              <DropdownItem as="button">Action 2</DropdownItem>
+              <DropdownItem as="button">Action 3</DropdownItem>
+            </DropdownMenu>
+          </Dropdown>
+        ))}
+      </div>
+    </Fragment>
+  ))
+}
+const meta: Meta<typeof Dropdown> = {
+  title: 'Shared/Components/SplitButton',
+  component: Dropdown,
+  args: {
+    align: { sm: 'start' },
+  },
+}
+
+export default meta
diff --git a/services/web/frontend/stories/ui/tag.stories.tsx b/services/web/frontend/stories/ui/tag.stories.tsx
new file mode 100644
index 0000000..37bbd39
--- /dev/null
+++ b/services/web/frontend/stories/ui/tag.stories.tsx
@@ -0,0 +1,74 @@
+import OLTagIcon from '@/features/ui/components/ol/icons/ol-tag-icon'
+import Tag from '@/features/ui/components/bootstrap-5/tag'
+import type { Meta, StoryObj } from '@storybook/react'
+
+const meta: Meta<typeof Tag> = {
+  title: 'Shared / Components / Tag',
+  component: Tag,
+  args: {
+    children: 'Tag',
+  },
+  argTypes: {
+    prepend: {
+      table: {
+        disable: true,
+      },
+    },
+    className: {
+      table: {
+        disable: true,
+      },
+    },
+    closeBtnProps: {
+      table: {
+        disable: true,
+      },
+    },
+  },
+}
+export default meta
+
+type Story = StoryObj<typeof Tag>
+
+export const TagDefault: Story = {
+  render: args => {
+    return <Tag {...args} />
+  },
+}
+
+export const TagPrepend: Story = {
+  render: args => {
+    return <Tag prepend={<OLTagIcon />} {...args} />
+  },
+}
+
+export const TagWithCloseButton: Story = {
+  render: args => {
+    return (
+      <Tag
+        prepend={<OLTagIcon />}
+        closeBtnProps={{
+          onClick: () => alert('Close triggered!'),
+        }}
+        {...args}
+      />
+    )
+  },
+}
+
+export const TagWithContentButtonAndCloseButton: Story = {
+  render: args => {
+    return (
+      <Tag
+        prepend={<OLTagIcon />}
+        contentProps={{
+          onClick: () => alert('Content button clicked!'),
+        }}
+        closeBtnProps={{
+          onClick: () => alert('Close triggered!'),
+        }}
+        {...args}
+      />
+    )
+  },
+}
diff --git a/services/web/frontend/stories/ui/tooltip.stories.tsx b/services/web/frontend/stories/ui/tooltip.stories.tsx
new file mode 100644
index 0000000..2a2b07d
--- /dev/null
+++ b/services/web/frontend/stories/ui/tooltip.stories.tsx
@@ -0,0 +1,38 @@
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+import { Meta } from '@storybook/react'
+
+export const Tooltips = () => {
+  const placements = ['top', 'right', 'bottom', 'left'] as const
+
+  return (
+    <div
+      style={{
+        width: '200px',
+        display: 'flex',
+        flexDirection: 'column',
+        margin: '0 auto',
+        padding: '35px 0',
+        gap: '35px',
+      }}
+    >
+      {placements.map(placement => (
+        <OLTooltip
+          key={placement}
+          id={`tooltip-${placement}`}
+          description={`Tooltip on ${placement}`}
+          overlayProps={{ placement }}
+        >
+          <OLButton variant="secondary">Tooltip on {placement}</OLButton>
+        </OLTooltip>
+      ))}
+    </div>
+  )
+}
+
+const meta: Meta<typeof OLTooltip> = {
+  title: 'Shared / Components / Tooltip',
+  component: OLTooltip,
+}
+
+export default meta
diff --git a/services/web/frontend/stories/upgrade-prompt.stories.tsx b/services/web/frontend/stories/upgrade-prompt.stories.tsx
new file mode 100644
index 0000000..0e7de8d
--- /dev/null
+++ b/services/web/frontend/stories/upgrade-prompt.stories.tsx
@@ -0,0 +1,19 @@
+import { UpgradePrompt } from '@/shared/components/upgrade-prompt'
+import { StoryObj } from '@storybook/react/*'
+
+type Story = StoryObj<typeof UpgradePrompt>
+
+export const Generic: Story = {
+  args: {
+    title: 'Unlock more compile time',
+    summary: 'Your project took too long to compile and timed out.',
+    onClose: () => {},
+    planPricing: { student: '$9', standard: '$21' },
+    itmCampaign: 'storybook',
+  },
+}
+
+export default {
+  title: 'Shared / Components / Upgrade Prompt',
+  component: UpgradePrompt,
+}
diff --git a/services/web/frontend/stories/use-expand-collapse.stories.jsx b/services/web/frontend/stories/use-expand-collapse.stories.jsx
new file mode 100644
index 0000000..8c5000b
--- /dev/null
+++ b/services/web/frontend/stories/use-expand-collapse.stories.jsx
@@ -0,0 +1,135 @@
+import PropTypes from 'prop-types'
+import useExpandCollapse from '../js/shared/hooks/use-expand-collapse'
+
+function TestUI({ children, expandableProps, toggleProps }) {
+  return (
+    <>
+      <div {...expandableProps}>{children}</div>
+      <button {...toggleProps}>Expand/collapse</button>
+    </>
+  )
+}
+
+function VerticalTestUI(props) {
+  return <TestUI {...props}>{verticalContents}</TestUI>
+}
+
+function HorizontalTestUI(props) {
+  return <TestUI {...props}>{horizontalContents}</TestUI>
+}
+
+VerticalTestUI.propTypes = {
+  expandableProps: PropTypes.object,
+  toggleProps: PropTypes.object,
+}
+
+HorizontalTestUI.propTypes = VerticalTestUI.propTypes
+
+TestUI.propTypes = {
+  ...VerticalTestUI.propTypes,
+  children: PropTypes.node,
+}
+
+export const Vertical = args => {
+  const { expandableProps, toggleProps } = useExpandCollapse(args)
+  return (
+    <VerticalTestUI
+      expandableProps={expandableProps}
+      toggleProps={toggleProps}
+    />
+  )
+}
+
+export const VerticalInitiallyExpanded = args => {
+  const { expandableProps, toggleProps } = useExpandCollapse(args)
+  return (
+    <VerticalTestUI
+      expandableProps={expandableProps}
+      toggleProps={toggleProps}
+    />
+  )
+}
+VerticalInitiallyExpanded.args = {
+  initiallyExpanded: true,
+}
+
+export const VerticalWithMinSize = args => {
+  const { expandableProps, toggleProps } = useExpandCollapse(args)
+  return (
+    <VerticalTestUI
+      expandableProps={expandableProps}
+      toggleProps={toggleProps}
+    />
+  )
+}
+VerticalWithMinSize.args = {
+  collapsedSize: 200,
+}
+
+export const Horizontal = args => {
+  const { expandableProps, toggleProps } = useExpandCollapse(args)
+  return (
+    <HorizontalTestUI
+      expandableProps={expandableProps}
+      toggleProps={toggleProps}
+    />
+  )
+}
+Horizontal.args = {
+  dimension: 'width',
+}
+
+export const HorizontalInitiallyExpanded = args => {
+  const { expandableProps, toggleProps } = useExpandCollapse(args)
+  return (
+    <HorizontalTestUI
+      expandableProps={expandableProps}
+      toggleProps={toggleProps}
+    />
+  )
+}
+HorizontalInitiallyExpanded.args = {
+  initiallyExpanded: true,
+}
+
+export const HorizontalWithMinSize = args => {
+  const { expandableProps, toggleProps } = useExpandCollapse(args)
+  return (
+    <HorizontalTestUI
+      expandableProps={expandableProps}
+      toggleProps={toggleProps}
+    />
+  )
+}
+HorizontalWithMinSize.args = {
+  dimension: 'width',
+  collapsedSize: 200,
+}
+
+const defaultContentStyles = {
+  display: 'flex',
+  justifyContent: 'center',
+  alignItems: 'center',
+  fontSize: '2em',
+  backgroundImage: 'linear-gradient(to bottom, red, blue)',
+  width: '500px',
+  height: '500px',
+  color: '#FFF',
+}
+
+const verticalContents = <div style={defaultContentStyles}>Vertical</div>
+
+const horizontalContents = (
+  <div
+    style={{
+      ...defaultContentStyles,
+      backgroundImage: 'linear-gradient(to right, red, blue)',
+    }}
+  >
+    Horizontal
+  </div>
+)
+
+export default {
+  title: 'Shared / Hooks / useExpandCollapse',
+}
diff --git a/services/web/frontend/stories/utils/arg-types.ts b/services/web/frontend/stories/utils/arg-types.ts
new file mode 100644
index 0000000..e14aa11
--- /dev/null
+++ b/services/web/frontend/stories/utils/arg-types.ts
@@ -0,0 +1,12 @@
+export const disableControlsOf = (...args: string[]) => {
+  return args.reduce<Record<string, object>>((prev, cur) => {
+    return {
+      ...prev,
+      [cur]: {
+        table: {
+          disable: true,
+        },
+      },
+    }
+  }, {})
+}
diff --git a/services/web/frontend/stories/word-count-modal.stories.jsx b/services/web/frontend/stories/word-count-modal.stories.jsx
new file mode 100644
index 0000000..7742815
--- /dev/null
+++ b/services/web/frontend/stories/word-count-modal.stories.jsx
@@ -0,0 +1,63 @@
+import useFetchMock from './hooks/use-fetch-mock'
+import WordCountModal from '../js/features/word-count-modal/components/word-count-modal'
+import { ScopeDecorator } from './decorators/scope'
+
+const counts = {
+  headers: 4,
+  mathDisplay: 40,
+  mathInline: 400,
+  textWords: 4000,
+}
+
+const messages = [
+  'Lorem ipsum dolor sit amet.',
+  'Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.',
+].join('\n')
+
+export const WordCount = args => {
+  useFetchMock(fetchMock => {
+    fetchMock.get(
+      'express:/project/:projectId/wordcount',
+      { status: 200, body: { texcount: counts } },
+      { delay: 500 }
+    )
+  })
+
+  return <WordCountModal {...args} />
+}
+
+export const WordCountWithMessages = args => {
+  useFetchMock(fetchMock => {
+    fetchMock.get(
+      'express:/project/:projectId/wordcount',
+      { status: 200, body: { texcount: { ...counts, messages } } },
+      { delay: 500 }
+    )
+  })
+
+  return <WordCountModal {...args} />
+}
+
+export const ErrorResponse = args => {
+  useFetchMock(fetchMock => {
+    fetchMock.get(
+      'express:/project/:projectId/wordcount',
+      { status: 500 },
+      { delay: 500 }
+    )
+  })
+
+  return <WordCountModal {...args} />
+}
+
+export default {
+  title: 'Editor / Modals / Word Count',
+  component: WordCountModal,
+  args: {
+    show: true,
+  },
+  argTypes: {
+    handleHide: { action: 'close modal' },
+  },
+  decorators: [ScopeDecorator],
+}
diff --git a/services/web/frontend/stylesheets/app/about-page.less b/services/web/frontend/stylesheets/app/about-page.less
new file mode 100644
index 0000000..d9869a6
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/about-page.less
@@ -0,0 +1,9 @@
+.team-profile {
+  clear: both;
+  .img-container {
+    float: left;
+    overflow: hidden;
+    margin: (@line-height-computed / 4) @line-height-computed
+      @line-height-computed (@line-height-computed / 2);
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/about.less b/services/web/frontend/stylesheets/app/about.less
new file mode 100644
index 0000000..f516114
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/about.less
@@ -0,0 +1,33 @@
+/*
+  v2
+  About Page
+*/
+.team {
+  list-style: none;
+  padding: 0;
+  .team-member {
+    display: block;
+    float: left;
+    margin-bottom: @margin-lg;
+    width: 100%;
+    h3 {
+      margin: 0;
+    }
+    .team-pic {
+      float: left;
+      margin-right: @margin-sm;
+    }
+    .team-info {
+      overflow: hidden;
+    }
+    .team-connect {
+      list-style: none;
+      margin-top: @margin-sm;
+      padding: 0;
+      li {
+        display: inline-block;
+        margin: 0 @margin-md 0 0;
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/add-secondary-email-prompt.less b/services/web/frontend/stylesheets/app/add-secondary-email-prompt.less
new file mode 100644
index 0000000..7a4eff7
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/add-secondary-email-prompt.less
@@ -0,0 +1,16 @@
+.add-secondary-email {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+
+  .add-secondary-email-error {
+    display: flex;
+    gap: 6px;
+    padding: 4px;
+  }
+
+  .add-secondary-email-learn-more {
+    margin-top: 12px;
+    margin-bottom: 0;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/admin-hub.less b/services/web/frontend/stylesheets/app/admin-hub.less
new file mode 100644
index 0000000..bae3312
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/admin-hub.less
@@ -0,0 +1,156 @@
+.hub-header {
+  h2 {
+    display: inline-block;
+  }
+  a {
+    color: @ol-dark-green;
+  }
+  i {
+    font-size: 30px;
+  }
+  .dropdown {
+    margin-right: 10px;
+  }
+}
+.admin-item {
+  position: relative;
+  margin-bottom: 60px;
+  .section-title {
+    text-transform: capitalize;
+  }
+  .alert-danger {
+    color: @ol-red;
+  }
+}
+.hidden-chart-section {
+  display: none;
+}
+.hub-circle {
+  display: inline-block;
+  background-color: @accent-color-secondary;
+  border-radius: 50%;
+  width: 160px;
+  height: 160px;
+  text-align: center;
+  //padding-top: 160px / 6.4;
+  img {
+    height: 160px - 160px / 3.2;
+  }
+  padding-top: 50px;
+  color: white;
+}
+.hub-circle-number {
+  display: block;
+  font-size: 36px;
+  font-weight: 900;
+  line-height: 1;
+}
+.hub-big-number {
+  float: left;
+  font-size: 32px;
+  font-weight: 900;
+  line-height: 40px;
+  color: @accent-color-secondary;
+}
+.hub-big-number,
+.hub-number-label {
+  display: block;
+}
+.hub-metric-link {
+  position: absolute;
+  top: 9px;
+  right: 0;
+  a {
+    color: @accent-color-secondary;
+  }
+  i {
+    margin-right: 5px;
+  }
+}
+.custom-donut-container {
+  svg {
+    max-width: 700px;
+    margin: auto;
+  }
+  .chart-center-text {
+    font-family: @font-family-sans-serif;
+    font-size: 40px;
+    font-weight: bold;
+    fill: @accent-color-secondary;
+    text-anchor: middle;
+  }
+
+  .nv-legend-text {
+    font-family: @font-family-sans-serif;
+    font-size: 14px;
+  }
+}
+.chart-no-center-text {
+  .chart-center-text {
+    display: none;
+  }
+}
+
+.superscript {
+  font-size: @font-size-large;
+}
+
+.admin-page {
+  summary {
+    // firefox does not show markers for block items
+    display: list-item;
+  }
+}
+
+.material-switch {
+  input[type='checkbox'] {
+    display: none;
+
+    &:checked + label::before {
+      background: inherit;
+      opacity: 0.5;
+    }
+    &:checked + label::after {
+      background: inherit;
+      left: 20px;
+    }
+    &:disabled + label {
+      opacity: 0.5;
+      cursor: not-allowed;
+    }
+  }
+
+  label {
+    cursor: pointer;
+    height: 0;
+    position: relative;
+    width: 40px;
+
+    &:before {
+      background: rgb(0, 0, 0);
+      box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.5);
+      border-radius: 8px;
+      content: '';
+      height: 16px;
+      margin-top: -2px;
+      position: absolute;
+      opacity: 0.3;
+      transition: all 0.2s ease-in-out;
+      width: 40px;
+    }
+
+    &:after {
+      background: rgb(255, 255, 255);
+      border-radius: 16px;
+      box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
+      content: '';
+      height: 24px;
+      left: -4px;
+      margin-top: -2px;
+      position: absolute;
+      top: -4px;
+      transition: all 0.2s ease-in-out;
+      width: 24px;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/base.less b/services/web/frontend/stylesheets/app/base.less
new file mode 100644
index 0000000..2ae217e
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/base.less
@@ -0,0 +1,220 @@
+.system-messages {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.system-message {
+  padding: (@line-height-computed / 4) (@line-height-computed / 2);
+  background-color: @sys-msg-background;
+  color: @sys-msg-color;
+  border-bottom: @sys-msg-border;
+  a {
+    color: @sidebar-link-color;
+    text-decoration: underline;
+  }
+}
+
+.system-message .close {
+  color: #fff;
+  opacity: 1;
+  text-shadow: none;
+}
+
+.light.close {
+  color: #000;
+}
+
+.dark.close {
+  color: #fff;
+  opacity: 1;
+  text-shadow: none;
+}
+
+.clickable {
+  cursor: pointer;
+}
+
+.img-circle {
+  display: inline-block;
+  overflow: hidden;
+  border-radius: 50%;
+  width: @line-height-computed * 4;
+  height: @line-height-computed * 4;
+  img {
+    margin-top: -10px;
+  }
+}
+
+@-webkit-keyframes bounce {
+  0%,
+  10%,
+  26%,
+  40%,
+  50% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  20%,
+  21% {
+    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+
+  35% {
+    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -5px, 0);
+    transform: translate3d(0, -5px, 0);
+  }
+
+  45% {
+    -webkit-transform: translate3d(0, -2px, 0);
+    transform: translate3d(0, -2px, 0);
+  }
+
+  50% {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes bounce {
+  0%,
+  10%,
+  26%,
+  40%,
+  50% {
+    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    -webkit-transform: translate3d(0, 0, 0);
+    -ms-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+
+  20%,
+  21% {
+    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -10px, 0);
+    -ms-transform: translate3d(0, -10px, 0);
+    transform: translate3d(0, -10px, 0);
+  }
+
+  35% {
+    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    -webkit-transform: translate3d(0, -5px, 0);
+    -ms-transform: translate3d(0, -5px, 0);
+    transform: translate3d(0, -5px, 0);
+  }
+
+  45% {
+    -webkit-transform: translate3d(0, -2px, 0);
+    -ms-transform: translate3d(0, -2px, 0);
+    transform: translate3d(0, -2px, 0);
+  }
+
+  50% {
+    -webkit-transform: translate3d(0, 0, 0);
+    -ms-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes pulse {
+  0% {
+    opacity: 0.7;
+  }
+  100% {
+    opacity: 0.9;
+  }
+}
+@keyframes fade-in {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.bounce {
+  -webkit-animation-duration: 2s;
+  animation-duration: 2s;
+  -webkit-animation-fill-mode: both;
+  animation-fill-mode: both;
+  -webkit-animation-iteration-count: infinite;
+  animation-iteration-count: infinite;
+  -webkit-animation-name: bounce;
+  animation-name: bounce;
+  -webkit-transform-origin: center bottom;
+  -ms-transform-origin: center bottom;
+  transform-origin: center bottom;
+}
+
+.grecaptcha-badge {
+  visibility: hidden;
+  height: 0 !important; // Prevent layout shift
+}
+
+.recaptcha-branding {
+  padding: @padding-sm @padding-sm 0 @padding-sm;
+  text-align: center;
+  font-size: @font-size-extra-small;
+}
+
+.tos-agreement-notice {
+  text-align: center;
+  margin-top: (@line-height-computed / 4);
+  margin-bottom: 0;
+  font-size: @font-size-small;
+  &.tos-agreement-notice-homepage {
+    margin-top: (@line-height-computed / 2);
+    color: #fff;
+    & > a {
+      color: #fff;
+      text-decoration: underline;
+    }
+  }
+}
+
+.website-redesign {
+  .recaptcha-branding {
+    padding: @padding-sm 0;
+    text-align: left;
+    font-size: @font-size-extra-small;
+
+    & > a {
+      color: var(--green-50);
+
+      &:hover {
+        color: var(--green-60);
+      }
+      text-decoration: underline;
+    }
+  }
+
+  .light-design {
+    .recaptcha-branding {
+      padding: @padding-sm 0;
+      text-align: center; // This is different from above
+      font-size: @font-size-extra-small;
+
+      & > a {
+        color: var(--green-50);
+
+        &:hover {
+          color: var(--green-60);
+        }
+
+        text-decoration: underline;
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/beta-program.less b/services/web/frontend/stylesheets/app/beta-program.less
new file mode 100644
index 0000000..f37d4ec
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/beta-program.less
@@ -0,0 +1,5 @@
+.beta-opt-in {
+  .form-group {
+    margin-top: 15px;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/blog-posts.less b/services/web/frontend/stylesheets/app/blog-posts.less
new file mode 100644
index 0000000..9ac80ef
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/blog-posts.less
@@ -0,0 +1,60 @@
+/*
+  v2
+  Blog Pages
+*/
+.blog {
+  img {
+    max-width: 100%;
+  }
+
+  .blog-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    .blog-post {
+      margin: 0 0 @margin-lg 0;
+    }
+    .card-header {
+      margin-bottom: @margin-sm;
+      padding: 0;
+    }
+    p {
+      margin-top: 12.5px;
+    }
+  }
+
+  .tags {
+    margin-top: @margin-md;
+    .tags-list {
+      list-style: none;
+      padding: 0;
+    }
+    li {
+      display: inline-block;
+      margin: 0;
+      padding: 0 @padding-sm @padding-sm 0;
+    }
+    a {
+      font-size: small;
+    }
+  }
+
+  pre {
+    border: 1px solid @ol-blue-gray-2;
+    border-radius: @border-radius-base;
+    padding: @padding-sm;
+  }
+
+  .figure {
+    background-color: #ffffff;
+    border: 1px solid @ol-blue-gray-2;
+    display: inline-block;
+    margin: 0 auto @margin-sm 0;
+    max-width: 100%;
+    padding: @padding-sm;
+    .figure-caption {
+      padding-top: @padding-sm;
+      font-size: small;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/blog.less b/services/web/frontend/stylesheets/app/blog.less
new file mode 100644
index 0000000..0cfe4ac
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/blog.less
@@ -0,0 +1,59 @@
+.author_details {
+  font-size: 0.8em;
+  color: @gray;
+}
+
+.post {
+  img {
+    border-radius: 3px;
+    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    max-width: 100%;
+    height: auto;
+  }
+}
+
+.blog {
+  iframe {
+    width: 100%;
+  }
+  > .page-header {
+    h1 {
+      margin: 0;
+    }
+    padding: 0;
+    margin: 0;
+    border: none;
+  }
+
+  .post {
+    .page-header {
+      h2 {
+        margin-top: 0;
+      }
+    }
+  }
+
+  .page-header {
+    h1 {
+      a {
+        color: @text-color;
+      }
+      .small {
+        color: @gray-dark;
+        font-size: 16px;
+        display: inline-block;
+        float: right;
+        margin-top: 22px;
+      }
+    }
+  }
+
+  .blurb {
+    ul {
+      li {
+        margin-bottom: @line-height-computed / 4;
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/bonus.less b/services/web/frontend/stylesheets/app/bonus.less
new file mode 100644
index 0000000..306db93
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/bonus.less
@@ -0,0 +1,125 @@
+@twitter-color: #1da1f2;
+@facebook-color: #3b5998;
+@email-color: #808b9a;
+@link-to-us-color: #406eb3;
+
+.bonus {
+  margin-top: 15px;
+  .page-header h1 {
+    text-align: center;
+  }
+
+  h2 {
+    text-align: center;
+    font-size: 20px;
+    line-height: 28px;
+    margin-bottom: @line-height-computed;
+    margin-top: 0;
+    &.direct-link {
+      margin-top: @line-height-computed;
+    }
+  }
+
+  .bonus-banner {
+    .bonus-top {
+      border-bottom: 1px solid lighten(@blue, 40%);
+    }
+    .title {
+      a {
+        display: flex;
+        align-items: center;
+        font-size: 18px;
+        padding: 20px;
+        background-color: white;
+        border-bottom: 1px solid lighten(@blue, 40%);
+        color: @blue;
+        > i {
+          margin-right: 10px;
+        }
+        &:hover,
+        &:focus {
+          background-color: lighten(@blue, 45%);
+          text-decoration: none;
+        }
+      }
+    }
+    a.twitter > i {
+      color: @twitter-color;
+    }
+    a.facebook > i {
+      color: @facebook-color;
+    }
+    a.email > i {
+      color: @email-color;
+    }
+    a.link > i {
+      color: @link-to-us-color;
+    }
+    h2.direct-link {
+    }
+  }
+
+  p.thanks {
+    font-size: 18px;
+    line-height: 28px;
+    margin-top: 10px;
+    text-align: center;
+  }
+
+  .number {
+    position: absolute;
+    margin-left: -13px;
+    width: 26px;
+    padding: 3px 0;
+    text-align: center;
+    background-color: #ddd;
+    &.active {
+      background-color: @blue;
+      color: white;
+    }
+    border-radius: 3px;
+  }
+
+  .progress {
+    margin-top: @line-height-computed / 2;
+    margin-left: -15px;
+    margin-right: -15px;
+    height: 30px;
+  }
+
+  .perk {
+    position: absolute;
+    background-color: #ddd;
+    border-radius: 5px;
+    text-align: center;
+    padding: 5px 5px;
+    min-width: min-content;
+    width: 110px;
+    margin-left: -50px;
+    font-size: 14px;
+    &:before {
+      border-bottom: 8px solid #ddd;
+      border-left: 8px solid transparent;
+      border-right: 8px solid transparent;
+      content: '';
+      position: absolute;
+      left: 42px;
+      top: -8px;
+    }
+    &.active {
+      color: white;
+      background-color: @blue;
+      &:before {
+        border-bottom: 8px solid @blue;
+      }
+    }
+  }
+}
+
+.link-modal {
+  text-align: center;
+  textarea {
+    width: 95%;
+    margin-bottom: 0;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/change-plan-modal.less b/services/web/frontend/stylesheets/app/change-plan-modal.less
new file mode 100644
index 0000000..1095d41
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/change-plan-modal.less
@@ -0,0 +1,59 @@
+#change-plan {
+  .modal-dialog {
+    &:extend(.modal-lg);
+  }
+
+  table {
+    @media only screen and (min-width: @screen-md-min) {
+      th:last-child,
+      td:last-child {
+        width: 1%; // will expand to fit the content
+        text-align: center;
+      }
+    }
+
+    @media only screen and (max-width: @screen-sm-max) {
+      display: block;
+
+      thead {
+        display: none;
+      }
+
+      tbody,
+      td,
+      tr {
+        display: inline-block;
+        padding-top: 0;
+        padding-bottom: 0;
+        text-align: center;
+        width: 100%;
+      }
+
+      td:first-child {
+        padding-top: @padding-md;
+      }
+      td:last-child {
+        padding-top: @padding-sm;
+        padding-bottom: @padding-md;
+      }
+
+      tr:first-child {
+        td:first-child {
+          padding-top: @padding-sm;
+        }
+      }
+
+      tr {
+        border-bottom: 1px solid @table-border-color;
+        td,
+        th {
+          border: 0 !important;
+        }
+      }
+
+      tr:last-child {
+        border-bottom: 0;
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/cms-page.less b/services/web/frontend/stylesheets/app/cms-page.less
new file mode 100644
index 0000000..e654ec9
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/cms-page.less
@@ -0,0 +1,657 @@
+/*
+  v2
+  CMS Generated Pages, 
+  including About and Blog
+*/
+.cms-page {
+  &.website-redesign {
+    h1 {
+      font-size: 2rem; // 32px
+      line-height: 1.333;
+    }
+
+    h2 {
+      font-size: 1.5rem; // 24px
+    }
+
+    .sales-contact-form-left-column {
+      @media (min-width: @screen-xs) {
+        .names-container {
+          display: flex;
+          gap: 21px;
+        }
+      }
+
+      .checkbox-label {
+        font-size: 16px;
+        font-weight: 400;
+      }
+    }
+
+    /* Buttons */
+    // correct color property set on <a> above:
+    .reset-btns;
+    .alert {
+      .alert;
+    }
+    .alert-info {
+      .btn-info {
+        .btn-alert-info;
+      }
+    }
+
+    .p-no-text-nodes:has(.btn) {
+      margin-top: var(--spacing-09);
+
+      @media (max-width: @screen-xs-max) {
+        .btn {
+          width: 100%;
+          margin-left: 0;
+          margin-top: var(--spacing-05);
+        }
+        .btn:first-child {
+          margin-top: 0;
+        }
+      }
+    }
+
+    .btn + .btn {
+      margin-left: var(--spacing-06);
+    }
+
+    blockquote.quote-picture-bottom {
+      padding: (@line-height-computed / 2) @line-height-computed;
+
+      .quote-picture-and-person {
+        font-size: 18px;
+      }
+
+      .quote-by-position {
+        font-weight: 400;
+      }
+    }
+
+    .optional-text {
+      font-size: 14px;
+    }
+  }
+
+  .section-row {
+    margin: 0 auto;
+    /* match .col-sm-12 */
+    /* @grid-gutter-width  is used for margins */
+    max-width: (@screen-sm) - @grid-gutter-width!important;
+    @media (min-width: @screen-md-min) {
+      max-width: (@screen-md) - @grid-gutter-width!important;
+    }
+    @media (min-width: @screen-lg-min) {
+      max-width: (@screen-lg) - @grid-gutter-width!important;
+    }
+  }
+
+  padding-bottom: 0;
+  img {
+    height: auto;
+    max-width: 100%;
+  }
+  .btn-description {
+    margin-right: @margin-sm;
+  }
+
+  /*
+    Tabs
+  */
+  .tab-content {
+    padding-left: 0;
+    padding-right: 0;
+    width: 100%;
+  }
+
+  /*
+    When on preview mode
+  */
+  .cms-preview {
+    background-color: @blue;
+    color: white;
+    font-weight: bold;
+    height: @navbar-padding-vertical;
+    left: 0;
+    line-height: @navbar-padding-vertical;
+    opacity: 0.8;
+    position: fixed;
+    text-align: center;
+    top: 0;
+    width: 100%;
+    z-index: 1;
+    &:after {
+      content: 'Preview';
+      width: 100%;
+      top: 0;
+      left: 0;
+    }
+  }
+
+  .tab-pane {
+    .row:first-child {
+      margin-top: 0;
+    }
+  }
+
+  /*
+    quotes
+  */
+  blockquote:not(.quote-large-text-centered):not(.quote-left-green-border) {
+    margin: 0;
+    position: relative;
+    /*
+      type.less sets <p> inline, so that quotation mark is inline
+      but sometimes we have multiple <p>,
+      so hide quotation mark from type.less and add one here
+    */
+    &:before {
+      /* hide quotation from type.less */
+      display: none;
+    }
+    p {
+      display: block;
+    }
+    p:first-child {
+      /* below copied from type.less */
+      &:before {
+        content: open-quote;
+        font-size: @blockquote-font-size * 3;
+        color: @blockquote-border-color;
+        margin-right: 0.25em;
+        vertical-align: -0.4em;
+        line-height: 0.1em;
+      }
+    }
+  }
+  .quote-full-width {
+    img {
+      margin-right: @margin-sm;
+      margin-bottom: @margin-sm;
+    }
+  }
+  .quote-picture-bottom {
+    border: none;
+    color: @content-primary;
+    .h1 {
+      margin: 0 0 48px 0;
+    }
+    p:first-child {
+      &:before {
+        color: inherit;
+        font-size: inherit;
+        margin-right: 0;
+        vertical-align: 0;
+        line-height: inherit;
+        position: absolute;
+        top: (@line-height-computed / 2); // match quote padding
+        left: 3px;
+      }
+      &:after {
+        content: close-quote;
+      }
+    }
+    img {
+      height: 64px;
+      width: 64px;
+      margin-right: 16px;
+    }
+    .quote-by-position {
+      color: @content-secondary;
+    }
+    .quote-picture-and-person {
+      display: flex;
+    }
+  }
+
+  /*
+    Tables
+  */
+  .table-styled {
+    overflow: hidden;
+    overflow-x: auto;
+    table {
+      background: white;
+      max-width: none;
+      th,
+      td {
+        border: 1px solid @gray-lighter;
+        padding: @padding-sm;
+        text-align: center;
+        word-break: normal;
+      }
+    }
+  }
+  .table-styled,
+  .features-table {
+    .fa-check-square,
+    .fa-check {
+      color: @ol-green;
+    }
+  }
+  .features-table {
+    max-width: none;
+    th,
+    td {
+      border: 1px solid @gray-lighter;
+      hyphens: auto;
+      padding: @padding-sm;
+      text-align: center;
+    }
+    th,
+    td {
+      width: 20%;
+    }
+    .btn {
+      max-width: 100%;
+      white-space: pre-wrap;
+      word-wrap: break-word;
+    }
+    &.left-align-first-col {
+      td,
+      th {
+        text-align: left;
+      }
+      td + td,
+      th + th {
+        text-align: center;
+      }
+    }
+    .hidden-row-above-xs {
+      display: none;
+    }
+    @media screen and (max-width: @screen-xs-max) {
+      tbody,
+      thead {
+        display: block;
+      }
+      tr {
+        display: flex;
+        flex-flow: row wrap;
+        justify-content: space-around;
+      }
+
+      td,
+      th {
+        display: block;
+        width: 25%;
+      }
+      tr:first-child {
+        th {
+          width: 50%;
+        }
+        th:first-child {
+          width: 100%;
+        }
+      }
+
+      td:first-child {
+        text-align: center;
+        width: 100%;
+      }
+
+      .hidden-row-xs {
+        display: none;
+      }
+      .hidden-row-above-xs {
+        display: flex;
+      }
+      .table-header {
+        text-align: center;
+      }
+    }
+  }
+
+  /*
+    universities page
+  */
+  #universities-container {
+    padding: @padding-md;
+    width: 100%;
+    .row {
+      border-bottom: 1px solid @gray-lightest;
+      div {
+        padding: @padding-md;
+        vertical-align: middle;
+      }
+    }
+    .row:first-child {
+      // parent container contains padding
+      div {
+        padding-top: 0;
+      }
+    }
+    .row:last-child {
+      border: 0;
+      // parent container contains padding
+      div {
+        border: 0;
+        padding-bottom: 0;
+      }
+    }
+    p {
+      margin: 0 auto;
+      width: 100%;
+    }
+    // Logos
+    .uni-logo {
+      margin: 0 auto;
+      max-height: 55px;
+      min-width: 55px;
+    }
+    .university-claim-btn {
+      text-align: center;
+    }
+    @media only screen and (min-width: @screen-xs-min) {
+      display: table;
+      table-layout: fixed;
+      .row {
+        display: table-row;
+        div {
+          border-bottom: 1px solid @gray-lightest;
+          display: table-cell;
+          float: none;
+        }
+      }
+    }
+  }
+
+  /*
+    videos
+  */
+  video {
+    height: auto;
+    max-width: 100%;
+  }
+}
+
+.icon-with-content {
+  display: flex;
+
+  h2,
+  h3,
+  h4 {
+    margin-top: 15px;
+  }
+
+  .icon-container {
+    background-color: @green-10;
+    padding: 7.5px;
+    height: 56px;
+    width: 56px;
+    border-radius: 50%;
+    margin-right: 24px;
+    .icon-inner-container {
+      align-items: center;
+      border: @green-30 3.5px solid;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      height: 42px;
+      width: 42px;
+    }
+
+    i {
+      color: @green;
+      font-size: 21px;
+    }
+  }
+}
+
+.svg-arrow-icon {
+  position: relative;
+  left: 4px;
+  bottom: 1px;
+}
+
+// `Layout | Grid` display options
+.row-equal-column-heights {
+  @media (min-width: @screen-sm-min) {
+    display: flex;
+    flex-flow: row wrap;
+
+    div[class*='col-'] {
+      display: flex;
+      flex-direction: column;
+      .card,
+      .no-card {
+        height: 100%;
+      }
+    }
+  }
+}
+
+.vertically-center-col {
+  // remove margin to better vertically align
+  // some elements need to be nested within a container, and others are directly within .no-card/.card
+  .card:first-child,
+  .no-card:first-child {
+    .cms-element-container {
+      > *:first-child {
+        margin-top: 0;
+      }
+    }
+    > *:first-child:not(.cms-element-container) {
+      margin-top: 0;
+    }
+  }
+  .card:last-child,
+  .no-card:last-child {
+    .cms-element-container {
+      > *:last-child {
+        margin-bottom: 0;
+      }
+    }
+    > *:last-child:not(.cms-element-container) {
+      margin-bottom: 0;
+    }
+  }
+
+  @media (min-width: @screen-sm-min) {
+    display: flex;
+
+    div[class*='col-'] {
+      align-self: center;
+    }
+  }
+}
+
+.reverse-col-order-mobile {
+  @media (max-width: @screen-sm-min) {
+    display: flex;
+    flex-flow: column;
+    flex-direction: column-reverse;
+  }
+}
+
+.row-within-card {
+  .no-card {
+    > :first-child {
+      margin-top: 0;
+    }
+    > :last-child {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.contact-form-error-container {
+  padding-bottom: calc(@line-height-computed / 2);
+}
+
+.row-top-padding-sm {
+  padding-top: @padding-sm;
+}
+.row-top-padding-md {
+  padding-top: @padding-md;
+}
+.row-top-padding-lg {
+  padding-top: @padding-lg;
+}
+.row-top-padding-xl {
+  padding-top: @padding-xl;
+}
+.row-top-padding-xxl {
+  padding-top: @padding-xxl;
+}
+
+.row-bottom-padding-sm {
+  padding-bottom: @padding-sm;
+}
+.row-bottom-padding-md {
+  padding-bottom: @padding-md;
+}
+.row-bottom-padding-lg {
+  padding-bottom: @padding-lg;
+}
+.row-bottom-padding-xl {
+  padding-bottom: @padding-xl;
+}
+.row-bottom-padding-xxl {
+  padding-bottom: @padding-xxl;
+}
+
+@media (min-width: @screen-sm-min) {
+  .desktop-left-margin-sm {
+    margin-left: @margin-sm;
+  }
+  .desktop-left-margin-md {
+    margin-left: @margin-md;
+  }
+  .desktop-left-margin-lg {
+    margin-left: @margin-lg;
+  }
+  .desktop-left-margin-xl {
+    margin-left: @margin-xl;
+  }
+  .desktop-left-margin-xxl {
+    margin-left: @margin-xxl;
+  }
+
+  .desktop-right-margin-sm {
+    margin-right: @margin-sm;
+  }
+  .desktop-right-margin-md {
+    margin-right: @margin-md;
+  }
+  .desktop-right-margin-lg {
+    margin-right: @margin-lg;
+  }
+  .desktop-right-margin-xl {
+    margin-right: @margin-xl;
+  }
+  .desktop-right-margin-xxl {
+    margin-right: @margin-xxl;
+  }
+}
+
+.top-margin-sm {
+  margin-top: @margin-sm;
+}
+
+.top-margin-md {
+  margin-top: @margin-md;
+}
+
+.top-margin-lg {
+  margin-top: @margin-lg;
+}
+
+.top-margin-xl {
+  margin-top: @margin-xl;
+}
+
+.top-margin-xxl {
+  margin-top: @margin-xxl;
+}
+
+@media (max-width: @screen-xs-max) {
+  .mobile-bottom-margin-sm {
+    margin-bottom: @margin-sm;
+  }
+  .mobile-bottom-margin-md {
+    margin-bottom: @margin-md;
+  }
+  .mobile-bottom-margin-lg {
+    margin-bottom: @margin-lg;
+  }
+  .mobile-bottom-margin-xl {
+    margin-bottom: @margin-xl;
+  }
+  .mobile-bottom-margin-xxl {
+    margin-bottom: @margin-xxl;
+  }
+}
+
+@media (max-width: @screen-sm-min) {
+  .col-xs-padding-sm {
+    .col-xs-12:not(:first-child) {
+      padding-top: @padding-sm;
+    }
+  }
+  .col-xs-padding-md {
+    .col-xs-12:not(:first-child) {
+      padding-top: @padding-md;
+    }
+  }
+  .col-xs-padding-lg {
+    .col-xs-12:not(:first-child) {
+      padding-top: @padding-lg;
+    }
+  }
+  .col-xs-padding-xl {
+    .col-xs-12:not(:first-child) {
+      padding-top: @padding-xl;
+    }
+  }
+  .col-xs-padding-xxl {
+    .col-xs-12:not(:first-child) {
+      padding-top: @padding-xxl;
+    }
+  }
+}
+
+.website-redesign {
+  // mobile breakpoint is md in website redesign
+  @media (max-width: @screen-sm-max) {
+    .col-xs-padding-sm {
+      .col-xs-12:not(:first-child) {
+        padding-top: @padding-sm;
+      }
+    }
+    .col-xs-padding-md {
+      .col-xs-12:not(:first-child) {
+        padding-top: @padding-md;
+      }
+    }
+    .col-xs-padding-lg {
+      .col-xs-12:not(:first-child) {
+        padding-top: @padding-lg;
+      }
+    }
+    .col-xs-padding-xl {
+      .col-xs-12:not(:first-child) {
+        padding-top: @padding-xl;
+      }
+    }
+    .col-xs-padding-xxl {
+      .col-xs-12:not(:first-child) {
+        padding-top: @padding-xxl;
+      }
+    }
+  }
+}
+
+.bottom-align-last-entry {
+  display: flex;
+  flex-direction: column;
+  * {
+    &:last-child {
+      flex: 1;
+      align-content: end;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/confirm-email.less b/services/web/frontend/stylesheets/app/confirm-email.less
new file mode 100644
index 0000000..741cd23
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/confirm-email.less
@@ -0,0 +1,27 @@
+.confirm-email {
+  form {
+    .text-danger {
+      display: flex;
+      gap: 6px;
+      padding: 4px;
+
+      .icon {
+        padding-top: 2px;
+      }
+    }
+    .form-actions {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+      padding-top: 20px;
+    }
+
+    label {
+      font-weight: normal;
+    }
+  }
+
+  .confirm-email-alert {
+    margin-bottom: 12px;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/contact-us.less b/services/web/frontend/stylesheets/app/contact-us.less
new file mode 100644
index 0000000..48400de
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/contact-us.less
@@ -0,0 +1,67 @@
+// Hack to make the contact modal appear above other modals
+.contact-modal {
+  z-index: 1065;
+}
+
+.contact-backdrop {
+  z-index: 1060;
+}
+
+.contact-us-modal {
+  textarea {
+    height: 120px;
+  }
+}
+
+.contact-suggestions {
+  margin: 0 -20px 10px;
+  padding: 10px 0;
+  color: @gray-dark;
+  background-color: @gray-lightest;
+  border-top: solid 1px @gray-lighter;
+  border-bottom: solid 1px @gray-lighter;
+  font-size: 0.9rem;
+}
+
+.contact-suggestion-label {
+  margin-bottom: 10px;
+  padding: 0 20px;
+}
+
+.contact-suggestion-list {
+  .list-unstyled();
+  background-color: #fff;
+  border-top: solid 1px @gray-lighter;
+  border-bottom: solid 1px @gray-lighter;
+  margin: 0;
+
+  li:last-child .contact-suggestion-list-item {
+    border-bottom: none;
+  }
+}
+
+.contact-suggestion-list-item {
+  display: table;
+  width: 100%;
+  color: @dropdown-link-color;
+  padding: 10px 20px;
+  border-bottom: solid 1px lighten(@gray-lighter, 10%);
+  cursor: pointer;
+
+  &:hover,
+  &:focus {
+    text-decoration: none;
+    color: @dropdown-link-hover-color!important;
+    background-color: @dropdown-link-hover-bg;
+
+    .fa {
+      color: inherit;
+    }
+  }
+
+  .fa {
+    display: table-cell;
+    text-align: right;
+    color: @gray-lighter;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/content_page.less b/services/web/frontend/stylesheets/app/content_page.less
new file mode 100644
index 0000000..ebe6f23
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/content_page.less
@@ -0,0 +1,150 @@
+/*
+  Styling for content pages
+  Including: about, home, blog, /for/__, legal, contact, portals, wiki
+*/
+.content-page {
+  word-break: break-word;
+
+  /*
+    Links and Buttons
+  */
+
+  a {
+    color: @link-color-alt;
+    &:hover {
+      color: @link-hover-color-alt;
+    }
+  }
+  // correct color property set on <a> above:
+  .reset-btns;
+  .alert {
+    .alert;
+  }
+  .alert-info {
+    .btn-info {
+      .btn-alert-info;
+    }
+  }
+
+  // correct color property set on <a> above:
+  .reset-btns;
+  .alert {
+    .alert;
+  }
+  .alert-info {
+    .btn-info {
+      .btn-alert-info;
+    }
+  }
+
+  hr {
+    border-color: @hr-border-alt;
+  }
+
+  .quote-by {
+    min-width: 80px;
+    overflow: hidden;
+  }
+
+  .page-header {
+    margin-top: 0px;
+  }
+
+  /*
+    section
+  */
+  section {
+    padding: @line-height-computed (@grid-gutter-width / 2);
+
+    &.color-block {
+      &.green-dark {
+        background-color: @ol-dark-green;
+      }
+      &.green {
+        background-color: @ol-green;
+
+        .no-card * {
+          .btn-primary,
+          .btn-success {
+            // only correct button colors when green on green
+            .btn-primary-on-primary-bg;
+          }
+        }
+      }
+      &.blue-gray-dark {
+        background-color: @ol-blue-gray-5;
+      }
+      &.blue-gray-light {
+        background-color: @ol-blue-gray-1;
+      }
+
+      &.green,
+      &.green-dark,
+      &.blue-gray-dark {
+        .no-card * {
+          &:not(.btn) {
+            color: @white;
+          }
+          a {
+            text-decoration: underline;
+          }
+          .btn {
+            text-decoration: none;
+          }
+
+          .form-control {
+            color: @input-color;
+          }
+        }
+      }
+    }
+    .section-row {
+      margin: 0 auto;
+      /* match .col-sm-10 */
+      /* @grid-gutter-width  is used for margins */
+      max-width: (@screen-sm * (10/12)) - @grid-gutter-width;
+      @media (min-width: @screen-md-min) {
+        max-width: (@screen-md * (10/12)) - @grid-gutter-width;
+      }
+      @media (min-width: @screen-lg-min) {
+        max-width: (@screen-lg * (10/12)) - @grid-gutter-width;
+      }
+    }
+  }
+  .content-container > section:first-child {
+    /* header */
+    padding-bottom: 0;
+    padding-top: 0;
+  }
+  .content-container > section:nth-child(2) {
+    /* first content section */
+    padding-top: 0;
+  }
+  section.no-top-padding {
+    /* opt out of padding via the CMS */
+    padding-top: 0;
+  }
+  .container-small {
+    section .section-row {
+      /* match col-sm-8 */
+      /* @grid-gutter-width  is used for margins */
+      max-width: (@screen-sm * (8/12)) - @grid-gutter-width;
+      @media (min-width: @screen-md-min) {
+        max-width: (@screen-md * (8/12)) - @grid-gutter-width;
+      }
+      @media (min-width: @screen-lg-min) {
+        max-width: (@screen-lg * (8/12)) - @grid-gutter-width;
+      }
+    }
+  }
+
+  /*
+    lists
+  */
+
+  .list-without-style {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/editor.less b/services/web/frontend/stylesheets/app/editor.less
new file mode 100644
index 0000000..544fbb7
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor.less
@@ -0,0 +1,755 @@
+@import './editor/file-tree.less';
+@import './editor/history.less';
+@import './editor/history-react.less';
+@import './editor/toolbar.less';
+@import './editor/left-menu.less';
+@import './editor/pdf.less';
+@import './editor/error-boundary.less';
+@import './editor/share.less';
+@import './editor/chat.less';
+@import './editor/toast.less';
+@import './editor/file-view.less';
+@import './editor/search.less';
+@import './editor/publish-template.less';
+@import './editor/online-users.less';
+@import './editor/math-preview.less';
+@import './editor/hotkeys.less';
+@import './editor/review-panel.less';
+@import './editor/review-panel-new.less';
+@import './editor/publish-modal.less';
+@import './editor/outline.less';
+@import './editor/logs.less';
+@import './editor/dictionary.less';
+@import './editor/compile-button.less';
+@import './editor/figure-modal.less';
+@import './editor/table-generator-column-width-modal.less';
+@import './editor/ide-react.less';
+
+@ui-layout-toggler-def-height: 50px;
+@ui-resizer-size: 7px;
+
+@keyframes blink {
+  0% {
+    opacity: 0.2;
+  }
+  20% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0.2;
+  }
+}
+
+.editor-menu-icon {
+  &.fa {
+    width: 1em;
+    background: @editor-header-logo-background;
+
+    &::before {
+      // Disable the font-awesome icon when in Overleaf by replacing it with a
+      // non-breakable space instead (otherwise the browser would render a
+      // zero-width element).
+      content: '\00a0';
+    }
+  }
+}
+
+.full-size {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.global-alerts {
+  height: 0;
+  margin-top: 2px;
+  text-align: center;
+
+  .alert {
+    display: inline-block;
+    text-align: left;
+    min-width: 400px;
+    padding: @global-alerts-padding;
+    font-size: 14px;
+    margin-bottom: (@line-height-computed / 4);
+    position: relative;
+    z-index: 20;
+  }
+}
+
+#try-reconnect-now-button {
+  margin-left: 20px;
+}
+
+#synctex-more-info-button {
+  margin-left: 20px;
+}
+
+#ide-body {
+  background-color: @pdf-bg;
+  .full-size;
+  top: @ide-body-top-offset;
+}
+
+#editor {
+  .full-size;
+}
+
+.pdf-empty,
+.no-history-available,
+.no-file-selection,
+.multi-selection-ongoing {
+  &::before {
+    .full-size;
+    left: 20px;
+    content: '';
+    background: url(../../../public/img/ol-brand/overleaf-o-grey.svg) center /
+      200px no-repeat;
+    opacity: 0.2;
+    pointer-events: none;
+  }
+}
+
+.no-history-available,
+.no-file-selection-message,
+.multi-selection-message {
+  width: 50%;
+  margin: 0 auto;
+  text-align: center;
+  padding: @line-height-computed 0;
+}
+
+.faster-compiles-feedback {
+  position: absolute;
+  bottom: 0;
+  right: 0.5rem; // scrollbar
+  margin: 1rem;
+
+  padding: 10px;
+
+  .btn {
+    margin: 0 0 0 10px;
+  }
+  .faster-compiles-feedback-options {
+    display: inline;
+    white-space: nowrap;
+  }
+  .faster-compiles-feedback-option {
+    background: #1d4c82;
+  }
+  .faster-compiles-feedback-dismiss {
+    border: 0;
+    margin: 0 0 0 5px;
+    color: #1d4c82;
+    right: 0;
+    top: 0;
+    float: right;
+  }
+}
+
+.toolbar-editor {
+  height: @editor-toolbar-height;
+  background-color: @editor-toolbar-bg;
+  padding: 0 5px;
+  overflow: hidden;
+  position: relative;
+  z-index: 10; // Prevent track changes showing over toolbar
+}
+
+.loading-screen {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+}
+.loading-screen-brand-container {
+  width: 15%;
+  min-width: 200px;
+  text-align: center;
+}
+.loading-screen-brand {
+  position: relative;
+  width: 100%;
+  padding-top: @editor-loading-logo-padding-top;
+  height: 0;
+  background: @editor-loading-logo-background-url no-repeat bottom / 100%;
+
+  &::after {
+    content: '';
+    position: absolute;
+    height: inherit;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    background: @editor-loading-logo-foreground-url no-repeat bottom / 100%;
+    transition: height 0.5s;
+  }
+}
+.loading-screen-label {
+  margin: 0;
+  padding-top: 1em;
+  font-size: 2em;
+  color: @gray-dark;
+}
+.loading-screen-ellip {
+  animation: blink 1.4s both infinite;
+  &:nth-child(2) {
+    animation-delay: 0.2s;
+  }
+  &:nth-child(3) {
+    animation-delay: 0.4s;
+  }
+}
+
+.loading-screen-error {
+  margin: 0;
+  padding-top: 1em;
+  color: @state-danger-text;
+}
+
+.loading-panel {
+  .full-size;
+  padding-top: 10rem;
+  font-family: @font-family-serif;
+  text-align: center;
+  background-color: #fafafa;
+}
+
+.loading-panel-file-view {
+  background-color: @gray-lightest;
+}
+
+.error-panel {
+  .full-size;
+  padding: @line-height-computed;
+  background-color: #fafafa;
+  .alert {
+    max-width: 400px;
+    margin: auto;
+  }
+}
+
+.project-name {
+  .name {
+    display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    vertical-align: top;
+    padding: 6px;
+    color: @project-name-color;
+    font-weight: 700;
+    white-space: nowrap;
+  }
+  input {
+    height: 30px;
+    margin-top: 4px;
+    text-align: center;
+    padding: 6px;
+    font-weight: 700;
+    max-width: 500px;
+  }
+  a.rename {
+    visibility: hidden;
+    display: inline-block;
+    color: @project-rename-link-color;
+    padding: 5px;
+    border-radius: @border-radius-small;
+    cursor: pointer;
+    &:hover {
+      text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+      color: @project-rename-link-color-hover;
+      text-decoration: none;
+    }
+  }
+  &:hover {
+    a.rename {
+      visibility: visible;
+    }
+  }
+}
+
+/**************************************
+CodeMirror
+***************************************/
+.cm-editor-wrapper {
+  position: relative;
+  height: 100%;
+}
+
+.cm-editor-body {
+  height: 100%;
+}
+
+// CM (for some reason) has height set to 300px in it's stylesheet
+.CodeMirror {
+  height: 100%;
+}
+
+.ui-layout-resizer {
+  width: @ui-resizer-size !important;
+  background-color: @editor-resizer-bg-color;
+  /* Over-ride z-index set on element by JQuery Layout */
+  z-index: 0 !important;
+  &.ui-layout-resizer-closed {
+    &::before,
+    &::after {
+      content: none;
+    }
+  }
+
+  &::before,
+  &::after {
+    content: '\2847';
+    display: block;
+    position: absolute;
+    text-align: center;
+    left: -2px;
+    -webkit-font-smoothing: antialiased;
+    width: 100%;
+    font-size: 24px;
+    top: 25%;
+    color: @ol-blue-gray-2;
+  }
+  &::after {
+    top: 75%;
+  }
+}
+
+.ui-layout-toggler {
+  display: none !important;
+}
+
+.custom-toggler {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: @ui-resizer-size !important;
+  height: 50px;
+  margin-top: -25px;
+  top: 50%;
+  background-color: @editor-toggler-bg-color;
+
+  &:hover,
+  &:focus {
+    outline: none;
+    text-decoration: none;
+  }
+  // Increase hit area
+  &::before {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 0;
+    right: -3px;
+    bottom: 0;
+    left: -3px;
+  }
+
+  &::after {
+    font-family: FontAwesome;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    font-size: 65%;
+    font-weight: bold;
+    color: #fff;
+    user-select: none;
+    pointer-events: none;
+  }
+
+  &:hover {
+    background-color: @editor-toggler-hover-bg-color;
+  }
+}
+.custom-toggler-east::after {
+  content: '\f105';
+}
+.custom-toggler-west::after {
+  content: '\f104';
+}
+
+.custom-toggler-closed.custom-toggler-east::after {
+  content: '\f104';
+}
+.custom-toggler-closed.custom-toggler-west::after {
+  content: '\f105';
+}
+
+.ui-layout-resizer-dragging {
+  background-color: @editor-resizer-bg-color-dragging;
+  z-index: 1000 !important;
+}
+
+.context-menu {
+  position: fixed;
+  z-index: 100;
+}
+
+.editor-dark {
+  color: @gray-lighter;
+  background-color: @editor-dark-background-color;
+
+  .ui-layout-resizer {
+    background-color: darken(@editor-dark-background-color, 10%);
+    border: none;
+  }
+
+  .btn-default {
+    color: white;
+    background-color: @gray;
+    border-color: darken(@gray-dark, 10%);
+    &:hover {
+      background-color: darken(@gray, 5%);
+      border-color: darken(@gray-dark, 20%);
+    }
+  }
+}
+
+.modal-alert {
+  margin-top: 10px;
+  margin-bottom: 0px;
+}
+
+// vertically centre the "connection down" modal so it does not hide
+// the reconnecting indicator
+
+.modal.lock-editor-modal {
+  display: flex !important;
+  background-color: rgba(0, 0, 0, 0.3);
+  overflow-y: hidden;
+  pointer-events: none;
+  .modal-dialog {
+    top: @line-height-computed;
+  }
+}
+
+.out-of-sync-modal {
+  .text-preview {
+    margin-top: @line-height-computed / 2;
+    .scroll-container {
+      max-height: 360px;
+      width: 100%;
+      background-color: white;
+      font-size: 0.8em;
+      line-height: 1.1em;
+      overflow: auto;
+      border: 1px solid @gray-lighter;
+      padding-left: 12px;
+      padding-right: 12px;
+      padding-top: 8px;
+      padding-bottom: 8px;
+      text-align: left;
+      white-space: pre;
+      font-family: monospace;
+    }
+  }
+}
+
+.sl_references_search_hint {
+  position: relative;
+  top: 100%;
+}
+
+.sl_references_search_hint {
+  position: relative;
+  left: -1px;
+  text-align: center;
+  padding: 2px;
+  background: rgb(202, 214, 250);
+  border: 1px solid lightgray;
+  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
+
+  span {
+    color: black;
+  }
+}
+
+.bibtex-hint-banner {
+  position: absolute;
+  top: 8px;
+  right: 8px;
+  left: 8px;
+  z-index: 1000;
+  display: flex;
+  justify-content: space-between;
+  padding: 5px 10px;
+}
+
+.bibtex-hint-banner {
+  align-items: flex-start;
+
+  .bibtex-hint-close {
+    color: inherit;
+    margin-left: 10px;
+    font-size: 24px;
+    padding: 0;
+    line-height: 1;
+    border-radius: 0;
+
+    &,
+    &:hover,
+    &:focus,
+    &:active {
+      background-color: transparent;
+    }
+  }
+}
+
+// -- References Search Modal --
+.references-search-modal-backdrop {
+  // don't grey out the editor when the
+  // modal is active
+  background-color: transparent;
+}
+.references-search-modal {
+  // upgrade prompt
+  .references-search-upgrade-prompt {
+    padding: 24px;
+    padding-bottom: 48px;
+    .upgrade-prompt {
+      text-align: center;
+      width: 400px;
+      padding-top: 14px;
+      padding-bottom: 14px;
+      padding-left: 38px;
+      padding-right: 38px;
+      margin: auto;
+      background: rgba(255, 255, 255, 0.95);
+      border-radius: 8px;
+      .message {
+        margin-top: 15px;
+        &.call-to-action {
+          font-weight: bold;
+        }
+        ul.list-unstyled {
+          text-align: left;
+        }
+      }
+    }
+  }
+  .search-form {
+    // position the spinner inside the input element
+    i.fa-spinner {
+      margin-top: -30px;
+    }
+  }
+  .alert-danger {
+    margin-top: 12px;
+    margin-bottom: 0px;
+  }
+  // search result items list
+  .search-results {
+    font-size: 12px;
+    .no-results-message,
+    .too-many-results-message {
+      font-size: 16px;
+    }
+    .search-results-scroll-container {
+      max-height: calc(100vh - 225px);
+      overflow-y: auto;
+    }
+    .search-result-hit {
+      &:hover {
+        cursor: pointer;
+      }
+      border-bottom: 1px solid #ddd;
+      padding: 8px;
+      &:last-child {
+        border-bottom: 1px solid transparent;
+      }
+      border-left: 4px solid transparent;
+      &.selected-search-result-hit {
+        color: @brand-success;
+      }
+      .hit-title {
+        font-size: 1.3em;
+        font-style: italic;
+      }
+    }
+  }
+}
+
+.referencesImportModal {
+  .referencesImportPreviewScroller {
+    font-family: monospace;
+    font-size: 0.8em;
+    max-height: 360px;
+    overflow: scroll;
+    white-space: pre;
+    padding: 8px 12px;
+    margin-bottom: 15px;
+    border: 1px solid @gray-lighter;
+    background-color: @gray-lightest;
+  }
+}
+.teaser-feature-icon {
+  vertical-align: sub;
+}
+
+.teaser-title,
+.dropbox-teaser-title {
+  margin-top: 0;
+  text-align: center;
+}
+
+.teaser-refresh-label {
+  text-align: center;
+}
+
+.teaser-img,
+.dropbox-teaser-img {
+  .img-responsive;
+  margin-bottom: 5px;
+}
+
+.teaser-video-container,
+.dropbox-teaser-video-container {
+  margin-top: -@modal-inner-padding;
+  margin-left: -@modal-inner-padding;
+  margin-right: -@modal-inner-padding;
+  margin-bottom: 5px;
+  overflow: hidden;
+}
+
+.teaser-video,
+.dropbox-teaser-video {
+  width: 100%;
+  height: auto;
+  border-bottom: 1px solid @modal-header-border-color;
+}
+
+.spell-check-menu {
+  > .dropdown-menu > li > a {
+    padding: 2px 15px;
+  }
+}
+
+.spell-check-menu-from-bottom {
+  > .dropdown-menu {
+    top: auto;
+    bottom: 100%;
+  }
+}
+
+// The source editor container is managed by jQuery's UI layout library, which adds an `overflow: hidden`
+// rule to it. This is problematic because we need overflowing content to be visible (the review panel
+// previews are shown on hover, visually outside the source editor container). As the `overflow: hidden`
+// rule is added automatically (inline and not configurable), the only workaround is to use `!important`.
+.editor-container {
+  overflow: visible !important;
+  container-type: inline-size;
+}
+
+.pdf-preview-messages {
+  position: absolute;
+  right: @margin-sm;
+  left: @margin-sm;
+  top: @margin-xl;
+  z-index: @zindex-popover;
+}
+
+.compile-time-warning {
+  padding: @padding-sm;
+  background-color: @ol-green;
+  max-width: 420px;
+  box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.3);
+
+  .warning-content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex-wrap: wrap;
+    gap: @alert-padding;
+  }
+
+  .warning-text {
+    display: inline-block;
+    font-size: @font-size-small;
+  }
+  .upgrade-prompt {
+    display: inline-flex;
+    margin-left: auto;
+  }
+
+  button.btn {
+    background-color: @ol-darker-green;
+
+    &.close {
+      background-color: @ol-green;
+    }
+  }
+}
+
+.cm6-switch-away-survey {
+  padding: @padding-sm;
+  box-shadow: 5px 5px 6px rgba(0, 0, 0, 0.3);
+  background-color: @ol-blue;
+  width: 530px;
+  position: absolute;
+  right: @margin-sm;
+  bottom: @margin-xl;
+  z-index: @zindex-popover;
+
+  .btn.close {
+    background-color: transparent;
+    color: #fff;
+    opacity: 1;
+  }
+
+  .warning-content {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-right: 32px;
+  }
+
+  .warning-text {
+    padding-right: @alert-padding;
+    display: inline-block;
+    font-size: @font-size-small;
+  }
+}
+
+.legacy-editor-warning {
+  width: 500px;
+
+  &.alert.alert-info {
+    padding: @padding-sm;
+  }
+
+  .btn.close {
+    background-color: transparent;
+    color: @white;
+    opacity: 1;
+  }
+
+  .warning-content {
+    padding-right: @alert-padding;
+    font-size: @font-size-small;
+    margin-right: 32px;
+
+    .warning-link {
+      font-weight: 700;
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+}
+
+grammarly-extension[data-grammarly-shadow-root='true'] {
+  z-index: 1;
+}
+
+.editor-notification {
+  margin: 48px 64px;
+  width: 80%;
+  max-width: 560px;
+}
diff --git a/services/web/frontend/stylesheets/app/editor/chat.less b/services/web/frontend/stylesheets/app/editor/chat.less
new file mode 100644
index 0000000..178317d
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/chat.less
@@ -0,0 +1,136 @@
+@new-message-height: 80px;
+
+.chat {
+  .loading {
+    font-family: @font-family-serif;
+    padding: @line-height-computed / 2;
+    text-align: center;
+  }
+
+  .no-messages {
+    padding: @line-height-computed / 2;
+    color: @chat-instructions-color;
+  }
+
+  .first-message {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    padding: @line-height-computed / 2;
+    color: @chat-instructions-color;
+  }
+
+  .chat-error {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    background-color: @chat-bg;
+    padding: @line-height-computed / 2;
+    text-align: center;
+  }
+
+  .messages {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: @new-message-height;
+    overflow-x: hidden;
+    background-color: @chat-bg;
+
+    li.message {
+      margin: @line-height-computed / 2;
+      .date {
+        font-size: 12px;
+        color: @chat-message-date-color;
+        margin-bottom: @line-height-computed / 2;
+        text-align: right;
+      }
+      .message-wrapper {
+        .name {
+          font-size: 12px;
+          color: @chat-message-name-color;
+          margin-bottom: 4px;
+          min-height: 16px;
+        }
+        .message {
+          border-left: 3px solid transparent;
+          font-size: 14px;
+          box-shadow: @chat-message-box-shadow;
+          border-radius: @chat-message-border-radius;
+          position: relative;
+
+          .message-content {
+            padding: @chat-message-padding;
+            overflow-x: auto;
+            color: @chat-message-color;
+            font-weight: @chat-message-weight;
+          }
+
+          .arrow {
+            transform: rotate(90deg);
+            right: 90%;
+            top: -15px;
+            border: solid;
+            content: ' ';
+            height: 0;
+            width: 0;
+            position: absolute;
+            pointer-events: none;
+            border-top-color: transparent !important;
+            border-bottom-color: transparent !important;
+            border-width: 10px;
+          }
+        }
+        p {
+          margin-bottom: @line-height-computed / 4;
+          &:last-child {
+            margin-bottom: 0;
+          }
+        }
+      }
+
+      &:not(.self) {
+        .message {
+          .arrow {
+            border-left-color: transparent !important;
+          }
+        }
+      }
+
+      &.self {
+        margin-top: @line-height-computed;
+        .message-wrapper .message {
+          border-left: none;
+          border-right: 3px solid transparent;
+          .arrow {
+            left: 100%;
+            right: auto;
+            border-right-color: transparent !important;
+          }
+        }
+      }
+    }
+  }
+
+  .new-message {
+    .full-size;
+    top: auto;
+    height: @new-message-height;
+    background-color: @chat-new-message-bg;
+    padding: @line-height-computed / 4;
+    border-top: 1px solid @chat-new-message-border-color;
+    textarea {
+      overflow: auto;
+      resize: none;
+      border-radius: @border-radius-base;
+      border: 1px solid @chat-new-message-border-color;
+      height: 100%;
+      width: 100%;
+      color: @chat-new-message-textarea-color;
+      font-size: 14px;
+      padding: @line-height-computed / 4;
+      background-color: @chat-new-message-textarea-bg;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/editor/compile-button.less b/services/web/frontend/stylesheets/app/editor/compile-button.less
new file mode 100644
index 0000000..f3a7539
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/compile-button.less
@@ -0,0 +1,92 @@
+@stripe-width: 20px;
+@keyframes pdf-toolbar-stripes {
+  from {
+    background-position: 0 0;
+  }
+  to {
+    background-position: @stripe-width 0;
+  }
+}
+
+.detach-compile-button-container {
+  border-radius: @btn-border-radius-base 0 0 @btn-border-radius-base;
+  margin-left: 6px;
+}
+
+// only apply for legacy editor
+.toolbar-pdf-right {
+  // because 2px border on :active state
+  .detach-compile-button-container {
+    margin-right: -3px;
+  }
+}
+
+.btn-striped-animated {
+  // prettier-ignore
+  #gradient > .striped(@color: rgba(255, 255, 255, 0.2), @angle: -45deg);
+  background-size: @stripe-width @stripe-width;
+  background-origin: content-box;
+  .animation(pdf-toolbar-stripes 2s linear infinite);
+}
+
+.detach-compile-button {
+  height: 28px;
+  padding-top: 0;
+  padding-bottom: 0;
+
+  &.detach-compile-button-disabled {
+    &,
+    &:hover {
+      color: @white;
+      background-color: @ol-green;
+    }
+  }
+}
+
+.detach-compile-button {
+  border: none;
+}
+
+.detach-compile-button-label {
+  margin-left: @line-height-computed / 4;
+}
+
+@keyframes compile-button-flash {
+  from,
+  to {
+    background: rgba(0, 0, 0, 0);
+  }
+
+  25%,
+  75% {
+    background: rgba(0, 0, 0, 0.2);
+  }
+}
+
+@keyframes compile-button-bounce {
+  from,
+  50%,
+  to {
+    transform: translateY(0);
+  }
+
+  25%,
+  75% {
+    transform: translateY(2px);
+  }
+}
+
+.detach-compile-button-animate {
+  animation-duration: 1.2s;
+  animation-fill-mode: both;
+  animation-timing-function: ease-in-out;
+  animation-name: compile-button-flash;
+}
+
+.detach-compile-button-animate .caret {
+  animation-duration: 0.6s;
+  animation-delay: 0.4s;
+  animation-fill-mode: both;
+  animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
+  animation-name: compile-button-bounce;
+}
diff --git a/services/web/frontend/stylesheets/app/editor/dictionary.less b/services/web/frontend/stylesheets/app/editor/dictionary.less
new file mode 100644
index 0000000..559fd02
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/dictionary.less
@@ -0,0 +1,33 @@
+#dictionary-modal {
+  .modal-body {
+    padding: 0;
+  }
+}
+
+.dictionary-entries-list {
+  overflow-y: scroll;
+  max-height: calc(100vh - 225px);
+  margin: 0;
+  padding: @padding-sm;
+}
+
+.dictionary-entry {
+  word-break: break-all;
+  display: flex;
+  padding: @padding-sm;
+  border-bottom: solid 1px @modal-header-border-color;
+  align-items: center;
+
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+.dictionary-entry-name {
+  flex-grow: 1;
+  padding-right: @padding-xs;
+}
+
+.dictionary-empty-body {
+  padding: @padding-md;
+}
diff --git a/services/web/frontend/stylesheets/app/editor/error-boundary.less b/services/web/frontend/stylesheets/app/editor/error-boundary.less
new file mode 100644
index 0000000..24de74b
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/error-boundary.less
@@ -0,0 +1,26 @@
+.error-boundary-alert {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background-color: @ol-blue-gray-0;
+  padding: @line-height-computed / 2;
+}
+
+.error-boundary-container {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  position: absolute;
+  top: 40%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+
+  .error-message {
+    align-items: center;
+    color: @neutral-90;
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/editor/figure-modal.less b/services/web/frontend/stylesheets/app/editor/figure-modal.less
new file mode 100644
index 0000000..52157ec
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/figure-modal.less
@@ -0,0 +1,120 @@
+.figure-modal-help-link,
+.figure-modal-help-link:hover,
+.figure-modal-help-link:focus,
+.figure-modal-help-link:active {
+  color: @neutral-90;
+  text-decoration: none;
+}
+
+.figure-modal-help-link {
+  padding-left: 0;
+}
+
+.figure-modal-checkbox-input {
+  label {
+    display: inline-block;
+    font-weight: normal;
+    line-height: 100%;
+
+    .figure-modal-label-content {
+      display: block;
+      overflow: hidden;
+    }
+  }
+
+  input[type='checkbox'] {
+    margin-right: 12px;
+    margin-top: 2px;
+    vertical-align: top;
+    accent-color: @ol-green;
+  }
+}
+
+.figure-modal-switcher-input {
+  position: relative;
+  z-index: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.file-container {
+  width: 100%;
+  height: 120px;
+  padding: 22px 24px;
+  border: 1px dashed #eaeaea;
+  background-color: #fafafa;
+  justify-content: space-between;
+  border-radius: 8px;
+}
+
+.file-container-file {
+  display: flex;
+  align-items: center;
+  border: 1px solid @neutral-20;
+  border-radius: 8px;
+  background-color: white;
+  height: 100%;
+  padding: 16px 18px;
+}
+
+.file-info {
+  margin-left: 18px;
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+}
+
+.file-name {
+  font-weight: bold;
+}
+
+.file-icon {
+  font-size: 20px;
+}
+
+.file-action {
+  cursor: pointer;
+}
+
+.figure-modal-source-button-grid {
+  display: grid;
+  justify-content: space-between;
+  gap: 8px;
+  grid-template-columns: 1fr 1fr;
+  margin: 0 auto;
+
+  &:not(:first-of-type) {
+    margin-top: 8px;
+  }
+}
+
+.figure-modal-source-button {
+  display: flex;
+  flex: 1 1 0;
+  align-items: center;
+  box-shadow: 0px 2px 4px 0px #1e253029;
+  line-height: 44px;
+  background-color: white;
+  border-radius: 4px;
+  border: none;
+  padding: 0 8px;
+
+  &-title {
+    flex: 1 1 auto;
+    text-align: left;
+  }
+}
+
+.figure-modal-source-button-icon {
+  margin-right: 6px;
+}
+
+.figure-modal-upload .uppy-Dashboard-AddFiles-list {
+  display: none;
+}
+
+.select-from-files-btn {
+  vertical-align: baseline;
+}
diff --git a/services/web/frontend/stylesheets/app/editor/file-tree.less b/services/web/frontend/stylesheets/app/editor/file-tree.less
new file mode 100644
index 0000000..c8f327a
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/file-tree.less
@@ -0,0 +1,556 @@
+.fake-full-width-bg(@bg-color) {
+  &::before {
+    content: '\00a0';
+    position: absolute;
+    width: 9999px;
+    left: -9999px;
+    background-color: @bg-color;
+  }
+}
+
+.editor-sidebar {
+  display: flex;
+  flex-direction: column;
+  background-color: @file-tree-bg;
+}
+
+.file-tree {
+  display: flex !important; // To work around jQuery layout's inline styles
+  flex-direction: column;
+  height: 100%;
+
+  .toolbar.toolbar-filetree {
+    .toolbar-small-mixin;
+    .toolbar-alt-mixin;
+    padding: 0 5px;
+    flex-shrink: 0;
+
+    .btn:hover {
+      background-color: @file-tree-toolbar-btn-hover-color;
+    }
+  }
+
+  > file-tree-root,
+  .file-tree-inner {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    overflow-y: auto;
+    width: inherit;
+    height: inherit;
+
+    &.no-toolbar {
+      top: 0;
+    }
+  }
+
+  // TODO; Consolidate with "Project files" in Overleaf
+  h3 {
+    font-size: 1rem;
+    border-bottom: 1px solid @gray;
+    padding-bottom: (@line-height-computed / 4);
+    margin: (@line-height-computed / 2);
+  }
+
+  &-history {
+    .entity-name {
+      padding-left: 6px;
+      &.deleted {
+        text-decoration: line-through;
+      }
+    }
+    .loading {
+      padding-left: 6px;
+      color: #fff;
+
+      i.fa {
+        color: #fff;
+      }
+    }
+  }
+
+  ul.file-tree-list {
+    margin: 0;
+    overflow-x: hidden;
+    height: 100%;
+    flex-grow: 1;
+    position: relative;
+    overflow-y: auto;
+
+    .entity > ul,
+    ul[role='tree'] {
+      margin-left: 22px;
+    }
+
+    &::after {
+      content: '';
+      display: block;
+      min-height: @line-height-computed;
+    }
+
+    li {
+      line-height: @file-tree-line-height;
+      position: relative;
+      &:focus {
+        outline: none;
+      }
+
+      .entity {
+        user-select: none;
+        &:focus {
+          outline: none;
+        }
+      }
+
+      .entity > .entity-name > button {
+        background-color: transparent;
+        border: 0;
+        padding: 0;
+        &:focus {
+          outline: none;
+        }
+        &.item-name-button {
+          width: 100%;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          text-align: left;
+          padding-right: 32px;
+          white-space: pre;
+        }
+      }
+
+      .entity-name {
+        color: @file-tree-item-color;
+        cursor: pointer;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        &.entity-name-react {
+          text-overflow: clip;
+        }
+        &:focus {
+          outline: none;
+        }
+        background-color: transparent;
+        .fake-full-width-bg(transparent);
+        &:hover {
+          background-color: @file-tree-item-hover-bg;
+
+          // When the entity is a subfolder, the DOM element is "indented" via margin-left. This makes the
+          // element not fill the entire file-tree width (as it's spaced from the left-hand side via margin)
+          // and, in consequence, the background gets clipped. The ::before pseudo-selector is used to fill
+          // the empty space.
+          .fake-full-width-bg(@file-tree-item-hover-bg);
+        }
+        input {
+          line-height: 1.6;
+        }
+        .entity-menu-toggle > i {
+          color: white;
+          font-size: 18px;
+        }
+      }
+
+      i.fa {
+        color: @file-tree-item-icon-color;
+        font-size: 14px;
+
+        &.file-tree-icon {
+          margin-right: 4px;
+          margin-left: 8px;
+
+          &.linked-file-icon {
+            position: relative;
+            left: -2px;
+
+            + .linked-file-highlight {
+              & {
+                color: inherit;
+              }
+              position: relative;
+              top: 4px;
+              width: 0;
+              left: -5px;
+              font-size: 12px;
+            }
+          }
+        }
+
+        &.file-tree-folder-icon {
+          margin-right: 4px;
+        }
+
+        &.file-tree-expand-icon {
+          margin-left: 8px;
+        }
+      }
+
+      i.fa-folder-open,
+      i.fa-folder {
+        color: @file-tree-item-folder-color;
+        font-size: 14px;
+      }
+
+      i.toggle {
+        width: 24px;
+        padding: 6px;
+        font-size: 16px;
+        color: @file-tree-item-toggle-color;
+      }
+
+      .file-tree-dropdown-toggle {
+        display: flex;
+        align-items: center;
+        color: #fff;
+        line-height: 1.6;
+        font-size: 20px;
+        padding: 0 4px 0 18px;
+
+        &:hover,
+        &:focus {
+          text-decoration: none;
+        }
+        &::before {
+          content: '\00B7\00B7\00B7';
+          transform: rotate(90deg);
+          letter-spacing: 0.5px;
+        }
+      }
+
+      &.multi-selected {
+        > .entity {
+          > .entity-name {
+            > div > i.fa,
+            > button > i.fa,
+            > i.fa,
+            .entity-menu-toggle i.fa {
+              color: #fff;
+            }
+            > i.linked-file-highlight {
+              color: @blue;
+            }
+            color: #fff;
+            font-weight: bold;
+            background-color: @file-tree-multiselect-bg;
+            .fake-full-width-bg(@file-tree-multiselect-bg);
+            &:hover {
+              background-color: @file-tree-multiselect-hover-bg;
+              .fake-full-width-bg(@file-tree-multiselect-hover-bg);
+            }
+          }
+        }
+      }
+
+      .menu-button {
+        position: absolute;
+        right: 0;
+        top: 3px;
+      }
+
+      .rename-input {
+        display: block;
+        position: absolute;
+        top: 1px;
+        left: 32px;
+        right: 32px;
+        color: @file-tree-item-input-color;
+        input {
+          width: 100%;
+        }
+      }
+
+      > .entity > .entity-name {
+        .entity-menu-toggle {
+          display: none;
+        }
+      }
+
+      .entity-limit-hit {
+        color: @file-tree-item-color;
+        line-height: 2.05;
+        margin-left: (@line-height-computed / 2);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .entity-limit-hit-message {
+        font-style: italic;
+      }
+
+      i.fa.entity-limit-hit-tooltip-trigger {
+        margin-left: (@line-height-computed / 4);
+        cursor: pointer;
+      }
+    }
+  }
+
+  &:not(.multi-selected) {
+    ul.file-tree-list li.selected {
+      > .entity {
+        > .entity-name {
+          color: @file-tree-item-selected-color;
+
+          > div > i.fa,
+          > button > i.fa,
+          > i.fa,
+          .entity-menu-toggle i.fa {
+            color: @file-tree-item-selected-color;
+          }
+
+          > i.linked-file-highlight {
+            color: @blue;
+          }
+
+          background-color: @file-tree-item-selected-bg;
+          font-weight: bold;
+          padding-right: 32px;
+          .fake-full-width-bg(@file-tree-item-selected-bg);
+
+          .entity-menu-toggle {
+            display: inline-block;
+            background-color: transparent;
+            box-shadow: none;
+            border: 0;
+          }
+        }
+      }
+    }
+  }
+
+  // while dragging, the previously selected item gets no highlight
+  ul.file-tree-list.file-tree-dragging li.selected .entity .entity-name {
+    font-weight: normal;
+
+    background-color: transparent;
+    .fake-full-width-bg(transparent);
+    color: @file-tree-item-color;
+    i.fa {
+      color: @file-tree-item-icon-color !important;
+    }
+  }
+
+  // the items being dragged get the full "hover" colour
+  ul.file-tree-list.file-tree-dragging
+    li
+    .entity.file-tree-entity-dragging
+    .entity-name {
+    background-color: fade(@file-tree-item-hover-bg, 90%);
+    .fake-full-width-bg(fade(@file-tree-item-hover-bg, 90%));
+    color: @file-tree-item-color;
+    i.fa {
+      color: @file-tree-item-icon-color !important;
+    }
+  }
+
+  // the drop target gets the "selected" colour
+  ul.file-tree-list.file-tree-dragging
+    li.dnd-droppable-hover
+    .entity
+    .entity-name {
+    background-color: @file-tree-item-selected-bg;
+    .fake-full-width-bg(@file-tree-item-selected-bg);
+    color: @file-tree-item-selected-color;
+    i.fa {
+      color: @file-tree-item-selected-color !important;
+    }
+  }
+
+  .dnd-draggable-preview-layer {
+    position: absolute;
+    pointer-events: none;
+    z-index: 100;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+
+    &.dnd-droppable-hover {
+      border: 3px solid @file-tree-item-selected-bg;
+    }
+  }
+
+  .dnd-draggable-preview-item {
+    background-color: fade(@file-tree-item-selected-bg, 60%);
+    color: @file-tree-item-selected-color;
+    width: 75%;
+    padding-left: @line-height-computed;
+  }
+
+  .dnd-draggable-preview-item {
+    line-height: @file-tree-line-height;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .disconnected-overlay {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 10;
+    background: @file-tree-bg;
+    opacity: 0.5;
+    cursor: wait;
+  }
+}
+
+.modal-new-file {
+  padding: 0;
+  table {
+    width: 100%;
+    table-layout: fixed;
+    td {
+      vertical-align: top;
+    }
+  }
+  /* old modal */
+  .toggle-output-files-button {
+    font-size: 80%;
+  }
+  /* new modal */
+  .toggle-file-type-button {
+    font-size: 80%;
+    margin-top: -12px;
+    .btn {
+      display: inline-block;
+      padding: 0;
+      vertical-align: baseline;
+      font-size: inherit;
+    }
+    .btn:focus-within {
+      outline: none;
+      text-decoration: none;
+    }
+  }
+}
+.modal-new-file-list {
+  background-color: @modal-footer-background-color;
+  width: 220px;
+  ul {
+    li {
+      /* old modal (a) */
+      a {
+        color: @text-color;
+        padding: (@line-height-computed / 4);
+        display: block;
+        text-decoration: none;
+      }
+      /* new modal (button) */
+      .btn {
+        color: @text-color;
+        padding: (@line-height-computed / 4);
+      }
+      .btn:hover {
+        text-decoration: none;
+      }
+      .btn:focus {
+        outline: none;
+        text-decoration: none;
+        background-color: white;
+      }
+    }
+    li.active {
+      background-color: white;
+      /* old modal (a) */
+      a {
+        color: @link-color;
+      }
+      /* new modal (button) */
+      .btn {
+        color: @link-color;
+        text-decoration: none;
+      }
+    }
+    li:hover {
+      background-color: white;
+    }
+  }
+}
+
+.file-tree-error {
+  text-align: center;
+  color: @file-tree-error-color;
+  padding: 20px;
+}
+
+.file-tree-modal-alert {
+  margin-top: 12.5px;
+}
+
+.btn.modal-new-file-mode {
+  text-align: left;
+  width: 100%;
+}
+
+.modal-new-file-body {
+  padding: 20px;
+  padding-top: (@line-height-computed / 4);
+}
+
+.modal-new-file-body-upload {
+  padding-top: 20px;
+}
+
+.modal-new-file-body-conflict {
+  background-color: @red-10;
+  border: 1px dashed @red-50;
+  min-height: 400px;
+  border-radius: 3px;
+  color: @neutral-90;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: @padding-sm;
+}
+
+.modal-footer {
+  .approaching-file-limit {
+    font-weight: bold;
+  }
+
+  .at-file-limit {
+    text-align: left;
+  }
+}
+
+.modal-new-file-body-upload .uppy-Root {
+  font-family: inherit;
+}
+
+.modal-new-file-body-upload .uppy-Dashboard {
+  .uppy-Dashboard-inner {
+    border: none;
+  }
+
+  .uppy-Dashboard-dropFilesHereHint {
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+  }
+
+  .uppy-Dashboard-AddFiles {
+    margin: 0;
+    border: 1px dashed @neutral-60;
+    height: 100%;
+    .uppy-Dashboard-AddFiles-title {
+      font-size: inherit;
+    }
+  }
+
+  .uppy-Dashboard-AddFiles-title {
+    width: 26em; // sized to create a wrap between the sentences
+    max-width: 100%;
+  }
+
+  .uppy-Informer p {
+    background-color: @blue-10;
+    border: 1px solid @blue-20;
+    border-radius: @border-radius-base-new;
+    color: @content-primary;
+    font-size: @font-size-03;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/editor/file-view.less b/services/web/frontend/stylesheets/app/editor/file-view.less
new file mode 100644
index 0000000..5523058
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/file-view.less
@@ -0,0 +1,82 @@
+.file-view,
+.binary-file {
+  padding: @line-height-computed / 2;
+  background-color: @gray-lightest;
+  text-align: center;
+  overflow: auto;
+
+  .file-view-buttons {
+    display: flex;
+    flex-wrap: wrap;
+    gap: @spacing-03;
+    justify-content: center;
+  }
+
+  .file-view-error {
+    margin: @spacing-08 -15px auto;
+
+    > .alert {
+      max-width: 400px;
+      margin: 0 auto;
+    }
+  }
+
+  .tpr-refresh-error {
+    .btn {
+      color: @neutral-90;
+      background-color: @white;
+      &:hover {
+        background-color: @neutral-20;
+      }
+    }
+  }
+
+  img,
+  .file-view-pdf {
+    max-width: 100%;
+    max-height: 90%;
+    display: block;
+    margin: auto;
+    margin-top: @line-height-computed / 2;
+    border: 1px solid @gray;
+    .box-shadow(0 2px 3px @gray;);
+    background-color: white;
+  }
+  .file-view-pdf {
+    overflow: auto;
+    width: max-content;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    .pdf-page:not(:last-of-type) {
+      border-bottom: 1px solid @gray;
+    }
+  }
+  p.no-preview {
+    margin-top: @line-height-computed / 2;
+    font-size: 24px;
+    color: @gray;
+  }
+  .text-loading {
+    margin-top: @line-height-computed / 2;
+    font-size: 24px;
+    color: @gray;
+  }
+  .text-preview {
+    margin-top: @line-height-computed / 2;
+    .scroll-container {
+      background-color: white;
+      font-size: 0.8em;
+      line-height: 1.1em;
+      overflow: auto;
+      border: 1px solid @gray-lighter;
+      padding: 8px 12px;
+      text-align: left;
+      white-space: pre;
+      font-family: monospace;
+    }
+  }
+  .linked-file-icon {
+    color: @blue;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/editor/history-react.less b/services/web/frontend/stylesheets/app/editor/history-react.less
new file mode 100644
index 0000000..c9a8ef9
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/history-react.less
@@ -0,0 +1,584 @@
+@versions-list-width: 320px;
+@history-toolbar-height: 40px;
+@history-change-list-padding: 16px;
+
+history-root {
+  height: 100%;
+  display: block;
+}
+
+// Adding !important to override the styling of overlays and popovers
+.history-popover {
+  top: 90px !important;
+  .arrow {
+    top: 20px !important;
+  }
+}
+
+.history-react {
+  display: flex;
+  justify-content: center;
+  height: 100%;
+  background-color: @history-main-bg;
+
+  .history-header {
+    height: @history-toolbar-height;
+    background-color: @history-react-header-bg;
+    color: @history-react-header-color;
+    font-size: @font-size-small;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    box-sizing: border-box;
+  }
+
+  .doc-panel {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+
+    .toolbar-container {
+      border-bottom: 1px solid @history-react-separator-color;
+      padding: 0 8px;
+    }
+
+    .doc-container {
+      flex: 1;
+      overflow-y: auto;
+      display: flex;
+    }
+  }
+
+  .doc-container .loading {
+    margin: 10rem auto auto;
+  }
+
+  .change-list {
+    display: flex;
+    flex-direction: column;
+    width: @versions-list-width;
+    font-size: @font-size-small;
+    border-left: 1px solid @history-react-separator-color;
+    box-sizing: content-box;
+  }
+
+  .toggle-switch-label {
+    flex: 1;
+
+    span {
+      display: block;
+    }
+  }
+
+  .history-version-list-container {
+    flex: 1;
+    overflow-y: auto;
+  }
+
+  .history-all-versions-scroller {
+    overflow-y: auto;
+    height: 100%;
+  }
+
+  .history-all-versions-container {
+    position: relative;
+  }
+
+  .history-versions-bottom {
+    position: absolute;
+    height: 8em;
+    bottom: 0;
+  }
+
+  .history-toggle-switch-container,
+  .history-version-day,
+  .history-version-details {
+    padding: 0 @history-change-list-padding;
+  }
+
+  .history-version-day {
+    background-color: white;
+    position: sticky;
+    z-index: 1;
+    top: 0;
+    display: block;
+    padding-top: 12px;
+    padding-bottom: 4px;
+    line-height: 20px;
+  }
+
+  .history-version-details {
+    display: flow-root;
+    padding-top: 8px;
+    padding-bottom: 8px;
+    position: relative;
+
+    &.history-version-selectable {
+      cursor: pointer;
+
+      &:hover {
+        background-color: @neutral-10;
+      }
+    }
+
+    &.history-version-selected {
+      background-color: @green-10;
+      border-left: 3px solid @green-50;
+      padding-left: @history-change-list-padding - 3px;
+    }
+
+    &.history-version-selected.history-version-selectable:hover {
+      background-color: fade(@green-70, 16%);
+      border-left: 3px solid @green-50;
+    }
+
+    &.history-version-within-selected {
+      background-color: @neutral-10;
+      border-left: 3px solid @green-50;
+    }
+
+    &.history-version-within-selected:hover {
+      background-color: fade(@neutral-90, 8%);
+    }
+  }
+
+  .version-element-within-selected {
+    background-color: @neutral-10;
+    border-left: 3px solid @green-50;
+  }
+
+  .version-element-selected {
+    background-color: @green-10;
+    border-left: 3px solid @green-50;
+  }
+
+  .history-version-metadata-time {
+    display: block;
+    margin-bottom: 4px;
+    color: @neutral-90;
+
+    &:last-child {
+      margin-bottom: initial;
+    }
+  }
+
+  .history-version-metadata-users,
+  .history-version-changes {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .history-version-restore-file {
+    margin-bottom: 8px;
+  }
+
+  .history-version-metadata-users {
+    display: inline;
+
+    > li {
+      display: inline-flex;
+      align-items: center;
+      margin-right: 8px;
+    }
+  }
+
+  .history-version-changes {
+    > li {
+      margin-bottom: 4px;
+    }
+  }
+
+  .history-version-user-badge-color {
+    @size: 8px;
+    display: inline-block;
+    width: @size;
+    height: @size;
+    margin-right: 4px;
+    border-radius: 2px;
+  }
+
+  .history-version-user-badge-text {
+    overflow-wrap: anywhere;
+    flex: 1;
+  }
+
+  .history-version-day,
+  .history-version-change-action,
+  .history-version-metadata-users,
+  .history-version-origin,
+  .history-version-saved-by {
+    color: @neutral-70;
+  }
+
+  .history-version-change-action {
+    overflow-wrap: anywhere;
+  }
+
+  .history-version-change-doc {
+    color: @neutral-90;
+    overflow-wrap: anywhere;
+    white-space: pre-wrap;
+  }
+
+  .history-version-divider-container {
+    padding: 6px 8px;
+  }
+
+  .history-version-divider {
+    margin: 0px;
+    border-color: @neutral-20;
+  }
+
+  .history-version-badge {
+    margin-bottom: 4px;
+    margin-right: 10px;
+    height: unset;
+    white-space: normal;
+    overflow-wrap: anywhere;
+  }
+
+  .history-version-label {
+    margin-bottom: 4px;
+
+    &:last-child {
+      margin-bottom: initial;
+    }
+  }
+
+  .loading {
+    font-family: @font-family-serif;
+  }
+
+  .history-all-versions-loading {
+    position: sticky;
+    bottom: 0;
+    padding: @line-height-computed / 2 0;
+    background-color: @gray-lightest;
+    text-align: center;
+  }
+
+  .history-version-saved-by {
+    &-label {
+      margin-right: 8px;
+    }
+  }
+
+  .dropdown.open {
+    .history-version-dropdown-menu-btn {
+      background-color: rgba(@neutral-90, 0.08);
+      box-shadow: initial;
+    }
+  }
+
+  .history-compare-btn,
+  .history-version-dropdown-menu-btn {
+    .reset-button;
+
+    @size: 30px;
+    padding: 0;
+    border-radius: @btn-border-radius-large;
+    width: @size;
+    height: @size;
+    line-height: 1;
+    font-size: @font-size-small;
+    color: @neutral-90;
+    background-color: transparent;
+
+    &:hover,
+    &:active {
+      z-index: initial;
+      background-color: rgba(@neutral-90, 0.08);
+      box-shadow: initial;
+    }
+  }
+
+  .history-loading-panel {
+    padding-top: 10rem;
+    font-family: @font-family-serif;
+    text-align: center;
+  }
+
+  .history-file-entity-operation-badge {
+    flex: 0 0 auto;
+    text-transform: lowercase;
+    margin-left: 0.5em;
+    font-size: 0.7em;
+    background: @history-file-badge-bg;
+    color: @history-file-badge-color;
+    border-radius: 8px;
+    line-height: 1;
+    padding: 2px 4px 3px;
+    margin-top: 2px;
+  }
+
+  .history-react-toolbar {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+
+    .history-react-toolbar-file-info {
+      flex: 1;
+      text-align: right;
+    }
+
+    .history-react-toolbar-time {
+      font-weight: 700;
+    }
+  }
+
+  .history-paywall-prompt {
+    padding: @history-change-list-padding;
+
+    .history-feature-list {
+      list-style: none;
+      padding-left: 8px;
+
+      li {
+        margin-bottom: 16px;
+      }
+    }
+
+    button {
+      width: 100%;
+    }
+  }
+
+  .history-version-faded .history-version-details {
+    max-height: 6em;
+    .mask-image(linear-gradient(black 35%, transparent));
+    overflow: hidden;
+  }
+
+  .history-paywall-heading {
+    .premium-text;
+    font-family: inherit;
+    font-size: 20px;
+    font-weight: 700;
+  }
+
+  .history-content {
+    padding: @line-height-computed / 2;
+  }
+}
+
+.history-version-label-tooltip {
+  padding: 6px;
+  text-align: initial;
+
+  &-row {
+    margin-bottom: 6.25px;
+
+    &-comment {
+      overflow-wrap: anywhere;
+    }
+
+    &:last-child {
+      margin-bottom: initial;
+    }
+  }
+}
+
+.history-version-dropdown-menu {
+  [role='menuitem'] {
+    padding: 10px 12px;
+    color: @neutral-90;
+
+    &:hover,
+    &:focus {
+      color: @neutral-90;
+      background-color: @neutral-10;
+    }
+
+    span.material-symbols {
+      vertical-align: middle;
+      font-size: inherit;
+    }
+  }
+}
+
+.document-diff-container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  position: relative;
+
+  .cm-viewer-container,
+  .cm-editor {
+    height: 100%;
+  }
+
+  .previous-highlight-button,
+  .next-highlight-button {
+    position: absolute;
+    right: 16px;
+    box-shadow: @box-shadow;
+  }
+
+  .previous-highlight-button {
+    top: 16px;
+  }
+
+  .next-highlight-button {
+    bottom: 16px;
+  }
+}
+
+.history-dropdown-icon {
+  color: @neutral-90;
+}
+
+.history-dropdown-icon-inverted {
+  color: @neutral-10;
+  vertical-align: top;
+}
+.history-restore-promo-icon {
+  vertical-align: middle;
+}
+
+.history-file-tree {
+  display: flex !important; // To work around jQuery layout's inline styles
+  flex-direction: column;
+  flex-grow: 1;
+  max-height: 100%;
+
+  ul.history-file-tree-list {
+    margin: 0;
+    overflow-x: hidden;
+    height: 100%;
+    flex-grow: 1;
+    position: relative;
+    overflow-y: auto;
+
+    .history-file-tree-item > ul,
+    ul[role='tree'] {
+      margin-left: 22px;
+    }
+
+    &::after {
+      content: '';
+      display: block;
+      min-height: @line-height-computed;
+    }
+
+    li {
+      line-height: @file-tree-line-height;
+      position: relative;
+      margin-left: 8px;
+
+      &:focus {
+        outline: none;
+      }
+
+      .history-file-tree-item {
+        color: @file-tree-item-color;
+        cursor: pointer;
+        white-space: nowrap;
+        user-select: none;
+        display: flex;
+        align-items: center;
+
+        &:focus {
+          outline: none;
+        }
+
+        .fake-full-width-bg(transparent);
+        &:hover {
+          background-color: @file-tree-item-hover-bg;
+
+          // When the entity is a subfolder, the DOM element is "indented" via margin-left. This makes the
+          // element not fill the entire file-tree width (as it's spaced from the left-hand side via margin)
+          // and, in consequence, the background gets clipped. The ::before pseudo-selector is used to fill
+          // the empty space.
+          .fake-full-width-bg(@file-tree-item-hover-bg);
+        }
+
+        .history-file-tree-folder-button,
+        .history-file-tree-item-button {
+          .reset-button;
+
+          &:focus {
+            outline: none;
+          }
+        }
+
+        .history-file-tree-item-name-wrapper {
+          display: flex;
+          align-items: center;
+          width: 100%;
+          overflow: hidden;
+
+          .history-file-tree-item-name {
+            margin-right: @margin-xs;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            text-align: left;
+            font-weight: normal;
+            flex-grow: 1;
+            white-space: pre;
+
+            &.strikethrough {
+              text-decoration: line-through;
+            }
+          }
+
+          .history-file-tree-item-badge {
+            text-transform: capitalize;
+            font-weight: normal;
+            margin-right: @margin-sm;
+            flex-shrink: 0;
+
+            &:hover {
+              background-color: @neutral-20;
+            }
+          }
+        }
+      }
+
+      i.fa {
+        color: @file-tree-item-icon-color;
+        font-size: 14px;
+        display: inline-flex;
+        flex-shrink: 0;
+
+        &.file-tree-icon {
+          margin-right: 4px;
+          margin-left: 8px;
+        }
+
+        &.file-tree-folder-icon {
+          margin-right: 4px;
+        }
+
+        &.file-tree-expand-icon {
+          margin-left: 8px;
+        }
+      }
+
+      i.fa-folder-open,
+      i.fa-folder {
+        color: @file-tree-item-folder-color;
+        font-size: 14px;
+      }
+    }
+
+    li.selected > .history-file-tree-item {
+      color: @file-tree-item-selected-color;
+      background-color: @file-tree-item-selected-bg;
+      font-weight: bold;
+
+      > div > i.fa,
+      > button > i.fa,
+      > i.fa {
+        color: @file-tree-item-selected-color;
+      }
+
+      .fake-full-width-bg(@file-tree-item-selected-bg);
+    }
+  }
+}
+
+.history-error {
+  padding: 16px;
+}
diff --git a/services/web/frontend/stylesheets/app/editor/history-v2.less b/services/web/frontend/stylesheets/app/editor/history-v2.less
new file mode 100644
index 0000000..d59310d
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/history-v2.less
@@ -0,0 +1,404 @@
+.history-toolbar {
+  display: flex;
+  align-items: center;
+  position: absolute;
+  width: 100%;
+  top: @ide-body-top-offset;
+  height: @editor-toolbar-height;
+  line-height: 1;
+  font-size: @font-size-small;
+  background-color: @history-toolbar-bg-color;
+  color: @history-toolbar-color;
+  padding-left: (@line-height-computed / 2);
+}
+
+.history-compare-mode-toolbar {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  justify-content: center;
+  line-height: 1;
+  font-size: @font-size-small;
+  background-color: @history-toolbar-bg-color;
+  height: @editor-toolbar-height;
+  color: @history-toolbar-color;
+  padding: 0 10px;
+}
+
+.history-toolbar when (@is-overleaf-light) {
+  border-bottom: @toolbar-border-bottom;
+}
+
+.history-toolbar-selected-version {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-right: (@line-height-computed / 2);
+}
+.history-toolbar-time,
+.history-toolbar-selected-label {
+  font-weight: bold;
+}
+.history-toolbar-actions {
+  flex-grow: 1;
+  flex-shrink: 0;
+}
+.history-toolbar-btn,
+.history-toolbar-btn-danger {
+  .btn;
+  .btn-xs;
+  padding-left: @padding-small-horizontal;
+  padding-right: @padding-small-horizontal;
+  margin-right: (@line-height-computed / 2);
+}
+.history-toolbar-btn {
+  .btn-info;
+}
+.history-toolbar-btn-danger {
+  .btn-danger;
+}
+.history-toolbar-entries-list {
+  flex: 0 0 @changesListWidth;
+  padding: 0 10px;
+  border-left: 1px solid @editor-border-color;
+  display: flex;
+  justify-content: center;
+}
+
+.history-entries {
+  font-size: @history-base-font-size;
+  color: @history-base-color;
+  height: 100%;
+  background-color: @history-base-bg;
+  position: relative;
+  &.history-entries-dragging {
+    cursor: row-resize;
+  }
+}
+
+.history-entry-day {
+  display: block;
+  background-color: @history-entry-day-bg;
+  color: @history-entry-day-color;
+  padding: 5px 10px;
+  line-height: 1;
+  position: sticky;
+  top: 0;
+}
+
+.history-entry-toV-handle,
+.history-entry-fromV-handle {
+  position: absolute;
+  background-color: @history-entry-handle-bg;
+  height: @history-entry-handle-height;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 2;
+  cursor: row-resize;
+
+  &.ui-draggable-dragging {
+    opacity: 0;
+  }
+
+  &::after {
+    content: '\00b7\00b7\00b7\00b7';
+    position: absolute;
+    text-align: center;
+    -webkit-font-smoothing: antialiased;
+    width: 100%;
+    font-size: 20px;
+    color: #fff;
+    height: @history-entry-handle-height;
+    line-height: @history-entry-handle-height / 2;
+  }
+}
+
+.history-entry-fromV-handle {
+  top: auto;
+  bottom: 0;
+}
+
+.history-entry-details {
+  position: relative;
+  background-color: #fff;
+  border-bottom: solid 2px @history-base-bg;
+  padding: 5px 10px;
+  cursor: pointer;
+}
+
+.history-version-with-label {
+  .history-entry-details;
+  padding: 7px 10px;
+}
+
+.history-entry-selected .history-entry-details,
+.history-version-with-label-selected & {
+  background-color: @history-entry-selected-bg;
+  color: #fff;
+}
+
+.history-entry-hover-selected .history-entry-details,
+.history-entry-hover-selected.history-entry-selected .history-entry-details,
+.history-version-with-label-hover-selected &,
+.history-version-with-label-hover-selected.history-entry-selected & {
+  background-color: tint(@history-entry-selected-bg, 20%);
+  color: #fff;
+}
+
+.history-entry-selected-to .history-entry-details,
+.history-entry-hover-selected-to .history-entry-details,
+.history-version-with-label-selected-to &,
+.history-version-with-label-hover-selected-to & {
+  padding-top: @history-entry-handle-height + 5px;
+}
+
+.history-entry-selected-from .history-entry-details,
+.history-entry-hover-selected-from .history-entry-details,
+.history-version-with-label-selected-from &,
+.history-version-with-label-hover-selected-from & {
+  padding-bottom: @history-entry-handle-height + 5px;
+}
+
+.history-label {
+  display: inline-block;
+  color: @history-entry-label-color;
+  font-size: @font-size-small;
+  margin-bottom: 3px;
+  margin-right: 10px;
+  white-space: nowrap;
+  .history-entry-selected &,
+  .history-entry-hover-selected &,
+  .history-version-with-label-selected &,
+  .history-version-with-label-hover-selected & {
+    color: @history-entry-selected-label-color;
+  }
+  &.history-label-pseudo-current-state {
+    .history-entry-selected &,
+    .history-entry-hover-selected &,
+    .history-version-with-label-selected &,
+    .history-version-with-label-hover-selected & {
+      color: @history-entry-selected-pseudo-label-color;
+    }
+  }
+}
+.history-label-comment,
+.history-label-delete-btn {
+  padding: 0 @padding-xs-horizontal 1px @padding-xs-horizontal;
+  border: 0;
+  background-color: @history-entry-label-bg-color;
+  .history-label-pseudo-current-state & {
+    background-color: @history-entry-pseudo-label-bg-color;
+  }
+  .history-entry-selected &,
+  .history-entry-hover-selected &,
+  .history-version-with-label-selected &,
+  .history-version-with-label-hover-selected & {
+    background-color: @history-entry-selected-label-bg-color;
+  }
+}
+.history-label-comment {
+  display: block;
+  float: left;
+  border-radius: 9999px;
+  max-width: 190px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  .history-label-own & {
+    padding-right: (@padding-xs-horizontal / 2);
+    border-radius: 9999px 0 0 9999px;
+  }
+}
+.history-label-delete-btn {
+  padding-left: (@padding-xs-horizontal / 2);
+  padding-right: @padding-xs-horizontal;
+  border-radius: 0 9999px 9999px 0;
+  &:hover {
+    background-color: darken(@history-entry-label-bg-color, 8%);
+    .history-entry-selected &,
+    .history-entry-hover-selected &,
+    .history-version-with-label-selected &,
+    .history-version-with-label-hover-selected & {
+      background-color: darken(@history-entry-selected-label-bg-color, 8%);
+    }
+  }
+}
+
+.history-label-tooltip {
+  white-space: normal;
+  padding: (@line-height-computed / 4);
+  text-align: left;
+}
+.history-label-tooltip-title,
+.history-label-tooltip-owner,
+.history-label-tooltip-datetime {
+  margin: 0 0 (@line-height-computed / 4) 0;
+}
+.history-label-tooltip-title {
+  font-weight: bold;
+}
+.history-label-tooltip-datetime {
+  margin-bottom: 0;
+}
+
+.history-entry-changes {
+  .list-unstyled;
+  margin-bottom: 3px;
+}
+.history-entry-change {
+  word-break: break-all;
+}
+.history-entry-change-action {
+  margin-right: 0.5em;
+}
+
+.history-entry-change-doc {
+  color: @history-highlight-color;
+  font-weight: bold;
+
+  .history-entry-selected &,
+  .history-entry-hover-selected &,
+  .history-version-with-label-selected & {
+    color: #fff;
+  }
+}
+.history-entry-metadata {
+}
+.history-entry-metadata-time {
+  white-space: nowrap;
+}
+
+.history-entry-metadata-users {
+  display: inline;
+  padding: 0;
+  margin-right: 0.5em;
+}
+.history-entry-metadata-user {
+  display: inline;
+  &::after {
+    content: ', ';
+  }
+  &:last-of-type::after {
+    content: none;
+  }
+}
+
+.history-entries-list-upgrade-prompt {
+  background-color: #fff;
+  margin-bottom: 2px;
+  padding: 5px 10px;
+  .change-list-compare & {
+    font-size: @font-size-small;
+  }
+}
+
+.history-labels-list,
+.history-labels-list-compare {
+  .history-entries;
+  overflow-y: auto;
+}
+.history-labels-list-compare {
+  background-color: transparent;
+}
+
+.history-file-tree-inner {
+  .full-size;
+  overflow-y: auto;
+  background-color: @file-tree-bg;
+
+  .loading {
+    color: #fff;
+    font-size: @history-base-font-size;
+    text-align: center;
+    font-family: @font-family-serif;
+  }
+}
+
+.tooltip-history-file-tree {
+  font-size: 12px;
+  .tooltip-inner {
+    max-width: 400px;
+    text-align: left;
+  }
+}
+
+.history-file-entity-wrapper {
+  color: #fff;
+  margin-left: (@line-height-computed / 2);
+}
+.history-file-entity-link {
+  display: block;
+  position: relative;
+  color: @file-tree-item-color;
+  line-height: @file-tree-line-height;
+  &:hover {
+    .fake-full-width-bg(@file-tree-item-hover-bg);
+    background-color: @file-tree-item-hover-bg;
+    color: @file-tree-item-color;
+    text-decoration: none;
+  }
+  &:focus {
+    color: @file-tree-item-focus-color;
+    outline: none;
+    text-decoration: none;
+  }
+}
+.history-file-entity-link-selected {
+  background-color: @file-tree-item-selected-bg;
+  font-weight: bold;
+  color: #fff;
+  .fake-full-width-bg(@file-tree-item-selected-bg);
+  &:hover,
+  &:focus {
+    background-color: @file-tree-item-selected-bg;
+    .fake-full-width-bg(@file-tree-item-selected-bg);
+    color: #fff;
+    pointer-events: none;
+  }
+}
+.history-file-entity-name-container {
+  display: flex;
+  align-items: center;
+}
+.history-file-entity-name {
+  flex: 0 1 auto;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.history-file-entity-operation-badge {
+  flex: 0 0 auto;
+  text-transform: lowercase;
+  margin-left: 0.5em;
+  font-size: 0.7em;
+  background: @history-file-badge-bg;
+  color: @history-file-badge-color;
+  border-radius: 8px;
+  line-height: 1;
+  padding: 2px 4px 3px;
+  margin-top: 2px;
+}
+
+.history-file-entity-icon,
+.history-file-operation-icon {
+  flex: 0 0 auto;
+  color: @file-tree-item-icon-color;
+  font-size: 14px;
+  margin-right: 0.5em;
+  .history-file-entity-link-selected & {
+    color: #fff;
+  }
+}
+
+.history-file-operation-icon {
+  margin-left: 0.5em;
+  margin-right: 0;
+}
+.history-file-entity-name-edited,
+.history-file-entity-name-added,
+.history-file-entity-name-removed,
+.history-file-entity-name-renamed {
+}
+.history-file-entity-name-removed {
+  text-decoration: line-through;
+}
diff --git a/services/web/frontend/stylesheets/app/editor/history.less b/services/web/frontend/stylesheets/app/editor/history.less
new file mode 100644
index 0000000..d3ee2a5
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/history.less
@@ -0,0 +1,344 @@
+@changesListWidth: 250px;
+@changesListPadding: @line-height-computed / 2;
+
+@selector-padding-vertical: 10px;
+@selector-padding-horizontal: @line-height-computed / 2;
+@day-header-height: 24px;
+
+@range-bar-color: @link-color;
+@range-bar-selected-offset: 14px;
+
+@history-toolbar-height: 32px;
+
+#history {
+  .upgrade-prompt {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 100;
+    background-color: rgba(128, 128, 128, 0.4);
+    .message {
+      margin: auto;
+      margin-top: 100px;
+      padding: (@line-height-computed / 2) @line-height-computed;
+      width: 400px;
+      background-color: white;
+      border-radius: 8px;
+    }
+    .message-wider {
+      width: 650px;
+      margin-top: 60px;
+      padding: 0;
+    }
+
+    .message-header {
+      .modal-header;
+    }
+
+    .message-body {
+      .modal-body;
+    }
+  }
+
+  .diff-panel,
+  .point-in-time-panel {
+    .full-size;
+    margin-right: @changesListWidth;
+  }
+
+  .diff {
+    .full-size;
+    .toolbar {
+      padding: 3px;
+      height: @history-toolbar-height;
+      .name {
+        color: #fff;
+        float: left;
+        padding: 3px @line-height-computed / 4;
+        display: inline-block;
+      }
+    }
+    .diff-editor-v2 {
+      .full-size;
+    }
+    .diff-editor {
+      .full-size;
+      top: @history-toolbar-height;
+    }
+    .diff-deleted {
+      padding: @line-height-computed;
+    }
+    .deleted-warning {
+      background-color: @brand-danger;
+      color: white;
+      padding: @line-height-computed / 2;
+      margin-right: @line-height-computed / 4;
+    }
+    &-binary {
+      .alert {
+        margin: @line-height-computed / 2;
+      }
+    }
+  }
+
+  aside.change-list {
+    border-left: 1px solid @editor-border-color;
+    height: 100%;
+    width: @changesListWidth;
+    position: absolute;
+    right: 0;
+
+    .loading {
+      text-align: center;
+      font-family: @font-family-serif;
+      margin-top: (@line-height-computed / 2);
+    }
+
+    ul {
+      li.change {
+        position: relative;
+        user-select: none;
+        -ms-user-select: none;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+
+        .day {
+          background-color: #fafafa;
+          border-bottom: 1px solid @editor-border-color;
+          padding: 4px;
+          font-weight: bold;
+          text-align: center;
+          height: @day-header-height;
+          font-size: 14px;
+          line-height: 1;
+        }
+        .selectors {
+          input {
+            margin: 0;
+          }
+          position: absolute;
+          left: @selector-padding-horizontal;
+          top: 0;
+          bottom: 0;
+          width: 24px;
+          .selector-from {
+            position: absolute;
+            bottom: @selector-padding-vertical;
+            left: 0;
+            opacity: 0.8;
+          }
+          .selector-to {
+            position: absolute;
+            top: @selector-padding-vertical;
+            left: 0;
+            opacity: 0.8;
+          }
+          .range {
+            position: absolute;
+            left: 5px;
+            width: 4px;
+            top: 0;
+            bottom: 0;
+          }
+        }
+        .description {
+          padding: (@line-height-computed / 4);
+          padding-left: 38px;
+          min-height: 38px;
+          border-bottom: 1px solid @editor-border-color;
+          cursor: pointer;
+          &:hover {
+            background-color: @gray-lightest;
+          }
+        }
+        .users {
+          .user {
+            font-size: 0.8rem;
+            color: @gray;
+            text-transform: capitalize;
+            position: relative;
+            padding-left: 16px;
+            .color-square {
+              height: 12px;
+              width: 12px;
+              border-radius: 3px;
+              position: absolute;
+              left: 0;
+              bottom: 3px;
+            }
+            .name {
+              width: 94%;
+              white-space: nowrap;
+              overflow: hidden;
+              text-overflow: ellipsis;
+            }
+          }
+        }
+        .time {
+          float: right;
+          color: @gray;
+          display: inline-block;
+          padding-right: (@line-height-computed / 2);
+          font-size: 0.8rem;
+          line-height: @line-height-computed;
+        }
+        .doc {
+          font-size: 0.9rem;
+          font-weight: bold;
+        }
+        .action {
+          color: @gray;
+          text-transform: uppercase;
+          font-size: 0.7em;
+          margin-bottom: -2px;
+          margin-top: 2px;
+          &-edited {
+            margin-top: 0;
+          }
+        }
+      }
+      li.loading-changes,
+      li.empty-message {
+        padding: 6px;
+        cursor: default;
+        &:hover {
+          background-color: inherit;
+        }
+      }
+      li.selected {
+        border-left: 4px solid @range-bar-color;
+        .day {
+          padding-left: 0;
+        }
+        .description {
+          padding-left: 34px;
+        }
+        .selectors {
+          left: @selector-padding-horizontal - 4px;
+          .range {
+            background-color: @range-bar-color;
+          }
+        }
+      }
+      li.selected-to {
+        .selectors {
+          .range {
+            top: @range-bar-selected-offset;
+          }
+          .selector-to {
+            opacity: 1;
+          }
+        }
+      }
+      li.selected-from {
+        .selectors {
+          .range {
+            bottom: @range-bar-selected-offset;
+          }
+          .selector-from {
+            opacity: 1;
+          }
+        }
+      }
+      li.first-in-day {
+        .selectors {
+          .selector-to {
+            top: @day-header-height + @selector-padding-vertical;
+          }
+        }
+      }
+      li.first-in-day.selected-to {
+        .selectors {
+          .range {
+            top: @day-header-height + @range-bar-selected-offset;
+          }
+        }
+      }
+    }
+    ul.hover-state {
+      li {
+        .selectors {
+          .range {
+            background-color: transparent;
+            top: 0;
+            bottom: 0;
+          }
+        }
+      }
+      li.hover-selected {
+        .selectors {
+          .range {
+            top: 0;
+            background-color: @gray-light;
+          }
+        }
+      }
+      li.hover-selected-to {
+        .selectors {
+          .range {
+            top: @range-bar-selected-offset;
+          }
+          .selector-to {
+            opacity: 1;
+          }
+        }
+      }
+      li.hover-selected-from {
+        .selectors {
+          .range {
+            bottom: @range-bar-selected-offset;
+          }
+          .selector-from {
+            opacity: 1;
+          }
+        }
+      }
+      li.first-in-day.hover-selected-to {
+        .selectors {
+          .range {
+            top: @day-header-height + @range-bar-selected-offset;
+          }
+        }
+      }
+    }
+  }
+}
+
+.diff-deleted {
+  padding-top: 15px;
+}
+
+.hide-ace-cursor {
+  .ace_active-line,
+  .ace_cursor-layer,
+  .ace_bracket {
+    display: none;
+  }
+
+  .ace_gutter-active-line {
+    background-color: transparent;
+  }
+}
+
+.editor-dark {
+  #history {
+    aside.change-list {
+      border-color: @editor-dark-toolbar-border-color;
+
+      ul li.change {
+        .day {
+          background-color: darken(@editor-dark-background-color, 10%);
+          border-bottom: 1px solid @editor-dark-toolbar-border-color;
+        }
+        .description {
+          border-bottom: 1px solid @editor-dark-toolbar-border-color;
+          &:hover {
+            background-color: black;
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/editor/hotkeys.less b/services/web/frontend/stylesheets/app/editor/hotkeys.less
new file mode 100644
index 0000000..d2e2886
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/hotkeys.less
@@ -0,0 +1,31 @@
+.hotkeys-modal {
+  font-size: 14px;
+
+  h3:first-child {
+    margin-top: 0;
+  }
+
+  .hotkey {
+    margin-bottom: @line-height-computed / 2;
+  }
+
+  .description {
+    display: inline-block;
+  }
+
+  .combination {
+    padding: 4px 8px;
+    border-radius: 3px;
+    background-color: @gray-dark;
+    color: white;
+    font-family: @font-family-sans-serif;
+    font-weight: 600;
+    margin-right: @line-height-computed / 4;
+  }
+
+  .hotkeys-modal-bottom-text {
+    background-color: @ol-blue-gray-0;
+    padding: @padding-sm;
+    border-radius: 5px;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/editor/ide-react.less b/services/web/frontend/stylesheets/app/editor/ide-react.less
new file mode 100644
index 0000000..412796b
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/ide-react.less
@@ -0,0 +1,180 @@
+#ide-root {
+  height: 100vh; /* for backwards compatibility */
+  height: 100dvh; /* needed for mobile devices */
+
+  .global-alerts {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .chat {
+    position: relative;
+    height: 100%;
+  }
+
+  .review-panel-wrapper {
+    &.rp-state-overview {
+      position: sticky;
+      top: 0;
+      height: 100%;
+    }
+  }
+}
+
+.ide-react-main {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .toolbar.toolbar-header {
+    position: static;
+    flex-grow: 0;
+    color: var(--neutral-20);
+  }
+}
+
+.ide-react-body {
+  flex-grow: 1;
+  background-color: @pdf-bg;
+  overflow-y: hidden;
+  z-index: 0;
+}
+
+.horizontal-resize-handle {
+  width: @ui-resizer-size !important;
+  height: 100%;
+
+  // Enable ::before and ::after pseudo-elements to position themselves correctly
+  position: relative;
+  background-color: @editor-resizer-bg-color;
+
+  .custom-toggler {
+    padding: 0;
+    border-width: 0;
+
+    // Override react-resizable-panels which sets a global * { cursor: ew-resize }
+    cursor: pointer !important;
+  }
+
+  &.horizontal-resize-handle-enabled {
+    &::before,
+    &::after {
+      // This SVG has the colour hard-coded to the current value of @ol-blue-gray-2, so if we changed @ol-blue-gray-2,
+      // we'd have to change this SVG too
+      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='18' viewBox='0 0 7 18'%3E%3Cpath d='M2 0h3v3H2zM2 5h3v3H2zM2 10h3v3H2zM2 15h3v3H2z' style='fill:%239da7b7'/%3E%3C/svg%3E");
+      display: block;
+      position: absolute;
+      text-align: center;
+      left: 0;
+      width: 7px;
+      height: 18px;
+    }
+
+    &::before {
+      top: 25%;
+    }
+
+    &::after {
+      top: 75%;
+    }
+  }
+
+  &:not(.horizontal-resize-handle-enabled) {
+    cursor: default;
+  }
+
+  .synctex-controls {
+    left: -8px;
+    margin: 0;
+
+    // Ensure that SyncTex controls appear in front of PDF viewer controls and logs pane
+    z-index: 12;
+
+    & .synctex-control .synctex-control-icon {
+      // Override react-resizable-panels which sets a global * { cursor: ew-resize }
+      cursor: pointer !important;
+    }
+  }
+}
+
+.vertical-resize-handle {
+  height: 6px;
+  background-color: @vertical-resizable-resizer-bg;
+
+  &.vertical-resize-handle-enabled {
+    &:hover {
+      background-color: @vertical-resizable-resizer-hover-bg;
+    }
+  }
+
+  &:not(.vertical-resize-handle-enabled) {
+    opacity: 0.5;
+    cursor: default;
+  }
+
+  &::after {
+    // This SVG has the colour hard-coded to the current value of @ol-blue-gray-2, so if we changed @ol-blue-gray-2,
+    // we'd have to change this SVG too
+    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='6' viewBox='0 0 18 6'%3E%3Cpath d='M0 1.5h3v3H0zM5 1.5h3v3H5zM10 1.5h3v3h-3zM15 1.5h3v3h-3z' style='fill:%239da7b7'/%3E%3C/svg%3E");
+    display: block;
+    text-align: center;
+    line-height: 0;
+  }
+}
+
+.ide-react-editor-sidebar {
+  height: 100%;
+  background-color: @file-tree-bg;
+  color: var(--neutral-20);
+  position: relative;
+}
+
+.ide-react-symbol-palette {
+  height: 100%;
+  background-color: @symbol-palette-bg;
+  color: var(--neutral-20);
+}
+
+.ide-react-file-tree-panel {
+  display: flex;
+  flex-direction: column;
+
+  // Prevent the file tree expanding beyond the boundary of the panel
+  .file-tree {
+    width: 100%;
+  }
+}
+
+.ide-react-editor-panel {
+  display: flex;
+  flex-direction: column;
+}
+
+// Ensure an element with class "full-size", such as the binary file view, stays within the bounds of the panel
+.ide-react-panel {
+  position: relative;
+  container-type: size;
+}
+
+// Styles for placeholder elements that will eventually be replaced
+// Unused, not migrated to SCSS
+.ide-react-placeholder-chat {
+  background-color: var(--editor-toolbar-bg);
+  color: var(--neutral-20);
+  height: 100%;
+}
+
+.ide-panel-group-resizing {
+  background-color: white;
+
+  // Hide panel contents while resizing
+  .ide-react-editor-content,
+  .pdf {
+    display: none !important;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/editor/left-menu.less b/services/web/frontend/stylesheets/app/editor/left-menu.less
new file mode 100644
index 0000000..6708783
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/left-menu.less
@@ -0,0 +1,238 @@
+#left-menu {
+  position: absolute;
+  width: @left-menu-width;
+  padding: (@line-height-computed / 2);
+  top: 0;
+  bottom: 0;
+  background-color: #f4f4f4;
+  z-index: 100;
+  overflow-y: auto;
+  overflow-x: hidden;
+  -webkit-transition: left ease-in-out @left-menu-animation-duration;
+  transition: left ease-in-out @left-menu-animation-duration;
+  font-size: 14px;
+  left: -@left-menu-width;
+
+  &.shown {
+    left: 0;
+  }
+
+  h4 {
+    font-family: @font-family-sans-serif;
+    font-weight: 400;
+    font-size: 1rem;
+    margin: (@line-height-computed / 2) 0;
+    padding-bottom: (@line-height-computed / 4);
+    color: @neutral-70;
+    border-bottom: 1px solid @gray-lighter;
+  }
+
+  > h4:first-child {
+    margin-top: 0;
+  }
+
+  ul.nav {
+    .left-menu-button {
+      cursor: pointer;
+      padding: (@line-height-computed / 4);
+      font-weight: 700;
+      color: @link-color;
+      display: flex;
+      align-items: center;
+      width: 100%;
+      background-color: inherit;
+      border: none;
+
+      i {
+        margin-right: @margin-sm;
+        color: @gray;
+      }
+
+      &:hover,
+      &:active {
+        background-color: @link-color;
+        color: white;
+
+        i {
+          color: white;
+        }
+      }
+    }
+
+    a {
+      cursor: pointer;
+      &:hover,
+      &:active,
+      &:focus {
+        background-color: @link-color;
+        color: white;
+        i {
+          color: white;
+        }
+      }
+      i {
+        color: @gray;
+      }
+      padding: (@line-height-computed / 4);
+      font-weight: 700;
+    }
+    .link-disabled {
+      color: @gray-light;
+    }
+  }
+
+  > ul.nav:last-child {
+    margin-bottom: @line-height-computed / 2;
+  }
+
+  ul.nav-downloads {
+    li {
+      display: inline-block;
+      text-align: center;
+      width: 100px;
+      a {
+        color: @gray-dark;
+      }
+      i {
+        margin: (@line-height-computed / 4) 0;
+      }
+    }
+  }
+
+  form.settings {
+    label {
+      font-weight: normal;
+      color: @gray-dark;
+      flex: 1 0 50%;
+      margin-bottom: 0;
+      margin-top: 9px;
+      padding-right: 5px;
+      white-space: nowrap;
+    }
+    button,
+    select {
+      width: 50%;
+      margin: 9px 0;
+    }
+    .form-controls {
+      clear: both;
+      padding: 0 9px;
+      display: flex;
+      flex-wrap: wrap;
+      align-items: baseline;
+      justify-content: flex-end;
+      border-bottom: solid 1px rgba(0, 0, 0, 0.07);
+      &:first-child {
+        margin-top: -9px;
+      }
+      &:last-child {
+        border-bottom: 0;
+      }
+      &:hover {
+        background-color: @link-color;
+        // select.form-control {
+        // 	color: white;
+        // }
+        label,
+        i.fa {
+          color: white;
+        }
+      }
+      &:after {
+        content: '';
+        display: table;
+        clear: both;
+      }
+    }
+  }
+
+  .left-menu-setting-position {
+    position: relative;
+
+    .left-menu-setting {
+      margin-top: 0 !important;
+    }
+
+    .left-menu-setting-icon {
+      position: absolute;
+      right: 65%;
+      top: 25%;
+    }
+  }
+
+  .left-menu-setting {
+    padding: 0 9px;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: baseline;
+    justify-content: flex-end;
+    border-bottom: solid 1px rgba(0, 0, 0, 0.07);
+    margin-bottom: 0;
+
+    &:first-child {
+      margin-top: -9px;
+    }
+
+    &:last-child {
+      border-bottom: 0;
+    }
+
+    &:hover,
+    &:focus-within {
+      background-color: @link-color;
+
+      label {
+        color: @white;
+      }
+    }
+
+    select.form-control {
+      height: 23px;
+      padding: 1px @padding-xs;
+      font-size: inherit;
+
+      &:hover {
+        background-color: @ol-blue-gray-1;
+      }
+    }
+  }
+}
+
+#left-menu-mask {
+  .full-size;
+  opacity: 0.4;
+  background-color: #999;
+  z-index: 99;
+  transition: opacity 0.5s;
+}
+
+// Make the Bootstrap Modal behavior as a left sidebar
+#left-menu-modal {
+  opacity: 1;
+  overflow-y: hidden;
+  padding-left: 0 !important; // bootstrap modal may randomly give padding-left when zooming in / out in chrome
+  .modal-dialog {
+    height: 100%;
+    margin: 0;
+    width: @left-menu-width;
+  }
+
+  .modal-content {
+    position: initial;
+  }
+  &.modal.fade .modal-dialog {
+    left: -@left-menu-width;
+    transition: left ease-in-out @left-menu-animation-duration;
+    -webkit-transition: left ease-in-out @left-menu-animation-duration;
+    transform: translate(0, 0);
+  }
+  &.modal.in .modal-dialog {
+    left: 0;
+    transform: translate(0, 0);
+  }
+}
+// Don't disable backdrop that allows closing the Modal when clicking outside of it,
+// But match its background color with the original mask background color.
+.left-menu-modal-backdrop {
+  background-color: transparent;
+}
diff --git a/services/web/frontend/stylesheets/app/editor/logs.less b/services/web/frontend/stylesheets/app/editor/logs.less
new file mode 100644
index 0000000..64bd4ff
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/logs.less
@@ -0,0 +1,193 @@
+.logs-pane {
+  .full-size;
+  top: @pdf-top-offset;
+  overflow-y: auto;
+  background-color: @logs-pane-bg;
+  z-index: 11; // above the PDF viewer + controls
+}
+
+.logs-pane-content {
+  display: flex;
+  flex-direction: column;
+  padding: @padding-sm;
+  min-height: 100%;
+}
+
+.logs-pane-actions {
+  display: flex;
+  justify-content: flex-end;
+  padding: @padding-sm 0;
+  flex-grow: 1;
+  align-items: flex-end;
+}
+
+.logs-pane-actions-clear-cache {
+  .no-outline-ring-on-click;
+  margin-right: @margin-sm;
+}
+
+.log-entry {
+  margin-bottom: @margin-sm;
+  border-radius: @border-radius-base;
+  overflow: hidden;
+}
+
+.log-entry-header {
+  padding: 3px @padding-sm;
+  display: flex;
+  align-items: flex-start;
+  border-radius: @border-radius-base @border-radius-base 0 0;
+  color: #fff;
+}
+
+.log-entry-header-error {
+  background-color: @ol-red;
+}
+
+.log-entry-header-link-error {
+  .btn-alert-variant(@ol-red);
+}
+
+.log-entry-header-warning {
+  background-color: @orange;
+}
+
+.log-entry-header-link-warning {
+  .btn-alert-variant(@orange);
+}
+
+.log-entry-header-typesetting {
+  background-color: @ol-blue;
+}
+
+.log-entry-header-link-typesetting {
+  .btn-alert-variant(@ol-blue);
+}
+
+.log-entry-header-raw,
+.log-entry-header-info {
+  background-color: @ol-blue-gray-4;
+}
+
+.log-entry-header-link-raw,
+.log-entry-header-link-info {
+  .btn-alert-variant(@ol-blue-gray-4);
+}
+
+.log-entry-header-success {
+  background-color: @green;
+}
+
+.log-entry-header-link-success {
+  .btn-alert-variant(@green);
+}
+
+.log-entry-header-title,
+.log-entry-header-link {
+  font-family: @font-family-sans-serif;
+  font-size: @font-size-base;
+  line-height: @line-height-base;
+  font-weight: 700;
+  flex-grow: 1;
+  margin: 0;
+  color: #fff;
+}
+
+.log-entry-header-icon-container {
+  margin-right: @margin-sm;
+}
+
+.log-entry-header-link {
+  display: flex;
+  align-items: center;
+  border-radius: 9999px;
+  border-width: 0;
+  flex-grow: 0;
+  text-align: right;
+  margin-left: @margin-sm;
+  max-width: 33%;
+  padding: 0 @padding-xs;
+  &:hover,
+  &:focus {
+    text-decoration: none;
+    outline: 0;
+    color: #fff;
+  }
+  &:focus {
+    text-decoration: none;
+  }
+}
+
+.log-entry-header-link-location {
+  white-space: nowrap;
+  direction: rtl;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  padding: 0 @padding-xs;
+}
+
+.log-entry-content {
+  &:empty {
+    display: none;
+  }
+
+  background-color: #fff;
+  padding: @padding-sm;
+}
+
+.log-entry-content-raw-container {
+  background-color: @ol-blue-gray-1;
+  border-radius: @border-radius-base;
+  overflow: hidden;
+  margin-top: @margin-sm;
+}
+
+.log-entry-content-raw {
+  font-size: @font-size-extra-small;
+  color: @ol-blue-gray-4;
+  padding: @padding-sm;
+  margin: 0;
+  white-space: pre-wrap;
+}
+
+.log-entry-content-button-container {
+  position: relative;
+  height: 40px;
+  margin-top: 0;
+  transition:
+    margin 0.15s ease-in-out,
+    opacity 0.15s ease-in-out;
+  padding-bottom: @padding-sm;
+  text-align: center;
+  background-image: linear-gradient(0, @ol-blue-gray-1, transparent);
+  border-radius: 0 0 @border-radius-base @border-radius-base;
+}
+.log-entry-content-button-container-collapsed {
+  margin-top: -40px;
+}
+
+.log-entry-btn-expand-collapse {
+  position: relative;
+  z-index: 1;
+  .no-outline-ring-on-click;
+}
+
+.log-entry-formatted-content,
+.log-entry-content-link {
+  font-size: @font-size-small;
+  margin-top: @margin-xs;
+  &:first-of-type {
+    margin-top: 0;
+  }
+}
+
+.log-location-tooltip {
+  word-break: break-all;
+  &.tooltip.in {
+    opacity: 1;
+  }
+  & > .tooltip-inner {
+    max-width: 450px;
+    text-align: left;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/editor/math-preview.less b/services/web/frontend/stylesheets/app/editor/math-preview.less
new file mode 100644
index 0000000..b42eb74
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/math-preview.less
@@ -0,0 +1,77 @@
+.ol-cm-math-tooltip-container {
+  position: relative;
+  overflow: visible;
+  border: 0px !important;
+  background-color: transparent !important;
+}
+
+.ol-cm-math-tooltip {
+  display: flex;
+  gap: 8px;
+  overflow: auto;
+  padding: 8px;
+  border-radius: 4px;
+  max-height: 200px;
+  max-width: 800px;
+  margin-top: 10px;
+
+  .dropdown {
+    position: static;
+  }
+}
+
+.math-tooltip-options-toggle {
+  border: none;
+  padding: 0;
+  width: 20px;
+  height: 20px;
+  background-color: transparent;
+  color: black !important;
+
+  &:focus {
+    background-color: transparent;
+  }
+
+  &:hover,
+  &:active {
+    background-color: @neutral-20;
+  }
+}
+
+.math-preview-tooltip-menu {
+  top: 28px;
+  right: 8px;
+}
+
+.dropdown-menu {
+  .math-preview-tooltip-option {
+    a {
+      display: flex;
+      gap: 16px;
+      align-items: center;
+    }
+
+    div {
+      padding: 0;
+    }
+  }
+}
+
+.math-preview-tooltip-option-content {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+}
+
+.math-preview-tooltip-option-label {
+  color: @content-primary;
+}
+
+.math-preview-tooltip-option-description {
+  color: @content-secondary;
+  font-size: 12px;
+}
+
+.math-preview-tooltip-option-shortcut {
+  color: @content-secondary;
+}
diff --git a/services/web/frontend/stylesheets/app/editor/online-users.less b/services/web/frontend/stylesheets/app/editor/online-users.less
new file mode 100644
index 0000000..c699913
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/online-users.less
@@ -0,0 +1,45 @@
+.online-users {
+  display: flex;
+
+  .online-user {
+    width: 24px;
+    display: inline-block;
+    height: 24px;
+    margin-right: 8px;
+    text-align: center;
+    color: white;
+    text-transform: uppercase;
+    border-radius: 3px;
+    cursor: pointer;
+  }
+
+  .online-user-multi {
+    .reset-button;
+
+    color: @toolbar-btn-color;
+    width: auto;
+    min-width: 24px;
+    padding-left: 8px;
+    padding-right: 5px;
+    display: flex;
+    align-items: center;
+  }
+
+  .dropdown-menu {
+    margin-right: 8px;
+    a {
+      // Override toolbar link styles
+      display: block;
+      padding: 4px 10px 5px;
+      margin: 1px 2px;
+      color: @text-color;
+      &:hover,
+      &:active {
+        color: @text-color!important;
+        background-color: @gray-lightest;
+        text-shadow: none;
+        .box-shadow(none);
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/editor/outline.less b/services/web/frontend/stylesheets/app/editor/outline.less
new file mode 100644
index 0000000..8a6fb63
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/outline.less
@@ -0,0 +1,192 @@
+.outline-container {
+  width: 100%;
+  height: 100%;
+  background-color: @file-tree-bg;
+}
+
+.outline-pane {
+  display: flex;
+  flex-flow: column;
+  height: 100%;
+  font-size: @font-size-small;
+  color: @file-tree-item-color;
+}
+
+.outline-pane-disabled {
+  opacity: 0.5;
+}
+
+.documentation-btn-container {
+  .toolbar-small-mixin;
+  .toolbar-alt-mixin;
+  display: flex;
+  align-items: center;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+  & *,
+  & :hover {
+    color: @white;
+    text-decoration: none;
+  }
+  &:hover {
+    background-color: @outline-header-hover-bg;
+  }
+}
+
+.documentation-close {
+  padding: 0;
+}
+
+.outline-header {
+  .toolbar-small-mixin;
+  .toolbar-alt-mixin;
+  display: flex;
+  flex-shrink: 0;
+  border-bottom: 1px solid @toolbar-border-color;
+  border-top: 1px solid @toolbar-border-color;
+}
+
+.outline-header-expand-collapse-btn {
+  display: flex;
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  padding: 0 (@outline-h-rhythm * 0.25) 0 0;
+  font-size: inherit;
+  vertical-align: inherit;
+  color: @file-tree-item-color;
+  flex: 1 0 100%;
+  text-align: left;
+  white-space: nowrap;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+  &:hover,
+  &:focus {
+    outline: 0;
+  }
+  &:hover {
+    background-color: @outline-header-hover-bg;
+  }
+  &:hover[disabled] {
+    background-color: transparent;
+  }
+}
+
+.outline-header-name {
+  display: inline-block;
+  font-family: @font-family-sans-serif;
+  font-size: @font-size-small;
+  color: @file-tree-item-color;
+  font-weight: 700;
+  margin: 0;
+  flex-grow: 1;
+  flex-shrink: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.outline-body {
+  overflow-y: auto;
+  background-color: @file-tree-bg;
+  padding-right: @outline-h-rhythm * 0.25;
+}
+
+.outline-body-no-elements {
+  color: @outline-no-items-color;
+  text-align: center;
+  padding: @outline-v-rhythm @outline-h-rhythm (@outline-v-rhythm * 2);
+  margin-right: -(@outline-h-rhythm * 0.25);
+}
+
+.outline-body-link {
+  display: block;
+  color: @file-tree-item-color;
+  text-decoration: underline;
+  &:hover,
+  &:focus {
+    color: @file-tree-item-color;
+    text-decoration: underline;
+  }
+}
+
+.outline-item-list {
+  position: relative;
+  list-style: none;
+  padding-left: @outline-h-rhythm;
+
+  &::before {
+    content: '';
+    background-color: @outline-line-guide-color;
+    top: @outline-h-rhythm / 4;
+    bottom: @outline-h-rhythm / 4;
+    width: 1px;
+    left: (@outline-h-rhythm * 1.5);
+    position: absolute;
+  }
+
+  &.outline-item-list-root {
+    padding-left: 0;
+    &::before {
+      left: (@outline-h-rhythm * 0.5);
+    }
+  }
+}
+
+.outline-item-no-children {
+  padding-left: @outline-h-rhythm - @outline-item-h-padding;
+}
+
+.outline-item-row {
+  display: flex;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.outline-item-expand-collapse-btn {
+  display: inline;
+  border: 0;
+  padding: 0;
+  font-size: inherit;
+  vertical-align: inherit;
+  position: relative;
+  z-index: 1;
+  background-color: @file-tree-bg;
+  color: @outline-expand-collapse-color;
+  margin-right: -(@outline-item-h-padding);
+  border-radius: @border-radius-base;
+  &:hover,
+  &:focus {
+    outline: 0;
+  }
+  &:hover {
+    background-color: @file-tree-item-hover-bg;
+  }
+}
+
+.outline-item-link {
+  display: inline;
+  color: @file-tree-item-color;
+  background-color: transparent;
+  border: 0;
+  position: relative;
+  z-index: 1;
+  padding: 0 @outline-item-h-padding;
+  line-height: @outline-v-rhythm;
+  border-radius: @border-radius-base;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-align: left;
+  &:hover,
+  &:focus {
+    outline: 0;
+    background-color: @file-tree-item-hover-bg;
+  }
+}
+
+.outline-item-link-highlight {
+  background-color: @outline-highlight-bg;
+}
+
+.outline-caret-icon {
+  width: @outline-h-rhythm;
+  font-size: 17px;
+  text-align: center;
+}
diff --git a/services/web/frontend/stylesheets/app/editor/pdf.less b/services/web/frontend/stylesheets/app/editor/pdf.less
new file mode 100644
index 0000000..545cac0
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/pdf.less
@@ -0,0 +1,554 @@
+.pdf .toolbar.toolbar-pdf {
+  .toolbar-small-mixin;
+  .toolbar-alt-mixin;
+  padding-right: 5px;
+  margin-left: 0;
+  .auto-compile-status {
+    color: white;
+    margin-right: (@line-height-computed / 2);
+    i {
+      color: @brand-danger;
+    }
+  }
+  .auto-compile-status when (@is-overleaf-light = true) {
+    color: @ol-blue-gray-3;
+  }
+}
+
+.toolbar-pdf-orphan,
+.toolbar-pdf-left,
+.toolbar-pdf-right,
+.toolbar-pdf-controls {
+  display: flex;
+  align-items: center;
+  align-self: stretch;
+}
+
+.toolbar-pdf-orphan,
+.toolbar-pdf-controls {
+  flex: 1 1 100%;
+}
+
+.toolbar-pdf-controls {
+  margin-right: 4px;
+  justify-content: flex-end;
+}
+
+.toolbar-pdf-right {
+  flex: 1;
+  justify-content: flex-end;
+}
+
+.toolbar-pdf-orphan {
+  justify-content: center;
+  color: @toolbar-btn-color;
+  .btn {
+    margin-left: @margin-xs;
+  }
+}
+
+.btn-toggle-logs {
+  &:focus,
+  &:active:focus {
+    outline: none;
+  }
+}
+
+.pdf-toolbar-btn {
+  display: inline-block;
+  color: @toolbar-btn-color;
+  background-color: transparent;
+  padding: 4px 2px;
+  line-height: 1;
+  height: 24px;
+  border-radius: @border-radius-base;
+
+  &:hover,
+  &:active,
+  &:focus {
+    color: @toolbar-btn-color;
+  }
+
+  &:hover {
+    &:not(:disabled) {
+      background-color: @pdf-toolbar-btn-hover-color;
+    }
+  }
+
+  .label {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 0.15em 0.6em 0.2em;
+    font-size: 60%;
+    pointer-events: none;
+  }
+
+  &.log-btn {
+    border: none;
+    margin-right: 3px;
+
+    &.active {
+      color: white;
+      background-color: @link-color;
+      box-shadow: @toolbar-icon-btn-hover-boxshadow;
+      opacity: 0.65;
+
+      &:hover {
+        &:not(:disabled) {
+          background-color: transparent;
+          color: @toolbar-btn-color;
+        }
+      }
+    }
+
+    &:focus {
+      outline: none;
+    }
+  }
+}
+
+.pdf {
+  background-color: @pdf-bg;
+}
+
+.pdf-viewer,
+.pdf-errors,
+.pdf-uncompiled {
+  .full-size;
+  top: @pdf-top-offset;
+}
+
+.pdf-errors,
+.pdf-uncompiled,
+.pdf-validation-problems {
+  padding: @line-height-computed / 2;
+}
+
+.pdf-uncompiled {
+  .fa {
+    color: @blue;
+  }
+}
+
+.toolbar-text {
+  padding-left: @padding-xs;
+}
+
+.pdf-viewer {
+  iframe {
+    width: 100%;
+    height: 100%;
+    border: none;
+  }
+  .pdfjs-viewer {
+    .full-size;
+    background-color: @pdfjs-bg;
+    overflow: scroll;
+    .canvasWrapper > canvas,
+    div.pdf-canvas {
+      background: white;
+      box-shadow: @pdf-page-shadow-color 0px 0px 10px;
+    }
+    div.pdf-canvas.pdfng-empty {
+      background-color: white;
+    }
+    div.pdf-canvas.pdfng-loading {
+      background-color: white;
+    }
+    .page-container {
+      margin: 10px auto;
+      padding: 0 10px;
+      box-sizing: content-box;
+      user-select: none;
+    }
+    .page {
+      box-sizing: content-box;
+      margin-left: auto;
+      margin-right: auto;
+      box-shadow: 0 0 8px #bbb;
+      border: none;
+      margin-top: 10px;
+      margin-bottom: 10px;
+    }
+    .pdfjs-viewer-inner {
+      position: absolute;
+      overflow-y: scroll;
+      width: 100%;
+      height: 100%;
+      -webkit-font-smoothing: initial;
+      -moz-osx-font-smoothing: initial;
+      /* fix review-panel overflow issue, see: https://github.com/overleaf/internal/issues/6781#issuecomment-1112708638 */
+      .pdfViewer {
+        min-height: 100%;
+      }
+    }
+    &:focus-within {
+      outline: none;
+    }
+    /* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */
+    .textLayer br::selection {
+      background: transparent;
+    }
+  }
+  .progress-thin {
+    position: absolute;
+    top: -2px;
+    height: 3px;
+    left: 0;
+    right: 0;
+    .progress-bar {
+      height: 100%;
+      background-color: @link-color;
+    }
+  }
+}
+
+.pdfjs-viewer-controls {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  width: 100%;
+}
+
+.pdfjs-zoom-controls {
+  border-left: 1px solid rgba(125, 125, 125, 0.3);
+}
+
+.pdfjs-toolbar-buttons {
+  display: flex;
+  gap: 8px;
+  margin-left: 8px;
+  margin-right: 8px;
+}
+
+.pdfjs-toolbar-button {
+  padding: 2px !important;
+  display: flex;
+  align-items: center;
+
+  &:hover {
+    color: @toolbar-btn-color;
+  }
+}
+
+.pdfjs-zoom-dropdown-button {
+  width: 60px;
+  text-align: right;
+  font-size: 14px;
+  font-weight: normal;
+
+  .caret {
+    margin-left: 4px;
+  }
+}
+
+.pdfjs-zoom-dropdown-mac-shortcut-char {
+  display: inline-block;
+  width: 1em;
+  text-align: center;
+}
+
+.pdfjs-custom-zoom-menu-item {
+  a:hover {
+    background-color: initial !important;
+    color: initial !important;
+    cursor: initial !important;
+  }
+
+  &.disabled {
+    a {
+      color: initial !important;
+    }
+  }
+}
+
+.pdfjs-page-number-input {
+  color: @toolbar-btn-color;
+  font-size: 14px;
+  padding: 8px 8px 8px 0;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+
+  input {
+    color: initial;
+    border: 1px solid @neutral-60;
+    width: 32px;
+    height: 24px;
+    border-radius: @border-radius-base;
+    text-align: center;
+  }
+}
+
+.pdfjs-viewer-controls-small {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.pdfjs-toolbar-popover-button {
+  padding: 2px !important;
+  display: flex;
+  align-items: center;
+}
+
+.pdfjs-toolbar-popover {
+  background-color: @editor-toolbar-bg;
+  border-radius: 4px;
+
+  .arrow {
+    display: none;
+  }
+
+  button {
+    background-color: transparent;
+    color: @toolbar-btn-color;
+  }
+
+  .popover-content {
+    display: flex;
+    align-items: center;
+    padding: 0;
+  }
+}
+
+// The new viewer UI has overflow on the inner element,
+// so disable the overflow on the outer element
+.pdf-viewer .pdfjs-viewer.pdfjs-viewer-outer {
+  overflow: hidden;
+}
+
+:fullscreen {
+  .pdfViewer {
+    min-height: auto !important;
+  }
+
+  .pdfjs-viewer-inner {
+    overflow-y: hidden !important;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+.synctex-controls {
+  margin-right: -8px;
+  position: absolute;
+  z-index: @synctex-controls-z-index;
+  padding: @synctex-controls-padding;
+  top: 68px;
+}
+
+.synctex-control:not(.detach-synctex-control) {
+  @ol-synctex-control-size: 24px;
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  font-size: 1em;
+  margin-bottom: @ol-synctex-control-size / 2;
+  width: @ol-synctex-control-size;
+  height: @ol-synctex-control-size;
+  border-radius: @ol-synctex-control-size / 2;
+  padding: 0 0 2px;
+  background-color: fade(@btn-default-bg, 80%);
+  transition: background 0.15s ease;
+  color: white;
+  border-color: transparent;
+
+  &:focus:not(:focus-visible) {
+    outline: none;
+  }
+
+  &[disabled] {
+    opacity: 1;
+    background-color: fade(@btn-default-bg, 60%);
+  }
+}
+
+.synctex-control {
+  > .synctex-control-icon {
+    display: inline-block;
+    font: normal normal normal 14px/1 FontAwesome;
+    font-size: inherit;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  > .synctex-spin-icon {
+    margin-top: 2px;
+  }
+}
+
+.editor-dark {
+  .pdfjs-viewer {
+    background-color: lighten(@editor-dark-background-color, 10%);
+  }
+  .pdf .toolbar {
+    .toolbar-right a {
+      i {
+        border-color: @gray;
+      }
+      &:hover {
+        i {
+          border-color: @gray-light;
+        }
+      }
+    }
+  }
+}
+
+.keyboard-tooltip {
+  .tooltip-inner {
+    max-width: none;
+  }
+}
+
+.keyboard-shortcut {
+  white-space: nowrap;
+}
+
+@keyframes expand-feedback-area {
+  from {
+    max-height: 0;
+  }
+
+  to {
+    max-height: 500px;
+  }
+}
+
+.card-hint:extend(.card-thin) {
+  margin-top: 10px;
+  padding-bottom: 7px;
+  cursor: default;
+
+  &-icon-container {
+    background: currentColor;
+    width: 2.5rem;
+    height: 2.5rem;
+    font-size: 1.5rem;
+    text-align: center;
+    border-radius: 50%;
+    float: left;
+    margin-right: 10px;
+
+    .fa {
+      color: #fff;
+    }
+
+    .alert-danger & {
+      color: @state-danger-border;
+    }
+
+    .alert-warning & {
+      color: @state-warning-border;
+    }
+
+    .alert-info & {
+      color: @state-info-border;
+    }
+  }
+
+  &-text,
+  &-feedback-label {
+    color: @log-hints-color;
+    font-size: 0.9rem;
+    margin-bottom: 20px;
+  }
+
+  &-text {
+    min-height: 35px;
+  }
+
+  &-feedback-label {
+    font-size: inherit;
+    margin-right: 0.5em;
+    margin-bottom: 0;
+    font-weight: normal;
+  }
+
+  &-ext-link,
+  &-feedback {
+    display: inline-block;
+    font-size: 0.8rem;
+  }
+
+  &-footer a,
+  &-text a {
+    .alert-danger & {
+      color: @state-danger-text;
+    }
+
+    .alert-warning & {
+      color: @state-warning-text;
+    }
+
+    .alert-info & {
+      color: @state-info-text;
+    }
+  }
+
+  &-feedback {
+    color: @log-hints-color;
+    float: right;
+  }
+
+  &-extra-feedback {
+    color: @log-hints-color;
+    font-size: 0.8rem;
+    margin-top: 10px;
+    padding-bottom: 5px;
+    animation: 0.5s ease-out expand-feedback-area;
+    overflow: hidden;
+
+    &-label {
+      margin: 5px 0 10px;
+      padding-top: 5px;
+      border-top: solid 1px @gray-lighter;
+    }
+
+    .radio {
+      margin: 5px;
+    }
+
+    textarea {
+      font-size: 0.8rem;
+      margin-bottom: 10px;
+      padding: 5px;
+    }
+
+    input[type='radio'] {
+      margin-top: 2px;
+    }
+  }
+
+  & + p {
+    margin-top: 20px;
+  }
+}
+
+.files-dropdown-container {
+  .pull-right();
+  position: relative;
+}
+
+.files-dropdown {
+  display: inline-block;
+}
+
+@editor-and-logs-pane-toolbars-height: @toolbar-small-height + @toolbar-height;
+@btn-small-height: (@padding-small-vertical * 2)+ (@font-size-small *
+      @line-height-small); // 5px * 2 + 14px * 1.5 = 31px
+
+#dropdown-files-logs-pane-list {
+  overflow-y: auto;
+  .dropdown-header {
+    white-space: nowrap;
+  }
+  max-height: calc(
+    ~'100vh - ' @editor-and-logs-pane-toolbars-height ~' - ' @btn-small-height ~' - '
+      @margin-md
+  );
+}
diff --git a/services/web/frontend/stylesheets/app/editor/publish-modal.less b/services/web/frontend/stylesheets/app/editor/publish-modal.less
new file mode 100644
index 0000000..40c3248
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/publish-modal.less
@@ -0,0 +1,96 @@
+.modal-body-publish {
+  input[type='checkbox'] {
+    margin-top: 6px;
+  }
+  .gallery-export-license {
+    display: flex;
+    align-items: center;
+  }
+  .table-content-name {
+    width: 100%;
+    margin-bottom: 10px;
+    font-weight: 300;
+  }
+  .table-content-category {
+    font-weight: 300;
+    text-align: right;
+    font-style: italic;
+    width: 30%;
+    float: right;
+    text-transform: capitalize;
+  }
+  .table-content-category ~ .table-content-name {
+    width: 70%;
+    display: inline-block;
+  }
+  .wl-icon:before {
+    font-size: 14px;
+  }
+  .btn-wrapping {
+    min-width: 8em;
+    max-width: 25em;
+    white-space: normal;
+  }
+  .button-as-link {
+    color: green;
+    text-transform: none;
+    text-decoration: none;
+    background: none;
+    padding: 0;
+    border: none;
+    border-radius: 0;
+    font-size: 14px;
+    @extend a;
+    &:hover,
+    &:active,
+    &:focus {
+      color: green;
+      background: none;
+    }
+    text-align: left;
+  }
+  .affix-content-title {
+    color: @gray-light;
+    font-size: 1.2em;
+    padding-left: 10px;
+  }
+
+  .affix-subcontent {
+    margin: 5px 0 50px;
+  }
+  .overbox {
+    padding: @line-height-computed / 2;
+    background-color: white;
+    margin-top: @line-height-computed / 2;
+    border: 1px solid @gray-lighter;
+    border-radius: 9px;
+  }
+  .content-as-table {
+    .table-content-main {
+      display: flex;
+    }
+    .table-content-icon {
+      height: 100px;
+      width: 106px;
+      display: flex;
+      align-items: flex-start;
+      overflow: hidden;
+      * {
+        border: 1px solid @gray-lightest;
+        width: 100%;
+      }
+    }
+    .table-content-text {
+      width: calc(~'100% - 106px');
+      vertical-align: top;
+      padding-left: 15px;
+    }
+    .table-content-slogan {
+      height: 100px;
+      overflow: hidden;
+    }
+    .table-content-link {
+      padding-top: 10px;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/editor/publish-template.less b/services/web/frontend/stylesheets/app/editor/publish-template.less
new file mode 100644
index 0000000..e1b67d7
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/publish-template.less
@@ -0,0 +1,3 @@
+.publishedDetails {
+  color: @gray;
+}
diff --git a/services/web/frontend/stylesheets/app/editor/review-panel-new.less b/services/web/frontend/stylesheets/app/editor/review-panel-new.less
new file mode 100644
index 0000000..8b5e490
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/review-panel-new.less
@@ -0,0 +1,775 @@
+.review-panel-new {
+  &.review-panel-container {
+    height: 100%;
+    flex-shrink: 0;
+    position: relative;
+  }
+
+  .review-panel-inner {
+    z-index: 6;
+    flex-shrink: 0;
+    background-color: @neutral-10;
+    border-left: 1px solid @neutral-20;
+    color: @content-primary;
+    font-family: @font-family-base;
+    line-height: @line-height-base;
+    font-size: @font-size-01;
+    box-sizing: content-box;
+    width: var(--review-panel-width);
+    min-height: var(--review-panel-height);
+  }
+
+  .review-panel-entry {
+    background-color: white;
+    border-radius: @border-radius-base-new;
+    border: 1px solid @neutral-20;
+    padding: @spacing-04;
+    width: calc(100% - @spacing-04);
+    margin-left: @spacing-02;
+    z-index: 1;
+  }
+  .review-panel-entry:hover {
+    // shadow-sm
+    box-shadow: 0px 2px 4px rgba(30, 37, 48, 0.16);
+  }
+
+  .review-panel-entry.review-panel-entry-disabled {
+    opacity: 0.5;
+    pointer-events: none;
+  }
+
+  .review-panel-entry-indicator {
+    display: none;
+  }
+
+  .review-panel-entry-content {
+    display: flex;
+    flex-direction: column;
+    font-size: @font-size-01;
+    gap: @spacing-04;
+  }
+
+  .review-panel-entry.review-panel-entry-selected,
+  .review-panel-entry.review-panel-entry-highlighted,
+  .review-panel-entry.review-panel-entry-textarea-focused {
+    margin-left: @spacing-01;
+    border: 1px solid @blue-50;
+    // shadow-md
+    box-shadow:
+      0px 4px 12px rgba(30, 37, 48, 0.12),
+      0px 2px 4px rgba(30, 37, 48, 0.08);
+  }
+
+  .review-panel-entry.review-panel-entry-focused {
+    z-index: 2;
+  }
+
+  .review-panel-entry-header {
+    display: flex;
+    justify-content: space-between;
+
+    .review-panel-entry-user {
+      color: @content-primary;
+      font-size: 110%;
+    }
+
+    .review-panel-entry-time {
+      color: @content-secondary;
+    }
+
+    .review-panel-entry-actions {
+      display: flex;
+      align-items: center;
+      gap: @spacing-03;
+
+      .btn {
+        background-color: transparent;
+        padding: 0;
+        height: 24px;
+        width: 24px;
+
+        &:hover,
+        &:focus {
+          background-color: @neutral-20;
+          color: @content-primary;
+        }
+      }
+
+      .review-panel-entry-actions-icon {
+        padding: @spacing-01;
+        font-size: @font-size-05;
+      }
+    }
+  }
+
+  .review-panel-entry-user-color-badge {
+    display: inline-block;
+    width: @spacing-04;
+    height: @spacing-04;
+    margin-right: @spacing-02;
+    border-radius: @border-radius-small;
+  }
+
+  .review-panel-change-body {
+    display: flex;
+    align-items: flex-start;
+    color: @content-secondary;
+    gap: @spacing-02;
+    overflow-wrap: anywhere;
+  }
+
+  .review-panel-content-highlight {
+    color: @content-primary;
+    text-decoration: none;
+  }
+
+  del.review-panel-content-highlight {
+    text-decoration: line-through;
+  }
+
+  .review-panel-entry-icon {
+    border-radius: @border-radius-base-new;
+    padding: @spacing-02;
+    font-size: @font-size-03;
+  }
+
+  .review-panel-entry-change-icon {
+    margin-top: -2px;
+  }
+
+  .review-panel-entry-icon-accept {
+    background-color: @green-10;
+    color: @green-50;
+  }
+
+  .review-panel-entry-icon-reject {
+    background-color: @red-10;
+    color: @red-50;
+  }
+
+  .review-panel-entry-icon-changed {
+    background-color: @neutral-20;
+    color: @content-secondary;
+  }
+
+  .review-panel-header {
+    position: sticky;
+    top: 0;
+    width: var(--review-panel-width);
+    height: var(--review-panel-header-height);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    border-bottom: 1px solid @rp-border-grey;
+    background-color: white;
+    text-align: center;
+    z-index: 4;
+  }
+
+  // TODO: Update this when we move the track changes menu to the new design
+  .rp-tc-state {
+    background-color: white;
+    max-height: calc(
+      100vh - var(--review-panel-top) - var(--review-panel-header-height)
+    );
+    overflow-y: auto;
+  }
+
+  .review-panel-tools {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding-left: 4px;
+    padding-right: 12px;
+    flex-shrink: 0;
+    flex-basis: 32px;
+  }
+
+  .review-panel-resolved-comments-toggle {
+    background-color: @gray-lightest;
+    font-size: 14px;
+    color: lighten(@rp-type-blue, 25%);
+    border: solid 1px @rp-border-grey;
+    border-radius: 3px;
+    padding: 0 4px;
+    height: 22px;
+    width: 22px;
+    line-height: 1.4;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    &:hover,
+    &:focus {
+      text-decoration: none;
+      color: @rp-type-blue;
+    }
+  }
+
+  .review-panel-resolved-comments-toggle-reviewer-role {
+    display: flex;
+    align-items: center;
+    border: none;
+    background-color: transparent;
+    color: @content-primary;
+    padding: 2px;
+    border-radius: 100%;
+
+    &:hover,
+    &:focus {
+      background-color: @neutral-20;
+    }
+  }
+
+  .track-changes-indicator-circle {
+    width: 8px;
+    height: 8px;
+    border-radius: 100%;
+    background-color: @green-50;
+  }
+
+  .track-changes-menu-button {
+    border: none;
+    background: none;
+    padding: 0;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    font-size: @font-size-02;
+
+    i {
+      width: 8px;
+    }
+  }
+
+  .review-panel-heading {
+    display: flex;
+    align-items: center;
+    padding: 6px 4px;
+    gap: 2px;
+
+    .review-panel-label {
+      font-family: Lato, sans-serif;
+      font-size: @font-size-02;
+      font-weight: bold;
+      margin: 0;
+      flex: 1;
+      text-align: start;
+    }
+
+    .review-panel-split-test-badge {
+      margin-left: 4px;
+    }
+
+    .review-panel-close-button {
+      display: flex;
+      align-items: center;
+      border: none;
+      background-color: transparent;
+      color: @content-primary;
+      padding: 2px;
+
+      &:hover,
+      &:focus {
+        background-color: @neutral-20;
+      }
+    }
+  }
+
+  &.review-panel-resolved-comments {
+    width: 280px;
+
+    .popover-content {
+      background-color: @neutral-10;
+      overflow-y: auto;
+      max-height: calc(100vh - 180px);
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      padding: 8px 6px;
+    }
+  }
+
+  .review-panel-resolved-disabled {
+    opacity: 0.5;
+    pointer-events: none;
+  }
+
+  .review-panel-resolved-comments-empty {
+    text-align: center;
+  }
+
+  .review-panel-resolved-comments-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 4px 0;
+  }
+
+  .review-panel-resolved-comments-label {
+    font-weight: bold;
+    font-size: 14px;
+  }
+
+  .review-panel-resolved-comments-count {
+    color: @content-secondary;
+    background-color: @neutral-20;
+    font-weight: normal;
+    padding: 4px;
+  }
+
+  .review-panel-resolved-comment {
+    background-color: white;
+    border-radius: @border-radius-base-new;
+    padding: @spacing-04;
+    display: flex;
+    flex-direction: column;
+    gap: @spacing-04;
+  }
+
+  .review-panel-resolved-comment-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    color: @content-secondary;
+    font-size: 12px;
+  }
+
+  .review-panel-resolved-comment-filename {
+    color: @content-primary;
+  }
+
+  .review-panel-resolved-comment-buttons {
+    display: flex;
+    align-items: center;
+    gap: @spacing-03;
+
+    .btn {
+      background-color: transparent;
+      color: @content-primary;
+      padding: @spacing-01;
+      height: 24px;
+      width: 24px;
+
+      &:hover,
+      &:focus {
+        background-color: @neutral-20;
+      }
+    }
+
+    .material-symbols {
+      font-size: 20px;
+    }
+  }
+
+  .review-panel-resolved-comment-quoted-text {
+    background-color: @neutral-20;
+    border-radius: @border-radius-base-new;
+    padding: 4px 8px;
+
+    .btn-inline-link {
+      font-size: 12px;
+    }
+  }
+
+  .review-panel-resolved-comment-quoted-text-label {
+    color: @content-secondary;
+    font-size: 12px;
+  }
+
+  .review-panel-resolved-comment-quoted-text-quote {
+    color: @content-primary;
+    overflow-wrap: anywhere;
+    font-size: 14px;
+  }
+
+  .review-panel-comment-wrapper {
+    display: flex;
+    gap: @spacing-04;
+  }
+
+  .review-panel-comment {
+    flex-grow: 1;
+  }
+
+  .review-panel-comment-reply-divider {
+    border-left: 2px solid @yellow-20;
+  }
+
+  .review-panel-comment-body {
+    font-size: @font-size-02;
+    color: @content-primary;
+    overflow-wrap: anywhere;
+    white-space: pre-wrap;
+  }
+
+  .review-panel-expandable-content {
+    display: inline;
+    padding-right: var(--spacing-02);
+  }
+
+  .review-panel-expandable-inline {
+    display: inline;
+  }
+
+  .review-panel-expandable-links {
+    .btn-inline-link {
+      text-decoration: none;
+      line-height: 1;
+    }
+    .btn-inline-link:hover {
+      text-decoration: underline;
+    }
+  }
+
+  .review-panel-comment-input {
+    width: 100%;
+    font-size: @rp-base-font-size;
+    padding: 2px @spacing-03;
+    border-radius: @border-radius-base-new;
+    border: solid 1px @neutral-60;
+    resize: vertical;
+    color: @rp-type-darkgrey;
+    background-color: #fff;
+    height: 25px;
+    min-height: 25px;
+    overflow-x: hidden;
+    max-height: 400px;
+  }
+
+  .review-panel-comment-edit {
+    margin-top: var(--spacing-03);
+  }
+
+  .review-panel-empty-state {
+    position: fixed;
+    width: var(--review-panel-width);
+    top: 0;
+    bottom: 0;
+    pointer-events: none;
+  }
+
+  .review-panel-empty-state-inner {
+    position: sticky;
+    top: 50%;
+    transform: translateY(-50%);
+
+    width: 100%;
+    padding-left: 16px;
+    padding-right: 16px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+
+    p {
+      margin-bottom: 0;
+      text-align: center;
+    }
+  }
+
+  .review-panel-empty-state-comment-icon {
+    width: 80px;
+    height: 80px;
+    background-color: white;
+    border-radius: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 16px;
+
+    .material-symbols {
+      font-size: 32px;
+    }
+  }
+
+  .review-panel-overview {
+    padding: 4px;
+    position: absolute;
+    top: var(--review-panel-header-height);
+    bottom: 59px;
+    width: 100%;
+    overflow: auto;
+    overscroll-behavior-block: none;
+
+    .review-panel-entry {
+      margin-left: 0;
+      width: 100%;
+    }
+  }
+
+  .collapsible-file-header {
+    all: unset;
+    padding: 6px 8px;
+    font-size: 14px;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    box-sizing: border-box;
+    width: 100%;
+  }
+
+  .review-panel-overfile-divider {
+    border-bottom: 1px solid #e7e9ee;
+    margin: 2px 0;
+  }
+
+  .review-panel-overview-file-entries {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+    overflow: hidden;
+    padding-top: 4px;
+    padding-bottom: 6px;
+  }
+
+  .collapsible-file-header-count {
+    background-color: @neutral-20;
+    padding: 2px 4px;
+    margin-left: auto;
+    border-radius: @border-radius-base;
+  }
+
+  .review-panel-footer {
+    position: fixed;
+    height: 60px;
+    bottom: 0;
+    width: var(--review-panel-width);
+    z-index: 2;
+    background-color: white;
+    border-top: 1px solid @rp-border-grey;
+    display: flex;
+
+    .review-panel-tab {
+      flex: 0 0 50%;
+      padding: 6px 0;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 4px;
+      border: 0;
+      border-top: solid 3px transparent;
+      background: none;
+      color: @content-secondary;
+      font-size: @font-size-02;
+
+      &:hover,
+      &:focus {
+        text-decoration: none;
+        color: @content-primary;
+      }
+
+      &-active {
+        color: @content-primary;
+        border-top: solid 3px @green-50;
+      }
+    }
+  }
+
+  .review-panel-add-comment-textarea {
+    padding: 2px 6px;
+    resize: vertical;
+    min-height: 44px;
+  }
+
+  .review-panel-add-comment-buttons {
+    display: flex;
+    justify-content: flex-end;
+    gap: 8px;
+  }
+
+  .review-panel-add-comment-cancel-button {
+    background-color: transparent;
+
+    &:hover,
+    &:focus {
+      background-color: @neutral-20;
+      color: @content-primary;
+    }
+  }
+
+  .review-panel-more-comments-button-container {
+    position: fixed;
+    width: var(--review-panel-width);
+    display: flex;
+    justify-content: center;
+    z-index: 3;
+
+    &.downwards {
+      // TODO: fix this to not use a magic number when we have updated the footer ui
+      top: calc(100% - 102px);
+    }
+
+    &.upwards {
+      top: calc(
+        var(--review-panel-top) + var(--review-panel-header-height) + 16px
+      );
+    }
+  }
+
+  // Would not be migrated
+  .review-panel-more-comments-button {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  &.review-panel-subview-overview {
+    &.review-panel-container {
+      overflow-y: hidden;
+      position: sticky;
+      top: 0;
+    }
+
+    .review-panel-inner {
+      min-height: auto;
+      height: 100%;
+      overflow: hidden;
+    }
+  }
+
+  &.review-panel-mini {
+    overflow: visible !important;
+
+    .review-panel-inner {
+      width: 24px;
+    }
+
+    .review-panel-entry {
+      margin-left: 0;
+      background-color: transparent;
+      border: none;
+      width: 100%;
+    }
+
+    .review-panel-entry:hover,
+    .review-panel-entry-focused,
+    .review-panel-entry-highlighted {
+      box-shadow: none;
+    }
+
+    .review-panel-entry-indicator {
+      position: absolute;
+      left: 0;
+      top: 0;
+      display: flex;
+      color: @content-secondary;
+      cursor: pointer;
+    }
+
+    .review-panel-entry-content {
+      display: none;
+      background: white;
+      border: 1px solid @rp-border-grey;
+      border-radius: @border-radius-base-new;
+      width: 200px;
+      padding: @spacing-02;
+    }
+
+    .review-panel-entry-hover {
+      .review-panel-entry-content {
+        display: flex;
+        position: absolute;
+        left: -200px;
+        top: 0;
+        padding: @spacing-04;
+      }
+    }
+
+    .review-panel-more-comments-button-container {
+      display: none;
+    }
+
+    .review-panel-footer {
+      display: none;
+    }
+  }
+}
+
+.review-tooltip-menu {
+  display: flex;
+  box-shadow: 0px 2px 4px 0px #1e253029;
+  border: none;
+  border-radius: 4px;
+  padding: 4px;
+  gap: 4px;
+  transition: opacity 0.05s ease-in;
+  opacity: 0;
+}
+
+.review-tooltip-menu-visible {
+  opacity: 1;
+}
+
+.review-tooltip-menu-button {
+  background-color: inherit;
+  border: none;
+  display: flex;
+  align-items: center;
+  gap: 2px;
+  padding: 2px;
+  border-radius: @border-radius-base;
+}
+
+.review-tooltip-menu-divider {
+  width: 1px;
+  background-color: #e7e9ee;
+}
+
+.review-tooltip-add-comment-button {
+  padding: 2px 8px;
+}
+
+.review-panel-tooltip {
+  pointer-events: none; // this is to prevent mouseLeave event from firing when hovering over the tooltip
+}
+
+.review-panel-in-editor-widgets {
+  position: sticky;
+  top: 0;
+  right: 0;
+  font-size: 11px;
+  z-index: 2;
+  font-family: @font-family-sans-serif;
+
+  .review-panel-in-editor-widgets-inner {
+    position: absolute;
+    top: 0;
+    right: 0;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .review-panel-track-changes-indicator {
+    border: 0;
+  }
+}
+.review-panel-track-changes-indicator {
+  display: block;
+  padding: 5px 10px;
+  background-color: rgba(240, 240, 240, 0.9);
+  color: @rp-type-blue;
+  text-align: center;
+  border-bottom-left-radius: 3px;
+  white-space: nowrap;
+
+  &.review-panel-track-changes-indicator-on-dark {
+    background-color: rgba(88, 88, 88, 0.8);
+    color: #fff;
+
+    &:hover,
+    &:focus {
+      background-color: rgba(88, 88, 88, 1);
+      color: #fff;
+    }
+  }
+
+  &:hover,
+  &:focus {
+    outline: 0;
+    text-decoration: none;
+    background-color: rgba(240, 240, 240, 1);
+    color: @rp-type-blue;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/editor/review-panel.less b/services/web/frontend/stylesheets/app/editor/review-panel.less
new file mode 100644
index 0000000..1ae9e3e
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/review-panel.less
@@ -0,0 +1,1105 @@
+@rp-base-font-size: 12px;
+@rp-small-font-size: 10px;
+@rp-icon-large-size: 18px;
+
+@rp-bg-blue: #dadfed;
+@rp-bg-dim-blue: #fafafa;
+@rp-highlight-blue: #8a96b5;
+
+@rp-border-grey: #d9d9d9;
+
+@rp-green: #2c8e30;
+@rp-red: #c5060b;
+@rp-yellow: #f3b111;
+@rp-grey: #aaaaaa;
+
+@rp-type-blue: #6b7797;
+@rp-type-darkgrey: #3f3f3f;
+
+@rp-entry-ribbon-width: 4px;
+@rp-entry-arrow-width: 6px;
+@rp-semibold-weight: 600;
+@review-panel-width: 230px;
+@review-off-width: 22px;
+
+@rp-entry-animation-speed: 0.3s;
+
+.rp-button() {
+  display: block; // IE doesn't do flex with inline items.
+  background-color: @rp-highlight-blue;
+  color: #fff;
+  text-align: center;
+  line-height: 1.3;
+  user-select: none;
+  border: 0;
+
+  &:hover,
+  &:focus {
+    outline: 0;
+    background-color: darken(@rp-highlight-blue, 5%);
+    text-decoration: none;
+    color: #fff;
+  }
+
+  &[disabled] {
+    background-color: tint(@rp-highlight-blue, 50%);
+
+    &:hover,
+    &:focus {
+      background-color: tint(@rp-highlight-blue, 50%);
+    }
+  }
+}
+
+.rp-collapse-arrow() {
+  display: inline-flex;
+  transform: rotateZ(0deg);
+  transition: transform 0.15s ease;
+  &-on {
+    transform: rotateZ(-90deg);
+  }
+}
+
+.review-panel-toolbar {
+  display: none;
+
+  .rp-size-expanded & {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 0 5px;
+  }
+
+  position: relative;
+  border-bottom: 1px solid @rp-border-grey;
+  background-color: @rp-bg-dim-blue;
+  text-align: center;
+  z-index: 3;
+  flex-basis: 32px;
+  flex-shrink: 0;
+}
+
+.review-panel-toolbar-label {
+  cursor: pointer;
+  text-align: right;
+  flex-grow: 1;
+}
+
+.review-panel-toolbar-icon-on {
+  margin-right: 5px;
+  color: @ol-green;
+}
+
+.review-panel-toolbar-label-disabled {
+  cursor: auto;
+  margin-right: 5px;
+}
+
+.rp-tc-state {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  overflow: hidden;
+  list-style: none;
+  padding: 0 5px;
+  margin: 0;
+  border-bottom: 1px solid @rp-border-grey;
+  background-color: @rp-bg-dim-blue;
+  text-align: left;
+}
+
+.rp-tc-state-collapse {
+  .rp-collapse-arrow;
+  margin-left: 5px;
+}
+
+.rp-tc-state-item {
+  display: flex;
+  align-items: center;
+  padding: 3px 0;
+
+  &:last-of-type {
+    padding-bottom: 5px;
+  }
+}
+
+.rp-tc-state-separator {
+  border-bottom: 1px solid @rp-border-grey;
+}
+
+.rp-tc-state-item-everyone {
+  border-bottom: 1px solid @rp-border-grey;
+}
+
+.rp-tc-state-item-name {
+  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-weight: @rp-semibold-weight;
+}
+
+.rp-tc-state-item-name-disabled {
+  opacity: 0.35;
+}
+
+.rp-entry-list {
+  display: none;
+  width: 100%;
+
+  .rp-size-expanded &,
+  .rp-size-mini & {
+    display: block;
+  }
+
+  .rp-state-overview & {
+    flex-grow: 2;
+    overflow-y: auto;
+  }
+}
+
+.rp-entry-indicator {
+  display: none;
+  z-index: 2; // above .review-panel-toggler
+
+  .rp-size-mini & {
+    display: block;
+  }
+
+  .rp-floating-entry & {
+    display: block;
+    position: static;
+    width: @review-off-width - 4px;
+  }
+
+  .rp-size-mini &-add-comment {
+    display: none;
+  }
+
+  position: absolute;
+  left: 2px;
+  right: 2px;
+  text-align: center;
+  background-color: @rp-highlight-blue;
+  border-radius: 3px;
+  color: #fff;
+  cursor: pointer;
+  transition:
+    top @rp-entry-animation-speed,
+    left 0.1s,
+    right 0.1s;
+
+  .no-animate & {
+    transition:
+      left 0.1s,
+      right 0.1s;
+  }
+
+  &-focused {
+    left: 0px;
+    right: 4px;
+    z-index: 1;
+  }
+}
+
+.rp-entry-wrapper {
+  &:hover .rp-entry-insert,
+  &:hover .rp-entry-delete,
+  &:hover .rp-entry-aggregate,
+  &:hover .rp-entry-comment {
+    display: block;
+  }
+
+  &.rp-entry-hidden {
+    display: none;
+  }
+}
+
+.rp-entry {
+  .rp-state-current-file & {
+    position: absolute;
+    width: @review-panel-width;
+  }
+
+  .rp-state-current-file-mini &,
+  .rp-floating-entry & {
+    left: @review-off-width + @rp-entry-arrow-width;
+    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
+    z-index: 1;
+
+    &::before {
+      content: '';
+      position: absolute;
+      top: -(@review-off-width + @rp-entry-arrow-width);
+      right: -(@review-off-width + @rp-entry-arrow-width);
+      bottom: -(@review-off-width + @rp-entry-arrow-width);
+      left: -(2 * @rp-entry-arrow-width + 2);
+      z-index: -1;
+    }
+
+    &::after {
+      .triangle(
+        left,
+        @rp-entry-arrow-width,
+          @rp-entry-arrow-width * 1.5,
+        inherit
+      );
+      top: (@review-off-width / 2) - @rp-entry-arrow-width;
+      left: -(@rp-entry-ribbon-width + @rp-entry-arrow-width);
+      content: '';
+    }
+  }
+
+  .rp-state-current-file-mini & {
+    display: none;
+  }
+
+  .rp-floating-entry & {
+    position: absolute;
+    width: @review-panel-width;
+    left: @review-off-width + @rp-entry-arrow-width;
+    top: 0;
+  }
+
+  .rp-state-current-file-mini.rp-layout-left &,
+  .rp-floating-entry-layout-left & {
+    border-left-width: 0;
+    border-right-width: @rp-entry-ribbon-width;
+    border-right-style: solid;
+
+    &::before {
+      left: -(@review-off-width + @rp-entry-arrow-width);
+    }
+
+    &::after {
+      .triangle(
+        right,
+        @rp-entry-arrow-width,
+          @rp-entry-arrow-width * 1.5,
+        inherit
+      );
+      right: -(@rp-entry-ribbon-width + @rp-entry-arrow-width);
+      left: auto;
+    }
+  }
+
+  .rp-state-current-file-mini.rp-layout-left & {
+    left: auto;
+    right: @review-off-width + @rp-entry-arrow-width;
+
+    &::before {
+      right: -(2 * @rp-entry-arrow-width + 2);
+    }
+  }
+
+  .rp-floating-entry-layout-left & {
+    left: -(@review-panel-width + @rp-entry-arrow-width + 2);
+
+    &::before {
+      right: -(2 * @rp-entry-arrow-width);
+    }
+  }
+
+  .rp-state-current-file-expanded & {
+    visibility: hidden;
+    left: 5px;
+    right: 5px;
+    width: auto;
+
+    &-focused {
+      left: -2px;
+      right: 12px;
+      z-index: 1;
+    }
+
+    &-add-comment {
+      right: auto;
+
+      &.rp-entry-adding-comment {
+        right: 5px;
+      }
+    }
+
+    &-bulk-actions {
+      right: auto;
+    }
+  }
+
+  .rp-state-overview & {
+    border-radius: 0;
+    border-bottom: solid 1px @rp-border-grey;
+    cursor: pointer;
+  }
+
+  .resolved-comments-dropdown & {
+    position: static;
+    margin-bottom: 5px;
+  }
+
+  border-left: solid @rp-entry-ribbon-width transparent;
+  border-radius: 3px;
+  background-color: #fff;
+  transition:
+    top @rp-entry-animation-speed,
+    left 0.1s,
+    right 0.1s;
+
+  .no-animate & {
+    transition:
+      left 0.1s,
+      right 0.1s;
+  }
+
+  &-insert,
+  &-aggregate {
+    border-color: @rp-green;
+  }
+
+  &-delete {
+    border-color: @rp-red;
+  }
+
+  &-comment {
+    border-color: @rp-yellow;
+  }
+
+  &-comment-resolving {
+    top: 4px;
+    left: 6px;
+    opacity: 0;
+    z-index: 3;
+    transform: scale(0.1);
+    transform-origin: 0 0;
+    transition:
+      top 0.35s ease-out,
+      left 0.35s ease-out,
+      transform 0.35s ease-out,
+      opacity 0.35s ease-out 0.2s;
+  }
+
+  &-comment-resolved {
+    border-color: @rp-grey;
+    background-color: #efefef;
+  }
+
+  &-add-comment {
+    background-color: transparent;
+    right: auto;
+    border-left-width: 0;
+
+    &.rp-entry-adding-comment {
+      background-color: #fff;
+      right: 5px;
+      border-left-width: 3px;
+      border-left-color: @rp-yellow;
+    }
+  }
+
+  &-bulk-actions {
+    background-color: transparent;
+    right: auto;
+    border-left-width: 0;
+  }
+}
+
+.rp-entry-body {
+  display: flex;
+  align-items: center;
+  padding: 4px 5px;
+}
+
+.rp-entry-action-icon {
+  font-size: @rp-icon-large-size;
+  padding: 0 3px;
+  line-height: 0;
+
+  .rp-state-overview & {
+    display: none;
+  }
+}
+
+.rp-entry-details {
+  line-height: 1.4;
+  margin-left: 5px;
+  // We need to set any low-enough flex base size (0px), making it growable (1) and non-shrinkable (0).
+  // This is needed to ensure that IE makes the element fill the available space.
+  flex: 1 0 1px;
+  overflow-x: auto;
+
+  .rp-state-overview & {
+    margin-left: 0;
+  }
+}
+
+.rp-entry-metadata {
+  font-size: @rp-small-font-size;
+}
+
+.rp-entry-metadata-element {
+  display: inline-block;
+}
+
+.rp-entry-user {
+  font-weight: @rp-semibold-weight;
+  font-style: normal;
+}
+
+.rp-comment-actions {
+  a {
+    color: @rp-type-blue;
+  }
+}
+
+.rp-content-highlight {
+  color: @rp-type-darkgrey;
+  font-weight: @rp-semibold-weight;
+  text-decoration: none;
+
+  del& {
+    text-decoration: line-through;
+  }
+}
+
+.rp-entry-actions {
+  display: flex;
+
+  .rp-state-overview .rp-entry-list & {
+    display: none;
+  }
+}
+
+.rp-entry-button {
+  .rp-button();
+  flex: 1 1 50%;
+  border-right: solid 1px #fff;
+  padding: 2px 0;
+
+  &:last-child {
+    border-bottom-right-radius: 3px;
+    border-right-width: 0;
+  }
+
+  .rp-state-current-file-mini.rp-layout-left &,
+  .rp-floating-entry-layout-left & {
+    &:first-child {
+      border-bottom-left-radius: 3px;
+    }
+
+    &:last-child {
+      border-bottom-right-radius: 0;
+    }
+  }
+}
+
+.rp-comment {
+  margin: 2px 5px;
+  padding-bottom: 3px;
+  line-height: 1.4;
+  border-bottom: solid 1px @rp-border-grey;
+
+  &:last-child {
+    margin-bottom: 2px;
+    border-bottom-width: 0;
+  }
+
+  .rp-state-overview .rp-entry-list & {
+    margin: 4px 5px;
+
+    &:first-child {
+      margin-top: 0;
+      padding-top: 4px;
+    }
+  }
+}
+
+.rp-comment-content {
+  margin: 0;
+  color: @rp-type-darkgrey;
+  overflow-x: auto; // Long words, like links can overflow without this.
+  white-space: pre-wrap;
+}
+
+.rp-comment-resolver {
+  color: @rp-type-blue;
+}
+
+.rp-comment-resolver-content {
+  font-style: italic;
+  margin: 0;
+}
+
+.rp-comment-reply {
+  padding: 0 5px;
+}
+
+.rp-add-comment-btn,
+.rp-bulk-actions-btn {
+  .rp-button();
+  display: inline-block;
+  padding: 5px 10px;
+  border-radius: 3px;
+
+  .rp-in-editor-widgets & {
+    display: block;
+    white-space: nowrap;
+    border-radius: 0;
+
+    &:last-child {
+      border-bottom-left-radius: 3px;
+    }
+  }
+}
+
+.rp-bulk-actions-btn {
+  border-radius: 0;
+
+  &:first-child {
+    border-top-left-radius: 3px;
+    border-bottom-left-radius: 3px;
+  }
+
+  &:last-child {
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+    margin-left: 1px;
+  }
+}
+
+.rp-new-comment {
+  padding: 5px;
+}
+
+.rp-comment-input {
+  width: 100%;
+  font-size: @rp-base-font-size;
+  padding: 2px 5px;
+  border-radius: 3px;
+  border: solid 1px @rp-border-grey;
+  resize: vertical;
+  color: @rp-type-darkgrey;
+  background-color: #fff;
+  margin-top: 3px;
+  overflow-x: hidden;
+  min-height: 3em;
+  max-height: 400px;
+}
+
+.rp-icon-delete {
+  display: inline-block;
+  line-height: 1;
+  font-style: normal;
+  font-size: 0.8em;
+  text-decoration: line-through;
+  font-weight: @rp-semibold-weight;
+
+  &::before {
+    content: 'Ab';
+  }
+}
+
+.rp-resolved-comment {
+  border-left: solid @rp-entry-ribbon-width @rp-yellow;
+  border-radius: 3px;
+  background-color: #fff;
+  margin-bottom: 5px;
+}
+
+.rp-resolved-comment-context {
+  background-color: lighten(@rp-yellow, 35%);
+  padding: 4px 5px;
+}
+
+.rp-resolved-comment-context-file {
+  font-weight: @rp-semibold-weight;
+}
+
+.rp-resolved-comment-context-quote {
+  color: #000;
+  font-family: @font-family-monospace;
+  margin: 0;
+}
+
+.rp-entry-callout {
+  transition:
+    top @rp-entry-animation-speed,
+    height @rp-entry-animation-speed;
+
+  .rp-state-current-file & {
+    position: absolute;
+    border-top: 1px solid grey;
+    border-right: 1px dashed grey;
+
+    &::after {
+      content: '';
+      position: absolute;
+      top: -1px;
+      left: 3px;
+      bottom: 0;
+      border-bottom: 1px solid grey;
+    }
+  }
+
+  .rp-state-current-file-expanded & {
+    width: 3px;
+
+    &::after {
+      width: 3px;
+    }
+  }
+
+  .rp-state-current-file-mini & {
+    width: 1px;
+
+    &::after {
+      width: 1px;
+    }
+  }
+
+  .rp-state-overview & {
+    display: none;
+  }
+
+  .rp-state-current-file &-inverted {
+    border-top: none;
+    border-bottom: 1px solid grey;
+
+    &::after {
+      top: 0px;
+      bottom: -1px;
+      border-top: 1px solid grey;
+      border-bottom: none;
+    }
+  }
+
+  .rp-state-current-file &-insert {
+    border-color: @rp-green;
+
+    &::after {
+      border-color: @rp-green;
+    }
+  }
+
+  .rp-state-current-file &-delete {
+    border-color: @rp-red;
+
+    &::after {
+      border-color: @rp-red;
+    }
+  }
+
+  .rp-state-current-file &-comment {
+    border-color: @rp-yellow;
+
+    &::after {
+      border-color: @rp-yellow;
+    }
+  }
+
+  .rp-size-mini &-add-comment {
+    display: none;
+  }
+}
+
+.rp-overview-file-header {
+  padding: 2px 5px;
+  border-top: solid 1px @rp-border-grey;
+  border-bottom: solid 1px @rp-border-grey;
+  background-color: @rp-bg-dim-blue;
+  margin-top: 10px;
+  font-weight: @rp-semibold-weight;
+  text-align: center;
+  cursor: pointer;
+}
+
+.rp-overview-file-num-entries {
+  font-weight: normal;
+  font-size: 0.9em;
+}
+
+.rp-overview-file-header-collapse {
+  .rp-collapse-arrow;
+  float: left;
+}
+
+.rp-overview-file-entries {
+  overflow: hidden;
+}
+
+.rp-comment-wrapper {
+  transition: 0.35s opacity ease-out 0.2s;
+
+  &-resolving {
+    opacity: 0;
+  }
+}
+
+.rp-nav {
+  display: none;
+  flex-shrink: 0;
+
+  .rp-size-expanded & {
+    display: flex;
+  }
+
+  .rp-state-current-file & {
+    position: absolute;
+    bottom: 0;
+  }
+
+  width: 100%;
+  font-size: @rp-icon-large-size;
+  text-align: center;
+  background-color: @rp-bg-dim-blue;
+  border-top: solid 1px @rp-border-grey;
+  z-index: 2;
+}
+
+.rp-nav-item {
+  display: block;
+  color: lighten(@rp-type-blue, 25%);
+  flex: 0 0 50%;
+  border-top: solid 3px transparent;
+  border-right: 0;
+  border-bottom: 0;
+  border-left: 0;
+  background: none;
+  padding-bottom: 2px;
+
+  &:hover,
+  &:focus {
+    text-decoration: none;
+    color: @rp-type-blue;
+  }
+
+  &-active {
+    color: @rp-type-blue;
+    border-top: solid 3px @rp-highlight-blue;
+  }
+}
+
+.rp-nav-label {
+  display: block;
+  font-size: @rp-base-font-size;
+}
+
+.review-icon {
+  display: inline-block;
+  background: url('../../../../public/img/ol-icons/review-icon-dark-theme.svg')
+    top/30px no-repeat;
+  width: 30px;
+
+  &::before {
+    content: '\00a0'; // Non-breakable space. A non-breakable character here makes this icon work like font-awesome.
+  }
+}
+
+button when (@is-overleaf-light = true) {
+  .review-icon {
+    background: url('../../../../public/img/ol-icons/review-icon-light-theme.svg')
+      top/30px no-repeat;
+  }
+
+  &.active,
+  &:active {
+    .review-icon {
+      background: url('../../../../public/img/ol-icons/review-icon-dark-theme.svg')
+        top/30px no-repeat;
+    }
+  }
+}
+
+.resolved-comments-toggle {
+  background-color: @gray-lightest;
+  font-size: 14px;
+  color: lighten(@rp-type-blue, 25%);
+  border: solid 1px @rp-border-grey;
+  border-radius: 3px;
+  padding: 0 4px;
+  display: block;
+  height: 22px;
+  width: 22px;
+  line-height: 1.4;
+
+  &:hover,
+  &:focus {
+    text-decoration: none;
+    color: @rp-type-blue;
+  }
+}
+
+.resolved-comments-backdrop {
+  display: none;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+
+  &-visible {
+    display: block;
+  }
+}
+
+.resolved-comments-dropdown {
+  display: none;
+  position: absolute;
+  width: 300px;
+  left: -150px;
+  max-height: ~'calc(100vh - 100px)';
+  margin-top: @rp-entry-arrow-width * 1.5;
+  margin-left: 1em;
+  background-color: @rp-bg-blue;
+  text-align: left;
+  align-items: stretch;
+  justify-content: center;
+  border-radius: 3px;
+  box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.3);
+  z-index: 1;
+
+  &::before {
+    content: '';
+    .triangle(
+      top,
+        @rp-entry-arrow-width * 3,
+        @rp-entry-arrow-width * 1.5,
+      @rp-bg-blue
+    );
+    top: -@rp-entry-ribbon-width * 2;
+    left: 50%;
+    margin-left: -@rp-entry-arrow-width * 0.75;
+  }
+
+  &-open {
+    display: flex;
+  }
+}
+
+.resolved-comments-scroller {
+  flex: 0 0 auto; // Can't use 100% in the flex-basis key here, IE won't account for padding.
+  width: 100%; // We need to set the width explicitly, as flex-basis won't work.
+  max-height: ~'calc(100vh - 100px)'; // We also need to explicitly set the max-height, IE won't compute the flex-determined height.
+  padding: 5px;
+  overflow-y: auto;
+}
+
+.rp-collapse-toggle {
+  .btn-inline-link;
+  color: @rp-type-blue;
+  font-weight: @rp-semibold-weight;
+
+  &:hover,
+  &:focus {
+    color: darken(@rp-type-blue, 5%);
+    text-decoration: none;
+  }
+}
+
+.rp-track-changes-indicator {
+  display: block;
+  padding: 5px 10px;
+  background-color: rgba(240, 240, 240, 0.9);
+  color: @rp-type-blue;
+  text-align: center;
+  border-bottom-left-radius: 3px;
+  white-space: nowrap;
+
+  &.rp-track-changes-indicator-on-dark {
+    background-color: rgba(88, 88, 88, 0.8);
+    color: #fff;
+
+    &:hover,
+    &:focus {
+      background-color: rgba(88, 88, 88, 1);
+      color: #fff;
+    }
+  }
+
+  &:hover,
+  &:focus {
+    outline: 0;
+    text-decoration: none;
+    background-color: rgba(240, 240, 240, 1);
+    color: @rp-type-blue;
+  }
+}
+
+.review-panel-toggler {
+  display: none;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  width: 10px;
+  opacity: 0.5;
+  color: @rp-highlight-blue;
+  z-index: 1;
+  background-color: transparent;
+  transition: background 0.1s;
+  flex-direction: column;
+  padding: 0;
+  border: 0;
+
+  .rp-size-mini &,
+  .rp-size-expanded & {
+    display: flex;
+  }
+
+  .rp-size-expanded & {
+    .review-panel-toggler-icon .fa {
+      transform: scale(0.7) rotate(180deg);
+    }
+  }
+
+  &:hover,
+  &:focus {
+    color: @rp-highlight-blue;
+    background-color: #fff;
+  }
+
+  .review-panel-toggler-icon {
+    position: sticky;
+    top: 50%;
+    bottom: 50%;
+    width: 100%;
+
+    .fa {
+      font-size: 14px;
+      transform: scale(0.7);
+    }
+  }
+}
+
+.review-panel {
+  position: relative;
+  z-index: 6;
+  flex-shrink: 0;
+
+  background-color: @rp-bg-blue;
+  border-left: solid 0 @rp-border-grey;
+  font-family: @font-family-base;
+  line-height: @line-height-base;
+  font-size: @rp-base-font-size;
+  color: @rp-type-blue;
+  box-sizing: content-box;
+
+  .rp-size-expanded & {
+    display: flex;
+    flex-direction: column;
+    width: @review-panel-width;
+    overflow: visible;
+    border-left-width: 1px;
+  }
+
+  .rp-size-mini & {
+    width: @review-off-width;
+    z-index: 6;
+    border-left-width: 1px;
+  }
+
+  .review-panel-toolbar-collapse-button {
+    border: none;
+    background: none;
+    padding: 0;
+  }
+
+  &.rp-current-file-container {
+    display: none;
+
+    .rp-size-mini &,
+    .rp-size-expanded & {
+      display: block;
+    }
+
+    .review-panel-toolbar {
+      position: sticky;
+      top: 0;
+    }
+
+    .rp-nav {
+      position: sticky;
+      bottom: 0;
+    }
+  }
+
+  .rp-entry-list-react {
+    position: relative;
+    overflow: hidden;
+
+    .rp-size-mini & {
+      overflow: visible;
+    }
+  }
+
+  .rp-state-current-file & {
+    .review-panel-tools {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+    }
+  }
+
+  .rp-state-overview & {
+    position: sticky;
+    top: 0;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+}
+
+.rp-floating-entry {
+  position: absolute;
+  font-size: @rp-base-font-size;
+  color: @rp-type-blue;
+}
+
+.rp-floating-entry,
+.review-panel {
+  .rp-entry-metadata {
+    button {
+      padding: 0;
+      border: 0;
+      background-color: transparent;
+      color: @ol-blue;
+
+      &:hover,
+      &:focus {
+        text-decoration: underline;
+      }
+    }
+  }
+}
+
+.rp-in-editor-widgets {
+  position: sticky;
+  top: 0;
+  right: 0;
+  font-size: 11px;
+  z-index: 2;
+  font-family: @font-family-sans-serif;
+
+  .rp-in-editor-widgets-inner {
+    position: absolute;
+    top: 0;
+    right: 0;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .rp-track-changes-indicator {
+    border: 0;
+  }
+}
+
+.track-changes-indicator-circle {
+  display: inline-block;
+  width: 10px;
+  height: 10px;
+  border-radius: 100%;
+  background-color: @ol-green;
+}
diff --git a/services/web/frontend/stylesheets/app/editor/search.less b/services/web/frontend/stylesheets/app/editor/search.less
new file mode 100644
index 0000000..9683326
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/search.less
@@ -0,0 +1,70 @@
+.ace_search {
+  background-color: @gray-lightest;
+  border: 1px solid @editor-border-color;
+  border-top: 0 none;
+  width: 350px;
+  overflow: hidden;
+  position: absolute;
+  top: 0px;
+  z-index: 99;
+  white-space: normal;
+  padding: @line-height-computed / 4;
+
+  font-family: @font-family-sans-serif;
+
+  a,
+  button {
+    i {
+      pointer-events: none;
+    }
+  }
+
+  .ace_searchbtn_close {
+    position: absolute;
+    top: 6px;
+    right: 12px;
+    color: @gray;
+    &:hover {
+      color: @gray-dark;
+    }
+  }
+
+  .ace_search_form,
+  .ace_replace_form {
+    margin-bottom: @line-height-computed / 4;
+    input {
+      width: 210px;
+      display: inline-block;
+      vertical-align: middle;
+    }
+    .btn-group {
+      display: inline-block;
+    }
+  }
+
+  .ace_nomatch {
+    input {
+      border-color: @red;
+    }
+  }
+
+  .ace_search_options {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  .ace_search_counter {
+    color: @editor-search-count-color;
+    margin: auto 0;
+  }
+}
+.ace_search.left {
+  border-left: 0 none;
+  border-radius: 0px 0px @border-radius-base 0px;
+  left: 0;
+}
+.ace_search.right {
+  border-radius: 0px 0px 0px @border-radius-base;
+  border-right: 0 none;
+  right: 0;
+}
diff --git a/services/web/frontend/stylesheets/app/editor/share.less b/services/web/frontend/stylesheets/app/editor/share.less
new file mode 100644
index 0000000..0252352
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/share.less
@@ -0,0 +1,212 @@
+.modal-body-share {
+  h3 {
+    border-bottom: 1px solid @gray-lighter;
+    padding-bottom: @line-height-computed / 4;
+    margin: 0;
+    font-size: 1rem;
+  }
+
+  .project-member.form-group {
+    margin-bottom: 0;
+  }
+
+  .project-member .form-control-static.text-center {
+    padding-top: 0;
+  }
+
+  .project-member .remove-button {
+    font-size: inherit;
+  }
+
+  .project-member {
+    padding: (@line-height-computed / 2) 0;
+    font-size: 16px;
+    span {
+      padding-right: @line-height-computed / 2;
+    }
+  }
+
+  .project-invite,
+  .public-access-level {
+    font-size: 14px;
+    padding: (@line-height-computed / 2) 0;
+    border-bottom: 1px solid @gray-lighter;
+  }
+
+  .public-access-level {
+    margin-top: @line-height-computed / 4;
+    font-size: 13px;
+    padding-bottom: @modal-inner-padding;
+    .access-token-display-area {
+      margin-top: @line-height-computed / 4;
+      .access-token-wrapper {
+        padding-top: @line-height-computed / 4;
+        .access-token {
+          margin-top: @line-height-computed / 4;
+          background-color: @gray-lightest;
+          border: 1px solid @gray-lighter;
+          padding: 6px 12px 6px 12px;
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+        }
+      }
+    }
+    .fa-chevron-down,
+    .fa-chevron-up {
+      vertical-align: top;
+      color: @neutral-70;
+    }
+    .btn-chevron {
+      padding: 0 (@line-height-computed / 2);
+    }
+  }
+
+  .public-access-level.public-access-level-notice {
+    background-color: @gray-lightest;
+    border-bottom: none;
+    margin-top: @margin-md;
+    padding-top: @margin-md;
+  }
+
+  .project-member,
+  .project-invite {
+    &:hover {
+      background-color: @gray-lightest;
+    }
+  }
+
+  .project-member {
+    .select-trigger {
+      color: @neutral-70;
+      border: none;
+      padding: 0 10px 5px 10px;
+    }
+
+    .select-items {
+      max-height: 300px;
+      width: 300px;
+      li:last-child {
+        color: @brand-danger;
+      }
+    }
+
+    .project-member-email-icon {
+      display: grid;
+      grid-template-columns: 2em auto;
+      align-items: center;
+      padding-bottom: 5px;
+
+      .fa-warning {
+        color: @brand-warning;
+      }
+
+      .subtitle {
+        font-size: @font-size-small;
+      }
+    }
+  }
+
+  .project-member .text-left,
+  .project-invite .text-left {
+    padding-left: 25px;
+  }
+
+  .invite-controls {
+    .small {
+      padding: 2px;
+      margin-bottom: 0;
+    }
+    padding: @line-height-computed / 2;
+    background-color: @gray-lightest;
+    margin-top: @line-height-computed / 2;
+    form {
+      .form-group {
+        margin-bottom: @line-height-computed / 2;
+        &:last-child {
+          margin-bottom: 0;
+        }
+      }
+      .privileges {
+        display: inline-block;
+        width: auto;
+      }
+      .tags-new .privileges {
+        background: transparent;
+        width: auto;
+        height: 30px;
+        font-size: 14px;
+        border: none;
+        border-right: 5px solid transparent;
+      }
+    }
+    .add-collaborators-upgrade {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      margin-bottom: var(--spacing-08);
+
+      .upgrade-actions {
+        display: flex;
+        gap: @margin-md;
+      }
+    }
+  }
+
+  .rbt-menu > .dropdown-item {
+    display: block;
+    padding: 0.25rem 1rem;
+    color: #212529;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+
+    &:hover {
+      text-decoration: none;
+      background-color: @gray-lightest;
+    }
+  }
+}
+
+.copy-button:focus-within {
+  outline: none;
+}
+
+.modal-link-share {
+  .invite-controls {
+    padding: 0;
+    background-color: transparent;
+    margin-top: 0;
+  }
+  .public-access-level {
+    border: none;
+  }
+
+  .invite-warning {
+    margin-bottom: @line-height-computed / 2;
+  }
+
+  .project-member-select {
+    padding: 0;
+    .fa-warning {
+      color: @brand-warning;
+    }
+  }
+
+  .project-member.form-group,
+  .project-member.row {
+    margin: 0 -30px;
+  }
+  .project-member .select-wrapper {
+    display: inline-block;
+    position: absolute;
+    right: 0;
+
+    .select-trigger {
+      gap: @spacing-02;
+    }
+  }
+  .project-member.row {
+    padding-right: 1.28571429em;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/editor/table-generator-column-width-modal.less b/services/web/frontend/stylesheets/app/editor/table-generator-column-width-modal.less
new file mode 100644
index 0000000..745920e
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/table-generator-column-width-modal.less
@@ -0,0 +1,13 @@
+.table-generator-width-modal {
+  .table-generator-width-label {
+    width: 100%;
+  }
+
+  .table-generator-usepackage-copy {
+    display: flex;
+    justify-content: space-between;
+    padding: 6px 12px;
+    background: #f4f5f6;
+    border: 1px solid #d0d5dd;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/editor/toast.less b/services/web/frontend/stylesheets/app/editor/toast.less
new file mode 100644
index 0000000..ef876b7
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/toast.less
@@ -0,0 +1,22 @@
+.toast-container {
+  pointer-events: none;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  justify-content: space-between;
+}
+
+.toast-content {
+  pointer-events: auto;
+}
+
+.global-toasts {
+  position: fixed;
+  bottom: 12px;
+  left: 50%;
+  transform: translateX(-50%);
+
+  [role='alert'] {
+    z-index: 20;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/editor/toolbar.less b/services/web/frontend/stylesheets/app/editor/toolbar.less
new file mode 100644
index 0000000..dd38ef9
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/editor/toolbar.less
@@ -0,0 +1,460 @@
+@toolbar-height: 40px;
+
+.toolbar {
+  display: flex;
+  align-items: center;
+  height: @toolbar-height;
+  border-bottom: @toolbar-border-bottom;
+
+  > a,
+  .toolbar-right > a,
+  button {
+    position: relative;
+    .label {
+      position: absolute;
+      top: 0;
+      right: 0;
+      padding: 0.15em 0.6em 0.2em;
+      font-size: 60%;
+      pointer-events: none; // Labels were capturing button/anchor clicks.
+    }
+  }
+
+  .toolbar-right,
+  .toolbar-left {
+    button {
+      background: transparent;
+      box-shadow: none;
+    }
+  }
+
+  .toolbar-right .back-to-editor-btn {
+    margin-right: 27px;
+    display: flex;
+    align-items: center;
+    .btn-secondary;
+
+    .toolbar-label {
+      margin-bottom: 0;
+    }
+  }
+
+  > a:focus,
+  button:focus {
+    outline: none;
+  }
+
+  > a:not(.btn),
+  > button,
+  .toolbar-left > a:not(.btn),
+  .toolbar-left > button,
+  .toolbar-right > a:not(.btn),
+  .toolbar-right > button:not(.back-to-editor-btn) {
+    display: inline-block;
+    color: @toolbar-icon-btn-color;
+    background-color: transparent;
+    padding: 4px 2px;
+    line-height: 1;
+    height: 24px;
+    border-radius: @border-radius-small;
+    &.toolbar-header-back-projects {
+      padding: 5px 10px 4px;
+      margin-bottom: 1px;
+    }
+
+    &:hover {
+      text-shadow: @toolbar-icon-btn-hover-shadow;
+      color: @toolbar-icon-btn-hover-color;
+      background-color: transparent;
+      text-decoration: none;
+    }
+    &.active,
+    &:active {
+      .label {
+        display: none;
+      }
+      color: white;
+      background-color: @link-color;
+      box-shadow: @toolbar-icon-btn-hover-boxshadow;
+      &:hover {
+        color: white;
+      }
+    }
+  }
+
+  &.toolbar-pdf > a:not(.btn) {
+    margin-right: 3px;
+  }
+
+  .btn-full-height {
+    border: none;
+    border-radius: 0;
+    border-right: 1px solid @toolbar-header-btn-border-color;
+    color: @toolbar-btn-color;
+    padding: 3px 10px 5px;
+    font-size: 20px;
+    max-height: 39px;
+    &:hover {
+      text-shadow: @toolbar-btn-hover-text-shadow;
+      background-color: @toolbar-btn-hover-bg-color;
+      color: @toolbar-btn-hover-color;
+    }
+    &.active,
+    &:active {
+      color: @toolbar-btn-active-color;
+      background-color: @toolbar-btn-active-bg-color;
+      box-shadow: @toolbar-btn-active-shadow;
+      .editor-menu-icon {
+        background: @editor-header-logo-background-active;
+      }
+    }
+    .label {
+      top: 4px;
+      right: 4px;
+    }
+
+    &.header-cobranding-logo-container {
+      height: @toolbar-height - 1;
+      padding: 8px 10px;
+    }
+  }
+
+  .toolbar-left {
+    display: flex;
+    float: left;
+    text-align: center;
+    align-items: center;
+  }
+
+  .toolbar-right {
+    display: flex;
+    align-items: center;
+    flex-grow: 1;
+    justify-content: flex-end;
+    .btn-full-height {
+      border-right: 0;
+      border-left: 1px solid @toolbar-header-btn-border-color;
+    }
+  }
+
+  .toolbar-center {
+    text-align: center;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    // At small screen sizes, center relative to the left menu and right buttons
+    width: 100%;
+    display: flex;
+    justify-content: center;
+  }
+
+  &.toolbar-header {
+    background-color: @toolbar-header-bg-color;
+    box-shadow: @toolbar-header-shadow;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 1;
+  }
+
+  &.toolbar-alt {
+    .toolbar-alt-mixin;
+  }
+}
+
+.header-cobranding-logo {
+  display: block;
+  width: auto;
+  max-height: 100%;
+}
+
+.toolbar-small-mixin() {
+  height: @toolbar-small-height;
+}
+
+.toolbar-tall-mixin() {
+  height: @toolbar-tall-height;
+  padding-top: 10px;
+}
+.toolbar-alt-mixin() {
+  background-color: @toolbar-alt-bg-color;
+}
+
+.toolbar-label {
+  display: none;
+  margin: 0 4px;
+  font-size: @toolbar-font-size;
+  font-weight: 600;
+  margin-bottom: 2px;
+  vertical-align: middle;
+  text-align: left;
+
+  @media (min-width: @screen-md-min) {
+    display: inline-block;
+  }
+
+  &.toolbar-label-multiline {
+    line-height: 1.1;
+  }
+}
+
+.toolbar-header-upgrade-prompt {
+  margin-left: 10px;
+  @media (max-width: @screen-md-min) {
+    display: none;
+  }
+}
+
+.editor-dark {
+  .toolbar-alt {
+    background-color: darken(@editor-dark-background-color, 0%);
+  }
+  .toolbar {
+    border-color: @editor-dark-toolbar-border-color;
+    .btn-full-height {
+      border-color: @editor-dark-toolbar-border-color;
+      &:hover {
+        background-color: black;
+        color: lighten(@link-color, 10%);
+      }
+    }
+    &.toolbar-header {
+      box-shadow: none;
+    }
+    > a:not(.btn) {
+      color: @gray;
+      &:hover {
+        color: @gray-light;
+      }
+    }
+  }
+}
+
+/**************************************
+	Toggle Switch
+***************************************/
+
+.toggle-wrapper {
+  white-space: nowrap;
+}
+
+.toggle-switch {
+  display: inline-flex;
+  align-items: center;
+  height: @toolbar-btn-height;
+  margin-right: 5px;
+  border-radius: @btn-border-radius-base;
+  background-color: @toggle-switch-bg;
+  padding: 2px;
+}
+
+.toggle-switch-label {
+  display: inline-block;
+  float: left;
+  font-weight: normal;
+  height: 100%;
+  text-align: center;
+  margin: 0;
+  cursor: pointer;
+  user-select: none;
+  color: @text-color;
+  border-radius: @btn-border-radius-base;
+  transition:
+    color 0.12s ease-out,
+    background-color 0.12s ease-out,
+    box-shadow 0.12s ease-out;
+  overflow: hidden;
+
+  span {
+    display: flex;
+    align-items: center;
+    height: 100%;
+    width: 100%;
+    padding: 0 8px;
+    background-size: 200% 100%;
+    background-position: 0 0;
+    transition: background-position 0.12s ease-out;
+    font-size: 14px;
+    font-weight: bold;
+  }
+}
+
+.toggle-switch-input {
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.toggle-switch-input:disabled + .toggle-switch-label {
+  cursor: not-allowed;
+}
+
+.toggle-switch-input:checked + .toggle-switch-label {
+  span {
+    background-position: -100% 0;
+  }
+  color: @white;
+  background-color: @toggle-switch-highlight-color;
+  border-radius: @btn-border-radius-base;
+  box-shadow: 0px 2px 4px rgba(30, 37, 48, 0.16);
+}
+
+.toggle-switch-input:checked:nth-child(2) + .toggle-switch-label {
+  span {
+    background-position: 100% 0;
+  }
+}
+
+.editor-toggle-switch {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+
+  .toggle-switch {
+    margin-left: 5px;
+  }
+
+  .toggle-switch-label span {
+    background: none;
+    transition: background 0.12s ease-out;
+  }
+
+  .toggle-switch-label:first-of-type span {
+    padding-left: 8px;
+  }
+
+  .toggle-switch-label:last-of-type span {
+    padding-right: 8px;
+    border-right: none;
+  }
+
+  .badge {
+    margin-right: 5px;
+  }
+}
+
+/**************************************
+	Formatting buttons
+***************************************/
+.formatting-buttons {
+  width: 100%;
+  overflow: hidden;
+}
+
+.formatting-btn {
+  color: @formatting-btn-color;
+  background-color: @formatting-btn-bg;
+  padding: 0;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: none;
+  border: none;
+  border-left: 1px solid @formatting-btn-border;
+  border-radius: 0;
+
+  &:hover {
+    color: @formatting-btn-color;
+  }
+
+  &.active {
+    color: @toolbar-btn-active-color;
+    background-color: @toolbar-btn-active-bg-color;
+    box-shadow: @toolbar-btn-active-shadow;
+
+    &:focus {
+      color: @toolbar-btn-active-color;
+
+      &:not(:focus-visible) {
+        outline: none;
+      }
+    }
+  }
+
+  &:focus {
+    color: @formatting-btn-color;
+  }
+}
+
+.formatting-btn-icon {
+  min-width: 32px;
+  width: 32px;
+}
+
+.formatting-btn-icon:last-of-type {
+  border-right: 1px solid @formatting-btn-border;
+}
+
+.formatting-btn--more {
+  padding-left: 9px;
+  padding-right: 9px;
+
+  .caret {
+    margin-top: 1px;
+  }
+}
+
+.formatting-icon {
+  font-style: normal;
+  line-height: 1.5;
+}
+
+.formatting-icon--small {
+  font-size: small;
+  line-height: 1.9;
+}
+
+.formatting-icon--serif {
+  font-family: @font-family-serif;
+}
+
+.formatting-more {
+  margin-left: auto;
+}
+
+.formatting-menu {
+  min-width: auto;
+  max-width: 130px;
+  background-color: @formatting-menu-bg;
+}
+
+.formatting-menu-item {
+  float: left;
+}
+
+.formatting-menu-item > .formatting-btn {
+  border-right: none;
+}
+
+// Disable border on left-most icon in menu
+.formatting-menu-item:nth-of-type(4n + 1) > .formatting-btn {
+  border-left: none;
+}
+
+.toolbar.toolbar-pdf > a[disabled] {
+  cursor: not-allowed;
+  .opacity(0.65);
+  .box-shadow(none);
+}
+
+.toolbar-btn-secondary {
+  height: @toolbar-btn-height;
+  padding-bottom: 0px;
+  margin-bottom: 0.5px;
+}
+
+.switch-to-editor-btn {
+  margin-right: 7px;
+}
+
+.switch-to-editor-btn,
+.switch-to-pdf-btn {
+  text-align: left;
+  display: flex;
+  align-items: center;
+
+  .toolbar-btn-secondary-icon {
+    margin-right: 5px;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/error-pages.less b/services/web/frontend/stylesheets/app/error-pages.less
new file mode 100644
index 0000000..3868a3a
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/error-pages.less
@@ -0,0 +1,53 @@
+.full-height {
+  height: 100%;
+  padding: 0;
+}
+
+.error-container {
+  display: flex;
+  align-items: center;
+}
+
+.error-container.full-height {
+  margin-top: -(@header-height + @content-margin-vertical) / 2;
+}
+
+.error-details {
+  flex: 1 1 50%;
+  padding: @line-height-computed;
+  max-width: 90%;
+  @media (min-width: @screen-sm-min) {
+    padding: @line-height-computed * 2;
+  }
+}
+
+.error-status {
+  font-family: @font-family-serif;
+  margin-bottom: @line-height-computed;
+  color: @gray-dark;
+  font-size: @font-size-h1;
+}
+.error-description {
+  font-family: @font-family-serif;
+  font-size: @font-size-h3;
+  color: @gray;
+  margin-bottom: @line-height-computed;
+}
+.error-box {
+  background-color: @ol-blue-gray-1;
+  padding: @margin-sm;
+  font-family: @font-family-monospace;
+  margin-bottom: @line-height-computed;
+}
+.error-actions {
+  margin-top: @line-height-computed * 2;
+}
+
+.error-btn {
+  .btn;
+  .btn-primary;
+  display: block;
+  @media (min-width: @screen-sm-min) {
+    display: inline-block;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/features.less b/services/web/frontend/stylesheets/app/features.less
new file mode 100644
index 0000000..d0e58c8
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/features.less
@@ -0,0 +1,19 @@
+.long-form-features {
+  h2 {
+    margin-top: 0;
+    margin-bottom: @line-height-computed;
+  }
+  img {
+    border-radius: 3px;
+    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    max-width: 100%;
+    height: auto;
+  }
+  h3 {
+    margin: 0;
+  }
+  i {
+    color: lighten(@blue, 15%);
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/front-chat-widget.less b/services/web/frontend/stylesheets/app/front-chat-widget.less
new file mode 100644
index 0000000..cb7bee4
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/front-chat-widget.less
@@ -0,0 +1,3 @@
+#front-chat-holder > div[role='button'] {
+  margin-bottom: @footer-height;
+}
diff --git a/services/web/frontend/stylesheets/app/grammarly.less b/services/web/frontend/stylesheets/app/grammarly.less
new file mode 100644
index 0000000..19c8513
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/grammarly.less
@@ -0,0 +1,3 @@
+grammarly-extension {
+  mix-blend-mode: normal !important;
+}
diff --git a/services/web/frontend/stylesheets/app/group-subscription-modal.less b/services/web/frontend/stylesheets/app/group-subscription-modal.less
new file mode 100644
index 0000000..20ddc90
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/group-subscription-modal.less
@@ -0,0 +1,45 @@
+#change-to-group .modal-header h4 {
+  line-height: 1.33rem;
+
+  .h5 {
+    font-family: @font-family-sans-serif;
+  }
+}
+
+.group-subscription-modal {
+  .modal-header {
+    text-align: center;
+  }
+
+  .group-plan-option {
+    display: block;
+
+    span {
+      padding-left: 5px;
+      font-weight: normal;
+    }
+  }
+
+  .educational-discount-badge {
+    height: 50px;
+    padding-top: 25px;
+
+    p {
+      display: inline-block;
+      padding-left: 5px;
+      padding-right: 5px;
+      font-weight: bold;
+      font-size: @font-size-small;
+    }
+
+    .applied {
+      background-color: rgba(@ol-dark-green, 0.1);
+      color: @ol-dark-green;
+    }
+
+    .ineligible {
+      background-color: @ol-blue-gray-0;
+      color: @ol-blue-gray-4;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/import.less b/services/web/frontend/stylesheets/app/import.less
new file mode 100644
index 0000000..0ca8bb8
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/import.less
@@ -0,0 +1,5 @@
+.v2-import__img {
+  .img-responsive;
+  .center-block;
+  width: 80%;
+}
diff --git a/services/web/frontend/stylesheets/app/institution-hub.less b/services/web/frontend/stylesheets/app/institution-hub.less
new file mode 100644
index 0000000..cb705e4
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/institution-hub.less
@@ -0,0 +1,38 @@
+#institution-hub {
+  .section_header {
+    .dropdown {
+      margin-right: 10px;
+    }
+  }
+
+  #usage {
+    .recent-activity {
+      .overbox {
+        font-size: 16px;
+      }
+      .hub-big-number,
+      .hub-number-label,
+      .worked-on {
+        display: block;
+        width: 50%;
+      }
+      .hub-big-number {
+        padding-right: 10px;
+        text-align: right;
+      }
+      .hub-number-label,
+      .worked-on {
+        float: right;
+      }
+      .hub-number-label {
+        &:nth-child(odd) {
+          margin-top: 16px;
+        }
+      }
+      .worked-on {
+        color: @text-small-color;
+        font-style: italic;
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/invite.less b/services/web/frontend/stylesheets/app/invite.less
new file mode 100644
index 0000000..b0b7752
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/invite.less
@@ -0,0 +1,43 @@
+.project-invite-accept {
+  form {
+    padding-top: 15px;
+  }
+  margin-bottom: 30px;
+}
+
+.project-name-tooltip .tooltip-inner {
+  max-width: 80vw;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.project-invite-invalid {
+  .actions {
+    padding-top: 15px;
+  }
+  margin-bottom: 30px;
+}
+
+.link-sharing-invite {
+  font-family: 'Noto Sans', sans-serif;
+}
+
+.link-sharing-invite-header {
+  // heading-lg
+  font-size: var(--font-size-07);
+  line-height: var(--line-height-06);
+}
+
+.sharing-updates {
+  font-family: 'Noto Sans', sans-serif;
+  h1 {
+    font-family: 'Noto Sans', sans-serif;
+    // heading-sm
+    font-size: var(--font-size-05);
+    line-height: var(--line-height-04);
+  }
+  small {
+    font-size: var(--font-size-02);
+    line-height: var(--line-height-02);
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/list/v1-import-modal.less b/services/web/frontend/stylesheets/app/list/v1-import-modal.less
new file mode 100644
index 0000000..5f01bd4
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/list/v1-import-modal.less
@@ -0,0 +1,51 @@
+.v1-import-title {
+  text-align: center;
+  margin-top: @line-height-computed / 2;
+}
+
+.v1-import-row {
+  display: flex;
+  align-items: center;
+}
+
+.v1-import-col {
+  padding-left: 15px;
+  padding-right: 15px;
+}
+
+.v1-import-col ul {
+  margin-bottom: 0;
+}
+
+.v1-import-col--left {
+  flex-shrink: 1.1;
+}
+
+.v1-import-img {
+  width: 100%;
+  margin-top: 30px;
+}
+
+.v1-import-cta {
+  margin-top: 20px;
+  margin-left: auto;
+  margin-right: auto;
+  width: 90%;
+  text-align: center;
+}
+
+.v1-import-warning {
+  color: #4b7fd1;
+  font-size: 10em;
+  line-height: 1em;
+}
+
+.v1-import-footer {
+  display: flex;
+  justify-content: space-evenly;
+  text-align: left;
+}
+
+.v1-import-btn {
+  width: 20rem;
+}
diff --git a/services/web/frontend/stylesheets/app/login-register.less b/services/web/frontend/stylesheets/app/login-register.less
new file mode 100644
index 0000000..97790b9
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/login-register.less
@@ -0,0 +1,307 @@
+@brand-ieee-color: #00629b;
+@brand-google-color: #276fea; // Not the "official" color but modified for a11y
+@brand-twitter-color: #1da1f2;
+@brand-orcid-color: #a6ce39;
+
+.login-register-container {
+  max-width: 400px;
+  margin: 0 auto;
+  padding-bottom: @line-height-computed * 5;
+}
+.login-register-header {
+  padding-top: @line-height-computed;
+  padding-bottom: @line-height-computed - 5;
+  border-bottom: solid 1px @hr-border;
+}
+.login-register-header-heading {
+  margin: 0;
+  color: @text-color;
+}
+
+.login-register-card {
+  padding-top: 0;
+  padding-bottom: 0;
+  text-align: center;
+}
+
+.login-register-form {
+  padding: @line-height-computed;
+  border-bottom: solid 1px @hr-border;
+  &:last-child {
+    border-bottom-width: 0;
+  }
+}
+
+.login-register-text,
+.login-register-hr-text-container {
+  margin: 0;
+}
+
+.login-register-text {
+  padding-bottom: 25px;
+  font-size: 90%;
+  &:last-child {
+    padding-bottom: 0;
+  }
+}
+
+.login-register-hr-text-container {
+  line-height: 1;
+  position: relative;
+  padding: @line-height-computed 0;
+
+  &::before {
+    content: '';
+    position: absolute;
+    height: 1px;
+    background-color: @hr-border;
+    top: 50%;
+    left: 0;
+    right: 0;
+  }
+}
+.login-register-hr-text {
+  position: relative;
+  background-color: #fff;
+  padding: 0 (@line-height-computed / 2);
+}
+
+.login-btn-icon {
+  position: absolute;
+  top: 4px;
+  left: 4px;
+  background: #fff url(../../../public/img/brand/lion.svg) center/20px no-repeat;
+  border-radius: 99999px;
+  width: 26px;
+  height: 26px;
+
+  &::before {
+    content: '\00a0'; // Non-breakable space. A non-breakable character here makes this icon work like font-awesome.
+  }
+}
+
+.website-redesign {
+  .login-register-container {
+    max-width: 320px;
+  }
+
+  .login-register-text {
+    font-size: 0.875rem;
+    line-height: 1.4;
+    text-align: left;
+
+    &.login-register-text-center {
+      text-align: center;
+    }
+  }
+
+  .login-register-hr-text-container {
+    padding: @line-height-computed 0 calc(@line-height-computed / 2) 0;
+
+    &::before {
+      top: calc(@line-height-computed + @line-height-computed / 4);
+    }
+  }
+
+  .login-register-error-container {
+    padding-bottom: calc(@line-height-computed / 2);
+  }
+
+  .login-register-other-links {
+    padding: @line-height-computed 0;
+    a {
+      color: var(--green-50);
+      text-decoration: underline;
+      // text-decoration-;skip-ink is for letter with descender (like 'g' and 'y')
+      // this will force underline to not skip the descender
+      text-decoration-skip-ink: none;
+
+      &:hover {
+        color: var(--green-60);
+      }
+
+      // for accessibility with keyboard navigation
+      &:focus {
+        outline: 2px solid var(--green-50);
+        outline-offset: 1px;
+      }
+    }
+  }
+
+  .flex-center {
+    display: flex;
+    justify-content: center;
+  }
+
+  .login-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 4px 0;
+  }
+
+  .login-btn-icon {
+    position: relative;
+    top: unset;
+    left: unset;
+    background: unset;
+    border-radius: unset;
+    width: 20px;
+    height: 20px;
+    margin-right: 5px;
+
+    &::before {
+      content: unset;
+    }
+  }
+
+  .form-group {
+    text-align: left;
+    position: relative;
+
+    label {
+      font-size: @font-size-small;
+    }
+  }
+
+  .form-group-password {
+    display: flex;
+    position: relative;
+    flex-direction: column;
+
+    .form-group-password-input {
+      input.form-control {
+        padding-right: 35px;
+      }
+    }
+
+    .visibility-toggle {
+      position: absolute;
+      right: 0;
+      top: 0;
+      width: @input-height-base;
+      height: @input-height-base;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      border: unset;
+      background-color: unset;
+
+      #visibility-icon-off {
+        margin-top: 2px; // workaround for the icon not having the same center as the non-slashed one
+      }
+    }
+  }
+
+  .top-padding-computed-2 {
+    padding-top: @line-height-computed * 2;
+  }
+
+  .form-group-password-input {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+  }
+
+  .register-container {
+    .register-content-container {
+      display: flex;
+      background-color: #f2f4f7;
+      min-height: 100vh;
+    }
+
+    .register-form {
+      width: 100%;
+      height: 100%;
+      display: flex;
+      justify-content: center;
+      padding-top: @line-height-computed * 2;
+      background-color: @white;
+
+      @media (max-width: @screen-sm-max) {
+        height: 100%;
+      }
+
+      .login-register-card {
+        max-width: 320px;
+        padding-bottom: @line-height-computed * 5; // for cookie banner
+      }
+    }
+
+    .register-illustration-container {
+      height: 100%;
+      display: flex;
+      align-items: center;
+
+      .register-illustration {
+        position: absolute;
+        left: 80px;
+        top: 100px;
+
+        // for wide screen
+        @media (min-width: 1700px) {
+          position: relative;
+          left: unset;
+          top: unset;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          width: 100%;
+        }
+
+        .register-main-image {
+          max-width: 850px;
+
+          @media (max-width: 1350px) {
+            max-width: 750px;
+          }
+
+          @media (max-width: 1150px) {
+            max-width: 670px;
+          }
+        }
+
+        .sticky-tags {
+          position: absolute;
+          height: 210px;
+          bottom: -135px;
+          right: 130px;
+
+          // for wide screen
+          @media (min-width: 1700px) {
+            right: calc(50% - 300px);
+          }
+        }
+      }
+    }
+  }
+
+  .tos-agreement-notice {
+    text-align: left;
+    font-size: 12px;
+
+    a {
+      color: var(--green-50);
+      text-decoration: underline;
+      // text-decoration-;skip-ink is for letter with descender (like 'g' and 'y')
+      // this will force underline to not skip the descender
+      text-decoration-skip-ink: none;
+
+      &:hover {
+        color: var(--green-60);
+      }
+
+      // for accessibility with keyboard navigation
+      &:focus {
+        outline: 2px solid var(--green-50);
+        outline-offset: 1px;
+      }
+    }
+  }
+
+  .register-header-logo {
+    &:focus {
+      outline: 2px solid var(--green-50);
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/metrics.less b/services/web/frontend/stylesheets/app/metrics.less
new file mode 100644
index 0000000..5256b8a
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/metrics.less
@@ -0,0 +1,185 @@
+#metrics {
+  max-width: none;
+  padding: 0 30px;
+  width: auto;
+
+  svg.nvd3-svg {
+    width: 100%;
+  }
+
+  .overbox {
+    margin: 0;
+    padding: 40px 20px;
+    background: #fff;
+    border: 1px solid #dfdfdf;
+    .box {
+      padding-bottom: 30px;
+      overflow: hidden;
+      margin-bottom: 40px;
+      border-bottom: 1px solid rgb(216, 216, 216);
+
+      .header {
+        margin-bottom: 20px;
+
+        h4 {
+          font-size: 19px;
+          margin: 0;
+        }
+      }
+    }
+  }
+
+  .print-button {
+    margin-right: 10px;
+    font-size: 20px;
+  }
+
+  .title-button {
+    margin-right: 5px;
+    font-size: 20px;
+  }
+
+  .metric-col {
+    padding: 15px;
+  }
+
+  .metric-header-container {
+    h4 {
+      margin-bottom: 0;
+    }
+  }
+
+  svg {
+    display: block;
+    height: 250px;
+    text {
+      font-family: 'Open Sans', sans-serif;
+    }
+    &:not(:root) {
+      overflow: visible;
+    }
+
+    &.hidden-legend-margin-fix {
+      margin-top: 15px;
+      height: 235px;
+    }
+
+    &.no-fill-opacity {
+      .nvd3 {
+        .nv-area {
+          fill-opacity: 1;
+        }
+      }
+    }
+  }
+
+  .nvtooltip {
+    z-index: 10;
+  }
+
+  // BEGIN: Metrics header
+  .metric-header-container {
+    > h4 {
+      margin-top: 0;
+      margin-bottom: 0;
+    }
+
+    .metric-tooltip {
+      top: -1em;
+      font-size: 0.5em;
+    }
+  }
+  // END: Metrics header
+
+  // BEGIN: Metrics footer
+  .metric-footer-container {
+    text-align: center;
+  }
+  // END: Metrics footer
+
+  // BEGIN: Metrics overlays
+  .metric-overlay-loading,
+  .metric-overlay-error,
+  .metric-overlay-backdrop {
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    padding: 16px; /* 15px of .metric-col padding + 1px border */
+    padding-top: 56px; /* Same as above + 30px for title + 10px overbox padding*/
+  }
+
+  .metric-overlay-loading {
+    padding: 175px 20%;
+  }
+
+  .metric-overlay-error {
+    display: none;
+    text-align: center;
+    padding-top: 175px;
+  }
+
+  .metric-overlay-backdrop {
+    opacity: 0.5;
+  }
+
+  .metric-overlay-backdrop-inner {
+    background-color: #fff;
+    width: 100%;
+    height: 100%;
+  }
+  // END: Metrics overlays
+}
+
+#metrics-header {
+  @media (min-width: 1200px) {
+    margin-bottom: 30px;
+  }
+
+  h3 {
+    display: inline-block;
+  }
+
+  .section_header {
+    margin-bottom: 0;
+  }
+
+  #filters-container {
+    text-align: right;
+
+    .by {
+      color: #989898;
+      font-style: italic;
+    }
+  }
+
+  #lags-container {
+    .dropdown-menu {
+      min-width: 0;
+    }
+  }
+
+  #dates-container {
+    display: inline-block;
+    .daterangepicker {
+      margin-right: 15px;
+    }
+    #metrics-dates {
+      padding: 0;
+    }
+  }
+}
+
+#metrics-footer {
+  margin-top: 30px;
+  text-align: center;
+}
+
+body.print-loading {
+  #metrics {
+    .metric-col {
+      opacity: 0.5;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/ol-chat.less b/services/web/frontend/stylesheets/app/ol-chat.less
new file mode 100644
index 0000000..04e5ad8
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/ol-chat.less
@@ -0,0 +1,6 @@
+// Styles for Chat panel in Overleaf v2
+
+.chat .message-wrapper .message .message-content a {
+  color: inherit;
+  text-decoration: underline;
+}
diff --git a/services/web/frontend/stylesheets/app/ol-style-guide.less b/services/web/frontend/stylesheets/app/ol-style-guide.less
new file mode 100644
index 0000000..64f99cf
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/ol-style-guide.less
@@ -0,0 +1,66 @@
+.renderColorSwatchClasses(@colorName) {
+  @colorVal: @@colorName;
+  @colorValRed: red(@colorVal);
+  @colorValGreen: green(@colorVal);
+  @colorValBlue: blue(@colorVal);
+  @colorValAsRGB: 'rgb(@{colorValRed}, @{colorValGreen}, @{colorValBlue})';
+
+  &.@{colorName} {
+    .color-swatch {
+      background-color: @colorVal;
+    }
+    .color-less-var::before {
+      content: '@@{colorName}';
+    }
+    .color-hex-val::before {
+      content: '@{colorVal}';
+    }
+    .color-rgb-val::before {
+      font-size: 10px;
+      content: '@{colorValAsRGB}';
+    }
+  }
+}
+
+.color-row {
+  display: flex;
+  justify-content: space-between;
+}
+
+.color-box {
+  background: white;
+  margin: 10px 4px;
+  border-radius: 4px;
+  width: 16.666%;
+  .renderColorSwatchClasses(ol-blue-gray-1);
+  .renderColorSwatchClasses(ol-blue-gray-2);
+  .renderColorSwatchClasses(ol-blue-gray-3);
+  .renderColorSwatchClasses(ol-blue-gray-4);
+  .renderColorSwatchClasses(ol-blue-gray-5);
+  .renderColorSwatchClasses(ol-blue-gray-6);
+  .renderColorSwatchClasses(ol-green);
+  .renderColorSwatchClasses(ol-dark-green);
+  .renderColorSwatchClasses(ol-blue);
+  .renderColorSwatchClasses(ol-dark-blue);
+  .renderColorSwatchClasses(ol-red);
+  .renderColorSwatchClasses(ol-dark-red);
+}
+
+.color-swatch {
+  height: 100px;
+  width: 100px;
+  margin: 10px auto;
+  border-radius: 4px;
+}
+
+.color-label {
+  display: flex;
+  flex-direction: column;
+  margin: 0 3px 10px;
+}
+
+.color-label pre {
+  font-size: 12px;
+  line-height: 1.8em;
+  margin: 0 auto;
+}
diff --git a/services/web/frontend/stylesheets/app/open-in-overleaf.less b/services/web/frontend/stylesheets/app/open-in-overleaf.less
new file mode 100644
index 0000000..0249223
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/open-in-overleaf.less
@@ -0,0 +1,5 @@
+dl.codebox {
+  dt {
+    line-height: 1;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/plans.less b/services/web/frontend/stylesheets/app/plans.less
new file mode 100644
index 0000000..8783a7b
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/plans.less
@@ -0,0 +1,1199 @@
+@z-index-plans-new-tabs: 1;
+@z-index-group-member-picker-list: 1;
+@z-index-plans-new-tabs-content: 0;
+
+@highlighted-heading-line-height: (@line-height-03 / 1rem) * 16px; // convert to px
+@highlighted-heading-padding-vertical: @spacing-02;
+@highlighted-heading-height: (
+  @highlighted-heading-line-height + (2 * @highlighted-heading-padding-vertical)
+);
+
+@switcher-container-margin-bottom: @highlighted-heading-height + @spacing-10;
+
+@nondiscounted-price-element-height: var(--line-height-02);
+
+@group-member-picker-height: 24px;
+@group-member-picker-top-height: 36px;
+@group-member-picker-sm-width: 50%;
+@group-member-picker-md-width: 25%;
+@group-member-picker-min-width: 234px;
+
+@container-plans-responsive-width: 95%;
+@table-4-column-width: 25%;
+@table-5-column-width: 20%;
+
+.plans-new-design {
+  padding-top: var(--header-height);
+
+  .container {
+    padding: 0 var(--spacing-06);
+
+    @media (min-width: @screen-sm-min) {
+      width: @container-plans-responsive-width;
+    }
+    @media (min-width: @screen-xl-min) {
+      width: @container-xl;
+    }
+
+    .geo-banner-container {
+      margin-top: var(--spacing-08);
+    }
+
+    .plans-new-design-content-spacing {
+      margin-top: var(--spacing-16);
+    }
+
+    .interstitial-new-design-content-spacing {
+      margin-top: var(--spacing-13);
+    }
+  }
+  .main-heading-section {
+    text-align: center;
+    max-width: 885px;
+    margin-left: auto;
+    margin-right: auto;
+
+    @media (max-width: @screen-xs-max) {
+      text-align: left;
+      padding: 0 16px;
+    }
+
+    .plans-page-heading {
+      margin-top: 8px;
+      margin-bottom: unset;
+      font-size: 3rem;
+      font-weight: 600;
+      line-height: 64px;
+      @media (max-width: @screen-xs-max) {
+        font-size: 2.25rem;
+        line-height: 48px;
+        padding-right: 5rem;
+      }
+    }
+
+    .plans-page-sub-heading {
+      font-size: 1.125rem;
+      line-height: 24px;
+      margin-top: 16px;
+      margin-bottom: unset;
+    }
+  }
+
+  .plans-new-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    @media (min-width: @screen-sm-min) {
+      border-left: 1px solid var(--neutral-20);
+      border-right: 1px solid var(--neutral-20);
+      border-bottom: 1px solid var(--neutral-20);
+      border-radius: 8px;
+    }
+
+    // this is the border between the tabs and the content, specifically on the left and right side
+    // this is necessary to enable top border radius on the plans-new-content
+    &::before {
+      content: '';
+      display: block;
+      z-index: @z-index-plans-new-tabs-content;
+      position: absolute;
+      top: -1px; // make border overlap with the border on .plans-new-tabs
+      width: 100%;
+      height: 20px; // arbitrary height since it's transparent, make sure that it's bigger than border radius
+      background: transparent;
+      border-top: 1px solid var(--neutral-20);
+
+      @media (min-width: @screen-sm-min) {
+        border-top-left-radius: 8px;
+        border-top-right-radius: 8px;
+      }
+    }
+  }
+
+  .plans-new-tabs-container {
+    z-index: @z-index-plans-new-tabs;
+    margin-top: var(--spacing-16);
+
+    // explicit padding to tell that the bottom left and bottom right
+    // does not have bottom border defined in .plans-new-tabs
+    // technically unnecessary because padding is already defined in bootstrap column
+    padding: 0 16px;
+  }
+
+  .plans-new-tabs {
+    display: flex;
+    justify-content: center;
+    gap: 8px;
+    border-bottom: 1px solid var(--neutral-20);
+
+    .plans-new-tab {
+      cursor: pointer;
+      font-size: 16px;
+      font-weight: 600;
+      border-top-right-radius: 8px;
+      border-top-left-radius: 8px;
+
+      .plans-new-tab-link {
+        border: unset;
+        display: flex;
+        align-items: center;
+        color: var(--neutral-70);
+        margin: 0;
+        border-top-right-radius: 8px;
+        border-top-left-radius: 8px;
+        border: 1px solid var(--neutral-20);
+        padding: var(--spacing-05) var(--spacing-08);
+        gap: var(--spacing-04);
+
+        &:focus {
+          background-color: unset;
+          outline: 0;
+        }
+
+        &:hover {
+          background-color: var(--neutral-20);
+        }
+
+        // tab navigation focus style
+        &:focus-visible {
+          .box-shadow-button-input();
+          outline: 0;
+        }
+
+        .group-discount-bubble {
+          padding: var(--spacing-01) var(--spacing-04);
+          background-color: var(--green-10);
+          color: var(--green-50);
+          border-radius: var(--border-radius-full-new);
+          font-family: 'DM Mono', monospace;
+          font-feature-settings: 'ss05';
+          font-size: var(--font-size-01);
+          line-height: var(--line-height-01);
+          font-weight: 500;
+
+          @media (max-width: @screen-xs-max) {
+            display: none;
+          }
+        }
+
+        @media (max-width: @screen-xs-max) {
+          font-size: var(--font-size-02);
+          line-height: var(--line-height-02);
+          padding: var(--spacing-05);
+          gap: var(--spacing-02);
+        }
+      }
+
+      &.active {
+        .plans-new-tab-link {
+          border: 1px solid white;
+          position: relative;
+          color: var(--green-50);
+
+          // remove the border on tab focus
+          &:focus-visible {
+            &::before {
+              content: unset;
+            }
+          }
+
+          &::before {
+            content: '';
+            position: absolute;
+            background: border-box
+              linear-gradient(
+                to bottom,
+                @green-50 0%,
+                @neutral-20 85%,
+                @neutral-20 100%
+              );
+            -webkit-mask:
+              linear-gradient(white 0 0) padding-box,
+              linear-gradient(white 0 0);
+            mask:
+              linear-gradient(white 0 0) padding-box,
+              linear-gradient(white 0 0);
+            -webkit-mask-composite: xor;
+            mask-composite: exclude;
+            border-top-right-radius: 8px;
+            border-top-left-radius: 8px;
+            border: 1px solid transparent;
+            border-bottom: 1px solid white;
+
+            // make the border overlap with the .plans-new-tab-link border
+            top: 0;
+            bottom: -2px;
+            left: -1px;
+            right: -1px;
+          }
+
+          &:hover {
+            background-color: unset;
+          }
+        }
+
+        .plans-new-discount-badge {
+          background-color: var(--green-10);
+          color: var(--green-60);
+        }
+      }
+    }
+  }
+
+  .plans-new-period-switcher-container {
+    position: relative;
+    display: inline-flex;
+    background-color: var(--neutral-10);
+    border-radius: var(--border-radius-full-new);
+    padding: var(--spacing-03);
+    margin-top: var(--spacing-09);
+    margin-bottom: @switcher-container-margin-bottom;
+    gap: var(--spacing-04);
+
+    @media (max-width: @screen-xs-max) {
+      margin-bottom: var(--spacing-09);
+    }
+
+    label {
+      display: inline-flex;
+      align-items: center;
+      margin: 0;
+      font-size: var(--font-size-05);
+      font-weight: 600;
+      line-height: var(--line-height-04);
+      text-align: center;
+      padding: var(--spacing-01) var(--spacing-04);
+      border-radius: var(--border-radius-full-new);
+
+      &:hover {
+        background-color: var(--neutral-20);
+        cursor: pointer;
+      }
+    }
+
+    input[type='radio'] {
+      position: absolute;
+      left: -9999px;
+      &:focus,
+      &:focus-visible {
+        outline: 0;
+      }
+    }
+
+    input[type='radio']:focus-visible + label,
+    input[type='radio']:checked:focus-visible + label {
+      .box-shadow-button-input();
+    }
+
+    input[type='radio']:checked + label {
+      background-color: var(--green-50);
+      color: white;
+      box-shadow: 0px 2px 4px 0px rgba(30, 37, 48, 0.16);
+      .plans-new-discount-badge {
+        background-color: var(--green-10);
+        color: var(--green-60);
+      }
+    }
+
+    .plans-new-discount-badge {
+      margin-left: var(--spacing-03);
+    }
+  }
+
+  .plans-new-discount-badge {
+    font-size: var(--font-size-01);
+    font-family: 'DM Mono', monospace;
+    padding: 2px 8px;
+    height: 20px;
+    border-radius: 10px;
+    background-color: var(--neutral-70);
+    color: white;
+    display: flex;
+    align-items: center;
+    font-weight: 500;
+    line-height: var(--line-height-01);
+  }
+
+  .plans-new-tab-content {
+    width: 100%;
+    border: none;
+    padding-top: 0;
+
+    @media (max-width: @screen-xs-min) {
+      padding: 0;
+    }
+  }
+
+  .plans-new-mobile {
+    display: none;
+
+    @media (max-width: @screen-xs-max) {
+      display: block;
+    }
+  }
+
+  .plans-new-desktop {
+    display: block;
+
+    @media (max-width: @screen-xs-max) {
+      display: none;
+    }
+  }
+
+  .plans-new-table {
+    width: 100%;
+
+    // keep the borders separate to help with spacing and alignment in the CTAs
+    border-collapse: separate;
+    border-spacing: 0;
+
+    th,
+    td {
+      width: @table-4-column-width;
+    }
+  }
+
+  .plans-new-table-student {
+    margin-left: @table-4-column-width / 2;
+  }
+
+  .plans-new-table-student-verification {
+    font-weight: 600;
+    font-size: var(--font-size-01);
+    text-align: center;
+  }
+
+  .plans-new-table-group {
+    margin-top: @spacing-11 + @highlighted-heading-height;
+  }
+
+  thead th {
+    position: relative;
+    padding: var(--spacing-06) var(--spacing-08) var(--spacing-04)
+      var(--spacing-08);
+    font-size: var(--font-size-05);
+    font-weight: 600;
+    line-height: var(--line-height-04);
+    color: var(--neutral-90);
+    text-align: center;
+
+    @media (max-width: @screen-md-max) {
+      padding: var(--spacing-05) var(--spacing-05) 0 var(--spacing-05);
+    }
+  }
+
+  .plans-new-table-subheader {
+    vertical-align: top;
+    padding: 0 var(--spacing-08);
+    @media (max-width: @screen-md-max) {
+      padding: 0 var(--spacing-05);
+    }
+
+    &.plans-new-table-icon-cta-cell,
+    &.plans-subheader-monthly-cta-swapped {
+      vertical-align: bottom;
+    }
+  }
+
+  .plans-new-table-cta-row {
+    td {
+      padding-bottom: var(--spacing-06);
+      @media (max-width: @screen-md-max) {
+        padding-bottom: var(--spacing-05);
+      }
+
+      // use transparent borders to use the same spacing as highlighted cells
+      &:not(.plans-new-table-highlighted-cell) {
+        border-right: var(--border-width-base) solid transparent;
+        border-left: var(--border-width-base) solid transparent;
+      }
+    }
+
+    .btn-block + .btn-block {
+      margin-top: var(--spacing-04);
+    }
+  }
+
+  .plans-new-table-header-grid-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    s,
+    .match-original-price-height {
+      font-size: var(--font-size-02);
+      line-height: @nondiscounted-price-element-height;
+      color: var(--neutral-60);
+      font-weight: 600;
+    }
+
+    .plans-new-table-header-price {
+      font-size: var(--font-size-08);
+      font-weight: 600;
+      line-height: var(--line-height-07);
+      color: var(--neutral-90);
+    }
+
+    .plans-new-table-header-price-unit {
+      font-size: var(--font-size-02);
+      line-height: var(--line-height-02);
+      text-align: center;
+    }
+
+    .plans-new-table-cta {
+      margin-top: auto;
+      a:nth-child(2) {
+        margin-top: var(--spacing-04);
+      }
+    }
+
+    .plans-new-table-header-icon {
+      font-size: 56px;
+      color: var(--neutral-90);
+    }
+  }
+
+  .plans-new-table-header-price-unit-total {
+    font-size: var(--font-size-01);
+    line-height: var(--line-height-01);
+  }
+
+  .plans-new-table-header-desc {
+    margin-top: var(--spacing-05);
+    margin-bottom: var(--spacing-08);
+    font-size: var(--font-size-02);
+    line-height: var(--line-height-02);
+  }
+
+  .plans-new-group-member-picker {
+    .plans-new-group-member-picker-text {
+      font-size: var(--font-size-02);
+      line-height: var(--line-height-02);
+      font-weight: 600;
+      margin-bottom: var(--spacing-02);
+    }
+
+    .plans-new-group-member-picker-form {
+      position: relative;
+
+      .plans-new-group-member-picker-button {
+        width: 100%;
+        background-color: white;
+        border-radius: var(--border-radius-base-new);
+        border: 1px solid var(--neutral-60);
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: var(--spacing-01) var(--spacing-03);
+        margin-bottom: var(--spacing-04);
+        height: @group-member-picker-height;
+        font-size: var(--font-size-02);
+        line-height: var(--line-height-02);
+
+        &[aria-expanded='true'] {
+          i {
+            transform: rotate(180deg);
+            transition: transform 0.35s ease;
+          }
+        }
+
+        &[aria-expanded='false'] {
+          i {
+            transition: transform 0.35s ease;
+          }
+        }
+
+        &[data-ol-plans-new-group-member-picker-button='group-all'] {
+          height: @group-member-picker-top-height;
+        }
+      }
+
+      ul.plans-new-group-member-picker-list {
+        list-style-type: none;
+        margin-bottom: 0;
+        overflow: auto; // to enable box-shadow
+        box-shadow: 0px 2px 4px 0px rgba(30, 37, 48, 0.16);
+        padding: var(--spacing-02);
+        position: absolute;
+        top: @group-member-picker-height;
+        background-color: white;
+        width: 100%;
+        margin-top: var(--spacing-01);
+        z-index: @z-index-group-member-picker-list;
+
+        &[data-ol-plans-new-group-member-picker-dropdown='group-all'] {
+          top: @group-member-picker-top-height;
+        }
+      }
+
+      li.plans-new-group-member-picker-footer {
+        font-size: var(--font-size-02);
+        line-height: var(--line-height-02);
+        padding: var(--spacing-05) var(--spacing-04);
+
+        span {
+          display: block;
+        }
+
+        button {
+          font-weight: 400;
+          padding: 0;
+          font-size: var(--font-size-02);
+          line-height: var(--line-height-02);
+        }
+      }
+
+      li {
+        position: relative;
+
+        &:not(:last-child) {
+          margin-bottom: var(--spacing-02);
+        }
+
+        &:not(.plans-new-group-member-picker-footer):hover {
+          input[type='radio']:not(:checked) + p {
+            background-color: var(--neutral-10);
+          }
+        }
+
+        input[type='radio'] {
+          position: absolute;
+          opacity: 0;
+          cursor: pointer;
+
+          &:focus + p {
+            &:extend(.input-focus-style);
+          }
+
+          + p {
+            padding: var(--spacing-05) var(--spacing-08) var(--spacing-05)
+              var(--spacing-04);
+            margin-bottom: 0;
+            border-radius: var(--border-radius-base-new);
+          }
+        }
+
+        input[type='radio']:checked + p {
+          background-color: var(--green-10);
+          color: var(--green-70);
+          position: relative;
+          word-wrap: break-word;
+
+          &::after {
+            content: url(../../../public/img/material-icons/check-green-20.svg);
+            position: absolute;
+            right: 12px;
+            top: 50%;
+            transform: translateY(-50%);
+
+            @media (max-width: @screen-sm-max) {
+              right: var(--spacing-04);
+            }
+          }
+        }
+
+        label {
+          width: 100%;
+          font-size: var(--font-size-02);
+          line-height: var(--line-height-02);
+          margin-bottom: var(--spacing-00);
+          font-weight: 400;
+          cursor: pointer;
+          border-radius: var(--border-radius-base-new);
+
+          .list-item-footer {
+            font-size: var(--font-size-01);
+            line-height: var(--line-height-01);
+          }
+        }
+      }
+
+      .plans-new-edu-discount {
+        display: flex;
+        align-items: flex-start;
+        gap: var(--spacing-04);
+        margin-bottom: var(--spacing-06);
+        font-weight: 400;
+
+        input[type='checkbox'] {
+          margin: var(--spacing-02);
+          accent-color: var(--green-50);
+
+          &:focus-visible {
+            .box-shadow-button-input();
+          }
+        }
+
+        .plans-new-edu-discount-content {
+          display: flex;
+          flex-direction: column;
+
+          span {
+            line-height: var(--line-height-03);
+            color: var(--neutral-90);
+          }
+
+          small {
+            color: var(--neutral-70);
+            font-size: var(--font-size-01);
+            line-height: var(--line-height-01);
+          }
+        }
+      }
+    }
+  }
+
+  .plans-new-table-body:last-of-type {
+    .plans-new-table-feature-row:last-of-type {
+      .plans-new-table-feature-td.plans-new-table-highlighted-cell {
+        border-bottom: var(--border-width-base) solid var(--green-50);
+      }
+    }
+  }
+
+  .plans-new-table-heading-row {
+    // this means min-height, min-height does not work in table layout
+    // https://stackoverflow.com/questions/7790222
+    height: 64px;
+  }
+
+  .plans-new-table-heading-text {
+    padding: var(--spacing-05) var(--spacing-08) var(--spacing-05)
+      var(--spacing-05);
+    font-weight: 600;
+    font-size: var(--font-size-04);
+    line-height: var(--line-height-03);
+    vertical-align: bottom;
+  }
+
+  .plans-new-table-feature-row {
+    &:nth-child(even) {
+      background-color: var(--neutral-10);
+    }
+  }
+
+  .plans-new-table-section-without-header-row {
+    &:nth-child(odd):not(.plans-new-table-heading-row) {
+      background-color: var(--neutral-10);
+    }
+    &:nth-child(even):not(.plans-new-table-heading-row) {
+      background-color: var(--white);
+    }
+  }
+
+  .plans-new-table-feature-th {
+    font-weight: normal;
+    padding: var(--spacing-05) var(--spacing-08) var(--spacing-05)
+      var(--spacing-05);
+
+    .plans-new-table-feature-th-content {
+      line-height: var(--line-height-03);
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      .plans-new-table-feature-tooltip-icon {
+        cursor: help;
+        margin-left: var(--spacing-05);
+      }
+
+      .tooltip.in {
+        opacity: 1;
+      }
+
+      .tooltip-inner {
+        padding: var(--spacing-04) var(--spacing-06);
+        max-width: 258px;
+        width: 258px;
+        font-family: Lato, sans-serif;
+        font-size: var(--font-size-02);
+        text-align: left;
+        background-color: var(--neutral-90);
+        border-radius: var(--border-radius-base-new);
+      }
+    }
+  }
+
+  .plans-new-table-feature-td {
+    padding: var(--spacing-05) var(--spacing-08);
+    text-align: center;
+    line-height: var(--line-height-03);
+
+    .green-round-background {
+      margin-right: 0;
+    }
+  }
+
+  .plans-new-table-highlighted-heading {
+    position: absolute;
+    left: calc(-1 * var(--border-width-base));
+    top: -1 * @highlighted-heading-height;
+    height: @highlighted-heading-height;
+    width: calc(100% + (2 * var(--border-width-base)));
+    border-top-left-radius: var(--border-radius-large-new);
+    border-top-right-radius: var(--border-radius-large-new);
+    padding: @highlighted-heading-padding-vertical var(--spacing-04);
+    font-weight: 600;
+    text-align: center;
+    line-height: @highlighted-heading-line-height;
+    background-color: var(--green-50);
+    color: var(--white);
+    font-size: var(--font-size-03);
+  }
+
+  .plans-new-table-highlighted-cell {
+    border-right: var(--border-width-base) solid var(--green-50);
+    border-left: var(--border-width-base) solid var(--green-50);
+  }
+
+  .plans-new-organizations {
+    padding: var(--spacing-13) var(--spacing-08);
+
+    .plans-new-organizations-text {
+      text-align: center;
+      font-size: var(--font-size-05);
+      line-height: var(--line-height-04);
+      margin-bottom: var(--spacing-00);
+    }
+
+    .plans-new-organizations-logo {
+      margin-top: var(--spacing-09);
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+
+      @media (max-width: @screen-md-max) {
+        flex-wrap: wrap;
+        gap: 30px;
+      }
+    }
+  }
+
+  .plans-card-container-mobile {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-06);
+
+    .mt-spacing-06 {
+      margin-top: var(--spacing-06);
+    }
+
+    .highlighted-plans-card {
+      border: 2px solid var(--green-50) !important;
+    }
+
+    .plans-card-mobile {
+      padding: var(--spacing-09);
+      border: 2px solid var(--neutral-20);
+      width: 100%; // might need max-width
+      border-radius: 8px;
+      display: flex;
+      flex-direction: column;
+
+      .plans-card-title-mobile {
+        color: var(--neutral-90);
+        font-size: var(--font-size-05); // 20px
+        font-weight: 600;
+        line-height: var(--line-height-04);
+      }
+
+      .plans-card-icon-container-mobile {
+        margin-top: var(--spacing-04);
+        .plans-card-icon {
+          font-size: var(--font-size-09);
+          color: var(--neutral-90);
+        }
+      }
+
+      s {
+        padding: var(--spacing-04) 0 0 0;
+        color: var(--neutral-60);
+        font-size: var(--font-size-04); // 18px
+        font-weight: 600;
+        line-height: var(--line-height-05);
+        margin-bottom: var(--spacing-04);
+      }
+
+      .plans-card-price-container-mobile {
+        display: flex;
+        align-items: baseline;
+
+        .light-gray-text:has(.billed-annually-disclaimer) {
+          align-self: center;
+        }
+      }
+
+      .group-plans-card-price-container-mobile {
+        display: flex;
+        align-items: center;
+      }
+
+      .plans-card-price-mobile {
+        color: var(--neutral-90);
+        font-size: var(--font-size-08); // 36px
+        font-weight: 600;
+        line-height: var(--line-height-07);
+        margin-right: var(--spacing-03);
+      }
+
+      .light-gray-text {
+        color: var(--neutral-70);
+        font-size: var(--font-size-02); // 14px
+        line-height: var(--line-height-02);
+      }
+
+      .plans-card-description-mobile {
+        .green-round-background {
+          width: 20px;
+          height: 20px;
+        }
+
+        .plans-card-description-list-mobile {
+          list-style-type: none;
+          padding-left: 0;
+          margin-bottom: unset;
+          li {
+            display: flex;
+            margin-top: var(--spacing-05);
+          }
+        }
+
+        .plans-card-cta-container {
+          margin-top: var(--spacing-08);
+          width: 100%;
+
+          .btn-block + .btn-block {
+            margin-top: var(--spacing-04);
+          }
+        }
+      }
+    }
+  }
+
+  .plans-new-group-tab-card-container {
+    margin-top: var(--spacing-09);
+  }
+
+  .plans-features-table-section-container-mobile {
+    margin-top: var(--spacing-13);
+    .plans-features-section-heading-mobile {
+      font-size: var(--font-size-06);
+      font-weight: 600;
+      line-height: var(--line-height-05);
+      color: var(--neutral-90);
+      text-align: center;
+      margin-bottom: var(--spacing-08);
+    }
+
+    .plans-features-table-mobile {
+      width: 100%;
+
+      .plans-features-table-sticky-header {
+        position: sticky;
+        top: 0;
+      }
+
+      .plans-features-table-header {
+        margin-bottom: var(--space-08);
+      }
+
+      .plans-features-table-header-container-mobile {
+        margin: var(--spacing-08) auto;
+        border-bottom: unset;
+        width: 100%;
+        max-width: 544px;
+
+        .plans-features-table-header-item-mobile {
+          width: 33%;
+          min-width: 114px;
+          padding: unset;
+
+          .plans-features-table-header-item-content-mobile {
+            padding: var(--spacing-04);
+            text-align: center;
+            background-color: var(--neutral-10);
+          }
+
+          .plans-group-features-table-header-item-content-mobile {
+            padding: var(--spacing-04);
+            text-align: center;
+            background-color: var(--neutral-10);
+            height: 64px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+          }
+
+          .plans-features-table-header-item-title-mobile {
+            color: var(--neutral-90);
+            line-height: var(--line-height-03);
+            font-weight: 600;
+            font-size: var(--font-size-03);
+          }
+
+          .plans-features-table-header-item-price-mobile {
+            font-weight: 400;
+            color: var(--neutral-70);
+            line-height: var(--line-height-01);
+            font-size: var(--spacing-05);
+          }
+        }
+
+        .highlighted-styles {
+          background-color: var(--neutral-80);
+
+          .plans-features-table-header-item-title-mobile,
+          .plans-features-table-header-item-price-mobile {
+            color: var(--white);
+          }
+        }
+
+        .plans-features-table-header-item-content-mobile.highlighted,
+        .plans-group-features-table-header-item-content-mobile.highlighted {
+          .highlighted-styles;
+        }
+      }
+
+      tr.plans-features-table-row-for-margin {
+        height: var(--spacing-08);
+      }
+
+      .plans-features-table-body-container-mobile {
+        .plans-features-table-row-heading-mobile {
+          font-weight: 600;
+          text-align: center;
+          line-height: var(--line-height-03);
+          .plans-features-table-row-section-heading-content-mobile {
+            padding-top: var(--spacing-08);
+            padding-bottom: var(--spacing-05);
+            font-size: var(--font-size-04);
+            color: var(--neutral-90);
+          }
+        }
+
+        // .plans-features-table-row-title-mobile and .plans-features-table-row-mobile are combined together to make one row visually, so we are using factors of 4 to alternatively color their backgrounds.
+        .plans-features-table-row-title-mobile {
+          &.plans-features-table-row-title-mobile-without-heading {
+            &:nth-child(4n - 3) {
+              background-color: var(--neutral-10);
+            }
+
+            &:nth-child(4n - 1) {
+              background-color: var(--white);
+            }
+          }
+
+          &:nth-child(4n - 2) {
+            background-color: var(--neutral-10);
+          }
+
+          &:nth-child(4n) {
+            background-color: var(--white);
+          }
+
+          .plans-features-table-row-title-content-mobile {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            padding-top: var(--spacing-06);
+            font-weight: 600;
+            line-height: var(--line-height-03);
+            .plans-features-table-row-title-accordion {
+              display: flex;
+              justify-content: center;
+              flex-direction: column;
+              align-items: center;
+              text-align: center;
+              padding: 0 var(--spacing-04);
+              .plans-features-table-row-title-accordion-header {
+                font-size: var(--font-size-03);
+                font-weight: 600;
+                line-height: var(--line-height-03);
+                display: flex;
+                justify-content: center;
+                background-color: unset;
+                border: unset;
+                .plans-features-table-row-title-accordion-icon {
+                  display: flex;
+                  align-items: center;
+                  transition: transform 0.35s ease;
+                  margin-left: var(--spacing-02);
+                }
+
+                &:not(.collapsed) {
+                  .plans-features-table-row-title-accordion-icon {
+                    transform: rotate(180deg);
+                    transition: transform 0.35s ease;
+                  }
+                }
+              }
+              .plans-features-table-row-title-accordion-body {
+                font-size: var(--font-size-01);
+                line-height: var(--line-height-01);
+                font-weight: 400;
+              }
+            }
+          }
+        }
+
+        .plans-features-table-row-mobile {
+          &.plans-features-table-row-mobile-without-heading {
+            &:nth-child(4n - 2) {
+              background-color: var(--neutral-10);
+            }
+
+            &:nth-child(4n) {
+              background-color: var(--white);
+            }
+          }
+
+          &:nth-child(4n - 3) {
+            background-color: var(--white);
+          }
+
+          &:nth-child(4n - 1) {
+            background-color: var(--neutral-10);
+          }
+
+          .plans-features-table-cell-content-mobile {
+            text-align: center;
+            padding-top: var(--spacing-05);
+            padding-bottom: var(--spacing-06);
+          }
+        }
+      }
+    }
+  }
+
+  .plans-price-disclaimer {
+    font-size: var(--font-size-01);
+    line-height: var(--line-height-01);
+    margin-top: var(--spacing-08);
+    text-align: center;
+
+    &:last-child {
+      margin-bottom: var(--spacing-11);
+    }
+
+    &:not(:last-child) {
+      margin-bottom: var(--spacing-08);
+    }
+
+    .plans-price-disclaimer-icons {
+      display: flex;
+      justify-content: center;
+      gap: var(--spacing-04);
+    }
+  }
+
+  .only-show-for-specific-plan-type {
+    display: none;
+  }
+  &[data-ol-current-plan-type='group'] {
+    .show-for-plan-type-group {
+      display: block;
+    }
+  }
+  &[data-ol-current-plan-type='individual'] {
+    .show-for-plan-type-individual {
+      display: block;
+    }
+  }
+  &[data-ol-current-plan-type='student'] {
+    .show-for-plan-type-student {
+      display: block;
+    }
+  }
+
+  .only-show-for-specific-plan-period {
+    display: none;
+  }
+  &[data-ol-current-plan-period='annual'] {
+    .show-for-plan-period-annual {
+      display: block;
+    }
+  }
+  &[data-ol-current-plan-period='monthly'] {
+    .show-for-plan-period-monthly {
+      display: block;
+    }
+  }
+}
+
+.plans-overleaf-common-request {
+  color: var(--neutral-90);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: var(--spacing-04) var(--spacing-08);
+  text-align: center;
+  gap: var(--spacing-06);
+
+  @media (max-width: @screen-xs-max) {
+    flex-direction: column;
+    margin: 0;
+  }
+
+  a {
+    font-size: var(--font-size-02);
+    line-height: var(--line-height-02);
+  }
+}
+
+.plans-faq {
+  .faq-heading-container {
+    text-align: center;
+    margin-bottom: var(--spacing-10);
+
+    @media (max-width: @screen-xs-max) {
+      text-align: unset;
+    }
+  }
+
+  .plans-faq-support {
+    margin-top: var(--spacing-06);
+    margin-bottom: var(--spacing-06);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--spacing-04);
+
+    span {
+      line-height: var(--line-height-03);
+      font-size: var(--font-size-04);
+    }
+
+    button {
+      font-family: 'DM Mono', monospace;
+      font-weight: 500;
+      text-decoration: none;
+      color: var(--green-50);
+      line-height: var(--line-height-03);
+      font-size: var(--font-size-04);
+      background-color: var(--white);
+      border: unset;
+      display: flex;
+      align-items: center;
+    }
+  }
+}
+
+.plans-new-design.plans-interstitial-new-design {
+  padding-top: var(--header-height);
+  padding-bottom: var(--spacing-09);
+
+  .plans-interstitial-new-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .plans-new-table {
+    th,
+    td {
+      width: @table-5-column-width;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/portals.less b/services/web/frontend/stylesheets/app/portals.less
new file mode 100644
index 0000000..9dfd4a5
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/portals.less
@@ -0,0 +1,144 @@
+.content-portal {
+  padding-top: @navbar-height!important;
+  .join-rider {
+    margin-top: -(@line-height-computed / 2); // negate bottom margin from h4
+  }
+  /*
+    Begin Header
+  */
+  .banner-image {
+    background-size: cover;
+    background-position: 50% 50%;
+    background-repeat: no-repeat;
+    height: 375px;
+  }
+
+  .image-fill {
+    display: inline-block;
+    height: 100%;
+    vertical-align: middle;
+  }
+
+  .institution-logo {
+    left: 50%;
+    margin-left: -100px;
+    padding: 0;
+    position: absolute;
+    div {
+      background-color: @white;
+      box-shadow: 1px 11px 22px -9px @black-alpha-strong;
+      display: inline-block;
+      height: 125px;
+      overflow: hidden;
+      position: absolute;
+      text-align: center;
+      top: -110px;
+      white-space: nowrap;
+      width: @btn-portal-width;
+    }
+    img {
+      max-height: 75px;
+      max-width: 150px;
+      vertical-align: middle;
+    }
+  }
+
+  .portal-name {
+    background-color: @ol-blue-gray-0;
+    padding-bottom: @line-height-computed; //- center header when no tabs
+    padding-top: @padding-md;
+    text-align: center;
+    width: 100%;
+  }
+  // End Header
+
+  /*
+    Begin Layout
+  */
+  .button-pull,
+  .content-pull {
+    float: left;
+  }
+
+  .button-pull {
+    text-align: right;
+    > a.btn {
+      white-space: normal;
+      width: @btn-portal-width;
+      text-align: center;
+    }
+  }
+  .content-pull {
+    padding-right: @padding-sm;
+    width: calc(~'100% - ' @btn-portal-width);
+  }
+  // End Layout
+
+  /*
+    Begin Card
+  */
+  .card {
+    margin-bottom: @margin-md;
+  }
+  // End Card
+
+  /*
+    Begin Actions
+  */
+  .portal-actions {
+    i {
+      margin-bottom: @margin-sm;
+    }
+  }
+  // End Actions
+
+  /*
+    Begin Print
+  */
+  .print {
+    .basic-metrics {
+      margin-bottom: 50px; /* get Departments header on next page */
+    }
+    .container {
+      width: auto;
+    }
+    .custom-donut-container svg {
+      max-width: 570px; /* safe width for printing */
+    }
+    .hidden-print {
+      display: none;
+    }
+    .portal-col {
+      /* for firefox */
+      margin: 0;
+      width: 100%;
+    }
+    .portal-name {
+      padding: 0;
+    }
+    .visible-print {
+      display: block !important;
+    }
+  }
+  @media print and (color) {
+    &:extend(.print);
+  }
+  // End Print
+
+  .nav-tabs {
+    background-color: @ol-blue-gray-0;
+  }
+
+  @media (max-width: @screen-xs-max) {
+    .content-pull {
+      padding: 0;
+      width: auto;
+    }
+
+    .button-pull {
+      > a.btn {
+        width: auto;
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/primary-email-check.less b/services/web/frontend/stylesheets/app/primary-email-check.less
new file mode 100644
index 0000000..2a1a766
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/primary-email-check.less
@@ -0,0 +1,39 @@
+.primary-email-check-container {
+  max-width: 400px !important;
+}
+
+.primary-email-check-card {
+  padding: 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+
+  .primary-email-confirm-button {
+    margin-top: 12px;
+  }
+
+  .primary-email-change-button {
+    margin-bottom: 12px;
+  }
+
+  p {
+    margin-bottom: 0;
+  }
+}
+
+.primary-email-check-header {
+  margin-top: 12px;
+  margin-bottom: 0;
+}
+
+.primary-email-check-form {
+  padding: 0 !important;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.primary-email-check-logo {
+  width: 130px;
+  margin: 0 auto;
+}
diff --git a/services/web/frontend/stylesheets/app/project-list-react.less b/services/web/frontend/stylesheets/app/project-list-react.less
new file mode 100644
index 0000000..1716aa4
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/project-list-react.less
@@ -0,0 +1,1035 @@
+@project-list-sidebar-wrapper-flex: 0 0 15%;
+
+.project-list-react {
+  body > .content& {
+    padding-top: @header-height;
+    padding-bottom: 0;
+    min-height: calc(~'100vh -' @header-height);
+    display: flex;
+    flex-direction: column;
+  }
+
+  .container:before {
+    content: '';
+    display: block;
+    float: left;
+    height: 100%;
+  }
+
+  .fill {
+    position: relative;
+
+    &:after {
+      content: '';
+      display: block;
+      clear: left;
+    }
+  }
+
+  .project-list-wrapper {
+    display: flex;
+    align-items: stretch;
+    width: 100%;
+    min-height: calc(~'100vh -' @header-height);
+  }
+
+  .project-list-sidebar-wrapper-react {
+    position: relative;
+    background-color: @sidebar-bg;
+    flex: @project-list-sidebar-wrapper-flex;
+    min-height: calc(~'100vh -' @header-height);
+    max-width: 320px;
+    min-width: 200px;
+
+    .project-list-sidebar-subwrapper {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+
+      .project-list-sidebar-react {
+        flex-grow: 1;
+        padding-left: 15px;
+        padding-right: 15px;
+        -ms-overflow-style: -ms-autohiding-scrollbar;
+        padding-top: @content-margin-vertical;
+        padding-bottom: @content-margin-vertical;
+        color: @sidebar-color;
+
+        .small {
+          color: @sidebar-color;
+        }
+
+        button {
+          white-space: normal;
+          word-wrap: anywhere;
+          // prevents buttons from expanding sidebar width
+        }
+
+        > .dropdown {
+          width: 100%;
+
+          .new-project-button {
+            width: 100%;
+          }
+        }
+      }
+    }
+  }
+
+  .project-list-welcome-wrapper {
+    width: 100%;
+    padding-bottom: 25px;
+
+    .welcome-new-wrapper {
+      .welcome-title {
+        font-size: 32px;
+      }
+
+      .welcome-message-cards-wrapper {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: center;
+        margin-top: 50px;
+
+        @media (min-width: @screen-md-min) {
+          flex-direction: row;
+          justify-content: center;
+        }
+      }
+
+      .welcome-message-card-item {
+        display: flex;
+        flex: 1;
+        flex-direction: column;
+
+        @media (min-width: @screen-md-min) {
+          flex: 0 1 310px;
+        }
+      }
+
+      .welcome-message-card {
+        border: 1px solid @neutral-20;
+        border-radius: 16px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: space-between;
+        padding: 24px 16px;
+        margin: @margin-sm 0;
+        width: 280px;
+        height: 200px;
+        position: relative;
+        cursor: pointer;
+
+        @media (min-width: @screen-md-min) {
+          margin: 0 15px;
+          height: 240px;
+          width: auto;
+        }
+
+        &:hover {
+          background-color: @ol-blue-gray-0;
+        }
+
+        .welcome-message-card-img {
+          max-width: 100%;
+
+          @media (min-width: @screen-md-min) {
+            margin-bottom: 20px;
+          }
+        }
+
+        .create-new-project-dropdown {
+          border: 1px solid @neutral-20;
+          position: absolute;
+          top: 100%;
+          left: 5%;
+          width: 90%;
+          margin-top: 8px;
+          padding: 0;
+          border-radius: 3px;
+          z-index: 1;
+          text-align: left;
+
+          button,
+          a,
+          .dropdown-header {
+            padding: 5px 10px;
+          }
+
+          > button {
+            background-color: white;
+            border: none;
+            box-shadow: none;
+            display: flex;
+            align-items: center;
+            width: 100%;
+
+            &:hover {
+              background-color: @ol-blue-gray-0;
+            }
+          }
+
+          > a {
+            color: @gray-dark;
+            display: block;
+
+            &:hover {
+              text-decoration: none;
+              background-color: @ol-blue-gray-0;
+            }
+          }
+
+          hr {
+            margin-top: 6px;
+            margin-bottom: 6px;
+          }
+        }
+      }
+
+      .welcome-message-card-link {
+        &,
+        &:hover {
+          text-decoration: none;
+          color: @gray-dark;
+        }
+      }
+    }
+  }
+
+  .project-list-main-react {
+    flex: 1;
+    overflow-x: hidden;
+    padding: @content-margin-vertical @grid-gutter-width / 2;
+  }
+
+  .project-list-header-row {
+    display: flex;
+    align-items: center;
+    margin-bottom: @margin-sm;
+    min-height: 36px;
+  }
+
+  .project-list-title {
+    min-width: 0;
+    color: @content-secondary;
+    font-family: Lato, sans-serif;
+    font-size: @font-size-large;
+    line-height: 28px;
+    font-weight: bold;
+  }
+
+  ul.project-list-filters {
+    margin: @margin-sm @folders-menu-margin;
+
+    .dropdown-header {
+      margin-top: @folders-title-margin-top;
+      margin-bottom: @folders-title-margin-bottom;
+      font-size: @folders-title-font-size;
+      color: @folders-title-color;
+      text-transform: @folders-title-text-transform;
+      padding: 12.5px 16px;
+      font-weight: @folders-title-font-weight;
+      font-family: @font-family-sans-serif;
+      text-transform: uppercase;
+    }
+
+    .subdued {
+      color: @gray-light;
+    }
+
+    > li {
+      cursor: pointer;
+      position: relative;
+
+      > button {
+        display: block;
+        width: 100%;
+        font-weight: normal;
+        text-align: left;
+        color: @sidebar-link-color;
+        background-color: transparent;
+        border-radius: unset;
+        border: none;
+        border-bottom: solid 1px transparent;
+        padding: @folders-menu-item-v-padding @folders-menu-item-h-padding;
+
+        &:hover {
+          background-color: @sidebar-hover-bg;
+          text-decoration: @sidebar-hover-text-decoration;
+        }
+
+        &:focus {
+          text-decoration: none;
+          outline: none;
+        }
+      }
+
+      &.separator {
+        padding: @folders-menu-item-v-padding @folders-menu-item-h-padding;
+        cursor: auto;
+      }
+    }
+
+    > li.active {
+      border-radius: @sidebar-active-border-radius;
+
+      > button {
+        background-color: @sidebar-active-bg;
+        font-weight: @sidebar-active-font-weight;
+        color: @sidebar-active-color;
+
+        .subdued {
+          color: @sidebar-active-color;
+        }
+      }
+    }
+
+    > li.tag {
+      &.active {
+        .tag-menu > button {
+          color: white;
+          border-color: white;
+
+          &:hover {
+            background-color: @folders-tag-menu-active-hover;
+          }
+        }
+      }
+
+      &.untagged {
+        button.tag-name {
+          span.name {
+            font-style: italic;
+            padding-left: 0;
+          }
+        }
+      }
+
+      &:hover {
+        &:not(.active) {
+          background-color: @folders-tag-hover;
+        }
+
+        .tag-menu {
+          display: block;
+        }
+      }
+
+      &:not(.active) {
+        .tag-menu > a:hover {
+          background-color: @folders-tag-menu-hover;
+        }
+      }
+
+      button.tag-name {
+        position: relative;
+        padding: @folders-tag-padding;
+        display: @folders-tag-display;
+        align-items: center;
+        word-wrap: anywhere;
+
+        .tag-list-icon {
+          vertical-align: sub;
+          font-weight: bold;
+        }
+
+        span.name {
+          padding-left: 0.5em;
+          line-height: @folders-tag-line-height;
+        }
+      }
+    }
+
+    .tag-menu {
+      button.dropdown-toggle {
+        border: 1px solid @folders-tag-border-color;
+        border-radius: @border-radius-small;
+        background-color: transparent;
+        color: @folders-tag-menu-color;
+        display: block;
+        width: 16px;
+        height: 16px;
+        position: relative;
+
+        .caret {
+          position: absolute;
+          top: 6px;
+          left: 1px;
+        }
+      }
+
+      display: none;
+      width: auto;
+      position: absolute;
+      top: 50%;
+      margin-top: -8px; // Half the element height.
+      right: 4px;
+
+      &.open {
+        display: block;
+      }
+
+      button.tag-action {
+        border-radius: unset;
+        width: 100%;
+        background-color: transparent;
+        border-color: transparent;
+        color: @gray-dark;
+        text-align: left;
+        font-weight: normal;
+
+        &:hover {
+          color: @white;
+          background-color: @ol-green;
+        }
+
+        &:active {
+          outline: none;
+        }
+      }
+    }
+  }
+
+  .project-tools {
+    flex-shrink: 0;
+    margin-left: auto;
+  }
+
+  .project-dash-table {
+    width: 100%;
+    table-layout: fixed;
+
+    tr {
+      border-bottom: 1px solid @structured-list-border-color;
+    }
+
+    th,
+    td {
+      padding: (@line-height-computed / 4) @line-height-computed / 2;
+      vertical-align: top;
+    }
+
+    tr {
+      th:first-child,
+      td:first-child,
+      th:last-child,
+      td:last-child {
+        padding-right: @line-height-computed - (@grid-gutter-width / 2);
+      }
+    }
+
+    tbody {
+      tr:not(.no-projects):hover {
+        background-color: @structured-list-hover-color;
+      }
+
+      tr:last-child {
+        border-bottom: 0 none;
+      }
+    }
+
+    .table-header-sort-btn {
+      border: 0;
+      text-align: left;
+      color: @ol-type-color;
+      background-color: transparent;
+      padding: 0;
+      font-weight: bold;
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      text-decoration: none;
+
+      &:hover,
+      &:focus {
+        color: @ol-type-color;
+        text-decoration: none;
+      }
+    }
+
+    .dash-cell-checkbox {
+      width: 5%;
+      line-height: 1.55;
+
+      input[type='checkbox'] {
+        margin-top: 5px;
+      }
+
+      .dash-cell-checkbox-wrapper {
+        label {
+          display: block;
+          margin: 0;
+          line-height: 1;
+        }
+      }
+    }
+
+    .dash-cell-name {
+      hyphens: auto;
+      width: 50%;
+      word-break: break-word;
+    }
+
+    .dash-cell-owner {
+      width: 20%;
+    }
+
+    .dash-cell-date {
+      width: 25%;
+    }
+
+    .dash-cell-actions {
+      display: none;
+      text-align: right;
+    }
+
+    .dash-cell-date-owner {
+      font-size: 14px;
+      .text-overflow();
+    }
+
+    .dash-cell-tag,
+    .clone-project-tag {
+      .tag-label {
+        padding: 14px 0;
+        cursor: pointer;
+
+        &:not(.tag-label-close-hover) {
+          &:hover,
+          &:focus {
+            .label.tag-label-name {
+              color: @tag-color;
+              background-color: @tag-bg-hover-color;
+              outline-width: 0;
+            }
+          }
+        }
+
+        &:first-child {
+          margin-left: initial;
+        }
+      }
+    }
+
+    @media (min-width: @screen-xs) {
+      .dash-cell-checkbox {
+        width: 4%;
+      }
+
+      .dash-cell-name {
+        width: 50%;
+      }
+
+      .dash-cell-owner {
+        width: 21%;
+      }
+
+      .dash-cell-date {
+        width: 25%;
+      }
+
+      .dash-cell-actions {
+        width: 0%;
+      }
+    }
+
+    @media (min-width: @screen-sm) {
+      .dash-cell-checkbox {
+        width: 3%;
+      }
+
+      .dash-cell-name {
+        width: 45%;
+      }
+
+      .dash-cell-owner {
+        width: 16%;
+      }
+
+      .dash-cell-date {
+        width: 21%;
+      }
+
+      .dash-cell-actions {
+        display: table-cell;
+        width: 15%;
+      }
+
+      .project-tools {
+        float: none;
+      }
+    }
+
+    @media (min-width: @screen-md) {
+      .dash-cell-checkbox {
+        width: 3%;
+      }
+
+      .dash-cell-name {
+        width: 46%;
+      }
+
+      .dash-cell-owner {
+        width: 13%;
+      }
+
+      .dash-cell-date {
+        width: 16%;
+      }
+
+      .dash-cell-actions {
+        width: 22%;
+      }
+
+      tbody {
+        .dash-cell-actions {
+          white-space: nowrap;
+        }
+      }
+    }
+
+    @media (min-width: @screen-lg) {
+      .dash-cell-checkbox {
+        width: 3%;
+      }
+
+      .dash-cell-name {
+        width: 46%;
+      }
+
+      .dash-cell-owner {
+        width: 15%;
+      }
+
+      .dash-cell-date {
+        width: 19%;
+      }
+
+      .dash-cell-actions {
+        width: 17%;
+      }
+    }
+
+    @media (min-width: 1440px) {
+      .dash-cell-checkbox {
+        width: 2%;
+      }
+
+      .dash-cell-name {
+        width: 49%;
+      }
+
+      .dash-cell-owner {
+        width: 16%;
+      }
+
+      .dash-cell-date {
+        width: 19%;
+      }
+
+      .dash-cell-actions {
+        width: 14%;
+      }
+    }
+
+    @media (max-width: @screen-xs-max) {
+      @actions-btn-size: 48px;
+
+      tr {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+
+        td {
+          padding-top: @line-height-computed / 6;
+          padding-bottom: @line-height-computed / 6;
+        }
+
+        td:not(.dash-cell-actions) {
+          padding-right: @actions-btn-size + 12.5px;
+        }
+      }
+
+      .dash-cell-name,
+      .dash-cell-owner,
+      .dash-cell-date,
+      .dash-cell-tag,
+      .dash-cell-actions {
+        display: block;
+        width: auto;
+      }
+
+      .dash-cell-actions {
+        position: absolute;
+        top: 0;
+        right: 0;
+        padding: 0 !important;
+
+        .dropdown-toggle {
+          padding: 13px 15px;
+          border-radius: 0;
+          font-size: 14px;
+        }
+      }
+    }
+  }
+
+  .loading-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    min-height: calc(~'100vh -' @header-height);
+
+    .loading-screen-brand-container {
+      margin: 0 auto;
+    }
+  }
+
+  @media (max-width: @screen-xs-max) {
+    .project-tools {
+      float: left;
+      margin-left: initial;
+    }
+  }
+
+  .projects-toolbar,
+  .tag-item {
+    display: flex;
+    align-items: center;
+  }
+
+  .projects-toolbar {
+    .dropdown,
+    .dropdown-toggle {
+      max-width: 100%;
+    }
+
+    .dropdown {
+      min-width: 0;
+    }
+
+    .dropdown-toggle {
+      display: inline-flex;
+      align-items: baseline;
+    }
+  }
+
+  .projects-sort-dropdown {
+    flex-shrink: 0;
+    margin-left: auto;
+  }
+
+  #projects-types-dropdown {
+    font-family: @font-family-serif;
+
+    & + .projects-dropdown-menu {
+      min-width: 226px;
+      max-width: 92vw;
+    }
+  }
+
+  #projects-sort-dropdown {
+    & + .projects-dropdown-menu {
+      min-width: 156px;
+    }
+  }
+
+  .projects-dropdown-menu {
+    &.dropdown-menu {
+      // Avoid line breaks for labels in menu items.
+      // There is enough space for these on mobile devices (checked DE and EN translations).
+      white-space: nowrap;
+    }
+  }
+
+  .projects-types-menu-item {
+    .menu-item-button-icon {
+      left: 10px;
+    }
+
+    &.projects-types-menu-tag-item {
+      display: flex;
+
+      .edit-btn {
+        padding: 12px 14px;
+      }
+    }
+  }
+
+  .projects-sort-menu-item {
+    .menu-item-button-icon {
+      left: 14px;
+    }
+  }
+
+  .projects-action-menu-item {
+    .menu-item-button-icon {
+      left: 11px;
+    }
+  }
+}
+
+.current-plan {
+  vertical-align: middle;
+  line-height: @line-height-base;
+
+  a.current-plan-label {
+    text-decoration: none;
+    color: @text-color;
+  }
+}
+
+.project-list-upload-project-modal-uppy-dashboard .uppy-Root {
+  .uppy-Dashboard-AddFiles-title {
+    display: flex;
+    flex-direction: column;
+    color: @ol-blue-gray-3;
+    white-space: pre-line;
+
+    button.uppy-Dashboard-browse {
+      background-color: @ol-green;
+      color: @white;
+      margin-bottom: @margin-md;
+      padding: 4px 16px 5px;
+      height: 46px;
+      border-radius: 23px;
+      font-weight: 700;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      font-size: @font-size-large;
+      font-family: @font-family-sans-serif;
+    }
+  }
+}
+
+.btn-transparent {
+  box-shadow: none !important;
+  background: none !important;
+  border-radius: 0 !important;
+  color: inherit !important;
+  font-weight: 400;
+
+  &:hover {
+    box-shadow: none !important;
+    background: none !important;
+    color: inherit !important;
+  }
+}
+
+.menu-item-button,
+#new-project-button-projects-table + .dropdown-menu [role='menuitem'] {
+  padding: 12px 20px;
+}
+
+.menu-item-button {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+  border: none;
+  box-shadow: none;
+  background: inherit;
+  color: @ol-blue-gray-5;
+  text-align: left;
+
+  .menu-item-button-text {
+    padding-left: 14px;
+    overflow: hidden;
+
+    .tag-name-and-size {
+      overflow: hidden;
+      display: flex;
+      gap: 1ex;
+    }
+
+    .tag-name {
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+
+  .menu-item-button-icon {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+
+    &.fa-spinner {
+      top: 30%;
+    }
+  }
+}
+
+.project-list-load-more-button {
+  margin-bottom: @margin-sm;
+}
+
+.tag-dropdown-button {
+  display: block;
+  width: 100%;
+  font-weight: normal;
+  font-size: @font-size-base;
+  text-align: left;
+  color: @gray-dark;
+  background-color: transparent;
+  border-radius: unset;
+  border: none;
+  border-bottom: solid 1px transparent;
+  padding: 3px 20px;
+
+  &:active,
+  &:focus {
+    color: @gray-dark;
+    background-color: transparent;
+    text-decoration: none;
+    outline: none;
+  }
+
+  &:hover {
+    color: @white;
+    background-color: @ol-green;
+  }
+
+  .tag-checkbox {
+    width: 16px;
+  }
+
+  .tag-dot {
+    display: inline-block;
+    position: relative;
+    border: 1px solid #ffffff;
+    width: 14px;
+    height: 14px;
+    border-radius: 7px;
+    text-align: center;
+    top: 1px;
+  }
+}
+
+.project-list-sidebar-survey-wrapper {
+  position: sticky;
+  bottom: 0;
+
+  .alert-info-alt {
+    font-size: @font-size-small;
+    margin-bottom: 0;
+
+    a {
+      text-decoration: none;
+    }
+  }
+
+  @media (max-width: @screen-xs-max) {
+    position: static;
+    margin-top: @margin-sm;
+
+    .alert-info-alt {
+      font-size: unset;
+
+      &:before {
+        display: none;
+      }
+
+      .project-list-sidebar-survey-link {
+        display: block;
+        align-items: center;
+        min-width: @mobile-action-element-width;
+        min-height: @mobile-action-element-height;
+        padding-top: @padding-md;
+      }
+    }
+  }
+}
+
+.color-picker-item {
+  height: 28px;
+  width: 28px;
+  cursor: pointer;
+  position: relative;
+  outline: none;
+  border-radius: 4px;
+  margin: 0 14px 0 0;
+  display: inline-block;
+  vertical-align: middle;
+
+  &:focus-visible {
+    box-shadow:
+      0 0 0 2px @white,
+      0 0 0 3px @blue-50,
+      0 0 0 5px @blue-30;
+  }
+
+  &.more-button {
+    border: 1px solid @gray-dark;
+
+    .color-picker-more {
+      color: @gray-dark;
+      margin: 3px;
+      font-weight: bold;
+
+      @media (max-width: @screen-xs-max) {
+        margin: 5px;
+      }
+    }
+
+    .color-picker-more-open {
+      color: @gray-dark;
+      margin: 3px;
+      font-weight: bold;
+
+      @media (max-width: @screen-xs-max) {
+        margin: 5px;
+      }
+    }
+  }
+
+  .color-picker-item-icon {
+    margin: 4px;
+    color: @white;
+    font-weight: bold;
+  }
+
+  @media (max-width: @screen-xs-max) {
+    height: 32px;
+    width: 32px;
+    margin: 24px 24px;
+
+    .color-picker-item-icon {
+      margin: 6px;
+      color: @white;
+    }
+  }
+}
+
+.color-picker-more-wrapper {
+  position: relative;
+  display: inline-block;
+
+  .custom-picker {
+    position: absolute;
+    user-select: none;
+
+    @media (max-width: @screen-xs-max) {
+      top: 56px;
+      left: 24px;
+    }
+  }
+
+  .popover-backdrop {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+}
+
+.clone-project-tag {
+  display: flex;
+
+  &:hover .label.tag-label-name {
+    background-color: @tag-bg-color;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/project-list.less b/services/web/frontend/stylesheets/app/project-list.less
new file mode 100644
index 0000000..ec7370e
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/project-list.less
@@ -0,0 +1,548 @@
+@import './list/v1-import-modal.less';
+
+.project-list-page {
+  position: absolute;
+  top: @header-height;
+  bottom: @footer-height;
+  padding-bottom: 0;
+  width: 100%;
+  overflow-x: hidden;
+  overflow-y: auto;
+  // Specificity needed to override default `body > .content` values
+  body > .content& {
+    min-height: calc(~'100vh -' (@header-height - @footer-height));
+    padding-top: 0;
+  }
+}
+
+.project-list-content {
+  margin: 0;
+  height: 100%;
+  overflow: hidden;
+}
+
+.project-list-empty {
+  height: 100%;
+  overflow-y: scroll;
+}
+.project-list-empty-col {
+  display: flex;
+  height: 100%;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  .row:first-child {
+    flex-grow: 1; /* fill vertical space so notifications are pushed to bottom */
+  }
+  .card {
+    // h2 + .card-thin top padding
+    padding-bottom: @line-height-computed + @line-height-computed / 2;
+  }
+}
+
+.sidebar-new-proj-btn {
+  .btn-block;
+}
+
+.project-list-row {
+  height: 100%;
+  min-height: calc(~'100vh -' (@header-height - @footer-height));
+}
+.project-list-container {
+  height: 100%;
+}
+.project-list-sidebar {
+  background-color: @sidebar-bg;
+  overflow-x: hidden;
+  overflow-y: auto;
+  -ms-overflow-style: -ms-autohiding-scrollbar;
+  padding-top: @content-margin-vertical;
+  padding-bottom: @content-margin-vertical;
+  color: @sidebar-color;
+  .small {
+    color: @sidebar-color;
+  }
+}
+
+.project-list-main {
+  padding-top: @content-margin-vertical;
+  padding-bottom: @content-margin-vertical;
+  height: 100%;
+  margin-left: -(@grid-gutter-width / 2);
+  overflow-y: auto;
+}
+
+.project-header {
+  .btn-group > .btn {
+    padding-left: @line-height-base / 2;
+    padding-right: @line-height-base / 2;
+  }
+}
+
+.project-tools {
+  display: inline;
+  float: right;
+  line-height: @line-height-base;
+}
+
+.tags-dropdown-menu {
+  max-width: 50vw;
+
+  &.dropdown-menu > li > a {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+.project-list-table {
+  width: 100%;
+  table-layout: fixed;
+}
+.project-list-table-header-row {
+  border-bottom: 1px solid @structured-list-border-color;
+}
+
+.project-list-table-row {
+  position: relative;
+  border-bottom: 1px solid @structured-list-border-color;
+
+  &:last-child {
+    border-bottom: 0 none;
+  }
+  &:hover {
+    background-color: @structured-list-hover-color;
+  }
+  &:first-child {
+    border-bottom-color: @structured-header-border-color;
+    &:hover {
+      background-color: transparent;
+    }
+  }
+}
+.project-list-table-name-cell,
+.project-list-table-owner-cell,
+.project-list-table-lastupdated-cell,
+.project-list-table-actions-cell {
+  padding: (@line-height-computed / 4) 0;
+  vertical-align: top;
+}
+
+.project-list-table-name-cell {
+  width: 50%;
+  padding-right: @line-height-computed / 2;
+
+  @media (min-width: @screen-md) {
+    width: 47%;
+  }
+
+  @media (min-width: @screen-lg) {
+    width: 50%;
+  }
+}
+
+.project-list-table-name-container {
+  position: relative;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+// Extra specificity needed to override Bootstrap's own specificity.
+input.project-list-table-select-item[type='checkbox'] {
+  position: absolute;
+  left: @line-height-computed - (@grid-gutter-width / 2);
+  margin-top: 5px;
+}
+
+.project-list-table-name {
+  display: inline-block;
+  padding-left: @line-height-computed * 1.5;
+  vertical-align: top;
+}
+
+.project-list-table-name-link {
+  padding: 0;
+}
+
+.project-list-table-owner-cell {
+  width: 23%;
+  padding-right: @line-height-computed / 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  @media (min-width: @screen-sm) {
+    width: 12%;
+  }
+}
+
+.project-list-table-lastupdated-cell {
+  width: 27%;
+  padding-right: @line-height-computed / 2;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  @media (min-width: @screen-sm) {
+    width: 14%;
+  }
+}
+
+.project-list-table-actions-cell {
+  display: none;
+  padding-right: @line-height-computed - (@grid-gutter-width / 2);
+  text-align: right;
+  white-space: nowrap;
+
+  @media (min-width: @screen-sm) {
+    display: table-cell;
+    width: 18%;
+  }
+
+  @media (min-width: @screen-md) {
+    width: 11%;
+  }
+
+  @media (min-width: @screen-lg) {
+    width: 10%;
+  }
+}
+.action-btn {
+  padding: 0 0.2em;
+}
+
+.first-project {
+  width: 127px;
+  text-align: center;
+}
+
+.add-affiliation-mobile-wrapper {
+  padding: @padding-md 0;
+}
+
+.add-affiliation {
+  .progress {
+    height: @line-height-computed / 2;
+    margin-bottom: @line-height-computed / 4;
+  }
+  p {
+    margin-bottom: @line-height-computed / 4;
+  }
+  &.is-mobile p {
+    font-size: 12px;
+    white-space: normal;
+  }
+}
+
+.user-notifications {
+  ul {
+    margin-bottom: 0px;
+  }
+  .notification-entry {
+    .alert {
+      // old alert style
+      .box-shadow(2px 4px 6px rgba(0, 0, 0, 0.25));
+      display: flex;
+      flex-wrap: wrap;
+      @media (min-width: @screen-sm-min) {
+        flex-wrap: nowrap;
+      }
+    }
+    .notification {
+      // new alert style. match the existing margin on .alert since there is a mix of old and new alert styles
+      margin-bottom: @line-height-computed;
+    }
+    &.centered-alert .alert {
+      align-items: center;
+    }
+  }
+}
+
+ul.folders-menu {
+  margin: @folders-menu-margin;
+  .subdued {
+    color: @gray-light;
+  }
+  > li {
+    cursor: pointer;
+    position: relative;
+    > a {
+      display: block;
+      color: @sidebar-link-color;
+      padding: @folders-menu-item-v-padding @folders-menu-item-h-padding;
+      border-bottom: solid 1px transparent;
+      &:hover {
+        background-color: @sidebar-hover-bg;
+        text-decoration: @sidebar-hover-text-decoration;
+      }
+      &:focus {
+        text-decoration: none;
+      }
+    }
+
+    &.separator {
+      padding: @folders-menu-item-v-padding @folders-menu-item-h-padding;
+      cursor: auto;
+    }
+  }
+  > li.active {
+    border-radius: @sidebar-active-border-radius;
+    > a {
+      background-color: @sidebar-active-bg;
+      font-weight: @sidebar-active-font-weight;
+      color: @sidebar-active-color;
+      .subdued {
+        color: @sidebar-active-color;
+      }
+    }
+  }
+  > li > a.small {
+    color: @gray;
+  }
+  h2 {
+    margin-top: @folders-title-margin-top;
+    margin-bottom: @folders-title-margin-bottom;
+    font-size: @folders-title-font-size;
+    color: @folders-title-color;
+    text-transform: @folders-title-text-transform;
+    padding: @folders-title-padding;
+    font-weight: @folders-title-font-weight;
+    font-family: @font-family-sans-serif;
+  }
+  > li.tag {
+    &.active {
+      .tag-menu > a {
+        color: white;
+        border-color: white;
+        &:hover {
+          background-color: @folders-tag-menu-active-hover;
+        }
+      }
+    }
+    &.untagged {
+      a.tag-name {
+        span.name {
+          font-style: italic;
+          padding-left: 0;
+        }
+      }
+    }
+    &:hover {
+      &:not(.active) {
+        background-color: @folders-tag-hover;
+      }
+      .tag-menu {
+        display: block;
+      }
+    }
+    &:not(.active) {
+      .tag-menu > a:hover {
+        background-color: @folders-tag-menu-hover;
+      }
+    }
+    .tag-name {
+      position: relative;
+      padding: @folders-tag-padding;
+      display: @folders-tag-display;
+      span.name {
+        padding-left: 0.5em;
+        line-height: @folders-tag-line-height;
+      }
+    }
+    .tag-menu {
+      > a {
+        border: 1px solid @folders-tag-border-color;
+        border-radius: @border-radius-small;
+        color: @folders-tag-menu-color;
+        display: block;
+        width: 16px;
+        height: 16px;
+        position: relative;
+        .caret {
+          position: absolute;
+          top: 6px;
+          left: 1px;
+        }
+      }
+      display: none;
+      position: absolute;
+      top: 50%;
+      margin-top: -8px; // Half the element height.
+      right: 4px;
+      &.open {
+        display: block;
+      }
+    }
+    .dropdown-toggle {
+      float: right;
+    }
+  }
+}
+
+.project-action-alert {
+  display: flex;
+  margin-bottom: 0;
+  align-items: center;
+}
+.project-action-alert-msg {
+  flex-grow: 1;
+  padding-right: 10px;
+}
+
+form.project-search {
+  .form-group {
+    margin-bottom: 0;
+  }
+}
+
+ul.structured-list {
+  list-style-type: none;
+  margin: 0;
+  overflow: hidden;
+  overflow-y: auto;
+  -ms-overflow-style: -ms-autohiding-scrollbar;
+  > li {
+    border-bottom: 1px solid @structured-list-border-color;
+    padding: (@line-height-computed / 4) 0;
+
+    &:last-child {
+      border-bottom: 0 none;
+    }
+    &:hover {
+      background-color: @structured-list-hover-color;
+    }
+    &:first-child {
+      border-bottom-color: @structured-header-border-color;
+      &:hover {
+        background-color: transparent;
+      }
+    }
+    a {
+      color: @structured-list-link-color;
+    }
+    .header {
+      font-weight: 600;
+    }
+    .select-item,
+    .select-all {
+      position: absolute;
+      left: @line-height-computed;
+    }
+    .select-item + span,
+    .select-all + span {
+      display: inline-block;
+      padding-left: @line-height-computed * 1.5;
+      max-width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      vertical-align: top;
+    }
+  }
+}
+
+.project-list-card {
+  padding: 0 (@line-height-computed / 4);
+}
+
+ul.project-list {
+  li {
+    .projectName {
+      margin-right: @line-height-computed / 4;
+    }
+  }
+}
+
+i.tablesort {
+  padding-left: 8px;
+}
+
+.tablesort-text {
+  padding-right: 8px;
+}
+
+.tag-label {
+  margin-left: @line-height-computed / 4;
+  position: relative;
+  display: inline-block;
+  line-height: 1;
+  white-space: nowrap;
+  top: @tag-top-adjustment;
+}
+// Extra specificity needed to override Bootstrap's own specificity.
+.label.tag-label-name,
+.label.tag-label-remove {
+  display: inline-block;
+  padding: 3px 4px;
+  border-radius: @tag-border-radius;
+  background-color: @tag-bg-color;
+  color: @tag-color;
+  vertical-align: text-bottom;
+  border-width: 0;
+  &:hover,
+  &:focus {
+    color: @tag-color;
+    background-color: @tag-bg-hover-color;
+    outline-width: 0;
+  }
+}
+.label.tag-label-name {
+  padding-right: 2px;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  max-width: @tag-max-width;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  > .fa {
+    margin-right: 0.3em;
+  }
+}
+.label.tag-label-remove {
+  padding-left: 2px;
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.user_details_auto_complete {
+  ul > li {
+    list-style: none;
+  }
+
+  .autocomplete {
+    width: 100%;
+    position: relative;
+  }
+
+  .autocomplete ul {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    z-index: @zindex-dropdown;
+    float: left;
+    min-width: 160px;
+    padding: 5px 0;
+    margin: 2px 0 0; // override default ul
+    list-style: none;
+    font-size: @font-size-base;
+    background-color: @dropdown-bg;
+    border: 1px solid @dropdown-fallback-border; // IE8 fallback
+    border: 1px solid @dropdown-border;
+    border-radius: @border-radius-base;
+    .box-shadow(0 6px 12px rgba(0, 0, 0, 0.175));
+    background-clip: padding-box;
+
+    // Links within the dropdown menu
+    > li {
+      display: block;
+      padding: 3px 20px;
+      clear: both;
+      font-weight: normal;
+      line-height: @line-height-base;
+      color: @dropdown-link-color;
+      white-space: nowrap; // prevent links from randomly breaking onto new lines
+    }
+
+    > li.active {
+      text-decoration: none;
+      color: @dropdown-link-hover-color;
+      background-color: @dropdown-link-hover-bg;
+    }
+  }
+  .autocomplete .highlight {
+    font-weight: 700;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/publisher-hub.less b/services/web/frontend/stylesheets/app/publisher-hub.less
new file mode 100644
index 0000000..8d7e5ea
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/publisher-hub.less
@@ -0,0 +1,49 @@
+#publisher-hub {
+  .recent-activity {
+    .hub-big-number {
+      text-align: right;
+      padding-right: 15px;
+    }
+  }
+
+  #templates-container {
+    width: 100%;
+    tr {
+      border: 1px solid @ol-blue-gray-0;
+    }
+    td {
+      padding: 15px;
+    }
+    td:last-child {
+      text-align: right;
+    }
+    .title-cell {
+      max-width: 300px;
+    }
+    .title-text {
+      font-weight: bold;
+    }
+    .hub-big-number {
+      width: 60%;
+      padding-right: 10px;
+      padding-top: 10px;
+      text-align: right;
+    }
+    .hub-number-label,
+    .since {
+      width: 35%;
+      float: right;
+      @media screen and (max-width: 940px) {
+        float: none;
+      }
+    }
+    .hub-long-big-number {
+      padding-right: 40px;
+    }
+    .created-on {
+      color: @gray-light;
+      font-style: italic;
+      font-size: 14px;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/recurly.less b/services/web/frontend/stylesheets/app/recurly.less
new file mode 100644
index 0000000..55487dc
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/recurly.less
@@ -0,0 +1,24 @@
+.recurly-hosted-field {
+  &:extend(.form-control);
+}
+
+.recurly-element-card {
+  &:extend(.form-control);
+  padding: 4px 4px;
+  border: @input-border-size @input-border solid;
+  border-radius: @input-border-radius;
+  height: 50px;
+
+  &.recurly-element-focus {
+    &:extend(.input-focus-style);
+  }
+}
+
+.recurly-element-card-invalid {
+  &:extend(.has-error);
+  border-color: @red;
+}
+
+.recurly-element-number {
+  &:extend(.form-control);
+}
diff --git a/services/web/frontend/stylesheets/app/register.less b/services/web/frontend/stylesheets/app/register.less
new file mode 100644
index 0000000..61c7b79
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/register.less
@@ -0,0 +1,31 @@
+.registration_message {
+  text-align: center;
+  padding-bottom: 20px;
+}
+// for focus-registration and focus-login split test variant
+.registration_logo {
+  width: 130px;
+  padding: 8px 0;
+}
+
+.website-redesign {
+  .login-register-header-focus {
+    padding-top: unset;
+  }
+}
+
+.login-register-header-heading-focus {
+  color: @neutral-90;
+  margin-bottom: 0;
+}
+
+.website-redesign {
+  .login-register-form-focus {
+    padding: @line-height-computed 0 0 0;
+    border-bottom: unset;
+    border-bottom: solid 1px @hr-border;
+    &:last-child {
+      border-bottom-width: 0;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/review-features-page.less b/services/web/frontend/stylesheets/app/review-features-page.less
new file mode 100644
index 0000000..b03256a
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/review-features-page.less
@@ -0,0 +1,481 @@
+@rfp-h1-size: 2.442em;
+@rfp-h2-size: 1.953em;
+@rfp-h3-size: 1.563em;
+@rfp-lead-size: 1.25em;
+
+@rfp-sl-red: @red;
+@rfp-rp-blue: @rp-type-blue;
+
+@rfp-rp-blue-light: #f8f9fd;
+@rfp-rp-blue-dark: shade(@rfp-rp-blue, 50%);
+@rfp-rp-blue-darker: shade(@rfp-rp-blue, 65%);
+@rfp-rp-blue-darkest: shade(@rfp-rp-blue, 75%);
+
+@rfp-card-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.3);
+@rfp-border-radius: 5px;
+
+@rfp-header-height: 80px;
+@rfp-header-height-collapsed: 50px;
+
+.rfp-main {
+  background-color: @content-alt-bg-color;
+  font-size: 18px;
+  min-width: 240px;
+}
+
+// Typographical scale and basics.
+.rfp-h1 {
+  font-size: @rfp-h2-size;
+  margin-bottom: 1.6em;
+  color: inherit;
+  @media (min-width: @screen-xs-min) {
+    font-size: @rfp-h1-size;
+  }
+}
+.rfp-h1-masthead {
+  color: #fff;
+  margin-bottom: 1em;
+}
+.rfp-h2 {
+  font-size: @rfp-h2-size;
+  margin-bottom: 1.6em;
+  color: inherit;
+}
+.rfp-h3 {
+  font-size: @rfp-h3-size;
+  margin-bottom: 1.6em;
+  color: inherit;
+}
+.rfp-h3-cta {
+  margin-top: 0;
+  margin-bottom: 40px;
+}
+.rfp-lead {
+  margin-bottom: 1.6em;
+  max-width: 30em;
+  margin-left: auto;
+  margin-right: auto;
+  @media (min-width: @screen-xs-min) {
+    font-size: @rfp-lead-size;
+  }
+}
+.rfp-lead-cta {
+  margin-top: 0;
+  margin-bottom: 40px;
+}
+.rfp-lead-strong {
+  font-weight: 700;
+  .rfp-section-masthead & {
+    margin-bottom: 0;
+  }
+}
+.rfp-p {
+  margin-bottom: 1.6em;
+  max-width: 30em;
+  margin-left: auto;
+  margin-right: auto;
+  .rfp-section-feature & {
+    margin-left: initial;
+  }
+  .rfp-section-feature-alt & {
+    margin-left: auto;
+    margin-right: initial;
+  }
+}
+.rfp-highlight {
+  font-weight: 700;
+}
+// Sections
+.rfp-header {
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 2;
+  height: @rfp-header-height;
+  transition: height 0.2s;
+  background-color: fade(@rfp-rp-blue-darkest, 90%);
+  padding: 15px 20px;
+  min-width: 320px;
+  @media (min-width: @screen-xs-min) {
+    padding-left: 30px;
+    padding-right: 30px;
+  }
+  @media (min-width: @screen-sm-min) {
+    padding-left: 60px;
+    padding-right: 60px;
+  }
+  .rfp-main-header-collapsed & {
+    height: @rfp-header-height-collapsed;
+    padding-top: 10px;
+    padding-bottom: 10px;
+  }
+}
+.rfp-header-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  max-width: @container-large-desktop;
+  height: 100%;
+  margin: auto;
+}
+.rfp-header-logo-container,
+.rfp-header-logo {
+  height: 100%;
+}
+.rfp-section {
+  padding: 30px;
+  text-align: center;
+  overflow: hidden;
+  @media (min-width: @screen-xs-min) {
+    padding: 30px;
+  }
+  @media (min-width: @screen-sm-min) {
+    padding: 60px;
+  }
+}
+.rfp-section-masthead {
+  color: #fff;
+  background-size: cover;
+  background-position: center;
+  background-color: @rfp-rp-blue-darker;
+  padding-top: @rfp-header-height;
+  .rfp-lead {
+    opacity: 0;
+    transition: opacity 0.8s ease;
+  }
+  &.rfp-section-masthead-in {
+    .rfp-lead {
+      opacity: 1;
+    }
+  }
+}
+.rfp-section-blockquote {
+  position: relative;
+  padding-top: 30px;
+  padding-bottom: 30px;
+  background-color: @brand-secondary;
+  box-shadow: @rfp-card-shadow;
+}
+.rfp-section-feature {
+  display: block;
+  text-align: left;
+  @media (min-width: @screen-sm-min) {
+    .rfp-section-wrapper {
+      display: flex;
+      align-items: center;
+    }
+  }
+}
+.rfp-feature-description-container,
+.rfp-feature-video-container {
+  flex: 0 0 50%;
+}
+.rfp-feature-description-container {
+  @media (min-width: @screen-sm-min) {
+    padding-right: 1em;
+    .rfp-section-feature-alt & {
+      padding-right: 0;
+      padding-left: 1em;
+    }
+  }
+}
+.rfp-feature-video-container {
+  @media (min-width: @screen-sm-min) {
+    padding-left: 1em;
+    .rfp-section-feature-alt & {
+      padding-left: 0;
+      padding-right: 1em;
+      order: -1;
+    }
+  }
+}
+.rfp-section-feature-alt {
+  color: #fff;
+  background-color: @ol-blue-gray-5;
+  @media (min-width: @screen-sm-min) {
+    text-align: right;
+  }
+}
+.rfp-section-feature-white {
+  background: #ffffff;
+}
+.rfp-section-testimonials {
+  background-color: @rfp-rp-blue-darkest;
+}
+.rfp-section-final {
+  background-color: @rfp-rp-blue-darker;
+}
+.rfp-section-wrapper {
+  max-width: @container-large-desktop;
+  margin: 0 auto;
+}
+// Elements
+.rfp-h1-masthead-portion {
+  display: inline-block;
+  transform: translate(150px, 0);
+  opacity: 0;
+  transition:
+    transform 0.8s ease 0s,
+    opacity 0.8s ease 0s;
+  &:nth-child(2) {
+    transition-delay: 0.5s, 0.5s;
+  }
+  &:nth-child(3) {
+    transition-delay: 0.5s, 0.5s;
+  }
+  &:nth-child(4) {
+    transition-delay: 1s, 1s;
+  }
+  &:nth-child(5) {
+    transition-delay: 1s, 1s;
+  }
+
+  .rfp-section-masthead-in & {
+    transform: translate(0, 0);
+    opacity: 1;
+  }
+}
+.rfp-video {
+  max-width: 100%;
+  box-shadow: @rfp-card-shadow;
+  border-radius: @rfp-border-radius;
+}
+.rfp-video-masthead {
+  width: 270px;
+  height: 163px;
+  margin-bottom: 2em;
+  transform: translate(0, 100px);
+  opacity: 0;
+  transition:
+    transform 0.8s ease 1s,
+    opacity 0.8s ease 1s;
+  box-shadow: none;
+  max-width: none;
+
+  @media (min-width: @screen-xs-min) {
+    width: 400px;
+    height: 241px;
+  }
+  @media (min-width: 600px) {
+    width: 525px;
+    height: 316px;
+  }
+  @media (min-width: @screen-sm-min) {
+    width: 633px;
+    height: 381px;
+  }
+  @media (min-width: @screen-sm-min) {
+    width: 697px;
+    height: 420px;
+  }
+  .rfp-section-masthead-in & {
+    transform: translate(0, 0);
+    opacity: 1;
+    box-shadow: @rfp-card-shadow;
+  }
+}
+.rfp-video-anim {
+  transition:
+    transform 0.8s ease,
+    opacity 0.8s ease;
+  transform: translate(100%, 0);
+  opacity: 0;
+}
+.rfp-video-anim-alt {
+  transform: translate(-100%, 0);
+}
+.rfp-video-anim-in {
+  transform: translate(0, 0);
+  opacity: 1;
+}
+.rfp-quote-section {
+  @media (min-width: @screen-md-min) {
+    display: flex;
+  }
+}
+.rfp-quote {
+  display: block;
+  width: 100%;
+  padding: 20px 40px;
+  border-left: 0;
+  max-width: 30em;
+  font-size: @rfp-lead-size;
+  quotes: '\201C' '\201D';
+  box-shadow: @rfp-card-shadow;
+  border-radius: @rfp-border-radius;
+  background-color: #fff;
+  color: @rfp-rp-blue-dark;
+  font-size: 1em;
+  margin: 0 auto 20px;
+
+  @media (min-width: @screen-xs-min) {
+    font-size: @rfp-lead-size;
+  }
+
+  @media (min-width: @screen-md-min) {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    flex: 0 1 50%;
+    margin-right: 20px;
+  }
+  // Override weird Boostrap default.
+  p {
+    display: block;
+  }
+  &:last-of-type {
+    @media (min-width: @screen-md-min) {
+      margin-right: 0;
+    }
+  }
+  &::before {
+    content: none;
+  }
+}
+.rfp-quote-main {
+  color: #ffffff;
+  display: block;
+  max-width: none;
+  border-left: 0;
+  margin: 0 auto;
+  padding: 0;
+  quotes: '\201C' '\201D';
+  font-size: @rfp-lead-size;
+  @media (min-width: @screen-md-min) {
+    display: flex;
+  }
+  // Override weird Boostrap default.
+  p {
+    display: block;
+  }
+  &::before {
+    content: none;
+  }
+}
+.rfp-quoted-text {
+  position: relative;
+  display: inline-block;
+  font-family: @font-family-serif;
+  font-style: italic;
+  text-align: left;
+  margin: 0 0 40px 0;
+  &::before {
+    content: open-quote;
+    display: block;
+    position: absolute;
+    font-family: @font-family-serif;
+    font-size: @rfp-lead-size;
+    line-height: inherit;
+    color: inherit;
+    left: -0.75em;
+  }
+  .rfp-quote-main & {
+    @media (min-width: @screen-md-min) {
+      flex: 1 1 70%;
+      margin: auto 40px auto auto;
+    }
+  }
+}
+.rfp-quoted-person {
+  display: inline-block;
+  font-size: 0.8em;
+  .rfp-quote-main & {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex: 0 0 30%;
+  }
+}
+.rfp-quoted-person-name {
+  margin: 0;
+}
+.rfp-quoted-person-affil {
+  margin: 0;
+  font-size: 0.8em;
+  &:hover,
+  &:focus {
+    text-decoration: none;
+    cursor: pointer;
+  }
+  .rfp-quote-main & {
+    color: #fff;
+    &:hover,
+    &:focus {
+      color: #fff;
+    }
+  }
+}
+.rfp-quoted-person-photo {
+  border-radius: 3em;
+  width: 6em;
+  margin-bottom: 20px;
+  .rfp-quote-main & {
+    margin-bottom: 0;
+    margin-right: 20px;
+  }
+}
+.rfp-users {
+  display: flex;
+  flex-wrap: wrap;
+  margin: 0 1em 2em;
+  @media (min-width: @screen-md-min) {
+    flex-wrap: nowrap;
+    align-items: center;
+  }
+}
+.rfp-user-container {
+  flex: 0 0 100%;
+  padding: 10px;
+  @media (min-width: @screen-xs-min) {
+    flex-basis: 50%;
+  }
+  @media (min-width: @screen-md-min) {
+    flex-basis: 25%;
+    padding: 20px;
+  }
+}
+.rfp-user-logo {
+  max-width: 100%;
+}
+.rfp-cta-container {
+  max-width: 40em;
+  margin: 0 auto;
+  padding: 40px;
+  background-color: #fff;
+  color: @rfp-rp-blue-dark;
+  box-shadow: @rfp-card-shadow;
+  border-radius: @rfp-border-radius;
+}
+.rfp-cta-header {
+  font-size: 1em;
+  padding: 0.2em 1em;
+}
+.rfp-cta-main {
+  display: block;
+  transition: transform 0.25s;
+  transform: translate(0, 0);
+}
+.rfp-cta-extra {
+  display: block;
+  position: absolute;
+  left: 50%;
+  text-transform: uppercase;
+  transition:
+    opacity 0.25s,
+    transform 0.25s;
+  transform: translate(-50%, 100%);
+  opacity: 0;
+  font-size: 0.5em;
+}
+.rfp-universities {
+  text-align: center;
+  img {
+    display: inline-block;
+    padding: 0 @padding-md;
+    width: 20%;
+    @media only screen and (max-width: @screen-sm-max) {
+      padding: @padding-md;
+      width: 50%;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/sprites.less b/services/web/frontend/stylesheets/app/sprites.less
new file mode 100644
index 0000000..038f42b
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/sprites.less
@@ -0,0 +1,104 @@
+.sprite-icon {
+  background-image: url('../../../public/img/sprite.png');
+}
+
+.sprite-icon-ko {
+  background-position: -0px -0px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-cn {
+  background-position: -0px -24px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-da {
+  background-position: -0px -48px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-de {
+  background-position: -0px -72px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-en {
+  background-position: -0px -96px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-es {
+  background-position: -0px -120px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-fi {
+  background-position: -0px -144px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-fr {
+  background-position: -0px -168px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-it {
+  background-position: -0px -192px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-ja {
+  background-position: -0px -216px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-cs {
+  background-position: -0px -240px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-nl {
+  background-position: -0px -264px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-no {
+  background-position: -0px -288px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-pl {
+  background-position: -0px -312px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-pt {
+  background-position: -0px -336px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-ru {
+  background-position: -0px -360px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-sv {
+  background-position: -0px -384px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-tr {
+  background-position: -0px -408px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-uk {
+  background-position: -0px -432px;
+  width: 24px;
+  height: 24px;
+}
+.sprite-icon-zh-CN {
+  background-position: -0px -456px;
+  width: 24px;
+  height: 24px;
+}
diff --git a/services/web/frontend/stylesheets/app/subscription.less b/services/web/frontend/stylesheets/app/subscription.less
new file mode 100644
index 0000000..7ec9f8d
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/subscription.less
@@ -0,0 +1,195 @@
+.form-helper {
+  display: inline-block;
+  width: 1.3em;
+  height: 1.3em;
+  line-height: 1.3;
+  vertical-align: initial;
+  background-color: @gray;
+  color: #fff;
+  font-weight: bolder;
+  border-radius: 50%;
+
+  &:hover,
+  &:focus {
+    color: #fff;
+    text-decoration: none;
+  }
+}
+
+.team-invite .message {
+  margin: 3em 0;
+}
+
+.team-invite-name {
+  word-break: break-word;
+}
+
+.capitalised {
+  text-transform: capitalize;
+}
+
+.back-btn {
+  padding: 0 10px 2px 12px;
+  border-radius: 50%;
+  border: none;
+  color: @gray-dark;
+
+  &:hover {
+    background-color: @neutral-20;
+    color: @gray-dark;
+  }
+
+  &:active {
+    background-color: @gray-lighter;
+  }
+}
+
+.row-link {
+  line-height: 24px;
+  color: @neutral-70 !important;
+  display: flex;
+  flex-direction: row;
+  text-decoration: none;
+  padding: 6px 0;
+
+  &.text-muted {
+    color: @neutral-40 !important;
+  }
+
+  a&:active,
+  a&:focus,
+  a&:hover {
+    text-decoration: none;
+    outline: none;
+    background-color: @gray-lightest;
+  }
+
+  .icon {
+    display: flex;
+    flex: 1 1 5%;
+    padding: 0 16px;
+    margin-top: 16px;
+    > span {
+      font-size: 16px;
+    }
+
+    &.arrow {
+      margin-top: 12px;
+      > span {
+        font-size: 24px;
+      }
+    }
+  }
+
+  .text {
+    flex: 1 1 90%;
+    display: flex;
+    flex-direction: column;
+    .text-truncate;
+
+    .heading {
+      font-weight: @btn-font-weight;
+      .text-truncate;
+    }
+    .subtext {
+      font-weight: 400;
+      .text-truncate;
+    }
+  }
+}
+
+.check-icon {
+  background-color: #ebf6ea;
+  border-radius: 50%;
+  color: #5bb553;
+  height: 20px;
+  width: 20px;
+}
+
+.payment-summary-card {
+  &:extend(.card-gray);
+  border-radius: @border-radius-large-new;
+
+  h3 {
+    margin-top: 0;
+    margin-bottom: @spacing-08;
+    font-family: @font-family-sans-serif;
+    font-weight: 600;
+    color: @content-secondary;
+  }
+}
+
+.pricing-warning-heading {
+  font-size: @font-size-03;
+  font-weight: 600;
+  font-family: @font-family-sans-serif;
+  margin-top: 0;
+  color: @content-primary-on-dark-bg;
+}
+
+.add-on-card {
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-05);
+  gap: var(--spacing-05);
+  border: 1px solid var(--neutral-20);
+  border-radius: var(--border-radius-base-new);
+
+  .add-on-card-icon {
+    width: 40px;
+    height: 40px;
+  }
+
+  .add-on-card-content {
+    display: flex;
+    flex-direction: column;
+
+    .small {
+      .body-sm;
+    }
+  }
+
+  .heading {
+    .body-base;
+    font-weight: 600;
+  }
+
+  .description {
+    color: @content-secondary;
+  }
+
+  .highlight {
+    color: @content-primary;
+  }
+
+  .add-on-options-toggle {
+    padding: var(--spacing-04);
+    font-size: 0;
+    line-height: 1;
+    border: none;
+    border-radius: 50%;
+
+    &::after {
+      content: none;
+    }
+  }
+}
+
+.group-heading {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-04);
+  margin-bottom: var(--spacing-06);
+
+  .heading {
+    margin: 0;
+  }
+
+  .back-btn {
+    display: flex;
+    align-items: center;
+    width: 42px;
+    height: 42px;
+    text-decoration: none;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/templates-v2.less b/services/web/frontend/stylesheets/app/templates-v2.less
new file mode 100644
index 0000000..67edecb
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/templates-v2.less
@@ -0,0 +1,189 @@
+// some still used by portals
+
+.gallery-item-title {
+  * {
+    vertical-align: middle;
+  }
+  margin-top: @line-height-computed; // match h1 header margin-top
+  margin-bottom: @margin-xl;
+  h1 {
+    display: inline;
+    margin: 0;
+  }
+}
+.gallery-official {
+  margin-left: @margin-sm;
+  &:extend(.label);
+  &:extend(.label-info);
+  cursor: default;
+  font-size: 14px;
+  padding: 3px 8px;
+}
+
+.field-title {
+  font-weight: bold;
+}
+
+.filters {
+  float: right;
+  margin-bottom: @margin-lg;
+
+  @media (max-width: @screen-md-min) {
+    float: none;
+  }
+}
+
+.cta-links {
+  .cta-link.btn {
+    margin: 0 @margin-sm @margin-sm 0;
+  }
+}
+
+.popular-tags {
+  .gallery-thumbnail {
+    margin: 0 0 1em 0 !important;
+  }
+}
+
+.tag-link {
+  margin: 0 @margin-xs @margin-sm 0;
+  max-width: 100%;
+  white-space: inherit;
+}
+
+.gallery-abstract {
+  word-break: break-word;
+  hyphens: auto;
+  a {
+    hyphens: none;
+  }
+}
+
+.gallery-thumbnail {
+  display: inline-block;
+  margin: 0 0 2em;
+  width: 100%;
+
+  .thumbnail {
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    margin: 0 0 @margin-sm 0;
+    padding: 0px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
+    width: 100%;
+
+    h3 {
+      color: @link-color-alt;
+      margin: 10px 0px 10px 20px;
+    }
+
+    &.thumbnail-tag {
+      height: 100px;
+    }
+  }
+
+  .caption {
+    // Override Server Pro template styles
+    background: none;
+    border: none;
+    text-align: center;
+  }
+
+  .caption__description {
+    font-style: italic;
+    padding: 0 0 5px 0;
+    .text-overflow();
+  }
+
+  .gallery-list-item-title {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    * {
+      flex-basis: content;
+      cursor: inherit;
+    }
+  }
+
+  .caption__title {
+    text-align: center;
+    .text-overflow();
+  }
+
+  a {
+    &:hover {
+      text-decoration: none; // disable underlining label
+      .caption__title {
+        text-decoration: underline;
+      }
+    }
+  }
+}
+
+.gallery-large-pdf-preview {
+  border: solid 1px @gray-lightest;
+  margin-top: @margin-lg;
+  img {
+    max-width: 100%;
+  }
+}
+
+@top-picks-banner-extra-width: 50px;
+.top-picks-banner {
+  padding: 0px;
+  width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+
+  @media (min-width: (@screen-lg-min + @top-picks-banner-extra-width)) {
+    width: @container-lg + @top-picks-banner-extra-width;
+  }
+
+  @media (max-width: (@screen-lg-min + @top-picks-banner-extra-width - 1)) {
+    border-radius: 0;
+  }
+}
+
+.gallery-top-pick-badge {
+  margin-left: @margin-sm;
+  &:extend(.label);
+  &:extend(.label-primary);
+  cursor: default;
+  font-size: 14px;
+  padding: 3px 8px;
+}
+
+/* Media Queries */
+@media (max-width: @screen-xs-max) {
+  .gallery-container {
+    column-count: 2;
+    column-gap: 2em;
+  }
+}
+@media (min-width: @screen-sm-min) {
+  .gallery-container {
+    &.use-column {
+      column-count: 3;
+      column-gap: 3em;
+    }
+    &.use-percent {
+      margin: 0 -1.5em;
+      .gallery-thumbnail {
+        width: 33.3333333%;
+        padding: 0 1.5em;
+      }
+    }
+  }
+}
+@media (min-width: @screen-md-min) {
+  .gallery-large-pdf-preview {
+    margin-top: 0;
+  }
+}
+
+.section-tags {
+  margin-bottom: @margin-xl;
+  margin-top: @margin-md;
+}
diff --git a/services/web/frontend/stylesheets/app/templates.less b/services/web/frontend/stylesheets/app/templates.less
new file mode 100644
index 0000000..6c1036c
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/templates.less
@@ -0,0 +1,69 @@
+.template-page-header {
+  padding-top: unit(@line-height-base, rem);
+  h1,
+  h2 {
+    margin-top: 6px;
+    margin-right: @line-height-base * 5;
+    line-height: 1;
+  }
+}
+
+.template-thumbnail {
+  .thumbnail {
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    img {
+      width: 100%;
+    }
+  }
+
+  a {
+    padding: 0px;
+    h3 {
+      color: @link-color;
+      margin: 10px 0px 10px 20px;
+    }
+  }
+
+  .caption {
+    background: lighten(@gray-lightest, 3%);
+    border-top: 1px solid #ddd;
+  }
+}
+
+.template-section-header:extend(.page-header) {
+  margin-top: 0px;
+}
+
+.download-buttons,
+.social_buttons {
+  padding-top: 20px;
+}
+
+.sample-template {
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+}
+
+.template-details-section {
+  padding-bottom: 20px;
+  .btn {
+    margin-left: 6px;
+  }
+}
+
+.searchResult {
+  h1 {
+    color: @link-color;
+  }
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+}
+
+.template-large-pdf-preview {
+  img {
+    max-width: 100%;
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/translations.less b/services/web/frontend/stylesheets/app/translations.less
new file mode 100644
index 0000000..01cb6ab
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/translations.less
@@ -0,0 +1,21 @@
+.translations-message {
+  .system-message;
+  text-align: center;
+  img {
+    vertical-align: text-bottom;
+    margin-bottom: -1px;
+  }
+
+  .close {
+    color: #fff;
+    opacity: 1;
+    text-shadow: none;
+  }
+  a {
+    color: #fff;
+    &:hover,
+    &:focus {
+      color: #fff;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/website-redesign.less b/services/web/frontend/stylesheets/app/website-redesign.less
new file mode 100644
index 0000000..f66bd83
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/website-redesign.less
@@ -0,0 +1,1186 @@
+@cta-card-bg-color: var(--dark-jungle-green);
+
+.website-redesign-overflow-unset {
+  overflow: unset !important;
+}
+
+.website-redesign {
+  // hero section of features, enterprises, and universities will have an image that will overflow the page
+  overflow-x: hidden;
+
+  p,
+  div,
+  h1,
+  h2,
+  h3,
+  h4,
+  a,
+  strong {
+    font-family: 'Noto Sans', sans-serif;
+  }
+
+  h1 {
+    font-weight: 600;
+    .heading-2xl();
+
+    @media (max-width: @screen-sm-max) {
+      .heading-xl();
+    }
+  }
+
+  h2 {
+    font-weight: 600;
+    margin-top: 0;
+    .heading-xl();
+
+    @media (max-width: @screen-sm-max) {
+      .heading-lg();
+    }
+  }
+
+  h3 {
+    font-weight: 600;
+  }
+
+  h1,
+  h2,
+  h3 {
+    > span.eyebrow-text {
+      display: block;
+      margin-bottom: @margin-xs;
+    }
+  }
+
+  .eyebrow-text {
+    .mono-text;
+  }
+
+  // override .btn default style
+  .btn {
+    font-weight: 600;
+  }
+
+  .img-rounded {
+    // TODO: design specifies 'border-radius-large' which is 5px, but uses 16px
+    border-radius: 16px;
+  }
+
+  .plans-cards {
+    @media (min-width: @screen-md-min) {
+      display: flex; /* equal heights */
+      flex-wrap: wrap;
+    }
+
+    .plans-card-container {
+      min-height: 348px;
+
+      @media (max-width: @screen-sm-max) {
+        margin-bottom: 16px;
+        min-height: unset;
+      }
+    }
+
+    .plans-card {
+      border-radius: 8px;
+      padding: 0;
+      height: 100%;
+
+      .plans-card-inner {
+        padding: 36px;
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        font-size: 16px;
+
+        .plans-card-inner-title {
+          font-size: 20px;
+          font-weight: 600;
+          margin-top: 0;
+        }
+
+        ul {
+          list-style-type: none;
+          padding: 0;
+          margin: 0;
+
+          li {
+            margin-bottom: 8px;
+          }
+        }
+
+        .plans-card-inner-footer {
+          margin-top: auto;
+          display: flex;
+          flex-direction: column;
+          gap: 12px;
+
+          @media (max-width: @screen-sm-max) {
+            margin-top: 16px;
+          }
+        }
+      }
+
+      &.grey-border {
+        border: 2px solid var(--neutral-20);
+      }
+
+      &.blue-border {
+        border: solid 2px var(--sapphire-blue);
+        border-radius: 8px;
+
+        .plans-card-inner-title {
+          color: var(--sapphire-blue);
+        }
+      }
+    }
+  }
+
+  .plans-bottom-text {
+    font-size: 1.125rem;
+  }
+
+  .info-cards {
+    @media (min-width: @screen-md-min) {
+      display: flex; /* equal heights */
+      flex-wrap: wrap;
+    }
+
+    .info-card-container {
+      margin-bottom: 16px;
+
+      .info-card {
+        border-radius: 8px;
+        height: 100%;
+        box-shadow:
+          0px 2px 4px 0px #1e253014,
+          0px 4px 12px 0px #1e25301f;
+        border-top: 8px solid var(--sapphire-blue);
+        padding: 32px 40px 32px 40px;
+
+        &.info-card-big-text {
+          h3 {
+            font-size: 1.5rem;
+            line-height: 1.333;
+          }
+
+          p {
+            font-size: 1.125rem;
+            line-height: 1.333;
+          }
+        }
+
+        i.material-symbols {
+          color: var(--sapphire-blue);
+        }
+      }
+    }
+  }
+
+  .security-heading-section {
+    @media (max-width: @screen-sm-max) {
+      p {
+        text-align: left;
+      }
+
+      h2 {
+        width: 100%;
+        text-align: left;
+      }
+    }
+
+    .heading-and-stickers-container {
+      display: flex;
+      justify-content: center;
+
+      .lock-sticker {
+        width: 70px;
+        position: absolute;
+        top: -95px;
+        right: -50px;
+
+        @media (max-width: @screen-lg) {
+          right: -105px;
+        }
+
+        @media (max-width: @screen-sm-max) {
+          display: none;
+        }
+      }
+
+      .arrow-sticker {
+        width: 140px;
+        position: absolute;
+        top: -50px;
+        right: -15px;
+
+        @media (max-width: @screen-lg) {
+          right: -70px;
+        }
+        @media (max-width: @screen-sm-max) {
+          display: none;
+        }
+      }
+    }
+  }
+
+  .customer-story-card-title {
+    margin-top: 25px;
+    margin-bottom: 12.5px;
+    font-size: 1.5rem;
+    font-weight: 600;
+
+    a {
+      display: flex;
+      justify-content: space-between;
+      color: var(--neutral-90);
+      i {
+        font-size: 1.5rem;
+      }
+    }
+  }
+
+  .customer-story-content {
+    .table-of-contents-section {
+      padding-right: 64px;
+      @media (max-width: @screen-sm-max) {
+        display: none;
+      }
+
+      .table-of-contents {
+        border-top: 1px solid var(--neutral-30);
+        border-bottom: 1px solid var(--neutral-30);
+        padding: 32px 0;
+
+        .heading {
+          font-size: 1.125rem;
+          font-weight: 600;
+          line-height: 1.333;
+          color: var(--green-60);
+        }
+        li {
+          list-style: none;
+          padding-top: 16px;
+          font-weight: 500;
+          a {
+            text-decoration: none;
+            color: var(--neutral-70);
+          }
+        }
+      }
+    }
+
+    .story-details-section {
+      h3 {
+        font-size: 1.875rem;
+        line-height: 1.333;
+        margin-top: 0;
+      }
+
+      .at-glance-section {
+        padding-top: 24px;
+        p {
+          margin-top: 16px;
+        }
+      }
+
+      p {
+        font-size: 1.125rem;
+      }
+
+      .border-r-16 {
+        border-radius: 16px;
+      }
+
+      .introduction-image-caption {
+        padding-top: 16px;
+      }
+
+      .stats-card {
+        display: flex;
+        flex-direction: row;
+        padding: 32px;
+        border-radius: 16px;
+        background: var(--dark-jungle-green);
+        color: var(--white);
+        @media (max-width: @screen-sm-max) {
+          flex-direction: column;
+        }
+
+        .stats {
+          h3 {
+            font-size: 2rem;
+            font-weight: 600;
+          }
+
+          p {
+            font-weight: 600;
+            height: 50px;
+          }
+        }
+      }
+    }
+
+    .customer-quote {
+      border-left: 2px solid var(--green-60);
+      padding-left: 16px;
+
+      blockquote {
+        color: var(--neutral-90);
+        font-size: 1.6rem;
+        line-height: 1.333;
+      }
+
+      p {
+        margin-top: 1rem;
+        font-size: 1.125rem;
+      }
+    }
+  }
+
+  .features-card {
+    display: flex; /* equal heights */
+    flex-wrap: wrap;
+    align-items: center;
+
+    .features-card-media,
+    .features-card-media-right {
+      padding-top: 24px;
+
+      img.img-responsive {
+        width: 100%;
+      }
+
+      video {
+        box-shadow:
+          0px 4px 6px 0px rgba(30, 37, 48, 0.12),
+          0px 8px 16px 0px rgba(30, 37, 48, 0.12);
+        max-height: 100%;
+        width: auto;
+        width: 100%;
+      }
+
+      @media (max-width: @screen-sm-max) {
+        margin-bottom: 50px;
+      }
+    }
+
+    @media (min-width: @screen-md-min) {
+      .features-card-media-right {
+        padding-left: 64px;
+      }
+
+      .features-card-media {
+        padding-right: 64px;
+      }
+    }
+
+    .features-card-description,
+    .features-card-description-list {
+      padding-top: 16px;
+
+      p {
+        margin-bottom: 16px;
+        font-size: 1.125rem;
+        line-height: 1.333;
+
+        @media (max-width: @screen-sm-max) {
+          font-size: 1rem;
+          line-height: 1.375;
+        }
+      }
+
+      a.green-link {
+        margin-top: 4px;
+        display: block;
+      }
+    }
+
+    .features-card-description {
+      h3 {
+        font-size: 1.5rem;
+        line-height: 1.4;
+        margin-bottom: 8px;
+      }
+    }
+
+    .features-card-description-list {
+      h3 {
+        font-size: 1.875rem;
+        line-height: 1.5;
+      }
+
+      ul.list-simple-text,
+      ul.list-heading-text {
+        list-style-type: none;
+        padding: 0;
+        margin: 0;
+
+        li {
+          margin-bottom: 12px;
+          font-size: 1.125rem;
+          line-height: 1.333;
+          display: flex;
+
+          .label-premium {
+            margin-left: 0;
+            font-family: 'Noto Sans', sans-serif;
+          }
+
+          @media (max-width: @screen-sm-max) {
+            font-size: 1rem;
+            line-height: 1.375;
+          }
+        }
+      }
+
+      ul.list-heading-text {
+        li {
+          h4 {
+            margin-top: 0;
+            margin-bottom: 8px;
+            font-size: 20px;
+            font-weight: 600;
+          }
+        }
+      }
+    }
+  }
+
+  .features-card-hero {
+    display: flex; /* equal heights */
+    flex-wrap: wrap;
+    align-items: center;
+    position: relative;
+    height: 655px;
+    padding-top: @line-height-computed * 2;
+
+    @media (max-width: @screen-sm-max) {
+      height: unset;
+      padding-top: 0;
+    }
+
+    .features-card-description {
+      display: flex;
+      flex-direction: column;
+      justify-content: center;
+
+      h1 {
+        &.features-card-hero-smaller-title {
+          @media (min-width: @screen-lg-min) {
+            // 3rem is the default, this is a workaround for big screen
+            // since 6-width column on md screen size will wrap the text in three lines
+            font-size: 2.8rem;
+          }
+        }
+      }
+
+      p {
+        font-size: 1.25rem;
+        width: 90%;
+
+        @media (max-width: @screen-sm-max) {
+          font-size: 1.125rem;
+          line-height: 1.33;
+          width: unset;
+        }
+      }
+    }
+
+    .features-card-image {
+      position: absolute;
+      // on wide screen, image will be fixed without any variable width translation
+      transform: translateX(600px);
+      top: 100px;
+      width: 720px;
+      height: auto;
+      padding: 0px 15px;
+
+      // starting from 1500px, image will have a variable translation that depends on screen width
+      // this will make image "fixed" on a specific point on the screen
+      @media (max-width: 1500px) {
+        transform: translateX(calc(50vw - 121px));
+      }
+
+      @media (max-width: 1400px) {
+        width: 650px;
+        transform: translateX(calc(50vw - 52px));
+      }
+
+      // bootstrap layout changes on 1200px (@screen-lg), add a specific
+      // case for this exact width
+      @media (min-width: 1200px) and (max-width: 1200px) {
+        width: 600px;
+        transform: translateX(calc(50vw));
+      }
+
+      @media (max-width: 1199px) {
+        width: 600px;
+        transform: translateX(calc(50vw - 106px));
+      }
+
+      @media (max-width: 1100px) {
+        width: 550px;
+        transform: translateX(calc(50vw - 55px));
+      }
+
+      // 991px
+      @media (max-width: @screen-sm-max) {
+        position: relative;
+        transform: none;
+        top: 0;
+        width: 100%;
+        margin-bottom: 50px;
+      }
+
+      img.img-responsive {
+        width: 100%;
+      }
+    }
+
+    .sticky-tags {
+      position: absolute;
+      z-index: 2;
+      height: 160px;
+      bottom: -105px;
+      right: 55px;
+
+      @media (max-width: 1400px) {
+        height: 150px;
+        bottom: -103px;
+        right: 47px;
+      }
+
+      @media (max-width: 1200px) {
+        height: 130px;
+        bottom: -87px;
+      }
+
+      @media (max-width: 1100px) {
+        height: 120px;
+        bottom: -81px;
+      }
+
+      // 991px
+      @media (max-width: @screen-sm-max) {
+        height: 130px;
+        bottom: -75px;
+        right: 70px;
+      }
+
+      // 767px
+      @media (max-width: @screen-xs-max) {
+        height: 24%;
+        bottom: -10vw; // scale with width
+        right: 9.5vw; // scale with width
+      }
+    }
+  }
+
+  .organization-logos-container {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+
+    @media (max-width: @screen-md-max) {
+      flex-wrap: wrap;
+      gap: 30px;
+    }
+
+    .organization-logo {
+      object-fit: contain;
+      max-height: 62px;
+
+      &.samsung-logo {
+        max-height: 110px;
+        height: 110px;
+      }
+
+      @media (max-width: @screen-md-max) {
+        max-height: 40px;
+        flex-basis: 34%;
+      }
+    }
+  }
+
+  .template-cards {
+    .template-card {
+      > img.img-responsive {
+        width: 100%;
+        border-radius: 8px;
+      }
+
+      .template-card-title {
+        font-size: 24px;
+        margin-top: 16px;
+        margin-bottom: 8px;
+
+        a {
+          width: 100%;
+          font-weight: 600;
+          color: var(--neutral-90);
+          display: inline-flex;
+          justify-content: space-between;
+          text-decoration: none;
+
+          &:hover {
+            text-decoration: underline;
+          }
+        }
+
+        i.material-symbols {
+          vertical-align: middle;
+          text-decoration: none;
+        }
+      }
+
+      .template-card-text {
+        font-size: 16px;
+      }
+
+      &:not(:last-of-type) {
+        @media (max-width: @screen-sm-max) {
+          margin-bottom: 40px;
+        }
+      }
+    }
+  }
+
+  .lime-color-text {
+    color: var(--malachite);
+  }
+
+  .cta-card-individual-customer {
+    display: flex;
+    justify-content: space-between;
+    padding: 64px;
+    background-image: linear-gradient(
+        to right,
+        rgba(0, 0, 0, 0.4) 0%,
+        @cta-card-bg-color 20%,
+        @cta-card-bg-color 100%
+      ),
+      url('../../../public/img/website-redesign/overleaf-pattern-purple.png');
+    background-size: cover;
+    color: var(--white);
+    border-radius: 8px;
+
+    @media (max-width: @screen-sm-max) {
+      padding: 48px 24px;
+    }
+
+    h2 {
+      font-size: 1.875rem;
+      color: var(--white);
+    }
+    p {
+      font-size: 1.125rem;
+    }
+
+    .btn-container {
+      padding-top: 10px;
+      display: flex;
+      justify-content: center;
+      align-items: flex-start;
+    }
+  }
+
+  .paragraph-line-height {
+    line-height: 1.333; // 24px
+  }
+
+  .cta-card {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 64px;
+    color: var(--white);
+    background-image: linear-gradient(
+        to right,
+        rgba(0, 0, 0, 0.4) 0%,
+        @cta-card-bg-color 25%,
+        @cta-card-bg-color 75%,
+        rgba(0, 0, 0, 0.4) 100%
+      ),
+      url('../../../public/img/website-redesign/overleaf-pattern-purple.png');
+    background-size: cover;
+    border-radius: 8px;
+
+    @media (max-width: @screen-sm-max) {
+      padding: 48px 24px;
+    }
+
+    .cta-card-title {
+      font-size: 3.25rem; // 52px
+      margin-bottom: 8px;
+      line-height: 1.3;
+
+      &.title-mono {
+        > span {
+          // override Noto Sans
+          .dm-mono;
+        }
+      }
+
+      span.purple-color {
+        color: #939aff;
+        font-weight: 400;
+      }
+
+      span.lime-color {
+        font-weight: 500;
+        color: var(--malachite);
+      }
+
+      @media (max-width: @screen-sm-max) {
+        font-size: 2.25rem; // 36px
+      }
+    }
+
+    .cta-card-text {
+      font-size: 1.125rem;
+      line-height: 1.333;
+      margin: 8px 0;
+      text-align: center;
+    }
+
+    .cta-card-quote {
+      font-size: 1.875rem; // 30px
+      font-weight: 600;
+      line-height: 2.5rem; // 40px
+      letter-spacing: 0em;
+      text-align: center;
+    }
+  }
+
+  .quote-card {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: 32px;
+    background: var(--dark-jungle-green);
+    color: white;
+    border-radius: 16px;
+    text-align: center;
+
+    blockquote {
+      font-size: 1.875rem; // 30px
+      font-weight: 600;
+      line-height: 1.26;
+
+      @media (max-width: @screen-sm-max) {
+        font-size: 1.5rem; // 24px
+        line-height: 1.333;
+      }
+    }
+
+    .quote-card-img {
+      margin-top: 32px;
+      margin-bottom: 16px;
+    }
+
+    .quote-card-link {
+      color: var(--green-30);
+    }
+
+    @media (max-width: @screen-sm-max) {
+      padding: 56px 24px 56px 24px;
+    }
+  }
+
+  .integrations-card {
+    display: flex; /* for center align */
+    flex-wrap: wrap;
+    align-items: center;
+
+    .integrations-icons {
+      img {
+        width: 6rem; // 96px
+        height: 6rem; // 96px
+      }
+
+      .first-row,
+      .second-row {
+        display: flex;
+      }
+
+      .first-row {
+        justify-content: space-between;
+      }
+
+      .second-row {
+        margin-top: 40px;
+        justify-content: space-evenly;
+      }
+    }
+  }
+
+  .text-with-bg {
+    .dm-mono;
+    padding: 0 @padding-sm;
+    border-radius: 10px;
+    margin-top: 5px;
+
+    // will make all spans content inline while avoiding overflowing the viewport in mobile
+    // https://developer.mozilla.org/en-US/docs/Web/CSS/display#flow-root
+    // https://css-tricks.com/display-flow-root/
+    display: inline flow-root;
+
+    &.tangerine-bg {
+      background-color: var(--vivid-tangerine);
+    }
+
+    &.purple-bg {
+      background-color: var(--ceil);
+    }
+
+    &.yellow-bg {
+      background-color: var(--caramel);
+    }
+
+    &.green-bg {
+      background-color: var(--green-30);
+    }
+  }
+
+  .security-info {
+    .security-info-first-row {
+      margin-bottom: 32px;
+      @media (max-width: @screen-sm-max) {
+        margin-bottom: 0;
+      }
+    }
+
+    .security-info-item {
+      @media (max-width: @screen-sm-max) {
+        margin-bottom: 16px;
+      }
+    }
+  }
+
+  .resources {
+    @media (min-width: @screen-md-min) {
+      display: flex; /* equal heights */
+      flex-wrap: wrap;
+    }
+    .resources-card {
+      display: flex;
+      flex-wrap: wrap;
+      flex-direction: column;
+      margin-bottom: 48px;
+      align-content: flex-start;
+
+      @media (max-width: @screen-sm-max) {
+        margin-bottom: 16px;
+      }
+
+      img {
+        width: 56px;
+      }
+
+      h3 {
+        width: 100%;
+      }
+
+      a {
+        margin-top: auto;
+      }
+    }
+  }
+
+  .centered-block {
+    @media (min-width: @screen-md-min) {
+      text-align: center;
+    }
+  }
+
+  .heading-section-md-align-left {
+    @media (max-width: @screen-md-min) {
+      display: flex;
+      flex-direction: column;
+      align-items: baseline;
+
+      h2 {
+        text-align: left;
+      }
+      p {
+        text-align: left;
+      }
+    }
+  }
+
+  .dm-mono {
+    font-family: 'DM Mono', monospace;
+    // We're using the "ss05" (stylistic set 5) version of the DM Mono, by setting the `font-feature-settings` rule
+    // https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings
+    // We use the ss05 specifically to remove the "squiggle" below the f letter.
+    // You can try removing the `font-feature-settings` rule and check what happens to the letter "f",
+    // as it's quite hard to describe it with sentences alone
+    font-feature-settings: 'ss05';
+  }
+
+  .mono-text {
+    .dm-mono;
+    color: var(--green-60);
+    font-size: 1.125rem;
+    font-weight: 500;
+    line-height: 1.5rem;
+    margin: 0;
+  }
+
+  .customer-stories-hero-heading {
+    @media (max-width: @screen-sm-max) {
+      font-size: 2.25rem;
+      line-height: 1.333;
+    }
+  }
+
+  .customer-stories-hero-text {
+    font-size: 1.25rem;
+  }
+
+  .customer-stories-logos-text {
+    font-size: 1.125rem;
+  }
+
+  .link-with-arrow {
+    .dm-mono;
+    font-size: var(--font-size-04);
+    line-height: var(--line-height-03);
+    font-weight: 500;
+    color: var(--green-50);
+
+    i.material-symbols {
+      vertical-align: middle;
+      padding-bottom: 3px;
+      font-size: 24px;
+      line-height: inherit;
+      margin-left: var(--spacing-02);
+    }
+
+    &:hover {
+      color: var(--green-60);
+    }
+  }
+
+  .link-monospace {
+    .dm-mono;
+    font-weight: 500;
+    color: var(--green-50);
+    &:hover {
+      color: var(--green-60);
+    }
+  }
+
+  .green-link {
+    .link-with-arrow;
+    // TODO: replace .green-link uses with .link-with-arrow
+  }
+
+  .inline-green-link {
+    color: var(--green-50);
+    padding: 0;
+    text-decoration: underline;
+    // text-decoration-;skip-ink is for letter with descender (like 'g' and 'y')
+    // this will force underline to not skip the descender
+    text-decoration-skip-ink: none;
+
+    &:hover {
+      color: var(--green-60);
+    }
+
+    &:focus {
+      &:extend(.input-focus-style);
+    }
+  }
+
+  .btn-blue {
+    background: var(--sapphire-blue);
+    color: var(--white);
+
+    &:hover {
+      background: var(--sapphire-blue-dark);
+    }
+  }
+
+  .btn-primary {
+    &:not([disabled]) {
+      background: var(--green-50);
+      color: var(--white);
+
+      &:hover {
+        background: var(--green-60);
+      }
+    }
+  }
+
+  a {
+    &:focus,
+    &:focus-visible {
+      outline: 0;
+    }
+
+    &:focus-visible {
+      .box-shadow-button-input();
+    }
+
+    i {
+      vertical-align: middle;
+      margin-left: var(--spacing-02);
+      padding-bottom: 3px;
+    }
+
+    &.link-lg {
+      font-size: var(--font-size-04);
+      line-height: var(--line-height-03);
+
+      i {
+        font-size: 24px;
+        line-height: inherit;
+      }
+    }
+  }
+
+  .round-background {
+    border-radius: 50%;
+    font-size: 1.5rem;
+    top: 4px;
+    vertical-align: middle;
+    margin-right: 8px;
+    width: 24px;
+    height: 24px;
+  }
+
+  .green-round-background {
+    .round-background;
+    background: var(--green-30);
+  }
+
+  .blue-round-background {
+    .round-background;
+    background: var(--blue-10);
+    color: var(--blue-40);
+  }
+
+  // most of these are here to replace rules from core/type.less
+  blockquote {
+    border-left: none;
+    font-size: 1.875rem;
+    line-height: 1.333;
+    font-weight: 600;
+    quotes: '\201C' '\201D'; // override default quotes
+    padding: unset;
+    margin: unset;
+    font-family: 'Noto Sans', sans-serif;
+
+    &::after {
+      visibility: visible;
+      display: inline;
+      margin-left: 1px; // it's too tight to the text otherwise
+    }
+
+    &::before {
+      color: inherit;
+      margin-right: 0;
+      vertical-align: 0;
+    }
+
+    &::after,
+    &::before {
+      font-size: 1.875rem;
+      line-height: 1.333;
+    }
+
+    @media (max-width: @screen-sm-max) {
+      font-size: 1.5rem;
+      line-height: 1.333;
+
+      &::after,
+      &::before {
+        visibility: visible;
+        font-size: 1.5rem;
+        line-height: 1.333;
+      }
+    }
+  }
+
+  .circle-img {
+    height: 64px;
+    max-width: 64px;
+  }
+
+  .responsive-button-container {
+    display: flex;
+    margin-top: 24px;
+    gap: 16px;
+
+    &.centered-buttons {
+      justify-content: center;
+    }
+
+    &.align-left-button-sm {
+      @media (max-width: @screen-sm-max) {
+        justify-content: start;
+      }
+    }
+
+    @media (max-width: @screen-xs-max) {
+      width: 100%;
+      flex-direction: column;
+    }
+  }
+
+  .label-premium {
+    height: 20px; // override default height
+  }
+
+  .label-premium-block-md {
+    @media (max-width: @screen-md-max) {
+      display: block;
+      width: fit-content;
+      margin: 10px 0px 0px 0px;
+    }
+  }
+
+  .header-description {
+    p {
+      font-size: 1.25rem;
+      line-height: 1.4;
+      margin-bottom: 0;
+
+      @media (max-width: @screen-sm-max) {
+        font-size: 1.125rem;
+        line-height: 1.33;
+      }
+    }
+  }
+
+  .editor-pdf-video {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 585px;
+    padding: 0px 15px;
+
+    @media (max-width: @screen-sm-max) {
+      height: auto;
+    }
+
+    video {
+      box-shadow: 0px 60px 25px -15px rgba(16, 24, 40, 0.2);
+      max-height: 100%;
+      width: auto;
+
+      @media (max-width: @screen-sm-max) {
+        width: 100%;
+      }
+    }
+  }
+
+  .overleaf-sticker {
+    float: right;
+
+    @media (max-width: @screen-sm-max) {
+      width: 74px; // 70% of 106px
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/app/wiki.less b/services/web/frontend/stylesheets/app/wiki.less
new file mode 100644
index 0000000..039bb17
--- /dev/null
+++ b/services/web/frontend/stylesheets/app/wiki.less
@@ -0,0 +1,274 @@
+.wiki {
+  .contents {
+    ul {
+      padding: 0;
+      li {
+        font-size: 14px;
+        list-style: none;
+        margin-bottom: 6px;
+      }
+    }
+
+    h2 {
+      font-size: 18px;
+    }
+  }
+
+  .page-header {
+    a {
+      font-size: 0.8em;
+      line-height: 1;
+    }
+  }
+
+  .editsection {
+    display: none;
+  }
+
+  .toctogglespan {
+    display: none;
+  }
+  .toc {
+    ul {
+      list-style: none;
+      .tocnumber::after {
+        content: '.';
+      }
+    }
+  }
+
+  table {
+    th,
+    td {
+      padding: (@line-height-computed / 4) (@line-height-computed / 2);
+      border-bottom: 1px solid @gray-lighter;
+    }
+    th {
+      font-weight: 700;
+      text-align: left;
+      font-family: @font-family-serif;
+    }
+    margin-bottom: @line-height-computed / 2;
+  }
+  .table-no-borders {
+    th,
+    td {
+      border: 0px;
+    }
+  }
+
+  .example {
+    max-width: 100%;
+
+    .code {
+      pre {
+        background-color: @gray-lightest;
+        border-radius: 6px;
+        padding: (@line-height-computed / 2);
+        white-space: pre-wrap;
+        margin: 0;
+      }
+    }
+    .output {
+      text-align: center;
+      padding-top: 10px;
+
+      img {
+        width: auto;
+        height: auto;
+        max-width: 100%;
+        box-shadow: 0 1px 3px @gray-light;
+        border-radius: 6px;
+      }
+    }
+  }
+  @media (min-width: 1360px) {
+    .example {
+      margin-right: -200px;
+    }
+  }
+  @media (max-width: @screen-sm) {
+    .contents {
+      margin-top: @margin-lg;
+    }
+  }
+
+  /*<![CDATA[*/
+  .source-latex {
+    line-height: normal;
+  }
+  .source-latex li,
+  .source-latex pre {
+    line-height: normal;
+    border: 0px none white;
+  }
+  /**
+	 * GeSHi Dynamically Generated Stylesheet
+	 * --------------------------------------
+	 * Dynamically generated stylesheet for latex
+	 * CSS class: source-latex, CSS id:
+	 * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
+	 * (http://qbnz.com/highlighter/ and http://geshi.org/)
+	 * --------------------------------------
+	 */
+  .latex.source-latex .imp {
+    font-weight: bold;
+    color: red;
+  }
+  .latex.source-latex li,
+  .latex.source-latex .li1 {
+    font-weight: normal;
+    vertical-align: top;
+  }
+  .latex.source-latex .ln {
+    width: 1px;
+    text-align: right;
+    margin: 0;
+    padding: 0 2px;
+    vertical-align: top;
+  }
+  .latex.source-latex .li2 {
+    font-weight: bold;
+    vertical-align: top;
+  }
+  .latex.source-latex .kw1 {
+    color: #800000;
+  }
+  .latex.source-latex .co1 {
+    color: #2c922c;
+    font-style: italic;
+  }
+  .latex.source-latex .es0 {
+    color: #000000;
+    font-weight: bold;
+  }
+  .latex.source-latex .sy0 {
+    color: #e02020;
+  }
+  .latex.source-latex .st0 {
+    color: #000000;
+  }
+  .latex.source-latex .re1 {
+    color: #8020e0;
+    font-weight: normal;
+  }
+  .latex.source-latex .re2 {
+    color: #c08020;
+    font-weight: normal;
+  }
+  .latex.source-latex .re3 {
+    color: #8020e0;
+    font-weight: normal;
+  }
+  .latex.source-latex .re4 {
+    color: #800000;
+    font-weight: normal;
+  }
+  .latex.source-latex .re5 {
+    color: #00008b;
+    font-weight: bold;
+  }
+  .latex.source-latex .re6 {
+    color: #800000;
+    font-weight: normal;
+  }
+  .latex.source-latex .re7 {
+    color: #0000d0;
+    font-weight: normal;
+  }
+  .latex.source-latex .re8 {
+    color: #c00000;
+    font-weight: normal;
+  }
+  .latex.source-latex .re9 {
+    color: #2020c0;
+    font-weight: normal;
+  }
+  .latex.source-latex .re10 {
+    color: #800000;
+    font-weight: normal;
+  }
+  .latex.source-latex .re11 {
+    color: #e00000;
+    font-weight: normal;
+  }
+  .latex.source-latex .re12 {
+    color: #800000;
+    font-weight: normal;
+  }
+  .latex.source-latex .ln-xtra,
+  .latex.source-latex li.ln-xtra,
+  .latex.source-latex div.ln-xtra {
+    background-color: #ffc;
+  }
+  .latex.source-latex span.xtra {
+    display: block;
+  }
+
+  /*]]>*/
+
+  a.search-result {
+    display: block;
+    margin-top: @line-height-computed / 2;
+    .search-result-content {
+      margin-top: @line-height-computed / 4;
+      white-space: pre-wrap;
+      font-size: 0.8em;
+      color: @gray-dark;
+      em {
+        font-weight: bold;
+      }
+    }
+
+    &:hover,
+    &:active,
+    &:focus {
+      text-decoration: none;
+      .search-result-content {
+        color: @gray-darker;
+      }
+      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35);
+    }
+  }
+
+  /* Keep the below rules in sync with the wiki pages */
+  img {
+    height: auto;
+    max-width: 100%;
+  }
+
+  img.add-vertical-space {
+    padding-bottom: 20px;
+    padding-top: 20px;
+  }
+
+  th.no-wrap {
+    white-space: nowrap;
+    text-align: left;
+  }
+
+  /* LATEX and TEX artwork */
+  span.TEX {
+    letter-spacing: -0.125em;
+    padding-right: 0.5ex;
+  }
+  span.TEX span.E {
+    position: relative;
+    top: 0.5ex;
+    padding-right: 0.1ex;
+  }
+  a span.TEX span.E {
+    text-decoration: none;
+  }
+  span.LATEX span.A {
+    position: relative;
+    top: -0.5ex;
+    left: -0.4em;
+    font-size: 75%;
+  }
+  span.LATEX span.TEX {
+    position: relative;
+    left: -0.4em;
+    margin-right: -0.5ex;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/abstracts/all.scss b/services/web/frontend/stylesheets/bootstrap-5/abstracts/all.scss
new file mode 100644
index 0000000..1d5057b
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/abstracts/all.scss
@@ -0,0 +1,5 @@
+@import 'mixins';
+@import 'variables';
+@import 'variable-overrides';
+@import 'themes-common-variables';
+@import 'templates-search';
diff --git a/services/web/frontend/stylesheets/bootstrap-5/abstracts/mixins.scss b/services/web/frontend/stylesheets/bootstrap-5/abstracts/mixins.scss
new file mode 100644
index 0000000..ce53fcf
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/abstracts/mixins.scss
@@ -0,0 +1,211 @@
+// Button
+
+@mixin ol-button-size(
+  $font-size,
+  $line-height,
+  $padding-y,
+  $padding-x: var(--spacing-06)
+) {
+  --bs-btn-font-size: #{$font-size};
+  --bs-btn-line-height: #{$line-height};
+  --bs-btn-padding-y: #{$padding-y};
+  --bs-btn-padding-x: #{$padding-x};
+}
+
+@mixin ol-button-variant(
+  $color,
+  $background,
+  $border: $background,
+  $hover-background: $background,
+  $hover-border: $hover-background,
+  $borderless: true
+) {
+  --bs-btn-color: #{$color};
+  --bs-btn-bg: #{$background};
+  --bs-btn-border-color: #{$border};
+  --bs-btn-hover-color: #{$color};
+  --bs-btn-hover-bg: #{$hover-background};
+  --bs-btn-hover-border-color: #{$hover-border};
+  --bs-btn-active-color: #{$color};
+  --bs-btn-active-bg: #{$hover-background};
+  --bs-btn-active-border-color: #{$hover-border};
+  --bs-btn-disabled-color: var(--content-disabled);
+  --bs-btn-disabled-bg: var(--bg-light-disabled);
+  --bs-btn-disabled-border-color: var(--bg-light-disabled);
+
+  @if $borderless {
+    --bs-btn-border-width: 0;
+  }
+
+  // Use the default state colors when in a loading state
+  &[data-ol-loading='true'] {
+    color: var(--bs-btn-color);
+    background-color: var(--bs-btn-bg);
+    border-color: var(--bs-btn-border-color);
+    opacity: 1;
+  }
+}
+
+@mixin action-button {
+  font-size: 0;
+  line-height: 1;
+  border-radius: 50%;
+  color: var(--content-primary);
+  background-color: transparent;
+
+  &:hover,
+  &:active,
+  &[aria-expanded='true'] {
+    background-color: rgb($neutral-90, 0.08);
+  }
+}
+
+@mixin reset-button() {
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  appearance: none;
+}
+
+@mixin modal-lg {
+  max-width: 960px;
+}
+
+@mixin modal-md {
+  max-width: 640px;
+}
+
+@mixin modal-sm {
+  max-width: 480px;
+}
+
+// Toolbar
+@mixin toolbar-sm-height {
+  height: var(--toolbar-small-height);
+}
+
+@mixin toolbar-alt-bg() {
+  background-color: var(--toolbar-alt-bg-color);
+}
+
+@mixin theme($name) {
+  @if index($themes, $name) {
+    [data-theme='#{$name}'] {
+      @content;
+    }
+  } @else {
+    @error 'Theme "#{$name}" is not supported. Supported themes are: #{$themes}.';
+  }
+}
+
+@mixin box-shadow-button-input {
+  box-shadow: 0 0 0 2px var(--blue-30);
+}
+
+@mixin animation($animation) {
+  animation: $animation;
+}
+
+@mixin striped($color: rgba(255, 255, 255, 0.15), $angle: 45deg) {
+  background-image: linear-gradient(
+    $angle,
+    $color 25%,
+    transparent 25%,
+    transparent 50%,
+    $color 50%,
+    $color 75%,
+    transparent 75%,
+    transparent
+  );
+}
+
+@mixin mask-image($gradient) {
+  // mask-image isn't supported without the -webkit prefix on all browsers we support yet
+  -webkit-mask-image: $gradient;
+  mask-image: $gradient;
+}
+
+@mixin premium-background {
+  background-image: var(--premium-gradient);
+}
+
+@mixin premium-text {
+  @include premium-background;
+
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+  color: var(--white); // Fallback
+  background-color: var(--blue-70); // Fallback
+}
+
+@mixin dark-bg {
+  --link-color: var(--link-color-dark);
+  --link-hover-color: var(--link-hover-color-dark);
+  --link-visited-color: var(--link-visited-color-dark);
+}
+
+@mixin triangle($direction, $width, $height, $color) {
+  position: absolute;
+  border-color: transparent;
+  border-style: solid;
+  width: 0;
+  height: 0;
+
+  @if $direction == top {
+    border-width: 0 calc(#{$width} / 2) #{$height} calc(#{$width} / 2);
+    border-bottom-color: $color;
+    border-left-color: transparent;
+    border-right-color: transparent;
+  } @else if $direction == bottom {
+    border-width: #{$height} calc(#{$width} / 2) 0 calc(#{$width} / 2);
+    border-top-color: $color;
+    border-left-color: transparent;
+    border-right-color: transparent;
+  } @else if $direction == right {
+    border-width: calc(#{$height} / 2) 0 calc(#{$height} / 2) #{$width};
+    border-left-color: $color;
+    border-top-color: transparent;
+    border-bottom-color: transparent;
+  } @else if $direction == left {
+    border-width: calc(#{$height} / 2) #{$width} calc(#{$height} / 2) 0;
+    border-right-color: $color;
+    border-top-color: transparent;
+    border-bottom-color: transparent;
+  }
+}
+
+// Form validation states
+
+@mixin form-control-validation($color) {
+  color: $color;
+
+  // Color the label and help text
+  .help-block,
+  .control-label,
+  .radio,
+  .checkbox,
+  .radio-inline,
+  .checkbox-inline,
+  .form-label {
+    color: $color;
+  }
+
+  .form-control {
+    border-color: $color;
+
+    &:focus {
+      border-color: $border-active;
+    }
+  }
+
+  // Optional feedback icon
+  .form-control-feedback {
+    color: $color;
+  }
+}
+
+@mixin input-disabled-styles {
+  background-color: $input-disabled-bg;
+  border-color: $input-disabled-border-color;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/abstracts/templates-search.scss b/services/web/frontend/stylesheets/bootstrap-5/abstracts/templates-search.scss
new file mode 100644
index 0000000..2069730
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/abstracts/templates-search.scss
@@ -0,0 +1 @@
+$templates-search-max-width: 885px;
diff --git a/services/web/frontend/stylesheets/bootstrap-5/abstracts/themes-common-variables.scss b/services/web/frontend/stylesheets/bootstrap-5/abstracts/themes-common-variables.scss
new file mode 100644
index 0000000..e113f63
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/abstracts/themes-common-variables.scss
@@ -0,0 +1,7 @@
+:root {
+  --editor-border-color: var(--neutral-80);
+}
+
+@include theme('light') {
+  --editor-border-color: var(--neutral-20);
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/abstracts/variable-overrides.scss b/services/web/frontend/stylesheets/bootstrap-5/abstracts/variable-overrides.scss
new file mode 100644
index 0000000..353a8fd
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/abstracts/variable-overrides.scss
@@ -0,0 +1,284 @@
+// Overrides for Bootstrap 5's default Sass variables
+
+$prefix: bs-;
+
+// Options
+// Quickly modify global styling by enabling or disabling optional features.
+
+$enable-validation-icons: false;
+$component-active-color: $white;
+
+// Fonts
+$font-family-sans-serif: 'Noto Sans', sans-serif;
+$font-family-serif: 'Merriweather', serif;
+$font-family-monospace: 'DM Mono', monospace;
+$font-size-base: 1rem;
+$font-size-sm: var(--font-size-02);
+$line-height-base: 1.5;
+
+// Components
+// Define common padding and border radius sizes and more.
+
+$focus-ring-width: 2px;
+$focus-ring-opacity: 1;
+$focus-ring-color: $blue-30;
+$focus-ring-blur: 0;
+
+// Buttons
+$btn-font-family: $font-family-sans-serif;
+$btn-font-weight: 600;
+$btn-padding-x: $spacing-06;
+$btn-padding-y: $spacing-02;
+$btn-border-radius: $border-radius-full;
+$btn-border-radius-lg: $border-radius-full;
+$btn-border-radius-sm: $border-radius-full;
+$btn-white-space: nowrap;
+
+// Tables
+$table-cell-padding-y: $spacing-04;
+$table-cell-padding-x: $spacing-04;
+$table-cell-padding-y-sm: $spacing-02;
+$table-cell-padding-x-sm: $spacing-02;
+$table-color: var(--content-secondary);
+$table-bg: var(--bg-light-primary);
+$table-th-font-weight: 600;
+$table-striped-color: $table-color;
+$table-striped-bg: var(--bg-light-secondary);
+$table-active-color: $table-color;
+$table-active-bg: $bg-accent-03;
+$table-hover-color: $table-color;
+$table-hover-bg: var(--bg-light-secondary);
+$table-border-color: $border-divider;
+$table-striped-order: even;
+$table-caption-color: var(--content-secondary);
+
+// Forms
+
+// form-text-variables
+$form-text-margin-top: $spacing-04;
+$form-text-font-size: var(--font-size-02);
+$form-text-color: var(--content-secondary);
+
+// form-label-variables
+$form-label-margin-bottom: $spacing-02;
+$form-label-font-size: var(--font-size-02);
+$form-label-font-weight: 600;
+$form-label-color: var(--content-secondary);
+
+// form-input-variables
+$input-padding-y: $spacing-03;
+$input-padding-x: $spacing-04;
+$input-font-size: var(--font-size-03);
+$input-line-height: 1.5; // equivalent of var(--line-height-03) - BS expects a unitless value for further calculations
+
+$input-padding-y-sm: $spacing-01;
+$input-padding-x-sm: $spacing-03;
+$input-font-size-sm: var(--font-size-02);
+$input-line-height-sm: 1.25; // equivalent of var(--line-height-02) - BS expects a unitless value for further calculations
+
+$input-padding-y-lg: $spacing-05;
+$input-padding-x-lg: $spacing-05;
+$input-font-size-lg: var(--font-size-03);
+$input-bg: $bg-light-primary;
+$input-disabled-color: var(--content-disabled);
+$input-disabled-bg: $bg-light-disabled;
+$input-disabled-border-color: var(--border-disabled);
+$input-color: $content-primary;
+$input-border-color: $neutral-60;
+$input-border-width: var(--bs-border-width);
+$input-border-radius: $border-radius-base;
+$input-border-radius-sm: $border-radius-base;
+$input-border-radius-lg: $border-radius-base;
+$input-focus-border-color: var(--border-active);
+$input-placeholder-color: var(--content-placeholder);
+$input-plaintext-color: $content-primary;
+$input-height-border: calc(
+  #{$input-border-width} * 2
+); // stylelint-disable-line function-disallowed-list
+
+$input-height: add(
+  $input-line-height * 1em,
+  add($input-padding-y * 2, $input-height-border, false)
+);
+$input-height-sm: add(
+  $input-line-height-sm * 1em,
+  add($input-padding-y-sm * 2, $input-height-border, false)
+);
+$input-height-lg: add(
+  $input-line-height * 1em,
+  add($input-padding-y-lg * 2, $input-height-border, false)
+);
+
+// form-check-variables
+$form-check-label-color: var(--content-primary);
+$form-check-input-border: var(--bs-border-width) solid var(--border-primary);
+$form-check-input-border-radius: $border-radius-base;
+$form-check-input-focus-border: var(--border-primary);
+$form-check-input-disabled-opacity: 1;
+
+// form-switch-variables
+$form-switch-width: 34px;
+$form-switch-padding-start: $spacing-03;
+$form-switch-color: $component-active-color;
+$form-switch-width: 34px;
+$form-switch-padding-start: $spacing-03;
+$form-switch-focus-color: $component-active-color;
+$form-switch-checked-color: $component-active-color;
+
+// form-group
+$form-group-margin-bottom: $spacing-06;
+
+// Form validation
+
+// form-feedback-variables
+$form-feedback-invalid-color: $bg-danger-01;
+$form-feedback-icon-invalid: null;
+$form-feedback-margin-top: 0; // Our feedback component wraps Form.Text, which takes care of top margin
+
+// form-validation-colors
+$form-invalid-color: $form-feedback-invalid-color;
+$form-invalid-border-color: $bg-danger-01;
+
+// form-validation-states
+$form-validation-states: (
+  'invalid': (
+    'color': $bg-danger-01,
+    'icon': $form-feedback-icon-invalid,
+    'tooltip-color': #fff,
+    'tooltip-bg-color': var(--bs-danger),
+    'focus-box-shadow': 0 0 $focus-ring-blur $focus-ring-width
+      rgba($red-30, $focus-ring-opacity),
+    'border-color': var(--#{$prefix}form-invalid-border-color),
+  ),
+);
+
+// Close buttons
+$btn-close-color: $content-primary;
+$btn-close-opacity: 1;
+$btn-close-width: 10px;
+
+// Colors
+$primary: $bg-accent-01;
+$secondary: $bg-light-primary;
+$success: $bg-accent-01;
+$info: $bg-info-01;
+$warning: $content-warning;
+$danger: $bg-danger-01;
+$light: $bg-light-tertiary;
+$dark: $neutral-90;
+$warning-light-gb: $bg-warning-03;
+
+// Theme colors
+$theme-colors: (
+  'primary': $primary,
+  'secondary': $secondary,
+  'success': $success,
+  'info': $info,
+  'warning': $warning,
+  'warning-light-bg': $warning-light-gb,
+  'danger': $danger,
+  'light': $light,
+  'dark': $dark,
+);
+
+// Body colors
+$body-color: $content-primary;
+$body-bg: $bg-light-primary;
+$body-secondary-color: $content-secondary;
+$body-secondary-bg: $bg-light-secondary;
+$body-tertiary-color: $content-disabled;
+$body-tertiary-bg: $bg-light-tertiary;
+
+// Badges
+$badge-font-size: var(--font-size-01);
+$badge-font-weight: var(--bs-body-font-weight);
+$badge-padding-y: $spacing-01;
+$badge-padding-x: $spacing-02;
+$badge-border-radius: $border-radius-base;
+
+// Tooltips
+$tooltip-max-width: 320px;
+$tooltip-border-radius: $border-radius-base;
+$tooltip-padding-y: $spacing-04;
+$tooltip-padding-x: $spacing-06;
+
+// Popovers
+$popover-font-size: var(--font-size-02);
+$popover-bg: var(--bg-dark-primary);
+$popover-max-width: 320px;
+$popover-border-width: 0px; /* stylelint-disable-line length-zero-no-unit */
+$popover-border-radius: var(--border-radius-base);
+$popover-header-font-size: var(--font-size-02);
+$popover-header-bg: var(--bg-dark-primary);
+$popover-header-color: var(--content-primary-dark);
+$popover-header-padding-y: var(--spacing-04);
+$popover-header-padding-x: var(--spacing-06);
+$popover-body-color: var(--content-primary-dark);
+$popover-body-padding-y: var(--spacing-04);
+$popover-body-padding-x: var(--spacing-06);
+$popover-arrow-width: var(--spacing-04);
+$popover-arrow-height: var(--spacing-02);
+$popover-arrow-color: var(--bg-dark-primary);
+
+// Links. Ideally we'd point these to CSS variables but Bootstrap performs
+// calculations on link color during compilation.
+$link-color: $link-ui;
+$link-hover-color: $link-ui-hover;
+$link-hover-decoration: none;
+
+// Headings
+$headings-font-family: $font-family-sans-serif;
+$headings-margin-bottom: $spacing-05;
+
+// Horizontal rules
+$hr-margin-y: $spacing-08;
+$hr-border-color: $border-divider;
+
+// Modals
+$modal-backdrop-bg: $bg-dark-primary;
+$modal-backdrop-opacity: 0.72;
+$modal-content-color: $content-secondary;
+$modal-content-border-color: $border-divider;
+$modal-header-padding: $spacing-05 $spacing-06;
+$modal-header-padding-x: $spacing-08;
+$modal-header-padding-y: $spacing-08;
+
+// Nav toggler
+$navbar-toggler-font-size: 30px;
+$navbar-toggler-padding-x: var(--spacing-05);
+$navbar-toggler-padding-y: var(--spacing-02);
+$navbar-toggler-border-radius: var(--border-radius-base);
+
+// Nav links
+$navbar-nav-link-padding-x: var(--navbar-btn-padding-h);
+
+// Spacing scale used by Bootstrap utilities
+$spacer: $spacing-06;
+$spacers: (
+  0: 0,
+  1: $spacing-02,
+  2: $spacing-04,
+  3: $spacing-06,
+  4: $spacing-08,
+  5: $spacing-11,
+);
+
+// Dropdowns
+$dropdown-link-disabled-color: var(--content-disabled);
+$dropdown-spacer: var(--spacing-01);
+$dropdown-border-width: 0;
+$dropdown-border-radius: var(--border-radius-base);
+$dropdown-padding-x: var(--spacing-02);
+$dropdown-padding-y: var(--spacing-02);
+$dropdown-item-padding-x: var(--spacing-04);
+$dropdown-item-padding-y: var(--spacing-04);
+$dropdown-header-color: var(--content-secondary);
+
+// Offcanvas
+$offcanvas-horizontal-width: 320px;
+$offcanvas-padding-x: 12.5px;
+$offcanvas-padding-y: 12.5px;
+$offcanvas-border-width: 0;
+
+// Code
+$code-color: $content-secondary;
diff --git a/services/web/frontend/stylesheets/bootstrap-5/abstracts/variables.scss b/services/web/frontend/stylesheets/bootstrap-5/abstracts/variables.scss
new file mode 100644
index 0000000..109cf7c
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/abstracts/variables.scss
@@ -0,0 +1,14 @@
+// Header
+$header-height: 68px;
+$toolbar-height: 40px;
+$toolbar-small-height: 32px;
+
+// Footer
+$thin-footer-height: 50px;
+$fat-footer-content-height: calc(100vh - $header-height);
+$thin-footer-content-height: calc(
+  100vh - ($header-height + $thin-footer-height)
+);
+
+// List of allowed themes
+$themes: ('default', 'light');
diff --git a/services/web/frontend/stylesheets/bootstrap-5/base/base.scss b/services/web/frontend/stylesheets/bootstrap-5/base/base.scss
new file mode 100644
index 0000000..7aa23d7
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/base/base.scss
@@ -0,0 +1,47 @@
+.grecaptcha-badge {
+  visibility: hidden;
+  height: 0 !important; // Prevent layout shift
+}
+
+@keyframes bounce {
+  0%,
+  10%,
+  26%,
+  40% {
+    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
+    transform: translate3d(0, 0, 0);
+  }
+
+  20%,
+  21% {
+    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transform: translate3d(0, -10px, 0);
+  }
+
+  35% {
+    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    transform: translate3d(0, -5px, 0);
+  }
+
+  45% {
+    transform: translate3d(0, -2px, 0);
+  }
+
+  50% {
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+.bounce {
+  animation-duration: 2s;
+  animation-fill-mode: both;
+  animation-iteration-count: infinite;
+  animation-name: bounce;
+  transform-origin: center bottom;
+}
+
+.recaptcha-branding {
+  padding: var(--spacing-05) var(--spacing-05) 0 var(--spacing-05);
+  text-align: center;
+  font-size: var(--font-size-01);
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/base/bootstrap.scss b/services/web/frontend/stylesheets/bootstrap-5/base/bootstrap.scss
new file mode 100644
index 0000000..d45d3a6
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/base/bootstrap.scss
@@ -0,0 +1,54 @@
+// Only include the parts of Bootstrap we need to minimize bundle size
+
+// Include functions first (enabling manipulation of colors, SVGs, calc, etc. in the variable overrides)
+@import 'bootstrap-5/scss/functions';
+
+// Overrides for Bootstrap 5 Sass variables. These have to be included before
+// Bootstrap itself because Bootstrap uses them to create the CSS variables it
+// uses, and in calculations to determine, for example, what color text to use
+// on a button based on contrast.
+@import '../foundations/all';
+@import '../abstracts/all';
+
+// Include remainder of required Bootstrap stylesheets (including any separate color mode stylesheets)
+@import 'bootstrap-5/scss/variables';
+@import 'bootstrap-5/scss/variables-dark';
+
+// Include remainder of required parts
+@import 'bootstrap-5/scss/maps';
+@import 'bootstrap-5/scss/mixins';
+@import 'bootstrap-5/scss/utilities';
+
+// Layout & components
+@import 'bootstrap-5/scss/root';
+@import 'bootstrap-5/scss/reboot';
+@import 'bootstrap-5/scss/transitions';
+@import 'bootstrap-5/scss/type';
+@import 'bootstrap-5/scss/images';
+@import 'bootstrap-5/scss/containers';
+@import 'bootstrap-5/scss/grid';
+@import 'bootstrap-5/scss/tables';
+@import 'bootstrap-5/scss/forms';
+@import 'bootstrap-5/scss/buttons';
+@import 'bootstrap-5/scss/dropdown';
+@import 'bootstrap-5/scss/button-group';
+@import 'bootstrap-5/scss/badge';
+@import 'bootstrap-5/scss/list-group';
+@import 'bootstrap-5/scss/modal';
+@import 'bootstrap-5/scss/tooltip';
+@import 'bootstrap-5/scss/popover';
+@import 'bootstrap-5/scss/spinners';
+@import 'bootstrap-5/scss/card';
+@import 'bootstrap-5/scss/close';
+@import 'bootstrap-5/scss/nav';
+@import 'bootstrap-5/scss/navbar';
+@import 'bootstrap-5/scss/offcanvas';
+
+// Helpers
+@import 'bootstrap-5/scss/helpers';
+
+// Utilities
+@import 'bootstrap-5/scss/utilities/api';
+
+// Mixins
+@import 'bootstrap-5/scss/mixins/breakpoints';
diff --git a/services/web/frontend/stylesheets/bootstrap-5/base/colors.scss b/services/web/frontend/stylesheets/bootstrap-5/base/colors.scss
new file mode 100644
index 0000000..bfec9a2
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/base/colors.scss
@@ -0,0 +1,20 @@
+/* Website redesign */
+$vivid-tangerine: #f1a695;
+$ceil: #9597c9;
+$caramel: #f9d38f;
+$dark-jungle-green: #0f271a;
+$sapphire-blue: #4354a3;
+$sapphire-blue-dark: #3c4c93;
+$purple-bright: #939aff;
+$green-bright: #13c965;
+
+:root {
+  --vivid-tangerine: #{$vivid-tangerine};
+  --ceil: #{$ceil};
+  --caramel: #{$caramel};
+  --dark-jungle-green: #{$dark-jungle-green};
+  --sapphire-blue: #{$sapphire-blue};
+  --sapphire-blue-dark: #{$sapphire-blue-dark};
+  --green-bright: #{$green-bright};
+  --purple-bright: #{$purple-bright};
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/base/layout.scss b/services/web/frontend/stylesheets/bootstrap-5/base/layout.scss
new file mode 100644
index 0000000..a4bf73f
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/base/layout.scss
@@ -0,0 +1,80 @@
+html {
+  height: 100%;
+}
+
+// Prevent potential for layout shifts on a page with fixed 100% height. This
+// can happen, for example, with the Grammarly extension in Firefox.
+html.fixed-size-document {
+  position: fixed;
+  width: 100%;
+}
+
+body {
+  position: relative;
+  min-height: 100%;
+}
+
+.content {
+  min-height: 100vh;
+  padding-top: $header-height + $spacing-08;
+  padding-bottom: $spacing-08;
+
+  .thin-footer & {
+    min-height: calc(100vh - #{$thin-footer-height});
+  }
+
+  .container-top-padded {
+    padding-top: var(--spacing-16);
+  }
+}
+
+.content-alt {
+  background-color: $bg-light-secondary;
+}
+
+// Page header/separator
+.page-separator,
+.page-header {
+  padding-bottom: $spacing-05;
+  border-bottom: 1px solid $border-divider;
+  margin: 0;
+
+  // Apply margin above or below this header/separator only when it has a sibling
+  * > * + &,
+  * > & + * {
+    margin-top: $spacing-08;
+  }
+}
+
+// Horizontal rule. Override Bootstrap's 25% opacity, which we don't want
+hr {
+  opacity: unset;
+}
+
+.horizontal-divider {
+  border-top: 1px solid var(--border-divider);
+}
+
+.hidden {
+  @extend .d-none;
+}
+
+.hidden-print {
+  @extend .d-print-none;
+}
+
+.row-spaced {
+  margin-top: var(--line-height-03);
+}
+
+.row-spaced-small {
+  margin-top: calc(var(--line-height-03) / 2);
+}
+
+.row-spaced-large {
+  margin-top: calc(var(--line-height-03) * 2);
+}
+
+.row-spaced-extra-large {
+  margin-top: calc(var(--line-height-03) * 4);
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/base/links.scss b/services/web/frontend/stylesheets/bootstrap-5/base/links.scss
new file mode 100644
index 0000000..dc20dea
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/base/links.scss
@@ -0,0 +1,61 @@
+// Links
+
+// Use CSS variables for link colors to make it easy to override in marketing page
+:root {
+  --link-color: var(--link-ui);
+  --link-hover-color: var(--link-ui-hover);
+  --link-visited-color: var(--link-ui-visited);
+  --link-color-dark: var(--link-ui-dark);
+  --link-hover-color-dark: var(--link-ui-hover-dark);
+  --link-visited-color-dark: var(--link-ui-visited-dark);
+  --link-text-decoration: underline;
+  --link-hover-text-decoration: none;
+}
+
+a {
+  color: var(--link-color);
+  text-decoration: var(--link-text-decoration);
+
+  &:visited {
+    color: var(--link-visited-color);
+  }
+
+  &:hover {
+    color: var(--link-hover-color);
+    text-decoration: var(--link-hover-text-decoration);
+  }
+}
+
+.link-monospace {
+  @include font-mono;
+
+  font-weight: 500;
+  color: var(--green-50);
+
+  &:hover {
+    color: var(--green-60);
+  }
+}
+
+.link-black-text {
+  color: var(--neutral-90);
+  text-decoration: none;
+  font-weight: 600;
+
+  &:visited {
+    color: var(--neutral-90);
+  }
+
+  &:hover {
+    color: var(--neutral-90);
+    text-decoration: underline;
+  }
+}
+
+.link-black-full-width {
+  @extend .link-black-text;
+
+  display: flex;
+  width: 100%;
+  justify-content: space-between;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/base/typography.scss b/services/web/frontend/stylesheets/bootstrap-5/base/typography.scss
new file mode 100644
index 0000000..5515821
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/base/typography.scss
@@ -0,0 +1,98 @@
+// Typography
+
+body {
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility; /* stylelint-disable-line value-keyword-case */
+  -moz-osx-font-smoothing: grayscale;
+}
+
+// Headings
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+  // Apply margin above the heading only when it has a preceding sibling or is inside a row with a preceding sibling
+  * > * + &,
+  * + .row & {
+    margin-top: $spacing-08;
+  }
+}
+
+h1,
+.h1 {
+  @include heading-xl;
+}
+
+h2,
+.h2 {
+  @include heading-md;
+}
+
+h3,
+.h3 {
+  @include heading-sm;
+}
+
+h4,
+.h4 {
+  @include heading-xs;
+}
+
+h5,
+.h5 {
+  @include body-base;
+}
+
+h6,
+.h6 {
+  @include body-sm;
+}
+
+// Miscellaneous
+.small {
+  @include body-sm;
+}
+
+// Peformatted text, sample output, code, keyboard input elements
+// E.g.: Git authentication token
+pre {
+  @include body-base;
+}
+
+code,
+kbd,
+samp {
+  font-size: 1em;
+}
+
+.list-style-check-green {
+  list-style-image: url('../../../../public/img/fa-check-green.svg');
+}
+
+.text-muted {
+  color: var(--content-disabled) !important;
+}
+
+.dm-mono {
+  @include font-mono;
+}
+
+@include media-breakpoint-up(lg) {
+  .text-center-only-desktop {
+    text-align: center;
+  }
+}
+
+@include media-breakpoint-down(lg) {
+  .text-center-only-mobile {
+    text-align: center;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/accordion.scss b/services/web/frontend/stylesheets/bootstrap-5/components/accordion.scss
new file mode 100644
index 0000000..47d6d61
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/accordion.scss
@@ -0,0 +1,50 @@
+.ol-accordions-container :last-child {
+  border: 0 !important;
+}
+
+.ol-accordions-container {
+  .custom-accordion-item {
+    width: 100%;
+    padding-top: var(--spacing-08);
+    padding-bottom: var(--spacing-09);
+    border-bottom: 1px solid var(--border-divider);
+
+    .custom-accordion-header {
+      text-align: left;
+      width: 100%;
+      font-size: var(--font-size-04);
+      font-weight: 600;
+      line-height: var(--line-height-03);
+      color: var(--content-primary);
+      background-color: unset;
+      border: unset;
+      display: flex;
+      justify-content: space-between;
+      padding: unset;
+
+      .custom-accordion-icon {
+        display: flex;
+        align-items: center;
+        transition: transform 0.35s ease;
+        margin-left: var(--spacing-08);
+      }
+
+      &:not(.collapsed) {
+        .custom-accordion-icon {
+          transform: rotate(180deg);
+          transition: transform 0.35s ease;
+        }
+      }
+    }
+
+    .custom-accordion-body {
+      @include body-base;
+
+      background-color: unset;
+      text-align: left;
+      padding: unset;
+      padding-right: 2rem;
+      margin-top: var(--spacing-04);
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/all.scss b/services/web/frontend/stylesheets/bootstrap-5/components/all.scss
new file mode 100644
index 0000000..c2aeb28
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/all.scss
@@ -0,0 +1,47 @@
+@import 'accordion';
+@import 'button';
+@import 'button-group';
+@import 'dropdown-menu';
+@import 'image';
+@import 'notifications';
+@import 'system-messages';
+@import 'tooltip';
+@import 'popover';
+@import 'card';
+@import 'badge';
+@import 'form';
+@import 'icon';
+@import 'input-suggestions';
+@import 'list';
+@import 'modal';
+@import 'quote';
+@import 'footer';
+@import 'nav';
+@import 'navbar';
+@import 'styled-text';
+@import 'table';
+@import 'blog-posts';
+@import 'tabs';
+@import 'beta-badges';
+@import 'list-group';
+@import 'select';
+@import 'dictionary';
+@import 'link';
+@import 'pagination';
+@import 'interstitial';
+@import 'loading-spinner';
+@import 'gallery-search';
+@import 'error-boundary';
+@import 'close-button';
+@import 'recurly';
+@import 'dev-toolbar';
+@import 'tos';
+@import 'collapsible-file-header';
+@import 'stepper';
+@import 'radio-chip';
+@import 'panel-heading';
+@import 'menu-bar';
+@import 'invite';
+@import 'upgrade-prompt';
+@import 'integrations-panel';
+@import 'group-members';
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/badge.scss b/services/web/frontend/stylesheets/bootstrap-5/components/badge.scss
new file mode 100644
index 0000000..a3b2f13
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/badge.scss
@@ -0,0 +1,152 @@
+$max-width: 160px;
+
+.badge {
+  display: inline-flex;
+  align-items: stretch;
+  max-width: 100%;
+  line-height: var(--line-height-01);
+  padding: 0 var(--bs-badge-padding-x);
+
+  &:not(.badge-tag) {
+    max-width: $max-width;
+  }
+}
+
+.badge-prepend {
+  margin-right: var(--spacing-02);
+  display: flex;
+  align-items: center;
+
+  .material-symbols {
+    font-size: inherit;
+  }
+}
+
+.badge-close {
+  @include reset-button;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  padding: 0 var(--spacing-02);
+  border-top-right-radius: inherit;
+  border-bottom-right-radius: inherit;
+  color: inherit;
+  user-select: none;
+
+  .badge-close-icon {
+    font-size: $font-size-base;
+  }
+}
+
+.badge-close,
+.badge-tag-content-btn {
+  &:hover {
+    background-color: var(--neutral-40);
+  }
+}
+
+.badge-content {
+  @include text-truncate;
+
+  padding: var(--bs-badge-padding-y) 0;
+  min-width: 1em;
+}
+
+.badge-tag {
+  @include body-sm;
+
+  padding: 0;
+  color: $dark;
+
+  &:hover {
+    background-color: var(--neutral-30) !important;
+  }
+}
+
+.badge-tag-content {
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  max-width: $max-width;
+  padding-left: var(--bs-badge-padding-x);
+  padding-right: var(--bs-badge-padding-x);
+  border-top-left-radius: inherit;
+  border-bottom-left-radius: inherit;
+
+  &:last-child {
+    border-top-right-radius: inherit;
+    border-bottom-right-radius: inherit;
+  }
+}
+
+.badge-tag-content-btn {
+  @include reset-button;
+
+  padding-left: var(--bs-badge-padding-x);
+  padding-right: var(--bs-badge-padding-x);
+}
+
+.badge-tag-circle {
+  display: block;
+  margin: var(--spacing-02);
+  width: var(--spacing-04);
+  height: var(--spacing-04);
+  border-radius: 50%;
+}
+
+.badge-premium {
+  background-color: var(--neutral-20);
+  color: var(--neutral-90);
+  vertical-align: middle;
+  margin-left: 5px;
+  font-weight: var(--badge-font-weight);
+}
+
+.badge-premium-gradient {
+  background: var(--premium-gradient);
+  color: var(--content-primary-dark);
+  vertical-align: middle;
+  margin-left: 5px;
+  font-weight: var(--badge-font-weight);
+}
+
+.badge-link {
+  display: inline-block;
+
+  &.badge-link-light:hover .badge {
+    background-color: var(--neutral-30) !important;
+  }
+
+  &.badge-link-no-max-width {
+    .badge {
+      max-width: none;
+    }
+  }
+
+  .badge {
+    @include body-sm;
+
+    padding: 0 var(--bs-badge-padding-x);
+    transition: background-color 0.15s ease-in-out;
+
+    &:hover {
+      transition: background-color 0.15s ease-in-out;
+    }
+  }
+}
+
+.badge-link-list {
+  display: flex;
+  gap: var(--spacing-05);
+  flex-wrap: wrap;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  align-content: flex-start;
+
+  .badge {
+    max-width: 200px;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/beta-badges.scss b/services/web/frontend/stylesheets/bootstrap-5/components/beta-badges.scss
new file mode 100644
index 0000000..67a0740
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/beta-badges.scss
@@ -0,0 +1,11 @@
+.info-badge {
+  color: var(--blue-50);
+}
+
+.alpha-badge {
+  font-family: $font-family-monospace;
+}
+
+.split-test-badge-tooltip .tooltip-inner {
+  white-space: pre-wrap;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/blog-posts.scss b/services/web/frontend/stylesheets/bootstrap-5/components/blog-posts.scss
new file mode 100644
index 0000000..72353d1
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/blog-posts.scss
@@ -0,0 +1,179 @@
+/*
+  v2
+  Blog Pages
+*/
+
+.blog-container,
+.blog-tagged-list-container,
+.blog-post-main-container {
+  h1 {
+    margin-bottom: 0;
+  }
+}
+
+.blog-container {
+  margin-top: var(--spacing-16);
+
+  .blog-list-container-title {
+    margin-top: 0; // needed to override bootstrap * + h1
+
+    small {
+      @include body-lg;
+
+      display: block;
+      margin-top: var(--spacing-06);
+      font-weight: 400;
+    }
+  }
+}
+
+.blog-tagged-list-container {
+  margin-top: var(--spacing-10);
+
+  .blog-list-container-title {
+    margin-top: var(--spacing-11);
+
+    small {
+      color: var(--neutral-70);
+    }
+  }
+}
+
+.blog-post-main-container {
+  margin-top: var(--spacing-10);
+}
+
+.blog {
+  margin-top: var(--spacing-16);
+
+  img {
+    max-width: 100%;
+  }
+
+  .blog-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+
+    .card-header {
+      margin-bottom: var(--margin-sm);
+      padding: 0;
+    }
+
+    > li {
+      .blog-date {
+        margin-top: var(--spacing-07);
+      }
+
+      &:not(:last-child) {
+        padding-bottom: var(--spacing-09);
+        border-bottom: 1px solid var(--neutral-20);
+      }
+
+      &:not(:first-child) {
+        padding-top: var(--spacing-09);
+      }
+    }
+  }
+
+  .blog-post-container {
+    @include media-breakpoint-up(lg) {
+      padding-right: 0;
+    }
+  }
+
+  .blog-post {
+    @include media-breakpoint-up(lg) {
+      margin-right: var(--spacing-09);
+    }
+
+    .blog-title {
+      margin-bottom: var(--spacing-04);
+    }
+
+    .blog-post-title-link {
+      @include heading-lg;
+
+      margin-top: var(--spacing-04);
+      margin-bottom: var(--spacing-06);
+
+      a {
+        @extend .link-black-text;
+      }
+    }
+
+    .blog-date {
+      display: block;
+    }
+
+    .blog-content {
+      margin-top: var(--spacing-08);
+
+      > *:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    .blog-content-preview {
+      p:last-child {
+        margin-bottom: 0;
+      }
+
+      & + .blog-tags > div > .tags {
+        margin-top: var(--spacing-06);
+      }
+    }
+
+    .blog-content,
+    .blog-content-preview {
+      img {
+        border-radius: var(--border-radius-medium);
+      }
+    }
+
+    .blog-footer-tags {
+      margin-top: var(--spacing-12);
+    }
+
+    .blog-read-more {
+      margin-bottom: var(--spacing-07);
+
+      a {
+        @include font-mono;
+
+        text-decoration: none;
+        font-weight: 500;
+
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+    }
+  }
+
+  pre {
+    border: 1px solid var(--neutral-40);
+    border-radius: var(--border-radius-base);
+    padding: var(--spacing-04);
+  }
+
+  .figure {
+    background-color: #fff;
+    border: 1px solid var(--neutral-40);
+    display: inline-block;
+    margin: 0 auto var(--margin-sm) 0;
+    max-width: 100%;
+    padding: var(--spacing-04);
+
+    .figure-caption {
+      padding-top: var(--spacing-04);
+      font-size: small;
+    }
+  }
+
+  .pagination {
+    margin: var(--spacing-09) 0 0 0;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/button-group.scss b/services/web/frontend/stylesheets/bootstrap-5/components/button-group.scss
new file mode 100644
index 0000000..a87e642
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/button-group.scss
@@ -0,0 +1,16 @@
+.btn-group {
+  > .btn {
+    &:first-of-type {
+      padding-left: var(--spacing-05);
+    }
+
+    &:last-of-type {
+      padding-right: var(--spacing-05);
+    }
+  }
+}
+
+.btn-toolbar {
+  gap: var(--spacing-03);
+  flex-wrap: nowrap;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/button.scss b/services/web/frontend/stylesheets/bootstrap-5/components/button.scss
new file mode 100644
index 0000000..3b782ed
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/button.scss
@@ -0,0 +1,279 @@
+.btn {
+  // Focus style for all buttons
+  --bs-btn-focus-box-shadow: 0 0 0 2px var(--border-active-dark);
+
+  &:focus-visible {
+    background-color: var(--bs-btn-bg);
+  }
+
+  // Sizes
+
+  // Default size
+  @include ol-button-size(
+    $font-size: var(--font-size-03),
+    $line-height: var(--line-height-03),
+    $padding-y: var(--spacing-03)
+  );
+
+  &.btn-lg {
+    @include ol-button-size(
+      $font-size: var(--font-size-03),
+      $line-height: var(--line-height-03),
+      $padding-y: var(--spacing-05)
+    );
+  }
+
+  &.btn-sm {
+    @include ol-button-size(
+      $font-size: var(--font-size-02),
+      $line-height: var(--line-height-02),
+      $padding-y: var(--spacing-01),
+      $padding-x: var(--spacing-05)
+    );
+  }
+
+  // Variants
+  &.btn-primary {
+    @include ol-button-variant(
+      $color: var(--content-primary-dark),
+      $background: var(--bg-accent-01),
+      $hover-background: var(--bg-accent-02),
+      $hover-border: var(--bg-accent-02)
+    );
+  }
+
+  &.btn-secondary {
+    @include ol-button-variant(
+      $color: var(--content-primary),
+      $background: var(--bg-light-primary),
+      $border: var(--border-primary),
+      $hover-background: var(--bg-light-tertiary),
+      $hover-border: var(--border-primary),
+      $borderless: false
+    );
+  }
+
+  &.btn-ghost {
+    @include ol-button-variant(
+      $color: var(--content-primary),
+      $background: var(--bg-light-primary),
+      $hover-background: var(--bg-light-tertiary)
+    );
+  }
+
+  &.btn-danger {
+    @include ol-button-variant(
+      $color: var(--content-primary-dark),
+      $background: var(--bg-danger-01),
+      $border: var(--bg-danger-01),
+      $hover-background: var(--bg-danger-02)
+    );
+  }
+
+  &.btn-danger-ghost {
+    @include ol-button-variant(
+      $color: var(--content-danger),
+      $background: var(--bg-light-primary),
+      $hover-background: var(--bg-danger-03)
+    );
+  }
+
+  &.btn-premium {
+    @include ol-button-variant(
+      $color: var(--content-primary-dark),
+      $background: var(--blue-70)
+    );
+
+    background: var(--premium-gradient);
+    transition: none;
+
+    &:hover {
+      background: var(--blue-70);
+    }
+  }
+
+  &.btn-premium-secondary {
+    @include ol-button-variant(
+      $color: var(--blue-60),
+      $background: var(--bg-light-primary),
+      $border: var(--blue-60),
+      $hover-background: var(--bg-info-03),
+      $hover-border: var(--blue-60),
+      $borderless: false
+    );
+  }
+
+  &.btn-blue {
+    @include ol-button-variant(
+      $color: var(--content-primary-dark),
+      $background: var(--sapphire-blue),
+      $border: var(--sapphire-blue),
+      $hover-background: (
+        var(--sapphire-blue-dark),
+      ),
+      $hover-border: (
+        var(--sapphire-blue-dark),
+      ),
+      $borderless: false
+    );
+  }
+
+  &.btn-social {
+    @extend .btn-secondary;
+
+    padding-left: var(--spacing-03);
+
+    .btn-social-icon {
+      height: 24px;
+      width: 24px;
+      padding: var(--spacing-01);
+      margin-right: var(--spacing-02);
+    }
+  }
+}
+
+// Link buttons
+// -------------------------
+
+// Make a button look and behave like a link
+.btn-link {
+  color: var(--link-color);
+  font-weight: normal;
+  cursor: pointer;
+  text-decoration: underline;
+  font-size: inherit;
+  vertical-align: inherit;
+  border-radius: 0;
+
+  &,
+  &:active,
+  &[disabled],
+  fieldset[disabled] & {
+    background-color: transparent;
+
+    @include box-shadow(none);
+  }
+
+  &:hover,
+  &:focus {
+    color: var(--link-hover-color);
+    text-decoration: none;
+    background-color: transparent;
+  }
+
+  &.btn-danger {
+    color: var(--content-danger);
+
+    // since it's a link, override the button states
+    &:active {
+      color: var(--content-danger);
+      background-color: transparent;
+    }
+
+    &:focus-visible {
+      background-color: transparent;
+      outline: -webkit-focus-ring-color auto 1px;
+    }
+  }
+}
+
+.btn-inline-link {
+  @extend .btn-link;
+
+  font-size: inherit;
+  padding: 0;
+  vertical-align: inherit;
+}
+
+.button-loading {
+  align-items: center;
+  display: inline-grid;
+  grid-template-areas: 'container'; // Define a single grid area
+  pointer-events: none;
+}
+
+.button-loading > * {
+  grid-area: container; // Position all the direct children within the single grid area
+}
+
+.button-loading .spinner-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+
+  .loading-spinner-small {
+    border-width: 0.2em;
+    height: 1.25rem;
+    width: 1.25rem;
+  }
+
+  .loading-spinner-large {
+    border-width: 0.2em;
+    height: 1.5rem;
+    width: 1.5rem;
+  }
+}
+
+// Hide the text when the spinner is visible
+.button-loading > [aria-hidden='true'] {
+  visibility: hidden;
+}
+
+.button-content {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--spacing-04); // Add gap between text and icons
+  justify-content: center;
+
+  .icon-small {
+    font-size: 1.25rem;
+  }
+
+  .icon-large {
+    font-size: 1.5rem;
+  }
+
+  .spinner {
+    margin: var(--spacing-01);
+  }
+}
+
+.icon-button-small {
+  padding: var(--spacing-01);
+}
+
+.icon-button {
+  padding: var(--spacing-04);
+}
+
+.icon-button-large {
+  padding: var(--spacing-05);
+}
+
+// Set the visited colour for a link that is styled as a button. This is necessary because we have a generic rule that
+// sets the colour of visited links
+a[role='button']:visited,
+a.btn:visited {
+  color: var(--bs-btn-color);
+}
+
+// Copy icon button
+.copy-button {
+  text-decoration: none;
+}
+
+.btn-reset {
+  @include reset-button;
+}
+
+.btn-transparent {
+  background: none !important;
+  border-radius: 0 !important;
+  color: inherit !important;
+  font-weight: 400;
+
+  &:hover {
+    background: none !important;
+    color: inherit !important;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/card.scss b/services/web/frontend/stylesheets/bootstrap-5/components/card.scss
new file mode 100644
index 0000000..b99c107
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/card.scss
@@ -0,0 +1,233 @@
+.card {
+  --bs-card-bg: var(--white);
+  --bs-card-border-width: 0;
+  --bs-card-border-radius: var(--border-radius-base);
+  --bs-card-spacer-x: var(--spacing-08);
+  --bs-card-spacer-y: var(--spacing-08);
+
+  .card-body {
+    > :first-child {
+      margin-top: 0;
+    }
+
+    > :last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  &.card-dark-green-bg {
+    background: var(--dark-jungle-green);
+    border-radius: var(--border-radius-large);
+    color: var(--green-10);
+
+    .card-body {
+      padding: var(--spacing-09);
+    }
+
+    a:not(.btn) {
+      color: var(--green-30);
+
+      &:hover {
+        color: var(--green-30);
+      }
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    p {
+      color: var(--green-10);
+    }
+  }
+
+  &.card-purple-top-border {
+    background-color: white;
+    border-radius: var(--border-radius-medium);
+    box-shadow:
+      0 2px 4px 0 #1e253014,
+      0 4px 12px 0 #1e25301f;
+    border-top: 8px solid var(--sapphire-blue);
+
+    .card-body {
+      padding: var(--spacing-09) var(--spacing-10);
+    }
+  }
+
+  &.card-premium-border {
+    h1,
+    h2,
+    h3,
+    h4,
+    h5 {
+      color: var(--blue-60);
+    }
+
+    border-radius: var(--spacing-04);
+    border: 2px solid transparent;
+    background:
+      linear-gradient(white, white) padding-box,
+      linear-gradient(to right, var(--blue-40), #254c84, var(--blue-70))
+        border-box;
+
+    .card-body {
+      padding: var(--spacing-10);
+    }
+
+    .btn {
+      width: 100%;
+    }
+  }
+
+  &.card-blue-border {
+    h1,
+    h2,
+    h3,
+    h4,
+    h5 {
+      color: var(--sapphire-blue);
+    }
+
+    background-color: white;
+    border-radius: var(--spacing-04);
+    border: 2px solid var(--sapphire-blue);
+
+    .card-body {
+      padding: var(--spacing-10);
+    }
+
+    .btn {
+      width: 100%;
+    }
+  }
+
+  &.card-pattern {
+    border-radius: var(--border-radius-medium);
+    color: var(--white);
+    text-align: center;
+    background-size: cover;
+    background-image: linear-gradient(
+        to right,
+        rgba(0 0 0 / 40%) 0%,
+        var(--dark-jungle-green) 25%,
+        var(--dark-jungle-green) 75%,
+        rgba(0 0 0 / 40%) 100%
+      ),
+      url('../../../../public/img/website-redesign/overleaf-pattern-purple.png');
+
+    h2 {
+      @include heading-lg;
+    }
+
+    p {
+      @include body-lg;
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    p {
+      color: var(--white);
+    }
+
+    .card-body {
+      padding: var(--spacing-13);
+    }
+  }
+
+  &.card-pattern-left-only {
+    border-radius: var(--border-radius-medium);
+    color: var(--white);
+    background-size: cover;
+    background-image: linear-gradient(
+        to right,
+        rgba(0 0 0 / 40%) 0%,
+        var(--dark-jungle-green) 20%,
+        var(--dark-jungle-green) 100%
+      ),
+      url('../../../../public/img/website-redesign/overleaf-pattern-purple.png');
+
+    h2 {
+      @include heading-lg;
+    }
+
+    p {
+      @include body-lg;
+    }
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    p {
+      color: var(--white);
+    }
+
+    .card-body {
+      padding: var(--spacing-13);
+    }
+  }
+
+  &.card-grey-border {
+    background-color: white;
+    border-radius: var(--border-radius-medium);
+    border: 2px solid var(--neutral-20);
+
+    .card-body {
+      padding: var(--spacing-10);
+    }
+  }
+
+  &.card-green-border {
+    background-color: white;
+    border-radius: var(--border-radius-medium);
+    border: 2px solid var(--green-50);
+
+    .card-body {
+      padding: var(--spacing-09);
+    }
+  }
+}
+
+.card-gray {
+  background-color: var(--neutral-10);
+}
+
+.card-gray-dark {
+  background-color: var(--neutral-10);
+  border-radius: var(--border-radius-base);
+
+  .card-body {
+    padding: var(--spacing-10) var(--spacing-09);
+  }
+}
+
+.card-icon {
+  display: flex;
+  width: max-content;
+  margin: 0 auto;
+  padding: var(--spacing-08);
+  border-radius: 50%;
+  background-color: var(--bg-light-secondary);
+  color: var(--content-secondary);
+
+  .material-symbols {
+    font-size: 2rem;
+  }
+
+  &.text-primary {
+    background-color: var(--bg-accent-03);
+  }
+
+  &.text-danger {
+    background-color: var(--bg-danger-03);
+  }
+}
+
+.card-description-secondary {
+  color: var(--content-secondary);
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/close-button.scss b/services/web/frontend/stylesheets/bootstrap-5/components/close-button.scss
new file mode 100644
index 0000000..bb3e78f
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/close-button.scss
@@ -0,0 +1,10 @@
+// This is our own implementation because the Bootstrap close button requires more customization than is worthwhile
+.close {
+  @include reset-button;
+
+  color: var(--content-primary);
+
+  &.dark {
+    color: var(--content-primary-dark);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/collapsible-file-header.scss b/services/web/frontend/stylesheets/bootstrap-5/components/collapsible-file-header.scss
new file mode 100644
index 0000000..1474e54
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/collapsible-file-header.scss
@@ -0,0 +1,28 @@
+:root {
+  --collapsible-file-header-bg-color: var(--bg-light-tertiary);
+
+  @include theme('default') {
+    .ide-redesign-main {
+      --collapsible-file-header-bg-color: var(--bg-dark-tertiary);
+    }
+  }
+}
+
+.collapsible-file-header {
+  all: unset;
+  padding: var(--spacing-03) var(--spacing-04);
+  font-size: var(--font-size-02);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-04);
+  box-sizing: border-box;
+  width: 100%;
+}
+
+.collapsible-file-header-count {
+  background-color: var(--collapsible-file-header-bg-color);
+  padding: var(--spacing-01) var(--spacing-02);
+  margin-left: auto;
+  border-radius: var(--border-radius-base);
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/dev-toolbar.scss b/services/web/frontend/stylesheets/bootstrap-5/components/dev-toolbar.scss
new file mode 100644
index 0000000..f6c8f17
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/dev-toolbar.scss
@@ -0,0 +1,136 @@
+.dev-toolbar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 100;
+  height: 40px;
+  background-color: var(--bg-dark-primary);
+  padding: var(--spacing-02) var(--spacing-05);
+
+  button.widget {
+    color: var(--neutral-10);
+    margin: 0 var(--spacing-02);
+    padding: 0 var(--spacing-02);
+    border: none;
+    text-decoration: none;
+
+    .badge {
+      font-size: var(--font-size-03);
+    }
+  }
+
+  .collapse-button {
+    position: absolute;
+    padding: 0;
+    margin-top: calc(var(--spacing-01) * -1);
+    color: var(--neutral-50);
+    border-color: transparent;
+
+    span {
+      font-size: var(--font-size-07);
+    }
+
+    &:hover {
+      color: var(--border-primary-dark);
+    }
+  }
+}
+
+.dev-tool-bar-open-button {
+  position: fixed;
+  bottom: -2px;
+  left: 6px;
+  color: var(--neutral-70);
+
+  span {
+    font-size: var(--font-size-07);
+  }
+
+  &:hover {
+    color: var(--border-primary-dark);
+  }
+}
+
+.dev-toolbar-tooltip {
+  opacity: 1 !important;
+
+  a {
+    color: var(--blue-20) !important;
+    text-decoration: none;
+
+    &.btn {
+      color: var(--neutral-10);
+    }
+  }
+
+  &.tooltip.top {
+    margin-top: calc(var(--spacing-04) * -1);
+    opacity: 1;
+  }
+
+  .tooltip-inner {
+    padding: var(--spacing-01) var(--spacing-04) var(--spacing-04)
+      var(--spacing-04);
+    text-align: left;
+    min-width: 300px;
+    max-height: 800px;
+    overflow-y: auto;
+  }
+
+  .title {
+    margin-top: var(--spacing-02);
+  }
+
+  .test-card {
+    text-align: left;
+    color: var(--neutral-10);
+    padding: var(--spacing-03);
+    border: var(--spacing-01) solid var(--neutral-70);
+    background-color: var(--bg-dark-secondary);
+    border-radius: var(--border-radius-base);
+    margin-top: var(--spacing-04);
+
+    &.override {
+      border-color: var(--blue-40);
+    }
+
+    .test-name {
+      font-family: monospace;
+      font-size: var(--font-size-01);
+      font-weight: bold;
+    }
+
+    ul {
+      li.variant-row {
+        line-height: var(--line-height-03);
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: var(--spacing-01) 0;
+
+        .btn-inline-link {
+          color: var(--content-primary-dark) !important;
+          opacity: 1;
+          font-weight: 400;
+          text-decoration: none;
+
+          .material-symbols {
+            vertical-align: sub;
+            font-weight: 400;
+            font-size: var(--font-size-03);
+          }
+        }
+      }
+    }
+  }
+
+  .actions {
+    margin-top: var(--spacing-04);
+    text-align: right;
+  }
+
+  ul {
+    margin-bottom: 0;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/dictionary.scss b/services/web/frontend/stylesheets/bootstrap-5/components/dictionary.scss
new file mode 100644
index 0000000..952050e
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/dictionary.scss
@@ -0,0 +1,33 @@
+#dictionary-modal {
+  .modal-body {
+    padding: 0;
+  }
+}
+
+.dictionary-entries-list {
+  overflow-y: scroll;
+  max-height: calc(100vh - 225px);
+  margin: 0;
+  padding: var(--spacing-04);
+}
+
+.dictionary-entry {
+  word-break: break-all;
+  display: flex;
+  padding: var(--spacing-04);
+  border-bottom: solid 1px var(--border-divider);
+  align-items: center;
+
+  &:last-child {
+    border-bottom: none;
+  }
+}
+
+.dictionary-entry-name {
+  flex-grow: 1;
+  padding-right: var(--spacing-02);
+}
+
+.dictionary-empty-body {
+  padding: var(--spacing-07);
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/dropdown-menu.scss b/services/web/frontend/stylesheets/bootstrap-5/components/dropdown-menu.scss
new file mode 100644
index 0000000..719e04a
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/dropdown-menu.scss
@@ -0,0 +1,223 @@
+$dropdown-item-min-height: 36px;
+
+.dropdown {
+  display: inline-flex;
+
+  .no-left-border {
+    border-left: none;
+  }
+
+  .custom-toggle {
+    &::after {
+      content: none !important;
+    }
+
+    padding-left: var(--spacing-04);
+    padding-right: var(--spacing-05);
+    display: flex;
+    align-items: center;
+  }
+}
+
+.dropdown-header {
+  @include body-xs;
+
+  min-height: $dropdown-item-min-height; // a minimum height of 36px to be accessible for touch screens
+  padding: var(--spacing-05) var(--spacing-06) var(--spacing-02)
+    var(--spacing-04);
+}
+
+.dropdown-menu.dropdown-menu-unpositioned {
+  position: unset;
+  top: unset;
+  left: unset;
+  z-index: unset;
+  display: block;
+  float: unset;
+}
+
+.dropdown-menu {
+  @include shadow-md;
+
+  min-width: 240px;
+
+  &.dropdown-menu-sm-width {
+    min-width: 160px;
+  }
+
+  .subdued {
+    color: var(--content-disabled);
+  }
+}
+
+.dropdown-item {
+  @include body-sm;
+
+  --bs-dropdown-item-border-radius: var(--border-radius-base);
+
+  display: grid;
+  grid-auto-flow: column;
+  place-content: center start;
+  min-height: $dropdown-item-min-height; // a minimum height of 36px to be accessible for touch screens
+  position: relative;
+
+  &:active {
+    background-color: var(--bg-accent-03);
+  }
+
+  &,
+  &:active,
+  &:visited {
+    color: var(--neutral-90);
+  }
+
+  &:hover:not(.active),
+  &:focus:not(.active),
+  &.nested-dropdown-toggle-shown {
+    background-color: var(--bg-light-secondary);
+    cursor: pointer;
+    text-decoration: none;
+  }
+
+  &[variant='danger'] {
+    color: var(--content-danger);
+
+    &:hover:not(.active),
+    &:focus:not(.active) {
+      background-color: var(--bg-danger-03);
+    }
+  }
+
+  &.active {
+    background-color: var(--bg-accent-03);
+    color: var(--green-70);
+  }
+
+  &.btn-link {
+    text-decoration: none;
+
+    &:hover,
+    &:focus {
+      color: inherit;
+    }
+  }
+}
+
+.dropdown-divider {
+  border-top-color: var(--border-divider);
+  margin: var(--spacing-01) var(--spacing-03);
+}
+
+.dropdown-item-description {
+  @include body-xs;
+
+  color: var(--content-secondary);
+  margin-top: var(--spacing-01);
+  text-wrap: wrap;
+}
+
+.dropdown-item-description-container {
+  grid-auto-flow: row;
+  min-height: 44px;
+  display: grid;
+  place-content: center start;
+}
+
+.dropdown-item-trailing-icon {
+  position: absolute;
+  right: 10px;
+  top: 50%;
+  transform: translateY(-50%);
+}
+
+.dropdown-item-leading-icon {
+  display: flex;
+  align-items: center;
+  padding-right: var(--spacing-04);
+
+  &.spinner {
+    margin-left: var(--spacing-01);
+    margin-right: var(--spacing-01);
+  }
+}
+
+.dropdown-item-leading-icon,
+.dropdown-item-trailing-icon {
+  .material-symbols {
+    vertical-align: top;
+  }
+}
+
+.dropdown-item-leading-icon-empty {
+  display: inline-block;
+  width: 20px;
+}
+
+// description text should look disabled when the dropdown item is disabled
+.dropdown-item.disabled .dropdown-item-description,
+.dropdown-item[aria-disabled='true'] .dropdown-item-description {
+  background-color: transparent;
+  color: var(--content-disabled);
+}
+
+// override disabled styles when the state is active
+.dropdown-item.active .dropdown-item-description {
+  background-color: initial;
+  color: var(--green-70);
+}
+
+.dropdown-button-toggle {
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+  padding-right: var(--spacing-05);
+  padding-left: var(--spacing-05);
+  margin-left: 0;
+
+  &.btn-primary,
+  &.btn-danger {
+    border-left: 1px solid rgb($neutral-90, 0.16);
+  }
+
+  &.btn-secondary {
+    border-left: 1px solid var(--neutral-60);
+  }
+
+  &[disabled],
+  &[aria-disabled='true'] {
+    border-left: 1px solid var(--neutral-10);
+  }
+}
+
+.select-dropdown-menu {
+  top: 100%;
+  margin-top: var(--spacing-04);
+  width: 100%;
+  max-height: 200px;
+  overflow: auto;
+  overflow-x: hidden;
+}
+
+.dropdown-item-highlighted {
+  background-color: var(--bg-light-secondary);
+}
+
+.dropdown-item-material-icon-small {
+  .material-symbols,
+  &.material-symbols {
+    font-size: var(--bs-body-font-size);
+
+    // Centre the symbol in a 20px-by-20px box
+    width: 20px;
+    line-height: 20px;
+    text-align: center;
+  }
+}
+
+.nested-dropdown-toggle {
+  &::after {
+    content: none !important;
+  }
+
+  display: flex;
+  justify-content: space-between;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/error-boundary.scss b/services/web/frontend/stylesheets/bootstrap-5/components/error-boundary.scss
new file mode 100644
index 0000000..e0d011a
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/error-boundary.scss
@@ -0,0 +1,22 @@
+.error-boundary-alert {
+  padding: var(--spacing-05);
+}
+
+.error-boundary-container {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-06);
+  position: absolute;
+  top: 40%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+
+  .error-message {
+    align-items: center;
+    color: var(--content-primary);
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-02);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/footer.scss b/services/web/frontend/stylesheets/bootstrap-5/components/footer.scss
new file mode 100644
index 0000000..139994a
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/footer.scss
@@ -0,0 +1,464 @@
+@use 'sass:map';
+
+// Max width of the sidebar
+$footer-width-delta: 320px;
+
+@mixin footer-container-up($bp) {
+  $size: map.get($grid-breakpoints, $bp);
+
+  @supports (container-type: inline-size) {
+    @container fatfooter (width >= #{$size}) {
+      @content;
+    }
+  }
+
+  @supports not (container-type: inline-size) {
+    @at-root {
+      .project-ds-nav-page & {
+        @media (min-width: #{$size + $footer-width-delta}) {
+          @content;
+        }
+      }
+
+      :not(.project-ds-nav-page *) & {
+        @media (min-width: #{$size}) {
+          @content;
+        }
+      }
+    }
+  }
+}
+
+@mixin footer-container-down($bp) {
+  $size: map.get($grid-breakpoints, $bp);
+
+  @supports (container-type: inline-size) {
+    @container fatfooter (width < #{$size}) {
+      @content;
+    }
+  }
+
+  @supports not (container-type: inline-size) {
+    @at-root {
+      .project-ds-nav-page & {
+        @media (max-width: #{$size + $footer-width-delta}) {
+          @content;
+        }
+      }
+
+      :not(.project-ds-nav-page *) & {
+        @media (max-width: #{$size}) {
+          @content;
+        }
+      }
+    }
+  }
+}
+
+footer.site-footer {
+  --link-color: var(--link-web);
+  --link-hover-color: var(--link-web-hover);
+  --link-visited-color: var(--link-web-visited);
+  --link-text-decoration: none;
+  --link-hover-text-decoration: underline;
+
+  background-color: var(--bg-light-primary);
+  border-top: 1px solid var(--border-primary-dark);
+
+  @include body-sm;
+
+  min-height: $thin-footer-height;
+  line-height: $thin-footer-height - 1; // Hack — in Chrome, using the full $footer-height would generate vertical scrolling
+
+  ul.site-footer-items {
+    list-style: none;
+    margin: 0;
+
+    > li {
+      display: inline-block;
+      margin: 0 var(--spacing-04);
+    }
+
+    i {
+      font-size: var(--font-size-05);
+    }
+  }
+}
+
+.site-footer-content {
+  @extend .container-fluid;
+}
+
+.sprite-icon-lang {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+#language-picker-toggle {
+  text-decoration: none;
+  cursor: pointer;
+
+  &::after {
+    display: none;
+  }
+
+  &:hover {
+    .language-picker-text {
+      text-decoration: var(--link-hover-text-decoration);
+    }
+  }
+
+  .material-symbols {
+    vertical-align: -0.1875rem;
+  }
+}
+
+.language-picker .dropdown-menu {
+  .dropdown-item {
+    &.active {
+      color: var(--green-70);
+    }
+
+    &:hover {
+      text-decoration: none;
+    }
+  }
+}
+
+.fat-footer {
+  --footer-text-color: var(--content-secondary-dark);
+  --footer-background-color: var(--bg-dark-primary);
+  --link-color: var(--footer-text-color);
+  --link-hover-color: var(--footer-text-color);
+  --link-visited-color: var(--footer-text-color);
+  --link-text-decoration: none;
+  --link-hover-text-decoration: underline;
+
+  container-name: fatfooter;
+  container-type: inline-size;
+  background: var(--footer-background-color);
+  color: var(--footer-text-color);
+  display: flex;
+  flex-direction: column;
+
+  .fat-footer-container {
+    margin: var(--spacing-11) auto;
+
+    @include footer-container-down(sm) {
+      margin: var(--spacing-11) 0;
+    }
+  }
+
+  .footer-brand-container {
+    flex: 1;
+  }
+
+  .fat-footer-sections {
+    display: grid;
+    column-gap: var(--spacing-07);
+    padding: 0 var(--spacing-07) var(--spacing-07);
+  }
+
+  .footer-brand {
+    display: block;
+    height: 37px;
+    width: 130px;
+    background-image: url('../../../../public/img/ol-brand/overleaf-white.svg');
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: left center;
+  }
+
+  .footer-section-heading {
+    color: var(--footer-text-color);
+
+    @include heading-sm;
+
+    margin-bottom: var(--spacing-07);
+    margin-top: var(--spacing-07);
+  }
+
+  .footer-section ul {
+    @include body-sm;
+  }
+
+  .footer-section li {
+    padding-bottom: var(--spacing-04);
+  }
+
+  #footer-brand {
+    grid-column: 1/-1;
+    margin-top: var(--spacing-07);
+  }
+
+  .fat-footer-base {
+    color: var(--content-disabled);
+
+    @include body-sm;
+
+    #language-picker-toggle {
+      color: var(--footer-text-color);
+    }
+
+    .fat-footer-base-meta a:not(.dropdown-toggle) {
+      color: inherit;
+    }
+
+    .language-picker .dropdown-menu {
+      .dropdown-header {
+        display: none; /* hiding rather than removing as still needed in the thin footer */
+      }
+    }
+  }
+
+  .fat-footer-base-item {
+    display: flex;
+    white-space: nowrap;
+  }
+
+  .fat-footer-social {
+    &.x-logo svg path {
+      fill: var(--footer-text-color);
+    }
+
+    &.facebook-logo svg,
+    &.linkedin-logo svg {
+      path.background {
+        fill: var(--footer-text-color);
+      }
+    }
+
+    &.facebook-logo svg {
+      path.text {
+        fill: transparent;
+      }
+    }
+
+    &.linkedin-logo svg {
+      path.text {
+        fill: var(--footer-background-color);
+      }
+    }
+  }
+
+  @include footer-container-down(md) {
+    .fat-footer-sections {
+      grid-template-columns: repeat(2, 1fr);
+      grid-template-rows: repeat(4, auto);
+    }
+
+    .fat-footer-base {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+
+      .fat-footer-base-section {
+        display: flex;
+        align-items: center;
+      }
+
+      .fat-footer-base-social {
+        order: 1;
+      }
+
+      .fat-footer-base-meta {
+        display: flex;
+        flex-direction: column-reverse;
+        align-items: center;
+        order: 2;
+      }
+
+      .fat-footer-base-item {
+        flex-wrap: wrap;
+        padding: var(--spacing-02);
+        margin: var(--spacing-06);
+      }
+
+      .fat-footer-base-meta .fat-footer-base-item {
+        gap: var(--spacing-09);
+        justify-content: center;
+
+        @include footer-container-down(sm) {
+          gap: var(--spacing-06);
+        }
+      }
+
+      .fat-footer-base-social .fat-footer-base-item {
+        gap: var(--spacing-07);
+        margin-top: var(--spacing-00);
+      }
+
+      .fat-footer-base-copyright {
+        order: 2;
+      }
+    }
+  }
+
+  @include footer-container-up(md) {
+    .fat-footer-container {
+      width: (map.get($grid-breakpoints, 'md') - ($spacing-04 * 2));
+    }
+
+    #footer-brand {
+      grid-column: auto;
+      grid-row: 1/-1;
+    }
+
+    .fat-footer-sections {
+      grid-template-columns: repeat(4, 1fr);
+      grid-template-rows: repeat(2, auto);
+    }
+
+    .footer-section:last-of-type {
+      grid-column: 4;
+    }
+
+    .fat-footer-base {
+      display: flex;
+      justify-content: space-between;
+      margin: var(--spacing-07) auto;
+
+      .fat-footer-base-section {
+        display: flex;
+        align-items: center;
+      }
+
+      .fat-footer-base-item {
+        padding: var(--spacing-02);
+        margin: var(--spacing-02);
+      }
+
+      .fat-footer-base-meta .fat-footer-base-item {
+        gap: var(--spacing-07);
+      }
+
+      .fat-footer-social {
+        margin: var(--spacing-07) var(--spacing-03);
+      }
+    }
+  }
+
+  @include footer-container-up(lg) {
+    .fat-footer-container {
+      width: (map.get($grid-breakpoints, 'lg') - $spacing-07);
+    }
+
+    .fat-footer-sections {
+      grid-template-columns: repeat(4, 1fr);
+    }
+  }
+
+  @include footer-container-up(xl) {
+    .fat-footer-container {
+      width: (map.get($grid-breakpoints, 'xl') - $spacing-09);
+    }
+
+    .fat-footer-sections {
+      grid-template-columns: repeat(6, 1fr);
+      grid-template-rows: auto;
+    }
+
+    .footer-section:last-of-type {
+      grid-column: 6;
+    }
+  }
+}
+
+.cookie-banner {
+  @include body-sm;
+
+  padding: var(--spacing-05) var(--spacing-07);
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 100;
+  color: var(--content-secondary);
+  background: var(--bg-light-secondary);
+  box-shadow: 0 -5px 8px 0 #0000001a;
+
+  .cookie-banner-actions {
+    padding-top: var(--spacing-04);
+  }
+
+  @include media-breakpoint-up(md) {
+    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+
+    .cookie-banner-content {
+      flex: 1;
+    }
+
+    .cookie-banner-actions {
+      flex-shrink: 0;
+      white-space: nowrap;
+      padding-top: var(--spacing-00);
+    }
+  }
+}
+
+.website-redesign-fat-footer,
+.website-redesign .fat-footer {
+  --footer-text-color: var(--content-primary);
+
+  .fat-footer-container {
+    @include footer-container-down(sm) {
+      margin: var(--spacing-11) 0;
+    }
+  }
+
+  &.fat-footer {
+    background: var(--content-primary-dark);
+
+    h2 {
+      font-weight: 400;
+    }
+
+    .fat-footer-base {
+      color: var(--content-primary);
+
+      #language-picker-toggle {
+        color: inherit;
+      }
+    }
+
+    // This is duplication of fill colours in the SVGs themselves. This could be fixed by using :has() but that's not
+    // supported in older versions of browsers and these logos need to be correct.
+    .fat-footer-social {
+      &.x-logo svg path {
+        fill: #0f1419;
+      }
+
+      &.facebook-logo svg,
+      &.linkedin-logo svg {
+        path.text {
+          fill: #fff;
+        }
+      }
+
+      &.facebook-logo svg {
+        path.background {
+          fill: #0866ff;
+        }
+      }
+
+      &.linkedin-logo svg {
+        path.background {
+          fill: #0b66c3;
+        }
+      }
+    }
+  }
+
+  .footer-brand {
+    background-image: url('../../../../public/img/ol-brand/overleaf-black.svg');
+  }
+
+  @include footer-container-down(sm) {
+    .fat-footer-sections {
+      grid-template-columns: repeat(1, 1fr);
+      grid-template-rows: repeat(6, auto);
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/form.scss b/services/web/frontend/stylesheets/bootstrap-5/components/form.scss
new file mode 100644
index 0000000..31b685d
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/form.scss
@@ -0,0 +1,254 @@
+.form-check-input {
+  @function form-check-box-svg($color) {
+    @return url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>");
+  }
+
+  @function form-check-radio-svg($color) {
+    @return url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='2' fill='#{$color}'/></svg>");
+  }
+
+  @function form-check-indeterminate-svg($color) {
+    @return url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='#{$color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/></svg>");
+  }
+
+  &:hover {
+    &:not(:disabled) {
+      border-color: var(--border-hover);
+
+      &:checked,
+      &[type='checkbox']:indeterminate {
+        background-color: var(--bg-accent-02);
+        border-color: var(--bg-accent-02);
+      }
+    }
+  }
+
+  &:disabled {
+    @include input-disabled-styles;
+
+    &[type='checkbox']:indeterminate {
+      @include input-disabled-styles;
+
+      background-image: escape-svg(form-check-indeterminate-svg($neutral-40));
+    }
+  }
+
+  // Use disabled attribute in addition of :disabled pseudo-class
+  // See: https://github.com/twbs/bootstrap/issues/28247
+  &[disabled],
+  &:disabled {
+    ~ .form-check-label {
+      color: $input-disabled-color;
+    }
+
+    &:checked {
+      &[type='checkbox'] {
+        background-image: escape-svg(form-check-box-svg($neutral-40));
+      }
+
+      &[type='radio'] {
+        background-image: escape-svg(form-check-radio-svg($neutral-40));
+      }
+    }
+  }
+
+  &:focus-visible {
+    outline: 0;
+    border-color: $input-focus-border-color;
+    box-shadow: $input-focus-box-shadow;
+  }
+}
+
+.form-control {
+  &[disabled],
+  &:disabled {
+    &::placeholder {
+      color: var(--content-disabled);
+    }
+  }
+}
+
+// Fake disabled checkbox style
+.readonly-disabled-checkbox input.form-check-input {
+  @include input-disabled-styles;
+
+  &:hover:not(:disabled):checked {
+    @include input-disabled-styles;
+  }
+}
+
+.form-switch {
+  .form-check-input {
+    --bs-form-check-bg: var(--bg-dark-tertiary);
+
+    height: 20px;
+    margin: 0;
+    border: 0;
+
+    &:hover {
+      cursor: pointer;
+    }
+
+    &:disabled {
+      opacity: 0.32;
+      background-color: var(--bg-dark-tertiary);
+
+      &:checked {
+        background-color: var(--bg-accent-01);
+        background-image: #{escape-svg(
+            url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$component-active-color}'/></svg>")
+          )};
+      }
+    }
+  }
+}
+
+.form-check-label-description {
+  .form-text-inner {
+    margin-top: var(--spacing-01) !important;
+  }
+}
+
+.form-text {
+  .form-control[disabled] ~ & {
+    color: var(--content-disabled);
+  }
+
+  .form-text-inner {
+    display: flex;
+    gap: var(--spacing-02);
+    line-height: var(--line-height-02);
+    margin-top: var(--spacing-04);
+  }
+}
+
+.form-label {
+  &:has(+ .form-control[disabled], + .form-control-wrapper-disabled) {
+    color: var(--content-disabled);
+  }
+}
+
+.form-group {
+  margin-bottom: $form-group-margin-bottom;
+}
+
+.form-control-wrapper {
+  position: relative;
+
+  &.form-control-wrapper-disabled {
+    .form-control-start-icon,
+    .form-control-end-icon {
+      & > * {
+        color: var(--content-disabled);
+      }
+    }
+  }
+
+  .form-control-start-icon,
+  .form-control-end-icon {
+    position: absolute;
+    top: 0;
+    height: 100%;
+    display: flex;
+    align-items: center;
+  }
+
+  .form-control-start-icon {
+    left: 0;
+    padding-left: calc(var(--form-control-padding-x) + var(--bs-border-width));
+  }
+
+  .form-control-end-icon {
+    right: 0;
+    padding-right: calc(var(--form-control-padding-x) + var(--bs-border-width));
+
+    .form-control-search-clear-btn {
+      @include reset-button;
+
+      display: flex;
+      justify-content: center;
+    }
+  }
+
+  --icon-width: 20px;
+  --form-control-padding-x: var(--spacing-04);
+  --form-control-icon-offset-y: var(--spacing-04);
+
+  &.form-control-wrapper-sm {
+    --form-control-padding-x: var(--spacing-03);
+    --form-control-icon-offset-y: var(--spacing-02);
+  }
+
+  &.form-control-wrapper-lg {
+    --form-control-padding-x: var(--spacing-05);
+    --form-control-icon-offset-y: var(--spacing-05);
+  }
+
+  .form-control-offset-start {
+    padding-left: calc(
+      var(--form-control-padding-x) + var(--form-control-icon-offset-y) +
+        var(--icon-width)
+    );
+  }
+
+  .form-control-offset-end {
+    padding-right: calc(
+      var(--form-control-padding-x) + var(--form-control-icon-offset-y) +
+        var(--icon-width)
+    );
+  }
+}
+
+.form-control,
+.form-select {
+  &:focus,
+  &:invalid:focus,
+  &.is-invalid:focus,
+  &:focus-visible,
+  &:invalid:focus-visible,
+  &.is-invalid:focus-visible {
+    color: $input-focus-color;
+    background-color: $input-focus-bg;
+    outline: 0;
+    border-color: $input-focus-border-color;
+    box-shadow: $input-focus-box-shadow;
+  }
+}
+
+.website-redesign {
+  label {
+    color: $form-text-color;
+    display: inline-block;
+    margin-bottom: var(--spacing-02);
+    font-weight: bold;
+
+    @include body-sm;
+  }
+
+  .checkbox-label {
+    margin-left: var(--spacing-04);
+  }
+}
+
+%input-focus-style {
+  border-color: $input-focus-border-color;
+  box-shadow: $form-check-input-focus-box-shadow;
+}
+
+input[type='range'] {
+  display: block;
+  width: 100%;
+}
+
+// Feedback states
+.has-success {
+  @include form-control-validation($bg-accent-01);
+}
+
+.has-warning {
+  @include form-control-validation($bg-warning-03);
+}
+
+.has-error {
+  @include form-control-validation($bg-danger-01);
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/gallery-search.scss b/services/web/frontend/stylesheets/bootstrap-5/components/gallery-search.scss
new file mode 100644
index 0000000..dca3b72
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/gallery-search.scss
@@ -0,0 +1,136 @@
+.gallery-search {
+  margin-bottom: var(--spacing-16);
+
+  form {
+    display: flex;
+    justify-content: center;
+    gap: var(--spacing-04);
+
+    @include media-breakpoint-down(md) {
+      .form-control-wrapper {
+        width: 100%;
+      }
+    }
+
+    input {
+      padding-top: var(--spacing-06);
+      padding-right: var(--spacing-06);
+      padding-bottom: var(--spacing-06);
+      height: 48px;
+
+      @include media-breakpoint-up(md) {
+        width: 544px;
+      }
+    }
+  }
+
+  .search-hits {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-08);
+
+    .search-hits-loading,
+    .search-hits-empty,
+    .search-hit:first-of-type {
+      margin-top: var(--spacing-16);
+    }
+
+    .search-hit {
+      display: flex;
+      gap: var(--spacing-08);
+
+      .search-image {
+        a {
+          display: flex;
+          align-items: flex-start;
+          justify-content: center;
+          height: 100%;
+          width: 100%;
+          position: relative;
+
+          &::before {
+            content: '';
+            background: var(--neutral-90);
+            opacity: 0;
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            border-radius: var(--border-radius-base);
+            transition: opacity 0.15s ease-in-out;
+          }
+
+          img {
+            @include shadow-md;
+
+            width: 185px;
+            border-radius: var(--border-radius-base);
+
+            @include media-breakpoint-down(sm) {
+              width: 35vw;
+            }
+          }
+
+          &:hover {
+            &::before {
+              opacity: 0.08;
+              transition: opacity 0.15s ease-in-out;
+            }
+          }
+        }
+      }
+
+      .search-title {
+        margin-bottom: var(--spacing-04);
+        max-width: $templates-search-max-width;
+        display: flex;
+        align-items: center;
+
+        a {
+          @include heading-md;
+
+          line-clamp: 2;
+          display: -webkit-box;
+          -webkit-line-clamp: 2;
+          -webkit-box-orient: vertical;
+          overflow-y: hidden;
+          color: var(--content-primary);
+          text-decoration: none;
+
+          &:hover {
+            text-decoration: underline;
+          }
+
+          @include media-breakpoint-down(lg) {
+            @include heading-sm;
+          }
+
+          @include media-breakpoint-down(md) {
+            @include heading-xs;
+
+            line-clamp: 3;
+            -webkit-line-clamp: 3;
+          }
+        }
+      }
+
+      .search-highlight {
+        max-width: $templates-search-max-width;
+      }
+
+      .search-author {
+        display: block;
+
+        & + .badge-link-list {
+          margin-top: var(--spacing-06);
+        }
+      }
+
+      .gallery-official {
+        margin-left: var(--spacing-06);
+        vertical-align: text-top;
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/group-members.scss b/services/web/frontend/stylesheets/bootstrap-5/components/group-members.scss
new file mode 100644
index 0000000..bfe5efb
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/group-members.scss
@@ -0,0 +1,169 @@
+/* Styles for group-subscription members view */
+
+.structured-list.managed-entities-list {
+  /* Override scrolling behaviour on structured-list */
+  overflow: initial;
+  overflow-y: initial;
+  overflow-x: initial;
+}
+
+.managed-entities-list {
+  vertical-align: middle;
+
+  .security-state-invite-pending {
+    color: var(--content-disabled);
+  }
+
+  .security-state-managed {
+    color: var(--content-positive);
+  }
+
+  .security-state-not-managed {
+    color: var(--content-danger);
+  }
+
+  .managed-entity-row {
+    overflow-wrap: break-word;
+  }
+
+  .managed-user-security {
+    display: flex;
+    justify-content: space-between;
+  }
+}
+
+.managed-entities-table {
+  width: 100%;
+  table-layout: fixed;
+
+  @include media-breakpoint-up(sm) {
+    .cell-checkbox {
+      width: 5%;
+    }
+
+    .cell-email {
+      width: 30%;
+    }
+
+    &.group-sso-active .cell-email {
+      width: 29%;
+    }
+
+    .cell-name {
+      width: 20%;
+    }
+
+    .cell-last-active {
+      width: 20%;
+    }
+
+    .cell-security {
+      width: 12%;
+    }
+
+    .cell-managed {
+      width: 15%;
+    }
+
+    .cell-dropdown {
+      width: 26%;
+      min-width: 36px;
+      text-align: right;
+    }
+
+    .cell-accepted-invite {
+      width: 17%;
+    }
+
+    &.managed-users-active {
+      .cell-email {
+        width: 30%;
+      }
+
+      &.group-sso-active {
+        .cell-checkbox {
+          width: 3%;
+        }
+
+        .cell-email {
+          width: 37%;
+        }
+
+        .cell-last-active {
+          width: 16%;
+        }
+
+        .cell-name {
+          width: 18%;
+        }
+      }
+    }
+  }
+
+  @include media-breakpoint-up(xl) {
+    .cell-checkbox {
+      width: 5%;
+    }
+
+    .cell-email {
+      width: 41%;
+    }
+
+    &.group-sso-active .cell-email {
+      width: 41%;
+    }
+
+    .cell-name {
+      width: 20%;
+    }
+
+    .cell-last-active {
+      width: 15%;
+    }
+
+    .cell-security {
+      width: 10%;
+    }
+
+    .cell-managed {
+      width: 13%;
+    }
+
+    .cell-dropdown {
+      width: 19%;
+      min-width: 36px;
+      text-align: right;
+    }
+
+    .cell-accepted-invite {
+      width: 17%;
+    }
+
+    &.managed-users-active {
+      .cell-email {
+        width: 41%;
+      }
+
+      &.group-sso-active {
+        .cell-checkbox {
+          width: 3%;
+        }
+
+        .cell-email {
+          width: 36%;
+        }
+
+        .cell-name {
+          width: 18%;
+        }
+      }
+    }
+  }
+}
+
+.managed-user-security {
+  .material-symbols {
+    position: relative;
+    top: 4px;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/icon.scss b/services/web/frontend/stylesheets/bootstrap-5/components/icon.scss
new file mode 100644
index 0000000..d56bd49
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/icon.scss
@@ -0,0 +1,20 @@
+.icon-double-green-round-background {
+  border-radius: 50%;
+  background: var(--green-30);
+  color: var(--dark-jungle-green);
+  display: inline-flex;
+  border: var(--spacing-04) solid var(--green-10);
+  padding: var(--spacing-04);
+
+  i {
+    font-size: 24px;
+  }
+}
+
+.icon-large-purple-text {
+  color: var(--sapphire-blue);
+
+  i {
+    font-size: 50px;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/image.scss b/services/web/frontend/stylesheets/bootstrap-5/components/image.scss
new file mode 100644
index 0000000..5ac253e
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/image.scss
@@ -0,0 +1,21 @@
+.img-rounded {
+  border-radius: var(--border-radius-large);
+}
+
+.images-border-radius-base {
+  img {
+    border-radius: var(--border-radius-base);
+  }
+}
+
+.images-border-radius-medium {
+  img {
+    border-radius: var(--border-radius-medium);
+  }
+}
+
+.images-border-radius-large {
+  img {
+    border-radius: var(--border-radius-large);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/input-suggestions.scss b/services/web/frontend/stylesheets/bootstrap-5/components/input-suggestions.scss
new file mode 100644
index 0000000..62c8ea9
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/input-suggestions.scss
@@ -0,0 +1,20 @@
+.input-suggestions {
+  position: relative;
+}
+
+.input-suggestions-main {
+  position: absolute;
+  top: 0;
+  background-color: transparent;
+}
+
+.input-suggestions-shadow {
+  background-color: $input-bg;
+  color: var(--content-placeholder);
+
+  & + .input-suggestions-main {
+    &:focus {
+      background-color: transparent;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/integrations-panel.scss b/services/web/frontend/stylesheets/bootstrap-5/components/integrations-panel.scss
new file mode 100644
index 0000000..2d72e53
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/integrations-panel.scss
@@ -0,0 +1,84 @@
+:root {
+  --integrations-panel-bg: var(--bg-dark-primary);
+  --integrations-panel-color: var(--content-primary-dark);
+  --integrations-panel-description-color: var(--content-secondary-dark);
+  --integrations-panel-card-border: var(--border-divider-dark);
+  --integrations-panel-card-button-hover-background: var(--bg-dark-secondary);
+  --integrations-panel-card-button-background: var(--bg-dark-primary);
+  --integrations-panel-badge-color: var(--content-primary);
+  --integrations-panel-badge-background: var(--bg-light-tertiary);
+}
+
+@include theme('light') {
+  --integrations-panel-bg: var(--white);
+  --integrations-panel-color: var(--content-primary);
+  --integrations-panel-description-color: var(--content-secondary);
+  --integrations-panel-card-border: var(--border-divider);
+  --integrations-panel-card-button-hover-background: var(--bg-light-secondary);
+  --integrations-panel-card-button-background: var(--white);
+  --integrations-panel-badge-color: var(--content-primary);
+  --integrations-panel-badge-background: var(--bg-light-tertiary);
+}
+
+.integrations-panel {
+  background-color: var(--integrations-panel-bg);
+  height: 100%;
+}
+
+.integrations-panel-card-button {
+  all: unset;
+  background-color: var(--integrations-panel-card-button-background);
+  width: 100%;
+
+  &:hover {
+    background-color: var(
+      --integrations-panel-card-button-hover-background
+    ) !important;
+  }
+}
+
+.integrations-panel-card-contents {
+  display: flex;
+  margin: 0 var(--spacing-04);
+  padding: var(--spacing-04) 0;
+  gap: var(--spacing-04);
+  border-bottom: 1px solid var(--integrations-panel-card-border);
+}
+
+.integrations-panel-card-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .material-symbols {
+    background: linear-gradient(
+      245.63deg,
+      #214475 0%,
+      #254c84 28.54%,
+      #6597e0 96.69%
+    );
+    color: transparent;
+    background-clip: text;
+  }
+}
+
+.integrations-panel-card-inner {
+  flex: 1;
+}
+
+.integrations-panel-card-premium-badge.badge {
+  color: var(--integrations-panel-badge-color);
+  background-color: var(--integrations-panel-badge-background) !important;
+  font-weight: 600;
+}
+
+.integrations-panel-card-title {
+  font-size: var(--font-size-02);
+  color: var(--integrations-panel-color);
+}
+
+.integrations-panel-card-description {
+  font-size: var(--font-size-01);
+  color: var(--integrations-panel-description-color);
+  margin-bottom: 0;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/interstitial.scss b/services/web/frontend/stylesheets/bootstrap-5/components/interstitial.scss
new file mode 100644
index 0000000..fb26658
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/interstitial.scss
@@ -0,0 +1,23 @@
+.interstitial {
+  max-width: 400px;
+  padding: var(--spacing-08);
+  margin: 0 auto;
+  background: var(--bg-light-primary);
+  display: flex;
+  flex-direction: column;
+
+  .logo {
+    width: 130px;
+    margin: 0 auto;
+    margin-bottom: var(--spacing-08);
+  }
+
+  .btn {
+    width: 100%;
+  }
+
+  .interstitial-header {
+    margin-top: 0;
+    margin-bottom: var(--spacing-02);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/invite.scss b/services/web/frontend/stylesheets/bootstrap-5/components/invite.scss
new file mode 100644
index 0000000..86f68ea
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/invite.scss
@@ -0,0 +1,25 @@
+.link-sharing-invite {
+  font-family: 'Noto Sans', sans-serif;
+
+  .link-sharing-invite-header {
+    font-size: var(--font-size-07);
+    line-height: var(--line-height-06);
+  }
+}
+
+.sharing-updates {
+  h1 {
+    // heading-sm
+    font-size: var(--font-size-05);
+    line-height: var(--line-height-04);
+    color: var(--content-primary);
+  }
+
+  p {
+    color: var(--content-secondary);
+  }
+
+  small {
+    font-size: var(--font-size-02);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/link.scss b/services/web/frontend/stylesheets/bootstrap-5/components/link.scss
new file mode 100644
index 0000000..7a6b96b
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/link.scss
@@ -0,0 +1,13 @@
+.previous-page-link-container {
+  margin-bottom: var(--spacing-09);
+}
+
+.previous-page-link {
+  @extend .link-black-text;
+  @include body-sm;
+
+  i {
+    margin-right: var(--spacing-02);
+    padding-bottom: 3px;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/list-group.scss b/services/web/frontend/stylesheets/bootstrap-5/components/list-group.scss
new file mode 100644
index 0000000..2e19b88
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/list-group.scss
@@ -0,0 +1,5 @@
+.list-group-item {
+  display: flex;
+  align-items: center;
+  min-height: 48px;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/list.scss b/services/web/frontend/stylesheets/bootstrap-5/components/list.scss
new file mode 100644
index 0000000..922f2d1
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/list.scss
@@ -0,0 +1,42 @@
+@mixin list-checkmark {
+  $icon-size: 24px;
+
+  ul {
+    list-style: none;
+    margin-top: var(--spacing-06);
+    padding-left: 0;
+  }
+
+  li {
+    min-height: $icon-size;
+    background-size: $icon-size $icon-size;
+    margin-bottom: var(--spacing-05);
+    padding-left: calc(var(--spacing-05) + $icon-size);
+
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      margin-bottom: var(--spacing-04);
+    }
+  }
+}
+
+.list-checkmark-green {
+  @include list-checkmark;
+
+  li {
+    background: url('../../../../public/img/website-redesign/check-in-green-circle.svg')
+      no-repeat left top;
+  }
+}
+
+.list-checkmark-blue {
+  @include list-checkmark;
+
+  li {
+    background: url('../../../../public/img/website-redesign/check-in-blue-circle.svg')
+      no-repeat left top;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/loading-spinner.scss b/services/web/frontend/stylesheets/bootstrap-5/components/loading-spinner.scss
new file mode 100644
index 0000000..d08bb4c
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/loading-spinner.scss
@@ -0,0 +1,23 @@
+.loading {
+  display: inline-flex;
+
+  .spinner-border-sm,
+  .spinner-border {
+    // Ensure the thickness of the spinner is independent of the font size of its container
+    font-size: var(--font-size-03);
+  }
+
+  // Adjust the small spinner to be 25% larger than Bootstrap's default in each dimension
+  .spinner-border-sm {
+    --bs-spinner-width: 1.25rem;
+    --bs-spinner-height: 1.25rem;
+  }
+}
+
+.full-size-loading-spinner-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/menu-bar.scss b/services/web/frontend/stylesheets/bootstrap-5/components/menu-bar.scss
new file mode 100644
index 0000000..0764f57
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/menu-bar.scss
@@ -0,0 +1,13 @@
+.menu-bar-toggle {
+  border: none;
+  border-radius: var(--border-radius-base);
+  padding: var(--spacing-02);
+  font-size: var(--font-size-03);
+  line-height: var(--line-height-03);
+  font-weight: 400;
+  box-sizing: border-box;
+
+  &.dropdown-toggle::after {
+    display: none;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/modal.scss b/services/web/frontend/stylesheets/bootstrap-5/components/modal.scss
new file mode 100644
index 0000000..e19e9c2
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/modal.scss
@@ -0,0 +1,110 @@
+:root {
+  --bs-heading-color: var(--content-primary);
+}
+
+@include media-breakpoint-up(sm) {
+  .modal-dialog {
+    @include modal-md;
+  }
+
+  .modal-sm {
+    @include modal-sm;
+  }
+}
+
+@include media-breakpoint-up(md) {
+  .modal-md {
+    @include modal-md;
+  }
+}
+
+@include media-breakpoint-up(lg) {
+  .modal-lg {
+    @include modal-lg;
+  }
+}
+
+.modal-content {
+  @include shadow-lg;
+
+  border-radius: var(--border-radius-base);
+
+  .modal-header {
+    .modal-title {
+      @include heading-sm;
+
+      line-height: 35px;
+    }
+
+    .btn-close {
+      margin-right: 0;
+    }
+  }
+
+  .modal-footer {
+    padding: var(--spacing-06);
+    gap: var(--spacing-04);
+
+    > * {
+      margin: 0;
+    }
+  }
+}
+
+// Git bridge modal
+.git-bridge-copy {
+  background: var(--bg-light-secondary);
+  color: var(--content-primary);
+  padding: var(--spacing-05);
+  border-radius: var(--border-radius-base);
+  display: flex;
+  justify-content: center;
+  gap: var(--spacing-05);
+  align-items: center;
+  margin: var(--spacing-09) 0;
+
+  & code {
+    color: var(--content-primary);
+    word-break: break-word;
+  }
+}
+
+.git-bridge-optional-tokens {
+  border: 1px solid var(--border-primary);
+  border-radius: var(--border-radius-base);
+  padding: var(--spacing-07);
+  margin: var(--spacing-09) 0;
+}
+
+.git-bridge-optional-tokens-header {
+  font-size: 120%;
+  font-weight: bold;
+  margin-bottom: var(--spacing-05);
+}
+
+.git-bridge-optional-tokens-actions {
+  margin-top: var(--spacing-05);
+}
+
+.upgrade-track-changes-modal {
+  .teaser-title {
+    font-family: var(--font-sans);
+    font-size: var(--font-size-05);
+    margin-bottom: var(--spacing-05);
+    margin-top: var(--spacing-05);
+    color: var(--content-secondary);
+  }
+
+  ul.list-unstyled li {
+    font-family: var(--font-sans);
+    padding: var(--spacing-02) 0;
+    color: var(--content-secondary);
+    display: flex;
+    align-items: flex-start;
+    gap: var(--spacing-04);
+  }
+
+  ul.list-unstyled li .check-icon {
+    padding-top: 2px;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/nav.scss b/services/web/frontend/stylesheets/bootstrap-5/components/nav.scss
new file mode 100644
index 0000000..5d28341
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/nav.scss
@@ -0,0 +1,107 @@
+@import 'bootstrap-5/scss/functions';
+
+:root {
+  // Basics
+  --navbar-item-spacing-horizontal: var(--spacing-06);
+  --navbar-bg: var(--bg-dark-primary);
+  --navbar-border: transparent;
+  --navbar-padding-h: var(--spacing-05);
+  --navbar-padding: 0 var(--navbar-padding-h);
+  --navbar-brand-width: 130px;
+  --navbar-brand-image-url: url('../../../../public/img/ol-brand/overleaf-white.svg');
+
+  // Title, when used instead of a logo
+  --navbar-title-font-size: var(--font-size-05);
+  --navbar-title-color: var(--neutral-20);
+  --navbar-title-color-hover: var(--neutral-40);
+
+  // Button-like top-level items
+  --navbar-btn-font-size: #{$font-size-base};
+  --navbar-btn-border-radius: #{$border-radius-full};
+  --navbar-btn-border-width: #{$spacing-01};
+  --navbar-btn-font-weight: #{$font-weight-base};
+  --navbar-btn-padding-v: #{$spacing-02};
+  --navbar-btn-padding-h: #{$spacing-06};
+  --navbar-btn-line-height: #{$line-height-base};
+
+  // Properties of "subdued" items
+  --navbar-subdued-padding: calc(
+      var(--navbar-btn-padding-v) + var(--navbar-btn-border-width)
+    )
+    calc(var(--navbar-btn-padding-h) + 1px);
+  --navbar-subdued-color: var(--white);
+  --navbar-subdued-hover-bg: var(--white);
+  --navbar-subdued-hover-color: var(--green-50);
+
+  // Properties of "primary" items
+  --navbar-primary-color: var(--white);
+  --navbar-primary-border-color: var(--green-50);
+  --navbar-primary-bg: var(--green-50);
+  --navbar-primary-hover-bg: var(--green-60);
+  --navbar-primary-hover-border-color: var(--navbar-primary-hover-bg);
+
+  // Links
+  --navbar-link-color: var(--white);
+  --navbar-link-border-color: var(--navbar-link-color);
+  --navbar-link-hover-color: var(--white);
+  --navbar-link-hover-bg: var(--green-50);
+  --navbar-link-hover-border-color: var(--navbar-link-hover-bg);
+
+  // Toggler
+  --navbar-toggler-expanded-color: var(--navbar-link-color);
+  --navbar-toggler-expanded-bg: var(--blue-60);
+
+  // Mobile view
+  --navbar-hamburger-submenu-bg: var(--bg-dark-secondary);
+  --navbar-hamburger-submenu-item-color: var(--navbar-link-color);
+  --navbar-hamburger-submenu-item-hover-color: var(--navbar-link-color);
+  --navbar-hamburger-submenu-item-hover-bg: var(--navbar-link-hover-bg);
+}
+
+.nav {
+  margin-bottom: 0;
+  padding-left: 0;
+  list-style: none;
+  display: block;
+
+  > li {
+    position: relative;
+    display: block;
+
+    > a {
+      position: relative;
+      display: block;
+      padding: var(--spacing-04) var(--spacing-06);
+
+      &:hover,
+      &:focus {
+        text-decoration: none;
+        background-color: var(--bg-info-01);
+        color: var(--white);
+      }
+    }
+
+    // Disabled state sets text to gray and nukes hover/tab effects
+    &.disabled > a {
+      color: var(--content-disabled);
+
+      &:hover,
+      &:focus {
+        color: var(--content-disabled);
+        text-decoration: none;
+        background-color: transparent;
+        cursor: not-allowed;
+      }
+    }
+  }
+
+  // Open dropdowns
+  .open > a {
+    &,
+    &:hover,
+    &:focus {
+      background-color: var(--bg-info-01);
+      border-color: var(--link-ui);
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/navbar.scss b/services/web/frontend/stylesheets/bootstrap-5/components/navbar.scss
new file mode 100644
index 0000000..3b984bb
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/navbar.scss
@@ -0,0 +1,241 @@
+// Default navbar
+.navbar-default {
+  background-color: var(--navbar-bg);
+  border-color: var(--navbar-border);
+  padding: var(--navbar-padding);
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: $header-height;
+
+  .navbar-container {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .navbar-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    flex: 1;
+  }
+
+  .navbar-brand {
+    width: var(--navbar-brand-width);
+    height: $header-height;
+    padding: 0;
+    background: var(--navbar-brand-image-url) no-repeat left center;
+    background-size: contain;
+  }
+
+  .navbar-title {
+    display: inline-block;
+    font-size: var(--navbar-title-font-size);
+    color: var(--navbar-title-color);
+    text-decoration: none;
+
+    &:hover,
+    &:active,
+    &:focus {
+      color: var(--navbar-title-color-hover);
+    }
+  }
+
+  .navbar-nav {
+    > li {
+      display: inline-flex;
+      flex-shrink: 0;
+
+      > .nav-link,
+      > .dropdown-toggle {
+        display: block;
+        color: var(--navbar-link-color);
+        background-color: transparent;
+        padding: var(--navbar-btn-padding-v) var(--navbar-btn-padding-h);
+        margin-left: var(--navbar-item-spacing-horizontal);
+        border: var(--navbar-btn-border-width) solid
+          var(--navbar-link-border-color);
+        border-radius: var(--navbar-btn-border-radius);
+        font-size: var(--navbar-btn-font-size);
+        font-weight: var(--navbar-btn-font-weight);
+        line-height: var(--navbar-btn-line-height);
+        text-decoration: none;
+
+        &.show,
+        &:hover,
+        &:focus {
+          color: var(--navbar-link-hover-color);
+          background-color: var(--navbar-link-hover-bg);
+          border-color: var(--navbar-link-hover-border-color);
+        }
+      }
+
+      &.subdued > .nav-link,
+      &.subdued > .dropdown-toggle {
+        border: 0;
+        color: var(--navbar-subdued-color);
+        padding: var(--navbar-subdued-padding);
+        margin-left: 0;
+
+        &.show,
+        &:hover,
+        &:focus {
+          color: var(--navbar-subdued-hover-color);
+          background-color: var(--navbar-subdued-hover-bg);
+        }
+      }
+
+      &.primary > .nav-link {
+        color: var(--navbar-primary-color);
+        background-color: var(--navbar-primary-bg);
+        border-color: var(--navbar-primary-border-color);
+
+        &.show,
+        &:hover,
+        &:focus {
+          background-color: var(--navbar-primary-hover-bg);
+          border-color: var(--navbar-primary-hover-border-color);
+        }
+      }
+    }
+  }
+
+  .navbar-toggler {
+    --bs-navbar-toggler-padding-x: var(--spacing-04);
+
+    color: var(--navbar-link-color);
+    border-radius: var(--border-radius-base);
+    border-width: 0;
+    transition: 0.2s ease-out;
+
+    &:not(.collapsed) {
+      color: var(--navbar-toggler-expanded-color);
+      background-color: var(--navbar-toggler-expanded-bg);
+      transition: 0.2s ease-in;
+    }
+
+    & .material-symbols {
+      font-size: inherit;
+      font-weight: bold;
+      vertical-align: middle;
+    }
+  }
+
+  .navbar-collapse,
+  .navbar-form {
+    border-color: var(--navbar-border);
+  }
+}
+
+@include media-breakpoint-only(lg) {
+  :root {
+    --navbar-btn-padding-h: #{$spacing-04};
+  }
+}
+
+// Different (stacked) layout for smaller screens
+@include media-breakpoint-down(lg) {
+  .navbar-default .navbar-collapse {
+    &.show {
+      min-height: calc(100vh - $header-height);
+    }
+
+    background-color: var(--navbar-bg);
+    margin: 0 calc(-1 * var(--navbar-padding-h));
+    z-index: 1;
+
+    .navbar-nav {
+      > li {
+        display: block;
+
+        > a,
+        > .dropdown-toggle,
+        > .nav-link {
+          margin: 0;
+          padding-top: var(--spacing-05);
+          padding-bottom: var(--spacing-05);
+          width: 100%;
+          text-align: left;
+          border-radius: 0;
+          border-width: 0;
+        }
+
+        // Dropdowns get custom display when collapsed
+        .dropdown-menu.show {
+          --bs-dropdown-spacer: 0;
+
+          box-shadow: none;
+          background-color: var(--navbar-hamburger-submenu-bg);
+          width: auto;
+
+          .dropdown-item {
+            padding: var(--spacing-02) var(--spacing-06) var(--spacing-02)
+              var(--spacing-08);
+
+            &:not(.disabled) {
+              color: var(--navbar-hamburger-submenu-item-color);
+
+              &:hover,
+              &:focus {
+                color: var(--navbar-hamburger-submenu-item-hover-color);
+                background-color: var(--navbar-hamburger-submenu-item-hover-bg);
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// Accessibility
+.skip-to-content {
+  color: var(--navbar-link-color);
+  background-color: var(--navbar-link-bg);
+  border: var(--spacing-01) solid transparent;
+  border-radius: var(--navbar-btn-border-radius);
+  font-size: var(--navbar-btn-font-size);
+  font-weight: var(--navbar-btn-font-weight);
+  left: calc(var(--navbar-brand-width) + var(--spacing-09));
+  line-height: var(--navbar-btn-line-height);
+  padding: var(--navbar-btn-padding-v) var(--navbar-btn-padding-h);
+  position: absolute;
+  top: -200px;
+  z-index: 1;
+
+  &:focus {
+    background-color: var(--navbar-link-hover-bg);
+    border: var(--spacing-01) solid var(--navbar-link-hover-color);
+    color: var(--white);
+    text-decoration: none;
+    top: calc(($header-height - 36px) / 2); // 36px is the height of the link
+  }
+}
+
+.website-redesign-navbar,
+.website-redesign .navbar-default {
+  --navbar-title-color: var(--content-primary);
+  --navbar-title-color-hover: var(--content-secondary);
+  --navbar-brand-image-url: url('../../../../public/img/ol-brand/overleaf-black.svg');
+  --navbar-subdued-color: var(--content-primary);
+  --navbar-subdued-hover-bg: var(--bg-dark-primary);
+  --navbar-subdued-hover-color: var(--content-primary-dark);
+  --navbar-bg: var(--bg-light-primary);
+
+  // Navbar links
+  --navbar-link-color: var(--content-primary);
+  --navbar-link-border-color: var(--border-primary);
+  --navbar-link-hover-color: var(--navbar-link-color);
+  --navbar-link-hover-bg: var(--bg-light-tertiary);
+  --navbar-link-hover-border-color: var(--navbar-link-border-color);
+
+  // Toggler
+  --navbar-toggler-expanded-color: var(--white);
+  --navbar-toggler-expanded-bg: var(--bg-dark-primary);
+
+  // Mobile view
+  --navbar-hamburger-submenu-bg: var(--bg-light-secondary);
+  --navbar-hamburger-submenu-item-color: var(--navbar-link-color);
+  --navbar-hamburger-submenu-item-hover-color: var(--white);
+  --navbar-hamburger-submenu-item-hover-bg: var(--bg-dark-primary);
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/notifications.scss b/services/web/frontend/stylesheets/bootstrap-5/components/notifications.scss
new file mode 100644
index 0000000..2dc789a
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/notifications.scss
@@ -0,0 +1,259 @@
+.notification-body {
+  // will be deprecated once notifications moved to use .notification (see below)
+  flex-grow: 1;
+  width: 90%;
+
+  @include media-breakpoint-up(md) {
+    width: auto;
+  }
+}
+
+.notification-action {
+  $line-height-computed: $font-size-base * $line-height-base; // 24px
+
+  // will be deprecated once notifications moved to use .notification (see below)
+  margin-top: calc($line-height-computed / 2); // match paragraph padding
+  order: 1;
+
+  @include media-breakpoint-up(md) {
+    margin-top: 0;
+    order: 0;
+    padding-left: $spacing-05;
+  }
+}
+
+.notification-close {
+  // will be deprecated once notifications moved to use .notification (see below)
+  padding-left: $spacing-05;
+  text-align: right;
+  width: 10%;
+
+  button {
+    aspect-ratio: 1;
+    border-radius: 50%;
+    display: flex;
+    float: right;
+    padding: 5.5px;
+    cursor: pointer;
+    background: transparent;
+    border: 0;
+
+    &:hover,
+    &:focus {
+      background-color: rgba($neutral-90, 0.08);
+      color: var(--content-secondary);
+    }
+  }
+
+  @include media-breakpoint-up(md) {
+    width: auto;
+  }
+}
+
+.notification {
+  border-radius: $border-radius-base;
+  color: var(--content-primary);
+  display: flex;
+  padding: 0 $spacing-06; // vertical padding added by elements within notification
+  width: 100%;
+
+  a:not(.btn) {
+    text-decoration: underline;
+  }
+
+  p {
+    margin-bottom: $spacing-02;
+  }
+
+  .notification-icon {
+    flex-grow: 0;
+    padding: 18px $spacing-06 0 0;
+  }
+
+  .notification-content-and-cta {
+    // shared container to align cta with text on smaller screens
+    display: flex;
+    flex-grow: 1;
+    flex-wrap: wrap;
+
+    p:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .notification-content {
+    flex-grow: 1;
+    padding: $spacing-06 0;
+    width: 100%;
+  }
+
+  .notification-cta {
+    padding-bottom: $spacing-06;
+
+    a {
+      font-weight: 700;
+    }
+
+    a,
+    button {
+      white-space: nowrap;
+    }
+  }
+
+  .notification-disclaimer {
+    color: var(--neutral-60);
+    font-size: $font-size-sm;
+    padding-bottom: $spacing-06;
+  }
+
+  .notification-close-btn {
+    height: $spacing-12;
+    align-items: center;
+    display: flex;
+    padding: 0 0 0 $spacing-06;
+
+    button {
+      aspect-ratio: 1;
+      border-radius: 50%;
+      display: flex;
+      float: right;
+      padding: 5.5px;
+      cursor: pointer;
+      background: transparent;
+      border: 0;
+
+      &:hover,
+      &:focus {
+        background-color: rgba($neutral-90, 0.08);
+        color: var(--content-secondary);
+      }
+    }
+  }
+
+  &.notification-type-info {
+    background-color: var(--bg-info-03);
+    border: 1px solid var(--blue-20);
+
+    .notification-icon {
+      color: var(--blue-50);
+    }
+  }
+
+  &.notification-type-success {
+    background-color: var(--bg-accent-03);
+    border: 1px solid var(--green-20);
+
+    .notification-icon {
+      color: var(--green-50);
+    }
+  }
+
+  &.notification-type-warning {
+    background-color: var(--bg-warning-03);
+    border: 1px solid var(--yellow-20);
+
+    .notification-icon {
+      color: var(--yellow-40);
+    }
+  }
+
+  &.notification-type-error {
+    background-color: var(--bg-danger-03);
+    border: 1px solid var(--red-20);
+
+    .notification-icon {
+      color: var(--red-50);
+    }
+  }
+
+  &.notification-type-offer {
+    background-color: var(--bg-light-primary);
+    border: 1px solid var(--neutral-20);
+
+    .notification-icon {
+      color: var(--neutral-50);
+    }
+  }
+
+  @include media-breakpoint-up(md) {
+    &:not(.notification-cta-below-content) {
+      .notification-content-and-cta {
+        flex-wrap: nowrap;
+      }
+
+      .notification-content {
+        width: auto;
+      }
+
+      .notification-cta {
+        height: $spacing-12;
+        padding-left: $spacing-06;
+        padding-bottom: 0;
+        align-items: center;
+        display: flex;
+      }
+    }
+  }
+}
+
+.notification-with-scroll-margin {
+  scroll-margin: $spacing-06;
+}
+
+.notification-list {
+  .notification {
+    margin-bottom: $spacing-07;
+  }
+}
+
+// Reconfirmation notification
+
+.reconfirm-notification {
+  display: flex;
+  width: 100%;
+
+  .fa-warning {
+    margin-right: $spacing-05;
+  }
+
+  .btn-reconfirm {
+    float: right;
+    margin-left: $spacing-05;
+    text-transform: capitalize;
+  }
+}
+
+.group-invitation-cancel-subscription-notification-buttons {
+  display: flex;
+  align-items: center;
+}
+
+// Settings page
+.affiliations-table {
+  .reconfirm-notification {
+    margin: 0 auto $spacing-05 auto !important;
+    padding: $spacing-07;
+  }
+
+  .reconfirm-row {
+    td {
+      border: 0;
+
+      .alert {
+        border: 0;
+        padding: 0;
+      }
+
+      :not(.alert) {
+        .reconfirm-notification {
+          background-color: var(--neutral-10);
+          border-radius: $border-radius-base;
+
+          .fa-warning {
+            color: var(--yellow-40);
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/pagination.scss b/services/web/frontend/stylesheets/bootstrap-5/components/pagination.scss
new file mode 100644
index 0000000..42b828b
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/pagination.scss
@@ -0,0 +1,62 @@
+// Pagination (multiple pages)
+// --------------------------------------------------
+.pagination {
+  display: inline-block;
+  padding-left: 0;
+  margin: 0;
+
+  > li {
+    display: inline-block;
+
+    > a,
+    > span,
+    > button {
+      position: relative;
+      float: left; // Collapse white-space
+      padding: var(--spacing-04) var(--spacing-06);
+      line-height: var(--line-height-base);
+      text-decoration: none;
+      color: var(--neutral-90);
+      background-color: #fff;
+      border: 1px solid var(--neutral-30);
+      margin-left: -1px;
+      font-weight: 600;
+      transition: background-color 0.15s ease-in-out;
+
+      &:hover,
+      &:focus {
+        color: var(--neutral-90);
+        background-color: var(--neutral-10);
+        border-color: var(--neutral-30);
+        text-decoration: none;
+        transition: background-color 0.15s ease-in-out;
+      }
+    }
+
+    &:first-child {
+      > a,
+      > span,
+      > button {
+        margin-left: 0;
+      }
+    }
+  }
+
+  > .active > a,
+  > .active > span,
+  > .active > button {
+    &,
+    &:hover,
+    &:focus {
+      z-index: 2;
+      color: var(--green-70);
+      background-color: var(--green-10);
+      border-color: var(--neutral-30);
+      cursor: default;
+    }
+  }
+
+  .ellipses {
+    pointer-events: none;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/panel-heading.scss b/services/web/frontend/stylesheets/bootstrap-5/components/panel-heading.scss
new file mode 100644
index 0000000..71df17e
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/panel-heading.scss
@@ -0,0 +1,44 @@
+:root {
+  --panel-heading-color: var(--content-primary);
+  --panel-heading-button-hover-color: var(--bg-light-tertiary);
+
+  @include theme('default') {
+    .ide-redesign-main {
+      --panel-heading-color: var(--content-primary-dark);
+      --panel-heading-button-hover-color: var(--bg-dark-tertiary);
+    }
+  }
+}
+
+.panel-heading {
+  color: var(--panel-heading-color);
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-03) var(--spacing-02);
+  gap: 2px;
+}
+
+.panel-heading-label {
+  font-size: var(--font-size-02);
+  font-weight: bold;
+  margin: 0;
+  flex: 1;
+  text-align: start;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-02);
+}
+
+.panel-heading-close-button {
+  display: flex;
+  align-items: center;
+  border: none;
+  background-color: transparent;
+  color: var(--panel-heading-color);
+  padding: var(--spacing-01);
+
+  &:hover,
+  &:focus {
+    background-color: var(--panel-heading-button-hover-color);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/popover.scss b/services/web/frontend/stylesheets/bootstrap-5/components/popover.scss
new file mode 100644
index 0000000..af951e9
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/popover.scss
@@ -0,0 +1,16 @@
+.popover {
+  @include shadow-md;
+  @include dark-bg;
+
+  line-height: var(--line-height-02);
+}
+
+.popover-header {
+  padding-bottom: 0;
+  margin-bottom: var(--spacing-02);
+  font-weight: 600;
+
+  & + .popover-body {
+    padding-top: 0;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/quote.scss b/services/web/frontend/stylesheets/bootstrap-5/components/quote.scss
new file mode 100644
index 0000000..7315222
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/quote.scss
@@ -0,0 +1,110 @@
+blockquote {
+  p {
+    display: inline;
+  }
+}
+
+blockquote.quote-large-text-centered {
+  text-align: center;
+  font-size: var(--font-size-07);
+  font-weight: 600;
+  line-height: var(--line-height-06);
+
+  // customize open/close quote placement.
+  // Otherwise, close is after footer and before is above quote
+  &::before,
+  &::after {
+    content: none;
+  }
+
+  .quote {
+    margin-bottom: var(--spacing-08);
+
+    &::before {
+      content: open-quote;
+    }
+
+    &::after {
+      content: close-quote;
+    }
+  }
+
+  .quote-img {
+    img {
+      border-radius: 50%;
+      height: 64px;
+      max-width: 64px;
+    }
+  }
+
+  footer {
+    color: inherit;
+    font-size: var(--font-size-03);
+    font-weight: 400;
+    line-height: var(--line-height-03);
+    padding: var(--spacing-04) 0 0 0;
+
+    &::before {
+      content: none;
+    }
+
+    .quote-link {
+      text-align: center;
+      margin-top: var(--spacing-05);
+    }
+  }
+
+  @include media-breakpoint-down(lg) {
+    font-size: var(--font-size-04);
+    line-height: var(--line-height-04);
+
+    footer {
+      font-size: var(--font-size-02);
+      line-height: var(--line-height-02);
+    }
+  }
+}
+
+blockquote.quote-left-green-border {
+  border-left: 2px solid var(--green-60);
+  text-align: left;
+  font-size: var(--font-size-07);
+  font-weight: 600;
+  line-height: var(--line-height-06);
+  color: var(--neutral-90);
+  padding: var(--spacing-04) 0 var(--spacing-04) var(--spacing-06);
+
+  // customize open/close quote placement.
+  // Otherwise, close is after footer and before is above quote
+  &::before,
+  &::after {
+    content: none;
+  }
+
+  .quote {
+    &::before {
+      content: open-quote;
+    }
+
+    &::after {
+      content: close-quote;
+    }
+  }
+
+  footer {
+    @include heading-xs;
+
+    color: var(--neutral-70);
+    font-weight: 400;
+    margin: var(--spacing-09) 0 0 0;
+    padding: 0;
+
+    &::before {
+      content: '\2014 \00A0';
+    }
+  }
+
+  .quote-link {
+    margin-top: var(--spacing-05);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/radio-chip.scss b/services/web/frontend/stylesheets/bootstrap-5/components/radio-chip.scss
new file mode 100644
index 0000000..1cb2fe7
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/radio-chip.scss
@@ -0,0 +1,56 @@
+.radio-chip {
+  background: #fff;
+  border: 1px solid var(--neutral-60);
+  border-radius: var(--border-radius-full);
+  color: var(--neutral-90);
+  cursor: pointer;
+  display: inline-flex;
+  font-weight: 400;
+  gap: var(--spacing-02);
+  inline-size: fit-content;
+  line-height: 1.4;
+  padding: var(--spacing-04) var(--spacing-06) var(--spacing-04)
+    var(--spacing-04);
+
+  @include media-breakpoint-down(md) {
+    width: 100%;
+  }
+
+  &:hover {
+    background: var(--neutral-20);
+  }
+
+  &:focus-within {
+    box-shadow: 0 0 0 2px var(--blue-30);
+  }
+
+  input[type='radio'] {
+    accent-color: var(--green-50);
+    cursor: pointer;
+    height: 16px;
+    margin: var(--spacing-02);
+    width: 15px;
+  }
+}
+
+.radio-chip[data-disabled='true'] {
+  border-color: var(--neutral-20);
+
+  &:hover {
+    background: #fff;
+    cursor: not-allowed;
+  }
+}
+
+.radio-group {
+  display: flex;
+  flex-flow: column wrap;
+  grid-gap: var(--spacing-06);
+  height: 180px;
+  width: 100%;
+
+  @include media-breakpoint-down(md) {
+    flex-wrap: nowrap;
+    height: 100%;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/recurly.scss b/services/web/frontend/stylesheets/bootstrap-5/components/recurly.scss
new file mode 100644
index 0000000..dd09b84
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/recurly.scss
@@ -0,0 +1,9 @@
+.recurly-element-card {
+  height: 50px;
+  border: 1px solid var(--neutral-60);
+  border-radius: var(--border-radius-base);
+
+  &.recurly-element-card-invalid {
+    border-color: var(--red-50);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/select.scss b/services/web/frontend/stylesheets/bootstrap-5/components/select.scss
new file mode 100644
index 0000000..b85040a
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/select.scss
@@ -0,0 +1,15 @@
+.select-wrapper {
+  position: relative;
+}
+
+.select-trigger {
+  cursor: default;
+
+  & + .form-control-end-icon {
+    pointer-events: none;
+  }
+}
+
+.select-highlighted {
+  background-color: var(--bg-light-secondary);
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/stepper.scss b/services/web/frontend/stylesheets/bootstrap-5/components/stepper.scss
new file mode 100644
index 0000000..d1134fe
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/stepper.scss
@@ -0,0 +1,20 @@
+.stepper {
+  display: flex;
+  gap: var(--spacing-05);
+  width: 100%;
+  height: 6px;
+
+  .step {
+    width: 100%;
+    border-radius: 6px;
+    background: var(--neutral-20);
+  }
+
+  .step.completed {
+    background: var(--green-50);
+  }
+
+  .step.active {
+    background: var(--green-20);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/styled-text.scss b/services/web/frontend/stylesheets/bootstrap-5/components/styled-text.scss
new file mode 100644
index 0000000..e872c3c
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/styled-text.scss
@@ -0,0 +1,57 @@
+.text-with-bg {
+  @include font-mono;
+
+  padding: 0 var(--spacing-04);
+  border-radius: var(--border-radius-medium);
+  margin-top: var(--spacing-02);
+
+  // will make all spans content inline while avoiding overflowing the viewport in mobile
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/display#flow-root
+  // https://css-tricks.com/display-flow-root/
+  display: inline flow-root;
+
+  &.tangerine-bg {
+    background-color: var(--vivid-tangerine);
+  }
+
+  &.purple-bg {
+    background-color: var(--ceil);
+  }
+
+  &.yellow-bg {
+    background-color: var(--caramel);
+  }
+
+  &.green-bg {
+    background-color: var(--green-30);
+  }
+}
+
+.mono-text {
+  @include font-mono;
+  @include body-lg;
+
+  color: var(--green-60);
+  font-weight: 500;
+  margin: 0;
+}
+
+.eyebrow-text {
+  @extend .mono-text;
+
+  display: block;
+  margin-bottom: var(--spacing-04);
+}
+
+p:has(.eyebrow-text) {
+  margin-bottom: 0;
+}
+
+p:has(.eyebrow-text) + h1,
+p:has(.eyebrow-text) + h2,
+p:has(.eyebrow-text) + h3,
+p:has(.eyebrow-text) + h4,
+p:has(.eyebrow-text) + h5,
+p:has(.eyebrow-text) + h6 {
+  margin-top: 0;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/system-messages.scss b/services/web/frontend/stylesheets/bootstrap-5/components/system-messages.scss
new file mode 100644
index 0000000..1345544
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/system-messages.scss
@@ -0,0 +1,19 @@
+@use 'sass:color';
+
+.system-messages {
+  @include list-unstyled;
+
+  margin: 0;
+
+  .system-message {
+    padding: var(--spacing-03) var(--spacing-05);
+    background-color: var(--bg-info-01);
+    color: var(--content-primary-dark);
+    border-bottom: solid 1px color.adjust($blue-50, $lightness: 10%);
+
+    a {
+      color: var(--content-primary-dark);
+      text-decoration: underline;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/table.scss b/services/web/frontend/stylesheets/bootstrap-5/components/table.scss
new file mode 100644
index 0000000..978e3af
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/table.scss
@@ -0,0 +1,71 @@
+.table-container {
+  flex: 1;
+  margin-bottom: var(--spacing-06);
+  background-color: var(--white);
+  padding: var(--spacing-04);
+
+  .table {
+    margin-bottom: initial;
+  }
+}
+
+.table {
+  th,
+  td {
+    a {
+      text-decoration: none;
+    }
+  }
+
+  tbody {
+    tr {
+      &:last-child {
+        td,
+        th {
+          border-bottom-width: 0;
+        }
+      }
+
+      th[scope='row'] {
+        font-weight: normal;
+      }
+
+      th {
+        .form-label {
+          font-weight: normal;
+        }
+      }
+    }
+  }
+
+  .dropdown {
+    .dropdown-table-button-toggle {
+      @include action-button;
+
+      padding: var(--spacing-04);
+    }
+  }
+}
+
+.table-container-bordered {
+  padding: var(--spacing-04);
+  border-color: $table-border-color;
+  border-radius: var(--border-radius-base);
+  border-width: var(--bs-border-width);
+  border-style: solid;
+}
+
+.table-striped {
+  tr,
+  td,
+  th {
+    border-top-width: 0;
+    border-bottom-width: 0;
+  }
+
+  > tbody > tr:nth-of-type(#{$table-striped-order}) {
+    &:hover > * {
+      --#{$prefix}table-hover-bg: var(--bg-light-tertiary);
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/tabs.scss b/services/web/frontend/stylesheets/bootstrap-5/components/tabs.scss
new file mode 100644
index 0000000..a307d2b
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/tabs.scss
@@ -0,0 +1,88 @@
+.ol-tabs {
+  --border-width-base: 3px;
+
+  .nav-tabs-container {
+    overflow-x: auto;
+    display: flex;
+    flex-direction: column;
+
+    @include media-breakpoint-down(md) {
+      display: block;
+    }
+
+    .nav-tabs {
+      display: inline-flex;
+      gap: var(--spacing-04);
+      margin: 0 auto;
+      padding: 0;
+      border-bottom: var(--border-width-base) solid var(--border-divider);
+      text-align: center;
+      border-top: 2px solid transparent; // so that top focus border is visible
+      min-width: max-content; // This is for horizontal scrolling
+
+      li {
+        display: inline-block;
+        float: none;
+        margin-bottom: calc(var(--border-width-base) * -0.6);
+
+        &:last-child {
+          margin-right: 0;
+        }
+
+        a,
+        button {
+          border: 0;
+          border-radius: 0;
+          color: var(--content-secondary);
+          margin-right: unset;
+          padding: var(--spacing-04);
+          line-height: var(--line-height-03);
+          text-decoration: none;
+
+          &:focus,
+          &:hover {
+            border: 0;
+          }
+
+          &:focus,
+          &:focus-visible {
+            background-color: unset;
+            outline: 0;
+          }
+
+          &:hover {
+            background-color: var(--bg-light-secondary);
+            text-decoration: none;
+          }
+
+          &:focus-visible {
+            @include box-shadow-button-input;
+          }
+        }
+      }
+
+      li > a.active,
+      li > button.active {
+        background-color: transparent;
+        border: 0;
+        border-bottom: 3px solid var(--green-50);
+        color: var(--content-primary);
+      }
+
+      &.align-left {
+        margin-left: 0;
+        margin-right: 0;
+      }
+    }
+  }
+
+  .tab-content {
+    margin-top: var(--spacing-11);
+  }
+}
+
+// Scroll the page up a bit to allow tab links to be shown when navigating to
+// a bookmarked tab hash
+[data-ol-bookmarkable-tabset] .tab-pane {
+  scroll-margin-top: 120px;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/tooltip.scss b/services/web/frontend/stylesheets/bootstrap-5/components/tooltip.scss
new file mode 100644
index 0000000..26e02d2
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/tooltip.scss
@@ -0,0 +1,28 @@
+.tooltip {
+  line-height: 20px;
+
+  @include shadow-md;
+
+  &.#{$prefix}tooltip-top {
+    bottom: -1px !important;
+  }
+  &.#{$prefix}tooltip-end {
+    top: 1px !important;
+    left: -1px !important;
+  }
+  &.#{$prefix}tooltip-bottom {
+    top: -1px !important;
+  }
+  &.#{$prefix}tooltip-start {
+    top: 1px !important;
+    right: -1px !important;
+  }
+}
+
+.tooltip-inner {
+  text-align: initial;
+
+  .tooltip-wide & {
+    max-width: unset;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/tos.scss b/services/web/frontend/stylesheets/bootstrap-5/components/tos.scss
new file mode 100644
index 0000000..789406d
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/tos.scss
@@ -0,0 +1,6 @@
+.tos-agreement-notice {
+  @include body-xs;
+
+  text-align: center;
+  margin: var(--spacing-04) 0 0 0;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/upgrade-prompt.scss b/services/web/frontend/stylesheets/bootstrap-5/components/upgrade-prompt.scss
new file mode 100644
index 0000000..bb74612
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/components/upgrade-prompt.scss
@@ -0,0 +1,85 @@
+.upgrade-prompt {
+  border-radius: var(--border-radius-base);
+  box-shadow: 0 4px 6px 0 #1e25301f;
+  padding: var(--spacing-06);
+  background-color: var(--white);
+  container: inline-size; // Defines the parent as a container
+
+  .upgrade-prompt-card-container {
+    @container (max-width: 700px) {
+      width: 100%;
+    }
+  }
+
+  .row {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .upgrade-prompt-title {
+    font-weight: 600;
+  }
+
+  .upgrade-prompt-summary {
+    margin-bottom: var(--spacing-10);
+  }
+
+  .upgrade-prompt-card {
+    display: flex;
+    flex-direction: column;
+    border-radius: var(--border-radius-medium);
+    padding: var(--spacing-09);
+    height: 100%;
+    font-size: var(--font-size-02);
+
+    h3 {
+      margin: 0;
+      font-weight: 600;
+    }
+  }
+
+  .upgrade-prompt-card-premium {
+    border: 2px solid transparent;
+    background:
+      linear-gradient(white, white) padding-box,
+      var(--premium-gradient) border-box;
+  }
+
+  .upgrade-prompt-card-free {
+    border: 2px solid var(--border-divider);
+  }
+
+  .upgrade-prompt-price {
+    margin-bottom: var(--spacing-05);
+  }
+
+  .upgrade-prompt-price-number {
+    @include heading-xl;
+
+    font-weight: 600;
+  }
+
+  .upgrade-prompt-list {
+    margin-bottom: var(--spacing-08);
+
+    & .material-symbols {
+      vertical-align: bottom;
+    }
+
+    & li:not(:last-of-type) {
+      margin-bottom: var(--spacing-05);
+    }
+  }
+
+  .upgrade-prompt-all-plans {
+    @include body-xs;
+
+    margin-top: var(--spacing-07);
+    margin-bottom: 0;
+
+    & .material-symbols {
+      vertical-align: bottom;
+      font-size: var(--font-size-02);
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/foundations/all.scss b/services/web/frontend/stylesheets/bootstrap-5/foundations/all.scss
new file mode 100644
index 0000000..9151901
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/foundations/all.scss
@@ -0,0 +1,5 @@
+@import 'border-radius';
+@import 'colors';
+@import 'elevation';
+@import 'spacing';
+@import 'typography';
diff --git a/services/web/frontend/stylesheets/bootstrap-5/foundations/border-radius.scss b/services/web/frontend/stylesheets/bootstrap-5/foundations/border-radius.scss
new file mode 100644
index 0000000..21814b6
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/foundations/border-radius.scss
@@ -0,0 +1,12 @@
+// This file provides both Sass and CSS variables for border radiuses
+$border-radius-base: 4px;
+$border-radius-medium: 8px;
+$border-radius-large: 16px;
+$border-radius-full: 9999px;
+
+:root {
+  --border-radius-base: #{$border-radius-base};
+  --border-radius-medium: #{$border-radius-medium};
+  --border-radius-large: #{$border-radius-large};
+  --border-radius-full: #{$border-radius-full};
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/foundations/colors.scss b/services/web/frontend/stylesheets/bootstrap-5/foundations/colors.scss
new file mode 100644
index 0000000..73e9327
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/foundations/colors.scss
@@ -0,0 +1,236 @@
+// This file provides CSS and Sass variables for colors as full color values.
+// To combine one of these colors with an alpha value, use Sass's built-in
+// rgba() function.
+
+// Note that colors used by Bootstrap's Sass are used in calculations and
+// therefore cannot contain CSS variables
+
+/* ====== Sass color variables ====== */
+
+/* Neutral */
+$white: #fff;
+$neutral-10: #f4f5f6;
+$neutral-20: #e7e9ee;
+$neutral-30: #d0d5dd;
+$neutral-40: #afb5c0;
+$neutral-50: #8d96a5;
+$neutral-60: #677283;
+$neutral-70: #495365;
+$neutral-80: #2f3a4c;
+$neutral-90: #1b222c;
+
+/* Green */
+$green-10: #eaf6ef;
+$green-20: #b8dbc8;
+$green-30: #86caa5;
+$green-40: #53b57f;
+$green-50: #098842;
+$green-60: #1e6b41;
+$green-70: #195936;
+
+/* Blue */
+$blue-10: #f1f4f9;
+$blue-20: #c3d0e3;
+$blue-30: #97b6e5;
+$blue-40: #6597e0;
+$blue-50: #366cbf;
+$blue-60: #28518f;
+$blue-70: #214475;
+
+/* Red */
+$red-10: #f9f1f1;
+$red-20: #f5beba;
+$red-30: #e59d9a;
+$red-40: #e36d66;
+$red-50: #b83a33;
+$red-60: #942f2a;
+$red-70: #782722;
+
+/* Yellow */
+$yellow-10: #fcf1e3;
+$yellow-20: #fcc483;
+$yellow-30: #f7a445;
+$yellow-40: #de8014;
+$yellow-50: #8f5514;
+$yellow-60: #7a4304;
+$yellow-70: #633a0b;
+
+/* ====== Semantic Sass color variables ====== */
+$bg-light-primary: $white;
+$bg-light-secondary: $neutral-10;
+$bg-light-tertiary: $neutral-20;
+$bg-light-disabled: $neutral-20;
+$bg-dark-primary: $neutral-90;
+$bg-dark-secondary: $neutral-80;
+$bg-dark-tertiary: $neutral-70;
+$bg-dark-disabled: $neutral-70;
+$bg-accent-01: $green-50;
+$bg-accent-02: $green-60;
+$bg-accent-03: $green-10;
+$bg-danger-01: $red-50;
+$bg-danger-02: $red-60;
+$bg-danger-03: $red-10;
+$bg-warning-01: $yellow-50;
+$bg-warning-02: $yellow-60;
+$bg-warning-03: $yellow-10;
+$bg-info-01: $blue-50;
+$bg-info-02: $blue-60;
+$bg-info-03: $blue-10;
+$content-primary: $neutral-90;
+$content-secondary: $neutral-70;
+$content-disabled: $neutral-40;
+$content-placeholder: $neutral-60;
+$content-danger: $red-50;
+$content-warning: $yellow-50;
+$content-positive: $green-50;
+$border-primary: $neutral-60;
+$border-hover: $neutral-70;
+$border-disabled: $neutral-20;
+$border-active: $blue-50;
+$border-danger: $red-50;
+$border-divider: $neutral-20;
+$link-web: $green-50;
+$link-web-hover: $green-60;
+$link-web-visited: $green-60;
+$link-ui: $blue-50;
+$link-ui-hover: $blue-60;
+$link-ui-visited: $blue-60;
+$content-primary-dark: $white;
+$content-secondary-dark: $neutral-20;
+$content-disabled-dark: $neutral-60;
+$content-placeholder-dark: $neutral-50;
+$content-danger-dark: $red-40;
+$content-warning-dark: $yellow-40;
+$content-positive-dark: $green-40;
+$border-primary-dark: $neutral-30;
+$border-hover-dark: $neutral-20;
+$border-disabled-dark: $neutral-80;
+$border-active-dark: $blue-30;
+$border-danger-dark: $red-40;
+$border-divider-dark: $neutral-80;
+$link-web-dark: $green-30;
+$link-web-hover-dark: $green-40;
+$link-web-visited-dark: $green-40;
+$link-ui-dark: $blue-30;
+$link-ui-hover-dark: $blue-40;
+$link-ui-visited-dark: $blue-40;
+
+/* ====== CSS color variables ====== */
+:root {
+  /* Neutral */
+  --white: #{$white};
+  --neutral-10: #{$neutral-10};
+  --neutral-20: #{$neutral-20};
+  --neutral-30: #{$neutral-30};
+  --neutral-40: #{$neutral-40};
+  --neutral-50: #{$neutral-50};
+  --neutral-60: #{$neutral-60};
+  --neutral-70: #{$neutral-70};
+  --neutral-80: #{$neutral-80};
+  --neutral-90: #{$neutral-90};
+
+  /* Green */
+  --green-10: #{$green-10};
+  --green-20: #{$green-20};
+  --green-30: #{$green-30};
+  --green-40: #{$green-40};
+  --green-50: #{$green-50};
+  --green-60: #{$green-60};
+  --green-70: #{$green-70};
+
+  /* Blue */
+  --blue-10: #{$blue-10};
+  --blue-20: #{$blue-20};
+  --blue-30: #{$blue-30};
+  --blue-40: #{$blue-40};
+  --blue-50: #{$blue-50};
+  --blue-60: #{$blue-60};
+  --blue-70: #{$blue-70};
+
+  /* Red */
+  --red-10: #{$red-10};
+  --red-20: #{$red-20};
+  --red-30: #{$red-30};
+  --red-40: #{$red-40};
+  --red-50: #{$red-50};
+  --red-60: #{$red-60};
+  --red-70: #{$red-70};
+
+  /* Yellow */
+  --yellow-10: #{$yellow-10};
+  --yellow-20: #{$yellow-20};
+  --yellow-30: #{$yellow-30};
+  --yellow-40: #{$yellow-40};
+  --yellow-50: #{$yellow-50};
+  --yellow-60: #{$yellow-60};
+  --yellow-70: #{$yellow-70};
+
+  /* ====== Semantic CSS color variables ====== */
+  --bg-light-primary: var(--white);
+  --bg-light-secondary: var(--neutral-10);
+  --bg-light-tertiary: var(--neutral-20);
+  --bg-light-disabled: var(--neutral-20);
+  --bg-dark-primary: var(--neutral-90);
+  --bg-dark-secondary: var(--neutral-80);
+  --bg-dark-tertiary: var(--neutral-70);
+  --bg-dark-disabled: var(--neutral-70);
+  --bg-accent-01: var(--green-50);
+  --bg-accent-02: var(--green-60);
+  --bg-accent-03: var(--green-10);
+  --bg-danger-01: var(--red-50);
+  --bg-danger-02: var(--red-60);
+  --bg-danger-03: var(--red-10);
+  --bg-warning-01: var(--yellow-50);
+  --bg-warning-02: var(--yellow-60);
+  --bg-warning-03: var(--yellow-10);
+  --bg-info-01: var(--blue-50);
+  --bg-info-02: var(--blue-60);
+  --bg-info-03: var(--blue-10);
+  --content-primary: var(--neutral-90);
+  --content-secondary: var(--neutral-70);
+  --content-disabled: var(--neutral-40);
+  --content-placeholder: var(--neutral-60);
+  --content-danger: var(--red-50);
+  --content-warning: var(--yellow-50);
+  --content-positive: var(--green-50);
+  --border-primary: var(--neutral-60);
+  --border-hover: var(--neutral-70);
+  --border-disabled: var(--neutral-20);
+  --border-active: var(--blue-50);
+  --border-danger: var(--red-50);
+  --border-divider: var(--neutral-20);
+  --border-dark-divider: var(--neutral-70);
+  --link-web: var(--green-50);
+  --link-web-hover: var(--green-60);
+  --link-web-visited: var(--green-50);
+  --link-ui: var(--blue-50);
+  --link-ui-hover: var(--blue-60);
+  --link-ui-visited: var(--blue-60);
+  --content-primary-dark: var(--white);
+  --content-secondary-dark: var(--neutral-20);
+  --content-disabled-dark: var(--neutral-60);
+  --content-placeholder-dark: var(--neutral-50);
+  --content-danger-dark: var(--red-40);
+  --content-warning-dark: var(--yellow-40);
+  --content-positive-dark: var(--green-40);
+  --border-primary-dark: var(--neutral-30);
+  --border-hover-dark: var(--neutral-20);
+  --border-disabled-dark: var(--neutral-80);
+  --border-active-dark: var(--blue-30);
+  --border-danger-dark: var(--red-40);
+  --border-divider-dark: var(--neutral-80);
+  --link-web-dark: var(--green-30);
+  --link-web-hover-dark: var(--green-40);
+  --link-web-visited-dark: var(--green-40);
+  --link-ui-dark: var(--blue-30);
+  --link-ui-hover-dark: var(--blue-40);
+  --link-ui-visited-dark: var(--blue-40);
+
+  /* ====== Gradients ====== */
+  --premium-gradient: linear-gradient(
+    246deg,
+    var(--blue-70) 0%,
+    #254c84 29%,
+    var(--blue-40) 97%
+  );
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/foundations/elevation.scss b/services/web/frontend/stylesheets/bootstrap-5/foundations/elevation.scss
new file mode 100644
index 0000000..2259085
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/foundations/elevation.scss
@@ -0,0 +1,18 @@
+// Cards
+@mixin shadow-sm {
+  box-shadow: 0 2px 4px 0 rgb(30 37 48 / 16%);
+}
+
+// Tooltips, Callouts, Dropdowns, etc.
+@mixin shadow-md {
+  box-shadow:
+    0 4px 12px 0 rgb(30 37 48 / 12%),
+    0 2px 4px rgb(30 37 48 / 8%);
+}
+
+// Modals, drawers
+@mixin shadow-lg {
+  box-shadow:
+    0 8px 16px 0 rgb(30 37 48 / 12%),
+    0 4px 6px 0 rgb(30 37 48 / 12%);
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/foundations/spacing.scss b/services/web/frontend/stylesheets/bootstrap-5/foundations/spacing.scss
new file mode 100644
index 0000000..2609c99
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/foundations/spacing.scss
@@ -0,0 +1,41 @@
+// This file provides both Sass and CSS variables for spacing
+$spacing-00: 0;
+$spacing-01: 2px;
+$spacing-02: 4px;
+$spacing-03: 6px;
+$spacing-04: 8px;
+$spacing-05: 12px;
+$spacing-06: 16px;
+$spacing-07: 20px;
+$spacing-08: 24px;
+$spacing-09: 32px;
+$spacing-10: 40px;
+$spacing-11: 48px;
+$spacing-12: 56px;
+$spacing-13: 64px;
+$spacing-14: 72px;
+$spacing-15: 80px;
+$spacing-16: 96px;
+$all-spacings: spacing-00, spacing-01, spacing-02, spacing-03, spacing-04,
+  spacing-05, spacing-06, spacing-07, spacing-08, spacing-09, spacing-10,
+  spacing-11, spacing-12, spacing-13, spacing-14, spacing-15, spacing-16;
+
+:root {
+  --spacing-00: #{$spacing-00};
+  --spacing-01: #{$spacing-01};
+  --spacing-02: #{$spacing-02};
+  --spacing-03: #{$spacing-03};
+  --spacing-04: #{$spacing-04};
+  --spacing-05: #{$spacing-05};
+  --spacing-06: #{$spacing-06};
+  --spacing-07: #{$spacing-07};
+  --spacing-08: #{$spacing-08};
+  --spacing-09: #{$spacing-09};
+  --spacing-10: #{$spacing-10};
+  --spacing-11: #{$spacing-11};
+  --spacing-12: #{$spacing-12};
+  --spacing-13: #{$spacing-13};
+  --spacing-14: #{$spacing-14};
+  --spacing-15: #{$spacing-15};
+  --spacing-16: #{$spacing-16};
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/foundations/typography.scss b/services/web/frontend/stylesheets/bootstrap-5/foundations/typography.scss
new file mode 100644
index 0000000..27d4578
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/foundations/typography.scss
@@ -0,0 +1,112 @@
+// This file provides CSS variables for font size and line height, plus Sass variables for base text size for Bootstrap
+
+:root {
+  --font-sans: 'Noto Sans', sans-serif;
+  --font-size-01: 0.75rem; // 12px
+  --font-size-02: 0.875rem; // 14px
+  --font-size-03: 1rem; // 16px
+  --font-size-04: 1.125rem; // 18px
+  --font-size-05: 1.25rem; // 20px
+  --font-size-06: 1.5rem; // 24px
+  --font-size-07: 1.875rem; // 30px
+  --font-size-08: 2.25rem; // 36px
+  --font-size-09: 3rem; // 48px
+  --font-size-10: 3.25rem; // 52px
+  --font-size-11: 3.75rem; // 60px
+  --font-size-12: 4.5rem; // 72px
+  --font-size-13: 6em; // 96px
+  --line-height-01: 1rem; // 16px
+  --line-height-02: 1.25rem; // 20px
+  --line-height-03: 1.5rem; // 24px
+  --line-height-04: 1.75rem; // 28px
+  --line-height-05: 2rem; // 32px
+  --line-height-06: 2.5rem; // 40px
+  --line-height-07: 3rem; // 48px
+  --line-height-08: 4rem; // 64px
+  --line-height-09: 4.25rem; // 68px
+  --line-height-10: 5rem; // 80px
+  --line-height-11: 6rem; // 96px
+  --line-height-12: 8rem; // 128px
+}
+
+// Semantic styles, as Sass mixins
+@mixin display-lg {
+  font-size: var(--font-size-13);
+  line-height: var(--line-height-12);
+}
+
+@mixin display-md {
+  font-size: var(--font-size-12);
+  line-height: var(--line-height-11);
+}
+
+@mixin display-sm {
+  font-size: var(--font-size-11);
+  line-height: var(--line-height-10);
+}
+
+@mixin display-xs {
+  font-size: var(--font-size-10);
+  line-height: var(--line-height-09);
+}
+
+@mixin heading-2xl {
+  font-size: var(--font-size-09);
+  line-height: var(--line-height-08);
+}
+
+@mixin heading-xl {
+  font-size: var(--font-size-08);
+  line-height: var(--line-height-07);
+}
+
+@mixin heading-lg {
+  font-size: var(--font-size-07);
+  line-height: var(--line-height-06);
+}
+
+@mixin heading-md {
+  font-size: var(--font-size-06);
+  line-height: var(--line-height-05);
+}
+
+@mixin heading-sm {
+  font-size: var(--font-size-05);
+  line-height: var(--line-height-04);
+}
+
+@mixin heading-xs {
+  font-size: var(--font-size-04);
+  line-height: var(--line-height-03);
+}
+
+@mixin body-lg {
+  font-size: var(--font-size-04);
+  line-height: var(--line-height-03);
+}
+
+@mixin body-base {
+  font-size: var(--font-size-03);
+  line-height: var(--line-height-03);
+}
+
+@mixin body-sm {
+  font-size: var(--font-size-02);
+  line-height: var(--line-height-02);
+}
+
+@mixin body-xs {
+  font-size: var(--font-size-01);
+  line-height: var(--line-height-01);
+}
+
+@mixin font-mono {
+  font-family: 'DM Mono', monospace;
+
+  // We're using the "ss05" (stylistic set 5) version of the DM Mono, by setting the `font-feature-settings` rule
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings
+  // We use the ss05 specifically to remove the "squiggle" below the f letter.
+  // You can try removing the `font-feature-settings` rule and check what happens to the letter "f",
+  // as it's quite hard to describe it with sentences alone
+  font-feature-settings: 'ss05';
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/helpers/all.scss b/services/web/frontend/stylesheets/bootstrap-5/helpers/all.scss
new file mode 100644
index 0000000..86f7f04
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/helpers/all.scss
@@ -0,0 +1 @@
+@import 'visually-hidden';
diff --git a/services/web/frontend/stylesheets/bootstrap-5/helpers/visually-hidden.scss b/services/web/frontend/stylesheets/bootstrap-5/helpers/visually-hidden.scss
new file mode 100644
index 0000000..caf0eac
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/helpers/visually-hidden.scss
@@ -0,0 +1,5 @@
+.visually-hidden-max-md {
+  @include media-breakpoint-down(md) {
+    @include visually-hidden;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/main-style.scss b/services/web/frontend/stylesheets/bootstrap-5/main-style.scss
new file mode 100644
index 0000000..eb705b4
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/main-style.scss
@@ -0,0 +1,52 @@
+// Web fonts
+@import '../../fonts/noto-sans/noto-sans.css';
+@import '../../fonts/dm-mono/dm-mono.css';
+@import '../../fonts/merriweather/merriweather.css';
+@import '../../fonts/source-code-pro/source-code-pro.css';
+@import '../../fonts/STIXTwoMath/stix-two-math.css';
+@import '../../fonts/noto-serif/noto-serif.css';
+@import '../../fonts/open-dyslexic-mono/open-dyslexic-mono.css';
+@import '../../fonts/material-symbols/material-symbols.css';
+@import '../../fonts/font-awesome/font-awesome.css';
+
+// Vendor CSS
+// TODO Bootstrap 5: Check whether this works with Bootstrap 5, and whether we can replace it
+@import '../vendor/select/select';
+
+// Bootstrap-related
+
+// Note that files containing Bootstrap or Sass files that interact with
+// Bootstrap's Sass variables must use @import rather than @use because
+// Bootstrap relies on its variables, mixins etc. all being global.
+
+// Include Bootstrap 5 itself, plus overrides and extend Bootstrap styles.
+@import 'base/bootstrap';
+
+// Extra colours for the website redesign
+@import 'base/colors';
+
+// Components custom style
+@import 'components/all';
+
+// Typography-related
+@import 'base/typography';
+
+// Custom helpers
+@import 'helpers/all';
+
+// Modals
+@import 'modals/all';
+
+// Pages custom style
+@import 'pages/all';
+
+// Link styles
+@import 'base/links';
+@import 'base/base';
+
+// Page layout that isn't related to a particular component or page
+@import 'base/layout';
+
+// Module styles
+// TODO: find a way for modules to add styles dynamically
+@import 'modules/all';
diff --git a/services/web/frontend/stylesheets/bootstrap-5/modals/all.scss b/services/web/frontend/stylesheets/bootstrap-5/modals/all.scss
new file mode 100644
index 0000000..b32e9af
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/modals/all.scss
@@ -0,0 +1 @@
+@import 'contact-us-modal';
diff --git a/services/web/frontend/stylesheets/bootstrap-5/modals/contact-us-modal.scss b/services/web/frontend/stylesheets/bootstrap-5/modals/contact-us-modal.scss
new file mode 100644
index 0000000..7ac5e62
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/modals/contact-us-modal.scss
@@ -0,0 +1,91 @@
+// Hack to make the contact modal appear above other modals
+.contact-modal {
+  z-index: 1065;
+}
+
+.contact-backdrop {
+  z-index: 1060;
+}
+
+.contact-us-modal-textarea {
+  height: 120px;
+}
+
+.modal-form-messages .notification {
+  margin-bottom: var(--spacing-05);
+}
+
+.contact-suggestions {
+  @include body-sm;
+
+  margin: 0 calc(-1 * var(--bs-modal-padding)) var(--spacing-05);
+  padding: var(--spacing-05) 0;
+  color: var(--content-secondary);
+  background-color: var(--bg-light-secondary);
+  border-top: solid 1px var(--border-primary-dark);
+  border-bottom: solid 1px var(--border-primary-dark);
+}
+
+.contact-suggestion-label {
+  margin-bottom: var(--spacing-05);
+  padding: 0 var(--spacing-07);
+}
+
+.contact-suggestion-list {
+  padding-left: 0;
+  list-style: none;
+  background-color: var(--white);
+  border-top: solid 1px var(--border-primary-dark);
+  border-bottom: solid 1px var(--border-primary-dark);
+  margin: 0;
+
+  li:last-child .contact-suggestion-list-item {
+    border-bottom: none;
+  }
+}
+
+.contact-suggestion-list-item {
+  display: flex;
+  justify-content: space-between;
+  color: var(--content-secondary);
+  padding: var(--spacing-05) var(--spacing-07);
+  border-bottom: solid 1px var(--border-divider);
+  cursor: pointer;
+  text-decoration: none;
+
+  &:hover,
+  &:focus {
+    background-color: var(--bg-light-secondary);
+
+    span {
+      text-decoration: underline;
+    }
+
+    .fa {
+      color: inherit;
+      text-decoration: none;
+    }
+  }
+
+  .fa {
+    color: var(--neutral-30);
+  }
+}
+
+.contact-suggestions-dropdown {
+  width: calc(100% - 2 * var(--bs-modal-padding));
+
+  .dropdown-header {
+    @include body-sm;
+
+    padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
+  }
+
+  .dropdown-item {
+    white-space: normal;
+  }
+
+  .form-group + & {
+    margin-top: $spacing-02 - $form-group-margin-bottom;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/modules/all.scss b/services/web/frontend/stylesheets/bootstrap-5/modules/all.scss
new file mode 100644
index 0000000..b92eb80
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/modules/all.scss
@@ -0,0 +1,4 @@
+@import 'third-party-references';
+@import 'symbol-palette';
+@import 'writefull';
+@import 'labs';
diff --git a/services/web/frontend/stylesheets/bootstrap-5/modules/labs.scss b/services/web/frontend/stylesheets/bootstrap-5/modules/labs.scss
new file mode 100644
index 0000000..2e6fdf7
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/modules/labs.scss
@@ -0,0 +1,119 @@
+.labs-opt-in-wrapper {
+  color: var(--neutral-60);
+
+  h1,
+  h2,
+  h3,
+  h4 {
+    color: var(--content-primary);
+  }
+
+  #experiments-container {
+    .title-row {
+      display: flex;
+    }
+
+    .labs-experiment-widget-container {
+      border: 1px solid var(--border-divider);
+    }
+  }
+
+  .labs-icon {
+    background-color: var(--green-50);
+    color: var(--white);
+    border-radius: 20%;
+    vertical-align: text-bottom;
+  }
+
+  p {
+    font-size: var(--font-size-02);
+    color: var(--content-secondary);
+  }
+
+  strong {
+    font-size: var(--font-size-02);
+  }
+
+  .labs-experiment-widget-container {
+    --image-size: 40px;
+    --image-padding: var(--spacing-01);
+
+    display: grid;
+    grid-template-columns: var(--image-size) 1fr auto;
+    gap: var(--spacing-07);
+    align-items: center;
+    padding: var(--spacing-05);
+
+    > div {
+      display: flex;
+      flex-direction: column;
+      padding-right: var(--spacing-07);
+
+      &:last-child {
+        padding-right: 0;
+      }
+    }
+
+    .experiment-logo-container {
+      padding: var(--image-padding);
+    }
+
+    img {
+      width: calc(var(--image-size) - var(--image-padding) * 2);
+      height: calc(var(--image-size) - var(--image-padding) * 2);
+    }
+
+    .title-row {
+      margin: 0;
+      margin-bottom: var(--spacing-04);
+
+      > h3 {
+        margin: 0;
+        margin-right: var(--spacing-04);
+      }
+
+      .badge {
+        line-height: var(--line-height-02);
+      }
+    }
+
+    p {
+      margin-bottom: var(--spacing-04);
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    &.disabled-experiment {
+      grid-template-columns: var(--image-size) 3fr 1fr auto;
+
+      .disabled-explanation {
+        color: var(--content-secondary);
+      }
+
+      h3,
+      p {
+        color: var(--content-disabled);
+      }
+    }
+  }
+
+  @media (width < 768px) {
+    .labs-experiment-widget-container {
+      grid-template-columns: 1fr;
+    }
+  }
+}
+
+.disabled-experiment {
+  .ai-error-assistant-avatar {
+    filter: grayscale(0.6);
+  }
+}
+
+.labs-opt-in {
+  .form-group {
+    margin-top: var(--spacing-06);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/modules/symbol-palette.scss b/services/web/frontend/stylesheets/bootstrap-5/modules/symbol-palette.scss
new file mode 100644
index 0000000..dd6d5f6
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/modules/symbol-palette.scss
@@ -0,0 +1,207 @@
+:root {
+  --symbol-palette-bg: var(--bg-dark-tertiary);
+  --symbol-palette-color: var(--content-primary-dark);
+  --symbol-palette-header-background: var(--bg-dark-secondary);
+  --symbol-palette-item-bg: var(--bg-dark-secondary);
+  --symbol-palette-item-color: var(--content-primary-dark);
+  --symbol-palette-selected-tab-bg: var(--bg-dark-tertiary);
+  --symbol-palette-selected-tab-color: var(--content-primary-dark);
+  --symbol-palette-text-shadow-color: var(--bg-dark-primary);
+  --symbol-palette-overlay-bg: #{rgb($bg-dark-tertiary, 0.75)};
+}
+
+@include theme('light') {
+  --symbol-palette-bg: var(--bg-light-primary);
+  --symbol-palette-color: var(--content-secondary);
+  --symbol-palette-header-background: var(--bg-light-tertiary);
+  --symbol-palette-item-bg: var(--bg-light-tertiary);
+  --symbol-palette-item-color: var(--content-secondary);
+  --symbol-palette-selected-tab-bg: var(--bg-light-primary);
+  --symbol-palette-selected-tab-color: var(--blue-50);
+  --symbol-palette-text-shadow-color: var(--bg-light-tertiary);
+  --symbol-palette-overlay-bg: #{rgb($bg-light-primary, 0.75)};
+}
+
+.symbol-palette-container {
+  height: 100%;
+  width: 100%;
+  position: relative;
+}
+
+.symbol-palette {
+  display: flex;
+  flex-direction: column;
+  background: var(--symbol-palette-bg);
+  color: var(--symbol-palette-color);
+  width: 100%;
+  height: 100%;
+  min-height: 220px; // allow space for the overlay contents
+}
+
+.symbol-palette-header-outer {
+  flex-shrink: 0;
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  align-items: stretch;
+  font-family: $font-family-sans-serif;
+  font-size: var(--font-size-03);
+  background: var(--symbol-palette-header-background);
+  box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
+}
+
+.symbol-palette-header {
+  flex: 1;
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: stretch;
+}
+
+.symbol-palette-tab-list[role='tablist'] {
+  background: none;
+  border-bottom: none;
+  flex-wrap: wrap;
+  display: flex;
+}
+
+.symbol-palette-tab[role='tab'] {
+  appearance: none;
+  background: none;
+  border: none;
+  border-bottom: 1px solid transparent;
+  color: inherit;
+  cursor: pointer;
+  display: inline-block;
+  font: inherit;
+  margin: 0;
+  padding: var(--spacing-02) var(--spacing-04);
+
+  &[aria-selected='true'] {
+    background: var(--symbol-palette-selected-tab-bg);
+    color: var(--symbol-palette-selected-tab-color);
+  }
+
+  &:disabled {
+    cursor: default;
+    opacity: 0.25;
+  }
+}
+
+.symbol-palette-body {
+  flex: 1;
+  overflow-y: auto;
+}
+
+.symbol-palette-items {
+  display: flex;
+  flex-wrap: wrap;
+  padding: var(--spacing-03);
+}
+
+.symbol-palette-item {
+  font-family: 'Stix Two Math', serif;
+  font-size: 24px;
+  line-height: 42px;
+  height: 42px;
+  width: 42px;
+  margin: var(--spacing-03);
+  color: var(--symbol-palette-item-color);
+  background: var(--symbol-palette-item-bg);
+  border: 1px solid transparent;
+  border-radius: var(--border-radius-base);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.symbol-palette-item-command {
+  font-family: monospace;
+  font-weight: bold;
+}
+
+.symbol-palette-item-notes {
+  margin-top: var(--spacing-03);
+}
+
+.symbol-palette-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-05);
+}
+
+.symbol-palette-search {
+  padding: var(--spacing-01) var(--spacing-05);
+  margin: var(--spacing-03);
+  line-height: 1;
+  height: auto;
+  width: auto;
+}
+
+.symbol-palette-header-group {
+  display: flex;
+  align-items: stretch;
+  white-space: nowrap;
+  margin-left: var(--spacing-03);
+}
+
+.symbol-palette-info-link,
+.symbol-palette-info-link:focus,
+.symbol-palette-info-link:hover {
+  color: inherit;
+}
+
+.symbol-palette-close-button-outer {
+  display: flex;
+}
+
+.symbol-palette-close-button {
+  --bs-btn-close-color: var(--symbol-palette-color);
+
+  [data-theme='default'] & {
+    filter: var(--bs-btn-close-white-filter);
+  }
+
+  margin-top: var(--spacing-04);
+  margin-left: var(--spacing-05);
+  margin-right: var(--spacing-03);
+
+  .symbol-palette-unavailable & {
+    visibility: hidden;
+  }
+}
+
+.symbol-palette-overlay {
+  position: absolute;
+  inset: 0;
+  background: var(--symbol-palette-overlay-bg);
+  color: var(--symbol-palette-color);
+  display: flex;
+  flex-direction: column;
+  padding: 0 var(--spacing-09) var(--spacing-05);
+  align-items: center;
+  text-shadow: 0 0 8px var(--symbol-palette-text-shadow-color);
+  min-height: 200px;
+  overflow: auto;
+
+  h4 {
+    font-weight: bold;
+    color: var(--symbol-palette-color);
+    text-align: center;
+  }
+
+  .symbol-palette-close-button {
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+
+  .upgrade-benefits {
+    column-count: 2;
+
+    li {
+      display: flex;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/modules/third-party-references.scss b/services/web/frontend/stylesheets/bootstrap-5/modules/third-party-references.scss
new file mode 100644
index 0000000..b8aa8bf
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/modules/third-party-references.scss
@@ -0,0 +1,29 @@
+@keyframes slide-in {
+  0% {
+    transform: translateY(25%);
+    opacity: 0;
+    bottom: var(--spacing-05);
+  }
+
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+    bottom: var(--spacing-06);
+  }
+}
+
+.fade-slide-in {
+  opacity: 0;
+  transition: opacity 0.3s ease; /* Smooth opacity transition */
+  animation: slide-in 0.3s ease-in-out forwards;
+  animation-delay: 300ms;
+}
+
+.tpr-editor-prompt-container {
+  position: absolute;
+  z-index: 1;
+  bottom: var(--spacing-06);
+  right: var(--spacing-06);
+  width: 90%;
+  max-width: 512px;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/modules/writefull.scss b/services/web/frontend/stylesheets/bootstrap-5/modules/writefull.scss
new file mode 100644
index 0000000..bc4107e
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/modules/writefull.scss
@@ -0,0 +1,12 @@
+.writefull-loading-bar {
+  font-size: var(--font-size-02);
+  height: 40px;
+  justify-content: center;
+}
+
+.writefull-error-notification {
+  margin: 48px 64px;
+  width: 100%;
+  max-width: 520px;
+  text-align: left;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/about.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/about.scss
new file mode 100644
index 0000000..3c11982
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/about.scss
@@ -0,0 +1,39 @@
+/*
+  v2
+  About Page
+*/
+.team {
+  list-style: none;
+  padding: 0;
+
+  .team-member {
+    display: block;
+    float: left;
+    margin-bottom: var(--spacing-09);
+    width: 100%;
+
+    h3 {
+      margin: 0;
+    }
+
+    .team-pic {
+      float: left;
+      margin-right: var(--spacing-04);
+    }
+
+    .team-info {
+      overflow: hidden;
+    }
+
+    .team-connect {
+      list-style: none;
+      margin-top: var(--spacing-04);
+      padding: 0;
+
+      li {
+        display: inline-block;
+        margin: 0 var(--spacing-07) 0 0;
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/account-settings.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/account-settings.scss
new file mode 100644
index 0000000..6ae0ca9
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/account-settings.scss
@@ -0,0 +1,247 @@
+.affiliations-table {
+  table-layout: fixed;
+}
+
+.affiliations-table-cell {
+  padding: var(--spacing-04);
+  overflow-wrap: break-word;
+}
+
+.affiliations-table-cell-tabbed {
+  margin: var(--spacing-04) 0 0 var(--spacing-07);
+  padding-left: var(--spacing-04);
+}
+
+.affiliations-table-row-highlighted {
+  background-color: var(--bg-light-secondary);
+}
+
+.affiliation-change-container {
+  margin-top: var(--spacing-04);
+}
+
+.affiliations-table-label {
+  padding-top: var(--spacing-02);
+}
+
+.btn-link-accounts {
+  margin-bottom: var(--spacing-03);
+}
+
+.settings-widget-status-icon,
+.dropbox-sync-icon {
+  position: relative;
+  font-size: 1.3em;
+  line-height: 1.3em;
+  vertical-align: top;
+
+  &.status-error,
+  &.dropbox-sync-icon-error {
+    color: var(--bg-danger-01);
+  }
+
+  &.status-success,
+  &.dropbox-sync-icon-success {
+    color: var(--content-positive);
+  }
+
+  &.status-pending,
+  &.dropbox-sync-icon-updating {
+    color: var(--bg-info-01);
+
+    &::after {
+      content: '\f021';
+      position: absolute;
+      top: 0;
+      left: 50%;
+      margin-left: -20%;
+      font-size: 60%;
+      color: #fff;
+      animation: fa-spin 2s infinite linear;
+    }
+  }
+}
+
+.settings-widgets-container {
+  border: 1px solid var(--border-divider);
+
+  hr {
+    margin: 0 var(--spacing-05);
+  }
+}
+
+.settings-widget-container {
+  display: grid;
+  grid-template-columns: 50px 1fr auto;
+  gap: var(--spacing-07);
+  align-items: center;
+  padding: var(--spacing-05);
+
+  > div {
+    display: flex;
+    flex-direction: column;
+    padding-right: var(--spacing-07);
+
+    &:last-child {
+      padding-right: var(--spacing-00);
+    }
+  }
+
+  img {
+    width: 40px;
+    height: 40px;
+  }
+
+  .description-container {
+    flex-grow: 1;
+  }
+
+  .dual-logo {
+    display: flex;
+    justify-content: space-evenly;
+    height: 100%;
+  }
+
+  .title-row {
+    display: flex;
+    align-items: center;
+    margin-bottom: var(--spacing-05);
+
+    > h4 {
+      margin: 0;
+      margin-right: var(--spacing-05);
+    }
+  }
+
+  p {
+    margin-bottom: var(--spacing-05);
+
+    &:last-child {
+      margin-bottom: var(--spacing-00);
+    }
+  }
+}
+
+@include media-breakpoint-down(md) {
+  .settings-widget-container {
+    grid-template-columns: 1fr;
+
+    .title-row {
+      display: unset;
+    }
+  }
+}
+
+// Prevents icon from large account linking sections, such as the git bridge,
+// from rendering in the center of the widget, anchoring it to the top
+.linking-icon-fixed-position {
+  align-self: start;
+  padding-top: var(--spacing-05);
+}
+
+// overrides the default `Col` padding, as the inner `affiliations-table-cell` has its own padding, and
+// the content length of the git-bridge token table is pretty much fixed (tokens and dates)
+.linking-git-bridge-table-cell {
+  padding-right: 0;
+}
+
+.linking-git-bridge-revoke-button {
+  padding: var(--spacing-01) var(--spacing-02);
+}
+
+.security-row {
+  .line-header > b {
+    color: var(--content-primary);
+  }
+
+  color: var(--content-secondary);
+  display: flex;
+  flex-direction: row;
+  padding: var(--spacing-03) 0;
+
+  .icon {
+    color: var(--content-primary);
+    display: flex;
+    flex: 1 1 7%;
+    padding: 0 var(--spacing-06);
+    margin-top: var(--spacing-06);
+  }
+
+  .text {
+    flex: 1 1 93%;
+    display: flex;
+    flex-direction: column;
+    margin-right: var(--spacing-06);
+  }
+
+  .button-column {
+    display: flex;
+    align-items: center;
+  }
+
+  .status-label {
+    @include body-sm;
+
+    border-radius: var(--border-radius-base);
+    padding: var(--spacing-01) var(--spacing-02);
+    margin-top: var(--spacing-02);
+    margin-left: var(--spacing-04);
+    flex-shrink: 0;
+
+    &.status-label-configured {
+      background-color: var(--bg-accent-01);
+      color: var(--content-secondary-dark);
+    }
+
+    &.status-label-ready {
+      background-color: var(--bg-light-tertiary);
+      color: var(--content-primary);
+    }
+  }
+}
+
+#settings-page-root {
+  .recaptcha-branding {
+    font-size: var(--font-size-01);
+    text-align: left;
+    padding: 0 0 var(--spacing-04);
+  }
+}
+
+#settings-page-root,
+#action-project-modal {
+  &#settings-page-root .confirm-email-form {
+    background: var(--bg-light-secondary);
+  }
+
+  .confirm-email-form-inner {
+    margin: auto;
+    padding: var(--spacing-08);
+    max-width: 480px;
+
+    label {
+      overflow-wrap: anywhere;
+    }
+
+    .text-danger {
+      display: flex;
+      gap: var(--spacing-03);
+      padding: var(--spacing-02);
+    }
+
+    .form-actions {
+      margin-top: var(--spacing-05);
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-05);
+
+      button {
+        white-space: normal;
+      }
+
+      .btn-danger-ghost:not(:hover) {
+        background: transparent;
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/add-secondary-email-prompt.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/add-secondary-email-prompt.scss
new file mode 100644
index 0000000..4a9ace9
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/add-secondary-email-prompt.scss
@@ -0,0 +1,16 @@
+.add-secondary-email {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-05);
+
+  .add-secondary-email-error {
+    display: flex;
+    gap: var(--spacing-03);
+    padding: var(--spacing-02);
+  }
+
+  .add-secondary-email-learn-more {
+    margin-top: var(--spacing-05);
+    margin-bottom: 0;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/admin/admin.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/admin/admin.scss
new file mode 100644
index 0000000..e2c807e
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/admin/admin.scss
@@ -0,0 +1,93 @@
+#survey-form,
+#split-test-edit,
+#split-test-create {
+  .material-switch {
+    input[type='checkbox'] {
+      display: none;
+
+      &:checked + label::before {
+        background: inherit;
+        opacity: 0.5;
+      }
+
+      &:checked + label::after {
+        background: inherit;
+        left: 20px;
+      }
+
+      &:disabled + label {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+    }
+
+    label {
+      cursor: pointer;
+      height: 0;
+      position: relative;
+      width: 40px;
+      background-color: var(--bg-accent-01);
+
+      &::before {
+        background: rgb(0 0 0);
+        box-shadow: inset 0 0 10px rgb(0 0 0 / 50%);
+        border-radius: var(--border-radius-medium);
+        content: '';
+        height: 16px;
+        margin-top: calc(var(--spacing-01) * -1);
+        position: absolute;
+        opacity: 0.3;
+        transition: all 0.2s ease-in-out;
+        width: 40px;
+      }
+
+      &::after {
+        background: rgb(255 255 255);
+        border-radius: var(--border-radius-large);
+        box-shadow: 0 0 5px rgb(0 0 0 / 30%);
+        content: '';
+        height: 24px;
+        left: -4px;
+        margin-top: calc(var(--spacing-01) * -1);
+        position: absolute;
+        top: -4px;
+        transition: all 0.2s ease-in-out;
+        width: 24px;
+      }
+    }
+  }
+
+  .hr-sect {
+    display: flex;
+    flex-basis: 100%;
+    align-items: center;
+    color: rgb(0 0 0 / 35%);
+    margin: var(--spacing-04) 0;
+  }
+
+  .hr-sect::before,
+  .hr-sect::after {
+    content: '';
+    flex-grow: 1;
+    background: rgb(0 0 0 / 35%);
+    height: 1px;
+    font-size: 0;
+    line-height: 0;
+    margin: 0 var(--spacing-04);
+  }
+}
+
+#user-info-page {
+  .confirmed-email-color,
+  .trusted-email-color {
+    color: var(--green-60);
+  }
+
+  .unconfirmed-email-color {
+    color: var(--red-50);
+  }
+
+  .untrusted-email-color {
+    color: var(--yellow-50);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/admin/project-url-lookup.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/admin/project-url-lookup.scss
new file mode 100644
index 0000000..a06d939
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/admin/project-url-lookup.scss
@@ -0,0 +1,22 @@
+.project-url-lookup {
+  margin-top: var(--spacing-08);
+
+  .project-url-lookup-results {
+    margin-top: var(--spacing-08);
+  }
+
+  .project-url-lookup-link-box {
+    background-color: var(--bg-light-secondary);
+    border: 1px solid var(--border-primary-dark);
+    padding: var(--spacing-03) var(--spacing-05);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+
+  .project-url-lookup-hint {
+    display: flex;
+    align-items: center;
+    padding: var(--spacing-03);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/all.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/all.scss
new file mode 100644
index 0000000..24a65e6
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/all.scss
@@ -0,0 +1,53 @@
+@import 'account-settings';
+@import 'cms';
+@import 'content';
+@import 'project-list';
+@import 'project-list-default';
+@import 'project-list-ds-nav';
+@import 'sidebar-v2-dash-pane';
+@import 'editor/ide';
+@import 'editor/ide-redesign';
+@import 'editor/ide-redesign-switcher-modal';
+@import 'editor/rail';
+@import 'editor/settings';
+@import 'editor/toolbar';
+@import 'editor/toolbar-redesign';
+@import 'editor/online-users';
+@import 'editor/hotkeys';
+@import 'editor/left-menu';
+@import 'editor/loading-screen';
+@import 'editor/logs';
+@import 'editor/outline';
+@import 'editor/file-tree';
+@import 'editor/file-view';
+@import 'editor/figure-modal';
+@import 'editor/chat';
+@import 'editor/toast';
+@import 'editor/history';
+@import 'editor/write-and-cite';
+@import 'subscription';
+@import 'editor/pdf';
+@import 'editor/pdf-error-state';
+@import 'editor/compile-button';
+@import 'editor/publish-modal';
+@import 'editor/share';
+@import 'editor/tags-input';
+@import 'editor/review-panel-new';
+@import 'editor/table-generator-column-width-modal';
+@import 'editor/math-preview';
+@import 'editor/references-search';
+@import 'website-redesign';
+@import 'group-settings';
+@import 'templates-v2';
+@import 'homepage';
+@import 'auth';
+@import 'login-register';
+@import 'login';
+@import 'register';
+@import 'plans';
+@import 'onboarding-confirm-email';
+@import 'secondary-confirm-email';
+@import 'onboarding';
+@import 'admin/admin';
+@import 'admin/project-url-lookup';
+@import 'add-secondary-email-prompt';
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/auth.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/auth.scss
new file mode 100644
index 0000000..cd23cad
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/auth.scss
@@ -0,0 +1,82 @@
+.auth-aux-logo {
+  position: absolute;
+  top: var(--spacing-06);
+  left: var(--spacing-06);
+
+  img {
+    height: 40px;
+  }
+}
+
+.auth-aux-container {
+  padding-top: calc($header-height + $spacing-11);
+  max-width: 320px;
+  min-height: 100vh;
+  margin-left: auto;
+  margin-right: auto;
+
+  .recaptcha-branding {
+    @include body-xs;
+
+    padding: 0;
+    text-align: left;
+  }
+}
+
+.auth-aux-new-password ~ .notification {
+  margin-top: var(--spacing-04);
+}
+
+.login-overleaf-logo-container {
+  display: block;
+  padding: var(--spacing-06);
+  text-align: center;
+  padding-top: var(--spacing-13);
+  padding-bottom: var(--spacing-09);
+}
+
+.login-register-hr-text-container {
+  line-height: 1;
+  position: relative;
+  padding: var(--spacing-08) 0;
+  font-size: var(--font-size-02);
+
+  &::before {
+    content: '';
+    position: absolute;
+    height: 1px;
+    background-color: var(--neutral-20);
+    top: 50%;
+    left: 0;
+    right: 0;
+  }
+}
+
+.login-register-hr-text {
+  position: relative;
+  background-color: #fff;
+  padding: 0 var(--spacing-05);
+}
+
+.sso-auth-login-container {
+  max-width: 400px;
+  margin: 0 auto;
+  padding: 0 var(--spacing-06);
+
+  h1 {
+    font-size: var(--font-size-07);
+    line-height: var(--line-height-06);
+  }
+
+  .login-register-text {
+    font-size: var(--font-size-02);
+  }
+
+  .email-label {
+    padding-top: var(--spacing-06);
+  }
+
+  .login-register-other-links {
+    padding-top: var(--spacing-09);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss
new file mode 100644
index 0000000..a9eca4b
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/cms.scss
@@ -0,0 +1,771 @@
+/*
+  CMS Generated Pages:
+  /about/*, /contact, /legal, /blog/*, /for/*, /events/*
+*/
+
+@mixin section-row-custom-gap($spacing) {
+  // only update the padding between columns
+  // not the padding before the first column
+  // or the padding after the last column
+  // rows can be nested, so only select direct col in row
+
+  > div[class*='col-'] {
+    &:not(:first-child, :last-child) {
+      padding-left: $spacing;
+      padding-right: $spacing;
+    }
+
+    &:first-child {
+      padding-right: $spacing;
+    }
+
+    &:last-child {
+      padding-left: $spacing;
+    }
+  }
+}
+
+.cms-page {
+  .sales-contact-form-left-column {
+    @include media-breakpoint-up(sm) {
+      .names-container {
+        display: flex;
+        gap: 21px;
+      }
+    }
+
+    .checkbox-label {
+      font-size: 16px;
+      font-weight: 400;
+    }
+  }
+
+  .row {
+    row-gap: var(--spacing-13);
+  }
+
+  .p-no-text-nodes:has(.btn) {
+    margin-top: var(--spacing-09);
+
+    @include media-breakpoint-down(md) {
+      .btn {
+        width: 100%;
+        margin-left: 0;
+        margin-top: var(--spacing-05);
+      }
+
+      .btn:first-child {
+        margin-top: 0;
+      }
+    }
+  }
+
+  .linkable-list-container {
+    .row-with-id {
+      margin-top: var(--spacing-12);
+
+      h2:first-child {
+        // css specificity problem. this is more specific than header overrides below
+        margin-top: 0;
+      }
+    }
+  }
+
+  // create .paragraphs-margin-spacing-00, .paragraphs-margin-spacing-01, .paragraphs-margin-spacing-02, .paragraphs-margin-spacing-03, .paragraphs-margin-spacing-04, .paragraphs-margin-spacing-05, .paragraphs-margin-spacing-06, .paragraphs-margin-spacing-07, .paragraphs-margin-spacing-08, .paragraphs-margin-spacing-09, .paragraphs-margin-spacing-10, .paragraphs-margin-spacing-11, .paragraphs-margin-spacing-12, .paragraphs-margin-spacing-13, .paragraphs-margin-spacing-14, .paragraphs-margin-spacing-15, .paragraphs-margin-spacing-16
+  @each $spacing-option in $all-spacings {
+    .paragraphs-margin-#{$spacing-option} {
+      p {
+        margin-bottom: var(--#{$spacing-option});
+      }
+    }
+  }
+
+  // create .paragraphs-top-margin-spacing-00, .paragraphs-top-margin-spacing-01, .paragraphs-top-margin-spacing-02, .paragraphs-top-margin-spacing-03, .paragraphs-top-margin-spacing-04, .paragraphs-top-margin-spacing-05, .paragraphs-top-margin-spacing-06, .paragraphs-top-margin-spacing-07, .paragraphs-top-margin-spacing-08, .paragraphs-top-margin-spacing-09, .paragraphs-top-margin-spacing-10, .paragraphs-top-margin-spacing-11, .paragraphs-top-margin-spacing-12, .paragraphs-top-margin-spacing-13, .paragraphs-top-margin-spacing-14, .paragraphs-top-margin-spacing-15, .paragraphs-top-margin-spacing-16
+  @each $spacing-option in $all-spacings {
+    .paragraphs-top-margin-#{$spacing-option} {
+      p {
+        margin-top: var(--#{$spacing-option}) !important;
+      }
+    }
+  }
+
+  // create .headers-top-margin-spacing-00, .headers-top-margin-spacing-01, .headers-top-margin-spacing-02, .headers-top-margin-spacing-03, .headers-top-margin-spacing-04, .headers-top-margin-spacing-05, .headers-top-margin-spacing-06, .headers-top-margin-spacing-07, .headers-top-margin-spacing-08, .headers-top-margin-spacing-09, .headers-top-margin-spacing-10, .headers-top-margin-spacing-11, .headers-top-margin-spacing-12, .headers-top-margin-spacing-13, .headers-top-margin-spacing-14, .headers-top-margin-spacing-15, .headers-top-margin-spacing-16
+  @each $spacing-option in $all-spacings {
+    .headers-top-margin-#{$spacing-option} {
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6 {
+        margin-top: var(
+          --#{$spacing-option}
+        ) !important; // needed for :first-child specificity
+      }
+    }
+  }
+
+  // create .headers-bottom-margin-spacing-00, .headers-bottom-margin-spacing-01, .headers-bottom-margin-spacing-02, .headers-bottom-margin-spacing-03, .headers-bottom-margin-spacing-04, .headers-bottom-margin-spacing-05, .headers-bottom-margin-spacing-06, .headers-bottom-margin-spacing-07, .headers-bottom-margin-spacing-08, .headers-bottom-margin-spacing-09, .headers-bottom-margin-spacing-10, .headers-bottom-margin-spacing-11, .headers-bottom-margin-spacing-12, .headers-bottom-margin-spacing-13, .headers-bottom-margin-spacing-14, .headers-bottom-margin-spacing-15, .headers-bottom-margin-spacing-16
+  @each $spacing-option in $all-spacings {
+    .headers-bottom-margin-#{$spacing-option} {
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6 {
+        margin-bottom: var(--#{$spacing-option});
+      }
+    }
+  }
+
+  @each $spacing-option in $all-spacings {
+    // create .padding-top-spacing-00, .padding-top-spacing-01, .padding-top-spacing-02, .padding-top-spacing-03, .padding-top-spacing-04, .padding-top-spacing-05, .padding-top-spacing-06, .padding-top-spacing-07, .padding-top-spacing-08, .padding-top-spacing-09, .padding-top-spacing-10, .padding-top-spacing-11, .padding-top-spacing-12, .padding-top-spacing-13, .padding-top-spacing-14, .padding-top-spacing-15, .padding-top-spacing-16
+    .padding-top-#{$spacing-option} {
+      padding-top: var(--#{$spacing-option});
+    }
+  }
+
+  @each $spacing-option in $all-spacings {
+    // create .padding-bottom-spacing-00, .padding-bottom-spacing-01, .padding-bottom-spacing-02, .padding-bottom-spacing-03, .padding-bottom-spacing-04, .padding-bottom-spacing-05, .padding-bottom-spacing-06, .padding-bottom-spacing-07, .padding-bottom-spacing-08, .padding-bottom-spacing-09, .padding-bottom-spacing-10, .padding-bottom-spacing-11, .padding-bottom-spacing-12, .padding-bottom-spacing-13, .padding-bottom-spacing-14, .padding-bottom-spacing-15, .padding-bottom-spacing-16
+    .padding-bottom-#{$spacing-option} {
+      padding-bottom: var(--#{$spacing-option});
+    }
+  }
+
+  .font-color-green-bright {
+    p,
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      color: var(--green-bright);
+    }
+  }
+
+  .card + .card {
+    margin-top: var(--spacing-09);
+  }
+
+  .optional-text {
+    font-size: 14px;
+  }
+
+  section {
+    padding: var(--spacing-16) 0 0 0;
+
+    &.no-top-padding {
+      /* opt out of padding via the CMS */
+      padding-top: 0;
+    }
+
+    // TODO: confirm if we will still support this and if so what colors to use
+    // &.color-block {
+    //   &.green-dark {
+    //     background-color: @ol-dark-green;
+    //   }
+    //   &.green {
+    //     background-color: @ol-green;
+
+    //     .no-card * {
+    //       .btn-primary,
+    //       .btn-success {
+    //         // only correct button colors when green on green
+    //         .btn-primary-on-primary-bg;
+    //       }
+    //     }
+    //   }
+    //   &.blue-gray-dark {
+    //     background-color: @ol-blue-gray-5;
+    //   }
+    //   &.blue-gray-light {
+    //     background-color: @ol-blue-gray-1;
+    //   }
+
+    //   &.green,
+    //   &.green-dark,
+    //   &.blue-gray-dark {
+    //     .no-card * {
+    //       &:not(.btn) {
+    //         color: @white;
+    //       }
+    //       a {
+    //         text-decoration: underline;
+    //       }
+    //       .btn {
+    //         text-decoration: none;
+    //       }
+
+    //       .form-control {
+    //         color: @input-color;
+    //       }
+    //     }
+    //   }
+    // }
+  }
+
+  // only first level of .section-row need to act like containers. We do not want to update .section-row nested within a .section-row
+  section > .section-row {
+    @extend .container;
+  }
+
+  padding-bottom: 0;
+
+  img {
+    height: auto;
+    max-width: 100%;
+  }
+
+  /*
+      Tabs
+    */
+  .tab-content {
+    padding-left: 0;
+    padding-right: 0;
+    width: 100%;
+  }
+
+  /*
+      When on preview mode
+    */
+  .cms-preview {
+    background-color: var(--blue-60);
+    color: white;
+    font-weight: bold;
+    height: 30px;
+    left: 0;
+    line-height: 30px;
+    opacity: 0.8;
+    position: fixed;
+    text-align: center;
+    top: 0;
+    width: 100%;
+    z-index: 1000;
+
+    &::after {
+      content: 'Preview';
+      width: 100%;
+      top: 0;
+      left: 0;
+    }
+  }
+
+  .tab-pane {
+    .row:first-child {
+      margin-top: 0;
+    }
+  }
+
+  /*
+      Tables
+    */
+  .table-styled {
+    overflow: hidden;
+    overflow-x: auto;
+
+    table {
+      background: white;
+      max-width: none;
+
+      th,
+      td {
+        border: 1px solid var(--neutral-30);
+        padding: var(--spacing-05);
+        text-align: center;
+        word-break: normal;
+      }
+    }
+  }
+
+  .table-styled,
+  .features-table {
+    .fa-check-square,
+    .fa-check {
+      color: var(--green-50);
+    }
+  }
+
+  .features-table {
+    max-width: none;
+
+    th,
+    td {
+      border: 1px solid var(--neutral-30);
+      hyphens: auto;
+      padding: var(--spacing-05);
+      text-align: center;
+      width: 20%;
+    }
+
+    .btn {
+      max-width: 100%;
+      white-space: pre-wrap;
+      word-wrap: break-word;
+    }
+
+    &.left-align-first-col {
+      td,
+      th {
+        text-align: left;
+      }
+
+      td + td,
+      th + th {
+        text-align: center;
+      }
+    }
+
+    .hidden-row-above-xs {
+      display: none;
+    }
+
+    @include media-breakpoint-down(md) {
+      tbody,
+      thead {
+        display: block;
+      }
+
+      tr {
+        display: flex;
+        flex-flow: row wrap;
+        justify-content: space-around;
+      }
+
+      td,
+      th {
+        display: block;
+        width: 25%;
+      }
+
+      tr:first-child {
+        th {
+          width: 50%;
+        }
+
+        th:first-child {
+          width: 100%;
+        }
+      }
+
+      td:first-child {
+        text-align: center;
+        width: 100%;
+      }
+
+      .hidden-row-xs {
+        display: none;
+      }
+
+      .hidden-row-above-xs {
+        display: flex;
+      }
+
+      .table-header {
+        text-align: center;
+      }
+    }
+  }
+
+  /*
+      universities page
+    */
+  #universities-container {
+    padding: var(--spacing-07);
+    width: 100%;
+
+    .row {
+      border-bottom: 1px solid var(--neutral-10);
+
+      div {
+        padding: var(--spacing-07);
+        vertical-align: middle;
+      }
+    }
+
+    .row:first-child {
+      // parent container contains padding
+
+      div {
+        padding-top: 0;
+      }
+    }
+
+    .row:last-child {
+      border: 0;
+
+      // parent container contains padding
+      div {
+        border: 0;
+        padding-bottom: 0;
+      }
+    }
+
+    p {
+      margin: 0 auto;
+      width: 100%;
+    }
+
+    // Logos
+    .uni-logo {
+      margin: 0 auto;
+      max-height: 55px;
+      min-width: 55px;
+    }
+
+    .university-claim-btn {
+      text-align: center;
+    }
+
+    @include media-breakpoint-up(sm) {
+      display: table;
+      table-layout: fixed;
+
+      .row {
+        display: table-row;
+
+        div {
+          border-bottom: 1px solid var(--neutral-10);
+          display: table-cell;
+          float: none;
+        }
+      }
+    }
+  }
+
+  /*
+      videos
+    */
+  video {
+    height: auto;
+    max-width: 100%;
+    box-shadow:
+      0 8px 16px 0 rgba(30 37 48 / 12%),
+      0 4px 6px 0 rgba(30 37 48 / 12%);
+  }
+
+  /*
+    cards
+  */
+  .card-body {
+    // card-body all have div before the actual content
+    // due to option to override font size
+    > :first-child {
+      > :first-child {
+        margin-top: 0;
+      }
+    }
+
+    > :last-child {
+      > :last-child {
+        margin-bottom: 0;
+
+        :last-child {
+          margin-bottom: 0;
+        }
+      }
+    }
+  }
+
+  .card,
+  .no-card {
+    &.top-margin-sm {
+      margin-top: var(--spacing-05);
+    }
+
+    &.top-margin-md {
+      margin-top: var(--spacing-07);
+    }
+
+    &.top-margin-lg {
+      margin-top: var(--spacing-09);
+    }
+
+    &.top-margin-xl {
+      margin-top: var(--spacing-10);
+    }
+
+    &.top-margin-xxl {
+      margin-top: var(--spacing-11);
+    }
+
+    // create .top-margin-spacing-00, .top-margin-spacing-01, .top-margin-spacing-02, .top-margin-spacing-03, .top-margin-spacing-04, .top-margin-spacing-05, .top-margin-spacing-06, .top-margin-spacing-07, .top-margin-spacing-08, .top-margin-spacing-09, .top-margin-spacing-10, .top-margin-spacing-11, .top-margin-spacing-12, .top-margin-spacing-13, .top-margin-spacing-14, .top-margin-spacing-15, .top-margin-spacing-16
+    @each $spacing-option in $all-spacings {
+      &.top-margin-#{$spacing-option} {
+        margin-top: var(--#{$spacing-option});
+      }
+    }
+  }
+
+  .card {
+    @each $spacing-option in $all-spacings {
+      // create .padding-spacing-00, .padding-spacing-01, .padding-spacing-02, .padding-spacing-03, .padding-spacing-04, .padding-spacing-05, .padding-spacing-06, .padding-spacing-07, .padding-spacing-08, .padding-spacing-09, .padding-spacing-10, .padding-spacing-11, .padding-spacing-12, .padding-spacing-13, .padding-spacing-14, .padding-spacing-15, .padding-spacing-16
+      &.padding-#{$spacing-option} {
+        .card-body {
+          padding: var(--#{$spacing-option});
+        }
+      }
+    }
+  }
+
+  .no-card {
+    @each $spacing-option in $all-spacings {
+      // create .padding-spacing-00, .padding-spacing-01, .padding-spacing-02, .padding-spacing-03, .padding-spacing-04, .padding-spacing-05, .padding-spacing-06, .padding-spacing-07, .padding-spacing-08, .padding-spacing-09, .padding-spacing-10, .padding-spacing-11, .padding-spacing-12, .padding-spacing-13, .padding-spacing-14, .padding-spacing-15, .padding-spacing-16
+      &.padding-#{$spacing-option} {
+        padding: var(--#{$spacing-option});
+      }
+    }
+  }
+
+  .table-of-contents {
+    --link-color: var(--neutral-70);
+    --link-visited-color: var(--neutral-70);
+
+    border-top: 1px solid var(--neutral-30);
+    border-bottom: 1px solid var(--neutral-30);
+    padding: var(--spacing-09) 0;
+    margin-right: var(--spacing-13);
+
+    h2 {
+      @include heading-xs;
+
+      color: var(--green-60);
+      margin: 0;
+      margin-bottom: var(--spacing-06);
+    }
+
+    ul {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+
+      li {
+        margin-top: var(--spacing-06);
+      }
+
+      li:first-child {
+        margin-top: 0;
+      }
+    }
+
+    a {
+      text-decoration: none;
+      font-weight: 500;
+
+      &:hover {
+        text-decoration: none !important;
+      }
+    }
+  }
+}
+
+.icon-with-content {
+  display: flex;
+
+  h2,
+  h3,
+  h4 {
+    margin-top: 15px;
+  }
+
+  .icon-container {
+    background-color: var(--green-10);
+    padding: 7.5px;
+    height: 56px;
+    width: 56px;
+    border-radius: 50%;
+    margin-right: 24px;
+
+    .icon-inner-container {
+      align-items: center;
+      border: var(--green-30) 3.5px solid;
+      border-radius: 50%;
+      display: flex;
+      justify-content: center;
+      height: 42px;
+      width: 42px;
+    }
+
+    i {
+      color: var(--green-50);
+      font-size: 21px;
+    }
+  }
+}
+
+.visual-with-content {
+  display: flex;
+  gap: var(--spacing-06);
+  align-items: flex-start;
+}
+
+.svg-arrow-icon {
+  position: relative;
+  left: 4px;
+  bottom: 1px;
+}
+
+.vertically-center-col > div[class*='col-'] {
+  align-self: center;
+
+  // remove margin to better vertically align
+  // some elements need to be nested within a container, and others are directly within .no-card/.card
+  .card:first-child,
+  .no-card:first-child {
+    .cms-element-container {
+      > *:first-child {
+        margin-top: 0;
+      }
+    }
+
+    > *:first-child:not(.cms-element-container) {
+      margin-top: 0;
+    }
+  }
+
+  .card:last-child,
+  .no-card:last-child {
+    .cms-element-container {
+      > *:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    > *:last-child:not(.cms-element-container) {
+      margin-bottom: 0;
+    }
+  }
+}
+
+.row-within-card {
+  .no-card {
+    div:first-child {
+      > :first-child {
+        margin-top: 0;
+      }
+    }
+
+    div:last-child {
+      > :last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+}
+
+.sidebar-blog {
+  .card-body {
+    padding: var(--spacing-06) !important;
+
+    h2 {
+      @extend .h5;
+
+      padding: var(--spacing-04) var(--spacing-05);
+      margin-bottom: unset;
+    }
+
+    .badge-link-list {
+      padding: 0 var(--spacing-05);
+      margin-bottom: 0 !important;
+    }
+
+    .sidebar-register-container {
+      margin-top: var(--spacing-05);
+
+      a {
+        margin-top: var(--spacing-02);
+        margin-left: var(--spacing-05);
+      }
+    }
+  }
+}
+
+.contact-form-error-container {
+  padding-bottom: var(--spacing-08);
+}
+
+// Desktop layout options depdendent on mobile breakpoint
+@include media-breakpoint-up(lg) {
+  .row-equal-column-heights > div[class*='col-'] > .card,
+  .row-equal-column-heights > div[class*='col-'] > .no-card {
+    height: 100%;
+  }
+
+  .row {
+    &.row-max-800 {
+      max-width: 800px !important;
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    &.row-max-900 {
+      max-width: 900px !important;
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    &.row-max-1000 {
+      max-width: 1000px !important;
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    &.row-max-unset {
+      max-width: unset !important;
+      margin-left: auto;
+      margin-right: auto;
+    }
+  }
+
+  // create .row-gap-spacing-00, .row-gap-spacing-01, .row-gap-spacing-02, .row-gap-spacing-03, .row-gap-spacing-04, .row-gap-spacing-05, .row-gap-spacing-06, .row-gap-spacing-07, .row-gap-spacing-08, .row-gap-spacing-09, .row-gap-spacing-10, .row-gap-spacing-11, .row-gap-spacing-12, .row-gap-spacing-13, .row-gap-spacing-14, .row-gap-spacing-15, .row-gap-spacing-16
+  @each $spacing-option in $all-spacings {
+    .row-gap-#{$spacing-option} {
+      @include section-row-custom-gap(calc(var(--#{$spacing-option}) / 2));
+    }
+  }
+}
+
+// Mobile layout options depdendent on mobile breakpoint
+@include media-breakpoint-down(lg) {
+  .cms-page {
+    .reverse-col-order-mobile {
+      flex-direction: column-reverse;
+    }
+
+    // create .row-mobile-gap-spacing-00, .row-mobile-gap-spacing-01, .row-mobile-gap-spacing-02, .row-mobile-gap-spacing-03, .row-mobile-gap-spacing-04, .row-mobile-gap-spacing-05, .row-mobile-gap-spacing-06, .row-mobile-gap-spacing-07, .row-mobile-gap-spacing-08, .row-mobile-gap-spacing-09, .row-mobile-gap-spacing-10, .row-mobile-gap-spacing-11, .row-mobile-gap-spacing-12, .row-mobile-gap-spacing-13, .row-mobile-gap-spacing-14, .row-mobile-gap-spacing-15, .row-mobile-gap-spacing-16
+    @each $spacing-option in $all-spacings {
+      .row-mobile-gap-#{$spacing-option} {
+        @include section-row-custom-gap(calc(var(--#{$spacing-option}) / 2));
+      }
+    }
+  }
+}
+
+.bottom-align-last-entry {
+  &.no-card {
+    display: flex;
+    flex-direction: column;
+
+    * {
+      &:last-child {
+        flex: 1;
+        align-content: end;
+      }
+    }
+  }
+
+  &.card {
+    .card-body {
+      display: flex;
+      flex-direction: column;
+
+      * {
+        &:last-child {
+          flex: 1;
+          align-content: end;
+        }
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/content.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/content.scss
new file mode 100644
index 0000000..3c25ff6
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/content.scss
@@ -0,0 +1,79 @@
+/*
+  Styling for content pages
+  Including: about, blog, /for/__, legal, contact, portals, wiki, gallery, plans, and interstitial payment page
+*/
+
+// TODO: consolidate cms.scss and content.scss
+
+.content-page {
+  &.content {
+    padding-top: $header-height; // remove extra padding added by .content. Keep .content selector to increase specificity
+  }
+
+  word-break: break-word;
+
+  .btn + .btn,
+  .card-link + .card-link {
+    margin-left: var(--spacing-06);
+  }
+
+  .card-links {
+    @include media-breakpoint-down(md) {
+      .btn {
+        width: 100%;
+        margin-left: 0;
+        margin-top: var(--spacing-05);
+      }
+
+      .btn:first-child {
+        margin-top: 0;
+      }
+    }
+  }
+
+  /*
+      Links and Buttons
+    */
+
+  // TODO: remove an use link style in more generic selector,
+  // which is likely .website-redesign to start
+  // a {
+  //   color: @link-color-alt;
+  //   &:hover {
+  //     color: @link-hover-color-alt;
+  //   }
+  // }
+
+  hr {
+    border-color: var(--neutral-30);
+  }
+
+  .begin-now-card {
+    margin: calc(var(--spacing-16) * 2) 0;
+  }
+
+  // TODO: only used on about page. Confirm with UX changes needed
+  // .container-small {
+  //   section .section-row {
+  //     /* match col-sm-8 */
+  //     /* @grid-gutter-width  is used for margins */
+  //     max-width: (@screen-sm * (8/12)) - @grid-gutter-width;
+  //     @media (min-width: @screen-md-min) {
+  //       max-width: (@screen-md * (8/12)) - @grid-gutter-width;
+  //     }
+  //     @media (min-width: @screen-lg-min) {
+  //       max-width: (@screen-lg * (8/12)) - @grid-gutter-width;
+  //     }
+  //   }
+  // }
+
+  /*
+      lists
+    */
+
+  .list-without-style {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/chat.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/chat.scss
new file mode 100644
index 0000000..aeb8d84
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/chat.scss
@@ -0,0 +1,326 @@
+:root {
+  --chat-bg: var(--neutral-80);
+  --chat-color: var(--white);
+  --chat-instructions-color: var(--neutral-20);
+  --chat-new-message-bg: var(--neutral-70);
+  --chat-new-message-textarea-color: var(--neutral-90);
+  --chat-new-message-textarea-bg: var(--neutral-20);
+  --chat-new-message-textarea-border: var(--editor-border-color);
+  --chat-new-message-border: var(--editor-border-color);
+  --chat-message-date-color: var(--neutral-40);
+  --chat-message-name-color: var(--white);
+}
+
+.ide-redesign-main {
+  --chat-bg: var(--bg-dark-primary);
+  --chat-color: var(--content-primary);
+  --chat-instructions-color: var(--content-primary-dark);
+  --chat-new-message-bg: var(--bg-dark-primary);
+  --chat-new-message-textarea-color: var(--content-primary-dark);
+  --chat-new-message-textarea-bg: var(--bg-dark-primary);
+  --chat-message-date-color: var(--content-secondary-dark);
+  --chat-message-name-color: var(--content-secondary-dark);
+  --chat-date-align: center;
+}
+
+@include theme('light') {
+  --chat-bg: var(--white);
+  --chat-color: var(--neutral-70);
+  --chat-instructions-color: var(--neutral-70);
+  --chat-new-message-bg: var(--neutral-10);
+  --chat-new-message-textarea-color: var(--neutral-90);
+  --chat-new-message-textarea-bg: var(--white);
+  --chat-new-message-textarea-border: var(--editor-border-color);
+  --chat-new-message-border: var(--editor-border-color);
+  --chat-message-date-color: var(--neutral-70);
+  --chat-message-name-color: var(--neutral-70);
+
+  .ide-redesign-main {
+    --chat-bg: var(--white);
+    --chat-color: var(--neutral-70);
+    --chat-instructions-color: var(--neutral-70);
+    --chat-new-message-bg: var(--neutral-10);
+    --chat-new-message-textarea-color: var(--neutral-90);
+    --chat-new-message-textarea-bg: var(--white);
+    --chat-new-message-textarea-border: var(--editor-border-color);
+    --chat-new-message-border: var(--white);
+    --chat-message-date-color: var(--neutral-70);
+    --chat-message-name-color: var(--neutral-70);
+    --chat-date-align: center;
+  }
+}
+
+.chat {
+  $new-message-height: 80px;
+
+  color: var(--chat-color);
+
+  .no-messages {
+    padding: calc(var(--line-height-03) / 2);
+    color: var(--chat-instructions-color);
+  }
+
+  .first-message {
+    position: absolute;
+    bottom: 0;
+    width: 100%;
+    padding: calc(var(--line-height-03) / 2);
+    color: var(--chat-instructions-color);
+  }
+
+  .chat-error {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    background-color: var(--chat-bg);
+    padding: calc(var(--line-height-03) / 2);
+    text-align: center;
+  }
+
+  .messages {
+    position: absolute;
+    inset: 0;
+    bottom: $new-message-height;
+    overflow-x: hidden;
+    background-color: var(--chat-bg);
+
+    li.message {
+      margin: calc(var(--line-height-03) / 2);
+
+      .date {
+        font-size: var(--font-size-01);
+        color: var(--chat-message-date-color);
+        margin-bottom: calc(var(--line-height-03) / 2);
+        text-align: var(--chat-date-align, right);
+      }
+
+      .message-wrapper {
+        .name {
+          font-size: var(--font-size-01);
+          color: var(--chat-message-name-color);
+          margin-bottom: var(--spacing-02);
+          min-height: 16px;
+        }
+
+        .message {
+          border-left: 3px solid transparent;
+          font-size: var(--font-size-02);
+          box-shadow: none;
+          border-radius: var(--border-radius-base);
+          position: relative;
+
+          .message-content {
+            padding: var(--spacing-03) var(--spacing-05);
+            overflow-x: auto;
+            color: var(--white);
+            font-weight: bold;
+
+            a {
+              color: var(--white);
+            }
+          }
+
+          .arrow {
+            transform: rotate(90deg);
+            right: 90%;
+            top: -15px;
+            border: solid;
+            content: ' ';
+            height: 0;
+            width: 0;
+            position: absolute;
+            pointer-events: none;
+            border-top-color: transparent !important;
+            border-bottom-color: transparent !important;
+            border-width: 10px;
+          }
+        }
+
+        p {
+          margin-bottom: calc(var(--line-height-03) / 4);
+
+          &:last-child {
+            margin-bottom: 0;
+          }
+        }
+      }
+
+      &:not(.self) {
+        .message {
+          .arrow {
+            border-left-color: transparent !important;
+          }
+        }
+      }
+
+      &.self {
+        margin-top: var(--line-height-03);
+
+        .message-wrapper .message {
+          border-left: none;
+          border-right: 3px solid transparent;
+
+          .arrow {
+            left: 100%;
+            right: auto;
+            border-right-color: transparent !important;
+          }
+        }
+      }
+    }
+  }
+
+  .new-message {
+    @extend .full-size;
+
+    top: auto;
+    height: $new-message-height;
+    background-color: var(--chat-new-message-bg);
+    padding: calc(var(--line-height-03) / 4);
+    border-top: 1px solid var(--chat-new-message-border);
+
+    textarea {
+      overflow: auto;
+      resize: none;
+      border-radius: var(--border-radius-base);
+      border: 1px solid var(--chat-new-message-textarea-border);
+      height: 100%;
+      width: 100%;
+      color: var(--chat-new-message-textarea-color);
+      font-size: var(--font-size-02);
+      padding: calc(var(--line-height-03) / 4);
+      background-color: var(--chat-new-message-textarea-bg);
+    }
+  }
+}
+
+.chat-empty-state-placeholder {
+  display: flex;
+  justify-content: center;
+  flex-direction: column;
+  text-align: center;
+  height: 100%;
+  gap: var(--spacing-06);
+  padding: var(--spacing-02);
+
+  .chat-empty-state-icon {
+    padding: var(--spacing-08);
+    font-size: var(--font-size-08);
+    height: 80px;
+    width: 80px;
+    border-radius: 50%;
+    display: inline-block;
+    line-height: 32px;
+    background-color: var(--bg-light-secondary);
+
+    .material-symbols {
+      font-size: 32px;
+    }
+  }
+
+  .chat-empty-state-title {
+    font-size: var(--font-size-02);
+    line-height: var(--line-height-02);
+    font-weight: bold;
+  }
+
+  .chat-empty-state-body {
+    font-size: var(--font-size-02);
+    line-height: var(--line-height-02);
+    color: var(--content-secondary);
+  }
+}
+
+.chat-message-redesign {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-01);
+
+  .message-row {
+    display: flex;
+    align-items: flex-end;
+    gap: var(--spacing-03);
+  }
+
+  .message-avatar,
+  .message-avatar-placeholder {
+    flex: 0 0 24px;
+  }
+
+  .message-avatar .avatar {
+    width: 24px;
+    height: 24px;
+    line-height: 24px;
+    border-radius: 50%;
+    text-align: center;
+    color: var(--white);
+    text-transform: uppercase;
+  }
+
+  .message-author,
+  .message-container {
+    flex: 1 1 auto;
+    max-width: calc(100% - 24px - var(--spacing-03));
+  }
+
+  .message-container {
+    display: flex;
+    justify-content: flex-start;
+  }
+
+  .message-author {
+    color: var(--chat-message-name-color);
+    font-size: var(--font-size-01);
+    line-height: var(--line-height-01);
+  }
+
+  .message-content {
+    background-color: var(--bg-light-secondary);
+    border-radius: var(--border-radius-large);
+    padding: var(--spacing-03) var(--spacing-04);
+    width: fit-content;
+    max-width: 100%;
+    overflow-x: auto;
+
+    p {
+      margin: 0;
+    }
+  }
+
+  .message-container.message-from-self {
+    justify-content: flex-end;
+
+    .message-content {
+      background-color: var(--bg-accent-03);
+    }
+
+    &:not(.first-row-in-message) .message-content {
+      border-top-right-radius: var(--border-radius-base);
+    }
+
+    &:not(.last-row-in-message) .message-content {
+      border-bottom-right-radius: var(--border-radius-base);
+    }
+  }
+
+  .message-container:not(.message-from-self) {
+    &:not(.first-row-in-message) .message-content {
+      border-top-left-radius: var(--border-radius-base);
+    }
+
+    &:not(.last-row-in-message) .message-content {
+      border-bottom-left-radius: var(--border-radius-base);
+    }
+  }
+}
+
+.chat-panel {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+
+  .chat-wrapper {
+    flex: 1 1 auto;
+    position: relative;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/compile-button.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/compile-button.scss
new file mode 100644
index 0000000..db5395c
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/compile-button.scss
@@ -0,0 +1,71 @@
+$stripe-width: 20px;
+
+@keyframes pdf-toolbar-stripes {
+  from {
+    background-position: 0 0;
+  }
+
+  to {
+    background-position: $stripe-width 0;
+  }
+}
+
+.btn-striped-animated {
+  @include striped;
+
+  background-size: $stripe-width $stripe-width;
+  background-origin: content-box;
+
+  @include animation(pdf-toolbar-stripes 2s linear infinite);
+}
+
+.detach-compile-button {
+  &[disabled],
+  &[disabled]:active {
+    background-color: var(--bs-btn-bg);
+    color: var(--bs-btn-color);
+    opacity: 1;
+    pointer-events: auto;
+    cursor: not-allowed;
+  }
+}
+
+@keyframes compile-button-flash {
+  0%,
+  100% {
+    background: rgb(0 0 0 / 0%);
+  }
+
+  25%,
+  75% {
+    background: rgb(0 0 0 / 20%);
+  }
+}
+
+@keyframes compile-button-bounce {
+  0%,
+  50%,
+  100% {
+    transform: translateY(0);
+  }
+
+  25%,
+  75% {
+    transform: translateY(2px);
+  }
+}
+
+.detach-compile-button-animate {
+  animation-duration: 1.2s;
+  animation-fill-mode: both;
+  animation-timing-function: ease-in-out;
+  animation-name: compile-button-flash;
+}
+
+.detach-compile-button-animate .material-symbols {
+  animation-duration: 0.6s;
+  animation-delay: 0.4s;
+  animation-fill-mode: both;
+  animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
+  animation-name: compile-button-bounce;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/figure-modal.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/figure-modal.scss
new file mode 100644
index 0000000..f071304
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/figure-modal.scss
@@ -0,0 +1,89 @@
+.figure-modal-help-link,
+.figure-modal-help-link:hover,
+.figure-modal-help-link:focus,
+.figure-modal-help-link:active {
+  color: var(--neutral-90) !important;
+  text-decoration: none;
+}
+
+.figure-modal-help-link {
+  padding-left: 0;
+}
+
+.figure-modal-switcher-input {
+  position: relative;
+  z-index: 0;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.file-container {
+  width: 100%;
+  height: 120px;
+  padding: var(--spacing-07) var(--spacing-08);
+  border: 1px dashed #eaeaea;
+  background-color: #fafafa;
+  justify-content: space-between;
+  border-radius: var(--border-radius-medium);
+}
+
+.file-container-file {
+  display: flex;
+  align-items: center;
+  border: 1px solid var(--neutral-20);
+  border-radius: var(--border-radius-medium);
+  background-color: white;
+  height: 100%;
+  padding: var(--spacing-06) var(--spacing-07);
+}
+
+.file-info {
+  margin-left: var(--spacing-07);
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-around;
+}
+
+.file-name {
+  font-weight: bold;
+}
+
+.figure-modal-source-button-grid {
+  display: grid;
+  justify-content: space-between;
+  gap: 8px;
+  grid-template-columns: 1fr 1fr;
+  margin: 0 auto;
+
+  &:not(:first-of-type) {
+    margin-top: 8px;
+  }
+}
+
+.figure-modal-source-button {
+  display: flex;
+  flex: 1 1 0;
+  align-items: center;
+  box-shadow: 0 2px 4px 0 #1e253029;
+  line-height: 44px;
+  background-color: var(--white);
+  border-radius: var(--border-radius-base);
+  border: none;
+  padding: 0 var(--spacing-04);
+
+  &-title {
+    flex: 1 1 auto;
+    text-align: left;
+  }
+}
+
+.figure-modal-source-button-icon {
+  margin-right: var(--spacing-03);
+}
+
+/* stylelint-disable selector-class-pattern */
+.figure-modal-upload .uppy-Dashboard-AddFiles-list {
+  display: none;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/file-tree.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/file-tree.scss
new file mode 100644
index 0000000..39eb3f2
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/file-tree.scss
@@ -0,0 +1,811 @@
+:root {
+  --file-tree-item-hover-bg: var(--bg-dark-secondary);
+  --file-tree-item-selected-bg: var(--bg-accent-01);
+  --file-tree-item-color: var(--content-primary-dark);
+  --file-tree-bg: var(--bg-dark-tertiary);
+  --file-tree-item-selected-color: var(--content-primary-dark);
+  --file-tree-item-dragging-bg: #{rgb($bg-dark-secondary, 0.9)};
+  --file-tree-item-dragging-color: var(--content-primary-dark);
+  --file-tree-item-dragging-preview-bg: #{rgb($bg-accent-01, 0.6)};
+  --file-tree-item-dragging-preview-colour: var(--content-primary-dark);
+  --file-tree-line-height: 2.05;
+  --file-tree-icon-colour: var(--content-disabled);
+}
+
+@include theme('light') {
+  --file-tree-item-hover-bg: var(--bg-light-tertiary);
+  --file-tree-item-color: var(--content-secondary);
+  --file-tree-bg: var(--bg-light-primary);
+  --file-tree-item-selected-color: var(--bg-light-primary);
+  --file-tree-item-dragging-bg: #{rgb($bg-light-tertiary, 0.9)};
+  --file-tree-item-dragging-color: var(--content-secondary);
+  --file-tree-item-dragging-preview-colour: var(--bg-light-primary);
+
+  .ide-redesign-main {
+    --file-tree-item-hover-bg: var(--bg-light-secondary);
+    --file-tree-item-selected-bg: var(--bg-accent-03);
+    --file-tree-item-selected-color: var(--green-70);
+    --file-tree-item-color: var(--content-primary);
+    --file-tree-bg: var(--white);
+    --file-tree-icon-colour: var(--content-primary);
+    --file-tree-item-dragging-bg: #{rgb($bg-dark-primary, 0.9)};
+    --file-tree-item-dragging-color: var(--white);
+    --file-tree-item-dragging-preview-bg: #{rgb($bg-light-secondary, 0.6)};
+    --file-tree-item-dragging-preview-colour: #{rgb($content-primary, 0.6)};
+    --file-tree-expand-button-color: var(--content-primary);
+  }
+}
+
+// TODO ide-redesign-cleanup: Replace the existing styling with these overrides.
+.ide-redesign-main {
+  --file-tree-item-hover-bg: var(--bg-dark-secondary);
+  --file-tree-item-selected-bg: var(--green-70);
+  --file-tree-item-selected-color: var(--green-10);
+  --file-tree-item-color: var(--content-primary-dark);
+  --file-tree-bg: var(--bg-dark-primary);
+  --file-tree-icon-colour: var(--content-primary-dark);
+  --file-tree-item-dragging-bg: #{rgb($bg-light-primary, 0.9)};
+  --file-tree-item-dragging-color: var(--content-secondary);
+  --file-tree-item-dragging-preview-bg: var(--bg-light-primary);
+  --file-tree-item-dragging-preview-colour: var(--bg-light-primary);
+  --file-tree-expand-button-color: var(--content-primary-dark);
+
+  .file-tree-outline-panel-group {
+    background-color: var(--file-tree-bg);
+  }
+
+  .file-tree-toolbar {
+    display: flex;
+    justify-content: space-between;
+    height: 28px;
+    margin: var(--spacing-02);
+  }
+
+  .file-tree-panel {
+    min-height: 36px;
+  }
+
+  .file-tree-panel-collapsed {
+    max-height: 36px;
+  }
+
+  .file-tree-expand-collapse-button {
+    border-radius: var(--border-radius-base);
+    color: var(--file-tree-expand-button-color);
+    display: flex;
+    align-items: center;
+    background-color: transparent;
+    border: 0;
+    padding: 0 var(--spacing-02);
+    flex-grow: 1;
+
+    &:hover {
+      background-color: var(--file-tree-item-hover-bg);
+    }
+
+    h4 {
+      color: var(--file-tree-expand-button-color);
+      font-size: var(--font-size-02);
+      margin: 0;
+      font-weight: normal;
+    }
+  }
+
+  .file-tree-toolbar-action-buttons {
+    display: flex;
+  }
+
+  .file-tree-toolbar-action-button {
+    color: var(--file-tree-expand-button-color);
+    padding: var(--spacing-02);
+    border-radius: var(--border-radius-full);
+
+    &:hover {
+      background-color: var(--file-tree-item-hover-bg);
+    }
+
+    &:active {
+      color: var(--file-tree-expand-button-color);
+    }
+
+    .material-symbols {
+      font-size: 16px;
+    }
+  }
+
+  .file-tree {
+    background-color: var(--file-tree-bg);
+  }
+
+  .file-tree ul.file-tree-list {
+    margin: var(--spacing-02);
+  }
+
+  .file-tree-folder-list {
+    border-left: 1px solid
+      color-mix(in srgb, var(--border-primary) 24%, transparent);
+    margin-left: 14px !important;
+    margin-top: 0;
+
+    &.file-tree-list {
+      border-left: none;
+      margin-left: var(--spacing-02) !important;
+
+      > .file-tree-folder-list-inner {
+        margin-left: 0;
+      }
+    }
+  }
+
+  .file-tree-folder-list-inner {
+    margin-left: 10px;
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-02);
+  }
+
+  .item-name-button,
+  .folder-expand-collapse-button {
+    display: flex;
+    align-items: center;
+    height: 20px !important;
+  }
+
+  .file-tree ul.file-tree-list li .material-symbols.file-tree-expand-icon {
+    margin-left: 0;
+  }
+
+  .file-tree ul.file-tree-list li .material-symbols.file-tree-icon {
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  // TODO ide-redesign-cleanup: Remove the !important overrides once
+  // we have replaced the default styling
+  .linked-file-highlight {
+    background-color: var(--file-tree-bg) !important;
+    color: var(--file-tree-icon-colour) !important;
+    left: 14px !important;
+  }
+
+  .entity-name {
+    color: var(--file-tree-item-color);
+    border-radius: var(--border-radius-base);
+    padding: var(--spacing-02);
+
+    // TODO ide-redesign-cleanup: This is here to override the fake-full-width-bg
+    // mixin. We can just remove that mixin when we clean this up.
+    &::before {
+      content: none !important;
+    }
+  }
+
+  .item-name-button {
+    margin-left: var(--spacing-02);
+  }
+
+  .dnd-draggable-preview-item {
+    border-radius: var(--border-radius-base);
+  }
+}
+
+.ide-react-file-tree-panel {
+  display: flex;
+  flex-direction: column;
+
+  // Prevent the file tree expanding beyond the boundary of the panel
+  .file-tree {
+    width: 100%;
+  }
+}
+
+.context-menu {
+  position: fixed;
+  z-index: 100;
+}
+
+.editor-sidebar {
+  background-color: var(--file-tree-bg);
+  display: flex;
+  flex-direction: column;
+}
+
+@mixin fake-full-width-bg($bg-color) {
+  &::before {
+    content: '\00a0';
+    position: absolute;
+    width: 9999px;
+    left: -9999px;
+    background-color: $bg-color;
+  }
+}
+
+@include theme('default') {
+  .file-tree {
+    .toolbar {
+      .toolbar-right,
+      .toolbar-left {
+        button {
+          opacity: 0.8;
+
+          &:hover,
+          &:focus,
+          &:active,
+          &.active {
+            background-color: rgba(125 125 125 / 20%);
+          }
+
+          &.active,
+          &:active {
+            background-color: rgba(125 125 125 / 40%);
+          }
+        }
+      }
+    }
+  }
+}
+
+.file-tree {
+  display: flex !important; // To work around jQuery layout's inline styles
+  flex-direction: column;
+  height: 100%;
+
+  .file-tree-inner {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    overflow-y: auto;
+    width: inherit;
+    height: inherit;
+    font-size: var(--font-size-02);
+
+    &.no-toolbar {
+      top: 0;
+    }
+  }
+
+  // TODO; Consolidate with "Project files" in Overleaf
+  h3 {
+    font-size: var(--font-size-03);
+    border-bottom: 1px solid var(--border-primary);
+    padding-bottom: var(--spacing-02);
+    margin: var(--spacing-05);
+  }
+
+  .toolbar {
+    .toolbar-right,
+    .toolbar-left {
+      button {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        width: 24px;
+        height: 24px;
+        padding: 0;
+        box-shadow: none;
+        border-radius: var(--border-radius-base);
+        border: none;
+
+        &:hover,
+        &:focus,
+        &:active,
+        &.active {
+          background-color: rgb(125 125 125 / 10%);
+          color: var(--toolbar-btn-color) !important;
+        }
+
+        &.active,
+        &:active {
+          background-color: rgb(125 125 125 / 20%);
+        }
+      }
+    }
+  }
+
+  ul.file-tree-list {
+    margin: 0;
+    overflow: hidden auto;
+    height: 100%;
+    flex-grow: 1;
+    position: relative;
+
+    .entity > ul,
+    ul[role='tree'] {
+      margin-left: var(--spacing-08);
+    }
+
+    &::after {
+      content: '';
+      display: block;
+      min-height: var(--spacing-08);
+    }
+
+    li {
+      line-height: var(--file-tree-line-height);
+      position: relative;
+
+      .entity {
+        user-select: none;
+      }
+
+      .entity > .entity-name {
+        display: flex;
+        align-items: center;
+
+        & > button {
+          background-color: transparent;
+          border: 0;
+          padding: 0;
+
+          &.item-name-button {
+            color: inherit;
+            width: 100%;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            text-align: left;
+            padding-right: var(--spacing-09);
+            white-space: pre;
+          }
+        }
+      }
+
+      .entity-name {
+        color: var(--file-tree-item-color);
+        cursor: pointer;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+
+        &.entity-name-react {
+          text-overflow: clip;
+        }
+
+        background-color: transparent;
+
+        @include fake-full-width-bg(transparent);
+
+        &:hover {
+          background-color: var(--file-tree-item-hover-bg);
+
+          // When the entity is a subfolder, the DOM element is "indented" via margin-left. This makes the
+          // element not fill the entire file-tree width (as it's spaced from the left-hand side via margin)
+          // and, in consequence, the background gets clipped. The ::before pseudo-selector is used to fill
+          // the empty space.
+          @include fake-full-width-bg(var(--file-tree-item-hover-bg));
+        }
+
+        input {
+          line-height: 1.6;
+        }
+
+        .entity-menu-toggle > .material-symbols {
+          color: var(--content-primary-dark);
+          vertical-align: middle;
+        }
+      }
+
+      .material-symbols {
+        color: var(--file-tree-icon-colour);
+
+        &.file-tree-icon {
+          margin-right: var(--spacing-02);
+          margin-left: var(--spacing-04);
+          vertical-align: sub;
+
+          &.linked-file-icon {
+            position: relative;
+            left: -2px;
+
+            + .linked-file-highlight {
+              color: var(--file-tree-bg);
+              background-color: var(--content-disabled);
+              position: absolute;
+              top: 14px;
+              left: 20px;
+              font-size: var(--font-size-01);
+              border-radius: var(--spacing-01);
+            }
+          }
+        }
+
+        &.file-tree-folder-icon {
+          margin-right: var(--spacing-02);
+          vertical-align: sub;
+        }
+
+        &.file-tree-expand-icon {
+          margin-left: var(--spacing-04);
+          vertical-align: sub;
+        }
+      }
+
+      .material-symbols.toggle {
+        width: 24px;
+        padding: var(--spacing-03);
+        font-size: var(--font-size-03);
+        color: var(--file-tree-icon-colour);
+      }
+
+      .file-tree-dropdown-toggle {
+        display: flex;
+        align-items: center;
+        color: var(--content-primary-dark);
+        line-height: 1.6;
+        font-size: var(--font-size-05);
+        padding: 0 var(--font-size-02) 0 var(--font-size-04);
+
+        &:hover,
+        &:focus {
+          text-decoration: none;
+        }
+
+        &::before {
+          content: '\00B7\00B7\00B7';
+          transform: rotate(90deg);
+          letter-spacing: 0.5px;
+        }
+      }
+
+      &.multi-selected {
+        > .entity {
+          > .entity-name {
+            > div > .material-symbols,
+            > button > .material-symbols,
+            > .material-symbols,
+            .entity-menu-toggle .material-symbols {
+              color: var(--content-primary-dark);
+            }
+
+            > .material-symbols.linked-file-highlight {
+              background-color: var(--bg-info-01);
+            }
+
+            @include fake-full-width-bg(var(--bg-info-01));
+
+            color: var(--content-primary-dark);
+            font-weight: bold;
+            background-color: var(--bg-info-01);
+
+            &:hover {
+              background-color: var(--bg-info-02);
+
+              @include fake-full-width-bg(var(--bg-info-02));
+            }
+          }
+        }
+      }
+
+      .menu-button {
+        position: absolute;
+        right: 0;
+      }
+
+      .rename-input {
+        display: block;
+        position: absolute;
+        top: 1px;
+        left: 32px;
+        right: 32px;
+        color: var(--content-primary);
+
+        input {
+          width: 100%;
+        }
+      }
+
+      > .entity > .entity-name {
+        .entity-menu-toggle {
+          display: none;
+        }
+      }
+
+      .entity-limit-hit {
+        line-height: var(--file-tree-line-height);
+        color: var(--file-tree-item-color);
+        margin-left: var(--spacing-05);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+
+      .entity-limit-hit-message {
+        font-style: italic;
+      }
+
+      .material-symbols .entity-limit-hit-tooltip-trigger {
+        margin-left: var(spacing-03);
+        cursor: pointer;
+      }
+    }
+  }
+
+  &:not(.multi-selected) {
+    ul.file-tree-list li.selected {
+      > .entity {
+        > .entity-name {
+          background-color: var(--file-tree-item-selected-bg);
+          color: var(--file-tree-item-selected-color);
+
+          > div > .material-symbols,
+          > button > .material-symbols,
+          > .material-symbols,
+          .entity-menu-toggle .material-symbols {
+            color: var(--file-tree-item-selected-color);
+          }
+
+          > .material-symbols.linked-file-highlight {
+            background-color: var(--bg-info-01);
+          }
+
+          @include fake-full-width-bg(var(--file-tree-item-selected-bg));
+
+          font-weight: bold;
+          padding-right: var(--spacing-09);
+
+          button {
+            font-weight: inherit;
+          }
+
+          .entity-menu-toggle {
+            display: inline-block;
+            background-color: transparent;
+            box-shadow: none;
+            border: 0;
+            padding-right: var(--spacing-02);
+            padding-left: var(--spacing-02);
+          }
+        }
+      }
+    }
+  }
+
+  // while dragging, the previously selected item gets no highlight
+  ul.file-tree-list.file-tree-dragging li.selected .entity .entity-name {
+    @include fake-full-width-bg(transparent);
+
+    font-weight: normal;
+    background-color: transparent;
+    color: var(--file-tree-item-color);
+
+    .material-symbols {
+      color: var(--content-disabled) !important;
+    }
+  }
+
+  // the items being dragged get the full "hover" colour
+  ul.file-tree-list.file-tree-dragging
+    li
+    .entity.file-tree-entity-dragging
+    .entity-name {
+    background-color: var(--file-tree-item-dragging-bg);
+
+    @include fake-full-width-bg(var(--file-tree-item-dragging-bg));
+
+    color: var(--file-tree-item-dragging-color);
+
+    .material-symbols {
+      color: var(--content-disabled) !important;
+    }
+  }
+
+  // the drop target gets the "selected" colour
+  ul.file-tree-list.file-tree-dragging
+    li.dnd-droppable-hover
+    .entity
+    .entity-name {
+    background-color: var(--file-tree-item-selected-bg);
+
+    @include fake-full-width-bg(var(--file-tree-item-selected-bg));
+
+    color: var(--file-tree-item-selected-color);
+
+    .material-symbols {
+      color: var(--file-tree-item-selected-color) !important;
+    }
+  }
+
+  .dnd-draggable-preview-layer {
+    position: absolute;
+    pointer-events: none;
+    z-index: 100;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+
+    &.dnd-droppable-hover {
+      border: 3px solid var(--file-tree-item-selected-bg);
+    }
+  }
+
+  .dnd-draggable-preview-item {
+    color: var(--file-tree-item-dragging-preview-colour);
+    background-color: var(--file-tree-item-dragging-preview-bg);
+    width: 75%;
+    padding-left: var(--spacing-08);
+    line-height: 2.05;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .disconnected-overlay {
+    background-color: var(--file-tree-bg);
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 10;
+    opacity: 0.5;
+    cursor: wait;
+  }
+}
+
+.modal-new-file {
+  padding: 0;
+
+  table {
+    width: 100%;
+    table-layout: fixed;
+
+    td {
+      vertical-align: top;
+    }
+  }
+
+  .toggle-file-type-button {
+    font-size: var(--font-size-02);
+    margin-top: calc(var(--spacing-05) * -1);
+
+    .btn {
+      display: inline-block;
+      padding: 0;
+      vertical-align: baseline;
+      font-size: inherit;
+    }
+
+    .btn:focus-within {
+      outline: none;
+      text-decoration: none;
+    }
+  }
+}
+
+.modal-new-file-list {
+  background-color: var(--bg-light-secondary);
+  width: 220px;
+
+  ul {
+    li {
+      /* old modal (a) */
+      a {
+        color: var(--content-secondary);
+        padding: var(--spacing-03);
+        display: block;
+        text-decoration: none;
+      }
+
+      /* new modal (button) */
+      .btn {
+        color: var(--content-secondary);
+        padding: var(--spacing-03);
+      }
+
+      .btn:hover {
+        text-decoration: none;
+      }
+
+      .btn:focus {
+        outline: none;
+        text-decoration: none;
+        background-color: white;
+      }
+    }
+
+    li.active {
+      background-color: white;
+
+      /* old modal (a) */
+      a {
+        color: var(--link-ui);
+      }
+
+      /* new modal (button) */
+      .btn {
+        color: var(--link-ui);
+        text-decoration: none;
+      }
+    }
+
+    li:hover {
+      background-color: white;
+    }
+  }
+}
+
+.file-tree-error {
+  text-align: center;
+  color: var(--content-secondary-dark);
+  padding: 20px;
+}
+
+.file-tree-modal-alert {
+  margin-top: var(--spacing-06);
+}
+
+.btn.modal-new-file-mode {
+  justify-content: left;
+  text-align: left;
+  text-decoration: none;
+  width: 100%;
+}
+
+.modal-new-file-body {
+  padding: 20px;
+  padding-top: var(--spacing-03);
+}
+
+.modal-new-file-body-upload {
+  padding-top: 20px;
+}
+
+.modal-new-file-body-conflict {
+  background-color: var(--bg-danger-03);
+  border: 1px dashed var(--border-danger);
+  min-height: 400px;
+  border-radius: 3px;
+  color: var(--content-primary);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: var(--spacing-05);
+}
+
+.modal-footer {
+  .approaching-file-limit {
+    font-weight: bold;
+  }
+
+  .at-file-limit {
+    text-align: left;
+  }
+}
+
+/* stylelint-disable selector-class-pattern */
+.modal-new-file-body-upload .uppy-Root {
+  font-family: inherit;
+}
+
+.modal-new-file-body-upload .uppy-Dashboard {
+  .uppy-Dashboard-inner {
+    border: none;
+  }
+
+  .uppy-Dashboard-dropFilesHereHint {
+    inset: 0;
+  }
+
+  .uppy-Dashboard-AddFiles {
+    margin: 0;
+    border: 1px dashed var(--border-primary);
+    height: 100%;
+
+    .uppy-Dashboard-AddFiles-title {
+      font-size: inherit;
+    }
+  }
+
+  .uppy-Dashboard-AddFiles-title {
+    width: 26em; // sized to create a wrap between the sentences
+    max-width: 100%;
+  }
+
+  .uppy-Informer p {
+    background-color: var(--bg-info-03);
+    border: 1px solid var(--blue-20);
+    border-radius: var(--border-radius-base);
+    color: var(--content-primary);
+    font-size: var(--font-size-03);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/file-view.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/file-view.scss
new file mode 100644
index 0000000..e61c4d8
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/file-view.scss
@@ -0,0 +1,103 @@
+.file-view {
+  padding: var(--spacing-05);
+  text-align: center;
+  overflow: auto;
+
+  .loading-panel {
+    padding-top: 8rem;
+    background: var(--neutral-10);
+  }
+
+  .file-view-buttons {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--spacing-03);
+    justify-content: center;
+  }
+
+  .file-view-error {
+    margin: var(--spacing-08) auto auto;
+    max-width: 400px;
+    text-align: left;
+  }
+
+  img,
+  .file-view-pdf {
+    max-width: 100%;
+    max-height: 90%;
+    display: block;
+    margin: var(--spacing-05) auto auto;
+    border: 1px solid var(--neutral-60);
+    box-shadow: 0 2px 3px var(--neutral-60);
+    background-color: var(--white);
+  }
+
+  .file-view-pdf {
+    overflow: auto;
+    width: max-content;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    .pdf-page:not(:last-of-type) {
+      border-bottom: 1px solid var(--neutral-60);
+    }
+  }
+
+  .linked-file-icon {
+    color: var(--blue-50);
+  }
+
+  .no-preview {
+    color: var(--neutral-60);
+    font-size: var(--font-size-06);
+    margin-top: var(--spacing-06);
+  }
+
+  .text-preview {
+    margin-top: var(--spacing-05);
+    color: var(--content-primary);
+
+    .scroll-container {
+      background-color: var(--white);
+      font-size: 0.8em;
+      line-height: 1.1em;
+      overflow: auto;
+      border: 1px solid var(--neutral-30);
+      padding: var(--spacing-04) var(--spacing-05);
+      text-align: left;
+      white-space: pre;
+      font-family: monospace;
+    }
+  }
+}
+
+.full-size,
+.loading-panel {
+  position: absolute;
+  inset: 0;
+}
+
+.no-history-available,
+.no-file-selection-message,
+.multi-selection-message {
+  width: 50%;
+  margin: var(--spacing-10) auto;
+  text-align: center;
+}
+
+.pdf-empty,
+.no-history-available,
+.no-file-selection,
+.multi-selection-ongoing {
+  &::before {
+    @extend .full-size;
+
+    left: 20px;
+    content: '';
+    background: url(../../../../../public/img/ol-brand/overleaf-o-grey.svg)
+      center / 200px no-repeat;
+    opacity: 0.2;
+    pointer-events: none;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/history.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/history.scss
new file mode 100644
index 0000000..b8e206b
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/history.scss
@@ -0,0 +1,547 @@
+:root {
+  --history-react-header-bg: var(--bg-dark-secondary);
+  --history-react-header-color: var(--content-primary-dark);
+  --history-react-separator-color: var(--border-divider-dark);
+}
+
+@include theme('light') {
+  --history-react-header-bg: var(--bg-light-primary);
+  --history-react-header-color: var(--content-primary);
+  --history-react-separator-color: var(--border-divider);
+}
+
+history-root {
+  height: 100%;
+  display: block;
+}
+
+// Adding !important to override the styling of overlays and popovers
+.history-popover .popover-arrow {
+  top: 20px !important;
+  transform: unset !important;
+}
+
+.history-react {
+  --history-change-list-padding: var(--spacing-06);
+
+  display: flex;
+  justify-content: center;
+  height: 100%;
+  background-color: var(--bg-light-primary);
+
+  .history-header {
+    @include body-sm;
+
+    height: 40px;
+    background-color: var(--history-react-header-bg);
+    color: var(--history-react-header-color);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    box-sizing: border-box;
+  }
+
+  .doc-panel {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+
+    .toolbar-container {
+      border-bottom: 1px solid var(--history-react-separator-color);
+      padding: 0 var(--spacing-04);
+    }
+
+    .doc-container {
+      flex: 1;
+      overflow-y: auto;
+      display: flex;
+    }
+  }
+
+  .doc-container .loading {
+    margin: 10rem auto auto;
+  }
+
+  .change-list {
+    @include body-sm;
+
+    display: flex;
+    flex-direction: column;
+    width: 320px;
+    border-left: 1px solid var(--history-react-separator-color);
+    box-sizing: content-box;
+  }
+
+  .toggle-switch-label {
+    flex: 1;
+
+    span {
+      display: block;
+    }
+  }
+
+  .history-version-list-container {
+    flex: 1;
+    overflow-y: auto;
+  }
+
+  .history-all-versions-scroller {
+    overflow-y: auto;
+    height: 100%;
+  }
+
+  .history-all-versions-container {
+    position: relative;
+  }
+
+  .history-versions-bottom {
+    position: absolute;
+    height: 8em;
+    bottom: 0;
+  }
+
+  .history-toggle-switch-container,
+  .history-version-day,
+  .history-version-details {
+    padding: 0 var(--history-change-list-padding);
+  }
+
+  .history-version-day {
+    background-color: white;
+    position: sticky;
+    z-index: 1;
+    top: 0;
+    display: block;
+    padding-top: var(--spacing-05);
+    padding-bottom: var(--spacing-02);
+    line-height: var(--line-height-02);
+  }
+
+  .history-version-details {
+    display: flow-root;
+    padding-top: var(--spacing-04);
+    padding-bottom: var(--spacing-04);
+    position: relative;
+
+    &.history-version-selectable {
+      cursor: pointer;
+
+      &:hover {
+        background-color: var(--bg-light-secondary);
+      }
+    }
+
+    &.history-version-selected {
+      background-color: var(--bg-accent-03);
+      border-left: var(--spacing-02) solid var(--green-50);
+      padding-left: calc(
+        var(--history-change-list-padding) - var(--spacing-02)
+      );
+    }
+
+    &.history-version-selected.history-version-selectable:hover {
+      background-color: rgb($green-70, 16%);
+      border-left: var(--spacing-02) solid var(--green-50);
+    }
+
+    &.history-version-within-selected {
+      background-color: var(--bg-light-secondary);
+      border-left: var(--spacing-02) solid var(--green-50);
+    }
+
+    &.history-version-within-selected:hover {
+      background-color: rgb($neutral-90, 8%);
+    }
+  }
+
+  .version-element-within-selected {
+    background-color: var(--bg-light-secondary);
+    border-left: var(--spacing-02) solid var(--green-50);
+  }
+
+  .version-element-selected {
+    background-color: var(--bg-accent-03);
+    border-left: var(--spacing-02) solid var(--green-50);
+  }
+
+  .history-version-metadata-time {
+    display: block;
+    margin-bottom: var(--spacing-02);
+    color: var(--content-primary);
+
+    &:last-child {
+      margin-bottom: initial;
+    }
+  }
+
+  .history-version-metadata-users,
+  .history-version-changes {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+  }
+
+  .history-version-restore-file {
+    margin-bottom: var(--spacing-04);
+  }
+
+  .history-version-metadata-users {
+    display: inline;
+    vertical-align: bottom;
+
+    > li {
+      display: inline-flex;
+      align-items: center;
+      margin-right: var(--spacing-04);
+    }
+  }
+
+  .history-version-changes {
+    > li {
+      margin-bottom: var(--spacing-02);
+    }
+  }
+
+  .history-version-user-badge-color {
+    --badge-size: 8px;
+
+    display: inline-block;
+    width: var(--badge-size);
+    height: var(--badge-size);
+    margin-right: var(--spacing-02);
+    border-radius: 2px;
+  }
+
+  .history-version-user-badge-text {
+    overflow-wrap: anywhere;
+    flex: 1;
+  }
+
+  .history-version-day,
+  .history-version-change-action,
+  .history-version-metadata-users,
+  .history-version-origin,
+  .history-version-saved-by {
+    color: var(--content-secondary);
+  }
+
+  .history-version-change-action {
+    overflow-wrap: anywhere;
+  }
+
+  .history-version-change-doc {
+    color: var(--content-primary);
+    overflow-wrap: anywhere;
+    white-space: pre-wrap;
+  }
+
+  .history-version-divider-container {
+    padding: var(--spacing-03) var(--spacing-04);
+  }
+
+  .history-version-divider {
+    margin: 0;
+    border-color: var(--border-divider);
+  }
+
+  .history-version-badge {
+    margin-bottom: var(--spacing-02);
+    margin-right: var(--spacing-05);
+    height: unset;
+    white-space: normal;
+    overflow-wrap: anywhere;
+
+    .material-symbols {
+      font-size: inherit;
+    }
+  }
+
+  .history-version-label {
+    margin-bottom: var(--spacing-02);
+
+    &:last-child {
+      margin-bottom: initial;
+    }
+  }
+
+  .loading {
+    font-family: $font-family-serif;
+  }
+
+  .history-all-versions-loading {
+    position: sticky;
+    bottom: 0;
+    padding: var(--spacing-05) 0;
+    background-color: var(--bg-light-secondary);
+    text-align: center;
+  }
+
+  .history-version-saved-by {
+    .history-version-saved-by-label {
+      margin-right: var(--spacing-04);
+    }
+  }
+
+  .dropdown.open {
+    .history-version-dropdown-menu-btn {
+      background-color: rgb(var(--bg-dark-primary) 0.08);
+      box-shadow: initial;
+    }
+  }
+
+  .history-compare-btn,
+  .history-version-dropdown-menu-btn {
+    @include reset-button;
+    @include action-button;
+
+    padding: 0;
+    width: 30px;
+    height: 30px;
+  }
+
+  .history-loading-panel {
+    padding-top: 10rem;
+    font-family: $font-family-serif;
+    text-align: center;
+  }
+
+  .history-react-toolbar {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-04);
+
+    .history-react-toolbar-file-info {
+      flex: 1;
+      text-align: right;
+    }
+
+    .history-react-toolbar-time {
+      font-weight: 700;
+    }
+  }
+
+  .history-paywall-prompt {
+    padding: var(--history-change-list-padding);
+
+    .history-feature-list {
+      list-style: none;
+      padding-left: var(--spacing-04);
+
+      li {
+        margin-bottom: var(--spacing-06);
+      }
+    }
+
+    button {
+      width: 100%;
+    }
+  }
+
+  .history-version-faded .history-version-details {
+    max-height: 6em;
+
+    @include mask-image(linear-gradient(black 35%, transparent));
+
+    overflow: hidden;
+  }
+
+  .history-paywall-heading {
+    @include heading-sm;
+    @include premium-text;
+
+    font-family: inherit;
+    font-weight: 700;
+    margin-top: var(--spacing-08);
+  }
+
+  .history-content {
+    padding: var(--spacing-05);
+  }
+}
+
+.history-version-label-tooltip {
+  padding: var(--spacing-03);
+  text-align: initial;
+
+  .history-version-label-tooltip-row {
+    margin-bottom: var(--spacing-03);
+
+    .history-version-label-tooltip-row-comment {
+      overflow-wrap: anywhere;
+
+      & .material-symbols {
+        font-size: inherit;
+      }
+    }
+
+    &:last-child {
+      margin-bottom: initial;
+    }
+  }
+}
+
+.document-diff-container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  position: relative;
+
+  .cm-viewer-container,
+  .cm-editor {
+    height: 100%;
+  }
+
+  .previous-highlight-button,
+  .next-highlight-button {
+    @include shadow-md;
+
+    position: absolute;
+    right: var(--spacing-06);
+  }
+
+  .previous-highlight-button {
+    top: var(--spacing-06);
+  }
+
+  .next-highlight-button {
+    bottom: var(--spacing-06);
+  }
+}
+
+.history-dropdown-icon {
+  color: var(--content-primary);
+}
+
+.history-dropdown-icon-inverted {
+  color: var(--neutral-10);
+  vertical-align: top;
+}
+
+.history-restore-promo-icon {
+  vertical-align: middle;
+}
+
+.history-file-tree {
+  display: flex !important; // To work around jQuery layout's inline styles
+  flex-direction: column;
+  max-height: 100%;
+
+  ul.history-file-tree-list {
+    font-size: var(--font-size-02);
+    margin: 0;
+    overflow: hidden auto;
+
+    .history-file-tree-item > ul,
+    ul[role='tree'] {
+      margin-left: var(--spacing-08);
+    }
+
+    &::after {
+      content: '';
+      display: block;
+      min-height: 25px;
+    }
+
+    li {
+      line-height: var(--file-tree-line-height);
+      position: relative;
+      margin-left: var(--spacing-04);
+
+      .history-file-tree-item {
+        color: var(--file-tree-item-color);
+        cursor: pointer;
+        white-space: nowrap;
+        user-select: none;
+        display: flex;
+        align-items: center;
+
+        @include fake-full-width-bg(transparent);
+
+        &:hover {
+          background-color: var(--file-tree-item-hover-bg);
+
+          // When the entity is a subfolder, the DOM element is "indented" via margin-left. This makes the
+          // element not fill the entire file-tree width (as it's spaced from the left-hand side via margin)
+          // and, in consequence, the background gets clipped. The ::before pseudo-selector is used to fill
+          // the empty space.
+          @include fake-full-width-bg(var(--file-tree-item-hover-bg));
+        }
+
+        .history-file-tree-folder-button {
+          padding: 0;
+          cursor: pointer;
+          background: transparent;
+          border: 0;
+        }
+
+        .history-file-tree-item-name-wrapper {
+          display: flex;
+          align-items: center;
+          width: 100%;
+          overflow: hidden;
+
+          .history-file-tree-item-name {
+            margin-right: var(--spacing-02);
+            overflow: hidden;
+            text-overflow: ellipsis;
+            flex-grow: 1;
+            white-space: pre;
+
+            &.strikethrough {
+              text-decoration: line-through;
+            }
+          }
+
+          .history-file-tree-item-badge {
+            text-transform: capitalize;
+            font-weight: normal;
+            margin-right: var(--spacing-05);
+
+            &:hover {
+              background-color: var(--neutral-20) !important;
+            }
+          }
+        }
+      }
+
+      .material-symbols {
+        color: var(--content-disabled);
+
+        &.file-tree-icon {
+          margin-right: var(--spacing-02);
+          margin-left: var(--spacing-04);
+        }
+
+        &.file-tree-folder-icon {
+          margin-right: var(--spacing-02);
+          vertical-align: sub;
+        }
+
+        &.file-tree-expand-icon {
+          margin-left: var(--spacing-04);
+          vertical-align: sub;
+        }
+      }
+    }
+
+    li.selected > .history-file-tree-item {
+      color: var(--file-tree-item-selected-color);
+      background-color: var(--file-tree-item-selected-bg);
+      font-weight: bold;
+
+      > div > .material-symbols,
+      > button > .material-symbols,
+      > .material-symbols,
+      .material-symbols {
+        color: var(--file-tree-item-selected-color);
+      }
+
+      @include fake-full-width-bg(var(--file-tree-item-selected-bg));
+    }
+  }
+}
+
+.history-error {
+  padding: var(--spacing-06);
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/hotkeys.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/hotkeys.scss
new file mode 100644
index 0000000..bd628a6
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/hotkeys.scss
@@ -0,0 +1,30 @@
+.hotkeys-modal {
+  font-size: var(--font-size-02);
+
+  h3:first-child {
+    margin-top: 0;
+  }
+
+  .hotkey {
+    margin-bottom: var(--spacing-05);
+  }
+
+  .description {
+    display: inline-block;
+  }
+
+  .combination {
+    padding: var(--spacing-02) var(--spacing-04);
+    border-radius: 3px;
+    background-color: var(--bg-dark-tertiary);
+    color: var(--white);
+    font-weight: 600;
+    margin-right: var(--spacing-03);
+  }
+
+  .hotkeys-modal-bottom-text {
+    background-color: var(--bg-light-secondary);
+    padding: var(--spacing-04);
+    border-radius: var(--border-radius-base);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide-redesign-switcher-modal.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide-redesign-switcher-modal.scss
new file mode 100644
index 0000000..4bba755
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide-redesign-switcher-modal.scss
@@ -0,0 +1,28 @@
+.ide-redesign-switcher-modal .modal-content {
+  color: var(--content-primary);
+  font-size: var(--font-size-03);
+  line-height: var(--line-height-03);
+
+  p {
+    margin-bottom: 0;
+  }
+
+  .ide-redesign-switcher-modal-whats-new {
+    background-color: var(--bg-light-secondary);
+    border: 1px solid var(--border-divider);
+    padding: var(--spacing-05);
+    margin: var(--spacing-05) 0;
+
+    ul li:not(:last-child) {
+      margin-bottom: var(--spacing-04);
+    }
+  }
+
+  .ide-redesign-switcher-modal-leave-text {
+    color: var(--content-secondary);
+
+    a {
+      color: var(--link-ui);
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide-redesign.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide-redesign.scss
new file mode 100644
index 0000000..879b7af
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide-redesign.scss
@@ -0,0 +1,55 @@
+:root {
+  --ide-redesign-background: var(--bg-dark-primary);
+  --ide-redesign-color: var(--content-primary-dark);
+  --ide-redesign-resizing-background: var(--bg-dark-primary);
+  --ide-redesign-color-scheme: dark;
+}
+
+@include theme('light') {
+  --ide-redesign-background: var(--bg-light-primary);
+  --ide-redesign-color: var(--content-primary);
+  --ide-redesign-resizing-background: var(--white);
+  --ide-redesign-color-scheme: light;
+}
+
+.ide-redesign-body {
+  color-scheme: var(--ide-redesign-color-scheme);
+  display: flex;
+  flex-grow: 1;
+  background-color: var(--ide-redesign-background);
+  color: var(--ide-redesign-color);
+  overflow-y: hidden;
+  z-index: 0;
+}
+
+.ide-redesign-main {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .ide-panel-group-resizing {
+    background-color: var(--ide-redesign-resizing-background);
+  }
+}
+
+.ide-skeleton-block {
+  border: 1px solid grey;
+  background-color: white;
+}
+
+.ide-redesign-full-height {
+  height: 100%;
+}
+
+.ide-redesign-pdf-container {
+  position: relative;
+}
+
+.ide-redesign-editor-container {
+  position: relative;
+  height: 100%;
+}
+
+.ide-redesign-editor-content {
+  height: 100%;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide.scss
new file mode 100644
index 0000000..7512424
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/ide.scss
@@ -0,0 +1,344 @@
+@use 'sass:color';
+
+$editor-toggler-bg-dark-color: color.adjust(
+  $content-disabled,
+  $lightness: -15%
+);
+
+:root {
+  --editor-toggler-bg-color: #{$editor-toggler-bg-dark-color};
+  --editor-resizer-bg-color: var(--bg-dark-secondary);
+}
+
+@include theme('light') {
+  --editor-toggler-bg-color: var(--content-disabled);
+  --editor-resizer-bg-color: var(--bg-light-tertiary);
+
+  .ide-redesign-main {
+    --editor-resizer-bg-color: var(--bg-light-tertiary);
+  }
+}
+
+#ide-root {
+  display: flex;
+  flex-direction: column;
+  height: 100vh; /* for backwards compatibility */
+  height: 100dvh; /* needed for mobile devices */
+
+  .global-alerts {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .chat {
+    position: relative;
+    height: 100%;
+  }
+
+  .review-panel-wrapper {
+    &.rp-state-overview {
+      position: sticky;
+      top: 0;
+      height: 100%;
+    }
+  }
+}
+
+.ide-redesign-main {
+  --editor-resizer-bg-color: var(--bg-dark-tertiary);
+
+  .ide-panel-group-resizing {
+    background-color: var(--white);
+
+    // Hide panel contents while resizing
+    .ide-redesign-editor-content,
+    .pdf {
+      display: none !important;
+    }
+  }
+}
+
+.global-alerts {
+  height: 0;
+  margin-top: var(--spacing-01);
+  text-align: center;
+
+  [role='alert'] {
+    text-align: left;
+    min-width: 400px;
+    position: relative;
+    z-index: 20;
+  }
+}
+
+.ide-react-editor-sidebar {
+  background-color: var(--file-tree-bg);
+  height: 100%;
+  color: var(--content-secondary-dark);
+  position: relative;
+}
+
+.ide-react-body {
+  flex-grow: 1;
+  background-color: var(--bg-light-secondary);
+  overflow-y: hidden;
+  z-index: 0;
+}
+
+.ide-react-main {
+  flex: 1;
+  overflow-y: hidden;
+  display: flex;
+  flex-direction: column;
+
+  .toolbar.toolbar-header {
+    position: static;
+    flex-grow: 0;
+    color: var(--neutral-20);
+  }
+}
+
+.ide-react-symbol-palette {
+  height: 100%;
+  background-color: var(--bg-dark-tertiary);
+  color: var(--neutral-20);
+}
+
+.ide-react-editor-panel {
+  display: flex;
+  flex-direction: column;
+}
+
+// Ensure an element with class "full-size", such as the binary file view, stays within the bounds of the panel
+.ide-react-panel {
+  position: relative;
+  container-type: size;
+}
+
+.ide-panel-group-resizing {
+  background-color: var(--white);
+
+  // Hide panel contents while resizing
+  .ide-react-editor-content,
+  .pdf {
+    display: none !important;
+  }
+}
+
+.modal.lock-editor-modal {
+  display: flex !important;
+  background-color: rgba($bg-dark-primary, 0.3);
+  overflow-y: hidden;
+  pointer-events: none;
+
+  .modal-dialog {
+    top: 25px;
+  }
+}
+
+.out-of-sync-modal {
+  .text-preview {
+    margin-top: var(--spacing-05);
+
+    .scroll-container {
+      @include body-sm;
+
+      max-height: 360px;
+      width: 100%;
+      background-color: var(--bg-light-primary);
+      overflow: auto;
+      border: 1px solid var(--border-primary-dark);
+      padding: var(--spacing-04) var(--spacing-05);
+      text-align: left;
+      white-space: pre;
+      font-family: monospace;
+    }
+  }
+}
+
+.horizontal-resize-handle {
+  width: 7px !important;
+  height: 100%;
+
+  // Enable ::before and ::after pseudo-elements to position themselves correctly
+  position: relative;
+  background-color: var(--editor-resizer-bg-color);
+
+  .custom-toggler {
+    padding: 0;
+    border-width: 0;
+
+    // Override react-resizable-panels which sets a global * { cursor: ew-resize }
+    cursor: pointer !important;
+  }
+
+  &.horizontal-resize-handle-enabled {
+    &::before,
+    &::after {
+      // This SVG has the colour hard-coded to the current value of @ol-blue-gray-2, so if we changed @ol-blue-gray-2,
+      // we'd have to change this SVG too
+      content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='18' viewBox='0 0 7 18'%3E%3Cpath d='M2 0h3v3H2zM2 5h3v3H2zM2 10h3v3H2zM2 15h3v3H2z' style='fill:%239da7b7'/%3E%3C/svg%3E");
+      display: block;
+      position: absolute;
+      text-align: center;
+      left: 0;
+      width: 7px;
+      height: 18px;
+    }
+
+    &::before {
+      top: 25%;
+    }
+
+    &::after {
+      top: 75%;
+    }
+  }
+
+  &:not(.horizontal-resize-handle-enabled) {
+    cursor: default;
+  }
+
+  .synctex-controls {
+    left: -8px;
+    margin: 0;
+
+    // Ensure that SyncTex controls appear in front of PDF viewer controls and logs pane
+    z-index: 12;
+
+    .synctex-control .synctex-control-icon {
+      // Override react-resizable-panels which sets a global * { cursor: ew-resize }
+      cursor: pointer !important;
+    }
+  }
+}
+
+.custom-toggler {
+  position: absolute;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 7px !important;
+  height: 50px;
+  margin-top: calc(var(--spacing-08) * -1);
+  top: 50%;
+  background-color: var(--editor-toggler-bg-color);
+
+  &:hover,
+  &:focus {
+    outline: none;
+    text-decoration: none;
+  }
+
+  // Increase hit area
+  &::before {
+    content: '';
+    display: block;
+    position: absolute;
+    inset: 0 -3px;
+  }
+
+  &::after {
+    font-family: FontAwesome; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
+    -moz-osx-font-smoothing: grayscale;
+    font-size: 65%;
+    font-weight: bold;
+    color: var(--white);
+    user-select: none;
+    pointer-events: none;
+  }
+
+  &:hover {
+    background-color: var(--bg-accent-01);
+  }
+}
+
+.custom-toggler-east::after {
+  content: '\f105';
+}
+
+.custom-toggler-west::after {
+  content: '\f104';
+}
+
+.custom-toggler-closed.custom-toggler-east::after {
+  content: '\f104';
+}
+
+.custom-toggler-closed.custom-toggler-west::after {
+  content: '\f105';
+}
+
+.vertical-resize-handle {
+  height: 6px;
+  background-color: var(--editor-resizer-bg-color);
+
+  &.vertical-resize-handle-enabled {
+    &:hover {
+      background-color: var(--editor-resizer-bg-color);
+    }
+  }
+
+  &:not(.vertical-resize-handle-enabled) {
+    opacity: 0.5;
+    cursor: default;
+  }
+
+  &::after {
+    // This SVG has the colour hard-coded to the current value of @ol-blue-gray-2, so if we changed @ol-blue-gray-2,
+    // we'd have to change this SVG too
+    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='6' viewBox='0 0 18 6'%3E%3Cpath d='M0 1.5h3v3H0zM5 1.5h3v3H5zM10 1.5h3v3h-3zM15 1.5h3v3h-3z' style='fill:%239da7b7'/%3E%3C/svg%3E");
+    display: block;
+    text-align: center;
+    line-height: 0;
+  }
+}
+
+.full-size {
+  position: absolute;
+  inset: 0;
+}
+
+.teaser-feature-icon {
+  vertical-align: sub;
+}
+
+.teaser-title {
+  margin-top: 0;
+  text-align: center;
+}
+
+.teaser-refresh-label {
+  text-align: center;
+}
+
+.teaser-img {
+  display: block;
+  max-width: 100%;
+  height: auto;
+  margin-bottom: var(--spacing-03);
+}
+
+.teaser-video-container {
+  margin: calc(var(--bs-modal-padding) * -1) calc(var(--bs-modal-padding) * -1)
+    var(--spacing-02) calc(var(--bs-modal-padding) * -1);
+  overflow: hidden;
+}
+
+.teaser-video {
+  width: 100%;
+  height: auto;
+  border-bottom: 1px solid var(--border-divider);
+}
+
+.loading-panel {
+  inset: 0;
+  text-align: center;
+  padding-top: var(--spacing-16);
+  background-color: var(--bg-light-secondary);
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/left-menu.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/left-menu.scss
new file mode 100644
index 0000000..e40c615
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/left-menu.scss
@@ -0,0 +1,214 @@
+:root {
+  --left-menu-form-select-border: var(--border-primary);
+}
+
+@include theme('light') {
+  --left-menu-form-select-border: var(--border-disabled);
+}
+
+.left-menu {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  background-color: var(--bg-light-secondary);
+  z-index: 100;
+  overflow: hidden auto;
+  transition: left ease-in-out 0.5s;
+  font-size: var(--font-size-02);
+  width: 340px;
+
+  &.shown {
+    left: 0;
+  }
+
+  h4 {
+    font-family: $font-family-sans-serif;
+    font-weight: 400;
+    font-size: var(--font-size-03);
+    margin: var(--spacing-05) 0;
+    padding-bottom: var(--spacing-03);
+    color: var(--content-secondary);
+    border-bottom: 1px solid var(--border-primary-dark);
+
+    &:first-child {
+      margin-top: 0;
+    }
+  }
+
+  ul.nav {
+    .left-menu-button {
+      cursor: pointer;
+      padding: var(--spacing-03);
+      font-weight: 700;
+      color: var(--link-ui);
+      display: flex;
+      align-items: center;
+      width: 100%;
+      background-color: inherit;
+      border: none;
+      text-decoration: none;
+
+      .material-symbols {
+        margin-right: var(--spacing-04);
+        color: var(--neutral-70);
+      }
+
+      &:hover,
+      &:active {
+        background-color: var(--bg-info-01);
+        color: var(--white);
+
+        .material-symbols {
+          color: var(--white);
+        }
+      }
+    }
+
+    a {
+      cursor: pointer;
+
+      &:hover,
+      &:active,
+      &:focus {
+        background-color: var(--bg-info-01);
+        color: var(--white);
+
+        .material-symbols {
+          color: var(--white);
+        }
+      }
+
+      .material-symbols {
+        color: var(--neutral-70);
+      }
+
+      padding: var(--spacing-03);
+      font-weight: 700;
+    }
+
+    .link-disabled {
+      color: var(--content-disabled);
+    }
+  }
+
+  > ul.nav:last-child {
+    margin-bottom: var(--spacing-05);
+  }
+
+  ul.nav-downloads {
+    li {
+      display: inline-block;
+      text-align: center;
+      width: 100px;
+
+      a {
+        color: var(--content-secondary);
+        text-decoration: none;
+      }
+
+      .material-symbols {
+        margin: var(--spacing-03) 0;
+      }
+    }
+  }
+
+  form.settings {
+    label {
+      font-weight: normal;
+      color: var(--content-secondary);
+      flex: 1 0 50%;
+      margin-bottom: 0;
+      padding-right: var(--spacing-03);
+      white-space: nowrap;
+    }
+
+    button,
+    select {
+      width: 50%;
+      margin: var(--spacing-04) 0;
+    }
+  }
+
+  .left-menu-setting-position {
+    position: relative;
+
+    .left-menu-setting {
+      margin-top: 0 !important;
+    }
+
+    .left-menu-setting-icon {
+      position: absolute;
+      right: 65%;
+      top: 25%;
+    }
+  }
+
+  .left-menu-setting {
+    padding: 0 var(--spacing-02);
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    border-bottom: 1px solid rgb(0 0 0 / 7%);
+    margin-bottom: 0;
+    height: 43px;
+
+    &:first-child {
+      margin-top: calc(var(--spacing-04) * -1);
+    }
+
+    &:last-child {
+      border-bottom: 0;
+    }
+
+    &:hover,
+    &:focus-within {
+      background-color: var(--bg-info-01);
+
+      label {
+        color: var(--white);
+      }
+    }
+
+    .form-select {
+      border: 1px solid var(--left-menu-form-select-border);
+    }
+  }
+}
+
+#left-menu-mask {
+  opacity: 0.4;
+  background-color: #999;
+  z-index: 99;
+  transition: opacity 0.5s;
+  position: absolute;
+  inset: 0;
+}
+
+.left-menu-modal-backdrop {
+  background-color: transparent;
+}
+
+.loading-spinner-container {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.full-size-loading-spinner-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.reference-manager-search-group {
+  width: '100%';
+  border-radius: 0;
+  text-align: left;
+
+  .dropdown-menu {
+    width: 100%;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/loading-screen.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/loading-screen.scss
new file mode 100644
index 0000000..198eba0
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/loading-screen.scss
@@ -0,0 +1,75 @@
+@use 'sass:math';
+
+@keyframes blink {
+  0% {
+    opacity: 0.2;
+  }
+
+  20% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0.2;
+  }
+}
+
+.loading-screen {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+
+  .loading-screen-brand-container {
+    min-width: 200px;
+  }
+
+  .loading-screen-brand {
+    position: relative;
+    padding-top: math.percentage(math.div(150, 130)); // dimensions of the SVG
+    height: 0;
+    background: url(../../../../../public/img/ol-brand/overleaf-o-grey.svg)
+      no-repeat bottom / 100%;
+
+    &::after {
+      content: '';
+      position: absolute;
+      height: inherit;
+      right: 0;
+      bottom: 0;
+      left: 0;
+      background: url(../../../../../public/img/ol-brand/overleaf-o.svg)
+        no-repeat bottom / 100%;
+      transition: height 0.5s;
+    }
+  }
+
+  .loading-screen-label {
+    margin: 0;
+    padding-top: var(--spacing-09);
+    font-family: $font-family-serif;
+    font-size: var(--font-size-07);
+    color: var(--content-secondary);
+  }
+
+  .loading-screen-ellip {
+    animation: blink 1.4s both infinite;
+
+    &:nth-child(2) {
+      animation-delay: 0.2s;
+    }
+
+    &:nth-child(3) {
+      animation-delay: 0.4s;
+    }
+  }
+
+  .loading-screen-error {
+    margin: 0;
+    padding-top: var(--spacing-06);
+    color: var(--content-danger);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/logs.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/logs.scss
new file mode 100644
index 0000000..4e517f9
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/logs.scss
@@ -0,0 +1,283 @@
+:root {
+  --logs-pane-bg: var(--bg-dark-secondary);
+}
+
+.ide-redesign-main {
+  --logs-pane-bg: var(--bg-dark-primary);
+}
+
+@include theme('light') {
+  --logs-pane-bg: var(--bg-light-secondary);
+
+  .ide-redesign-main {
+    --logs-pane-bg: #fff;
+  }
+}
+
+.logs-pane {
+  position: absolute;
+  inset: 0;
+  overflow-y: auto;
+  background-color: var(--logs-pane-bg);
+  z-index: 11; // above the PDF viewer + controls
+  top: var(--toolbar-small-height);
+
+  .logs-pane-content {
+    display: flex;
+    flex-direction: column;
+    padding: 10px;
+    gap: 10px;
+    min-height: 100%;
+  }
+
+  .logs-pane-actions {
+    display: flex;
+    flex-wrap: wrap;
+    place-content: flex-end flex-end;
+    padding: var(--spacing-03) 0;
+    flex-grow: 1;
+    align-items: flex-end;
+    gap: var(--spacing-04);
+  }
+
+  .log-entry {
+    border-radius: var(--border-radius-base);
+    overflow: hidden;
+  }
+
+  .log-entry-header {
+    padding: var(--spacing-02) var(--spacing-04);
+    display: flex;
+    align-items: flex-start;
+    gap: var(--spacing-04);
+    border-radius: var(--border-radius-base) var(--border-radius-base) 0 0;
+    color: var(--content-primary-dark);
+
+    .material-symbols {
+      @include body-base;
+    }
+  }
+
+  .log-entry-header-error {
+    background-color: var(--content-danger);
+  }
+
+  .log-entry-header-link-error {
+    @include ol-button-variant(
+      $color: var(--content-primary-dark),
+      $background: var(--bg-danger-02),
+      $hover-background: var(--red-70)
+    );
+  }
+
+  .log-entry-header-warning {
+    background-color: var(--content-warning-dark);
+  }
+
+  .log-entry-header-link-warning {
+    @include ol-button-variant(
+      $color: var(--content-primary-dark),
+      $background: var(--bg-warning-01),
+      $hover-background: var(--bg-warning-02)
+    );
+  }
+
+  .log-entry-header-typesetting {
+    background-color: var(--blue-50);
+  }
+
+  .log-entry-header-link-typesetting {
+    @include ol-button-variant(
+      $color: var(--content-primary-dark),
+      $background: var(--blue-60),
+      $hover-background: var(--blue-70)
+    );
+  }
+
+  .log-entry-header-raw,
+  .log-entry-header-info {
+    background-color: var(--bg-dark-tertiary);
+  }
+
+  .log-entry-header-link-raw,
+  .log-entry-header-link-info {
+    @include ol-button-variant(
+      $color: var(--content-primary-dark),
+      $background: var(--bg-dark-secondary),
+      $hover-background: var(--bg-dark-primary)
+    );
+  }
+
+  .log-entry-header-success {
+    background-color: var(--green-50);
+  }
+
+  .log-entry-header-link-success {
+    @include ol-button-variant(
+      $color: var(--content-primary-dark),
+      $background: var(--green-60),
+      $hover-background: var(--green-70)
+    );
+  }
+
+  .log-entry-header-title {
+    @include body-base;
+
+    flex-grow: 1;
+    font-weight: bold;
+    margin: 0;
+    color: var(--content-primary-dark);
+  }
+
+  .log-entry-header-link {
+    color: var(--content-primary-dark);
+    border-width: 0;
+    max-width: 33%;
+    flex-shrink: 0;
+    text-decoration: none; // needed for the "close button"
+    padding: 0 var(--spacing-03);
+
+    .button-content {
+      min-width: 0; // needed to display the ellipsis on overflow
+    }
+  }
+
+  .log-entry-header-link-location {
+    white-space: nowrap;
+    direction: rtl;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
+  .log-entry-content {
+    &:empty {
+      display: none;
+    }
+
+    background-color: var(--bg-light-primary);
+    color: var(--content-primary);
+    padding: var(--spacing-04);
+  }
+
+  .log-entry-content-raw {
+    @include body-xs;
+
+    color: var(--content-secondary);
+    padding: var(--spacing-03);
+    margin: 0;
+    white-space: pre-wrap;
+  }
+
+  .log-entry-content-button-container {
+    position: relative;
+    height: 40px;
+    margin-top: 0;
+    transition:
+      margin 0.15s ease-in-out,
+      opacity 0.15s ease-in-out;
+    padding-bottom: var(--spacing-04);
+    text-align: center;
+    background-image: linear-gradient(
+      0deg,
+      var(--bg-light-tertiary) 0%,
+      transparent 100%
+    );
+    border-radius: 0 0 var(--border-radius-base) var(--border-radius-base);
+  }
+
+  .log-entry-content-button-container-collapsed {
+    margin-top: -40px;
+  }
+
+  .log-entry-content-raw-container {
+    background-color: var(--bg-light-tertiary);
+    border-radius: var(--border-radius-base);
+    overflow: hidden;
+    margin-top: var(--spacing-03);
+  }
+}
+
+.log-entry-formatted-content,
+.log-entry-content-link {
+  font-size: var(--font-size-02);
+  margin-top: var(--spacing-02);
+
+  &:first-of-type {
+    margin-top: 0;
+  }
+}
+
+.log-location-tooltip {
+  word-break: break-all;
+
+  & > .tooltip-inner {
+    max-width: 450px;
+    text-align: left;
+  }
+}
+
+// As part of compile time paywall redesign, we are only migrating the necessary classes needed for the split test
+// Other classes should be migrated too as a part of website redesign project later on.
+
+.timeout-upgrade-paywall-prompt {
+  display: flex;
+  flex-direction: column;
+  gap: 10px; // adding this value to match existing spacing in logs pane, there is no variable for 10px
+}
+
+.website-redesign {
+  .log-entry-header {
+    @include heading-sm;
+
+    font-weight: 600;
+    padding: var(--spacing-05) var(--spacing-06);
+  }
+
+  .compile-timeout-message {
+    p {
+      margin-bottom: 0;
+    }
+  }
+
+  .log-entry-content {
+    padding: 0;
+  }
+
+  .log-bold-text {
+    font-weight: 600;
+    color: var(--neutral-90);
+  }
+
+  .log-entry-formatted-content {
+    @include body-sm;
+
+    padding: var(--spacing-06);
+    color: var(--neutral-70);
+
+    a,
+    .btn-inline-link {
+      color: var(--blue-50);
+    }
+  }
+
+  .log-entry-cta-container {
+    padding-top: var(--spacing-06);
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  .log-entry-header-error {
+    background-color: var(--red-10);
+
+    .log-entry-header-title {
+      @include heading-sm;
+
+      color: var(--red-50);
+    }
+  }
+
+  .log-entry-header-raw {
+    background-color: var(--neutral-60);
+    padding: var(--spacing-04) var(--spacing-06);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/math-preview.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/math-preview.scss
new file mode 100644
index 0000000..fd2bfc9
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/math-preview.scss
@@ -0,0 +1,37 @@
+.ol-cm-math-tooltip-container {
+  position: relative;
+  overflow: visible;
+  border: 0 !important;
+  background-color: transparent !important;
+}
+
+.ol-cm-math-tooltip {
+  display: flex;
+  gap: var(--spacing-04);
+  overflow: auto;
+  padding: var(--spacing-04);
+  border-radius: var(--border-radius-base);
+  max-height: 200px;
+  max-width: 800px;
+  margin-top: 10px;
+
+  .dropdown {
+    position: static;
+  }
+}
+
+.math-tooltip-options-toggle {
+  border: none;
+  padding: 0;
+  width: 20px;
+  height: 20px;
+
+  &::after {
+    content: none;
+  }
+}
+
+.math-tooltip-options-keyboard-shortcut {
+  color: $content-secondary;
+  font-size: var(--font-size-02);
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/online-users.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/online-users.scss
new file mode 100644
index 0000000..52265c6
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/online-users.scss
@@ -0,0 +1,37 @@
+:root {
+  --toolbar-btn-color: var(--white);
+}
+
+@include theme('light') {
+  --toolbar-btn-color: var(--neutral-70);
+}
+
+.online-users {
+  display: flex;
+  align-items: center;
+
+  .online-user {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    line-height: 24px;
+    margin-right: var(--spacing-04);
+    text-align: center;
+    color: white;
+    text-transform: uppercase;
+    border-radius: var(--border-radius-base);
+    cursor: pointer;
+  }
+
+  .online-user-multi {
+    @include reset-button;
+
+    color: var(--toolbar-btn-color);
+    width: auto;
+    min-width: 24px;
+    padding-left: var(--spacing-04);
+    padding-right: var(--spacing-03);
+    display: flex;
+    align-items: center;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/outline.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/outline.scss
new file mode 100644
index 0000000..dc83a23
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/outline.scss
@@ -0,0 +1,330 @@
+:root {
+  --outline-bg-color: var(--bg-dark-secondary);
+  --outline-border-color: var(--border-disabled-dark);
+  --outline-header-hover-bg: var(--bg-dark-primary);
+  --outline-item-hover-bg: var(--bg-dark-secondary);
+  --outline-line-guide-color: var(--border-primary);
+  --outline-container-color-bg: var(--bg-dark-tertiary);
+  --outline-content-color: var(--content-primary-dark);
+  --outline-item-highlight-bg: var(--neutral-60);
+  --outline-item-highlight-color: var(--content-primary-dark);
+  --outline-item-highlight-font-weight: normal;
+  --outline-item-carat-color: var(--content-disabled);
+}
+
+@include theme('light') {
+  --outline-bg-color: var(--bg-light-primary);
+  --outline-border-color: var(--border-disabled);
+  --outline-item-hover-bg: var(--bg-light-tertiary);
+  --outline-header-hover-bg: var(--bg-light-tertiary);
+  --outline-line-guide-color: var(--border-disabled);
+  --outline-container-color-bg: var(--bg-light-primary);
+  --outline-content-color: var(--content-secondary);
+  --outline-item-highlight-bg: var(--bg-light-secondary);
+  --outline-item-highlight-color: var(--content-secondary);
+  --outline-item-highlight-font-weight: normal;
+  --outline-item-carat-color: var(--content-disabled);
+
+  .ide-redesign-main {
+    --outline-bg-color: var(--bg-light-primary);
+    --outline-item-hover-bg: var(--bg-light-secondary);
+    --outline-header-hover-bg: var(--bg-light-secondary);
+    --outline-content-color: var(--content-primary);
+    --outline-item-highlight-bg: var(--bg-accent-03);
+    --outline-item-highlight-color: var(--green-70);
+    --outline-item-highlight-font-weight: bold;
+    --outline-item-carat-color: var(--content-primary);
+    --outline-line-guide-color: color-mix(
+      in srgb,
+      var(--border-primary) 24%,
+      transparent
+    );
+    --outline-container-color-bg: var(--bg-light-primary);
+  }
+}
+
+// TODO ide-redesign-cleanup: Replace the existing styling with these overrides.
+.ide-redesign-main {
+  --outline-bg-color: var(--bg-dark-primary);
+  --outline-border-color: var(--border-disabled-dark);
+  --outline-header-hover-bg: var(--bg-dark-primary);
+  --outline-item-hover-bg: var(--bg-dark-secondary);
+  --outline-line-guide-color: var(--border-primary);
+  --outline-container-color-bg: var(--bg-dark-primary);
+  --outline-content-color: var(--content-primary-dark);
+  --outline-item-highlight-bg: var(--green-70);
+  --outline-item-highlight-color: var(--green-10);
+  --outline-item-highlight-font-weight: bold;
+  --outline-item-carat-color: var(--content-disabled);
+
+  .file-outline-panel {
+    min-height: 36px;
+  }
+
+  .outline-pane {
+    padding: 4px;
+  }
+
+  .outline-header {
+    border: none;
+    height: unset;
+  }
+
+  .outline-header-expand-collapse-btn {
+    border-radius: var(--border-radius-base);
+    padding: var(--spacing-02);
+  }
+
+  .outline-header-name {
+    font-weight: unset;
+  }
+
+  .outline-carat-icon {
+    font-size: unset;
+  }
+
+  .outline-body {
+    padding-right: 0;
+  }
+
+  .outline-item-list {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-02);
+    margin-top: var(--spacing-02);
+
+    &::before {
+      left: var(--spacing-06);
+    }
+  }
+
+  .outline-item-list-root {
+    &::before {
+      content: none;
+    }
+  }
+
+  .outline-item-expand-collapse-btn {
+    display: flex;
+    align-items: center;
+    padding: var(--spacing-02);
+  }
+
+  .outline-item-no-children {
+    padding-left: 0;
+  }
+
+  .outline-item-link {
+    flex-grow: 1;
+    padding: var(--spacing-02);
+  }
+}
+
+.outline-container {
+  width: 100%;
+  height: 100%;
+  background-color: var(--outline-container-color-bg);
+}
+
+.outline-pane {
+  @include body-sm;
+
+  display: flex;
+  flex-flow: column;
+  height: 100%;
+  color: var(--content-primary-dark);
+}
+
+.outline-pane-disabled {
+  opacity: 0.5;
+}
+
+.documentation-btn-container {
+  @include toolbar-sm-height;
+
+  background-color: var(--outline-bg-color);
+  display: flex;
+  align-items: center;
+  box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
+
+  & *,
+  & :hover {
+    color: var(--content-primary-dark);
+    text-decoration: none;
+  }
+
+  &:hover {
+    background-color: var(--bg-dark-primary);
+  }
+}
+
+.documentation-close {
+  padding: 0;
+}
+
+.outline-header {
+  @include toolbar-sm-height;
+
+  background-color: var(--outline-bg-color);
+  display: flex;
+  flex-shrink: 0;
+  border-bottom: 1px solid var(--outline-border-color);
+  border-top: 1px solid var(--outline-border-color);
+}
+
+.outline-header-expand-collapse-btn {
+  color: var(--outline-content-color);
+  display: flex;
+  align-items: center;
+  background-color: transparent;
+  border: 0;
+  padding: 0 var(--spacing-03) 0 0;
+  font-size: inherit;
+  vertical-align: inherit;
+  flex: 1 0 100%;
+  text-align: left;
+  white-space: nowrap;
+  box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
+
+  &:hover,
+  &:focus {
+    outline: 0;
+  }
+
+  &:hover {
+    background-color: var(--outline-header-hover-bg);
+  }
+
+  &:hover[disabled] {
+    background-color: transparent;
+  }
+}
+
+.outline-header-name {
+  @include body-sm;
+
+  color: var(--outline-content-color);
+  display: inline-block;
+  font-weight: 700;
+  margin: 0;
+  flex-grow: 1;
+  flex-shrink: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.outline-body {
+  background-color: var(--outline-container-color-bg);
+  overflow-y: auto;
+  padding-right: var(--spacing-03);
+}
+
+.outline-body-no-elements {
+  color: var(--outline-content-color);
+  text-align: center;
+  padding: var(--spacing-08) var(--spacing-08) var(--spacing-11)
+    var(--spacing-08);
+  margin-right: calc(var(--spacing-03) * -1);
+}
+
+.outline-body-link {
+  color: var(--outline-content-color);
+  display: block;
+  text-decoration: underline;
+
+  &:hover,
+  &:focus {
+    color: var(--outline-content-color);
+    text-decoration: underline;
+  }
+}
+
+.outline-item-list {
+  position: relative;
+  list-style: none;
+  padding-left: var(--spacing-08);
+
+  &::before {
+    content: '';
+    background-color: var(--outline-line-guide-color);
+    top: var(--spacing-03);
+    bottom: var(--spacing-03);
+    width: 1px;
+    left: var(--spacing-10);
+    position: absolute;
+  }
+
+  &.outline-item-list-root {
+    padding-left: 0;
+
+    &::before {
+      left: var(--spacing-05);
+    }
+  }
+}
+
+.outline-item-no-children {
+  padding-left: var(--spacing-07);
+}
+
+.outline-item-row {
+  display: flex;
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.outline-item-expand-collapse-btn {
+  background-color: var(--outline-container-color-bg);
+  display: inline;
+  border: 0;
+  padding: 0;
+  font-size: inherit;
+  vertical-align: inherit;
+  position: relative;
+  z-index: 1;
+  color: var(--outline-item-carat-color);
+  margin-right: calc(var(--spacing-03) * -1);
+  border-radius: var(--border-radius-base);
+
+  &:hover,
+  &:focus {
+    outline: 0;
+  }
+
+  &:hover {
+    background-color: var(--outline-item-hover-bg);
+  }
+}
+
+.outline-item-link {
+  @include text-truncate;
+
+  color: var(--outline-content-color);
+  display: inline;
+  background-color: transparent;
+  border: 0;
+  position: relative;
+  z-index: 1;
+  padding: 0 var(--spacing-03);
+  line-height: var(--spacing-08);
+  border-radius: var(--border-radius-base);
+  text-align: left;
+
+  &:hover,
+  &:focus {
+    background-color: var(--outline-item-hover-bg);
+    outline: 0;
+  }
+}
+
+.outline-item-link-highlight {
+  background-color: var(--outline-item-highlight-bg);
+  color: var(--outline-item-highlight-color);
+  font-weight: var(--outline-item-highlight-font-weight);
+}
+
+.outline-caret-icon {
+  width: var(--spacing-08);
+  font-size: 17px;
+  text-align: center;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/pdf-error-state.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/pdf-error-state.scss
new file mode 100644
index 0000000..c1da6ab
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/pdf-error-state.scss
@@ -0,0 +1,94 @@
+:root {
+  --pdf-error-state-info-box-color: var(--content-primary-dark);
+  --pdf-error-state-info-box-background: var(--bg-dark-primary);
+  --pdf-error-state-info-box-border: var(--border-divider-dark);
+  --pdf-error-state-label-color: var(--content-primary-dark);
+  --pdf-error-state-description-color: var(--content-secondary-dark);
+}
+
+@include theme('light') {
+  --pdf-error-state-info-box-color: var(--content-primary);
+  --pdf-error-state-info-box-background: var(--bg-light-primary);
+  --pdf-error-state-info-box-border: var(--border-divider);
+  --pdf-error-state-label-color: var(--content-primary);
+  --pdf-error-state-description-color: var(--content-secondary);
+}
+
+.pdf-error-state {
+  position: absolute;
+  inset: var(--toolbar-small-height) 0 0 0;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: var(--spacing-06);
+  background-color: var(--pdf-bg);
+}
+
+.pdf-error-state-top-section {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--spacing-06);
+  padding: 0 var(--spacing-09) var(--spacing-09) var(--spacing-09);
+}
+
+.pdf-error-state-warning-icon {
+  background-color: var(--bg-danger-03);
+  color: var(--content-danger);
+  width: 80px;
+  height: 80px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 100%;
+
+  .material-symbols {
+    font-size: 32px;
+  }
+}
+
+.pdf-error-state-text {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--spacing-02);
+}
+
+.pdf-error-state-label {
+  font-size: var(--font-size-02);
+  color: var(--pdf-error-state-label-color);
+  font-weight: 600;
+  margin-bottom: 0;
+}
+
+.pdf-error-state-description {
+  color: var(--pdf-error-state-description-color);
+  font-size: var(--font-size-02);
+  margin-bottom: 0;
+}
+
+.pdf-error-state-info-box {
+  background-color: var(--pdf-error-state-info-box-background);
+  color: var(--pdf-error-state-info-box-color);
+  padding: var(--spacing-06);
+  border: 1px solid var(--pdf-error-state-info-box-border);
+  border-radius: var(--border-radius-base);
+}
+
+.pdf-error-state-info-box-title {
+  font-size: var(--font-size-02);
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-02);
+  margin-bottom: var(--spacing-04);
+}
+
+.pdf-error-state-info-box-text {
+  font-size: var(--font-size-02);
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-02);
+  margin-bottom: 0;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/pdf.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/pdf.scss
new file mode 100644
index 0000000..8a8fa49
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/pdf.scss
@@ -0,0 +1,445 @@
+:root {
+  --pdf-bg: var(--neutral-10);
+  --pdf-toolbar-btn-hover-color: rgb(125 125 125 / 20%);
+  --synctex-control-size: 24px;
+}
+
+@include theme('light') {
+  --pdf-toolbar-btn-hover-color: var(--neutral-10);
+
+  .ide-redesign-main {
+    --pdf-bg: var(--neutral-10);
+  }
+}
+
+.pdf .toolbar.toolbar-pdf {
+  @include toolbar-sm-height;
+  @include toolbar-alt-bg;
+
+  padding-right: var(--spacing-03);
+  margin-left: 0;
+
+  .btn.disabled,
+  .btn[disabled] {
+    pointer-events: auto;
+    cursor: not-allowed;
+    opacity: 1;
+  }
+}
+
+.toolbar-pdf-left {
+  gap: var(--spacing-02);
+
+  .compile-button-group {
+    height: 28px;
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    background-color: var(--bg-accent-01);
+
+    .btn-primary:hover {
+      z-index: auto; // prevents border from being hidden
+    }
+  }
+
+  .dropdown > .btn {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+
+    &[disabled],
+    &[disabled]:active {
+      background-color: var(--bs-btn-bg);
+      color: var(--bs-btn-color);
+      opacity: 1;
+      pointer-events: auto;
+      cursor: not-allowed;
+    }
+  }
+}
+
+.toolbar-pdf-orphan,
+.toolbar-pdf-left,
+.toolbar-pdf-right,
+.toolbar-pdf-controls {
+  display: flex;
+  align-items: center;
+  align-self: stretch;
+}
+
+.toolbar-pdf-orphan,
+.toolbar-pdf-controls {
+  flex: 1 1 100%;
+}
+
+.toolbar-pdf-controls {
+  margin-right: var(--spacing-02);
+  justify-content: flex-end;
+}
+
+.toolbar-pdf-right {
+  flex: 1;
+  justify-content: flex-end;
+}
+
+.toolbar-pdf-orphan {
+  justify-content: center;
+  color: var(--toolbar-btn-color);
+
+  .btn {
+    margin-left: var(--spacing-03);
+  }
+}
+
+.btn.pdf-toolbar-btn {
+  display: inline-block;
+  color: var(--toolbar-btn-color);
+  background-color: transparent;
+  padding: 0 var(--spacing-01);
+  line-height: 1;
+  height: 24px;
+  border-radius: var(--border-radius-base);
+  text-decoration: none;
+
+  &:hover,
+  &:active,
+  &:focus {
+    color: var(--toolbar-btn-color);
+  }
+
+  &:hover {
+    &:not(:disabled) {
+      background-color: var(--pdf-toolbar-btn-hover-color);
+    }
+  }
+
+  &:active {
+    background-color: transparent;
+  }
+
+  .button-content {
+    align-self: center;
+  }
+
+  .badge {
+    font-size: 60%;
+  }
+
+  &.log-btn {
+    border: none;
+
+    &.active {
+      color: var(--white);
+      background-color: var(--link-color);
+      box-shadow: none;
+      opacity: 0.65;
+
+      &:hover {
+        &:not(:disabled) {
+          background-color: transparent;
+          color: var(--toolbar-btn-color);
+        }
+      }
+    }
+
+    &:focus {
+      outline: none;
+    }
+  }
+}
+
+.pdf {
+  background-color: var(--pdf-bg);
+}
+
+.pdf-viewer,
+.pdf-errors,
+.pdf-uncompiled {
+  @extend .full-size;
+
+  top: var(--toolbar-small-height);
+}
+
+.ide-redesign-main {
+  --pdf-bg: var(--bg-dark-secondary);
+
+  .pdf-viewer {
+    .pdfjs-viewer {
+      .page {
+        box-shadow:
+          0 5px 5px 0 #23282f0d,
+          0 3px 14px 0 #23282f08,
+          0 8px 10px 0 #23282f14;
+      }
+    }
+  }
+}
+
+.pdf-viewer {
+  isolation: isolate;
+
+  iframe {
+    width: 100%;
+    height: 100%;
+    border: none;
+  }
+
+  .pdfjs-viewer {
+    @extend .full-size;
+
+    background-color: transparent;
+    overflow: scroll;
+
+    /* stylelint-disable-next-line selector-class-pattern */
+    .canvasWrapper > canvas,
+    div.pdf-canvas {
+      background: white;
+      box-shadow: 0 0 10px rgb(0 0 0 / 50%);
+    }
+
+    div.pdf-canvas.pdfng-empty {
+      background-color: var(--white);
+    }
+
+    div.pdf-canvas.pdfng-loading {
+      background-color: var(--white);
+    }
+
+    .page-container {
+      margin: var(--spacing-05) auto;
+      padding: 0 var(--spacing-05);
+      box-sizing: content-box;
+      user-select: none;
+    }
+
+    .page {
+      box-sizing: content-box;
+      margin: var(--spacing-05) auto;
+      box-shadow: 0 0 8px #bbb;
+      border: none;
+    }
+
+    .pdfjs-viewer-inner {
+      position: absolute;
+      overflow-y: scroll;
+      width: 100%;
+      height: 100%;
+      -webkit-font-smoothing: initial;
+      -moz-osx-font-smoothing: initial;
+
+      /* fix review-panel overflow issue, see: https://github.com/overleaf/internal/issues/6781#issuecomment-1112708638 */
+      /* stylelint-disable-next-line selector-class-pattern */
+      .pdfViewer {
+        min-height: 100%;
+      }
+    }
+
+    &:focus-within {
+      outline: none;
+    }
+
+    /* Avoids https://github.com/mozilla/pdf.js/issues/13840 in Chrome */
+    /* stylelint-disable-next-line selector-class-pattern */
+    .textLayer br::selection {
+      background: transparent;
+    }
+  }
+
+  .progress-thin {
+    position: absolute;
+    top: -2px;
+    height: 3px;
+    left: 0;
+    right: 0;
+
+    .progress-bar {
+      height: 100%;
+      background-color: var(--link-color);
+    }
+  }
+}
+
+.pdfjs-viewer-controls {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  width: 100%;
+}
+
+.pdfjs-zoom-controls {
+  display: inline-flex;
+  border-left: 1px solid rgb(125 125 125 / 30%);
+}
+
+.pdfjs-toolbar-buttons {
+  display: flex;
+  gap: var(--spacing-04);
+  margin-left: var(--spacing-04);
+  margin-right: var(--spacing-04);
+
+  .btn {
+    border-radius: var(--border-radius-base) !important;
+  }
+}
+
+.pdfjs-toolbar-button {
+  padding: var(--spacing-01) !important;
+  display: flex;
+  align-items: center;
+}
+
+.pdfjs-zoom-dropdown-button {
+  width: 60px;
+  text-align: right;
+  font-weight: normal;
+}
+
+.pdfjs-zoom-dropdown-mac-shortcut-char {
+  display: inline-block;
+  width: 1em;
+  text-align: center;
+}
+
+.pdfjs-custom-zoom-menu-item {
+  display: block;
+  pointer-events: initial !important;
+
+  &:hover {
+    background-color: initial !important;
+    color: initial !important;
+    cursor: initial !important;
+  }
+}
+
+.pdfjs-page-number-input {
+  color: var(--toolbar-btn-color);
+  font-size: var(--font-size-02);
+  padding-right: var(--spacing-04);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-02);
+
+  input {
+    color: initial;
+    border: 1px solid var(--neutral-60);
+    width: 32px;
+    height: 24px;
+    border-radius: var(--border-radius-base);
+    text-align: center;
+  }
+}
+
+.pdfjs-viewer-controls-small {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-04);
+}
+
+.pdfjs-toolbar-popover-button {
+  padding: var(--spacing-01) !important;
+}
+
+.pdfjs-toolbar-popover {
+  background-color: var(--editor-toolbar-bg);
+  border-radius: var(--border-radius-base);
+
+  .popover-arrow {
+    display: none;
+  }
+
+  button {
+    background-color: transparent;
+    color: var(--toolbar-btn-color);
+  }
+
+  .popover-body {
+    display: flex;
+    align-items: center;
+    padding: var(--spacing-04) 0;
+  }
+}
+
+// The new viewer UI has overflow on the inner element,
+// so disable the overflow on the outer element
+.pdf-viewer .pdfjs-viewer.pdfjs-viewer-outer {
+  overflow: hidden;
+}
+
+:fullscreen {
+  /* stylelint-disable selector-class-pattern */
+  .pdfViewer {
+    min-height: auto !important;
+  }
+
+  .pdfjs-viewer-inner {
+    overflow-y: hidden !important;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
+.synctex-controls {
+  margin-right: calc(var(--spacing-04) * -1);
+  position: absolute;
+  z-index: 6;
+  padding: 0;
+  top: 68px;
+}
+
+.synctex-control:not(.detach-synctex-control) {
+  align-items: center;
+  background-color: rgba($bg-dark-tertiary, 0.8);
+  border-color: transparent;
+  border-radius: var(--border-radius-full);
+  color: var(--content-primary-dark);
+  display: flex !important;
+  height: var(--synctex-control-size);
+  justify-content: center;
+  margin-bottom: var(--spacing-05);
+  padding: 0;
+  transition: background 0.15s ease;
+  width: var(--synctex-control-size);
+
+  &:focus:not(:focus-visible) {
+    outline: none;
+  }
+
+  &:active {
+    background-color: rgba($bg-dark-tertiary, 0.8);
+    color: var(--content-primary-dark);
+  }
+}
+
+.synctex-control {
+  .synctex-control-icon {
+    font-weight: 700;
+    font-size: var(--font-size-06);
+  }
+}
+
+.keyboard-tooltip {
+  .tooltip-inner {
+    max-width: none;
+  }
+}
+
+#dropdown-files-logs-pane-list {
+  overflow-y: auto;
+
+  .dropdown-header {
+    white-space: nowrap;
+  }
+
+  // This keeps the dropdown menu inside the Logs div.
+  // "spacing-11" is there to compensate the button height and the margin around the logs.
+  max-height: calc(
+    100vh - #{$toolbar-small-height + $toolbar-height + $spacing-11}
+  );
+}
+
+.pdf-preview-messages {
+  position: absolute;
+  right: var(--spacing-06);
+  left: var(--spacing-06);
+  top: var(--spacing-10);
+  z-index: 1;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/publish-modal.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/publish-modal.scss
new file mode 100644
index 0000000..68db7cd
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/publish-modal.scss
@@ -0,0 +1,84 @@
+.modal-body-publish {
+  .gallery-export-license {
+    display: flex;
+    align-items: center;
+  }
+
+  .table-content-name {
+    width: 100%;
+    margin-bottom: var(--spacing-05);
+    font-weight: 300;
+  }
+
+  .table-content-category {
+    float: right;
+    font-weight: 300;
+    text-align: right;
+    font-style: italic;
+    width: 30%;
+    text-transform: capitalize;
+  }
+
+  .table-content-category ~ .table-content-name {
+    width: 70%;
+    display: inline-block;
+  }
+
+  .affix-content-title {
+    color: var(--neutral-40);
+    font-size: var(--spacing-07);
+    padding-left: var(--spacing-05);
+  }
+
+  .affix-subcontent {
+    margin: var(--spacing-03) 0 var(--spacing-11);
+  }
+
+  .card {
+    margin-top: calc(var(--line-height-03) / 2);
+    border: 1px solid var(--neutral-30);
+    border-radius: var(--border-radius-medium);
+
+    .card-body {
+      padding: calc(var(--line-height-03) / 2);
+    }
+  }
+
+  .content-as-table {
+    .table-content-main {
+      display: flex;
+    }
+
+    .table-content-icon {
+      height: 100px;
+      width: 106px;
+      display: flex;
+      align-items: flex-start;
+      overflow: hidden;
+
+      * {
+        border: 1px solid var(--neutral-10);
+        width: 100%;
+      }
+    }
+
+    .table-content-text {
+      width: calc(100% - 106px);
+      vertical-align: top;
+      padding-left: 15px;
+    }
+
+    .table-content-slogan {
+      height: 100px;
+      overflow: hidden;
+    }
+
+    .table-content-link {
+      padding-top: var(--spacing-05);
+
+      .btn {
+        white-space: normal;
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/rail.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/rail.scss
new file mode 100644
index 0000000..ffd0d78
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/rail.scss
@@ -0,0 +1,151 @@
+:root {
+  --ide-rail-background: var(--bg-dark-primary);
+  --ide-rail-color: var(--content-primary-dark);
+  --ide-rail-link-background: var(--bg-dark-primary);
+  --ide-rail-link-active-color: var(--green-10);
+  --ide-rail-link-active-background: var(--green-70);
+  --ide-rail-link-hover-color: var(--content-primary-dark);
+  --ide-rail-link-hover-background: var(--bg-dark-secondary);
+  --ide-rail-border-colour: var(--border-divider-dark);
+  --ide-rail-header-subdued-button-color: var(--content-primary-dark);
+  --ide-rail-header-subdued-button-hover-background: var(--bg-dark-tertiary);
+}
+
+@include theme('light') {
+  --ide-rail-background: #fff;
+  --ide-rail-color: var(--content-primary);
+  --ide-rail-link-background: #fff;
+  --ide-rail-link-active-color: var(--green-70);
+  --ide-rail-link-active-background: var(--bg-accent-03);
+  --ide-rail-link-hover-color: var(--content-primary);
+  --ide-rail-link-hover-background: var(--bg-light-secondary);
+  --ide-rail-border-colour: var(--border-divider);
+  --ide-rail-header-subdued-button-color: var(--content-primary);
+  --ide-rail-header-subdued-button-hover-background: var(--bg-light-tertiary);
+}
+
+.rail-panel-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--spacing-03) var(--spacing-04);
+  background-color: var(--ide-rail-background);
+
+  .rail-panel-header-button-subdued {
+    @include ol-button-variant(
+      var(--ide-rail-header-subdued-button-color),
+      transparent,
+      transparent,
+      var(--ide-rail-header-subdued-button-hover-background),
+      transparent,
+      true
+    );
+  }
+}
+
+.rail-panel-title {
+  font-size: var(--font-size-02);
+  color: var(--ide-rail-color);
+  margin-bottom: 0;
+}
+
+.ide-rail-tab-button {
+  border: 0;
+  background: none;
+}
+
+.ide-rail-tab-link {
+  border-radius: var(--border-radius-base);
+  display: block;
+  margin: 0 auto;
+  height: 32px;
+  width: 32px;
+  text-align: center;
+  padding: 0;
+  color: var(--ide-rail-color);
+  background-color: var(--ide-rail-link-background);
+  position: relative;
+  overflow-y: hidden;
+
+  &:visited,
+  &:focus {
+    color: var(--ide-rail-color);
+  }
+
+  &:hover {
+    color: var(--ide-rail-link-hover-color);
+    background-color: var(--ide-rail-link-hover-background);
+  }
+
+  .ide-rail-tab-link-icon {
+    line-height: 32px;
+    font-size: 20px;
+  }
+
+  &.open-rail {
+    color: var(--ide-rail-link-active-color);
+    background-color: var(--ide-rail-link-active-background);
+
+    &::after {
+      $indicator-height: 3px;
+
+      border-radius: 12px;
+      content: '';
+      position: absolute;
+      bottom: -$indicator-height;
+      left: 4px;
+      box-sizing: border-box;
+      width: 24px;
+      height: $indicator-height * 2;
+      border: $indicator-height solid var(--ide-rail-link-active-color);
+      background-color: var(--ide-rail-link-active-color);
+    }
+  }
+
+  .badge {
+    position: absolute;
+    top: 0;
+    right: 0;
+  }
+}
+
+.ide-rail {
+  height: 100%;
+  padding: var(--spacing-02);
+  background: var(--ide-rail-background);
+  border-right: 1px solid var(--ide-rail-border-colour);
+  width: 40px;
+}
+
+.ide-rail-content {
+  height: 100%;
+
+  .logs-pane {
+    top: 0;
+  }
+
+  .tab-pane {
+    height: 100%;
+  }
+
+  .tab-content {
+    height: 100%;
+    width: 100%;
+    position: relative;
+  }
+}
+
+.ide-rail-tabs-nav {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-02);
+}
+
+.ide-rail-tab-dropdown {
+  border: 0;
+
+  &.dropdown-toggle::after {
+    display: none;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/references-search.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/references-search.scss
new file mode 100644
index 0000000..6a2fff3
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/references-search.scss
@@ -0,0 +1,76 @@
+.references-search-modal {
+  .references-search-upgrade-prompt {
+    padding: var(--spacing-08);
+    padding-bottom: var(--spacing-11);
+
+    .upgrade-prompt {
+      text-align: center;
+      width: 400px;
+      padding: var(--spacing-06) var(--spacing-10);
+      margin: auto;
+      background: rgb($white, 0.95);
+      border-radius: var(--border-radius-medium);
+
+      .message {
+        margin-top: var(--spacing-06);
+
+        &.call-to-action {
+          font-weight: bold;
+        }
+
+        ul.upgrade-benefits {
+          text-align: left;
+
+          li {
+            display: flex;
+            align-items: center;
+          }
+        }
+      }
+    }
+  }
+
+  .notification {
+    margin-top: var(--spacing-05);
+    margin-bottom: 0;
+  }
+
+  // search result items list
+  .search-results {
+    font-size: var(--font-size-01);
+
+    .no-results-message,
+    .too-many-results-message {
+      font-size: var(--font-size-03);
+    }
+
+    .search-results-scroll-container {
+      max-height: calc(100vh - 225px);
+      overflow-y: auto;
+    }
+
+    .search-result-hit {
+      &:hover {
+        cursor: pointer;
+      }
+
+      border-bottom: 1px solid var(--border-divider);
+      padding: var(--spacing-04);
+
+      &:last-child {
+        border-bottom: 1px solid transparent;
+      }
+
+      border-left: var(--spacing-02) solid transparent;
+
+      &.selected-search-result-hit {
+        color: var(--content-positive);
+      }
+
+      .hit-title {
+        font-size: var(--font-size-03);
+        font-style: italic;
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/review-panel-new.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/review-panel-new.scss
new file mode 100644
index 0000000..e62360d
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/review-panel-new.scss
@@ -0,0 +1,906 @@
+@use 'sass:color';
+
+$rp-border-grey: #d9d9d9;
+$rp-type-blue: #6b7797;
+
+:root {
+  --rp-base-font-size: var(--font-size-01);
+  --rp-border-grey: #{$rp-border-grey};
+  --rp-type-blue: #{$rp-type-blue};
+  --review-panel-bg-color: var(--bg-light-secondary);
+  --review-panel-color: var(--content-primary);
+  --review-panel-color-secondary: var(--content-secondary);
+  --review-panel-header-bg-color: var(--bg-light-primary);
+  --review-panel-footer-bg-color: var(--bg-light-primary);
+  --review-panel-entry-bg-color: var(--bg-light-primary);
+  --review-panel-empty-state-bg-color: var(--bg-light-primary);
+  --review-panel-button-hover-bg-color: var(--bg-light-tertiary);
+  --review-panel-border-color: var(--border-divider);
+  --review-panel-width: 230px;
+  --review-panel-width-mini: 24px;
+
+  @include theme('default') {
+    .ide-redesign-main {
+      --review-panel-bg-color: var(--bg-dark-secondary);
+      --review-panel-color: var(--content-primary-dark);
+      --review-panel-color-secondary: var(--content-secondary-dark);
+      --review-panel-header-bg-color: var(--bg-dark-primary);
+      --review-panel-footer-bg-color: var(--bg-dark-primary);
+      --review-panel-entry-bg-color: var(--bg-dark-primary);
+      --review-panel-empty-state-bg-color: var(--bg-dark-primary);
+      --review-panel-button-hover-bg-color: var(--bg-dark-tertiary);
+      --review-panel-border-color: var(--border-divider-dark);
+    }
+  }
+}
+
+.ide-redesign-main {
+  .review-panel-container {
+    order: -1;
+  }
+
+  .review-panel-inner {
+    border-left: none;
+    border-right: 1px solid var(--border-divider);
+  }
+
+  .review-panel-header {
+    border-bottom: none;
+    flex: 0 0 var(--review-panel-width);
+  }
+
+  .review-panel-more-comments-button-container {
+    &.upwards {
+      top: calc(var(--review-panel-top) + 16px);
+    }
+  }
+
+  .review-panel-mini {
+    // This needs to have a higher z-index than the gutter
+    // so that the comment/change hover previews appear in
+    // front of the gutter
+    z-index: 201;
+
+    .review-panel-entry-hover {
+      .review-panel-entry-content {
+        left: auto;
+        right: -200px;
+      }
+    }
+  }
+}
+
+.review-panel-container {
+  height: 100%;
+  flex-shrink: 0;
+  position: relative;
+}
+
+.review-panel-inner {
+  z-index: 6;
+  flex-shrink: 0;
+  background-color: var(--review-panel-bg-color);
+  border-left: 1px solid var(--review-panel-border-color);
+  color: var(--review-panel-color);
+  font-family: $font-family-base;
+  line-height: $line-height-base;
+  font-size: var(--font-size-01);
+  box-sizing: content-box;
+  width: var(--review-panel-width);
+  min-height: var(--review-panel-height);
+
+  .dropdown-menu {
+    z-index: 1;
+    min-width: var(--bs-dropdown-min-width);
+  }
+}
+
+.review-panel-entry {
+  background-color: var(--review-panel-entry-bg-color);
+  border-radius: var(--border-radius-base);
+  border: 1px solid var(--review-panel-border-color);
+  padding: var(--spacing-04);
+  width: calc(100% - var(--spacing-04));
+  margin-left: var(--spacing-02);
+  z-index: 1;
+}
+
+.review-panel-entry:hover {
+  @include shadow-sm;
+}
+
+.review-panel-entry.review-panel-entry-disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+.review-panel-entry-indicator {
+  display: none;
+}
+
+.review-panel-entry-content {
+  display: flex;
+  flex-direction: column;
+  font-size: var(--font-size-01);
+  gap: var(--spacing-04);
+}
+
+.review-panel-entry.review-panel-entry-selected,
+.review-panel-entry.review-panel-entry-highlighted,
+.review-panel-entry.review-panel-entry-textarea-focused {
+  margin-left: var(--spacing-01);
+  border: 1px solid var(--border-active);
+
+  @include shadow-md;
+}
+
+.review-panel-entry.review-panel-entry-focused {
+  z-index: 2;
+}
+
+.review-panel-entry-header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: var(--spacing-01);
+
+  .review-panel-entry-user {
+    color: var(--review-panel-color);
+    font-size: 110%;
+    max-width: 150px;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+
+  .review-panel-entry-time {
+    color: var(--review-panel-color-secondary);
+  }
+
+  .review-panel-entry-actions {
+    display: flex;
+    align-items: center;
+    gap: var(--spacing-03);
+
+    .btn {
+      background-color: transparent;
+      color: var(--review-panel-color);
+      border-width: 0;
+      padding: 0;
+      height: 24px;
+      width: 24px;
+
+      &:hover,
+      &:focus {
+        background-color: var(--review-panel-button-hover-bg-color);
+        color: var(--review-panel-color);
+      }
+    }
+
+    .dropdown-toggle::after {
+      display: none;
+    }
+
+    .review-panel-entry-actions-icon {
+      padding: var(--spacing-01);
+      font-size: var(--font-size-05);
+    }
+  }
+}
+
+.review-panel-entry-user-color-badge {
+  display: inline-block;
+  width: $spacing-04;
+  height: $spacing-04;
+  margin-right: $spacing-02;
+  border-radius: 2px;
+}
+
+.review-panel-change-body {
+  display: flex;
+  align-items: flex-start;
+  color: var(--review-panel-color-secondary);
+  gap: var(--spacing-02);
+  overflow-wrap: anywhere;
+}
+
+.review-panel-content-highlight {
+  color: var(--review-panel-color);
+  text-decoration: none;
+}
+
+del.review-panel-content-highlight {
+  text-decoration: line-through;
+}
+
+.review-panel-entry-icon {
+  border-radius: var(--border-radius-base);
+  padding: var(--spacing-02);
+  font-size: var(--font-size-03);
+}
+
+.review-panel-entry-change-icon {
+  margin-top: calc(-1 * var(--spacing-01));
+}
+
+.review-panel-entry-icon-accept {
+  background-color: var(--bg-accent-03);
+  color: var(--bg-accent-01);
+}
+
+.review-panel-entry-icon-reject {
+  background-color: var(--bg-danger-03);
+  color: var(--bg-danger-01);
+}
+
+.review-panel-entry-icon-changed {
+  background-color: var(--neutral-20);
+  color: var(--content-secondary);
+}
+
+.review-panel-header {
+  position: sticky;
+  top: 0;
+  width: var(--review-panel-width);
+  height: var(--review-panel-header-height);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  border-bottom: 1px solid var(--review-panel-border-color);
+  background-color: var(--review-panel-header-bg-color);
+  text-align: center;
+  z-index: 4;
+}
+
+// TODO: Update this when we move the track changes menu to the new design
+.rp-tc-state {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  right: 0;
+  overflow: hidden;
+  list-style: none;
+  padding: 0 var(--spacing-03);
+  margin: 0;
+  border-bottom: 1px solid var(--rp-border-grey);
+  text-align: left;
+  background-color: var(--white);
+  max-height: calc(
+    100vh - var(--review-panel-top) - var(--review-panel-header-height)
+  );
+  overflow-y: auto;
+
+  .rp-tc-state-item {
+    display: flex;
+    align-items: center;
+    padding: var(--spacing-02) 0;
+
+    &:last-of-type {
+      padding-bottom: var(--spacing-03);
+    }
+  }
+
+  .rp-tc-state-item-name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    flex-grow: 1;
+    font-weight: 600;
+  }
+}
+
+.review-panel-tools {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-left: var(--spacing-02);
+  padding-right: var(--spacing-05);
+  flex-shrink: 0;
+  flex-basis: 32px;
+}
+
+.review-panel-resolved-comments-toggle {
+  background-color: var(--bg-light-secondary);
+  font-size: var(--font-size-02);
+  color: color.adjust($rp-type-blue, $lightness: 25%);
+  border: solid 1px var(--rp-border-grey);
+  border-radius: var(--border-radius-base);
+  padding: 0;
+  height: 22px;
+  width: 22px;
+  line-height: 1.4;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &:hover,
+  &:focus {
+    text-decoration: none;
+    color: var(--rp-type-blue);
+  }
+}
+
+.review-panel-resolved-comments-toggle-reviewer-role {
+  display: flex;
+  align-items: center;
+  border: none;
+  background-color: transparent;
+  color: var(--review-panel-color);
+  padding: var(--spacing-01);
+  border-radius: 100%;
+
+  &:hover,
+  &:focus {
+    background-color: var(--review-panel-button-hover-bg-color);
+  }
+}
+
+.track-changes-indicator-circle {
+  width: 8px;
+  height: 8px;
+  border-radius: 100%;
+  background-color: var(--bg-accent-01);
+}
+
+.track-changes-menu-button {
+  border: none;
+  background: none;
+  padding: 0;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-02);
+  font-size: var(--font-size-02);
+
+  i {
+    width: 8px;
+  }
+}
+
+.review-panel-resolved-comments {
+  --bs-popover-border-width: 1px;
+  --bs-popover-bg: var(--bg-light-secondary);
+  --bs-popover-body-color: var(--content-secondary);
+
+  width: 280px;
+
+  .popover-body {
+    overflow-y: auto;
+    max-height: calc(100vh - 180px);
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-02);
+    padding: var(--spacing-04) var(--spacing-03);
+  }
+}
+
+.review-panel-resolved-disabled {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+.review-panel-resolved-comments-empty {
+  text-align: center;
+}
+
+.review-panel-resolved-comments-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--spacing-02) 0;
+}
+
+.review-panel-resolved-comments-label {
+  font-weight: bold;
+  font-size: var(--font-size-02);
+}
+
+.review-panel-resolved-comment {
+  background-color: var(--white);
+  border-radius: var(--border-radius-base);
+  padding: var(--spacing-04);
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-04);
+
+  .btn-inline-link {
+    font-size: 12px;
+  }
+}
+
+.review-panel-resolved-comment-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: var(--content-secondary);
+  font-size: var(--font-size-01);
+}
+
+.review-panel-resolved-comment-filename {
+  color: var(--content-primary);
+}
+
+.review-panel-resolved-comment-buttons {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-03);
+
+  .btn {
+    background-color: transparent;
+    border-width: 0;
+    color: var(--content-primary);
+    padding: var(--spacing-01);
+    height: 24px;
+    width: 24px;
+
+    &:hover,
+    &:focus {
+      background-color: var(--neutral-20);
+    }
+  }
+
+  .material-symbols {
+    font-size: var(--font-size-05);
+  }
+}
+
+.review-panel-resolved-comment-quoted-text {
+  background-color: var(--neutral-20);
+  border-radius: var(--border-radius-base);
+  padding: var(--spacing-02) var(--spacing-04);
+}
+
+.review-panel-resolved-comment-quoted-text-label {
+  color: var(--content-secondary);
+  font-size: var(--font-size-01);
+}
+
+.review-panel-resolved-comment-quoted-text-quote {
+  color: var(--content-primary);
+  overflow-wrap: anywhere;
+  font-size: var(--font-size-02);
+}
+
+.review-panel-comment-wrapper {
+  display: flex;
+  gap: var(--spacing-04);
+}
+
+.review-panel-comment {
+  flex-grow: 1;
+}
+
+.review-panel-comment-reply-divider {
+  border-left: 2px solid var(--yellow-20);
+}
+
+.review-panel-comment-body {
+  font-size: var(--font-size-02);
+  color: var(--review-panel-color);
+  overflow-wrap: anywhere;
+  white-space: pre-wrap;
+}
+
+.review-panel-expandable-content {
+  display: inline;
+  padding-right: var(--spacing-02);
+  cursor: default;
+}
+
+.review-panel-expandable-inline {
+  display: inline;
+}
+
+.review-panel-expandable-links {
+  .btn-inline-link {
+    text-decoration: none;
+    line-height: 1;
+  }
+
+  .btn-inline-link:hover {
+    text-decoration: underline;
+  }
+}
+
+.review-panel-comment-input {
+  width: 100%;
+  font-size: var(--rp-base-font-size);
+  padding: 2px var(--spacing-03);
+  border-radius: var(--border-radius-base);
+  border: solid 1px var(--neutral-60);
+  resize: vertical;
+  color: var(--review-panel-color-secondary);
+  background-color: var(--review-panel-entry-bg-color);
+  height: 25px;
+  min-height: 25px;
+  overflow-x: hidden;
+  max-height: 400px;
+}
+
+.review-panel-comment-edit {
+  margin-top: var(--spacing-03);
+}
+
+.review-panel-empty-state {
+  position: fixed;
+  width: var(--review-panel-width);
+  top: 0;
+  bottom: 0;
+  pointer-events: none;
+}
+
+.review-panel-empty-state-inner {
+  position: sticky;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 100%;
+  padding-left: var(--spacing-06);
+  padding-right: var(--spacing-06);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+
+  p {
+    margin-bottom: 0;
+    text-align: center;
+  }
+}
+
+.review-panel-empty-state-comment-icon {
+  width: 80px;
+  height: 80px;
+  background-color: var(--review-panel-empty-state-bg-color);
+  border-radius: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-bottom: var(--spacing-06);
+
+  .material-symbols {
+    font-size: 32px;
+  }
+}
+
+.review-panel-overview {
+  padding: var(--spacing-02);
+  position: absolute;
+  top: var(--review-panel-header-height);
+  bottom: 59px;
+  width: 100%;
+  overflow: auto;
+  overscroll-behavior-block: none;
+
+  .review-panel-entry {
+    margin-left: 0;
+    width: 100%;
+  }
+}
+
+.review-panel-overfile-divider {
+  border-bottom: 1px solid var(--review-panel-border-color);
+  margin: var(--spacing-01) 0;
+}
+
+.review-panel-overview-file-entries {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-02);
+  overflow: hidden;
+  padding-top: var(--spacing-02);
+  padding-bottom: var(--spacing-03);
+}
+
+.review-panel-footer {
+  position: fixed;
+  height: 60px;
+  bottom: 0;
+  width: var(--review-panel-width);
+  z-index: 2;
+  background-color: var(--review-panel-footer-bg-color);
+  border-top: 1px solid var(--review-panel-border-color);
+  display: flex;
+
+  .review-panel-tab {
+    flex: 0 0 50%;
+    padding: var(--spacing-03) 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--spacing-02);
+    border: 0;
+    border-top: solid 3px transparent;
+    background: none;
+    color: var(--review-panel-color-secondary);
+    font-size: var(--font-size-02);
+
+    &:hover,
+    &:focus {
+      text-decoration: none;
+      color: var(--review-panel-color);
+    }
+
+    &-active {
+      color: var(--review-panel-color);
+      border-top: solid 3px var(--bg-accent-01);
+    }
+  }
+}
+
+.review-panel-add-comment-textarea {
+  padding: var(--spacing-01) var(--spacing-03);
+  resize: vertical;
+  min-height: 44px;
+}
+
+.review-panel-add-comment-buttons {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--spacing-04);
+}
+
+.review-panel-add-comment-cancel-button {
+  background-color: transparent;
+  color: var(--review-panel-color);
+
+  &:hover,
+  &:focus {
+    background-color: var(--review-panel-button-hover-bg-color);
+    color: var(--review-panel-color);
+  }
+}
+
+.review-panel-more-comments-button-container {
+  position: fixed;
+  width: var(--review-panel-width);
+  display: flex;
+  justify-content: center;
+  z-index: 3;
+
+  &.downwards {
+    // TODO: fix this to not use a magic number when we have updated the footer ui
+    top: calc(100% - 102px);
+  }
+
+  &.upwards {
+    top: calc(
+      var(--review-panel-top) + var(--review-panel-header-height) + 16px
+    );
+  }
+}
+
+.review-panel-subview-overview {
+  &.review-panel-container {
+    overflow-y: hidden;
+    position: sticky;
+    top: 0;
+  }
+
+  .review-panel-inner {
+    min-height: auto;
+    height: 100%;
+    overflow: hidden;
+  }
+}
+
+.review-panel-mini {
+  overflow: visible !important;
+
+  .review-panel-inner {
+    width: var(--review-panel-width-mini);
+  }
+
+  .review-panel-entry {
+    margin-left: 0;
+    background-color: transparent;
+    border: none;
+    width: 100%;
+  }
+
+  .review-panel-entry-indicator {
+    position: absolute;
+    left: 0;
+    top: 0;
+    display: flex;
+    color: var(--review-panel-color-secondary);
+    cursor: pointer;
+  }
+
+  .review-panel-entry-content {
+    display: none;
+    background: var(--review-panel-entry-bg-color);
+    border: 1px solid var(--review-panel-border-color);
+    border-radius: var(--border-radius-base);
+    width: 200px;
+    padding: var(--spacing-02);
+  }
+
+  .review-panel-entry-hover {
+    .review-panel-entry-content {
+      display: flex;
+      position: absolute;
+      left: -200px;
+      top: 0;
+      padding: var(--spacing-04);
+    }
+  }
+
+  .review-panel-more-comments-button-container {
+    display: none;
+  }
+
+  .review-panel-footer {
+    display: none;
+  }
+
+  .review-panel-entry:hover,
+  .review-panel-entry-focused,
+  .review-panel-entry-highlighted {
+    box-shadow: none;
+  }
+}
+
+.review-tooltip-menu {
+  display: flex;
+  box-shadow: 0 2px 4px 0 #1e253029;
+  border: none;
+  border-radius: var(--border-radius-base);
+  padding: var(--spacing-02);
+  gap: var(--spacing-02);
+  transition: opacity 0.05s ease-in;
+  opacity: 0;
+}
+
+.review-tooltip-menu-visible {
+  opacity: 1;
+}
+
+.review-tooltip-menu-button {
+  background-color: inherit;
+  color: inherit;
+  border: none;
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-01);
+  padding: var(--spacing-01);
+  border-radius: var(--border-radius-base);
+}
+
+.review-tooltip-add-comment-button {
+  padding: var(--spacing-01) var(--spacing-04);
+}
+
+.review-tooltip-menu-divider {
+  width: 1px;
+  background-color: #e7e9ee;
+}
+
+.review-panel-tooltip {
+  pointer-events: none; // this is to prevent mouseLeave event from firing when hovering over the tooltip
+}
+
+.review-panel-in-editor-widgets {
+  position: sticky;
+  top: 0;
+  right: 0;
+  font-size: 11px;
+  z-index: 2;
+  font-family: $font-family-base;
+
+  .review-panel-in-editor-widgets-inner {
+    position: absolute;
+    top: 0;
+    right: 0;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .review-panel-track-changes-indicator {
+    border: 0;
+  }
+}
+
+.review-panel-track-changes-indicator {
+  display: block;
+  padding: 5px 10px;
+  background-color: rgb(240 240 240 / 90%);
+  color: var(--rp-type-blue);
+  text-align: center;
+  border-bottom-left-radius: 3px;
+  white-space: nowrap;
+
+  &.review-panel-track-changes-indicator-on-dark {
+    background-color: rgb(88 88 88 / 80%);
+    color: #fff;
+
+    &:hover,
+    &:focus {
+      background-color: rgb(88 88 88 / 100%);
+      color: #fff;
+    }
+  }
+
+  &:hover,
+  &:focus {
+    outline: 0;
+    text-decoration: none;
+    background-color: rgb(240 240 240 / 100%);
+    color: var(--rp-type-blue);
+  }
+}
+
+.review-mode-switcher-container {
+  position: sticky;
+  top: 0;
+  right: 0;
+}
+
+.review-mode-switcher {
+  position: absolute;
+  top: var(--spacing-03);
+  right: var(--spacing-03);
+  font-family: var(--font-sans);
+
+  &:hover,
+  &:focus {
+    .review-mode-switcher-toggle-button.editing {
+      background-color: var(--bg-light-tertiary);
+    }
+
+    .review-mode-switcher-toggle-button.reviewing {
+      background-color: var(--yellow-20);
+    }
+
+    .review-mode-switcher-toggle-button.viewing {
+      background-color: var(--blue-20);
+    }
+
+    .review-mode-switcher-toggle-label {
+      display: block;
+    }
+  }
+}
+
+.review-mode-switcher-toggle-button {
+  all: unset;
+  z-index: 2;
+  font-family: $font-family-base;
+  display: flex;
+  align-items: center;
+  border-radius: 14px;
+  font-size: var(--font-size-02);
+  padding: var(--spacing-02) var(--spacing-03);
+  gap: var(--spacing-02);
+  height: 20px;
+
+  .material-symbols {
+    font-size: 16px;
+    font-variation-settings:
+      'FILL' 0,
+      'wght' 400,
+      'GRAD' 0,
+      'opsz' 20;
+  }
+
+  &.editing {
+    background-color: var(--bg-light-secondary);
+    color: var(--content-primary);
+  }
+
+  &.reviewing {
+    background-color: var(--yellow-10);
+    color: var(--yellow-60);
+  }
+
+  &.viewing {
+    background-color: var(--blue-10);
+    color: var(--blue-70);
+  }
+
+  .review-mode-switcher-toggle-label {
+    display: none;
+  }
+
+  &.review-mode-switcher-toggle-button-expanded {
+    .review-mode-switcher-toggle-label {
+      display: block;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/settings.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/settings.scss
new file mode 100644
index 0000000..02ce2cc
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/settings.scss
@@ -0,0 +1,89 @@
+.ide-settings-tab-nav.nav {
+  width: 240px;
+  border-right: var(--bs-modal-header-border-width) solid
+    var(--bs-modal-header-border-color);
+  padding: var(--spacing-02);
+  gap: var(--spacing-02);
+}
+
+.ide-settings-tab-content {
+  max-height: 75%;
+  height: 500px;
+  width: 100%;
+  padding: 0 var(--spacing-06);
+  overflow: auto;
+}
+
+.ide-settings-tab-subtitle {
+  font-size: var(--font-size-04);
+  line-height: var(--line-height-03);
+  padding: var(--spacing-06) var(--spacing-08);
+}
+
+.ide-settings-tab-link {
+  display: flex;
+  align-items: flex-start;
+  flex-direction: row;
+  gap: var(--spacing-02);
+  color: var(--neutral-90);
+  padding: var(--spacing-02);
+  border-radius: var(--border-radius-base);
+  font-size: var(--font-size-02);
+  line-height: var(--line-height-02);
+  text-decoration: none;
+
+  &:visited {
+    color: var(--neutral-90);
+  }
+
+  &.active {
+    color: var(--green-70);
+    background-color: var(--bg-accent-03);
+    font-weight: bold;
+  }
+}
+
+.ide-settings-modal-body {
+  padding: 0;
+}
+
+.ide-settings-section {
+  padding-top: var(--spacing-06);
+  padding-bottom: var(--spacing-05);
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-05);
+}
+
+.ide-settings-section-title {
+  color: var(--content-secondary);
+  font-size: var(--font-size-01);
+  line-height: var(--line-height-01);
+  padding-bottom: var(--spacing-06);
+  border-bottom: 1px solid var(--border-divider);
+}
+
+.ide-setting {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  min-height: 48px;
+}
+
+.ide-dropdown-setting {
+  width: 120px;
+}
+
+.ide-dropdown-setting-wide {
+  width: 160px;
+}
+
+.ide-setting-title {
+  color: var(--content-primary);
+  font-size: var(--font-size-02);
+}
+
+.ide-setting-description {
+  color: var(--content-secondary);
+  font-size: var(--font-size-02);
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/share.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/share.scss
new file mode 100644
index 0000000..a7ce16f
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/share.scss
@@ -0,0 +1,209 @@
+.modal-body-share {
+  h3 {
+    border-bottom: 1px solid var(--neutral-30);
+    padding-bottom: calc(var(--line-height-03) / 4);
+    margin: 0;
+    font-size: var(--font-size-03);
+  }
+
+  .project-member.form-group {
+    margin-bottom: 0;
+  }
+
+  .project-member .remove-button {
+    font-size: inherit;
+    text-decoration: none;
+  }
+
+  .project-invite,
+  .public-access-level {
+    font-size: var(--font-size-02);
+    padding: calc(var(--line-height-03) / 2) 0;
+    border-bottom: 1px solid var(--neutral-30);
+  }
+
+  .public-access-level {
+    margin-top: calc(var(--line-height-03) / 4);
+    font-size: var(--font-size-02);
+    padding-bottom: var(--spacing-07);
+
+    .access-token-display-area {
+      margin-top: calc(var(--line-height-03) / 4);
+
+      .access-token-wrapper {
+        padding-top: calc(var(--line-height-03) / 4);
+
+        .access-token {
+          margin-top: calc(var(--line-height-03) / 4);
+          background-color: var(--neutral-10);
+          border: 1px solid var(--neutral-30);
+          padding: var(--spacing-03) var(--spacing-05);
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+        }
+      }
+    }
+
+    .btn-chevron {
+      padding: 0 calc(var(--line-height-03) / 2);
+      text-decoration: none;
+      color: var(--neutral-70);
+    }
+  }
+
+  .public-access-level.public-access-level-notice {
+    background-color: var(--neutral-10);
+    border-bottom: none;
+    margin-top: var(--spacing-07);
+    padding-top: var(--spacing-07);
+  }
+
+  .project-member,
+  .project-invite {
+    &:hover {
+      background-color: var(--neutral-10);
+    }
+  }
+
+  .project-member {
+    padding: calc(var(--line-height-03) / 2) 0;
+    font-size: var(--font-size-03);
+
+    .select-wrapper {
+      margin-left: auto;
+
+      .select-trigger {
+        color: var(--neutral-70);
+        border: none;
+        background-color: transparent;
+        text-align: right;
+        padding-right: 30px;
+
+        &:focus {
+          box-shadow: none;
+        }
+      }
+
+      .dropdown-menu {
+        li:last-child .dropdown-item {
+          color: var(--bs-danger);
+        }
+      }
+    }
+
+    .project-member-email-icon {
+      display: grid;
+      grid-template-columns: 2em auto;
+      align-items: center;
+      padding-bottom: var(--spacing-03);
+
+      .subtitle {
+        font-size: $font-size-sm;
+      }
+    }
+
+    .project-member-warning {
+      color: var(--content-warning-dark);
+    }
+  }
+
+  .project-member .text-left,
+  .project-invite .text-left {
+    padding-left: var(--spacing-08);
+  }
+
+  .invite-controls {
+    .small {
+      padding: var(--spacing-01);
+      margin-bottom: 0;
+    }
+
+    padding: calc(var(--line-height-03) / 2);
+    background-color: var(--neutral-10);
+    margin-top: calc(var(--line-height-03) / 2);
+
+    form {
+      .form-group {
+        margin-bottom: calc(var(--line-height-03) / 2);
+
+        &:last-child {
+          margin-bottom: 0;
+        }
+      }
+
+      .privileges {
+        display: inline-block;
+        width: auto;
+      }
+
+      .tags-new .privileges {
+        background: transparent;
+        width: auto;
+        height: 30px;
+        font-size: var(--font-size-02);
+        border: none;
+        border-right: 5px solid transparent;
+      }
+    }
+
+    .add-collaborators-upgrade {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      margin-bottom: var(--spacing-08);
+
+      .upgrade-actions {
+        display: flex;
+        gap: var(--spacing-07);
+      }
+    }
+  }
+}
+
+.copy-button:focus-within {
+  outline: none;
+}
+
+.modal-link-share {
+  .invite-controls {
+    padding: 0;
+    background-color: transparent;
+    margin-top: 0;
+  }
+
+  .public-access-level {
+    border: none;
+  }
+
+  .invite-warning {
+    margin-bottom: calc(var(--line-height-03) / 2);
+  }
+
+  .project-member-actions {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    padding: 0;
+  }
+
+  .project-member-select {
+    display: flex;
+    align-items: center;
+
+    .select-wrapper {
+      max-width: 175px;
+    }
+  }
+
+  .add-collaborator-controls {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: var(--spacing-03);
+
+    .select-wrapper {
+      max-width: 130px;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/table-generator-column-width-modal.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/table-generator-column-width-modal.scss
new file mode 100644
index 0000000..48e1c1d
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/table-generator-column-width-modal.scss
@@ -0,0 +1,13 @@
+.table-generator-width-modal {
+  .table-generator-width-label {
+    width: 100%;
+  }
+
+  .table-generator-usepackage-copy {
+    display: flex;
+    justify-content: space-between;
+    padding: var(--spacing-03) var(--spacing-05);
+    background: var(--bg-light-secondary);
+    border: 1px solid var(--border-primary-dark);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/tags-input.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/tags-input.scss
new file mode 100644
index 0000000..5979f4b
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/tags-input.scss
@@ -0,0 +1,68 @@
+.tags-input *,
+.tags-input *::before,
+.tags-input *::after {
+  box-sizing: border-box;
+}
+
+.tags-input label.small {
+  font-weight: normal;
+}
+
+.tags-input .host {
+  position: relative;
+  height: 100%;
+}
+
+.tags-input .host:active,
+.tags-input[disabled] .host:focus {
+  outline: none;
+}
+
+.tags-input .tags {
+  appearance: textfield;
+  overflow: hidden;
+  word-wrap: break-word;
+  cursor: text;
+  background-color: var(--white);
+  height: 100%;
+  display: flex;
+  flex-wrap: wrap;
+
+  .badge-tag {
+    margin: var(--spacing-01);
+
+    .badge-tag-content {
+      max-width: initial;
+
+      .badge-content {
+        white-space: initial;
+        word-break: break-word;
+        text-align: initial;
+      }
+    }
+  }
+}
+
+.tags-input .tags:focus-within {
+  @extend %input-focus-style;
+}
+
+.tags-input .tags .input {
+  border: 0;
+  outline: none;
+  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+
+  &::placeholder {
+    color: $input-placeholder-color;
+  }
+}
+
+.tags-input .tags .input.invalid-tag {
+  color: var(--bs-danger);
+}
+
+.tags-input .tags .input::-ms-clear {
+  display: none;
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/toast.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/toast.scss
new file mode 100644
index 0000000..9c044d1
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/toast.scss
@@ -0,0 +1,26 @@
+.toast-container {
+  pointer-events: none;
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  justify-content: space-between;
+}
+
+.toast-content {
+  pointer-events: auto;
+}
+
+.toast.showing {
+  opacity: 0;
+}
+
+.global-toasts {
+  position: fixed;
+  bottom: 12px;
+  left: 50%;
+  transform: translateX(-50%);
+
+  [role='alert'] {
+    z-index: 20;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/toolbar-redesign.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/toolbar-redesign.scss
new file mode 100644
index 0000000..b207e99
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/toolbar-redesign.scss
@@ -0,0 +1,173 @@
+@use 'sass:math';
+
+:root {
+  --redesign-toolbar-home-button-hover-background: var(--bg-dark-secondary);
+  --redesign-toolbar-border-divider: var(--border-divider-dark);
+  --redesign-toolbar-background: var(--bg-dark-primary);
+  --redesign-toolbar-home-link-color: var(--content-primary-dark);
+  --redesign-toolbar-logo-url: url('../../../../../public/img/ol-brand/overleaf-o-white.svg');
+  --redesign-subdued-button-color: var(--content-primary-dark);
+  --redesign-subdued-button-hover-background: var(--bg-dark-tertiary);
+  --redesign-toolbar-feedback-link-color: var(--link-ui-dark);
+}
+
+@include theme('light') {
+  --redesign-toolbar-home-button-hover-background: var(--neutral-20);
+  --redesign-toolbar-border-divider: var(--border-divider);
+  --redesign-toolbar-background: var(--bg-light-primary);
+  --redesign-toolbar-home-link-color: var(--content-primary);
+  --redesign-toolbar-logo-url: url('../../../../../public/img/ol-brand/overleaf-o-dark.svg');
+  --redesign-subdued-button-color: var(--content-primary);
+  --redesign-subdued-button-hover-background: var(--bg-light-tertiary);
+  --redesign-toolbar-feedback-link-color: var(--link-ui);
+}
+
+.ide-redesign-toolbar {
+  $toolbar-height: 40px;
+  $home-button-size: 32px;
+  $ol-icon-height: 24px;
+  $home-icon-font-size: 24px;
+
+  border-bottom: 1px solid var(--redesign-toolbar-border-divider);
+  background-color: var(--redesign-toolbar-background);
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  box-sizing: border-box;
+  height: $toolbar-height;
+  padding: 0 var(--spacing-02);
+
+  .ide-redesign-toolbar-menu {
+    display: flex;
+    gap: var(--spacing-05);
+  }
+
+  .ide-redesign-toolbar-home-button {
+    width: $home-button-size;
+    height: $home-button-size;
+    margin: math.div($toolbar-height - $home-button-size, 2) 0;
+  }
+
+  .ide-redesign-toolbar-button-subdued {
+    @include ol-button-variant(
+      var(--redesign-subdued-button-color),
+      transparent,
+      transparent,
+      var(--redesign-subdued-button-hover-background),
+      transparent,
+      true
+    );
+
+    text-decoration: none;
+  }
+
+  .ide-redesign-toolbar-home-link {
+    display: flex;
+    height: 100%;
+    width: 100%;
+    justify-content: center;
+    flex-direction: column;
+    text-align: center;
+    border-radius: 100%;
+    color: var(--redesign-toolbar-home-link-color);
+
+    .toolbar-ol-home-button {
+      display: none;
+      font-size: $home-icon-font-size;
+    }
+
+    .toolbar-ol-logo {
+      margin: 0 auto;
+      display: block;
+      width: $ol-icon-height;
+      height: $ol-icon-height;
+      background-image: var(--redesign-toolbar-logo-url);
+      background-position: center;
+      background-repeat: no-repeat;
+      background-size: contain;
+    }
+
+    &:hover {
+      background-color: var(--redesign-toolbar-home-button-hover-background);
+
+      .toolbar-ol-home-button {
+        display: block;
+      }
+
+      .toolbar-ol-logo {
+        display: none;
+      }
+    }
+  }
+
+  .ide-redesign-toolbar-dropdown-toggle-subdued {
+    $height: 28px;
+
+    border: none;
+    border-radius: var(--border-radius-base);
+    padding: var(--spacing-02);
+    height: $height;
+    font-size: var(--font-size-02);
+    line-height: var(--line-height-02);
+    font-weight: 400;
+    box-sizing: border-box;
+    margin: math.div($toolbar-height - $height, 2) 0;
+
+    &.dropdown-toggle::after {
+      display: none;
+    }
+
+    .material-symbols {
+      vertical-align: middle;
+    }
+  }
+}
+
+.ide-redesign-toolbar-menu-bar {
+  display: flex;
+  justify-content: flex-start;
+  height: 100%;
+  gap: var(--spacing-05);
+}
+
+.ide-redesign-toolbar-actions {
+  display: flex;
+  gap: var(--spacing-04);
+  padding-left: var(--spacing-05);
+}
+
+.ide-redesign-toolbar-button-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.ide-redesign-online-users {
+  display: flex;
+}
+
+.ide-redesign-toolbar-editable-project-name {
+  text-align: center;
+  width: 100%;
+  max-width: 400px;
+  margin: var(--spacing-02) 0;
+}
+
+.ide-redesign-toolbar-labs-feedback-link {
+  &,
+  &:hover,
+  &:visited {
+    color: var(--redesign-toolbar-feedback-link-color);
+  }
+}
+
+.ide-redesign-labs-button.btn.btn-info {
+  @include ol-button-variant(
+    var(--content-positive),
+    var(--bg-accent-03),
+    var(--green-40),
+    var(--bg-accent-03),
+    var(--green-40),
+    false
+  );
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/toolbar.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/toolbar.scss
new file mode 100644
index 0000000..0d26e0a
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/toolbar.scss
@@ -0,0 +1,550 @@
+@import '../../abstracts/variables';
+
+:root {
+  --toolbar-border-color: var(--neutral-80);
+  --toolbar-header-bg-color: var(--neutral-90);
+  --toolbar-header-btn-border-color: var(--neutral-80);
+  --toolbar-btn-color: var(--white);
+  --toolbar-btn-hover-bg-color: var(--neutral-80);
+  --toolbar-btn-hover-color: var(--white);
+  --toolbar-btn-active-color: var(--white);
+  --toolbar-btn-active-bg-color: var(--green-50);
+  --toolbar-height: #{$toolbar-height};
+  --toolbar-small-height: #{$toolbar-small-height};
+  --toolbar-alt-bg-color: var(--neutral-80);
+  --formatting-btn-color: var(--white);
+  --formatting-btn-bg: var(--neutral-80);
+  --formatting-btn-border: var(--neutral-70);
+  --project-name-color: var(--neutral-40);
+  --toolbar-filetree-bg-color: var(--neutral-80);
+  --project-rename-link-color: var(--neutral-40);
+  --project-rename-link-color-hover: var(--neutral-20);
+  --editor-header-logo-background: url(../../../../../public/img/ol-brand/overleaf-o-white.svg)
+    center / contain no-repeat;
+  --editor-toolbar-bg: var(--neutral-80);
+  --toolbar-dropdown-divider-color: var(--border-dark-divider);
+}
+
+.ide-redesign-main {
+  --toolbar-alt-bg-color: var(--bg-dark-secondary);
+  --toolbar-btn-color: var(--content-primary-dark);
+  --toolbar-btn-hover-bg-color: var(--neutral-80);
+  --toolbar-btn-hover-color: var(--white);
+  --editor-toolbar-bg: var(--bg-dark-primary);
+  --toolbar-filetree-bg-color: var(--neutral-80);
+
+  .ol-cm-toolbar-portal {
+    display: flex;
+    align-items: center;
+    background-color: var(--editor-toolbar-bg);
+
+    .review-panel-header {
+      align-self: flex-start;
+    }
+  }
+
+  .ol-cm-toolbar-wrapper {
+    flex: 1;
+    width: 100%;
+  }
+
+  .ol-cm-toolbar-wrapper-indented {
+    width: calc(100% - var(--review-panel-width));
+  }
+}
+
+@include theme('light') {
+  --toolbar-border-color: var(--neutral-20);
+  --toolbar-header-bg-color: var(--white);
+  --toolbar-header-btn-border-color: var(--neutral-20);
+  --toolbar-btn-color: var(--neutral-70);
+  --toolbar-btn-hover-bg-color: var(--neutral-10);
+  --toolbar-btn-hover-color: var(--neutral-70);
+  --toolbar-btn-active-bg-color: var(--green-50);
+  --toolbar-alt-bg-color: var(--white);
+  --formatting-btn-color: var(--neutral-70);
+  --formatting-btn-bg: transparent;
+  --formatting-btn-border: var(--neutral-20);
+  --project-name-color: var(--neutral-70);
+  --toolbar-filetree-bg-color: var(--white);
+  --project-rename-link-color: var(--neutral-70);
+  --project-rename-link-color-hover: var(--neutral-70);
+  --editor-header-logo-background: url(../../../../../public/img/ol-brand/overleaf-o.svg)
+    center / contain no-repeat;
+  --editor-toolbar-bg: var(--white);
+  --toolbar-dropdown-divider-color: var(--border-divider);
+
+  .ide-redesign-main {
+    --toolbar-alt-bg-color: var(--bg-light-secondary);
+    --toolbar-btn-color: var(--content-primary);
+    --toolbar-btn-hover-bg-color: var(--neutral-80);
+    --toolbar-btn-hover-color: var(--white);
+    --editor-toolbar-bg: var(--white);
+    --toolbar-filetree-bg-color: var(--white);
+  }
+}
+
+.toolbar {
+  display: flex;
+  align-items: center;
+  height: var(--toolbar-height);
+  border-bottom: 1px solid var(--toolbar-border-color);
+
+  button {
+    position: relative;
+
+    .badge {
+      position: absolute;
+      top: 0;
+      right: 0;
+      pointer-events: none; // Labels were capturing button/anchor clicks.
+
+      .badge-content {
+        padding: 0;
+      }
+    }
+  }
+
+  .toolbar-right,
+  .toolbar-left {
+    button:not(.back-to-editor-btn, .toolbar-experiment-button) {
+      background: transparent;
+      box-shadow: none;
+    }
+  }
+
+  .toolbar-right .back-to-editor-btn {
+    margin-right: var(--spacing-09);
+    display: flex;
+    align-items: center;
+
+    .toolbar-label {
+      margin-bottom: 0;
+    }
+  }
+
+  > a:focus,
+  button:focus {
+    outline: none;
+  }
+
+  > a:not(.btn),
+  > button,
+  .toolbar-left > a:not(.btn),
+  .toolbar-left > button,
+  .toolbar-right > a:not(.btn),
+  .toolbar-right > button:not(.back-to-editor-btn, .toolbar-experiment-button) {
+    display: inline-block;
+    color: var(--toolbar-btn-color);
+    background-color: transparent;
+    padding: var(--spacing-01);
+    line-height: 1;
+    height: 24px;
+    border-radius: var(--border-radius-base);
+
+    &.toolbar-header-back-projects {
+      padding: var(--spacing-02) var(--spacing-04) var(--spacing-02);
+      margin-bottom: var(--spacing-01);
+    }
+
+    &:hover {
+      text-shadow: none;
+      color: var(--toolbar-btn-hover-color);
+      background-color: transparent;
+      text-decoration: none;
+    }
+
+    &.active,
+    &:active {
+      .label {
+        display: none;
+      }
+
+      color: white;
+      background-color: var(--bg-info-01);
+      box-shadow: none;
+
+      &:hover {
+        color: white;
+      }
+    }
+  }
+
+  a.btn-full-height,
+  button.btn-full-height {
+    border: none;
+    border-radius: 0;
+    border-right: 1px solid var(--toolbar-header-btn-border-color);
+    color: var(--toolbar-btn-color);
+    padding: var(--spacing-02) var(--spacing-05) var(--spacing-03);
+    font-size: var(--font-size-05);
+    max-height: 39px;
+
+    &:hover {
+      text-shadow: none;
+      background-color: var(--toolbar-btn-hover-bg-color);
+      color: var(--toolbar-btn-color);
+    }
+
+    &.active,
+    &:active {
+      color: var(--white);
+      background-color: $bg-accent-01;
+      box-shadow: none;
+    }
+
+    .badge {
+      top: var(--spacing-01);
+      right: var(--spacing-02);
+    }
+
+    &.header-cobranding-logo-container {
+      height: calc(var(--toolbar-height) - 1px);
+      padding: var(--spacing-04) var(--spacing-05);
+    }
+
+    .spinner-border {
+      vertical-align: middle;
+      font-size: var(--font-size-02);
+    }
+
+    &.dropdown-toggle {
+      line-height: 1;
+
+      &::after {
+        vertical-align: middle;
+        font-size: var(--font-size-02);
+      }
+    }
+  }
+
+  .toolbar-left {
+    display: flex;
+    align-items: stretch;
+    float: left;
+    text-align: center;
+  }
+
+  .toolbar-right {
+    display: flex;
+    align-items: stretch;
+    flex-grow: 1;
+    justify-content: flex-end;
+
+    a.btn-full-height,
+    button.btn-full-height {
+      border-right: 0;
+      border-left: 1px solid var(--toolbar-header-btn-border-color);
+    }
+  }
+
+  .toolbar-center {
+    text-align: center;
+    text-overflow: ellipsis;
+    overflow: hidden;
+
+    // At small screen sizes, center relative to the left menu and right buttons
+    width: 100%;
+    display: flex;
+    justify-content: center;
+  }
+
+  &.toolbar-header {
+    align-items: stretch;
+    background-color: var(--toolbar-header-bg-color);
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 1;
+  }
+
+  .toolbar-item {
+    display: flex;
+    justify-content: center;
+  }
+
+  .toolbar-cio-tooltip {
+    position: absolute;
+    top: var(--toolbar-height);
+    width: 391px;
+  }
+
+  #toolbar-cio-history {
+    @include media-breakpoint-down(lg) {
+      right: 10px;
+
+      /* The iframe a message renders in isn't aware of the page width, so we
+         make it 1px narrower to enable max-width media queries */
+      width: 390px;
+    }
+  }
+}
+
+.layout-dropdown .dropdown-item {
+  align-items: center;
+}
+
+.header-cobranding-logo {
+  display: block;
+  width: auto;
+  max-height: 100%;
+}
+
+.toolbar-label {
+  display: none;
+  margin: 0 var(--spacing-02);
+  font-size: var(--font-size-02);
+  font-weight: 600;
+  vertical-align: middle;
+  text-align: left;
+
+  @include media-breakpoint-up(lg) {
+    display: inline-block;
+  }
+
+  &.toolbar-label-multiline {
+    line-height: 1.1;
+  }
+}
+
+.toolbar-header-upgrade-prompt {
+  margin-left: var(--spacing-05);
+
+  @include media-breakpoint-down(lg) {
+    display: none !important;
+  }
+}
+
+.toolbar-filetree {
+  @include toolbar-sm-height;
+
+  background-color: var(--toolbar-filetree-bg-color);
+  padding: 0 var(--spacing-03);
+  flex-shrink: 0;
+}
+
+.editor-menu-icon {
+  &.material-symbols {
+    width: 1em;
+    text-indent: -9999px;
+    background: var(--editor-header-logo-background);
+  }
+}
+
+.project-name {
+  .name {
+    display: inline-block;
+
+    @include text-truncate;
+
+    padding: var(--spacing-03);
+    vertical-align: top;
+    color: var(--project-name-color);
+    font-weight: 700;
+  }
+
+  input {
+    height: 30px;
+    margin-top: var(--spacing-02);
+    padding: var(--spacing-03);
+    max-width: 500px;
+    text-align: center;
+    font-weight: 700;
+  }
+
+  a.rename {
+    visibility: hidden;
+    display: inline-block;
+    color: var(--project-rename-link-color);
+    padding: var(--spacing-03);
+    border-radius: var(--border-radius-base);
+    cursor: pointer;
+
+    &:hover {
+      text-shadow: 0 1px 0 rgb(0 0 0 / 25%);
+      color: var(--project-rename-link-color-hover);
+      text-decoration: none;
+    }
+  }
+
+  &:hover {
+    a.rename {
+      visibility: visible;
+    }
+  }
+}
+
+.toolbar-editor {
+  height: var(--toolbar-small-height);
+  background-color: var(--editor-toolbar-bg);
+  padding: 0 5px;
+  overflow: hidden;
+  position: relative;
+  z-index: 10; // Prevent track changes showing over toolbar
+}
+
+/**************************************
+	Toggle Switch
+***************************************/
+
+.toggle-switch {
+  --toggle-switch-height: 26px;
+  --toggle-switch-padding: var(--spacing-01);
+
+  display: inline-flex;
+  align-items: center;
+  height: var(--toggle-switch-height);
+  margin-right: var(--spacing-03);
+  border-radius: var(--border-radius-full);
+  background-color: var(--neutral-20);
+  padding: var(--toggle-switch-padding);
+}
+
+.toggle-switch-label {
+  display: inline-block;
+  float: left;
+  font-weight: normal;
+
+  // It seems we need to set the height explicitly rather than using 100% to get the button to display correctly in Blink
+  height: calc(var(--toggle-switch-height) - 2 * var(--toggle-switch-padding));
+  text-align: center;
+  margin: 0;
+  cursor: pointer;
+  user-select: none;
+  color: var(--content-secondary);
+  border-radius: var(--border-radius-full);
+  transition:
+    color 0.12s ease-out,
+    background-color 0.12s ease-out,
+    box-shadow 0.12s ease-out;
+  overflow: hidden;
+
+  span {
+    display: flex;
+    align-items: center;
+    height: 100%;
+    width: 100%;
+    padding: 0 var(--spacing-08);
+    background-size: 200% 100%;
+    background-position: 0 0;
+    transition: background-position 0.12s ease-out;
+    font-size: var(--font-size-02);
+    font-weight: bold;
+  }
+}
+
+.toggle-switch-input {
+  position: absolute;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.toggle-switch-input:disabled + .toggle-switch-label {
+  cursor: not-allowed;
+}
+
+.toggle-switch-input:checked + .toggle-switch-label {
+  span {
+    background-position: -100% 0;
+  }
+
+  color: var(--white);
+  background-color: var(--bg-accent-01);
+  border-radius: var(--border-radius-full);
+  box-shadow: 0 2px 4px rgb(30 37 48 / 16%);
+}
+
+.toggle-switch-input:checked:nth-child(2) + .toggle-switch-label {
+  span {
+    background-position: 100% 0;
+  }
+}
+
+.editor-toggle-switch {
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+
+  .toggle-switch {
+    margin-left: var(--spacing-03);
+  }
+
+  .toggle-switch-label span {
+    background: none;
+    transition: background 0.12s ease-out;
+  }
+
+  .toggle-switch-label:first-of-type span {
+    padding-left: var(--spacing-04);
+  }
+
+  .toggle-switch-label:last-of-type span {
+    padding-right: var(--spacing-04);
+    border-right: none;
+  }
+}
+
+/**************************************
+	Formatting buttons
+***************************************/
+.formatting-btn {
+  color: var(--formatting-btn-color);
+  background-color: var(--formatting-btn-bg);
+  padding: 0;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: none;
+  border: none;
+  border-left: 1px solid var(--formatting-btn-border);
+  border-radius: 0;
+
+  &:hover {
+    color: var(--formatting-btn-color);
+  }
+
+  &.active {
+    color: var(--white);
+    background-color: var(--toolbar-btn-active-bg-color);
+    box-shadow: none;
+
+    &:focus {
+      color: var(--toolbar-btn-active-color);
+
+      &:not(:focus-visible) {
+        outline: none;
+      }
+    }
+  }
+
+  &:focus {
+    color: var(--formatting-btn-color);
+  }
+}
+
+.formatting-btn-icon {
+  min-width: 32px;
+  width: 32px;
+}
+
+.formatting-btn-icon:last-of-type {
+  border-right: 1px solid var(--formatting-btn-border);
+}
+
+.toolbar-experiment-button.btn.btn-info {
+  @include ol-button-variant(
+    var(--content-positive),
+    var(--bg-accent-03),
+    var(--green-40),
+    var(--bg-accent-03),
+    var(--green-40),
+    false
+  );
+
+  max-height: 39px;
+  font-size: var(--font-size-01);
+  line-height: var(--line-height-01);
+  margin-right: var(--spacing-04);
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/editor/write-and-cite.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/write-and-cite.scss
new file mode 100644
index 0000000..c57e927
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/editor/write-and-cite.scss
@@ -0,0 +1,24 @@
+.btn.reference-manager-search-group-dropdown-toggle {
+  font-weight: normal;
+  text-align: left;
+  display: flex;
+  justify-content: space-between;
+  border-radius: var(--border-radius-base);
+  cursor: default !important;
+  background-color: inherit;
+
+  &::after {
+    display: none;
+  }
+
+  &:hover,
+  &:active {
+    background-color: inherit !important;
+  }
+}
+
+.reference-manager-search-group-dropdown-icon {
+  .material-symbols {
+    vertical-align: middle;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/group-settings.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/group-settings.scss
new file mode 100644
index 0000000..ea0d060
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/group-settings.scss
@@ -0,0 +1,320 @@
+.enrollment-invite {
+  .title {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: var(--font-size-05);
+    font-weight: bold;
+  }
+
+  .inner-card {
+    background-color: var(--neutral-10);
+    padding: var(--spacing-06);
+
+    &.warning {
+      background-color: var(--yellow-10);
+    }
+  }
+
+  .list-row {
+    border: 0;
+    display: flex;
+    flex-direction: row;
+    gap: var(--spacing-05);
+
+    .icon {
+      margin-top: var(--spacing-01);
+    }
+  }
+
+  .icon.error {
+    color: var(--yellow-50);
+  }
+}
+
+.managed-users-enabled {
+  color: var(--content-positive);
+
+  .icon {
+    vertical-align: text-bottom;
+  }
+}
+
+h3.group-settings-title {
+  margin-bottom: var(--spacing-03);
+
+  @include heading-sm;
+}
+
+h4.group-settings-title {
+  margin-bottom: 0;
+  font-size: var(--font-size-03);
+  line-height: var(--line-height-04);
+}
+
+h3.group-settings-title,
+h4.group-settings-title {
+  font-weight: bold;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-top: 0;
+}
+
+.group-settings-sso {
+  .group-settings-sso-row {
+    margin-top: var(--spacing-07);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .group-settings-sso-action-col {
+      margin-left: var(--spacing-06);
+    }
+  }
+}
+
+.below-settings-section {
+  border-top: 1px solid var(--border-disabled);
+  padding-top: var(--spacing-08);
+  margin-top: var(--spacing-08);
+}
+
+.sso-config-info {
+  padding: var(--spacing-05) 0;
+  border-radius: var(--border-radius-base);
+
+  .sso-config-info-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: var(--spacing-03);
+    padding: 0 var(--spacing-06) var(--spacing-06) var(--spacing-06);
+    border-bottom: 1px solid var(--border-disabled);
+    margin-bottom: var(--spacing-06);
+    flex-wrap: wrap;
+
+    .badge {
+      max-width: none;
+    }
+  }
+
+  .sso-config-options-buttons {
+    display: flex;
+    gap: var(--spacing-04);
+  }
+
+  .sso-config-info-section {
+    margin-bottom: var(--spacing-07);
+    padding: 0 var(--spacing-06);
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .sso-config-info-label {
+    font-size: var(--font-size-02);
+    font-weight: bold;
+
+    .certificate-status {
+      font-weight: normal;
+
+      .material-symbols {
+        vertical-align: top;
+      }
+
+      &.certificate-valid {
+        color: var(--content-positive);
+      }
+
+      &.certificate-expiring-soon {
+        color: var(--content-warning);
+      }
+
+      &.certificate-expired {
+        color: var(--content-danger);
+      }
+    }
+  }
+
+  .sso-config-info-label-optional {
+    font-weight: normal;
+  }
+
+  .sso-config-info-content {
+    color: var(--content-primary);
+    word-break: break-word;
+  }
+
+  .sso-config-info-content-empty {
+    color: var(--neutral-60);
+  }
+
+  p {
+    margin-bottom: var(--spacing-03);
+  }
+}
+
+.sso-config-modal-content {
+  .sso-config-interstitial-title {
+    font-size: var(--font-size-05);
+    font-weight: bold;
+    text-align: center;
+  }
+
+  .sso-config-modal-icon-wrapper {
+    text-align: center;
+    margin-top: var(--spacing-04);
+
+    .sso-config-interstitial-icon,
+    .sso-config-test-result-icon,
+    .sso-config-test-error-icon {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      width: 80px;
+      height: 80px;
+      font-size: var(--font-size-08);
+      border-radius: 50%;
+      gap: var(--spacing-04);
+    }
+
+    .sso-config-interstitial-icon {
+      background-color: var(--bg-light-secondary);
+    }
+
+    .sso-config-test-result-icon {
+      background-color: var(--bg-accent-03);
+      color: var(--content-positive);
+    }
+
+    .sso-config-test-error-icon {
+      background-color: var(--bg-danger-03);
+      color: var(--content-danger);
+    }
+  }
+
+  .payload-content {
+    padding: var(
+      --spacing-06
+    ); // vertical padding added by elements within notification
+
+    width: 100%;
+    border-radius: $border-radius-base;
+    color: var(--content-primary);
+    border: 1px solid var(--border-disabled);
+
+    .saml-response-xml-wrapper {
+      margin-top: var(--spacing-06);
+      overflow: hidden;
+      background-color: var(--bg-light-secondary);
+      border-radius: var(--border-radius-base);
+
+      .saml-response-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        font-size: var(--font-size-03);
+        line-height: 56px;
+        font-weight: bold;
+        padding: 0 var(--spacing-06);
+        border-bottom: 1px solid var(--border-disabled);
+      }
+
+      .saml-response-footer {
+        text-align: center;
+        line-height: 56px;
+        position: sticky;
+        bottom: 0;
+        background: linear-gradient(
+          360deg,
+          $neutral-10 0%,
+          rgb(244 245 246 / 0%) 835.48%
+        );
+      }
+
+      .saml-response-xml {
+        @include font-mono;
+
+        white-space: pre-wrap;
+        font-size: var(--font-size-02);
+        word-break: break-word;
+        padding: var(--spacing-06) var(--spacing-06) 0 var(--spacing-06);
+        height: 100px;
+        min-height: 100px;
+
+        &.view-more {
+          height: auto;
+        }
+      }
+
+      .expand-viewer {
+        .material-symbols {
+          font-size: 24px;
+        }
+      }
+    }
+
+    .payload-content-user-info-item {
+      margin-bottom: var(--spacing-03);
+      display: inline-block;
+      width: 100%;
+      overflow-wrap: break-word;
+    }
+  }
+}
+
+.certificate-wrapper {
+  .certificate-delete {
+    vertical-align: middle;
+  }
+
+  .view-more {
+    vertical-align: middle;
+    padding: 0;
+  }
+}
+
+.certificate-truncated {
+  display: flex;
+  align-items: center;
+
+  .view-more {
+    flex-grow: 0;
+    flex-shrink: 0;
+    margin-left: var(--spacing-06);
+  }
+
+  .certificate {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    display: inline-block;
+    flex-grow: 4;
+  }
+}
+
+.certificate {
+  font-family: Courier, monospace;
+}
+
+.certificate-delete {
+  text-decoration: none;
+}
+
+.certificate-full .certificate {
+  word-break: break-all;
+  display: block;
+}
+
+.certificate-form-row {
+  display: flex;
+
+  .certificate-input {
+    flex-grow: 11;
+  }
+
+  .certificate-delete {
+    flex-grow: 1;
+    flex-shrink: 0;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/homepage.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/homepage.scss
new file mode 100644
index 0000000..f6b30f1
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/homepage.scss
@@ -0,0 +1,329 @@
+.homepage-container {
+  padding-top: $header-height;
+
+  .home-animation-text-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    .home-begin-text {
+      font-weight: 400;
+      display: flex;
+      color: #5f5ff0;
+      font-size: 4rem;
+      line-height: 1.25;
+      font-family: 'DM Mono', monospace;
+      align-self: flex-start;
+      width: 100%;
+      margin-top: 0;
+
+      @include media-breakpoint-down(lg) {
+        text-align: center;
+        flex-direction: column;
+        align-items: center;
+        font-size: 2.25rem;
+      }
+    }
+
+    .home-parenthesis-text {
+      color: #bbdbb8;
+      font-size: 4rem;
+      line-height: 1.25;
+      display: inherit;
+
+      span {
+        /* specifity workaround, otherwise .website-redesign span would take precedence */
+        font-family: 'DM Mono', monospace;
+      }
+
+      #home-animation-text {
+        color: var(--neutral-70);
+      }
+
+      @include media-breakpoint-down(lg) {
+        font-size: 2.25rem;
+      }
+    }
+  }
+
+  .home-top-text {
+    @include heading-sm;
+
+    text-align: center;
+    font-weight: 400;
+
+    @include media-breakpoint-down(lg) {
+      @include heading-xs;
+
+      padding: 0 var(--spacing-16);
+    }
+
+    @include media-breakpoint-down(md) {
+      padding: 0 var(--spacing-07);
+    }
+
+    // force different line for desktop on both text
+    > span:first-of-type {
+      display: block;
+
+      @include media-breakpoint-down(lg) {
+        display: inline;
+      }
+    }
+
+    // need to have an extra space only for mobile
+    // since on mobile all the text are inline
+    .dash-text {
+      @include media-breakpoint-down(lg) {
+        &::after {
+          content: ' ';
+        }
+      }
+    }
+  }
+
+  .home-registration {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-top: var(--spacing-07);
+
+    .home-registration-sso {
+      display: flex;
+      gap: 16px;
+
+      .btn {
+        width: 100%;
+      }
+
+      @include media-breakpoint-down(md) {
+        flex-direction: column;
+        width: 100%;
+      }
+    }
+
+    .home-registration-separator {
+      margin: var(--spacing-04) 0;
+      color: var(--neutral-90);
+
+      > span {
+        vertical-align: middle;
+
+        &::before,
+        &::after {
+          content: '';
+          display: inline-block;
+          vertical-align: middle;
+          width: 196px;
+          height: 1px;
+          background-color: var(--neutral-20);
+
+          @include media-breakpoint-down(lg) {
+            flex-direction: column;
+            width: 156px;
+          }
+        }
+
+        &::before {
+          margin-right: var(--spacing-07);
+
+          @include media-breakpoint-down(lg) {
+            margin-right: var(--spacing-03);
+          }
+        }
+
+        &::after {
+          margin-left: var(--spacing-07);
+
+          @include media-breakpoint-down(lg) {
+            margin-left: var(--spacing-03);
+          }
+        }
+      }
+    }
+
+    .home-registration-password {
+      display: flex;
+      flex-direction: column;
+
+      .home-registration-password-input {
+        display: flex;
+        flex-direction: row;
+        gap: var(--spacing-06);
+        margin-bottom: 0;
+      }
+
+      input {
+        flex: 1;
+      }
+    }
+
+    .home-registration-sign-up {
+      display: block;
+      margin-top: var(--spacing-06);
+      width: 100%;
+      margin-bottom: 0;
+
+      > button {
+        width: 100%;
+      }
+    }
+
+    .tos-agreement-notice {
+      font-size: 0.75rem;
+    }
+  }
+
+  .editor-pdf-video {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 585px;
+    padding: 0 var(--spacing-06);
+
+    @include media-breakpoint-down(lg) {
+      height: auto;
+    }
+
+    video {
+      box-shadow: 0 60px 25px -15px rgb(16 24 40 / 20%);
+      max-height: 100%;
+      width: auto;
+      padding: 0;
+
+      @include media-breakpoint-down(lg) {
+        width: 100%;
+      }
+    }
+  }
+
+  .home-millions-user-text {
+    @include heading-sm;
+
+    text-align: center;
+
+    @include media-breakpoint-down(lg) {
+      @include body-base;
+    }
+  }
+
+  .organization-logos-container {
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+
+    @include media-breakpoint-down(lg) {
+      flex-wrap: wrap;
+      gap: var(--spacing-09);
+    }
+
+    .organization-logo {
+      object-fit: contain;
+      max-height: 62px;
+
+      &.samsung-logo {
+        max-height: 110px;
+        height: 110px;
+      }
+
+      @include media-breakpoint-down(lg) {
+        max-height: 40px;
+        flex-basis: 34%;
+      }
+    }
+  }
+
+  .header-description {
+    @include heading-sm;
+
+    p {
+      margin-bottom: 0;
+    }
+  }
+
+  #home-features-arrow-green {
+    position: absolute;
+    left: 154px;
+    top: -98px;
+
+    @include media-breakpoint-down(lg) {
+      height: 100px;
+      left: 120px;
+      top: -60px;
+    }
+  }
+
+  #home-rocket-yellow {
+    position: absolute;
+    right: 30px;
+    bottom: 0;
+
+    @include media-breakpoint-down(xl) {
+      height: 100px;
+      right: 30px;
+      bottom: -84px;
+    }
+
+    @include media-breakpoint-down(lg) {
+      height: 70px;
+      right: 0;
+      bottom: unset;
+      top: -59px;
+    }
+  }
+
+  .template-card {
+    > img.img-responsive {
+      width: 100%;
+      border-radius: var(--border-radius-medium);
+    }
+
+    .template-card-title {
+      @include heading-md;
+
+      margin-top: var(--spacing-06);
+      margin-bottom: var(--spacing-04);
+
+      i.material-symbols {
+        vertical-align: middle;
+        text-decoration: none;
+      }
+    }
+
+    &:not(:last-of-type) {
+      @include media-breakpoint-down(lg) {
+        margin-bottom: var(--spacing-10);
+      }
+    }
+  }
+
+  .plans-card {
+    min-height: 348px;
+    height: 100%;
+
+    .card-body {
+      display: flex;
+      flex-direction: column;
+    }
+
+    .card-title {
+      @include heading-sm;
+
+      padding: 0;
+    }
+
+    .plans-card-footer {
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-05);
+      margin-top: auto;
+    }
+  }
+
+  .customer-story-card-title {
+    @include heading-md;
+
+    margin-top: var(--spacing-08);
+    margin-bottom: var(--spacing-05);
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/login-register.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/login-register.scss
new file mode 100644
index 0000000..25d3a42
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/login-register.scss
@@ -0,0 +1,57 @@
+.login-register-or-text-container {
+  padding: var(--spacing-08) 0 var(--spacing-05) 0;
+  margin: 0;
+  line-height: 1;
+  position: relative;
+  font-size: var(--font-size-02);
+
+  &::before {
+    content: '';
+    position: absolute;
+    height: 1px;
+    background-color: var(--neutral-20);
+    left: 0;
+    right: 0;
+    top: calc(var(--spacing-08) + var(--spacing-08) / 4);
+  }
+
+  .login-register-or-text {
+    position: relative;
+    background-color: #fff;
+    padding: 0 var(--spacing-05);
+  }
+}
+
+.login-register-error-container {
+  padding-bottom: var(--spacing-05);
+  text-align: left;
+}
+
+.form-group-password {
+  display: flex;
+  position: relative;
+  flex-direction: column;
+
+  .form-group-password-input {
+    input.form-control {
+      padding-right: 35px;
+    }
+  }
+
+  .visibility-toggle {
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 35px; // TODO: Should this be calculated ?
+    height: 35px; // TODO: Should this be calculated ?
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: unset;
+    background-color: unset;
+
+    #visibility-icon-off {
+      margin-top: 2px; // workaround for the icon not having the same center as the non-slashed one
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/login.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/login.scss
new file mode 100644
index 0000000..9d8294b
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/login.scss
@@ -0,0 +1,44 @@
+.login-container {
+  max-width: 320px;
+  margin: 0 auto;
+  padding-top: var(--spacing-11);
+  text-align: center;
+  padding-bottom: 125px; // to prevent cookie banner from covering the bottom text of the page on mobile
+
+  h1 {
+    margin-bottom: 0;
+
+    @include heading-sm;
+  }
+
+  form {
+    padding-top: var(--spacing-08);
+
+    input {
+      height: 35px;
+    }
+  }
+
+  .login-other-link {
+    padding: var(--spacing-08) 0;
+
+    p {
+      margin-bottom: 0;
+    }
+
+    .login-text {
+      padding-bottom: 0;
+    }
+  }
+
+  .login-text {
+    padding-bottom: var(--spacing-08);
+    margin-bottom: 0;
+
+    @include body-sm;
+  }
+
+  .recaptcha-branding {
+    @include body-xs;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/onboarding-confirm-email.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/onboarding-confirm-email.scss
new file mode 100644
index 0000000..723b2a6
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/onboarding-confirm-email.scss
@@ -0,0 +1,27 @@
+#onboarding-confirm-email {
+  .confirm-email-form .confirm-email-form-inner {
+    margin: auto;
+    max-width: 480px;
+
+    .notification {
+      margin-bottom: var(--spacing-05);
+    }
+
+    .text-danger {
+      display: flex;
+      gap: var(--spacing-03);
+      padding: var(--spacing-02);
+    }
+
+    .form-label {
+      font-weight: normal;
+    }
+
+    .form-actions {
+      margin-top: var(--spacing-07);
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-05);
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/onboarding.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/onboarding.scss
new file mode 100644
index 0000000..616f6e4
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/onboarding.scss
@@ -0,0 +1,126 @@
+.onboarding-data-collection-wrapper {
+  max-width: 730px;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+
+  .d-block,
+  .select-wrapper {
+    label {
+      font-size: 14px; // override DownshiftInput and Select component label size
+    }
+
+    .select-items {
+      max-height: 150px;
+    }
+
+    .select-trigger {
+      border: 1px solid var(--neutral-60);
+      color: var(--neutral-60);
+    }
+  }
+
+  p {
+    font-size: 16px;
+    margin-bottom: var(--spacing-06);
+  }
+
+  .logo {
+    width: 130px;
+    margin: 0 auto;
+  }
+
+  form {
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-08);
+
+    .group-horizontal {
+      display: flex;
+      justify-content: stretch;
+      gap: var(--spacing-08);
+
+      @include media-breakpoint-down(md) {
+        flex-direction: column;
+        gap: 0;
+      }
+
+      .form-group {
+        flex-grow: 1;
+      }
+    }
+
+    .form-actions {
+      display: flex;
+      justify-content: space-between;
+
+      > div {
+        display: flex;
+        align-items: center;
+        gap: var(--spacing-04);
+      }
+    }
+  }
+}
+
+.onboarding-data-collection-form {
+  background: var(--bg-light-primary);
+  padding: var(--spacing-08);
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-08);
+}
+
+.onboarding-question-title {
+  font-size: 20px;
+  border-bottom: none;
+  margin-bottom: var(--spacing-08);
+}
+
+.onboarding-step-2 {
+  .form-check {
+    margin: 0;
+
+    p {
+      margin-bottom: 0;
+    }
+
+    label {
+      display: flex;
+      align-items: center;
+      gap: var(--spacing-04);
+
+      input {
+        margin-right: var(--spacing-02);
+      }
+    }
+  }
+}
+
+.onboarding-collapse-button {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  color: var(--blue-50);
+  user-select: none;
+}
+
+.onboarding-collapse-button,
+.onboarding-privacy-extended {
+  @include media-breakpoint-down(md) {
+    padding: 0 var(--spacing-08);
+  }
+}
+
+.onboarding-data-collection-form-margin {
+  @include media-breakpoint-down(md) {
+    margin-bottom: 100px;
+  }
+}
+
+.compromised-password-content {
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacing-05);
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/plans.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/plans.scss
new file mode 100644
index 0000000..a25edb0
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/plans.scss
@@ -0,0 +1,1254 @@
+@use 'sass:math';
+
+$container-plans-responsive-width: 95%;
+$container-xl: 1280px;
+$z-index-plans-new-tabs-content: 0;
+$z-index-plans-new-tabs: 1;
+$border-radius-full-new: 9999px;
+$highlighted-heading-line-height: 24px; // this is ported directly from the .less file as value
+$highlighted-heading-padding-vertical: $spacing-02;
+$highlighted-heading-height: (
+  $highlighted-heading-line-height + (2 * $highlighted-heading-padding-vertical)
+);
+$switcher-container-margin-bottom: $highlighted-heading-height + $spacing-10;
+$table-4-column-width: 25%;
+$table-5-column-width: 20%;
+$nondiscounted-price-element-height: var(--line-height-02);
+$group-member-picker-height: 24px;
+$group-member-picker-top-height: 36px;
+$z-index-group-member-picker-list: 1;
+
+.plans-new-design {
+  --border-width-base: 3px; // TODO: put this variable in a decent location
+  --border-radius-large-new: 16px; // TODO: put this variable in a decent location
+
+  padding-top: $header-height;
+
+  .container {
+    padding: 0 var(--spacing-06);
+
+    @include media-breakpoint-up(md) {
+      width: $container-plans-responsive-width;
+    }
+
+    @include media-breakpoint-up(xxl) {
+      width: $container-xl;
+    }
+
+    .geo-banner-container {
+      margin-top: var(--spacing-08);
+    }
+
+    .plans-new-design-content-spacing {
+      margin-top: var(--spacing-16);
+    }
+
+    .interstitial-new-design-content-spacing {
+      margin-top: var(--spacing-13);
+    }
+  }
+
+  .main-heading-section {
+    text-align: center;
+    max-width: 885px;
+    margin-left: auto;
+    margin-right: auto;
+
+    @include media-breakpoint-down(md) {
+      text-align: left;
+      padding: 0 16px;
+    }
+
+    .plans-page-heading {
+      margin-top: 8px;
+      margin-bottom: unset;
+      font-size: 3rem;
+      font-weight: 600;
+      line-height: 64px;
+
+      @include media-breakpoint-down(md) {
+        font-size: 2.25rem;
+        line-height: 48px;
+        padding-right: 5rem;
+      }
+    }
+
+    .plans-page-sub-heading {
+      font-size: 1.125rem;
+      line-height: 24px;
+      margin-top: 16px;
+      margin-bottom: unset;
+    }
+  }
+
+  .plans-new-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    position: relative;
+
+    @include media-breakpoint-up(md) {
+      border-left: 1px solid var(--border-divider);
+      border-right: 1px solid var(--border-divider);
+      border-bottom: 1px solid var(--border-divider);
+      border-radius: 8px;
+    }
+
+    // this is the border between the tabs and the content, specifically on the left and right side
+    // this is necessary to enable top border radius on the plans-new-content
+    &::before {
+      content: '';
+      display: block;
+      z-index: $z-index-plans-new-tabs-content;
+      position: absolute;
+      top: -1px; // make border overlap with the border on .plans-new-tabs
+      width: 100%;
+      height: 20px; // arbitrary height since it's transparent, make sure that it's bigger than border radius
+      background: transparent;
+      border-top: 1px solid var(--border-divider);
+
+      @include media-breakpoint-up(md) {
+        border-top-left-radius: 8px;
+        border-top-right-radius: 8px;
+      }
+    }
+  }
+
+  .plans-new-tabs-container {
+    z-index: $z-index-plans-new-tabs;
+    margin-top: var(--spacing-16);
+
+    // explicit padding to tell that the bottom left and bottom right
+    // does not have bottom border defined in .plans-new-tabs
+    // technically unnecessary because padding is already defined in bootstrap column
+    padding: 0 16px;
+  }
+
+  .plans-new-tabs {
+    display: flex;
+    justify-content: center;
+    gap: 8px;
+    border-bottom: 1px solid var(--border-divider);
+
+    .plans-new-tab {
+      cursor: pointer;
+      font-size: 16px;
+      font-weight: 600;
+      border-top-right-radius: 8px;
+      border-top-left-radius: 8px;
+      margin-bottom: -1px; // to overlap with the border on .plans-new-tabs to avoid double border
+
+      .plans-new-tab-link {
+        display: flex;
+        align-items: center;
+        color: var(--content-secondary);
+        margin: 0;
+        border-top-right-radius: 8px;
+        border-top-left-radius: 8px;
+        /* stylelint-disable-next-line declaration-block-no-duplicate-properties */
+        border: 1px solid var(--border-divider);
+        padding: var(--spacing-05) var(--spacing-08);
+        gap: var(--spacing-04);
+        text-decoration: unset;
+
+        &:focus {
+          background-color: unset;
+          outline: 0;
+        }
+
+        &:hover {
+          background-color: var(--neutral-20);
+        }
+
+        // TODO: this is copied directly from the `.less` file, migrate this to scss
+        // tab navigation focus style
+        // &:focus-visible {
+        //   .box-shadow-button-input();
+        //   outline: 0;
+        // }
+
+        .group-discount-bubble {
+          padding: var(--spacing-01) var(--spacing-04);
+          background-color: var(--green-10);
+          color: var(--green-50);
+          border-radius: $border-radius-full-new; // TODO: this is ported direction as a scss variable, change this to a css variable
+          font-family: 'DM Mono', monospace;
+          font-feature-settings: 'ss05';
+          font-size: var(--font-size-01);
+          line-height: var(--line-height-01);
+          font-weight: 500;
+
+          @include media-breakpoint-down(md) {
+            display: none;
+          }
+        }
+
+        @include media-breakpoint-down(md) {
+          font-size: var(--font-size-02);
+          line-height: var(--line-height-02);
+          padding: var(--spacing-05);
+          gap: var(--spacing-02);
+        }
+      }
+
+      &:has(.active) {
+        .plans-new-tab-link {
+          border: 1px solid white;
+          position: relative;
+          color: var(--green-50);
+
+          // remove the border on tab focus
+          &:focus-visible {
+            &::before {
+              content: unset;
+            }
+          }
+
+          &::before {
+            content: '';
+            position: absolute;
+            background: border-box
+              linear-gradient(
+                to bottom,
+                $green-50 0%,
+                $neutral-20 85%,
+                $neutral-20 100%
+              );
+            /* stylelint-disable-next-line property-no-vendor-prefix */
+            -webkit-mask:
+              linear-gradient(white 0 0) padding-box,
+              linear-gradient(white 0 0);
+            mask:
+              linear-gradient(white 0 0) padding-box,
+              linear-gradient(white 0 0);
+            /* stylelint-disable-next-line property-no-vendor-prefix */
+            -webkit-mask-composite: xor;
+            mask-composite: exclude;
+            border-top-right-radius: 8px;
+            border-top-left-radius: 8px;
+            border: 1px solid transparent;
+            border-bottom: 1px solid white;
+
+            // make the border overlap with the .plans-new-tab-link border
+            top: 0;
+            bottom: -2px;
+            left: -1px;
+            /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
+            right: -1px;
+          }
+
+          &:hover {
+            background-color: unset;
+          }
+        }
+
+        .plans-new-discount-badge {
+          background-color: var(--green-10);
+          color: var(--green-60);
+        }
+      }
+    }
+  }
+
+  .plans-new-period-switcher-container {
+    position: relative;
+    display: inline-flex;
+    background-color: var(--bg-light-secondary);
+    border-radius: $border-radius-full-new; // TODO: this is ported direction as a scss variable, change this to a css variable
+    padding: var(--spacing-03);
+    margin-top: var(--spacing-09);
+    margin-bottom: $switcher-container-margin-bottom;
+    gap: var(--spacing-04);
+
+    @include media-breakpoint-down(md) {
+      margin-bottom: var(--spacing-09);
+    }
+
+    label {
+      display: inline-flex;
+      align-items: center;
+      margin: 0;
+      font-size: var(--font-size-05);
+      font-weight: 600;
+      line-height: var(--line-height-04);
+      text-align: center;
+      padding: var(--spacing-01) var(--spacing-04);
+      border-radius: $border-radius-full-new; // TODO: this is ported direction as a scss variable, change this to a css variable
+
+      &:hover {
+        background-color: var(--neutral-20);
+        cursor: pointer;
+      }
+    }
+
+    input[type='radio'] {
+      position: absolute;
+      left: -9999px;
+
+      &:focus,
+      &:focus-visible {
+        outline: 0;
+      }
+    }
+
+    // TODO: this is copied directly from the `.less` file, migrate this to scss
+    // input[type='radio']:focus-visible + label,
+    // input[type='radio']:checked:focus-visible + label {
+    //   .box-shadow-button-input();
+    // }
+
+    input[type='radio']:checked + label {
+      background-color: var(--green-50);
+      color: white;
+      /* stylelint-disable-next-line length-zero-no-unit, color-function-notation, alpha-value-notation */
+      box-shadow: 0px 2px 4px 0px rgba(30, 37, 48, 0.16);
+
+      .plans-new-discount-badge {
+        background-color: var(--green-10);
+        color: var(--green-60);
+      }
+    }
+
+    .plans-new-discount-badge {
+      margin-left: var(--spacing-03);
+    }
+  }
+
+  .plans-new-discount-badge {
+    font-size: var(--font-size-01);
+    font-family: 'DM Mono', monospace;
+    padding: 2px 8px;
+    height: 20px;
+    border-radius: 10px;
+    background-color: var(--neutral-70);
+    color: white;
+    display: flex;
+    align-items: center;
+    font-weight: 500;
+    line-height: var(--line-height-01);
+  }
+
+  .plans-new-tab-content {
+    width: 100%;
+    border: none;
+    padding-top: 0;
+
+    @include media-breakpoint-down(md) {
+      padding: 0;
+    }
+  }
+
+  .plans-new-mobile {
+    display: none;
+
+    @include media-breakpoint-down(md) {
+      display: block;
+    }
+  }
+
+  .plans-new-desktop {
+    display: block;
+
+    @include media-breakpoint-down(md) {
+      display: none;
+    }
+  }
+
+  .plans-new-table {
+    width: 100%;
+
+    // keep the borders separate to help with spacing and alignment in the CTAs
+    border-collapse: separate;
+    border-spacing: 0;
+
+    th,
+    td {
+      width: $table-4-column-width;
+    }
+  }
+
+  .plans-new-table-student {
+    margin-left: math.div($table-4-column-width, 2);
+  }
+
+  .plans-new-table-student-verification {
+    font-weight: 600;
+    font-size: var(--font-size-01);
+    text-align: center;
+  }
+
+  .plans-new-table-group {
+    margin-top: $spacing-11 + $highlighted-heading-height;
+  }
+
+  thead th {
+    position: relative;
+    padding: var(--spacing-06) var(--spacing-08) var(--spacing-04)
+      var(--spacing-08);
+    font-size: var(--font-size-05);
+    font-weight: 600;
+    line-height: var(--line-height-04);
+    color: var(--content-primary);
+    text-align: center;
+
+    @include media-breakpoint-down(md) {
+      padding: var(--spacing-05) var(--spacing-05) 0 var(--spacing-05);
+    }
+  }
+
+  .plans-new-table-subheader {
+    vertical-align: top;
+    padding: 0 var(--spacing-08);
+
+    @include media-breakpoint-down(xl) {
+      padding: 0 var(--spacing-05);
+    }
+
+    &.plans-new-table-icon-cta-cell,
+    &.plans-subheader-monthly-cta-swapped {
+      vertical-align: bottom;
+    }
+  }
+
+  .plans-new-table-cta-row {
+    td {
+      padding-bottom: var(--spacing-06);
+
+      @include media-breakpoint-down(xl) {
+        padding-bottom: var(--spacing-05);
+      }
+
+      // use transparent borders to use the same spacing as highlighted cells
+      &:not(.plans-new-table-highlighted-cell) {
+        border-right: var(--border-width-base) solid transparent;
+        border-left: var(--border-width-base) solid transparent;
+      }
+    }
+
+    .plans-cta + .plans-cta {
+      margin-top: var(--spacing-04);
+    }
+  }
+
+  .plans-new-table-header-grid-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
+    s,
+    .match-original-price-height {
+      font-size: var(--font-size-02);
+      line-height: $nondiscounted-price-element-height;
+      color: var(--neutral-60);
+      font-weight: 600;
+    }
+
+    .plans-new-table-header-price {
+      font-size: var(--font-size-08);
+      font-weight: 600;
+      line-height: var(--line-height-07);
+      color: var(--content-primary);
+    }
+
+    .plans-new-table-header-price-unit {
+      font-size: var(--font-size-02);
+      line-height: var(--line-height-02);
+      text-align: center;
+    }
+
+    .plans-new-table-cta {
+      margin-top: auto;
+
+      a:nth-child(2) {
+        margin-top: var(--spacing-04);
+      }
+    }
+
+    .plans-new-table-header-icon {
+      font-size: 56px;
+      color: var(--content-primary);
+    }
+  }
+
+  .plans-new-table-header-price-unit-total {
+    font-size: var(--font-size-01);
+    line-height: var(--line-height-01);
+  }
+
+  .plans-new-table-header-desc {
+    margin-top: var(--spacing-05);
+    margin-bottom: var(--spacing-08);
+    font-size: var(--font-size-02);
+    line-height: var(--line-height-02);
+  }
+
+  .plans-new-group-member-picker {
+    .plans-new-group-member-picker-text {
+      font-size: var(--font-size-02);
+      line-height: var(--line-height-02);
+      font-weight: 600;
+      margin-bottom: var(--spacing-02);
+    }
+
+    .plans-new-group-member-picker-form {
+      position: relative;
+
+      .plans-new-group-member-picker-button {
+        width: 100%;
+        background-color: white;
+        border-radius: var(--border-radius-base-new);
+        border: 1px solid var(--neutral-60);
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: var(--spacing-01) var(--spacing-03);
+        margin-bottom: var(--spacing-04);
+        height: $group-member-picker-height;
+        font-size: var(--font-size-02);
+        line-height: var(--line-height-02);
+
+        &[aria-expanded='true'] {
+          i {
+            transform: rotate(180deg);
+            transition: transform 0.35s ease;
+          }
+        }
+
+        &[aria-expanded='false'] {
+          i {
+            transition: transform 0.35s ease;
+          }
+        }
+
+        &[data-ol-plans-new-group-member-picker-button='group-all'] {
+          height: $group-member-picker-top-height;
+        }
+      }
+
+      ul.plans-new-group-member-picker-list {
+        list-style-type: none;
+        margin-bottom: 0;
+        overflow: auto; // to enable box-shadow
+        /* stylelint-disable-next-line length-zero-no-unit, color-function-notation, alpha-value-notation */
+        box-shadow: 0px 2px 4px 0px rgba(30, 37, 48, 0.16);
+        padding: var(--spacing-02);
+        position: absolute;
+        top: $group-member-picker-height;
+        background-color: white;
+        width: 100%;
+        margin-top: var(--spacing-01);
+        z-index: $z-index-group-member-picker-list;
+
+        &[data-ol-plans-new-group-member-picker-dropdown='group-all'] {
+          top: $group-member-picker-top-height;
+        }
+      }
+
+      li.plans-new-group-member-picker-footer {
+        font-size: var(--font-size-02);
+        line-height: var(--line-height-02);
+        padding: var(--spacing-05) var(--spacing-04);
+
+        span {
+          display: block;
+        }
+
+        button {
+          font-weight: 400;
+          padding: 0;
+          font-size: var(--font-size-02);
+          line-height: var(--line-height-02);
+        }
+      }
+
+      li {
+        position: relative;
+
+        &:not(:last-child) {
+          margin-bottom: var(--spacing-02);
+        }
+
+        &:not(.plans-new-group-member-picker-footer):hover {
+          input[type='radio']:not(:checked) + p {
+            background-color: var(--bg-light-secondary);
+          }
+        }
+
+        input[type='radio'] {
+          position: absolute;
+          opacity: 0;
+          cursor: pointer;
+
+          // TODO: this is copied directly from the `.less` file, migrate this to scss
+          // &:focus + p {
+          //   &:extend(.input-focus-style);
+          // }
+
+          + p {
+            padding: var(--spacing-05) var(--spacing-08) var(--spacing-05)
+              var(--spacing-04);
+            margin-bottom: 0;
+            border-radius: var(--border-radius-base-new);
+          }
+        }
+
+        input[type='radio']:checked + p {
+          background-color: var(--green-10);
+          color: var(--green-70);
+          position: relative;
+          word-wrap: break-word;
+
+          &::after {
+            content: url(../../../../public/img/material-icons/check-green-20.svg);
+            position: absolute;
+            right: 12px;
+            top: 50%;
+            transform: translateY(-50%);
+
+            @include media-breakpoint-down(md) {
+              right: var(--spacing-04);
+            }
+          }
+        }
+
+        label {
+          width: 100%;
+          font-size: var(--font-size-02);
+          line-height: var(--line-height-02);
+          margin-bottom: var(--spacing-00);
+          font-weight: 400;
+          cursor: pointer;
+          border-radius: var(--border-radius-base-new);
+
+          .list-item-footer {
+            font-size: var(--font-size-01);
+            line-height: var(--line-height-01);
+          }
+        }
+      }
+
+      .plans-new-edu-discount {
+        display: flex;
+        align-items: flex-start;
+        gap: var(--spacing-04);
+        margin-bottom: var(--spacing-06);
+        font-weight: 400;
+
+        input[type='checkbox'] {
+          margin: var(--spacing-02);
+          accent-color: var(--green-50);
+
+          // TODO: this is copied directly from the `.less` file, migrate this to scss
+          // &:focus-visible {
+          //   .box-shadow-button-input();
+          // }
+        }
+
+        .plans-new-edu-discount-content {
+          display: flex;
+          flex-direction: column;
+
+          span {
+            line-height: var(--line-height-03);
+            color: var(--content-primary);
+          }
+
+          small {
+            color: var(--content-secondary);
+            font-size: var(--font-size-01);
+            line-height: var(--line-height-01);
+          }
+        }
+      }
+    }
+  }
+
+  .plans-new-table-body:last-of-type {
+    .plans-new-table-feature-row:last-of-type {
+      .plans-new-table-feature-td.plans-new-table-highlighted-cell {
+        border-bottom: var(--border-width-base) solid var(--green-50);
+      }
+    }
+  }
+
+  .plans-new-table-heading-row {
+    // this means min-height, min-height does not work in table layout
+    // https://stackoverflow.com/questions/7790222
+    height: 64px;
+  }
+
+  .plans-new-table-heading-text {
+    padding: var(--spacing-05) var(--spacing-08) var(--spacing-05)
+      var(--spacing-05);
+    font-weight: 600;
+    font-size: var(--font-size-04);
+    line-height: var(--line-height-03);
+    vertical-align: bottom;
+  }
+
+  .plans-new-table-feature-row {
+    &:nth-child(even) {
+      background-color: var(--bg-light-secondary);
+    }
+  }
+
+  .plans-new-table-section-without-header-row {
+    &:nth-child(odd):not(.plans-new-table-heading-row) {
+      background-color: var(--bg-light-secondary);
+    }
+
+    &:nth-child(even):not(.plans-new-table-heading-row) {
+      background-color: var(--white);
+    }
+  }
+
+  .plans-new-table-feature-th {
+    font-weight: normal;
+    padding: var(--spacing-05) var(--spacing-08) var(--spacing-05)
+      var(--spacing-05);
+
+    .plans-new-table-feature-th-content {
+      line-height: var(--line-height-03);
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      .plans-new-table-feature-tooltip-icon {
+        cursor: help;
+        margin-left: var(--spacing-05);
+      }
+
+      .tooltip.in {
+        opacity: 1;
+      }
+
+      .tooltip-inner {
+        padding: var(--spacing-04) var(--spacing-06);
+        max-width: 258px;
+        width: 258px;
+        font-family: Lato, sans-serif;
+        font-size: var(--font-size-02);
+        text-align: left;
+        background-color: var(--content-primary);
+        border-radius: var(--border-radius-base-new);
+      }
+    }
+  }
+
+  .plans-new-table-feature-td {
+    padding: var(--spacing-05) var(--spacing-08);
+    text-align: center;
+    line-height: var(--line-height-03);
+
+    .green-round-background {
+      margin-right: 0;
+    }
+  }
+
+  .plans-new-table-highlighted-heading {
+    position: absolute;
+    left: calc(-1 * var(--border-width-base));
+    top: -1 * $highlighted-heading-height;
+    height: $highlighted-heading-height;
+    width: calc(100% + (2 * var(--border-width-base)));
+    border-top-left-radius: var(--border-radius-large-new);
+    border-top-right-radius: var(--border-radius-large-new);
+    padding: $highlighted-heading-padding-vertical var(--spacing-04);
+    font-weight: 600;
+    text-align: center;
+    line-height: $highlighted-heading-line-height;
+    background-color: var(--green-50);
+    color: var(--white);
+    font-size: var(--font-size-03);
+  }
+
+  .plans-new-table-highlighted-cell {
+    border-right: var(--border-width-base) solid var(--green-50);
+    border-left: var(--border-width-base) solid var(--green-50);
+  }
+
+  .plans-new-organizations {
+    padding: var(--spacing-13) var(--spacing-08);
+
+    .plans-new-organizations-text {
+      text-align: center;
+      font-size: var(--font-size-05);
+      line-height: var(--line-height-04);
+      margin-bottom: var(--spacing-00);
+    }
+
+    .plans-new-organizations-logo {
+      margin-top: var(--spacing-09);
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+
+      @include media-breakpoint-down(xl) {
+        flex-wrap: wrap;
+        gap: 30px;
+      }
+    }
+  }
+
+  .plans-card-container-mobile {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    gap: var(--spacing-06);
+
+    .mt-spacing-06 {
+      margin-top: var(--spacing-06);
+    }
+
+    .highlighted-plans-card {
+      border: 2px solid var(--green-50) !important;
+    }
+
+    .plans-card-mobile {
+      padding: var(--spacing-09);
+      border: 2px solid var(--border-divider);
+      width: 100%; // might need max-width
+      border-radius: 8px;
+      display: flex;
+      flex-direction: column;
+
+      .plans-card-title-mobile {
+        color: var(--content-primary);
+        font-size: var(--font-size-05); // 20px
+        font-weight: 600;
+        line-height: var(--line-height-04);
+      }
+
+      .plans-card-icon-container-mobile {
+        margin-top: var(--spacing-04);
+
+        .plans-card-icon {
+          font-size: var(--font-size-09);
+          color: var(--content-primary);
+        }
+      }
+
+      s {
+        padding: var(--spacing-04) 0 0 0;
+        color: var(--neutral-60);
+        font-size: var(--font-size-04); // 18px
+        font-weight: 600;
+        line-height: var(--line-height-05);
+        margin-bottom: var(--spacing-04);
+      }
+
+      .plans-card-price-container-mobile {
+        display: flex;
+        align-items: baseline;
+
+        .light-gray-text:has(.billed-annually-disclaimer) {
+          align-self: center;
+        }
+      }
+
+      .group-plans-card-price-container-mobile {
+        display: flex;
+        align-items: center;
+      }
+
+      .plans-card-price-mobile {
+        color: var(--content-primary);
+        font-size: var(--font-size-08); // 36px
+        font-weight: 600;
+        line-height: var(--line-height-07);
+        margin-right: var(--spacing-03);
+      }
+
+      .light-gray-text {
+        color: var(--content-secondary);
+        font-size: var(--font-size-02); // 14px
+        line-height: var(--line-height-02);
+      }
+
+      .plans-card-description-mobile {
+        .green-round-background {
+          width: 20px;
+          height: 20px;
+        }
+
+        .plans-card-description-list-mobile {
+          list-style-type: none;
+          padding-left: 0;
+          margin-bottom: unset;
+
+          li {
+            display: flex;
+            margin-top: var(--spacing-05);
+          }
+        }
+
+        .plans-card-cta-container {
+          margin-top: var(--spacing-08);
+          width: 100%;
+
+          .plans-cta + .plans-cta {
+            margin-top: var(--spacing-04);
+          }
+        }
+      }
+    }
+  }
+
+  .plans-new-group-tab-card-container {
+    margin-top: var(--spacing-09);
+  }
+
+  .plans-features-table-section-container-mobile {
+    margin-top: var(--spacing-13);
+
+    .plans-features-section-heading-mobile {
+      font-size: var(--font-size-06);
+      font-weight: 600;
+      line-height: var(--line-height-05);
+      color: var(--content-primary);
+      text-align: center;
+      margin-bottom: var(--spacing-08);
+    }
+
+    .plans-features-table-mobile {
+      width: 100%;
+
+      .plans-features-table-sticky-header {
+        position: sticky;
+        top: 0;
+      }
+
+      .plans-features-table-header {
+        margin-bottom: var(--space-08);
+      }
+
+      .plans-features-table-header-container-mobile {
+        margin: var(--spacing-08) auto;
+        border-bottom: unset;
+        width: 100%;
+        max-width: 544px;
+
+        .plans-features-table-header-item-mobile {
+          width: 33%;
+          min-width: 114px;
+          padding: unset;
+
+          .plans-features-table-header-item-content-mobile {
+            padding: var(--spacing-04);
+            text-align: center;
+            background-color: var(--bg-light-secondary);
+          }
+
+          .plans-group-features-table-header-item-content-mobile {
+            padding: var(--spacing-04);
+            text-align: center;
+            background-color: var(--bg-light-secondary);
+            height: 64px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+          }
+
+          .plans-features-table-header-item-title-mobile {
+            color: var(--content-primary);
+            line-height: var(--line-height-03);
+            font-weight: 600;
+            font-size: var(--font-size-03);
+          }
+
+          .plans-features-table-header-item-price-mobile {
+            font-weight: 400;
+            color: var(--content-secondary);
+            line-height: var(--line-height-01);
+            font-size: var(--spacing-05);
+          }
+        }
+
+        .highlighted-styles {
+          background-color: var(--neutral-80);
+
+          .plans-features-table-header-item-title-mobile,
+          .plans-features-table-header-item-price-mobile {
+            color: var(--white);
+          }
+        }
+
+        .plans-features-table-header-item-content-mobile.highlighted,
+        .plans-group-features-table-header-item-content-mobile.highlighted {
+          background-color: var(--neutral-80);
+
+          .plans-features-table-header-item-title-mobile,
+          .plans-features-table-header-item-price-mobile {
+            color: var(--white);
+          }
+        }
+      }
+
+      tr.plans-features-table-row-for-margin {
+        height: var(--spacing-08);
+      }
+
+      .plans-features-table-body-container-mobile {
+        .plans-features-table-row-heading-mobile {
+          font-weight: 600;
+          text-align: center;
+          line-height: var(--line-height-03);
+
+          .plans-features-table-row-section-heading-content-mobile {
+            padding-top: var(--spacing-08);
+            padding-bottom: var(--spacing-05);
+            font-size: var(--font-size-04);
+            color: var(--content-primary);
+          }
+        }
+
+        // .plans-features-table-row-title-mobile and .plans-features-table-row-mobile are combined together to make one row visually, so we are using factors of 4 to alternatively color their backgrounds.
+        .plans-features-table-row-title-mobile {
+          &.plans-features-table-row-title-mobile-without-heading {
+            &:nth-child(4n - 3) {
+              background-color: var(--bg-light-secondary);
+            }
+
+            &:nth-child(4n - 1) {
+              background-color: var(--white);
+            }
+          }
+
+          &:nth-child(4n - 2) {
+            background-color: var(--bg-light-secondary);
+          }
+
+          &:nth-child(4n) {
+            background-color: var(--white);
+          }
+
+          .plans-features-table-row-title-content-mobile {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            padding-top: var(--spacing-06);
+            font-weight: 600;
+            line-height: var(--line-height-03);
+
+            .plans-features-table-row-title-accordion {
+              display: flex;
+              justify-content: center;
+              flex-direction: column;
+              align-items: center;
+              text-align: center;
+              padding: 0 var(--spacing-04);
+
+              .plans-features-table-row-title-accordion-header {
+                font-size: var(--font-size-03);
+                font-weight: 600;
+                line-height: var(--line-height-03);
+                display: flex;
+                justify-content: center;
+                background-color: unset;
+                border: unset;
+
+                .plans-features-table-row-title-accordion-icon {
+                  display: flex;
+                  align-items: center;
+                  transition: transform 0.35s ease;
+                  margin-left: var(--spacing-02);
+                }
+
+                &:not(.collapsed) {
+                  .plans-features-table-row-title-accordion-icon {
+                    transform: rotate(180deg);
+                    transition: transform 0.35s ease;
+                  }
+                }
+              }
+
+              .plans-features-table-row-title-accordion-body {
+                font-size: var(--font-size-01);
+                line-height: var(--line-height-01);
+                font-weight: 400;
+              }
+            }
+          }
+        }
+
+        .plans-features-table-row-mobile {
+          &.plans-features-table-row-mobile-without-heading {
+            &:nth-child(4n - 2) {
+              background-color: var(--bg-light-secondary);
+            }
+
+            &:nth-child(4n) {
+              background-color: var(--white);
+            }
+          }
+
+          &:nth-child(4n - 3) {
+            background-color: var(--white);
+          }
+
+          &:nth-child(4n - 1) {
+            background-color: var(--bg-light-secondary);
+          }
+
+          .plans-features-table-cell-content-mobile {
+            text-align: center;
+            padding-top: var(--spacing-05);
+            padding-bottom: var(--spacing-06);
+          }
+        }
+      }
+    }
+  }
+
+  .plans-price-disclaimer {
+    font-size: var(--font-size-01);
+    line-height: var(--line-height-01);
+    margin-top: var(--spacing-08);
+    text-align: center;
+
+    &:last-child {
+      margin-bottom: var(--spacing-11);
+    }
+
+    &:not(:last-child) {
+      margin-bottom: var(--spacing-08);
+    }
+
+    .plans-price-disclaimer-icons {
+      display: flex;
+      justify-content: center;
+      gap: var(--spacing-04);
+    }
+  }
+
+  .only-show-for-specific-plan-type {
+    display: none;
+  }
+
+  &[data-ol-current-plan-type='group'] {
+    .show-for-plan-type-group {
+      display: block;
+    }
+  }
+
+  &[data-ol-current-plan-type='individual'] {
+    .show-for-plan-type-individual {
+      display: block;
+    }
+  }
+
+  &[data-ol-current-plan-type='student'] {
+    .show-for-plan-type-student {
+      display: block;
+    }
+  }
+
+  .only-show-for-specific-plan-period {
+    display: none;
+  }
+
+  &[data-ol-current-plan-period='annual'] {
+    .show-for-plan-period-annual {
+      display: block;
+    }
+  }
+
+  &[data-ol-current-plan-period='monthly'] {
+    .show-for-plan-period-monthly {
+      display: block;
+    }
+  }
+}
+
+.plans-overleaf-common-request {
+  color: var(--content-primary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: var(--spacing-04) var(--spacing-08);
+  text-align: center;
+  gap: var(--spacing-06);
+
+  @include media-breakpoint-down(md) {
+    flex-direction: column;
+    margin: 0;
+  }
+
+  a {
+    font-size: var(--font-size-02);
+    line-height: var(--line-height-02);
+  }
+}
+
+.plans-faq {
+  .faq-heading-container {
+    text-align: center;
+    margin-bottom: var(--spacing-10);
+
+    @include media-breakpoint-down(md) {
+      text-align: unset;
+    }
+  }
+
+  .plans-faq-support {
+    margin-top: var(--spacing-06);
+    margin-bottom: var(--spacing-06);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--spacing-04);
+
+    span {
+      line-height: var(--line-height-03);
+      font-size: var(--font-size-04);
+    }
+
+    button {
+      font-family: 'DM Mono', monospace;
+      font-weight: 500;
+      text-decoration: none;
+      color: var(--green-50);
+      line-height: var(--line-height-03);
+      font-size: var(--font-size-04);
+      background-color: var(--white);
+      border: unset;
+      display: flex;
+      align-items: center;
+    }
+  }
+}
+
+.plans-new-design.plans-interstitial-new-design {
+  padding-top: $header-height;
+  padding-bottom: var(--spacing-09);
+
+  .plans-interstitial-new-content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .plans-new-table {
+    th,
+    td {
+      width: $table-5-column-width;
+    }
+  }
+}
+
+.plans-cta {
+  display: block;
+}
+
+.plans-faq-tabs {
+  max-width: 800px;
+  margin: 0 auto;
+
+  .nav-tabs-container {
+    margin-bottom: var(--spacing-08);
+  }
+
+  .tab-content {
+    margin-top: 0;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/project-list-default.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/project-list-default.scss
new file mode 100644
index 0000000..eba9c43
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/project-list-default.scss
@@ -0,0 +1,150 @@
+.project-list-react {
+  --project-list-content-height: #{$fat-footer-content-height};
+
+  #project-list-root > &.content {
+    padding-top: $header-height;
+    padding-bottom: 0;
+    min-height: var(--project-list-content-height);
+    display: flex;
+    flex-direction: column;
+
+    .thin-footer & {
+      --project-list-content-height: #{$thin-footer-content-height};
+    }
+  }
+
+  .project-list-wrapper {
+    display: flex;
+    align-items: stretch;
+    width: 100%;
+    min-height: var(--project-list-content-height);
+  }
+
+  .project-list-sidebar-wrapper-react {
+    position: relative;
+    background-color: var(--bg-dark-secondary);
+    flex: 0 0 15%;
+    min-height: var(--project-list-content-height);
+    max-width: 320px;
+    min-width: 200px;
+
+    .project-list-sidebar-subwrapper {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+
+      .project-list-sidebar-react {
+        flex-grow: 1;
+        padding: var(--spacing-08) var(--spacing-06);
+        -ms-overflow-style: -ms-autohiding-scrollbar;
+        color: var(--neutral-40);
+
+        .small {
+          color: var(--neutral-40);
+        }
+      }
+    }
+  }
+
+  .project-list-main-react {
+    flex: 1;
+    overflow-x: hidden;
+    padding: var(--spacing-08) var(--spacing-06);
+  }
+
+  ul.project-list-filters {
+    margin: var(--spacing-05) calc(-1 * var(--spacing-06));
+
+    > li {
+      > button {
+        width: 100%;
+        font-weight: normal;
+        text-align: left;
+        color: var(--content-primary-dark);
+        background-color: transparent;
+        border-radius: unset;
+        border: none;
+        border-bottom: solid 1px transparent;
+        padding: var(--spacing-03) var(--spacing-06);
+
+        &:hover {
+          background-color: var(--neutral-70);
+        }
+
+        &:focus {
+          text-decoration: none;
+          outline: none;
+        }
+      }
+    }
+
+    > li.active {
+      > button {
+        background-color: var(--neutral-90);
+        color: var(--content-primary-dark);
+
+        .subdued {
+          color: var(--content-primary-dark);
+        }
+      }
+    }
+
+    > li.tag {
+      &.active {
+        .tag-menu > button {
+          color: var(--content-primary-dark);
+          border-color: var(--white);
+
+          &:hover {
+            background-color: var(--neutral-90);
+          }
+        }
+      }
+
+      &:hover {
+        &:not(.active) {
+          background-color: var(--neutral-70);
+        }
+      }
+
+      &:not(.active) {
+        .tag-menu > a:hover {
+          background-color: var(--neutral-90);
+        }
+      }
+    }
+
+    .tag-menu {
+      button.dropdown-toggle {
+        border-radius: var(--border-radius-base);
+        border: 1px solid var(--white);
+        color: var(--content-primary-dark);
+        width: 16px;
+        height: 16px;
+        padding: var(--spacing-01) var(--spacing-03);
+      }
+    }
+  }
+
+  .loading-container {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    min-height: var(--project-list-content-height);
+
+    .loading-screen-brand-container {
+      margin: 0 auto;
+    }
+  }
+
+  .project-list-sidebar-survey-wrapper {
+    position: sticky;
+    bottom: 0;
+
+    @include media-breakpoint-down(md) {
+      position: static;
+      margin-top: var(--spacing-05);
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/project-list-ds-nav.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/project-list-ds-nav.scss
new file mode 100644
index 0000000..e87c41f
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/project-list-ds-nav.scss
@@ -0,0 +1,319 @@
+.project-ds-nav-page {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  height: 100dvh;
+  color: var(--content-secondary);
+
+  // NOTE-AC: This code can be eliminated when we remove sidebar-navigation-ui-update
+  --navbar-btn-padding-h: var(--spacing-06);
+  --navbar-subdued-padding: calc(
+      var(--navbar-btn-padding-v) + var(--navbar-btn-border-width)
+    )
+    calc(var(--navbar-btn-padding-h) + 1px);
+
+  .navbar-default {
+    position: relative;
+
+    --navbar-toggler-expanded-bg: none;
+    --navbar-toggler-expanded-color: var(--content-secondary);
+
+    .navbar-header > a {
+      position: relative;
+      z-index: 15;
+
+      @include media-breakpoint-up(md) {
+        top: var(--spacing-05);
+      }
+    }
+
+    .nav-item-projects {
+      display: none !important;
+    }
+
+    @include media-breakpoint-up(lg) {
+      .nav-item-account,
+      .nav-item-help {
+        display: none;
+      }
+    }
+
+    @include media-breakpoint-down(lg) {
+      --navbar-hamburger-submenu-item-hover-color: var(--content-primary);
+      --navbar-hamburger-submenu-item-hover-bg: var(--bg-light-secondary);
+      --navbar-subdued-hover-color: var(--content-primary);
+      --navbar-link-hover-color: var(--content-primary);
+      --navbar-link-hover-bg: var(--bg-light-secondary);
+      --navbar-subdued-hover-bg: var(--bg-light-secondary);
+      --navbar-hamburger-submenu-bg: none;
+
+      .nav-item-help::before {
+        content: '';
+        display: block;
+        border-top: 1px solid var(--border-divider);
+        margin: var(--spacing-07) var(--spacing-06);
+      }
+
+      #navbar-main-collapse {
+        padding: var(--spacing-09) var(--spacing-06) 0;
+
+        .navbar-nav {
+          > li {
+            > a,
+            > .dropdown-toggle,
+            > .nav-link {
+              border-radius: var(--border-radius-medium);
+
+              &.show {
+                background-color: var(--bg-accent-03);
+                color: var(--green-60);
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .navbar-nav > li > .dropdown-toggle::after {
+    display: none;
+  }
+
+  .project-list-wrapper {
+    flex-grow: 1;
+    display: flex;
+    overflow-y: hidden;
+
+    .project-list-sidebar-wrapper-react {
+      position: relative;
+      display: flex;
+      flex-direction: column;
+      flex: 0 0 15%;
+      max-width: 320px;
+      min-width: 200px;
+      margin-top: var(--spacing-03);
+      padding: var(--spacing-08) 0 0 0;
+
+      .new-project-dropdown {
+        padding: 0 var(--spacing-08) var(--spacing-05) var(--spacing-05);
+        border-bottom: solid 1px transparent;
+
+        &.show-shadow {
+          border-bottom-color: var(--border-divider);
+        }
+
+        > .dropdown-menu {
+          // navbar + new-project spacing + new-project button height (36px) + extra padding
+          max-height: calc(
+            100vh - #{$header-height} - var(--spacing-03) - var(--spacing-08) - 36px - var(
+                --spacing-05
+              )
+          );
+          overflow: auto;
+        }
+      }
+
+      .project-list-sidebar-scroll {
+        flex: 1 1 auto;
+        overflow: auto;
+        margin: 0 var(--spacing-02) 0 0;
+        padding: var(--spacing-05) var(--spacing-07) var(--spacing-05)
+          var(--spacing-05);
+      }
+
+      .ds-nav-sidebar-lower {
+        padding: var(--spacing-05) var(--spacing-08) 0 var(--spacing-05);
+        border-top: solid 1px transparent;
+
+        &.show-shadow {
+          border-top-color: var(--border-divider);
+        }
+      }
+
+      .project-list-sidebar-survey-link {
+        color: var(--content-secondary) !important;
+      }
+
+      .survey-notification {
+        background-color: var(--bg-light-secondary);
+        color: var(--content-secondary);
+        box-shadow: none;
+        border-radius: var(--border-radius-large);
+        position: relative;
+
+        .user-notification-close {
+          border: none;
+          padding: 0;
+          background: none;
+          position: absolute;
+          top: var(--spacing-07);
+          right: var(--spacing-07);
+          color: inherit;
+        }
+
+        p {
+          margin-bottom: var(--spacing-03);
+        }
+      }
+
+      .project-list-sidebar-survey-wrapper .user-notifications {
+        margin-bottom: var(--spacing-05);
+      }
+    }
+
+    ul.project-list-filters {
+      margin-bottom: 0;
+
+      hr {
+        margin: var(--spacing-05) 0;
+      }
+
+      > li {
+        > button {
+          width: 100%;
+          text-align: left;
+          color: var(--content-secondary);
+          background: none;
+          border-radius: var(--border-radius-medium);
+          border: none;
+          padding: var(--spacing-04) var(--spacing-05);
+        }
+
+        &:hover button {
+          background-color: var(--bg-light-secondary);
+        }
+
+        &.active button {
+          background-color: var(--bg-accent-03);
+          color: var(--green-60);
+          font-weight: bold;
+        }
+      }
+
+      .dropdown-header {
+        font-weight: bold;
+      }
+
+      > li.tag {
+        button.tag-name {
+          padding-right: var(--spacing-08) !important;
+        }
+      }
+
+      .tag-menu {
+        button.dropdown-toggle {
+          border-radius: var(--border-radius-full);
+          border: none;
+          color: var(--content-secondary);
+          height: 20px;
+          width: 20px;
+          padding: 0;
+
+          &::after {
+            display: none;
+          }
+
+          &:hover,
+          &:active,
+          &[aria-expanded='true'] {
+            background-color: var(--neutral-20);
+          }
+        }
+      }
+    }
+
+    .project-ds-nav-main {
+      min-height: 100%;
+      padding: var(--spacing-08) var(--spacing-06);
+
+      @include media-breakpoint-up(md) {
+        padding: var(--spacing-08);
+      }
+    }
+
+    .project-dash-table {
+      .btn-link {
+        color: var(--content-secondary);
+        height: var(--spacing-08);
+        width: var(--spacing-08);
+        border-radius: 100%;
+        padding: var(--spacing-01) 0 0;
+        vertical-align: middle;
+
+        &:hover,
+        &:focus {
+          background-color: #d9d9d9 !important;
+        }
+      }
+
+      .dash-cell-name a {
+        color: var(--content-secondary) !important;
+      }
+    }
+
+    .project-ds-nav-content-and-messages {
+      flex-grow: 1;
+      display: flex;
+      flex-direction: column;
+
+      .project-ds-nav-content {
+        flex-grow: 1;
+        overflow-y: auto;
+        position: relative;
+        background-color: var(--bg-light-secondary);
+
+        @include media-breakpoint-up(md) {
+          border-top-left-radius: var(--border-radius-large);
+          border-left: 1px solid var(--border-divider);
+          border-top: 1px solid var(--border-divider);
+        }
+      }
+    }
+  }
+
+  .ds-nav-icon-dropdown {
+    .dropdown-toggle {
+      color: var(--content-secondary);
+      background: none;
+      height: 44px;
+      width: 44px;
+      padding: 0;
+      overflow: hidden;
+
+      &:hover {
+        background-color: var(--bg-light-secondary);
+      }
+
+      &.show {
+        background-color: var(--bg-accent-03);
+        color: var(--green-60);
+      }
+
+      &::after {
+        display: none;
+      }
+
+      > div {
+        height: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+
+      .material-symbols {
+        vertical-align: middle;
+      }
+    }
+  }
+
+  .ds-nav-ds-name {
+    margin-bottom: var(--spacing-05);
+
+    span {
+      text-transform: uppercase;
+      font-weight: bold;
+
+      @include body-xs;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/project-list.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/project-list.scss
new file mode 100644
index 0000000..6f93dbf
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/project-list.scss
@@ -0,0 +1,770 @@
+.project-list-empty-col {
+  display: flex;
+  height: 100%;
+  flex-flow: column nowrap;
+
+  .row:first-child {
+    flex-grow: 1; /* fill vertical space so notifications are pushed to bottom */
+  }
+
+  .card-body {
+    // h2 + .card-thin top padding
+    padding-bottom: calc(var(--line-height-03) + var(--line-height-03) / 2);
+  }
+}
+
+.action-btn {
+  padding: 0 var(--spacing-02);
+}
+
+#project-list-root .user-notifications ul {
+  margin-bottom: 0;
+}
+
+.project-list-sidebar-wrapper-react {
+  button {
+    white-space: normal;
+    word-wrap: anywhere;
+
+    // prevents buttons from expanding sidebar width
+  }
+
+  .new-project-dropdown {
+    width: 100%;
+
+    .new-project-button {
+      width: 100%;
+    }
+  }
+}
+
+.new-project-button.dropdown-toggle::after {
+  display: none;
+}
+
+.project-list-welcome-wrapper {
+  width: 100%;
+  padding-bottom: var(--spacing-08);
+
+  .welcome-new-wrapper {
+    .welcome-title {
+      @include heading-xl;
+
+      margin-top: var(--spacing-08);
+    }
+
+    .welcome-message-cards-wrapper {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      align-items: center;
+      margin-top: var(--spacing-11);
+
+      @include media-breakpoint-up(lg) {
+        flex-direction: row;
+        justify-content: center;
+      }
+    }
+
+    .welcome-message-card {
+      border: 1px solid $bg-light-tertiary;
+      border-radius: $border-radius-large;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: space-between;
+      padding: var(--spacing-08) var(--spacing-06);
+      margin: var(--spacing-05) 0;
+      height: 200px;
+      position: relative;
+      cursor: pointer;
+
+      @include media-breakpoint-up(lg) {
+        margin: 0 var(--spacing-06);
+        height: 240px;
+      }
+
+      &:hover {
+        background-color: $bg-light-secondary;
+      }
+
+      .welcome-message-card-img {
+        max-width: 100%;
+
+        @include media-breakpoint-up(lg) {
+          margin-bottom: var(--spacing-07);
+        }
+      }
+    }
+
+    .welcome-message-card-item {
+      display: flex;
+      flex: 1;
+      flex-direction: column;
+      width: 280px;
+
+      @include media-breakpoint-up(lg) {
+        flex: 0 1 312px;
+        width: auto;
+      }
+    }
+
+    .create-new-project-dropdown {
+      transform: none !important;
+      top: 100% !important;
+      left: var(--spacing-06) !important;
+      right: var(--spacing-06) !important;
+      margin-top: var(--spacing-04);
+      margin-left: var(--spacing-06);
+      margin-right: var(--spacing-06);
+
+      @include media-breakpoint-down(lg) {
+        left: 0 !important;
+        right: 0 !important;
+        margin-top: calc((var(--spacing-05) - var(--spacing-04)) * -1);
+      }
+    }
+
+    .welcome-message-card-link {
+      &,
+      &:hover {
+        text-decoration: none;
+        color: var(--bs-body-color);
+      }
+    }
+  }
+}
+
+.project-list-header-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: var(--spacing-05);
+  min-height: 36px;
+}
+
+.project-list-title {
+  min-width: 0;
+  color: $content-secondary;
+
+  @include heading-sm;
+
+  font-weight: bold;
+}
+
+.project-tools {
+  flex-shrink: 0;
+  margin-left: auto;
+  min-height: 38px;
+  display: flex;
+  align-items: center;
+}
+
+@include media-breakpoint-down(md) {
+  .project-tools {
+    float: left;
+    margin-left: initial;
+  }
+}
+
+.projects-toolbar {
+  display: flex;
+  align-items: center;
+
+  .dropdown,
+  .dropdown-toggle {
+    max-width: 100%;
+  }
+
+  .dropdown {
+    min-width: 0;
+  }
+}
+
+.projects-sort-dropdown {
+  flex-shrink: 0;
+  margin-left: auto;
+}
+
+.project-menu-item-edit-btn {
+  position: absolute;
+  top: 0;
+  right: var(--spacing-09);
+  width: initial;
+  background-color: transparent;
+}
+
+.project-menu-item-tag-name {
+  padding-right: var(--spacing-13);
+}
+
+ul.project-list-filters {
+  .subdued {
+    color: var(--content-disabled);
+  }
+
+  > li {
+    cursor: pointer;
+    position: relative;
+
+    > button {
+      &:hover,
+      &:focus {
+        text-decoration: none;
+      }
+    }
+
+    &.separator {
+      padding: var(--spacing-03) var(--spacing-06);
+      cursor: auto;
+    }
+  }
+
+  .dropdown-header {
+    @include body-sm;
+
+    padding: var(--spacing-05) var(--spacing-06);
+    text-transform: uppercase;
+  }
+
+  > li.active {
+    border-radius: 0;
+
+    > button {
+      font-weight: 700;
+    }
+  }
+
+  h2 {
+    font-size: var(--font-size-02);
+    margin-bottom: var(--spacing-00);
+    color: var(--content-disabled);
+    text-transform: uppercase;
+    padding: var(--spacing-03) var(--spacing-00);
+  }
+
+  > li.tag {
+    &.active,
+    &:focus-within {
+      .tag-menu {
+        display: block;
+      }
+    }
+
+    &.untagged {
+      button.tag-name {
+        span.name {
+          font-style: italic;
+          padding-left: 0;
+        }
+      }
+    }
+
+    &:hover {
+      .tag-menu {
+        display: block;
+      }
+    }
+
+    button.tag-name {
+      position: relative;
+      padding: var(--spacing-03) var(--spacing-09) var(--spacing-03)
+        var(--spacing-06);
+      display: flex;
+      align-items: center;
+      word-wrap: anywhere;
+
+      .tag-list-icon {
+        vertical-align: sub;
+        font-weight: bold;
+      }
+
+      span.name {
+        padding-left: 0.5em;
+        line-height: 1.4;
+      }
+    }
+  }
+
+  .tag-menu {
+    button.dropdown-toggle {
+      background-color: transparent;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+
+      &::after {
+        margin: 0;
+      }
+    }
+
+    display: none;
+    width: auto;
+    position: absolute;
+    top: 50%;
+    margin-top: -8px; // Half the element height.
+    right: 4px;
+
+    &.open {
+      display: block;
+    }
+
+    button.tag-action {
+      border-radius: unset;
+      width: 100%;
+      background-color: transparent;
+      border-color: transparent;
+      color: var(--neutral-70);
+      text-align: left;
+      font-weight: normal;
+
+      &:hover {
+        color: var(--content-primary-dark);
+        background-color: var(--bg-accent-01);
+      }
+
+      &:active {
+        outline: none;
+      }
+    }
+  }
+}
+
+.project-dash-table {
+  width: 100%;
+  table-layout: fixed;
+
+  @include media-breakpoint-down(md) {
+    tr:not(:last-child) {
+      border-bottom: 1px solid $table-border-color;
+    }
+
+    td {
+      border-bottom-width: 0;
+    }
+  }
+
+  tbody {
+    tr.no-projects:hover {
+      td {
+        box-shadow: none;
+      }
+    }
+  }
+
+  .table-header-sort-btn {
+    border: 0;
+    text-align: left;
+    color: var(--content-secondary);
+    background-color: transparent;
+    padding: 0;
+    font-weight: bold;
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-decoration: none;
+
+    &:hover,
+    &:focus {
+      color: var(--content-secondary);
+      text-decoration: none;
+    }
+
+    .material-symbols {
+      vertical-align: bottom;
+      font-size: var(--font-size-06);
+    }
+  }
+
+  .dash-cell-name {
+    hyphens: auto;
+    width: 50%;
+    word-break: break-word;
+  }
+
+  .dash-cell-owner {
+    width: 20%;
+  }
+
+  .dash-cell-date {
+    width: 25%;
+  }
+
+  .dash-cell-actions {
+    display: none;
+    text-align: right;
+
+    .btn {
+      text-decoration: none;
+    }
+  }
+
+  .dash-cell-date-owner {
+    font-size: $font-size-sm;
+
+    @include text-truncate;
+  }
+
+  .dash-cell-tag,
+  .clone-project-tag {
+    .badge-tag {
+      margin-top: var(--spacing-06);
+      margin-bottom: var(--spacing-06);
+
+      &:first-child {
+        margin-left: initial !important;
+      }
+    }
+  }
+
+  @include media-breakpoint-up(sm) {
+    .dash-cell-checkbox {
+      width: 4%;
+    }
+
+    .dash-cell-name {
+      width: 50%;
+    }
+
+    .dash-cell-owner {
+      width: 21%;
+    }
+
+    .dash-cell-date {
+      width: 25%;
+    }
+
+    .dash-cell-actions {
+      width: 0%;
+    }
+  }
+
+  @include media-breakpoint-up(md) {
+    .dash-cell-checkbox {
+      width: 4%;
+    }
+
+    .dash-cell-name {
+      width: 44%;
+    }
+
+    .dash-cell-owner {
+      width: 16%;
+    }
+
+    .dash-cell-date {
+      width: 21%;
+    }
+
+    .dash-cell-actions {
+      display: table-cell;
+      width: 15%;
+    }
+
+    .project-tools {
+      float: none;
+    }
+  }
+
+  @include media-breakpoint-up(lg) {
+    .dash-cell-checkbox {
+      width: 3%;
+    }
+
+    .dash-cell-name {
+      width: 46%;
+    }
+
+    .dash-cell-owner {
+      width: 13%;
+    }
+
+    .dash-cell-date {
+      width: 16%;
+    }
+
+    .dash-cell-actions {
+      width: 22%;
+    }
+
+    tbody {
+      .dash-cell-actions {
+        white-space: nowrap;
+      }
+    }
+  }
+
+  @include media-breakpoint-up(xl) {
+    .dash-cell-checkbox {
+      width: 3%;
+    }
+
+    .dash-cell-name {
+      width: 46%;
+    }
+
+    .dash-cell-owner {
+      width: 15%;
+    }
+
+    .dash-cell-date {
+      width: 19%;
+    }
+
+    .dash-cell-actions {
+      width: 17%;
+    }
+  }
+
+  @include media-breakpoint-up(xxl) {
+    .dash-cell-checkbox {
+      width: 2%;
+    }
+
+    .dash-cell-name {
+      width: 49%;
+    }
+
+    .dash-cell-owner {
+      width: 16%;
+    }
+
+    .dash-cell-date {
+      width: 19%;
+    }
+
+    .dash-cell-actions {
+      width: 14%;
+    }
+  }
+
+  @include media-breakpoint-down(md) {
+    tr {
+      position: relative;
+      display: flex;
+      flex-direction: column;
+
+      td {
+        padding-top: var(--spacing-02);
+        padding-bottom: var(--spacing-02);
+      }
+
+      td:not(.dash-cell-actions) {
+        padding-right: 55px;
+      }
+    }
+
+    .dash-cell-name,
+    .dash-cell-owner,
+    .dash-cell-date,
+    .dash-cell-tag,
+    .dash-cell-actions {
+      display: block;
+      width: auto;
+    }
+
+    .dash-cell-actions {
+      position: absolute;
+      top: var(--spacing-04);
+      right: var(--spacing-04);
+      padding: 0 !important;
+    }
+  }
+}
+
+.current-plan {
+  a.current-plan-label {
+    text-decoration: none;
+    color: $content-secondary;
+  }
+
+  .current-plan-label-icon {
+    vertical-align: text-bottom;
+    color: var(--bg-info-01);
+  }
+}
+
+/* stylelint-disable selector-class-pattern */
+.project-list-upload-project-modal-uppy-dashboard .uppy-Root {
+  .uppy-Dashboard-AddFiles-title {
+    display: flex;
+    flex-direction: column;
+    color: var(--neutral-60);
+    white-space: pre-line;
+
+    @include body-base;
+
+    button.uppy-Dashboard-browse {
+      @extend .btn;
+      @extend .btn-lg;
+      @extend .btn-primary;
+
+      margin-bottom: var(--spacing-07);
+    }
+  }
+}
+
+.survey-notification {
+  display: flex;
+  flex-wrap: wrap;
+  padding: var(--spacing-06);
+  background-color: var(--bg-dark-tertiary);
+  border-color: transparent;
+  color: var(--neutral-20);
+  box-shadow: 2px 4px 6px rgb(0 0 0 / 25%);
+  border-radius: var(--border-radius-base);
+
+  @include media-breakpoint-up(md) {
+    flex-wrap: nowrap;
+  }
+
+  button.close {
+    @extend .text-white;
+
+    padding: 0;
+  }
+}
+
+.project-list-sidebar-survey-wrapper {
+  .survey-notification {
+    font-size: var(--font-size-02);
+
+    a {
+      text-decoration: none;
+    }
+  }
+
+  @include media-breakpoint-down(md) {
+    .survey-notification {
+      font-size: unset;
+
+      .project-list-sidebar-survey-link {
+        display: block;
+        align-items: center;
+        min-width: 48px;
+        min-height: 48px;
+        padding-top: var(--spacing-07);
+      }
+    }
+  }
+}
+
+.project-list-load-more-button {
+  margin-bottom: var(--spacing-05);
+}
+
+.clone-project-tag {
+  display: flex;
+
+  .form-label {
+    margin-top: var(--spacing-01);
+  }
+}
+
+form.project-search {
+  .form-group {
+    margin-bottom: 0;
+  }
+}
+
+.add-affiliation-mobile-wrapper {
+  padding: var(--spacing-07) 0;
+}
+
+.add-affiliation {
+  .progress {
+    height: var(--spacing-05);
+    margin-bottom: var(--spacing-03);
+  }
+
+  p {
+    margin-bottom: var(--spacing-03);
+  }
+
+  &.is-mobile p {
+    @include body-xs;
+
+    white-space: normal;
+  }
+}
+
+.color-picker-item {
+  height: 28px;
+  width: 28px;
+  cursor: pointer;
+  position: relative;
+  outline: none;
+  border-radius: var(--border-radius-base);
+  margin: 0 var(--spacing-06) 0 0;
+  display: inline-block;
+  vertical-align: middle;
+
+  &:focus-visible {
+    box-shadow:
+      0 0 0 2px var(--white),
+      0 0 0 3px var(--blue-50),
+      0 0 0 5px var(--blue-30);
+  }
+
+  &.more-button {
+    border: 1px solid var(--neutral-70);
+
+    .color-picker-more {
+      color: var(--neutral-70);
+      margin: 3px; // it's centered, no matching spacing variable
+      font-weight: bold;
+
+      @include media-breakpoint-down(md) {
+        margin: 5px; // it's centered, no matching spacing variable
+      }
+    }
+
+    .color-picker-more-open {
+      color: var(--neutral-70);
+      margin: 3px;
+      font-weight: bold;
+
+      @include media-breakpoint-down(md) {
+        margin: 5px;
+      }
+    }
+  }
+
+  .color-picker-item-icon {
+    margin: 3px; // it's centered, no matching spacing variable
+    color: var(--content-primary-dark);
+    font-weight: bold;
+  }
+
+  @include media-breakpoint-down(md) {
+    height: 32px;
+    width: 32px;
+    margin: var(--spacing-08);
+
+    .color-picker-item-icon {
+      margin: 5px; // it's centered, no matching spacing variable
+      color: var(--content-primary-dark);
+    }
+  }
+}
+
+.color-picker-more-wrapper {
+  position: relative;
+  display: inline-block;
+
+  .custom-picker {
+    position: absolute;
+    user-select: none;
+    z-index: 1;
+
+    @include media-breakpoint-down(sm) {
+      top: 56px;
+      left: 24px;
+    }
+  }
+
+  .popover-backdrop {
+    position: fixed;
+    inset: 0;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/register.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/register.scss
new file mode 100644
index 0000000..85711e1
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/register.scss
@@ -0,0 +1,112 @@
+.register-container {
+  h1 {
+    @include heading-sm;
+
+    color: var(--neutral-90);
+    margin-bottom: 0;
+  }
+
+  .register-content-container {
+    padding: 0; // override bootstrap padding
+    display: flex;
+    background-color: #f2f4f7;
+    min-height: 100vh;
+  }
+
+  .register-form-container {
+    display: flex;
+    justify-content: center;
+    padding-top: var(--spacing-11);
+    background-color: var(--white);
+
+    @include media-breakpoint-down(lg) {
+      height: 100%;
+    }
+
+    .register-form {
+      text-align: center;
+      max-width: 320px;
+      padding-bottom: 120px;
+
+      .notification-content p {
+        text-align: left;
+      }
+
+      .registration-message {
+        text-align: center;
+        padding-bottom: var(--spacing-07);
+
+        .registration-message-heading {
+          color: var(--neutral-70);
+          font-size: var(--font-size-05);
+          line-height: var(--line-height-04);
+          margin-top: var(--spacing-08);
+          margin-bottom: var(--spacing-05);
+        }
+
+        .registration-message-details {
+          font-size: var(--font-size-02);
+        }
+      }
+
+      .tos-agreement-notice {
+        text-align: left;
+      }
+    }
+  }
+
+  .register-illustration-container {
+    height: 100%;
+    display: flex;
+    align-items: center;
+    position: relative;
+
+    .register-illustration {
+      position: absolute;
+      left: 80px;
+      top: 100px;
+
+      // for wide screen
+      @media (width >= 1700px) {
+        position: relative;
+        left: unset;
+        top: unset;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 100%;
+      }
+
+      .register-main-image {
+        max-width: 850px;
+
+        @media (width <= 1350px) {
+          max-width: 750px;
+        }
+
+        @media (width <= 1150px) {
+          max-width: 670px;
+        }
+      }
+
+      .sticky-tags {
+        position: absolute;
+        height: 210px;
+        bottom: -135px;
+        right: 130px;
+
+        // for wide screen
+        @media (width >= 1700px) {
+          right: calc(50% - 300px);
+        }
+      }
+    }
+  }
+
+  .recaptcha-branding {
+    @include body-xs;
+
+    text-align: left;
+    padding: var(--spacing-05) 0;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/secondary-confirm-email.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/secondary-confirm-email.scss
new file mode 100644
index 0000000..e635094
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/secondary-confirm-email.scss
@@ -0,0 +1,27 @@
+#confirm-secondary-email {
+  .confirm-email-form .confirm-email-form-inner {
+    margin: auto;
+    max-width: 480px;
+
+    .notification {
+      margin-bottom: var(--spacing-05);
+    }
+
+    .text-danger {
+      display: flex;
+      gap: var(--spacing-03);
+      padding: var(--spacing-02);
+    }
+
+    .form-label {
+      font-weight: normal;
+    }
+
+    .form-actions {
+      margin-top: var(--spacing-07);
+      display: flex;
+      flex-direction: column;
+      gap: var(--spacing-05);
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/sidebar-v2-dash-pane.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/sidebar-v2-dash-pane.scss
new file mode 100644
index 0000000..c325a3f
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/sidebar-v2-dash-pane.scss
@@ -0,0 +1,15 @@
+.project-list-sidebar-survey-link {
+  @extend .text-white;
+
+  font-weight: bold;
+}
+
+.notification-close-button-style button {
+  &:hover {
+    background-color: transparent !important;
+  }
+
+  &:focus {
+    background-color: transparent !important;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/subscription.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/subscription.scss
new file mode 100644
index 0000000..ed2acdf
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/subscription.scss
@@ -0,0 +1,520 @@
+/**
+ *  MAIN CONTENT
+ */
+
+#subscription-dashboard-root {
+  .hover-highlight {
+    &:hover,
+    &:focus {
+      background-color: var(--neutral-10);
+    }
+  }
+
+  li.row-link {
+    display: flex;
+    border: 0;
+    padding: 0;
+
+    .row-link-inner {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: var(--spacing-02) 0;
+      text-decoration: none;
+      color: var(--neutral-90);
+      width: 100%;
+    }
+
+    a.row-link-inner {
+      &:hover {
+        background-color: var(--neutral-10);
+      }
+    }
+  }
+}
+
+/**
+ *  MODALS
+ */
+
+.group-subscription-modal-title-discount {
+  @include body-base;
+
+  margin-top: var(--spacing-02);
+  margin-bottom: unset;
+}
+
+.group-subscription-modal {
+  .circle {
+    font-size: var(--font-size-06);
+    border-radius: 50%;
+    background-color: var(--green-70);
+    color: white;
+    white-space: nowrap;
+    height: 180px;
+    width: 180px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: var(--spacing-02);
+    font-weight: bold;
+
+    .small {
+      opacity: 0.85;
+    }
+
+    .circle-subtext {
+      font-size: var(--font-size-03);
+    }
+  }
+
+  .legend-as-label {
+    font-size: var(--font-size-02);
+    font-weight: 600;
+    color: var(--content-secondary);
+    margin-bottom: 0;
+  }
+
+  .educational-discount-badge {
+    height: 50px;
+
+    p {
+      display: inline-block;
+      font-weight: bold;
+      padding-left: var(--spacing-02);
+      padding-right: var(--spacing-02);
+    }
+
+    .applied {
+      background-color: rgba($green-70, 0.1);
+      color: var(--green-70);
+    }
+
+    .ineligible {
+      background-color: var(--neutral-10);
+    }
+  }
+}
+
+#change-plan {
+  table {
+    @include media-breakpoint-up(lg) {
+      th:last-child,
+      td:last-child {
+        width: 1%; // will expand to fit the content
+      }
+    }
+
+    @include media-breakpoint-down(lg) {
+      display: block;
+
+      thead {
+        display: none;
+      }
+
+      tbody,
+      td,
+      tr {
+        display: inline-block;
+        padding-top: 0;
+        padding-bottom: 0;
+        text-align: center;
+        width: 100%;
+      }
+
+      td:first-child {
+        padding-top: var(--spacing-07);
+      }
+
+      td:last-child {
+        padding-top: var(--spacing-03);
+        padding-bottom: var(--spacing-07);
+      }
+
+      tr {
+        border-bottom: 1px solid var(--bs-border-color);
+
+        td,
+        th {
+          border: 0 !important;
+        }
+      }
+
+      tr:last-child {
+        border-bottom: 0;
+      }
+    }
+  }
+}
+
+.payment-container {
+  padding-top: var(--spacing-08);
+  display: flex;
+  gap: var(--spacing-10);
+  justify-content: center;
+
+  @include media-breakpoint-down(lg) {
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .payment-review-panel {
+    width: 339px;
+    height: 100%;
+
+    @include media-breakpoint-down(lg) {
+      width: 100%;
+    }
+
+    h4 {
+      color: var(--neutral-70);
+      font-weight: 600;
+
+      @include heading-sm;
+    }
+
+    .price-feature-description {
+      color: var(--neutral-70);
+      font-weight: 400;
+
+      @include body-base;
+
+      h4 {
+        margin-bottom: var(--spacing-06);
+
+        &:has(+ .payment-nudge-annual-button) {
+          margin-bottom: 0;
+        }
+      }
+
+      .features-list {
+        margin-top: var(--spacing-08);
+      }
+
+      .price-summary {
+        .price-summary-line {
+          display: flex;
+          justify-content: space-between;
+
+          .price-summary-line-width {
+            width: 70%;
+          }
+        }
+
+        p {
+          margin: unset;
+        }
+
+        .price-nowrap {
+          white-space: nowrap;
+        }
+
+        .price-summary-total-line {
+          margin-top: var(--spacing-06);
+
+          .price-summary-due {
+            color: var(--green-50);
+          }
+        }
+      }
+
+      .price-cancel-anytime {
+        @include body-xs;
+      }
+
+      .trial-coupon-summary {
+        padding-top: var(--spacing-08);
+
+        .trial-coupon-summary-list-container {
+          padding-left: 0;
+
+          li {
+            display: flex;
+            color: var(--neutral-90);
+            align-items: center;
+            justify-content: flex-start;
+            margin-bottom: var(--spacing-04);
+            gap: var(--spacing-05);
+
+            @include body-sm;
+          }
+        }
+      }
+    }
+  }
+
+  .payment-checkout {
+    padding: var(--spacing-08);
+    width: 408px;
+
+    @include media-breakpoint-down(lg) {
+      width: 100%;
+    }
+
+    @include media-breakpoint-down(xs) {
+      padding-left: 0;
+      padding-right: 0;
+    }
+
+    .address-line-1-tooltip {
+      font-size: var(--font-size-03);
+    }
+
+    h1 {
+      @include heading-md;
+
+      margin-bottom: var(--spacing-08);
+    }
+
+    .student-disclaimer {
+      @include body-sm;
+    }
+
+    .paypal-disclaimer {
+      @include body-sm;
+
+      margin: var(--spacing-05) 0 0 0;
+    }
+
+    .form-group {
+      &:not(.payment-method-toggle) {
+        margin-bottom: var(--spacing-05);
+      }
+
+      &.address-1 {
+        margin-bottom: var(--spacing-04);
+      }
+    }
+
+    .form-check {
+      margin-bottom: 0; // override bootstrap5 default margin-bottom of 0.125rem
+    }
+
+    .checkout-form-submit {
+      margin-top: var(--spacing-08);
+    }
+  }
+}
+
+.group-heading {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-04);
+  margin-bottom: var(--spacing-06);
+
+  h2,
+  .heading {
+    @include heading-lg;
+
+    margin: 0;
+    word-break: break-all;
+  }
+
+  .btn-ghost {
+    --bs-btn-bg: transparent;
+  }
+}
+
+.change-currency {
+  margin-top: var(--spacing-02);
+
+  .dropdown-item:not(:first-child) {
+    margin-top: var(--spacing-02);
+  }
+}
+
+.change-currency-toggle {
+  padding-left: 0;
+  padding-bottom: 0;
+  text-decoration: underline;
+  color: var(--content-secondary);
+
+  &:hover,
+  &:focus,
+  &:active {
+    // !important is unfortunately necessary to override btn:first-child:active
+    color: var(--content-secondary) !important;
+  }
+
+  &:not(:hover) {
+    text-decoration: underline;
+  }
+
+  // Hide the dropdown caret, BS5 react-bootstrap does not have a prop for this
+  &::after {
+    display: none;
+  }
+
+  @include body-xs;
+}
+
+.change-currency-dropdown-selected-icon {
+  position: absolute;
+  right: 10px;
+  top: var(--bs-dropdown-item-padding-y);
+}
+
+.payment-method-toggle {
+  .form-check {
+    &:first-of-type {
+      margin-bottom: var(--spacing-05);
+    }
+
+    label {
+      margin-bottom: 0; // override .website-redesign default
+    }
+  }
+
+  .payment-method-logos {
+    display: inline-block;
+    margin-left: var(--spacing-05);
+
+    img:not(:last-child) {
+      margin-right: var(--spacing-04);
+    }
+  }
+}
+
+.address2-button {
+  text-decoration: none;
+  margin-bottom: var(--spacing-05);
+  padding: 0;
+
+  :hover {
+    text-decoration: underline;
+  }
+
+  .button-content {
+    justify-content: flex-start;
+    color: var(--link-web);
+  }
+}
+
+.three-d-secure-container {
+  > .three-d-secure-recurly-container {
+    height: 400px;
+  }
+}
+
+.group-subscription-upgrade-features {
+  .material-symbols {
+    @include body-sm;
+
+    vertical-align: top;
+  }
+
+  .per-user-price {
+    @include heading-lg;
+
+    color: var(--content-primary);
+  }
+
+  .per-user-price-text {
+    @include body-xs;
+  }
+
+  .feature-list-item {
+    @include body-sm;
+  }
+}
+
+.group-subscription-upgrade-card {
+  .title {
+    @include body-lg;
+  }
+}
+
+.pricing-warning-heading {
+  @include body-base;
+
+  font-weight: 600;
+}
+
+.not-student-switch {
+  font-size: var(--font-size-02);
+  margin-left: var(--spacing-08);
+
+  label {
+    font-weight: normal;
+  }
+
+  button {
+    margin: 0 0 0 var(--spacing-03);
+    padding: 0;
+    color: var(--link-web);
+    font-size: var(--font-size-02);
+    vertical-align: inherit;
+
+    .button-content {
+      color: var(--link-web);
+    }
+  }
+}
+
+.payment-nudge-annual-button {
+  margin: var(--spacing-02) 0 var(--spacing-06) 0;
+
+  @include body-sm;
+
+  button {
+    padding: 0;
+  }
+}
+
+.add-on-card {
+  display: flex;
+  align-items: center;
+  padding: var(--spacing-05);
+  gap: var(--spacing-05);
+  border: 1px solid var(--border-divider);
+  border-radius: var(--border-radius-base);
+
+  .add-on-card-icon {
+    width: 40px;
+    height: 40px;
+  }
+
+  .add-on-card-content {
+    display: flex;
+    flex-direction: column;
+  }
+
+  .heading {
+    @include body-base;
+
+    font-weight: 600;
+  }
+
+  .description {
+    color: var(--content-secondary);
+  }
+
+  .highlight {
+    color: var(--content-primary);
+  }
+
+  .add-on-options-toggle {
+    padding: var(--spacing-04);
+    font-size: 0;
+    line-height: 1;
+    border: none;
+    border-radius: 50%;
+
+    &::after {
+      content: none;
+    }
+  }
+}
+
+.payment-summary-card {
+  @extend .card-gray;
+
+  border-radius: var(--border-radius-large);
+
+  h3 {
+    margin-top: 0;
+    margin-bottom: var(--spacing-08);
+    font-weight: 600;
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
new file mode 100644
index 0000000..a829bb8
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss
@@ -0,0 +1,448 @@
+.gallery.gallery-tagged {
+  .gallery-title {
+    display: block;
+    text-align: left;
+  }
+
+  .gallery-summary {
+    text-align: left;
+    max-width: 828px;
+  }
+
+  .gallery-filters {
+    @include media-breakpoint-down(lg) {
+      margin-top: var(--spacing-06);
+    }
+  }
+
+  h2 {
+    margin-top: 0;
+  }
+}
+
+.gallery {
+  padding-top: calc($header-height + var(--spacing-10)) !important;
+
+  .gallery-tagged-tags-container-spacing {
+    padding: 0 var(--spacing-09);
+    margin-bottom: var(--spacing-16);
+
+    h2 {
+      margin-bottom: var(--spacing-09);
+    }
+  }
+
+  .gallery-filters {
+    float: right;
+    margin-bottom: var(--spacing-11);
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--spacing-04);
+
+    @include media-breakpoint-down(lg) {
+      float: none;
+    }
+
+    a {
+      text-decoration: none;
+
+      &:visited {
+        color: var(--green-50);
+      }
+
+      &:hover {
+        color: var(--green-60);
+      }
+
+      &.active {
+        font-weight: 600;
+        text-decoration: underline;
+      }
+    }
+  }
+
+  .gallery-header {
+    margin-bottom: var(--spacing-09);
+
+    @include media-breakpoint-up(lg) {
+      max-width: $templates-search-max-width;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      margin-left: auto;
+      margin-right: auto;
+    }
+  }
+
+  .gallery-title {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: var(--spacing-06);
+    text-align: center;
+  }
+
+  .gallery-summary {
+    @include body-lg;
+
+    text-align: center;
+    margin-bottom: 0;
+  }
+
+  .tagged-header-container {
+    margin-bottom: var(--spacing-16);
+  }
+
+  .top-picks-banner {
+    padding: 0;
+    margin: 0 auto var(--spacing-16) auto;
+
+    h2 {
+      @include heading-xl;
+    }
+
+    .doc-rows-container {
+      margin-top: var(--spacing-09);
+    }
+  }
+
+  .recent-templates-container {
+    padding: 0 var(--spacing-09);
+    margin-bottom: var(--spacing-16);
+
+    h2 {
+      margin-bottom: var(--spacing-09);
+
+      @include heading-xl;
+    }
+  }
+
+  .no-articles-matching {
+    color: var(--neutral-90);
+    font-weight: 600;
+
+    @include heading-lg;
+  }
+
+  .template-summary {
+    margin-top: var(--spacing-02);
+    margin-bottom: var(--spacing-09);
+
+    @include body-lg;
+  }
+
+  @mixin line-clamp {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+    line-clamp: 2;
+    overflow: hidden;
+  }
+
+  .popular-tags-list,
+  .gallery-container {
+    --bs-gutter-x: var(--spacing-09);
+
+    row-gap: var(--spacing-11);
+  }
+
+  .gallery-container {
+    align-items: baseline;
+  }
+
+  .gallery-thumbnail {
+    a {
+      @extend .link-black-text;
+
+      display: inline-block;
+      width: 100%;
+
+      .thumbnail,
+      .thumbnail-tag {
+        position: relative;
+
+        &::before {
+          content: '';
+          background: var(--neutral-90);
+          opacity: 0;
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          transition: opacity 0.15s ease-in-out;
+        }
+      }
+
+      .thumbnail-tag {
+        &::before {
+          border-radius: var(--border-radius-medium);
+        }
+      }
+
+      .thumbnail {
+        &::before {
+          border-radius: var(--border-radius-base);
+        }
+      }
+
+      &:hover {
+        .thumbnail,
+        .thumbnail-tag {
+          &::before {
+            transition: opacity 0.15s ease-in-out;
+            opacity: 0.08;
+          }
+        }
+      }
+    }
+
+    .thumbnail,
+    .thumbnail-tag {
+      margin: 0 0 var(--spacing-08) 0;
+
+      img {
+        width: 100%;
+        display: inline-block;
+      }
+    }
+
+    .thumbnail {
+      img {
+        @include shadow-lg;
+
+        border-radius: var(--border-radius-base);
+      }
+    }
+
+    .caption {
+      // Override Server Pro template styles
+      background: none;
+      border: none;
+      margin-top: var(--spacing-04);
+    }
+
+    .caption-description {
+      color: var(--neutral-70);
+      margin-bottom: 0;
+
+      @include line-clamp;
+    }
+
+    .author-name {
+      margin-top: var(--spacing-04);
+      color: var(--neutral-70);
+      font-weight: 600;
+    }
+
+    .gallery-list-item-title {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: var(--spacing-04);
+
+      .badge-container {
+        display: inline-block;
+        text-wrap: nowrap;
+
+        .badge:not(:first-child) {
+          margin-left: var(--spacing-04);
+        }
+      }
+
+      * {
+        flex-basis: content;
+        cursor: inherit;
+      }
+    }
+
+    .caption-title {
+      color: var(--neutral-90);
+      font-weight: 600;
+
+      @include heading-md;
+      @include line-clamp;
+    }
+  }
+
+  .related-tags-top-spacing {
+    margin-top: var(--spacing-16);
+  }
+
+  .gallery-tagged-template-tags-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--spacing-05);
+
+    .badge-content {
+      padding-left: var(--spacing-02);
+      padding-right: var(--spacing-02);
+    }
+  }
+
+  .pagination {
+    margin-top: var(--spacing-13);
+  }
+
+  .popular-tags {
+    margin-top: 0;
+    margin-bottom: var(--spacing-16);
+
+    a {
+      width: 100%;
+    }
+  }
+
+  .popular-tags,
+  .recent-docs,
+  .featured-docs {
+    h2 {
+      margin-bottom: var(--spacing-09);
+    }
+  }
+
+  .recent-docs + .featured-docs {
+    margin-top: var(--spacing-16);
+  }
+
+  .gallery-item-title {
+    * {
+      vertical-align: middle;
+    }
+
+    h1 {
+      display: inline;
+      margin: unset;
+    }
+
+    h1:has(+ .gallery-item-title-badge-container) {
+      margin-right: var(--spacing-06);
+    }
+
+    .gallery-item-title-badge-container {
+      display: inline-flex;
+      justify-content: center;
+      align-items: center;
+      gap: var(--spacing-04);
+
+      .badge-content {
+        font-size: var(--font-size-02);
+        line-height: var(--line-height-02);
+      }
+    }
+  }
+
+  .template-details-container {
+    @include heading-xs;
+
+    @include media-breakpoint-up(lg) {
+      gap: var(--spacing-04) var(--spacing-11);
+      display: grid;
+      grid-template-columns: auto auto;
+    }
+
+    .template-detail {
+      @include media-breakpoint-down(lg) {
+        margin-bottom: var(--spacing-06);
+      }
+
+      @include media-breakpoint-up(lg) {
+        display: contents;
+      }
+
+      div:first-child {
+        white-space: nowrap;
+      }
+
+      &.tags > div {
+        margin-top: var(--spacing-06);
+      }
+    }
+  }
+
+  .gallery-abstract {
+    word-break: break-word;
+    hyphens: auto;
+
+    a {
+      hyphens: none;
+    }
+
+    p:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .cta-links-container {
+    margin-top: var(--spacing-09);
+    margin-bottom: var(--spacing-09);
+
+    .cta-links {
+      display: inline-flex;
+      align-items: flex-start;
+      flex-wrap: wrap;
+      gap: var(--spacing-06);
+
+      .btn {
+        margin: 0; // gap will handle spacing
+      }
+    }
+  }
+
+  .gallery-large-pdf-preview {
+    img {
+      width: 100%;
+    }
+
+    @include shadow-md;
+  }
+
+  .related-tags-header {
+    margin-top: var(--spacing-16);
+
+    h2 {
+      margin-bottom: 0;
+    }
+  }
+
+  .related-tags {
+    margin-top: var(--spacing-09);
+    max-height: 62px;
+    overflow: hidden;
+
+    &.all-tags {
+      max-height: none;
+
+      // min-height prevents elements below the tags from moving upwards
+      // when Show More is clicked
+      min-height: 105px;
+    }
+  }
+
+  .show-more-tags {
+    margin-top: var(--spacing-06);
+  }
+
+  @include media-breakpoint-up(lg) {
+    .template-item-left-section {
+      padding-right: var(--spacing-10);
+    }
+
+    .template-item-right-section {
+      padding-left: var(--spacing-10);
+    }
+  }
+
+  @include media-breakpoint-down(md) {
+    .template-item-left-section {
+      .badge-link-list {
+        margin-top: var(--spacing-04);
+      }
+    }
+
+    .template-item-right-section {
+      margin-top: var(--spacing-11);
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss
new file mode 100644
index 0000000..bdd168a
--- /dev/null
+++ b/services/web/frontend/stylesheets/bootstrap-5/pages/website-redesign.scss
@@ -0,0 +1,370 @@
+// TODO: .website-redesign to be removed once fully rolled out
+
+@mixin reset-font-size($size) {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  p,
+  ul,
+  ol {
+    @if $size == 'heading-2xl' {
+      @include heading-2xl;
+    } @else if $size == 'heading-xl' {
+      @include heading-xl;
+    } @else if $size == 'heading-lg' {
+      @include heading-lg;
+    } @else if $size == 'heading-md' {
+      @include heading-md;
+    } @else if $size == 'heading-sm' {
+      @include heading-sm;
+    } @else if $size == 'heading-xs' {
+      @include heading-xs;
+    } @else if $size == 'base' {
+      @include body-base;
+    }
+  }
+}
+
+.website-redesign {
+  &:not(.application-page) {
+    --link-color: var(--link-web);
+    --link-hover-color: var(--link-web-hover);
+    --link-visited-color: var(--link-web-visited);
+    --link-hover-text-decoration: underline;
+
+    .notification {
+      --link-color: var(--link-ui);
+      --link-hover-color: var(--link-ui-hover);
+      --link-visited-color: var(--link-ui-visited);
+    }
+  }
+
+  // hero section of features, enterprises, and universities will have an image that will overflow the page
+
+  --bs-body-color: var(--neutral-70);
+
+  overflow-x: hidden;
+
+  a {
+    &:focus,
+    &:focus-visible {
+      outline: 0;
+    }
+
+    &:focus-visible {
+      @include box-shadow-button-input;
+    }
+
+    i {
+      vertical-align: middle;
+      margin-left: var(--spacing-02);
+      padding-bottom: 3px;
+    }
+
+    &.link-lg {
+      font-size: var(--font-size-04);
+      line-height: var(--line-height-03);
+
+      i {
+        font-size: 24px;
+        line-height: inherit;
+      }
+    }
+
+    &.link-xl {
+      font-size: var(--font-size-06);
+      line-height: var(--line-height-05);
+
+      i {
+        font-size: var(--font-size-06);
+        line-height: var(--font-size-06);
+      }
+    }
+
+    // Specific overrides for link styles
+    &.link-monospace {
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+
+    &.btn:hover {
+      text-decoration: none;
+    }
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    font-weight: 600;
+  }
+
+  h1,
+  .h1 {
+    @include heading-2xl;
+  }
+
+  .font-size-h1 {
+    @include reset-font-size('heading-2xl');
+  }
+
+  h2,
+  .h2 {
+    @include heading-xl;
+  }
+
+  .font-size-h2 {
+    @include reset-font-size('heading-xl');
+  }
+
+  h3,
+  .h3 {
+    @include heading-lg;
+  }
+
+  .font-size-h3 {
+    @include reset-font-size('heading-lg');
+  }
+
+  h4,
+  .h4 {
+    @include heading-md;
+  }
+
+  .font-size-h4 {
+    @include reset-font-size('heading-md');
+  }
+
+  h5,
+  .h5 {
+    @include heading-sm;
+  }
+
+  .font-size-h5 {
+    @include reset-font-size('heading-sm');
+  }
+
+  h6,
+  .h6 {
+    @include heading-xs;
+  }
+
+  .font-size-h6 {
+    @include reset-font-size('heading-xs');
+  }
+
+  .font-size-base {
+    @include reset-font-size('base');
+  }
+
+  // smaller fonts for mobile
+  @include media-breakpoint-down(lg) {
+    h1,
+    .h1 {
+      @include heading-xl;
+    }
+
+    .font-size-h1 {
+      @include reset-font-size('heading-xl');
+    }
+
+    h2,
+    .h2 {
+      @include heading-lg;
+    }
+
+    .font-size-h2 {
+      @include reset-font-size('heading-lg');
+    }
+
+    h3,
+    .h3 {
+      @include heading-md;
+    }
+
+    .font-size-h3 {
+      @include reset-font-size('heading-md');
+    }
+
+    h4,
+    .h4 {
+      @include heading-sm;
+    }
+
+    .font-size-h4 {
+      @include reset-font-size('heading-sm');
+    }
+
+    h5,
+    .h5 {
+      @include heading-xs;
+    }
+
+    .font-size-h5 {
+      @include reset-font-size('heading-xs');
+    }
+
+    h6,
+    .h6 {
+      @include body-base;
+    }
+
+    .font-size-h6 {
+      @include reset-font-size('base');
+    }
+  }
+
+  .font-size-display-xs {
+    @include display-xs;
+  }
+
+  .text-purple-bright {
+    color: var(--purple-bright);
+  }
+
+  .text-green-bright {
+    color: var(--green-bright);
+  }
+
+  .card {
+    --bs-card-bg: var(--neutral-10);
+    --bs-card-border-radius: var(--border-radius-large);
+
+    &.page-content-card {
+      --bs-card-bg: transparent;
+    }
+  }
+
+  .badge-premium {
+    --badge-font-weight: 600;
+  }
+
+  .content-alt {
+    background-color: var(--bg-light-primary);
+  }
+
+  .page-header {
+    border-bottom-width: 0;
+  }
+
+  .round-background {
+    border-radius: 50%;
+    vertical-align: middle;
+    width: 20px;
+    height: 20px;
+  }
+
+  .green-round-background {
+    @extend .round-background;
+
+    background: var(--green-30);
+  }
+
+  .features-card {
+    display: flex; /* equal heights */
+    flex-wrap: wrap;
+    align-items: center;
+
+    .features-card-media,
+    .features-card-media-right {
+      padding-top: var(--spacing-08);
+      position: relative;
+
+      img.img-responsive {
+        width: 100%;
+      }
+
+      video {
+        box-shadow:
+          0 4px 6px 0 rgb(30 37 48 / 12%),
+          0 8px 16px 0 rgb(30 37 48 / 12%);
+        max-height: 100%;
+        width: auto;
+        width: 100%;
+      }
+
+      @include media-breakpoint-down(lg) {
+        margin-bottom: var(--spacing-11);
+      }
+    }
+
+    @include media-breakpoint-up(lg) {
+      .features-card-media-right {
+        padding-left: var(--spacing-13);
+      }
+
+      .features-card-media {
+        padding-right: var(--spacing-13);
+      }
+    }
+
+    .features-card-description,
+    .features-card-description-list {
+      padding-top: var(--spacing-06);
+
+      p {
+        margin-bottom: var(--spacing-06);
+        font-size: 1.125rem;
+        line-height: 1.333;
+
+        @include media-breakpoint-down(lg) {
+          font-size: 1rem;
+          line-height: 1.375;
+        }
+      }
+    }
+
+    .features-card-description {
+      h3 {
+        font-size: 1.5rem;
+        line-height: 1.4;
+        margin-bottom: var(--spacing-04);
+      }
+    }
+
+    .features-card-description-list {
+      h3 {
+        font-size: 1.875rem;
+        line-height: 1.5;
+      }
+
+      ul.list-simple-text,
+      ul.list-heading-text {
+        list-style-type: none;
+        padding: 0;
+        margin: 0;
+
+        li {
+          margin-bottom: var(--spacing-05);
+          font-size: 1.125rem;
+          line-height: 1.333;
+          display: flex;
+
+          @include media-breakpoint-down(lg) {
+            font-size: 1rem;
+            line-height: 1.375;
+          }
+        }
+      }
+
+      ul.list-heading-text {
+        li {
+          h4 {
+            margin-top: 0;
+            margin-bottom: var(--spacing-04);
+            font-size: 20px;
+            font-weight: 600;
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/accordion.less b/services/web/frontend/stylesheets/components/accordion.less
new file mode 100644
index 0000000..df22305
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/accordion.less
@@ -0,0 +1,50 @@
+.ol-accordions-container :last-child {
+  border: 0px !important;
+}
+
+.ol-accordions-container {
+  .custom-accordion-item {
+    width: 100%;
+    padding-top: var(--spacing-08);
+    padding-bottom: var(--spacing-09);
+    border-bottom: 1px solid var(--neutral-20);
+
+    .custom-accordion-header {
+      text-align: left;
+      width: 100%;
+      font-size: var(--font-size-04);
+      font-weight: 600;
+      line-height: var(--line-height-03);
+      color: var(--neutral-90);
+      background-color: unset;
+      border: unset;
+      display: flex;
+      justify-content: space-between;
+      padding: unset;
+
+      .custom-accordion-icon {
+        display: flex;
+        align-items: center;
+        transition: transform 0.35s ease;
+        margin-left: var(--spacing-08);
+      }
+
+      &:not(.collapsed) {
+        .custom-accordion-icon {
+          transform: rotate(180deg);
+          transition: transform 0.35s ease;
+        }
+      }
+    }
+
+    .custom-accordion-body {
+      background-color: unset;
+      text-align: left;
+      padding: unset;
+      padding-right: 2rem;
+      margin-top: var(--spacing-04);
+      font-size: var(--font-size-body-base);
+      line-height: var(--line-height-03);
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/alerts.less b/services/web/frontend/stylesheets/components/alerts.less
new file mode 100755
index 0000000..e84a12d
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/alerts.less
@@ -0,0 +1,118 @@
+//
+// Alerts
+// --------------------------------------------------
+
+// Base styles
+// -------------------------
+
+.alert {
+  padding: @alert-padding;
+  margin-bottom: @line-height-computed;
+  border-left: 3px solid transparent;
+  border-radius: @alert-border-radius;
+
+  // Headings for larger alerts
+  h4 {
+    margin-top: 0;
+    // Specified for the h4 to prevent conflicts of changing @headings-color
+    color: inherit;
+  }
+  // Provide class for links that match alerts
+  .alert-link {
+    font-weight: @alert-link-font-weight;
+  }
+
+  // Improve alignment and spacing of inner content
+  > p,
+  > ul {
+    margin-bottom: 0;
+  }
+  > p + p {
+    margin-top: 5px;
+  }
+  p:last-child {
+    margin-bottom: 0;
+  }
+}
+
+// Dismissable alerts
+//
+// Expand the right padding and account for the close button's positioning.
+
+.alert-dismissable {
+  padding-right: (@alert-padding + 20);
+
+  // Adjust close link position
+  .close {
+    position: relative;
+    top: -2px;
+    right: -21px;
+    color: inherit;
+  }
+}
+
+// Alternate styles
+//
+// Generate contextual modifier classes for colorizing the alert.
+
+.alert-success {
+  .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
+}
+
+.btn-alert-success {
+  .btn-alert-variant(@alert-success-bg);
+}
+
+.alert-info {
+  .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);
+}
+
+.alert-info-alt {
+  .alert-variant(@alert-info-alt-bg; @alert-info-alt-border; @alert-info-alt-text);
+}
+
+.btn-alert-info {
+  .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);
+  .alert-btn(@btn-info-bg);
+}
+
+.alert-warning {
+  .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
+}
+
+.btn-alert-warning {
+  .btn-alert-variant(@alert-warning-bg);
+}
+
+.alert-danger {
+  .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
+}
+
+.btn-alert-danger {
+  .btn-alert-variant(@alert-danger-bg);
+}
+
+.alert-alt {
+  .alert-variant(@alert-alt-bg; @alert-alt-border; @alert-alt-text);
+}
+
+.btn-alert-alt {
+  .btn-alert-variant(@alert-alt-bg);
+}
+
+.alert {
+  a,
+  .btn-inline-link {
+    color: white;
+    text-decoration: underline;
+    background: none;
+    &:hover,
+    &:focus,
+    &:active {
+      background: none;
+    }
+  }
+  .btn:not(.btn-inline-link) {
+    text-decoration: none;
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/badge.less b/services/web/frontend/stylesheets/components/badge.less
new file mode 100644
index 0000000..abf1809
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/badge.less
@@ -0,0 +1,56 @@
+.badge-tag-bs3 {
+  @size: 24px;
+  @padding: 4px;
+  display: inline-flex;
+  align-items: center;
+  height: @size;
+  max-width: 100%;
+  min-height: @size;
+  white-space: nowrap;
+  color: @ol-blue-gray-6;
+  background-color: @neutral-20;
+  border-radius: 4px;
+
+  &:hover {
+    background-color: @neutral-30;
+  }
+
+  &-content-wrapper {
+    display: flex;
+    align-items: center;
+    overflow: hidden;
+    padding-left: @padding;
+    padding-right: @padding;
+    border-top-left-radius: inherit;
+    border-bottom-left-radius: inherit;
+  }
+
+  &-prepend {
+    margin-right: 2px;
+    display: flex;
+  }
+
+  &-close {
+    .reset-button;
+    width: @size;
+    font-size: 20px;
+    height: @size;
+    line-height: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    padding: 0 @padding;
+    border-top-right-radius: inherit;
+    border-bottom-right-radius: inherit;
+    color: inherit;
+
+    &:hover {
+      background-color: @neutral-40;
+    }
+  }
+
+  &-content {
+    .text-overflow();
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/beta-badges.less b/services/web/frontend/stylesheets/components/beta-badges.less
new file mode 100644
index 0000000..e5553a4
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/beta-badges.less
@@ -0,0 +1,67 @@
+.info-badge,
+.beta-badge,
+.alpha-badge {
+  display: inline-block;
+  width: @line-height-computed * 0.75;
+  height: @line-height-computed * 0.75;
+  line-height: @font-size-small;
+  font-size: @line-height-computed * 0.75;
+  font-weight: normal;
+  text-align: center;
+  color: #fff;
+
+  &::before {
+    line-height: @font-size-small;
+    font-size: @font-size-small;
+  }
+
+  &:hover,
+  &:focus {
+    color: #fff;
+    text-decoration: none;
+  }
+}
+
+.info-badge {
+  background-color: @info-badge-bg;
+  border-radius: @line-height-computed * 0.75;
+  font-family: @font-family-serif;
+  font-style: italic;
+
+  &::before {
+    content: 'i';
+  }
+}
+
+.info-badge-fade-bg {
+  .info-badge;
+  background-color: rgba(0, 0, 0, 0.25);
+}
+
+.beta-badge {
+  background-color: @orange;
+  border-radius: @border-radius-base;
+
+  &::before {
+    content: 'β';
+  }
+}
+.alpha-badge {
+  background-color: @ol-green;
+  border-radius: @border-radius-base;
+
+  &::before {
+    content: 'α';
+  }
+}
+
+.labs-badge {
+  background-color: @orange;
+  border-radius: @border-radius-base;
+  padding: 2px;
+  color: white;
+}
+
+.split-test-badge-tooltip .tooltip-inner {
+  white-space: pre-wrap;
+}
diff --git a/services/web/frontend/stylesheets/components/button-groups.less b/services/web/frontend/stylesheets/components/button-groups.less
new file mode 100755
index 0000000..ed4f134
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/button-groups.less
@@ -0,0 +1,251 @@
+//
+// Button groups
+// --------------------------------------------------
+
+// Make the div behave like a button
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle; // match .btn alignment given font-size hack above
+  > .btn {
+    position: relative;
+    float: left;
+    // Bring the "active" button to the front
+    &:hover,
+    &:focus,
+    &:active,
+    &.active {
+      z-index: 2;
+    }
+    &:focus {
+      // Remove focus outline when dropdown JS adds it after closing the menu
+      outline: none;
+    }
+  }
+}
+
+.btn-group {
+  label {
+    &.btn.active {
+      background-color: @neutral-20;
+    }
+
+    &.btn[disabled] {
+      cursor: not-allowed;
+      background-color: @neutral-20;
+      border-color: @neutral-20;
+      opacity: 1;
+      color: @neutral-90;
+    }
+  }
+}
+
+// Prevent double borders when buttons are next to each other
+.btn-group {
+  .btn + .btn,
+  .btn + .btn-group,
+  .btn-group + .btn,
+  .btn-group + .btn-group {
+    margin-left: -1px;
+  }
+}
+
+// Optional: Group multiple button groups together for a toolbar
+.btn-toolbar {
+  &:extend(.clearfix all);
+
+  .btn-group,
+  .input-group {
+    float: left;
+  }
+  > .btn,
+  > .btn-group,
+  > .input-group {
+    margin-left: 5px;
+  }
+}
+
+.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
+  border-radius: 0;
+}
+
+// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
+.btn-group > .btn:first-child {
+  margin-left: 0;
+  &:not(:last-child):not(.dropdown-toggle) {
+    .border-right-radius(0);
+  }
+}
+// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
+.btn-group > .btn:last-child:not(:first-child),
+.btn-group > .dropdown-toggle:not(:first-child) {
+  .border-left-radius(0);
+}
+
+// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
+.btn-group > .btn-group {
+  float: left;
+}
+.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
+  border-radius: 0;
+}
+.btn-group > .btn-group:first-child {
+  > .btn:last-child,
+  > .dropdown-toggle {
+    .border-right-radius(0);
+  }
+}
+.btn-group > .btn-group:last-child > .btn:first-child {
+  .border-left-radius(0);
+}
+
+// On active and open, don't show outline
+.btn-group .dropdown-toggle:active,
+.btn-group.open .dropdown-toggle {
+  outline: 0;
+}
+
+// Sizing
+//
+// Remix the default button sizing classes into new ones for easier manipulation.
+
+.btn-group-xs > .btn {
+  &:extend(.btn-xs);
+}
+.btn-group-sm > .btn {
+  &:extend(.btn-sm);
+}
+.btn-group-lg > .btn {
+  &:extend(.btn-lg);
+}
+
+// Split button dropdowns
+// ----------------------
+
+// Give the line between buttons some depth
+.btn-group > .btn + .dropdown-toggle {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+.btn-group > .btn-lg + .dropdown-toggle {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+
+// The clickable button for toggling the menu
+// Remove the gradient and set the same inset shadow as the :active state
+.btn-group.open .dropdown-toggle {
+  &.btn-secondary {
+    background-color: @btn-secondary-hover-bg-color;
+  }
+  &.btn-primary {
+    border-color: @btn-primary-hover-bg-color;
+    background-color: @btn-primary-hover-bg-color;
+  }
+}
+.btn-form-cross {
+  display: block;
+}
+// Reposition the caret
+.btn .caret {
+  margin-left: 0;
+}
+// Carets in other button sizes
+.btn-lg .caret {
+  border-width: @caret-width-large @caret-width-large 0;
+  border-bottom-width: 0;
+}
+// Upside down carets for .dropup
+.dropup .btn-lg .caret {
+  border-width: 0 @caret-width-large @caret-width-large;
+}
+
+// Vertical button groups
+// ----------------------
+
+.btn-group-vertical {
+  > .btn,
+  > .btn-group,
+  > .btn-group > .btn {
+    display: block;
+    float: none;
+    width: 100%;
+    max-width: 100%;
+  }
+
+  // Clear floats so dropdown menus can be properly placed
+  > .btn-group {
+    &:extend(.clearfix all);
+    > .btn {
+      float: none;
+    }
+  }
+
+  > .btn + .btn,
+  > .btn + .btn-group,
+  > .btn-group + .btn,
+  > .btn-group + .btn-group {
+    margin-top: -1px;
+    margin-left: 0;
+  }
+}
+
+.btn-group-vertical > .btn {
+  &:not(:first-child):not(:last-child) {
+    border-radius: 0;
+  }
+  &:first-child:not(:last-child) {
+    border-top-right-radius: @border-radius-base;
+    .border-bottom-radius(0);
+  }
+  &:last-child:not(:first-child) {
+    border-bottom-left-radius: @border-radius-base;
+    .border-top-radius(0);
+  }
+}
+.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
+  border-radius: 0;
+}
+.btn-group-vertical > .btn-group:first-child:not(:last-child) {
+  > .btn:last-child,
+  > .dropdown-toggle {
+    .border-bottom-radius(0);
+  }
+}
+.btn-group-vertical
+  > .btn-group:last-child:not(:first-child)
+  > .btn:first-child {
+  .border-top-radius(0);
+}
+
+// Justified button groups
+// ----------------------
+
+.btn-group-justified {
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+  > .btn,
+  > .btn-group {
+    float: none;
+    display: table-cell;
+    width: 1%;
+  }
+  > .btn-group .btn {
+    width: 100%;
+  }
+}
+
+// Checkbox and radio options
+[data-toggle='buttons'] > .btn > input[type='radio'],
+[data-toggle='buttons'] > .btn > input[type='checkbox'] {
+  display: none;
+}
+
+// button group as toolbar item
+.btn-group.toolbar-item {
+  display: flex;
+  flex-wrap: nowrap;
+}
diff --git a/services/web/frontend/stylesheets/components/buttons.less b/services/web/frontend/stylesheets/components/buttons.less
new file mode 100755
index 0000000..0ff2933
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/buttons.less
@@ -0,0 +1,293 @@
+//
+// Buttons
+// --------------------------------------------------
+
+// Base styles
+// --------------------------------------------------
+
+.btn {
+  display: inline-block;
+  margin-bottom: 0; // For input.btn
+  font-weight: @btn-font-weight;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  border: 0 solid transparent;
+  white-space: nowrap;
+  .button-size(
+    @padding-base-vertical; @padding-base-horizontal; @font-size-base;
+      @line-height-base; @btn-border-radius-base
+  );
+  .user-select(none);
+
+  &,
+  &:active,
+  &.active {
+    &:focus {
+      .tab-focus();
+    }
+  }
+
+  &:hover,
+  &:focus {
+    color: @btn-default-color;
+    text-decoration: none;
+  }
+
+  // &:active,
+  // &.active {
+  // }
+
+  &.disabled,
+  &[disabled],
+  fieldset[disabled] & {
+    &,
+    &:hover,
+    &:focus,
+    &:active,
+    &.active {
+      cursor: not-allowed;
+      opacity: 1; //needed to override deprecated styling in individual classes
+      .box-shadow(none);
+    }
+  }
+
+  &.disabled.btn-info,
+  &.disabled.btn-default,
+  &[disabled].btn-info,
+  &[disabled].btn-default,
+  fieldset[disabled].btn-info,
+  fieldset[disabled].btn-default & {
+    // style only for deprecated classes
+    .opacity(0.65);
+  }
+}
+
+// Alternate buttons
+// --------------------------------------------------
+
+.btn-default {
+  .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);
+}
+.btn-default-outline {
+  .button-outline-variant(@btn-default-bg);
+}
+.btn-primary {
+  .btn-borderless();
+}
+.btn-primary-on-primary-bg {
+  .button-variant(@white; @ol-dark-green; @ol-dark-green);
+}
+// Success appears as green
+.btn-success {
+  .btn-primary;
+}
+
+// Info appears as blue-green
+.btn-info {
+  .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);
+}
+// Warning appears as orange
+.btn-warning {
+  .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);
+}
+// Danger and error appear as red
+.btn-danger {
+  .btn-borderless(@white, @red, @red-60);
+}
+// Danger Ghost and error appear as light red with no border
+.btn-danger-ghost {
+  .btn-borderless(@red-50, @btn-danger-ghost-bg, @red-10);
+}
+// Info Ghost appear as info blue with no border
+.btn-info-ghost {
+  .btn-borderless(@blue-50, @btn-info-ghost-bg, @blue-10);
+}
+// Background Ghost appear as neutral-90 (matching our text colour) with no border
+// .btn-ghost is backported from bs5
+.btn-bg-ghost,
+.btn-ghost {
+  .btn-borderless(@neutral-90, @btn-info-ghost-bg, @neutral-10);
+}
+// Inline button to fit text, without link styling.
+// TODO: generic class for other styles
+.btn-info-ghost-inline {
+  .btn-borderless(@blue-50, @btn-info-ghost-bg, @blue-10);
+  padding: 0 !important;
+  font-size: inherit !important;
+  vertical-align: inherit;
+}
+// btn-secondary
+.btn-secondary {
+  .btn-bordered();
+}
+.btn-secondary-info {
+  .btn-secondary;
+}
+
+// Buttons relating to premium features have a special background
+.btn-premium {
+  .premium-background;
+  color: @white;
+  &:hover {
+    background: @blue-70;
+  }
+}
+
+.btn-premium-secondary {
+  .btn-bordered();
+  .button-variant(@blue-60, @white, @blue-60);
+}
+
+.reset-btns {
+  // reset all buttons back to their original colors
+  .btn-danger {
+    .btn-danger;
+  }
+  .btn-default {
+    .btn-default;
+  }
+  .btn-default-outline {
+    .btn-default-outline;
+  }
+  .btn-info {
+    .btn-info;
+  }
+  .btn-primary {
+    .btn-primary;
+  }
+  .btn-success {
+    .btn-success;
+  }
+  .btn-warning {
+    .btn-warning;
+  }
+  .btn-secondary {
+    .btn-secondary;
+  }
+  .btn-premium {
+    .btn-premium;
+  }
+}
+
+// Link buttons
+// -------------------------
+
+// Make a button look and behave like a link
+.btn-link {
+  color: @link-color;
+  font-weight: normal;
+  cursor: pointer;
+  border-radius: 0;
+
+  &,
+  &:active,
+  &[disabled],
+  fieldset[disabled] & {
+    background-color: transparent;
+    .box-shadow(none);
+  }
+  &,
+  &:hover,
+  &:focus,
+  &:active {
+    border-color: transparent;
+  }
+  &:hover,
+  &:focus {
+    color: @link-hover-color;
+    text-decoration: underline;
+    background-color: transparent;
+  }
+  &[disabled],
+  fieldset[disabled] & {
+    &:hover,
+    &:focus {
+      color: @btn-link-disabled-color;
+      text-decoration: none;
+    }
+  }
+
+  &.btn-danger {
+    color: @ol-red;
+
+    &:hover,
+    &:focus {
+      color: @ol-dark-red;
+    }
+  }
+}
+
+.btn-inline-link {
+  .btn-link();
+  padding: 0;
+  font-size: inherit;
+  vertical-align: inherit;
+}
+
+// Button Sizes
+// --------------------------------------------------
+
+.btn-xl {
+  .button-size(
+    @padding-large-vertical; @padding-large-horizontal; @font-size-h2;
+      @line-height-large; @btn-border-radius-large
+  );
+}
+
+.btn-lg {
+  // line-height: ensure even-numbered height of button next to large input
+  .button-size(
+    @padding-large-vertical; @padding-large-horizontal; @font-size-large;
+      @line-height-large; @btn-border-radius-large
+  );
+}
+.btn-sm {
+  // line-height: ensure proper height of button next to small input
+  .button-size(
+    @padding-small-vertical; @padding-small-horizontal; @font-size-small;
+      @line-height-small; @btn-border-radius-small
+  );
+}
+.btn-xs {
+  .button-size(
+    @padding-xs-vertical; @padding-xs-horizontal; @font-size-small;
+      @line-height-small; @btn-border-radius-small
+  );
+}
+
+// Block button
+// --------------------------------------------------
+
+.btn-block {
+  display: block;
+  width: 100%;
+  padding-left: 0;
+  padding-right: 0;
+}
+
+// Vertically space out multiple block buttons
+.btn-block + .btn-block {
+  margin-top: 5px;
+}
+
+// Specificity overrides
+input[type='submit'],
+input[type='reset'],
+input[type='button'] {
+  &.btn-block {
+    width: 100%;
+  }
+}
+
+.login-btn {
+  .btn;
+  .btn-secondary;
+  position: relative;
+  padding-left: 20px;
+  padding-right: 0;
+}
+
+.login-btn-dynamic-text {
+  white-space: normal;
+}
diff --git a/services/web/frontend/stylesheets/components/card.less b/services/web/frontend/stylesheets/components/card.less
new file mode 100644
index 0000000..67e7bfc
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/card.less
@@ -0,0 +1,201 @@
+.card {
+  background-color: white;
+  border-radius: @border-radius-base;
+  box-shadow: none;
+  padding: @line-height-computed;
+  .page-header {
+    margin: 0 0 1.5625rem;
+    h1,
+    h2,
+    h3 {
+      margin-top: 0;
+    }
+  }
+  > .container-fluid {
+    padding: 0;
+  }
+
+  .card-header {
+    border-bottom: 1px solid @gray-lighter;
+    padding-bottom: @line-height-computed;
+    margin-bottom: @line-height-computed;
+    h2 {
+      margin: 0;
+    }
+  }
+
+  > :first-child {
+    margin-top: 0;
+  }
+  > :last-child {
+    margin-bottom: 0;
+  }
+
+  &.card-drop-shadow {
+    box-shadow: @card-box-shadow;
+    background-color: white;
+
+    > hr {
+      margin-left: -@line-height-computed;
+      margin-right: -@line-height-computed;
+    }
+  }
+}
+
+.card-thin {
+  padding: @line-height-computed / 2;
+}
+
+.card-group {
+  .card {
+    margin: @line-height-computed -15px 0 -15px;
+    border-radius: 0;
+
+    &.card-highlighted {
+      // Make it taller and card like
+      margin-top: 0;
+      border-radius: @border-radius-base;
+    }
+
+    &.card-first {
+      border-top-left-radius: @border-radius-base;
+      border-bottom-left-radius: @border-radius-base;
+    }
+    &.card-last {
+      border-top-right-radius: @border-radius-base;
+      border-bottom-right-radius: @border-radius-base;
+    }
+  }
+}
+
+.card-border {
+  border: @border-width-base solid @border-color-base;
+}
+
+.card-content {
+  padding: @padding-md;
+}
+
+.card-gray {
+  &:extend(.card);
+  background-color: @card-gray-bg-color;
+  border-radius: @card-border-radius;
+}
+
+.card-gray-dark {
+  &:extend(.card);
+  background-color: @ol-blue-gray-1;
+  border-radius: @card-border-radius;
+}
+
+.website-redesign {
+  .card {
+    background-color: @card-gray-bg-color;
+    border-radius: 24px;
+  }
+}
+
+.card {
+  &.card-dark-green-bg {
+    background: var(--dark-jungle-green);
+    border-radius: 16px;
+    color: var(--green-10);
+    padding: var(--spacing-09);
+
+    a:not(.btn) {
+      color: var(--green-30);
+
+      &:hover {
+        color: var(--green-30);
+      }
+    }
+  }
+
+  &.card-purple-top-border {
+    background-color: white;
+    border-radius: 8px;
+    box-shadow:
+      0px 2px 4px 0px #1e253014,
+      0px 4px 12px 0px #1e25301f;
+    border-top: 8px solid var(--sapphire-blue);
+    padding: 32px 40px 32px 40px;
+  }
+
+  &.card-premium-border {
+    h2,
+    h3,
+    h4 {
+      color: var(--blue-60);
+    }
+    border-radius: 8px;
+    padding: var(--spacing-10);
+    border: 2px solid transparent;
+    background:
+      linear-gradient(white, white) padding-box,
+      linear-gradient(to right, var(--blue-40), #254c84, var(--blue-70))
+        border-box;
+
+    .btn {
+      width: 100%;
+    }
+  }
+
+  &.card-pattern {
+    border-radius: var(--border-radius-medium-new);
+    color: var(--white);
+    padding: var(--spacing-13);
+    text-align: center;
+    background-size: cover;
+    background-image: linear-gradient(
+        to right,
+        rgba(0, 0, 0, 0.4) 0%,
+        var(--dark-jungle-green) 25%,
+        var(--dark-jungle-green) 75%,
+        rgba(0, 0, 0, 0.4) 100%
+      ),
+      url('../../../public/img/website-redesign/overleaf-pattern-purple.png');
+
+    h2 {
+      .heading-lg();
+    }
+    p {
+      .body-lg();
+    }
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    p {
+      color: var(--white);
+    }
+  }
+
+  &.card-pattern-left-only {
+    border-radius: var(--border-radius-medium-new);
+    color: var(--white);
+    padding: var(--spacing-13);
+    background-size: cover;
+    background-image: linear-gradient(
+        to right,
+        rgba(0, 0, 0, 0.4) 0%,
+        var(--dark-jungle-green) 20%,
+        var(--dark-jungle-green) 100%
+      ),
+      url('../../../public/img/website-redesign/overleaf-pattern-purple.png');
+    h2 {
+      .heading-lg();
+    }
+    p {
+      .body-lg();
+    }
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    p {
+      color: var(--white);
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/close.less b/services/web/frontend/stylesheets/components/close.less
new file mode 100755
index 0000000..dd0fcc4
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/close.less
@@ -0,0 +1,32 @@
+//
+// Close icons
+// --------------------------------------------------
+
+.close {
+  float: right;
+  font-size: (@font-size-base * 1.5);
+  font-weight: @close-font-weight;
+  line-height: 1;
+  color: @close-color;
+  text-shadow: @close-text-shadow;
+  .opacity(0.4);
+
+  &:hover,
+  &:focus {
+    color: @close-color;
+    text-decoration: none;
+    cursor: pointer;
+    .opacity(0.5);
+  }
+
+  // Additional properties for button version
+  // iOS requires the button element instead of an anchor tag.
+  // If you want the anchor version, it requires `href="#"`.
+  button& {
+    padding: 0;
+    cursor: pointer;
+    background: transparent;
+    border: 0;
+    -webkit-appearance: none;
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/component-animations.less b/services/web/frontend/stylesheets/components/component-animations.less
new file mode 100755
index 0000000..6cf9fd9
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/component-animations.less
@@ -0,0 +1,29 @@
+//
+// Component animations
+// --------------------------------------------------
+
+// Heads up!
+//
+// We don't use the `.opacity()` mixin here since it causes a bug with text
+// fields in IE7-8. Source: https://github.com/twitter/bootstrap/pull/3552.
+
+.fade {
+  opacity: 0;
+  .transition(opacity 0.15s linear);
+  &.in {
+    opacity: 1;
+  }
+}
+
+.collapse {
+  display: none;
+  &.in {
+    display: block;
+  }
+}
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  .transition(height 0.35s ease);
+}
diff --git a/services/web/frontend/stylesheets/components/container.less b/services/web/frontend/stylesheets/components/container.less
new file mode 100644
index 0000000..db14d07
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/container.less
@@ -0,0 +1,3 @@
+.container-custom-sm {
+  max-width: 400px;
+}
diff --git a/services/web/frontend/stylesheets/components/daterange-picker.less b/services/web/frontend/stylesheets/components/daterange-picker.less
new file mode 100644
index 0000000..43e0e3b
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/daterange-picker.less
@@ -0,0 +1,656 @@
+//
+// A stylesheet for use with Bootstrap 3.x
+// @author: Dan Grossman http://www.dangrossman.info/
+// @copyright: Copyright (c) 2012-2015 Dan Grossman. All rights reserved.
+// @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
+// @website: https://www.improvely.com/
+//
+
+//
+// VARIABLES
+//
+
+//
+// Settings
+
+// The class name to contain everything within.
+@arrow-size: 7px;
+
+//
+// Colors
+@daterangepicker-color: @brand-primary;
+@daterangepicker-bg-color: #fff;
+
+@daterangepicker-cell-color: @daterangepicker-color;
+@daterangepicker-cell-border-color: transparent;
+@daterangepicker-cell-bg-color: @daterangepicker-bg-color;
+
+@daterangepicker-cell-hover-color: @daterangepicker-color;
+@daterangepicker-cell-hover-border-color: @daterangepicker-cell-border-color;
+@daterangepicker-cell-hover-bg-color: #eee;
+
+@daterangepicker-in-range-color: #000;
+@daterangepicker-in-range-border-color: transparent;
+@daterangepicker-in-range-bg-color: #ebf4f8;
+
+@daterangepicker-active-color: #fff;
+@daterangepicker-active-bg-color: #138a07;
+@daterangepicker-active-border-color: transparent;
+
+@daterangepicker-unselected-color: #999;
+@daterangepicker-unselected-border-color: transparent;
+@daterangepicker-unselected-bg-color: #fff;
+
+//
+// daterangepicker
+@daterangepicker-width: 278px;
+@daterangepicker-padding: 4px;
+@daterangepicker-z-index: 3000;
+
+@daterangepicker-border-size: 1px;
+@daterangepicker-border-color: #ccc;
+@daterangepicker-border-radius: 4px;
+
+//
+// Calendar
+@daterangepicker-calendar-margin: @daterangepicker-padding;
+@daterangepicker-calendar-bg-color: @daterangepicker-bg-color;
+
+@daterangepicker-calendar-border-size: 1px;
+@daterangepicker-calendar-border-color: @daterangepicker-bg-color;
+@daterangepicker-calendar-border-radius: @daterangepicker-border-radius;
+
+//
+// Calendar Cells
+@daterangepicker-cell-size: 20px;
+@daterangepicker-cell-width: @daterangepicker-cell-size;
+@daterangepicker-cell-height: @daterangepicker-cell-size;
+
+@daterangepicker-cell-border-radius: @daterangepicker-calendar-border-radius;
+@daterangepicker-cell-border-size: 1px;
+
+//
+// Dropdowns
+@daterangepicker-dropdown-z-index: @daterangepicker-z-index + 1;
+
+//
+// Controls
+@daterangepicker-control-height: 30px;
+@daterangepicker-control-line-height: @daterangepicker-control-height;
+@daterangepicker-control-color: #555;
+
+@daterangepicker-control-border-size: 1px;
+@daterangepicker-control-border-color: #ccc;
+@daterangepicker-control-border-radius: 4px;
+
+@daterangepicker-control-active-border-size: 1px;
+@daterangepicker-control-active-border-color: @brand-primary;
+@daterangepicker-control-active-border-radius: @daterangepicker-control-border-radius;
+
+@daterangepicker-control-disabled-color: #ccc;
+
+//
+// Ranges
+@daterangepicker-ranges-color: @brand-primary;
+@daterangepicker-ranges-bg-color: daterangepicker-ranges-color;
+
+@daterangepicker-ranges-border-size: 1px;
+@daterangepicker-ranges-border-color: @daterangepicker-ranges-bg-color;
+@daterangepicker-ranges-border-radius: @daterangepicker-border-radius;
+
+@daterangepicker-ranges-hover-color: #fff;
+@daterangepicker-ranges-hover-bg-color: @daterangepicker-ranges-color;
+@daterangepicker-ranges-hover-border-size: @daterangepicker-ranges-border-size;
+@daterangepicker-ranges-hover-border-color: @daterangepicker-ranges-hover-bg-color;
+@daterangepicker-ranges-hover-border-radius: @daterangepicker-border-radius;
+
+@daterangepicker-ranges-active-border-size: @daterangepicker-ranges-border-size;
+@daterangepicker-ranges-active-border-color: @daterangepicker-ranges-bg-color;
+@daterangepicker-ranges-active-border-radius: @daterangepicker-border-radius;
+
+//
+// STYLESHEETS
+//
+.daterangepicker {
+  position: absolute;
+  color: @daterangepicker-color;
+  background-color: @daterangepicker-bg-color;
+  border-radius: @daterangepicker-border-radius;
+  width: @daterangepicker-width;
+  padding: @daterangepicker-padding;
+  margin-top: @daterangepicker-border-size;
+
+  // TODO: Should these be parameterized??
+  // top: 100px;
+  // left: 20px;
+
+  @arrow-prefix-size: @arrow-size;
+  @arrow-suffix-size: (@arrow-size - @daterangepicker-border-size);
+
+  &:before,
+  &:after {
+    position: absolute;
+    display: inline-block;
+
+    border-bottom-color: rgba(0, 0, 0, 0.2);
+    content: '';
+  }
+
+  &:before {
+    top: -@arrow-prefix-size;
+
+    border-right: @arrow-prefix-size solid transparent;
+    border-left: @arrow-prefix-size solid transparent;
+    border-bottom: @arrow-prefix-size solid @daterangepicker-border-color;
+  }
+
+  &:after {
+    top: -@arrow-suffix-size;
+
+    border-right: @arrow-suffix-size solid transparent;
+    border-bottom: @arrow-suffix-size solid @daterangepicker-bg-color;
+    border-left: @arrow-suffix-size solid transparent;
+  }
+
+  &.opensleft {
+    &:before {
+      // TODO: Make this relative to prefix size.
+      right: @arrow-prefix-size + 2px;
+    }
+
+    &:after {
+      // TODO: Make this relative to suffix size.
+      right: @arrow-suffix-size + 4px;
+    }
+  }
+
+  &.openscenter {
+    &:before {
+      left: 0;
+      right: 0;
+      width: 0;
+      margin-left: auto;
+      margin-right: auto;
+    }
+
+    &:after {
+      left: 0;
+      right: 0;
+      width: 0;
+      margin-left: auto;
+      margin-right: auto;
+    }
+  }
+
+  &.opensright {
+    &:before {
+      // TODO: Make this relative to prefix size.
+      left: @arrow-prefix-size + 2px;
+    }
+
+    &:after {
+      // TODO: Make this relative to suffix size.
+      left: @arrow-suffix-size + 4px;
+    }
+  }
+
+  &.dropup {
+    margin-top: -5px;
+
+    // NOTE: Note sure why these are special-cased.
+    &:before {
+      top: initial;
+      bottom: -@arrow-prefix-size;
+      border-bottom: initial;
+      border-top: @arrow-prefix-size solid @daterangepicker-border-color;
+    }
+
+    &:after {
+      top: initial;
+      bottom: -@arrow-suffix-size;
+      border-bottom: initial;
+      border-top: @arrow-suffix-size solid @daterangepicker-bg-color;
+    }
+  }
+
+  &.dropdown-menu {
+    max-width: none;
+    z-index: @daterangepicker-dropdown-z-index;
+  }
+
+  &.single {
+    .ranges,
+    .calendar {
+      float: none;
+    }
+  }
+
+  /* Calendars */
+  &.show-calendar {
+    .calendar {
+      display: block;
+    }
+  }
+
+  .calendar {
+    display: none;
+    max-width: @daterangepicker-width - (@daterangepicker-calendar-margin * 2);
+    margin: @daterangepicker-calendar-margin;
+
+    &.single {
+      .calendar-table {
+        border: none;
+      }
+    }
+
+    th,
+    td {
+      white-space: nowrap;
+      text-align: center;
+
+      // TODO: Should this actually be hard-coded?
+      min-width: 32px;
+    }
+  }
+
+  .calendar-table {
+    border: @daterangepicker-calendar-border-size solid
+      @daterangepicker-calendar-border-color;
+    padding: @daterangepicker-calendar-margin;
+    border-radius: @daterangepicker-calendar-border-radius;
+    background-color: @daterangepicker-calendar-bg-color;
+  }
+
+  table {
+    width: 100%;
+    margin: 0;
+  }
+
+  td,
+  th {
+    text-align: center;
+    width: @daterangepicker-cell-width;
+    height: @daterangepicker-cell-height;
+    border-radius: @daterangepicker-cell-border-radius;
+    border: @daterangepicker-cell-border-size solid
+      @daterangepicker-cell-border-color;
+    white-space: nowrap;
+    cursor: pointer;
+
+    &.available {
+      &:hover {
+        background-color: @daterangepicker-cell-hover-bg-color;
+        border-color: @daterangepicker-cell-hover-border-color;
+        color: @daterangepicker-cell-hover-color;
+      }
+    }
+
+    &.week {
+      font-size: 80%;
+      color: #ccc;
+    }
+  }
+
+  td {
+    &.off {
+      &,
+      &.in-range,
+      &.start-date,
+      &.end-date {
+        background-color: @daterangepicker-unselected-bg-color;
+        border-color: @daterangepicker-unselected-border-color;
+        color: @daterangepicker-unselected-color;
+      }
+    }
+
+    //
+    // Date Range
+    &.in-range {
+      background-color: @daterangepicker-in-range-bg-color;
+      border-color: @daterangepicker-in-range-border-color;
+      color: @daterangepicker-in-range-color;
+
+      // TODO: Should this be static or should it be parameterized?
+      border-radius: 0;
+    }
+
+    &.start-date {
+      border-radius: @daterangepicker-cell-border-radius 0 0
+        @daterangepicker-cell-border-radius;
+    }
+
+    &.end-date {
+      border-radius: 0 @daterangepicker-cell-border-radius
+        @daterangepicker-cell-border-radius 0;
+    }
+
+    &.start-date.end-date {
+      border-radius: @daterangepicker-cell-border-radius;
+    }
+
+    &.active {
+      &,
+      &:hover {
+        background-color: @daterangepicker-active-bg-color;
+        border-color: @daterangepicker-active-border-color;
+        color: @daterangepicker-active-color;
+      }
+    }
+  }
+
+  th {
+    &.month {
+      width: auto;
+    }
+  }
+
+  //
+  // Disabled Controls
+  //
+  td,
+  option {
+    &.disabled {
+      color: #999;
+      cursor: not-allowed;
+      text-decoration: line-through;
+    }
+  }
+
+  select {
+    &.monthselect,
+    &.yearselect {
+      font-size: 12px;
+      padding: 1px;
+      height: auto;
+      margin: 0;
+      cursor: default;
+    }
+
+    &.monthselect {
+      margin-right: 2%;
+      width: 56%;
+    }
+
+    &.yearselect {
+      width: 40%;
+    }
+
+    &.hourselect,
+    &.minuteselect,
+    &.secondselect,
+    &.ampmselect {
+      width: 50px;
+      margin-bottom: 0;
+    }
+  }
+
+  //
+  // Text Input Controls (above calendar)
+  //
+  .input-mini {
+    border: @daterangepicker-control-border-size solid
+      @daterangepicker-control-border-color;
+    border-radius: @daterangepicker-control-border-radius;
+    color: @daterangepicker-control-color;
+    height: @daterangepicker-control-line-height;
+    line-height: @daterangepicker-control-height;
+    display: block;
+    vertical-align: middle;
+
+    // TODO: Should these all be static, too??
+    margin: 0 0 5px 0;
+    padding: 0 6px 0 28px;
+    width: 100%;
+
+    &.active {
+      border: @daterangepicker-control-active-border-size solid
+        @daterangepicker-control-active-border-color;
+      border-radius: @daterangepicker-control-active-border-radius;
+    }
+  }
+
+  .daterangepicker_input {
+    position: relative;
+    padding-left: 0;
+
+    i {
+      position: absolute;
+
+      // NOTE: These appear to be eyeballed to me...
+      left: 8px;
+      top: 10px;
+    }
+  }
+  &.rtl {
+    .input-mini {
+      padding-right: 28px;
+      padding-left: 6px;
+    }
+    .daterangepicker_input i {
+      left: auto;
+      right: 8px;
+    }
+  }
+
+  //
+  // Time Picker
+  //
+  .calendar-time {
+    text-align: center;
+    margin: 5px auto;
+    line-height: @daterangepicker-control-line-height;
+    position: relative;
+    padding-left: 28px;
+
+    select {
+      &.disabled {
+        color: @daterangepicker-control-disabled-color;
+        cursor: not-allowed;
+      }
+    }
+  }
+}
+
+//
+// Predefined Ranges
+//
+
+.ranges {
+  font-size: 11px;
+  float: none;
+  margin: 4px;
+  text-align: left;
+
+  ul {
+    list-style: none;
+    margin: 0 auto;
+    padding: 0;
+    width: 100%;
+  }
+
+  li {
+    font-size: 13px;
+    background-color: @daterangepicker-ranges-bg-color;
+    border: @daterangepicker-ranges-border-size solid
+      @daterangepicker-ranges-border-color;
+    border-radius: @daterangepicker-ranges-border-radius;
+    color: @daterangepicker-ranges-color;
+    padding: 3px 12px;
+    margin-bottom: 8px;
+    cursor: pointer;
+
+    &:hover {
+      background-color: @daterangepicker-ranges-hover-bg-color;
+      color: @daterangepicker-ranges-hover-color;
+    }
+
+    &.active {
+      background-color: @daterangepicker-ranges-hover-bg-color;
+      border: @daterangepicker-ranges-hover-border-size solid
+        @daterangepicker-ranges-hover-border-color;
+      color: @daterangepicker-ranges-hover-color;
+    }
+  }
+}
+
+/*  Larger Screen Styling */
+@media (min-width: 564px) {
+  .daterangepicker {
+    .glyphicon {
+      font-family: FontAwesome;
+    }
+    .glyphicon-chevron-left:before {
+      content: '\f053';
+    }
+    .glyphicon-chevron-right:before {
+      content: '\f054';
+    }
+    .glyphicon-calendar:before {
+      content: '\f073';
+    }
+
+    width: auto;
+
+    .ranges {
+      ul {
+        width: 160px;
+      }
+    }
+
+    &.single {
+      .ranges {
+        ul {
+          width: 100%;
+        }
+      }
+
+      .calendar.left {
+        clear: none;
+      }
+
+      &.ltr {
+        .ranges,
+        .calendar {
+          float: left;
+        }
+      }
+      &.rtl {
+        .ranges,
+        .calendar {
+          float: right;
+        }
+      }
+    }
+
+    &.ltr {
+      direction: ltr;
+      text-align: left;
+      .calendar {
+        &.left {
+          clear: left;
+          margin-right: 0;
+
+          .calendar-table {
+            border-right: none;
+            border-top-right-radius: 0;
+            border-bottom-right-radius: 0;
+          }
+        }
+
+        &.right {
+          margin-left: 0;
+
+          .calendar-table {
+            border-left: none;
+            border-top-left-radius: 0;
+            border-bottom-left-radius: 0;
+          }
+        }
+      }
+
+      .left .daterangepicker_input {
+        padding-right: 12px;
+      }
+
+      .calendar.left .calendar-table {
+        padding-right: 12px;
+      }
+
+      .ranges,
+      .calendar {
+        float: left;
+      }
+    }
+    &.rtl {
+      direction: rtl;
+      text-align: right;
+      .calendar {
+        &.left {
+          clear: right;
+          margin-left: 0;
+
+          .calendar-table {
+            border-left: none;
+            border-top-left-radius: 0;
+            border-bottom-left-radius: 0;
+          }
+        }
+
+        &.right {
+          margin-right: 0;
+
+          .calendar-table {
+            border-right: none;
+            border-top-right-radius: 0;
+            border-bottom-right-radius: 0;
+          }
+        }
+      }
+
+      .left .daterangepicker_input {
+        padding-left: 12px;
+      }
+
+      .calendar.left .calendar-table {
+        padding-left: 12px;
+      }
+
+      .ranges,
+      .calendar {
+        text-align: right;
+        float: right;
+      }
+    }
+  }
+}
+
+@media (min-width: 730px) {
+  /* force the calendar to display on one row */
+  &.show-calendar {
+    min-width: 658px; /* width of all contained elements, IE/Edge fallback */
+    width: -moz-max-content;
+    width: -webkit-max-content;
+    width: max-content;
+  }
+
+  .daterangepicker {
+    .ranges {
+      width: auto;
+    }
+    &.ltr {
+      .ranges {
+        float: left;
+        clear: none !important;
+      }
+    }
+    &.rtl {
+      .ranges {
+        float: right;
+      }
+    }
+
+    .calendar {
+      clear: none !important;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/dev-toolbar.less b/services/web/frontend/stylesheets/components/dev-toolbar.less
new file mode 100644
index 0000000..26aa2e4
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/dev-toolbar.less
@@ -0,0 +1,121 @@
+.dev-toolbar {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  z-index: 100;
+  height: 40px;
+  background-color: @neutral-90;
+  padding: 5px 12px;
+
+  button.widget {
+    color: @neutral-10;
+    margin: 0 4px;
+    padding: 0 4px;
+    border: none;
+    text-decoration: none;
+  }
+
+  .collapse-button {
+    position: absolute;
+    padding: 0;
+    margin-top: -2px;
+    color: @neutral-50;
+
+    span {
+      font-size: 28px;
+    }
+
+    &:hover {
+      color: @neutral-30;
+    }
+  }
+}
+
+.dev-tool-bar-open-button {
+  position: fixed;
+  bottom: -2px;
+  left: 6px;
+  color: @neutral-50;
+
+  span {
+    font-size: 28px;
+  }
+
+  &:hover {
+    color: @neutral-30;
+  }
+}
+
+.dev-toolbar-tooltip {
+  a {
+    color: @blue-20;
+    &.btn {
+      color: @neutral-10;
+    }
+  }
+
+  &.tooltip.top {
+    margin-top: -10px;
+    opacity: 1;
+  }
+  .tooltip-inner {
+    padding: 2px 8px 8px 8px;
+    text-align: left;
+    min-width: 300px;
+    max-height: 800px;
+    overflow-y: auto;
+  }
+
+  .title {
+    margin-top: 4px;
+  }
+
+  .test-card {
+    text-align: left;
+    color: @neutral-10;
+    padding: 6px;
+    border: 2px solid @neutral-70;
+    background-color: @neutral-80;
+    border-radius: 4px;
+    margin-top: 8px;
+
+    &.override {
+      border-color: @blue-40;
+    }
+
+    .test-name {
+      font-family: monospace;
+      font-size: @font-size-extra-small;
+      font-weight: bold;
+    }
+
+    ul {
+      li.variant-row {
+        line-height: 24px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 2px 0;
+
+        .btn {
+          color: @white;
+        }
+
+        .material-symbols {
+          vertical-align: text-top;
+          font-weight: 400;
+        }
+      }
+    }
+  }
+
+  .actions {
+    margin-top: 8px;
+    text-align: right;
+  }
+
+  ul {
+    margin-bottom: 0;
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/divider.less b/services/web/frontend/stylesheets/components/divider.less
new file mode 100644
index 0000000..e32e166
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/divider.less
@@ -0,0 +1,4 @@
+// migrated to layout.scss
+.horizontal-divider {
+  border-top: 1px solid @hr-border;
+}
diff --git a/services/web/frontend/stylesheets/components/dropdowns.less b/services/web/frontend/stylesheets/components/dropdowns.less
new file mode 100755
index 0000000..d330087
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/dropdowns.less
@@ -0,0 +1,359 @@
+//
+// Dropdown menus
+// --------------------------------------------------
+
+// Dropdown arrow/caret
+.caret {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-left: 2px;
+  vertical-align: middle;
+  border-top: @caret-width-base solid;
+  border-right: @caret-width-base solid transparent;
+  border-left: @caret-width-base solid transparent;
+  margin-top: -@caret-width-base / 2;
+}
+
+// The dropdown wrapper (div)
+.dropdown {
+  position: relative;
+}
+
+.open button.dropdown-toggle.dropdown-toggle-no-background,
+button.dropdown-toggle.dropdown-toggle-no-background {
+  background-color: transparent;
+  box-shadow: none;
+  border: 0;
+  &:hover,
+  &:active,
+  &:focus {
+    background-color: transparent;
+    box-shadow: none;
+  }
+}
+
+// Prevent the focus on the dropdown toggle when closing dropdowns
+.dropdown-toggle:focus {
+  outline: 0;
+}
+
+// The dropdown menu (ul)
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: @zindex-dropdown;
+  display: none; // none by default, but block on "open" of the menu
+  float: left;
+  min-width: 160px;
+  padding: 5px 0;
+  margin: 2px 0 0; // override default ul
+  list-style: none;
+  font-size: @font-size-base;
+  background-color: @dropdown-bg;
+  border: 1px solid @dropdown-fallback-border; // IE8 fallback
+  border: 1px solid @dropdown-border;
+  border-radius: @border-radius-base;
+  .box-shadow(0 6px 12px rgba(0, 0, 0, 0.175));
+  background-clip: padding-box;
+
+  // Aligns the dropdown menu to right
+  //
+  // Deprecated as of 3.1.0 in favor of `.dropdown-menu-[dir]`
+  &.pull-right {
+    right: 0;
+    left: auto;
+  }
+
+  // Dividers (basically an hr) within the dropdown
+  .divider {
+    .nav-divider(@dropdown-divider-bg);
+  }
+
+  // Links and other items within the dropdown menu
+  > li > a,
+  div,
+  .dropdown-menu-button {
+    display: block;
+    padding: @dropdown-item-padding;
+    clear: both;
+    font-weight: normal;
+    line-height: @line-height-base;
+    color: @dropdown-link-color;
+    white-space: nowrap; // prevent links from randomly breaking onto new lines
+    &.subdued {
+      color: #7a7a7a;
+    }
+    .subdued {
+      color: #7a7a7a;
+    }
+  }
+
+  // button specific styles
+  .dropdown-menu-button {
+    border: none;
+    outline: none;
+    width: 100%;
+  }
+
+  .dropdown-header {
+    color: @dropdown-header-color;
+  }
+}
+
+// This removes positioning, display and z-index, which is used just to style the menu in situations where something
+// else is managing that stuff (e.g. the spelling context menu in CodeMirror 6).
+.dropdown-menu.dropdown-menu-unpositioned {
+  position: unset;
+  top: unset;
+  left: unset;
+  z-index: unset;
+  display: block;
+  float: unset;
+}
+
+// Hover/Focus state
+.dropdown-menu > li > a,
+.dropdown-menu .dropdown-menu-button {
+  &:hover,
+  &:focus {
+    text-decoration: none;
+    color: @dropdown-link-hover-color;
+    background-color: @dropdown-link-hover-bg;
+    .subdued {
+      color: @dropdown-link-hover-color;
+    }
+    div {
+      color: @dropdown-link-hover-color;
+    }
+  }
+}
+
+// Active state
+.dropdown-menu > .active > a {
+  &,
+  &:hover,
+  &:focus {
+    color: @dropdown-link-active-color;
+    text-decoration: none;
+    outline: 0;
+    background-color: @dropdown-link-active-bg;
+  }
+}
+
+// Disabled state
+//
+// Gray out text and ensure the hover/focus state remains gray
+
+.dropdown-menu > .disabled > a {
+  &,
+  &:hover,
+  &:focus {
+    color: @dropdown-link-disabled-color;
+    div {
+      color: @dropdown-link-disabled-color;
+    }
+  }
+}
+// Nuke hover/focus effects
+.dropdown-menu > .disabled > a {
+  &:hover,
+  &:focus {
+    text-decoration: none;
+    background-color: transparent;
+    background-image: none; // Remove CSS gradient
+    .reset-filter();
+    cursor: not-allowed;
+  }
+}
+
+// Open state for the dropdown
+.open {
+  // Show the menu
+  > .dropdown-menu {
+    display: block;
+  }
+
+  // Remove the outline when :focus is triggered
+  > a {
+    outline: 0;
+  }
+}
+
+// Menu positioning
+//
+// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
+// menu with the parent.
+.dropdown-menu-right {
+  left: auto; // Reset the default from `.dropdown-menu`
+  right: 0;
+}
+// With v3, we enabled auto-flipping if you have a dropdown within a right
+// aligned nav component. To enable the undoing of that, we provide an override
+// to restore the default dropdown menu alignment.
+//
+// This is only for left-aligning a dropdown menu within a `.navbar-right` or
+// `.pull-right` nav component.
+.dropdown-menu-left {
+  left: 0;
+  right: auto;
+}
+
+// Dropdown section headers
+.dropdown-header {
+  display: block;
+  padding: 12.5px 15px;
+  font-size: @font-size-small;
+  line-height: @line-height-base;
+  color: @dropdown-header-color;
+}
+
+// Backdrop to catch body clicks on mobile, etc.
+.dropdown-backdrop {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  z-index: (@zindex-dropdown - 10);
+}
+
+// Right aligned dropdowns
+.pull-right > .dropdown-menu {
+  right: 0;
+  left: auto;
+}
+
+// Allow for dropdowns to go bottom up (aka, dropup-menu)
+//
+// Just add .dropup after the standard .dropdown class and you're set, bro.
+// TODO: abstract this so that the navbar fixed styles are not placed here?
+
+.dropup,
+.navbar-fixed-bottom .dropdown {
+  // Reverse the caret
+  .caret {
+    border-top: 0;
+    border-bottom: @caret-width-base solid;
+    content: '';
+  }
+  // Different positioning for bottom up menu
+  .dropdown-menu {
+    top: auto;
+    bottom: 100%;
+    margin-bottom: 1px;
+  }
+}
+
+// Component alignment
+//
+// Reiterate per navbar.less and the modified component alignment there.
+
+@media (min-width: @grid-float-breakpoint) {
+  .navbar-right {
+    .dropdown-menu {
+      .dropdown-menu-right();
+    }
+    // Necessary for overrides of the default right aligned menu.
+    // Will remove come v4 in all likelihood.
+    .dropdown-menu-left {
+      .dropdown-menu-left();
+    }
+  }
+}
+
+.layout-dropdown {
+  .dropdown-toggle {
+    // override style added by required bsStyle react-bootstrap prop
+    text-decoration: none !important;
+  }
+
+  .dropdown-menu > li {
+    svg {
+      line,
+      rect {
+        stroke: @dropdown-link-color;
+      }
+      path {
+        fill: @dropdown-link-color;
+      }
+    }
+
+    > a {
+      padding: 4px 10px;
+    }
+
+    > a:hover,
+    > a:focus {
+      svg {
+        line,
+        rect {
+          stroke: @dropdown-link-hover-color;
+        }
+        path {
+          fill: @dropdown-link-hover-color;
+        }
+      }
+    }
+
+    &.disabled {
+      .subdued {
+        color: @dropdown-link-disabled-color;
+      }
+
+      svg {
+        line,
+        rect {
+          stroke: @dropdown-link-disabled-color;
+        }
+        path {
+          fill: @dropdown-link-disabled-color;
+        }
+      }
+
+      > a:hover,
+      > a:focus {
+        .subdued {
+          color: @dropdown-link-disabled-color;
+        }
+
+        svg {
+          line,
+          rect {
+            stroke: @dropdown-link-disabled-color;
+          }
+          path {
+            fill: @dropdown-link-disabled-color;
+          }
+        }
+      }
+    }
+  }
+
+  .layout-menu-item {
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+    justify-content: space-between;
+    padding: 0;
+
+    .layout-menu-item-start {
+      display: flex;
+      align-items: center;
+      padding: 0;
+
+      > div {
+        padding: 0;
+      }
+    }
+  }
+
+  .layout-dropdown-list {
+    a {
+      i {
+        margin-right: @margin-xs;
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/embed-responsive.less b/services/web/frontend/stylesheets/components/embed-responsive.less
new file mode 100644
index 0000000..652abc8
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/embed-responsive.less
@@ -0,0 +1,26 @@
+.embed-responsive {
+  display: block;
+  height: 0;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+}
+.embed-responsive .embed-responsive-item,
+.embed-responsive iframe,
+.embed-responsive embed,
+.embed-responsive object,
+.embed-responsive video {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+}
+.embed-responsive-16by9 {
+  padding-bottom: 56.25% !important;
+}
+.embed-responsive-4by3 {
+  padding-bottom: 75% !important;
+}
diff --git a/services/web/frontend/stylesheets/components/expand-collapse.less b/services/web/frontend/stylesheets/components/expand-collapse.less
new file mode 100644
index 0000000..c2f8fa6
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/expand-collapse.less
@@ -0,0 +1,6 @@
+.expand-collapse-container {
+  overflow: hidden;
+  transition:
+    height 0.15s ease-in-out,
+    width 0.15s ease-in-out;
+}
diff --git a/services/web/frontend/stylesheets/components/footer.less b/services/web/frontend/stylesheets/components/footer.less
new file mode 100644
index 0000000..b36f51a
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/footer.less
@@ -0,0 +1,391 @@
+footer.site-footer {
+  background-color: @footer-bg-color;
+  border-top: 1px solid @gray-lighter;
+  font-size: 0.9rem;
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  height: @footer-height;
+  line-height: @footer-height - 1; // Hack — in Chrome, using the full @footer-height would generate vertical scrolling
+
+  ul {
+    list-style: none;
+    margin: 0px;
+    li {
+      display: inline-block;
+      margin: 0 0.5em;
+    }
+    i {
+      font-size: 1.2rem;
+    }
+  }
+  li.lng-option {
+    text-align: left;
+    display: list-item;
+
+    img {
+      vertical-align: text-bottom;
+    }
+
+    a:hover,
+    a:focus {
+      color: @white;
+    }
+  }
+
+  a {
+    color: @footer-link-color;
+    &:hover,
+    &:focus {
+      color: @footer-link-hover-color;
+    }
+  }
+}
+
+.site-footer-content {
+  .container-fluid;
+}
+
+.sprite-icon-lang {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.fat-footer {
+  background: @ol-blue-gray-6;
+  color: @ol-blue-gray-1;
+  display: flex;
+  flex-direction: column;
+
+  .fat-footer-container {
+    margin: @margin-xxl auto;
+  }
+
+  a {
+    color: @ol-blue-gray-1;
+  }
+
+  .footer-brand-container {
+    flex: 1;
+  }
+
+  .fat-footer-sections {
+    display: grid;
+    column-gap: @margin-md;
+    padding: 0 @padding-md @padding-md;
+  }
+
+  .footer-brand {
+    display: block;
+    height: 37px; /* TODO: configurable? */
+    width: @navbar-brand-width;
+    background-image: @navbar-brand-image-url;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: left center;
+  }
+
+  .footer-section-heading {
+    color: @neutral-20;
+    font-family: @font-family-serif;
+    font-size: @font-size-h3;
+    line-height: @headings-line-height;
+    margin-bottom: @margin-md;
+    margin-top: @margin-md;
+  }
+
+  .footer-section ul {
+    font-family: @font-family-sans-serif;
+    font-size: @font-size-base;
+    line-height: @line-height-small;
+  }
+
+  .footer-section li {
+    padding-bottom: @padding-sm;
+  }
+
+  #footer-brand {
+    grid-column: ~'1/-1';
+    margin-top: @margin-md;
+  }
+
+  .fat-footer-base {
+    color: @ol-blue-gray-2;
+    font-size: @font-size-small;
+    line-height: @line-height-base;
+
+    .fat-footer-base-meta a:not(.dropdown-toggle) {
+      color: inherit;
+    }
+
+    .language-picker .dropdown-menu {
+      .dropdown-header {
+        display: none; /* hiding rather than removing as still needed in the thin footer */
+      }
+
+      a {
+        color: @gray-dark;
+
+        &:hover {
+          color: white;
+        }
+      }
+    }
+
+    .fat-footer-social {
+      &.x-logo svg path {
+        fill: @ol-blue-gray-1;
+      }
+
+      &.facebook-logo svg,
+      &.linkedin-logo svg {
+        path.background {
+          fill: @ol-blue-gray-1;
+        }
+      }
+
+      &.facebook-logo svg {
+        path.text {
+          fill: transparent;
+        }
+      }
+
+      &.linkedin-logo svg {
+        path.text {
+          fill: @ol-blue-gray-6;
+        }
+      }
+    }
+  }
+
+  .fat-footer-base-item {
+    display: flex;
+    white-space: nowrap;
+  }
+
+  @media (max-width: @screen-xs-max) {
+    .fat-footer-sections {
+      grid-template-columns: repeat(2, 1fr);
+      grid-template-rows: repeat(4, auto);
+    }
+
+    .fat-footer-base {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      margin: @margin-md auto 0;
+
+      .fat-footer-base-section {
+        display: flex;
+        align-items: center;
+      }
+
+      .fat-footer-base-social {
+        order: 1;
+      }
+
+      .fat-footer-base-meta {
+        display: flex;
+        flex-direction: column-reverse;
+        align-items: center;
+        order: 2;
+      }
+
+      .fat-footer-base-item {
+        padding: @padding-xs;
+        margin: @margin-lg / 2;
+      }
+
+      .fat-footer-base-meta .fat-footer-base-item {
+        gap: @margin-lg;
+      }
+
+      .fat-footer-base-social .fat-footer-base-item {
+        gap: @margin-md;
+      }
+
+      .fat-footer-social {
+        font-size: @fat-footer-social-font-size;
+      }
+
+      .fat-footer-base-copyright {
+        order: 2;
+      }
+    }
+  }
+
+  @media (min-width: @screen-sm-min) {
+    .fat-footer-container {
+      width: (@screen-sm - (@padding-sm * 2));
+    }
+
+    #footer-brand {
+      grid-column: auto;
+      grid-row: ~'1/-1';
+    }
+
+    .fat-footer-sections {
+      grid-template-columns: repeat(4, 1fr);
+      grid-template-rows: repeat(2, auto);
+    }
+
+    .footer-section:last-of-type {
+      grid-column: 4;
+    }
+
+    .footer-section ul {
+      line-height: 20px;
+    }
+
+    .fat-footer-base {
+      display: flex;
+      justify-content: space-between;
+      margin: @margin-md auto;
+
+      .fat-footer-base-section {
+        display: flex;
+        align-items: center;
+      }
+
+      .fat-footer-base-item {
+        padding: @padding-xs;
+        margin: @margin-xs;
+      }
+
+      .fat-footer-base-meta .fat-footer-base-item {
+        gap: @margin-md;
+      }
+
+      .fat-footer-social {
+        margin: 0 @margin-xs;
+        font-size: @fat-footer-social-font-size;
+      }
+    }
+  }
+
+  @media (min-width: @screen-md-min) {
+    .fat-footer-container {
+      width: (@screen-md - @padding-md);
+    }
+
+    .fat-footer-sections {
+      grid-template-columns: repeat(4, 1fr);
+    }
+  }
+
+  @media (min-width: @screen-lg-min) {
+    .fat-footer-container {
+      width: (@screen-lg - @padding-lg);
+    }
+
+    .fat-footer-sections {
+      grid-template-columns: repeat(6, 1fr);
+      grid-template-rows: auto;
+    }
+
+    .footer-section:last-of-type {
+      grid-column: 6;
+    }
+  }
+}
+
+.cookie-banner {
+  padding: 10px 20px;
+  font-size: 0.9rem;
+  line-height: 1;
+  position: fixed;
+  bottom: 0px;
+  left: 0;
+  right: 0;
+  z-index: 100;
+  color: @text-color;
+  background: @ol-blue-gray-0;
+  box-shadow: 0px -5px 8px 0px #0000001a;
+
+  .cookie-banner-actions {
+    padding-top: 10px;
+  }
+
+  @media (min-width: @screen-sm-min) {
+    align-items: center;
+    display: flex;
+    flex-wrap: wrap;
+
+    .cookie-banner-content {
+      flex: 1;
+    }
+
+    .cookie-banner-actions {
+      flex-shrink: 0;
+      white-space: nowrap;
+      padding-top: 0;
+    }
+  }
+}
+
+.website-redesign-fat-footer {
+  .fat-footer-container {
+    @media (max-width: @screen-xs-max) {
+      margin: @margin-xxl 0px;
+    }
+  }
+
+  &.fat-footer {
+    background: @white;
+    color: @neutral-90;
+
+    a {
+      color: @neutral-90;
+    }
+
+    .footer-section-heading {
+      color: @neutral-90;
+    }
+
+    h2 {
+      font-weight: 400;
+    }
+
+    .fat-footer-base {
+      color: @neutral-90;
+    }
+
+    // This is duplication of fill colours in the SVGs themselves. This could be avoided by using :has() but that's not
+    // supported in older versions of browsers and these logos need to be correct.
+    .fat-footer-social {
+      &.x-logo svg path {
+        fill: #0f1419;
+      }
+
+      &.facebook-logo svg,
+      &.linkedin-logo svg {
+        path.text {
+          fill: #fff;
+        }
+      }
+
+      &.facebook-logo svg {
+        path.background {
+          fill: #0866ff;
+        }
+      }
+
+      &.linkedin-logo svg {
+        path.background {
+          fill: #0b66c3;
+        }
+      }
+    }
+  }
+
+  .footer-brand {
+    background-image: @navbar-brand-image-url-website-redesign;
+  }
+
+  @media (max-width: @screen-xs-max) {
+    .fat-footer-sections {
+      grid-template-columns: repeat(1, 1fr);
+      grid-template-rows: repeat(6, auto);
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/forms.less b/services/web/frontend/stylesheets/components/forms.less
new file mode 100755
index 0000000..e4d1acd
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/forms.less
@@ -0,0 +1,501 @@
+//
+// Forms
+// --------------------------------------------------
+
+// Normalize non-controls
+//
+// Restyle and baseline non-control form elements.
+
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+  // Chrome and Firefox set a `min-width: -webkit-min-content;` on fieldsets,
+  // so we reset that to ensure it behaves more like a standard block element.
+  // See https://github.com/twbs/bootstrap/issues/12359.
+  min-width: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin-bottom: @line-height-computed;
+  font-size: (@font-size-base * 1.5);
+  line-height: inherit;
+  color: @legend-color;
+  border: 0;
+  border-bottom: 1px solid @legend-border-color;
+}
+
+label {
+  display: inline-block;
+  margin-bottom: 5px;
+  font-weight: bold;
+
+  // also update .legend-as-label if changes are made to label
+}
+
+.legend-as-label {
+  // display a legend like a label
+  &:extend(label);
+  font-size: @font-size-base;
+  color: @text-color;
+  border: 0;
+  margin-bottom: 0;
+  line-height: @line-height-01;
+}
+
+// Normalize form controls
+//
+// While most of our form styles require extra classes, some basic normalization
+// is required to ensure optimum display with or without those classes to better
+// address browser inconsistencies.
+
+// Override content-box in Normalize (* isn't specific enough)
+input[type='search'] {
+  .box-sizing(border-box);
+}
+
+// Position radios and checkboxes better
+input[type='radio'],
+input[type='checkbox'] {
+  margin: 4px 0 0;
+  margin-top: 1px \9; /* IE8-9 */
+  line-height: normal;
+}
+
+// Set the height of file controls to match text inputs
+input[type='file'] {
+  display: block;
+}
+
+// Make range inputs behave like textual form controls
+input[type='range'] {
+  display: block;
+  width: 100%;
+}
+
+// Make multiple select elements height not fixed
+select[multiple],
+select[size] {
+  height: auto;
+}
+
+// Focus for file, radio, and checkbox
+input[type='file']:focus,
+input[type='radio']:focus,
+input[type='checkbox']:focus {
+  .tab-focus();
+}
+
+// Adjust output element
+output {
+  display: block;
+  padding-top: (@padding-base-vertical + 1);
+  font-size: @font-size-base;
+  line-height: @line-height-base;
+  color: @input-color;
+}
+
+// Common form controls
+//
+// Shared size and type resets for form controls. Apply `.form-control` to any
+// of the following form controls:
+//
+// select
+// textarea
+// input[type="text"]
+// input[type="password"]
+// input[type="datetime"]
+// input[type="datetime-local"]
+// input[type="date"]
+// input[type="month"]
+// input[type="time"]
+// input[type="week"]
+// input[type="number"]
+// input[type="email"]
+// input[type="url"]
+// input[type="search"]
+// input[type="tel"]
+// input[type="color"]
+
+.form-control {
+  display: block;
+  width: 100%;
+  height: @input-height-base;
+  padding: @padding-base-vertical @input-padding;
+  font-size: @font-size-base;
+  line-height: @line-height-base;
+  color: @input-color;
+  background-color: @input-bg;
+  border: @input-border-size solid @input-border;
+  border-radius: @input-border-radius;
+  .transition(~'border-color ease-in-out .15s, box-shadow ease-in-out .15s');
+
+  // Customize the `:focus` state to imitate native WebKit styles.
+  .form-control-focus();
+
+  // Placeholder
+  .placeholder();
+
+  // Disabled and read-only inputs
+  //
+  // HTML5 says that controls under a fieldset > legend:first-child won't be
+  // disabled if the fieldset is disabled. Due to implementation difficulty, we
+  // don't honor that edge case; we style them as disabled anyway.
+  &[disabled],
+  &[readonly],
+  fieldset[disabled] & {
+    cursor: not-allowed;
+    background-color: @input-bg-disabled;
+    border-color: @input-bg-disabled;
+    opacity: 1; // iOS fix for unreadable disabled content
+    .placeholder(@neutral-40);
+  }
+
+  // Reset height for `textarea`s, and smaller border-radius
+  textarea& {
+    height: auto;
+    border-radius: @border-radius-base;
+  }
+
+  // Smaller border-radius for `select` inputs
+  select& {
+    border-radius: @border-radius-base;
+  }
+}
+
+// Search inputs in iOS
+//
+// This overrides the extra rounded corners on search inputs in iOS so that our
+// `.form-control` class can properly style them. Note that this cannot simply
+// be added to `.form-control` as it's not specific enough. For details, see
+// https://github.com/twbs/bootstrap/issues/11586.
+
+input[type='search'] {
+  -webkit-appearance: none;
+}
+
+// Special styles for iOS date input
+//
+// In Mobile Safari, date inputs require a pixel line-height that matches the
+// given height of the input.
+
+input[type='date'] {
+  line-height: @input-height-base;
+}
+
+// Form groups
+//
+// Designed to help with the organization and spacing of vertical forms. For
+// horizontal forms, use the predefined grid classes.
+@form-group-margin-bottom: 15px;
+.form-group {
+  margin-bottom: @form-group-margin-bottom;
+}
+
+// Checkboxes and radios
+//
+// Indent the labels to position radios/checkboxes as hanging controls.
+
+.radio,
+.checkbox {
+  display: block;
+  min-height: @line-height-computed; // clear the floating input if there is no label text
+  margin-top: 10px;
+  margin-bottom: 10px;
+  padding-left: 20px;
+  label {
+    display: inline;
+    font-weight: normal;
+    cursor: pointer;
+  }
+}
+.fake-disabled-checkbox {
+  opacity: 0.5;
+}
+.radio input[type='radio'],
+.radio-inline input[type='radio'],
+.checkbox input[type='checkbox'],
+.checkbox-inline input[type='checkbox'] {
+  float: left;
+  margin-left: -20px;
+}
+.radio + .radio,
+.checkbox + .checkbox {
+  margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing
+}
+
+// Radios and checkboxes on same line
+.radio-inline,
+.checkbox-inline {
+  display: inline-block;
+  padding-left: 20px;
+  margin-bottom: 0;
+  vertical-align: middle;
+  font-weight: normal;
+  cursor: pointer;
+}
+.radio-inline + .radio-inline,
+.checkbox-inline + .checkbox-inline {
+  margin-top: 0;
+  margin-left: 10px; // space out consecutive inline controls
+}
+
+// Apply same disabled cursor tweak as for inputs
+//
+// Note: Neither radios nor checkboxes can be readonly.
+input[type='radio'],
+input[type='checkbox'],
+.radio,
+.radio-inline,
+.checkbox,
+.checkbox-inline {
+  &[disabled],
+  fieldset[disabled] & {
+    cursor: not-allowed;
+  }
+}
+
+// Form control sizing
+//
+// Build on `.form-control` with modifier classes to decrease or increase the
+// height and font-size of form controls.
+
+.input-sm {
+  .input-size(
+    @input-height-small; @padding-small-vertical; @padding-small-horizontal;
+      @font-size-small; @line-height-small; @border-radius-small
+  );
+}
+
+.input-lg {
+  .input-size(
+    @input-height-large; @padding-large-vertical; @padding-large-horizontal;
+      @font-size-large; @line-height-large; @border-radius-large
+  );
+}
+
+// Form control feedback states
+//
+// Apply contextual and semantic states to individual form controls.
+
+.has-feedback {
+  // Enable absolute positioning
+  position: relative;
+
+  // Feedback icon (requires .glyphicon classes)
+  .form-control-feedback {
+    position: absolute;
+    top: (@line-height-computed + 5); // Height of the `label` and its margin
+    right: 0;
+    display: block;
+    width: @input-height-base;
+    height: @input-height-base;
+    line-height: @input-height-base;
+    text-align: center;
+  }
+
+  // Position the feedback inside the input element when there's no label
+  &.hidden-label .form-control-feedback {
+    margin-top: -(@line-height-computed + 5);
+  }
+}
+
+.has-feedback-left {
+  position: relative;
+  .form-control {
+    padding-left: @input-height-base;
+  }
+  .form-control-feedback-left {
+    position: absolute;
+    top: (@line-height-computed + 5); // Height of the `label` and its margin
+    left: 0;
+    display: block;
+    width: @input-height-base;
+    height: @input-height-base;
+    line-height: @input-height-base;
+    text-align: center;
+  }
+}
+
+// Feedback states
+.has-success {
+  .form-control-validation(@brand-success);
+}
+.has-warning {
+  .form-control-validation(@brand-warning);
+}
+.has-error {
+  .form-control-validation(@brand-danger);
+}
+
+.form-control.ng-dirty.ng-invalid:not(:focus),
+.form-control[data-ol-dirty]:invalid:not(:focus) {
+  border-color: @state-danger-text;
+  .box-shadow(
+    inset 0 1px 1px rgba(0, 0, 0, 0.075)
+  ); // Redeclare so transitions work
+  &:focus {
+    border-color: darken(@state-danger-text, 10%);
+    @shadow:
+      inset 0 1px 1px rgba(0, 0, 0, 0.075),
+      0 0 6px lighten(@state-danger-text, 20%);
+    .box-shadow(@shadow);
+  }
+}
+
+// Static form control text
+//
+// Apply class to a `p` element to make any string of text align with labels in
+// a horizontal form layout.
+
+.form-control-static {
+  margin-bottom: 0; // Remove default margin from `p`
+}
+
+// Help text
+//
+// Apply to any element you wish to create light text for placement immediately
+// below a form control. Use for general help, formatting, or instructional text.
+
+.help-block {
+  display: block; // account for any element using help-block
+  margin-top: 5px;
+  margin-bottom: 10px;
+  color: lighten(@text-color, 25%); // lighten the text some for contrast
+
+  // Hide help blocks used as validation messages by default
+  &.invalid-only {
+    display: none;
+
+    .has-error & {
+      display: block;
+    }
+  }
+}
+
+// Inline forms
+//
+// Make forms appear inline(-block) by adding the `.form-inline` class. Inline
+// forms begin stacked on extra small (mobile) devices and then go inline when
+// viewports reach <768px.
+//
+// Requires wrapping inputs and labels with `.form-group` for proper display of
+// default HTML form controls and our custom form controls (e.g., input groups).
+//
+// Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
+
+.form-inline {
+  // Kick in the inline
+  @media (min-width: @screen-sm-min) {
+    // Inline-block all the things for "inline"
+    .form-group {
+      display: inline-block;
+      margin-bottom: 0;
+      vertical-align: middle;
+    }
+
+    // In navbar-form, allow folks to *not* use `.form-group`
+    .form-control {
+      display: inline-block;
+      width: auto; // Prevent labels from stacking above inputs in `.form-group`
+      vertical-align: middle;
+    }
+    // Input groups need that 100% width though
+    .input-group > .form-control {
+      width: 100%;
+    }
+
+    .control-label {
+      margin-bottom: 0;
+      vertical-align: middle;
+    }
+
+    // Remove default margin on radios/checkboxes that were used for stacking, and
+    // then undo the floating of radios and checkboxes to match (which also avoids
+    // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
+    .radio,
+    .checkbox {
+      display: inline-block;
+      margin-top: 0;
+      margin-bottom: 0;
+      padding-left: 0;
+      vertical-align: middle;
+    }
+    .radio input[type='radio'],
+    .checkbox input[type='checkbox'] {
+      float: none;
+      margin-left: 0;
+    }
+
+    // Validation states
+    //
+    // Reposition the icon because it's now within a grid column and columns have
+    // `position: relative;` on them. Also accounts for the grid gutter padding.
+    .has-feedback .form-control-feedback {
+      top: 0;
+    }
+  }
+}
+
+// Horizontal forms
+//
+// Horizontal forms are built on grid classes and allow you to create forms with
+// labels on the left and inputs on the right.
+
+.form-horizontal {
+  // Consistent vertical alignment of labels, radios, and checkboxes
+  .control-label,
+  .radio,
+  .checkbox,
+  .radio-inline,
+  .checkbox-inline {
+    margin-top: 0;
+    margin-bottom: 0;
+    padding-top: (@padding-base-vertical + 1); // Default padding plus a border
+  }
+  // Account for padding we're adding to ensure the alignment and of help text
+  // and other content below items
+  .radio,
+  .checkbox {
+    min-height: (@line-height-computed + (@padding-base-vertical + 1));
+  }
+
+  // Make form groups behave like rows
+  .form-group {
+    .make-row();
+  }
+
+  .form-control-static {
+    padding-top: (@padding-base-vertical + 1);
+  }
+
+  // Only right align form labels here when the columns stop stacking
+  @media (min-width: @screen-sm-min) {
+    .control-label {
+      text-align: right;
+    }
+  }
+
+  // Validation states
+  //
+  // Reposition the icon because it's now within a grid column and columns have
+  // `position: relative;` on them. Also accounts for the grid gutter padding.
+  .has-feedback .form-control-feedback {
+    top: 0;
+    right: (@grid-gutter-width / 2);
+  }
+  .has-feedback-left .form-control-feedback-left {
+    top: 0;
+    left: (@grid-gutter-width / 2);
+  }
+}
+
+.invalid-feedback {
+  display: flex;
+  align-items: baseline;
+  font-size: @font-size-small;
+  .text-emphasis-variant(@state-danger-text);
+}
diff --git a/services/web/frontend/stylesheets/components/hover.less b/services/web/frontend/stylesheets/components/hover.less
new file mode 100644
index 0000000..ac1e593
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/hover.less
@@ -0,0 +1,11 @@
+.hover-container {
+  .show-on-hover {
+    display: none;
+  }
+
+  &:hover {
+    .show-on-hover {
+      display: initial;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/icons.less b/services/web/frontend/stylesheets/components/icons.less
new file mode 100644
index 0000000..46102ca
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/icons.less
@@ -0,0 +1,38 @@
+// Colors
+.icon-accent {
+  color: @accent-color-secondary!important;
+}
+
+.icon-lg {
+  font-size: 32px !important;
+  width: 32px !important;
+  height: 32px !important;
+}
+
+.icon-md {
+  font-size: 24px !important;
+  width: 24px !important;
+  height: 24px !important;
+}
+
+.icon-sm {
+  font-size: 20px !important;
+  width: 20px !important;
+  height: 20px !important;
+}
+
+.icon-xs {
+  font-size: 16px !important;
+  width: 16px !important;
+  height: 16px !important;
+}
+
+.icon-round-background {
+  border-radius: 50%;
+}
+
+.icon-green-round-background {
+  .icon-round-background;
+  background: var(--green-30);
+  color: var(--dark-jungle-green);
+}
diff --git a/services/web/frontend/stylesheets/components/images.less b/services/web/frontend/stylesheets/components/images.less
new file mode 100644
index 0000000..b462aac
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/images.less
@@ -0,0 +1,17 @@
+.circle-img {
+  border-radius: 50%;
+  float: left;
+  // float: right;
+  height: 100px;
+  overflow: hidden;
+  position: relative;
+  max-width: 100px;
+  img {
+    display: inline;
+    margin: 0 auto;
+    width: 100%;
+  }
+}
+.blockquote-with-img {
+  margin-left: 115px;
+}
diff --git a/services/web/frontend/stylesheets/components/infinite-scroll.less b/services/web/frontend/stylesheets/components/infinite-scroll.less
new file mode 100644
index 0000000..688f8a4
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/infinite-scroll.less
@@ -0,0 +1,3 @@
+.infinite-scroll {
+  overflow-y: auto;
+}
diff --git a/services/web/frontend/stylesheets/components/input-groups.less b/services/web/frontend/stylesheets/components/input-groups.less
new file mode 100755
index 0000000..fdbe2ec
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/input-groups.less
@@ -0,0 +1,165 @@
+//
+// Input groups
+// --------------------------------------------------
+
+// Base styles
+// -------------------------
+.input-group {
+  position: relative; // For dropdowns
+  display: table;
+  border-collapse: separate; // prevent input groups from inheriting border styles from table cells when placed within a table
+
+  // Undo padding and float of grid classes
+  &[class*='col-'] {
+    float: none;
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .form-control {
+    // Ensure that the input is always above the *appended* addon button for
+    // proper border colors.
+    position: relative;
+    z-index: 2;
+
+    // IE9 fubars the placeholder attribute in text inputs and the arrows on
+    // select elements in input groups. To fix it, we float the input. Details:
+    // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855
+    float: left;
+
+    width: 100%;
+    margin-bottom: 0;
+  }
+}
+
+// Sizing options
+//
+// Remix the default form control sizing classes into new ones for easier
+// manipulation.
+
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-addon,
+.input-group-lg > .input-group-btn > .btn {
+  .input-lg();
+}
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-addon,
+.input-group-sm > .input-group-btn > .btn {
+  .input-sm();
+}
+
+// Display as table-cell
+// -------------------------
+.input-group-addon,
+.input-group-btn,
+.input-group .form-control {
+  display: table-cell;
+
+  &:not(:first-child):not(:last-child) {
+    border-radius: 0;
+  }
+}
+// Addon and addon wrapper for buttons
+.input-group-addon,
+.input-group-btn {
+  width: 1%;
+  white-space: nowrap;
+  vertical-align: middle; // Match the inputs
+}
+
+// Text input groups
+// -------------------------
+.input-group-addon {
+  padding: @padding-base-vertical @padding-base-horizontal;
+  font-size: @font-size-base;
+  font-weight: normal;
+  line-height: 1;
+  color: @input-color;
+  text-align: center;
+  background-color: @input-group-addon-bg;
+  border: 1px solid @input-group-addon-border-color;
+  border-radius: @border-radius-base;
+
+  // Sizing
+  &.input-sm {
+    padding: @padding-small-vertical @padding-small-horizontal;
+    font-size: @font-size-small;
+    border-radius: @border-radius-small;
+  }
+  &.input-lg {
+    padding: @padding-large-vertical @padding-large-horizontal;
+    font-size: @font-size-large;
+    border-radius: @border-radius-large;
+  }
+
+  // Nuke default margins from checkboxes and radios to vertically center within.
+  input[type='radio'],
+  input[type='checkbox'] {
+    margin-top: 0;
+  }
+}
+
+// Reset rounded corners
+.input-group .form-control:first-child,
+.input-group-addon:first-child,
+.input-group-btn:first-child > .btn,
+.input-group-btn:first-child > .btn-group > .btn,
+.input-group-btn:first-child > .dropdown-toggle,
+.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
+  .border-right-radius(0);
+}
+.input-group-addon:first-child {
+  border-right: 0;
+}
+.input-group .form-control:last-child,
+.input-group-addon:last-child,
+.input-group-btn:last-child > .btn,
+.input-group-btn:last-child > .btn-group > .btn,
+.input-group-btn:last-child > .dropdown-toggle,
+.input-group-btn:first-child > .btn:not(:first-child),
+.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+  .border-left-radius(0);
+}
+.input-group-addon:last-child {
+  border-left: 0;
+}
+
+// Button input groups
+// -------------------------
+.input-group-btn {
+  position: relative;
+  // Jankily prevent input button groups from wrapping with `white-space` and
+  // `font-size` in combination with `inline-block` on buttons.
+  font-size: 0;
+  white-space: nowrap;
+
+  // Negative margin for spacing, position for bringing hovered/focused/actived
+  // element above the siblings.
+  > .btn {
+    position: relative;
+    + .btn {
+      margin-left: -1px;
+    }
+    // Bring the "active" button to the front
+    &:hover,
+    &:focus,
+    &:active {
+      z-index: 2;
+    }
+  }
+
+  // Negative margin to only have a 1px border between the two
+  &:first-child {
+    > .btn,
+    > .btn-group {
+      margin-right: -1px;
+    }
+  }
+  &:last-child {
+    > .btn,
+    > .btn-group {
+      margin-left: -1px;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/input-suggestions.less b/services/web/frontend/stylesheets/components/input-suggestions.less
new file mode 100644
index 0000000..7043e36
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/input-suggestions.less
@@ -0,0 +1,14 @@
+.input-suggestions {
+  position: relative;
+}
+
+.input-suggestions-main {
+  position: absolute;
+  top: 0;
+  background-color: transparent;
+}
+
+.input-suggestions-shadow {
+  background-color: @input-bg !important;
+  color: lighten(@input-color, 25%);
+}
diff --git a/services/web/frontend/stylesheets/components/input-switch.less b/services/web/frontend/stylesheets/components/input-switch.less
new file mode 100644
index 0000000..b7c29e7
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/input-switch.less
@@ -0,0 +1,56 @@
+.input-switch {
+  display: inline-block;
+  padding-left: 5px;
+}
+.input-switch-hidden-input {
+  display: none;
+
+  + .input-switch-btn {
+    display: block;
+    width: 34px;
+    height: 20px;
+    position: relative;
+    outline: 0;
+    margin: 0;
+    font-weight: normal;
+    cursor: pointer;
+    user-select: none;
+    padding: 1px;
+    background-color: @rp-highlight-blue;
+    border-radius: 0.875em;
+    transition:
+      background 0.15s ease,
+      border-color 0.15s ease;
+
+    &::before {
+      content: '';
+      display: block;
+      width: 16px;
+      height: 16px;
+      position: relative;
+      left: 1px;
+      top: 1px;
+      background-color: #fff;
+      border-radius: 0.875em;
+      transition:
+        background-color 0.15s ease,
+        color 0.15s ease,
+        left 0.15s ease;
+    }
+  }
+
+  &:checked + .input-switch-btn {
+    background-color: @ol-green;
+    border-color: #fff;
+
+    &::before {
+      left: 15px;
+      top: 1px;
+    }
+  }
+
+  &:disabled + .input-switch-btn {
+    cursor: default;
+    opacity: 0.35;
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/interstitial.less b/services/web/frontend/stylesheets/components/interstitial.less
new file mode 100644
index 0000000..1d83751
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/interstitial.less
@@ -0,0 +1,23 @@
+.interstitial {
+  max-width: 400px;
+  padding: 24px;
+  margin: 0 auto;
+  background: @white;
+  display: flex;
+  flex-direction: column;
+
+  .logo {
+    width: 130px;
+    margin: 0 auto;
+    margin-bottom: 24px;
+  }
+
+  .btn {
+    width: 100%;
+  }
+
+  .interstitial-header {
+    margin-top: 0;
+    margin-bottom: 4px;
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/labels.less b/services/web/frontend/stylesheets/components/labels.less
new file mode 100755
index 0000000..299a8df
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/labels.less
@@ -0,0 +1,91 @@
+//
+// Labels
+// --------------------------------------------------
+
+.label {
+  display: inline;
+  padding: 0.2em 0.6em 0.3em;
+  font-size: @labels-font-size;
+  font-weight: bold;
+  line-height: 1;
+  color: @label-color;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  border-radius: 0.25em;
+
+  // Add hover effects, but only for links
+  &[href] {
+    &:hover,
+    &:focus {
+      color: @label-link-hover-color;
+      text-decoration: none;
+      cursor: pointer;
+    }
+  }
+
+  // Empty labels collapse automatically (not available in IE8)
+  &:empty {
+    display: none;
+  }
+
+  // Quick fix for labels in buttons
+  .btn & {
+    position: relative;
+    top: -1px;
+  }
+}
+
+.label {
+  padding: 0.3em 0.6em;
+  display: inline-flex;
+  align-items: center;
+  max-width: 100%;
+}
+
+// Colors
+// Contextual variations (linked labels get darker on :hover)
+
+.label-default {
+  .label-variant(@label-default-bg);
+}
+
+.label-primary {
+  .label-variant(@label-primary-bg);
+}
+
+.label-success {
+  .label-variant(@label-success-bg);
+}
+
+.label-info {
+  .label-variant(@label-info-bg);
+}
+
+.label-warning {
+  .label-variant(@label-warning-bg);
+}
+
+.label-danger {
+  .label-variant(@label-danger-bg);
+}
+
+.label-text {
+  color: @ol-type-color;
+  font-size: 100%;
+}
+
+.label-premium {
+  background-color: @neutral-20;
+  background-image: url('../../../public/img/material-icons/star-gradient.svg');
+  background-repeat: no-repeat;
+  background-position: 2px 2px;
+  border-radius: 4px;
+  color: @neutral-90;
+  display: inline-block;
+  font-size: 12px;
+  font-family: @font-family-sans-serif;
+  margin-left: 10px;
+  padding: 4px 4px 4px 20px;
+  vertical-align: middle;
+}
diff --git a/services/web/frontend/stylesheets/components/list-group.less b/services/web/frontend/stylesheets/components/list-group.less
new file mode 100755
index 0000000..9420d22
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/list-group.less
@@ -0,0 +1,97 @@
+//
+// List groups
+// --------------------------------------------------
+
+// Base class
+//
+// Easily usable on <ul>, <ol>, or <div>.
+
+.list-group {
+  // No need to set list-style: none; since .list-group-item is block level
+  margin-bottom: 20px;
+  padding-left: 0; // reset padding because ul and ol
+}
+
+// Individual list items
+//
+// Use on `li`s or `div`s within the `.list-group` parent.
+
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 10px 15px;
+  // Place the border on the list items and negative margin up for better styling
+  margin-bottom: -1px;
+  background-color: @list-group-bg;
+  border: 1px solid @list-group-border;
+
+  // Round the first and last items
+  &:first-child {
+    .border-top-radius(@list-group-border-radius);
+  }
+  &:last-child {
+    margin-bottom: 0;
+    .border-bottom-radius(@list-group-border-radius);
+  }
+
+  // Align badges within list items
+  > .badge {
+    float: right;
+  }
+  > .badge + .badge {
+    margin-right: 5px;
+  }
+}
+
+// Linked list items
+//
+// Use anchor elements instead of `li`s or `div`s to create linked list items.
+// Includes an extra `.active` modifier class for showing selected items.
+
+a.list-group-item,
+button.list-group-item {
+  color: @list-group-link-color;
+
+  .list-group-item-heading {
+    color: @list-group-link-heading-color;
+  }
+
+  // Hover state
+  &:hover,
+  &:focus {
+    color: @list-group-hover-color;
+    text-decoration: none;
+    background-color: @list-group-hover-bg;
+  }
+
+  // Active class on item itself, not parent
+  &.active,
+  &.active:hover,
+  &.active:focus {
+    z-index: 2; // Place active items above their siblings for proper border styling
+    color: @list-group-active-color;
+    background-color: @list-group-active-bg;
+    border-color: @list-group-active-border;
+
+    // Force color to inherit for custom content
+    .list-group-item-heading {
+      color: inherit;
+    }
+    .list-group-item-text {
+      color: @list-group-active-text-color;
+    }
+  }
+}
+
+// Custom content options
+//
+// Extra classes for creating well-formatted content within `.list-group-item`s.
+
+.list-group-item-heading {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+.list-group-item-text {
+  margin-bottom: 0;
+  line-height: 1.3;
+}
diff --git a/services/web/frontend/stylesheets/components/lists.less b/services/web/frontend/stylesheets/components/lists.less
new file mode 100644
index 0000000..b0e1978
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/lists.less
@@ -0,0 +1,27 @@
+.list-like-table {
+  border: 1px solid @hr-border;
+  border-radius: @border-radius-base;
+  list-style: none;
+  margin: 0;
+  padding: 0 @padding-sm;
+  li {
+    border-top: 1px solid @hr-border;
+    div {
+      display: table-cell;
+      float: none;
+      vertical-align: middle;
+    }
+    .row {
+      display: table;
+      margin: 0;
+      width: 100%;
+    }
+    &:first-child {
+      border-top: 0;
+    }
+  }
+}
+
+.list-style-check-green {
+  list-style-image: url('../../../public/img/fa-check-green.svg');
+}
diff --git a/services/web/frontend/stylesheets/components/loading-spinner.less b/services/web/frontend/stylesheets/components/loading-spinner.less
new file mode 100644
index 0000000..7640caa
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/loading-spinner.less
@@ -0,0 +1,12 @@
+.full-size-loading-spinner-container {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.loading {
+  display: inline-flex;
+  align-items: center;
+}
diff --git a/services/web/frontend/stylesheets/components/modals.less b/services/web/frontend/stylesheets/components/modals.less
new file mode 100755
index 0000000..960c67e
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/modals.less
@@ -0,0 +1,209 @@
+//
+// Modals
+// --------------------------------------------------
+
+// .modal-open      - body class for killing the scroll
+// .modal           - container to scroll within
+// .modal-dialog    - positioning shell for the actual modal
+// .modal-content   - actual modal w/ bg and corners and shit
+
+// Kill the scroll on the body
+.modal-open {
+  overflow: hidden;
+}
+
+// Container that the modal scrolls within
+.modal {
+  display: none;
+  overflow: auto;
+  overflow-y: scroll;
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: @zindex-modal;
+  -webkit-overflow-scrolling: touch;
+
+  // Prevent Chrome on Windows from adding a focus outline. For details, see
+  // https://github.com/twbs/bootstrap/pull/10951.
+  outline: 0;
+
+  // When fading in the modal, animate it to slide down
+  &.fade .modal-dialog {
+    .translate(0, -25%);
+    .transition-transform(~'0.3s ease-out');
+  }
+  &.in .modal-dialog {
+    // prettier-ignore
+    .translate(0, 0);
+  }
+}
+
+// Shell div to position the modal with bottom padding
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 10px;
+}
+
+// Actual modal
+.modal-content {
+  position: relative;
+  background-color: @modal-content-bg;
+  border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
+  border: 1px solid @modal-content-border-color;
+  border-radius: @border-radius-large;
+  .box-shadow(0 3px 9px rgba(0, 0, 0, 0.5));
+  background-clip: padding-box;
+  // Remove focus outline from opened modal
+  outline: none;
+}
+
+// Modal background
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: @zindex-modal-background;
+  background-color: @modal-backdrop-bg;
+  // Fade for backdrop
+  &.fade {
+    .opacity(0);
+  }
+  &.in {
+    .opacity(@modal-backdrop-opacity);
+  }
+}
+
+// Modal header
+// Top section of the modal w/ title and dismiss
+.modal-header {
+  padding: @modal-title-padding;
+  border-bottom: 1px solid @modal-header-border-color;
+  min-height: (@modal-title-padding + @modal-title-line-height);
+}
+// Close icon
+.modal-header .close {
+  margin-top: -2px;
+}
+.modal-header {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5 {
+    margin: 0;
+    font-family: @font-family-sans-serif;
+    font-weight: 700;
+  }
+}
+
+// Title text within header
+.modal-title {
+  margin: 0;
+  line-height: @modal-title-line-height;
+}
+
+// Modal body
+// Where all modal content resides (sibling of .modal-header and .modal-footer)
+.modal-body {
+  position: relative;
+  padding: @modal-inner-padding;
+}
+
+// Footer (for actions)
+.modal-footer {
+  //margin-top: 15px;
+  padding: (@modal-inner-padding - 1) @modal-inner-padding @modal-inner-padding;
+  text-align: right; // right align buttons
+  border-top: 1px solid @modal-footer-border-color;
+  background-color: @modal-footer-background-color;
+  border-radius: 0 0 @border-radius-large @border-radius-large;
+  &:extend(.clearfix
+    all); // clear it in case folks use .pull-* classes on buttons
+
+  // Properly space out buttons
+  .btn + .btn {
+    margin-left: 5px;
+    margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
+  }
+  // but override that for button groups
+  .btn-group .btn + .btn {
+    margin-left: -1px;
+  }
+  // and override it for block buttons as well
+  .btn-block + .btn-block {
+    margin-left: 0;
+  }
+
+  .modal-footer-left {
+    float: left;
+  }
+}
+
+// Scale up the modal
+@media (min-width: @screen-sm-min) {
+  // Automatically set modal's width for larger viewports
+  .modal-dialog {
+    width: @modal-md;
+    margin: 30px auto;
+  }
+  .modal-content {
+    .box-shadow(0 5px 15px rgba(0, 0, 0, 0.5));
+  }
+
+  // Modal sizes
+  .modal-sm {
+    width: @modal-sm;
+  }
+}
+
+@media (min-width: @screen-md-min) {
+  .modal-lg {
+    width: @modal-lg;
+  }
+}
+
+.website-redesign-modal {
+  .modal-title {
+    font-size: var(--font-size-05);
+    line-height: var(--line-height-04);
+    margin-bottom: var(--spacing-02);
+  }
+  .modal-subtitle {
+    font-size: var(--font-size-03);
+    line-height: var(--line-height-03);
+    margin: 0;
+  }
+
+  .modal-body,
+  .modal-footer {
+    padding: var(--spacing-06);
+  }
+  .modal-header {
+    border-bottom: 1px solid var(--neutral-20);
+  }
+  .modal-footer {
+    border-top: 1px solid var(--neutral-20);
+    background-color: transparent;
+    p:last-child {
+      margin-bottom: 0;
+    }
+  }
+  .close {
+    color: var(--neutral-90);
+    font-size: var(--font-size-05);
+    line-height: var(--line-height-02);
+    opacity: 1;
+    height: 36px;
+    width: 36px;
+    padding: var(--spacing-04);
+    &:hover {
+      background-color: var(--neutral-10);
+      border-radius: 50%;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/navbar.less b/services/web/frontend/stylesheets/components/navbar.less
new file mode 100755
index 0000000..06c3346
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/navbar.less
@@ -0,0 +1,788 @@
+//
+// Navbars
+// --------------------------------------------------
+
+// Wrapper and base class
+//
+// Provide a static navbar from which we expand to create full-width, fixed, and
+// other navbar variations.
+
+.navbar {
+  position: relative;
+  min-height: @navbar-height; // Ensure a navbar always shows (e.g., without a .navbar-brand in collapsed mode)
+  margin-bottom: @navbar-margin-bottom;
+  border-bottom: 1px solid transparent;
+
+  // Prevent floats from breaking the navbar
+  &:extend(.clearfix all);
+
+  @media (min-width: @grid-float-breakpoint) {
+    border-radius: @navbar-border-radius;
+  }
+}
+
+// Navbar heading
+//
+// Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
+// styling of responsive aspects.
+
+.navbar-header {
+  &:extend(.clearfix all);
+
+  @media (min-width: @grid-float-breakpoint) {
+    float: left;
+  }
+}
+
+// Navbar collapse (body)
+//
+// Group your navbar content into this for easy collapsing and expanding across
+// various device sizes. By default, this content is collapsed when <768px, but
+// will expand past that for a horizontal display.
+//
+// To start (on mobile devices) the navbar links, forms, and buttons are stacked
+// vertically and include a `max-height` to overflow in case you have too much
+// content for the user's viewport.
+
+.navbar-collapse {
+  overflow-x: visible;
+  padding-right: @navbar-padding-horizontal;
+  padding-left: @navbar-padding-horizontal;
+  &:extend(.clearfix all);
+  -webkit-overflow-scrolling: touch;
+  height: 100vh;
+
+  &.in {
+    overflow-y: auto;
+  }
+
+  @media (min-width: @grid-float-breakpoint) {
+    width: auto;
+    border-top: 0;
+    box-shadow: none;
+
+    &.collapse {
+      display: block !important;
+      height: auto !important;
+      padding-bottom: 0; // Override default setting
+      overflow: visible !important;
+    }
+
+    &.in {
+      overflow-y: visible;
+    }
+
+    // Undo the collapse side padding for navbars with containers to ensure
+    // alignment of right-aligned contents.
+    .navbar-fixed-top &,
+    .navbar-static-top &,
+    .navbar-fixed-bottom & {
+      padding-left: 0;
+      padding-right: 0;
+    }
+  }
+}
+
+.navbar-main {
+  z-index: @z-index-navbar;
+  .container-fluid > .navbar-collapse {
+    // High specificity needed to override Bootstrap's default.
+    margin: 10px 0 0;
+    @media (min-width: @grid-float-breakpoint) {
+      margin: 0;
+    }
+  }
+  .navbar-collapse {
+    // Use absolute positioning to build the hamburger menu.
+    position: absolute;
+    left: 0;
+    width: 100%;
+    margin: 0;
+    background-color: @navbar-default-bg;
+    border-bottom: solid 1px @navbar-default-border;
+    padding: 0;
+
+    @media (min-width: @grid-float-breakpoint) {
+      // Get back to regular layout mode as soon as the menu items are
+      // expanded (i.e. not contained within the hamburguer menu).
+      position: static;
+      background-color: transparent;
+      border-bottom: 0;
+      padding-right: @navbar-padding-horizontal;
+      padding-left: @navbar-padding-horizontal;
+    }
+  }
+}
+// Both navbar header and collapse
+//
+// When a container is present, change the behavior of the header and collapse.
+
+.container,
+.container-fluid {
+  > .navbar-header,
+  > .navbar-collapse {
+    margin-right: -@navbar-padding-horizontal;
+    margin-left: -@navbar-padding-horizontal;
+
+    @media (min-width: @grid-float-breakpoint) {
+      margin-right: 0;
+      margin-left: 0;
+    }
+  }
+}
+
+//
+// Navbar alignment options
+//
+// Display the navbar across the entirety of the page or fixed it to the top or
+// bottom of the page.
+
+// Static top (unfixed, but 100% wide) navbar
+.navbar-static-top {
+  z-index: @zindex-navbar;
+  border-width: 0 0 1px;
+
+  @media (min-width: @grid-float-breakpoint) {
+    border-radius: 0;
+  }
+}
+
+// Fix the top/bottom navbars when screen real estate supports it
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: @zindex-navbar-fixed;
+
+  // Undo the rounded corners
+  @media (min-width: @grid-float-breakpoint) {
+    border-radius: 0;
+  }
+}
+.navbar-fixed-top {
+  top: 0;
+  border-width: 0 0 1px;
+}
+.navbar-fixed-bottom {
+  bottom: 0;
+  margin-bottom: 0; // override .navbar defaults
+  border-width: 1px 0 0;
+}
+
+// Brand/project name
+
+.navbar-brand {
+  float: left;
+  //padding: @navbar-padding-vertical @navbar-padding-horizontal;
+  //font-size: @font-size-large;
+  line-height: @line-height-computed;
+  //height: @navbar-height;
+
+  &:hover,
+  &:focus {
+    text-decoration: none;
+  }
+
+  // @media (min-width: @grid-float-breakpoint) {
+  //   .navbar > .container &,
+  //   .navbar > .container-fluid & {
+  //     margin-left: -@navbar-padding-horizontal;
+  //   }
+  // }
+}
+
+.navbar-title {
+  font-size: 20px;
+  display: inline-block;
+  margin-top: 2px;
+  color: @navbar-title-color;
+  &:hover,
+  &:active,
+  &:focus {
+    color: @navbar-title-color-hover;
+    text-decoration: none;
+  }
+}
+
+// Navbar toggle
+//
+// Custom button for toggling the `.navbar-collapse`, powered by the collapse
+// JavaScript plugin.
+
+.navbar-toggle {
+  position: relative;
+  float: right;
+  padding: 3px 10px 0px;
+  background-color: transparent;
+  background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
+  border: 0;
+  border-radius: @border-radius-base;
+
+  .fa {
+    font-size: @navbar-height / 2;
+  }
+
+  // We remove the `outline` here, but later compensate by attaching `:hover`
+  // styles to `:focus`.
+  &:focus {
+    outline: none;
+  }
+
+  @media (min-width: @grid-float-breakpoint) {
+    display: none;
+  }
+}
+
+// Navbar nav links
+//
+// Builds on top of the `.nav` components with its own modifier class to make
+// the nav the full height of the horizontal nav (above 768px).
+
+.navbar-nav {
+  margin: (@navbar-padding-vertical / 2) -@navbar-padding-horizontal;
+
+  > li > a {
+    padding-top: 10px;
+    padding-bottom: 10px;
+    line-height: @line-height-computed;
+  }
+
+  @media (max-width: @grid-float-breakpoint-max) {
+    margin: (@navbar-padding-vertical / 2) 0;
+    // Dropdowns get custom display when collapsed
+    .open .dropdown-menu {
+      position: static;
+      float: none;
+      width: auto;
+      margin-top: 0;
+      background-color: transparent;
+      border: 0;
+      box-shadow: none;
+      > li > a,
+      > li > div.subdued,
+      > li > form > button,
+      .dropdown-header {
+        padding: 5px 15px 5px 25px;
+      }
+      > li > a,
+      > li > form > button {
+        line-height: @line-height-computed;
+        &:hover,
+        &:focus {
+          background-image: none;
+        }
+      }
+      > li > div.subdued {
+        line-height: @line-height-computed;
+      }
+    }
+  }
+
+  // Uncollapse the nav
+  @media (min-width: @grid-float-breakpoint) {
+    float: left;
+    margin: 0;
+
+    > li {
+      float: left;
+      > a {
+        padding-top: @navbar-padding-vertical;
+        padding-bottom: @navbar-padding-vertical;
+      }
+    }
+
+    &.navbar-right:last-child {
+      margin-right: -@navbar-padding-horizontal;
+    }
+  }
+}
+
+// Component alignment
+//
+// Repurpose the pull utilities as their own navbar utilities to avoid specificity
+// issues with parents and chaining. Only do this when the navbar is uncollapsed
+// though so that navbar contents properly stack and align in mobile.
+
+@media (min-width: @grid-float-breakpoint) {
+  .navbar-left {
+    .pull-left();
+  }
+  .navbar-right {
+    .pull-right();
+  }
+}
+
+// Navbar form
+//
+// Extension of the `.form-inline` with some extra flavor for optimum display in
+// our navbars.
+
+.navbar-form {
+  margin-left: -@navbar-padding-horizontal;
+  margin-right: -@navbar-padding-horizontal;
+  padding: 10px @navbar-padding-horizontal;
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+  @shadow:
+    inset 0 1px 0 rgba(255, 255, 255, 0.1),
+    0 1px 0 rgba(255, 255, 255, 0.1);
+  .box-shadow(@shadow);
+
+  // Mixin behavior for optimum display
+  .form-inline();
+
+  .form-group {
+    @media (max-width: @grid-float-breakpoint-max) {
+      margin-bottom: 5px;
+    }
+  }
+
+  // Vertically center in expanded, horizontal navbar
+  .navbar-vertical-align(@input-height-base);
+
+  // Undo 100% width for pull classes
+  @media (min-width: @grid-float-breakpoint) {
+    width: auto;
+    border: 0;
+    margin-left: 0;
+    margin-right: 0;
+    padding-top: 0;
+    padding-bottom: 0;
+    .box-shadow(none);
+
+    // Outdent the form if last child to line up with content down the page
+    &.navbar-right:last-child {
+      margin-right: -@navbar-padding-horizontal;
+    }
+  }
+}
+
+// Dropdown menus
+
+// Menu position and menu carets
+.navbar-nav > li > .dropdown-menu {
+  margin-top: 0;
+  .border-top-radius(0);
+}
+// Menu position and menu caret support for dropups via extra dropup class
+.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
+  .border-bottom-radius(0);
+}
+
+// Buttons in navbars
+//
+// Vertically center a button within a navbar (when *not* in a form).
+
+.navbar-btn {
+  .navbar-vertical-align(@input-height-base);
+
+  &.btn-sm {
+    .navbar-vertical-align(@input-height-small);
+  }
+  &.btn-xs {
+    .navbar-vertical-align(22);
+  }
+}
+
+// Text in navbars
+//
+// Add a class to make any element properly align itself vertically within the navbars.
+
+.navbar-text {
+  .navbar-vertical-align(@line-height-computed);
+
+  @media (min-width: @grid-float-breakpoint) {
+    float: left;
+    margin-left: @navbar-padding-horizontal;
+    margin-right: @navbar-padding-horizontal;
+
+    // Outdent the form if last child to line up with content down the page
+    &.navbar-right:last-child {
+      margin-right: 0;
+    }
+  }
+}
+
+// Alternate navbars
+// --------------------------------------------------
+
+// Default navbar
+.navbar-default {
+  background-color: @navbar-default-bg;
+  border-color: @navbar-default-border;
+  padding: @navbar-default-padding;
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: @header-height;
+
+  .navbar-brand {
+    position: absolute;
+    top: 5px;
+    bottom: 5px;
+    width: @navbar-brand-width;
+    padding: 0;
+    background-image: @navbar-brand-image-url;
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: left center;
+  }
+
+  .navbar-text {
+    color: @navbar-default-color;
+  }
+
+  .navbar-nav {
+    > li > a {
+      color: @navbar-default-link-color;
+      border: 2px solid transparent;
+      font-size: @navbar-btn-font-size;
+      font-weight: @navbar-btn-font-weight;
+      line-height: @navbar-btn-line-height;
+      background-color: @navbar-default-link-bg;
+
+      @media (min-width: @grid-float-breakpoint) {
+        border-radius: @navbar-btn-border-radius;
+        padding: @navbar-btn-padding;
+      }
+
+      &:hover,
+      &:focus {
+        color: #fff;
+        background-color: @navbar-default-link-hover-bg;
+        border: 2px solid @navbar-default-link-hover-color;
+      }
+    }
+    > .active > a {
+      &,
+      &:hover,
+      &:focus {
+        color: @navbar-default-link-active-color;
+        background-color: @navbar-default-link-active-bg;
+      }
+    }
+    > .disabled > a {
+      &,
+      &:hover,
+      &:focus {
+        color: @navbar-default-link-disabled-color;
+        background-color: @navbar-default-link-disabled-bg;
+      }
+    }
+
+    > li.subdued > a {
+      border: 0;
+      color: @navbar-subdued-color;
+      margin-left: 0;
+      background-color: transparent;
+      &:hover,
+      &:focus {
+        color: @navbar-subdued-hover-color;
+        background-color: @navbar-subdued-hover-bg;
+      }
+      &:focus {
+        .tab-focus();
+      }
+      @media (min-width: @grid-float-breakpoint) {
+        padding: @navbar-subdued-padding;
+      }
+    }
+
+    > li.primary > a {
+      .btn-borderless();
+    }
+
+    > li.secondary > a {
+      .btn-bordered();
+
+      border-width: @border-radius-small;
+    }
+
+    @media (min-width: @grid-float-breakpoint) {
+      > li > a {
+        border-color: @navbar-default-link-border-color;
+        margin-left: 1rem;
+      }
+    }
+  }
+
+  .navbar-toggle {
+    &.collapsed {
+      border-color: @navbar-default-toggle-border-color;
+      color: @navbar-default-link-color;
+      transition: 0.2s ease-out;
+    }
+
+    &:not(.collapsed) {
+      background-color: @navbar-default-toggle-hover-bg;
+      border-color: @navbar-default-toggle-hover-bg;
+      color: #fff;
+      transition: 0.2s ease-in;
+    }
+  }
+
+  .navbar-collapse,
+  .navbar-form {
+    border-color: @navbar-default-border;
+  }
+
+  .navbar-collapse.in {
+    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.25);
+  }
+  // Dropdown menu items
+  .navbar-nav {
+    // Remove background color from open dropdown
+    > .open > a {
+      &,
+      &:hover,
+      &:focus {
+        background-color: @navbar-default-link-active-bg;
+        color: @navbar-default-link-active-color;
+      }
+    }
+
+    > .open.subdued > a {
+      &,
+      &:hover,
+      &:focus {
+        color: @navbar-subdued-hover-color;
+        background-color: @navbar-subdued-hover-bg;
+      }
+    }
+
+    @media (max-width: @grid-float-breakpoint-max) {
+      // Dropdowns get custom display when collapsed
+      .open .dropdown-menu {
+        background-color: lighten(@navbar-default-bg, 10%);
+        > li > div.subdued {
+          color: mix(@navbar-default-link-color, @navbar-default-bg);
+        }
+        > li > a,
+        > li > form > button {
+          // padding: 12px 12px 13px 30px;
+          color: @navbar-default-link-color;
+          &:hover,
+          &:focus {
+            color: #fff;
+            background-color: @navbar-default-link-hover-bg;
+          }
+        }
+        > .active > a,
+        > .active > form > button {
+          &,
+          &:hover,
+          &:focus {
+            color: @navbar-default-link-active-color;
+            background-color: @navbar-default-link-active-bg;
+          }
+        }
+        > .disabled > a,
+        > .disabled > form > button {
+          &,
+          &:hover,
+          &:focus {
+            color: @navbar-default-link-disabled-color;
+            background-color: @navbar-default-link-disabled-bg;
+          }
+        }
+      }
+    }
+  }
+
+  // Links in navbars
+  //
+  // Add a class to ensure links outside the navbar nav are colored correctly.
+
+  .navbar-link {
+    color: @navbar-default-link-color;
+    &:hover {
+      color: @navbar-default-link-hover-color;
+    }
+  }
+
+  @media (min-width: @grid-float-breakpoint) {
+    padding: @navbar-default-padding-v 0;
+  }
+}
+
+// Accessibility
+.skip-to-content {
+  color: @navbar-default-link-color;
+  background-color: @navbar-default-link-bg;
+  border: 2px solid transparent;
+  border-radius: @navbar-btn-border-radius;
+  font-size: @navbar-btn-font-size;
+  font-weight: @navbar-btn-font-weight;
+  left: @navbar-brand-width + @padding-lg;
+  line-height: @navbar-btn-line-height;
+  padding: @navbar-btn-padding;
+  position: absolute;
+  top: -200px;
+  z-index: @zindex-navbar + 1;
+
+  &:focus {
+    background-color: @navbar-default-link-hover-bg;
+    border: 2px solid @navbar-default-link-hover-color;
+    color: @white;
+    text-decoration: none;
+    top: @navbar-default-padding-v;
+  }
+}
+
+.website-redesign-navbar {
+  &.navbar-default {
+    background-color: @navbar-default-bg-website-redesign;
+
+    .navbar-brand {
+      background-image: @navbar-brand-image-url-website-redesign;
+    }
+
+    .navbar-text {
+      color: @navbar-default-color-website-redesign;
+    }
+
+    // There is this -15px margin hack that is needed on the original
+    // This causes inconsistency with the website redesign navbar,
+    // so reset it to 0 for now
+    @media (min-width: @grid-float-breakpoint) {
+      .navbar-right:last-child {
+        margin-right: 0;
+      }
+    }
+
+    .navbar-nav {
+      > li > a {
+        color: @navbar-default-link-color-website-redesign;
+        // border: 2px solid transparent;
+
+        @media (min-width: @grid-float-breakpoint) {
+          border-radius: @navbar-btn-border-radius;
+          padding: @navbar-btn-padding;
+        }
+      }
+
+      > li.subdued > a {
+        color: @navbar-subdued-color-website-redesign;
+        &:hover,
+        &:focus {
+          color: @navbar-subdued-hover-color-website-redesign;
+          background-color: @navbar-subdued-hover-bg-website-redesign;
+        }
+        &:focus {
+          .tab-focus();
+        }
+        @media (min-width: @grid-float-breakpoint) {
+          padding: @navbar-subdued-padding;
+        }
+      }
+
+      > li.primary > a {
+        .btn-borderless(@white, @green-50, @green-60);
+      }
+
+      > li.secondary > a {
+        .btn-bordered();
+
+        border-width: @border-radius-small;
+        border-color: transparent;
+
+        @media (min-width: @grid-float-breakpoint) {
+          border-color: @btn-bordered-border-color;
+        }
+      }
+    }
+
+    .navbar-toggle {
+      &.collapsed {
+        border-color: @navbar-default-toggle-border-color-website-redesign;
+        color: @navbar-default-link-color-website-redesign;
+        transition: 0.2s ease-out;
+      }
+
+      &:not(.collapsed) {
+        background-color: @navbar-default-toggle-hover-bg-website-redesign;
+        border-color: @navbar-default-toggle-hover-bg-website-redesign;
+        color: #fff;
+        transition: 0.2s ease-in;
+      }
+    }
+
+    .navbar-collapse {
+      // Use absolute positioning to build the hamburger menu.
+      background-color: @navbar-default-bg-website-redesign;
+      border-bottom: solid 1px @navbar-default-border;
+    }
+
+    // Dropdown menu items
+    .navbar-nav {
+      .dropdown-menu-button,
+      .dropdown-menu > li > a {
+        &:hover,
+        &:focus {
+          background-color: @navbar-default-link-active-bg-website-redesign;
+        }
+      }
+
+      // Remove background color from open dropdown
+      > .open > a {
+        &,
+        &:hover,
+        &:focus {
+          background-color: @btn-secondary-hover-bg-color; // force secondary button style
+          color: @navbar-default-link-active-color-website-redesign;
+        }
+      }
+
+      > .open.subdued > a {
+        &,
+        &:hover,
+        &:focus {
+          color: @navbar-subdued-hover-color-website-redesign;
+          background-color: @navbar-subdued-hover-bg-website-redesign;
+        }
+      }
+
+      @media (max-width: @grid-float-breakpoint-max) {
+        // Dropdowns get custom display when collapsed
+        .open .dropdown-menu {
+          background-color: darken(@navbar-default-bg-website-redesign, 5%);
+          > li > div.subdued {
+            color: mix(
+              @navbar-default-link-color-website-redesign,
+              @navbar-default-bg-website-redesign
+            );
+          }
+          > li > a,
+          > li > form > button {
+            // padding: 12px 12px 13px 30px;
+            color: @navbar-default-link-color-website-redesign;
+            &:hover,
+            &:focus {
+              color: #fff;
+              background-color: @navbar-default-link-hover-bg-website-redesign;
+            }
+          }
+          > .active > a,
+          > .active > form > button {
+            &,
+            &:hover,
+            &:focus {
+              color: @navbar-default-link-active-color-website-redesign;
+              background-color: @navbar-default-link-active-bg-website-redesign;
+            }
+          }
+          > .disabled > a,
+          > .disabled > form > button {
+            &,
+            &:hover,
+            &:focus {
+              color: @navbar-default-link-disabled-color-website-redesign;
+              background-color: @navbar-default-link-disabled-bg;
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/navs-ol.less b/services/web/frontend/stylesheets/components/navs-ol.less
new file mode 100644
index 0000000..2312d5b
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/navs-ol.less
@@ -0,0 +1,7 @@
+.nav-pills {
+  > li {
+    > button {
+      border-radius: @btn-border-radius-base;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/navs.less b/services/web/frontend/stylesheets/components/navs.less
new file mode 100755
index 0000000..9d0e408
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/navs.less
@@ -0,0 +1,251 @@
+//
+// Navs
+// --------------------------------------------------
+
+// Base class
+// --------------------------------------------------
+
+.nav {
+  margin-bottom: 0;
+  padding-left: 0; // Override default ul/ol
+  list-style: none;
+  &:extend(.clearfix all);
+
+  > li {
+    position: relative;
+    display: block;
+
+    > a {
+      position: relative;
+      display: block;
+      padding: @nav-link-padding;
+      &:hover,
+      &:focus {
+        text-decoration: none;
+        background-color: @nav-link-hover-bg;
+        color: white;
+      }
+    }
+
+    // Disabled state sets text to gray and nukes hover/tab effects
+    &.disabled > a {
+      color: @nav-disabled-link-color;
+
+      &:hover,
+      &:focus {
+        color: @nav-disabled-link-hover-color;
+        text-decoration: none;
+        background-color: transparent;
+        cursor: not-allowed;
+      }
+    }
+  }
+
+  // Open dropdowns
+  .open > a {
+    &,
+    &:hover,
+    &:focus {
+      background-color: @nav-link-hover-bg;
+      border-color: @link-color;
+    }
+  }
+
+  // Nav dividers (deprecated with v3.0.1)
+  //
+  // This should have been removed in v3 with the dropping of `.nav-list`, but
+  // we missed it. We don't currently support this anywhere, but in the interest
+  // of maintaining backward compatibility in case you use it, it's deprecated.
+  .nav-divider {
+    .nav-divider();
+  }
+
+  // Prevent IE8 from misplacing imgs
+  //
+  // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
+  > li > a > img {
+    max-width: none;
+  }
+}
+
+// Tabs
+// -------------------------
+
+// Give the tabs something to sit on
+.nav-tabs {
+  border-bottom: 1px solid @nav-tabs-border-color;
+  > li {
+    float: left;
+    // Make the list-items overlay the bottom border
+    margin-bottom: -1px;
+
+    // Actual tabs (as links)
+    > a {
+      margin-right: 2px;
+      line-height: @line-height-base;
+      border: 1px solid transparent;
+      border-radius: @border-radius-base @border-radius-base 0 0;
+      &:hover {
+        cursor: pointer;
+        border-color: @nav-tabs-link-hover-border-color
+          @nav-tabs-link-hover-border-color @nav-tabs-border-color;
+      }
+    }
+
+    // Active state, and its :hover to override normal :hover
+    &.active > a {
+      &,
+      &:hover,
+      &:focus {
+        color: @nav-tabs-active-link-hover-color;
+        background-color: @nav-tabs-active-link-hover-bg;
+        border: 1px solid @nav-tabs-active-link-hover-border-color;
+        border-bottom-color: transparent;
+        cursor: default;
+      }
+    }
+  }
+  // pulling this in mainly for less shorthand
+  &.nav-justified {
+    .nav-justified();
+    .nav-tabs-justified();
+  }
+}
+
+// Pills
+// -------------------------
+.nav-pills {
+  > li {
+    float: left;
+
+    // Links rendered as pills
+    > button {
+      border-radius: @nav-pills-border-radius;
+      border: 2px solid @nav-pills-link-color;
+      color: @nav-pills-link-color;
+      padding: 8px 13px;
+      &:hover,
+      &:focus {
+        background-color: @nav-pills-link-hover-bg;
+        border: 2px solid @nav-pills-link-hover-bg;
+      }
+    }
+    + li {
+      margin-left: 2px;
+    }
+
+    // Active state
+    &.active > button {
+      &,
+      &:hover,
+      &:focus {
+        color: @nav-pills-active-link-hover-color;
+        border: 2px solid @nav-pills-active-link-hover-bg;
+        background-color: @nav-pills-active-link-hover-bg;
+      }
+    }
+  }
+}
+
+// Stacked pills
+.nav-stacked {
+  > li {
+    float: none;
+    + li {
+      margin-top: 2px;
+      margin-left: 0; // no need for this gap between nav items
+    }
+  }
+}
+
+// Nav variations
+// --------------------------------------------------
+
+// Justified nav links
+// -------------------------
+
+.nav-justified {
+  width: 100%;
+
+  > li {
+    float: none;
+    > a {
+      text-align: center;
+      margin-bottom: 5px;
+    }
+  }
+
+  > .dropdown .dropdown-menu {
+    top: auto;
+    left: auto;
+  }
+
+  @media (min-width: @screen-sm-min) {
+    > li {
+      display: table-cell;
+      width: 1%;
+      > a {
+        margin-bottom: 0;
+      }
+    }
+  }
+}
+
+// Move borders to anchors instead of bottom of list
+//
+// Mixin for adding on top the shared `.nav-justified` styles for our tabs
+.nav-tabs-justified {
+  border-bottom: 0;
+
+  > li > a {
+    // Override margin from .nav-tabs
+    margin-right: 0;
+    border-radius: @border-radius-base;
+  }
+
+  > .active > a,
+  > .active > a:hover,
+  > .active > a:focus {
+    border: 1px solid @nav-tabs-justified-link-border-color;
+  }
+
+  @media (min-width: @screen-sm-min) {
+    > li > a {
+      border-bottom: 1px solid @nav-tabs-justified-link-border-color;
+      border-radius: @border-radius-base @border-radius-base 0 0;
+    }
+    > .active > a,
+    > .active > a:hover,
+    > .active > a:focus {
+      border-bottom-color: @nav-tabs-justified-active-link-border-color;
+    }
+  }
+}
+
+// Tabbable tabs
+// -------------------------
+
+// Hide tabbable panes to start, show them when `.active`
+.tab-content {
+  background-color: @nav-tabs-active-link-hover-bg;
+  border: 1px solid @nav-tabs-border-color;
+  border-top: none;
+  padding: @line-height-computed / 2;
+  > .tab-pane {
+    display: none;
+  }
+  > .active {
+    display: block;
+  }
+}
+
+// Dropdowns
+// -------------------------
+
+// Specific dropdowns
+.nav-tabs .dropdown-menu {
+  // make dropdown border overlap tab border
+  margin-top: -1px;
+  // Remove the top rounded corners here since there is a hard edge above the menu
+  .border-top-radius(0);
+}
diff --git a/services/web/frontend/stylesheets/components/notifications.less b/services/web/frontend/stylesheets/components/notifications.less
new file mode 100644
index 0000000..1d5cea5
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/notifications.less
@@ -0,0 +1,246 @@
+.notification-body {
+  // will be deprecated once notifications moved to use .notification (see below)
+  flex-grow: 1;
+  width: 90%;
+  @media (min-width: @screen-sm-min) {
+    width: auto;
+  }
+}
+
+.notification-action {
+  // will be deprecated once notifications moved to use .notification (see below)
+  margin-top: (@line-height-computed / 2); // match paragraph padding
+  order: 1;
+  @media (min-width: @screen-sm-min) {
+    margin-top: 0;
+    order: 0;
+    padding-left: @padding-sm;
+  }
+}
+
+.notification-close {
+  // will be deprecated once notifications moved to use .notification (see below)
+  padding-left: @padding-sm;
+  text-align: right;
+  width: 10%;
+
+  button {
+    aspect-ratio: 1;
+    border-radius: 50%;
+    display: flex;
+    float: right;
+    padding: 5.5px;
+    cursor: pointer;
+    background: transparent;
+    border: 0;
+
+    &:hover,
+    &:focus {
+      background-color: rgba(@neutral-90, 0.08);
+      color: @text-color;
+    }
+  }
+
+  @media (min-width: @screen-sm-min) {
+    width: auto;
+  }
+}
+
+.notification {
+  border-radius: @border-radius-base-new;
+  color: @content-primary;
+  display: flex;
+  padding: 0 16px 0 16px; // vertical padding added by elements within notification
+  width: 100%;
+
+  a:not(.btn) {
+    text-decoration: underline;
+  }
+
+  p {
+    margin-bottom: 4px;
+  }
+
+  .notification-icon {
+    flex-grow: 0;
+    padding: 18px 16px 0 0;
+  }
+
+  .notification-content-and-cta {
+    // shared container to align cta with text on smaller screens
+    display: flex;
+    flex-grow: 1;
+    flex-wrap: wrap;
+
+    p:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .notification-content {
+    flex-grow: 1;
+    padding: 16px 0 16px 0;
+    width: 100%;
+  }
+
+  .notification-cta {
+    padding-bottom: 16px;
+
+    a {
+      font-weight: 700;
+    }
+
+    a,
+    button {
+      white-space: nowrap;
+    }
+  }
+
+  .notification-disclaimer {
+    color: @neutral-60;
+    font-size: @font-size-small;
+    padding-bottom: 16px;
+  }
+
+  .notification-close-btn {
+    height: 56px;
+    align-items: center;
+    display: flex;
+  }
+
+  .notification-close-btn {
+    padding: 0 0 0 16px;
+
+    button {
+      aspect-ratio: 1;
+      border-radius: 50%;
+      display: flex;
+      float: right;
+      padding: 5.5px;
+      cursor: pointer;
+      background: transparent;
+      border: 0;
+
+      &:hover,
+      &:focus {
+        background-color: rgba(@neutral-90, 0.08);
+        color: @text-color;
+      }
+    }
+  }
+
+  &.notification-type-info {
+    background-color: @blue-10;
+    border: 1px solid @blue-20;
+    .notification-icon {
+      color: @blue-50;
+    }
+  }
+  &.notification-type-success {
+    background-color: @green-10;
+    border: 1px solid @green-20;
+    .notification-icon {
+      color: @green-50;
+    }
+  }
+  &.notification-type-warning {
+    background-color: @yellow-10;
+    border: 1px solid @yellow-20;
+    .notification-icon {
+      color: @yellow-40;
+    }
+  }
+  &.notification-type-error {
+    background-color: @red-10;
+    border: 1px solid @red-20;
+    .notification-icon {
+      color: @red-50;
+    }
+  }
+  &.notification-type-offer {
+    background-color: @white;
+    border: 1px solid @neutral-20;
+    .notification-icon {
+      color: @neutral-50;
+    }
+  }
+
+  @media (min-width: @screen-sm-min) {
+    &:not(.notification-cta-below-content) {
+      .notification-content-and-cta {
+        flex-wrap: nowrap;
+      }
+
+      .notification-content {
+        width: auto;
+      }
+
+      .notification-cta {
+        height: 56px;
+        padding-left: 16px;
+        padding-bottom: 0;
+        align-items: center;
+        display: flex;
+      }
+    }
+  }
+}
+
+.notification-with-scroll-margin {
+  scroll-margin: 16px;
+}
+
+.notification-list {
+  .notification {
+    margin-bottom: @margin-md;
+  }
+}
+
+// Reconfirmation notification
+
+.reconfirm-notification {
+  display: flex;
+  width: 100%;
+  .fa-warning {
+    margin-right: @margin-sm;
+  }
+  .btn-reconfirm {
+    float: right;
+    margin-left: @margin-sm;
+    text-transform: capitalize;
+  }
+}
+
+.group-invitation-cancel-subscription-notification-buttons {
+  display: flex;
+  align-items: center;
+}
+
+// Settings page
+.affiliations-table {
+  .reconfirm-notification {
+    margin: 0px auto @margin-sm auto !important;
+    padding: @padding-md;
+  }
+
+  .reconfirm-row {
+    td {
+      border: 0;
+
+      .alert {
+        border: 0;
+        padding: 0;
+      }
+
+      :not(.alert) {
+        .reconfirm-notification {
+          background-color: @ol-blue-gray-0;
+          border-radius: @border-radius-base;
+          .fa-warning {
+            color: @brand-warning;
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/nvd3.less b/services/web/frontend/stylesheets/components/nvd3.less
new file mode 100755
index 0000000..f1fea65
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/nvd3.less
@@ -0,0 +1,691 @@
+/* nvd3 version 1.8.4 (https://github.com/novus/nvd3) 2016-07-03 */
+.nvd3 .nv-axis {
+  pointer-events: none;
+  opacity: 1;
+}
+
+.nvd3 .nv-axis path {
+  fill: none;
+  stroke: #000;
+  stroke-opacity: 0.75;
+  shape-rendering: crispEdges;
+}
+
+.nvd3 .nv-axis path.domain {
+  stroke-opacity: 0.75;
+}
+
+.nvd3 .nv-axis.nv-x path.domain {
+  stroke-opacity: 0;
+}
+
+.nvd3 .nv-axis line {
+  fill: none;
+  stroke: #e5e5e5;
+  shape-rendering: crispEdges;
+}
+
+.nvd3 .nv-axis .zero line,
+    /*this selector may not be necessary*/ .nvd3 .nv-axis line.zero {
+  stroke-opacity: 0.75;
+}
+
+.nvd3 .nv-axis .nv-axisMaxMin text {
+  font-weight: bold;
+}
+
+.nvd3 .x .nv-axis .nv-axisMaxMin text,
+.nvd3 .x2 .nv-axis .nv-axisMaxMin text,
+.nvd3 .x3 .nv-axis .nv-axisMaxMin text {
+  text-anchor: middle;
+}
+
+.nvd3 .nv-axis.nv-disabled {
+  opacity: 0;
+}
+
+.nvd3 .nv-bars rect {
+  fill-opacity: 0.75;
+
+  transition: fill-opacity 250ms linear;
+  -moz-transition: fill-opacity 250ms linear;
+  -webkit-transition: fill-opacity 250ms linear;
+}
+
+.nvd3 .nv-bars rect.hover {
+  fill-opacity: 1;
+}
+
+.nvd3 .nv-bars .hover rect {
+  fill: lightblue;
+}
+
+.nvd3 .nv-bars text {
+  fill: rgba(0, 0, 0, 0);
+}
+
+.nvd3 .nv-bars .hover text {
+  fill: rgba(0, 0, 0, 1);
+}
+
+.nvd3 .nv-multibar .nv-groups rect,
+.nvd3 .nv-multibarHorizontal .nv-groups rect,
+.nvd3 .nv-discretebar .nv-groups rect {
+  stroke-opacity: 0;
+
+  transition: fill-opacity 250ms linear;
+  -moz-transition: fill-opacity 250ms linear;
+  -webkit-transition: fill-opacity 250ms linear;
+}
+
+.nvd3 .nv-multibar .nv-groups rect:hover,
+.nvd3 .nv-multibarHorizontal .nv-groups rect:hover,
+.nvd3 .nv-candlestickBar .nv-ticks rect:hover,
+.nvd3 .nv-discretebar .nv-groups rect:hover {
+  fill-opacity: 1;
+}
+
+.nvd3 .nv-discretebar .nv-groups text,
+.nvd3 .nv-multibarHorizontal .nv-groups text {
+  font-weight: bold;
+  fill: rgba(0, 0, 0, 1);
+  stroke: rgba(0, 0, 0, 0);
+}
+
+/* boxplot CSS */
+.nvd3 .nv-boxplot circle {
+  fill-opacity: 0.5;
+}
+
+.nvd3 .nv-boxplot circle:hover {
+  fill-opacity: 1;
+}
+
+.nvd3 .nv-boxplot rect:hover {
+  fill-opacity: 1;
+}
+
+.nvd3 line.nv-boxplot-median {
+  stroke: black;
+}
+
+.nv-boxplot-tick:hover {
+  stroke-width: 2.5px;
+}
+/* bullet */
+.nvd3.nv-bullet {
+  font: 10px sans-serif;
+}
+.nvd3.nv-bullet .nv-measure {
+  fill-opacity: 0.8;
+}
+.nvd3.nv-bullet .nv-measure:hover {
+  fill-opacity: 1;
+}
+.nvd3.nv-bullet .nv-marker {
+  stroke: #000;
+  stroke-width: 2px;
+}
+.nvd3.nv-bullet .nv-markerTriangle {
+  stroke: #000;
+  fill: #fff;
+  stroke-width: 1.5px;
+}
+.nvd3.nv-bullet .nv-markerLine {
+  stroke: #000;
+  stroke-width: 1.5px;
+}
+.nvd3.nv-bullet .nv-tick line {
+  stroke: #666;
+  stroke-width: 0.5px;
+}
+.nvd3.nv-bullet .nv-range.nv-s0 {
+  fill: #eee;
+}
+.nvd3.nv-bullet .nv-range.nv-s1 {
+  fill: #ddd;
+}
+.nvd3.nv-bullet .nv-range.nv-s2 {
+  fill: #ccc;
+}
+.nvd3.nv-bullet .nv-title {
+  font-size: 14px;
+  font-weight: bold;
+}
+.nvd3.nv-bullet .nv-subtitle {
+  fill: #999;
+}
+
+.nvd3.nv-bullet .nv-range {
+  fill: #bababa;
+  fill-opacity: 0.4;
+}
+.nvd3.nv-bullet .nv-range:hover {
+  fill-opacity: 0.7;
+}
+
+.nvd3.nv-candlestickBar .nv-ticks .nv-tick {
+  stroke-width: 1px;
+}
+
+.nvd3.nv-candlestickBar .nv-ticks .nv-tick.hover {
+  stroke-width: 2px;
+}
+
+.nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect {
+  stroke: #2ca02c;
+  fill: #2ca02c;
+}
+
+.nvd3.nv-candlestickBar .nv-ticks .nv-tick.negative rect {
+  stroke: #d62728;
+  fill: #d62728;
+}
+
+.with-transitions .nv-candlestickBar .nv-ticks .nv-tick {
+  transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
+  -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
+  -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
+}
+
+.nvd3.nv-candlestickBar .nv-ticks line {
+  stroke: #333;
+}
+
+.nv-force-node {
+  stroke: #fff;
+  stroke-width: 1.5px;
+}
+.nv-force-link {
+  stroke: #999;
+  stroke-opacity: 0.6;
+}
+.nv-force-node text {
+  stroke-width: 0px;
+}
+
+.nvd3 .nv-legend .nv-disabled rect {
+  /*fill-opacity: 0;*/
+}
+
+.nvd3 .nv-check-box .nv-box {
+  fill-opacity: 0;
+  stroke-width: 2;
+}
+
+.nvd3 .nv-check-box .nv-check {
+  fill-opacity: 0;
+  stroke-width: 4;
+}
+
+.nvd3 .nv-series.nv-disabled .nv-check-box .nv-check {
+  fill-opacity: 0;
+  stroke-opacity: 0;
+}
+
+.nvd3 .nv-controlsWrap .nv-legend .nv-check-box .nv-check {
+  opacity: 0;
+}
+
+/* line plus bar */
+.nvd3.nv-linePlusBar .nv-bar rect {
+  fill-opacity: 0.75;
+}
+
+.nvd3.nv-linePlusBar .nv-bar rect:hover {
+  fill-opacity: 1;
+}
+.nvd3 .nv-groups path.nv-line {
+  fill: none;
+}
+
+.nvd3 .nv-groups path.nv-area {
+  stroke: none;
+}
+
+.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
+  fill-opacity: 0;
+  stroke-opacity: 0;
+}
+
+.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
+  fill-opacity: 0.5 !important;
+  stroke-opacity: 0.5 !important;
+}
+
+.with-transitions .nvd3 .nv-groups .nv-point {
+  transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
+  -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
+  -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
+}
+
+.nvd3.nv-scatter .nv-groups .nv-point.hover,
+.nvd3 .nv-groups .nv-point.hover {
+  stroke-width: 7px;
+  fill-opacity: 0.95 !important;
+  stroke-opacity: 0.95 !important;
+}
+
+.nvd3 .nv-point-paths path {
+  stroke: #aaa;
+  stroke-opacity: 0;
+  fill: #eee;
+  fill-opacity: 0;
+}
+
+.nvd3 .nv-indexLine {
+  cursor: ew-resize;
+}
+
+/********************
+ * SVG CSS
+ */
+
+/********************
+  Default CSS for an svg element nvd3 used
+*/
+svg.nvd3-svg {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -ms-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+/********************
+  Box shadow and border radius styling
+*/
+.nvtooltip.with-3d-shadow,
+.with-3d-shadow .nvtooltip {
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+}
+
+.nvd3 text {
+  font: normal 12px Arial;
+}
+
+.nvd3 .title {
+  font: bold 14px Arial;
+}
+
+.nvd3 .nv-background {
+  fill: white;
+  fill-opacity: 0;
+}
+
+.nvd3.nv-noData {
+  font-size: 18px;
+  font-weight: bold;
+}
+
+/**********
+*  Brush
+*/
+
+.nv-brush .extent {
+  fill-opacity: 0.125;
+  shape-rendering: crispEdges;
+}
+
+.nv-brush .resize path {
+  fill: #eee;
+  stroke: #666;
+}
+
+/**********
+*  Legend
+*/
+
+.nvd3 .nv-legend .nv-series {
+  cursor: pointer;
+}
+
+.nvd3 .nv-legend .nv-disabled circle {
+  fill-opacity: 0;
+}
+
+/* focus */
+.nvd3 .nv-brush .extent {
+  fill-opacity: 0 !important;
+}
+
+.nvd3 .nv-brushBackground rect {
+  stroke: #000;
+  stroke-width: 0.4;
+  fill: #fff;
+  fill-opacity: 0.7;
+}
+
+/**********
+*  Print
+*/
+
+@media print {
+  .nvd3 text {
+    stroke-width: 0;
+    fill-opacity: 1;
+  }
+}
+
+.nvd3.nv-ohlcBar .nv-ticks .nv-tick {
+  stroke-width: 1px;
+}
+
+.nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
+  stroke-width: 2px;
+}
+
+.nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
+  stroke: #2ca02c;
+}
+
+.nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
+  stroke: #d62728;
+}
+
+.nvd3 .background path {
+  fill: none;
+  stroke: #eee;
+  stroke-opacity: 0.4;
+  shape-rendering: crispEdges;
+}
+
+.nvd3 .foreground path {
+  fill: none;
+  stroke-opacity: 0.7;
+}
+
+.nvd3 .nv-parallelCoordinates-brush .extent {
+  fill: #fff;
+  fill-opacity: 0.6;
+  stroke: gray;
+  shape-rendering: crispEdges;
+}
+
+.nvd3 .nv-parallelCoordinates .hover {
+  fill-opacity: 1;
+  stroke-width: 3px;
+}
+
+.nvd3 .missingValuesline line {
+  fill: none;
+  stroke: black;
+  stroke-width: 1;
+  stroke-opacity: 1;
+  stroke-dasharray: 5, 5;
+}
+.nvd3.nv-pie path {
+  stroke-opacity: 0;
+  transition: fill-opacity 250ms linear, stroke-width 250ms linear,
+    stroke-opacity 250ms linear;
+  -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear,
+    stroke-opacity 250ms linear;
+  -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear,
+    stroke-opacity 250ms linear;
+}
+
+.nvd3.nv-pie .nv-pie-title {
+  font-size: 24px;
+  fill: rgba(19, 196, 249, 0.59);
+}
+
+.nvd3.nv-pie .nv-slice text {
+  stroke: #000;
+  stroke-width: 0;
+}
+
+.nvd3.nv-pie path {
+  stroke: #fff;
+  stroke-width: 1px;
+  stroke-opacity: 1;
+}
+
+.nvd3.nv-pie path {
+  fill-opacity: 0.7;
+}
+.nvd3.nv-pie .hover path {
+  fill-opacity: 1;
+}
+.nvd3.nv-pie .nv-label {
+  pointer-events: none;
+}
+.nvd3.nv-pie .nv-label rect {
+  fill-opacity: 0;
+  stroke-opacity: 0;
+}
+
+/* scatter */
+.nvd3 .nv-groups .nv-point.hover {
+  stroke-width: 20px;
+  stroke-opacity: 0.5;
+}
+
+.nvd3 .nv-scatter .nv-point.hover {
+  fill-opacity: 1;
+}
+.nv-noninteractive {
+  pointer-events: none;
+}
+
+.nv-distx,
+.nv-disty {
+  pointer-events: none;
+}
+
+/* sparkline */
+.nvd3.nv-sparkline path {
+  fill: none;
+}
+
+.nvd3.nv-sparklineplus g.nv-hoverValue {
+  pointer-events: none;
+}
+
+.nvd3.nv-sparklineplus .nv-hoverValue line {
+  stroke: #333;
+  stroke-width: 1.5px;
+}
+
+.nvd3.nv-sparklineplus,
+.nvd3.nv-sparklineplus g {
+  pointer-events: all;
+}
+
+.nvd3 .nv-hoverArea {
+  fill-opacity: 0;
+  stroke-opacity: 0;
+}
+
+.nvd3.nv-sparklineplus .nv-xValue,
+.nvd3.nv-sparklineplus .nv-yValue {
+  stroke-width: 0;
+  font-size: 0.9em;
+  font-weight: normal;
+}
+
+.nvd3.nv-sparklineplus .nv-yValue {
+  stroke: #f66;
+}
+
+.nvd3.nv-sparklineplus .nv-maxValue {
+  stroke: #2ca02c;
+  fill: #2ca02c;
+}
+
+.nvd3.nv-sparklineplus .nv-minValue {
+  stroke: #d62728;
+  fill: #d62728;
+}
+
+.nvd3.nv-sparklineplus .nv-currentValue {
+  font-weight: bold;
+  font-size: 1.1em;
+}
+/* stacked area */
+.nvd3.nv-stackedarea path.nv-area {
+  fill-opacity: 0.7;
+  stroke-opacity: 0;
+  transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
+  -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
+  -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
+}
+
+.nvd3.nv-stackedarea path.nv-area.hover {
+  fill-opacity: 0.9;
+}
+
+.nvd3.nv-stackedarea .nv-groups .nv-point {
+  stroke-opacity: 0;
+  fill-opacity: 0;
+}
+
+.nvtooltip {
+  position: absolute;
+  background-color: rgba(255, 255, 255, 1);
+  color: rgba(0, 0, 0, 1);
+  padding: 1px;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  z-index: 10000;
+  display: block;
+
+  font-family: Arial;
+  font-size: 13px;
+  text-align: left;
+  pointer-events: none;
+
+  white-space: nowrap;
+
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.nvtooltip {
+  background: rgba(255, 255, 255, 0.8);
+  border: 1px solid rgba(0, 0, 0, 0.5);
+  border-radius: 4px;
+}
+
+/*Give tooltips that old fade in transition by
+    putting a "with-transitions" class on the container div.
+*/
+.nvtooltip.with-transitions,
+.with-transitions .nvtooltip {
+  transition: opacity 50ms linear;
+  -moz-transition: opacity 50ms linear;
+  -webkit-transition: opacity 50ms linear;
+
+  transition-delay: 200ms;
+  -moz-transition-delay: 200ms;
+  -webkit-transition-delay: 200ms;
+}
+
+.nvtooltip.x-nvtooltip,
+.nvtooltip.y-nvtooltip {
+  padding: 8px;
+}
+
+.nvtooltip h3 {
+  margin: 0;
+  padding: 4px 14px;
+  line-height: 18px;
+  font-weight: normal;
+  background-color: rgba(247, 247, 247, 0.75);
+  color: rgba(0, 0, 0, 1);
+  text-align: center;
+
+  border-bottom: 1px solid #ebebeb;
+
+  -webkit-border-radius: 5px 5px 0 0;
+  -moz-border-radius: 5px 5px 0 0;
+  border-radius: 5px 5px 0 0;
+}
+
+.nvtooltip p {
+  margin: 0;
+  padding: 5px 14px;
+  text-align: center;
+}
+
+.nvtooltip span {
+  display: inline-block;
+  margin: 2px 0;
+}
+
+.nvtooltip table {
+  margin: 6px;
+  border-spacing: 0;
+}
+
+.nvtooltip table td {
+  padding: 2px 9px 2px 0;
+  vertical-align: middle;
+}
+
+.nvtooltip table td.key {
+  font-weight: normal;
+}
+.nvtooltip table td.key.total {
+  font-weight: bold;
+}
+.nvtooltip table td.value {
+  text-align: right;
+  font-weight: bold;
+}
+
+.nvtooltip table td.percent {
+  color: darkgray;
+}
+
+.nvtooltip table tr.highlight td {
+  padding: 1px 9px 1px 0;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  border-top-style: solid;
+  border-top-width: 1px;
+}
+
+.nvtooltip table td.legend-color-guide div {
+  width: 8px;
+  height: 8px;
+  vertical-align: middle;
+}
+
+.nvtooltip table td.legend-color-guide div {
+  width: 12px;
+  height: 12px;
+  border: 1px solid #999;
+}
+
+.nvtooltip .footer {
+  padding: 3px;
+  text-align: center;
+}
+
+.nvtooltip-pending-removal {
+  pointer-events: none;
+  display: none;
+}
+
+/****
+Interactive Layer
+*/
+.nvd3 .nv-interactiveGuideLine {
+  pointer-events: none;
+}
+.nvd3 line.nv-guideline {
+  stroke: #ccc;
+}
diff --git a/services/web/frontend/stylesheets/components/nvd3_override.less b/services/web/frontend/stylesheets/components/nvd3_override.less
new file mode 100644
index 0000000..929a99e
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/nvd3_override.less
@@ -0,0 +1,16 @@
+.nvd3 {
+  .nv-axis {
+    .tick {
+      line {
+        opacity: 0;
+      }
+    }
+    path.domain {
+      opacity: 0;
+    }
+  }
+}
+
+svg.nvd3-iddle {
+  &:extend(svg.nvd3-svg);
+}
diff --git a/services/web/frontend/stylesheets/components/overbox.less b/services/web/frontend/stylesheets/components/overbox.less
new file mode 100644
index 0000000..623eaec
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/overbox.less
@@ -0,0 +1,11 @@
+/* overbox: white box with shadow borders */
+.overbox {
+  margin: 0;
+  padding: 40px 20px;
+  background: @white;
+  border: 1px solid @gray-light;
+
+  &.overbox-small {
+    padding: 10px;
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/pagination.less b/services/web/frontend/stylesheets/components/pagination.less
new file mode 100755
index 0000000..ebf00f7
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/pagination.less
@@ -0,0 +1,106 @@
+//
+// Pagination (multiple pages)
+// --------------------------------------------------
+.pagination {
+  display: inline-block;
+  padding-left: 0;
+  margin: @line-height-computed 0;
+  border-radius: @border-radius-base;
+
+  > li {
+    display: inline; // Remove list-style and block-level defaults
+    > a,
+    > button,
+    > span {
+      position: relative;
+      float: left; // Collapse white-space
+      padding: @padding-base-vertical @padding-base-horizontal;
+      line-height: @line-height-base;
+      text-decoration: none;
+      color: @pagination-color;
+      background-color: @pagination-bg;
+      border: 1px solid @pagination-border;
+      margin-left: -1px;
+    }
+    &:first-child {
+      > a,
+      > button,
+      > span {
+        margin-left: 0;
+        .border-left-radius(@border-radius-base);
+      }
+    }
+    &:last-child {
+      > a,
+      > button,
+      > span {
+        .border-right-radius(@border-radius-base);
+      }
+    }
+  }
+
+  > li > a,
+  > li > button,
+  > li > span {
+    &:hover,
+    &:focus {
+      color: @pagination-hover-color;
+      background-color: @pagination-hover-bg;
+      border-color: @pagination-hover-border;
+    }
+  }
+
+  > .active > a,
+  > .active > button,
+  > .active > span {
+    &,
+    &:hover,
+    &:focus {
+      z-index: 2;
+      color: @pagination-active-color;
+      background-color: @pagination-active-bg;
+      border-color: @pagination-active-border;
+      cursor: default;
+    }
+  }
+
+  > .disabled {
+    > span,
+    > span:hover,
+    > span:focus,
+    > a,
+    > a:hover,
+    > a:focus,
+    > button,
+    > button:hover,
+    > button:focus {
+      color: @pagination-disabled-color;
+      background-color: @pagination-disabled-bg;
+      border-color: @pagination-disabled-border;
+      cursor: not-allowed;
+    }
+  }
+
+  .ellipses {
+    pointer-events: none;
+  }
+}
+
+// Sizing
+// --------------------------------------------------
+
+// Large
+.pagination-lg {
+  .pagination-size(
+    @padding-large-vertical; @padding-large-horizontal; @font-size-large;
+      @border-radius-large
+  );
+}
+
+// Small
+.pagination-sm {
+  .pagination-size(
+    @padding-small-vertical; @padding-small-horizontal; @font-size-small;
+      @border-radius-small
+  );
+}
diff --git a/services/web/frontend/stylesheets/components/popovers.less b/services/web/frontend/stylesheets/components/popovers.less
new file mode 100755
index 0000000..6b71b2b
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/popovers.less
@@ -0,0 +1,190 @@
+//
+// Popovers
+// --------------------------------------------------
+
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: @zindex-popover;
+  display: none;
+  max-width: @popover-max-width;
+  padding: 1px;
+  text-align: left; // Reset given new insertion method
+  background-color: @popover-bg;
+  background-clip: padding-box;
+  border: 1px solid @popover-fallback-border-color;
+  border: 1px solid @popover-border-color;
+  border-radius: @border-radius-large;
+  .box-shadow(0 5px 10px rgba(0, 0, 0, 0.2));
+
+  // Overrides for proper insertion
+  white-space: normal;
+
+  // Offset the popover to account for the popover arrow
+  &.top {
+    margin-top: -@popover-arrow-width;
+  }
+  &.right {
+    margin-left: @popover-arrow-width;
+  }
+  &.bottom {
+    margin-top: @popover-arrow-width;
+  }
+  &.left {
+    margin-left: -@popover-arrow-width;
+  }
+}
+
+.popover-title {
+  margin: 0; // reset heading margin
+  padding: 8px 14px;
+  font-size: @font-size-base;
+  font-weight: normal;
+  line-height: 18px;
+  background-color: @popover-title-bg;
+  border-bottom: 1px solid darken(@popover-title-bg, 5%);
+  border-radius: 5px 5px 0 0;
+}
+
+.popover-content {
+  padding: 9px 14px;
+}
+
+// Arrows
+//
+// .arrow is outer, .arrow:after is inner
+
+.popover > .arrow {
+  &,
+  &:after {
+    position: absolute;
+    display: block;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid;
+  }
+}
+.popover > .arrow {
+  border-width: @popover-arrow-outer-width;
+}
+.popover > .arrow:after {
+  border-width: @popover-arrow-width;
+  content: '';
+}
+
+.popover {
+  &.top > .arrow {
+    left: 50%;
+    margin-left: -@popover-arrow-outer-width;
+    border-bottom-width: 0;
+    border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
+    border-top-color: @popover-arrow-outer-color;
+    bottom: -@popover-arrow-outer-width;
+    &:after {
+      content: ' ';
+      bottom: 1px;
+      margin-left: -@popover-arrow-width;
+      border-bottom-width: 0;
+      border-top-color: @popover-arrow-color;
+    }
+  }
+  &.right > .arrow {
+    top: 50%;
+    left: -@popover-arrow-outer-width;
+    margin-top: -@popover-arrow-outer-width;
+    border-left-width: 0;
+    border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
+    border-right-color: @popover-arrow-outer-color;
+    &:after {
+      content: ' ';
+      left: 1px;
+      bottom: -@popover-arrow-width;
+      border-left-width: 0;
+      border-right-color: @popover-arrow-color;
+    }
+  }
+  &.bottom > .arrow {
+    left: 50%;
+    margin-left: -@popover-arrow-outer-width;
+    border-top-width: 0;
+    border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
+    border-bottom-color: @popover-arrow-outer-color;
+    top: -@popover-arrow-outer-width;
+    &:after {
+      content: ' ';
+      top: 1px;
+      margin-left: -@popover-arrow-width;
+      border-top-width: 0;
+      border-bottom-color: @popover-arrow-color;
+    }
+  }
+
+  &.left > .arrow {
+    top: 50%;
+    right: -@popover-arrow-outer-width;
+    margin-top: -@popover-arrow-outer-width;
+    border-right-width: 0;
+    border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
+    border-left-color: @popover-arrow-outer-color;
+    &:after {
+      content: ' ';
+      right: 1px;
+      border-right-width: 0;
+      border-left-color: @popover-arrow-color;
+      bottom: -@popover-arrow-width;
+    }
+  }
+}
+
+.popover.dark-themed {
+  .popover-title {
+    color: @popover-dark-color;
+    background-color: @popover-dark-bg;
+    border-bottom: 0;
+    font-family: Lato, sans-serif;
+    font-weight: bold;
+  }
+
+  .popover-content {
+    color: @popover-dark-color;
+    background-color: @popover-dark-bg;
+  }
+
+  a {
+    color: #97b6e5;
+  }
+
+  padding: 0;
+  border: 1px solid @popover-dark-border-color;
+  max-width: @popover-dark-max-width;
+}
+
+.popover.dark-themed {
+  &.top > .arrow {
+    border-top-color: @popover-dark-arrow-outer-color;
+    &:after {
+      border-top-color: @popover-dark-arrow-color;
+    }
+  }
+  &.right > .arrow {
+    border-right-color: @popover-dark-arrow-outer-color;
+    &:after {
+      border-right-color: @popover-dark-arrow-color;
+    }
+  }
+  &.bottom > .arrow {
+    border-bottom-color: @popover-dark-arrow-outer-color;
+    &:after {
+      border-bottom-color: @popover-dark-arrow-color;
+    }
+  }
+
+  &.left > .arrow {
+    border-left-color: @popover-dark-arrow-outer-color;
+    &:after {
+      border-left-color: @popover-dark-arrow-color;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/progress-bars.less b/services/web/frontend/stylesheets/components/progress-bars.less
new file mode 100755
index 0000000..af21fb3
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/progress-bars.less
@@ -0,0 +1,84 @@
+//
+// Progress bars
+// --------------------------------------------------
+
+// Bar animations
+// -------------------------
+
+// WebKit
+@-webkit-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+
+// Spec and IE10+
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+
+// Bar itself
+// -------------------------
+
+// Outer container
+.progress {
+  overflow: hidden;
+  height: @line-height-computed;
+  margin-bottom: @line-height-computed;
+  background-color: @progress-bg;
+  border-radius: @progress-border-radius;
+  border: @progress-border-width solid @progress-border-color;
+  .box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.1));
+}
+
+// Bar of progress
+.progress-bar {
+  float: left;
+  width: 0%;
+  height: 100%;
+  font-size: @font-size-small;
+  line-height: @line-height-computed;
+  color: @progress-bar-color;
+  text-align: center;
+  background-color: @progress-bar-bg;
+  .box-shadow(@progress-bar-shadow);
+  .transition(width 0.6s ease);
+}
+
+// Striped bars
+.progress-striped .progress-bar {
+  #gradient > .striped();
+  background-size: 40px 40px;
+}
+
+// Call animation for the active one
+.progress.active .progress-bar {
+  .animation(progress-bar-stripes 2s linear infinite);
+}
+
+// Variations
+// -------------------------
+
+.progress-bar-success {
+  .progress-bar-variant(@progress-bar-success-bg);
+}
+
+.progress-bar-info {
+  .progress-bar-variant(@progress-bar-info-bg);
+}
+
+.progress-bar-warning {
+  .progress-bar-variant(@progress-bar-warning-bg);
+}
+
+.progress-bar-danger {
+  .progress-bar-variant(@progress-bar-danger-bg);
+}
diff --git a/services/web/frontend/stylesheets/components/quote.less b/services/web/frontend/stylesheets/components/quote.less
new file mode 100644
index 0000000..0ab245d
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/quote.less
@@ -0,0 +1,97 @@
+blockquote.quote-large-text-centered {
+  text-align: center;
+  font-size: var(
+    --font-size-07
+  ) !important; //override .website-redesign blockquote
+  font-weight: 600 !important; //override .website-redesign blockquote
+  line-height: var(
+    --line-height-06
+  ) !important; //override .website-redesign blockquote
+
+  // customize open/close quote placement.
+  // Otherwise, close is after footer and before is above quote
+  &:before,
+  &:after {
+    content: none;
+  }
+  .quote {
+    margin-bottom: var(--spacing-08);
+    &:before {
+      content: open-quote;
+    }
+    &:after {
+      content: close-quote;
+    }
+  }
+
+  .quote-img {
+    img {
+      border-radius: 50%;
+      height: 64px;
+      max-width: 64px;
+    }
+  }
+
+  footer {
+    color: inherit;
+    font-size: var(--font-size-body-base);
+    font-weight: 400;
+    line-height: var(--line-height-03);
+    padding: var(--spacing-04) 0 0 0;
+
+    &:before {
+      content: none; //override type.less
+    }
+
+    .quote-link {
+      text-align: center;
+      margin-top: var(--spacing-05);
+    }
+  }
+
+  @media (max-width: @screen-sm-max) {
+    font-size: var(--font-size-04) !important;
+    line-height: var(--line-height-04) !important;
+
+    footer {
+      font-size: var(--font-size-02) !important;
+      line-height: var(--line-height-02) !important;
+    }
+  }
+}
+
+blockquote.quote-left-green-border {
+  border-left: 2px solid var(--green-60) !important;
+  text-align: left;
+  font-size: var(--font-size-07) !important;
+  line-height: var(--line-height-06) !important;
+  color: var(--neutral-90);
+  padding: var(--spacing-04) 0 var(--spacing-04) var(--spacing-06) !important;
+
+  // customize open/close quote placement.
+  // Otherwise, close is after footer and before is above quote
+  &:before,
+  &:after {
+    content: none;
+  }
+  .quote {
+    &:before {
+      content: open-quote;
+    }
+    &:after {
+      content: close-quote;
+    }
+  }
+
+  footer {
+    .heading-xs();
+    color: var(--neutral-70);
+    font-weight: 400;
+    margin: var(--spacing-09) 0 0 0;
+    padding: 0;
+  }
+
+  .quote-link {
+    margin-top: var(--spacing-05);
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/radio-chip.less b/services/web/frontend/stylesheets/components/radio-chip.less
new file mode 100644
index 0000000..cc17c5b
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/radio-chip.less
@@ -0,0 +1,55 @@
+.radio-chip {
+  background: @white;
+  border: 1px solid @neutral-60;
+  border-radius: 999px;
+  color: @neutral-90;
+  cursor: pointer;
+  display: inline-flex;
+  font-weight: 400;
+  gap: 4px;
+  inline-size: fit-content;
+  line-height: 1.4;
+  padding: 8px 16px 8px 8px;
+
+  @media only screen and (max-width: @screen-sm-min) {
+    width: 100%;
+  }
+
+  &:hover {
+    background: @neutral-20;
+  }
+
+  &:focus-within {
+    box-shadow: 0px 0px 0px 2px @blue-30;
+  }
+
+  input[type='radio'] {
+    accent-color: @green-50;
+    cursor: pointer;
+    height: 16px;
+    margin: 4px;
+    width: 15px;
+  }
+}
+
+.radio-chip[data-disabled='true'] {
+  border-color: @neutral-20;
+
+  &:hover {
+    background: @white;
+    cursor: not-allowed;
+  }
+}
+
+.radio-group {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  grid-gap: 16px;
+  height: 180px;
+  width: 100%;
+  @media (max-width: @screen-sm-min) {
+    flex-wrap: nowrap;
+    height: 100%;
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/select.less b/services/web/frontend/stylesheets/components/select.less
new file mode 100644
index 0000000..7080051
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/select.less
@@ -0,0 +1,75 @@
+.select-trigger {
+  display: flex;
+  justify-content: space-between;
+  border: 1px solid black;
+  border-radius: 4px;
+  padding: 5px 10px;
+  user-select: none;
+  color: @neutral-90;
+
+  &.disabled {
+    cursor: not-allowed;
+    background-color: @neutral-20;
+    border-color: @neutral-20;
+  }
+}
+
+.select-highlighted:not(.select-disabled) {
+  background-color: @neutral-10;
+  border-radius: 4px;
+}
+
+.select-active {
+  font-weight: bold;
+}
+
+.select-disabled {
+  color: @text-muted;
+  cursor: not-allowed;
+}
+
+.select-items {
+  list-style: none;
+  width: 100%;
+  padding: 4px;
+  margin: 0;
+  position: absolute;
+  background-color: white;
+  box-shadow: 0px 2px 4px 0px #1e253029;
+  overflow-y: auto;
+  z-index: 1;
+  max-height: 200px;
+  & li {
+    padding: 12px 8px;
+  }
+}
+
+.select-wrapper {
+  position: relative;
+}
+
+.select-item-title,
+.select-item-subtitle {
+  display: block;
+  user-select: none;
+  :not(.select-disabled) {
+    cursor: default;
+  }
+}
+
+.select-item-icon {
+  width: 30px;
+  display: inline-block;
+}
+
+.select-item-subtitle {
+  font-size: 0.9rem;
+}
+
+.select-icon .select-item-subtitle {
+  margin-left: 30px;
+}
+
+.select-optional-label {
+  font-weight: normal;
+}
diff --git a/services/web/frontend/stylesheets/components/split-menu.less b/services/web/frontend/stylesheets/components/split-menu.less
new file mode 100644
index 0000000..af0624c
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/split-menu.less
@@ -0,0 +1,90 @@
+.split-menu {
+  display: flex;
+
+  &.btn-md,
+  &.btn-sm,
+  &.btn-xs {
+    padding: 0;
+  }
+
+  &.btn-md {
+    & > .split-menu-button,
+    & > .split-menu-dropdown-toggle {
+      height: 36px;
+    }
+  }
+
+  &.btn-sm {
+    & > .split-menu-button,
+    & > .split-menu-dropdown-toggle {
+      height: 32px;
+    }
+  }
+
+  &.btn-xs {
+    & > .split-menu-button,
+    & > .split-menu-dropdown-toggle {
+      height: 28px;
+    }
+  }
+
+  &.btn-primary {
+    background-color: @ol-green;
+  }
+
+  .split-menu-icon {
+    margin-right: @line-height-computed / 4;
+  }
+
+  .split-menu-button {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
+    height: 100%;
+    padding-top: 0;
+    padding-bottom: 0;
+
+    &.btn-primary {
+      border-right: 1px solid fade(@neutral-90, 16%);
+    }
+
+    &.btn-danger {
+      border-right: 1px solid fade(@neutral-90, 16%);
+    }
+
+    &.no-left-radius {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
+  }
+
+  .split-menu-button {
+    // workaround for for the blue 2x border on the new css
+    // if z-index rule is not added, the border will overlap under the `split-menu-dropdown-toggle` since margin between both component is only 1px
+    z-index: 1;
+  }
+
+  .split-menu-dropdown {
+    float: none;
+    display: flex;
+    flex-wrap: nowrap;
+    align-self: stretch;
+    margin-right: 6px;
+
+    .split-menu-dropdown-toggle {
+      border-bottom-left-radius: 0;
+      border-top-left-radius: 0;
+      padding: 0 8px;
+
+      // on new css, btn-secondary has a border
+      // since the border between both buttons already been defined in the `split-menu-button`
+      // we will remove the rule from the dropdown toggle
+      &.btn-secondary {
+        border-left: none;
+      }
+
+      &.no-left-border {
+        border-left: none;
+      }
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/stepper.less b/services/web/frontend/stylesheets/components/stepper.less
new file mode 100644
index 0000000..147f438
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/stepper.less
@@ -0,0 +1,18 @@
+.stepper {
+  display: flex;
+  gap: 12px;
+  width: 100%;
+  height: 6px;
+
+  .step {
+    width: 100%;
+    border-radius: 6px;
+    background: @neutral-20;
+  }
+  .step.completed {
+    background: @green;
+  }
+  .step.active {
+    background: @green-20;
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/switch.less b/services/web/frontend/stylesheets/components/switch.less
new file mode 100644
index 0000000..74f5b96
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/switch.less
@@ -0,0 +1,63 @@
+@switch-circle-diameter: 16px;
+@switch-inner-padding: 2px;
+@switch-width: 34px;
+@switch-height: @switch-circle-diameter + @switch-inner-padding +
+  @switch-inner-padding;
+@switch-circle-translate-x: @switch-width - @switch-circle-diameter -
+  @switch-inner-padding - @switch-inner-padding;
+@switch-circle-wrapper-border-radius: @switch-height / 2;
+@switch-transition: 0.4s;
+
+.switch-input {
+  position: relative;
+  display: inline-block;
+  width: @switch-width;
+  height: @switch-height;
+
+  input.invisible-input {
+    opacity: 0;
+    width: 0;
+    height: 0;
+
+    // span.switch -> circle "wrapper"
+    & + span.switch {
+      background-color: @ol-blue-gray-4;
+      position: absolute;
+      cursor: pointer;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      transition: @switch-transition;
+      border-radius: @switch-circle-wrapper-border-radius;
+    }
+
+    // span.switch::before is the circle itself
+    & + span.switch::before {
+      position: absolute;
+      content: '';
+      height: @switch-circle-diameter;
+      width: @switch-circle-diameter;
+      left: @switch-inner-padding;
+      bottom: @switch-inner-padding;
+      background-color: @white;
+      transition: @switch-transition;
+      border-radius: 50%;
+    }
+
+    &:checked + span.switch {
+      background-color: @ol-green;
+    }
+
+    // when input is checked, move circle to the right
+    &:checked + span.switch::before {
+      transform: translateX(@switch-circle-translate-x);
+    }
+  }
+
+  &.disabled {
+    input.invisible-input + span.switch {
+      background-color: @gray-light;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/tables.less b/services/web/frontend/stylesheets/components/tables.less
new file mode 100755
index 0000000..5b1f45c
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/tables.less
@@ -0,0 +1,245 @@
+//
+// Tables
+// --------------------------------------------------
+
+table {
+  max-width: 100%;
+  background-color: @table-bg;
+}
+th {
+  text-align: left;
+}
+
+// Baseline styles
+
+.table {
+  width: 100%;
+  margin-bottom: @line-height-computed;
+  // Cells
+  > thead,
+  > tbody,
+  > tfoot {
+    > tr {
+      > th,
+      > td {
+        padding: @table-cell-padding;
+        line-height: @line-height-base;
+        vertical-align: top;
+        border-top: 1px solid @table-border-color;
+      }
+    }
+  }
+  // Bottom align for column headings
+  > thead > tr > th {
+    vertical-align: bottom;
+    border-bottom: 2px solid @table-border-color;
+  }
+  // Remove top border from thead by default
+  > caption + thead,
+  > colgroup + thead,
+  > thead:first-child {
+    > tr:first-child {
+      > th,
+      > td {
+        border-top: 0;
+      }
+    }
+  }
+  // Account for multiple tbody instances
+  > tbody + tbody {
+    border-top: 2px solid @table-border-color;
+  }
+
+  // Nesting
+  .table {
+    background-color: @body-bg;
+  }
+}
+
+.table-fixed {
+  .table;
+  table-layout: fixed;
+  word-wrap: break-word;
+}
+
+.table-vertically-centered-cells {
+  > tbody > tr > td {
+    vertical-align: middle;
+  }
+}
+
+// Condensed table w/ half padding
+
+.table-condensed {
+  > thead,
+  > tbody,
+  > tfoot {
+    > tr {
+      > th,
+      > td {
+        padding: @table-condensed-cell-padding;
+      }
+    }
+  }
+}
+
+// Bordered versions
+//
+// Add borders all around the table and between all the columns.
+
+.table-bordered {
+  border: 1px solid @table-border-color;
+  > thead,
+  > tbody,
+  > tfoot {
+    > tr {
+      > th,
+      > td {
+        border: 1px solid @table-border-color;
+      }
+    }
+  }
+  > thead > tr {
+    > th,
+    > td {
+      border-bottom-width: 2px;
+    }
+  }
+}
+
+// Zebra-striping
+//
+// Default zebra-stripe styles (alternating gray and transparent backgrounds)
+
+.table-striped {
+  > tbody > tr:nth-child(odd) {
+    > td,
+    > th {
+      background-color: @table-bg-accent;
+    }
+  }
+}
+
+// Hover effect
+//
+// Placed here since it has to come after the potential zebra striping
+
+.table-hover {
+  > tbody > tr:hover {
+    > td,
+    > th {
+      background-color: @table-bg-hover;
+    }
+  }
+}
+
+// Table cell sizing
+//
+// Reset default table behavior
+
+table col[class*='col-'] {
+  position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)
+  float: none;
+  display: table-column;
+}
+table {
+  td,
+  th {
+    &[class*='col-'] {
+      position: static; // Prevent border hiding in Firefox and IE9/10 (see https://github.com/twbs/bootstrap/issues/11623)
+      float: none;
+      display: table-cell;
+    }
+  }
+}
+
+// Table backgrounds
+//
+// Exact selectors below required to override `.table-striped` and prevent
+// inheritance to nested tables.
+
+// Generate the contextual variants
+.table-row-variant(active; @table-bg-active);
+.table-row-variant(success; @state-success-bg);
+.table-row-variant(info; @state-info-bg);
+.table-row-variant(warning; @state-warning-bg);
+.table-row-variant(danger; @state-danger-bg);
+
+// Responsive tables
+//
+// Wrap your tables in `.table-responsive` and we'll make them mobile friendly
+// by enabling horizontal scrolling. Only applies <768px. Everything above that
+// will display normally.
+
+@media (max-width: @screen-xs-max) {
+  .table-responsive {
+    width: 100%;
+    margin-bottom: (@line-height-computed * 0.75);
+    overflow-y: hidden;
+    overflow-x: scroll;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+    border: 1px solid @table-border-color;
+    -webkit-overflow-scrolling: touch;
+
+    // Tighten up spacing
+    > .table {
+      margin-bottom: 0;
+
+      // Ensure the content doesn't wrap
+      > thead,
+      > tbody,
+      > tfoot {
+        > tr {
+          > th,
+          > td {
+            white-space: nowrap;
+          }
+        }
+      }
+    }
+
+    // Special overrides for the bordered tables
+    > .table-bordered {
+      border: 0;
+
+      // Nuke the appropriate borders so that the parent can handle them
+      > thead,
+      > tbody,
+      > tfoot {
+        > tr {
+          > th:first-child,
+          > td:first-child {
+            border-left: 0;
+          }
+          > th:last-child,
+          > td:last-child {
+            border-right: 0;
+          }
+        }
+      }
+
+      // Only nuke the last row's bottom-border in `tbody` and `tfoot` since
+      // chances are there will be only one `tr` in a `thead` and that would
+      // remove the border altogether.
+      > tbody,
+      > tfoot {
+        > tr:last-child {
+          > th,
+          > td {
+            border-bottom: 0;
+          }
+        }
+      }
+    }
+  }
+}
+
+.table-outlined-container {
+  border: @border-width-sm solid @table-border-color;
+  padding: @padding-sm @padding-sm 0 @padding-sm;
+  border-radius: @border-radius-base-new;
+
+  table {
+    margin-bottom: 0;
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/tabs.less b/services/web/frontend/stylesheets/components/tabs.less
new file mode 100644
index 0000000..c301a95
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/tabs.less
@@ -0,0 +1,136 @@
+.ol-tabs {
+  // Overrides for nav.less
+  .nav-tabs {
+    border: 0 !important;
+    margin-bottom: 0;
+    margin-top: -@line-height-computed; //- adjusted for portal-name
+    padding: @padding-lg 0 @padding-md;
+    text-align: center;
+  }
+
+  .nav-tabs > li {
+    display: inline-block;
+    float: none;
+    a {
+      border: 0;
+      color: @link-color-alt;
+      &:focus,
+      &:hover {
+        background-color: transparent !important;
+        border: 0;
+        color: @link-hover-color-alt;
+      }
+    }
+  }
+
+  li.active > a {
+    background-color: transparent !important;
+    border: 0 !important;
+    border-bottom: 1px solid @accent-color-secondary!important;
+    color: @accent-color-secondary!important;
+    &:hover {
+      border-bottom: 1px solid @accent-color-secondary!important;
+      color: @accent-color-secondary!important;
+    }
+  }
+  .tab-content:extend(.container) {
+    background-color: transparent !important;
+    border: none !important;
+  }
+}
+
+.ol-tabs-scrollable {
+  // Styling for Website redesign, it will be used in CMS Later on.
+  max-width: 800px;
+  margin: 0 auto;
+
+  .nav-tabs-container {
+    overflow-x: auto;
+    margin-bottom: var(--spacing-11);
+    text-align: center;
+    .nav-tabs {
+      display: inline-flex;
+      border-bottom: var(--border-width-base) solid var(--neutral-20);
+      margin: 0 auto;
+      padding: 0;
+      text-align: center;
+      min-width: max-content; // This is for horizontal scrolling
+      border-top: 2px solid transparent; // so that top focus border is visible
+
+      li {
+        display: inline-block;
+        float: none;
+        margin-bottom: calc(var(--border-width-base) * -1);
+        margin-right: var(--spacing-04);
+
+        &:last-child {
+          margin-right: 0;
+        }
+
+        a {
+          border: 0;
+          border-radius: 0;
+          color: var(--neutral-70);
+          margin-right: unset;
+          padding: var(--spacing-04);
+          line-height: var(--line-height-03);
+
+          &:focus,
+          &:hover {
+            border: 0;
+          }
+
+          &:focus,
+          &:focus-visible {
+            background-color: unset;
+            outline: 0;
+          }
+
+          &:hover {
+            background-color: var(--neutral-10);
+          }
+
+          &:focus-visible {
+            .box-shadow-button-input();
+          }
+        }
+      }
+
+      li.active > a {
+        background-color: transparent !important;
+        border: 0 !important;
+        border-bottom: 3px solid var(--green-50) !important;
+        color: @neutral-90 !important;
+
+        &:hover {
+          border-bottom: 3px solid var(--green-50) !important;
+        }
+      }
+
+      @media (max-width: @screen-xs-max) {
+        text-align: left;
+      }
+    }
+  }
+
+  .tab-content {
+    border: 0 !important; //override navs.less
+    padding: 0 !important; //override navs.less
+  }
+
+  .ol-accordions-container :first-child {
+    // remove top padding so we have spacing-11 between tab nav and tab content
+    padding-top: 0px !important;
+  }
+}
+
+// Scroll the page up a bit to allow tab links to be shown when navigating to
+// a bookmarked tab hash
+[data-ol-bookmarkable-tabset] .tab-pane {
+  scroll-margin-top: calc(
+    @line-height-computed + // Computed text height
+    20px + // nav-link-padding top & bottom
+    @padding-md + // ol-tabs bottom padding
+    (@line-height-computed / 2) // tab-content top padding
+  );
+}
diff --git a/services/web/frontend/stylesheets/components/tags-input.less b/services/web/frontend/stylesheets/components/tags-input.less
new file mode 100644
index 0000000..7118116
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/tags-input.less
@@ -0,0 +1,161 @@
+.tags-input {
+  display: block;
+}
+.tags-input *,
+.tags-input *:before,
+.tags-input *:after {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.tags-input label.small {
+  font-weight: normal;
+}
+.tags-input .host {
+  position: relative;
+  height: 100%;
+}
+.tags-input .host:active {
+  outline: none;
+}
+
+.tags-input .tags {
+  .form-control;
+  appearance: textfield;
+  -moz-appearance: textfield;
+  -webkit-appearance: textfield;
+  overflow: hidden;
+  word-wrap: break-word;
+  cursor: text;
+  background-color: #fff;
+  height: 100%;
+  display: flex;
+  flex-wrap: wrap;
+}
+.tags-input .tags:focus-within {
+  &:extend(.input-focus-style);
+}
+.tags-input .tags .tag-list {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+}
+.tags-input .tags .tag-item {
+  margin: 2px;
+  padding: 2px 7px;
+  display: inline-flex;
+  align-items: center;
+  line-height: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border: 1px solid @gray-light;
+  background-color: @gray-lightest;
+  border-radius: 3px;
+}
+.tags-input .tags .tag-item.selected {
+  background-color: @gray-lighter;
+}
+.tags-input .tags .tag-item .fa {
+  flex-shrink: 0;
+}
+.tags-input .tags .tag-item .remove-button {
+  color: @gray-light;
+  text-decoration: none;
+  cursor: pointer;
+  flex-shrink: 0;
+}
+.tags-input .tags .tag-item .remove-button:active {
+  color: @brand-primary;
+}
+.tags-input .tags .input {
+  border: 0;
+  outline: none;
+  flex-grow: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.tags-input .tags .input {
+  .placeholder();
+}
+.tags-input .tags .input.invalid-tag {
+  color: @brand-danger;
+}
+.tags-input .tags .input::-ms-clear {
+  display: none;
+}
+.tags-input.ng-invalid .tags {
+  -webkit-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
+  -moz-box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
+  box-shadow: 0 0 3px 1px rgba(255, 0, 0, 0.6);
+}
+.tags-input[disabled] .host:focus {
+  outline: none;
+}
+.tags-input[disabled] .tags {
+  background-color: #eee;
+  cursor: default;
+}
+.tags-input[disabled] .tags .tag-item {
+  opacity: 0.65;
+  background: -webkit-linear-gradient(
+    top,
+    #f0f9ff 0%,
+    rgba(203, 235, 255, 0.75) 47%,
+    rgba(161, 219, 255, 0.62) 100%
+  );
+  background: linear-gradient(
+    to bottom,
+    #f0f9ff 0%,
+    rgba(203, 235, 255, 0.75) 47%,
+    rgba(161, 219, 255, 0.62) 100%
+  );
+}
+.tags-input[disabled] .tags .tag-item .remove-button {
+  cursor: default;
+}
+.tags-input[disabled] .tags .tag-item .remove-button:active {
+  color: @brand-primary;
+}
+.tags-input[disabled] .tags .input {
+  background-color: #eee;
+  cursor: default;
+}
+
+.tags-input .autocomplete {
+  margin-top: 5px;
+  position: absolute;
+  padding: 5px 0;
+  z-index: 999;
+  width: 100%;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+}
+.tags-input .autocomplete .suggestion-list {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  max-height: 280px;
+  overflow-y: auto;
+  position: relative;
+}
+.tags-input .autocomplete .suggestion-item {
+  padding: 5px 10px;
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.tags-input .autocomplete .suggestion-item.selected {
+  color: white;
+  background-color: @brand-primary;
+  .subdued {
+    color: white;
+  }
+}
+.tags-input .autocomplete .suggestion-item em {
+  font-weight: bold;
+  font-style: normal;
+}
diff --git a/services/web/frontend/stylesheets/components/thumbnails.less b/services/web/frontend/stylesheets/components/thumbnails.less
new file mode 100755
index 0000000..97225b9
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/thumbnails.less
@@ -0,0 +1,35 @@
+//
+// Thumbnails
+// --------------------------------------------------
+
+// Mixin and adjust the regular image class
+.thumbnail {
+  display: block;
+  padding: @thumbnail-padding;
+  margin-bottom: @line-height-computed;
+  line-height: @line-height-base;
+  background-color: @thumbnail-bg;
+  border: 1px solid @thumbnail-border;
+  border-radius: @thumbnail-border-radius;
+  .transition(all 0.2s ease-in-out);
+
+  > img,
+  a > img {
+    &:extend(.img-responsive);
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  // Add a hover state for linked versions only
+  a&:hover,
+  a&:focus,
+  a&.active {
+    border-color: @link-color;
+  }
+
+  // Image captions
+  .caption {
+    padding: @thumbnail-caption-padding;
+    color: @thumbnail-caption-color;
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/tooltip.less b/services/web/frontend/stylesheets/components/tooltip.less
new file mode 100755
index 0000000..e1a1092
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/tooltip.less
@@ -0,0 +1,114 @@
+//
+// Tooltips
+// --------------------------------------------------
+
+// Base class
+.tooltip {
+  position: absolute;
+  z-index: @zindex-tooltip;
+  display: block;
+  visibility: visible;
+  font-size: @font-size-small;
+  line-height: 1.4;
+  .opacity(0);
+
+  &.in {
+    .opacity(@tooltip-opacity);
+  }
+  &.top {
+    margin-top: -3px;
+    padding: @tooltip-arrow-width 0;
+  }
+  &.right {
+    margin-left: 3px;
+    padding: 0 @tooltip-arrow-width;
+  }
+  &.bottom {
+    margin-top: 3px;
+    padding: @tooltip-arrow-width 0;
+  }
+  &.left {
+    margin-left: -3px;
+    padding: 0 @tooltip-arrow-width;
+  }
+}
+
+// Wrapper for the tooltip content
+.tooltip-inner {
+  max-width: @tooltip-max-width;
+  padding: 3px 8px;
+  color: @tooltip-color;
+  text-align: center;
+  text-decoration: none;
+  background-color: @tooltip-bg;
+  border-radius: @border-radius-base;
+
+  .tooltip-wide & {
+    max-width: unset;
+  }
+}
+
+// Arrows
+.tooltip-arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+.tooltip {
+  &.top .tooltip-arrow {
+    bottom: 0;
+    left: 50%;
+    margin-left: -@tooltip-arrow-width;
+    border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
+    border-top-color: @tooltip-arrow-color;
+  }
+  &.top-left .tooltip-arrow {
+    bottom: 0;
+    left: @tooltip-arrow-width;
+    border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
+    border-top-color: @tooltip-arrow-color;
+  }
+  &.top-right .tooltip-arrow {
+    bottom: 0;
+    right: @tooltip-arrow-width;
+    border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
+    border-top-color: @tooltip-arrow-color;
+  }
+  &.right .tooltip-arrow {
+    top: 50%;
+    left: 0;
+    margin-top: -@tooltip-arrow-width;
+    border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width
+      0;
+    border-right-color: @tooltip-arrow-color;
+  }
+  &.left .tooltip-arrow {
+    top: 50%;
+    right: 0;
+    margin-top: -@tooltip-arrow-width;
+    border-width: @tooltip-arrow-width 0 @tooltip-arrow-width
+      @tooltip-arrow-width;
+    border-left-color: @tooltip-arrow-color;
+  }
+  &.bottom .tooltip-arrow {
+    top: 0;
+    left: 50%;
+    margin-left: -@tooltip-arrow-width;
+    border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
+    border-bottom-color: @tooltip-arrow-color;
+  }
+  &.bottom-left .tooltip-arrow {
+    top: 0;
+    left: @tooltip-arrow-width;
+    border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
+    border-bottom-color: @tooltip-arrow-color;
+  }
+  &.bottom-right .tooltip-arrow {
+    top: 0;
+    right: @tooltip-arrow-width;
+    border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
+    border-bottom-color: @tooltip-arrow-color;
+  }
+}
diff --git a/services/web/frontend/stylesheets/components/ui-select.less b/services/web/frontend/stylesheets/components/ui-select.less
new file mode 100644
index 0000000..562fdfb
--- /dev/null
+++ b/services/web/frontend/stylesheets/components/ui-select.less
@@ -0,0 +1,65 @@
+.ui-select-bootstrap > .ui-select-choices,
+.ui-select-bootstrap > .ui-select-no-choice {
+  width: auto;
+  max-width: 400px;
+}
+
+.dropdown-menu .ui-select-choices-row {
+  padding: 4px 0;
+
+  > .ui-select-choices-row-inner {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+.ui-select-placeholder,
+.ui-select-match-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-weight: normal;
+}
+
+.ui-select-bootstrap {
+  &:focus {
+    outline: none;
+  }
+  > .ui-select-match {
+    &:focus {
+      outline: none;
+    }
+    &.btn-default-focus {
+      outline: 0;
+      box-shadow: none;
+      background-color: transparent;
+      > .btn {
+        border-color: @input-border-focus;
+        box-shadow:
+          inset 0 1px 1px rgba(0, 0, 0, 0.075),
+          0 0 8px fade(@input-border-focus, 60%);
+        padding-top: @input-suggestion-v-offset;
+      }
+    }
+    > .btn {
+      color: @input-color;
+      background-color: @input-bg;
+      border: 1px solid @input-border;
+      padding-top: @input-suggestion-v-offset;
+      &[disabled] {
+        cursor: not-allowed;
+        background-color: @input-bg-disabled;
+        opacity: 1;
+      }
+    }
+  }
+}
+
+.ui-select-container[tagging] {
+  .ui-select-toggle {
+    cursor: text;
+    padding-top: @input-suggestion-v-offset;
+    > i.caret.pull-right {
+      display: none;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/core/accessibility.less b/services/web/frontend/stylesheets/core/accessibility.less
new file mode 100644
index 0000000..712fd4f
--- /dev/null
+++ b/services/web/frontend/stylesheets/core/accessibility.less
@@ -0,0 +1,27 @@
+//
+// Accessibility
+// --------------------------------------------------
+
+// For improving accessibility.
+// If possible, add accessibiity styling to stylesheet where selector is
+// defined. Otherwise, add here.
+
+// <del> styling taken from:
+// https://developer.mozilla.org/en-US/docs/Web/HTML/Element/del#Accessibility_concerns
+del::before,
+del::after {
+  clip-path: inset(100%);
+  clip: rect(1px, 1px, 1px, 1px);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+del::before {
+  content: ' [deletion start] ';
+}
+
+del::after {
+  content: ' [deletion end] ';
+}
diff --git a/services/web/frontend/stylesheets/core/grid.less b/services/web/frontend/stylesheets/core/grid.less
new file mode 100755
index 0000000..7f4d326
--- /dev/null
+++ b/services/web/frontend/stylesheets/core/grid.less
@@ -0,0 +1,118 @@
+//
+// Grid system
+// --------------------------------------------------
+
+// Container widths
+//
+// Set the container width, and override it for fixed navbars in media queries.
+
+.container {
+  .container-fixed();
+
+  @media (min-width: @screen-sm-min) {
+    width: @container-sm;
+  }
+  @media (min-width: @screen-md-min) {
+    width: @container-md;
+  }
+  @media (min-width: @screen-lg-min) {
+    width: @container-lg;
+  }
+}
+
+// Fluid container
+//
+// Utilizes the mixin meant for fixed width containers, but without any defined
+// width for fluid, full width layouts.
+
+.container-fluid {
+  .container-fixed();
+}
+
+// Row
+//
+// Rows contain and clear the floats of your columns.
+
+.row {
+  .make-row();
+}
+
+// Columns
+//
+// Common styles for small and large grid columns
+
+.make-grid-columns();
+
+// Extra small grid
+//
+// Columns, offsets, pushes, and pulls for extra small devices like
+// smartphones.
+
+.make-grid(xs);
+
+// Small grid
+//
+// Columns, offsets, pushes, and pulls for the small device range, from phones
+// to tablets.
+
+@media (min-width: @screen-sm-min) {
+  .make-grid(sm);
+}
+
+// Medium grid
+//
+// Columns, offsets, pushes, and pulls for the desktop device range.
+
+@media (min-width: @screen-md-min) {
+  .make-grid(md);
+}
+
+// Large grid
+//
+// Columns, offsets, pushes, and pulls for the large desktop device range.
+
+@media (min-width: @screen-lg-min) {
+  .make-grid(lg);
+}
+
+.website-redesign {
+  // whitelist for the pages to use the new grid
+  // TODO: remove this whitelist once all pages are using the new grid
+  .plans-new-design,
+  .plans-page {
+    // Container widths
+    //
+    // Set the container width, and override it for fixed navbars in media queries.
+
+    .container {
+      .container-fixed(@grid-gutter-width-new);
+
+      @media (min-width: @screen-sm-min) {
+        width: @container-sm;
+      }
+      @media (min-width: @screen-md-min) {
+        width: @container-md;
+      }
+      @media (min-width: @screen-lg-min) {
+        width: @container-lg;
+      }
+      @media (min-width: @screen-xl-min) {
+        width: @container-xl;
+      }
+    }
+
+    // Row
+    //
+    // Rows contain and clear the floats of your columns.
+
+    .row {
+      .make-row(@grid-gutter-width-new);
+    }
+
+    // Columns
+    //
+    // Common styles for small and large grid columns
+
+    .make-grid-columns(@grid-gutter-width-new);
+  }
+}
diff --git a/services/web/frontend/stylesheets/core/mixins.less b/services/web/frontend/stylesheets/core/mixins.less
new file mode 100755
index 0000000..cfd0458
--- /dev/null
+++ b/services/web/frontend/stylesheets/core/mixins.less
@@ -0,0 +1,1342 @@
+//
+// Mixins
+// --------------------------------------------------
+
+// Utilities
+// -------------------------
+
+// Clearfix
+// Source: http://nicolasgallagher.com/micro-clearfix-hack/
+//
+// For modern browsers
+// 1. The space content is one way to avoid an Opera bug when the
+//    contenteditable attribute is included anywhere else in the document.
+//    Otherwise it causes space to appear at the top and bottom of elements
+//    that are clearfixed.
+// 2. The use of `table` rather than `block` is only necessary if using
+//    `:before` to contain the top-margins of child elements.
+.clearfix() {
+  &:before,
+  &:after {
+    content: ' '; // 1
+    display: table; // 2
+  }
+  &:after {
+    clear: both;
+  }
+}
+
+// WebKit-style focus
+.tab-focus() {
+  outline: none;
+}
+
+// Center-align a block level element
+.center-block() {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+// Sizing shortcuts
+.size(@width; @height) {
+  width: @width;
+  height: @height;
+}
+.square(@size) {
+  .size(@size; @size);
+}
+
+// Placeholder text
+.placeholder(@color: @input-color-placeholder) {
+  &::-moz-placeholder {
+    color: @color; // Firefox
+    opacity: 1;
+  } // See https://github.com/twbs/bootstrap/pull/11526
+  &:-ms-input-placeholder {
+    color: @color;
+  } // Internet Explorer 10+
+  &::-webkit-input-placeholder {
+    color: @color;
+  } // Safari and Chrome
+}
+
+// Text overflow
+// Requires inline-block or block for proper styling
+.text-overflow() {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+// CSS image replacement
+//
+// Heads up! v3 launched with with only `.hide-text()`, but per our pattern for
+// mixins being reused as classes with the same name, this doesn't hold up. As
+// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. Note
+// that we cannot chain the mixins together in Less, so they are repeated.
+//
+// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757
+
+// Deprecated as of v3.0.1 (will be removed in v4)
+.hide-text() {
+  font: ~'0/0' a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+// New mixin to use as of v3.0.1
+.text-hide() {
+  .hide-text();
+}
+
+// CSS3 PROPERTIES
+// --------------------------------------------------
+
+// Single side border-radius
+.border-top-radius(@radius) {
+  border-top-right-radius: @radius;
+  border-top-left-radius: @radius;
+}
+.border-right-radius(@radius) {
+  border-bottom-right-radius: @radius;
+  border-top-right-radius: @radius;
+}
+.border-bottom-radius(@radius) {
+  border-bottom-right-radius: @radius;
+  border-bottom-left-radius: @radius;
+}
+.border-left-radius(@radius) {
+  border-bottom-left-radius: @radius;
+  border-top-left-radius: @radius;
+}
+
+// Drop shadows
+//
+// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's
+//   supported browsers that have box shadow capabilities now support the
+//   standard `box-shadow` property.
+.box-shadow(@shadow) {
+  -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
+  box-shadow: @shadow;
+}
+.box-shadow-button-input() {
+  box-shadow: 0px 0px 0px 2px @blue-30;
+}
+
+// Transitions
+.transition(@transition) {
+  -webkit-transition: @transition;
+  transition: @transition;
+}
+.transition-property(@transition-property) {
+  -webkit-transition-property: @transition-property;
+  transition-property: @transition-property;
+}
+.transition-delay(@transition-delay) {
+  -webkit-transition-delay: @transition-delay;
+  transition-delay: @transition-delay;
+}
+.transition-duration(@transition-duration) {
+  -webkit-transition-duration: @transition-duration;
+  transition-duration: @transition-duration;
+}
+.transition-transform(@transition) {
+  -webkit-transition: -webkit-transform @transition;
+  -moz-transition: -moz-transform @transition;
+  -o-transition: -o-transform @transition;
+  transition: transform @transition;
+}
+
+// Transformations
+.rotate(@degrees) {
+  -webkit-transform: rotate(@degrees);
+  -ms-transform: rotate(@degrees); // IE9 only
+  transform: rotate(@degrees);
+}
+.scale(@ratio; @ratio-y...) {
+  -webkit-transform: scale(@ratio, @ratio-y);
+  -ms-transform: scale(@ratio, @ratio-y); // IE9 only
+  transform: scale(@ratio, @ratio-y);
+}
+.translate(@x; @y) {
+  -webkit-transform: translate(@x, @y);
+  -ms-transform: translate(@x, @y); // IE9 only
+  transform: translate(@x, @y);
+}
+.skew(@x; @y) {
+  -webkit-transform: skew(@x, @y);
+  -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
+  transform: skew(@x, @y);
+}
+.translate3d(@x; @y; @z) {
+  -webkit-transform: translate3d(@x, @y, @z);
+  transform: translate3d(@x, @y, @z);
+}
+
+.rotateX(@degrees) {
+  -webkit-transform: rotateX(@degrees);
+  -ms-transform: rotateX(@degrees); // IE9 only
+  transform: rotateX(@degrees);
+}
+.rotateY(@degrees) {
+  -webkit-transform: rotateY(@degrees);
+  -ms-transform: rotateY(@degrees); // IE9 only
+  transform: rotateY(@degrees);
+}
+.perspective(@perspective) {
+  -webkit-perspective: @perspective;
+  -moz-perspective: @perspective;
+  perspective: @perspective;
+}
+.perspective-origin(@perspective) {
+  -webkit-perspective-origin: @perspective;
+  -moz-perspective-origin: @perspective;
+  perspective-origin: @perspective;
+}
+.transform-origin(@origin) {
+  -webkit-transform-origin: @origin;
+  -moz-transform-origin: @origin;
+  -ms-transform-origin: @origin; // IE9 only
+  transform-origin: @origin;
+}
+
+// Animations
+.animation(@animation) {
+  -webkit-animation: @animation;
+  animation: @animation;
+}
+.animation-name(@name) {
+  -webkit-animation-name: @name;
+  animation-name: @name;
+}
+.animation-duration(@duration) {
+  -webkit-animation-duration: @duration;
+  animation-duration: @duration;
+}
+.animation-timing-function(@timing-function) {
+  -webkit-animation-timing-function: @timing-function;
+  animation-timing-function: @timing-function;
+}
+.animation-delay(@delay) {
+  -webkit-animation-delay: @delay;
+  animation-delay: @delay;
+}
+.animation-iteration-count(@iteration-count) {
+  -webkit-animation-iteration-count: @iteration-count;
+  animation-iteration-count: @iteration-count;
+}
+.animation-direction(@direction) {
+  -webkit-animation-direction: @direction;
+  animation-direction: @direction;
+}
+
+// Backface visibility
+// Prevent browsers from flickering when using CSS 3D transforms.
+// Default value is `visible`, but can be changed to `hidden`
+.backface-visibility(@visibility) {
+  -webkit-backface-visibility: @visibility;
+  -moz-backface-visibility: @visibility;
+  backface-visibility: @visibility;
+}
+
+// Box sizing
+.box-sizing(@boxmodel) {
+  -webkit-box-sizing: @boxmodel;
+  -moz-box-sizing: @boxmodel;
+  box-sizing: @boxmodel;
+}
+
+// User select
+// For selecting text on the page
+.user-select(@select) {
+  -webkit-user-select: @select;
+  -moz-user-select: @select;
+  -ms-user-select: @select; // IE10+
+  user-select: @select;
+}
+
+// Resize anything
+.resizable(@direction) {
+  resize: @direction; // Options: horizontal, vertical, both
+  overflow: auto; // Safari fix
+}
+
+// CSS3 Content Columns
+.content-columns(@column-count; @column-gap: @grid-gutter-width) {
+  -webkit-column-count: @column-count;
+  -moz-column-count: @column-count;
+  column-count: @column-count;
+  -webkit-column-gap: @column-gap;
+  -moz-column-gap: @column-gap;
+  column-gap: @column-gap;
+}
+
+// Optional hyphenation
+.hyphens(@mode: auto) {
+  word-wrap: break-word;
+  -webkit-hyphens: @mode;
+  -moz-hyphens: @mode;
+  -ms-hyphens: @mode; // IE10+
+  -o-hyphens: @mode;
+  hyphens: @mode;
+}
+
+// Opacity
+.opacity(@opacity) {
+  opacity: @opacity;
+  // IE8 filter
+  @opacity-ie: (@opacity * 100);
+  filter: ~'alpha(opacity=@{opacity-ie})';
+}
+
+// GRADIENTS
+// --------------------------------------------------
+
+#gradient {
+  // Horizontal gradient, from left to right
+  //
+  // Creates two color stops, start and end, by specifying a color and position for each color stop.
+  // Color stops are not available in IE9 and below.
+  .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
+    background-image: -webkit-linear-gradient(
+      left,
+      color-stop(@start-color @start-percent),
+      color-stop(@end-color @end-percent)
+    ); // Safari 5.1-6, Chrome 10+
+    background-image: linear-gradient(
+      to right,
+      @start-color @start-percent,
+      @end-color @end-percent
+    ); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
+    background-repeat: repeat-x;
+    filter: e(
+      %(
+        "progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",
+        argb(@start-color),
+        argb(@end-color)
+      )
+    ); // IE9 and down
+  }
+
+  // Vertical gradient, from top to bottom
+  //
+  // Creates two color stops, start and end, by specifying a color and position for each color stop.
+  // Color stops are not available in IE9 and below.
+  .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
+    background-image: -webkit-linear-gradient(
+      top,
+      @start-color @start-percent,
+      @end-color @end-percent
+    ); // Safari 5.1-6, Chrome 10+
+    background-image: linear-gradient(
+      to bottom,
+      @start-color @start-percent,
+      @end-color @end-percent
+    ); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
+    background-repeat: repeat-x;
+    filter: e(
+      %(
+        "progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",
+        argb(@start-color),
+        argb(@end-color)
+      )
+    ); // IE9 and down
+  }
+
+  .directional(@start-color: #555; @end-color: #333; @deg: 45deg) {
+    background-repeat: repeat-x;
+    background-image: -webkit-linear-gradient(
+      @deg,
+      @start-color,
+      @end-color
+    ); // Safari 5.1-6, Chrome 10+
+    background-image: linear-gradient(
+      @deg,
+      @start-color,
+      @end-color
+    ); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
+  }
+  .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
+    background-image: -webkit-linear-gradient(
+      left,
+      @start-color,
+      @mid-color @color-stop,
+      @end-color
+    );
+    background-image: linear-gradient(
+      to right,
+      @start-color,
+      @mid-color @color-stop,
+      @end-color
+    );
+    background-repeat: no-repeat;
+    filter: e(
+      %(
+        "progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",
+        argb(@start-color),
+        argb(@end-color)
+      )
+    ); // IE9 and down, gets no color-stop at all for proper fallback
+  }
+  .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
+    background-image: -webkit-linear-gradient(
+      @start-color,
+      @mid-color @color-stop,
+      @end-color
+    );
+    background-image: linear-gradient(
+      @start-color,
+      @mid-color @color-stop,
+      @end-color
+    );
+    background-repeat: no-repeat;
+    filter: e(
+      %(
+        "progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",
+        argb(@start-color),
+        argb(@end-color)
+      )
+    ); // IE9 and down, gets no color-stop at all for proper fallback
+  }
+  .radial(@inner-color: #555; @outer-color: #333) {
+    background-image: -webkit-radial-gradient(
+      circle,
+      @inner-color,
+      @outer-color
+    );
+    background-image: radial-gradient(circle, @inner-color, @outer-color);
+    background-repeat: no-repeat;
+  }
+  .striped(@color: rgba(255,255,255,0.15); @angle: 45deg) {
+    background-image: -webkit-linear-gradient(
+      @angle,
+      @color 25%,
+      transparent 25%,
+      transparent 50%,
+      @color 50%,
+      @color 75%,
+      transparent 75%,
+      transparent
+    );
+    background-image: linear-gradient(
+      @angle,
+      @color 25%,
+      transparent 25%,
+      transparent 50%,
+      @color 50%,
+      @color 75%,
+      transparent 75%,
+      transparent
+    );
+  }
+}
+
+// Reset filters for IE
+//
+// When you need to remove a gradient background, do not forget to use this to reset
+// the IE filter for IE9 and below.
+.reset-filter() {
+  filter: e(%('progid:DXImageTransform.Microsoft.gradient(enabled = false)'));
+}
+
+.mask-image(@gradient) {
+  // It has to be this way round, otherwise Less removes the prefixed version, for some reason
+  mask-image: @gradient;
+  -webkit-mask-image: @gradient;
+}
+
+.premium-background {
+  background-image: @premium-gradient;
+}
+
+.premium-text {
+  background-clip: text;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  color: @white; // Fallback
+  background-color: @blue-70; // Fallback
+  .premium-background;
+}
+
+// Retina images
+//
+// Short retina mixin for setting background-image and -size
+
+.img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
+  background-image: url('@{file-1x}');
+
+  @media only screen and (-webkit-min-device-pixel-ratio: 2),
+    only screen and (min--moz-device-pixel-ratio: 2),
+    only screen and (-o-min-device-pixel-ratio: 2/1),
+    only screen and (min-device-pixel-ratio: 2),
+    only screen and (min-resolution: 192dpi),
+    only screen and (min-resolution: 2dppx) {
+    background-image: url('@{file-2x}');
+    background-size: @width-1x @height-1x;
+  }
+}
+
+// Responsive image
+//
+// Keep images from scaling beyond the width of their parents.
+
+.img-responsive(@display: block) {
+  display: @display;
+  max-width: 100%; // Part 1: Set a maximum relative to the parent
+  height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
+}
+
+// COMPONENT MIXINS
+// --------------------------------------------------
+
+// Horizontal dividers
+// -------------------------
+// Dividers (basically an hr) within dropdowns and nav lists
+.nav-divider(@color: #e5e5e5) {
+  height: 1px;
+  margin: @dropdown-divider-margin;
+  overflow: hidden;
+  background-color: @color;
+}
+
+// Panels
+// -------------------------
+.panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) {
+  border-color: @border;
+
+  & > .panel-heading {
+    color: @heading-text-color;
+    background-color: @heading-bg-color;
+    border-color: @heading-border;
+
+    + .panel-collapse .panel-body {
+      border-top-color: @border;
+    }
+  }
+  & > .panel-footer {
+    + .panel-collapse .panel-body {
+      border-bottom-color: @border;
+    }
+  }
+}
+
+// Alerts
+// -------------------------
+.alert-variant(@background; @border; @text-color) {
+  background-color: @background;
+  border-color: @border;
+  color: @text-color;
+
+  hr {
+    border-top-color: darken(@border, 5%);
+  }
+  .alert-link {
+    color: darken(@text-color, 10%);
+  }
+
+  button,
+  .alert-link-as-btn {
+    display: inline-block;
+    font-weight: bold;
+    text-decoration: none;
+    .btn-alert-variant(@background);
+    .button-size(
+      @padding-xs-vertical; @padding-small-horizontal; @font-size-small;
+        @line-height-small; @btn-border-radius-small
+    );
+    &:hover {
+      text-decoration: none;
+    }
+  }
+
+  button {
+    border-width: 0;
+  }
+
+  small,
+  .small {
+    color: @text-color;
+  }
+}
+
+.btn-alert-variant(@alert-bg) {
+  .button-variant(#fff, shade(@alert-bg, 15%), transparent);
+  border-radius: @btn-border-radius-base;
+}
+
+.btn-bordered() {
+  @btn-bordered-color: @content-primary;
+  @btn-bordered-background-color: @white;
+  @btn-bordered-border-color: @border-color-base;
+
+  color: @btn-bordered-color;
+  background-color: @btn-bordered-background-color;
+  border-color: @btn-bordered-border-color;
+  border-width: @border-size;
+
+  &:hover {
+    background-color: @btn-secondary-hover-bg-color;
+  }
+
+  &:focus {
+    color: @content-primary;
+    outline: none;
+  }
+
+  &:focus-visible,
+  &:active {
+    .box-shadow-button-input();
+    outline: none;
+  }
+
+  &:hover,
+  &:focus-visible,
+  &:active {
+    color: @content-primary;
+  }
+
+  &.disabled,
+  &[disabled],
+  fieldset[disabled] & {
+    &,
+    &:hover,
+    &:focus-visible,
+    &:active,
+    &.active {
+      background-color: @color-disabled;
+      border-color: @border-color-disabled;
+      color: @content-disabled;
+    }
+  }
+
+  &[data-ol-loading='true'] {
+    &,
+    &:hover {
+      // use the default state colors when in a loading state
+      color: @btn-bordered-color!important;
+      background-color: @btn-bordered-background-color!important;
+      border-color: @btn-bordered-border-color!important;
+    }
+  }
+}
+
+.btn-borderless(@color: @white; @background: @brand-primary; @background-hover: @btn-primary-hover-bg-color) {
+  @btn-borderless-color: @color;
+  @btn-borderless-background-color: @background;
+  @btn-borderless-border-color: @background;
+
+  color: @btn-borderless-color;
+  background-color: @btn-borderless-background-color;
+  border-color: @btn-borderless-border-color; // add a border that is same as background color so that the height matches the btn-bordered style
+  border-width: @border-size;
+
+  &:hover {
+    background-color: @background-hover;
+    border-color: @background-hover;
+  }
+
+  &:focus {
+    color: @color;
+    outline: none;
+  }
+
+  &:focus-visible,
+  &:active {
+    background-color: @background;
+    border-color: @background;
+    .box-shadow-button-input();
+    outline: none;
+  }
+
+  &:hover,
+  &:focus-visible,
+  &:active {
+    color: @color;
+  }
+
+  &.disabled,
+  &[disabled],
+  fieldset[disabled] & {
+    &,
+    &:hover,
+    &:focus-visible,
+    &:active,
+    &.active {
+      background-color: @color-disabled;
+      border-color: @color-disabled;
+      color: @content-disabled;
+    }
+  }
+
+  &[data-ol-loading='true'] {
+    &,
+    &:hover {
+      // use the default state colors when in a loading state
+      color: @btn-borderless-color!important;
+      background-color: @btn-borderless-background-color!important;
+      border-color: @btn-borderless-border-color;
+    }
+  }
+}
+
+// Tables
+// -------------------------
+.table-row-variant(@state; @background) {
+  // Exact selectors below required to override `.table-striped` and prevent
+  // inheritance to nested tables.
+  .table > thead > tr,
+  .table > tbody > tr,
+  .table > tfoot > tr {
+    > td.@{state},
+    > th.@{state},
+    &.@{state} > td,
+    &.@{state} > th {
+      background-color: @background;
+    }
+  }
+
+  // Hover states for `.table-hover`
+  // Note: this is not available for cells or rows within `thead` or `tfoot`.
+  .table-hover > tbody > tr {
+    > td.@{state}:hover,
+    > th.@{state}:hover,
+    &.@{state}:hover > td,
+    &.@{state}:hover > th {
+      background-color: darken(@background, 5%);
+    }
+  }
+}
+
+// Button variants
+// -------------------------
+// Easily pump out default styles, as well as :hover, :focus, :active,
+// and disabled options for all buttons
+.alert-btn(@background) {
+  background-color: darken(@background, 16%);
+  &:hover,
+  &:focus,
+  &:active,
+  &.active,
+  &.checked,
+  .open .dropdown-toggle& {
+    background-color: darken(@background, 24%);
+  }
+}
+.button-variant(@color; @background; @border) {
+  color: @color;
+  background-color: @background;
+  border-color: @border;
+
+  .alert & {
+    .alert-btn(@background);
+  }
+
+  &:hover,
+  &:focus,
+  &:active,
+  &.active,
+  &.checked,
+  .open .dropdown-toggle& {
+    color: @color;
+    background-color: darken(@background, 8%);
+    border-color: darken(@border, 12%);
+  }
+  &:active,
+  &.active,
+  .open .dropdown-toggle& {
+    background-image: none;
+  }
+  &.disabled,
+  &[disabled],
+  fieldset[disabled] & {
+    &,
+    &:hover,
+    &:focus,
+    &:active,
+    &.active {
+      background-color: @background;
+      border-color: @border;
+    }
+  }
+
+  .badge {
+    color: @background;
+    background-color: @color;
+  }
+}
+.button-outline-variant(@color) {
+  color: @color;
+  background-color: transparent;
+  border-color: @color;
+
+  .alert & {
+    background-color: transparent;
+  }
+
+  &:hover,
+  &:focus,
+  &:active,
+  &.active,
+  &.checked,
+  .open .dropdown-toggle& {
+    color: @color;
+    background-color: transparent;
+    border-color: darken(@color, 12%);
+    .alert & {
+      background-color: transparent;
+    }
+  }
+  &:active,
+  &.active,
+  .open .dropdown-toggle& {
+    background-image: none;
+  }
+  &.disabled,
+  &[disabled],
+  fieldset[disabled] & {
+    &,
+    &:hover,
+    &:focus,
+    &:active,
+    &.active {
+      background-color: transparent;
+      border-color: @color;
+    }
+  }
+
+  .badge {
+    color: transparent;
+    background-color: @color;
+  }
+}
+
+// Button sizes
+// -------------------------
+.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
+  padding: @padding-vertical - @border-size @padding-horizontal;
+  font-size: @font-size;
+  line-height: @line-height;
+  border-radius: @border-radius;
+}
+
+// Pagination
+// -------------------------
+.pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) {
+  > li {
+    > a,
+    > span {
+      padding: @padding-vertical @padding-horizontal;
+      font-size: @font-size;
+    }
+    &:first-child {
+      > a,
+      > span {
+        .border-left-radius(@border-radius);
+      }
+    }
+    &:last-child {
+      > a,
+      > span {
+        .border-right-radius(@border-radius);
+      }
+    }
+  }
+}
+
+// Labels
+// -------------------------
+.label-variant(@color) {
+  background-color: @color;
+  &[href] {
+    &:hover,
+    &:focus {
+      background-color: darken(@color, 10%);
+    }
+  }
+}
+
+// Contextual backgrounds
+// -------------------------
+.bg-variant(@color) {
+  background-color: @color;
+  a&:hover {
+    background-color: darken(@color, 10%);
+  }
+}
+
+// Typography
+// -------------------------
+.text-emphasis-variant(@color) {
+  color: @color;
+  a&:hover {
+    color: darken(@color, 10%);
+  }
+}
+
+// Navbar vertical align
+// -------------------------
+// Vertically center elements in the navbar.
+// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
+.navbar-vertical-align(@element-height) {
+  margin-top: ((@navbar-height - @element-height) / 2);
+  margin-bottom: ((@navbar-height - @element-height) / 2);
+}
+
+// Progress bars
+// -------------------------
+.progress-bar-variant(@color) {
+  background-color: @color;
+  .progress-striped & {
+    #gradient > .striped();
+  }
+}
+
+// Responsive utilities
+// -------------------------
+// More easily include all the states for responsive-utilities.less.
+.responsive-visibility() {
+  display: block !important;
+  table& {
+    display: table;
+  }
+  tr& {
+    display: table-row !important;
+  }
+  th&,
+  td& {
+    display: table-cell !important;
+  }
+}
+
+.responsive-invisibility() {
+  display: none !important;
+}
+
+// Grid System
+// -----------
+
+// Centered container element
+.container-fixed(@gutter: @grid-gutter-width) {
+  margin-right: auto;
+  margin-left: auto;
+  padding-left: (@gutter / 2);
+  padding-right: (@gutter / 2);
+  &:extend(.clearfix all);
+}
+
+// Creates a wrapper for a series of columns
+.make-row(@gutter: @grid-gutter-width) {
+  margin-left: (@gutter / -2);
+  margin-right: (@gutter / -2);
+  &:extend(.clearfix all);
+}
+
+// Generate the extra small columns
+.make-xs-column(@columns; @gutter: @grid-gutter-width) {
+  position: relative;
+  float: left;
+  width: percentage((@columns / @grid-columns));
+  min-height: 1px;
+  padding-left: (@gutter / 2);
+  padding-right: (@gutter / 2);
+}
+.make-xs-column-offset(@columns) {
+  @media (min-width: @screen-xs-min) {
+    margin-left: percentage((@columns / @grid-columns));
+  }
+}
+.make-xs-column-push(@columns) {
+  @media (min-width: @screen-xs-min) {
+    left: percentage((@columns / @grid-columns));
+  }
+}
+.make-xs-column-pull(@columns) {
+  @media (min-width: @screen-xs-min) {
+    right: percentage((@columns / @grid-columns));
+  }
+}
+
+// Generate the small columns
+.make-sm-column(@columns; @gutter: @grid-gutter-width) {
+  position: relative;
+  min-height: 1px;
+  padding-left: (@gutter / 2);
+  padding-right: (@gutter / 2);
+
+  @media (min-width: @screen-sm-min) {
+    float: left;
+    width: percentage((@columns / @grid-columns));
+  }
+}
+.make-sm-column-offset(@columns) {
+  @media (min-width: @screen-sm-min) {
+    margin-left: percentage((@columns / @grid-columns));
+  }
+}
+.make-sm-column-push(@columns) {
+  @media (min-width: @screen-sm-min) {
+    left: percentage((@columns / @grid-columns));
+  }
+}
+.make-sm-column-pull(@columns) {
+  @media (min-width: @screen-sm-min) {
+    right: percentage((@columns / @grid-columns));
+  }
+}
+
+// Generate the medium columns
+.make-md-column(@columns; @gutter: @grid-gutter-width) {
+  position: relative;
+  min-height: 1px;
+  padding-left: (@gutter / 2);
+  padding-right: (@gutter / 2);
+
+  @media (min-width: @screen-md-min) {
+    float: left;
+    width: percentage((@columns / @grid-columns));
+  }
+}
+.make-md-column-offset(@columns) {
+  @media (min-width: @screen-md-min) {
+    margin-left: percentage((@columns / @grid-columns));
+  }
+}
+.make-md-column-push(@columns) {
+  @media (min-width: @screen-md-min) {
+    left: percentage((@columns / @grid-columns));
+  }
+}
+.make-md-column-pull(@columns) {
+  @media (min-width: @screen-md-min) {
+    right: percentage((@columns / @grid-columns));
+  }
+}
+
+// Generate the large columns
+.make-lg-column(@columns; @gutter: @grid-gutter-width) {
+  position: relative;
+  min-height: 1px;
+  padding-left: (@gutter / 2);
+  padding-right: (@gutter / 2);
+
+  @media (min-width: @screen-lg-min) {
+    float: left;
+    width: percentage((@columns / @grid-columns));
+  }
+}
+.make-lg-column-offset(@columns) {
+  @media (min-width: @screen-lg-min) {
+    margin-left: percentage((@columns / @grid-columns));
+  }
+}
+.make-lg-column-push(@columns) {
+  @media (min-width: @screen-lg-min) {
+    left: percentage((@columns / @grid-columns));
+  }
+}
+.make-lg-column-pull(@columns) {
+  @media (min-width: @screen-lg-min) {
+    right: percentage((@columns / @grid-columns));
+  }
+}
+
+// Framework grid generation
+//
+// Used only by Bootstrap to generate the correct number of grid classes given
+// any value of `@grid-columns`.
+
+.make-grid-columns(@gutter: @grid-gutter-width) {
+  // Common styles for all sizes of grid columns, widths 1-12
+  .col(@index) when (@index = 1) {
+    // initial
+    @item: ~'.col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}';
+    .col((@index + 1), @item);
+  }
+  .col(@index, @list) when (@index =< @grid-columns) {
+    // general; "=<" isn't a typo
+    @item: ~'.col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}';
+    .col((@index + 1), ~'@{list}, @{item}');
+  }
+  .col(@index, @list) when (@index > @grid-columns) {
+    // terminal
+    @{list} {
+      position: relative;
+      // Prevent columns from collapsing when empty
+      min-height: 1px;
+      // Inner gutter via padding
+      padding-left: (@gutter / 2);
+      padding-right: (@gutter / 2);
+    }
+  }
+  .col(1); // kickstart it
+}
+
+.float-grid-columns(@class) {
+  .col(@index) when (@index = 1) {
+    // initial
+    @item: ~'.col-@{class}-@{index}';
+    .col((@index + 1), @item);
+  }
+  .col(@index, @list) when (@index =< @grid-columns) {
+    // general
+    @item: ~'.col-@{class}-@{index}';
+    .col((@index + 1), ~'@{list}, @{item}');
+  }
+  .col(@index, @list) when (@index > @grid-columns) {
+    // terminal
+    @{list} {
+      float: left;
+    }
+  }
+  .col(1); // kickstart it
+}
+
+.calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) {
+  .col-@{class}-@{index} {
+    width: percentage((@index / @grid-columns));
+  }
+}
+.calc-grid-column(@index, @class, @type) when (@type = push) {
+  .col-@{class}-push-@{index} {
+    left: percentage((@index / @grid-columns));
+  }
+}
+.calc-grid-column(@index, @class, @type) when (@type = pull) {
+  .col-@{class}-pull-@{index} {
+    right: percentage((@index / @grid-columns));
+  }
+}
+.calc-grid-column(@index, @class, @type) when (@type = offset) {
+  .col-@{class}-offset-@{index} {
+    margin-left: percentage((@index / @grid-columns));
+  }
+}
+
+// Basic looping in LESS
+.loop-grid-columns(@index, @class, @type) when (@index >= 0) {
+  .calc-grid-column(@index, @class, @type);
+  // next iteration
+  .loop-grid-columns((@index - 1), @class, @type);
+}
+
+// Create grid for specific class
+.make-grid(@class) {
+  .float-grid-columns(@class);
+  .loop-grid-columns(@grid-columns, @class, width);
+  .loop-grid-columns(@grid-columns, @class, pull);
+  .loop-grid-columns(@grid-columns, @class, push);
+  .loop-grid-columns(@grid-columns, @class, offset);
+}
+
+// Form validation states
+//
+// Used in forms.less to generate the form validation CSS for warnings, errors,
+// and successes.
+
+.form-control-validation(@color) {
+  color: @color;
+
+  // Color the label and help text
+  .help-block,
+  .control-label,
+  .radio,
+  .checkbox,
+  .radio-inline,
+  .checkbox-inline {
+    color: @color;
+  }
+
+  .form-control {
+    border-color: @color;
+
+    &:focus {
+      border-color: @input-border-focus;
+    }
+  }
+
+  // Optional feedback icon
+  .form-control-feedback {
+    color: @color;
+  }
+}
+
+// Form control focus state
+//
+// Generate a customized focus state and for any input with the specified color,
+// which defaults to the `@input-focus-border` variable.
+//
+// We highly encourage you to not customize the default value, but instead use
+// this to tweak colors on an as-needed basis. This aesthetic change is based on
+// WebKit's default styles, but applicable to a wider range of browsers. Its
+// usability and accessibility should be taken into account with any change.
+//
+// Example usage: change the default blue border and shadow to white for better
+// contrast against a dark gray background.
+
+.input-focus-style {
+  // need to define as class for recurly UI
+  border-color: @input-border-focus;
+  outline: 0;
+  .box-shadow-button-input();
+}
+
+.form-control-focus() {
+  &:focus,
+  &:focus-visible {
+    &:extend(.input-focus-style);
+  }
+}
+
+// Form control sizing
+//
+// Relative text size, padding, and border-radii changes for form controls. For
+// horizontal sizing, wrap controls in the predefined grid classes. `<select>`
+// element gets special love because it's special, and that's a fact!
+
+.input-size(@input-height; @padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {
+  height: @input-height;
+  padding: @padding-vertical @padding-horizontal;
+  font-size: @font-size;
+  line-height: @line-height;
+  border-radius: @border-radius;
+
+  select& {
+    height: @input-height;
+    line-height: @input-height;
+  }
+
+  textarea&,
+  select[multiple]& {
+    height: auto;
+  }
+}
+
+.triangle(@_, @width, @height, @color) {
+  position: absolute;
+  border-color: transparent;
+  border-style: solid;
+  width: 0;
+  height: 0;
+}
+.triangle(top, @width, @height, @color) {
+  border-width: 0 @width / 2 @height @width / 2;
+  border-bottom-color: @color;
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
+.triangle(bottom, @width, @height, @color) {
+  border-width: @height @width / 2 0 @width / 2;
+  border-top-color: @color;
+  border-left-color: transparent;
+  border-right-color: transparent;
+}
+.triangle(right, @width, @height, @color) {
+  border-width: @height / 2 0 @height / 2 @width;
+  border-left-color: @color;
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+}
+.triangle(left, @width, @height, @color) {
+  border-width: @height / 2 @width @height / 2 0;
+  border-right-color: @color;
+  border-top-color: transparent;
+  border-bottom-color: transparent;
+}
+
+.no-outline-ring-on-click {
+  &:focus,
+  &:focus:active {
+    outline: 0;
+  }
+}
+
+.reset-button {
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+}
+
+.display-lg() {
+  font-size: var(--font-size-13);
+  line-height: var(--line-height-12);
+}
+
+.display-md() {
+  font-size: var(--font-size-12);
+  line-height: var(--line-height-11);
+}
+
+.display-sm() {
+  font-size: var(--font-size-11);
+  line-height: var(--line-height-10);
+}
+
+.display-xs() {
+  font-size: var(--font-size-10);
+  line-height: var(--line-height-09);
+}
+
+.heading-2xl() {
+  font-size: var(--font-size-09);
+  line-height: var(--line-height-08);
+}
+
+.heading-xl() {
+  font-size: var(--font-size-08);
+  line-height: var(--line-height-07);
+}
+
+.heading-lg() {
+  font-size: var(--font-size-07);
+  line-height: var(--line-height-06);
+}
+
+.heading-md() {
+  font-size: var(--font-size-06);
+  line-height: var(--line-height-05);
+}
+
+.heading-sm() {
+  font-size: var(--font-size-05);
+  line-height: var(--line-height-04);
+}
+
+.heading-xs() {
+  font-size: var(--font-size-04);
+  line-height: var(--line-height-03);
+}
+
+.body-lg() {
+  font-size: var(--font-size-04);
+  line-height: var(--line-height-03);
+}
+
+.body-base() {
+  font-size: var(--font-size-03);
+  line-height: var(--line-height-03);
+}
+
+.body-sm() {
+  font-size: var(--font-size-02);
+  line-height: var(--line-height-02);
+}
+
+.body-xs() {
+  font-size: var(--font-size-01);
+  line-height: var(--line-height-01);
+}
+
+.override-typography(@override) {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  p {
+    @override();
+  }
+}
diff --git a/services/web/frontend/stylesheets/core/normalize.less b/services/web/frontend/stylesheets/core/normalize.less
new file mode 100755
index 0000000..1fa99bd
--- /dev/null
+++ b/services/web/frontend/stylesheets/core/normalize.less
@@ -0,0 +1,423 @@
+/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
+
+//
+// 1. Set default font family to sans-serif.
+// 2. Prevent iOS text size adjust after orientation change, without disabling
+//    user zoom.
+//
+
+html {
+  font-family: sans-serif; // 1
+  -ms-text-size-adjust: 100%; // 2
+  -webkit-text-size-adjust: 100%; // 2
+}
+
+//
+// Remove default margin.
+//
+
+body {
+  margin: 0;
+}
+
+// HTML5 display definitions
+// ==========================================================================
+
+//
+// Correct `block` display not defined in IE 8/9.
+//
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+  display: block;
+}
+
+//
+// 1. Correct `inline-block` display not defined in IE 8/9.
+// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
+//
+
+audio,
+canvas,
+progress,
+video {
+  display: inline-block; // 1
+  vertical-align: baseline; // 2
+}
+
+//
+// Prevent modern browsers from displaying `audio` without controls.
+// Remove excess height in iOS 5 devices.
+//
+
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+//
+// Address `[hidden]` styling not present in IE 8/9.
+// Hide the `template` element in IE, Safari, and Firefox < 22.
+//
+
+[hidden],
+template {
+  display: none !important;
+}
+
+// Links
+// ==========================================================================
+
+//
+// Remove the gray background color from active links in IE 10.
+//
+
+a {
+  background: transparent;
+}
+
+//
+// Improve readability when focused and also mouse hovered in all browsers.
+//
+
+a:active,
+a:hover {
+  outline: 0;
+}
+
+// Text-level semantics
+// ==========================================================================
+
+//
+// Address styling not present in IE 8/9, Safari 5, and Chrome.
+//
+
+abbr[title] {
+  border-bottom: 1px dotted;
+}
+
+//
+// Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+//
+
+b,
+strong {
+  font-weight: bold;
+}
+
+//
+// Address styling not present in Safari 5 and Chrome.
+//
+
+dfn {
+  font-style: italic;
+}
+
+//
+// Address variable `h1` font-size and margin within `section` and `article`
+// contexts in Firefox 4+, Safari 5, and Chrome.
+//
+
+h1 {
+  font-size: 2em;
+  margin: 0.67em 0;
+}
+
+//
+// Address styling not present in IE 8/9.
+//
+
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+//
+// Address inconsistent and variable font size in all browsers.
+//
+
+small {
+  font-size: 80%;
+}
+
+//
+// Prevent `sub` and `sup` affecting `line-height` in all browsers.
+//
+
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+// Embedded content
+// ==========================================================================
+
+//
+// Remove border when inside `a` element in IE 8/9.
+//
+
+img {
+  border: 0;
+}
+
+//
+// Correct overflow displayed oddly in IE 9.
+//
+
+svg:not(:root) {
+  overflow: hidden;
+}
+
+// Grouping content
+// ==========================================================================
+
+//
+// Address margin not present in IE 8/9 and Safari 5.
+//
+
+figure {
+  margin: 1em 40px;
+}
+
+//
+// Address differences between Firefox and other browsers.
+//
+
+hr {
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 0;
+}
+
+//
+// Contain overflow in all browsers.
+//
+
+pre {
+  overflow: auto;
+}
+
+//
+// Address odd `em`-unit font size rendering in all browsers.
+//
+
+code,
+kbd,
+pre,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em;
+}
+
+// Forms
+// ==========================================================================
+
+//
+// Known limitation: by default, Chrome and Safari on OS X allow very limited
+// styling of `select`, unless a `border` property is set.
+//
+
+//
+// 1. Correct color not being inherited.
+//    Known issue: affects color of disabled elements.
+// 2. Correct font properties not being inherited.
+// 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+//
+
+button,
+input,
+optgroup,
+select,
+textarea {
+  color: inherit; // 1
+  font: inherit; // 2
+  margin: 0; // 3
+}
+
+//
+// Address `overflow` set to `hidden` in IE 8/9/10.
+//
+
+button {
+  overflow: visible;
+}
+
+//
+// Address inconsistent `text-transform` inheritance for `button` and `select`.
+// All other form control elements do not inherit `text-transform` values.
+// Correct `button` style inheritance in Firefox, IE 8+, and Opera
+// Correct `select` style inheritance in Firefox.
+//
+
+button,
+select {
+  text-transform: none;
+}
+
+//
+// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+//    and `video` controls.
+// 2. Correct inability to style clickable `input` types in iOS.
+// 3. Improve usability and consistency of cursor style between image-type
+//    `input` and others.
+//
+
+button,
+html input[type="button"], // 1
+input[type="reset"],
+input[type="submit"] {
+  -webkit-appearance: button; // 2
+  cursor: pointer; // 3
+}
+
+//
+// Re-set default cursor for disabled elements.
+//
+
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
+
+//
+// Remove inner padding and border in Firefox 4+.
+//
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+//
+// Address Firefox 4+ setting `line-height` on `input` using `!important` in
+// the UA stylesheet.
+//
+
+input {
+  line-height: normal;
+}
+
+//
+// It's recommended that you don't attempt to style these elements.
+// Firefox's implementation doesn't respect box-sizing, padding, or width.
+//
+// 1. Address box sizing set to `content-box` in IE 8/9/10.
+// 2. Remove excess padding in IE 8/9/10.
+//
+
+input[type='checkbox'],
+input[type='radio'] {
+  box-sizing: border-box; // 1
+  padding: 0; // 2
+}
+
+//
+// Fix the cursor style for Chrome's increment/decrement buttons. For certain
+// `font-size` values of the `input`, it causes the cursor style of the
+// decrement button to change from `default` to `text`.
+//
+
+input[type='number']::-webkit-inner-spin-button,
+input[type='number']::-webkit-outer-spin-button {
+  height: auto;
+}
+
+//
+// 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+// 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+//    (include `-moz` to future-proof).
+//
+
+input[type='search'] {
+  -webkit-appearance: textfield; // 1
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box; // 2
+  box-sizing: content-box;
+}
+
+//
+// Remove inner padding and search cancel button in Safari and Chrome on OS X.
+// Safari (but not Chrome) clips the cancel button when the search input has
+// padding (and `textfield` appearance).
+//
+
+input[type='search']::-webkit-search-cancel-button,
+input[type='search']::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+//
+// Define consistent border, margin, and padding.
+//
+
+fieldset {
+  border: 1px solid #c0c0c0;
+  margin: 0 2px;
+  padding: 0.35em 0.625em 0.75em;
+}
+
+//
+// 1. Correct `color` not being inherited in IE 8/9.
+// 2. Remove padding so people aren't caught out if they zero out fieldsets.
+//
+
+legend {
+  border: 0; // 1
+  padding: 0; // 2
+}
+
+//
+// Remove default vertical scrollbar in IE 8/9.
+//
+
+textarea {
+  overflow: auto;
+}
+
+//
+// Don't inherit the `font-weight` (applied by a rule above).
+// NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+//
+
+optgroup {
+  font-weight: bold;
+}
+
+// Tables
+// ==========================================================================
+
+//
+// Remove most spacing between table cells.
+//
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+td,
+th {
+  padding: 0;
+}
diff --git a/services/web/frontend/stylesheets/core/page.less b/services/web/frontend/stylesheets/core/page.less
new file mode 100644
index 0000000..d679f1b
--- /dev/null
+++ b/services/web/frontend/stylesheets/core/page.less
@@ -0,0 +1,5 @@
+.website-redesign {
+  video {
+    clip-path: inset(0 0); // fix Safari bug that will sometimes add border
+  }
+}
diff --git a/services/web/frontend/stylesheets/core/print.less b/services/web/frontend/stylesheets/core/print.less
new file mode 100755
index 0000000..ad3de46
--- /dev/null
+++ b/services/web/frontend/stylesheets/core/print.less
@@ -0,0 +1,99 @@
+//
+// Basic print styles
+// --------------------------------------------------
+// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
+
+@media print {
+  * {
+    text-shadow: none !important;
+    color: #000 !important; // Black prints faster: h5bp.com/s
+    background: transparent !important;
+    box-shadow: none !important;
+  }
+
+  a,
+  a:visited {
+    text-decoration: underline;
+  }
+
+  a[href]:after {
+    content: ' (' attr(href) ')';
+  }
+
+  abbr[title]:after {
+    content: ' (' attr(title) ')';
+  }
+
+  // Don't show links for images, or javascript/internal links
+  a[href^='javascript:']:after,
+  a[href^='#']:after {
+    content: '';
+  }
+
+  pre,
+  blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid;
+  }
+
+  thead {
+    display: table-header-group; // h5bp.com/t
+  }
+
+  tr,
+  img {
+    page-break-inside: avoid;
+  }
+
+  img {
+    max-width: 100% !important;
+  }
+
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3;
+  }
+
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+
+  // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
+  // Once fixed, we can just straight up remove this.
+  select {
+    background: #fff !important;
+  }
+
+  // Bootstrap components
+  .navbar {
+    display: none;
+  }
+  .table {
+    td,
+    th {
+      background-color: #fff !important;
+    }
+  }
+  .btn,
+  .dropup > .btn {
+    > .caret {
+      border-top-color: #000 !important;
+    }
+  }
+  .label {
+    border: 1px solid #000;
+  }
+
+  .table {
+    border-collapse: collapse !important;
+  }
+  .table-bordered {
+    th,
+    td {
+      border: 1px solid #ddd !important;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/core/responsive-utilities.less b/services/web/frontend/stylesheets/core/responsive-utilities.less
new file mode 100755
index 0000000..8841def
--- /dev/null
+++ b/services/web/frontend/stylesheets/core/responsive-utilities.less
@@ -0,0 +1,108 @@
+//
+// Responsive: Utility classes
+// --------------------------------------------------
+
+// IE10 in Windows (Phone) 8
+//
+// Support for responsive views via media queries is kind of borked in IE10, for
+// Surface/desktop in split view and for Windows Phone 8. This particular fix
+// must be accompanied by a snippet of JavaScript to sniff the user agent and
+// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at
+// our Getting Started page for more information on this bug.
+//
+// For more information, see the following:
+//
+// Issue: https://github.com/twbs/bootstrap/issues/10497
+// Docs: http://getbootstrap.com/getting-started/#browsers
+// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/
+
+@-ms-viewport {
+  width: device-width;
+}
+
+// Visibility utilities
+.visible-xs,
+.visible-sm,
+.visible-md,
+.visible-lg {
+  .responsive-invisibility();
+}
+
+.visible-xs {
+  @media (max-width: @screen-xs-max) {
+    .responsive-visibility();
+  }
+}
+.visible-sm {
+  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+    .responsive-visibility();
+  }
+}
+.visible-md {
+  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+    .responsive-visibility();
+  }
+}
+.visible-lg {
+  @media (min-width: @screen-lg-min) {
+    .responsive-visibility();
+  }
+}
+
+.hidden-xs {
+  @media (max-width: @screen-xs-max) {
+    .responsive-invisibility();
+  }
+}
+.hidden-sm {
+  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+    .responsive-invisibility();
+  }
+}
+.hidden-md {
+  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+    .responsive-invisibility();
+  }
+}
+.hidden-lg {
+  @media (min-width: @screen-lg-min) {
+    .responsive-invisibility();
+  }
+}
+
+// Print utilities
+//
+// Media queries are placed on the inside to be mixin-friendly.
+
+.visible-print {
+  .responsive-invisibility();
+
+  @media print {
+    .responsive-visibility();
+  }
+}
+
+.hidden-print {
+  @media print {
+    .responsive-invisibility();
+  }
+}
+
+// Container visibility utilities
+//if these dont appear to work, ensure that the parent container has their container-type set
+@container (max-width: @screen-xs-min) {
+  .hidden-xs-container {
+    .responsive-invisibility();
+  }
+}
+@container (max-width: @screen-sm-min) {
+  .hidden-sm-container {
+    .responsive-invisibility();
+  }
+}
+
+@container (max-width: @screen-md-min) {
+  .hidden-md-container {
+    .responsive-invisibility();
+  }
+}
diff --git a/services/web/frontend/stylesheets/core/scaffolding.less b/services/web/frontend/stylesheets/core/scaffolding.less
new file mode 100755
index 0000000..58baf02
--- /dev/null
+++ b/services/web/frontend/stylesheets/core/scaffolding.less
@@ -0,0 +1,191 @@
+//
+// Scaffolding
+// --------------------------------------------------
+
+// Reset the box-sizing
+//
+// Heads up! This reset may cause conflicts with some third-party widgets.
+// For recommendations on resolving such conflicts, see
+// http://getbootstrap.com/getting-started/#third-box-sizing
+* {
+  .box-sizing(border-box);
+}
+*:before,
+*:after {
+  .box-sizing(border-box);
+}
+
+// Body reset
+
+html {
+  //font-size: 62.5%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  height: 100%;
+}
+
+// Prevent potential for layout shifts on a page with fixed 100% height. This
+// can happen, for example, with the Grammarly extension in Firefox.
+html.fixed-size-document {
+  position: fixed;
+  width: 100%;
+}
+
+body {
+  font-family: @font-family-base;
+  font-size: @font-size-base;
+  line-height: @line-height-base;
+  color: @text-color;
+  background-color: @body-bg;
+  min-height: 100%;
+  position: relative;
+  & > .content {
+    min-height: 100vh;
+    padding-top: @header-height + @content-margin-vertical;
+  }
+
+  &.thin-footer {
+    .container {
+      padding-bottom: @footer-height;
+    }
+  }
+}
+
+// Reset fonts for relevant elements
+input,
+button,
+select,
+textarea {
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+// Keep textarea within horizontal container when resizing
+textarea {
+  resize: vertical;
+}
+
+// Links
+
+a {
+  color: @link-color;
+  text-decoration: none;
+
+  &:hover,
+  &:focus {
+    color: @link-hover-color;
+    text-decoration: underline;
+  }
+
+  &:focus {
+    .tab-focus();
+  }
+}
+
+// Figures
+//
+// We reset this here because previously Normalize had no `figure` margins. This
+// ensures we don't break anyone's use of the element.
+
+figure {
+  margin: 0;
+}
+
+// Images
+
+img {
+  vertical-align: middle;
+}
+
+// Responsive images (ensure images don't scale beyond their parents)
+.img-responsive {
+  .img-responsive();
+}
+
+// Rounded corners
+.img-rounded {
+  border-radius: @border-radius-large;
+}
+
+// Image thumbnails
+//
+// Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`.
+.img-thumbnail {
+  padding: @thumbnail-padding;
+  line-height: @line-height-base;
+  background-color: @thumbnail-bg;
+  border: 1px solid @thumbnail-border;
+  border-radius: @thumbnail-border-radius;
+  .transition(all 0.2s ease-in-out);
+
+  // Keep them at most 100% wide
+  .img-responsive(inline-block);
+}
+
+// Perfect circle
+.img-circle {
+  border-radius: 50%; // set radius in percents
+}
+
+// Horizontal rules
+
+hr {
+  margin-top: @line-height-computed;
+  margin-bottom: @line-height-computed;
+  border: 0;
+  border-top: 1px solid @hr-border;
+  &.thin {
+    margin-top: @line-height-computed / 2;
+    margin-bottom: @line-height-computed / 2;
+  }
+}
+
+// Only display content to screen readers
+//
+// See: http://a11yproject.com/posts/how-to-hide-content/
+@sr-only: {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+};
+
+.sr-only,
+.visually-hidden {
+  @sr-only();
+}
+
+@media (max-width: @screen-xs-max) {
+  .sr-only-xs {
+    @sr-only();
+  }
+}
+
+.content {
+  padding-top: @content-margin-vertical;
+  padding-bottom: @content-margin-vertical;
+}
+
+.content-alt {
+  background-color: @content-alt-bg-color;
+}
+
+.row-spaced {
+  margin-top: @line-height-computed;
+}
+
+.row-spaced-small {
+  margin-top: @line-height-computed / 2;
+}
+
+.row-spaced-large {
+  margin-top: @line-height-computed * 2;
+}
+
+.row-spaced-extra-large {
+  margin-top: @line-height-computed * 4;
+}
diff --git a/services/web/frontend/stylesheets/core/spacing.less b/services/web/frontend/stylesheets/core/spacing.less
new file mode 100644
index 0000000..0d9bd72
--- /dev/null
+++ b/services/web/frontend/stylesheets/core/spacing.less
@@ -0,0 +1,118 @@
+// Not part of BS3 but adding those with the intention to move to BS5
+// https://digital-science.slack.com/archives/C014X5MJB8S/p1650008783200769
+@spacers: {
+  0: 0;
+  1: @margin-xs;
+  2: @margin-sm;
+  3: @margin-md;
+  4: @margin-lg;
+  5: @margin-xl;
+  6: @margin-xxl;
+};
+
+each(@spacers, {
+  // Margins
+  .m-@{key} {
+    margin: @value !important;
+  }
+  .ms-@{key} {
+    margin-left: @value !important;
+  }
+  .me-@{key} {
+    margin-right: @value !important;
+  }
+  .mt-@{key} {
+    margin-top: @value !important;
+  }
+  .mb-@{key} {
+    margin-bottom: @value !important;
+  }
+  .mx-@{key} {
+    margin-left: @value !important;
+    margin-right: @value !important;
+  }
+  .my-@{key} {
+    margin-top: @value !important;
+    margin-bottom: @value !important;
+  }
+
+  // Negative margins
+  .m-n@{key} {
+    margin: -@value !important;
+  }
+  .ms-n@{key} {
+    margin-left: -@value !important;
+  }
+  .me-n@{key} {
+    margin-right: -@value !important;
+  }
+  .mt-n@{key} {
+    margin-top: -@value !important;
+  }
+  .mb-n@{key} {
+    margin-bottom: -@value !important;
+  }
+  .mx-n@{key} {
+    margin-left: -@value !important;
+    margin-right: -@value !important;
+  }
+  .my-n@{key} {
+    margin-top: -@value !important;
+    margin-bottom: -@value !important;
+  }
+
+  // Paddings
+  .p-@{key} {
+    padding: @value !important;
+  }
+  .ps-@{key} {
+    padding-left: @value !important;
+  }
+  .pe-@{key} {
+    padding-right: @value !important;
+  }
+  .pt-@{key} {
+    padding-top: @value !important;
+  }
+  .pb-@{key} {
+    padding-bottom: @value !important;
+  }
+  .px-@{key} {
+    padding-left: @value !important;
+    padding-right: @value !important;
+  }
+  .py-@{key} {
+    padding-top: @value !important;
+    padding-bottom: @value !important;
+  }
+});
+
+.m-auto {
+  margin: auto !important;
+}
+
+.mx-auto {
+  margin-left: auto !important;
+  margin-right: auto !important;
+}
+
+.my-auto {
+  margin-top: auto !important;
+  margin-bottom: auto !important;
+}
+
+.ms-auto {
+  margin-left: auto !important;
+}
+
+.me-auto {
+  margin-right: auto !important;
+}
+
+.mt-auto {
+  margin-top: auto !important;
+}
+
+.mb-auto {
+  margin-bottom: auto !important;
+}
diff --git a/services/web/frontend/stylesheets/core/type.less b/services/web/frontend/stylesheets/core/type.less
new file mode 100755
index 0000000..3d51fac
--- /dev/null
+++ b/services/web/frontend/stylesheets/core/type.less
@@ -0,0 +1,418 @@
+//
+// Typography
+// --------------------------------------------------
+
+body {
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+// Headings
+// -------------------------
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.h1,
+.h2,
+.h3,
+.h4,
+.h5,
+.h6 {
+  font-family: @headings-font-family;
+  font-weight: @headings-font-weight;
+  line-height: @headings-line-height;
+  color: @headings-color;
+
+  small,
+  .small {
+    font-weight: normal;
+    line-height: 1;
+    color: @headings-small-color;
+  }
+}
+
+h1,
+.h1,
+h2,
+.h2,
+h3,
+.h3 {
+  margin-top: @line-height-computed;
+  margin-bottom: (@line-height-computed / 2);
+
+  small,
+  .small {
+    font-size: 70%;
+  }
+}
+h4,
+.h4,
+h5,
+.h5,
+h6,
+.h6 {
+  margin-top: (@line-height-computed / 2);
+  margin-bottom: (@line-height-computed / 2);
+
+  small,
+  .small {
+    font-size: 75%;
+  }
+}
+
+h1,
+.h1 {
+  font-size: @font-size-h1;
+}
+h2,
+.h2 {
+  font-size: @font-size-h2;
+}
+h3,
+.h3 {
+  font-size: @font-size-h3;
+}
+h4,
+.h4 {
+  font-size: @font-size-h4;
+}
+h5,
+.h5 {
+  font-size: @font-size-h5;
+}
+h6,
+.h6 {
+  font-size: @font-size-h6;
+}
+
+.ui-heading {
+  font-family: @font-family-sans-serif;
+  font-size: @font-size-h4;
+  font-weight: bold;
+}
+
+// Body text
+// -------------------------
+
+p {
+  margin: 0 0 (@line-height-computed / 2);
+}
+
+.lead {
+  margin-bottom: @line-height-computed;
+  font-size: floor((@font-size-base * 1.15));
+  font-weight: 200;
+  line-height: 1.4;
+
+  @media (min-width: @screen-sm-min) {
+    font-size: (@font-size-base * 1.5);
+  }
+}
+
+// Emphasis & misc
+// -------------------------
+
+// Ex: 14px base font * 85% = about 12px
+small,
+.small {
+  font-size: 90%;
+  color: @text-small-color;
+}
+
+.login-register-hr-text-container,
+.text-small {
+  font-size: 90%;
+}
+
+// Undo browser default styling
+cite {
+  font-style: normal;
+}
+
+// Alignment
+.text-left,
+.text-start {
+  text-align: left;
+}
+.text-right,
+.text-end {
+  text-align: right;
+}
+.text-center {
+  text-align: center;
+}
+.text-justify {
+  text-align: justify;
+}
+.text-right-to-left {
+  direction: rtl;
+}
+@media (min-width: @screen-md-min) {
+  .text-md-right,
+  .text-lg-end {
+    text-align: right;
+  }
+}
+
+// Contextual colors
+.text-muted {
+  color: @text-muted;
+}
+.text-primary {
+  .text-emphasis-variant(@brand-primary);
+}
+.text-success {
+  .text-emphasis-variant(@state-success-text);
+}
+.text-info {
+  .text-emphasis-variant(@state-info-text);
+}
+.text-warning {
+  .text-emphasis-variant(@state-warning-text);
+}
+.text-danger {
+  .text-emphasis-variant(@state-danger-text);
+}
+
+.text-serif {
+  font-family: @font-family-serif;
+}
+.text-sans-serif {
+  font-family: @font-family-sans-serif;
+}
+.text-centered {
+  text-align: center;
+}
+
+// Transformations
+.text-capitalize {
+  text-transform: capitalize;
+}
+.text-lowercase {
+  text-transform: lowercase;
+}
+.text-uppercase {
+  text-transform: uppercase;
+}
+.text-italic {
+  font-style: italic;
+}
+
+// Contextual backgrounds
+// For now we'll leave these alongside the text classes until v4 when we can
+// safely shift things around (per SemVer rules).
+.bg-primary {
+  // Given the contrast here, this is the only class to have its color inverted
+  // automatically.
+  color: #fff;
+  .bg-variant(@brand-primary);
+}
+.bg-success {
+  .bg-variant(@state-success-bg);
+}
+.bg-info {
+  .bg-variant(@state-info-bg);
+}
+.bg-warning {
+  .bg-variant(@state-warning-bg);
+}
+.bg-danger {
+  .bg-variant(@state-danger-bg);
+}
+
+// Page header
+// -------------------------
+
+.page-separator,
+.page-header {
+  padding-bottom: ((@line-height-computed / 2) - 1);
+  margin: (@line-height-computed) 0 @line-height-computed;
+  border-bottom: 1px solid @page-header-border-color;
+}
+
+// Lists
+// --------------------------------------------------
+
+// Unordered and Ordered lists
+ul,
+ol {
+  margin-top: 0;
+  margin-bottom: (@line-height-computed / 2);
+  ul,
+  ol {
+    margin-bottom: 0;
+  }
+}
+
+// List options
+.list-no-margin-bottom {
+  margin-bottom: 0;
+}
+
+// Unstyled keeps list items block level, just removes default browser padding and list-style
+.list-unstyled {
+  padding-left: 0;
+  list-style: none;
+}
+
+// Inline turns list items into inline-block
+.list-inline {
+  .list-unstyled();
+  margin-left: -5px;
+
+  > li {
+    display: inline-block;
+    padding-left: 5px;
+    padding-right: 5px;
+  }
+}
+
+// Description Lists
+dl {
+  margin-top: 0; // Remove browser default
+  margin-bottom: @line-height-computed;
+}
+dt,
+dd {
+  line-height: @line-height-base;
+}
+dt {
+  font-weight: bold;
+}
+dd {
+  margin-left: 0; // Undo browser default
+}
+
+// Horizontal description lists
+//
+// Defaults to being stacked without any of the below styles applied, until the
+// grid breakpoint is reached (default of ~768px).
+
+@media (min-width: @grid-float-breakpoint) {
+  .dl-horizontal {
+    dt {
+      float: left;
+      width: (@component-offset-horizontal - 20);
+      clear: left;
+      text-align: right;
+      .text-overflow();
+    }
+    dd {
+      margin-left: @component-offset-horizontal;
+      &:extend(.clearfix
+        all); // Clear the floated `dt` if an empty `dd` is present
+    }
+  }
+}
+
+// MISC
+// ----
+
+// Abbreviations and acronyms
+abbr[title],
+  // Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
+abbr[data-original-title] {
+  cursor: help;
+  border-bottom: 1px dotted @abbr-border-color;
+}
+.initialism {
+  font-size: 90%;
+  text-transform: uppercase;
+}
+
+// Blockquotes
+blockquote {
+  padding: (@line-height-computed / 2) @line-height-computed;
+  margin: 0 0 @line-height-computed;
+  font-size: @blockquote-font-size;
+  quotes: '\201C' '\201D' '\2018' '\2019';
+  border-left: 5px solid @blockquote-border-color;
+  &:before {
+    content: open-quote;
+    font-size: @blockquote-font-size * 3;
+    color: @blockquote-border-color;
+    margin-right: 0.25em;
+    vertical-align: -0.4em;
+    line-height: 0.1em;
+  }
+
+  &:after {
+    content: close-quote;
+    display: inherit;
+    height: 0;
+    visibility: hidden;
+  }
+
+  p {
+    display: inline;
+  }
+
+  p,
+  ul,
+  ol {
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  // Note: Deprecated small and .small as of v3.1.0
+  // Context: https://github.com/twbs/bootstrap/issues/11660
+  footer,
+  small,
+  .small {
+    display: block;
+    font-size: 80%; // back to default font-size
+    line-height: @line-height-base;
+    color: @blockquote-small-color;
+    padding-top: @line-height-computed / 2;
+
+    &:before {
+      content: '\2014 \00A0'; // em dash, nbsp
+    }
+  }
+}
+
+// Opposite alignment of blockquote
+//
+// Heads up: `blockquote.pull-right` has been deprecated as of v3.1.0.
+.blockquote-reverse {
+  padding-right: 15px;
+  padding-left: 0;
+  border-right: 5px solid @blockquote-border-color;
+  border-left: 0;
+  text-align: right;
+
+  // Account for citation
+  footer,
+  small,
+  .small {
+    &:before {
+      content: '';
+    }
+    &:after {
+      content: '\00A0 \2014'; // nbsp, em dash
+    }
+  }
+}
+
+// Quotes
+// blockquote:before,
+// blockquote:after {
+//   content: "";
+// }
+
+// Addresses
+address {
+  margin-bottom: @line-height-computed;
+  font-style: normal;
+  line-height: @line-height-base;
+}
+
+.orange-text {
+  color: @orange-dark;
+}
diff --git a/services/web/frontend/stylesheets/core/utilities.less b/services/web/frontend/stylesheets/core/utilities.less
new file mode 100755
index 0000000..227ebad
--- /dev/null
+++ b/services/web/frontend/stylesheets/core/utilities.less
@@ -0,0 +1,94 @@
+//
+// Utility classes
+// --------------------------------------------------
+
+// Floats
+// -------------------------
+
+.clearfix {
+  .clearfix();
+}
+.center-block {
+  .center-block();
+}
+.pull-right {
+  float: right !important;
+}
+.pull-left {
+  float: left !important;
+}
+
+// Toggling content
+// -------------------------
+
+// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1
+.hide {
+  display: none !important;
+}
+.show {
+  display: block !important;
+}
+.invisible {
+  visibility: hidden;
+}
+.text-hide {
+  .text-hide();
+}
+
+// Hide from screenreaders and browsers
+//
+// Credit: HTML5 Boilerplate
+
+.hidden {
+  display: none !important;
+  visibility: hidden !important;
+}
+
+// For Affix plugin
+// -------------------------
+
+.affix {
+  position: fixed;
+}
+
+.w-100 {
+  width: 100%;
+}
+
+.min-vh-100 {
+  min-height: 100vh;
+}
+
+// Overflow utils
+.overflow-auto {
+  overflow: auto !important;
+}
+.overflow-hidden {
+  overflow: hidden !important;
+}
+.overflow-visible {
+  overflow: visible !important;
+}
+.overflow-scroll {
+  overflow: scroll !important;
+}
+
+.text-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+// Positioning
+.ol-overlay {
+  position: absolute;
+  z-index: 1;
+}
+
+.d-flex {
+  display: flex !important;
+}
+
+.justify-content-center {
+  justify-content: center !important;
+}
diff --git a/services/web/frontend/stylesheets/main-ieee-style.less b/services/web/frontend/stylesheets/main-ieee-style.less
new file mode 100644
index 0000000..26a18c4
--- /dev/null
+++ b/services/web/frontend/stylesheets/main-ieee-style.less
@@ -0,0 +1,42 @@
+@import 'main-style.less';
+@import 'variables/themes/ieee.less';
+
+@is-overleaf-light: false;
+
+@ieee-wedge: 30px;
+
+body > .portal-ieee {
+  padding-top: @header-height;
+}
+
+.portal-ieee {
+  .ieee-header {
+    background-color: @ieee-blue;
+    margin-bottom: @margin-xl;
+    padding-bottom: @padding-sm;
+    padding-top: @padding-sm;
+    h1 {
+      margin: 0;
+    }
+    .ieee-logo {
+      width: @navbar-brand-width;
+    }
+  }
+  .ieee-subheader {
+    background-color: @ieee-blue;
+    color: #ffffff;
+    line-height: 1;
+    padding: @padding-md @ieee-wedge;
+    position: relative;
+    &:after {
+      content: '';
+      display: block;
+      position: absolute;
+      border-style: solid;
+      left: -1px;
+      top: -1px;
+      border-color: @content-alt-bg-color transparent;
+      border-width: @ieee-wedge @ieee-wedge 0 0;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/main-light-style.less b/services/web/frontend/stylesheets/main-light-style.less
new file mode 100644
index 0000000..d9db0bd
--- /dev/null
+++ b/services/web/frontend/stylesheets/main-light-style.less
@@ -0,0 +1,4 @@
+@import 'main-style.less';
+@import 'variables/themes/light.less';
+
+@is-overleaf-light: true;
diff --git a/services/web/frontend/stylesheets/main-style.less b/services/web/frontend/stylesheets/main-style.less
new file mode 100644
index 0000000..696da82
--- /dev/null
+++ b/services/web/frontend/stylesheets/main-style.less
@@ -0,0 +1,153 @@
+@import (less) '../fonts/lato/lato.css';
+@import (less) '../fonts/dm-mono/dm-mono.css';
+@import (less) '../fonts/noto-sans/noto-sans.css';
+@import (less) '../fonts/merriweather/merriweather.css';
+@import (less) '../fonts/source-code-pro/source-code-pro.css';
+@import (less) '../fonts/STIXTwoMath/stix-two-math.css';
+@import (less) '../fonts/noto-serif/noto-serif.css';
+@import (less) '../fonts/open-dyslexic-mono/open-dyslexic-mono.css';
+@import (less) '../fonts/material-symbols/material-symbols.css';
+
+@is-overleaf-light: false;
+
+// Core variables and mixins
+@import 'variables/all.less';
+@import 'variables/css-variables.less';
+@import 'app/ol-style-guide.less';
+@import (less) '../fonts/font-awesome/font-awesome.css';
+
+@import 'core/mixins.less';
+
+// Reset
+@import 'core/normalize.less';
+@import 'core/print.less';
+
+// Vendor CSS
+@import (less) 'vendor/select/select.css';
+
+// Core CSS
+@import 'core/page.less';
+@import 'core/scaffolding.less';
+@import 'core/type.less';
+@import 'core/grid.less';
+@import 'core/accessibility.less';
+@import 'core/spacing.less';
+// Utility classes
+@import 'core/utilities.less';
+@import 'core/responsive-utilities.less';
+
+// Components
+@import 'components/tables.less';
+@import 'components/forms.less';
+@import 'components/badge.less';
+@import 'components/buttons.less';
+@import 'components/card.less';
+@import 'components/component-animations.less';
+@import 'components/dev-toolbar.less';
+@import 'components/dropdowns.less';
+@import 'components/button-groups.less';
+@import 'components/input-groups.less';
+@import 'components/navs.less';
+@import 'components/navbar.less';
+@import 'components/quote.less';
+@import 'components/footer.less';
+@import 'components/notifications.less';
+@import 'components/labels.less';
+@import 'components/loading-spinner';
+@import 'components/thumbnails.less';
+@import 'components/alerts.less';
+@import 'components/progress-bars.less';
+@import 'components/close.less';
+@import 'components/hover.less';
+@import 'components/ui-select.less';
+@import 'components/input-suggestions.less';
+@import 'components/nvd3.less';
+@import 'components/nvd3_override.less';
+@import 'components/infinite-scroll.less';
+@import 'components/expand-collapse.less';
+@import 'components/beta-badges.less';
+@import 'components/divider.less';
+@import 'components/input-switch.less';
+@import 'components/container.less';
+@import 'components/split-menu.less';
+@import 'components/list-group.less';
+@import 'components/select.less';
+@import 'components/switch.less';
+@import 'components/stepper.less';
+@import 'components/radio-chip.less';
+@import 'components/interstitial.less';
+
+// Components w/ JavaScript
+@import 'components/accordion.less';
+@import 'components/modals.less';
+@import 'components/tooltip.less';
+@import 'components/popovers.less';
+@import 'components/daterange-picker';
+@import 'components/lists.less';
+@import 'components/overbox.less';
+@import 'components/embed-responsive.less';
+@import 'components/icons.less';
+@import 'components/images.less';
+@import 'components/navs-ol.less';
+@import 'components/pagination.less';
+@import 'components/tabs.less';
+
+// ngTagsInput
+@import 'components/tags-input.less';
+
+// Overleaf app classes
+@import 'app/base.less';
+@import 'app/beta-program.less';
+@import 'app/about-page.less';
+@import 'app/project-list.less';
+@import 'app/project-list-react.less';
+@import 'app/editor.less';
+@import 'app/plans.less';
+@import 'app/recurly.less';
+@import 'app/bonus.less';
+@import 'app/register.less';
+@import 'app/blog.less';
+@import 'app/features.less';
+@import 'app/templates.less';
+@import 'app/wiki.less';
+@import 'app/translations.less';
+@import 'app/contact-us.less';
+@import 'app/subscription.less';
+@import 'app/change-plan-modal.less';
+@import 'app/group-subscription-modal.less';
+@import 'app/invite.less';
+@import 'app/error-pages.less';
+@import 'app/editor/history-v2.less';
+@import 'app/metrics.less';
+@import 'app/open-in-overleaf.less';
+@import 'app/primary-email-check';
+@import 'app/grammarly';
+@import 'app/front-chat-widget.less';
+@import 'app/ol-chat.less';
+@import 'app/templates-v2.less';
+@import 'app/login-register.less';
+@import 'app/review-features-page.less';
+@import 'app/institution-hub.less';
+@import 'app/publisher-hub.less';
+@import 'app/admin-hub.less';
+@import 'app/import.less';
+@import 'app/website-redesign.less';
+@import 'app/add-secondary-email-prompt.less';
+@import 'app/confirm-email.less';
+
+// Pages
+@import 'app/about.less';
+@import 'app/blog-posts.less';
+@import 'app/cms-page.less';
+@import 'app/content_page.less';
+@import 'app/portals.less';
+
+// module styles
+// TODO: find a way for modules to add styles dynamically
+@import 'modules/symbol-palette.less';
+@import 'modules/admin-panel.less';
+@import 'modules/git-bridge-modal.less';
+@import 'modules/group-settings.less';
+@import 'modules/onboarding.less';
+@import 'modules/writefull.less';
+@import 'modules/labs.less';
diff --git a/services/web/frontend/stylesheets/modules/admin-panel.less b/services/web/frontend/stylesheets/modules/admin-panel.less
new file mode 100644
index 0000000..e1f57a4
--- /dev/null
+++ b/services/web/frontend/stylesheets/modules/admin-panel.less
@@ -0,0 +1,37 @@
+.admin-panel-pagination {
+  display: flex;
+  justify-content: center;
+}
+
+.phase-badge {
+  display: inline-block;
+  font-size: @font-size-small;
+  white-space: nowrap;
+  text-align: center;
+  padding: 3px 7px;
+  &:extend(.label);
+  &:extend(.label-info);
+}
+
+.scrollable {
+  max-height: calc(100vh - 40vh);
+  overflow-y: auto;
+}
+
+.hr-sect {
+  display: flex;
+  flex-basis: 100%;
+  align-items: center;
+  color: rgba(0, 0, 0, 0.35);
+  margin: 8px 0;
+}
+.hr-sect:before,
+.hr-sect:after {
+  content: '';
+  flex-grow: 1;
+  background: rgba(0, 0, 0, 0.35);
+  height: 1px;
+  font-size: 0;
+  line-height: 0;
+  margin: 0 8px;
+}
diff --git a/services/web/frontend/stylesheets/modules/git-bridge-modal.less b/services/web/frontend/stylesheets/modules/git-bridge-modal.less
new file mode 100644
index 0000000..26b454d
--- /dev/null
+++ b/services/web/frontend/stylesheets/modules/git-bridge-modal.less
@@ -0,0 +1,37 @@
+.git-bridge-copy {
+  background: @neutral-10;
+  color: @neutral-90;
+  padding: @padding-sm;
+  border-radius: @border-radius-large;
+  display: flex;
+  justify-content: center;
+  gap: @padding-sm;
+  align-items: center;
+  margin: @margin-lg 0;
+
+  & code {
+    word-break: break-word;
+  }
+}
+
+.git-bridge-optional-tokens {
+  border: 1px solid @gray-lightest;
+  border-radius: @border-radius-large;
+  padding: @padding-md;
+  margin: @margin-lg 0;
+}
+
+.git-bridge-optional-tokens-header {
+  font-family: @font-family-sans-serif;
+  font-size: 120%;
+  font-weight: bold;
+  margin-bottom: @margin-sm;
+}
+
+.git-bridge-optional-tokens-actions {
+  margin-top: @margin-sm;
+}
+
+.git-bridge-modal-notification {
+  margin-bottom: @margin-sm;
+}
diff --git a/services/web/frontend/stylesheets/modules/group-settings.less b/services/web/frontend/stylesheets/modules/group-settings.less
new file mode 100644
index 0000000..90e5df0
--- /dev/null
+++ b/services/web/frontend/stylesheets/modules/group-settings.less
@@ -0,0 +1,383 @@
+h3.group-settings-title {
+  margin-bottom: 5px;
+  font-size: @font-size-large;
+}
+
+h4.group-settings-title {
+  margin-bottom: 0;
+  font-size: @font-size-base;
+}
+
+h3.group-settings-title,
+h4.group-settings-title {
+  font-family: Lato, sans-serif;
+  line-height: 28px;
+  font-weight: bold;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  margin-top: 0;
+}
+
+.enrollment-invite {
+  color: @neutral-90;
+
+  .inner-card {
+    background-color: @gray-lightest;
+    margin: 16px 0;
+    padding: 16px;
+
+    &.warning {
+      background-color: @yellow-10;
+    }
+
+    .list-row {
+      display: flex;
+      flex-direction: row;
+
+      .icon {
+        display: flex;
+        flex: 0 0 32px;
+        > span {
+          font-size: 16px;
+        }
+        padding-right: 12px;
+        font-size: 24px;
+
+        &.error {
+          color: @yellow-50;
+          margin-top: 2px;
+        }
+      }
+    }
+
+    a {
+      text-decoration: underline;
+    }
+  }
+
+  .title {
+    font-family: Lato, sans-serif;
+    font-size: @font-size-large;
+    line-height: 28px;
+    font-weight: bold;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .subtitle {
+    font-family: Lato, sans-serif;
+    font-size: @font-size-base;
+    line-height: 24px;
+    font-weight: bold;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .label {
+    color: @gray-dark;
+    font-size: @font-size-small;
+    padding-left: 0;
+    text-wrap: wrap;
+  }
+
+  .btn {
+    width: 100%;
+    margin: 8px 0;
+  }
+  .btn-link-logout {
+    width: auto;
+    margin: 0;
+  }
+}
+
+.managed-users-enabled {
+  font-family: Lato, sans-serif;
+  color: @ol-green;
+
+  .icon {
+    vertical-align: text-bottom;
+  }
+}
+
+.group-settings-sso {
+  .group-settings-sso-row {
+    margin-top: @margin-md;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .group-settings-sso-action-col {
+      margin-left: 16px;
+    }
+  }
+}
+
+.below-settings-section {
+  border-top: 1px solid @gray-lighter;
+  padding-top: 25px;
+  margin-top: 25px;
+}
+
+.sso-config-info {
+  padding: 12px 0;
+
+  .sso-config-info-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: @margin-xs;
+    padding: 0 @padding-base-horizontal 15px @padding-base-horizontal;
+    border-bottom: 1px solid @neutral-20;
+    margin-bottom: 15px;
+    flex-wrap: wrap;
+
+    .status-label {
+      font-size: @font-size-small;
+      border-radius: 4px;
+      padding: 2px 4px;
+      flex-shrink: 0;
+
+      &.status-label-valid {
+        background-color: @ol-green;
+        color: @neutral-10;
+      }
+
+      &.status-label-draft {
+        background-color: @neutral-20;
+        color: @neutral-90;
+      }
+    }
+  }
+
+  .sso-config-options-buttons {
+    display: flex;
+    gap: 8px;
+  }
+
+  .sso-config-info-section {
+    margin-bottom: @margin-md;
+    padding: 0 @padding-base-horizontal;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  .sso-config-info-label {
+    font-size: @font-size-small;
+    font-weight: bold;
+
+    .certificate-status {
+      font-weight: normal;
+
+      .material-symbols {
+        vertical-align: top;
+      }
+
+      &.certificate-valid {
+        color: @ol-green;
+      }
+
+      &.certificate-expiring-soon {
+        color: @yellow-50;
+      }
+
+      &.certificate-expired {
+        color: @red-50;
+      }
+    }
+  }
+
+  .sso-config-info-label-optional {
+    font-weight: normal;
+  }
+
+  .sso-config-info-content {
+    color: @gray-darker;
+    word-break: break-word;
+  }
+
+  .sso-config-info-content-empty {
+    color: var(--neutral-60);
+  }
+
+  p {
+    margin-bottom: @margin-xs;
+  }
+}
+
+.sso-config-modal-content {
+  .sso-config-interstitial-title {
+    margin-top: 25px;
+    font-family: Lato, sans-serif;
+    font-size: 20px;
+    font-weight: bold;
+    text-align: center;
+  }
+
+  .sso-config-modal-icon-wrapper {
+    text-align: center;
+    margin-top: 8px;
+
+    .sso-config-interstitial-icon,
+    .sso-config-test-result-icon,
+    .sso-config-test-error-icon {
+      font-size: 32px;
+      width: 80px;
+      height: 80px;
+      padding: 24px;
+      border-radius: 999px;
+      gap: 8px;
+    }
+
+    .sso-config-interstitial-icon {
+      background-color: @neutral-10;
+    }
+
+    .sso-config-test-result-icon {
+      background-color: @green-10;
+      color: @ol-green;
+    }
+
+    .sso-config-test-error-icon {
+      background-color: @red-10;
+      color: @red-50;
+    }
+  }
+
+  .has-feedback {
+    .form-control {
+      padding-right: 0;
+    }
+  }
+
+  .payload-content {
+    padding: @padding-base-horizontal;
+    border: 1px solid @neutral-20;
+    margin-top: 16px;
+    border-radius: @border-radius-base-new;
+    color: black;
+
+    .saml-response-xml-wrapper {
+      margin-top: 16px;
+      overflow: hidden;
+      background-color: @neutral-10;
+      border-radius: @border-radius-base-new;
+
+      .saml-response-header {
+        font-family: Lato, sans-serif;
+        font-size: 16px;
+        font-weight: bold;
+        padding: 0 16px;
+        border-bottom: 1px solid @neutral-20;
+        line-height: 56px;
+
+        .copy-response {
+          vertical-align: bottom;
+          margin-top: 10px;
+
+          .material-symbols {
+            vertical-align: text-top;
+          }
+        }
+      }
+
+      .saml-response-footer {
+        text-align: center;
+        line-height: 56px;
+        position: sticky;
+        bottom: 0;
+        background: linear-gradient(
+          360deg,
+          #f4f5f6 0%,
+          rgba(244, 245, 246, 0) 835.48%
+        );
+      }
+
+      .saml-response-xml {
+        font-family: 'DM Mono', monospace;
+        white-space: pre-wrap;
+        font-size: 13px;
+        word-break: break-word;
+        padding: 16px 16px 0 16px;
+        height: 100px;
+        min-height: 100px;
+
+        &.view-more {
+          height: auto;
+        }
+      }
+
+      .expand-viewer {
+        .material-symbols {
+          vertical-align: bottom;
+          font-size: 24px;
+        }
+      }
+    }
+
+    .payload-content-user-info-item {
+      margin-bottom: @margin-xs;
+      display: inline-block;
+      width: 100%;
+      overflow-wrap: break-word;
+    }
+  }
+}
+
+.certificate-wrapper {
+  .certificate-delete {
+    text-decoration: none;
+    margin-left: 16px;
+    span {
+      vertical-align: middle;
+    }
+  }
+
+  .certificate-delete,
+  .view-more {
+    padding: 0;
+  }
+}
+
+.certificate-truncated {
+  display: flex;
+  align-items: center;
+  .view-more {
+    flex-grow: 0;
+    flex-shrink: 0;
+    margin-left: 16px;
+  }
+  .certificate-delete {
+    display: inline-flex;
+  }
+}
+
+.certificate {
+  font-family: Courier, monospace;
+
+  .certificate-truncated & {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap;
+    display: inline-block;
+    flex-grow: 4;
+  }
+  .certificate-full & {
+    word-break: break-all;
+    display: block;
+  }
+}
+
+.certificate-form-row {
+  display: flex;
+
+  .certificate-input {
+    flex-grow: 11;
+  }
+
+  .certificate-delete {
+    flex-grow: 1;
+    flex-shrink: 0;
+  }
+}
diff --git a/services/web/frontend/stylesheets/modules/labs.less b/services/web/frontend/stylesheets/modules/labs.less
new file mode 100644
index 0000000..7987cf5
--- /dev/null
+++ b/services/web/frontend/stylesheets/modules/labs.less
@@ -0,0 +1,107 @@
+.labs-opt-in-wrapper {
+  color: @ol-blue-gray-3;
+
+  h1,
+  h2,
+  h3,
+  h4 {
+    color: @ol-blue-gray-3;
+  }
+
+  #experiments-container {
+    .title-row {
+      display: flex;
+    }
+    .labs-experiment-widget-container {
+      border: 1px solid @gray-lighter;
+    }
+  }
+  .labs-icon {
+    background-color: @green-50;
+    color: @white;
+    border-radius: 20%;
+    vertical-align: text-bottom;
+  }
+  p {
+    font-size: @font-size-small;
+  }
+  strong {
+    font-size: @font-size-small;
+  }
+
+  .labs-experiment-widget-container {
+    display: grid;
+    grid-template-columns: 40px 1fr auto;
+    gap: 20px;
+    align-items: center;
+    padding: 10px;
+
+    > div {
+      display: flex;
+      flex-direction: column;
+      padding-right: 20px;
+
+      &:last-child {
+        padding-right: 0px;
+      }
+    }
+
+    img {
+      width: 36px;
+      height: 36px;
+    }
+
+    .experiment-logo-container {
+      padding: 2px;
+    }
+
+    .title-row {
+      margin: 0;
+      margin-bottom: 10px;
+
+      > h3 {
+        margin: 0;
+        margin-right: 10px;
+      }
+    }
+
+    p {
+      margin-bottom: 10px;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+
+  @media (max-width: @screen-xs-max) {
+    .labs-experiment-widget-container {
+      grid-template-columns: 1fr;
+    }
+  }
+}
+
+.labs-experiment-widget-container.disabled-experiment {
+  grid-template-columns: 40px 3fr 1fr auto;
+
+  .disabled-explanation {
+    color: @content-secondary;
+  }
+
+  h3,
+  p {
+    color: @content-disabled;
+  }
+}
+
+.disabled-experiment {
+  .ai-error-assistant-avatar {
+    filter: grayscale(0.6);
+  }
+}
+
+.labs-opt-in {
+  .form-group {
+    margin-top: 15px;
+  }
+}
diff --git a/services/web/frontend/stylesheets/modules/onboarding.less b/services/web/frontend/stylesheets/modules/onboarding.less
new file mode 100644
index 0000000..ddff664
--- /dev/null
+++ b/services/web/frontend/stylesheets/modules/onboarding.less
@@ -0,0 +1,125 @@
+.onboarding-data-collection-wrapper {
+  max-width: 720px;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+
+  .onboarding-data-collection-form {
+    background: #fff;
+    padding: 24px;
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+  }
+
+  .ui-select-container,
+  .select-wrapper {
+    label {
+      font-size: 14px; // override DownshiftInput and Select component label size
+    }
+
+    .select-items {
+      max-height: 150px;
+    }
+
+    .select-trigger {
+      border: 1px solid @neutral-60;
+      color: @neutral-60;
+    }
+  }
+
+  .onboarding-question-title {
+    font-size: 20px;
+    border-bottom: none;
+  }
+
+  p {
+    font-size: 16px;
+    margin-bottom: 16px;
+  }
+
+  .logo {
+    width: 130px;
+    margin: 0 auto;
+  }
+
+  form {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+
+    .group-horizontal {
+      display: flex;
+      justify-content: stretch;
+      gap: 24px;
+
+      @media (max-width: @screen-xs-max) {
+        flex-direction: column;
+        gap: 0;
+      }
+
+      .form-group {
+        flex-grow: 1;
+      }
+    }
+
+    .form-actions {
+      display: flex;
+      justify-content: space-between;
+
+      > div {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+      }
+    }
+  }
+
+  .onboarding-step-2 {
+    .checkbox {
+      margin: 0;
+
+      p {
+        margin-bottom: 0;
+      }
+
+      label {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+
+        input {
+          margin-right: 4px;
+        }
+      }
+    }
+  }
+
+  .onboarding-collapse-button {
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    color: @blue-50;
+    user-select: none;
+  }
+
+  .onboarding-collapse-button,
+  .onboarding-privacy-extended {
+    @media (max-width: @screen-xs-max) {
+      padding: 0 24px;
+    }
+  }
+}
+
+.onboarding-data-collection-form-margin {
+  @media (max-width: @screen-xs-max) {
+    margin-bottom: 100px;
+  }
+}
+
+.compromised-password-content {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
diff --git a/services/web/frontend/stylesheets/modules/symbol-palette.less b/services/web/frontend/stylesheets/modules/symbol-palette.less
new file mode 100644
index 0000000..d99557b
--- /dev/null
+++ b/services/web/frontend/stylesheets/modules/symbol-palette.less
@@ -0,0 +1,175 @@
+.symbol-palette-container {
+  height: 100%;
+  width: 100%;
+  position: relative;
+
+  .symbol-palette {
+    display: flex;
+    flex-direction: column;
+    background: @symbol-palette-bg;
+    color: @symbol-palette-color;
+    width: 100%;
+    height: 100%;
+    min-height: 220px; // allow space for the overlay contents
+  }
+
+  .symbol-palette-header-outer {
+    flex-shrink: 0;
+    display: flex;
+    flex-wrap: nowrap;
+    justify-content: space-between;
+    align-items: flex-start;
+    font-family: @font-family-sans-serif;
+    font-size: 16px;
+    background: @symbol-palette-header-background;
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
+  }
+
+  .symbol-palette-header {
+    flex: 1;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+  .symbol-palette-tab-list[role='tablist'] {
+    background: none;
+    border-bottom: none;
+    flex-wrap: wrap;
+  }
+
+  .symbol-palette-tab[role='tab'] {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    background: none;
+    border: none;
+    border-bottom: 1px solid transparent;
+    color: inherit;
+    cursor: pointer;
+    display: inline-block;
+    font: inherit;
+    margin: 0;
+    padding: 0.25em 0.5em;
+
+    &[aria-selected='true'] {
+      background: @symbol-palette-selected-tab-bg;
+      color: @symbol-palette-selected-tab-color;
+    }
+
+    &:disabled {
+      cursor: default;
+      opacity: 0.25;
+    }
+  }
+
+  .symbol-palette-body {
+    flex: 1;
+    overflow-y: auto;
+  }
+
+  .symbol-palette-items {
+    display: flex;
+    flex-wrap: wrap;
+    padding: @padding-xs;
+  }
+
+  .symbol-palette-item {
+    font-family: 'Stix Two Math', serif;
+    font-size: 24px;
+    line-height: 42px;
+    height: 42px;
+    width: 42px;
+    margin: @margin-xs;
+    color: @symbol-palette-item-color;
+    background: @symbol-palette-item-bg;
+    border: 1px solid transparent;
+    border-radius: @border-radius-base;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .symbol-palette-item-command {
+    font-family: monospace;
+    font-weight: bold;
+  }
+
+  .symbol-palette-item-notes {
+    margin-top: @margin-xs;
+  }
+
+  .symbol-palette-empty {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: @padding-sm;
+  }
+
+  .symbol-palette-search {
+    padding: 2px @padding-sm;
+    margin: @margin-xs;
+    line-height: 1;
+    height: auto;
+    width: auto;
+  }
+
+  .symbol-palette-header-group {
+    display: flex;
+    align-items: center;
+    white-space: nowrap;
+    margin-left: @margin-xs;
+  }
+
+  .symbol-palette-info-link,
+  .symbol-palette-info-link:focus,
+  .symbol-palette-info-link:hover {
+    color: inherit;
+  }
+
+  .symbol-palette-close-button {
+    background: transparent;
+    opacity: 1;
+    float: none;
+    text-shadow: none;
+    color: @symbol-palette-color;
+    padding: 4px @padding-sm;
+    margin-left: @margin-xs;
+    font-size: 24px;
+    font-weight: bold;
+    line-height: 1;
+  }
+
+  .symbol-palette-overlay {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    background: fade(@symbol-palette-bg, 75%);
+    color: @symbol-palette-color;
+    display: flex;
+    flex-direction: column;
+    padding: 0 @padding-lg @padding-sm;
+    align-items: center;
+    text-shadow: 0 0 8px @symbol-palette-text-shadow-color;
+    min-height: 200px;
+    overflow: auto;
+
+    h4 {
+      font-weight: bold;
+      color: @symbol-palette-color;
+      text-align: center;
+    }
+
+    .symbol-palette-close-button {
+      position: absolute;
+      top: 0;
+      right: 0;
+    }
+
+    .upgrade-benefits {
+      column-count: 2;
+    }
+  }
+}
diff --git a/services/web/frontend/stylesheets/modules/writefull.less b/services/web/frontend/stylesheets/modules/writefull.less
new file mode 100644
index 0000000..3957300
--- /dev/null
+++ b/services/web/frontend/stylesheets/modules/writefull.less
@@ -0,0 +1,12 @@
+.writefull-loading-bar {
+  font-size: @font-size-small;
+  height: 40px;
+  justify-content: center;
+}
+
+.writefull-error-notification {
+  margin: 48px 64px;
+  width: 100%;
+  max-width: 520px;
+  text-align: left;
+}
diff --git a/services/web/frontend/stylesheets/variables/all.less b/services/web/frontend/stylesheets/variables/all.less
new file mode 100644
index 0000000..428e410
--- /dev/null
+++ b/services/web/frontend/stylesheets/variables/all.less
@@ -0,0 +1,1087 @@
+@import 'colors.less';
+@import 'z-index.less';
+@import 'border-radius.less';
+
+//
+// Variables
+// --------------------------------------------------
+
+@editor-header-logo-background: url(../../../public/img/ol-brand/overleaf-o-white.svg)
+  center / contain no-repeat;
+@editor-header-logo-background-active: url(../../../public/img/ol-brand/overleaf-o-white.svg)
+  center / contain no-repeat;
+@editor-loading-logo-padding-top: 115.44%;
+@editor-loading-logo-background-url: url(../../../public/img/ol-brand/overleaf-o-grey.svg);
+@editor-loading-logo-foreground-url: url(../../../public/img/ol-brand/overleaf-o.svg);
+@editor-search-count-color: @neutral-70;
+
+//== Scaffolding
+//
+// ## Settings for some of the most global styles.
+
+//** Background color for `<body>`.
+@body-bg: #fff;
+//** Global text color on `<body>`.
+@text-color: @content-secondary;
+
+//** Global textual link color.
+@link-color: @blue;
+@link-active-color: @green-darker;
+//** Link hover color set via `darken()` function.
+@link-hover-color: @blue-dark;
+
+@link-color-alt: @green-dark;
+@link-hover-color-alt: @green-darker;
+@hr-border-alt: @gray-lighter;
+
+//== Typography
+//
+//## Font, line-height, and color for body text, headings, and more.
+@font-family-sans-serif: 'Lato', sans-serif;
+@font-family-serif: 'Merriweather', serif;
+
+//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
+@font-family-monospace: Menlo, Monaco, Consolas, 'Courier New', monospace;
+@font-family-base: @font-family-sans-serif;
+
+@font-size-base: 16px;
+@font-size-large: ceil((@font-size-base * 1.25)); // ~20px
+@font-size-small: ceil((@font-size-base * 0.85)); // ~14px
+@font-size-extra-small: ceil((@font-size-base * 0.7)); // ~12px
+
+@font-size-h1: floor((@font-size-base * 2)); // ~32px
+@font-size-h2: floor((@font-size-base * 1.6)); // ~25px
+@font-size-h3: ceil((@font-size-base * 1.25)); // ~20px
+@font-size-h4: ceil((@font-size-base * 1.1)); // ~18px
+@font-size-h5: @font-size-base;
+@font-size-h6: ceil((@font-size-base * 0.85)); // ~14px
+
+//** Unit-less `line-height` for use in components like buttons.
+@line-height-base: 1.5625; // 20/14
+//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
+@line-height-computed: floor((@font-size-base * @line-height-base)); // ~25px
+
+//** By default, this inherits from the `<body>`.
+@headings-font-family: @font-family-serif;
+@headings-font-weight: 500;
+@headings-line-height: 1.35;
+@headings-color: @content-primary;
+
+//-- Iconography
+//
+//## Specify custom locations of the include Glyphicons icon font. Useful for those including Bootstrap via Bower.
+
+@icon-font-path: '../fonts/';
+@icon-font-name: 'glyphicons-halflings-regular';
+@icon-font-svg-id: 'glyphicons_halflingsregular';
+
+//== Components
+//
+//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
+
+@margin-xs: 5px;
+@margin-sm: 10px;
+@margin-md: 20px;
+@margin-lg: 30px;
+@margin-xl: 40px;
+@margin-xxl: 50px;
+
+@padding-base-vertical: 5px;
+@padding-base-horizontal: 16px;
+
+@padding-large-vertical: 10px;
+@padding-large-horizontal: 16px;
+
+@padding-small-vertical: 5px;
+@padding-small-horizontal: 10px;
+
+@padding-xs-vertical: @border-size; // border size is removed in .button-size mixin
+@padding-xs-horizontal: 8px;
+
+@padding-xs: 5px;
+@padding-sm: 10px;
+@padding-md: 20px;
+@padding-lg: 30px;
+@padding-xl: 40px;
+@padding-xxl: 50px;
+
+@line-height-large: 1.33;
+@line-height-small: 1.5;
+
+@border-width-sm: 1px;
+@border-width-base: 3px; // only used by plans and cards
+@border-size: 1px;
+@border-color-base: @neutral-60;
+@border-color-disabled: @color-disabled;
+
+@spacing-00: 0px;
+@spacing-01: 2px;
+@spacing-02: 4px;
+@spacing-03: 6px;
+@spacing-04: 8px;
+@spacing-05: 12px;
+@spacing-06: 16px;
+@spacing-07: 20px;
+@spacing-08: 24px;
+@spacing-09: 32px;
+@spacing-10: 40px;
+@spacing-11: 48px;
+@spacing-12: 56px;
+@spacing-13: 64px;
+@spacing-14: 72px;
+@spacing-15: 80px;
+@spacing-16: 96px;
+
+@font-size-01: 0.75rem; // 12px
+@font-size-02: 0.875rem; // 14px
+@font-size-03: 1rem; // 16px
+@font-size-04: 1.125rem; // 18px
+@font-size-05: 1.25rem; // 20px
+@font-size-06: 1.5rem; // 24px
+@font-size-07: 1.875rem; // 30px
+@font-size-08: 2.25rem; // 36px
+@font-size-09: 3rem; // 48px
+@font-size-10: 3.25rem; // 52px
+@font-size-11: 3.75rem; // 60px
+@font-size-12: 4.5rem; // 72px
+@font-size-13: 6rem; // 96px
+@font-size-body-base: @font-size-03;
+
+@line-height-01: 1rem; // 16px
+@line-height-02: 1.25rem; // 20px
+@line-height-03: 1.5rem; // 24px
+@line-height-04: 1.75rem; // 28px
+@line-height-05: 2rem; // 32px
+@line-height-06: 2.5rem; // 40px
+@line-height-07: 3rem; // 48px
+@line-height-08: 4rem; // 64px
+@line-height-09: 4.25rem; // 68px
+@line-height-10: 5rem; // 80px
+@line-height-11: 6rem; // 96px
+@line-height-12: 8rem; // 128px
+
+//** Horizontal line color.
+@hr-border: @neutral-20;
+
+@btn-switch-color: @neutral-70;
+@btn-switch-hover-color: darken(@neutral-70, 8%);
+
+//** Global color for active items (e.g., navs or dropdowns).
+@component-active-color: #fff;
+//** Global background color for active items (e.g., navs or dropdowns).
+@component-active-bg: @brand-primary;
+
+//** Width of the `border` for generating carets that indicator dropdowns.
+@caret-width-base: 4px;
+//** Carets increase slightly in size for larger components.
+@caret-width-large: 5px;
+
+//== Tables
+//
+//## Customizes the `.table` component with basic values, each used across all table variations.
+
+//** Padding for `<th>`s and `<td>`s.
+@table-cell-padding: 8px;
+//** Padding for cells in `.table-condensed`.
+@table-condensed-cell-padding: 5px;
+
+//** Default background color used for all tables.
+@table-bg: transparent;
+//** Background color used for `.table-striped`.
+@table-bg-accent: #f9f9f9;
+//** Background color used for `.table-hover`.
+@table-bg-hover: #f5f5f5;
+@table-bg-active: @table-bg-hover;
+
+//** Border color for table and cell borders.
+@table-border-color: @neutral-20;
+
+//== Buttons
+//
+//## For each of Bootstrap's buttons, define text, background and border color.
+
+@btn-font-weight: 700;
+
+@btn-default-color: #fff;
+@btn-default-bg: @neutral-70;
+@btn-default-border: transparent;
+
+@btn-primary-color: #fff;
+@btn-primary-bg: @green;
+@btn-primary-border: transparent;
+
+@btn-info-color: #fff;
+@btn-info-bg: @blue;
+@btn-info-border: transparent;
+
+@btn-info-ghost-color: @blue-50;
+@btn-info-ghost-bg: transparent;
+@btn-info-ghost-border: transparent;
+
+@btn-warning-color: #fff;
+@btn-warning-bg: @orange;
+@btn-warning-border: transparent;
+
+@btn-danger-color: #fff;
+@btn-danger-bg: @red;
+@btn-danger-border: transparent;
+
+@btn-danger-ghost-color: @red-50;
+@btn-danger-ghost-bg: transparent;
+@btn-danger-ghost-border: transparent;
+
+@btn-link-disabled-color: @gray-light;
+
+//== Forms
+//
+//##
+
+//** `<input>` background color
+@input-bg: #fff;
+//** `<input disabled>` background color
+@input-bg-disabled: @color-disabled;
+
+//** Text color for `<input>`s
+@input-color: @neutral-90;
+//** `<input>` border color
+@input-border: @border-color-base;
+//** `<input>` border radius
+@input-border-radius: 4px;
+//** Border color for inputs on focus
+@input-border-focus: @blue-50;
+//** Bordersize for inputs
+@input-border-size: @border-size;
+@input-padding: @padding-sm;
+
+//** Placeholder text color
+@input-color-placeholder: @neutral-60;
+
+//** Default `.form-control` height
+@input-height-base: @line-height-computed + (@padding-base-vertical * 2); // Make inputs at least the height of their button counterpart. buttons and inputs have same border height
+//** Large `.form-control` height
+@input-height-large: (
+  ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) +
+    2
+);
+//** Small `.form-control` height
+@input-height-small: (
+  floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) +
+    2
+);
+
+@legend-color: @gray-dark;
+@legend-border-color: #e5e5e5;
+
+//** Background color for textual input addons
+@input-group-addon-bg: @gray-lighter;
+//** Border color for textual input addons
+@input-group-addon-border-color: @input-border;
+
+//== Dropdowns
+//
+//## Dropdown menu container and contents.
+
+//** Background for the dropdown menu.
+@dropdown-bg: #fff;
+//** Dropdown menu `border-color`.
+@dropdown-border: rgba(0, 0, 0, 0.15);
+//** Dropdown menu `border-color` **for IE8**.
+@dropdown-fallback-border: #ccc;
+//** Divider color for between dropdown items.
+@dropdown-divider-bg: #e5e5e5;
+
+//** Dropdown link text color.
+@dropdown-link-color: @gray-dark;
+//** Hover color for dropdown links.
+@dropdown-link-hover-color: #fff;
+//** Hover background for dropdown links.
+@dropdown-link-hover-bg: @brand-primary;
+
+//** Active dropdown menu item text color.
+@dropdown-link-active-color: @component-active-color;
+//** Active dropdown menu item background color.
+@dropdown-link-active-bg: @component-active-bg;
+
+//** Disabled dropdown menu item background color.
+@dropdown-link-disabled-color: @gray-light;
+
+//** Text color for headers within dropdown menus.
+@dropdown-header-color: @gray-light;
+
+// Note: Deprecated @dropdown-caret-color as of v3.1.0
+@dropdown-caret-color: #000;
+
+//== List group
+//
+//##
+
+//** Background color on `.list-group-item`
+@list-group-bg: #fff;
+//** `.list-group-item` border color
+@list-group-border: #ddd;
+//** List group border radius
+@list-group-border-radius: @border-radius-base;
+
+//** Background color of single list elements on hover
+@list-group-hover-bg: @component-active-bg;
+//** Text color of single list elements on hover
+@list-group-hover-color: @component-active-color;
+//** Text color of active list elements
+@list-group-active-color: @component-active-color;
+//** Background color of active list elements
+@list-group-active-bg: @component-active-bg;
+//** Border color of active list elements
+@list-group-active-border: @list-group-active-bg;
+@list-group-active-text-color: lighten(@list-group-active-bg, 40%);
+
+@list-group-link-color: #555;
+@list-group-link-heading-color: #333;
+
+//-- Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+//
+// Note: These variables are not generated into the Customizer.
+
+@zindex-navbar: 1000;
+@zindex-dropdown: 1000;
+@zindex-navbar-fixed: 1030;
+@zindex-modal-background: 1040;
+@zindex-modal: 1050;
+@zindex-popover: 1060;
+@zindex-tooltip: 1070;
+
+//== Media queries breakpoints
+//
+//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
+
+// Extra small screen / phone
+// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
+@screen-xs: 480px;
+@screen-xs-min: @screen-xs;
+@screen-phone: @screen-xs-min;
+
+// Small screen / tablet
+// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
+@screen-sm: 768px;
+@screen-sm-min: @screen-sm;
+@screen-tablet: @screen-sm-min;
+
+// Medium screen / small desktop
+// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
+@screen-md: 992px;
+@screen-md-min: @screen-md;
+@screen-desktop: @screen-md-min;
+
+// Large screen / desktop
+// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
+@screen-lg: 1200px;
+@screen-lg-min: @screen-lg;
+@screen-lg-desktop: @screen-lg-min;
+
+// Extra large screen / wide desktop
+@screen-xl: 1400px;
+@screen-xl-min: @screen-xl;
+@screen-xl-desktop: @screen-xl-min;
+
+// So media queries don't overlap when required, provide a maximum
+@screen-xs-max: (@screen-sm-min - 1);
+@screen-sm-max: (@screen-md-min - 1);
+@screen-md-max: (@screen-lg-min - 1);
+@screen-lg-max: (@screen-xl-min - 1);
+
+//== Grid system
+//
+//## Define your custom responsive grid.
+
+//** Number of columns in the grid.
+@grid-columns: 12;
+//** Padding between columns. Gets divided in half for the left and right.
+@grid-gutter-width: 30px;
+@grid-gutter-width-new: 32px; // for website-redesign because the usage of 16px padding
+// Navbar collapse
+//** Point at which the navbar becomes uncollapsed.
+@grid-float-breakpoint: @screen-md-min;
+//** Point at which the navbar begins collapsing.
+@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
+
+//== Container sizes
+//
+//## Define the maximum width of `.container` for different screen sizes.
+
+// Small screen / tablet
+@container-tablet: ((720px + @grid-gutter-width));
+//** For `@screen-sm-min` and up.
+@container-sm: @container-tablet;
+
+// Medium screen / small desktop
+@container-desktop: ((940px + @grid-gutter-width));
+//** For `@screen-md-min` and up.
+@container-md: @container-desktop;
+
+// Large screen / desktop
+@container-large-desktop: ((1140px + @grid-gutter-width));
+//** For `@screen-lg-min` and up.
+@container-lg: @container-large-desktop;
+
+// Extra large screen / wide desktop
+@container-wide-desktop: ((1248px + @grid-gutter-width-new)); // 1280px
+//** For `@screen-xl-min` and up.
+@container-xl: @container-wide-desktop;
+
+//== Navbar
+//
+//##
+
+// Basics of a navbar
+@navbar-height: 60px;
+@navbar-margin-bottom: 0;
+@navbar-border-radius: 0;
+@navbar-padding-horizontal: floor((@grid-gutter-width / 2));
+@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
+
+@navbar-default-color: #fff;
+@navbar-default-color-website-redesign: @neutral-90;
+@navbar-default-bg: @neutral-90;
+@navbar-default-bg-website-redesign: @white;
+@navbar-default-border: transparent;
+
+// Navbar links
+@navbar-default-link-color: #fff;
+@navbar-default-link-color-website-redesign: @neutral-90;
+@navbar-default-link-border-color: @navbar-default-link-color;
+@navbar-default-link-hover-color: @green;
+@navbar-default-link-hover-bg: @green;
+@navbar-default-link-hover-bg-website-redesign: @neutral-90;
+@navbar-default-link-active-color: #fff;
+@navbar-default-link-active-color-website-redesign: @neutral-90;
+@navbar-default-link-active-bg: @green;
+@navbar-default-link-active-bg-website-redesign: @neutral-90;
+@navbar-default-link-disabled-color: #ccc;
+@navbar-default-link-disabled-color-website-redesign: @neutral-80;
+@navbar-default-link-disabled-bg: transparent;
+
+// Navbar brand label
+@navbar-default-brand-color: @navbar-default-link-color;
+@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%);
+@navbar-default-brand-hover-bg: transparent;
+
+// Navbar toggle
+@navbar-default-toggle-hover-bg: @link-hover-color;
+@navbar-default-toggle-hover-bg-website-redesign: @neutral-90;
+@navbar-default-toggle-border-color: @link-color;
+@navbar-default-toggle-border-color-website-redesign: @neutral-90;
+
+//== Navs
+//
+//##
+
+//=== Shared nav styles
+@nav-link-padding: 10px 15px;
+@nav-link-hover-bg: @link-color;
+
+@nav-disabled-link-color: @gray-light;
+@nav-disabled-link-hover-color: @gray-light;
+
+@nav-open-link-hover-color: #fff;
+
+//== Tabs
+@nav-tabs-border-color: #ddd;
+
+@nav-tabs-link-hover-border-color: @link-color;
+
+@nav-tabs-active-link-hover-bg: @body-bg;
+@nav-tabs-active-link-hover-color: @gray;
+@nav-tabs-active-link-hover-border-color: #ddd;
+
+@nav-tabs-justified-link-border-color: #ddd;
+@nav-tabs-justified-active-link-border-color: @body-bg;
+
+//== Pills
+@nav-pills-link-color: @btn-default-bg;
+@nav-pills-link-hover-color: @nav-link-hover-bg;
+@nav-pills-link-hover-bg: darken(@neutral-70, 8%); // match button-variant mixin
+@nav-pills-border-radius: @border-radius-base;
+@nav-pills-active-link-hover-bg: @green-darker;
+@nav-pills-active-link-hover-color: @component-active-color;
+
+//== Pagination
+//
+//##
+
+@pagination-color: @green-darker;
+@pagination-bg: #fff;
+@pagination-border: @gray-lighter;
+
+@pagination-hover-color: @green-darker;
+@pagination-hover-bg: @gray-lightest;
+@pagination-hover-border: @gray-lighter;
+
+@pagination-active-color: #fff;
+@pagination-active-bg: @green-darker;
+@pagination-active-border: @gray-lighter;
+
+@pagination-disabled-color: @gray-dark;
+@pagination-disabled-bg: @gray-lightest;
+@pagination-disabled-border: @gray-lighter;
+
+// Plans
+@table-hover-bg: @neutral-10;
+@plans-non-highlighted: white;
+
+//== Form states and alerts
+//
+//## Define colors for form feedback states and, by default, alerts.
+
+@state-success-text: @brand-success;
+@state-success-bg: lighten(@brand-success, 50%);
+@state-success-border: @brand-success;
+
+@state-info-text: @content-secondary;
+@state-info-bg: lighten(@brand-info, 47%);
+@state-info-border: @content-secondary;
+
+@state-warning-text: @brand-warning;
+@state-warning-bg: lighten(@brand-warning, 45%);
+@state-warning-border: @brand-warning;
+
+@state-danger-text: @brand-danger;
+@state-danger-bg: lighten(@brand-danger, 50%);
+@state-danger-border: @brand-danger;
+
+//== Tooltips
+//
+//##
+
+//** Tooltip max width
+@tooltip-max-width: 220px;
+//** Tooltip text color
+@tooltip-color: #fff;
+//** Tooltip background color
+@tooltip-bg: #000;
+@tooltip-opacity: 0.9;
+
+//** Tooltip arrow width
+@tooltip-arrow-width: 5px;
+//** Tooltip arrow color
+@tooltip-arrow-color: @tooltip-bg;
+
+//== Popovers
+//
+//##
+
+//** Popover body background color
+@popover-bg: #fff;
+//** Popover maximum width
+@popover-max-width: 276px;
+//** Popover border color
+@popover-border-color: rgba(0, 0, 0, 0.2);
+//** Popover fallback border color
+@popover-fallback-border-color: #ccc;
+
+//** Popover title background color
+@popover-title-bg: darken(@popover-bg, 3%);
+
+//** Popover arrow width
+@popover-arrow-width: 10px;
+//** Popover arrow color
+@popover-arrow-color: #fff;
+
+//** Popover outer arrow width
+@popover-arrow-outer-width: (@popover-arrow-width + 1);
+//** Popover outer arrow color
+@popover-arrow-outer-color: fadein(@popover-border-color, 5%);
+//** Popover outer arrow fallback color
+@popover-arrow-outer-fallback-color: darken(
+  @popover-fallback-border-color,
+  20%
+);
+
+//== Popovers dark theme
+//
+//##
+//** Popover body background color
+@popover-dark-bg: #000;
+//** Popover font color
+@popover-dark-color: #fff;
+//** Popover maximum width
+@popover-dark-max-width: 512px;
+//** Popover border color
+@popover-dark-border-color: #000;
+
+//** Popover title background color
+@popover-dark-title-bg: #000;
+
+//** Popover arrow color
+@popover-dark-arrow-color: #000;
+
+//** Popover outer arrow color
+@popover-dark-arrow-outer-color: fadein(@popover-dark-border-color, 5%);
+
+//== Labels
+//
+//##
+
+//** Default label background color
+@label-default-bg: @gray-light;
+//** Primary label background color
+@label-primary-bg: @brand-primary;
+//** Success label background color
+@label-success-bg: @brand-success;
+//** Info label background color
+@label-info-bg: @brand-info;
+//** Warning label background color
+@label-warning-bg: @brand-warning;
+//** Danger label background color
+@label-danger-bg: @brand-danger;
+
+//** Default label text color
+@label-color: #fff;
+//** Default text color of a linked label
+@label-link-hover-color: #fff;
+
+//== Modals
+//
+//##
+
+//** Padding applied to the modal body
+@modal-inner-padding: 20px;
+
+//** Padding applied to the modal title
+@modal-title-padding: 15px;
+//** Modal title line-height
+@modal-title-line-height: @line-height-base;
+
+//** Background color of modal content area
+@modal-content-bg: #fff;
+//** Modal content border color
+@modal-content-border-color: rgba(0, 0, 0, 0.2);
+//** Modal content border color **for IE8**
+@modal-content-fallback-border-color: #999;
+
+//** Modal backdrop background color
+@modal-backdrop-bg: #000;
+//** Modal backdrop opacity
+@modal-backdrop-opacity: 0.5;
+//** Modal header border color
+@modal-header-border-color: #e5e5e5;
+//** Modal footer border color
+@modal-footer-border-color: @modal-header-border-color;
+@modal-footer-background-color: @gray-lightest;
+
+@modal-lg: 900px;
+@modal-md: 600px;
+@modal-sm: 300px;
+
+//== Alerts
+//
+//## Define alert colors, border radius, and padding.
+
+@alert-padding: 15px;
+@alert-border-radius: @border-radius-base;
+@alert-link-font-weight: bold;
+
+@alert-success-bg: @brand-success;
+@alert-success-text: #fff;
+@alert-success-border: transparent;
+
+@alert-info-bg: @brand-info;
+@alert-info-text: #fff;
+@alert-info-border: transparent;
+
+@alert-info-alt-bg: @v2-dash-pane-bg;
+@alert-info-alt-text: @v2-dash-pane-subdued-color;
+@alert-info-alt-border: transparent;
+
+@alert-warning-bg: @brand-warning;
+@alert-warning-text: #fff;
+@alert-warning-border: transparent;
+
+@alert-danger-bg: @brand-danger;
+@alert-danger-text: #fff;
+@alert-danger-border: transparent;
+
+@alert-alt-bg: @neutral-20;
+@alert-alt-text: @content-secondary;
+@alert-alt-border: transparent;
+
+//== Progress bars
+//
+//##
+
+//** Background color of the whole progress component
+@progress-bg: white;
+@progress-border-color: @gray-lighter;
+//** Progress bar text color
+@progress-bar-color: #fff;
+
+//** Default progress bar color
+@progress-bar-bg: @neutral-70;
+//** Success progress bar color
+@progress-bar-success-bg: @green;
+//** Warning progress bar color
+@progress-bar-warning-bg: @brand-warning;
+//** Danger progress bar color
+@progress-bar-danger-bg: @red;
+//** Info progress bar color
+@progress-bar-info-bg: @blue;
+
+//== Thumbnails
+//
+//##
+
+//** Padding around the thumbnail image
+@thumbnail-padding: 4px;
+//** Thumbnail background color
+@thumbnail-bg: @body-bg;
+//** Thumbnail border color
+@thumbnail-border: #ddd;
+//** Thumbnail border radius
+@thumbnail-border-radius: @border-radius-base;
+
+//** Custom text color for thumbnail captions
+@thumbnail-caption-color: @text-color;
+//** Padding around the thumbnail caption
+@thumbnail-caption-padding: 9px;
+
+//== Close
+//
+//##
+
+@close-font-weight: bold;
+@close-color: #000;
+@close-text-shadow: 0 1px 0 #fff;
+
+//== Type
+//
+//##
+
+//** Text muted color
+@text-muted: @gray-light;
+//** Abbreviations and acronyms border color
+@abbr-border-color: @gray-light;
+//** Headings small color
+@headings-small-color: @gray-light;
+//** Blockquote small color
+@blockquote-small-color: @neutral-60;
+//** Blockquote font size
+@blockquote-font-size: (@font-size-base * 1.125);
+//** Blockquote border color
+@blockquote-border-color: @gray-lighter;
+//** Page header border color
+@page-header-border-color: @hr-border;
+
+//== Miscellaneous
+@editor-search-count-color: @neutral-70;
+//##
+
+//** Horizontal offset for forms and lists.
+@component-offset-horizontal: 180px;
+
+@content-margin-vertical: @line-height-computed;
+
+@left-menu-width: 340px;
+@left-menu-animation-duration: 0.35s;
+
+@toolbar-border-color: @neutral-80;
+@toolbar-header-btn-border-color: @toolbar-border-color;
+@toolbar-btn-height: 26px;
+@common-border-color: @gray-lighter;
+@editor-border-color: @neutral-80;
+
+@editor-dark-background-color: #333;
+@editor-dark-toolbar-border-color: #222;
+@editor-dark-highlight-color: #ffa03a;
+
+// Custom
+@header-height: 68px;
+@footer-height: 50px;
+
+// Backgrounds
+@content-alt-bg-color: @neutral-10;
+
+// Typography
+@text-small-color: @content-secondary;
+
+// Navbar
+@navbar-title-color: @neutral-20;
+@navbar-title-color-hover: @neutral-40;
+@navbar-default-padding-v: (@grid-gutter-width / 2);
+@navbar-default-padding-h: 10px;
+@navbar-default-padding: @navbar-default-padding-v @navbar-default-padding-h;
+@navbar-brand-width: 130px;
+@navbar-btn-font-size: @font-size-base;
+@navbar-btn-border-radius: @btn-border-radius-base;
+@navbar-btn-font-weight: 400;
+@navbar-btn-padding: (@padding-base-vertical - 1) @padding-base-horizontal
+  @padding-base-vertical;
+@navbar-btn-line-height: @line-height-base;
+@navbar-subdued-padding: (@padding-base-vertical + 1)
+  (@padding-base-horizontal + 1) (@padding-base-vertical + 2);
+@navbar-subdued-color: #fff;
+@navbar-subdued-color-website-redesign: @neutral-90;
+@navbar-subdued-hover-bg: #fff;
+@navbar-subdued-hover-bg-website-redesign: @neutral-90;
+@navbar-subdued-hover-color: @green;
+@navbar-subdued-hover-color-website-redesign: #fff;
+@navbar-brand-image-url: url(../../../public/img/ol-brand/overleaf-white.svg);
+@navbar-brand-image-url-website-redesign: url(../../../public/img/ol-brand/overleaf-black.svg);
+
+@dropdown-divider-margin: 6px;
+@dropdown-item-padding: 4px 20px;
+@navbar-default-link-bg: transparent;
+
+// Button colors and sizing
+@btn-border-radius-large: 9999px;
+@btn-border-radius-base: 9999px;
+@btn-border-radius-small: 9999px;
+@btn-border-width: 0;
+@btn-border-bottom-width: 0;
+@btn-primary-hover-bg-color: @green-dark;
+@btn-secondary-hover-bg-color: @neutral-20;
+
+// Shadows
+@box-shadow:
+  0px 4px 12px rgba(30, 37, 48, 0.12),
+  0px 2px 4px rgba(30, 37, 48, 0.08);
+
+// Cards
+@card-border-radius: @border-radius-base-new;
+@card-gray-bg-color: @neutral-10; // only some variations of cards
+@card-box-shadow: @box-shadow; // only some variations of cards
+
+// Project table
+@structured-list-link-color: @blue;
+@structured-header-border-color: shade(@neutral-20, 5%);
+@structured-list-border-color: @neutral-20;
+@structured-list-hover-color: lighten(@neutral-20, 5%);
+@structured-list-line-height: 2.5;
+
+// Sidebar
+@sidebar-bg: @neutral-80;
+@sidebar-color: @neutral-40;
+@sidebar-link-color: #fff;
+@sidebar-active-border-radius: 0;
+@sidebar-active-bg: @neutral-90;
+@sidebar-active-color: #fff;
+@sidebar-active-font-weight: 700;
+@sidebar-hover-bg: @neutral-70;
+@sidebar-hover-text-decoration: none;
+@v2-dash-pane-bg: @neutral-70;
+@v2-dash-pane-link-color: #fff;
+@v2-dash-pane-color: #fff;
+@v2-dash-pane-subdued-color: @neutral-20;
+@v2-dash-pane-toggle-color: #fff;
+@v2-dash-pane-btn-bg: @neutral-80;
+@v2-dash-pane-btn-hover-bg: @neutral-90;
+
+@folders-menu-margin: 0 - (@grid-gutter-width / 2);
+@folders-menu-line-height: @structured-list-line-height;
+@folders-menu-item-v-padding: (@line-height-computed / 4);
+@folders-menu-item-h-padding: (@grid-gutter-width / 2);
+@folders-title-padding: @folders-menu-item-v-padding 0;
+@folders-title-margin-top: 0;
+@folders-title-margin-bottom: 0;
+@folders-title-font-size: @font-size-small;
+@folders-title-font-weight: normal;
+@folders-title-line-height: @headings-line-height;
+@folders-title-color: @neutral-40;
+@folders-title-text-transform: uppercase;
+@folders-tag-padding: @folders-menu-item-v-padding 30px
+  @folders-menu-item-v-padding @folders-menu-item-h-padding;
+@folders-tag-line-height: 1.4;
+@folders-tag-display: flex;
+@folders-tag-menu-color: #fff;
+@folders-tag-hover: @sidebar-hover-bg;
+@folders-tag-border-color: @folders-tag-menu-color;
+@folders-tag-menu-active-hover: rgba(0, 0, 0, 0.1);
+@folders-tag-menu-hover: rgba(0, 0, 0, 0.1);
+@info-badge-bg: @blue;
+// Progress bars
+@progress-border-radius: @line-height-computed;
+@progress-border-width: 0;
+@progress-bar-shadow: none;
+
+// Footer
+@footer-link-color: @link-color-alt;
+@footer-link-hover-color: @link-hover-color-alt;
+@footer-bg-color: #fff;
+@footer-padding: 2em 0;
+@fat-footer-social-font-size: 30px;
+
+// Editor header
+@ide-body-top-offset: 40px;
+@toolbar-header-bg-color: @neutral-90;
+@toolbar-header-shadow: none;
+@toolbar-header-branded-btn-bg-color: transparent;
+@toolbar-btn-color: #fff;
+@toolbar-btn-hover-color: #fff;
+@toolbar-btn-hover-bg-color: @neutral-80;
+@toolbar-btn-hover-text-shadow: none;
+@toolbar-btn-active-color: #fff;
+@toolbar-btn-active-bg-color: @green;
+@toolbar-btn-active-shadow: none;
+@toolbar-font-size: 13px;
+@toolbar-alt-bg-color: @neutral-80;
+@toolbar-icon-btn-color: #fff;
+@toolbar-icon-btn-hover-color: #fff;
+@toolbar-icon-btn-hover-shadow: none;
+@toolbar-icon-btn-hover-boxshadow: none;
+@toolbar-border-bottom: 1px solid @toolbar-border-color;
+@toolbar-small-height: 32px;
+@toolbar-tall-height: 58px;
+@project-name-color: @neutral-40;
+@project-rename-link-color: @neutral-40;
+@project-rename-link-color-hover: @neutral-20;
+@global-alerts-padding: 7px;
+
+// Editor file-tree
+@file-tree-bg: @neutral-70;
+@file-tree-line-height: 2.05;
+@file-tree-item-color: #fff;
+@file-tree-item-focus-color: @file-tree-item-color;
+@file-tree-item-selected-color: @file-tree-item-color;
+@file-tree-item-toggle-color: @neutral-40;
+@file-tree-item-icon-color: @neutral-40;
+@file-tree-item-input-color: @input-color;
+@file-tree-item-folder-color: @neutral-40;
+@file-tree-item-hover-bg: @neutral-80;
+@file-tree-item-selected-bg: @green;
+@file-tree-multiselect-bg: @blue;
+@file-tree-multiselect-hover-bg: @blue-dark;
+@file-tree-droppable-bg-color: @neutral-40;
+@file-tree-error-color: @neutral-20;
+@file-tree-toolbar-btn-hover-color: rgba(125, 125, 125, 0.2);
+
+// File outline
+@outline-v-rhythm: 24px;
+@outline-h-rhythm: 24px;
+@outline-item-h-padding: @outline-h-rhythm * 0.25;
+@outline-line-guide-color: @neutral-60;
+@outline-expand-collapse-color: @neutral-40;
+@outline-no-items-color: @file-tree-item-color;
+@outline-header-hover-bg: @neutral-90;
+@outline-highlight-bg: tint(@file-tree-bg, 15%);
+@vertical-resizable-resizer-bg: @neutral-80;
+@vertical-resizable-resizer-hover-bg: @neutral-90;
+
+// Editor resizers
+@editor-resizer-bg-color: @neutral-80;
+@editor-resizer-bg-color-dragging: @neutral-80;
+@editor-toggler-bg-color: darken(@neutral-40, 15%);
+@editor-toggler-hover-bg-color: @green;
+@synctex-controls-z-index: 6;
+@synctex-controls-padding: 0;
+
+// Editor toolbar
+@editor-toolbar-height: 32px;
+@editor-toolbar-bg: @neutral-80;
+
+// Toggle switch
+@toggle-switch-bg: @neutral-20;
+@toggle-switch-highlight-color: @green;
+
+// Formatting buttons
+@formatting-btn-color: #fff;
+@formatting-btn-bg: @neutral-80;
+@formatting-btn-border: @neutral-70;
+@formatting-menu-bg: @neutral-80;
+
+// Chat
+@chat-bg: @neutral-80;
+@chat-instructions-color: @neutral-20;
+@chat-message-color: #fff;
+@chat-message-date-color: @neutral-40;
+@chat-message-name-color: #fff;
+@chat-message-box-shadow: none;
+@chat-message-border-radius: @border-radius-large;
+@chat-message-padding: 5px 10px;
+@chat-message-weight: bold;
+@chat-new-message-bg: @neutral-70;
+@chat-new-message-textarea-bg: @neutral-20;
+@chat-new-message-textarea-color: @neutral-90;
+@chat-new-message-border-color: @editor-border-color;
+
+// PDF and logs
+@pdf-top-offset: @toolbar-small-height;
+@pdf-bg: @neutral-10;
+@pdfjs-bg: transparent;
+@pdf-page-shadow-color: rgba(0, 0, 0, 0.5);
+@logs-pane-bg: @neutral-80;
+@log-line-no-color: #fff;
+@log-hints-color: @neutral-70;
+@pdf-toolbar-btn-hover-color: rgba(125, 125, 125, 0.2);
+
+// Tags
+@tag-border-radius: 9999px;
+@tag-color: @neutral-70;
+@tag-bg-color: @neutral-20;
+@tag-bg-hover-color: darken(@neutral-20, 5%);
+@tag-max-width: 150px;
+@tag-top-adjustment: 2px;
+@labels-font-size: 85%;
+
+// System messages
+@sys-msg-background: @blue;
+@sys-msg-color: #fff;
+@sys-msg-border: solid 1px lighten(@blue, 10%);
+
+// Portals
+@black-alpha-strong: rgba(0, 0, 0, 0.8);
+@btn-portal-width: 200px;
+
+// v2 History
+@history-base-font-size: @font-size-small;
+@history-base-bg: @neutral-20;
+@history-entry-label-bg-color: @blue;
+@history-entry-pseudo-label-bg-color: @green;
+@history-entry-label-color: #fff;
+@history-entry-selected-label-bg-color: #fff;
+@history-entry-selected-label-color: @blue;
+@history-entry-selected-pseudo-label-color: @green;
+@history-entry-day-bg: @neutral-20;
+@history-entry-day-color: @neutral-60;
+@history-entry-selected-bg: @green;
+@history-entry-handle-bg: darken(@green, 10%);
+@history-entry-handle-height: 8px;
+@history-base-color: @neutral-60;
+@history-highlight-color: @content-secondary;
+@history-toolbar-bg-color: @editor-toolbar-bg;
+@history-toolbar-color: #fff;
+@history-file-badge-bg: rgba(255, 255, 255, 0.25);
+@history-file-badge-color: @file-tree-item-color;
+
+// Input suggestions
+@input-suggestion-v-offset: 4px;
+
+// Symbol Palette
+@symbol-palette-bg: @neutral-70;
+@symbol-palette-color: #fff;
+@symbol-palette-header-background: @neutral-80;
+@symbol-palette-item-bg: @neutral-80;
+@symbol-palette-item-color: #fff;
+@symbol-palette-selected-tab-bg: @neutral-70;
+@symbol-palette-selected-tab-color: #fff;
+@symbol-palette-text-shadow-color: @neutral-90;
+
+// Editor fonts
+@editor-font-lucida: 'Lucida Console', 'Source Code Pro', monospace;
+@editor-font-monaco: Monaco, Menlo, 'Ubuntu Mono', 'Consolas', monospace;
+
+@mobile-action-element-width: 48px;
+@mobile-action-element-height: @mobile-action-element-width;
+
+// React History
+@history-react-header-bg: @neutral-80;
+@history-react-header-color: #fff;
+@history-react-separator-color: @neutral-80;
+@history-main-bg: #fff;
+
+// Gradients
+@premium-gradient: linear-gradient(
+  246deg,
+  @blue-70 0%,
+  #254c84 29%,
+  @blue-40 97%
+);
diff --git a/services/web/frontend/stylesheets/variables/border-radius.less b/services/web/frontend/stylesheets/variables/border-radius.less
new file mode 100644
index 0000000..802571a
--- /dev/null
+++ b/services/web/frontend/stylesheets/variables/border-radius.less
@@ -0,0 +1,9 @@
+// TODO: Convert all of the border-radius usage to the new values
+@border-radius-small: 2px;
+@border-radius-base: 3px;
+@border-radius-large: 5px;
+
+@border-radius-base-new: 4px;
+@border-radius-medium-new: 8px;
+@border-radius-large-new: 16px;
+@border-radius-full-new: 9999px;
diff --git a/services/web/frontend/stylesheets/variables/colors.less b/services/web/frontend/stylesheets/variables/colors.less
new file mode 100644
index 0000000..d49ce74
--- /dev/null
+++ b/services/web/frontend/stylesheets/variables/colors.less
@@ -0,0 +1,120 @@
+// ====== Color Palette ======
+// Neutral
+@white: #ffffff;
+@neutral-10: #f4f5f6;
+@neutral-20: #e7e9ee;
+@neutral-30: #d0d5dd;
+@neutral-40: #afb5c0;
+@neutral-50: #8d96a5;
+@neutral-60: #677283;
+@neutral-70: #495365;
+@neutral-80: #2f3a4c;
+@neutral-90: #1b222c;
+
+// Green
+@green-10: #eaf6ef;
+@green-20: #b8dbc8;
+@green-30: #86caa5;
+@green-40: #53b57f;
+@green-50: #098842;
+@green-60: #1e6b41;
+@green-70: #195936;
+
+// Blue
+@blue-10: #f1f4f9;
+@blue-20: #c3d0e3;
+@blue-30: #97b6e5;
+@blue-40: #6597e0;
+@blue-50: #3265b2;
+@blue-60: #28518f;
+@blue-70: #214475;
+
+// Red
+@red-10: #f9f1f1;
+@red-20: #f5beba;
+@red-30: #e59d9a;
+@red-40: #e36d66;
+@red-50: #b83a33;
+@red-60: #942f2a;
+@red-70: #782722;
+
+// Yellow
+@yellow-10: #fcf1e3;
+@yellow-20: #fcc483;
+@yellow-30: #f7a445;
+@yellow-40: #de8014;
+@yellow-50: #8f5514;
+@yellow-60: #7a4304;
+@yellow-70: #633a0b;
+
+// ====== Commonly used variable names ======
+// (all should be based on color palette above)
+@gray-darker: @neutral-90;
+@gray-dark: @neutral-70;
+@gray: @neutral-60;
+@gray-light: @neutral-40;
+@gray-lighter: @neutral-30;
+@gray-lightest: @neutral-10;
+
+@blue: @blue-50;
+@blue-dark: @blue-60;
+@green: @green-50;
+@green-dark: @green-60;
+@green-darker: @green-70;
+@red: @red-50;
+@orange: @yellow-40;
+@orange-dark: @yellow-60;
+
+@brand-primary: @green;
+@brand-secondary: @green-darker;
+@brand-success: @green;
+@brand-info: @blue;
+@brand-warning: @orange;
+@brand-danger: @red;
+
+@accent-color-secondary: @green-darker;
+@color-disabled: @neutral-20;
+
+// == Content ==
+// on light background
+@content-primary-on-light-bg: @neutral-90;
+@content-secondary-on-light-bg: @neutral-70;
+@content-disabled-on-light-bg: @neutral-40;
+@content-placeholder-on-light-bg: @neutral-50;
+// on dark background
+@content-primary-on-dark-bg: @white;
+@content-secondary-on-dark-bg: @neutral-20;
+@content-disabled-on-dark-bg: @neutral-60;
+@content-placeholder-on-dark-bg: @neutral-50;
+// default
+@content-primary: @content-primary-on-light-bg;
+@content-secondary: @content-secondary-on-light-bg;
+@content-disabled: @content-disabled-on-light-bg;
+@content-placeholder: @content-placeholder-on-light-bg;
+
+// == Website Redesign ==
+@ceil: #9597c9;
+@caramel: #f9d38f;
+@dark-jungle-green: #0f271a;
+@malachite: #13c965;
+@sapphire-blue: #4354a3;
+@sapphire-blue-dark: #3c4c93;
+@vivid-tangerine: #f1a695;
+
+// == ol-* legacy variables ==
+// These will eventually be removed and replaced with above names
+@ol-type-color: @content-secondary;
+@ol-blue-gray-0: @neutral-10;
+@ol-blue-gray-1: @neutral-20;
+@ol-blue-gray-2: @neutral-40;
+@ol-blue-gray-3: @neutral-60;
+@ol-blue-gray-4: @neutral-70;
+@ol-blue-gray-5: @neutral-80;
+@ol-blue-gray-6: @neutral-90;
+@ol-green: @green-50;
+@ol-dark-green: @green-darker;
+@ol-darker-green: @green-darker;
+@ol-blue: @blue-50;
+@ol-dark-blue: @blue-dark;
+@ol-red: @red-50;
+@ol-dark-red: @red-60;
diff --git a/services/web/frontend/stylesheets/variables/css-variables.less b/services/web/frontend/stylesheets/variables/css-variables.less
new file mode 100644
index 0000000..769665c
--- /dev/null
+++ b/services/web/frontend/stylesheets/variables/css-variables.less
@@ -0,0 +1,153 @@
+:root {
+  // Neutral
+  --white: @white;
+  --neutral-10: @neutral-10;
+  --neutral-20: @neutral-20;
+  --neutral-30: @neutral-30;
+  --neutral-40: @neutral-40;
+  --neutral-50: @neutral-50;
+  --neutral-60: @neutral-60;
+  --neutral-70: @neutral-70;
+  --neutral-80: @neutral-80;
+  --neutral-90: @neutral-90;
+
+  // Green
+  --green-10: @green-10;
+  --green-20: @green-20;
+  --green-30: @green-30;
+  --green-40: @green-40;
+  --green-50: @green-50;
+  --green-60: @green-60;
+  --green-70: @green-70;
+
+  // Blue
+  --blue-10: @blue-10;
+  --blue-20: @blue-20;
+  --blue-30: @blue-30;
+  --blue-40: @blue-40;
+  --blue-50: @blue-50;
+  --blue-60: @blue-60;
+  --blue-70: @blue-70;
+
+  // Red
+  --red-10: @red-10;
+  --red-20: @red-20;
+  --red-30: @red-30;
+  --red-40: @red-40;
+  --red-50: @red-50;
+  --red-60: @red-60;
+  --red-70: @red-70;
+
+  // Yellow
+  --yellow-10: @yellow-10;
+  --yellow-20: @yellow-20;
+  --yellow-30: @yellow-30;
+  --yellow-40: @yellow-40;
+  --yellow-50: @yellow-50;
+  --yellow-60: @yellow-60;
+  --yellow-70: @yellow-70;
+
+  // legacy variables
+  --ol-blue: @ol-blue;
+
+  --ol-blue-gray-0: @ol-blue-gray-0;
+  --ol-blue-gray-1: @ol-blue-gray-1;
+  --ol-blue-gray-2: @ol-blue-gray-2;
+  --ol-blue-gray-3: @ol-blue-gray-3;
+  --ol-blue-gray-4: @ol-blue-gray-4;
+  --ol-blue-gray-5: @ol-blue-gray-5;
+  --ol-blue-gray-6: @ol-blue-gray-6;
+
+  // input
+  --input-color: @input-color;
+  --input-border: @input-border;
+  --input-border-radius: @input-border-radius;
+  --input-border-focus: @input-border-focus;
+  --input-border-danger: @state-danger-border;
+  --input-shadow-danger-color: fade(@state-danger-border, 50%);
+
+  // border
+  --btn-border-radius-base: @btn-border-radius-base;
+  --btn-default-bg: @btn-default-bg;
+
+  // text
+  --line-height-base: @line-height-base;
+
+  // toolbar
+  --toolbar-btn-color: @toolbar-btn-color;
+  --editor-toolbar-bg: @editor-toolbar-bg;
+
+  // gradient
+  --premium-gradient: @premium-gradient;
+
+  // website-redesign
+  --ceil: @ceil;
+  --caramel: @caramel;
+  --dark-jungle-green: @dark-jungle-green;
+  --malachite: @malachite;
+  --sapphire-blue: @sapphire-blue;
+  --sapphire-blue-dark: @sapphire-blue-dark;
+  --vivid-tangerine: @vivid-tangerine;
+
+  // spacing
+  --spacing-00: @spacing-00; // 0px
+  --spacing-01: @spacing-01; // 2px
+  --spacing-02: @spacing-02; // 4px
+  --spacing-03: @spacing-03; // 6px
+  --spacing-04: @spacing-04; // 8px
+  --spacing-05: @spacing-05; // 12px
+  --spacing-06: @spacing-06; // 16px
+  --spacing-07: @spacing-07; // 20px
+  --spacing-08: @spacing-08; // 24px
+  --spacing-09: @spacing-09; // 32px
+  --spacing-10: @spacing-10; // 40px
+  --spacing-11: @spacing-11; // 48px
+  --spacing-12: @spacing-12; // 56px
+  --spacing-13: @spacing-13; // 64px
+  --spacing-14: @spacing-14; // 72px
+  --spacing-15: @spacing-15; // 80px
+  --spacing-16: @spacing-16; // 96px
+
+  // layout
+  --header-height: @header-height;
+
+  // font-size
+  --font-size-01: @font-size-01; // 0.75rem | 12px
+  --font-size-02: @font-size-02; // 0.875rem | 14px
+  --font-size-03: @font-size-03; // 1rem | 16px
+  --font-size-04: @font-size-04; // 1.125rem | 18px
+  --font-size-05: @font-size-05; // 1.25rem | 20px
+  --font-size-06: @font-size-06; // 1.5rem | 24px
+  --font-size-07: @font-size-07; // 1.875rem | 30px
+  --font-size-08: @font-size-08; // 2.25rem | 36px
+  --font-size-09: @font-size-09; // 3rem | 48px
+  --font-size-10: @font-size-10; // 3.25rem | 52px
+  --font-size-11: @font-size-11; // 3.75rem | 60px
+  --font-size-12: @font-size-12; // 4.5rem | 72px
+  --font-size-13: @font-size-13; // 6rem | 96px
+  --font-size-body-base: @font-size-body-base;
+
+  // line-height
+  --line-height-01: @line-height-01; // 1rem | 16px
+  --line-height-02: @line-height-02; // 1.25rem | 20px
+  --line-height-03: @line-height-03; // 1.5rem | 24px
+  --line-height-04: @line-height-04; // 1.75rem | 28px
+  --line-height-05: @line-height-05; // 2rem | 32px
+  --line-height-06: @line-height-06; // 2.5rem | 40px
+  --line-height-07: @line-height-07; // 3rem | 48px
+  --line-height-08: @line-height-08; // 4rem | 64px
+  --line-height-09: @line-height-09; // 4.25rem | 68px
+  --line-height-10: @line-height-10; // 5rem | 80px
+  --line-height-11: @line-height-11; // 6rem | 96px
+  --line-height-12: @line-height-12; // 8rem | 128px
+
+  // border-radius
+  --border-radius-base-new: @border-radius-base-new;
+  --border-radius-medium-new: @border-radius-medium-new;
+  --border-radius-large-new: @border-radius-large-new;
+  --border-radius-full-new: @border-radius-full-new;
+
+  // border-width
+  --border-width-sm: @border-width-sm;
+  --border-width-base: @border-width-base;
+}
diff --git a/services/web/frontend/stylesheets/variables/themes/ieee.less b/services/web/frontend/stylesheets/variables/themes/ieee.less
new file mode 100644
index 0000000..0d6de91
--- /dev/null
+++ b/services/web/frontend/stylesheets/variables/themes/ieee.less
@@ -0,0 +1,61 @@
+@ieee-blue: #00629b;
+@ieee-dark-blue: #002855;
+@ieee-cyan: #00b5e2;
+@ieee-dark-cyan: #009ca6;
+@ieee-red: #ba0c2f;
+@ieee-orange: #ffa300;
+@ieee-yellow: #ffd100;
+@ieee-light-green: #78be20;
+@ieee-dark-green: #00843d;
+@ieee-purple: #981d97;
+
+@ol-blue-gray-0: #f4f5f8;
+@ol-blue-gray-1: #d8e0e6;
+@ol-blue-gray-2: #8195a1;
+@ol-blue-gray-3: #425e6e;
+@ol-blue-gray-4: #26425f;
+@ol-blue-gray-5: #1e3048;
+@ol-blue-gray-6: #112437;
+
+@ol-green: @ieee-dark-green;
+@ol-dark-green: darken(@ieee-dark-green, 15%);
+@ol-blue: @ieee-blue;
+@ol-dark-blue: @ieee-dark-blue;
+@ol-red: @ieee-red;
+@ol-dark-red: darken(@ieee-red, 15%);
+
+@green: @ol-green;
+@green-dark: @ol-dark-green;
+@blue: @ol-blue;
+@blue-dark: @ol-dark-blue;
+@red: @ol-red;
+
+@brand-primary: @ieee-blue;
+@brand-secondary: @ieee-dark-blue;
+@brand-success: @ol-blue;
+@brand-info: @ieee-dark-cyan;
+@brand-warning: @ieee-orange;
+@brand-danger: @ol-red;
+
+@btn-primary-bg: @ieee-blue;
+@link-color: @ieee-blue;
+@link-hover-color: @ieee-dark-blue;
+
+@toolbar-btn-active-bg-color: @ieee-blue;
+@file-tree-item-selected-bg: @ieee-blue;
+@file-tree-multiselect-bg: @ieee-cyan;
+
+@editor-toggler-hover-bg-color: @ieee-blue;
+
+@toggle-switch-highlight-color: @ieee-blue;
+
+@footer-link-color: @link-color;
+@footer-link-hover-color: @link-hover-color;
+
+@navbar-subdued-hover-color: @ieee-blue;
+@navbar-default-link-hover-bg: @ieee-blue;
+@navbar-default-link-hover-color: @ieee-blue;
+@navbar-default-link-active-bg: @ieee-blue;
+
+@btn-primary-hover-bg-color: darken(@brand-primary, 8%);
+@btn-default-bg: @ol-blue-gray-4;
diff --git a/services/web/frontend/stylesheets/variables/themes/light.less b/services/web/frontend/stylesheets/variables/themes/light.less
new file mode 100644
index 0000000..681f3f0
--- /dev/null
+++ b/services/web/frontend/stylesheets/variables/themes/light.less
@@ -0,0 +1,132 @@
+// Sidebar
+@sidebar-bg: #fff;
+@sidebar-color: @neutral-40;
+@sidebar-active-bg: @green;
+@sidebar-active-color: #fff;
+@sidebar-hover-bg: @neutral-20;
+@sidebar-active-font-weight: normal;
+@sidebar-hover-text-decoration: none;
+
+@v2-dash-pane-bg: @neutral-20;
+@v2-dash-pane-link-color: @blue;
+@v2-dash-pane-toggle-color: @neutral-70;
+@v2-dash-pane-btn-bg: @neutral-80;
+@v2-dash-pane-btn-hover-bg: @neutral-90;
+@v2-dash-pane-color: @neutral-70;
+
+@progress-bar-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+@progress-bg: @neutral-10;
+
+@input-border: @neutral-20;
+
+// Editor file-tree
+@file-tree-bg: #fff;
+@file-tree-line-height: 2.05;
+@file-tree-item-color: @neutral-70;
+@file-tree-item-focus-color: @file-tree-item-color;
+@file-tree-item-selected-color: #fff;
+@file-tree-item-toggle-color: @neutral-40;
+@file-tree-item-icon-color: @neutral-40;
+@file-tree-item-folder-color: @neutral-40;
+@file-tree-item-hover-bg: @neutral-20;
+@file-tree-item-selected-bg: @green;
+@file-tree-multiselect-bg: @blue;
+@file-tree-multiselect-hover-bg: @blue-dark;
+@file-tree-droppable-bg-color: @neutral-40;
+@file-tree-error-color: @ol-blue-gray-5;
+@file-tree-toolbar-btn-hover-color: @neutral-10;
+
+@content-alt-bg-color: @neutral-10;
+
+// File outline
+@outline-line-guide-color: @neutral-20;
+@outline-header-hover-bg: @file-tree-item-hover-bg;
+@outline-highlight-bg: mix(@file-tree-bg, @neutral-20);
+
+@vertical-resizable-resizer-bg: @neutral-20;
+@vertical-resizable-resizer-hover-bg: @file-tree-item-hover-bg;
+
+// Editor resizers
+@editor-resizer-bg-color: @neutral-20;
+@editor-resizer-bg-color-dragging: @neutral-20;
+@editor-toggler-bg-color: @neutral-40;
+@editor-toggler-hover-bg-color: @green;
+@synctex-controls-z-index: 6;
+@synctex-controls-padding: 0;
+@editor-border-color: @neutral-20;
+
+@toolbar-border-color: @neutral-20;
+@toolbar-alt-bg-color: #fff;
+@editor-toolbar-bg: @toolbar-alt-bg-color;
+
+@toolbar-header-bg-color: #fff;
+@toolbar-header-btn-border-color: @neutral-20;
+@toolbar-btn-color: @neutral-70;
+@toolbar-btn-hover-color: @neutral-70;
+@toolbar-btn-hover-bg-color: @neutral-10;
+@toolbar-icon-btn-color: @neutral-70;
+@toolbar-icon-btn-hover-color: @neutral-70;
+@editor-header-logo-background: url(../../../../public/img/ol-brand/overleaf-o.svg)
+  center / contain no-repeat;
+@project-name-color: @neutral-70;
+@project-rename-link-color: @neutral-70;
+@project-rename-link-color-hover: @neutral-70;
+@logs-pane-bg: @neutral-10;
+@pdf-toolbar-btn-hover-color: @neutral-10;
+
+// Navbar
+@navbar-default-bg: #fff;
+@navbar-default-border: @neutral-20;
+@navbar-default-link-bg: @green;
+@navbar-default-link-color: #fff;
+@navbar-default-link-border-color: transparent;
+@navbar-default-link-hover-bg: @green;
+@navbar-default-link-active-bg: @green;
+@navbar-default-link-hover-color: @green;
+
+@navbar-title-color: @neutral-20;
+@navbar-title-color-hover: @neutral-40;
+@navbar-default-color: @neutral-70;
+@navbar-brand-image-url: url(../../../../public/img/ol-brand/overleaf.svg);
+
+@navbar-subdued-color: @neutral-70;
+@navbar-subdued-hover-bg: @neutral-20;
+@navbar-subdued-hover-color: @neutral-70;
+
+// v2 History
+@history-toolbar-color: @neutral-70;
+@history-base-bg: @neutral-10;
+@history-file-badge-bg: rgba(0, 0, 0, 0.25);
+@history-file-badge-color: #fff;
+
+// Formatting buttons
+@formatting-btn-color: @toolbar-icon-btn-color;
+@formatting-btn-bg: transparent;
+@formatting-btn-border: @neutral-20;
+@formatting-menu-bg: #fff;
+
+// Chat
+@chat-bg: #fff;
+@chat-instructions-color: @neutral-70;
+@chat-message-color: #fff;
+@chat-message-name-color: @neutral-70;
+@chat-message-date-color: @neutral-70;
+@chat-new-message-bg: @neutral-10;
+@chat-new-message-textarea-bg: #fff;
+@chat-new-message-textarea-color: @neutral-90;
+@chat-new-message-border-color: @neutral-20;
+
+// Symbol Palette
+@symbol-palette-bg: #fff;
+@symbol-palette-color: @neutral-70;
+@symbol-palette-header-background: @neutral-20;
+@symbol-palette-item-bg: @neutral-20;
+@symbol-palette-item-color: @neutral-70;
+@symbol-palette-selected-tab-bg: #fff;
+@symbol-palette-selected-tab-color: @blue;
+@symbol-palette-text-shadow-color: @neutral-20;
+
+// React History
+@history-react-header-bg: #fff;
+@history-react-header-color: @ol-blue-gray-3;
+@history-react-separator-color: @neutral-20;
diff --git a/services/web/frontend/stylesheets/variables/z-index.less b/services/web/frontend/stylesheets/variables/z-index.less
new file mode 100644
index 0000000..1149775
--- /dev/null
+++ b/services/web/frontend/stylesheets/variables/z-index.less
@@ -0,0 +1,2 @@
+@z-index-plans-page-table-header-mobile: 100;
+@z-index-navbar: 200;
diff --git a/services/web/frontend/stylesheets/vendor/select/select.css b/services/web/frontend/stylesheets/vendor/select/select.css
new file mode 100755
index 0000000..ce8a9cd
--- /dev/null
+++ b/services/web/frontend/stylesheets/vendor/select/select.css
@@ -0,0 +1,388 @@
+/*!
+ * ui-select
+ * http://github.com/angular-ui/ui-select
+ * Version: 0.19.7 - 2017-04-15T14:28:36.790Z
+ * License: MIT
+ */
+
+/* Style when highlighting a search. */
+.ui-select-highlight {
+  font-weight: bold;
+}
+
+.ui-select-offscreen {
+  clip: rect(0 0 0 0) !important;
+  width: 1px !important;
+  height: 1px !important;
+  border: 0 !important;
+  margin: 0 !important;
+  padding: 0 !important;
+  overflow: hidden !important;
+  position: absolute !important;
+  outline: 0 !important;
+  left: 0px !important;
+  top: 0px !important;
+}
+
+.ui-select-choices-row:hover,
+.ui-select-choices-row--highlighted {
+  background-color: #f5f5f5;
+}
+
+/* Select2 theme */
+
+/* Mark invalid Select2 */
+.ng-dirty.ng-invalid > a.select2-choice {
+  border-color: #d44950;
+}
+
+.select2-result-single {
+  padding-left: 0;
+}
+
+.select2-locked > .select2-search-choice-close {
+  display: none;
+}
+
+.select-locked > .ui-select-match-close {
+  display: none;
+}
+
+body > .select2-container.open {
+  z-index: 9999; /* The z-index Select2 applies to the select2-drop */
+}
+
+/* Handle up direction Select2 */
+.ui-select-container[theme='select2'].direction-up .ui-select-match,
+.ui-select-container.select2.direction-up .ui-select-match {
+  border-radius: 4px; /* FIXME hardcoded value :-/ */
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.ui-select-container[theme='select2'].direction-up .ui-select-dropdown,
+.ui-select-container.select2.direction-up .ui-select-dropdown {
+  border-radius: 4px; /* FIXME hardcoded value :-/ */
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+
+  border-top-width: 1px; /* FIXME hardcoded value :-/ */
+  border-top-style: solid;
+
+  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
+
+  margin-top: -4px; /* FIXME hardcoded value :-/ */
+}
+
+.ui-select-container[theme='select2'].direction-up
+  .ui-select-dropdown
+  .select2-search,
+.ui-select-container.select2.direction-up .ui-select-dropdown .select2-search {
+  margin-top: 4px; /* FIXME hardcoded value :-/ */
+}
+
+.ui-select-container[theme='select2'].direction-up.select2-dropdown-open
+  .ui-select-match,
+.ui-select-container.select2.direction-up.select2-dropdown-open
+  .ui-select-match {
+  border-bottom-color: #5897fb;
+}
+
+.ui-select-container[theme='select2']
+  .ui-select-dropdown
+  .ui-select-search-hidden,
+.ui-select-container[theme='select2']
+  .ui-select-dropdown
+  .ui-select-search-hidden
+  input {
+  opacity: 0;
+  height: 0;
+  min-height: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+/* Selectize theme */
+
+/* Helper class to show styles when focus */
+.selectize-input.selectize-focus {
+  border-color: #007fbb !important;
+}
+
+/* Fix input width for Selectize theme */
+.selectize-control.single > .selectize-input > input {
+  width: 100%;
+}
+
+/* Fix line break when there's at least one item selected with the Selectize theme */
+.selectize-control.multi > .selectize-input > input {
+  margin: 0 !important;
+}
+
+/* Fix dropdown width for Selectize theme */
+.selectize-control > .selectize-dropdown {
+  width: 100%;
+}
+
+/* Mark invalid Selectize */
+.ng-dirty.ng-invalid > div.selectize-input {
+  border-color: #d44950;
+}
+
+/* Handle up direction Selectize */
+.ui-select-container[theme='selectize'].direction-up .ui-select-dropdown {
+  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
+  margin-top: -2px; /* FIXME hardcoded value :-/ */
+}
+
+.ui-select-container[theme='selectize'] input.ui-select-search-hidden {
+  opacity: 0;
+  height: 0;
+  min-height: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  width: 0;
+}
+
+/* Bootstrap theme */
+
+/* Helper class to show styles when focus */
+.btn-default-focus {
+  color: #333;
+  background-color: #ebebeb;
+  border-color: #adadad;
+  text-decoration: none;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+  box-shadow:
+    inset 0 1px 1px rgba(0, 0, 0, 0.075),
+    0 0 8px rgba(102, 175, 233, 0.6);
+}
+
+.ui-select-bootstrap .ui-select-toggle {
+  position: relative;
+}
+
+.ui-select-bootstrap .ui-select-toggle > .caret {
+  position: absolute;
+  height: 10px;
+  top: 50%;
+  right: 10px;
+  margin-top: -2px;
+}
+
+/* Fix Bootstrap dropdown position when inside a input-group */
+.input-group > .ui-select-bootstrap.dropdown {
+  /* Instead of relative */
+  position: static;
+}
+
+.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
+  border-radius: 4px; /* FIXME hardcoded value :-/ */
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group
+  > .ui-select-bootstrap
+  > input.ui-select-search.form-control.direction-up {
+  border-radius: 4px !important; /* FIXME hardcoded value :-/ */
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+
+.ui-select-bootstrap .ui-select-search-hidden {
+  opacity: 0;
+  height: 0;
+  min-height: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+.ui-select-bootstrap > .ui-select-match > .btn {
+  /* Instead of center because of .btn */
+  text-align: left !important;
+}
+
+.ui-select-bootstrap > .ui-select-match > .caret {
+  position: absolute;
+  top: 45%;
+  right: 15px;
+}
+
+/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
+.ui-select-bootstrap > .ui-select-choices,
+.ui-select-bootstrap > .ui-select-no-choice {
+  width: 100%;
+  height: auto;
+  max-height: 200px;
+  overflow-x: hidden;
+  margin-top: -1px;
+}
+
+body > .ui-select-bootstrap.open {
+  z-index: 1000; /* Standard Bootstrap dropdown z-index */
+}
+
+.ui-select-multiple.ui-select-bootstrap {
+  height: auto;
+  padding: 3px 3px 0 3px;
+}
+
+.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
+  background-color: transparent !important; /* To prevent double background when disabled */
+  border: none;
+  outline: none;
+  height: 1.666666em;
+  margin-bottom: 3px;
+}
+
+.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
+  font-size: 1.6em;
+  line-height: 0.75;
+}
+
+.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
+  outline: 0;
+  margin: 0 3px 3px 0;
+}
+
+.ui-select-multiple .ui-select-match-item {
+  position: relative;
+}
+
+.ui-select-multiple .ui-select-match-item.dropping .ui-select-match-close {
+  pointer-events: none;
+}
+
+.ui-select-multiple:hover .ui-select-match-item.dropping-before:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 100%;
+  height: 100%;
+  margin-right: 2px;
+  border-left: 1px solid #428bca;
+}
+
+.ui-select-multiple:hover .ui-select-match-item.dropping-after:after {
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 100%;
+  height: 100%;
+  margin-left: 2px;
+  border-right: 1px solid #428bca;
+}
+
+.ui-select-bootstrap .ui-select-choices-row > span {
+  cursor: pointer;
+  display: block;
+  padding: 3px 20px;
+  clear: both;
+  font-weight: 400;
+  line-height: 1.42857143;
+  color: #333;
+  white-space: nowrap;
+}
+
+.ui-select-title {
+  padding: 3px 20px;
+  font-size: 14px;
+}
+
+.ui-select-bootstrap .ui-select-choices-row > span:hover,
+.ui-select-bootstrap .ui-select-choices-row > span:focus {
+  text-decoration: none;
+  color: #262626;
+  background-color: #f5f5f5;
+}
+
+.ui-select-bootstrap .ui-select-choices-row.active > span {
+  color: #fff;
+  text-decoration: none;
+  outline: 0;
+  background-color: #428bca;
+}
+
+.ui-select-bootstrap .ui-select-choices-row.disabled > span,
+.ui-select-bootstrap .ui-select-choices-row.active.disabled > span {
+  color: #777;
+  cursor: not-allowed;
+  background-color: #fff;
+}
+
+/* fix hide/show angular animation */
+.ui-select-match.ng-hide-add,
+.ui-select-search.ng-hide-add {
+  display: none !important;
+}
+
+/* Mark invalid Bootstrap */
+.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
+  border-color: #d44950;
+}
+
+/* Handle up direction Bootstrap */
+.ui-select-container[theme='bootstrap'].direction-up .ui-select-dropdown {
+  box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.25);
+}
+
+.ui-select-bootstrap .ui-select-match-text {
+  width: 100%;
+  padding-right: 1em;
+}
+
+.ui-select-bootstrap .ui-select-match-text span {
+  display: inline-block;
+  width: 100%;
+  overflow: hidden;
+}
+
+.ui-select-bootstrap .ui-select-toggle > a.btn {
+  position: absolute;
+  height: 10px;
+  right: 10px;
+  margin-top: -2px;
+}
+
+/* Spinner */
+.ui-select-refreshing.glyphicon {
+  position: absolute;
+  right: 0;
+  padding: 8px 27px;
+}
+
+@-webkit-keyframes ui-select-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+
+@keyframes ui-select-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+
+.ui-select-spin {
+  -webkit-animation: ui-select-spin 2s infinite linear;
+  animation: ui-select-spin 2s infinite linear;
+}
+
+.ui-select-refreshing.ng-animate {
+  -webkit-animation: none 0s;
+}
diff --git a/services/web/frontend/translations-loader.js b/services/web/frontend/translations-loader.js
new file mode 100644
index 0000000..252198d
--- /dev/null
+++ b/services/web/frontend/translations-loader.js
@@ -0,0 +1,65 @@
+/*
+ * Custom webpack loader for i18next locale JSON files.
+ *
+ * It extracts translations used in the frontend (based on the list of keys in
+ * extracted-locales.json), and merges them with the fallback language (English)
+ *
+ * This means that we only load minimal translations data used in the frontend.
+ */
+
+const fs = require('fs').promises
+const Path = require('path')
+
+const SOURCE_PATH = Path.join(__dirname, '../locales')
+const EXTRACTED_TRANSLATIONS_PATH = Path.join(
+  __dirname,
+  'extracted-translations.json'
+)
+
+module.exports = function translationsLoader() {
+  // Mark the loader as asynchronous, and get the done callback function
+  const callback = this.async()
+
+  // Mark the extracted keys file and English translations as a "dependency", so
+  // that it gets watched for changes in dev
+  this.addDependency(EXTRACTED_TRANSLATIONS_PATH)
+  this.addDependency(`${SOURCE_PATH}/en.json`)
+
+  const [, locale] = this.resourcePath.match(/(\w{2}(-\w{2})?)\.json$/)
+
+  run(locale)
+    .then(translations => {
+      callback(null, JSON.stringify(translations))
+    })
+    .catch(err => callback(err))
+}
+
+async function run(locale) {
+  const json = await fs.readFile(EXTRACTED_TRANSLATIONS_PATH)
+  const keys = Object.keys(JSON.parse(json))
+
+  const fallbackTranslations = await extract('en', keys)
+  return extract(locale, keys, fallbackTranslations)
+}
+
+async function extract(locale, keys, fallbackTranslations = null) {
+  const allTranslations = await getAllTranslations(locale)
+  const extractedTranslations = extractByKeys(keys, allTranslations)
+
+  return Object.assign({}, fallbackTranslations, extractedTranslations)
+}
+
+async function getAllTranslations(locale) {
+  const content = await fs.readFile(Path.join(SOURCE_PATH, `${locale}.json`))
+  return JSON.parse(content)
+}
+
+function extractByKeys(keys, translations) {
+  return keys.reduce((acc, key) => {
+    const foundString = translations[key]
+    if (foundString) {
+      acc[key] = foundString
+    }
+    return acc
+  }, {})
+}
diff --git a/services/web/i18next-scanner.config.js b/services/web/i18next-scanner.config.js
new file mode 100644
index 0000000..ef81bed
--- /dev/null
+++ b/services/web/i18next-scanner.config.js
@@ -0,0 +1,49 @@
+const fs = require('node:fs')
+const path = require('node:path')
+const typescript = require('typescript')
+
+module.exports = {
+  input: [
+    'frontend/js/**/*.{js,jsx,ts,tsx}',
+    'modules/*/frontend/js/**/*.{js,jsx,ts,tsx}',
+    '!frontend/js/vendor/**',
+  ],
+  output: './',
+  options: {
+    sort: true,
+    func: {
+      list: ['t', 'phrase'],
+      extensions: ['.js', '.jsx'],
+    },
+    trans: {
+      component: 'Trans',
+      i18nKey: 'i18nKey',
+      defaultsKey: 'defaults',
+      extensions: ['.js', '.jsx'],
+      fallbackKey: false,
+    },
+    resource: {
+      savePath: 'frontend/extracted-translations.json',
+      jsonIndent: 2,
+      lineEnding: '\n',
+    },
+  },
+  // adapted from https://github.com/nucleartux/i18next-scanner-typescript/blob/master/src/index.js
+  transform: function (file, enc, done) {
+    const { base, ext } = path.parse(file.path)
+
+    if (['.ts', '.tsx'].includes(ext) && !base.endsWith('.d.ts')) {
+      const content = fs.readFileSync(file.path, enc)
+
+      const { outputText } = typescript.transpileModule(content, {
+        compilerOptions: { target: 'es2018', jsx: 'preserve' },
+        fileName: base,
+      })
+
+      this.parser.parseTransFromString(outputText)
+      this.parser.parseFuncFromString(outputText)
+    }
+
+    done()
+  },
+}
diff --git a/services/web/local-dev.env b/services/web/local-dev.env
new file mode 100644
index 0000000..a0a9878
--- /dev/null
+++ b/services/web/local-dev.env
@@ -0,0 +1,20 @@
+WEBPACK_HOST=127.0.0.1
+REDIS_HOST=127.0.0.1
+QUEUES_REDIS_HOST=127.0.0.1
+ANALYTICS_QUEUES_REDIS_HOST=127.0.0.1
+PUBSUB_REDIS_HOST=127.0.0.1
+RATELIMITER_REDIS_HOST=127.0.0.1
+GCLOUD_2_REDIS_HOST=127.0.0.1
+POSTGRES_HOST=127.0.0.1
+MONGO_URL=mongodb://127.0.0.1/sharelatex?directConnection=true
+OVERLEAF_LDAP_URL=ldap://127.0.0.1:22389
+SAML_BASE_URL_PATH=http://127.0.0.1:22280/simplesaml/
+OVERLEAF_SAML_ENTRYPOINT=http://127.0.0.1:22280/simplesaml/saml2/idp/SSOService.php
+OVERLEAF_SAML_CALLBACK_URL=http://www.dev-overleaf.com/saml/callback
+COOKIE_DOMAIN=.dev-overleaf.com
+PUBLIC_URL=https://www.dev-overleaf.com
+CURRENT_IMAGE_NAME=texlive-full:2024.1
+LINKED_URL_PROXY=http://127.0.0.1:8081/proxy/secret-proxy-token
+OVERLEAF_CONFIG=$(pwd)/../../config/settings.web.js
+ENABLE_PDF_CACHING=true
+NODE_ENV=development
diff --git a/services/web/local-test.env b/services/web/local-test.env
new file mode 100644
index 0000000..ff6fabe
--- /dev/null
+++ b/services/web/local-test.env
@@ -0,0 +1,18 @@
+CLEANUP_MONGO=true
+
+REDIS_HOST=127.0.0.1
+REDIS_DB=5
+QUEUES_REDIS_HOST=127.0.0.1
+PUBSUB_REDIS_HOST=127.0.0.1
+RATELIMITER_REDIS_HOST=127.0.0.1
+GCLOUD_2_REDIS_HOST=127.0.0.1
+POSTGRES_HOST=127.0.0.1
+MONGO_URL=mongodb://127.0.0.1/test-overleaf?directConnection=true
+OVERLEAF_LDAP_URL=ldap://127.0.0.1:22389
+SAML_BASE_URL_PATH=http://127.0.0.1:22280/simplesaml/
+OVERLEAF_SAML_ENTRYPOINT=http://127.0.0.1:22280/simplesaml/saml2/idp/SSOService.php
+OVERLEAF_SAML_CALLBACK_URL=http://127.0.0.1:22280/saml/callback
+
+COOKIE_DOMAIN=
+PUBLIC_URL=http://127.0.0.1:23000
+HTTP_TEST_HOST=127.0.0.1
diff --git a/services/web/locales/README.md b/services/web/locales/README.md
new file mode 100644
index 0000000..cbf0dcf
--- /dev/null
+++ b/services/web/locales/README.md
@@ -0,0 +1,8 @@
+Locales
+=======
+
+These files are not to be edited by hand.
+[OneSky](https://sharelatex.oneskyapp.com/) is used to manage the locales.
+
+Please contact us via support@overleaf.com if you want to contribute any
+ changes.
diff --git a/services/web/locales/cs.json b/services/web/locales/cs.json
new file mode 100644
index 0000000..1b82889
--- /dev/null
+++ b/services/web/locales/cs.json
@@ -0,0 +1,340 @@
+{
+  "about": "O nás",
+  "about_to_delete_projects": "Chcete smazat následující projekty:",
+  "about_to_leave_projects": "Chystáte se ponechat následující projekty:",
+  "about_to_trash_projects": "Chystáte se vyhodit do koše následující projekty:",
+  "account": "Účet",
+  "account_not_linked_to_dropbox": "Váš účet není spojen s Dropboxem",
+  "account_settings": "Nastavení účtu",
+  "actions": "Akce",
+  "add": "Přidat",
+  "add_your_first_group_member_now": "Přidejte do vaší skupiny prvního člena",
+  "added": "přidáno",
+  "admin": "administrátor",
+  "all_projects": "Všechny projekty",
+  "all_templates": "Všechny šablony",
+  "already_have_sl_account": "Máte už účet v __appName__?",
+  "and": "a",
+  "annual": "Roční",
+  "anonymous": "Anonymní",
+  "auto_complete": "Automatické dokončování",
+  "back_to_your_projects": "Zpět k vašim projektům",
+  "beta": "Beta",
+  "bibliographies": "Bibliografie",
+  "blank_project": "Prázdný projekt",
+  "blog": "Blog",
+  "built_in": "Vestavěný",
+  "cancel": "Zrušit",
+  "cant_find_email": "Je nám líto, ale tato emailová adresa není registrována.",
+  "cant_find_page": "Je nám líto, ale nemůžeme najít stránku, kterou hledáte.",
+  "change": "Změnit",
+  "change_owner": "Změnit majitele",
+  "change_password": "Změnit heslo",
+  "change_plan": "Změnit tarif",
+  "change_project_owner": "Změnit majitele projektu",
+  "change_to_this_plan": "Změnit na tento tarif",
+  "chat": "Chat",
+  "checking_dropbox_status": "kontroluji stav Dropboxu",
+  "checking_project_github_status": "Kontroluji stav projektu na GitHubu",
+  "choose_your_plan": "Zvolte si svůj tarif",
+  "clear_cached_files": "Vymazat cache",
+  "clearing": "Odstraňuji",
+  "click_here_to_view_sl_in_lng": "Pro použití __appName__ v <0>__lngName__</0> klikněte zde",
+  "close": "Zavřít",
+  "collaboration": "Spolupráce",
+  "collaborator": "Collaborator",
+  "collabs_per_proj": "__collabcount__ spolupracovníků na projektu",
+  "comment": "Komentář",
+  "common": "Běžné",
+  "compiler": "Kompilátor",
+  "compiling": "Kompiluji",
+  "complete": "Hotovo",
+  "confirm_new_password": "Potvrdit nové heslo",
+  "confirmation_link_broken": "Omlouváme se, ale něco není v pořádku s Vaším potvrzovacím kódem. Prosíme zkuste zkopírovat odkaz z konce Vašeho potvrzovacího e-mailu.",
+  "confirmation_token_invalid": "Omlováme se, ale Váš potvrzovací kód je neplatný nebo vypršel. Prosím požádejte o nový potrvzovací e-mail.",
+  "connecting": "Připojuji",
+  "contact": "Kontakt",
+  "contact_us": "Kontaktujte nás",
+  "continue_github_merge": "Provedl jsem manuální merge. Pokračovat",
+  "copy": "Kopírovat",
+  "copy_project": "Kopírovat projekt",
+  "copying": "Kopíruji",
+  "create": "Vytvořit",
+  "create_new_subscription": "Vytvořit nové předplatné.",
+  "create_project_in_github": "Vytvořit GitHub repozitář.",
+  "creating": "Vytvářím",
+  "cs": "Čeština",
+  "current_password": "Aktuální heslo",
+  "currently_subscribed_to_plan": "Máte předplacen tarif <0>__planName__</0>.",
+  "da": "Dánština",
+  "de": "Němčina",
+  "delete": "Smazat",
+  "delete_account": "Smazat účet",
+  "delete_and_leave": "Odstranit / Opustit",
+  "delete_your_account": "Smazat váš účet",
+  "deleting": "Smazávám",
+  "disconnected": "Odpojeno",
+  "documentation": "Dokumentace",
+  "doesnt_match": "Nesouhlasí",
+  "done": "Hotovo",
+  "download": "Stáhnout",
+  "download_pdf": "Stáhnout PDF",
+  "download_zip_file": "Stáhnout soubor .zip",
+  "dropbox_sync": "Synchronizace s Dropboxem",
+  "dropbox_sync_description": "Udržujte své projekty v __appName__u synchronizované s vašim Dropboxem. Změny v __appName__u budou automaticky poslány do Dropboxu a obráceně.",
+  "duplicate_file": "Zduplikovat soubor",
+  "editing": "Pro úpravy",
+  "email": "Email",
+  "email_or_password_wrong_try_again": "Váš email, nebo heslo není správně.",
+  "en": "Angličtina",
+  "es": "Španělština",
+  "example_project": "Vzorový projekt",
+  "export_project_to_github": "Exportovat projekt do GitHubu",
+  "features": "Vlastnosti",
+  "file_already_exists_in_this_location": "Soubor <0>__fileName__</0> již v daném umístění existuje. Pokud chcete tento soubor přesunout, nejprve přejmenujte nebo odstraňte ten existující.",
+  "files_selected": "souborů označeno.",
+  "first_name": "Jméno",
+  "folders": "Složky",
+  "font_size": "Velikost písma",
+  "forgot_your_password": "Zapomenuté heslo",
+  "fr": "Francouzština",
+  "free": "Zdarma",
+  "free_dropbox_and_history": "Zdarma Dropbox a Historie",
+  "full_doc_history": "Celá historie dokumentu",
+  "general": "Obecný",
+  "generic_something_went_wrong": "Omlouváme se, ale něco je špatně.",
+  "get_in_touch": "Buďte v kontaktu",
+  "github_commit_message_placeholder": "Commit zprávy pro změny udělané v __appName__u...",
+  "github_is_premium": "Synchronizace s GitHubem je prémiová funkce",
+  "github_no_master_branch_error": "Tento repozitář nemůže být importován, protože nemá master branch. Prosím zajistěte, aby projekt měl master branch.",
+  "github_public_description": "Tento repozitář může vidět kdokoliv. Vy určíte kdo do něj může commitovat,",
+  "github_successfully_linked_description": "Děkujeme, úspěšně jsem připojili váš GitHub účet k __appName__u. Nyní můžete exportovat své projekty v __appName__u do GitHubu, nebo importovat projekty z GitHub repozitáře.",
+  "github_sync": "Synchronizace s GitHubem",
+  "github_sync_description": "Můžete spojit vaše projekty v __appName__u s GitHub repozitářem. Můžete vytvářet nové commity z __appName__u a mergovat s commity vytvořenými offline, nebo na GitHubu.",
+  "github_sync_error": "Omlouváme se, ale při komunikaci s naší GitHub službou nastala chyba. Zkuste to za moment znovu.",
+  "github_validation_check": "Zkontrolujte prosím, jestli máte správné jméno repozitáře a jestli máte práva k jeho vytvoření.",
+  "go_to_code_location_in_pdf": "Přejít od místa v kódu k PDF",
+  "group_admin": "Administrátor skupiny",
+  "group_full": "Tato skupina je již naplněna.",
+  "help": "Nápověda",
+  "home": "Domů",
+  "hotkeys": "Klávesové zkratky",
+  "import_from_github": "Importovat z GitHubu",
+  "import_to_sharelatex": "Importovat do __appName__u",
+  "importing": "Importuji",
+  "importing_and_merging_changes_in_github": "Importuji a merguji změny v GitHubu",
+  "info": "Informace",
+  "institution": "Instituce",
+  "it": "Italština",
+  "join_sl_to_view_project": "Pro zobrazení tohoto projektu se přihlašte do __appName__.",
+  "keybindings": "Klávesové zkratky",
+  "language": "Jazyk",
+  "last_modified": "Naposledy změněno",
+  "last_name": "Příjmení",
+  "latex_templates": "Šablony pro LaTeX",
+  "learn_more": "Zjistit více",
+  "link_to_github": "Spojit s vašim GitHub účtem",
+  "link_to_github_description": "Musíte autorizovat __appName__ k přístupu do vaše GitHub účtu abychom mohli synchronizovat vaše projekty.",
+  "loading": "Načítám",
+  "loading_github_repositories": "Načítám vaše repozitáře z GitHubu",
+  "loading_recent_github_commits": "Načítám poslední commity",
+  "log_in": "Přihlásit se",
+  "log_out": "Odhlásit se",
+  "logging_in": "Přihlašuji",
+  "login": "Přihlášení",
+  "login_here": "Přihlašte se zde",
+  "logs_and_output_files": "Logy a výstupní soubory",
+  "lost_connection": "Připojení ztraceno",
+  "main_document": "Hlavní dokument",
+  "maintenance": "Údržba",
+  "make_private": "Nastavit jako soukromý",
+  "menu": "Menu",
+  "merge": "Mergovat",
+  "merging": "Merguji",
+  "month": "měsíc",
+  "monthly": "Měsíční",
+  "more": "Více",
+  "must_be_email_address": "Musíte zadat emailovou adresu",
+  "name": "Jméno",
+  "native": "Výchozí",
+  "navigation": "Pro navigaci",
+  "need_anything_contact_us_at": "Pokud vám můžeme s čímkoliv pomoci, nebojte se na nás obrátit na",
+  "need_to_leave": "Potřebujete odejít?",
+  "new_file": "Nový soubor",
+  "new_folder": "Nová složka",
+  "new_name": "Nové jméno",
+  "new_password": "Nové heslo",
+  "new_project": "Nový projekt",
+  "next_payment_of_x_collectected_on_y": "Další platba <0>__paymentAmmount__</0> bude stržena <1>__collectionDate__</1>",
+  "nl": "Holandština",
+  "no": "Norština",
+  "no_members": "Žádní členové",
+  "no_messages": "Žádné zprávy",
+  "no_new_commits_in_github": "Od posledního merge nejsou žádné nové commity.",
+  "no_planned_maintenance": "V současnosti není plánovaná žádná odstávka",
+  "no_preview_available": "Je nám líto, ale náhled není k dispozici.",
+  "no_projects": "Žádné projekty",
+  "no_selection_select_file": "Nevybrali jste žádný soubor.",
+  "off": "Vypnuto",
+  "ok": "OK",
+  "one_free_collab": "Jeden spolupracovník zdarma",
+  "online_latex_editor": "Online LaTeX editor",
+  "optional": "Dobrovolný",
+  "or": "nebo",
+  "other_logs_and_files": "Ostatní logy a soubory",
+  "over": "více než",
+  "owner": "Vlastník",
+  "page_not_found": "Stránka nenalezena",
+  "password": "Heslo",
+  "password_reset": "Resetovat heslo",
+  "password_reset_email_sent": "Byl vám zaslán email pro dokončení resetu vašeho hesla.",
+  "password_reset_token_expired": "Váš token pro reset hesla vypršel. Nechejte si prosím zaslat nový email a pokračujte odkazem v něm uvedeným.",
+  "password_too_long_please_reset": "Překročili jste maximální délku hesla. Prosíme změňte si heslo.",
+  "pdf_viewer": "Prohlížeč PDF",
+  "personal": "Personal",
+  "pl": "Polština",
+  "planned_maintenance": "Plánovaná odstávka",
+  "plans_amper_pricing": "Tarify a ceny",
+  "plans_and_pricing": "Tarify a ceny",
+  "please_compile_pdf_before_download": "Před stažením PDF prosím zkompilujte svůj projekt",
+  "please_enter_email": "Zadejte prosím svou emailovou adresu",
+  "please_refresh": "Pro pokračování prosím obnovte stránku.",
+  "position": "Pozice",
+  "presentation": "Prezentace",
+  "price": "Cena",
+  "privacy": "Soukromí",
+  "privacy_policy": "Ochrana osobních údajů",
+  "private": "Soukromé",
+  "problem_changing_email_address": "Nastal problém při změně vaší emailové adresy.Prosíme zkuste to za okamžik znovu. Pokud problémy přetrvají, kontaktujte nás.",
+  "problem_talking_to_publishing_service": "Vyskytl se problém s naší publikační službou, zkuste to prosím znovu za pár minut",
+  "problem_with_subscription_contact_us": "Vyskytly se problémy s vaším předplatným. Kontaktujte nás prosím pro více informací.",
+  "processing": "zpracovávám",
+  "professional": "Professional",
+  "project_last_published_at": "Váš projekt byl naposledy publikován",
+  "project_name": "Jméno projektu",
+  "project_not_linked_to_github": "Tento projekt není spojen s GitHub repozitářem. Můžete pro něj GitHub repozitář vytvořit:",
+  "project_ownership_transfer_confirmation_1": "Opravdu chcete změnit majitele projektu <1>__project__</1> na uživatele <0>__user__</0>?",
+  "project_ownership_transfer_confirmation_2": "Tuto akci nebudete moci vrátit. Nový majitel bude o změně informován, a bude moci změnit přístupová práva, včetně možnosti zamezit Vám v přístupu.",
+  "projects": "Projekty",
+  "pt": "Portugalština",
+  "public": "Veřejné",
+  "publish": "Publikovat",
+  "publish_as_template": "Publikovat jako šablonu",
+  "publishing": "Publikuji",
+  "pull_github_changes_into_sharelatex": "Vložit změny z GitHubu do __appName__u.",
+  "push_sharelatex_changes_to_github": "Vložit změny z __appName__u do GitHubu",
+  "recent_commits_in_github": "Poslední commity do GitHubu",
+  "recompile": "Překompilovat",
+  "reconnecting": "Obnovuji připojení",
+  "reconnecting_in_x_secs": "Obnovuji připojení za __seconds__ sek",
+  "refresh_page_after_starting_free_trial": "Obnovte prosím stránku poté co začnete používat svou bezplatnou trial verzi.",
+  "regards": "S pozdravem",
+  "register": "Registrovat",
+  "register_to_edit_template": "Pro úpravu šablony __templateName__ se prosím přihlašte",
+  "registered": "Registrováno",
+  "registering": "Registruji",
+  "remove_from_group": "Odstranit ze skupiny",
+  "removed": "odstraněno",
+  "rename": "Přejmenovat",
+  "rename_project": "Přejmenovat projekt",
+  "repository_name": "Jméno repozitáře",
+  "republish": "Publikovat znovu",
+  "request_password_reset": "Požádat o resetování hesla",
+  "required": "Povinná položka",
+  "reset_password": "Resetovat heslo",
+  "reset_your_password": "Resetovat heslo",
+  "restore": "Obnovit",
+  "restoring": "Obnovuji",
+  "restricted": "Důvěrné",
+  "restricted_no_permission": "Důvěrné; omlouváme se, ale nemáte dostatečná práva k zobrazení této stránky.",
+  "ro": "Rumunština",
+  "role": "Úloha",
+  "ru": "Ruština",
+  "saving": "Ukládám",
+  "saving_notification_with_seconds": "Ukládám __docname__... (__seconds__ sek neuložených změn)",
+  "search_projects": "Vyhledat projekty",
+  "security": "Zabezpečení",
+  "select_github_repository": "Vybrat GitHub repozitář k importování do __appName__u.",
+  "send_first_message": "Pošlete svou první zprávu spolupracovníkům",
+  "server_error": "Chyba serveru",
+  "set_new_password": "Nastavit nové heslo",
+  "set_password": "Nastavit heslo",
+  "settings": "Nastavení",
+  "share": "Sdílet",
+  "share_project": "Sdílet projekt",
+  "shared_with_you": "Sdílené s Vámi",
+  "show_hotkeys": "Zobrazit zkratky",
+  "somthing_went_wrong_compiling": "Omlouváme se, ale něco se pokazilo a váš projekt nemůže být zkompilován. Zkuste to prosím znovu za pár okamžiků.",
+  "source": "Zdroj",
+  "spell_check": "Kontrola pravopisu",
+  "start_free_trial": "Začněte s trial verzí zdarma!",
+  "student": "Student",
+  "subscribe": "Odebírat novinky",
+  "subscription": "Předplatné",
+  "subscription_canceled_and_terminate_on_x": " Vaše předplatné bylo zrušeno a bude ukončeno k <0>__terminateDate__</0>. Žádná další platba nebude stržena.",
+  "sure_you_want_to_change_plan": "Opravdu chcete změnit tarif na <0>__planName__</0>?",
+  "sure_you_want_to_delete": "Opravdu chcete nenávratně smazat následující soubory?",
+  "sv": "Švédština",
+  "sync": "Synchronizace",
+  "sync_project_to_github_explanation": "Každá změna, kterou uděláte v __appName__u, bude commitována a mergována z každou změnou v GitHubu.",
+  "sync_to_dropbox": "Synchronizujte s Dropboxem",
+  "take_me_home": "Vezmi mě zpět!",
+  "template_description": "Popis šablony",
+  "templates": "Šablony",
+  "terms": "Podmínky",
+  "thank_you": "Děkujeme",
+  "thanks": "Děkujeme",
+  "thanks_for_subscribing": "Děkujeme za odběr!",
+  "thanks_for_subscribing_you_help_sl": "Děkujeme za předplacení tarifu __planName__. Podpora od lidí jako jste vy je to, co umožňuje, aby __appName__ rostl a zlepšoval se.",
+  "thanks_settings_updated": "Děkujeme, vaše nastavení bylo aktualizováno.",
+  "theme": "Vzhled",
+  "thesis": "Závěrečná práce",
+  "this_action_cannot_be_undone": "Tuto akci nepůjde vrátit zpět!",
+  "this_project_is_public": "Tento projekt je veřejný a editovatelný kýmkoliv s URL.",
+  "this_project_is_public_read_only": "Tento projekt je veřejný a může být zobrazen, ale ne editován, kýmkoliv kdo má URL",
+  "this_project_will_appear_in_your_dropbox_folder_at": "Tento projekt se objeví ve vaší Dropbox složce jako ",
+  "three_free_collab": "Tři spolupracovníci zdarma",
+  "timedout": "Vypršel čas",
+  "title": "Název",
+  "to_many_login_requests_2_mins": "Tento účet má příliš mnoho žádostí o přihlášení. Počkejte prosím 2 minuty před dalším pokusem.",
+  "token_access_failure": "Přístup odepřen; kontaktujte prosím majitele projektu",
+  "tr": "Turečtina",
+  "trash": "Vyhodit do koše",
+  "trash_projects": "Vyhodit projekty do koše",
+  "trashed_projects": "Koš",
+  "try_now": "Vyzkoušejte teď",
+  "uk": "Ukrajinština",
+  "university": "Univerzita",
+  "unlimited_collabs": "Neomezený počet spolupracovníků",
+  "unlimited_projects": "Neomezený počet projektů",
+  "unlink": "Odpojit",
+  "unlink_github_repository": "Odlinkovat Github repozitář",
+  "unlink_github_warning": "Všechny projekty synchronizované s GitHubem budou odpojeny a déle nesynchronizovány. Opravdu chcete váš GitHub účet odpojit?",
+  "unlinking": "Odlinkovávám",
+  "unpublish": "Zrušit publikování",
+  "unpublishing": "Ruším publikování",
+  "unsubscribe": "Zrušit odběr",
+  "unsubscribed": "Odběr zrušen",
+  "unsubscribing": "Ruším odběr",
+  "untrash": "Obnovit",
+  "update": "Aktualizovat",
+  "update_account_info": "Aktualizovat informace o účtu",
+  "update_dropbox_settings": "Aktualizovat nastavení Dropboxu",
+  "update_your_billing_details": "Aktualizujte své fakturační údaje",
+  "updating_site": "Upravuji stránku",
+  "upgrade": "Upgrade",
+  "upload": "Nahrát",
+  "upload_file": "Nahrát soubor",
+  "upload_project": "Nahrát projekt",
+  "upload_zipped_project": "Nahrát zazipovaný projekt",
+  "user_wants_you_to_see_project": "Uživatel __username__ by se rád přidal k projektu __projectname__",
+  "view_all": "Zobrazit vše",
+  "view_in_template_gallery": "Zobrazit v galerii šablon",
+  "welcome_to_sl": "Vítejte v __appName__",
+  "year": "rok",
+  "you_have_added_x_of_group_size_y": "Přidal jste <0>__addedUsersSize__</0> z <1>__groupSize__</1> možných členů",
+  "your_plan": "Váš tarif",
+  "your_projects": "Vaše projekty",
+  "your_subscription": "Vaše předplatné",
+  "your_subscription_has_expired": "Vaše předplatné vypršelo."
+}
diff --git a/services/web/locales/da.json b/services/web/locales/da.json
new file mode 100644
index 0000000..4ff3e5d
--- /dev/null
+++ b/services/web/locales/da.json
@@ -0,0 +1,2260 @@
+{
+  "12x_basic": "12x basis",
+  "1_2_width": "½ bredde",
+  "1_4_width": "¼ bredde",
+  "3_4_width": "¾ bredde",
+  "About": "Om",
+  "Account": "Konto",
+  "Account Settings": "Kontoindstillinger",
+  "Documentation": "Dokumentation",
+  "Projects": "Projekter",
+  "Security": "Sikkerhed",
+  "Subscription": "Abonnement",
+  "Terms": "Vilkår",
+  "Universities": "Universiteter",
+  "a_custom_size_has_been_used_in_the_latex_code": "En brugerdefineret størrelse er blevet brugt i LaTeX koden.",
+  "a_fatal_compile_error_that_completely_blocks_compilation": "En <0>fatal kompileringsfejl</0> som blokerer kompileringen.",
+  "a_file_with_that_name_already_exists_and_will_be_overriden": "En fil med dette navn eksisterer allerede og vil blive overskrevet.",
+  "a_more_comprehensive_list_of_keyboard_shortcuts": "En mere fyldestgørende liste over tastaturgenveje kan findes i <0>denne __appName__-projektskabelon</0>",
+  "about": "Om",
+  "about_to_archive_projects": "Du er ved at arkivére følgende projekter:",
+  "about_to_delete_cert": "Du er ved at slette det følgende certifikat:",
+  "about_to_delete_projects": "Du er ved at slette følgende projekter:",
+  "about_to_delete_tag": "Du er ved at slette det følgende tag (ingen af taggets projekter vil blive slettet):",
+  "about_to_delete_the_following_project": "Du er ved at slette følgende projekt",
+  "about_to_delete_the_following_projects": "Du er ved at slette følgende projekter",
+  "about_to_delete_user_preamble": "Du er ved at slette __userName__ (__userEmail__). At gøre dette vil betyde:",
+  "about_to_enable_managed_users": "Ved at aktivere Styrede Brugere funktionen bliver alle eksisterende medlemmer af gruppeabonnementet inviteret til at blive styret. Dette giver dig adminstrator-rettigheder over deres konto. Det vil også være muligt at invitere nye medlemmer til at tilslutte sig abonnementet og blive styret.",
+  "about_to_leave_project": "Du er ved at forlade dette projekt.",
+  "about_to_leave_projects": "Du er ved at forlade følgende projekter:",
+  "about_to_trash_projects": "Du er ved at kassére følgende projekter:",
+  "abstract": "Resumé",
+  "accept": "Accepter",
+  "accept_and_continue": "Accepter og forsæt",
+  "accept_change": "Accepter ændring",
+  "accept_change_error_description": "Der opstod en fejl under accepten af en ændring. Prøv venligst igen om lidt.",
+  "accept_change_error_title": "Fejl i accept af ændring",
+  "accept_invitation": "Accepter invitation",
+  "accept_or_reject_each_changes_individually": "Accepter eller afvis hver rettelse individuelt",
+  "accept_terms_and_conditions": "Accepter vilkår og betingelser",
+  "accepted_invite": "Accepteret invitation",
+  "accepting_invite_as": "Du accepterer denne invitation som",
+  "access_denied": "Adgang nægtet",
+  "access_levels_changed": "Adgangsrettigheder ændret",
+  "account": "Konto",
+  "account_has_been_link_to_institution_account": "Din __appName__-konto <b>__email__</b> er nu forbundet til din instutionelle konto fra <b>__institutionName__</b>.",
+  "account_has_past_due_invoice_change_plan_warning": "Din konto har i øjeblikket en regning med overskredet betalingsdato. Du vil ikke kunne ændre dit abonnement før det er løst.",
+  "account_linking": "Kontosammenkædning",
+  "account_managed_by_group_administrator": "Din konto er styret af din gruppeadministrator (__admin__)",
+  "account_not_linked_to_dropbox": "Din konto er ikke forbundet til Dropbox",
+  "account_settings": "Kontoindstillinger",
+  "account_with_email_exists": "Det ser ud til at en <b>__appName__</b>-konto med e-mailaddressen <b>__email__</b> allerede eksisterer.",
+  "acct_linked_to_institution_acct_2": "Du kan <0>logge ind</0> i Overleaf igennem din institutionelle indlogning fra <0>__institutionName__</0>.",
+  "actions": "Handliger",
+  "activate": "Aktiver",
+  "activate_account": "Aktiver din konto",
+  "activating": "Aktiverer",
+  "activation_token_expired": "Din aktiverings-nøgle er udløbet og du er nødt til at få en anden tilsendt.",
+  "active": "Aktiv",
+  "add": "Tilføj",
+  "add_a_recovery_email_address": "Tilføj en e-mailadresse til gendannelse",
+  "add_additional_certificate": "Tilføj endnu et certifikat",
+  "add_affiliation": "Tilføj tilhørsforhold",
+  "add_another_address_line": "Tilføj endnu en linje",
+  "add_another_email": "Tilføj endnu en e-mailadresse",
+  "add_another_token": "Tilføj endnu en nøgle",
+  "add_comma_separated_emails_help": "Brug komma (,) til at adskille e-mailadresser.",
+  "add_comment": "Tilføj kommentar",
+  "add_comment_error_message": "Der opstod en fejl ved tilføjelsen af din kommentar. Prøv venligst igen om lidt.",
+  "add_comment_error_title": "Fejl under tilføjelse af kommentar",
+  "add_company_details": "Tilføj virksomhedsinformationer",
+  "add_email": "Tilføj e-mailadresse",
+  "add_email_address": "Tilføj e-mailaddresse",
+  "add_email_to_claim_features": "Tilføj en institutionel e-mailadresse for at gøre krav på dine funktioner.",
+  "add_files": "Tilføj filer",
+  "add_more_editors": "Tilføj flere redaktører",
+  "add_more_managers": "Tilføj flere gruppeadministratorer",
+  "add_new_email": "Tilføj ny e-mailaddresse",
+  "add_or_remove_project_from_tag": "Tilføj projekt til, eller fjern projekt fra, tagget __tagName__",
+  "add_people": "Tilføj folk",
+  "add_role_and_department": "Tilføj rolle og afdeling",
+  "add_to_dictionary": "Tilføj til ordbog",
+  "add_to_tag": "Tilføj til tag",
+  "add_your_comment_here": "Tilføj din kommentar her",
+  "add_your_first_group_member_now": "Tilføj de første medlemmer til din gruppe nu",
+  "added": "tilføjet",
+  "added_by_on": "Tilføjet af __name__ d. __date__",
+  "adding": "Tilføjer",
+  "additional_certificate": "Ekstra certifikat",
+  "additional_licenses": "Dit abonnement inkluderer <0>__additionalLicenses__</0> yderligere licens(er) for et total af <1>__totalLicenses__</1> licenser.",
+  "address": "Adresse",
+  "address_line_1": "Adresse",
+  "address_second_line_optional": "Adresse linje 2 (ikke påkrævet)",
+  "adjust_column_width": "Justér kolonnebredde",
+  "admin": "admin",
+  "admin_panel": "Adminpanel",
+  "admin_user_created_message": "Administratorkonto oprettet,  <a href=\"__link__\">Log ind her</a> for at fortsætte",
+  "administration_and_security": "Administration og sikkerhed",
+  "advanced_reference_search": "Avanceret <0>henvisningssøgning</0>",
+  "advanced_reference_search_mode": "Avanceret henvisningssøgning",
+  "aggregate_changed": "Ændrede",
+  "aggregate_to": "til",
+  "agree_with_the_terms": "Jeg accepterer Overleafs vilkår",
+  "ai_can_make_mistakes": "AI kan lave fejl. Tjek rettelser før du anvender dem.",
+  "ai_feedback_tell_us_what_was_wrong_so_we_can_improve": "Fortæl os hvad der var forkert så vi kan forbedre os.",
+  "ai_feedback_the_answer_was_too_long": "Svaret var for langt",
+  "ai_feedback_the_answer_wasnt_detailed_enough": "Svaret var ikke fyldestgørende nok",
+  "ai_feedback_the_suggestion_didnt_fix_the_error": "Forslaget rettede ikke fejlen",
+  "ai_feedback_the_suggestion_wasnt_the_best_fix_available": "Forslaget var ikke den bedste måde at løse problemet på",
+  "ai_feedback_there_was_no_code_fix_suggested": "Intet kode blev foreslået",
+  "alignment": "Justering",
+  "all": "Alle",
+  "all_borders": "Alle kanter",
+  "all_premium_features": "Alle Premium-funktioner",
+  "all_premium_features_including": "Alle Premium-funktioner, inklusiv:",
+  "all_prices_displayed_are_in_currency": "Alle priser er vist i __recommendedCurrency__.",
+  "all_projects": "Alle projekter",
+  "all_projects_will_be_transferred_immediately": "Alle projekter vil øjeblikkeligt blive overdraget til den nye ejer",
+  "all_templates": "Alle skabeloner",
+  "all_the_pros_of_our_standard_plan_plus_unlimited_collab": "Alle fordelene ved vores Standard abonnement samt et ubegrænset antal samarbejdspartnere per projekt.",
+  "all_these_experiments_are_available_exclusively": "Alle disse eksperimenter er tilgængelige udelukkende for medlemmer af Labs programmet. Hvis du tilmelder dig, kan du vælge hvilke eksperimenter du vil prøve.",
+  "allows_to_search_by_author_title_etc_possible_to_pull_results_directly_from_your_reference_manager_if_connected": "Tillader søgning på forfatter, title, m.fl. Muligt at hente resultater fra din henvisningsmanager (hvis tilkoblet).",
+  "already_have_an_account": "Har du allerede en konto?",
+  "already_have_sl_account": "Har du allerede en __appName__-konto?",
+  "already_subscribed_try_refreshing_the_page": "Har du allerede abonneret? Prøv at genindlæse siden.",
+  "also": "Derudover",
+  "alternatively_create_new_institution_account": "Alternativt kan du oprette en <b>ny konto</b> med din institutionelle e-mailaddresse (<b>__email__</b>), ved at klikke <b>__clickText__</b>.",
+  "an_email_has_already_been_sent_to": "En e-mail er allerede blevet sendt til <0>__email__</0>. Vent lidt og prøv igen senere.",
+  "an_error_occured_while_restoring_project": "En fejl opstod under gendannelsen af projektet",
+  "an_error_occurred_when_verifying_the_coupon_code": "En fejl opstod under valideringen af rabatkoden",
+  "and": "og",
+  "annual": "Årlig",
+  "anonymous": "Anonym",
+  "anyone_with_link_can_edit": "Alle med dette link kan redigere dette projekt",
+  "anyone_with_link_can_view": "Alle med dette link kan se dette projekt",
+  "app_on_x": "__appName__ på __social__",
+  "apply_educational_discount": "Anvend studierabat",
+  "apply_suggestion": "Anvend forslag",
+  "april": "April",
+  "archive": "Arkivér",
+  "archive_projects": "Arkivér projekter",
+  "archived": "Arkiveret",
+  "archived_projects": "Arkiverede projekter",
+  "archiving_projects_wont_affect_collaborators": "Det har ingen virkning på dine samarbejdspartnere, at arkivere projekter.",
+  "are_you_affiliated_with_an_institution": "Tilhører du en institution?",
+  "are_you_getting_an_undefined_control_sequence_error": "Får du en Undefined Control Sequence fejl? Hvis du gør, så dobbelttjek at du har inkluderet graphicx pakken—<0>\\usepackage{graphicx}</0>—i præamblen (den første kodesektion) i dit dokument. <1>Lær mere</1>",
+  "are_you_still_at": "Er du stadig hos <0>__institutionName__</0>?",
+  "article": "Artikel",
+  "articles": "Artikler",
+  "as_a_member_of_sso_required": "Som en del af <b>__institutionName__</b> er du nødt til at logge ind i <b>__appName__</b> igennem din institution.",
+  "as_email": "som __email__",
+  "ascending": "Stigende",
+  "ask_proj_owner_to_unlink_from_current_github": "Anmod ejeren af dette projekt (<0>__projectOwnerEmail__</0>) om at afkoble projektet fra det nuværende GitHub repository og forbind til et andet repository.",
+  "ask_proj_owner_to_upgrade_for_full_history": "Du må bede projektets ejer om at opgradere, for at få adgang til projektets fulde historie.",
+  "ask_proj_owner_to_upgrade_for_references_search": "Du må bede projektets ejer om at opgradere, for at bruge søgning i referencerne.",
+  "ask_repo_owner_to_reconnect": "Anmod ejeren af Github repository’et (<0>__repoOwnerEmail__</0>) om at genforbinde projektet.",
+  "ask_repo_owner_to_renew_overleaf_subscription": "Anmod ejeren af Github repository’et (<0>__repoOwnerEmail__</0>) om at forny deres __appName__ abonnement og genforbinde projektet.",
+  "at_most_x_libraries_can_be_selected": "Der kan vælges maksimalt __maxCount__ biblioteker",
+  "august": "August",
+  "author": "Forfatter",
+  "auto_close_brackets": "Luk automatisk firkantede parenteser",
+  "auto_compile": "Kompilér automatisk",
+  "auto_complete": "Udfyld automatisk",
+  "autocompile_disabled": "Automatisk kompilering slået fra",
+  "autocompile_disabled_reason": "Grundet høj serverbelastning er baggrunds kompilering midlertidig slået fra. Genkompiler venligst ved at klikke på ovenstående knap.",
+  "autocomplete": "Auto udfyld",
+  "autocomplete_references": "Automatisk reference-udfyldelse (indeni en <code>\\cite{}</code> blok)",
+  "automatic_user_registration_uppercase": "Automatisk brugeroprettelse",
+  "back": "Tilbage",
+  "back_to_account_settings": "Tilbage til kontoindstillinger",
+  "back_to_all_posts": "Tilbage til alle indlæg",
+  "back_to_configuration": "Tilbage til konfigurering",
+  "back_to_editor": "Tilbage til skrivevinduet",
+  "back_to_log_in": "Tilbage til login",
+  "back_to_subscription": "Tilbage til abonnement",
+  "back_to_your_projects": "Tilbage til dine projekter",
+  "basic": "Basis",
+  "basic_compile_timeout_on_fast_servers": "Basis kompileringstidsgrænse på hurtige servere",
+  "become_an_advisor": "Bliv en __appName__ rådgiver",
+  "beta": "Beta",
+  "beta_feature_badge": "Betafunktions-skilt",
+  "beta_program_already_participating": "Du er tilmeldt betaprogrammet",
+  "beta_program_badge_description": "Når du bruger __appName__ vil du beta funktioner være markeret med dette mærke:",
+  "beta_program_benefits": "Vi forbedrer hele tiden __appName__. Ved at tilmelde dig dette program, får du <0>tidlig adgang til nye funktioner,</0> og du kan hjælpe os til bedre at forstå dine behov.",
+  "beta_program_not_participating": "Du er ikke tilmeldt betaprogrammet",
+  "beta_program_opt_in_action": "Tilmeld dig betaprogrammet",
+  "beta_program_opt_out_action": "Frameld dig betaprogrammet",
+  "bibliographies": "Bibliografier",
+  "binary_history_error": "Ingen forhåndsvisning for denne type fil",
+  "blank_project": "Tomt projekt",
+  "blocked_filename": "Der er blokeret for det her filnavn.",
+  "blog": "Blog",
+  "browser": "Browser",
+  "built_in": "Indbygget",
+  "buy_now_no_exclamation_mark": "Køb nu",
+  "by": "af",
+  "by_joining_labs": "Ved at tilmelde dig Labs accepterer du at modtage emails og opdateringer fra Overleaf — for eksempel for at bede om din feedback. Du accepterer også vores <0>servicevilkår</0> og <1>privatlivspolitik</1>.",
+  "by_registering_you_agree_to_our_terms_of_service": "Ved at registrere dig accepterer du vores <0>servicevilkår</0> og <1>privatlivspolitik</1>.",
+  "by_subscribing_you_agree_to_our_terms_of_service": "Ved at abonnere accepterer du vores <0>servicevilkår</0>.",
+  "can_link_institution_email_acct_to_institution_acct": "Du kan nu kæde din <b>__appName__</b>-konto <b>__email__</b> sammen med din institutionelle konto fra <b>__institutionName__</b>.",
+  "can_link_institution_email_by_clicking": "Du kan kæde din <b>__appName__</b>-konto <b>__email__</b> sammen med din <b>__institutionName__</b>-konto ved at klikke <b>__clickText__</b>.",
+  "can_link_institution_email_to_login": "Du kan kæde din <b>__appName__</b>-konto <b>__email__</b> sammen med din <b>__institutionName__</b>-konto, hvilket vil gøre det muligt for dig at logge ind i <b>__appName__</b> igennem din institution, og vil genbekræfte din institutionelle e-mailadresse.",
+  "can_link_your_institution_acct_2": "Du kan nu kæde din <0>__appName__</0>-konto sammen med din institutionelle konto fra <0>__institutionName__</0>.",
+  "can_now_relink_dropbox": "Du kan nu <0>genoprette forbindelsen med din Dropbox-konto</0>",
+  "cancel": "Annuller",
+  "cancel_anytime": "Vi er sikre på at du vil elske __appName__, men hvis ikke kan du altid annulere. Vi giver dig pengene tilbage uden spørgsmål, hvis bare du fortæller os det inden for 30 dage.",
+  "cancel_my_account": "Ophæv dit abonnement",
+  "cancel_my_subscription": "Opsig mit abonnement",
+  "cancel_personal_subscription_first": "Du har allerede et personligt abonnement. Ønsker du, at dette abonnement annulleres inden du tilslutter dig gruppe licensen?",
+  "cancel_your_subscription": "Annullér dit abonnement",
+  "cannot_invite_non_user": "Kan ikke sende invitation. Modtageren er nødt til at have en __appName__ konto i forvejen.",
+  "cannot_invite_self": "Kan ikke sende invitation til dig selv",
+  "cannot_verify_user_not_robot": "Vi har desværre ikke kunnet verificere, at du ikke er en robot. Tjek venligst at Google reCAPTCHA ikke bliver blokeret af en adblocker eller en firewall.",
+  "cant_find_email": "Denne e-mailadresse adresse er desværre ikke registreret.",
+  "cant_find_page": "Beklager, vi kan ikke finde siden, du leder efter.",
+  "cant_see_what_youre_looking_for_question": "Er der noget, der mangler?",
+  "caption_above": "Billedtekst ovenfor",
+  "caption_below": "Billedtekst nedenfor",
+  "card_details": "Betalingskortsoplysninger",
+  "card_details_are_not_valid": "Betalingskortsoplysningerne er ugyldige",
+  "card_must_be_authenticated_by_3dsecure": "Betalingskortet skal godkendes med 3D Secure før du kan fortsætte",
+  "card_payment": "Kortbetaling",
+  "careers": "Karriere",
+  "categories": "Kategorier",
+  "category_arrows": "Pile",
+  "category_greek": "Græsk",
+  "category_misc": "Div",
+  "category_operators": "Operatorer",
+  "category_relations": "Relationer",
+  "center": "Centreret",
+  "certificate": "Certifikat",
+  "change": "Ændr",
+  "change_currency": "Ændr valuta",
+  "change_language": "Skift sprog",
+  "change_or_cancel-cancel": "anuller",
+  "change_or_cancel-change": "Ændr",
+  "change_or_cancel-or": "eller",
+  "change_owner": "Skift ejer",
+  "change_password": "Skift Kodeord",
+  "change_password_in_account_settings": "Skift kodeord i kontoindstillingerne",
+  "change_plan": "Ændre abonnement",
+  "change_primary_email_address_instructions": "For at ændre din primære e-mailadresse, tilføj først din nye primære e-mailadresse (ved at klikke <0>Tilføj endnu en e-mailadesse</0>) og bekræft den. Klik derefter på <0>Gør til primær</0>. <1>Lær mere</1> omkring håndtering af dine __appName__ e-mailadresser",
+  "change_project_owner": "Skift projektejer",
+  "change_the_ownership_of_your_personal_projects": "Ændr ejerskabet af dine personlige projekter til den nye konto. <0>Find ud af hvordan man ændrer projektejer.</0>",
+  "change_to_group_plan": "Skift til gruppeabonnement",
+  "change_to_this_plan": "Ændring til dette abonnement",
+  "changing_the_position_of_your_figure": "Ændr positionen af din figur",
+  "changing_the_position_of_your_table": "Ændring af positionen af din tabel",
+  "chat": "Chat",
+  "chat_error": "Kunne ikke indlæse chatbeskeder, prøv venligst igen.",
+  "check_your_email": "Tjek din e-mail",
+  "checking": "Tjekker",
+  "checking_dropbox_status": "Kontrollerer Dropbox status",
+  "checking_project_github_status": "Tjekker projektstatus i GitHub",
+  "choose_a_custom_color": "Vælg en brugerdefineret farve",
+  "choose_from_group_members": "Vælg mellem gruppemedlemmer",
+  "choose_which_experiments": "Vælg hvilke eksperimenter du gerne vil prøve.",
+  "choose_your_plan": "Vælg dit abonnement",
+  "city": "By",
+  "clear_cached_files": "Ryd cachede filer",
+  "clear_search": "ryd søgning",
+  "clear_sessions": "Ryd sessioner",
+  "clear_sessions_description": "Dette er en liste over alle din brugers aktive sessioner (logins), undtagen din nuværende session. Klik på knappen “Ryd sessioner” nedenunder for at logge dem af.",
+  "clear_sessions_success": "Sessioner ryddet",
+  "clearing": "Rydder",
+  "click_here_to_view_sl_in_lng": "Klik her for at bruge __appName__ på <0>__lngName__</0>",
+  "click_link_to_proceed": "Klik på <b>__clickText__</b> herunder for at fortsætte.",
+  "clicking_delete_will_remove_sso_config_and_clear_saml_data": "At klikke på <0>Slet</0> vil fjerne din SSO konfiguration og afkoble alle brugere. Du kan kun gøre dette mens SSO er deaktiveret i dine gruppeindstillinger.",
+  "clone_with_git": "Klon med Git",
+  "close": "Luk",
+  "clsi_maintenance": "Kompileringsserverne er lukkede grundet vedligeholdelse, men vil være klar om et øjeblik.",
+  "clsi_unavailable": "Beklager, kompileringsserveren til dit projekt var midlertidigt utilgængelig. Prøv igen om lidt.",
+  "cn": "Kinesisk (forenklet)",
+  "code_check_failed": "Kodetjek fejlede",
+  "code_check_failed_explanation": "Din kode har fejl, der skal rettes før auto-kompileren kan køre",
+  "code_editor": "Kodeeditor",
+  "code_editor_tooltip_message": "Du kan se koden bag dit projekt (og redigere den) i kodeeditoren.",
+  "code_editor_tooltip_title": "Vil du gerne se og redigere LaTeX koden?",
+  "collaborate_easily_on_your_projects": "Samarbejd nemt på dine projekter. Arbejd på længere eller mere komplekse dokumenter.",
+  "collaborate_online_and_offline": "Samarbejd online og offline, med dit eget workflow",
+  "collaboration": "Samarbejde",
+  "collaborator": "Samarbejdspartner",
+  "collabratec_account_not_registered": "IEEE Collabratec™ konto er ikke registeret. Forbind til Overleaf from IEEE Collabratec™ eller log ind med en anden konto.",
+  "collabs_per_proj": "__collabcount__ samarbejdspartnere per projekt",
+  "collabs_per_proj_single": "__collabcount__ samarbejdspartnere per projekt",
+  "collapse": "Fold sammen",
+  "column_width": "Kolonnebredde",
+  "column_width_is_custom_click_to_resize": "Kolonnebredden er brugerdefineret. Klik for at ændre",
+  "column_width_is_x_click_to_resize": "Kolonnebredden er __width__. Klik for at ændre",
+  "comment": "Kommentar",
+  "common": "Almindelig",
+  "common_causes_of_compile_timeouts_include": "Hyppige årsager til kompileringstimeout",
+  "commons_plan_tooltip": "Du er på __plan__ abonnementet gennem din tilknytning til __institution__. Klik for at finde ud af hvordan du bedst udnytter dine Overlaf Premium-funktioner.",
+  "compact": "Kompakt",
+  "company_name": "Virksomhedsnavn",
+  "compare": "Sammenlign",
+  "compare_features": "Sammenlign funktioner",
+  "comparing_from_x_to_y": "Sammenligner fra <0>__startTime__<0> til <0>__endTime__</0>",
+  "compile_error_entry_description": "En fejl, som forhindrede dette projekt i at kompilere",
+  "compile_error_handling": "Håndtéring af kompileringsfejl",
+  "compile_larger_projects": "Kompilér større projekter",
+  "compile_mode": "Kompilering metode",
+  "compile_servers": "Kompileringsservere",
+  "compile_servers_info_new": "Serverene brugt til at kompilere dit projekt. Kompileringer for brugere på betalte abonnementer udføres altid på de hurtigst tilgængelige servere.",
+  "compile_terminated_by_user": "Kompileringen blev annulleret med knappen ‘Stop kompilering’. Du kan se loggen for at se hvor kompileringen stoppede.",
+  "compile_timeout_short": "Kompileringstidsgrænse",
+  "compile_timeout_short_info_new": "Dette er hvor meget tid du har til at kompilere dit projekt på Overleaf. Længere eller mere komplekse projekter kan have brug for ekstra tid.",
+  "compiler": "Kompilér",
+  "compiling": "Kompilerer",
+  "complete": "Færdig",
+  "compliance": "Compliance",
+  "compromised_password": "Kompromitteret kodeord",
+  "configure_sso": "Konfigurer SSO",
+  "configured": "Konfigureret",
+  "confirm": "Bekræft",
+  "confirm_affiliation": "Bekræft tilknytning",
+  "confirm_affiliation_to_relink_dropbox": "Bekræft venligst at du stadig er på institutionen og på deres licens, eller opgradér din konto for at genetablere forbindelsen til din Dropbox konto.",
+  "confirm_delete_user_type_email_address": "For at bekræfte at du ønsker at slette __userName__, indtast venligst e-mailadressen tilknyttet deres konto",
+  "confirm_email": "Bekræft e-mailadresse",
+  "confirm_new_password": "Bekræft nyt kodeord",
+  "confirm_primary_email_change": "Bekræft ændring af din primære e-mailadesse",
+  "confirm_remove_sso_config_enter_email": "For at bekræfte at du ønsker at fjerne din SSO konfiguration, indtast venligst din e-mailadresse.",
+  "confirm_your_email": "Bekræft din e-mailadresse",
+  "confirmation_link_broken": "Beklager, der er noget galt med dit bekræftelseslink. Du kan prøve at kopiere og indsætte linket i bunden af din bekræftelsesmail.",
+  "confirmation_token_invalid": "Beklager, dit bekræftelseslink er ugyldig eller udløbet. Vi må bede dig bestille en ny email med et bekræftelseslink.",
+  "confirming": "Berkræfter",
+  "conflicting_paths_found": "Modstridende stier blev fundet",
+  "congratulations_youve_successfully_join_group": "Tillykke! Du er blevet tilknyttet gruppeabonnementet.",
+  "connected_users": "Forbundne brugere",
+  "connecting": "Forbinder",
+  "contact": "Kontakt",
+  "contact_group_admin": "Kontakt venligst din gruppeadministrator.",
+  "contact_message_label": "Besked",
+  "contact_sales": "Kontakt salgsafdelingen",
+  "contact_support": "Kontakt support",
+  "contact_support_to_change_group_subscription": "<0>Kontakt venligst support</0> hvis du ønsker at ændre dit gruppeabonnement.",
+  "contact_us": "Kontakt os",
+  "contact_us_lowercase": "Kontakt os",
+  "contacting_the_sales_team": "At komme i kontakt med salgsafdelingen",
+  "continue": "Fortsæt",
+  "continue_github_merge": "Jeg har flettet manuelt. Fortsæt",
+  "continue_to": "Fortsæt til __appName__",
+  "continue_with_free_plan": "Fortsæt med gratis abonnement",
+  "continue_with_service": "Fortsæt med __service__",
+  "copied": "Kopieret",
+  "copy": "Kopier",
+  "copy_code": "Kopier kode",
+  "copy_project": "Kopier projekt",
+  "copy_response": "Kopier svar",
+  "copying": "Kopierer",
+  "could_not_connect_to_collaboration_server": "Kunne ikke forbinde til samarbejdsserver",
+  "could_not_connect_to_websocket_server": "Kunne ikke forbinde til WebSocket server",
+  "could_not_load_translations": "Kunne ikke indlæse oversættelse",
+  "country": "Land",
+  "country_flag": "__country__ flag",
+  "coupon_code": "Rabatkode",
+  "coupon_code_is_not_valid_for_selected_plan": "Rabatkoden er ikke gyldig for det valgte abonnement",
+  "coupons_not_included": "Dette inkluderer ikke dine nuværende rabatter. De bliver automatisk lagt ind før din næste betaling",
+  "create": "Opret",
+  "create_a_new_password_for_your_account": "Opret et nyt kodeord til din konto",
+  "create_a_new_project": "Opret et nyt projekt",
+  "create_account": "Opret konto",
+  "create_an_account": "Opret en konto",
+  "create_first_admin_account": "Opret den første administratorkonto",
+  "create_new_account": "Opret en ny konto",
+  "create_new_subscription": "Opret nyt abonnement",
+  "create_new_tag": "Opret nyt tag",
+  "create_project_in_github": "Opret et GitHub repository",
+  "created_at": "Oprettet d.",
+  "creating": "Opretter",
+  "credit_card": "Betalingskort",
+  "cs": "Tjekkisk",
+  "currency": "Valuta",
+  "current_file": "Nuværende fil",
+  "current_page_page": "Nuværende side, side __page__",
+  "current_password": "Nuværende kodeord",
+  "current_session": "Nuværende session",
+  "currently_seeing_only_24_hrs_history": "Du ser nu på de sidste 24 timers ændringer i dette projekt.",
+  "currently_signed_in_as_x": "Lige nu logget ind som <0>__userEmail__</0>.",
+  "currently_subscribed_to_plan": "Du abonnerer pt. på <0>__planName__</0> abonnementet.",
+  "custom": "Brugerdefineret",
+  "custom_borders": "Brugerdefinerede kanter",
+  "customize": "Tilpas",
+  "customize_your_group_subscription": "Tilpas dit gruppeabonnement",
+  "customizing_figures": "Tilpasning af figurer",
+  "customizing_tables": "Tilpasning af tabeller",
+  "da": "Dansk",
+  "date": "Dato",
+  "date_and_owner": "Dato og ejer",
+  "de": "Tysk",
+  "dealing_with_errors": "Fejlhåndtering",
+  "december": "December",
+  "dedicated_account_manager": "Dedikeret account-manager",
+  "default": "Standard",
+  "delete": "Slet",
+  "delete_account": "Slet konto",
+  "delete_account_confirmation_label": "Jeg er indforstået med, at dette vil slette alle mine __appName__-projekter under e-mailadressen <0>__userDefaultEmail__</0>",
+  "delete_account_warning_message_3": "Du er ved permanent at <strong>slette alle din kontos data</strong>, herunder dine projekter og indstillinger. Vi beder dig skrive din kontos e-mailadresse og kodeord i felterne herunder, før du kan fortsætte.",
+  "delete_acct_no_existing_pw": "Du bliver nødt til at bruge nulstillelsesformularen til at indstille et kodeord, før du kan slette din konto.",
+  "delete_and_leave": "Slet / Forlad",
+  "delete_and_leave_projects": "Slet og forlad projekter",
+  "delete_authentication_token": "Slet autentificeringsnøgle",
+  "delete_authentication_token_info": "Du er ved at slette en Git autentificeringsnøgle. Hvis du fortsætter, kan nøglen ikke længere bruges til at autentificere din identitet under udførelsen af Git-operationer.",
+  "delete_certificate": "Slet certifikat",
+  "delete_comment": "Slet kommentar",
+  "delete_comment_error_message": "Der opstod en fejl under sletningen af kommentaren. Prøv venligst igen om lidt.",
+  "delete_comment_error_title": "Fejl under sletning af kommentar",
+  "delete_comment_message": "Du kan ikke fortryde denne handling",
+  "delete_comment_thread": "Slet kommentartråd",
+  "delete_comment_thread_message": "Dette vil slette hele kommentartråden. Du kan ikke fortryde denne handling.",
+  "delete_figure": "Slet figur",
+  "delete_projects": "Slet projekter",
+  "delete_row_or_column": "Fjern række eller kolonne",
+  "delete_sso_config": "Slet SSO konfiguration",
+  "delete_table": "Slet tabel",
+  "delete_tag": "Slet tag",
+  "delete_token": "Slet nøgle",
+  "delete_user": "Slet bruger",
+  "delete_your_account": "Slet din konto",
+  "deleted_at": "Slettet",
+  "deleted_by_email": "Slettet af email",
+  "deleted_by_id": "Slettet af ID",
+  "deleted_by_ip": "Slettet af IP",
+  "deleted_by_on": "Slettet af __name__ d. __date__",
+  "deleting": "Sletter",
+  "demonstrating_git_integration": "Demonstrerer Git-integration",
+  "demonstrating_track_changes_feature": "Demonstration af “Følg ændringer” funktionen",
+  "department": "Afdeling",
+  "descending": "Faldende",
+  "description": "Beskrivelse",
+  "details_provided_by_google_explanation": "Din information kommer fra din Google konto. Tjek venligst at du er tilfreds med dem.",
+  "dictionary": "Ordbog",
+  "did_you_know_institution_providing_professional": "Vidste du at __institutionName__ tilbyder <0>free __appName__ Professionel funktioner</0> til alle hos __institutionName__?",
+  "disable_single_sign_on": "Deaktiver single sign-on",
+  "disable_sso": "Deaktiver SSO",
+  "disable_stop_on_first_error": "Slå “Stop ved første fejl” fra",
+  "disabling": "Deaktiverer",
+  "disconnected": "Forbindelsen blev afbrudt",
+  "discount_of": "Rabat på __amount__",
+  "discover_latex_templates_and_examples": "Opdag LaTeX skabeloner og eksempler til at hjælpe med alt fra at skrive en artikel til at bruge en specifik LaTeX pakke.",
+  "dismiss_error_popup": "Afvis første fejlmeddelelse",
+  "display_deleted_user": "Vis slettede brugere",
+  "do_not_have_acct_or_do_not_want_to_link": "Hvis du ikke har en <b>__appName__</b>-konto, eller hvis du ikke vil kæde den sammen med din <b>__institutionName__</b>-konto, klik venligst <b>__clickText__</b>.",
+  "do_not_link_accounts": "Kæd ikke kontoer sammen",
+  "do_you_need_edit_access": "Har du brug for skriveadgang?",
+  "do_you_want_to_change_your_primary_email_address_to": "Vil du ændre din primære e-mailadesse til <b>__email__</b>?",
+  "do_you_want_to_overwrite_it": "Vil du overskrive den?",
+  "do_you_want_to_overwrite_it_plural": "Vil du overskrive dem?",
+  "do_you_want_to_overwrite_them": "Vil du overskrive dem?",
+  "document_too_long": "Dokumentet er for langt",
+  "document_too_long_detail": "Beklager, denne fil er for lang til at redigere manuelt. Opdel venligst filen i mindre filer.",
+  "document_too_long_tracked_deletes": "Du kan også acceptere afventende sletninger for at reducere størrelsen af filen.",
+  "document_updated_externally": "Dokument opdateret eksternt",
+  "document_updated_externally_detail": "Dette dokument er blevet opdateret eksternt. Ændringer du måtte have lavet kan være blevet overskrevet. For at se tidligere versioner, kig venligst i historikken.",
+  "documentation": "Dokumentation",
+  "does_not_contain_or_significantly_match_your_email": "indeholder ikke, og ligner ikke i betydelig grad, din e-mailadresse",
+  "doesnt_match": "Matcher ikke",
+  "doing_this_allow_log_in_through_institution": "Dermed får du mulghed for at logge ind i <b>__appName__</b> igennem din institution, og vil genbekræfte din institutionelle e-mailadresse.",
+  "doing_this_allow_log_in_through_institution_2": "Dermed får du mulghed for at logge ind i <0>__appName__</0> igennem din institution, og vil genbekræfte din institutionelle e-mailadresse.",
+  "doing_this_will_verify_affiliation_and_allow_log_in_2": "Dermed bliver din tilknytning til <0>__institutionName__</0> bekræftet, og du får mulighed for at logge ind i <0>__appName__</0> igennem din institution.",
+  "done": "Færdig",
+  "dont_have_account": "Ingen konto?",
+  "download": "Hent",
+  "download_all": "Download alle",
+  "download_metadata": "Download Overleaf metadata",
+  "download_pdf": "Hent PDF",
+  "download_zip_file": "Hent -zip fil",
+  "draft_sso_configuration": "Udkast til SSO konfiguration",
+  "drag_here": "træk her",
+  "drag_here_paste_an_image_or": "Træk filer her, slip et billede, eller ",
+  "drop_files_here_to_upload": "Slip filer her for at uploade",
+  "dropbox": "Dropbox",
+  "dropbox_already_linked_error": "Kan ikke forbinde til din Dropbox-konto, fordi den allerede er forbundet til en anden Overleaf-konto.",
+  "dropbox_already_linked_error_with_email": "Din Dropbox-konto kan ikke kædes sammen, fordi den allerede er kædet sammen med en anden Overleaf-konto, som bruger adressen __otherUsersEmail__.",
+  "dropbox_checking_sync_status": "Kigger efter opdateringer i Dropbox",
+  "dropbox_duplicate_names_error": "Din Dropbox-konto kan ikke kobles til, fordi du har mere end et projekt med det samme navn: ",
+  "dropbox_duplicate_project_names": "Din Dropbox-konto er blevet koblet fra, fordi du har mere end ét projekt, som hedder <0>“__projectName__”</0>.",
+  "dropbox_duplicate_project_names_suggestion": "Hvis du sørger for, at alle dine projektnavne, for både <0>aktive, arkiverede og kasserede</0> projekter, er unikke, kan du genoprette sammenkædningen med din Dropbox-konto.",
+  "dropbox_email_not_verified": "Vi har ikke kunnet hente opdateringer fra din Dropbox-konto. Dropbox rapporterer, at din e-mailadresse ikke er bekræftet. For at løse dette, må du bekræfte din e-mailadresse overfor Dropbox.",
+  "dropbox_for_link_share_projs": "Du har adgang til dette projekt via link-deling, og det kan derfor ikke synkroniseres til din Dropbox medmindre du bliver inviteret via e-mail af projektets ejer.",
+  "dropbox_integration_lowercase": "Dropbox-integration",
+  "dropbox_successfully_linked_description": "Tak, vi har linket din Dropboxkonto til __appName__.",
+  "dropbox_sync": "Dropbox synkronisering",
+  "dropbox_sync_both": "Udveksler opdateringer",
+  "dropbox_sync_description": "Hold dine __appName__ projekter synkroniseret med din Dropboxkonto. Ændringer i __appName__ sendes automatisk til din Dropboxkonto, og omvendt.",
+  "dropbox_sync_error": "Beklager, der skete en fejl mens vi checkede vores Dropbox tjeneste. Prøv igen om lidt.",
+  "dropbox_sync_in": "Modtager opdateringer fra Dropbox",
+  "dropbox_sync_now_rate_limited": "Manuel synkronisering er begrænset til én gang i minuttet. Vent venligst et øjeblik og prøv igen.",
+  "dropbox_sync_now_running": "En manuel synkronisering er startet i baggrunden. Giv den venligst et par minutter til at gennemføres.",
+  "dropbox_sync_out": "Sender opdateringer til Dropbox",
+  "dropbox_sync_troubleshoot": "Er dine ændringer ikke synlige i Dropbox? Vent venligst et par minutter. Hvis ændringerne stadig ikke dukker op kan du <0>synkronisere projektet nu</0>.",
+  "dropbox_synced": "Overleaf og Dropbox har behandlet alle opdateringer. Vær opmærksom på, at din lokale Dropbox muligvis stadig er ved at synkronisere.",
+  "dropbox_unlinked_because_access_denied": "Din Dropbox-konto er blevet kædet fra, fordi Dropbox afviste dine gemte legitimationsoplysninger. For at blive ved med at bruge Dropbox sammen med Overleaf må du sammenkæde dine kontoer igen.",
+  "dropbox_unlinked_because_full": "Din Dropbox-konto er blevet kædet fra, fordi den er fuld, og vi kan ikke længere sende opdateringer til den. For at blive ved med at bruge Dropbox sammen med Overleaf må du frigøre noget plads i Dropbox, og derefter sammenkæde dine kontoer igen.",
+  "dropbox_unlinked_premium_feature": "<0>Din Dropboxkonto er blevet afkoblet,</0> fordi Dropbox Synkronisering er en Premium-funktion, som du havde adgang til igennem en institutionel licens.",
+  "duplicate_file": "Duplikér fil",
+  "duplicate_projects": "Denne bruger har projekter med identiske navne",
+  "each_user_will_have_access_to": "Hver bruger vil have adgang til",
+  "easily_manage_your_project_files_everywhere": "Administrér nemt dine projekter, uanset hvor du er",
+  "easy_collaboration_for_students": "Nemt samarbejde for studerende. Understøtter længere og mere komplekse projekter.",
+  "edit": "Redigér",
+  "edit_comment_error_message": "Der opstod en fejl under redigeringen af din kommentar. Prøv igen om lidt.",
+  "edit_comment_error_title": "Fejl under redigering af kommentar",
+  "edit_dictionary": "Redigér ordbog",
+  "edit_dictionary_empty": "Din tilpassede ordbog er tom.",
+  "edit_dictionary_remove": "Fjern fra ordbog",
+  "edit_figure": "Redigér figur",
+  "edit_sso_configuration": "Rediger SSO konfiguration",
+  "edit_tag": "Redigér tag",
+  "editing": "Redigering",
+  "editing_and_collaboration": "Redigering og samarbejde",
+  "editing_captions": "Redigering af billedtekster",
+  "editor": "Redaktør",
+  "editor_and_pdf": "Skrivevindue & PDF",
+  "editor_disconected_click_to_reconnect": "Skriveprogrammets forbindelse afbrudt, klik hvor som helst for at forbinde igen.",
+  "editor_limit_exceeded_in_this_project": "For mange redaktører i dette projekt",
+  "editor_only_hide_pdf": "Kun skrivevindue <0>(gem PDF)</0>",
+  "editor_theme": "Tema for skrivevinduet",
+  "educational_percent_discount_applied": "__percent__% studierabat anvendt!",
+  "email": "E-mail",
+  "email_address": "E-mailadresse",
+  "email_address_is_invalid": "Ugyldig e-mailadresse",
+  "email_already_associated_with": "E-mailadressen <b>__email1__</b> er allerede associeret med <b>__appName__</b>-kontoen <b>__email2__</b>.",
+  "email_already_registered": "Denne e-mailadresse er allerede registreret",
+  "email_already_registered_secondary": "Denne e-mailadresse er allerede registreret som en sekundær e-mailaddresse",
+  "email_already_registered_sso": "Denne e-mailaddresse er allerede registeret. Log venligst ind på din konto på anden vis og tilknyt din konto til den nye udbyder via dine kontoindstillinger.",
+  "email_confirmed_onboarding": "Super! Lad os få dig sat op",
+  "email_confirmed_onboarding_message": "Din e-mailaddresse er bekræftet. Click <0>fortsæt</0> for at færdiggøre din opsætning.",
+  "email_does_not_belong_to_university": "Vi genkender ikke det domæne som et, der tilhører dit universitet. Tag venligst kontakt til os, så vi kan tilføje det tilhørsforhold.",
+  "email_limit_reached": "Du kan maksimalt have <0>__emailAddressLimit__ e-mailadresser</0> på denne konto. Slet venligst en eksisterende e-mailaddresse for at tilføje en anden.",
+  "email_link_expired": "Linket tilsendt din e-mailadresse er udløbet. Du bedes anmode om et nyt.",
+  "email_must_be_linked_to_institution": "Som medlem af __institutionName__ kan denne e-mailaddresse kun blive tilknyttet via single sign-on i dine <0>kontoindstillinger</0>. Tilføj venligst en anden e-mailaddresse til gendannelse.",
+  "email_or_password_wrong_try_again": "Din e-mailadresse eller kodeord er ikke korrekt. Prøv igen.",
+  "email_or_password_wrong_try_again_or_reset": "Din e-mailaddresse eller kodeord er ikke korrekt. Prøv igen, eller <0>indstil eller nulstil dit kodeord</0>.",
+  "email_required": "E-mailaddresse påkrævet",
+  "email_sent": "E-mail sendt",
+  "emails": "E-mails",
+  "emails_and_affiliations_explanation": "Tilføj supplerende e-mailadresser til din konto for at tilgå opgraderinger som dit universitet eller din institution har, for at gøre det nemmere at finde dig samt for at sikre dig at du kan genvinde din konto.",
+  "emails_and_affiliations_title": "E-mailaddresser og tilknytninger",
+  "empty": "Tom",
+  "empty_zip_file": "Zip indeholder ikke nogen filer",
+  "en": "Engelsk",
+  "enable_managed_users": "Aktiver styrede brugere",
+  "enable_single_sign_on": "Aktiver single sign on",
+  "enable_sso": "Aktiver SSO",
+  "enable_stop_on_first_error_under_recompile_dropdown_menu": "Slå <0>“Stop ved første fejl”</0> til under <1>Genkompilér</1> menuen for at hjælpe dig med at finde og rette fejl med det samme.",
+  "enabled": "Aktiveret",
+  "enabling": "Aktiverer",
+  "end_of_document": "Slutningen af dokumentet",
+  "enter_6_digit_code": "Indtast 6-cifret kode",
+  "enter_any_size_including_units_or_valid_latex_command": "Indtast en størrelse (inklusiv enhed) eller en gyldig LaTeX kommando",
+  "enter_image_url": "Indtast billedets URL",
+  "enter_the_confirmation_code": "Indtast den 6-cifrede bekræftelseskode sendt til __email__.",
+  "enter_your_email_address": "Indtast din e-mailaddresse",
+  "enter_your_email_address_below_and_we_will_send_you_a_link_to_reset_your_password": "Indtast din e-mailaddresse nedenfor, så sender vi et link til at nulstille dit kodeord",
+  "enter_your_new_password": "Indtast dit nye kodeord",
+  "equation_preview": "Formel preview",
+  "error": "Fejl",
+  "error_opening_document": "Fejl under åbning af dokument",
+  "error_opening_document_detail": "Beklager, noget gik galt under åbningen af dette dokument. Prøv venligst igen.",
+  "error_performing_request": "En fejl opstod under udførelsen af din forespørgsel.",
+  "error_processing_file": "Beklager, noget gik galt under behandlingen af denne fil. Prøv venligst igen.",
+  "es": "Spansk",
+  "estimated_number_of_overleaf_users": "Estimeret antal brugere af __appName__",
+  "every": "per",
+  "example": "Eksempel",
+  "example_project": "Eksempelprojekt",
+  "examples": "Eksempler",
+  "examples_lowercase": "eksempler",
+  "examples_to_help_you_learn": "Eksempler til at hjælpe dig med at lære brugen af kraftfulde LaTeX pakker og teknikker.",
+  "exclusive_access_with_labs": "Eksklusiv adgang til eksperimenter i tidlige stadier",
+  "existing_plan_active_until_term_end": "Dit nuværende abonnement og dets funktioner vil være aktivt indtil enden på den nuværende faktureringsperiode.",
+  "expand": "Fold ud",
+  "experiment_full": "Beklager, dette eksperiment er fyldt",
+  "expired": "Udløbet",
+  "expired_confirmation_code": "Din bekræftelseskode er udløbet. Klik <0>gensend bekræftelseskode</0> for at modtage en ny.",
+  "expires": "Udløber",
+  "expires_in_days": "Udløber om __days__ dage",
+  "expires_on": "Udløber: __date__",
+  "expiry": "Udløbsdato",
+  "explore_all_plans": "Udforsk alle abonnementer",
+  "export_csv": "Eksportér CSV",
+  "export_project_to_github": "Eksporter projekt til GitHub",
+  "failed_to_send_group_invite_to_email": "En fejl opstod under udsendelse af gruppeinvitation til <0>__email__</0>. Prøv venligst igen senere.",
+  "failed_to_send_managed_user_invite_to_email": "En fejl opstod under udsendelse af styret bruger invitation til <0>__email__</0>. Prøv venligst igen senere.",
+  "failed_to_send_sso_link_invite_to_email": "En fejl opstod under udsendelse af påmindelse af SSO invitation til <0>__email__</0>. Prøv venligst igen senere.",
+  "faq_how_does_free_trial_works_answer": "Du får fuld adgang til det valgte __appName__ Premium abonnement i din __len__-dages prøveperiode. Der er ingen tvang til at fortsætte efter prøveperioden. Dit betalingskort bliver opkrævet ved slutningen af prøveperioden medmindre du afmelder før dette. Du kan afmelde via dine abonnementsindstillinger.",
+  "fast": "Hurtig",
+  "fastest": "Hurtigste",
+  "feature_included": "Funktion inkluderet",
+  "feature_not_included": "Funktion ikke inkluderet",
+  "featured": "Fremhævet",
+  "featured_latex_templates": "Fremhævede LaTeX-skabeloner",
+  "features": "Funktioner",
+  "features_and_benefits": "Funktioner & fordele",
+  "february": "Februar",
+  "file_action_created": "Oprettede",
+  "file_action_deleted": "Slettede",
+  "file_action_edited": "Ændrede i",
+  "file_action_renamed": "Omdøbte",
+  "file_action_restored": "Gendannet __fileName__ fra: __date__",
+  "file_action_restored_project": "Gendannet projekt fra __date__",
+  "file_already_exists": "Der eksisterer allerede en fil eller mappe med dette navn",
+  "file_already_exists_in_this_location": "Et emne med navnet <0>__fileName__</0> findes allerede på denne placering. Hvis du vil gennemføre flytningen, skal du først omdøbe eller flytte den fil, som er i vejen, og derefter prøve igen.",
+  "file_name": "Filnavn",
+  "file_name_figure_modal": "Filnavn",
+  "file_name_in_this_project": "Filnavn i dette projekt",
+  "file_name_in_this_project_figure_modal": "Filnavn i dette projekt",
+  "file_or_folder_name_already_exists": "En fil eller mappe med dette navn eksisterer allerede",
+  "file_outline": "Disposition",
+  "file_size": "Filstørrelse",
+  "file_too_large": "For stor fil",
+  "files_cannot_include_invalid_characters": "Filnavnet er tomt, eller indeholder ugyldige karakterer",
+  "files_selected": "filer valgt.",
+  "filter_projects": "Filtrer projekter",
+  "filters": "Filtre",
+  "find_out_more": "Find ud af mere",
+  "find_out_more_about_institution_login": "Få mere at vide om institutionel indlogning",
+  "find_out_more_about_the_file_outline": "Få mere at vide om dispositionen",
+  "find_out_more_nt": "Find ud af mere.",
+  "finding_a_fix": "Finder en rettelse",
+  "first_name": "Fornavn",
+  "fit_to_height": "Tilpas til højde",
+  "fit_to_width": "Tilpas til bredde",
+  "fixed_width": "Fast bredde",
+  "fixed_width_wrap_text": "Fast bredde (ombryd tekst)",
+  "flexible_plans_for_everyone": "Fleksible abonnementer for alle—fra individuelle studerende og forskere, til store virksomheder og universiteter.",
+  "fold_line": "Fold linje",
+  "folder_location": "Mappeplacering",
+  "folders": "Mapper",
+  "following_paths_conflict": "Følgende filer og mapper kan ikke have samme sti",
+  "font_family": "Skrifttypefamilie",
+  "font_size": "Skriftsstørrelse",
+  "footer_about_us": "Om os",
+  "footer_contact_us": "Kontakt os",
+  "footer_navigation": "Sidefod navigering",
+  "footer_plans_and_pricing": "Abonnementer & priser",
+  "for_business": "For virksomheder",
+  "for_enterprise": "For virksomheder",
+  "for_government": "For det offentlige",
+  "for_individuals_and_groups": "For individer &  grupper",
+  "for_large_institutions_and_organizations_need_sitewide_on_premise": "For store institutioner og organisationer som har brug for en organisationsdækkende eller on-premises løsning.",
+  "for_publishers": "For forlag",
+  "for_small_teams_and_departments_who_want_to_write_collaborate": "For små hold og afdelinger som vil skrive og samarbejde nemt i LaTeX.",
+  "for_students": "For studerende",
+  "for_teaching": "For undervisning",
+  "for_teams_and_organizations_who_want_a_streamlined_sso_and_security": "For hold og organisationer som vil have en strømlinet loginprocess og vores stærkeste cloud sikkerhed.",
+  "for_universities": "For universiteter",
+  "forever": "for evigt",
+  "forgot_your_password": "Glemt dit kodeord",
+  "format": "Format",
+  "found_matching_deleted_users": "Fandt __deletedUserCount__ matchende slettede brugere",
+  "fr": "Fransk",
+  "free": "Gratis",
+  "free_dropbox_and_history": "Gratis Dropbox og historik",
+  "free_plan_label": "Du er på det <b>gratis abonnement</b>",
+  "free_plan_tooltip": "Klik for at finde ud af hvordan du kan drage fordel af Overleaf Premium-funktioner.",
+  "frequently_asked_questions": "Ofte stillede spørgsmål",
+  "from_another_project": "Fra andet projekt",
+  "from_enforcement_date": "Fra __enforcementDate__ vil alle ekstra redaktører på dette projekt blive ændret til læsere.",
+  "from_external_url": "Fra ekstern URL",
+  "from_filename": "Fra <0>__filename__</0>",
+  "from_github": "Fra GitHub",
+  "from_project_files": "Fra projektfiler",
+  "from_provider": "Fra __provider__",
+  "from_url": "Fra URL",
+  "full_doc_history": "Fuld ændringshistorik",
+  "full_document_history": "Fuld <0>ændringshistorik</0>",
+  "full_width": "Fuld bredde",
+  "gallery": "Galleri",
+  "gallery_back_to_all": "Tilbage til alle __itemPlural__",
+  "gallery_find_more": "Find flere __itemPlural__",
+  "gallery_page_title": "Galleri - Skabeloner, eksempler og artikler skrevet i LaTeX",
+  "gallery_show_more_tags": "Vis mere",
+  "general": "Generelt",
+  "generate_token": "Generér nøgle",
+  "generic_if_problem_continues_contact_us": "Kontakt os hvis problemet fortsætter",
+  "generic_linked_file_compile_error": "Dette projekts udfiler er ikke tilgængelige, fordi det ikke kunne kompilere. Du kan se detaljer om kompileringsfejl, hvis du åbner projektet.",
+  "generic_something_went_wrong": "Beklager, noget gik galt",
+  "get_collaborative_benefits": "Få samarbejdsfordelene fra __appName__ selv hvis du foretrækker at arbejde offline",
+  "get_discounted_plan": "Få nedsat abonnement",
+  "get_exclusive_access_to_labs": "Få eksklusiv adgang til eksperimenter i tidlige stadier ved at deltage i Overleaf Labs. Alt vi beder om er din ærlige feedback for at hjælpe os med at udvikle og forbedre.",
+  "get_in_touch": "Kom i kontakt med os",
+  "get_in_touch_having_problems": "<a href=\"__link__\">Kontakt support</a>, hvis du oplever problemer",
+  "get_involved": "Bliv involveret",
+  "get_the_best_overleaf_experience": "Få den bedste Overleaf oplevelse",
+  "get_the_most_out_headline": "Få det meste ud af __appName__ med funktioner såsom:",
+  "git": "Git",
+  "git_authentication_token": "Git autentificeringsnøgle",
+  "git_authentication_token_create_modal_info_1": "Dette er din Git autentificeringsnøgle. Du skal indtaste den når du bliver spurgt om et kodeord.",
+  "git_authentication_token_create_modal_info_2": "<0>Du kan kun se denne autentificeringsnøgle én gang så kopier den venligst og opbevar den sikkert.</0> For flere instruktioner omkring brugen af autentificeringsnøgler, besøg vores <1>hjælpeside</1>.",
+  "git_bridge_modal_click_generate": "Klik <strong>“Generér nøgle”</strong> for at generere din autentificeringsnøgle. Du kan også gøre det senere i dine kontoindstillinger.",
+  "git_bridge_modal_enter_authentication_token": "Når du bliver spurgt om en kode, indtast da din nye autentificeringsnøgle:",
+  "git_bridge_modal_read_only": "<strong>Du har læse-adgang til dette projekt.</strong> Det betyder at du kan pulle fra __appName__, men du kan ikke pushe ændinger tilbage til projektet.",
+  "git_bridge_modal_see_once": "Du kan kun se denne autentificeringsnøgle én gang. For at slette den eller generere en ny, gå til dine brugerindstilinger. For detalerede instruktioner og fejlsøgning, læs vores <0>hjælpeside</0>.",
+  "git_bridge_modal_use_previous_token": "Hvis du bliver spurgt om en kode kan du bruge en tidligere genereret autentificeringsnøgle. Du kan også generere en ny i dine kontoindstillinger. For mere hjælp, læs vores <0>hjælpeside</0>.",
+  "git_integration": "Git-integration",
+  "git_integration_info": "Med Git-integration kan du klone dine Overleaf projekter med Git. For komplette instruktioner til hvordan du gør det, læs vores <0>hjælpeside</0>.",
+  "github": "GitHub",
+  "github_commit_message_placeholder": "Commit besked for ændringer i __appName__...",
+  "github_credentials_expired": "Dine GitHub autentificeringsoplysninger er udløbet",
+  "github_empty_repository_error": "Det ser ud til at dit GitHub repository er tomt eller ikke tilgængeligt endnu. Opret en ny fil på GitHub.com og prøv igen.",
+  "github_file_name_error": "Dette repository kan ikke importeres, fordi det indeholder en eller flere filer med et ugyldigt filnavn:",
+  "github_file_sync_error": "Vi kan ikke synkronisere de følgende filer:",
+  "github_git_and_dropbox_integrations": "<0>GitHub</0>-, <0>Git</0>- og <0>Dropbox</0>-integrationer",
+  "github_git_folder_error": "Dette projekt indeholder en .git mappe i den yderste mappe, hvilket indikerer at det allerede er et Git repository. Overleaf GitHub synkroniseringen kan ikke synkronisere Git historikker. Fjern venligst .git mappen og prøv igen.",
+  "github_integration_lowercase": "Git- og GitHub-integration",
+  "github_is_no_longer_connected": "GitHub er ikke længere forbundet til dette projekt.",
+  "github_is_premium": "GitHub synkronisering er en Premium-funktion",
+  "github_large_files_error": "Merge mislykkedes: Dit GitHub reopsitory indeholder filer, som er større end grænsen på 50MB ",
+  "github_merge_failed": "Dine ændringer i __appName__ og GitHub kunne ikke automatisk merges. Du må merge‘e branch‘en <0>__sharelatex_branch__</0> ind i default branch‘en i git. Derefter kan du klikke herunder, for at fortsætte.",
+  "github_no_master_branch_error": "Dette repository kan ikke forbindes, da det ikke har nogen default branch.  Du må først sørge for, at projektet har en default branch",
+  "github_private_description": "Du vælger hvem der kan se, og committe til, dette repository.",
+  "github_public_description": "Alle kan se dette repository. Du kan vælge hvem der kan comitte.",
+  "github_repository_diverged": "Default branch i det forbundne repository er blevet force-push’et. Det kan desynkronisere Overleaf og Github at pull’e ændringer efter et force push. Det vil muligvis være nødvendigt at push’e ændringer efter pullet for blive synkroniseret igen.",
+  "github_successfully_linked_description": "Vi har linket din GitHub konto til __appName__. Du kan nu eksportere dine __appName__ projekter til GitHub, eller importere projekter fra dine GitHub repositories.",
+  "github_symlink_error": "Dit GitHub repository indeholder symbolske lænkefiler, som ikke på nuværende tidpunkt er understøttet af Overleaf. Du må prøve igen, efter du har fjernet de filer.",
+  "github_sync": "GitHub synkronisering",
+  "github_sync_description": "Med GitHub synkronisering kan du forbinde dine __appName__-projekter til et GitHub repository, oprette nye commits fra __appName__, og merge commits fra GitHub.",
+  "github_sync_error": "Beklager, der skete en fejl mens vi checkede vores GitHub service. Prøv igen om lidt.",
+  "github_sync_repository_not_found_description": "Det forbundne repository er enten blevet fjernet, eller du har ikke længere adgang til det. Du kan forbinde til et nyt repository ved at klone projektet, og vælge punktet ’GitHub’ i menuen. Du kan også fjerne forbindelsen mellem det her projekt og repository’et.",
+  "github_timeout_error": "Synkroniseringen af dit Overleaf-projekt med GitHub har overskredet tidsgrænsen. Det kan skyldes, at dit projekt er for stort, eller at der er for mange ændringer eller nye filer.",
+  "github_too_many_files_error": "Dette repository kan ikke importeres, fordi det indeholder flere end det maksimalt tilladte antal filer",
+  "github_validation_check": "Kontroller venligst at repository navnet er gyldigt, og at du har tilladelse til at lave et repository.",
+  "github_workflow_authorize": "Autoriser GitHub Workflow-filer",
+  "github_workflow_files_delete_github_repo": "Repository‘et blev oprettet på GitHub, men sammenkoblingen mislykkedes. Du bliver nødt til enten at slette det repository på GitHub, eller vælge et nyt navn.",
+  "github_workflow_files_error": "__appName__s GitHub-synkroniseringstjeneste kunne ikke synkronisere GitHub Workflow-filer (i .github/workflows/). Hvis du giver __appName__ tilladelse til at redigere dine GitHub workflow-filer, kan du prøve igen.",
+  "give_feedback": "Giv feedback",
+  "give_your_feedback": "giv din feedback",
+  "global": "globale",
+  "go_back_and_link_accts": "<a href=\"__link__\">Gå tilbage</a> og sammenkæd dine konti",
+  "go_next_page": "Gå til næste side",
+  "go_page": "Gå til side __page__",
+  "go_prev_page": "Gå til forrige side",
+  "go_to_account_settings": "Gå til kontoindstillinger",
+  "go_to_code_location_in_pdf": "Gå til kodes placering i PDF",
+  "go_to_first_page": "Gå til første side",
+  "go_to_last_page": "Gå til sidste side",
+  "go_to_next_page": "Gå til næste side",
+  "go_to_overleaf": "Gå til Overleaf",
+  "go_to_page_x": "Gå til side __page__",
+  "go_to_pdf_location_in_code": "Gå til PDF placering i kode (Tip: dobbeltklik i PDF‘en for det bedste resultat)",
+  "go_to_previous_page": "Gå til forrige side",
+  "go_to_settings": "Gå til indstillinger",
+  "great_for_getting_started": "God at starte med",
+  "great_for_small_teams_and_departments": "God for små hold og afdelinger",
+  "group": "Gruppe",
+  "group_admin": "Gruppeadministrator",
+  "group_full": "Denne gruppe er allerede fuld",
+  "group_invitations": "Gruppeinvitationer",
+  "group_invite_has_been_sent_to_email": "Gruppeinvitation sendt til <0>__email__</0>",
+  "group_libraries": "Gruppebiblioteker",
+  "group_managed_by_group_administrator": "Brugerkonti i denne gruppe er administreret af gruppeadministratoren.",
+  "group_plan_admins_can_easily_add_and_remove_users_from_a_group": "Gruppeadministratorer kan nemt tilføje og slette medlemmer fra en gruppe. For organisationsdækkende abonnementer bliver brugere automatisk opgraderet når de registrerer sig eller tilføjer deres e-mailadresse til Overleaf (domænebaseret tilknytning eller SSO).",
+  "group_plan_tooltip": "Du er på __plan__ abonnementet som medlem af et gruppeabonnement. Klik for at finde ud af hvordan du får det meste ud af dine Overleaf Premium-funktioner.",
+  "group_plan_with_name_tooltip": "Du er på __plan__ abonnementet som medlem af et gruppeabonnement, __groupName__. Klik for at finde ud af hvordan du får det meste ud af dine Overleaf Premium-funktioner.",
+  "group_professional": "Gruppe Professionel",
+  "group_sso_configuration_idp_metadata": "Informationen du udfylder her kommer fra din Identity Provider (IdP). Det bliver ofte benævnt som <0>SAML metadata</0>. Du kan udfylde det manuelt eller klikke på <1>Importer IdP metadata</1> for at importere en XML fil.",
+  "group_sso_configure_service_provider_in_idp": "Hos nogle IdPs skal du konfigurere Overleaf som en Service Provider for at tilgå dataen til at udfylde denne forumlar. For at gøre dette, skal du download Overleafs metadata.",
+  "group_sso_documentation_links": "Se venligst vores <0>dokumentation</0> og <1>fejlsøgningsguide</1> for mere hjælp.",
+  "group_standard": "Gruppe Standard",
+  "group_subscription": "Gruppeabonnement",
+  "groups": "Grupper",
+  "have_an_extra_backup": "Hav en ekstra backup",
+  "have_more_days_to_try": "Få ydereligere <strong>__days__ dage</strong> på din prøveperiode!",
+  "headers": "Overskrifter",
+  "help": "Hjælp",
+  "help_articles_matching": "Hjælpeartikler magen til dit emne",
+  "help_improve_overleaf_fill_out_this_survey": "Hvis du vil hjælpe os med at forbedre Overleaf, brug venligst et øjeblik på at udfylde <0>dette spørgeskema</0>.",
+  "help_improve_screen_reader_fill_out_this_survey": "Hjælp os med at forbedre din oplevelse med at bruge en skærmlæser med __appName__, ved at udfylde dette hurtige spørgeskema.",
+  "hide_configuration": "Skjul konfiguration",
+  "hide_deleted_user": "Skjul slettede brugere",
+  "hide_document_preamble": "Skjul dokumentets præambel",
+  "hide_local_file_contents": "Skjul lokalt filindhold",
+  "hide_outline": "Skjul disposition",
+  "history": "Historie",
+  "history_add_label": "Tilføj mærkat",
+  "history_are_you_sure_delete_label": "Er du sikker på, at du vil slette følgende mærkat",
+  "history_compare_from_this_version": "Sammenlign fra denne version",
+  "history_compare_up_to_this_version": "Sammenlign op til denne version",
+  "history_delete_label": "Slet mærkat",
+  "history_download_this_version": "Download denne version",
+  "history_entry_origin_dropbox": "via Dropbox",
+  "history_entry_origin_git": "via Git",
+  "history_entry_origin_github": "via GitHub",
+  "history_entry_origin_upload": "upload",
+  "history_label_created_by": "Oprettet af",
+  "history_label_project_current_state": "Nuværende indhold",
+  "history_label_this_version": "Sæt mærkat på denne version",
+  "history_new_label_name": "Navn på ny mærkat",
+  "history_restore_promo_content": "Nu kan du gendanne en enkel fil eller hele dit projekt til en tidligere version, inklusiv kommentarer og fulgte ændringer. Klik Gendan denne version for at gendanne den valgte fil, eller brug <0></0> menuen i et historik element til at gendanne det fulde projekt.",
+  "history_restore_promo_title": "Brug for at skrue tiden tilbage?",
+  "history_resync": "Synkronisering af historik",
+  "history_view_a11y_description": "Vis den komplette projekthistorie, eller kun mærkede versioner.",
+  "history_view_all": "Komplet historie",
+  "history_view_labels": "Mærkater",
+  "home": "Hjem",
+  "hotkey_add_a_comment": "Tilføj en kommentar",
+  "hotkey_autocomplete_menu": "Autofuldførelsesmenu",
+  "hotkey_beginning_of_document": "Starten af dokument",
+  "hotkey_bold_text": "Fed skrift",
+  "hotkey_compile": "Kompilér",
+  "hotkey_delete_current_line": "Slet nuværende linje",
+  "hotkey_end_of_document": "Slutning af dokument",
+  "hotkey_find_and_replace": "Find (og erstat)",
+  "hotkey_go_to_line": "Gå til linje",
+  "hotkey_indent_selection": "Indryk markering",
+  "hotkey_insert_candidate": "Indsæt valgte kandidat",
+  "hotkey_italic_text": "Kursiv skrift",
+  "hotkey_redo": "Gentag",
+  "hotkey_search_references": "Søg henvisninger",
+  "hotkey_select_all": "Vælg alt",
+  "hotkey_select_candidate": "Vælg kandidat",
+  "hotkey_to_lowercase": "Til små bogstaver",
+  "hotkey_to_uppercase": "Til store bogstaver",
+  "hotkey_toggle_comment": "Slå kommentar til/fra",
+  "hotkey_toggle_review_panel": "Slå gennemgangspanel til/fra",
+  "hotkey_toggle_track_changes": "Slå “Følg ændringer” til/fra",
+  "hotkey_undo": "Fortryd",
+  "hotkeys": "Genveje",
+  "how_it_works": "Hvordan det virker",
+  "how_many_users_do_you_need": "Hvor mange brugere har du brug for?",
+  "how_to_create_tables": "Hvordan laver jeg tabeller",
+  "how_to_insert_images": "Hvordan indsætter jeg figurer",
+  "how_we_use_your_data": "Hvordan vi bruger dit data",
+  "hundreds_templates_info": "Skab smukke dokumenter ved at starte fra vores galleri af LaTeX skabeloner for journaler, konferencer, afhandlinger, rapporter, CV’er og meget mere.",
+  "i_want_to_stay": "Jeg ønsker at blive",
+  "id": "ID",
+  "if_have_existing_can_link": "Hvis du har en eksisterende <b>__appName__</b>-konto under en anden e-mailaddresse, kan du forbinde den til din <b>__institutionName__</b>-konto ved at klikke <b>__clickText__</b>",
+  "if_owner_can_link": "Hvis du ejer <b>__appName__</b>-kontoen under <b>__email__</b>, vil du få mulighed for at forbinde den til din institutionelle konto hos <b>__institutionName__</b>.",
+  "if_you_need_to_customize_your_table_further_you_can": "Hvis du har brug for at tilpasse din tabel yderligere, er det muligt. Ved at bruge LaTeX kode, du kan ændre alt fra tabel-stil, kantudseende, farver, og kolonnebredder. <0>Læs vores guide</0> til at arbejde med tabeller I LaTeX for at komme igang.",
+  "if_your_occupation_not_listed_type_full_name": "Hvis din __occupation__ ikke er listet kan du skrive det fulde navn.",
+  "ignore_and_continue_institution_linking": "Du kan også springe det over, og <a href=\"__link__\">fortsætte til __appName__ med kontoen for <b>__email__</b></a>.",
+  "ignore_validation_errors": "Undlad at tjekke syntaks",
+  "ill_take_it": "Det tager jeg!",
+  "image_file": "Billedefil",
+  "image_url": "URL til billede",
+  "image_width": "Billedebredde",
+  "import_a_bibtex_file_from_your_provider_account": "Importer en BibTeX fil fra din __provider__ konto.",
+  "import_from_github": "Importer fra GitHub",
+  "import_idp_metadata": "Importer IdP metadata",
+  "import_to_sharelatex": "Importer til __appName__",
+  "imported_from_another_project_at_date": "Importeret fra <0>Andet projekt</0>/__sourceEntityPathHTML__, d. __formattedDate__ __relativeDate__",
+  "imported_from_external_provider_at_date": "Importeret fra <0>__shortenedUrlHTML__</0> d. __formattedDate__ __relativeDate__",
+  "imported_from_mendeley_at_date": "Importeret fra Mendeley d. __formattedDate__ __relativeDate__",
+  "imported_from_the_output_of_another_project_at_date": "Importeret fra outputtet af <0>Andet projekt</0>: __sourceOutputFilePathHTML__, d. __formattedDate__ __relativeDate__",
+  "imported_from_zotero_at_date": "Importeret fra Zotero d. __formattedDate__ __relativeDate__",
+  "importing": "Importerer",
+  "importing_and_merging_changes_in_github": "Importerer og sammenfletter ændringer i GitHub",
+  "in_order_to_have_a_secure_account_make_sure_your_password": "For at holde din konto sikker, sæt din nye kode:",
+  "in_order_to_match_institutional_metadata_2": "For at matche dine institutionelle metadata har vi sammenkædet din konto via <0>__email__</0>.",
+  "in_order_to_match_institutional_metadata_associated": "For at matche dine institutionelle metadata er din konto blevet associeret med e-mailaddressen <b>__email__</b>.",
+  "include_caption": "Inkludér billedtekst",
+  "include_label": "Inkludér billedmærkat",
+  "include_results_from_your_reference_manager": "Inkluder resultater fra din henvisningsmanager",
+  "include_results_from_your_x_account": "Inkluder resultater fra din __provider__ konto",
+  "include_the_error_message_and_ai_response": "Inkluder fejlbeskeden og AI svaret",
+  "increased_compile_timeout": "Forlænget kompileringstidsgrænse",
+  "individuals": "Individer",
+  "info": "Info",
+  "insert": "Indsæt",
+  "insert_column_left": "Indsæt kolonne til venstre",
+  "insert_column_right": "Indsæt kolonne til højre",
+  "insert_figure": "Indsæt figur",
+  "insert_from_another_project": "Indsæt fra andet projekt",
+  "insert_from_project_files": "Indsæt fra projektfiler",
+  "insert_from_url": "Indsæt fra URL",
+  "insert_image": "Indsæt billede",
+  "insert_row_above": "Indsæt række ovenfor",
+  "insert_row_below": "Indsæt række nedenfor",
+  "insert_x_columns_left": "Indsæt __columns__ kolonner til venstre",
+  "insert_x_columns_right": "Indsæt __columns__ kolonner til højre",
+  "insert_x_rows_above": "Indsæt __rows__ rækker ovenfor",
+  "insert_x_rows_below": "Indsæt __rows__ rækker nedenfor",
+  "institution": "Institution",
+  "institution_account": "Institutionskonto",
+  "institution_account_tried_to_add_affiliated_with_another_institution": "Denne e-mailadresse er <b>allerede associeret</b> med din konto, men den er tilknyttet en anden institution.",
+  "institution_account_tried_to_add_already_linked": "Denne institution er <b>allerede sammenkædet</b> med din konto via en anden e-mailadresse.",
+  "institution_account_tried_to_add_already_registered": "Den e-mailaddresse/institutionskonto du har prøvet at tilføje er <b>allerede registreret</b> i __appName__.",
+  "institution_account_tried_to_add_not_affiliated": "Denne e-mailadresse er <b>allerede associeret</b> med din konto, men er ikke tilknyttet til denne institution.",
+  "institution_account_tried_to_confirm_saml": "Denne e-mailadresse kunne ikke bekræftes. Du kan prøve at fjerne den fra din konto, og tilføje den igen.",
+  "institution_acct_successfully_linked_2": "Din <0>__appName__</0>-konto er nu sammenkædet med din institutionelle konto fra <0>__institutionName__</0>.",
+  "institution_and_role": "Institution og rolle",
+  "institution_email_new_to_app": "Din <b>__institutionName__</b> e-mailaddresse (<b>__email__</b>) er ny for __appName__.",
+  "institution_has_overleaf_subscription": "<0>__institutionName__</0> har et Overleaf abonnement. Klik på bekræftelseslinket sendt til __emailAddress__ for at opgradere til <0>Overleaf Professionel</0>.",
+  "institutional": "Institutionel",
+  "institutional_leavers_survey_notification": "Giv noget hurtigt feedback og få 25% rabat på et årligt abonnement!",
+  "institutional_login_unknown": "Beklager, vi ved ikke hvilken institution har udstedt den e-mailadresse. Du kan kigge i vores <a href=\"__link__\">liste over institutioner</a> for at finde den, eller du kan gøre brug af en af de andre muligheder herunder.",
+  "integrations": "Integrationer",
+  "interested_in_cheaper_personal_plan": "Ville du være interesseret i det billigere <0>__price__</0> personlige abonnement?",
+  "invalid_certificate": "Ugyldigt certifikat. Tjek venligst certifikatet og prøv igen.",
+  "invalid_confirmation_code": "Det virkede ikke. Tjek venligst koden og prøv igen.",
+  "invalid_email": "En e-mailaddresse adresse er forkert",
+  "invalid_file_name": "Ugyldigt filnavn",
+  "invalid_filename": "Overførsel mislykkedes: Check, at filnavnet ikke indeholder specialtegn eller ekstra mellemrum, og at det er kortere end __nameLimit__ tegn",
+  "invalid_institutional_email": "Din institutions SSO-tjeneste returnerede __email__ som din e-mailadresse, hvilket ligger under et domæne, som vi ikke forventede, og ikke kan se tilhører den institution. Du kan muligvis ændre din primære e-mailadresse via din brugerprofil hos din institution til én, som ligger under din institutions domæne. Hvis du har spørgsmål er det bedst, hvis du kontakter din institutions IT-afdeling.",
+  "invalid_password": "Ugyldigt password",
+  "invalid_password_contains_email": "Kodeordet kan ikke indeholde dele af e-mailadressen",
+  "invalid_password_invalid_character": "Kodeordet indeholder et ugyldigt tegn",
+  "invalid_password_not_set": "Kodeordet er påkrævet",
+  "invalid_password_too_long": "Maksimal kodelængde på __maxLength__ er overskredet",
+  "invalid_password_too_short": "Kodeordet er for kort, den skal være minimum __minLength__ tegn",
+  "invalid_password_too_similar": "Kodeordet ligner e-mailaddressen for meget",
+  "invalid_request": "Ugyldig forespørgsel. Ret dataen og prøv igen.",
+  "invalid_zip_file": "Ugyldig zip-fil",
+  "invite": "Inviter",
+  "invite_expired": "Invitationen kan være udløbet",
+  "invite_more_collabs": "Inviter flere samarbejdspartnere",
+  "invite_not_accepted": "Invitationen er endnu ikke accepteret",
+  "invite_not_valid": "Dette er ikke en gyldig projekt invitation",
+  "invite_not_valid_description": "Invitationen kan være udløbet. Kontakt venligst projektets ejer",
+  "invite_resend_limit_hit": "Grænsen for at gensende invitationer blev ramt",
+  "invited_to_group": "<0>__inviterName__</0> har inviteret dig til at tilslutte dig et gruppeabonnement på __appName__",
+  "invited_to_group_have_individual_subcription": "__inviterName__ har inviteret dig til at blive medlem af et gruppeabonnement på __appName__. Hvis du tilmelder dig denne gruppe har du muligvis ikke brug for dit individuelle abonnement længere. Vil du afmelde det?",
+  "invited_to_group_login": "For at acceptere invitationen skal du logge ind som __emailAddress__.",
+  "invited_to_group_login_benefits": "Som del af denne gruppe vil du have adgang til __appName__s Premium-funktioner så som flere samarbejdspartnere, højere kompileringstidsgrænse, og fulgte ændringer.",
+  "invited_to_group_register": "For at acceptere __inviterName__s invitation skal du oprette en konto.",
+  "ip_address": "IP adresse",
+  "is_email_affiliated": "Er din e-mailaddresse tilknyttet en institution?",
+  "is_longer_than_n_characters": "er mindst __n__ tegn lang",
+  "is_not_used_on_any_other_website": "er ikke brugt på andre hjemmesider",
+  "issued_on": "Udstedt: __date__",
+  "it": "Italiensk",
+  "ja": "Japansk",
+  "january": "Januar",
+  "join_beta_program": "Deltag i betaprogrammet",
+  "join_labs": "Tilmeld dig Labs",
+  "join_now": "Tilmeld dig",
+  "join_overleaf_labs": "Tilmeld dig Overleaf Labs",
+  "join_project": "Deltag i projektet",
+  "join_sl_to_view_project": "Tilmeld dig til __appName__ for at se dette projekt",
+  "join_team_explanation": "Klik på knappen herunder for at tilslutte dig gruppeabonnementet og nyd fordelene ved en opgraderet __appName__ konto",
+  "joined_team": "Du har tilsluttet dig et gruppeabonnement administreret af __inviterName__",
+  "joining": "Tilslutter",
+  "july": "Juli",
+  "june": "Juni",
+  "justify": "Lige marginer",
+  "kb_suggestions_enquiry": "Har du tjekket vores <0>__kbLink__</0>?",
+  "keep_current_plan": "Behold mit nuværende abonnement",
+  "keep_personal_projects_separate": "Hold personlige projekter adskilt",
+  "keep_your_account_safe": "Hold din konto sikker",
+  "keep_your_account_safe_add_another_email": "Hold din konto sikker og beskyt dig mod at miste adgang til den, ved at tilføje en anden e-mailadresse.",
+  "keep_your_email_updated": "Hold din e-mailaddresse opdateret så du ikke mister adgang til din konto og data.",
+  "keybindings": "Genvejstaster",
+  "knowledge_base": "videns base",
+  "ko": "Koreansk",
+  "labels_help_you_to_easily_reference_your_figures": "Mærkater hjælper dig med at henvise til dine figurer i hele dit dokument. For at henvise til en figur i teksten, henvis til mærkatet ved at bruge <0>\\ref{...}</0> kommandoen. Dette gør det nemt at henvise til figurer uden at manuelt skulle huske figurnummeret. <1>Lær mere</1>",
+  "labs_program_benefits": "__appName__ leder altid efter nye måder at hjælpe brugere til at arbejde hurtigere og mere effektivt. Ved at være med i Overleaf Labs kan du deltage i eksperimenter der udforsker innovative idéer indenfor kollaborativt forfatterskab og udgivelse.",
+  "language": "Sprog",
+  "last_active": "Senest aktiv",
+  "last_active_description": "Seneste tidspunkt, et projekt blev åbnet.",
+  "last_edit": "Seneste ændring",
+  "last_logged_in": "Seneste log ind",
+  "last_modified": "Sidst ændret",
+  "last_name": "Efternavn",
+  "last_resort_trouble_shooting_guide": "Hvis det ikke hjælper så følg vores <0>fejlsøgningsguide</0>",
+  "last_suggested_fix": "Seneste foreslåede rettelse",
+  "last_updated": "Sidst opdateret",
+  "last_updated_date_by_x": "__lastUpdatedDate__ af __person__",
+  "last_used": "sidst benyttet",
+  "latex_articles_page_title": "Artikler, Præsentationer, Rapporter og mere",
+  "latex_examples_page_title": "Eksempler - Formler, Formattering, TikZ, Pakker og mere",
+  "latex_in_thirty_minutes": "LaTeX på 30 minutter",
+  "latex_places_figures_according_to_a_special_algorithm": "LaTeX placerer figurer ved hjælp af en speciel algoritme. Du kan bruge noget ved navn ‘placement parameters’ til at have indflydelse på positioneringen af figuren. <0>Find ud hvordan</0>",
+  "latex_templates": "LaTeX Skabeloner",
+  "layout": "Layout",
+  "layout_processing": "Layout behandles",
+  "ldap": "LDAP",
+  "ldap_create_admin_instructions": "Vælg en e-mailadresse for den første __appName__ admin konto. Denne skal svare til en konto i LDAP systemet. Du vil derefter blive bedt om at logge på med denne konto.",
+  "learn": "Lær",
+  "learn_more": "Lær mere",
+  "learn_more_about_emails": "<0>Lær mere</0> om at håndtere dine __appName__ e-mailadresser.",
+  "learn_more_about_link_sharing": "Lær mere om linkdeling",
+  "learn_more_about_managed_users": "Lær mere om styrede brugere",
+  "leave": "Forlad",
+  "leave_any_group_subscriptions": "Forlad alle gruppeabonnementer pånær den som skal styre din konto. <0>Forlad dem på din abonnementsside.</0>",
+  "leave_group": "Forlad gruppe",
+  "leave_labs": "Forlad Overleaf Labs",
+  "leave_now": "Forlad nu",
+  "leave_project": "Forlad projekt",
+  "leave_projects": "Forlad projecter",
+  "left": "Venstrejusteret",
+  "length_unit": "Længeenhed",
+  "let_us_know": "Fortæl os om det",
+  "let_us_know_how_we_can_help": "Fortæl os hvordan vi kan hjælpe",
+  "let_us_know_what_you_think": "Fortæl os hvad du synes",
+  "library": "Bibliotek",
+  "license": "Licens",
+  "limited_to_n_editors": "Begrænset til __count__ redaktører",
+  "limited_to_n_editors_per_project": "Begrænset til __count__ redaktører per projekt",
+  "limited_to_n_editors_per_project_plural": "Begrænset til __count__ redaktører per projekt",
+  "limited_to_n_editors_plural": "Begrænset til __count__ redaktører",
+  "line_height": "Linjehøjde",
+  "line_width_is_the_width_of_the_line_in_the_current_environment": "Linjebredde er bredden af linjen i det nuværende miljø, f.eks. hele siden i et enkelt-kolonne layout, eller halvdelen af siden i et to-kolonne layout.",
+  "link": "Forbind",
+  "link_account": "Forbind konto",
+  "link_accounts": "Forbind konti",
+  "link_accounts_and_add_email": "Forbind konti og tilføj e-mailaddresse",
+  "link_institutional_email_get_started": "Forbind en institutionel e-mailaddresse til din konto for at komme igang.",
+  "link_sharing": "Linkdeling",
+  "link_sharing_is_off_short": "Linkdeling er slået fra",
+  "link_sharing_is_on": "Linkdeling er slået til",
+  "link_to_github": "Forbind til din GitHub konto",
+  "link_to_github_description": "Du skal godkende __appName__ for at få adgang til din GitHub konto for at give os mulighed for at synkronisere dine projekter.",
+  "link_to_mendeley": "Forbind til Mendeley",
+  "link_to_zotero": "Forbind til Zotero",
+  "link_your_accounts": "Forbind dine konti",
+  "linked_accounts": "Forbundne konti",
+  "linked_accounts_explained": "Du kan forbinde din __appName__-konto med andre tjenester for at gøre brug af funktionerne beskrevet herunder.",
+  "linked_collabratec_description": "Brug Collabratec til at holde styr på dine __appName__-projekter.",
+  "linked_file": "Importeret fil",
+  "links": "Links",
+  "loading": "Indlæser",
+  "loading_content": "Opretter projekt",
+  "loading_github_repositories": "Indlæser dit GitHub repository",
+  "loading_prices": "Indlæser priser",
+  "loading_recent_github_commits": "Indlæs nylige commits",
+  "loading_writefull": "Indlæser Writefull",
+  "log_entry_description": "Logoptegnelse med niveau: __level__",
+  "log_entry_maximum_entries": "Grænsen for elementer i loggen er nået",
+  "log_entry_maximum_entries_enable_stop_on_first_error": "Prøv at fikse den første fejl og genkompilere. Ofte kan en fejl være skyld i mange efterfølgende fejlmeddelelser. Du kan Slå <0>“Stop ved første fejl”</0> til for at fokusere på at fikse fejl. Vi anbefaler, at du fikser fejl så hurtigt som muligt; hvis de får lov at hobe sig op kan de føre til fejl, som er svære at fejlrette, og fatale fejl. <1>Lære mere</1>",
+  "log_entry_maximum_entries_see_full_logs": "Hvis du har brug for at se de komplette logge, så kan du stadig hente dem, eller se de rå logge herunder.",
+  "log_entry_maximum_entries_title": "__total__ logbeskeder i alt. Viser de første __displayed__",
+  "log_hint_extra_info": "Lær mere",
+  "log_in": "Log ind",
+  "log_in_and_link": "Log ind og forbind",
+  "log_in_and_link_accounts": "Log ind og forbind konti",
+  "log_in_first_to_proceed": "Du kan først fortsætte, når du har <b>logget ind</b>.",
+  "log_in_now": "Log ind nu",
+  "log_in_with": "Log ind med __provider__",
+  "log_in_with_a_different_account": "Log ind med en anden konto",
+  "log_in_with_email": "Log ind med __email__",
+  "log_in_with_existing_institution_email": "For at forbinde din <b>__appName__</b>- og din <b>__institutionName__</b>-konto, er du nødt til først at logge ind med din eksisterende <b>__appName__</b>-konto.",
+  "log_in_with_primary_email_address": "Dette bliver e-mailaddressen du skal bruge hvis du logger ind med e-mailaddresse og kode. Vigtige __appName__ beskeder vil blive sendt til denne adresse.",
+  "log_in_with_sso": "Log ind med SSO",
+  "log_in_with_sso_email": "Arbejde- eller universitets-e-mailaddresse",
+  "log_out": "Log ud",
+  "log_out_from": "Log __email__ ud",
+  "log_out_lowercase_dot": "Log ud.",
+  "log_viewer_error": "Der opstod et problem under visningen af dette projekts kompileringsfejl og log filer.",
+  "logged_in_with_email": "Du er i øjeblikket logget ind i <b>__appName__</b> med e-mailaddressen <b>__email__</b>.",
+  "logging_in": "Logger ind",
+  "logging_in_or_managing_your_account": "At logge ind eller administration af konto",
+  "login": "Log ind",
+  "login_count": "Antal logins",
+  "login_error": "Log-ind-fejl",
+  "login_failed": "Log ind fejlede",
+  "login_here": "Log ind her",
+  "login_or_password_wrong_try_again": "Dit login eller password er forkert. Prøv venligst igen",
+  "login_register_or": "eller",
+  "login_to_accept_invitation": "Log ind for at acceptere invitationen",
+  "login_to_overleaf": "Log ind i Overleaf",
+  "login_with_service": "Log ind med __service__",
+  "logs_and_output_files": "Log og outputfiler",
+  "longer_compile_timeout": "Længere kompileringstidsgrænse",
+  "longer_compile_timeout_on_faster_servers": "Længere kompileringstidsgrænse på hurtigere servere",
+  "looking_multiple_licenses": "På udkig efter flere licenser?",
+  "looks_like_logged_in_with_email": "Det ser ud til, at du allerede er logget ind i <b>__appName__</b> med e-mailaddressen <b>__email__</b>.",
+  "looks_like_youre_at": "Det ligner at du er på <0>__institutionName__</0>.",
+  "lost_connection": "Forbindelsen blev afbrudt",
+  "main_bibliography_file_for_this_project": "Hovedbibliografi for dette projekt",
+  "main_document": "Hoveddokument",
+  "main_file_not_found": "Ukendt hoveddokument",
+  "maintenance": "Vedligeholdelse",
+  "make_a_copy": "Lav en kopi",
+  "make_email_primary_description": "Gør dette til den primære e-mailaddresse, som bruges til at logge ind med",
+  "make_owner": "Gør til ejer",
+  "make_primary": "Gør til primær",
+  "make_private": "Gør privat",
+  "manage_beta_program_membership": "Administrér betaprogram medlemsskab",
+  "manage_files_from_your_dropbox_folder": "Administrér filer fra din Dropbox mappe",
+  "manage_group_members_subtext": "Tilføj eller fjern medlemmer fra dit gruppeabonnement",
+  "manage_group_settings": "Administrer gruppeindstillinger",
+  "manage_group_settings_subtext": "Konfigurer og administrer SSO og styrede brugere",
+  "manage_group_settings_subtext_group_sso": "Konfigurer og administrer SSO",
+  "manage_group_settings_subtext_managed_users": "Aktiver styrede brugere",
+  "manage_institution_managers": "Administrér institutionsadministratorer",
+  "manage_managers_subtext": "Tilføj eller fjern administratorrettigheder",
+  "manage_newsletter": "Administrér dine nyhedsbrevspræferencer",
+  "manage_publisher_managers": "Administrér forlagsadministratorer",
+  "manage_sessions": "Kontroller dine sessioner",
+  "manage_subscription": "Administrér abonnement",
+  "managed": "Styret",
+  "managed_user_accounts": "Styrede brugerkonti",
+  "managed_user_invite_has_been_sent_to_email": "Styret bruger invitation er blevet sendt til <0>__email__</0>",
+  "managed_users": "Styrede brugere",
+  "managed_users_explanation": "Styrede brugere sikrer at I forbliver i kontrol over jeres organisations projekter, og hvem der ejer dem. <0>Læs mere om styrede brugere.</0>",
+  "managed_users_gives_gives_you_more_control_over_your_group": "Styrede brugere giver jer mere kontrol over jeres gruppes brug af __appName__. Det sikrer en mere præcis styring af brugeradgang og sletning, og sikrer at I beholder adgang til projekter når en bruger forlader gruppen.",
+  "managed_users_is_enabled": "Styrede brugere er aktiveret",
+  "managers_cannot_remove_admin": "Administratorer kan ikke fjernes",
+  "managers_cannot_remove_self": "Managers kan ikke fjerne sig selv",
+  "managers_management": "Styring af managers",
+  "managing_your_subscription": "Administrering af dit abonnement",
+  "march": "Marts",
+  "marked_as_resolved": "Marker som løst",
+  "math_display": "Vist matematik",
+  "math_inline": "Inkluderet matematik",
+  "maximum_files_uploaded_together": "Maksimalt __max__ filer uploaded sammen",
+  "may": "Maj",
+  "maybe_later": "Måske senere",
+  "member_picker": "Vælg antal brugere for gruppeabonnement",
+  "members_management": "Administration af medlemmer",
+  "mendeley": "Mendeley",
+  "mendeley_groups_loading_error": "Der opstod en fejl i at loade grupper fra Mendeley",
+  "mendeley_groups_relink": "Der opstod en fejl under tilgangen af dit Mendeley data. Dette skete sandsynligvist grundet manglende tilladelser. Gen-forbind venligst din konto og prøv igen.",
+  "mendeley_integration": "Mendeley-integration",
+  "mendeley_is_premium": "Integration af Mendeley er en Premium-funktion",
+  "mendeley_reference_loading_error": "Fejl, kunne ikke indlæse referencer fra Mendeley",
+  "mendeley_reference_loading_error_expired": "Mendeley nøgle udløbet, genforbind venligst din konto",
+  "mendeley_reference_loading_error_forbidden": "Kunne ikke indlæse referencer fra Mendeley, genforbind venligst din konto og prøv igen",
+  "mendeley_sync_description": "Via Mendeley-integrationen kan du importere dine referencer fra Mendeley ind i dine __appName__-projekter.",
+  "menu": "Menu",
+  "merge": "Flet",
+  "merge_cells": "Flet celler",
+  "merging": "Fletter",
+  "message_received": "Besked modtaget",
+  "missing_field_for_entry": "Manglende felt for",
+  "missing_fields_for_entry": "Manglende felter for",
+  "month": "måned",
+  "monthly": "Månedtlig",
+  "more": "Mere",
+  "more_actions": "Flere handlinger",
+  "more_comments": "Flere kommentarer",
+  "more_info": "Mere info",
+  "more_options": "Flere muligheder",
+  "more_options_for_border_settings_coming_soon": "Flere muligheder for kantindstillinger kommer snart.",
+  "more_project_collaborators": "<0>Flere</0> <0>samarbejdspartnere</0> i projekter",
+  "more_than_one_kind_of_snippet_was_requested": "Linket til at åbne dette indhold i Overleaf havde nogle ugyldige parametre. Hvis du bliver ved med at opleve det her med links fra en bestemt side, bliver du næsten nødt til at fortælle dem om det.",
+  "most_popular_uppercase": "Mest populære",
+  "must_be_email_address": "Skal være en e-mailaddresse",
+  "my_library": "Mit bibliotek",
+  "n_items": "__count__ enhed",
+  "n_items_plural": "__count__ enheder",
+  "n_more_updates_above": "__count__ mere opdatering ovenover",
+  "n_more_updates_above_plural": "__count__ flere opdateringer ovenover",
+  "n_more_updates_below": "__count__ mere opdatering nedenunder",
+  "n_more_updates_below_plural": "__count__ flere opdateringer nedenunder",
+  "n_users": "__userCount__ brugere",
+  "name": "Navn",
+  "name_usage_explanation": "Dit navn vil blive vist til dine samarbejdspartnere (så de ved hvem de arbejder sammen med).",
+  "native": "Indbygget",
+  "navigate_log_source": "Naviger til loggens tilsvarende sted i kildekoden: __location__",
+  "navigation": "Navigation",
+  "nearly_activated": "Du er ét skridt fra at aktivere din __appName__ konto!",
+  "need_anything_contact_us_at": "Hvis der skulle være noget du har brug for, så kontakt os endeligt direkte på",
+  "need_contact_group_admin_to_make_changes": "Du bliver nødt til at kontakte din gruppeadministrator hvis du vil lave bestemte ændringer til din konto. <0>Læs mere om styrede brugere.</0>",
+  "need_make_changes": "Du bliver nødt til at lave nogle ændringer",
+  "need_more_than_x_licenses": "Brug for mere end __x__ licenser?",
+  "need_to_add_new_primary_before_remove": "Du bliver nødt til at tilføje en ny primær e-mailaddresse før du kan slette denne.",
+  "need_to_leave": "Nød til at gå?",
+  "new_file": "Ny fil",
+  "new_folder": "Ny mappe",
+  "new_name": "Nyt navn",
+  "new_password": "Nyt kodeord",
+  "new_project": "Nyt projekt",
+  "new_snippet_project": "Unavngivet",
+  "new_subscription_will_be_billed_immediately": "Dit nye abonnement vil blive straks blive opkrævet fra din nuværende betalingsmetode.",
+  "new_tag": "Nyt tag",
+  "new_tag_name": "Navn til nyt tag",
+  "newsletter": "Nyhedsbrev",
+  "newsletter_info_note": "Du vil stadig modtage vigtige e-mails såsom projektinvitationer og sikkerhedsbeskeder (nulstilling af kode, kontoforbindelser, osv.).",
+  "newsletter_info_subscribed": "Du er <0>tilmeldt</0> til __appName__s nyhedsbrev. Hvis du foretrækker ikke at modtage disse e-mails, kan du altid framelde dig.",
+  "newsletter_info_summary": "Hvert par måneder sender vi et nyhedsbrev som opsummerer de nyeste tilgængelige funktioner.",
+  "newsletter_info_title": "Nyhedsbrevpræferencer",
+  "newsletter_info_unsubscribed": "Du er <0>ikke tilmeldt</0> til __appName__s nyhedsbrev.",
+  "newsletter_onboarding_accept": "Jeg vil gerne modtage e-mails omkring tilbud, nyheder, og begivenheder.",
+  "next": "Næste",
+  "next_page": "Næste side",
+  "next_payment_of_x_collectected_on_y": "Den næste betaling på <0>__paymentAmmount__</0> vil blive opkrævet den <1>__collectionDate__</1>.",
+  "nl": "Hollandsk",
+  "no": "Norsk",
+  "no_actions": "Ingen handlinger",
+  "no_articles_matching_your_tags": "Der er ingen artikler som opfylder dine tags",
+  "no_borders": "Ingen kanter",
+  "no_caption": "Ingen billedtekst",
+  "no_comments_or_suggestions": "Ingen kommentarer eller forslag",
+  "no_existing_password": "Brug formularen til at nulstille dit kodeord",
+  "no_featured_templates": "Ingen fremhævede skabeloner",
+  "no_folder": "Ingen mappe",
+  "no_image_files_found": "Ingen billedfiler fundet",
+  "no_libraries_selected": "Ingen valgte biblioteker",
+  "no_members": "Ingen medlemmer",
+  "no_messages": "Ingen beskeder",
+  "no_new_commits_in_github": "Ingen nye commits i GitHib siden sidste sammenfletning",
+  "no_one_has_commented_or_left_any_suggestions_yet": "Ingen har kommenteret eller givet forslag endnu.",
+  "no_other_projects_found": "Ingen projekter fundet",
+  "no_other_sessions": "Ingen aktive sessioner",
+  "no_pdf_error_explanation": "Denne kompilering producerede ikke nogen PDF. Det kan ske, hvis:",
+  "no_pdf_error_reason_no_content": "<code>document</code>-blokken har ikke noget indhold. Hvis den er tom, må du give den noget indhold, og så kompilere igen.",
+  "no_pdf_error_reason_output_pdf_already_exists": "Dette projekt indeholder en fil, som hedder <code>output.pdf</code>. Hvis den fil eksisterer, er du nødt til at omnavngive den, og så kompilere igen.",
+  "no_pdf_error_reason_unrecoverable_error": "Der er en uoprettelig LaTeX-fejl. Hvis der er LaTeX-fejl vist herunder, eller i de rå logge, så forsøg at rette dem, og kompiler så ingen.",
+  "no_pdf_error_title": "Ingen PDF",
+  "no_planned_maintenance": "Der er lige nu ingen planlagt vedligeholdelse",
+  "no_preview_available": "Der er intet smugkig til rådighed.",
+  "no_projects": "Ingen projekter",
+  "no_resolved_comments": "Ingen løste kommentarer",
+  "no_search_results": "Ingen søgeresultater",
+  "no_selection_select_file": "Der er ikke valgt nogen fil. Du kan vælge en fil at få vist i filtræet.",
+  "no_symbols_found": "Ingen symboler fundet",
+  "no_thanks_cancel_now": "Nej tak, jeg ønsker fortsat at ophæve",
+  "no_update_email": "Nej, opdatér e-mailaddresse",
+  "normal": "Normal",
+  "normally_x_price_per_month": "Normalt __price__ per måned",
+  "normally_x_price_per_year": "Normalt __price__ per år",
+  "not_found_error_from_the_supplied_url": "Linket til at åbne dette indhold i Overleaf anviste en fil, som ikke kunne findes. Hvis du bliver ved med at opleve det her med links fra en bestemt side, bliver du næsten nødt til at fortælle dem om det.",
+  "not_managed": "Ikke styret",
+  "not_now": "Ikke nu",
+  "not_registered": "Ikke registreret",
+  "note_features_under_development": "<0>Vær opmærksom på</0> at funktionerne i dette program stadig bliver testet og er under aktiv udvikling. Dette betyder at de kan <0>ændre sig</0>, blive <0>slettet</0> eller <0>blive del af et betalt abonnement</0>",
+  "notification_features_upgraded_by_affiliation": "Godt nyt! Organisationen __institutionName__, som du er tilknyttet, har et abonnement hos Overleaf, og du har nu adgang til alle Overleafs Professionelle funktioner.",
+  "notification_personal_and_group_subscriptions": "Vi har opdaget at du har <0>mere end ét aktivt __appName__ abonnement</0>. <1>Gennemgå dine abonnementer</1> for at undgå at betale mere end nødvendigt.",
+  "notification_personal_subscription_not_required_due_to_affiliation": " Gode nyheder! Din tilknyttede organisation __institutionName__ har et abonnement hos Overleaf, og derfor har du nu adgang til Overleafs Professionelle funktioner via din tilknytning. Du kan afmelde dit individuelle abonnement, uden at miste adgang til nogen funktioner.",
+  "notification_project_invite": "<b>__userName__</b> vil gerne have dig til at deltage i <b>__projectName__</b> <a class=\"btn btn-sm btn-info pull-right\" href=\"’/project/__projectId__/invite/token/__token__’\">Deltag i Projektet</a>",
+  "notification_project_invite_accepted_message": "Du er nu med i <b>__projectName__</b>",
+  "notification_project_invite_message": "<b>__userName__</b> vil gerne have dig med i <b>__projectName__</b>",
+  "november": "November",
+  "number_collab": "Antal samarbejdspartnere",
+  "number_collab_info": "Antallet af folk du kan invitere til at samarbejde på et projekt med dig. Grænsen er per projekt, så du kan invitere forskellige folk til hvert enkelt projekt.",
+  "number_of_projects": "Antal projekter",
+  "number_of_users": "Antal brugere",
+  "oauth_orcid_description": " <a href=\"__link__\">Hævd din identitet sikkert, ved at kæde din ORCID iD og din __appName__-konto sammen</a>. Indsendelser til samarbejdende udgivere vil automatisk inkludere dit ORCID iD, hvilket giver en forbedret arbejdsgang og bedre synlighed. ",
+  "october": "Oktober",
+  "off": "Fra",
+  "official": "Officielt",
+  "ok": "OK",
+  "ok_continue_to_project": "OK, fortsæt til projekt",
+  "ok_join_project": "OK, deltag i projekt",
+  "on": "Til",
+  "on_free_plan_upgrade_to_access_features": "Du er på det gratis __appName__ abonnement. Opgrader for at tilgå disse <0>Premium-funktioner</0>",
+  "one_collaborator_per_project": "1 samarbejdspartner per projekt",
+  "one_free_collab": "Kun én gratis samarbejdspartner",
+  "one_per_project": "1 per projekt",
+  "one_step_away_from_professional_features": "Du er ét skridt fra at tilgå <0>Overleafs Professionelle funktioner</0>!",
+  "ongoing_experiments": "Igangværende eksperimenter",
+  "online_latex_editor": "Online LaTeX-skriveprogram",
+  "only_group_admin_or_managers_can_delete_your_account_1": "Ved at blive en styret bruger vil din organisation have administratorrettigheder over din konto samt kontrol over dine ting, inklsuiv rettigheder til at lukke din konto og adgang, samt at dele dine ting. Som resultat:",
+  "only_group_admin_or_managers_can_delete_your_account_2": "Kun dine gruppeadministratore kan slette din konto.",
+  "only_group_admin_or_managers_can_delete_your_account_3": "Dine gruppeadministratorer kan videregive ejerskabet af dine projekter til andre gruppemedlemmer",
+  "only_group_admin_or_managers_can_delete_your_account_4": "Når du bliver en styret bruger kan du ikke gå tilbage. <0>Lær mere om styrede Overleaf konti.</0>",
+  "only_group_admin_or_managers_can_delete_your_account_5": "For mere information, se \"Managed Accounts\" sektionen i vores brugsvilkår som du accepterer ved at klikke Accepter invitation",
+  "only_importer_can_refresh": "Kun personen som oprindeligt importerede denne __provider__ fil kan genindlæse den.",
+  "open_action_menu": "Åbn __name__ handlingsmenu",
+  "open_advanced_reference_search": "Åbn avanceret henvisningssøgning",
+  "open_as_template": "Åben som skabelon",
+  "open_file": "Rediger fil",
+  "open_link": "Gå til side",
+  "open_path": "Åbn __path__",
+  "open_project": "Åben projekt",
+  "open_target": "Følg henvisning",
+  "opted_out_linking": "Du har fravalgt at forbinde din <b>__appName__</b>-konto for <b>__email__</b> til din institutionelle konto.",
+  "optional": "Valgfrit",
+  "or": "eller",
+  "organization": "Organisation",
+  "organization_name": "Organisationsnavn",
+  "organization_or_company_name": "Organisations- eller virksomhedsnavn",
+  "organization_or_company_type": "Organisations- eller virksomhedstype",
+  "organize_projects": "Organisationsprojekter",
+  "original_price": "Original pris",
+  "other": "Andet",
+  "other_actions": "Andre handlinger",
+  "other_logs_and_files": "Andre logger og filer",
+  "other_output_files": "Hent andre outputfiler",
+  "other_sessions": "Andre sessioner",
+  "other_ways_to_log_in": "Andre måder at logge ind på",
+  "our_values": "Vores værdier",
+  "out_of_sync": "Ude af sync",
+  "out_of_sync_detail": "Beklager, denne fil er kommet ud af sync, og vi er nødt til at genindlæse den. <0></0><1>Se venligst denne hjælpeguide for mere information</1>",
+  "output_file": "Outputfil",
+  "over": "over",
+  "over_n_users_at_research_institutions_and_business": "Over __userCountMillion__ millioner brugere på forskningsinstitutioner og virksomheder verden rundt elsker __appName__",
+  "overall_theme": "Overordnet tema",
+  "overleaf": "Overleaf",
+  "overleaf_group_plans": "Overleaf gruppeabonnementer",
+  "overleaf_history_system": "Overleafs historiksystem",
+  "overleaf_individual_plans": "Overleaf individuelle abonnementer",
+  "overleaf_labs": "Overleaf Labs",
+  "overleaf_plans_and_pricing": "overleaf abonnementer og priser",
+  "overleaf_template_gallery": "overleaf skabelonsgalleri",
+  "overview": "Oversigt",
+  "overwrite": "Overskriv",
+  "overwriting_the_original_folder": "At overskrive den originale mappe vil slette den samt alle filer den indeholder.",
+  "owned_by_x": "Ejet af __x__",
+  "owner": "Ejer",
+  "page_current": "Side __page__, nuværende side",
+  "page_not_found": "Side ikke fundet",
+  "pagination_navigation": "Side navigation",
+  "papers_presentations_reports_and_more": "Artikler, præsentationer, rapporter m.fl, skrevet i LaTeX og udgivet af vores fællesskab.",
+  "partial_outline_warning": "Dispositionen er forældet. Den vil blive opdateret når du foretager ændringer i dokumentet",
+  "password": "Kodeord",
+  "password_cant_be_the_same_as_current_one": "Kodeordet kan ikke være det samme som det nuværende",
+  "password_change_old_password_wrong": "Det gamle kodeord er forkert.",
+  "password_change_password_must_be_different": "Kodeordet du har indtastet er det samme som dit nuværende kodeord. Benyt venligst et andet kodeord.",
+  "password_change_passwords_do_not_match": "Kodeord er ikke ens",
+  "password_change_successful": "Kodeord opdateret",
+  "password_compromised_try_again_or_use_known_device_or_reset": "Kodeordet du har indtastet er på en <0>offentlig liste over kompromitterede kodeord</0>. Log venligst ind fra en enhed du tidligere har benyttet, eller <1>nulstil dit kodeord</1>",
+  "password_managed_externally": "Indstillinger for kodeord bliver styret eksternt",
+  "password_reset": "Nulstil kodeord",
+  "password_reset_email_sent": "Vi har sendt dig en e-mail for at fuldføre nulstillingen af dit kodeord.",
+  "password_reset_token_expired": "Din mulighed for nulstilling af din adgangskode er udløbet. Anmod om en ny nulstilling af adgangskode og følg linket i din mail.",
+  "password_too_long_please_reset": "Maksimal kodeordslængde overskredet. Start venligst forfra med dit kodeord.",
+  "password_updated": "Kodeord opdateret",
+  "password_was_detected_on_a_public_list_of_known_compromised_passwords": "Dette kodeord er blevet fundet på en <0>offentlig liste over kompromitterede kodeord</0>",
+  "paste_options": "Indstillinger for indsættelse",
+  "paste_with_formatting": "Indsæt med formattering",
+  "paste_without_formatting": "Indsæt uden formattering",
+  "payment_method_accepted": "__paymentMethod__ accepteret",
+  "payment_provider_unreachable_error": "Beklager, der opstod en fejl mens vi kontaktede vores betalingsudbyder. Prøv igen om lidt.\nHvis du bruger en reklame- eller script-blokerende browser extension, kan du være nødsaget til midlertidigt at slå dem fra.",
+  "payment_summary": "Betalingsopsummering",
+  "pdf_compile_in_progress_error": "En tidligere kompilering kører stadig. Vent lidt før du prøver at kompilere igen.",
+  "pdf_compile_rate_limit_hit": "Grænsen for kompilerings hyppigheden er nået",
+  "pdf_compile_try_again": "Vent venlist til din anden kompilering er færdig før en ny startes",
+  "pdf_in_separate_tab": "PDF i seperat tab",
+  "pdf_only_hide_editor": "Kun PDF <0>(gem skrivevindue)</0>",
+  "pdf_preview_error": "Der opstod et problem mens vi prøvede at vise kompileringsresultatet for dette projekt.",
+  "pdf_rendering_error": "PDF visningsfejl",
+  "pdf_unavailable_for_download": "PDF er utilgængelig for download",
+  "pdf_viewer": "PDF-viser",
+  "pdf_viewer_error": "Der opstod en fejl mens vi viste PDFen for dette projekt.",
+  "pending": "Venter",
+  "pending_additional_licenses": "Dit abonnement ændrer sig til at inkludere <0>__pendingAdditionalLicenses__</0> ekstra licens(er), for totalt <1>__pendingTotalLicenses__</1> licenser.",
+  "pending_invite": "Igangværende invitation",
+  "per_month": "per måned",
+  "per_user_year": "per bruger / år",
+  "per_year": "per år",
+  "percent_is_the_percentage_of_the_line_width": "% er procenter af linjebredden",
+  "personal": "Personlig",
+  "personal_library": "Personligt bibliotek",
+  "personalized_onboarding": "Personaliseret onboarding",
+  "pl": "Polsk",
+  "plan": "Abonnement",
+  "plan_tooltip": "Du er på __plan__ abonnementet. Klik for at finde ud af hvordan du får mest muligt ud af dine Overleaf Premium-funktioner.",
+  "planned_maintenance": "Planlagt vedligeholdelse",
+  "plans_amper_pricing": "Abonnementer & priser",
+  "plans_and_pricing": "Abonnementer og priser",
+  "plans_and_pricing_lowercase": "abonnementer og priser",
+  "please_ask_the_project_owner_to_upgrade_more_editors": "Venligst foreslå projektets ejer at opgradere deres abonnement for at tillade flere redaktører.",
+  "please_ask_the_project_owner_to_upgrade_to_track_changes": "Du må bede projektets ejer om at opgradere, for at kunne bruge “Følg ændringer”",
+  "please_change_primary_to_remove": "Skift din primære e-mailadresse for at kunne fjerne denne",
+  "please_check_your_inbox_to_confirm": "Kig i din indbakke for at bekræfte din tilslutning til <0>__institutionName__</0>.",
+  "please_compile_pdf_before_download": "Kompilér venligst dit projekt før du downloader PDF’en",
+  "please_compile_pdf_before_word_count": "Kompilér venligst dit projekt før du udfører en ordoptælling",
+  "please_confirm_email": "Bekræft din e-mailaddresse __emailAddress__ ved at klikke på bekræftelseslinket i e-mailen.",
+  "please_confirm_your_email_before_making_it_default": "Din e-mailadresse skal bekræftes, før du kan gøre den til din primære e-mailaddresse.",
+  "please_contact_support_to_makes_change_to_your_plan": "<0>Kontakt support</0> for at foretage ændringer til dit abonnement",
+  "please_contact_us_if_you_think_this_is_in_error": "Venligst <0>kontakt os</0> hvis du mener at dette er en fejl.",
+  "please_enter_confirmation_code": "Indtast venligst din bekræftelseskode",
+  "please_enter_email": "Skriv din e-mailadresse",
+  "please_get_in_touch": "Tag kontakt til os",
+  "please_link_before_making_primary": "Bekræft venligst din e-mailaddresse ved at tilknytte din institutionelle konto før du gør den primær.",
+  "please_provide_a_message": "Indtast venligst en besked",
+  "please_provide_a_subject": "Indtast venligst et emne",
+  "please_reconfirm_institutional_email": "Brug venligst et øjeblik på at bekræfte din institutionelle e-mailaddresse eller <0>slet den</0> fra din konto.",
+  "please_reconfirm_your_affiliation_before_making_this_primary": "Bekræft venligst din tilknytning før gør den primær.",
+  "please_refresh": "Venligst opdater siden for at fortsætte",
+  "please_request_a_new_password_reset_email_and_follow_the_link": "Anmod venligst om en e-mail til nulstilling af kodeord og følg linket deri",
+  "please_select": "Vælg venligst",
+  "please_select_a_file": "Vælg en fil",
+  "please_select_a_project": "Vælg et projekt",
+  "please_select_an_output_file": "Vælg en outputfil",
+  "please_set_a_password": "Vælg venligst et kodeord",
+  "please_set_main_file": "Vælg venligst projektets primære fil i projekt menuen. ",
+  "please_wait": "Vent venligst",
+  "plus_additional_collaborators_document_history_track_changes_and_more": "(plus flere samarbejdspartnere, dokumenthistorik, fulgte ændringer, og mere)",
+  "plus_more": "og mere",
+  "popular_tags": "Populære tags",
+  "portal_add_affiliation_to_join": "Du ser ud til allerede at være logget ind i __appName__! Hvis du har en e-mailaddresse fra __portalTitle__ kan du tilføje den nu.",
+  "position": "Stilling",
+  "postal_code": "Postnummer",
+  "premium_feature": "Premium-funktion",
+  "premium_features": "Premium-funktioner",
+  "premium_plan_label": "Du bruger <b>Overleaf Premium</b>",
+  "presentation": "Præsentation",
+  "presentation_mode": "Præsentationstilstand",
+  "press_and_awards": "Presse & priser",
+  "previous_page": "Forrige side",
+  "price": "Pris",
+  "primarily_work_study_question": "Hvor arbejder eller studerer du primært?",
+  "primarily_work_study_question_company": "Virksomhed",
+  "primarily_work_study_question_government": "Offentlig institution",
+  "primarily_work_study_question_nonprofit_ngo": "Nonprofit eller NGO",
+  "primarily_work_study_question_other": "Andet",
+  "primarily_work_study_question_university_school": "Universitet eller skole",
+  "primary_certificate": "Primært certifikat",
+  "primary_email_check_question": "Er <0>__email__</0> stadig din e-mailaddresse?",
+  "priority_support": "Prioritetssupport",
+  "privacy": "Privathed",
+  "privacy_and_terms": "Privatliv and vilkår",
+  "privacy_policy": "Fortrolighedspolitik",
+  "private": "Privat",
+  "problem_changing_email_address": "Der var et problem med at ændre din e-mailadresse. Prøv venligst igen om lidt. Fortsætter problemet, så kontakt os venligst",
+  "problem_talking_to_publishing_service": "Der er et problem med vores udgivelses tjeneste, prøv igen om nogle få minutter",
+  "problem_with_subscription_contact_us": "Der er et problem med dit abonnement. Kontakt os venligst for mere information.",
+  "proceed_to_paypal": "Fortsæt til PayPal",
+  "proceeding_to_paypal_takes_you_to_the_paypal_site_to_pay": "At fortsætte til PayPal fører dig til PayPals side for at betale for dit abonnement.",
+  "processing": "processere",
+  "processing_uppercase": "Behandler",
+  "processing_your_request": "Vent venligst, mens vi behandler din forespørgsel.",
+  "professional": "Professionel",
+  "progress_bar_percentage": "Statuslinje fra 0 til 100%",
+  "project": "projekt",
+  "project_approaching_file_limit": "Dette projekt nærmer sig grænsen for filer",
+  "project_figure_modal": "Projekt",
+  "project_files": "Projektfiler",
+  "project_flagged_too_many_compiles": "Dette projekt er blevet markeret for at kompilere for ofte. Grænsen bliver snart løftet.",
+  "project_has_too_many_files": "Dette projekt har nået grænsen på 2000 filer",
+  "project_last_published_at": "Dit projekt var sidst blevet offentliggjort den",
+  "project_layout_sharing_submission": "Projektlayout, deling og indsendelse",
+  "project_name": "Projektnavn",
+  "project_not_linked_to_github": "Dette projekt er ikke linket til et GitHub repository. Du kan skabe et repository for det på GitHub:",
+  "project_ownership_transfer_confirmation_1": "Er du sikker på, at du vil gøre <0>__user__</0> til ejer af <1>__project__</1>?",
+  "project_ownership_transfer_confirmation_2": "Denne handling kan ikke fortrydes. Den nye ejer får besked, og vil kunne ændre projektets adgangsindstillinger (inklusive at fratage din egen adgang).",
+  "project_renamed_or_deleted": "Projekt omnavngivet eller slettet",
+  "project_renamed_or_deleted_detail": "Dette projekt er enten blevet omnavngivet eller fjernet af en ekstern datakilde så som Dropbox. Vi vil ikke slette din data på Overleaf, så dette projekt indeholder stadig din historik og samarbejdspartnere. Hvis projektet er blevet omnavngivet kan du kigge i projektlisten efter et nyt projekt under det nye navn.",
+  "project_synchronisation": "Projektsynkronisering",
+  "project_timed_out_enable_stop_on_first_error": "<0>Slå “Stop ved første fejl” til</0> for at hjælpe dig med at finde og rette fejl med det samme.",
+  "project_timed_out_fatal_error": "En <0>fatal kompileringsfejl</0> blokerer muligvis for kompileringer.",
+  "project_timed_out_intro": "Vi beklager, din kompilering tog for lang tid, og er udløbet. De hyppigste årsager for at løbe tør for tid er:",
+  "project_timed_out_learn_more": "<0>Lær mere</0> omkring other tidsudøb ved kompilering, og hvordan man løser dem.",
+  "project_timed_out_optimize_images": "Store eller høj-opløsnings billeder tager for lang tid om at blive behandlet. Du kan muligvis <0>optimere dem</0>.",
+  "project_too_large": "Projekt er for stort",
+  "project_too_large_please_reduce": "Dette projekt har for meget redigérbar tekst, prøv venligst at reducere det. De største filer er:",
+  "project_too_much_editable_text": "Dette projekt har for meget redigérbar tekst, prøv venligst at reducere det.",
+  "project_url": "Påvirket projekts URL",
+  "projects": "Projekter",
+  "projects_count": "Antal projekter",
+  "projects_list": "Projektliste",
+  "provide_details_of_your_sso_configuration": "Tilføj, rediger, eller slet din Identity Providers SAML metadata.",
+  "pt": "Portugisisk",
+  "public": "Offentlig",
+  "publish": "Publicer",
+  "publish_as_template": "Administrer skabelon",
+  "publisher_account": "Forlagskonto",
+  "publishing": "Publicering",
+  "pull_github_changes_into_sharelatex": "Pull GitHub ændringer ind i __appName__",
+  "push_sharelatex_changes_to_github": "Push __appName__ ændringer til GitHub",
+  "quoted_text": "Tekst i gåseøjne",
+  "raw_logs": "Rå logs",
+  "raw_logs_description": "Rå logs fra LaTeX-kompileringsprogrammet",
+  "react_history_tutorial_content": "For at sammenligne en række af versioner brug <0></0> på versionen i starten af rækken og i slutningen af rækken. For at tilføje et mærkat eller downloade en version kan du bruge knapperne i menuen med 3 prikker. <1>Lær mere om at bruge Overleaf historik.</1>",
+  "react_history_tutorial_title": "Historiehandlinger har fået et nyt hjem",
+  "reactivate_subscription": "Genaktivér dit abonnement",
+  "read_lines_from_path": "Læste linjer fra __path__",
+  "read_more": "Læs mere",
+  "read_more_about_free_compile_timeouts_servers": "Læs mere om ændringer i kompileringstidsgrænser og servere",
+  "read_only_token": "Skrivebeskyttet nøgle",
+  "read_write_token": "Læse- og skrivenøgle",
+  "ready_to_join_x": "Du er klar til at slutte dig til __inviterName__",
+  "ready_to_join_x_in_group_y": "Du er klar til at slutte dig til __inviterName__ i __groupName__",
+  "ready_to_set_up": "Klar til opsætning",
+  "ready_to_use_templates": "Klar-til-brug skabeloner",
+  "real_time_track_changes": "Realtids <0>ændringshistorik</0>",
+  "realtime_track_changes": "Realtids ændringshistorik",
+  "reasons_for_compile_timeouts": "Årsager til kompileringstimeout",
+  "reauthorize_github_account": "Autoriser din GitHub konto igen",
+  "recaptcha_conditions": "Denne side er beskyttet af reCAPTCHA og Googles <1>Privatlivspolitik</1> og <2>Brugsvilkår</2> gælder.",
+  "recent": "Seneste",
+  "recent_commits_in_github": "Seneste commits i GitHub",
+  "recompile": "Genkompilér",
+  "recompile_from_scratch": "Genkompilér fra bunden",
+  "recompile_pdf": "Genkompilér PDF’en",
+  "reconfirm": "genbekræft",
+  "reconfirm_explained": "Vi er nødt til at genbekræfte din konto. Derfor må vi bede dig om at få tilsendt en nulstillingsmail til dit kodeord via formularen herunder. Hvis du møder problemer, er du velkommen til at kontakte os på",
+  "reconnect": "Prøv igen",
+  "reconnecting": "Genopretter",
+  "reconnecting_in_x_secs": "Genopretter om __seconds__ sekunder",
+  "recurly_email_update_needed": "Din fakturerings e-mailaddresse er <0>__recurlyEmail__</0>. Hvis du har brug for det kan du opdatere den til <1>__userEmail__</1>.",
+  "recurly_email_updated": "Din fakturerings e-mailaddresse er blevet opdateret",
+  "redirect_to_editor": "Videresend til skrivevinduet",
+  "redirect_url": "Redirect URL",
+  "redirecting": "Videresender",
+  "reduce_costs_group_licenses": "Du kan skære ned på papirarbejde og reducere omkostninger med vores nedsatte gruppeabonnementer.",
+  "reference_error_relink_hint": "Hvis fejlen fortsat opstår, så forsøg at genforbinde din konto her:",
+  "reference_manager_searched_groups": "__provider__ søgte grupper",
+  "reference_managers": "Henvisningsmanager",
+  "reference_search": "Avanceret henvisningssøgning",
+  "reference_search_info_new": "Find nemt dine referencer—søg efter forfatter, titel, år, eller journal.",
+  "reference_search_setting": "Henvisningssøgning",
+  "reference_search_settings": "Indstillinger for henvisningssøgning",
+  "reference_search_style": "Søgningsmetode",
+  "reference_sync": "Henvisningsmanager synkronisering",
+  "references_from_these_libraries_will_be_included_in_your_reference_search_results": "Henvisninger fra disse biblioteker vil blive inkluderet i dine søgeresultater",
+  "refresh": "Genindlæs",
+  "refresh_page_after_linking_dropbox": "Genindlæs venligst denne side efter at have forbundet din konto til Dropbox",
+  "refresh_page_after_starting_free_trial": "Genindlæs venligst denne side efter du har startet din gratis prøveperiode.",
+  "refreshing": "Genindlæser",
+  "regards": "Venligst",
+  "register": "Registrer",
+  "register_error": "Registreringsfejl",
+  "register_intercept_sso": "Du kan forbinde din __authProviderName__-konto fra din Kontoindstillingsside, efter du har logget ind.",
+  "register_to_accept_invitation": "Registrer for at acceptere invitationen",
+  "register_to_edit_template": "Register for at redigere i __templateName__ skabelonen",
+  "register_with_another_email": "<a href=\"__link__\">Bliv registreret hos __appName__</a> med en anden e-mailadresse.",
+  "registered": "Registreret",
+  "registering": "Registrerer",
+  "registration_error": "Registreringsfejl",
+  "reject": "Afvis",
+  "reject_change": "Afslå ændring",
+  "related_tags": "Relaterede tags",
+  "relink_your_account": "Genforbind din konto",
+  "reload_editor": "Genindlæs skrivevindue",
+  "remind_before_trial_ends": "Vi påminder dig før din prøveperiode slutter",
+  "remote_service_error": "Den eksterne service returnerede en fejl",
+  "remove": "Fjern",
+  "remove_access": "Fjern adgang",
+  "remove_from_group": "Fjern fra gruppe",
+  "remove_link": "Fjern link",
+  "remove_manager": "Fjern leder",
+  "remove_or_replace_figure": "Fjern eller erstat figur",
+  "remove_secondary_email_addresses": "Fjern gendannelses e-mailadresser tilknyttet din konto. <0>Slet dem i kontoindstillingerne.</0>",
+  "remove_sso_login_option": "Fjern muligheden for SSO login for jeres brugere.",
+  "remove_tag": "Fjern tag __tagName__",
+  "removed": "fjernet",
+  "removed_from_project": "Fjernet fra projekt",
+  "removing": "Sletter",
+  "rename": "Omdøb",
+  "rename_project": "Omdøb projekt",
+  "renaming": "Omdøber",
+  "reopen": "Genåben",
+  "reopen_comment_error_message": "Der opstod en fejl under genåbningen af din kommentar. Prøv venligst igen om lidt.",
+  "reopen_comment_error_title": "Fejl under genåbning af kommentar",
+  "replace_figure": "Erstat figur",
+  "replace_from_another_project": "Erstat fra andet projekt",
+  "replace_from_computer": "Erstat fra computer",
+  "replace_from_project_files": "Erstat fra projektfiler",
+  "replace_from_url": "Erstat fra URL",
+  "reply": "Svar",
+  "repository_name": "Repository navn",
+  "republish": "Genudgiv",
+  "request_new_password_reset_email": "Anmod om en ny nulstilling af kodeord",
+  "request_overleaf_common": "Anmod om Overleaf Commons",
+  "request_password_reset": "Anmod om nulstilling af kodeord",
+  "request_password_reset_to_reconfirm": "Anmod om nulstilling af kodeord for at genbekræfte",
+  "request_reconfirmation_email": "Anmod om en genbekræftelsesmail",
+  "request_sent_thank_you": "Besked sendt! Vores hold kigger på det, og svarer via e-mail.",
+  "requesting_password_reset": "Anmoder om nulstilling af kodeord",
+  "required": "Nødvendig",
+  "resend": "Gensend",
+  "resend_confirmation_code": "Gensend bekræftelseskode",
+  "resend_confirmation_email": "Gensend bekræftelsesmail",
+  "resend_email": "Gensend e-mail",
+  "resend_group_invite": "Gensend gruppeinvitation",
+  "resend_link_sso": "Gensend SSO invitation",
+  "resend_managed_user_invite": "Gensend invitation til styrede brugere",
+  "resending_confirmation_code": "Gensender bekræftelseskode",
+  "resending_confirmation_email": "Gensender bekræftelsesmail",
+  "reset_password": "Nulstil dit kodeord",
+  "reset_password_link": "Klik på dette link for at nulstille dit kodeord",
+  "reset_your_password": "Nulstil dit kodeord",
+  "resize": "Ændr størrelse",
+  "resolve": "Løs",
+  "resolve_comment": "Løs kommentar",
+  "resolved_comments": "Løste kommentarer",
+  "restore": "Gendan",
+  "restore_file": "Gendan fil",
+  "restore_file_confirmation_message": "Din nuværende fil vil blive gendannet til versionen fra __date__ klokken __time__.",
+  "restore_file_confirmation_title": "Gendan denne version?",
+  "restore_file_error_message": "Der opstod et problem under gendannelsen af filversionen. Prøv venligst igen om lidt. Hvis problem fortsætter, kontakt os venligst.",
+  "restore_file_error_title": "Fejl under gendannelse af fil",
+  "restore_file_version": "Gendan denne version",
+  "restore_project_to_this_version": "Gendan projekt til denne version",
+  "restore_this_version": "Gendan denne version",
+  "restoring": "Gendanner",
+  "restricted": "Begrænset",
+  "restricted_no_permission": "Begrænset adgang, du har desværre ikke tilladelser til at se denne side.",
+  "resync_completed": "Synkronisering færdiggjort!",
+  "resync_message": "Synkronisering af projekthistorik kan tage adskillige minutter, afhængigt af størrelsen af projektet.",
+  "resync_project_history": "Synkroniser projekthistorik",
+  "retry_test": "Gentag test",
+  "return_to_login_page": "Tilbage til log ind siden",
+  "reverse_x_sort_order": "Omvendt __x__ sortering",
+  "revert_pending_plan_change": "Fortryd planlagte abonnementsændring",
+  "review": "Review",
+  "review_your_peers_work": "Gennemgå dine samarbejdspartneres arbejde",
+  "revoke": "Tilbagekald",
+  "revoke_invite": "Tilbagekald invitation",
+  "right": "Højrejusteret",
+  "ro": "Romænsk",
+  "role": "Rolle",
+  "ru": "Russisk",
+  "saml": "SAML",
+  "saml_auth_error": "Beklager, jeres identity provider svarede med en fejl. Kontakt venligst jeres administrator for mere information.",
+  "saml_authentication_required_error": "Andre loginmetoder er blevet deaktiveret af din gruppeadministrator. Benyt venligst din gruppes SSO login.",
+  "saml_create_admin_instructions": "Vælg en e-mailadresse for den første __appName__ admin konto. Denne skal svare til en konto i SAML systemet. Du vil derefter blive bedt om at logge på med denne konto.",
+  "saml_email_not_recognized_error": "Denne e-mailadresse er ikke sat op til SSO. Tjek den venligst eller kontakt din administrator.",
+  "saml_identity_exists_error": "Beklager, identiteten modtaget fra din Identity provider er allerede tilkobet en anden Overleaf konto. Kontakt venligst din administrator for mere information.",
+  "saml_invalid_signature_error": "Beklager, informationen modtaget fra din identity provider har en ugyldig signatur. Kontakt venligst din administrator for mere information.",
+  "saml_login_disabled_error": "Beklager, single sign-on login er blevet deaktiveret for __email__. Kontakt venligst din administrator for mere information.",
+  "saml_login_failure": "Beklager, der opstod et problem med at logge dig ind. Kontakt venligst din administrator for mere information.",
+  "saml_login_identity_mismatch_error": "Beklager, du prøver at logge ind i Overleaf som __email__ men identiteten modtaget fra din identity provider er ikke den korrekte for denne Overleaf konto.",
+  "saml_login_identity_not_found_error": "Beklager, vi kunne ikke finde en Overleaf konto sat op for single sign-on med denne identity provider.",
+  "saml_metadata": "Overleaf SAML Metadata",
+  "saml_missing_signature_error": "Beklager, informationen modtaget fra din identity provider er ikke signeret (både response og assertion signaturer er påkrævet).  Kontakt venligst din administrator for mere information.",
+  "saml_response": "SAML svar",
+  "save": "Gem",
+  "save_20_percent": "spar 20%",
+  "save_or_cancel-cancel": "Annuller",
+  "save_or_cancel-or": "eller",
+  "save_or_cancel-save": "Gem",
+  "saving": "Gemmer",
+  "saving_notification_with_seconds": "Gemmer __docname__... (Ændringerne har ikke været gemt i __seconds__ sekunder)",
+  "search": "Søg",
+  "search_all_project_files": "Søg alle projektfiler",
+  "search_bib_files": "Søg efter forfatter, titel, år",
+  "search_by_citekey_author_year_title": "Søg efter citeringsnøgle, forfatter, titel, år",
+  "search_command_find": "Find",
+  "search_command_replace": "Erstat",
+  "search_in_all_projects": "Søg i alle projekter",
+  "search_in_archived_projects": "Søg i arkiverede projekter",
+  "search_in_shared_projects": "Søg i delte projekter",
+  "search_in_trashed_projects": "Søg i kassérede projekter",
+  "search_in_your_projects": "Søg i dine projekter",
+  "search_match_case": "Match store/små bogstaver",
+  "search_next": "næste",
+  "search_only_the_bib_files_in_your_project_only_by_citekeys": "Søg udelukkende .bib filerne i dit projekt, kun efter citeringsnøgle.",
+  "search_previous": "forrige",
+  "search_projects": "Søg efter projekter",
+  "search_references": "Søg i .bib filerne fra dette projekt",
+  "search_regexp": "Regulært udtryk",
+  "search_replace": "Erstat",
+  "search_replace_all": "Erstat alle",
+  "search_replace_with": "Erstat med",
+  "search_search_for": "Søg efter",
+  "search_whole_word": "Helt ord",
+  "search_within_selection": "Søg i markeret tekst",
+  "searched_path_for_lines_containing": "Ledte i __path__ efter linjer som indeholdte \"__query__\"",
+  "secondary_email_password_reset": "Den e-mailaddresse er registreret som en sekundær e-mailaddresse. Du kan kun logges ind, hvis du skriver din kontos primære e-mailaddresse.",
+  "security": "Sikkerhed",
+  "see_changes_in_your_documents_live": "Se ændringer i dokumentet live",
+  "select_a_column_or_a_merged_cell_to_align": "Marker en kolonne eller flettet celle for at justere",
+  "select_a_column_to_adjust_column_width": "Marker en kolonne for at justere kolonnebredde",
+  "select_a_file": "Vælg en fil",
+  "select_a_file_figure_modal": "Vælg en fil",
+  "select_a_group_optional": "Vælg en gruppe (ikke påkrævet)",
+  "select_a_language": "Vælg et sprog",
+  "select_a_new_owner_for_projects": "Vælg en ny ejer for denne brugers projekter",
+  "select_a_payment_method": "Vælg en betalingsform",
+  "select_a_project": "Vælg et projekt",
+  "select_a_project_figure_modal": "Vælg et projekt",
+  "select_a_row_or_a_column_to_delete": "Vælg en række eller kolonne at slette",
+  "select_access_level": "Sæt adgangsniveau",
+  "select_access_levels": "Sæt adgangsniveauer",
+  "select_all": "Vælg alt",
+  "select_all_projects": "Vælg alle projekter",
+  "select_an_output_file": "Vælg en outputfil",
+  "select_an_output_file_figure_modal": "Vælg en outputfil",
+  "select_bib_file": "Vælg .bib fil",
+  "select_cells_in_a_single_row_to_merge": "Vælg celler i en enkelt række at flette",
+  "select_color": "Vælg farven __name__",
+  "select_folder_from_project": "Vælg mappe fra projekt",
+  "select_from_output_files": "vælg fra outputfiler",
+  "select_from_project_files": "vælg fra projektfiler",
+  "select_from_source_files": "vælg fra kildefiler",
+  "select_from_your_computer": "vælg fra din computer",
+  "select_github_repository": "Vælg et GitHub repository som skal importeres til __appName__.",
+  "select_image_from_project_files": "Vælg billede fra projektfiler",
+  "select_project": "Vælg __project__",
+  "select_projects": "Vælg projekter",
+  "select_tag": "Vælg tag __tagName__",
+  "select_user": "Vælg bruger",
+  "selected": "Valgt",
+  "selected_by_overleaf_staff": "Valgt af Overleafs ansatte",
+  "selection_deleted": "Markering slettet",
+  "send": "Send",
+  "send_first_message": "Send din første besked til dine samarbejdspartnere",
+  "send_message": "Send besked",
+  "send_test_email": "Send en test e-mail",
+  "sending": "Sender",
+  "sent": "Sendt",
+  "september": "September",
+  "server_error": "Serverfejl",
+  "server_pro_license_entitlement_line_1": "<0>__appName__</0> Server Pro licens",
+  "server_pro_license_entitlement_line_2": "I har i øjeblikket <0>__count__ aktive brugere</0>. Hvis I har brug for at forøge antallet af licenser, <1>kontakt da venligst Overleaf</1>.",
+  "server_pro_license_entitlement_line_3": "En aktiv bruger er en som har åbnet et projekt i denne Server Pro instans i de seneste 12 måneder.",
+  "services": "Tjenester",
+  "session_created_at": "Session oprettet på",
+  "session_error": "Sessionsfejl. Tjek venligst at du har cookies slået til. Hvis problem fortsætter kan du tømme din cache og cookies.",
+  "session_expired_redirecting_to_login": "Session udløbet. Du omdirigeres til login siden om __seconds__ sekunder",
+  "sessions": "Sessioner",
+  "set_color": "vælg farve",
+  "set_column_width": "Indstil kolonnebredde",
+  "set_new_password": "Sæt nyt kodeord",
+  "set_password": "Kodeord",
+  "set_up_single_sign_on": "Sæt single sign-on (SSO) op",
+  "set_up_sso": "Sæt SSO op",
+  "settings": "Indstillinger",
+  "setup_another_account_under_a_personal_email_address": "Sæt en anden Overleaf konto op under en personlig e-mailadresse.",
+  "share": "Del",
+  "share_project": "Del projekt",
+  "shared_with_you": "Delt med dig",
+  "sharelatex_beta_program": "__appName__ betaprogram",
+  "shortcut_to_open_advanced_reference_search": "(<strong>__ctrlSpace__</strong> eller <strong>__altSpace__</strong>)",
+  "show_all_projects": "Vis alle projekter",
+  "show_document_preamble": "Vis dokumentets præambel",
+  "show_hotkeys": "Vis genveje",
+  "show_in_code": "Vis i koden",
+  "show_in_pdf": "Vis i PDFen",
+  "show_less": "vis færre",
+  "show_local_file_contents": "Vis lokalt filindhold",
+  "show_more": "vis mere",
+  "show_outline": "Vis disposition",
+  "show_x_more_projects": "Vis __x__ flere projekter",
+  "showing_1_result": "Viser 1 resultat",
+  "showing_1_result_of_total": "Viser 1 resultat ud af __total__",
+  "showing_x_out_of_n_projects": "Viser __x__ af __n__ projekter.",
+  "showing_x_results": "Viser __x__ resultater",
+  "showing_x_results_of_total": "Viser __x__ resultater ud af __total__",
+  "sign_up": "Opret konto",
+  "sign_up_for_free": "Opret gratis konto",
+  "sign_up_for_free_account": "Opret gratis konto og modtag regelmæssige opdateringer",
+  "simple_search_mode": "Simpel søgning",
+  "single_sign_on_sso": "Single Sign-On (SSO)",
+  "site_description": "Et online LaTeX-skriveprogram, der er let at bruge. Ingen installation, live samarbejde, versionskontrol, flere hundrede LaTeX-skabeloner, og meget mere.",
+  "site_wide_option_available": "Organisationsdækkende licens tilgængelig",
+  "six_collaborators_per_project": "6 samarbejdspartnere per projekt",
+  "six_per_project": "6 per projekt",
+  "skip": "Spring over",
+  "skip_to_content": "Spring til indhold",
+  "something_not_right": "Noget er gået galt",
+  "something_went_wrong": "Noget gik galt",
+  "something_went_wrong_canceling_your_subscription": "Der gik noget galt med annulleringen af dit abonnement. Du bliver nødt til at kontakte supporten.",
+  "something_went_wrong_loading_pdf_viewer": "Noget gik galt under indlæsningen af PDF viseren. Dette kan være forårsaget af problemer som <0>midlertidige netværksproblemer</0> eller en <0>forældet web browser</0>. Følg venligst <1>fejlsøgningskridtene for adgang, indlæsning, og visningsproblemer</1>. Hvis problemet fortsætter <2>fortæl os om det</2>.",
+  "something_went_wrong_processing_the_request": "Noget gik galt under behandlingen af forespørgslen",
+  "something_went_wrong_rendering_pdf": "Noget gik galt i oversættelsen af denne PDF",
+  "something_went_wrong_rendering_pdf_expected": "Der opstod et problem under visningen af PDFen. <0>Genkompiler</0>",
+  "something_went_wrong_server": "Noget gik galt. Prøv venligst igen.",
+  "somthing_went_wrong_compiling": "Beklager, noget gik galt og dit projekt kunne ikke kompiléres. Vent lidt og prøv igen.",
+  "sorry_it_looks_like_that_didnt_work_this_time": "Beklager! Det ser ud til at det ikke virkede denne gang. Prøv venligst igen.",
+  "sorry_something_went_wrong_opening_the_document_please_try_again": "Beklager, der skete en uventet fejl i forsøget på at åbne dette indhold i Overleaf. Prøv venligst igen.",
+  "sorry_there_are_no_experiments": "Beklager, der er ingen igangværende eksperimenter i Overleaf Labs.",
+  "sorry_this_account_has_been_suspended": "Beklager, denne konto er blevet suspenderet.",
+  "sorry_your_table_cant_be_displayed_at_the_moment": "Beklager, din tabel kan ikke vises lige nu.",
+  "sorry_your_token_expired": "Beklager, din nøgle er udløbet",
+  "sort_by": "Sortér efter",
+  "sort_by_x": "Sortér efter __x__",
+  "sort_projects": "Sorter projekter",
+  "source": "Kilde",
+  "spell_check": "Stavekontrol",
+  "sso": "SSO",
+  "sso_account_already_linked": "Konto allerede tilknyttet en anden __appName__ bruger",
+  "sso_active": "SSO aktiveret",
+  "sso_already_setup_good_to_go": "Single sign-on er allerede opsat på din konto, så du er klar.",
+  "sso_config_deleted": "SSO konfiguration slettet",
+  "sso_config_prop_help_certificate": "Base64 encoded certifikat uden blanktegn",
+  "sso_config_prop_help_first_name": "SAML attributten som betegner brugerens fornavn",
+  "sso_config_prop_help_last_name": "SAML attributten som betegner brugerens efternavn",
+  "sso_config_prop_help_redirect_url": "Single sign-on redirect URL givet af jeres IdP (nogen gange benævnt single sign-on service HTTP-redirect location)",
+  "sso_config_prop_help_user_id": "SAML attributten givet af jeres IdP som betegner hver bruger",
+  "sso_configuration": "SSO konfiguration",
+  "sso_configuration_not_finalized": "Jeres konfiguration er ikke blevet færdiggjort.",
+  "sso_configuration_saved": "SSO konfiguration gemt",
+  "sso_disabled_by_group_admin": "SSO er blevet deaktiveret af din gruppeadministrator. Du kan stadig logge ind og bruge Overleaf som normalt.",
+  "sso_error_audience_mismatch": "Det Service Provider entity ID konfigureret i jeres IdP matcher ikke det i vores metadata. Kontakt venligst jeres IT afdeling for mere information.",
+  "sso_error_idp_error": "Jeres identity provider svarede med en fejl.",
+  "sso_error_invalid_external_user_id": "SAML attributten givet af jeres IdP som unikt identificerer jeres bruger har et ugyldigt format. En tekststreng er forventet. Attribut: <0>__expecting__</0>",
+  "sso_error_invalid_signature": "Beklager, informationen modtaget fra jeres identity provider har en ugyldig signatur.",
+  "sso_error_missing_external_user_id": "SAML attributten givet af jeres IdP som unikt identificerer jeres bruger enten mangler, eller er under et andet navn end det i har konfigureret. Forventer: <0>__expecting__</0>",
+  "sso_error_missing_firstname_attribute": "SAML attributten givet af jeres IdP som udpeger brugerens fornavn enten mangler, eller er under et andet navn end det i har konfigureret. Forventer: <0>__expecting__</0>",
+  "sso_error_missing_lastname_attribute": "SAML attributten givet af jeres IdP som udpeger brugerens efternavn enten mangler, eller er under et andet navn end det i har konfigureret. Forventer: <0>__expecting__</0>",
+  "sso_error_missing_signature": "Beklager, informationen modtaget fra din identity provider er ikke signeret (både response og assertion signaturer er påkrævet).",
+  "sso_error_response_already_processed": "SAML svaret InResponseTo er ugyldigt. Dette kan ske hvis enten det ikke matcher det fra SAML forespørgslen, eller at logge ind tog for lang tid så forespørgslen udløb.",
+  "sso_explanation": "Opsæt single sign-on for jeres gruppe. Denne login-form vil være valgfri for gruppemedlemmer medmindre Styrede Brugere er aktiveret. <0>Lær mere om Overleaf gruppe-SSO</0>.",
+  "sso_here_is_the_data_we_received": "Her er dataen vi modtog i SAML svaret:",
+  "sso_integration": "SSO-integration",
+  "sso_is_disabled": "SSO er deaktiveret",
+  "sso_is_disabled_explanation_1": "Gruppemedlemmer vil ikke kunne logge ind via SSO",
+  "sso_is_disabled_explanation_2": "Alle gruppemedlemmer vil have brug for et brugernavn og kode for at logge ind i __appName__",
+  "sso_is_enabled": "SSO er aktiveret",
+  "sso_is_enabled_explanation_1": "Gruppemedlemmer vil <0>udelukkende</0> kunne logge ind via SSO efter at have tilkoblet deres konto med jeres IdP.",
+  "sso_is_enabled_explanation_1_sso_only": "Gruppemedlemmer vil have mulighed for at logge ind med SSO.",
+  "sso_is_enabled_explanation_2": "Hvis der er nogen problemer med konfigurationen, udelukkende dig (som gruppeadministrator) vil kunne deaktivere SSO.",
+  "sso_link_account_with_idp": "Jeres gruppe bruger SSO. Det betyder at vi skal autentificere din konto med gruppens identity provider. Klik <0>Sæt SSO op</0> for at autentificere.",
+  "sso_link_error": "Fejl i kontosammenkædningen",
+  "sso_link_invite_has_been_sent_to_email": "En påmindelse om SSO invitation er blevet sendt til  <0>__email__</0>",
+  "sso_login": "SSO login",
+  "sso_logs": "SSO log",
+  "sso_not_active": "SSO deaktiveret",
+  "sso_not_linked": "Du har ikke forbundet din konto til __provider__. Du bliver nødt til først at logge ind med en anden metode, og forbinde din __provider__-konto i dine kontoindstillinger.",
+  "sso_reauth_request": "Forespørgsel om SSO genautentifikation er blevet sendt til <0>__email__</0>",
+  "sso_test_interstitial_info_1": "<0>Før du starter testen</0>, tjek venligst at du har <1>konfigureret Overleaf som en Service Provider hos jeres IdP</1> og har givet adgang til Overleaf servicen.",
+  "sso_test_interstitial_info_2": "At klikke på <0>Test konfiguration</0> videresender dig til jeres IdPs loginskærm. <1>Læs vores dokumentation</1> for en fuld forklaring af hvad der sker under testen. Tjek også vores <2>fejlsøgningsråd</2> hvis du sidder fast.",
+  "sso_test_interstitial_title": "Lad os teste jeres SSO konfiguration",
+  "sso_test_result_error_message": "Testen virkede ikke denne gang, men fortvivl ej—fejl kan ofte hurtigt adresseres ved at justere konfigurationen. Vores <0>SSO fejlsøgningsguide</0> hjælper med nogle af de hyppige årsager for testfejl.",
+  "sso_title": "Single sign-on",
+  "sso_user_denied_access": "Kan ikke logge ind da __appName__ ikke blev tildelt adgang til din __provider__ konto. Prøv venligst igen.",
+  "sso_user_explanation_enabled_with_admin_email": "Din gruppe som bliver administreret af <0>__adminEmail__</0> har aktiveret SSO, så du kan logge ind uden at skulle huske et kodeord.",
+  "sso_user_explanation_enabled_with_group_name": "Din gruppe <0>__groupName__</0> har aktiveret SSO, så du kan logge ind uden at skulle huske et kodeord.",
+  "sso_user_explanation_ready_with_admin_email": "Din gruppe som bliver administreret af <0>__adminEmail__</0> har aktiveret SSO, så du kan logge ind uden at skulle huske et kodeord. Klik <1>__buttonText__</1> for at komme igang.",
+  "sso_user_explanation_ready_with_group_name": "Din gruppe <0>__groupName__</0> har aktiveret SSO, så du kan logge ind uden at skulle huske et kodeord. Klik <1>__buttonText__</1> for at komme igang.",
+  "standard": "Standard",
+  "start_by_adding_your_email": "Begynd ved at tilføje din e-mailadresse.",
+  "start_free_trial": "Start gratis prøve!",
+  "start_typing_find_your_company": " Begynd at skrive for at finde din virksomhed",
+  "start_typing_find_your_organization": "Begynd at skrive for at finde din organisation",
+  "start_typing_find_your_university": "Begynd at skrive for at finde dit universitet",
+  "state": "Stat",
+  "status_checks": "Status tjek",
+  "still_have_questions": "Har du stadig spørgsmål?",
+  "stop_compile": "Stop kompilering",
+  "stop_on_first_error": "Stop ved første fejl",
+  "stop_on_first_error_enabled_description": "<0>“Stop ved første fejl” er slået til.</0> Ved at slå det fra kan kompileren muligvis producere en PDF (men dit projekt har stadig fejl).",
+  "stop_on_first_error_enabled_title": "Ingen PDF: Stop ved første fejl er slået til",
+  "stop_on_validation_error": "Syntaks tjek før kompilering",
+  "store_your_work": "Gem jeres arbejde på jeres egen infrastruktur",
+  "stretch_width_to_text": "Stræk bredden efter teksten",
+  "student": "Studerende",
+  "student_disclaimer": "Studierabatten er gælder for alle studerende ved gymnasier og videregående uddannelsesinstitutioner. Vi kontakter dig muligvis for at bekræfte at du kvalificerer dig til denne rabat. ",
+  "students": "Studerende",
+  "subject": "Emne",
+  "subject_to_additional_vat": "Priser kan skulle pålægges yderligere afgifter, afhængigt af hvor du er.",
+  "submit": "indsend",
+  "submit_title": "Indsend",
+  "subscribe": "Tilmeld",
+  "subscription": "Abonnement",
+  "subscription_admins_cannot_be_deleted": "Du kan ikke slette din konto med et abonnement. Du må annullere dit abonnement, før du kan fortsætte. Hvis du bliver ved med at se denne besked, så kontakt os.",
+  "subscription_canceled": "Abonnement annulleret",
+  "subscription_canceled_and_terminate_on_x": " Dit abonnement er blevet annulleret, og vil blive opsagt på <0>__terminateDate__</0>. Ingen yderligere betalinger vil blive opkrævet.",
+  "subscription_will_remain_active_until_end_of_billing_period_x": "Dit abonnement forbliver aktivt indtil slutningen af din faktureringsperiode, <0>__terminationDate__</0>.",
+  "success_sso_set_up": "Succes! Single sign-on er blevet sat op.",
+  "suggest_a_different_fix": "Foreslå en anden rettelse",
+  "suggest_fix": "Foreslå rettelse",
+  "suggested": "Foreslået",
+  "suggested_fix_for_error_in_path": "Foreslået rettelse for en fejl i __path__",
+  "suggestion": "Forslag",
+  "suggestion_applied": "Rettelse anvendt",
+  "support": "Support",
+  "sure_you_want_to_cancel_plan_change": "Er du sikker på at du vil fortryde den planlagte abonnementsændring? Du vil forblive abonneret til <0>__planName__</0> abonnementet.",
+  "sure_you_want_to_change_plan": "Er du sikker på du vil skifte abonnement til <0>__planName__</0>?",
+  "sure_you_want_to_delete": "Er du sikker på, at du ønsker at slette følgende filer permanent?",
+  "sure_you_want_to_leave_group": "Er du sikker på, at du ønsker, at forlade denne gruppe?",
+  "sv": "Svensk",
+  "switch_to_editor": "Skift til skrivevindue",
+  "switch_to_pdf": "Skift til PDF",
+  "symbol_palette": "Symbolpalet",
+  "symbol_palette_highlighted": "<0>Symbolpalet</0>",
+  "sync": "Synkroniser",
+  "sync_dropbox_github": "Synkroniser med Dropbox og GitHub",
+  "sync_project_to_github_explanation": "Ændringer som du har lavet i __appName__ vil blive committed og flettet sammen med opdateringer i GitHub",
+  "sync_to_dropbox": "Synkroniser til Dropbox",
+  "sync_to_github": "Synkroniser til GitHub",
+  "synctex_failed": "Kunne ikke finde den tilhørende kildefil",
+  "syntax_validation": "Kode tjek",
+  "tab_connecting": "Forbinder til skriveprogrammet",
+  "tab_no_longer_connected": "Denne fane har ikke længere forbindelse til skriveprogrammet.",
+  "tag_color": "Tag farve",
+  "tag_name_cannot_exceed_characters": "Tag-navn kan være længere end __maxLength__ tegn",
+  "tag_name_is_already_used": "Tagget “__tagName__” findes allerede.",
+  "tags": "Tags",
+  "take_me_home": "Tag mig hjem!",
+  "take_short_survey": "Besvar et kort spørgeskema",
+  "tc_everyone": "Alle",
+  "tc_guests": "Gæster",
+  "template": "Skabelon",
+  "template_approved_by_publisher": "Denne skabelon er blevet godkendt af forlaget",
+  "template_description": "Skabelonsbeskrivelse",
+  "template_gallery": "Skabelonsgalleri",
+  "template_not_found_description": "Denne vej til at lave nye projekter ud fra skabeloner er blevet fjernet. Du kan kigge i vores skabelonsgalleri efter flere skabeloner.",
+  "template_title_taken_from_project_title": "Skabelonstitlen bliver automatisk taget fra projekttitlen",
+  "template_top_pick_by_overleaf": "Denne skabelon er blevet håndplukket af Overleaf for dens høje kvalitet",
+  "templates": "Skabeloner",
+  "templates_page_title": "Skabeloner - Journaler, CV’er, præsentationer, rapporter og mere",
+  "ten_collaborators_per_project": "10 samarbejdspartnere per projekt",
+  "ten_per_project": "10 per projekt",
+  "terminated": "Kompilation annulleret",
+  "terms": "Vilkår",
+  "test": "Test",
+  "test_configuration": "Test konfiguration",
+  "test_configuration_successful": "Succesfuld konfigurationstest",
+  "tex_live_version": "TeX Live-version",
+  "thank_you": "Tak!",
+  "thank_you_email_confirmed": "Tak, din e-mailaddresse er nu bekræftet",
+  "thank_you_exclamation": "Tak!",
+  "thank_you_for_being_part_of_our_beta_program": "Mange tak fordi du deltager i vores betaprogram, hvor du kan få <0>tidlig adgang til nye funktioner</0>, og hjælpe os med bedre at forstå dine behov",
+  "thanks": "Tak",
+  "thanks_for_confirming_your_email_address": "Tak for at bekræfte din e-mailadresse",
+  "thanks_for_subscribing": "Tak fordi du abonnerer!",
+  "thanks_for_subscribing_you_help_sl": "Tak fordi du abonnerer på __planName__ planen. Det er støtte fra folk som dig, der giver __appName__ mulighed for at vokse og blive bedre.",
+  "thanks_settings_updated": "Tak, dine indstillinger er blevet opdateret.",
+  "the_file_supplied_is_of_an_unsupported_type ": "Linket til at åbne dette indhold i Overleaf pegede på den forkerte type fil. Gyldige filtyper er .tex-dokumenter og .zip-arkiver. Hvis du bliver ved med at opleve det her med links fra en bestemt side, bør du rapportere dette til dem.",
+  "the_following_files_already_exist_in_this_project": "De følgende filer eksisterer allerede i dette projekt:",
+  "the_project_that_contains_this_file_is_not_shared_with_you": "Projektet som indeholder denne fil er ikke delt med dig",
+  "the_requested_conversion_job_was_not_found": "Linket til at åbne dette indhold i Overleaf specificerede en konverteringsopgave, som ikke kunne findes. Det kan skyldes, at det job er udløbet, og skal køres igen. Hvis du bliver ved med at opleve det her med links fra en bestemt side, bliver du næsten nødt til at fortælle dem om det.",
+  "the_requested_publisher_was_not_found": "Linket til at åbne dette indhold i Overleaf angiver en udgiver, som ikke kan findes. Hvis du bliver ved med at opleve det her med links fra en bestemt side, bliver du næsten nødt til at fortælle dem om det.",
+  "the_required_parameters_were_not_supplied": "Linket til at åbne dette indhold i Overleaf manglede nogle af de nødvendige parametre. Hvis du bliver ved med at opleve det her med links fra en bestemt side, bliver du næsten nødt til at fortælle dem om det.",
+  "the_supplied_parameters_were_invalid": "Linket til at åbne dette indhold i Overleaf havde nogle ugyldige parametre. Hvis du bliver ved med at opleve det her med links fra en bestemt side, bliver du næsten nødt til at fortælle dem om det.",
+  "the_supplied_uri_is_invalid": "Linket til at åbne dette indhold i Overleaf indeholdt en ugyldig URI. Hvis du bliver ved med at opleve det her med links fra en bestemt side, bliver du næsten nødt til at fortælle dem om det.",
+  "the_width_you_choose_here_is_based_on_the_width_of_the_text_in_your_document": "Bredden du vælger her er baseret på bredden af teksten i dit dokument. Alternativt kan du ændre billedestørrelsen direkte i LaTeX koden.",
+  "theme": "Tema",
+  "then_x_price_per_month": "Derefter __price__ per måned",
+  "then_x_price_per_year": "Derefter __price__ per år",
+  "there_are_lots_of_options_to_edit_and_customize_your_figures": "Der er mange indstillinger til at redigere og tilpasse dine figurer, såsom tekstombrydning, roration af billedet, eller flere billeder i en enkelt figur. For dette bliver du nødt til at redigere LaTeX koden. <0>Find ud hvordan</0>",
+  "there_was_an_error_opening_your_content": "Der var en fejl i oprettelsen af dit projekt",
+  "thesis": "Speciale",
+  "this_action_cannot_be_undone": "Denne handling kan ikke fortrydes.",
+  "this_address_will_be_shown_on_the_invoice": "Denne adresse vil blive vist på fakturaen",
+  "this_field_is_required": "Dette fejl er påkrævet",
+  "this_grants_access_to_features_2": "Dette giver dig adgang til <0>__appName__s</0> <0>__featureType__</0> funktioner.",
+  "this_is_the_file_that_references_pulled_from_your_reference_manager_will_be_added_to": "Filen som dine henvisninger fra din henvisningsmanager vil blive tilføjet til.",
+  "this_is_your_template": "Dette er din skabelon fra dit projekt",
+  "this_project_is_public": "Dette projekt er offentligt og kan redigeres af enhver med URL’en.",
+  "this_project_is_public_read_only": "Dette projekt er offentligt og kan ses, men ikke redigeres, af alle med linket",
+  "this_project_will_appear_in_your_dropbox_folder_at": "Projektet kan findes i din Dropbox i ",
+  "this_tool_helps_you_insert_figures": "Dette værktøj hjælper dig med at indsætte figurer i dit projekt uden du bliver nødt til at skrive LaTeX kode. De følgende information forklarer mere om indstillingerne i værktøjet og hvordan du kan videre tilpasse dine figurer.",
+  "this_tool_helps_you_insert_simple_tables_into_your_project_without_writing_latex_code_give_feedback": "Dette værktøj hjælper dig med at indsætte simple tabeller i dit projekt uden at skrive LaTeX kode. Værktøjet er nyt, så <0>giv gerne feedback</0> og hold øje med yderligere funktionalitet som kommer snart.",
+  "this_was_helpful": "Det var hjælpsomt",
+  "this_wasnt_helpful": "Det var ikke hjælpsomt",
+  "three_free_collab": "Tre gratis samarbejdspartnere",
+  "timedout": "Timed out",
+  "tip": "Tip",
+  "title": "Titel",
+  "to_add_email_accounts_need_to_be_linked_2": "For at tilføje denne e-mailaddresse er det nødvendigt, at dine kontoer fra <0>__appName__</0> og <0>__institutionName__</0> bliver kædet sammen.",
+  "to_add_more_collaborators": "For at få tilføjet flere samarbejdspartnere eller aktiveret linkdeling, skal du bede projektejeren om at gøre det",
+  "to_change_access_permissions": "Hvis du vil ændre adgangstilladelser må du bede ejeren af projektet om det",
+  "to_insert_or_move_a_caption_make_sure_tabular_is_directly_within_table": "For at indsætte eller flytte billedtekst, sørg for at \\begin{tabular} er direkte inden i et \\begin{table} miljø",
+  "to_many_login_requests_2_mins": "Der er forsøgt at logge ind på denne konto for mange gange. Vent venligst 2 minutter før du prøver at logge ind igen",
+  "to_modify_your_subscription_go_to": "For at administrere dit abonnement, gå til",
+  "toggle_compile_options_menu": "Kompiléringsindstillingsmenu",
+  "token": "nøgle",
+  "token_access_failure": "Kan ikke tildele adgang; kontakt projektejeren for hjælp",
+  "token_limit_reached": "Du har nået grænsen for 10 nøgler. For at generere en ny autentificeringsnøgle skal du slette en eksisterende nøgle.",
+  "token_read_only": "nøgle skrivebeskyttet",
+  "token_read_write": "nøgle skrive-læse",
+  "too_many_attempts": "For mange forsøg. Vent lidt og prøv igen.",
+  "too_many_files_uploaded_throttled_short_period": "For mange filer uploadet; dine uploads er blevet begrænset i en kort periode. Vent helst 15 minutter, før du prøver igen.",
+  "too_many_requests": "Der kom for mange forespørgsler inden for et kort tidsrum. Det kan hjælpe, hvis du venter lidt før du prøver igen.",
+  "too_many_search_results": "Der var mere end 100 resultater. Indskrænk venligst din søgning.",
+  "too_recently_compiled": "Dette projekt er lige blevet kompileret, hvorfor denne kompilering er blevet udsat.",
+  "toolbar_bullet_list": "Punktliste",
+  "toolbar_choose_section_heading_level": "Vælg overskriftsniveau",
+  "toolbar_decrease_indent": "Formindsk indryk",
+  "toolbar_format_bold": "Fed skrift",
+  "toolbar_format_italic": "Kursiv skrift",
+  "toolbar_increase_indent": "Forøg indryk",
+  "toolbar_insert_citation": "Indsæt citation",
+  "toolbar_insert_cross_reference": "Indsæt henvisning",
+  "toolbar_insert_display_math": "Indsæt formel",
+  "toolbar_insert_figure": "Indsæt figur",
+  "toolbar_insert_inline_math": "Indsæt tekst-formel",
+  "toolbar_insert_link": "Indsæt link",
+  "toolbar_insert_math": "Indsæt formel",
+  "toolbar_insert_math_and_symbols": "Indsæt formler og symboler",
+  "toolbar_insert_misc": "Indsæt diverse (links, referencer, krydshenvisninger, figurer, tabeller)",
+  "toolbar_insert_table": "Indsæt tabel",
+  "toolbar_list_indentation": "Lister og indrykning",
+  "toolbar_numbered_list": "Nummereret liste",
+  "toolbar_redo": "Gentag",
+  "toolbar_selected_projects": "Valgte projekter",
+  "toolbar_selected_projects_management_actions": "Administrationsmuligheder for valgte projekter",
+  "toolbar_selected_projects_remove": "Fjern valgte projekter",
+  "toolbar_selected_projects_restore": "Gendan valgte projekter",
+  "toolbar_table_insert_size_table": "Indsæt __size__ tabel",
+  "toolbar_table_insert_table_lowercase": "Indsæt tabel",
+  "toolbar_text_formatting": "Tekstformatering",
+  "toolbar_toggle_symbol_palette": "Vis/Skjul symbolpalet",
+  "toolbar_undo": "Fortryd",
+  "toolbar_undo_redo_actions": "Fortryd/gentag handlinger",
+  "tooltip_hide_filetree": "Tryk for at skjule fil-træet",
+  "tooltip_hide_pdf": "Tryk for at skjule PDF’en",
+  "tooltip_show_filetree": "Tryk for at vise fil-træet",
+  "tooltip_show_pdf": "Tryk for at vise PDF’en",
+  "top_pick": "Bedste valg",
+  "total": "Total",
+  "total_per_month": "Total per måned",
+  "total_per_year": "Total per år",
+  "total_with_subtotal_and_tax": "Total: <0>__total__</0> (__subtotal__ + __tax__ moms) per år",
+  "total_words": "Totalt antal ord",
+  "tr": "Tyrkisk",
+  "track_any_change_in_real_time": "Følg alle ændringer i realtid",
+  "track_changes": "Følg ændringer",
+  "track_changes_for_everyone": "Følg ændringer for alle",
+  "track_changes_for_x": "Følg ændringer for __name__",
+  "track_changes_is_off": "“Følg ændringer” er slået <strong>fra</strong>",
+  "track_changes_is_on": "“Følg ændringer” er slået <strong>til</strong>",
+  "tracked_change_added": "Tilføjet",
+  "tracked_change_deleted": "Slettet",
+  "transfer_management_of_your_account": "Overdrag styring af din Overleaf konto",
+  "transfer_management_of_your_account_to_x": "Overdrag styring af din Overleaf konto til __groupName__",
+  "transfer_management_resolve_following_issues": "For at overdrage styring af din konto, skal du løse de følgende problemer:",
+  "transfer_this_users_projects": "Overdrag denne brugers projekter",
+  "transfer_this_users_projects_description": "Denne brugers projekter bliver overdraget til en ny ejer.",
+  "transferring": "Overdrager",
+  "trash": "Kassér",
+  "trash_projects": "Kassér projekter",
+  "trashed": "Kasséret",
+  "trashed_projects": "Kassérede projekter",
+  "trashing_projects_wont_affect_collaborators": "Det har ingen virkning på dine samarbejdspartnere, at kassere projekter.",
+  "trial_last_day": "Dette er din sidste dag på <b>Overleaf Premium</b> prøveperioden",
+  "trial_remaining_days": "__days__ flere dage på din <b>Overleaf Premium</b> prøveperiode",
+  "tried_to_log_in_with_email": "Du har prøvet at logge ind med <b>__email__</b>.",
+  "tried_to_register_with_email": "Du har forsøgt at blive registreret som <b>__email__</b>, hvilken allerede er registreret hos <b>__appName__</b> som en institutionel konto.",
+  "troubleshooting_tip": "Fejlsøgningstip",
+  "try_again": "Prøv venligst igen",
+  "try_for_free": "Prøv gratis",
+  "try_it_for_free": "Prøv det gratis",
+  "try_now": "Prøv nu",
+  "try_premium_for_free": "Prøv Premium gratis",
+  "try_recompile_project_or_troubleshoot": "Prøv venligst at genkompilere projektet fra bunden, og hvis det ikke hjælper, følg vores <0>fejlsøgningsguide</0>.",
+  "try_relinking_provider": "Der ser ud til at du er nødt til at genforbinde din __provider__ konto.",
+  "try_to_compile_despite_errors": "Prøv at kompilere på trods af fejl",
+  "turn_off": "Slå fra",
+  "turn_off_link_sharing": "Slå linkdeling fra",
+  "turn_on": "Slå til",
+  "turn_on_link_sharing": "Slå linkdeling til",
+  "tutorials": "Vejledninger",
+  "uk": "Ukrainsk",
+  "unable_to_extract_the_supplied_zip_file": "Dette indhold kunne ikke åbnes i Overleaf, fordi zip-filen ikke kunne åbnes. Vær sikker på, at din zip-fil er gyldig. Hvis du bliver ved med at opleve det her med links fra en bestemt side, bør du rapportere dette til dem.",
+  "unarchive": "Gendan",
+  "uncategorized": "Ikke kategoriseret",
+  "uncategorized_projects": "Ukategoriserede projekter",
+  "unconfirmed": "Ikke bekræftet",
+  "undelete": "Gendan",
+  "undeleting": "Gendanner",
+  "understanding_labels": "At forstå labels",
+  "unfold_line": "Udfold linje",
+  "unique_identifier_attribute": "Attribut med unik identifikator",
+  "university": "Universitet",
+  "university_school": "Universitets- eller skolenavn",
+  "unknown": "Ukendt",
+  "unlimited": "Ubegrænset",
+  "unlimited_collaborators_per_project": "Ubegrænset antal samarbejdspartnere per projekt",
+  "unlimited_collabs": "Ubegrænset antal samarbejdspartnere",
+  "unlimited_projects": "Ubegrænset antal projekter",
+  "unlink": "Fjern link",
+  "unlink_all_users": "Afkobl alle brugere",
+  "unlink_dropbox_folder": "Afkobl Dropbox konto",
+  "unlink_dropbox_warning": "Alle de projekter du har synkroniseret med Dropbox, afkobles og synkroniseres ikke længere med Dropbox. Er du sikker på at du vil afkoble din Dropbox konto?",
+  "unlink_github_repository": "Afkobl GitHub Repository",
+  "unlink_github_warning": "Alle de projekter, som du har synkroniseret med GitHub, afkobles og synkroniseres ikke længere  med GitHub. Er du sikker på du vil afkoble din GitHub konto?",
+  "unlink_linked_accounts": "Afkobl alle tilknyttede konti (så som ORCID ID, IEEE). <0>Fjern dem i kontoindstillingerne (under forbundne konti).</0>",
+  "unlink_linked_google_account": "Afkobl din Google konto. <0>Fjern den i kontoindstillingerne (under forbundne konti).</0>",
+  "unlink_provider_account_title": "Afkobl __provider__ konto",
+  "unlink_provider_account_warning": "Advarsel: Når du afkobler din konto fra __provider__ kan du ikke længere logge ind igennem __provider__.",
+  "unlink_reference": "Fjern link til reference udbyder",
+  "unlink_the_project_from_the_current_github_repo": "Afkobl projektet fra det nuværende GitHub repository og opret en forbindelse til et repository du ejer. (Der kræves et aktivt __appName__ abonnement for at sætte GitHub synkronisering op).",
+  "unlink_user": "Afkobl bruger",
+  "unlink_users": "Afkobl brugere",
+  "unlink_warning_reference": "Advarsel: Når du fjerner linket til denne udbyder fra din konto, vil du ikke længere have mulighed for at importere referencer ind i dine projekter.",
+  "unlinking": "Fjerner forbindelse",
+  "unmerge_cells": "Opdel celler",
+  "unpublish": "Træk tilbage",
+  "unpublishing": "Annullerer udgivelsen",
+  "unsubscribe": "Afmeld",
+  "unsubscribed": "Afmeldt",
+  "unsubscribing": "Afmelder",
+  "untrash": "Gendan",
+  "update": "Opdater",
+  "update_account_info": "Opdater kontoinformation",
+  "update_dropbox_settings": "Opdater Dropbox indstillinger",
+  "update_your_billing_details": "Opdater dine betalingsoplysninger",
+  "updates_to_project_sharing": "Ændringer til projektdeling",
+  "updating": "Opdaterer",
+  "updating_site": "Opdater side",
+  "upgrade": "Opgrader",
+  "upgrade_cc_btn": "Opgrader nu, betal efter 7 dage",
+  "upgrade_for_12x_more_compile_time": "Opgrader for at få 12x mere kompileringstid",
+  "upgrade_now": "Opgrader nu",
+  "upgrade_to_add_more_editors_and_access_collaboration_features": "Opgrader for at tilføje flere redaktører og få samarbejdsfunktioner som fulgte ændringer og fuld projekthistorik.",
+  "upgrade_to_get_feature": "Opgrader for at få __feature__, plus:",
+  "upgrade_to_track_changes": "Opgrader til “Følg ændringer”",
+  "upload": "Upload",
+  "upload_failed": "Overførsel mislykkedes",
+  "upload_file": "Overfør Fil",
+  "upload_from_computer": "Upload fra computer",
+  "upload_project": "Overfør projekt",
+  "upload_zipped_project": "Upload komprimeret projekt",
+  "url_to_fetch_the_file_from": "URL som filen skal hentes fra",
+  "usage_metrics": "Brugsstatistik",
+  "use_a_different_password": "Benyt et andet kodeord",
+  "use_saml_metadata_to_configure_sso_with_idp": "Brug Overleaf SAML metadata til at konfigurere SSO hos jeres identity provider.",
+  "use_your_own_machine": "Brug din egen maskine, med din egen opsætning",
+  "used_latex_before": "Har du nogensinde brugt LaTeX før?",
+  "used_latex_response_never": "Nej, aldrig",
+  "used_latex_response_occasionally": "Ja, en gang imellem",
+  "used_latex_response_often": "Ja, meget ofte",
+  "used_when_referring_to_the_figure_elsewhere_in_the_document": "Bliver brugt til at henvise til figuren fra andre steder i dokumentet",
+  "user_administration": "Brugeradministration",
+  "user_already_added": "Bruger allerede tilføjet",
+  "user_deletion_error": "Beklager, sletningen af din konto mislykkedes. Vær venlig at vente et minuts tid, og prøv så igen.",
+  "user_deletion_password_reset_tip": "Hvis du ikke kan huske dit kodeord, eller hvis du bruger en Single-Sign-On-løsning til at skrive dig ind (såsom ORCID eller Google), må du <0>nulstille dit kodeord</0>, og derefter prøve igen.",
+  "user_first_name_attribute": "Attribut for brugerens fornavn",
+  "user_is_not_part_of_group": "Bruger er ikke en del af gruppen",
+  "user_last_name_attribute": "Attribut for brugerens efternavn",
+  "user_management": "Brugeradminstration",
+  "user_not_found": "Bruger ikke fundet",
+  "user_sessions": "Brugersessioner",
+  "user_wants_you_to_see_project": "__username__ ønsker at du deltager i __projectname__",
+  "using_latex": "Brug af LaTeX",
+  "using_premium_features": "Brug af Premium-funktioner",
+  "using_the_overleaf_editor": "Brug af __appName__ editoren",
+  "valid": "Gyldigt",
+  "valid_sso_configuration": "Gyldig SSO konfiguration",
+  "validation_issue_entry_description": "Et valideringsproblem, som forhindrede dette projekt i at kompilere",
+  "vat": "moms",
+  "vat_number": "CVR nummer",
+  "verify_email_address_before_enabling_managed_users": "Du skal bekræfte din e-mailadresse før du aktiverer styrede brugere.",
+  "view_all": "Se alt",
+  "view_code": "Se kode",
+  "view_configuration": "Se konfiguration",
+  "view_group_members": "Se gruppemedlemmer",
+  "view_hub": "Se hub",
+  "view_hub_subtext": "Tilgå og download gruppestatistik og en liste over brugere",
+  "view_in_template_gallery": "Se den i skabelongalleriet",
+  "view_invitation": "Se invitation",
+  "view_labs_experiments": "Se Labs eksperimenter",
+  "view_less": "Se mindre",
+  "view_logs": "Se log",
+  "view_metrics": "Se statistikker",
+  "view_metrics_commons_subtext": "Se og download brugstal for jeres Commons abonnement",
+  "view_metrics_group_subtext": "Se og download brugstal for jeres gruppeabonnement",
+  "view_more": "Se mere",
+  "view_only_access": "Læseadgang",
+  "view_only_downgraded": "Læseadgang. Opgrader for at gendanne skriveadgang.",
+  "view_options": "Visningsindstillinger",
+  "view_pdf": "Se PDF",
+  "view_source": "Se kildekode",
+  "view_your_invoices": "Se dine fakturaer",
+  "viewer": "Læser",
+  "viewing_x": "Ser <0>__endTime__</0>",
+  "visual_editor": "Visuel editor",
+  "visual_editor_is_only_available_for_tex_files": "Den visuelle editor er kun tilgængelig for TeX filer",
+  "want_access_to_overleaf_premium_features_through_your_university": "Vil du have adgang til __appName__ Premium-funktioner gennem dit universitet?",
+  "want_change_to_apply_before_plan_end": "Hvis du ønsker at denne ændring skal tage effekt før slutningen på din nuværende faktureringsperiode, kontakt os venligst.",
+  "we_are_unable_to_opt_you_into_this_experiment": "Vi kan ikke melde dig til dette eksperiment lige nu. Tjek venligst at din organisation tillader denne funktion, eller prøv igen senere.",
+  "we_cant_confirm_this_email": "Vi kan ikke bekræfte denne e-mailadresse",
+  "we_cant_find_any_sections_or_subsections_in_this_file": "Vi kan ikke finde nogen sektioner eller undersektioner i denne fil",
+  "we_do_not_share_personal_information": "Se vores <0>privatlivspolitik</0> for detaljer om hvordan vi behandler dine personlige data",
+  "we_logged_you_in": "Vi har logget dig ind.",
+  "we_may_also_contact_you_from_time_to_time_by_email_with_a_survey": "<0>Vi kontakter måske også dig</0> fra tid til anden via e-mail med et spørgeskema, eller for at se, om du har lyst til at deltage i andre brugerundersøgelsesinitiativer",
+  "we_sent_new_code": "Vi har sendt en ny kode. Hvis den ikke dukker op, tjek venligst din spam- eller promoveringsmapper.",
+  "webinars": "Webinarer",
+  "website_status": "Sidestatus",
+  "wed_love_you_to_stay": "We’d love you to stay",
+  "welcome_to_sl": "Velkommen til __appName__",
+  "were_making_some_changes_to_project_sharing_this_means_you_will_be_visible": "Vi laver nogle <0>ændringer til projektdeling</0>. Det betyder, for dig med skriveadgang, at dit navn og e-mailadresse bliver synligt for projektejeren og andre redaktører.",
+  "were_performing_maintenance": "Vi laver vedligehold af Overleaf, og du bliver nødt til at vente et øjeblik. Vi beklager ulejligheden. Editoren vil automatisk genindlæse om __seconds__ sekunder.",
+  "weve_recently_reduced_the_compile_timeout_limit_which_may_have_affected_this_project": "Vi har for nyligt <0>sænket kompileringstidsgrænsen</0> på vores gratis abonnement hvilket kan have påvirket dette projekt.",
+  "weve_recently_reduced_the_compile_timeout_limit_which_may_have_affected_your_project": "Vi har for nyligt <0>sænket kompileringstidsgrænsen</0> på vores gratis abonnement hvilket kan have påvirket dit projekt.",
+  "what_do_you_need": "Hvad har du brug for?",
+  "what_do_you_need_help_with": "Hvad har du brug for hjælp til?",
+  "what_does_this_mean": "Hvad betyder det?",
+  "what_does_this_mean_for_you": "Det betyder:",
+  "what_happens_when_sso_is_enabled": "Hvad sker der når SSO bliver aktiveret?",
+  "what_should_we_call_you": "Hvad skal vi kalde dig?",
+  "when_you_join_labs": "Når du tilmelder dig Labs kan du vælge hvilke eksperimenter du ønsker at deltage i. Når du har gjort det, kan du bruge Overleaf som normalt, men du vil opdage Labs funktioner markeret med dette ikon:",
+  "when_you_tick_the_include_caption_box": "Når du klikker “Inkludér billedtekst” vil billedet blive indsat i dokumentet med en standard billedetekst. For at redigere den skal du bare klikke på billedeteksten og skrive for at erstatte den med din egen.",
+  "why_latex": "Hvorfor LaTeX?",
+  "wide": "Bred",
+  "will_lose_edit_access_on_date": "Mister skriveadgang d. __date__",
+  "will_need_to_log_out_from_and_in_with": "Du bliver nødt til at <b>logge ud</b> fra din konto for <b>__email1__</b>, og derefter logge ind med <b>__email2__</b>.",
+  "with_premium_subscription_you_also_get": "Med et Overleaf Premium abonnement får du også",
+  "word_count": "Ordoptælling",
+  "work_offline": "Arbejd offline",
+  "work_or_university_sso": "Arbejds/universitets single sign-on",
+  "work_with_non_overleaf_users": "Arbejd sammen med ikke-Overleaf-brugere",
+  "writefull": "Writefull",
+  "writefull_loading_error_body": "Prøv at genindlæse siden. Hvis det ikke virker, prøv at deaktivere alle aktive browserudvidelser for at tjekket at de ikke blokerer Writefull for at indlæse.",
+  "writefull_loading_error_title": "Writefull blev ikke indlæst korrekt",
+  "x_changes_in": "__count__ ændring i",
+  "x_changes_in_plural": "__count__ ændringer i",
+  "x_libraries_accessed_in_this_project": "__provider__ biblioteker tilgået i dette projekt",
+  "x_price_for_first_month": "<0>__price__</0> for din første måned",
+  "x_price_for_first_year": "<0>__price__</0> for dit første år",
+  "x_price_for_y_months": "<0>__price__</0> i de første __discountMonths__ måneder",
+  "x_price_per_month": "<0>__price__</0> per måned",
+  "x_price_per_user": "__price__ per bruger",
+  "x_price_per_year": "__price__ per år",
+  "year": "år",
+  "yearly": "Årligt",
+  "yes_move_me_to_personal_plan": "Ja, skift mig til et personligt abonnement",
+  "yes_that_is_correct": "Ja, det er korrekt",
+  "you": "Dig",
+  "you_already_have_a_subscription": "Du har allerede et abonnement",
+  "you_are_a_manager_and_member_of_x_plan_as_member_of_group_subscription_y_administered_by_z": "Du er en <1>manager</1> og en <1>bruger</1> af <0>__planName__</0> gruppeabonnementet <1>__groupName__</1> administreret af <1>__adminEmail__</1>",
+  "you_are_a_manager_of_commons_at_institution_x": "Du er en <0>manager</0> af et Overleaf Commons abonnement hos <0>__institutionName__</0>",
+  "you_are_a_manager_of_publisher_x": "Du er en <0>manager</0> hos <0>__publisherName__</0>",
+  "you_are_a_manager_of_x_plan_as_member_of_group_subscription_y_administered_by_z": "Du er en <1>manager</1> af <0>__planName__</0> gruppeabonnementet <1>__groupName__</1> administreret af <1>__adminEmail__</1>",
+  "you_are_currently_logged_in_as": "Du er logget ind som <b>__email__</b>.",
+  "you_are_on_a_paid_plan_contact_support_to_find_out_more": "Du er på et __appName__ betalt abonnement. <0>Kontakt support</0> for at lære mere.",
+  "you_are_on_x_plan_as_a_confirmed_member_of_institution_y": "Du er på vores <0>__planName__</0> abonnement som et <1>bekræftet medlem</1> af <1>__institutionName__</1>",
+  "you_are_on_x_plan_as_member_of_group_subscription_y_administered_by_z": "Du er på vores <0>__planName__</0> abonnement som et <1>medlem</1> af gruppeabonnementet <1>__groupName__</1> administreret af <1>__adminEmail__</1>",
+  "you_can_also_choose_to_view_anonymously_or_leave_the_project": "Du kan også vælge at <0>læse anonymt</0> (du mister skriveadgang) eller <1>forlade projektet</1>.",
+  "you_can_buy_this_plan_but_not_as_a_trial": "Du kan købe dette abonnement, men ikke som en prøveperiode, da du for nyligt har afsluttet en prøveperiode.",
+  "you_can_manage_your_reference_manager_integrations_from_your_account_settings_page": "Du kan administrere dine henvisningsmanagers i dine <0>kontoindstillinger</0>.",
+  "you_can_now_enable_sso": "Du kan nu aktivere SSO i dine gruppeindstillinger",
+  "you_can_now_log_in_sso": "Du kan nu logge ind gennem din institution of hvis du er kvalificeret får du <0>__appName__ Professionel-funktioner</0>.",
+  "you_can_opt_in_and_out_of_the_program_at_any_time_on_this_page": "Du kan på denne side til enhver tid <0>til- og framelde dig</0> programmet",
+  "you_can_request_a_maximum_of_limit_fixes_per_day": "Du kan anmode om maksimalt __limit__ rettelser om dagen. Prøv venligst igen i morgen.",
+  "you_can_select_or_invite": "Du kan vælge eller invitere __count__ redaktør på dit nuværende abonnement, eller opgradere for at få flere.",
+  "you_can_select_or_invite_plural": "Du kan vælge eller invitere __count__ redaktører på dit nuværende abonnement, eller opgradere for at få flere.",
+  "you_cant_add_or_change_password_due_to_sso": "Du kan ikke tilføje eller ændre dit kodeord fordi din gruppe eller organisation bruger <0>single sign-on (SSO)</0>.",
+  "you_cant_join_this_group_subscription": "Du kan ikke tilslutte dig dette gruppeabonnement",
+  "you_cant_reset_password_due_to_sso": "Du kan ikke nulstille dit kodeord, da din gruppe eller organisation bruger SSO. <0>Log ind med SSO</0>.",
+  "you_dont_have_any_repositories": "Du har ingen arkiver",
+  "you_have_added_x_of_group_size_y": "Du har tilføjet <0>__addedUsersSize__</0> af <1>__groupSize__</1> tilgængelige medlemmer",
+  "you_have_been_invited_to_transfer_management_of_your_account": "Du er blevet inviteret til at overdrage styring af din konto.",
+  "you_have_been_invited_to_transfer_management_of_your_account_to": "Du er blevet inviteret til at overdrage styringen af din konto til __groupName__.",
+  "you_have_been_removed_from_this_project_and_will_be_redirected_to_project_dashboard": "Du er blevet fjernet fra dette projekt og vil ikke længere have adgang til det. Du vil blive viderestillet til din projektoversigt om et øjeblik.",
+  "you_need_to_configure_your_sso_settings": "Du skal indstille og teste din SSO konfiguration før du kan aktivere SSO",
+  "you_will_be_able_to_contact_us_any_time_to_share_your_feedback": "<0>Du vil kunne kontakte os</0> når som helst, for at give din feedback",
+  "you_will_be_able_to_reassign_subscription": "Du vil have muligheden for at flytte deres medlemskab til en anden person i jeres organisation",
+  "youll_get_best_results_in_visual_but_can_be_used_in_source": "Du får de bedste resultater ved at bruge dette værktøj i den <0>visuelle editor</0>, men du kan stadig bruge det til at indsætte tabeller i <1>kodeeditoren</1>. Når du valgt det antal rækker og kolonner du har brug for, vil tabellen dukke op i dit dokument, og du kan dobbeltklikke på en celle for at tilføje indhold.",
+  "youll_need_to_ask_the_github_repository_owner": "Du bliver nødt til at anmode ejeren af dette GitHub repository (<0>__repoOwnerEmail__</0>) om at genforbinde projektet.",
+  "youll_no_longer_need_to_remember_credentials": "Du vil ikke længere have brug for at huske en separat e-mailadresse og kodeord. Istedet kan du bruge single sign-on til at logge ind i Overleaf. <0>Læs mere om SSO</0>.",
+  "your_account_is_managed_by_admin_cant_join_additional_group": "Din __appName__ konto er styret af din nuværende gruppeadministrator (__admin__). Det betyder at du ikke kan tilmelde dig yderligere gruppeabonnementer. <0>Læs mere om styrede brugere.</0>",
+  "your_account_is_managed_by_your_group_admin": "Din konto er styret af din gruppeadministrator. Du kan ikke ændre eller slette din e-mailadresse.",
+  "your_account_is_suspended": "Din konto er suspenderet",
+  "your_affiliation_is_confirmed": "Din tilknytning til <0>__institutionName__</0> er bekræftet",
+  "your_browser_does_not_support_this_feature": "Beklager, din browser understøtter ikke denne funktion. Opdater venligst din browser til den seneste version.",
+  "your_compile_timed_out": "Din kompilering løb tør for tid",
+  "your_current_project_will_revert_to_the_version_from_time": "Dit projekt vil blive gendannet til versionen fra __timestamp__",
+  "your_git_access_info": "Din Git autentificeringsnøgler skal indtastes når du bliver spurgt om et kodeord.",
+  "your_git_access_info_bullet_1": "Du kan have op til 10 nøgler.",
+  "your_git_access_info_bullet_2": "Hvis du når grænsen for antal nøgler bliver du nødt til at slette en nøgle før du kan generere en ny.",
+  "your_git_access_info_bullet_3": "Du kan generere en nøgle ved at trykke på knappen <0>Generér nøgle</0>",
+  "your_git_access_info_bullet_4": "Du kan ikke se nøglen igen efter den første gang du genererer den. Skriv den venligst ned og hold den sikker",
+  "your_git_access_info_bullet_5": "Tidligere genererede nøgle vises her.",
+  "your_git_access_tokens": "Dine Git autentificeringsnøgler",
+  "your_message_to_collaborators": "Send en besked til dine samarbejdspartnere",
+  "your_name_and_email_address_will_be_visible_to_the_project_owner_and_other_editors": "Dit navn og e-mailadresse vil være synligt til projektejeren og andre redaktører.",
+  "your_new_plan": "Dit nye abonnement",
+  "your_password_has_been_successfully_changed": "Dit kodeord er blevet ændret",
+  "your_password_was_detected": "Dit kodeord findes på en <0>offentlig liste over kompromitterede kodeord</0>. Hold din konto sikker, ved at skifte dit kodeord nu.",
+  "your_plan": "Dit abonnement",
+  "your_plan_is_changing_at_term_end": "Dit abonnement ændres til <0>__pendingPlanName__</0> ved slutningen af den nuværende faktureringsperiode.",
+  "your_plan_is_limited_to_n_editors": "Dit abonnement tillader __count__ samarbejdspartner med skriveadgang samt et ubegrænset antal læsere.",
+  "your_plan_is_limited_to_n_editors_plural": "Dit abonnement tillader __count__ samarbejdspartnere med skriveadgang samt et ubegrænset antal læsere.",
+  "your_project_exceeded_compile_timeout_limit_on_free_plan": "Dit projekt overskred kompileringstidsgrænsen for vores gratis abonnement.",
+  "your_project_exceeded_editor_limit": "Dit projekt overskred grænsen for antal redaktører, og adgangsniveauer er blevet ændret. Vælg et nyt adgangsniveau for dine samarbejdspartnere, eller opgrader for at tilføje flere redaktører.",
+  "your_project_near_compile_timeout_limit": "Dit projekt er tæt på kompileringstidsgrænsen for vores gratis abonnement.",
+  "your_projects": "Dine projekter",
+  "your_questions_answered": "Svar til dine spørgsmål",
+  "your_role": "Din rolle",
+  "your_sessions": "Dine sessioner",
+  "your_subscription": "Dit abonnement",
+  "your_subscription_has_expired": "Dit abonnement er udløbet.",
+  "youre_a_member_of_overleaf_labs": "Du er medlem af Overleaf Labs. Husk regelmæssigt at tjekke hvilke eksperimenter du kan tilmelde dig.",
+  "youre_about_to_disable_single_sign_on": "Du er ved at deaktivere single sign-on for alle gruppemedlemmer.",
+  "youre_about_to_enable_single_sign_on": "Du er ved at aktivere single sign-on (SSO). Før du gør dette, bør du sikre dig at SSO konfigurationen er korrekt, samt at alle dine gruppemedlemmer er styrede konti.",
+  "youre_about_to_enable_single_sign_on_sso_only": "Du er ved at aktivere single sign-on (SSO). Før du gør dette, bør du sikre dig at SSO konfigurationen er korrekt.",
+  "youre_already_setup_for_sso": "Du er allerede sat op til SSO",
+  "youre_joining": "Du tilsluttes",
+  "youre_on_free_trial_which_ends_on": "Du er på en gratis prøveperiode som slutter d. <0>__date__</0>.",
+  "youre_signed_in_as_logout": "Du er logget ind som <0>__email__</0>. <1>Log ud.</1>",
+  "youre_signed_up": "Du er oprettet",
+  "youve_lost_edit_access": "Du har mistet skriveadgang",
+  "youve_unlinked_all_users": "Du har afkoblet alle brugere",
+  "zh-CN": "Kinesisk",
+  "zip_contents_too_large": "For stort indhold i zip-fil",
+  "zoom_in": "Zoom ind",
+  "zoom_out": "Zoom ud",
+  "zoom_to": "Zoom til",
+  "zotero": "Zotero",
+  "zotero_and_mendeley_integrations": "<0>Zotero-</0> og <0>Mendeley</0>-integrationer",
+  "zotero_groups_loading_error": "Der opstod en fejl under indlæsning af grupper fra Zotero",
+  "zotero_groups_relink": "Der opstod en fejl under tilgangen af dit Zotero data. Dette skete sandsynligvist grundet manglende tilladelser. Gen-forbind venligst din konto og prøv igen",
+  "zotero_integration": "Zotero-Integration",
+  "zotero_is_premium": "Integration af Zotero er en Premium-funktion",
+  "zotero_reference_loading_error": "Fejl, kunne ikke indlæse referencer fra Zotero",
+  "zotero_reference_loading_error_expired": "Zotero nøgle udløbet, genforbind venligst din konto",
+  "zotero_reference_loading_error_forbidden": "Kunne ikke indlæse referencer fra Zotero, genforbind venligst din konto og prøv igen",
+  "zotero_sync_description": "Via Zotero-integrationen kan du importere dine referencer fra Zotero ind i dine __appName__-projekter."
+}
diff --git a/services/web/locales/de.json b/services/web/locales/de.json
new file mode 100644
index 0000000..51ad435
--- /dev/null
+++ b/services/web/locales/de.json
@@ -0,0 +1,1390 @@
+{
+  "1_2_width": "½ Breite",
+  "1_4_width": "¼ Breite",
+  "3_4_width": "¾ Breite",
+  "About": "Über uns",
+  "Account": "Konto",
+  "Account Settings": "Kontoeinstellungen",
+  "Documentation": "Dokumentation",
+  "Projects": "Projekte",
+  "Security": "Sicherheit",
+  "Subscription": "Abonnement",
+  "Terms": "Nutzungsbedingungen",
+  "Universities": "Universitäten",
+  "a_custom_size_has_been_used_in_the_latex_code": "Es wurde eine benutzerdefinierte Größe im LaTeX Code verwendet.",
+  "a_fatal_compile_error_that_completely_blocks_compilation": "Ein <0>fataler Kompilierungsfehler</0>, der die Kompilierung vollständig blockiert.",
+  "a_file_with_that_name_already_exists_and_will_be_overriden": "Eine Datei mit diesem Name existiert bereits. Die Datei wird überschrieben.",
+  "a_more_comprehensive_list_of_keyboard_shortcuts": "Eine vollständige Liste der Tastaturbelegung befindet sich in <0>dieser __appName__ Projekt Vorlage</0>",
+  "about": "Über uns",
+  "about_to_archive_projects": "Du bist im Begriff, die folgenden Projekte zu archivieren:",
+  "about_to_delete_cert": "Du bist dabei, das folgende Zertifikat zu löschen:",
+  "about_to_delete_projects": "Du bist kurz davor folgende Projekte zu löschen:",
+  "about_to_delete_tag": "Du bist dabei, das folgende Stichwort zu löschen (darin enthaltene Projekte werden nicht gelöscht):",
+  "about_to_delete_the_following_project": "Du bist dabei, das folgende Projekt zu löschen",
+  "about_to_delete_the_following_projects": "Du bist dabei, die folgenden Projekte zu löschen",
+  "about_to_delete_user_preamble": "Du bist dabei, __userName__ (__userEmail__) zu löschen. Das bedeutet:",
+  "about_to_enable_managed_users": "Wenn du die Funktion Verwaltete Benutzer aktivierst, werden alle bestehenden Mitglieder deines Gruppenabonnements eingeladen, verwaltet zu werden. Dadurch erhältst du Verwaltungsrechte für deren Konten. Du wirst auch die Möglichkeit haben, neue Mitglieder einzuladen, dem Abonnement beizutreten und verwaltet zu werden.",
+  "about_to_leave_projects": "Du bist kurz davor folgende Projekte zu verlassen:",
+  "about_to_trash_projects": "Du bist dabei, die folgenden Projekte zu löschen:",
+  "abstract": "Abstrakt",
+  "accept": "Akzeptieren",
+  "accept_invitation": "Einladung annehmen",
+  "accept_or_reject_each_changes_individually": "Akzeptiere oder Verwerfe jede Änderung individuell",
+  "accepted_invite": "Einladung angenommen",
+  "accepting_invite_as": "Du akzeptierst die Einladung als",
+  "access_denied": "Zugriff verweigert",
+  "account": "Konto",
+  "account_has_been_link_to_institution_account": "Dein __appName__-Konto auf <b>__email__</b> wurde mit deinem institutionellen Konto <b>__institutionName__</b> verknüpft.",
+  "account_has_past_due_invoice_change_plan_warning": "Dein Konto weist derzeit eine überfällige Rechnung auf. Du kannst dein Abonnement nicht ändern, bis dies behoben ist.",
+  "account_linking": "Kontoverknüpfung",
+  "account_managed_by_group_administrator": "Dein Account wird von deinem Gruppenverwalter (__admin__) verwaltet.",
+  "account_not_linked_to_dropbox": "Dein Konto ist nicht mit Dropbox verknüpft",
+  "account_settings": "Kontoeinstellungen",
+  "account_with_email_exists": "Anscheinend existiert bereits ein <b>__appName__</b>-Konto mit der E-Mail-Adresse <b>__email__</b>.",
+  "acct_linked_to_institution_acct_2": "Du kannst dich <0>log in</0> über dein institutionelles Konto <0>__institutionName__</0> bei Overleaf anmelden.",
+  "actions": "Aktionen",
+  "activate": "Aktivieren",
+  "activate_account": "Deaktiviere dein Konto",
+  "activating": "Aktivierung",
+  "activation_token_expired": "Dein Aktivierungs-Token ist abgelaufen, bitte fordere einen neuen an.",
+  "add": "Hinzufügen",
+  "add_affiliation": "Mitgliedschaft hinzufügen",
+  "add_another_address_line": "Füge eine weitere Addresszeile hinzu",
+  "add_another_email": "Füge eine weitere E-Mail-Adresse hinzu",
+  "add_another_token": "Füge einen weiteren Token hinzu",
+  "add_comma_separated_emails_help": "Trenne mehrere E-Mail-Adressen mit einem Komma (,).",
+  "add_comment": "Füge Kommentar hinzu",
+  "add_company_details": "Firmendetails hinzufügen",
+  "add_email": "E-Mail-Adresse hinzufügen",
+  "add_email_to_claim_features": "Füge eine institutionelle E-Mail-Adresse hinzu, um deine Funktionen zu freizuschalten.",
+  "add_files": "Dateien hinzufügen",
+  "add_new_email": "Neue E-Mail-Adresse hinzufügen",
+  "add_or_remove_project_from_tag": "Füge Projekt zu Stichwort __tagName__ hinzu oder entferne es davon",
+  "add_role_and_department": "Rolle und Abteilung hinzufügen",
+  "add_to_tag": "Zu Stichwort hinzufügen",
+  "add_your_comment_here": "Füge hier einen Kommentar hinzu",
+  "add_your_first_group_member_now": "Füge jetzt dein erstes Gruppenmitglied hinzu",
+  "added": "hinzugefügt",
+  "added_by_on": "Hinzugefügt von __name__ am __date__",
+  "adding": "Hinzufügen",
+  "additional_licenses": "Dein Abonnement umfasst <0>__additionalLicenses__</0> zusätzliche Lizenz(en) für insgesamt <1>__totalLicenses__</1> Lizenzen.",
+  "address": "Adresse",
+  "address_line_1": "Adresse",
+  "address_second_line_optional": "Addresszeile zwei (optional)",
+  "admin": "Admin",
+  "admin_user_created_message": "Admin-Nutzer erstellt, <a href=\"__link__\">einloggen</a> um fortzufahren",
+  "advanced_reference_search": "Erweiterte <0>Referenzen Suche</0>",
+  "aggregate_changed": "Geändert",
+  "aggregate_to": "zu",
+  "all": "Alle",
+  "all_premium_features": "Alle Premiumfunktionen",
+  "all_premium_features_including": "Alle Premiumfunktionen, darunter:",
+  "all_prices_displayed_are_in_currency": "Alle Preise sind in __recommendedCurrency__ angezeigt.",
+  "all_projects": "Alle Projekte",
+  "all_templates": "Alle Vorlagen",
+  "already_have_sl_account": "Hast du bereits ein __appName__-Konto?",
+  "also": "Ebenfalls",
+  "alternatively_create_new_institution_account": "Alternativ kannst du ein <b>neues Konto</b> mit deiner institutionellen E-Mail-Adresse (<b>__email__</b>) erstellen, indem du auf <b>„__clickText__“</b> klickst.",
+  "an_error_occurred_when_verifying_the_coupon_code": "Beim Überprüfen des Gutscheincodes ist ein Fehler aufgetreten",
+  "and": "und",
+  "annual": "Jährlich",
+  "anonymous": "Anonym",
+  "anyone_with_link_can_edit": "Jeder mit diesem Link kann dieses Projekt bearbeiten",
+  "anyone_with_link_can_view": "Jeder mit diesem Link kann dieses Projekt anzeigen",
+  "app_on_x": "__appName__ bei __social__",
+  "apply_educational_discount": "Bildungsrabatt anwenden",
+  "april": "April",
+  "archive": "Archiv",
+  "archive_projects": "Projekte archivieren",
+  "archived": "Archiviert",
+  "archived_projects": "Archivierte Projekte",
+  "archiving_projects_wont_affect_collaborators": "Das Archivieren von Projekten wirkt sich nicht auf deine Mitarbeiter aus.",
+  "are_you_affiliated_with_an_institution": "Bist Du einer Institution angehörig?",
+  "are_you_getting_an_undefined_control_sequence_error": "Bekommst Du einen Undefined Control Sequence Fehler angezeigt? Falls ja, stelle sicher dass das graphicx Paket —<0>\\usepackage{graphicx}</0>— in der Präambel (erster Code Abschnitt) deines Dokuments geladen wird. <1>Mehr erfahren</1>",
+  "are_you_still_at": "Bist du immer noch bei <0>__institutionName__</0>?",
+  "article": "Artikel",
+  "articles": "Artikel",
+  "as_a_member_of_sso_required": "Als Mitglied von <b>__institutionName__</b> musst du dich über dein institutionelles Portal bei <b>__appName__</b> anmelden.",
+  "ascending": "Aufsteigend",
+  "ask_proj_owner_to_upgrade_for_full_history": "Bitte den Projektinhaber um ein Abonnement-Upgrade, um auf den vollständigen Verlauf dieses Projekts zugreifen zu können.",
+  "ask_proj_owner_to_upgrade_for_references_search": "Bitte den Projekteigentümer um ein Abonnement-Upgrade, damit du die Referenz-Suchfunktion verwenden kannst.",
+  "august": "August",
+  "author": "Autor",
+  "auto_close_brackets": "Klammern automatisch schließen",
+  "auto_compile": "Automatisch kompilieren",
+  "auto_complete": "Auto-Vervollständigen",
+  "autocompile_disabled": "Automatisches Kompilieren deaktiviert",
+  "autocompile_disabled_reason": "Aufgrund der hohen Serverlast wurde das Neukompilieren im Hintergrund vorübergehend deaktiviert. Bitte neu kompilieren, indem du auf die Schaltfläche oben klickst.",
+  "autocomplete": "Autovervollständigung",
+  "autocomplete_references": "Referenzautovervollständigung (in einem <code>\\cite{}</code>-Block)",
+  "back": "Zurück",
+  "back_to_account_settings": "Zurück zu den Kontoeinstellungen",
+  "back_to_editor": "Zurück zum Editor",
+  "back_to_log_in": "Zurück zur Anmeldung",
+  "back_to_subscription": "Zurück zum Abonnement",
+  "back_to_your_projects": "Zurück zu deinen Projekten",
+  "become_an_advisor": "Werde ein __appName__-Berater",
+  "beta": "Beta",
+  "beta_feature_badge": "Betafunktionsmerkmal",
+  "beta_program_already_participating": "Du bist dem Beta-Programm beigetreten",
+  "beta_program_badge_description": "Während der Nutzung von __appName__ werden Beta-Funktionen durch diesen Badge markiert:",
+  "beta_program_benefits": "Wir verbessern __appName__ stetig. Indem du dem Beta-Programm beitrittst, hast du früheren Zugriff auf neue Funktionen und hilfst uns, deine Bedürfnisse besser zu verstehen.",
+  "beta_program_not_participating": "Du nimmst nicht am Beta Programm teil",
+  "beta_program_opt_in_action": "Beta-Programm beitreten",
+  "beta_program_opt_out_action": "Beta-Programm verlassen",
+  "bibliographies": "Literaturverzeichnisse",
+  "binary_history_error": "Für diesen Datei-Typ ist keine Vorschau verfügbar",
+  "blank_project": "Leeres Projekt",
+  "blocked_filename": "Dieser Dateiname ist gesperrt.",
+  "blog": "Blog",
+  "browser": "Browser",
+  "built_in": "Eigener",
+  "buy_now_no_exclamation_mark": "Jetzt kaufen",
+  "by": "von",
+  "by_subscribing_you_agree_to_our_terms_of_service": "Mit der Anmeldung stimmst du unseren <0>Nutzungsbedingungen</0> zu.",
+  "can_link_institution_email_acct_to_institution_acct": "Du kannst jetzt dein <b>__email__</b> <b>__appName__</b>-Konto mit deinem institutionellen <b>__institutionName__</b>-Konto verknüpfen.",
+  "can_link_institution_email_by_clicking": "Du kannst dein <b>__email__</b> <b>__appName__</b>-Konto mit deinem <b>__institutionName__</b>-Konto verknüpfen, indem du auf <b>„__clickText__“</b> klickst.",
+  "can_link_institution_email_to_login": "Du kannst dein <b>__email__</b> <b>__appName__</b>-Konto mit deinem <b>__institutionName__</b>-Konto verknüpfen, wodurch du dich bei <b>__appName__</b> über dein institutionelles Portal anmelden und deine institutionelle E-Mail-Adresse erneut bestätigen kannst.",
+  "can_link_your_institution_acct_2": "Du kannst jetzt dein <0>__appName__</0>-Konto mit deinem institutionellen <0>__institutionName__</0>-Konto <0>verknüpfen</0>.",
+  "can_now_relink_dropbox": "Du kannst jetzt <0>dein Dropbox-Konto erneut verknüpfen</0>.",
+  "cancel": "Abbrechen",
+  "cancel_anytime": "Wir sind zuversichtlich, dass du __appName__ lieben wirst, falls nicht, kannst du jederzeit kündigen. Wir geben dir dein Geld zurück, ohne weitere Fragen zu stellen, wenn du uns dies innerhalb von 30 Tagen mitteilst.",
+  "cancel_my_account": "Mein Abo stornieren",
+  "cancel_personal_subscription_first": "Du hast bereits ein persönliches Abonnement. Möchtest du dieses zuerst zu beenden, bevor du der Gruppenlizenz beitrittst?",
+  "cancel_your_subscription": "Beende dein Abo",
+  "cannot_invite_non_user": "Einladung konnte nicht gesendet werden. Empfänger muss bereits ein __appName__-Konto besitzen.",
+  "cannot_invite_self": "Du kannst dich nicht selbst einladen",
+  "cannot_verify_user_not_robot": "Leider konnten wir nicht bestätigen, dass du kein Roboter bist. Bitte vergewissere dich, dass Google reCAPTCHA nicht von einem Werbeblocker oder einer Firewall blockiert wird.",
+  "cant_find_email": "Diese E-Mail-Adresse ist leider nicht registriert.",
+  "cant_find_page": "Entschuldigung, wir können die Seite, die du suchst, nicht finden.",
+  "cant_see_what_youre_looking_for_question": "Du kannst nicht finden, wonach du suchst?",
+  "card_details": "Kartendaten",
+  "card_details_are_not_valid": "Die Kartendaten sind nicht gültig",
+  "card_must_be_authenticated_by_3dsecure": "Deine Karte muss mit 3D Secure authentifiziert werden, bevor du fortfahren kannst",
+  "card_payment": "Kartenzahlung",
+  "careers": "Karriere",
+  "category_arrows": "Pfeile",
+  "category_greek": "Griechisch",
+  "category_misc": "Sonstiges",
+  "category_operators": "Betreiber",
+  "category_relations": "Beziehungen",
+  "change": "Änderung",
+  "change_currency": "Währung wechseln",
+  "change_or_cancel-cancel": "Abbrechen",
+  "change_or_cancel-change": "Ändern",
+  "change_or_cancel-or": "oder",
+  "change_owner": "Besitzer ändern",
+  "change_password": "Passwort ändern",
+  "change_plan": "Abonnement ändern",
+  "change_primary_email_address_instructions": "Um deine primäre E-Mail-Adresse zu ändern, füge bitte zuerst deine neue primäre E-Mail-Adresse hinzu (indem du auf <0>„E-Mail-Adresse hinzufügen“</0> klickst) und bestätige diese. Klicke dann auf die Schaltfläche <0>Als primär festlegen</0>. <1>Erfahre mehr</1> über das Verwalten deiner __appName__ E-Mails.",
+  "change_project_owner": "Projektinhaber ändern",
+  "change_to_group_plan": "Wechsle zu einem Gruppen-Abonnement",
+  "change_to_this_plan": "Auf dieses Abonnement wechseln",
+  "changing_the_position_of_your_figure": "Position der Abbildung verändern",
+  "chat": "Chat",
+  "chat_error": "Chatnachrichten konnten nicht geladen werden, versuche es erneut.",
+  "check_your_email": "Bitte prüfe deinen E-Mail-Posteingang.",
+  "checking": "Überprüfe",
+  "checking_dropbox_status": "Dropbox-Status prüfen",
+  "checking_project_github_status": "Status auf GitHub abfragen",
+  "choose_a_custom_color": "Wähle eine eigene Farbe",
+  "choose_your_plan": "Wähle deinen Kontotyp",
+  "city": "Stadt",
+  "clear_cached_files": "Zwischengespeicherte Dateien löschen",
+  "clear_search": "Suche löschen",
+  "clear_sessions": "Sessions löschen",
+  "clear_sessions_description": "Dies ist eine Liste anderer Sessions (Logins), die auf deinem Konto aktiv sind, exklusive deiner aktuellen Session. Klicke auf „Sessions löschen“, um sie auszuloggen.",
+  "clear_sessions_success": "Sessions gelöscht",
+  "clearing": "Aufräumen",
+  "click_here_to_view_sl_in_lng": "Klicke hier, um __appName__ in <0>__lngName__</0> zu nutzen",
+  "click_link_to_proceed": "Klicke auf <b>„__clickText__“</b>, um fortzufahren.",
+  "clone_with_git": "Mit Git klonen",
+  "close": "Schließen",
+  "clsi_maintenance": "Die Kompilierserver wurden für Wartungsarbeiten heruntergefahren und werden in Kürze zurück sein.",
+  "clsi_unavailable": "Entschuldigung, der Kompilierserver für dein Projekt war vorübergehend nicht verfügbar. Versuche es in einigen Augenblicken erneut.",
+  "cn": "Chinesisch (vereinfacht)",
+  "code_check_failed": "Codeprüfung fehlgeschlagen",
+  "code_check_failed_explanation": "Dein Code enthält Fehler, die behoben werden müssen, bevor das automatische Kompilieren fortgefahren werden kann",
+  "collaborate_online_and_offline": "Zusammenarbeit online und offline mit deinem eigenen Workflow",
+  "collaboration": "Zusammenarbeit",
+  "collaborator": "Mitarbeiter",
+  "collabratec_account_not_registered": "IEEE-Collabratec™-Konto nicht registriert. Bitte verbinde dich mit Overleaf von IEEE Collabratec™ oder melde dich mit einem anderen Konto an.",
+  "collabs_per_proj": "__collabcount__ Mitarbeiter pro Projekt",
+  "collabs_per_proj_single": "__collabcount__ Mitarbeiter pro Projekt",
+  "collapse": "Einklappen",
+  "comment": "Kommentar",
+  "common": "Häufige",
+  "commons_plan_tooltip": "Du hast Zugriff auf ein __plan__ Abonnement über deine Angehörigkeit bei __institution__. Klicke hier um herauszufinden was die Overleaf Premiumfunktionen Dir ermöglichen.",
+  "compact": "Kompakt",
+  "company_name": "Name der Firma",
+  "comparing_from_x_to_y": "Vergleich zwischen <0>__startTime__</0> und <0>__endTime__</0>",
+  "compile_error_entry_description": "Ein Fehler, der das Kompilieren dieses Projekts verhindert hat",
+  "compile_error_handling": "Fehlerbehandlung beim Kompilieren",
+  "compile_larger_projects": "Größere Projekte kompilieren",
+  "compile_mode": "Kompiliermodus",
+  "compile_terminated_by_user": "Der Kompiliervorgang wurde durch Klick auf den Button „Kompiliervorgang stoppen“ abgebrochen. Du kannst dir die Logs anschauen, um zu sehen, wo der Kompiliervorgang gestoppt hat.",
+  "compile_timeout_short": "Zeitlimit beim Kompilieren",
+  "compiler": "Compiler",
+  "compiling": "Kompilieren",
+  "complete": "Fertig",
+  "confirm": "Bestätigen",
+  "confirm_affiliation": "Zugehörigkeit bestätigen",
+  "confirm_affiliation_to_relink_dropbox": "Bitte bestätige, dass du noch immer bei der Institution bist und über deren Lizenz verfügst, oder aktualisiere dein Konto, um dein Dropbox-Konto erneut zu verknüpfen.",
+  "confirm_email": "Bestätigungs-E-Mail",
+  "confirm_new_password": "Bestätige das neue Passwort",
+  "confirm_primary_email_change": "Bestätige die Änderung deiner primären E-Mail-Adresse",
+  "confirmation_link_broken": "Leider stimmt etwas mit deinem Bestätigungslink nicht. Versuche, den Link unten in deiner Bestätigungs-E-Mail zu kopieren und einzufügen.",
+  "confirmation_token_invalid": "Entschuldigung, dein Bestätigungstoken ist ungültig oder abgelaufen. Bitte fordere einen neuen E-Mail-Bestätigungslink an.",
+  "confirming": "Bestätigung",
+  "conflicting_paths_found": "Dateipfadkonflikte gefunden",
+  "connected_users": "Verbundene Nutzer",
+  "connecting": "Verbinden",
+  "contact": "Kontakt",
+  "contact_message_label": "Nachricht",
+  "contact_sales": "Vertrieb kontaktieren",
+  "contact_support_to_change_group_subscription": "Bitte wende dich an den Support, wenn du dein Gruppenabonnement ändern möchtest.",
+  "contact_us": "Kontaktiere uns",
+  "contact_us_lowercase": "Kontaktiere uns",
+  "continue": "Fortfahren",
+  "continue_github_merge": "Ich habe es von Hand gemerget, fortsetzen",
+  "continue_to": "Weiter zu __appName__",
+  "continue_with_free_plan": "Mit der kostenlosen Version fortfahren",
+  "copied": "Kopiert",
+  "copy": "Kopieren",
+  "copy_project": "Projekt kopieren",
+  "copying": "kopieren",
+  "country": "Land",
+  "country_flag": "Landesflagge von __country__",
+  "coupon_code": "Gutscheincode",
+  "coupon_code_is_not_valid_for_selected_plan": "Der Gutscheincode ist nicht gültig für das gewählte Abonnement",
+  "coupons_not_included": "Dies beinhaltet nicht deine aktuellen Rabatte, die automatisch vor deiner nächsten Zahlung angewandt werden",
+  "create": "Erstellen",
+  "create_a_new_password_for_your_account": "Erstelle ein neues Passwort für dein Konto",
+  "create_a_new_project": "Erstelle ein neues Projekt",
+  "create_first_admin_account": "Erstelle das erste Admin-Konto",
+  "create_new_account": "Neues Konto erstellen",
+  "create_new_subscription": "Neues Abonnement erstellen",
+  "create_new_tag": "Neues Stichwort erstellen",
+  "create_project_in_github": "Ein GitHub Repository erstellen",
+  "created_at": "Erstellt am",
+  "creating": "Erstellung läuft",
+  "credit_card": "Kreditkarte",
+  "cs": "Tschechisch",
+  "currency": "Währung",
+  "current_file": "Aktuelle Datei",
+  "current_password": "Aktuelles Passwort",
+  "current_session": "Aktuelle Sitzung",
+  "currently_seeing_only_24_hrs_history": "Du siehst derzeit die Änderungen der letzten 24 Stunden in diesem Projekt.",
+  "currently_subscribed_to_plan": "Du hast im Moment das <0>__planName__</0> Produkt abonniert.",
+  "customize": "Anpassen",
+  "customize_your_group_subscription": "Dein Gruppenabonnement anpassen",
+  "customizing_figures": "Abbildung anpassen",
+  "da": "Dänisch",
+  "date": "Datum",
+  "date_and_owner": "Datum und Inhaber",
+  "de": "Deutsch",
+  "dealing_with_errors": "Umgang mit Fehlern",
+  "december": "Dezember",
+  "dedicated_account_manager": "Dedizierter Kontomanager",
+  "default": "Standard",
+  "delete": "Löschen",
+  "delete_account": "Konto löschen",
+  "delete_account_confirmation_label": "Ich verstehe, dass dadurch alle Projekte in meinem __appName__-Konto mit der E-Mail-Adresse <0>__userDefaultEmail__</0> gelöscht werden",
+  "delete_account_warning_message_3": "Du bist dabei, <strong>alle Kontodaten</strong> permanent zu löschen, inklusive Projekte und Einstellungen. Bitte gib die E-Mail-Adresse und das Passwort deines Kontos in die Felder ein um fortzufahren.",
+  "delete_acct_no_existing_pw": "Bitte verwende das Formular zum Zurücksetzen des Passworts, um ein Passwort festzulegen, bevor du dein Konto löschst",
+  "delete_and_leave": "Löschen/Verlassen",
+  "delete_and_leave_projects": "Projekte löschen und verlassen",
+  "delete_authentication_token": "Zugangstoken löschen",
+  "delete_authentication_token_info": "Du bist dabei einen Git Zugangstoken zu löschen. Sobald dieser gelöscht ist, verliert er seine Gültigkeit und er kann nicht mehr für Git Aktionen verwendet werden.",
+  "delete_figure": "Abbildung löschen",
+  "delete_projects": "Projekte archivieren",
+  "delete_tag": "Stichwort löschen",
+  "delete_token": "Token löschen",
+  "delete_user": "Nutzer löschen",
+  "delete_your_account": "Lösche dein Konto",
+  "deleted_at": "Gelöscht am",
+  "deleted_by_on": "Gelöscht von __name__ am __date__",
+  "deleting": "Löschen",
+  "demonstrating_git_integration": "Demonstration der Git-Integration",
+  "department": "Abteilung",
+  "descending": "Absteigend",
+  "description": "Beschreibung",
+  "dictionary": "Wörterbuch",
+  "did_you_know_institution_providing_professional": "Wusstest du, dass __institutionName__ allen bei __institutionName__ <0>kostenlose __appName__ „Professionell“-Funktionen</0> zur Verfügung stellt?",
+  "disable_stop_on_first_error": "„Anhalten beim ersten Fehler“ deaktivieren",
+  "disconnected": "Nicht verbunden",
+  "discount_of": "__amount__ Rabatt",
+  "dismiss_error_popup": "Erste Fehlermeldung schließen",
+  "do_not_have_acct_or_do_not_want_to_link": "Wenn du kein <b>__appName__</b>-Konto hast oder nicht mit deinem <b>__institutionName__</b>-Konto verknüpfen möchtest, klicke auf <b>„__clickText__“</b>.",
+  "do_not_link_accounts": "Konten nicht verknüpfen",
+  "do_you_want_to_change_your_primary_email_address_to": "Willst Du deine primäre E-Mail-Adresse in <b>__email__</b> ändern?",
+  "do_you_want_to_overwrite_them": "Willst Du sie überschreiben?",
+  "documentation": "Dokumentation",
+  "does_not_contain_or_significantly_match_your_email": "nicht mit Teilen deiner E-Mail-Adresse übereinstimmt",
+  "doesnt_match": "Stimmt nicht überein",
+  "doing_this_allow_log_in_through_institution": "Dadurch kannst du dich über dein institutionelles Portal bei <b>__appName__</b> anmelden und deine institutionelle E-Mail-Adresse bestätigen.",
+  "doing_this_allow_log_in_through_institution_2": "Dadurch kannst du dich über dein institutionelles Portal bei <0>__appName__</0> anmelden und deine institutionelle E-Mail-Adresse bestätigen.",
+  "doing_this_will_verify_affiliation_and_allow_log_in_2": "Dadurch wird deine Zugehörigkeit zu <0>__institutionName__</0> bestätigt und du kannst dich über deine Institution bei <0>__appName__</0> anmelden.",
+  "done": "Fertig",
+  "dont_have_account": "Du hast kein Konto?",
+  "download": "Herunterladen",
+  "download_pdf": "PDF herunterladen",
+  "download_zip_file": ".zip-Datei herunterladen",
+  "drag_here": "hierher ziehen",
+  "drag_here_paste_an_image_or": "Datei hierher verschieben, Bild einfügen, oder",
+  "drop_files_here_to_upload": "Ziehe die Dateien hier hin, um sie hochzuladen",
+  "dropbox_already_linked_error": "Dein Dropbox-Konto kann nicht verknüpft werden, da es bereits mit einem anderen Overleaf-Konto verknüpft ist.",
+  "dropbox_already_linked_error_with_email": "Dein Dropbox-Konto kann nicht verknüpft werden, da es bereits mit einem anderen Overleaf-Konto über die E-Mail-Adresse __otherUsersEmail__ verknüpft ist.",
+  "dropbox_checking_sync_status": "Dropbox auf Updates überprüfen",
+  "dropbox_duplicate_names_error": "Dein Dropbox-Konto kann nicht verknüpft werden, da du mehr als ein Projekt mit demselben Namen hast:",
+  "dropbox_duplicate_project_names": "Die Verknüpfung deines Dropbox-Kontos wurde aufgehoben, weil du mehr als ein Projekt mit dem Namen <0>„__projectName__“</0> hast.",
+  "dropbox_duplicate_project_names_suggestion": "Bitte verwende eindeutige Projektnamen für alle deine <0>aktiven, archivierten und gelöschten</0> Projekte und verknüpfe dann dein Dropbox-Konto erneut.",
+  "dropbox_email_not_verified": "Wir konnten keine Updates von deinem Dropbox-Konto abrufen. Dropbox hat gemeldet, dass deine E-Mail-Adresse unbestätigt ist. Bitte bestätige die E-Mail-Adresse in deinem Dropbox-Konto, um dieses Problem zu lösen.",
+  "dropbox_for_link_share_projs": "Auf dieses Projekt wurde über Linkfreigabe zugegriffen und es wird nicht mit deiner Dropbox synchronisiert, es sei denn, du wirst vom Projektinhaber per E-Mail eingeladen.",
+  "dropbox_integration_lowercase": "Dropbox-Integration",
+  "dropbox_successfully_linked_description": "Vielen Dank, wir haben dein Dropbox-Konto erfolgreich mit __appName__ verknüpft.",
+  "dropbox_sync": "Dropbox-Synchronisation",
+  "dropbox_sync_both": "Senden und Empfangen von Updates",
+  "dropbox_sync_description": "Halte deine __appName__-Projekte synchron mit deinem Dropboxkonto. Änderungen in __appName__ werden automatisch an deine Dropbox gesendet und umgekehrt.",
+  "dropbox_sync_error": "Entschuldigung, beim Überprüfen unseres Dropbox-Dienstes ist ein Problem aufgetreten. Bitte versuche es in einigen Augenblicken erneut.",
+  "dropbox_sync_in": "Updates von Dropbox empfangen",
+  "dropbox_sync_now_rate_limited": "Manuelles Synchronisieren ist auf einmal pro Minute limitiert. Bitte warte einen Moment und versuche es erneut.",
+  "dropbox_sync_now_running": "Ein manueller Sync wurde für dieses Projekt im Hintergrund gestartet. Bitte gib dem Vorgang ein paar Minuten Zeit um abzuschließen.",
+  "dropbox_sync_out": "Updates an Dropbox senden",
+  "dropbox_sync_troubleshoot": "Fehlen Änderungen in deiner Dropbox? Bitte warte ein paar Minuten. Wenn Änderungen noch immer nicht ankommen, kannst Du <0>das Projekt manuell synchronisieren</0> lassen.",
+  "dropbox_synced": "Overleaf und Dropbox haben alle Updates verarbeitet. Beachte, dass deine lokale Dropbox möglicherweise noch synchronisiert wird",
+  "dropbox_unlinked_because_access_denied": "Die Verknüpfung deines Dropbox-Kontos wurde aufgehoben, da der Dropbox-Dienst deine gespeicherten Anmeldeinformationen abgelehnt hat. Bitte verknüpfe dein Dropbox-Konto erneut, um es weiterhin mit Overleaf zu verwenden.",
+  "dropbox_unlinked_because_full": "Die Verknüpfung deines Dropbox-Kontos wurde aufgehoben, da es voll ist und wir an es keine Updates mehr senden können. Bitte gib Speicherplatz frei und verknüpfe dein Dropbox-Konto erneut, um es weiterhin mit Overleaf zu verwenden.",
+  "dropbox_unlinked_premium_feature": "<0>Die Verknüpfung deines Dropbox-Kontos wurde aufgehoben</0>, weil Dropbox Sync eine Premiumfunktion ist, die du über eine institutionelle Lizenz hattest.",
+  "duplicate_file": "Datei duplizieren",
+  "duplicate_projects": "Dieser Nutzer hat Projekte mit doppeltem Namen",
+  "each_user_will_have_access_to": "Jeder Nutzer hat Zugriff auf",
+  "easily_manage_your_project_files_everywhere": "Verwalte deine Projektdateien einfach und überall",
+  "edit": "Bearbeiten",
+  "edit_dictionary": "Wörterbuch bearbeiten",
+  "edit_dictionary_empty": "Dein benutzerdefiniertes Wörterbuch ist leer.",
+  "edit_dictionary_remove": "Aus Wörterbuch entfernen",
+  "edit_figure": "Abbildung bearbeiten",
+  "edit_tag": "Schlagwort bearbeiten",
+  "editing": "Bearbeitung",
+  "editing_captions": "Beschriftungen bearbeiten",
+  "editor_and_pdf": "Editor & PDF",
+  "editor_disconected_click_to_reconnect": "Editor wurde getrennt",
+  "editor_only_hide_pdf": "Nur Editor <0>(PDF ausblenden)</0>",
+  "editor_theme": "Editor-Thema",
+  "educational_percent_discount_applied": "__percent__% Bildungsrabatt angewandt!",
+  "email": "E-Mail",
+  "email_already_associated_with": "Die E-Mail-Adresse <b>__email1__</b> ist bereits mit dem Konto <b>__email2__</b> <b>__appName__</b> verknüpft.",
+  "email_already_registered": "Diese E-Mail-Adresse ist bereits registriert.",
+  "email_already_registered_secondary": "Diese E-Mail-Adresse ist bereits als sekundäre E-Mail-Adresse registriert",
+  "email_already_registered_sso": "Diese E-Mail-Adresse wurde bereits registriert. Bitte logge dich auf einem anderen Weg in dein Konto ein und verknüpfe dein Konto über deine Kontoeinstellungen mit dem neuen Anbieter.",
+  "email_does_not_belong_to_university": "Wir erkennen diese Domain nicht als mit deiner Universität verbunden an. Bitte kontaktiere uns, um die Zugehörigkeit hinzuzufügen.",
+  "email_limit_reached": "Du kannst maximal <0>__emailAddressLimit__ E-Mail-Adressen</0> pro Konto hinzufügen. Um eine andere E-Mail-Adresse hinzuzufügen, lösche bitte zuerst eine bestehende.",
+  "email_link_expired": "E-Mail-Link ist abgelaufen, bitte fordere einen neuen an.",
+  "email_or_password_wrong_try_again": "Deine E-Mail-Adresse oder Passwort waren falsch. Bitte versuche es erneut.",
+  "email_or_password_wrong_try_again_or_reset": "Deine E-Mail-Adresse oder dein Passwort ist falsch. Bitte versuche es erneut oder <0>setze dein Password zurück</0>.",
+  "email_required": "E-Mail-Adresse erforderlich",
+  "email_sent": "E-Mail versendet",
+  "emails": "E-Mails",
+  "emails_and_affiliations_explanation": "Füge deinem Konto zusätzliche E-Mail-Adressen hinzu, um auf Upgrades deiner Universität oder Institution zuzugreifen, um es Mitarbeitern zu erleichtern, dich zu finden, und um sicherzustellen, dass du dein Konto wiederherstellen kannst.",
+  "emails_and_affiliations_title": "E-Mails-Adressen und Zugehörigkeiten",
+  "empty_zip_file": "ZIP enthält keine Datei",
+  "en": "Englisch",
+  "enable_managed_users": "Aktiviere Verwaltete Benutzer",
+  "enabling": "Wird aktiviert",
+  "end_of_document": "Ende des Dokuments",
+  "enter_image_url": "Bild-URL eingeben",
+  "enter_your_email_address": "Gib deine E-Mail-Adresse ein",
+  "enter_your_email_address_below_and_we_will_send_you_a_link_to_reset_your_password": "Gib deine E-Mail-Adresse unten ein, und wir senden Dir einen Link zum Zurücksetzen deines Passworts",
+  "enter_your_new_password": "Gib dein Passwort ein",
+  "error": "Fehler",
+  "error_performing_request": "Bei der Ausführung deiner Anfrage ist ein Fehler aufgetreten.",
+  "es": "Spanisch",
+  "every": "pro",
+  "example": "Beispiel",
+  "example_project": "Beispielprojekt",
+  "examples": "Beispiele",
+  "existing_plan_active_until_term_end": "Dein bestehendes Abonnement und dessen Funktionen bleiben bis zum Ende des aktuellen Abrechnungszeitraums aktiv.",
+  "expand": "Ausklappen",
+  "expires": "Läuft ab",
+  "expiry": "Ablaufdatum",
+  "export_csv": "CSV-Datei exportieren",
+  "export_project_to_github": "Projekt nach GitHub exportieren",
+  "failed_to_send_managed_user_invite_to_email": "Der Versand der Einladung für Verwaltete Benutzer an <0>__email__</0> hat nicht funktioniert. Bitte versuche es später noch einmal.",
+  "faq_how_does_free_trial_works_answer": "Während deines __len__-tägigen Probe-Abonnements erhältst du vollen Zugriff auf die Funktionen des von dir gewählten __appName__-Abonnements. Es besteht keine Verpflichtung, über die Testperiode hinaus fortzufahren. Deine Karte wird am Ende des __len__-tägigen Testzeitraums belastet, sofern du nicht vorher gekündigt hast. Um zu kündigen, gehe zu deinen Abonnementeinstellungen in deinem Konto.",
+  "fast": "Schnell",
+  "feature_included": "Funktion enthalten",
+  "feature_not_included": "Funktion nicht enthalten",
+  "featured": "Vorgestellt",
+  "featured_latex_templates": "Ausgewählte LaTeX-Vorlagen",
+  "features": "Features",
+  "features_and_benefits": "Features & Vorteile",
+  "february": "Februar",
+  "file_action_created": "Erstellt",
+  "file_action_deleted": "Gelöscht",
+  "file_action_edited": "Bearbeitet",
+  "file_action_renamed": "Umbenannt",
+  "file_already_exists": "Eine Datei oder ein Ordner mit diesem Namen existiert bereits",
+  "file_already_exists_in_this_location": "An diesem Speicherort ist bereits ein Element mit dem Namen <0>__fileName__</0> vorhanden. Wenn du diese Datei verschieben möchtest, benenne die in Konflikt stehende Datei um oder entferne sie und versuche es erneut.",
+  "file_name": "Dateiname",
+  "file_name_figure_modal": "Dateiname",
+  "file_name_in_this_project": "Dateiname in diesem Projekt",
+  "file_name_in_this_project_figure_modal": "Dateiname in diesem Projekt",
+  "file_outline": "Gliederung",
+  "file_size": "Dateigröße",
+  "file_too_large": "Datei zu groß",
+  "files_cannot_include_invalid_characters": "Der Dateiname ist leer oder enthält ungültige Zeichen",
+  "files_selected": "Dateien ausgewählt.",
+  "filters": "Filter",
+  "find_out_more": "Finde mehr heraus",
+  "find_out_more_about_institution_login": "Erfahre mehr über den institutionellen Login",
+  "find_out_more_about_the_file_outline": "Erfahre mehr über die Gliederung",
+  "find_out_more_nt": "Finde mehr heraus.",
+  "first_name": "Vorname",
+  "fold_line": "Zeile einklappen",
+  "folder_location": "Ordnerplatzierung",
+  "folders": "Ordner",
+  "following_paths_conflict": "Die folgenden Dateien und Ordner weisen Konflikte mit dem gleichen Pfad auf",
+  "font_family": "Schriftfamilie",
+  "font_size": "Schriftgröße",
+  "footer_about_us": "Über uns",
+  "footer_contact_us": "Kontaktiere uns",
+  "footer_plans_and_pricing": "Abos & Preise",
+  "for_enterprise": "Für Unternehmen",
+  "for_individuals_and_groups": "Für Einzelpersonen & Gruppen",
+  "for_more_information_see_managed_accounts_section": "Für weitere Informationen, schau in den Abschnitt \"Verwaltete Accounts\" in unseren <0>Nutzungsbedingungen</0>, dem du zustimmst, wenn du auf Einladung akzeptieren clickst.",
+  "for_publishers": "Für Verlage",
+  "for_students": "Für Studierende",
+  "for_teaching": "Für die Lehre",
+  "for_universities": "Für Universitäten",
+  "forgot_your_password": "Passwort vergessen",
+  "fr": "Französisch",
+  "free": "Kostenlos",
+  "free_dropbox_and_history": "Kostenloser Dropbox und Dateiversionsverlauf",
+  "free_plan_label": "Du nutzt die <b>kostenlose Version</b>",
+  "free_plan_tooltip": "Klicke hier, um herauszufinden, was Dir die Overleaf-Premiumfunktionen ermöglichen.",
+  "from_another_project": "Von einem anderen Projekt",
+  "from_external_url": "Von externer URL",
+  "from_provider": "Von __provider__",
+  "full_doc_history": "Vollständiger Versionsverlauf",
+  "full_document_history": "Gesamter Dokumenten-<0>Änderungsverlauf</0>",
+  "full_width": "Volle Breite",
+  "gallery": "Gallerie",
+  "gallery_find_more": "Mehr __itemPlural__ anzeigen",
+  "gallery_page_title": "Gallerie – Vorlagen, Beispiele und Artikel verfasst in LaTeX",
+  "general": "Allgemein",
+  "generate_token": "Token generieren",
+  "generic_if_problem_continues_contact_us": "Wenn das Problem weiterhin besteht, kontaktiere uns bitte",
+  "generic_linked_file_compile_error": "Die Ausgabedateien dieses Projekts sind nicht verfügbar, da sie nicht kompiliert werden konnten. Öffne das Projekt, um die Fehlerdetails des Kompiliervorgangs anzuzeigen.",
+  "generic_something_went_wrong": "Sorry, irgendetwas ist schief gelaufen",
+  "get_collaborative_benefits": "Profitiere von den kollaborativen Vorteilen von __appName__, auch wenn du lieber offline arbeitest",
+  "get_discounted_plan": "Erhalte ein heruntergesetztes Abonnement",
+  "get_in_touch": "Kontaktiere uns",
+  "get_in_touch_having_problems": "<a href=\"__link__\">Wende dich an den Support</a>, wenn du Probleme hast",
+  "get_involved": "Mach mit",
+  "get_the_most_out_headline": "Hole das meiste aus __appName__ mit Funktionen wie:",
+  "git": "Git",
+  "git_authentication_token": "Git Anmeldungs-Token",
+  "git_authentication_token_create_modal_info_1": "Das ist dein Git Anmeldungs-Token. Verwende ihn wenn Du nach einem Passwort gefragt wirst.",
+  "git_authentication_token_create_modal_info_2": "<0>Du bekommst diesen Anmelde-Token nur einmal angezeigt, bitte kopiere ihn und bewahre ihn sicher auf.</0> Für weitere Anweisungen zur Verwendung von Anmelde-Tokens, besuche unsere <1>Hilfe-Seite</1>.",
+  "git_bridge_modal_click_generate": "Klicke jetzt auf <strong>Token generieren</strong> um deinen ersten Anmeldungs-Token zu erstellen. Oder erstelle ihn später in deinen Kontoeinstellungen.",
+  "git_bridge_modal_enter_authentication_token": "Wenn Du nach einem Passwort gefragt wirst, gib deinen neuen Anmeldungs-Token ein:",
+  "git_bridge_modal_see_once": "Du siehst diesen Token nur einmal. Um ihn zu löschen oder einen weiteren zu generieren, besuche die Kontoeinstellungen. Für detaillierte Anweisungen und Problembehebung, besuche unsere <0>Hilfe-Seite</0>.",
+  "git_bridge_modal_use_previous_token": "Wenn Du nach einem Passwort gefragt wirst, kannst Du einen zuvor generierten Git-Anmeldungs-Token verwenden. Oder Du kannst einen Neuen in den Kontoeinstellungen generieren. Für mehr Hilfe, besuche unsere <0>Hilfe-Seite</0>.",
+  "git_integration": "Git-Integration",
+  "git_integration_info": "Mit der Git-Integration kannst Du Overleaf-Projekte Git-clonen. Für weitere Anweisungen hierfür, besuche <0>unsere Hilfe-Seite</0>.",
+  "github_commit_message_placeholder": "Commit-Meldung für Änderungen die in __appName__ gemacht wurden",
+  "github_credentials_expired": "Deine GitHub-Autorisierungsschlüssel sind abgelaufen",
+  "github_empty_repository_error": "Es sieht so aus, als sei dein GitHub-Repository leer oder noch nicht verfügbar. Erstelle eine neue Datei auf GitHub.com und versuche es erneut.",
+  "github_file_name_error": "Dein Projekt kann nicht importiert werden, da es eine oder mehrere Dateien mit ungültigen Dateinamen enthält:",
+  "github_git_and_dropbox_integrations": "<0>GitHub-</0>, <0>Git-</0> und <0>Dropbox-</0>Integrationen",
+  "github_git_folder_error": "Dieses Projekt enthält auf der obersten Ebene einen .git-Ordner, was darauf hinweist, dass es sich bereits um ein Git-Repository handelt. Der GitHub-Synchronisierungsdienst von Overleaf kann keine Git-Verläufe synchronisieren. Bitte entferne den .git-Ordner and versuche es erneut.",
+  "github_integration_lowercase": "Git- und GitHub-Integration",
+  "github_is_premium": "GitHub-Sync ist eine Premiumfunktion",
+  "github_large_files_error": "Zusammenführung fehlgeschlagen: Dein GitHub-Repository enthält Dateien mit einer Dateigröße von mehr als 50 MB",
+  "github_merge_failed": "Deine Änderungen in __appName__ und GitHub konnten nicht automatisch zusammengeführt werden. Bitte führe den <0>__sharelatex_branch__</0> mit dem Standard-Branch in Git zusammen. Klicke unten um fortzufahren, nachdem du manuell zusammengeführt hast.",
+  "github_no_master_branch_error": "Dieses Repository kann nicht importiert werden, da ihm ein Standard-Branch fehlt. Stell sicher, dass das Projekt einen Standard-Branch hat",
+  "github_private_description": "Du wählst, wer dieses Repository sehen und etwas übergeben kann.",
+  "github_public_description": "Jeder kann dieses Repository sehen. Du entscheidest wer committen darf.",
+  "github_repository_diverged": "Der Standard-Branch des verknüpften Repositorys wurde forciert gepusht. Das Pullen von GitHub-Änderungen nach einem forciertem Push kann dazu führen, dass Overleaf und GitHub nicht mehr synchron sind. Möglicherweise musst du Änderungen nach dem Pullen erneut Pushen um wieder synchron zu sein",
+  "github_successfully_linked_description": "Danke, wir haben dein GitHub-Nutzerkonto erfolgreich mit __appName__ verknüpft. Du kannst die __appName__-Projekte jetzt in GitHub exportieren oder Projekte aus deinen GitHub-Repositories importieren.",
+  "github_symlink_error": "Dein GitHub-Repository enthält Dateien mit symbolischen Links, was derzeit von Overleaf nicht unterstützt wird. Entferne diese und versuche es erneut.",
+  "github_sync": "GitHub Synchronisierung",
+  "github_sync_description": "Mit GitHub-Synchronisierung kannst du deine __appName__-Projekte mit GitHub-Repositories verlinken. Erstelle neue Commits aus __appName__ und führe sie mit Commits in GitHub zusammen.",
+  "github_sync_error": "Entschuldigung, es gab ein Problem mit unserem GitHub-Dienst. Bitte versuche es später erneut.",
+  "github_sync_repository_not_found_description": "Das verknüpfte Repository wurde entweder entfernt oder du hast keinen Zugriff mehr darauf. Du kannst die Synchronisierung mit einem neuen Repository einrichten, indem du das Projekt klonst und den Menüpunkt „GitHub“ verwendest. Du kannst das Repository auch von diesem Projekt trennen.",
+  "github_timeout_error": "Zeitüberschreitung beim Synchronisieren deines Overleaf-Projekts mit GitHub. Dies kann daran liegen, dass die Gesamtgröße deines Projekts oder die Anzahl der zu synchronisierenden Dateien/Änderungen zu groß ist.",
+  "github_too_many_files_error": "Dieses Repository kann nicht importiert werden, da es die maximal zulässige Anzahl von Dateien überschreitet",
+  "github_validation_check": "Bitte prüfe ob der Repository-Name gültig ist und ob du die Rechte hast ein Git-Repository zu erstellen.",
+  "github_workflow_authorize": "Autorisiere GitHub-Workflow-Dateien",
+  "github_workflow_files_delete_github_repo": "Das Repository wurde auf GitHub erstellt, aber die Verknüpfung war nicht erfolgreich. Lösche das GitHub-Repository oder wähle einen neuen Namen.",
+  "github_workflow_files_error": "Der GitHub-Synchronisierungsdienst __appName__ konnte GitHub-Workflow-Dateien (in .github/workflows/) nicht synchronisieren. Autorisiere __appName__ zum Bearbeiten deiner GitHub-Workflow-Dateien und versuche es erneut.",
+  "give_feedback": "Feedback geben",
+  "global": "global",
+  "go_back_and_link_accts": "<a href=\"__link__\">Gehe zurück</a> und verknüpfe deine Konten",
+  "go_next_page": "Gehe zur nächsten Seite",
+  "go_page": "Gehe zu Seite __page__",
+  "go_prev_page": "Zurück zur vorigen Seite",
+  "go_to_account_settings": "Gehe zu den Kontoeinstellungen",
+  "go_to_code_location_in_pdf": "Gehe ins PDF an der Code-Position",
+  "go_to_pdf_location_in_code": "Gehe zum Code an der PDF-Position",
+  "go_to_settings": "Zu den Kontoeinstellungen",
+  "group_admin": "Gruppenadministrator",
+  "group_full": "Diese Gruppe ist bereits voll",
+  "group_managed_by_group_administrator": "Die Benutzerkonten in diesem Team werden vom Gruppenadministrator verwaltet.",
+  "group_plan_tooltip": "Du nutzt ein __plan__-Abonnement als Mitglied eines Gruppen-Abonnements. Klicke hier um herauszufinden, was Dir die Overleaf-Premiumfunktionen ermöglichen.",
+  "group_plan_with_name_tooltip": "Du nutzt ein __plan__-Abonnement als Mitglied des Gruppen-Abonnements __groupName__. Klicke hier um herauszufinden, was Dir die Overleaf Premiumfunktionen ermöglichen.",
+  "group_professional": "Gruppe Professionell",
+  "group_standard": "Gruppe Standard",
+  "group_subscription": "Gruppen-Abonnement",
+  "groups": "Gruppen",
+  "have_an_extra_backup": "Zusätzliche Sicherung vorhanden",
+  "have_more_days_to_try": "Hol dir weitere <strong>__days__ Tage</strong> auf deiner Testversion!",
+  "headers": "Überschriften",
+  "help": "Hilfe",
+  "help_articles_matching": "Hilfeartikel passend zu deinem Thema",
+  "help_improve_overleaf_fill_out_this_survey": "Wenn du uns helfen möchtest, Overleaf zu verbessern, nimm dir bitte einen Moment Zeit, um <0>diese Umfrage</0> auszufüllen.",
+  "hide_document_preamble": "Dokumentenpräambel verstecken",
+  "hide_outline": "Gliederung ausblenden",
+  "history": "Verlauf",
+  "history_add_label": "Label hinzufügen",
+  "history_are_you_sure_delete_label": "Soll das folgende Label wirklich gelöscht werden?",
+  "history_compare_from_this_version": "Ab dieser Version vergleichen",
+  "history_compare_up_to_this_version": "Bis zu dieser Version vergleichen",
+  "history_delete_label": "Label löschen",
+  "history_download_this_version": "Diese Version herunterladen",
+  "history_entry_origin_dropbox": "über Dropbox",
+  "history_entry_origin_git": "über Git",
+  "history_entry_origin_github": "über GitHub",
+  "history_entry_origin_upload": "hochgeladen",
+  "history_label_created_by": "Erstellt von",
+  "history_label_project_current_state": "Aktueller Status",
+  "history_label_this_version": "Label dieser Version",
+  "history_new_label_name": "Neuer Labelname",
+  "history_view_a11y_description": "Zeige den gesamten Projektverlauf oder nur gelabelte Versionen an.",
+  "history_view_all": "Gesamte Historie",
+  "history_view_labels": "Labels",
+  "home": "Home",
+  "hotkey_add_a_comment": "Kommentar hinzufügen",
+  "hotkey_autocomplete_menu": "Menü automatische Vervollständigung",
+  "hotkey_beginning_of_document": "Beginn des Dokuments",
+  "hotkey_bold_text": "Fetter Text",
+  "hotkey_compile": "Kompilieren",
+  "hotkey_delete_current_line": "Aktuelle Zeile löschen",
+  "hotkey_end_of_document": "Ende des Dokuments",
+  "hotkey_find_and_replace": "Suchen und Ersetzen",
+  "hotkey_go_to_line": "Gehe zu Zeile",
+  "hotkey_indent_selection": "Auswahl einrücken",
+  "hotkey_insert_candidate": "Kandidat einfügen",
+  "hotkey_italic_text": "Kursiver Text",
+  "hotkey_redo": "Wiederholen",
+  "hotkey_search_references": "Referenzen suchen",
+  "hotkey_select_all": "Alles auswählen",
+  "hotkey_select_candidate": "Kandidat auswählen",
+  "hotkey_to_lowercase": "In Kleinbuchstaben",
+  "hotkey_to_uppercase": "In Großbuchstaben",
+  "hotkey_toggle_comment": "Kommentar umschalten",
+  "hotkey_toggle_review_panel": "Überprüfungsbereich umschalten",
+  "hotkey_toggle_track_changes": "Änderungen nachverfolgen umschalten",
+  "hotkey_undo": "Rückgängig machen",
+  "hotkeys": "Hotkeys",
+  "how_to_create_tables": "So erstellst du Tabellen",
+  "how_to_insert_images": "So fügst du Bilder ein",
+  "hundreds_templates_info": "Erstelle schöne Dokumente ausgehend von unserer Galerie mit LaTeX-Vorlagen für Zeitschriften, Konferenzen, Abschlussarbeiten, Berichte, Lebensläufe und vieles mehr.",
+  "i_want_to_stay": "Ich möchte bleiben",
+  "if_have_existing_can_link": "Wenn du ein vorhandenes <b>__appName__</b>-Konto mit einer anderen E-Mail-Adresse hast, kannst du es mit deinem <b>__institutionName__</b>-Konto verknüpfen, indem du auf <b>„__clickText__“</b> klickst.",
+  "if_owner_can_link": "Wenn du das <b>__appName__</b> Konto mit <b>__email__</b> besitzt, kannst du es mit deinem institutionellen Konto <b>__institutionName__</b> verknüpfen.",
+  "ignore_and_continue_institution_linking": "Du kannst dies auch ignorieren und <a href=\"__link__\">weiter zu __appName__ mit deinem <b>__email__</b>-Konto</a> gehen.",
+  "ignore_validation_errors": "Syntaxüberprüfung deaktivieren",
+  "ill_take_it": "Ich nehme es!",
+  "image_file": "Bild-Datei",
+  "image_url": "Bild-URL",
+  "image_width": "Bildbreite",
+  "import_from_github": "Von GitHub importieren",
+  "import_to_sharelatex": "In __appName__ importieren",
+  "imported_from_another_project_at_date": "Importiert aus <0>einem anderen Projekt</0> /__sourceEntityPathHTML__, am __formattedDate__ __relativeDate__",
+  "imported_from_external_provider_at_date": "Importiert aus <0>__shortenedUrlHTML__</0> am __formattedDate__ __relativeDate__",
+  "imported_from_mendeley_at_date": "Importiert von Mendeley am __formattedDate__ __relativeDate__",
+  "imported_from_the_output_of_another_project_at_date": "Importiert aus der Ausgabe von <0>einem anderen Projekt</0>: __sourceOutputFilePathHTML__, am __formattedDate__ __relativeDate__",
+  "imported_from_zotero_at_date": "Importiert von Zotero at __formattedDate__ __relativeDate__",
+  "importing": "Importieren",
+  "importing_and_merging_changes_in_github": "Änderungen werden in GitHub importiert und zusammengeführt.",
+  "in_order_to_have_a_secure_account_make_sure_your_password": "Um dein Konto abzusichern, stelle sicher, dass dein Passwort",
+  "in_order_to_match_institutional_metadata_2": "Um deine institutionellen Metadaten abzugleichen, haben wir dein Konto mit <0>__email__</0> verknüpft.",
+  "in_order_to_match_institutional_metadata_associated": "Um deine institutionellen Metadaten abzugleichen, wird dein Konto mit der E-Mail-Adresse <b>__email__</b> verknüpft.",
+  "include_caption": "Beschriftung anzeigen",
+  "include_label": "Label anzeigen",
+  "increased_compile_timeout": "Zeitlimit beim Kompilieren erhöhen",
+  "info": "Info",
+  "insert_figure": "Abbildung einfügen",
+  "insert_from_another_project": "Von einem anderen Projekt einfügen",
+  "insert_from_project_files": "Von Projektdateien einfügen",
+  "insert_from_url": "Von URL einfügen",
+  "insert_image": "Bild einfügen",
+  "institution": "Institution",
+  "institution_account": "Institutionelles Konto",
+  "institution_account_tried_to_add_affiliated_with_another_institution": "Diese E-Mail-Adresse ist deinem Konto <b>bereits verknüpft</b>, aber einer anderen Institution zugeordnet.",
+  "institution_account_tried_to_add_already_linked": "Diese Institution ist über eine andere E-Mail-Adresse <b>bereits mit deinem Konto verknüpft</b>.",
+  "institution_account_tried_to_add_already_registered": "Die E-Mail-Adresse oder das institutionelle Konto, das du hinzufügen möchtest, ist bei __appName__ <b>bereits registriert</b>.",
+  "institution_account_tried_to_add_not_affiliated": "Diese E-Mail-Adresse ist <b>bereits mit deinem Konto verknüpft</b>, aber nicht mit dieser Institution verbunden.",
+  "institution_account_tried_to_confirm_saml": "Diese E-Mail-Adresse kann nicht bestätigt werden. Bitte entferne die E-Mail-Adresse aus deinem Konto und versuche sie erneut hinzuzufügen.",
+  "institution_acct_successfully_linked_2": "Dein Konto <0>__appName__</0> wurde erfolgreich mit deinem institutionellen Konto <0>__institutionName__</0> verknüpft.",
+  "institution_and_role": "Institution und Rolle",
+  "institution_email_new_to_app": "Deine <b>__institutionName__</b>-E-Mail-Adresse (<b>__email__</b>) ist neu bei __appName__.",
+  "institution_templates": "Institutionsvorlagen",
+  "institutional": "Institutionell",
+  "institutional_leavers_survey_notification": "Gib ein kurzes Feedback, um 25 % Rabatt auf ein Jahresabonnement zu erhalten!",
+  "institutional_login_unknown": "Leider wissen wir nicht, welche Institution diese E-Mail-Adresse ausgegeben hat. Du kannst unsere <a href=\"__link__\">Liste der Institutionen</a> durchsuchen, um deine zu finden, oder du kannst eine der anderen Optionen nutzen.",
+  "integrations": "Integrationen",
+  "interested_in_cheaper_personal_plan": "Hast Du Interesse, am günstigeren <0>__price__</0> Persönlich-Abonnement?",
+  "invalid_email": "Eine E-Mail-Adresse ist ungültig",
+  "invalid_file_name": "Ungültiger Dateiname",
+  "invalid_filename": "Hochladen fehlgeschlagen: Überprüfe, ob der Dateiname keine Sonderzeichen, nachfolgende/vorangehende Leerzeichen oder mehr als __nameLimit__ Zeichen enthält",
+  "invalid_institutional_email": "Der SSO-Dienst deiner Institution hat deine E-Mail-Adresse als __email__ zurückgegeben, welche sich in einer unerwarteten Domäne befindet, die wir nicht als zugehörig erkennen. Möglicherweise kannst du deine primäre E-Mail-Adresse über dein Benutzerprofil ändern.",
+  "invalid_password": "Falsches Passwort",
+  "invalid_password_contains_email": "Das Passwort darf nicht Teile deiner E-Mail-Adresse enthalten",
+  "invalid_password_invalid_character": "Das Passwort enthält ein ungültiges Zeichen",
+  "invalid_password_not_set": "Passwort wird benötigt",
+  "invalid_password_too_long": "Maximale Passwortlänge __maxLength__ überschritten",
+  "invalid_password_too_short": "Passwort zu kurz, mindestens __minLength__",
+  "invalid_password_too_similar": "Passwort ist zu ähnlich zu Teilen deiner E-Mail-Adresse",
+  "invalid_request": "Ungültige Anfrage. Bitte korrigiere die Daten und versuche es erneut.",
+  "invalid_zip_file": "Ungültige ZIP-Datei",
+  "invite_more_collabs": "Lade weitere Mitarbeiter ein",
+  "invite_not_accepted": "Einladung noch nicht angenommen",
+  "invite_not_valid": "Dies ist keine gültige Projekteinladung",
+  "invite_not_valid_description": "Die Einladung ist wahrscheinlich abgelaufen. Bitte kontaktiere den Projektbesitzer",
+  "invited_to_group": "<0>__inviterName__</0> hat dich eingeladen, einem Team auf __appName__ beizutreten",
+  "invited_to_group_login": "Um diese Einladung anzunehmen, melde dich als __emailAddress__ an.",
+  "invited_to_group_login_benefits": "Als Mitglied dieser Gruppe hast Du Zugriff auf __appName__-Premiumfunktionen wie zusätzliche Mitarbeiter, ein höheres Zeitlimit beim Kompilieren und die Nachverfolgung von Änderungen in Echtzeit.",
+  "invited_to_group_register": "Um die Einladung von __inviterName__ anzunehmen, erstelle zunächst ein Konto.",
+  "invited_to_group_register_benefits": "__appName__ ist ein kollaborativer Online-LaTeX-Editor, mit tausenden an sofort verfügbaren Vorlagen und einer großen Auswahl an Lernmaterial für den Einstieg in LaTeX.",
+  "ip_address": "IP-Adresse",
+  "is_email_affiliated": "Ist deine E-Mail-Adresse mit einer Institution verbunden?",
+  "is_longer_than_n_characters": "mindestens __n__ Zeichen lang ist",
+  "is_not_used_on_any_other_website": "nicht bereits bei einer anderen Webseite verwendet wird",
+  "it": "Italienisch",
+  "ja": "Japanisch",
+  "january": "Januar",
+  "join_beta_program": "Nimm am Beta-Programm teil",
+  "join_project": "Projekt beitreten",
+  "join_sl_to_view_project": "Registriere dich für __appName__, um dieses Projekt zu sehen",
+  "join_team_explanation": "Bitte klicke auf die Schaltfläche unten, um dem Team beizutreten und die Vorteile eines hochgestuften __appName__-Kontos zu genießen",
+  "joined_team": "Du bist dem von __inviterName__ verwalteten Team beigetreten",
+  "joining": "Trete bei",
+  "july": "Juli",
+  "june": "Juni",
+  "kb_suggestions_enquiry": "Hast du dir schon <0>__kbLink__</0> angeschaut?",
+  "keep_current_plan": "Behalte mein aktuelles Abonnement",
+  "keep_your_account_safe": "Schütze dein Konto",
+  "keep_your_email_updated": "Halte deine E-Mail-Adresse auf dem aktuellen Stand, damit du den Zugriff auf dein Konto und deine Daten nicht verlierst.",
+  "keybindings": "Tastenkombinationen",
+  "knowledge_base": "Wissensdatenbank",
+  "ko": "Koreanisch",
+  "labels_help_you_to_easily_reference_your_figures": "Labels helfen Dir dabei, Referenzen zu deinen Abbildungen in deinem Dokument zu platzieren. Um eine Referenz zu einer Abbildung zu erstellen, nutze das Label mit dem Kommando <0>\\ref{...}</0>. Das macht es einfach, Abbildungen zu referenzieren, ohne sich ihre Nummer merken zu müssen. <1>Mehr erfahren</1>",
+  "labs_program_benefits": "__appName__ sucht stetig nach neuen Möglichkeiten, das Arbeiten seiner Nutzer zu erleichtern. Indem Du dem Overleaf-Labs-Programm beitrittst, kannst Du an Experimenten teilnehmen, die innovative Ideen im Bereich des kollaborativen Schreibens und Veröffentlichens umsetzen.",
+  "language": "Sprache",
+  "last_active": "Letzte Aktivität",
+  "last_active_description": "Letzter Zugriff auf ein Projekt",
+  "last_modified": "Zuletzt bearbeitet",
+  "last_name": "Nachname",
+  "last_resort_trouble_shooting_guide": "Wenn das nicht hilft, folge unserem <0>Troubleshooting-Guide</0>.",
+  "last_updated": "Letzte Aktualisierung",
+  "last_updated_date_by_x": "__lastUpdatedDate__ von __person__",
+  "last_used": "Zuletzt verwendet",
+  "latex_articles_page_title": "Artikel – Papers, Präsentationen, Berichte und mehr",
+  "latex_examples_page_title": "Beispiele - Gleichungen, Formatierung, TikZ, Pakete und mehr",
+  "latex_in_thirty_minutes": "LaTeX in 30 Minuten",
+  "latex_places_figures_according_to_a_special_algorithm": "LaTeX platziert Abbildungen nach einem speziellen Algorithmus. Du kannst mit sogenannten ‘placement parameters’ die Position deiner Abbildungen beeinflussen. <0>Finde heraus wie</0>",
+  "latex_templates": "LaTeX-Vorlagen",
+  "layout": "Layout",
+  "layout_processing": "Layout wird angewandt",
+  "ldap": "LDAP",
+  "ldap_create_admin_instructions": "Wähle eine E-Mail-Adresse für das erste __appName__-Admin-Konto. Dieser sollte bereits im SAML-System vorhanden sein. Du wirst dann aufgefordert, dich mit diesem Konto einzuloggen.",
+  "learn": "Lernen",
+  "learn_more": "Erfahre mehr",
+  "learn_more_about_emails": "<0>Weitere Informationen</0> zur Verwaltung deiner __appName__-E-Mails.",
+  "learn_more_about_link_sharing": "Erfahre mehr über die Linkfreigabe",
+  "learn_more_about_managed_users": "Weitere Informationen zu Verwaltete Benutzer",
+  "leave": "Verlassen",
+  "leave_group": "Gruppe verlassen",
+  "leave_now": "Jetzt verlassen",
+  "leave_projects": "Projekte verlassen",
+  "let_us_know": "Lass uns wissen",
+  "let_us_know_what_you_think": "Teile uns deine Meinung mit",
+  "license": "Lizenz",
+  "line_height": "Zeilenhöhe",
+  "link": "Verknüpfen",
+  "link_account": "Konto verknüpfen",
+  "link_accounts": "Konten verknüpfen",
+  "link_accounts_and_add_email": "Konten verknüpfen und E-Mail-Adresse hinzufügen",
+  "link_institutional_email_get_started": "Verknüpfe eine institutionelle E-Mail-Adresse mit deinem Konto, um anzufangen.",
+  "link_sharing": "Linkfreigabe",
+  "link_sharing_is_on": "Linkfreigabe ist aktiviert",
+  "link_to_github": "Verbinde mit deinem GitHub-Nutzerkonto",
+  "link_to_github_description": "Du musst __appName__ erlauben, auf dein GitHub-Nutzerkonto zuzugreifen und deine Projekte zu synchronisieren.",
+  "link_to_mendeley": "Link zu Mendeley",
+  "link_to_zotero": "Link zu Zotero",
+  "link_your_accounts": "Verknüpfe deine Konten",
+  "linked_accounts": "Verbundene Konten",
+  "linked_accounts_explained": "Du kannst dein __appName__-Konto mit anderen Diensten verknüpfen, um die unten beschriebenen Funktionen zu aktivieren.",
+  "linked_collabratec_description": "Verwende Collabratec, um deine __appName__-Projekte zu verwalten.",
+  "linked_file": "Importierte Datei",
+  "links": "Links",
+  "loading": "Laden",
+  "loading_content": "Erstelle Projekt",
+  "loading_github_repositories": "Deine GitHub-Repositories werden geladen",
+  "loading_prices": "Preise werden geladen",
+  "loading_recent_github_commits": "Neueste Commits werden geladen",
+  "log_entry_description": "Protokolleintrag mit Level: __level__",
+  "log_entry_maximum_entries": "Maximale Anzahl an Protokolleinträgen erreicht",
+  "log_entry_maximum_entries_enable_stop_on_first_error": "Versuche, den ersten Fehler zu beheben und neu zu kompilieren. Oft führt der erste Fehler zu vielen Fehlermeldungen im weiteren Verlauf. Du kannst <0>„Beim ersten Fehler anhalten“ aktivieren</0>, um dich auf das Beheben von Fehlern zu fokussieren. Wir empfehlen, Fehler direkt zu beheben; wenn sich viele Fehler ansammeln, wird es schwerer sie zu beheben. <1>Mehr erfahren</1>",
+  "log_entry_maximum_entries_title": "__total__ Protokollmeldungen insgesamt, zeige die ersten __displayed__",
+  "log_hint_extra_info": "Erfahre mehr",
+  "log_in": "Anmelden",
+  "log_in_and_link": "Anmelden und verknüpfen",
+  "log_in_and_link_accounts": "Anmelden und Konten verknüpfen",
+  "log_in_first_to_proceed": "Du musst dich zuerst <b>anmelden</b>, um fortzufahren.",
+  "log_in_with": "Einloggen mit __provider__",
+  "log_in_with_email": "Melde dich mit __email__ an",
+  "log_in_with_existing_institution_email": "Bitte melde dich mit deinem bestehenden <b>__appName__</b>-Konto an, um deine institutionellen Konten <b>__appName__</b> und <b>__institutionName__</b> zu verknüpfen.",
+  "log_out": "Abmelden",
+  "log_out_from": "Von __email__ abmelden",
+  "log_viewer_error": "Beim Anzeigen der Kompilierfehler und -protokolle dieses Projekts ist ein Problem aufgetreten.",
+  "logged_in_with_email": "Du bist derzeit mit der E-Mail-Adresse <b>__email__</b> bei <b>__appName__</b> angemeldet.",
+  "logging_in": "Anmeldung",
+  "login": "Anmelden",
+  "login_error": "Login-Fehler",
+  "login_failed": "Login fehlgeschlagen",
+  "login_here": "Hier anmelden",
+  "login_or_password_wrong_try_again": "Deine E-Mail-Adresse oder Passwort ist nicht korrekt. Bitte versuche es erneut",
+  "login_register_or": "oder",
+  "login_to_overleaf": "Bei Overleaf anmelden",
+  "login_with_service": "Mit __service__ anmelden",
+  "logs_and_output_files": "Logs und Ausgabedateien",
+  "looking_multiple_licenses": "Suchst du mehrere Lizenzen?",
+  "looks_like_logged_in_with_email": "Anscheinend bist du bereits mit der E-Mail-Adresse <b>__email__</b> bei <b>__appName__</b> angemeldet.",
+  "looks_like_youre_at": "Anscheinend bist du bei <0>__institutionName__</0>!",
+  "lost_connection": "Verbindung verloren",
+  "main_document": "Hauptdokument",
+  "main_file_not_found": "Unbekanntes Hauptdokument",
+  "maintenance": "Wartungsarbeiten",
+  "make_email_primary_description": "Mache diese zur primären E-Mail-Adresse, die zum Anmelden verwendet wird",
+  "make_primary": "Als primär festlegen",
+  "make_private": "Privat machen",
+  "manage_beta_program_membership": "Beta-Programm-Mitgliedschaft verwalten",
+  "manage_files_from_your_dropbox_folder": "Verwalte Dateien aus deinem Dropbox-Ordner",
+  "manage_group_settings_subtext": "Konfiguriere und verwalte SSO und Verwaltete Benutzer",
+  "manage_group_settings_subtext_managed_users": "Verwaltete Benutzer einschalten",
+  "manage_newsletter": "Verwalte deine Newsletter-Einstellungen",
+  "manage_sessions": "Sessions verwalten",
+  "manage_subscription": "Abo verwalten",
+  "managed_user_accounts": "Verwaltete Benutzer Accounts",
+  "managed_user_invite_has_been_sent_to_email": "Die Einladung zu den Verwalteten Benutzern wurde an <0>__email__</0> versandt.",
+  "managed_users": "Verwaltete Benutzer",
+  "managed_users_explanation": "Verwaltete Benutzer stellen sicher, dass du die Kontrolle über die Projekte deines Unternehmens behältst und weißt, wem sie gehören. <0>Lies mehr über Verwaltete Benutzer.</0>",
+  "managed_users_gives_gives_you_more_control_over_your_group": "Mit Verwalteten Benutzern hast du mehr Kontrolle über die Verwendung von __appName__ durch deine Gruppe. Es gewährleistet eine strengere Verwaltung des Benutzerzugriffs und der Löschung und ermöglicht dir, die Kontrolle über deine Projekte zu behalten, wenn jemand die Gruppe verlässt.",
+  "managed_users_is_enabled": "Verwaltete Benutzer sind aktiviert",
+  "managed_users_terms": "Um die Funktion Verwaltete Benutzer nutzen zu können, musst du der neuesten Version unserer Nutzungsbedingungen unter <0>__link__</0> im Namen deines Unternehmens zustimmen, indem du unten „Ich stimme zu“ wählst. Diese Bedingungen gelten dann für die Nutzung von Overleaf durch deine Organisation und ersetzen alle zuvor vereinbarten Overleaf-Bedingungen. Eine Ausnahme gilt nur dann, wenn wir bereits eine unterzeichnete Vereinbarung mit dir abgeschlossen haben; in diesem Fall gilt die unterzeichnete Vereinbarung weiterhin. Bitte bewahre eine Kopie für deine Unterlagen auf.",
+  "managers_cannot_remove_admin": "Administratoren können nicht entfernt werden",
+  "managers_cannot_remove_self": "Manager können sich nicht selbst entfernen",
+  "managers_management": "Managerverwaltung",
+  "march": "März",
+  "math_display": "Formeln im abgesetzten Modus",
+  "math_inline": "Formeln im Zeilenmodus",
+  "maximum_files_uploaded_together": "Maximal __max__ Dateien zusammen hochgeladen",
+  "may": "Mai",
+  "members_management": "Mitgliederverwaltung",
+  "mendeley": "Mendeley",
+  "mendeley_groups_loading_error": "Beim Laden von Gruppen von Mendeley ist ein Fehler aufgetreten",
+  "mendeley_groups_relink": "Beim Zugriff auf die Mendeley-Daten ist ein Fehler aufgetreten. Dies wurde wahrscheinlich durch fehlende Berechtigungen verursacht. Bitte verknüpfe dein Konto neu und versuche es erneut.",
+  "mendeley_integration": "Mendeley-Integration",
+  "mendeley_is_premium": "Mendeley-Integration ist eine Premiumfunktion",
+  "mendeley_reference_loading_error": "Fehler, Referenzen konnten nicht von Mendeley geladen werden",
+  "mendeley_reference_loading_error_expired": "Mendeley-Token abgelaufen, bitte verknüpfe dein Konto neu",
+  "mendeley_reference_loading_error_forbidden": "Referenzen konnten nicht von Mendeley geladen werden. Bitte verknüpfe dein Konto neu und versuche es erneut.",
+  "mendeley_sync_description": "Mit der Mendeley-Integration kannst du deine Referenzen von Mendeley in deine __appName__-Projekte importieren.",
+  "menu": "Menü",
+  "merge": "Mergen",
+  "merging": "Mergen",
+  "month": "Monat",
+  "monthly": "Monatlich",
+  "more": "Mehr",
+  "more_info": "Mehr Infos",
+  "more_than_one_kind_of_snippet_was_requested": "Der Link zum Öffnen dieses Inhalts auf Overleaf enthielt einige ungültige Parameter. Wenn dies bei Links auf einer bestimmten Website weiterhin auftritt, melde dies bitte dort.",
+  "must_be_email_address": "Es muss eine E-Mail-Adresse sein!",
+  "n_items": "__count__ Artikel",
+  "n_items_plural": "__count__ Artikel",
+  "name": "Name",
+  "native": "nativ",
+  "navigate_log_source": "Navigiere zur Protokollposition im Quellcode: __location__",
+  "navigation": "Navigation",
+  "nearly_activated": "Du bist einen Schritt davon entfernt, dein __appName__-Konto zu aktivieren!",
+  "need_anything_contact_us_at": "Wenn du irgendetwas benötigst, kannst du uns gern direkt kontaktieren über",
+  "need_to_add_new_primary_before_remove": "Du musst eine neue primäre E-Mail-Adresse hinzufügen, bevor du diese entfernen kannst.",
+  "need_to_leave": "Du musst gehen?",
+  "new_file": "Neue Datei",
+  "new_folder": "Neuer Ordner",
+  "new_name": "Neuer Name",
+  "new_password": "Neues Passwort",
+  "new_project": "Neues Projekt",
+  "new_snippet_project": "Ohne Titel",
+  "new_subscription_will_be_billed_immediately": "Dein neues Abonnement wird umgehend mit deiner aktuellen Zahlungsmethode abgerechnet.",
+  "newsletter": "Newsletter",
+  "newsletter_info_note": "Bitte beachte: Du erhältst weiterhin wichtige E-Mails wie Projekteinladungen und Sicherheitsbenachrichtigungen (Passwortzurücksetzung, Kontoverknüpfung usw.).",
+  "newsletter_info_subscribed": "Du hast den __appName__-Newsletter <0>abonniert</0>. Wenn du diese E-Mails lieber nicht erhalten möchtest, kannst du dich jederzeit abmelden.",
+  "newsletter_info_summary": "Alle paar Monate versenden wir einen Newsletter mit einer Zusammenfassung der neu verfügbaren Funktionen.",
+  "newsletter_info_title": "Newsletter-Einstellungen",
+  "newsletter_info_unsubscribed": "Du bist derzeit vom __appName__-Newsletter <0>abgemeldet</0>.",
+  "next_payment_of_x_collectected_on_y": "Die nächste Zahlung von <0>__paymentAmmount__</0> wird am <1>__collectionDate__</1> abgebucht.",
+  "nl": "Niederländisch",
+  "no": "Norwegisch",
+  "no_articles_matching_your_tags": "Keine Einträge passen zu deinen Filtern",
+  "no_existing_password": "Bitte verwende das Formular zum Zurücksetzen des Passworts, um dein Passwort festzulegen",
+  "no_featured_templates": "Keine Vorlagen ausgewählt",
+  "no_members": "Keine Mitglieder",
+  "no_messages": "Keine Nachrichten",
+  "no_new_commits_in_github": "Es gibt bei GitHub keine neuen Commits seit dem letzten Merge",
+  "no_other_projects_found": "Keine anderen Projekte gefunden, bitte erstelle zuerst ein anderes Projekt",
+  "no_other_sessions": "Keine andere Session aktiv",
+  "no_pdf_error_explanation": "Dieser Kompiliervorgang hat kein PDF erzeugt. Das kann passieren, wenn:",
+  "no_pdf_error_reason_no_content": "Die Umgebung <code>document</code> enthält keinen Inhalt. Wenn sie leer ist, füge Inhalt hinzu und kompiliere erneut.",
+  "no_pdf_error_reason_output_pdf_already_exists": "Dieses Projekt enthält eine Datei <code>output.pdf</code>. Wenn diese Datei existiert, benenne sie um und kompiliere erneut.",
+  "no_pdf_error_reason_unrecoverable_error": "Es liegt ein nicht behebbarer LaTeX-Fehler vor. Wenn LaTeX-Fehler unten oder in den Raw-Logs angezeigt werden, versuche diese zu beheben und erneut zu kompilieren.",
+  "no_pdf_error_title": "Kein PDF",
+  "no_planned_maintenance": "Aktuell sind keine Wartungsarbeiten geplant",
+  "no_preview_available": "Entschuldigung, es ist keine Vorschau verfügbar.",
+  "no_projects": "Keine Projekte",
+  "no_search_results": "Keine Suchergebnisse",
+  "no_selection_select_file": "Derzeit ist keine Datei ausgewählt. Bitte wähle eine Datei aus dem Dateibaum aus.",
+  "no_symbols_found": "Keine Symbole gefunden",
+  "no_thanks_cancel_now": "Nein, danke - Ich möchte nach wie vor jetzt stornieren",
+  "no_update_email": "Nein, E-Mail-Adresse aktualisieren",
+  "normal": "Normal",
+  "normally_x_price_per_month": "Normalerweise __price__ pro Monat",
+  "normally_x_price_per_year": "Normalerweise __price__ pro Jahr",
+  "not_found_error_from_the_supplied_url": "Der Link zum Öffnen dieses Inhalts auf Overleaf verwies auf eine Datei, die nicht gefunden werden konnte. Wenn dies bei Links auf einer bestimmten Website weiterhin auftritt, melde dies bitte dort.",
+  "not_managed": "Nicht verwaltet",
+  "not_now": "Nicht jetzt",
+  "not_registered": "Nicht registriert",
+  "notification_features_upgraded_by_affiliation": "Gute Nachrichten! Deine angeschlossene Organisation __institutionName__ hat eine Partnerschaft mit Overleaf und du hast jetzt Zugriff auf alle „Professionell“-Funktionen von Overleaf.",
+  "notification_personal_subscription_not_required_due_to_affiliation": "Gute Nachrichten! Deine angeschlossene Organisation __institutionName__ hat eine Partnerschaft mit Overleaf und du hast jetzt über deine Zugehörigkeit Zugriff auf die „Professionell“-Funktionen von Overleaf. Du kannst dein persönliches Abonnement kündigen, o",
+  "notification_project_invite": "<b>__userName__</b> möchte, dass du <b>__projectName__</b> beitrittst. <a class=\"btn btn-sm btn-info pull-right\" href=\"/project/__projectId__/invite/token/__token__\">Trete Projekt bei</a>",
+  "notification_project_invite_accepted_message": "Du bist <b>__projectName__</b> beigetreten",
+  "notification_project_invite_message": "<b>__userName__</b> möchte, dass du <b>__projectName__</b> beitrittst",
+  "november": "November",
+  "number_collab": "Anzahl der Mitarbeiter",
+  "number_of_users": "Nutzeranzahl",
+  "oauth_orcid_description": "<a href=\"__link__\">Deine Identität sicherstellen durch Verknüpfung deiner ORCID-iD mit deinem __appName__-Konto</a>. Einreichungen bei teilnehmenden Verlagen enthalten automatisch deine ORCID-iD für verbesserten Workflow und bessere Sichtbarkeit.",
+  "october": "Oktober",
+  "off": "Aus",
+  "official": "Offiziell",
+  "ok": "OK",
+  "on": "An",
+  "one_free_collab": "Ein kostenloser Mitarbeiter",
+  "online_latex_editor": "Online-LaTeX-Editor",
+  "only_group_admin_or_managers_can_delete_your_account_1": "Wenn du ein verwalteter Benutzer wirst, hat deine Organisation Administratorrechte für deinen Account und die Kontrolle über deine Daten, einschließlich des Rechts, deinen Account zu schließen und auf deine Daten zuzugreifen, sie zu löschen und zu teilen. Das Ergebnis ist:",
+  "only_group_admin_or_managers_can_delete_your_account_4": "Sobald du ein verwalteter Benutzer geworden bist, kannst du nicht mehr zurückwechseln. <0>Erfahren Sie mehr über verwaltete Overleaf-Konten.</0>",
+  "only_group_admin_or_managers_can_delete_your_account_5": "Weitere Informationen findest du im Abschnitt „Verwaltete Accounts“ in unseren Nutzungsbedingungen, denen du zustimmst, indem du auf Einladung akzeptieren klickst.",
+  "open_as_template": "Als Vorlage öffnen",
+  "open_project": "Öffne Projekt",
+  "opted_out_linking": "Du hast dich gegen die Verknüpfung deines <b>__email__</b> <b>__appName__</b>-Kontos mit deinem institutionellen Konto entschieden.",
+  "optional": "Freiwillig",
+  "or": "oder",
+  "organization": "Organisation",
+  "other_actions": "Weitere Aktionen",
+  "other_logs_and_files": "Andere Protokolle und Dateien",
+  "other_output_files": "Lade andere Ausgabedateien herunter",
+  "other_sessions": "Andere Sitzungen",
+  "our_values": "Unsere Werte",
+  "over": "über",
+  "overall_theme": "Gesamtthema",
+  "overleaf_history_system": "Overleaf-Historie",
+  "overview": "Überblick",
+  "owner": "Besitzer",
+  "page_current": "Seite __page__, Aktuelle Seite",
+  "page_not_found": "Seite nicht gefunden",
+  "pagination_navigation": "Seitenumbruch-Navigation",
+  "password": "Passwort",
+  "password_change_old_password_wrong": "Dein altes Passwort ist falsch",
+  "password_change_passwords_do_not_match": "Passwörter stimmen nicht überein",
+  "password_change_successful": "Passwort geändert",
+  "password_managed_externally": "Passworteinstellungen werden extern verwaltet",
+  "password_reset": "Passwort zurücksetzen",
+  "password_reset_email_sent": "Dir wurde eine E-Mail gesendet, um dein Passwort zurückzusetzen.",
+  "password_reset_token_expired": "Dein Passwortzurücksetz-Token ist nicht mehr gültig. Bitte fordere eine neue Passwortzurücksetz-Mail an und folge dem darin enthaltenen Link.",
+  "password_too_long_please_reset": "Maximale Passwortlänge überschritten. Bitte setze dein Passwort zurück.",
+  "payment_method_accepted": "__paymentMethod__ akzeptiert",
+  "payment_provider_unreachable_error": "Entschuldigung, bei der Kommunikation mit unserem Zahlungsanbieter ist ein Fehler aufgetreten. Versuche es in einigen Augenblicken erneut. Wenn du Erweiterungen zum Blockieren von Werbung oder Skripten in deinem Browser verwendest, musst du diese möglicherweise kurzzeitig deaktivieren.",
+  "payment_summary": "Zahlungsübersicht",
+  "pdf_compile_in_progress_error": "Kompiliervorgang läuft bereits in einem anderen Fenster",
+  "pdf_compile_rate_limit_hit": "Limit der Kompiliervorgänge überschritten",
+  "pdf_compile_try_again": "Bitte warte auf deinen anderen Kompiliervorgang, bevor du es erneut versuchst.",
+  "pdf_in_separate_tab": "PDF in separatem Tab",
+  "pdf_only_hide_editor": "Nur PDF <0>(Editor ausblenden)</0>",
+  "pdf_preview_error": "Beim Anzeigen der Kompilierergebnisse für dieses Projekt ist ein Problem aufgetreten.",
+  "pdf_rendering_error": "PDF-Wiedergabe-Fehler",
+  "pdf_viewer": "PDF-Betrachter",
+  "pdf_viewer_error": "Beim Anzeigen dieses Projekt-PDFs ist ein Problem aufgetreten.",
+  "pending": "Ausstehend",
+  "pending_additional_licenses": "Dein Abonnement wird geändert, um <0>__pendingAdditionalLicenses__</0> zusätzliche Lizenz(en) für insgesamt <1>__pendingTotalLicenses__</1> Lizenzen einzuschließen.",
+  "per_month": "pro Monat",
+  "per_user_year": "pro Nutzer / Jahr",
+  "per_year": "pro Jahr",
+  "personal": "Persönlich",
+  "personalized_onboarding": "Personalisiertes Onboarding",
+  "pl": "Polnisch",
+  "plan": "Abonnement",
+  "planned_maintenance": "Geplante Wartungsarbeiten",
+  "plans_amper_pricing": "Produkte und Preise",
+  "plans_and_pricing": "Produkte und Preise",
+  "please_ask_the_project_owner_to_upgrade_to_track_changes": "Bitte den Projekteigentümer um ein Upgrade, um Änderungen verfolgen zu können",
+  "please_change_primary_to_remove": "Bitte ändere deine primäre E-Mail-Adresse, um sie zu entfernen",
+  "please_check_your_inbox_to_confirm": "Bitte überprüfe deinen E-Mail-Postfach, um deine Zugehörigkeit zu <0>__institutionName__</0> zu bestätigen.",
+  "please_compile_pdf_before_download": "Bitte kompiliere dein Projekt, bevor du das PDF herunterlädst",
+  "please_compile_pdf_before_word_count": "Bitte kompiliere dein Projekt, bevor du eine Wortzählung durchführst.",
+  "please_confirm_email": "Bitte bestätige deine E-Mail-Adresse __emailAddress__, indem du auf den Link in der Bestätigungs-E-Mail klickst",
+  "please_confirm_your_email_before_making_it_default": "Bitte bestätige deine E-Mail-Adresse, bevor du sie zur primären machst.",
+  "please_enter_email": "Bitte gib deine E-Mail-Adresse ein",
+  "please_link_before_making_primary": "Bitte bestätige deine E-Mail-Adresse, indem du sie mit deinem institutionellen Konto verknüpfst, bevor du sie zur primären E-Mail-Adresse machst.",
+  "please_reconfirm_institutional_email": "Bitte nimm dir einen Moment Zeit, um deine institutionelle E-Mail-Adresse zu bestätigen oder <0>sie aus deinem Konto zu entfernen</0>.",
+  "please_reconfirm_your_affiliation_before_making_this_primary": "Bitte bestätige deine Zugehörigkeit, bevor du diese zur primären machst.",
+  "please_refresh": "Bitte aktualisiere die Seite, um fortzufahren",
+  "please_select_a_file": "Bitte wähle eine Datei aus",
+  "please_select_a_project": "Bitte wähle ein Projekt aus",
+  "please_select_an_output_file": "Bitte wähle eine Ausgabedatei aus",
+  "please_set_a_password": "Bitte ein Passwort einrichten",
+  "please_set_main_file": "Bitte wähle im Projektmenü die Hauptdatei für dieses Projekt aus.",
+  "popular_tags": "Beliebte Stichwörter",
+  "portal_add_affiliation_to_join": "Es sieht so aus, als wärst du bereits bei __appName__ angemeldet! Wenn du eine __portalTitle__-E-Mail-Adresse hast, kannst du diese jetzt hinzufügen.",
+  "position": "Beruf",
+  "postal_code": "PLZ",
+  "premium_feature": "Premiumfunktion",
+  "premium_features": "Premiumfunktionen",
+  "presentation": "Präsentation",
+  "press_and_awards": "Presse & Auszeichnungen",
+  "price": "Preis",
+  "primary_email_check_question": "Ist <0>__email__</0> immer noch deine E-Mail-Adresse?",
+  "priority_support": "Vorrangiger Kundensupport",
+  "privacy": "Datenschutz",
+  "privacy_and_terms": "Datenschutz und Nutzungsbedingungen",
+  "privacy_policy": "Datenschutz",
+  "private": "Privat",
+  "problem_changing_email_address": "Es gab ein Problem beim Ändern deiner E-Mail-Adresse. Bitte versuche es in ein paar Minuten erneut. Wenn das Problem bestehen bleibt, kontaktiere uns bitte.",
+  "problem_talking_to_publishing_service": "Es gibt ein Problem mit unserem Veröffentlichungsservice. Bitte versuche es in einigen Minuten noch einmal",
+  "problem_with_subscription_contact_us": "Es gibt ein Problem mit deinem Abonnement. Bitte kontaktiere uns für mehr Informationen.",
+  "processing": "in Bearbeitung",
+  "processing_your_request": "Bitte warte, während wir deine Anfrage bearbeiten.",
+  "professional": "Professionell",
+  "project_approaching_file_limit": "Dieses Projekt nähert sich dem Dateilimit",
+  "project_flagged_too_many_compiles": "Dieses Projekt wurde zu häufig zum Kompilieren vermerkt. Das Limit wird in Kürze aufgehoben.",
+  "project_has_too_many_files": "Dieses Projekt hat das Limit von 2000 Dateien erreicht",
+  "project_last_published_at": "Dein Projekt wurde zuletzt veröffentlicht am",
+  "project_layout_sharing_submission": "Projektlayout, Freigabe und Einreichung",
+  "project_name": "Projektname",
+  "project_not_linked_to_github": "Dieses Projekt ist nicht mit einem GitHub Repository verlinkt. Du kannst ein neues Repository in GitHub erstellen:",
+  "project_ownership_transfer_confirmation_1": "Möchtest du <0>__user__</0> wirklich zum Eigentümer von <1>__project__</1> machen?",
+  "project_ownership_transfer_confirmation_2": "Diese Aktion kann nicht rückgängig gemacht werden. Der neue Eigentümer wird benachrichtigt und kann die Zugriffseinstellungen für das Projekt ändern (einschließlich des Entfernens deines eigenen Zugriffs).",
+  "project_synchronisation": "Projektsynchronisation",
+  "project_too_large": "Projekt ist zu gross",
+  "project_too_large_please_reduce": "Dieses Projekt hat zu viel editierbaren Text, bitte versuche ihn zu reduzieren. Die größten Dateien sind:",
+  "project_too_much_editable_text": "Dieses Projekt hat zu viel bearbeitbaren Text, bitte versuche ihn zu reduzieren.",
+  "project_url": "Betroffene Projekt-URL",
+  "projects": "Projekte",
+  "pt": "Portugiesisch",
+  "public": "Öffentlich",
+  "publish": "Veröffentlichen",
+  "publish_as_template": "Als Vorlage veröffentlichen",
+  "publishing": "Veröffentlichen",
+  "pull_github_changes_into_sharelatex": "GitHub-Änderungen nach __appName__ ziehen",
+  "push_sharelatex_changes_to_github": "__appName__-Änderungen an GitHub senden",
+  "raw_logs": "Raw Logs",
+  "raw_logs_description": "Raw Logs vom LaTeX-Compiler",
+  "realtime_track_changes": "Änderungen in Echtzeit nachverfolgen",
+  "reauthorize_github_account": "Autorisiere dein GitHub-Konto erneut",
+  "recaptcha_conditions": "Diese Website ist durch reCAPTCHA geschützt und es gelten die <1>Datenschutzerklärung</1> und die <2>Nutzungsbedingungen</2> von Google.",
+  "recent": "Kürzlich",
+  "recent_commits_in_github": "Neueste Commits auf GitHub",
+  "recompile": "Aktualisieren",
+  "recompile_from_scratch": "Von Grund auf neu kompilieren",
+  "recompile_pdf": "PDF erneut kompilieren",
+  "reconfirm": "erneut bestätigen",
+  "reconfirm_explained": "Wir müssen dein Konto erneut bestätigen. Bitte fordere über das unten stehende Formular einen Link zum Zurücksetzen des Passworts an, um dein Konto erneut zu bestätigen. Wenn du Probleme bei der erneuten Bestätigung deines Kontos hast, kontaktiere uns bitte über",
+  "reconnect": "Versuche es erneut",
+  "reconnecting": "Neu verbinden",
+  "reconnecting_in_x_secs": "Erneut verbinden in __seconds__ Sekunden",
+  "recurly_email_update_needed": "Deine Rechnungs-E-Mail-Adresse lautet derzeit <0>__recurlyEmail__</0>. Bei Bedarf kannst du deine Rechnungs-E-Mail-Adresse auf <1>__userEmail__</1> aktualisieren.",
+  "recurly_email_updated": "Deine Rechnungs-E-Mail-Adresse wurde erfolgreich aktualisiert",
+  "redirect_to_editor": "Weiterleitung zum Editor",
+  "redirecting": "Weiterleitung",
+  "reduce_costs_group_licenses": "Mit unseren ermäßigten Gruppenlizenzen kannst du den Papierkram reduzieren und die Kosten senken.",
+  "reference_error_relink_hint": "Wenn dieser Fehler weiterhin auftritt, versuche dein Konto hier neu zu verlinken:",
+  "reference_managers": "Referenzmanager",
+  "reference_search": "Erweiterte Referenzsuche",
+  "reference_sync": "Referenzmanager synchronisieren",
+  "refresh": "Aktualisieren",
+  "refresh_page_after_linking_dropbox": "Bitte aktualisiere diese Seite, nachdem du dein Konto mit Dropbox verknüpft hast.",
+  "refresh_page_after_starting_free_trial": "Bitte aktualisiere diese Seite, nachdem du deinen kostenlosen Test gestartet hast.",
+  "refreshing": "Aktualisiere",
+  "regards": "Viele Grüße",
+  "register": "Registrieren",
+  "register_error": "Registrierungsfehler",
+  "register_intercept_sso": "Du kannst dein __authProviderName__-Konto nach der Anmeldung auf der Seite Kontoeinstellungen verknüpfen.",
+  "register_to_edit_template": "Bitte registriere dich um die __templateName__ Vorlage zu bearbeiten",
+  "register_with_another_email": "<a href=\"__link__\">Registriere Dich bei __appName__</a> mit einer anderen E-Mail-Adresse.",
+  "registered": "Registriert",
+  "registering": "Registrieren",
+  "registration_error": "Registrierungs-Fehler",
+  "reject": "Verwerfen",
+  "related_tags": "Ähnliche Stichwörter",
+  "relink_your_account": "Verknüpfe dein Konto neu",
+  "reload_editor": "Editor neu laden",
+  "remote_service_error": "Der Externe-Service hat einen Fehler erzeugt",
+  "remove": "Entfernen",
+  "remove_from_group": "Aus der Gruppe entfernen",
+  "remove_manager": "Manager entfernen",
+  "removed": "gelöscht",
+  "removing": "Entfernen",
+  "rename": "Umbenennen",
+  "rename_project": "Projekt umbenennen",
+  "renaming": "Umbenennung",
+  "reopen": "Erneut öffnen",
+  "reply": "Antworten",
+  "repository_name": "Repository Name",
+  "republish": "Erneut veröffentlichen",
+  "request_new_password_reset_email": "Fordere eine neue E-Mail zum Zurücksetzen des Passworts an",
+  "request_password_reset": "Forder die Zurücksetzung deines Passworts an",
+  "request_password_reset_to_reconfirm": "Fordere zur Bestätigung eine E-Mail zum Zurücksetzen des Passworts an",
+  "request_reconfirmation_email": "Fordere eine erneute Bestätigungs-E-Mail an",
+  "request_sent_thank_you": "Anforderung gesendet, danke.",
+  "requesting_password_reset": "Zurücksetzen des Passworts anfordern",
+  "required": "Erforderlich",
+  "resend": "Sende erneut",
+  "resend_confirmation_email": "Bestätigungs-E-Mail erneut senden",
+  "resend_managed_user_invite": "Einladung zu Verwaltete Benutzer erneut senden",
+  "resending_confirmation_email": "Bestätigungs-E-Mail wird erneut gesendet",
+  "reset_password": "Passwort zurücksetzen",
+  "reset_your_password": "Dein Passwort zurücksetzen",
+  "resolve": "Lösen",
+  "resolved_comments": "Gelöste Kommentare",
+  "restore": "Wiederherstellen",
+  "restoring": "Wiederherstellen",
+  "restricted": "Geschützt",
+  "restricted_no_permission": "Entschuldigung, du hast nicht die Berechtigung, diese Seite anzuzeigen.",
+  "return_to_login_page": "Zurück zur Login-Seite",
+  "revert_pending_plan_change": "Abonnement-Änderung rückgängig machen",
+  "review": "Überprüfen",
+  "review_your_peers_work": "Überprüfe die Arbeit deiner Kollegen",
+  "revoke": "Zurückziehen",
+  "revoke_invite": "Einladung zurückziehen",
+  "ro": "Rumänisch",
+  "role": "Funktion",
+  "ru": "Russisch",
+  "saml": "SAML",
+  "saml_create_admin_instructions": "Wähle eine E-Mail-Adresse für den ersten __appName__-Admin-Konto. Dieses sollte bereits im SAML-System vorhanden sein. Du wirst dann aufgefordert, dich mit diesem Konto einzuloggen.",
+  "save_or_cancel-cancel": "Abbrechen",
+  "save_or_cancel-or": "oder",
+  "save_or_cancel-save": "Speichern",
+  "saving": "Speichern",
+  "saving_notification_with_seconds": "__docname__ speichern... (__seconds__ Sekunden ungespeicherter Änderungen)",
+  "search": "Suchen",
+  "search_bib_files": "Nach Autor, Titel, Jahr suchen",
+  "search_command_find": "Finden",
+  "search_command_replace": "Ersetzen",
+  "search_match_case": "Übereinstimmung",
+  "search_next": "Nächste",
+  "search_previous": "Vorherige",
+  "search_projects": "Projekte suchen",
+  "search_references": "Suche die .bib-Dateien in diesem Projekt",
+  "search_regexp": "Regulärer Ausdruck",
+  "search_replace": "Ersetzen",
+  "search_replace_all": "Alles Ersetzen",
+  "secondary_email_password_reset": "Diese E-Mail-Adresse ist als sekundäre E-Mail-Adresse hinterlegt. Bitte gib die primäre E-Mail-Adresse für dein Konto an.",
+  "security": "Sicherheit",
+  "see_changes_in_your_documents_live": "Verfolge Änderungen in deinen Dokumenten, live",
+  "select_a_file": "Datei auswählen",
+  "select_a_project": "Projekt auswählen",
+  "select_all_projects": "Alle Projekte auswählen",
+  "select_an_output_file": "Ausgabedatei auswählen",
+  "select_from_output_files": "aus Ausgabedateien auswählen",
+  "select_from_source_files": "aus Quelldateien auswählen",
+  "select_github_repository": "Wähle ein GitHub-Repository, das du in __appName__ importieren möchtest.",
+  "select_project": "__project__ auswählen",
+  "selected": "Ausgewählt",
+  "selected_by_overleaf_staff": "Ausgewählt von Overleaf-Mitarbeitern",
+  "send": "Absenden",
+  "send_first_message": "Sende deine erste Nachricht",
+  "send_test_email": "Test-Mail senden",
+  "sending": "Wird gesendet",
+  "september": "September",
+  "server_error": "Serverfehler",
+  "services": "Services",
+  "session_created_at": "Session erzeugt um",
+  "session_error": "Sitzungsfehler. Bitte überprüfe, ob Cookies aktiviert sind. Wenn das Problem weiterhin besteht, versuche, deinen Cache und deine Cookies zu löschen.",
+  "session_expired_redirecting_to_login": "Sitzung abgelaufen. Du wirst in __seconds__ Sekunden auf die Anmeldungsseite umgeleitet",
+  "sessions": "Sessions",
+  "set_new_password": "Neues Passwort eingeben",
+  "set_password": "Passwort setzen",
+  "settings": "Einstellungen",
+  "share": "Teilen",
+  "share_project": "Projekt teilen",
+  "shared_with_you": "Mit dir geteilt",
+  "sharelatex_beta_program": "__appName__ Beta-Programm",
+  "show_hotkeys": "Zeige Hotkeys",
+  "show_in_code": "Im Code anzeigen",
+  "show_in_pdf": "Im PDF anzeigen",
+  "show_less": "Weniger anzeigen",
+  "show_outline": "Dateigliederung anzeigen",
+  "showing_1_result": "1 Ergebnis wird angezeigt",
+  "showing_1_result_of_total": "Zeige 1 Ergebnis von __total__",
+  "showing_x_results": "Es werden __x__ Ergebnisse angezeigt",
+  "showing_x_results_of_total": "Es werden __x__ Ergebnisse von __total__ angezeigt",
+  "site_description": "Ein einfach bedienbarer Online-LaTeX-Editor. Keine Installation notwendig, Zusammenarbeit in Echtzeit, Versionskontrolle, Hunderte von LaTeX-Vorlagen und mehr",
+  "skip_to_content": "Zum Inhalt springen",
+  "something_went_wrong_canceling_your_subscription": "Beim Kündigen deines Abonnements ist etwas schief gelaufen. Bitte wende dich an den Support.",
+  "something_went_wrong_loading_pdf_viewer": "Beim Laden des PDF-Betrachters ist ein Fehler aufgetreten. Dies kann durch Probleme wie <0>vorübergehende Netzwerkprobleme</0> oder einen <0>veralteten Webbrowser</0> verursacht werden. Bitte befolge die <1>Schritte zur Fehlerbehebung bei Zugriffs-, Lade- und Anzeigeproblemen</1>. Wenn das Problem weiterhin besteht, <2>teile uns dies bitte mit</2>.",
+  "something_went_wrong_rendering_pdf": "Etwas ist bei der Wiedergabe dieses PDFs schiefgelaufen.",
+  "something_went_wrong_server": "Es ist ein Fehler aufgetreten. Bitte versuche es erneut.",
+  "somthing_went_wrong_compiling": "Entschuldigung, es ist etwas schief gegangen und dein Projekt konnte nicht kompiliert werden. Versuche es in ein paar Minuten erneut.",
+  "sorry_something_went_wrong_opening_the_document_please_try_again": "Entschuldigung, beim Versuch, diesen Inhalt auf Overleaf zu öffnen, ist ein unerwarteter Fehler aufgetreten. Bitte versuche es erneut.",
+  "source": "Quelldateien",
+  "spell_check": "Rechtschreibprüfung",
+  "sso_account_already_linked": "Das Konto ist bereits mit einem anderen __appName__-Nutzer verknüpft",
+  "sso_integration": "SSO-Integration",
+  "sso_link_error": "Fehler beim Verknüpfen des Kontos",
+  "sso_not_linked": "Du hast dein Konto nicht mit __provider__ verknüpft. Bitte melde dich auf einem anderen Weg mit deinem Konto an und verknüpfe dein __provider__-Konto über deine Kontoeinstellungen.",
+  "standard": "Standard",
+  "start_by_adding_your_email": "Beginne mit dem Hinzufügen deiner E-Mail-Adresse.",
+  "start_free_trial": "Starte einen kostenlosen Test!",
+  "state": "Status",
+  "status_checks": "Statusüberprüfungen",
+  "still_have_questions": "Hast du noch Fragen?",
+  "stop_compile": "Kompiliervorgang stoppen",
+  "stop_on_first_error": "Beim ersten Fehler anhalten",
+  "stop_on_first_error_enabled_description": "<0>„Anhalten beim ersten Fehler“ ist aktiviert.</0> Durch Deaktivieren kann der Compiler möglicherweise eine PDF-Datei erstellen (Das Projekt wird aber weiterhin Fehler enthalten).",
+  "stop_on_first_error_enabled_title": "Kein PDF: Anhalten beim ersten Fehler aktiviert",
+  "stop_on_validation_error": "Überprüfe die Syntax vor dem Kompilieren",
+  "store_your_work": "Speichere deine Arbeit auf deiner eigenen Infrastruktur",
+  "student": "Student",
+  "student_disclaimer": "Der Bildungsrabatt gilt für alle Studierenden an weiterführenden und höheren Bildungseinrichtungen (Schulen und Universitäten). Wir können dich kontaktieren, damit du den Anspruch auf den Rabatt bestätigst.",
+  "subject": "Betreff",
+  "subject_to_additional_vat": "Die Preise können je nach Land der zusätzlichen Mehrwertsteuer unterliegen.",
+  "submit": "Absenden",
+  "submit_title": "Einreichen",
+  "subscribe": "Abonnieren",
+  "subscription": "Abonnement",
+  "subscription_admins_cannot_be_deleted": "Du kannst dein Konto nicht löschen, während du ein Abonnement besitzt. Kündige dein Abonnement und versuche es erneut. Wenn diese Meldung weiterhin erscheint, kontaktiere uns bitte.",
+  "subscription_canceled": "Abonnement gekündigt",
+  "subscription_canceled_and_terminate_on_x": "Dein Abonnement wurde gekündigt und wird am <0>__terminateDate__</0> enden. Keine weiteren Zahlungen werden angenommen.",
+  "subscription_will_remain_active_until_end_of_billing_period_x": "Dein Abonnement bleibt bis zum Ende deines Abrechnungszeitraums, <0>__terminationDate__</0>, aktiv.",
+  "suggestion": "Vorschlag",
+  "sure_you_want_to_cancel_plan_change": "Möchtest du deine geplante Abonnement-Änderung wirklich rückgängig machen? Du behältst das Abonnement <0>__planName__</0>.",
+  "sure_you_want_to_change_plan": "Bist du sicher, dass du zum Abonnement <0>__planName__</0> wechseln möchtest?",
+  "sure_you_want_to_delete": "Möchtest du die folgenden Dateien wirklich löschen?",
+  "sure_you_want_to_leave_group": "Bist du sicher, dass du diese Gruppe verlassen möchtest?",
+  "sv": "Schwedisch",
+  "symbol_palette": "Symbolpalette",
+  "sync": "Sync",
+  "sync_dropbox_github": "Mit Dropbox und GitHub synchronisieren",
+  "sync_project_to_github_explanation": "Alle Änderungen die du in __appName__ vornimmst werden in GitHub festgelegt und mit allen Updates in GitHub zusammengeführt.",
+  "sync_to_dropbox": "Synchronisierung mit Dropbox",
+  "sync_to_github": "Mit GitHub synchronisieren",
+  "synctex_failed": "Die entsprechende Quelldatei konnte nicht gefunden werden",
+  "syntax_validation": "Syntaxüberprüfung",
+  "tab_connecting": "Verbindung mit dem Editor with hergestellt",
+  "tab_no_longer_connected": "Dieser Browser Tab ist nicht mehr mit dem Editor verbunden",
+  "tags": "Stichworte",
+  "take_me_home": "Bring mich nach Hause!",
+  "take_short_survey": "Nimm an einer kurzen Umfrage teil",
+  "tc_everyone": "Jeder",
+  "tc_guests": "Gäste",
+  "template": "Vorlage",
+  "template_approved_by_publisher": "Diese Vorlage wurde vom Verlag genehmigt",
+  "template_description": "Vorlagenbeschreibung",
+  "template_gallery": "Vorlagengalerie",
+  "template_not_found_description": "Diese Methode zum Erstellen von Projekten aus Vorlagen wurde entfernt. Besuche unsere Vorlagengalerie, um weitere Vorlagen zu finden.",
+  "template_title_taken_from_project_title": "Der Vorlagentitel wird automatisch aus dem Projekttitel übernommen",
+  "template_top_pick_by_overleaf": "Diese Vorlage wurde von Overleaf-Mitarbeitern aufgrund ihrer hohen Qualität ausgewählt",
+  "templates": "Vorlagen",
+  "templates_admin_source_project": "Administration: Quellprojekt",
+  "templates_page_title": "Vorlagen - Zeitschriften, Lebensläufe, Präsentationen, Berichte und mehr",
+  "terminated": "Kompiliervorgang abgebrochen",
+  "terms": "Nutzungsbedingungen",
+  "tex_live_version": "TeX Live Version",
+  "thank_you": "Vielen Dank",
+  "thank_you_email_confirmed": "Vielen Dank, deine E-Mail-Adresse ist jetzt bestätigt",
+  "thank_you_exclamation": "Danke!",
+  "thank_you_for_being_part_of_our_beta_program": "Vielen Dank, dass du Teil unseres Beta-Programms bist, bei dem du <0>frühzeitig auf neue Funktionen zugreifen</0> und uns dabei helfen kannst, deine Bedürfnisse besser zu verstehen",
+  "thanks": "Danke",
+  "thanks_for_subscribing": "Danke fürs Abonnieren!",
+  "thanks_for_subscribing_you_help_sl": "Danke, dass du den __planName__-Plan abonniert hast. Die Unterstützung von Menschen wie dir macht es __appName__ möglich, zu wachsen und besser zu werden.",
+  "thanks_settings_updated": "Danke, deine Einstellungen wurden aktualisiert.",
+  "the_requested_conversion_job_was_not_found": "Der Link zum Öffnen dieses Inhalts auf Overleaf gab einen Konvertierungsauftrag an, der nicht gefunden werden konnte. Es ist möglich, dass der Job abgelaufen ist und erneut ausgeführt werden muss. Wenn dies bei Links auf einer bestimmten Website weiterhin auftritt, melde dies bitte dort.",
+  "the_requested_publisher_was_not_found": "Der Link zum Öffnen dieses Inhalts auf Overleaf gab einen Verlag an, der nicht gefunden werden konnte. Wenn dies bei Links auf einer bestimmten Website weiterhin auftritt, melde dies bitte dort.",
+  "the_required_parameters_were_not_supplied": "Dem Link zum Öffnen dieses Inhalts auf Overleaf fehlten einige erforderliche Parameter. Wenn dies bei Links auf einer bestimmten Website weiterhin auftritt, melde dies bitte dort.",
+  "the_supplied_parameters_were_invalid": "Der Link zum Öffnen dieses Inhalts auf Overleaf enthielt einige ungültige Parameter. Wenn dies bei Links auf einer bestimmten Website weiterhin auftritt, melde dies bitte dort.",
+  "the_supplied_uri_is_invalid": "Der Link zum Öffnen dieses Inhalts auf Overleaf enthielt einen ungültigen URI. Wenn dies bei Links auf einer bestimmten Website weiterhin auftritt, melde dies bitte dort.",
+  "theme": "Design",
+  "then_x_price_per_month": "Danach __price__ pro Monat",
+  "then_x_price_per_year": "Danach __price__ pro Jahr",
+  "there_was_an_error_opening_your_content": "Beim Erstellen deines Projekts ist ein Fehler aufgetreten",
+  "thesis": "Doktorarbeit",
+  "this_action_cannot_be_undone": "Diese Aktion kann nicht rückgängig gemacht werden.",
+  "this_field_is_required": "Dieses Feld wird benötigt",
+  "this_grants_access_to_features_2": "Dadurch erhältst du Zugriff auf die <0>__featureType__</0> Funktionen von <0>__appName__</0>.",
+  "this_is_your_template": "Dies ist eine Vorlage aus deinem Projekt.",
+  "this_project_is_public": "Dieses Projekt ist öffentlich und kann von jedem bearbeitet werden, der die URL dazu hat.",
+  "this_project_is_public_read_only": "Dieses Projekt ist öffentlich und kann von jedem, der die URL kennt, angesehen, aber nicht bearbeitet werden.",
+  "this_project_will_appear_in_your_dropbox_folder_at": "Diese Projekt wird in deiner Dropbox in folgendem Ordner erscheinen:",
+  "three_free_collab": "Drei kostenlose Mitarbeiter",
+  "timedout": "Zeit abgelaufen",
+  "title": "Titel",
+  "to_add_email_accounts_need_to_be_linked_2": "Um diese E-Mail-Adresse hinzuzufügen, müssen deine Konten <0>__appName__</0> und <0>__institutionName__</0> verknüpft werden.",
+  "to_add_more_collaborators": "Um weitere Mitbearbeiter hinzuzufügen oder die Linkfreigabe zu aktivieren, wende dich bitte an den Projektinhaber",
+  "to_change_access_permissions": "Um Zugriffsberechtigungen zu ändern, wende dich bitte an den Projektinhaber",
+  "to_many_login_requests_2_mins": "In dieses Konto wurde sich zu häufig eingeloggt. Bitte warte 2 Minuten, bevor du es noch einmal versuchst.",
+  "to_modify_your_subscription_go_to": "Um dein Abo zu ändern, gehe zu",
+  "toggle_compile_options_menu": "Menü der Kompilieroptionen umschalten",
+  "token_access_failure": "Zugriff kann nicht gewährt werden",
+  "too_many_attempts": "Zu viele Versuche. Bitte warte eine Weile und versuche es erneut.",
+  "too_many_files_uploaded_throttled_short_period": "Zu viele Dateien hochgeladen, deine Uploads wurden für kurze Zeit gedrosselt.",
+  "too_many_requests": "Es gingen in kurzer Zeit zu viele Anfragen ein. Bitte warte einen Moment und versuche es erneut.",
+  "too_many_search_results": "Es gibt mehr als 100 Ergebnisse. Bitte verfeinere deine Suche.",
+  "too_recently_compiled": "Der Kompiliervorgang wurde übersprungen, da dieses Projekt gerade erst kompiliert wurde.",
+  "tooltip_hide_filetree": "Klicken, um den Dateibaum auszublenden",
+  "tooltip_hide_pdf": "Klicken, um das PDF auszublenden",
+  "tooltip_show_filetree": "Klicken, um den Dateibaum anzuzeigen",
+  "tooltip_show_pdf": "Klicken, um das PDF anzuzeigen",
+  "total": "Insgesamt",
+  "total_per_month": "Insgesamt pro Monat",
+  "total_per_year": "Insgesamt pro Jahr",
+  "total_words": "Gesamtwortanzahl",
+  "tr": "Türkisch",
+  "track_any_change_in_real_time": "Verfolge jegliche Änderung, in Echtzeit",
+  "track_changes": "Änderungen verfolgen",
+  "track_changes_is_off": "Änderungen verfolgen ist <strong>aus</strong>",
+  "track_changes_is_on": "Änderungen verfolgen ist <strong>an</strong>",
+  "tracked_change_added": "Hinzugefügt",
+  "tracked_change_deleted": "Gelöscht",
+  "trash": "Löschen",
+  "trash_projects": "Lösche Projekte",
+  "trashed_projects": "Gelöschte Projekte",
+  "trashing_projects_wont_affect_collaborators": "Das Löschen von Projekten wirkt sich nicht auf deine Mitarbeiter aus.",
+  "tried_to_log_in_with_email": "Du hast versucht, dich mit <b>__email__</b> anzumelden.",
+  "tried_to_register_with_email": "Du hast versucht, dich mit <b>__email__</b> zu registrieren, das bereits bei <b>__appName__</b> als institutionelles Konto registriert ist.",
+  "try_again": "Bitte versuche es erneut",
+  "try_for_free": "Kostenlos testen",
+  "try_it_for_free": "Probiere es kostenlos aus",
+  "try_now": "Jetzt versuchen",
+  "try_premium_for_free": "Teste Premium kostenlos",
+  "try_recompile_project_or_troubleshoot": "Versuche bitte, das Projekt von Grund auf neu zu kompilieren. Wenn das Problem weiterhin besteht, findest Du im <0>Troubleshooting Guide</0> weitere Hilfe",
+  "try_to_compile_despite_errors": "Versuche, trotz Fehler zu kompilieren",
+  "turn_off_link_sharing": "Deaktiviere die Linkfreigabe",
+  "turn_on_link_sharing": "Aktiviere die Linkfreigabe",
+  "tutorials": "Tutorials",
+  "uk": "Ukrainisch",
+  "unable_to_extract_the_supplied_zip_file": "Das Öffnen dieses Inhalts auf Overleaf ist fehlgeschlagen, da die ZIP-Datei nicht extrahiert werden konnte. Bitte stelle sicher, dass es sich um eine gültige ZIP-Datei handelt. Wenn dies bei Links auf einer bestimmten Website weiterhin auftritt, melde dies bitte dort.",
+  "unarchive": "Wiederherstellen",
+  "uncategorized": "Nicht kategorisiert",
+  "unconfirmed": "Unbestätigt",
+  "unfold_line": "Zeile ausklappen",
+  "university": "Universität",
+  "unlimited": "Unbegrenzt",
+  "unlimited_collabs": "Unbeschränkt viele Mitarbeiter",
+  "unlimited_projects": "Unbegrenzte Projekte",
+  "unlink": "Link löschen",
+  "unlink_dropbox_folder": "Verknüpfung zum Dropbox-Konto aufheben",
+  "unlink_dropbox_warning": "Alle Projekte, die du mit Dropbox synchronisiert hast, werden getrennt und nicht mehr mit Dropbox synchronisiert. Möchtest du die Verknüpfung deines Dropbox-Kontos wirklich aufheben?",
+  "unlink_github_repository": "Verknüpfung zum GitHub-Repository aufheben",
+  "unlink_github_warning": "Bei allen Projekten, die mit GitHub synchronisiert sind, wird die Verlinkung entfernt und nicht länger mit GitHub synchronisiert. Bist du sicher, dass du die Verbindung zu deinem GitHub-Nutzerkonto lösen möchtest?",
+  "unlink_provider_account_title": "__provider__-Konto verknüpfen",
+  "unlink_provider_account_warning": "Warnung: Wenn du die Verknüpfung deines Kontos mit __provider__ aufhebst, kannst du dich nicht mehr mit __provider__ anmelden.",
+  "unlink_reference": "Link zum Referenzengeber entfernen",
+  "unlink_warning_reference": "Achtung: Wenn du dein Konto von diesem Anbieter entkoppelst, wirst du nicht in der Lage sein, Referenzen in deine Projekte zu importieren.",
+  "unlinking": "Verknüpfung wird aufgehoben",
+  "unpublish": "Veröffentlichung aufheben",
+  "unpublishing": "Veröffentlichung aufheben",
+  "unsubscribe": "Abbestellen",
+  "unsubscribed": "Abbestellt",
+  "unsubscribing": "Abbestellen läuft",
+  "untrash": "Wiederherstellen",
+  "update": "Aktualisieren",
+  "update_account_info": "Kontoinformationen aktualisieren",
+  "update_dropbox_settings": "Dropbox-Einstellungen aktualisieren",
+  "update_your_billing_details": "Deine Zahlungsinformationen aktualisieren",
+  "updating_site": "Aktualisiere die Seite",
+  "upgrade": "Upgrade",
+  "upgrade_cc_btn": "Upgrade jetzt, zahle nach sieben Tagen",
+  "upgrade_now": "Jetzt aktualisieren",
+  "upgrade_to_get_feature": "Upgrade nötig, um __feature__ zu bekommen, sowie zusätzlich:",
+  "upgrade_to_track_changes": "Upgrade, um Änderungen verfolgen zu können",
+  "upload": "Hochladen",
+  "upload_failed": "Hochladen fehlgeschlagen",
+  "upload_file": "Datei hochladen",
+  "upload_project": "Projekt hochladen",
+  "upload_zipped_project": "Projekt als ZIP hochladen",
+  "url_to_fetch_the_file_from": "URL, von der die Datei abgerufen werden soll",
+  "usage_metrics": "Nutzungsmetriken",
+  "use_a_different_password": "Bitte verwende ein anderes Passwort",
+  "use_your_own_machine": "Verwende deine eigene Maschine mit deinem eigenen Setup",
+  "user_already_added": "Nutzer bereits hinzugefügt",
+  "user_deletion_error": "Entschuldigung, beim Löschen deines Kontos ist etwas schief gelaufen. Bitte versuche es in einer Minute erneut.",
+  "user_deletion_password_reset_tip": "Wenn du dich nicht mehr an dein Passwort erinnern kannst oder wenn du Single-Sign-On mit einem anderen Anbieter verwendest, um dich anzumelden (z.B. ORCID oder Google), <0>setze dein Passwort zurück</0> und versuche es erneut.",
+  "user_management": "Nutzerverwaltung",
+  "user_not_found": "Nutzer wurde nicht gefunden",
+  "user_wants_you_to_see_project": "__username__ möchte, dass Du __projectname__ beitreten",
+  "validation_issue_entry_description": "Ein Validierungsproblem, das die Kompilierung dieses Projekts verhindert hat",
+  "vat": "MwSt.",
+  "vat_number": "Umsatzsteuernummer",
+  "view_all": "Alle anzeigen",
+  "view_in_template_gallery": "In der Vorlagengalerie anzeigen",
+  "view_logs": "Protokoll anzeigen",
+  "view_pdf": "PDF anzeigen",
+  "view_source": "Quelltext anzeigen",
+  "view_your_invoices": "Sieh dir deine Rechnungen an",
+  "want_change_to_apply_before_plan_end": "Wenn du möchtest, dass diese Änderung vor dem Ende deines aktuellen Abrechnungszeitraums angewendet wird, kontaktiere uns bitte.",
+  "we_cant_find_any_sections_or_subsections_in_this_file": "In dieser Datei können keine Abschnitte oder Unterabschnitte gefunden werden",
+  "we_logged_you_in": "Wir haben dich eingeloggt.",
+  "we_may_also_contact_you_from_time_to_time_by_email_with_a_survey": "Wir können dich auch von Zeit zu Zeit per E-Mail kontaktieren für Umfragen oder Nachfragen, ob du an anderen Nutzerbefragungen teilnehmen möchtest",
+  "webinars": "Webinare",
+  "website_status": "Website-Status",
+  "wed_love_you_to_stay": "Wir würden uns freuen, wenn du bleibst",
+  "welcome_to_sl": "Willkommen bei __appName__",
+  "wide": "Weit",
+  "will_need_to_log_out_from_and_in_with": "Du musst dich von deinem <b>__email1__</b>-Konto <b>abmelden</b> und dich dann mit <b>__email2__</b> anmelden.",
+  "with_premium_subscription_you_also_get": "Mit einem Overleaf-Premium-Abonnement erhältst du auch Zugriff auf",
+  "word_count": "Wortanzahl",
+  "work_offline": "Offline arbeiten",
+  "work_with_non_overleaf_users": "Arbeite mit Nicht-Overleaf-Nutzern",
+  "x_price_for_first_month": "<0>__price__</0> für deinen ersten Monat",
+  "x_price_for_first_year": "<0>__price__</0> für dein erstes Jahr",
+  "x_price_for_y_months": "<0>__price__</0> für deine ersten __discountMonths__ Monate",
+  "x_price_per_month": "<0>__price__</0> pro Monat",
+  "x_price_per_year": "__price__ pro Jahr",
+  "year": "Jahr",
+  "yes_that_is_correct": "Ja, das ist richtig",
+  "you_can_now_log_in_sso": "Du kannst dich jetzt über deine Institution anmelden und möglicherweise <0>kostenlose __appName__ „Professionell“-Funktionen</0> erhalten!",
+  "you_can_opt_in_and_out_of_the_program_at_any_time_on_this_page": "Du kannst dich jederzeit auf dieser Seite für das Beta-Programm an- und abmelden",
+  "you_have_added_x_of_group_size_y": "Du hast <0>__addedUsersSize__</0> von <1>__groupSize__</1> verfügbaren Mitgliedern hinzugefügt",
+  "you_will_be_able_to_contact_us_any_time_to_share_your_feedback": "Du kannst uns jederzeit kontaktieren, um uns dein Feedback mitzuteilen",
+  "your_affiliation_is_confirmed": "Deine Zugehörigkeit zu <0>__institutionName__</0> ist bestätigt.",
+  "your_browser_does_not_support_this_feature": "Entschuldigung, dein Browser unterstützt diese Funktion nicht. Bitte aktualisiere deinen Browser auf die neueste Version.",
+  "your_new_plan": "Dein neues Abonnement",
+  "your_plan": "Dein Abo",
+  "your_plan_is_changing_at_term_end": "Dein Abonnement ändert sich am Ende des aktuellen Abrechnungszeitraums in <0>__pendingPlanName__</0>.",
+  "your_projects": "Deine Projekte",
+  "your_sessions": "Deine Sessions",
+  "your_subscription": "Dein Abonnement",
+  "your_subscription_has_expired": "Dein Abonnement ist abgelaufen.",
+  "zh-CN": "Chinesisch",
+  "zip_contents_too_large": "ZIP-Inhalt zu groß",
+  "zotero": "Zotero",
+  "zotero_groups_loading_error": "Beim Laden von Gruppen von Zotero ist ein Fehler aufgetreten",
+  "zotero_groups_relink": "Beim Zugriff auf die Zotero-Daten ist ein Fehler aufgetreten. Dies wurde wahrscheinlich durch fehlende Berechtigungen verursacht. Bitte verknüpfe dein Konto neu und versuche es erneut.",
+  "zotero_integration": "Zotero-Integration",
+  "zotero_is_premium": "Zotero-Integration ist eine Premiumfunktion",
+  "zotero_reference_loading_error": "Fehler, Referenzen konnten nicht von Mendeley geladen werden",
+  "zotero_reference_loading_error_expired": "Zotero-Token abgelaufen, bitte verknüpfe dein Konto neu",
+  "zotero_reference_loading_error_forbidden": "Referenzen konnten nicht von Zotero geladen werden. Bitte verlinke dein Zotero-Konto erneut und versuche es nochmal",
+  "zotero_sync_description": "Mit der Zotero-Integration kannst du deine Referenzen von Zotero in deine __appName__ Projekte importieren."
+}
diff --git a/services/web/locales/en.json b/services/web/locales/en.json
new file mode 100644
index 0000000..069c3fc
--- /dev/null
+++ b/services/web/locales/en.json
@@ -0,0 +1,2745 @@
+{
+  "12x_basic": "12x Basic",
+  "12x_more_compile_time": "12x more compile time on our fastest servers",
+  "1_2_width": "½ width",
+  "1_4_width": "¼ width",
+  "3_4_width": "¾ width",
+  "About": "About",
+  "Account": "Account",
+  "Account Settings": "Account Settings",
+  "Documentation": "Documentation",
+  "Projects": "Projects",
+  "Security": "Security",
+  "Subscription": "Subscription",
+  "Terms": "Terms",
+  "Universities": "Universities",
+  "a_custom_size_has_been_used_in_the_latex_code": "A custom size has been used in the LaTeX code.",
+  "a_fatal_compile_error_that_completely_blocks_compilation": "A <0>fatal compile error</0> that completely blocks the compilation.",
+  "a_file_with_that_name_already_exists_and_will_be_overriden": "A file with that name already exists. That file will be overwritten.",
+  "a_more_comprehensive_list_of_keyboard_shortcuts": "A more comprehensive list of keyboard shortcuts can be found in <0>this __appName__ project template</0>",
+  "a_new_reference_was_added": "A new reference was added",
+  "a_new_reference_was_added_from_provider": "A new reference was added from __provider__",
+  "a_new_reference_was_added_to_file": "A new reference was added to <0>__filePath__</0>",
+  "a_new_reference_was_added_to_file_from_provider": "A new reference was added to <0>__filePath__</0> from __provider__",
+  "about": "About",
+  "about_error_assist": "About Error Assist",
+  "about_to_archive_projects": "You are about to archive the following projects:",
+  "about_to_delete_cert": "You are about to delete the following certificate:",
+  "about_to_delete_projects": "You are about to delete the following projects:",
+  "about_to_delete_tag": "You are about to delete the following tag (any projects in them will not be deleted):",
+  "about_to_delete_the_following_project": "You are about to delete the following project",
+  "about_to_delete_the_following_projects": "You are about to delete the following projects",
+  "about_to_delete_user_preamble": "You’re about to delete __userName__ (__userEmail__). Doing this will mean:",
+  "about_to_enable_managed_users": "By enabling the Managed Users feature, all existing members of your group subscription will be invited to become managed. This will give you admin rights over their account. You will also have the option to invite new members to join the subscription and become managed.",
+  "about_to_leave_project": "You are about to leave this project.",
+  "about_to_leave_projects": "You are about to leave the following projects:",
+  "about_to_trash_projects": "You are about to trash the following projects:",
+  "about_writefull": "About Writefull",
+  "abstract": "Abstract",
+  "accept": "Accept",
+  "accept_and_continue": "Accept and continue",
+  "accept_change": "Accept change",
+  "accept_change_error_description": "There was an error accepting a track change. Please try again in a few moments.",
+  "accept_change_error_title": "Accept Change Error",
+  "accept_invitation": "Accept invitation",
+  "accept_or_reject_each_changes_individually": "Accept or reject each change individually",
+  "accept_or_reject_individual_edits": "Accept or reject individual edits",
+  "accept_selected_changes": "Accept selected changes",
+  "accept_terms_and_conditions": "Accept terms and conditions",
+  "accepted_invite": "Accepted invite",
+  "accepting_invite_as": "You are accepting this invite as",
+  "access_all_premium_features": "Access all premium features, including more collaborators, full project history, and a longer compile time.",
+  "access_denied": "Access Denied",
+  "access_edit_your_projects": "Access and edit your projects",
+  "access_levels_changed": "Access levels changed",
+  "access_your_favourite_features_faster_with_our_new_streamlined_editor": "Access your favourite features faster with our new, streamlined editor.",
+  "account": "Account",
+  "account_already_managed": "Your account is already managed.",
+  "account_billed_manually": "Account billed manually",
+  "account_has_been_link_to_institution_account": "Your __appName__ account on <b>__email__</b> has been linked to your <b>__institutionName__</b> institutional account.",
+  "account_has_past_due_invoice_change_plan_warning": "Your account currently has a past due invoice. You will not be able to change your plan until this is resolved.",
+  "account_linking": "Account Linking",
+  "account_managed_by_group_administrator": "Your account is managed by your group administrator (__admin__)",
+  "account_not_linked_to_dropbox": "Your account is not linked to Dropbox",
+  "account_settings": "Account Settings",
+  "account_with_email_exists": "It looks like an <b>__appName__</b> account with the email <b>__email__</b> already exists.",
+  "acct_linked_to_institution_acct_2": "You can <0>log in</0> to Overleaf through your <0>__institutionName__</0> institutional login.",
+  "actions": "Actions",
+  "activate": "Activate",
+  "activate_account": "Activate your account",
+  "activating": "Activating",
+  "activation_token_expired": "Your activation token has expired, you will need to get another one sent to you.",
+  "active": "Active",
+  "add": "Add",
+  "add_a_recovery_email_address": "Add a recovery email address",
+  "add_add_on_to_your_plan": "Add __addOnName__ to your plan",
+  "add_additional_certificate": "Add another certificate",
+  "add_affiliation": "Add Affiliation",
+  "add_ai_assist": "Add AI Assist",
+  "add_another_address_line": "Add another address line",
+  "add_another_email": "Add another email",
+  "add_another_token": "Add another token",
+  "add_comma_separated_emails_help": "Separate multiple email addresses using the comma (,) character.",
+  "add_comment": "Add comment",
+  "add_comment_error_message": "There was an error adding your comment. Please try again in a few moments.",
+  "add_comment_error_title": "Add Comment Error",
+  "add_company_details": "Add company details",
+  "add_email": "Add Email",
+  "add_email_address": "Add email address",
+  "add_email_to_claim_features": "Add an institutional email address to claim your features.",
+  "add_error_assist_annual_to_your_projects": "Add Error Assist Annual <sparkle/> to your projects and get unlimited AI help to fix LaTeX errors faster.",
+  "add_error_assist_to_your_projects": "Add Error Assist <sparkle/> to your projects and get unlimited AI help to fix LaTeX errors faster.",
+  "add_files": "Add Files",
+  "add_more_collaborators": "Add more collaborators",
+  "add_more_licenses_to_my_plan": "Add more licenses to my plan",
+  "add_more_managers": "Add more managers",
+  "add_new_email": "Add new email",
+  "add_on": "Add-on",
+  "add_ons": "Add-ons",
+  "add_or_remove_project_from_tag": "Add or remove project from tag __tagName__",
+  "add_overleaf_assist_to_your_group_subscription": "Add Overleaf Assist to your group subscription",
+  "add_overleaf_assist_to_your_institution": "Add Overleaf Assist to your institution",
+  "add_people": "Add people",
+  "add_role_and_department": "Add role and department",
+  "add_to_dictionary": "Add to Dictionary",
+  "add_to_tag": "Add to tag",
+  "add_unlimited_ai_to_your_overleaf_plan": "Add unlimited AI* to your Overleaf __planName__ plan",
+  "add_your_comment_here": "Add your comment here",
+  "add_your_first_group_member_now": "Add your first group members now",
+  "added": "added",
+  "added_by_on": "Added by __name__ on __date__",
+  "adding": "Adding",
+  "additional_certificate": "Additional certificate",
+  "additional_licenses": "Your subscription includes <0>__additionalLicenses__</0> additional license(s) for a total of <1>__totalLicenses__</1> licenses.",
+  "address": "Address",
+  "address_line_1": "Address",
+  "address_second_line_optional": "Address second line (optional)",
+  "adjust_column_width": "Adjust column width",
+  "admin": "admin",
+  "admin_panel": "Admin panel",
+  "admin_user_created_message": "Created admin user, <a href=\"__link__\">Log in here</a> to continue",
+  "administration_and_security": "Administration and security",
+  "advanced_reference_search": "Advanced <0>reference search</0>",
+  "advanced_reference_search_mode": "Advanced reference search",
+  "after_that_well_bill_you_x_total_y_subtotal_z_tax_annually_on_date_unless_you_cancel": "After that, we’ll bill you __totalAmount__ (__subtotalAmount__ + __taxAmount__ tax) annually on __date__, unless you cancel.",
+  "aggregate_changed": "Changed",
+  "aggregate_to": "to",
+  "agree_with_the_terms": "I agree with the Overleaf terms",
+  "ai_assist_in_overleaf_is_included_via_writefull": "AI Assist in Overleaf is included as part of your Writefull subscription. You can cancel or manage your access to AI Assist in your Writefull subscription settings.",
+  "ai_assistance_to_help_you": "AI assistance to help you fix LaTeX errors",
+  "ai_based_language_tools": "AI-based language tools tailored to research writing",
+  "ai_can_make_mistakes": "AI can make mistakes. Review fixes before you apply them.",
+  "ai_features": "AI features",
+  "ai_feedback_please_provide_more_detail": "Please provide more detail about what was wrong (optional)",
+  "ai_feedback_tell_us_what_was_wrong_so_we_can_improve": "Tell us what was wrong so we can improve.",
+  "ai_feedback_the_answer_was_too_long": "The answer was too long",
+  "ai_feedback_the_answer_wasnt_detailed_enough": "The answer wasn’t detailed enough",
+  "ai_feedback_the_suggestion_didnt_fix_the_error": "The suggestion didn’t fix the error",
+  "ai_feedback_the_suggestion_wasnt_the_best_fix_available": "The suggestion wasn’t the best fix available",
+  "ai_feedback_there_was_no_code_fix_suggested": "There was no code fix suggested",
+  "alignment": "Alignment",
+  "all": "All",
+  "all_borders": "All borders",
+  "all_features_in_group_standard_plus": "All features in Group Standard, plus:",
+  "all_premium_features": "All premium features",
+  "all_premium_features_including": "All premium features, including:",
+  "all_prices_displayed_are_in_currency": "All prices displayed are in __recommendedCurrency__.",
+  "all_projects": "All Projects",
+  "all_projects_will_be_transferred_immediately": "All projects will be transferred to the new owner immediately.",
+  "all_templates": "All Templates",
+  "all_the_pros_of_our_standard_plan_plus_unlimited_collab": "All the pros of our standard plan, plus unlimited collaborators per project.",
+  "all_these_experiments_are_available_exclusively": "All these experiments are available exclusively to members of the Labs program. If you sign up, you can choose which experiments you want to try.",
+  "allows_to_search_by_author_title_etc_possible_to_pull_results_directly_from_your_reference_manager_if_connected": "Allows to search by author, title, etc. Possible to pull results directly from your reference manager (if connected).",
+  "already_have_a_papers_account": "Managing your citations and bibliographies in Overleaf just got way easier! Already have a Papers account? <0>Link your account here</0>.",
+  "already_have_an_account": "Already have an account?",
+  "already_have_sl_account": "Already have an __appName__ account?",
+  "already_subscribed_try_refreshing_the_page": "Already subscribed? Try refreshing the page.",
+  "also": "Also",
+  "alternatively_create_new_institution_account": "Alternatively, you can create a <b>new account</b> with your institution email (<b>__email__</b>) by clicking <b>__clickText__</b>.",
+  "an_email_has_already_been_sent_to": "An email has already been sent to <0>__email__</0>. Please wait and try again later.",
+  "an_error_occured_while_restoring_project": "An error occured while restoring the project",
+  "an_error_occurred_when_verifying_the_coupon_code": "An error occurred when verifying the coupon code",
+  "and": "and",
+  "annual": "Annual",
+  "annual_discount": "Annual discount",
+  "anonymous": "Anonymous",
+  "anyone_with_link_can_edit": "Anyone with this link can edit this project",
+  "anyone_with_link_can_view": "Anyone with this link can view this project",
+  "app_on_x": "__appName__ on __social__",
+  "appearance": "Appearance",
+  "apply_educational_discount": "Apply educational discount",
+  "apply_educational_discount_description": "40% discount for groups using __appName__ for teaching",
+  "apply_educational_discount_description_with_group_discount": "Get a total of 40% off for groups using __appName__ for teaching",
+  "apply_suggestion": "Apply suggestion",
+  "april": "April",
+  "archive": "Archive",
+  "archive_projects": "Archive Projects",
+  "archived": "Archived",
+  "archived_projects": "Archived Projects",
+  "archiving_projects_wont_affect_collaborators": "Archiving projects won’t affect your collaborators.",
+  "are_you_affiliated_with_an_institution": "Are you affiliated with an institution?",
+  "are_you_getting_an_undefined_control_sequence_error": "Are you getting an Undefined Control Sequence error? If you are, make sure you’ve loaded the graphicx package—<0>\\usepackage{graphicx}</0>—in the preamble (first section of code) in your document. <1>Learn more</1>",
+  "are_you_still_at": "Are you still at <0>__institutionName__</0>?",
+  "are_you_sure_you_want_to_cancel_add_on": "Are you sure you want to cancel the <strong>__addOnName__</strong> add-on?",
+  "article": "Article",
+  "articles": "Articles",
+  "as_a_member_of_sso_required": "As a member of <b>__institutionName__</b>, you must log in to <b>__appName__</b> through your institution.",
+  "as_email": "as __email__",
+  "ascending": "Ascending",
+  "ask_proj_owner_to_unlink_from_current_github": "Ask the owner of the project (<0>__projectOwnerEmail__</0>) to unlink the project from the current GitHub repository and create a connection to a different repository.",
+  "ask_proj_owner_to_upgrade_for_full_history": "Please ask the project owner to upgrade to access this project’s full history.",
+  "ask_proj_owner_to_upgrade_for_references_search": "Please ask the project owner to upgrade to use the References Search feature.",
+  "ask_repo_owner_to_reconnect": "Ask the GitHub repository owner (<0>__repoOwnerEmail__</0>) to reconnect the project.",
+  "ask_repo_owner_to_renew_overleaf_subscription": "Ask the GitHub repository owner (<0>__repoOwnerEmail__</0>) to renew their __appName__ subscription and reconnect the project.",
+  "at_most_x_libraries_can_be_selected": "At most __maxCount__ libraries can be selected",
+  "august": "August",
+  "author": "Author",
+  "auto_close_brackets": "Auto-close brackets",
+  "auto_compile": "Auto Compile",
+  "auto_complete": "Auto-complete",
+  "autocompile": "Autocompile",
+  "autocompile_disabled": "Autocompile disabled",
+  "autocompile_disabled_reason": "Due to high server load, background recompilation has been temporarily disabled. Please recompile by clicking the button above.",
+  "autocomplete": "Autocomplete",
+  "autocomplete_references": "Reference Autocomplete (inside a <code>\\cite{}</code> block)",
+  "automatic_user_registration_uppercase": "Automatic user registration",
+  "automatically_insert_closing_brackets_and_parentheses": "Automatically insert closing brackets and parentheses",
+  "automatically_recompile_the_project_as_you_edit": "Automatically recompile the project as you edit",
+  "available_with_group_professional": "Available with Group Professional",
+  "back": "Back",
+  "back_to_account_settings": "Back to account settings",
+  "back_to_all_posts": "Back to all posts",
+  "back_to_configuration": "Back to configuration",
+  "back_to_editor": "Back to editor",
+  "back_to_log_in": "Back to log in",
+  "back_to_subscription": "Back to Subscription",
+  "back_to_your_projects": "Back to your projects",
+  "basic": "Basic",
+  "basic_compile_time": "Basic compile time",
+  "basic_compile_timeout_on_fast_servers": "Basic compile timeout on fast servers",
+  "become_an_advisor": "Become an __appName__ advisor",
+  "before_you_use_error_assistant": "Before you use Error Assist",
+  "beta": "Beta",
+  "beta_feature_badge": "Beta feature badge",
+  "beta_program_already_participating": "You are enrolled in the Beta Program",
+  "beta_program_badge_description": "While using __appName__, you will see beta features marked with this badge:",
+  "beta_program_benefits": "We’re always improving __appName__. By joining this program you can have <0>early access to new features</0> and help us understand your needs better.",
+  "beta_program_not_participating": "You are not enrolled in the Beta Program",
+  "beta_program_opt_in_action": "Opt-In to Beta Program",
+  "beta_program_opt_out_action": "Opt-Out of Beta Program",
+  "bibliographies": "Bibliographies",
+  "billed_annually": "billed annually",
+  "billed_annually_at": "Billed annually at <0>__price__</0> <1>(includes plan and any add-ons)</1>",
+  "billed_monthly_at": "Billed monthly at <0>__price__</0> <1>(includes plan and any add-ons)</1>",
+  "billed_yearly": "billed yearly",
+  "billing": "Billing",
+  "billing_period_sentence_case": "Billing period",
+  "binary_history_error": "Preview not available for this file type",
+  "blank_project": "Blank Project",
+  "blocked_filename": "This file name is blocked.",
+  "blog": "Blog",
+  "bold": "Bold",
+  "brl_discount_offer_plans_page_banner": "__flag__ <b>Great news!</b> We’ve applied a 50% discount to premium plans on this page for our users in Brazil. Check out the new lower prices.",
+  "browser": "Browser",
+  "built_in": "Built-In",
+  "bullet_list": "Bullet list",
+  "buy_licenses": "Buy licenses",
+  "buy_more_licenses": "Buy more licenses",
+  "buy_now_no_exclamation_mark": "Buy now",
+  "by": "by",
+  "by_joining_labs": "By joining Labs, you agree to receive occasional emails and updates from Overleaf—for example, to request your feedback. You also agree to our <0>terms of service</0> and <1>privacy notice</1>.",
+  "by_registering_you_agree_to_our_terms_of_service": "By registering, you agree to our <0>terms of service</0> and <1>privacy notice</1>.",
+  "by_subscribing_you_agree_to_our_terms_of_service": "By subscribing, you agree to our <0>terms of service</0>.",
+  "can_edit_content": "Can edit content",
+  "can_link_institution_email_acct_to_institution_acct": "You can now link your <b>__email__</b> <b>__appName__</b> account to your <b>__institutionName__</b> institutional account.",
+  "can_link_institution_email_by_clicking": "You can link your <b>__email__</b> <b>__appName__</b> account to your  <b>__institutionName__</b> account by clicking <b>__clickText__</b>.",
+  "can_link_institution_email_to_login": "You can link your <b>__email__</b> <b>__appName__</b> account to your <b>__institutionName__</b> account, which will allow you to log in to <b>__appName__</b> through your institution and will reconfirm your institutional email address.",
+  "can_link_your_institution_acct_2": "You can now <0>link</0> your <0>__appName__</0> account to your <0>__institutionName__</0> institutional account.",
+  "can_now_relink_dropbox": "You can now <0>relink your Dropbox account</0>.",
+  "can_view_content": "Can view content",
+  "cancel": "Cancel",
+  "cancel_add_on": "Cancel add-on",
+  "cancel_anytime": "We’re confident that you’ll love __appName__, but if not you can cancel anytime. We’ll give you your money back, no questions asked, if you let us know within 30 days.",
+  "cancel_my_account": "Cancel my subscription",
+  "cancel_my_subscription": "Cancel my subscription",
+  "cancel_personal_subscription_first": "You already have an individual subscription, would you like us to cancel this first before joining the group licence?",
+  "cancel_subscription": "Cancel subscription",
+  "cancel_your_subscription": "Cancel your subscription",
+  "cannot_invite_non_user": "Can’t send invite. Recipient must already have an __appName__ account",
+  "cannot_invite_self": "Can’t send invite to yourself",
+  "cannot_verify_user_not_robot": "Sorry, we could not verify that you are not a robot. Please check that Google reCAPTCHA is not being blocked by an ad blocker or firewall.",
+  "cant_find_email": "That email address is not registered, sorry.",
+  "cant_find_page": "Sorry, we can’t find the page you are looking for.",
+  "cant_see_what_youre_looking_for_question": "Can’t see what you’re looking for?",
+  "caption_above": "Caption above",
+  "caption_below": "Caption below",
+  "card_details": "Card details",
+  "card_details_are_not_valid": "Card details are not valid",
+  "card_must_be_authenticated_by_3dsecure": "Your card must be authenticated with 3D Secure before continuing",
+  "card_payment": "Card payment",
+  "careers": "Careers",
+  "categories": "Categories",
+  "category_arrows": "Arrows",
+  "category_greek": "Greek",
+  "category_misc": "Misc",
+  "category_operators": "Operators",
+  "category_relations": "Relations",
+  "center": "Center",
+  "certificate": "Certificate",
+  "change": "Change",
+  "change_currency": "Change currency",
+  "change_language": "Change language",
+  "change_or_cancel-cancel": "cancel",
+  "change_or_cancel-change": "Change",
+  "change_or_cancel-or": "or",
+  "change_owner": "Change owner",
+  "change_password": "Change Password",
+  "change_password_in_account_settings": "Change password in Account Settings",
+  "change_plan": "Change plan",
+  "change_primary_email": "Change primary email",
+  "change_primary_email_address_instructions": "To change your primary email, please add your new primary email address first (by clicking <0>Add another email</0>) and confirm it. Then click the <0>Make Primary</0> button. <1>Learn more</1> about managing your __appName__ emails.",
+  "change_project_owner": "Change Project Owner",
+  "change_the_ownership_of_your_personal_projects": "Change the ownership of your personal projects to the new account. <0>Find out how to change project owner.</0>",
+  "change_to_group_plan": "Change to a group plan",
+  "change_to_this_plan": "Change to this plan",
+  "changing_the_position_of_your_figure": "Changing the position of your figure",
+  "changing_the_position_of_your_table": "Changing the position of your table",
+  "chat": "Chat",
+  "chat_error": "Could not load chat messages, please try again.",
+  "check_logs": "Check logs",
+  "check_your_email": "Check your email",
+  "checking": "Checking",
+  "checking_dropbox_status": "Checking Dropbox status",
+  "checking_project_github_status": "Checking project status in GitHub",
+  "choose_a_custom_color": "Choose a custom color",
+  "choose_from_group_members": "Choose from group members",
+  "choose_how_you_search_your_references": "Choose how you search your references",
+  "choose_which_experiments": "Choose which experiments you’d like to try.",
+  "choose_your_plan": "Choose your plan",
+  "citation": "Citation",
+  "city": "City",
+  "clear_cached_files": "Clear cached files",
+  "clear_search": "clear search",
+  "clear_sessions": "Clear Sessions",
+  "clear_sessions_description": "This is a list of other sessions (logins) which are active on your account, not including your current session. Click the \"Clear Sessions\" button below to log them out.",
+  "clear_sessions_success": "Sessions Cleared",
+  "clearing": "Clearing",
+  "click_here_to_view_sl_in_lng": "Click here to use __appName__ in <0>__lngName__</0>",
+  "click_link_to_proceed": "Click <b>__clickText__</b> below to proceed.",
+  "click_to_give_feedback": "Click to give feedback.",
+  "click_to_unpause": "Click to unpause and reactivate your Overleaf premium features.",
+  "clicking_delete_will_remove_sso_config_and_clear_saml_data": "Clicking <0>Delete</0> will remove your SSO configuration and unlink all users. You can only do this when SSO is disabled in your Group settings.",
+  "clone_with_git": "Clone with Git",
+  "close": "Close",
+  "clsi_maintenance": "The compile servers are down for maintenance, and will be back shortly.",
+  "clsi_unavailable": "Sorry, the compile server for your project was temporarily unavailable. Please try again in a few moments.",
+  "cn": "Chinese (Simplified)",
+  "code_check_failed": "Code check failed",
+  "code_check_failed_explanation": "Your code has errors that need to be fixed before the auto-compile can run",
+  "code_editor": "Code Editor",
+  "collaborate_easily_on_your_projects": "Collaborate easily on your projects. Work on longer or more complex docs.",
+  "collaborate_online_and_offline": "Collaborate online and offline, using your own workflow",
+  "collaboration": "Collaboration",
+  "collaborator": "Collaborator",
+  "collaborator_chat": "Collaborator chat",
+  "collabratec_account_not_registered": "IEEE Collabratec™ account not registered. Please connect to Overleaf from IEEE Collabratec™ or log in with a different account.",
+  "collabs_per_proj": "__collabcount__ collaborators per project",
+  "collabs_per_proj_single": "__collabcount__ collaborator per project",
+  "collapse": "Collapse",
+  "column_width": "Column width",
+  "column_width_is_custom_click_to_resize": "Column width is custom. Click to resize",
+  "column_width_is_x_click_to_resize": "Column width is __width__. Click to resize",
+  "comment": "Comment",
+  "comment_only": "Comment only",
+  "comment_only_upgrade_for_track_changes": "Comment only. Upgrade for track changes.",
+  "comment_only_upgrade_to_enable_track_changes": "Comment only. <0>Upgrade</0> to enable track changes.",
+  "common": "Common",
+  "common_causes_of_compile_timeouts_include": "Common causes of compile timeouts include",
+  "commons_plan_tooltip": "You’re on the __plan__ plan because of your affiliation with __institution__. Click to find out how to make the most of your Overleaf premium features.",
+  "community_articles": "Community articles",
+  "community_articles_lowercase": "community articles",
+  "compact": "Compact",
+  "company_name": "Company Name",
+  "compare": "Compare",
+  "compare_all_plans": "Compare all plans on our <0>pricing page</0>",
+  "compare_features": "Compare features",
+  "comparing_from_x_to_y": "Comparing from <0>__startTime__</0> to <0>__endTime__</0>",
+  "compile_error_entry_description": "An error which prevented this project from compiling",
+  "compile_error_handling": "Compile Error Handling",
+  "compile_larger_projects": "Compile larger projects",
+  "compile_mode": "Compile Mode",
+  "compile_servers": "Compile servers",
+  "compile_servers_info_new": "The servers used to compile your project. Compiles for users on paid plans always run on the fastest available servers.",
+  "compile_terminated_by_user": "The compile was cancelled using the ‘Stop Compilation’ button. You can download the raw logs to see where the compile stopped.",
+  "compile_timeout_short": "Compile timeout",
+  "compile_timeout_short_info_new": "This is how much time you get to compile your project on Overleaf. You may need additional time for longer or more complex projects.",
+  "compiler": "Compiler",
+  "compiling": "Compiling",
+  "complete": "Complete",
+  "compliance": "Compliance",
+  "compromised_password": "Compromised Password",
+  "configure_sso": "Configure SSO",
+  "configured": "Configured",
+  "confirm": "Confirm",
+  "confirm_accept_selected_changes": "Are you sure you want to accept the selected change?",
+  "confirm_accept_selected_changes_plural": "Are you sure you want to accept the selected __count__ changes?",
+  "confirm_affiliation": "Confirm Affiliation",
+  "confirm_affiliation_to_relink_dropbox": "Please confirm you are still at the institution and on their license, or upgrade your account in order to relink your Dropbox account.",
+  "confirm_delete_user_type_email_address": "To confirm you want to delete __userName__ please type the email address associated with their account",
+  "confirm_email": "Confirm Email",
+  "confirm_new_password": "Confirm new password",
+  "confirm_primary_email_change": "Confirm primary email change",
+  "confirm_reject_selected_changes": "Are you sure you want to reject the selected change?",
+  "confirm_reject_selected_changes_plural": "Are you sure you want to reject the selected __count__ changes?",
+  "confirm_remove_sso_config_enter_email": "To confirm you want to remove your SSO configuration, enter your email address:",
+  "confirm_secondary_email": "Confirm secondary email",
+  "confirm_your_email": "Confirm your email address",
+  "confirmation_link_broken": "Sorry, something is wrong with your confirmation link. Please try copy and pasting the link from the bottom of your confirmation email.",
+  "confirmation_token_invalid": "Sorry, your confirmation token is invalid or has expired. Please request a new email confirmation link.",
+  "confirming": "Confirming",
+  "conflicting_paths_found": "Conflicting Paths Found",
+  "congratulations_youve_successfully_join_group": "Congratulations! You‘ve successfully joined the group subscription.",
+  "connect_overleaf_with_github": "Connect __appName__ with GitHub for easy project syncing and real-time version control.",
+  "connected_users": "Connected Users",
+  "connecting": "Connecting",
+  "connection_lost_with_unsaved_changes": "Connection lost with unsaved changes.",
+  "contact": "Contact",
+  "contact_group_admin": "Please contact your group administrator.",
+  "contact_message_label": "Message",
+  "contact_sales": "Contact Sales",
+  "contact_support": "Contact Support",
+  "contact_support_to_change_group_subscription": "Please <0>contact support</0> if you wish to change your group subscription.",
+  "contact_us": "Contact Us",
+  "contact_us_lowercase": "Contact us",
+  "contacting_the_sales_team": "Contacting the Sales team",
+  "continue": "Continue",
+  "continue_github_merge": "I have manually merged. Continue",
+  "continue_to": "Continue to __appName__",
+  "continue_using_free_features": "Continue using our free features",
+  "continue_with_free_plan": "Continue with free plan",
+  "continue_with_service": "Continue with __service__",
+  "copied": "Copied",
+  "copy": "Copy",
+  "copy_code": "Copy code",
+  "copy_project": "Copy Project",
+  "copy_response": "Copy response",
+  "copying": "Copying",
+  "cost_summary": "Cost summary",
+  "could_not_connect_to_collaboration_server": "Could not connect to collaboration server",
+  "could_not_connect_to_websocket_server": "Could not connect to WebSocket server",
+  "could_not_load_translations": "Could not load translations",
+  "country": "Country",
+  "country_flag": "__country__ country flag",
+  "coupon_code": "Coupon code",
+  "coupon_code_is_not_valid_for_selected_plan": "Coupon code is not valid for selected plan",
+  "coupons_not_included": "This does not include your current discounts, which will be applied automatically before your next payment",
+  "create": "Create",
+  "create_a_new_password_for_your_account": "Create a new password for your account",
+  "create_a_new_project": "Create a new project",
+  "create_account": "Create account",
+  "create_an_account": "Create an account",
+  "create_first_admin_account": "Create the first Admin account",
+  "create_new_account": "Create new account",
+  "create_new_subscription": "Create new subscription",
+  "create_new_tag": "Create new tag",
+  "create_project_in_github": "Create a GitHub repository",
+  "created_at": "Created at",
+  "creating": "Creating",
+  "credit_card": "Credit Card",
+  "cross_reference": "Cross reference",
+  "cs": "Czech",
+  "currency": "Currency",
+  "current_file": "Current file",
+  "current_page_page": "Current Page, Page __page__",
+  "current_password": "Current password",
+  "current_price": "Current price",
+  "current_session": "Current Session",
+  "currently_seeing_only_24_hrs_history": "You’re currently seeing the last 24 hours of changes in this project.",
+  "currently_signed_in_as_x": "Currently signed in as <0>__userEmail__</0>.",
+  "currently_subscribed_to_plan": "You are currently subscribed to the <0>__planName__</0> plan.",
+  "custom": "Custom",
+  "custom_borders": "Custom borders",
+  "customer_resource_portal": "Customer resource portal",
+  "customize": "Customize",
+  "customize_your_group_subscription": "Customize your group subscription",
+  "customizing_figures": "Customizing figures",
+  "customizing_tables": "Customizing tables",
+  "da": "Danish",
+  "dark_mode": "Dark mode",
+  "date": "Date",
+  "date_and_owner": "Date and owner",
+  "de": "German",
+  "dealing_with_errors": "Dealing with errors",
+  "december": "December",
+  "decrease_indent": "Decrease indentation",
+  "dedicated_account_manager": "Dedicated account manager",
+  "default": "Default",
+  "delete": "Delete",
+  "delete_account": "Delete Account",
+  "delete_account_confirmation_label": "I understand this will delete all projects in my __appName__ account with email address <0>__userDefaultEmail__</0>",
+  "delete_account_warning_message_3": "You are about to permanently <strong>delete all of your account data</strong>, including your projects and settings. Please type your account email address and password in the boxes below to proceed.",
+  "delete_acct_no_existing_pw": "Please use the password reset form to set a password before deleting your account",
+  "delete_and_leave": "Delete / Leave",
+  "delete_and_leave_projects": "Delete and Leave Projects",
+  "delete_authentication_token": "Delete Authentication token",
+  "delete_authentication_token_info": "You’re about to delete a Git authentication token. If you do, it can no longer be used to authenticate your identity when performing Git operations.",
+  "delete_certificate": "Delete certificate",
+  "delete_comment": "Delete comment",
+  "delete_comment_error_message": "There was an error deleting your comment. Please try again in a few moments.",
+  "delete_comment_error_title": "Delete Comment Error",
+  "delete_comment_message": "You cannot undo this action.",
+  "delete_comment_thread": "Delete comment thread",
+  "delete_comment_thread_message": "This will delete the whole comment thread. You cannot undo this action.",
+  "delete_figure": "Delete figure",
+  "delete_projects": "Delete Projects",
+  "delete_row_or_column": "Delete row or column",
+  "delete_sso_config": "Delete SSO configuration",
+  "delete_table": "Delete table",
+  "delete_tag": "Delete Tag",
+  "delete_token": "Delete token",
+  "delete_user": "Delete user",
+  "delete_your_account": "Delete your account",
+  "deleted_at": "Deleted At",
+  "deleted_by_email": "Deleted By email",
+  "deleted_by_id": "Deleted By ID",
+  "deleted_by_ip": "Deleted By IP",
+  "deleted_by_on": "Deleted by __name__ on __date__",
+  "deleting": "Deleting",
+  "demonstrating_git_integration": "Demonstrating Git integration",
+  "demonstrating_track_changes_feature": "Demonstrating Track Changes feature",
+  "department": "Department",
+  "descending": "Descending",
+  "description": "Description",
+  "details_provided_by_google_explanation": "Your details were provided by your Google account. Please check you’re happy with them.",
+  "dictionary": "Dictionary",
+  "did_you_know_institution_providing_professional": "Did you know that __institutionName__ is providing <0>free __appName__ Professional features</0> to everyone at __institutionName__?",
+  "disable": "Disable",
+  "disable_ai_features": "Disable AI features",
+  "disable_equation_preview": "Disable equation preview",
+  "disable_equation_preview_confirm": "This will disable equation preview for you in all projects.",
+  "disable_equation_preview_enable": "You can enable it again from the <b>Menu</b>.",
+  "disable_single_sign_on": "Disable single sign-on",
+  "disable_sso": "Disable SSO",
+  "disable_stop_on_first_error": "Disable “Stop on first error”",
+  "disabled": "Disabled",
+  "disabling": "Disabling",
+  "disconnected": "Disconnected",
+  "discount": "Discount",
+  "discount_of": "Discount of __amount__",
+  "discover_latex_templates_and_examples": "Discover LaTeX templates and examples to help with everything from writing a journal article to using a specific LaTeX package.",
+  "discover_the_fastest_way_to_search_and_cite": "Discover the fastest way to search and cite",
+  "discover_why_over_people_worldwide_trust_overleaf": "Discover why over __count__ million people worldwide trust Overleaf with their work.",
+  "dismiss_error_popup": "Dismiss first error alert",
+  "display": "Display",
+  "display_deleted_user": "Display deleted users",
+  "display_math": "Display math",
+  "do_not_have_acct_or_do_not_want_to_link": "If you don’t have an <b>__appName__</b> account, or if you don’t want to link to your <b>__institutionName__</b> account, please click <b>__clickText__</b>.",
+  "do_not_link_accounts": "Don’t link accounts",
+  "do_you_need_edit_access": "Do you need edit access?",
+  "do_you_want_to_change_your_primary_email_address_to": "Do you want to change your primary email address to <b>__email__</b>?",
+  "do_you_want_to_overwrite_it": "Do you want to overwrite it?",
+  "do_you_want_to_overwrite_it_plural": "Do you want to overwrite them?",
+  "do_you_want_to_overwrite_them": "Do you want to overwrite them?",
+  "document_too_long": "Document Too Long",
+  "document_too_long_detail": "Sorry, this file is too long to be edited manually. Please try to split it into smaller files.",
+  "document_too_long_tracked_deletes": "You can also accept pending deletions to reduce the size of the file.",
+  "document_updated_externally": "Document Updated Externally",
+  "document_updated_externally_detail": "This document was just updated externally. Any recent changes you have made may have been overwritten. To see previous versions, please look in the history.",
+  "documentation": "Documentation",
+  "does_not_contain_or_significantly_match_your_email": "does not contain or significantly match your email",
+  "doesnt_match": "Doesn’t match",
+  "doing_this_allow_log_in_through_institution": "Doing this will allow you to log in to <b>__appName__</b> through your institution and will reconfirm your institutional email address.",
+  "doing_this_allow_log_in_through_institution_2": "Doing this will allow you to log in to <0>__appName__</0> through your institution and will reconfirm your institutional email address.",
+  "doing_this_will_verify_affiliation_and_allow_log_in_2": "Doing this will verify your affiliation with <0>__institutionName__</0> and will allow you to log in to <0>__appName__</0> through your institution.",
+  "done": "Done",
+  "dont_forget_you_currently_have": "Don’t forget, you currently have:",
+  "dont_have_account": "Don’t have an account?",
+  "dont_reload_or_close_this_tab": "Don’t reload or close this tab.",
+  "download": "Download",
+  "download_all": "Download all",
+  "download_as_pdf": "Download as PDF",
+  "download_as_source_zip": "Download as source (.zip)",
+  "download_metadata": "Download Overleaf metadata",
+  "download_pdf": "Download PDF",
+  "download_zip_file": "Download .zip file",
+  "draft_sso_configuration": "Draft SSO configuration",
+  "drag_here": "drag here",
+  "drag_here_paste_an_image_or": "Drag here, paste an image, or ",
+  "drop_files_here_to_upload": "Drop files here to upload",
+  "dropbox": "Dropbox",
+  "dropbox_already_linked_error": "Your Dropbox account cannot be linked as it is already linked with another Overleaf account.",
+  "dropbox_already_linked_error_with_email": "Your Dropbox account cannot be linked as it is already linked with another Overleaf account using email address __otherUsersEmail__.",
+  "dropbox_checking_sync_status": "Checking Dropbox for updates",
+  "dropbox_duplicate_names_error": "Your Dropbox account can not be linked, because you have more than one project with the same name: ",
+  "dropbox_duplicate_project_names": "Your Dropbox account has been unlinked, because you have more than one project called <0>\"__projectName__\"</0>.",
+  "dropbox_duplicate_project_names_suggestion": "Please make your project names unique across all your <0>active, archived and trashed</0> projects and then re-link your Dropbox account.",
+  "dropbox_email_not_verified": "We have been unable to retrieve updates from your Dropbox account. Dropbox reported that your email address is unverified. Please verify your email address in your Dropbox account to resolve this.",
+  "dropbox_for_link_share_projs": "This project was accessed via link-sharing and won’t be synchronised to your Dropbox unless you are invited via e-mail by the project owner.",
+  "dropbox_integration_lowercase": "Dropbox integration",
+  "dropbox_successfully_linked_description": "Thanks, we’ve successfully linked your Dropbox account to __appName__.",
+  "dropbox_sync": "Dropbox Sync",
+  "dropbox_sync_both": "Sending and receiving updates",
+  "dropbox_sync_description": "Keep your __appName__ projects in sync with your Dropbox account. Changes in __appName__ are automatically sent to your Dropbox account, and the other way around.",
+  "dropbox_sync_error": "Sorry, there was a problem checking our Dropbox service. Please try again in a few moments.",
+  "dropbox_sync_in": "Receiving updates from Dropbox",
+  "dropbox_sync_now_rate_limited": "Manual syncing is limited to one per minute. Please wait for a while and try again.",
+  "dropbox_sync_now_running": "A manual sync for this project has been started in the background. Please give it a few minutes to process.",
+  "dropbox_sync_out": "Sending updates to Dropbox",
+  "dropbox_sync_troubleshoot": "Changes not appearing in Dropbox? Please wait a few minutes. If changes still don’t appear, you can <0>sync this project now</0>.",
+  "dropbox_synced": "Overleaf and Dropbox have processed all updates. Note that your local Dropbox might still be synchronizing",
+  "dropbox_unlinked_because_access_denied": "Your Dropbox account has been unlinked because the Dropbox service rejected your stored credentials. Please relink your Dropbox account to continue using it with Overleaf.",
+  "dropbox_unlinked_because_full": "Your Dropbox account has been unlinked because it is full, and we can no longer send updates to it. Please free up some space and relink your Dropbox account to continue using it with Overleaf.",
+  "dropbox_unlinked_premium_feature": "<0>Your Dropbox account has been unlinked</0> because Dropbox Sync is a premium feature that you had through an institutional license.",
+  "due_date": "Due __date__",
+  "due_today": "Due today",
+  "duplicate": "Duplicate",
+  "duplicate_file": "Duplicate File",
+  "duplicate_projects": "This user has projects with duplicate names",
+  "each_user_will_have_access_to": "Each user will have access to",
+  "easily_manage_your_project_files_everywhere": "Easily manage your project files, everywhere",
+  "easy_collaboration_for_students": "Easy collaboration for students. Supports longer or more complex projects.",
+  "edit": "Edit",
+  "edit_comment_error_message": "There was an error editing the comment. Please try again in a few moments.",
+  "edit_comment_error_title": "Edit Comment Error",
+  "edit_dictionary": "Edit Dictionary",
+  "edit_dictionary_empty": "Your custom dictionary is empty.",
+  "edit_dictionary_remove": "Remove from dictionary",
+  "edit_figure": "Edit figure",
+  "edit_sso_configuration": "Edit SSO Configuration",
+  "edit_tag": "Edit Tag",
+  "edit_your_custom_dictionary": "Edit your custom dictionary",
+  "editing": "Editing",
+  "editing_and_collaboration": "Editing and collaboration",
+  "editing_captions": "Editing captions",
+  "editing_tools": "Editing tools",
+  "editor": "Editor",
+  "editor_and_pdf": "Editor & PDF",
+  "editor_disconected_click_to_reconnect": "Editor disconnected, click anywhere to reconnect.",
+  "editor_font_family": "Editor font family",
+  "editor_font_size": "Editor font size",
+  "editor_limit_exceeded_in_this_project": "Too many editors in this project",
+  "editor_line_height": "Editor line height",
+  "editor_only": "Editor only",
+  "editor_only_hide_pdf": "Editor only <0>(hide PDF)</0>",
+  "editor_theme": "Editor theme",
+  "edits_become_suggestions": "Edits become suggestions",
+  "educational_disclaimer": "I confirm that users will be students or faculty using Overleaf primarily for study and teaching, and can provide evidence of this if requested.",
+  "educational_disclaimer_heading": "Educational discount confirmation",
+  "educational_percent_discount_applied": "__percent__% educational discount applied!",
+  "email": "Email",
+  "email_address": "Email address",
+  "email_address_is_invalid": "Email address is invalid",
+  "email_already_associated_with": "The <b>__email1__</b> email is already associated with the <b>__email2__</b> <b>__appName__</b> account.",
+  "email_already_registered": "This email is already registered",
+  "email_already_registered_secondary": "This email is already registered as a secondary email",
+  "email_already_registered_sso": "This email is already registered. Please log in to your account another way and link your account to the new provider via your account settings.",
+  "email_confirmed_onboarding": "Great! Let’s get you set up",
+  "email_confirmed_onboarding_message": "Your email address is confirmed. Click <0>Continue</0> to finish your setup.",
+  "email_does_not_belong_to_university": "We don’t recognize that domain as being affiliated with your university. Please contact us to add the affiliation.",
+  "email_limit_reached": "You can have a maximum of <0>__emailAddressLimit__ email addresses</0> on this account. To add another email address, please delete an existing one.",
+  "email_link_expired": "Email link expired, please request a new one.",
+  "email_must_be_linked_to_institution": "As a member of __institutionName__, this email address can only be added via single sign-on on your <0>account settings</0> page. Please add a different recovery email address.",
+  "email_or_password_wrong_try_again": "Your email or password is incorrect. Please try again.",
+  "email_or_password_wrong_try_again_or_reset": "Your email or password is incorrect. Please try again, or <0>set or reset your password</0>.",
+  "email_remove_by_date": "If this is not done by __date__, it will be removed from the account.",
+  "email_required": "Email required",
+  "email_sent": "Email Sent",
+  "emails": "Emails",
+  "emails_and_affiliations_explanation": "Add additional email addresses to your account to access any upgrades your university or institution has, to make it easier for collaborators to find you, and to make sure you can recover your account.",
+  "emails_and_affiliations_title": "Emails and Affiliations",
+  "empty": "Empty",
+  "empty_zip_file": "Zip doesn’t contain any file",
+  "en": "English",
+  "enable_ai_features": "Enable AI features",
+  "enable_managed_users": "Enable Managed Users",
+  "enable_single_sign_on": "Enable single sign-on",
+  "enable_sso": "Enable SSO",
+  "enable_stop_on_first_error_under_recompile_dropdown_menu": "Enable <0>“Stop on first error”</0> under the <1>Recompile</1> drop-down menu to help you find and fix errors right away.",
+  "enable_stop_on_first_error_under_recompile_dropdown_menu_v2": "Enable <0>Stop on first error</0> under the <1>Recompile</1> drop-down menu to help you find and fix errors right away.",
+  "enabled": "Enabled",
+  "enables_real_time_syntax_checking_in_the_editor": "Enables real-time syntax checking in the editor",
+  "enabling": "Enabling",
+  "end_of_document": "End of document",
+  "ensure_recover_account": "This will ensure that it can be used to recover your __appName__ account in case you lose access to your primary email address.",
+  "enter_6_digit_code": "Enter 6-digit code",
+  "enter_any_size_including_units_or_valid_latex_command": "Enter any size (including units) or valid LaTeX command",
+  "enter_image_url": "Enter image URL",
+  "enter_the_code": "Enter the 6-digit code sent to __email__.",
+  "enter_the_confirmation_code": "Enter the 6-digit confirmation code sent to __email__.",
+  "enter_the_number_of_licenses_youd_like_to_add_to_see_the_cost_breakdown": "Enter the number of licenses you’d like to add to see the cost breakdown.",
+  "enter_your_email_address": "Enter your email address",
+  "enter_your_email_address_below_and_we_will_send_you_a_link_to_reset_your_password": "Enter your email address below, and we will send you a link to reset your password",
+  "enter_your_new_password": "Enter your new password",
+  "equation_generator": "Equation Generator",
+  "equation_preview": "Equation preview",
+  "error": "Error",
+  "error_assist": "Error Assist",
+  "error_log": "Error log",
+  "error_opening_document": "Error opening document",
+  "error_opening_document_detail": "Sorry, something went wrong opening this document. Please try again.",
+  "error_performing_request": "An error has occurred while performing your request.",
+  "error_processing_file": "Sorry, something went wrong processing this file. Please try again.",
+  "es": "Spanish",
+  "estimated_number_of_overleaf_users": "Estimated number of __appName__ users",
+  "every": "per",
+  "everything_in_free_plus": "Everything in Free, plus…",
+  "everything_in_group_professional_plus": "Everything in Group Professional, plus…",
+  "everything_in_group_standard_plus": "Everything in Group Standard, plus…",
+  "everything_in_standard_plus": "Everything in Standard, plus…",
+  "example": "Example",
+  "example_project": "Example Project",
+  "examples": "Examples",
+  "examples_lowercase": "examples",
+  "examples_to_help_you_learn": "Examples to help you learn how to use powerful LaTeX packages and techniques.",
+  "exclusive_access_with_labs": "Exclusive access to early-stage experiments",
+  "existing_plan_active_until_term_end": "Your existing plan and its features will remain active until the end of the current billing period.",
+  "expand": "Expand",
+  "experiment_full": "Sorry, this experiment is full",
+  "expired": "Expired",
+  "expired_confirmation_code": "Your confirmation code has expired. Click <0>Resend confirmation code</0> to get a new one.",
+  "expires": "Expires",
+  "expires_in_days": "Expires in __days__ days",
+  "expires_on": "Expires: __date__",
+  "expiry": "Expiry Date",
+  "explore_all_plans": "Explore all plans",
+  "export_csv": "Export CSV",
+  "export_project_to_github": "Export Project to GitHub",
+  "failed_to_send_group_invite_to_email": "Failed to send Group invite to <0>__email__</0>. Please try again later.",
+  "failed_to_send_managed_user_invite_to_email": "Failed to send Managed User invite to <0>__email__</0>. Please try again later.",
+  "failed_to_send_sso_link_invite_to_email": "Failed to send SSO invite reminder to <0>__email__</0>. Please try again later.",
+  "fair_usage_policy_applies": "Fair usage policy applies.",
+  "faq_how_does_free_trial_works_answer": "You get full access to your chosen __appName__ plan during your __len__-day free trial. There is no obligation to continue beyond the trial. Your card will be charged at the end of your __len__ day trial unless you cancel before then. You can cancel via your subscription settings.",
+  "fast": "Fast",
+  "fast_draft": "Fast [draft]",
+  "fastest": "Fastest",
+  "feature_included": "Feature included",
+  "feature_not_included": "Feature not included",
+  "featured": "Featured",
+  "featured_latex_templates": "Featured LaTeX Templates",
+  "features": "Features",
+  "features_and_benefits": "Features & Benefits",
+  "features_like_track_changes": "Features like real-time track changes",
+  "february": "February",
+  "figure": "Figure",
+  "file": "File",
+  "file_action_created": "Created",
+  "file_action_deleted": "Deleted",
+  "file_action_edited": "Edited",
+  "file_action_renamed": "Renamed",
+  "file_action_restored": "Restored __fileName__ from: __date__",
+  "file_action_restored_project": "Restored project from __date__",
+  "file_already_exists": "A file or folder with this name already exists",
+  "file_already_exists_in_this_location": "An item named <0>__fileName__</0> already exists in this location. If you wish to move this file, rename or remove the conflicting file and try again.",
+  "file_name": "File Name",
+  "file_name_figure_modal": "File name",
+  "file_name_in_this_project": "File Name In This Project",
+  "file_name_in_this_project_figure_modal": "File name in this project",
+  "file_or_folder_name_already_exists": "A file or folder with this name already exists",
+  "file_outline": "File outline",
+  "file_size": "File size",
+  "file_too_large": "File too large",
+  "file_tree": "File tree",
+  "files_cannot_include_invalid_characters": "File name is empty or contains invalid characters",
+  "files_selected": "files selected.",
+  "filter_projects": "Filter projects",
+  "filters": "Filters",
+  "find": "Find",
+  "find_out_more": "Find out More",
+  "find_out_more_about_institution_login": "Find out more about institutional login",
+  "find_out_more_about_the_file_outline": "Find out more about the file outline",
+  "find_out_more_nt": "Find out more.",
+  "finding_a_fix": "Finding a fix",
+  "first_name": "First name",
+  "fit_to_height": "Fit to height",
+  "fit_to_width": "Fit to width",
+  "fixed_width": "Fixed width",
+  "fixed_width_wrap_text": "Fixed width, wrap text",
+  "flexible_plans_for_everyone": "Flexible plans for everyone—from individual students and researchers, to large businesses and universities.",
+  "fold_line": "Fold line",
+  "folder_location": "Folder location",
+  "folders": "Folders",
+  "following_paths_conflict": "The following files and folders conflict with the same path",
+  "font_family": "Font Family",
+  "font_size": "Font Size",
+  "footer_about_us": "About us",
+  "footer_contact_us": "Contact us",
+  "footer_navigation": "Footer navigation",
+  "footer_plans_and_pricing": "Plans & pricing",
+  "for_business": "For business",
+  "for_enterprise": "For enterprise",
+  "for_government": "For government",
+  "for_individuals_and_groups": "For individuals & groups",
+  "for_large_institutions_and_organizations_need_sitewide_on_premise": "For large institutions and organizations that need site-wide access or an on-premises solution.",
+  "for_more_information_see_managed_accounts_section": "For more information, see the \"Managed Accounts\" section in <0>our terms of use</0>, which you agree to by clicking Accept invitation.",
+  "for_publishers": "For publishers",
+  "for_small_teams_and_departments_who_want_to_write_collaborate": "For small teams and departments who want to write and collaborate easily in LaTeX.",
+  "for_students": "For students",
+  "for_teaching": "For teaching",
+  "for_teams_and_organizations_who_want_a_streamlined_sso_and_security": "For teams and organizations who want a streamlined sign-on process and our strongest cloud security.",
+  "for_universities": "For universities",
+  "forever": "forever",
+  "forgot_your_password": "Forgot your password",
+  "format": "Format",
+  "found_matching_deleted_users": "Found __deletedUserCount__ matching deleted users",
+  "fr": "French",
+  "free": "Free",
+  "free_7_day_trial_billed_annually": "Free 7-day trial, then billed annually",
+  "free_7_day_trial_billed_monthly": "Free 7-day trial, then billed monthly",
+  "free_dropbox_and_history": "Free Dropbox and History",
+  "free_plan_label": "You’re on the <b>free plan</b>",
+  "free_plan_tooltip": "Click to find out how you could benefit from Overleaf premium features.",
+  "frequently_asked_questions": "frequently asked questions",
+  "from_another_project": "From another project",
+  "from_enforcement_date": "From __enforcementDate__ any additional editors on this project will be made viewers.",
+  "from_external_url": "From external URL",
+  "from_filename": "From <0>__filename__</0>",
+  "from_github": "From GitHub",
+  "from_project_files": "From project files",
+  "from_provider": "From __provider__",
+  "from_url": "From URL",
+  "full_doc_history": "Full document history",
+  "full_document_history": "Full document <0>history</0>",
+  "full_width": "Full width",
+  "future_payments": "Future payments",
+  "gallery": "Gallery",
+  "gallery_back_to_all": "Back to all __itemPlural__",
+  "gallery_find_more": "Find More __itemPlural__",
+  "gallery_page_items_lowercase": "gallery items",
+  "gallery_page_title": "Gallery - Templates, Examples and Articles written in LaTeX",
+  "gallery_show_more_tags": "Show more",
+  "general": "General",
+  "generate_from_text_or_image": "From text or image",
+  "generate_token": "Generate token",
+  "generic_if_problem_continues_contact_us": "If the problem continues please contact us",
+  "generic_linked_file_compile_error": "This project’s output files are not available because it failed to compile. Please open the project to see the compilation error details.",
+  "generic_something_went_wrong": "Sorry, something went wrong",
+  "get_collaborative_benefits": "Get the collaborative benefits from __appName__, even if you prefer to work offline",
+  "get_discounted_plan": "Get discounted plan",
+  "get_error_assist": "Get Error Assist",
+  "get_exclusive_access_to_labs": "Get exclusive access to early-stage experiments when you join Overleaf Labs. All we ask in return is your honest feedback to help us develop and improve.",
+  "get_in_touch": "Get in touch",
+  "get_in_touch_having_problems": "<a href=\"__link__\">Get in touch with support</a> if you’re having problems",
+  "get_involved": "Get involved",
+  "get_most_subscription_discover_premium_features": "Get the most from your __appName__ subscription. <0>Discover premium features</0>.",
+  "get_real_time_track_changes": "Get real-time track changes",
+  "get_the_best_overleaf_experience": "Get the best Overleaf experience",
+  "get_the_most_out_headline": "Get the most out of __appName__ with features such as:",
+  "git": "Git",
+  "git_authentication_token": "Git authentication token",
+  "git_authentication_token_create_modal_info_1": "This is your Git authentication token. You should enter this when prompted for a password.",
+  "git_authentication_token_create_modal_info_2": "<0>You will only see this authentication token once so please copy it and keep it safe</0>. For full instructions on using authentication tokens, visit our <1>help page</1>.",
+  "git_bridge_modal_click_generate": "Click <strong>Generate token</strong> to generate your authentication token now. Or do this later in your Account Settings.",
+  "git_bridge_modal_enter_authentication_token": "When prompted for a password, enter your new authentication token:",
+  "git_bridge_modal_git_clone_your_project": "Git clone your project by using the link below and a Git authentication token",
+  "git_bridge_modal_learn_more_about_authentication_tokens": "Learn more about Git integration authentication tokens.",
+  "git_bridge_modal_read_only": "<strong>You have read-only access to this project.</strong> This means you can pull from __appName__ but you can’t push any changes you make back to this project.",
+  "git_bridge_modal_review_access": "<0>You have review access to this project.</0> This means you can pull from __appName__ but you can’t push any changes you make back to this project.",
+  "git_bridge_modal_see_once": "You’ll only see this token once. To delete it or generate a new one, visit Account Settings. For detailed instructions and troubleshooting, read our <0>help page</0>.",
+  "git_bridge_modal_use_previous_token": "If you’re prompted for a password, you can use a previously generated Git authentication token. Or you can generate a new one in Account Settings. For more support, read our <0>help page</0>.",
+  "git_gitHub_dropbox_mendeley_papers_and_zotero_integrations": "Git, GitHub, Dropbox, Mendeley, Papers, and Zotero integrations",
+  "git_integration": "Git Integration",
+  "git_integration_info": "With Git integration, you can clone your Overleaf projects with Git. For full instructions on how to do this, read <0>our help page</0>.",
+  "github": "GitHub",
+  "github_commit_message_placeholder": "Commit message for changes made in __appName__...",
+  "github_credentials_expired": "Your GitHub authorization credentials have expired",
+  "github_empty_repository_error": "It looks like your GitHub repository is empty or not yet available. Create a new file on GitHub.com then try again.",
+  "github_file_name_error": "This repository cannot be imported, because it contains file(s) with an invalid filename:",
+  "github_file_sync_error": "We are unable to sync the following files:",
+  "github_git_and_dropbox_integrations": "<0>Github</0>, <0>Git</0> and <0>Dropbox</0> integrations",
+  "github_git_folder_error": "This project contains a .git folder at the top level, indicating that it is already a git repository. The Overleaf GitHub sync service cannot sync git histories. Please remove the .git folder and try again.",
+  "github_integration_lowercase": "Git and GitHub integration",
+  "github_is_no_longer_connected": "GitHub is no longer connected to this project.",
+  "github_is_premium": "GitHub Sync is a premium feature",
+  "github_large_files_error": "Merge failed: your GitHub repository contains files over the 50mb file size limit ",
+  "github_merge_failed": "Your changes in __appName__ and GitHub could not be automatically merged. Please manually merge the <0>__sharelatex_branch__</0> branch into the default branch in git. Click below to continue, after you have manually merged.",
+  "github_no_master_branch_error": "This repository cannot be imported as it is missing a default branch. Please make sure the project has a default branch",
+  "github_private_description": "You choose who can see and commit to this repository.",
+  "github_public_description": "Anyone can see this repository. You choose who can commit.",
+  "github_repository_diverged": "The default branch of the linked repository has been force-pushed. Pulling GitHub changes after a force push can cause Overleaf and GitHub to get out of sync. You might need to push changes after pulling to get back in sync.",
+  "github_successfully_linked_description": "Thanks, we’ve successfully linked your GitHub account to __appName__. You can now export your __appName__ projects to GitHub, or import projects from your GitHub repositories.",
+  "github_symlink_error": "Your GitHub repository contains symbolic link files, which are not currently supported by Overleaf. Please remove these and try again.",
+  "github_sync": "GitHub Sync",
+  "github_sync_description": "With GitHub Sync you can link your __appName__ projects to GitHub repositories, create new commits from __appName__, and merge commits from GitHub.",
+  "github_sync_error": "Sorry, there was a problem checking our GitHub service. Please try again in a few moments.",
+  "github_sync_repository_not_found_description": "The linked repository has either been removed, or you no longer have access to it. You can set up sync with a new repository by cloning the project and using the ‘GitHub’ menu item. You can also unlink the repository from this project.",
+  "github_timeout_error": "Syncing your Overleaf project with GitHub has timed out. This may be due to the overall size of your project, or the number of files/changes to sync, being too large.",
+  "github_too_many_files_error": "This repository cannot be imported as it exceeds the maximum number of files allowed",
+  "github_validation_check": "Please check that the repository name is valid, and that you have permission to create the repository.",
+  "github_workflow_authorize": "Authorize GitHub Workflow files",
+  "github_workflow_files_delete_github_repo": "The repository has been created on GitHub but linking was unsuccessful. You will have to delete GitHub repository or choose a new name.",
+  "github_workflow_files_error": "The __appName__ GitHub sync service couldn’t sync GitHub Workflow files (in .github/workflows/). Please authorize __appName__ to edit your GitHub workflow files and try again.",
+  "give_feedback": "Give feedback",
+  "give_your_feedback": "give your feedback",
+  "global": "global",
+  "go_back_and_link_accts": "<a href=\"__link__\">Go back</a> and link your accounts",
+  "go_next_page": "Go to Next Page",
+  "go_page": "Go to page __page__",
+  "go_prev_page": "Go to Previous Page",
+  "go_to_account_settings": "Go to Account Settings",
+  "go_to_code_location_in_pdf": "Go to code location in PDF",
+  "go_to_first_page": "Go to first page",
+  "go_to_last_page": "Go to last page",
+  "go_to_next_page": "Go to next page",
+  "go_to_overleaf": "Go to Overleaf",
+  "go_to_page_x": "Go to page __page__",
+  "go_to_pdf_location_in_code": "Go to PDF location in code (Tip: double click on the PDF for best results)",
+  "go_to_previous_page": "Go to previous page",
+  "go_to_settings": "Go to settings",
+  "go_to_subscriptions": "Go to Subscriptions",
+  "go_to_writefull": "Go to Writefull",
+  "good_news_you_already_purchased_this_add_on": "Good news! You already have this add-on, so no need to pay again.",
+  "good_news_you_are_already_receiving_this_add_on_via_writefull": "Good news! You already have this add-on via your Writefull subscription. No need to pay again.",
+  "great_for_getting_started": "Great for getting started",
+  "great_for_small_teams_and_departments": "Great for small teams and departments",
+  "group": "Group",
+  "group_admin": "Group admin",
+  "group_full": "This group is already full",
+  "group_invitations": "Group invitations",
+  "group_invite_has_been_sent_to_email": "Group invite has been sent to <0>__email__</0>",
+  "group_libraries": "Group Libraries",
+  "group_managed_by_group_administrator": "User accounts in this group are managed by the group administrator.",
+  "group_management": "Group management",
+  "group_managers": "Group managers",
+  "group_members": "Group members",
+  "group_plan_admins_can_easily_add_and_remove_users_from_a_group": "Group plan admins can easily add and remove users from a group. For site-wide plans, users are automatically upgraded when they register or add their email address to Overleaf (domain-based enrollment or SSO).",
+  "group_plan_tooltip": "You are on the __plan__ plan as a member of a group subscription. Click to find out how to make the most of your Overleaf premium features.",
+  "group_plan_upgrade_description": "You’re on the <0>__currentPlan__</0> plan and you’re upgrading to the <0>__nextPlan__</0> plan. If you’re interested in a site-wide Overleaf Commons plan, please <1>get in touch</1>.",
+  "group_plan_with_name_tooltip": "You are on the __plan__ plan as a member of a group subscription, __groupName__. Click to find out how to make the most of your Overleaf premium features.",
+  "group_professional": "Group Professional",
+  "group_settings": "Group settings",
+  "group_sso_configuration_idp_metadata": "The information you provide here comes from your Identity Provider (IdP). This is often referred to as its <0>SAML metadata</0>. You can add this manually or click <1>Import IdP metadata</1> to import an XML file.",
+  "group_sso_configure_service_provider_in_idp": "For some IdPs, you must configure Overleaf as a Service Provider to get the data you need to fill out this form. To do this, you will need to download the Overleaf metadata.",
+  "group_sso_documentation_links": "Please see our <0>documentation</0> and <1>troubleshooting guide</1> for more help.",
+  "group_standard": "Group Standard",
+  "group_subscription": "Group Subscription",
+  "groups": "Groups",
+  "have_an_extra_backup": "Have an extra backup",
+  "have_more_days_to_try": "Have another <strong>__days__ days</strong> on your trial!",
+  "headers": "Headers",
+  "help": "Help",
+  "help_articles_matching": "Help articles matching your subject",
+  "help_improve_overleaf_fill_out_this_survey": "If you would like to help us improve Overleaf, please take a moment to fill out <0>this survey</0>.",
+  "help_improve_screen_reader_fill_out_this_survey": "Help us improve your experience using a screen reader with __appName__ by filling out this quick survey.",
+  "help_shape_the_future_of_overleaf": "Help shape the future of Overleaf",
+  "hide": "Hide",
+  "hide_configuration": "Hide configuration",
+  "hide_deleted_user": "Hide deleted users",
+  "hide_document_preamble": "Hide document preamble",
+  "hide_file_tree": "Hide file tree",
+  "hide_local_file_contents": "Hide Local File Contents",
+  "hide_outline": "Hide File outline",
+  "history": "History",
+  "history_add_label": "Add label",
+  "history_are_you_sure_delete_label": "Are you sure you want to delete the following label",
+  "history_compare_from_this_version": "Compare from this version",
+  "history_compare_up_to_this_version": "Compare up to this version",
+  "history_delete_label": "Delete label",
+  "history_download_this_version": "Download this version",
+  "history_entry_origin_dropbox": "via Dropbox",
+  "history_entry_origin_git": "via Git",
+  "history_entry_origin_github": "via GitHub",
+  "history_entry_origin_upload": "upload",
+  "history_label_created_by": "Created by",
+  "history_label_project_current_state": "Current state",
+  "history_label_this_version": "Label this version",
+  "history_new_label_name": "New label name",
+  "history_restore_promo_content": "Now you can restore a single file or your whole project to a previous version, including comments and tracked changes. Click Restore this version to restore the selected file or use the <0></0> menu in the history entry to restore the full project.",
+  "history_restore_promo_title": "Need to turn back time?",
+  "history_resync": "History resync",
+  "history_view_a11y_description": "Show all of the project history or only labelled versions.",
+  "history_view_all": "All history",
+  "history_view_labels": "Labels",
+  "home": "Home",
+  "hotkey_add_a_comment": "Add a comment",
+  "hotkey_autocomplete_menu": "Autocomplete Menu",
+  "hotkey_beginning_of_document": "Beginning of document",
+  "hotkey_bold_text": "Bold text",
+  "hotkey_compile": "Compile",
+  "hotkey_delete_current_line": "Delete Current Line",
+  "hotkey_end_of_document": "End of document",
+  "hotkey_find_and_replace": "Find (and replace)",
+  "hotkey_go_to_line": "Go To Line",
+  "hotkey_indent_selection": "Indent Selection",
+  "hotkey_insert_candidate": "Insert Candidate",
+  "hotkey_italic_text": "Italic Text",
+  "hotkey_redo": "Redo",
+  "hotkey_search_references": "Search References",
+  "hotkey_select_all": "Select All",
+  "hotkey_select_candidate": "Select Candidate",
+  "hotkey_to_lowercase": "To Lowercase",
+  "hotkey_to_uppercase": "To Uppercase",
+  "hotkey_toggle_comment": "Toggle Comment",
+  "hotkey_toggle_review_panel": "Toggle review panel",
+  "hotkey_toggle_track_changes": "Toggle track changes",
+  "hotkey_undo": "Undo",
+  "hotkeys": "Hotkeys",
+  "how_it_works": "How it works",
+  "how_many_licenses_do_you_want_to_buy": "How many licenses do you want to buy?",
+  "how_many_users_do_you_need": "How many users do you need?",
+  "how_to_create_tables": "How to create tables",
+  "how_to_insert_images": "How to insert images",
+  "how_we_use_your_data": "How we use your data",
+  "how_we_use_your_data_explanation": "<0>Please help us continue to improve Overleaf by answering a few quick questions. Your answers will help us and our corporate group understand more about our user base. We may use this information to improve your Overleaf experience, for example by providing personalized onboarding, upgrade prompts, help suggestions, and tailored marketing communications (if you’ve opted-in to receive them).</0><1>For more details on how we use your personal data, please see our <0>Privacy Notice</0>.</1>",
+  "hundreds_templates_info": "Produce beautiful documents starting from our gallery of LaTeX templates for journals, conferences, theses, reports, CVs and much more.",
+  "i_confirm_am_student": "I confirm that I am currently a student.",
+  "i_want_to_stay": "I want to stay",
+  "id": "ID",
+  "identify_errors_with_your_compile": "Identify errors with your compile",
+  "if_have_existing_can_link": "If you have an existing <b>__appName__</b> account on another email, you can link it to your <b>__institutionName__</b> account by clicking <b>__clickText__</b>.",
+  "if_owner_can_link": "If you own the <b>__appName__</b> account with <b>__email__</b>, you will be allowed to link it to your <b>__institutionName__</b> institutional account.",
+  "if_you_need_to_customize_your_table_further_you_can": "If you need to customize your table further, you can. Using LaTeX code, you can change anything from table styles and border styles to colors and column widths. <0>Read our guide</0> to using tables in LaTeX to help you get started.",
+  "if_you_want_more_than_x_licenses_on_your_plan_we_need_to_add_them_for_you": "If you want more than __count__ licenses on your plan, we need to add them for you. Just click <0>Send request</0> below and we’ll be happy to help.",
+  "if_you_want_to_reduce_the_number_of_licenses_please_contact_support": "If you want to reduce the number of licenses on your plan, please <0>contact customer support</0>.",
+  "if_your_occupation_not_listed_type_full_name": "If your __occupation__ isn’t listed, you can type the full name.",
+  "ignore_and_continue_institution_linking": "You can also ignore this and <a href=\"__link__\">continue to __appName__ with your <b>__email__</b> account</a>.",
+  "ignore_validation_errors": "Don’t check syntax",
+  "ill_take_it": "I’ll take it!",
+  "image_file": "Image file",
+  "image_url": "Image URL",
+  "image_width": "Image width",
+  "import_a_bibtex_file_from_your_provider_account": "Import a BibTeX file from your __provider__ account",
+  "import_existing_projects_from_github": "Import existing projects from GitHub",
+  "import_from_github": "Import from GitHub",
+  "import_idp_metadata": "Import IdP metadata",
+  "import_to_sharelatex": "Import to __appName__",
+  "imported_from_another_project_at_date": "Imported from <0>Another project</0>/__sourceEntityPathHTML__, at __formattedDate__ __relativeDate__",
+  "imported_from_external_provider_at_date": "Imported from <0>__shortenedUrlHTML__</0> at __formattedDate__ __relativeDate__",
+  "imported_from_mendeley_at_date": "Imported from Mendeley at __formattedDate__ __relativeDate__",
+  "imported_from_papers_at_date": "Imported from Papers at __formattedDate__ __relativeDate__",
+  "imported_from_the_output_of_another_project_at_date": "Imported from the output of <0>Another project</0>: __sourceOutputFilePathHTML__, at __formattedDate__ __relativeDate__",
+  "imported_from_zotero_at_date": "Imported from Zotero  at __formattedDate__ __relativeDate__",
+  "importing": "Importing",
+  "importing_and_merging_changes_in_github": "Importing and merging changes in GitHub",
+  "improved_dark_mode": "Improved dark mode",
+  "in_order_to_have_a_secure_account_make_sure_your_password": "To help keep your account secure, make sure your new password:",
+  "in_order_to_match_institutional_metadata_2": "In order to match your institutional metadata, we’ve linked your account using <0>__email__</0>.",
+  "in_order_to_match_institutional_metadata_associated": "In order to match your institutional metadata, your account is associated with the email <b>__email__</b>.",
+  "include_caption": "Include caption",
+  "include_label": "Include label",
+  "include_results_from_your_reference_manager": "Include results from your reference manager",
+  "include_results_from_your_x_account": "Include results from your __provider__ account",
+  "include_the_error_message_and_ai_response": "Include the error message and AI response",
+  "included_as_part_of_your_writefull_subscription": "Included as part of your Writefull subscription",
+  "increase_indent": "Increase indentation",
+  "increased_compile_timeout": "Increased compile timeout",
+  "individuals": "Individuals",
+  "info": "Info",
+  "inline": "Inline",
+  "inline_math": "Inline math",
+  "inr_discount_modal_info": "Get document history, track changes, additional collaborators, and more at Purchasing Power Parity prices.",
+  "inr_discount_modal_title": "70% off all Overleaf premium plans for users in India",
+  "inr_discount_offer_plans_page_banner": "__flag__ <b>Great news!</b> We’ve applied a <b>70% discount</b> to premium plans for our users in India. Check out the new lower prices below.",
+  "insert": "Insert",
+  "insert_column_left": "Insert column left",
+  "insert_column_right": "Insert column right",
+  "insert_figure": "Insert figure",
+  "insert_from_another_project": "Insert from another project",
+  "insert_from_project_files": "Insert from project files",
+  "insert_from_url": "Insert from URL",
+  "insert_image": "Insert image",
+  "insert_row_above": "Insert row above",
+  "insert_row_below": "Insert row below",
+  "insert_x_columns_left": "Insert __columns__ columns left",
+  "insert_x_columns_right": "Insert __columns__ columns right",
+  "insert_x_rows_above": "Insert __rows__ rows above",
+  "insert_x_rows_below": "Insert __rows__ rows below",
+  "institution": "Institution",
+  "institution_account": "Institution Account",
+  "institution_account_tried_to_add_affiliated_with_another_institution": "This email is <b>already associated</b> with your account but affiliated with another institution.",
+  "institution_account_tried_to_add_already_linked": "This institution is <b>already linked</b> with your account via another email address.",
+  "institution_account_tried_to_add_already_registered": "The email/institution account you tried to add is <b>already registered</b> with  __appName__.",
+  "institution_account_tried_to_add_not_affiliated": "This email is <b>already associated</b> with your account but not affiliated with this institution.",
+  "institution_account_tried_to_confirm_saml": "This email cannot be confirmed. Please remove the email from your account and try adding it again.",
+  "institution_acct_successfully_linked_2": "Your <0>__appName__</0> account was successfully linked to your <0>__institutionName__</0> institutional account.",
+  "institution_and_role": "Institution and role",
+  "institution_email_new_to_app": "Your <b>__institutionName__</b> email (<b>__email__</b>) is new to __appName__.",
+  "institution_has_overleaf_subscription": "<0>__institutionName__</0> has an Overleaf subscription. Click the confirmation link sent to __emailAddress__ to upgrade to <0>Overleaf Professional</0>.",
+  "institution_templates": "Institution Templates",
+  "institutional": "Institutional",
+  "institutional_leavers_survey_notification": "Provide some quick feedback to receive a 25% discount on an annual subscription!",
+  "institutional_login_unknown": "Sorry, we don’t know which institution issued that email address. You can browse our <a href=\"__link__\">list of institutions</a> to find yours, or you can use one of the other options below.",
+  "integrate_overleaf_with_dropbox": "Integrate __appName__ with Dropbox to sync your LaTeX projects and keep files up to date automatically.",
+  "integrations": "Integrations",
+  "integrations_like_github": "Integrations like GitHub Sync",
+  "interested_in_cheaper_personal_plan": "Would you be interested in the cheaper <0>__price__</0> Personal plan?",
+  "invalid_certificate": "Invalid certificate. Please check the certificate and try again.",
+  "invalid_confirmation_code": "That didn’t work. Please check the code and try again.",
+  "invalid_email": "An email address is invalid",
+  "invalid_file_name": "Invalid File Name",
+  "invalid_filename": "Upload failed: check that the file name doesn’t contain special characters, trailing/leading whitespace or more than __nameLimit__ characters",
+  "invalid_institutional_email": "Your institution’s SSO service returned your email address as __email__, which is at an unexpected domain that we do not recognise as belonging to it. You may be able to change your primary email address via your user profile at your institution to one at your institution’s domain. Please contact your IT department if you have any questions.",
+  "invalid_password": "Invalid Password",
+  "invalid_password_contains_email": "Password cannot contain parts of email address",
+  "invalid_password_invalid_character": "Password contains an invalid character",
+  "invalid_password_not_set": "Password is required",
+  "invalid_password_too_long": "Maximum password length __maxLength__ exceeded",
+  "invalid_password_too_short": "Password too short, minimum __minLength__",
+  "invalid_password_too_similar": "Password is too similar to parts of email address",
+  "invalid_regular_expression": "Invalid regular expression",
+  "invalid_request": "Invalid Request. Please correct the data and try again.",
+  "invalid_zip_file": "Invalid zip file",
+  "invite": "Invite",
+  "invite_expired": "The invite may have expired",
+  "invite_more_collabs": "Invite more collaborators",
+  "invite_more_members": "Invite more members",
+  "invite_not_accepted": "Invite not yet accepted",
+  "invite_not_valid": "This is not a valid project invite",
+  "invite_not_valid_description": "The invite may have expired. Please contact the project owner",
+  "invite_resend_limit_hit": "The invite resend limit hit",
+  "invited_to_group": "<0>__inviterName__</0> has invited you to join a group subscription on __appName__",
+  "invited_to_group_have_individual_subcription": "__inviterName__ has invited you to join a group __appName__ subscription. If you join this group, you may not need your individual subscription. Would you like to cancel it?",
+  "invited_to_group_login": "To accept this invitation you need to log in as __emailAddress__.",
+  "invited_to_group_login_benefits": "As part of this group, you’ll have access to __appName__ premium features such as additional collaborators, greater maximum compile time, and real-time track changes.",
+  "invited_to_group_register": "To accept __inviterName__’s invitation you’ll need to create an account.",
+  "invited_to_group_register_benefits": "__appName__ is a collaborative online LaTeX editor, with thousands of ready-to-use templates and an array of LaTeX learning resources to help you get started.",
+  "inviting": "Inviting",
+  "ip_address": "IP Address",
+  "is_email_affiliated": "Is your email affiliated with an institution? ",
+  "is_longer_than_n_characters": "is at least __n__ characters long",
+  "is_not_used_on_any_other_website": "is not used on any other website",
+  "issued_on": "Issued: __date__",
+  "it": "Italian",
+  "it_looks_like_that_didnt_work_you_can_try_again_or_get_in_touch": "It looks like that didn’t work. You can try again or <0>get in touch</0> with our Support team for more help.",
+  "it_looks_like_your_account_is_billed_manually": "It looks like your account is being billed manually - adding seats or upgrading your subscription can only be done by the Support team. Please <0>get in touch</0> for help.",
+  "it_looks_like_your_payment_details_are_missing_please_update_your_billing_information": "It looks like your payment details are missing. Please <0>update your billing information</0>, or <1>get in touch</1> with our Support team for more help.",
+  "italics": "Italics",
+  "ja": "Japanese",
+  "january": "January",
+  "join_beta_program": "Join beta program",
+  "join_labs": "Join Labs",
+  "join_now": "Join now",
+  "join_overleaf_labs": "Join Overleaf Labs",
+  "join_project": "Join Project",
+  "join_sl_to_view_project": "Join __appName__ to view this project",
+  "join_team_explanation": "Please click the button below to join the group subscription and enjoy the benefits of an upgraded __appName__ account",
+  "joined_team": "You have joined the group subscription managed by __inviterName__",
+  "joining": "Joining",
+  "july": "July",
+  "june": "June",
+  "justify": "Justify",
+  "kb_suggestions_enquiry": "Have you checked our <0>__kbLink__</0>?",
+  "keep_current_plan": "Keep my current plan",
+  "keep_personal_projects_separate": "Keep personal projects separate",
+  "keep_your_account_safe": "Keep your account safe",
+  "keep_your_account_safe_add_another_email": "Keep your account safe and make sure you don’t lose access to it by adding another email address.",
+  "keep_your_email_updated": "Keep your email updated so that you don’t lose access to your account and data.",
+  "keybindings": "Keybindings",
+  "keyboard_shortcuts": "Keyboard shortcuts",
+  "knowledge_base": "knowledge base",
+  "ko": "Korean",
+  "labels_help_you_to_easily_reference_your_figures": "Labels help you to easily reference your figures throughout your document. To reference a figure within the text, reference the label using the <0>\\ref{...}</0> command. This makes it easy to reference figures without needing to manually remember the figure numbering. <1>Learn more</1>",
+  "labels_help_you_to_reference_your_tables": "Labels help you to reference your tables throughout your document easily. To reference a table within the text, reference the label using the <0>\\ref{...}</0> command. This makes it easy to reference tables without manually remembering the table numbering. <1>Read about labels and cross-references</1>.",
+  "labs": "Labs",
+  "labs_program_benefits": "By signing up for Overleaf Labs you can get your hands on in-development features and try them out as much as you like. All we ask in return is your honest feedback to help us develop and improve. It’s important to note that features available in this program are still being tested and actively developed. This means they could change, be removed, or become part of a premium plan.",
+  "language": "Language",
+  "language_suggestions": "Language suggestions",
+  "large_or_high-resolution_images_taking_too_long": "Large or high-resolution images taking too long to process. You may be able to <0>optimize them</0>.",
+  "large_or_high_resolution_images_taking_too_long_to_process": "Large or high-resolution images taking too long to process.",
+  "last_active": "Last Active",
+  "last_active_description": "Last time a project was opened.",
+  "last_edit": "Last edit",
+  "last_logged_in": "Last logged in",
+  "last_modified": "Last Modified",
+  "last_name": "Last name",
+  "last_resort_trouble_shooting_guide": "If that doesn’t help, follow our <0>troubleshooting guide</0>.",
+  "last_suggested_fix": "Last suggested fix",
+  "last_updated": "Last Updated",
+  "last_updated_date_by_x": "__lastUpdatedDate__ by __person__",
+  "last_used": "last used",
+  "latam_discount_modal_info": "Unlock the full potential of Overleaf with a __discount__% discount on premium subscriptions paid in __currencyName__. Get a longer compile timeout, full document history, track changes, additional collaborators, and more.",
+  "latam_discount_modal_title": "Premium subscription discount",
+  "latam_discount_offer_plans_page_banner": "__flag__ We’ve applied a __discount__ discount to premium plans on this page for our users in __country__. Check out the new lower prices (in __currency__).",
+  "latex_articles_page_title": "Articles - Papers, Presentations, Reports and more",
+  "latex_examples": "LaTeX examples",
+  "latex_examples_page_title": "Examples - Equations, Formatting, TikZ, Packages and More",
+  "latex_in_thirty_minutes": "LaTeX in 30 minutes",
+  "latex_places_figures_according_to_a_special_algorithm": "LaTeX places figures according to a special algorithm. You can use something called ‘placement parameters’ to influence the positioning of the figure. <0>Find out how</>",
+  "latex_places_tables_according_to_a_special_algorithm": "LaTeX places tables according to a special algorithm. You can use “placement parameters” to influence the position of the table. <0>This article</0> explains how to do this.",
+  "latex_templates": "LaTeX Templates",
+  "latex_templates_and_examples": "LaTeX templates and examples",
+  "latex_templates_for_journal_articles": "LaTeX templates for journal articles, academic papers, CVs and résumés, presentations, and more.",
+  "latex_templates_sentence_case": "LaTeX templates",
+  "layout": "Layout",
+  "layout_options": "Layout options",
+  "layout_processing": "Layout processing",
+  "ldap": "LDAP",
+  "ldap_create_admin_instructions": "Choose an email address for the first __appName__ admin account. This should correspond to an account in the LDAP system. You will then be asked to log in with this account.",
+  "learn": "Learn",
+  "learn_more": "Learn more",
+  "learn_more_about_account": "<0>Learn more</0> about managing your __appName__ account.",
+  "learn_more_about_compile_timeouts": "<0>Learn more</0> about compile timeouts.",
+  "learn_more_about_emails": "<0>Learn more</0> about managing your __appName__ emails.",
+  "learn_more_about_link_sharing": "Learn more about Link Sharing",
+  "learn_more_about_managed_users": "Learn more about Managed Users.",
+  "learn_more_about_other_causes_of_compile_timeouts": "<0>Learn more</0> about other causes of compile timeouts and how to fix them.",
+  "leave": "Leave",
+  "leave_any_group_subscriptions": "Leave any group subscriptions other than the one that will be managing your account. <0>Leave them from the Subscription page.</0>",
+  "leave_group": "Leave group",
+  "leave_labs": "Leave Overleaf Labs",
+  "leave_now": "Leave now",
+  "leave_project": "Leave Project",
+  "leave_projects": "Leave Projects",
+  "left": "Left",
+  "length_unit": "Length unit",
+  "let_us_know": "Let us know",
+  "let_us_know_how_we_can_help": "Let us know how we can help",
+  "let_us_know_what_you_think": "Let us know what you think",
+  "lets_get_those_premium_features": "Let’s get those premium features up and running for you straightaway. You’ll be billed <0>__paymentAmount__</0> using the payment details we have for you.",
+  "libraries": "Libraries",
+  "library": "Library",
+  "license": "License",
+  "licenses": "Licenses",
+  "limited_document_history": "Limited document history",
+  "limited_to_n_collaborators_per_project": "Limited to __count__ collaborator per project",
+  "limited_to_n_collaborators_per_project_plural": "Limited to __count__ collaborators per project",
+  "limited_to_n_editors": "Limited to __count__ editor",
+  "limited_to_n_editors_per_project": "Limited to __count__ editor per project",
+  "limited_to_n_editors_per_project_plural": "Limited to __count__ editors per project",
+  "limited_to_n_editors_plural": "Limited to __count__ editors",
+  "line_height": "Line Height",
+  "line_width_is_the_width_of_the_line_in_the_current_environment": "Line width is the width of the line in the current environment. e.g. a full page width in single-column layout or half a page width in a two-column layout.",
+  "link": "Link",
+  "link_account": "Link Account",
+  "link_accounts": "Link Accounts",
+  "link_accounts_and_add_email": "Link Accounts and Add Email",
+  "link_institutional_email_get_started": "Link an institutional email address to your account to get started.",
+  "link_overleaf_with_git": "Link __appName__ with Git for seamless project syncing and version control across your repositories.",
+  "link_sharing": "Link sharing",
+  "link_sharing_is_off_short": "Link sharing is off",
+  "link_sharing_is_on": "Link sharing is on",
+  "link_to_github": "Link to your GitHub account",
+  "link_to_github_description": "You need to authorise __appName__ to access your GitHub account to allow us to sync your projects.",
+  "link_to_mendeley": "Link to Mendeley",
+  "link_to_papers": "Link to Papers",
+  "link_to_zotero": "Link to Zotero",
+  "link_your_accounts": "Link your accounts",
+  "linked_accounts": "linked accounts",
+  "linked_accounts_explained": "You can link your __appName__ account with other services to enable the features described below.",
+  "linked_collabratec_description": "Use Collabratec to manage your __appName__ projects.",
+  "linked_file": "Imported file",
+  "links": "Links",
+  "loading": "Loading",
+  "loading_content": "Creating Project",
+  "loading_github_repositories": "Loading your GitHub repositories",
+  "loading_prices": "loading prices",
+  "loading_recent_github_commits": "Loading recent commits",
+  "loading_writefull": "Loading Writefull",
+  "log_entry_description": "Log entry with level: __level__",
+  "log_entry_maximum_entries": "Maximum log entries limit hit",
+  "log_entry_maximum_entries_enable_stop_on_first_error": "Try to fix the first error and recompile. Often one error causes many later error messages. You can <0>Enable “Stop on first error”</0> to focus on fixing errors. We recommend fixing errors as soon as possible; letting them accumulate may lead to hard-to-debug and fatal errors. <1>Learn more</1>",
+  "log_entry_maximum_entries_see_full_logs": "If you need to see the full logs, you can still download them or view the raw logs below.",
+  "log_entry_maximum_entries_title": "__total__ log messages total. Showing the first __displayed__",
+  "log_hint_extra_info": "Learn more",
+  "log_in": "Log in",
+  "log_in_and_link": "Log in and link",
+  "log_in_and_link_accounts": "Log in and link accounts",
+  "log_in_first_to_proceed": "You will need to <b>log in</b> first to proceed.",
+  "log_in_now": "Log in now",
+  "log_in_with": "Log in with __provider__",
+  "log_in_with_a_different_account": "Log in with a different account",
+  "log_in_with_email": "Log in with __email__",
+  "log_in_with_existing_institution_email": "Please log in with your existing <b>__appName__</b> account in order to get your <b>__appName__</b>  and <b>__institutionName__</b> institutional accounts linked.",
+  "log_in_with_primary_email_address": "This will be the email address to use if you log in with an email address and password. Important __appName__ notifications will be sent to this email address.",
+  "log_in_with_sso": "Log in with SSO",
+  "log_in_with_sso_email": "Work or university email address",
+  "log_out": "Log Out",
+  "log_out_from": "Log out from __email__",
+  "log_out_lowercase_dot": "Log out.",
+  "log_viewer_error": "There was a problem displaying this project’s compilation errors and logs.",
+  "logged_in_with_email": "You are currently logged in to <b>__appName__</b> with the email <b>__email__</b>.",
+  "logging_in": "Logging in",
+  "logging_in_or_managing_your_account": "Logging in or managing your account",
+  "login": "Login",
+  "login_count": "Login count",
+  "login_error": "Login error",
+  "login_failed": "Login failed",
+  "login_here": "Login here",
+  "login_or_password_wrong_try_again": "Your login or password is incorrect. Please try again",
+  "login_register_or": "or",
+  "login_to_accept_invitation": "Log in to accept invitation",
+  "login_to_overleaf": "Log in to Overleaf",
+  "login_with_service": "Log in with __service__",
+  "login_with_sso": "Log in to Overleaf with SSO",
+  "logs_and_output_files": "Logs and output files",
+  "longer_compile_timeout": "Longer <0>compile timeout</0>",
+  "longer_compile_timeout_on_faster_servers": "Longer compile timeout on faster servers",
+  "looking_multiple_licenses": "Looking for multiple licenses?",
+  "looks_like_logged_in_with_email": "It looks like you’re already logged in to <b>__appName__</b> with the email <b>__email__</b>.",
+  "looks_like_youre_at": "It looks like you’re at <0>__institutionName__</0>.",
+  "lost_connection": "Lost Connection",
+  "main_bibliography_file_for_this_project": "Main bibliography file for this project",
+  "main_document": "Main document",
+  "main_file_not_found": "Unknown main document",
+  "main_navigation": "Main navigation",
+  "maintenance": "Maintenance",
+  "make_a_copy": "Make a copy",
+  "make_email_primary_description": "Make this the primary email, used to log in",
+  "make_owner": "Make owner",
+  "make_primary": "Make Primary",
+  "make_private": "Make Private",
+  "manage_beta_program_membership": "Manage Beta Program Membership",
+  "manage_files_from_your_dropbox_folder": "Manage files from your Dropbox folder",
+  "manage_group_members_subtext": "Add or remove members from your group subscription",
+  "manage_group_settings": "Manage group settings",
+  "manage_group_settings_subtext": "Configure and manage SSO and Managed Users",
+  "manage_group_settings_subtext_group_sso": "Configure and manage SSO",
+  "manage_group_settings_subtext_managed_users": "Turn on Managed Users",
+  "manage_institution_managers": "Manage institution managers",
+  "manage_managers_subtext": "Assign or remove manager privileges",
+  "manage_newsletter": "Manage Your Newsletter Preferences",
+  "manage_publisher_managers": "Manage publisher managers",
+  "manage_sessions": "Manage Your Sessions",
+  "manage_subscription": "Manage subscription",
+  "manage_your_ai_assist_add_on": "Manage your AI Assist add-on",
+  "managed": "Managed",
+  "managed_user_accounts": "Managed user accounts",
+  "managed_user_invite_has_been_sent_to_email": "Managed User invite has been sent to <0>__email__</0>",
+  "managed_users": "Managed Users",
+  "managed_users_explanation": "Managed Users ensures you stay in control of your organization’s projects and who owns them. <0>Read more about Managed Users.</0>",
+  "managed_users_gives_gives_you_more_control_over_your_group": "Managed Users gives you more control over your group’s use of __appName__. It ensures tighter management of user access and deletion and allows you to keep control of your projects when someone leaves the group.",
+  "managed_users_is_enabled": "Managed Users is enabled",
+  "managed_users_terms": "To use the Managed Users feature, you must agree to the latest version of our customer terms at <0>__link__</0> on behalf of your organization by selecting \"I agree\" below. These terms will then apply to your organization’s use of Overleaf in place of any previously agreed Overleaf terms. The exception to this is where we have a signed agreement in place with you, in which case that signed agreement will continue to govern. Please keep a copy for your records.",
+  "managers_cannot_remove_admin": "Admins cannot be removed",
+  "managers_cannot_remove_self": "Managers cannot remove themselves",
+  "managers_management": "Managers management",
+  "managing_your_subscription": "Managing your subscription",
+  "march": "March",
+  "marked_as_resolved": "Marked as resolved",
+  "math": "Math",
+  "math_display": "Math Display",
+  "math_inline": "Math Inline",
+  "maximum_files_uploaded_together": "Maximum __max__ files uploaded together",
+  "may": "May",
+  "maybe_later": "Maybe later",
+  "member_picker": "Select number of users for group plan",
+  "members_management": "Members management",
+  "mendeley": "Mendeley",
+  "mendeley_dynamic_sync_description": "With the Mendeley integration, you can import your references into __appName__. You can either import all your references at once or dynamically search your Mendeley library directly from __appName__.",
+  "mendeley_groups_loading_error": "There was an error loading groups from Mendeley",
+  "mendeley_groups_relink": "There was an error accessing your Mendeley data. This was likely caused by lack of permissions. Please re-link your account and try again.",
+  "mendeley_integration": "Mendeley Integration",
+  "mendeley_is_premium": "Mendeley integration is a premium feature",
+  "mendeley_reference_loading_error": "Error, could not load references from Mendeley",
+  "mendeley_reference_loading_error_expired": "Mendeley token expired, please re-link your account",
+  "mendeley_reference_loading_error_forbidden": "Could not load references from Mendeley, please re-link your account and try again",
+  "mendeley_sync_description": "With the Mendeley integration you can import your references from Mendeley into your __appName__ projects.",
+  "mendeley_upgrade_prompt_content": "Link your Mendeley account to search and add your references from Mendeley directly in your project—they’ll automatically be added to your .bib file. Or import them as a file into your __appName__ projects.",
+  "mendeley_upgrade_prompt_title": "Cite from Mendeley",
+  "menu": "Menu",
+  "merge": "Merge",
+  "merge_cells": "Merge cells",
+  "merging": "Merging",
+  "message_received": "Message received",
+  "missing_field_for_entry": "Missing field for",
+  "missing_fields_for_entry": "Missing fields for",
+  "missing_payment_details": "Missing payment details",
+  "money_back_guarantee": "30-day money back guarantee, no questions asked",
+  "month": "month",
+  "month_plural": "months",
+  "monthly": "Monthly",
+  "more": "More",
+  "more_actions": "More actions",
+  "more_changes_based_on_your_feedback": "More changes based on your feedback!",
+  "more_collabs_per_project": "More collaborators per project",
+  "more_comments": "More comments",
+  "more_compile_time": "More compile time",
+  "more_info": "More Info",
+  "more_options": "More options",
+  "more_options_for_border_settings_coming_soon": "More options for border settings coming soon.",
+  "more_project_collaborators": "<0>More</0> project <0>collaborators</0>",
+  "more_than_one_kind_of_snippet_was_requested": "The link to open this content on Overleaf included some invalid parameters. If this keeps happening for links on a particular site, please report this to them.",
+  "most_popular_uppercase": "Most popular",
+  "must_be_email_address": "Must be an email address",
+  "must_be_purchased_online": "Must be purchased online",
+  "my_library": "My Library",
+  "n_items": "__count__ item",
+  "n_items_plural": "__count__ items",
+  "n_more_updates_above": "__count__ more update above",
+  "n_more_updates_above_plural": "__count__ more updates above",
+  "n_more_updates_below": "__count__ more update below",
+  "n_more_updates_below_plural": "__count__ more updates below",
+  "n_users": "__userCount__ users",
+  "name": "Name",
+  "name_usage_explanation": "Your name will be displayed to your collaborators (so they know who they’re working with).",
+  "native": "Native",
+  "navigate_log_source": "Navigate to log position in source code: __location__",
+  "navigation": "Navigation",
+  "nearly_activated": "You’re one step away from activating your __appName__ account!",
+  "need_20_plus_users_discount": "20+ users? <0>Contact Sales</0> to get the best discounts.",
+  "need_anything_contact_us_at": "If there is anything you ever need please feel free to contact us directly at",
+  "need_contact_group_admin_to_make_changes": "You’ll need to contact your group admin if you want to make certain changes to your account. <0>Read more about managed users.</0>",
+  "need_make_changes": "You need to make some changes",
+  "need_more_than_x_licenses": "Need more than __x__ licenses?",
+  "need_to_add_new_primary_before_remove": "You’ll need to add a new primary email address before you can remove this one.",
+  "need_to_leave": "Need to leave?",
+  "new_compile_domain_notice": "We’ve recently migrated PDF downloads to a new domain. Something might be blocking your browser from accessing that new domain, <0>__compilesUserContentDomain__</0>. This could be caused by network blocking or a strict browser plugin rule. Please follow our <1>troubleshooting guide</1>.",
+  "new_file": "New file",
+  "new_folder": "New folder",
+  "new_font_open_dyslexic": "New font: OpenDyslexic Mono is designed to improve readability for those with dyslexia.",
+  "new_look_and_feel": "New look and feel",
+  "new_look_and_placement_of_the_settings": "New look and placement of the settings",
+  "new_name": "New Name",
+  "new_navigation_introducing_left_hand_side_rail_and_top_menus": "New navigation - introducing left-hand side rail and top menus",
+  "new_overleaf_editor": "New Overleaf editor",
+  "new_password": "New password",
+  "new_project": "New Project",
+  "new_snippet_project": "Untitled",
+  "new_subscription_will_be_billed_immediately": "Your new subscription will be billed immediately to your current payment method.",
+  "new_tag": "New Tag",
+  "new_tag_name": "New tag name",
+  "newsletter": "Newsletter",
+  "newsletter_info_note": "Please note: you will still receive important emails, such as project invites and security notifications (password resets, account linking, etc).",
+  "newsletter_info_subscribed": "You are currently <0>subscribed</0> to the __appName__ newsletter. If you would prefer not to receive this email then you can unsubscribe at any time.",
+  "newsletter_info_summary": "Every few months we send a newsletter out summarizing the new features available.",
+  "newsletter_info_title": "Newsletter Preferences",
+  "newsletter_info_unsubscribed": "You are currently <0>unsubscribed</0> to the __appName__ newsletter.",
+  "newsletter_onboarding_accept": "I’d like emails about product offers and company news and events.",
+  "next": "Next",
+  "next_page": "Next page",
+  "next_payment_of_x_collectected_on_y": "The next payment of <0>__paymentAmmount__</0> will be collected on <1>__collectionDate__</1>.",
+  "nl": "Dutch",
+  "no": "Norwegian",
+  "no_actions": "No actions",
+  "no_articles_matching_your_tags": "There are no articles matching your tags",
+  "no_borders": "No borders",
+  "no_caption": "No caption",
+  "no_comments_or_suggestions": "No comments or suggestions",
+  "no_existing_password": "Please use the password reset form to set your password",
+  "no_featured_templates": "No featured templates",
+  "no_folder": "No folder",
+  "no_image_files_found": "No image files found",
+  "no_libraries_selected": "No libraries selected",
+  "no_members": "No members",
+  "no_messages": "No messages",
+  "no_messages_yet": "No messages yet",
+  "no_new_commits_in_github": "No new commits in GitHub since last merge.",
+  "no_one_has_commented_or_left_any_suggestions_yet": "No one has commented or left any suggestions yet.",
+  "no_other_projects_found": "No other projects found, please create another project first",
+  "no_other_sessions": "No other sessions active",
+  "no_pdf_error_explanation": "This compile didn’t produce a PDF. This can happen if:",
+  "no_pdf_error_reason_no_content": "The <code>document</code> environment contains no content. If it’s empty, please add some content and compile again.",
+  "no_pdf_error_reason_output_pdf_already_exists": "This project contains a file called <code>output.pdf</code>. If that file exists, please rename it and compile again.",
+  "no_pdf_error_reason_unrecoverable_error": "There is an unrecoverable LaTeX error. If there are LaTeX errors shown below or in the raw logs, please try to fix them and compile again.",
+  "no_pdf_error_title": "No PDF",
+  "no_planned_maintenance": "There is currently no planned maintenance",
+  "no_preview_available": "Sorry, no preview is available.",
+  "no_projects": "No projects",
+  "no_resolved_comments": "No resolved comments",
+  "no_search_results": "No Search Results",
+  "no_selection_select_file": "Currently, no file is selected. Please select a file from the file tree.",
+  "no_symbols_found": "No symbols found",
+  "no_thanks_cancel_now": "No thanks, I still want to cancel",
+  "no_update_email": "No, update email",
+  "non_deletable_entity": "The specified entity may not be deleted",
+  "normal": "Normal",
+  "normally_x_price_per_month": "Normally __price__ per month",
+  "normally_x_price_per_year": "Normally __price__ per year",
+  "not_a_student": "Not a student?",
+  "not_found_error_from_the_supplied_url": "The link to open this content on Overleaf pointed to a file that could not be found. If this keeps happening for links on a particular site, please report this to them.",
+  "not_managed": "Not managed",
+  "not_now": "Not now",
+  "not_registered": "Not registered",
+  "note_features_under_development": "<0>Please note</0> that features in this program are still being tested and actively developed. This means that they might <0>change</0>, be <0>removed</0> or <0>become part of a premium plan</0>",
+  "notification_features_upgraded_by_affiliation": "Good news! Your affiliated organization __institutionName__ has an Overleaf subscription, and you now have access to all of Overleaf’s Professional features.",
+  "notification_personal_and_group_subscriptions": "We’ve spotted that you’ve got <0>more than one active __appName__ subscription</0>. To avoid paying more than you need to, <1>review your subscriptions</1>.",
+  "notification_personal_subscription_not_required_due_to_affiliation": " Good news! Your affiliated organization __institutionName__ has an Overleaf subscription, and you now have access to Overleaf’s Professional features through your affiliation. You can cancel your individual subscription without losing access to any features.",
+  "notification_project_invite": "<b>__userName__</b> would like you to join <b>__projectName__</b> <a class=\"btn btn-sm btn-info pull-right\" href=\"/project/__projectId__/invite/token/__token__\">Join Project</a>",
+  "notification_project_invite_accepted_message": "You’ve joined <b>__projectName__</b>",
+  "notification_project_invite_message": "<b>__userName__</b> would like you to join <b>__projectName__</b>",
+  "november": "November",
+  "number_collab": "Number of collaborators",
+  "number_collab_info": "The number of people you can invite to work on a project with you. The limit is per project, so you can invite different people to each project.",
+  "number_of_projects": "Number of projects",
+  "number_of_users": "Number of users",
+  "numbered_list": "Numbered list",
+  "oauth_orcid_description": " <a href=\"__link__\">Securely establish your identity by linking your ORCID iD to your __appName__ account</a>. Submissions to participating publishers will automatically include your ORCID iD for improved workflow and visibility. ",
+  "october": "October",
+  "off": "Off",
+  "official": "Official",
+  "ok": "OK",
+  "ok_continue_to_project": "OK, continue to project",
+  "ok_join_project": "OK, join project",
+  "on": "On",
+  "on_free_plan_upgrade_to_access_features": "You are on the __appName__ Free plan. Upgrade to access these <0>Premium features</0>",
+  "one_collaborator_per_project": "1 collaborator per project",
+  "one_free_collab": "One free collaborator",
+  "one_per_project": "1 per project",
+  "one_step_away_from_professional_features": "You are one step away from accessing <0>Overleaf Professional features</0>!",
+  "ongoing_experiments": "Ongoing experiments",
+  "online_latex_editor": "Online LaTeX Editor",
+  "only_group_admin_or_managers_can_delete_your_account_1": "By becoming a managed user, your organization will have admin rights over your account and control over your stuff, including the right to close your account and access, delete and share your stuff. As a result:",
+  "only_group_admin_or_managers_can_delete_your_account_2": "Only your group admin or group managers will be able to delete your account.",
+  "only_group_admin_or_managers_can_delete_your_account_3": "Your group admin and group managers will be able to reassign ownership of your projects to another group member.",
+  "only_group_admin_or_managers_can_delete_your_account_4": "Once you have become a managed user, you cannot change back. <0>Learn more about managed Overleaf accounts.</0>",
+  "only_group_admin_or_managers_can_delete_your_account_5": "For more information, see the \"Managed Accounts\" section in our terms of use, which you agree to by clicking Accept invitation",
+  "only_importer_can_refresh": "Only the person who originally imported this __provider__ file can refresh it.",
+  "open_action_menu": "Open __name__ action menu",
+  "open_advanced_reference_search": "Open advanced reference search",
+  "open_as_template": "Open as Template",
+  "open_file": "Edit file",
+  "open_link": "Go to page",
+  "open_path": "Open __path__",
+  "open_pdf_in_separate_tab": "Open PDF in separate tab",
+  "open_project": "Open Project",
+  "open_target": "Go to target",
+  "opted_out_linking": "You’ve opted out from linking your <b>__email__</b> <b>__appName__</b> account to your institutional account.",
+  "optional": "Optional",
+  "or": "or",
+  "organization": "Organization",
+  "organization_does_not_support_sso": "Your organization doesn’t support SSO yet, but you can still register using your email address.",
+  "organization_name": "Organization name",
+  "organization_or_company_name": "Organization or company name",
+  "organization_or_company_type": "Organization or company type",
+  "organize_projects": "Organize Projects",
+  "organize_tags": "Organize Tags",
+  "original_price": "Original price",
+  "other": "Other",
+  "other_actions": "Other Actions",
+  "other_causes_of_compile_timeouts": "Other causes of compile timeouts",
+  "other_logs_and_files": "Other logs and files",
+  "other_output_files": "Download other output files",
+  "other_sessions": "Other Sessions",
+  "other_ways_to_log_in": "Other ways to log in",
+  "our_team_will_get_back_to_you_shortly": "Our team will get back to you shortly.",
+  "our_values": "Our values",
+  "out_of_sync": "Out of sync",
+  "out_of_sync_detail": "Sorry, this file has gone out of sync and we need to do a full refresh.<0 /><1>Please see this help guide for more information</1>",
+  "output_file": "Output file",
+  "over": "over",
+  "over_n_users_at_research_institutions_and_business": "Over __userCountMillion__ million users at research institutions and businesses worldwide love __appName__",
+  "overall_theme": "Overall theme",
+  "overleaf": "Overleaf",
+  "overleaf_group_plans": "Overleaf group plans",
+  "overleaf_history_system": "Overleaf History System",
+  "overleaf_individual_plans": "Overleaf individual plans",
+  "overleaf_labs": "Overleaf Labs",
+  "overleaf_logo": "Overleaf logo",
+  "overleaf_plans_and_pricing": "overleaf plans and pricing",
+  "overleaf_template_gallery": "overleaf template gallery",
+  "overview": "Overview",
+  "overwrite": "Overwrite",
+  "overwriting_the_original_folder": "Overwriting the original folder will delete it and all the files it contains.",
+  "owned_by_x": "owned by __x__",
+  "owner": "Owner",
+  "page_current": "Page __page__, Current Page",
+  "page_not_found": "Page Not Found",
+  "pagination_navigation": "Pagination Navigation",
+  "papers": "Papers",
+  "papers_dynamic_sync_description": "With the Papers integration, you can import your references into __appName__. You can either import all your references at once or dynamically search your Papers library directly from __appName__.",
+  "papers_groups_loading_error": "There was an error loading libraries from Papers",
+  "papers_groups_relink": "There was an error accessing your Papers data. This was likely caused by lack of permissions. Please re-link your account and try again.",
+  "papers_integration": "Papers Integration",
+  "papers_is_premium": "Papers integration is a premium feature",
+  "papers_presentations_reports_and_more": "Papers, presentations, reports and more, written in LaTeX and published by our community.",
+  "papers_reference_loading_error": "Error, could not load references from Papers",
+  "papers_reference_loading_error_expired": "Papers token expired, please re-link your account",
+  "papers_reference_loading_error_forbidden": "Could not load references from Papers, please re-link your account and try again",
+  "papers_sync_description": "With the Papers integration you can import your references from Papers into your __appName__ projects.",
+  "papers_upgrade_prompt_content": "Link your Papers account to search and add your references from Papers directly in your project—they’ll automatically be added to your .bib file. Or import them as a file into your __appName__ projects.",
+  "papers_upgrade_prompt_title": "Cite from Papers",
+  "paragraph_styles": "Paragraph styles",
+  "partial_outline_warning": "The File outline is out of date. It will update itself as you edit the document",
+  "password": "Password",
+  "password_cant_be_the_same_as_current_one": "Password can’t be the same as current one",
+  "password_change_old_password_wrong": "Your old password is wrong",
+  "password_change_password_must_be_different": "The password you entered is the same as your current password. Please try a different password.",
+  "password_change_passwords_do_not_match": "Passwords do not match",
+  "password_change_successful": "Password changed",
+  "password_compromised_try_again_or_use_known_device_or_reset": "The password you’ve entered is on a <0>public list of compromised passwords</0>. Please try logging in from a device you’ve previously used or <1>reset your password</1>",
+  "password_managed_externally": "Password settings are managed externally",
+  "password_reset": "Password Reset",
+  "password_reset_email_sent": "You have been sent an email to complete your password reset.",
+  "password_reset_sentence_case": "Password reset",
+  "password_reset_token_expired": "Your password reset token has expired. Please request a new password reset email and follow the link there.",
+  "password_too_long_please_reset": "Maximum password length exceeded. Please reset your password.",
+  "password_updated": "Password updated",
+  "password_was_detected_on_a_public_list_of_known_compromised_passwords": "This password was detected on a <0>public list of known compromised passwords</0>",
+  "paste_options": "Paste options",
+  "paste_with_formatting": "Paste with formatting",
+  "paste_without_formatting": "Paste without formatting",
+  "pause_subscription": "Pause subscription",
+  "pause_subscription_for": "Pause subscription for",
+  "pay_now": "Pay now",
+  "payment_method_accepted": "__paymentMethod__ accepted",
+  "payment_provider_unreachable_error": "Sorry, there was an error talking to our payment provider. Please try again in a few moments.\nIf you are using any ad or script blocking extensions in your browser, you may need to temporarily disable them.",
+  "payment_summary": "Payment summary",
+  "pdf": "PDF",
+  "pdf_compile_in_progress_error": "A previous compile is still running. Please wait a minute and try compiling again.",
+  "pdf_compile_rate_limit_hit": "Compile rate limit hit",
+  "pdf_compile_try_again": "Please wait for your other compile to finish before trying again.",
+  "pdf_couldnt_compile": "PDF couldn’t compile",
+  "pdf_in_separate_tab": "PDF in separate tab",
+  "pdf_only": "PDF only",
+  "pdf_only_hide_editor": "PDF only <0>(hide editor)</0>",
+  "pdf_preview": "PDF preview",
+  "pdf_preview_error": "There was a problem displaying the compilation results for this project.",
+  "pdf_rendering_error": "PDF Rendering Error",
+  "pdf_unavailable_for_download": "PDF unavailable for download",
+  "pdf_viewer": "PDF Viewer",
+  "pdf_viewer_error": "There was a problem displaying the PDF for this project.",
+  "pending": "Pending",
+  "pending_additional_licenses": "Your subscription is changing to include <0>__pendingAdditionalLicenses__</0> additional license(s) for a total of <1>__pendingTotalLicenses__</1> licenses.",
+  "pending_addon_cancellation": "Your subscription will change to remove the <strong>__addOnName__</strong> add-on at the end of the current billing period.",
+  "pending_invite": "Pending invite",
+  "per_license": "per license",
+  "per_month": "per month",
+  "per_month_billed_annually": "per month, billed annually",
+  "per_user_month": "per user / month",
+  "per_user_year": "per user / year",
+  "per_year": "per year",
+  "percent_is_the_percentage_of_the_line_width": "% is the percentage of the line width",
+  "permanently_disables_the_preview": "Permanently disables the preview",
+  "personal": "Personal",
+  "personal_library": "Personal library",
+  "personalized_onboarding": "Personalized onboarding",
+  "pick_up_where_you_left_off": "Pick up where you left off",
+  "pl": "Polish",
+  "plan": "Plan",
+  "plan_tooltip": "You’re on the __plan__ plan. Click to find out how to make the most of your Overleaf premium features.",
+  "planned_maintenance": "Planned Maintenance",
+  "plans_amper_pricing": "Plans & Pricing",
+  "plans_and_pricing": "Plans and Pricing",
+  "plans_and_pricing_lowercase": "plans and pricing",
+  "please_ask_the_project_owner_to_upgrade_more_collaborators": "Please ask the project owner to upgrade their plan to allow more collaborators.",
+  "please_ask_the_project_owner_to_upgrade_to_track_changes": "Please ask the project owner to upgrade to use track changes",
+  "please_change_primary_to_remove": "Please change your primary email in order to remove",
+  "please_check_your_inbox_to_confirm": "Please check your email inbox to confirm your <0>__institutionName__</0> affiliation.",
+  "please_compile_pdf_before_download": "Please compile your project before downloading the PDF",
+  "please_compile_pdf_before_word_count": "Please compile your project before performing a word count",
+  "please_confirm_email": "Please confirm your email __emailAddress__ by clicking on the link in the confirmation email ",
+  "please_confirm_primary_email": "Please confirm your primary email address __emailAddress__ by clicking on the link in the confirmation email.",
+  "please_confirm_secondary_email": "Please confirm your secondary email address __emailAddress__ by clicking on the link in the confirmation email.",
+  "please_confirm_your_email_before_making_it_default": "Please confirm your email before making it the primary.",
+  "please_contact_support_to_makes_change_to_your_plan": "Please <0>contact support</0> to make changes to your plan",
+  "please_contact_us_if_you_think_this_is_in_error": "Please <0>contact us</0> if you think this is in error.",
+  "please_enter_confirmation_code": "Please enter your confirmation code",
+  "please_enter_email": "Please enter your email address",
+  "please_get_in_touch": "Please get in touch",
+  "please_link_before_making_primary": "Please confirm your email by linking to your institutional account before making it the primary email.",
+  "please_provide_a_message": "Please provide a message",
+  "please_provide_a_subject": "Please provide a subject",
+  "please_provide_a_valid_email_address": "Please provide a valid email address",
+  "please_reconfirm_institutional_email": "Please take a moment to confirm your institutional email address or <0>remove it</0> from your account.",
+  "please_reconfirm_your_affiliation_before_making_this_primary": "Please confirm your affiliation before making this the primary.",
+  "please_refresh": "Please refresh the page to continue.",
+  "please_request_a_new_password_reset_email_and_follow_the_link": "Please request a new password reset email and follow the link",
+  "please_select": "Please select",
+  "please_select_a_file": "Please Select a File",
+  "please_select_a_project": "Please Select a Project",
+  "please_select_an_output_file": "Please Select an Output File",
+  "please_set_a_password": "Please set a password",
+  "please_set_main_file": "Please choose the main file for this project in the project menu.  ",
+  "please_wait": "Please wait",
+  "plus_additional_collaborators_document_history_track_changes_and_more": "(plus additional collaborators, document history, track changes, and more).",
+  "plus_more": "plus more",
+  "plus_x_additional_licenses_for_a_total_of_y_licenses": "Plus <0>__additionalLicenses__</0> additional license(s) for a total of <1>__count__ licenses</1>",
+  "popular_tags": "Popular Tags",
+  "portal_add_affiliation_to_join": "It looks like you are already logged in to __appName__. If you have a __portalTitle__ email you can add it now.",
+  "position": "Position",
+  "postal_code": "Postal code",
+  "premium": "Premium",
+  "premium_feature": "Premium feature",
+  "premium_features": "Premium features",
+  "premium_plan_label": "You’re using <b>Overleaf Premium</b>",
+  "presentation": "Presentation",
+  "presentation_mode": "Presentation mode",
+  "press_and_awards": "Press & awards",
+  "previous_page": "Previous page",
+  "price": "Price",
+  "primarily_work_study_question": "Where do you primarily work or study?",
+  "primarily_work_study_question_company": "Company",
+  "primarily_work_study_question_government": "Government",
+  "primarily_work_study_question_nonprofit_ngo": "Nonprofit or NGO",
+  "primarily_work_study_question_other": "Other",
+  "primarily_work_study_question_university_school": "University or school",
+  "primary_certificate": "Primary certificate",
+  "primary_email_check_question": "Is <0>__email__</0> still your email address?",
+  "priority_support": "Priority support",
+  "privacy": "Privacy",
+  "privacy_and_terms": "Privacy and Terms",
+  "privacy_policy": "Privacy Policy",
+  "private": "Private",
+  "problem_changing_email_address": "There was a problem changing your email address. Please try again in a few moments. If the problem continues please contact us.",
+  "problem_talking_to_publishing_service": "There is a problem with our publishing service, please try again in a few minutes",
+  "problem_with_subscription_contact_us": "There is a problem with your subscription. Please contact us for more information.",
+  "proceed_to_paypal": "Proceed to PayPal",
+  "proceeding_to_paypal_takes_you_to_the_paypal_site_to_pay": "Proceeding to PayPal will take you to the PayPal site to pay for your subscription.",
+  "processing": "processing",
+  "processing_uppercase": "Processing",
+  "processing_your_request": "Please wait while we process your request.",
+  "professional": "Professional",
+  "progress_bar_percentage": "Progress bar from 0 to 100%",
+  "project": "project",
+  "project_approaching_file_limit": "This project is approaching the file limit",
+  "project_failed_to_compile": "Your project failed to compile",
+  "project_figure_modal": "Project",
+  "project_files": "Project files",
+  "project_flagged_too_many_compiles": "This project has been flagged for compiling too often. The limit will be lifted shortly.",
+  "project_has_too_many_files": "This project has reached the 2000 file limit",
+  "project_last_published_at": "Your project was last published at",
+  "project_layout_sharing_submission": "Project Layout, Sharing, and Submission",
+  "project_linked_to": "This project is linked to",
+  "project_name": "Project Name",
+  "project_not_linked_to_github": "This project is not linked to a GitHub repository. You can create a repository for it in GitHub:",
+  "project_ownership_transfer_confirmation_1": "Are you sure you want to make <0>__user__</0> the owner of <1>__project__</1>?",
+  "project_ownership_transfer_confirmation_2": "This action cannot be undone. The new owner will be notified and will be able to change project access settings (including removing your own access).",
+  "project_renamed_or_deleted": "Project Renamed or Deleted",
+  "project_renamed_or_deleted_detail": "This project has either been renamed or deleted by an external data source such as Dropbox. We don’t want to delete your data on Overleaf, so this project still contains your history and collaborators. If the project has been renamed please look in your project list for a new project under the new name.",
+  "project_search_file_count": "in __count__ file",
+  "project_search_file_count_plural": "in __count__ files",
+  "project_search_result_count": "__count__ result",
+  "project_search_result_count_plural": "__count__ results",
+  "project_synchronisation": "Project Synchronisation",
+  "project_timed_out_enable_stop_on_first_error": "<0>Enable “Stop on first error”</0> to help you find and fix errors right away.",
+  "project_timed_out_fatal_error": "A <0>fatal compile error</0> may be completely blocking compilation.",
+  "project_timed_out_intro": "Sorry, your compile took too long to run and timed out. The most common causes of timeouts are:",
+  "project_timed_out_learn_more": "<0>Learn more</0> about other causes of compile timeouts and how to fix them.",
+  "project_timed_out_optimize_images": "Large or high-resolution images are taking too long to process. You may be able to <0>optimize them</0>.",
+  "project_too_large": "Project too large",
+  "project_too_large_please_reduce": "This project has too much editable text, please try and reduce it. The largest files are:",
+  "project_too_much_editable_text": "This project has too much editable text, please try to reduce it.",
+  "project_url": "Affected project URL",
+  "projects": "Projects",
+  "projects_count": "Projects count",
+  "projects_list": "Projects list",
+  "provide_details_of_your_sso_configuration": "Add, edit, or delete your Identity Provider’s SAML metadata.",
+  "pt": "Portuguese",
+  "public": "Public",
+  "publish": "Publish",
+  "publish_as_template": "Manage Template",
+  "publisher_account": "Publisher Account",
+  "publishing": "Publishing",
+  "pull_github_changes_into_sharelatex": "Pull GitHub changes into __appName__",
+  "push_sharelatex_changes_to_github": "Push __appName__ changes to GitHub",
+  "push_to_github_pull_to_overleaf": "Push to GitHub, pull to __appName__",
+  "quoted_text": "Quoted text",
+  "raw_logs": "Raw logs",
+  "raw_logs_description": "Raw logs from the LaTeX compiler",
+  "react_history_tutorial_content": "To compare a range of versions, use the  <0></0> on the versions you want at the start and end of the range. To add a label or to download a version use the options in the three-dot menu. <1>Learn more about using Overleaf History.</1>",
+  "react_history_tutorial_title": "History actions have a new home",
+  "reactivate_subscription": "Reactivate your subscription",
+  "read_lines_from_path": "Read lines from __path__",
+  "read_more": "Read more",
+  "read_more_about_free_compile_timeouts_servers": "Read more about changes to free compile timeouts and servers",
+  "read_only_dropbox_sync_message": "As a read-only viewer you can sync the current project version to Dropbox, but changes made in Dropbox will <0>not</0> sync back to Overleaf.",
+  "read_only_token": "Read-Only Token",
+  "read_write_token": "Read-Write Token",
+  "ready_to_join_x": "You’re ready to join __inviterName__",
+  "ready_to_join_x_in_group_y": "You’re ready to join __inviterName__ in __groupName__",
+  "ready_to_set_up": "Ready to set up",
+  "ready_to_use_templates": "Ready-to-use templates",
+  "real_time_track_changes": "Real-time track-changes",
+  "realtime_track_changes": "Real-time track changes",
+  "reasons_for_compile_timeouts": "Reasons for compile timeouts",
+  "reauthorize_github_account": "Reauthorize your GitHub Account",
+  "recaptcha_conditions": "The site is protected by reCAPTCHA and the Google <1>Privacy Policy</1> and <2>Terms of Service</2> apply.",
+  "recent": "Recent",
+  "recent_commits_in_github": "Recent commits in GitHub",
+  "recommended": "Recommended",
+  "recompile": "Recompile",
+  "recompile_from_scratch": "Recompile from scratch",
+  "recompile_pdf": "Recompile the PDF",
+  "reconfirm": "reconfirm",
+  "reconfirm_account": "Reconfirm account",
+  "reconfirm_explained": "We need to reconfirm your account. Please request a password reset link via the form below to reconfirm your account. If you have any problems reconfirming your account, please contact us at",
+  "reconfirm_secondary_email": "To enhance the security of your __appName__ account, please reconfirm your secondary email address __emailAddress__.",
+  "reconnect": "Try again",
+  "reconnecting": "Reconnecting",
+  "reconnecting_in_x_secs": "Reconnecting in __seconds__ secs",
+  "recurly_email_update_needed": "Your billing email address is currently <0>__recurlyEmail__</0>. If needed you can update your billing address to <1>__userEmail__</1>.",
+  "recurly_email_updated": "Your billing email address was successfully updated",
+  "redirect_to_editor": "Redirect to editor",
+  "redirect_url": "Redirect URL",
+  "redirecting": "Redirecting",
+  "redo": "Redo",
+  "reduce_costs_group_licenses": "You can cut down on paperwork and reduce costs with our discounted group licenses.",
+  "reference_error_relink_hint": "If this error persists, try re-linking your account here:",
+  "reference_manager_searched_groups": "__provider__ search groups",
+  "reference_managers": "Reference managers",
+  "reference_search": "Advanced reference search",
+  "reference_search_info_new": "Find your references easily—search by author, title, year, or journal.",
+  "reference_search_setting": "Reference search",
+  "reference_search_settings": "Reference search settings",
+  "reference_search_style": "Reference search style",
+  "reference_sync": "Reference manager sync",
+  "references_from_these_libraries_will_be_included_in_your_reference_search_results": "References from these libraries will be included in your reference search results.",
+  "refresh": "Refresh",
+  "refresh_page_after_linking_dropbox": "Please refresh this page after linking your account to Dropbox.",
+  "refresh_page_after_starting_free_trial": "Please refresh this page after starting your free trial.",
+  "refreshing": "Refreshing",
+  "regards": "Regards",
+  "register": "Register",
+  "register_error": "Registration error",
+  "register_intercept_sso": "You can link your __authProviderName__ account from the Account Settings page after logging in.",
+  "register_to_accept_invitation": "Register to accept invitation",
+  "register_to_edit_template": "Please register to edit the __templateName__ template",
+  "register_with_another_email": "<a href=\"__link__\">Register with __appName__</a> using another email.",
+  "registered": "Registered",
+  "registering": "Registering",
+  "registration_error": "Registration error",
+  "reject": "Reject",
+  "reject_change": "Reject change",
+  "reject_selected_changes": "Reject selected changes",
+  "related_tags": "Related Tags",
+  "relink_your_account": "Re-link your account",
+  "reload_editor": "Reload editor",
+  "remind_before_trial_ends": "We’ll remind you before your trial ends",
+  "remote_service_error": "The remote service produced an error",
+  "remove": "Remove",
+  "remove_access": "Remove access",
+  "remove_email_address": "Remove email address",
+  "remove_from_group": "Remove from group",
+  "remove_link": "Remove link",
+  "remove_manager": "Remove manager",
+  "remove_or_replace_figure": "Remove or replace figure",
+  "remove_secondary_email_addresses": "Remove any secondary email addresses associated with your account. <0>Remove them in account settings.</0>",
+  "remove_sso_login_option": "Remove the SSO login option for your users.",
+  "remove_tag": "Remove tag __tagName__",
+  "removed": "removed",
+  "removed_from_project": "Removed from project",
+  "removing": "Removing",
+  "rename": "Rename",
+  "rename_project": "Rename Project",
+  "renaming": "Renaming",
+  "renews_on": "Renews on <0>__date__</0>",
+  "reopen": "Re-open",
+  "reopen_comment_error_message": "There was an error reopening your comment. Please try again in a few moments.",
+  "reopen_comment_error_title": "Reopen Comment Error",
+  "replace_figure": "Replace figure",
+  "replace_from_another_project": "Replace from another project",
+  "replace_from_computer": "Replace from computer",
+  "replace_from_project_files": "Replace from project files",
+  "replace_from_url": "Replace from URL",
+  "reply": "Reply",
+  "repository_name": "Repository Name",
+  "repository_visibility": "Repository visibility",
+  "republish": "Republish",
+  "request_new_password_reset_email": "Request a new password reset email",
+  "request_overleaf_common": "Request Overleaf Commons",
+  "request_password_reset": "Request password reset",
+  "request_password_reset_to_reconfirm": "Request password reset email to reconfirm",
+  "request_reconfirmation_email": "Request reconfirmation email",
+  "request_sent_thank_you": "Message sent! Our team will review it and reply by email.",
+  "requesting_password_reset": "Requesting password reset",
+  "required": "Required",
+  "resend": "Resend",
+  "resend_confirmation_code": "Resend confirmation code",
+  "resend_confirmation_email": "Resend confirmation email",
+  "resend_email": "Resend email",
+  "resend_group_invite": "Resend group invite",
+  "resend_link_sso": "Resend SSO invite",
+  "resend_managed_user_invite": "Resend managed user invite",
+  "resending_confirmation_code": "Resending confirmation code",
+  "resending_confirmation_email": "Resending confirmation email",
+  "reset_password": "Reset Password",
+  "reset_password_link": "Click this link to reset your password",
+  "reset_password_sentence_case": "Reset password",
+  "reset_your_password": "Reset your password",
+  "resize": "Resize",
+  "resolve": "Resolve",
+  "resolve_comment": "Resolve comment",
+  "resolve_comment_error_message": "There was an error resolving the comment. Please try again in a few moments.",
+  "resolve_comment_error_title": "Resolve Comment Error",
+  "resolved_comments": "Resolved comments",
+  "resources": "Resources",
+  "restore": "Restore",
+  "restore_file": "Restore file",
+  "restore_file_confirmation_message": "Your current file will restore to the version from __date__ at __time__.",
+  "restore_file_confirmation_title": "Restore this version?",
+  "restore_file_error_message": "There was a problem restoring the file version. Please try again in a few moments. If the problem continues please contact us.",
+  "restore_file_error_title": "Restore File Error",
+  "restore_file_version": "Restore this version",
+  "restore_project_to_this_version": "Restore project to this version",
+  "restore_this_version": "Restore this version",
+  "restoring": "Restoring",
+  "restricted": "Restricted",
+  "restricted_no_permission": "Restricted, sorry you don’t have permission to load this page.",
+  "resync_completed": "Resync completed!",
+  "resync_message": "Resyncing project history can take several minutes depending on the size of the project.",
+  "resync_project_history": "Resync Project History",
+  "retry_test": "Retry test",
+  "return_to_login_page": "Return to Login page",
+  "reverse_x_sort_order": "Reverse __x__ sort order",
+  "revert_pending_plan_change": "Revert scheduled plan change",
+  "review": "Review",
+  "review_panel": "Review panel",
+  "review_panel_and_error_logs_moved_to_the_left": "Review panel and error logs moved to the left",
+  "review_your_peers_work": "Review your peers’ work",
+  "reviewer": "Reviewer",
+  "reviewer_dropbox_sync_message": "As a reviewer you can sync the current project version to Dropbox, but changes made in Dropbox will <0>not</0> sync back to Overleaf.",
+  "reviewing": "Reviewing",
+  "revoke": "Revoke",
+  "revoke_invite": "Revoke Invite",
+  "right": "Right",
+  "ro": "Romanian",
+  "role": "Role",
+  "ru": "Russian",
+  "saml": "SAML",
+  "saml_auth_error": "Sorry, your identity provider responded with an error.  Please contact your administrator for more information.",
+  "saml_authentication_required_error": "Other login methods have been disabled by your group administrator. Please use your group SSO login.",
+  "saml_commons_unavailable": "Institution SSO is currently unavailable. For more details, please see <0>__linkText__</0>.",
+  "saml_create_admin_instructions": "Choose an email address for the first __appName__ admin account. This should correspond to an account in the SAML system. You will then be asked to log in with this account.",
+  "saml_email_not_recognized_error": "This email address isn’t set up for SSO. Please check it and try again or contact your administrator.",
+  "saml_identity_exists_error": "Sorry, the identity returned by your identity provider is already linked with a different Overleaf account.  Please contact your administrator for more information.",
+  "saml_invalid_signature_error": "Sorry, the information received from your identity provider has an invalid signature.  Please contact your administrator for more information.",
+  "saml_login_disabled_error": "Sorry, single sign-on login has been disabled for __email__.  Please contact your administrator for more information.",
+  "saml_login_failure": "Sorry, there was a problem logging you in.  Please contact your administrator for more information.",
+  "saml_login_identity_mismatch_error": "Sorry, you are trying to log in to Overleaf as __email__ but the identity returned by your identity provider is not the correct one for this Overleaf account.",
+  "saml_login_identity_not_found_error": "Sorry, we were not able to find an Overleaf account set up for single sign-on with this identity provider.",
+  "saml_metadata": "Overleaf SAML Metadata",
+  "saml_missing_signature_error": "Sorry, the information received from your identity provider is not signed (both response and assertion signatures are required).  Please contact your administrator for more information.",
+  "saml_missing_user_attribute": "There was a problem with your Single Sign-on authentication. Your organization did not provide the required information to complete authentication. Please contact your administrator for more information.",
+  "saml_response": "SAML Response",
+  "save": "Save",
+  "save_20_percent": "save 20%",
+  "save_20_percent_when_you_switch_to_annual": "Save 20% when you switch to annual",
+  "save_or_cancel-cancel": "Cancel",
+  "save_or_cancel-or": "or",
+  "save_or_cancel-save": "Save",
+  "save_x_or_more": "Save __percentage__ or more",
+  "saving": "Saving",
+  "saving_notification_with_seconds": "Saving __docname__... (__seconds__ seconds of unsaved changes)",
+  "search": "Search",
+  "search_all_project_files": "Search all project files",
+  "search_bib_files": "Search by author, title, year",
+  "search_by_author_journal_title_and_more_link_to_zotero_mendeley_papers": "Search by author, journal, title, and more. Link to Zotero, Mendeley, or Papers to search and add references from your libraries directly in your project.",
+  "search_by_citekey_author_year_title": "Search by citation key, author, title, year",
+  "search_command_find": "Find",
+  "search_command_replace": "Replace",
+  "search_in_all_projects": "Search in all projects",
+  "search_in_archived_projects": "Search in archived projects",
+  "search_in_shared_projects": "Search in projects shared with you",
+  "search_in_trashed_projects": "Search in trashed projects",
+  "search_in_your_projects": "Search in your projects",
+  "search_match_case": "Match case",
+  "search_next": "next",
+  "search_only_the_bib_files_in_your_project_only_by_citekeys": "Search only the .bib files in your project, only by citekeys.",
+  "search_previous": "previous",
+  "search_project": "Search project",
+  "search_projects": "Search projects",
+  "search_references": "Search the .bib files in this project",
+  "search_regexp": "Regular expression",
+  "search_replace": "Replace",
+  "search_replace_all": "Replace All",
+  "search_replace_with": "Replace with",
+  "search_search_for": "Search for",
+  "search_this_file": "Search this file",
+  "search_whole_word": "Whole word",
+  "search_within_selection": "Within selection",
+  "searched_path_for_lines_containing": "Searched __path__ for lines containing \"__query__\"",
+  "secondary_email_password_reset": "That email is registered as a secondary email. Please enter the primary email for your account.",
+  "security": "Security",
+  "see_changes_in_your_documents_live": "See changes in your documents, live",
+  "see_suggestions_from_collaborators": "See suggestions from collaborators",
+  "select_a_column_or_a_merged_cell_to_align": "Select a column or a merged cell to align",
+  "select_a_column_to_adjust_column_width": "Select a column to adjust column width",
+  "select_a_file": "Select a File",
+  "select_a_file_figure_modal": "Select a file",
+  "select_a_group_optional": "Select a Group (optional)",
+  "select_a_language": "Select a language",
+  "select_a_new_owner_for_projects": "Select a new owner for this user’s projects",
+  "select_a_payment_method": "Select a payment method",
+  "select_a_project": "Select a Project",
+  "select_a_project_figure_modal": "Select a project",
+  "select_a_row_or_a_column_to_delete": "Select a row or a column to delete",
+  "select_access_level": "Select access level",
+  "select_access_levels": "Select access levels",
+  "select_all": "Select all",
+  "select_all_projects": "Select all projects",
+  "select_an_output_file": "Select an Output File",
+  "select_an_output_file_figure_modal": "Select an output file",
+  "select_bib_file": "Select .bib file",
+  "select_cells_in_a_single_row_to_merge": "Select cells in a single row to merge",
+  "select_color": "Select color __name__",
+  "select_folder_from_project": "Select folder from project",
+  "select_from_output_files": "select from output files",
+  "select_from_project_files": "select from project files",
+  "select_from_source_files": "select from source files",
+  "select_from_your_computer": "select from your computer",
+  "select_github_repository": "Select a GitHub repository to import into __appName__.",
+  "select_image_from_project_files": "Select image from project files",
+  "select_project": "Select __project__",
+  "select_projects": "Select Projects",
+  "select_size": "Select size",
+  "select_tag": "Select tag __tagName__",
+  "select_user": "Select user",
+  "selected": "Selected",
+  "selected_by_overleaf_staff": "Selected by Overleaf staff",
+  "selection_deleted": "Selection deleted",
+  "send": "Send",
+  "send_first_message": "Send your first message to your collaborators",
+  "send_message": "Send message",
+  "send_request": "Send request",
+  "send_test_email": "Send a test email",
+  "sending": "Sending",
+  "sent": "Sent",
+  "september": "September",
+  "server_error": "Server Error",
+  "server_pro_license_entitlement_line_1": "<0>__appName__</0> Server Pro license",
+  "server_pro_license_entitlement_line_2": "You currently have <0>__count__ active users</0>. If you need to increase your license entitlement, please <1>contact Overleaf</1>.",
+  "server_pro_license_entitlement_line_3": "An active user is one who has opened a project in this Server Pro instance in the last 12 months.",
+  "services": "Services",
+  "session_created_at": "Session Created At",
+  "session_error": "Session error. Please check you have cookies enabled. If the problem persists, try clearing your cache and cookies.",
+  "session_expired_redirecting_to_login": "Session Expired. Redirecting to login page in __seconds__ seconds",
+  "sessions": "Sessions",
+  "set_color": "set color",
+  "set_column_width": "Set column width",
+  "set_new_password": "Set new password",
+  "set_password": "Set Password",
+  "set_up_single_sign_on": "Set up single sign-on (SSO)",
+  "set_up_sso": "Set up SSO",
+  "settings": "Settings",
+  "setup_another_account_under_a_personal_email_address": "Set up another Overleaf account under a personal email address.",
+  "share": "Share",
+  "share_project": "Share Project",
+  "shared_with_you": "Shared with you",
+  "sharelatex_beta_program": "__appName__ Beta Program",
+  "shortcut_to_open_advanced_reference_search": "(<strong>__ctrlSpace__</strong> or <strong>__altSpace__</strong>)",
+  "show_all_projects": "Show all projects",
+  "show_document_preamble": "Show document preamble",
+  "show_equation_preview": "Show equation preview",
+  "show_file_tree": "Show file tree",
+  "show_hotkeys": "Show Hotkeys",
+  "show_in_code": "Show in code",
+  "show_in_pdf": "Show in PDF",
+  "show_less": "show less",
+  "show_live_equation_previews_while_typing": "Show live equation previews while typing",
+  "show_local_file_contents": "Show Local File Contents",
+  "show_more": "show more",
+  "show_outline": "Show File outline",
+  "show_version_history": "Show version history",
+  "show_x_more_projects": "Show __x__ more projects",
+  "showing_1_result": "Showing 1 result",
+  "showing_1_result_of_total": "Showing 1 result of __total__",
+  "showing_x_out_of_n_projects": "Showing __x__ out of __n__ projects.",
+  "showing_x_results": "Showing __x__ results",
+  "showing_x_results_of_total": "Showing __x__ results of __total__",
+  "sign_up": "Sign up",
+  "sign_up_for_free": "Sign up for free",
+  "sign_up_for_free_account": "Sign up for a free account and receive regular updates",
+  "simple_search_mode": "Simple search",
+  "single_sign_on_sso": "Single Sign-On (SSO)",
+  "site_description": "An online LaTeX editor that’s easy to use. No installation, real-time collaboration, version control, hundreds of LaTeX templates, and more.",
+  "site_wide_option_available": "Site-wide option available",
+  "six_collaborators_per_project": "6 collaborators per project",
+  "six_per_project": "6 per project",
+  "skip": "Skip",
+  "skip_to_content": "Skip to content",
+  "something_not_right": "Something’s not right",
+  "something_went_wrong": "Something went wrong",
+  "something_went_wrong_canceling_your_subscription": "Something went wrong canceling your subscription. Please contact support.",
+  "something_went_wrong_loading_pdf_viewer": "Something went wrong loading the PDF viewer. This might be caused by issues like <0>temporary network problems</0> or an <0>outdated web browser</0>. Please follow the <1>troubleshooting steps for access, loading and display problems</1>. If the issue persists, please <2>let us know</2>.",
+  "something_went_wrong_processing_the_request": "Something went wrong processing the request",
+  "something_went_wrong_rendering_pdf": "Something went wrong while rendering this PDF.",
+  "something_went_wrong_rendering_pdf_expected": "There was an issue displaying this PDF. <0>Please recompile</0>",
+  "something_went_wrong_server": "Something went wrong. Please try again.",
+  "somthing_went_wrong_compiling": "Sorry, something went wrong and your project could not be compiled. Please try again in a few moments.",
+  "sorry_detected_sales_restricted_region": "Sorry, we’ve detected that you are in a region from which we cannot presently accept payments. If you think you’ve received this message in error, please <a href=\"__link__\">contact us</a> with details of your location, and we will look into this for you. We apologize for the inconvenience.",
+  "sorry_it_looks_like_that_didnt_work_this_time": "Sorry! It looks like that didn’t work this time. Please try again.",
+  "sorry_something_went_wrong_opening_the_document_please_try_again": "Sorry, an unexpected error occurred when trying to open this content on Overleaf. Please try again.",
+  "sorry_there_are_no_experiments": "Sorry, there are no experiments currently running in Overleaf Labs.",
+  "sorry_there_was_an_issue_adding_x_users_to_your_subscription": "Sorry, there was an issue adding __count__ users to your subscription. Please <0>contact our Support team</0> for help.",
+  "sorry_there_was_an_issue_upgrading_your_subscription": "Sorry, there was an issue upgrading your subscription. Please <0>contact our Support team</0> for help.",
+  "sorry_this_account_has_been_suspended": "Sorry, this account has been suspended.",
+  "sorry_you_can_only_change_to_group_from_trial_via_support": "Sorry, you can only change to a group plan during a free trial by contacting support.",
+  "sorry_your_table_cant_be_displayed_at_the_moment": "Sorry, your table can’t be displayed at the moment.",
+  "sorry_your_token_expired": "Sorry, your token expired",
+  "sort_by": "Sort by",
+  "sort_by_x": "Sort by __x__",
+  "sort_projects": "Sort projects",
+  "source": "Source",
+  "spell_check": "Spell check",
+  "spellcheck": "Spellcheck",
+  "spellcheck_language": "Spellcheck language",
+  "split_view": "Split view",
+  "sso": "SSO",
+  "sso_account_already_linked": "Account already linked to another __appName__ user",
+  "sso_active": "SSO active",
+  "sso_already_setup_good_to_go": "Single sign-on is already set up on your account, so you’re good to go.",
+  "sso_config_deleted": "SSO configuration deleted",
+  "sso_config_prop_help_certificate": "Base64 encoded certificate without whitespace",
+  "sso_config_prop_help_first_name": "The SAML attribute that specifies the user’s first name",
+  "sso_config_prop_help_last_name": "The SAML attribute that specifies the user’s last name",
+  "sso_config_prop_help_redirect_url": "The single sign-on redirect URL provided by your IdP (sometimes called the single sign-on service HTTP-redirect location)",
+  "sso_config_prop_help_user_id": "The SAML attribute provided by your IdP that identifies each user",
+  "sso_configuration": "SSO configuration",
+  "sso_configuration_not_finalized": "Your configuration has not been finalized.",
+  "sso_configuration_saved": "SSO configuration has been saved",
+  "sso_disabled_by_group_admin": "SSO has been disabled by your group administrator. You can still log in and use Overleaf as you normally would.",
+  "sso_error_audience_mismatch": "The Service Provider entity ID configured in your IdP does not match the one provided in our metadata. Please contact your IT department for more information.",
+  "sso_error_idp_error": "Your identity provider responded with an error.",
+  "sso_error_invalid_external_user_id": "The SAML attribute provided by your IdP that uniquely identifies your user has an invalid format, a string is expected. Attribute: <0>__expecting__</0>",
+  "sso_error_invalid_signature": "Sorry, the information received from your identity provider has an invalid signature.",
+  "sso_error_missing_external_user_id": "The SAML attribute provided by your IdP that uniquely identifies your user is either missing or under a different name than the one you configured. Expecting: <0>__expecting__</0>",
+  "sso_error_missing_firstname_attribute": "The SAML attribute that specifies the user’s first name is either missing or under a different name than the one you configured. Expecting: <0>__expecting__</0>",
+  "sso_error_missing_lastname_attribute": "The SAML attribute that specifies the user’s last name is either missing or under a different name than the one you configured. Expecting: <0>__expecting__</0>",
+  "sso_error_missing_signature": "Sorry, the information received from your identity provider is not signed (both response and assertion signatures are required).",
+  "sso_error_response_already_processed": "The SAML response’s InResponseTo is invalid. This can happen if it either didn’t match that of the SAML request, or the login took too long to process and the request has expired.",
+  "sso_explanation": "Set up single sign-on for your group. This sign in method will be optional for group members unless Managed Users is enabled. <0>Learn more about Overleaf Group SSO</0>.",
+  "sso_here_is_the_data_we_received": "Here is the data we received in the SAML response:",
+  "sso_integration": "SSO integration",
+  "sso_is_disabled": "SSO is disabled",
+  "sso_is_disabled_explanation_1": "Group members won’t be able to log in via SSO",
+  "sso_is_disabled_explanation_2": "All members of the group will need a username and password to log in to __appName__",
+  "sso_is_enabled": "SSO is enabled",
+  "sso_is_enabled_explanation_1": "Group members will <0>only</0> be able to sign in via SSO after linking their accounts with your IdP.",
+  "sso_is_enabled_explanation_1_sso_only": "Group members will have the option to sign in via SSO.",
+  "sso_is_enabled_explanation_2": "If there are any problems with the configuration, only you (as the group administrator) will be able to disable SSO.",
+  "sso_link_account_with_idp": "Your group uses SSO. This means we need to authenticate your account with the group identity provider. Click <0>Set up SSO</0> to authenticate now.",
+  "sso_link_error": "Error linking account",
+  "sso_link_invite_has_been_sent_to_email": "An SSO invite reminder has been sent to <0>__email__</0>",
+  "sso_login": "SSO login",
+  "sso_logs": "SSO Logs",
+  "sso_not_active": "SSO not active",
+  "sso_not_linked": "You have not linked your account to __provider__. Please log in to your account another way and link your __provider__ account via your account settings.",
+  "sso_reauth_request": "SSO reauthentication request has been sent to <0>__email__</0>",
+  "sso_test_interstitial_info_1": "<0>Before starting this test</0>, please ensure you’ve <1>configured Overleaf as a Service Provider in your IdP</1>, and authorized access to the Overleaf service.",
+  "sso_test_interstitial_info_2": "Clicking <0>Test configuration</0> will redirect you to your IdP’s login screen. <1>Read our documentation</1> for full details of what happens during the test. And check our <2>SSO troubleshooting advice</2> if you get stuck.",
+  "sso_test_interstitial_title": "Let’s test your SSO configuration",
+  "sso_test_result_error_message": "The test hasn’t worked this time, but don’t worry — errors can usually be quickly addressed by adjusting the configuration settings. Our <0>SSO troubleshooting guide</0> provides help with some of the common causes of testing errors.",
+  "sso_title": "Single sign-on",
+  "sso_user_denied_access": "Cannot log in because __appName__ was not granted access to your __provider__ account. Please try again.",
+  "sso_user_explanation_enabled_with_admin_email": "Your group administered by <0>__adminEmail__</0> has SSO enabled so you can log in without needing to remember a password.",
+  "sso_user_explanation_enabled_with_group_name": "Your group <0>__groupName__</0> has SSO enabled so you can log in without needing to remember a password.",
+  "sso_user_explanation_ready_with_admin_email": "Your group administered by <0>__adminEmail__</0> has SSO enabled so you can log in without needing to remember a password. Click <1>__buttonText__</1> to get started.",
+  "sso_user_explanation_ready_with_group_name": "Your group <0>__groupName__</0> has SSO enabled so you can log in without needing to remember a password. Click <1>__buttonText__</1> to get started.",
+  "standard": "Standard",
+  "start_a_free_trial": "Start a free trial",
+  "start_by_adding_your_email": "Start by adding your email address.",
+  "start_by_fixing_the_first_error_in_your_doc": "Start by fixing the first error in your doc to avoid problems later on.",
+  "start_free_trial": "Start Free Trial!",
+  "start_free_trial_without_exclamation": "Start Free Trial",
+  "start_the_conversation_by_saying_hello_or_sharing_an_update": "Start the conversation by saying hello or sharing an update",
+  "start_typing_find_your_company": " Start typing to find your company",
+  "start_typing_find_your_organization": "Start typing to find your organization",
+  "start_typing_find_your_university": "Start typing to find your university",
+  "state": "State",
+  "status_checks": "Status Checks",
+  "still_have_questions": "Still have questions?",
+  "stop_compile": "Stop compilation",
+  "stop_on_first_error": "Stop on first error",
+  "stop_on_first_error_enabled_description": "<0>“Stop on first error” is enabled.</0> Disabling it may allow the compiler to produce a PDF (but your project will still have errors).",
+  "stop_on_first_error_enabled_title": "No PDF: Stop on first error enabled",
+  "stop_on_validation_error": "Check syntax before compile",
+  "store_your_work": "Store your work on your own infrastructure",
+  "stretch_width_to_text": "Stretch width to text",
+  "student": "Student",
+  "student_disclaimer": "The educational discount applies to all students at secondary and postsecondary institutions (schools and universities). We may contact you to confirm that you’re eligible for the discount.",
+  "student_verification_required": "Student verification required",
+  "students": "Students",
+  "subject": "Subject",
+  "subject_area": "Subject area",
+  "subject_to_additional_vat": "Prices may be subject to additional VAT, depending on your country.",
+  "submit": "submit",
+  "submit_title": "Submit",
+  "subscribe": "Subscribe",
+  "subscribe_to_find_the_symbols_you_need_faster": "Subscribe to find the symbols you need faster",
+  "subscribe_to_plan": "Subscribe to __planName__",
+  "subscription": "Subscription",
+  "subscription_admins_cannot_be_deleted": "You cannot delete your account while on a subscription. Please cancel your subscription and try again. If you keep seeing this message please contact us.",
+  "subscription_canceled": "Subscription canceled",
+  "subscription_canceled_and_terminate_on_x": " Your subscription has been canceled and will terminate on <0>__terminateDate__</0>. No further payments will be taken.",
+  "subscription_will_remain_active_until_end_of_billing_period_x": "Your subscription will remain active until the end of your billing period, <0>__terminationDate__</0>.",
+  "subscription_will_remain_active_until_end_of_trial_period_x": "Your subscription will remain active until the end of your trial period, <0>__terminationDate__</0>.",
+  "success_sso_set_up": "Success! Single sign-on is all set up for you.",
+  "suggest_a_different_fix": "Suggest a different fix",
+  "suggest_fix": "Suggest fix",
+  "suggested": "Suggested",
+  "suggested_fix_for_error_in_path": "Suggested fix for error in __path__",
+  "suggestion": "Suggestion",
+  "suggestion_applied": "Suggestion applied",
+  "suggests_code_completions_while_typing": "Suggests code completions while typing",
+  "support": "Support",
+  "support_for_your_browser_is_ending_soon": "Support for your browser is ending soon",
+  "supports_up_to_x_licenses": "Supports up to <0>__count__ licenses</0>",
+  "sure_you_want_to_cancel_plan_change": "Are you sure you want to revert your scheduled plan change? You will remain subscribed to the <0>__planName__</0> plan.",
+  "sure_you_want_to_change_plan": "Are you sure you want to change plan to <0>__planName__</0>?",
+  "sure_you_want_to_delete": "Are you sure you want to permanently delete the following files?",
+  "sure_you_want_to_leave_group": "Are you sure you want to leave this group?",
+  "sv": "Swedish",
+  "switch_back_to_monthly_pay_20_more": "Switch back to monthly (20% more)",
+  "switch_compile_mode_for_faster_draft_compilation": "Switch compile mode for faster draft compilation",
+  "switch_to_editor": "Switch to editor",
+  "switch_to_new_editor": "Switch to new editor",
+  "switch_to_old_editor": "Switch to old editor",
+  "switch_to_pdf": "Switch to PDF",
+  "switch_to_standard_plan": "Switch to Standard plan",
+  "symbol": "Symbol",
+  "symbol_palette": "Symbol palette",
+  "symbol_palette_highlighted": "<0>Symbol</0> palette",
+  "symbol_palette_info_new": "Insert math symbols into your document with the click of a button.",
+  "sync": "Sync",
+  "sync_dropbox_github": "Sync with Dropbox and GitHub",
+  "sync_project_to_github_explanation": "Any changes you have made in __appName__ will be committed and merged with any updates in GitHub.",
+  "sync_to_dropbox": "Sync to Dropbox",
+  "sync_to_github": "Sync to GitHub",
+  "synctex_failed": "Couldn’t find the corresponding source file",
+  "syntax_validation": "Code check",
+  "tab_connecting": "Connecting with the editor",
+  "tab_no_longer_connected": "This tab is no longer connected with the editor",
+  "table": "Table",
+  "table_generator": "Table Generator",
+  "tag_color": "Tag color",
+  "tag_name_cannot_exceed_characters": "Tag name cannot exceed __maxLength__ characters",
+  "tag_name_is_already_used": "Tag \"__tagName__\" already exists",
+  "tags": "Tags",
+  "take_me_home": "Take me home!",
+  "take_short_survey": "Take a short survey",
+  "take_survey": "Take survey",
+  "tc_everyone": "Everyone",
+  "tc_guests": "Guests",
+  "tell_the_project_owner_and_ask_them_to_upgrade": "<0>Tell the project owner</0> and ask them to upgrade their Overleaf plan if you need more compile time.",
+  "template": "Template",
+  "template_approved_by_publisher": "This template has been approved by the publisher",
+  "template_description": "Template Description",
+  "template_gallery": "Template Gallery",
+  "template_not_found_description": "This way of creating projects from templates has been removed. Please visit our template gallery to find more templates.",
+  "template_title_taken_from_project_title": "The template title will be taken automatically from the project title",
+  "template_top_pick_by_overleaf": "This template was hand-picked by Overleaf staff for its high quality",
+  "templates": "Templates",
+  "templates_admin_source_project": "Admin: Source Project",
+  "templates_lowercase": "templates",
+  "templates_page_title": "Templates - Journals, CVs, Presentations, Reports and More",
+  "temporarily_hides_the_preview": "Temporarily hides the preview",
+  "ten_collaborators_per_project": "10 collaborators per project",
+  "ten_per_project": "10 per project",
+  "terminated": "Compilation cancelled",
+  "terms": "Terms",
+  "test": "Test",
+  "test_configuration": "Test configuration",
+  "test_configuration_successful": "Test configuration successful",
+  "tex_live_version": "TeX Live version",
+  "texgpt": "TexGPT",
+  "thank_you": "Thank you!",
+  "thank_you_email_confirmed": "Thank you, your email is now confirmed",
+  "thank_you_exclamation": "Thank you!",
+  "thank_you_for_being_part_of_our_beta_program": "Thank you for being part of our Beta Program, where you can have <0>early access to new features</0> and help us understand your needs better",
+  "thank_you_for_your_feedback": "Thank you for your feedback!",
+  "thanks": "Thanks",
+  "thanks_for_being_part_of_this_labs_experiment_your_feedback_will_help_us_make_the_new_editor_the_best_yet": "Thanks for being part of this Labs experiment. Your feedback and support will help us make the new editor the best yet! Some features are still in progress, so if you need something that’s missing, you can switch back to the old editor.",
+  "thanks_for_confirming_your_email_address": "Thanks for confirming your email address",
+  "thanks_for_getting_in_touch": "Thanks for getting in touch. Our team will get back to you by email as soon as possible.",
+  "thanks_for_subscribing": "Thanks for subscribing!",
+  "thanks_for_subscribing_to_plan_with_add_on": "Thank you for subscribing to the __planName__ plan with the __addOnName__ add-on. It’s support from people like yourself that allows __appName__ to continue to grow and improve.",
+  "thanks_for_subscribing_to_the_add_on": "Thank you for subscribing to the __addOnName__ add-on. It’s support from people like yourself that allows __appName__ to continue to grow and improve.",
+  "thanks_for_subscribing_you_help_sl": "Thank you for subscribing to the __planName__ plan. It’s support from people like yourself that allows __appName__ to continue to grow and improve.",
+  "thanks_settings_updated": "Thanks, your settings have been updated.",
+  "the_add_on_will_remain_active_until": "The add-on will remain active until the end of the current billing period.",
+  "the_code_editor_color_scheme": "The code editor color scheme",
+  "the_document_environment_contains_no_content": "The document environment contains no content. If it’s empty, please add some content and compile again.",
+  "the_file_supplied_is_of_an_unsupported_type ": "The link to open this content on Overleaf pointed to the wrong kind of file. Valid file types are .tex documents and .zip files. If this keeps happening for links on a particular site, please report this to them.",
+  "the_following_files_already_exist_in_this_project": "The following files already exist in this project:",
+  "the_following_files_and_folders_already_exist_in_this_project": "The following files and folders already exist in this project:",
+  "the_following_folder_already_exists_in_this_project": "The following folder already exists in this project:",
+  "the_following_folder_already_exists_in_this_project_plural": "The following folders already exist in this project:",
+  "the_latex_engine_used_for_compiling": "The LaTeX engine used for compiling",
+  "the_new_overleaf_editor": "The new Overleaf editor",
+  "the_next_payment_will_be_collected_on": "The next payment will be collected on <strong>__date__</strong>.",
+  "the_original_text_has_changed": "The original text has changed, so this suggestion can’t be applied",
+  "the_overleaf_color_scheme": "The __appName__ color scheme",
+  "the_primary_file_for_compiling_your_project": "The primary file for compiling your project",
+  "the_project_that_contains_this_file_is_not_shared_with_you": "The project that contains this file is not shared with you",
+  "the_requested_conversion_job_was_not_found": "The link to open this content on Overleaf specified a conversion job that could not be found. It’s possible that the job has expired and needs to be run again. If this keeps happening for links on a particular site, please report this to them.",
+  "the_requested_publisher_was_not_found": "The link to open this content on Overleaf specified a publisher that could not be found. If this keeps happening for links on a particular site, please report this to them.",
+  "the_required_parameters_were_not_supplied": "The link to open this content on Overleaf was missing some required parameters. If this keeps happening for links on a particular site, please report this to them.",
+  "the_supplied_parameters_were_invalid": "The link to open this content on Overleaf included some invalid parameters. If this keeps happening for links on a particular site, please report this to them.",
+  "the_supplied_uri_is_invalid": "The link to open this content on Overleaf included an invalid URI. If this keeps happening for links on a particular site, please report this to them.",
+  "the_target_folder_could_not_be_found": "The target folder could not be found.",
+  "the_version_of_tex_live_used_for_compiling": "The version of TeX Live used for compiling",
+  "the_width_you_choose_here_is_based_on_the_width_of_the_text_in_your_document": "The width you choose here is based on the width of the text in your document. Alternatively, you can customize the image size directly in the LaTeX code.",
+  "their_projects_will_be_transferred_to_another_user": "Their projects will all be transferred to another user of your choice",
+  "theme": "Theme",
+  "then_x_price_per_month": "Then __price__ per month",
+  "then_x_price_per_year": "Then __price__ per year",
+  "there_are_lots_of_options_to_edit_and_customize_your_figures": "There are lots of options to edit and customize your figures, such as wrapping text around the figure, rotating the image, or including multiple images in a single figure. You’ll need to edit the LaTeX code to do this. <0>Find out how</0>",
+  "there_is_an_unrecoverable_latex_error": "There is an unrecoverable LaTeX error. If there are LaTeX errors shown below or in the raw logs, please try to fix them and compile again.",
+  "there_was_a_problem_restoring_the_project_please_try_again_in_a_few_moments_or_contact_us": "There was a problem restoring the project. Please try again in a few moments. Contact us of the problem persists.",
+  "there_was_an_error_opening_your_content": "There was an error creating your project",
+  "thesis": "Thesis",
+  "they_lose_access_to_account": "They lose all access to this Overleaf account immediately",
+  "this_action_cannot_be_reversed": "This action cannot be reversed.",
+  "this_action_cannot_be_undone": "This action cannot be undone.",
+  "this_address_will_be_shown_on_the_invoice": "This address will be shown on the invoice",
+  "this_could_be_because_we_cant_support_some_elements_of_the_table": "This could be because we can’t yet support some elements of the table in the table preview. Or there may be an error in the table’s LaTeX code.",
+  "this_experiment_isnt_accepting_new_participants": "This experiment isn’t accepting new participants.",
+  "this_field_is_required": "This field is required",
+  "this_grants_access_to_features_2": "This grants you access to <0>__appName__</0> <0>__featureType__</0> features.",
+  "this_is_a_labs_experiment_for_the_new_overleaf_editor_some_features_are_still_in_progress": "This is a Labs experiment for the new Overleaf editor. Some features are still in progress, so if you need something that’s missing, you can switch back to the old editor at any time.",
+  "this_is_a_new_feature": "This is a new feature",
+  "this_is_the_file_that_references_pulled_from_your_reference_manager_will_be_added_to": "This is the file that references pulled from your reference manager will be added to.",
+  "this_is_your_template": "This is your template from your project",
+  "this_project_already_has_maximum_collaborators": "This project already has the maximum number of collaborators permitted on the owner’s plan. This means you can view but not edit or review the project.",
+  "this_project_contains_a_file_called_output": "This project contains a file called output.pdf. If that file exists, please rename it and compile again.",
+  "this_project_exceeded_collaborator_limit": "This project exceeded the collaborator limit for your plan. All other users now have view-only access.",
+  "this_project_exceeded_compile_timeout_limit_on_free_plan": "This project exceeded the compile timeout limit on our free plan.",
+  "this_project_has_more_than_max_collabs": "This project has more than the maximum number of collaborators allowed on the project owner’s Overleaf plan. This means you could lose edit access from __linkSharingDate__.",
+  "this_project_is_public": "This project is public and can be edited by anyone with the URL.",
+  "this_project_is_public_read_only": "This project is public and can be viewed but not edited by anyone with the URL",
+  "this_project_need_more_time_to_compile": "It looks like this project may need more time to compile than our free plan allows.",
+  "this_project_will_appear_in_your_dropbox_folder_at": "This project will appear in your Dropbox folder at ",
+  "this_tool_helps_you_insert_figures": "This tool helps you insert figures into your project without needing to write the LaTeX code. The following information explains more about the options in the tool and how to further customize your figures.",
+  "this_tool_helps_you_insert_simple_tables_into_your_project_without_writing_latex_code_give_feedback": "This tool helps you insert simple tables into your project without writing LaTeX code. This tool is new, so please <0>give us feedback</0> and look out for additional functionality coming soon.",
+  "this_total_reflects_the_amount_due_until": "This total reflects the amount due from today until <strong>__date__</strong>, the end of the billing period of your existing plan.",
+  "this_was_helpful": "This was helpful",
+  "this_wasnt_helpful": "This wasn’t helpful",
+  "this_will_remove_primary_email": "Note that this will also remove the email address <b>__email__</b> from the account because it’s an unconfirmed email. If you want to keep it, please confirm it first.",
+  "three_free_collab": "Three free collaborators",
+  "timedout": "Timed out",
+  "tip": "Tip",
+  "title": "Title",
+  "to_add_email_accounts_need_to_be_linked_2": "To add this email, your <0>__appName__</0> and <0>__institutionName__</0> accounts will need to be linked.",
+  "to_add_more_collaborators": "To add more collaborators or turn on link sharing, please ask the project owner",
+  "to_change_access_permissions": "To change access permissions, please ask the project owner",
+  "to_confirm_email_address_you_must_be_logged_in_with_the_requesting_account": "To confirm an email address, you <b>must be logged in</b> with the <b>Overleaf account that requested the new secondary email</b>.",
+  "to_confirm_transfer_enter_email_address": "To accept the invitation, enter the email address linked to your account.",
+  "to_confirm_unlink_all_users_enter_email": "To confirm you want to unlink all users, enter your email address:",
+  "to_continue_using_upgrade_or_change_your_browser": "To continue using __appName__ without problems you need to upgrade or change to a <0>supported browser</0>.",
+  "to_delete_your_writefull_account": "To delete your Writefull account, or to check if you have one, please contact <a>__email__</a>.",
+  "to_fix_this_you_can": "To fix this, you can:",
+  "to_fix_this_you_can_ask_the_github_repository_owner": "To fix this, you can ask the GitHub repository owner (<0>__repoOwnerEmail__</0>) to renew their __appName__ subscription and reconnect the project.",
+  "to_insert_or_move_a_caption_make_sure_tabular_is_directly_within_table": "To insert or move a caption, make sure \\begin{tabular} is directly within a table environment",
+  "to_keep_edit_access": "To keep edit access, ask the project owner to upgrade their plan or reduce the number of people with edit access.",
+  "to_many_login_requests_2_mins": "This account has had too many login requests. Please wait 2 minutes before trying to log in again",
+  "to_modify_your_subscription_go_to": "To modify your subscription go to",
+  "to_pull_results_directly_from_your_reference_manager_enable_one_of_the_available_reference_manager_integrations": "To pull results directly from your reference manager, <0>enable one of the available reference manager integrations</0>.",
+  "to_use_text_wrapping_in_your_table_make_sure_you_include_the_array_package": "<0>Please note:</0> To use text wrapping in your table, make sure you include the <1>array</1> package in your document preamble:",
+  "toggle_compile_options_menu": "Toggle compile options menu",
+  "toggle_unknown_group": "Toggle unknown group",
+  "token": "token",
+  "token_access_failure": "Cannot grant access; contact the project owner for help",
+  "token_limit_reached": "You’ve reached the 10 token limit. To generate a new authentication token, please delete an existing one.",
+  "token_read_only": "token read-only",
+  "token_read_write": "token read-write",
+  "too_many_attempts": "Too many attempts. Please wait for a while and try again.",
+  "too_many_comments_or_tracked_changes": "Too many comments or tracked changes",
+  "too_many_comments_or_tracked_changes_detail": "Sorry, this file has too many comments or tracked changes. Please try accepting or rejecting some existing changes, or resolving and deleting some comments.",
+  "too_many_confirm_code_resend_attempts": "Too many attempts. Please wait 1 minute then try again.",
+  "too_many_confirm_code_verification_attempts": "Too many verification attempts. Please wait 1 minute then try again.",
+  "too_many_files_uploaded_throttled_short_period": "Too many files uploaded, your uploads have been throttled for a short period. Please wait 15 minutes and try again.",
+  "too_many_requests": "Too many requests were received in a short space of time. Please wait for a few moments and try again.",
+  "too_many_search_results": "There are more than 100 results. Please refine your search.",
+  "too_recently_compiled": "This project was compiled very recently, so this compile has been skipped.",
+  "took_a_while": "That took a while...",
+  "toolbar_bullet_list": "Bullet List",
+  "toolbar_choose_section_heading_level": "Choose section heading level",
+  "toolbar_code_visual_editor_switch": "Code and visual editor switch",
+  "toolbar_decrease_indent": "Decrease Indent",
+  "toolbar_editor": "Editor tools",
+  "toolbar_format_bold": "Format Bold",
+  "toolbar_format_italic": "Format Italic",
+  "toolbar_generate_math": "Generate Math",
+  "toolbar_generate_table": "Generate Table",
+  "toolbar_increase_indent": "Increase Indent",
+  "toolbar_insert_citation": "Insert Citation",
+  "toolbar_insert_cross_reference": "Insert Cross-reference",
+  "toolbar_insert_display_math": "Insert Display Math",
+  "toolbar_insert_figure": "Insert Figure",
+  "toolbar_insert_inline_math": "Insert Inline Math",
+  "toolbar_insert_link": "Insert Link",
+  "toolbar_insert_math": "Insert Math",
+  "toolbar_insert_math_and_symbols": "Insert Math and Symbols",
+  "toolbar_insert_math_lowercase": "Insert math",
+  "toolbar_insert_misc": "Insert Misc (links, citations, cross-references, figures, tables)",
+  "toolbar_insert_table": "Insert Table",
+  "toolbar_list_indentation": "List and Indentation",
+  "toolbar_numbered_list": "Numbered List",
+  "toolbar_redo": "Redo",
+  "toolbar_selected_projects": "Selected projects",
+  "toolbar_selected_projects_management_actions": "Selected projects management actions",
+  "toolbar_selected_projects_remove": "Remove selected projects",
+  "toolbar_selected_projects_restore": "Restore selected projects",
+  "toolbar_table_insert_size_table": "Insert __size__ table",
+  "toolbar_table_insert_table_lowercase": "Insert table",
+  "toolbar_text_formatting": "Text formatting",
+  "toolbar_text_style": "Text style",
+  "toolbar_toggle_symbol_palette": "Toggle Symbol Palette",
+  "toolbar_undo": "Undo",
+  "toolbar_undo_redo_actions": "Undo/Redo actions",
+  "tools": "Tools",
+  "tooltip_hide_filetree": "Click to hide the file tree",
+  "tooltip_hide_panel": "Click to hide the panel",
+  "tooltip_hide_pdf": "Click to hide the PDF",
+  "tooltip_show_filetree": "Click to show the file tree",
+  "tooltip_show_panel": "Click to show the panel",
+  "tooltip_show_pdf": "Click to show the PDF",
+  "top_pick": "Top pick",
+  "total": "Total",
+  "total_due_today": "Total due today",
+  "total_per_month": "Total per month",
+  "total_per_year": "Total per year",
+  "total_per_year_lowercase": "total per year",
+  "total_today": "Total today",
+  "total_with_subtotal_and_tax": "Total: <0>__total__</0> (__subtotal__ + __tax__ tax) per year",
+  "total_words": "Total Words",
+  "tr": "Turkish",
+  "track_any_change_in_real_time": "Track any change, in real-time",
+  "track_changes": "Track changes",
+  "track_changes_for_everyone": "Track changes for everyone",
+  "track_changes_for_x": "Track changes for __name__",
+  "track_changes_is_off": "Track changes is <strong>off</strong>",
+  "track_changes_is_on": "Track changes is <strong>on</strong>",
+  "tracked_change_added": "Added",
+  "tracked_change_deleted": "Deleted",
+  "transfer_management_of_your_account": "Transfer management of your Overleaf account",
+  "transfer_management_of_your_account_to_x": "Transfer management of your Overleaf account to __groupName__",
+  "transfer_management_resolve_following_issues": "To transfer the management of your account, you need to resolve the following issues:",
+  "transfer_this_users_projects": "Transfer this user’s projects",
+  "transfer_this_users_projects_description": "This user’s projects will be transferred to a new owner.",
+  "transferring": "Transferring",
+  "trash": "Trash",
+  "trash_projects": "Trash Projects",
+  "trashed": "Trashed",
+  "trashed_projects": "Trashed Projects",
+  "trashing_projects_wont_affect_collaborators": "Trashing projects won’t affect your collaborators.",
+  "trial_last_day": "This is the last day of your <b>Overleaf Premium</b> trial",
+  "trial_remaining_days": "__days__ more days on your <b>Overleaf Premium</b> trial",
+  "tried_to_log_in_with_email": "You’ve tried to log in with <b>__email__</b>.",
+  "tried_to_register_with_email": "You’ve tried to register with <b>__email__</b>, which is already registered with <b>__appName__</b> as an institutional account.",
+  "troubleshooting_tip": "Troubleshooting tip",
+  "try_again": "Please try again",
+  "try_for_free": "Try for free",
+  "try_it_for_free": "Try it for free",
+  "try_now": "Try Now",
+  "try_papers_for_free": "Try Papers for free",
+  "try_premium_for_free": "Try Premium for free",
+  "try_recompile_project_or_troubleshoot": "Please try recompiling the project from scratch, and if that doesn’t help, follow our <0>troubleshooting guide</0>.",
+  "try_relinking_provider": "It looks like you need to re-link your __provider__ account.",
+  "try_the_new_editor": "Try the new editor",
+  "try_to_compile_despite_errors": "Try to compile despite errors",
+  "turn_off": "Turn off",
+  "turn_off_link_sharing": "Turn off link sharing",
+  "turn_on": "Turn on",
+  "turn_on_link_sharing": "Turn on link sharing",
+  "tutorials": "Tutorials",
+  "uk": "Ukrainian",
+  "unable_to_extract_the_supplied_zip_file": "Opening this content on Overleaf failed because the zip file could not be extracted. Please ensure that it is a valid zip file. If this keeps happening for links on a particular site, please report this to them.",
+  "unarchive": "Restore",
+  "uncategorized": "Uncategorized",
+  "uncategorized_projects": "Uncategorized Projects",
+  "unconfirmed": "Unconfirmed",
+  "undelete": "Undelete",
+  "undeleting": "Undeleting",
+  "understanding_labels": "Understanding labels",
+  "undo": "Undo",
+  "unfold_line": "Unfold line",
+  "unique_identifier_attribute": "Unique identifier attribute",
+  "university": "University",
+  "university_school": "University or school name",
+  "unknown": "Unknown",
+  "unknown_group": "Unknown group",
+  "unlimited": "Unlimited",
+  "unlimited_collaborators_per_project": "Unlimited collaborators per project",
+  "unlimited_collabs": "Unlimited collaborators",
+  "unlimited_document_history": "Unlimited document history",
+  "unlimited_projects": "Unlimited projects",
+  "unlink": "Unlink",
+  "unlink_all_users": "Unlink all users",
+  "unlink_all_users_explanation": "You’re about to remove the SSO login option for all users in your group. If SSO is enabled, this will force users to reauthenticate their Overleaf accounts with your IdP. They’ll receive an email asking them to do this.",
+  "unlink_dropbox_folder": "Unlink Dropbox Account",
+  "unlink_dropbox_warning": "Any projects that you have synced with Dropbox will be disconnected and no longer kept in sync with Dropbox. Are you sure you want to unlink your Dropbox account?",
+  "unlink_github_repository": "Unlink GitHub repository",
+  "unlink_github_warning": "Any projects that you have synced with GitHub will be disconnected and no longer kept in sync with GitHub. Are you sure you want to unlink your GitHub account?",
+  "unlink_linked_accounts": "Unlink any linked accounts (such as ORCID ID, IEEE). <0>Remove them in Account Settings (under Linked Accounts).</0>",
+  "unlink_linked_google_account": "Unlink your Google account. <0>Remove it in Account Settings (under Linked Accounts).</0>",
+  "unlink_provider_account_title": "Unlink __provider__ Account",
+  "unlink_provider_account_warning": "Warning: When you unlink your account from __provider__ you will not be able to sign in using __provider__ anymore.",
+  "unlink_reference": "Unlink References Provider",
+  "unlink_the_project_from_the_current_github_repo": "Unlink the project from the current GitHub repository and create a connection to a repository you own. (You need an active __appName__ subscription to set up a GitHub Sync).",
+  "unlink_user": "Unlink user",
+  "unlink_user_explanation": "You’re about to remove the SSO login option for <0>__email__</0>. This will force them to reauthenticate their Overleaf account with your IdP. They’ll receive an email asking them to do this.",
+  "unlink_users": "Unlink users",
+  "unlink_warning_reference": "Warning: When you unlink your account from this provider you will not be able to import references into your projects.",
+  "unlinking": "Unlinking",
+  "unmerge_cells": "Unmerge cells",
+  "unpause_subscription": "Unpause subscription",
+  "unpublish": "Unpublish",
+  "unpublishing": "Unpublishing",
+  "unsubscribe": "Unsubscribe",
+  "unsubscribed": "Unsubscribed",
+  "unsubscribing": "Unsubscribing",
+  "until_then_you_can_still": "Until then you can still:",
+  "untrash": "Restore",
+  "update": "Update",
+  "update_account_info": "Update Account Info",
+  "update_dropbox_settings": "Update Dropbox Settings",
+  "update_your_billing_details": "Update your billing details",
+  "updates_to_project_sharing": "Updates to project sharing",
+  "updating": "Updating",
+  "updating_site": "Updating Site",
+  "upgrade": "Upgrade",
+  "upgrade_cc_btn": "Upgrade now, pay after 7 days",
+  "upgrade_for_12x_more_compile_time": "Upgrade to get 12x more compile time",
+  "upgrade_my_plan": "Upgrade my plan",
+  "upgrade_now": "Upgrade now",
+  "upgrade_plan": "Upgrade plan",
+  "upgrade_summary": "Upgrade summary",
+  "upgrade_to_add_more_collaborators_and_access_collaboration_features": "Upgrade to add more collaborators and access collaboration features like track changes and full project history.",
+  "upgrade_to_get_feature": "Upgrade to get __feature__, plus:",
+  "upgrade_to_review": "Upgrade to Review",
+  "upgrade_to_track_changes": "Upgrade to track changes",
+  "upgrade_to_unlock_more_time": "Upgrade now to unlock 12x more compile time on our fastest servers.",
+  "upgrade_your_subscription": "Upgrade your subscription",
+  "upload": "Upload",
+  "upload_failed": "Upload failed",
+  "upload_file": "Upload file",
+  "upload_from_computer": "Upload from computer",
+  "upload_project": "Upload Project",
+  "upload_zipped_project": "Upload Zipped Project",
+  "url_to_fetch_the_file_from": "URL to fetch the file from",
+  "us_gov_banner_fedramp": "<0>Now FedRAMP® authorized for LI-SaaS: </0>Overleaf’s Group Professional subscription. Need an air-gapped deployment? We offer an on-premises solution too. Talk to our US federal government team.",
+  "us_gov_banner_government_purchasing": "<0>Get __appName__ for US federal government. </0>Move faster through procurement with our tailored purchasing options. Talk to our government team.",
+  "us_gov_banner_small_business_reseller": "<0>Easy procurement for US federal government. </0>We partner with small business resellers to help you buy Overleaf organizational plans. Talk to our government team.",
+  "usage_metrics": "Usage metrics",
+  "use_a_different_password": "Please use a different password",
+  "use_saml_metadata_to_configure_sso_with_idp": "Use the Overleaf SAML metadata to configure SSO with your Identity Provider.",
+  "use_your_own_machine": "Use your own machine, with your own setup",
+  "used_latex_before": "Have you ever used LaTeX before?",
+  "used_latex_response_never": "No, never",
+  "used_latex_response_occasionally": "Yes, occasionally",
+  "used_latex_response_often": "Yes, very often",
+  "used_when_referring_to_the_figure_elsewhere_in_the_document": "Used when referring to the figure elsewhere in the document",
+  "user_administration": "User administration",
+  "user_already_added": "User already added",
+  "user_deletion_error": "Sorry, something went wrong deleting your account. Please try again in a minute.",
+  "user_deletion_password_reset_tip": "If you cannot remember your password, or if you are using Single-Sign-On with another provider to sign in (such as ORCID or Google), please <0>reset your password</0> and try again.",
+  "user_first_name_attribute": "User first name attribute",
+  "user_is_not_part_of_group": "User is not part of group",
+  "user_last_name_attribute": "User last name attribute",
+  "user_management": "User management",
+  "user_metrics": "User metrics",
+  "user_not_found": "User not found",
+  "user_sessions": "User Sessions",
+  "user_wants_you_to_see_project": "__username__ would like you to join __projectname__",
+  "using_latex": "Using LaTeX",
+  "using_premium_features": "Using premium features",
+  "using_the_overleaf_editor": "Using the __appName__ Editor",
+  "using_writefull": "Using Writefull",
+  "valid": "Valid",
+  "valid_sso_configuration": "Valid SSO configuration",
+  "validation_issue_entry_description": "A validation issue which prevented this project from compiling",
+  "value_must_be_a_number": "Value must be a number",
+  "value_must_be_a_whole_number": "Value must be a whole number",
+  "value_must_be_at_least_x": "Value must be at least __value__",
+  "vat": "VAT",
+  "vat_number": "VAT Number",
+  "verify_email_address_before_enabling_managed_users": "You need to verify your email address before enabling managed users.",
+  "view": "View",
+  "view_all": "View All",
+  "view_billing_details": "View billing details",
+  "view_code": "View code",
+  "view_configuration": "View configuration",
+  "view_group_members": "View group members",
+  "view_hub": "View Admin Hub",
+  "view_hub_subtext": "Access and download subscription statistics and a list of users",
+  "view_in_template_gallery": "View it in the template gallery",
+  "view_invitation": "View invitation",
+  "view_invoices": "View invoices",
+  "view_labs_experiments": "View Labs Experiments",
+  "view_less": "View less",
+  "view_logs": "View logs",
+  "view_metrics": "View metrics",
+  "view_metrics_commons_subtext": "Monitor and download usage metrics for your Commons subscription",
+  "view_metrics_group_subtext": "Monitor and download usage metrics for your group subscription",
+  "view_more": "View more",
+  "view_only_access": "View-only access",
+  "view_only_downgraded": "View only. Upgrade to restore edit access.",
+  "view_only_reviewer_downgraded": "View only. Upgrade to restore review access.",
+  "view_options": "View options",
+  "view_pdf": "View PDF",
+  "view_source": "View Source",
+  "view_your_invoices": "View your invoices",
+  "viewer": "Viewer",
+  "viewing": "Viewing",
+  "viewing_x": "Viewing <0>__endTime__</0>",
+  "visual_editor": "Visual Editor",
+  "visual_editor_is_only_available_for_tex_files": "Visual Editor is only available for TeX files",
+  "want_access_to_overleaf_premium_features_through_your_university": "Want access to __appName__ premium features through your university?",
+  "want_change_to_apply_before_plan_end": "If you wish this change to apply before the end of your current billing period, please contact us.",
+  "we_are_unable_to_generate_the_pdf_at_this_time": "We are unable to generate the pdf at this time.",
+  "we_are_unable_to_opt_you_into_this_experiment": "We are unable to opt you into this experiment at this time, please ensure your organization has allowed this feature, or try again later.",
+  "we_cant_confirm_this_email": "We can’t confirm this email",
+  "we_cant_find_any_sections_or_subsections_in_this_file": "We can’t find any sections or subsections in this file",
+  "we_do_not_share_personal_information": "See our <0>Privacy Notice</0> for details of how we treat your personal data",
+  "we_got_your_request": "We’ve got your request",
+  "we_logged_you_in": "We have logged you in.",
+  "we_may_also_contact_you_from_time_to_time_by_email_with_a_survey": "<0>We may also contact you</0> from time to time by email with a survey, or to see if you would like to participate in other user research initiatives",
+  "we_sent_code": "We’ve sent you a confirmation code",
+  "we_sent_new_code": "We’ve sent a new code. If it doesn’t arrive, make sure to check your spam and any promotions folders.",
+  "we_will_charge_you_now_for_the_cost_of_your_additional_licenses_based_on_remaining_months": "We’ll charge you now for the cost of your additional licenses based on the remaining months of your current subscription.",
+  "we_will_charge_you_now_for_your_new_plan_based_on_the_remaining_months_of_your_current_subscription": "We’ll charge you now for your new plan based on the remaining months of your current subscription.",
+  "we_will_use_your_existing_payment_method": "We’ll use your existing payment method <strong>__paymentMethod__</strong>.",
+  "webinars": "Webinars",
+  "website_status": "Website status",
+  "wed_love_you_to_stay": "We’d love you to stay",
+  "welcome_to_sl": "Welcome to __appName__",
+  "well_be_here_when_youre_ready": "We’ll be here when you’re ready to dive back in! 🦆",
+  "were_making_some_changes_to_project_sharing_this_means_you_will_be_visible": "We’re making some <0>changes to project sharing</0>. This means, as someone with edit access, your name and email address will be visible to the project owner and other editors.",
+  "were_performing_maintenance": "We’re performing maintenance on Overleaf and you need to wait a moment. Sorry for any inconvenience. The editor will refresh automatically in __seconds__ seconds.",
+  "were_redesigning_our_editor_to_make_it_easier_to_use": "We’re redesigning our editor to make it easier to use and ensure it’s future ready. Try it out and give us your feedback to help us get this right. (Some features are still in the works, so you can switch back at any time.)",
+  "weve_recently_reduced_the_compile_timeout_limit_which_may_have_affected_this_project": "We’ve recently <0>reduced the compile timeout limit</0> on our free plan, which may have affected this project.",
+  "weve_recently_reduced_the_compile_timeout_limit_which_may_have_affected_your_project": "We’ve recently <0>reduced the compile timeout limit</0> on our free plan, which may have affected your project.",
+  "what_do_you_need": "What do you need?",
+  "what_do_you_need_help_with": "What do you need help with?",
+  "what_does_this_mean": "What does this mean?",
+  "what_does_this_mean_for_you": "This means:",
+  "what_happens_when_sso_is_enabled": "What happens when SSO is enabled?",
+  "what_should_we_call_you": "What should we call you?",
+  "whats_new": "What’s new?",
+  "whats_next": "What’s next?",
+  "when_you_join_labs": "When you join Labs, you can choose which experiments you want to be part of. Once you’ve done that, you can use Overleaf as normal, but you’ll see any labs features marked with this badge:",
+  "when_you_tick_the_include_caption_box": "When you tick the box “Include caption” the image will be inserted into your document with a placeholder caption. To edit it, you simply select the placeholder text and type to replace it with your own.",
+  "why_latex": "Why LaTeX?",
+  "why_might_this_happen": "Why might this happen?",
+  "why_not_pause_instead": "Pause instead, to pick up where you left off",
+  "wide": "Wide",
+  "will_lose_edit_access_on_date": "Will lose edit access on __date__",
+  "will_need_to_log_out_from_and_in_with": "You will need to <b>log out</b> from your <b>__email1__</b> account and then log in with <b>__email2__</b>.",
+  "with_premium_subscription_you_also_get": "With an Overleaf Premium subscription you also get",
+  "word_count": "Word Count",
+  "work_in_vim_or_emacs_emulation_mode": "Work in Vim or Emacs emulation mode",
+  "work_offline": "Work offline",
+  "work_offline_pull_to_overleaf": "Work offline, then pull to __appName__",
+  "work_or_university_sso": "Work/university single sign-on",
+  "work_with_non_overleaf_users": "Work with non Overleaf users",
+  "work_with_other_github_users": "Work with other GitHub users",
+  "write_faster_smarter_with_overleaf_and_writefull_ai_tools": "Write faster, smarter, and with confidence with Overleaf and Writefull AI tools",
+  "writefull": "Writefull",
+  "writefull_loading_error_body": "Try refreshing the page. If this doesn’t work, try disabling any active browser extensions to check they aren’t blocking Writefull from loading.",
+  "writefull_loading_error_title": "Writefull didn’t load correctly",
+  "x_changes_in": "__count__ change in",
+  "x_changes_in_plural": "__count__ changes in",
+  "x_libraries_accessed_in_this_project": "__provider__ libraries accessed in this project",
+  "x_price_for_first_month": "<0>__price__</0> for your first month",
+  "x_price_for_first_year": "<0>__price__</0> for your first year",
+  "x_price_for_y_months": "<0>__price__</0> for your first __discountMonths__ months",
+  "x_price_per_month": "__price__ per month",
+  "x_price_per_user": "__price__ per user",
+  "x_price_per_year": "__price__ per year",
+  "year": "year",
+  "yearly": "Yearly",
+  "yes_move_me_to_personal_plan": "Yes, move me to the Personal plan",
+  "yes_that_is_correct": "Yes, that’s correct",
+  "you": "You",
+  "you_already_have_a_subscription": "You already have a subscription",
+  "you_are_a_manager_and_member_of_x_plan_as_member_of_group_subscription_y_administered_by_z": "You are a <1>manager</1> and <1>member</1> of the <0>__planName__</0> group subscription <1>__groupName__</1> administered by <1>__adminEmail__</1>.",
+  "you_are_a_manager_and_member_of_x_plan_as_member_of_group_subscription_y_administered_by_z_you": "You are a <1>manager</1> and <1>member</1> of the <0>__planName__</0> group subscription <1>__groupName__</1> administered by <1>you (__adminEmail__)</1>.",
+  "you_are_a_manager_of_commons_at_institution_x": "You are a <0>manager</0> of the Overleaf Commons subscription at <0>__institutionName__</0>",
+  "you_are_a_manager_of_publisher_x": "You are a <0>manager</0> of <0>__publisherName__</0>",
+  "you_are_a_manager_of_x_plan_as_member_of_group_subscription_y_administered_by_z": "You are a <1>manager</1> of the <0>__planName__</0> group subscription <1>__groupName__</1> administered by <1>__adminEmail__</1>.",
+  "you_are_a_manager_of_x_plan_as_member_of_group_subscription_y_administered_by_z_you": "You are a <1>manager</1> of the <0>__planName__</0> group subscription <1>__groupName__</1> administered by <1>you (__adminEmail__</1>).",
+  "you_are_currently_logged_in_as": "You are currently logged in as <b>__email__</b>.",
+  "you_are_now_saving_20_percent": "You are now saving 20%",
+  "you_are_on_a_paid_plan_contact_support_to_find_out_more": "You’re on an __appName__ Paid plan. <0>Contact support</0> to find out more.",
+  "you_are_on_x_plan_as_a_confirmed_member_of_institution_y": "You are on our <0>__planName__</0> plan as a <1>confirmed member</1> of <1>__institutionName__</1>",
+  "you_are_on_x_plan_as_member_of_group_subscription_y_administered_by_z": "You are on our <0>__planName__</0> plan as a <1>member</1> of the group subscription <1>__groupName__</1> administered by <1>__adminEmail__</1>",
+  "you_can_also_choose_to_view_anonymously_or_leave_the_project": "You can also choose to <0>view anonymously</0> (you will lose edit access) or <1>leave the project</1>.",
+  "you_can_buy_this_plan_but_not_as_a_trial": "You can buy this plan but not as a trial, as you’ve completed a trial recently.",
+  "you_can_leave_the_experiment_from_your_account_settings_at_any_time": "You can leave the experiment from your <0>account settings</0> at any time.",
+  "you_can_manage_your_reference_manager_integrations_from_your_account_settings_page": "You can manage your reference manager integrations from your <0>account settings page</0>.",
+  "you_can_now_enable_sso": "You can now enable SSO on your Group settings page.",
+  "you_can_now_log_in_sso": "You can now log in through your institution and if eligible you will receive <0>__appName__ Professional features</0>.",
+  "you_can_now_sync_your_papers_library_directly_with_your_overleaf_projects": "You can now sync your Papers library directly with your Overleaf projects",
+  "you_can_opt_in_and_out_of_the_program_at_any_time_on_this_page": "You can <0>opt in and out</0> of the program at any time on this page",
+  "you_can_request_a_maximum_of_limit_fixes_per_day": "You can request a maximum of __limit__ fixes per day. Please try again tomorrow.",
+  "you_can_select_or_invite_collaborator": "You can select or invite __count__ collaborator on your current plan. Upgrade to add more editors or reviewers.",
+  "you_can_select_or_invite_collaborator_plural": "You can select or invite __count__ collaborators on your current plan. Upgrade to add more editors or reviewers.",
+  "you_can_still_use_your_premium_features": "You can still use your premium features until the pause becomes active.",
+  "you_cant_add_or_change_password_due_to_sso": "You can’t add or change your password because your group or organization uses <0>single sign-on (SSO)</0>.",
+  "you_cant_join_this_group_subscription": "You can’t join this group subscription",
+  "you_cant_reset_password_due_to_sso": "You can’t reset your password because your group or organization uses SSO. <0>Log in with SSO</0>.",
+  "you_dont_have_any_add_ons_on_your_account": "You don’t have any add-ons on your account.",
+  "you_dont_have_any_repositories": "You don’t have any repositories",
+  "you_have_0_free_suggestions_left": "You have 0 free suggestions left",
+  "you_have_1_free_suggestion_left": "You have 1 free suggestion left",
+  "you_have_1_license_and_your_plan_supports_up_to_y": "You have 1 license and your plan supports up to __groupSize__.",
+  "you_have_added_x_of_group_size_y": "You have added <0>__addedUsersSize__</0> of <1>__groupSize__</1> available members",
+  "you_have_been_invited_to_transfer_management_of_your_account": "You have been invited to transfer management of your account.",
+  "you_have_been_invited_to_transfer_management_of_your_account_to": "You have been invited to transfer management of your account to __groupName__.",
+  "you_have_been_removed_from_this_project_and_will_be_redirected_to_project_dashboard": "You have been removed from this project, and will no longer have access to it. You will be redirected to your project dashboard momentarily.",
+  "you_have_x_licenses_and_your_plan_supports_up_to_y": "You have __addedUsersSize__ licenses and your plan supports up to __groupSize__.",
+  "you_have_x_licenses_on_your_subscription": "You have __groupSize__ licenses on your subscription.",
+  "you_need_to_configure_your_sso_settings": "You need to configure and test your SSO settings before enabling SSO",
+  "you_unpaused_your_subscription": "You unpaused your subscription.",
+  "you_will_be_able_to_contact_us_any_time_to_share_your_feedback": "<0>You will be able to contact us</0> any time to share your feedback",
+  "you_will_be_able_to_reassign_subscription": "You will be able to reassign their subscription membership to another person in your organization",
+  "youll_get_best_results_in_visual_but_can_be_used_in_source": "You’ll get the best results from using this tool in the <0>Visual Editor</0>, although you can still use it to insert tables in the <1>Code Editor</1>. Once you’ve selected the number of rows and columns you need, the table will appear in your document and you can double click in a cell to add contents to it.",
+  "youll_need_to_ask_the_github_repository_owner": "You’ll need to ask the GitHub repository owner (<0>__repoOwnerEmail__</0>) to reconnect the project.",
+  "youll_no_longer_need_to_remember_credentials": "You’ll no longer need to remember a separate email address and password. Instead, you will use single-sign on to login to Overleaf. <0>Read more about SSO</0>.",
+  "your_account_is_managed_by_admin_cant_join_additional_group": "Your __appName__ account is managed by your current group admin (__admin__). This means you can’t join additional group subscriptions. <0>Read more about Managed Users.</0>",
+  "your_account_is_managed_by_your_group_admin": "Your account is managed by your group admin. You can’t change or delete your email address.",
+  "your_account_is_suspended": "Your account is suspended",
+  "your_add_on_has_been_cancelled_and_will_remain_active_until_your_billing_cycle_ends_on": "Your add-on has been cancelled and will remain active until your billing cycle ends on __nextBillingDate__",
+  "your_affiliation_is_confirmed": "Your <0>__institutionName__</0> affiliation is confirmed.",
+  "your_browser_does_not_support_this_feature": "Sorry, your browser doesn’t support this feature. Please update your browser to its latest version.",
+  "your_changes_will_save": "Your changes will save when we get the connection back.",
+  "your_compile_timed_out": "Your compile timed out",
+  "your_current_plan": "Your current plan",
+  "your_current_plan_gives_you": "By pausing your subscription, you’ll be able to access your premium features faster when you need them again.",
+  "your_current_plan_supports_up_to_x_licenses": "Your current plan supports up to __users__ licenses.",
+  "your_current_project_will_revert_to_the_version_from_time": "Your current project will revert to the version from __timestamp__",
+  "your_git_access_info": "Your Git authentication tokens should be entered whenever you’re prompted for a password.",
+  "your_git_access_info_bullet_1": "You can have up to 10 tokens.",
+  "your_git_access_info_bullet_2": "If you reach the maximum limit, you’ll need to delete a token before you can generate a new one.",
+  "your_git_access_info_bullet_3": "You can generate a token using the <0>Generate token</0> button.",
+  "your_git_access_info_bullet_4": "You won’t be able to view the full token after the first time you generate it. Please copy it and keep it safe",
+  "your_git_access_info_bullet_5": "Previously generated tokens will be shown here.",
+  "your_git_access_tokens": "Your Git authentication tokens",
+  "your_message_to_collaborators": "Send a message to your collaborators",
+  "your_name_and_email_address_will_be_visible_to_the_project_owner_and_other_editors": "Your name and email address will be visible to the project owner and other editors.",
+  "your_new_plan": "Your new plan",
+  "your_password_has_been_successfully_changed": "Your password has been successfully changed",
+  "your_password_was_detected": "Your password is on a <0>public list of known compromised passwords</0>. Keep your account safe by changing your password now.",
+  "your_plan": "Your plan",
+  "your_plan_is_changing_at_term_end": "Your plan is changing to <0>__pendingPlanName__</0> at the end of the current billing period.",
+  "your_plan_is_limited_to_n_editors": "Your plan allows __count__ collaborator with edit access and unlimited viewers.",
+  "your_plan_is_limited_to_n_editors_plural": "Your plan allows __count__ collaborators with edit access and unlimited viewers.",
+  "your_premium_plan_is_paused": "Your Premium plan is <0>paused</0>.",
+  "your_project_exceeded_collaborator_limit": "Your project exceeded the collaborator limit and access levels were changed. Select a new access level for your collaborators, or upgrade to add more editors or reviewers.",
+  "your_project_exceeded_compile_timeout_limit_on_free_plan": "Your project exceeded the compile timeout limit on our free plan.",
+  "your_project_near_compile_timeout_limit": "Your project is near the compile timeout limit for our free plan.",
+  "your_project_need_more_time_to_compile": "It looks like your project may need more time to compile than our free plan allows.",
+  "your_projects": "Your Projects",
+  "your_questions_answered": "Your questions answered",
+  "your_role": "Your role",
+  "your_sessions": "Your Sessions",
+  "your_subscription": "Your subscription",
+  "your_subscription_has_expired": "Your subscription has expired.",
+  "your_subscription_will_pause_on": "Your <0>__planName__</0> subscription will pause on <0>__pauseDate__</0>. It’ll automatically unpause on <0>__reactivationDate__</0>. Or you can unpause it yourself at any time.",
+  "your_subscription_will_pause_on_short": "Your subscription will pause on <0>__pauseDate__</0>.",
+  "youre_a_member_of_overleaf_labs": "You’re a member of Overleaf Labs. Don’t forget to check in regularly to see what experiments you can sign up to.",
+  "youre_about_to_disable_single_sign_on": "You’re about to disable single sign-on for all group members.",
+  "youre_about_to_enable_single_sign_on": "You’re about to enable single sign-on (SSO). Before you do this, you should ensure you’re confident the SSO configuration is correct and all your group members have managed user accounts.",
+  "youre_about_to_enable_single_sign_on_sso_only": "You’re about to enable single sign-on (SSO). Before you do this, you should ensure you’re confident the SSO configuration is correct.",
+  "youre_adding_x_licenses_to_your_plan_giving_you_a_total_of_y_licenses": "You’re adding <0>__adding__</0> licenses to your plan giving you a total of <1>__total__</1> licenses.",
+  "youre_already_setup_for_sso": "You’re already set up for SSO",
+  "youre_helping_us_shape_the_future_of_overleaf": "You’re helping us shape the future of Overleaf",
+  "youre_joining": "You’re joining",
+  "youre_on_free_trial_which_ends_on": "You’re on a free trial which ends on <0>__date__</0>.",
+  "youre_signed_in_as_logout": "You’re signed in as <0>__email__</0>. <1>Log out.</1>",
+  "youre_signed_up": "You’re signed up",
+  "youve_added_more_licenses": "You’ve added more license(s)!",
+  "youve_added_x_more_licenses_to_your_subscription_invite_people": "You’ve added __users__ more license(s) to your subscription. <0>Invite people</0>.",
+  "youve_lost_collaboration_access": "You’ve lost collaboration access",
+  "youve_paused_your_subscription": "Your <0>__planName__</0> subscription is paused until <0>__reactivationDate__</0>, then it’ll automatically unpause. You can unpause early at any time.",
+  "youve_unlinked_all_users": "You’ve unlinked all users",
+  "youve_upgraded_your_plan": "You’ve upgraded your plan!",
+  "zh-CN": "Chinese",
+  "zip_contents_too_large": "Zip contents too large",
+  "zoom_in": "Zoom in",
+  "zoom_out": "Zoom out",
+  "zoom_to": "Zoom to",
+  "zotero": "Zotero",
+  "zotero_and_mendeley_integrations": "<0>Zotero</0> and <0>Mendeley</0> integrations",
+  "zotero_dynamic_sync_description": "With the Zotero integration, you can import your references into __appName__. You can either import all your references at once or dynamically search your Zotero library directly from __appName__.",
+  "zotero_groups_loading_error": "There was an error loading groups from Zotero",
+  "zotero_groups_relink": "There was an error accessing your Zotero data. This was likely caused by lack of permissions. Please re-link your account and try again.",
+  "zotero_integration": "Zotero Integration",
+  "zotero_is_premium": "Zotero integration is a premium feature",
+  "zotero_reference_loading_error": "Error, could not load references from Zotero",
+  "zotero_reference_loading_error_expired": "Zotero token expired, please re-link your account",
+  "zotero_reference_loading_error_forbidden": "Could not load references from Zotero, please re-link your account and try again",
+  "zotero_sync_description": "With the Zotero integration you can import your references from Zotero into your __appName__ projects.",
+  "zotero_upgrade_prompt_content": "Link your Zotero account to search and add your references from Zotero directly in your project—they’ll automatically be added to your .bib file. Or import them as a file into your __appName__ projects.",
+  "zotero_upgrade_prompt_title": "Cite from Zotero"
+}
diff --git a/services/web/locales/es.json b/services/web/locales/es.json
new file mode 100644
index 0000000..36391d3
--- /dev/null
+++ b/services/web/locales/es.json
@@ -0,0 +1,696 @@
+{
+  "1_2_width": "½ ancho",
+  "1_4_width": "¼ ancho",
+  "3_4_width": "¾ ancho",
+  "About": "Quiénes somos",
+  "Account": "Cuenta",
+  "Account Settings": "Opciones de la cuenta",
+  "Documentation": "Documentación",
+  "Projects": "Proyectos",
+  "Security": "Seguridad",
+  "Subscription": "Suscripción",
+  "Terms": "Términos",
+  "Universities": "Universidades",
+  "a_custom_size_has_been_used_in_the_latex_code": "Se ha utilizado un tamaño personalizado en el código LaTeX.",
+  "a_fatal_compile_error_that_completely_blocks_compilation": "Un <0>fatal compile error</0> bloquea completamente la compilación.",
+  "a_file_with_that_name_already_exists_and_will_be_overriden": "Ya existe un archivo con el mismo nombre. El contenido original será sobrescrito.",
+  "a_more_comprehensive_list_of_keyboard_shortcuts": "Una lista más exhaustiva de atajos de teclado puede encontrarse en <0>this __appName__ project template</0>",
+  "about": "Quiénes somos",
+  "about_to_archive_projects": "Estás apunto de archivar los siguientes proyectos:",
+  "about_to_delete_cert": "Estás a punto de eliminar el siguiente certificado:",
+  "about_to_delete_projects": "Estás a punto de eliminar los siguientes proyectos:",
+  "about_to_delete_tag": "Estás a punto de eliminar las siguientes etiquetas (no se eliminarán los proyectos en las mismas):",
+  "about_to_delete_the_following_project": "Estás a punto de eliminar el siguiente proyecto:",
+  "about_to_delete_the_following_projects": "Estás a punto de eliminar los siguientes proyectos:",
+  "about_to_delete_user_preamble": "Estás a punto de eliminar  __userName__ (__userEmail__). Hacer esto significará:",
+  "about_to_enable_managed_users": "Al activar la función Usuarios administrados, todos los miembros existentes de su suscripción de grupo serán invitados a convertirse en administrados. Esto te dará derechos de administrador sobre sus cuentas. También tendrás la opción de invitar a nuevos miembros a unirse a la suscripción y convertirse en administrados.",
+  "about_to_leave_project": "Estás a punto de abandonar este proyecto.",
+  "about_to_leave_projects": "Estás apunto de abandonar los siguientes proyectos:",
+  "about_to_trash_projects": "Estás a punto de enviar los siguientes proyectos a la papelera:",
+  "abstract": "Resumen",
+  "accept": "Aceptar",
+  "accept_and_continue": "Aceptar y continuar",
+  "accept_change": "Aceptar cambio",
+  "accept_invitation": "Aceptar invitación",
+  "accept_or_reject_each_changes_individually": "Aceptar o rechazar cada cambio individualmente",
+  "accept_terms_and_conditions": "Aceptar términos y condiciones",
+  "accepted_invite": "Invitación aceptada",
+  "accepting_invite_as": "Estás aceptando esta invitación como ",
+  "access_denied": "Acceso denegado",
+  "access_levels_changed": "Niveles de acceso modificados",
+  "account": "Cuenta",
+  "account_has_been_link_to_institution_account": "Tu cuenta <b>__email__</b> de __appName__ ha sido vinculada con tu cuenta institucional <b>__institutionName__</b>.",
+  "account_has_past_due_invoice_change_plan_warning": "Su cuenta tiene actualmente una factura vencida. No podrás cambiar de plan hasta que esto se resuelva.",
+  "account_linking": "Vinculación de cuentas",
+  "account_managed_by_group_administrator": "Su cuenta está administrada por el administrador de su grupo (__admin__)",
+  "account_not_linked_to_dropbox": "Tu cuenta no está   conectada con Dropbox",
+  "account_settings": "Opciones de la cuenta",
+  "account_with_email_exists": "Parece que una cuenta <b>__appName__</b> con el email <b>__email__</b> ya existe.",
+  "acct_linked_to_institution_acct_2": "Puedes <b>unirte</b> a Overleaf a través de tu login institucional de <b>__institutionName__</b>",
+  "actions": "Acciones",
+  "activate": "Activar",
+  "activate_account": "Activar tu cuenta",
+  "activating": "Activando",
+  "activation_token_expired": "Tu token de activación ha caducado, tendrás que solicitar que enviemos otro.",
+  "active": "Activo",
+  "add": "Agregar",
+  "add_a_recovery_email_address": "Añadir una dirección de correo de recuperación",
+  "add_additional_certificate": "Añadir otro certificado",
+  "add_affiliation": "Añadir afiliación",
+  "add_another_address_line": "Añadir otra línea de dirección",
+  "add_another_email": "Añadir otro correo",
+  "add_another_token": "Añadir otro token",
+  "add_comma_separated_emails_help": "Separa múltiples direcciones de correo mediante la coma (,)",
+  "add_comment": "Añadir comentario",
+  "add_company_details": "Añadir detalles de la compañía",
+  "add_email": "Añadir correo",
+  "add_email_address": "Añadir dirección de correo",
+  "add_email_to_claim_features": "Añade tu correo institucional para reclamar funcionalidades.",
+  "add_files": "Añadir archivos",
+  "add_more_editors": "Añadir más editores",
+  "add_more_managers": "Añadir más administradores",
+  "add_new_email": "Añadir nuevo correo",
+  "add_or_remove_project_from_tag": "Añadir o eliminar proyecto de la etiqueta __tagName__",
+  "add_people": "Añadir personas",
+  "add_role_and_department": "Añadir rol y departamento",
+  "add_to_tag": "Añadir a etiqueta",
+  "add_your_comment_here": "Añade tu comentario aquí",
+  "add_your_first_group_member_now": "Agrega tu primer grupo de miembros ahora",
+  "added": "agregado",
+  "added_by_on": "Añadido por __name__ el __date__",
+  "adding": "Añadiendo",
+  "additional_certificate": "Certificado adicional",
+  "address": "Dirección",
+  "address_line_1": "Dirección",
+  "address_second_line_optional": "Segunda línea de dirección (opcional)",
+  "adjust_column_width": "Ajustar ancho de columna",
+  "admin": "administrador",
+  "admin_panel": "Panel de administrador",
+  "administration_and_security": "Administración y seguridad",
+  "advanced_reference_search": "Búsqueda avanzada de referencias",
+  "advanced_reference_search_mode": "Búsqueda avanzada de referencias",
+  "aggregate_changed": "Cambiado",
+  "aggregate_to": "a",
+  "agree_with_the_terms": "Estoy de acuerdo con los términos y condiciones de Overleaf",
+  "ai_can_make_mistakes": "La IA puede cometer errores. Revisa las correcciones antes de aplicarlas.",
+  "ai_feedback_tell_us_what_was_wrong_so_we_can_improve": "Dinos qué falló para que podamos mejorar.",
+  "ai_feedback_the_answer_was_too_long": "La respuesta fue demasiado larga",
+  "ai_feedback_the_answer_wasnt_detailed_enough": "La respuesta no ha sido lo suficientemente detallada",
+  "ai_feedback_the_suggestion_didnt_fix_the_error": "La sugerencia no solucionó el error",
+  "ai_feedback_the_suggestion_wasnt_the_best_fix_available": "La sugerencia no ha sido la mejor solución disponible",
+  "ai_feedback_there_was_no_code_fix_suggested": "No se sugirió ninguna corrección del código",
+  "alignment": "Alineado",
+  "all": "Todos",
+  "all_borders": "Todos los bordes",
+  "all_premium_features": "Todas las características premium",
+  "all_premium_features_including": "Todas las características premium, incluyendo:",
+  "all_prices_displayed_are_in_currency": "Todos los precios mostrados son en __recommendedCurrency__.",
+  "all_projects": "Todos los proyectos",
+  "all_projects_will_be_transferred_immediately": "Todos los proyectos se transferirán inmediatamente al nuevo propietario.",
+  "all_templates": "Todas las plantillas",
+  "all_the_pros_of_our_standard_plan_plus_unlimited_collab": "Todas las ventajas de nuestro plan estándar, más un número ilimitado de colaboradores por proyecto.",
+  "all_these_experiments_are_available_exclusively": "Todos estos experimentos están disponibles exclusivamente para los miembros del programa Labs. Si te inscribes, puedes elegir qué experimentos quieres probar.",
+  "already_have_an_account": "¿Ya tiene una cuenta?",
+  "already_have_sl_account": "¿Ya tienes una cuenta de __appName__?",
+  "already_subscribed_try_refreshing_the_page": "¿Ya estás suscrito? Prueba a actualizar la página.",
+  "also": "También",
+  "alternatively_create_new_institution_account": "Alternativamente, puede crear una  <b>nueva cuenta</b> con su correo institucional (<b>__email__</b>) haciendo click en <b>__clickText__</b>.",
+  "an_email_has_already_been_sent_to": "Ya se ha enviado un correo electrónico a <0>__email__</0>. Espere e inténtelo de nuevo más tarde.",
+  "an_error_occured_while_restoring_project": "Se ha producido un error al restaurar el proyecto",
+  "an_error_occurred_when_verifying_the_coupon_code": "Se ha producido un error al verificar el código del cupón",
+  "and": "y",
+  "annual": "Anual",
+  "anonymous": "Anónimo",
+  "anyone_with_link_can_edit": "Cualquiera con este enlace puede editar este proyecto",
+  "anyone_with_link_can_view": "Cualquiera con este enlace puede ver este proyecto",
+  "app_on_x": "__appName__ en __social__",
+  "apply_educational_discount": "Aplicar descuento educacional",
+  "apply_suggestion": "Aplicar sugerencia",
+  "april": "Abril",
+  "archive": "Archivar",
+  "archive_projects": "Archivar proyectos",
+  "archived": "Archivado",
+  "archived_projects": "Proyectos archivados",
+  "archiving_projects_wont_affect_collaborators": "Archivar proyectos no afectará a tus colaboradores.",
+  "are_you_affiliated_with_an_institution": "¿Está afiliado a alguna institución?",
+  "are_you_still_at": "¿Aún perteneces a <0>__institutionName__</0>?",
+  "article": "Artículo",
+  "articles": "Artículos",
+  "as_a_member_of_sso_required": "Como miembro de <b>__institutionName__</b>, debe unirse a <b>__appName__</b> a través del portal de su institución.",
+  "as_email": "con __email__",
+  "ascending": "Ascendente",
+  "ask_proj_owner_to_upgrade_for_full_history": "Pida al propietario del proyecto que lo actualice para acceder al historial completo de este proyecto.",
+  "ask_proj_owner_to_upgrade_for_references_search": "Pide al creador del proyecto que suba de categoría para usar la característica Búsqueda de referencias.",
+  "august": "Agosto",
+  "author": "Autor",
+  "auto_close_brackets": "Cierre automático de corchetes",
+  "auto_compile": "Compilación automática",
+  "auto_complete": "Autocompletar",
+  "autocompile_disabled": "Compilación automática desactivada",
+  "autocompile_disabled_reason": "Debido a la elevada carga del servidor, se ha desactivado temporalmente la recompilación en segundo plano. Por favor, recompile haciendo clic en el botón de arriba.",
+  "autocomplete": "Autocompletado",
+  "automatic_user_registration_uppercase": "Registro automático de usuarios",
+  "back": "Volver",
+  "back_to_account_settings": "Volver a la configuración de la cuenta",
+  "back_to_configuration": "Volver a la configuración",
+  "back_to_editor": "Volver al editor",
+  "back_to_log_in": "Volver al inicio de sesión",
+  "back_to_subscription": "Volver a Suscripción",
+  "back_to_your_projects": "Volver a tus proyectos",
+  "basic": "Básico",
+  "basic_compile_timeout_on_fast_servers": "Tiempo de espera de compilación básico en servidores rápidos",
+  "become_an_advisor": "Conviértete en  __appName__ advisor",
+  "beta": "Beta",
+  "beta_feature_badge": "Insignia de función beta",
+  "beta_program_already_participating": "Está inscrito en el Programa Beta",
+  "beta_program_badge_description": "Cuando utilices __appName__, verás las funciones beta marcadas con este distintivo:",
+  "beta_program_benefits": "Siempre estamos mejorando __appName__. Al unirte a este programa podrás tener <0>acceso anticipado a nuevas funciones</0> y ayudarnos a entender mejor tus necesidades.",
+  "beta_program_not_participating": "No está inscrito en el Programa Beta",
+  "beta_program_opt_in_action": "Inscribirse en el Programa Beta",
+  "beta_program_opt_out_action": "Salir del Programa Beta",
+  "bibliographies": "Bibliografías",
+  "binary_history_error": "Vista previa no disponible para este tipo de archivo",
+  "blank_project": "Proyecto vacío",
+  "blocked_filename": "Este nombre de archivo está bloqueado.",
+  "blog": "Blog",
+  "brl_discount_offer_plans_page_banner": "__flag__ <b>¡Grandes noticias!</b> Hemos aplicado un 50% de descuento a los planes premium de esta página para nuestros usuarios en Brasil. Echa un vistazo a los nuevos precios más bajos.",
+  "browser": "Navegador",
+  "built_in": "Integrado",
+  "buy_now_no_exclamation_mark": "Comprar ahora",
+  "by": "por",
+  "by_joining_labs": "Al unirte a Labs, aceptas recibir ocasionalmente correos electrónicos y actualizaciones de Overleaf, por ejemplo, para solicitar tu opinión. También acepta nuestras <0>condiciones del servicio</0> y nuestro <1>aviso de privacidad</1>.",
+  "by_registering_you_agree_to_our_terms_of_service": "Al registrarse, acepta nuestras <0>condiciones del servicio</0> y <1>notificación de privacidad</1>.",
+  "by_subscribing_you_agree_to_our_terms_of_service": "Al suscribirse, acepta nuestras <0>condiciones del servicio</0>.",
+  "can_link_institution_email_acct_to_institution_acct": "Ahora puedes vincular tu cuenta  <b>__appName__</b> <b>__email__</b> a tu cuenta institucional <b>__institutionName__</b>.",
+  "can_link_institution_email_by_clicking": "Puedes vincular tu cuenta  <b>__appName__</b> <b>__email__</b> a tu cuenta institucional <b>__institutionName__</b> haciendo click en <b>__clickText__</b>.",
+  "can_link_institution_email_to_login": "Puedes vincular tu cuenta  <b>__appName__</b> <b>__email__</b> a tu cuenta institucional <b>__institutionName__</b>, lo cual te permitirá entrar en <b>__appName__</b> a través de tu institución y confirmará de nuevo tu cuenta de correo institucional.",
+  "can_now_relink_dropbox": "Ya puedes <0>vincular de nuevo tu cuenta de Dropbox</0>.",
+  "cancel": "Cancelar",
+  "cancel_my_account": "Cancelar mi suscripción",
+  "cancel_my_subscription": "Cancelar mi suscripción",
+  "cancel_personal_subscription_first": "Ya tienes una suscripción personal, ¿quieres que cancelemos esta primero antes de unirte a esta licencia grupal?",
+  "cancel_your_subscription": "Cancelar tu suscripción",
+  "cannot_invite_non_user": "No se puede enviar la invitación. El destinatario ya debe tener una cuenta en __appName__.",
+  "cannot_invite_self": "No se puede enviar la invitación a uno mismo",
+  "cant_find_email": "Ese correo electrónico no está registrado, disculpa.",
+  "cant_find_page": "Disculpa, no podemos encontrar la página que estás buscando.",
+  "cant_see_what_youre_looking_for_question": "¿No encuentra lo que busca?",
+  "caption_above": "Pie de foto encima",
+  "caption_below": "Pie de foto debajo",
+  "card_details": "Datos de la tarjeta",
+  "card_details_are_not_valid": "Los datos de la tarjeta no son válidos",
+  "card_must_be_authenticated_by_3dsecure": "Su tarjeta debe ser autenticada con 3D Secure antes de continuar",
+  "card_payment": "Pago con tarjeta",
+  "careers": "Empleo",
+  "category_arrows": "Flechas",
+  "category_greek": "Griego",
+  "category_misc": "Miscelánea",
+  "category_operators": "Operadores",
+  "category_relations": "Relaciones",
+  "center": "Centro",
+  "certificate": "Certificado",
+  "change": "Cambiar",
+  "change_currency": "Cambiar divisa",
+  "change_password": "Cambiar contraseña",
+  "change_plan": "Cambiar plan",
+  "change_to_this_plan": "Cambiar a este plan",
+  "chat": "Chat",
+  "checking_dropbox_status": "Revisando estado de Dropbox",
+  "checking_project_github_status": "Revisando estado de proyecto en GitHub",
+  "choose_your_plan": "Elige tu plan",
+  "city": "Ciudad",
+  "clear_cached_files": "Borrar archivos en la caché",
+  "clearing": "Limpiando",
+  "click_here_to_view_sl_in_lng": "Haga click aquí para usar __appName__ en <0>__lngName__</0>",
+  "close": "Cerrar",
+  "clsi_maintenance": "Los servidores de compilación están fuera de servicio por mantenimiento y volverán a estar operativos muy pronto.",
+  "cn": "Chino (simplificado)",
+  "collaboration": "Colaboración",
+  "collaborator": "Colaborador",
+  "collabs_per_proj": "__collabcount__ colaboradores por proyecto",
+  "comment": "Comentar",
+  "common": "Común",
+  "compile_error_entry_description": "Un error ha impedido la compilación de este proyecto",
+  "compile_error_handling": "Tratamiento de errores de compilación",
+  "compile_larger_projects": "Compilar proyectos más grandes",
+  "compile_mode": "Modo de compilación",
+  "compile_servers": "Servidores de compilación",
+  "compile_timeout_short": "Tiempo límite de compilación",
+  "compiler": "Compilador",
+  "compiling": "Compilando",
+  "complete": "Completar",
+  "compliance": "Conformidad",
+  "compromised_password": "Contraseña comprometida",
+  "configure_sso": "Configurar SSO",
+  "confirm": "Confirmar",
+  "confirm_affiliation": "Confirmar afiliación",
+  "confirm_email": "Confirmar email",
+  "confirm_new_password": "Confirmar nueva contraseña",
+  "confirming": "Confirmando",
+  "connected_users": "Usuarios conectados",
+  "connecting": "Conectando",
+  "contact": "Contacto",
+  "contact_group_admin": "Por favor, contacta al administrador de tu grupo",
+  "contact_message_label": "Mensaje",
+  "contact_support": "Contactar con el soporte",
+  "contact_us": "Contáctanos",
+  "contact_us_lowercase": "Contáctanos",
+  "contacting_the_sales_team": "Contactar con el equipo de ventas",
+  "continue": "Continuar",
+  "continue_github_merge": "He hecho el merge de forma manual. Continuar",
+  "continue_with_free_plan": "Continuar con el plan gratuito",
+  "copied": "Copiado",
+  "copy": "Copiar",
+  "copy_code": "Copiar código",
+  "copy_project": "Copiar proyecto",
+  "copy_response": "Copiar respuesta",
+  "copying": "Copiando",
+  "country": "País",
+  "coupon_code": "Código de cupón",
+  "create": "Crear",
+  "create_new_subscription": "Crear nueva suscripción",
+  "create_project_in_github": "Crear un repositorio en GitHub",
+  "creating": "Creando",
+  "credit_card": "Tarjeta de crédito",
+  "cs": "Checo",
+  "current_password": "Contraseña actual",
+  "currently_subscribed_to_plan": "Actualmente estás suscrito al plan <0>__planName__</0>.",
+  "da": "Danés",
+  "de": "Alemán",
+  "december": "Diciembre",
+  "delete": "Eliminar",
+  "delete_account": "Eliminar cuenta",
+  "delete_and_leave_projects": "Eliminar y abandonar proyectos",
+  "delete_projects": "Eliminar proyectos",
+  "delete_your_account": "Elimina tu cuenta",
+  "deleting": "Eliminando",
+  "description": "Descripción",
+  "disable_sso": "Deshabilitar SSO",
+  "disconnected": "Desconectado",
+  "documentation": "Documentación",
+  "doesnt_match": "No concuerdan",
+  "done": "Listo",
+  "download": "Descargar",
+  "download_pdf": "Descargar PDF",
+  "download_zip_file": "Descargar archivo .zip",
+  "dropbox_sync": "Sincronización con Dropbox",
+  "dropbox_sync_description": "Mantén tus proyectos de __appName__ sincronizados con Dropbox. Los cambios en __appName__ son automáticamente enviados a tu Dropbox y vice versa.",
+  "edit_sso_configuration": "Editar configuración de SSO",
+  "editing": "Editando",
+  "editor_disconected_click_to_reconnect": "Editor desconectado, clickea en cualquier parte para volver a conectar.",
+  "email": "Email",
+  "email_already_registered": "Este correo electrónico ya está registrado",
+  "email_link_expired": "El link para el correo electrónico expiró, por favor solicita uno nuevo.",
+  "email_or_password_wrong_try_again": "Tu correo electrónico o contraseña es incorrecto.",
+  "en": "Inglés",
+  "enable_sso": "Habilitar SSO",
+  "es": "Español",
+  "every": "cada",
+  "example_project": "Proyecto de ejemplo",
+  "expiry": "Fecha de expiración",
+  "export_project_to_github": "Exportar proyecto a GitHub",
+  "fast": "Rápido",
+  "features": "Características",
+  "february": "Febrero",
+  "first_name": "Nombre",
+  "folders": "Carpetas",
+  "font_size": "Tamaño de la tipografía",
+  "forgot_your_password": "¿Olvidaste tu contraseña",
+  "fr": "Francés",
+  "free": "Gratis",
+  "free_dropbox_and_history": "Dropbox e historial gratis",
+  "full_doc_history": "Historial completo de documentos",
+  "general": "General",
+  "generic_something_went_wrong": "Disculpa, algo falló",
+  "get_discounted_plan": "Consigue el plan con descuento",
+  "get_in_touch": "Ponte en contacto",
+  "github_commit_message_placeholder": "Mensaje del commit para cambios hechos en __appName__...",
+  "github_is_premium": "La sincronización con GitHub es una característica premium",
+  "github_public_description": "Cualquier persona puede ver este repositorio. Tú eliges quién puede contribuir.",
+  "github_successfully_linked_description": "Gracias, vinculamos exitosamente tu cuenta de GitHub con __appName__. Ahora puedes exportar tus proyectos de __appName__ a GitHub o importar proyectos desde tus repositorios en GitHub.",
+  "github_sync": "Sincronización con GitHub",
+  "github_sync_description": "Con la sincronización con GitHub puedes enlazar tus proyectos de __appName__ con repositorios GitHub. Crea nuevos commits desde __appName__ y únelos con commits hechos offline o en GitHub.",
+  "github_sync_error": "Disculpa, hubo un error en la conexión con nuestro servicio de GitHub. Intenta de nuevo en unos minutos más, por favor.",
+  "github_validation_check": "Por favor revisa que el nombre del repositorio es válido y que tienes permisos para crear el repositorio.",
+  "global": "global",
+  "go_to_code_location_in_pdf": "Ir a la ubicación del código en el PDF",
+  "go_to_pdf_location_in_code": "Ir a la ubicación del PDF en el código",
+  "group_admin": "Administrador de grupo",
+  "groups": "Grupos",
+  "have_more_days_to_try": "¡Aquí tienes <strong>__days__ días</strong> más de prueba!",
+  "headers": "Encabezados",
+  "help": "Ayuda",
+  "hotkeys": "Teclas de acceso rápido",
+  "i_want_to_stay": "Quiero seguir",
+  "ill_take_it": "¡Sí!",
+  "import_from_github": "Importar desde GitHub",
+  "import_to_sharelatex": "Importa a __appName__",
+  "importing": "Importando",
+  "importing_and_merging_changes_in_github": "Importando y uniendo cambios en GitHub",
+  "info": "Información",
+  "institution": "Institución",
+  "it": "Italiano",
+  "ja": "Japonés",
+  "january": "Enero",
+  "join_sl_to_view_project": "Ingresa a __appName__ para ver este proyecto",
+  "july": "Julio",
+  "june": "Junio",
+  "keybindings": "Teclas asociadas",
+  "ko": "Coreano",
+  "language": "Idioma",
+  "last_modified": "Última modificación",
+  "last_name": "Apellido",
+  "latam_discount_modal_info": "Aprovecha todo el potencial de Overleaf con un __discount__% de descuento en suscripciones premium pagadas en __currencyName__. Consigue tiempos de compilación más largos, historial completo de documentos, seguimiento de cambios, colaboradores adicionales y más.",
+  "latam_discount_modal_title": "Descuento en planes premium",
+  "latam_discount_offer_plans_page_banner": "__flag__ Aplicamos un descuento del __discount__ en los planes premium de esta página para nuestros usuarios de __country__. Consulta los nuevos precios con descuento (en __currency__)",
+  "latex_templates": "Plantillas LaTeX",
+  "learn_more": "Más detalles",
+  "leave_group": "Abandonar grupo",
+  "leave_now": "Abandonar ya",
+  "leave_projects": "Abandonar proyectos",
+  "link_to_github": "Enlace a tu cuenta de GitHub",
+  "link_to_github_description": "Necesitas autorizar a __appName__ para acceder a tu cuenta de GitHub para permitirnos sincronizar tus proyectos.",
+  "link_to_mendeley": "Vincular a Mendeley",
+  "link_to_zotero": "Vincular a Zotero",
+  "links": "Enlaces",
+  "loading": "Cargando",
+  "loading_github_repositories": "Cargando tus repositorios de GitHub",
+  "loading_recent_github_commits": "Cargando commits recientes",
+  "log_in": "Entrar",
+  "log_in_with_sso": "Unirse mediante SSO",
+  "log_in_with_sso_email": "Dirección de correo de trabajo o universitaria",
+  "log_out": "Cerrar sesión",
+  "logging_in": "Ingresando",
+  "login": "Ingresar",
+  "login_here": "Ingresa aquí",
+  "logs_and_output_files": "Logs y archivos de salida",
+  "lost_connection": "Conexión perdida",
+  "main_document": "Documento principal",
+  "maintenance": "Mantenimiento",
+  "make_private": "Hacer privado",
+  "manage_group_settings_subtext": "Configurar y gestionar SSO y usuarios gestionados",
+  "manage_group_settings_subtext_group_sso": "Configurar y gestionar SSO",
+  "manage_subscription": "Gestionar suscripción",
+  "march": "Marzo",
+  "math_display": "Fórmulas mostradas",
+  "math_inline": "Fórmulas en texto",
+  "maximum_files_uploaded_together": "Máximo de archivos que se pueden subir a la vez: __max__",
+  "may": "Mayo",
+  "maybe_later": "Tal vez más tarde",
+  "mendeley": "Mendeley",
+  "mendeley_integration": "Integración de Mendeley",
+  "mendeley_is_premium": "La integración de Mendeley es una característica premium",
+  "mendeley_reference_loading_error": "Error, no se han podido cargar las referencias de Mendeley",
+  "mendeley_reference_loading_error_expired": "Tu token de Mendeley ha caducado, vuelve a vincular tu cuenta",
+  "mendeley_reference_loading_error_forbidden": "No se han podido cargar las referencias de Mendeley, vuelve a vincular tu cuenta y prueba de nuevo",
+  "mendeley_sync_description": "Con la integración de Mendeley puedes importar tus referencias de mendeley a tus proyectos de __appName__",
+  "menu": "Menú",
+  "merge": "Merge",
+  "merging": "Merging",
+  "month": "mes",
+  "monthly": "Mensualmente",
+  "more": "Más",
+  "must_be_email_address": "Debe ser una dirección de correo electrónico",
+  "name": "Nombre",
+  "native": "Nativo",
+  "navigation": "Navegación",
+  "nearly_activated": "¡Estás a un solo de paso de activar tu cuenta de __appName__!",
+  "need_anything_contact_us_at": "Si hay algo que necesitas, no dudes en contactarnos directamente en",
+  "need_to_leave": "¿Necesitas dejarnos?",
+  "new_file": "Nuevo archivo",
+  "new_folder": "Nueva carpeta",
+  "new_name": "Nuevo nombre",
+  "new_password": "Nueva contraseña",
+  "new_project": "Nuevo proyecto",
+  "next_payment_of_x_collectected_on_y": "El próximo pago de <0>__paymentAmmount__</0> será cobrado el <1>__collectionDate__</1>",
+  "nl": "Neerlandés",
+  "no": "Noruego",
+  "no_members": "Sin miembros",
+  "no_messages": "Sin mensajes",
+  "no_new_commits_in_github": "No hay nuevos commits en GitHub desde el último merge.",
+  "no_planned_maintenance": "No hay mantenimiento programado actualmente",
+  "no_preview_available": "Disculpa, no hay previsualización.",
+  "no_projects": "Sin proyectos",
+  "no_search_results": "No hay resultados de búsqueda",
+  "no_thanks_cancel_now": "No, gracias. Sigo queriendo cancelar",
+  "normal": "Normal",
+  "not_now": "Ahora no",
+  "november": "Noviembre",
+  "october": "Octubre",
+  "off": "Apagado",
+  "ok": "Aceptar",
+  "one_free_collab": "Un colaborador gratis",
+  "online_latex_editor": "Editor de LaTeX online",
+  "optional": "Opcional",
+  "or": "o",
+  "other_logs_and_files": "Otros logs y archivos",
+  "other_ways_to_log_in": "Otras formas de unirse",
+  "over": "más",
+  "owner": "Propietario",
+  "page_not_found": "Página no encontrada",
+  "password": "Contraseña",
+  "password_reset": "Restablecer contraseña",
+  "password_reset_email_sent": "Se ha enviado un correo electrónico con tu contraseña restablecida.",
+  "password_reset_token_expired": "Tu token de reinicio de contraseña ha expirado. Por favor solicita un nuevo correo electrónico para reinicio de contraseña y sigue el enlace ahí.",
+  "pdf_rendering_error": "Error al renderizar PDF",
+  "pdf_viewer": "Visor de PDF",
+  "personal": "Personal",
+  "pl": "Polaco",
+  "planned_maintenance": "Mantenimiento programado",
+  "plans_amper_pricing": "Planes y precios",
+  "plans_and_pricing": "Planes y precios",
+  "please_compile_pdf_before_download": "Por favor compila tu proyecto antes de descargar el PDF",
+  "please_compile_pdf_before_word_count": "Por favor compila tu proyecto antes de realizar un conteo de palabras",
+  "please_enter_email": "Ingresa tu dirección de correo electrónico, por favor ",
+  "please_refresh": "Por favor actualiza la página para continuar.",
+  "please_set_a_password": "Establece una contraseña",
+  "position": "Cargo",
+  "presentation": "Presentación",
+  "price": "Precio",
+  "privacy": "Privacidad",
+  "privacy_policy": "Política de privacidad",
+  "private": "Privado",
+  "problem_changing_email_address": "Hubo un problema cambiando tu dirección de correo electrónico. Por favor intenta de nuevo en unos minutos. Si tu problema persiste, contáctanos por favor.",
+  "problem_talking_to_publishing_service": "Hay un problema con nuestro servicio de publicación, por favor intenta en unos minutos más",
+  "problem_with_subscription_contact_us": "Hay un problema con tu suscripción. Por favor toma contacto con nosotros para mayor infor\u001bmación.",
+  "processing": "procesando",
+  "professional": "Profesional",
+  "project_last_published_at": "Tu proyecto fue publicado en",
+  "project_name": "Nombre del proyecto",
+  "project_not_linked_to_github": "Este proyecto no está enlazado a un repositorio de GitHub. Puedes crear un repositorio para él en GitHub:",
+  "project_too_large": "Proyecto demasiado grande",
+  "project_too_large_please_reduce": "Este proyecto tiene mucho texto, por favor intenta reducirlo.",
+  "project_url": "URL del proyecto afectado",
+  "projects": "Proyectos",
+  "provide_details_of_your_sso_configuration": "Añada, edite o elimine los metadatos SAML de su proveedor de identidades.",
+  "pt": "Portugués",
+  "public": "Público",
+  "publish": "Publicar",
+  "publish_as_template": "Gestionar plantilla",
+  "publishing": "Publicando",
+  "pull_github_changes_into_sharelatex": "Actualiza cambios de GitHub en __appName__",
+  "push_sharelatex_changes_to_github": "Envía cambios de __appName__ a GitHub",
+  "recent_commits_in_github": "Commits recientes en GitHub",
+  "recompile": "Recompilar",
+  "reconnecting": "Volviendo a conectar",
+  "reconnecting_in_x_secs": "Volviendo a conectar en __seconds__ segundos",
+  "reference_error_relink_hint": "Si el error persiste, prueba a volver a vincular la cuenta aquí:",
+  "refresh_page_after_starting_free_trial": "Por favor actualiza esta página para empezar tu prueba gratuita.",
+  "regards": "Atentamente",
+  "register": "Registrarse",
+  "register_to_edit_template": "Por favor regístrate para editar la plantilla __templateName__",
+  "registered": "Registrado",
+  "registering": "Registrando",
+  "remove_from_group": "Eliminar del grupo",
+  "remove_secondary_email_addresses": "Elimine cualquier dirección de correo electrónico secundaria asociada a su cuenta. <0>Elimínelas en la configuración de la cuenta.</0>",
+  "removed": "eliminado",
+  "removing": "Eliminando",
+  "rename": "Renombrar",
+  "rename_project": "Renombrar proyecto",
+  "renaming": "Renombrando",
+  "repository_name": "Nombre del repositorio",
+  "republish": "Volver a publicar",
+  "request_password_reset": "Pedir restablecimiento de contraseña",
+  "request_sent_thank_you": "Solicitud enviada, gracias.",
+  "required": "obligatorio",
+  "resend_link_sso": "Re-enviar invitación de SSO",
+  "reset_password": "Restablecer contraseña",
+  "reset_your_password": "Restablecer tu contraseña",
+  "restore": "Restablecer",
+  "restoring": "Restableciendo",
+  "restricted": "Restringido",
+  "restricted_no_permission": "Restringido. Disculpa, no tienes permiso para cargar esta página.",
+  "ro": "Rumano",
+  "role": "Rol",
+  "ru": "Ruso",
+  "saml_auth_error": "Lo sentimos, su proveedor de identidad respondió con un error.  Póngase en contacto con su administrador para obtener más información.",
+  "saml_email_not_recognized_error": "Esta dirección de correo electrónico no está configurada para SSO. Por favor, compruébelo e inténtelo de nuevo o póngase en contacto con su administrador.",
+  "saml_identity_exists_error": "Lo sentimos, la identidad devuelta por su proveedor de identidad ya está vinculada con una cuenta Overleaf diferente.  Póngase en contacto con su administrador para obtener más información.",
+  "saml_invalid_signature_error": "Lo sentimos, la información recibida de su proveedor de identidad tiene una firma no válida.  Póngase en contacto con su administrador para obtener más información.",
+  "saml_login_disabled_error": "Lo sentimos, el inicio de sesión único (SSO) se ha desactivado para __email__.  Póngase en contacto con su administrador para obtener más información.",
+  "saml_login_failure": "Lo sentimos, ha habido un problema al iniciar sesión.  Póngase en contacto con su administrador para obtener más información.",
+  "saml_login_identity_mismatch_error": "Lo sentimos, estás intentando iniciar sesión en Overleaf como __email__ pero la identidad devuelta por tu proveedor de identidad no es la correcta para esta cuenta de Overleaf.",
+  "saml_login_identity_not_found_error": "Lo sentimos, no hemos podido encontrar una cuenta de Overleaf configurada para el inicio de sesión único con este proveedor de identidad.",
+  "saml_missing_signature_error": "Lo sentimos, la información recibida de su proveedor de identidad no está firmada (se requieren las firmas de respuesta y de aserción).  Póngase en contacto con su administrador para obtener más información.",
+  "saving": "Guardando",
+  "saving_notification_with_seconds": "Guardando __docname__... (__seconds__ segundos de cambios no guardados)",
+  "search_bib_files": "Buscar por autor, título, año",
+  "search_projects": "Buscar proyectos",
+  "search_references": "Buscar los archivos .bib de este proyecto",
+  "security": "Seguridad",
+  "select_github_repository": "Selecciona un repositorio de GitHub para importarlo en __appName__",
+  "send_first_message": "Envía tu primer mensaje",
+  "september": "Septiembre",
+  "server_error": "Error del servidor",
+  "services": "Servicios",
+  "session_expired_redirecting_to_login": "La sesión ha caducado. Se te redirigirá a la página de inicio de sesión en __seconds__ segundos",
+  "set_new_password": "Establece una nueva contraseña",
+  "set_password": "Establecer contraseña",
+  "settings": "Opciones",
+  "share": "Compartir",
+  "share_project": "Compartir proyecto",
+  "shared_with_you": "Compartidos contigo",
+  "show_hotkeys": "Mostrar teclas de acceso rápido",
+  "single_sign_on_sso": "Single Sign-On (SSO)",
+  "something_went_wrong_rendering_pdf": "Algo ha fallado al renderizar este PDF.",
+  "somthing_went_wrong_compiling": "Disculpa, algo anduvo mal y tu proyecto no se pudo compilar. Por favor, intenta de nuevo en unos minutos más.",
+  "source": "Fuente",
+  "spell_check": "Revisión ortográfica",
+  "sso": "SSO",
+  "sso_active": "SSO activo",
+  "sso_config_prop_help_certificate": "Certificado codificado en Base64 sin espacios en blanco",
+  "sso_config_prop_help_first_name": "Atributo SAML que especifica el nombre de pila del usuario",
+  "sso_config_prop_help_last_name": "El atributo SAML que especifica el apellido del usuario",
+  "sso_config_prop_help_user_id": "El atributo SAML proporcionado por su proveedor de internet que identifica a cada usuario",
+  "sso_configuration": "Configuración de SSO",
+  "sso_explanation": "Configure el inicio de sesión único (SSO) para su grupo. Este método de inicio de sesión será opcional para los miembros del grupo a menos que la opción de Usuarios Administrados esté habilitada. <0>Más información sobre Overleaf Group SSO</0>.",
+  "sso_integration": "Integración de SSO",
+  "sso_is_disabled": "El SSO está deshabilitado",
+  "sso_is_disabled_explanation_1": "Los miembros del grupo no podrán iniciar sesión a través de SSO",
+  "sso_is_disabled_explanation_2": "Todos los miembros del grupo necesitarán un nombre de usuario y una contraseña para iniciar sesión en __appName__",
+  "sso_is_enabled": "El SSO está habilitado",
+  "sso_is_enabled_explanation_1": "Los miembros del grupo <0>sólo</0> podrán iniciar sesión a través de SSO después de vincular sus cuentas con su proveedor de identidad.",
+  "sso_is_enabled_explanation_2": "Si hay algún problema con la configuración, sólo usted (como administrador del grupo) podrá desactivar el SSO.",
+  "sso_link_error": "Error al vincular la cuenta",
+  "sso_link_invite_has_been_sent_to_email": "Se ha enviado un recordatorio de invitación SSO a <0>__email__</0>",
+  "sso_logs": "Logs de SSO",
+  "sso_not_active": "El SSO no está activo",
+  "sso_title": "Inicio de sesión único (SSO)",
+  "start_free_trial": "¡Empieza la prueba gratuita!",
+  "state": "Estado",
+  "student": "Estudiante",
+  "subject": "Asunto",
+  "subscribe": "Suscríbete",
+  "subscription": "Suscripción",
+  "subscription_canceled_and_terminate_on_x": " Tu suscripción ha sido cancelada y terminará el <0>__terminateDate__</0>. No se realizarán futuros pagos.",
+  "suggestion": "Sugerencia",
+  "sure_you_want_to_change_plan": "¿Estás seguro que quieres cambiar al plan <0>__planName__</0>_?",
+  "sure_you_want_to_delete": "¿Seguro que quieres borrar permanentemente los siguientes archivos?",
+  "sure_you_want_to_leave_group": "¿Seguro que quieres abandonar este grupo?",
+  "sv": "Sueco",
+  "sync": "Sincronizar",
+  "sync_project_to_github_explanation": "Cualquier cambio que hagas en __appName__ será guardado como un commit y merge con cualquier actualización en GitHub.",
+  "sync_to_dropbox": "Sincronización con Dropbox",
+  "sync_to_github": "Sincronizar con GitHub",
+  "take_me_home": "¡Llévame al incio!",
+  "template_description": "Descripción de plantilla",
+  "templates": "Plantillas",
+  "terms": "Términos",
+  "thank_you": "Gracias",
+  "thanks": "¡Gracias",
+  "thanks_for_subscribing": "¡Gracias por suscribirte!",
+  "thanks_for_subscribing_you_help_sl": "Gracias por suscribirte al plan __planName__. Es por personas como tú que permite que __appName__ siga creciendo y mejorando.",
+  "thanks_settings_updated": "Gracias, tus opciones han sido actualizadas.",
+  "theme": "Tema",
+  "thesis": "Tesis",
+  "this_is_your_template": "Esta es la plantilla de tu proyecto",
+  "this_project_is_public": "Este proyecto es público y puede ser editado por cualquiera que tenga la URL.",
+  "this_project_is_public_read_only": "Este proyecto es público y puede ser visto (pero no editado) por cualquiera que tenga la dirección URL",
+  "this_project_will_appear_in_your_dropbox_folder_at": "Este proyecto aparecerá en tu carpeta de Dropbox en ",
+  "three_free_collab": "Tres colaboradores gratis",
+  "timedout": "Expiró el tiempo de espera",
+  "title": "Título",
+  "to_many_login_requests_2_mins": "Esta cuenta ha tenido muchas peticiones de identificación. Por favor espera 2 minutos antes de intentar identificarte de nuevo",
+  "to_modify_your_subscription_go_to": "Para modificar tu suscripción ve a",
+  "too_many_files_uploaded_throttled_short_period": "Estás intentando subir demasiados archivos. Se te han limitado las subidas por un corto período de tiempo.",
+  "too_recently_compiled": "Este proyecto se ha compilado hace muy poco, por lo que se ha omitido esta complicación.",
+  "total_words": "Palabras totales",
+  "tr": "Turco",
+  "try_now": "Intenta ahora",
+  "uk": "Ucraniano",
+  "university": "Universidad",
+  "unlimited_collabs": "Colaboradores ilimitados",
+  "unlimited_projects": "Proyectos ilimitados",
+  "unlink": "Desvincular",
+  "unlink_github_warning": "Cualquier proyecto que hayas sincronizado con GitHub será desconectado y no se mantendrá sincronizado con GitHub. ¿Estás seguro que quieres desvincular tu cuenta de GitHub?",
+  "unlink_reference": "Desvincular proveedor de referencias",
+  "unlink_warning_reference": "Aviso: al desvincular tu cuenta de este proveedor no podrás importar referencias en tus proyectos.",
+  "unpublish": "Anular publicación",
+  "unpublishing": "Anular publicación",
+  "unsubscribe": "Anular suscripción",
+  "unsubscribed": "Suscripción anulada",
+  "unsubscribing": "Anulando la suscripción",
+  "update": "Actualizar",
+  "update_account_info": "Actualizar información de la cuenta",
+  "update_dropbox_settings": "Actualizar opciones de Dropbox",
+  "update_your_billing_details": "Actualiza tus detalles para cobro",
+  "updating_site": "Actualizando sitio",
+  "upgrade": "Sube de categoría",
+  "upgrade_now": "Sube de categoría ahora",
+  "upgrade_to_get_feature": "Sube de categoría para conseguir __feature__, además de:",
+  "upload": "Subir",
+  "upload_file": "Subir archivo",
+  "upload_project": "Subir proyecto",
+  "upload_zipped_project": "Subir proyecto en Zip",
+  "user_wants_you_to_see_project": "__username__ quiere que veas __projectname__",
+  "vat_number": "Número VAT",
+  "view_all": "Ver todas",
+  "view_in_template_gallery": "Verlo en la galería de plantillas",
+  "welcome_to_sl": "¡Bienvenido a __appName__",
+  "what_happens_when_sso_is_enabled": "¿Qué ocurre cuando se activa el SSO?",
+  "word_count": "Conteo de palabras",
+  "work_or_university_sso": "Inicio de sesión único (SSO) del trabajo/universidad",
+  "year": "año",
+  "you_have_added_x_of_group_size_y": "Has agregado <0>__addedUsersSize__</0> de <1>__groupSize__</1> miembros disponibles",
+  "you_need_to_configure_your_sso_settings": "Debe configurar y probar sus ajustes de SSO antes de activar el SSO",
+  "youll_no_longer_need_to_remember_credentials": "Ya no tendrás que recordar una dirección de correo electrónico y una contraseña distintas. En su lugar, utilizarás el inicio de sesión único para iniciar sesión en Overleaf. <0>Más información sobre SSO</0>.",
+  "your_account_is_suspended": "Tu cuenta está suspendida",
+  "your_compile_timed_out": "Su tiempo de compilación se ha agotado",
+  "your_git_access_info_bullet_1": "Puede tener hasta 10 tokens",
+  "your_git_access_info_bullet_2": "Si alcanzas el límite máximo, tendrás que borrar un token antes de poder generar uno nuevo.",
+  "your_git_access_info_bullet_3": "Puede generar un token utilizando el botón <0>Generar token</0>.",
+  "your_git_access_info_bullet_5": "Los tokens generados previamente se mostrarán aquí.",
+  "your_git_access_tokens": "Sus tokens de autenticación Git",
+  "your_message_to_collaborators": "Mande un mensaje a todos sus colaboradores",
+  "your_new_plan": "Su nuevo plan",
+  "your_password_has_been_successfully_changed": "Su contraseña ha sido modificada correctamente",
+  "your_plan": "Tu plan",
+  "your_project_exceeded_compile_timeout_limit_on_free_plan": "Tu proyecto ha superado el límite de tiempo de compilación de nuestro plan gratuito.",
+  "your_project_near_compile_timeout_limit": "Tu proyecto está cerca del límite de tiempo de compilación para nuestro plan gratuito.",
+  "your_projects": "Tus proyectos",
+  "your_questions_answered": "Sus preguntas respondidas",
+  "your_role": "Su rol",
+  "your_sessions": "Sus sesiones",
+  "your_subscription": "Tu suscripción",
+  "your_subscription_has_expired": "Tu suscripción expiró.",
+  "youre_a_member_of_overleaf_labs": "Ya eres miembro de Overleaf Labs. No olvides visitarnos regularmente para ver a qué experimentos puedes apuntarte.",
+  "youre_about_to_disable_single_sign_on": "Está a punto de desactivar el inicio de sesión único para todos los miembros del grupo.",
+  "youre_about_to_enable_single_sign_on": "Está a punto de activar el inicio de sesión único (SSO). Antes de hacerlo, debe asegurarse de que la configuración de SSO es correcta y de que todos los miembros de su grupo tienen cuentas de usuario gestionadas.",
+  "youre_about_to_enable_single_sign_on_sso_only": "Está a punto de activar el inicio de sesión único (SSO). Antes de hacerlo, debe asegurarse de que la configuración de SSO es correcta.",
+  "youre_already_setup_for_sso": "Ya está configurado para SSO",
+  "youre_on_free_trial_which_ends_on": "Estás en una prueba gratuita que termina en <0>__date__</0>.",
+  "youre_signed_up": "Estás inscrito",
+  "youve_lost_edit_access": "Has perdido el acceso de edición",
+  "youve_unlinked_all_users": "Has desvinculado a todos los usuarios",
+  "zh-CN": "Chino",
+  "zoom_in": "Ampliar",
+  "zoom_out": "Alejar",
+  "zotero": "Zotero",
+  "zotero_groups_loading_error": "Hubo un error cargando los grupos desde Zotero",
+  "zotero_integration": "Integración de Zotero.",
+  "zotero_is_premium": "La integración de Zotero es una característica premium",
+  "zotero_reference_loading_error": "Error, no se han podido cargar las referencias de Zotero",
+  "zotero_reference_loading_error_expired": "Tu token de Zotero ha caducado, vuelve a vincular tu cuenta",
+  "zotero_reference_loading_error_forbidden": "No se han podido cargar las referencias de Zotero, vuelve a vincular tu cuenta y prueba de nuevo",
+  "zotero_sync_description": "Con la integración de Zotero puedes importar tus referencias de zotero a tus proyectos de __appName__."
+}
diff --git a/services/web/locales/fi.json b/services/web/locales/fi.json
new file mode 100644
index 0000000..15c0c34
--- /dev/null
+++ b/services/web/locales/fi.json
@@ -0,0 +1,347 @@
+{
+  "about": "Tietoa",
+  "about_to_delete_projects": "Olet poistamassa seuraavia projekteja:",
+  "about_to_leave_projects": "Olet jättämässä seuraavat projektit:",
+  "account": "Tili",
+  "account_not_linked_to_dropbox": "Tilisi ei ole yhdistetty Dropboxiin",
+  "account_settings": "Tilin asetukset",
+  "actions": "Toiminnot",
+  "add": "Lisää",
+  "add_your_first_group_member_now": "Lisää ensimmäiset ryhmäsi jäsenet nyt",
+  "added": "lisätty",
+  "address": "Osoite",
+  "admin": "ylläpitäjä",
+  "all_projects": "Kaikki projektit",
+  "all_templates": "Kaikki mallipohjat",
+  "already_have_sl_account": "Onko sinulla jo __appName__-tili?",
+  "and": "ja",
+  "annual": "Vuosittainen",
+  "anonymous": "Anonyymi",
+  "april": "Huhtikuu",
+  "august": "Elokuu",
+  "auto_complete": "Automaattinen täydennys",
+  "back_to_your_projects": "Takaisin projekteihisi",
+  "beta": "Beta",
+  "bibliographies": "Lähdeluettelot",
+  "blank_project": "Tyhjä projekti",
+  "blog": "Blogi",
+  "built_in": "Sisäänrakennettu",
+  "cancel": "Peru",
+  "cant_find_email": "Tämä sähköposti ei ole rekisteröity, pahoittelut.",
+  "cant_find_page": "Anteeksi, emme löydä hakemaasi sivua.",
+  "change": "Muuta",
+  "change_password": "Vaihda salasana",
+  "change_plan": "Muuta sopimusta",
+  "change_to_this_plan": "Muutos tähän sopimukseen",
+  "chat": "Keskustelu",
+  "checking_dropbox_status": "tarkistetaan Dropboxin tilaa",
+  "checking_project_github_status": "Tarkistetaan projektin tilaa GitHubissa",
+  "choose_your_plan": "Valitse sopimustyyppi",
+  "city": "Postitoimipaikka",
+  "clear_cached_files": "Tyhjennä väliaikaistiedostot",
+  "clearing": "Tyhjennetään",
+  "click_here_to_view_sl_in_lng": "Klikkaa tästä käyttääksesi sovellusta __appName__ kielellä <0>__lngName__</0>",
+  "close": "Sulje",
+  "cn": "Kiina (Yksinkertainen)",
+  "collaboration": "Yhteistyö",
+  "collaborator": "Työtoveri",
+  "collabs_per_proj": "__collabcount__ työtoveria per projekti",
+  "comment": "Kommentoi",
+  "common": "Yleisiä",
+  "compiler": "Kääntäjä",
+  "compiling": "Käännetään",
+  "complete": "Valmis",
+  "confirm_new_password": "Vahvista uusi salasana",
+  "connecting": "Yhdistetään",
+  "contact": "Ota yhteyttä",
+  "contact_us": "Ota yhteyttä",
+  "continue_github_merge": "Olen yhdistänyt manuaalisesti. Jatka",
+  "copy": "Kopioi",
+  "copy_project": "Kopioi projekti",
+  "copying": "kopioidaan",
+  "country": "Maa",
+  "coupon_code": "Kuponkikoodi",
+  "create": "Luo",
+  "create_new_subscription": "Luo uusi tilaus",
+  "create_project_in_github": "Luo GitHub-repository",
+  "creating": "Luodaan",
+  "credit_card": "Luottokortti",
+  "cs": "Tsekki",
+  "current_password": "Nykyinen salasana",
+  "currently_subscribed_to_plan": "Sinula on tällä hetkellä <0>__planName__</0>-sopimus",
+  "da": "Tanska",
+  "de": "Saksa",
+  "december": "Joulukuu",
+  "delete": "Poista",
+  "delete_account": "Poista tili",
+  "delete_your_account": "Poista tilisi",
+  "deleting": "Poistetaan",
+  "disconnected": "Yhteys katkaistu",
+  "documentation": "Dokumentaatio",
+  "doesnt_match": "Eivät vastaa toisiaan",
+  "done": "Valmis",
+  "download": "Lataa",
+  "download_pdf": "Lataa PDF",
+  "download_zip_file": "Lataa .zip-tiedosto",
+  "dropbox_sync": "Dropbox-synkronointi",
+  "dropbox_sync_description": "Pidä __appName__-projektisi synkronoituna Dropboxiisi. Sovelluksessa __appName__ tehdyt muutokset lähetetään automaattisesti Dropboxiin ja toisin päin.",
+  "editing": "Muokkaaminen",
+  "email": "Sähköposti",
+  "email_link_expired": "Sähköpostilinkki on vanhentunut, ole hyvä ja pyydä uusi.",
+  "email_or_password_wrong_try_again": "Sähköpostiosoitteesi tai salasanasi oli väärä. Ole hyvä ja yritä uudelleen",
+  "en": "Englanti",
+  "es": "Espanja",
+  "every": "joka",
+  "example_project": "Esimerkkiprojekti",
+  "expiry": "Voimassa",
+  "export_project_to_github": "Vie Projekti GitHubiin",
+  "features": "Ominaisuudet",
+  "february": "Helmikuu",
+  "first_name": "Etunimi",
+  "folders": "Kansiot",
+  "font_size": "Kirjasimen koko",
+  "forgot_your_password": "Unohditko salasanasi",
+  "fr": "Ranska",
+  "free": "Ilmainen",
+  "free_dropbox_and_history": "Ilmainen Dropbox ja historia",
+  "full_doc_history": "Täysi dokumentin historia",
+  "general": "Yleinen",
+  "generic_something_went_wrong": "Anteeksi, jokin meni pieleen",
+  "get_in_touch": "Ota yhteyttä",
+  "github_commit_message_placeholder": "Tehdyt muutokset-viesti sovelluksessa __appName__ tehdyille muutoksille",
+  "github_is_premium": "GitHub-synkronointi on premium-ominaisuus",
+  "github_public_description": "Kuka tahansa voi nähdä tämän repositoryn. Voit valita kuka voi tehdä muutoksia.",
+  "github_successfully_linked_description": "Kiitos, olemme linkittäneet GitHub-tilisi sovellukseen __appName__ onnistuneesti. Voit nyt viedä __appName__-projektejasi GitHubiin tai tuoda projekteja omista GitHub-repositoryistasi.",
+  "github_sync": "GitHub Synkronointi",
+  "github_sync_description": "Voit linkittää __appName__-projektisi GitHub-repositoryihin GitHub Syncin avulla. Tee uusia muutoksia sovelluksesta __appName__ ja yhdistä GitHubissa tai offline-tilassa tehtyihin muutoksiin.",
+  "github_sync_error": "Tapahtui virhe puhuessa GitHub-palvelullemme. Yritä uudelleen pienen hetken päästä.",
+  "github_validation_check": "Tarkista, että repositoryn nimi on kelvollinen ja että sinulla on oikeudet luoda repository.",
+  "go_to_code_location_in_pdf": "Mene koodin sijaintiin PDF:ssä",
+  "go_to_pdf_location_in_code": "Mene PDF-sijaintiin koodissa",
+  "group_admin": "Ryhmän ylläpitäjä",
+  "help": "Apua",
+  "hotkeys": "Pikanäppäimet",
+  "import_from_github": "Tuo GitHubista",
+  "import_to_sharelatex": "Tuo sovellukseen __appName__",
+  "importing": "Tuodaan",
+  "importing_and_merging_changes_in_github": "Tuodaan ja yhdistetään muutoksia GitHubissa",
+  "info": "Tietoa",
+  "institution": "Instituutio",
+  "it": "Italia",
+  "ja": "Japani",
+  "january": "Tammikuu",
+  "join_sl_to_view_project": "Liity sovellukseen __appName__ nähdäksesti tämän projektin",
+  "july": "Heinäkuu",
+  "june": "Kesäkuu",
+  "keybindings": "Näppäinasetukset",
+  "ko": "Korea",
+  "language": "Kieli",
+  "last_modified": "Viimeksi muokattu",
+  "last_name": "Sukunimi",
+  "latex_templates": "LaTeX-mallit",
+  "learn_more": "Lue lisää",
+  "link_to_github": "Linkitä GitHub-tiliisi",
+  "link_to_github_description": "Sinun tulee antaa sovellukselle __appName__ pääsy GitHub-tilillesi, joka sallii meidän synkronoida projektisi.",
+  "loading": "Ladataan",
+  "loading_github_repositories": "Ladataan sinun GitHub-repositoryja",
+  "loading_recent_github_commits": "Ladataan viimeisiä muutoksia",
+  "log_in": "Kirjaudu sisään",
+  "log_out": "Kirjaudu ulos",
+  "logging_in": "Kirjaudutaan sisään",
+  "login": "Kirjaudu",
+  "login_here": "Kirjaudu tästä",
+  "logs_and_output_files": "Loki- ja tulostetiedostot",
+  "lost_connection": "Yhteys menetettiin.",
+  "main_document": "Päädokumentti",
+  "maintenance": "Huolto",
+  "make_private": "Tee yksityiseksi",
+  "march": "Maaliskuu",
+  "may": "Toukokuu",
+  "menu": "Valikko",
+  "merge": "Yhdistä",
+  "merging": "Yhdistetään",
+  "month": "kuukausi",
+  "monthly": "Kuukausittainen",
+  "more": "Lisää",
+  "must_be_email_address": "Täytyy olla sähköpostiosoite",
+  "name": "Nimi",
+  "native": "natiivi",
+  "navigation": "Navigointi",
+  "need_anything_contact_us_at": "Jos ikinä tarvitset mitään, ota suoraan yhteyttä osoitteeseen",
+  "need_to_leave": "Haluatko lähteä?",
+  "new_file": "Uusi tiedosto",
+  "new_folder": "Uusi kansio",
+  "new_name": "Uusi nimi",
+  "new_password": "Uusi salasana",
+  "new_project": "Uusi projekti",
+  "next_payment_of_x_collectected_on_y": "Seuraava maksu on <0>__paymentAmmount__</0> ja se kerätään <1>__collectionDate__</1>",
+  "nl": "Hollanti",
+  "no": "Norja",
+  "no_members": "Ei jäseniä",
+  "no_messages": "Ei viestejä",
+  "no_new_commits_in_github": "Ei uusia muutoksia GitHubissa sitten viimeisen yhdistyksen.",
+  "no_planned_maintenance": "Tällä hetkellä ei ole suunniteltuja ylläpitoja",
+  "no_preview_available": "Anteeksi, esikatselua ei ole saatavilla.",
+  "no_projects": "Ei projekteja",
+  "not_now": "Ei nyt",
+  "november": "Marraskuu",
+  "october": "Lokakuu",
+  "off": "Pois",
+  "ok": "OK",
+  "one_free_collab": "Yksi ilmainen työtoveri",
+  "online_latex_editor": "Verkossa toimiva LaTeX-editori",
+  "optional": "Valinnainen",
+  "or": "tai",
+  "other_logs_and_files": "Muut lokit & tiedostot",
+  "over": "yli",
+  "owner": "Omistaja",
+  "page_not_found": "Sivua Ei Löydy",
+  "password": "Salasana",
+  "password_reset": "Nollaa salasana",
+  "password_reset_email_sent": "Sinulle on lähetetty sähköposti, jossa on ohjeet salasanan nollaamiseksi.",
+  "password_reset_token_expired": "Salasanan uusimislinkki on vanhentunut. Pyydä uusi salasanan uusimissähköposti ja seuraa saatua linkkiä.",
+  "pdf_viewer": "PDF-lukija",
+  "personal": "Henkilökohtainen",
+  "pl": "Puola",
+  "planned_maintenance": "Suunniteltu ylläpito",
+  "plans_amper_pricing": "Sopimukset & Hinnoittelu",
+  "plans_and_pricing": "Sopimukset ja hinnoittelu",
+  "please_compile_pdf_before_download": "Käännä projektisi ennen kuin lataat PDF:n",
+  "please_enter_email": "Syötä sähköpostiosoitteesi",
+  "please_refresh": "Päivitä sivu jatkaaksesi.",
+  "position": "Asema",
+  "presentation": "Esitelmä",
+  "price": "Hinta",
+  "privacy": "Tietosuoja",
+  "privacy_policy": "Yksityisyyskäytäntö",
+  "private": "Yksityinen",
+  "problem_changing_email_address": "Sähköpostia muutettaessa tapahtui virhe. Ole hyvä ja yritä uudelleen hetken kuluttua. Jos ongelma jatkuu, ota meihin yhteyttä.",
+  "problem_talking_to_publishing_service": "Julkaisupalvelussamme on ongelma, ole hyvä ja yritä uudestaan muutaman minuutin kuluttua.",
+  "problem_with_subscription_contact_us": "Tilauksessasi on on ongelma. Ole hyvä ja ota meihin yhteyttä saadaksesi lisätietoja.",
+  "processing": "käsitellään",
+  "professional": "Ammattilainen",
+  "project_last_published_at": "Projektisi julkaistiin viimeksi",
+  "project_name": "Projektin nimi",
+  "project_not_linked_to_github": "Tämä projekti ei ole linkitetty GitHub-repositoryyn. Voit luoda sille repositoryn GitHubissa:",
+  "project_too_large": "Projekti liian suuri",
+  "project_too_large_please_reduce": "Tässä projektissa on liikaa tekstiä, yritä ja vähennä sitä.",
+  "projects": "Projektit",
+  "pt": "Portugali",
+  "public": "Julkinen",
+  "publish": "Julkaise",
+  "publish_as_template": "Julkaise mallina",
+  "publishing": "Julkaistaan",
+  "pull_github_changes_into_sharelatex": "Tuo __appName__-muutokset GitHubista",
+  "push_sharelatex_changes_to_github": "Vie __appName__-muutokset GitHubiin",
+  "recent_commits_in_github": "Viimeiset muutokset GitHubissa",
+  "recompile": "Käännä uudestaan",
+  "reconnecting": "Yhdistetään uudelleen",
+  "reconnecting_in_x_secs": "Yhteys muodostetaan uudestaan __seconds__ sekunnin kuluttua",
+  "refresh_page_after_starting_free_trial": "Ole hyvä ja päivitä tämä sivu aloitettuasi ilmaisen kokeilusi.",
+  "regards": "Kiittäen",
+  "register": "Rekisteröidy",
+  "register_to_edit_template": "Ole hyvä ja rekisteröidy muokataksesi mallia __templateName__",
+  "registered": "Rekisteröitynyt",
+  "registering": "Rekisteröidään",
+  "remove_from_group": "Poista ryhmästä",
+  "removed": "poistettu",
+  "rename": "Nimeä uudelleen",
+  "rename_project": "Uudelleennimeä projekti",
+  "repository_name": "Repositoryn Nimi",
+  "republish": "Uudelleenjulkaise",
+  "request_password_reset": "Pyydä salasanan nollausta",
+  "required": "vaadittu",
+  "reset_password": "Nollaa salasana",
+  "reset_your_password": "Nollaa salasanasi",
+  "restore": "Palauta",
+  "restoring": "Palautetaan",
+  "restricted": "Rajoitettu pääsy",
+  "restricted_no_permission": "Rajoitettu, sinulla ei valitettavasti ole lupaa ladata tätä sivua",
+  "ro": "Romania",
+  "role": "Rooli",
+  "ru": "Venäjä",
+  "saving": "Tallennetaan",
+  "saving_notification_with_seconds": "Tallennetaan __docname__... (__seconds__ sekuntia tallentamattomia muutoksia)",
+  "search_projects": "Etsi projekteja",
+  "security": "Turvallisuus",
+  "select_github_repository": "Valitse GitHub-repository tuotavaksi sovellukseen __appName__.",
+  "send_first_message": "Lähetä ensimmäinen viestisi",
+  "september": "Syyskuu",
+  "server_error": "Palvelinvirhe",
+  "set_new_password": "Aseta uusi salasana",
+  "set_password": "Aseta salasana",
+  "settings": "Asetukset",
+  "share": "Jaa",
+  "share_project": "Jaa projekti",
+  "shared_with_you": "Jaettu kanssasi",
+  "show_hotkeys": "Näytä pikanäppäimet",
+  "somthing_went_wrong_compiling": "Anteeksi, jokin meni pieleen ja projektiasi ei voitu kääntää. Yritä uudelleen hetken kuluttua.",
+  "source": "Lähde",
+  "spell_check": "Oikeinkirjoituksen tarkistus",
+  "start_free_trial": "Aloita ilmainen kokeilu!",
+  "state": "Tila",
+  "student": "Opiskelija",
+  "subscribe": "Tilaa",
+  "subscription": "Tilaus",
+  "subscription_canceled_and_terminate_on_x": " Tilauksesi on peruutettu ja loppuu <0>__terminateDate__</0>. Lisämaksuja ei veloiteta.",
+  "sure_you_want_to_change_plan": "Oletko varma, että haluat vaihtaa sopimukseen <0>__planName__</0>?",
+  "sv": "Ruotsi",
+  "sync": "Synkronointi",
+  "sync_project_to_github_explanation": "Kaikki __appName__-sovelluksessa tekemäsi muutokset viedään ja sulautetaan mihin tahansa GitHubissa oleviin päivityksiin.",
+  "sync_to_dropbox": "Yhdistä Dropboxiin",
+  "sync_to_github": "Synkronoi GitHubiin",
+  "take_me_home": "Vie minut kotiin!",
+  "template_description": "Mallin kuvaus",
+  "templates": "Mallit",
+  "terms": "Ehdot",
+  "thank_you": "Kiitos",
+  "thanks": "Kiitos",
+  "thanks_for_subscribing": "Kiitos tilauksesta!",
+  "thanks_for_subscribing_you_help_sl": "Kiitos, että tilasit __planName__-sopimuksen. Kaltaistesi ihmisten antama tuki mahdollistaa __appName__-sovelluksen kehittämisen jatkumisen.",
+  "thanks_settings_updated": "Kiitos, asetuksesi ovat päivitetty.",
+  "theme": "Teema",
+  "thesis": "Lopputyö",
+  "this_project_is_public": "Tämä projekti on julkinen ja sitä voi muokata kuka tahansa, jolla on URL.",
+  "this_project_is_public_read_only": "Tämä projekti on julkinen ja sitä voi katsoa mutta ei muokata URL-osoitteella",
+  "this_project_will_appear_in_your_dropbox_folder_at": "Tämä projekti ilmestyy Dropbox-kansioosi kohteessa ",
+  "three_free_collab": "Kolme ilmaista työtoveria",
+  "timedout": "Aikakatkaisu",
+  "title": "Otsikko",
+  "to_many_login_requests_2_mins": "Tällä tilillä on liian monta sisäänkirjautumispyyntöä. Ole hyvä ja odota 2 minuuttia ennen kuin yrität kirjautua uudestaan",
+  "tr": "Turkki",
+  "try_now": "Yritä nyt",
+  "uk": "Ukraina",
+  "university": "Yliopisto",
+  "unlimited_collabs": "Rajattomasti työtovereita",
+  "unlimited_projects": "Rajattomasti projekteja",
+  "unlink": "Poista linkki",
+  "unlink_github_warning": "Kaikkien GitHubin kanssa synkronoimasi projektien yhteys katkaistaan eikä niitä pidetä enää synkronituna GitHubin kanssa. Oletko varma, että haluat poistaa linkin GitHub-tilillesi?",
+  "unpublish": "Lopeta julkaiseminen",
+  "unpublishing": "Lopetetaan julkaiseminen",
+  "unsubscribe": "Peruuta tilaus",
+  "unsubscribed": "Tilaus peruutettu",
+  "unsubscribing": "Tilausta peruutetaan",
+  "update": "Päivitä",
+  "update_account_info": "Päivitä tilin tiedot",
+  "update_dropbox_settings": "Päivitä Dropbox-asetukset",
+  "update_your_billing_details": "Päivitä laskutustietojasi",
+  "updating_site": "Päivitetään sivustoa",
+  "upgrade": "Päivitä",
+  "upgrade_now": "Päivitä Nyt",
+  "upload": "Siirrä",
+  "upload_file": "Vie tiedosto",
+  "upload_project": "Siirrä projekti palvelimelle",
+  "upload_zipped_project": "Vie pakattu projekti",
+  "user_wants_you_to_see_project": "__username__ haluaisi katsoa projektiasi __projectname__",
+  "vat_number": "Alv-numero",
+  "view_all": "Näytä Kaikki",
+  "view_in_template_gallery": "Katso mallikirjastossa",
+  "welcome_to_sl": "Tämä on __appName__, tervetuloa",
+  "year": "vuosi",
+  "you_have_added_x_of_group_size_y": "Olet lisännyt <0>__addedUsersSize__</0> saatavilla olevasta <1>__groupSize__</1> jäsenestä",
+  "your_plan": "Sopimuksesi",
+  "your_projects": "Sinun projektisi",
+  "your_subscription": "Tilauksesi",
+  "your_subscription_has_expired": "Tilauksesi on umpeutunut.",
+  "zh-CN": "Kiina"
+}
diff --git a/services/web/locales/fr.json b/services/web/locales/fr.json
new file mode 100644
index 0000000..4830945
--- /dev/null
+++ b/services/web/locales/fr.json
@@ -0,0 +1,1274 @@
+{
+  "1_2_width": "½ largeur",
+  "1_4_width": "¼ largeur",
+  "3_4_width": "¾ largeur",
+  "About": "À propos",
+  "Account": "Compte",
+  "Account Settings": "Paramètres du compte",
+  "Documentation": "Documentation",
+  "Projects": "Projets",
+  "Security": "Sécurité",
+  "Subscription": "Abonnement",
+  "Terms": "Conditions",
+  "Universities": "Universités",
+  "a_custom_size_has_been_used_in_the_latex_code": "Une taille personnalisée a été définie dans le code LaTeX.",
+  "a_fatal_compile_error_that_completely_blocks_compilation": "Une <0>erreur de compilation fatale</0> qui empêche la compilation.",
+  "a_file_with_that_name_already_exists_and_will_be_overriden": "Il existe déjà un fichier du même nom. Ce fichier va sera écrasé.",
+  "a_more_comprehensive_list_of_keyboard_shortcuts": "Une liste de raccourcis clavier plus complète est disponible dans <0>ce modèle de projet __appName__</0>",
+  "about": "À propos",
+  "about_to_archive_projects": "Vous êtes sur le point d’archiver les projets suivants :",
+  "about_to_delete_cert": "Vous allez supprimer le certificat suivant :",
+  "about_to_delete_projects": "Vous allez supprimer les projets suivants :",
+  "about_to_delete_tag": "Vous êtes sur le point de supprimer l’étiquette suivante (tout projet avec cette étiquette ne sera pas supprimé) :",
+  "about_to_delete_the_following_project": "Vous allez supprimer le projet suivant",
+  "about_to_delete_the_following_projects": "Vous allez supprimer les projets suivants",
+  "about_to_delete_user_preamble": "Vous êtes sur le point de supprimer __userName__ (__userEmail__). Ceci signifie :",
+  "about_to_enable_managed_users": "En activant la fonctionnalité Gestion des Utilisateur·rice·s, tous les membres existants de votre abonnement de groupe seront invités à devenir administrés. Cela vous donnera des droits d’administrateur sur leur compte. Vous aurez également la possibilité d’inviter de nouveaux membres à rejoindre l’abonnement et à devenir administrés.",
+  "about_to_leave_project": "Vous êtes sur le point de quitter ce projet.",
+  "about_to_leave_projects": "Vous allez quitter les projets suivants :",
+  "about_to_trash_projects": "Vous êtes sur le point de mettre à la corbeille les projets suivants :",
+  "abstract": "Résumé",
+  "accept": "Accepter",
+  "accept_and_continue": "Accepter et continuer",
+  "accept_change": "Accepter les changements",
+  "accept_change_error_description": "Une erreur s’est produite lors de l’acceptation d’un suivi de modification. Veuillez réessayer dans quelques instants.",
+  "accept_invitation": "Accepter l’invitation",
+  "accept_or_reject_each_changes_individually": "Acceptez ou rejetez chaque modification individuellement",
+  "accept_terms_and_conditions": "Accepter les termes et conditions",
+  "accepted_invite": "Invitation acceptée",
+  "accepting_invite_as": "Vous allez accepter cette invitation en tant que",
+  "access_denied": "Accès refusé",
+  "account": "Compte",
+  "account_has_been_link_to_institution_account": "Votre compte __appName__ en <b>__email__</b> a été lié à votre compte institutionnel <b>__institutionName__</b>.",
+  "account_has_past_due_invoice_change_plan_warning": "Votre compte présente un arriéré de paiement. Vous ne pourrez pas changer d’offre tant que votre situation ne sera pas régularisée.",
+  "account_linking": "Liaison des comptes",
+  "account_managed_by_group_administrator": "Votre compte est géré par l’administrateur de votre groupe (__admin__)",
+  "account_not_linked_to_dropbox": "Votre compte n’est pas lié à Dropbox",
+  "account_settings": "Paramètres du compte",
+  "account_with_email_exists": "Il semble qu’un compte <b>__appName__</b> avec l’adresse courriel <b>__email__</b> existe déjà.",
+  "acct_linked_to_institution_acct_2": "Vous pouvez <0>vous connecter</0> à Overleaf grâce à votre connexion institutionnelle <0>__institutionName__</0>",
+  "actions": "Actions",
+  "activate": "Activer",
+  "activate_account": "Activer votre compte",
+  "activating": "Activation",
+  "activation_token_expired": "Votre jeton d’authentification a expiré, vous devez en obtenir un nouveau.",
+  "active": "Actif",
+  "add": "Ajouter",
+  "add_a_recovery_email_address": "Ajouter une adresse e-mail de récupération",
+  "add_additional_certificate": "Ajouter un autre certificat",
+  "add_affiliation": "Ajouter une affiliation",
+  "add_another_address_line": "Ajouter une autre ligne d’adresse",
+  "add_another_email": "Ajouter une autre adresse",
+  "add_another_token": "Ajouter un autre jeton",
+  "add_comma_separated_emails_help": "Séparez les différentes adresses courriel en utilisant des virgules (,).",
+  "add_comment": "Ajouter un commentaire",
+  "add_comment_error_message": "Une erreur s’est produite lors de l’ajout de votre commentaire. Veuillez réessayer dans quelques instants.",
+  "add_company_details": "Ajouter les infos de l’entreprise",
+  "add_email": "Ajouter une adresse",
+  "add_email_address": "Ajouter une adresse e-mail",
+  "add_email_to_claim_features": "Ajouter votre adresse courriel institutionnelle pour obtenir ces fonctionnalités.",
+  "add_files": "Ajouter des fichiers",
+  "add_more_editors": "Ajouter plus de collaborateurs",
+  "add_more_managers": "Ajouter plus de gestionnaires",
+  "add_new_email": "Ajouter l’adresse",
+  "add_or_remove_project_from_tag": "Ajouter ou supprimer un projet du l’étiquette __tagName__",
+  "add_people": "Ajouter des utilisateurs",
+  "add_role_and_department": "Ajouter votre rôle et votre département",
+  "add_to_dictionary": "Ajouter au Dictionnaire",
+  "add_to_tag": "Ajouter à l’étiquette",
+  "add_your_comment_here": "Ajoutez votre commentaire ici",
+  "add_your_first_group_member_now": "Ajouter le premier membre de votre groupe maintenant",
+  "added": "ajouté",
+  "added_by_on": "Ajouté par __name__ le __date__",
+  "adding": "Ajout",
+  "additional_certificate": "Certificat supplémentaire",
+  "additional_licenses": "Votre abonnement inclut <0>__additionalLicenses__</0> licence(s) additionnelle(s), pour un total de <1>__totalLicenses__</1> licences.",
+  "address": "Adresse",
+  "address_line_1": "Adresse",
+  "address_second_line_optional": "Seconde ligne de l’adresse (optionnelle)",
+  "adjust_column_width": "Ajuster la largeur des colonnes",
+  "admin": "admin",
+  "admin_user_created_message": "Compte administrateur créé. Pour poursuivre, <a href=\"__link__\">connectez-vous ici</a>",
+  "advanced_reference_search": "<0>Recherche de références</0> avancée",
+  "aggregate_changed": "Modification de",
+  "aggregate_to": "en",
+  "agree_with_the_terms": "J’accepte les conditions d’utilisation d’Overleaf",
+  "ai_can_make_mistakes": "Une IA peut commettre des erreurs. Examinez les corrections avant de les appliquer.",
+  "ai_feedback_tell_us_what_was_wrong_so_we_can_improve": "Dites-nous ce qui n’allait pas afin que nous puissions nous améliorer.",
+  "ai_feedback_the_answer_was_too_long": "La réponse était trop longue",
+  "ai_feedback_the_answer_wasnt_detailed_enough": "La réponse n’était pas assez détaillée",
+  "ai_feedback_the_suggestion_didnt_fix_the_error": "La suggestion n’a pas résolu l’erreur",
+  "ai_feedback_the_suggestion_wasnt_the_best_fix_available": "La suggestion n’était pas la meilleure solution disponible",
+  "ai_feedback_there_was_no_code_fix_suggested": "Aucune correction de code n’a été suggérée",
+  "all_premium_features": "Toutes les fonctionnalités premium",
+  "all_premium_features_including": "Toutes les fonctionnalités premium, comprenant:",
+  "all_prices_displayed_are_in_currency": "Tous les prix affichés sont en __recommendedCurrency__.",
+  "all_projects": "Tous les projets",
+  "all_templates": "Tous les modèles",
+  "already_have_sl_account": "Avez-vous déjà un compte __appName__ ?",
+  "also": "Aussi",
+  "alternatively_create_new_institution_account": "Autrement, vous pouvez créer un <b>nouveau compte</b> avec votre adresse courriel institutionnelle (<b>__email__</b>) en cliquant <b>__clickText__</b>.",
+  "an_error_occurred_when_verifying_the_coupon_code": "Une erreur est survenue lors de la vérification du code coupon",
+  "and": "et",
+  "annual": "Annuel",
+  "anonymous": "Anonyme",
+  "anyone_with_link_can_edit": "Toute personne disposant de ce lien peut éditer ce projet",
+  "anyone_with_link_can_view": "Toute personne disposant de ce lien peut voir ce projet",
+  "app_on_x": "__appName__ sur __social__",
+  "apply_educational_discount": "Appliquer la remise éducation",
+  "april": "Avril",
+  "archive": "Archiver",
+  "archive_projects": "Archiver les projets",
+  "archived": "Archivé",
+  "archived_projects": "Projets archivés",
+  "archiving_projects_wont_affect_collaborators": "L’archivage d’un projet n’affectera pas vos collaborateur·rice·s.",
+  "are_you_affiliated_with_an_institution": "Êtes-vous affilié à une institution ?",
+  "are_you_getting_an_undefined_control_sequence_error": "Recevez-vous une erreur Undefined Control Sequence ? Si oui, assurez-vous d’avoir chargé le package graphicx—<0>\\usepackage{graphicx}</0>—dans le préambule (première section du code) de votre document. <1>En savoir plus</1>",
+  "are_you_still_at": "Êtes-vous toujours à <0>__institutionName__</0> ?",
+  "as_a_member_of_sso_required": "En tant que membre de <b>__institutionName__</b>, vous devez vous connecter à <b>__appName__</b> via votre portail institutionnel.",
+  "ascending": "Ascendant",
+  "ask_proj_owner_to_upgrade_for_full_history": "Veuillez demander au propriétaire du projet de mettre à niveau son compte pour accéder à l’historique complet de ce projet.",
+  "ask_proj_owner_to_upgrade_for_references_search": "Veuillez demander au propriétaire du projet de mettre à niveau son compte pour pouvoir utiliser la recherche de références.",
+  "august": "Août",
+  "author": "Auteur",
+  "auto_close_brackets": "Auto-fermeture des accolades",
+  "auto_compile": "Auto-compilation",
+  "auto_complete": "Autocomplétion",
+  "autocompile_disabled": "Auto-compilation désactivée",
+  "autocompile_disabled_reason": "En raison d’une charge serveur élevée, la compilation en arrière-plan a été temporairement désactivée. Veuillez recompiler en utilisant le bouton ci-dessus.",
+  "autocomplete": "Autocomplétion",
+  "autocomplete_references": "Autocomplétion des références (à l’intérieur d’une commande <code>\\cite{}</code>)",
+  "back": "Retour",
+  "back_to_account_settings": "Retour aux paramètres du compte",
+  "back_to_configuration": "Retour à la configuration",
+  "back_to_editor": "Retour à l’éditeur",
+  "back_to_log_in": "Retour à la connexion",
+  "back_to_subscription": "Retour à l’abonnement",
+  "back_to_your_projects": "Retourner à mes projets",
+  "become_an_advisor": "Devenez un conseiller __appName__",
+  "beta": "Bêta",
+  "beta_feature_badge": "Badge de fonctionnalité bêta",
+  "beta_program_already_participating": "Vous participez au programme de bêta",
+  "beta_program_badge_description": "Lors de votre utilisation de __appName__, vous pourrez distinguer les fonctionnalités en bêta au badge qui les accompagne :",
+  "beta_program_benefits": "Nous améliorons __appName__ sans cesse. En rejoignant notre programme de bêta, vous pourrez <0>accéder aux fonctionnalités à venir en avant-première</0> et ainsi nous aider à mieux comprendre vos besoins.",
+  "beta_program_not_participating": "Vous ne participez pas au Programme Bêta",
+  "beta_program_opt_in_action": "Participer au programme de bêta",
+  "beta_program_opt_out_action": "Quitter le programme de bêta",
+  "bibliographies": "Bibliographies",
+  "binary_history_error": "Aperçu non disponible pour ce type de fichier",
+  "blank_project": "Projet vide",
+  "blocked_filename": "Ce nom de fichier est bloqué.",
+  "blog": "Blog",
+  "browser": "Navigateur",
+  "built_in": "Intégré",
+  "buy_now_no_exclamation_mark": "Acheter maintenant",
+  "by": "par",
+  "by_subscribing_you_agree_to_our_terms_of_service": "En vous inscrivant, vous acceptez nos <0>conditions d’utilisation</0>.",
+  "can_link_institution_email_acct_to_institution_acct": "Vous pouvez maintenant lier votre compte <b>__appName__</b> en <b>__email__</b> à votre compte institutionnel <b>__institutionName__</b>.",
+  "can_link_institution_email_by_clicking": "Vous pouvez lier votre compte <b>__appName__</b> <b>__email__</b> à votre compte <b>__institutionName__</b> en cliquant <b>__clickText__</b>.",
+  "can_link_institution_email_to_login": "Vous pouvez lier votre compte <b>__appName__</b> <b>__email__</b> à votre compte <b>__institutionName__</b>, ce qui vous permettra de vous connecter à <b>__appName__</b> via le portail de votre établissement.",
+  "can_link_your_institution_acct_2": "Vous pouvez maintenant <0>lier</0> votre compte <0>__appName__</0> à votre compte instititionnel <0>__institutionName__</0>.",
+  "can_now_relink_dropbox": "Vous pouvez désormais <0>reconnecter votre compte Dropbox</0>.",
+  "cancel": "Annuler",
+  "cancel_anytime": "Nous sommes sûrs que vous allez adorer __appName__, mais dans le cas contraire vous pourrez annuler à tout moment. Nous vous rembourserons sans conditions si vous nous en faites la demande sous 30 jours.",
+  "cancel_my_account": "Annuler mon abonnement",
+  "cancel_my_subscription": "Résilier mon abonnement",
+  "cancel_personal_subscription_first": "Vous avez déjà un abonnement personnel, voulez-vous que nous l’annulions avant que vous ne rejoigniez la licence de groupe ?",
+  "cancel_your_subscription": "Arrêter votre abonnement",
+  "cannot_invite_non_user": "Impossible d’envoyer l’invitation. Il est nécessaire que le destinataire possède déjà un compte __appName__",
+  "cannot_invite_self": "Impossible de vous inviter vous-même",
+  "cannot_verify_user_not_robot": "Désolé, nous n’avons pas pu nous assurer que vous n’étiez pas un robot. Veuillez vérifier que Google reCAPTCHA n’est pas bloqué par un bloqueur de publicités ou un pare-feu.",
+  "cant_find_email": "Cette adresse électronique n’est pas connue, désolé.",
+  "cant_find_page": "Désolé, nous ne trouvons pas la page que vous cherchez.",
+  "cant_see_what_youre_looking_for_question": "Vous ne trouvez pas ce que vous cherchez ?",
+  "card_details": "Détails de la carte",
+  "card_details_are_not_valid": "Les informations de carte de paiement sont invalides",
+  "card_must_be_authenticated_by_3dsecure": "Vous devez authentifier votre carte avec 3D Secure avant de poursuivre",
+  "card_payment": "Paiement par carte",
+  "careers": "Carrières",
+  "category_arrows": "Flèches",
+  "category_greek": "Grec",
+  "category_misc": "Divers",
+  "category_operators": "Opérateurs",
+  "category_relations": "Relations",
+  "change": "Modifier",
+  "change_currency": "Changer de devise",
+  "change_or_cancel-cancel": "annuler",
+  "change_or_cancel-change": "Changer",
+  "change_or_cancel-or": "ou",
+  "change_owner": "Changer de propriétaire",
+  "change_password": "Changer de mot de passe",
+  "change_password_in_account_settings": "Changer le mot de passe dans les Paramètres du Compte",
+  "change_plan": "Changer d’offre",
+  "change_primary_email_address_instructions": "Pour changer votre email principal, veuillez dans un premier temps ajouter votre email principal (en cliquant sur <0>Ajouter un autre email</0>) et confirmer. Ensuite, cliquez sur le bouton <0>Définir comme principal</0>. <1>En savoir plus</1> à propos de la gestion de vos emails __appName__.",
+  "change_project_owner": "Changer le propriétaire du projet",
+  "change_to_group_plan": "Passer à une offre collective",
+  "change_to_this_plan": "Changer pour cette offre",
+  "changing_the_position_of_your_figure": "Changer la position de votre figure",
+  "chat": "Discuter",
+  "chat_error": "Impossible de charger les messages du chat, veuillez réessayer.",
+  "check_your_email": "Vérifiez votre courriel",
+  "checking": "Vérification",
+  "checking_dropbox_status": "Vérification de l’état de Dropbox",
+  "checking_project_github_status": "Vérification de l’état du projet dans GitHub",
+  "choose_your_plan": "Choisir votre offre",
+  "city": "Ville",
+  "clear_cached_files": "Nettoyer le cache des fichiers",
+  "clear_search": "effacer la recherche",
+  "clear_sessions": "Effacer les sessions",
+  "clear_sessions_description": "Ceci est une liste des autres sessions (ou connexions) actives sur votre compte, excluant votre session actuelle. Cliquez sur le bouton « Effacer les sessions » ci-dessous pour les déconnecter.",
+  "clear_sessions_success": "Sessions effacées",
+  "clearing": "Nettoyage en cours",
+  "click_here_to_view_sl_in_lng": "Cliquez ici pour utiliser __appName__ en  <0>__lngName__</0>",
+  "click_link_to_proceed": "Cliquez sur <b>__clickText__</b> ci-dessous pour poursuivre.",
+  "clone_with_git": "Cloner avec Git",
+  "close": "Fermer",
+  "clsi_maintenance": "Les serveurs de compilation sont inaccessibles pour cause de maintenance et seront réactivés bientôt.",
+  "clsi_unavailable": "Désolé, le serveur de compilation attribué à votre projet est temporairement indisponible. Veuillez réessayer dans quelques instants.",
+  "cn": "Chinois (simplifié)",
+  "code_check_failed": "Échec de la vérification du code",
+  "code_check_failed_explanation": "Votre code contient des erreurs qui doivent être corrigées avant que l’auto-compilation puisse avoir lieu",
+  "code_editor": "Éditeur de code",
+  "collaborate_online_and_offline": "Collaborez en ligne et hors ligne, avec votre propre organisation de travail",
+  "collaboration": "Collaboration",
+  "collaborator": "Collaborateur·rice",
+  "collabratec_account_not_registered": "Pas de compte IEEE Collabratec™ enregistré. Veuillez vous connecter à Overleaf via IEEE Collabratec™ ou bien vous connecter avec un compte différent.",
+  "collabs_per_proj": "__collabcount__ collaborateur·rice·s par projet",
+  "collabs_per_proj_single": "__collabcount__ collaborateurs par projet",
+  "collapse": "Replier",
+  "column_width": "Largeur de colonne",
+  "column_width_is_custom_click_to_resize": "La largeur des colonnes est personnalisée. Cliquez pour redimensionner",
+  "column_width_is_x_click_to_resize": "La largeur de la colonne est __width__. Cliquez pour redimensionner",
+  "comment": "Commentaire",
+  "common": "Commun",
+  "commons_plan_tooltip": "Vous bénéficiez de l’offre __plan__ en raison de votre affiliation avec __institution__. Cliquez pour découvrir comment profiter au mieux de vos fonctionnalités Overleaf premium.",
+  "compact": "Compact",
+  "company_name": "Nom de l’entreprise",
+  "comparing_from_x_to_y": "Différence entre <0>__startTime__</0> et <0>__endTime__</0>",
+  "compile_error_entry_description": "Une erreur qui a empêché la compilation de ce projet",
+  "compile_error_handling": "Gestion des erreurs de compilation",
+  "compile_larger_projects": "Compiler des projects plus volumineux",
+  "compile_mode": "Mode de compilation",
+  "compile_terminated_by_user": "La compilation a été annulée avec le bouton « Arrêter la compilation ». Vous pouvez télécharger les fichiers journaux pour voir où la compilation s’est arrêtée.",
+  "compile_timeout_short": "Limite de temps de compilation",
+  "compiler": "Compilateur",
+  "compiling": "Compilation en cours",
+  "complete": "Compléter",
+  "confirm": "Confirmer",
+  "confirm_affiliation": "Valider l’affilation",
+  "confirm_affiliation_to_relink_dropbox": "Veuillez valider que vous soyez toujours dans cet établissement et que vous bénéficiez toujours de leur licence, ou bien mettez à niveau votre compte pour reconnecter votre compte Dropbox.",
+  "confirm_delete_user_type_email_address": "Pour confirmer que vous souhaitez supprimer __userName__, veuillez saisir l’adresse e-mail associée à ce compte.",
+  "confirm_email": "Confirmer l’adresse",
+  "confirm_new_password": "Confirmer le mot de passe",
+  "confirm_primary_email_change": "Confirmer le changement d’adresse e-mail principale",
+  "confirm_your_email": "Confirmez votre adresse email",
+  "confirmation_link_broken": "Désolé, il y a un problème avec votre lien de confirmation. Veuillez essayer de copier et coller le lien en bas de votre courriel de confirmation.",
+  "confirmation_token_invalid": "Désolé, votre jeton de confirmation est invalide ou a expiré. Veuillez en demander un nouveau.",
+  "confirming": "Confirmation",
+  "conflicting_paths_found": "Chemins conflictuels détectés",
+  "connected_users": "Utilisateurs connectés",
+  "connecting": "Connexion en cours",
+  "contact": "Contact",
+  "contact_message_label": "Message",
+  "contact_sales": "Contacter nos commerciaux",
+  "contact_support_to_change_group_subscription": "Merci de <0>contacter le support</0> si vous souhaitez modifier votre abonnement de groupe.",
+  "contact_us": "Contactez-nous",
+  "contact_us_lowercase": "Nous contacter",
+  "continue": "Continuer",
+  "continue_github_merge": "J’ai fusionné manuellement. Continuer",
+  "continue_to": "Poursuivre vers __appName__",
+  "continue_with_free_plan": "Continuer avec l’offre gratuite",
+  "copied": "Copié",
+  "copy": "Copier",
+  "copy_project": "Copier le projet",
+  "copying": "Copie en cours",
+  "country": "Pays",
+  "country_flag": "Drapeau du pays __country__",
+  "coupon_code": "Code de promotion",
+  "coupon_code_is_not_valid_for_selected_plan": "Le code coupon n’est pas valide pour l’offre sélectionnée",
+  "coupons_not_included": "Ceci n’inclut pas vos réductions actuelles, qui seront appliquées automatiquement avant votre prochain paiement",
+  "create": "Créer",
+  "create_a_new_password_for_your_account": "Définir un nouveau mot de passe pour votre compte",
+  "create_a_new_project": "Créer un nouveau projet",
+  "create_account": "Créer un compte",
+  "create_an_account": "Créer un compte",
+  "create_first_admin_account": "Créer le compte administrateur initial",
+  "create_new_account": "Créer un nouveau compte",
+  "create_new_subscription": "Créer un nouvel abonnement",
+  "create_new_tag": "Créer une nouvelle étiquette",
+  "create_project_in_github": "Créer un dépôt GitHub",
+  "created_at": "Créé le",
+  "creating": "Création en cours",
+  "credit_card": "Carte bleue",
+  "cs": "Tchéque",
+  "currency": "Devise",
+  "current_file": "Fichier actuel",
+  "current_password": "Mot de passe actuel",
+  "current_session": "Session courante",
+  "currently_seeing_only_24_hrs_history": "Vous ne pouvez actuellement voir que les modifications des 24 dernières heures dans ce projet.",
+  "currently_subscribed_to_plan": "Vous bénéficiez actuellement de l’offre <0>__planName__</0>.",
+  "customize": "Personnaliser",
+  "customize_your_group_subscription": "Personnaliser votre abonnement de groupe",
+  "customizing_figures": "Personnalisation des figures",
+  "da": "Danois",
+  "date": "Date",
+  "date_and_owner": "Date et propriétaire",
+  "de": "Allemand",
+  "dealing_with_errors": "Gérer les erreurs",
+  "december": "Décembre",
+  "dedicated_account_manager": "Gestionnaire de compte dédié",
+  "default": "Par défaut",
+  "delete": "Supprimer",
+  "delete_account": "Supprimer un compte",
+  "delete_account_confirmation_label": "Je comprends que cette action va supprimer tous les projets de mon compte __appName__ avec l’adresse email <0>__userDefaultEmail__</0>",
+  "delete_account_warning_message_3": "Vous êtes sur le point de <strong>supprimer définitivement toutes les données de votre compte</strong>, y compris vos projets et vos paramètres. Veuillez saisir l’adresse courriel associée à votre compte ainsi que votre mot de passe ci-dessous pour poursuivre.",
+  "delete_acct_no_existing_pw": "Avant de supprimer votre compte, veuillez définir un mot de passe en utilisant le formulaire de réinitialisation de mot de passe",
+  "delete_and_leave": "Supprimer / Quitter",
+  "delete_and_leave_projects": "Supprimer et quitter les projets",
+  "delete_authentication_token": "Supprimer le jeton d’authentification",
+  "delete_authentication_token_info": "Vous vous apprêtez à supprimer un jeton d’authentification Git. Si vous le faites, vous ne pourrez plus l’utiliser pour vous identifier en réalisant des opérations avec Git.",
+  "delete_certificate": "Supprimer le certificat",
+  "delete_figure": "Supprimer la figure",
+  "delete_projects": "Supprimer les projets",
+  "delete_tag": "Supprimer l’étiquette",
+  "delete_token": "Supprimer le jeton",
+  "delete_user": "Supprimer l’utilisateur·rice",
+  "delete_your_account": "Supprimer votre compte",
+  "deleted_at": "Supprimé le",
+  "deleted_by_on": "Supprimé par __name__ le __date__",
+  "deleting": "Suppression en cours",
+  "demonstrating_git_integration": "Démonstration de l’intégration Git",
+  "department": "Département",
+  "descending": "Descendant",
+  "description": "Description",
+  "dictionary": "Dictionnaire",
+  "did_you_know_institution_providing_professional": "Saviez-vous que __institutionName__ fournit des <0>fonctionnalités professionnelles __appName__ gratuites</0> à tous les membres de __institutionName__ ?",
+  "disable_stop_on_first_error": "Désactiver “Arrêter à la première erreur”",
+  "disconnected": "Déconnecté",
+  "discount_of": "Remise de __amount__",
+  "dismiss_error_popup": "Ignorer l’alerte de première erreur",
+  "do_not_have_acct_or_do_not_want_to_link": "Si vous n’avez pas de compte <b>__appName__</b> ou si vous ne souhaitez pas le lier à votre compte <b>__institutionName__</b>, veuillez cliquer <b>__clickText__</b>.",
+  "do_not_link_accounts": "Ne pas lier les comptes",
+  "do_you_want_to_change_your_primary_email_address_to": "Voulez-vous définir <b>__email__</b> comme votre adresse email principale ?",
+  "do_you_want_to_overwrite_them": "Voulez-vous les écraser ?",
+  "documentation": "Documentation",
+  "does_not_contain_or_significantly_match_your_email": "ne contient ou ne ressemble pas significativement à votre email",
+  "doesnt_match": "Ne correspond pas",
+  "doing_this_allow_log_in_through_institution": "Faire ceci vous permettra de vous connecter à <b>__appName__</b> via le portail de votre institution.",
+  "doing_this_allow_log_in_through_institution_2": "Faire ceci vous permettra de vous connecter à <0>__appName__</0> via votre institution et reconfirmera votre adresse email institutionnelle.",
+  "doing_this_will_verify_affiliation_and_allow_log_in_2": "Faire ceci vérifiera votre affiliation avec <0>__institutionName__</0> et vous permettra de vous connecter à <0>__appName__</0> via votre institution.",
+  "done": "Terminé",
+  "dont_have_account": "Vous n’avez pas de compte ?",
+  "download": "Télécharger",
+  "download_pdf": "Télécharger le PDF",
+  "download_zip_file": "Télécharger le fichier Zip",
+  "drag_here": "glissez ici",
+  "drag_here_paste_an_image_or": "Glissez ici, collez une image, ou ",
+  "drop_files_here_to_upload": "Déposez des fichiers ici pour les téléverser",
+  "dropbox_already_linked_error": "Votre compte Dropbox ne peut pas être lié à ce compte car il l’est déjà à un autre compte Overleaf.",
+  "dropbox_already_linked_error_with_email": "Votre compte Dropbox ne peut pas être lié car il est déjà lié avec un autre compte Overleaf utilisant l’adresse email __otherUsersEmail__.",
+  "dropbox_checking_sync_status": "Vérification de l’état de l’intégration Dropbox",
+  "dropbox_duplicate_names_error": "Votre compte Dropbox ne peut pas être lié, car vous avez plus d’un projet avec le même nom: ",
+  "dropbox_duplicate_project_names": "Votre compte Dropbox a été dissocié, car vous avez plus d’un projet portant le nom <0>« __projectName__ »</0>.",
+  "dropbox_duplicate_project_names_suggestion": "Veuillez vous assurer de l’unicité des noms de tous vos projets <0>actifs, archivés ou à la corbeille</0> puis réassociez votre compte Dropbox.",
+  "dropbox_email_not_verified": "Nous ne parvenons pas à joindre votre compte Dropbox. Le service rapporte que votre adresse courriel n’est pas vérifiée. Veuillez vérifier votre adresse depuis votre compte Dropbox pour résoudre ce problème.",
+  "dropbox_for_link_share_projs": "Vous avez accédé à ce projet par un partage de lien : celui-ci ne sera pas synchronisé à votre Dropbox tant que vous n’aurez pas été invité par courriel par le propriétaire du projet.",
+  "dropbox_integration_lowercase": "Intégration avec Dropbox",
+  "dropbox_successfully_linked_description": "Merci, nous avons associé votre compte Dropbox à __appName__.",
+  "dropbox_sync": "Synchronisation Dropbox",
+  "dropbox_sync_both": "Mise à jour d’Overleaf et de Dropbox",
+  "dropbox_sync_description": "Maintenez vos projets __appName__ synchronisés avec votre Dropbox. Les modifications dans __appName__ sont automatiquement envoyés vers votre Dropbox, et vice versa.",
+  "dropbox_sync_error": "Erreur de synchronisation Dropbox",
+  "dropbox_sync_in": "Mise à jour sur Overleaf",
+  "dropbox_sync_now_rate_limited": "La synchronisation manuelle est limitée à une fois par minute. Veuillez attendre quelques instants avant de réessayer.",
+  "dropbox_sync_now_running": "Une synchronisation manuelle de ce projet a été démarrée en arrière-plan. Veuillez lui accorder quelques minutes pour procéder.",
+  "dropbox_sync_out": "Mise à jour vers Dropbox",
+  "dropbox_sync_troubleshoot": "Des changements n’apparaissent pas dans Dropbox ? Veuillez attendre quelques minutes. Si les changements n’apparaissent toujours pas, vous pouvez <0>synchroniser ce projet maintenant</0>.",
+  "dropbox_synced": "Overleaf et Dropbox sont à jour",
+  "dropbox_unlinked_because_access_denied": "La liaison avec votre compte Dropbox a été supprimée car le service Dropbox a rejeté vos identifiants. Veuillez restaurer cette liaison pour continuer à utiliser Dropbox avec Overleaf.",
+  "dropbox_unlinked_because_full": "La liaison avec votre compte Dropbox a été supprimée car le quota de celui-ci a été atteint et nous ne sommes plus en mesure d’y envoyer les mises à jour. Veuillez libérer de l’espace puis restaurer cette liaison pour continuer à utiliser Dropbox avec Overleaf.",
+  "dropbox_unlinked_premium_feature": "<0>Votre compte Dropbox a été déconnecté</0> car la synchronisation avec Dropbox est une fonctionnalité premium à laquelle vous aviez accès via votre licence institutionnelle.",
+  "duplicate_file": "Dupliquer le fichier",
+  "duplicate_projects": "Cet utilisateur a des projets avec des noms identiques",
+  "each_user_will_have_access_to": "Chaque utilisateur aura accès à",
+  "easily_manage_your_project_files_everywhere": "Gérez facilement vos fichiers de projets, depuis partout",
+  "edit": "Modifier",
+  "edit_dictionary": "Modifier le dictionnaire",
+  "edit_dictionary_empty": "Votre dictionnaire personnalisé est vide.",
+  "edit_dictionary_remove": "Supprimer du dictionnaire",
+  "edit_figure": "Modifier la figure",
+  "edit_tag": "Modifier l’étiquette",
+  "editing": "Édition",
+  "editing_captions": "Modification des légendes",
+  "editor_and_pdf": "Éditeur & PDF",
+  "editor_disconected_click_to_reconnect": "L’éditeur a été déconnecté. Cliquez n’importe où pour vous reconnecter",
+  "editor_only_hide_pdf": "Éditeur uniquement <0>(cacher le PDF)</0>",
+  "editor_theme": "Apparence de l’éditeur",
+  "educational_percent_discount_applied": "La remise éducation de __percent__% a été appliquée !",
+  "email": "Courriel",
+  "email_address": "Adresse e-mail",
+  "email_address_is_invalid": "Adresse email invalide",
+  "email_already_associated_with": "L’adresse courriel <b>__email1__</b> est déjà associée avec le compte <b>__appName__</b> <b>__email2__</b>.",
+  "email_already_registered": "Cette adresse courriel est déjà utilisée",
+  "email_already_registered_secondary": "Cette adresse courriel est déjà utilisée en tant qu’adresse secondaire",
+  "email_already_registered_sso": "Cet email est déjà enregistré. Veuillez vous connecter à votre compte d’une autre manière et lier votre compte au nouveau fournisseur via vos paramètres de compte.",
+  "email_does_not_belong_to_university": "Nous n’avons pas connaissance de l’affiliation de ce domaine à votre université. Veuillez nous contacter pour faire valoir cette affiliation.",
+  "email_limit_reached": "Vous pouvez avoir un maximum de <0>__emailAddressLimit__ adresses email</0> sur ce compte. Pour ajouter une adresse email supplémentaire, veuillez en supprimer une existante.",
+  "email_link_expired": "Le lien a expiré, veuillez en demander un nouveau.",
+  "email_or_password_wrong_try_again": "Votre adresse courriel ou votre mot de passe est incorrect. Veuillez essayer à nouveau",
+  "email_or_password_wrong_try_again_or_reset": "Votre email ou mot de passe est erroné. Veuillez réessayer, ou <0>définir ou réinitialiser votre mot de passe</0>.",
+  "email_required": "Adresse courriel requise",
+  "email_sent": "Email envoyé",
+  "emails": "Courriels",
+  "emails_and_affiliations_explanation": "Ajoutez des adresses courriel supplémentaires à votre compte pour accéder aux éventuels avantages fournis par votre université ou votre établissement, pour vous rendre plus facilement trouvable par vos collaborateur·rice·s et pour être certain de pouvoir récupérer l’accès à votre compte.",
+  "emails_and_affiliations_title": "Adresses courriel et affiliations",
+  "empty_zip_file": "L’archive ne contient aucun fichier",
+  "en": "Anglais",
+  "end_of_document": "Fin du document",
+  "enter_6_digit_code": "Saisissez le code à 6 chiffres",
+  "enter_image_url": "Entrez l’URL de l’image",
+  "enter_your_email_address": "Entrez votre adresse email",
+  "enter_your_email_address_below_and_we_will_send_you_a_link_to_reset_your_password": "Entrez votre adresse email ci-dessous, et nous vous enverrons un lien pour réinitialiser votre mot de passe",
+  "enter_your_new_password": "Entrez votre nouveau mot de passe",
+  "error": "Erreur",
+  "error_performing_request": "Une erreur s’est produite pendant l’exécution de votre requête.",
+  "es": "Espagnol",
+  "every": "chaque",
+  "example_project": "Un exemple de projet",
+  "existing_plan_active_until_term_end": "Votre offre actuelle et ses avantages resteront actifs jusqu’à la prochaine échéance de paiement.",
+  "expand": "Déplier",
+  "expires": "Expire",
+  "expiry": "Date d’expiration",
+  "export_csv": "Exporter en CSV",
+  "export_project_to_github": "Exporter le projet vers GitHub",
+  "faq_how_does_free_trial_works_answer": "Vous obtenez un accès complet à l’offre __appName__ de votre choix pendant votre essai gratuit de __len__ jours. Il n’y a aucun engagement à poursuivre au delà de l’essai gratuit. Votre carte sera débitée à la fin de votre essai de __len__ jours à moins que vous n’annuliez votre essai auparavant. Vous pouvez annuler depuis les paramètres de votre abonnement.",
+  "fast": "Rapide",
+  "feature_included": "Fonctionnalité incluse",
+  "feature_not_included": "Fonctionnalité non incluse",
+  "featured_latex_templates": "Modèles LaTeX mis en avant",
+  "features": "Caractéristiques",
+  "february": "Février",
+  "file_action_created": "Création de",
+  "file_action_deleted": "Suppression de",
+  "file_action_edited": "Édition de",
+  "file_action_renamed": "Renommage de",
+  "file_already_exists": "Un fichier ou un dossier avec ce nom existe déjà",
+  "file_already_exists_in_this_location": "Un élément porte déjà le nom <0>__fileName__</0> à cet emplacement. Si vous souhaitez déplacer ce fichier, renommez ou supprimez l’élément et essayez à nouveau.",
+  "file_name": "Nom de fichier",
+  "file_name_figure_modal": "Nom du fichier",
+  "file_name_in_this_project": "Nom du fichier dans ce projet",
+  "file_name_in_this_project_figure_modal": "Nom du fichier dans ce projet",
+  "file_outline": "Structure du fichier",
+  "file_size": "Taille du fichier",
+  "file_too_large": "Fichier trop volumineux",
+  "files_cannot_include_invalid_characters": "Le nom du fichier est vide ou contient des caractères invalides",
+  "files_selected": "fichiers sélectionnés.",
+  "find_out_more": "En savoir plus",
+  "find_out_more_about_institution_login": "En savoir plus sur la connexion institutionnelle",
+  "find_out_more_about_the_file_outline": "En savoir plus sur la structure du fichier",
+  "find_out_more_nt": "En savoir plus.",
+  "first_name": "Prénom",
+  "fold_line": "Replier la ligne",
+  "folder_location": "Emplacement du dossier",
+  "folders": "Dossiers",
+  "following_paths_conflict": "Les fichiers et dossiers suivants sont en conflit avec le même chemin",
+  "font_family": "Police",
+  "font_size": "Taille de la police",
+  "footer_about_us": "À propos de nous",
+  "footer_contact_us": "Nous contacter",
+  "footer_plans_and_pricing": "Offres & prix",
+  "for_business": "Pour les entreprises",
+  "for_enterprise": "Pour l’entreprise",
+  "for_individuals_and_groups": "Pour les particuliers et groupes",
+  "for_publishers": "Pour les éditeurs",
+  "for_students": "Pour les étudiants",
+  "for_teaching": "Pour l’enseignement",
+  "for_universities": "Pour les universités",
+  "forgot_your_password": "Mot de passe oublié ",
+  "fr": "Français",
+  "free": "Gratuit",
+  "free_dropbox_and_history": "Dropbox et historique",
+  "free_plan_label": "Vous êtes sur <b>l’offre gratuite</b>",
+  "free_plan_tooltip": "Cliquez pour découvrir comment vous pouvez bénéficiez des fonctionnalités Overleaf premium",
+  "from_another_project": "À partir d’un autre projet",
+  "from_external_url": "À partir d’une URL externe",
+  "from_provider": "De __provider__",
+  "full_doc_history": "Historique complet des documents",
+  "full_document_history": "<0>Historique</0> complet du document",
+  "full_width": "Pleine largeur",
+  "gallery_back_to_all": "Retour aux __itemPlural__",
+  "general": "Général",
+  "generate_token": "Générer un jeton",
+  "generic_if_problem_continues_contact_us": "Si ce problème persiste, veuillez nous contacter",
+  "generic_linked_file_compile_error": "Les fichiers de sortie de ce projet ne sont pas disponibles car la compilation a échoué. Veuillez ouvrir le projet pour obtenir des détails sur l’erreur de compilation.",
+  "generic_something_went_wrong": "Désolé, quelque chose s’est mal passé",
+  "get_collaborative_benefits": "Bénéficiez des avantages de la collaboration sur __appName__, même si vous préférez travailler hors ligne",
+  "get_discounted_plan": "Bénéficier d’une remise",
+  "get_in_touch": "Contactez-nous",
+  "get_in_touch_having_problems": "<a href=\"__link__\">Contactez l’équipe du support</a> si vous rencontrez des problèmes",
+  "get_involved": "Participer",
+  "get_the_most_out_headline": "Tirez le meilleur parti d’__appName__ avec des fonctionnalités telles que :",
+  "git": "Git",
+  "git_authentication_token": "Jeton d’authentification Git",
+  "git_authentication_token_create_modal_info_1": "Ceci est votre jeton d’authentification Git. Vous devrez l’entrer lorsqu’un mot de passe vous sera demandé.",
+  "git_authentication_token_create_modal_info_2": "<0>Vous ne verrez ce jeton d’authentification qu’une seule fois, veuillez le copier et le garder en sécurité</0>. Pour des instructions complètes sur l’utilisation des jetons, consultez notre <1>page d’aide</1>.",
+  "git_bridge_modal_click_generate": "Cliquez sur Générer un jeton pour générez votre jeton d’authentification maintenant. Vous pouvez aussi faire cela plus tard dans vos Paramètres de Compte.",
+  "git_bridge_modal_enter_authentication_token": "Lorsqu’un mot de passe vous sera demandé, entrez votre nouveau jeton d’authentification :",
+  "git_bridge_modal_see_once": "Vous n’allez voir ce jeton qu’une seule fois. Pour l’effacer ou pour en générer un nouveau, allez dans Paramètres du compte. Pour des instructions détaillées ou pour résoudre des problèmes, lisez notre <0>page d’aide</0>.",
+  "git_bridge_modal_use_previous_token": "Si un mot de passe vous est demandé, vous pouvez utiliser un jeton Git précédent ou en générer un nouveau dans Paramètres du compte. Pour plus d’informations, lisez notre <0>page d’aide</0>.",
+  "git_integration": "Intégration Git",
+  "git_integration_info": "Avec l’intégration Git, vous pouvez cloner vos projets Overleaf avec Git. Pour savoir comment faire, lisez notre <0>page d’aide</0>.",
+  "github_commit_message_placeholder": "Message de commit pour les changements effectués dans __appName__…",
+  "github_credentials_expired": "Vos identifiants GitHub ont expiré",
+  "github_git_folder_error": "Ce projet contient un répertoire .git à sa racine, ce qui indique qu’il s’agit déjà d’un dépôt Git. Le service de synchronisation GitHub d’Overleaf n’est pas en mesure de synchroniser les historiques Git. Veuillez supprimer le répertoire .git et réessayer.",
+  "github_integration_lowercase": "Intégration avec Git et GitHub",
+  "github_is_premium": "La synchronisation GitHub est une fonctionnalité premium",
+  "github_large_files_error": "Échec de fusion : votre dépôt GitHub contient des fichiers dépassant la taille limite de 50 Mo ",
+  "github_no_master_branch_error": "Ce dépôt ne peut pas être importé car il n’a pas de branche master. Veuillez vous assurer qu’une branche master existe dans le projet.",
+  "github_private_description": "Vous choisissez qui peut voir et commiter dans ce dépôt.",
+  "github_public_description": "Tout le monde peut voir ce dépôt. Vous choisissez qui peut commiter.",
+  "github_repository_diverged": "La branche master du dépôt lié a été poussée de force. La récupération des modifications faites sur GitHub après un poussage forcé peut causer la désynchronisation d’Overleaf et GitHub. Vous pourriez avoir besoin de pousser les modifications après leur récupération pour restaurer la synchronisation.",
+  "github_successfully_linked_description": "Merci, nous avons lié votre compte GitHub avec __appName__. Vous pouvez maintenant exporter vos projets __appName__ dans GitHub ou importer des projets depuis vos dépôts GitHub.",
+  "github_symlink_error": "Votre dépôt GitHub contient des liens symboliques qui ne sont pas encore supportés par Overleaf. Veuillez les retirer et réessayer.",
+  "github_sync": "Synchronisation GitHub",
+  "github_sync_description": "Avec la synchronisation GitHub, vous pouvez lier vos projets __appName__ à des dépôts GitHub. Créez de nouveaux commits depuis __appName__, et fusionnez avec les commits réalisés hors ligne ou dans GitHub.",
+  "github_sync_error": "Désolé, une erreur s’est produite lors de la communication avec le service GitHub. Veuillez essayer à nouveau dans quelques instants.",
+  "github_sync_repository_not_found_description": "Le dépôt lié a été supprimé ou bien vous avez perdu accès à celui-ci. Vous pouvez configurer la synchronisation avec un nouveau dépôt en clonant le projet puis en accédant à l’option « GitHub » du menu. Vous pouvez également supprimer le lien entre ce projet et le dépôt.",
+  "github_timeout_error": "La synchronisation de votre projet Overleaf avec GitHub a pris trop de temps. Ceci peut être dû à un volume de données global trop grand ou à un nombre de fichiers/modifications trop important dans votre projet.",
+  "github_too_many_files_error": "Ce dépôt ne peut pas être importé car il contient un nombre de fichiers supérieur à la limite autorisée",
+  "github_validation_check": "Veuillez vérifier que le nom du dépôt est valable, et que vous avez les droits pour créer le dépôt.",
+  "give_feedback": "Donner votre avis",
+  "global": "global",
+  "go_back_and_link_accts": "<a href=\"__link__\">Retournez en arrière</a> et liez vos comptes",
+  "go_next_page": "Aller à la page suivante",
+  "go_page": "Aller à la page __page__",
+  "go_prev_page": "Aller à la page précédente",
+  "go_to_code_location_in_pdf": "Aller à l’emplacement du code dans le PDF",
+  "go_to_pdf_location_in_code": "Aller dans le code à l’emplacement du PDF",
+  "go_to_settings": "Aller aux paramètres",
+  "group_admin": "Administrateur du groupe",
+  "group_full": "Ce groupe est déjà complet",
+  "groups": "Groupes",
+  "have_an_extra_backup": "Gardez une sauvegarde supplémentaire",
+  "have_more_days_to_try": "Voici <strong>__days__ days</strong> d’essai en plus !",
+  "headers": "Titres",
+  "help": "Aide",
+  "help_articles_matching": "Fiches d’aide correspondant à votre sujet",
+  "hide_outline": "Masquer la structure du fichier",
+  "history": "Historique",
+  "history_add_label": "Ajouter étiquette",
+  "history_are_you_sure_delete_label": "Êtes-vous sûr·e de vouloir supprimer l’étiquette suivante ",
+  "history_delete_label": "Supprimer l’étiquette",
+  "history_label_created_by": "Créé par",
+  "history_label_project_current_state": "État actuel",
+  "history_label_this_version": "Étiqueter cette version",
+  "history_new_label_name": "Nom de la nouvelle étiquette",
+  "history_view_a11y_description": "Afficher soit tout l’historique du projet soit uniquement les versions étiquetées.",
+  "history_view_all": "Tout l’historique",
+  "history_view_labels": "Étiquettes",
+  "home": "Accueil",
+  "hotkey_add_a_comment": "Ajouter un commentaire",
+  "hotkey_autocomplete_menu": "Menu d’autocomplétion",
+  "hotkey_beginning_of_document": "Début du document",
+  "hotkey_bold_text": "Mettre en gras",
+  "hotkey_compile": "Compiler",
+  "hotkey_delete_current_line": "Supprimer la ligne actuelle",
+  "hotkey_end_of_document": "Fin du document",
+  "hotkey_find_and_replace": "Rechercher (et remplacer)",
+  "hotkey_go_to_line": "Aller à la ligne",
+  "hotkey_indent_selection": "Indenter la sélection",
+  "hotkey_insert_candidate": "Insérer le choix",
+  "hotkey_italic_text": "Mettre en italique",
+  "hotkey_redo": "Restaurer",
+  "hotkey_search_references": "Rechercher dans les références",
+  "hotkey_select_all": "Tout sélectionner",
+  "hotkey_select_candidate": "Choisir une option",
+  "hotkey_to_lowercase": "Mettre en minuscules",
+  "hotkey_to_uppercase": "Mettre en majuscules",
+  "hotkey_toggle_comment": "Mettre en commentaire",
+  "hotkey_toggle_review_panel": "Ouvrir le panneau de relecture",
+  "hotkey_toggle_track_changes": "Ouvrir le suivi des modifications",
+  "hotkey_undo": "Annuler",
+  "hotkeys": "Raccourcis clavier",
+  "hundreds_templates_info": "Créez de magnifiques documents en vous basant sur notre galerie de modèles LaTeX pour les revues, conférences, thèses, rapports, CV et bien plus encore.",
+  "i_want_to_stay": "Je veux rester",
+  "if_have_existing_can_link": "Si vous avez déjà un compte <b>__appName__</b> sur une autre adresse courriel, vous pouvez le lier à votre compte <b>__institutionName__</b> en cliquant <b>__clickText__</b>.",
+  "if_owner_can_link": "Si vous possédez le compte <b>__appName__</b> ayant pour adresse <b>__email__</b>, vous serez autorisé à le lier à votre compte institutionnel <b>__institutionName__</b>.",
+  "ignore_and_continue_institution_linking": "Vous pouvez également ignorer ceci et <a href=\"__link__\">continuer vers __appName__ avec votre compte <b>__email__</b></a>.",
+  "ignore_validation_errors": "Ne pas vérifier la syntaxe",
+  "ill_take_it": "Je le prends !",
+  "import_from_github": "Importer depuis GitHub",
+  "import_to_sharelatex": "Importer dans __appName__",
+  "imported_from_another_project_at_date": "Importé d’un <0>autre projet</0>/__sourceEntityPathHTML__, le __formattedDate__ __relativeDate__",
+  "imported_from_external_provider_at_date": "Importé de <0>__shortenedUrlHTML__</0> le __formattedDate__ __relativeDate__",
+  "imported_from_mendeley_at_date": "Importé de Mendeley le __formattedDate__ __relativeDate__",
+  "imported_from_the_output_of_another_project_at_date": "Importé des fichiers générés d’un <0>autre projet</0>: __sourceOutputFilePathHTML__, le __formattedDate__ __relativeDate__",
+  "imported_from_zotero_at_date": "Importé de Zotero le __formattedDate__ __relativeDate__",
+  "importing": "Importation",
+  "importing_and_merging_changes_in_github": "Import et fusion des modifications dans GitHub",
+  "in_order_to_match_institutional_metadata_associated": "Afin de faire correspondre vos métadonnées institutionnelles, votre compte est associé avec l’adresse courriel <b>__email__</b>.",
+  "info": "Info",
+  "institution": "Établissement",
+  "institution_account": "Compte institutionnel",
+  "institution_account_tried_to_add_affiliated_with_another_institution": "Cette adresse courriel est <b>déjà associée</b> à votre compte mais est affiliée à un autre établissement.",
+  "institution_account_tried_to_add_already_linked": "Cet établissement est <b>déjà lié</b> à votre compte via une autre adresse courriel.",
+  "institution_account_tried_to_add_already_registered": "Le compte ou l’adresse courriel institutionnelle que vous avez essayé d’ajouter est <b>déjà inscrite</b> sur __appName__.",
+  "institution_account_tried_to_add_not_affiliated": "Cette adresse courriel est <b>déjà associée</b> à votre compte mais n’est pas affiliée à cet établissement.",
+  "institution_account_tried_to_confirm_saml": "Cette adresse courriel n’a pas pu être validée. Veuillez supprimer cette adresse de votre compte et réessayer de l’ajouter.",
+  "institution_and_role": "Établissement et rôle",
+  "institution_email_new_to_app": "Votre adresse courriel <b>__institutionName__</b> (<b>__email__</b>) est nouvelle sur __appName__.",
+  "institutional": "Institutionnel",
+  "institutional_login_unknown": "Désolé, nous ne connaissons pas l’établissement qui a délivré cette adresse courriel. Vous pouvez consulter notre <a href=\"__link__\">liste d’établissements</a> pour trouver le vôtre, ou vous pouvez simplement vous inscrire en utilisant votre adresse courriel ici.",
+  "integrations": "Intégrations",
+  "invalid_email": "Une adresse courriel est invalide",
+  "invalid_file_name": "Nom de fichier invalide",
+  "invalid_filename": "Échec de l’envoi : assurez-vous que le nom du fichier ne contienne pas de caractères spéciaux, de blancs au début ou à la fin ou plus de __nameLimit__ caractères",
+  "invalid_institutional_email": "Le service d’authentification central de votre établissement a indiqué que votre adresse courriel était __email__, mais le domaine de cette adresse n’appartient pas à ceux que nous reconnaissons pour cet établissement. Il est peut-être possible de modifier votre adresse courriel principale depuis le profil utilisateur de votre établissement pour qu’elle soit dans un domaine reconnu. Veuillez contacter votre département informatique si vous avez des questions.",
+  "invalid_password": "Mot de passe invalide",
+  "invalid_request": "Requête invalide. Veuillez corriger les données et réessayer.",
+  "invalid_zip_file": "Archive invalide",
+  "invite_not_accepted": "Invitation en attente",
+  "invite_not_valid": "Cette invitation à un projet n’est pas valable",
+  "invite_not_valid_description": "L’invitation a peut-être expiré. Veuillez contacter le propriétaire du projet",
+  "invited_to_group": "<0>__inviterName__</0> vous a invité à rejoindre une équipe sur __appName__",
+  "ip_address": "Adresse IP",
+  "is_email_affiliated": "Votre adresse courriel est-elle affiliée à un établissement ? ",
+  "it": "Italien",
+  "ja": "Japonais",
+  "january": "Janvier",
+  "join_project": "Rejoindre le projet",
+  "join_sl_to_view_project": "Rejoinde __appName__ pour voir ce projet",
+  "join_team_explanation": "Veuillez cliquer sur le bouton ci-dessous pour rejoindre l’équipe et bénéficier des avantages d’un compte __appName__ premium",
+  "joined_team": "Vous avez rejoint l’équipe gérée par __inviterName__",
+  "joining": "Jonction",
+  "july": "Juillet",
+  "june": "Juin",
+  "kb_suggestions_enquiry": "Avez-vous consulté notre <0>__kbLink__</0> ?",
+  "keep_current_plan": "Garder mon offre actuelle",
+  "keybindings": "Raccourcis clavier",
+  "knowledge_base": "Base de connaissances",
+  "ko": "Koréen",
+  "language": "Langue",
+  "last_modified": "Dernière modification",
+  "last_name": "Nom",
+  "last_used": "Dernière utilisation",
+  "latex_templates": "Modèles LaTeX",
+  "layout": "Disposition",
+  "ldap": "LDAP",
+  "ldap_create_admin_instructions": "Choisissez une adresse courriel pour le compte __appName__ initial. Celle-ci doit correspondre à un compte dans la base LDAP. Vous serez ensuite invité à vous connecter avec ce compte.",
+  "learn_more": "En savoir plus",
+  "learn_more_about_link_sharing": "En savoir plus sur le partage par lien",
+  "leave": "Quitter",
+  "leave_group": "Quitter le groupe",
+  "leave_now": "Quitter maintenant",
+  "leave_projects": "Quitter les projets",
+  "let_us_know": "Faites-le nous savoir",
+  "line_height": "Hauteur de ligne",
+  "link_account": "Lier un compte",
+  "link_accounts": "Lier les comptes",
+  "link_accounts_and_add_email": "Lier les comptes et ajouter un courriel",
+  "link_institutional_email_get_started": "Liez une adresse courriel institutionnelle pour commencer.",
+  "link_sharing": "Partage par lien",
+  "link_sharing_is_on": "Le partage par lien est activé",
+  "link_to_github": "Lier à votre compte GitHub",
+  "link_to_github_description": "Vous devez autoriser __appName__ à accéder à votre compte GitHub afin de nous permettre de synchroniser vos projets.",
+  "link_to_mendeley": "Lier à Mendeley",
+  "link_to_zotero": "Lier à Zotero",
+  "link_your_accounts": "Lier vos comptes",
+  "linked_accounts": "comptes liés",
+  "linked_accounts_explained": "Vous pouvez lier votre compte __appName__ avec d’autres services pour bénéficier des fonctionnalités ci-dessous",
+  "linked_collabratec_description": "Utilisez Collabratec pour gérer vos projets __appName__.",
+  "linked_file": "Fichier importé",
+  "links": "Liens",
+  "loading": "Chargement en cours",
+  "loading_content": "Création du projet",
+  "loading_github_repositories": "Chargement de vos dépôts GitHub",
+  "loading_recent_github_commits": "Chargement des commits récents",
+  "log_entry_description": "Entrée du journal de niveau : __level__",
+  "log_hint_extra_info": "En savoir plus",
+  "log_in": "Se connecter",
+  "log_in_and_link": "Se connecter et lier",
+  "log_in_and_link_accounts": "Se connecter et lier les comptes",
+  "log_in_first_to_proceed": "Vous aurez besoin de <b>vous connecter</b> avant de poursuivre.",
+  "log_in_with": "Se connecter avec __provider__",
+  "log_in_with_email": "Se connecter avec __email__",
+  "log_in_with_existing_institution_email": "Veuillez vous connecter sur votre compte <b>__appName__</b> existant afin de lier vos comptes institutionnels <b>__appName__</b>  et <b>__institutionName__</b>.",
+  "log_out": "Déconnexion",
+  "log_out_from": "Se déconnecter de __email__",
+  "logged_in_with_email": "Vous êtes actuellement connecté à <b>__appName__</b> avec l’adresse <b>__email__</b>.",
+  "logging_in": "Connexion en cours",
+  "login": "Identifiant",
+  "login_error": "Erreur de connexion",
+  "login_failed": "Échec de connexion",
+  "login_here": "Se connecter ici",
+  "login_or_password_wrong_try_again": "Votre identifiant ou votre mot de passe est incorrect. Veuillez essayer à nouveau",
+  "login_register_or": "ou bien",
+  "login_to_overleaf": "Se connecter à Overleaf",
+  "login_with_service": "Se connecter avec __service__",
+  "logs_and_output_files": "Journaux et fichiers de sortie",
+  "looking_multiple_licenses": "Vous cherchez des licences groupées ?",
+  "looks_like_logged_in_with_email": "Il semble que vous soyez déjà connecté à <b>__appName__</b> avec l’adresse <b>__email__</b>.",
+  "looks_like_youre_at": "Il semblerait que vous soyez à <0>__institutionName__</0> !",
+  "lost_connection": "Connexion perdue",
+  "main_document": "Document principal",
+  "main_file_not_found": "Document principal inconnu",
+  "maintenance": "Maintenance",
+  "make_email_primary_description": "Faire de cette adresse courriel l’adresse principale, utilisée pour la connexion",
+  "make_primary": "Utiliser en principale",
+  "make_private": "Rendre privé",
+  "manage_beta_program_membership": "Gérer votre participation au programme de bêta",
+  "manage_files_from_your_dropbox_folder": "Gérez les fichiers de votre Dropbox",
+  "manage_sessions": "Gérer vos sessions",
+  "manage_subscription": "gérer l’abonnement",
+  "managers_cannot_remove_admin": "Les administrateurs ne peuvent être supprimés",
+  "managers_cannot_remove_self": "Les gestionnaires ne peuvent pas s’auto-supprimer",
+  "managers_management": "Gestion des gestionnaires",
+  "march": "Mars",
+  "math_display": "Formules centrées",
+  "math_inline": "Formules en ligne",
+  "maximum_files_uploaded_together": "__max__ fichiers téléversés simultanément. Valeur maximale atteinte.",
+  "may": "Mai",
+  "members_management": "Gestion des membres",
+  "mendeley": "Mendeley",
+  "mendeley_groups_loading_error": "Le chargement des groupes Mendeley a échoué",
+  "mendeley_integration": "Intégration Mendeley",
+  "mendeley_is_premium": "L’intégration Mendeley est une fonctionnalité premium",
+  "mendeley_reference_loading_error": "Erreur, impossible de charger les références depuis Mendeley",
+  "mendeley_reference_loading_error_expired": "Le jeton Mendeley est expiré, veuillez lier à nouveau votre compte",
+  "mendeley_reference_loading_error_forbidden": "Impossible de charger les références de Mendeley, veuillez lier à nouveau votre compte et réessayer.",
+  "mendeley_sync_description": "Avec l’intégration Mendeley, vous pouvez importer vos références à partir de Mendeley dans vos projets __appName__.",
+  "menu": "Menu",
+  "merge": "Fusion",
+  "merging": "Fusion",
+  "month": "mois",
+  "monthly": "Mensuel",
+  "more": "Plus",
+  "more_info": "Plus d’infos",
+  "more_than_one_kind_of_snippet_was_requested": "Certains paramètres invalides sont présents dans le lien pour ouvrir ce contenu sur Overleaf. Si cela se produit régulièrement pour un site donné, veuillez leur faire part du problème.",
+  "must_be_email_address": "Adresse électronique attendue",
+  "n_items": "__count__ élément",
+  "n_items_plural": "__count__ éléments",
+  "name": "Nom",
+  "native": "Native",
+  "navigate_log_source": "Aller à la position du journal dans le code source : __location__",
+  "navigation": "Navigation",
+  "nearly_activated": "Il ne vous reste plus qu’une étape pour activer votre compte __appName__ !",
+  "need_anything_contact_us_at": "Si vous avez besoin de quelque chose, n’hésitez pas à nous contacter directement à",
+  "need_to_add_new_primary_before_remove": "Vous devrez ajouter une nouvelle adresse courriel principale avant de pouvoir supprimer celle-ci.",
+  "need_to_leave": "Besoin de partir ?",
+  "new_file": "Nouveau fichier",
+  "new_folder": "Nouveau dossier",
+  "new_name": "Nouveau nom",
+  "new_password": "Nouveau mot de passe",
+  "new_project": "Nouveau projet",
+  "new_snippet_project": "Sans titre",
+  "new_tag": "Nouvelle étiquette",
+  "new_tag_name": "Nouveau nom d’étiquette",
+  "next_payment_of_x_collectected_on_y": "Le prochain paiement de  <0>__paymentAmmount__</0> sera débité le <1>__collectionDate__</1>.",
+  "nl": "Hollandais",
+  "no": "Norvégien",
+  "no_articles_matching_your_tags": "Aucun article ne correspond à vos étiquettes",
+  "no_existing_password": "Veuillez utiliser le formulaire de réinitialisation de mot de passe pour définir votre mot de passe",
+  "no_featured_templates": "Aucun modèle mis en avant",
+  "no_members": "Aucun membre",
+  "no_messages": "Pas de message",
+  "no_new_commits_in_github": "Aucun nouveau commit dans GitHub depuis la dernière fusion.",
+  "no_other_projects_found": "Aucun autre projet trouvé, veuillez d’abord créer un autre projet",
+  "no_other_sessions": "Aucune autre session n’est active",
+  "no_pdf_error_explanation": "Cette compilation n’a pas généré de PDF. Cela peut se produire lorsque :",
+  "no_pdf_error_reason_no_content": "L’environnement <code>document</code> n’a pas de contenu. S’il est vide, veuillez y ajouter du contenu et relancer la compilation.",
+  "no_pdf_error_reason_output_pdf_already_exists": "Un des fichiers de ce projet porte le nom <code>output.pdf</code>. Si un tel fichier existe, veuillez le renommer et relancer la compilation.",
+  "no_pdf_error_reason_unrecoverable_error": "Une erreur LaTeX fatale s’est produite. Si des erreurs LaTeX sont affichées ci-dessous ou dans les journaux bruts, veuillez essayer de les corriger puis de relancer la compilation.",
+  "no_pdf_error_title": "Pas de PDF",
+  "no_planned_maintenance": "Il n’y a pas de maintenance prévue pour le moment",
+  "no_preview_available": "Désolé, aucune prévisualisation possible.",
+  "no_projects": "Aucun projet",
+  "no_search_results": "Aucun résultat pour la recherche",
+  "no_selection_select_file": "Aucun fichier sélectionné. Veuillez sélectionner un fichier depuis l’arborescence.",
+  "no_symbols_found": "Aucun symbole toruvé",
+  "no_thanks_cancel_now": "Non merci, je veux toujours annuler",
+  "normal": "Normal",
+  "normally_x_price_per_month": "__price__ par mois en temps normal",
+  "normally_x_price_per_year": "__price__ par an en temps normal",
+  "not_found_error_from_the_supplied_url": "Le lien pour ouvrir ce contenu sur Overleaf pointe vers un fichier introuvable. Si cela se produit régulièrement pour un site donné, veuillez leur faire part du problème.",
+  "not_now": "pas maintenant",
+  "not_registered": "Pas inscrit·e",
+  "notification_features_upgraded_by_affiliation": "Bonne nouvelle ! L’organisme dont vous faites partie, __institutionName__, est en partenariat avec Overleaf, ce qui vous permet d’accéder aux fonctionnalités professionnelles d’Overleaf.",
+  "notification_personal_subscription_not_required_due_to_affiliation": " Bonne nouvelle ! L’organisme dont vous faites partie, __institutionName__, est en partenariat avec Overleaf, ce qui vous permet d’accéder aux fonctionnalités professionnelles d’Overleaf. Vous pouvez ainsi annuler votre abonnement personnel en conservant l’accès à tous vos avantages.",
+  "notification_project_invite": "<b>__userName__</b> souhaiterait que vous rejoigniez <b>__projectName__</b> <a class=\"btn btn-sm btn-info pull-right\" href=\"/project/__projectId__/invite/token/__token__\">Rejoindre le projet</a>",
+  "notification_project_invite_accepted_message": "Vous avez rejoint <b>__projectName__</b>",
+  "notification_project_invite_message": "<b>__userName__</b> souhaiterait que vous rejoigniez <b>__projectName__</b>",
+  "november": "Novembre",
+  "number_collab": "Nombre de collaborateur·rice·s",
+  "oauth_orcid_description": " <a href=\"__link__\">Justifiez de votre identité de façon sécurisée en liant votre ORCID iD à votre compte __appName__</a>. Vos soumissions aux éditeurs participants incluront automatiquement votre ORCID iD, permettant ainsi d’accroître votre productivité et votre visibilité. ",
+  "october": "Octobre",
+  "off": "Désactivé",
+  "ok": "Ok",
+  "on": "Activé",
+  "one_free_collab": "Un collaborateur offert",
+  "online_latex_editor": "Éditeur LaTeX en ligne",
+  "open_as_template": "Ouvrir en tant que gabarit",
+  "open_project": "Ouvrir le projet",
+  "opted_out_linking": "Vous avez choisi de ne pas lier votre compte <b>__appName__</b> <b>__email__</b> à votre compte institutionnel.",
+  "optional": "Optionnel",
+  "or": "ou",
+  "organize_projects": "Organiser les projets",
+  "organize_tags": "Organiser les étiquettes",
+  "other_actions": "Autres actions",
+  "other_logs_and_files": "Autres journaux et fichiers",
+  "other_output_files": "Télécharger les autres fichiers générés",
+  "other_sessions": "Autres sessions",
+  "over": "Plus de",
+  "overall_theme": "Apparence générale",
+  "overview": "Vue d’ensemble",
+  "owner": "Propriétaire",
+  "page_current": "Page __page__, page actuelle",
+  "page_not_found": "Page introuvable",
+  "pagination_navigation": "Navigation pagination",
+  "password": "Mot de passe",
+  "password_change_passwords_do_not_match": "Les mots de passe ne correspondent pas",
+  "password_change_successful": "Mot de passe modifié",
+  "password_managed_externally": "Les paramètres du mot de passe sont gérés par votre organisation",
+  "password_reset": "Réinitialisation du mot de passe",
+  "password_reset_email_sent": "Un courriel vous a été envoyé afin de finaliser la réinitialisation de votre mot de passe.",
+  "password_reset_token_expired": "Votre demande de réinitialisation de mot de passe a expiré. Veuillez refaire une demande de réinitialisation et suivre le lien qui figure dans le nouveau courriel.",
+  "password_too_long_please_reset": "La longueur maximale autorisée pour le mot de passe a été dépassée. Merci de réinitialiser votre mot de passe.",
+  "payment_provider_unreachable_error": "Désolé, une erreur s’est produite lors de la communication avec notre fournisseur de paiements. Veuillez réessayer dans quelques instants.\n\nSi vous utilisez une extension dans votre navigateur pour bloquer les publicités ou les scripts, il peut être nécessaire de les désactiver temporairement.",
+  "pdf_compile_in_progress_error": "Une compilation précédente est toujours en cours. Veuillez attendre un instant puis réessayer de compiler.",
+  "pdf_compile_rate_limit_hit": "Limite de fréquence de compilation atteinte",
+  "pdf_compile_try_again": "Veuillez attendre que votre compilation précédente se termine avant de réessayer.",
+  "pdf_in_separate_tab": "PDF dans un nouvel onglet",
+  "pdf_only_hide_editor": "PDF uniquement <0>(cacher l’éditeur)</0>",
+  "pdf_rendering_error": "Erreur de rendu PDF",
+  "pdf_viewer": "Visionneuse de PDF",
+  "pending": "En attente",
+  "pending_additional_licenses": "Votre abonnement va changer pour inclure <0>__pendingAdditionalLicenses__</0> licence(s) additionnelle(s), pour un total de <1>__pendingTotalLicenses__</1> licences.",
+  "personal": "Personnel",
+  "pl": "Polonais",
+  "planned_maintenance": "Maintenance prévue",
+  "plans_amper_pricing": "Offres et tarifs",
+  "plans_and_pricing": "Offres et prix",
+  "please_ask_the_project_owner_to_upgrade_to_track_changes": "Veuillez demander au propriétaire du projet de mettre à niveau son compte pour pouvoir suivre les modifications",
+  "please_change_primary_to_remove": "Veuillez changer votre adresse courriel principale pour pouvoir la retirer",
+  "please_check_your_inbox_to_confirm": "Veuillez vérifier votre boîte de réception de courriel pour valider votre affiliation à <0>__institutionName__</0>.",
+  "please_compile_pdf_before_download": "Veuillez compiler votre projet avant de pouvoir télécharger le PDF",
+  "please_compile_pdf_before_word_count": "Veuillez d’abord compiler votre projet afin de compter les mots",
+  "please_confirm_email": "Veuillez confirmer votre adresse courriel __emailAddress__ en cliquant sur le lien contenu dans le courriel de confirmation ",
+  "please_confirm_your_email_before_making_it_default": "Veuillez confirmer cette adresse courriel avant de pouvoir la rendre principale.",
+  "please_enter_email": "Veuillez indiquer votre adresse électronique",
+  "please_link_before_making_primary": "Veuillez confirmer votre adresse courriel en la liant à votre compte institutionnel avant de pouvoir la rendre principale.",
+  "please_reconfirm_institutional_email": "Veuillez prendre un instant pour valider votre adresse courriel institutionnelle ou bien <0>supprimez-la</0> de votre compte.",
+  "please_reconfirm_your_affiliation_before_making_this_primary": "Veuillez confirmer votre affiliation avant de pouvoir la rendre principale.",
+  "please_refresh": "Veuillez actualiser la page pour continuer.",
+  "please_select_a_file": "Veuillez choisir un fichier",
+  "please_select_a_project": "Veuillez choisir un projet",
+  "please_select_an_output_file": "Veuillez choisir un fichier généré",
+  "please_set_a_password": "Veuillez choisir un mot de passe",
+  "please_set_main_file": "Veuillez choisir le fichier principal pour ce projet depuis le menu du projet. ",
+  "popular_tags": "Étiquettes populaires",
+  "portal_add_affiliation_to_join": "Il semblerait que vous soyez déjà connecté à __appName__ ! Si vous avez une adresse courriel __portalTitle__, vous pouvez l’ajouter maintenant.",
+  "position": "Grade",
+  "postal_code": "Code postal",
+  "premium_features": "Fonctionnalités premium",
+  "presentation": "Présentation",
+  "price": "Prix",
+  "priority_support": "Support prioritaire",
+  "privacy": "Politique de confidentialité",
+  "privacy_policy": "Règles de confidentialité",
+  "private": "Privé",
+  "problem_changing_email_address": "Il y a eu un problème lors de votre changement d’adresse courriel. Veuillez recommencer dans quelques instants. Si le problème persiste, veuillez nous contacter.",
+  "problem_talking_to_publishing_service": "Il y a un problème avec notre service d’édition, veuillez réessayer dans quelques minutes",
+  "problem_with_subscription_contact_us": "Il y a un problème avec votre abonnement. Veuillez nous contacter pour davantage d’informations.",
+  "processing": "En traitement",
+  "processing_your_request": "Veuillez patienter pendant que nous traitons votre demande.",
+  "professional": "Professionnel·le",
+  "project_approaching_file_limit": "Ce projet approche la limite de fichiers",
+  "project_flagged_too_many_compiles": "Ce projet a été compilé trop fréquemment. Cette limite sera levée sous peu.",
+  "project_has_too_many_files": "La limite des 2 000 fichiers a été atteinte pour ce projet",
+  "project_last_published_at": "Votre projet a été édité pour la dernière fois le",
+  "project_name": "Nom du projet",
+  "project_not_linked_to_github": "Ce projet n’est pas lié à un dépôt GitHub. Vous pouvez lui créer un dépôt dans GitHub :",
+  "project_ownership_transfer_confirmation_1": "Êtes-vous sûr de vouloir faire de <0>__user__</0> le propriétaire de <1>__project__</1> ?",
+  "project_ownership_transfer_confirmation_2": "Cette action est irréversible. Le nouveau propriétaire sera notifié et sera en mesure de modifier les paramètres d’accès au projet (y compris de vous ôter le droit d’accès).",
+  "project_synchronisation": "Synchronisation du projet",
+  "project_too_large": "Projet trop volumineux",
+  "project_too_large_please_reduce": "Ce projet contient trop de texte, veuillez essayer de le réduire. Les fichiers les plus volumineux sont :",
+  "project_too_much_editable_text": "Ce projet contient trop de texte, veuillez essayer de le réduire.",
+  "project_url": "URL du projet concerné",
+  "projects": "Projets",
+  "pt": "Portugais",
+  "public": "Public",
+  "publish": "Publier",
+  "publish_as_template": "Gérer le modèle",
+  "publishing": "Publication en cours",
+  "pull_github_changes_into_sharelatex": "Récupérer les modifications GitHub (pull) dans __appName__",
+  "push_sharelatex_changes_to_github": "Pousser les modifications __appName__ vers GitHub",
+  "raw_logs": "Journaux bruts",
+  "raw_logs_description": "Journaux bruts issus du compilateur LaTeX",
+  "realtime_track_changes": "Suivi des modifications en temps réel",
+  "reauthorize_github_account": "Autorisez votre compte GitHub à nouveau",
+  "recent_commits_in_github": "Commits récents dans GitHub",
+  "recompile": "Recompiler",
+  "recompile_from_scratch": "Recompiler entièrement",
+  "recompile_pdf": "Recompiler le PDF",
+  "reconfirm": "confirmez à nouveau",
+  "reconfirm_explained": "Nous devons confirmer votre compte à nouveau. Veuillez demander une réinitialisation de votre mot de passe en utilisant le formulaire ci-dessous pour réaliser cette action. Si vous rencontrez des problèmes pour confirmer votre compte, contactez-nous à",
+  "reconnect": "Réessayer",
+  "reconnecting": "Reconnexion",
+  "reconnecting_in_x_secs": "Reconnexion dans __seconds__ s",
+  "recurly_email_update_needed": "Votre adresse courriel de facturation est actuellement <0>__recurlyEmail__</0>. Si besoin, vous pouvez modifier votre adresse de facturation pour <1>__userEmail__</1>.",
+  "recurly_email_updated": "Votre adresse courriel de facturation a été modifiée avec succès",
+  "reduce_costs_group_licenses": "Vous pouvez simplifier les formalités et réaliser des économies grâce à nos réductions pour les licences groupées.",
+  "reference_error_relink_hint": "Si cette erreur persiste, essayez de lier à nouveau votre compte ici :",
+  "reference_search": "Recherche de références avancée",
+  "reference_sync": "Synchro. avec gestionnaire de références",
+  "refresh": "Rafraîchir",
+  "refresh_page_after_linking_dropbox": "Veuillez rafraîchir cette page après avoir lié votre compte à Dropbox.",
+  "refresh_page_after_starting_free_trial": "Veuillez actualiser cette page avant de commencer votre essai gratuit.",
+  "refreshing": "Actualisation",
+  "regards": "Merci",
+  "register": "S’inscrire",
+  "register_error": "Erreur d’inscription",
+  "register_intercept_sso": "Vous pourrez lier votre compte __authProviderName__ depuis la page « Paramètres du compte » une fois que vous vous serez connecté.",
+  "register_to_edit_template": "Veuillez vous inscrire pour éditer le modèle __templateName__",
+  "register_with_another_email": "<a href=\"__link__\">Inscrivez-vous avec __appName__</a> en utilisant une autre adresse courriel.",
+  "registered": "Inscrit·e",
+  "registering": "Inscription en cours",
+  "registration_error": "Erreur d’inscription",
+  "reject": "Rejeter",
+  "related_tags": "Étiquettes associées",
+  "reload_editor": "Actualiser l’éditeur",
+  "remote_service_error": "Le service distant a renvoyé une erreur",
+  "remove": "Supprimer",
+  "remove_from_group": "Retirer du groupe",
+  "remove_manager": "Supprimer un gestionnaire",
+  "remove_tag": "Supprimer l’étiquette __tagName__",
+  "removed": "retiré",
+  "removing": "Suppression",
+  "rename": "Renommer",
+  "rename_project": "Renommer le projet",
+  "renaming": "Renommage",
+  "reopen": "Rouvrir",
+  "reply": "Répondre",
+  "repository_name": "Nom du dépôt",
+  "republish": "Publier à nouveau",
+  "request_password_reset": "Réinitialiser le mot de passe",
+  "request_password_reset_to_reconfirm": "Faites une demande de modification du mot de passe pour revalider",
+  "request_reconfirmation_email": "Demander un courriel de confirmation",
+  "request_sent_thank_you": "Message envoyé ! Notre équipe va l’examiner et vous répondre par courriel.",
+  "requesting_password_reset": "Réinitialisation du mot de passe",
+  "required": "requis",
+  "resend": "Envoyer de nouveau",
+  "resend_confirmation_email": "Réexpédier le courriel de confirmation",
+  "resending_confirmation_email": "Réexpédition du courriel de confirmation",
+  "reset_password": "Réinitialiser le mot de passe",
+  "reset_your_password": "Réinitialiser votre mot de passe",
+  "resolve": "Résoudre",
+  "resolved_comments": "Commentaires résolus",
+  "restore": "Restaurer",
+  "restoring": "Restauration en cours",
+  "restricted": "Accès restreint",
+  "restricted_no_permission": "Accès restreint, désolé vous n’avez pas l’autorisation de charger cette page.",
+  "return_to_login_page": "Retourner à la page de connexion",
+  "revert_pending_plan_change": "Annuler la modification prévue d’offre",
+  "review": "Relire",
+  "review_your_peers_work": "Relisez le travail de vos pairs",
+  "revoke": "Révoquer",
+  "revoke_invite": "Retirer l’invitation",
+  "ro": "Roumain",
+  "role": "Grade",
+  "ru": "Russe",
+  "saml": "SAML",
+  "saml_create_admin_instructions": "Choisissez une adresse courriel pour le compte __appName__ initial. Celle-ci doit correspondre à un compte dans le système SAML. Vous serez ensuite invité à vous connecter avec ce compte.",
+  "save": "Enregistrer",
+  "save_or_cancel-cancel": "annuler",
+  "save_or_cancel-or": "ou",
+  "save_or_cancel-save": "Enregistrer",
+  "saving": "Sauvegarde en cours",
+  "saving_notification_with_seconds": "Enregistrement de __docname__ (__seconds__ s de modifications non enregistrées)",
+  "search": "Recherche",
+  "search_bib_files": "Rechercher par auteur, titre, année",
+  "search_in_all_projects": "Rechercher dans tous les projets",
+  "search_in_archived_projects": "Rechercher dans les projets archivés",
+  "search_in_shared_projects": "Rechercher dans les projets partagés avec vous",
+  "search_in_trashed_projects": "Rechercher dans la corbeille des projets",
+  "search_in_your_projects": "Recherchez dans vos projets",
+  "search_projects": "Rechercher un projet",
+  "search_references": "Rechercher les fichiers .bib dans ce projet",
+  "secondary_email_password_reset": "Cette adresse courriel est une adresse secondaire. Veuillez saisir l’adresse principale associée à votre compte.",
+  "security": "Sécurité",
+  "see_changes_in_your_documents_live": "Observez les modifications dans vos documents, en direct",
+  "select_a_file": "Choisir un fichier",
+  "select_a_project": "Choisir un projet",
+  "select_all_projects": "Tout sélectionner",
+  "select_an_output_file": "Choisir un fichier généré",
+  "select_from_output_files": "choisir parmi les fichiers générés",
+  "select_from_source_files": "choisir parmi les fichiers source",
+  "select_github_repository": "Choisissez un dépôt GitHub à importer dans __appName__",
+  "select_tag": "Sélectionner l’étiquette __tagName__",
+  "send": "Envoyer",
+  "send_first_message": "Envoyez votre premier message à vos collaborateur·rice·s",
+  "send_test_email": "Envoyer un courriel de test",
+  "sending": "Envoi",
+  "september": "Septembre",
+  "server_error": "Erreur du serveur",
+  "services": "Services",
+  "session_created_at": "Session créée le",
+  "session_error": "Erreur de session. Veuillez vérifier que vous avez activé les cookies. Si le problème persiste, essayez de vider votre cache et vos cookies.",
+  "session_expired_redirecting_to_login": "Session expirée. Redirection vers la page de connexion dans __seconds__ s",
+  "sessions": "Sessions",
+  "set_new_password": "Changer le mot de passe",
+  "set_password": "Changement de mot de passe",
+  "settings": "Réglages",
+  "share": "Partager",
+  "share_project": "Partager le projet",
+  "shared_with_you": "Partagé avec moi",
+  "sharelatex_beta_program": "Programme de bêta __appName__",
+  "show_hotkeys": "Montrer les raccourcis clavier",
+  "show_less": "voir moins",
+  "show_outline": "Afficher la structure du fichier",
+  "showing_1_result": "Affiche 1 résultat",
+  "showing_1_result_of_total": "Affiche 1 résultat sur __total__",
+  "showing_x_out_of_n_projects": "Affiche __x__ sur __n__ projets.",
+  "showing_x_results": "Affiche __x__ résultats",
+  "showing_x_results_of_total": "Affiche __x__ résultats sur __total__",
+  "sign_up": "S’inscrire",
+  "site_description": "Un éditeur LaTeX en ligne facile à utiliser. Pas d’installation, collaboration en temps réel, gestion des versions, des centaines de modèles de documents LaTeX, et plus encore.",
+  "skip_to_content": "Aller au contenu",
+  "something_went_wrong_canceling_your_subscription": "Un problème est survenu lors de l’annulation de votre abonnement. Veuillez contacter le support.",
+  "something_went_wrong_rendering_pdf": "Une erreur s’est produite lors du rendu de ce PDF.",
+  "something_went_wrong_server": "Une erreur s’est produite pendant la communication avec le serveur :( Veuillez réessayer.",
+  "somthing_went_wrong_compiling": "Désolé, quelque chose ne fonctionne pas et votre projet ne peut pas être compilé. Veuillez réessayer dans quelques instants.",
+  "sorry_something_went_wrong_opening_the_document_please_try_again": "Désolé, une erreur s’est produite lors de l’ouverture de ce contenu sur Overleaf. Veuillez réessayer",
+  "source": "Code source",
+  "spell_check": "Correcteur orthographique",
+  "sso_account_already_linked": "Compte déjà lié à un·e autre utilisateur·rice __appName__",
+  "sso_link_error": "Erreur lors de la liaison avec le compte SSO",
+  "sso_not_linked": "Vous n’avez pas lié votre compte à __provider__. Veuillez vous connecter à votre compte via une autre méthode puis lier votre compte __provider__ dans les paramètres.",
+  "start_by_adding_your_email": "Commencez par saisir votre adresse courriel.",
+  "start_free_trial": "Commencer l’essai gratuit !",
+  "state": "État",
+  "status_checks": "Vérifications d’état",
+  "still_have_questions": "Vous avez d’autres questions ?",
+  "stop_compile": "Arrêter la compilation",
+  "stop_on_first_error": "Arrêter à la première erreur",
+  "stop_on_validation_error": "Vérifier la syntaxe avant la compilation",
+  "store_your_work": "Stockez vos travaux sur votre propre infrastructure",
+  "student": "Étudiant·e",
+  "student_disclaimer": "Cette réduction pour l’éducation s’applique à tous les étudiant·e·s des établissements du secondaire ou du supérieur (lycées et universités). Nous pouvons être amenés à vous contacter pour confirmer votre éligibilité à cette réduction.",
+  "subject": "Objet",
+  "subject_to_additional_vat": "Selon votre pays, les prix peuvent en plus être sujets à la TVA.",
+  "submit": "envoyer",
+  "submit_title": "Publier",
+  "subscribe": "S’abonner",
+  "subscription": "Abonnement",
+  "subscription_admins_cannot_be_deleted": "Vous ne pouvez pas supprimer votre compte car vous avez un abonnement en cours. Veuillez annuler votre abonnement et réessayer. Si vous voyez toujours ce message après lors, veuillez nous contacter.",
+  "subscription_canceled": "Abonnement annulé",
+  "subscription_canceled_and_terminate_on_x": " Votre abonnement a été annulé et se terminera le <0>__terminateDate__</0>. Aucun paiement supplémentaire ne vous sera demandé.",
+  "suggestion": "Suggestion",
+  "sure_you_want_to_cancel_plan_change": "Êtes-vous sûr(e) de vouloir annuler votre modification prévue d’offre ? Vous resterez abonné à l’offre <0>__planName__</0>.",
+  "sure_you_want_to_change_plan": "Voulez-vous vraiment changer d’offre pour <0>__planName__</0> ?",
+  "sure_you_want_to_delete": "Êtes-vous sûr(e) de vouloir supprimer définitivement  les fichiers suivants ?",
+  "sure_you_want_to_leave_group": "Voulez-vous vraiment quitter ce groupe ?",
+  "sv": "Suedois",
+  "sync": "Synchroniser",
+  "sync_dropbox_github": "Synchroniser avec Dropbox et GitHub",
+  "sync_project_to_github_explanation": "Tous les modifications effectuées dans __appName__ seront commitées et fusionnées avec les mises à jour existant dans GitHub.",
+  "sync_to_dropbox": "Synchronisation avec Dropbox",
+  "sync_to_github": "Synchroniser avec GitHub",
+  "synctex_failed": "Impossible de trouver le fichier source correspondant",
+  "syntax_validation": "Vérification du code",
+  "tag_color": "Couleur de l’étiquette",
+  "tag_name_cannot_exceed_characters": "Le nom de l’étiquette ne peut pas avoir plus de __maxLength__ caractères",
+  "tag_name_is_already_used": "L’étiquette \"__tagName__\" existe déjà",
+  "tags": "Étiquettes",
+  "take_me_home": "Retour à la maison !",
+  "tc_everyone": "Tout le monde",
+  "tc_guests": "Invités",
+  "template_description": "Description des modèles",
+  "template_gallery": "Galerie de modèles",
+  "template_not_found_description": "Cette méthode de création de projets à partir de modèles n’est plus disponible. Merci de vous rendre sur notre galerie des modèles pour trouver d’autres modèles.",
+  "template_title_taken_from_project_title": "Le titre du modèle sera repris automatiquement du titre du projet",
+  "templates": "Modèles",
+  "templates_lowercase": "modèles",
+  "terminated": "Compilation annulée",
+  "terms": "Conditions",
+  "tex_live_version": "Version de TeX Live",
+  "thank_you": "Merci",
+  "thank_you_exclamation": "Merci !",
+  "thank_you_for_being_part_of_our_beta_program": "Merci de votre participation au programme de bêta, qui vous permet d’accéder en avant-première aux nouvelles fonctionnalités et de nous aider à mieux comprendre vos besoins",
+  "thanks": "Merci",
+  "thanks_for_subscribing": "Merci de vous être abonné(e) !",
+  "thanks_for_subscribing_you_help_sl": "Merci de vous être abonné à l’offre __planName__. C’est grâce au support de personnes comme vous que __appName__ peut prospérer et continuer à s’améliorer.",
+  "thanks_settings_updated": "Merci, vos réglages ont été mis à jour.",
+  "the_file_supplied_is_of_an_unsupported_type ": "Le lien pour ouvrir ce contenu sur Overleaf pointe vers un type de fichier invalide. Les types autorisés sont les documents .tex et les archives .zip. Si cela se produit régulièrement pour un site donné, veuillez leur faire part du problème.",
+  "the_requested_conversion_job_was_not_found": "Le lien pour ouvrir ce contenu sur Overleaf spécifie une tâche de conversion inconnue. Il est possible que cette tâche ait expiré et qu’elle doive être lancée à nouveau. Si cela se produit régulièrement pour un site donné, veuillez leur faire part du problème.",
+  "the_requested_publisher_was_not_found": "Le lien pour ouvrir ce contenu sur Overleaf spécifie un éditeur inconnu. Si cela se produit régulièrement pour un site donné, veuillez leur faire part du problème.",
+  "the_required_parameters_were_not_supplied": "Certains paramètres obligatoires sont manquants dans le lien pour ouvrir ce contenu sur Overleaf. Si cela se produit régulièrement pour un site donné, veuillez leur faire part du problème.",
+  "the_supplied_parameters_were_invalid": "Certains paramètres invalides sont présents dans le lien pour ouvrir ce contenu sur Overleaf. Si cela se produit régulièrement pour un site donné, veuillez leur faire part du problème.",
+  "the_supplied_uri_is_invalid": "Le lien pour ouvrir ce contenu sur Overleaf contient une URI invalide. Si cela se produit régulièrement pour un site donné, veuillez leur faire part du problème.",
+  "their_projects_will_be_transferred_to_another_user": "Leurs projets seront tous transférés à un autre utilisateur de votre choix",
+  "theme": "Thème",
+  "then_x_price_per_month": "Puis __price__ par mois",
+  "then_x_price_per_year": "Puis __price__ par an",
+  "there_was_an_error_opening_your_content": "Une erreur s’est produite lors de la création de votre projet",
+  "thesis": "Thèse",
+  "they_lose_access_to_account": "Leur compte Overleaf sera immédiatement inaccessible",
+  "this_action_cannot_be_undone": "Cette action est irréversible.",
+  "this_field_is_required": "Ce champ est requis",
+  "this_is_your_template": "Ceci est le modèle provenant de votre projet",
+  "this_project_is_public": "Ce projet est public et peut être édité par n’importe qui disposant de son URL.",
+  "this_project_is_public_read_only": "Ce projet est public et peut être vu, mais non modifié, par toute personne disposant de son URL",
+  "this_project_will_appear_in_your_dropbox_folder_at": "Ce projet apparaîtra dans votre dossier Dropbox à ",
+  "three_free_collab": "Trois collaborateurs offerts",
+  "timedout": "Temps expiré",
+  "title": "Titre",
+  "to_add_more_collaborators": "Pour ajouter des collaborateur·rice·s supplémentaires ou pour activer le partage par lien, veuillez vous adresser au propriétaire du projet",
+  "to_change_access_permissions": "Pour modifier les droits d’accès, contactez le propriétaire du projet",
+  "to_many_login_requests_2_mins": "Ce compte a reçu trop de demandes de connexion. Veuillez attendre deux minutes avant de tenter une nouvelle connexion",
+  "to_modify_your_subscription_go_to": "Pour modifier votre abonnement, allez sur",
+  "toggle_compile_options_menu": "Activer le menu des options de compilation",
+  "token": "jeton",
+  "token_access_failure": "Accès refusé ; contactez le propriétaire du projet pour plus d’assistance",
+  "token_limit_reached": "Vous avez atteint la limite de 10 jetons. Pour générer un nouveau jeton, veuillez effacer un jeton existant.",
+  "too_many_attempts": "Trop de tentatives. Veuillez patienter un moment puis réessayer.",
+  "too_many_files_uploaded_throttled_short_period": "Trop de fichiers téléversés, vos envois ont été mis en attente pour un court instant. Merci d’attendre 15 minutes avant de réessayer.",
+  "too_many_requests": "Trop de requêtes ont été reçues sur une courte période. Veuillez patienter quelques instants puis réessayer.",
+  "too_recently_compiled": "Ce projet a été compilé très récemment, cette compilation a donc été passée.",
+  "tooltip_hide_filetree": "Cliquez pour cacher l’arborescence des fichiers",
+  "tooltip_hide_pdf": "Cliquez pour cacher le PDF",
+  "tooltip_show_filetree": "Cliquez pour afficher l’arborescence des fichiers",
+  "tooltip_show_pdf": "Cliquez pour afficher le PDF",
+  "total_words": "Total des mots",
+  "tr": "Turque",
+  "track_any_change_in_real_time": "Suivez toute modification, en temps réel",
+  "track_changes": "Suivre les modifications",
+  "track_changes_is_off": "Le suivi des modifs. est <strong>off</strong>",
+  "track_changes_is_on": "Le suivi des modifs. est <strong>on</strong>",
+  "tracked_change_added": "Ajout de",
+  "tracked_change_deleted": "Suppression de",
+  "trash": "Corbeille",
+  "trash_projects": "Mettre à la corbeille",
+  "trashed_projects": "Corbeille des projets",
+  "trashing_projects_wont_affect_collaborators": "Mettre un projet à la corbeille n’affectera pas vos collaborateur·rice·s.",
+  "tried_to_log_in_with_email": "Vous avez essayé de vous connecter avec <b>__email__</b>.",
+  "tried_to_register_with_email": "Vous avez essayé de vous inscrire avec l’adresse <b>__email__</b> qui est déjà inscrite sur un compte institutionnel <b>__appName__</b>.",
+  "try_again": "Veuillez réessayer",
+  "try_it_for_free": "Essayez gratuitement",
+  "try_now": "Essayer maintenant",
+  "try_to_compile_despite_errors": "Essayer de compiler malgré les erreurs",
+  "turn_off_link_sharing": "Désactiver le partage par lien",
+  "turn_on_link_sharing": "Activer le partage par lien",
+  "uk": "Ukrainien",
+  "unable_to_extract_the_supplied_zip_file": "L’ouverture de ce contenu sur Overleaf a échoué car l’archive n’a pas pu être extraite. Veuillez vous assurer de la validité de cette archive. Si cela se produit régulièrement pour un site donné, veuillez leur faire part du problème.",
+  "unarchive": "Restaurer",
+  "uncategorized": "Non-classés",
+  "unconfirmed": "Non confirmé",
+  "university": "Université",
+  "unlimited": "Illimité",
+  "unlimited_collabs": "Collaborateurs illimités",
+  "unlimited_projects": "Projets illimités",
+  "unlink": "Ne plus lier",
+  "unlink_github_repository": "Annuler le lien avec le dépôt GitHub",
+  "unlink_github_warning": "Tous les projets que vous avez synchronisés avec GitHub seront déconnectés et ne seront plus maintenu synchronisés avec GitHub. Voulez-vous vraiment ne plus lier votre compte GitHub ?",
+  "unlink_reference": "Ne plus lier le fournisseur de références",
+  "unlink_warning_reference": "Attention : si vous supprimez le lien entre votre compte et ce fournisseur, vous ne pourrez plus importer des références dans vos projets.",
+  "unlinking": "Annuler le lien",
+  "unpublish": "Dépublier",
+  "unpublishing": "Dépublication en cours",
+  "unsubscribe": "Se désabonner",
+  "unsubscribed": "Désabonné(e)",
+  "unsubscribing": "Désabonnement en cours",
+  "untrash": "Restaurer",
+  "update": "Mettre à jour",
+  "update_account_info": "Mettre à jour les infos du compte",
+  "update_dropbox_settings": "Mettre à jour vos paramètres Dropbox",
+  "update_your_billing_details": "Mettre à jour vos données de facturation",
+  "updating_site": "Mise à jour du site",
+  "upgrade": "Mettre à niveau",
+  "upgrade_cc_btn": "Mettez à niveau maintenant, payez dans 7 jours",
+  "upgrade_now": "Mettre à niveau maintenant",
+  "upgrade_to_get_feature": "Mettre à niveau pour profiter de  __feature__, plus :",
+  "upgrade_to_track_changes": "Mettez à niveau pour suivre les modifications",
+  "upload": "Importer",
+  "upload_failed": "Échec du téléversement",
+  "upload_file": "Importer un fichier",
+  "upload_project": "Importer un projet",
+  "upload_zipped_project": "Importer un projet zippé",
+  "url_to_fetch_the_file_from": "Récupérer le fichier depuis l’URL",
+  "use_your_own_machine": "Utilisez votre propre machine, avec votre propre installation",
+  "user_already_added": "Utilisateur·rice déjà ajouté·e",
+  "user_deletion_error": "Désolé, quelque chose n’a pas fonctionné lors de la suppression de votre compte. Veuillez réessayer dans une minute.",
+  "user_not_found": "Utilisateur·rice inconnu·e",
+  "user_wants_you_to_see_project": "__username__ souhaiterait que vous rejoigniez __projectname__",
+  "validation_issue_entry_description": "Un problème de validation qui a empêché la compilation de ce projet",
+  "vat_number": "Numéro de TVA",
+  "view_all": "Tout voir",
+  "view_in_template_gallery": "Voir dans la galerie des modèles",
+  "view_logs": "Voir les journaux",
+  "view_pdf": "Voir le PDF",
+  "view_your_invoices": "Voir vos factures",
+  "visual_editor": "Éditeur visuel",
+  "want_change_to_apply_before_plan_end": "Si vous souhaitez que cette modification prenne effet avant la fin de l’échéance actuelle de facturation, veuillez nous contacter.",
+  "we_cant_find_any_sections_or_subsections_in_this_file": "Nous n’avons trouvé aucune section ou sous-section dans ce fichier",
+  "we_logged_you_in": "Nous vous avons connecté.",
+  "we_may_also_contact_you_from_time_to_time_by_email_with_a_survey": "Nous serons également amenés à vous inviter par courriel à participer à des sondages ou à d’autres initiatives de recherche utilisateur",
+  "wed_love_you_to_stay": "Nous aimerions beaucoup que vous restiez",
+  "welcome_to_sl": "Bienvenue dans __appName__",
+  "why_latex": "Pourquoi LaTeX?",
+  "wide": "Large",
+  "will_need_to_log_out_from_and_in_with": "Vous devrez vous <b>déconnecter</b> de votre compte <b>__email1__</b> et vous reconnecter sur votre compte <b>__email2__</b>.",
+  "word_count": "Nombre de mots",
+  "work_offline": "Travaillez hors ligne",
+  "work_with_non_overleaf_users": "Travaillez avec des utilisateurs hors de Overleaf",
+  "x_price_for_first_month": "<0>__price__</0> pour votre premier mois",
+  "x_price_for_first_year": "<0>__price__</0> pour votre première année",
+  "x_price_per_month": "<0>__price__</0> par mois",
+  "x_price_per_year": "__price__ par an",
+  "year": "année",
+  "you": "Vous",
+  "you_can_now_log_in_sso": "Vous pouvez maintenant vous connecter via votre établissement pour potentiellement bénéficier de <0>fonctionnalités professionnelles __appName__ gratuites</0> !",
+  "you_can_opt_in_and_out_of_the_program_at_any_time_on_this_page": "Vous pouvez rejoindre ou quitter le programme à tout moment depuis cette page",
+  "you_have_added_x_of_group_size_y": "Vous avez ajouté <0>__addedUsersSize__</0> membres sur les <1>__groupSize__</1> disponibles",
+  "you_will_be_able_to_contact_us_any_time_to_share_your_feedback": "Vous pourrez nous contacter à tout moment pour donner votre avis",
+  "you_will_be_able_to_reassign_subscription": "Vous pourrez réattribuer leur abonnement à une autre personne de votre organisation",
+  "your_affiliation_is_confirmed": "Votre affiliation à <0>__institutionName__</0> est validée.",
+  "your_git_access_info": "Vos jetons d’authentification Git devront être utilisés lorsqu’un mot de passe Git vous sera demandé.",
+  "your_git_access_info_bullet_1": "Vous pouvez avoir jusqu’à 10 jetons.",
+  "your_git_access_info_bullet_2": "Si vous atteignez la limite maximale, vous devrez effacer un jeton pour pouvoir en générer un nouveau.",
+  "your_git_access_tokens": "Vos jetons authentification Git",
+  "your_message_to_collaborators": "Envoyez un message à vos collaborateur·rice·s",
+  "your_new_plan": "Votre nouvelle offre",
+  "your_password_has_been_successfully_changed": "Votre mot de passe a été changé avec succès",
+  "your_plan": "Votre offre",
+  "your_plan_is_changing_at_term_end": "Votre offre changera vers <0>__pendingPlanName__</0> à la fin de l’échéance de facturation en cours.",
+  "your_project_exceeded_compile_timeout_limit_on_free_plan": "Votre projet a dépassé la durée limite de compilation de l’offre gratuite.",
+  "your_project_near_compile_timeout_limit": "Votre projet est proche de la durée limite de compilation de l’offre gratuite.",
+  "your_projects": "Mes projets",
+  "your_role": "Votre rôle",
+  "your_sessions": "Vos sessions",
+  "your_subscription": "Votre abonnement",
+  "your_subscription_has_expired": "Votre abonnement a expiré",
+  "youre_a_member_of_overleaf_labs": "Vous êtes membre d’Overleaf Labs. N’oubliez pas de consulter régulièrement les expériences auxquelles vous pouvez participer.",
+  "youre_about_to_disable_single_sign_on": "Vous êtes sur le point de désactiver l’authentification unique pour tous les membres du groupe.",
+  "youre_about_to_enable_single_sign_on": "Vous êtes sur le point d’activer l’authentification unique (SSO). Avant de procéder, assurez-vous que la configuration SSO est correcte et que tous·tes les membres de votre groupe disposent de comptes administrés.",
+  "youre_about_to_enable_single_sign_on_sso_only": "Vous êtes sur le point d’activer l’authentification unique (SSO). Avant de procéder, vous devez vous assurer que la configuration SSO est correcte.",
+  "youre_already_setup_for_sso": "L’authentification unique est déjà configurée",
+  "youre_joining": "Vous rejoignez",
+  "youre_on_free_trial_which_ends_on": "Vous bénéficiez d’un essai gratuit qui se termine le <0>__date__</0>.",
+  "youre_signed_in_as_logout": "Vous êtes connecté·e avec <0>__email__</0>. <1>Déconnectez-vous.</1>",
+  "youre_signed_up": "Vous êtes inscrit·e",
+  "youve_lost_edit_access": "Vous avez perdu l’accès à la modification",
+  "zh-CN": "Chinois",
+  "zip_contents_too_large": "Contenu de l’archive trop volumineux",
+  "zoom_in": "Zoomer",
+  "zoom_out": "Dézoomer",
+  "zotero": "Zotero",
+  "zotero_groups_loading_error": "Le chargement des groupes Zotero a échoué",
+  "zotero_integration": "Intégration Zotero",
+  "zotero_is_premium": "L’intégration Zotero est une fonctionnalité premium",
+  "zotero_reference_loading_error": "Erreur, impossible de charger les références depuis Zotero",
+  "zotero_reference_loading_error_expired": "Le jeton Zotero est expiré, veuillez lier à nouveau votre compte",
+  "zotero_reference_loading_error_forbidden": "Impossible de charger les références de Zotero, veuillez lier à nouveau votre compte et réessayer.",
+  "zotero_sync_description": "Avec l’intégration Zotero, vous pouvez importer vos références à partir de Zotero dans vos projets __appName__."
+}
diff --git a/services/web/locales/it.json b/services/web/locales/it.json
new file mode 100644
index 0000000..2c5c880
--- /dev/null
+++ b/services/web/locales/it.json
@@ -0,0 +1,386 @@
+{
+  "About": "About",
+  "Account": "Account",
+  "Account Settings": "Impostazioni Account",
+  "Documentation": "Documentazione",
+  "Projects": "Progetti",
+  "Security": "Sicurezza",
+  "Subscription": "Abbonamento",
+  "Terms": "Termini",
+  "Universities": "Università",
+  "about": "About",
+  "about_to_delete_projects": "Stai per eliminare i seguenti progetti:",
+  "about_to_leave_projects": "Stai per abbandonare i seguenti progetti:",
+  "account": "Account",
+  "account_not_linked_to_dropbox": "Il tuo account non è collegato a Dropbox",
+  "account_settings": "Impostazioni Account",
+  "actions": "Azioni",
+  "add": "Aggiungi",
+  "add_your_first_group_member_now": "Aggiungi ora i primi membri del gruppo",
+  "added": "aggiunto",
+  "adding": "Aggiunta",
+  "address": "Indirizzo",
+  "admin": "admin",
+  "all_projects": "Tutti i progetti",
+  "all_templates": "Tutti i Modelli",
+  "already_have_sl_account": "Hai già un account __appName__?",
+  "and": "e",
+  "annual": "Annuale",
+  "anonymous": "Anonimo",
+  "april": "Aprile",
+  "august": "Agosto",
+  "auto_complete": "Auto-completamento",
+  "back_to_your_projects": "Indietro ai tuoi progetti",
+  "beta": "Beta",
+  "bibliographies": "Bibliografie",
+  "blank_project": "Progetto Vuoto",
+  "blog": "Blog",
+  "built_in": "Built-In",
+  "cancel": "Annulla",
+  "cancel_my_account": "Interrrompi il mio abbonamento",
+  "cancel_your_subscription": "Interrrompi il tuo abbonamento",
+  "cant_find_email": "Spiacenti, quell’indirizzo email non è registrato.",
+  "cant_find_page": "Spiacenti, non riusciamo a trovare la pagina che stai cercando.",
+  "change": "Cambia",
+  "change_password": "Cambia Password",
+  "change_plan": "Modifica piano",
+  "change_to_this_plan": "Cambia a questo piano",
+  "chat": "Chat",
+  "checking_dropbox_status": "controllando lo stato di Dropbox",
+  "checking_project_github_status": "Controllo dello stato del progetto GitHub",
+  "choose_your_plan": "Scegli il tuo piano",
+  "city": "Città",
+  "clear_cached_files": "Pulisci file in cache",
+  "clearing": "Pulizia in corso",
+  "click_here_to_view_sl_in_lng": "Clicca qui per usare __appName__ in <0>__lngName__</0>",
+  "close": "Chiudi",
+  "cn": "Cinese (Semplificato)",
+  "collaboration": "Collaborazione",
+  "collaborator": "Collaboratore",
+  "collabs_per_proj": "__collabcount__ collaboratori per progetto",
+  "comment": "Commento",
+  "common": "Comune",
+  "compile_larger_projects": "Compila progetti più grandi",
+  "compiler": "Compilatore",
+  "compiling": "Compilazione",
+  "complete": "Completo",
+  "confirm_new_password": "Conferma Nuova Password",
+  "connected_users": "Utenti collegati",
+  "connecting": "Connessione",
+  "contact": "Contatti",
+  "contact_us": "Contattaci",
+  "continue_github_merge": "Ho eseguito l’unione manuale. Continua",
+  "copy": "Copia",
+  "copy_project": "Copia Progetto",
+  "copying": "copia in corso",
+  "country": "Nazione",
+  "coupon_code": "codice coupon",
+  "create": "Crea",
+  "create_new_subscription": "Crea Nuovo Abbonamento",
+  "create_project_in_github": "Crea un repository GitHub",
+  "creating": "Creazione",
+  "credit_card": "Carta di Credito",
+  "cs": "Ceco",
+  "current_password": "Password Attuale",
+  "currently_subscribed_to_plan": "Sei attualmente abbonato al piano <0>__planName__</0>.",
+  "da": "Danese",
+  "de": "Tedesco",
+  "december": "Dicembre",
+  "delete": "Elimina",
+  "delete_account": "Elimina Account",
+  "delete_your_account": "Elimina il tuo account",
+  "deleting": "Eliminando",
+  "disconnected": "Disconnesso",
+  "documentation": "Documentazione",
+  "doesnt_match": "Non corrisponde",
+  "done": "Fatto",
+  "download": "Scarica",
+  "download_pdf": "Scarica PDF",
+  "download_zip_file": "Scarica file .zip",
+  "dropbox_sync": "Sincronizzazione Dropbox",
+  "dropbox_sync_description": "Mantieni i tuoi progetti __appName__ in sincrono con il tuo Dropbox. Le modifiche in __appName__ saranno automaticamente inviate nel tuo Dropbox, e viceversa.",
+  "editing": "Modifica",
+  "editor_disconected_click_to_reconnect": "Editor disconnesso, clicca in qualsiasi punto per riconnettere.",
+  "email": "Email",
+  "email_link_expired": "Collegamento email scaduto, per favore richiedine un altro.",
+  "email_or_password_wrong_try_again": "La tua email o password è errata.",
+  "en": "Inglese",
+  "es": "Spagnolo",
+  "every": "ogni",
+  "example_project": "Progetto di Esempio",
+  "expiry": "Data Scadenza",
+  "export_project_to_github": "Esporta Progetto in GitHub",
+  "features": "Caratteristiche",
+  "february": "Febbraio",
+  "first_name": "Nome",
+  "folders": "Cartelle",
+  "font_size": "Grandezza Font",
+  "forgot_your_password": "Password dimenticata",
+  "fr": "Francese",
+  "free": "Gratis",
+  "free_dropbox_and_history": "Dropbox e storia gratuita",
+  "full_doc_history": "Storia completa del documento",
+  "general": "Generale",
+  "generic_something_went_wrong": "Spiacenti, qualcosa è andato storto",
+  "get_in_touch": "Contattaci",
+  "git": "Git",
+  "github_commit_message_placeholder": "Messaggio di commit per le modifiche effettuate in __appName__...",
+  "github_is_premium": "La sincronizzazione GitHub è una funzionalità premium",
+  "github_public_description": "Chiunque può visualizzare il repository. Puoi scegliere chi può eseguire commit.",
+  "github_successfully_linked_description": "Grazie, abbiamo collegato con successo il tuo account GitHub a __appName__ . Adesso puoi esportare i progetti __appName__ in GitHub, o importarli dai tuoi repository GitHub.",
+  "github_sync": "Sincronizzazione GitHub",
+  "github_sync_description": "Con GitHub Sync puoi collegare i tuoi progetti __appName__ a repository GitHub. Crea nuovi commit da __appName__ e unisci con commit fatti offline o su GitHub.",
+  "github_sync_error": "Spiacenti, c’è stato un errore con la comunicazione con GitHub. Si prega di riprovare fra poco.",
+  "github_validation_check": "Per favore, controlla che il nome del repository sia valido, e che tu abbia i permessi per crearlo.",
+  "global": "globale",
+  "go_to_code_location_in_pdf": "Vai a riga in PDF",
+  "go_to_pdf_location_in_code": "Vai a locazione PDF in codice",
+  "group_admin": "Amministratore Gruppo",
+  "groups": "Gruppi",
+  "have_more_days_to_try": "Hai altri <strong>__days__ giorni</strong> nel tuo Trial!",
+  "headers": "Intestazioni",
+  "help": "Aiuto",
+  "hotkeys": "Scorciatoie",
+  "i_want_to_stay": "Voglio rimanere",
+  "ill_take_it": "Mi va bene!",
+  "import_from_github": "Importa da GitHub",
+  "import_to_sharelatex": "Importa in __appName__",
+  "importing": "Importazione",
+  "importing_and_merging_changes_in_github": "Importazione e unione modifiche in GitHub",
+  "info": "Info",
+  "institution": "Istituzione",
+  "it": "Italiano",
+  "ja": "Giapponese",
+  "january": "Gennaio",
+  "join_sl_to_view_project": "Unisciti a __appName__ per vedere questo progetto",
+  "july": "Luglio",
+  "june": "Giugno",
+  "keybindings": "Associazioni tasti",
+  "ko": "Coreano",
+  "language": "Lingua",
+  "last_modified": "Ultima Modifica",
+  "last_name": "Cognome",
+  "latex_templates": "Modelli LaTeX",
+  "learn_more": "Scopri di più",
+  "link_to_github": "Collega il tuo account GitHub",
+  "link_to_github_description": "Devi autorizzare __appName__ ad accedere al tuo account GitHub per permetterci di sincronizzare i tuoi progetti.",
+  "links": "Link",
+  "loading": "Caricamento",
+  "loading_github_repositories": "Caricamento dei tuoi repository GitHub",
+  "loading_recent_github_commits": "Caricamento di commit recenti",
+  "log_in": "Entra",
+  "log_out": "Log Out",
+  "logging_in": "Entrata in corso",
+  "login": "Entra",
+  "login_here": "Entra qui",
+  "logs_and_output_files": "Log e file di output",
+  "lost_connection": "Connessione Persa",
+  "main_document": "Documento principale",
+  "maintenance": "Manutenzione",
+  "make_private": "Rendi Privato",
+  "march": "Marzo",
+  "math_display": "Formule Mostrate",
+  "math_inline": "Formule In Linea",
+  "maximum_files_uploaded_together": "Massimo __max__ file caricati insieme",
+  "may": "Maggio",
+  "menu": "Menu",
+  "merge": "Unisci",
+  "merging": "Unione",
+  "month": "mese",
+  "monthly": "Mensile",
+  "more": "Più",
+  "must_be_email_address": "Deve essere un indirizzo email",
+  "name": "Nome",
+  "native": "nativo",
+  "navigation": "Navigazione",
+  "need_anything_contact_us_at": "Per qualsiasi bisogno puoi contattarci direttamente al",
+  "need_to_leave": "Vuoi andare via?",
+  "new_file": "Nuovo file",
+  "new_folder": "Nuova cartella",
+  "new_name": "Nuovo Nome",
+  "new_password": "Nuova Password",
+  "new_project": "Nuovo Progetto",
+  "next_payment_of_x_collectected_on_y": "Il prossimo pagamento di <0>__paymentAmmount__</0> sarà riscosso il <1>__collectionDate__</1>",
+  "nl": "Olandese",
+  "no": "Norvegese",
+  "no_members": "Nessun membro",
+  "no_messages": "Nessun messaggio",
+  "no_new_commits_in_github": "Nessun nuovo commit in GitHub dall’ultima unione.",
+  "no_planned_maintenance": "Non c’è nessuna manutenzione correntemente pianificata",
+  "no_preview_available": "Spiacenti, non è disponibile nessuna anteprima.",
+  "no_projects": "Nessun progetto",
+  "no_thanks_cancel_now": "No, grazie - Voglio ancora annullare",
+  "not_now": "Non adesso",
+  "november": "Novembre",
+  "october": "Ottobre",
+  "off": "Off",
+  "ok": "OK",
+  "one_free_collab": "Un collaboratore gratuito",
+  "online_latex_editor": "Editor LaTeX online",
+  "optional": "Opzionale",
+  "or": "o",
+  "other_logs_and_files": "Altri log & file",
+  "over": "su",
+  "owner": "Proprietario",
+  "page_not_found": "Pagina Non Trovata",
+  "password": "Password",
+  "password_reset": "Reimposta la Password",
+  "password_reset_email_sent": "Ti abbiamo inviato una email per completare il reset della password.",
+  "password_reset_token_expired": "Il tuo codice di password reset è scaduto. Per favore, richiedi una nuova password per email e segui il link che ti verrà fornito.",
+  "pdf_viewer": "Visualizzatore PDF",
+  "personal": "Personale",
+  "pl": "Polacco",
+  "planned_maintenance": "Manutenzione Pianificata",
+  "plans_amper_pricing": "Piani & Costi",
+  "plans_and_pricing": "Piani e Costi",
+  "please_compile_pdf_before_download": "Per favore, compila il progetto prima di scariare il PDF",
+  "please_compile_pdf_before_word_count": "Per favore, compila il tuo progetto prima di eseguire il conteggio parole",
+  "please_enter_email": "Per favore inserisci il tuo indirizzo email",
+  "please_refresh": "Per favore, aggiorna la pagina per continuare.",
+  "position": "Posizione",
+  "presentation": "Presentazione",
+  "price": "Costo",
+  "privacy": "Privacy",
+  "privacy_policy": "Privacy Policy",
+  "private": "Privato",
+  "problem_changing_email_address": "C’è stato un problema durante la modifica del tuo indirizzo email. Per favore, riprova fra qualche momento. Se il problema persiste non esitare a contattarci.",
+  "problem_talking_to_publishing_service": "C’è un problema con il nostro servizio di pubblicazione, si prega di riprovare fra qualche minuto",
+  "problem_with_subscription_contact_us": "C’è un problema con il tuo abbonamento. Ti preghiamo di contattarci per altre informazioni.",
+  "processing": "processamento",
+  "professional": "Professionale",
+  "project_last_published_at": "Il tuo progetto è stato pubblicato l’ultima volta alle",
+  "project_name": "Nome Progetto",
+  "project_not_linked_to_github": "Questo progetto non è collegato ad un repository GitHub. Puoi creare un repository apposito in GitHub:",
+  "project_too_large": "Progetto troppo grande",
+  "project_too_large_please_reduce": "Questo progetto contiene troppo testo, per favore prova a ridurlo.",
+  "projects": "Progetti",
+  "pt": "Portoghese",
+  "public": "Pubblico",
+  "publish": "Pubblica",
+  "publish_as_template": "Pubblica come Modello",
+  "publishing": "Pubblicazione",
+  "pull_github_changes_into_sharelatex": "Aggiorna da modifiche in GitHub verso __appName__",
+  "push_sharelatex_changes_to_github": "Invia le modifiche __appName__ a GitHub",
+  "recent_commits_in_github": "Commit recenti in GitHub",
+  "recompile": "Ricompila",
+  "reconnecting": "Riconnessione",
+  "reconnecting_in_x_secs": "Riconnessione fra __seconds__ secondi",
+  "refresh_page_after_starting_free_trial": "Per favore aggiorna questa pagina dopo l’inizio del tuo trial gratuito.",
+  "regards": "Saluti",
+  "register": "Registrati",
+  "register_to_edit_template": "Per favore registrati per modificare il modello __templateName__",
+  "registered": "Registrato",
+  "registering": "Registrazione in corso",
+  "remove_from_group": "Rimuovi da gruppo",
+  "removed": "rimosso",
+  "removing": "Rimozione",
+  "rename": "Rinomina",
+  "rename_project": "Rinomina Progetto",
+  "renaming": "Ridenominazione",
+  "repository_name": "Nome Repository",
+  "republish": "Ri-pubblica",
+  "request_password_reset": "Richiedi reset della password",
+  "required": "richiesto",
+  "reset_password": "Ripristino Password",
+  "reset_your_password": "Reimposta la tua password",
+  "restore": "Ripristina",
+  "restoring": "Ripristinando",
+  "restricted": "Limitato",
+  "restricted_no_permission": "Vietato, ci dispiace ma non hai i permessi per caricare questa pagina.",
+  "ro": "Rumeno",
+  "role": "Ruolo",
+  "ru": "Russo",
+  "saving": "Salvataggio",
+  "saving_notification_with_seconds": "Salvataggio in corso di __docname__... (__seconds__ secondi di modifiche non salvate)",
+  "search_projects": "Cerca progetti",
+  "security": "Sicurezza",
+  "select_github_repository": "Seleziona un repository GitHub da importare in __appName__.",
+  "send_first_message": "Invia il tuo primo messaggio",
+  "september": "Settembre",
+  "server_error": "Errore Server",
+  "services": "Servizi",
+  "session_expired_redirecting_to_login": "Sessione scaduta. Redirezione alla pagina di login fra __seconds__ secondi",
+  "set_new_password": "Imposta nuova password",
+  "set_password": "Imposta Password",
+  "settings": "Impostazioni",
+  "share": "Condividi",
+  "share_project": "Condividi Progetto",
+  "shared_with_you": "Condiviso con te",
+  "show_hotkeys": "Mostra Hotkeys",
+  "somthing_went_wrong_compiling": "Spiacenti, qualcosa è andato storto e il tuo progetto non è stato compilato. Si prega di riprovare fra qualche momento.",
+  "source": "Sorgente",
+  "spell_check": "Controllo Lingua",
+  "start_free_trial": "Inizia Trial Gratuito!",
+  "state": "Nazione",
+  "student": "Studente",
+  "subscribe": "Abbonati",
+  "subscription": "Abbonamento",
+  "subscription_canceled_and_terminate_on_x": " Il tuo abbonamento è stato annullato e terminerà il <0>__terminateDate__</0>. Non saranno addebitati ulteriori costi.",
+  "sure_you_want_to_change_plan": "Sei sicuro di voler cambiare il piano a <0>__planName__</0>?",
+  "sv": "Svedese",
+  "sync": "Sincronizza",
+  "sync_project_to_github_explanation": "Tutte le modifiche fatte in __appName__ saranno inviate e unite con tutti gli aggiornamenti in GitHub.",
+  "sync_to_dropbox": "Sincronizzazione con Dropbox",
+  "sync_to_github": "Sincronizza con GitHub",
+  "take_me_home": "Portami nella home!",
+  "template_description": "Descrizione del Modello",
+  "templates": "Modelli",
+  "terms": "Termini",
+  "thank_you": "Grazie",
+  "thanks": "Grazie",
+  "thanks_for_subscribing": "Grazie per esserti abbonato!",
+  "thanks_for_subscribing_you_help_sl": "Grazie per esserti abbonato al piano __planName__. E’ il supporto di persone come te che permettono a __appName__ di continuare a crescere e migliorare.",
+  "thanks_settings_updated": "Grazie, le tue impostazioni sono state aggiornate.",
+  "theme": "Tema",
+  "thesis": "Tesi",
+  "this_is_your_template": "Questo è il template del tuo progetto",
+  "this_project_is_public": "Questo progetto è pubblico e può essere modificato da chiunque con la URL.",
+  "this_project_is_public_read_only": "Questo progetto è pubblico e può essere visualizzato, ma non modificato, da chiunque abbia la URL",
+  "this_project_will_appear_in_your_dropbox_folder_at": "Questo progetto apparirà nella tua cartella Dropbox in ",
+  "three_free_collab": "Tre collaboratori gratuiti",
+  "timedout": "Errore di time out",
+  "title": "Titolo",
+  "to_many_login_requests_2_mins": "Questo account ha ricevuto troppe richieste di login. Per favore, attendi 2 minuti prima di riprovare ad entrare",
+  "too_many_files_uploaded_throttled_short_period": "Troppi file caricati, i tuoi caricamenti sono stati limitati per un breve periodo.",
+  "total_words": "Parole Totali",
+  "tr": "Turco",
+  "trash": "Cestino",
+  "try_now": "Prova Ora",
+  "uk": "Ucraino",
+  "university": "Università",
+  "unlimited_collabs": "Collaboratori illimitati",
+  "unlimited_projects": "Progetti illimitati",
+  "unlink": "Scollega",
+  "unlink_github_warning": "Qualsiasi progetto sincronizzato con GitHub sarà disconnesso e non sarà più mantenuto sincronizzato con GitHub. Sei sicuro di voler scollegare il tuo account GitHub?",
+  "unpublish": "De-pubblica",
+  "unpublishing": "Rimozione pubblicazione",
+  "unsubscribe": "Cancellati",
+  "unsubscribed": "Cancellato",
+  "unsubscribing": "Cancellando",
+  "update": "Aggiorna",
+  "update_account_info": "Aggiorna Info Account",
+  "update_dropbox_settings": "Aggiorna Impostazioni Dropbox",
+  "update_your_billing_details": "Aggiorna Dettagli di Pagamento",
+  "updating_site": "Aggiornamento del Sito",
+  "upgrade": "Upgrade",
+  "upgrade_now": "Effettua l’Upgrade",
+  "upgrade_to_get_feature": "Esegui l’upgrade per avere __feature__, oltre a:",
+  "upload": "Carica",
+  "upload_file": "Carica File",
+  "upload_project": "Carica Progetto",
+  "upload_zipped_project": "Carica Progetto Zip",
+  "user_wants_you_to_see_project": "__username__ vorrebbe che tu vedessi __projectname__",
+  "vat_number": "Partita IVA",
+  "view_all": "Visualizza Tutto",
+  "view_in_template_gallery": "Visualizza nella galleria modelli",
+  "view_your_invoices": "Visualizza le tue fatture",
+  "welcome_to_sl": "Benvenuto a __appName__",
+  "word_count": "Conteggio Parole",
+  "year": "anno",
+  "you_have_added_x_of_group_size_y": "Hai aggiunto <0>__addedUsersSize__</0> membri su <1>__groupSize__</1> disponibili.",
+  "your_plan": "Il tuo piano",
+  "your_projects": "Tuoi Progetti",
+  "your_subscription": "Il tuo abbonamento",
+  "your_subscription_has_expired": "Il tuo abbonamento è scaduto.",
+  "zh-CN": "Cinese"
+}
diff --git a/services/web/locales/ja.json b/services/web/locales/ja.json
new file mode 100644
index 0000000..a6ddefe
--- /dev/null
+++ b/services/web/locales/ja.json
@@ -0,0 +1,496 @@
+{
+  "About": "概要",
+  "Account": "アカウント",
+  "Account Settings": "アカウントの設定",
+  "Documentation": "ドキュメンテーション",
+  "Projects": "プロジェクト",
+  "Security": "セキュリティ",
+  "Subscription": "購読",
+  "Terms": "規約",
+  "Universities": "大学",
+  "about": "概要",
+  "about_to_delete_projects": "次ののプロジェクトを削除します：",
+  "about_to_leave_projects": "次のプロジェクトから離れようとしています：",
+  "accepting_invite_as": "この招待を以下のメールアドレスで承認します",
+  "account": "アカウント",
+  "account_not_linked_to_dropbox": "あなたのアカウントはDropboxと接続されていません",
+  "account_settings": "アカウントの設定",
+  "actions": "操作",
+  "activate": "アクティベート",
+  "activate_account": "アカウントのアクティベート",
+  "activating": "アクティベート中",
+  "activation_token_expired": "アクティベーショントークンの期限が切れています。新しいトークンが必要となります。",
+  "add": "追加",
+  "add_your_first_group_member_now": "最初のグループメンバーを今すぐ追加",
+  "added": "追加",
+  "adding": "追加中",
+  "address": "住所",
+  "admin": "管理",
+  "all_projects": "すべてのプロジェクト",
+  "all_templates": "テンプレート一覧",
+  "already_have_sl_account": "__appName__ のアカウントをすでにお持ちですか？",
+  "and": "と",
+  "annual": "年間",
+  "anonymous": "匿名",
+  "april": "4月",
+  "ask_proj_owner_to_upgrade_for_references_search": "アップグレードして参照検索機能を使用するには、プロジェクトオーナーにお問い合わせください。",
+  "august": "8月",
+  "auto_complete": "オートコンプリート",
+  "autocomplete": "オートコンプリート",
+  "autocomplete_references": "参照オートコンプリート（<code>\\cite{}</code>ブロック内）",
+  "back_to_your_projects": "プロジェクトに戻る",
+  "beta": "ベータ",
+  "beta_program_already_participating": "ベータプログラムに参加しています。",
+  "beta_program_badge_description": "__appName__の使用中は、ベータ機能にこのバッジが付いています：",
+  "beta_program_benefits": "当社は絶えず__appName__を改善しています。当社のベータプログラムに参加することによって、新しい機能にいち早くアクセスし、当社がお客さまのニーズをより良く理解できるようサポートすることができます。",
+  "beta_program_opt_in_action": "ベータプログラムにオプトイン",
+  "beta_program_opt_out_action": "ベータプログラムからオプトアウト",
+  "bibliographies": "参考文献",
+  "blank_project": "空のプロジェクト",
+  "blog": "ブログ",
+  "built_in": "組み込み",
+  "cancel": "取消",
+  "cancel_my_account": "購読をキャンセル",
+  "cancel_personal_subscription_first": "個人購読をすでに申し込んでいます。これをキャンセルしてグループライセンスに参加しますか？",
+  "cancel_your_subscription": "購読を中止",
+  "cannot_invite_non_user": "招待を送信することができません。受信者が__appName__アカウントを所持している必要があります。",
+  "cant_find_email": "このメールアドレスは登録されていません。申し訳ありません。",
+  "cant_find_page": "申し訳ありません。お探しのページは見つかりませんでした。",
+  "change": "変更",
+  "change_password": "パスワードの変更",
+  "change_plan": "プランの変更",
+  "change_to_this_plan": "このプランに変更",
+  "chat": "チャット",
+  "checking": "確認中",
+  "checking_dropbox_status": "Dropboxの状態を確認中",
+  "checking_project_github_status": "GitHubのプロジェクトステータスを確認中",
+  "choose_your_plan": "プランの選択",
+  "city": "市町村",
+  "clear_cached_files": "キャッシュファイルを削除",
+  "clear_sessions": "セッションのクリア",
+  "clear_sessions_description": "これはお客さまのアカウントでアクティブなセッション（ログイン）の一覧です。現在のセッションは含まれていません。下の「セッションのクリア」ボタンをクリックしてログアウトします。",
+  "clear_sessions_success": "セッションがクリアされました",
+  "clearing": "削除中",
+  "click_here_to_view_sl_in_lng": "こちらをクリックして <0>__lngName__</0> で __appName__ を使用",
+  "close": "閉じる",
+  "clsi_maintenance": "コンパイルサーバーはメンテナンス中です。間もなく復旧します。",
+  "cn": "中国語（簡体字）",
+  "collaboration": "コラボレーション",
+  "collaborator": "共同編集者",
+  "collabs_per_proj": "プロジェクトあたりの __collabcount__ 共同編集者",
+  "comment": "コメント",
+  "common": "共通",
+  "compile_larger_projects": "大きなプロジェクトをコンパイル",
+  "compile_mode": "コンパイルモード",
+  "compile_terminated_by_user": "「コンパイルの中止」ボタンを押してコンパイルがキャンセルされました。RAWログを表示して、コンパイルが停止した場所を確認することができます。",
+  "compiler": "コンパイラ",
+  "compiling": "コンパイル中",
+  "complete": "完了",
+  "confirm": "確認",
+  "confirm_new_password": "新しいパスワードの再入力",
+  "conflicting_paths_found": "競合パスが見つかりました",
+  "connected_users": "接続したユーザー",
+  "connecting": "接続中",
+  "contact": "お問い合わせ",
+  "contact_message_label": "メッセージ",
+  "contact_us": "お問い合わせ",
+  "continue_github_merge": "手動で統合。続行",
+  "copy": "コピーする",
+  "copy_project": "プロジェクトのコピー",
+  "copying": "コピー中",
+  "country": "国",
+  "coupon_code": "クーポンコード",
+  "create": "作成",
+  "create_first_admin_account": "初めての管理者アカウントの作成",
+  "create_new_subscription": "新しい購読の作成",
+  "create_project_in_github": "GitHubリポジトリの作成",
+  "creating": "作成中",
+  "credit_card": "クレジットカード",
+  "cs": "チェコ語",
+  "current_password": "現在のパスワード",
+  "currently_subscribed_to_plan": "あなたは現在 <0>__planName__</0> プランを購読しています。",
+  "da": "デンマーク語",
+  "de": "ドイツ語",
+  "december": "12月",
+  "delete": "削除",
+  "delete_account": "アカウントの削除",
+  "delete_account_warning_message_3": "プロジェクトや設定などの <strong> アカウントのデータをすべて削除 </strong> しようとしています。続行するには下のボックスにお客さまのアカウントのメールアドレスとパスワードを入力してください。",
+  "delete_and_leave_projects": "プロジェクトを削除・退出",
+  "delete_projects": "プロジェクトの削除",
+  "delete_your_account": "アカウントの削除",
+  "deleting": "削除中",
+  "disconnected": "非接続",
+  "documentation": "ドキュメンテーション",
+  "doesnt_match": "不一致",
+  "done": "完了",
+  "download": "ダウンロード",
+  "download_pdf": "PDFをダウンロード",
+  "download_zip_file": "ZIPファイルをダウンロード",
+  "dropbox_sync": "Dropbox同期",
+  "dropbox_sync_description": "__appName__ プロジェクトをDropboxと同期しましょう。__appName__ の変更が自動的にDropboxに送信されます。その逆も同じです。",
+  "editing": "編集中",
+  "editor_disconected_click_to_reconnect": "エディターの接続が切れました。どこかをクリックして再接続。",
+  "email": "電子メール",
+  "email_already_registered": "このメールアドレスはすでに登録されています",
+  "email_link_expired": "メールのリンクの有効期限が切れています。新しいリンクをリクエストしてください。",
+  "email_or_password_wrong_try_again": "メールアドレスまたはパスワードが正しくありません。再度お試しください",
+  "email_sent": "メールが送信されました",
+  "en": "英語",
+  "error": "エラー",
+  "es": "スペイン語",
+  "every": "毎",
+  "example_project": "プロジェクト例",
+  "expiry": "有効期限",
+  "export_project_to_github": "プロジェクトをGitHubにエクスポート",
+  "fast": "ファスト",
+  "features": "機能",
+  "february": "2月",
+  "files_cannot_include_invalid_characters": "ファイルには「*」や「/」などの文字を含めることはできません",
+  "first_name": "名",
+  "folders": "フォルダ",
+  "following_paths_conflict": "次のファイルとフォルダーは同一のパスと競合しています",
+  "font_size": "フォントサイズ",
+  "forgot_your_password": "パスワード紛失",
+  "fr": "フランス語",
+  "free": "無料",
+  "free_dropbox_and_history": "無料Dropbox・履歴",
+  "full_doc_history": "すべてのドキュメントの履歴",
+  "general": "基本設定",
+  "generic_something_went_wrong": "申し訳ありません。エラーが発生しました",
+  "get_in_touch": "お問い合わせ",
+  "github_commit_message_placeholder": "__appName__ で行われた変更のコミットメッセージ…",
+  "github_is_premium": "GitHub統合はプレミアム機能です",
+  "github_public_description": "このリポジトリは全員が閲覧できます。コミットできる人を選択します。",
+  "github_successfully_linked_description": "ありがとうございます。GitHubアカウントと __appName__ のリンクが完了しました。これからは __appName__ プロジェクトをGitHubにエクスポート、あるいはGitHubリポジトリからプロジェクトのインポートをすることができます。",
+  "github_sync": "GitHub同期",
+  "github_sync_description": "GitHub Syncがあれば、__appName__ プロジェクトとGitHubリポジトリを接続することができます。__appName__ から新しいコミットを作成して、オフラインあるいはGitHubで作成したコミットと統合できます。",
+  "github_sync_error": "申し訳ありません。GitHubサービスとの接続に問題が発生しました。しばらく時間を置いて再度お試しください。",
+  "github_validation_check": "リポジトリ名が有効か、リポジトリを作成する権限があるか確認してください。",
+  "global": "グローバル",
+  "go_to_code_location_in_pdf": "PDFのコードロケーションに進む",
+  "go_to_pdf_location_in_code": "コードのPDFロケーションに進む",
+  "group_admin": "グループ管理",
+  "groups": "グループ",
+  "have_more_days_to_try": "トライアルがまだ<strong>__days__ 日</strong>残っています！",
+  "headers": "ヘッダー",
+  "help": "ヘルプ",
+  "history": "履歴",
+  "hotkeys": "ショートカットキー",
+  "i_want_to_stay": "留まります",
+  "ignore_validation_errors": "シンタックスをチェックしない",
+  "ill_take_it": "これにします！",
+  "import_from_github": "GitHubからインポート",
+  "import_to_sharelatex": "__appName__ にインポート",
+  "importing": "インポート中",
+  "importing_and_merging_changes_in_github": "GitHubの変更をインポートおよび統合中",
+  "info": "情報",
+  "institution": "組織",
+  "invalid_file_name": "無効なファイル名",
+  "invalid_password": "パスワードの入力に誤りがあります",
+  "invite_not_accepted": "招待はまだ承認されていません",
+  "invite_not_valid": "これは有効なプロジェクト招待ではありません",
+  "invite_not_valid_description": "招待の有効期限が切れている可能性があります。プロジェクトオーナーにお問い合わせください",
+  "ip_address": "IPアドレス",
+  "it": "イタリア語",
+  "ja": "日本語",
+  "january": "1月",
+  "join_project": "プロジェクトに参加",
+  "join_sl_to_view_project": "__appName__ に参加してこのプロジェクトを表示",
+  "joining": "参加中",
+  "july": "7月",
+  "june": "6月",
+  "kb_suggestions_enquiry": "当社の <0>__kbLink__</0> を確認しましたか？",
+  "keybindings": "キー機能設定",
+  "knowledge_base": "知識ベース",
+  "ko": "韓国語",
+  "language": "言語",
+  "last_modified": "最終変更",
+  "last_name": "姓",
+  "latex_templates": "LaTeXテンプレート",
+  "ldap": "LDAP",
+  "learn_more": "さらに詳しく",
+  "leave_group": "グループを退出",
+  "leave_now": "今すぐ退出",
+  "leave_projects": "プロジェクトを退出",
+  "link_to_github": "あなたのGitHubアカウントに接続",
+  "link_to_github_description": "プロジェクトを同期するには __appName__ があなたのGitHubアカウントにアクセスするのを許可する必要があります。",
+  "link_to_mendeley": "Mendeleyのリンク",
+  "link_to_zotero": "Zoteroのリンク",
+  "links": "リンク",
+  "loading": "読み込み中",
+  "loading_github_repositories": "あなたのGitHubリポジトリを読み込み中",
+  "loading_recent_github_commits": "最新コミットを読み込み中",
+  "log_hint_extra_info": "詳しく見る",
+  "log_in": "ログイン",
+  "log_in_with": "__provider__ でログイン",
+  "log_out": "ログアウト",
+  "logging_in": "ログイン中",
+  "login": "ログイン",
+  "login_failed": "ログイン失敗",
+  "login_here": "ここからログイン",
+  "login_or_password_wrong_try_again": "ログイン情報またはパスワードが正しくありません。再度お試しください",
+  "logs_and_output_files": "ログと出力ファイル",
+  "lost_connection": "接続がありません",
+  "main_document": "主要文書",
+  "maintenance": "メンテナンス",
+  "make_private": "非公開にする",
+  "manage_beta_program_membership": "ベータプログラムメンバーシップを管理",
+  "manage_sessions": "セッションの管理",
+  "manage_subscription": "購読管理",
+  "march": "3月",
+  "math_display": "マスディスプレイ",
+  "math_inline": "マスインライン",
+  "maximum_files_uploaded_together": "最大 __max__ファイルを一緒にアップロード",
+  "may": "5月",
+  "mendeley": "Mendeley",
+  "mendeley_integration": "Mendeley統合",
+  "mendeley_is_premium": "Mendeley統合はプレミアム機能です",
+  "mendeley_reference_loading_error": "エラー。Mendeleyからリファレンスを読み込むことができませんでした",
+  "mendeley_reference_loading_error_expired": "Mendeleyトークンの期限が切れました。アカウントを再リンク付けしてください",
+  "mendeley_reference_loading_error_forbidden": "Mendeleyのリファレンスを読み込むことができませんでした。アカウントを再リンクして、再度お試しください",
+  "mendeley_sync_description": "Mendeleyを統合すると、Mendeleyから__appName__プロジェクトにリファレンスをインポートすることができます",
+  "menu": "メニュー",
+  "merge": "統合",
+  "merging": "統合中",
+  "month": "月",
+  "monthly": "月額",
+  "more": "さらに",
+  "must_be_email_address": "有効なメールアドレスを入力してください",
+  "name": "名前",
+  "native": "ネイティブ",
+  "navigation": "ナビゲーション",
+  "nearly_activated": "あと一歩であなたの__appName__アカウントがアクティべートされます！",
+  "need_anything_contact_us_at": "必要なことがございましたら、いつでもごこちらまで連絡ください",
+  "need_to_leave": "アカウントを離れますか？",
+  "new_file": "新規ファイル",
+  "new_folder": "新規フォルダ",
+  "new_name": "新しい名前",
+  "new_password": "新しいパスワード",
+  "new_project": "新規プロジェクト",
+  "next_payment_of_x_collectected_on_y": "<0>__paymentAmmount__</0> の次回の支払いは<1>__collectionDate__</1>に集金されます",
+  "nl": "オランダ語",
+  "no": "ノルウェー語",
+  "no_members": "メンバーはいません",
+  "no_messages": "メッセージはありません",
+  "no_new_commits_in_github": "最終統合からGitHubに新しいコミットはありません。",
+  "no_other_sessions": "他にアクティブなセッションはありません",
+  "no_planned_maintenance": "現在予定されているメンテナンスはありません",
+  "no_preview_available": "申し訳ありません。プレビューは利用できません。",
+  "no_projects": "プロジェクトはありません",
+  "no_search_results": "検索結果なし",
+  "no_thanks_cancel_now": "結構です - 今すぐキャンセルします",
+  "normal": "ノーマル",
+  "not_now": "今はまだありません",
+  "notification_project_invite": "<b>__userName__</b>が<b>__projectName__</b> への参加を求めています<a class=\"btn btn-sm btn-info pull-right\" href=\"’/project/__projectId__/invite/token/__token__’\">プロジェクトに参加</a>",
+  "november": "11月",
+  "october": "10月",
+  "off": "オフ",
+  "ok": "OK",
+  "one_free_collab": "1人の無料共同編集者",
+  "online_latex_editor": "オンラインLaTeXエディター",
+  "open_project": "プロジェクトを開く",
+  "optional": "オプショナル",
+  "or": "または",
+  "other_actions": "その他の操作",
+  "other_logs_and_files": "他のログとファイル",
+  "over": "以上",
+  "owner": "管理者",
+  "page_not_found": "ページが見つかりません",
+  "password": "パスワード",
+  "password_reset": "パスワードの再設定",
+  "password_reset_email_sent": "パスワードの再設定を完了するためのメールを送信しました。",
+  "password_reset_token_expired": "パスワード再設定トークンの期限が切れました。新しいパスワード再設定メールをリクエストして、そこに記載されたリンクにしたがってください。",
+  "pdf_rendering_error": "PDFレンダリングエラー",
+  "pdf_viewer": "PDFビューア",
+  "pending": "承認待ち",
+  "personal": "個人",
+  "pl": "ポーランド語",
+  "planned_maintenance": "定期メンテナンス",
+  "plans_amper_pricing": "プランと価格",
+  "plans_and_pricing": "プランと料金",
+  "please_compile_pdf_before_download": "PDFをダウンロードする前にプロジェクトをコンパイルして下さい",
+  "please_compile_pdf_before_word_count": "文字数を計算する前にプロジェクトをコンパイルしてください",
+  "please_enter_email": "メールアドレスを入力してください",
+  "please_refresh": "続行するにはページの再読み込みを行ってください",
+  "please_set_a_password": "パスワードを設定してください",
+  "position": "役職",
+  "presentation": "プレゼンテーション",
+  "price": "価格",
+  "privacy": "プライバシー",
+  "privacy_policy": "プライバシーポリシー",
+  "private": "非公開",
+  "problem_changing_email_address": "メールアドレスの変更に際して問題が発生しました。しばらく時間を置いて再度お試しください。問題が解消されない場合は、当社までお問い合わせください。",
+  "problem_talking_to_publishing_service": "公開サービスに問題が発生しました。数分後に再度お試しください。",
+  "problem_with_subscription_contact_us": "定期購読に問題が発生しました。詳細については当社にお問い合わせください。",
+  "processing": "実行中",
+  "professional": "プロフェッショナル",
+  "project_last_published_at": "プロジェクトの最終公開日",
+  "project_name": "プロジェクト名",
+  "project_not_linked_to_github": "このプロジェクトはGitHubリポジトリと接続されていません。GitHubでリポジトリを作成できます：",
+  "project_too_large": "プロジェクトが大きすぎます",
+  "project_too_large_please_reduce": "このプロジェクトには編集可能なテキストが多すぎます。テキストを減らしてください。最大ファイルは次の通りです：",
+  "project_url": "影響を受けたプロジェクトURL",
+  "projects": "プロジェクト",
+  "pt": "ポルトガル語",
+  "public": "公開",
+  "publish": "公開",
+  "publish_as_template": "テンプレートとして公開",
+  "publishing": "公開中",
+  "pull_github_changes_into_sharelatex": "GitHubの変更を __appName__ に引き込む",
+  "push_sharelatex_changes_to_github": "__appName__ の変更をGitHubに押し込む",
+  "recent_commits_in_github": "GitHubの最新コミット",
+  "recompile": "リコンパイル",
+  "recompile_pdf": "PDFを再コンパイル",
+  "reconnecting": "再接続中",
+  "reconnecting_in_x_secs": "__seconds__秒後に再接続",
+  "reference_error_relink_hint": "エラーが継続して発生する場合は、こちらでアカウントを再リンク付けしてください：",
+  "refresh_page_after_starting_free_trial": "無料体験を開始したらにこのページの再読み込みを行ってください。",
+  "regards": "よろしくお願いいたします",
+  "register": "登録する",
+  "register_to_edit_template": "__templateName__ テンプレートを編集するには登録してください",
+  "registered": "登録済み",
+  "registering": "登録中",
+  "remove_from_group": "グループから削除",
+  "removed": "削除",
+  "removing": "削除中",
+  "rename": "名前の変更",
+  "rename_project": "プロジェクト名を変更",
+  "renaming": "名前の変更中",
+  "repository_name": "リポジトリ名",
+  "republish": "再公開",
+  "request_password_reset": "パスワード再設定のリクエスト",
+  "request_sent_thank_you": "リクエストが送信されました。ありがとうございます。",
+  "required": "必須",
+  "resend": "再送信",
+  "reset_password": "パスワードの再設定",
+  "reset_your_password": "パスワードの再設定",
+  "restore": "戻す",
+  "restoring": "復元中",
+  "restricted": "制限されています",
+  "restricted_no_permission": "制限されています。申し訳ありません。このページを読み込む許可が与えられていません。",
+  "return_to_login_page": "ログインページに戻る",
+  "revoke_invite": "招待のキャンセル",
+  "ro": "ルーマニア語",
+  "role": "役",
+  "ru": "ロシア語",
+  "saving": "保存中",
+  "saving_notification_with_seconds": "__docname__の保存中 (最後の保存から__seconds__秒経過)",
+  "search_bib_files": "作成者、タイトル、年ごとに検索",
+  "search_projects": "プロジェクトの検索",
+  "search_references": "このプロジェクトの.bibファイルを検索",
+  "security": "セキュリティ",
+  "select_github_repository": "__appName__ にインポートするGitHubリポジトリを選択。",
+  "send_first_message": "最初のメッセージを送信",
+  "september": "9月",
+  "server_error": "サーバーエラー",
+  "services": "サービス",
+  "session_created_at": "作成されたセッション",
+  "session_expired_redirecting_to_login": "セッション期限切れ。__seconds__秒後にログインぺージにリダイレクトします",
+  "sessions": "セッション",
+  "set_new_password": "新しいパスワードの設定",
+  "set_password": "パスワードの設定",
+  "settings": "設定",
+  "share": "共有",
+  "share_project": "プロジェクトの共有",
+  "shared_with_you": "シェアされたプロジェクト",
+  "sharelatex_beta_program": "__appName__ベータプログラム",
+  "show_hotkeys": "ショートカットキーの表示",
+  "site_description": "簡単に使用できるオンラインLaTeXエディター。インストール不要、リアルタイムコラボレーション、バージョン管理、何百種類のLaTeXテンプレートなど多数の機能。",
+  "something_went_wrong_rendering_pdf": "このPDFのレンダリング中にエラーが発生しました。",
+  "somthing_went_wrong_compiling": "申し訳ありませんが、なんらかの理由によりあなたのプロジェクトはコンパイルできませんでした。しばらく経ってから再度お試しください。",
+  "source": "ソース",
+  "spell_check": "スペルチェック",
+  "start_free_trial": "無料トライアルを開始！",
+  "state": "状態",
+  "status_checks": "ステータスの確認",
+  "stop_compile": "コンパイルの停止",
+  "stop_on_validation_error": "コンパイルの前にシンタックスをチェック",
+  "student": "学生",
+  "subject": "件名",
+  "subscribe": "定期購読",
+  "subscription": "購読",
+  "subscription_canceled_and_terminate_on_x": " あなたの購読はキャンセルされ、<0>__terminateDate__</0> に終了します。今後支払いが発生することはありません。",
+  "suggestion": "提案",
+  "sure_you_want_to_change_plan": "本当にプランを <0>__planName__</0> に変えますか？",
+  "sure_you_want_to_delete": "以下のファイルを完全に消去しますか？",
+  "sure_you_want_to_leave_group": "このグループから本当に退出しますか？",
+  "sv": "スェーデン語",
+  "sync": "同期",
+  "sync_project_to_github_explanation": "__appName__ で行った変更はすべてGitHubの更新と関連付けられ、統合されます。",
+  "sync_to_dropbox": "Dropboxとの同期",
+  "sync_to_github": "GitHubと同期",
+  "syntax_validation": "コードチェック",
+  "take_me_home": "元に戻る！",
+  "template_description": "テンプレート説明",
+  "templates": "テンプレート",
+  "terminated": "コンパイルがキャンセルされました",
+  "terms": "規約",
+  "thank_you": "ありがとうございます",
+  "thanks": "ありがとうございます",
+  "thanks_for_subscribing": "購読ありがとうございます！",
+  "thanks_for_subscribing_you_help_sl": "__planName__ プランの購読をありがとうございます。あなたのようなサポートが __appName__ の成長を後押ししてくれます。",
+  "thanks_settings_updated": "ありがとうございます。設定が更新されました。",
+  "theme": "テーマ",
+  "thesis": "学位論文",
+  "this_is_your_template": "これはあなたのプロジェクトのテンプレートです",
+  "this_project_is_public": "このプロジェクトは公開されておりURLを知っている人なら誰でも編集可能です。",
+  "this_project_is_public_read_only": "このプロジェクトは公開されており、URLを知っている人に表示されますが、編集はできません。",
+  "this_project_will_appear_in_your_dropbox_folder_at": "このプロジェクトはあなたのDropboxフォルダに表示されます ",
+  "three_free_collab": "3人の無料共同編集者",
+  "timedout": "タイムアウト",
+  "title": "タイトル",
+  "to_many_login_requests_2_mins": "このアカウントはあまりに多くのログインリクエストを行っています。2分後に再度ログインしてください",
+  "to_modify_your_subscription_go_to": "購読を変更するには、次に進んでください",
+  "too_many_files_uploaded_throttled_short_period": "あまりにも多くのファイルがアップロードされました。アップロードがしばらく調整されます。",
+  "too_recently_compiled": "プロジェクトは最近コンパイルされました。そのため、このコンパイルはスキップされました。",
+  "total_words": "合計文字数",
+  "tr": "トルコ語",
+  "try_now": "今すぐ試す",
+  "uk": "ウクライナ語",
+  "university": "大学",
+  "unlimited_collabs": "無制限の共同編集者",
+  "unlimited_projects": "プロジェクト数無制限",
+  "unlink": "リンク解除",
+  "unlink_github_warning": "GitHubと同期したプロジェクトは接続を断たれ、GitHubと同期されなくなります。本当にGitHubアカウントの接続を解除しますか？",
+  "unlink_reference": "リファレンスプロバイダーのリンク解除",
+  "unlink_warning_reference": "警告：このプロバイダーからアカウントをリンク解除すると、リファレンスをプロジェクトにインポートすることができなくなります。",
+  "unpublish": "未公開",
+  "unpublishing": "非公開",
+  "unsubscribe": "購読中止",
+  "unsubscribed": "未購読",
+  "unsubscribing": "購読解除処理中",
+  "update": "更新",
+  "update_account_info": "アカウント情報の更新",
+  "update_dropbox_settings": "Dropboxの設定を更新",
+  "update_your_billing_details": "支払明細の更新",
+  "updating_site": "サイトの更新中",
+  "upgrade": "アップグレード",
+  "upgrade_cc_btn": "今すぐアップグレード、支払いは1週間後",
+  "upgrade_now": "今すぐアップグレード",
+  "upgrade_to_get_feature": "__feature__のアップグレードを取得、プラス：",
+  "upload": "アップロード",
+  "upload_file": "ファイルのアップロード",
+  "upload_project": "プロジェクトのアップロード",
+  "upload_zipped_project": "ZIPプロジェクトのアップロード",
+  "user_wants_you_to_see_project": "__username__ が __projectname__ への参加を求めています。",
+  "vat_number": "VAT番号",
+  "view_all": "すべて表示",
+  "view_in_template_gallery": "テンプレートギャラリーで表示",
+  "welcome_to_sl": "__appName__ にようこそ",
+  "word_count": "文字数",
+  "year": "年",
+  "you_have_added_x_of_group_size_y": "<1>__groupSize__</1> メンバーの <0>__addedUsersSize__</0> を追加しました。",
+  "your_plan": "現在のプラン",
+  "your_projects": "あなたのプロジェクト",
+  "your_sessions": "あなたのセッション",
+  "your_subscription": "あなたの購読内容",
+  "your_subscription_has_expired": "あなたの購読は有効期限切れです。",
+  "zh-CN": "中国語",
+  "zotero": "Zotero",
+  "zotero_integration": "Zotero統合。",
+  "zotero_is_premium": "Zotero統合はプレミアム機能です",
+  "zotero_reference_loading_error": "エラー。Zoteroからリファレンスを読み込むことができませんでした",
+  "zotero_reference_loading_error_expired": "Zoteroトークンの期限が切れました。アカウントを再リンクしてください",
+  "zotero_reference_loading_error_forbidden": "Zoteroのリファレンスを読み込むことができませんでした。アカウントを再リンクして、再度お試しください",
+  "zotero_sync_description": "Zoteroを統合すると、Zoteroから__appName__プロジェクトにリファレンスをインポートすることができます。"
+}
diff --git a/services/web/locales/ko.json b/services/web/locales/ko.json
new file mode 100644
index 0000000..4f4e26a
--- /dev/null
+++ b/services/web/locales/ko.json
@@ -0,0 +1,569 @@
+{
+  "About": "소개",
+  "Account": "계정",
+  "Account Settings": "계정 설정",
+  "Documentation": "참고 문서",
+  "Projects": "프로젝트",
+  "Security": "보안",
+  "Subscription": "구독",
+  "Terms": "약관",
+  "Universities": "대학교",
+  "about": "소개",
+  "about_to_delete_projects": "다음과 같은 프로젝트를 삭제하려 합니다:",
+  "about_to_leave_projects": "다음과 같은 프로젝트를 나가려고합니다:",
+  "accept": "승락",
+  "accept_or_reject_each_changes_individually": "각각의 변경 사항 승락 또는 거절",
+  "accepting_invite_as": "다음 이메일로 온 초대를 승락합니다.",
+  "account": "계정",
+  "account_not_linked_to_dropbox": "계정이 Dropbox에 연결되지 않았습니다",
+  "account_settings": "계정 설정",
+  "actions": "실행",
+  "activate": "활성화하기",
+  "activate_account": "계정 활성화",
+  "activating": "활성화중",
+  "activation_token_expired": "활성화 토큰이 만료되었습니다. 새로 받은 토큰을 사용하셔야 합니다.",
+  "add": "추가",
+  "add_comment": "코멘트 추가",
+  "add_your_comment_here": "여기에 코멘트 추가",
+  "add_your_first_group_member_now": "지금 첫 그룹 멤버 추가",
+  "added": "추가완료",
+  "adding": "추가하기",
+  "address": "주소",
+  "admin": "관리",
+  "admin_user_created_message": "생성된 관리 계정으로 <a href=\"__link__\">로그인</a>",
+  "aggregate_changed": "변경:",
+  "aggregate_to": "--&gt;",
+  "all_premium_features": "모든 프리미엄 기능",
+  "all_projects": "전체 프로젝트",
+  "all_templates": "모든 템플릿",
+  "already_have_sl_account": "__appName__계정을 이미 보유하고 계신가요?",
+  "and": "및",
+  "annual": "매년",
+  "anonymous": "익명",
+  "anyone_with_link_can_edit": "이 링크에 있는 사람은 프로젝트 편집 가능",
+  "anyone_with_link_can_view": "이 링크에 있는 사람은 프로젝트를 볼 수 있음",
+  "april": "4월",
+  "ask_proj_owner_to_upgrade_for_references_search": "레퍼런스 탐색 기능을 사용하시려면 프로젝트 소유자에게 업그레이드를 요청하십시오.",
+  "august": "8월",
+  "auto_close_brackets": "괄호 자동완성",
+  "auto_compile": "자동 컴파일",
+  "auto_complete": "자동 완성",
+  "autocompile_disabled": "자동 컴파일 불가",
+  "autocompile_disabled_reason": "서버에 부하가 많이 걸려서 백그라운드 재컴파일이 잠시 불가능했습니다. 위의 버튼을 다시 클릭해서 재컴파일 하십시오.",
+  "autocomplete": "자동 완성",
+  "autocomplete_references": "레퍼런스 자동완성 (<code>\\cite{}</code> 블록 안에서)",
+  "back_to_your_projects": "프로젝트로 돌아가기",
+  "beta": "베타",
+  "beta_program_already_participating": "당신은 베타 프로그램에 등록되었습니다.",
+  "beta_program_badge_description": "__appName__을 사용하는 동안 다음과 같은 뱃지로 표시된 베타 기능을 보실 수 있습니다.",
+  "beta_program_benefits": "저희는 지금도 __appName__을 개선하고 있습니다. 베타 프로그램에 참여하여 새로운 기능을 먼저 사용해보시고 더 필요한 것을 알려주십시오.",
+  "beta_program_opt_in_action": "베타 프로그램 들어가기",
+  "beta_program_opt_out_action": "베타 프로그램에서 나옴",
+  "bibliographies": "서지(bibliography)",
+  "blank_project": "빈 프로젝트",
+  "blog": "블로그",
+  "built_in": "빌트인",
+  "cancel": "취소",
+  "cancel_my_account": "구독 취소하기",
+  "cancel_personal_subscription_first": "이미 개인 구독을 하고 있습니다. 그룹 라이센스를 사용하기 전에 개인 구독을 취소하시겠습니까?",
+  "cancel_your_subscription": "구독 그만하기",
+  "cannot_invite_non_user": "초대할 수 없습니다. 수신자는 반드시 __appName__ 계정을 보유하고 있어야 합니다.",
+  "cannot_invite_self": "자신을 초대할 수는 없습니다.",
+  "cannot_verify_user_not_robot": "죄송합니다. 로봇이 아니라고 확신할 수 없습니다. 애드블록이나 방화벽에 의해 Google reCAPTCHA가 차단되지 않았는지 확인해주십시오.",
+  "cant_find_email": "해당 이메일 주소는 등록되지 않았습니다, 죄송합니다.",
+  "cant_find_page": "죄송합니다. 찾으시려는 페이지를 발견하지 못했습니다.",
+  "change": "변경",
+  "change_password": "암호 변경",
+  "change_plan": "플랜 선택하기",
+  "change_to_this_plan": "이 플랜으로 변경하기",
+  "chat": "채팅",
+  "checking": "확인하기",
+  "checking_dropbox_status": "Dropbox 상태를 확인중",
+  "checking_project_github_status": "GitHub에 프로젝트 상태 확인 중",
+  "choose_your_plan": "나만의 플랜을 선택하세요",
+  "city": "시/도",
+  "clear_cached_files": "캐시 파일 정리하기",
+  "clear_sessions": "세션 클리어",
+  "clear_sessions_description": "이 리스트는 다른 (로그인) 세션입니다. 이 세션들은 활성화되어 있지만 현재 세션에는 포함되어 있지 않습니다. 이들을 로그아웃하시려면 \"세션 클리어\" 버튼을 클릭하십시오.",
+  "clear_sessions_success": "세션 클리어 완료",
+  "clearing": "지우는 중",
+  "click_here_to_view_sl_in_lng": "<0>__lngName__</0>로 __appName__을 사용하시려면 이곳을 클릭하세요",
+  "close": "닫기",
+  "clsi_maintenance": "서버 유지를 위해 컴파일 서버를 다운했습니다. 금방 돌아오겠습니다.",
+  "cn": "중국어(간체)",
+  "code_check_failed": "코드 체크 실패",
+  "code_check_failed_explanation": "자동 컴파일 실행 전에 에러를 수정해야합니다.",
+  "collaboration": "콜라보레이션",
+  "collaborator": "콜라보레이터",
+  "collabs_per_proj": "프로젝트 당 __collabcount__명까지 공유 가능",
+  "comment": "댓글",
+  "common": "일반",
+  "compile_larger_projects": "큰 프로젝트 컴파일",
+  "compile_mode": "컴파일 모드",
+  "compile_terminated_by_user": "’컴파일 중지’ 버튼을 사용하여 컴파일이 취소되었습니다. Raw log를 보시면 어디에서 중지 되었는지 확인할 수 있습니다.",
+  "compiler": "컴파일러",
+  "compiling": "컴파일링",
+  "complete": "완료",
+  "confirm": "확인",
+  "confirm_new_password": "새로운 암호 확인하기",
+  "conflicting_paths_found": "경로 충돌 발견",
+  "connected_users": "접속한 사용자",
+  "connecting": "연결중",
+  "contact": "문의하기",
+  "contact_message_label": "문의 사항",
+  "contact_us": "문의하기",
+  "continue_github_merge": "수동으로 합병했습니다. 계속하기",
+  "copy": "복사하기",
+  "copy_project": "프로젝트 복사",
+  "copying": "복사중",
+  "country": "국가",
+  "coupon_code": "쿠폰 코드",
+  "create": "만들기",
+  "create_first_admin_account": "첫 관리 계정 생성",
+  "create_new_subscription": "새로운 구독 만들기",
+  "create_project_in_github": "GitHub 저장소 만들기",
+  "creating": "만드는 중",
+  "credit_card": "신용카드",
+  "cs": "Čeština",
+  "current_file": "현재 파일",
+  "current_password": "현재 암호",
+  "currently_subscribed_to_plan": "현재 <0>__planName__</0>플랜을 구독중입니다.",
+  "da": "Dansk",
+  "de": "Deutsch",
+  "december": "12월",
+  "delete": "삭제",
+  "delete_account": "계정 삭제",
+  "delete_account_warning_message_3": "프로젝트와 설정을 포함한 <strong>계정의 모든 것을 영구 삭제</strong>를 하시겠습니까. 계속 진행하시려면 계정 이메일 주소와 비밀번호를 아래 상자에 입력하십시오.",
+  "delete_and_leave_projects": "프로젝트를 나가면서 삭제",
+  "delete_projects": "프로젝트 삭제",
+  "delete_your_account": "나의 계정 삭제",
+  "deleting": "삭제중",
+  "disconnected": "연결끊김",
+  "documentation": "참고 문서",
+  "doesnt_match": "일치하지 않습니다",
+  "done": "완료",
+  "download": "다운로드",
+  "download_pdf": "PDF 다운로드",
+  "download_zip_file": ".zip 파일 다운로드",
+  "drag_here": "여기로 드래그",
+  "drop_files_here_to_upload": "여기에 파일 드랍 후 업로드",
+  "dropbox_integration_lowercase": "Dropbox 통합",
+  "dropbox_sync": "Dropbox 동기화",
+  "dropbox_sync_description": "Dropbox 동기화로 __appName__프로젝트를 저장하세요. __appName__ 변경사항들은 자동적으로 Dropbox에 전송됩니다.",
+  "dropbox_sync_error": "Dropbox 동기 오류",
+  "edit": "편집",
+  "editing": "편집",
+  "editor_disconected_click_to_reconnect": "에디터 접속 끊김. 재접속하려면 아무곳이나 클릭.",
+  "email": "이메일",
+  "email_already_registered": "이 이메일은 이미 등록되어있습니다.",
+  "email_link_expired": "이메일 연결이 만료되었습니다. 새로운 계정을 요청하십시오.",
+  "email_or_password_wrong_try_again": "이메일 또는 암호가 부정확합니다. 다시 시도해주세요",
+  "email_sent": "이메일 보냄",
+  "en": "English",
+  "error": "오류",
+  "es": "Espagnol",
+  "every": "매",
+  "example_project": "견본 프로젝트",
+  "expiry": "유효기간",
+  "export_project_to_github": "GitHub으로 프로젝트 보내기",
+  "fast": "고속",
+  "features": "기능",
+  "february": "2월",
+  "file_already_exists": "동일한 이름의 파일 혹은 폴더가 존재합니다.",
+  "files_cannot_include_invalid_characters": "파일에 ’*’과 ’/’은 사용할 수 없습니다.",
+  "find_out_more": "더 알아보기",
+  "first_name": "이름",
+  "folders": "폴더",
+  "following_paths_conflict": "다음 파일과 폴더의 경로가 충돌합니다.",
+  "font_size": "글자 크기",
+  "forgot_your_password": "암호를 잊어버리셨나요",
+  "fr": "Le français",
+  "free": "무료",
+  "free_dropbox_and_history": "무료 Dropbox 및 히스토리",
+  "full_doc_history": "전체 문서 히스토리",
+  "general": "일반",
+  "generic_something_went_wrong": "죄송합니다. 문제가 생겼습니다.",
+  "get_in_touch": "연락하기",
+  "github_commit_message_placeholder": "__appName__로 만들어진 변경사항에 대한 메시지 커밋...",
+  "github_credentials_expired": "GitHub 아이디와 비밀번호가 만료되었습니다.",
+  "github_integration_lowercase": "GitHub 통합",
+  "github_is_premium": "GitHub 동기화는 프리미엄 기능입니다",
+  "github_public_description": "모두가 이 저장소를 볼 수 있습니다. 커밋할 수 있는 분을 선택하실 수 있습니다.",
+  "github_successfully_linked_description": "감사합니다, __appName__로 GitHub 계정을 성공적으로 연결하였습니다. __appName__ 프로젝트를 GitHub으로 전송하시거나 GitHub 저장소의 프로젝트를 불러올 수 있습니다.",
+  "github_sync": "GitHub 동기화",
+  "github_sync_description": "GitHub 동기화로, __appName__ 프로젝트를 GitHub 저장소로 연결하실 수 있습니다. __appName__의 새로운 커밋을 만들고, 오프라인이나 GitHub에서 만들어진 커밋과 합치세요.",
+  "github_sync_error": "죄송합니다, GitHub 서비스에 대한 에러가 있었습니다. 잠시 후 다시 시도해주시기 바랍니다.",
+  "github_validation_check": "저장소 이름이 유효한지 확인하시기 바랍니다, 그리고 저장소를 만들기위해 허가를 가지셔야 합니다.",
+  "global": "글로벌",
+  "go_to_code_location_in_pdf": "PDF의 코드 위치로 가기",
+  "go_to_pdf_location_in_code": "코드에서 PDF 위치로 가세요",
+  "group_admin": "그룹 관리",
+  "groups": "그룹",
+  "have_more_days_to_try": "<strong>__days__ days</strong>일 더 사용해 보십시오!",
+  "headers": "헤더",
+  "help": "도움말",
+  "history": "히스토리",
+  "hotkeys": "단축키",
+  "i_want_to_stay": "계속하겠습니다.",
+  "ignore_validation_errors": "문법 확인 안 함",
+  "ill_take_it": "이걸로 할게요.",
+  "import_from_github": "GitHub에서 불러오기",
+  "import_to_sharelatex": "__appName__에 불러오기",
+  "importing": "불러오는 중",
+  "importing_and_merging_changes_in_github": "GitHub의 변경사항들을 불러오고 합칩니다",
+  "info": "정보",
+  "institution": "기관",
+  "invalid_email": "이메일 주소가 잘못되었습니다.",
+  "invalid_file_name": "파일 이름이 부적절합니다.",
+  "invalid_password": "비밀번호 틀림",
+  "invite_not_accepted": "받지 않은 초대장",
+  "invite_not_valid": "프로젝트 초대가 유효하지 않습니다.",
+  "invite_not_valid_description": "초대가 만료되었습니다. 프로젝트 소유자에게 연락하십시오.",
+  "ip_address": "IP 주소",
+  "it": "Italiano",
+  "ja": "日本語",
+  "january": "1월",
+  "join_project": "프로젝트 참여",
+  "join_sl_to_view_project": "이 프로젝트를 보시려면 __appName__에 참여하세요",
+  "joining": "참여하기",
+  "july": "7월",
+  "june": "6월",
+  "kb_suggestions_enquiry": "<0>__kbLink__</0>를 확신하셨습니까?",
+  "keybindings": "키바인딩",
+  "knowledge_base": "지식 베이스",
+  "ko": "한국어",
+  "language": "언어",
+  "last_modified": "마지막 수정",
+  "last_name": "성",
+  "latex_templates": "LaTeX 템플릿",
+  "ldap": "LDAP",
+  "ldap_create_admin_instructions": "__appName__ 관리 계정으로 사용할 이메일 주소를 선택하십시오. 사용하실 이메일 주소는 LDAP 시스템에서 사용하는 계정이어야합니다. 이 계정으로의 로그인을 요청받으실 것입니다.",
+  "learn_more": "더 배우기",
+  "learn_more_about_link_sharing": "링크 공유 더 알아보기",
+  "leave_group": "그룹 떠나기",
+  "leave_now": "지금 떠나기",
+  "leave_projects": "프로젝트 나가기",
+  "link_sharing": "링크 공유",
+  "link_sharing_is_on": "링크 공유 중",
+  "link_to_github": "GitHub 계정에 연결하기",
+  "link_to_github_description": "프로젝트를 동기화할 수 있도록 GitHub 계정에 접속할 수 있는 __appName__ 권한이 필요합니다.",
+  "link_to_mendeley": "Mendeley 연결",
+  "links": "연결",
+  "loading": "로딩중",
+  "loading_github_repositories": "GitHub 저장소를 불러오는 중입니다",
+  "loading_recent_github_commits": "최근 커밋 로딩 중",
+  "log_hint_extra_info": "더 알아보기",
+  "log_in": "로그인",
+  "log_in_with": "__provider__(으)로 로그인",
+  "log_out": "로그아웃",
+  "logging_in": "로그인중",
+  "login": "로그인",
+  "login_failed": "로그인 실패",
+  "login_here": "이곳에서 로그인하세요",
+  "login_or_password_wrong_try_again": "계정 또는 비밀번호가 틀렸습니다. 다시 입력하세요.",
+  "logs_and_output_files": "로그 및 파일 출력",
+  "lost_connection": "연결이 끊겼습니다",
+  "main_document": "주 문서",
+  "main_file_not_found": "main 도큐멘트 알 수 없음 ",
+  "maintenance": "유지",
+  "make_private": "비공개로 만들기",
+  "manage_beta_program_membership": "베타 프로그램 멤버십 관리",
+  "manage_sessions": "나의 세션 관리",
+  "manage_subscription": "구독 관리",
+  "march": "3월",
+  "math_display": "수식 표시",
+  "math_inline": "수식 갯수",
+  "maximum_files_uploaded_together": "최대 __max__ 파일 업로드됨",
+  "may": "5월",
+  "mendeley": "Mendeley",
+  "mendeley_integration": "Mendeley 통합",
+  "mendeley_is_premium": "Mendeley 통합은 프리미엄 기능입니다.",
+  "mendeley_reference_loading_error": "오류. Mendeley에서 레퍼런스를 가져올 수 없습니다.",
+  "mendeley_reference_loading_error_expired": "Mendeley 토큰이 만료되었습니다. 계정을 다시 연결해주세요.",
+  "mendeley_reference_loading_error_forbidden": "Mendeley에서 레퍼런스를 가져올 수 없습니다. 계정을 다시 연결한 후 다시 시도해주세요.",
+  "mendeley_sync_description": "Mendeley 통합을 이용해서 __appName__ 프로젝트로 mendeley 레퍼런스를 가져올 수 있습니다.",
+  "menu": "메뉴",
+  "merge": "합치기",
+  "merging": "합치는중",
+  "month": "월",
+  "monthly": "매달",
+  "more": "더보기",
+  "must_be_email_address": "반드시 이메일주소여야 합니다",
+  "name": "이름",
+  "native": "기본",
+  "navigation": "네비게이션",
+  "nearly_activated": "__appName__ 계정 활성화를 거의 마쳤습니다.",
+  "need_anything_contact_us_at": "필요하신게 있으시다면, 언제든지 연락주시기 바랍니다:",
+  "need_to_leave": "떠나시나요?",
+  "new_file": "새로운 파일",
+  "new_folder": "새로운 폴더",
+  "new_name": "새로운 이름",
+  "new_password": "새로운 암호",
+  "new_project": "신규 프로젝트",
+  "next_payment_of_x_collectected_on_y": "<1>__collectionDate__</1>에 <0>__paymentAmmount__</0>원이 지불됩니다.",
+  "nl": "Nederlands",
+  "no": "Norsk",
+  "no_members": "멤버없음",
+  "no_messages": "메시지 없음",
+  "no_new_commits_in_github": "지난번에 합친 이후로 GitHub에 새로운 명령이 없습니다.",
+  "no_other_sessions": "활성화된 세션이 없습니다.",
+  "no_planned_maintenance": "플랜 유지가 현재 없습니다",
+  "no_preview_available": "죄송합니다, 미리보기를 이용하실 수 없습니다.",
+  "no_projects": "프로젝트 없음",
+  "no_search_results": "검색 결과 없음",
+  "no_thanks_cancel_now": "괜찮습니다. 지금 취소합니다.",
+  "normal": "보통",
+  "not_now": "지금은 안 함",
+  "notification_project_invite": "<b>__userName__</b>님이 <b>__projectName__</b>에 참여하고자 합니다. <a class=\"btn btn-sm btn-info pull-right\" href=\"’/project/__projectId__/invite/token/__token__’\">Join Project</a>",
+  "november": "11월",
+  "number_collab": "공저자 수",
+  "october": "10월",
+  "off": "끄기",
+  "ok": "OK",
+  "one_free_collab": "콜레보레이터 1명 무료",
+  "online_latex_editor": "온라인 LaTex 편집기",
+  "open_project": "프로젝트 열기",
+  "optional": "선택사항",
+  "or": "또는",
+  "other_actions": "다른 방법들",
+  "other_logs_and_files": "기타 로그 및 파일 출력",
+  "over": "더 많은",
+  "overview": "개요",
+  "owner": "소유자",
+  "page_not_found": "페이지를 찾을 수 없습니다",
+  "password": "암호",
+  "password_reset": "암호 재설정",
+  "password_reset_email_sent": "암호 재설정을 완료하기위해 이메일을 전송하였습니다.",
+  "password_reset_token_expired": "암호 재설정 토큰이 만료되었습니다. 새로운 암호 재설정 이메일을 요청하시고 그곳의 링크를 따르세요.",
+  "pdf_compile_in_progress_error": "다른 창에서 컴파일 중",
+  "pdf_compile_rate_limit_hit": "컴파일 빈도 제한 초과",
+  "pdf_compile_try_again": "재시도 전에 현재 진행 중인 컴파일이 끝날 때까지 기다려주세요.",
+  "pdf_rendering_error": "PDF 렌더링 오류",
+  "pdf_viewer": "PDF 뷰어",
+  "pending": "보류",
+  "personal": "개인",
+  "pl": "폴란드어",
+  "planned_maintenance": "플랜 유지",
+  "plans_amper_pricing": "플랜 & 가격",
+  "plans_and_pricing": "플랜 및 가격",
+  "please_ask_the_project_owner_to_upgrade_to_track_changes": "변경 내용 추적을 사용하시려면 프로젝트 소유자에게 업그레이드를 요구하세요.",
+  "please_compile_pdf_before_download": "PDF를 다운로드하기 전에 프로젝트를 컴파일하세요",
+  "please_compile_pdf_before_word_count": "단어 수 세기를 실행하기 전에 프로젝트를 컴파일 하십시오.",
+  "please_enter_email": "이메일 주소를 입력해주세요",
+  "please_refresh": "계속하시려면 페이지를 새로고침하세요.",
+  "please_set_a_password": "비밀번호를 설정하세요.",
+  "please_set_main_file": "프로젝트 메뉴에서 이 프로젝트의 main 파일을 선택하세요. ",
+  "position": "직책",
+  "presentation": "프레젠테이션",
+  "price": "가격",
+  "priority_support": "우선권 지원",
+  "privacy": "개인정보",
+  "privacy_policy": "개인정보보호",
+  "private": "비공개",
+  "problem_changing_email_address": "이메일 주소 변경에 문제가 있었습니다. 잠시후에 다시 시도해주세요. 문제가 계속되면 저희에게 연락주시기 바랍니다.",
+  "problem_talking_to_publishing_service": "서비스 게시에 문제가 있습니다, 몇 분 후에 다시 시도해주세요",
+  "problem_with_subscription_contact_us": "구독에 문제가 있습니다. 더 많은 정보를위해 저희에게 연락해주세요.",
+  "processing": "처리중",
+  "professional": "전문가",
+  "project_flagged_too_many_compiles": "이 프로젝트에서 컴파일 플래그가 너무 자주 있었습니다. 곧 제한이 풀립니다.",
+  "project_last_published_at": "프로젝트 마지막 게시일:",
+  "project_name": "프로젝트 이름",
+  "project_not_linked_to_github": "이 프로젝트는 GitHub 저장소에 연결되어있지 않습니다. GitHub에 프로젝트를위한 저장소를 만드실 수 있습니다:",
+  "project_too_large": "프로젝트가 너무 큽니다",
+  "project_too_large_please_reduce": "이 프로젝트는 글자가 너무 많습니다. 글자수를 줄여주세요.",
+  "project_url": "관련 프로젝트 URL",
+  "projects": "프로젝트",
+  "pt": "Português",
+  "public": "공개",
+  "publish": "공개",
+  "publish_as_template": "템플릿으로 공개",
+  "publishing": "공개중",
+  "pull_github_changes_into_sharelatex": "GitHub 변경사항들을 __appName__로 당겨주세요",
+  "push_sharelatex_changes_to_github": "__appName__ 변경사항을 GitHub으로 밀어주세요",
+  "realtime_track_changes": "실시간 변경 내용 추적",
+  "reauthorize_github_account": "GitHub 계정 재확인",
+  "recent_commits_in_github": "GitHub의 최근 커밋",
+  "recompile": "다시 컴파일하기",
+  "recompile_pdf": "PDF 다시 컴파일하기",
+  "reconnecting": "재연결중",
+  "reconnecting_in_x_secs": "__seconds__초에 재연결",
+  "reference_error_relink_hint": "이 에러가 지속되면 여기에서 계정을 다시 연결하십시오:",
+  "reference_search": "고급 레퍼런스 검색",
+  "reference_sync": "레퍼런스 매니저 동기화",
+  "refresh_page_after_starting_free_trial": "무료 시험 시작 후 이 페이지를 새로고침하세요.",
+  "regards": "감사합니다",
+  "register": "등록",
+  "register_to_edit_template": "__templateName__ 템플릿을 편집하기위해 등록해주세요",
+  "registered": "등록됨",
+  "registering": "등록중",
+  "reject": "거절",
+  "remove_from_group": "그룹에서 삭제하기",
+  "removed": "제거완료",
+  "removing": "삭제하기",
+  "rename": "이름 바꾸기",
+  "rename_project": "프로젝트 이름 바꾸기",
+  "renaming": "이름 재설정",
+  "reopen": "다시 열기",
+  "reply": "대답",
+  "repository_name": "저장소 이름",
+  "republish": "다시 공개하기",
+  "request_password_reset": "암호 재설정 요청",
+  "request_sent_thank_you": "요청을 보냈습니다. 감사합니다.",
+  "required": "필수",
+  "resend": "다시 보냄",
+  "reset_password": "암호 재설정",
+  "reset_your_password": "암호 재설정",
+  "resolve": "해결",
+  "resolved_comments": "해결된 코멘트",
+  "restore": "복원하기",
+  "restoring": "복원중",
+  "restricted": "권한 없음",
+  "restricted_no_permission": "이 페이지를 불러올 권한이 없습니다.",
+  "return_to_login_page": "로그인 페이지로 이동",
+  "review": "검토",
+  "review_your_peers_work": "동료의 작업 검토",
+  "revoke_invite": "초대 취소",
+  "ro": "로마니아어",
+  "role": "역할",
+  "ru": "Русский",
+  "saml": "SAML",
+  "saml_create_admin_instructions": "__appName__ 관리 계정으로 사용할 이메일 주소를 선택하십시오. 사용하실 이메일 주소는 LDAP 시스템에서 사용하는 계정이어야합니다. 이 계정으로의 로그인을 요청받으실 것입니다.",
+  "saving": "저장중",
+  "saving_notification_with_seconds": "__docname__문서를 저장중 입니다... (저장되지않은 변경사항 중 __seconds__초)",
+  "search_bib_files": "저자, 제목, 연도로 검색",
+  "search_projects": "프로젝트 검색",
+  "search_references": "이 프로젝트에서 .bib 파일 검색",
+  "security": "보안",
+  "see_changes_in_your_documents_live": "문서 변경사항 실시간으로 보기",
+  "select_all_projects": "전체 선택",
+  "select_github_repository": "__appName__에 불러올 GitHub 저장소를 선택합니다.",
+  "send": "발신",
+  "send_first_message": "첫 메시지를 전송하세요",
+  "send_test_email": "테스트 이메일 보내기",
+  "sending": "발신 중",
+  "september": "9월",
+  "server_error": "서버 오류",
+  "services": "서비스",
+  "session_created_at": "생성된 세션",
+  "session_expired_redirecting_to_login": "세션 종료. __seconds__ seconds 초 후 다시 로그인",
+  "sessions": "세션",
+  "set_new_password": "새로운 암호 설정",
+  "set_password": "암호 설정",
+  "settings": "설정",
+  "share": "공유",
+  "share_project": "프로젝트 공유",
+  "shared_with_you": "공유받은 프로젝트",
+  "sharelatex_beta_program": "__appName__ 베타 프로그램",
+  "show_hotkeys": "단축키보기",
+  "show_less": "적게 보기",
+  "site_description": "사용하기 쉬운 온라인 LaTex 편집기. 설치 필요없음. 실시간 협업. 버전 관리. 수백 개의 LaTex 템플릿. 그리고 그 이상.",
+  "something_went_wrong_rendering_pdf": "PDF 렌더링 중 무언가 잘못되었습니다.",
+  "somthing_went_wrong_compiling": "죄송합니다. 무언가 잘못되어 프로젝트가 컴파일되지 않았습니다. 나중에 다시 시도해주세요.",
+  "source": "소스",
+  "spell_check": "철자 확인",
+  "start_free_trial": "무료로 사용해보세요!",
+  "state": "주",
+  "status_checks": "상태 확인",
+  "still_have_questions": "궁금하신 점이 남아 있나요?",
+  "stop_compile": "컴파일 중지",
+  "stop_on_validation_error": "컴파일 전에 문법 확인",
+  "student": "학생",
+  "subject": "제목",
+  "subscribe": "구독",
+  "subscription": "구독",
+  "subscription_canceled_and_terminate_on_x": " 구독이 취소되고 <0>__terminateDate__</0>에 만기될 것 입니다. 더이상 지불해야 하는 금액은 없습니다.",
+  "suggestion": "제안",
+  "sure_you_want_to_change_plan": "<0>__planName__</0>에 계획을 변경하길 원하시나요?",
+  "sure_you_want_to_leave_group": "이 그룹을 떠나시겠습니까?",
+  "sv": "Svenska",
+  "sync": "동기화",
+  "sync_dropbox_github": "Dropbox와 GitHub 연동",
+  "sync_project_to_github_explanation": "__appName__에 만들어진 모든 변경사항이 GitHub의 모든 업데이트와 통합될 것 입니다.",
+  "sync_to_dropbox": "Dropbox 동기화",
+  "sync_to_github": "GitHub 동기화",
+  "syntax_validation": "코드 확인",
+  "take_me_home": "홈으로!",
+  "tc_everyone": "모든 사람",
+  "tc_guests": "게스트",
+  "template_description": "템플릿 설명",
+  "templates": "템플릿",
+  "terminated": "컴파일 취소됨",
+  "terms": "약관",
+  "thank_you": "감사합니다",
+  "thanks": "감사합니다",
+  "thanks_for_subscribing": "구독해주셔서 감사합니다!",
+  "thanks_for_subscribing_you_help_sl": "__planName__ 플랜을 구독해주셔서 감사합니다. __appName__(이)가 지속적으로 성장하고 향상될 수 있도록 사람들에게 많이 알려주세요.",
+  "thanks_settings_updated": "감사합니다, 당신의 설정사항이 업데이트되었습니다.",
+  "theme": "테마",
+  "thesis": "학위 논문",
+  "this_is_your_template": "당신의 프로젝트에서 가져온 템플릿입니다.",
+  "this_project_is_public": "이 프로젝트는 공개되어 있으며, URL에 접근한 모든 사람들이 편집할 수 있습니다.",
+  "this_project_is_public_read_only": "이 프로젝트는 공개여서 모든 사람들이 볼 수 있지만 URL로 접속한 분들은 편집할 수 없습니다.",
+  "this_project_will_appear_in_your_dropbox_folder_at": "이 프로젝트는 Dropbox 폴더에 나타날 것 입니다 ",
+  "three_free_collab": "콜레버레이터 3명 무료",
+  "timedout": "시간초과",
+  "title": "제목",
+  "to_many_login_requests_2_mins": "이 계정으로 너무 많은 로그인을 시도했습니다. 다시 로그인 하기 전에 2분만 기다려주세요",
+  "to_modify_your_subscription_go_to": "구독 변경하러 가기",
+  "too_many_files_uploaded_throttled_short_period": "너무 많은 파일이 업로드되어 잠시 보류되었습니다.",
+  "too_recently_compiled": "이 프로젝트는 방금에 컴파일 되었기 때문에 컴파일을 생략합니다.",
+  "tooltip_hide_filetree": "파일 트리를 숨기려면 클릭",
+  "tooltip_hide_pdf": "PDF를 숨기려면 클릭",
+  "tooltip_show_filetree": "파일 트리를 보려면 클릭",
+  "tooltip_show_pdf": "PDF를 보려면 클릭",
+  "total_words": "총 단어 수",
+  "tr": "Türkçe",
+  "track_any_change_in_real_time": "실시간으로 모든 변경 사항 추적",
+  "track_changes": "변경 내용 추적",
+  "track_changes_is_off": "변경 내용 추적 <strong>꺼짐</strong>",
+  "track_changes_is_on": "변경 내용 추적 <strong>사용</strong>",
+  "tracked_change_added": "추가됨",
+  "tracked_change_deleted": "삭제됨",
+  "try_it_for_free": "무료로 사용해보세요",
+  "try_now": "지금 시도하세요",
+  "turn_off_link_sharing": "링크 공유 끄기",
+  "turn_on_link_sharing": "링크 공유 켜기",
+  "uk": "우크라이나어",
+  "uncategorized": "기타",
+  "university": "대학교",
+  "unlimited": "무제한",
+  "unlimited_collabs": "공유 무제한",
+  "unlimited_projects": "무제한 프로젝트",
+  "unlink": "연결해제",
+  "unlink_github_warning": "GitHub로 동기화한 모든 프로젝트는 연결이 끊길 것이며 GitHub과 더이상 동기화되지 않을 것 입니다. GitHub 계정 연결을 정말로 해지하시겠습니까?",
+  "unlink_reference": "레퍼렌스 제공자 연결 해제",
+  "unlink_warning_reference": "경고: 이 공급자로부터의 계정을 해제하면 레퍼런스를 프로젝트로 가져올 수 없습니다.",
+  "unpublish": "비공개",
+  "unpublishing": "비공개",
+  "unsubscribe": "구독해제",
+  "unsubscribed": "구독해제",
+  "unsubscribing": "구독해제중",
+  "update": "업데이트",
+  "update_account_info": "계정 정보 업데이트",
+  "update_dropbox_settings": "Dropbox 설정 업데이트",
+  "update_your_billing_details": "청구서 세부사항 업데이트",
+  "updating_site": "사이트 업데이트",
+  "upgrade": "업그레이드",
+  "upgrade_cc_btn": "지금 업그레이드하고 7일 후 지불",
+  "upgrade_now": "지금 업그레이드",
+  "upgrade_to_get_feature": "__feature__와 다음 기능 사용을 위해 업그레이드:",
+  "upgrade_to_track_changes": "변경 내용 추적을 위해 업그레이드",
+  "upload": "업로드",
+  "upload_file": "파일 업로드",
+  "upload_project": "프로젝트 업로드",
+  "upload_zipped_project": "압축된 프로젝트 업로드",
+  "user_wants_you_to_see_project": "__username__ 님이  __projectname__에 참여하길 원합니다",
+  "vat_number": "VAT 번호",
+  "view_all": "모두 보기",
+  "view_in_template_gallery": "템플릿 갤러리에서 보기",
+  "welcome_to_sl": "__appName__에 오신걸 환영합니다",
+  "word_count": "단어 수 세기",
+  "year": "년",
+  "you_have_added_x_of_group_size_y": "이용가능한<1>__groupSize__</1>멤버 중 <0>__addedUsersSize__</0>멤버가 추가되었습니다",
+  "your_plan": "나의 플랜",
+  "your_projects": "나의 프로젝트",
+  "your_sessions": "나의 세션",
+  "your_subscription": "나의 구독",
+  "your_subscription_has_expired": "구독이 만료되었습니다.",
+  "zh-CN": "中國語"
+}
diff --git a/services/web/locales/nl.json b/services/web/locales/nl.json
new file mode 100644
index 0000000..39ab174
--- /dev/null
+++ b/services/web/locales/nl.json
@@ -0,0 +1,576 @@
+{
+  "About": "Over",
+  "Account": "Account",
+  "Account Settings": "Accountinstellingen",
+  "Documentation": "Documentatie",
+  "Projects": "Projecten",
+  "Security": "Beveiliging",
+  "Subscription": "Abonnementen",
+  "Terms": "Voorwaarden",
+  "Universities": "Universiteiten",
+  "about": "Over",
+  "about_to_archive_projects": "Je staat op het punt de volgende projecten te achiveren:",
+  "about_to_delete_projects": "Je staat op het punt de volgende projecten te verwijderen:",
+  "about_to_leave_projects": "Je staat op het punt de volgende projecten te verlaten:",
+  "accept": "Accepteer",
+  "accept_invitation": "Accepteer de uitnodiging",
+  "accept_or_reject_each_changes_individually": "Accepteer of verwerp iedere wijziging individueel",
+  "accepted_invite": "Uitnodiging geaccepteerd",
+  "accepting_invite_as": "U accepteert deze uitnodiging als",
+  "account": "Account",
+  "account_not_linked_to_dropbox": "Je account is niet gekoppeld aan Dropbox",
+  "account_settings": "Accountinstellingen",
+  "actions": "Acties",
+  "activate": "Activeer",
+  "activate_account": "Activeer je account",
+  "activating": "Activeren",
+  "activation_token_expired": "Je activatie token is verlopen, je zal een nieuwe moeten laten versturen.",
+  "add": "Toevoegen",
+  "add_another_email": "Voeg nog een email toe",
+  "add_comment": "Voeg opmerking toe",
+  "add_new_email": "Voeg nieuwe email toe",
+  "add_role_and_department": "Voeg rol en afdeling toe",
+  "add_your_comment_here": "Voeg uw opmerking hier toe",
+  "add_your_first_group_member_now": "Voeg je eerste groepsleden nu toe",
+  "added": "toegevoegd",
+  "adding": "Toevoegen",
+  "address": "Straat",
+  "admin": "beheerder",
+  "admin_user_created_message": "Admin gebruiker aangemaakt, <a href=\"__link__\">Log hier in</a> om verder te gaan",
+  "all_projects": "Alle projecten",
+  "all_templates": "Alles Sjablonen",
+  "already_have_sl_account": "Heb je al een __appName__-account?",
+  "and": "en",
+  "annual": "Jaarlijks",
+  "anonymous": "Anoniem",
+  "april": "april",
+  "archive": "Archief",
+  "archive_projects": "Archiveer projecten",
+  "archived_projects": "Gearchiveerde Projecten",
+  "ask_proj_owner_to_upgrade_for_full_history": "Vraag de projecteigenaar om te upgraden om toegang te krijgen tot de volledige geschiedenis van dit project.",
+  "ask_proj_owner_to_upgrade_for_references_search": "Vraag alstublieft de projecteigenaar up te graden om de Zoek Referenties optie te gebruiken",
+  "august": "augustus",
+  "auto_complete": "Autocorrectie",
+  "autocomplete": "Autocomplete",
+  "autocomplete_references": "Refereer Autocomplete (in een <code>\\cite{}</code> blok)",
+  "back_to_editor": "Terug naar de editor",
+  "back_to_your_projects": "Terug naar je projecten",
+  "beta": "Beta",
+  "beta_program_already_participating": "U neemt al deel aan het Bèta Programma",
+  "beta_program_badge_description": "TIjdens het gebruik van __appName__, zullen bèta opties gemarkeerd zijn met deze badge:",
+  "beta_program_benefits": "We zijn altijd bezig met het verbeteren van __appName__. Door deel te nemen aan ons Bèta programma heeft u vervroegd toegang tot nieuwe opties en kan u ons helpen uw wensen beter te begrijpen.",
+  "beta_program_opt_in_action": "Schrijf in voor Bèta Programma",
+  "beta_program_opt_out_action": "Uitschrijven uit het Bèta Programma",
+  "bibliographies": "Bibliografieën",
+  "blank_project": "Blanco Project",
+  "blog": "Blog",
+  "built_in": "Ingebouwd",
+  "cancel": "Annuleren",
+  "cancel_my_account": "Annuleer mijn abonnement",
+  "cancel_personal_subscription_first": "U heeft al een persoonlijke inschrijving, wilt u dat wij deze annuleren voordat u deel neemt aan de groepslicentie?",
+  "cancel_your_subscription": "Annuleer je abonnement",
+  "cannot_invite_non_user": "Kan geen uitnodiging versturen. Ontvanger moet al een __appName__ account hebben",
+  "cannot_invite_self": "Kan geen uitnodiging naar jezelf sturen",
+  "cant_find_email": "Dat e-mailadres is niet geregistreerd, sorry.",
+  "cant_find_page": "Sorry, we kunnen die pagina waar je naar zocht niet vinden.",
+  "change": "Wijzigen",
+  "change_password": "Wachtwoord Wijzigen",
+  "change_plan": "Abonnement wijzigen",
+  "change_to_this_plan": "Overstappen naar dit abonnement",
+  "chat": "Chat",
+  "checking": "Controleren",
+  "checking_dropbox_status": "Dropboxstatus aan het controleren",
+  "checking_project_github_status": "Bezig met controleren van de projectstatus in GitHub",
+  "choose_your_plan": "Kies je abonnement",
+  "city": "Stad",
+  "clear_cached_files": "Wis bestanden in tijdelijke geheugen",
+  "clear_sessions": "Verwijder sessies",
+  "clear_sessions_description": "Dit is een lijst van andere sessies (logins) die actief zijn op uw account, exclusief uw huidige sessie. Klik de \"Sessies Opschonen\" knop hieronder om ze uit te loggen",
+  "clear_sessions_success": "Sessies verwijderd",
+  "clearing": "Aan het leegmaken",
+  "click_here_to_view_sl_in_lng": "Klik hier om __appName__ te gebruiken in het <0>__lngName__</0>",
+  "close": "Sluiten",
+  "clsi_maintenance": "De compilatie servers zijn momenteel in onderhoud, en zullen binnenkort weer beschikbaar zijn.",
+  "cn": "Chinees (vereenvoudigd)",
+  "collaboration": "Samenwerking",
+  "collaborator": "Bijdrager",
+  "collabs_per_proj": "__collabcount__ bijdragers per project",
+  "comment": "Reageren",
+  "common": "Veelvoorkomend",
+  "compact": "Compact",
+  "compile_larger_projects": "Compileer grote projecten",
+  "compile_mode": "Compileer Mode",
+  "compile_terminated_by_user": "Het compileren was gestopt door de ’Stop Compilatie’ knop. U kan in de log files zien waar het compileren is gestopt",
+  "compiler": "Compilator",
+  "compiling": "Aan het compileren",
+  "complete": "Klaar",
+  "confirm": "Bevestig",
+  "confirm_email": "Bevestig email",
+  "confirm_new_password": "Bevestig Nieuwe Wachtwoord",
+  "conflicting_paths_found": "Conflicterende Bestandspaden Gevonden",
+  "connected_users": "Verbonden gebruikers",
+  "connecting": "Aan het verbinden",
+  "contact": "Contact",
+  "contact_message_label": "Bericht",
+  "contact_us": "Contact",
+  "continue_github_merge": "Ik heb handmatig samengevoegd. Doorgaan.",
+  "copy": "Kopiëren",
+  "copy_project": "Project Kopiëren",
+  "copying": "aan het kopiëren",
+  "country": "Land",
+  "coupon_code": "Coupon code",
+  "create": "Creëren",
+  "create_first_admin_account": "Creëer het eerste Admin account",
+  "create_new_subscription": "Nieuw Abonnement Maken",
+  "create_project_in_github": "Een GitHub repository maken",
+  "creating": "Aan het maken",
+  "credit_card": "Creditcard",
+  "cs": "Tsjechisch",
+  "current_file": "Huidige bestand",
+  "current_password": "Huidige Wachtwoord",
+  "currently_subscribed_to_plan": "Je bent op dit moment geabonneerd op <0>__planName__</0>.",
+  "da": "Deens",
+  "de": "Duits",
+  "december": "december",
+  "default": "Standaard",
+  "delete": "Verwijderen",
+  "delete_account": "Account verwijderen",
+  "delete_account_warning_message_3": "Je staat op het punt permanent <strong>all je accountgegevens te verwijderen</strong>, inclusief je projecten en instellingen. Type uw account e-mail adres in onderstaande tekstvakken om verder te gaan",
+  "delete_and_leave_projects": "Verwijder en verlaat projecten",
+  "delete_projects": "Verwijder projecten",
+  "delete_your_account": "Account verwijderen",
+  "deleting": "Aan het verwijderen",
+  "description": "Beschrijving",
+  "disconnected": "Niet Verbonden",
+  "documentation": "Documentatie",
+  "doesnt_match": "Komt niet overeen",
+  "done": "Klaar",
+  "download": "Downloaden",
+  "download_pdf": "PDF Downloaden",
+  "download_zip_file": "Als .zip-bestand downloaden",
+  "dropbox_integration_lowercase": "Dropbox integratie",
+  "dropbox_sync": "Dropbox-synchronisatie",
+  "dropbox_sync_description": "Houd je __appName__-projecten gesynchroniseerd met je Dropbox veranderingen in __appName__ worden automatisch naar Dropbox verzonden en andersom.",
+  "dropbox_sync_error": "synchronisatiefout met Dropbox",
+  "edit": "Pas aan",
+  "editing": "Aan het bewerken",
+  "editor_disconected_click_to_reconnect": "Verbinding Editor verbroken, klik om opnieuw te verbinden",
+  "email": "E-mail",
+  "email_already_registered": "Dit e-mailadres is al geregistreerd",
+  "email_link_expired": "E-maillink is verlopen, vraag een nieuwe aan.",
+  "email_or_password_wrong_try_again": "Je e-mailadres of wachtwoord is incorrect. Probeer het opnieuw",
+  "email_sent": "E-mail verzonden",
+  "emails_and_affiliations_explanation": "Voeg extra e-mailadressen toe aan uw account om toegang te krijgen tot eventuele upgrades die uw universiteit of instelling heeft, om het voor bijdragers gemakkelijker te maken om u te vinden en om ervoor te zorgen dat u uw account kunt herstellen.",
+  "en": "Engels",
+  "error": "Fout",
+  "error_performing_request": "Er is een fout opgetreden tijdens het uitvoeren van uw verzoek.",
+  "es": "Spaans",
+  "every": "per",
+  "example_project": "Voorbeeldproject",
+  "expiry": "Vervaldatum",
+  "export_project_to_github": "Project exporteren naar GitHub",
+  "fast": "Snel",
+  "features": "Functies",
+  "february": "februari",
+  "files_cannot_include_invalid_characters": "Bestandsnaam mag niet ’*’ of ’/’ bevatten",
+  "find_out_more": "Kom meer te weten",
+  "first_name": "Voornaam",
+  "folders": "Mappen",
+  "following_paths_conflict": "De volgende bestanden en folders hebben hetzelfde bestandspad",
+  "font_family": "Font familie",
+  "font_size": "Lettergrootte",
+  "forgot_your_password": "Wachtwoord vergeten",
+  "fr": "Frans",
+  "free": "Gratis",
+  "free_dropbox_and_history": "Gratis Dropbox en Geschiedenis",
+  "full_doc_history": "Volledige documentsgeschiedenis",
+  "general": "Algemeen",
+  "generic_something_went_wrong": "Sorry, er ging iets fout",
+  "get_in_touch": "Contacteer ons",
+  "github_commit_message_placeholder": "Bericht voor wijzigingen aangebracht in __appName__...",
+  "github_integration_lowercase": "Github integratie",
+  "github_is_premium": "GitHubsnychronisatie is een premium functie",
+  "github_public_description": "Iedereen kan deze repository zien. Jij kiest wie eraan kan bijdragen.",
+  "github_successfully_linked_description": "Bedankt, we hebben je GitHub-account kunnen koppelen aan __appName__. Je kunt nu je __appName__-projecten exporteren naar GitHub, of je projecten vanuit je GitHub repositories importeren.",
+  "github_sync": "GitHub-synchonisatie",
+  "github_sync_description": "Met GitHub Sync kun je je __appName__-projecten koppelen aan GitHub repositories. Maak nieuwe toevoegingen vanuit __appName__ en voeg deze samen met toevoegingen die offline of in GitHub gemaakt zijn.",
+  "github_sync_error": "Sorry, er trad een fout op tijdens het communiceren met onze GitHub-dienst. Probeer het opnieuw over een ogenblik.",
+  "github_validation_check": "Controleer of de naam van de repository geldig is en of je toestemming heb om de repository te maken.",
+  "global": "globaal",
+  "go_to_code_location_in_pdf": "Ga naar codelocatie in de PDF",
+  "go_to_pdf_location_in_code": "Ga naar de PDF-locatie in de code",
+  "group_admin": "Groepsbeheerder",
+  "groups": "Groepen",
+  "have_more_days_to_try": "Hier zijn <strong>__days__ dagen</strong> extra Proefperiode!",
+  "headers": "Koppen",
+  "help": "Help",
+  "history": "Geschiedenis",
+  "history_add_label": "Voeg label toe",
+  "history_are_you_sure_delete_label": "Weet u zeker dat u het volgende label wilt verwijderen:",
+  "history_delete_label": "Verwijder label",
+  "history_label_created_by": "Aangemaakt door",
+  "history_label_this_version": "Label deze versie",
+  "history_new_label_name": "Nieuwe labelnaam",
+  "history_view_all": "Alle geschiedenis",
+  "history_view_labels": "Labels",
+  "hotkeys": "Sneltoetsen",
+  "i_want_to_stay": "Ik wil blijven",
+  "ignore_validation_errors": "Check syntax niet",
+  "ill_take_it": "Ik neem hem!",
+  "import_from_github": "Uit GitHub importeren",
+  "import_to_sharelatex": "Naar __appName__ importeren",
+  "importing": "Aan het importeren",
+  "importing_and_merging_changes_in_github": "Veranderingen aan het importeren en toevoegen in GitHub",
+  "info": "Info",
+  "institution": "Instelling",
+  "institution_and_role": "Instelling en rol",
+  "invalid_file_name": "Ongeldige Bestandsnaam",
+  "invalid_password": "Onjuist Wachtwoord",
+  "invite_not_accepted": "Uitnodiging nog niet geaccepteerd",
+  "invite_not_valid": "Dit is geen valide projectuitnodiging",
+  "invite_not_valid_description": "De uitnodiging kan verlopen zijn. Neem contact op met de projecteigenaar",
+  "invited_to_group": "<0>__inviterName__</0> heeft je uitgenodigd om lid te worden van een team op __appName__",
+  "ip_address": "IP-adres",
+  "it": "Italiaans",
+  "ja": "Japans",
+  "january": "januari",
+  "join_project": "Neem deel aan Project",
+  "join_sl_to_view_project": "Word lid van __appName__ om dit project te bekijken",
+  "joined_team": "Je bent lid geworden van het team dat door __inviterName__ wordt beheerd",
+  "joining": "Aan het toevoegen",
+  "july": "juli",
+  "june": "juni",
+  "kb_suggestions_enquiry": "Heeft u onze <0>__kbLink__</0> al gezien?",
+  "keybindings": "Sneltoetsen",
+  "knowledge_base": "Kennisbasis",
+  "ko": "Koreaans",
+  "language": "Taal",
+  "last_modified": "Laatst Gewijzigd",
+  "last_name": "Achternaam",
+  "latex_templates": "LaTeX-sjablonen",
+  "ldap": "LDAP",
+  "ldap_create_admin_instructions": "Kies een e-mail adres voor het eerste __appName__ admin account. Dit moet corresponderen met een account in het LDAP systeem. U zal daarna gevraagd worden in te loggen met dit account",
+  "learn_more": "Meer weten",
+  "leave": "Verlaten",
+  "leave_group": "Verlaat groep",
+  "leave_now": "Verlaat nu",
+  "leave_projects": "Verlaat projecten",
+  "let_us_know": "Laat het ons weten",
+  "line_height": "Regel afstand",
+  "link_to_github": "Verbinden met je GitHubaccount",
+  "link_to_github_description": "Je dient __appName__ te autoriseren voor toegang tot je GitHub-account om je projecten te synchroniseren.",
+  "link_to_mendeley": "Verbinden met Mendeley",
+  "link_to_zotero": "Verbinden met Zotero",
+  "links": "Links",
+  "loading": "Aan het laden",
+  "loading_github_repositories": "Bezig met laden van jouw GitHub repositories",
+  "loading_recent_github_commits": "Recente toevoegingen laden",
+  "log_hint_extra_info": "Meer informatie",
+  "log_in": "Inloggen",
+  "log_in_with": "Log in met __provider__",
+  "log_out": "Uitloggen",
+  "logging_in": "Aan het inloggen",
+  "login": "Inloggen",
+  "login_failed": "Login mislukt",
+  "login_here": "Log hier in",
+  "login_or_password_wrong_try_again": "Uw inlognaam of wachtwoord is incorrect. Probeer a.u.b. opnieuw",
+  "logs_and_output_files": "Logs en outputbestanden",
+  "looking_multiple_licenses": "Op zoek naar meerdere licenties?",
+  "lost_connection": "Verbinding Verbroken",
+  "main_document": "Hoofddocument",
+  "maintenance": "Onderhous",
+  "make_private": "Privé Maken",
+  "manage_beta_program_membership": "Manage Bèta Programma Lidmaatschap",
+  "manage_sessions": "Manage Uw Sessies",
+  "manage_subscription": "Beheer abonnementen",
+  "march": "maart",
+  "math_display": "Math Display",
+  "math_inline": "Math Inline",
+  "maximum_files_uploaded_together": "Maximum __max__ bestanden tegelijk geüplaod",
+  "may": "mei",
+  "mendeley": "Mendeley",
+  "mendeley_integration": "Mendeley Integratie",
+  "mendeley_is_premium": "Mendeley Integratie is een premium functie",
+  "mendeley_reference_loading_error": "Error, kan referenties niet laden vanaf Mendeley",
+  "mendeley_reference_loading_error_expired": "Mendeley token verlopen, gelieve je account opnieuw te koppelen",
+  "mendeley_reference_loading_error_forbidden": "Kon referenties niet laden vanaf Mendeley, gelieve je account opnieuw te koppelen en nogmaals te proberen",
+  "mendeley_sync_description": "Met Mendeley integratie kan u uw referenties uit mendeley in uw __appName__ projecten importeren",
+  "menu": "Menu",
+  "merge": "Samenvoegen",
+  "merging": "Bezig met samenvoegen",
+  "month": "maand",
+  "monthly": "Maandelijks",
+  "more": "Meer",
+  "must_be_email_address": "Moet een e-mailadres zijn",
+  "name": "Naam",
+  "native": "Browserkeuze",
+  "navigation": "Navigatie",
+  "nearly_activated": "Je bent één stap verwijderd van het activeren van je __appName__ account",
+  "need_anything_contact_us_at": "Als er iets is dat je ooit nodig hebt, neem gerust direct contact met ons op via",
+  "need_to_leave": "Moet je weg?",
+  "new_file": "Nieuw bestand",
+  "new_folder": "Nieuwe map",
+  "new_name": "Nieuwe Naam",
+  "new_password": "Nieuwe Wachtwoord",
+  "new_project": "Nieuw Project",
+  "next_payment_of_x_collectected_on_y": "De volgende betaling van <0>__paymentAmmount__</0> zal worden geïnd op <1>__collectionDate__</1>",
+  "nl": "Nederlands",
+  "no": "Noors",
+  "no_members": "Geen leden",
+  "no_messages": "Geen berichten",
+  "no_new_commits_in_github": "Geen nieuwe toevoegingen op GitHub sinds laatste samenvoeging.",
+  "no_other_sessions": "Geen andere sessies actief",
+  "no_planned_maintenance": "Er is op dit moment geen gepland onderhoud",
+  "no_preview_available": "Sorry, er is geen voorbeeld beschikbaar.",
+  "no_projects": "Geen projecten",
+  "no_search_results": "Geen zoek resultaten",
+  "no_thanks_cancel_now": "Nee bedankt - Ik wil nog steeds annuleren.",
+  "normal": "Normaal",
+  "not_now": "Niet nu",
+  "notification_project_invite": "<b>__userName__</b> wil dat u deelneemt aan <b>__projectName__</b> <a class=\"btn btn-sm btn-info pull-right\" href=\"’/project/__projectId__/invite/token/__token__’\">Neem deel aan Project</a>",
+  "november": "november",
+  "number_collab": "Aantal bijdragers",
+  "october": "oktober",
+  "off": "Uit",
+  "ok": "OK",
+  "one_free_collab": "Één gratis bijdrager",
+  "online_latex_editor": "Online LaTeX-verwerker",
+  "open_project": "Open Project",
+  "optional": "Optioneel",
+  "or": "of",
+  "other_actions": "Andere acties",
+  "other_logs_and_files": "Andere logs en bestanden",
+  "over": "meer dan",
+  "overview": "Overzicht",
+  "owner": "Eigenaar",
+  "page_not_found": "Pagina Niet Gevonden",
+  "password": "Wachtwoord",
+  "password_reset": "Wachtwoord Herstellen",
+  "password_reset_email_sent": "Er is een e-mail naar je verstuur om je wachtwoordreset te voltooien.",
+  "password_reset_token_expired": "Je wachtwoordherstelsleutel is verlopen. Vraag een nieuwe herstel-e-mail aan en volg daarin de link.",
+  "pdf_rendering_error": "PDF Render Error",
+  "pdf_viewer": "PDF-lezer",
+  "pending": "In afwachting",
+  "personal": "Persoonlijk",
+  "pl": "Pools",
+  "planned_maintenance": "Gepland Onderhoud",
+  "plans_amper_pricing": "Abonnementen en Prijzen",
+  "plans_and_pricing": "Abonnementen en Prijzen",
+  "please_ask_the_project_owner_to_upgrade_to_track_changes": "Vraag alstublieft de projecteigenaar om te upgraden zodat de optie ’Wijzigingen bijhouden’ gebruikt kan worden",
+  "please_compile_pdf_before_download": "Compileer je project alvorens de PDF te downloaden",
+  "please_compile_pdf_before_word_count": "Compileer je project alvorens het aantal woorden te tellen",
+  "please_confirm_your_email_before_making_it_default": "Bevestig uw e-mail voordat u deze als standaard gebruikt.",
+  "please_enter_email": "Vul je e-mailadres in",
+  "please_refresh": "Ververs de pagina om door te gaan.",
+  "please_set_a_password": "Gelieve een wachtwoord te kiezen",
+  "position": "Functie",
+  "presentation": "Presentatie",
+  "price": "Prijs",
+  "privacy": "Privacy",
+  "privacy_policy": "Privacybeleid",
+  "private": "Privé",
+  "problem_changing_email_address": "Er was een probleem tijdens het veranderen van je e-mailadres. Probeer het over een ogenblik opnieuw. Als het probleem blijft bestaan, neem dan a.u.b. contact met ons op.",
+  "problem_talking_to_publishing_service": "Er is een probleem met onze publicatiedienst, probeer het over enkele minuten opnieuw",
+  "problem_with_subscription_contact_us": "Er is een probleem met je abonnement. Neem contact met ons op voor meer informatie.",
+  "processing": "aan het verwerken",
+  "professional": "Professioneel",
+  "project_last_published_at": "Je project is voor het laatst gepubliceerd om",
+  "project_name": "Projectnaam",
+  "project_not_linked_to_github": "Dit project is niet verbonden aan het GitHub repository. Je kunt er een repository voor aanmaken in GitHub:",
+  "project_too_large": "Project is te groot",
+  "project_too_large_please_reduce": "Dit project bevat teveel tekst, probeer dit te verminderen. De grootste bestanden zijn:",
+  "project_url": "Getroffen Project URL",
+  "projects": "Projecten",
+  "pt": "Portugees",
+  "public": "Publiek",
+  "publish": "Publiceren",
+  "publish_as_template": "Publiceren als Sjabloon",
+  "publishing": "Aan het publiceren",
+  "pull_github_changes_into_sharelatex": "Wijzigingen op GitHub naar __appName__ halen",
+  "push_sharelatex_changes_to_github": "Wijzigingen op __appName__ naar GitHub verplaatsen",
+  "recent_commits_in_github": "Recente toevoegingen in GitHub",
+  "recompile": "Hercompileren",
+  "recompile_pdf": "Hercompileer de PDF",
+  "reconnecting": "Opnieuw aan het verbinden",
+  "reconnecting_in_x_secs": "Opnieuw verbinden over __seconds__ seconden",
+  "reduce_costs_group_licenses": "U kunt de administratie verkleinen en de kosten verlagen met onze scherp geprijsde groeplicenties.",
+  "reference_error_relink_hint": "Als deze foutmelding blijft verschijnen, probeer dan uw account hier opnieuw te linken:",
+  "refresh_page_after_starting_free_trial": "Ververs deze pagina nadat je de gratis proefperiode hebt gestart.",
+  "regards": "Groeten",
+  "register": "Registreren",
+  "register_to_edit_template": "Registreet om het sjabloon __templateName__ te bewerken",
+  "registered": "Geregistreerd",
+  "registering": "Aan het registreren",
+  "reject": "Verwerp",
+  "remove": "Verwijder",
+  "remove_from_group": "Uit groep verwijderen",
+  "removed": "verwijderd",
+  "removing": "Verwijderen",
+  "rename": "Hernoemen",
+  "rename_project": "Project Hernoemen",
+  "renaming": "Hernoemen",
+  "reopen": "Heropen",
+  "reply": "Beantwoord",
+  "repository_name": "Repository-naam",
+  "republish": "Herpubliceren",
+  "request_password_reset": "Wachtwoordherstel aanvragen",
+  "request_sent_thank_you": "Verzoek verzonden, bedankt.",
+  "required": "Vereist",
+  "resend": "Stuur opnieuw",
+  "resend_confirmation_email": "Verstuur bevestigingsmail opnieuw",
+  "reset_password": "Wachtwoord Herstellen",
+  "reset_your_password": "Herstel je wachtwoord",
+  "resolve": "Los op",
+  "resolved_comments": "Opgeloste opmerkingen",
+  "restore": "Herstellen",
+  "restoring": "Aan het herstellen",
+  "restricted": "Beperkt",
+  "restricted_no_permission": "Beperkt, sorry. Je hebt geen toegang tot deze pagina.",
+  "return_to_login_page": "Keer terug naar inlogpagina",
+  "review": "Review",
+  "review_your_peers_work": "Review werk van uw collega’s",
+  "revoke_invite": "Herroep uitnodiging",
+  "ro": "Roemeens",
+  "role": "Functie",
+  "ru": "Russisch",
+  "saml": "SAML",
+  "saml_create_admin_instructions": "Kies een e-mail adres voor het eerste __appName__ admin account. Dit moet corresponderen met een account in het SAML systeem. U zal daarna gevraagd worden in te loggen met dit account",
+  "save_or_cancel-cancel": "Anuleer",
+  "save_or_cancel-or": "of",
+  "save_or_cancel-save": "Sla op",
+  "saving": "Aan het opslaan",
+  "saving_notification_with_seconds": "__docname__  aan het opslaan... (__seconds__ seconden aan niet-opgeslagen wijzigingen)",
+  "search_bib_files": "Zoek op auteur, titel, jaar",
+  "search_projects": "Projecten zoeken",
+  "search_references": "Doorzoek het .bib bestand in dit project",
+  "security": "Veiligheid",
+  "see_changes_in_your_documents_live": "Zie verandering in uw documenten, live",
+  "select_github_repository": "Selecteer een GitHub repository om naar __appName__ te importeren.",
+  "send": "Verstuur",
+  "send_first_message": "Verzend je eerste bericht",
+  "send_test_email": "Stuur een test e-mail",
+  "sending": "Versturen",
+  "september": "september",
+  "server_error": "Serverfout",
+  "services": "Diensten",
+  "session_created_at": "Sessie gecreëerd op",
+  "session_expired_redirecting_to_login": "Sessie verlopen. Doorsturen naar de inlog pagina in __seconds__ seconden.",
+  "sessions": "Sessies",
+  "set_new_password": "Nieuw wachtwoord instellen",
+  "set_password": "Wachtwoord Instellen",
+  "settings": "Instellingen",
+  "share": "Delen",
+  "share_project": "Project Delen",
+  "shared_with_you": "Gedeeld met jou",
+  "sharelatex_beta_program": "__appName__ Beta Programma",
+  "show_hotkeys": "Sneltoetsen Tonen",
+  "show_less": "Laat minder zien",
+  "site_description": "Een online LaTeX editor die makkelijk te gebruiken is. Geen installatie, real-time samenwerken, versiecontrole, honderden LaTeX templates en meer.",
+  "something_went_wrong_rendering_pdf": "Er is iets misgegaan tijdens het renderen van deze PDF.",
+  "somthing_went_wrong_compiling": "Sorry, er ging iets fout en je project kon niet gecompileerd worden. Probeer het over enkele ogenblikken opnieuw.",
+  "source": "Bron",
+  "spell_check": "Spellingscontrole",
+  "start_by_adding_your_email": "Begin met het toevoegen van je e-mailadres",
+  "start_free_trial": "Start Gratis Proefperiode!",
+  "state": "Provincie",
+  "status_checks": "Status Checks",
+  "still_have_questions": "Zijn er nog meer vragen?",
+  "stop_compile": "Stop met compileren",
+  "stop_on_validation_error": "Check syntax voor compileren",
+  "student": "Student",
+  "subject": "Onderwerp",
+  "subscribe": "Abonneren",
+  "subscription": "Abonnementen",
+  "subscription_canceled_and_terminate_on_x": " Je abonnement is geannuleerd en zal eindigen op <0>__terminateDate__</0>. Er zullen geen betalingen meer worden vereist.",
+  "suggestion": "Suggestie",
+  "sure_you_want_to_change_plan": "Weet je zeker dat je wilt overstappen naar <0>__planName__</0>?",
+  "sure_you_want_to_delete": "Weet je zeker dat je de volgende bestanden permanent wilt verwijderen?",
+  "sure_you_want_to_leave_group": "Weet je zeker dat je deze groep wilt verlaten?",
+  "sv": "Zweeds",
+  "sync": "Synchronisatie",
+  "sync_project_to_github_explanation": "Aangebrachte wijzigingen in __appName__ zullen worden toegevoegd en samengevoegd met updates in GitHub.",
+  "sync_to_dropbox": "Synchroniseren met Dropbox",
+  "sync_to_github": "Synchroniseer met GitHub",
+  "syntax_validation": "Code check",
+  "take_me_home": "Terug naar huis dan maar!",
+  "template_description": "Sjabloonbeschrijving",
+  "templates": "Sjablonen",
+  "terminated": "Compileren gestopt",
+  "terms": "Voorwaarden",
+  "thank_you": "Dankjewel",
+  "thanks": "Bedankt",
+  "thanks_for_subscribing": "Bedankt voor het abonneren!",
+  "thanks_for_subscribing_you_help_sl": "Bedankt voor het abonneren op __planName__. De ondersteuning van mensen zoals jij maakt het mogelijk dat __appName__ groeit en verbetert.",
+  "thanks_settings_updated": "Bedankt, je instellingen zijn bijgewerkt.",
+  "theme": "Thema",
+  "thesis": "Scriptie",
+  "this_is_your_template": "Dit is jouw sjabloon uit jouw project",
+  "this_project_is_public": "Dit project is publiek toegankelijk en kan gewijzigd worden door iedereen die de URL heeft.",
+  "this_project_is_public_read_only": "Dit project is publiek toegankelijk en kan bekeken, maar niet bewerkt worden door iedereen die de URL heeft",
+  "this_project_will_appear_in_your_dropbox_folder_at": "Dit project zal verschijnen in je Dropbox map in ",
+  "three_free_collab": "Drie gratis bijdragers",
+  "timedout": "Time-out",
+  "title": "Titel",
+  "to_many_login_requests_2_mins": "Er is te vaak geprobeerd bij dit account in te loggen. Wacht 2 minuten alvorens het opnieuw te proberen.",
+  "to_modify_your_subscription_go_to": "Om je abonnement aan te passen, ga naar",
+  "too_many_files_uploaded_throttled_short_period": "Teveel bestanden geüpload, je uploads zijn afgeknepen voor een korte periode.",
+  "too_recently_compiled": "Dit project is recentelijk nog gecompileerd, daarom is het nu overgeslagen.",
+  "total_words": "Aantal woorden",
+  "tr": "Turks",
+  "track_any_change_in_real_time": "Hou alle veranderingen bij, in realtime",
+  "track_changes_is_off": "Wijzigingen bijhouden staat <strong>uit</strong>",
+  "track_changes_is_on": "Wijzigingen bijhouden staat <strong>aan</strong>",
+  "tracked_change_added": "Toegevoegd",
+  "tracked_change_deleted": "Verwijderd",
+  "try_it_for_free": "Probeer het gratis",
+  "try_now": "Nu Proberen",
+  "uk": "Oekraïens",
+  "unconfirmed": "Niet bevestigd",
+  "university": "Universiteit",
+  "unlimited_collabs": "Onbeperkt aantal bijdragers",
+  "unlimited_projects": "Onbeperkt aantal projecten",
+  "unlink": "Ontkoppelen.",
+  "unlink_github_warning": "Projecten die je gesynchroniseerd hebt met GitHub zullen niet meer gekoppeld zijn en niet meer gesynchroniseerd worden met GitHub. Weet je zeker dat je je GitHub-account wilt ontkoppelen?",
+  "unlink_reference": "Ontkoppel Referentie Provider",
+  "unlink_warning_reference": "Waarschuwing: Wanneer u uw account van deze provider losmaakt kan u geen referenties meer in uw projecten importeren",
+  "unpublish": "Onpubliceren",
+  "unpublishing": "Aan het ontpubliceren",
+  "unsubscribe": "Uitschrijven",
+  "unsubscribed": "Uitgeschreven",
+  "unsubscribing": "Aan het uitschrijven",
+  "update": "Bijwerken",
+  "update_account_info": "Accountinfo Bijwerken",
+  "update_dropbox_settings": "Dropboxinstellingen Updaten",
+  "update_your_billing_details": "Werk Je Factuurgegevens Bij",
+  "updating_site": "Site Aan Het Updaten",
+  "upgrade": "Upgraden",
+  "upgrade_cc_btn": "Upgrade nu, betaal na 7 dagen",
+  "upgrade_now": "Upgrade Nu",
+  "upgrade_to_get_feature": "Upgrade om __feature__ te krijgen, plus:",
+  "upgrade_to_track_changes": "Upgrade naar Wijzigingen Bijhouden",
+  "upload": "Uploaden",
+  "upload_file": "Bestand Uploaden",
+  "upload_project": "Project Uploaden",
+  "upload_zipped_project": "Gezipt Project Uploaden",
+  "user_wants_you_to_see_project": "__username__ wil dat u deelneemt aan __projectname__",
+  "vat_number": "BTW nummer",
+  "view_all": "Alle Bekijken",
+  "view_in_template_gallery": "Bekijk het in de sjablonengalerij",
+  "welcome_to_sl": "Welkom bij __appName__",
+  "wide": "Breed",
+  "word_count": "Aantal woorden",
+  "year": "jaar",
+  "you_have_added_x_of_group_size_y": "Je hebt <0>__addedUsersSize__</0> van de <1>__groupSize__</1> beschikbare leden",
+  "your_plan": "Jouw abonnement",
+  "your_projects": "Jouw Projecten",
+  "your_sessions": "Uw Sessies",
+  "your_subscription": "Jouw Abonnement",
+  "your_subscription_has_expired": "Je abonnement is verlopen.",
+  "zh-CN": "Chinees",
+  "zotero": "Zotero",
+  "zotero_integration": "Zetro Integratie",
+  "zotero_is_premium": "Zotero Integratie is een premium functie",
+  "zotero_reference_loading_error": "Error, kan referenties niet laden vanaf Mendeley",
+  "zotero_reference_loading_error_expired": "Zotero token verlopen, gelieve je account opnieuw te koppelen",
+  "zotero_reference_loading_error_forbidden": "Kon referenties niet laden vanaf Zotero, gelieve je account opnieuw te koppelen en nogmaals te proberen"
+}
diff --git a/services/web/locales/no.json b/services/web/locales/no.json
new file mode 100644
index 0000000..306970b
--- /dev/null
+++ b/services/web/locales/no.json
@@ -0,0 +1,396 @@
+{
+  "About": "Om",
+  "Account": "Konto",
+  "Account Settings": "Kontoinnstillinger",
+  "Documentation": "Dokumentasjon",
+  "Projects": "Prosjekter",
+  "Security": "Sikkerhet",
+  "Subscription": "Abonnement",
+  "Terms": "Vilkår",
+  "Universities": "Universiteter",
+  "about": "Om",
+  "about_to_delete_projects": "Du er i ferd med å slette følgende prosjekt:",
+  "about_to_leave_projects": "Du er i ferd med å forlate følgende prosjekter:",
+  "account": "Konto",
+  "account_not_linked_to_dropbox": "Din konto er ikke koblet til Dropbox",
+  "account_settings": "Kontoinnstillinger",
+  "actions": "Handlinger",
+  "activate_account": "Aktiver din konto",
+  "add": "Legg til",
+  "add_your_first_group_member_now": "Legg til ditt første gruppemedlem nå",
+  "added": "lagt til",
+  "adding": "Legge til",
+  "address": "Adresse",
+  "admin": "admin",
+  "all_projects": "Alle prosjekter",
+  "all_templates": "Alle maler",
+  "already_have_sl_account": "Allerede __appName__-bruker?",
+  "and": "og",
+  "annual": "Årlig",
+  "anonymous": "Anonym",
+  "april": "April",
+  "ask_proj_owner_to_upgrade_for_references_search": "Vennligst spør prosjekteieren om å oppgradere for å bruke Referansesøk-funksjonen",
+  "august": "August",
+  "auto_complete": "Autofullfør",
+  "back_to_your_projects": "Tilbake til prosjektene dine",
+  "beta": "Beta",
+  "bibliographies": "Bibliografi",
+  "blank_project": "Tomt prosjekt",
+  "blog": "Blogg",
+  "built_in": "Innebygget",
+  "cancel": "Avbryt",
+  "cancel_personal_subscription_first": "Du har allerede et personlig abonnement, vil du at vi skal kansellere det før du blir medlem av gruppelisensen?",
+  "cant_find_email": "Epostadressen er ikke registrert, beklager.",
+  "cant_find_page": "Beklager, vi kan ikke finne siden du leter etter.",
+  "change": "Endre",
+  "change_password": "Endre passord",
+  "change_plan": "Forandre plan",
+  "change_to_this_plan": "Bytt til denne planen",
+  "chat": "Chat",
+  "checking_dropbox_status": "sjekker Dropbox-status",
+  "checking_project_github_status": "Sjekker prosjektstatus i GitHub",
+  "choose_your_plan": "Velg din plan",
+  "city": "By",
+  "clear_cached_files": "Slett cache",
+  "clearing": "Rydder opp",
+  "click_here_to_view_sl_in_lng": "Trykk her for å bruke __appName__ på <0>__lngName__</0>",
+  "close": "Lukk",
+  "clsi_maintenance": "Kompileringsserverene er nede for vedlikehold, og vil være tilbake snart.",
+  "cn": "Kinesisk (Forenklet)",
+  "collaboration": "Samarbeid",
+  "collaborator": "Samarbeidspartner",
+  "collabs_per_proj": "__collabcount__ samarbeidspartnere per prosjekt",
+  "comment": "Kommenter",
+  "common": "Vanilige",
+  "compile_larger_projects": "Kompiler Større Prosjekter",
+  "compile_mode": "Kompileringsmodus",
+  "compiler": "Kompilator",
+  "compiling": "Kompilerer",
+  "complete": "Ferdig",
+  "confirm": "Bekreft",
+  "confirm_new_password": "Bekreft nytt passord",
+  "connected_users": "Tilkoblede brukere",
+  "connecting": "Kobler til",
+  "contact": "Kontakt",
+  "contact_us": "Kontakt oss",
+  "continue_github_merge": "Jeg har merget manuelt. Fortsett",
+  "copy": "Kopier",
+  "copy_project": "Kopier prosjekt",
+  "copying": "kopierer",
+  "country": "Land",
+  "coupon_code": "kupong kode",
+  "create": "Opprett",
+  "create_new_subscription": "Lag nytt abonnement",
+  "create_project_in_github": "Lag et GitHub-repository",
+  "creating": "Oppretter",
+  "credit_card": "Kredittkort",
+  "cs": "Tsjekkisk",
+  "current_password": "Nåværende passord",
+  "currently_subscribed_to_plan": "Du har for øyeblikket et abonnement på <0>__planName__</0>-planen.",
+  "da": "Dansk",
+  "de": "Tysk",
+  "december": "Desember",
+  "delete": "Slett",
+  "delete_account": "Slett konto",
+  "delete_and_leave_projects": "Slett of forlat prosjekter",
+  "delete_projects": "Slett prosjekter",
+  "delete_your_account": "Slett kontoen din",
+  "deleting": "Sletter",
+  "disconnected": "Frakoblet",
+  "documentation": "Dokumentasjon",
+  "doesnt_match": "Samsvarer ikke",
+  "done": "Ferdig",
+  "download": "Last ned",
+  "download_pdf": "Last ned PDF",
+  "download_zip_file": "Last ned .zip-fil",
+  "dropbox_sync": "Dropbox synkronisering",
+  "dropbox_sync_description": "Synkroniser __appName__-prosjektene dine med Dropbox. Endringer i __appName__ blir automatisk sendt til din Dropbox, og motsatt.",
+  "editing": "Redigerer",
+  "editor_disconected_click_to_reconnect": "Editor frakoblet, klikk hvor som helst for å koble til igjen.",
+  "email": "Epost",
+  "email_already_registered": "Denne eposten er allerede registrert",
+  "email_or_password_wrong_try_again": "Epostadressen eller passordet er feil. Vennligst prøv på nytt",
+  "en": "Engelsk",
+  "es": "Spansk",
+  "example_project": "Eksempelprosjekt",
+  "expiry": "Utløpsdato",
+  "export_project_to_github": "Eksporter prosjekt til GitHub",
+  "fast": "Hurtig",
+  "features": "Funksjoner",
+  "february": "Februar",
+  "first_name": "Fornavn",
+  "folders": "Mapper",
+  "font_size": "Skriftstørrelse",
+  "forgot_your_password": "Glemt passordet",
+  "fr": "Fransk",
+  "free": "Gratis",
+  "free_dropbox_and_history": "Gratis Dropbox og revisjonshistorikk",
+  "full_doc_history": "Full dokument-historikk",
+  "general": "Generelt",
+  "generic_something_went_wrong": "Beklager, noe gikk feil",
+  "get_in_touch": "Ta kontakt",
+  "github_commit_message_placeholder": "Commit-melding for endringer gjort i __appName__...",
+  "github_is_premium": "Synkronisering med GitHub er en premium funksjonalitet",
+  "github_public_description": "Hvem som helst kan se dette repositoriet. Du velger hvem som kan gjøre commits.",
+  "github_successfully_linked_description": "Takk, kobling av GitHub-kontoen din til __appName__ var vellykket. Du kan nå eksportere __appName__-prosjektene dine til GitHub, eller importere prosjekter fra GitHub-repositoriene dine.",
+  "github_sync": "GitHub Synk.",
+  "github_sync_description": "Med GitHub-Sync kan du koble dine prosjekter i __appName__ til GitHub-repositories. Lag nye commits fra __appName__, og merge med commits gjort offline eller i GitHub.",
+  "github_sync_error": "Beklager, det oppstod en feil da vi forsøkte å snakke med vår GitHub-service. Prøv igjen om ett øyeblikk",
+  "github_validation_check": "Vennligst sjekk at navnet til repositoriet er gyldig, og at du har tilgang til å lage repositoriet.",
+  "global": "global",
+  "go_to_code_location_in_pdf": "Gå til kodeplassering i PDF",
+  "go_to_pdf_location_in_code": "Gå til PDF plassering i kode",
+  "group_admin": "Gruppeadministrator",
+  "groups": "Grupper",
+  "headers": "Overskrifter",
+  "help": "Hjelp",
+  "hotkeys": "Hurtigtaster",
+  "import_from_github": "Importer fra GitHub",
+  "import_to_sharelatex": "Importer til __appName__",
+  "importing": "Importerer",
+  "importing_and_merging_changes_in_github": "Importerer og merger endringer i GitHub",
+  "info": "Info",
+  "institution": "Institusjon",
+  "it": "Italiensk",
+  "ja": "Japansk",
+  "january": "Januar",
+  "join_sl_to_view_project": "Bli med i __appName__ for å se dette prosjektet",
+  "july": "Juli",
+  "june": "Juni",
+  "keybindings": "Tastatursnarveier",
+  "ko": "Koreansk",
+  "language": "Språk",
+  "last_modified": "Sist endret",
+  "last_name": "Etternavn",
+  "latex_templates": "LaTex-maler",
+  "learn_more": "Lær mer",
+  "leave_group": "Forlat gruppe",
+  "leave_now": "Forlat nå",
+  "leave_projects": "Forlat prosjekter",
+  "link_to_github": "Koble til din GitHub-konto",
+  "link_to_github_description": "Du må autorisere __appName__ for å få tilgang til GitHub-kontoen din slik at vi kan synkronisere prosjektene dine.",
+  "loading": "Laster",
+  "loading_github_repositories": "Laster dine GitHub-repositories",
+  "loading_recent_github_commits": "Laster nylige commits.",
+  "log_in": "Logg inn",
+  "log_out": "Logg ut",
+  "logging_in": "Logger inn",
+  "login": "Innlogging",
+  "login_here": "Logg inn her",
+  "logs_and_output_files": "Logger og output-filer",
+  "lost_connection": "Mistet tilkobling",
+  "main_document": "Hoveddokument",
+  "maintenance": "Vedlikehold",
+  "make_private": "Gjør privat",
+  "march": "Mars",
+  "math_display": "Matematikk utstilt",
+  "math_inline": "Matematikk i linje",
+  "maximum_files_uploaded_together": "Maksimalt __max__ filer lastet opp samtidig",
+  "may": "Mai",
+  "menu": "Meny",
+  "merge": "Merge",
+  "merging": "Merging",
+  "month": "måned",
+  "monthly": "Månedlig",
+  "more": "Mer",
+  "must_be_email_address": "Må være en epostadresse",
+  "name": "Navn",
+  "native": "integrert",
+  "navigation": "Navigasjon",
+  "nearly_activated": "Du er ett steg unna fra å aktivere din __appName__ konto!",
+  "need_anything_contact_us_at": "Dersom det er noe du trenger, ikke nøl med å kontakte oss direkte på",
+  "need_to_leave": "Må du dra?",
+  "new_file": "Ny fil",
+  "new_folder": "Ny mappe",
+  "new_name": "Nytt navn",
+  "new_password": "Nytt passord",
+  "new_project": "Nytt prosjekt",
+  "next_payment_of_x_collectected_on_y": "Neste betaling av <0>__paymentAmmount__</0> vil bli belastet den <1>__collectionDate__</1>",
+  "nl": "Nederlandsk",
+  "no": "Norsk",
+  "no_members": "Ingen medlemmer",
+  "no_messages": "Ingen meldinger",
+  "no_new_commits_in_github": "Ingen nye commits i GitHub siden siste merge.",
+  "no_planned_maintenance": "Det er for tiden ikke planlagt noe vedlikehold",
+  "no_preview_available": "Beklager, ingen forhåndsvisning er tilgjengelig",
+  "no_projects": "Ingen prosjekter",
+  "no_search_results": "Ingen søkeresultater",
+  "normal": "Normal",
+  "not_now": "Ikke nå",
+  "november": "November",
+  "october": "Oktober",
+  "off": "Av",
+  "ok": "OK",
+  "one_free_collab": "Én gratis samarbeidspartner",
+  "online_latex_editor": "Online LaTeX-redigeringsprogram",
+  "optional": "Valgfri",
+  "or": "eller",
+  "other_logs_and_files": "Andre logger & filer",
+  "over": "over",
+  "owner": "Eier",
+  "page_not_found": "Fant ikke siden",
+  "password": "Passord",
+  "password_reset": "Tilbakestill passord",
+  "password_reset_email_sent": "Vi har sendt deg en email hvor du kan tilbakestille passordet ditt.",
+  "password_reset_token_expired": "Token for tilbakestilling av passord har utløpt. Vennligst be om ny email for tilbakestilling av passord og følg lenken.",
+  "pdf_viewer": "PDF-viser",
+  "personal": "Personlig",
+  "pl": "Polsk",
+  "planned_maintenance": "Planlagt vedlikehold",
+  "plans_amper_pricing": "Planer & Priser",
+  "plans_and_pricing": "Planer og priser",
+  "please_compile_pdf_before_download": "Vennligst kompiler prosjektet før du laster ned PDF",
+  "please_compile_pdf_before_word_count": "Vennligst kompiler prosjektet ditt før du utfører en ordtelling",
+  "please_enter_email": "Vennligst fyll inn epostadressen din",
+  "please_refresh": "Vennligst refresh siden for å fortsette.",
+  "please_set_a_password": "Vennligst velg et passord",
+  "position": "Stilling",
+  "presentation": "Presentasjon",
+  "price": "Pris",
+  "privacy": "Personvern",
+  "privacy_policy": "Erklæring om personvern",
+  "private": "Privat",
+  "problem_changing_email_address": "Det oppstod et problem med å endre epostadressen din. Prøv igjen om noen øyeblikk. Vennligst ta kontakt med oss dersom problemet vedvarer.",
+  "problem_talking_to_publishing_service": "Det er et problem med vår publiseringstjeneste, vennligst prøv igjen om noen få minutter",
+  "problem_with_subscription_contact_us": "Det er et problem med abonnementet ditt. Vennligst kontakt oss for mer informasjon.",
+  "processing": "Jobber",
+  "professional": "Profesjonell",
+  "project_last_published_at": "Ditt prosjekt ble sist publisert",
+  "project_name": "Prosjektnavn",
+  "project_not_linked_to_github": "Dette prosjektet er ikke koblet til et GitHub-repository. Du kan lage et repository for det i GitHub:",
+  "project_too_large": "Prosjektet er for stort",
+  "project_too_large_please_reduce": "Prosjektet har for mye tekst. Vennligst reduser størrelsen.",
+  "project_url": "Prosjekt URL",
+  "projects": "Prosjekter",
+  "pt": "Portugisisk",
+  "public": "Offentlig",
+  "publish": "Publiser",
+  "publish_as_template": "Publiser som mal",
+  "publishing": "Publiserer",
+  "pull_github_changes_into_sharelatex": "Pull forandringer i GitHub til __appName__",
+  "push_sharelatex_changes_to_github": "Push forandringer i __appName__ til GitHub",
+  "recent_commits_in_github": "Nylige commits i GitHub",
+  "recompile": "Rekompiler",
+  "reconnecting": "Kobler til",
+  "reconnecting_in_x_secs": "Kobler til om __seconds__ sekunder",
+  "refresh_page_after_starting_free_trial": "Vennligst last inn siden på nytt etter at du har startet din gratis prøveperiode.",
+  "regards": "Takk",
+  "register": "Registrer",
+  "register_to_edit_template": "Vennligst registrer deg for å redigere __templateName__ malen",
+  "registered": "Registrert",
+  "registering": "Registrerer",
+  "remove_from_group": "Fjern fra gruppe",
+  "removed": "fjernet",
+  "removing": "Fjerning",
+  "rename": "Gi nytt navn",
+  "rename_project": "Gi prosjektet nytt navn",
+  "repository_name": "Repository-navn",
+  "republish": "Re-publiser",
+  "request_password_reset": "Be om nytt passord",
+  "request_sent_thank_you": "Forespørsel sendt. Takk.",
+  "required": "påkrevd",
+  "reset_password": "Tilbakestill passord",
+  "reset_your_password": "Tilbakestill passordet ditt",
+  "restore": "Gjenopprett",
+  "restoring": "Gjenoppretter",
+  "restricted": "Begrenset",
+  "restricted_no_permission": "Begrenset, beklager, du har ikke tillatelse til å laste denne siden.",
+  "ro": "Rumensk",
+  "role": "Stilling",
+  "ru": "Russisk",
+  "saving": "Lagrer",
+  "saving_notification_with_seconds": "Lagrer __docname__... (__seconds__ sekunder med ulagrede endringer)",
+  "search_bib_files": "Søk etter forfatter, tittel, år",
+  "search_projects": "Søk prosjekter",
+  "search_references": "Søk i .bib-filene for dette prosjektet",
+  "security": "Sikkerhet",
+  "select_github_repository": "Velg et GitHub-repository å importere til __appName__.",
+  "send_first_message": "Send din første melding",
+  "september": "September",
+  "server_error": "Serverfeil",
+  "set_new_password": "Sett nytt passord",
+  "set_password": "Sett passord",
+  "settings": "Innstillinger",
+  "share": "Del",
+  "share_project": "Del prosjekt",
+  "shared_with_you": "Delt med deg",
+  "show_hotkeys": "Vis hurtigtaster",
+  "somthing_went_wrong_compiling": "Beklager, noe gikk galt og prosjektet ditt kunne ikke bli kompilert. Vennligst prøv igjen om noen få øyeblikk.",
+  "source": "Kilde",
+  "spell_check": "Stavekontroll",
+  "start_free_trial": "Start gratis prøveperiode!",
+  "state": "Fylke",
+  "student": "Student",
+  "subject": "Emne",
+  "subscribe": "Abonner",
+  "subscription": "Abonnement",
+  "subscription_canceled_and_terminate_on_x": " Ditt abonnement har blitt kansellert og vil avsluttes den <0>__terminateDate__</0>. Ingen ytterligere belastninger vil bli foretatt.",
+  "suggestion": "Forslag",
+  "sure_you_want_to_change_plan": "Er du sikker på at du vil bytte plan til <0>__planName__</0>?",
+  "sure_you_want_to_leave_group": "Er du sikker på at du vil forlate denne gruppen?",
+  "sv": "Svensk",
+  "sync": "Synk",
+  "sync_project_to_github_explanation": "Alle endringer du har gjort i __appName__ vil bli commited og merged med eventuelle oppdateringer i GitHub.",
+  "sync_to_dropbox": "Synkroniser til Dropbox",
+  "sync_to_github": "Synkroniser til GitHub",
+  "take_me_home": "Ta meg hjem!",
+  "template_description": "Mal Beskrivelse",
+  "templates": "Maler",
+  "terms": "Betingelser",
+  "thank_you": "Takk",
+  "thanks": "Takk",
+  "thanks_for_subscribing": "Takk for at du abonnerer!",
+  "thanks_for_subscribing_you_help_sl": "Takk for at du abonnerer til __planName__ planen. Støtte fra personer som deg gjør at __appName__ kan fortsette å vokse og forbedres.",
+  "thanks_settings_updated": "Takk, endringene dine har blitt lagret.",
+  "theme": "Tema",
+  "thesis": "Avhandling",
+  "this_project_is_public": "Dette prosjektet er offentlig og kan redigeres av alle med riktig URL.",
+  "this_project_is_public_read_only": "Dette prosjektet er offentlig og kan bli vist, men ikke redigert, av alle med URLen.",
+  "this_project_will_appear_in_your_dropbox_folder_at": "Dette prosjektet vil bli plassert i din Dropbox-mappe på ",
+  "three_free_collab": "Tre gratis samarbeidspartnere",
+  "timedout": "Tok for lang tid",
+  "title": "Tittel",
+  "to_many_login_requests_2_mins": "Denne kontoen har hatt for mange innloggingsforsøk. Vennligst vent 2 minutter før du prøver å logge inn igjen",
+  "to_modify_your_subscription_go_to": "For å endre abonnementet ditt gå til",
+  "too_many_files_uploaded_throttled_short_period": "For mange filer lastet opp, dine opplastninger har blitt begrenset i en kort periode.",
+  "too_recently_compiled": "Dette prosjektet ble kompilert veldig nylig, så kompilasjonen har blitt hopper over.",
+  "total_words": "Totalt antall ord",
+  "tr": "Tyrkisk",
+  "try_now": "Prøv nå",
+  "uk": "Ukrainsk",
+  "university": "Universitet",
+  "unlimited_collabs": "Ubegrenset antall samarbeidspartnere",
+  "unlimited_projects": "Ubegrenset antall prosjekter",
+  "unlink": "Koble fra",
+  "unlink_github_warning": "Eventuelle prosjekter du har synkronisert med GitHub vil bli koblet fra og vil ikke lenger bli holdt synkronisert med GitHub. Er du sikker på at du vil koble fra GitHub-kontoen din?",
+  "unpublish": "Trekk tilbake",
+  "unpublishing": "Avpubliserer",
+  "unsubscribe": "Avslutt abonnement",
+  "unsubscribed": "Abonnement avsluttet",
+  "unsubscribing": "Avslutter abonnement",
+  "update": "Oppdater",
+  "update_account_info": "Oppdater kontoinformasjon",
+  "update_dropbox_settings": "Oppdater Dropbox-innstillinger",
+  "update_your_billing_details": "Oppdater dine faktureringsdetaljer",
+  "updating_site": "Oppdaterer side",
+  "upgrade": "Oppgrader",
+  "upgrade_now": "Oppgrader Nå",
+  "upgrade_to_get_feature": "Oppgrader for å få __feature__, pluss:",
+  "upload": "Last opp",
+  "upload_file": "Last opp fil",
+  "upload_project": "Last opp prosjekt",
+  "upload_zipped_project": "Last opp zippet prosjekt",
+  "user_wants_you_to_see_project": "__username__ ønsker at du skal se __projectname__",
+  "vat_number": "Org. nummer",
+  "view_all": "Vis alle",
+  "view_in_template_gallery": "Se i malgalleri",
+  "welcome_to_sl": "Velkommen til __appName__",
+  "word_count": "Ordtelling",
+  "year": "år",
+  "you_have_added_x_of_group_size_y": "Du har lagt til <0>__addedUsersSize__</0> av <1>__groupSize__</1> tilgjengelige deltagere",
+  "your_plan": "Din plan",
+  "your_projects": "Dine prosjekter",
+  "your_subscription": "Ditt abonnement",
+  "your_subscription_has_expired": "Dit abonnement har utgått.",
+  "zh-CN": "Kinesisk"
+}
diff --git a/services/web/locales/pl.json b/services/web/locales/pl.json
new file mode 100644
index 0000000..3f4b70c
--- /dev/null
+++ b/services/web/locales/pl.json
@@ -0,0 +1,230 @@
+{
+  "about_to_delete_projects": "Zaraz usuniesz następujące projekty:",
+  "account": "Konto",
+  "account_not_linked_to_dropbox": "Twoje konto nie jest powiązane z Dropboxem",
+  "account_settings": "Ustawienia konta",
+  "actions": "Akcje",
+  "add": "Dodaj",
+  "all_projects": "Wszystkie projekty",
+  "already_have_sl_account": "Czy masz już konto __appName__?",
+  "and": "i",
+  "annual": "Rocznie",
+  "anonymous": "Anonimowy",
+  "auto_complete": "automatyczne dopełnianie",
+  "back_to_your_projects": "Wróć do swoich projektów",
+  "beta": "Beta",
+  "bibliographies": "Bibliografie",
+  "blank_project": "Pusty projekt",
+  "blog": "Blog",
+  "built_in": "Wbudowana",
+  "cancel": "Anuluj",
+  "cant_find_email": "Przykro nam, ale ten adres email nie jest zarejestrowany.",
+  "cant_find_page": "Przykro nam, ale nie możemy znaleźć strony której szukasz.",
+  "change": "Zmień",
+  "change_password": "Zmień hasło",
+  "chat": "Czat",
+  "checking_dropbox_status": "sprawdzanie statusu Dropboxa",
+  "choose_your_plan": "Wybierz swój plan",
+  "clear_cached_files": "Wyczyść pliki z cache",
+  "clearing": "Czyszczenie",
+  "click_here_to_view_sl_in_lng": "Kliknij tutaj, żeby używać __appName__ w <0>__lngName__</0>m",
+  "collaborator": "Współpracownik",
+  "collabs_per_proj": "__collabcount__ współpracowników na projekt",
+  "comment": "Skomentuj",
+  "common": "Wspólne",
+  "compiler": "Kompilator",
+  "compiling": "Kompilowanie",
+  "complete": "Zakończono",
+  "confirm_new_password": "Potwierdź nowe hasło",
+  "connecting": "Łączenie",
+  "contact": "Kontakt",
+  "contact_us": "Skontaktuj się z nami",
+  "copy": "Kopiuj",
+  "copy_project": "Kopiuj projekt",
+  "copying": "kopiowanie",
+  "create": "Utwórz",
+  "creating": "Tworzenie",
+  "cs": "Czeski",
+  "current_password": "Aktualne hasło",
+  "da": "Duński",
+  "de": "Niemiecki",
+  "delete": "Usuń",
+  "delete_account": "Usuń konto",
+  "delete_your_account": "Usuń konto",
+  "deleting": "Usuwanie",
+  "disconnected": "Rozłączony",
+  "documentation": "Dokumentacja",
+  "doesnt_match": "Nie zgadza się",
+  "done": "Zrobione",
+  "download": "Ściągnij",
+  "download_pdf": "Ściągnij PDF",
+  "download_zip_file": "Ściągnij plik .zip",
+  "dropbox_sync": "Synchronizacja z Dropbox",
+  "editing": "Edytowanie",
+  "email": "Email",
+  "en": "Angielski",
+  "error": "Błąd",
+  "es": "Hiszpański",
+  "example_project": "Przykładowy projekt",
+  "first_name": "Imię",
+  "folders": "Foldery",
+  "font_size": "Rozmiar czcionki",
+  "forgot_your_password": "Zapomniałeś hasła?",
+  "fr": "Francuski",
+  "free": "Darmowy",
+  "free_dropbox_and_history": "Darmowy Dropbox i historia",
+  "full_doc_history": "Pełna historia dokumentu",
+  "general": "Ogólne",
+  "generic_something_went_wrong": "Przepraszamy, coś poszło nie tak",
+  "github_sync_error": "Przepraszamy, ale wystąpił błąd komunikacji z naszym kontem GitHub. Proszę spróbuj ponownie za parę chwil.",
+  "help": "Pomoc",
+  "hotkeys": "Skróty klawiszowe",
+  "info": "Informacje",
+  "institution": "Instytucja",
+  "it": "Włoski",
+  "join_sl_to_view_project": "Dołącz do __appName__, aby zobaczyć ten projekt",
+  "language": "Język",
+  "last_modified": "Ostatnio modyfikowany",
+  "last_name": "Nazwisko",
+  "latex_templates": "Szablony LaTeX",
+  "learn_more": "Dowiedz się więcej",
+  "loading": "Ładowanie",
+  "log_in": "Zaloguj się",
+  "log_out": "Wyloguj się",
+  "logging_in": "Logowanie",
+  "login": "Login",
+  "login_here": "Zaloguj się tutaj",
+  "logs_and_output_files": "Logi i pliki wynikowe",
+  "lost_connection": "Utracono połączenie",
+  "main_document": "Główny plik",
+  "make_private": "Ustaw projekt jako prywatny",
+  "menu": "Menu",
+  "month": "miesiąc",
+  "monthly": "Miesięcznie",
+  "more": "więcej",
+  "must_be_email_address": "Musi być adresem email",
+  "name": "Nazwa",
+  "native": "natywna",
+  "navigation": "Nawigacja",
+  "need_to_leave": "Musisz nas opuścić?",
+  "new_file": "Nowy plik",
+  "new_folder": "Nowy folder",
+  "new_name": "Nowa nazwa",
+  "new_password": "Nowe hasło",
+  "new_project": "Nowy projekt",
+  "nl": "Duński",
+  "no": "Norweski",
+  "no_members": "Brak członków",
+  "no_messages": "Brak wiadomości",
+  "no_planned_maintenance": "Nie ma obecnie żadnych zaplanowanych konserwacji",
+  "no_preview_available": "Przepraszamy, pogląd jest niedostępny.",
+  "no_projects": "Brak projektów",
+  "off": "Wyłączone",
+  "ok": "OK",
+  "one_free_collab": "Jeden darmowy współpracownik",
+  "or": "lub",
+  "other_logs_and_files": "Inne logi i pliki",
+  "owner": "Właściciel",
+  "page_not_found": "Strona nie znaleziona",
+  "password": "Hasło",
+  "password_reset": "Resetowanie hasła",
+  "password_reset_email_sent": "Wysłaliśmy do Ciebie emaila, żeby dokończyć proces resetowania hasła",
+  "pdf_viewer": "Przeglądarka PDF",
+  "personal": "Osobiste",
+  "pl": "Polski",
+  "planned_maintenance": "Planowana konserwacja",
+  "plans_and_pricing": "Plany i cennik",
+  "please_enter_email": "Wpisz swój adres email",
+  "please_refresh": "Proszę odśwież stronę aby kontynuować.",
+  "position": "Stanowisko",
+  "presentation": "Prezentacja",
+  "price": "Cena",
+  "privacy": "Prywatność",
+  "privacy_policy": "Polityka prywatności",
+  "private": "Prywatny",
+  "processing": "przetwarzanie",
+  "professional": "Profesjonalne",
+  "project_last_published_at": "Twój projekt był ostatnio publikowany dnia",
+  "project_name": "Nazwa projektu",
+  "projects": "Projekty",
+  "pt": "Portugalski",
+  "public": "Publiczny",
+  "publish": "Publikuj",
+  "publish_as_template": "Publikuj jako szablon",
+  "recompile": "Przekompiluj",
+  "reconnecting": "Ponowne łączenie",
+  "reconnecting_in_x_secs": "Próba połączenia za __seconds__ s",
+  "refresh_page_after_starting_free_trial": "Odśwież tę stronę po rozpoczęciu darmowego trialu",
+  "regards": "Dziękujemy",
+  "register": "Zarejestruj się",
+  "register_to_edit_template": "Zarejestruj się, żeby edytować szablon __templateName__",
+  "registered": "Zarejestrowany",
+  "registering": "Rejestracja",
+  "remove_from_group": "Usuń z grupy",
+  "rename": "Zmień nazwę",
+  "rename_project": "Zmień nazwę projektu",
+  "request_password_reset": "Poproś o nowe hasło",
+  "required": "wymagane",
+  "reset_your_password": "Zresetuj swoje hasło",
+  "restore": "Przywróć",
+  "restoring": "Przywracanie",
+  "restricted_no_permission": "Wstęp wzbroniony - nie masz uprawnień, aby załadować tę stronę.",
+  "ro": "Rumuński",
+  "role": "Rola",
+  "ru": "Rosyjski",
+  "saving": "Zapisywanie",
+  "saving_notification_with_seconds": "Zapisywanie pliku __docname__... (__seconds__ sekund niezapisanych zmian)",
+  "search_projects": "Przeszukaj projekty",
+  "security": "Bezpieczeństwo",
+  "send_first_message": "Wyślij pierwszą wiadomość",
+  "server_error": "Błąd serwera",
+  "set_new_password": "Ustaw nowe hasło",
+  "settings": "Ustawienia",
+  "share": "Udostępnij",
+  "share_project": "Udostępnij projekt",
+  "shared_with_you": "Udostępnione dla Ciebie",
+  "show_hotkeys": "Pokaż skróty klawiszowe",
+  "somthing_went_wrong_compiling": "Przepraszamy, coś poszło nie tak i twój projekt nie mógł zostać skompilowany. Spróbuj ponownie za kilka chwil.",
+  "source": "Pliki źródłowe",
+  "spell_check": "Sprawdzanie pisowni",
+  "start_free_trial": "Rozpocznij darmowy okres próbny!",
+  "student": "Student",
+  "sv": "Szwedzki",
+  "sync": "Synchronizacja",
+  "sync_to_dropbox": "Synchronizuj z Dropbox",
+  "take_me_home": "Zabierz mnie do domu!",
+  "template_description": "Opis szablony",
+  "templates": "Szablony",
+  "terms": "Warunki",
+  "thanks": "Dziękuję",
+  "thanks_settings_updated": "Dziękuję, twoje ustawienia zostały zaktualizowane.",
+  "theme": "Skórka",
+  "thesis": "Praca dyplomowa",
+  "this_project_is_public": "Ten projekt jest publiczny i może być edytowany przez każdego kto posiada link.",
+  "timedout": "Koniec limitu czasu",
+  "title": "Tytuł",
+  "try_now": "Spróbuj teraz",
+  "uk": "Ukraiński",
+  "university": "Uniwersytet",
+  "unlimited_collabs": "Bez limitu współpracowników",
+  "unlimited_projects": "Nielimitowane projekty",
+  "unpublish": "Zaprzestaj publikację",
+  "unsubscribe": "Wypisz",
+  "unsubscribed": "Wypisano",
+  "unsubscribing": "Wypisywanie",
+  "update": "Zakutalizuj",
+  "update_account_info": "Zaktualizuj informacje o koncie",
+  "update_dropbox_settings": "Zaktualizuj ustawienia Dropbox",
+  "upload": "Wyślij plik",
+  "upload_file": "Wyślij plik",
+  "upload_project": "Wyślij projekt",
+  "upload_zipped_project": "Wyślij projekt w pliku ZIP",
+  "user_wants_you_to_see_project": "__username__ chce, żebyś zobaczył __projectname__",
+  "view_all": "Zobacz wszystko",
+  "view_in_template_gallery": "Zobacz w galerii szablonów",
+  "welcome_to_sl": "Witaj w __appName__",
+  "year": "rok",
+  "your_plan": "Twój plan",
+  "your_projects": "Twoje projekty",
+  "your_subscription": "Twoja subskrypcja"
+}
diff --git a/services/web/locales/pt.json b/services/web/locales/pt.json
new file mode 100644
index 0000000..5527208
--- /dev/null
+++ b/services/web/locales/pt.json
@@ -0,0 +1,684 @@
+{
+  "About": "Sobre",
+  "Account": "Conta",
+  "Account Settings": "Configurações da Conta",
+  "Documentation": "Documentação",
+  "Projects": "Projetos",
+  "Security": "Segurança",
+  "Subscription": "Inscrição",
+  "Terms": "Termos",
+  "Universities": "Universidades",
+  "about": "Sobre",
+  "about_to_archive_projects": "Você está prestes a arquivar os seguintes projetos:",
+  "about_to_delete_projects": "Você está prestes a excluir os seguintes projetos:",
+  "about_to_leave_projects": "Você está prestes à deixar de seguir os projetos:",
+  "accept": "Aceitar",
+  "accept_invitation": "Aceitar convite",
+  "accept_or_reject_each_changes_individually": "Aceitar ou rejeitar cada alteração individualmente",
+  "accepted_invite": "Convite aceito",
+  "accepting_invite_as": "Você está aceitando esse convite como",
+  "account": "Conta",
+  "account_not_linked_to_dropbox": "Sua conta não está vinculada ao Dropbox",
+  "account_settings": "Configurações da Conta",
+  "actions": "Ações",
+  "activate": "Ativar",
+  "activate_account": "Ative sua conta",
+  "activating": "Ativando",
+  "activation_token_expired": "Seu token de ativação expirou, você precisa que outro seja enviado para você.",
+  "add": "Adicionar",
+  "add_another_email": "Adicionar outro e-mail",
+  "add_comma_separated_emails_help": "Separa múltiplos endereços de emails utilizando vírgula (,).",
+  "add_comment": "Adicionar comentário",
+  "add_new_email": "Adicionar novo e-mail",
+  "add_role_and_department": "Adicionar perfil e departamento",
+  "add_your_comment_here": "Adicione seu comentário aqui",
+  "add_your_first_group_member_now": "Adicione seu primeiro membro no grupo agora",
+  "added": "adicionado",
+  "adding": "Adicionando",
+  "address": "Endereço",
+  "admin": "admin",
+  "admin_user_created_message": "Criar um usuário admin, <a href=\"__link__\">Entrar aqui</a> para continuar",
+  "aggregate_changed": "Alterado",
+  "aggregate_to": "para",
+  "all_premium_features": "Todos os recursos premium",
+  "all_projects": "Todos Projetos",
+  "all_templates": "Todos os Modelos",
+  "already_have_sl_account": "Já possui uma conta no __appName__?",
+  "and": "e",
+  "annual": "Anual",
+  "anonymous": "Anônimo",
+  "anyone_with_link_can_edit": "Qualquer um com esse link pode editar esse projeto",
+  "anyone_with_link_can_view": "Qualquer um com esse link pode ver esse projeto",
+  "april": "Abril",
+  "archive": "Arquivar",
+  "archive_projects": "Projetos Arquivados",
+  "archived_projects": "Projetos Arquivados",
+  "ask_proj_owner_to_upgrade_for_full_history": "Por favor, peça ao dono do projeto para atualizar para acessar o recurso de Histórico Completo.",
+  "ask_proj_owner_to_upgrade_for_references_search": "Peça ao proprietário do projeto para atualizar para usar o recurso de Pesquisa de Referências.\n",
+  "august": "Agosto",
+  "auto_close_brackets": "Fechamento Automático de Delimitadores",
+  "auto_compile": "Compilar Automaticamente",
+  "auto_complete": "Auto-completar",
+  "autocompile_disabled": "Autocompilação desativada",
+  "autocompile_disabled_reason": "Devido à alta carga do servidor, a recompilação de fundo foi desativada temporariamente. Recompile clicando no botão acima.",
+  "autocomplete": "Autocompletar",
+  "autocomplete_references": "Referência Autocompletar (dentro do bloco <code>\\cite{}</code>)",
+  "back_to_editor": "Voltar ao editor",
+  "back_to_your_projects": "Voltar ao seus projetos",
+  "beta": "Beta",
+  "beta_program_already_participating": "Você está inscrito no Programa Beta.",
+  "beta_program_badge_description": "Enquanto usa o __appName__, você verá os recursos beta marcados com este emblema:",
+  "beta_program_benefits": "Nós estamos sempre melhorando o __appName__. Ingressando em nosso Programa Beta você pode ter acesso aos novos recursos e nos ajudar a entender melhor suas necessidades.",
+  "beta_program_opt_in_action": "Cadastrar no Programa Beta",
+  "beta_program_opt_out_action": "Descadastrar do Programa Beta",
+  "bibliographies": "Bibliografia",
+  "blank_project": "Projeto Em Branco",
+  "blog": "Blog",
+  "brl_discount_offer_plans_page_banner": "__flag__ Aplicamos um desconto de 50% aos planos premium nesta página para nossos usuários no Brasil. Confira os novos preços mais baixos.",
+  "built_in": "Embutido",
+  "by": "por",
+  "cancel": "Cancelar",
+  "cancel_my_account": "Cancelar minha inscrição",
+  "cancel_personal_subscription_first": "Você já tem uma inscrição pessoal, você gostaria que cancelássemos a primeira antes de se juntar à licença de grupo?",
+  "cancel_your_subscription": "Parar Sua Inscrição",
+  "cannot_invite_non_user": "Não foi possível enviar o convite. O destinatário deve ter uma conta no __appName__",
+  "cannot_invite_self": "Não pode enviar convite para você mesmo",
+  "cannot_verify_user_not_robot": "Desculpe, não conseguimos verificar se você não é um robô. Por favor, verifique se o Google reCAPTCHA não está sendo bloqueado por algum firewall ou bloqueador de anúncios.",
+  "cant_find_email": "Esse email não está registrado, desculpe.",
+  "cant_find_page": "Desculpe, não conseguimos achar a página que você está procurando.",
+  "change": "Modificado",
+  "change_password": "Mudar Senha",
+  "change_plan": "Mudar plano",
+  "change_to_this_plan": "Alterar para esse plano",
+  "chat": "Bate-papo",
+  "checking": "Verificando",
+  "checking_dropbox_status": "verificando estado do Dropbox",
+  "checking_project_github_status": "Verificando estado do projeto no GitHub",
+  "choose_your_plan": "Escolha seu plano",
+  "city": "Cidade",
+  "clear_cached_files": "Limpar arquivos em cache",
+  "clear_search": "limpar pesquisa",
+  "clear_sessions": "Limpar Sessões",
+  "clear_sessions_description": "Essa é a lista de outras sessões (logins) que estão ativas na sua conta, sem incluir sua sessão corrente. Clique no botão \"Limpar Sessões\" para desconectar elas.",
+  "clear_sessions_success": "Sessões Limpas",
+  "clearing": "Limpando",
+  "click_here_to_view_sl_in_lng": "Clique aqui e veja a página __appName__ em <0>__lngName__</0>",
+  "clone_with_git": "Clonar com o Git",
+  "close": "Fechar",
+  "clsi_maintenance": "O servidor de compilação está fora do ar para manutenção, logo estará de volta.",
+  "cn": "Chinês (Simplificado)",
+  "code_check_failed": "Verificação do código falhou",
+  "code_check_failed_explanation": "Seu código contém erros que precisam ser corrigidos antes de rodar a auto-compilação",
+  "collaboration": "Colaboração",
+  "collaborator": "Colaborador",
+  "collabs_per_proj": "__collabcount__ colaboradores por projeto",
+  "comment": "Comentário",
+  "common": "Comum",
+  "compact": "Compacto",
+  "compile_larger_projects": "Compile projetos maiores",
+  "compile_mode": "Modo de Compilação",
+  "compile_terminated_by_user": "O compilador foi cancelado usando o botão \"Parar Compilação\". Você pode olhar os logs e ver onde a compilação parou.",
+  "compiler": "Compilador",
+  "compiling": "Compilando",
+  "complete": "Completo",
+  "confirm": "Confirmar",
+  "confirm_email": "Confirme o Email",
+  "confirm_new_password": "Confirmar Nova Senha",
+  "conflicting_paths_found": "Conflito de Caminhos Encontrado",
+  "connected_users": "Usuários Conectados",
+  "connecting": "Conectando",
+  "contact": "Contato",
+  "contact_message_label": "Mensagem",
+  "contact_us": "Entre em Contato",
+  "continue_github_merge": "Mesclei manualmente. Continuar",
+  "copy": "Copiar",
+  "copy_project": "Copiar Projeto",
+  "copying": "Copiando",
+  "country": "País",
+  "coupon_code": "Código de cupom",
+  "create": "Criar",
+  "create_first_admin_account": "Criar o primeira conta de Administrador",
+  "create_new_subscription": "Crie Nova Inscrição",
+  "create_project_in_github": "Criar um repositório no GitHub",
+  "creating": "Criando",
+  "credit_card": "Cartão de Crédito",
+  "cs": "Tcheco",
+  "current_file": "Arquivo atual",
+  "current_password": "Senha Atual",
+  "currently_seeing_only_24_hrs_history": "Você está vendo as alterações das últimas 24 horas neste projeto.",
+  "currently_subscribed_to_plan": "Você está atualmente inscrito no plano <0>__planName__</0>",
+  "da": "Dinamarquês",
+  "de": "Alemão",
+  "december": "Dezembro",
+  "default": "Padrão",
+  "delete": "Excluir",
+  "delete_account": "Excluir Conta",
+  "delete_account_warning_message_3": "Você está prestes <strong>a excluir todos os dados de sua conta permanentemente, incluindo seus projetos e configurações. Digite o endereço de e-mail e sua senha da conta nas caixas abaixo para continuar.</strong>",
+  "delete_and_leave_projects": "Deletar e Deixar Projetos",
+  "delete_projects": "Deletar Projetos",
+  "delete_your_account": "Exclua sua conta",
+  "deleting": "Excluindo",
+  "description": "Descrição",
+  "disconnected": "Desconectado",
+  "documentation": "Documentação",
+  "doesnt_match": "Não corresponde",
+  "done": "Pronto",
+  "dont_have_account": "Não tem uma conta?",
+  "download": "Baixar",
+  "download_pdf": "Baixar PDF",
+  "download_zip_file": "Baixar arquivo .zip",
+  "drag_here": "arraste aqui",
+  "drop_files_here_to_upload": "Largar arquivos aqui para enviar",
+  "dropbox_for_link_share_projs": "Este projeto foi acessado via compartilhamento de links e não será sincronizado com o seu Dropbox, a menos que você seja convidado por e-mail pelo proprietário do projeto",
+  "dropbox_integration_lowercase": "Integração com Dropbox",
+  "dropbox_sync": "Sincronização Dropbox",
+  "dropbox_sync_description": "Mantenha seus projetos __appName__ sincronizados com o Dropbox. Mudanças no __appName__ serão enviadas automaticamente para o Dropbox, e o inverso também.",
+  "dropbox_sync_error": "Erro de sincronização do Dropbox",
+  "edit": "Editar",
+  "editing": "Editando",
+  "editor_disconected_click_to_reconnect": "Editor desconectado, clique em qualquer lugar para reconectar.",
+  "editor_theme": "Tema do editor",
+  "email": "Email",
+  "email_already_registered": "Este email já está registrado",
+  "email_link_expired": "Link do email expirou, por favor, solicite um link novo.",
+  "email_or_password_wrong_try_again": "Seu email ou senha estão incorretos. Tente novamente.",
+  "email_required": "Email obrigatório",
+  "email_sent": "Email Enviado",
+  "emails": "E-mails",
+  "emails_and_affiliations_explanation": "Adicionar outros e-mails à sua conta para acessar qualquer melhoria que a sua universidade ou instituição tem, para facilitar para colaboradores encontrarem vocês e para ter certeza que você consiga recuperar a sua conta.",
+  "emails_and_affiliations_title": "E-mails e Afiliações",
+  "en": "Inglês",
+  "error": "Erro",
+  "error_performing_request": "Um erro ocorreu enquanto sua solicitação era processada.",
+  "es": "Espanhol",
+  "every": "por",
+  "example_project": "Projeto Exemplo",
+  "expiry": "Data de Validade",
+  "export_csv": "Exportar CSV",
+  "export_project_to_github": "Exportar Projeto para o GitHub",
+  "faq_how_does_free_trial_works_answer": "Você obtém acesso total ao plano __appName__ escolhido durante a avaliação gratuita de __len__ dias. Não há obrigação de continuar além da versão de avaliação. Seu cartão será cobrado no final da avaliação de __len__ dias, a menos que você cancele antes disso. Você pode cancelar via suas configurações de assinatura.",
+  "fast": "Rápido",
+  "featured_latex_templates": "Templates LaTeX Destacados",
+  "features": "Recursos",
+  "february": "Fevereiro",
+  "file_action_created": "Criado",
+  "file_action_deleted": "Deletado",
+  "file_action_edited": "Editado",
+  "file_action_renamed": "Renomeado",
+  "file_already_exists": "Já existe um arquivo ou pasta com esse nome",
+  "files_cannot_include_invalid_characters": "Arquivos não podem ter os caracteres ’*’ ou ’/’",
+  "find_out_more": "Descubra Mais",
+  "first_name": "Primeiro Nome",
+  "folders": "Pastas",
+  "following_paths_conflict": "Os arquivos e diretórios a seguir conflitam com o mesmo caminho",
+  "font_family": "Família da Fonte",
+  "font_size": "Tamanho da Fonte",
+  "forgot_your_password": "Esqueceu sua senha",
+  "fr": "Francês",
+  "free": "Grátis",
+  "free_dropbox_and_history": "Dropbox e Histórico Grátis",
+  "full_doc_history": "Histórico de todo o documento",
+  "general": "Geral",
+  "generic_something_went_wrong": "Desculpe, algo saiu errado",
+  "get_discounted_plan": "Obtenha um plano com desconto",
+  "get_in_touch": "Entre em contato",
+  "git": "Git",
+  "github_commit_message_placeholder": "Mensagem de commit para as alterações feitas no __appName__...",
+  "github_credentials_expired": "Suas credenciais de autorização do GitHub expiraram",
+  "github_integration_lowercase": "Integração com GitHub",
+  "github_is_premium": "Sincronizar com GitHub é um recurso premium",
+  "github_public_description": "Qualquer um pode ver esse repositório.",
+  "github_successfully_linked_description": "Obrigado, nós vinculamos com sucesso sua conta do GitHub com o __appName__. Agora você pode exportar seus projetos do __appName__ para o GitHub e importar seus projetos de repositórios do GitHub.",
+  "github_sync": "Sincronizar com GitHub",
+  "github_sync_description": "Com a Sincronização GitHub você pode vincular seus projetos __appName__ com os repositórios do GitHub. Crie novos commits no __appName__ e mescle com commits feitos fora ou no GitHub.",
+  "github_sync_error": "Desculpe, houve um erro ao se comunicar com nosso serviço do GitHub. Por favor, tente novamente mais tarde.",
+  "github_validation_check": "Por favor, verifique se o nome do projeto é válido e que você tem permissão para criar o repositório.",
+  "global": "global",
+  "go_to_code_location_in_pdf": "Vá para a localização do código no PDF",
+  "go_to_pdf_location_in_code": "Ir para a localização do PDF no código",
+  "group_admin": "Administrador do Grupo",
+  "groups": "Grupos",
+  "have_more_days_to_try": "Ganhe mais <strong>__days__ dias</strong> na sua Experimentação!",
+  "headers": "Cabeçalhos",
+  "help": "Ajuda",
+  "help_articles_matching": "Artigos de ajuda que correspondem ao seu assunto",
+  "history": "Histórico",
+  "history_add_label": "Adicionar etiqueta",
+  "history_are_you_sure_delete_label": "Tem certeza de que deseja excluir o seguinte marcador",
+  "history_delete_label": "Excluir marcador",
+  "history_label_created_by": "Criado por",
+  "history_label_project_current_state": "Estado atual",
+  "history_label_this_version": "Etiquetar esta versão",
+  "history_new_label_name": "Novo nome do marcador",
+  "history_view_a11y_description": "Mostrar todo o histórico do projeto ou apenas versões com marcadores.",
+  "history_view_all": "Todo o histórico",
+  "history_view_labels": "Marcadores",
+  "hotkeys": "Atalhos",
+  "hundreds_templates_info": "Faça documentos lindos começando com modelos LaTeX da nossa galeria: revistas, conferências, teses, relatórios, currículos e muito mais.",
+  "i_want_to_stay": "Quero ficar",
+  "ignore_validation_errors": "Não verificar sintaxe",
+  "ill_take_it": "Eu fico com isso!",
+  "import_from_github": "Importar do GitHub",
+  "import_to_sharelatex": "Importar para o __appName__",
+  "importing": "Importando",
+  "importing_and_merging_changes_in_github": "Importar e mesclar mudanças no GitHub",
+  "info": "Info",
+  "institution": "Instituição",
+  "institution_account": "Conta Institucional",
+  "institution_and_role": "Instituição e papel",
+  "invalid_email": "Algum email está inválido",
+  "invalid_file_name": "Nome de Arquivo Inválido",
+  "invalid_password": "Senha inválida",
+  "invite_not_accepted": "Convite ainda não aceito",
+  "invite_not_valid": "Esse não é um convite válido do projeto",
+  "invite_not_valid_description": "Talvez o convite tenha expirado. Por favor, entre em contato com o dono do projeto.",
+  "invited_to_group": "<0>__inviterName__</0> lhe convidou para entrar no time no __appName__",
+  "ip_address": "Endereço de IP",
+  "is_email_affiliated": "O seu e-mail está afiliado a uma instituição? ",
+  "it": "Italiano",
+  "ja": "Japonês",
+  "january": "Janeiro",
+  "join_project": "Entrar no Projeto",
+  "join_sl_to_view_project": "Entre no __appName__ para ver esse projeto",
+  "join_team_explanation": "Por favor, clique no botão abaixo para entrar no time e aproveitar os benefícios de uma conta paga no __appName__.",
+  "joined_team": "Você entrou no time gerenciado por __inviterName__",
+  "joining": "Participando",
+  "july": "Julho",
+  "june": "Junho",
+  "kb_suggestions_enquiry": "Você já viu nossa <0>__kbLink__</0>?",
+  "keybindings": "Atalhos",
+  "knowledge_base": "base de conhecimento",
+  "ko": "Coreano",
+  "language": "Idioma",
+  "last_modified": "Última Modificação",
+  "last_name": "Sobrenome",
+  "latam_discount_modal_info": "Obtenha todo o potencial do Overleaf com desconto de __discount__% em assinaturas premium pagas em __currencyName__. Obtenha um tempo limite de compilação mais longo, histórico completo de documentos, controle de alterações, colaboradores adicionais e muito mais.",
+  "latam_discount_modal_title": "Desconto em assinaturas premium",
+  "latam_discount_offer_plans_page_banner": "__flag__ Aplicamos um desconto de __discount__ aos planos premium nesta página para nossos usuários no __country__. Confira os novos preços mais baixos (em __currency__).",
+  "latex_templates": "Modelos LaTeX",
+  "ldap": "LDAP",
+  "ldap_create_admin_instructions": "Escolha um endereço de e-mail para a primeira conta de administrador do __appName__. Isso deve corresponder a uma conta no sistema LDAP. Você será solicitado a fazer login com esta conta.",
+  "learn_more": "Aprenda mais",
+  "learn_more_about_link_sharing": "Saiba mais sobre Compartilhamento de Link",
+  "leave": "Sair",
+  "leave_group": "Sair do grupo",
+  "leave_now": "Sair agora",
+  "leave_projects": "Deixar Projetos",
+  "let_us_know": "Conte para nós",
+  "line_height": "Altura da Linha",
+  "link_sharing": "Compartilhamento de link",
+  "link_sharing_is_on": "Compartilhamento de Link está ligado",
+  "link_to_github": "Vincule à sua conta do GitHub",
+  "link_to_github_description": "Você precisa autorizar o __appName__ para acessar sua conta no GitHub para permitir a sincronização dos projetos.",
+  "link_to_mendeley": "Vincular ao Mendeley",
+  "link_to_zotero": "Vincular ao Zotero",
+  "linked_accounts": "contas ligadas",
+  "links": "Links",
+  "loading": "Carregando",
+  "loading_github_repositories": "Carregando seu repositório do GitHub",
+  "loading_recent_github_commits": "Carregando commits recentes",
+  "log_hint_extra_info": "Saiba mais",
+  "log_in": "Entrar",
+  "log_in_with": "Entrar com __provider__",
+  "log_out": "Sair",
+  "logging_in": "Entrando",
+  "login": "Entrar",
+  "login_failed": "Login falhou",
+  "login_here": "Entre aqui",
+  "login_or_password_wrong_try_again": "Seu usário ou senha estão incorretos. Tente novamente.",
+  "login_register_or": "ou",
+  "login_to_overleaf": "Faça o login no Overleaf",
+  "login_with_service": "Logar com __service__",
+  "logs_and_output_files": "Logs e arquivos de saída",
+  "looking_multiple_licenses": "Procurando por lincenças múltiplas?",
+  "lost_connection": "Conexão perdida",
+  "main_document": "Documento principal",
+  "main_file_not_found": "Arquivo principal desconhecido.",
+  "maintenance": "Manutenção",
+  "make_private": "Tornar Privado",
+  "manage_beta_program_membership": "Gerenciar a participação no Programa Beta",
+  "manage_sessions": "Administrar suas sessões",
+  "manage_subscription": "Administrar Inscrição",
+  "managers_cannot_remove_admin": "Administradores não podem ser removidos",
+  "managers_cannot_remove_self": "Gerentes não podem remover a si mesmos",
+  "managers_management": "Gerenciamento de gerentes",
+  "march": "Março",
+  "math_display": "Exibição Matemática",
+  "math_inline": "Matemática em Linha",
+  "maximum_files_uploaded_together": "Máximo de __max__ arquivos enviados juntos",
+  "may": "maio",
+  "maybe_later": "Talvez mais tarde",
+  "members_management": "Gerenciamento de membros",
+  "mendeley": "Mendeley",
+  "mendeley_integration": "Integração Mendeley",
+  "mendeley_is_premium": "A integração com Mendeley é um recurso premium",
+  "mendeley_reference_loading_error": "Erro, não foi possível carregar as referências do Mendeley",
+  "mendeley_reference_loading_error_expired": "O token do Mendeley expirou, por favor, revincule sua conta",
+  "mendeley_reference_loading_error_forbidden": "Não foi possível carregar as referências do Mendeley, por favor, revincule sua conta e tente novamente",
+  "mendeley_sync_description": "A integração com Mendeley permite importar suas referências do mendeley para seus projetos no __appName__",
+  "menu": "Menu",
+  "merge": "Mesclar",
+  "merging": "Mesclando",
+  "month": "mês",
+  "monthly": "Mensalmente",
+  "more": "Mais",
+  "must_be_email_address": "Deve ser um endereço de email",
+  "name": "Nome",
+  "native": "Nativo",
+  "navigation": "Navegação",
+  "nearly_activated": "Você está a um passo de ativar sua conta no __appName__!",
+  "need_anything_contact_us_at": "Se houver qualquer coisa que você precisar, sinta-se à vontade para entrar em contato conosco por",
+  "need_to_leave": "Precisa sair?",
+  "new_file": "Novo arquivo",
+  "new_folder": "Nova pasta",
+  "new_name": "Novo Nome",
+  "new_password": "Nova Senha",
+  "new_project": "Novo Projeto",
+  "next_payment_of_x_collectected_on_y": "O próximo pagamento de <0>__paymentAmmount__</0> será coletado em <1>__collectionDate__</1>",
+  "nl": "Holandês",
+  "no": "Noroeguês",
+  "no_featured_templates": "Sem templates destacados",
+  "no_members": "Sem membros",
+  "no_messages": "Sem mensagens",
+  "no_new_commits_in_github": "Nenhum novo commit no GitHub desde a última mesclagem.",
+  "no_other_sessions": "Nenhuma outra sessão ativa.",
+  "no_planned_maintenance": "Não há nenhuma manutenção planejada",
+  "no_preview_available": "Desculpe, não há pré-visualização disponível.",
+  "no_projects": "Sem projetos",
+  "no_search_results": "Sem resultados",
+  "no_thanks_cancel_now": "Não, obrigado - Ainda quero Cancelar Agora",
+  "normal": "Normal",
+  "not_found_error_from_the_supplied_url": "O link para abrir este conteúdo no Overleaf apontou para um arquivo que não foi encontrado. Se isso continuar acontecendo nos links de um site específico, informe isso a eles.",
+  "not_now": "Não agora",
+  "not_registered": "Não registrado",
+  "notification_project_invite": "<b>__userName__</b> você gostaria de entrar em  <b>__projectName__</b> <a class=\"btn btn-sm btn-info pull-right\" href=\"’/project/__projectId__/invite/token/__token__’\">Entrar no Projeto</a>",
+  "november": "Novembro",
+  "number_collab": "Número de colaboradores",
+  "october": "Outubro",
+  "off": "Desligar",
+  "ok": "OK",
+  "on": "Ligado",
+  "one_free_collab": "Um colaborador grátis",
+  "online_latex_editor": "Editor LaTeX Online",
+  "open_project": "Abrir Projeto",
+  "optional": "Opcional",
+  "or": "ou",
+  "other_actions": "Outras Ações",
+  "other_logs_and_files": "Outros Logs & Arquivos",
+  "over": "mais de",
+  "overall_theme": "Tema Geral",
+  "overview": "Visão geral",
+  "owner": "Dono",
+  "page_not_found": "Página Não Encontrada",
+  "password": "Senha",
+  "password_change_passwords_do_not_match": "Senhas não coincidem",
+  "password_change_successful": "Senha alterada",
+  "password_reset": "Reiniciar Senha",
+  "password_reset_email_sent": "Você receberá um email para terminar de reiniciar sua senha.",
+  "password_reset_token_expired": "Sua ficha de reinicialização de senha expirou.Por favor, solicite um novo email de reinicialização de senha e clique no link contido nele.",
+  "pdf_compile_in_progress_error": "Compilador já está executando em outra janela",
+  "pdf_compile_rate_limit_hit": "Limite de taxa de compilação atingido",
+  "pdf_compile_try_again": "Aguarde até que sua outra compilação termine antes de tentar novamente.",
+  "pdf_rendering_error": "Erro ao renderizar PDF",
+  "pdf_viewer": "Visualizador PDF",
+  "pending": "Pendente",
+  "personal": "Pessoal",
+  "pl": "Polonês",
+  "planned_maintenance": "Manutenção Planejada",
+  "plans_amper_pricing": "Planos & Preços",
+  "plans_and_pricing": "Planos e Preços",
+  "please_ask_the_project_owner_to_upgrade_to_track_changes": "Solicite ao proprietário do projeto que atualize para utilizar o controle de alterações",
+  "please_compile_pdf_before_download": "Por favor, compile seu projeto antes de baixar o PDF",
+  "please_compile_pdf_before_word_count": "Por favor, compile seu projeto antes de executar a contagem de palavras",
+  "please_confirm_email": "Por favor, confirme seu e-mail __emailAddress__ clicando no link no e-mail de confirmação",
+  "please_confirm_your_email_before_making_it_default": "Por favor, confirme o seu email antes de tornar ele padrão.",
+  "please_enter_email": "Por favor, insira seu endereço de email",
+  "please_refresh": "Por favor, atualize a página para continuar.",
+  "please_set_a_password": "Por favor, insira sua senha",
+  "please_set_main_file": "Por favor, selecione o arquivo principal para esse projeto no menu do projeto. ",
+  "position": "Posição",
+  "presentation": "Apresentação",
+  "price": "Preço",
+  "priority_support": "Suporte prioritário",
+  "privacy": "Privacidade",
+  "privacy_policy": "Política de Privacidade",
+  "private": "Privado",
+  "problem_changing_email_address": "Houve um problema ao alterar seu endereço de email. Por favor, tente novamente em alguns minutos. Se o problema persistir, por favor, entre em contato conosco.",
+  "problem_talking_to_publishing_service": "Há um problema com nosso serviço de publicação, por favor tente mais tarde",
+  "problem_with_subscription_contact_us": "Houve um problema na sua inscrição. Por favor, entre em contato conosco para mais informações.",
+  "processing": "processando",
+  "professional": "Profissional",
+  "project_flagged_too_many_compiles": "Este projeto foi marcado por compilar com muita frequência. O limite vai ser restabelecido logo.",
+  "project_last_published_at": "Seu projeto foi publicado pela última vez em",
+  "project_name": "Nome do Projeto",
+  "project_not_linked_to_github": "Esse projeto não está vinculado a um repositório no GitHub. Você pode criar um repositório para ele no GitHub.",
+  "project_too_large": "Projeto muito grande",
+  "project_too_large_please_reduce": "Esse projeto tem muitos textos editáveis, por favor tente e reduza. Os maiores arquivos são:",
+  "project_url": "URL do projeto afetada",
+  "projects": "Projetos",
+  "pt": "Português",
+  "public": "Público",
+  "publish": "Publicar",
+  "publish_as_template": "Publicar Modelo",
+  "publishing": "Publicando",
+  "pull_github_changes_into_sharelatex": "Puxar mudanças do GitHub no __appName__",
+  "push_sharelatex_changes_to_github": "Empurrar mudanças do __appName__ no GitHub",
+  "realtime_track_changes": "Acompanhe alterações em tempo real.",
+  "reauthorize_github_account": "Reautorize sua conta GitHub",
+  "recent_commits_in_github": "Commits recentes no GitHub",
+  "recompile": "Recompilar",
+  "recompile_pdf": "Recompilar o PDF",
+  "reconnecting": "Reconectando",
+  "reconnecting_in_x_secs": "Reconectando em __seconds__ segs",
+  "reduce_costs_group_licenses": "Você pode diminuir seu trabalho e reduzir os custos com nosso desconto para licenças para grupo.",
+  "reference_error_relink_hint": "Se os problemas persistirem, tente revincular sua conta aqui:",
+  "reference_search": "Busca avançada de referências",
+  "reference_sync": "Gerenciador de sincronia de referências",
+  "refresh_page_after_starting_free_trial": "Por favor atualize essa página depois de iniciar seu teste grátis.",
+  "regards": "Saudações",
+  "register": "Registrar",
+  "register_to_edit_template": "Por favor, registre-se para editar o modelo __templateName__",
+  "registered": "Registrado",
+  "registering": "Registrando",
+  "registration_error": "Erro de Registro",
+  "reject": "Rejeitar",
+  "remove": "remover",
+  "remove_from_group": "Remover do grupo",
+  "remove_manager": "Remover gerente",
+  "removed": "removido",
+  "removing": "Removendo",
+  "rename": "Renomear",
+  "rename_project": "Renomear Projeto",
+  "renaming": "Renomeando",
+  "reopen": "Reabrir",
+  "reply": "Responder",
+  "repository_name": "Nome do Repositório",
+  "republish": "Replublicar",
+  "request_password_reset": "Solicitar redefinição de senha",
+  "request_sent_thank_you": "Requisição Enviada, Obrigado.",
+  "required": "Obrigatório",
+  "resend": "Reenviar",
+  "resend_confirmation_email": "Reenviar e-mail de confirmação",
+  "resending_confirmation_email": "Reenviando email de confirmação",
+  "reset_password": "Trocar Senha",
+  "reset_your_password": "Redefinir sua senha",
+  "resolve": "Resolver",
+  "resolved_comments": "Comentários resolvidos",
+  "restore": "Restaurar",
+  "restoring": "Restaurando",
+  "restricted": "Restrito",
+  "restricted_no_permission": "Restrito, desculpe você não tem permissão para carregar essa página.",
+  "return_to_login_page": "Retornar à página de Login",
+  "review": "Revisar",
+  "review_your_peers_work": "Revisar o trabalho de seus colegas",
+  "revoke_invite": "Revogar Convite",
+  "ro": "Romeno",
+  "role": "Papel",
+  "ru": "Russo",
+  "saml": "SAML",
+  "saml_create_admin_instructions": "Escolha um email para ser a conta de administrador do __appName__. Isso deve corresponder a uma conta no sistema SAML. Você deverá entrar com essa conta.",
+  "save_or_cancel-cancel": "Cancelar",
+  "save_or_cancel-or": "ou",
+  "save_or_cancel-save": "Salvar",
+  "saving": "Salvando",
+  "saving_notification_with_seconds": "Salvando __docname__... (__seconds__ segundos de alterações não salvas)",
+  "search_bib_files": "Busque por autor, título ou ano",
+  "search_projects": "Buscar projetos",
+  "search_references": "Buscar os arquivos .bib no projeto",
+  "security": "Segurança",
+  "see_changes_in_your_documents_live": "Ver alterações nos seus documentos, ao vivo",
+  "select_all_projects": "Selecionar todos",
+  "select_github_repository": "Selecione um repositório no GitHub para importar para o __appName__.",
+  "send": "Enviar",
+  "send_first_message": "Envie sua primeira mensagem",
+  "send_test_email": "Enviar email de teste",
+  "sending": "Enviando",
+  "september": "Setembro",
+  "server_error": "Erro no Servidor",
+  "services": "Serviços",
+  "session_created_at": "Sessão Criada Em",
+  "session_expired_redirecting_to_login": "Sessão Expirada. Redirecionando para a página de login em __seconds__ segundos",
+  "sessions": "Sessões",
+  "set_new_password": "Adicionar nova senha",
+  "set_password": "Inserir Senha",
+  "settings": "Configurações",
+  "share": "Compartilhar",
+  "share_project": "Compartilhar Projeto",
+  "shared_with_you": "Compartilhado com você",
+  "sharelatex_beta_program": "Programa Beta __appName__",
+  "show_hotkeys": "Mostrar Atalhos",
+  "show_less": "mostrar menos",
+  "site_description": "Um editor de LaTeX online fácil de usar. Sem instalação, colaboração em tempo real, controle de versões, centenas de templates LaTeX e mais.",
+  "something_went_wrong_rendering_pdf": "Alguma coisa deu errado ao renderizar o PDF.",
+  "somthing_went_wrong_compiling": "Desculpe, alguma coisa saiu errado e seu projeto não pode ser compilado. Por favor, tente mais tarde.",
+  "source": "Fonte",
+  "spell_check": "Verificar ortografia",
+  "start_by_adding_your_email": "Comece adicionando o seu e-mail.",
+  "start_free_trial": "Comece o Teste Grátis!",
+  "state": "Estado",
+  "status_checks": "Verificações de Status",
+  "still_have_questions": "Ainda tem dúvidas?",
+  "stop_compile": "Parar compilação",
+  "stop_on_validation_error": "Verificar sintaxe antes de compilar",
+  "student": "Estudante",
+  "student_disclaimer": "O desconto educacional se aplica à todos os estudantes de instituições secundárias e pós-secundárias (escolas e universidades). Nos poderemos entrar em contato com você para confirmar se você é elegível para o desconto.",
+  "subject": "Assunto",
+  "submit": "enviar",
+  "subscribe": "Inscrever",
+  "subscription": "Inscrição",
+  "subscription_canceled_and_terminate_on_x": "Sua inscrição foi cancelada e irá terminar em <0>__terminateDate__</0>. Nenhum pagamento futuro será cobrado.",
+  "suggestion": "Sugestões",
+  "sure_you_want_to_change_plan": "Você tem certeza que deseja alterar o plano para <0>__planName__</0>?",
+  "sure_you_want_to_delete": "Você tem certeza que deseja excluir permanentemente os seguintes arquivos?",
+  "sure_you_want_to_leave_group": "Você tem certeza que deseja sair do grupo?",
+  "sv": "Suéco",
+  "sync": "Sincronia",
+  "sync_dropbox_github": "Sincronize com Dropbox e GitHub",
+  "sync_project_to_github_explanation": "Qualquer mudança feita no __appName__ será commitada e mesclada com qualquer atualização no GitHub.",
+  "sync_to_dropbox": "Sincronize com Dropbox",
+  "sync_to_github": "Sincronizar com GitHub",
+  "syntax_validation": "Checar código",
+  "take_me_home": "Ir para o início!",
+  "tc_everyone": "Todos",
+  "tc_guests": "Convidados",
+  "template_description": "Descrição do Modelo",
+  "templates": "Modelos",
+  "terminated": "Compilação cancelada",
+  "terms": "Termos",
+  "thank_you": "Obrigado",
+  "thanks": "Obrigado",
+  "thanks_for_subscribing": "Obrigado por se inscrever!",
+  "thanks_for_subscribing_you_help_sl": "Obrigado por se inscriver ao plano __planName__. É a ajuda de pessoas como você que permitem ao __appName__ continuar a crescer e melhorar.",
+  "thanks_settings_updated": "Obrigado, suas configurações foram salvas.",
+  "the_file_supplied_is_of_an_unsupported_type ": "O link para abrir este conteúdo no Overleaf apontou para o tipo errado de arquivo. Tipos de arquivos válidos são arquivos .tex e .zip. Se isso continuar acontecendo para links em um site específico, informe isso a eles.",
+  "the_requested_conversion_job_was_not_found": "O link para abrir este conteúdo no Overleaf especificou um trabalho de conversão que não pôde ser encontrado. É possível que o trabalho tenha expirado e precise ser executado novamente. Se isso continuar acontecendo nos links de um site específico, informe isso a eles.",
+  "the_requested_publisher_was_not_found": "The link to open this content on Overleaf specified a publisher that could not be found. If this keeps happening for links on a particular site, please report this to them.",
+  "the_supplied_uri_is_invalid": "O link para abrir este conteúdo no Overleaf incluiu um URI inválido. Se isso continuar acontecendo nos links de um site específico, informe isso a eles.",
+  "theme": "Tema",
+  "thesis": "Tese",
+  "this_is_your_template": "Este é seu modelo de seu projeto",
+  "this_project_is_public": "Esse projeto é publico e pode ser editado por qualquer pessoa com a URL.",
+  "this_project_is_public_read_only": "Esse projeto é público e pode ser visualizado, mas não editado, por qualquer pessoa com a URL",
+  "this_project_will_appear_in_your_dropbox_folder_at": "Esse projeto irá aparecer em sua pasta Dropbox em ",
+  "three_free_collab": "Três colaboradores grátis",
+  "timedout": "Tempo Expirado",
+  "title": "Título",
+  "to_add_more_collaborators": "Para adicionar mais colaboradores ou ativar o compartilhamento de links, pergunte ao proprietário do projeto",
+  "to_many_login_requests_2_mins": "Essa conta teve muitas solicitações de entrada. Por favor, aguarde 2 minutos antes de tentar novamente.",
+  "to_modify_your_subscription_go_to": "Para modificar sua inscrição, vá para",
+  "too_many_files_uploaded_throttled_short_period": "Excesso de arquivos enviados, seus envios foram suprimidos por um curto tempo.",
+  "too_many_requests": "Muitas solicitações foram recebidas em um curto espaço de tempo. Por favor, aguarde alguns instantes e tente novamente.",
+  "too_recently_compiled": "Esse projeto foi compilado recentemente, então a compilação foi pulada.",
+  "tooltip_hide_filetree": "Clique para esconder a árvore de arquivos",
+  "tooltip_hide_pdf": "Clique para esconder o PDF",
+  "tooltip_show_filetree": "Clique para mostrar a árvore de arquivos",
+  "tooltip_show_pdf": "Clique para mostrar o PDF",
+  "total_words": "Total de Palavras",
+  "tr": "Turco",
+  "track_any_change_in_real_time": "Acompanhar qualquer alteração, em tempo real",
+  "track_changes": "Acompanhe as mudanças",
+  "track_changes_is_off": "Controle de alterações está <strong>desligado</strong>",
+  "track_changes_is_on": "Controle de alterações está ligado",
+  "tracked_change_added": "Adicionado",
+  "tracked_change_deleted": "Deletado",
+  "try_again": "Por favor, tente novamente",
+  "try_it_for_free": "Experimente gratuitamente",
+  "try_now": "Tente Agora",
+  "turn_off_link_sharing": "Desligar compartilhamento de Link",
+  "turn_on_link_sharing": "Ligar compartilhamento de Link.",
+  "uk": "Ucraniano",
+  "unable_to_extract_the_supplied_zip_file": "Abrir este conteúdo no Overleaf falhou porque o arquivo zip não pôde ser extraído. Por favor, certifique-se de que é um arquivo zip válido. Se isso continuar acontecendo para links em um site específico, informe isso a eles.",
+  "uncategorized": "Sem Categoria",
+  "unconfirmed": "Não confirmado",
+  "university": "Universidade",
+  "unlimited": "Ilimitado",
+  "unlimited_collabs": "Colaboradores Ilimitados",
+  "unlimited_projects": "Projetos ilimitados",
+  "unlink": "Desvincular",
+  "unlink_github_warning": "Qualquer projeto que você tenha sincronizado com o GitHub será desconectado e não poderão mais ser sincronizados com o GitHub. Você tem certeza que deseja desvincular sua conta do GitHub.",
+  "unlink_reference": "Desvincular Provedor de Referências",
+  "unlink_warning_reference": "Cuidado: Quando você desvincular sua conta desse provedor você não poderá mais importar as referências para os seus projetos.",
+  "unpublish": "Despublicar",
+  "unpublishing": "Despublicando",
+  "unsubscribe": "Cancelar Inscrição",
+  "unsubscribed": "Não inscrito",
+  "unsubscribing": "Cancelando Inscrição",
+  "update": "Atualizar",
+  "update_account_info": "Atualizar Informações da Conta",
+  "update_dropbox_settings": "Atualizar configurações do Dropbox",
+  "update_your_billing_details": "Atualize Seus Detalhes de Pagamento",
+  "updating_site": "Atualizando Site",
+  "upgrade": "Atualizar",
+  "upgrade_cc_btn": "Aprimorar agora, pague depois de 7 dias",
+  "upgrade_now": "Aprimorar Agora",
+  "upgrade_to_get_feature": "Aprimore para ter __feature__, mais:",
+  "upgrade_to_track_changes": "Atualizar para acompanhar alterações",
+  "upload": "Carregar",
+  "upload_file": "Atualizar Arquivo",
+  "upload_project": "Carregar Projeto",
+  "upload_zipped_project": "Subir Projeto Zipado",
+  "user_already_added": "Usuário já foi adicionado",
+  "user_not_found": "Usuário não encontrado",
+  "user_wants_you_to_see_project": "__username__ gostaria que você participasse de __projectname__",
+  "vat_number": "Número IVA",
+  "view_all": "Ver Todos",
+  "view_in_template_gallery": "Ver isso na galeria de modelos",
+  "welcome_to_sl": "Bem-vindo ao __appName__",
+  "wide": "Largo",
+  "word_count": "Contagem de Palavras",
+  "year": "ano",
+  "you_have_added_x_of_group_size_y": "Você adicionou <0>__addedUsersSize__</0> de <1>__groupSize__</1> membros disponíveis.",
+  "your_plan": "Seu plano",
+  "your_projects": "Seus Projetos",
+  "your_sessions": "Suas Sessões",
+  "your_subscription": "Sua Inscrição",
+  "your_subscription_has_expired": "Sua inscrição expirou.",
+  "zh-CN": "Chinês",
+  "zotero": "Zotero",
+  "zotero_integration": "Integração Zotero.",
+  "zotero_is_premium": "A integração Zotero é um recurso premium",
+  "zotero_reference_loading_error": "Erro, não foi possível carregar as referências do Zotero",
+  "zotero_reference_loading_error_expired": "O token do Zotero expirou, por favor, revincule sua conta",
+  "zotero_reference_loading_error_forbidden": "Não foi possível carregar as referências do Zotero, por favor, revincule sua conta e tente novamente",
+  "zotero_sync_description": "A integração Zotero permite você importar as referências do zotero para seus projetos no __appName__."
+}
diff --git a/services/web/locales/ru.json b/services/web/locales/ru.json
new file mode 100644
index 0000000..012c24d
--- /dev/null
+++ b/services/web/locales/ru.json
@@ -0,0 +1,469 @@
+{
+  "12x_basic": "12х базовый",
+  "1_2_width": "½ ширины",
+  "1_4_width": "¼ ширины",
+  "3_4_width": "¾ ширины",
+  "About": "О сайте",
+  "Account": "Аккаунт",
+  "Account Settings": "Настройки аккаунта",
+  "Documentation": "Документация",
+  "Projects": "Проекты",
+  "Security": "Безопасность",
+  "Subscription": "Подписка",
+  "Terms": "Условия",
+  "Universities": "Университеты",
+  "a_file_with_that_name_already_exists_and_will_be_overriden": "Файл с таким именем уже существует. Этот файл будет перезаписан.",
+  "about": "О проекте",
+  "about_to_archive_projects": "Вы собираетесь архивировать следующие проекты:",
+  "about_to_delete_cert": "Вы собираетесь удалить следующий сертификат:",
+  "about_to_delete_projects": "Следующие проекты будут удалены:",
+  "about_to_delete_the_following_project": "Вы собираетесь удалить следующий проект:",
+  "about_to_delete_the_following_projects": "Вы собираетесь удалить следующие проекты:",
+  "about_to_leave_project": "Вы собираетесь покинуть этот проект:",
+  "about_to_leave_projects": "Вы собираетесь покинуть следующие проекты:",
+  "abstract": "Аннотация",
+  "accept": "Принять",
+  "accept_and_continue": "Принять и продолжить",
+  "accept_change": "Принять изменение",
+  "accept_invitation": "Принять приглашение",
+  "accepting_invite_as": "Вы принимаете приглашение как",
+  "account": "Аккаунт",
+  "account_not_linked_to_dropbox": "Ваш аккаунт не синхронизирован с Dropbox",
+  "account_settings": "Настройки профиля",
+  "actions": "Действия",
+  "activate": "Активировать",
+  "activate_account": "Активируйте Ваш аккаунт",
+  "activating": "Активация",
+  "activation_token_expired": "Срок действия Вашего ключа истёк. Вам необходимо запросить новый ключ активации.",
+  "add": "Добавить",
+  "add_your_first_group_member_now": "Добавьте первых участников группы сейчас",
+  "added": "добавлены",
+  "adding": "Добавление",
+  "address": "Адрес",
+  "admin": "администратор",
+  "all_projects": "Все проекты",
+  "all_templates": "Все шаблоны",
+  "already_have_sl_account": "Уже есть аккаунт __appName__?",
+  "and": "и",
+  "annual": "Цена за год",
+  "anonymous": "Аноним",
+  "april": "Апрель",
+  "august": "Август",
+  "auto_complete": "Автодополнение",
+  "autocomplete": "Автозавершение",
+  "autocomplete_references": "Автодополнение ссылок (внутри блока <code>\\cite{}</code>)",
+  "back_to_your_projects": "Назад к списку проектов",
+  "basic": "Базовый",
+  "basic_compile_timeout_on_fast_servers": "Базовый таймаут компиляции на быстрых серверах",
+  "beta": "Бета",
+  "bibliographies": "Библиография",
+  "blank_project": "Новый проект",
+  "blog": "Блог",
+  "built_in": "встроенный",
+  "cancel": "Отмена",
+  "cancel_my_account": "Отменить подписку",
+  "cancel_personal_subscription_first": "У Вас уже имеется личная подписка. Хотите ли вы её отменить перед переходом на групповую лицензию?",
+  "cancel_your_subscription": "Остановить подписку",
+  "cant_find_email": "Извините, данный адрес не зарегистрирован.",
+  "cant_find_page": "К сожалению, страница не найдена",
+  "change": "Изменить",
+  "change_password": "Изменение пароля",
+  "change_plan": "Сменить тарифный план",
+  "change_to_this_plan": "Перейти на этот тариф",
+  "chat": "Чат",
+  "checking_dropbox_status": "Проверка состояния Dropbox",
+  "checking_project_github_status": "Проверка статуса проекта на GitHub",
+  "choose_your_plan": "Выберите тариф",
+  "city": "Город",
+  "clear_cached_files": "Очистить кэшированные файлы",
+  "clear_sessions": "Завершить сессии",
+  "clear_sessions_description": "Это список всех активных сессий Вашего аккаунта, за исключением Вашей текущей сессии. Нажмите кнопку \"Завершить сессии\" для закрытия всех активных сеансов.",
+  "clear_sessions_success": "Сессии завершены",
+  "clearing": "Очистка",
+  "click_here_to_view_sl_in_lng": "Кликните здесь, для использования __appName__ на <0>__lngName__</0>",
+  "close": "Закрыть",
+  "clsi_maintenance": "На сервере компиляции проводятся ремонтные работы, и он будет вскоре доступен снова.",
+  "cn": "Китайский (упрощённый)",
+  "collaboration": "Совместная разработка",
+  "collaborator": "Совместная работа",
+  "collabs_per_proj": "Максимальное число соавторов на проект: __collabcount__",
+  "comment": "Комментарии",
+  "common": "Общие",
+  "compile_larger_projects": "Компиляция больших проектов",
+  "compile_mode": "Режим компиляции",
+  "compile_terminated_by_user": "Компиляция была прервана. Вы можете просмотреть необработанную выдачу компиляции, чтобы увидеть место остановки компиляции.",
+  "compiler": "Компилятор",
+  "compiling": "Компиляция",
+  "complete": "Заполнить",
+  "confirm": "Подтвердить",
+  "confirm_new_password": "Подтверждение нового пароля",
+  "connected_users": "Связанные пользователи",
+  "connecting": "Подключение",
+  "contact": "Контакт",
+  "contact_message_label": "Сообщение",
+  "contact_us": "Связаться с нами",
+  "continue_github_merge": "Я провел(-а) слияние вручную. Продолжить",
+  "copy": "Копировать",
+  "copy_project": "Копировать проект",
+  "copying": "копирование",
+  "country": "Страна",
+  "coupon_code": "код купона",
+  "create": "Создать",
+  "create_new_subscription": "Создать новую подписку",
+  "create_project_in_github": "Создать проект на GitHub",
+  "creating": "Создание",
+  "credit_card": "банковская карта",
+  "cs": "Чешский",
+  "current_password": "Текущий пароль",
+  "currently_subscribed_to_plan": "Вы подписаны на тарифный план <0>__planName__</0>.",
+  "da": "Датский",
+  "de": "Немецкий",
+  "december": "Декабрь",
+  "delete": "Удалить",
+  "delete_account": "Удалить аккаунт",
+  "delete_account_warning_message_3": "Вы собираетесь <strong>удалить все данные Вашего аккаунта</strong>, включая все Ваши проекты и настройки. Пожалуйста, введите адрес электронной почты и пароль Вашего аккаунта в форму внизу для продолжения.",
+  "delete_and_leave_projects": "Удалить или оставить проекты",
+  "delete_projects": "Удалить проекты",
+  "delete_your_account": "Удалить аккаунт",
+  "deleting": "Удаление",
+  "disconnected": "Разъединен",
+  "documentation": "Документация",
+  "doesnt_match": "Не совпадает",
+  "done": "Готово",
+  "download": "Скачать",
+  "download_pdf": "Скачать PDF",
+  "download_zip_file": "Скачать архив (.zip)",
+  "dropbox_sync": "Синхронизация с Dropbox",
+  "dropbox_sync_description": "Синхронизируйте Ваши __appName__ проекты с Вашим Dropbox. Изменения в __appName__ автоматически сохраняются в Вашем Dropbox, и наоборот.",
+  "editing": "Редактор",
+  "email": "Адрес электронной почты",
+  "email_already_registered": "Этот адрес уже зарегистрирован.",
+  "email_link_expired": "Срок действия ссылки истёк. Пожалуйста, повторите запрос!",
+  "email_or_password_wrong_try_again": "Неверный адрес электронной почты или пароль. Пожалуйста, попробуйте снова",
+  "en": "Английский",
+  "es": "Испанский",
+  "every": "каждый",
+  "example_project": "Использовать пример",
+  "expiry": "Срок действия",
+  "export_project_to_github": "Экспорт проекта на GitHub",
+  "fast": "быстрый",
+  "features": "Возможности",
+  "february": "Февраль",
+  "files_cannot_include_invalid_characters": "Файлы не могут содержать символы ’*’ и ’/’",
+  "first_name": "Имя",
+  "folders": "Папки",
+  "font_size": "Размер шрифта",
+  "footer_about_us": "О нас",
+  "forgot_your_password": "Забыли пароль?",
+  "fr": "Французский",
+  "free": "Бесплатно",
+  "free_dropbox_and_history": "Бесплатные Dropbox и История",
+  "full_doc_history": "Полная история изменений",
+  "general": "Общие",
+  "generic_something_went_wrong": "Извините, что-то пошло не так",
+  "get_in_touch": "Связаться с нами",
+  "github_commit_message_placeholder": "Сообщение о фиксации изменений в __appName__...",
+  "github_is_premium": "Синхронизация с GitHub доступна только в премиум аккаунте",
+  "github_merge_failed": "Ваши изменения в __appName__ и GitHub не были автоматически объединены. Пожалуйста, вручную объедините ветку <0>__sharelatex_branch__</0> с веткой по умолчанию в git. Нажмите ниже, чтобы продолжить после ручного объединения.",
+  "github_public_description": "Этот репозиторий может просмотреть каждый. Вы выбираете, кто может править.",
+  "github_successfully_linked_description": "Спасибо, мы успешно связали ваш аккаунт на GitHub с __appName__. Теперь вы можете экспортировать проекты с __appName__ в GitHub или импортировать в обратном направлении.",
+  "github_sync": "Синхронизация с GitHub",
+  "github_sync_description": "Вы можете связать ваши проекты __appName__ с репозиториями на GitHub. Создавайте коммиты в __appName__ и объединяйте их с коммитами, сделанными оффлайн или на GitHub.",
+  "github_sync_error": "Извините, произошла ошибка в общении с сервисом GitHub. Пожалуйста, попробуйте ещё раз позднее.",
+  "github_validation_check": "Пожалуйста, проверьте правильность имени хранилища и права доступа на создание хранилища",
+  "global": "глобальное",
+  "go_to_code_location_in_pdf": "Перейти к местоположению кода в PDF",
+  "go_to_pdf_location_in_code": "Перейти к коду в редакторе",
+  "group_admin": "Администратор группы",
+  "groups": "Группы",
+  "have_more_days_to_try": "Продлите тестовый период ещё на <strong>__days__ дней</strong>!",
+  "headers": "Заголовки",
+  "help": "Помощь",
+  "history": "История",
+  "hotkeys": "Горячие клавиши",
+  "i_want_to_stay": "Я хочу остаться",
+  "ignore_validation_errors": "Не проверять синтаксис",
+  "ill_take_it": "Беру!",
+  "import_from_github": "Импорт с GitHub",
+  "import_to_sharelatex": "Импортировать в __appName__",
+  "importing": "Импорт",
+  "importing_and_merging_changes_in_github": "Импорт и слияние изменений в GitHub",
+  "info": "Информация",
+  "institution": "Организация",
+  "invalid_file_name": "Неверное имя файла",
+  "invite_not_accepted": "Приглашение еще не было принято",
+  "invite_not_valid": "Приглашение недействительно",
+  "invite_not_valid_description": "Вышел срок приглашения. Пожалуйста, обратитесь к владельцу проекта",
+  "ip_address": "IP адрес",
+  "it": "Итальянский",
+  "ja": "Японский",
+  "january": "Январь",
+  "join_project": "Присоединиться к проекту",
+  "join_sl_to_view_project": "Для доступа к проекту необходимо авторизоваться в __appName__",
+  "july": "Июль",
+  "june": "Июнь",
+  "keybindings": "Горячие клавиши",
+  "knowledge_base": "база знаний",
+  "ko": "Корейский",
+  "language": "Язык",
+  "last_modified": "Последнее изменение",
+  "last_name": "Фамилия",
+  "latex_templates": "Шаблоны",
+  "learn_more": "Узнать больше",
+  "leave_group": "Покинуть группу",
+  "leave_now": "Покинуть",
+  "leave_projects": "Оставить проекты",
+  "link_to_github": "Привязать аккаунт на GitHub",
+  "link_to_github_description": "Вам необходимо авторизовать __appName__ для доступа к Вашему GitHub аккаунту, чтобы разрешить нам синхронизацию Ваших проектов.",
+  "links": "Ссылки",
+  "loading": "Загрузка",
+  "loading_github_repositories": "Загрузка ваших проектов с GitHub",
+  "loading_recent_github_commits": "Загрузка последний изменений",
+  "log_hint_extra_info": "Узнать больше",
+  "log_in": "Войти",
+  "log_out": "Выйти",
+  "logging_in": "Авторизация",
+  "login": "Войти",
+  "login_failed": "Вход не удался",
+  "login_here": "Войти",
+  "login_or_password_wrong_try_again": "Неправильное имя пользователя или пароль. Пожалуйста, попробуйте снова",
+  "logs_and_output_files": "Логи и выводные файлы",
+  "lost_connection": "Соединение потеряно",
+  "main_document": "Основной документ",
+  "maintenance": "Ремонтные работы",
+  "make_private": "Сделать закрытым",
+  "manage_sessions": "Управление Вашими сессиями",
+  "manage_subscription": "Управление подпиской",
+  "march": "Март",
+  "math_display": "Формулы",
+  "math_inline": "Встроенные формулы",
+  "maximum_files_uploaded_together": "Совместная загрузка до максимум __max__ файлов",
+  "may": "Май",
+  "menu": "Меню",
+  "merge": "Соединить",
+  "merging": "Соединение",
+  "month": "месяц",
+  "monthly": "Цена за месяц",
+  "more": "еще",
+  "must_be_email_address": "Введите правильный адрес электронной почты",
+  "name": "Имя",
+  "native": "браузер",
+  "navigation": "Навигация",
+  "nearly_activated": "Вы в одном шаге от активации Вашего аккаунта для __appName__!",
+  "need_anything_contact_us_at": "Если у Вас есть какие-либо вопросы и пожелания, пожалуйста, пишите нам по адресу",
+  "need_to_leave": "Удалить аккаунт?",
+  "new_file": "Новый файл",
+  "new_folder": "Новая папка",
+  "new_name": "Введите название",
+  "new_password": "Новый пароль",
+  "new_project": "Создать проект",
+  "next_payment_of_x_collectected_on_y": "Следующий платёж в размере <0>__paymentAmmount__</0> будет списан <1>__collectionDate__</1>",
+  "nl": "Голландский",
+  "no": "Норвежский",
+  "no_members": "Нет участников",
+  "no_messages": "Нет сообщений",
+  "no_new_commits_in_github": "Нет новых коммитов на GitHub с момента последнего слияния.",
+  "no_other_sessions": "Нет других активных сессий",
+  "no_planned_maintenance": "В настоящее время плановые работы не осуществляются",
+  "no_preview_available": "К сожалению, предпросмотр не доступен",
+  "no_projects": "Нет проектов",
+  "no_search_results": "Ничего не найдено",
+  "no_thanks_cancel_now": "Нет, спасибо - я хочу удалить сейчас",
+  "normal": "нормальный",
+  "not_now": "Не сейчас",
+  "notification_project_invite": "<b>__userName__</b> приглашает Вас принять участие в проекте __projectName__,<a class=\"ben btn-xs btn-info\" href=\"’/project/__projectId__/invite/token/__token__’\">Присоединиться</a>",
+  "november": "Ноябрь",
+  "october": "Октябрь",
+  "off": "Откл.",
+  "ok": "Хорошо",
+  "one_free_collab": "Один бесплатный соавтор",
+  "online_latex_editor": "Онлайн редактор LaTeX",
+  "open_project": "Открыть проект",
+  "optional": "Необязательный",
+  "or": "или",
+  "other_logs_and_files": "Другие логи и файлы",
+  "over": "свыше",
+  "owner": "Владелец",
+  "page_not_found": "Страница не найдена",
+  "password": "Пароль",
+  "password_reset": "Сбросить пароль",
+  "password_reset_email_sent": "На ваш электронный адрес было отправлено письмо с инструкцией по восстановлению пароля",
+  "password_reset_token_expired": "Ваш код восстановления пароля истёк. Пожалуйста, запросите восстановление пароля по почте ещё раз и перейдите по ссылке в письме.",
+  "pdf_viewer": "Просмотрщик PDF",
+  "pending": "В ожидании",
+  "personal": "Личный",
+  "pl": "Польский",
+  "planned_maintenance": "Плановые работы",
+  "plans_amper_pricing": "Тарифы",
+  "plans_and_pricing": "Тарифные планы",
+  "please_compile_pdf_before_download": "Пожалуйста, скомпилируйте проект перед загрузкой PDF",
+  "please_compile_pdf_before_word_count": "Пожалуйста, скомпилируйте проект, прежде чем подсчитывать количество слов!",
+  "please_enter_email": "Пожалуйста, введите адрес электронной почты",
+  "please_refresh": "Пожалуйста, обновите страницу для продолжения",
+  "please_set_a_password": "Пожалуйста, укажите пароль",
+  "position": "Должность",
+  "presentation": "Презентация",
+  "price": "Цена",
+  "privacy": "Конфиденциальность",
+  "privacy_policy": "Конфиденциальность",
+  "private": "Закрытый",
+  "problem_changing_email_address": "Возникла проблема при обновлении Вашего адреса электронной почты. Пожалуйста, попробуйте через некоторое время снова. Если проблема повторится, пожалуйста свяжитесь с нами.",
+  "problem_talking_to_publishing_service": "Проблема с сервером публикации. Пожалуйста, попробуйте через некоторое время ещё раз",
+  "problem_with_subscription_contact_us": "Возникли проблемы с Вашей подпиской. Пожалуйста, свяжитесь с нами, чтобы узнать подробности.",
+  "processing": "обработка",
+  "professional": "Профессионал",
+  "project_last_published_at": "В последний раз проект был опубликован",
+  "project_name": "Название проекта",
+  "project_not_linked_to_github": "Этот проект не связан ни с одним проектом на GitHub. Вы можете создать для него проект на GitHub:",
+  "project_too_large": "Проект слишком большой",
+  "project_too_large_please_reduce": "В этом проекте слишком много текста. Пожалуйста, попробуйте уменьшить количество.",
+  "project_url": "URL проекта",
+  "projects": "Проекты",
+  "pt": "Португальский",
+  "public": "Открытый",
+  "publish": "Опубликовать",
+  "publish_as_template": "Создать шаблон",
+  "publishing": "Публикация",
+  "pull_github_changes_into_sharelatex": "Скачать изменения с GitHub в __appName__",
+  "push_sharelatex_changes_to_github": "Загрузить изменения из __appName__ на GitHub",
+  "recent_commits_in_github": "Последние коммиты на GitHub",
+  "recompile": "Компилировать",
+  "recompile_pdf": "Перекомпилировать PDF",
+  "reconnecting": "Пересоединение",
+  "reconnecting_in_x_secs": "Повторное соединение через __seconds__ секунд",
+  "refresh_page_after_starting_free_trial": "Пожалуйста, обновите страницу",
+  "regards": "С уважением",
+  "register": "Регистрация",
+  "register_to_edit_template": "Пожалуйста, зарегистрируйтесь, чтобы редактировать шаблон __templateName__",
+  "registered": "Зарeгистрирован",
+  "registering": "Создание аккаунта",
+  "remove_from_group": "Удалить из группы",
+  "removed": "удалено",
+  "removing": "Удаление",
+  "rename": "Переименовать",
+  "rename_project": "Переименовать проект",
+  "renaming": "Переименование",
+  "repository_name": "Наименование репозитория",
+  "republish": "Переопубликовать",
+  "request_password_reset": "Сбросить пароль",
+  "request_sent_thank_you": "Спасибо, Ваш запрос отправлен!",
+  "required": "обязательно",
+  "resend": "Отправить еще раз",
+  "reset_password": "Сбросить пароль",
+  "reset_your_password": "Сбросить пароль",
+  "restore": "Восстановить",
+  "restoring": "Восстановление",
+  "restricted": "Доступ ограничен",
+  "restricted_no_permission": "Извините, у Вас недостаточно прав для просмотра данной страницы.",
+  "return_to_login_page": "Вернуться на страницу входа",
+  "revoke_invite": "Отозвать приглашение",
+  "ro": "Румынский",
+  "role": "Роль",
+  "ru": "Русский",
+  "saving": "Сохранение",
+  "saving_notification_with_seconds": "Сохранение __docname__... (__seconds__ секунд с последнего сохранения)",
+  "search_bib_files": "Поиск по автору, названию, году",
+  "search_projects": "Поиск по проектам",
+  "search_references": "Поиск .bib файлов в проекте",
+  "security": "Безопасность",
+  "select_github_repository": "Выберите проект на GitHub для импорта в __appName__",
+  "send_first_message": "Отправьте сообщение",
+  "september": "Сентябрь",
+  "server_error": "Ошибка сервера",
+  "services": "Сервисы",
+  "session_created_at": "Сессия создана",
+  "session_expired_redirecting_to_login": "Срок сессии истёк. Перенаправление на страницу входа через __seconds__ секунд(ы)",
+  "sessions": "Сессии",
+  "set_new_password": "Введите новый пароль",
+  "set_password": "Установить пароль",
+  "settings": "Настройки",
+  "share": "Открыть доступ",
+  "share_project": "Открыть доступ к проекту",
+  "shared_with_you": "Доступные мне",
+  "show_hotkeys": "Показать горячие клавиши",
+  "site_description": "Простой в использовании онлайн редактор LaTeX. Не требует установки, поддерживает совместную работу в реальном времени, контроль версий, сотни шаблонов LaTeX и многое другое.",
+  "somthing_went_wrong_compiling": "К сожалению, что-то пошло не так и мы не смогли скомпИлировать Ваш проект. Попробуйте еще раз через пару минут.",
+  "source": "Исходный код",
+  "spell_check": "Проверка правописания",
+  "start_free_trial": "Попробовать бесплатно!",
+  "state": "Состояние",
+  "stop_compile": "Остановить компиляцию",
+  "stop_on_validation_error": "Проверить синтаксис перед компиляцией",
+  "student": "Студент",
+  "subject": "Тема",
+  "subscribe": "Подписаться",
+  "subscription": "Подписка",
+  "subscription_canceled_and_terminate_on_x": " Ваша подписка была отменена и закончится <0>__terminateDate__</0>. Дальнейшие платежи взиматься не будут.",
+  "suggestion": "Предложения",
+  "sure_you_want_to_change_plan": "Вы уверены, что хотите сменить тарифный план на <0>__planName__</0>?",
+  "sure_you_want_to_delete": "Вы уверены, что хотите перманентно удалить следующие файлы?",
+  "sure_you_want_to_leave_group": "Вы уверены, что хотите покинуть группу?",
+  "sv": "Шведский",
+  "sync": "Синхронизация",
+  "sync_project_to_github_explanation": "Все изменения, сделанные Вами в __appName__ будут интегрированы (commit и merge) со всеми обновлениями на GitHub.",
+  "sync_to_dropbox": "Синхронизация с Dropbox",
+  "sync_to_github": "Синхронизация с GitHub",
+  "syntax_validation": "Проверка кода",
+  "take_me_home": "Вернуться в начало",
+  "template_description": "Описание шаблона",
+  "templates": "Шаблоны",
+  "terminated": "Компиляция отменена",
+  "terms": "Условия",
+  "thank_you": "Спасибо!",
+  "thanks": "Спасибо",
+  "thanks_for_subscribing": "Благодарим за подписку!",
+  "thanks_for_subscribing_you_help_sl": "Благодарим за подписку по тарифному плану __planName__. Благодаря Вам проект __appName__ может продолжать развиваться и улучшаться.",
+  "thanks_settings_updated": "Спасибо, изменения сохранены",
+  "theme": "Тема",
+  "thesis": "Диссертация",
+  "this_is_your_template": "Это шаблон из Вашего проекта",
+  "this_project_is_public": "Это открытый проект. Он может быть изменен любым человеком, знающим адрес (URL)",
+  "this_project_is_public_read_only": "Этот проект открыт для всех, у кого есть ссылка (но без возможности редактирования)",
+  "this_project_will_appear_in_your_dropbox_folder_at": "Этот проект появится в вашей папке Dropbox в ",
+  "three_free_collab": "Три бесплатных соавтора",
+  "timedout": "Время ожидания истекло",
+  "title": "Название",
+  "to_many_login_requests_2_mins": "Было предпринято слишком много попыток входа. Пожалуйста, подождите 2 минуты, прежде чем пробовать снова",
+  "to_modify_your_subscription_go_to": "Для изменения подписки перейдите по ссылке:",
+  "too_many_files_uploaded_throttled_short_period": "Слишком много файлов загружено за раз - на короткое время загрузка была приостановлена.",
+  "too_recently_compiled": "Этот проект был скомпилирован совсем недавно, поэтому компиляция была пропущена.",
+  "total_words": "Количество слов",
+  "tr": "Турецкий",
+  "try_now": "Попробуйте",
+  "uk": "Украинский",
+  "university": "Университет",
+  "unlimited_collabs": "Неограниченно число соавторов",
+  "unlimited_projects": "Неограниченное число проектов",
+  "unlink": "Отсоединить",
+  "unlink_github_warning": "Все проекты, которые Вы синхронизировали с GitHub, будут отсоединены и больше не будут синхронизироваться с GitHub. Вы уверены, что хотите отсоединить Ваш GitHub аккаунт?",
+  "unpublish": "Отменить публикацию",
+  "unpublishing": "Отмена публикации",
+  "unsubscribe": "Отменить подписку",
+  "unsubscribed": "Не подписан",
+  "unsubscribing": "Отмена подписки",
+  "update": "Сохранить",
+  "update_account_info": "Редактировать профиль",
+  "update_dropbox_settings": "Обновить настройки Dropbox",
+  "update_your_billing_details": "Обновить детали счёта",
+  "updating_site": "Сайт обновляется",
+  "upgrade": "Сменить тариф",
+  "upgrade_now": "Сменить тариф",
+  "upload": "Загрузить",
+  "upload_file": "Загрузить файл",
+  "upload_project": "Загрузить проект",
+  "upload_zipped_project": "Загрузить архив проекта (*.zip)",
+  "user_wants_you_to_see_project": "__username__ приглашает вас к просмотру проекта __projectname__",
+  "vat_number": "Номер плательщика НДС",
+  "view_all": "Показать все",
+  "view_in_template_gallery": "Посмотреть в галерее шаблонов",
+  "welcome_to_sl": "Добро пожаловать в __appName__",
+  "word_count": "Количество слов",
+  "year": "год",
+  "you_have_added_x_of_group_size_y": "Вы добавили <0>__addedUsersSize__</0> из <1>__groupSize__</1> доступных участников",
+  "your_plan": "Ваш тариф",
+  "your_projects": "Созданные мной",
+  "your_sessions": "Ваши сессии",
+  "your_subscription": "Ваша подписка",
+  "your_subscription_has_expired": "Срок Вашей подписки истёк.",
+  "zh-CN": "Китайский"
+}
diff --git a/services/web/locales/sv.json b/services/web/locales/sv.json
new file mode 100644
index 0000000..70e35fd
--- /dev/null
+++ b/services/web/locales/sv.json
@@ -0,0 +1,971 @@
+{
+  "About": "Om",
+  "Account": "Konto",
+  "Account Settings": "Kontoinställningar",
+  "Documentation": "Dokumentation",
+  "Projects": "Projekt",
+  "Security": "Säkerhet",
+  "Subscription": "Prenumeration",
+  "Terms": "Villkor",
+  "Universities": "Universitet",
+  "about": "Om",
+  "about_to_archive_projects": "Du kommer att arkivera följande projekt:",
+  "about_to_delete_projects": "Du håller på att ta bort följande projekt:",
+  "about_to_leave_projects": "Du håller på att lämna följande projekt:",
+  "about_to_trash_projects": "Du kommer att kasta följande projekt:",
+  "abstract": "Sammanfattning",
+  "accept": "Acceptera",
+  "accept_invitation": "Acceptera inbjudan",
+  "accept_or_reject_each_changes_individually": "Acceptera eller neka varje förändring för sig",
+  "accepted_invite": "Accepterat inbjudan",
+  "accepting_invite_as": "Du accepterar inbjudan som",
+  "account": "Konto",
+  "account_has_been_link_to_institution_account": "Ditt __appName__-konto för <b>__email__</b> har länkats till ditt institutionella konto <b>__institutionName__</b>.",
+  "account_has_past_due_invoice_change_plan_warning": "Ditt konto har för närvarande en förfallen faktura. Du kommer inte att kunna ändra din plan förrän detta är löst.",
+  "account_not_linked_to_dropbox": "Ditt konto är inte länkat till Dropbox",
+  "account_settings": "Kontoinställningar",
+  "account_with_email_exists": "Det verkar som om ett <b>__appName__</b>-konto med e-post-adressen <b>__email__</b> redan finns.",
+  "actions": "Åtgärder",
+  "activate": "Aktivera",
+  "activate_account": "Aktivera ditt konto",
+  "activating": "Aktiverar",
+  "activation_token_expired": "Din aktiveringstoken har utgått, du behöver få en ny skickad till dig.",
+  "add": "Lägg till",
+  "add_affiliation": "Lägg till anslutning",
+  "add_another_email": "Lägg till en annan e-post",
+  "add_comma_separated_emails_help": "Separera flera e-postadresser med kommatecken (,).",
+  "add_comment": "Lägg till kommentar",
+  "add_company_details": "Lägg till företagsuppgifter",
+  "add_email": "Lägg till e-post",
+  "add_email_to_claim_features": "Lägg till en institutionell e-postadress för att erhålla dina funktioner.",
+  "add_new_email": "Lägg till ny e-postadress",
+  "add_role_and_department": "Lägg till befattning och avdelning",
+  "add_your_comment_here": "Skriv din kommentar här",
+  "add_your_first_group_member_now": "Lägg till dina första gruppmedlemmar nu",
+  "added": "lagst till",
+  "adding": "Lägger till",
+  "address": "Adress",
+  "address_line_1": "Adress",
+  "address_second_line_optional": "Adress på andra raden (valfritt)",
+  "admin": "admin",
+  "admin_user_created_message": "Admin-konto skapat, <a href=\"__link__\">Logga in här</a> för att fortsätta",
+  "aggregate_changed": "Ändrade",
+  "aggregate_to": "till",
+  "all_premium_features": "Alla premiumfunktioner",
+  "all_projects": "Alla projekt",
+  "all_templates": "Alla mallar",
+  "already_have_sl_account": "Har du redan ett __appName__ konto?",
+  "also": "Även",
+  "alternatively_create_new_institution_account": "Alternativt kan du skapa ett <b>nytt konto</b> med din institutions-e-post-adress (<b>__email__</b>) genom att klicka på <b>__clickText__</b>.",
+  "and": "och",
+  "annual": "Årlig",
+  "anonymous": "Anonym",
+  "anyone_with_link_can_edit": "Vem som helst med denna länk kan redigera detta projekt",
+  "anyone_with_link_can_view": "Vem som helst med denna länk kan se detta projekt",
+  "april": "April",
+  "archive": "Arkiv",
+  "archive_projects": "Arkiverade projekt",
+  "archived_projects": "Arkiverade projekt",
+  "archiving_projects_wont_affect_collaborators": "Arkivering av projekt påverkar inte dina samarbetspartners.",
+  "are_you_still_at": "Är du fortfarande vid <0>__institutionName__</0>?",
+  "as_a_member_of_sso_required": "Som medlem i <b>__institutionName__</b> måste du logga in på <b>__appName__</b> via din institutionsportal.",
+  "ask_proj_owner_to_upgrade_for_full_history": "Vänligen fråga projektägaren om uppgradering för att få åtkomst till detta projekts kompletta historik.",
+  "ask_proj_owner_to_upgrade_for_references_search": "Vänligen be projekt ägaren att uppgradera för att använda Referens sök funktionen.",
+  "august": "Augusti",
+  "author": "Författare",
+  "auto_close_brackets": "Stäng parenteser automatiskt",
+  "auto_compile": "Kompilera automatiskt",
+  "auto_complete": "Komplettera automatisk",
+  "autocompile_disabled": "Autokompilering inaktiverat",
+  "autocompile_disabled_reason": "På grund av hög serverbelastning har bakgrundskompilering tillfälligt inaktiverats. Vänligen kompilera genom att klicka på knappen ovan.",
+  "autocomplete": "Autokomplettering",
+  "autocomplete_references": "Autokomplettering av referenser (inuti <code>\\cite{}</code>)",
+  "back_to_editor": "Tillbaka till textredigeraren",
+  "back_to_your_projects": "Tillbaka till dina projekt",
+  "beta": "Beta",
+  "beta_program_already_participating": "Du är ansluten till beta-programmet.",
+  "beta_program_badge_description": "När du använder __appName__ kommer du att se beta-funktioner markerade med denna ikon:",
+  "beta_program_benefits": "Vi förbättrar ständigt __appName__. Genom att gå med i vårt beta-program får du tidig tillgång till nya funktioner och kan hjälpa oss att förstå dina behov bättre.",
+  "beta_program_not_participating": "Du är inte inskriven i betaprogrammet.",
+  "beta_program_opt_in_action": "Gå med i beta-programmet",
+  "beta_program_opt_out_action": "Hoppa av beta-programmet",
+  "bibliographies": "Bibliografi",
+  "binary_history_error": "Förhandsgranskning är inte tillgänglig för denna filtyp",
+  "blank_project": "Tomt projekt",
+  "blocked_filename": "Detta filnamn är blockerat",
+  "blog": "Blogg",
+  "built_in": "Inbyggd",
+  "by": "av",
+  "can_link_institution_email_acct_to_institution_acct": "Du kan nu länka ditt <b>__email__</b> <b>__appName__</b>-konto till ditt <b>__institutionName__</b> institutionella konto.",
+  "cancel": "Avbryt",
+  "cancel_my_account": "Avsluta min prenumeration",
+  "cancel_personal_subscription_first": "Du har redan en personlig prenumeration, vill du avbryta denna innan du går med i grupp licensen?",
+  "cancel_your_subscription": "Avsluta din prenumeration",
+  "cannot_invite_non_user": "Kunde inte skicka inbjudan. Mottagaren har redan ett __appName__-konto",
+  "cannot_invite_self": "Du kan inte skicka en inbjudan till dig själv",
+  "cannot_verify_user_not_robot": "Tyvärr kunde vi inte verifiera att du inte är en robot. Vänligen kontrollera så att Google reCAPTCHA inte blockeras av en ad blocker eller brandvägg.",
+  "cant_find_email": "Den e-postadressen är tyvärr inte registrerad.",
+  "cant_find_page": "Tyvärr kan vi inte hitta sidan du letar efter.",
+  "cant_see_what_youre_looking_for_question": "Ser du inte vad du letar efter?",
+  "category_arrows": "Pilar",
+  "category_greek": "Grekiska",
+  "category_misc": "Diverse",
+  "category_operators": "Operatorer",
+  "category_relations": "Relationer",
+  "change": "Ändra",
+  "change_or_cancel-cancel": "avbryt",
+  "change_or_cancel-change": "Ändra",
+  "change_or_cancel-or": "eller",
+  "change_owner": "Ändra ägare",
+  "change_password": "Byt lösenord",
+  "change_plan": "Byta betalningsplan",
+  "change_project_owner": "Ändra projektägare",
+  "change_to_this_plan": "Ändra till denna betalningsplan",
+  "chat": "Chatt",
+  "chat_error": "Det gick inte att ladda chattmeddelanden. Vänligen försök igen.",
+  "checking": "Kontrollerar",
+  "checking_dropbox_status": "kontrollerar Dropbox status",
+  "checking_project_github_status": "Kontrollerar projektstatus på GitHub",
+  "choose_your_plan": "Välj din betalningsplan",
+  "city": "Stad",
+  "clear_cached_files": "Rensa cachade filer",
+  "clear_search": "rensa sökning",
+  "clear_sessions": "Töm sessioner",
+  "clear_sessions_description": "Detta är en lista med sessioner (inloggningar) som är aktiva på ditt konto, inte medräknat din nuvarande session. Klick på \"Töm sessioner\" knappen nedan för att logga ut dem.",
+  "clear_sessions_success": "Sessioner tömda",
+  "clearing": "Tömmer",
+  "click_here_to_view_sl_in_lng": "Klicka här för att använda __appName__ på <0>__lngName__</0>",
+  "click_link_to_proceed": "Klicka på <b>__clickText__</b> nedan för att fortsätta.",
+  "clone_with_git": "Klona med Git",
+  "close": "Stäng",
+  "clsi_maintenance": "Kompileringsservrarna är nere för underhåll och kommer snart upp igen.",
+  "clsi_unavailable": "Tyvärr var kompileringsservern för ditt projekt tillfälligt otillgänglig. Vänligen försök igen om ett litet tag.",
+  "cn": "Kinesiska (Förenklad)",
+  "code_check_failed": "Kodkontroll misslyckades",
+  "code_check_failed_explanation": "Din kod har fel som behöver åtgärdas innan auto-kompileringen kan köras",
+  "collaborate_online_and_offline": "Samarbeta online och offline, med ditt eget arbetsflöde",
+  "collaboration": "Samarbete",
+  "collaborator": "Samarbetare",
+  "collabs_per_proj": "__collabcount__ samarbetare per projekt",
+  "collabs_per_proj_single": "__collabcount__ medarbetare per projekt",
+  "collapse": "Kontrahera",
+  "comment": "Kommentar",
+  "common": "Vanliga",
+  "compact": "Kompakt",
+  "company_name": "Företagsnamn",
+  "compile_error_entry_description": "Ett fel som förhindrade kompilering av detta projekt",
+  "compile_larger_projects": "Kompilera större projekt",
+  "compile_mode": "Kompileringsläge",
+  "compile_terminated_by_user": "Kompileringen avbröts med ’Stoppa kompilering’-knappen. Du kan titta i råloggarna för att se var kompileringen avbröts.",
+  "compile_timeout_short": "Timeout för kompilering",
+  "compiler": "Kompilator",
+  "compiling": "Kompilerar",
+  "complete": "Färdigt",
+  "confirm": "Bekräfta",
+  "confirm_affiliation_to_relink_dropbox": "Vänligen bekräfta att du fortfarande är kvar på institutionen och har deras licens, eller uppgradera ditt konto för att återkoppla ditt Dropbox-konto.",
+  "confirm_email": "Bekräfta e-postadress",
+  "confirm_new_password": "Bekräfta nytt lösenord",
+  "confirmation_link_broken": "Tyvärr, något är fel med din bekräftelselänk. Vänligen försök kopiera och klistra in länken given längst ner i bekräftelse-e-brevet.",
+  "conflicting_paths_found": "Motstridiga sökvägar hittade",
+  "connected_users": "Anslutna användare",
+  "connecting": "Ansluter",
+  "contact": "Kontakt",
+  "contact_message_label": "Meddelande",
+  "contact_support_to_change_group_subscription": "Vänligen kontakta supporten om du vill ändra ditt gruppabonnemang.",
+  "contact_us": "Kontakta oss",
+  "continue_github_merge": "Jag har gjort en manuell sammanslagning. Fortsätt",
+  "continue_to": "Fortsätt till __appName__",
+  "copy": "Kopiera",
+  "copy_project": "Klona projekt",
+  "copying": "kopierar",
+  "country": "Land",
+  "coupon_code": "Kupongkod",
+  "coupons_not_included": "Detta inkluderar ej dina nuvarande rabatter vilka kommer att tillämpas automatiskt före din nästa betalning",
+  "create": "Skapa",
+  "create_first_admin_account": "Skapa ett första Admin-konto",
+  "create_new_account": "Skapa ett nytt konto",
+  "create_new_subscription": "Skapa en ny prenumeration",
+  "create_project_in_github": "Skapa ett GitHub repo",
+  "creating": "Skapar",
+  "credit_card": "Kreditkort",
+  "cs": "Tjeckiska",
+  "current_file": "Nuvarande fil",
+  "current_password": "Nuvarande lösenord",
+  "currently_seeing_only_24_hrs_history": "För närvarande ser du ändringar under de senaste 24 timmarnas i detta projekt.",
+  "currently_subscribed_to_plan": "Du använder för närvarande en <0>__planName__</0> betalningsplan.",
+  "da": "Danska",
+  "de": "Tyska",
+  "december": "December",
+  "default": "Standard",
+  "delete": "Radera",
+  "delete_account": "Ta bort konto",
+  "delete_account_warning_message_3": "Du håller på att permanent <strong>ta bort all din konto data</strong>, inklusive dina projekt och inställningar. Vänligen skriv in e-postadressen ditt konto använder samt ditt lösenord i fälten nedan för att fortsätta.",
+  "delete_acct_no_existing_pw": "Vänligen använd formuläret för återställning av lösenordet för att ange ett lösenord innan du raderar ditt konto.",
+  "delete_and_leave": "Radera / Lämna",
+  "delete_and_leave_projects": "Ta bort och lämna projekt",
+  "delete_projects": "Ta bort projekt",
+  "delete_your_account": "Ta bort ditt konto",
+  "deleting": "Tar bort",
+  "department": "Avdelning",
+  "dictionary": "Ordbok",
+  "disable_stop_on_first_error": "Inaktivera \"Stopp vid första fel\"",
+  "disconnected": "Frånkopplad",
+  "dismiss_error_popup": "Avfärda varning om första fel",
+  "do_not_have_acct_or_do_not_want_to_link": "Om du inte har ett <b>__appName__</b>-konto, eller om du inte vill länka till ditt <b>__institutionName__</b>-konto, vänligen klicka på <b>__clickText__</b>.",
+  "do_not_link_accounts": "Länka ej konton",
+  "documentation": "Dokumentation",
+  "doesnt_match": "Matchar inte",
+  "doing_this_allow_log_in_through_institution": "Genom att göra detta kan du logga in på <b>__appName__</b> via din institutionsportal.",
+  "done": "Färdigt",
+  "dont_have_account": "Har du inget konto?",
+  "download": "Ladda ner",
+  "download_pdf": "Ladda ner PDF",
+  "download_zip_file": "Ladda ner .zip fil",
+  "drag_here": "dra här",
+  "drop_files_here_to_upload": "Släpp filer här för att ladda upp",
+  "dropbox_already_linked_error": "Ditt Dropbox-konto kan inte länkas eftersom det redan är länkat till ett annat Overleaf-konto.",
+  "dropbox_already_linked_error_with_email": "Ditt Dropbox-konto kan inte kopplas eftersom det redan är kopplat till ett annat Overleaf-konto med e-postadressen __otherUsersEmail__.",
+  "dropbox_checking_sync_status": "Kontrollerar status för Dropbox-integration",
+  "dropbox_duplicate_names_error": "Ditt Dropbox-konto kan inte länkas eftersom du har mer än ett projekt med samma namn: ",
+  "dropbox_email_not_verified": "Vi har inte kunnat hämta uppdateringar från ditt Dropbox-konto. Dropbox rapporterade att din e-postadress inte är verifierad. Verifiera din e-postadress i ditt Dropbox-konto för att lösa detta.",
+  "dropbox_for_link_share_projs": "Det här projektet har nåtts via länkdelning och kommer inte att synkroniseras med din Dropbox om inte projektägaren bjuder in dig via e-post.",
+  "dropbox_integration_lowercase": "Dropboxintegrering",
+  "dropbox_successfully_linked_description": "Tack, vi har lyckats koppla ditt Dropbox-konto till __appName__.",
+  "dropbox_sync": "Dropbox synkronisering",
+  "dropbox_sync_both": "Uppdaterar Overleaf och Dropbox",
+  "dropbox_sync_description": "Synkronisera dina __appName__ projekt med Dropbox. Ändringar du gör i __appName__ skickas automatiskt till din Dropbox, och vice versa.",
+  "dropbox_sync_error": "Fel vid Dropbox-synkning",
+  "dropbox_sync_in": "Uppdaterar Overleaf",
+  "dropbox_sync_out": "Uppdaterar Dropbox",
+  "dropbox_synced": "Overleaf och Dropbox är aktuella",
+  "dropbox_unlinked_because_access_denied": "Dropbox-kontot har kopplats bort eftersom Dropbox-tjänsten har avvisat dina lagrade autentiseringsuppgifter. Vänligen koppla tillbaka ditt Dropbox-konto för att fortsätta använda det med Overleaf.",
+  "dropbox_unlinked_because_full": "Ditt Dropbox-konto har kopplats bort eftersom det är fullt och vi kan inte längre skicka uppdateringar till det. Vänligen frigör lite utrymme och länka om ditt Dropbox-konto så att du kan fortsätta att använda det med Overleaf.",
+  "duplicate_file": "Duplicera fil",
+  "easily_manage_your_project_files_everywhere": "Hantera dina projektfiler enkelt och överallt",
+  "edit": "Redigera",
+  "edit_dictionary": "Redigera ordboken",
+  "edit_dictionary_empty": "Din personliga ordbok är tom.",
+  "edit_dictionary_remove": "Ta bort från ordboken",
+  "editing": "Redigering",
+  "editor_disconected_click_to_reconnect": "Editorn tappade anslutningen, klicka varsomhelst för att återansluta.",
+  "editor_theme": "Tema för textredigerare",
+  "email": "E-post",
+  "email_already_registered": "Den här e-postadressen är redan registrerad",
+  "email_already_registered_secondary": "Denna e-postadress är redan registrerad som sekundär e-postadress",
+  "email_does_not_belong_to_university": "Vi känner inte igen den domänen som tillhörande till ditt universitet. Vänligen kontakta oss för att lägga till tillhörigheten.",
+  "email_link_expired": "E-post länk har utgått, vänligen begär en ny.",
+  "email_or_password_wrong_try_again": "E-postadressen eller lösenordet är felaktigt.",
+  "email_required": "E-post krävs",
+  "email_sent": "E-mail skickat",
+  "emails_and_affiliations_explanation": "Lägg till ytterligare e-postadresser till ditt konto för att få tillgång till uppgraderingar som ditt universitet eller din institution har, för att göra det lättare för medarbetare att hitta dig och för att säkerställa att du kan återställa ditt konto.",
+  "emails_and_affiliations_title": "E-post och anslutningar",
+  "empty_zip_file": "Zip-filen innehåller ingen fil",
+  "en": "Engelska",
+  "error": "Fel",
+  "error_performing_request": "Ett fel har uppstått vid behandling av din begäran.",
+  "es": "Spanska",
+  "every": "varje",
+  "example_project": "Exempelprojekt",
+  "existing_plan_active_until_term_end": "Din befintliga plan och dess funktioner förblir aktiva fram till slutet av den aktuella faktureringsperioden.",
+  "expand": "Expandera",
+  "expiry": "Utgångsdatum",
+  "export_csv": "Exportera CSV",
+  "export_project_to_github": "Exportera Projekt till GitHub",
+  "faq_how_does_free_trial_works_answer": "Du får full tillgång till din valda __appName__-plan under din __len__-dagars gratis provperiod. Det finns inget krav på att fortsätta efter provperioden. Ditt kort kommer att debiteras i slutet av din __len__-dagars provperiod om du inte avbryter innan dess. Du kan avbryta via dina prenumerationsinställningar.",
+  "fast": "Snabb",
+  "featured_latex_templates": "Utvalda LaTeX-mallar",
+  "features": "Funktioner",
+  "february": "Februari",
+  "file_action_created": "Skapade",
+  "file_action_deleted": "Tog bort",
+  "file_action_edited": "Redigerade",
+  "file_action_renamed": "Döpte om",
+  "file_already_exists": "En fil eller mapp med det namnet finns redan",
+  "file_already_exists_in_this_location": "Ett objekt som heter <0>__fileName__</0> finns redan på denna plats. Om du vill flytta den här filen, byt namn på eller ta bort den motstridiga filen och försök igen.",
+  "file_name_in_this_project": "Filnamn i detta projekt",
+  "file_outline": "Filstruktur",
+  "file_too_large": "Fil för stor",
+  "files_cannot_include_invalid_characters": "Filnamnet är tomt eller innehåller otillåtna tecken",
+  "files_selected": "filer valda",
+  "find_out_more": "Få reda på mer",
+  "find_out_more_about_institution_login": "Läs mer om institutionell inloggning",
+  "find_out_more_about_the_file_outline": "Läs mer om filöversikten",
+  "find_out_more_nt": "Ta reda på mer.",
+  "first_name": "Förnamn",
+  "folders": "Mappar",
+  "following_paths_conflict": "Följande filer & mappar har samma sökvägar",
+  "font_family": "Typsnittsfamilj",
+  "font_size": "Teckenstorlek",
+  "forgot_your_password": "Glömt ditt lösenord",
+  "fr": "Franska",
+  "free": "Gratis",
+  "free_dropbox_and_history": "Gratis Dropbox och förändringshistorik",
+  "free_plan_label": "Du har en <b>gratisplan</b>",
+  "free_plan_tooltip": "Klicka för att ta reda på hur du kan dra nytta av Overleafs premiumfunktioner!",
+  "full_doc_history": "Full dokumenthistorik",
+  "general": "Allmänt",
+  "generic_if_problem_continues_contact_us": "Om problemet kvarstår, vänligen kontakta oss.",
+  "generic_linked_file_compile_error": "Projektets utdatafiler är inte tillgängliga eftersom det inte gick att kompilera. Vänligen öppna projektet för att se information om kompileringsfel.",
+  "generic_something_went_wrong": "Ursäkta, något gick snett",
+  "get_in_touch": "Kom i kontakt",
+  "get_in_touch_having_problems": "<a href=\"__link__\">Kontakta support</a> om du har problem",
+  "github_commit_message_placeholder": "Commit meddelande för ändringar gjorda i __appName__...",
+  "github_credentials_expired": "Din auktorisering för GitHub har löpt ut",
+  "github_integration_lowercase": "GitHubintegration",
+  "github_is_premium": "GitHub synk är en premium funktion",
+  "github_no_master_branch_error": "Det här arkivet kan inte importeras eftersom det saknar huvudgrenen. Vänligen kontrollera att projektet har en huvudgren.",
+  "github_private_description": "Du kan välja vem som kan se och checka in till detta kodförråd.",
+  "github_public_description": "Alla kan se detta repo. Du bestämmer vem som kan commita.",
+  "github_successfully_linked_description": "Tack, vi har länkat ditt GitHub konto till __appName__. Du kan du exportera dina __appName__ projekt till GitHub, eller importera projekt från dina GitHub repon.",
+  "github_symlink_error": "Ditt Github-arkiv innehåller symboliska länkfiler som för närvarande inte stöds av Overleaf. Vänligen ta bort dessa och försök igen.",
+  "github_sync": "GitHub Synk",
+  "github_sync_description": "Med GitHub synk kan du koppla dina __appName__ projekt till GitHub repon. Skapa nya commits från __appName__ och slå samman commits som har gjorts i offlineläge eller i GitHub.",
+  "github_sync_error": "Ett fel uppstod vid kommunikationen med GitHub. Vänligen försök igen om en stund.",
+  "github_timeout_error": "Synkroniseringen av ditt Overleaf-projekt med GitHub har orsakat time-out. Det kan bero på att projektets totala storlek eller antalet filer/ändringar som ska synkroniseras är för stort.",
+  "github_too_many_files_error": "Det här arkivet kan inte importeras eftersom det överskrider det högsta tillåtna antalet filer.",
+  "github_validation_check": "Vänligen kontrollera att repots namn är giltigt samt att du har tillåtelse att skapa nya repon.",
+  "give_feedback": "Ge respons",
+  "global": "global",
+  "go_back_and_link_accts": "<a href=\"__link__\">Gå tillbaka</a> och länka dina konton",
+  "go_next_page": "Gå till nästa sida",
+  "go_page": "Gå till sidan __page__",
+  "go_prev_page": "Gå till föregående sida",
+  "go_to_code_location_in_pdf": "Gå till kodplats i PDF",
+  "go_to_pdf_location_in_code": "Gå till PDF platsen i koden",
+  "group_admin": "Gruppadministratör",
+  "group_full": "Gruppen är redan full",
+  "groups": "Grupper",
+  "have_more_days_to_try": "Få ytterligare <strong>__days__ dagar</strong> till dit test konto!",
+  "headers": "Rubriker",
+  "help": "Hjälp",
+  "help_articles_matching": "Hjälpartiklar som matchar ditt ämne",
+  "hide_outline": "Göm filstruktur",
+  "history": "Historik",
+  "history_add_label": "Lägg till etikett",
+  "history_are_you_sure_delete_label": "Är du säker på att du vill ta bort följande etikett",
+  "history_delete_label": "Radera etikett",
+  "history_entry_origin_git": "via Git",
+  "history_entry_origin_upload": "ladda upp",
+  "history_label_created_by": "Skapad av",
+  "history_label_project_current_state": "Nuvarande status",
+  "history_label_this_version": "Etikera denna version",
+  "history_new_label_name": "Nytt etikettnamn",
+  "history_view_all": "All historik",
+  "history_view_labels": "Etiketter",
+  "home": "Startsida",
+  "hotkey_add_a_comment": "Lägg till en kommentar",
+  "hotkey_bold_text": "Fet text",
+  "hotkey_indent_selection": "Indentera urval",
+  "hotkey_insert_candidate": "Infoga kandidat",
+  "hotkey_italic_text": "Kursiv text",
+  "hotkey_search_references": "Sök referenser",
+  "hotkey_select_candidate": "Välj kandidat",
+  "hotkeys": "Snabbkommandon",
+  "hundreds_templates_info": "Producera vackra dokument med hjälp av vårt gallery av LaTeX mallar för tidsskrifter, konferenser, uppsatser, rapporter, CV och mycket mer.",
+  "i_want_to_stay": "Jag vill stanna",
+  "if_have_existing_can_link": "Om du har ett befintligt <b>__appName__</b>-konto för en annan e-post-adress kan du länka det till ditt <b>__institutionName__</b>-konto genom att klicka på <b>__clickText__</b>.",
+  "ignore_validation_errors": "Kontrollera inte syntax",
+  "ill_take_it": "Jag tar det!",
+  "import_from_github": "Importera från GitHub",
+  "import_to_sharelatex": "Importera till __appName__",
+  "importing": "Importerar",
+  "importing_and_merging_changes_in_github": "Importerar och slår samman ändringar i GitHub",
+  "in_order_to_match_institutional_metadata_associated": "För att matcha dina institutionella metadata är ditt konto kopplat till e-post-adressen <b>__email__</b>.",
+  "increased_compile_timeout": "Ökad timeout för kompilering",
+  "info": "Info",
+  "institution": "Instution",
+  "institution_account": "Institutionellt konto",
+  "institution_account_tried_to_add_affiliated_with_another_institution": "Den här e-post-adressen är <b>redan kopplad</b> till ditt konto men anslutet till en annan institution.",
+  "institution_account_tried_to_add_already_linked": "Denna institution är <b>redan länkad</b> till ditt konto via en annan e-post-adress.",
+  "institution_account_tried_to_add_already_registered": "Det e-post-konto/institutionella konto som du försökte lägga till är <b>redan registrerat</b> i  __appName__.",
+  "institution_account_tried_to_confirm_saml": "Detta e-postmeddelande kan inte bekräftas. Vänligen ta bort e-postmeddelandet från ditt konto och försök att lägga till det igen.",
+  "institution_and_role": "Institution och befattning",
+  "institutional": "Institutionell",
+  "invalid_email": "En e-postadress är inte giltig",
+  "invalid_file_name": "Ogiltigt filnamn",
+  "invalid_password": "Felaktigt lösenord",
+  "invalid_password_too_long": "Maximal lösenordslängd __maxLength__ överskrids",
+  "invalid_password_too_short": "Lösenordet är för kort, minimum __minLength__",
+  "invalid_zip_file": "Ogiltig zip-fil",
+  "invite_more_collabs": "Bjuda in fler medarbetare",
+  "invite_not_accepted": "Inbjudan ännu inte accepterad",
+  "invite_not_valid": "Detta är inte en giltig inbjudan till ett projekt",
+  "invite_not_valid_description": "Inbjudan kan ha utgått. Vänligen kontakta ägaren till projektet",
+  "invited_to_group": "<0>__inviterName__</0> har bjudit in dig till ett team på __appName__",
+  "ip_address": "IP-adress",
+  "is_email_affiliated": "Är du ansluten till en institution?",
+  "it": "Italienska",
+  "ja": "Japanska",
+  "january": "Januari",
+  "join_project": "Gå med i projekt",
+  "join_sl_to_view_project": "Gå med i __appName__ för att se detta projekt",
+  "join_team_explanation": "Klicka på knappen nedan för att gå med i teamet och njut av fördelarna med ett uppgraderat __appName__ konto",
+  "joined_team": "Du har gått med i ett team som hanteras av __inviterName__",
+  "joining": "Går med",
+  "july": "Juli",
+  "june": "Juni",
+  "kb_suggestions_enquiry": "Har du kollat i vår <0>__kbLink__</0>?",
+  "keep_current_plan": "Behåll min nuvarande plan",
+  "keybindings": "Tangentbordsgenvägar",
+  "knowledge_base": "kunskapsbank",
+  "ko": "Koreanska",
+  "language": "Språk",
+  "last_active": "Senast aktiv",
+  "last_active_description": "Senaste gången ett projekt öppnades.",
+  "last_modified": "Senast ändrad",
+  "last_name": "Efternamn",
+  "latex_templates": "LaTeX mallar",
+  "ldap": "LDAP",
+  "ldap_create_admin_instructions": "Välj en e-mailadress för ditt första admin-konto på __appName__. Den bör matcha ett konto i LDAP-systemet. När du valt kommer du ombes logga in med detta konto.",
+  "learn_more": "Läs mer",
+  "learn_more_about_link_sharing": "Läs mer om Länkdelning",
+  "leave": "Lämna",
+  "leave_group": "Lämna grupp",
+  "leave_now": "Lämna nu",
+  "leave_projects": "Lämna projekt",
+  "let_us_know": "Låt oss veta",
+  "license": "Licens",
+  "line_height": "Radavstånd",
+  "link_account": "Länka konto",
+  "link_accounts": "Länka konton",
+  "link_accounts_and_add_email": "Länka konton och lägg till e-post",
+  "link_institutional_email_get_started": "Länka en institutionell e-postadress till ditt konto för att komma igång.",
+  "link_sharing": "Länkdelning",
+  "link_sharing_is_on": "Länkdelning är aktiverat",
+  "link_to_github": "Länk till ditt GitHub konto",
+  "link_to_github_description": "Du måste ge __appName__ åtkomst till ditt GitHub konto för att kunna synkronisera dina projekt.",
+  "link_to_mendeley": "Koppla till Mendeley",
+  "link_to_zotero": "Koppla till Zotero",
+  "link_your_accounts": "Länka dina konton",
+  "linked_accounts": "Länkade konton",
+  "linked_accounts_explained": "Du kan länka dina  __appName__  konton med andra tjänster för att aktivera funktioner beskrivna nedan",
+  "linked_file": "Importerad fil",
+  "links": "Länkar",
+  "loading": "Laddar",
+  "loading_content": "Skapar projekt",
+  "loading_github_repositories": "Laddar dina GitHub repon",
+  "loading_recent_github_commits": "Laddar senaste commits",
+  "log_entry_maximum_entries": "Gränsen för maximalt antal loggposter har nåtts",
+  "log_entry_maximum_entries_see_full_logs": "Om du vill se de fullständiga loggarna kan du fortfarande ladda ner dem eller se de obearbetade loggarna nedan.",
+  "log_hint_extra_info": "Läs mer",
+  "log_in": "Logga in",
+  "log_in_and_link": "Logga in och länka",
+  "log_in_and_link_accounts": "Logga in och länka konton",
+  "log_in_first_to_proceed": "Du måste först <b>logga in</b> för att fortsätta.",
+  "log_in_with": "Logga in med __provider__",
+  "log_in_with_email": "Logga in med __email__",
+  "log_in_with_existing_institution_email": "Vänligen logga in med ditt befintliga <b>__appName__</b>-konto för att länka kontot <b>__appName__</b> och det institutionella kontot <b>__institutionName__ </b>.",
+  "log_out": "Logga ut",
+  "log_out_from": "Logga ut från __email__",
+  "logged_in_with_email": "Du är för närvarande inloggad i <b>__appName__</b> med e-postadressen <b>__email__</b>.",
+  "logging_in": "Loggar in",
+  "login": "Logga in",
+  "login_error": "Inloggningsfel",
+  "login_failed": "Inloggning misslyckades",
+  "login_here": "Logga in här",
+  "login_or_password_wrong_try_again": "Ditt inlogg eller lösenord är felaktigt. Vänligen försök igen",
+  "login_register_or": "eller",
+  "login_to_overleaf": "Logga in i Overleaf",
+  "login_with_service": "Logga in med __service__",
+  "logs_and_output_files": "Loggar och output filer",
+  "looking_multiple_licenses": "Letar du efter flera licenser?",
+  "looks_like_logged_in_with_email": "Det ser ut som att du redan är inloggad i <b>__appName__</b> med e-postadressen <b>__email__</b>.",
+  "looks_like_youre_at": "Det ser ut som att du är vid <0>__institutionName__</0>!",
+  "lost_connection": "Förlorat anslutningen",
+  "main_document": "Huvuddokument",
+  "main_file_not_found": "Okänt huvuddokument",
+  "maintenance": "Underhållning",
+  "make_a_copy": "Gör en kopia",
+  "make_email_primary_description": "Gör denna till den primära e-post-adressen som används för att logga in",
+  "make_primary": "Gör primär",
+  "make_private": "Gör privat",
+  "manage_beta_program_membership": "Hantera beta-medlemskap",
+  "manage_sessions": "Hantera dina sessioner",
+  "manage_subscription": "Hantera prenumeration",
+  "managers_cannot_remove_admin": "Administratörer kan inte tas bort",
+  "march": "Mars",
+  "math_display": "Display matteformler",
+  "math_inline": "Inline matteformler",
+  "maximum_files_uploaded_together": "Högst __max__ filer laddas upp samtidigt",
+  "may": "Maj",
+  "members_management": "Hantering av medlemmarna",
+  "mendeley": "Mendeley",
+  "mendeley_integration": "Mendeleyintegrering",
+  "mendeley_is_premium": "Mendeley integrering är en premium funktion",
+  "mendeley_reference_loading_error": "Fel, kunde inte ladda referenser från Mendeley",
+  "mendeley_reference_loading_error_expired": "Medeley token har utgått, vänligen återkoppla ditt konto",
+  "mendeley_reference_loading_error_forbidden": "Kunde inte ladda referenser från Mendeley, vänligen återkoppla ditt konto och försök igen",
+  "mendeley_sync_description": "Med Mendeleyintegrering kan du importera dina referenser direkt från Mendeley till ditt __appName__ projekt",
+  "menu": "Meny",
+  "merge": "Slå samman",
+  "merging": "Slår samman",
+  "month": "månad",
+  "monthly": "Månatlig",
+  "more": "Mer",
+  "more_info": "Mer info",
+  "more_than_one_kind_of_snippet_was_requested": "Länken för att öppna detta innehåll i Overleaf innehöll några ogiltiga parametrar. Om detta fortsätter att hända för länkar på en viss webbplats, vänligen rapportera detta till dem.",
+  "must_be_email_address": "Måste vara en e-postadress",
+  "n_items": "__count__ objekt",
+  "name": "Namn",
+  "native": "native",
+  "navigate_log_source": "Navigera till loggpositionen i källkoden: __location__",
+  "navigation": "Navigation",
+  "nearly_activated": "Du är ett steg från att aktivera ditt __appName__ konto!",
+  "need_anything_contact_us_at": "Om det är något du undrar över kan du alltid höra av dig till oss på",
+  "need_to_add_new_primary_before_remove": "Du måste lägga till en ny primär e-post-adress innan du kan ta bort den här.",
+  "need_to_leave": "Vill du lämna?",
+  "new_file": "Ny fil",
+  "new_folder": "Ny mapp",
+  "new_name": "Nytt namn",
+  "new_password": "Nytt lösenord",
+  "new_project": "Nytt projekt",
+  "new_snippet_project": "Namnlös",
+  "next_payment_of_x_collectected_on_y": "Nästa betalning på <0>__paymentAmmount__</0> kommer att genomföras den <1>__collectionDate__</1>",
+  "nl": "Holländska",
+  "no": "Norska",
+  "no_existing_password": "Vänligen använd formuläret för att återställa lösenord för att ange ditt lösenord",
+  "no_featured_templates": "Inga utvalda mallar",
+  "no_members": "Inga medlemmar",
+  "no_messages": "Inga meddelanden",
+  "no_new_commits_in_github": "Inga nya commits i GitHub sedan senaste sammanslagning.",
+  "no_other_projects_found": "Inga andra projekt har hittats, vänligen skapa ett annat projekt först",
+  "no_other_sessions": "Inga andra aktiva sessioner",
+  "no_pdf_error_explanation": "Denna kompilering producerade inte en PDF -fil. Detta kan hända om:",
+  "no_pdf_error_reason_output_pdf_already_exists": "Detta projekt innehåller en fil som heter <code>output.pdf</code>. Om den filen finns, byt namn på den och kompilera igen.",
+  "no_pdf_error_reason_unrecoverable_error": "Det finns ett oåterkalleligt LaTeX -fel. Om det finns LaTeX -fel som visas nedan eller i råloggarna, försök att åtgärda dem och kompilera igen.",
+  "no_pdf_error_title": "Ingen PDF",
+  "no_planned_maintenance": "Det finns för närvarande inget planerat underhållsarbete",
+  "no_preview_available": "Tyvärr, det finns inte någon förhandsvisning tillgänglig.",
+  "no_projects": "Inga projekt",
+  "no_search_results": "Inga sök resultat",
+  "no_selection_select_file": "För närvarande är ingen fil vald. Vänligen välj en fil från filträdet.",
+  "no_symbols_found": "Inga symboler hittades",
+  "no_thanks_cancel_now": "Nej tack, jag vill fortfarande avsluta",
+  "normal": "Normal",
+  "normally_x_price_per_month": "Normalt __price__ per månad",
+  "normally_x_price_per_year": "Normalt __price__ per år",
+  "not_found_error_from_the_supplied_url": "Länken för att öppna detta innehåll i Overleaf pekade på en fil som inte kunde hittas. Om detta fortsätter att hända för länkar på en viss webbplats, vänligen rapportera detta till dem.",
+  "not_now": "Inte nu",
+  "not_registered": "Ej registrerad",
+  "note_features_under_development": "<0>Vänligen observera</0> att funktionerna i detta program fortfarande testas och utvecklas aktivt. Detta innebär att de kan <0>förändras</0>, <0>tas bort</0> eller <0>bli en del av en premiumplan</0>.",
+  "notification_features_upgraded_by_affiliation": "Goda nyheter! Din anslutna organisation __institutionName__ har ett partnerskap med Overleaf och du har nu tillgång till alla Overleafs professionella funktioner.",
+  "notification_personal_subscription_not_required_due_to_affiliation": "Goda nyheter! Din anslutna organisation __institutionName__ har ett partnerskap med Overleaf och du har nu tillgång till Overleafs professionella funktioner genom din anslutning. Du kan säga upp din personliga prenumeration utan att förlora åtkomst till någon av dina förmåner.",
+  "notification_project_invite": "<b>__userName__</b> vill att du går med i <b>__projectName__</b>, <a class=\"btn btn-sm btn-info pull-right\" href=\"’/project/__projectId__/invite/token/__token__’\">Gå med i projektet</a>",
+  "notification_project_invite_accepted_message": "Du har anslutit dig till <b>__projectName__</b>",
+  "november": "November",
+  "number_collab": "Antal samarbetspartners",
+  "october": "Oktober",
+  "off": "Av",
+  "official": "Officiell",
+  "ok": "OK",
+  "on": "På",
+  "one_free_collab": "En gratis samarbetsparnter",
+  "online_latex_editor": "Online-LaTeX-editor",
+  "open_project": "Öppna projekt",
+  "optional": "Valfritt",
+  "or": "eller",
+  "other_actions": "Andra åtgärder",
+  "other_logs_and_files": "Andra loggar och filer",
+  "other_output_files": "Ladda ner andra utdatafiler",
+  "over": "över",
+  "overall_theme": "Övergripande tema",
+  "overleaf": "Overleaf",
+  "overview": "Översikt",
+  "owned_by_x": "ägs av __x__",
+  "owner": "Ägare",
+  "page_not_found": "Sidan kunde inte hittas",
+  "pagination_navigation": "Sidnavigering",
+  "password": "Lösenord",
+  "password_change_old_password_wrong": "Ditt gamla lösenord är fel",
+  "password_change_password_must_be_different": "Lösenordet som du skrev in är samma som ditt nuvarande lösenord. Vänligen försök med ett annat lösenord.",
+  "password_change_passwords_do_not_match": "Lösenorden matchar ej",
+  "password_change_successful": "Lösenord har ändrats",
+  "password_managed_externally": "Lösenordsinställningar hanteras externt",
+  "password_reset": "Återställ lösenord",
+  "password_reset_email_sent": "Ett e-postmeddelande har skickats till dig för att slutföra lösenordsåterställningen.",
+  "password_reset_token_expired": "Lösenordsåterställningen är för gammal. Vänligen begär en ny lösenordsåterställning och följ länken i e-postmeddelandet.",
+  "password_too_long_please_reset": "Maximal lösenordslängd har överskridits. Vänligen återställ ditt lösenord.",
+  "payment_provider_unreachable_error": "Tyvärr uppstod ett fel när vi kommunicerade med vår betalningsleverantör. Vänligen försök igen om ett tag.\nOm du använder några annons- eller skriptblockeringstillägg i din webbläsare kan du behöva inaktivera dem tillfälligt.",
+  "payment_summary": "Sammanfattning av betalningen",
+  "pdf_compile_in_progress_error": "Kompilering körs redan i ett annat fönster",
+  "pdf_compile_rate_limit_hit": "Kompilerings gräns nådd",
+  "pdf_compile_try_again": "Vänligen vänta tills din andra kompilering är klar innan du försöker igen.",
+  "pdf_preview_error": "Det fanns ett problem med att visa resultaten av kompileringen för detta projekt.",
+  "pdf_rendering_error": "PDF renderingsfel",
+  "pdf_viewer": "PDF läsare",
+  "pdf_viewer_error": "Det fanns ett problem med att visa PDF-filen för detta projekt.",
+  "pending": "Inväntar",
+  "personal": "Privat",
+  "pl": "Polska",
+  "plan_tooltip": "Du har __plan__-planen. Klicka för att ta reda på hur du får ut det mesta av dina Overleaf premiumfunktioner!",
+  "planned_maintenance": "Planerat underhåll",
+  "plans_amper_pricing": "Betalningsplaner och avgifter",
+  "plans_and_pricing": "Betalningsplaner och Priser",
+  "please_ask_the_project_owner_to_upgrade_to_track_changes": "Vänligen be projektägaren att uppgradera för att kunna spåra ändringar",
+  "please_change_primary_to_remove": "Vänligen ändra din primära e-post-adress för att ta bort",
+  "please_check_your_inbox_to_confirm": "Kontrollera din e-postinkorg för att bekräfta din tillhörighet till <0>__institutionName__</0>.",
+  "please_compile_pdf_before_download": "Vänligen kompilera ditt projekt innan du laddar ner PDF filen",
+  "please_compile_pdf_before_word_count": "Vänligen kompilera ditt projekt innan du gör en ord räkning",
+  "please_confirm_email": "Vänligen bekräfta din e-postadress __emailAddress__ genom att klicka på länken i bekräftelse-e-posten",
+  "please_confirm_your_email_before_making_it_default": "Vänligen bekräfta din e-postadress före du gör den till förinställd e-postadress",
+  "please_enter_email": "Vänligen ange din e-postadress",
+  "please_reconfirm_institutional_email": "Vänligen bekräfta din institutionella e-post-adress eller <0>ta bort den</0> från ditt konto.",
+  "please_refresh": "Vänligen uppdatera sidan för att fortsätta.",
+  "please_select_a_project": "Vänligen välj ett projekt",
+  "please_set_a_password": "Vänligen välj ett lösenord",
+  "please_set_main_file": "Välj en huvudfil för detta projekt i projektmenyn. ",
+  "portal_add_affiliation_to_join": "Det ser ut som om du redan är inloggad på __appName__! Om du har en __portalTitle__ e-postadress kan du lägga till den nu.",
+  "position": "Position",
+  "postal_code": "Postnummer",
+  "premium_feature": "Premium-funktion",
+  "premium_features": "Premiumfunktioner",
+  "premium_plan_label": "Du använder <b>Overleaf Premium</b>",
+  "presentation": "Presentation",
+  "price": "Pris",
+  "priority_support": "Prioriterad support",
+  "privacy": "Integritet",
+  "privacy_policy": "Användarvillkor",
+  "private": "Privat",
+  "problem_changing_email_address": "Det gick inte att byta din e-postadress. Vänligen försök igen om en liten stund. Kvarstår problemet så får du gärna kontakta oss.",
+  "problem_talking_to_publishing_service": "Det har uppstått ett problem på vår publiceringsserver, vänligen försök igen om några minuter",
+  "problem_with_subscription_contact_us": "Det har uppstått ett problem med din prenumeration. Vänligen kontakta oss för mer information.",
+  "proceed_to_paypal": "Fortsätt till PayPal",
+  "proceeding_to_paypal_takes_you_to_the_paypal_site_to_pay": "Om du går vidare till PayPal kommer du till PayPal-webbplatsen där du kan betala för din prenumeration.",
+  "processing": "behandlar",
+  "processing_your_request": "Vänligen vänta medan vi behandlar din begäran.",
+  "professional": "Professionell",
+  "project_approaching_file_limit": "Detta projekt närmar sig gränsen för antalet filer",
+  "project_flagged_too_many_compiles": "Detta projekt har kompilerats för ofta. Begränsningen kommer snart tas bort igen.",
+  "project_has_too_many_files": "Detta projekt har nått gränsen på 2000 filer",
+  "project_last_published_at": "Ditt projekt blev publicerat senast den",
+  "project_name": "Projekt namn",
+  "project_not_linked_to_github": "Detta projekt är inte länkat till ett GitHub repo. Du kan skapa ett repo för det på GitHub:",
+  "project_ownership_transfer_confirmation_1": "Är du säker på att du vill göra <0>__user__</0> till ägaren av <1>__project__</1>?",
+  "project_ownership_transfer_confirmation_2": "Denna åtgärd kan inte ångras. Den nya ägaren kommer att meddelas och kommer att kunna ändra inställningarna för projektåtkomst (inklusive att ta bort din egen åtkomst).",
+  "project_too_large": "Projektet är för stort",
+  "project_too_large_please_reduce": "Detta projekt har för mycket redigerbar text, försök att minska ner det. De största filerna är:",
+  "project_too_much_editable_text": "Det här projektet har för mycket redigerbar text, försök att minska den.",
+  "project_url": "Påverkad projekt URL",
+  "projects": "Projekt",
+  "projects_list": "Förteckning över projekt",
+  "pt": "Portugisiska",
+  "public": "Publik",
+  "publish": "Publicera",
+  "publish_as_template": "Publicera som mall",
+  "publishing": "Publicerar",
+  "pull_github_changes_into_sharelatex": "Dra GitHub ändringar till __appName__",
+  "push_sharelatex_changes_to_github": "Tryck __appName__ ändringar till GitHub",
+  "raw_logs": "Ursprungliga loggar",
+  "raw_logs_description": "Ursprungliga loggar från LaTeX-kompilatorn",
+  "realtime_track_changes": "Realtidsspåra ändringar",
+  "reauthorize_github_account": "Återauktorisera ditt GitHub konto",
+  "recent_commits_in_github": "Senaste commits på GitHub",
+  "recompile": "Kompilera",
+  "recompile_from_scratch": "Återkompilera från början",
+  "recompile_pdf": "Kompilera om PDF:en",
+  "reconfirm": "bekräfta igen",
+  "reconfirm_explained": "Vi måste bekräfta ditt konto igen. Vänligen begär en länk för återställning av lösenord via formuläret nedan för att bekräfta ditt konto igen. Om du har några problem med att bekräfta ditt konto, vänligen kontakta oss på",
+  "reconnect": "Försök igen",
+  "reconnecting": "Återansluter",
+  "reconnecting_in_x_secs": "Återansluter om __seconds__ sekunder",
+  "recurly_email_update_needed": "Din e-postadress för fakturering är för närvarande <0>__recurlyEmail__</0>. Vid behov kan du uppdatera din faktureringsadress till <1>__userEmail__</1>.",
+  "recurly_email_updated": "Din e-postadress för fakturering har uppdaterats",
+  "reduce_costs_group_licenses": "Du kan dra ner på pappersarbete och minska kostnader med våra rabatterade grupplicenser.",
+  "reference_error_relink_hint": "Om felet kvarstår, testa att återkoppla ditt konto här:",
+  "reference_search": "Avancerad referenssökning",
+  "reference_sync": "Referenshanterare synk",
+  "refresh": "Uppdatera",
+  "refresh_page_after_starting_free_trial": "Vänligen uppdatera denna sida efter att du startat din gratis provapå period.",
+  "regards": "Vänliga Hälsningar",
+  "register": "Registrera",
+  "register_error": "Registreringsfel",
+  "register_intercept_sso": "Du kan länka ditt __authProviderName__-konto från sidan Kontoinställningar efter att du loggat in.",
+  "register_to_edit_template": "Vänligen registrera dig för att redigera __templateName__ mallen",
+  "registered": "Registrerad",
+  "registering": "Registrerar",
+  "registration_error": "Registreringsfel",
+  "reject": "Neka",
+  "reload_editor": "Ladda om redigeraren",
+  "remote_service_error": "Fjärrtjänsten producerade ett fel",
+  "remove": "ta bort",
+  "remove_from_group": "Ta bort från grupp",
+  "removed": "tagits bort",
+  "removing": "Tar bort",
+  "rename": "Ändra namn",
+  "rename_project": "Ändra namn på projekt",
+  "renaming": "Döper om",
+  "reopen": "Återöppna",
+  "reply": "Svara",
+  "repository_name": "Namn på Repo",
+  "republish": "Återpublicera",
+  "request_password_reset": "Begär lösenordsåterställning",
+  "request_reconfirmation_email": "Begär bekräftelse via e-post",
+  "request_sent_thank_you": "Meddelandet har skickats! Vårt team kommer att granska det och svara via e-post.",
+  "requesting_password_reset": "Begär återställning av lösenord",
+  "required": "Obligatorisk",
+  "resend": "Skicka igen",
+  "resend_confirmation_email": "Skicka om e-postbekräftelse",
+  "resending_confirmation_email": "Skickar e-postmeddelande med bekräftelse igen",
+  "reset_password": "Återställ lösenord",
+  "reset_your_password": "Återställ ditt lösenord",
+  "resolve": "Lös",
+  "resolved_comments": "Åtgärdade kommentarer",
+  "restore": "Återställ",
+  "restoring": "Återställer",
+  "restricted": "Begränsad",
+  "restricted_no_permission": "Ursäkta, du har inte tillåtelse att visa denna sida.",
+  "return_to_login_page": "Tillbaka till inloggningssidan",
+  "reverse_x_sort_order": "Omvänd __x__-sortering",
+  "review": "Granska",
+  "review_your_peers_work": "Granska dina medarbetares bidrag",
+  "revoke": "Återkalla",
+  "revoke_invite": "Återkalla inbjudan",
+  "ro": "Rumänska",
+  "role": "Roll",
+  "ru": "Ryska",
+  "saml": "SAML",
+  "saml_create_admin_instructions": "Välj en e-mailadress för ditt första admin-konto på __appName__. Den bör matcha ett konto i SAML-systemet. När du valt kommer du ombes logga in med detta konto.",
+  "save_or_cancel-cancel": "Avbryt",
+  "save_or_cancel-or": "eller",
+  "save_or_cancel-save": "Spara",
+  "saving": "Spara",
+  "saving_notification_with_seconds": "Sparar __docname__... (__seconds__ sekunder av osparade ändringar)",
+  "search": "Sök",
+  "search_bib_files": "Sök efter författare, titel, år",
+  "search_projects": "Sök projekt",
+  "search_references": "Sök i .bib filerna för det här projektet",
+  "secondary_email_password_reset": "Denna e-postadress är registrerad som sekundär e-postadress. Vänligen ange primär e-postadress för ditt konto.",
+  "security": "Säkerhet",
+  "see_changes_in_your_documents_live": "Se ändringar i dina dokument, i realtid",
+  "select_a_project": "Välj ett projekt",
+  "select_all_projects": "Välj alla",
+  "select_an_output_file": "Välj en utdatafil",
+  "select_from_source_files": "Välj från källfiler",
+  "select_github_repository": "Välj ett GitHub repo att importera till __appName__.",
+  "send": "Skicka",
+  "send_first_message": "Skicka ditt första meddelande till dina medarbetare",
+  "send_test_email": "Skicka ett test-mail",
+  "sending": "Skickar",
+  "september": "September",
+  "server_error": "Serverfel",
+  "services": "Tjänster",
+  "session_created_at": "Session skapad den",
+  "session_expired_redirecting_to_login": "Sessionen har utgått. Dirigerar om till login sidan om __seconds__ sekunder",
+  "sessions": "Sessioner",
+  "set_new_password": "Ange nytt lösenord",
+  "set_password": "Ange lösenord",
+  "settings": "Inställningar",
+  "share": "Dela",
+  "share_project": "Dela projekt",
+  "shared_with_you": "Delade med dig",
+  "sharelatex_beta_program": "__appName__ Beta-program",
+  "show_all_projects": "Visa alla projekt",
+  "show_hotkeys": "Visa tangentbordsgenvägar",
+  "show_less": "visa mindre",
+  "show_outline": "Visa filstruktur",
+  "site_description": "En online-LaTeX-editor som är enkel att använda. Samarbeta i realtid, utan installation, med versionshantering, hundratals LaTeX-mallar, med mera.",
+  "something_went_wrong_canceling_your_subscription": "Något gick fel när vi avslutade din prenumeration. Vänligen kontakta support.",
+  "something_went_wrong_rendering_pdf": "Något gick fel under renderingen av denna PDF:en.",
+  "somthing_went_wrong_compiling": "Ursäkta, något blev fel och ditt projekt kunde inte kompileras. Vänligen försök igen om en liten stund.",
+  "sorry_something_went_wrong_opening_the_document_please_try_again": "Tyvärr inträffade ett oväntat fel när du försökte öppna innehållet i Overleaf. Vänligen försök igen.",
+  "sort_by": "Sortera efter",
+  "sort_by_x": "Sortera efter __x__",
+  "source": "Källfiler",
+  "spell_check": "Stavningskontroll",
+  "sso_account_already_linked": "Kontot är redan kopplat till en annan __appName__-användare",
+  "sso_link_error": "Fel vid länkning av konto",
+  "sso_not_linked": "Du har inte kopplat ditt konto till __provider__. Logga in på ditt konto på ett annat sätt och koppla ditt __provider__-konto via dina kontoinställningar.",
+  "sso_user_denied_access": "Du kan inte logga in eftersom __appName__ inte fick tillgång till ditt __provider__-konto. Vänligen försök igen.",
+  "start_by_adding_your_email": "Börja med att lägga till din e-postadress.",
+  "start_free_trial": "Starta utvärderingsperiod!",
+  "state": "Status",
+  "status_checks": "Rutinkontroller",
+  "still_have_questions": "Har du fortfarande frågor?",
+  "stop_compile": "Stoppa kompilering",
+  "stop_on_validation_error": "Kontrollera syntax innan kompilering",
+  "store_your_work": "Lagra ditt arbete på din egen infrastruktur",
+  "student": "Student",
+  "student_disclaimer": "Studentrabatten gäller för alla studenter på gymnasienivå eller högre. Vi kan komma att kontakta dig för att bekräfta din behörighet för rabatten.",
+  "subject": "Ämne",
+  "subject_to_additional_vat": "Moms kan tillkomma till priser beroende på ditt land.",
+  "submit": "Skicka",
+  "submit_title": "Skicka in",
+  "subscribe": "Prenumerera",
+  "subscription": "Prenumeration",
+  "subscription_admins_cannot_be_deleted": "Du kan inte radera ditt konto när du har en prenumeration. Vänligen avbryt din prenumeration och försök igen. Om du fortsätter att se det här meddelandet, vänligen kontakta oss.",
+  "subscription_canceled": "Prenumeration avslutad",
+  "subscription_canceled_and_terminate_on_x": " Din prenumeration har avbrutits och kommer att upphöra den <0>__terminateDate__</0>. Inga framtida betalningar kommer att genomföras.",
+  "suggestion": "Förslag",
+  "sure_you_want_to_change_plan": "Är du säker på att du vill ändra till betalningsplan <0>__planName__</0>?",
+  "sure_you_want_to_delete": "Är du säker på att du vill permanent radera följande filer?",
+  "sure_you_want_to_leave_group": "Är du säker på att du vill lämna denna gruppen?",
+  "sv": "Svenska",
+  "switch_to_editor": "Byt till editor",
+  "switch_to_pdf": "Byt till PDF",
+  "sync": "Synka",
+  "sync_dropbox_github": "Synka med Dropbox och GitHub",
+  "sync_project_to_github_explanation": "Alla ändringar du gör i __appName__ kommer att commitas och slås samman med uppdateringar i GitHub.",
+  "sync_to_dropbox": "Synka till Dropbox",
+  "sync_to_github": "Synka till GitHub",
+  "synctex_failed": "Kunde ej finna motsvarande källfil",
+  "syntax_validation": "Kodkontroll",
+  "tag_name_cannot_exceed_characters": "Taggnamnet får inte överstiga __maxLength__ tecken.",
+  "take_me_home": "Ta mig härifrån!",
+  "take_short_survey": "Gör en kort enkät",
+  "tc_everyone": "Alla",
+  "tc_guests": "Gäster",
+  "template_approved_by_publisher": "Denna mall har godkänts av utgivaren",
+  "template_description": "Mallbeskrivning",
+  "template_gallery": "Mallgalleri",
+  "template_not_found_description": "Detta sätt att skapa projekt från mallar har tagits bort. Vänligen besök vårt mallgalleri för att hitta fler mallar.",
+  "template_title_taken_from_project_title": "Mallens titel hämtas automatiskt från projektets titel.",
+  "templates": "Mallar",
+  "terminated": "Kompilering avbruten",
+  "terms": "Villkor",
+  "tex_live_version": "TeX Live-version",
+  "thank_you": "Tack!",
+  "thank_you_email_confirmed": "Tack, din e-postadress är nu bekräftad.",
+  "thank_you_for_being_part_of_our_beta_program": "Tack för att du deltar i vårt betaprogram, där du kan få tidig tillgång till nya funktioner och hjälpa oss att bättre förstå dina behov",
+  "thanks": "Tack",
+  "thanks_for_subscribing": "Tack för din prenumeration!",
+  "thanks_for_subscribing_you_help_sl": "Tack för att du prenumererar på en __planName__ betalningsplan. Det är stöd från personer som dig som gör att __appName__ kan fortsätta växa och förbättras.",
+  "thanks_settings_updated": "Tack, dina inställningar har uppdateras.",
+  "the_file_supplied_is_of_an_unsupported_type ": "Länken för att öppna detta innehåll i Overleaf pekade på fel typ av fil. Giltiga filtyper är .tex-dokument och .zip-filer. Om detta fortsätter att hända för länkar på en viss webbplats, vänligen rapportera detta till dem.",
+  "the_requested_conversion_job_was_not_found": "Länken för att öppna detta innehåll i Overleaf angav ett konverteringsjobb som inte kunde hittas. Det är möjligt att jobbet har löpt ut och måste köras igen. Om detta fortsätter att hända för länkar på en viss webbplats, vänligen rapportera detta till dem.",
+  "the_requested_publisher_was_not_found": "Länken för att öppna detta innehåll i Overleaf angav en utgivare som inte kunde hittas. Om detta fortsätter att hända för länkar på en viss webbplats, vänligen rapportera detta till dem.",
+  "the_required_parameters_were_not_supplied": "Länken för att öppna detta innehåll i Overleaf saknade några nödvändiga parametrar. Om detta fortsätter att hända för länkar på en viss webbplats, vänligen rapportera detta till dem.",
+  "the_supplied_parameters_were_invalid": "Länken för att öppna detta innehåll i Overleaf innehöll några ogiltiga parametrar. Om detta fortsätter att hända för länkar på en viss webbplats, vänligen rapportera detta till dem.",
+  "the_supplied_uri_is_invalid": "Länken för att öppna detta innehåll i Overleaf innehöll en ogiltig URI. Om detta fortsätter att hända för länkar på en viss webbplats, vänligen rapportera detta till dem.",
+  "theme": "Tema",
+  "then_x_price_per_month": "Därefter __price__ per månad",
+  "then_x_price_per_year": "Därefter __price__ per år",
+  "there_was_an_error_opening_your_content": "Ett fel uppstod när ditt projekt skulle skapas",
+  "thesis": "Uppsats",
+  "this_action_cannot_be_undone": "Denna åtgärd kan inte ångras.",
+  "this_address_will_be_shown_on_the_invoice": "Denna adress kommer att anges på fakturan.",
+  "this_field_is_required": "Detta fält är obligatoriskt",
+  "this_is_your_template": "Detta är din mall från ditt projekt",
+  "this_project_is_public": "Detta projekt är publikt och kan redigeras av vem som helst med länken.",
+  "this_project_is_public_read_only": "Det här projektet är publikt och kan visas, men inte redigeras, av vem som helst med länken.",
+  "this_project_will_appear_in_your_dropbox_folder_at": "Detta projekt kommer att synas i din Dropbox mapp på ",
+  "three_free_collab": "Tre gratis samarbetspartners",
+  "timedout": "Timed out",
+  "tip": "Tips",
+  "title": "Titel",
+  "to_add_more_collaborators": "För att lägga till fler medarbetare eller aktivera delning av länk, vänligen fråga projektägaren",
+  "to_change_access_permissions": "För att ändra åtkomsträttigheter, vänligen fråga projektägaren",
+  "to_many_login_requests_2_mins": "Detta konto har haft för många inloggningsförsök. Vänligen vänta 2 minuter innan nästa försök.",
+  "to_modify_your_subscription_go_to": "För att förändra din prenumeration gå till",
+  "toggle_compile_options_menu": "Växla menyn för kompileringsalternativ",
+  "token_access_failure": "Kan ej bevilja åtkomst; kontakta projektägaren för hjälp",
+  "too_many_files_uploaded_throttled_short_period": "För många filer har laddats upp, dina uppladdningar har tillfälligt begränsats.",
+  "too_many_requests": "Alltför många förfrågningar mottogs på kort tid. Vänligen vänta ett tag och försök igen.",
+  "too_recently_compiled": "Det här projektet har nyligen kompilerats, en ny kompilering har därför inte gjorts.",
+  "tooltip_hide_filetree": "Klicka för att gömma filträdet",
+  "tooltip_hide_pdf": "Klicka för att gömma PDF:en",
+  "tooltip_show_filetree": "Klicka för att visa filträdet",
+  "tooltip_show_pdf": "Klicka för att visa PDF:en",
+  "total_per_month": "Totalt per månad",
+  "total_per_year": "Totalt per år",
+  "total_words": "Totalt antal ord",
+  "tr": "Turkiska",
+  "track_any_change_in_real_time": "Spåra alla ändringar, i realtid",
+  "track_changes": "Spåra ändringar",
+  "track_changes_is_off": "Spåra ändringar är <strong>av</strong>",
+  "track_changes_is_on": "Spåra ändringar är <strong>på</strong>",
+  "tracked_change_added": "Tillagd",
+  "tracked_change_deleted": "Raderad",
+  "trash": "Papperskorg",
+  "trash_projects": "Kasta projekt",
+  "trashed_projects": "Kastade projekt",
+  "trashing_projects_wont_affect_collaborators": "Kasta projekt kommer inte att påverka dina samarbetspartners.",
+  "tried_to_log_in_with_email": "Du har försökt logga in med <b>__email__</b>.",
+  "tried_to_register_with_email": "Du har försökt att registrera dig med <b>__email__</b> som redan är registrerat med <b>__appName__</b> som ett institutionellt konto.",
+  "try_again": "Vänligen försök igen",
+  "try_it_for_free": "Prova gratis",
+  "try_now": "Testa Nu",
+  "turn_off_link_sharing": "Inaktivera länkdelning",
+  "turn_on_link_sharing": "Aktivera länkdelning",
+  "uk": "Ukrainska",
+  "unable_to_extract_the_supplied_zip_file": "Det gick inte att öppna detta innehåll i Overleaf eftersom zip-filen inte kunde extraheras. Vänligen se till att det är en giltig zip-fil. Om detta fortsätter att hända för länkar på en viss webbplats, vänligen rapportera detta till dem.",
+  "unarchive": "Återskapa",
+  "uncategorized": "Okategoriserat",
+  "unconfirmed": "Obekräftad",
+  "university": "Universitet",
+  "unlimited": "Obegränsat",
+  "unlimited_collabs": "Obegränsat med samarbetare",
+  "unlimited_projects": "Obegränsat med projekt",
+  "unlink": "Koppla bort",
+  "unlink_github_warning": "Projekt som du har synkat med GitHub kommer att kopplas bort och inte längre synkroniseras med GitHub. Är du säker på att du vill koppla bort ditt GitHub konto?",
+  "unlink_reference": "Ta bort referens koppling",
+  "unlink_warning_reference": "Varning: När du tar bort kopplingen från ditt konto kommer du inte längre att kunna importera referenser till ditt projekt.",
+  "unpublish": "Avpublicera",
+  "unpublishing": "Avpublicera",
+  "unsubscribe": "Avsluta prenumeration",
+  "unsubscribed": "Prenumeration avslutad",
+  "unsubscribing": "Avslutar prenumeration",
+  "untrash": "Återskapa",
+  "update": "Uppdatera",
+  "update_account_info": "Uppdatera kontoinformation",
+  "update_dropbox_settings": "Uppdatera Dropbox inställningar",
+  "update_your_billing_details": "Uppdatera din betalningsinformation",
+  "updating_site": "Uppdaterar webbsidan",
+  "upgrade": "Uppgradera",
+  "upgrade_cc_btn": "Uppgradera nu, betala efter 7 dagar",
+  "upgrade_now": "Uppgradera Nu",
+  "upgrade_to_get_feature": "Uppgradera för att få __feature__, plus:",
+  "upgrade_to_track_changes": "Uppgradera för att spåra ändringar",
+  "upload": "Ladda upp",
+  "upload_failed": "Uppladdning misslyckades",
+  "upload_file": "Ladda upp fil",
+  "upload_project": "Ladda upp projekt",
+  "upload_zipped_project": "Ladda upp zippat projekt",
+  "user_already_added": "Användare redan tillagd",
+  "user_deletion_error": "Tyvärr, något gick fel vid raderingen av ditt konto. Vänligen försök igen om en minut.",
+  "user_not_found": "Användare ej funnen",
+  "user_wants_you_to_see_project": "__username__ vill att du ska gå med i __projectname__",
+  "validation_issue_entry_description": "Ett valideringsproblem som förhindrade kompilering av detta projekt",
+  "vat_number": "Moms nummer",
+  "view_all": "Visa alla",
+  "view_in_template_gallery": "Visa i mallgalleri",
+  "view_logs": "Visa loggar",
+  "view_pdf": "Visa PDF",
+  "view_source": "Visa källa",
+  "view_your_invoices": "Visa dina fakturor",
+  "want_change_to_apply_before_plan_end": "Om du vill att ändringen ska gälla före slutet av din nuvarande faktureringsperiod, vänligen kontakta oss.",
+  "we_cant_find_any_sections_or_subsections_in_this_file": "Vi kan ej finna några avsnitt eller underavsnitt i denna fil",
+  "we_logged_you_in": "Vi har loggat in dig.",
+  "we_may_also_contact_you_from_time_to_time_by_email_with_a_survey": "Vi kan också kontakta dig då och då via e-post med en undersökning, eller för att se om du vill delta i andra användarundersökningsinitiativ",
+  "wed_love_you_to_stay": "Vi önskar att du stannar",
+  "welcome_to_sl": "Välkommen till __appName__",
+  "wide": "Bred",
+  "will_need_to_log_out_from_and_in_with": "Du måste <b>logga ut</b> från ditt <b>__email1__</b>-konto och sedan logga in med <b>__email2__</b>.",
+  "word_count": "Ordräknare",
+  "work_offline": "Arbeta offline",
+  "x_price_for_first_month": "<0>__price__</0> för din första månad",
+  "x_price_for_first_year": "<0>__price__</0> för ditt första år",
+  "x_price_for_y_months": "<0>__price__</0> för dina första __discountMonths__ månader",
+  "x_price_per_month": "<0>__price__</0> per månad",
+  "x_price_per_year": "<0>__price__</0> per år",
+  "year": "år",
+  "you_can_opt_in_and_out_of_the_program_at_any_time_on_this_page": "Du kan när som helst gå med/ur programmet på denna sida",
+  "you_dont_have_any_repositories": "Du har inga förvaringsutrymmen",
+  "you_have_added_x_of_group_size_y": "Du har lagt till <0>__addedUsersSize__</0> av <1>__groupSize__</1> tillgängliga medlemmar",
+  "you_will_be_able_to_contact_us_any_time_to_share_your_feedback": "Du kan kontakta oss när som helst för att ge respons",
+  "your_affiliation_is_confirmed": "Din tillhörighet till <0>__institutionName__</0> är bekräftad.",
+  "your_new_plan": "Din nya plan",
+  "your_plan": "Din betalningsplan",
+  "your_projects": "Dina Projekt",
+  "your_sessions": "Dina sessioner",
+  "your_subscription": "Din prenumeration",
+  "your_subscription_has_expired": "Din prenumeration har gått ut.",
+  "zh-CN": "Kinesiska",
+  "zip_contents_too_large": "Zip-filens innehåll är för stort",
+  "zotero": "Zotero",
+  "zotero_integration": "Zotero integrering",
+  "zotero_is_premium": "Zotero integrering är en premium funktion",
+  "zotero_reference_loading_error": "Fel, kunde inte ladda referenser från Zotero",
+  "zotero_reference_loading_error_expired": "Zotero token har utgått, vänligen återkoppla ditt konto",
+  "zotero_reference_loading_error_forbidden": "Kunde inte ladda referenser från Zotero, vänligen återkoppla ditt konto och försök igen",
+  "zotero_sync_description": "Med Zotero integrering kan du importera dina referenser direkt från Zotero till ditt __appName__ projekt."
+}
diff --git a/services/web/locales/tr.json b/services/web/locales/tr.json
new file mode 100644
index 0000000..1632649
--- /dev/null
+++ b/services/web/locales/tr.json
@@ -0,0 +1,381 @@
+{
+  "About": "Hakkında",
+  "Account": "Hesap",
+  "Account Settings": "Hesap Ayarları",
+  "Documentation": "Dökümantasyon",
+  "Projects": "Projeler",
+  "Security": "Güvenlik",
+  "Subscription": "Abonelik",
+  "Terms": "Şartlar",
+  "Universities": "Üniversiteler",
+  "about": "Hakkında",
+  "about_to_delete_projects": "Şu projeleri silmek üzeresiniz:",
+  "about_to_leave_projects": "Şu projeleri terk etmek üzeresiniz:",
+  "account": "Hesap",
+  "account_not_linked_to_dropbox": "Hesabınız, Dropbox’a bağlı değildir",
+  "account_settings": "Hesap Ayarları",
+  "actions": "İşlemler",
+  "activate": "Aktifleştir",
+  "activate_account": "Hesap etkinleştir",
+  "activating": "Aktifleştiriliyor",
+  "activation_token_expired": "Aktivasyon kodunuzun süresi geçmiş, size tekrar yollayacağımız kodu kullanın.",
+  "add": "Ekle",
+  "add_your_first_group_member_now": "Grubunuza ilk üyeleri ekleyin",
+  "added": "eklenmiş",
+  "adding": "Ekleniyor",
+  "address": "Adres",
+  "admin": "yönetici",
+  "all_projects": "Tüm Projeler",
+  "all_templates": "Tüm Şablonlar",
+  "already_have_sl_account": "Zaten bir __appName__ hesabınız mı var?",
+  "and": "ya da ne",
+  "annual": "Yıllık",
+  "anonymous": "Anonim",
+  "april": "Nisan",
+  "august": "Ağustos",
+  "auto_complete": "Otomatik-Tamamlama",
+  "back_to_your_projects": "Projelerinize geri dönün",
+  "beta": "Beta",
+  "bibliographies": "Kaynakça",
+  "blank_project": "Boş Proje",
+  "blog": "Blog",
+  "built_in": "Yerleşik",
+  "cancel": "İptal",
+  "cancel_my_account": "Hesabımı iptal et",
+  "cancel_your_subscription": "Hesabınızı iptal edin",
+  "cant_find_email": "Üzgünüz ama bu kayıtlı bir e-posta adresi değildir.",
+  "cant_find_page": "Özür dileriz, aradığınız sayfayı bulamıyoruz",
+  "change": "Değiştir",
+  "change_password": "Şifre Değiştir",
+  "change_plan": "Plan değiştir",
+  "change_to_this_plan": "Bu plana geç",
+  "chat": "Sohbet",
+  "checking_dropbox_status": "Dropbox’un durumu kontrol ediliyor",
+  "checking_project_github_status": "Projenin GitHub’daki durumu kontrol ediliyor",
+  "choose_your_plan": "Planınızı seçin",
+  "city": "Şehir",
+  "clear_cached_files": "Önbellek dosyalarını temizle",
+  "clearing": "Temizleniyor",
+  "click_here_to_view_sl_in_lng": "__appName__’i <0>__lngName__</0> dilinde kullanmak için",
+  "close": "Kapat",
+  "cn": "Çince (Basitleştirilmiş)",
+  "collaboration": "İş birliği",
+  "collaborator": "İş ortağı",
+  "collabs_per_proj": "her bir proje için __collabcount__ iş ortağı",
+  "comment": "Yorumlar",
+  "common": "Belirli",
+  "compiler": "Derleyici",
+  "compiling": "Derleniyor",
+  "complete": "Tamamla",
+  "confirm_new_password": "Yeni Şifreyi Doğrula",
+  "connected_users": "Bağlı Kullanıcılar",
+  "connecting": "Bağlanıyor",
+  "contact": "İletişim",
+  "contact_us": "İletişime geçin",
+  "continue_github_merge": "Kendim birleştirdim. Devam et",
+  "copy": "Kopyala",
+  "copy_project": "Projeyi Kopyala",
+  "copying": "kopyalama",
+  "country": "Ülke",
+  "coupon_code": "kupon kodu",
+  "create": "Oluştur",
+  "create_new_subscription": "Yeni Abonelik Oluştur",
+  "create_project_in_github": "GitHub deposu oluştur",
+  "creating": "Oluşturuluyor",
+  "credit_card": "Kredi Kartı",
+  "cs": "Çekçe",
+  "current_password": "Mevcut Şifreniz",
+  "currently_subscribed_to_plan": "Şuan için<0>__planName__</0> planına aboneliğiniz devam etmektedir.",
+  "da": "Danca",
+  "de": "Almanca",
+  "december": "Aralık",
+  "delete": "Sil",
+  "delete_account": "Hesabı Sil",
+  "delete_your_account": "Hesabınızı silin",
+  "deleting": "Siliniyor",
+  "disconnected": "Bağlantı koptu",
+  "documentation": "Dökümantasyon",
+  "doesnt_match": "Uyuşmuyor",
+  "done": "Tamam",
+  "download": "İndir",
+  "download_pdf": "PDF halini indir",
+  "download_zip_file": "Zip Dosyasını İndir",
+  "dropbox_sync": "Dropbox Senkronizasyonu",
+  "dropbox_sync_description": "__appName__ projelerinizi, Dropbox ile senkronize edin. Bu sayede __appName__ üzerinden yaptığınız değişiklikler otomatik olarak Dropbox üzerinde ve Dropbox üzerinde yapılan değişiklikler de __appName__ üzerinde işlenecektir.",
+  "editing": "Düzenleme",
+  "editor_disconected_click_to_reconnect": "Editör bağlantısı koptu, yeniden bağlanmak için herhangi bir yere tıklayın.",
+  "email": "E-posta",
+  "email_or_password_wrong_try_again": "E-posta adresiniz ya da şifreniz yanlış. Lütfen tekrar deneyin",
+  "en": "İngilizce",
+  "es": "İspanyolca",
+  "every": "her",
+  "example_project": "Örnek Proje",
+  "expiry": "Son kullanma tarihi",
+  "export_project_to_github": "Projeyi GitHub’a yükle",
+  "features": "Özellikler",
+  "february": "Şubat",
+  "first_name": "Ad",
+  "folders": "Klasörler",
+  "font_size": "Yazı Boyutu",
+  "forgot_your_password": "Şifrenizi mi unuttunuz",
+  "fr": "Fransızca",
+  "free": "Ücretsiz",
+  "free_dropbox_and_history": "Ücretsiz Dropbox ve Geçmiş",
+  "full_doc_history": "Tüm değişiklikler geçmişi",
+  "general": "Genel",
+  "generic_something_went_wrong": "Özür dileriz, bir şeyler ters gitti",
+  "get_in_touch": "İrtibata geçin",
+  "github_commit_message_placeholder": "__appName__ üzerinden yaptığınız değişiklikler için yorum giriniz...",
+  "github_is_premium": "GitHub senkronizasyonu premium bir özelliktir",
+  "github_public_description": "Herkes bu depoyu görüntüleyebilir. Kimlerin işlem yapabileceğini siz seçersiniz.",
+  "github_successfully_linked_description": "Teşekkürler, GitHub hesabınız ile __appName__ arasındaki bağlantı, başarıyla oluşturuldu. Artık __appName__ projelerinizi GitHub üzerine yükleyebilir ya da GitHub depolarınızı __appName__’e yükleyebilirsiniz.",
+  "github_sync": "GitHub Senkronizasyonu",
+  "github_sync_description": "GitHub senkronizasyonu sayesinde __appName__ projeleriniz ile GitHub depolarınız arasında bağlantı kurabilirsiniz. Bu sayede __appName__ üzerinden çevrimdışı olarak işlem yapabilir ya da bu işlemleri GitHub üzerine işleyebilirsiniz.",
+  "github_sync_error": "Üzgünüz, GitHub servisine bağlanırken bir sorunla karşılaştık. Lütfen, birkaç dakika sonra tekrar deneyin.",
+  "github_validation_check": "Lütfen, depo adının doğru yazıldığından ve yeni bir depo oluşturma yetkinizin olduğundan emin olunuz.",
+  "global": "global",
+  "go_to_code_location_in_pdf": "Koddaki yerin PDF’deki karşılığına git",
+  "go_to_pdf_location_in_code": "PDF’deki yerin koddaki karşılığına git",
+  "group_admin": "Grup Yöneticisi",
+  "groups": "Gruplar",
+  "have_more_days_to_try": "Deneme sürenize <strong>__days__ gün</strong> daha ekleyin!",
+  "headers": "Başlıklar",
+  "help": "Yardım",
+  "hotkeys": "Kısayollar",
+  "i_want_to_stay": "Kalmak istiyorum",
+  "ill_take_it": "Alıyorum!",
+  "import_from_github": "GitHub’dan yükle",
+  "import_to_sharelatex": "__appName__’e yükle",
+  "importing": "Yükleniyor",
+  "importing_and_merging_changes_in_github": "Değişiklikler GitHub’a aktarılıyor",
+  "info": "Bilgi",
+  "institution": "Enstitü",
+  "it": "İtalyanca",
+  "ja": "Japonca",
+  "january": "Ocak",
+  "join_sl_to_view_project": "Bu projeyi görmek için __appName__’e katılın",
+  "july": "Temmuz",
+  "june": "Haziran",
+  "keybindings": "Tuş Yönlendirmeleri",
+  "ko": "Korece",
+  "language": "Dil",
+  "last_modified": "Son Değişiklik",
+  "last_name": "Soyad",
+  "latex_templates": "LaTeX Şablonları",
+  "learn_more": "Daha fazla bilgi",
+  "link_to_github": "GitHub hesabınız ile bağlantı oluşturun",
+  "link_to_github_description": "GitHub’daki hesabınız ile projelerinizin senkronize olabilmesi için __appName__’e yetki vermeniz gerekmektedir.",
+  "loading": "Yükleniyor",
+  "loading_github_repositories": "GitHub depolarınız yükleniyor",
+  "loading_recent_github_commits": "Yapılan son işlemler yükleniyor",
+  "log_in": "Giriş yap",
+  "log_out": "Çıkış Yap",
+  "logging_in": "Giriş yapılıyor",
+  "login": "Giriş yap",
+  "login_here": "Buradan giriş yapın",
+  "logs_and_output_files": "Sonuç dökümleri ve çıktılar",
+  "lost_connection": "Bağlantı Yok",
+  "main_document": "Ana döküman",
+  "maintenance": "Bakım",
+  "make_private": "Özel Erişimli Hale Getir",
+  "manage_subscription": "Abonelik",
+  "march": "Mart",
+  "math_display": "Matematik Görselleri",
+  "math_inline": "Matematik İçerikleri",
+  "may": "Mayıs",
+  "menu": "Menü",
+  "merge": "Birleştir",
+  "merging": "Birleştiriliyor",
+  "month": "ay",
+  "monthly": "Aylık",
+  "more": "Daha fazla",
+  "must_be_email_address": "E-posta adresi olmak zorundadır",
+  "name": "İsim",
+  "native": "yerel",
+  "navigation": "Yol gösterici",
+  "nearly_activated": "__appName__ isimli hesabınızı etkinleştirmenize bir adım kaldı!",
+  "need_anything_contact_us_at": "Eğer herhangi bir konuda bize ihtiyacınız olursa ve bize ulaşmak isterseniz e-posta adresimiz",
+  "need_to_leave": "Bizden ayrılıyor musunuz?",
+  "new_file": "Yeni dosya",
+  "new_folder": "Yeni klasör",
+  "new_name": "Yeni Ad",
+  "new_password": "Yeni Şifre",
+  "new_project": "Yeni Proje",
+  "next_payment_of_x_collectected_on_y": "Bir sonraki <0>__paymentAmmount__</0> olan ödemeniz <1>__collectionDate__</1> tarihinde alınacaktır",
+  "nl": "Flemenkçe",
+  "no": "Norveççe",
+  "no_members": "Üye bulunmamaktadır",
+  "no_messages": "Herhangi bir mesaj yok",
+  "no_new_commits_in_github": "En sonki birleşmeden itibaren GitHub’da yapılmış herhangi yeni bir işlem bulunmuyor.",
+  "no_planned_maintenance": "Şu anda herhangi bir planlanmış bakım bulunmamaktadır",
+  "no_preview_available": "Özür dileriz, herhangi bir önizleme bulunmamaktadır.",
+  "no_projects": "Proje bulunmamakta",
+  "no_thanks_cancel_now": "Hayır teşekkürler, hesabı iptal etmek istiyorum",
+  "november": "Kasım",
+  "october": "Ekim",
+  "off": "Kapalı",
+  "ok": "Tamam",
+  "one_free_collab": "Fazladan bir iş ortağı",
+  "online_latex_editor": "Çevrimiçi LaTeX Editörü",
+  "optional": "İsteğe bağlı",
+  "or": " ya da",
+  "other_logs_and_files": "Diğer sonuç dökümleri & dosyalar",
+  "over": "fazla",
+  "owner": "Sahibi",
+  "page_not_found": "Sayfa Bulunamadı",
+  "password": "Şifre",
+  "password_reset": "Yeniden Şifre Tanımlama",
+  "password_reset_email_sent": "Şifrenizi yeniden tanımlamanız için size bir e-posta gönderildi.",
+  "password_reset_token_expired": "Şifrenizi yeniden tanımlamanız için sağlanan iznin süresi geçti. Lütfen tekrar şifre sıfırlama talep edin ve e-posta ile gelen bağlantıdan şifrenizi yeniden tanımlayın.",
+  "pdf_viewer": "PDF Görüntüleyici",
+  "personal": "Kişisel",
+  "pl": "Lehçe",
+  "planned_maintenance": "Planlanmış Bakım",
+  "plans_amper_pricing": "Planlar ve Fiyatlandırma",
+  "plans_and_pricing": "Planlar ve Fiyatlandırma",
+  "please_compile_pdf_before_download": "Dökümanınızın PDF halini indirmeden önce lütfen derleyin",
+  "please_compile_pdf_before_word_count": "Kelime sayısını hesaplamadan önce lütfen projenizi derleyin",
+  "please_enter_email": "Lütfen e-posta adresinizi giriniz",
+  "please_refresh": "Devam etmek için lütfen sayfayı yenileyin",
+  "please_set_a_password": "Lütfen bir şifre belirleyin",
+  "position": "Pozisyon",
+  "presentation": "Sunum",
+  "price": "Fiyat",
+  "privacy": "Gizlilik",
+  "privacy_policy": "Gizlilik Politikası",
+  "private": "Özel",
+  "problem_changing_email_address": "E-posta adresinizi değiştirirken bir hata ile karşılaşıldı. Lütfen bir kaç dakika sonra tekrar deneyin. Eğer bu problem devam ederse bizimle iletişime geçebilirsiniz.",
+  "problem_talking_to_publishing_service": "Yayın hizmetimizde bir sorun oluştu, lütfen bir kaç dakika sonra tekrar deneyin",
+  "problem_with_subscription_contact_us": "Aboneliğiniz ile ilgili bir sorun bulunmaktadır. Lütfen ayrıntılı bilgi için bizimle iletişime geçin.",
+  "processing": "işlem yapılıyor",
+  "professional": "Profesyonel",
+  "project_last_published_at": "Projenizin en son yayınlandığı tarih",
+  "project_name": "Proje Adı",
+  "project_not_linked_to_github": "Bu projenin herhangi bir GitHub deposu ile bağlantısı bulunmamaktadır. GitHub’da bunun için bir depo oluşturabilirsiniz:",
+  "project_too_large": "Proje aşırı büyük",
+  "project_too_large_please_reduce": "Projede çok fazla yazı bulunmaktadır, lütfen azaltmayı deneyin.",
+  "projects": "Projeler",
+  "pt": "Portekizce",
+  "public": "Halka Açık",
+  "publish": "Yayınla",
+  "publish_as_template": "Şablon Olarak Yayınla",
+  "publishing": "Yayınlanıyor",
+  "pull_github_changes_into_sharelatex": "GitHub’daki değişiklikleri __appName__’e aktar",
+  "push_sharelatex_changes_to_github": "__appName__’deki değişiklikleri GitHub’a aktar",
+  "recent_commits_in_github": "GitHub’da yapılan güncel işlemler",
+  "recompile": "Tekrar Derle",
+  "reconnecting": "Yeniden bağlanıyor",
+  "reconnecting_in_x_secs": "__seconds__ saniye içinde tekrar bağlanılmaya çalışılacak",
+  "refresh_page_after_starting_free_trial": "Ücretsiz denemenize başladıktan sonra lütfen sayfayı yenileyin",
+  "regards": "Saygılarımızla",
+  "register": "Kayıt ol",
+  "register_to_edit_template": "__templateName__ şablonunu düzenlemek için lütfen kayıt olunuz",
+  "registered": "Kayıtlı",
+  "registering": "Kayıt olunuyor",
+  "remove_from_group": "Gruptan çıkar",
+  "removed": "silinmiş",
+  "removing": "Kaldırılıyor",
+  "rename": "Adlandır",
+  "rename_project": "Projeyi Yeniden Adlandır",
+  "renaming": "Değiştiriliyor",
+  "repository_name": "Depo Adı",
+  "republish": "Yeniden yayınla",
+  "request_password_reset": "Yeniden şifre tanımla",
+  "required": "gerekli",
+  "reset_password": "Şifre Sıfırla",
+  "reset_your_password": "Şifrenizi yeniden tanımlayın",
+  "restore": "Geri taşı",
+  "restoring": "Onarma",
+  "restricted": "Yasaklı",
+  "restricted_no_permission": "Üzgünüz, bu sayfaya erişmek için gerekli izniniz bulunmamaktadır.",
+  "ro": "Romence",
+  "role": "Pozisyon",
+  "ru": "Rusça",
+  "saving": "Kaydediliyor",
+  "saving_notification_with_seconds": "__docname__ kaydediliyor... (Değişikliklerin kaydedilmemesinin üzerinden __seconds__ geçti)",
+  "search_projects": "Projelerde Ara",
+  "security": "Güvenlik",
+  "select_github_repository": "__appName__’e yüklemek istediğiniz GitHub deponuzu seçiniz",
+  "send_first_message": "İlk mesajınızı gönderin",
+  "september": "Eylül",
+  "server_error": "Sunucu Hatası",
+  "set_new_password": "Yeni şifre tanımla",
+  "set_password": "Şifre Belirle",
+  "settings": "Ayarlar",
+  "share": "Paylaş",
+  "share_project": "Projeyi Paylaş",
+  "shared_with_you": "Sizinle Paylaşılanlar",
+  "show_hotkeys": "Kısayolları Göster",
+  "somthing_went_wrong_compiling": "Özür dileriz, bir şeyler ters gitti ve projeniz derlenemiyor. Lütfen bir kaç dakika sonra tekrar deneyin.",
+  "source": "Kaynak",
+  "spell_check": "İmla Denetimi",
+  "start_free_trial": "Hemen Ücretsiz Deneyin!",
+  "state": "Eyalet",
+  "student": "Öğrenci",
+  "subscribe": "Abone Ol",
+  "subscription": "Abonelik",
+  "subscription_canceled_and_terminate_on_x": " Aboneliğiniz iptal edildi ve <0>__terminateDate__</0> tarihinde sonlandırılacaktır. Başka herhangi bir ücret alınmayacaktır.",
+  "sure_you_want_to_change_plan": "Planınızı <0>__planName__</0> olarak değiştirmek istediğinizden emin misiniz?",
+  "sv": "İsveççe",
+  "sync": "Senkronizasyon",
+  "sync_project_to_github_explanation": "__appName__ üzerinden yaptığınız tüm değişiklikler GitHub üzerine işlenecek ve birleştirilecektir.",
+  "sync_to_dropbox": "Dropbox senkronizasyonu",
+  "sync_to_github": "GitHub ile senkronize et",
+  "take_me_home": "Çıkar beni buradan!",
+  "template_description": "Şablon Bilgisi",
+  "templates": "Şablonlar",
+  "terms": "Şartlar",
+  "thank_you": "Teşekkürler",
+  "thanks": "Teşekkürler",
+  "thanks_for_subscribing": "Aboneliğiniz için teşekkürler!",
+  "thanks_for_subscribing_you_help_sl": "__planName__ planına abone olduğunuz için teşekkürler. Sizlerin bu destekleri sayesinde __appName__ büyümeye ve gelişmeye devam etmektedir.",
+  "thanks_settings_updated": "Teşekkürler, ayarlarınız güncellendi.",
+  "theme": "Tema",
+  "thesis": "Tez",
+  "this_project_is_public": "Bu, halka açık bir projedir ve URL sayesinde herkes tarafından düzenlenebilir.",
+  "this_project_is_public_read_only": "Bu, halka açık bir projedir ve URL sayesinde herkes tarafından görülebilir ancak değiştirilemez.",
+  "this_project_will_appear_in_your_dropbox_folder_at": "Bu projenin gözükeceği Dropbox klasörü: ",
+  "three_free_collab": "Fazladan üç iş ortağı",
+  "timedout": "Zaman aşımı",
+  "title": "Başlık",
+  "to_many_login_requests_2_mins": "Bu hesap çok fazla giriş talebinde bulundu. Lütfen tekrar giriş yapabilmek için 2 dakika bekleyin.",
+  "to_modify_your_subscription_go_to": "Aboneliğinizi değiştirmek için:",
+  "total_words": "Toplam Kelime",
+  "tr": "Türkçe",
+  "try_now": "Şimdi Dene",
+  "uk": "Ukraynaca",
+  "university": "Üniversite",
+  "unlimited_collabs": "Sınırsız iş ortağı",
+  "unlimited_projects": "Sınırsız Proje Sayısı",
+  "unlink": "Bağlantıyı kopar",
+  "unlink_github_warning": "GitHub ile senkronize etmiş olduğunuz tüm projeler arasındaki bağlantı koparılacaktır ve senkronizasyon iptal edilecektir. GitHub ile olan bu bağlantıyı koparmak istediğinizden emin misiniz?",
+  "unpublish": "Yayından Kaldır",
+  "unpublishing": "Yayından kaldırılıyor",
+  "unsubscribe": "Aboneliği sonlandır",
+  "unsubscribed": "Abonelik sonlandırıldı",
+  "unsubscribing": "Abonelik sonlandırılıyor",
+  "update": "Güncelle",
+  "update_account_info": "Hesap Bilgilerini Güncelle",
+  "update_dropbox_settings": "Dropbox ayarlarını güncelle",
+  "update_your_billing_details": "Ödeme Bilgilerini Güncelle",
+  "updating_site": "Sayfa Güncelleme",
+  "upgrade": "Yükselt",
+  "upgrade_now": "Şimdi Yükselt",
+  "upload": "Yükle",
+  "upload_file": "Dosya Yükle",
+  "upload_project": "Proje Yükleyin",
+  "upload_zipped_project": "Sıkıştırılmış Proje Yükle",
+  "user_wants_you_to_see_project": "__username__ adlı kullanıcı __projectname__ isimli projeyi görmenizi istiyor",
+  "vat_number": "KDV (VAT) Numarası",
+  "view_all": "Hepsini Gör",
+  "view_in_template_gallery": "Şablon galerisinde görüntüle",
+  "welcome_to_sl": "__appName__’e hoş geldiniz",
+  "word_count": "Kelime Sayısı",
+  "year": "yıl",
+  "you_have_added_x_of_group_size_y": "<1>__groupSize__</1> kişilik grup kontenjanınıza, <0>__addedUsersSize__</0> kişi eklediniz",
+  "your_plan": "Planınız",
+  "your_projects": "Sizin Projeleriniz",
+  "your_subscription": "Aboneliğiniz",
+  "your_subscription_has_expired": "Aboneliğinizin süresi doldu.",
+  "zh-CN": "Çince"
+}
diff --git a/services/web/locales/zh-CN.json b/services/web/locales/zh-CN.json
new file mode 100644
index 0000000..7423941
--- /dev/null
+++ b/services/web/locales/zh-CN.json
@@ -0,0 +1,2310 @@
+{
+  "12x_basic": "12倍 免费时长 (240s)",
+  "12x_more_compile_time": "在更快的服务器上获取12倍的编译时间",
+  "1_2_width": "½ 宽度",
+  "1_4_width": "¼ 宽度",
+  "3_4_width": "¾ 宽度",
+  "About": "关于",
+  "Account": "账户",
+  "Account Settings": "账户设置",
+  "Documentation": "文档",
+  "Projects": "项目",
+  "Security": "安全性",
+  "Subscription": "订购",
+  "Terms": "条款",
+  "Universities": "大学",
+  "a_custom_size_has_been_used_in_the_latex_code": "默认的大小已经被应用到Latex代码中。",
+  "a_fatal_compile_error_that_completely_blocks_compilation": "一个<0>严重编译错误</0>阻止了编译。",
+  "a_file_with_that_name_already_exists_and_will_be_overriden": "同名文件已存在，该文件会被覆盖。",
+  "a_more_comprehensive_list_of_keyboard_shortcuts": "在<0>此__appName__项目模板</0>中可以找到更完整的键盘快捷键列表",
+  "about": "关于",
+  "about_to_archive_projects": "您将要归档以下项目：",
+  "about_to_delete_cert": "您将要删除以下证书：",
+  "about_to_delete_projects": "您将删除下面的项目：",
+  "about_to_delete_tag": "您即将删除下列的标签 (标签对应的任何项目都不会被删除)",
+  "about_to_delete_the_following_project": "您即将删除下面的项目：",
+  "about_to_delete_the_following_projects": "您将删除下面的项目：",
+  "about_to_delete_user_preamble": "您即将删除 __userName__ (__userEmail__)。此操作将意味着:",
+  "about_to_enable_managed_users": "通过启用“托管用户”功能，您的组订阅的所有现有成员都将被邀请成为托管用户。这将赋予您对他们帐户的管理权限。您还可以选择邀请新成员加入订阅并成为托管成员。",
+  "about_to_leave_project": "您即将离开此项目",
+  "about_to_leave_projects": "您将离开下面的项目",
+  "about_to_trash_projects": "您将要把以下项目移至回收站：",
+  "about_writefull": "关于 Writefull",
+  "abstract": "摘要",
+  "accept": "采纳",
+  "accept_and_continue": "接受并继续",
+  "accept_change": "接受修改",
+  "accept_change_error_description": "接受跟踪更改时出现错误，请稍后重试。",
+  "accept_change_error_title": "接受错误修改",
+  "accept_invitation": "接受邀请",
+  "accept_or_reject_each_changes_individually": "接受或拒绝修改意见",
+  "accept_selected_changes": "接受选定修改",
+  "accept_terms_and_conditions": "接受条款和条件",
+  "accepted_invite": "已接受的邀请",
+  "accepting_invite_as": "接受邀请",
+  "access_denied": "访问被拒绝",
+  "access_edit_your_projects": "访问并编辑您的项目",
+  "access_levels_changed": "访问级别已更改",
+  "account": "账户",
+  "account_has_been_link_to_institution_account": "您在 __appName__ 上的 <b>__email__</b> 帐户已链接到您的 <b>__institutionName__</b> 机构帐户。",
+  "account_has_past_due_invoice_change_plan_warning": "您的帐户当前有逾期账单。在这个问题解决之前，你不能改变你的计划。",
+  "account_linking": "帐户链接",
+  "account_managed_by_group_administrator": "您的帐户由您的群组管理员（__admin__）管理",
+  "account_not_linked_to_dropbox": "您的账户没有链接到Dropbox",
+  "account_settings": "账户设置",
+  "account_with_email_exists": "看起来在 <b>__appName__</b> 已经存在一个电子邮件为<b>__email__</b>的账户。",
+  "acct_linked_to_institution_acct_2": "您可以通过您的<0> __institutionName__ </0>机构登录信息来<0>登录</0> Overleaf。",
+  "actions": "操作",
+  "activate": "激活",
+  "activate_account": "激活账户",
+  "activating": "激活中",
+  "activation_token_expired": "您的激活码已经过期，您需要另外一个",
+  "active": "激活的",
+  "add": "添加",
+  "add_a_recovery_email_address": "添加恢复邮件地址",
+  "add_add_on_to_your_plan": "将__addOnName__添加到您的计划中",
+  "add_additional_certificate": "添加另外一个证书",
+  "add_affiliation": "添加从属关系",
+  "add_another_address_line": "添加另一个地址行",
+  "add_another_email": "添加其他电子邮件",
+  "add_another_token": "添加另外一个令牌",
+  "add_comma_separated_emails_help": "使用逗号（,）字符分隔多个电子邮件地址。",
+  "add_comment": "添加评论",
+  "add_company_details": "添加公司详细信息",
+  "add_email": "添加电子邮件",
+  "add_email_address": "添加邮件地址",
+  "add_email_to_claim_features": "添加一个机构电子邮件地址来声明您的功能。",
+  "add_files": "添加文件",
+  "add_more_editors": "添加更多编辑者",
+  "add_more_managers": "添加更多管理者",
+  "add_new_email": "添加新电子邮件",
+  "add_or_remove_project_from_tag": "根据标记 __tagName__ 来添加或移除项目",
+  "add_people": "添加人员",
+  "add_role_and_department": "添加角色和部门",
+  "add_to_dictionary": "添加到词典",
+  "add_to_tag": "添加到标记",
+  "add_your_comment_here": "在此添加评论",
+  "add_your_first_group_member_now": "现在添加您的第一个组成员",
+  "added": "已添加",
+  "added_by_on": "由 __name__ 在 __date__ 添加",
+  "adding": "添加",
+  "additional_certificate": "添加的证书",
+  "additional_licenses": "您的订阅包括<0>__additionalLicenses__</0>个附加许可证，共有<1>__totalLicenses__</1>个许可证。",
+  "address": "地址",
+  "address_line_1": "地址",
+  "address_second_line_optional": "地址行第二行（可选）",
+  "adjust_column_width": "调整列宽",
+  "admin": "管理员",
+  "admin_panel": "管理员面板",
+  "admin_user_created_message": "管理员账户已创建, <a href=\"__link__\">登陆</a> 以继续",
+  "administration_and_security": "管理和安全",
+  "advanced_reference_search": "高级<0>引用搜索</0>",
+  "advanced_reference_search_mode": "高级引文搜索",
+  "aggregate_changed": "替换",
+  "aggregate_to": "为",
+  "agree_with_the_terms": "我同意Overleaf的条款",
+  "ai_can_make_mistakes": "AI 可能会犯错。在确定修复之前，请先检查修复内容。",
+  "ai_feedback_tell_us_what_was_wrong_so_we_can_improve": "告诉我们哪里出了问题，以便我们改进。",
+  "ai_feedback_the_answer_was_too_long": "答案太长了",
+  "ai_feedback_the_answer_wasnt_detailed_enough": "答案不够详细",
+  "ai_feedback_the_suggestion_didnt_fix_the_error": "此建议未能修复错误",
+  "ai_feedback_the_suggestion_wasnt_the_best_fix_available": "这个建议并不是最好的解决办法",
+  "ai_feedback_there_was_no_code_fix_suggested": "没有建议代码修复",
+  "alignment": "对齐",
+  "all": "全部",
+  "all_borders": "全边框",
+  "all_premium_features": "所有高级付费功能",
+  "all_premium_features_including": "所有高级功能，包括：",
+  "all_prices_displayed_are_in_currency": "所有展示的价格都以__recommendedCurrency__计。",
+  "all_projects": "所有项目",
+  "all_projects_will_be_transferred_immediately": "所有的项目将立即移交给新的拥有者。",
+  "all_templates": "所有模板",
+  "all_the_pros_of_our_standard_plan_plus_unlimited_collab": "包含我们标准计划的所有功能，另外每个项目还可拥有无限的合作者。",
+  "all_these_experiments_are_available_exclusively": "所有这些实验仅对实验室计划的成员开放。如果您注册，您可以选择要尝试的实验。",
+  "already_have_an_account": "已经有一个账户啦？",
+  "already_have_sl_account": "已经拥有 __appName__ 账户了吗？",
+  "already_subscribed_try_refreshing_the_page": "已经订阅啦？请刷新界面哦。",
+  "also": "也",
+  "alternatively_create_new_institution_account": "或者，您可以通过单击<b>__clickText__</b>来使用机构电子邮件(<b>__email__</b>)创建一个<b>新帐户</b>。",
+  "an_email_has_already_been_sent_to": "一封电子邮件已经被发送给<0>__email__</0>。请稍后再尝试。",
+  "an_error_occured_while_restoring_project": "还原项目时出错",
+  "an_error_occurred_when_verifying_the_coupon_code": "验证优惠券代码时出错",
+  "and": "和",
+  "annual": "每年",
+  "annual_discount": "年度折扣",
+  "anonymous": "匿名",
+  "anyone_with_link_can_edit": "任何人可以通过此链接编辑此项目。",
+  "anyone_with_link_can_view": "任何人可以通过此链接浏览此项目。",
+  "app_on_x": "__appName__ 在 __social__",
+  "appearance": "外观",
+  "apply_educational_discount": "使用教育折扣",
+  "apply_suggestion": "使用建议修改",
+  "april": "四月",
+  "archive": "归档",
+  "archive_projects": "归档项目",
+  "archived": "归档",
+  "archived_projects": "已归档项目",
+  "archiving_projects_wont_affect_collaborators": "归档项目不会影响您的合作者。",
+  "are_you_affiliated_with_an_institution": "您隶属于某个机构吗？",
+  "are_you_getting_an_undefined_control_sequence_error": "您是否看到未定义的控制序列错误？如果是，请确保您已在文档的序言部分（代码的第一部分）中加载 Graphicx 包：<0>\\usepackage{graphicx}</0>。 <1>了解更多</1>",
+  "are_you_still_at": "你还在<0>__institutionName__</0>吗？",
+  "article": "文章",
+  "articles": "文章",
+  "as_a_member_of_sso_required": "作为 <b>__institutionName__</b> 的成员，您必须通过您的机构门户网站登录到 <b>__appName__</b> 。",
+  "as_email": "作为__email__",
+  "ascending": "升序",
+  "ask_proj_owner_to_unlink_from_current_github": "请求项目所有者 (<0>__projectOwnerEmail__</0>) 取消项目与当前 GitHub 存储库的链接，并创建与其他存储库的连接。",
+  "ask_proj_owner_to_upgrade_for_full_history": "请要求项目所有者升级以访问此项目的完整历史记录。",
+  "ask_proj_owner_to_upgrade_for_references_search": "请要求项目所有者升级以使用参考文献搜索功能。",
+  "ask_repo_owner_to_reconnect": "请求 GitHub 存储库所有者 (<0>__repoOwnerEmail__</0>) 重新连接该项目。",
+  "ask_repo_owner_to_renew_overleaf_subscription": "请求 GitHub 存储库所有者 (<0>__repoOwnerEmail__</0>) 续订其 __appName__ 订阅并重新链接项目。",
+  "august": "八月",
+  "author": "作者",
+  "auto_close_brackets": "自动补全括号",
+  "auto_compile": "自动编译",
+  "auto_complete": "自动补全",
+  "autocompile": "自动编译",
+  "autocompile_disabled": "自动编译已关闭",
+  "autocompile_disabled_reason": "由于服务器过载，暂时无法自动实时编译，请点击上方按钮进行编译",
+  "autocomplete": "自动补全",
+  "autocomplete_references": "参考文献自动补全（在 <code>\\cite{}</code> 中）",
+  "automatic_user_registration_uppercase": "自动用户注册",
+  "back": "返回",
+  "back_to_account_settings": "返回帐户设置",
+  "back_to_configuration": "返回配置",
+  "back_to_editor": "回到编辑器",
+  "back_to_log_in": "返回登录",
+  "back_to_subscription": "返回到订阅",
+  "back_to_your_projects": "返回您的项目",
+  "basic": "免费时长 (20s)",
+  "basic_compile_time": "基本编译时长",
+  "basic_compile_timeout_on_fast_servers": "在快速服务器上的基本编译时限",
+  "become_an_advisor": "成为__appName__顾问",
+  "before_you_use_error_assistant": "使用错误助手之前",
+  "beta": "试用版",
+  "beta_feature_badge": "Beta功能徽章",
+  "beta_program_already_participating": "您加入了 Beta 版测试",
+  "beta_program_badge_description": "在使用 __appName__ 过程中，测试功能会被这样标记：",
+  "beta_program_benefits": "我们一直在改进 __appName__。 通过加入此计划，您可以<0>尽早使用新功能</0>并帮助我们更好地了解您的需求。",
+  "beta_program_not_participating": "您尚未注册 Beta 计划",
+  "beta_program_opt_in_action": "退出Beta版测试",
+  "beta_program_opt_out_action": "退出 Beta 计划",
+  "bibliographies": "参考文献",
+  "billed_annually": "每年计费",
+  "billed_yearly": "按年计费",
+  "billing": "订单",
+  "billing_period_sentence_case": "订单周期",
+  "binary_history_error": "预览不适用于此文件类型",
+  "blank_project": "空白项目",
+  "blocked_filename": "此文件名被阻止。",
+  "blog": "博客",
+  "brl_discount_offer_plans_page_banner": "__flag__<b>好消息</b> 我们为巴西用户在本页面上的高级计划提供了50%的折扣。看看新的低价。",
+  "browser": "浏览器",
+  "built_in": "内嵌",
+  "buy_licenses": "购买许可证",
+  "buy_more_licenses": "购买更多许可证",
+  "buy_now_no_exclamation_mark": "现在购买",
+  "by": "由",
+  "by_joining_labs": "加入实验室即表示您同意接收 Overleaf 不定期发送的电子邮件和更新信息（例如，征求您的反馈）。您还同意我们的<0>服务条款</0>和<1>隐私声明</1>。",
+  "by_registering_you_agree_to_our_terms_of_service": "注册即表示您同意我们的 <0>服务条款</0> 和 <1>隐私条款</1>。",
+  "by_subscribing_you_agree_to_our_terms_of_service": "订阅即表示您同意我们的<0>服务条款</0>。",
+  "can_edit_content": "允许编辑",
+  "can_link_institution_email_acct_to_institution_acct": "您现在可以将您的 <b>__appName__</b> 账户 <b>__email__</b> 与您的  <b>__institutionName__</b> 机构账户关联。",
+  "can_link_institution_email_by_clicking": "您可以通过单击 <b>__clickText__</b> 将您的 <b>__email__</b> <b>__appName__</b> 账户链接到您的 <b>__institutionName__</b> 帐户。",
+  "can_link_institution_email_to_login": "您可以将您的 <b>__email__</b> <b>__appName__</b> 账户链接到你的 <b>__institutionName__</b> 账户，这将允许您通过机构门户登录到<b>__appName__</b> 。",
+  "can_link_your_institution_acct_2": "您可以现在 <0>链接</0> 您的 <0>__appName__</0> 账户到您的<0>__institutionName__</0> 机构账户。",
+  "can_now_relink_dropbox": "您现在可以<0>重新关联您的 Dropbox 帐户</0>。",
+  "can_view_content": "允许查看",
+  "cancel": "取消",
+  "cancel_anytime": "我们相信您会喜欢 __appName__，但如果不喜欢，您可以随时取消。如果您在30天内通知我们，我们无理由退款。",
+  "cancel_my_account": "取消我的订购",
+  "cancel_my_subscription": "取消我的订阅",
+  "cancel_personal_subscription_first": "您已经有个人订阅，您希望我们在加入团体许可之前先取消该订阅吗？",
+  "cancel_your_subscription": "取消您的订购",
+  "cannot_invite_non_user": "无法发送邀请。 收件人必须已有 __appName__ 帐户",
+  "cannot_invite_self": "不能向自己发送邀请哦",
+  "cannot_verify_user_not_robot": "抱歉，您没有通过“我不是个机器人”验证，请检查您的防火墙或网页插件是否阻碍了您的验证。",
+  "cant_find_email": "邮箱尚未注册，抱歉。",
+  "cant_find_page": "抱歉，我们找不到您要查找的页面。",
+  "cant_see_what_youre_looking_for_question": "找不到？",
+  "caption_above": "标题在表格上方",
+  "caption_below": "标题在表格下方",
+  "card_details": "信用卡详情",
+  "card_details_are_not_valid": "信用卡信息无效",
+  "card_must_be_authenticated_by_3dsecure": "在继续之前，您的卡必须通过3D安全验证",
+  "card_payment": "信用卡支付",
+  "careers": "工作与职业",
+  "category_arrows": "箭头字符",
+  "category_greek": "希腊字符",
+  "category_misc": "杂项",
+  "category_operators": "运算字符",
+  "category_relations": "关系字符",
+  "center": "居中",
+  "certificate": "证书",
+  "change": "修改",
+  "change_currency": "更改货币",
+  "change_or_cancel-cancel": "取消",
+  "change_or_cancel-change": "修改",
+  "change_or_cancel-or": "或者",
+  "change_owner": "更改所有者",
+  "change_password": "更换密码",
+  "change_password_in_account_settings": "在帐户设置中更改密码",
+  "change_plan": "改变套餐",
+  "change_primary_email_address_instructions": "要更改您的主电子邮件地址，请先添加您的新主电子邮件地址（点击<0>添加其他电子邮件</0>）并确认。 然后单击<0>设为主账户</0>按钮。 <1>详细了解</1>如何管理您的 __appName__ 电子邮件。",
+  "change_project_owner": "变更项目所有者",
+  "change_the_ownership_of_your_personal_projects": "将您的个人项目的所有权更改为新帐户。 <0>了解如何更改项目所有者。</0>",
+  "change_to_group_plan": "更改为团体计划",
+  "change_to_this_plan": "该为这个订购项",
+  "changing_the_position_of_your_figure": "更改您的图片的位置",
+  "changing_the_position_of_your_table": "更改您的表格的位置",
+  "chat": "聊天",
+  "chat_error": "无法加载聊天消息，请重试。",
+  "check_logs": "检查日志",
+  "check_your_email": "检查您的电子邮件",
+  "checking": "检查中",
+  "checking_dropbox_status": "检查 Dropbox 状态",
+  "checking_project_github_status": "正在检查GitHub中的项目状态",
+  "choose_a_custom_color": "选择自定义颜色",
+  "choose_from_group_members": "从团队成员中选择",
+  "choose_which_experiments": "选择您想要尝试的实验。",
+  "choose_your_plan": "选择您的支付方案",
+  "city": "城市",
+  "clear_cached_files": "清除缓存文件",
+  "clear_search": "清除搜索",
+  "clear_sessions": "清理会话",
+  "clear_sessions_description": "这是您的账户中当前活跃的会话信息（不包含当前会话）。点击“清理会话”按钮可以退出这些会话。",
+  "clear_sessions_success": "其他会话已清理",
+  "clearing": "正在清除",
+  "click_here_to_view_sl_in_lng": "点击以<0>__lngName__</0> 使用  __appName__",
+  "click_link_to_proceed": "单击下面的 <b>__clickText__</b> 继续。",
+  "clicking_delete_will_remove_sso_config_and_clear_saml_data": "点击<0>删除</0>将删除您的 SSO 配置并取消所有用户的链接。 仅当您的组设置中禁用 SSO 时，您才能执行此操作。",
+  "clone_with_git": "用Git克隆",
+  "close": "关闭",
+  "clsi_maintenance": "编译服务器停机维护，将很快恢复正常。",
+  "clsi_unavailable": "抱歉，项目的编译服务器暂时不可用。请稍后再试。",
+  "cn": "中文 (简体)",
+  "code_check_failed": "代码检查失败",
+  "code_check_failed_explanation": "您的代码有问题，无法自动编译",
+  "code_editor": "源代码编辑器",
+  "code_editor_tooltip_message": "您可以在代码编辑器中查看项目中的代码（并对其进行编辑）",
+  "code_editor_tooltip_title": "想要查看并编辑 LaTeX 代码？",
+  "collaborate_easily_on_your_projects": "轻松协作您的项目。处理更长或更复杂的文档。",
+  "collaborate_online_and_offline": "使用自己的工作流进行在线和离线协作",
+  "collaboration": "合作",
+  "collaborator": "合作者",
+  "collabratec_account_not_registered": "未注册 IEEE Collabratec™ 帐户。请从IEEE Collabratec™连接到Overleaf 或者使用其他帐户登录。",
+  "collabs_per_proj": "每个项目 __collabcount__ 个合作者",
+  "collabs_per_proj_single": "__collabcount__ 个合作者每个项目",
+  "collapse": "合上",
+  "column_width": "列宽",
+  "column_width_is_custom_click_to_resize": "列宽为默认值，单击以调整大小",
+  "column_width_is_x_click_to_resize": "列宽为 __width__。 单击以调整大小",
+  "comment": "评论",
+  "common": "通用",
+  "common_causes_of_compile_timeouts_include": "常见的导致编译超时的原因包括",
+  "commons_plan_tooltip": "由于您与 __institution__ 的隶属关系，您加入了 __plan__ 计划。 单击以了解如何充分利用 Overleaf 高级功能。",
+  "compact": "紧凑的",
+  "company_name": "公司名称",
+  "compare": "比较",
+  "compare_features": "比较功能",
+  "comparing_from_x_to_y": "从 <0>__startTime__</0> 到 <0>__endTime__</0> 进行比较",
+  "compile_error_entry_description": "一个阻止此项目编译的错误",
+  "compile_error_handling": "编译错误处理",
+  "compile_larger_projects": "编译更大项目",
+  "compile_mode": "编译模式",
+  "compile_servers": "编译服务器",
+  "compile_servers_info_new": "用于编译项目的服务器。付费计划用户的编译器始终在最快的可用服务器上运行。",
+  "compile_terminated_by_user": "由于点击了“停止编译”按钮，编译被取消。您可以下载原始日志以查看编译停止的位置。",
+  "compile_timeout_short": "编译时限",
+  "compile_timeout_short_info_new": "这是您在 Overleaf 上编译项目的时间。对于更长或更复杂的项目，您可能需要更多时间。",
+  "compiler": "编译器",
+  "compiling": "正在编译",
+  "complete": "完成",
+  "compliance": "合规性",
+  "compromised_password": "泄露的密码",
+  "configure_sso": "配置 SSO",
+  "configured": "已配置",
+  "confirm": "确认",
+  "confirm_affiliation": "确认从属关系",
+  "confirm_affiliation_to_relink_dropbox": "请确认您仍在该机构并持有他们的许可证，或升级您的帐户以重新关联您的 Dropbox 帐户。",
+  "confirm_delete_user_type_email_address": "确认您要删除 __userName__，请输入与其帐户关联的电子邮件地址",
+  "confirm_email": "确认电子邮件",
+  "confirm_new_password": "确认新密码",
+  "confirm_primary_email_change": "确认主电子邮件更改",
+  "confirm_remove_sso_config_enter_email": "要确认您要删除 SSO 配置，请输入您的电子邮件地址：",
+  "confirm_your_email": "确认您的电子邮件地址",
+  "confirmation_link_broken": "抱歉，您的确认链接有问题。请尝试复制并粘贴邮件底部的链接。",
+  "confirmation_token_invalid": "抱歉，您的确认令牌无效或已过期。请请求新的电子邮件确认链接。",
+  "confirming": "确认",
+  "conflicting_paths_found": "发现冲突路径",
+  "congratulations_youve_successfully_join_group": "恭喜！您已经成功的加入到团队订阅中。",
+  "connected_users": "已连接的用户",
+  "connecting": "正在连接",
+  "contact": "联系",
+  "contact_group_admin": "请联系你的群组管理员。",
+  "contact_message_label": "信息",
+  "contact_sales": "联系销售",
+  "contact_support": "联系支持人员",
+  "contact_support_to_change_group_subscription": "如果您希望更改您的团队订阅，请<0>联系支持</0>。",
+  "contact_us": "联系我们",
+  "contact_us_lowercase": "联系我们",
+  "contacting_the_sales_team": "联系销售团队",
+  "continue": "继续",
+  "continue_github_merge": "我已经手动合并。继续",
+  "continue_to": "返回 __appName__",
+  "continue_with_free_plan": "继续使用免费计划",
+  "continue_with_service": "以  __service__ 继续",
+  "copied": "已复制",
+  "copy": "复制",
+  "copy_code": "复制代码",
+  "copy_project": "复制项目",
+  "copy_response": "复制响应内容",
+  "copying": "正在复制",
+  "could_not_connect_to_collaboration_server": "无法连接到协作服务器",
+  "could_not_connect_to_websocket_server": "无法连接到WebSocket服务器",
+  "could_not_load_translations": "无法加载翻译",
+  "country": "国家",
+  "country_flag": "__country__ 国旗",
+  "coupon_code": "优惠码",
+  "coupon_code_is_not_valid_for_selected_plan": "优惠券代码对于所选计划无效",
+  "coupons_not_included": "这不包括您当前的折扣，它将在您下次付款前自动应用",
+  "create": "创建",
+  "create_a_new_password_for_your_account": "为您的帐户创建新密码",
+  "create_a_new_project": "创建一个新项目",
+  "create_account": "创建账户",
+  "create_an_account": "创建一个账户",
+  "create_first_admin_account": "创建首个管理员账户",
+  "create_new_account": "创建新帐户",
+  "create_new_subscription": "新建订购",
+  "create_new_tag": "创建新标签",
+  "create_project_in_github": "创建一个GitHub存储库",
+  "created_at": "创建于",
+  "creating": "正在创建",
+  "credit_card": "信用卡",
+  "cs": "捷克语",
+  "currency": "货币",
+  "current_file": "当前文件",
+  "current_password": "正在使用的密码",
+  "current_price": "当前价格",
+  "current_session": "当前会话",
+  "currently_seeing_only_24_hrs_history": "您当前正在看到此项目中最后24小时的更改。",
+  "currently_signed_in_as_x": "目前以 <0>__userEmail__</0> 身份登录。",
+  "currently_subscribed_to_plan": "您现在订阅的是 <0>__planName__</0> 套餐。",
+  "custom": "默认 (Custom)",
+  "custom_borders": "自定义边框",
+  "customer_resource_portal": "客户资源门户",
+  "customize": "定制",
+  "customize_your_group_subscription": "定制您的团队计划",
+  "customizing_figures": "定制图片",
+  "customizing_tables": "定制表格",
+  "da": "丹麦语",
+  "date": "日期",
+  "date_and_owner": "日期和所有者",
+  "de": "德语",
+  "dealing_with_errors": "处理错误",
+  "december": "十二月",
+  "dedicated_account_manager": "专属客服",
+  "default": "默认",
+  "delete": "删除",
+  "delete_account": "删除账户",
+  "delete_account_confirmation_label": "我了解这将删除我的 __appName__ 帐户中电子邮件地址为 <0>__userDefaultEmail__</0> 的所有项目",
+  "delete_account_warning_message_3": "您即将永久<strong>删除您的所有账户数据</strong>，包括您的项目和设置。请输入账户邮箱地址和密码以继续。",
+  "delete_acct_no_existing_pw": "在删除您的帐户之前，请使用密码重置表单设置密码",
+  "delete_and_leave": "删除/保留",
+  "delete_and_leave_projects": "删除并离开项目",
+  "delete_authentication_token": "删除身份验证令牌",
+  "delete_authentication_token_info": "您即将删除 Git 身份验证令牌。 如果这样做，则在执行 Git 操作时将无法再使用它来验证您的身份。",
+  "delete_certificate": "删除证书",
+  "delete_comment": "删除评论",
+  "delete_comment_error_message": "删除您的评论时遇到错误。请稍后重试。",
+  "delete_comment_message": "您无法撤销此操作",
+  "delete_comment_thread": "删除评论线程流",
+  "delete_comment_thread_message": "这将删除整个评论线程。此操作无法撤消。",
+  "delete_figure": "删除图片",
+  "delete_projects": "删除项目",
+  "delete_row_or_column": "删除行或列",
+  "delete_sso_config": "删除 SSO 配置",
+  "delete_table": "删除表格",
+  "delete_tag": "删除标签",
+  "delete_token": "删除令牌",
+  "delete_user": "删除用户",
+  "delete_your_account": "删除您的账户",
+  "deleted_at": "删除于",
+  "deleted_by_email": "通过电子邮件删除",
+  "deleted_by_id": "通过 ID 删除",
+  "deleted_by_ip": "通过 IP 删除",
+  "deleted_by_on": "由 __name__ 于 __date__ 删除",
+  "deleting": "正在删除",
+  "demonstrating_git_integration": "演示Git集成",
+  "demonstrating_track_changes_feature": "演示跟踪更改功能",
+  "department": "部门",
+  "descending": "降序",
+  "description": "描述",
+  "details_provided_by_google_explanation": "您的详细信息是由您的 Google 帐户提供的。请检查一下哦。",
+  "dictionary": "字典",
+  "did_you_know_institution_providing_professional": "你知道吗__institutionName__向__institutionName__的每个人提供<0>免费的 __appName__ 专业功能</0>吗？",
+  "disable_single_sign_on": "禁用 单点登录(SSO)",
+  "disable_sso": "关闭 SSO",
+  "disable_stop_on_first_error": "禁用 “出现第一个错误时停止”",
+  "disabling": "禁用",
+  "disconnected": "连接已断开",
+  "discount_of": "__amount__的折扣",
+  "dismiss_error_popup": "忽略第一个错误提示",
+  "display_deleted_user": "显示已删除的用户",
+  "do_not_have_acct_or_do_not_want_to_link": "如果您没有 <b>__appName__</b> 帐户，或者您不想链接到您的 <b>__institutionName__</b> 帐户，请单击 <b>__clickText__</b>。",
+  "do_not_link_accounts": "不链接帐户",
+  "do_you_need_edit_access": "您需要编辑权限吗？",
+  "do_you_want_to_change_your_primary_email_address_to": "是否要将主电子邮件地址更改为<b>__email__</b>？",
+  "do_you_want_to_overwrite_it": "您是否要覆盖它？",
+  "do_you_want_to_overwrite_it_plural": "您是否要覆盖它？",
+  "do_you_want_to_overwrite_them": "您想覆盖它们吗？",
+  "document_too_long": "文档超长",
+  "document_too_long_detail": "抱歉，该文件太长，无法手动编辑。 请直接上传。",
+  "document_too_long_tracked_deletes": "您还可以接受待处理的删除以减小文件的大小。",
+  "document_updated_externally": "文档外部已更新",
+  "document_updated_externally_detail": "该文档刚刚进行了外部更新。 您最近所做的任何更改都可能已被覆盖。 要查看以前的版本，请查看历史记录。",
+  "documentation": "文档",
+  "does_not_contain_or_significantly_match_your_email": "不包含或者匹配您的电子邮件",
+  "doesnt_match": "不一致",
+  "doing_this_allow_log_in_through_institution": "这样做将允许您通过机构门户登录到 <b>__appName__</b>，并重新确认您的机构电子邮件地址。",
+  "doing_this_allow_log_in_through_institution_2": "执行此操作将允许您通过您的机构登录<0>__appName__</0>，并重新确认您的机构电子邮件地址。",
+  "doing_this_will_verify_affiliation_and_allow_log_in_2": "这样做将验证您与<b>__institutionName__</b>的关系，并将允许您通过您的机构登录到 <b>__appName__</b> 。",
+  "done": "完成",
+  "dont_have_account": "还没有账户？",
+  "download": "下载",
+  "download_all": "下载全部",
+  "download_metadata": "下载 Overleaf 元数据",
+  "download_pdf": "下载PDF",
+  "download_zip_file": "下载 ZIP 格式文件",
+  "draft_sso_configuration": "起草 SSO 配置",
+  "drag_here": "拖到这里",
+  "drag_here_paste_an_image_or": "将图片拖到此处、粘贴图片，或者 ",
+  "drop_files_here_to_upload": "拖动文件到这里以上传",
+  "dropbox": "Dropbox",
+  "dropbox_already_linked_error": "您的Dropbox帐户无法链接，因为它已与另一个Overleaf帐户链接。",
+  "dropbox_already_linked_error_with_email": "您的Dropbox帐户无法链接，因为它已与另一个Overleaf帐户 __otherUsersEmail__ 链接。",
+  "dropbox_checking_sync_status": "正在检查 Dropbox 更新",
+  "dropbox_duplicate_names_error": "您的 Dropbox 帐户无法链接，因为您有多个同名项目： ",
+  "dropbox_duplicate_project_names": "您的 Dropbox 帐户已取消关联，因为您有多个名为 <0>\"__projectName__\"</0> 的项目。",
+  "dropbox_duplicate_project_names_suggestion": "请让您的项目名称在您的所有<0>活动、存档和废弃</0>项目中唯一，然后重新关联您的 Dropbox 帐户。",
+  "dropbox_email_not_verified": "我们无法从您的 Dropbox 帐户检索更新。Dropbox 报告您的电子邮件地址未经验证。请在 Dropbox 帐户中验证您的电子邮件地址以解决此问题。",
+  "dropbox_for_link_share_projs": "此项目是通过链接共享访问的，除非项目所有者通过电子邮件邀请您，否则不会同步到您的Dropbox。",
+  "dropbox_integration_lowercase": "Dropbox 集成",
+  "dropbox_successfully_linked_description": "谢谢，我们已成功将您的Dropbox帐户链接到__appName__。",
+  "dropbox_sync": "Dropbox同步",
+  "dropbox_sync_both": "发送和接受更新",
+  "dropbox_sync_description": "保持您的 __appName__ 项目与您的Dropbox同步。SharaLaTeX中的更改将被自动发送到Dropbox，反之亦然。",
+  "dropbox_sync_error": "对不起，Dropbox 服务检测出现异常，请稍后再试",
+  "dropbox_sync_in": "从 Dropbox 更新",
+  "dropbox_sync_now_rate_limited": "手动同步仅限每分钟一次。 请稍等片刻，然后重试。",
+  "dropbox_sync_now_running": "该项目的手动同步已在后台启动。 请给它几分钟的时间来处理。",
+  "dropbox_sync_out": "将更新推送到 Dropbox",
+  "dropbox_sync_troubleshoot": "更改未出现在 Dropbox 中？ 请稍等几分钟。 如果更改仍未显示，您可以<0>立即同步此项目</0>。",
+  "dropbox_synced": "Overleaf 和 Dropbox 已处理所有更新。请注意，您的本地 Dropbox 可能仍在同步。",
+  "dropbox_unlinked_because_access_denied": "您的Dropbox帐户已取消链接，因为Dropbox服务拒绝了您存储的凭据。请重新链接您的Dropbox帐户，以便在Overleaf继续使用。",
+  "dropbox_unlinked_because_full": "您的Dropbox帐户已满，因此已取消链接，我们无法再向其发送更新。请释放一些空间并重新链接您的Dropbox帐户，以便在Overleaf继续使用。",
+  "dropbox_unlinked_premium_feature": "<0>您的 Dropbox 帐户已取消关联</0>，因为 Dropbox Sync 是您通过机构许可获得的一项高级功能。",
+  "due_date": "到期 __date__",
+  "due_today": "今天截止",
+  "duplicate_file": "重复文件",
+  "duplicate_projects": "该用户有名称重复的项目",
+  "each_user_will_have_access_to": "每个用户都可以访问",
+  "easily_manage_your_project_files_everywhere": "随时随地轻松管理您的项目文件",
+  "easy_collaboration_for_students": "方便学生协作。支持更长或更复杂的项目。",
+  "edit": "编辑",
+  "edit_dictionary": "编辑词典",
+  "edit_dictionary_empty": "您的自定义词典为空。",
+  "edit_dictionary_remove": "从字典中删除",
+  "edit_figure": "编辑图片",
+  "edit_sso_configuration": "编辑 SSO 配置",
+  "edit_tag": "编辑标签",
+  "editing": "正在编辑",
+  "editing_and_collaboration": "编辑与协作",
+  "editing_captions": "编辑 captions",
+  "editor": "编辑器",
+  "editor_and_pdf": "编辑器 & PDF",
+  "editor_disconected_click_to_reconnect": "编辑器与网络的连接已经断开，重新连接请点击任何位置。",
+  "editor_limit_exceeded_in_this_project": "此项目中的编辑者过多",
+  "editor_only_hide_pdf": "仅编辑器 <0>(隐藏 PDF)</0>",
+  "editor_theme": "编辑器主题",
+  "educational_percent_discount_applied": "应用 __percent__% 教育折扣！",
+  "email": "电子邮件",
+  "email_address": "邮件地址",
+  "email_address_is_invalid": "电子邮箱地址无效",
+  "email_already_associated_with": "<b>__email1__</b>已与<b>__email2__</b> <b>__appName__</b>帐户相关联。",
+  "email_already_registered": "此邮箱已被注册",
+  "email_already_registered_secondary": "此电子邮件已注册为辅助电子邮件",
+  "email_already_registered_sso": "此电子邮件已注册。请以另一种方式登录您的帐户，并通过您的帐户设置将您的帐户链接到新的提供商。",
+  "email_confirmed_onboarding": "好极了！让我们帮你开始设置",
+  "email_confirmed_onboarding_message": "您的电子邮件地址已确认。单击<0>继续</0>以完成设置。",
+  "email_does_not_belong_to_university": "我们认为此域名与您的大学并无关联，请与我们联系添加从属关系。",
+  "email_limit_reached": "此帐户上最多可以有<0>__emailAddressLimit__个电子邮件地址</0>。若要添加其他电子邮件地址，请删除现有的电子邮件地址。",
+  "email_link_expired": "电子邮件链接已过期，请申请一个新的链接。",
+  "email_must_be_linked_to_institution": "作为 __institutionName__ 的成员，此电子邮件地址只能通过您的<0>帐户设置</0>页面上的单点登录添加。 请添加不同的辅助邮箱地址。",
+  "email_or_password_wrong_try_again": "您的邮件地址或密码不正确。请重试",
+  "email_or_password_wrong_try_again_or_reset": "您的电子邮件或密码不正确。请重试，或者<0>重置您的密码</0>。",
+  "email_required": "需要电子邮件",
+  "email_sent": "邮件已发送",
+  "emails": "邮箱",
+  "emails_and_affiliations_explanation": "向您的帐户添加其他电子邮件地址，以访问您的大学或机构的任何升级，使合作者更容易找到您，并确保您可以恢复您的帐户。",
+  "emails_and_affiliations_title": "电子邮件和从属关系",
+  "empty": "空",
+  "empty_zip_file": "Zip压缩包中没有任何文件",
+  "en": "英语",
+  "enable_managed_users": "启用托管用户",
+  "enable_single_sign_on": "开启单点登录",
+  "enable_sso": "开启 SSO",
+  "enable_stop_on_first_error_under_recompile_dropdown_menu": "在<1>重新编译</1>下拉菜单下启用<0>“第一次出现错误时停止”</0>，以帮助您立即查找并修复错误。",
+  "enabled": "已启用",
+  "enabling": "开启",
+  "end_of_document": "文档末尾",
+  "enter_6_digit_code": "输入6位数验证码",
+  "enter_any_size_including_units_or_valid_latex_command": "输入任意大小（包括单位）或有效的 LaTeX 命令",
+  "enter_image_url": "输入图片 URL",
+  "enter_the_confirmation_code": "输入发送到 __email__ 的六位验证码。",
+  "enter_your_email_address": "输入你的电子邮件",
+  "enter_your_email_address_below_and_we_will_send_you_a_link_to_reset_your_password": "在下面输入您的电子邮件地址，我们将向您发送重置密码的链接",
+  "enter_your_new_password": "输入你的新密码",
+  "equation_preview": "公式预览",
+  "error": "错误",
+  "error_opening_document": "打开文档错误",
+  "error_opening_document_detail": "很抱歉，打开此文档时出现问题。请再试一次。",
+  "error_performing_request": "执行请求时出错。",
+  "error_processing_file": "抱歉，处理此文件时出错。 请再试一次。",
+  "es": "西班牙语",
+  "estimated_number_of_overleaf_users": "预计 __appName__ 用户的数量",
+  "every": "每个",
+  "everything_in_free_plus": "所有内容均免费，此外还有……",
+  "everything_in_group_professional_plus": "团队专业版的所有功能，附加...",
+  "everything_in_group_standard_plus": "标准版的所有内容，附加...",
+  "everything_in_standard_plus": "标准版中的所有内容，以及……",
+  "example": "样例",
+  "example_project": "样例项目",
+  "examples": "样例",
+  "exclusive_access_with_labs": "独家获取早期实验阶段功能",
+  "existing_plan_active_until_term_end": "您的现有计划及其功能将保持活动状态，直到当前计费周期结束。",
+  "expand": "展开",
+  "experiment_full": "抱歉，此实验人数已满",
+  "expired": "过期",
+  "expired_confirmation_code": "您的确认码已过期。单击<0>重新发送确认码</0>以获取新的确认码。",
+  "expires": "过期时间",
+  "expires_in_days": "在 __days__ 天后过期",
+  "expires_on": "过期日期：__date__",
+  "expiry": "过期日期",
+  "export_csv": "导出CSV",
+  "export_project_to_github": "将项目导出到GitHub",
+  "failed_to_send_group_invite_to_email": "未能向<0>__email__</0>发送团队邀请。请稍后再试。",
+  "failed_to_send_managed_user_invite_to_email": "无法将托管用户邀请发送至 <0>__email__</0>。 请稍后再试。",
+  "failed_to_send_sso_link_invite_to_email": "无法向<0>__email__</0>发送SSO邀请提醒。请稍后再试。",
+  "faq_how_does_free_trial_works_answer": "在为期__len__天的免费试用期间，您可以完全访问所选的__appName__计划。试用结束后不能继续免费。您的卡将在试用期结束时收费，除非您在此之前取消。您可以通过订阅设置取消。",
+  "fast": "快速",
+  "fastest": "最快",
+  "feature_included": "包含的功能",
+  "feature_not_included": "不包含的功能",
+  "featured": "Featured",
+  "featured_latex_templates": "特色LaTeX模板",
+  "features": "功能",
+  "features_and_benefits": "功能 & 优势",
+  "february": "二月",
+  "file_action_created": "创建",
+  "file_action_deleted": "删除",
+  "file_action_edited": "编辑",
+  "file_action_renamed": "重命名",
+  "file_action_restored": "已从 __date__ 恢复 __fileName__",
+  "file_action_restored_project": "恢复 __date__ 的项目",
+  "file_already_exists": "同名文件或文件夹已存在",
+  "file_already_exists_in_this_location": "此位置中已存在名为 <0>__fileName__</0> 的项。如果要移动此文件，请重命名或删除冲突文件，然后重试。",
+  "file_name": "文件名",
+  "file_name_figure_modal": "文件名",
+  "file_name_in_this_project": "此项目中的文件名",
+  "file_name_in_this_project_figure_modal": "此项目中的文件名",
+  "file_or_folder_name_already_exists": "同名文件或文件夹已存在",
+  "file_outline": "文件大纲",
+  "file_size": "文件大小",
+  "file_too_large": "文件太大",
+  "files_cannot_include_invalid_characters": "文件名为空或包含无效字符",
+  "files_selected": "个文件被选中。",
+  "filter_projects": "过滤项目",
+  "filters": "筛选器",
+  "find_out_more": "了解更多",
+  "find_out_more_about_institution_login": "了解有关机构登录的更多信息",
+  "find_out_more_about_the_file_outline": "了解有关文件大纲的更多信息",
+  "find_out_more_nt": "了解更多。",
+  "finding_a_fix": "找到解决办法",
+  "first_name": "名",
+  "fit_to_height": "适应高度",
+  "fit_to_width": "适应宽度",
+  "fixed_width": "固定宽度",
+  "fixed_width_wrap_text": "固定宽度，文本自动换行",
+  "flexible_plans_for_everyone": "适合每个人的灵活计划——从个人学生和研究人员到大型企业和大学。",
+  "fold_line": "折线",
+  "folder_location": "文件夹位置",
+  "folders": "目录",
+  "following_paths_conflict": "下面的文件和文件夹拥有冲突的相同路径",
+  "font_family": "字体 (编辑器)",
+  "font_size": "字号 (编辑器)",
+  "footer_about_us": "关于我们",
+  "footer_contact_us": "联系我们",
+  "footer_navigation": "页脚导航",
+  "footer_plans_and_pricing": "套餐 & 价格",
+  "for_business": "商业用途",
+  "for_enterprise": "为企业提供",
+  "for_government": "为政府提供",
+  "for_individuals_and_groups": "为个人 & 团队提供",
+  "for_large_institutions_and_organizations_need_sitewide_on_premise": "对于需要站点范围访问或本地解决方案的大型机构和组织。",
+  "for_more_information_see_managed_accounts_section": "有关详细信息，请参阅<0>我们的使用条款</0>中的“托管帐户”部分，您可以通过点击接受邀请来同意该部分。",
+  "for_publishers": "为出版社提供",
+  "for_small_teams_and_departments_who_want_to_write_collaborate": "适用于希望使用 LaTeX 轻松书写和协作的小型团队和部门。",
+  "for_students": "为学生提供",
+  "for_teaching": "为教学提供",
+  "for_teams_and_organizations_who_want_a_streamlined_sso_and_security": "针对需要简化登录流程和最强大的云安全性的团队和组织。",
+  "for_universities": "为大学提供",
+  "forever": "永久",
+  "forgot_your_password": "忘记密码",
+  "format": "格式",
+  "found_matching_deleted_users": "找到 __deletedUserCount__ 个匹配的已删除用户",
+  "fr": "法语",
+  "free": "免费",
+  "free_7_day_trial_billed_annually": "免费试用 7 天，然后按年付费",
+  "free_7_day_trial_billed_monthly": "免费试用 7 天，然后按月付费",
+  "free_dropbox_and_history": "免费的Dropbox和历史功能",
+  "free_plan_label": "您现在是 <b>免费计划</b>",
+  "free_plan_tooltip": "单击了解如何从 Overleaf 高级功能中受益。",
+  "frequently_asked_questions": "常见问题",
+  "from_another_project": "从另一个项目中",
+  "from_enforcement_date": "自 __enforcementDate__ 起，该项目的任何其他编辑者都将成为查看者。",
+  "from_external_url": "从外部 URL",
+  "from_filename": "从文件 <0>__filename__</0>",
+  "from_github": "从 Github",
+  "from_project_files": "从项目文件中",
+  "from_provider": "来自__provider__",
+  "from_url": "从 URL 上传",
+  "full_doc_history": "完整的文档历史",
+  "full_document_history": "完整的文档<0>历史</0>",
+  "full_width": "全宽",
+  "gallery": "模版集",
+  "gallery_find_more": "查找更多__itemPlural__",
+  "gallery_page_title": "模版集 - 用LaTeX编写的模板、示例和文章",
+  "general": "常用",
+  "generate_token": "生成令牌",
+  "generic_if_problem_continues_contact_us": "如果问题仍然存在，请与我们联系",
+  "generic_linked_file_compile_error": "此项目的输出文件不可用，因为它未能成功编译。请打开项目以查看编译错误的详细信息。",
+  "generic_something_went_wrong": "抱歉，出错了",
+  "get_collaborative_benefits": "从 __appName__ 获得协作优势，即使你喜欢离线工作",
+  "get_discounted_plan": "获得折扣计划",
+  "get_exclusive_access_to_labs": "加入 Overleaf Labs 后，即可获得早期实验的独家访问权。我们唯一的要求就是您提供真实的反馈，以帮助我们发展和改进。",
+  "get_in_touch": "联系",
+  "get_in_touch_having_problems": "如果遇到问题，请<a href=\"__link__\">与支持部门联系</a>",
+  "get_involved": "加入我们",
+  "get_the_best_overleaf_experience": "获取最佳的 Overleaf 体验",
+  "get_the_most_out_headline": "通过以下功能充分利用__appName__：",
+  "git": "Git",
+  "git_authentication_token": "Git 身份验证令牌",
+  "git_authentication_token_create_modal_info_1": "这是你的Git身份验证令牌。当提示输入密码时，您应该输入此信息。",
+  "git_authentication_token_create_modal_info_2": "<0>您将只会看到此身份验证令牌仅一次，因此请复制它并确保其安全存储</0>。有关使用身份验证令牌的完整说明，请访问我们的<1>帮助页面</1>。",
+  "git_bridge_modal_click_generate": "单击<strong>生成令牌</strong>立即生成您的身份验证令牌。或者稍后在您的帐户设置中执行此操作。",
+  "git_bridge_modal_enter_authentication_token": "当提示输入密码时，请输入新的身份验证令牌：",
+  "git_bridge_modal_git_clone_your_project": "使用下面的链接和 Git 身份验证令牌来克隆你的项目",
+  "git_bridge_modal_learn_more_about_authentication_tokens": "了解有关Git集成身份验证令牌的更多信息。",
+  "git_bridge_modal_read_only": "<strong>您对此项目具有只读访问权限</strong>这意味着您可以从__appName__中提取，但不能将您所做的任何更改推送回该项目。",
+  "git_bridge_modal_see_once": "您只能看到此令牌一次。要删除或生成新帐户，请访问“帐户设置”。有关详细说明和故障排除，请阅读我们的<0>帮助页面</0>。",
+  "git_bridge_modal_use_previous_token": "如果系统提示您输入密码，您可以使用以前生成的Git身份验证令牌。或者，您可以在“帐户设置”中生成一个新帐户。有关更多支持，请阅读我们的<0>帮助页面</0>。",
+  "git_integration": "Git 集成",
+  "git_integration_info": "通过Git集成，你可以用Git克隆你的Overleaf项目。有关完整教程, 请阅读 <0>我们的帮助页面</0>。",
+  "github": "GitHub",
+  "github_commit_message_placeholder": "为 __appName__ 中的更改提交信息",
+  "github_credentials_expired": "您的 Github 授权凭证已过期",
+  "github_empty_repository_error": "您的 GitHub 存储库似乎为空或尚不可用。 在 GitHub.com 上创建一个新文件，然后重试。",
+  "github_file_name_error": "无法导入此存储库，因为它包含文件名无效的文件：",
+  "github_file_sync_error": "我们无法同步以下文件：",
+  "github_git_and_dropbox_integrations": "<0>Github</0>, <0>Git</0> 与 <0>Dropbox</0> 集成",
+  "github_git_folder_error": "此项目在根目录中包含一个.git文件夹，这说明它已经是git存储库。Overleaf 的 Github 同步服务无法同步 git 历史记录。请删除.git文件夹，然后重试。",
+  "github_integration_lowercase": "Git 和 GitHub 支持",
+  "github_is_no_longer_connected": "GitHub 已不再链接到此项目。",
+  "github_is_premium": "与 GitHub 同步是一项付费功能",
+  "github_large_files_error": "合并失败：您的 Github 存储库包含超过 50mb 文件大小限制的文件 ",
+  "github_merge_failed": "您对 __appName__ 和 GitHub 的更改无法自动合并。 请手动将<0>__sharelatex_branch__</0>分支合并到git中的默认分支中。 手动合并后，单击下面继续。",
+  "github_no_master_branch_error": "无法导入此存储库，因为它缺少主分支。请确保项目有一个主分支",
+  "github_private_description": "您可以选择谁可以查看并提交到此存储库。",
+  "github_public_description": "任何人都可以看到该存储库。您可以选择谁有权提交。",
+  "github_repository_diverged": "已强制推送到链接存储库的主分支。在强制推送之后拉取 GitHub 更改可能会导致 Overleaf 和 GitHub 不同步。您可能需要在拉取后推送更改以恢复同步。",
+  "github_successfully_linked_description": "谢谢，您已成功建立了您的GitHub账户与 __appName__ 的关联。您现在可以导出您的 __appName__ 项目到GitHub，或者从您的GitHub存储困导入项目。",
+  "github_symlink_error": "您的Github存储库包含符号链接文件，Overleaf 暂时不支持这些文件。请删除这些文件并重试。",
+  "github_sync": "GitHub 同步",
+  "github_sync_description": "通过与 GitHub 同步，你可以将您的__appName__项目关联到GitHub的存储库，从 __appName__ 创建新的提交，并与线下或者GitHub中的提交合并。",
+  "github_sync_error": "抱歉，与我们的 GitHub 服务连接出错。请稍后重试。",
+  "github_sync_repository_not_found_description": "链接的存储库已被删除，或者您不再有权访问它。通过克隆项目并使用“Github”菜单项，可以设置与新存储库的同步。您还可以取消存储库与此项目的链接。",
+  "github_timeout_error": "将 Overleaf 项目与 Github 同步时超时。这可能是由于项目的总体大小，或者要同步的文件/更改的数量太大。",
+  "github_too_many_files_error": "无法导入此存储库，因为它超过了允许的最大文件数",
+  "github_validation_check": "请检查存储库的名字是否已被占用，且您有权限创建存储库。",
+  "github_workflow_authorize": "授权 GitHub 工作流文件",
+  "github_workflow_files_delete_github_repo": "已在 GitHub 上创建存储库，但链接不成功。 您必须删除 GitHub 存储库或选择一个新名称。",
+  "github_workflow_files_error": "__appName__ GitHub同步服务无法同步GitHub工作流文件（在 .github/workflows/ 中）。请授权 __appName__ 编辑您的GitHub工作流程文件，然后重试。",
+  "give_feedback": "给予反馈",
+  "give_your_feedback": "提供您的反馈",
+  "global": "整体的",
+  "go_back_and_link_accts": "<a href=\"__link__\">返回</a>并链接您的帐户",
+  "go_next_page": "转到下一页",
+  "go_page": "转到第 __page__ 页",
+  "go_prev_page": "转到上一页",
+  "go_to_account_settings": "前往账户设置",
+  "go_to_code_location_in_pdf": "转到PDF中的位置",
+  "go_to_overleaf": "前往 Overleaf",
+  "go_to_pdf_location_in_code": "转到代码中对应 PDF 的位置（提示：双击 PDF 以获得最佳结果）",
+  "go_to_settings": "转到“设置”",
+  "great_for_getting_started": "非常适合入门",
+  "great_for_small_teams_and_departments": "非常适合小型团队和部门",
+  "group": "团队",
+  "group_admin": "团队管理员",
+  "group_full": "此组已满",
+  "group_invitations": "团队邀请",
+  "group_invite_has_been_sent_to_email": "团队邀请已发送至<0>__email__</0>",
+  "group_libraries": "团队库",
+  "group_managed_by_group_administrator": "此团队中的用户帐户由团队管理员管理。",
+  "group_plan_admins_can_easily_add_and_remove_users_from_a_group": "群组计划管理员可以轻松添加和删除群组中的用户。对于全站计划，用户在注册或将电子邮件地址添加到 Overleaf（基于域的注册或 SSO）时会自动升级。",
+  "group_plan_tooltip": "您作为团体订阅的成员加入了 __plan__ 计划。 单击以了解如何充分利用 Overleaf 高级功能。",
+  "group_plan_with_name_tooltip": "您作为团体订阅 __groupName__ 的成员加入了 __plan__ 计划。 单击以了解如何充分利用 Overleaf 高级功能。",
+  "group_professional": "团队专业版",
+  "group_sso_configuration_idp_metadata": "此处提供的信息来自您的身份提供商（IdP）。这通常被称为其SAML元数据。对于某些IdP，您必须将Overleaf配置为服务提供商，才能获得填写此表格所需的数据。有关更多指导，请参阅<0>我们的文档</0>。",
+  "group_sso_configure_service_provider_in_idp": "对于某些 IdP，您必须将 Overleaf 配置为服务提供商才能获取填写此表单所需的数据。 为此，您需要下载 Overleaf 元数据。",
+  "group_sso_documentation_links": "请参阅我们的<0>文档</0>和<1>问题排查指南</1>以获取更多帮助。",
+  "group_standard": "团队标准版",
+  "group_subscription": "团队订阅",
+  "groups": "群",
+  "have_an_extra_backup": "有一个额外的备份",
+  "have_more_days_to_try": "试用期增加<strong>__days__ days</strong>！",
+  "headers": "标题",
+  "help": "帮助",
+  "help_articles_matching": "符合你的主题的帮助文章",
+  "help_improve_overleaf_fill_out_this_survey": "如果您想帮助我们改进Overleaf，请花费一点您的宝贵时间填写<0>此调查</0>哦。",
+  "help_improve_screen_reader_fill_out_this_survey": "填写此简易调查，帮助我们改善您使用 __appName__ 屏幕阅读器的体验。",
+  "hide": "隐藏",
+  "hide_configuration": "隐藏配置",
+  "hide_deleted_user": "隐藏已删除的用户",
+  "hide_document_preamble": "隐藏文档导言部分",
+  "hide_local_file_contents": "隐藏本地文件内容",
+  "hide_outline": "隐藏文件大纲",
+  "history": "历史记录",
+  "history_add_label": "添加标记",
+  "history_are_you_sure_delete_label": "您确实要删除以下标记吗",
+  "history_compare_from_this_version": "与此版本比较",
+  "history_compare_up_to_this_version": "与此版本比较",
+  "history_delete_label": "删除标记",
+  "history_download_this_version": "下载此版本",
+  "history_entry_origin_dropbox": "通过 Dropbox",
+  "history_entry_origin_git": "通过 Git",
+  "history_entry_origin_github": "通过 Github",
+  "history_entry_origin_upload": "上传",
+  "history_label_created_by": "创建人",
+  "history_label_project_current_state": "当前状态",
+  "history_label_this_version": "标记此版本",
+  "history_new_label_name": "新标记名称",
+  "history_restore_promo_content": "现在，您可以将单个文件或整个项目恢复到以前的版本，包括注释和跟踪的更改。单击“恢复此版本”可恢复所选文件，或使用历史记录条目中的 <0>菜单</0> 可恢复整个项目。",
+  "history_restore_promo_title": "需要回归历史版本吗？",
+  "history_resync": "重新同步历史记录",
+  "history_view_a11y_description": "显示所有项目历史记录或仅显示带标签的版本。",
+  "history_view_all": "所有历史",
+  "history_view_labels": "标记",
+  "home": "主页",
+  "hotkey_add_a_comment": "添加评论",
+  "hotkey_autocomplete_menu": "自动完成菜单",
+  "hotkey_beginning_of_document": "文件开头",
+  "hotkey_bold_text": "粗体",
+  "hotkey_compile": "编译",
+  "hotkey_delete_current_line": "删除当前行",
+  "hotkey_end_of_document": "文档末尾",
+  "hotkey_find_and_replace": "查找（并替换）",
+  "hotkey_go_to_line": "转到行",
+  "hotkey_indent_selection": "缩进选择",
+  "hotkey_insert_candidate": "插入候选",
+  "hotkey_italic_text": "斜体",
+  "hotkey_redo": "重做",
+  "hotkey_search_references": "搜索引用",
+  "hotkey_select_all": "全选",
+  "hotkey_select_candidate": "选择候选",
+  "hotkey_to_lowercase": "改为小写",
+  "hotkey_to_uppercase": "改为大写",
+  "hotkey_toggle_comment": "切换评论",
+  "hotkey_toggle_review_panel": "切换审阅面板",
+  "hotkey_toggle_track_changes": "切换历史记录",
+  "hotkey_undo": "撤销",
+  "hotkeys": "快捷键",
+  "how_it_works": "工作原理",
+  "how_many_users_do_you_need": "你需要多少用户",
+  "how_to_create_tables": "如何创建表格",
+  "how_to_insert_images": "如何插入图片",
+  "how_we_use_your_data": "我们如何使用您的数据",
+  "how_we_use_your_data_explanation": "<0>请回答几个简短的问题，帮助我们继续改进Overleaf。您的回答将帮助我们和我们的企业集团更多地了解我们的用户群体。我们可能会使用这些信息来改善您的 Overleaf 体验，例如提供个性化的入门、升级提示、帮助建议和量身定制的营销沟通（如果您选择接收这些信息）</0><1>有关我们如何使用您的个人数据的更多详细信息，请参阅我们的<0>隐私声明</0></1>",
+  "hundreds_templates_info": "从我们的 LaTeX 模板库开始，为期刊、会议、论文、报告、简历等制作漂亮的文档。",
+  "i_want_to_stay": "我要留下",
+  "id": "ID",
+  "if_have_existing_can_link": "如果您在另一封电子邮件中有一个现有的 <b>__appName__</b> 帐户，您可以通过单击 <b>__clickText__</b> 将其链接到您的 <b>__institutionName__</b> 账户。",
+  "if_owner_can_link": "如果您在<b>__appName__</b>拥有账户<b>__email__</b>，您可以将其链接到您的 <b>__institutionName__</b> 机构帐户。",
+  "if_you_need_to_customize_your_table_further_you_can": "如果您需要进一步自定义表也是可以的哦。使用LaTeX代码，您可以更改从表格样式和边框样式，到颜色和列宽等任何内容<0>阅读我们的指南</0>在LaTeX中使用表格以帮助您入门。",
+  "if_your_occupation_not_listed_type_full_name": "如果您的__occupation__未列出，您可以键入全名。",
+  "ignore_and_continue_institution_linking": "您也可以忽略此项，然后<a href=\"__link__\">继续在 __appName__ 上使用您的 <b>__email__</b> 帐户</a>。",
+  "ignore_validation_errors": "忽略语法检查",
+  "ill_take_it": "我要购买！",
+  "image_file": "图片文件",
+  "image_url": "图片 URL",
+  "image_width": "图片宽度",
+  "import_a_bibtex_file_from_your_provider_account": "从您的__provider__帐户导入BibTeX文件",
+  "import_existing_projects_from_github": "从 GitHub 导入已有的项目",
+  "import_from_github": "从GitHub导入",
+  "import_idp_metadata": "插入 IdP 元数据",
+  "import_to_sharelatex": "导入 __appName__",
+  "imported_from_another_project_at_date": "于 __formattedDate__ __relativeDate__，从<0>另一个项目</0>/__sourceEntityPathHTML__导入",
+  "imported_from_external_provider_at_date": "于 __formattedDate__ __relativeDate__，从<0>__shortenedUrlHTML__</0>导入",
+  "imported_from_mendeley_at_date": "于 __formattedDate__ __relativeDate__，从Mendeley导入",
+  "imported_from_the_output_of_another_project_at_date": "于 __formattedDate__ __relativeDate__，从<0>另一个项目</0>的输出导入: __sourceOutputFilePathHTML__",
+  "imported_from_zotero_at_date": "于 __formattedDate__ __relativeDate__，从Zotero导入",
+  "importing": "正在倒入",
+  "importing_and_merging_changes_in_github": "正在导入合并GitHub中的更改",
+  "in_order_to_have_a_secure_account_make_sure_your_password": "为了确保您的帐户安全，请确保您的新密码：",
+  "in_order_to_match_institutional_metadata_2": "为了匹配您的机构元数据，我们使用 <0>__email__</0> 关联您的帐户。",
+  "in_order_to_match_institutional_metadata_associated": "为了匹配您的机构元数据，您的帐户与电子邮件 <b>__email__</b> 相关联。",
+  "include_caption": "添加 caption",
+  "include_label": "添加 label",
+  "include_the_error_message_and_ai_response": "包含错误信息和 AI 响应",
+  "increased_compile_timeout": "延长的编译时限",
+  "individuals": "个人",
+  "info": "信息",
+  "inr_discount_modal_info": "以平价获取文档历史记录、跟踪更改、更多协作者等功能。",
+  "inr_discount_modal_title": "面向印度用户的所有 Overleaf 高级计划七折优惠",
+  "inr_discount_offer_plans_page_banner": "__flag__ <b>好消息！</b>我们已为印度用户的高级计划提供<b>70% 折扣</b>折扣。 查看下面的最新低价。",
+  "insert": "插入",
+  "insert_column_left": "在左边插入列",
+  "insert_column_right": "在右边插入列",
+  "insert_figure": "插入图片",
+  "insert_from_another_project": "从另外一个项目中插入",
+  "insert_from_project_files": "从项目文件中插入",
+  "insert_from_url": "从URL中插入",
+  "insert_image": "插入图片",
+  "insert_row_above": "在上方插入行",
+  "insert_row_below": "在下方插入行",
+  "insert_x_columns_left": "在左边插入 __columns__ 列",
+  "insert_x_columns_right": "在右边插入 __columns__ 列",
+  "insert_x_rows_above": "在上方插入__rows__ 行",
+  "insert_x_rows_below": "在下方插入__rows__ 行",
+  "institution": "机构",
+  "institution_account": "机构帐户",
+  "institution_account_tried_to_add_affiliated_with_another_institution": "此电子邮件<b>已与您的帐户关联</b>，但隶属于其他机构。",
+  "institution_account_tried_to_add_already_linked": "此机构已通过另一个电子邮件地址与您的帐户<b>链接</b>。",
+  "institution_account_tried_to_add_already_registered": "您试图添加的电子邮件/机构帐户<b>已在__appName__注册</b>。",
+  "institution_account_tried_to_add_not_affiliated": "此电子邮件已与您的帐户<b>关联</b>，但未与此机构关联。",
+  "institution_account_tried_to_confirm_saml": "此电子邮件无法确认。请从您的帐户中删除电子邮件，然后再次尝试添加。",
+  "institution_acct_successfully_linked_2": "您的<0>__appName__</0>帐户已成功链接到您的&lt;0\\&gt;__institutionName__机构帐户。",
+  "institution_and_role": "机构和角色",
+  "institution_email_new_to_app": "您的 <b>__institutionName__</b> 电子邮件地址 (<b>__email__</b>) 对__appName__ 是新的。",
+  "institution_has_overleaf_subscription": "<0>__institutionName__</0>已有Overleaf订阅。单击发送到__emailAddress__的确认链接，升级到<0>Overleaf Professional</0>。",
+  "institution_templates": "机构模版",
+  "institutional": "机构",
+  "institutional_leavers_survey_notification": "提供一些快速反馈，即可获得年度订阅25%的折扣！",
+  "institutional_login_unknown": "抱歉，我们不知道是哪个机构发的那个电子邮件地址。您可以浏览我们的\n<a href=\"__link__\">机构列表</a> 找到您的机构，也可以在此处使用您的电子邮件地址和密码注册。",
+  "integrations": "集成",
+  "interested_in_cheaper_personal_plan": "你会对更便宜的<0>__price__</0>个人计划感兴趣吗？",
+  "invalid_certificate": "证书无效，请检查证书，然后重试。",
+  "invalid_confirmation_code": "无效！请检查代码，然后重试。",
+  "invalid_email": "有未验证的邮箱",
+  "invalid_file_name": "文件名无效",
+  "invalid_filename": "上传失败：检查文件名是否包含特殊字符、尾随/前导空格或超过 __nameLimit__ 个字符",
+  "invalid_institutional_email": "您机构的 SSO 服务返回的您的电子邮件地址是 __email__，但该域名并没有在我们这里注册。您可以通过您的机构将您的主电子邮件地址更改为您所在机构域的电子邮件地址。如果您有任何问题，请联系您的 IT 部门。",
+  "invalid_password": "密码错误",
+  "invalid_password_contains_email": "密码不能包含电子邮件地址的部分内容",
+  "invalid_password_invalid_character": "密码包含无效的字符",
+  "invalid_password_not_set": "需要密码哦",
+  "invalid_password_too_long": "超过最大密码长度 __maxLength__",
+  "invalid_password_too_short": "密码太短，最短 __minLength__ 位",
+  "invalid_password_too_similar": "密码与电子邮件地址过于相似",
+  "invalid_request": "无效的请求。请更正数据并重试。",
+  "invalid_zip_file": "zip文件无效",
+  "invite": "邀请",
+  "invite_expired": "此邀请已经过期",
+  "invite_more_collabs": "邀请更多的协作者",
+  "invite_not_accepted": "邀请尚未接受",
+  "invite_not_valid": "项目邀请无效",
+  "invite_not_valid_description": "邀请已经过期。请联系项目所有者",
+  "invite_resend_limit_hit": "已达到邀请重新发送限制",
+  "invited_to_group": "<0>__inviterName__</0> 现已邀请您加入 __appName__ 的团队",
+  "invited_to_group_have_individual_subcription": "__inviterName__ 邀请您加入群组 __appName__ 订阅。 如果您加入该群组，您可能不需要单独订阅。 您想取消吗？",
+  "invited_to_group_login": "要接受此邀请，您需要以 __emailAddress__ 身份登录。",
+  "invited_to_group_login_benefits": "作为该小组的一员，您将可以使用 __appName__ 高级功能，例如额外的协作者、更长的最大编译时间和实时跟踪更改。",
+  "invited_to_group_register": "要接受 __inviterName__ 的邀请，您需要创建一个帐户。",
+  "invited_to_group_register_benefits": "__appName__ 是一个协作式在线 LaTeX 编辑器，拥有数千个即用型模板和一系列 LaTeX 学习资源，可帮助您入门。",
+  "ip_address": "IP地址",
+  "is_email_affiliated": "你的邮件附属于某个机构的吗？ ",
+  "is_longer_than_n_characters": "至少要 __n__ 个字符长",
+  "is_not_used_on_any_other_website": "未在任何其他网站上使用",
+  "issued_on": "发布于：__date__",
+  "it": "意大利语",
+  "ja": "日语",
+  "january": "一月",
+  "join_beta_program": "加入beta计划",
+  "join_labs": "加入实验室",
+  "join_now": "现在加入",
+  "join_overleaf_labs": "加入 Overleaf Labs",
+  "join_project": "加入项目",
+  "join_sl_to_view_project": "加入 __appName__ 来查看此项目",
+  "join_team_explanation": "请单击下面的按钮加入团队并享受升级的__appName__帐户的好处",
+  "joined_team": "您已加入由__inviterName__管理的团队",
+  "joining": "加入",
+  "july": "七月",
+  "june": "六月",
+  "justify": "调整",
+  "kb_suggestions_enquiry": "您检查过我们的 <0>__kbLink__</0> 了吗？",
+  "keep_current_plan": "保持我现在的计划",
+  "keep_personal_projects_separate": "将个人项目分开",
+  "keep_your_account_safe": "确保您的帐户安全",
+  "keep_your_account_safe_add_another_email": "确保您的帐户安全，并确保您不会因添加其他电子邮件地址而失去对该帐户的访问权限。",
+  "keep_your_email_updated": "保持您的电子邮件更新，这样您就不会失去对帐户和数据的访问权限。",
+  "keybindings": "组合键",
+  "knowledge_base": "知识库",
+  "ko": "韩语",
+  "labels_help_you_to_easily_reference_your_figures": "标签可以帮助您轻松地在整个文档中引用您的图片。要引用文档中的图片，请使用<0> ef{…} </0>命令引用标签。这使得引用图形变得容易，而无需手动记住图形编号<1> 了解更多信息</1>",
+  "labels_help_you_to_reference_your_tables": "标签可以帮助您轻松地在整个文档中引用表。要引用文本中的表，请使用<0>ef{…}</0>命令引用标签。这样就可以很容易地引用表格，而无需手动记住表格编号<1> 阅读标签和交叉引用</1>。",
+  "labs_program_benefits": "__appName__ 一直在寻找新的方法来帮助用户更快、更有效地工作。 通过加入 Overleaf Labs，您可以参与探索协作写作和出版领域创新想法的实验。",
+  "language": "语言",
+  "large_or_high-resolution_images_taking_too_long": "大型或高分辨率图像的处理时间过长。 您也许能够<0>优化一下</0>。",
+  "last_active": "最后活跃于",
+  "last_active_description": "最近项目打开时间",
+  "last_edit": "最近编辑",
+  "last_logged_in": "最近登录",
+  "last_modified": "最近一次修改",
+  "last_name": "姓",
+  "last_resort_trouble_shooting_guide": "如果不起作用，请按照我们的<0>问题排查指南</0>进行操作。",
+  "last_suggested_fix": "最后建议的修复",
+  "last_updated": "最近上传",
+  "last_updated_date_by_x": "由 __person__ 在 __lastUpdatedDate__",
+  "last_used": "最近使用",
+  "latam_discount_modal_info": "使用__currencyName__支付的高级订阅可享受__discount__%的折扣，充分释放Overleaf的潜力。获得更长的编译超时时间、完整的文档历史记录、跟踪更改、额外的合作者等等。",
+  "latam_discount_modal_title": "高级订阅折扣",
+  "latam_discount_offer_plans_page_banner": "__flag__<b>好消息</b> 我们已经为__country__的用户在此页面上的高级计划应用了__discount__折扣。看看新的低价 (in __currency__)。",
+  "latex_articles_page_title": "文章 - 论文、演示、报告等",
+  "latex_examples": "LaTeX 样例",
+  "latex_examples_page_title": "样例 - Equations, Formatting, TikZ, 软件包等",
+  "latex_in_thirty_minutes": "30分钟学会 LaTeX",
+  "latex_places_figures_according_to_a_special_algorithm": "LaTeX 根据特殊算法放置图形。 您可以使用“放置参数”来调整图形的位置。 <0>了解具体方法</0>",
+  "latex_places_tables_according_to_a_special_algorithm": "LaTeX根据一种特殊的算法放置表格。可以使用“放置参数”来调整表格的位置<0>这篇文章</0>解释了如何做到这一点。",
+  "latex_templates": "LaTeX模板",
+  "layout": "布局",
+  "layout_processing": "布局处理中",
+  "ldap": "LDAP",
+  "ldap_create_admin_instructions": "输入邮箱，创建您的第一个__appName__管理员账户。这个账户对应您在LDAP系统中的账户，请使用此账户登陆系统。",
+  "learn": "学习",
+  "learn_more": "了解更多",
+  "learn_more_about_account": "<0>详细了解</0>如何管理您的 __appName__ 帐户。",
+  "learn_more_about_emails": "<0>详细了解</0>如何管理您的 __appName__ 电子邮件。",
+  "learn_more_about_link_sharing": "了解分享链接",
+  "learn_more_about_managed_users": "学习关于管理用户",
+  "learn_more_about_other_causes_of_compile_timeouts": "<0>了解更多</0> 关于其他导致编译超时的原因以及如何修复。",
+  "leave": "离开",
+  "leave_any_group_subscriptions": "保留除将管理您帐户的组订阅之外的任何团队订阅<0>将它们从“订阅”页面中删除</0>",
+  "leave_group": "退出团队",
+  "leave_labs": "离开 Overleaf Labs",
+  "leave_now": "现在退出",
+  "leave_project": "离开项目",
+  "leave_projects": "离开项目",
+  "left": "左对齐",
+  "length_unit": "长度单位",
+  "let_us_know": "让我们知道",
+  "let_us_know_how_we_can_help": "告诉我们您需要什么帮助",
+  "let_us_know_what_you_think": "让我们知道您的想法",
+  "library": "库",
+  "license": "许可",
+  "limited_to_n_editors": "仅限 __count__ 个编辑",
+  "limited_to_n_editors_per_project": "每个项目仅限 __count__ 个编辑者",
+  "limited_to_n_editors_per_project_plural": "每个项目最多可有 __count__ 名编辑者",
+  "limited_to_n_editors_plural": "仅限 __count__ 名编辑者",
+  "line_height": "行高 (编辑器)",
+  "line_width_is_the_width_of_the_line_in_the_current_environment": "行宽是当前环境下行的宽度。例如：单列布局中的全页宽度或两列布局中的半页宽度。",
+  "link": "链接",
+  "link_account": "链接帐户",
+  "link_accounts": "链接帐户",
+  "link_accounts_and_add_email": "链接帐户并添加电子邮件",
+  "link_institutional_email_get_started": "将机构电子邮件地址链接到您的帐户以开始。",
+  "link_sharing": "分享链接",
+  "link_sharing_is_off_short": "链接共享已关闭",
+  "link_sharing_is_on": "通过链接分享功能已开启。",
+  "link_to_github": "建立与您的GitHub账户的关联",
+  "link_to_github_description": "您需要授权 __appName__ 访问您的GitHub账户，从而允许我们同步您的项目。",
+  "link_to_mendeley": "关联至Mendeley",
+  "link_to_zotero": "关联至Zotero",
+  "link_your_accounts": "链接您的帐户",
+  "linked_accounts": "关联账户",
+  "linked_accounts_explained": "您可以将您的__appName__帐户与其他服务链接，以启用下面描述的功能",
+  "linked_collabratec_description": "使用Collabratec管理您的__appName__项目。",
+  "linked_file": "导入的文件",
+  "links": "链接",
+  "loading": "正在加载",
+  "loading_content": "正在创建项目",
+  "loading_github_repositories": "正在读取您的GitHub存储库",
+  "loading_prices": "加载价格",
+  "loading_recent_github_commits": "正在装载最近的提交",
+  "loading_writefull": "加载 Writefull",
+  "log_entry_description": "级别为__level__的日志条目",
+  "log_entry_maximum_entries": "最大日志条目限制已达到",
+  "log_entry_maximum_entries_enable_stop_on_first_error": "尝试修复第一个错误并重新编译。通常一个错误会导致许多后续的错误消息。您可以<0>启用“第一次出现错误时停止”</0>以专注于修复错误。我们建议尽快修复错误；让它们积累起来可能会导致难以调试和致命的错误<1> 了解更多信息</1>",
+  "log_entry_maximum_entries_see_full_logs": "如果您需要查看完整的日志，您仍然可以下载它们或查看下面的原始日志。",
+  "log_entry_maximum_entries_title": "__total__ 条日志消息总数。 显示第一个 __displayed__",
+  "log_hint_extra_info": "了解更多",
+  "log_in": "登录",
+  "log_in_and_link": "登录并链接",
+  "log_in_and_link_accounts": "登录并链接帐户",
+  "log_in_first_to_proceed": "您需要先<b>登录</b>才能继续。",
+  "log_in_now": "现在登录",
+  "log_in_with": "用 __provider__ 账户登陆",
+  "log_in_with_a_different_account": "以另外一个账户登录",
+  "log_in_with_email": "使用 __email__ 登录",
+  "log_in_with_existing_institution_email": "请使用您现有的 <b>__appName__</b> 帐户登录，以便将您的<b>__appName__</b>和<b>__institutionName__</b> 机构帐户关联起来。",
+  "log_in_with_primary_email_address": "如果您使用电子邮件地址和密码登录，这将是要使用的电子邮件地址。 重要的 __appName__ 通知将发送到此电子邮件地址。",
+  "log_in_with_sso": "通过 SSO 登录",
+  "log_in_with_sso_email": "工作或大学电子邮件账户",
+  "log_out": "退出",
+  "log_out_from": "从 __email__ 注销",
+  "log_out_lowercase_dot": "退出",
+  "log_viewer_error": "显示此项目的编译错误和日志时出现问题。",
+  "logged_in_with_email": "您当前使用 <b>__email__</b> 登录到<b>__appName__</b>。",
+  "logging_in": "正在登录",
+  "logging_in_or_managing_your_account": "登录或管理您的帐户",
+  "login": "登录",
+  "login_count": "登录次数",
+  "login_error": "登录错误",
+  "login_failed": "登陆失败",
+  "login_here": "在此登录",
+  "login_or_password_wrong_try_again": "注册名或密码错误，请重试",
+  "login_register_or": "或者",
+  "login_to_accept_invitation": "登录以接受邀请",
+  "login_to_overleaf": "登录到Overleaf",
+  "login_with_service": "使用__service__登录",
+  "logs_and_output_files": "日志和生成的文件",
+  "longer_compile_timeout": "更长的 <0>编译时间</0>",
+  "longer_compile_timeout_on_faster_servers": "在更快的服务器上拥有更长编译时限",
+  "looking_multiple_licenses": "寻找多个许可证？",
+  "looks_like_logged_in_with_email": "您似乎已经使用 <b>__email__</b> 登录到 <b>__appName__</b>。",
+  "looks_like_youre_at": "看起来你在<0>__institutionName__</0>！",
+  "lost_connection": "网络连接已断开",
+  "main_document": "主文档 (main tex)",
+  "main_file_not_found": "未知主文件",
+  "main_navigation": "主导航栏",
+  "maintenance": "维护",
+  "make_a_copy": "复制一份",
+  "make_email_primary_description": "将此作为主要电子邮件，用于登录",
+  "make_owner": "指定所有者",
+  "make_primary": "设为主邮件",
+  "make_private": "允许私有访问",
+  "manage_beta_program_membership": "管理 Beta 计划账户",
+  "manage_files_from_your_dropbox_folder": "管理Dropbox文件夹中的文件",
+  "manage_group_members_subtext": "在团队订阅中添加或删除成员",
+  "manage_group_settings": "管理团队设置",
+  "manage_group_settings_subtext": "配置和管理 SSO 和托管用户",
+  "manage_group_settings_subtext_group_sso": "配置和管理 SSO",
+  "manage_group_settings_subtext_managed_users": "启用托管用户",
+  "manage_institution_managers": "管理机构管理员",
+  "manage_managers_subtext": "分配或删除管理员权限",
+  "manage_newsletter": "管理您的电子邮件偏好",
+  "manage_publisher_managers": "管理出版社管理员",
+  "manage_sessions": "管理会话",
+  "manage_subscription": "管理订购",
+  "managed": "托管",
+  "managed_user_accounts": "托管的用户账户",
+  "managed_user_invite_has_been_sent_to_email": "托管用户邀请已发送到<0>__email__</0>",
+  "managed_users": "托管用户",
+  "managed_users_explanation": "托管用户确保您能够控制组织的项目以及项目的所有者<0>阅读有关托管用户的更多信息</0>",
+  "managed_users_gives_gives_you_more_control_over_your_group": "托管用户让您可以更好地控制您的群组对 __appName__ 的使用。它确保对用户访问和删除进行更严格的管理，并允许您在有人离开群组时继续控制您的项目。",
+  "managed_users_is_enabled": "托管用户已启用",
+  "managed_users_terms": "要使用托管用户功能，您必须代表您的组织在 <0>__link__</0> 上选择下面的“我同意”，同意最新版本的客户条款。 这些条款将适用于您的组织对 Overleaf 的使用，以取代任何先前商定的 Overleaf 条款。 例外情况是我们与您签署了协议，在这种情况下，签署的协议将继续有效。 请保留一份副本作为记录。",
+  "managers_cannot_remove_admin": "管理员无法删除",
+  "managers_cannot_remove_self": "管理者不能删除自己",
+  "managers_management": "管理管理者",
+  "managing_your_subscription": "管理您的订阅",
+  "march": "三月",
+  "marked_as_resolved": "标记为已解决",
+  "math_display": "数学表达式",
+  "math_inline": "行内数学符号",
+  "maximum_files_uploaded_together": "最多可同时上传__max__个文件",
+  "may": "五月",
+  "maybe_later": "或许稍后",
+  "member_picker": "选择团体计划的用户数量",
+  "members_management": "成员管理",
+  "mendeley": "Mendeley",
+  "mendeley_groups_loading_error": "从 Mendeley 加载群组时出错",
+  "mendeley_groups_relink": "访问您的 Mendeley 数据时出错。 这可能是由于缺乏权限造成的。 请重新关联您的帐户并重试。",
+  "mendeley_integration": "Mendeley 集成",
+  "mendeley_is_premium": "Mendeley集成是一个高级功能",
+  "mendeley_reference_loading_error": "错误，无法加载Mendeley的参考文献",
+  "mendeley_reference_loading_error_expired": "Mendeley令牌过期，请重新关联您的账户",
+  "mendeley_reference_loading_error_forbidden": "无法加载Mendeley的参考文献，请重新关联您的账户后重试",
+  "mendeley_sync_description": "集成 Mendeley 后，您可以将 mendeley 的参考文献导入 __appName__ 项目。",
+  "menu": "菜单",
+  "merge": "合并",
+  "merge_cells": "合并单元格",
+  "merging": "正在合并",
+  "message_received": "收到消息",
+  "missing_field_for_entry": "缺少字段",
+  "missing_fields_for_entry": "缺少字段",
+  "money_back_guarantee": "30天无理由退款",
+  "month": "月",
+  "monthly": "每个月",
+  "more": "更多",
+  "more_actions": "更多操作",
+  "more_info": "更多信息",
+  "more_options": "更多选择",
+  "more_options_for_border_settings_coming_soon": "更多的边框设置选项即将推出。",
+  "more_project_collaborators": "<0>更多</0>项目<0>合作者</0>",
+  "more_than_one_kind_of_snippet_was_requested": "在Overleaf打开此内容的链接包含一些无效参数。如果某个网站的链接经常出现这种情况，请向他们报告。",
+  "most_popular_uppercase": "最受欢迎的",
+  "must_be_email_address": "必须是电邮地址",
+  "must_be_purchased_online": "必须通过在线订购",
+  "my_library": "我的库",
+  "n_items": "__count__ 个项目",
+  "n_items_plural": "__count__ 个项目",
+  "n_more_updates_above": "__count__处更新在上方",
+  "n_more_updates_above_plural": "__count__处更新在上方",
+  "n_more_updates_below": "__count__处更新在下方",
+  "n_more_updates_below_plural": "__count__处更新在下方",
+  "n_users": "__userCount__ 个用户",
+  "name": "名字",
+  "name_usage_explanation": "您的名字将显示给您的合作者（以便他们知道正在与谁合作）。",
+  "native": "本机",
+  "navigate_log_source": "导航到源代码中的日志位置：__location__",
+  "navigation": "导航",
+  "nearly_activated": "还有一步您的 __appName__ 账户就会被激活了！",
+  "need_anything_contact_us_at": "您有任何需要，请直接联系我们",
+  "need_contact_group_admin_to_make_changes": "如果您想对帐户进行某些更改，则需要联系群组管理员。 <0>了解有关托管用户的更多信息。</0>",
+  "need_make_changes": "你需要做一些修改",
+  "need_more_than_x_licenses": "需要 __x__ 个以上的许可证？",
+  "need_to_add_new_primary_before_remove": "在删除此电子邮件地址之前，您需要添加一个新的主电子邮件地址。",
+  "need_to_leave": "确定要删除账号？",
+  "new_compile_domain_notice": "我们最近将 PDF 下载迁移到了新域，可能会阻止您的浏览器访问新域 <0>__compilesUserContentDomain__</0>。 这可能是由网络阻止或严格的浏览器插件规则引起的。 请查阅我们的<1>问题排查指南</1>。",
+  "new_file": "新建文件",
+  "new_folder": "新建目录",
+  "new_name": "新名字",
+  "new_password": "新密码",
+  "new_project": "创建新项目",
+  "new_snippet_project": "未命名",
+  "new_subscription_will_be_billed_immediately": "您的新订阅将立即通过您当前的付款方式计费。",
+  "new_tag": "新建标签",
+  "new_tag_name": "新标签名",
+  "newsletter": "电子邮件",
+  "newsletter_info_note": "请注意：您仍然会收到重要的电子邮件，例如项目邀请和安全通知（密码重置、帐户链接等）。",
+  "newsletter_info_subscribed": "您当前<0>订阅了</0>__appName__ 新闻资讯。 如果您不想收到此电子邮件，则可以随时取消订阅。",
+  "newsletter_info_summary": "每隔几个月，我们就会发送一份简讯，总结可用的新功能。",
+  "newsletter_info_title": "电子邮件偏好",
+  "newsletter_info_unsubscribed": "您当前<0>未订阅</0>__appName__ 新闻资讯。",
+  "newsletter_onboarding_accept": "我想要关于产品优惠、公司新闻和活动的电子邮件。",
+  "next": "下一步",
+  "next_page": "下一页",
+  "next_payment_of_x_collectected_on_y": "<0>__paymentAmmount__</0> 的下次支付时间为<1>__collectionDate__</1> 。",
+  "nl": "荷兰语",
+  "no": "挪威语",
+  "no_actions": "无操作",
+  "no_articles_matching_your_tags": "没有符合您标签的文章",
+  "no_borders": "无边框",
+  "no_caption": "无标题",
+  "no_comments_or_suggestions": "没有评论或建议",
+  "no_existing_password": "请使用密码重置表单设置密码",
+  "no_featured_templates": "无特色模板",
+  "no_folder": "没有文件夹",
+  "no_image_files_found": "没有找到图片文件",
+  "no_members": "没有成员",
+  "no_messages": "无消息",
+  "no_new_commits_in_github": "自上次合并后GitHub未收到新的提交",
+  "no_one_has_commented_or_left_any_suggestions_yet": "目前还没有人发表评论或留下任何建议。",
+  "no_other_projects_found": "找不到其他项目，请先创建另一个项目",
+  "no_other_sessions": "暂无其他活跃对话",
+  "no_pdf_error_explanation": "此编译未生成 PDF。 在以下情况下可能会发生这种情况：",
+  "no_pdf_error_reason_no_content": "<code>document</code> 环境中未包含任何内容。 如果为空，请您在其中添加一些内容并重新编译。",
+  "no_pdf_error_reason_output_pdf_already_exists": "该项目包含一个名为 <code>output.pdf</code> 的文件。 如果该文件存在，请重命名并重新编译。",
+  "no_pdf_error_reason_unrecoverable_error": "存在不可恢复的 LaTeX 错误。 如果在下面或原始日志中存在 LaTeX 错误，请尝试修复它们并重新编译。",
+  "no_pdf_error_title": "无 PDF",
+  "no_planned_maintenance": "目前没有维护计划",
+  "no_preview_available": "抱歉，无法预览。",
+  "no_projects": "没有任何项目",
+  "no_resolved_comments": "没有已解决的评论",
+  "no_search_results": "没有搜索到结果",
+  "no_selection_select_file": "当前未选择任何文件。请从文件树中选择一个文件。",
+  "no_symbols_found": "找不到符号",
+  "no_thanks_cancel_now": "不，谢谢，我还是想取消",
+  "no_update_email": "不，更新邮件",
+  "normal": "常规",
+  "normally_x_price_per_month": "通常每月__price__",
+  "normally_x_price_per_year": "通常每年__price__",
+  "not_found_error_from_the_supplied_url": "在Overleaf打开此内容的链接指向找不到的文件。如果某个网站的链接经常出现这种情况，请向他们报告。",
+  "not_managed": "未被托管",
+  "not_now": "稍后",
+  "not_registered": "未注册",
+  "note_features_under_development": "<0>请注意</0>此计划中的功能仍在测试和快速开发中。 这意味着它们可能<0>改变</0>、<0>被删除</0>或<0>成为高级计划的一部分</0>",
+  "notification_features_upgraded_by_affiliation": "好消息！您的组织__institutionName__已有 Overleaf 订阅，并且您现在可以访问 Overleaf 的所有专业功能。",
+  "notification_personal_and_group_subscriptions": "我们发现您有<0>多个活跃的 __appName__ 订阅</0>。 为避免支付超出您需要的费用，请<1>检查您的订阅</1>。",
+  "notification_personal_subscription_not_required_due_to_affiliation": " 好消息！您的组织 __institutionName__ 与 Overleaf 有合作关系。您可以取消您的个人订阅，而不会失去访问您的任何利益。",
+  "notification_project_invite": "<b>__userName__</b> 想让您加入 <b>__projectName__</b> <a class=\"btn btn-sm btn-info pull-right\" href=\"’/project/__projectId__/invite/token/__token__’\">加入项目</a>",
+  "notification_project_invite_accepted_message": "您已加入 <b>__projectName__</b>",
+  "notification_project_invite_message": "<b>__userName__</b> 希望您加入 <b>__projectName__</b>",
+  "november": "十一月",
+  "number_collab": "合作者数量",
+  "number_collab_info": "您可以邀请与您一起处理项目的人数。每个项目都有限制，因此您可以邀请不同的人参与每个项目。",
+  "number_of_projects": "项目的数量",
+  "number_of_users": "用户数量",
+  "oauth_orcid_description": " <a href=\"__link__\">通过将您的 ORCID iD 链接到您的__appName__帐户</a>，安全地建立您的身份。提交给参与发布者的文件将自动包含您的ORCID iD，以改进工作流和可见性。 ",
+  "october": "十月",
+  "off": "关闭",
+  "official": "官方",
+  "ok": "好的",
+  "ok_continue_to_project": "好的，继续到项目",
+  "ok_join_project": "好的，加入项目",
+  "on": "开",
+  "on_free_plan_upgrade_to_access_features": "您使用的是 __appName__ 免费计划。 升级即可使用这些<0>高级功能</0>",
+  "one_collaborator_per_project": "每个项目 1 名协作者",
+  "one_free_collab": "1个免费的合作者",
+  "one_per_project": "每个项目 1 个",
+  "one_step_away_from_professional_features": "您距离访问<0>Overleaf Professional 功能</0>仅一步之遥！",
+  "ongoing_experiments": "正在进行的实验",
+  "online_latex_editor": "在线LaTeX编辑器",
+  "only_group_admin_or_managers_can_delete_your_account_1": "通过成为托管用户，您的组织将对您的帐户拥有管理权限，并控制您的内容，包括关闭您的帐户以及访问、删除和共享您的内容的权限。因此：",
+  "only_group_admin_or_managers_can_delete_your_account_2": "只有您的群组管理员才能删除您的帐户。",
+  "only_group_admin_or_managers_can_delete_your_account_3": "您的群组管理员将能够将项目的所有权重新分配给其他群组成员。",
+  "only_group_admin_or_managers_can_delete_your_account_4": "一旦您成为托管用户，就无法再更改回来。 <0>了解有关托管 Overleaf 帐户的更多信息。</0>",
+  "only_group_admin_or_managers_can_delete_your_account_5": "有关更多信息，请参阅我们的使用条款中的“托管帐户”部分，您可以通过单击“接受邀请”来同意该条款",
+  "only_importer_can_refresh": "只有最初导入此 __provider__ 文件的人才能刷新它。",
+  "open_advanced_reference_search": "打开高级引用搜索",
+  "open_as_template": "作为模版打开",
+  "open_file": "编辑文件",
+  "open_link": "前往页面",
+  "open_path": "打开 __path__",
+  "open_project": "打开项目",
+  "open_target": "前往目标",
+  "opted_out_linking": "您已选择取消将您的 <b>__email__</b> <b>__appName__</b> 帐户绑定到您的机构帐户。",
+  "optional": "选填",
+  "or": "或者",
+  "organization": "组织",
+  "organization_name": "组织名",
+  "organization_or_company_name": "组织或公司名称",
+  "organization_or_company_type": "组织或公司类型",
+  "organize_projects": "分类管理项目",
+  "original_price": "原价",
+  "other": "其他",
+  "other_actions": "其他",
+  "other_logs_and_files": "其他日志和文件",
+  "other_output_files": "下载其他输出文件",
+  "other_sessions": "其他会话",
+  "other_ways_to_log_in": "其他登录方式",
+  "our_values": "我们的价值观",
+  "out_of_sync": "同步失败",
+  "out_of_sync_detail": "很抱歉，此文件无法同步，我们需要刷新整个页面。<0></0><1>有关详细信息，请参阅本帮助指南</1>",
+  "output_file": "输出文件",
+  "over": "超过",
+  "over_n_users_at_research_institutions_and_business": "全球有超过 __userCountMillion__ 万研究机构和企业用户喜爱 __appName__",
+  "overall_theme": "全局主题",
+  "overleaf": "Overleaf",
+  "overleaf_group_plans": "Overleaf 团队计划",
+  "overleaf_history_system": "Overleaf 历史跟踪系统",
+  "overleaf_individual_plans": "Overleaf 个人计划",
+  "overleaf_labs": "Overleaf Labs",
+  "overleaf_plans_and_pricing": "overleaf 计划和价格",
+  "overview": "概览",
+  "overwrite": "覆盖",
+  "overwriting_the_original_folder": "覆盖原始文件夹将删除它及其包含的所有文件。",
+  "owned_by_x": "由__x__拥有",
+  "owner": "拥有者",
+  "page_current": "页面 __page__，当前页面",
+  "page_not_found": "找不到页面",
+  "pagination_navigation": "分页导航",
+  "partial_outline_warning": "文件大纲已过期。它将在您编辑文档时自行更新",
+  "password": "密码",
+  "password_cant_be_the_same_as_current_one": "密码不能和当前的完全一样",
+  "password_change_old_password_wrong": "您的旧密码错误",
+  "password_change_password_must_be_different": "您输入的密码与当前密码相同。请尝试其他密码。",
+  "password_change_passwords_do_not_match": "密码不匹配",
+  "password_change_successful": "密码已更改",
+  "password_compromised_try_again_or_use_known_device_or_reset": "您输入的密码位于<0>泄露密码的公开列表</0>中。 请尝试从您之前使用过的设备登录或<1>重置您的密码</1>",
+  "password_managed_externally": "密码设置由外部管理",
+  "password_reset": "重置密码",
+  "password_reset_email_sent": "已给您发送邮件以完成密码重置",
+  "password_reset_token_expired": "您的密码重置链接已过期。请申请新的密码重置email，并按照email中的链接操作。",
+  "password_too_long_please_reset": "超过最大密码长度限制。请重新设置密码。",
+  "password_updated": "密码已更新",
+  "password_was_detected_on_a_public_list_of_known_compromised_passwords": "在<0>已知泄露密码的公共列表中检测到此密码</0>",
+  "paste_options": "粘贴选项",
+  "paste_with_formatting": "粘贴并附带格式",
+  "paste_without_formatting": "粘贴纯文本",
+  "payment_method_accepted": "__paymentMethod__ 已接受",
+  "payment_provider_unreachable_error": "抱歉，与我们的支付提供商交谈时出错。请稍后再试。\n如果您在浏览器中使用任何广告或脚本阻止扩展，则可能需要暂时禁用它们。",
+  "payment_summary": "付款摘要",
+  "pdf_compile_in_progress_error": "之前的编译仍在运行。 请稍等片刻，然后再尝试编译。",
+  "pdf_compile_rate_limit_hit": "编译率达到限制",
+  "pdf_compile_try_again": "请等待其他项目编译完成后再试",
+  "pdf_in_separate_tab": "PDF 为单独的选项卡",
+  "pdf_only_hide_editor": "仅 PDF <0>(隐藏编辑器)</0>",
+  "pdf_preview_error": "显示此项目的编译结果时出现问题。",
+  "pdf_rendering_error": "PDF渲染错误",
+  "pdf_unavailable_for_download": "PDF 无法下载",
+  "pdf_viewer": "PDF 阅读器",
+  "pdf_viewer_error": "显示此项目的PDF时出现问题。",
+  "pending": "待定",
+  "pending_additional_licenses": "您的订阅正在更改为包括<0>__pendingAdditionalLicenses__</0>个附加许可证，总共有<1>__pendingTotalLicenses__</1>个许可证。",
+  "pending_invite": "等待中的邀请",
+  "per_month": "每个月",
+  "per_user_year": "每个用户 / 每年",
+  "per_year": "每年",
+  "percent_is_the_percentage_of_the_line_width": "% 是行宽的百分比",
+  "personal": "个人",
+  "personalized_onboarding": "个性化入门",
+  "pl": "波兰语",
+  "plan": "计划",
+  "plan_tooltip": "你在__plan__计划中。点击了解如何充分利用您的 Overleaf 高级功能。",
+  "planned_maintenance": "计划中的维护",
+  "plans_amper_pricing": "套餐 & 价格",
+  "plans_and_pricing": "计划与定价",
+  "plans_and_pricing_lowercase": "套餐 & 价格",
+  "please_ask_the_project_owner_to_upgrade_more_editors": "请要求项目所有者升级他们的计划，以允许更多的编辑者。",
+  "please_ask_the_project_owner_to_upgrade_to_track_changes": "请要求项目所有者升级以使用历史查询功能。",
+  "please_change_primary_to_remove": "请更改您的主要电子邮件以删除它",
+  "please_check_your_inbox_to_confirm": "请检查您的电子邮件收件箱以确认您属于<0>__institutionName__</0> 。",
+  "please_compile_pdf_before_download": "请在下载PDF之前编译您的项目",
+  "please_compile_pdf_before_word_count": "请您在统计字数之前先编译您的的项目",
+  "please_confirm_email": "请点击电子邮件中的链接确认您的电子邮件地址 __emailAddress__ ",
+  "please_confirm_your_email_before_making_it_default": "请先确认您的电子邮件，然后再将其作为主要邮件。",
+  "please_contact_support_to_makes_change_to_your_plan": "请<0>联系支持</0>以更改您的计划",
+  "please_contact_us_if_you_think_this_is_in_error": "如果您认为此信息有误，请<0>联系我们</0>。",
+  "please_enter_confirmation_code": "请输入您的验证码",
+  "please_enter_email": "请输入您的电子邮件地址",
+  "please_get_in_touch": "请联系",
+  "please_link_before_making_primary": "请确认您的电子邮件链接到您的机构帐户，然后再将其作为主要电子邮件。",
+  "please_provide_a_message": "请提供消息",
+  "please_provide_a_subject": "请提供主题",
+  "please_reconfirm_institutional_email": "请花点时间确认您的机构电子邮件地址，或<0>将其从您的帐户中删除</0>。",
+  "please_reconfirm_your_affiliation_before_making_this_primary": "请确认您的从属关系，然后再将此作为主要。",
+  "please_refresh": "请刷新页面以继续",
+  "please_request_a_new_password_reset_email_and_follow_the_link": "请求一封新的密码重置电子邮件并点击链接",
+  "please_select": "请选择",
+  "please_select_a_file": "请选择一个文件",
+  "please_select_a_project": "请选择项目",
+  "please_select_an_output_file": "请选择输出文件",
+  "please_set_a_password": "请设置密码",
+  "please_set_main_file": "请在项目菜单中选择此项目的主文件。",
+  "please_wait": "请稍后",
+  "plus_additional_collaborators_document_history_track_changes_and_more": "（以及更多协作者、文档历史记录、跟踪更改等付费功能）。",
+  "plus_more": "加上更多",
+  "popular_tags": "热门标签",
+  "portal_add_affiliation_to_join": "您似乎已经登录到 __appName__！如果你有一封 __portalTitle__ 邮件，现在就可以添加了。",
+  "position": "职位",
+  "postal_code": "邮政编码",
+  "premium_feature": "Premium 功能",
+  "premium_features": "高级功能",
+  "premium_plan_label": "您正在使用 <b>Overleaf Premium</b>",
+  "presentation": "幻灯片",
+  "presentation_mode": "演示模式",
+  "press_and_awards": "新闻 & 奖项",
+  "previous_page": "上一页",
+  "price": "价格",
+  "primarily_work_study_question": "你主要在哪里工作或学习？",
+  "primarily_work_study_question_company": "公司",
+  "primarily_work_study_question_government": "政府",
+  "primarily_work_study_question_nonprofit_ngo": "非营利组织或非政府组织",
+  "primarily_work_study_question_other": "其他",
+  "primarily_work_study_question_university_school": "大学或高校",
+  "primary_certificate": "主证书",
+  "primary_email_check_question": "<0>__email__</0> 还是您的电子邮件地址吗？",
+  "priority_support": "优先支持",
+  "privacy": "隐私",
+  "privacy_and_terms": "隐私和条款",
+  "privacy_policy": "隐私政策",
+  "private": "私有",
+  "problem_changing_email_address": "无法更改您的email地址。请您过一会儿重试。如果问题持续，请联系我们。",
+  "problem_talking_to_publishing_service": "我们的发布服务出现故障，请在几分钟后再试",
+  "problem_with_subscription_contact_us": "您的订购出现了问题。请联系我们以获得更多信息。",
+  "proceed_to_paypal": "继续使用 PayPal",
+  "proceeding_to_paypal_takes_you_to_the_paypal_site_to_pay": "继续访问 PayPal 将带您前往 PayPal 网站支付订阅费用。",
+  "processing": "处理中",
+  "processing_uppercase": "处理中",
+  "processing_your_request": "我们正在处理您的请求，请稍候。",
+  "professional": "专业版",
+  "progress_bar_percentage": "进度条从 0 到 100%",
+  "project": "项目",
+  "project_approaching_file_limit": "此项目已接近文件限制",
+  "project_figure_modal": "项目",
+  "project_flagged_too_many_compiles": "因频繁编译，项目被标旗。编译上限会稍后解除。",
+  "project_has_too_many_files": "此项目已达到 2000 个文件限制",
+  "project_last_published_at": "您的项目最近一次被发布在",
+  "project_layout_sharing_submission": "项目布局、分享和提交",
+  "project_name": "项目名称",
+  "project_not_linked_to_github": "该项目未与GitHub任一存储库关联。您可以在GitHub中为该项目创建一个存储库：",
+  "project_ownership_transfer_confirmation_1": "是否确定要将 <0>__user__</0> 设为 <1>__project__</1> 的所有者？",
+  "project_ownership_transfer_confirmation_2": "此操作无法撤消。新所有者将收到通知，并可以更改项目访问权限设置（包括删除您自己的访问权限）。",
+  "project_renamed_or_deleted": "项目已重命名或删除",
+  "project_renamed_or_deleted_detail": "该项目已被外部数据源（例如 Dropbox）重命名或删除。 我们不想删除您在 Overleaf 上的数据，因此该项目仍然包含您的历史记录和合作者。 如果项目已重命名，请在项目列表中查找新名称下的新项目。",
+  "project_synchronisation": "项目同步",
+  "project_timed_out_enable_stop_on_first_error": "<0>启用“出现第一个错误时停止”</0>可帮助您立即查找并修复错误。",
+  "project_timed_out_fatal_error": "<0>致命编译错误</0>可能会彻底阻止编译。",
+  "project_timed_out_intro": "抱歉，您的编译运行时间已超时。 超时的最常见原因是：",
+  "project_timed_out_learn_more": "<0>了解更多</0> 关于其他导致编译超时的原因以及如何修复。",
+  "project_timed_out_optimize_images": "处理大图像或高分辨率图像需要很长时间。 您也许能够<0>优化一下</0>。",
+  "project_too_large": "项目太大",
+  "project_too_large_please_reduce": "此项目的可编辑文本太多，请尝试减少它。最大的文件是：",
+  "project_too_much_editable_text": "该项目具有太多可编辑文本，请尝试减少它。",
+  "project_url": "受影响的项目URL",
+  "projects": "项目",
+  "projects_count": "项目数",
+  "projects_list": "项目列表",
+  "provide_details_of_your_sso_configuration": "添加、编辑或删除身份提供商的 SAML 元数据。",
+  "pt": "葡萄牙语",
+  "public": "公共",
+  "publish": "发布",
+  "publish_as_template": "管理模版",
+  "publisher_account": "发布者帐户",
+  "publishing": "正在发表",
+  "pull_github_changes_into_sharelatex": "将GitHub中的更改调入  __appName__",
+  "push_sharelatex_changes_to_github": "将 __appName__ 中的更改推送到GitHub",
+  "quoted_text": "引用文本",
+  "raw_logs": "原始日志",
+  "raw_logs_description": "来自 LaTeX 编译器的原始日志",
+  "react_history_tutorial_content": "要比较一系列版本，请在范围的开头和结尾使用所需版本的 <0></0>。 要添加标签或下载版本，请使用三点菜单中的选项。 <1>了解有关使用Overleaf历史记录的更多信息。</1>",
+  "react_history_tutorial_title": "历史跟踪操作迁移到了新位置",
+  "reactivate_subscription": "重新激活您的订阅",
+  "read_lines_from_path": "从 __path__ 读取行",
+  "read_more": "阅读更多",
+  "read_more_about_free_compile_timeouts_servers": "阅读有关免费计划编译超时和服务器更改的更多信息",
+  "read_only_token": "只读令牌",
+  "read_write_token": "可读写令牌",
+  "ready_to_join_x": "您已加入 __inviterName__",
+  "ready_to_join_x_in_group_y": "您已加入  __groupName__ 团队的 __inviterName__",
+  "ready_to_set_up": "准备好设置",
+  "ready_to_use_templates": "现成的模板",
+  "real_time_track_changes": "实时<0>跟踪更改</0>",
+  "realtime_track_changes": "实时跟踪更改",
+  "reasons_for_compile_timeouts": "编译超时的原因",
+  "reauthorize_github_account": "重新授权 GitHub 帐号",
+  "recaptcha_conditions": "本网站受reCAPTCHA保护，谷歌<1>隐私政策</1>和<2>服务条款</2>适用。",
+  "recent": "最近的",
+  "recent_commits_in_github": "GitHub中最近的提交",
+  "recompile": "重新编译",
+  "recompile_from_scratch": "从头开始重新编译",
+  "recompile_pdf": "重新编译该PDF",
+  "reconfirm": "再次确认",
+  "reconfirm_explained": "我们需要再次确认你的帐户。请通过以下表格申请密码重置链接，以重新确认您的帐户。如果您在重新确认您的帐户时有任何问题，请联系我们",
+  "reconnect": "重试",
+  "reconnecting": "正在重新连接",
+  "reconnecting_in_x_secs": "__seconds__ 秒后重新连接",
+  "recurly_email_update_needed": "您当前的帐单邮件地址为 <0>__recurlyEmail__</0>。如果需要，您可以将帐单地址修改为 <1>__userEmail__</1>。",
+  "recurly_email_updated": "您的帐单邮件地址已成功更新",
+  "redirect_to_editor": "重定向到编辑器",
+  "redirect_url": "重定向 URL",
+  "redirecting": "重定向中",
+  "reduce_costs_group_licenses": "您可以通过我们的团体优惠许可证减少工作并降低成本。",
+  "reference_error_relink_hint": "如果仍出现此错误，请尝试在此重新关联您的账户：",
+  "reference_managers": "引文管理",
+  "reference_search": "高级搜索",
+  "reference_search_info_new": "轻松查找您的参考文献——按作者、标题、年份或期刊搜索。",
+  "reference_sync": "同步参考文献",
+  "refresh": "刷新",
+  "refresh_page_after_linking_dropbox": "请在将您的帐户链接到Dropbox后刷新此页。",
+  "refresh_page_after_starting_free_trial": "请在您开始免费试用之后刷新此页面",
+  "refreshing": "正在刷新",
+  "regards": "感谢",
+  "register": "注册",
+  "register_error": "注册错误",
+  "register_intercept_sso": "登录后，您可以从“帐户设置”页绑定您的 __authProviderName__ 帐户。",
+  "register_to_accept_invitation": "注册以接受邀请",
+  "register_to_edit_template": "请注册以编辑 __templateName__ 模板",
+  "register_with_another_email": "使用另一个邮件地址<a href=\"__link__\">注册 __appName__</a>",
+  "registered": "已注册",
+  "registering": "正在注册",
+  "registration_error": "注册错误",
+  "reject": "不要",
+  "reject_change": "拒绝修改",
+  "related_tags": "相关标签",
+  "relink_your_account": "重新链接您的帐户",
+  "reload_editor": "重新加载编辑器",
+  "remind_before_trial_ends": "我们会在试用期结束前提醒您",
+  "remote_service_error": "远程服务产生错误",
+  "remove": "删除",
+  "remove_access": "移除权限",
+  "remove_from_group": "从群组中移除",
+  "remove_link": "移除链接",
+  "remove_manager": "删除管理者",
+  "remove_or_replace_figure": "删除或替换图片",
+  "remove_secondary_email_addresses": "删除与您的帐户关联的所有辅助电子邮件地址。 <0>在帐户设置中将其删除。</0>",
+  "remove_sso_login_option": "删除用户的 SSO 登录选项。",
+  "remove_tag": "移除标签 __tagName__",
+  "removed": "已被移除",
+  "removed_from_project": "从项目中删除",
+  "removing": "删除",
+  "rename": "重命名",
+  "rename_project": "重命名项目",
+  "renaming": "重命名中",
+  "reopen": "重新打开",
+  "replace_figure": "替换图片",
+  "replace_from_another_project": "从另一个项目替换",
+  "replace_from_computer": "从本地计算机替换",
+  "replace_from_project_files": "从项目文件替换",
+  "replace_from_url": "从 URL 替换",
+  "reply": "回复",
+  "repository_name": "存储库名称",
+  "republish": "重新发布",
+  "request_new_password_reset_email": "请求发送重置密码电子邮件",
+  "request_overleaf_common": "请求 Overleaf Commons",
+  "request_password_reset": "请求重置密码",
+  "request_password_reset_to_reconfirm": "请求密码重置邮件以重新确认",
+  "request_reconfirmation_email": "请求再确认电子邮件",
+  "request_sent_thank_you": "请求已发送，我们的团队将审核并通过电子邮件回复。",
+  "requesting_password_reset": "请求密码重置",
+  "required": "必填",
+  "resend": "重发",
+  "resend_confirmation_code": "重新发送确认码",
+  "resend_confirmation_email": "重新发送确认电子邮件",
+  "resend_email": "重新发送电子邮件",
+  "resend_group_invite": "重新发送群组邀请",
+  "resend_link_sso": "重新发送 SSO 邀请",
+  "resend_managed_user_invite": "重新发送托管用户邀请",
+  "resending_confirmation_code": "重新发送确认码",
+  "resending_confirmation_email": "重新发送确认电子邮件",
+  "reset_password": "重置密码",
+  "reset_password_link": "单击此链接重置您的密码",
+  "reset_your_password": "重置您的密码",
+  "resize": "调整大小",
+  "resolve": "解决",
+  "resolve_comment": "解决评论",
+  "resolved_comments": "已折叠的评论",
+  "restore": "恢复",
+  "restore_file": "恢复文件",
+  "restore_file_confirmation_message": "您当前的文件将恢复到 __date__ __time__ 的版本。",
+  "restore_file_confirmation_title": "恢复此版本？",
+  "restore_file_error_message": "恢复文件版本时出现问题。请稍后重试。如果问题仍然存在，请联系我们。",
+  "restore_file_error_title": "恢复文件错误",
+  "restore_file_version": "恢复此版本",
+  "restore_project_to_this_version": "将项目恢复至此版本",
+  "restore_this_version": "恢复此版本",
+  "restoring": "正在恢复",
+  "restricted": "受限的",
+  "restricted_no_permission": "访问受限，抱歉您没有权限访问此页面",
+  "resync_completed": "重新同步完成！",
+  "resync_message": "重新同步项目历史记录可能需要几分钟时间，具体取决于项目的大小。",
+  "resync_project_history": "重新同步项目历史记录",
+  "retry_test": "重试测试",
+  "return_to_login_page": "回到登录页",
+  "reverse_x_sort_order": "反向__x__排序顺序",
+  "revert_pending_plan_change": "撤销计划的套餐更改",
+  "review": "审阅",
+  "review_your_peers_work": "同行评议",
+  "revoke": "撤回",
+  "revoke_invite": "撤销邀请",
+  "right": "右对齐",
+  "ro": "罗马尼亚语",
+  "role": "角色",
+  "ru": "俄罗斯语",
+  "saml": "SAML",
+  "saml_auth_error": "很抱歉，您的身份提供程序响应时出错。有关详细信息，请与管理员联系。",
+  "saml_authentication_required_error": "其他登录方法已被您的群组管理员禁用。 请使用您的群组 SSO 登录。",
+  "saml_create_admin_instructions": "输入邮箱，创建您的第一个__appName__管理员账户。这个账户对应您在SAML系统中的账户，请使用此账户登陆系统。",
+  "saml_email_not_recognized_error": "此电子邮件地址未设置为SSO。请检查并重试，或者与管理员联系。",
+  "saml_identity_exists_error": "很抱歉，您的身份提供商返回的身份已链接到另一个Overleaf帐户。有关详细信息，请与您的管理员联系。",
+  "saml_invalid_signature_error": "很抱歉，从您的身份提供商处收到的信息签名无效。有关详细信息，请与您的管理员联系。",
+  "saml_login_disabled_error": "很抱歉，__email__的单点登录已被禁用。有关详细信息，请与管理员联系。",
+  "saml_login_failure": "抱歉，您登录时出现问题。请联系您的管理员以获取更多信息。",
+  "saml_login_identity_mismatch_error": "抱歉，您正在尝试以 __email__ 身份登录 Overleaf，但您的身份提供商返回的身份不是此 Overleaf 帐户的正确身份。",
+  "saml_login_identity_not_found_error": "抱歉，我们无法找到为此身份提供商设置单点登录的 Overleaf 帐户。",
+  "saml_metadata": "Overleaf SAML 元数据",
+  "saml_missing_signature_error": "抱歉，从您的身份提供商收到的信息未签名（响应和断言签名都是必需的）。 请联系您的管理员以获取更多信息。",
+  "saml_response": "SAML 响应：",
+  "save": "保存",
+  "save_20_percent": "节省 20%",
+  "save_or_cancel-cancel": "取消",
+  "save_or_cancel-or": "或者",
+  "save_or_cancel-save": "保存",
+  "saving": "正在保存",
+  "saving_notification_with_seconds": "保存 __docname__... (剩余 __seconds__ 秒)",
+  "search": "搜索",
+  "search_all_project_files": "搜索所有的项目文件",
+  "search_bib_files": "按作者、标题、年份搜索",
+  "search_by_citekey_author_year_title": "通过引文的关键词、作者、标题、年份搜索",
+  "search_command_find": "查找",
+  "search_command_replace": "替换",
+  "search_in_all_projects": "在所有项目中搜索",
+  "search_in_archived_projects": "在归档项目中搜索",
+  "search_in_shared_projects": "搜索与您共享的项目",
+  "search_in_trashed_projects": "在已删除项目中搜索",
+  "search_in_your_projects": "在您的项目中搜索",
+  "search_match_case": "区分大小写",
+  "search_next": "下一个",
+  "search_previous": "上一个",
+  "search_projects": "搜索项目",
+  "search_references": "搜索此项目中的.bib文件",
+  "search_regexp": "正则表达式",
+  "search_replace": "替换",
+  "search_replace_all": "全部替换",
+  "search_replace_with": "以...替换",
+  "search_search_for": "搜索",
+  "search_whole_word": "完整词组",
+  "search_within_selection": "在选择范围内",
+  "searched_path_for_lines_containing": "在 __path__ 中搜索包含“__query__”的行",
+  "secondary_email_password_reset": "该电子邮件已注册为辅助电子邮件。请输入您帐户的主要电子邮件。",
+  "security": "安全性",
+  "see_changes_in_your_documents_live": "实时查看文档修改情况",
+  "select_a_column_or_a_merged_cell_to_align": "选择要对齐的列或合并的单元格",
+  "select_a_column_to_adjust_column_width": "选择一列来调整列宽",
+  "select_a_file": "选择一个文件",
+  "select_a_file_figure_modal": "选择一个文件",
+  "select_a_group_optional": "选择一个团队（可选的）",
+  "select_a_language": "选择语言",
+  "select_a_new_owner_for_projects": "为此用户的项目选择新所有者",
+  "select_a_payment_method": "选择付款方式",
+  "select_a_project": "选择一个项目",
+  "select_a_project_figure_modal": "选择一个项目",
+  "select_a_row_or_a_column_to_delete": "选择要删除的行或列",
+  "select_access_level": "选择访问级别",
+  "select_access_levels": "选择访问级别",
+  "select_all": "选择全部",
+  "select_all_projects": "全选",
+  "select_an_output_file": "选择输出文件",
+  "select_an_output_file_figure_modal": "选择一个输出文件",
+  "select_cells_in_a_single_row_to_merge": "在一行中选择单元格合并",
+  "select_color": "选择颜色 __name__",
+  "select_folder_from_project": "从项目中选择文件夹",
+  "select_from_output_files": "从输出文件中选择",
+  "select_from_project_files": "从项目文件中选择",
+  "select_from_source_files": "从源文件中选择",
+  "select_from_your_computer": "从您的电脑文件中选择",
+  "select_github_repository": "选取要导入 __appName__ 的GitHub存储库",
+  "select_image_from_project_files": "从项目文件中选择图片",
+  "select_project": "选择 __project__",
+  "select_projects": "选择项目",
+  "select_tag": "选择标签__tagName__",
+  "select_user": "选择用户",
+  "selected": "选择的",
+  "selected_by_overleaf_staff": "由 Overleaf 工作人员精选",
+  "selection_deleted": "所选内容已删除",
+  "send": "发送",
+  "send_first_message": "向你的合作者发送第一条信息",
+  "send_message": "发送消息",
+  "send_test_email": "发送测试邮件",
+  "sending": "发送中",
+  "sent": "发送",
+  "september": "九月",
+  "server_error": "服务器错误",
+  "server_pro_license_entitlement_line_1": "<0>__appName__</0> Server Pro 许可证",
+  "server_pro_license_entitlement_line_2": "您当前有 <0>__count__ 活跃用户</0>。 如果您需要增加许可证授权，请<1>联系 Overleaf</1>。",
+  "server_pro_license_entitlement_line_3": "活跃用户是指在过去 12 个月内在此 Server Pro 实例中打开过项目的用户。",
+  "services": "服务",
+  "session_created_at": "会话创建于",
+  "session_error": "会话错误。请检查是否已启用Cookie。如果问题仍然存在，请尝试清除缓存和cookies。",
+  "session_expired_redirecting_to_login": "会话过期。将在__seconds__秒后重定向至登录页面",
+  "sessions": "会话",
+  "set_color": "设置颜色",
+  "set_column_width": "设置列宽",
+  "set_new_password": "设置新密码",
+  "set_password": "设置密码",
+  "set_up_single_sign_on": "设置单点登录 (SSO)",
+  "set_up_sso": "设置 SSO",
+  "settings": "设置",
+  "setup_another_account_under_a_personal_email_address": "在个人电子邮件地址下设置另一个 Overleaf 帐户。",
+  "share": "共享",
+  "share_project": "共享该项目",
+  "shared_with_you": "与您共享的",
+  "sharelatex_beta_program": "__appName__ Beta版项目",
+  "shortcut_to_open_advanced_reference_search": "(<strong>__ctrlSpace__</strong> 或 <strong>__altSpace__</strong>)",
+  "show_all_projects": "显示全部项目",
+  "show_document_preamble": "显示文档导言部分",
+  "show_hotkeys": "显示快捷键",
+  "show_in_code": "在代码中显示",
+  "show_in_pdf": "在 PDF 中显示",
+  "show_less": "折叠",
+  "show_local_file_contents": "显示本地文件内容",
+  "show_more": "显示更多",
+  "show_outline": "显示文件大纲",
+  "show_x_more_projects": "再显示 __x__ 个项目",
+  "showing_1_result": "显示 1 个结果",
+  "showing_1_result_of_total": "显示 1 个结果（共计 __total__ ）",
+  "showing_x_out_of_n_projects": "显示 __x__ 个项目(共 __n__ 个)",
+  "showing_x_results": "显示 __x__ 结果",
+  "showing_x_results_of_total": "显示  __x__ 个结果（共计__total__ ）",
+  "sign_up": "注册",
+  "sign_up_for_free": "免费注册",
+  "single_sign_on_sso": "单点登录 (SSO)",
+  "site_description": "一个简洁的在线 LaTeX 编辑器。无需安装，实时共享，版本控制，数百免费模板……",
+  "site_wide_option_available": "提供站点范围的选项",
+  "six_collaborators_per_project": "每个项目6个合作者",
+  "six_per_project": "每个项目6个",
+  "skip": "跳过",
+  "skip_to_content": "跳到内容",
+  "something_not_right": "出了些问题",
+  "something_went_wrong": "出了些问题",
+  "something_went_wrong_canceling_your_subscription": "取消订阅时出错。请联系支持人员。",
+  "something_went_wrong_loading_pdf_viewer": "加载 PDF 查看器时出错。 这可能是由<0>临时网络问题</0>或<0>过时的网络浏览器</0>等问题引起的。 请按照<1>访问、加载和显示问题的故障排除步骤</1>进行操作。 如果问题仍然存在，请<2>告知我们</2>。",
+  "something_went_wrong_processing_the_request": "处理请求时出错",
+  "something_went_wrong_rendering_pdf": "渲染此PDF时出错了。",
+  "something_went_wrong_rendering_pdf_expected": "显示此 PDF 时出现问题。 <0>请重新编译</0>",
+  "something_went_wrong_server": "与服务器交谈时出错 :(。请再试一次。",
+  "somthing_went_wrong_compiling": "抱歉，出错了，您的项目无法编译。请在几分钟后再试。",
+  "sorry_detected_sales_restricted_region": "抱歉，我们检测到您所在的地区目前无法接受付款。 如果您认为您错误地收到了此消息，请<a href=\"__link__\">联系我们</a>并提供您所在位置的详细信息，我们将为您调查此问题。 我们对不便表示抱歉。",
+  "sorry_it_looks_like_that_didnt_work_this_time": "抱歉！这次似乎没有成功。请重试。",
+  "sorry_something_went_wrong_opening_the_document_please_try_again": "很抱歉，尝试在Overleaf打开此内容时发生意外错误。请再试一次。",
+  "sorry_there_are_no_experiments": "抱歉，Overleaf Labs 目前没有正在进行任何实验。",
+  "sorry_this_account_has_been_suspended": "抱歉，该账户已被暂停。",
+  "sorry_your_table_cant_be_displayed_at_the_moment": "抱歉，您的表格暂时无法显示。",
+  "sorry_your_token_expired": "抱歉，您的令牌已过期",
+  "sort_by": "排序方式",
+  "sort_by_x": "按 __x__ 排序",
+  "sort_projects": "排序项目",
+  "source": "源代码",
+  "spell_check": "拼写检查",
+  "sso": "单点登录(SSO)",
+  "sso_account_already_linked": "帐户已链接到另一个__appName__用户",
+  "sso_active": "SSO 激活",
+  "sso_already_setup_good_to_go": "您的帐户已设置单点登录，因此您可以开始使用了。",
+  "sso_config_deleted": "SSO 配置已删除",
+  "sso_config_prop_help_certificate": "Base64编码的、无空格的证书",
+  "sso_config_prop_help_first_name": "指定用户名字的 SAML 属性",
+  "sso_config_prop_help_last_name": "指定用户姓氏的 SAML 属性",
+  "sso_config_prop_help_redirect_url": "IdP 提供的单点登录重定向 URL（有时称为单点登录服务 HTTP 重定向位置）",
+  "sso_config_prop_help_user_id": "IdP 提供的用于标识每个用户的 SAML 属性",
+  "sso_configuration": "SSO 配置",
+  "sso_configuration_not_finalized": "您的配置尚未最终确定。",
+  "sso_configuration_saved": "SSO 配置已保存",
+  "sso_disabled_by_group_admin": "您的组管理员已禁用 SSO。 您仍然可以像平常一样登录并使用 Overleaf。",
+  "sso_error_audience_mismatch": "您的 IdP 中配置的服务提供商实体 ID 与我们的元数据中提供的不匹配。 请联系您的 IT 部门以获取更多信息。",
+  "sso_error_idp_error": "您的身份提供商响应错误。",
+  "sso_error_invalid_external_user_id": "IdP 提供的唯一标识您用户的 SAML 属性格式无效，应为字符串。 属性：<0> __expecting__ </0>",
+  "sso_error_invalid_signature": "抱歉，从您的身份提供商处收到的信息签名无效。",
+  "sso_error_missing_external_user_id": "您的 IdP 提供的唯一标识您用户的 SAML 属性要么丢失，要么使用与您配置的名称不同的名称。 应为：<0>__expecting__</0>",
+  "sso_error_missing_firstname_attribute": "指定用户名的 SAML 属性丢失或使用与您配置的名称不同的名称。 应为：<0>__expecting__</0>",
+  "sso_error_missing_lastname_attribute": "指定用户姓氏的 SAML 属性丢失或使用与您配置的名称不同的名称。 应为：<0>__expecting__</0>",
+  "sso_error_missing_signature": "抱歉，从您的身份提供商收到的信息未签名（响应和断言签名都是必需的）。",
+  "sso_error_response_already_processed": "SAML 响应的 InResponseTo 无效。 如果它与 SAML 请求不匹配，或者登录处理时间过长且请求已过期，则可能会发生这种情况。",
+  "sso_explanation": "为您的组设置单点登录。 除非启用了托管用户，否则此登录方法对于群组成员来说是可选的。 <0>详细了解 Overleaf 组 SSO</0>。",
+  "sso_here_is_the_data_we_received": "以下是我们在 SAML 响应中收到的数据：",
+  "sso_integration": "SSO 集成",
+  "sso_is_disabled": "SSO 已经关闭",
+  "sso_is_disabled_explanation_1": "群组成员将无法通过SSO登录",
+  "sso_is_disabled_explanation_2": "该组的所有成员都需要用户名和密码才能登录__appName__",
+  "sso_is_enabled": "SSO 已经开启",
+  "sso_is_enabled_explanation_1": "群组成员将 <0>只能</0> 通过 SSO 登录",
+  "sso_is_enabled_explanation_1_sso_only": "群组成员可以选择通过 SSO 登录。",
+  "sso_is_enabled_explanation_2": "如果配置有任何问题，只有您（作为组管理员）才能禁用SSO。",
+  "sso_link_account_with_idp": "您的组使用 SSO。 这意味着我们需要通过组身份提供商验证您的帐户。 点击<0>设置 SSO</0> 立即进行身份验证。",
+  "sso_link_error": "链接SSO帐户时出错",
+  "sso_link_invite_has_been_sent_to_email": "一封 SSO 邀请提示已经被发送到 <0>__email__</0>",
+  "sso_login": "SSO 登录",
+  "sso_logs": "单点登录日志",
+  "sso_not_active": "单点登录未开启",
+  "sso_not_linked": "您尚未将帐户绑定到 __provider__。请以另一种方式登录到您的帐户，并通过您的帐户设置绑定您的 __provider__  帐户。",
+  "sso_reauth_request": "SSO 二次身份验证请求已发送至 <0>__email__</0>",
+  "sso_test_interstitial_info_1": "<0>开始此测试</0>之前，请确保您已<1>将 Overleaf 配置为 IdP 中的服务提供商</1>，并授权访问 Overleaf 服务。",
+  "sso_test_interstitial_info_2": "点击<0>测试配置</0>会将您重定向到 IdP 的登录屏幕。 <1>阅读我们的文档</1>，了解测试期间发生的情况的完整详细信息。 如果您遇到困难，请查看我们的<2>SSO 故障排除建议</2>。",
+  "sso_test_interstitial_title": "让我们测试一下您的 SSO 配置",
+  "sso_test_result_error_message": "这次测试没有成功，但不用担心 - 通常可以通过调整配置设置来快速解决错误。 我们的<0>SSO 故障排除指南</0>提供有关测试错误的一些常见原因的帮助。",
+  "sso_title": "单点登录",
+  "sso_user_denied_access": "无法登录，因为未授予 __appName__ 访问您的 __provider__ 帐户的权限。 请再试一次。",
+  "sso_user_explanation_enabled_with_admin_email": "您的群组由 <0>__adminEmail__</0> 管理，已启用 SSO，因此您无需记住密码即可登录。",
+  "sso_user_explanation_enabled_with_group_name": "您的群组 <0>__groupName__</0> 已启用 SSO，因此您无需记住密码即可登录。",
+  "sso_user_explanation_ready_with_admin_email": "您的群组由 <0>__adminEmail__</0> 管理，已启用 SSO，因此您无需记住密码即可登录。 单击<1>__buttonText__</1>开始。",
+  "sso_user_explanation_ready_with_group_name": "您的群组 <0>__groupName__</0> 已启用 SSO，因此您无需记住密码即可登录。 单击<1>__buttonText__</1>开始。",
+  "standard": "标准版",
+  "start_a_free_trial": "开始免费试用",
+  "start_by_adding_your_email": "从添加电子邮件地址开始。",
+  "start_by_fixing_the_first_error_in_your_doc": "首先修复文档中的第一个错误，以避免以后出现问题。",
+  "start_free_trial": "开始免费试用",
+  "start_free_trial_without_exclamation": "开始免费试用",
+  "start_typing_find_your_company": " 开始键入以查找您的公司",
+  "start_typing_find_your_organization": "开始键入以查找您的组织",
+  "start_typing_find_your_university": "开始键入以查找您的大学",
+  "state": "州",
+  "status_checks": "状态检查",
+  "still_have_questions": "还有问题？",
+  "stop_compile": "停止编译",
+  "stop_on_first_error": "出现第一处错误时停止",
+  "stop_on_first_error_enabled_description": "<0>“出现第一个错误时停止编译”已启用。</0>禁用它可能允许编译器生成 PDF（但您的项目仍会出现错误）。",
+  "stop_on_first_error_enabled_title": "无 PDF：出现第一个错误时停止编译已启用",
+  "stop_on_validation_error": "编译前检查语法",
+  "store_your_work": "将工作存储在自己的硬件上",
+  "stretch_width_to_text": "拉伸宽度适应文本",
+  "student": "学生",
+  "student_disclaimer": "教育折扣适用于中学和高等教育机构（学校和大学）的所有学生。 我们可能会与您联系以确认您是否有资格享受折扣。",
+  "students": "学生",
+  "subject": "主题",
+  "subject_area": "主题区",
+  "subject_to_additional_vat": "价格可能会受到额外的增值税，取决于您的国家。",
+  "submit": "提交",
+  "submit_title": "提交",
+  "subscribe": "提交",
+  "subscribe_to_find_the_symbols_you_need_faster": "订阅以更快地找到您需要的符号",
+  "subscription": "订购",
+  "subscription_admins_cannot_be_deleted": "订阅时不能删除您的帐户。请取消订阅并重试。如果您一直看到此消息，请与我们联系。",
+  "subscription_canceled": "订阅已取消",
+  "subscription_canceled_and_terminate_on_x": " 您的订阅已被取消，将于 <0>__terminateDate__</0> 停止。不必支付其他费用。",
+  "subscription_will_remain_active_until_end_of_billing_period_x": "您的订阅将保持有效，直到您的结算周期结束，<0>__terminationDate__</0>。",
+  "subscription_will_remain_active_until_end_of_trial_period_x": "您的订阅将保持有效，直到试用期结束，<0>__terminationDate__</0>。",
+  "success_sso_set_up": "成功！ 单点登录已为您设置完毕。",
+  "suggest_a_different_fix": "建议其他修复方法",
+  "suggest_fix": "建议修复",
+  "suggested": "建议",
+  "suggested_fix_for_error_in_path": "针对 __path__ 中的错误建议修复",
+  "suggestion": "建议",
+  "suggestion_applied": "应用建议的修改",
+  "support": "支持",
+  "sure_you_want_to_cancel_plan_change": "是否确实要撤销计划的套餐更改？您将继续订阅<0>__planName__</0>。",
+  "sure_you_want_to_change_plan": "您确定想要改变套餐为 <0>__planName__</0>？",
+  "sure_you_want_to_delete": "您确定要永久删除以下文件吗？",
+  "sure_you_want_to_leave_group": "您确定要退出该群吗？",
+  "sv": "瑞典语",
+  "switch_to_editor": "切换到编辑器",
+  "switch_to_pdf": "切换到 PDF",
+  "symbol_palette": "数学符号面板",
+  "symbol_palette_highlighted": "<0>符号</0> 面板",
+  "symbol_palette_info_new": "单击按钮即可将数学符号插入到您的文档中。",
+  "sync": "同步",
+  "sync_dropbox_github": "与dropbox或Github同步",
+  "sync_project_to_github_explanation": "您在 __appName__ 中的所有更改将被提交并与 GitHub 中的所有更新合并。",
+  "sync_to_dropbox": "同步到 Dropbox",
+  "sync_to_github": "同步到 GitHub",
+  "synctex_failed": "找不到相应的源文件",
+  "syntax_validation": "代码检查",
+  "tab_connecting": "与编辑器连接中",
+  "tab_no_longer_connected": "该选项卡与编辑器已断开连接",
+  "tag_color": "标签颜色",
+  "tag_name_cannot_exceed_characters": "标签名称不能超过 __maxLength__ 个字符",
+  "tag_name_is_already_used": "标签“__tagName__”已存在",
+  "tags": "标签",
+  "take_me_home": "我要返回！",
+  "take_short_survey": "做一个简短的调查",
+  "take_survey": "参加调查",
+  "tc_everyone": "所有人",
+  "tc_guests": "受邀用户",
+  "tell_the_project_owner_and_ask_them_to_upgrade": "如果您需要更多编译时间，<0>告诉项目所有者</0>并要求他们升级其 Overleaf 计划。",
+  "template": "模版",
+  "template_approved_by_publisher": "该模板已获得发布者批准",
+  "template_description": "模板描述",
+  "template_gallery": "模板库",
+  "template_not_found_description": "这种从模板创建项目的方法已被删除。请访问我们的模板库以查找更多模板。",
+  "template_title_taken_from_project_title": "模板标题将自动从项目标题中获取",
+  "template_top_pick_by_overleaf": "该模板是由 Overleaf 工作人员精心挑选的高质量模版",
+  "templates": "模板",
+  "templates_admin_source_project": "管理员：源项目",
+  "templates_page_title": "模板 - 期刊、简历、演示文稿、报告等",
+  "ten_collaborators_per_project": "每个项目 10 位协作者",
+  "ten_per_project": "每个项目 10 个",
+  "terminated": "编译取消",
+  "terms": "条款",
+  "test": "测试",
+  "test_configuration": "测试配置",
+  "test_configuration_successful": "测试配置成功",
+  "tex_live_version": "TeX Live 版本",
+  "thank_you": "谢谢您！",
+  "thank_you_email_confirmed": "谢谢您，您的电子邮件现已确认",
+  "thank_you_exclamation": "谢谢您！",
+  "thank_you_for_being_part_of_our_beta_program": "感谢您参与我们的测试版计划，您可以<0>尽早使用新功能</0>并帮助我们更好地了解您的需求",
+  "thank_you_for_your_feedback": "感谢您的反馈意见！",
+  "thanks": "谢谢",
+  "thanks_for_confirming_your_email_address": "感谢您确认邮件地址",
+  "thanks_for_getting_in_touch": "感谢您联系我们。我们的团队将尽快通过电子邮件回复您。",
+  "thanks_for_subscribing": "感谢订购！",
+  "thanks_for_subscribing_you_help_sl": "感谢您订阅 __planName__ 计划。 正是像您这样的人的支持才使得 __appName__ 能够继续成长和改进。",
+  "thanks_settings_updated": "谢谢，您的设置已更新",
+  "the_file_supplied_is_of_an_unsupported_type ": "在Overleaf打开此内容的链接指向错误的文件类型。有效的文件类型是.tex文档和.zip文件。如果某个网站的链接经常出现这种情况，请向他们报告。",
+  "the_following_files_already_exist_in_this_project": "该项目中已存在以下文件：",
+  "the_following_files_and_folders_already_exist_in_this_project": "此项目中已存在以下文件和文件夹：",
+  "the_following_folder_already_exists_in_this_project": "该项目中已存在以下文件夹：",
+  "the_following_folder_already_exists_in_this_project_plural": "该项目中已存在以下文件夹：",
+  "the_original_text_has_changed": "原文本已发生改变，因此此建议无法应用",
+  "the_project_that_contains_this_file_is_not_shared_with_you": "包含此文件的项目未与您共享",
+  "the_requested_conversion_job_was_not_found": "在Overleaf打开此内容的链接指定了找不到的转换作业。作业可能已过期，需要重新运行。如果某个网站的链接经常出现这种情况，请向他们报告。",
+  "the_requested_publisher_was_not_found": "在Overleaf打开此内容的链接指定了找不到的发布者。如果某个网站的链接经常出现这种情况，请向他们报告。",
+  "the_required_parameters_were_not_supplied": "在Overleaf打开此内容的链接缺少一些必需的参数。如果某个网站的链接经常出现这种情况，请向他们报告。",
+  "the_supplied_parameters_were_invalid": "在Overleaf打开此内容的链接包含一些无效参数。如果某个网站的链接经常出现这种情况，请向他们报告。",
+  "the_supplied_uri_is_invalid": "在Overleaf打开此内容的链接包含无效的URI。如果某个网站的链接经常出现这种情况，请向他们报告。",
+  "the_target_folder_could_not_be_found": "找不到目标文件夹。",
+  "the_width_you_choose_here_is_based_on_the_width_of_the_text_in_your_document": "您在此处选择的宽度基于文档中文本的宽度。 或者，您可以直接在 LaTeX 代码中自定义图像大小。",
+  "their_projects_will_be_transferred_to_another_user": "他们的项目将全部转移给您选择的另一个用户",
+  "theme": "主题",
+  "then_x_price_per_month": "接着每月__price__",
+  "then_x_price_per_year": "接着每年__price__",
+  "there_are_lots_of_options_to_edit_and_customize_your_figures": "有很多选项可用于编辑和自定义图形，例如在图形周围环绕文本、旋转图像或在单个图形中包含多个图像。 您需要编辑 LaTeX 代码才能执行此操作。 <0>了解具体方法</0>",
+  "there_was_a_problem_restoring_the_project_please_try_again_in_a_few_moments_or_contact_us": "恢复项目时出现问题。请稍后重试。如果问题仍然存在，请联系我们。",
+  "there_was_an_error_opening_your_content": "创建项目时出错",
+  "thesis": "论文",
+  "they_lose_access_to_account": "他们将立即失去对此 Overleaf 帐户的所有访问权限",
+  "this_action_cannot_be_reversed": "此操作无法撤消。",
+  "this_action_cannot_be_undone": "此操作无法撤消。",
+  "this_address_will_be_shown_on_the_invoice": "该地址将显示在发票上",
+  "this_could_be_because_we_cant_support_some_elements_of_the_table": "这可能是因为我们尚无法在表格预览中支持表格的某些元素。 或者表格的 LaTeX 代码可能有错误。",
+  "this_experiment_isnt_accepting_new_participants": "此实验不接受新参与者。",
+  "this_field_is_required": "此字段必填",
+  "this_grants_access_to_features_2": "这将授予您访问 <0>__appName__</0> <0>__featureType__</0> 功能的权限。",
+  "this_is_your_template": "这是从你的项目提取的模版",
+  "this_project_already_has_maximum_editors": "此项目的编辑者人数已达到所有者方案允许的最大数量。这意味着您可以查看但无法编辑该项目。",
+  "this_project_exceeded_compile_timeout_limit_on_free_plan": "该项目超出了我们免费计划的编译超时限制。",
+  "this_project_exceeded_editor_limit": "此项目超出了您的方案的编辑者限制。所有协作者现在都只有查看权限。",
+  "this_project_has_more_than_max_collabs": "此项目的协作者数量超出了项目所有者的 Overleaf 计划允许的最大数量。这意味着您可能会失去 __linkSharingDate__ 的编辑权限。",
+  "this_project_is_public": "此项目是公共的，可以被任何人通过URL编辑",
+  "this_project_is_public_read_only": "该项目是公开的，任何人都可以通过该URL查看，但是不能编辑。",
+  "this_project_will_appear_in_your_dropbox_folder_at": "此项目将显示在您的Dropbox的目录 ",
+  "this_tool_helps_you_insert_figures": "该工具可帮助您将图片插入项目中，而无需编写 LaTeX 代码。 以下信息详细介绍了该工具中的选项以及如何进一步自定义您的图片。",
+  "this_tool_helps_you_insert_simple_tables_into_your_project_without_writing_latex_code_give_feedback": "该工具可帮助您将简单的表格插入项目中，而无需编写 LaTeX 代码。 该工具是新工具，因此请<0>向我们提供反馈</0>并留意即将推出的其他功能。",
+  "this_was_helpful": "很有帮助",
+  "this_wasnt_helpful": "没有帮助",
+  "three_free_collab": "3个免费的合作者",
+  "timedout": "超时",
+  "tip": "提示",
+  "title": "标题",
+  "to_add_email_accounts_need_to_be_linked_2": "要添加此电子邮件，您的 <0>__appName__</0> 和 <0>__institutionName__</0> 帐户需要关联。",
+  "to_add_more_collaborators": "若要添加更多合作者或打开链接共享，请询问项目所有者",
+  "to_change_access_permissions": "若要更改访问权限，请询问项目所有者",
+  "to_confirm_email_address_you_must_be_logged_in_with_the_requesting_account": "要确认电子邮件地址，您必须使用<b>请求新的辅助电子邮件的 Overleaf 帐户</b>来<b>登录</b>。",
+  "to_confirm_transfer_enter_email_address": "要接受邀请，请输入与您的帐户关联的电子邮件地址。",
+  "to_confirm_unlink_all_users_enter_email": "要确认您要取消所有用户的链接，请输入您的电子邮件地址：",
+  "to_fix_this_you_can": "要解决此问题，您可以：",
+  "to_fix_this_you_can_ask_the_github_repository_owner": "要解决此问题，您可以要求 GitHub 存储库所有者 (<0>__repoOwnerEmail__</0>) 续订其 __appName__ 订阅并重新连接项目。",
+  "to_insert_or_move_a_caption_make_sure_tabular_is_directly_within_table": "要插入或移动标题，请确保 \\begin{tabular} 直接位于table环境中",
+  "to_keep_edit_access": "要保留编辑权限，请要求项目所有者升级其计划或减少具有编辑权限的人数。",
+  "to_many_login_requests_2_mins": "您的账户尝试登录次数过多。请等待2分钟后再试",
+  "to_modify_your_subscription_go_to": "如需修改您的订阅，请到",
+  "to_use_text_wrapping_in_your_table_make_sure_you_include_the_array_package": "<0>请注意：</0> 要在表格中使用文本换行，请确保在文档序言中包含 <1>array</1> 包：",
+  "toggle_compile_options_menu": "切换编译选项菜单",
+  "token": "令牌",
+  "token_access_failure": "无法授予访问权限；联系项目负责人寻求帮助",
+  "token_limit_reached": "您已达到 10 个令牌的限制。 要生成新的身份验证令牌，请删除现有的身份验证令牌。",
+  "token_read_only": "只读令牌",
+  "token_read_write": "可读写令牌",
+  "too_many_attempts": "尝试太多。请稍等片刻，然后再试一次。",
+  "too_many_comments_or_tracked_changes": "太多评论或跟踪更改",
+  "too_many_comments_or_tracked_changes_detail": "抱歉，此文件有太多评论或跟踪更改。 请尝试接受或拒绝某些现有更改，或解决并删除某些评论。",
+  "too_many_confirm_code_resend_attempts": "尝试次数过多。请等 1 分钟，然后重试。",
+  "too_many_confirm_code_verification_attempts": "验证尝试次数过多。 请等待 1 分钟，然后重试。",
+  "too_many_files_uploaded_throttled_short_period": "上传的文件数量过多，您的上传将被暂停一会儿。请等待15分钟，然后重试。",
+  "too_many_requests": "短时间内收到的请求太多。请稍等片刻，然后重试。",
+  "too_many_search_results": "有超过 100 个结果。 请细化您的搜索。",
+  "too_recently_compiled": "此项目是最近编译的，所以已跳过此编译。",
+  "took_a_while": "这会花一段时间...",
+  "toolbar_bullet_list": "无序列表",
+  "toolbar_choose_section_heading_level": "选择章节标题级别",
+  "toolbar_decrease_indent": "减少缩进",
+  "toolbar_format_bold": "粗体格式",
+  "toolbar_format_italic": "斜体格式",
+  "toolbar_increase_indent": "增加缩进",
+  "toolbar_insert_citation": "插入引文",
+  "toolbar_insert_cross_reference": "插入交叉引用",
+  "toolbar_insert_display_math": "插入行间数学公式",
+  "toolbar_insert_figure": "插入图片",
+  "toolbar_insert_inline_math": "插入行内数学公式",
+  "toolbar_insert_link": "插入链接",
+  "toolbar_insert_math": "插入数学公式",
+  "toolbar_insert_table": "插入表格",
+  "toolbar_numbered_list": "有序列表",
+  "toolbar_redo": "重做",
+  "toolbar_selected_projects": "选择的项目",
+  "toolbar_selected_projects_management_actions": "选定的项目管理方法",
+  "toolbar_selected_projects_remove": "删除选定的项目",
+  "toolbar_selected_projects_restore": "恢复选定的项目",
+  "toolbar_table_insert_size_table": "插入 __size__  表格",
+  "toolbar_table_insert_table_lowercase": "插入表格",
+  "toolbar_toggle_symbol_palette": "数学符号面板开关",
+  "toolbar_undo": "撤销",
+  "tooltip_hide_filetree": "单击以隐藏文件树",
+  "tooltip_hide_pdf": "单击隐藏PDF",
+  "tooltip_show_filetree": "单击以显示文件树",
+  "tooltip_show_pdf": "单击显示PDF",
+  "top_pick": "首选",
+  "total": "总计",
+  "total_per_month": "每月总计",
+  "total_per_year": "每年合计",
+  "total_per_year_lowercase": "每年合计",
+  "total_with_subtotal_and_tax": "总计：每年 <0> __total__ </0>（__subtotal__ + __tax__税）",
+  "total_words": "总字数",
+  "tr": "土耳其语",
+  "track_any_change_in_real_time": "实时记录文档的任何修改情况",
+  "track_changes": "修订",
+  "track_changes_for_everyone": "跟踪每个人的更改",
+  "track_changes_for_x": "跟踪 __name__ 的更改",
+  "track_changes_is_off": "修改追踪功能 <strong>关闭</strong>",
+  "track_changes_is_on": "修改追踪功能 <strong>开启</strong>",
+  "tracked_change_added": "已添加",
+  "tracked_change_deleted": "已删除",
+  "transfer_management_of_your_account": "Overleaf 账户的转移管理",
+  "transfer_management_of_your_account_to_x": "将您 Overleaf 帐户的管理权转移至 __groupName__",
+  "transfer_management_resolve_following_issues": "如需转移账户管理权，您需要解决以下问题：",
+  "transfer_this_users_projects": "转移该用户的项目",
+  "transfer_this_users_projects_description": "该用户的项目将转移给新所有者。",
+  "transferring": "正在转移中",
+  "trash": "回收站",
+  "trash_projects": "已删除项目",
+  "trashed": "被删除",
+  "trashed_projects": "已删除项目",
+  "trashing_projects_wont_affect_collaborators": "删除项目不会影响你的合作者。",
+  "trial_last_day": "这是您的 <b>Overleaf Premium</b> 试用期的最后一天",
+  "trial_remaining_days": "<b>Overleaf Premium</b> 试用期还有 __days__ 天",
+  "tried_to_log_in_with_email": "您已尝试使用 <b>__email__</b> 登录。",
+  "tried_to_register_with_email": "您已尝试使用 <b>__email__</b> 进行注册，该帐户已在 <b>__appName__</b> 中注册为机构帐户。",
+  "troubleshooting_tip": "故障修复提示",
+  "try_again": "请再试一次",
+  "try_for_free": "免费试用",
+  "try_it_for_free": "免费体验",
+  "try_now": "立刻尝试",
+  "try_premium_for_free": "免费试用 Premium",
+  "try_recompile_project_or_troubleshoot": "请尝试从头开始重新编译项目，如果仍然无效，请按照我们的<0>问题排查指南</0>进行操作。",
+  "try_relinking_provider": "您似乎需要重新链接您的 __provider__ 帐户。",
+  "try_to_compile_despite_errors": "忽略错误编译",
+  "turn_off": "关闭",
+  "turn_off_link_sharing": "关闭通过链接分享功能。",
+  "turn_on": "打开",
+  "turn_on_link_sharing": "开启通过链接分享功能。",
+  "tutorials": "教程",
+  "uk": "乌克兰语",
+  "unable_to_extract_the_supplied_zip_file": "在Overleaf打开此内容失败，因为无法提取zip文件。请确保它是有效的zip文件。如果某个网站的链接经常出现这种情况，请向他们报告。",
+  "unarchive": "恢复",
+  "uncategorized": "未分类",
+  "uncategorized_projects": "未分类的项目",
+  "unconfirmed": "未确认的",
+  "undelete": "恢复删除",
+  "undeleting": "取消删除",
+  "understanding_labels": "了解标签",
+  "unfold_line": "展开线",
+  "unique_identifier_attribute": "唯一标识符属性",
+  "university": "大学",
+  "university_school": "大学或学校名称",
+  "unknown": "未知",
+  "unlimited": "无限制",
+  "unlimited_collaborators_per_project": "每个项目的合作者数量不受限制",
+  "unlimited_collabs": "无限制的合作者数",
+  "unlimited_projects": "项目无限制",
+  "unlink": "取消关联",
+  "unlink_all_users": "取消所有用户的链接",
+  "unlink_all_users_explanation": "您即将删除组中所有用户的 SSO 登录选项。 如果启用 SSO，这将强制用户使用您的 IdP 重新验证其 Overleaf 帐户。 他们会收到一封电子邮件，要求他们这样做。",
+  "unlink_dropbox_folder": "取消 Dropbox 帐户链接",
+  "unlink_dropbox_warning": "您与 Dropbox 同步的所有项目都将断开连接，并且不再与 Dropbox 保持同步。 您确定要取消 Dropbox 帐户的关联吗？",
+  "unlink_github_repository": "取消链接 Github 存储库",
+  "unlink_github_warning": "任何您已经同步到GitHub的项目将被切断联系，并且不再保持与GitHub同步。您确定要取消与您的GitHub账户的关联吗？",
+  "unlink_linked_accounts": "取消链接任何链接的帐户（例如 ORCID ID、IEEE）。 <0>在“帐户设置”（“关联帐户”下）中将其删除。</0>",
+  "unlink_linked_google_account": "取消与您的 Google 帐户的关联。 <0>在“帐户设置”（“关联帐户”下）中将其删除。</0>",
+  "unlink_provider_account_title": "取消链接 __provider__ 帐户",
+  "unlink_provider_account_warning": "警告：当您取消帐户与 __provider__ 的链接后，您将无法再使用 __provider__ 登录。",
+  "unlink_reference": "取消关联参考文献提供者",
+  "unlink_the_project_from_the_current_github_repo": "取消项目与当前 GitHub 存储库的链接，并创建与您拥有的存储库的连接。 （您需要有效的 __appName__ 订阅才能设置 GitHub 同步）。",
+  "unlink_user": "取消链接用户",
+  "unlink_user_explanation": "您即将删除 <0>__email__</0> 的 SSO 登录选项。 这将迫使他们向您的 IdP 重新验证其 Overleaf 帐户。 他们会收到一封电子邮件，要求他们这样做。",
+  "unlink_users": "取消用户链接",
+  "unlink_warning_reference": "警告：如果将账户与此提供者取消关联，您将无法把参考文献导入到项目中。",
+  "unlinking": "取消链接",
+  "unmerge_cells": "取消合并单元格",
+  "unpublish": "未出版",
+  "unpublishing": "取消发布",
+  "unsubscribe": "取消订阅",
+  "unsubscribed": "订阅被取消",
+  "unsubscribing": "正在取消订阅",
+  "untrash": "恢复",
+  "update": "更新",
+  "update_account_info": "更新账户信息",
+  "update_dropbox_settings": "更新Dropbox设置",
+  "update_your_billing_details": "更新您的帐单细节",
+  "updates_to_project_sharing": "项目共享的更新",
+  "updating": "更新中",
+  "updating_site": "升级站点",
+  "upgrade": "升级",
+  "upgrade_cc_btn": "现在升级，7天后付款",
+  "upgrade_for_12x_more_compile_time": "升级以获得 12 倍以上的编译时间",
+  "upgrade_now": "现在升级",
+  "upgrade_to_add_more_editors_and_access_collaboration_features": "升级以添加更多编辑器并访问协作功能，如跟踪更改和完整的项目历史记录。",
+  "upgrade_to_get_feature": "升级以获得__feature__，以及：",
+  "upgrade_to_track_changes": "升级以记录文档修改历史",
+  "upload": "上传",
+  "upload_failed": "上传失败",
+  "upload_file": "上传文件",
+  "upload_from_computer": "从电脑本地上传",
+  "upload_project": "上传项目",
+  "upload_zipped_project": "上传项目的压缩包",
+  "url_to_fetch_the_file_from": "获取文件的URL",
+  "usage_metrics": "使用指标",
+  "use_a_different_password": "请使用不同的密码",
+  "use_saml_metadata_to_configure_sso_with_idp": "使用 Overleaf SAML 元数据通过您的身份提供商配置 SSO。",
+  "use_your_own_machine": "使用你自己的机器，有你自己的设置",
+  "used_latex_before": "您以前使用过 LaTeX 吗？",
+  "used_latex_response_never": "没有，从不",
+  "used_latex_response_occasionally": "是的，偶尔",
+  "used_latex_response_often": "是的，经常",
+  "used_when_referring_to_the_figure_elsewhere_in_the_document": "在引用文档其他地方的图时使用",
+  "user_administration": "用户管理",
+  "user_already_added": "用户已添加",
+  "user_deletion_error": "抱歉，删除您的帐户时出错。请稍后再试。",
+  "user_deletion_password_reset_tip": "如果您忘记了密码，或者您使用其他提供商（例如 ORCID 或 Google）的单点登录进行登录，请<0>重置您的密码</0>并重试。",
+  "user_first_name_attribute": "用户名字属性",
+  "user_is_not_part_of_group": "用户不属于团队",
+  "user_last_name_attribute": "用户姓氏属性",
+  "user_management": "用户管理",
+  "user_metrics": "用户数据指标",
+  "user_not_found": "找不到用户",
+  "user_sessions": "用户会话",
+  "user_wants_you_to_see_project": "__username__ 邀请您加入 __projectname__",
+  "using_latex": "使用 LaTeX",
+  "using_premium_features": "使用高级功能",
+  "using_the_overleaf_editor": "使用 __appName__ 编辑器",
+  "valid": "有效的",
+  "valid_sso_configuration": "有效的 SSO 配置",
+  "validation_issue_entry_description": "阻止此项目编译的验证问题",
+  "vat": "增值税",
+  "vat_number": "增值税号",
+  "verify_email_address_before_enabling_managed_users": "在启用托管用户之前，您需要验证您的电子邮件地址。",
+  "view_all": "预览所有",
+  "view_code": "查看代码",
+  "view_configuration": "查看配置",
+  "view_group_members": "查看群组成员",
+  "view_hub": "查看管理中心",
+  "view_hub_subtext": "访问和下载订阅统计数据和用户列表",
+  "view_in_template_gallery": "在模板库查看",
+  "view_invitation": "查看邀请",
+  "view_labs_experiments": "查看实验性的内容",
+  "view_less": "查看更少",
+  "view_logs": "查看日志",
+  "view_metrics": "查看指标",
+  "view_metrics_commons_subtext": "监控和下载 Commons 订阅的使用指标",
+  "view_metrics_group_subtext": "监控和下载团队订阅的使用指标",
+  "view_more": "查看更多",
+  "view_only_access": "只读访问",
+  "view_only_downgraded": "仅可查看。升级可恢复编辑权限。",
+  "view_options": "查看选项",
+  "view_pdf": "查看 PDF",
+  "view_source": "查看源代码",
+  "view_your_invoices": "查看您的账单",
+  "viewer": "查看者",
+  "viewing_x": "正在查看<0>__endTime__</0>",
+  "visual_editor": "可视化编辑器",
+  "visual_editor_is_only_available_for_tex_files": "可视化编辑器仅适用于 TeX 文件",
+  "want_access_to_overleaf_premium_features_through_your_university": "想要通过您的大学访问__appName__高级功能吗？",
+  "want_change_to_apply_before_plan_end": "如果您希望在当前计费周期结束前应用此更改，请与我们联系。",
+  "we_are_unable_to_opt_you_into_this_experiment": "目前我们无法让您加入此实验，请确保您的组织已允许此功能，或稍后重试。",
+  "we_cant_confirm_this_email": "我们无法确认此电子邮件",
+  "we_cant_find_any_sections_or_subsections_in_this_file": "在此文件中找不到任何 sections 或 subsections",
+  "we_do_not_share_personal_information": "有关我们如何处理您的个人数据的详细信息，请参阅我们的<0>隐私声明</0>",
+  "we_logged_you_in": "我们已为您登录。",
+  "we_may_also_contact_you_from_time_to_time_by_email_with_a_survey": "<0>我们也可能联系您</0> 通过电子邮件进行调查，或询问您是否愿意参与其他用户研究计划",
+  "we_sent_new_code": "我们发送了一个新代码。如果您没有收到，请检查您的垃圾邮件和任何促销邮件等。",
+  "webinars": "在线教程",
+  "website_status": "网站状态",
+  "wed_love_you_to_stay": "我们希望你留下来",
+  "welcome_to_sl": "欢迎使用 __appName__",
+  "were_making_some_changes_to_project_sharing_this_means_you_will_be_visible": "我们正在<0>对项目共享进行一些更改</0>。这意味着，作为具有编辑权限的人，项目所有者和其他编辑者将可以看到您的姓名和电子邮件地址。",
+  "were_performing_maintenance": "我们正在对Overleaf进行维护，您需要等待片刻。很抱歉给您带来不便。编辑器将在 __seconds__ 秒后自动刷新。",
+  "weve_recently_reduced_the_compile_timeout_limit_which_may_have_affected_this_project": "我们最近<0>降低了免费计划的编译超时限制</0>，这可能会影响这个项目。",
+  "weve_recently_reduced_the_compile_timeout_limit_which_may_have_affected_your_project": "我们最近<0>降低了免费计划的编译时限</0>，这可能会影响这个项目。",
+  "what_do_you_need": "你需要什么？",
+  "what_do_you_need_help_with": "你有什么需要帮助的？",
+  "what_does_this_mean": "这是什么意思？",
+  "what_does_this_mean_for_you": "这意味着：",
+  "what_happens_when_sso_is_enabled": "开启单点登录后会发生什么？",
+  "what_should_we_call_you": "我们该怎么称呼你？",
+  "when_you_join_labs": "加入实验室后，您可以选择要参与的实验。完成此操作后，您可以正常使用 Overleaf，但您会看到所有实验室功能都标有此徽章：",
+  "when_you_tick_the_include_caption_box": "当您勾选“包含标题”框时，图像将带有占位符标题插入到文档中。 要编辑它，您只需选择占位符文本并键入以将其替换为您自己的文本。",
+  "why_latex": "为何用 LaTeX?",
+  "wide": "宽松的",
+  "will_lose_edit_access_on_date": "将于 __date__ 失去编辑权限",
+  "will_need_to_log_out_from_and_in_with": "您需要从 <b>__email1__</b> 帐户<b>注销</b>，然后使用 <b>__email2__</b> 登录。",
+  "with_premium_subscription_you_also_get": "通过Overleaf Premium订阅，您还可以获得",
+  "word_count": "字数统计",
+  "work_offline": "离线工作",
+  "work_or_university_sso": "工作/高校账户 单点登录",
+  "work_with_non_overleaf_users": "和非Overleaf用户一起工作",
+  "writefull": "Writefull",
+  "writefull_loading_error_body": "尝试刷新页面，如果无效，尝试禁用所有的浏览器拓展，以便检查是否他们阻止了 Writefull 的加载。",
+  "writefull_loading_error_title": "Writefull 加载失败",
+  "x_changes_in": "__count__ 处变化在",
+  "x_changes_in_plural": "__count__ 处变化在",
+  "x_price_for_first_month": "首月 <0>__price__</0>",
+  "x_price_for_first_year": "首年 <0>__price__</0>",
+  "x_price_for_y_months": "您前 __discountMonths__ 个月的费用：<0>__price__</0>",
+  "x_price_per_month": "每月 <0>__price__</0>",
+  "x_price_per_user": "__price__ 每个用户",
+  "x_price_per_year": "每年 __price__",
+  "year": "年",
+  "yearly": "每年",
+  "yes_move_me_to_personal_plan": "好的，前往个人计划",
+  "yes_that_is_correct": "是正确的",
+  "you": "你",
+  "you_already_have_a_subscription": "你已经有一个订阅啦",
+  "you_are_a_manager_and_member_of_x_plan_as_member_of_group_subscription_y_administered_by_z": "您是由 <1>__adminEmail__</1> 管理的 <1>__groupName__</1>  团队的、<0>__planName__</0> 计划的 <1>管理员</1>和<1>成员</1>",
+  "you_are_a_manager_and_member_of_x_plan_as_member_of_group_subscription_y_administered_by_z_you": "您是<1>您 (__adminEmail__)</1>管理的<0>__planName__</0>团体订阅<1>__groupName__</1>的<1>管理员</1>和<1>成员</1>。",
+  "you_are_a_manager_of_commons_at_institution_x": "您是 <0>__institutionName__</0> 的 Overleaf Commons 订阅的<0>管理者</0>",
+  "you_are_a_manager_of_publisher_x": "您是 <0>__publisherName__</0> 的<0>管理者</0>",
+  "you_are_a_manager_of_x_plan_as_member_of_group_subscription_y_administered_by_z": "您是由 <1>__adminEmail__</1> 管理的 <1>__groupName__</1>  团队的、<0>__planName__</0> 计划的 <1>管理员</1>",
+  "you_are_a_manager_of_x_plan_as_member_of_group_subscription_y_administered_by_z_you": "您是<1>您 (__adminEmail__</1>) 管理的<0>__planName__</0>团体订阅<1>__groupName__</1>的<1>管理员</1>。",
+  "you_are_currently_logged_in_as": "您当前以 <b>__email__</b> 身份登录。",
+  "you_are_on_a_paid_plan_contact_support_to_find_out_more": "您使用的是 __appName__ 付费计划。 <0>联系支持人员</0>以了解更多信息。",
+  "you_are_on_x_plan_as_a_confirmed_member_of_institution_y": "您作为 <1>__institutionName__</1> 的<1>确认成员</1>加入了我们的<0>__planName__</0>计划",
+  "you_are_on_x_plan_as_member_of_group_subscription_y_administered_by_z": "您作为<1>__groupName__</1>群组订阅的<1>成员</1>加入了我们的<0>__planName__</0>计划，该群组订阅由<1>__adminEmail__</1>管理",
+  "you_can_also_choose_to_view_anonymously_or_leave_the_project": "您还可以选择<0>匿名查看</0>（您将失去编辑权限）或<1>离开项目</1>。",
+  "you_can_buy_this_plan_but_not_as_a_trial": "您可以购买此计划，但不能试用，因为您最近已经完成试用。",
+  "you_can_now_enable_sso": "现在，您可以在“组设置”页面上启用SSO。",
+  "you_can_now_log_in_sso": "您现在可以通过您的机构登录，如果符合条件，您将获得<0>__appName__ 专业功能</0>。",
+  "you_can_opt_in_and_out_of_the_program_at_any_time_on_this_page": "您可以随时在此页面上<0>选择加入和退出</0>该计划",
+  "you_can_request_a_maximum_of_limit_fixes_per_day": "您每天最多可以请求 __limit__ 个修复。请明天再试。",
+  "you_can_select_or_invite": "您可以在当前计划中选择或邀请__count__位编辑者，或者升级以获得更多编辑者。",
+  "you_can_select_or_invite_plural": "您可以在当前计划中选择或邀请__count__位编辑者，也可以升级以获得更多编辑者。",
+  "you_cant_add_or_change_password_due_to_sso": "您无法添加或更改密码，因为您的群组或组织使用<0>单点登录 (SSO)</0>。",
+  "you_cant_join_this_group_subscription": "您无法加入此团队订阅",
+  "you_cant_reset_password_due_to_sso": "您无法重置密码，因为您的群组或组织使用 SSO。 <0>使用单点登录登录</0>。",
+  "you_dont_have_any_repositories": "您没有任何仓库",
+  "you_have_added_x_of_group_size_y": "您已经添加 <0>__addedUsersSize__</0> / <1>__groupSize__</1> 个可用成员。",
+  "you_have_been_invited_to_transfer_management_of_your_account": "您已被邀请转移您帐户的管理权。",
+  "you_have_been_invited_to_transfer_management_of_your_account_to": "您已被邀请将帐户管理转移到__groupName__。",
+  "you_have_been_removed_from_this_project_and_will_be_redirected_to_project_dashboard": "您已从该项目中删除，将不再有权访问该项目。您将被立即重定向到项目面板。",
+  "you_need_to_configure_your_sso_settings": "在启用SSO之前，您需要配置并测试SSO设置",
+  "you_will_be_able_to_contact_us_any_time_to_share_your_feedback": "您可以随时联系我们分享您的反馈",
+  "you_will_be_able_to_reassign_subscription": "您可以将他们的订阅成员资格重新分配给组织中的其他人",
+  "youll_get_best_results_in_visual_but_can_be_used_in_source": "尽管您仍可使用此工具在<1>代码编辑器</1>中插入表格，但在<0>可视化编辑器</0>中使用此工具将获得最佳结果。 选择所需的行数和列数后，表格将出现在文档中，您可以双击单元格向其中添加内容。",
+  "youll_need_to_ask_the_github_repository_owner": "您需要请求 GitHub 存储库所有者 (<0>__repoOwnerEmail__</0>) 重新连接该项目。",
+  "youll_no_longer_need_to_remember_credentials": "您将不再需要记住单独的电子邮件地址和密码。相反，您将使用单点登录登录到Overleaf。<0>阅读有关SSO的更多信息</0>。",
+  "your_account_is_managed_by_admin_cant_join_additional_group": "您的__appName__帐户由您当前的组管理员（__admin__）管理。这意味着您不能加入其他组订阅<0>阅读有关托管用户的更多信息</0>",
+  "your_account_is_managed_by_your_group_admin": "您的帐户由您的群组管理员管理。 您无法更改或删除您的电子邮件地址。",
+  "your_account_is_suspended": "你的账户暂时无法使用",
+  "your_affiliation_is_confirmed": "您已确认属于<0>__institutionName__</0>。",
+  "your_browser_does_not_support_this_feature": "很抱歉，您的浏览器不支持此功能。请将浏览器更新到最新版本。",
+  "your_compile_timed_out": "您的编译超时",
+  "your_current_project_will_revert_to_the_version_from_time": "您当前的项目将恢复到时间戳为 __timestamp__ 的版本",
+  "your_git_access_info": "当进行 Git 操作时，若系统提示您输入密码，请输入您的 Git 身份验证令牌。",
+  "your_git_access_info_bullet_1": "您最多可以拥有 10 个令牌。",
+  "your_git_access_info_bullet_2": "如果达到最大限制，您需要先删除令牌，然后才能生成新令牌。",
+  "your_git_access_info_bullet_3": "您可以使用<0>生成令牌</0>按钮生成令牌。",
+  "your_git_access_info_bullet_4": "首次查看生成令牌后，您将无法再次查看该令牌的完整内容。请复制并保证其安全",
+  "your_git_access_info_bullet_5": "此处将显示以前生成的令牌。",
+  "your_git_access_tokens": "您的 Git 身份验证令牌",
+  "your_message_to_collaborators": "向您的合作者发送消息",
+  "your_name_and_email_address_will_be_visible_to_the_project_owner_and_other_editors": "项目所有者和其他编辑者将可以看到您的姓名和电子邮件地址。",
+  "your_new_plan": "你的新计划",
+  "your_password_has_been_successfully_changed": "您的密码已成功更改",
+  "your_password_was_detected": "您的密码位于<0>已知泄露密码的公开列表</0>中。 立即更改密码，确保您的帐户安全。",
+  "your_plan": "您的订购",
+  "your_plan_is_changing_at_term_end": "在当前计费周期结束时，您的计划将更改为<0>__pendingPlanName__</0>。",
+  "your_plan_is_limited_to_n_editors": "您的计划允许 __count__ 位合作者拥有编辑权限和无限位查看者。",
+  "your_plan_is_limited_to_n_editors_plural": "您的计划允许 __count__ 位合作者拥有编辑权限和无限数量的查看者。",
+  "your_project_exceeded_compile_timeout_limit_on_free_plan": "你的项目超过了我们免费计划的编译时限。",
+  "your_project_exceeded_editor_limit": "您的项目超出了编辑者限制，访问级别已更改。请为您的协作者选择新的访问级别，或升级以添加更多编辑者。",
+  "your_project_near_compile_timeout_limit": "对于我们的免费计划，你的项目已经达到编译时限。",
+  "your_projects": "您的项目",
+  "your_questions_answered": "常见问题",
+  "your_role": "您的角色",
+  "your_sessions": "我的会话",
+  "your_subscription": "您的订阅",
+  "your_subscription_has_expired": "您的订购已过期",
+  "youre_a_member_of_overleaf_labs": "您是 Overleaf Labs 的成员。别忘了定期查看您可以报名参加哪些实验。",
+  "youre_about_to_disable_single_sign_on": "您将禁用所有群成员的单点登录。",
+  "youre_about_to_enable_single_sign_on": "您即将启用单点登录（SSO）。在执行此操作之前，您应该确保您确信SSO配置是正确的，并且您的所有组成员都具有托管用户帐户。",
+  "youre_about_to_enable_single_sign_on_sso_only": "您即将启用单点登录 (SSO)。 在执行此操作之前，您应该确保 SSO 配置正确。",
+  "youre_already_setup_for_sso": "您已完成 SSO 设置",
+  "youre_joining": "您正在加入",
+  "youre_on_free_trial_which_ends_on": "您正在享受免费试用，试用期将于<0>__date__</0>结束。",
+  "youre_signed_in_as_logout": "您已使用 <0>__email__</0> 登录。 <1>退出。</1>",
+  "youre_signed_up": "您已注册",
+  "youve_lost_edit_access": "您已失去编辑连接",
+  "youve_unlinked_all_users": "您已取消所有用户的关联",
+  "zh-CN": "中文",
+  "zip_contents_too_large": "压缩包太大",
+  "zoom_in": "放大",
+  "zoom_out": "缩小",
+  "zoom_to": "缩放至",
+  "zotero": "Zotero",
+  "zotero_and_mendeley_integrations": "<0>Zotero</0> 与 <0>Mendeley</0> 集成",
+  "zotero_groups_loading_error": "从 Zotero 加载群组时出错",
+  "zotero_groups_relink": "访问您的Zotero数据时出错。这可能是由于缺乏权限造成的。请重新链接您的帐户，然后重试。",
+  "zotero_integration": "Zotero 集成",
+  "zotero_is_premium": "Zotero 集成是一个高级(付费)功能",
+  "zotero_reference_loading_error": "错误，无法加载Zotero的参考文献",
+  "zotero_reference_loading_error_expired": "Zotero令牌过期，请重新关联您的账户",
+  "zotero_reference_loading_error_forbidden": "无法加载Zotero的参考文献，请重新关联您的账户后重试",
+  "zotero_sync_description": "集成 Zotero 后，您可以将 Zotero 的参考文献导入__appName__项目。"
+}
diff --git a/services/web/migrations/20190720165251_create_migrations.mjs b/services/web/migrations/20190720165251_create_migrations.mjs
new file mode 100644
index 0000000..c412e6e
--- /dev/null
+++ b/services/web/migrations/20190720165251_create_migrations.mjs
@@ -0,0 +1,31 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.migrations, [
+    {
+      key: { name: 1 },
+      unique: true,
+    },
+  ])
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.migrations, [{ name: 1 }])
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190730093801_script_example.mjs b/services/web/migrations/20190730093801_script_example.mjs
new file mode 100644
index 0000000..fda971a
--- /dev/null
+++ b/services/web/migrations/20190730093801_script_example.mjs
@@ -0,0 +1,28 @@
+/* eslint-disable no-unused-vars */
+
+/*
+ * Example migration for a script:
+ *
+ * This migration demonstrates how to run a script. In this case, the example
+ * script will print "hello world" if there are no users in the users collection
+ * or "hello <name>", when User.findOne() finds something.
+ */
+
+import runScript from '../scripts/example/script_for_migration.mjs'
+
+const tags = []
+
+const migrate = async client => {
+  const { db } = client
+  await runScript()
+}
+
+const rollback = async client => {
+  const { db } = client
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145001_create_contacts_indexes.mjs b/services/web/migrations/20190912145001_create_contacts_indexes.mjs
new file mode 100644
index 0000000..17b4370
--- /dev/null
+++ b/services/web/migrations/20190912145001_create_contacts_indexes.mjs
@@ -0,0 +1,37 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    unique: true,
+    key: {
+      user_id: 1,
+    },
+    name: 'user_id_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.contacts, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.contacts, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145002_create_deletedProjects_indexes.mjs b/services/web/migrations/20190912145002_create_deletedProjects_indexes.mjs
new file mode 100644
index 0000000..9c8365a
--- /dev/null
+++ b/services/web/migrations/20190912145002_create_deletedProjects_indexes.mjs
@@ -0,0 +1,42 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      'deleterData.deletedAt': 1,
+    },
+    name: 'deleterData.deletedAt_1',
+  },
+  {
+    key: {
+      'deleterData.deletedProjectId': 1,
+    },
+    name: 'deleterData.deletedProjectId_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.deletedProjects, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.deletedProjects, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145003_create_deletedSubscriptions_indexes.mjs b/services/web/migrations/20190912145003_create_deletedSubscriptions_indexes.mjs
new file mode 100644
index 0000000..6215af1
--- /dev/null
+++ b/services/web/migrations/20190912145003_create_deletedSubscriptions_indexes.mjs
@@ -0,0 +1,43 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    unique: true,
+    key: {
+      'subscription._id': 1,
+    },
+    name: 'subscription._id_1',
+  },
+  {
+    key: {
+      'subscription.admin_id': 1,
+    },
+    name: 'subscription.admin_id_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.deletedSubscriptions, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.deletedSubscriptions, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145004_create_docHistoryIndex_indexes.mjs b/services/web/migrations/20190912145004_create_docHistoryIndex_indexes.mjs
new file mode 100644
index 0000000..2582f12
--- /dev/null
+++ b/services/web/migrations/20190912145004_create_docHistoryIndex_indexes.mjs
@@ -0,0 +1,36 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      project_id: 1,
+    },
+    name: 'project_id_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.docHistoryIndex, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.docHistoryIndex, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145005_create_docHistory_indexes.mjs b/services/web/migrations/20190912145005_create_docHistory_indexes.mjs
new file mode 100644
index 0000000..22d9b4e
--- /dev/null
+++ b/services/web/migrations/20190912145005_create_docHistory_indexes.mjs
@@ -0,0 +1,64 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      doc_id: 1,
+      v: 1,
+    },
+    name: 'doc_id_1_v_1',
+  },
+  {
+    key: {
+      project_id: 1,
+      'meta.end_ts': 1,
+    },
+    name: 'project_id_1_meta.end_ts_1',
+  },
+  {
+    key: {
+      doc_id: 1,
+      project_id: 1,
+    },
+    name: 'doc_id_1_project_id_1',
+  },
+  {
+    key: {
+      expiresAt: 1,
+    },
+    name: 'expiresAt_1',
+    expireAfterSeconds: 0,
+  },
+  {
+    key: {
+      last_checked: 1,
+    },
+    name: 'last_checked_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.docHistory, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.docHistory, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145006_create_docOps_indexes.mjs b/services/web/migrations/20190912145006_create_docOps_indexes.mjs
new file mode 100644
index 0000000..f01bde0
--- /dev/null
+++ b/services/web/migrations/20190912145006_create_docOps_indexes.mjs
@@ -0,0 +1,30 @@
+import Helpers from './lib/helpers.mjs'
+import { getCollectionInternal } from '../app/src/infrastructure/mongodb.js'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    unique: true,
+    key: {
+      doc_id: 1,
+    },
+    name: 'doc_id_1',
+  },
+]
+
+const migrate = async () => {
+  const docOps = await getCollectionInternal('docOps')
+  await Helpers.addIndexesToCollection(docOps, indexes)
+}
+
+const rollback = async () => {
+  const docOps = await getCollectionInternal('docOps')
+  await Helpers.dropIndexesFromCollection(docOps, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145007_create_docSnapshots_indexes.mjs b/services/web/migrations/20190912145007_create_docSnapshots_indexes.mjs
new file mode 100644
index 0000000..6772646
--- /dev/null
+++ b/services/web/migrations/20190912145007_create_docSnapshots_indexes.mjs
@@ -0,0 +1,43 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      project_id: 1,
+    },
+    name: 'project_id_1',
+  },
+  {
+    key: {
+      ts: 1,
+    },
+    name: 'ts_1',
+    expireAfterSeconds: 2592000,
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.docSnapshots, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.docSnapshots, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145008_create_docs_indexes.mjs b/services/web/migrations/20190912145008_create_docs_indexes.mjs
new file mode 100644
index 0000000..23cbd15
--- /dev/null
+++ b/services/web/migrations/20190912145008_create_docs_indexes.mjs
@@ -0,0 +1,36 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      project_id: 1,
+    },
+    name: 'project_id_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.docs, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.docs, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145009_create_githubSyncEntityVersions_indexes.mjs b/services/web/migrations/20190912145009_create_githubSyncEntityVersions_indexes.mjs
new file mode 100644
index 0000000..cfde399
--- /dev/null
+++ b/services/web/migrations/20190912145009_create_githubSyncEntityVersions_indexes.mjs
@@ -0,0 +1,47 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: {
+      pid: 1,
+      eid: 1,
+    },
+    name: 'pid_1_eid_1',
+  },
+  {
+    key: {
+      c: 1,
+    },
+    name: 'c_1',
+    expireAfterSeconds: 2592000,
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.githubSyncEntityVersions, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(
+      db.githubSyncEntityVersions,
+      indexes
+    )
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145010_create_githubSyncProjectStates_indexes.mjs b/services/web/migrations/20190912145010_create_githubSyncProjectStates_indexes.mjs
new file mode 100644
index 0000000..129560a
--- /dev/null
+++ b/services/web/migrations/20190912145010_create_githubSyncProjectStates_indexes.mjs
@@ -0,0 +1,42 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: {
+      project_id: 1,
+    },
+    name: 'project_id_1',
+  },
+  {
+    key: {
+      owner_id: 1,
+    },
+    name: 'owner_id_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.githubSyncProjectStates, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.githubSyncProjectStates, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145011_create_githubSyncUserCredentials_indexes.mjs b/services/web/migrations/20190912145011_create_githubSyncUserCredentials_indexes.mjs
new file mode 100644
index 0000000..a330d50
--- /dev/null
+++ b/services/web/migrations/20190912145011_create_githubSyncUserCredentials_indexes.mjs
@@ -0,0 +1,39 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: {
+      user_id: 1,
+    },
+    name: 'user_id_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.githubSyncUserCredentials, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(
+      db.githubSyncUserCredentials,
+      indexes
+    )
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145012_create_institutions_indexes.mjs b/services/web/migrations/20190912145012_create_institutions_indexes.mjs
new file mode 100644
index 0000000..75341bb
--- /dev/null
+++ b/services/web/migrations/20190912145012_create_institutions_indexes.mjs
@@ -0,0 +1,37 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    unique: true,
+    key: {
+      v1Id: 1,
+    },
+    name: 'v1Id_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.institutions, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.institutions, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145013_create_messages_indexes.mjs b/services/web/migrations/20190912145013_create_messages_indexes.mjs
new file mode 100644
index 0000000..03ab147
--- /dev/null
+++ b/services/web/migrations/20190912145013_create_messages_indexes.mjs
@@ -0,0 +1,37 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      room_id: 1,
+      timestamp: -1,
+    },
+    name: 'room_id_1_timestamp_-1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.messages, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.messages, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145014_create_notifications_indexes.mjs b/services/web/migrations/20190912145014_create_notifications_indexes.mjs
new file mode 100644
index 0000000..becc619
--- /dev/null
+++ b/services/web/migrations/20190912145014_create_notifications_indexes.mjs
@@ -0,0 +1,49 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      expires: 1,
+    },
+    name: 'expires_1',
+    expireAfterSeconds: 10,
+  },
+  {
+    key: {
+      key: 1,
+    },
+    name: 'key_1',
+  },
+  {
+    key: {
+      user_id: 1,
+    },
+    name: 'user_id_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.notifications, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.notifications, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145015_create_oauthAccessTokens_indexes.mjs b/services/web/migrations/20190912145015_create_oauthAccessTokens_indexes.mjs
new file mode 100644
index 0000000..7b1dfdd
--- /dev/null
+++ b/services/web/migrations/20190912145015_create_oauthAccessTokens_indexes.mjs
@@ -0,0 +1,44 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    unique: true,
+    key: {
+      accessToken: 1,
+    },
+    name: 'accessToken_1',
+  },
+  {
+    unique: true,
+    key: {
+      refreshToken: 1,
+    },
+    name: 'refreshToken_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.oauthAccessTokens, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.oauthAccessTokens, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145016_create_oauthApplications_indexes.mjs b/services/web/migrations/20190912145016_create_oauthApplications_indexes.mjs
new file mode 100644
index 0000000..7f8ad8d
--- /dev/null
+++ b/services/web/migrations/20190912145016_create_oauthApplications_indexes.mjs
@@ -0,0 +1,37 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    unique: true,
+    key: {
+      id: 1,
+    },
+    name: 'id_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.oauthApplications, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.oauthApplications, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145017_create_oauthAuthorizationCodes_indexes.mjs b/services/web/migrations/20190912145017_create_oauthAuthorizationCodes_indexes.mjs
new file mode 100644
index 0000000..f21979b
--- /dev/null
+++ b/services/web/migrations/20190912145017_create_oauthAuthorizationCodes_indexes.mjs
@@ -0,0 +1,37 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    unique: true,
+    key: {
+      authorizationCode: 1,
+    },
+    name: 'authorizationCode_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.oauthAuthorizationCodes, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.oauthAuthorizationCodes, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145018_create_projectHistoryFailures_indexes.mjs b/services/web/migrations/20190912145018_create_projectHistoryFailures_indexes.mjs
new file mode 100644
index 0000000..3859347
--- /dev/null
+++ b/services/web/migrations/20190912145018_create_projectHistoryFailures_indexes.mjs
@@ -0,0 +1,36 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      project_id: 1,
+    },
+    name: 'project_id_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.projectHistoryFailures, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.projectHistoryFailures, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145019_create_projectHistoryLabels_indexes.mjs b/services/web/migrations/20190912145019_create_projectHistoryLabels_indexes.mjs
new file mode 100644
index 0000000..6292df3
--- /dev/null
+++ b/services/web/migrations/20190912145019_create_projectHistoryLabels_indexes.mjs
@@ -0,0 +1,42 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      project_id: 1,
+    },
+    name: 'project_id_1',
+  },
+  {
+    key: {
+      user_id: 1,
+    },
+    name: 'user_id_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.projectHistoryLabels, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.projectHistoryLabels, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145020_create_projectHistoryMetaData_indexes.mjs b/services/web/migrations/20190912145020_create_projectHistoryMetaData_indexes.mjs
new file mode 100644
index 0000000..ef9115a
--- /dev/null
+++ b/services/web/migrations/20190912145020_create_projectHistoryMetaData_indexes.mjs
@@ -0,0 +1,36 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: {
+      project_id: 1,
+    },
+    name: 'project_id_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.projectHistoryMetaData, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.projectHistoryMetaData, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145021_create_projectHistorySyncState_indexes.mjs b/services/web/migrations/20190912145021_create_projectHistorySyncState_indexes.mjs
new file mode 100644
index 0000000..e77c3a5
--- /dev/null
+++ b/services/web/migrations/20190912145021_create_projectHistorySyncState_indexes.mjs
@@ -0,0 +1,43 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      project_id: 1,
+    },
+    name: 'project_id_1',
+  },
+  {
+    key: {
+      expiresAt: 1,
+    },
+    name: 'expiresAt_1',
+    expireAfterSeconds: 0,
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.projectHistorySyncState, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.projectHistorySyncState, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145022_create_projectImportFailures_indexes.mjs b/services/web/migrations/20190912145022_create_projectImportFailures_indexes.mjs
new file mode 100644
index 0000000..9ff7805
--- /dev/null
+++ b/services/web/migrations/20190912145022_create_projectImportFailures_indexes.mjs
@@ -0,0 +1,41 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+import mongodb from '../app/src/infrastructure/mongodb.js'
+const { getCollectionInternal } = mongodb
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: {
+      v1_project_id: 1,
+    },
+    name: 'v1_project_id_1',
+  },
+]
+
+async function getCollection() {
+  // NOTE: This is a stale collection, it will get dropped in a later migration.
+  return await getCollectionInternal('projectImportFailures')
+}
+
+const migrate = async client => {
+  const collection = await getCollection()
+  await Helpers.addIndexesToCollection(collection, indexes)
+}
+
+const rollback = async client => {
+  const collection = await getCollection()
+  try {
+    await Helpers.dropIndexesFromCollection(collection, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145023_create_projectInvites_indexes.mjs b/services/web/migrations/20190912145023_create_projectInvites_indexes.mjs
new file mode 100644
index 0000000..f490d23
--- /dev/null
+++ b/services/web/migrations/20190912145023_create_projectInvites_indexes.mjs
@@ -0,0 +1,43 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      expires: 1,
+    },
+    name: 'expires_1',
+    expireAfterSeconds: 10,
+  },
+  {
+    key: {
+      projectId: 1,
+    },
+    name: 'projectId_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.projectInvites, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.projectInvites, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145024_create_projects_indexes.mjs b/services/web/migrations/20190912145024_create_projects_indexes.mjs
new file mode 100644
index 0000000..6096a2c
--- /dev/null
+++ b/services/web/migrations/20190912145024_create_projects_indexes.mjs
@@ -0,0 +1,146 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      active: 1,
+      lastOpened: 1,
+    },
+    name: 'active_1_lastOpened_1',
+  },
+  {
+    unique: true,
+    key: {
+      'tokens.readOnly': 1,
+    },
+    name: 'tokens.readOnly_1',
+    partialFilterExpression: {
+      'tokens.readOnly': {
+        $exists: true,
+      },
+    },
+  },
+  {
+    unique: true,
+    key: {
+      'overleaf.history.id': 1,
+    },
+    name: 'overleaf.history.id_1',
+    partialFilterExpression: {
+      'overleaf.history.id': {
+        $exists: true,
+      },
+    },
+  },
+  {
+    unique: true,
+    key: {
+      'tokens.readAndWritePrefix': 1,
+    },
+    name: 'tokens.readAndWritePrefix_1',
+    partialFilterExpression: {
+      'tokens.readAndWritePrefix': {
+        $exists: true,
+      },
+    },
+  },
+  {
+    key: {
+      publicAccesLevel: 1,
+    },
+    name: 'publicAccesLevel_1',
+  },
+  {
+    key: {
+      owner_ref: 1,
+    },
+    name: 'owner_ref_1',
+  },
+  {
+    key: {
+      tokenAccessReadAndWrite_refs: 1,
+    },
+    name: 'tokenAccessReadAndWrite_refs_1',
+  },
+  {
+    key: {
+      readOnly_refs: 1,
+    },
+    name: 'readOnly_refs_1',
+  },
+  {
+    key: {
+      tokenAccessReadOnly_refs: 1,
+    },
+    name: 'tokenAccessReadOnly_refs_1',
+  },
+  {
+    unique: true,
+    key: {
+      'overleaf.id': 1,
+    },
+    name: 'overleaf.id_1',
+    partialFilterExpression: {
+      'overleaf.id': {
+        $exists: true,
+      },
+    },
+  },
+  {
+    key: {
+      collaberator_refs: 1,
+    },
+    name: 'collaberator_refs_1',
+  },
+  {
+    key: {
+      name: 1,
+    },
+    name: 'name_1',
+  },
+  {
+    unique: true,
+    key: {
+      'tokens.readAndWrite': 1,
+    },
+    name: 'tokens.readAndWrite_1',
+    partialFilterExpression: {
+      'tokens.readAndWrite': {
+        $exists: true,
+      },
+    },
+  },
+  {
+    key: {
+      'collabratecUsers.user_id': 1,
+    },
+    name: 'collabratecUsers.user_id_1',
+    sparse: true,
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.projects, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.projects, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145025_create_publishers_indexes.mjs b/services/web/migrations/20190912145025_create_publishers_indexes.mjs
new file mode 100644
index 0000000..26b2887
--- /dev/null
+++ b/services/web/migrations/20190912145025_create_publishers_indexes.mjs
@@ -0,0 +1,37 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    unique: true,
+    key: {
+      slug: 1,
+    },
+    name: 'slug_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.publishers, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.publishers, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145026_create_rooms_indexes.mjs b/services/web/migrations/20190912145026_create_rooms_indexes.mjs
new file mode 100644
index 0000000..1f24545
--- /dev/null
+++ b/services/web/migrations/20190912145026_create_rooms_indexes.mjs
@@ -0,0 +1,36 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      project_id: 1,
+    },
+    name: 'project_id',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.rooms, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.rooms, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145027_create_spellingPreferences_indexes.mjs b/services/web/migrations/20190912145027_create_spellingPreferences_indexes.mjs
new file mode 100644
index 0000000..f105fcd
--- /dev/null
+++ b/services/web/migrations/20190912145027_create_spellingPreferences_indexes.mjs
@@ -0,0 +1,36 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      token: 1,
+    },
+    name: 'token',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.spellingPreferences, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.spellingPreferences, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145028_create_subscriptions_indexes.mjs b/services/web/migrations/20190912145028_create_subscriptions_indexes.mjs
new file mode 100644
index 0000000..012e946
--- /dev/null
+++ b/services/web/migrations/20190912145028_create_subscriptions_indexes.mjs
@@ -0,0 +1,91 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: {
+      'teamInvites.token': 1,
+    },
+    name: 'teamInvites.token_1',
+    partialFilterExpression: {
+      'teamInvites.token': {
+        $exists: true,
+      },
+    },
+  },
+  {
+    unique: true,
+    key: {
+      manager_ids: 1,
+    },
+    name: 'manager_ids_1',
+    partialFilterExpression: {
+      manager_ids: {
+        $exists: true,
+      },
+    },
+  },
+  {
+    unique: true,
+    key: {
+      admin_id: 1,
+    },
+    name: 'admin_id_1',
+  },
+  {
+    key: {
+      'freeTrial.downgraded': 1,
+      'freeTrial.expiresAt': 1,
+    },
+    name: 'free_trial',
+  },
+  {
+    key: {
+      member_ids: 1,
+    },
+    name: 'member_ids_1',
+  },
+  {
+    key: {
+      invited_emails: 1,
+    },
+    name: 'invited_emails_1',
+  },
+  {
+    unique: true,
+    key: {
+      'overleaf.id': 1,
+    },
+    name: 'overleaf.id_1',
+    partialFilterExpression: {
+      'overleaf.id': {
+        $exists: true,
+      },
+    },
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.subscriptions, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.subscriptions, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145029_create_tags_indexes.mjs b/services/web/migrations/20190912145029_create_tags_indexes.mjs
new file mode 100644
index 0000000..5ca479a
--- /dev/null
+++ b/services/web/migrations/20190912145029_create_tags_indexes.mjs
@@ -0,0 +1,44 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      user_id: 1,
+    },
+    name: 'user_id_1',
+  },
+  {
+    unique: true,
+    key: {
+      user_id: 1,
+      name: 1,
+    },
+    name: 'user_id_1_name_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.tags, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.tags, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145030_create_templates_indexes.mjs b/services/web/migrations/20190912145030_create_templates_indexes.mjs
new file mode 100644
index 0000000..ceaf176
--- /dev/null
+++ b/services/web/migrations/20190912145030_create_templates_indexes.mjs
@@ -0,0 +1,55 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+import mongodb from '../app/src/infrastructure/mongodb.js'
+const { getCollectionInternal } = mongodb
+
+const tags = ['server-pro', 'saas']
+
+const indexes = [
+  {
+    unique: true,
+    key: {
+      project_id: 1,
+    },
+    name: 'project_id_1',
+  },
+  {
+    key: {
+      user_id: 1,
+    },
+    name: 'user_id_1',
+  },
+  {
+    key: {
+      name: 1,
+    },
+    name: 'name_1',
+  },
+]
+
+async function getCollection() {
+  // NOTE: This is a stale collection, it will get dropped in a later migration.
+  return await getCollectionInternal('templates')
+}
+
+const migrate = async client => {
+  const collection = await getCollection()
+  await Helpers.addIndexesToCollection(collection, indexes)
+}
+
+const rollback = async client => {
+  const collection = await getCollection()
+
+  try {
+    await Helpers.dropIndexesFromCollection(collection, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145031_create_tokens_indexes.mjs b/services/web/migrations/20190912145031_create_tokens_indexes.mjs
new file mode 100644
index 0000000..6a5f2a3
--- /dev/null
+++ b/services/web/migrations/20190912145031_create_tokens_indexes.mjs
@@ -0,0 +1,38 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    unique: true,
+    key: {
+      token: 1,
+      use: 1,
+    },
+    name: 'token_1_use_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.tokens, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.tokens, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145032_create_users_indexes.mjs b/services/web/migrations/20190912145032_create_users_indexes.mjs
new file mode 100644
index 0000000..38d1c9a
--- /dev/null
+++ b/services/web/migrations/20190912145032_create_users_indexes.mjs
@@ -0,0 +1,170 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    unique: true,
+    key: {
+      email: 1,
+    },
+    name: 'email_case_insensitive',
+    collation: {
+      locale: 'en',
+      caseLevel: false,
+      caseFirst: 'off',
+      strength: 2,
+      numericOrdering: false,
+      alternate: 'non-ignorable',
+      maxVariable: 'punct',
+      normalization: false,
+      backwards: false,
+      version: '57.1',
+    },
+  },
+  {
+    key: {
+      'dropbox.access_token.oauth_token_secret': 1,
+    },
+    name: 'has dropbox',
+  },
+  {
+    unique: true,
+    key: {
+      'overleaf.id': 1,
+    },
+    name: 'overleaf.id_1',
+    partialFilterExpression: {
+      'overleaf.id': {
+        $exists: true,
+      },
+    },
+  },
+  {
+    unique: true,
+    key: {
+      'thirdPartyIdentifiers.externalUserId': 1,
+      'thirdPartyIdentifiers.providerId': 1,
+    },
+    name: 'thirdPartyIdentifiers.externalUserId_1_thirdPartyIdentifiers.providerId_1',
+    sparse: true,
+  },
+  {
+    key: {
+      'subscription.freeTrialDowngraded': 1,
+    },
+    name: 'subscription.freeTrialDowngraded_1',
+  },
+  {
+    key: {
+      signUpDate: 1,
+    },
+    name: 'signUpDate',
+  },
+  {
+    unique: true,
+    key: {
+      'emails.email': 1,
+    },
+    name: 'emails_email_1',
+    partialFilterExpression: {
+      'emails.email': {
+        $exists: true,
+      },
+    },
+  },
+  {
+    unique: true,
+    key: {
+      'emails.email': 1,
+    },
+    name: 'emails_email_case_insensitive',
+    partialFilterExpression: {
+      'emails.email': {
+        $exists: true,
+      },
+    },
+    collation: {
+      locale: 'en',
+      caseLevel: false,
+      caseFirst: 'off',
+      strength: 2,
+      numericOrdering: false,
+      alternate: 'non-ignorable',
+      maxVariable: 'punct',
+      normalization: false,
+      backwards: false,
+      version: '57.1',
+    },
+  },
+  {
+    unique: true,
+    key: {
+      'dropbox.access_token.uid': 1,
+    },
+    name: 'dropbox.access_token.uid_unique',
+    sparse: true,
+  },
+  {
+    key: {
+      password: 1,
+      email: 1,
+    },
+    name: 'password_and_email',
+  },
+  {
+    key: {
+      referal_id: 1,
+    },
+    name: 'referal_id',
+  },
+  {
+    key: {
+      'subscription.freeTrialExpiresAt': 1,
+    },
+    name: 'subscription.freeTrialExpiresAt_1',
+  },
+  {
+    key: {
+      auth_token: 1,
+    },
+    name: 'auth_token_1',
+  },
+  {
+    unique: true,
+    key: {
+      email: 1,
+    },
+    name: 'email_1',
+  },
+  {
+    key: {
+      'emails.reversedHostname': 1,
+    },
+    name: 'emails.reversedHostname_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.users, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.users, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20190912145033_create_userstubs_indexes.mjs b/services/web/migrations/20190912145033_create_userstubs_indexes.mjs
new file mode 100644
index 0000000..35f6796
--- /dev/null
+++ b/services/web/migrations/20190912145033_create_userstubs_indexes.mjs
@@ -0,0 +1,43 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+import mongodb from '../app/src/infrastructure/mongodb.js'
+const { getCollectionInternal } = mongodb
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: {
+      'overleaf.id': 1,
+    },
+    name: 'overleaf.id_1',
+  },
+]
+
+async function getCollection() {
+  // NOTE: This is a stale collection, it will get dropped in a later migration.
+  return await getCollectionInternal('userstubs')
+}
+
+const migrate = async client => {
+  const collection = await getCollection()
+
+  await Helpers.addIndexesToCollection(collection, indexes)
+}
+
+const rollback = async client => {
+  const collection = await getCollection()
+
+  try {
+    await Helpers.dropIndexesFromCollection(collection, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20191106102104_saml-log-indexes.mjs b/services/web/migrations/20191106102104_saml-log-indexes.mjs
new file mode 100644
index 0000000..a68a357
--- /dev/null
+++ b/services/web/migrations/20191106102104_saml-log-indexes.mjs
@@ -0,0 +1,61 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+import mongodb from '../app/src/infrastructure/mongodb.js'
+const { getCollectionInternal } = mongodb
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: {
+      providerId: 1,
+    },
+    name: 'providerId_1',
+  },
+  {
+    key: {
+      sessionId: 1,
+    },
+    name: 'sessionId_1',
+  },
+  {
+    // expire after 30 days
+    expireAfterSeconds: 60 * 60 * 24 * 30,
+    key: {
+      createdAt: 1,
+    },
+    name: 'createdAt_1',
+  },
+]
+
+// Export indexes for use in the fix-up migration 20220105130000_fix_saml_indexes.js.
+const samlLogsIndexes = indexes
+
+async function getCollection() {
+  // This collection was incorrectly named - it should have been `samlLogs`
+  //  instead of `samllog`. The error is corrected by the subsequent migration
+  //  20220105130000_fix_saml_indexes.js.
+  return await getCollectionInternal('samllog')
+}
+
+const migrate = async client => {
+  const collection = await getCollection()
+  await Helpers.addIndexesToCollection(collection, indexes)
+}
+
+const rollback = async client => {
+  const collection = await getCollection()
+  try {
+    await Helpers.dropIndexesFromCollection(collection, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+  samlLogsIndexes,
+}
diff --git a/services/web/migrations/20191107191318_saml-indentifiers-index.mjs b/services/web/migrations/20191107191318_saml-indentifiers-index.mjs
new file mode 100644
index 0000000..a39e88d
--- /dev/null
+++ b/services/web/migrations/20191107191318_saml-indentifiers-index.mjs
@@ -0,0 +1,49 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+import mongodb from '../app/src/infrastructure/mongodb.js'
+const { getCollectionInternal } = mongodb
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: {
+      'samlIdentifiers.externalUserId': 1,
+      'samlIdentifiers.providerId': 1,
+    },
+    name: 'samlIdentifiers.externalUserId_1_samlIdentifiers.providerId_1',
+    sparse: true,
+  },
+]
+
+// Export indexes for use in the fix-up migration 20220105130000_fix_saml_indexes.js.
+const usersIndexes = indexes
+
+async function getCollection() {
+  // This collection was incorrectly named - it should have been `users` instead
+  //  of `user`. The error is corrected by the subsequent migration
+  //  20220105130000_fix_saml_indexes.js.
+  return await getCollectionInternal('user')
+}
+
+const migrate = async client => {
+  const collection = await getCollection()
+  await Helpers.addIndexesToCollection(collection, indexes)
+}
+
+const rollback = async client => {
+  const collection = await getCollection()
+  try {
+    await Helpers.dropIndexesFromCollection(collection, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+  usersIndexes,
+}
diff --git a/services/web/migrations/20200110183327_brandVarationIdIndex.mjs b/services/web/migrations/20200110183327_brandVarationIdIndex.mjs
new file mode 100644
index 0000000..e85cb22
--- /dev/null
+++ b/services/web/migrations/20200110183327_brandVarationIdIndex.mjs
@@ -0,0 +1,30 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: {
+      brandVariationId: 1,
+    },
+    name: 'brandVariationId_1',
+  },
+]
+
+const migrate = async ({ db }) => {
+  await Helpers.addIndexesToCollection(db.projects, indexes)
+}
+
+const rollback = async ({ db }) => {
+  try {
+    await Helpers.dropIndexesFromCollection(db.projects, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20200120163346_atlas_recommended_indexes.mjs b/services/web/migrations/20200120163346_atlas_recommended_indexes.mjs
new file mode 100644
index 0000000..17269cf
--- /dev/null
+++ b/services/web/migrations/20200120163346_atlas_recommended_indexes.mjs
@@ -0,0 +1,42 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = {
+  docSnapshots: [{ key: { project_id: 1, ts: 1 }, name: 'project_id_1_ts_1' }],
+  deletedProjects: [
+    {
+      key: { 'deleterData.deletedProjectOwnerId': 1 },
+      name: 'deleterdata_deletedProjectOwnerId_1',
+    },
+  ],
+  docs: [{ key: { project_id: 1, inS3: 1 }, name: 'project_id_1_inS3_1' }],
+}
+
+const migrate = async client => {
+  const { db } = client
+
+  await Promise.all(
+    Object.keys(indexes).map(key =>
+      Helpers.addIndexesToCollection(db[key], indexes[key])
+    )
+  )
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  await Promise.all(
+    Object.keys(indexes).map(key =>
+      Helpers.dropIndexesFromCollection(db[key], indexes[key])
+    )
+  )
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20200210084301_remove-duplicate-deleted-things.mjs b/services/web/migrations/20200210084301_remove-duplicate-deleted-things.mjs
new file mode 100644
index 0000000..004652a
--- /dev/null
+++ b/services/web/migrations/20200210084301_remove-duplicate-deleted-things.mjs
@@ -0,0 +1,48 @@
+/* eslint-disable no-unused-vars */
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+async function removeDuplicates(collection, field) {
+  const duplicates = await collection.aggregate(
+    [
+      {
+        $group: {
+          _id: { projectId: `$deleterData.${field}` },
+          dups: { $addToSet: '$_id' },
+          count: { $sum: 1 },
+        },
+      },
+      { $match: { count: { $gt: 1 } } },
+    ],
+    { allowDiskUse: true }
+  )
+  let duplicate
+  while ((duplicate = await duplicates.next())) {
+    // find duplicate items, ignore the most recent and delete the rest
+    const items = await collection
+      .find(
+        { _id: { $in: duplicate.dups } },
+        { projection: { _id: 1 }, sort: { 'deleterData.deletedAt': -1 } }
+      )
+      .toArray()
+    items.pop()
+    const ids = items.map(item => item._id)
+    await collection.deleteMany({ _id: { $in: ids } })
+  }
+}
+
+const migrate = async client => {
+  const { db } = client
+  await removeDuplicates(db.deletedProjects, 'deletedProjectId')
+  await removeDuplicates(db.deletedUsers, 'deletedUserId')
+}
+
+const rollback = async client => {
+  // can't really do anything here
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20200210121103_uniqueify-deletedthings-indexes.mjs b/services/web/migrations/20200210121103_uniqueify-deletedthings-indexes.mjs
new file mode 100644
index 0000000..2058e9c
--- /dev/null
+++ b/services/web/migrations/20200210121103_uniqueify-deletedthings-indexes.mjs
@@ -0,0 +1,76 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const migrate = async client => {
+  const { db } = client
+  // deletedUsers did not have an index before
+  await Helpers.dropIndexesFromCollection(db.deletedProjects, [
+    {
+      key: {
+        'deleterData.deletedProjectId': 1,
+      },
+      name: 'deleterData.deletedProjectId_1',
+    },
+  ])
+  // deletedUsers did not have an index before
+
+  await Helpers.addIndexesToCollection(db.deletedProjects, [
+    {
+      key: {
+        'deleterData.deletedProjectId': 1,
+      },
+      unique: true,
+      name: 'deleterData.deletedProjectId_1',
+    },
+  ])
+  await Helpers.addIndexesToCollection(db.deletedUsers, [
+    {
+      key: {
+        'deleterData.deletedUserId': 1,
+      },
+      unique: true,
+      name: 'deleterData.deleteUserId_1',
+    },
+  ])
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.deletedProjects, [
+    {
+      key: {
+        'deleterData.deletedProjectId': 1,
+      },
+      unique: true,
+      name: 'deleterData.deletedProjectId_1',
+    },
+  ])
+  await Helpers.dropIndexesFromCollection(db.deletedUsers, [
+    {
+      key: {
+        'deleterData.deletedUserId': 1,
+      },
+      unique: true,
+      name: 'deleterData.deleteUserId_1',
+    },
+  ])
+
+  await Helpers.addIndexesToCollection(db.deletedProjects, [
+    {
+      key: {
+        'deleterData.deletedProjectId': 1,
+      },
+      name: 'deleterData.deletedProjectId_1',
+    },
+  ])
+  // deletedUsers did not have an index before
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20200302143624_users_affiliationUnchecked_index.mjs b/services/web/migrations/20200302143624_users_affiliationUnchecked_index.mjs
new file mode 100644
index 0000000..814f84a
--- /dev/null
+++ b/services/web/migrations/20200302143624_users_affiliationUnchecked_index.mjs
@@ -0,0 +1,31 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: {
+      'emails.affiliationUnchecked': 1,
+    },
+    name: 'affiliationUnchecked_1',
+    sparse: true,
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.users, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.users, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20200522145727_dropProjectImportFailures.mjs b/services/web/migrations/20200522145727_dropProjectImportFailures.mjs
new file mode 100644
index 0000000..83fde3a
--- /dev/null
+++ b/services/web/migrations/20200522145727_dropProjectImportFailures.mjs
@@ -0,0 +1,17 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const migrate = async client => {
+  await Helpers.dropCollection('projectImportFailures')
+}
+
+const rollback = async client => {
+  // can't really do anything here
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20200522145741_dropProjectImportBatchRecords.mjs b/services/web/migrations/20200522145741_dropProjectImportBatchRecords.mjs
new file mode 100644
index 0000000..a725a5a
--- /dev/null
+++ b/services/web/migrations/20200522145741_dropProjectImportBatchRecords.mjs
@@ -0,0 +1,17 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const migrate = async client => {
+  await Helpers.dropCollection('projectImportBatchRecords')
+}
+
+const rollback = async client => {
+  // can't really do anything here
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20200608213302_saml-cache-indexes.mjs b/services/web/migrations/20200608213302_saml-cache-indexes.mjs
new file mode 100644
index 0000000..37d6c59
--- /dev/null
+++ b/services/web/migrations/20200608213302_saml-cache-indexes.mjs
@@ -0,0 +1,44 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: {
+      requestId: 1,
+    },
+    name: 'requestId_1',
+  },
+  {
+    // expire after 24 hours
+    expireAfterSeconds: 60 * 60 * 24,
+    key: {
+      createdAt: 1,
+    },
+    name: 'createdAt_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.samlCache, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.samlCache, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20200729120824_update_subscriptions_manager_ids_index.mjs b/services/web/migrations/20200729120824_update_subscriptions_manager_ids_index.mjs
new file mode 100644
index 0000000..aaff149
--- /dev/null
+++ b/services/web/migrations/20200729120824_update_subscriptions_manager_ids_index.mjs
@@ -0,0 +1,50 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const oldIndex = {
+  unique: true,
+  key: {
+    manager_ids: 1,
+  },
+  name: 'manager_ids_1',
+  partialFilterExpression: {
+    manager_ids: {
+      $exists: true,
+    },
+  },
+}
+
+const newIndex = {
+  key: {
+    manager_ids: 1,
+  },
+  name: 'manager_ids_1',
+  sparse: true,
+}
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.dropIndexesFromCollection(db.subscriptions, [oldIndex])
+  await Helpers.addIndexesToCollection(db.subscriptions, [newIndex])
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.subscriptions, [newIndex])
+    await Helpers.addIndexesToCollection(db.subscriptions, [oldIndex])
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20201106094956_active-projects-index-with-id.mjs b/services/web/migrations/20201106094956_active-projects-index-with-id.mjs
new file mode 100644
index 0000000..1f4a2c9
--- /dev/null
+++ b/services/web/migrations/20201106094956_active-projects-index-with-id.mjs
@@ -0,0 +1,27 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const index = {
+  key: { _id: 1, lastOpened: 1, active: 1 },
+  name: '_id_1_lastOpened_1_active_1',
+  partialFilterExpression: {
+    active: true,
+  },
+}
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.projects, [index])
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.projects, [index])
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20210310111225_create_deletedFiles_projectId_index.mjs b/services/web/migrations/20210310111225_create_deletedFiles_projectId_index.mjs
new file mode 100644
index 0000000..543f794
--- /dev/null
+++ b/services/web/migrations/20210310111225_create_deletedFiles_projectId_index.mjs
@@ -0,0 +1,28 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      projectId: 1,
+    },
+    name: 'projectId_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.deletedFiles, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.deletedFiles, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20210407085118_token-expiry-with-ttl-index.mjs b/services/web/migrations/20210407085118_token-expiry-with-ttl-index.mjs
new file mode 100644
index 0000000..02e6161
--- /dev/null
+++ b/services/web/migrations/20210407085118_token-expiry-with-ttl-index.mjs
@@ -0,0 +1,42 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = {
+  tokens: [
+    {
+      // expire all tokens 90 days after they are created
+      expireAfterSeconds: 90 * 24 * 60 * 60,
+      key: {
+        createdAt: 1,
+      },
+      name: 'createdAt_1',
+    },
+  ],
+}
+
+const migrate = async client => {
+  const { db } = client
+
+  await Promise.all(
+    Object.keys(indexes).map(key =>
+      Helpers.addIndexesToCollection(db[key], indexes[key])
+    )
+  )
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  await Promise.all(
+    Object.keys(indexes).map(key =>
+      Helpers.dropIndexesFromCollection(db[key], indexes[key])
+    )
+  )
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20210408123210_create_docs_project_id_deleted_deletedAt_index.mjs b/services/web/migrations/20210408123210_create_docs_project_id_deleted_deletedAt_index.mjs
new file mode 100644
index 0000000..6b29036
--- /dev/null
+++ b/services/web/migrations/20210408123210_create_docs_project_id_deleted_deletedAt_index.mjs
@@ -0,0 +1,30 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      project_id: 1,
+      deleted: 1,
+      deletedAt: -1,
+    },
+    name: 'project_id_deleted_deletedAt_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.docs, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.docs, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20210721081758_create_history_display_index.mjs b/services/web/migrations/20210721081758_create_history_display_index.mjs
new file mode 100644
index 0000000..0a04a8d
--- /dev/null
+++ b/services/web/migrations/20210721081758_create_history_display_index.mjs
@@ -0,0 +1,28 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: {
+      'overleaf.history.display': 1,
+    },
+    name: 'overleaf.history.display_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.projects, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.projects, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20210726083523_convert_confirmedAt_strings_to_dates.mjs b/services/web/migrations/20210726083523_convert_confirmedAt_strings_to_dates.mjs
new file mode 100644
index 0000000..8dbac84
--- /dev/null
+++ b/services/web/migrations/20210726083523_convert_confirmedAt_strings_to_dates.mjs
@@ -0,0 +1,17 @@
+import updateStringDates from '../scripts/confirmed_at_to_dates.mjs'
+
+const tags = ['saas']
+
+const migrate = async client => {
+  await updateStringDates()
+}
+
+const rollback = async client => {
+  /* nothing to do */
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20210726083523_convert_split_tests_assigned_at_strings_to_dates.mjs b/services/web/migrations/20210726083523_convert_split_tests_assigned_at_strings_to_dates.mjs
new file mode 100644
index 0000000..8dbac84
--- /dev/null
+++ b/services/web/migrations/20210726083523_convert_split_tests_assigned_at_strings_to_dates.mjs
@@ -0,0 +1,17 @@
+import updateStringDates from '../scripts/confirmed_at_to_dates.mjs'
+
+const tags = ['saas']
+
+const migrate = async client => {
+  await updateStringDates()
+}
+
+const rollback = async client => {
+  /* nothing to do */
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20210727123346_ce_sp_backfill_deleted_files.mjs b/services/web/migrations/20210727123346_ce_sp_backfill_deleted_files.mjs
new file mode 100644
index 0000000..1056270
--- /dev/null
+++ b/services/web/migrations/20210727123346_ce_sp_backfill_deleted_files.mjs
@@ -0,0 +1,20 @@
+import runScript from '../scripts/back_fill_deleted_files.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const migrate = async client => {
+  const options = {
+    performCleanup: true,
+    letUserDoubleCheckInputsFor: 10,
+    fixPartialInserts: true,
+  }
+  await runScript(options)
+}
+
+const rollback = async client => {}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20210727150530_ce_sp_backfill_deleted_docs.mjs b/services/web/migrations/20210727150530_ce_sp_backfill_deleted_docs.mjs
new file mode 100644
index 0000000..7016fd6
--- /dev/null
+++ b/services/web/migrations/20210727150530_ce_sp_backfill_deleted_docs.mjs
@@ -0,0 +1,19 @@
+import runScript from '../scripts/back_fill_doc_name_for_deleted_docs.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const migrate = async client => {
+  const options = {
+    performCleanup: true,
+    letUserDoubleCheckInputsFor: 10,
+  }
+  await runScript(options)
+}
+
+const rollback = async client => {}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20210728115327_ce_sp_backfill_dummy_doc_meta.mjs b/services/web/migrations/20210728115327_ce_sp_backfill_dummy_doc_meta.mjs
new file mode 100644
index 0000000..f58b819
--- /dev/null
+++ b/services/web/migrations/20210728115327_ce_sp_backfill_dummy_doc_meta.mjs
@@ -0,0 +1,29 @@
+import runScript from '../scripts/back_fill_dummy_doc_meta.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const migrate = async client => {
+  const { db } = client
+  const [firstProject] = await db.projects
+    .find()
+    .sort({ _id: 1 })
+    .limit(1)
+    .toArray()
+  if (!firstProject) {
+    return
+  }
+  const options = {
+    firstProjectId: firstProject._id,
+    performCleanup: true,
+    letUserDoubleCheckInputsFor: 10,
+  }
+  await runScript(options)
+}
+
+const rollback = async client => {}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20210924140139_splittests-name-index.mjs b/services/web/migrations/20210924140139_splittests-name-index.mjs
new file mode 100644
index 0000000..e6cdd7c
--- /dev/null
+++ b/services/web/migrations/20210924140139_splittests-name-index.mjs
@@ -0,0 +1,36 @@
+import Helpers from './lib/helpers.mjs'
+import mongodb from '../app/src/infrastructure/mongodb.js'
+const { getCollectionInternal } = mongodb
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: {
+      name: 1,
+    },
+    unique: true,
+    name: 'name_1',
+  },
+]
+
+async function getCollection() {
+  // NOTE: We do not access the splittests collection directly. Fetch it here.
+  return await getCollectionInternal('splittests')
+}
+
+const migrate = async client => {
+  const collection = await getCollection()
+  await Helpers.addIndexesToCollection(collection, indexes)
+}
+
+const rollback = async client => {
+  const collection = await getCollection()
+  await Helpers.dropIndexesFromCollection(collection, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20220105123000_cleanup_unused_collections.mjs b/services/web/migrations/20220105123000_cleanup_unused_collections.mjs
new file mode 100644
index 0000000..2012317
--- /dev/null
+++ b/services/web/migrations/20220105123000_cleanup_unused_collections.mjs
@@ -0,0 +1,35 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const unusedCollections = [
+  'collaberatorcount',
+  'db.subscriptions',
+  'projectsDeletedByMigration',
+  'readonlycount',
+  'samllog',
+  'sharelatex-production.docOps.2013-12-17T02-26-49.0',
+  'sharelatex-production.projects.2013-12-17T02-26-49.1',
+  'sharelatex-production.users.2013-12-17T02-26-49.2',
+  'sharelatex_production.users',
+  'totalwords',
+  'user',
+  'usersDeletedByMigration',
+  'usersEmailDomains',
+]
+
+const migrate = async () => {
+  for (const name of unusedCollections) {
+    await Helpers.dropCollection(name)
+  }
+}
+
+const rollback = async () => {
+  // We lost the indexes. There is no way back.
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20220105130000_fix_saml_indexes.mjs b/services/web/migrations/20220105130000_fix_saml_indexes.mjs
new file mode 100644
index 0000000..9f8e76a
--- /dev/null
+++ b/services/web/migrations/20220105130000_fix_saml_indexes.mjs
@@ -0,0 +1,28 @@
+import Helpers from './lib/helpers.mjs'
+import SamlLogsIndexesMigration from './20191106102104_saml-log-indexes.mjs'
+import SamlIndentifiersIndexMigration from './20191107191318_saml-indentifiers-index.mjs'
+
+const { samlLogsIndexes } = SamlLogsIndexesMigration
+const { usersIndexes } = SamlIndentifiersIndexMigration
+
+const tags = ['saas']
+
+const migrate = async ({ db }) => {
+  // Fix-up the previous SAML migrations that were operating on collections with
+  //  typos in their names.
+  await Helpers.addIndexesToCollection(
+    db.users,
+    usersIndexes.map(index => {
+      return Object.assign({}, index, { unique: true })
+    })
+  )
+  await Helpers.addIndexesToCollection(db.samlLogs, samlLogsIndexes)
+}
+
+const rollback = async () => {}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20220222095146_split_tests_analytics_enabled.mjs b/services/web/migrations/20220222095146_split_tests_analytics_enabled.mjs
new file mode 100644
index 0000000..6444cd1
--- /dev/null
+++ b/services/web/migrations/20220222095146_split_tests_analytics_enabled.mjs
@@ -0,0 +1,57 @@
+const tags = ['saas']
+
+const migrate = async client => {
+  const { db } = client
+  await db.splittests.updateMany(
+    {},
+    { $set: { 'versions.$[version].analyticsEnabled': true } },
+    {
+      arrayFilters: [
+        {
+          'version.active': true,
+          'version.analyticsEnabled': { $exists: false },
+        },
+      ],
+    }
+  )
+  await db.splittests.updateMany(
+    {},
+    { $set: { 'versions.$[version].analyticsEnabled': false } },
+    {
+      arrayFilters: [
+        {
+          'version.active': false,
+          'version.analyticsEnabled': { $exists: false },
+        },
+      ],
+    }
+  )
+}
+
+const rollback = async client => {
+  const { db } = client
+  await db.splittests.updateMany(
+    {},
+    { $unset: { 'versions.$[version].analyticsEnabled': 1 } },
+    {
+      arrayFilters: [
+        { 'version.active': true, 'version.analyticsEnabled': true },
+      ],
+    }
+  )
+  await db.splittests.updateMany(
+    {},
+    { $unset: { 'versions.$[version].analyticsEnabled': 1 } },
+    {
+      arrayFilters: [
+        { 'version.active': false, 'version.analyticsEnabled': false },
+      ],
+    }
+  )
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20220811111800_create_dropboxEntities_index.mjs b/services/web/migrations/20220811111800_create_dropboxEntities_index.mjs
new file mode 100644
index 0000000..9c4e2b1
--- /dev/null
+++ b/services/web/migrations/20220811111800_create_dropboxEntities_index.mjs
@@ -0,0 +1,28 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: {
+      entityId: 1,
+    },
+    name: 'entityId_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.dropboxEntities, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.dropboxEntities, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20220815105500_create_dropboxProjects_index.mjs b/services/web/migrations/20220815105500_create_dropboxProjects_index.mjs
new file mode 100644
index 0000000..7dace68
--- /dev/null
+++ b/services/web/migrations/20220815105500_create_dropboxProjects_index.mjs
@@ -0,0 +1,30 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: {
+      userId: 1,
+      projectId: 1,
+    },
+    unique: true,
+    name: 'projectId_userId_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.dropboxProjects, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.dropboxProjects, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20220817120900_create_dropboxProjects_index.mjs b/services/web/migrations/20220817120900_create_dropboxProjects_index.mjs
new file mode 100644
index 0000000..37a53b0
--- /dev/null
+++ b/services/web/migrations/20220817120900_create_dropboxProjects_index.mjs
@@ -0,0 +1,30 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: {
+      userId: 1,
+      dropboxId: 1,
+    },
+    unique: true,
+    name: 'userId_dropboxId_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.dropboxProjects, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.dropboxProjects, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20220825160708_recreate_dropboxEntities.mjs b/services/web/migrations/20220825160708_recreate_dropboxEntities.mjs
new file mode 100644
index 0000000..216fef7
--- /dev/null
+++ b/services/web/migrations/20220825160708_recreate_dropboxEntities.mjs
@@ -0,0 +1,38 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: { 'overleaf.userId': 1, 'dropbox.id': 1 },
+    name: 'overleaf.userId_1_dropbox.id_1',
+    unique: true,
+    partialFilterExpression: { 'dropbox.id': { $exists: true } },
+  },
+  {
+    key: { 'overleaf.userId': 1, 'overleaf.id': 1 },
+    name: 'overleaf.userId_1_overleaf.id_1',
+    unique: true,
+    partialFilterExpression: { 'overleaf.id': { $exists: true } },
+  },
+  { key: { 'overleaf.userId': 1, 'dropbox.pathLower': 'hashed' } },
+]
+
+const migrate = async client => {
+  const { db } = client
+  // Forcibly drop the dropboxEntities collection. The new structure is
+  // different and we don't want to keep the data with the old structure around.
+  await db.dropboxEntities.drop()
+  await Helpers.addIndexesToCollection(db.dropboxEntities, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.dropboxEntities, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20220826104236_disable_alpha_beta_program.mjs b/services/web/migrations/20220826104236_disable_alpha_beta_program.mjs
new file mode 100644
index 0000000..8777d77
--- /dev/null
+++ b/services/web/migrations/20220826104236_disable_alpha_beta_program.mjs
@@ -0,0 +1,17 @@
+const tags = ['server-ce', 'server-pro']
+
+const migrate = async client => {
+  const { db } = client
+  await db.users.updateMany(
+    {},
+    { $set: { alphaProgram: false, betaProgram: false } }
+  )
+}
+
+const rollback = async () => {}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20220830140459_create_index_user_labsProgram_labsProgramGalileo.mjs b/services/web/migrations/20220830140459_create_index_user_labsProgram_labsProgramGalileo.mjs
new file mode 100644
index 0000000..590854d
--- /dev/null
+++ b/services/web/migrations/20220830140459_create_index_user_labsProgram_labsProgramGalileo.mjs
@@ -0,0 +1,32 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: { labsProgram: 1 },
+    name: 'labsProgram_1',
+  },
+  {
+    key: { labsProgramGalileo: 1 },
+    name: 'labsProgramGalileo_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.users, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.users, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20220913105500_create_auditLog_indexes.mjs b/services/web/migrations/20220913105500_create_auditLog_indexes.mjs
new file mode 100644
index 0000000..8932853
--- /dev/null
+++ b/services/web/migrations/20220913105500_create_auditLog_indexes.mjs
@@ -0,0 +1,34 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    // expire after 2.5 years
+    expireAfterSeconds: 60 * 60 * 24 * 365 * 2.5,
+    key: {
+      timestamp: 1,
+    },
+    name: 'timestamp_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.projectAuditLogEntries, indexes)
+  await Helpers.addIndexesToCollection(db.userAuditLogEntries, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Promise.all([
+    Helpers.dropIndexesFromCollection(db.userAuditLogEntries, indexes),
+    Helpers.dropIndexesFromCollection(db.projectAuditLogEntries, indexes),
+  ])
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20220913125500_migrate_auditLog_to_collections.mjs b/services/web/migrations/20220913125500_migrate_auditLog_to_collections.mjs
new file mode 100644
index 0000000..7fc776e
--- /dev/null
+++ b/services/web/migrations/20220913125500_migrate_auditLog_to_collections.mjs
@@ -0,0 +1,20 @@
+import runScript from '../scripts/migrate_audit_logs.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const migrate = async () => {
+  const options = {
+    letUserDoubleCheckInputsFor: 10,
+    writeConcurrency: 5,
+    dryRun: false,
+  }
+  await runScript(options)
+}
+
+const rollback = async () => {}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20220929193200_add_auditLog_indexes.mjs b/services/web/migrations/20220929193200_add_auditLog_indexes.mjs
new file mode 100644
index 0000000..83d0e75
--- /dev/null
+++ b/services/web/migrations/20220929193200_add_auditLog_indexes.mjs
@@ -0,0 +1,47 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const projectIndexes = [
+  {
+    key: {
+      projectId: 1,
+    },
+    name: 'project_id_1',
+  },
+]
+
+const userIndexes = [
+  {
+    key: {
+      userId: 1,
+    },
+    name: 'user_id_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(
+    db.projectAuditLogEntries,
+    projectIndexes
+  )
+  await Helpers.addIndexesToCollection(db.userAuditLogEntries, userIndexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Promise.all([
+    Helpers.dropIndexesFromCollection(
+      db.projectAuditLogEntries,
+      projectIndexes
+    ),
+    Helpers.dropIndexesFromCollection(db.userAuditLogEntries, userIndexes),
+  ])
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20221111111111_ce_sp_convert_archived_state.mjs b/services/web/migrations/20221111111111_ce_sp_convert_archived_state.mjs
new file mode 100644
index 0000000..6adc8ad
--- /dev/null
+++ b/services/web/migrations/20221111111111_ce_sp_convert_archived_state.mjs
@@ -0,0 +1,15 @@
+import runScript from '../scripts/convert_archived_state.mjs'
+
+const tags = ['server-ce', 'server-pro']
+
+const migrate = async () => {
+  await runScript('FIRST,SECOND')
+}
+
+const rollback = async () => {}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20221122191857_project_history_chunks_indexes.mjs b/services/web/migrations/20221122191857_project_history_chunks_indexes.mjs
new file mode 100644
index 0000000..53f744b
--- /dev/null
+++ b/services/web/migrations/20221122191857_project_history_chunks_indexes.mjs
@@ -0,0 +1,33 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: { projectId: 1, startVersion: 1 },
+    name: 'projectId_1_startVersion_1',
+    partialFilterExpression: { state: 'active' },
+    unique: true,
+  },
+  {
+    key: { state: 1 },
+    name: 'state_1',
+    partialFilterExpression: { state: 'deleted' },
+  },
+]
+
+const migrate = async ({ db }) => {
+  await Helpers.addIndexesToCollection(db.projectHistoryChunks, indexes)
+}
+
+const rollback = async ({ db }) => {
+  await Helpers.dropIndexesFromCollection(db.projectHistoryChunks, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20230110140452_rename_recurly_cached_status.mjs b/services/web/migrations/20230110140452_rename_recurly_cached_status.mjs
new file mode 100644
index 0000000..227555b
--- /dev/null
+++ b/services/web/migrations/20230110140452_rename_recurly_cached_status.mjs
@@ -0,0 +1,59 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const migrate = async client => {
+  const { db } = client
+  // 'recurly' -> 'recurlyStatus'
+  await db.subscriptions.updateMany(
+    {
+      $and: [
+        { recurlyStatus: { $exists: false } },
+        { recurly: { $exists: true } },
+      ],
+    },
+    { $rename: { recurly: 'recurlyStatus' } }
+  )
+  // some records may have already recached the recurly status, discard old cache
+  await db.subscriptions.updateMany(
+    {
+      $and: [
+        { recurlyStatus: { $exists: true } },
+        { recurly: { $exists: true } },
+      ],
+    },
+    { $unset: { recurly: 1 } }
+  )
+}
+
+const rollback = async client => {
+  const { db } = client
+  // 'recurlyStatus' -> 'recurly'
+  await db.subscriptions.updateMany(
+    {
+      $and: [
+        { recurly: { $exists: false } },
+        { recurlyStatus: { $exists: true } },
+      ],
+    },
+    { $rename: { recurlyStatus: 'recurly' } }
+  )
+  // some records may have already recached the recurly status, discard old cache
+  await db.subscriptions.updateMany(
+    {
+      $and: [
+        { recurlyStatus: { $exists: true } },
+        { recurly: { $exists: true } },
+      ],
+    },
+    { $unset: { recurlyStatus: 1 } }
+  )
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20230124092607_clear_old_2fa_setup.mjs b/services/web/migrations/20230124092607_clear_old_2fa_setup.mjs
new file mode 100644
index 0000000..1ebded5
--- /dev/null
+++ b/services/web/migrations/20230124092607_clear_old_2fa_setup.mjs
@@ -0,0 +1,37 @@
+import { db } from '../app/src/infrastructure/mongodb.js'
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+
+const tags = ['saas']
+
+const batchedUpdateOptions = {
+  VERBOSE_LOGGING: 'true',
+  BATCH_SIZE: '1',
+}
+
+const migrate = async () => {
+  await batchedUpdate(
+    db.users,
+    { 'twoFactorAuthentication.secret': { $exists: true } },
+    { $unset: { twoFactorAuthentication: true } },
+    null,
+    null,
+    batchedUpdateOptions
+  )
+}
+
+const rollback = async () => {
+  await batchedUpdate(
+    db.users,
+    { 'twoFactorAuthentication.secretEncrypted': { $exists: true } },
+    { $unset: { twoFactorAuthentication: true } },
+    null,
+    null,
+    batchedUpdateOptions
+  )
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20230207134844_group_invite_emails_to_lowercase.mjs b/services/web/migrations/20230207134844_group_invite_emails_to_lowercase.mjs
new file mode 100644
index 0000000..fdb2bc8
--- /dev/null
+++ b/services/web/migrations/20230207134844_group_invite_emails_to_lowercase.mjs
@@ -0,0 +1,47 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const migrate = async client => {
+  const { db } = client
+  db.subscriptions.updateMany(
+    {
+      'teamInvites.0': {
+        $exists: true,
+      },
+    },
+    [
+      {
+        $set: {
+          teamInvites: {
+            $map: {
+              input: '$teamInvites',
+              in: {
+                $mergeObjects: [
+                  '$$this',
+                  {
+                    email: {
+                      $toLower: '$$this.email',
+                    },
+                  },
+                ],
+              },
+            },
+          },
+        },
+      },
+    ]
+  )
+}
+
+const rollback = async client => {
+  // There is no way back.
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20230217205311_fix_deleted_history_chunks_index.mjs b/services/web/migrations/20230217205311_fix_deleted_history_chunks_index.mjs
new file mode 100644
index 0000000..fd232d7
--- /dev/null
+++ b/services/web/migrations/20230217205311_fix_deleted_history_chunks_index.mjs
@@ -0,0 +1,30 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    // The { state: -1 } sort order works around a restriction of Mongo 4.4
+    // where it doesn't allow multiple indexes with the same keys and different
+    // options. The restriction has been lifted in Mongo 5.0
+    //
+    // See https://www.mongodb.com/docs/manual/core/index-partial/#restrictions
+    key: { state: -1 },
+    name: 'state_pending',
+    partialFilterExpression: { state: 'pending' },
+  },
+]
+
+const migrate = async ({ db }) => {
+  await Helpers.addIndexesToCollection(db.projectHistoryChunks, indexes)
+}
+
+const rollback = async ({ db }) => {
+  await Helpers.dropIndexesFromCollection(db.projectHistoryChunks, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20230315170739_back_fill_doc_rev.mjs b/services/web/migrations/20230315170739_back_fill_doc_rev.mjs
new file mode 100644
index 0000000..c435817
--- /dev/null
+++ b/services/web/migrations/20230315170739_back_fill_doc_rev.mjs
@@ -0,0 +1,15 @@
+import runScript from '../scripts/back_fill_doc_rev.mjs'
+
+const tags = ['server-ce', 'server-pro']
+
+const migrate = async () => {
+  await runScript(false)
+}
+
+const rollback = async () => {}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20230405190240_oauth_refresh_tokens_index.mjs b/services/web/migrations/20230405190240_oauth_refresh_tokens_index.mjs
new file mode 100644
index 0000000..56f66b5
--- /dev/null
+++ b/services/web/migrations/20230405190240_oauth_refresh_tokens_index.mjs
@@ -0,0 +1,53 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const OLD_INDEX = {
+  key: { refreshToken: 1 },
+  name: 'refreshToken_1',
+  unique: true,
+}
+const NEW_INDEX = {
+  key: { refreshToken: 1 },
+  name: 'refreshToken_1',
+  unique: true,
+  partialFilterExpression: { refreshToken: { $exists: true } },
+}
+const TMP_INDEX = {
+  key: { refreshToken: 1, dummyField: 1 },
+  name: 'refreshToken_tmp',
+}
+
+const migrate = async client => {
+  const { db } = client
+  // Create a temporary index so that the refresh tokens are not left unindexed
+  // while we drop the index and recreate it.
+  await Helpers.addIndexesToCollection(db.oauthAccessTokens, [TMP_INDEX])
+
+  // Drop and recreate the index with different options
+  await Helpers.dropIndexesFromCollection(db.oauthAccessTokens, [OLD_INDEX])
+  await Helpers.addIndexesToCollection(db.oauthAccessTokens, [NEW_INDEX])
+
+  // Drop the temporary index
+  await Helpers.dropIndexesFromCollection(db.oauthAccessTokens, [TMP_INDEX])
+}
+
+const rollback = async client => {
+  const { db } = client
+  // Create a temporary index so that the refresh tokens are not left unindexed
+  // while we drop the index and recreate it.
+  await Helpers.addIndexesToCollection(db.oauthAccessTokens, [TMP_INDEX])
+
+  // Drop and recreate the index with different options
+  await Helpers.dropIndexesFromCollection(db.oauthAccessTokens, [NEW_INDEX])
+  await Helpers.addIndexesToCollection(db.oauthAccessTokens, [OLD_INDEX])
+
+  // Drop the temporary index
+  await Helpers.dropIndexesFromCollection(db.oauthAccessTokens, [TMP_INDEX])
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20230406125632_oauth_tokens_ttl.mjs b/services/web/migrations/20230406125632_oauth_tokens_ttl.mjs
new file mode 100644
index 0000000..e6e64f6
--- /dev/null
+++ b/services/web/migrations/20230406125632_oauth_tokens_ttl.mjs
@@ -0,0 +1,41 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const ACCESS_TOKENS_INDEX = {
+  name: 'expiresAt_1',
+  key: { expiresAt: 1 },
+  partialFilterExpression: { expiresAt: { $exists: true } },
+  expireAfterSeconds: 0,
+}
+
+const AUTHORIZATION_CODES_INDEX = {
+  name: 'expiresAt_1',
+  key: { expiresAt: 1 },
+  partialFilterExpression: { expiresAt: { $exists: true } },
+  expireAfterSeconds: 0,
+}
+
+const migrate = async ({ db }) => {
+  await Helpers.addIndexesToCollection(db.oauthAccessTokens, [
+    ACCESS_TOKENS_INDEX,
+  ])
+  await Helpers.addIndexesToCollection(db.oauthAuthorizationCodes, [
+    AUTHORIZATION_CODES_INDEX,
+  ])
+}
+
+const rollback = async ({ db }) => {
+  await Helpers.dropIndexesFromCollection(db.oauthAccessTokens, [
+    ACCESS_TOKENS_INDEX,
+  ])
+  await Helpers.dropIndexesFromCollection(db.oauthAuthorizationCodes, [
+    AUTHORIZATION_CODES_INDEX,
+  ])
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20230426095212_personal_oauth_tokens_user_index.mjs b/services/web/migrations/20230426095212_personal_oauth_tokens_user_index.mjs
new file mode 100644
index 0000000..67c7bb9
--- /dev/null
+++ b/services/web/migrations/20230426095212_personal_oauth_tokens_user_index.mjs
@@ -0,0 +1,27 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: { user_id: 1 },
+    name: 'pat_user_id_1',
+    partialFilterExpression: { type: 'pat' },
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.oauthAccessTokens, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.oauthAccessTokens, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20230428154643_history_chunks_garbage_collection_index.mjs b/services/web/migrations/20230428154643_history_chunks_garbage_collection_index.mjs
new file mode 100644
index 0000000..0fd1608
--- /dev/null
+++ b/services/web/migrations/20230428154643_history_chunks_garbage_collection_index.mjs
@@ -0,0 +1,64 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const oldIndexes = [
+  {
+    key: {
+      state: 1,
+    },
+    name: 'state_1',
+    partialFilterExpression: {
+      state: 'deleted',
+    },
+  },
+  {
+    key: {
+      state: -1,
+    },
+    name: 'state_pending',
+    partialFilterExpression: {
+      state: 'pending',
+    },
+  },
+]
+const newIndexes = [
+  {
+    key: {
+      updatedAt: 1,
+    },
+    name: 'deleted_updated_at',
+    partialFilterExpression: {
+      state: 'deleted',
+    },
+  },
+  {
+    key: {
+      updatedAt: -1,
+    },
+    name: 'pending_updated_at',
+    partialFilterExpression: {
+      state: 'pending',
+    },
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.projectHistoryChunks, newIndexes)
+  await Helpers.dropIndexesFromCollection(db.projectHistoryChunks, oldIndexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.projectHistoryChunks, oldIndexes)
+  await Helpers.dropIndexesFromCollection(db.projectHistoryChunks, newIndexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20230502180757_server_pro_oauth_indexes.mjs b/services/web/migrations/20230502180757_server_pro_oauth_indexes.mjs
new file mode 100644
index 0000000..a3e0522
--- /dev/null
+++ b/services/web/migrations/20230502180757_server_pro_oauth_indexes.mjs
@@ -0,0 +1,53 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-pro']
+
+const OAUTH_APPLICATIONS_INDEX = {
+  key: { id: 1 },
+  unique: true,
+  name: 'id_1',
+}
+
+const OAUTH_ACCESS_TOKENS_INDEX = {
+  key: { accessToken: 1 },
+  unique: true,
+  name: 'accessToken_1',
+}
+
+const OAUTH_AUTHORIZATION_CODES_INDEX = {
+  key: { authorizationCode: 1 },
+  unique: true,
+  name: 'authorizationCode_1',
+}
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.oauthApplications, [
+    OAUTH_APPLICATIONS_INDEX,
+  ])
+  await Helpers.addIndexesToCollection(db.oauthAccessTokens, [
+    OAUTH_ACCESS_TOKENS_INDEX,
+  ])
+  await Helpers.addIndexesToCollection(db.oauthAuthorizationCodes, [
+    OAUTH_AUTHORIZATION_CODES_INDEX,
+  ])
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.oauthApplications, [
+    OAUTH_APPLICATIONS_INDEX,
+  ])
+  await Helpers.dropIndexesFromCollection(db.oauthAccessTokens, [
+    OAUTH_ACCESS_TOKENS_INDEX,
+  ])
+  await Helpers.dropIndexesFromCollection(db.oauthAuthorizationCodes, [
+    OAUTH_AUTHORIZATION_CODES_INDEX,
+  ])
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20230512100122_ensure_history_migration.mjs b/services/web/migrations/20230512100122_ensure_history_migration.mjs
new file mode 100644
index 0000000..9316429
--- /dev/null
+++ b/services/web/migrations/20230512100122_ensure_history_migration.mjs
@@ -0,0 +1,60 @@
+import util from 'node:util'
+const { promisify } = util
+const sleep = promisify(setTimeout)
+
+const tags = ['server-ce', 'server-pro']
+
+const migrate = async client => {
+  const { db } = client
+  const count = await db.projects.countDocuments({
+    'overleaf.history.display': { $ne: true },
+  })
+  if (count > 0) {
+    console.error(`
+-----------------------------------------------------------------------
+
+  Full Project History migration not completed for ${count} projects.
+
+  Starting with Server Pro/Community Edition version 4.0,
+  all projects must use the full project history feature.
+
+  Release 3.5 includes a migration process. Please go back to version
+   3.5 and run through the migration process:
+
+    Overleaf Toolkit setups:
+
+      toolkit$ echo "3.5.13" > config/version
+      toolkit$ bin/up
+
+    Legacy docker compose setups/Horizontal scaling setups:
+
+      Update the image tag for "services -> sharelatex" to
+        Server Pro:        quay.io/sharelatex/sharelatex-pro:3.5.13.
+        Community Edition: sharelatex/sharelatex:3.5.13
+      Then use "docker compose up" to apply the changes.
+
+  Documentation for the migration process:
+    https://github.com/overleaf/overleaf/wiki/Full-Project-History-Migration
+
+
+  Refusing to start up, exiting in 10s.
+
+-----------------------------------------------------------------------
+`)
+    await sleep(10_000)
+
+    throw new Error(
+      `Found ${count} projects not migrated to Full Project History`
+    )
+  }
+}
+
+const rollback = async client => {
+  // Not applicable
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20230616153016_user_features_updated_at_index.mjs b/services/web/migrations/20230616153016_user_features_updated_at_index.mjs
new file mode 100644
index 0000000..3e8f904
--- /dev/null
+++ b/services/web/migrations/20230616153016_user_features_updated_at_index.mjs
@@ -0,0 +1,28 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const index = {
+  key: {
+    featuresUpdatedAt: 1,
+  },
+  name: 'featuresUpdatedAt_1',
+}
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.users, [index])
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.users, [index])
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20230817081910_back_fill_gitBridge_feature_server_pro.mjs b/services/web/migrations/20230817081910_back_fill_gitBridge_feature_server_pro.mjs
new file mode 100644
index 0000000..2325394
--- /dev/null
+++ b/services/web/migrations/20230817081910_back_fill_gitBridge_feature_server_pro.mjs
@@ -0,0 +1,19 @@
+const tags = ['server-ce', 'server-pro']
+
+const migrate = async () => {
+  // Run-time import as SaaS does not ship with the server-ce-scripts module
+  const { default: runScript } = await import(
+    '../modules/server-ce-scripts/scripts/upgrade-user-features.mjs'
+  )
+  await runScript(false, {
+    gitBridge: 1,
+  })
+}
+
+const rollback = async () => {}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20230928092537_backfill_subscriptions_managed_users_feature_flag.mjs b/services/web/migrations/20230928092537_backfill_subscriptions_managed_users_feature_flag.mjs
new file mode 100644
index 0000000..4d782bf
--- /dev/null
+++ b/services/web/migrations/20230928092537_backfill_subscriptions_managed_users_feature_flag.mjs
@@ -0,0 +1,23 @@
+const tags = ['saas']
+
+const migrate = async client => {
+  const { db } = client
+  await db.subscriptions.updateMany(
+    { 'features.managedUsers': { $ne: true } },
+    { $set: { 'features.managedUsers': null } }
+  )
+}
+
+const rollback = async client => {
+  const { db } = client
+  await db.subscriptions.updateMany(
+    { 'features.managedUsers': { $eq: null } },
+    { $set: { 'features.managedUsers': false } }
+  )
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20231016101457_drop_history_display_index.mjs b/services/web/migrations/20231016101457_drop_history_display_index.mjs
new file mode 100644
index 0000000..83b9e55
--- /dev/null
+++ b/services/web/migrations/20231016101457_drop_history_display_index.mjs
@@ -0,0 +1,24 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: { 'overleaf.history.display': 1 },
+    name: 'overleaf.history.display_1',
+  },
+]
+
+const migrate = async ({ db }) => {
+  await Helpers.dropIndexesFromCollection(db.projects, indexes)
+}
+
+const rollback = async ({ db }) => {
+  await Helpers.addIndexesToCollection(db.projects, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20231025094810_sso_config_certificates_array.mjs b/services/web/migrations/20231025094810_sso_config_certificates_array.mjs
new file mode 100644
index 0000000..1ec19f4
--- /dev/null
+++ b/services/web/migrations/20231025094810_sso_config_certificates_array.mjs
@@ -0,0 +1,41 @@
+const tags = ['saas']
+
+const migrate = async client => {
+  const { db } = client
+  await db.ssoConfigs.updateMany(
+    { certificate: { $exists: true }, certificates: { $exists: false } },
+    [
+      { $set: { certificates: ['$certificate'] } },
+      {
+        $unset: 'certificate',
+      },
+    ]
+  )
+  await db.ssoConfigs.updateMany(
+    { userFirstNameAttribute: null },
+    { $unset: { userFirstNameAttribute: true } }
+  )
+  await db.ssoConfigs.updateMany(
+    { userLastNameAttribute: null },
+    { $unset: { userLastNameAttribute: true } }
+  )
+}
+
+const rollback = async client => {
+  const { db } = client
+  await db.ssoConfigs.updateMany(
+    { certificate: { $exists: false }, certificates: { $exists: true } },
+    [
+      { $set: { certificate: { $arrayElemAt: ['$certificates', 0] } } },
+      {
+        $unset: 'certificates',
+      },
+    ]
+  )
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20231030160030_managed_users_enabled.mjs b/services/web/migrations/20231030160030_managed_users_enabled.mjs
new file mode 100644
index 0000000..772c9bf
--- /dev/null
+++ b/services/web/migrations/20231030160030_managed_users_enabled.mjs
@@ -0,0 +1,27 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const migrate = async client => {
+  const { db } = client
+  await db.subscriptions.updateMany(
+    { groupPolicy: { $exists: true } },
+    { $set: { managedUsersEnabled: true } }
+  )
+}
+
+const rollback = async client => {
+  const { db } = client
+  await db.subscriptions.updateMany(
+    { groupPolicy: { $exists: true } },
+    { $unset: { managedUsersEnabled: '' } }
+  )
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20231031164732_drop_redundant_indexes.mjs b/services/web/migrations/20231031164732_drop_redundant_indexes.mjs
new file mode 100644
index 0000000..c8a703f
--- /dev/null
+++ b/services/web/migrations/20231031164732_drop_redundant_indexes.mjs
@@ -0,0 +1,45 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const DOCS_INDEXES = [
+  {
+    key: { project_id: 1 },
+    name: 'project_id_1',
+  },
+]
+
+const TAGS_INDEXES = [
+  {
+    key: { user_id: 1 },
+    name: 'user_id_1',
+  },
+]
+
+const PROJECTS_INDEXES = [
+  {
+    key: { _id: 1, lastOpened: 1, active: 1 },
+    name: '_id_1_lastOpened_1_active_1',
+    partialFilterExpression: { active: true },
+  },
+]
+
+const migrate = async ({ db }) => {
+  await Helpers.dropIndexesFromCollection(db.docs, DOCS_INDEXES)
+  await Helpers.dropIndexesFromCollection(db.tags, TAGS_INDEXES)
+  await Helpers.dropIndexesFromCollection(db.projects, PROJECTS_INDEXES)
+}
+
+const rollback = async ({ db }) => {
+  await Helpers.addIndexesToCollection(db.docs, DOCS_INDEXES)
+  await Helpers.addIndexesToCollection(db.tags, TAGS_INDEXES)
+  await Helpers.addIndexesToCollection(db.projects, PROJECTS_INDEXES)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20231101153447_partial_last_opened_index.mjs b/services/web/migrations/20231101153447_partial_last_opened_index.mjs
new file mode 100644
index 0000000..e49a2e2
--- /dev/null
+++ b/services/web/migrations/20231101153447_partial_last_opened_index.mjs
@@ -0,0 +1,32 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const OLD_INDEX = {
+  name: 'active_1_lastOpened_1',
+  key: { active: 1, lastOpened: 1 },
+}
+
+const NEW_INDEX = {
+  name: 'lastOpened_1',
+  key: { lastOpened: 1 },
+  partialFilterExpression: { active: true },
+}
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.projects, [NEW_INDEX])
+  await Helpers.dropIndexesFromCollection(db.projects, [OLD_INDEX])
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.projects, [OLD_INDEX])
+  await Helpers.dropIndexesFromCollection(db.projects, [NEW_INDEX])
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20231101191643_drop_unused_indexes.mjs b/services/web/migrations/20231101191643_drop_unused_indexes.mjs
new file mode 100644
index 0000000..263b05f
--- /dev/null
+++ b/services/web/migrations/20231101191643_drop_unused_indexes.mjs
@@ -0,0 +1,79 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const PROJECTS_INDEXES = [
+  {
+    name: 'publicAccesLevel_1',
+    key: { publicAccesLevel: 1 },
+  },
+  {
+    name: 'name_1',
+    key: { name: 1 },
+  },
+  {
+    name: 'brandVariationId_1',
+    key: { brandVariationId: 1 },
+  },
+]
+
+const DOC_SNAPSHOTS_INDEXES = [
+  {
+    name: 'project_id_1',
+    key: { project_id: 1 },
+  },
+]
+
+const USERS_INDEXES = [
+  {
+    name: 'owner_ref',
+    key: { owner_ref: 1 },
+  },
+  {
+    name: 'has dropbox',
+    key: { 'dropbox.access_token.oauth_token_secret': 1 },
+  },
+  {
+    name: 'holdingAccount_1',
+    key: { holdingAccount: 1 },
+  },
+  {
+    name: 'subscription.freeTrialDowngraded_1',
+    key: { 'subscription.freeTrialDowngraded': 1 },
+  },
+  {
+    name: 'password_and_email',
+    key: { password: 1, email: 1 },
+  },
+  {
+    name: 'subscription.freeTrialExpiresAt_1',
+    key: { 'subscription.freeTrialExpiresAt': 1 },
+  },
+  {
+    name: 'auth_token_1',
+    key: { auth_token: 1 },
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.projects, PROJECTS_INDEXES)
+  await Helpers.dropIndexesFromCollection(
+    db.docSnapshots,
+    DOC_SNAPSHOTS_INDEXES
+  )
+  await Helpers.dropIndexesFromCollection(db.users, USERS_INDEXES)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.projects, PROJECTS_INDEXES)
+  await Helpers.addIndexesToCollection(db.docSnapshots, DOC_SNAPSHOTS_INDEXES)
+  await Helpers.addIndexesToCollection(db.users, USERS_INDEXES)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20231101204352_drop_unused_saas_indexes.mjs b/services/web/migrations/20231101204352_drop_unused_saas_indexes.mjs
new file mode 100644
index 0000000..68516b5
--- /dev/null
+++ b/services/web/migrations/20231101204352_drop_unused_saas_indexes.mjs
@@ -0,0 +1,42 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const SUBSCRIPTIONS_INDEXES = [
+  {
+    name: 'free_trial',
+    key: { 'freeTrial.downgraded': 1, 'freeTrial.expiresAt': 1 },
+  },
+]
+
+const USERS_INDEXES = [
+  {
+    name: 'labsProgram_1',
+    key: { labsProgram: 1 },
+  },
+  {
+    name: 'labsProgramGalileo_1',
+    key: { labsProgramGalileo: 1 },
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(
+    db.subscriptions,
+    SUBSCRIPTIONS_INDEXES
+  )
+  await Helpers.dropIndexesFromCollection(db.users, USERS_INDEXES)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.subscriptions, SUBSCRIPTIONS_INDEXES)
+  await Helpers.addIndexesToCollection(db.users, USERS_INDEXES)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20231105000000_move_doc_versions_from_docops_to_docs.mjs b/services/web/migrations/20231105000000_move_doc_versions_from_docops_to_docs.mjs
new file mode 100644
index 0000000..acb974f
--- /dev/null
+++ b/services/web/migrations/20231105000000_move_doc_versions_from_docops_to_docs.mjs
@@ -0,0 +1,60 @@
+import mongodbLegacy from 'mongodb-legacy'
+import { db, getCollectionInternal } from '../app/src/infrastructure/mongodb.js'
+const { ObjectId, ReadPreference } = mongodbLegacy
+
+const BATCH_SIZE = parseInt(process.env.BATCH_SIZE || '1000', 10)
+const MIN_ID = process.env.MIN_ID
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const migrate = async () => {
+  const docOps = await getCollectionInternal('docOps')
+
+  const filter = {}
+  if (MIN_ID) {
+    filter._id = { $gte: new ObjectId(MIN_ID) }
+  }
+  const records = docOps
+    .find(filter, { readPreference: ReadPreference.secondaryPreferred })
+    .sort({ _id: 1 })
+
+  let docsProcessed = 0
+  let batch = []
+  for await (const record of records) {
+    const docId = record.doc_id
+    const version = record.version
+    batch.push({
+      updateOne: {
+        filter: {
+          _id: docId,
+          version: { $exists: false },
+        },
+        update: { $set: { version } },
+      },
+    })
+    if (batch.length >= BATCH_SIZE) {
+      await db.docs.bulkWrite(batch, { ordered: false })
+      batch = []
+    }
+    docsProcessed += 1
+    if (docsProcessed % 100000 === 0) {
+      console.log(`${docsProcessed} docs processed - last id: ${docId}`)
+    }
+  }
+  if (batch.length > 0) {
+    await db.docs.bulkWrite(batch, { ordered: false })
+  }
+  console.log(`DONE - ${docsProcessed} docs processed`)
+}
+
+const rollback = async ({ db }) => {
+  // Nothing to do on rollback. We don't want to remove versions from the docs
+  // collection because they might be more current than the ones in the docOps
+  // collection.
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20231110192205_drop_docops_collection.mjs b/services/web/migrations/20231110192205_drop_docops_collection.mjs
new file mode 100644
index 0000000..cd0f332
--- /dev/null
+++ b/services/web/migrations/20231110192205_drop_docops_collection.mjs
@@ -0,0 +1,18 @@
+import Helper from './lib/helpers.mjs'
+const { dropCollection } = Helper
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const migrate = async () => {
+  await dropCollection('docOps')
+}
+
+const rollback = async client => {
+  // there's no rollback: we can't recover the data
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20231113173237_tokens_user_id_index.mjs b/services/web/migrations/20231113173237_tokens_user_id_index.mjs
new file mode 100644
index 0000000..9825bb6
--- /dev/null
+++ b/services/web/migrations/20231113173237_tokens_user_id_index.mjs
@@ -0,0 +1,28 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const index = {
+  key: {
+    'data.user_id': 1,
+  },
+  name: 'data.user_id_1',
+}
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.tokens, [index])
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.tokens, [index])
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20240115172206_oauth_issuer_index.mjs b/services/web/migrations/20240115172206_oauth_issuer_index.mjs
new file mode 100644
index 0000000..74633fe
--- /dev/null
+++ b/services/web/migrations/20240115172206_oauth_issuer_index.mjs
@@ -0,0 +1,31 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const index = {
+  key: {
+    oauthApplication_id: 1,
+  },
+  name: 'oauthApplication_id_1',
+  partialFilterExpression: {
+    oauthApplication_id: {
+      $exists: true,
+    },
+  },
+}
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.oauthAccessTokens, [index])
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.oauthAccessTokens, [index])
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20240220130452_remove_deleted_users_from_token_access_refs.mjs b/services/web/migrations/20240220130452_remove_deleted_users_from_token_access_refs.mjs
new file mode 100644
index 0000000..25292a7
--- /dev/null
+++ b/services/web/migrations/20240220130452_remove_deleted_users_from_token_access_refs.mjs
@@ -0,0 +1,15 @@
+import runScript from '../scripts/remove_deleted_users_from_token_access_refs.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const migrate = async () => {
+  await runScript(false)
+}
+
+const rollback = async () => {}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20240524135408_add_token_hmac_project_invite_tokens.mjs b/services/web/migrations/20240524135408_add_token_hmac_project_invite_tokens.mjs
new file mode 100644
index 0000000..5577a7f
--- /dev/null
+++ b/services/web/migrations/20240524135408_add_token_hmac_project_invite_tokens.mjs
@@ -0,0 +1,30 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+import runScript from '../scripts/backfill_project_invites_token_hmac.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const index = {
+  key: {
+    tokenHmac: 1,
+  },
+  name: 'tokenHmac_1',
+}
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.projectInvites, [index])
+  await runScript(false)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.projectInvites, [index])
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20240531082910_remove_project_invite_tokens.mjs b/services/web/migrations/20240531082910_remove_project_invite_tokens.mjs
new file mode 100644
index 0000000..2bc34ac
--- /dev/null
+++ b/services/web/migrations/20240531082910_remove_project_invite_tokens.mjs
@@ -0,0 +1,21 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.assertDependency(
+    '20240524135408_add_token_hmac_project_invite_tokens'
+  )
+  await db.projectInvites.updateMany({}, { $unset: { token: 1 } })
+}
+
+const rollback = async client => {}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20240618125145_cleanup_user_features_templates.mjs b/services/web/migrations/20240618125145_cleanup_user_features_templates.mjs
new file mode 100644
index 0000000..5095020
--- /dev/null
+++ b/services/web/migrations/20240618125145_cleanup_user_features_templates.mjs
@@ -0,0 +1,20 @@
+import { db } from '../app/src/infrastructure/mongodb.js'
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const migrate = async () => {
+  await batchedUpdate(
+    db.users,
+    { 'features.templates': { $exists: true } },
+    { $unset: { 'features.templates': true } }
+  )
+}
+
+const rollback = async () => {}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20240625101055_add_ai_policy_to_group_policy.mjs b/services/web/migrations/20240625101055_add_ai_policy_to_group_policy.mjs
new file mode 100644
index 0000000..bb3d936
--- /dev/null
+++ b/services/web/migrations/20240625101055_add_ai_policy_to_group_policy.mjs
@@ -0,0 +1,23 @@
+const tags = ['saas']
+
+const migrate = async client => {
+  const { db } = client
+  await db.grouppolicies.updateMany(
+    {},
+    { $set: { userCannotUseAIFeatures: true } }
+  )
+}
+
+const rollback = async client => {
+  const { db } = client
+  await db.grouppolicies.updateMany(
+    {},
+    { $unset: { userCannotUseAIFeatures: '' } }
+  )
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/202407131109055_admin_reversed_hostname.mjs b/services/web/migrations/202407131109055_admin_reversed_hostname.mjs
new file mode 100644
index 0000000..ad1adaa
--- /dev/null
+++ b/services/web/migrations/202407131109055_admin_reversed_hostname.mjs
@@ -0,0 +1,66 @@
+const tags = ['server-ce', 'server-pro']
+
+const migrate = async client => {
+  const { db } = client
+
+  const adminsWithEmails = await db.users
+    .find(
+      {
+        isAdmin: true,
+        emails: { $exists: true },
+      },
+      { _id: 1, emails: 1 }
+    )
+    .toArray()
+
+  for (const { _id, emails } of adminsWithEmails) {
+    let shouldUpdateEmails = false
+    for (const emailObj of emails) {
+      if (!emailObj.reversedHostname) {
+        shouldUpdateEmails = true
+        emailObj.reversedHostname = emailObj.email
+          .split('@')[1]
+          .split('')
+          .reverse()
+          .join('')
+      }
+    }
+    if (shouldUpdateEmails) {
+      await db.users.updateOne({ _id }, { $set: { emails } })
+    }
+  }
+
+  const adminsNoEmails = await db.users
+    .find(
+      {
+        isAdmin: true,
+        emails: { $exists: false },
+      },
+      { _id: 1, email: 1 }
+    )
+    .toArray()
+
+  for (const { _id, email } of adminsNoEmails) {
+    const reversedHostname = email.split('@')[1].split('').reverse().join('')
+    await db.users.updateOne(
+      { _id },
+      {
+        emails: [
+          {
+            email,
+            reversedHostname,
+            createdAt: new Date(),
+          },
+        ],
+      }
+    )
+  }
+}
+
+const rollback = async () => {}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20240730155209_create_project_imageName_index.mjs b/services/web/migrations/20240730155209_create_project_imageName_index.mjs
new file mode 100644
index 0000000..72e1f46
--- /dev/null
+++ b/services/web/migrations/20240730155209_create_project_imageName_index.mjs
@@ -0,0 +1,24 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro']
+
+const index = {
+  key: { imageName: 1 },
+  name: 'imageName_1',
+}
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.projects, [index])
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.projects, [index])
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20240923131936_create_user_last_active_index.js b/services/web/migrations/20240923131936_create_user_last_active_index.js
new file mode 100644
index 0000000..62beada
--- /dev/null
+++ b/services/web/migrations/20240923131936_create_user_last_active_index.js
@@ -0,0 +1,20 @@
+const Helpers = require('./lib/helpers')
+
+exports.tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: { lastActive: 1 },
+    name: 'lastActive_1',
+  },
+]
+
+exports.migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.users, indexes)
+}
+
+exports.rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.users, indexes)
+}
diff --git a/services/web/migrations/20241002180623_drop_unused_collections.mjs b/services/web/migrations/20241002180623_drop_unused_collections.mjs
new file mode 100644
index 0000000..c80cee8
--- /dev/null
+++ b/services/web/migrations/20241002180623_drop_unused_collections.mjs
@@ -0,0 +1,31 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const unusedCollections = [
+  'githubBuilds',
+  'githubRepos',
+  'userstubs',
+  'templates',
+  'quotes',
+  'folders',
+  'files',
+  'objectlabs-system',
+  'objectlabs-system.admin.collections',
+]
+
+const migrate = async client => {
+  for (const name of unusedCollections) {
+    await Helpers.dropCollection(name)
+  }
+}
+
+const rollback = async client => {
+  // can't really do anything here
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20241111133330_remove_null_managed_users_sso_from_subscriptions.mjs b/services/web/migrations/20241111133330_remove_null_managed_users_sso_from_subscriptions.mjs
new file mode 100644
index 0000000..de6282d
--- /dev/null
+++ b/services/web/migrations/20241111133330_remove_null_managed_users_sso_from_subscriptions.mjs
@@ -0,0 +1,21 @@
+const tags = ['saas']
+
+const migrate = async client => {
+  const { db } = client
+  await db.subscriptions.updateMany(
+    { 'features.managedUsers': { $eq: null } },
+    { $set: { 'features.managedUsers': true } }
+  )
+  await db.subscriptions.updateMany(
+    { 'features.groupSSO': { $eq: null } },
+    { $set: { 'features.groupSSO': true } }
+  )
+}
+
+const rollback = async () => {}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20241204103349_create_reviewer_refs_index.mjs b/services/web/migrations/20241204103349_create_reviewer_refs_index.mjs
new file mode 100644
index 0000000..d70a671
--- /dev/null
+++ b/services/web/migrations/20241204103349_create_reviewer_refs_index.mjs
@@ -0,0 +1,26 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: { reviewer_refs: 1 },
+    name: 'reviewer_refs_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.projects, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.projects, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250115110745_oauth_user_id_index_no_partial.mjs b/services/web/migrations/20250115110745_oauth_user_id_index_no_partial.mjs
new file mode 100644
index 0000000..cc0bec9
--- /dev/null
+++ b/services/web/migrations/20250115110745_oauth_user_id_index_no_partial.mjs
@@ -0,0 +1,38 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const oldIndex = {
+  key: { user_id: 1 },
+  name: 'pat_user_id_1',
+  partialFilterExpression: { type: 'pat' },
+}
+
+const newIndex = {
+  key: { user_id: 1 },
+  name: 'user_id_1',
+}
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.oauthAccessTokens, [newIndex])
+  await Helpers.dropIndexesFromCollection(db.oauthAccessTokens, [oldIndex])
+}
+
+const rollback = async client => {
+  const { db } = client
+  try {
+    await Helpers.addIndexesToCollection(db.oauthAccessTokens, [oldIndex])
+    await Helpers.dropIndexesFromCollection(db.oauthAccessTokens, [newIndex])
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250116090000_onboardingDataCollection_updatedAt_index.mjs b/services/web/migrations/20250116090000_onboardingDataCollection_updatedAt_index.mjs
new file mode 100644
index 0000000..a22b2b3
--- /dev/null
+++ b/services/web/migrations/20250116090000_onboardingDataCollection_updatedAt_index.mjs
@@ -0,0 +1,30 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const index = {
+  key: { updatedAt: 1 },
+  name: 'updatedAt_1',
+}
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.onboardingDataCollection, [index])
+}
+
+const rollback = async client => {
+  const { db } = client
+  try {
+    await Helpers.dropIndexesFromCollection(db.onboardingDataCollection, [
+      index,
+    ])
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250116090001_deletedUsers_non_expired_index.mjs b/services/web/migrations/20250116090001_deletedUsers_non_expired_index.mjs
new file mode 100644
index 0000000..7113926
--- /dev/null
+++ b/services/web/migrations/20250116090001_deletedUsers_non_expired_index.mjs
@@ -0,0 +1,29 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const index = {
+  key: { 'deleterData.deletedAt': 1 },
+  partialFilterExpression: { user: { $type: 'object' } },
+  name: 'deleterData_deletedAt_user_1',
+}
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.deletedUsers, [index])
+}
+
+const rollback = async client => {
+  const { db } = client
+  try {
+    await Helpers.dropIndexesFromCollection(db.deletedUsers, [index])
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250121114712_add_chat_policy_to_group_policy.mjs b/services/web/migrations/20250121114712_add_chat_policy_to_group_policy.mjs
new file mode 100644
index 0000000..6387127
--- /dev/null
+++ b/services/web/migrations/20250121114712_add_chat_policy_to_group_policy.mjs
@@ -0,0 +1,17 @@
+const tags = ['saas']
+
+const migrate = async client => {
+  const { db } = client
+  await db.grouppolicies.updateMany({}, { $set: { userCannotUseChat: false } })
+}
+
+const rollback = async client => {
+  const { db } = client
+  await db.grouppolicies.updateMany({}, { $unset: { userCannotUseChat: '' } })
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250126195914_update_deleterData.deletedAt_index.mjs b/services/web/migrations/20250126195914_update_deleterData.deletedAt_index.mjs
new file mode 100644
index 0000000..b2264a0
--- /dev/null
+++ b/services/web/migrations/20250126195914_update_deleterData.deletedAt_index.mjs
@@ -0,0 +1,44 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const oldIndex = {
+  key: {
+    'deleterData.deletedAt': 1,
+  },
+  name: 'deleterData.deletedAt_1',
+}
+
+const newIndex = {
+  key: {
+    'deleterData.deletedAt': 1,
+  },
+  name: 'deleterData.deletedAt_1',
+  partialFilterExpression: { project: { $type: 'object' } },
+}
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.dropIndexesFromCollection(db.deletedProjects, [oldIndex])
+  await Helpers.addIndexesToCollection(db.deletedProjects, [newIndex])
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.deletedProjects, [newIndex])
+    await Helpers.addIndexesToCollection(db.deletedProjects, [oldIndex])
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250130104049_create_dropboxEntities_userId_projectId_index.mjs b/services/web/migrations/20250130104049_create_dropboxEntities_userId_projectId_index.mjs
new file mode 100644
index 0000000..cf5e531
--- /dev/null
+++ b/services/web/migrations/20250130104049_create_dropboxEntities_userId_projectId_index.mjs
@@ -0,0 +1,26 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: { 'overleaf.userId': 1, 'overleaf.projectId': 1 },
+    name: 'overleaf_userId_1_overleaf_projectId_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.dropboxEntities, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.dropboxEntities, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250203164153_create_project_pendingChangeAt_index.mjs b/services/web/migrations/20250203164153_create_project_pendingChangeAt_index.mjs
new file mode 100644
index 0000000..0962b27
--- /dev/null
+++ b/services/web/migrations/20250203164153_create_project_pendingChangeAt_index.mjs
@@ -0,0 +1,31 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: { 'overleaf.backup.pendingChangeAt': 1 },
+    name: 'overleaf_backup_pendingChangeAt_1',
+    partialFilterExpression: {
+      'overleaf.backup.pendingChangeAt': { $exists: true },
+    },
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.projects, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.projects, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250205145327_drop_rooms_projectId_index.mjs b/services/web/migrations/20250205145327_drop_rooms_projectId_index.mjs
new file mode 100644
index 0000000..e83b284
--- /dev/null
+++ b/services/web/migrations/20250205145327_drop_rooms_projectId_index.mjs
@@ -0,0 +1,30 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      project_id: 1,
+    },
+    name: 'project_id',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.rooms, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.rooms, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250206103037_create_rooms_projectId_threadId_index.mjs b/services/web/migrations/20250206103037_create_rooms_projectId_threadId_index.mjs
new file mode 100644
index 0000000..f603314
--- /dev/null
+++ b/services/web/migrations/20250206103037_create_rooms_projectId_threadId_index.mjs
@@ -0,0 +1,31 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      project_id: 1,
+      thread_id: 1,
+    },
+    name: 'project_id_1_thread_id_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.rooms, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.rooms, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250212144722_clear_history_metadata.mjs b/services/web/migrations/20250212144722_clear_history_metadata.mjs
new file mode 100644
index 0000000..025c65b
--- /dev/null
+++ b/services/web/migrations/20250212144722_clear_history_metadata.mjs
@@ -0,0 +1,30 @@
+/* eslint-disable no-unused-vars */
+
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+
+const tags = ['saas']
+
+const migrate = async client => {
+  const { db } = client
+
+  await batchedUpdate(
+    db.projects,
+    { 'overleaf.history.currentEndVersion': { $exists: true } },
+    {
+      $unset: {
+        'overleaf.history.currentEndVersion': true,
+        'overleaf.history.currentEndTimestamp': true,
+        'overleaf.history.updatedAt': true,
+        'overleaf.backup.pendingChangeAt': true,
+      },
+    }
+  )
+}
+
+const rollback = async client => {}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250307120446_create_project_lastBackedUpVersion_index.mjs b/services/web/migrations/20250307120446_create_project_lastBackedUpVersion_index.mjs
new file mode 100644
index 0000000..16b8e68
--- /dev/null
+++ b/services/web/migrations/20250307120446_create_project_lastBackedUpVersion_index.mjs
@@ -0,0 +1,31 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: { 'overleaf.backup.lastBackedUpVersion': 1 },
+    name: 'overleaf.backup.lastBackedUpVersion_1',
+    partialFilterExpression: {
+      'overleaf.backup.lastBackedUpVersion': { $in: [null] },
+    },
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.projects, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.projects, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250318144744_add_subscription_and_deleted_subscription_indexes.mjs b/services/web/migrations/20250318144744_add_subscription_and_deleted_subscription_indexes.mjs
new file mode 100644
index 0000000..3845011
--- /dev/null
+++ b/services/web/migrations/20250318144744_add_subscription_and_deleted_subscription_indexes.mjs
@@ -0,0 +1,66 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const deletedSubscriptionIndexes = [
+  {
+    key: {
+      'subscription.groupPlan': 1,
+    },
+    name: 'subscription.groupPlan_1',
+  },
+]
+
+const subscriptionIndexes = [
+  {
+    key: {
+      groupPlan: 1,
+    },
+    name: 'groupPlan_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(
+    db.deletedSubscriptions,
+    deletedSubscriptionIndexes
+  )
+
+  await Helpers.addIndexesToCollection(db.subscriptions, subscriptionIndexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(
+      db.deletedSubscriptions,
+      deletedSubscriptionIndexes
+    )
+  } catch (err) {
+    console.error(
+      'Something went wrong rolling back the deletedSubscriptions migration',
+      err
+    )
+  }
+
+  try {
+    await Helpers.dropIndexesFromCollection(
+      db.subscriptions,
+      subscriptionIndexes
+    )
+  } catch (err) {
+    console.error(
+      'Something went wrong rolling back the subscription migration',
+      err
+    )
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250319110212_update_saml_logs_indexes.mjs b/services/web/migrations/20250319110212_update_saml_logs_indexes.mjs
new file mode 100644
index 0000000..3874e57
--- /dev/null
+++ b/services/web/migrations/20250319110212_update_saml_logs_indexes.mjs
@@ -0,0 +1,66 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexesToDelete = [
+  {
+    key: {
+      providerId: 1,
+    },
+    name: 'providerId_1',
+  },
+  {
+    key: {
+      sessionId: 1,
+    },
+    name: 'sessionId_1',
+  },
+]
+
+const indexesToAdd = [
+  {
+    key: {
+      providerId: 1,
+      _id: 1,
+    },
+    name: 'providerId_id_1',
+  },
+  {
+    key: {
+      sessionId: 1,
+      _id: 1,
+    },
+    name: 'sessionId_id_1',
+  },
+  {
+    key: {
+      userId: 1,
+      _id: 1,
+    },
+    name: 'userId_id_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.samlLogs, indexesToAdd)
+  await Helpers.dropIndexesFromCollection(db.samlLogs, indexesToDelete)
+}
+
+const rollback = async client => {
+  const { db } = client
+  try {
+    await Helpers.addIndexesToCollection(db.samlLogs, indexesToDelete)
+    await Helpers.dropIndexesFromCollection(db.samlLogs, indexesToAdd)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250320161029_update_inactive_project_index.mjs b/services/web/migrations/20250320161029_update_inactive_project_index.mjs
new file mode 100644
index 0000000..a505f90
--- /dev/null
+++ b/services/web/migrations/20250320161029_update_inactive_project_index.mjs
@@ -0,0 +1,64 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const oldIndex = {
+  key: {
+    lastOpened: 1,
+  },
+  name: 'lastOpened_1',
+}
+
+const newIndex = {
+  key: {
+    lastOpened: 1,
+  },
+  name: 'active_true_lastOpened_1',
+  partialFilterExpression: { active: true },
+}
+
+const tmpIndex = {
+  key: { lastOpened: 1, dummyField: 1 },
+  name: 'lastOpened_tmp',
+}
+
+const migrate = async client => {
+  const { db } = client
+
+  // Create a temporary index so that projects are not left unindexed while we
+  // drop the index and recreate it.
+  await Helpers.addIndexesToCollection(db.projects, [tmpIndex])
+
+  // Drop and recreate the index with different options
+  await Helpers.dropIndexesFromCollection(db.projects, [oldIndex])
+  await Helpers.addIndexesToCollection(db.projects, [newIndex])
+
+  // Drop the temporary index
+  await Helpers.dropIndexesFromCollection(db.projects, [tmpIndex])
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    // Create a temporary index so that projects are not left unindexed while we
+    // drop the index and recreate it.
+    await Helpers.addIndexesToCollection(db.projects, [tmpIndex])
+
+    // Drop and recreate the index with different options
+    await Helpers.dropIndexesFromCollection(db.projects, [newIndex])
+    await Helpers.addIndexesToCollection(db.projects, [oldIndex])
+
+    // Drop the temporary index
+    await Helpers.dropIndexesFromCollection(db.projects, [tmpIndex])
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250321092555_add_deleted_to_project_id_in_s3_index.mjs b/services/web/migrations/20250321092555_add_deleted_to_project_id_in_s3_index.mjs
new file mode 100644
index 0000000..871775c
--- /dev/null
+++ b/services/web/migrations/20250321092555_add_deleted_to_project_id_in_s3_index.mjs
@@ -0,0 +1,31 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const oldIndex = {
+  key: { project_id: 1, inS3: 1 },
+  name: 'project_id_1_inS3_1',
+}
+
+const newIndex = {
+  key: { project_id: 1, inS3: 1, deleted: 1 },
+  name: 'project_id_1_inS3_1_deleted_1',
+}
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.docs, [newIndex])
+  await Helpers.dropIndexesFromCollection(db.docs, [oldIndex])
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.docs, [oldIndex])
+  await Helpers.dropIndexesFromCollection(db.docs, [newIndex])
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250321094339_update_saml_identifiers_indexes.mjs b/services/web/migrations/20250321094339_update_saml_identifiers_indexes.mjs
new file mode 100644
index 0000000..9bfa982
--- /dev/null
+++ b/services/web/migrations/20250321094339_update_saml_identifiers_indexes.mjs
@@ -0,0 +1,47 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexesToDelete = [
+  {
+    key: {
+      'samlIdentifiers.externalUserId': 1,
+      'samlIdentifiers.providerId': 1,
+    },
+    name: 'samlIdentifiers.externalUserId_1_samlIdentifiers.providerId_1',
+    sparse: true,
+  },
+]
+
+const newIndexes = [
+  {
+    key: {
+      'samlIdentifiers.providerId': 1,
+      'samlIdentifiers.externalUserId': 1,
+    },
+    name: 'samlIdentifiers.providerId_samlIdentifiers.externalUserId_1_1',
+    sparse: true,
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.users, newIndexes)
+  await Helpers.dropIndexesFromCollection(db.users, indexesToDelete)
+}
+
+const rollback = async client => {
+  const { db } = client
+  try {
+    await Helpers.addIndexesToCollection(db.users, indexesToDelete)
+    await Helpers.dropIndexesFromCollection(db.users, newIndexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250321112055_create_deletedUsers_email_indexes.mjs b/services/web/migrations/20250321112055_create_deletedUsers_email_indexes.mjs
new file mode 100644
index 0000000..3c00381
--- /dev/null
+++ b/services/web/migrations/20250321112055_create_deletedUsers_email_indexes.mjs
@@ -0,0 +1,47 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const indexes = [
+  {
+    key: {
+      'user.email': 1,
+    },
+    name: 'user.email_1',
+  },
+  {
+    key: {
+      'user.emails.email': 1,
+    },
+    partialFilterExpression: {
+      'user.emails.email': {
+        $exists: true,
+      },
+    },
+    name: 'user.emails.email_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+
+  await Helpers.addIndexesToCollection(db.deletedUsers, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+
+  try {
+    await Helpers.dropIndexesFromCollection(db.deletedUsers, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250321135735_add_email_to_emails_reversed_hostname_index.mjs b/services/web/migrations/20250321135735_add_email_to_emails_reversed_hostname_index.mjs
new file mode 100644
index 0000000..f6157f4
--- /dev/null
+++ b/services/web/migrations/20250321135735_add_email_to_emails_reversed_hostname_index.mjs
@@ -0,0 +1,36 @@
+import Helpers from './lib/helpers.mjs'
+
+const oldIndex = {
+  key: {
+    'emails.reversedHostname': 1,
+  },
+  name: 'emails.reversedHostname_1',
+}
+
+const newIndex = {
+  key: {
+    'emails.reversedHostname': 1,
+    email: 1,
+  },
+  name: 'emails.reversedHostname_1_email_1',
+}
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.users, [newIndex])
+  await Helpers.dropIndexesFromCollection(db.users, [oldIndex])
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.users, [oldIndex])
+  await Helpers.dropIndexesFromCollection(db.users, [newIndex])
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250321160345_add_type_to_pat_user_id_index.mjs b/services/web/migrations/20250321160345_add_type_to_pat_user_id_index.mjs
new file mode 100644
index 0000000..6b546a4
--- /dev/null
+++ b/services/web/migrations/20250321160345_add_type_to_pat_user_id_index.mjs
@@ -0,0 +1,31 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const oldIndex = {
+  key: { user_id: 1 },
+  name: 'user_id_1',
+}
+
+const newIndex = {
+  key: { user_id: 1, type: 1 },
+  name: 'user_id_1_type_1',
+}
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.oauthAccessTokens, [newIndex])
+  await Helpers.dropIndexesFromCollection(db.oauthAccessTokens, [oldIndex])
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.oauthAccessTokens, [oldIndex])
+  await Helpers.dropIndexesFromCollection(db.oauthAccessTokens, [newIndex])
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250331120946_add_email_to_teamInvites_index.mjs b/services/web/migrations/20250331120946_add_email_to_teamInvites_index.mjs
new file mode 100644
index 0000000..828e3bd
--- /dev/null
+++ b/services/web/migrations/20250331120946_add_email_to_teamInvites_index.mjs
@@ -0,0 +1,37 @@
+import Helpers from './lib/helpers.mjs'
+
+const indexes = [
+  {
+    key: {
+      'teamInvites.email': 1,
+    },
+    name: 'teamInvites.email_1',
+    partialFilterExpression: {
+      'teamInvites.email': {
+        $exists: true,
+      },
+    },
+  },
+]
+
+const tags = ['saas']
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.subscriptions, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  try {
+    await Helpers.dropIndexesFromCollection(db.subscriptions, indexes)
+  } catch (err) {
+    console.error('Something went wrong rolling back the migrations', err)
+  }
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250403133427_create_index_for_script_logs.mjs b/services/web/migrations/20250403133427_create_index_for_script_logs.mjs
new file mode 100644
index 0000000..0ca677a
--- /dev/null
+++ b/services/web/migrations/20250403133427_create_index_for_script_logs.mjs
@@ -0,0 +1,32 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['saas']
+
+const indexes = [
+  {
+    key: { canonicalName: 1 },
+    name: 'canonicalName_1',
+  },
+  {
+    key: { username: 1 },
+    name: 'username_1',
+  },
+]
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.scriptLogs, indexes)
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.dropIndexesFromCollection(db.scriptLogs, indexes)
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/20250411200550_active_chunk_index_update.mjs b/services/web/migrations/20250411200550_active_chunk_index_update.mjs
new file mode 100644
index 0000000..23893a4
--- /dev/null
+++ b/services/web/migrations/20250411200550_active_chunk_index_update.mjs
@@ -0,0 +1,41 @@
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const oldIndex = {
+  name: 'projectId_1_startVersion_1',
+  key: {
+    projectId: 1,
+    startVersion: 1,
+  },
+  unique: true,
+  partialFilterExpression: { state: 'active' },
+}
+
+const newIndex = {
+  name: 'projectId_1_startVersion_1_v2',
+  key: {
+    projectId: 1,
+    startVersion: 1,
+  },
+  unique: true,
+  partialFilterExpression: { state: { $in: ['active', 'closed'] } },
+}
+
+const migrate = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.projectHistoryChunks, [newIndex])
+  await Helpers.dropIndexesFromCollection(db.projectHistoryChunks, [oldIndex])
+}
+
+const rollback = async client => {
+  const { db } = client
+  await Helpers.addIndexesToCollection(db.projectHistoryChunks, [oldIndex])
+  await Helpers.dropIndexesFromCollection(db.projectHistoryChunks, [newIndex])
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/migrations/README.md b/services/web/migrations/README.md
new file mode 100644
index 0000000..13a0865
--- /dev/null
+++ b/services/web/migrations/README.md
@@ -0,0 +1,84 @@
+# Migrations
+
+Migrations for the app environment live in this folder, and use the [East](https://github.com/okv/east) migration
+framework.
+
+We have a npm script which wraps east: `npm run migrations -- ...`
+
+For example:
+
+```shell
+npm run migrations -- list -t 'server-ce'
+```
+
+For SAAS, use the rake tasks for staging/production
+```shell
+rake deploy:migrations:list[staging]
+```
+
+### Environments and Tags
+
+Overleaf is deployed in three different environments:
+
+- `server-ce`: community edition installations (the base system)
+- `server-pro`: server pro installations
+- `saas`: the production overleaf site
+
+All migrations are tagged with the environments they should run in.
+For example, a migration that should run in every environment would be tagged with `['server-ce', 'server-pro', 'saas']`.
+
+When invoking east, we specify the relevant tags with the `-t` or `--tags` flag.
+Our adapter will refuse to run if this flag is not set.
+
+
+### Creating new migrations
+
+To create a new migration, run:
+
+```shell
+npm run migrations -- create <migration name>
+```
+
+This command will create a new migration file in the migrations folder, based on a template. The template provides
+`migrate` and `rollback` methods, which are run by the `east` binary when running the migrations. `rollback` should
+undo the changes made in `migrate`.
+
+#### Running scripts as a migration
+
+To run a script in a migration file, look at `migrations/20190730093801_script_example.js`, which runs the script
+`scripts/example/script_for_migration.mjs`. This uses a method where the script can be run standalone via `node`, or
+through the migrations' mechanism.
+
+### Running migrations
+
+To run all migrations in a server-ce environment:
+```shell
+npm run migrations -- migrate -t 'server-ce'
+# Note: They are run by default on container start.
+```
+
+To run all migrations in a SAAS environment use the rake task:
+```shell
+# list first and check that only your newly added migration is shown. If not, ask in the dev channel for help.
+rake deploy:migrations:list[staging]
+# After confirming the listing, run the migrations
+rake deploy:migrations[staging]
+```
+
+To run all migrations in the dev-env:
+```shell
+make services/web/migrate
+# Note: "make install" will pick them up as well
+```
+
+The `-t` flag also works with other `east` commands like `rollback`, and `list`.
+
+For other options, or for information on how to roll migrations back, take a look at the
+[East](https://github.com/okv/east) documentation.
+
+### Tips
+
+Try to use Mongo directly via the `db` object instead of using Mongoose models. Migrations will need to run in the
+future, and model files can change. It's unwise to make the migrations depend on code which might change.
+
+**Note:** Running `east rollback` without any arguments rolls back *all* migrations, which you may well not want.
diff --git a/services/web/migrations/lib/adapter.mjs b/services/web/migrations/lib/adapter.mjs
new file mode 100644
index 0000000..e1d4c07
--- /dev/null
+++ b/services/web/migrations/lib/adapter.mjs
@@ -0,0 +1,54 @@
+import Path from 'node:path'
+import { db } from '../../app/src/infrastructure/mongodb.js'
+import { fileURLToPath } from 'node:url'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = Path.dirname(__filename)
+
+class Adapter {
+  constructor(params) {
+    if (
+      !process.env.SKIP_TAG_CHECK &&
+      !process.argv.includes('create') &&
+      !(process.argv.includes('-t') || process.argv.includes('--tags'))
+    ) {
+      console.error("ERROR: must pass tags using '-t' or '--tags', exiting")
+      process.exit(1)
+    }
+    this.params = params || {}
+  }
+
+  getTemplatePath() {
+    return Path.resolve(__dirname, 'template.mjs')
+  }
+
+  async connect() {
+    return { db }
+  }
+
+  disconnect() {
+    return Promise.resolve()
+  }
+
+  async getExecutedMigrationNames() {
+    const migrations = await db.migrations
+      .find({}, { sort: { migratedAt: 1 }, projection: { name: 1 } })
+      .toArray()
+    return migrations.map(migration => migration.name)
+  }
+
+  async markExecuted(name) {
+    return db.migrations.insertOne({
+      name,
+      migratedAt: new Date(),
+    })
+  }
+
+  async unmarkExecuted(name) {
+    return db.migrations.deleteOne({
+      name,
+    })
+  }
+}
+
+export default Adapter
diff --git a/services/web/migrations/lib/helpers.mjs b/services/web/migrations/lib/helpers.mjs
new file mode 100644
index 0000000..bcca1e2
--- /dev/null
+++ b/services/web/migrations/lib/helpers.mjs
@@ -0,0 +1,84 @@
+// @ts-check
+
+import {
+  db,
+  getCollectionNames,
+  getCollectionInternal,
+} from '../../app/src/infrastructure/mongodb.js'
+
+/**
+ * @typedef {import('mongodb-legacy').Document} Collection
+ * @typedef {import('mongodb-legacy').Collection<Document>} Collection
+ */
+
+/**
+ * @param {Collection} collection
+ * @param {Array<{ name: string }>} indexes
+ * @return {Promise<void>}
+ */
+async function addIndexesToCollection(collection, indexes) {
+  await Promise.all(
+    indexes.map(index => {
+      index.background = true
+      return collection.createIndex(index.key, index)
+    })
+  )
+}
+
+/**
+ * @param {Collection} collection
+ * @param {Array<{ name: string }>} indexes
+ * @return {Promise<void>}
+ */
+async function dropIndexesFromCollection(collection, indexes) {
+  await Promise.all(
+    indexes.map(async index => {
+      try {
+        await collection.dropIndex(index.name)
+      } catch (err) {
+        if (err.code === 27 /* IndexNotFound */) {
+          console.log(`Index ${index.name} not found; drop was a no-op.`)
+        } else {
+          throw err
+        }
+      }
+    })
+  )
+}
+
+/**
+ * @param {string} collectionName
+ * @return {Promise<void>}
+ */
+async function dropCollection(collectionName) {
+  if (db[collectionName]) {
+    throw new Error(`blocking drop of an active collection: ${collectionName}`)
+  }
+
+  const allCollections = await getCollectionNames()
+  if (!allCollections.includes(collectionName)) return
+  const collection = await getCollectionInternal(collectionName)
+  await collection.drop()
+}
+
+/**
+ * Asserts that a dependent migration has run. Throws an error otherwise.
+ *
+ * @param {string} migrationName
+ */
+async function assertDependency(migrationName) {
+  const migrations = await getCollectionInternal('migrations')
+  const migration = await migrations.findOne({ name: migrationName })
+  if (migration == null) {
+    throw new Error(
+      `Bad migration order: ${migrationName} should run before this migration`
+    )
+  }
+}
+
+export default {
+  addIndexesToCollection,
+  dropIndexesFromCollection,
+  dropCollection,
+  assertDependency,
+}
diff --git a/services/web/migrations/lib/template.mjs b/services/web/migrations/lib/template.mjs
new file mode 100644
index 0000000..742df1d
--- /dev/null
+++ b/services/web/migrations/lib/template.mjs
@@ -0,0 +1,26 @@
+/* eslint-disable no-unused-vars */
+
+import Helpers from './lib/helpers.mjs'
+
+const tags = ['server-ce', 'server-pro', 'saas']
+
+const migrate = async client => {
+  const { db } = client
+  // Are there migrations that need to run before this migration?
+  // Use the following helper to enforce the dependency:
+  //
+  // await Helpers.assertDependency('20200101000000_another_migration')
+
+  // await Helpers.addIndexesToCollection(db.wombats, [{ name: 1 }])
+}
+
+const rollback = async client => {
+  const { db } = client
+  // await Helpers.dropIndexesFromCollection(db.wombats, [{ name: 1 }])
+}
+
+export default {
+  tags,
+  migrate,
+  rollback,
+}
diff --git a/services/web/modules/history-v1/index.mjs b/services/web/modules/history-v1/index.mjs
new file mode 100644
index 0000000..87dd319
--- /dev/null
+++ b/services/web/modules/history-v1/index.mjs
@@ -0,0 +1,6 @@
+/** @import { WebModule } from "../../types/web-module" */
+
+/** @type {WebModule} */
+const HistoryModule = {}
+
+export default HistoryModule
diff --git a/services/web/modules/history-v1/test/acceptance/config/settings.test.js b/services/web/modules/history-v1/test/acceptance/config/settings.test.js
new file mode 100644
index 0000000..07225a8
--- /dev/null
+++ b/services/web/modules/history-v1/test/acceptance/config/settings.test.js
@@ -0,0 +1,7 @@
+const base = require(process.env.BASE_CONFIG)
+
+module.exports = base.mergeWith({
+  test: {
+    counterInit: 190000,
+  },
+})
diff --git a/services/web/modules/history-v1/test/acceptance/src/HistoryTests.mjs b/services/web/modules/history-v1/test/acceptance/src/HistoryTests.mjs
new file mode 100644
index 0000000..583f79a
--- /dev/null
+++ b/services/web/modules/history-v1/test/acceptance/src/HistoryTests.mjs
@@ -0,0 +1,338 @@
+import { expect } from 'chai'
+
+import _ from 'lodash'
+import { db, ObjectId } from '../../../../../app/src/infrastructure/mongodb.js'
+import User from '../../../../../test/acceptance/src/helpers/User.mjs'
+import MockV1HistoryApiClass from '../../../../../test/acceptance/src/mocks/MockV1HistoryApi.mjs'
+
+let MockV1HistoryApi
+
+before(function () {
+  MockV1HistoryApi = MockV1HistoryApiClass.instance()
+})
+
+describe('History', function () {
+  beforeEach(function (done) {
+    this.owner = new User()
+    this.owner.login(done)
+  })
+
+  describe('zip download of version', function () {
+    it('should stream the zip file of a version', function (done) {
+      this.owner.createProject('example-project', (error, projectId) => {
+        this.project_id = projectId
+        if (error) {
+          return done(error)
+        }
+        this.v1_history_id = 42
+        db.projects.updateOne(
+          {
+            _id: new ObjectId(this.project_id),
+          },
+          {
+            $set: {
+              'overleaf.history.id': this.v1_history_id,
+            },
+          },
+          error => {
+            if (error) {
+              return done(error)
+            }
+            this.owner.request(
+              `/project/${this.project_id}/version/42/zip`,
+              (error, response, body) => {
+                if (error) {
+                  return done(error)
+                }
+                expect(response.statusCode).to.equal(200)
+                expect(response.headers['content-type']).to.equal(
+                  'application/zip'
+                )
+                expect(response.headers['content-disposition']).to.equal(
+                  'attachment; filename="example-project (Version 42).zip"'
+                )
+                expect(body).to.equal(
+                  `Mock zip for ${this.v1_history_id} at version 42`
+                )
+                done()
+              }
+            )
+          }
+        )
+      })
+    })
+
+    describe('request abort', function () {
+      // Optional manual verification: add unique logging statements into
+      //   HistoryController._pipeHistoryZipToResponse
+      // in each of the `req.destroyed` branches and confirm that each branch
+      //  was covered.
+      beforeEach(function setupNewProject(done) {
+        this.owner.createProject('example-project', (error, projectId) => {
+          this.project_id = projectId
+          if (error) {
+            return done(error)
+          }
+          this.v1_history_id = 42
+          db.projects.updateOne(
+            { _id: new ObjectId(this.project_id) },
+            {
+              $set: {
+                'overleaf.history.id': this.v1_history_id,
+              },
+            },
+            done
+          )
+        })
+      })
+
+      it('should abort the upstream request', function (done) {
+        const request = this.owner.request(
+          `/project/${this.project_id}/version/100/zip`
+        )
+        request.on('error', err => {
+          if (err.code !== 'ECONNRESET') {
+            done(err)
+          }
+        })
+        request.on('response', response => {
+          expect(response.statusCode).to.equal(200)
+          let receivedChunks = 0
+          response.on('data', () => {
+            receivedChunks++
+          })
+          response.resume()
+
+          setTimeout(() => {
+            request.abort()
+            const receivedSoFar = receivedChunks
+            const sentSoFar = MockV1HistoryApi.sentChunks
+            // Ihe next assertions should verify that chunks are emitted
+            //  and received -- the exact number is not important.
+            // In theory we are now emitting the 3rd chunk,
+            //  so this should be exactly 3, to not make this
+            //  test flaky, we allow +- 2 chunks.
+            expect(sentSoFar).to.be.within(1, 4)
+            expect(receivedSoFar).to.be.within(1, 4)
+            setTimeout(() => {
+              // The fake-s3 service should have stopped emitting chunks.
+              // If not, that would be +5 in an ideal world (1 every 100ms).
+              // On the happy-path (it stopped) it emitted +1 which was
+              //  in-flight and another +1 before it received the abort.
+              expect(MockV1HistoryApi.sentChunks).to.be.below(sentSoFar + 5)
+              expect(MockV1HistoryApi.sentChunks).to.be.within(
+                sentSoFar,
+                sentSoFar + 2
+              )
+              done()
+            }, 500)
+          }, 200)
+        })
+      })
+
+      it('should skip the v1-history request', function (done) {
+        const request = this.owner.request(
+          `/project/${this.project_id}/version/100/zip`
+        )
+        setTimeout(() => {
+          // This is a race-condition to abort the request after the
+          //  processing of all the the express middleware completed.
+          // In case we abort before they complete, we do not hit our
+          //  abort logic, but express internal logic, which is OK.
+          request.abort()
+        }, 2)
+        request.on('error', done)
+        setTimeout(() => {
+          expect(MockV1HistoryApi.requestedZipPacks).to.equal(0)
+          done()
+        }, 500)
+      })
+
+      it('should skip the async-polling', function (done) {
+        const request = this.owner.request(
+          `/project/${this.project_id}/version/100/zip`
+        )
+        MockV1HistoryApi.events.on('v1-history-pack-zip', () => {
+          request.abort()
+        })
+        request.on('error', done)
+        setTimeout(() => {
+          expect(MockV1HistoryApi.fakeZipCall).to.equal(0)
+          done()
+        }, 3000) // initial polling delay is 2s
+      })
+
+      it('should skip the upstream request', function (done) {
+        const request = this.owner.request(
+          `/project/${this.project_id}/version/100/zip`
+        )
+        MockV1HistoryApi.events.on('v1-history-pack-zip', () => {
+          setTimeout(() => {
+            request.abort()
+          }, 1000)
+        })
+        request.on('error', done)
+        setTimeout(() => {
+          expect(MockV1HistoryApi.fakeZipCall).to.equal(0)
+          done()
+        }, 3000) // initial polling delay is 2s
+      })
+    })
+
+    it('should return 402 for non-v2-history project', function (done) {
+      this.owner.createProject('non-v2-project', (error, projectId) => {
+        this.project_id = projectId
+        if (error) {
+          return done(error)
+        }
+        db.projects.updateOne(
+          {
+            _id: new ObjectId(this.project_id),
+          },
+          {
+            $unset: {
+              'overleaf.history.id': true,
+            },
+          },
+          error => {
+            if (error) {
+              return done(error)
+            }
+            this.owner.request(
+              `/project/${this.project_id}/version/42/zip`,
+              (error, response, body) => {
+                if (error) {
+                  return done(error)
+                }
+                expect(response.statusCode).to.equal(402)
+                done()
+              }
+            )
+          }
+        )
+      })
+    })
+  })
+
+  describe('zip download, with upstream 404', function () {
+    beforeEach(function () {
+      _.remove(
+        MockV1HistoryApi.app._router.stack,
+        appRoute =>
+          appRoute.route?.path ===
+          '/api/projects/:project_id/version/:version/zip'
+      )
+      MockV1HistoryApi.app.post(
+        '/api/projects/:project_id/version/:version/zip',
+        (req, res, next) => {
+          res.sendStatus(404)
+        }
+      )
+    })
+
+    afterEach(function () {
+      MockV1HistoryApi = MockV1HistoryApiClass.instance()
+      MockV1HistoryApi.reset()
+      MockV1HistoryApi.applyRoutes()
+    })
+
+    it('should produce 404 when post request produces 404', function (done) {
+      this.owner.createProject('example-project', (error, projectId) => {
+        if (error) {
+          return done(error)
+        }
+        this.project_id = projectId
+        this.v1_history_id = 42
+        db.projects.updateOne(
+          {
+            _id: new ObjectId(this.project_id),
+          },
+          {
+            $set: {
+              'overleaf.history.id': this.v1_history_id,
+            },
+          },
+          error => {
+            if (error) {
+              return done(error)
+            }
+            this.owner.request(
+              `/project/${this.project_id}/version/42/zip`,
+              (error, response, body) => {
+                if (error) {
+                  return done(error)
+                }
+                expect(response.statusCode).to.equal(404)
+                done()
+              }
+            )
+          }
+        )
+      })
+    })
+  })
+
+  describe('zip download, with no zipUrl from upstream', function () {
+    beforeEach(function () {
+      _.remove(
+        MockV1HistoryApi.app._router.stack,
+        appRoute =>
+          appRoute.route?.path ===
+          '/api/projects/:project_id/version/:version/zip'
+      )
+      MockV1HistoryApi.app.get(
+        '/api/projects/:project_id/version/:version/zip',
+        (req, res, next) => {
+          res.sendStatus(500)
+        }
+      )
+      MockV1HistoryApi.app.post(
+        '/api/projects/:project_id/version/:version/zip',
+        (req, res, next) => {
+          res.json({ message: 'lol' })
+        }
+      )
+    })
+
+    afterEach(function () {
+      MockV1HistoryApi = MockV1HistoryApiClass.instance()
+      MockV1HistoryApi.reset()
+      MockV1HistoryApi.applyRoutes()
+    })
+
+    it('should produce 500', function (done) {
+      this.owner.createProject('example-project', (error, projectId) => {
+        if (error) {
+          return done(error)
+        }
+        this.project_id = projectId
+        this.v1_history_id = 42
+        db.projects.updateOne(
+          {
+            _id: new ObjectId(this.project_id),
+          },
+          {
+            $set: {
+              'overleaf.history.id': this.v1_history_id,
+            },
+          },
+          error => {
+            if (error) {
+              return done(error)
+            }
+            this.owner.request(
+              `/project/${this.project_id}/version/42/zip`,
+              (error, response, body) => {
+                if (error) {
+                  return done(error)
+                }
+                expect(response.statusCode).to.equal(500)
+                done()
+              }
+            )
+          }
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/modules/history-v1/test/acceptance/src/Init.mjs b/services/web/modules/history-v1/test/acceptance/src/Init.mjs
new file mode 100644
index 0000000..bd54ed3
--- /dev/null
+++ b/services/web/modules/history-v1/test/acceptance/src/Init.mjs
@@ -0,0 +1,22 @@
+import '../../../../../test/acceptance/src/helpers/InitApp.mjs'
+import MockDocstoreApi from '../../../../../test/acceptance/src/mocks/MockDocstoreApi.mjs'
+import MockDocUpdaterApi from '../../../../../test/acceptance/src/mocks/MockDocUpdaterApi.mjs'
+import MockFilestoreApi from '../../../../../test/acceptance/src/mocks/MockFilestoreApi.mjs'
+import MockNotificationsApi from '../../../../../test/acceptance/src/mocks/MockNotificationsApi.mjs'
+import MockProjectHistoryApi from '../../../../../test/acceptance/src/mocks/MockProjectHistoryApi.mjs'
+import MockSpellingApi from '../../../../../test/acceptance/src/mocks/MockSpellingApi.mjs'
+import MockV1Api from '../../../../../test/acceptance/src/mocks/MockV1Api.mjs'
+import MockV1HistoryApi from '../../../../../test/acceptance/src/mocks/MockV1HistoryApi.mjs'
+
+const mockOpts = {
+  debug: ['1', 'true', 'TRUE'].includes(process.env.DEBUG_MOCKS),
+}
+
+MockDocstoreApi.initialize(23016, mockOpts)
+MockDocUpdaterApi.initialize(23003, mockOpts)
+MockFilestoreApi.initialize(23009, mockOpts)
+MockNotificationsApi.initialize(23042, mockOpts)
+MockProjectHistoryApi.initialize(23054, mockOpts)
+MockSpellingApi.initialize(23005, mockOpts)
+MockV1Api.initialize(25000, mockOpts)
+MockV1HistoryApi.initialize(23100, mockOpts)
diff --git a/services/web/modules/history-v1/test/acceptance/src/LabelsTests.mjs b/services/web/modules/history-v1/test/acceptance/src/LabelsTests.mjs
new file mode 100644
index 0000000..4013e8d
--- /dev/null
+++ b/services/web/modules/history-v1/test/acceptance/src/LabelsTests.mjs
@@ -0,0 +1,114 @@
+import { expect } from 'chai'
+import mongodb from 'mongodb-legacy'
+import User from '../../../../../test/acceptance/src/helpers/User.mjs'
+import MockProjectHistoryApiClass from '../../../../../test/acceptance/src/mocks/MockProjectHistoryApi.mjs'
+
+const { ObjectId } = mongodb
+
+let MockProjectHistoryApi
+
+before(function () {
+  MockProjectHistoryApi = MockProjectHistoryApiClass.instance()
+})
+
+describe('Labels', function () {
+  beforeEach(function (done) {
+    this.owner = new User()
+    this.owner.login(error => {
+      if (error) {
+        throw error
+      }
+      this.owner.createProject(
+        'example-project',
+        { template: 'example' },
+        (error, projectId) => {
+          this.project_id = projectId
+          if (error) {
+            throw error
+          }
+          done()
+        }
+      )
+    })
+  })
+
+  it('getting labels', function (done) {
+    const labelId = new ObjectId().toString()
+    const comment = 'a label comment'
+    const version = 3
+    MockProjectHistoryApi.addLabel(this.project_id, {
+      id: labelId,
+      comment,
+      version,
+    })
+
+    this.owner.request(
+      {
+        method: 'GET',
+        url: `/project/${this.project_id}/labels`,
+        json: true,
+      },
+      (error, response, body) => {
+        if (error) {
+          throw error
+        }
+        expect(response.statusCode).to.equal(200)
+        expect(body).to.deep.equal([{ id: labelId, comment, version }])
+        done()
+      }
+    )
+  })
+
+  it('creating a label', function (done) {
+    const comment = 'a label comment'
+    const version = 3
+
+    this.owner.request(
+      {
+        method: 'POST',
+        url: `/project/${this.project_id}/labels`,
+        json: { comment, version },
+      },
+      (error, response, body) => {
+        if (error) {
+          throw error
+        }
+        expect(response.statusCode).to.equal(200)
+        const { label_id: labelId } = body
+        expect(MockProjectHistoryApi.getLabels(this.project_id)).to.deep.equal([
+          { id: labelId, comment, version },
+        ])
+        done()
+      }
+    )
+  })
+
+  it('deleting a label', function (done) {
+    const labelId = new ObjectId().toString()
+    const comment = 'a label comment'
+    const version = 3
+    MockProjectHistoryApi.addLabel(this.project_id, {
+      id: labelId,
+      comment,
+      version,
+    })
+
+    this.owner.request(
+      {
+        method: 'DELETE',
+        url: `/project/${this.project_id}/labels/${labelId}`,
+        json: true,
+      },
+      (error, response, body) => {
+        if (error) {
+          throw error
+        }
+        expect(response.statusCode).to.equal(204)
+        expect(MockProjectHistoryApi.getLabels(this.project_id)).to.deep.equal(
+          []
+        )
+        done()
+      }
+    )
+  })
+})
diff --git a/services/web/modules/history-v1/test/acceptance/src/ProjectStructureTests.mjs b/services/web/modules/history-v1/test/acceptance/src/ProjectStructureTests.mjs
new file mode 100644
index 0000000..6d7037a
--- /dev/null
+++ b/services/web/modules/history-v1/test/acceptance/src/ProjectStructureTests.mjs
@@ -0,0 +1,1194 @@
+import { expect } from 'chai'
+import mongodb from 'mongodb-legacy'
+import Path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import fs from 'node:fs'
+import Settings from '@overleaf/settings'
+import _ from 'lodash'
+import ProjectGetter from '../../../../../app/src/Features/Project/ProjectGetter.js'
+import User from '../../../../../test/acceptance/src/helpers/User.mjs'
+import MockDocUpdaterApiClass from '../../../../../test/acceptance/src/mocks/MockDocUpdaterApi.mjs'
+import Features from '../../../../../app/src/infrastructure/Features.js'
+
+const { ObjectId } = mongodb
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+const FILES_PATH = Path.join(__dirname, '../../../../../test/acceptance/files')
+
+let MockDocUpdaterApi
+
+before(function () {
+  MockDocUpdaterApi = MockDocUpdaterApiClass.instance()
+})
+
+describe('ProjectStructureChanges', function () {
+  let owner
+
+  beforeEach(function (done) {
+    owner = new User()
+    owner.login(done)
+  })
+
+  function createExampleProject(owner, callback) {
+    owner.createProject(
+      'example-project',
+      { template: 'example' },
+      (error, projectId) => {
+        if (error) {
+          return callback(error)
+        }
+
+        ProjectGetter.getProject(projectId, (error, project) => {
+          if (error) {
+            return callback(error)
+          }
+          const rootFolderId = project.rootFolder[0]._id.toString()
+          callback(null, projectId, rootFolderId)
+        })
+      }
+    )
+  }
+
+  function createExampleDoc(owner, projectId, callback) {
+    ProjectGetter.getProject(projectId, (error, project) => {
+      if (error) {
+        return callback(error)
+      }
+      owner.request.post(
+        {
+          uri: `project/${projectId}/doc`,
+          json: {
+            name: 'new.tex',
+            parent_folder_id: project.rootFolder[0]._id,
+          },
+        },
+        (error, res, body) => {
+          if (error) {
+            return callback(error)
+          }
+          if (res.statusCode < 200 || res.statusCode >= 300) {
+            return callback(new Error(`failed to add doc ${res.statusCode}`))
+          }
+          callback(null, body._id)
+        }
+      )
+    })
+  }
+
+  function createExampleFolder(owner, projectId, callback) {
+    owner.request.post(
+      {
+        uri: `project/${projectId}/folder`,
+        json: {
+          name: 'foo',
+        },
+      },
+      (error, res, body) => {
+        if (error) {
+          return callback(error)
+        }
+        if (res.statusCode < 200 || res.statusCode >= 300) {
+          return callback(new Error(`failed to add doc ${res.statusCode}`))
+        }
+        callback(null, body._id)
+      }
+    )
+  }
+
+  function uploadFile(
+    owner,
+    projectId,
+    folderId,
+    file,
+    name,
+    contentType,
+    callback
+  ) {
+    owner.uploadFileInProject(
+      projectId,
+      folderId,
+      file,
+      name,
+      contentType,
+      callback
+    )
+  }
+
+  function uploadExampleFile(owner, projectId, folderId, callback) {
+    owner.uploadExampleFileInProject(
+      projectId,
+      folderId,
+      '1pixel.png',
+      callback
+    )
+  }
+
+  function uploadExampleProject(owner, zipFilename, options, callback) {
+    if (typeof options === 'function') {
+      callback = options
+      options = {}
+    }
+
+    const zipFile = fs.createReadStream(Path.join(FILES_PATH, zipFilename))
+
+    owner.request.post(
+      {
+        uri: 'project/new/upload',
+        formData: {
+          name: zipFilename,
+          qqfile: zipFile,
+        },
+      },
+      (error, res, body) => {
+        if (error) {
+          return callback(error)
+        }
+        if (
+          !options.allowBadStatus &&
+          (res.statusCode < 200 || res.statusCode >= 300)
+        ) {
+          return new Error(`failed to upload project ${res.statusCode}`)
+        }
+        callback(null, JSON.parse(body).project_id, res)
+      }
+    )
+  }
+
+  function moveItem(owner, projectId, type, itemId, folderId, callback) {
+    owner.moveItemInProject(projectId, type, itemId, folderId, callback)
+  }
+
+  function renameItem(owner, projectId, type, itemId, name, callback) {
+    owner.renameItemInProject(projectId, type, itemId, name, callback)
+  }
+
+  function deleteItem(owner, projectId, type, itemId, callback) {
+    owner.deleteItemInProject(projectId, type, itemId, callback)
+  }
+
+  function verifyVersionIncremented(
+    projectId,
+    oldVersion,
+    updateVersion,
+    increment,
+    callback
+  ) {
+    expect(updateVersion).to.equal(oldVersion + increment)
+
+    ProjectGetter.getProject(projectId, (error, newProject) => {
+      if (error) {
+        return callback(error)
+      }
+
+      expect(newProject.version).to.equal(updateVersion)
+      callback()
+    })
+  }
+
+  const cases = [
+    {
+      label: 'with filestore disabled and project-history-blobs enabled',
+      disableFilestore: true,
+      enableProjectHistoryBlobs: true,
+    },
+    {
+      label: 'with filestore enabled and project-history-blobs enabled',
+      disableFilestore: false,
+      enableProjectHistoryBlobs: true,
+    },
+    {
+      label: 'with filestore enabled and project-history-blobs disabled',
+      disableFilestore: false,
+      enableProjectHistoryBlobs: false,
+    },
+  ]
+  for (const { label, disableFilestore, enableProjectHistoryBlobs } of cases) {
+    describe(label, function () {
+      const previousDisableFilestore = Settings.disableFilestore
+      const previousEnableProjectHistoryBlobs =
+        Settings.enableProjectHistoryBlobs
+      beforeEach(function () {
+        Settings.disableFilestore = disableFilestore
+        Settings.enableProjectHistoryBlobs = enableProjectHistoryBlobs
+      })
+      afterEach(function () {
+        Settings.disableFilestore = previousDisableFilestore
+        Settings.enableProjectHistoryBlobs = previousEnableProjectHistoryBlobs
+      })
+
+      describe('creating a project from the example template', function () {
+        let exampleProjectId
+
+        beforeEach(function (done) {
+          createExampleProject(owner, (err, projectId) => {
+            exampleProjectId = projectId
+            done(err)
+          })
+        })
+
+        it('should version creating a doc and a file', function () {
+          const { updates, version } =
+            MockDocUpdaterApi.getProjectStructureUpdates(exampleProjectId)
+          expect(updates.length).to.equal(3)
+          for (const update of updates.slice(0, 2)) {
+            expect(update.type).to.equal('add-doc')
+            expect(update.userId).to.equal(owner._id)
+            expect(update.docLines).to.be.a('string')
+          }
+          expect(_.filter(updates, { pathname: '/main.tex' }).length).to.equal(
+            1
+          )
+          expect(
+            _.filter(updates, { pathname: '/sample.bib' }).length
+          ).to.equal(1)
+          expect(updates[2].type).to.equal('add-file')
+          expect(updates[2].userId).to.equal(owner._id)
+          expect(updates[2].pathname).to.equal('/frog.jpg')
+          if (disableFilestore) {
+            expect(updates[2].url).to.not.exist
+            expect(updates[2].createdBlob).to.be.true
+          } else {
+            expect(updates[2].url).to.be.a('string')
+          }
+          expect(version).to.equal(3)
+        })
+      })
+
+      describe('duplicating a project', function () {
+        let dupProjectId
+
+        beforeEach(function (done) {
+          createExampleProject(owner, (err, projectId) => {
+            if (err) {
+              return done(err)
+            }
+            owner.request.post(
+              {
+                uri: `/Project/${projectId}/clone`,
+                json: {
+                  projectName: 'new.tex',
+                },
+              },
+              (error, res, body) => {
+                if (error) {
+                  throw error
+                }
+                if (res.statusCode < 200 || res.statusCode >= 300) {
+                  throw new Error(`failed to clone project ${res.statusCode}`)
+                }
+                dupProjectId = body.project_id
+                done()
+              }
+            )
+          })
+        })
+
+        it('should version the docs and files created', function () {
+          const { updates, version } =
+            MockDocUpdaterApi.getProjectStructureUpdates(dupProjectId)
+          expect(updates.length).to.equal(3)
+          for (const update of updates.slice(0, 2)) {
+            expect(update.type).to.equal('add-doc')
+            expect(update.userId).to.equal(owner._id)
+            expect(update.docLines).to.be.a('string')
+          }
+          expect(_.filter(updates, { pathname: '/main.tex' }).length).to.equal(
+            1
+          )
+          expect(
+            _.filter(updates, { pathname: '/sample.bib' }).length
+          ).to.equal(1)
+          expect(updates[2].type).to.equal('add-file')
+          expect(updates[2].userId).to.equal(owner._id)
+          expect(updates[2].pathname).to.equal('/frog.jpg')
+          if (disableFilestore) {
+            expect(updates[2].url).to.not.exist
+            expect(updates[2].createdBlob).to.be.true
+          } else if (Features.hasFeature('project-history-blobs')) {
+            expect(updates[2].url).to.be.null
+          } else {
+            expect(updates[2].url).to.be.a('string')
+          }
+          expect(version).to.equal(1)
+        })
+      })
+
+      describe('adding a doc', function () {
+        let exampleProjectId, oldVersion
+
+        beforeEach(function (done) {
+          createExampleProject(owner, (err, projectId) => {
+            if (err) {
+              return done(err)
+            }
+            exampleProjectId = projectId
+            MockDocUpdaterApi.reset()
+
+            ProjectGetter.getProject(projectId, (error, project) => {
+              if (error) {
+                return done(error)
+              }
+              oldVersion = project.version
+              createExampleDoc(owner, projectId, done)
+            })
+          })
+        })
+
+        it('should version the doc added', function (done) {
+          const { updates, version: newVersion } =
+            MockDocUpdaterApi.getProjectStructureUpdates(exampleProjectId)
+          expect(updates.length).to.equal(1)
+          const update = updates[0]
+          expect(update.type).to.equal('add-doc')
+          expect(update.userId).to.equal(owner._id)
+          expect(update.pathname).to.equal('/new.tex')
+          expect(update.docLines).to.be.a('string')
+
+          verifyVersionIncremented(
+            exampleProjectId,
+            oldVersion,
+            newVersion,
+            1,
+            done
+          )
+        })
+      })
+
+      describe('uploading a project', function () {
+        let exampleProjectId
+
+        beforeEach(function (done) {
+          uploadExampleProject(owner, 'test_project.zip', (err, projectId) => {
+            if (err) {
+              return done(err)
+            }
+            exampleProjectId = projectId
+            done()
+          })
+        })
+
+        it('should version the docs and files created', function () {
+          const { updates, version } =
+            MockDocUpdaterApi.getProjectStructureUpdates(exampleProjectId)
+          expect(updates.length).to.equal(2)
+          expect(updates[0].type).to.equal('add-doc')
+          expect(updates[0].userId).to.equal(owner._id)
+          expect(updates[0].pathname).to.equal('/main.tex')
+          expect(updates[0].docLines).to.equal('Test')
+          expect(updates[1].type).to.equal('add-file')
+          expect(updates[1].userId).to.equal(owner._id)
+          expect(updates[1].pathname).to.equal('/1pixel.png')
+          if (disableFilestore) {
+            expect(updates[1].url).to.not.exist
+            expect(updates[1].createdBlob).to.be.true
+          } else {
+            expect(updates[1].url).to.be.a('string')
+          }
+          expect(version).to.equal(1)
+        })
+      })
+
+      describe('uploading a project with files in different encodings', function () {
+        let updates
+        beforeEach(function (done) {
+          uploadExampleProject(
+            owner,
+            'charsets/charsets.zip',
+            (err, projectId) => {
+              if (err) {
+                return done(err)
+              }
+
+              updates =
+                MockDocUpdaterApi.getProjectStructureUpdates(projectId).updates
+              done()
+            }
+          )
+        })
+
+        it('should correctly parse windows-1252', function () {
+          const update = _.find(
+            updates,
+            update => update.pathname === '/test-german-windows-1252.tex'
+          )
+          expect(update.docLines).to.contain(
+            'Der schnelle braune Fuchs sprang träge über den Hund.'
+          )
+        })
+
+        it('should correctly parse German utf8', function () {
+          const update = _.find(
+            updates,
+            update => update.pathname === '/test-german-utf8x.tex'
+          )
+          expect(update.docLines).to.contain(
+            'Der schnelle braune Fuchs sprang träge über den Hund.'
+          )
+        })
+
+        it('should correctly parse little-endian utf16', function () {
+          const update = _.find(
+            updates,
+            update => update.pathname === '/test-greek-utf16-le-bom.tex'
+          )
+          expect(update.docLines).to.contain(
+            'Η γρήγορη καστανή αλεπού πήδηξε χαλαρά πάνω από το σκυλί.'
+          )
+        })
+
+        it('should correctly parse Greek utf8', function () {
+          const update = _.find(
+            updates,
+            update => update.pathname === '/test-greek-utf8x.tex'
+          )
+          expect(update.docLines).to.contain(
+            'Η γρήγορη καστανή αλεπού πήδηξε χαλαρά πάνω από το σκυλί.'
+          )
+        })
+      })
+
+      describe('uploading a file', function () {
+        let exampleProjectId, oldVersion, rootFolderId
+
+        beforeEach(function (done) {
+          createExampleProject(owner, (err, projectId, folderId) => {
+            if (err) {
+              return done(err)
+            }
+            exampleProjectId = projectId
+            rootFolderId = folderId
+            MockDocUpdaterApi.reset()
+            ProjectGetter.getProject(projectId, (error, project) => {
+              if (error) {
+                throw error
+              }
+
+              oldVersion = project.version
+
+              uploadExampleFile(owner, projectId, rootFolderId, done)
+            })
+          })
+        })
+
+        it('should version a newly uploaded file', function (done) {
+          const { updates, version } =
+            MockDocUpdaterApi.getProjectStructureUpdates(exampleProjectId)
+          expect(updates.length).to.equal(1)
+          const update = updates[0]
+          expect(update.type).to.equal('add-file')
+          expect(update.userId).to.equal(owner._id)
+          expect(update.pathname).to.equal('/1pixel.png')
+          if (disableFilestore) {
+            expect(update.url).to.not.exist
+            expect(update.createdBlob).to.be.true
+          } else {
+            expect(update.url).to.be.a('string')
+          }
+
+          // one file upload
+          verifyVersionIncremented(
+            exampleProjectId,
+            oldVersion,
+            version,
+            1,
+            done
+          )
+        })
+
+        it('should version a replacement file', function (done) {
+          MockDocUpdaterApi.reset()
+
+          uploadFile(
+            owner,
+            exampleProjectId,
+            rootFolderId,
+            '2pixel.png',
+            '1pixel.png',
+            'image/png',
+            () => {
+              const { updates, version } =
+                MockDocUpdaterApi.getProjectStructureUpdates(exampleProjectId)
+              expect(updates.length).to.equal(2)
+              expect(updates[0].type).to.equal('rename-file')
+              expect(updates[0].userId).to.equal(owner._id)
+              expect(updates[0].pathname).to.equal('/1pixel.png')
+              expect(updates[0].newPathname).to.equal('')
+              expect(updates[1].type).to.equal('add-file')
+              expect(updates[1].userId).to.equal(owner._id)
+              expect(updates[1].pathname).to.equal('/1pixel.png')
+              if (disableFilestore) {
+                expect(updates[1].url).to.not.exist
+                expect(updates[1].createdBlob).to.be.true
+              } else {
+                expect(updates[1].url).to.be.a('string')
+              }
+
+              // two file uploads
+              verifyVersionIncremented(
+                exampleProjectId,
+                oldVersion,
+                version,
+                2,
+                done
+              )
+            }
+          )
+        })
+      })
+
+      describe('moving entities', function () {
+        let exampleProjectId,
+          oldVersion,
+          exampleDocId,
+          exampleFileId,
+          exampleFolderId
+
+        beforeEach(function (done) {
+          createExampleProject(owner, (err, projectId, rootFolderId) => {
+            if (err) {
+              return done(err)
+            }
+            exampleProjectId = projectId
+            createExampleDoc(owner, projectId, (err, docId) => {
+              if (err) {
+                return done(err)
+              }
+              exampleDocId = docId
+              uploadExampleFile(
+                owner,
+                projectId,
+                rootFolderId,
+                (err, fileId) => {
+                  if (err) {
+                    return done(err)
+                  }
+                  exampleFileId = fileId
+                  createExampleFolder(owner, projectId, (err, folderId) => {
+                    if (err) {
+                      return done(err)
+                    }
+                    exampleFolderId = folderId
+
+                    ProjectGetter.getProject(projectId, (error, project) => {
+                      if (error) {
+                        throw error
+                      }
+                      oldVersion = project.version
+                      MockDocUpdaterApi.reset()
+                      done()
+                    })
+                  })
+                }
+              )
+            })
+          })
+        })
+
+        it('should version moving a doc', function (done) {
+          moveItem(
+            owner,
+            exampleProjectId,
+            'doc',
+            exampleDocId,
+            exampleFolderId,
+            () => {
+              const { updates, version } =
+                MockDocUpdaterApi.getProjectStructureUpdates(exampleProjectId)
+              expect(updates.length).to.equal(1)
+              const update = updates[0]
+              expect(update.type).to.equal('rename-doc')
+              expect(update.userId).to.equal(owner._id)
+              expect(update.pathname).to.equal('/new.tex')
+              expect(update.newPathname).to.equal('/foo/new.tex')
+
+              // 2, because it's a delete and then add
+              verifyVersionIncremented(
+                exampleProjectId,
+                oldVersion,
+                version,
+                2,
+                done
+              )
+            }
+          )
+        })
+
+        it('should version moving a file', function (done) {
+          moveItem(
+            owner,
+            exampleProjectId,
+            'file',
+            exampleFileId,
+            exampleFolderId,
+            () => {
+              const { updates, version } =
+                MockDocUpdaterApi.getProjectStructureUpdates(exampleProjectId)
+              expect(updates.length).to.equal(1)
+              const update = updates[0]
+              expect(update.type).to.equal('rename-file')
+              expect(update.userId).to.equal(owner._id)
+              expect(update.pathname).to.equal('/1pixel.png')
+              expect(update.newPathname).to.equal('/foo/1pixel.png')
+
+              // 2, because it's a delete and then add
+              verifyVersionIncremented(
+                exampleProjectId,
+                oldVersion,
+                version,
+                2,
+                done
+              )
+            }
+          )
+        })
+
+        it('should version moving a folder', function (done) {
+          moveItem(
+            owner,
+            exampleProjectId,
+            'doc',
+            exampleDocId,
+            exampleFolderId,
+            () => {
+              MockDocUpdaterApi.reset()
+
+              owner.request.post(
+                {
+                  uri: `project/${exampleProjectId}/folder`,
+                  json: {
+                    name: 'bar',
+                  },
+                },
+                (error, res, body) => {
+                  if (error) {
+                    throw error
+                  }
+                  const newFolderId = body._id
+
+                  moveItem(
+                    owner,
+                    exampleProjectId,
+                    'folder',
+                    exampleFolderId,
+                    newFolderId,
+                    () => {
+                      const { updates, version } =
+                        MockDocUpdaterApi.getProjectStructureUpdates(
+                          exampleProjectId
+                        )
+                      expect(updates.length).to.equal(1)
+                      const update = updates[0]
+                      expect(update.type).to.equal('rename-doc')
+                      expect(update.userId).to.equal(owner._id)
+                      expect(update.pathname).to.equal('/foo/new.tex')
+                      expect(update.newPathname).to.equal('/bar/foo/new.tex')
+
+                      // 5, because it's two file moves plus a folder
+                      verifyVersionIncremented(
+                        exampleProjectId,
+                        oldVersion,
+                        version,
+                        5,
+                        done
+                      )
+                    }
+                  )
+                }
+              )
+            }
+          )
+        })
+      })
+
+      describe('renaming entities', function () {
+        let exampleProjectId,
+          exampleDocId,
+          exampleFileId,
+          exampleFolderId,
+          oldVersion
+
+        beforeEach(function (done) {
+          createExampleProject(owner, (err, projectId, rootFolderId) => {
+            if (err) {
+              return done(err)
+            }
+            exampleProjectId = projectId
+            createExampleDoc(owner, projectId, (err, docId) => {
+              if (err) {
+                return done(err)
+              }
+              exampleDocId = docId
+              uploadExampleFile(
+                owner,
+                projectId,
+                rootFolderId,
+                (err, fileId) => {
+                  if (err) {
+                    return done(err)
+                  }
+                  exampleFileId = fileId
+                  createExampleFolder(owner, projectId, (err, folderId) => {
+                    if (err) {
+                      return done(err)
+                    }
+                    exampleFolderId = folderId
+                    moveItem(owner, projectId, 'doc', docId, folderId, () => {
+                      moveItem(
+                        owner,
+                        projectId,
+                        'file',
+                        fileId,
+                        folderId,
+                        () => {
+                          MockDocUpdaterApi.reset()
+                          ProjectGetter.getProject(
+                            exampleProjectId,
+                            (error, project) => {
+                              if (error) {
+                                throw error
+                              }
+                              oldVersion = project.version
+                              done()
+                            }
+                          )
+                        }
+                      )
+                    })
+                  })
+                }
+              )
+            })
+          })
+        })
+
+        it('should version renaming a doc', function (done) {
+          renameItem(
+            owner,
+            exampleProjectId,
+            'Doc',
+            exampleDocId,
+            'wombat.tex',
+            () => {
+              const { updates, version } =
+                MockDocUpdaterApi.getProjectStructureUpdates(exampleProjectId)
+              expect(updates.length).to.equal(1)
+              const update = updates[0]
+              expect(update.type).to.equal('rename-doc')
+              expect(update.userId).to.equal(owner._id)
+              expect(update.pathname).to.equal('/foo/new.tex')
+              expect(update.newPathname).to.equal('/foo/wombat.tex')
+
+              verifyVersionIncremented(
+                exampleProjectId,
+                oldVersion,
+                version,
+                1,
+                done
+              )
+            }
+          )
+        })
+
+        it('should version renaming a file', function (done) {
+          renameItem(
+            owner,
+            exampleProjectId,
+            'file',
+            exampleFileId,
+            'potato.png',
+            () => {
+              const { updates, version } =
+                MockDocUpdaterApi.getProjectStructureUpdates(exampleProjectId)
+              expect(updates.length).to.equal(1)
+              const update = updates[0]
+              expect(update.type).to.equal('rename-file')
+              expect(update.userId).to.equal(owner._id)
+              expect(update.pathname).to.equal('/foo/1pixel.png')
+              expect(update.newPathname).to.equal('/foo/potato.png')
+
+              verifyVersionIncremented(
+                exampleProjectId,
+                oldVersion,
+                version,
+                1,
+                done
+              )
+            }
+          )
+        })
+
+        it('should version renaming a folder', function (done) {
+          renameItem(
+            owner,
+            exampleProjectId,
+            'folder',
+            exampleFolderId,
+            'giraffe',
+            () => {
+              const { updates, version } =
+                MockDocUpdaterApi.getProjectStructureUpdates(exampleProjectId)
+              expect(updates.length).to.equal(2)
+              expect(updates[0].type).to.equal('rename-doc')
+              expect(updates[0].userId).to.equal(owner._id)
+              expect(updates[0].pathname).to.equal('/foo/new.tex')
+              expect(updates[0].newPathname).to.equal('/giraffe/new.tex')
+              expect(updates[1].type).to.equal('rename-file')
+              expect(updates[1].userId).to.equal(owner._id)
+              expect(updates[1].pathname).to.equal('/foo/1pixel.png')
+              expect(updates[1].newPathname).to.equal('/giraffe/1pixel.png')
+
+              verifyVersionIncremented(
+                exampleProjectId,
+                oldVersion,
+                version,
+                1,
+                done
+              )
+            }
+          )
+        })
+      })
+
+      describe('deleting entities', function () {
+        let exampleProjectId, oldVersion, exampleFolderId
+
+        beforeEach(function (done) {
+          createExampleProject(owner, (err, projectId) => {
+            if (err) {
+              return done(err)
+            }
+            exampleProjectId = projectId
+            createExampleFolder(owner, exampleProjectId, (err, folderId) => {
+              if (err) {
+                return done(err)
+              }
+              exampleFolderId = folderId
+              createExampleDoc(owner, projectId, (err, docId) => {
+                if (err) {
+                  return done(err)
+                }
+                uploadExampleFile(owner, projectId, folderId, (err, fileId) => {
+                  if (err) {
+                    return done(err)
+                  }
+                  moveItem(owner, projectId, 'doc', docId, folderId, () => {
+                    moveItem(owner, projectId, 'file', fileId, folderId, () => {
+                      MockDocUpdaterApi.reset()
+                      ProjectGetter.getProject(
+                        exampleProjectId,
+                        (error, project) => {
+                          if (error) {
+                            throw error
+                          }
+                          oldVersion = project.version
+                          done()
+                        }
+                      )
+                    })
+                  })
+                })
+              })
+            })
+          })
+        })
+
+        it('should version deleting a folder', function (done) {
+          deleteItem(owner, exampleProjectId, 'folder', exampleFolderId, () => {
+            const { updates, version } =
+              MockDocUpdaterApi.getProjectStructureUpdates(exampleProjectId)
+            expect(updates.length).to.equal(2)
+            expect(updates[0].type).to.equal('rename-doc')
+            expect(updates[0].userId).to.equal(owner._id)
+            expect(updates[0].pathname).to.equal('/foo/new.tex')
+            expect(updates[0].newPathname).to.equal('')
+            expect(updates[1].type).to.equal('rename-file')
+            expect(updates[1].userId).to.equal(owner._id)
+            expect(updates[1].pathname).to.equal('/foo/1pixel.png')
+            expect(updates[1].newPathname).to.equal('')
+
+            verifyVersionIncremented(
+              exampleProjectId,
+              oldVersion,
+              version,
+              1,
+              done
+            )
+          })
+        })
+      })
+
+      describe('tpds', function () {
+        let projectName, exampleProjectId, oldVersion, rootFolderId
+
+        beforeEach(function (done) {
+          projectName = `tpds-project-${new ObjectId().toString()}`
+          owner.createProject(projectName, (error, projectId) => {
+            if (error) {
+              throw error
+            }
+            exampleProjectId = projectId
+            ProjectGetter.getProject(exampleProjectId, (error, project) => {
+              if (error) {
+                throw error
+              }
+              MockDocUpdaterApi.reset()
+              rootFolderId = project.rootFolder[0]._id.toString()
+              oldVersion = project.version
+              done()
+            })
+          })
+        })
+
+        it('should version adding a doc', function (done) {
+          const req = owner.request.post({
+            uri: `/user/${owner._id}/update/${projectName}/test.tex`,
+            auth: {
+              user: _.keys(Settings.httpAuthUsers)[0],
+              pass: _.values(Settings.httpAuthUsers)[0],
+              sendImmediately: true,
+            },
+            body: fs.createReadStream(Path.join(FILES_PATH, 'test.tex')),
+          })
+
+          req.on('error', err => {
+            throw err
+          })
+
+          req.on('response', res => {
+            if (res.statusCode < 200 || res.statusCode >= 300) {
+              throw new Error(`failed to upload file ${res.statusCode}`)
+            }
+
+            const { updates, version } =
+              MockDocUpdaterApi.getProjectStructureUpdates(exampleProjectId)
+            expect(updates.length).to.equal(1)
+            const update = updates[0]
+            expect(update.type).to.equal('add-doc')
+            expect(update.userId).to.equal(owner._id)
+            expect(update.pathname).to.equal('/test.tex')
+            expect(update.docLines).to.equal('Test')
+
+            verifyVersionIncremented(
+              exampleProjectId,
+              oldVersion,
+              version,
+              1,
+              done
+            )
+          })
+        })
+
+        it('should version adding a new file', function (done) {
+          const req = owner.request.post({
+            uri: `/user/${owner._id}/update/${projectName}/1pixel.png`,
+            auth: {
+              user: _.keys(Settings.httpAuthUsers)[0],
+              pass: _.values(Settings.httpAuthUsers)[0],
+              sendImmediately: true,
+            },
+            body: fs.createReadStream(Path.join(FILES_PATH, '1pixel.png')),
+          })
+
+          req.on('error', err => {
+            throw err
+          })
+
+          req.on('response', res => {
+            if (res.statusCode < 200 || res.statusCode >= 300) {
+              throw new Error(`failed to upload file ${res.statusCode}`)
+            }
+
+            const { updates, version } =
+              MockDocUpdaterApi.getProjectStructureUpdates(exampleProjectId)
+            expect(updates.length).to.equal(1)
+            const update = updates[0]
+            expect(update.type).to.equal('add-file')
+            expect(update.userId).to.equal(owner._id)
+            expect(update.pathname).to.equal('/1pixel.png')
+            if (disableFilestore) {
+              expect(update.url).to.not.exist
+              expect(update.createdBlob).to.be.true
+            } else {
+              expect(update.url).to.be.a('string')
+            }
+
+            verifyVersionIncremented(
+              exampleProjectId,
+              oldVersion,
+              version,
+              1,
+              done
+            )
+          })
+        })
+
+        describe('when there are files in the project', function () {
+          beforeEach(function (done) {
+            uploadExampleFile(owner, exampleProjectId, rootFolderId, () => {
+              createExampleDoc(owner, exampleProjectId, () => {
+                ProjectGetter.getProject(exampleProjectId, (error, project) => {
+                  if (error) {
+                    throw error
+                  }
+                  MockDocUpdaterApi.reset()
+                  oldVersion = project.version
+                  done()
+                })
+              })
+            })
+          })
+
+          it('should version replacing a file', function (done) {
+            const req = owner.request.post({
+              uri: `/user/${owner._id}/update/${projectName}/1pixel.png`,
+              auth: {
+                user: _.keys(Settings.httpAuthUsers)[0],
+                pass: _.values(Settings.httpAuthUsers)[0],
+                sendImmediately: true,
+              },
+              body: fs.createReadStream(Path.join(FILES_PATH, '2pixel.png')),
+            })
+
+            req.on('error', err => {
+              throw err
+            })
+
+            req.on('response', res => {
+              if (res.statusCode < 200 || res.statusCode >= 300) {
+                throw new Error(`failed to upload file ${res.statusCode}`)
+              }
+
+              const { updates, version } =
+                MockDocUpdaterApi.getProjectStructureUpdates(exampleProjectId)
+              expect(updates.length).to.equal(2)
+              expect(updates[0].type).to.equal('rename-file')
+              expect(updates[0].userId).to.equal(owner._id)
+              expect(updates[0].pathname).to.equal('/1pixel.png')
+              expect(updates[0].newPathname).to.equal('')
+              expect(updates[1].type).to.equal('add-file')
+              expect(updates[1].userId).to.equal(owner._id)
+              expect(updates[1].pathname).to.equal('/1pixel.png')
+              if (disableFilestore) {
+                expect(updates[1].url).to.not.exist
+                expect(updates[1].createdBlob).to.be.true
+              } else {
+                expect(updates[1].url).to.be.a('string')
+              }
+
+              verifyVersionIncremented(
+                exampleProjectId,
+                oldVersion,
+                version,
+                1,
+                done
+              )
+            })
+          })
+
+          it('should version deleting a doc', function (done) {
+            owner.request.delete(
+              {
+                uri: `/user/${owner._id}/update/${projectName}/new.tex`,
+                auth: {
+                  user: _.keys(Settings.httpAuthUsers)[0],
+                  pass: _.values(Settings.httpAuthUsers)[0],
+                  sendImmediately: true,
+                },
+              },
+              (error, res) => {
+                if (error) {
+                  throw error
+                }
+                if (res.statusCode < 200 || res.statusCode >= 300) {
+                  throw new Error(`failed to delete doc ${res.statusCode}`)
+                }
+
+                const { updates, version } =
+                  MockDocUpdaterApi.getProjectStructureUpdates(exampleProjectId)
+                expect(updates.length).to.equal(1)
+                const update = updates[0]
+                expect(update.type).to.equal('rename-doc')
+                expect(update.userId).to.equal(owner._id)
+                expect(update.pathname).to.equal('/new.tex')
+                expect(update.newPathname).to.equal('')
+
+                verifyVersionIncremented(
+                  exampleProjectId,
+                  oldVersion,
+                  version,
+                  1,
+                  done
+                )
+              }
+            )
+          })
+        })
+      })
+
+      describe('uploading a document', function () {
+        let exampleProjectId, rootFolderId
+        beforeEach(function (done) {
+          createExampleProject(owner, (err, projectId, folderId) => {
+            if (err) {
+              return done(err)
+            }
+            exampleProjectId = projectId
+            rootFolderId = folderId
+            MockDocUpdaterApi.reset()
+            done()
+          })
+        })
+
+        describe('with an unusual character set', function () {
+          it('should correctly handle utf16-le data', function (done) {
+            uploadFile(
+              owner,
+              exampleProjectId,
+              rootFolderId,
+              'charsets/test-greek-utf16-le-bom.tex',
+              'test-greek-utf16-le-bom.tex',
+              'text/x-tex',
+              () => {
+                const { updates } =
+                  MockDocUpdaterApi.getProjectStructureUpdates(exampleProjectId)
+                expect(updates.length).to.equal(1)
+                const update = updates[0]
+                expect(update.type).to.equal('add-doc')
+                expect(update.pathname).to.equal('/test-greek-utf16-le-bom.tex')
+                expect(update.docLines).to.contain(
+                  'Η γρήγορη καστανή αλεπού πήδηξε χαλαρά πάνω από το σκυλί.'
+                )
+                done()
+              }
+            )
+          })
+
+          it('should correctly handle windows1252/iso-8859-1/latin1 data', function (done) {
+            uploadFile(
+              owner,
+              exampleProjectId,
+              rootFolderId,
+              'charsets/test-german-windows-1252.tex',
+              'test-german-windows-1252.tex',
+              'text/x-tex',
+              () => {
+                const { updates } =
+                  MockDocUpdaterApi.getProjectStructureUpdates(exampleProjectId)
+                expect(updates.length).to.equal(1)
+                const update = updates[0]
+                expect(update.type).to.equal('add-doc')
+                expect(update.pathname).to.equal(
+                  '/test-german-windows-1252.tex'
+                )
+                expect(update.docLines).to.contain(
+                  'Der schnelle braune Fuchs sprang träge über den Hund.'
+                )
+                done()
+              }
+            )
+          })
+        })
+      })
+    })
+  }
+})
diff --git a/services/web/modules/history-v1/test/acceptance/src/RestoringFilesTest.mjs b/services/web/modules/history-v1/test/acceptance/src/RestoringFilesTest.mjs
new file mode 100644
index 0000000..33ce481
--- /dev/null
+++ b/services/web/modules/history-v1/test/acceptance/src/RestoringFilesTest.mjs
@@ -0,0 +1,307 @@
+import { expect } from 'chai'
+
+import _ from 'lodash'
+import fs from 'node:fs'
+import { fileURLToPath } from 'node:url'
+import Path from 'node:path'
+import User from '../../../../../test/acceptance/src/helpers/User.mjs'
+import MockProjectHistoryApiClass from '../../../../../test/acceptance/src/mocks/MockProjectHistoryApi.mjs'
+import MockDocstoreApiClass from '../../../../../test/acceptance/src/mocks/MockDocstoreApi.mjs'
+import MockFilestoreApiClass from '../../../../../test/acceptance/src/mocks/MockFilestoreApi.mjs'
+import MockV1HistoryApiClass from '../../../../../test/acceptance/src/mocks/MockV1HistoryApi.mjs'
+import Features from '../../../../../app/src/infrastructure/Features.js'
+
+let MockProjectHistoryApi, MockDocstoreApi, MockFilestoreApi, MockV1HistoryApi
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+before(function () {
+  MockProjectHistoryApi = MockProjectHistoryApiClass.instance()
+  MockDocstoreApi = MockDocstoreApiClass.instance()
+  MockFilestoreApi = MockFilestoreApiClass.instance()
+  MockV1HistoryApi = MockV1HistoryApiClass.instance()
+})
+
+describe('RestoringFiles', function () {
+  beforeEach(function (done) {
+    this.owner = new User()
+    this.owner.login(error => {
+      if (error) {
+        throw error
+      }
+      this.owner.createProject(
+        'example-project',
+        { template: 'example' },
+        (error, projectId) => {
+          this.project_id = projectId
+          if (error) {
+            throw error
+          }
+          done()
+        }
+      )
+    })
+  })
+
+  describe('restoring from v2 history', function () {
+    describe('restoring a text file', function () {
+      beforeEach(function (done) {
+        MockProjectHistoryApi.addOldFile(
+          this.project_id,
+          42,
+          'foo.tex',
+          'hello world, this is foo.tex!'
+        )
+        this.owner.request(
+          {
+            method: 'POST',
+            url: `/project/${this.project_id}/restore_file`,
+            json: {
+              pathname: 'foo.tex',
+              version: 42,
+            },
+          },
+          (error, response, body) => {
+            if (error) {
+              throw error
+            }
+            expect(response.statusCode).to.equal(200)
+            done()
+          }
+        )
+      })
+
+      it('should have created a doc', function (done) {
+        this.owner.getProject(this.project_id, (error, project) => {
+          if (error) {
+            throw error
+          }
+          let doc = _.find(
+            project.rootFolder[0].docs,
+            doc => doc.name === 'foo.tex'
+          )
+          doc = MockDocstoreApi.docs[this.project_id][doc._id]
+          expect(doc.lines).to.deep.equal(['hello world, this is foo.tex!'])
+          done()
+        })
+      })
+    })
+
+    describe('restoring a binary file', function () {
+      beforeEach(function (done) {
+        this.pngData = fs.readFileSync(
+          Path.resolve(
+            __dirname,
+            '../../../../../test/acceptance/files/1pixel.png'
+          ),
+          'binary'
+        )
+        MockProjectHistoryApi.addOldFile(
+          this.project_id,
+          42,
+          'image.png',
+          this.pngData
+        )
+        this.owner.request(
+          {
+            method: 'POST',
+            url: `/project/${this.project_id}/restore_file`,
+            json: {
+              pathname: 'image.png',
+              version: 42,
+            },
+          },
+          (error, response, body) => {
+            if (error) {
+              throw error
+            }
+            expect(response.statusCode).to.equal(200)
+            done()
+          }
+        )
+      })
+
+      if (Features.hasFeature('project-history-blobs')) {
+        it('should have created a file in history-v1', function (done) {
+          this.owner.getProject(this.project_id, (error, project) => {
+            if (error) {
+              throw error
+            }
+            let file = _.find(
+              project.rootFolder[0].fileRefs,
+              file => file.name === 'image.png'
+            )
+            file =
+              MockV1HistoryApi.blobs[project.overleaf.history.id.toString()][
+                file.hash
+              ]
+            expect(file).to.deep.equal(Buffer.from(this.pngData))
+            done()
+          })
+        })
+      }
+      if (Features.hasFeature('filestore')) {
+        it('should have created a file in filestore', function (done) {
+          this.owner.getProject(this.project_id, (error, project) => {
+            if (error) {
+              throw error
+            }
+            let file = _.find(
+              project.rootFolder[0].fileRefs,
+              file => file.name === 'image.png'
+            )
+            file = MockFilestoreApi.getFile(this.project_id, file._id)
+            expect(file).to.deep.equal(this.pngData)
+            done()
+          })
+        })
+      }
+    })
+
+    describe('restoring to a directory that exists', function () {
+      beforeEach(function (done) {
+        MockProjectHistoryApi.addOldFile(
+          this.project_id,
+          42,
+          'foldername/foo2.tex',
+          'hello world, this is foo-2.tex!'
+        )
+        this.owner.request.post(
+          {
+            uri: `project/${this.project_id}/folder`,
+            json: {
+              name: 'foldername',
+            },
+          },
+          (error, response, body) => {
+            if (error) {
+              throw error
+            }
+            expect(response.statusCode).to.equal(200)
+            this.owner.request(
+              {
+                method: 'POST',
+                url: `/project/${this.project_id}/restore_file`,
+                json: {
+                  pathname: 'foldername/foo2.tex',
+                  version: 42,
+                },
+              },
+              (error, response, body) => {
+                if (error) {
+                  throw error
+                }
+                expect(response.statusCode).to.equal(200)
+                done()
+              }
+            )
+          }
+        )
+      })
+
+      it('should have created the doc in the named folder', function (done) {
+        this.owner.getProject(this.project_id, (error, project) => {
+          if (error) {
+            throw error
+          }
+          const folder = _.find(
+            project.rootFolder[0].folders,
+            folder => folder.name === 'foldername'
+          )
+          let doc = _.find(folder.docs, doc => doc.name === 'foo2.tex')
+          doc = MockDocstoreApi.docs[this.project_id][doc._id]
+          expect(doc.lines).to.deep.equal(['hello world, this is foo-2.tex!'])
+          done()
+        })
+      })
+    })
+
+    describe('restoring to a directory that no longer exists', function () {
+      beforeEach(function (done) {
+        MockProjectHistoryApi.addOldFile(
+          this.project_id,
+          42,
+          'nothere/foo3.tex',
+          'hello world, this is foo-3.tex!'
+        )
+        this.owner.request(
+          {
+            method: 'POST',
+            url: `/project/${this.project_id}/restore_file`,
+            json: {
+              pathname: 'nothere/foo3.tex',
+              version: 42,
+            },
+          },
+          (error, response, body) => {
+            if (error) {
+              throw error
+            }
+            expect(response.statusCode).to.equal(200)
+            done()
+          }
+        )
+      })
+
+      it('should have created the folder and restored the doc to it', function (done) {
+        this.owner.getProject(this.project_id, (error, project) => {
+          if (error) {
+            throw error
+          }
+          const folder = _.find(
+            project.rootFolder[0].folders,
+            folder => folder.name === 'nothere'
+          )
+          expect(folder).to.exist
+          let doc = _.find(folder.docs, doc => doc.name === 'foo3.tex')
+          doc = MockDocstoreApi.docs[this.project_id][doc._id]
+          expect(doc.lines).to.deep.equal(['hello world, this is foo-3.tex!'])
+          done()
+        })
+      })
+    })
+
+    describe('restoring to a filename that already exists', function () {
+      beforeEach(function (done) {
+        MockProjectHistoryApi.addOldFile(
+          this.project_id,
+          42,
+          'main.tex',
+          'hello world, this is main.tex!'
+        )
+        this.owner.request(
+          {
+            method: 'POST',
+            url: `/project/${this.project_id}/restore_file`,
+            json: {
+              pathname: 'main.tex',
+              version: 42,
+            },
+          },
+          (error, response, body) => {
+            if (error) {
+              throw error
+            }
+            expect(response.statusCode).to.equal(200)
+            done()
+          }
+        )
+      })
+
+      it('should have created the doc in the root folder', function (done) {
+        this.owner.getProject(this.project_id, (error, project) => {
+          if (error) {
+            throw error
+          }
+          let doc = _.find(project.rootFolder[0].docs, doc =>
+            doc.name.match(/main \(Restored on/)
+          )
+          expect(doc).to.exist
+          doc = MockDocstoreApi.docs[this.project_id][doc._id]
+          expect(doc.lines).to.deep.equal(['hello world, this is main.tex!'])
+          done()
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/modules/history-v1/test/acceptance/tsconfig.json b/services/web/modules/history-v1/test/acceptance/tsconfig.json
new file mode 100644
index 0000000..ddee721
--- /dev/null
+++ b/services/web/modules/history-v1/test/acceptance/tsconfig.json
@@ -0,0 +1 @@
+{ "extends": "../../../../tsconfig.backend.json" }
diff --git a/services/web/modules/launchpad/app/src/LaunchpadController.mjs b/services/web/modules/launchpad/app/src/LaunchpadController.mjs
new file mode 100644
index 0000000..b626e01
--- /dev/null
+++ b/services/web/modules/launchpad/app/src/LaunchpadController.mjs
@@ -0,0 +1,256 @@
+import OError from '@overleaf/o-error'
+import { expressify } from '@overleaf/promise-utils'
+import Settings from '@overleaf/settings'
+import Path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import logger from '@overleaf/logger'
+import UserRegistrationHandler from '../../../../app/src/Features/User/UserRegistrationHandler.js'
+import EmailHandler from '../../../../app/src/Features/Email/EmailHandler.js'
+import UserGetter from '../../../../app/src/Features/User/UserGetter.js'
+import { User } from '../../../../app/src/models/User.js'
+import AuthenticationManager from '../../../../app/src/Features/Authentication/AuthenticationManager.js'
+import AuthenticationController from '../../../../app/src/Features/Authentication/AuthenticationController.js'
+import SessionManager from '../../../../app/src/Features/Authentication/SessionManager.js'
+import { hasAdminAccess } from '../../../../app/src/Features/Helpers/AdminAuthorizationHelper.js'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+/**
+ * Container for functions that need to be mocked in tests
+ *
+ * TODO: Rewrite tests in terms of exported functions only
+ */
+const _mocks = {}
+
+_mocks._atLeastOneAdminExists = async () => {
+  const user = await UserGetter.promises.getUser(
+    { isAdmin: true },
+    { _id: 1, isAdmin: 1 }
+  )
+  return Boolean(user)
+}
+
+async function _atLeastOneAdminExists() {
+  return await _mocks._atLeastOneAdminExists()
+}
+
+function getAuthMethod() {
+  if (Settings.ldap) {
+    return 'ldap'
+  } else if (Settings.saml) {
+    return 'saml'
+  } else {
+    return 'local'
+  }
+}
+
+async function launchpadPage(req, res) {
+  // TODO: check if we're using external auth?
+  //   * how does all this work with ldap and saml?
+  const sessionUser = SessionManager.getSessionUser(req.session)
+  const authMethod = getAuthMethod()
+  const adminUserExists = await _atLeastOneAdminExists()
+
+  if (!sessionUser) {
+    if (!adminUserExists) {
+      res.render(Path.resolve(__dirname, '../views/launchpad'), {
+        adminUserExists,
+        authMethod,
+      })
+    } else {
+      AuthenticationController.setRedirectInSession(req)
+      res.redirect('/login')
+    }
+  } else {
+    const user = await UserGetter.promises.getUser(sessionUser._id, {
+      isAdmin: 1,
+    })
+    if (hasAdminAccess(user)) {
+      res.render(Path.resolve(__dirname, '../views/launchpad'), {
+        wsUrl: Settings.wsUrl,
+        adminUserExists,
+        authMethod,
+      })
+    } else {
+      res.redirect('/restricted')
+    }
+  }
+}
+
+async function sendTestEmail(req, res) {
+  const { email } = req.body
+  if (!email) {
+    logger.debug({}, 'no email address supplied')
+    return res.status(400).json({
+      message: 'no email address supplied',
+    })
+  }
+  logger.debug({ email }, 'sending test email')
+  const emailOptions = { to: email }
+  try {
+    await EmailHandler.promises.sendEmail('testEmail', emailOptions)
+    logger.debug({ email }, 'sent test email')
+    res.json({ message: res.locals.translate('email_sent') })
+  } catch (err) {
+    OError.tag(err, 'error sending test email', {
+      email,
+    })
+    throw err
+  }
+}
+
+function registerExternalAuthAdmin(authMethod) {
+  return expressify(async function (req, res) {
+    if (getAuthMethod() !== authMethod) {
+      logger.debug(
+        { authMethod },
+        'trying to register external admin, but that auth service is not enabled, disallow'
+      )
+      return res.sendStatus(403)
+    }
+    const { email } = req.body
+    if (!email) {
+      logger.debug({ authMethod }, 'no email supplied, disallow')
+      return res.sendStatus(400)
+    }
+
+    logger.debug({ email }, 'attempted register first admin user')
+
+    const exists = await _atLeastOneAdminExists()
+
+    if (exists) {
+      logger.debug({ email }, 'already have at least one admin user, disallow')
+      return res.sendStatus(403)
+    }
+
+    const body = {
+      email,
+      password: 'password_here',
+      first_name: email,
+      last_name: '',
+    }
+    logger.debug(
+      { body, authMethod },
+      'creating admin account for specified external-auth user'
+    )
+
+    let user
+    try {
+      user = await UserRegistrationHandler.promises.registerNewUser(body)
+    } catch (err) {
+      OError.tag(err, 'error with registerNewUser', {
+        email,
+        authMethod,
+      })
+      throw err
+    }
+
+    try {
+      const reversedHostname = user.email
+        .split('@')[1]
+        .split('')
+        .reverse()
+        .join('')
+      await User.updateOne(
+        { _id: user._id },
+        {
+          $set: { isAdmin: true, emails: [{ email, reversedHostname }] },
+        }
+      ).exec()
+    } catch (err) {
+      OError.tag(err, 'error setting user to admin', {
+        user_id: user._id,
+      })
+      throw err
+    }
+
+    AuthenticationController.setRedirectInSession(req, '/launchpad')
+    logger.debug(
+      { email, userId: user._id, authMethod },
+      'created first admin account'
+    )
+
+    res.json({ redir: '/launchpad', email })
+  })
+}
+
+async function registerAdmin(req, res) {
+  const { email } = req.body
+  const { password } = req.body
+  if (!email || !password) {
+    logger.debug({}, 'must supply both email and password, disallow')
+    return res.sendStatus(400)
+  }
+
+  logger.debug({ email }, 'attempted register first admin user')
+  const exists = await _atLeastOneAdminExists()
+
+  if (exists) {
+    logger.debug(
+      { email: req.body.email },
+      'already have at least one admin user, disallow'
+    )
+    return res.status(403).json({
+      message: { type: 'error', text: 'admin user already exists' },
+    })
+  }
+
+  const invalidEmail = AuthenticationManager.validateEmail(email)
+  if (invalidEmail) {
+    return res
+      .status(400)
+      .json({ message: { type: 'error', text: invalidEmail.message } })
+  }
+
+  const invalidPassword = AuthenticationManager.validatePassword(
+    password,
+    email
+  )
+  if (invalidPassword) {
+    return res
+      .status(400)
+      .json({ message: { type: 'error', text: invalidPassword.message } })
+  }
+
+  const body = { email, password }
+
+  const user = await UserRegistrationHandler.promises.registerNewUser(body)
+
+  logger.debug({ userId: user._id }, 'making user an admin')
+
+  try {
+    const reversedHostname = user.email
+      .split('@')[1]
+      .split('')
+      .reverse()
+      .join('')
+    await User.updateOne(
+      { _id: user._id },
+      {
+        $set: {
+          isAdmin: true,
+          emails: [{ email, reversedHostname }],
+        },
+      }
+    ).exec()
+  } catch (err) {
+    OError.tag(err, 'error setting user to admin', {
+      user_id: user._id,
+    })
+    throw err
+  }
+
+  logger.debug({ email, userId: user._id }, 'created first admin account')
+  res.json({ redir: '/launchpad' })
+}
+
+const LaunchpadController = {
+  launchpadPage: expressify(launchpadPage),
+  registerAdmin: expressify(registerAdmin),
+  registerExternalAuthAdmin,
+  sendTestEmail: expressify(sendTestEmail),
+  _atLeastOneAdminExists,
+  _mocks,
+}
+
+export default LaunchpadController
diff --git a/services/web/modules/launchpad/app/src/LaunchpadRouter.mjs b/services/web/modules/launchpad/app/src/LaunchpadRouter.mjs
new file mode 100644
index 0000000..b138c8d
--- /dev/null
+++ b/services/web/modules/launchpad/app/src/LaunchpadRouter.mjs
@@ -0,0 +1,43 @@
+import logger from '@overleaf/logger'
+
+import LaunchpadController from './LaunchpadController.mjs'
+import AuthenticationController from '../../../../app/src/Features/Authentication/AuthenticationController.js'
+import AuthorizationMiddleware from '../../../../app/src/Features/Authorization/AuthorizationMiddleware.js'
+
+export default {
+  apply(webRouter) {
+    logger.debug({}, 'Init launchpad router')
+
+    webRouter.get('/launchpad', LaunchpadController.launchpadPage)
+    webRouter.post(
+      '/launchpad/register_admin',
+      LaunchpadController.registerAdmin
+    )
+    webRouter.post(
+      '/launchpad/register_ldap_admin',
+      LaunchpadController.registerExternalAuthAdmin('ldap')
+    )
+    webRouter.post(
+      '/launchpad/register_saml_admin',
+      LaunchpadController.registerExternalAuthAdmin('saml')
+    )
+    webRouter.post(
+      '/launchpad/send_test_email',
+      AuthorizationMiddleware.ensureUserIsSiteAdmin,
+      LaunchpadController.sendTestEmail
+    )
+
+    if (AuthenticationController.addEndpointToLoginWhitelist) {
+      AuthenticationController.addEndpointToLoginWhitelist('/launchpad')
+      AuthenticationController.addEndpointToLoginWhitelist(
+        '/launchpad/register_admin'
+      )
+      AuthenticationController.addEndpointToLoginWhitelist(
+        '/launchpad/register_ldap_admin'
+      )
+      AuthenticationController.addEndpointToLoginWhitelist(
+        '/launchpad/register_saml_admin'
+      )
+    }
+  },
+}
diff --git a/services/web/modules/launchpad/app/src/tsconfig.json b/services/web/modules/launchpad/app/src/tsconfig.json
new file mode 100644
index 0000000..ddee721
--- /dev/null
+++ b/services/web/modules/launchpad/app/src/tsconfig.json
@@ -0,0 +1 @@
+{ "extends": "../../../../tsconfig.backend.json" }
diff --git a/services/web/modules/launchpad/app/views/launchpad.pug b/services/web/modules/launchpad/app/views/launchpad.pug
new file mode 100644
index 0000000..fdf0576
--- /dev/null
+++ b/services/web/modules/launchpad/app/views/launchpad.pug
@@ -0,0 +1,226 @@
+extends ../../../../app/views/layout-marketing
+
+mixin launchpad-check(section)
+	div(data-ol-launchpad-check=section)
+		span(data-ol-inflight="pending")
+			i.fa.fa-fw.fa-spinner.fa-spin
+			span &nbsp;#{translate('checking')}
+	
+		span(hidden data-ol-inflight="idle")
+			div(data-ol-result="success")
+				i.fa.fa-check
+				span &nbsp;#{translate('ok')}
+				button.btn.btn-inline-link
+					span.text-danger &nbsp;#{translate('retry')}
+			div(hidden data-ol-result="error")
+				i.fa.fa-exclamation
+				span &nbsp;#{translate('error')}
+				button.btn.btn-inline-link
+					span.text-danger &nbsp;#{translate('retry')}
+				div.alert.alert-danger
+					span(data-ol-error)
+
+block entrypointVar
+	- entrypoint = 'modules/launchpad/pages/launchpad'
+					
+block vars
+	- metadata = metadata || {}
+	- bootstrap5PageStatus = 'disabled'
+
+block append meta
+	meta(name="ol-adminUserExists" data-type="boolean" content=adminUserExists)
+	meta(name="ol-ideJsPath" content=buildJsPath('ide.js'))
+
+block content
+	script(type="text/javascript", nonce=scriptNonce, src=(wsUrl || '/socket.io') + '/socket.io.js')
+
+	.content.content-alt#main-content
+		.container
+			.row
+				.col-md-8.col-md-offset-2
+					.card.launchpad-body
+						.row
+							.col-md-12
+								.text-center
+									h1 #{translate('welcome_to_sl')}
+									p
+										img(src=buildImgPath('/ol-brand/overleaf-o.svg'))
+
+						<!-- wrapper -->
+						.row
+							.col-md-8.col-md-offset-2
+
+
+								<!-- create first admin form -->
+								if !adminUserExists
+									.row(data-ol-not-sent)
+										.col-md-12
+											h2 #{translate('create_first_admin_account')}
+
+											// Local Auth Form
+											if authMethod === 'local'
+												form(
+													data-ol-async-form
+													data-ol-register-admin
+													action="/launchpad/register_admin"
+													method="POST"
+												)
+													input(name='_csrf', type='hidden', value=csrfToken)
+													+formMessages()
+													.form-group
+														label(for='email') #{translate("email")}
+														input.form-control(
+															type='email',
+															name='email',
+															placeholder="email@example.com"
+															autocomplete="username"
+															required,
+															autofocus="true"
+														)
+													.form-group
+														label(for='password') #{translate("password")}
+														input.form-control#passwordField(
+															type='password',
+															name='password',
+															placeholder="********",
+															autocomplete="new-password"
+															required,
+														)
+													.actions
+														button.btn-primary.btn(
+															type='submit'
+															data-ol-disabled-inflight
+														)
+															span(data-ol-inflight="idle") #{translate("register")}
+															span(hidden data-ol-inflight="pending") #{translate("registering")}…
+
+											// Ldap Form
+											if authMethod === 'ldap'
+												h3 #{translate('ldap')}
+												p
+													| #{translate('ldap_create_admin_instructions')}
+
+												form(
+													data-ol-async-form
+													data-ol-register-admin
+													action="/launchpad/register_ldap_admin"
+													method="POST"
+												)
+													input(name='_csrf', type='hidden', value=csrfToken)
+													+formMessages()
+													.form-group
+														label(for='email') #{translate("email")}
+														input.form-control(
+															type='email',
+															name='email',
+															placeholder="email@example.com"
+															autocomplete="username"
+															required,
+															autofocus="true"
+														)
+													.actions
+														button.btn-primary.btn(
+															type='submit'
+															data-ol-disabled-inflight
+														)
+															span(data-ol-inflight="idle") #{translate("register")}
+															span(hidden data-ol-inflight="pending") #{translate("registering")}…
+
+											// Saml Form
+											if authMethod === 'saml'
+												h3 #{translate('saml')}
+												p
+													| #{translate('saml_create_admin_instructions')}
+
+												form(
+													data-ol-async-form
+													data-ol-register-admin
+													action="/launchpad/register_saml_admin"
+													method="POST"
+												)
+													input(name='_csrf', type='hidden', value=csrfToken)
+													+formMessages()
+													.form-group
+														label(for='email') #{translate("email")}
+														input.form-control(
+															type='email',
+															name='email',
+															placeholder="email@example.com"
+															autocomplete="username"
+															required,
+															autofocus="true"
+														)
+													.actions
+														button.btn-primary.btn(
+															type='submit'
+															data-ol-disabled-inflight
+														)
+															span(data-ol-inflight="idle") #{translate("register")}
+															span(hidden data-ol-inflight="pending") #{translate("registering")}…
+
+									br
+
+								<!-- status indicators -->
+								if adminUserExists
+									.row
+										.col-md-12.status-indicators
+
+											h2 #{translate('status_checks')}
+
+											<!-- websocket -->
+											.row.row-spaced-small
+												.col-sm-5
+													| #{translate('websockets')}
+												.col-sm-7
+													+launchpad-check('websocket')
+
+									<!-- break -->
+									hr.thin
+
+									<!-- other actions -->
+									.row
+										.col-md-12
+											h2 #{translate('other_actions')}
+
+											h3 #{translate('send_test_email')}
+											form.form(
+												data-ol-async-form
+												action="/launchpad/send_test_email"
+												method="POST"
+											)
+												.form-group
+													label(for="email") Email
+													input.form-control(
+														type="text"
+														id="email"
+														name="email"
+														required
+													)
+												button.btn-primary.btn(
+													type='submit'
+													data-ol-disabled-inflight
+												)
+													span(data-ol-inflight="idle") #{translate("send")}
+													span(hidden data-ol-inflight="pending") #{translate("sending")}…
+
+												p
+													+formMessages()
+
+
+
+									<!-- break -->
+									hr.thin
+
+
+									<!-- Go to app -->
+									.row
+										.col-md-12
+											.text-center
+												br
+												p
+													a(href="/admin").btn.btn-info
+														| Go To Admin Panel
+													| &nbsp;
+													a(href="/project").btn.btn-primary
+														| Start Using #{settings.appName}
+												br
diff --git a/services/web/modules/launchpad/frontend/js/pages/launchpad.js b/services/web/modules/launchpad/frontend/js/pages/launchpad.js
new file mode 100644
index 0000000..0c6b0b8
--- /dev/null
+++ b/services/web/modules/launchpad/frontend/js/pages/launchpad.js
@@ -0,0 +1,82 @@
+/* global io */
+import '@/marketing'
+import {
+  inflightHelper,
+  toggleDisplay,
+} from '../../../../../frontend/js/features/form-helpers/hydrate-form'
+import getMeta from '../../../../../frontend/js/utils/meta'
+
+function setUpStatusIndicator(el, fn) {
+  inflightHelper(el)
+
+  const displaySuccess = el.querySelectorAll('[data-ol-result="success"]')
+  const displayError = el.querySelectorAll('[data-ol-result="error"]')
+
+  // The checks are very lightweight and do not appear to do anything
+  //  from looking at the UI. Add an artificial delay of 1s to show that
+  //  we are actually doing something. :)
+  const artificialProgressDelay = 1000
+
+  function run() {
+    setTimeout(() => {
+      fn()
+        .then(() => {
+          toggleDisplay(displayError, displaySuccess)
+        })
+        .catch(error => {
+          el.querySelector('[data-ol-error]').textContent = error.message
+          toggleDisplay(displaySuccess, displayError)
+        })
+        .finally(() => {
+          el.dispatchEvent(new Event('idle'))
+        })
+    }, artificialProgressDelay)
+  }
+
+  el.querySelectorAll('button').forEach(retryBtn => {
+    retryBtn.addEventListener('click', function (e) {
+      e.preventDefault()
+      el.dispatchEvent(new Event('pending'))
+      run()
+    })
+  })
+
+  run()
+}
+
+function setUpStatusIndicators() {
+  setUpStatusIndicator(
+    document.querySelector('[data-ol-launchpad-check="websocket"]'),
+    () => {
+      const timeout = 10 * 1000
+      const socket = io.connect(null, {
+        reconnect: false,
+        'connect timeout': timeout,
+        'force new connection': true,
+        query: new URLSearchParams({
+          projectId: '404404404404404404404404',
+        }).toString(),
+      })
+      return new Promise((resolve, reject) => {
+        setTimeout(() => reject(new Error('timed out')), timeout)
+        socket.on('connectionRejected', function (err) {
+          if (err.code === 'ProjectNotFound') {
+            // We received the response from joinProject, so the websocket is up.
+            resolve()
+          } else {
+            reject(new Error(err && err.message))
+          }
+        })
+        socket.on('connect_failed', function (err) {
+          reject(new Error(err && err.message))
+        })
+      }).finally(() => {
+        socket.disconnect()
+      })
+    }
+  )
+}
+
+if (getMeta('ol-adminUserExists')) {
+  setUpStatusIndicators()
+}
diff --git a/services/web/modules/launchpad/index.mjs b/services/web/modules/launchpad/index.mjs
new file mode 100644
index 0000000..90488c3
--- /dev/null
+++ b/services/web/modules/launchpad/index.mjs
@@ -0,0 +1,10 @@
+import LaunchpadRouter from './app/src/LaunchpadRouter.mjs'
+
+/** @import { WebModule } from "../../types/web-module" */
+
+/** @type {WebModule} */
+const LaunchpadModule = {
+  router: LaunchpadRouter,
+}
+
+export default LaunchpadModule
diff --git a/services/web/modules/launchpad/test/acceptance/config/settings.test.js b/services/web/modules/launchpad/test/acceptance/config/settings.test.js
new file mode 100644
index 0000000..63baaed
--- /dev/null
+++ b/services/web/modules/launchpad/test/acceptance/config/settings.test.js
@@ -0,0 +1,8 @@
+const base = require(process.env.BASE_CONFIG)
+
+module.exports = base.mergeWith({
+  enableLegacyLogin: true,
+  test: {
+    counterInit: 210000,
+  },
+})
diff --git a/services/web/modules/launchpad/test/acceptance/src/Init.mjs b/services/web/modules/launchpad/test/acceptance/src/Init.mjs
new file mode 100644
index 0000000..8fe4a5f
--- /dev/null
+++ b/services/web/modules/launchpad/test/acceptance/src/Init.mjs
@@ -0,0 +1 @@
+import '../../../../../test/acceptance/src/helpers/InitApp.mjs'
diff --git a/services/web/modules/launchpad/test/acceptance/src/LaunchpadTests.mjs b/services/web/modules/launchpad/test/acceptance/src/LaunchpadTests.mjs
new file mode 100644
index 0000000..e04d02c
--- /dev/null
+++ b/services/web/modules/launchpad/test/acceptance/src/LaunchpadTests.mjs
@@ -0,0 +1,83 @@
+import { expect } from 'chai'
+import cheerio from 'cheerio'
+import UserHelper from '../../../../../test/acceptance/src/helpers/UserHelper.mjs'
+
+describe('Launchpad', function () {
+  const adminEmail = 'admin@example.com'
+  const adminPassword = 'adreadfulsecret'
+  const user = new UserHelper()
+
+  it('should show the launchpad page', async function () {
+    const response = await user.fetch('/launchpad')
+    expect(response.status).to.equal(200)
+    const body = await response.text()
+    const $ = cheerio.load(body)
+    expect($('h2').first().text()).to.equal('Create the first Admin account')
+    expect($('form[name="email"]').first()).to.exist
+    expect($('form[name="password"]').first()).to.exist
+  })
+
+  it('should allow for creation of the first admin user', async function () {
+    // Load the launchpad page
+    const initialPageResponse = await user.fetch('/launchpad')
+    expect(initialPageResponse.status).to.equal(200)
+    const initialPageBody = await initialPageResponse.text()
+    const $ = cheerio.load(initialPageBody)
+    expect($('h2').first().text()).to.equal('Create the first Admin account')
+    expect($('form[name="email"]').first()).to.exist
+    expect($('form[name="password"]').first()).to.exist
+
+    // Submit the form
+    let csrfToken = await user.getCsrfToken()
+    const postResponse = await user.fetch('/launchpad/register_admin', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Accept: 'application/json',
+      },
+      body: JSON.stringify({
+        _csrf: csrfToken,
+        email: adminEmail,
+        password: adminPassword,
+      }),
+    })
+    expect(postResponse.status).to.equal(200)
+    const postBody = await postResponse.json()
+    expect(postBody).to.deep.equal({ redir: '/launchpad' })
+
+    // Try to load the page again
+    const secondPageResponse = await user.fetch('/launchpad')
+    expect(secondPageResponse.status).to.equal(302)
+    expect(secondPageResponse.headers.get('location')).to.equal(
+      UserHelper.url('/login').toString()
+    )
+
+    // Forbid submitting the form again
+    csrfToken = await user.getCsrfToken()
+    const badPostResponse = await user.fetch('/launchpad/register_admin', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Accept: 'application/json',
+      },
+      body: JSON.stringify({
+        _csrf: csrfToken,
+        email: adminEmail + '1',
+        password: adminPassword + '1',
+      }),
+    })
+    expect(badPostResponse.status).to.equal(403)
+
+    // Log in as this new admin user
+    const adminUser = await UserHelper.loginUser({
+      email: adminEmail,
+      password: adminPassword,
+    })
+    // Check we are actually admin
+    expect(await adminUser.isLoggedIn()).to.equal(true)
+    expect(adminUser.user.isAdmin).to.equal(true)
+
+    // Check reversedHostName is stored
+    expect(adminUser.user.emails[0].reversedHostname).to.equal('moc.elpmaxe')
+  })
+})
diff --git a/services/web/modules/launchpad/test/acceptance/tsconfig.json b/services/web/modules/launchpad/test/acceptance/tsconfig.json
new file mode 100644
index 0000000..ddee721
--- /dev/null
+++ b/services/web/modules/launchpad/test/acceptance/tsconfig.json
@@ -0,0 +1 @@
+{ "extends": "../../../../tsconfig.backend.json" }
diff --git a/services/web/modules/launchpad/test/unit/src/LaunchpadControllerTests.mjs b/services/web/modules/launchpad/test/unit/src/LaunchpadControllerTests.mjs
new file mode 100644
index 0000000..e1ca25a
--- /dev/null
+++ b/services/web/modules/launchpad/test/unit/src/LaunchpadControllerTests.mjs
@@ -0,0 +1,1076 @@
+import { fileURLToPath } from 'node:url'
+import * as path from 'node:path'
+import { strict as esmock } from 'esmock'
+import { expect } from 'chai'
+import sinon from 'sinon'
+import Settings from '@overleaf/settings'
+import MockResponse from '../../../../../test/unit/src/helpers/MockResponse.js'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+const modulePath = path.join(
+  __dirname,
+  '../../../app/src/LaunchpadController.mjs'
+)
+
+describe('LaunchpadController', function () {
+  // esmock doesn't work well with CommonJS dependencies, global imports for
+  // @overleaf/settings aren't working until that module is migrated to ESM. In the
+  // meantime, the workaroung is to set and restore settings values
+  let oldSettingsAdminPrivilegeAvailable
+
+  beforeEach(async function () {
+    this.user = {
+      _id: '323123',
+      first_name: 'fn',
+      last_name: 'ln',
+      save: sinon.stub().callsArgWith(0),
+    }
+
+    oldSettingsAdminPrivilegeAvailable = Settings.adminPrivilegeAvailable
+    Settings.adminPrivilegeAvailable = true
+
+    this.User = {}
+    this.LaunchpadController = await esmock(modulePath, {
+      '@overleaf/metrics': (this.Metrics = {}),
+      '../../../../../app/src/Features/User/UserRegistrationHandler.js':
+        (this.UserRegistrationHandler = {
+          promises: {},
+        }),
+      '../../../../../app/src/Features/Email/EmailHandler.js':
+        (this.EmailHandler = { promises: {} }),
+      '../../../../../app/src/Features/User/UserGetter.js': (this.UserGetter = {
+        promises: {},
+      }),
+      '../../../../../app/src/models/User.js': { User: this.User },
+      '../../../../../app/src/Features/Authentication/AuthenticationController.js':
+        (this.AuthenticationController = {}),
+      '../../../../../app/src/Features/Authentication/AuthenticationManager.js':
+        (this.AuthenticationManager = {}),
+      '../../../../../app/src/Features/Authentication/SessionManager.js':
+        (this.SessionManager = {
+          getSessionUser: sinon.stub(),
+        }),
+    })
+
+    this.email = 'bob@smith.com'
+
+    this.req = {
+      query: {},
+      body: {},
+      session: {},
+    }
+
+    this.res = new MockResponse()
+    this.res.locals = {
+      translate(key) {
+        return key
+      },
+    }
+
+    this.next = sinon.stub()
+  })
+
+  afterEach(function () {
+    Settings.adminPrivilegeAvailable = oldSettingsAdminPrivilegeAvailable
+  })
+
+  describe('launchpadPage', function () {
+    beforeEach(function () {
+      this.LaunchpadController._mocks._atLeastOneAdminExists = sinon.stub()
+      this._atLeastOneAdminExists =
+        this.LaunchpadController._mocks._atLeastOneAdminExists
+      this.AuthenticationController.setRedirectInSession = sinon.stub()
+    })
+
+    describe('when the user is not logged in', function () {
+      beforeEach(function () {
+        this.SessionManager.getSessionUser = sinon.stub().returns(null)
+      })
+
+      describe('when there are no admins', function () {
+        beforeEach(async function () {
+          this._atLeastOneAdminExists.resolves(false)
+          await this.LaunchpadController.launchpadPage(
+            this.req,
+            this.res,
+            this.next
+          )
+        })
+
+        it('should render the launchpad page', function () {
+          const viewPath = path.join(__dirname, '../../../app/views/launchpad')
+          this.res.render.callCount.should.equal(1)
+          this.res.render
+            .calledWith(viewPath, {
+              adminUserExists: false,
+              authMethod: 'local',
+            })
+            .should.equal(true)
+        })
+      })
+
+      describe('when there is at least one admin', function () {
+        beforeEach(async function () {
+          this._atLeastOneAdminExists.resolves(true)
+          await this.LaunchpadController.launchpadPage(
+            this.req,
+            this.res,
+            this.next
+          )
+        })
+
+        it('should redirect to login page', function () {
+          this.AuthenticationController.setRedirectInSession.callCount.should.equal(
+            1
+          )
+          this.res.redirect.calledWith('/login').should.equal(true)
+        })
+
+        it('should not render the launchpad page', function () {
+          this.res.render.callCount.should.equal(0)
+        })
+      })
+    })
+
+    describe('when the user is logged in', function () {
+      beforeEach(function () {
+        this.user = {
+          _id: 'abcd',
+          email: 'abcd@example.com',
+        }
+        this.SessionManager.getSessionUser.returns(this.user)
+        this._atLeastOneAdminExists.resolves(true)
+      })
+
+      describe('when the user is an admin', function () {
+        beforeEach(async function () {
+          this.UserGetter.promises.getUser = sinon
+            .stub()
+            .resolves({ isAdmin: true })
+          await this.LaunchpadController.launchpadPage(
+            this.req,
+            this.res,
+            this.next
+          )
+        })
+
+        it('should render the launchpad page', function () {
+          const viewPath = path.join(__dirname, '../../../app/views/launchpad')
+          this.res.render.callCount.should.equal(1)
+          this.res.render
+            .calledWith(viewPath, {
+              wsUrl: undefined,
+              adminUserExists: true,
+              authMethod: 'local',
+            })
+            .should.equal(true)
+        })
+      })
+
+      describe('when the user is not an admin', function () {
+        beforeEach(async function () {
+          this.UserGetter.promises.getUser = sinon
+            .stub()
+            .resolves({ isAdmin: false })
+          await this.LaunchpadController.launchpadPage(
+            this.req,
+            this.res,
+            this.next
+          )
+        })
+
+        it('should redirect to restricted page', function () {
+          this.res.redirect.callCount.should.equal(1)
+          this.res.redirect.calledWith('/restricted').should.equal(true)
+        })
+      })
+    })
+  })
+
+  describe('_atLeastOneAdminExists', function () {
+    describe('when there are no admins', function () {
+      beforeEach(function () {
+        this.UserGetter.promises.getUser = sinon.stub().resolves(null)
+      })
+
+      it('should callback with false', async function () {
+        const exists = await this.LaunchpadController._atLeastOneAdminExists()
+        expect(exists).to.equal(false)
+      })
+    })
+
+    describe('when there are some admins', function () {
+      beforeEach(function () {
+        this.UserGetter.promises.getUser = sinon
+          .stub()
+          .resolves({ _id: 'abcd' })
+      })
+
+      it('should callback with true', async function () {
+        const exists = await this.LaunchpadController._atLeastOneAdminExists()
+        expect(exists).to.equal(true)
+      })
+    })
+
+    describe('when getUser produces an error', function () {
+      beforeEach(function () {
+        this.UserGetter.promises.getUser = sinon
+          .stub()
+          .rejects(new Error('woops'))
+      })
+
+      it('should produce an error', async function () {
+        await expect(this.LaunchpadController._atLeastOneAdminExists()).rejected
+      })
+    })
+  })
+
+  describe('sendTestEmail', function () {
+    beforeEach(function () {
+      this.EmailHandler.promises.sendEmail = sinon.stub().resolves()
+      this.req.body.email = 'someone@example.com'
+    })
+
+    it('should produce a 200 response', async function () {
+      await this.LaunchpadController.sendTestEmail(
+        this.req,
+        this.res,
+        this.next
+      )
+      this.res.json.calledWith({ message: 'email_sent' }).should.equal(true)
+    })
+
+    it('should not call next with an error', function () {
+      this.LaunchpadController.sendTestEmail(this.req, this.res, this.next)
+      this.next.callCount.should.equal(0)
+    })
+
+    it('should have called sendEmail', async function () {
+      await this.LaunchpadController.sendTestEmail(
+        this.req,
+        this.res,
+        this.next
+      )
+      this.EmailHandler.promises.sendEmail.callCount.should.equal(1)
+      this.EmailHandler.promises.sendEmail
+        .calledWith('testEmail')
+        .should.equal(true)
+    })
+
+    describe('when sendEmail produces an error', function () {
+      beforeEach(function () {
+        this.EmailHandler.promises.sendEmail = sinon
+          .stub()
+          .rejects(new Error('woops'))
+      })
+
+      it('should call next with an error', function (done) {
+        this.next = sinon.stub().callsFake(err => {
+          expect(err).to.be.instanceof(Error)
+          this.next.callCount.should.equal(1)
+          done()
+        })
+        this.LaunchpadController.sendTestEmail(this.req, this.res, this.next)
+      })
+    })
+
+    describe('when no email address is supplied', function () {
+      beforeEach(function () {
+        this.req.body.email = undefined
+      })
+
+      it('should produce a 400 response', function () {
+        this.LaunchpadController.sendTestEmail(this.req, this.res, this.next)
+        this.res.status.calledWith(400).should.equal(true)
+        this.res.json
+          .calledWith({
+            message: 'no email address supplied',
+          })
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('registerAdmin', function () {
+    beforeEach(function () {
+      this.LaunchpadController._mocks._atLeastOneAdminExists = sinon.stub()
+      this._atLeastOneAdminExists =
+        this.LaunchpadController._mocks._atLeastOneAdminExists
+    })
+
+    describe('when all goes well', function () {
+      beforeEach(async function () {
+        this._atLeastOneAdminExists.resolves(false)
+        this.email = 'someone@example.com'
+        this.password = 'a_really_bad_password'
+        this.req.body.email = this.email
+        this.req.body.password = this.password
+        this.user = {
+          _id: 'abcdef',
+          email: this.email,
+        }
+        this.UserRegistrationHandler.promises.registerNewUser = sinon
+          .stub()
+          .resolves(this.user)
+        this.User.updateOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().resolves() })
+        this.AuthenticationController.setRedirectInSession = sinon.stub()
+        this.AuthenticationManager.validateEmail = sinon.stub().returns(null)
+        this.AuthenticationManager.validatePassword = sinon.stub().returns(null)
+        await this.LaunchpadController.registerAdmin(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should send back a json response', function () {
+        this.res.json.callCount.should.equal(1)
+        expect(this.res.json).to.have.been.calledWith({ redir: '/launchpad' })
+      })
+
+      it('should have checked for existing admins', function () {
+        this._atLeastOneAdminExists.callCount.should.equal(1)
+      })
+
+      it('should have called registerNewUser', function () {
+        this.UserRegistrationHandler.promises.registerNewUser.callCount.should.equal(
+          1
+        )
+        this.UserRegistrationHandler.promises.registerNewUser
+          .calledWith({ email: this.email, password: this.password })
+          .should.equal(true)
+      })
+
+      it('should have updated the user to make them an admin', function () {
+        this.User.updateOne.callCount.should.equal(1)
+        this.User.updateOne
+          .calledWithMatch(
+            { _id: this.user._id },
+            {
+              $set: {
+                isAdmin: true,
+                emails: [
+                  { email: this.user.email, reversedHostname: 'moc.elpmaxe' },
+                ],
+              },
+            }
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('when no email is supplied', function () {
+      beforeEach(async function () {
+        this._atLeastOneAdminExists.resolves(false)
+        this.email = undefined
+        this.password = 'a_really_bad_password'
+        this.req.body.email = this.email
+        this.req.body.password = this.password
+        this.user = {
+          _id: 'abcdef',
+          email: this.email,
+        }
+        this.UserRegistrationHandler.promises.registerNewUser = sinon.stub()
+        this.User.updateOne = sinon.stub().returns({ exec: sinon.stub() })
+        this.AuthenticationController.setRedirectInSession = sinon.stub()
+        await this.LaunchpadController.registerAdmin(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should send a 400 response', function () {
+        this.res.sendStatus.callCount.should.equal(1)
+        this.res.sendStatus.calledWith(400).should.equal(true)
+      })
+
+      it('should not check for existing admins', function () {
+        this._atLeastOneAdminExists.callCount.should.equal(0)
+      })
+
+      it('should not call registerNewUser', function () {
+        this.UserRegistrationHandler.promises.registerNewUser.callCount.should.equal(
+          0
+        )
+      })
+    })
+
+    describe('when no password is supplied', function () {
+      beforeEach(async function () {
+        this._atLeastOneAdminExists.resolves(false)
+        this.email = 'someone@example.com'
+        this.password = undefined
+        this.req.body.email = this.email
+        this.req.body.password = this.password
+        this.user = {
+          _id: 'abcdef',
+          email: this.email,
+        }
+        this.UserRegistrationHandler.promises.registerNewUser = sinon.stub()
+        this.User.updateOne = sinon.stub().returns({ exec: sinon.stub() })
+        this.AuthenticationController.setRedirectInSession = sinon.stub()
+        await this.LaunchpadController.registerAdmin(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should send a 400 response', function () {
+        this.res.sendStatus.callCount.should.equal(1)
+        this.res.sendStatus.calledWith(400).should.equal(true)
+      })
+
+      it('should not check for existing admins', function () {
+        this._atLeastOneAdminExists.callCount.should.equal(0)
+      })
+
+      it('should not call registerNewUser', function () {
+        this.UserRegistrationHandler.promises.registerNewUser.callCount.should.equal(
+          0
+        )
+      })
+    })
+
+    describe('when an invalid email is supplied', function () {
+      beforeEach(async function () {
+        this._atLeastOneAdminExists.resolves(false)
+        this.email = 'someone@example.com'
+        this.password = 'invalid password'
+        this.req.body.email = this.email
+        this.req.body.password = this.password
+        this.user = {
+          _id: 'abcdef',
+          email: this.email,
+        }
+        this.UserRegistrationHandler.promises.registerNewUser = sinon.stub()
+        this.User.updateOne = sinon.stub().returns({ exec: sinon.stub() })
+        this.AuthenticationController.setRedirectInSession = sinon.stub()
+        this.AuthenticationManager.validateEmail = sinon
+          .stub()
+          .returns(new Error('bad email'))
+        this.AuthenticationManager.validatePassword = sinon.stub().returns(null)
+        await this.LaunchpadController.registerAdmin(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should send a 400 response', function () {
+        this.res.status.callCount.should.equal(1)
+        this.res.status.calledWith(400).should.equal(true)
+        this.res.json.calledWith({
+          message: { type: 'error', text: 'bad email' },
+        })
+      })
+
+      it('should not call registerNewUser', function () {
+        this.UserRegistrationHandler.promises.registerNewUser.callCount.should.equal(
+          0
+        )
+      })
+    })
+
+    describe('when an invalid password is supplied', function () {
+      beforeEach(async function () {
+        this._atLeastOneAdminExists.resolves(false)
+        this.email = 'someone@example.com'
+        this.password = 'invalid password'
+        this.req.body.email = this.email
+        this.req.body.password = this.password
+        this.user = {
+          _id: 'abcdef',
+          email: this.email,
+        }
+        this.UserRegistrationHandler.promises.registerNewUser = sinon.stub()
+        this.User.updateOne = sinon.stub().returns({ exec: sinon.stub() })
+        this.AuthenticationController.setRedirectInSession = sinon.stub()
+        this.AuthenticationManager.validateEmail = sinon.stub().returns(null)
+        this.AuthenticationManager.validatePassword = sinon
+          .stub()
+          .returns(new Error('bad password'))
+        await this.LaunchpadController.registerAdmin(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should send a 400 response', function () {
+        this.res.status.callCount.should.equal(1)
+        this.res.status.calledWith(400).should.equal(true)
+        this.res.json.calledWith({
+          message: { type: 'error', text: 'bad password' },
+        })
+      })
+
+      it('should not call registerNewUser', function () {
+        this.UserRegistrationHandler.promises.registerNewUser.callCount.should.equal(
+          0
+        )
+      })
+    })
+
+    describe('when there are already existing admins', function () {
+      beforeEach(async function () {
+        this._atLeastOneAdminExists.resolves(true)
+        this.email = 'someone@example.com'
+        this.password = 'a_really_bad_password'
+        this.req.body.email = this.email
+        this.req.body.password = this.password
+        this.user = {
+          _id: 'abcdef',
+          email: this.email,
+        }
+        this.UserRegistrationHandler.promises.registerNewUser = sinon.stub()
+        this.User.updateOne = sinon.stub().returns({ exec: sinon.stub() })
+        this.AuthenticationController.setRedirectInSession = sinon.stub()
+        this.AuthenticationManager.validateEmail = sinon.stub().returns(null)
+        this.AuthenticationManager.validatePassword = sinon.stub().returns(null)
+        await this.LaunchpadController.registerAdmin(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should send a 403 response', function () {
+        this.res.status.callCount.should.equal(1)
+        this.res.status.calledWith(403).should.equal(true)
+      })
+
+      it('should not call registerNewUser', function () {
+        this.UserRegistrationHandler.promises.registerNewUser.callCount.should.equal(
+          0
+        )
+      })
+    })
+
+    describe('when checking admins produces an error', function () {
+      beforeEach(async function () {
+        this._atLeastOneAdminExists.rejects(new Error('woops'))
+        this.email = 'someone@example.com'
+        this.password = 'a_really_bad_password'
+        this.req.body.email = this.email
+        this.req.body.password = this.password
+        this.user = {
+          _id: 'abcdef',
+          email: this.email,
+        }
+        this.UserRegistrationHandler.promises.registerNewUser = sinon.stub()
+        this.User.updateOne = sinon.stub().returns({ exec: sinon.stub() })
+        this.AuthenticationController.setRedirectInSession = sinon.stub()
+        await this.LaunchpadController.registerAdmin(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should call next with an error', function () {
+        this.next.callCount.should.equal(1)
+        expect(this.next.lastCall.args[0]).to.be.instanceof(Error)
+      })
+
+      it('should have checked for existing admins', function () {
+        this._atLeastOneAdminExists.callCount.should.equal(1)
+      })
+
+      it('should not call registerNewUser', function () {
+        this.UserRegistrationHandler.promises.registerNewUser.callCount.should.equal(
+          0
+        )
+      })
+    })
+
+    describe('when registerNewUser produces an error', function () {
+      beforeEach(async function () {
+        this._atLeastOneAdminExists.resolves(false)
+        this.email = 'someone@example.com'
+        this.password = 'a_really_bad_password'
+        this.req.body.email = this.email
+        this.req.body.password = this.password
+        this.user = {
+          _id: 'abcdef',
+          email: this.email,
+        }
+        this.UserRegistrationHandler.promises.registerNewUser = sinon
+          .stub()
+          .rejects(new Error('woops'))
+        this.User.updateOne = sinon.stub().returns({ exec: sinon.stub() })
+        this.AuthenticationController.setRedirectInSession = sinon.stub()
+        this.AuthenticationManager.validateEmail = sinon.stub().returns(null)
+        this.AuthenticationManager.validatePassword = sinon.stub().returns(null)
+        await this.LaunchpadController.registerAdmin(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should call next with an error', function () {
+        this.next.callCount.should.equal(1)
+        expect(this.next.lastCall.args[0]).to.be.instanceof(Error)
+      })
+
+      it('should have checked for existing admins', function () {
+        this._atLeastOneAdminExists.callCount.should.equal(1)
+      })
+
+      it('should have called registerNewUser', function () {
+        this.UserRegistrationHandler.promises.registerNewUser.callCount.should.equal(
+          1
+        )
+        this.UserRegistrationHandler.promises.registerNewUser
+          .calledWith({ email: this.email, password: this.password })
+          .should.equal(true)
+      })
+
+      it('should not call update', function () {
+        this.User.updateOne.callCount.should.equal(0)
+      })
+    })
+
+    describe('when user update produces an error', function () {
+      beforeEach(async function () {
+        this._atLeastOneAdminExists.resolves(false)
+        this.email = 'someone@example.com'
+        this.password = 'a_really_bad_password'
+        this.req.body.email = this.email
+        this.req.body.password = this.password
+        this.user = {
+          _id: 'abcdef',
+          email: this.email,
+        }
+        this.UserRegistrationHandler.promises.registerNewUser = sinon
+          .stub()
+          .resolves(this.user)
+        this.User.updateOne = sinon.stub().returns({
+          exec: sinon.stub().rejects(new Error('woops')),
+        })
+        this.AuthenticationController.setRedirectInSession = sinon.stub()
+        this.AuthenticationManager.validateEmail = sinon.stub().returns(null)
+        this.AuthenticationManager.validatePassword = sinon.stub().returns(null)
+        await this.LaunchpadController.registerAdmin(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should call next with an error', function () {
+        this.next.callCount.should.equal(1)
+        expect(this.next.lastCall.args[0]).to.be.instanceof(Error)
+      })
+
+      it('should have checked for existing admins', function () {
+        this._atLeastOneAdminExists.callCount.should.equal(1)
+      })
+
+      it('should have called registerNewUser', function () {
+        this.UserRegistrationHandler.promises.registerNewUser.callCount.should.equal(
+          1
+        )
+        this.UserRegistrationHandler.promises.registerNewUser
+          .calledWith({ email: this.email, password: this.password })
+          .should.equal(true)
+      })
+    })
+
+    describe('when overleaf', function () {
+      let oldSettingsOverleaf
+
+      beforeEach(async function () {
+        oldSettingsOverleaf = Settings.overleaf
+        Settings.overleaf = { one: 1 }
+        this._atLeastOneAdminExists.resolves(false)
+        this.email = 'someone@example.com'
+        this.password = 'a_really_bad_password'
+        this.req.body.email = this.email
+        this.req.body.password = this.password
+        this.user = {
+          _id: 'abcdef',
+          email: this.email,
+        }
+        this.UserRegistrationHandler.promises.registerNewUser = sinon
+          .stub()
+          .resolves(this.user)
+        this.User.updateOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().resolves() })
+        this.AuthenticationController.setRedirectInSession = sinon.stub()
+        this.AuthenticationManager.validateEmail = sinon.stub().returns(null)
+        this.AuthenticationManager.validatePassword = sinon.stub().returns(null)
+        this.UserGetter.promises.getUser = sinon
+          .stub()
+          .resolves({ _id: '1234' })
+        await this.LaunchpadController.registerAdmin(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      afterEach(async function () {
+        Settings.overleaf = oldSettingsOverleaf
+      })
+
+      it('should send back a json response', function () {
+        this.res.json.callCount.should.equal(1)
+        expect(this.res.json).to.have.been.calledWith({ redir: '/launchpad' })
+      })
+
+      it('should have checked for existing admins', function () {
+        this._atLeastOneAdminExists.callCount.should.equal(1)
+      })
+
+      it('should have called registerNewUser', function () {
+        this.UserRegistrationHandler.promises.registerNewUser.callCount.should.equal(
+          1
+        )
+        this.UserRegistrationHandler.promises.registerNewUser
+          .calledWith({ email: this.email, password: this.password })
+          .should.equal(true)
+      })
+
+      it('should have updated the user to make them an admin', function () {
+        this.User.updateOne
+          .calledWith(
+            { _id: this.user._id },
+            {
+              $set: {
+                isAdmin: true,
+                emails: [
+                  { email: this.user.email, reversedHostname: 'moc.elpmaxe' },
+                ],
+              },
+            }
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('registerExternalAuthAdmin', function () {
+    let oldSettingsLDAP
+
+    beforeEach(function () {
+      oldSettingsLDAP = Settings.ldap
+      Settings.ldap = { one: 1 }
+      this.LaunchpadController._mocks._atLeastOneAdminExists = sinon.stub()
+      this._atLeastOneAdminExists =
+        this.LaunchpadController._mocks._atLeastOneAdminExists
+    })
+
+    afterEach(function () {
+      Settings.ldap = oldSettingsLDAP
+    })
+
+    describe('when all goes well', function () {
+      beforeEach(async function () {
+        this._atLeastOneAdminExists.resolves(false)
+        this.email = 'someone@example.com'
+        this.req.body.email = this.email
+        this.user = {
+          _id: 'abcdef',
+          email: this.email,
+        }
+        this.UserRegistrationHandler.promises.registerNewUser = sinon
+          .stub()
+          .resolves(this.user)
+        this.User.updateOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().resolves() })
+        this.AuthenticationController.setRedirectInSession = sinon.stub()
+        await this.LaunchpadController.registerExternalAuthAdmin('ldap')(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should send back a json response', function () {
+        this.res.json.callCount.should.equal(1)
+        expect(this.res.json.lastCall.args[0].email).to.equal(this.email)
+      })
+
+      it('should have checked for existing admins', function () {
+        this._atLeastOneAdminExists.callCount.should.equal(1)
+      })
+
+      it('should have called registerNewUser', function () {
+        this.UserRegistrationHandler.promises.registerNewUser.callCount.should.equal(
+          1
+        )
+        this.UserRegistrationHandler.promises.registerNewUser
+          .calledWith({
+            email: this.email,
+            password: 'password_here',
+            first_name: this.email,
+            last_name: '',
+          })
+          .should.equal(true)
+      })
+
+      it('should have updated the user to make them an admin', function () {
+        this.User.updateOne.callCount.should.equal(1)
+        this.User.updateOne
+          .calledWith(
+            { _id: this.user._id },
+            {
+              $set: {
+                isAdmin: true,
+                emails: [
+                  { email: this.user.email, reversedHostname: 'moc.elpmaxe' },
+                ],
+              },
+            }
+          )
+          .should.equal(true)
+      })
+
+      it('should have set a redirect in session', function () {
+        this.AuthenticationController.setRedirectInSession.callCount.should.equal(
+          1
+        )
+        this.AuthenticationController.setRedirectInSession
+          .calledWith(this.req, '/launchpad')
+          .should.equal(true)
+      })
+    })
+
+    describe('when the authMethod is invalid', function () {
+      beforeEach(async function () {
+        this._atLeastOneAdminExists.resolves(false)
+        this.email = undefined
+        this.req.body.email = this.email
+        this.user = {
+          _id: 'abcdef',
+          email: this.email,
+        }
+        this.UserRegistrationHandler.promises.registerNewUser = sinon.stub()
+        this.User.updateOne = sinon.stub().returns({ exec: sinon.stub() })
+        this.AuthenticationController.setRedirectInSession = sinon.stub()
+        await this.LaunchpadController.registerExternalAuthAdmin(
+          'NOTAVALIDAUTHMETHOD'
+        )(this.req, this.res, this.next)
+      })
+
+      it('should send a 403 response', function () {
+        this.res.sendStatus.callCount.should.equal(1)
+        this.res.sendStatus.calledWith(403).should.equal(true)
+      })
+
+      it('should not check for existing admins', function () {
+        this._atLeastOneAdminExists.callCount.should.equal(0)
+      })
+
+      it('should not call registerNewUser', function () {
+        this.UserRegistrationHandler.promises.registerNewUser.callCount.should.equal(
+          0
+        )
+      })
+    })
+
+    describe('when no email is supplied', function () {
+      beforeEach(async function () {
+        this._atLeastOneAdminExists.resolves(false)
+        this.email = undefined
+        this.req.body.email = this.email
+        this.user = {
+          _id: 'abcdef',
+          email: this.email,
+        }
+        this.UserRegistrationHandler.promises.registerNewUser = sinon.stub()
+        this.User.updateOne = sinon.stub().returns({ exec: sinon.stub() })
+        this.AuthenticationController.setRedirectInSession = sinon.stub()
+        await this.LaunchpadController.registerExternalAuthAdmin('ldap')(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should send a 400 response', function () {
+        this.res.sendStatus.callCount.should.equal(1)
+        this.res.sendStatus.calledWith(400).should.equal(true)
+      })
+
+      it('should not check for existing admins', function () {
+        this._atLeastOneAdminExists.callCount.should.equal(0)
+      })
+
+      it('should not call registerNewUser', function () {
+        this.UserRegistrationHandler.promises.registerNewUser.callCount.should.equal(
+          0
+        )
+      })
+    })
+
+    describe('when there are already existing admins', function () {
+      beforeEach(async function () {
+        this._atLeastOneAdminExists.resolves(true)
+        this.email = 'someone@example.com'
+        this.req.body.email = this.email
+        this.user = {
+          _id: 'abcdef',
+          email: this.email,
+        }
+        this.UserRegistrationHandler.promises.registerNewUser = sinon.stub()
+        this.User.updateOne = sinon.stub().returns({ exec: sinon.stub() })
+        this.AuthenticationController.setRedirectInSession = sinon.stub()
+        await this.LaunchpadController.registerExternalAuthAdmin('ldap')(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should send a 403 response', function () {
+        this.res.sendStatus.callCount.should.equal(1)
+        this.res.sendStatus.calledWith(403).should.equal(true)
+      })
+
+      it('should not call registerNewUser', function () {
+        this.UserRegistrationHandler.promises.registerNewUser.callCount.should.equal(
+          0
+        )
+      })
+    })
+
+    describe('when checking admins produces an error', function () {
+      beforeEach(async function () {
+        this._atLeastOneAdminExists.rejects(new Error('woops'))
+        this.email = 'someone@example.com'
+        this.req.body.email = this.email
+        this.user = {
+          _id: 'abcdef',
+          email: this.email,
+        }
+        this.UserRegistrationHandler.promises.registerNewUser = sinon.stub()
+        this.User.updateOne = sinon.stub().returns({ exec: sinon.stub() })
+        this.AuthenticationController.setRedirectInSession = sinon.stub()
+        await this.LaunchpadController.registerExternalAuthAdmin('ldap')(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should call next with an error', function () {
+        this.next.callCount.should.equal(1)
+        expect(this.next.lastCall.args[0]).to.be.instanceof(Error)
+      })
+
+      it('should have checked for existing admins', function () {
+        this._atLeastOneAdminExists.callCount.should.equal(1)
+      })
+
+      it('should not call registerNewUser', function () {
+        this.UserRegistrationHandler.promises.registerNewUser.callCount.should.equal(
+          0
+        )
+      })
+    })
+
+    describe('when registerNewUser produces an error', function () {
+      beforeEach(async function () {
+        this._atLeastOneAdminExists.resolves(false)
+        this.email = 'someone@example.com'
+        this.req.body.email = this.email
+        this.user = {
+          _id: 'abcdef',
+          email: this.email,
+        }
+        this.UserRegistrationHandler.promises.registerNewUser = sinon
+          .stub()
+          .rejects(new Error('woops'))
+        this.User.updateOne = sinon.stub().returns({ exec: sinon.stub() })
+        this.AuthenticationController.setRedirectInSession = sinon.stub()
+        await this.LaunchpadController.registerExternalAuthAdmin('ldap')(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should call next with an error', function () {
+        this.next.callCount.should.equal(1)
+        expect(this.next.lastCall.args[0]).to.be.instanceof(Error)
+      })
+
+      it('should have checked for existing admins', function () {
+        this._atLeastOneAdminExists.callCount.should.equal(1)
+      })
+
+      it('should have called registerNewUser', function () {
+        this.UserRegistrationHandler.promises.registerNewUser.callCount.should.equal(
+          1
+        )
+        this.UserRegistrationHandler.promises.registerNewUser
+          .calledWith({
+            email: this.email,
+            password: 'password_here',
+            first_name: this.email,
+            last_name: '',
+          })
+          .should.equal(true)
+      })
+
+      it('should not call update', function () {
+        this.User.updateOne.callCount.should.equal(0)
+      })
+    })
+
+    describe('when user update produces an error', function () {
+      beforeEach(async function () {
+        this._atLeastOneAdminExists.resolves(false)
+        this.email = 'someone@example.com'
+        this.req.body.email = this.email
+        this.user = {
+          _id: 'abcdef',
+          email: this.email,
+        }
+        this.UserRegistrationHandler.promises.registerNewUser = sinon
+          .stub()
+          .resolves(this.user)
+        this.User.updateOne = sinon.stub().returns({
+          exec: sinon.stub().rejects(new Error('woops')),
+        })
+        this.AuthenticationController.setRedirectInSession = sinon.stub()
+        await this.LaunchpadController.registerExternalAuthAdmin('ldap')(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should call next with an error', function () {
+        this.next.callCount.should.equal(1)
+        expect(this.next.lastCall.args[0]).to.be.instanceof(Error)
+      })
+
+      it('should have checked for existing admins', function () {
+        this._atLeastOneAdminExists.callCount.should.equal(1)
+      })
+
+      it('should have called registerNewUser', function () {
+        this.UserRegistrationHandler.promises.registerNewUser.callCount.should.equal(
+          1
+        )
+        this.UserRegistrationHandler.promises.registerNewUser
+          .calledWith({
+            email: this.email,
+            password: 'password_here',
+            first_name: this.email,
+            last_name: '',
+          })
+          .should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/web/modules/launchpad/test/unit/tsconfig.json b/services/web/modules/launchpad/test/unit/tsconfig.json
new file mode 100644
index 0000000..ddee721
--- /dev/null
+++ b/services/web/modules/launchpad/test/unit/tsconfig.json
@@ -0,0 +1 @@
+{ "extends": "../../../../tsconfig.backend.json" }
diff --git a/services/web/modules/server-ce-scripts/index.js b/services/web/modules/server-ce-scripts/index.js
new file mode 100644
index 0000000..28c3d81
--- /dev/null
+++ b/services/web/modules/server-ce-scripts/index.js
@@ -0,0 +1,6 @@
+/** @import { WebModule } from "../../types/web-module" */
+
+/** @type {WebModule} */
+const ServerCeScriptsModule = {}
+
+module.exports = ServerCeScriptsModule
diff --git a/services/web/modules/server-ce-scripts/scripts/change-compile-timeout.mjs b/services/web/modules/server-ce-scripts/scripts/change-compile-timeout.mjs
new file mode 100644
index 0000000..07aeb7c
--- /dev/null
+++ b/services/web/modules/server-ce-scripts/scripts/change-compile-timeout.mjs
@@ -0,0 +1,44 @@
+import minimist from 'minimist'
+import { db, ObjectId } from '../../../app/src/infrastructure/mongodb.js'
+
+async function main() {
+  const argv = minimist(process.argv.slice(2), {
+    string: ['user-id', 'compile-timeout'],
+  })
+
+  const { 'user-id': userId, 'compile-timeout': rawCompileTimeout } = argv
+  const compileTimeout = parseInt(rawCompileTimeout, 10)
+  if (
+    !userId ||
+    !ObjectId.isValid(userId) ||
+    !rawCompileTimeout ||
+    Number.isNaN(compileTimeout)
+  ) {
+    console.error(
+      `Usage: node ${import.meta.filename} --user-id=5a9414f259776c7900b300e6 --timeout=90`
+    )
+    process.exit(101)
+  }
+
+  if (compileTimeout < 1 || compileTimeout > 600) {
+    console.error(
+      `The compile timeout must be positive number of seconds, below 10 minutes (600).`
+    )
+    process.exit(101)
+  }
+
+  await db.users.updateOne(
+    { _id: new ObjectId(userId) },
+    { $set: { 'features.compileTimeout': compileTimeout } }
+  )
+}
+
+main()
+  .then(() => {
+    console.error('Done.')
+    process.exit(0)
+  })
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
diff --git a/services/web/modules/server-ce-scripts/scripts/check-mongodb.mjs b/services/web/modules/server-ce-scripts/scripts/check-mongodb.mjs
new file mode 100644
index 0000000..be5fecf
--- /dev/null
+++ b/services/web/modules/server-ce-scripts/scripts/check-mongodb.mjs
@@ -0,0 +1,64 @@
+import mongodb from 'mongodb-legacy'
+import {
+  connectionPromise,
+  db,
+} from '../../../app/src/infrastructure/mongodb.js'
+
+const { ObjectId } = mongodb
+
+const MIN_MONGO_VERSION = [5, 0]
+
+async function main() {
+  let mongoClient
+  try {
+    mongoClient = await connectionPromise
+  } catch (err) {
+    console.error('Cannot connect to mongodb')
+    throw err
+  }
+
+  await checkMongoVersion(mongoClient)
+
+  try {
+    await testTransactions(mongoClient)
+  } catch (err) {
+    console.error("Mongo instance doesn't support transactions")
+    throw err
+  }
+}
+
+async function testTransactions(mongoClient) {
+  const session = mongoClient.startSession()
+  try {
+    await session.withTransaction(async () => {
+      await db.users.findOne({ _id: new ObjectId() }, { session })
+    })
+  } finally {
+    await session.endSession()
+  }
+}
+
+async function checkMongoVersion(mongoClient) {
+  const buildInfo = await mongoClient.db().admin().buildInfo()
+  const [major, minor] = buildInfo.versionArray
+  const [minMajor, minMinor] = MIN_MONGO_VERSION
+
+  if (major < minMajor || (major === minMajor && minor < minMinor)) {
+    const version = buildInfo.version
+    const minVersion = MIN_MONGO_VERSION.join('.')
+    console.error(
+      `The MongoDB server has version ${version}, but Overleaf requires at least version ${minVersion}. Aborting.`
+    )
+    process.exit(1)
+  }
+}
+
+main()
+  .then(() => {
+    console.error('Mongodb is up.')
+    process.exit(0)
+  })
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
diff --git a/services/web/modules/server-ce-scripts/scripts/check-redis.mjs b/services/web/modules/server-ce-scripts/scripts/check-redis.mjs
new file mode 100644
index 0000000..213bcc9
--- /dev/null
+++ b/services/web/modules/server-ce-scripts/scripts/check-redis.mjs
@@ -0,0 +1,18 @@
+import RedisWrapper from '../../../app/src/infrastructure/RedisWrapper.js'
+const rclient = RedisWrapper.client('health_check')
+rclient.on('error', err => {
+  console.error('Cannot connect to redis.')
+  console.error(err)
+  process.exit(1)
+})
+
+rclient.healthCheck(err => {
+  if (err) {
+    console.error('Cannot connect to redis.')
+    console.error(err)
+    process.exit(1)
+  } else {
+    console.error('Redis is up.')
+    process.exit(0)
+  }
+})
diff --git a/services/web/modules/server-ce-scripts/scripts/check-texlive-images.mjs b/services/web/modules/server-ce-scripts/scripts/check-texlive-images.mjs
new file mode 100644
index 0000000..1675bbb
--- /dev/null
+++ b/services/web/modules/server-ce-scripts/scripts/check-texlive-images.mjs
@@ -0,0 +1,101 @@
+import { db } from '../../../app/src/infrastructure/mongodb.js'
+
+async function readImagesInUse() {
+  const projectCount = await db.projects.countDocuments()
+  if (projectCount === 0) {
+    return []
+  }
+  const images = await db.projects.distinct('imageName')
+
+  if (!images || images.length === 0 || images.includes(null)) {
+    console.error(`'project.imageName' is not set for some projects`)
+    console.error(
+      `Set SKIP_TEX_LIVE_CHECK=true in config/variables.env, restart the instance and run 'bin/run-script scripts/backfill_project_image_name.mjs' to initialise TexLive image in existing projects.`
+    )
+    console.error(
+      `After running the script, remove SKIP_TEX_LIVE_CHECK from config/variables.env and restart the instance.`
+    )
+    process.exit(1)
+  }
+  return images
+}
+
+function checkIsServerPro() {
+  if (process.env.OVERLEAF_IS_SERVER_PRO !== 'true') {
+    console.log('Running Overleaf Community Edition, skipping TexLive checks')
+    process.exit(0)
+  }
+}
+
+function checkSandboxedCompilesAreEnabled() {
+  if (process.env.SANDBOXED_COMPILES !== 'true') {
+    console.log('Sandboxed compiles disabled, skipping TexLive checks')
+    process.exit(0)
+  }
+}
+
+function checkTexLiveEnvVariablesAreProvided() {
+  if (
+    !process.env.TEX_LIVE_DOCKER_IMAGE ||
+    !process.env.ALL_TEX_LIVE_DOCKER_IMAGES
+  ) {
+    console.error(
+      'Sandboxed compiles require TEX_LIVE_DOCKER_IMAGE and ALL_TEX_LIVE_DOCKER_IMAGES being set.'
+    )
+    process.exit(1)
+  }
+}
+
+async function main() {
+  if (process.env.SKIP_TEX_LIVE_CHECK === 'true') {
+    console.log(`SKIP_TEX_LIVE_CHECK=true, skipping TexLive images check`)
+    process.exit(0)
+  }
+
+  checkIsServerPro()
+  checkSandboxedCompilesAreEnabled()
+  checkTexLiveEnvVariablesAreProvided()
+
+  const allTexLiveImages = process.env.ALL_TEX_LIVE_DOCKER_IMAGES.split(',')
+
+  if (!allTexLiveImages.includes(process.env.TEX_LIVE_DOCKER_IMAGE)) {
+    console.error(
+      `TEX_LIVE_DOCKER_IMAGE must be included in ALL_TEX_LIVE_DOCKER_IMAGES`
+    )
+    process.exit(1)
+  }
+
+  const currentImages = await readImagesInUse()
+
+  const danglingImages = []
+  for (const image of currentImages) {
+    if (!allTexLiveImages.includes(image)) {
+      danglingImages.push(image)
+    }
+  }
+  if (danglingImages.length > 0) {
+    danglingImages.forEach(image =>
+      console.error(
+        `${image} is currently in use but it's not included in ALL_TEX_LIVE_DOCKER_IMAGES`
+      )
+    )
+    console.error(
+      `Set SKIP_TEX_LIVE_CHECK=true in config/variables.env, restart the instance and run 'bin/run-script scripts/update_project_image_name.js <dangling_image> <new_image>' to update projects to a new image.`
+    )
+    console.error(
+      `After running the script, remove SKIP_TEX_LIVE_CHECK from config/variables.env and restart the instance.`
+    )
+    process.exit(1)
+  }
+
+  console.log('Done.')
+}
+
+main()
+  .then(() => {
+    process.exit(0)
+  })
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
diff --git a/services/web/modules/server-ce-scripts/scripts/create-user.js b/services/web/modules/server-ce-scripts/scripts/create-user.js
new file mode 100644
index 0000000..da251a7
--- /dev/null
+++ b/services/web/modules/server-ce-scripts/scripts/create-user.js
@@ -0,0 +1,21 @@
+/**
+ * WARNING
+ * This file has been replaced by create-user.mjs. It is left in place for backwards compatibility with previous versions of Overleaf.
+ * This will be used by the e2e tests that check the upgrade from the older versions, if these tests are updated or removed,
+ * this file can be removed as well.
+ */
+
+async function main() {
+  const { default: createUser } = await import('./create-user.mjs')
+  await createUser()
+}
+
+main()
+  .then(() => {
+    console.error('Done.')
+    process.exit(0)
+  })
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
diff --git a/services/web/modules/server-ce-scripts/scripts/create-user.mjs b/services/web/modules/server-ce-scripts/scripts/create-user.mjs
new file mode 100644
index 0000000..219578b
--- /dev/null
+++ b/services/web/modules/server-ce-scripts/scripts/create-user.mjs
@@ -0,0 +1,50 @@
+import minimist from 'minimist'
+import { db } from '../../../app/src/infrastructure/mongodb.js'
+import UserRegistrationHandler from '../../../app/src/Features/User/UserRegistrationHandler.js'
+import { fileURLToPath } from 'url'
+
+const filename = fileURLToPath(import.meta.url)
+
+export default async function main() {
+  const argv = minimist(process.argv.slice(2), {
+    string: ['email'],
+    boolean: ['admin'],
+  })
+
+  const { admin, email } = argv
+  if (!email) {
+    console.error(`Usage: node ${filename} [--admin] --email=joe@example.com`)
+    process.exit(1)
+  }
+
+  await new Promise((resolve, reject) => {
+    UserRegistrationHandler.registerNewUserAndSendActivationEmail(
+      email,
+      (error, user, setNewPasswordUrl) => {
+        if (error) {
+          return reject(error)
+        }
+        db.users.updateOne(
+          { _id: user._id },
+          { $set: { isAdmin: admin } },
+          error => {
+            if (error) {
+              return reject(error)
+            }
+
+            console.log('')
+            console.log(`\
+Successfully created ${email} as ${admin ? 'an admin' : 'a'} user.
+
+Please visit the following URL to set a password for ${email} and log in:
+
+  ${setNewPasswordUrl}
+
+`)
+            resolve()
+          }
+        )
+      }
+    )
+  })
+}
diff --git a/services/web/modules/server-ce-scripts/scripts/delete-user.mjs b/services/web/modules/server-ce-scripts/scripts/delete-user.mjs
new file mode 100644
index 0000000..9b7b459
--- /dev/null
+++ b/services/web/modules/server-ce-scripts/scripts/delete-user.mjs
@@ -0,0 +1,47 @@
+import UserGetter from '../../../app/src/Features/User/UserGetter.js'
+import UserDeleter from '../../../app/src/Features/User/UserDeleter.js'
+import { fileURLToPath } from 'url'
+
+const filename = fileURLToPath(import.meta.url)
+
+async function main() {
+  const email = (process.argv.slice(2).pop() || '').replace(/^--email=/, '')
+  if (!email) {
+    console.error(`Usage: node ${filename} --email=joe@example.com`)
+    process.exit(1)
+  }
+
+  await new Promise((resolve, reject) => {
+    UserGetter.getUser({ email }, { _id: 1 }, function (error, user) {
+      if (error) {
+        return reject(error)
+      }
+      if (!user) {
+        console.log(
+          `user ${email} not in database, potentially already deleted`
+        )
+        return resolve()
+      }
+      const options = {
+        ipAddress: '0.0.0.0',
+        force: true,
+      }
+      UserDeleter.deleteUser(user._id, options, function (err) {
+        if (err) {
+          return reject(err)
+        }
+        resolve()
+      })
+    })
+  })
+}
+
+main()
+  .then(() => {
+    console.error('Done.')
+    process.exit(0)
+  })
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
diff --git a/services/web/modules/server-ce-scripts/scripts/export-legacy-user-projects.js b/services/web/modules/server-ce-scripts/scripts/export-legacy-user-projects.js
new file mode 100644
index 0000000..376b661
--- /dev/null
+++ b/services/web/modules/server-ce-scripts/scripts/export-legacy-user-projects.js
@@ -0,0 +1,309 @@
+const minimist = require('minimist')
+const {
+  mkdirSync,
+  createWriteStream,
+  existsSync,
+  unlinkSync,
+  renameSync,
+} = require('fs')
+const mongodb = require('../app/src/infrastructure/mongodb')
+const DocumentUpdaterHandler = require('../app/src/Features/DocumentUpdater/DocumentUpdaterHandler.js')
+const ProjectZipStreamManager = require('../app/src/Features/Downloads/ProjectZipStreamManager.js')
+const logger = require('logger-sharelatex')
+const { Project } = require('../app/src/models/Project.js')
+const { User } = require('../app/src/models/User.js')
+const readline = require('readline')
+
+function parseArgs() {
+  return minimist(process.argv.slice(2), {
+    boolean: ['help', 'list', 'export-all'],
+    string: ['user-id', 'output', 'project-id', 'output-dir', 'log-level'],
+    alias: { help: 'h' },
+    default: {
+      'log-level': 'error',
+    },
+  })
+}
+
+function showUsage() {
+  console.log(`
+Usage: node scripts/export-user-projects.mjs [options]
+  --help, -h          Show help
+  --user-id           The user ID (required unless using --export-all or --project-id)
+  --project-id        Export a single project (cannot be used with --user-id or --export-all)
+  --list              List user's projects (cannot be used with --output)
+  --output            Output zip file (for single export operations)
+  --export-all        Export all users' projects (requires --output-dir)
+  --output-dir        Directory for storing all users' export files
+  --log-level         Log level (trace|debug|info|warn|error|fatal) [default: error]
+`)
+}
+
+function findAllUsers(callback) {
+  User.find({}, 'email', callback)
+}
+
+function findUserProjects(userId, callback) {
+  Project.find({ owner_ref: userId }, 'name', callback)
+}
+
+function listProjects(userId, callback) {
+  findUserProjects(userId, function (err, projects) {
+    if (err) return callback(err)
+    projects.forEach(function (p) {
+      console.log(`${p._id} - ${p.name}`)
+    })
+    callback()
+  })
+}
+
+function updateProgress(current, total) {
+  if (!process.stdout.isTTY) return
+  const width = 40
+  const progress = Math.floor((current / total) * width)
+  const SOLID_BLOCK = '\u2588' // Unicode "Full Block"
+  const LIGHT_SHADE = '\u2591' // Unicode "Light Shade"
+  const bar =
+    SOLID_BLOCK.repeat(progress) + LIGHT_SHADE.repeat(width - progress)
+  const percentage = Math.floor((current / total) * 100)
+  readline.clearLine(process.stdout, 0)
+  readline.cursorTo(process.stdout, 0)
+  process.stdout.write(
+    `Progress: [${bar}] ${percentage}% (${current}/${total} projects)`
+  )
+}
+
+function exportUserProjectsToZip(userId, output, callback) {
+  findUserProjects(userId, function (err, projects) {
+    if (err) return callback(err)
+    const allIds = projects.map(p => p._id)
+    if (allIds.length === 0) {
+      console.log('No projects found for user')
+      return callback()
+    }
+
+    console.log('Flushing projects to MongoDB...')
+    let completed = 0
+
+    function flushNext() {
+      if (completed >= allIds.length) {
+        createZip()
+        return
+      }
+
+      DocumentUpdaterHandler.flushProjectToMongoAndDelete(
+        allIds[completed],
+        function (err) {
+          if (err) return callback(err)
+          updateProgress(completed + 1, allIds.length)
+          completed++
+          flushNext()
+        }
+      )
+    }
+
+    function createZip() {
+      console.log('\nAll projects flushed, creating zip...')
+      console.log(
+        `Exporting ${allIds.length} projects for user ${userId} to ${output}`
+      )
+
+      ProjectZipStreamManager.createZipStreamForMultipleProjects(
+        allIds,
+        function (err, zipStream) {
+          if (err) return callback(err)
+
+          zipStream.on('progress', progress => {
+            updateProgress(progress.entries.total, allIds.length)
+          })
+
+          writeStreamToFileAtomically(zipStream, output, function (err) {
+            if (err) return callback(err)
+            readline.clearLine(process.stdout, 0)
+            readline.cursorTo(process.stdout, 0)
+            console.log(
+              `Successfully exported ${allIds.length} projects to ${output}`
+            )
+            callback()
+          })
+        }
+      )
+    }
+
+    flushNext()
+  })
+}
+
+function writeStreamToFileAtomically(stream, finalPath, callback) {
+  const tmpPath = `${finalPath}-${Date.now()}.tmp`
+  const outStream = createWriteStream(tmpPath, { flags: 'wx' })
+
+  stream.pipe(outStream)
+
+  outStream.on('error', function (err) {
+    try {
+      unlinkSync(tmpPath)
+    } catch {
+      console.log('Leaving behind tmp file, please cleanup manually:', tmpPath)
+    }
+    callback(err)
+  })
+
+  outStream.on('finish', function () {
+    try {
+      renameSync(tmpPath, finalPath)
+      callback()
+    } catch (err) {
+      try {
+        unlinkSync(tmpPath)
+      } catch {
+        console.log(
+          'Leaving behind tmp file, please cleanup manually:',
+          tmpPath
+        )
+      }
+      callback(err)
+    }
+  })
+}
+
+function exportSingleProject(projectId, output, callback) {
+  console.log('Flushing project to MongoDB...')
+  DocumentUpdaterHandler.flushProjectToMongoAndDelete(
+    projectId,
+    function (err) {
+      if (err) return callback(err)
+
+      console.log(`Exporting project ${projectId} to ${output}`)
+      ProjectZipStreamManager.createZipStreamForProject(
+        projectId,
+        function (err, zipStream) {
+          if (err) return callback(err)
+          writeStreamToFileAtomically(zipStream, output, function (err) {
+            if (err) return callback(err)
+            console.log('Exported project to', output)
+            callback()
+          })
+        }
+      )
+    }
+  )
+}
+
+function exportAllUsersProjects(outputDir, callback) {
+  findAllUsers(function (err, users) {
+    if (err) return callback(err)
+
+    console.log(`Found ${users.length} users to process`)
+    mkdirSync(outputDir, { recursive: true })
+
+    let userIndex = 0
+    function processNextUser() {
+      if (userIndex >= users.length) {
+        return callback()
+      }
+
+      const user = users[userIndex]
+      const safeEmail = user.email.toLowerCase().replace(/[^a-z0-9]/g, '_')
+      const outputFile = `${outputDir}/${user._id}_${safeEmail}_projects.zip`
+
+      if (existsSync(outputFile)) {
+        console.log(`Skipping ${user._id} - file already exists`)
+        userIndex++
+        return processNextUser()
+      }
+
+      console.log(
+        `Processing user ${userIndex + 1}/${users.length} (${user._id})`
+      )
+      exportUserProjectsToZip(user._id, outputFile, function (err) {
+        if (err) return callback(err)
+        userIndex++
+        processNextUser()
+      })
+    }
+
+    processNextUser()
+  })
+}
+
+function main() {
+  const argv = parseArgs()
+
+  if (argv.help) {
+    showUsage()
+    process.exit(0)
+  }
+
+  if (argv['log-level']) {
+    logger.logger.level(argv['log-level'])
+  }
+
+  if (argv.list && argv.output) {
+    console.error('Cannot use both --list and --output together')
+    process.exit(1)
+  }
+
+  if (
+    [argv['user-id'], argv['project-id'], argv['export-all']].filter(Boolean)
+      .length > 1
+  ) {
+    console.error('Can only use one of: --user-id, --project-id, --export-all')
+    process.exit(1)
+  }
+
+  function cleanup(err) {
+    // Allow the script to finish gracefully then exit
+    setTimeout(() => {
+      if (err) {
+        logger.error({ err }, 'Error in export-user-projects script')
+        process.exit(1)
+      } else {
+        console.log('Done.')
+        process.exit(0)
+      }
+    }, 1000)
+  }
+
+  if (argv.list) {
+    if (!argv['user-id']) {
+      console.error('--list requires --user-id')
+      process.exit(1)
+    }
+    listProjects(argv['user-id'], cleanup)
+    return
+  }
+
+  if (argv['export-all']) {
+    if (!argv['output-dir']) {
+      console.error('--export-all requires --output-dir')
+      process.exit(1)
+    }
+    exportAllUsersProjects(argv['output-dir'], cleanup)
+    return
+  }
+
+  if (!argv.output) {
+    console.error('Please specify an --output zip file')
+    process.exit(1)
+  }
+
+  if (argv['project-id']) {
+    exportSingleProject(argv['project-id'], argv.output, cleanup)
+  } else if (argv['user-id']) {
+    exportUserProjectsToZip(argv['user-id'], argv.output, cleanup)
+  } else {
+    console.error(
+      'Please specify either --user-id, --project-id, or --export-all'
+    )
+    process.exit(1)
+  }
+}
+
+mongodb
+  .waitForDb()
+  .then(main)
+  .catch(err => {
+    console.error('Failed to connect to MongoDB:', err)
+    process.exit(1)
+  })
diff --git a/services/web/modules/server-ce-scripts/scripts/export-user-projects.mjs b/services/web/modules/server-ce-scripts/scripts/export-user-projects.mjs
new file mode 100644
index 0000000..d0b5f48
--- /dev/null
+++ b/services/web/modules/server-ce-scripts/scripts/export-user-projects.mjs
@@ -0,0 +1,232 @@
+import minimist from 'minimist'
+import {
+  mkdirSync,
+  createWriteStream,
+  existsSync,
+  unlinkSync,
+  renameSync,
+} from 'fs'
+import { pipeline } from 'stream/promises'
+import DocumentUpdaterHandler from '../../../app/src/Features/DocumentUpdater/DocumentUpdaterHandler.js'
+import ProjectZipStreamManager from '../../../app/src/Features/Downloads/ProjectZipStreamManager.mjs'
+import logger from '@overleaf/logger'
+import { promisify } from '@overleaf/promise-utils'
+import { gracefulShutdown } from '../../../app/src/infrastructure/GracefulShutdown.js'
+import { Project } from '../../../app/src/models/Project.js'
+import { User } from '../../../app/src/models/User.js'
+import readline from 'readline'
+
+function parseArgs() {
+  return minimist(process.argv.slice(2), {
+    boolean: ['help', 'list', 'export-all'],
+    string: ['user-id', 'output', 'project-id', 'output-dir', 'log-level'],
+    alias: { help: 'h' },
+    default: {
+      'log-level': 'error',
+    },
+  })
+}
+
+function showUsage() {
+  console.log(`
+Usage: node scripts/export-user-projects.mjs [options]
+  --help, -h          Show help
+  --user-id           The user ID (required unless using --export-all or --project-id)
+  --project-id        Export a single project (cannot be used with --user-id or --export-all)
+  --list              List user's projects (cannot be used with --output)
+  --output            Output zip file (for single export operations)
+  --export-all        Export all users' projects (requires --output-dir)
+  --output-dir        Directory for storing all users' export files
+  --log-level         Log level (trace|debug|info|warn|error|fatal) [default: error]
+`)
+}
+
+async function findAllUsers() {
+  const users = await User.find({}, 'email').exec()
+  return users
+}
+
+async function findUserProjects(userId) {
+  const ownedProjects = await Project.find({ owner_ref: userId }, 'name').exec()
+  return ownedProjects
+}
+
+async function listProjects(userId) {
+  const projects = await findUserProjects(userId)
+  for (const p of projects) {
+    console.log(`${p._id} - ${p.name}`)
+  }
+}
+
+const createZipStreamForMultipleProjectsAsync = promisify(
+  ProjectZipStreamManager.createZipStreamForMultipleProjects
+).bind(ProjectZipStreamManager)
+
+function updateProgress(current, total) {
+  if (!process.stdout.isTTY) return
+  const width = 40
+  const progress = Math.floor((current / total) * width)
+  const SOLID_BLOCK = '\u2588' // Unicode "Full Block"
+  const LIGHT_SHADE = '\u2591' // Unicode "Light Shade"
+  const bar =
+    SOLID_BLOCK.repeat(progress) + LIGHT_SHADE.repeat(width - progress)
+  const percentage = Math.floor((current / total) * 100)
+  readline.clearLine(process.stdout, 0)
+  readline.cursorTo(process.stdout, 0)
+  process.stdout.write(
+    `Progress: [${bar}] ${percentage}% (${current}/${total} projects)`
+  )
+}
+
+async function exportUserProjectsToZip(userId, output) {
+  const projects = await findUserProjects(userId)
+  const allIds = projects.map(p => p._id)
+  if (allIds.length === 0) {
+    console.log('No projects found for user')
+    return
+  }
+  console.log('Flushing projects to MongoDB...')
+  for (const [index, id] of allIds.entries()) {
+    await DocumentUpdaterHandler.promises.flushProjectToMongoAndDelete(id)
+    updateProgress(index + 1, allIds.length)
+  }
+  console.log('\nAll projects flushed, creating zip...')
+
+  console.log(
+    `Exporting ${allIds.length} projects for user ${userId} to ${output}`
+  )
+
+  const zipStream = await createZipStreamForMultipleProjectsAsync(allIds)
+
+  zipStream.on('progress', progress => {
+    updateProgress(progress.entries.total, allIds.length)
+  })
+
+  await writeStreamToFileAtomically(zipStream, output)
+  readline.clearLine(process.stdout, 0)
+  readline.cursorTo(process.stdout, 0)
+  console.log(`Successfully exported ${allIds.length} projects to ${output}`)
+}
+
+async function writeStreamToFileAtomically(stream, finalPath) {
+  const tmpPath = `${finalPath}-${Date.now()}.tmp`
+  const outStream = createWriteStream(tmpPath, { flags: 'wx' })
+  try {
+    await pipeline(stream, outStream)
+    renameSync(tmpPath, finalPath)
+  } catch (err) {
+    try {
+      unlinkSync(tmpPath)
+    } catch {
+      console.log('Leaving behind tmp file, please cleanup manually:', tmpPath)
+    }
+    throw err
+  }
+}
+
+const createZipStreamForProjectAsync = promisify(
+  ProjectZipStreamManager.createZipStreamForProject
+).bind(ProjectZipStreamManager)
+
+async function exportSingleProject(projectId, output) {
+  console.log('Flushing project to MongoDB...')
+  await DocumentUpdaterHandler.promises.flushProjectToMongoAndDelete(projectId)
+  console.log(`Exporting project ${projectId} to ${output}`)
+  const zipStream = await createZipStreamForProjectAsync(projectId)
+  await writeStreamToFileAtomically(zipStream, output)
+  console.log('Exported project to', output)
+}
+
+async function exportAllUsersProjects(outputDir) {
+  const users = await findAllUsers()
+  console.log(`Found ${users.length} users to process`)
+
+  mkdirSync(outputDir, { recursive: true })
+
+  for (let i = 0; i < users.length; i++) {
+    const user = users[i]
+    const safeEmail = user.email.toLowerCase().replace(/[^a-z0-9]/g, '_')
+    const outputFile = `${outputDir}/${user._id}_${safeEmail}_projects.zip`
+
+    if (existsSync(outputFile)) {
+      console.log(`Skipping ${user._id} - file already exists`)
+      continue
+    }
+
+    console.log(`Processing user ${i + 1}/${users.length} (${user._id})`)
+    await exportUserProjectsToZip(user._id, outputFile)
+  }
+}
+
+async function main() {
+  const argv = parseArgs()
+
+  if (argv.help) {
+    showUsage()
+    process.exit(0)
+  }
+
+  if (argv['log-level']) {
+    logger.logger.level(argv['log-level'])
+  }
+
+  if (argv.list && argv.output) {
+    console.error('Cannot use both --list and --output together')
+    process.exit(1)
+  }
+
+  if (
+    [argv['user-id'], argv['project-id'], argv['export-all']].filter(Boolean)
+      .length > 1
+  ) {
+    console.error('Can only use one of: --user-id, --project-id, --export-all')
+    process.exit(1)
+  }
+
+  try {
+    if (argv.list) {
+      if (!argv['user-id']) {
+        console.error('--list requires --user-id')
+        process.exit(1)
+      }
+      await listProjects(argv['user-id'])
+      return
+    }
+
+    if (argv['export-all']) {
+      if (!argv['output-dir']) {
+        console.error('--export-all requires --output-dir')
+        process.exit(1)
+      }
+      await exportAllUsersProjects(argv['output-dir'])
+      return
+    }
+
+    if (!argv.output) {
+      console.error('Please specify an --output zip file')
+      process.exit(1)
+    }
+
+    if (argv['project-id']) {
+      await exportSingleProject(argv['project-id'], argv.output)
+    } else if (argv['user-id']) {
+      await exportUserProjectsToZip(argv['user-id'], argv.output)
+    } else {
+      console.error(
+        'Please specify either --user-id, --project-id, or --export-all'
+      )
+      process.exit(1)
+    }
+  } finally {
+    await gracefulShutdown({ close: done => done() })
+  }
+}
+
+main()
+  .then(async () => {
+    console.log('Done.')
+  })
+  .catch(async err => {
+    logger.error({ err }, 'Error in export-user-projects script')
+    process.exitCode = 1
+  })
diff --git a/services/web/modules/server-ce-scripts/scripts/migrate-user-emails.mjs b/services/web/modules/server-ce-scripts/scripts/migrate-user-emails.mjs
new file mode 100644
index 0000000..e3d37c1
--- /dev/null
+++ b/services/web/modules/server-ce-scripts/scripts/migrate-user-emails.mjs
@@ -0,0 +1,197 @@
+// Script to migrate user emails using a CSV file with the following format:
+//
+//  oldEmail,newEmail
+//
+// The script will iterate through the CSV file and update the user's email
+// address from oldEmail to newEmail, after checking all the email addresses
+// for duplicates.
+//
+// Intended for Server Pro customers migrating user emails from one domain to
+// another.
+
+import minimist from 'minimist'
+
+import os from 'os'
+import fs from 'fs'
+import * as csv from 'csv/sync'
+import { parseEmail } from '../../../app/src/Features/Helpers/EmailHelper.js'
+import UserGetter from '../../../app/src/Features/User/UserGetter.js'
+import UserUpdater from '../../../app/src/Features/User/UserUpdater.js'
+import UserSessionsManager from '../../../app/src/Features/User/UserSessionsManager.js'
+
+const hostname = os.hostname()
+const scriptTimestamp = new Date().toISOString()
+
+// support command line option of --commit to actually do the migration
+const argv = minimist(process.argv.slice(2), {
+  boolean: ['commit', 'ignore-missing'],
+  string: ['admin-id'],
+  alias: {
+    'ignore-missing': 'continue',
+  },
+  default: {
+    commit: false,
+    'ignore-missing': false,
+    'admin-id': '000000000000000000000000', // use a dummy admin ID for script audit log entries
+  },
+})
+
+// display usage if no CSV file is provided
+if (argv._.length === 0) {
+  console.log(
+    'Usage: node migrate_user_emails.mjs [--commit] [--continue|--ignore-missing] [--admin-id=ADMIN_USER_ID] <csv_file>'
+  )
+  console.log('  --commit: actually do the migration (default: false)')
+  console.log(
+    '  --continue|--ignore-missing: continue on missing or already-migrated users'
+  )
+  console.log('  --admin-id: admin user ID to use for audit log entries')
+  console.log('  <csv_file>: CSV file with old and new email addresses')
+  process.exit(1)
+}
+
+function filterEmails(rows) {
+  // check that emails have a valid format
+  const result = []
+  const seenOld = new Set()
+  const seenNew = new Set()
+  for (const [oldEmail, newEmail] of rows) {
+    const parsedOld = parseEmail(oldEmail)
+    const parsedNew = parseEmail(newEmail)
+    if (!parsedOld) {
+      throw new Error(`invalid old email "${oldEmail}"`)
+    }
+    if (!parsedNew) {
+      throw new Error(`invalid new email "${newEmail}"`)
+    }
+    // Check for duplicates and overlaps
+    if (seenOld.has(parsedOld)) {
+      throw new Error(`Duplicate old emails found in CSV file ${oldEmail}.`)
+    }
+    if (seenNew.has(parsedNew)) {
+      throw new Error(`Duplicate new emails found in CSV file ${newEmail}.`)
+    }
+    if (seenOld.has(parsedNew) || seenNew.has(parsedOld)) {
+      throw new Error(
+        `Old and new emails cannot overlap ${oldEmail} ${newEmail}`
+      )
+    }
+    seenOld.add(parsedOld)
+    seenNew.add(parsedNew)
+    result.push([parsedOld, parsedNew])
+  }
+  return result
+}
+
+async function checkEmailsAgainstDb(emails) {
+  const result = []
+  for (const [oldEmail, newEmail] of emails) {
+    const userWithEmail = await UserGetter.promises.getUserByMainEmail(
+      oldEmail,
+      {
+        _id: 1,
+      }
+    )
+    if (!userWithEmail) {
+      if (argv['ignore-missing']) {
+        console.log(
+          `User with email "${oldEmail}" not found, skipping update to "${newEmail}"`
+        )
+        continue
+      } else {
+        throw new Error(`no user found with email "${oldEmail}"`)
+      }
+    }
+    const userWithNewEmail = await UserGetter.promises.getUserByAnyEmail(
+      newEmail,
+      {
+        _id: 1,
+      }
+    )
+    if (userWithNewEmail) {
+      throw new Error(
+        `new email "${newEmail}" already exists for user ${userWithNewEmail._id}`
+      )
+    }
+    result.push([oldEmail, newEmail])
+  }
+  return result
+}
+
+async function doMigration(emails) {
+  let success = 0
+  let failure = 0
+  let skipped = 0
+  for (const [oldEmail, newEmail] of emails) {
+    const userWithEmail = await UserGetter.promises.getUserByMainEmail(
+      oldEmail,
+      {
+        _id: 1,
+      }
+    )
+    if (!userWithEmail) {
+      if (argv['ignore-missing']) {
+        continue
+      } else {
+        throw new Error(`no user found with email "${oldEmail}"`)
+      }
+    }
+    if (argv.commit) {
+      console.log(
+        `Updating user ${userWithEmail._id} email "${oldEmail}" to "${newEmail}"\n`
+      )
+      try {
+        // log out all the user's sessions before changing the email address
+        await UserSessionsManager.promises.removeSessionsFromRedis(
+          userWithEmail
+        )
+
+        await UserUpdater.promises.migrateDefaultEmailAddress(
+          userWithEmail._id,
+          oldEmail,
+          newEmail,
+          {
+            initiatorId: argv['admin-id'],
+            ipAddress: hostname,
+            extraInfo: {
+              script: 'migrate_user_emails.js',
+              runAt: scriptTimestamp,
+            },
+          }
+        )
+        success++
+      } catch (err) {
+        console.log(err)
+        failure++
+      }
+    } else {
+      console.log(`Dry run, skipping update from ${oldEmail} to ${newEmail}`)
+      skipped++
+    }
+  }
+  console.log('Success: ', success, 'Failure: ', failure, 'Skipped: ', skipped)
+  if (failure > 0) {
+    throw new Error('Some email migrations failed')
+  }
+}
+
+async function migrateEmails() {
+  console.log('Starting email migration script')
+  const csvFilePath = argv._[0]
+  const csvFile = fs.readFileSync(csvFilePath, 'utf8')
+  const rows = csv.parse(csvFile)
+  console.log('Number of users to migrate: ', rows.length)
+  const emails = filterEmails(rows)
+  const existingUserEmails = await checkEmailsAgainstDb(emails)
+  await doMigration(existingUserEmails)
+}
+
+migrateEmails()
+  .then(() => {
+    console.log('Done.')
+    process.exit(0)
+  })
+  .catch(error => {
+    console.error(error)
+    process.exit(1)
+  })
diff --git a/services/web/modules/server-ce-scripts/scripts/rename-tag.mjs b/services/web/modules/server-ce-scripts/scripts/rename-tag.mjs
new file mode 100644
index 0000000..32cbac7
--- /dev/null
+++ b/services/web/modules/server-ce-scripts/scripts/rename-tag.mjs
@@ -0,0 +1,34 @@
+import minimist from 'minimist'
+import { db } from '../../../app/src/infrastructure/mongodb.js'
+import { fileURLToPath } from 'url'
+
+const filename = fileURLToPath(import.meta.url)
+
+async function main() {
+  const argv = minimist(process.argv.slice(2), {
+    string: ['user-id', 'old-name', 'new_name'],
+  })
+
+  const { 'user-id': userId, 'old-name': oldName, 'new-name': newName } = argv
+  if (!userId || !oldName || !newName) {
+    console.error(
+      `Usage: node ${filename} --user-id=5a9414f259776c7900b300e6 --old-name=my-folder --new-name=my-folder-renamed`
+    )
+    process.exit(101)
+  }
+
+  await db.tags.updateOne(
+    { name: oldName, user_id: userId },
+    { $set: { name: newName } }
+  )
+}
+
+main()
+  .then(() => {
+    console.error('Done.')
+    process.exit(0)
+  })
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
diff --git a/services/web/modules/server-ce-scripts/scripts/upgrade-user-features.mjs b/services/web/modules/server-ce-scripts/scripts/upgrade-user-features.mjs
new file mode 100644
index 0000000..db0b7c6
--- /dev/null
+++ b/services/web/modules/server-ce-scripts/scripts/upgrade-user-features.mjs
@@ -0,0 +1,61 @@
+import Settings from '@overleaf/settings'
+import logger from '@overleaf/logger'
+import { db } from '../../../app/src/infrastructure/mongodb.js'
+import {
+  mergeFeatures,
+  compareFeatures,
+} from '../../../app/src/Features/Subscription/FeaturesHelper.js'
+import { fileURLToPath } from 'url'
+const DRY_RUN = !process.argv.includes('--dry-run=false')
+
+async function main(DRY_RUN, defaultFeatures) {
+  logger.info({ defaultFeatures }, 'default features')
+
+  const cursor = db.users.find(
+    {},
+    { projection: { _id: 1, email: 1, features: 1 } }
+  )
+  for await (const user of cursor) {
+    const newFeatures = mergeFeatures(user.features, defaultFeatures)
+    const diff = compareFeatures(newFeatures, user.features)
+    if (Object.keys(diff).length > 0) {
+      logger.warn(
+        {
+          userId: user._id,
+          email: user.email,
+          oldFeatures: user.features,
+          newFeatures,
+        },
+        'user features upgraded'
+      )
+
+      if (!DRY_RUN) {
+        await db.users.updateOne(
+          { _id: user._id },
+          { $set: { features: newFeatures } }
+        )
+      }
+    }
+  }
+}
+
+export default main
+
+const filename = fileURLToPath(import.meta.url)
+
+if (filename === process.argv[1]) {
+  if (DRY_RUN) {
+    console.error('---')
+    console.error('Dry-run enabled, use --dry-run=false to commit changes')
+    console.error('---')
+  }
+  main(DRY_RUN, Settings.defaultFeatures)
+    .then(() => {
+      console.log('Done.')
+      process.exit(0)
+    })
+    .catch(error => {
+      console.error({ error })
+      process.exit(1)
+    })
+}
diff --git a/services/web/modules/server-ce-scripts/test/acceptance/config/settings.test.js b/services/web/modules/server-ce-scripts/test/acceptance/config/settings.test.js
new file mode 100644
index 0000000..f52786a
--- /dev/null
+++ b/services/web/modules/server-ce-scripts/test/acceptance/config/settings.test.js
@@ -0,0 +1,7 @@
+const base = require(process.env.BASE_CONFIG)
+
+module.exports = base.mergeWith({
+  test: {
+    counterInit: 160000,
+  },
+})
diff --git a/services/web/modules/server-ce-scripts/test/acceptance/src/Init.mjs b/services/web/modules/server-ce-scripts/test/acceptance/src/Init.mjs
new file mode 100644
index 0000000..1872687
--- /dev/null
+++ b/services/web/modules/server-ce-scripts/test/acceptance/src/Init.mjs
@@ -0,0 +1,14 @@
+import '../../../../../test/acceptance/src/helpers/InitApp.mjs'
+import MockProjectHistoryApi from '../../../../../test/acceptance/src/mocks/MockProjectHistoryApi.mjs'
+import MockDocstoreApi from '../../../../../test/acceptance/src/mocks/MockDocstoreApi.mjs'
+import MockDocUpdaterApi from '../../../../../test/acceptance/src/mocks/MockDocUpdaterApi.mjs'
+import MockV1Api from '../../../../admin-panel/test/acceptance/src/mocks/MockV1Api.mjs'
+
+const mockOpts = {
+  debug: ['1', 'true', 'TRUE'].includes(process.env.DEBUG_MOCKS),
+}
+
+MockDocstoreApi.initialize(23016, mockOpts)
+MockDocUpdaterApi.initialize(23003, mockOpts)
+MockProjectHistoryApi.initialize(23054, mockOpts)
+MockV1Api.initialize(25000, mockOpts)
diff --git a/services/web/modules/server-ce-scripts/test/acceptance/src/ServerCEScriptsTests.mjs b/services/web/modules/server-ce-scripts/test/acceptance/src/ServerCEScriptsTests.mjs
new file mode 100644
index 0000000..a02e9a0
--- /dev/null
+++ b/services/web/modules/server-ce-scripts/test/acceptance/src/ServerCEScriptsTests.mjs
@@ -0,0 +1,713 @@
+import { execSync } from 'node:child_process'
+import fs from 'node:fs'
+import Settings from '@overleaf/settings'
+import { expect } from 'chai'
+import { db } from '../../../../../app/src/infrastructure/mongodb.js'
+import UserHelper from '../../../../../test/acceptance/src/helpers/User.mjs'
+
+const { promises: User } = UserHelper
+
+/**
+ * @param {string} cmd
+ * @return {string}
+ */
+function run(cmd) {
+  // https://nodejs.org/docs/latest-v12.x/api/child_process.html#child_process_child_process_execsync_command_options
+  // > stderr by default will be output to the parent process' stderr
+  // > unless stdio is specified.
+  // https://nodejs.org/docs/latest-v12.x/api/child_process.html#child_process_options_stdio
+  // Pipe stdin from /dev/null, store stdout, pipe stderr to /dev/null.
+  return execSync(cmd, {
+    stdio: ['ignore', 'pipe', 'pipe'],
+    env: {
+      ...process.env,
+      LOG_LEVEL: 'warn',
+    },
+  }).toString()
+}
+
+function runAndExpectError(cmd, errorMessages) {
+  try {
+    run(cmd)
+  } catch (error) {
+    expect(error.status).to.equal(1)
+    if (errorMessages) {
+      errorMessages.forEach(errorMessage =>
+        expect(error.stderr.toString()).to.include(errorMessage)
+      )
+    }
+    return
+  }
+  expect.fail('command should have failed')
+}
+
+async function getUser(email) {
+  return db.users.findOne({ email }, { projection: { _id: 0, isAdmin: 1 } })
+}
+
+describe('ServerCEScripts', function () {
+  describe('check-mongodb', function () {
+    it('should exit with code 0 on success', function () {
+      run('node modules/server-ce-scripts/scripts/check-mongodb.mjs')
+    })
+
+    it('should exit with code 1 on error', function () {
+      try {
+        run(
+          'MONGO_SERVER_SELECTION_TIMEOUT=1' +
+            'MONGO_CONNECTION_STRING=mongodb://127.0.0.1:4242 ' +
+            'node modules/server-ce-scripts/scripts/check-mongodb.mjs'
+        )
+      } catch (e) {
+        expect(e.status).to.equal(1)
+        return
+      }
+      expect.fail('command should have failed')
+    })
+  })
+
+  describe('check-redis', function () {
+    it('should exit with code 0 on success', function () {
+      run('node modules/server-ce-scripts/scripts/check-redis.mjs')
+    })
+
+    it('should exit with code 1 on error', function () {
+      try {
+        run(
+          'REDIS_PORT=42 node modules/server-ce-scripts/scripts/check-redis.mjs'
+        )
+      } catch (e) {
+        expect(e.status).to.equal(1)
+        return
+      }
+      expect.fail('command should have failed')
+    })
+  })
+
+  describe('create-user', function () {
+    it('should exit with code 0 on success', function () {
+      const out = run(
+        'node modules/server-ce-scripts/scripts/create-user.js --email=foo@bar.com'
+      )
+      expect(out).to.include('/user/activate?token=')
+    })
+
+    it('should create a regular user by default', async function () {
+      run(
+        'node modules/server-ce-scripts/scripts/create-user.js --email=foo@bar.com'
+      )
+      expect(await getUser('foo@bar.com')).to.deep.equal({ isAdmin: false })
+    })
+
+    it('should create an admin user with --admin flag', async function () {
+      run(
+        'node modules/server-ce-scripts/scripts/create-user.js --admin --email=foo@bar.com'
+      )
+      expect(await getUser('foo@bar.com')).to.deep.equal({ isAdmin: true })
+    })
+
+    it('should exit with code 1 on missing email', function () {
+      try {
+        run('node modules/server-ce-scripts/scripts/create-user.js')
+      } catch (e) {
+        expect(e.status).to.equal(1)
+        return
+      }
+      expect.fail('command should have failed')
+    })
+  })
+
+  describe('delete-user', function () {
+    let user
+    beforeEach(async function () {
+      user = new User()
+      await user.login()
+    })
+
+    it('should log missing user', function () {
+      const email = 'does-not-exist@example.com'
+      const out = run(
+        'node modules/server-ce-scripts/scripts/delete-user.mjs --email=' +
+          email
+      )
+      expect(out).to.include('not in database, potentially already deleted')
+    })
+
+    it('should exit with code 0 on success', function () {
+      const email = user.email
+      run(
+        'node modules/server-ce-scripts/scripts/delete-user.mjs --email=' +
+          email
+      )
+    })
+
+    it('should have deleted the user on success', async function () {
+      const email = user.email
+      run(
+        'node modules/server-ce-scripts/scripts/delete-user.mjs --email=' +
+          email
+      )
+      const dbEntry = await user.get()
+      expect(dbEntry).to.not.exist
+      const softDeletedEntry = await db.deletedUsers.findOne({
+        'user.email': email,
+      })
+      expect(softDeletedEntry).to.exist
+      expect(softDeletedEntry.deleterData.deleterIpAddress).to.equal('0.0.0.0')
+    })
+
+    it('should exit with code 1 on missing email', function () {
+      try {
+        run('node modules/server-ce-scripts/scripts/delete-user.mjs')
+      } catch (e) {
+        expect(e.status).to.equal(1)
+        return
+      }
+      expect.fail('command should have failed')
+    })
+  })
+
+  describe('migrate-user-emails', function () {
+    let usersToMigrate
+    let otherUsers
+    let csv
+    let csvfail
+    beforeEach(async function () {
+      // set up some users to migrate and others to leave alone
+      usersToMigrate = []
+      otherUsers = []
+      for (let i = 0; i < 2; i++) {
+        const user = new User()
+        await user.login()
+        usersToMigrate.push(user)
+      }
+      for (let i = 0; i < 2; i++) {
+        const user = new User()
+        await user.login()
+        otherUsers.push(user)
+      }
+      // write the migration csv to a temporary file
+      const id = usersToMigrate[0]._id
+      csv = `/tmp/migration-${id}.csv`
+      const rows = []
+      for (const user of usersToMigrate) {
+        rows.push(`${user.email},new-${user.email}`)
+      }
+      fs.writeFileSync(csv, rows.join('\n'))
+      // also write a csv with a user that doesn't exist
+      csvfail = `/tmp/migration-fail-${id}.csv`
+      fs.writeFileSync(
+        csvfail,
+        [
+          'nouser@example.com,nouser@other.example.com',
+          ...rows,
+          'foo@example.com,bar@example.com',
+        ].join('\n')
+      )
+    })
+
+    afterEach(function () {
+      // clean up the temporary files
+      fs.unlinkSync(csv)
+      fs.unlinkSync(csvfail)
+    })
+
+    it('should do a dry run by default', async function () {
+      run(
+        `node modules/server-ce-scripts/scripts/migrate-user-emails.mjs ${csv}`
+      )
+      for (const user of usersToMigrate) {
+        const dbEntry = await user.get()
+        expect(dbEntry.email).to.equal(user.email)
+      }
+      for (const user of otherUsers) {
+        const dbEntry = await user.get()
+        expect(dbEntry.email).to.equal(user.email)
+      }
+    })
+
+    it('should exit with code 0 when successfully migrating user emails', function () {
+      run(
+        `node modules/server-ce-scripts/scripts/migrate-user-emails.mjs --commit ${csv}`
+      )
+    })
+
+    it('should migrate the user emails with the --commit option', async function () {
+      run(
+        `node modules/server-ce-scripts/scripts/migrate-user-emails.mjs --commit ${csv}`
+      )
+      for (const user of usersToMigrate) {
+        const dbEntry = await user.get()
+        expect(dbEntry.email).to.equal(`new-${user.email}`)
+        expect(dbEntry.emails).to.have.lengthOf(1)
+        expect(dbEntry.emails[0].email).to.equal(`new-${user.email}`)
+        expect(dbEntry.emails[0].reversedHostname).to.equal('moc.elpmaxe')
+        expect(dbEntry.emails[0].createdAt).to.eql(user.emails[0].createdAt)
+      }
+    })
+
+    it('should leave other user emails unchanged', async function () {
+      run(
+        `node modules/server-ce-scripts/scripts/migrate-user-emails.mjs --commit ${csv}`
+      )
+      for (const user of otherUsers) {
+        const dbEntry = await user.get()
+        expect(dbEntry.email).to.equal(user.email)
+      }
+    })
+
+    it('should exit with code 1 when there are failures migrating user emails', function () {
+      try {
+        run(
+          `node modules/server-ce-scripts/scripts/migrate-user-emails.mjs --commit ${csvfail}`
+        )
+      } catch (e) {
+        expect(e.status).to.equal(1)
+        return
+      }
+      expect.fail('command should have failed')
+    })
+
+    it('should migrate other users when there are failures with the --continue option', async function () {
+      try {
+        run(
+          `node modules/server-ce-scripts/scripts/migrate-user-emails.mjs --commit ${csvfail}`
+        )
+      } catch (e) {
+        expect(e.status).to.equal(1)
+        run(
+          `node modules/server-ce-scripts/scripts/migrate-user-emails.mjs --commit --continue ${csvfail}`
+        )
+        for (const user of usersToMigrate) {
+          const dbEntry = await user.get()
+          expect(dbEntry.email).to.equal(`new-${user.email}`)
+          expect(dbEntry.emails).to.have.lengthOf(1)
+          expect(dbEntry.emails[0].email).to.equal(`new-${user.email}`)
+          expect(dbEntry.emails[0].reversedHostname).to.equal('moc.elpmaxe')
+          expect(dbEntry.emails[0].createdAt).to.eql(user.emails[0].createdAt)
+        }
+        return
+      }
+      expect.fail('command should have failed')
+    })
+  })
+
+  describe('rename-tag', function () {
+    let user
+    beforeEach(async function () {
+      user = new User()
+      await user.login()
+    })
+
+    async function createTag(name) {
+      await user.doRequest('POST', { url: '/tag', json: { name } })
+    }
+
+    async function getTagNames() {
+      const { body } = await user.doRequest('GET', { url: '/tag', json: true })
+      return body.map(tag => tag.name)
+    }
+
+    it('should rename a tag', async function () {
+      const oldName = 'before'
+      const newName = 'after'
+      await createTag(oldName)
+
+      expect(await getTagNames()).to.deep.equal([oldName])
+
+      run(
+        `node modules/server-ce-scripts/scripts/rename-tag.mjs --user-id=${user.id} --old-name=${oldName} --new-name=${newName}`
+      )
+
+      expect(await getTagNames()).to.deep.equal([newName])
+    })
+  })
+
+  describe('change-compile-timeout', function () {
+    let userA, userB
+    beforeEach('login', async function () {
+      userA = new User()
+      await userA.login()
+
+      userB = new User()
+      await userB.login()
+    })
+
+    async function getCompileTimeout(user) {
+      const { compileTimeout } = await user.getFeatures()
+      return compileTimeout
+    }
+
+    let userATimeout, userBTimeout
+    beforeEach('fetch current state', async function () {
+      userATimeout = await getCompileTimeout(userA)
+      userBTimeout = await getCompileTimeout(userB)
+    })
+
+    describe('happy path', function () {
+      let newUserATimeout
+      beforeEach('run script on user a', function () {
+        newUserATimeout = userATimeout - 1
+        run(
+          `node modules/server-ce-scripts/scripts/change-compile-timeout.mjs --user-id=${userA.id} --compile-timeout=${newUserATimeout}`
+        )
+      })
+
+      it('should change the timeout for user a', async function () {
+        const actual = await getCompileTimeout(userA)
+        expect(actual).to.not.equal(userATimeout)
+        expect(actual).to.equal(newUserATimeout)
+      })
+
+      it('should leave the timeout for user b as is', async function () {
+        expect(await getCompileTimeout(userB)).to.equal(userBTimeout)
+      })
+    })
+
+    describe('bad options', function () {
+      it('should reject zero timeout', async function () {
+        try {
+          run(
+            `node modules/server-ce-scripts/scripts/change-compile-timeout.mjs --user-id=${userA.id} --compile-timeout=0`
+          )
+          expect.fail('should error out')
+        } catch (err) {
+          expect(err.stderr.toString()).to.include('positive number of seconds')
+        }
+        expect(await getCompileTimeout(userA)).to.equal(userATimeout)
+        expect(await getCompileTimeout(userB)).to.equal(userBTimeout)
+      })
+
+      it('should reject a 20min timeout', async function () {
+        try {
+          run(
+            `node modules/server-ce-scripts/scripts/change-compile-timeout.mjs --user-id=${userA.id} --compile-timeout=1200`
+          )
+          expect.fail('should error out')
+        } catch (err) {
+          expect(err.stderr.toString()).to.include('below 10 minutes')
+        }
+        expect(await getCompileTimeout(userA)).to.equal(userATimeout)
+        expect(await getCompileTimeout(userB)).to.equal(userBTimeout)
+      })
+    })
+  })
+
+  describe('upgrade-user-features', function () {
+    let userLatest, userSP1, userCustomTimeoutLower, userCustomTimeoutHigher
+    beforeEach('create users', async function () {
+      userLatest = new User()
+      userSP1 = new User()
+      userCustomTimeoutLower = new User()
+      userCustomTimeoutHigher = new User()
+
+      await Promise.all([
+        userLatest.ensureUserExists(),
+        userSP1.ensureUserExists(),
+        userCustomTimeoutLower.ensureUserExists(),
+        userCustomTimeoutHigher.ensureUserExists(),
+      ])
+    })
+
+    const serverPro1Features = {
+      collaborators: -1,
+      dropbox: true,
+      versioning: true,
+      compileTimeout: 180,
+      compileGroup: 'standard',
+      references: true,
+      trackChanges: true,
+    }
+
+    beforeEach('downgrade userSP1', async function () {
+      await userSP1.mongoUpdate({ $set: { features: serverPro1Features } })
+    })
+
+    beforeEach('downgrade userCustomTimeoutLower', async function () {
+      run(
+        `node modules/server-ce-scripts/scripts/change-compile-timeout.mjs --user-id=${userCustomTimeoutLower.id} --compile-timeout=42`
+      )
+    })
+
+    beforeEach('upgrade userCustomTimeoutHigher', async function () {
+      run(
+        `node modules/server-ce-scripts/scripts/change-compile-timeout.mjs --user-id=${userCustomTimeoutHigher.id} --compile-timeout=360`
+      )
+    })
+
+    async function getFeatures() {
+      return [
+        await userLatest.getFeatures(),
+        await userSP1.getFeatures(),
+        await userCustomTimeoutLower.getFeatures(),
+        await userCustomTimeoutHigher.getFeatures(),
+      ]
+    }
+
+    let initialFeatures
+    beforeEach('collect initial features', async function () {
+      initialFeatures = await getFeatures()
+    })
+
+    it('should have prepared the right features', async function () {
+      expect(initialFeatures).to.deep.equal([
+        Settings.defaultFeatures,
+        serverPro1Features,
+        Object.assign({}, Settings.defaultFeatures, {
+          compileTimeout: 42,
+        }),
+        Object.assign({}, Settings.defaultFeatures, {
+          compileTimeout: 360,
+        }),
+      ])
+    })
+
+    describe('dry-run', function () {
+      let output
+      beforeEach('run script', function () {
+        output = run(
+          `node modules/server-ce-scripts/scripts/upgrade-user-features.mjs`
+        )
+      })
+
+      it('should update SP1 features', function () {
+        expect(output).to.include(userSP1.id)
+      })
+
+      it('should update lowerTimeout features', function () {
+        expect(output).to.include(userCustomTimeoutLower.id)
+      })
+
+      it('should not update latest features', function () {
+        expect(output).to.not.include(userLatest.id)
+      })
+
+      it('should not update higherTimeout features', function () {
+        expect(output).to.not.include(userCustomTimeoutHigher.id)
+      })
+
+      it('should not change any features in the db', async function () {
+        expect(await getFeatures()).to.deep.equal(initialFeatures)
+      })
+    })
+
+    describe('live run', function () {
+      let output
+      beforeEach('run script', function () {
+        output = run(
+          `node modules/server-ce-scripts/scripts/upgrade-user-features.mjs --dry-run=false`
+        )
+      })
+
+      it('should update SP1 features', function () {
+        expect(output).to.include(userSP1.id)
+      })
+
+      it('should update lowerTimeout features', function () {
+        expect(output).to.include(userCustomTimeoutLower.id)
+      })
+
+      it('should not update latest features', function () {
+        expect(output).to.not.include(userLatest.id)
+      })
+
+      it('should not update higherTimeout features', function () {
+        expect(output).to.not.include(userCustomTimeoutHigher.id)
+      })
+
+      it('should update features in the db', async function () {
+        expect(await getFeatures()).to.deep.equal([
+          Settings.defaultFeatures,
+          Settings.defaultFeatures,
+          Settings.defaultFeatures,
+          Object.assign({}, Settings.defaultFeatures, {
+            compileTimeout: 360,
+          }),
+        ])
+      })
+    })
+  })
+
+  describe('check-texlive-images', function () {
+    const TEST_TL_IMAGE = 'sharelatex/texlive:2023'
+    const TEST_TL_IMAGE_LIST =
+      'sharelatex/texlive:2021,sharelatex/texlive:2022,sharelatex/texlive:2023'
+
+    let output
+
+    function buildCheckTexLiveCmd({
+      SANDBOXED_COMPILES,
+      TEX_LIVE_DOCKER_IMAGE,
+      ALL_TEX_LIVE_DOCKER_IMAGES,
+      OVERLEAF_IS_SERVER_PRO = true,
+    }) {
+      let cmd = `SANDBOXED_COMPILES=${SANDBOXED_COMPILES ? 'true' : 'false'}`
+      if (TEX_LIVE_DOCKER_IMAGE) {
+        cmd += ` TEX_LIVE_DOCKER_IMAGE='${TEX_LIVE_DOCKER_IMAGE}'`
+      }
+      if (ALL_TEX_LIVE_DOCKER_IMAGES) {
+        cmd += ` ALL_TEX_LIVE_DOCKER_IMAGES='${ALL_TEX_LIVE_DOCKER_IMAGES}'`
+      }
+      if (OVERLEAF_IS_SERVER_PRO === true) {
+        cmd += ` OVERLEAF_IS_SERVER_PRO=${OVERLEAF_IS_SERVER_PRO}`
+      }
+      return (
+        cmd + ' node modules/server-ce-scripts/scripts/check-texlive-images.mjs'
+      )
+    }
+
+    beforeEach(async function () {
+      const user = new User()
+      await user.ensureUserExists()
+      await user.login()
+      await user.createProject('test-project')
+    })
+
+    describe('when running in CE', function () {
+      beforeEach('run script', function () {
+        output = run(buildCheckTexLiveCmd({ OVERLEAF_IS_SERVER_PRO: false }))
+      })
+
+      it('should skip checks', function () {
+        expect(output).to.include(
+          'Running Overleaf Community Edition, skipping TexLive checks'
+        )
+      })
+    })
+
+    describe('when sandboxed compiles are disabled', function () {
+      beforeEach('run script', function () {
+        output = run(buildCheckTexLiveCmd({ SANDBOXED_COMPILES: false }))
+      })
+
+      it('should skip checks', function () {
+        expect(output).to.include(
+          'Sandboxed compiles disabled, skipping TexLive checks'
+        )
+      })
+    })
+
+    describe('when texlive configuration is incorrect', function () {
+      it('should fail when TEX_LIVE_DOCKER_IMAGE is not set', function () {
+        runAndExpectError(
+          buildCheckTexLiveCmd({
+            SANDBOXED_COMPILES: true,
+            ALL_TEX_LIVE_DOCKER_IMAGES: TEST_TL_IMAGE_LIST,
+          }),
+          [
+            'Sandboxed compiles require TEX_LIVE_DOCKER_IMAGE and ALL_TEX_LIVE_DOCKER_IMAGES being set',
+          ]
+        )
+      })
+
+      it('should fail when ALL_TEX_LIVE_DOCKER_IMAGES is not set', function () {
+        runAndExpectError(
+          buildCheckTexLiveCmd({
+            SANDBOXED_COMPILES: true,
+            TEX_LIVE_DOCKER_IMAGE: TEST_TL_IMAGE,
+          }),
+          [
+            'Sandboxed compiles require TEX_LIVE_DOCKER_IMAGE and ALL_TEX_LIVE_DOCKER_IMAGES being set',
+          ]
+        )
+      })
+
+      it('should fail when TEX_LIVE_DOCKER_IMAGE is not defined in ALL_TEX_LIVE_DOCKER_IMAGES', function () {
+        runAndExpectError(
+          buildCheckTexLiveCmd({
+            SANDBOXED_COMPILES: true,
+            TEX_LIVE_DOCKER_IMAGE: 'tl-1',
+            ALL_TEX_LIVE_DOCKER_IMAGES: 'tl-2,tl-3',
+          }),
+          [
+            'TEX_LIVE_DOCKER_IMAGE must be included in ALL_TEX_LIVE_DOCKER_IMAGES',
+          ]
+        )
+      })
+    })
+
+    describe(`when projects don't have 'imageName' set`, function () {
+      beforeEach(async function () {
+        await db.projects.updateMany({}, { $unset: { imageName: 1 } })
+      })
+
+      it('should fail and suggest running backfilling scripts', function () {
+        runAndExpectError(
+          buildCheckTexLiveCmd({
+            SANDBOXED_COMPILES: true,
+            TEX_LIVE_DOCKER_IMAGE: TEST_TL_IMAGE,
+            ALL_TEX_LIVE_DOCKER_IMAGES: TEST_TL_IMAGE_LIST,
+          }),
+          [
+            `'project.imageName' is not set for some projects`,
+            `Set SKIP_TEX_LIVE_CHECK=true in config/variables.env, restart the instance and run 'bin/run-script scripts/backfill_project_image_name.mjs' to initialise TexLive image in existing projects`,
+          ]
+        )
+      })
+    })
+
+    describe(`when projects have a null 'imageName'`, function () {
+      beforeEach(async function () {
+        await db.projects.updateMany({}, { $set: { imageName: null } })
+      })
+
+      it('should fail and suggest running backfilling scripts', function () {
+        runAndExpectError(
+          buildCheckTexLiveCmd({
+            SANDBOXED_COMPILES: true,
+            TEX_LIVE_DOCKER_IMAGE: TEST_TL_IMAGE,
+            ALL_TEX_LIVE_DOCKER_IMAGES: TEST_TL_IMAGE_LIST,
+          }),
+          [
+            `'project.imageName' is not set for some projects`,
+            `Set SKIP_TEX_LIVE_CHECK=true in config/variables.env, restart the instance and run 'bin/run-script scripts/backfill_project_image_name.mjs' to initialise TexLive image in existing projects`,
+          ]
+        )
+      })
+    })
+
+    describe('when TexLive ALL_TEX_LIVE_DOCKER_IMAGES are upgraded and used images are no longer available', function () {
+      it('should suggest running a fixing script', async function () {
+        await db.projects.updateMany({}, { $set: { imageName: TEST_TL_IMAGE } })
+        runAndExpectError(
+          buildCheckTexLiveCmd({
+            SANDBOXED_COMPILES: true,
+            TEX_LIVE_DOCKER_IMAGE: 'tl-1',
+            ALL_TEX_LIVE_DOCKER_IMAGES: 'tl-1,tl-2',
+          }),
+          [
+            `Set SKIP_TEX_LIVE_CHECK=true in config/variables.env, restart the instance and run 'bin/run-script scripts/update_project_image_name.js <dangling_image> <new_image>' to update projects to a new image`,
+          ]
+        )
+      })
+    })
+
+    describe('success scenarios', function () {
+      beforeEach(async function () {
+        await db.projects.updateMany({}, { $set: { imageName: TEST_TL_IMAGE } })
+      })
+
+      it('should succeed when there are no changes to the TexLive images', function () {
+        const output = run(
+          buildCheckTexLiveCmd({
+            SANDBOXED_COMPILES: true,
+            TEX_LIVE_DOCKER_IMAGE: TEST_TL_IMAGE,
+            ALL_TEX_LIVE_DOCKER_IMAGES: TEST_TL_IMAGE_LIST,
+          })
+        )
+        expect(output).to.include('Done.')
+      })
+
+      it('should succeed when there are valid changes to the TexLive images', function () {
+        const output = run(
+          buildCheckTexLiveCmd({
+            SANDBOXED_COMPILES: true,
+            TEX_LIVE_DOCKER_IMAGE: 'new-image',
+            ALL_TEX_LIVE_DOCKER_IMAGES: TEST_TL_IMAGE_LIST + ',new-image',
+          })
+        )
+        expect(output).to.include('Done.')
+      })
+    })
+  })
+})
diff --git a/services/web/modules/server-ce-scripts/test/acceptance/tsconfig.json b/services/web/modules/server-ce-scripts/test/acceptance/tsconfig.json
new file mode 100644
index 0000000..ddee721
--- /dev/null
+++ b/services/web/modules/server-ce-scripts/test/acceptance/tsconfig.json
@@ -0,0 +1 @@
+{ "extends": "../../../../tsconfig.backend.json" }
diff --git a/services/web/modules/user-activate/app/src/UserActivateController.mjs b/services/web/modules/user-activate/app/src/UserActivateController.mjs
new file mode 100644
index 0000000..e8ce258
--- /dev/null
+++ b/services/web/modules/user-activate/app/src/UserActivateController.mjs
@@ -0,0 +1,69 @@
+import Path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import UserGetter from '../../../../app/src/Features/User/UserGetter.js'
+import UserRegistrationHandler from '../../../../app/src/Features/User/UserRegistrationHandler.js'
+import ErrorController from '../../../../app/src/Features/Errors/ErrorController.js'
+import { expressify } from '@overleaf/promise-utils'
+
+const __dirname = Path.dirname(fileURLToPath(import.meta.url))
+
+function registerNewUser(req, res, next) {
+  res.render(Path.resolve(__dirname, '../views/user/register'))
+}
+
+async function register(req, res, next) {
+  const { email } = req.body
+  if (email == null || email === '') {
+    return res.sendStatus(422) // Unprocessable Entity
+  }
+  const { user, setNewPasswordUrl } =
+    await UserRegistrationHandler.promises.registerNewUserAndSendActivationEmail(
+      email
+    )
+  res.json({
+    email: user.email,
+    setNewPasswordUrl,
+  })
+}
+
+async function activateAccountPage(req, res, next) {
+  // An 'activation' is actually just a password reset on an account that
+  // was set with a random password originally.
+  if (req.query.user_id == null || req.query.token == null) {
+    return ErrorController.notFound(req, res)
+  }
+
+  if (typeof req.query.user_id !== 'string') {
+    return ErrorController.forbidden(req, res)
+  }
+
+  const user = await UserGetter.promises.getUser(req.query.user_id, {
+    email: 1,
+    loginCount: 1,
+  })
+
+  if (!user) {
+    return ErrorController.notFound(req, res)
+  }
+
+  if (user.loginCount > 0) {
+    // Already seen this user, so account must be activated.
+    // This lets users keep clicking the 'activate' link in their email
+    // as a way to log in which, if I know our users, they will.
+    return res.redirect(`/login`)
+  }
+
+  req.session.doLoginAfterPasswordReset = true
+
+  res.render(Path.resolve(__dirname, '../views/user/activate'), {
+    title: 'activate_account',
+    email: user.email,
+    token: req.query.token,
+  })
+}
+
+export default {
+  registerNewUser,
+  register: expressify(register),
+  activateAccountPage: expressify(activateAccountPage),
+}
diff --git a/services/web/modules/user-activate/app/src/UserActivateRouter.mjs b/services/web/modules/user-activate/app/src/UserActivateRouter.mjs
new file mode 100644
index 0000000..402d05c
--- /dev/null
+++ b/services/web/modules/user-activate/app/src/UserActivateRouter.mjs
@@ -0,0 +1,30 @@
+import logger from '@overleaf/logger'
+import UserActivateController from './UserActivateController.mjs'
+import AuthenticationController from '../../../../app/src/Features/Authentication/AuthenticationController.js'
+import AuthorizationMiddleware from '../../../../app/src/Features/Authorization/AuthorizationMiddleware.js'
+
+export default {
+  apply(webRouter) {
+    logger.debug({}, 'Init UserActivate router')
+
+    webRouter.get(
+      '/admin/user',
+      AuthorizationMiddleware.ensureUserIsSiteAdmin,
+      (req, res) => res.redirect('/admin/register')
+    )
+
+    webRouter.get('/user/activate', UserActivateController.activateAccountPage)
+    AuthenticationController.addEndpointToLoginWhitelist('/user/activate')
+
+    webRouter.get(
+      '/admin/register',
+      AuthorizationMiddleware.ensureUserIsSiteAdmin,
+      UserActivateController.registerNewUser
+    )
+    webRouter.post(
+      '/admin/register',
+      AuthorizationMiddleware.ensureUserIsSiteAdmin,
+      UserActivateController.register
+    )
+  },
+}
diff --git a/services/web/modules/user-activate/app/src/tsconfig.json b/services/web/modules/user-activate/app/src/tsconfig.json
new file mode 100644
index 0000000..ddee721
--- /dev/null
+++ b/services/web/modules/user-activate/app/src/tsconfig.json
@@ -0,0 +1 @@
+{ "extends": "../../../../tsconfig.backend.json" }
diff --git a/services/web/modules/user-activate/app/views/user/activate.pug b/services/web/modules/user-activate/app/views/user/activate.pug
new file mode 100644
index 0000000..20ccb4d
--- /dev/null
+++ b/services/web/modules/user-activate/app/views/user/activate.pug
@@ -0,0 +1,72 @@
+extends ../../../../../app/views/layout-website-redesign-bootstrap-5
+
+block content
+	main.content.content-alt#main-content
+		.container
+			div.col-lg-6.col-xl-4.m-auto
+				.notification-list
+					.notification.notification-type-success(aria-live="off" role="alert")
+						.notification-content-and-cta
+							.notification-icon
+								span.material-symbols(aria-hidden="true")
+									| check_circle
+							.notification-content
+								p
+									| #{translate("nearly_activated")}
+
+				h1.h3 #{translate("please_set_a_password")}
+
+				form(
+					data-ol-async-form
+					name="activationForm",
+					action="/user/password/set",
+					method="POST",
+				)
+					+formMessages()
+
+					+customFormMessage('token-expired', 'danger')
+						| #{translate("activation_token_expired")}
+
+					+customFormMessage('invalid-password', 'danger')
+						| #{translate('invalid_password')}
+
+					input(name='_csrf', type='hidden', value=csrfToken)
+					input(
+						type="hidden",
+						name="passwordResetToken",
+						value=token
+					)
+
+					.form-group
+						label(for='emailField') #{translate("email")}
+						input.form-control#emailField(
+							aria-label="email",
+							type='email',
+							name='email',
+							placeholder="email@example.com",
+							autocomplete="username"
+							value=email
+							required,
+							disabled
+						)
+					.form-group
+						label(for='passwordField') #{translate("password")}
+						input.form-control#passwordField(
+							type='password',
+							name='password',
+							placeholder="********",
+							autocomplete="new-password",
+							autofocus,
+							required,
+							minlength=settings.passwordStrengthOptions.length.min
+						)
+					.actions
+						button.btn.btn-primary(
+							type='submit',
+							data-ol-disabled-inflight
+							aria-label=translate('activate')
+						)
+							span(data-ol-inflight="idle")
+								| #{translate('activate')}
+							span(hidden data-ol-inflight="pending")
+								| #{translate('activating')}…
diff --git a/services/web/modules/user-activate/app/views/user/register.pug b/services/web/modules/user-activate/app/views/user/register.pug
new file mode 100644
index 0000000..d64c2c4
--- /dev/null
+++ b/services/web/modules/user-activate/app/views/user/register.pug
@@ -0,0 +1,13 @@
+extends ../../../../../app/views/layout-marketing
+
+block entrypointVar
+	- entrypoint = 'modules/user-activate/pages/user-activate-page'
+
+
+block vars
+	- bootstrap5PageStatus = 'disabled'
+
+block content
+	.content.content-alt#main-content
+		.container
+			#user-activate-register-container
diff --git a/services/web/modules/user-activate/frontend/js/components/register-form.jsx b/services/web/modules/user-activate/frontend/js/components/register-form.jsx
new file mode 100644
index 0000000..0fc8211
--- /dev/null
+++ b/services/web/modules/user-activate/frontend/js/components/register-form.jsx
@@ -0,0 +1,87 @@
+import PropTypes from 'prop-types'
+import { postJSON } from '../../../../../frontend/js/infrastructure/fetch-json'
+
+function RegisterForm({
+  setRegistrationSuccess,
+  setEmails,
+  setRegisterError,
+  setFailedEmails,
+}) {
+  function handleRegister(event) {
+    event.preventDefault()
+    const formData = new FormData(event.target)
+    const formDataAsEntries = formData.entries()
+    const formDataAsObject = Object.fromEntries(formDataAsEntries)
+    const emailString = formDataAsObject.email
+    setRegistrationSuccess(false)
+    setRegisterError(false)
+    setEmails([])
+    registerGivenUsers(parseEmails(emailString))
+  }
+
+  async function registerGivenUsers(emails) {
+    const registeredEmails = []
+    const failingEmails = []
+    for (const email of emails) {
+      try {
+        const result = await registerUser(email)
+        registeredEmails.push(result)
+      } catch {
+        failingEmails.push(email)
+      }
+    }
+    if (registeredEmails.length > 0) setRegistrationSuccess(true)
+    if (failingEmails.length > 0) {
+      setRegisterError(true)
+      setFailedEmails(failingEmails)
+    }
+    setEmails(registeredEmails)
+  }
+
+  function registerUser(email) {
+    const options = { email }
+    const url = `/admin/register`
+    return postJSON(url, { body: options })
+  }
+
+  return (
+    <form onSubmit={handleRegister}>
+      <div className="row">
+        <div className="col-md-4 col-xs-8">
+          <input
+            className="form-control"
+            name="email"
+            type="text"
+            placeholder="jane@example.com, joe@example.com"
+            aria-label="emails to register"
+            aria-describedby="input-details"
+          />
+          <p id="input-details" className="sr-only">
+            Enter the emails you would like to register and separate them using
+            commas
+          </p>
+        </div>
+        <div className="col-md-8 col-xs-4">
+          <button className="btn btn-primary">Register</button>
+        </div>
+      </div>
+    </form>
+  )
+}
+
+function parseEmails(emailsText) {
+  const regexBySpaceOrComma = /[\s,]+/
+  let emails = emailsText.split(regexBySpaceOrComma)
+  emails.map(email => email.trim())
+  emails = emails.filter(email => email.indexOf('@') !== -1)
+  return emails
+}
+
+RegisterForm.propTypes = {
+  setRegistrationSuccess: PropTypes.func,
+  setEmails: PropTypes.func,
+  setRegisterError: PropTypes.func,
+  setFailedEmails: PropTypes.func,
+}
+
+export default RegisterForm
diff --git a/services/web/modules/user-activate/frontend/js/components/user-activate-register.jsx b/services/web/modules/user-activate/frontend/js/components/user-activate-register.jsx
new file mode 100644
index 0000000..d3c66c8
--- /dev/null
+++ b/services/web/modules/user-activate/frontend/js/components/user-activate-register.jsx
@@ -0,0 +1,92 @@
+import { useState } from 'react'
+import PropTypes from 'prop-types'
+import RegisterForm from './register-form'
+function UserActivateRegister() {
+  const [emails, setEmails] = useState([])
+  const [failedEmails, setFailedEmails] = useState([])
+  const [registerError, setRegisterError] = useState(false)
+  const [registrationSuccess, setRegistrationSuccess] = useState(false)
+
+  return (
+    <div className="row">
+      <div className="col-md-12">
+        <div className="card">
+          <div className="page-header">
+            <h1> Register New Users</h1>
+          </div>
+          <RegisterForm
+            setRegistrationSuccess={setRegistrationSuccess}
+            setEmails={setEmails}
+            setRegisterError={setRegisterError}
+            setFailedEmails={setFailedEmails}
+          />
+          {registerError ? (
+            <UserActivateError failedEmails={failedEmails} />
+          ) : null}
+          {registrationSuccess ? (
+            <>
+              <SuccessfulRegistrationMessage />
+              <hr />
+              <DisplayEmailsList emails={emails} />
+            </>
+          ) : null}
+        </div>
+      </div>
+    </div>
+  )
+}
+
+function UserActivateError({ failedEmails }) {
+  return (
+    <div className="row-spaced text-danger">
+      <p>Sorry, an error occured, failed to register these emails.</p>
+      {failedEmails.map(email => (
+        <p key={email}>{email}</p>
+      ))}
+    </div>
+  )
+}
+
+function SuccessfulRegistrationMessage() {
+  return (
+    <div className="row-spaced text-success">
+      <p>We've sent out welcome emails to the registered users.</p>
+      <p>
+        You can also manually send them URLs below to allow them to reset their
+        password and log in for the first time.
+      </p>
+      <p>
+        (Password reset tokens will expire after one week and the user will need
+        registering again).
+      </p>
+    </div>
+  )
+}
+
+function DisplayEmailsList({ emails }) {
+  return (
+    <table className="table table-striped ">
+      <tbody>
+        <tr>
+          <th>Email</th>
+          <th>Set Password Url</th>
+        </tr>
+        {emails.map(user => (
+          <tr key={user.email}>
+            <td>{user.email}</td>
+            <td style={{ wordBreak: 'break-all' }}>{user.setNewPasswordUrl}</td>
+          </tr>
+        ))}
+      </tbody>
+    </table>
+  )
+}
+
+DisplayEmailsList.propTypes = {
+  emails: PropTypes.array,
+}
+UserActivateError.propTypes = {
+  failedEmails: PropTypes.array,
+}
+
+export default UserActivateRegister
diff --git a/services/web/modules/user-activate/frontend/js/pages/user-activate-page.jsx b/services/web/modules/user-activate/frontend/js/pages/user-activate-page.jsx
new file mode 100644
index 0000000..22174de
--- /dev/null
+++ b/services/web/modules/user-activate/frontend/js/pages/user-activate-page.jsx
@@ -0,0 +1,9 @@
+import '@/marketing'
+
+import ReactDOM from 'react-dom'
+import UserActivateRegister from '../components/user-activate-register'
+
+ReactDOM.render(
+  <UserActivateRegister />,
+  document.getElementById('user-activate-register-container')
+)
diff --git a/services/web/modules/user-activate/index.mjs b/services/web/modules/user-activate/index.mjs
new file mode 100644
index 0000000..ca87af1
--- /dev/null
+++ b/services/web/modules/user-activate/index.mjs
@@ -0,0 +1,12 @@
+import UserActivateRouter from './app/src/UserActivateRouter.mjs'
+
+/**
+ * @import { WebModule } from "../../types/web-module"
+ */
+
+/** @type {WebModule} */
+const UserActivateModule = {
+  router: UserActivateRouter,
+}
+
+export default UserActivateModule
diff --git a/services/web/modules/user-activate/test/frontend/js/components/register-form.test.jsx b/services/web/modules/user-activate/test/frontend/js/components/register-form.test.jsx
new file mode 100644
index 0000000..58833f1
--- /dev/null
+++ b/services/web/modules/user-activate/test/frontend/js/components/register-form.test.jsx
@@ -0,0 +1,62 @@
+import { expect } from 'chai'
+import { render, screen, fireEvent } from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+import sinon from 'sinon'
+import RegisterForm from '../../../../frontend/js/components/register-form'
+
+describe('RegisterForm', function () {
+  beforeEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+  it('should render the register form', async function () {
+    const setRegistrationSuccessStub = sinon.stub()
+    const setEmailsStub = sinon.stub()
+    const setRegisterErrorStub = sinon.stub()
+    const setFailedEmailsStub = sinon.stub()
+
+    render(
+      <RegisterForm
+        setRegistrationSuccess={setRegistrationSuccessStub}
+        setEmails={setEmailsStub}
+        setRegisterError={setRegisterErrorStub}
+        setFailedEmails={setFailedEmailsStub}
+      />
+    )
+    await screen.findByLabelText('emails to register')
+    screen.getByRole('button', { name: /register/i })
+  })
+
+  it('should call the fetch request when register button is pressed', async function () {
+    const email = 'abc@gmail.com'
+    const setRegistrationSuccessStub = sinon.stub()
+    const setEmailsStub = sinon.stub()
+    const setRegisterErrorStub = sinon.stub()
+    const setFailedEmailsStub = sinon.stub()
+
+    const endPointResponse = {
+      status: 200,
+      body: {
+        email,
+        setNewPasswordUrl: 'SetNewPasswordURL',
+      },
+    }
+    const registerMock = fetchMock.post('/admin/register', endPointResponse)
+
+    render(
+      <RegisterForm
+        setRegistrationSuccess={setRegistrationSuccessStub}
+        setEmails={setEmailsStub}
+        setRegisterError={setRegisterErrorStub}
+        setFailedEmails={setFailedEmailsStub}
+      />
+    )
+    const registerInput = screen.getByLabelText('emails to register')
+    const registerButton = screen.getByRole('button', { name: /register/i })
+    fireEvent.change(registerInput, { target: { value: email } })
+    fireEvent.click(registerButton)
+    expect(registerMock.callHistory.called()).to.be.true
+  })
+})
diff --git a/services/web/modules/user-activate/test/frontend/js/components/user-activate-register.test.jsx b/services/web/modules/user-activate/test/frontend/js/components/user-activate-register.test.jsx
new file mode 100644
index 0000000..2089986
--- /dev/null
+++ b/services/web/modules/user-activate/test/frontend/js/components/user-activate-register.test.jsx
@@ -0,0 +1,140 @@
+import { expect } from 'chai'
+import { render, screen, fireEvent } from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+import UserActivateRegister from '../../../../frontend/js/components/user-activate-register'
+
+describe('UserActivateRegister', function () {
+  beforeEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+  it('should display the error message', async function () {
+    const email = 'abc@gmail.com'
+    render(<UserActivateRegister />)
+    const endPointResponse = {
+      status: 500,
+    }
+    const registerMock = fetchMock.post('/admin/register', endPointResponse)
+    const registerInput = screen.getByLabelText('emails to register')
+    const registerButton = screen.getByRole('button', { name: /register/i })
+
+    fireEvent.change(registerInput, { target: { value: email } })
+    fireEvent.click(registerButton)
+
+    expect(registerMock.callHistory.called()).to.be.true
+    await screen.findByText('Sorry, an error occured', { exact: false })
+  })
+
+  it('should display the success message', async function () {
+    const email = 'abc@gmail.com'
+    render(<UserActivateRegister />)
+    const endPointResponse = {
+      status: 200,
+      body: {
+        email,
+        setNewPasswordUrl: 'SetNewPasswordURL',
+      },
+    }
+    const registerMock = fetchMock.post('/admin/register', endPointResponse)
+    const registerInput = screen.getByLabelText('emails to register')
+    const registerButton = screen.getByRole('button', { name: /register/i })
+
+    fireEvent.change(registerInput, { target: { value: email } })
+    fireEvent.click(registerButton)
+
+    expect(registerMock.callHistory.called()).to.be.true
+    await screen.findByText(
+      "We've sent out welcome emails to the registered users."
+    )
+  })
+
+  it('should display the registered emails', async function () {
+    const email = 'abc@gmail.com, def@gmail.com'
+    render(<UserActivateRegister />)
+    const endPointResponse1 = {
+      status: 200,
+      body: {
+        email: 'abc@gmail.com',
+        setNewPasswordUrl: 'SetNewPasswordURL',
+      },
+    }
+    const endPointResponse2 = {
+      status: 200,
+      body: {
+        email: 'def@gmail.com',
+        setNewPasswordUrl: 'SetNewPasswordURL',
+      },
+    }
+    const registerMock = fetchMock.post('/admin/register', (path, req) => {
+      const body = JSON.parse(req.body)
+      if (body.email === 'abc@gmail.com') return endPointResponse1
+      else if (body.email === 'def@gmail.com') return endPointResponse2
+    })
+    const registerInput = screen.getByLabelText('emails to register')
+    const registerButton = screen.getByRole('button', { name: /register/i })
+
+    fireEvent.change(registerInput, { target: { value: email } })
+    fireEvent.click(registerButton)
+
+    expect(registerMock.callHistory.called()).to.be.true
+    await screen.findByText('abc@gmail.com')
+    await screen.findByText('def@gmail.com')
+  })
+
+  it('should display the failed emails', async function () {
+    const email = 'abc@, def@'
+    render(<UserActivateRegister />)
+    const endPointResponse1 = {
+      status: 500,
+    }
+    const endPointResponse2 = {
+      status: 500,
+    }
+    const registerMock = fetchMock.post('/admin/register', (path, req) => {
+      const body = JSON.parse(req.body)
+      if (body.email === 'abc@') return endPointResponse1
+      else if (body.email === 'def@') return endPointResponse2
+    })
+    const registerInput = screen.getByLabelText('emails to register')
+    const registerButton = screen.getByRole('button', { name: /register/i })
+
+    fireEvent.change(registerInput, { target: { value: email } })
+    fireEvent.click(registerButton)
+
+    expect(registerMock.callHistory.called()).to.be.true
+    await screen.findByText('abc@')
+    await screen.findByText('def@')
+  })
+
+  it('should display the registered and failed emails together', async function () {
+    const email = 'abc@gmail.com, def@'
+    render(<UserActivateRegister />)
+    const endPointResponse1 = {
+      status: 200,
+      body: {
+        email: 'abc@gmail.com',
+        setNewPasswordUrl: 'SetNewPasswordURL',
+      },
+    }
+    const endPointResponse2 = {
+      status: 500,
+    }
+    const registerMock = fetchMock.post('/admin/register', (path, req) => {
+      const body = JSON.parse(req.body)
+      if (body.email === 'abc@gmail.com') return endPointResponse1
+      else if (body.email === 'def@gmail.com') return endPointResponse2
+      else return 500
+    })
+    const registerInput = screen.getByLabelText('emails to register')
+    const registerButton = screen.getByRole('button', { name: /register/i })
+
+    fireEvent.change(registerInput, { target: { value: email } })
+    fireEvent.click(registerButton)
+
+    expect(registerMock.callHistory.called()).to.be.true
+    await screen.findByText('abc@gmail.com')
+    await screen.findByText('def@')
+  })
+})
diff --git a/services/web/modules/user-activate/test/unit/src/UserActivateControllerTests.mjs b/services/web/modules/user-activate/test/unit/src/UserActivateControllerTests.mjs
new file mode 100644
index 0000000..7c4382a
--- /dev/null
+++ b/services/web/modules/user-activate/test/unit/src/UserActivateControllerTests.mjs
@@ -0,0 +1,134 @@
+import Path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { strict as esmock } from 'esmock'
+import sinon from 'sinon'
+
+const __dirname = Path.dirname(fileURLToPath(import.meta.url))
+
+const MODULE_PATH = '../../../app/src/UserActivateController.mjs'
+
+const VIEW_PATH = Path.join(__dirname, '../../../app/views/user/activate')
+
+describe('UserActivateController', function () {
+  beforeEach(async function () {
+    this.user = {
+      _id: (this.user_id = 'kwjewkl'),
+      features: {},
+      email: 'joe@example.com',
+    }
+
+    this.UserGetter = {
+      promises: {
+        getUser: sinon.stub(),
+      },
+    }
+    this.UserRegistrationHandler = { promises: {} }
+    this.ErrorController = { notFound: sinon.stub() }
+    this.SplitTestHandler = {
+      promises: {
+        getAssignment: sinon.stub().resolves({ variant: 'default' }),
+      },
+    }
+    this.UserActivateController = await esmock(MODULE_PATH, {
+      '../../../../../app/src/Features/User/UserGetter.js': this.UserGetter,
+      '../../../../../app/src/Features/User/UserRegistrationHandler.js':
+        this.UserRegistrationHandler,
+      '../../../../../app/src/Features/Errors/ErrorController.js':
+        this.ErrorController,
+      '../../../../../app/src/Features/SplitTests/SplitTestHandler':
+        this.SplitTestHandler,
+    })
+    this.req = {
+      body: {},
+      query: {},
+      session: {
+        user: this.user,
+      },
+    }
+    this.res = {
+      json: sinon.stub(),
+    }
+  })
+
+  describe('activateAccountPage', function () {
+    beforeEach(function () {
+      this.UserGetter.promises.getUser = sinon.stub().resolves(this.user)
+      this.req.query.user_id = this.user_id
+      this.req.query.token = this.token = 'mock-token-123'
+    })
+
+    it('should 404 without a user_id', async function (done) {
+      delete this.req.query.user_id
+      this.ErrorController.notFound = () => done()
+      this.UserActivateController.activateAccountPage(this.req, this.res)
+    })
+
+    it('should 404 without a token', function (done) {
+      delete this.req.query.token
+      this.ErrorController.notFound = () => done()
+      this.UserActivateController.activateAccountPage(this.req, this.res)
+    })
+
+    it('should 404 without a valid user_id', function (done) {
+      this.UserGetter.promises.getUser = sinon.stub().resolves(null)
+      this.ErrorController.notFound = () => done()
+      this.UserActivateController.activateAccountPage(this.req, this.res)
+    })
+
+    it('should 403 for complex user_id', function (done) {
+      this.ErrorController.forbidden = () => done()
+      this.req.query.user_id = { first_name: 'X' }
+      this.UserActivateController.activateAccountPage(this.req, this.res)
+    })
+
+    it('should redirect activated users to login', function (done) {
+      this.user.loginCount = 1
+      this.res.redirect = url => {
+        sinon.assert.calledWith(this.UserGetter.promises.getUser, this.user_id)
+        url.should.equal('/login')
+        return done()
+      }
+      this.UserActivateController.activateAccountPage(this.req, this.res)
+    })
+
+    it('render the activation page if the user has not logged in before', function (done) {
+      this.user.loginCount = 0
+      this.res.render = (page, opts) => {
+        page.should.equal(VIEW_PATH)
+        opts.email.should.equal(this.user.email)
+        opts.token.should.equal(this.token)
+        return done()
+      }
+      this.UserActivateController.activateAccountPage(this.req, this.res)
+    })
+  })
+
+  describe('register', function () {
+    beforeEach(async function () {
+      this.UserRegistrationHandler.promises.registerNewUserAndSendActivationEmail =
+        sinon.stub().resolves({
+          user: this.user,
+          setNewPasswordUrl: (this.url = 'mock/url'),
+        })
+      this.req.body.email = this.user.email = this.email = 'email@example.com'
+      await this.UserActivateController.register(this.req, this.res)
+    })
+
+    it('should register the user and send them an email', function () {
+      sinon.assert.calledWith(
+        this.UserRegistrationHandler.promises
+          .registerNewUserAndSendActivationEmail,
+        this.email
+      )
+    })
+
+    it('should return the user and activation url', function () {
+      this.res.json
+        .calledWith({
+          email: this.email,
+          setNewPasswordUrl: this.url,
+        })
+        .should.equal(true)
+    })
+  })
+})
diff --git a/services/web/modules/user-activate/test/unit/tsconfig.json b/services/web/modules/user-activate/test/unit/tsconfig.json
new file mode 100644
index 0000000..ddee721
--- /dev/null
+++ b/services/web/modules/user-activate/test/unit/tsconfig.json
@@ -0,0 +1 @@
+{ "extends": "../../../../tsconfig.backend.json" }
diff --git a/services/web/package.json b/services/web/package.json
new file mode 100644
index 0000000..b03c0ac
--- /dev/null
+++ b/services/web/package.json
@@ -0,0 +1,371 @@
+{
+  "name": "@overleaf/web",
+  "description": "The HTTP front end for Overleaf",
+  "private": true,
+  "main": "app.mjs",
+  "directories": {
+    "public": "./public"
+  },
+  "scripts": {
+    "test:acceptance:run_dir": "mocha --recursive --timeout 25000 --grep=$MOCHA_GREP --require test/acceptance/bootstrap.js",
+    "test:acceptance:app": "npm run test:acceptance:run_dir -- test/acceptance/src",
+    "test:unit:run_dir": "mocha --recursive --timeout 25000 --exit --grep=$MOCHA_GREP --require test/unit/bootstrap.js",
+    "test:unit:all": "npm run test:unit:run_dir -- test/unit/src modules/*/test/unit/src",
+    "test:unit:all:silent": "npm run test:unit:all -- --reporter dot",
+    "test:unit:app": "npm run test:unit:run_dir -- test/unit/src",
+    "test:frontend": "NODE_ENV=test TZ=GMT mocha --recursive --timeout 5000 --exit --extension js,jsx,mjs,ts,tsx --grep=$MOCHA_GREP --require test/frontend/bootstrap.js --ignore '**/*.spec.{js,jsx,ts,tsx}' --ignore '**/helpers/**/*.{js,jsx,ts,tsx}' test/frontend modules/*/test/frontend",
+    "test:frontend:coverage": "c8 --all --include 'frontend/js' --include 'modules/*/frontend/js' --exclude 'frontend/js/vendor' --reporter=lcov --reporter=text-summary npm run test:frontend",
+    "start": "node app.mjs",
+    "nodemon": "node --watch app.mjs --watch-locales",
+    "webpack": "webpack serve --config webpack.config.dev.js",
+    "webpack:production": "webpack --config webpack.config.prod.js",
+    "webpack:profile": "webpack --config webpack.config.prod.js --profile --json > stats.json",
+    "format": "prettier --list-different $PWD/'**/*.{js,jsx,mjs,ts,tsx,json}'",
+    "format:fix": "prettier --write $PWD/'**/*.{js,jsx,mjs,ts,tsx,json}'",
+    "format:styles": "prettier --list-different $PWD/'**/*.{css,less,scss}'",
+    "format:styles:fix": "prettier --write $PWD/'**/*.{css,less,scss}'",
+    "lint": "eslint --max-warnings 0 --format unix --ext .js,.jsx,.mjs,.ts,.tsx .",
+    "lint:fix": "eslint --fix --ext .js,.jsx,.mjs,.ts,.tsx .",
+    "lint:styles": "stylelint '**/*.scss'",
+    "lint:styles:fix": "stylelint '**/*.scss' --fix",
+    "type-check": "tsc --noEmit",
+    "type-check:backend": "tsc -p tsconfig.backend.json --noEmit",
+    "extract-translations": "i18next-scanner",
+    "migrations": "MONGO_SOCKET_TIMEOUT=0 east --es-modules",
+    "convert-themes": "node frontend/js/features/source-editor/themes/scripts/convert.js",
+    "cypress:open-ct": "OVERLEAF_CONFIG=$PWD/config/settings.webpack.js cypress open --component",
+    "cypress:run-ct": "OVERLEAF_CONFIG=$PWD/config/settings.webpack.js cypress run --component --browser chrome",
+    "cypress:docker:open-ct": "DOCKER_USER=\"$(id -u):$(id -g)\" docker compose -f docker-compose.cypress.yml run --rm cypress run cypress:open-ct",
+    "cypress:docker:run-ct": "DOCKER_USER=\"$(id -u):$(id -g)\" docker compose -f docker-compose.cypress.yml run --rm cypress run cypress:run-ct --browser chrome",
+    "lezer-latex:generate": "node scripts/lezer-latex/generate.js",
+    "lezer-latex:run": "node scripts/lezer-latex/run.mjs",
+    "lezer-latex:benchmark": "node scripts/lezer-latex/benchmark.mjs",
+    "lezer-latex:benchmark-incremental": "node scripts/lezer-latex/test-incremental-parser.mjs",
+    "routes": "bin/routes",
+    "storybook": "storybook dev -p 6006 --no-open",
+    "build-storybook": "storybook build",
+    "precompile-pug": "node app/src/infrastructure/Views",
+    "local:nodemon": "set -a;. ../../config/dev-environment.env;. ./docker-compose.common.env;. ../../config/local-dev.env;. ./local-dev.env;. ../../config/local.env; set +a; echo $OVERLEAF_CONFIG; WEB_PORT=13000 LISTEN_ADDRESS=0.0.0.0 npm run nodemon",
+    "local:webpack": "set -a;. ../../config/dev-environment.env;. ./docker-compose.common.env;. ../../config/local-dev.env;. ./local-dev.env;. ../../config/local.env; set +a; PORT=13808 OVERLEAF_CONFIG=$(pwd)/config/settings.webpack.js npm run webpack",
+    "local:test:acceptance:run_dir": "set -a;. $(pwd)/docker-compose.common.env;. $(pwd)/local-test.env; set +a; npm run test:acceptance:run_dir",
+    "local:test:acceptance:run_app": "OVERLEAF_CONFIG=$(pwd)/test/acceptance/config/settings.test.${OVERLEAF_APP}.js npm run local:test:acceptance:run_dir -- $(pwd)/test/acceptance/src",
+    "local:test:acceptance:run_module": "if [ ! -d $(pwd)/modules/${MODULE}/test/acceptance ]; then echo \"Module '${MODULE}' does not have acceptance tests\"; exit 0; fi; OVERLEAF_CONFIG=$(pwd)/modules/${MODULE}/test/acceptance/config/settings.test.js BASE_CONFIG=$(pwd)/test/acceptance/config/settings.test.${OVERLEAF_APP}.js npm run local:test:acceptance:run_dir -- $(pwd)/modules/${MODULE}/test/acceptance",
+    "local:test:acceptance:run_modules": "OVERLEAF_CONFIG=$(pwd)/test/acceptance/config/settings.test.${OVERLEAF_APP}.js node $(pwd)/test/acceptance/getModuleTargets --name-only | xargs -n1 sh -c 'MODULE=$0 npm run local:test:acceptance:run_module || exit 255' $1",
+    "local:test:acceptance:app:saas": "OVERLEAF_APP=saas npm run local:test:acceptance:run_app",
+    "local:test:acceptance:app:server-pro": "OVERLEAF_APP=server-pro npm run local:test:acceptance:run_app",
+    "local:test:acceptance:app:server-ce": "OVERLEAF_APP=server-ce npm run local:test:acceptance:run_app",
+    "local:test:acceptance:app": "echo saas server-pro server-ce | xargs -n1 sh -c 'npm run local:test:acceptance:app:${0} || exit 255'",
+    "local:test:acceptance:modules:saas": "OVERLEAF_APP=saas npm run local:test:acceptance:run_modules",
+    "local:test:acceptance:modules:server-pro": "OVERLEAF_APP=server-pro npm run local:test:acceptance:run_modules",
+    "local:test:acceptance:modules:server-ce": "OVERLEAF_APP=server-ce npm run local:test:acceptance:run_modules",
+    "local:test:acceptance:modules": "echo saas server-ce server-pro | xargs -n1 sh -c 'npm run local:test:acceptance:modules:${0} || exit 255'",
+    "local:test:acceptance": "npm run local:test:acceptance:app && npm run local:test:acceptance:modules",
+    "local:test:unit": "npm run test:unit:all",
+    "local:test:frontend": "npm run test:frontend",
+    "local:test": "npm run local:test:unit && npm run local:test:frontend && npm run local:test:acceptance"
+  },
+  "browserslist": [
+    "defaults and supports woff2",
+    "last 1 year",
+    "safari > 14"
+  ],
+  "dependencies": {
+    "@contentful/rich-text-html-renderer": "^16.0.2",
+    "@contentful/rich-text-types": "^16.0.2",
+    "@google-cloud/bigquery": "^6.0.1",
+    "@node-oauth/oauth2-server": "^5.1.0",
+    "@node-saml/passport-saml": "^4.0.4",
+    "@overleaf/access-token-encryptor": "*",
+    "@overleaf/fetch-utils": "*",
+    "@overleaf/logger": "*",
+    "@overleaf/metrics": "*",
+    "@overleaf/mongo-utils": "*",
+    "@overleaf/o-error": "*",
+    "@overleaf/object-persistor": "*",
+    "@overleaf/promise-utils": "*",
+    "@overleaf/redis-wrapper": "*",
+    "@overleaf/settings": "*",
+    "@phosphor-icons/react": "^2.1.7",
+    "@slack/webhook": "^7.0.2",
+    "@stripe/stripe-js": "^5.6.0",
+    "@stripe/react-stripe-js": "^3.1.1",
+    "@xmldom/xmldom": "^0.7.13",
+    "accepts": "^1.3.7",
+    "ajv": "^8.12.0",
+    "archiver": "^5.3.0",
+    "async": "^3.2.5",
+    "base-x": "^4.0.0",
+    "basic-auth": "^2.0.1",
+    "bcrypt": "^5.0.0",
+    "body-parser": "^1.20.3",
+    "bowser": "^2.11.0",
+    "bull": "^3.18.0",
+    "bunyan": "^1.8.15",
+    "cache-flow": "^1.9.0",
+    "celebrate": "^15.0.3",
+    "connect-redis": "^6.1.3",
+    "content-disposition": "^0.5.0",
+    "contentful": "^10.8.5",
+    "cookie": "^0.2.3",
+    "cookie-parser": "1.4.6",
+    "crc-32": "^1.2.2",
+    "csurf": "^1.11.0",
+    "csv": "^6.2.5",
+    "dateformat": "1.0.4-1.2.3",
+    "east": "^2.0.2",
+    "ejs": "^3.1.10",
+    "email-addresses": "^5.0.0",
+    "eventsource-parser": "^1.1.2",
+    "express": "^4.21.2",
+    "express-bearer-token": "^2.4.0",
+    "express-http-proxy": "^1.6.0",
+    "express-session": "^1.17.1",
+    "globby": "^5.0.0",
+    "helmet": "^6.0.1",
+    "https-proxy-agent": "^7.0.6",
+    "i18next": "^23.10.0",
+    "i18next-fs-backend": "^2.3.1",
+    "i18next-http-middleware": "^3.5.0",
+    "joi": "^17.12.0",
+    "jose": "^4.3.8",
+    "json2csv": "^4.3.3",
+    "jsonwebtoken": "^9.0.0",
+    "lodash": "^4.17.19",
+    "lru-cache": "^7.10.1",
+    "marked": "^4.1.0",
+    "method-override": "^2.3.3",
+    "minimatch": "^7.4.2",
+    "minimist": "^1.2.7",
+    "mmmagic": "^0.5.3",
+    "moment": "^2.29.4",
+    "mongodb-legacy": "6.1.3",
+    "mongoose": "8.9.5",
+    "multer": "overleaf/multer#e1df247fbf8e7590520d20ae3601eaef9f3d2e9e",
+    "nocache": "^2.1.0",
+    "node-fetch": "^2.7.0",
+    "nodemailer": "^6.7.0",
+    "nodemailer-ses-transport": "^1.5.1",
+    "on-headers": "^1.0.2",
+    "otplib": "^12.0.1",
+    "p-limit": "^2.3.0",
+    "p-props": "4.0.0",
+    "p-queue": "^8.1.0",
+    "parse-data-url": "^2.0.0",
+    "passport": "^0.6.0",
+    "passport-google-oauth20": "^2.0.0",
+    "passport-ldapauth": "^2.1.4",
+    "passport-local": "^1.0.0",
+    "passport-oauth2": "^1.5.0",
+    "passport-orcid": "0.0.4",
+    "pug": "^3.0.3",
+    "pug-runtime": "^3.0.1",
+    "rate-limiter-flexible": "^2.4.1",
+    "recurly": "^4.0.0",
+    "referer-parser": "github:overleaf/nodejs-referer-parser#8b8b103762d05b7be4cfa2f810e1d408be67d7bb",
+    "request": "^2.88.2",
+    "requestretry": "^7.1.0",
+    "sanitize-html": "^2.8.1",
+    "stripe": "^17.7.0",
+    "tough-cookie": "^4.0.0",
+    "tsscmp": "^1.0.6",
+    "uid-safe": "^2.1.5",
+    "utf-8-validate": "^5.0.2",
+    "valid-data-url": "^2.0.0",
+    "valid-url": "^1.0.9",
+    "xml-crypto": "^2.1.6",
+    "xml2js": "^0.6.2",
+    "xregexp": "^4.3.0",
+    "yauzl": "^2.10.0"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.24.8",
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.3",
+    "@babel/preset-react": "^7.24.7",
+    "@babel/preset-typescript": "^7.24.7",
+    "@babel/register": "^7.24.6",
+    "@codemirror/autocomplete": "github:overleaf/codemirror-autocomplete#6445cd056671c98d12d1c597ba705e11327ec4c5",
+    "@codemirror/commands": "^6.8.0",
+    "@codemirror/lang-markdown": "^6.3.2",
+    "@codemirror/language": "^6.10.8",
+    "@codemirror/lint": "^6.8.4",
+    "@codemirror/search": "github:overleaf/codemirror-search#04380a528c339cd4b78fb10b3ef017f657ec17bd",
+    "@codemirror/state": "^6.5.2",
+    "@codemirror/view": "^6.36.3",
+    "@juggle/resize-observer": "^3.3.1",
+    "@lezer/common": "^1.2.3",
+    "@lezer/generator": "^1.7.1",
+    "@lezer/highlight": "^1.2.1",
+    "@lezer/lr": "^1.4.2",
+    "@lezer/markdown": "^1.3.2",
+    "@overleaf/codemirror-tree-view": "^0.1.3",
+    "@overleaf/dictionaries": "https://github.com/overleaf/dictionaries/archive/refs/tags/v0.0.3.tar.gz",
+    "@overleaf/ranges-tracker": "*",
+    "@overleaf/stream-utils": "*",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
+    "@pollyjs/adapter-node-http": "^6.0.6",
+    "@pollyjs/core": "^6.0.6",
+    "@pollyjs/persister-fs": "^6.0.6",
+    "@replit/codemirror-emacs": "overleaf/codemirror-emacs#4394c03858f27053f8768258e9493866e06e938e",
+    "@replit/codemirror-indentation-markers": "overleaf/codemirror-indentation-markers#78264032eb286bc47871569ae87bff5ca1c6c161",
+    "@replit/codemirror-vim": "overleaf/codemirror-vim#1bef138382d948018f3f9b8a4d7a70ab61774e4b",
+    "@sentry/browser": "7.46.0",
+    "@storybook/addon-a11y": "^8.6.4",
+    "@storybook/addon-essentials": "^8.6.4",
+    "@storybook/addon-interactions": "^8.6.4",
+    "@storybook/addon-links": "^8.6.4",
+    "@storybook/addon-styling-webpack": "^1.0.1",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.5",
+    "@storybook/cli": "^8.6.4",
+    "@storybook/react": "^8.6.4",
+    "@storybook/react-webpack5": "^8.6.4",
+    "@storybook/theming": "^8.6.4",
+    "@testing-library/cypress": "^10.0.1",
+    "@testing-library/dom": "^9.3.0",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/user-event": "^14.4.3",
+    "@types/bootstrap": "^5.2.10",
+    "@types/bootstrap-5": "npm:@types/bootstrap@^5.2.10",
+    "@types/chai": "^4.3.0",
+    "@types/dateformat": "^5.0.2",
+    "@types/diff": "^5.0.9",
+    "@types/events": "^3.0.0",
+    "@types/express": "^4.17.13",
+    "@types/mocha": "^9.1.0",
+    "@types/mocha-each": "^2.0.0",
+    "@types/react": "^17.0.40",
+    "@types/react-bootstrap": "^0.32.36",
+    "@types/react-color": "^3.0.6",
+    "@types/react-dom": "^17.0.13",
+    "@types/react-google-recaptcha": "^2.1.5",
+    "@types/react-linkify": "^1.0.0",
+    "@types/recurly__recurly-js": "^4.22.0",
+    "@types/sinon-chai": "^3.2.8",
+    "@types/uuid": "^9.0.8",
+    "@uppy/core": "^3.8.0",
+    "@uppy/dashboard": "^3.7.1",
+    "@uppy/drag-drop": "^3.0.3",
+    "@uppy/file-input": "^3.0.4",
+    "@uppy/progress-bar": "^3.0.4",
+    "@uppy/react": "^3.2.1",
+    "@uppy/utils": "^5.7.0",
+    "@uppy/xhr-upload": "^3.6.0",
+    "5to6-codemod": "^1.8.0",
+    "abort-controller": "^3.0.0",
+    "acorn": "^7.1.1",
+    "acorn-walk": "^7.1.1",
+    "algoliasearch": "^3.35.1",
+    "autoprefixer": "^10.4.16",
+    "babel-loader": "^9.1.3",
+    "babel-plugin-macros": "^3.1.0",
+    "babel-plugin-module-resolver": "^5.0.2",
+    "backbone": "^1.6.0",
+    "bootstrap": "^3.4.1",
+    "bootstrap-5": "npm:bootstrap@^5.3.3",
+    "c8": "^7.2.0",
+    "chai": "^4.3.6",
+    "chai-as-promised": "^7.1.1",
+    "chai-exclude": "^2.0.3",
+    "chart.js": "^4.0.1",
+    "chartjs-adapter-moment": "^1.0.1",
+    "chartjs-plugin-datalabels": "^2.2.0",
+    "cheerio": "^1.0.0-rc.3",
+    "classnames": "^2.2.6",
+    "cookie-signature": "^1.2.1",
+    "copy-webpack-plugin": "^11.0.0",
+    "core-js": "^3.38.1",
+    "css-loader": "^6.8.1",
+    "css-minimizer-webpack-plugin": "^5.0.1",
+    "cypress": "13.13.2",
+    "cypress-plugin-tab": "^1.0.5",
+    "d3": "^3.5.16",
+    "daterangepicker": "2.1.27",
+    "diff": "^5.1.0",
+    "dompurify": "^3.2.4",
+    "downshift": "^6.1.0",
+    "es6-promise": "^4.2.8",
+    "escodegen": "^2.0.0",
+    "eslint-config-standard-jsx": "^11.0.0",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-testing-library": "^7.1.1",
+    "eslint-plugin-unicorn": "^56.0.0",
+    "esmock": "^2.6.7",
+    "events": "^3.3.0",
+    "fake-indexeddb": "^6.0.0",
+    "fetch-mock": "^12.5.2",
+    "formik": "^2.2.9",
+    "fuse.js": "^3.0.0",
+    "glob": "^7.1.6",
+    "handlebars": "^4.7.8",
+    "handlebars-loader": "^1.7.3",
+    "html-webpack-plugin": "^5.5.3",
+    "i18next-scanner": "^4.4.0",
+    "jquery": "^3.7.1",
+    "jscodeshift": "^17.0.0",
+    "jsdom": "^19.0.0",
+    "jsdom-global": "^3.0.2",
+    "less": "^3.13.1",
+    "less-loader": "^11.1.3",
+    "match-sorter": "^6.2.0",
+    "mathjax": "^3.2.2",
+    "mensch": "^0.3.4",
+    "micromark": "^4.0.0",
+    "mini-css-extract-plugin": "^2.7.6",
+    "mocha": "^11.1.0",
+    "mocha-each": "^2.0.1",
+    "mock-fs": "^5.1.2",
+    "nock": "^13.5.6",
+    "nvd3": "^1.8.6",
+    "overleaf-editor-core": "*",
+    "pdfjs-dist": "4.10.38",
+    "pirates": "^4.0.1",
+    "postcss": "^8.4.31",
+    "postcss-loader": "^7.3.3",
+    "prop-types": "^15.7.2",
+    "qrcode": "^1.4.4",
+    "react": "^17.0.2",
+    "react-bootstrap-5": "npm:react-bootstrap@^2.10.5",
+    "react-chartjs-2": "^5.0.1",
+    "react-color": "^2.19.3",
+    "react-dnd": "^16.0.1",
+    "react-dnd-html5-backend": "^16.0.1",
+    "react-dom": "^17.0.2",
+    "react-error-boundary": "^2.3.1",
+    "react-google-recaptcha": "^3.1.0",
+    "react-i18next": "^13.3.1",
+    "react-linkify": "^1.0.0-alpha",
+    "react-refresh": "^0.14.0",
+    "react-resizable-panels": "^2.1.1",
+    "resolve-url-loader": "^5.0.0",
+    "samlp": "^7.0.2",
+    "sandboxed-module": "overleaf/node-sandboxed-module#cafa2d60f17ce75cc023e6f296eb8de79d92d35d",
+    "sass": "^1.77.1",
+    "sass-loader": "^14.2.1",
+    "scroll-into-view-if-needed": "^2.2.25",
+    "sinon": "^7.5.0",
+    "sinon-chai": "^3.7.0",
+    "sinon-mongoose": "^2.3.0",
+    "storybook": "^8.6.4",
+    "stylelint-config-standard-scss": "^13.1.0",
+    "terser-webpack-plugin": "^5.3.9",
+    "thread-loader": "^4.0.2",
+    "timekeeper": "^2.2.0",
+    "to-string-loader": "^1.2.0",
+    "tty-browserify": "^0.0.1",
+    "typescript": "^5.0.4",
+    "uuid": "^9.0.1",
+    "w3c-keyname": "^2.2.8",
+    "webpack": "^5.98.0",
+    "webpack-assets-manifest": "^5.2.1",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^5.2.0",
+    "webpack-merge": "^5.10.0",
+    "yup": "^0.32.11"
+  },
+  "overrides": {
+    "ejs": "$ejs"
+  }
+}
diff --git a/services/web/public/android-chrome-192x192.png b/services/web/public/android-chrome-192x192.png
new file mode 100644
index 0000000..76f3e1d
Binary files /dev/null and b/services/web/public/android-chrome-192x192.png differ
diff --git a/services/web/public/android-chrome-512x512.png b/services/web/public/android-chrome-512x512.png
new file mode 100644
index 0000000..d638603
Binary files /dev/null and b/services/web/public/android-chrome-512x512.png differ
diff --git a/services/web/public/apple-touch-icon.png b/services/web/public/apple-touch-icon.png
new file mode 100644
index 0000000..f3687da
Binary files /dev/null and b/services/web/public/apple-touch-icon.png differ
diff --git a/services/web/public/atlassian-domain-verification.html b/services/web/public/atlassian-domain-verification.html
new file mode 100644
index 0000000..dd3728e
--- /dev/null
+++ b/services/web/public/atlassian-domain-verification.html
@@ -0,0 +1,15 @@
+<html>
+<body>
+<h1>Instructions</h1>
+<h2>What is this file?</h2>
+This file is used by Atlassian Cloud to verify ownership of your domain name.
+<br>
+Generated at 2017-02-02 11:42:45 UTC.
+
+<h1>Domain Verification Token</h1>
+This token must be found in the page at: <code>https://example.com/atlassian-domain-verification.html</code>
+<hr>
+<code id="domain-verification-token">6YyZjsahYa6Y5nyQDaNakzRPBJ6wVMQwN+2CDx-2wQtG/97OvOjc3gh4NCQ6Sgkv</code>
+
+</body>
+</html>
diff --git a/services/web/public/favicon-16x16.png b/services/web/public/favicon-16x16.png
new file mode 100644
index 0000000..57ebc55
Binary files /dev/null and b/services/web/public/favicon-16x16.png differ
diff --git a/services/web/public/favicon-32x32.png b/services/web/public/favicon-32x32.png
new file mode 100644
index 0000000..f1dcee3
Binary files /dev/null and b/services/web/public/favicon-32x32.png differ
diff --git a/services/web/public/favicon.ico b/services/web/public/favicon.ico
new file mode 100644
index 0000000..6551e09
Binary files /dev/null and b/services/web/public/favicon.ico differ
diff --git a/services/web/public/favicon.svg b/services/web/public/favicon.svg
new file mode 100644
index 0000000..8b02589
--- /dev/null
+++ b/services/web/public/favicon.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="16" height="16" rx="8" fill="white"/>
+<path d="M13.0748 3.19694C11.6883 2.6541 6.67193 2.45789 6.66539 5.45331C5.20038 6.38857 4.23242 7.91244 4.23242 9.5475C4.23242 11.5226 5.83478 13.125 7.80992 13.125C9.78507 13.125 11.3874 11.5226 11.3874 9.5475C11.3874 8.02362 10.4326 6.71558 9.08527 6.20544C8.82366 6.10734 8.2612 5.93075 7.81646 5.96999C7.17552 6.37549 6.3907 7.21263 6.02444 8.04978C6.57382 7.38922 7.43059 7.10145 8.1958 7.22571C9.31418 7.40884 10.1709 8.37679 10.1709 9.55404C10.1709 10.8555 9.11797 11.9085 7.81646 11.9085C7.09704 11.9085 6.4561 11.588 6.02444 11.0844C5.37696 10.3323 5.21346 9.52133 5.34426 8.72997C5.79554 5.95691 9.08527 4.38072 11.5313 3.77248C10.7334 4.19759 9.29456 4.89085 8.28736 5.64298C11.2239 6.78098 11.7014 4.30223 13.0748 3.19694Z" fill="#046530"/>
+</svg>
diff --git a/services/web/public/google4f15e48c48709a75.html b/services/web/public/google4f15e48c48709a75.html
new file mode 100644
index 0000000..8f23e59
--- /dev/null
+++ b/services/web/public/google4f15e48c48709a75.html
@@ -0,0 +1 @@
+google-site-verification: google4f15e48c48709a75.html
\ No newline at end of file
diff --git a/services/web/public/googleef256f97939bd9b7.html b/services/web/public/googleef256f97939bd9b7.html
new file mode 100644
index 0000000..4ccb115
--- /dev/null
+++ b/services/web/public/googleef256f97939bd9b7.html
@@ -0,0 +1 @@
+google-site-verification: googleef256f97939bd9b7.html
\ No newline at end of file
diff --git a/services/web/public/humans.txt b/services/web/public/humans.txt
new file mode 100644
index 0000000..12a718c
--- /dev/null
+++ b/services/web/public/humans.txt
@@ -0,0 +1,12 @@
+/* HUMANS */
+Name: Henry Oswald
+Twitter: @henryoswald
+Location: London UK
+www.henryoswald.me
+
+Name: James Allen
+Location: UK
+
+/* SITE */
+technologies
+node.js coffeescirpt, express, mongodb, websockets, jquery, requirejs, ace editor, mongoosejs
\ No newline at end of file
diff --git a/services/web/public/img/1p.gif b/services/web/public/img/1p.gif
new file mode 100644
index 0000000..07e48b8
Binary files /dev/null and b/services/web/public/img/1p.gif differ
diff --git a/services/web/public/img/about/brian_gough.jpg b/services/web/public/img/about/brian_gough.jpg
new file mode 100644
index 0000000..5b972ae
Binary files /dev/null and b/services/web/public/img/about/brian_gough.jpg differ
diff --git a/services/web/public/img/about/chris.jpg b/services/web/public/img/about/chris.jpg
new file mode 100644
index 0000000..d317be7
Binary files /dev/null and b/services/web/public/img/about/chris.jpg differ
diff --git a/services/web/public/img/about/henry_oswald.jpg b/services/web/public/img/about/henry_oswald.jpg
new file mode 100644
index 0000000..234fe21
Binary files /dev/null and b/services/web/public/img/about/henry_oswald.jpg differ
diff --git a/services/web/public/img/about/james_allen.jpg b/services/web/public/img/about/james_allen.jpg
new file mode 100644
index 0000000..5a2595c
Binary files /dev/null and b/services/web/public/img/about/james_allen.jpg differ
diff --git a/services/web/public/img/about/joe_green.jpg b/services/web/public/img/about/joe_green.jpg
new file mode 100644
index 0000000..0b73067
Binary files /dev/null and b/services/web/public/img/about/joe_green.jpg differ
diff --git a/services/web/public/img/about/kiri_channon.jpg b/services/web/public/img/about/kiri_channon.jpg
new file mode 100644
index 0000000..2846989
Binary files /dev/null and b/services/web/public/img/about/kiri_channon.jpg differ
diff --git a/services/web/public/img/about/michael.jpg b/services/web/public/img/about/michael.jpg
new file mode 100644
index 0000000..a663c70
Binary files /dev/null and b/services/web/public/img/about/michael.jpg differ
diff --git a/services/web/public/img/about/paulo_reis.jpg b/services/web/public/img/about/paulo_reis.jpg
new file mode 100644
index 0000000..3ab83a3
Binary files /dev/null and b/services/web/public/img/about/paulo_reis.jpg differ
diff --git a/services/web/public/img/about/shane_kilkelly.jpg b/services/web/public/img/about/shane_kilkelly.jpg
new file mode 100644
index 0000000..081d94a
Binary files /dev/null and b/services/web/public/img/about/shane_kilkelly.jpg differ
diff --git a/services/web/public/img/advocates/bennett.jpg b/services/web/public/img/advocates/bennett.jpg
new file mode 100644
index 0000000..f096e4e
Binary files /dev/null and b/services/web/public/img/advocates/bennett.jpg differ
diff --git a/services/web/public/img/advocates/collins.jpg b/services/web/public/img/advocates/collins.jpg
new file mode 100644
index 0000000..6e818dd
Binary files /dev/null and b/services/web/public/img/advocates/collins.jpg differ
diff --git a/services/web/public/img/advocates/dagoret-campagne.jpg b/services/web/public/img/advocates/dagoret-campagne.jpg
new file mode 100644
index 0000000..55d0544
Binary files /dev/null and b/services/web/public/img/advocates/dagoret-campagne.jpg differ
diff --git a/services/web/public/img/advocates/erdogmus.jpg b/services/web/public/img/advocates/erdogmus.jpg
new file mode 100644
index 0000000..e70a641
Binary files /dev/null and b/services/web/public/img/advocates/erdogmus.jpg differ
diff --git a/services/web/public/img/advocates/friend.jpeg b/services/web/public/img/advocates/friend.jpeg
new file mode 100644
index 0000000..30f3a1b
Binary files /dev/null and b/services/web/public/img/advocates/friend.jpeg differ
diff --git a/services/web/public/img/advocates/henderson.jpg b/services/web/public/img/advocates/henderson.jpg
new file mode 100644
index 0000000..5495709
Binary files /dev/null and b/services/web/public/img/advocates/henderson.jpg differ
diff --git a/services/web/public/img/advocates/schultz.jpg b/services/web/public/img/advocates/schultz.jpg
new file mode 100644
index 0000000..187d469
Binary files /dev/null and b/services/web/public/img/advocates/schultz.jpg differ
diff --git a/services/web/public/img/brand/404-visual.svg b/services/web/public/img/brand/404-visual.svg
new file mode 100644
index 0000000..fdd8e2c
--- /dev/null
+++ b/services/web/public/img/brand/404-visual.svg
@@ -0,0 +1,29 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="777.5" height="820.52" viewBox="0 0 777.5 820.52">
+  <g>
+    <g>
+      <circle cx="388.75" cy="388.75" r="388.75" fill="#798ed2" opacity="0.05"/>
+      <rect x="182.22" y="230.37" width="413.04" height="295.03" fill="#a93529"/>
+      <path d="M389.5,229.95s9.34-15.08,42.47-13.25,133.77,14.17,133.77,14.17V492.25s-91.3-16.45-141.84-11.88c-22.82,2.06-35.25,11.88-35.25,11.88S390.13,230.63,389.5,229.95Z" fill="#fff"/>
+      <path d="M389.18,230.52s-10.59-15.5-43.72-13.67S211.7,231,211.7,231V492.41S303,476,353.53,480.52c22.82,2.06,35.25,11.88,35.25,11.88S388.54,231.2,389.18,230.52Z" fill="#fff"/>
+      <path d="M388.78,487.15v5.26s0-1.88,0-5.26Z" fill="#e9e6d9"/>
+      <g>
+        <circle cx="195.09" cy="656.25" r="12.92" fill="#a93529"/>
+        <path d="M194.85,696.16c2.64,5.28,23.77,6.3,46.21,6.16,22.66-.14,43.81-.66,46.53-5.94,6.85-13.27-34.66-41.88-46.42-41.88C227.16,654.5,187.73,681.91,194.85,696.16Z" fill="#a93529"/>
+        <circle cx="220.92" cy="630.4" r="12.92" fill="#a93529"/>
+        <circle cx="261.54" cy="630.4" r="12.92" fill="#a93529"/>
+        <circle cx="287.38" cy="656.25" r="12.92" fill="#a93529"/>
+      </g>
+      <g>
+        <circle cx="490.12" cy="774.44" r="12.92" fill="#a93529"/>
+        <path d="M489.89,814.35c2.64,5.28,23.77,6.3,46.21,6.16,22.66-.14,43.81-.66,46.53-5.94,6.85-13.27-34.66-41.88-46.42-41.88C522.19,772.69,482.76,800.11,489.89,814.35Z" fill="#a93529"/>
+        <circle cx="515.96" cy="748.6" r="12.92" fill="#a93529"/>
+        <circle cx="556.58" cy="748.6" r="12.92" fill="#a93529"/>
+        <circle cx="582.41" cy="774.44" r="12.92" fill="#a93529"/>
+      </g>
+      <rect x="211.7" y="406.39" width="354.03" height="88.87" fill="#fff"/>
+      <path d="M502.94,451.45c-58.5-14.55-114.29-5-114.29,40.8L386.37,228s.41-11.71,16.15-24.17l-3.15,27.79L442.13,218l-25.65,30.49L427.12,257l-14.5,20.45,31.82,54.39L422.55,370.5l21.88,42.19-20.3,17.14Z" fill="#cfcfcf"/>
+      <path d="M353.53,480.52c22.82,2.06,35.25,11.88,35.25,11.88v2.86H211.7v-2.86S303,476,353.53,480.52Z" fill="#e7e6e6"/>
+      <path d="M423.89,480.38c-22.82,2.08-35.25,12-35.25,12v2.88H565.73v-2.88S474.43,475.76,423.89,480.38Z" fill="#e7e6e6"/>
+    </g>
+  </g>
+</svg>
diff --git a/services/web/public/img/brand/500-visual-plug.svg b/services/web/public/img/brand/500-visual-plug.svg
new file mode 100644
index 0000000..8578c3d
--- /dev/null
+++ b/services/web/public/img/brand/500-visual-plug.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="650.95" height="260.49" viewBox="0 0 650.95 260.49">
+  <g>
+    <g>
+      <path d="M464.53,260.49c-27.17,0-75.15-13.71-105.35-46.51-25.23-27.4-26.69-55.26-28.09-82.2-1-18.92-1.92-36.79-11-53.72C290.25,22.75,182.7-.54.34,8.84L0,2.09C187.78-7.58,294.42,16.23,326,74.86c9.84,18.27,10.86,37.74,11.84,56.57,1.35,25.75,2.74,52.37,26.32,78,30.92,33.59,81.25,46.18,105.54,44.12,8.27-.7,9.89-2.86,10-3.1,2.59-4-15.91-19.6-29.41-31-30.14-25.42-67.66-57.07-58.22-86.53,5.29-16.54,24-28.7,57.23-37.18l1.67,6.55C420.66,110,403,121,398.54,135c-8.05,25.15,29.05,56.45,56.14,79.3,22,18.57,36.56,30.84,30.74,39.83-2.22,3.42-7.32,5.5-15.15,6.17C468.48,260.42,466.56,260.49,464.53,260.49Z" fill="#505050"/>
+      <path d="M526.92,129.37h0a9.79,9.79,0,0,1,10-9.55H641a9.79,9.79,0,0,1,10,9.55h0a9.79,9.79,0,0,1-10,9.55H536.87a9.79,9.79,0,0,1-10-9.55Zm10-46.66a9.79,9.79,0,0,1-10-9.55h0a9.79,9.79,0,0,1,10-9.55H641a9.79,9.79,0,0,1,10,9.55h0a9.79,9.79,0,0,1-10,9.55H536.87" fill="#919296" fill-rule="evenodd"/>
+      <rect x="444.49" y="57.18" width="68.71" height="88.17" fill="#919296"/>
+      <rect x="473.95" y="41.51" width="118.01" height="117.98" fill="#c1c2c5"/>
+    </g>
+  </g>
+</svg>
diff --git a/services/web/public/img/brand/500-visual-socket.svg b/services/web/public/img/brand/500-visual-socket.svg
new file mode 100644
index 0000000..28c8c68
--- /dev/null
+++ b/services/web/public/img/brand/500-visual-socket.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="777.28" height="777.28" viewBox="0 0 777.28 777.28">
+  <g>
+    <g>
+      <circle cx="388.64" cy="388.64" r="388.64" fill="#798ed2" opacity="0.05"/>
+      <g>
+        <rect x="241.27" y="232.25" width="294.75" height="294.75" fill="#c1c2c5"/>
+        <path d="M388.64,468.11a88.49,88.49,0,1,0-88.49-88.49A88.66,88.66,0,0,0,388.64,468.11Z" fill="#919296" fill-rule="evenodd"/>
+        <path d="M352.86,366.1a13.27,13.27,0,1,1-13.27,13.27,13.27,13.27,0,0,1,13.27-13.27Zm71.9,0a13.27,13.27,0,1,1-13.27,13.27A13.27,13.27,0,0,1,424.75,366.1Z" fill="#505050" fill-rule="evenodd"/>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/services/web/public/img/brand/500-visual-tail.svg b/services/web/public/img/brand/500-visual-tail.svg
new file mode 100644
index 0000000..57bf43d
--- /dev/null
+++ b/services/web/public/img/brand/500-visual-tail.svg
@@ -0,0 +1,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="229.57" height="704.86" viewBox="0 0 229.57 704.86">
+  <g>
+    <g>
+      <g>
+        <path d="M229.57,135.43c-5.17-2.88-8.32-4.27-12.67-6.7L228.38,126c-9.06-13.8-12.33-25.5-26.85-33.1C198.67,81,175.75,74,170.33,62.23c-1.24,3.38-.91,2.15-1.7,4.65-5.23-3-9.29-8.54-12.69-15.31C144.71,26.7,140.93,1.6,139.6,0c-5.55,8.51-7.84,9.87-12.83,16.28-5.46,6.46-10.92,13.35-14.21,21.85-3.76,9-7.42,21.72-4,26.76-5.78.45-4.86-.61-5.88,1.81-4.28,10.11-11.87,44.3-10.38,55.4h0v0c-3-.71-5.23-1.07-5.23-1.07s2.85,24.23,8.25,38.47c5.8,1.19,9.22,1.57,14.1,2.58l-10.12,6.07c12.78,10.44,21.33,21.79,36.91,27.8,4.46,12.07,17.17,18.79,25.87,28.38a30.45,30.45,0,0,1,5.55-4.88,11.8,11.8,0,0,0,2.91.24,9.68,9.68,0,0,0,6.93,1.51l-2-8.51c.37.63.75,1.3,1.12,1.9,5.86,9.32,17.48,5.37,20,5.4-2-6.09-1.68-5.13-2.37-10.59,6.79,3.22,5.35,1.14,10.58,4.88,3.77-6.16,7.05-11.66,10.58-17.63,4.37-7.4,6.61-18.62,4.79-25.29C224.1,169.37,222.25,148.16,229.57,135.43Z" fill="#a73529"/>
+        <g>
+          <path d="M57.51,507.3c41.3-64.88,93.86-117.43,122-189.41,16.58-42.45,7.19-94.59-16.38-142.51-2.87-.33-6,2.06-4.69,5.77,21.29,58.92,22.26,100.16-6.54,155.55-26.3,50.65-64.92,92.78-96.22,139.58C27.22,518.81,2,566,.68,620.27c-.74,29.92,8.2,58.38,22.32,84.08H40C3.59,642.76,19,567.77,57.51,507.3Z" fill="#a93529"/>
+          <path d="M57.24,507.13l6.36-9.79c2.09-3.28,4.35-6.45,6.52-9.68l3.29-4.82,3.37-4.77c2.25-3.18,4.47-6.37,6.77-9.51q6.82-9.47,13.77-18.85l13.86-18.77q3.47-4.69,6.88-9.42c2.27-3.15,4.59-6.28,6.81-9.47s4.5-6.34,6.71-9.54l6.56-9.64c4.26-6.5,8.53-13,12.5-19.66l3-5,2.87-5.07c1.89-3.39,3.9-6.72,5.62-10.19s3.61-6.87,5.32-10.35l4.93-10.54.62-1.32.56-1.34,1.11-2.69,2.22-5.37,1.11-2.69c.17-.43.4-.93.53-1.31L179,316l1.9-5.52a27.94,27.94,0,0,0,.81-2.77l.73-2.78c.48-1.86,1-3.69,1.33-5.6l1.08-5.68c.33-1.9.49-3.82.75-5.73.58-3.82.63-7.69.9-11.53.08-1.93,0-3.86,0-5.79s0-3.86-.11-5.79l-.32-5.78c-.09-1.93-.38-3.84-.56-5.77l-.31-2.88-.16-1.44-.22-1.43-.91-5.72c-.26-1.92-.7-3.8-1.08-5.69l-1.19-5.68-1.43-5.62c-.47-1.88-.94-3.75-1.53-5.6l-1.66-5.56c-.52-1.86-1.23-3.67-1.83-5.51s-1.24-3.67-1.91-5.48l-2.1-5.41c-1.33-3.63-3-7.15-4.47-10.72s-3.28-7-4.9-10.53l1,.74a3.4,3.4,0,0,0-2.91,1.1,2.9,2.9,0,0,0-.32,3l3,8.63.74,2.16.68,2.19,1.36,4.39c.45,1.46.92,2.92,1.34,4.39L168,207a202.89,202.89,0,0,1,6.65,36.09,147.37,147.37,0,0,1-1.41,36.71c-.6,3-1.12,6-1.78,9l-2.3,8.91-2.81,8.75c-1,2.89-2.17,5.73-3.24,8.59A286.82,286.82,0,0,1,147,348c-6,10.68-12.59,20.94-19.42,31C113.91,399.26,99,418.53,84.38,438c-7.3,9.73-14.56,19.5-21.52,29.46s-13.65,20.13-20,30.5c-12.64,20.73-23.77,42.49-31.35,65.57-.89,2.9-1.82,5.79-2.67,8.7L6.57,581l-1.89,8.9c-.55,3-1,6-1.48,9-.8,6-1.44,12-1.67,18.11-.22,3-.2,6-.21,9.1l.15,4.53c.05,1.51.2,3,.3,4.53a155.1,155.1,0,0,0,2.53,18A169.89,169.89,0,0,0,9,670.75a194.73,194.73,0,0,0,14.49,33.36l-.44-.26,17,0-.41.72-3.19-5.7-2.94-5.83-2.68-6L28.43,681l-2.14-6.17-1.86-6.26-1.58-6.33-1.3-6.4c-.34-2.15-.71-4.29-1-6.45s-.55-4.32-.76-6.48-.38-4.33-.49-6.51-.22-4.35-.23-6.52-.06-4.35,0-6.52.1-4.35.27-6.52q.4-6.51,1.22-13a203.51,203.51,0,0,1,5-25.58,230.07,230.07,0,0,1,8.06-24.79q2.36-6.08,5-12c.92-2,1.79-4,2.75-5.91s1.9-3.91,2.89-5.84,2-3.86,3-5.77l3.17-5.69,3.3-5.62Zm.53.34L54.34,513,51,518.6l-3.16,5.68c-1,1.91-2,3.84-3,5.76s-1.92,3.89-2.88,5.83-1.82,3.93-2.74,5.9q-2.65,5.94-5,12a229.49,229.49,0,0,0-8,24.72,202.83,202.83,0,0,0-5,25.5q-.83,6.45-1.2,12.94c-.16,2.16-.16,4.33-.24,6.49s0,4.33,0,6.5.17,4.33.25,6.49.34,4.32.51,6.48.52,4.3.77,6.45.7,4.27,1,6.41l1.31,6.36,1.59,6.29,1.87,6.22,2.14,6.13,2.41,6,2.68,5.91,2.94,5.79,3.19,5.65.41.72H40l-17,0h-.3l-.14-.26A195.77,195.77,0,0,1,7.87,671.11a170.91,170.91,0,0,1-4.75-17.69A156.45,156.45,0,0,1,.49,635.28c-.1-1.53-.26-3-.32-4.58L0,626.11c0-3,0-6.1.17-9.15.2-6.11.83-12.19,1.61-18.25.49-3,.92-6,1.46-9l1.87-9,2.29-8.87c.84-2.94,1.77-5.84,2.65-8.77,7.54-23.26,18.66-45.19,31.27-66,6.32-10.44,13-20.63,19.93-30.67s14.17-19.83,21.45-29.6c14.58-19.51,29.45-38.79,43-58.94,6.78-10.07,13.35-20.33,19.25-30.9,1.52-2.62,2.91-5.34,4.36-8s2.76-5.37,4.12-8.1l2-4.08c.68-1.36,1.23-2.76,1.86-4.14l1.82-4.16.91-2.08c.29-.7.54-1.41.82-2.12,1.06-2.83,2.19-5.64,3.19-8.5l2.75-8.64,2.25-8.78c.64-2.95,1.15-5.93,1.73-8.89a144.88,144.88,0,0,0,1.31-36.09,200.3,200.3,0,0,0-6.64-35.62l-1.19-4.38c-.42-1.46-.89-2.89-1.34-4.34l-1.35-4.33-.68-2.17-.75-2.16-3-8.63a6.55,6.55,0,0,1-.39-2.81A5.15,5.15,0,0,1,158,176.1a6,6,0,0,1,5.27-2.05l.74.08.31.66,2.5,5.3c.82,1.78,1.7,3.52,2.43,5.33,1.51,3.61,3.14,7.16,4.48,10.83l2.1,5.47c.67,1.84,1.27,3.7,1.91,5.54s1.31,3.68,1.84,5.57l1.67,5.62c.59,1.87,1.06,3.76,1.53,5.66l1.43,5.69,1.19,5.75c.39,1.92.82,3.83,1.08,5.77l.9,5.8.22,1.45.15,1.46L188,253c.18,1.95.47,3.89.55,5.85l.31,5.87c.15,2,.09,3.92.09,5.88s0,3.92-.07,5.88c-.3,3.91-.38,7.84-1,11.72a125.53,125.53,0,0,1-5,23l-1.94,5.5-.48,1.38c-.19.53-.38.92-.57,1.39l-1.14,2.7-2.28,5.39-1.14,2.7-.57,1.35-.63,1.32-5,10.57c-1.74,3.49-3.62,6.91-5.42,10.37S160,360.64,158,364l-2.91,5.07-3.07,5c-4,6.67-8.35,13.15-12.66,19.64l-6.63,9.62c-2.23,3.19-4.52,6.34-6.78,9.51s-4.58,6.29-6.88,9.44-4.61,6.27-6.94,9.38l-14,18.69q-7,9.34-13.89,18.75c-2.32,3.12-4.56,6.3-6.83,9.46l-3.39,4.74-3.32,4.79c-2.19,3.21-4.46,6.36-6.58,9.63Z" fill="#a93529"/>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/services/web/public/img/brand/lion-grey.svg b/services/web/public/img/brand/lion-grey.svg
new file mode 100644
index 0000000..6766198
--- /dev/null
+++ b/services/web/public/img/brand/lion-grey.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 431" width="500" height="431">
+	<g>
+		<circle cx="291.77" cy="172.48" r="11.72" fill="#acadb2"/>
+		<path d="M307.12,310.59a4.71,4.71,0,0,0-5.89-3.08c-12.93,4.05-29.57,6.22-46.52,6.56v-57c0-.14-0.07-0.25-0.08-0.39,14.13-4.8,43.14-26.44,37.62-37.14-2.48-4.81-21.73-5.28-42.35-5.41-20.43-.13-39.65.8-42.06,5.61-5.81,11.62,22.39,32.84,37.49,37.13,0,0.07,0,.13,0,0.2v57c-17-.35-33.6-2.52-46.52-6.58a4.7,4.7,0,0,0-2.82,9c15.16,4.76,34.61,7.13,54.07,7.13s38.86-2.37,54-7.11A4.71,4.71,0,0,0,307.12,310.59Z" fill="#acadb2"/>
+		<circle cx="208.27" cy="172.48" r="11.72" fill="#acadb2"/>
+		<path d="M249.3,405c2.88,9.34,5.7,19.73,7.43,25.28,37.9-.39,72.72-0.26,109.1,0-0.09-14.67-.93-23.15-1-35.49l19.91,21.41c18.71-36.35,41.83-62.9,48.36-103.75,26.95-17,36.71-51.27,55.46-77.28-9.25-4.64-18.86-5.69-27.55-10,11.42-3.81,27-7,39-11-16.71-26.89-30-52.75-45.65-78.11-7.54-14.6-22.8-18.82-37.65-7.17,0.35-10.22,15.18-29.16,10.76-37.39-12.87-24-26.86-50.76-41-74.1L357,41.24,368.26,0.75C340.85,1.44,312,3.18,287,2.26c-19.65-.73-37.79,6.58-41.27,29.92C243.87,21.81,240.54,12.77,226.88,8,196.14-2.66,138.19.13,123.25,1.39c5.28,13,6.07,27.18,11.07,39.46L107.79,28.42C96.56,49,84,68.43,71.62,87c-8.47,16.32-12,31.15,13.72,45-14.26-.49-25-4.33-34.37-4.65C34.13,157.58,15.5,184.53,0,214.81c16.88-.43,33.29,7.54,43.2,7.29h0c-8,5.5-10.43,16.17-22.73,24.61,22.64,19.05,17.76,60.78,48.78,67.77-0.73,5.22-4.71,14.07-2.2,19.05,14.17,28.1,32.86,51.37,48.65,79.92,9.39-13.15,19.17-17.67,26.48-27.21l-4.61,42.83c17.87,0.61,35,1.42,52.21,1.74C211.09,431.22,242.32,431.25,249.3,405ZM348.58,86.26c4.24-6.39,25.13,3.51,28.49,9.37,2.82,4.91.82,29.09-6.37,29.42-2.86.13-8.14-8.58-13.63-18S347,88.63,348.58,86.26ZM122.66,95.63c3.36-5.85,24.25-15.75,28.49-9.37,1.57,2.37-3.06,11.43-8.5,20.77S131.88,125.17,129,125C121.84,124.72,119.84,100.54,122.66,95.63Zm20,290h0Zm20.9-86.71,6.21-10.75-43.25-74.92,61.74-106.94H311.74l61.75,106.94-43.26,74.92,6.21,10.76-43.22,74.86H206.78Z" fill="#acadb2"/>
+	</g>
+</svg>
diff --git a/services/web/public/img/brand/lion.svg b/services/web/public/img/brand/lion.svg
new file mode 100644
index 0000000..0138ecf
--- /dev/null
+++ b/services/web/public/img/brand/lion.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 431" width="500" height="431">
+	<g>
+		<circle cx="291.77" cy="172.48" r="11.72" fill="#a93529"/>
+		<path d="M307.12,310.59a4.71,4.71,0,0,0-5.89-3.08c-12.93,4.05-29.57,6.22-46.52,6.56v-57c0-.14-0.07-0.25-0.08-0.39,14.13-4.8,43.14-26.44,37.62-37.14-2.48-4.81-21.73-5.28-42.35-5.41-20.43-.13-39.65.8-42.06,5.61-5.81,11.62,22.39,32.84,37.49,37.13,0,0.07,0,.13,0,0.2v57c-17-.35-33.6-2.52-46.52-6.58a4.7,4.7,0,0,0-2.82,9c15.16,4.76,34.61,7.13,54.07,7.13s38.86-2.37,54-7.11A4.71,4.71,0,0,0,307.12,310.59Z" fill="#a93529"/>
+		<circle cx="208.27" cy="172.48" r="11.72" fill="#a93529"/>
+		<path d="M249.3,405c2.88,9.34,5.7,19.73,7.43,25.28,37.9-.39,72.72-0.26,109.1,0-0.09-14.67-.93-23.15-1-35.49l19.91,21.41c18.71-36.35,41.83-62.9,48.36-103.75,26.95-17,36.71-51.27,55.46-77.28-9.25-4.64-18.86-5.69-27.55-10,11.42-3.81,27-7,39-11-16.71-26.89-30-52.75-45.65-78.11-7.54-14.6-22.8-18.82-37.65-7.17,0.35-10.22,15.18-29.16,10.76-37.39-12.87-24-26.86-50.76-41-74.1L357,41.24,368.26,0.75C340.85,1.44,312,3.18,287,2.26c-19.65-.73-37.79,6.58-41.27,29.92C243.87,21.81,240.54,12.77,226.88,8,196.14-2.66,138.19.13,123.25,1.39c5.28,13,6.07,27.18,11.07,39.46L107.79,28.42C96.56,49,84,68.43,71.62,87c-8.47,16.32-12,31.15,13.72,45-14.26-.49-25-4.33-34.37-4.65C34.13,157.58,15.5,184.53,0,214.81c16.88-.43,33.29,7.54,43.2,7.29h0c-8,5.5-10.43,16.17-22.73,24.61,22.64,19.05,17.76,60.78,48.78,67.77-0.73,5.22-4.71,14.07-2.2,19.05,14.17,28.1,32.86,51.37,48.65,79.92,9.39-13.15,19.17-17.67,26.48-27.21l-4.61,42.83c17.87,0.61,35,1.42,52.21,1.74C211.09,431.22,242.32,431.25,249.3,405ZM348.58,86.26c4.24-6.39,25.13,3.51,28.49,9.37,2.82,4.91.82,29.09-6.37,29.42-2.86.13-8.14-8.58-13.63-18S347,88.63,348.58,86.26ZM122.66,95.63c3.36-5.85,24.25-15.75,28.49-9.37,1.57,2.37-3.06,11.43-8.5,20.77S131.88,125.17,129,125C121.84,124.72,119.84,100.54,122.66,95.63Zm20,290h0Zm20.9-86.71,6.21-10.75-43.25-74.92,61.74-106.94H311.74l61.75,106.94-43.26,74.92,6.21,10.76-43.22,74.86H206.78Z" fill="#a93529"/>
+	</g>
+</svg>
diff --git a/services/web/public/img/brand/logo-horizontal-white.svg b/services/web/public/img/brand/logo-horizontal-white.svg
new file mode 100644
index 0000000..df82e4f
--- /dev/null
+++ b/services/web/public/img/brand/logo-horizontal-white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="1180" height="275" viewBox="0 0 1180 275"><title>SL New Logo</title><path d="M390.95,161h12l3.27,15.78a12.61,12.61,0,0,0,5.64,3.2,29.59,29.59,0,0,0,9.3,1.34q8.08,0,12-3.36t3.88-9.54a11.66,11.66,0,0,0-2.47-7.35,23.64,23.64,0,0,0-6.93-5.76q-4.46-2.59-12.28-6.14a61.28,61.28,0,0,1-17.73-11.84q-7.28-7.1-7.28-18.69a23.25,23.25,0,0,1,3.82-13,26.13,26.13,0,0,1,11.51-9.35q7.69-3.49,18.85-3.49a66.54,66.54,0,0,1,12,1q5.29,1,10.87,2.48a46.71,46.71,0,0,0,4.87,1.13L451.35,120H439.68l-3.14-15.16q-1-1.18-4.2-2.17a24.53,24.53,0,0,0-7.21-1q-7.31,0-10.77,3.18a11.1,11.1,0,0,0-3.46,8.6,11.64,11.64,0,0,0,2.82,7.76,27.29,27.29,0,0,0,7.21,5.89q4.39,2.55,12.79,6.61a109,109,0,0,1,12.41,6.95,33,33,0,0,1,8.95,8.82A21.43,21.43,0,0,1,458.79,162a27.54,27.54,0,0,1-3.59,13.52q-3.59,6.48-11.86,10.75t-21.48,4.27a68.93,68.93,0,0,1-13.43-1.22q-6.12-1.22-12.73-3.14a38.18,38.18,0,0,0-5.84-1.47Z" fill="#FFF"/><path d="M477,180.59v-83l-10-1.65V88.11L494.6,85h-1.35L497,87.79l.13,28-1,11.74a41.48,41.48,0,0,1,10.77-6.73,34.34,34.34,0,0,1,14.21-2.92q8.14,0,12.68,3a15.91,15.91,0,0,1,6.39,9q1.84,6,1.84,16.14v34.48l8,1.23V190H514v-8.18l7-1.23V146.51a44.38,44.38,0,0,0-.8-9.55,8.71,8.71,0,0,0-3-5.12q-2.17-1.68-6.38-1.69a19.24,19.24,0,0,0-7.44,1.52,23.49,23.49,0,0,0-6.41,3.89v45l8,1.23V190H470v-8.24Z" fill="#FFF"/><path d="M600,142.32a10,10,0,0,0-.56-6.13,6.79,6.79,0,0,0-3.84-3.4,22.13,22.13,0,0,0-8-1.13,53.4,53.4,0,0,0-11.71,1.18c-3.49.79-10.51,3.16-10.51,3.16h.87l-4.09-7.61a35.31,35.31,0,0,1,6.89-4.12,65.6,65.6,0,0,1,11.27-4.15,49,49,0,0,1,13.19-1.79q10.07,0,15.83,2.49a15.32,15.32,0,0,1,8.21,7.88q2.45,5.4,2.45,14.57V180h6v8.06q-3.21.7-8.06,1.4a60.62,60.62,0,0,1-8.5.7,16.86,16.86,0,0,1-5.13-.6,4.16,4.16,0,0,1-2.55-2.16,10.71,10.71,0,0,1-.76-4.54v-1.68s-4.64,4.6-8.2,6.47a26,26,0,0,1-12.25,2.8,24.6,24.6,0,0,1-11.14-2.52,19.35,19.35,0,0,1-8-7.43,22.4,22.4,0,0,1-3-11.86q0-12,11.17-18.07c7.45-4.06,17.75-6.09,30.43-6.09ZM600,153q-10.6,0-15.33,3.75a11.64,11.64,0,0,0-4.73,9.52q0,5.84,2.7,9a9.09,9.09,0,0,0,7.27,3.14,14.51,14.51,0,0,0,5.17-1.16,16.24,16.24,0,0,0,4.92-2.91Z" fill="#FFF"/><path d="M644,180.74V133.58l-7-2.31V121l21-3h.31l3.7,2.88v3.79L661.69,135h.36a22.2,22.2,0,0,1,4.07-6.79,30.1,30.1,0,0,1,8.11-6.89,20.6,20.6,0,0,1,10.77-3,13.44,13.44,0,0,1,2.92.29,7.24,7.24,0,0,1,2.08.75V141.6a15.7,15.7,0,0,0-4.58-2.66,17,17,0,0,0-5.67-.83,30.74,30.74,0,0,0-8.72,1.17,16.39,16.39,0,0,0-6,2.93v38.48L680,182v8H636v-8.11Z" fill="#FFF"/><path d="M703.77,135.47a30.45,30.45,0,0,1,12.41-12.59,38,38,0,0,1,18.54-4.38q13.39,0,20.54,6.25t7.46,17.93a59.75,59.75,0,0,1-1,12.32h-41q.76,11.68,5.74,17.33T739.73,178a32.64,32.64,0,0,0,9.93-1.65,35.4,35.4,0,0,0,8.41-3.75l3.68,7.87a27.37,27.37,0,0,1-6.57,4.76,47.78,47.78,0,0,1-10,4A40.53,40.53,0,0,1,734,190.86q-11.81,0-19.55-4.5A27.18,27.18,0,0,1,703,173.81a45.4,45.4,0,0,1-3.65-18.88Q699.36,143.68,703.77,135.47ZM742,146l.06-4.56q0-6.79-2.29-10.54T732,127.15a11.45,11.45,0,0,0-6.16,1.58q-2.54,1.58-4.06,5.73A37.59,37.59,0,0,0,720.1,146Z" fill="#FFF"/><path d="M787,183.49V102.3l-11-1.44V94h35v6.84l-13,1.37V183h36.26l7.23-19.68,6.16,1L842.94,190H776v-5.36Z" fill="#FFF"/><path d="M904,142.47a31.52,31.52,0,0,0-1.62-9.29,9.06,9.06,0,0,0-4.73-5q-3.37-1.58-9.52-1.58c-7.28,0-22.85,6.35-22.85,6.35h-.49l-2.88-5a28.86,28.86,0,0,1,6.14-3.78A66.17,66.17,0,0,1,878.69,120a39.26,39.26,0,0,1,11.47-1.83q8.95,0,14.12,2.4a14.48,14.48,0,0,1,7.45,7.68q2.27,5.29,2.27,14.26V184h8v4.83a52,52,0,0,1-12.43,2,11.7,11.7,0,0,1-3.3-.35,2.79,2.79,0,0,1-1.68-1.52,8.53,8.53,0,0,1-.58-3.63v-5.15a61.07,61.07,0,0,1-5.24,4.53,37.62,37.62,0,0,1-7.46,3.88,25.06,25.06,0,0,1-9.46,1.82,26.39,26.39,0,0,1-10.95-2.21,17.74,17.74,0,0,1-7.84-6.79,20.71,20.71,0,0,1-2.92-11.35,17.54,17.54,0,0,1,6.13-13.87q6.12-5.34,15.93-7.74a91.25,91.25,0,0,1,21.81-2.4Zm0,9.63a62.34,62.34,0,0,0-17.74,2.17q-7.2,2.17-10.76,6.06a12.94,12.94,0,0,0-3.55,9q0,7.45,3.81,10.85t10.22,3.4a20.64,20.64,0,0,0,8.79-2.46,46.81,46.81,0,0,0,9.24-5.91Z" fill="#FFF"/><path d="M967,184V100H942.12l-4.22,27h-7.22l2.15-33h79l1.46,33h-6.47l-3.64-27H978v84h19v6H950v-6Z" fill="#FFF"/><path d="M1029.11,135.51A31.93,31.93,0,0,1,1041,122.75a32.49,32.49,0,0,1,17.08-4.58q11.55,0,18,6t6.89,17.44v1.91a36.76,36.76,0,0,1-.7,8.49H1036a14.23,14.23,0,0,0,.06,1.59q.25,9.71,3.43,16.31a22.82,22.82,0,0,0,8.38,9.84,21.55,21.55,0,0,0,11.62,3.24,34,34,0,0,0,11.11-2,28,28,0,0,0,8.89-4.63l2.09,4.76q-3.81,3.94-11,6.6a41.27,41.27,0,0,1-14.47,2.67q-10,0-17.11-4.58a28.33,28.33,0,0,1-10.66-12.74,46.56,46.56,0,0,1-3.59-18.89A39.45,39.45,0,0,1,1029.11,135.51ZM1071.49,146a41.5,41.5,0,0,0,.32-5q-.06-7.33-4-11.68T1055.56,125q-17.77,0-19.3,21Z" fill="#FFF"/><path d="M1100.88,183.65l28.56-42.21L1102,100.88l-10-1.52V94h37v5.59l-13,1.52,21.34,35,21-35.1L1147,99.59V94h31v5.35l-10.35,1.52-27.23,39.36L1170,183.65l10,1.14V191h-36v-5.59l12.5-1.21-23.25-37.71-22.37,37.77,13.13,1.14V191h-34v-6.21Z" fill="#FFF"/><circle cx="187.32" cy="110.11" r="7.46" fill="#FFF"/><circle cx="134.16" cy="110.11" r="7.46" fill="#FFF"/><path d="M290.84,86.89c-4.8-9.3-14.52-12-24-4.57.22-6.51,9.66-18.56,6.85-23.81-8.19-15.26-17.1-32.32-26.08-47.18L228.86,26.55,236,.77c-17.46.44-35.83,1.55-51.75,1C171.76,1.27,160.21,5.92,158,20.78c-1.17-6.6-3.29-12.36-12-15.38C126.44-1.4,89.54.38,80,1.18c3.36,8.27,3.86,17.3,7,25.13L70.18,18.39C63,31.52,55.06,43.86,47.16,55.67c-5.39,10.39-7.64,19.84,8.74,28.65C46.81,84,40,81.56,34,81.36c-10.73,19.27-22.59,36.43-32.46,55.7,10.75-.27,21.2,4.8,27.5,4.64h0c-5.1,3.5-6.64,10.3-14.47,15.67,14.42,12.13,11.3,38.7,31.06,43.15-.46,3.32-3,9-1.4,12.13,9,17.89,20.92,32.71,31,50.89,6-8.39,12.21-11.29,16.87-17.39l-2.94,27.33c11.38.39,22.31.9,33.24,1.11,13.56.26,33.45.28,37.89-16.42,1.83,5.95,3.63,12.56,4.73,16.09,24.13-.25,46.3-.17,69.46,0-.06-9.34-.59-14.74-.64-22.6l12.68,13.63c11.91-23.14,26.63-40,30.79-66.06,17.16-10.84,23.37-32.64,35.31-49.21-5.89-3-12-3.62-17.54-6.39,7.27-2.43,17.22-4.47,24.82-7C309.26,119.5,300.78,103,290.84,86.89ZM79.65,61.18c2.14-3.73,15.44-10,18.14-6,1,1.51-2,7.28-5.41,13.23S85.52,80,83.7,79.91C79.13,79.7,77.86,64.3,79.65,61.18ZM211.72,183.58l3.95,6.84L188.2,238H133.26l-27.47-47.58,3.95-6.84L82.25,136l39.24-68H200l39.24,68ZM237.58,79.91c-1.82.08-5.18-5.46-8.68-11.46s-6.41-11.72-5.41-13.23c2.7-4.07,16,2.24,18.14,6C243.43,64.3,242.15,79.7,237.58,79.91Z" fill="#FFF"/><path d="M193.68,196.13c-8.25,2.58-18.87,4-29.68,4.19V164c0-.09,0-.16-.05-.25,9-3.06,27.52-16.87,24-23.69-1.58-3.07-13.86-3.37-27-3.45s-25.3.51-26.83,3.58c-3.71,7.41,14.28,21,23.92,23.69,0,0,0,.08,0,.13v36.34c-10.77-.22-21.34-1.6-29.57-4.16a3.06,3.06,0,0,0-3.43,1,3,3,0,0,0,1.52,4.65c9.67,3,22.08,4.55,34.49,4.55s24.71-1.5,34.36-4.51a3.07,3.07,0,0,0,2.19-3.25A3,3,0,0,0,193.68,196.13Z" fill="#FFF"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/brand/logo-horizontal.svg b/services/web/public/img/brand/logo-horizontal.svg
new file mode 100644
index 0000000..7af949c
--- /dev/null
+++ b/services/web/public/img/brand/logo-horizontal.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="1180" height="275" viewBox="0 0 1180 275"><title>SL New Logo</title><path d="M390.95,161h12l3.27,15.78a12.61,12.61,0,0,0,5.64,3.2,29.59,29.59,0,0,0,9.3,1.34q8.08,0,12-3.36t3.88-9.54a11.66,11.66,0,0,0-2.47-7.35,23.64,23.64,0,0,0-6.93-5.76q-4.46-2.59-12.28-6.14a61.28,61.28,0,0,1-17.73-11.84q-7.28-7.1-7.28-18.69a23.25,23.25,0,0,1,3.82-13,26.13,26.13,0,0,1,11.51-9.35q7.69-3.49,18.85-3.49a66.54,66.54,0,0,1,12,1q5.29,1,10.87,2.48a46.71,46.71,0,0,0,4.87,1.13L451.35,120H439.68l-3.14-15.16q-1-1.18-4.2-2.17a24.53,24.53,0,0,0-7.21-1q-7.31,0-10.77,3.18a11.1,11.1,0,0,0-3.46,8.6,11.64,11.64,0,0,0,2.82,7.76,27.29,27.29,0,0,0,7.21,5.89q4.39,2.55,12.79,6.61a109,109,0,0,1,12.41,6.95,33,33,0,0,1,8.95,8.82A21.43,21.43,0,0,1,458.79,162a27.54,27.54,0,0,1-3.59,13.52q-3.59,6.48-11.86,10.75t-21.48,4.27a68.93,68.93,0,0,1-13.43-1.22q-6.12-1.22-12.73-3.14a38.18,38.18,0,0,0-5.84-1.47Z" fill="#505050"/><path d="M477,180.59v-83l-10-1.65V88.11L494.6,85h-1.35L497,87.79l.13,28-1,11.74a41.48,41.48,0,0,1,10.77-6.73,34.34,34.34,0,0,1,14.21-2.92q8.14,0,12.68,3a15.91,15.91,0,0,1,6.39,9q1.84,6,1.84,16.14v34.48l8,1.23V190H514v-8.18l7-1.23V146.51a44.38,44.38,0,0,0-.8-9.55,8.71,8.71,0,0,0-3-5.12q-2.17-1.68-6.38-1.69a19.24,19.24,0,0,0-7.44,1.52,23.49,23.49,0,0,0-6.41,3.89v45l8,1.23V190H470v-8.24Z" fill="#505050"/><path d="M600,142.32a10,10,0,0,0-.56-6.13,6.79,6.79,0,0,0-3.84-3.4,22.13,22.13,0,0,0-8-1.13,53.4,53.4,0,0,0-11.71,1.18c-3.49.79-10.51,3.16-10.51,3.16h.87l-4.09-7.61a35.31,35.31,0,0,1,6.89-4.12,65.6,65.6,0,0,1,11.27-4.15,49,49,0,0,1,13.19-1.79q10.07,0,15.83,2.49a15.32,15.32,0,0,1,8.21,7.88q2.45,5.4,2.45,14.57V180h6v8.06q-3.21.7-8.06,1.4a60.62,60.62,0,0,1-8.5.7,16.86,16.86,0,0,1-5.13-.6,4.16,4.16,0,0,1-2.55-2.16,10.71,10.71,0,0,1-.76-4.54v-1.68s-4.64,4.6-8.2,6.47a26,26,0,0,1-12.25,2.8,24.6,24.6,0,0,1-11.14-2.52,19.35,19.35,0,0,1-8-7.43,22.4,22.4,0,0,1-3-11.86q0-12,11.17-18.07c7.45-4.06,17.75-6.09,30.43-6.09ZM600,153q-10.6,0-15.33,3.75a11.64,11.64,0,0,0-4.73,9.52q0,5.84,2.7,9a9.09,9.09,0,0,0,7.27,3.14,14.51,14.51,0,0,0,5.17-1.16,16.24,16.24,0,0,0,4.92-2.91Z" fill="#505050"/><path d="M644,180.74V133.58l-7-2.31V121l21-3h.31l3.7,2.88v3.79L661.69,135h.36a22.2,22.2,0,0,1,4.07-6.79,30.1,30.1,0,0,1,8.11-6.89,20.6,20.6,0,0,1,10.77-3,13.44,13.44,0,0,1,2.92.29,7.24,7.24,0,0,1,2.08.75V141.6a15.7,15.7,0,0,0-4.58-2.66,17,17,0,0,0-5.67-.83,30.74,30.74,0,0,0-8.72,1.17,16.39,16.39,0,0,0-6,2.93v38.48L680,182v8H636v-8.11Z" fill="#505050"/><path d="M703.77,135.47a30.45,30.45,0,0,1,12.41-12.59,38,38,0,0,1,18.54-4.38q13.39,0,20.54,6.25t7.46,17.93a59.75,59.75,0,0,1-1,12.32h-41q.76,11.68,5.74,17.33T739.73,178a32.64,32.64,0,0,0,9.93-1.65,35.4,35.4,0,0,0,8.41-3.75l3.68,7.87a27.37,27.37,0,0,1-6.57,4.76,47.78,47.78,0,0,1-10,4A40.53,40.53,0,0,1,734,190.86q-11.81,0-19.55-4.5A27.18,27.18,0,0,1,703,173.81a45.4,45.4,0,0,1-3.65-18.88Q699.36,143.68,703.77,135.47ZM742,146l.06-4.56q0-6.79-2.29-10.54T732,127.15a11.45,11.45,0,0,0-6.16,1.58q-2.54,1.58-4.06,5.73A37.59,37.59,0,0,0,720.1,146Z" fill="#505050"/><path d="M787,183.49V102.3l-11-1.44V94h35v6.84l-13,1.37V183h36.26l7.23-19.68,6.16,1L842.94,190H776v-5.36Z" fill="#505050"/><path d="M904,142.47a31.52,31.52,0,0,0-1.62-9.29,9.06,9.06,0,0,0-4.73-5q-3.37-1.58-9.52-1.58c-7.28,0-22.85,6.35-22.85,6.35h-.49l-2.88-5a28.86,28.86,0,0,1,6.14-3.78A66.17,66.17,0,0,1,878.69,120a39.26,39.26,0,0,1,11.47-1.83q8.95,0,14.12,2.4a14.48,14.48,0,0,1,7.45,7.68q2.27,5.29,2.27,14.26V184h8v4.83a52,52,0,0,1-12.43,2,11.7,11.7,0,0,1-3.3-.35,2.79,2.79,0,0,1-1.68-1.52,8.53,8.53,0,0,1-.58-3.63v-5.15a61.07,61.07,0,0,1-5.24,4.53,37.62,37.62,0,0,1-7.46,3.88,25.06,25.06,0,0,1-9.46,1.82,26.39,26.39,0,0,1-10.95-2.21,17.74,17.74,0,0,1-7.84-6.79,20.71,20.71,0,0,1-2.92-11.35,17.54,17.54,0,0,1,6.13-13.87q6.12-5.34,15.93-7.74a91.25,91.25,0,0,1,21.81-2.4Zm0,9.63a62.34,62.34,0,0,0-17.74,2.17q-7.2,2.17-10.76,6.06a12.94,12.94,0,0,0-3.55,9q0,7.45,3.81,10.85t10.22,3.4a20.64,20.64,0,0,0,8.79-2.46,46.81,46.81,0,0,0,9.24-5.91Z" fill="#505050"/><path d="M967,184V100H942.12l-4.22,27h-7.22l2.15-33h79l1.46,33h-6.47l-3.64-27H978v84h19v6H950v-6Z" fill="#505050"/><path d="M1029.11,135.51A31.93,31.93,0,0,1,1041,122.75a32.49,32.49,0,0,1,17.08-4.58q11.55,0,18,6t6.89,17.44v1.91a36.76,36.76,0,0,1-.7,8.49H1036a14.23,14.23,0,0,0,.06,1.59q.25,9.71,3.43,16.31a22.82,22.82,0,0,0,8.38,9.84,21.55,21.55,0,0,0,11.62,3.24,34,34,0,0,0,11.11-2,28,28,0,0,0,8.89-4.63l2.09,4.76q-3.81,3.94-11,6.6a41.27,41.27,0,0,1-14.47,2.67q-10,0-17.11-4.58a28.33,28.33,0,0,1-10.66-12.74,46.56,46.56,0,0,1-3.59-18.89A39.45,39.45,0,0,1,1029.11,135.51ZM1071.49,146a41.5,41.5,0,0,0,.32-5q-.06-7.33-4-11.68T1055.56,125q-17.77,0-19.3,21Z" fill="#505050"/><path d="M1100.88,183.65l28.56-42.21L1102,100.88l-10-1.52V94h37v5.59l-13,1.52,21.34,35,21-35.1L1147,99.59V94h31v5.35l-10.35,1.52-27.23,39.36L1170,183.65l10,1.14V191h-36v-5.59l12.5-1.21-23.25-37.71-22.37,37.77,13.13,1.14V191h-34v-6.21Z" fill="#505050"/><circle cx="187.32" cy="110.11" r="7.46" fill="#a93529"/><circle cx="134.16" cy="110.11" r="7.46" fill="#a93529"/><path d="M290.84,86.89c-4.8-9.3-14.52-12-24-4.57.22-6.51,9.66-18.56,6.85-23.81-8.19-15.26-17.1-32.32-26.08-47.18L228.86,26.55,236,.77c-17.46.44-35.83,1.55-51.75,1C171.76,1.27,160.21,5.92,158,20.78c-1.17-6.6-3.29-12.36-12-15.38C126.44-1.4,89.54.38,80,1.18c3.36,8.27,3.86,17.3,7,25.13L70.18,18.39C63,31.52,55.06,43.86,47.16,55.67c-5.39,10.39-7.64,19.84,8.74,28.65C46.81,84,40,81.56,34,81.36c-10.73,19.27-22.59,36.43-32.46,55.7,10.75-.27,21.2,4.8,27.5,4.64h0c-5.1,3.5-6.64,10.3-14.47,15.67,14.42,12.13,11.3,38.7,31.06,43.15-.46,3.32-3,9-1.4,12.13,9,17.89,20.92,32.71,31,50.89,6-8.39,12.21-11.29,16.87-17.39l-2.94,27.33c11.38.39,22.31.9,33.24,1.11,13.56.26,33.45.28,37.89-16.42,1.83,5.95,3.63,12.56,4.73,16.09,24.13-.25,46.3-.17,69.46,0-.06-9.34-.59-14.74-.64-22.6l12.68,13.63c11.91-23.14,26.63-40,30.79-66.06,17.16-10.84,23.37-32.64,35.31-49.21-5.89-3-12-3.62-17.54-6.39,7.27-2.43,17.22-4.47,24.82-7C309.26,119.5,300.78,103,290.84,86.89ZM79.65,61.18c2.14-3.73,15.44-10,18.14-6,1,1.51-2,7.28-5.41,13.23S85.52,80,83.7,79.91C79.13,79.7,77.86,64.3,79.65,61.18ZM211.72,183.58l3.95,6.84L188.2,238H133.26l-27.47-47.58,3.95-6.84L82.25,136l39.24-68H200l39.24,68ZM237.58,79.91c-1.82.08-5.18-5.46-8.68-11.46s-6.41-11.72-5.41-13.23c2.7-4.07,16,2.24,18.14,6C243.43,64.3,242.15,79.7,237.58,79.91Z" fill="#a93529"/><path d="M193.68,196.13c-8.25,2.58-18.87,4-29.68,4.19V164c0-.09,0-.16-.05-.25,9-3.06,27.52-16.87,24-23.69-1.58-3.07-13.86-3.37-27-3.45s-25.3.51-26.83,3.58c-3.71,7.41,14.28,21,23.92,23.69,0,0,0,.08,0,.13v36.34c-10.77-.22-21.34-1.6-29.57-4.16a3.06,3.06,0,0,0-3.43,1,3,3,0,0,0,1.52,4.65c9.67,3,22.08,4.55,34.49,4.55s24.71-1.5,34.36-4.51a3.07,3.07,0,0,0,2.19-3.25A3,3,0,0,0,193.68,196.13Z" fill="#a93529"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/crests/adobe-black.svg b/services/web/public/img/crests/adobe-black.svg
new file mode 100644
index 0000000..5ced35c
--- /dev/null
+++ b/services/web/public/img/crests/adobe-black.svg
@@ -0,0 +1,18 @@
+<svg width="122" height="32" viewBox="0 0 122 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_1568_11355)">
+    <path d="M13.3806 0H0V32L13.3806 0Z" fill="black"/>
+    <path d="M22.793 0H36.1561V32L22.793 0Z" fill="black"/>
+    <path d="M18.0874 11.7941L26.6039 32H21.0163L18.4709 25.5669H12.2383L18.0874 11.7941Z" fill="black"/>
+    <path d="M57.9857 20.3499L59.5635 24.874C59.6158 24.9874 59.6942 25.0397 59.8337 25.0397H62.8672C63.0328 25.0397 63.059 24.9612 63.0328 24.7956L56.7653 7.38779C56.7392 7.24832 56.713 7.22217 56.5736 7.22217H52.8078C52.7032 7.22217 52.6422 7.30062 52.6422 7.41394C52.5899 8.32922 52.5115 8.60817 52.3981 8.87839L46.8105 24.7694C46.7844 24.9612 46.8454 25.0397 47.0023 25.0397H49.7133C49.8789 25.0397 49.9574 24.9874 50.0184 24.8217L51.509 20.3499H57.9857ZM52.372 17.3949C53.1914 14.9193 54.2723 11.7463 54.7081 9.93315H54.7343C55.2747 11.8334 56.5474 15.5992 57.1227 17.3949H52.372Z" fill="black"/>
+    <path d="M71.0911 25.3099C72.7211 25.3099 74.4558 25.0135 76.2166 24.2551C76.3561 24.2028 76.3823 24.1418 76.3823 24.0111C76.3299 23.5229 76.2689 22.8168 76.2689 22.2764V5.88847C76.2689 5.78387 76.2689 5.73157 76.1382 5.73157H73.1831C73.0698 5.73157 73.0175 5.78387 73.0175 5.92334V11.4761C72.5555 11.4237 72.233 11.3976 71.8494 11.3976C67.0812 11.3976 64.1523 14.5444 64.1523 18.4758C64.1523 23.0348 67.1597 25.3099 71.0911 25.3099ZM73.0175 22.2764C72.5294 22.4333 71.9889 22.4943 71.4397 22.4943C69.2779 22.4943 67.5084 21.2739 67.5084 18.3102C67.5084 15.6864 69.3302 14.1347 71.7448 14.1347C72.233 14.1347 72.6601 14.187 73.0175 14.3265V22.2764Z" fill="black"/>
+    <path d="M85.8088 11.3976C81.738 11.3976 79.2188 14.5183 79.2188 18.3712C79.2188 21.8144 81.2237 25.3099 85.7478 25.3099C89.5745 25.3099 92.2593 22.4943 92.2593 18.284C92.2593 14.5706 89.9842 11.3976 85.8088 11.3976ZM85.6432 14.1347C87.9444 14.1347 88.9207 16.1135 88.9207 18.3712C88.9207 21.1606 87.4824 22.5466 85.8088 22.5466C83.7429 22.5466 82.5225 20.8119 82.5225 18.3101C82.5225 15.7386 83.8213 14.1347 85.6432 14.1347Z" fill="black"/>
+    <path d="M95.3129 5.73157C95.1995 5.73157 95.1211 5.78387 95.1211 5.92334V24.4731C95.1211 24.5515 95.1995 24.691 95.3129 24.7171C96.6117 25.1181 97.9715 25.3099 99.375 25.3099C103.393 25.3099 107.299 22.8168 107.299 17.7959C107.299 14.1609 104.806 11.3976 100.9 11.3976C100.003 11.3976 99.1658 11.5371 98.4335 11.7811L98.3987 5.94949C98.3987 5.75772 98.3464 5.73157 98.1546 5.73157H95.3129ZM103.96 18.1271C103.96 21.1345 101.903 22.5466 99.6801 22.5466C99.2181 22.5466 98.8084 22.5205 98.4335 22.4071V14.4921C98.8607 14.3265 99.375 14.187 100.325 14.187C102.47 14.187 103.96 15.5469 103.96 18.1271Z" fill="black"/>
+    <path d="M118.328 19.1034C119.653 19.1034 120.743 19.0772 121.118 18.9901C121.257 18.9639 121.31 18.9116 121.336 18.7983C121.414 18.5019 121.449 17.883 121.449 17.1246C121.449 14.5444 119.898 11.3976 115.888 11.3976C111.791 11.3976 109.516 14.7362 109.516 18.5019C109.516 21.8405 111.276 25.3099 116.21 25.3099C118.058 25.3099 119.252 25.0135 120.281 24.5253C120.386 24.473 120.438 24.3859 120.438 24.229V21.9713C120.438 21.8405 120.36 21.8144 120.281 21.8667C119.252 22.3025 118.137 22.5204 116.916 22.5204C114.153 22.5204 112.898 20.995 112.819 19.1034H118.328ZM112.819 16.7672C113.037 15.4423 113.874 14.004 115.748 14.004C117.814 14.004 118.355 15.7386 118.355 16.5232C118.355 16.5493 118.355 16.6626 118.355 16.7411C118.241 16.7672 117.893 16.7672 116.864 16.7672H112.819Z" fill="black"/>
+    </g>
+    <defs>
+    <clipPath id="clip0_1568_11355">
+    <rect width="121.451" height="32" fill="white"/>
+    </clipPath>
+    </defs>
+    </svg>
+    
\ No newline at end of file
diff --git a/services/web/public/img/crests/adobe-logo.png b/services/web/public/img/crests/adobe-logo.png
new file mode 100644
index 0000000..6e467f6
Binary files /dev/null and b/services/web/public/img/crests/adobe-logo.png differ
diff --git a/services/web/public/img/crests/agder.png b/services/web/public/img/crests/agder.png
new file mode 100644
index 0000000..9dc979d
Binary files /dev/null and b/services/web/public/img/crests/agder.png differ
diff --git a/services/web/public/img/crests/caltech-black.svg b/services/web/public/img/crests/caltech-black.svg
new file mode 100644
index 0000000..07b2b59
--- /dev/null
+++ b/services/web/public/img/crests/caltech-black.svg
@@ -0,0 +1,11 @@
+<svg width="133" height="32" viewBox="0 0 133 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_1568_11544)">
+    <path d="M113.793 31.2391H118.955V20.2385C118.955 17.6149 120.14 14.3149 124.033 14.3149C126.657 14.3149 127.84 15.5844 127.84 18.5462V31.2391H133.002V17.066C133.002 10.8457 128.813 9.32255 125.175 9.32255C122.255 9.32255 120.181 10.4646 119.039 11.9462H118.955V0.267962H113.793V31.2391ZM112.186 15.4153C110.874 12.1998 108.335 9.32255 103.131 9.32255C96.1928 9.32255 92.1734 14.1458 92.1734 20.5338C92.1734 26.9231 96.1928 31.7464 102.75 31.7464C108.547 31.7464 111.001 28.3201 112.439 25.1879L108.039 22.8622C107.235 24.8081 105.924 27.0077 102.836 27.0077C99.2391 27.0077 97.5885 23.8781 97.5885 20.5338C97.5885 17.1921 99.4499 14.0612 103.131 14.0612C105.161 14.0612 106.981 15.3724 107.659 17.4887L112.186 15.4153ZM74.6288 17.784C75.179 15.4999 77.1678 13.5539 80.1713 13.5539C83.6404 13.5539 85.0361 16.6419 85.0361 17.784H74.6288ZM90.4525 21.7617C90.4525 14.1028 87.3216 9.32255 80.1713 9.32255C73.2317 9.32255 69.2124 14.1458 69.2124 20.5338C69.2124 26.9231 73.2317 31.7464 80.1713 31.7464C86.0091 31.7464 89.0984 28.9549 90.7061 26.5004L86.3486 23.9626C85.84 24.6806 84.2323 27.0077 80.1713 27.0077C77.3786 27.0077 74.7133 24.9356 74.6288 21.7617H90.4525ZM59.1718 5.16792V26.3313C59.1718 29.5897 60.6105 31.4927 64.8405 31.4927C66.4496 31.4927 67.7178 31.2391 68.9457 30.9854V26.754C68.1835 26.8386 67.3796 27.0077 66.6603 27.0077C64.6714 27.0077 64.3332 26.0776 64.3332 24.3854V13.5539H68.9457V9.82985H64.3332V1.90735e-06L59.1718 5.16792ZM50.5231 31.2391H55.6845V0.267962H50.5231V31.2391ZM41.6662 23.5815C41.6662 26.3313 38.5782 27.5163 36.1653 27.5163C34.3039 27.5163 32.8236 26.4575 32.8236 24.8497C32.8236 22.8192 34.4314 22.269 36.3773 21.8892L39.2117 21.296C40.143 21.1269 40.9898 20.8733 41.6662 20.5338V23.5815ZM46.8276 16.3467C46.8276 10.2539 42.2164 9.32255 37.6039 9.32255C32.9082 9.32255 28.4648 11.2685 28.4648 16.3037L33.6275 16.5158C33.6275 14.1887 34.6005 13.3003 37.6039 13.3003C39.8464 13.3003 41.6662 13.8921 41.6662 16.0072V16.6419C40.355 17.1076 37.9421 17.5303 36.0807 17.9115L33.9228 18.3342C30.7502 18.969 27.4073 20.8317 27.4073 25.0201C27.4073 29.1656 30.6227 31.7464 34.685 31.7464C37.3503 31.7464 39.6773 30.9009 41.6662 29.2931C41.6662 29.8433 41.8353 30.7318 42.1735 31.2391H47.6315C47.3362 30.7734 46.8276 29.8433 46.8276 27.6425V16.3467ZM26.6294 9.82985C25.1908 3.52637 20.5783 0.352509 14.5284 0.352509C5.51677 0.352509 0.246094 7.67188 0.246094 16.1763C0.246094 24.6806 4.882 32 14.5284 32C20.5366 32 24.556 29.0811 26.9676 23.0313L21.8062 20.6613C20.7057 24.1733 18.4632 26.754 14.5284 26.754C8.52022 26.754 6.02407 21.4235 6.02407 16.1763C6.02407 10.9303 8.52022 5.59978 14.5284 5.59978C17.9559 5.59978 20.7057 7.88391 21.1714 11.2269L26.6294 9.82985Z" fill="black"/>
+    </g>
+    <defs>
+    <clipPath id="clip0_1568_11544">
+    <rect width="132.756" height="32" fill="white" transform="translate(0.246094)"/>
+    </clipPath>
+    </defs>
+    </svg>
+    
\ No newline at end of file
diff --git a/services/web/public/img/crests/caltech.png b/services/web/public/img/crests/caltech.png
new file mode 100644
index 0000000..2a7c4d9
Binary files /dev/null and b/services/web/public/img/crests/caltech.png differ
diff --git a/services/web/public/img/crests/cambridge.png b/services/web/public/img/crests/cambridge.png
new file mode 100644
index 0000000..a84fd3e
Binary files /dev/null and b/services/web/public/img/crests/cambridge.png differ
diff --git a/services/web/public/img/crests/cern-black.svg b/services/web/public/img/crests/cern-black.svg
new file mode 100644
index 0000000..5fa55f4
--- /dev/null
+++ b/services/web/public/img/crests/cern-black.svg
@@ -0,0 +1,11 @@
+<svg width="58" height="56" viewBox="0 0 58 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_1568_11537)">
+    <path d="M16.1354 23.2293C15.342 23.3047 13.9133 23.3047 13.12 23.3047V19.7616H15.8159C16.2143 19.7616 16.6092 19.8406 17.0077 19.8406C17.0077 19.7616 16.9287 19.6036 16.9287 19.5247C16.9287 19.4457 17.0077 19.2913 17.0077 19.2088C16.6092 19.2088 16.2143 19.2878 15.8159 19.2878H13.12V16.2185H14.7856L16.1354 16.2975C16.5302 16.2975 16.9287 16.3729 17.3236 16.3729C17.3236 16.2975 17.2446 16.1395 17.2446 16.0606C17.2446 15.9026 17.3236 15.8236 17.3236 15.6657H11.939V23.8575H17.4025C17.4025 23.7785 17.3236 23.6242 17.3236 23.5452C17.3236 23.3872 17.4025 23.3083 17.4025 23.1503C16.9835 23.216 16.5593 23.2424 16.1354 23.2293ZM27.2384 15.6657H26.761V23.9221C26.8805 23.8499 27.0215 23.822 27.1595 23.8431C27.2708 23.8313 27.3827 23.8593 27.4754 23.9221V17.3995H27.6333L33.42 23.1431C33.6836 23.3819 33.924 23.6451 34.1379 23.9293H34.5364V15.6729C34.3748 15.6729 34.2959 15.7519 34.1379 15.7519C33.98 15.7519 33.901 15.6729 33.7431 15.6729V21.8975H33.6641L27.2384 15.6657ZM10.6538 22.6154C9.83112 23.2463 8.81859 23.5792 7.78203 23.5595C5.72152 23.5595 4.21383 22.1452 4.21383 19.7795C4.21383 17.8124 5.40203 15.9995 7.86101 15.9995C8.83082 16 9.76499 16.3652 10.4779 17.0226H10.5569L10.7938 16.0785C9.88016 15.7359 8.91549 15.5491 7.93998 15.5257C5.06819 15.5257 2.86408 17.1016 2.86408 19.7795C2.86408 22.3785 4.68767 24.0334 7.62408 24.0334C8.65434 24.0334 9.77793 23.8754 10.5569 23.4016L10.6538 22.6154ZM19.7754 19.4636V16.1539C20.3282 16.1539 21.8359 16.0749 22.3133 16.1539C23.3436 16.3119 23.821 16.8719 23.821 17.6508C23.821 18.5949 23.1031 19.2231 22.0764 19.3811C21.3136 19.4807 20.5431 19.5071 19.7754 19.4601M25.0882 22.9277L22.3133 19.776C23.6595 19.6216 25.0882 18.9108 25.0882 17.4929C25.0882 16.3119 24.1369 15.698 22.0764 15.698H18.6661V23.9544C18.8713 23.8892 19.0867 23.8624 19.3015 23.8754C19.4893 23.8627 19.6776 23.8896 19.8543 23.9544V19.9195H20.9636L21.9938 21.0216L23.5805 22.8344C23.8964 23.2293 24.1369 23.5524 24.4528 23.9365C24.7111 23.8669 24.9791 23.8402 25.2461 23.8575C25.4882 23.8438 25.7308 23.8705 25.9641 23.9365L25.7272 23.6206L25.0954 22.9026L25.0882 22.9277ZM17.4743 41.0595C16.612 40.9349 15.7584 40.7563 14.9184 40.5247C17.045 42.6087 19.6021 44.2015 22.4102 45.1913L23.3759 44.1431C21.2436 43.4681 19.2462 42.4244 17.4743 41.0595ZM13.059 13.7272H14.7102C16.7815 11.0565 22.1015 7.10057 29.2343 7.10057C30.7519 7.10044 32.2641 7.27998 33.7395 7.63544C33.1705 7.04727 32.5637 6.49687 31.9231 5.98775C31.0317 5.86973 30.1335 5.80977 29.2343 5.80826C26.1128 5.79437 23.03 6.49954 20.2249 7.86909C17.4198 9.23864 14.9678 11.2358 13.059 13.7057M29.2343 45.0585C28.3344 45.054 27.4359 44.9856 26.5456 44.8539L25.4938 45.999C28.8285 46.6268 32.2672 46.4122 35.498 45.3748C38.7288 44.3373 41.6495 42.5098 43.9954 40.058L43.6364 38.5324C41.84 40.5842 39.6255 42.2281 37.1415 43.3537C34.6575 44.4793 31.9615 45.0606 29.2343 45.0585ZM46.2569 37.2472C47.9538 34.7101 49.0478 31.8184 49.4554 28.7934H49.5451L52.8225 5.52467L51.5338 5.34519L49.2041 21.8903C48.5193 18.7117 47.0841 15.743 45.0184 13.232C42.9526 10.721 40.3162 8.74055 37.3292 7.45596C37.8685 8.16898 38.3613 8.91599 38.8046 9.69237C41.6956 11.348 44.0996 13.736 45.7746 16.6158C47.4495 19.4957 48.3365 22.766 48.3461 26.0975C48.3468 29.3917 47.4801 32.628 45.8333 35.4811L46.2533 37.276L46.2569 37.2472ZM10.1225 26.0975V25.6488L8.82306 25.6237V26.0975C8.81768 29.6046 9.73239 33.0518 11.4759 36.0949C12.1925 36.4933 12.9348 36.8435 13.6979 37.1431C11.3639 33.9332 10.1072 30.0662 10.1082 26.0975M39.5943 20.2354C39.5943 30.7031 31.022 39.218 20.4825 39.218C17.9787 39.2355 15.4962 38.7574 13.178 37.8113C10.8598 36.8651 8.75167 35.4696 6.97517 33.7051C5.19867 31.9406 3.78887 29.842 2.827 27.5303C1.86514 25.2185 1.37021 22.7393 1.37075 20.2354C1.37075 9.76775 9.94306 1.25288 20.4825 1.25288C31.022 1.25288 39.5943 9.76775 39.5943 20.2354ZM20.4969 -0.0394287C9.23947 -0.0394287 0.0820312 9.05339 0.0820312 20.2354C0.0824025 21.9045 0.288573 23.5671 0.695877 25.1857C0.738954 25.3544 0.796391 25.5195 0.846647 25.6883L5.95126 43.8775L7.20408 43.5185L4.01639 32.1785C6.89797 36.0817 11.0714 38.8352 15.7935 39.9489C20.5155 41.0625 25.4796 40.4638 29.8015 38.2595L13.4861 56.0288H15.2487L35.5774 33.8836C38.3969 30.8228 40.2001 26.9644 40.7395 22.838L48.5472 56.036H49.8825L40.3733 15.6226C39.5943 12.3705 38.0274 9.35978 35.8108 6.85579C33.5941 4.35181 30.7957 2.43137 27.662 1.26365H57.8446V-0.0394287" fill="black"/>
+    </g>
+    <defs>
+    <clipPath id="clip0_1568_11537">
+    <rect width="57.4359" height="56" fill="white" transform="translate(0.242188)"/>
+    </clipPath>
+    </defs>
+    </svg>
+    
\ No newline at end of file
diff --git a/services/web/public/img/crests/cern-logo.png b/services/web/public/img/crests/cern-logo.png
new file mode 100644
index 0000000..c5bd6d8
Binary files /dev/null and b/services/web/public/img/crests/cern-logo.png differ
diff --git a/services/web/public/img/crests/chinese-uni-hong-kong.png b/services/web/public/img/crests/chinese-uni-hong-kong.png
new file mode 100644
index 0000000..90000f7
Binary files /dev/null and b/services/web/public/img/crests/chinese-uni-hong-kong.png differ
diff --git a/services/web/public/img/crests/durham.png b/services/web/public/img/crests/durham.png
new file mode 100644
index 0000000..13ab59f
Binary files /dev/null and b/services/web/public/img/crests/durham.png differ
diff --git a/services/web/public/img/crests/harvard.gif b/services/web/public/img/crests/harvard.gif
new file mode 100644
index 0000000..092e17f
Binary files /dev/null and b/services/web/public/img/crests/harvard.gif differ
diff --git a/services/web/public/img/crests/icl.png b/services/web/public/img/crests/icl.png
new file mode 100644
index 0000000..46acbe8
Binary files /dev/null and b/services/web/public/img/crests/icl.png differ
diff --git a/services/web/public/img/crests/liverpool.jpg b/services/web/public/img/crests/liverpool.jpg
new file mode 100644
index 0000000..b61de4d
Binary files /dev/null and b/services/web/public/img/crests/liverpool.jpg differ
diff --git a/services/web/public/img/crests/manchester.png b/services/web/public/img/crests/manchester.png
new file mode 100644
index 0000000..9f929cc
Binary files /dev/null and b/services/web/public/img/crests/manchester.png differ
diff --git a/services/web/public/img/crests/mit.gif b/services/web/public/img/crests/mit.gif
new file mode 100644
index 0000000..845aaa7
Binary files /dev/null and b/services/web/public/img/crests/mit.gif differ
diff --git a/services/web/public/img/crests/nasa.png b/services/web/public/img/crests/nasa.png
new file mode 100644
index 0000000..f7bcd3f
Binary files /dev/null and b/services/web/public/img/crests/nasa.png differ
diff --git a/services/web/public/img/crests/oxford.gif b/services/web/public/img/crests/oxford.gif
new file mode 100644
index 0000000..3124b1b
Binary files /dev/null and b/services/web/public/img/crests/oxford.gif differ
diff --git a/services/web/public/img/crests/queensland-purple.png b/services/web/public/img/crests/queensland-purple.png
new file mode 100644
index 0000000..78ad2df
Binary files /dev/null and b/services/web/public/img/crests/queensland-purple.png differ
diff --git a/services/web/public/img/crests/queensland.png b/services/web/public/img/crests/queensland.png
new file mode 100644
index 0000000..d05ae3c
Binary files /dev/null and b/services/web/public/img/crests/queensland.png differ
diff --git a/services/web/public/img/crests/rigetti-logo.png b/services/web/public/img/crests/rigetti-logo.png
new file mode 100644
index 0000000..2d5ab54
Binary files /dev/null and b/services/web/public/img/crests/rigetti-logo.png differ
diff --git a/services/web/public/img/crests/samsung-black.svg b/services/web/public/img/crests/samsung-black.svg
new file mode 100644
index 0000000..99f610e
--- /dev/null
+++ b/services/web/public/img/crests/samsung-black.svg
@@ -0,0 +1,11 @@
+<svg width="171" height="26" viewBox="0 0 171 26" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_1568_11535)">
+    <path d="M6.62496 6.9542C6.49966 6.45299 6.53099 5.95179 6.59364 5.66986C6.75026 4.88673 7.28279 4.04094 8.81773 4.04094C10.2587 4.04094 11.0732 4.91806 11.0732 6.26504C11.0732 6.7036 11.0732 7.76866 11.0732 7.76866H17.1503V6.04577C17.1503 0.751791 12.3575 -0.0939941 8.91171 -0.0939941C4.58882 -0.0939941 1.04906 1.34697 0.391227 5.32528C0.203275 6.42167 0.17195 7.39275 0.453878 8.61444C1.51894 13.5952 10.196 15.0361 11.4491 18.2C11.6997 18.7952 11.6057 19.547 11.5117 20.0168C11.3238 20.8313 10.7599 21.6771 9.13099 21.6771C7.59605 21.6771 6.68761 20.8 6.68761 19.453V17.1036H0.140625V18.9831C0.140625 24.4337 4.43219 26.0626 9.00568 26.0626C13.4226 26.0626 17.025 24.559 17.6201 20.4867C17.9021 18.3879 17.6828 17.0096 17.5888 16.5084C16.5864 11.3397 7.31412 9.8048 6.62496 6.9542ZM85.9719 7.01685C85.878 6.54697 85.9093 6.01444 85.9406 5.76384C86.1286 4.9807 86.6298 4.13492 88.1647 4.13492C89.5744 4.13492 90.3888 5.01203 90.3888 6.32769C90.3888 6.76625 90.3888 7.83131 90.3888 7.83131H96.4033V6.13974C96.4033 0.877093 91.7045 0.0626324 88.29 0.0626324C83.9984 0.0626324 80.49 1.47227 79.8322 5.41926C79.6756 6.48432 79.6129 7.4554 79.8948 8.67709C80.9286 13.5952 89.5117 15.0361 90.7647 18.1687C90.984 18.7638 90.9213 19.5156 90.796 19.9542C90.6081 20.7687 90.0756 21.5831 88.4466 21.5831C86.943 21.5831 86.0033 20.706 86.0033 19.3903V17.0409H79.5189V18.8891C79.5189 24.2771 83.7478 25.906 88.29 25.906C92.6442 25.906 96.2466 24.4024 96.8105 20.3928C97.0924 18.294 96.8731 16.947 96.7792 16.4458C95.8081 11.3711 86.6611 9.83613 85.9719 7.01685ZM141.355 20.3301L135.623 0.689138H126.57V24.8409H132.553L132.208 4.57348L138.379 24.8409H147.056V0.689138H141.042L141.355 20.3301ZM26.2659 0.689138L21.7551 25.0602H28.3334L31.7479 2.47468L35.0683 25.0602H41.6153L37.1045 0.657816H26.2659V0.689138ZM63.1045 0.689138L60.0346 19.7663L56.9647 0.689138H47.0033L46.4707 25.0916H52.5792L52.7358 2.50601L56.9334 25.0602H63.1045L67.3021 2.47468L67.4587 25.0602H73.5671L73.0346 0.657816H63.1045V0.689138ZM119.803 0.689138H113.632V18.7325C113.632 19.0458 113.632 19.3903 113.57 19.6723C113.444 20.2675 112.943 21.4578 111.22 21.4578C109.529 21.4578 109.027 20.2988 108.902 19.6723C108.839 19.4217 108.839 19.0458 108.839 18.7325V0.689138H102.668V18.1687C102.668 18.6072 102.7 19.547 102.731 19.7663C103.17 24.3084 106.741 25.812 111.22 25.812C115.7 25.812 119.302 24.3397 119.741 19.7663C119.772 19.5156 119.835 18.6072 119.803 18.1687V0.689138ZM162.155 11.3711V14.9422H164.661V18.4819C164.661 18.7952 164.661 19.1397 164.598 19.4217C164.504 20.0795 163.878 21.2072 162.092 21.2072C160.338 21.2072 159.712 20.0795 159.618 19.4217C159.586 19.1397 159.555 18.7952 159.555 18.4819V7.3301C159.555 6.92287 159.586 6.51564 159.68 6.17107C159.806 5.57589 160.338 4.41685 162.092 4.41685C163.972 4.41685 164.41 5.63854 164.536 6.17107C164.598 6.51564 164.598 7.11083 164.598 7.11083V8.45781H170.738V7.64335C170.738 7.64335 170.77 6.79757 170.707 6.01444C170.237 1.44095 166.478 -1.72779e-05 162.155 -1.72779e-05C157.832 -1.72779e-05 154.136 1.47227 153.603 6.01444C153.541 6.42167 153.478 7.17347 153.478 7.64335V17.8867C153.478 18.3253 153.478 18.6699 153.572 19.4843C153.979 23.9325 157.832 25.4988 162.155 25.4988C166.509 25.4988 170.331 23.9325 170.738 19.4843C170.801 18.6699 170.832 18.3253 170.832 17.8867V11.3397H162.155V11.3711Z" fill="black"/>
+    </g>
+    <defs>
+    <clipPath id="clip0_1568_11535">
+    <rect width="170.723" height="26" fill="white" transform="translate(0.234375)"/>
+    </clipPath>
+    </defs>
+    </svg>
+    
\ No newline at end of file
diff --git a/services/web/public/img/crests/samsung-logo.svg b/services/web/public/img/crests/samsung-logo.svg
new file mode 100644
index 0000000..6a12254
--- /dev/null
+++ b/services/web/public/img/crests/samsung-logo.svg
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.0" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 628.2 414.8" style="enable-background:new 0 0 628.2 414.8;" xml:space="preserve">
+<path d="M62.4,188.2c-0.4-1.6-0.3-3.2-0.1-4.1c0.5-2.5,2.2-5.2,7.1-5.2c4.6,0,7.2,2.8,7.2,7.1c0,1.4,0,4.8,0,4.8h19.4v-5.5
+	c0-16.9-15.3-19.6-26.3-19.6c-13.8,0-25.1,4.6-27.2,17.3c-0.6,3.5-0.7,6.6,0.2,10.5c3.4,15.9,31.1,20.5,35.1,30.6
+	c0.8,1.9,0.5,4.3,0.2,5.8c-0.6,2.6-2.4,5.3-7.6,5.3c-4.9,0-7.8-2.8-7.8-7.1l0-7.5H41.7v6c0,17.4,13.7,22.6,28.3,22.6
+	c14.1,0,25.6-4.8,27.5-17.8c0.9-6.7,0.2-11.1-0.1-12.7C94.2,202.2,64.6,197.3,62.4,188.2z M315.7,188.4c-0.3-1.5-0.2-3.2-0.1-4
+	c0.6-2.5,2.2-5.2,7.1-5.2c4.5,0,7.1,2.8,7.1,7c0,1.4,0,4.8,0,4.8H349v-5.4c0-16.8-15-19.4-25.9-19.4c-13.7,0-24.9,4.5-27,17.1
+	c-0.5,3.4-0.7,6.5,0.2,10.4c3.3,15.7,30.7,20.3,34.7,30.3c0.7,1.9,0.5,4.3,0.1,5.7c-0.6,2.6-2.3,5.2-7.5,5.2c-4.8,0-7.8-2.8-7.8-7
+	l0-7.5h-20.7v5.9c0,17.2,13.5,22.4,28,22.4c13.9,0,25.4-4.8,27.2-17.6c0.9-6.7,0.2-11-0.1-12.6C347.1,202.3,317.9,197.4,315.7,188.4
+	z M492.5,230.9l-18.3-62.7h-28.9v77.1h19.1l-1.1-64.7l19.7,64.7h27.7v-77.1h-19.2L492.5,230.9z M125.1,168.2L110.7,246h21l10.9-72.1
+	l10.6,72.1h20.9l-14.4-77.9H125.1z M242.7,168.2l-9.8,60.9l-9.8-60.9h-31.8l-1.7,77.9h19.5l0.5-72.1L223,246h19.7l13.4-72.1
+	l0.5,72.1h19.5l-1.7-77.9H242.7z M423.7,168.2H404v57.6c0,1,0,2.1-0.2,3c-0.4,1.9-2,5.7-7.5,5.7c-5.4,0-7-3.7-7.4-5.7
+	c-0.2-0.8-0.2-2-0.2-3v-57.6H369V224c0,1.4,0.1,4.4,0.2,5.1c1.4,14.5,12.8,19.3,27.1,19.3c14.3,0,25.8-4.7,27.2-19.3
+	c0.1-0.8,0.3-3.7,0.2-5.1V168.2z M558.9,202.3v11.4h8v11.3c0,1,0,2.1-0.2,3c-0.3,2.1-2.3,5.7-8,5.7c-5.6,0-7.6-3.6-7.9-5.7
+	c-0.1-0.9-0.2-2-0.2-3v-35.6c0-1.3,0.1-2.6,0.4-3.7c0.4-1.9,2.1-5.6,7.7-5.6c6,0,7.4,3.9,7.8,5.6c0.2,1.1,0.2,3,0.2,3v4.3h19.6v-2.6
+	c0,0,0.1-2.7-0.1-5.2c-1.5-14.6-13.5-19.2-27.3-19.2c-13.8,0-25.6,4.7-27.3,19.2c-0.2,1.3-0.4,3.7-0.4,5.2v32.7c0,1.4,0,2.5,0.3,5.1
+	c1.3,14.2,13.6,19.2,27.4,19.2c13.9,0,26.1-5,27.4-19.2c0.2-2.6,0.3-3.7,0.3-5.1v-20.9H558.9z"/>
+</svg>
diff --git a/services/web/public/img/crests/stanford.png b/services/web/public/img/crests/stanford.png
new file mode 100644
index 0000000..3936262
Binary files /dev/null and b/services/web/public/img/crests/stanford.png differ
diff --git a/services/web/public/img/crests/the-world-bank-logo.png b/services/web/public/img/crests/the-world-bank-logo.png
new file mode 100644
index 0000000..fee89a2
Binary files /dev/null and b/services/web/public/img/crests/the-world-bank-logo.png differ
diff --git a/services/web/public/img/crests/tokyo.png b/services/web/public/img/crests/tokyo.png
new file mode 100644
index 0000000..79997a8
Binary files /dev/null and b/services/web/public/img/crests/tokyo.png differ
diff --git a/services/web/public/img/crests/toronto.gif b/services/web/public/img/crests/toronto.gif
new file mode 100644
index 0000000..a4eb9a4
Binary files /dev/null and b/services/web/public/img/crests/toronto.gif differ
diff --git a/services/web/public/img/crests/toshiba-black.svg b/services/web/public/img/crests/toshiba-black.svg
new file mode 100644
index 0000000..660ad84
--- /dev/null
+++ b/services/web/public/img/crests/toshiba-black.svg
@@ -0,0 +1,14 @@
+<svg width="143" height="38" viewBox="0 0 143 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_1568_11539)">
+    <path d="M106.932 10.468L108.65 4.55522H108.677L110.389 10.468H106.932ZM112.393 17.449H117.426L112.234 0.320657H105.088L99.897 17.449H104.929L105.847 14.2827H111.478L112.393 17.449ZM22.8253 8.88137C22.8253 7.94278 22.8501 7.38586 22.8679 6.97349C22.9991 4.32998 24.0436 4.02058 26.0723 4.02058C28.1029 4.02058 29.147 4.32998 29.2797 6.97349C29.2975 7.38685 29.3217 7.94377 29.3217 8.88137C29.3217 9.8259 29.2975 10.3803 29.2797 10.7992C29.1465 13.4362 28.1025 13.7476 26.0723 13.7476C24.0431 13.7476 22.9991 13.4367 22.8679 10.7992C22.8501 10.3803 22.8253 9.8264 22.8253 8.88137ZM26.0723 17.7564C31.2415 17.7564 33.7345 16.849 34.087 12.1838C34.1726 11.0749 34.189 9.9358 34.1909 8.88137C34.1909 7.83189 34.1726 6.69577 34.087 5.58144C33.734 0.921634 31.2415 0.00927734 26.0723 0.00927734C20.9066 0.00927734 18.4126 0.921634 18.0601 5.58144C17.9754 6.69577 17.9591 7.83189 17.9591 8.88137C17.9591 9.9358 17.9749 11.0749 18.0601 12.1838C18.4126 16.849 20.9066 17.7564 26.0723 17.7564ZM0.960938 0.321152V4.59136H6.08014V17.449H11.2053V4.59136H16.3245V0.321152H0.960938ZM74.6911 0.321152H79.5529V17.4495H74.6911V0.321152ZM59.9973 6.57399V0.321152H55.1598V17.449H59.9973V10.8472H65.6126V17.449H70.4412V0.321152H65.6126V6.57399H59.9973ZM88.6933 4.2379H92.0422C92.9229 4.2379 93.461 4.65374 93.461 5.64827C93.461 6.50667 92.9278 7.03091 92.0422 7.03091H88.6933V4.2379ZM88.6933 10.415H92.0422C93.4001 10.415 93.6818 11.0086 93.6818 11.9734C93.6818 12.9323 93.1536 13.5253 92.0422 13.5253H88.6933V10.415ZM95.5406 8.49771C97.6941 7.94822 98.3248 6.65666 98.3248 4.79829C98.3248 1.03599 95.957 0.320657 92.5882 0.320657H83.8652V17.449H93.0239C97.2386 17.449 98.6564 15.6327 98.6564 12.8372C98.6564 10.8907 98.2124 9.17097 95.5406 8.49771ZM37.0067 11.8278H41.6136C41.618 12.6635 41.7269 13.2179 42.1284 13.5174C42.5863 13.8649 42.9962 13.9832 44.3581 13.9832C45.6689 13.9832 47.1026 13.9832 47.1026 12.364C47.1026 11.0912 46.3026 10.8066 44.8204 10.7254C41.1497 10.5308 39.821 10.4244 38.4532 9.4076C37.523 8.71652 37.0409 7.37101 37.0409 5.5458C37.0409 2.44586 38.122 1.35925 39.6824 0.600354C41.2928 -0.180323 47.6129 -0.180323 49.3109 0.600354C51.4525 1.58796 51.5168 3.71811 51.5168 5.69777H46.9184C46.9095 4.69086 46.6813 4.40424 46.4956 4.21414C46.0184 3.79336 45.3382 3.70475 44.3581 3.70475C43.1695 3.70475 41.7977 3.75771 41.7977 5.20026C41.7977 6.29776 42.2675 6.76211 43.5209 6.83983C45.2372 6.95072 48.6169 7.05666 49.8223 7.76803C51.5158 8.7685 51.949 10.1219 51.949 12.3313C51.949 15.5203 50.8084 16.453 49.2248 17.154C47.3917 17.9673 41.2665 17.9673 39.2775 17.0906C37.0503 16.1223 37.0067 14.1842 37.0067 11.8278Z" fill="black"/>
+    <path d="M121.7 25.9939H124.919L129.767 30.5671L124.914 35.161H121.695L126.549 30.5671L121.7 25.9939Z" fill="black"/>
+    <path d="M128.298 25.9939H131.517L136.364 30.5671L131.512 35.161H128.293L133.146 30.5671L128.298 25.9939Z" fill="black"/>
+    <path d="M134.898 25.9939H138.114L142.964 30.5671L138.11 35.161H134.89L139.746 30.5671L134.898 25.9939ZM1.39453 26.0389H3.45142V33.4294H7.07956V35.161H1.39453V26.0389ZM12.276 31.0888C12.276 30.6017 12.0592 29.7463 11.1265 29.7463C10.2468 29.7463 9.89435 30.5453 9.83941 31.0888H12.276ZM9.85327 32.4952C9.92158 33.3621 10.7597 33.767 11.7206 33.767C12.4235 33.767 12.9923 33.6715 13.5477 33.4838L13.8175 34.8769C13.1403 35.1605 12.3161 35.2952 11.4225 35.2952C9.17605 35.2952 7.88994 33.9982 7.88994 31.9136C7.88994 30.2329 8.94388 28.38 11.2324 28.38C13.371 28.38 14.1829 30.0453 14.1829 31.6829C14.1829 32.0354 14.1428 32.3462 14.1156 32.5086L9.85327 32.4952ZM18.9348 32.0354C17.8516 32.0354 17.0135 32.2913 17.0135 33.0764C17.0135 33.6056 17.3655 33.8616 17.8254 33.8616C18.3274 33.8616 18.759 33.5234 18.8952 33.1041C18.9224 32.9957 18.9353 32.8754 18.9353 32.7537L18.9348 32.0354ZM20.9243 33.5635C20.9243 34.1878 20.9511 34.7957 21.0332 35.1615H19.1773L19.057 34.4987H19.0159C18.5828 35.0254 17.9071 35.31 17.1214 35.31C15.7814 35.31 14.9829 34.3348 14.9829 33.2799C14.9829 31.5601 16.5259 30.7492 18.8674 30.7492V30.6671C18.8674 30.3151 18.6788 29.8156 17.6635 29.8156C16.9868 29.8156 16.27 30.0453 15.8363 30.3017L15.4566 28.9884C15.9175 28.7315 16.8244 28.3933 18.0274 28.3933C20.2342 28.3933 20.9248 29.6928 20.9248 31.2502L20.9243 33.5635ZM26.9207 31.3586C26.9207 31.2369 26.9207 31.1007 26.8925 30.9789C26.7717 30.4235 26.3247 29.9785 25.6891 29.9785C24.7406 29.9785 24.2673 30.8171 24.2673 31.8601C24.2673 32.9685 24.8223 33.6715 25.6757 33.6715C26.2703 33.6715 26.7579 33.269 26.8801 32.6848C26.9074 32.5497 26.9207 32.3868 26.9207 32.2245V31.3586ZM28.9766 25.5518V33.1858C28.9766 33.9422 29.0053 34.715 29.0316 35.1605H27.2044L27.1237 34.2007H27.0831C26.6767 34.9318 25.8648 35.309 25.0124 35.309C23.4416 35.309 22.1832 33.97 22.1832 31.9136C22.1703 29.6938 23.5639 28.3943 25.148 28.3943C25.9732 28.3943 26.596 28.6928 26.8925 29.1384H26.9207V25.5523L28.9766 25.5518ZM30.6286 28.5428H32.6865V35.1605H30.6286V28.5428ZM31.6439 27.677C30.9533 27.677 30.5073 27.1899 30.5073 26.58C30.5073 25.9568 30.9662 25.4845 31.6711 25.4845C32.3756 25.4845 32.8087 25.9573 32.8211 26.58C32.8211 27.1889 32.3756 27.677 31.6568 27.677H31.6439ZM34.3364 30.6552C34.3364 29.8285 34.3092 29.1384 34.283 28.5428H36.07L36.1631 29.4621H36.2037C36.4745 29.0285 37.1379 28.3933 38.2472 28.3933C39.6002 28.3933 40.6165 29.3003 40.6165 31.2502V35.1605H38.5586V31.4943C38.5586 30.6393 38.2606 30.0582 37.5171 30.0582C36.9492 30.0582 36.6106 30.4517 36.4616 30.8304C36.4082 30.9661 36.3938 31.1557 36.3938 31.3448V35.1615H34.3364V30.6552ZM46.4768 31.2369C46.4768 31.1146 46.4634 30.9789 46.4367 30.8581C46.2877 30.3151 45.8956 29.9502 45.3268 29.9502C44.5689 29.9502 43.9748 30.627 43.9748 31.8329C43.9748 32.8205 44.4615 33.5918 45.3139 33.5918C45.8555 33.5918 46.2738 33.2403 46.4109 32.7645C46.4634 32.6042 46.4778 32.3868 46.4778 32.2106L46.4768 31.2369ZM48.5341 34.2007C48.5341 35.4714 48.2767 36.514 47.5183 37.1793C46.8025 37.8006 45.8139 37.9907 44.8392 37.9907C43.959 37.9907 43.0531 37.8149 42.457 37.4897L42.863 35.9184C43.2823 36.162 43.9996 36.4199 44.7852 36.4199C45.7599 36.4199 46.505 35.9046 46.505 34.6749V34.2551H46.4763C46.0847 34.7967 45.4476 35.1086 44.6902 35.1086C43.0526 35.1086 41.8892 33.7814 41.8892 31.8863C41.8892 29.7473 43.257 28.3943 44.8941 28.3943C45.8005 28.3943 46.3688 28.7859 46.7065 29.329H46.7332L46.803 28.5438H48.5881C48.5487 29.2016 48.5309 29.8606 48.5346 30.5195L48.5341 34.2007ZM53.087 26.0389H55.1434V35.161H53.087V26.0389ZM56.8622 30.6552C56.8622 29.8285 56.8355 29.1384 56.8092 28.5428H58.5948L58.6899 29.4621H58.729C59.0013 29.0285 59.6641 28.3933 60.7735 28.3933C62.1264 28.3933 63.1418 29.3003 63.1418 31.2502V35.1605H61.0849V31.4943C61.0849 30.6393 60.7869 30.0582 60.0433 30.0582C59.476 30.0582 59.1369 30.4517 58.9879 30.8304C58.9334 30.9661 58.9206 31.1557 58.9206 31.3448V35.1615H56.8622V30.6552ZM64.7932 30.6552C64.7932 29.8285 64.7675 29.1384 64.7403 28.5428H66.5268L66.6214 29.4621H66.661C66.9318 29.0285 67.5956 28.3933 68.7045 28.3933C70.0585 28.3933 71.0738 29.3003 71.0738 31.2502V35.1605H69.0169V31.4943C69.0169 30.6393 68.7189 30.0582 67.9753 30.0582C67.407 30.0582 67.0684 30.4517 66.9189 30.8304C66.865 30.9661 66.8516 31.1557 66.8516 31.3448V35.1615H64.7932V30.6552ZM75.8098 33.8353C76.6237 33.8353 77.1241 33.0363 77.1241 31.8457C77.1241 30.87 76.7445 29.87 75.8098 29.87C74.8351 29.87 74.4584 30.8705 74.4584 31.8601C74.4584 32.9833 74.9316 33.8353 75.7965 33.8353H75.8098ZM75.7692 35.309C73.8356 35.309 72.346 34.0388 72.346 31.8977C72.346 29.7611 73.7534 28.3933 75.891 28.3933C77.9073 28.3933 79.2617 29.7874 79.2617 31.7908C79.2617 34.1997 77.5429 35.3081 75.7841 35.3081L75.7692 35.309ZM82.0641 28.5428L82.9572 31.6131C83.1206 32.1685 83.2275 32.6977 83.3369 33.2259H83.3785C83.4823 32.6846 83.6035 32.1467 83.7418 31.6131L84.5953 28.5428H86.7591L84.2973 35.1605H82.2389L79.831 28.5428H82.0641ZM91.2258 32.0354C90.1427 32.0354 89.3041 32.2913 89.3041 33.0764C89.3041 33.6056 89.6556 33.8616 90.1165 33.8616C90.6169 33.8616 91.0491 33.5234 91.1857 33.1041C91.212 32.9957 91.2258 32.8754 91.2258 32.7537V32.0354ZM93.2154 33.5635C93.2154 34.1878 93.2431 34.7957 93.3238 35.1615H91.4704L91.3486 34.4987H91.3055C90.8744 35.0254 90.1971 35.31 89.412 35.31C88.0719 35.31 87.2749 34.3348 87.2749 33.2799C87.2749 31.5601 88.816 30.7492 91.159 30.7492V30.6671C91.159 30.3151 90.9684 29.8156 89.9536 29.8156C89.2764 29.8156 88.56 30.0453 88.1269 30.3017L87.7467 28.9884C88.2086 28.7315 89.1165 28.3933 90.3189 28.3933C92.5243 28.3933 93.2154 29.6928 93.2154 31.2502V33.5635ZM97.1544 26.7419V28.5433H98.6292V30.0582H97.1544V32.469C97.1544 33.268 97.3569 33.6314 97.9683 33.6314C98.2509 33.6314 98.3876 33.6185 98.5757 33.5784L98.5895 35.1348C98.3321 35.2303 97.8326 35.31 97.2623 35.31C96.599 35.31 96.045 35.0808 95.7049 34.7427C95.3267 34.3502 95.1371 33.713 95.1371 32.7799V30.0582H94.2579V28.5428H95.1371V27.2968L97.1544 26.7419ZM99.8212 28.5428H101.876V35.1605H99.8212V28.5428ZM100.836 27.677C100.144 27.677 99.697 27.1899 99.697 26.58C99.697 25.9568 100.157 25.4845 100.862 25.4845C101.567 25.4845 101.999 25.9573 102.012 26.58C102.012 27.1889 101.567 27.677 100.847 27.677H100.836ZM106.614 33.8353C107.425 33.8353 107.926 33.0363 107.926 31.8457C107.926 30.87 107.548 29.87 106.614 29.87C105.639 29.87 105.26 30.8705 105.26 31.8601C105.26 32.9833 105.733 33.8353 106.6 33.8353H106.614ZM106.572 35.309C104.639 35.309 103.15 34.0388 103.15 31.8977C103.15 29.7611 104.557 28.3933 106.694 28.3933C108.711 28.3933 110.066 29.7874 110.066 31.7908C110.066 34.1997 108.346 35.3081 106.587 35.3081L106.572 35.309ZM111.147 30.6552C111.147 29.8285 111.118 29.1384 111.093 28.5428H112.878L112.974 29.4621H113.014C113.283 29.0285 113.948 28.3933 115.057 28.3933C116.409 28.3933 117.426 29.3003 117.426 31.2502V35.1605H115.369V31.4943C115.369 30.6393 115.071 30.0582 114.327 30.0582C113.76 30.0582 113.42 30.4517 113.272 30.8304C113.217 30.9661 113.204 31.1557 113.204 31.3448V35.1615H111.147V30.6552Z" fill="black"/>
+    </g>
+    <defs>
+    <clipPath id="clip0_1568_11539">
+    <rect width="142.003" height="38" fill="white" transform="translate(0.960938)"/>
+    </clipPath>
+    </defs>
+    </svg>
+    
\ No newline at end of file
diff --git a/services/web/public/img/crests/toshiba-logo.png b/services/web/public/img/crests/toshiba-logo.png
new file mode 100644
index 0000000..003d13c
Binary files /dev/null and b/services/web/public/img/crests/toshiba-logo.png differ
diff --git a/services/web/public/img/crests/wien-black.svg b/services/web/public/img/crests/wien-black.svg
new file mode 100644
index 0000000..4438be9
--- /dev/null
+++ b/services/web/public/img/crests/wien-black.svg
@@ -0,0 +1 @@
+<svg width="141" height="42" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M27.276 7.131c.12.059.272.009.332-.114a.252.252 0 00-.114-.332.25.25 0 00-.332.114.25.25 0 00.114.332zm.518-1.063c.12.059.273.008.333-.114a.252.252 0 00-.114-.332.25.25 0 00-.333.114.25.25 0 00.114.332z" fill="#000"/><path d="M14.484 30.11s1.377 1.186 6.528 1.186 6.668-1.087 6.668-1.087v.986s-1.517 1.086-6.668 1.086-6.528-1.186-6.528-1.186v-.985z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M31.903 32.17a.579.579 0 111.158 0 .579.579 0 01-1.158 0zm-2.942 2.354a.58.58 0 111.158.002.58.58 0 01-1.158-.002z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round"/><path d="M20.082 20.444a.208.208 0 11.417 0 .208.208 0 01-.417 0zM20.414 20.757a.208.208 0 11.417 0 .208.208 0 01-.417 0zM20.746 21.07a.208.208 0 11.417 0 .208.208 0 01-.417 0zM21.012 21.466a.208.208 0 11.416 0 .208.208 0 01-.416 0zM21.129 21.944a.208.208 0 11.417 0 .208.208 0 01-.417 0z" fill="#000"/><path d="M21.168 22.381a.209.209 0 11.416 0 .209.209 0 01-.416 0zM21.098 22.88a.208.208 0 11.416 0 .208.208 0 01-.416 0zM21.027 23.38a.208.208 0 11.417 0 .208.208 0 01-.417 0z" fill="#000"/><path d="M21.418 23.13a.208.208 0 11.417 0 .208.208 0 01-.417 0zM21.684 22.754a.208.208 0 11.417 0 .208.208 0 01-.417 0zM21.93 22.318a.208.208 0 11.416-.001.208.208 0 01-.416 0zM22.172 21.88a.208.208 0 11.417 0 .208.208 0 01-.417 0zM22.293 21.402a.208.208 0 11.417 0 .208.208 0 01-.417 0z" fill="#000"/><path d="M22.328 20.965a.208.208 0 11.417 0 .208.208 0 01-.417 0zM22.258 20.466a.209.209 0 11.417 0 .209.209 0 01-.417 0z" fill="#000"/><path d="M11.035 15.45h3.36v1.148h-3.36V15.45z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M15.377 17.885c-.015 2.136.059 3.25.248 5.47.238 2.801.433 3.645.926 5.934m-1.509-11.903c-.067 3.596.067 5.82.1 8.51.036 2.81.102 2.62.37 3.528M26.37 22.76c-.19 3.477-.844 6.303-1.28 6.616m2.029-6.807c-.19 3.478-.354 6.146-.762 7.06" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.205 34.33a.579.579 0 111.158 0 .579.579 0 01-1.158 0zm-2.69-2.245a.58.58 0 111.159 0 .58.58 0 01-1.158 0z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round"/><path d="M20.892 16.49l-.875.446c-.127.513-.19.804-.29 1.323-.062.324-.308.547-.145.834.076.135.15.207.29.272.173.08.307.073.49.018.142-.043.232-.083.326-.2.134-.167.085-.328.09-.543.009-.377-.428-.742-.217-.943.374-.356.47-.73.331-1.207z" stroke="#000" stroke-width=".257" stroke-miterlimit="1"/><path d="M22.995 17.426c.021.46.376.56.376.938 0 .395.034.363-.063.561a.693.693 0 01-.292.333.676.676 0 01-.645.063M20.561 19.237c.045.174.054.28.04.458a1.21 1.21 0 01-.144.521m1.776-.826a2 2 0 01-.049.742 1.97 1.97 0 01-.188.52" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M21.015 16.528a4.41 4.41 0 011.055-.093c.35.006.549.026.893.093.06.248.07.399.046.654a1.721 1.721 0 01-.035.226c.062.29.06.471-.011.759-.063.254-.161.377-.285.608-.09.168-.145.26-.248.42a.54.54 0 01-.222.216.57.57 0 01-.608 0c-.39-.19-.69-.675-.89-1.015" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M21.215 17.154l.761-.019-.074.259-.58.077-.107-.317zM22.936 17.117l-.569-.012.061.248.417.09.09-.326z" fill="#000"/><path d="M22.284 17.19v.562l.09.235-.108.109.18.054.02-.779-.037-.181h-.145zM22.518 18.513h-.725l.109.145.18.09.4.019.036-.254z" fill="#000"/><path d="M19.707 16.262l-.895-.895a.926.926 0 01.79-.312c.342.018.57.14.77.416l.438-.271a1.022 1.022 0 01-.042-.52c.043-.298.354-.687.354-.687.021 0 .471.157.645.396.145.199.194.357.187.603l.563.063a.8.8 0 01.374-.625.836.836 0 01.979-.02c-.234.285-.351.462-.52.79-.103.197-.14.318-.23.52m-3.121 1.145c.395-.22.641-.314 1.082-.417.72-.167 1.174-.167 1.893 0l.125-.624c-.755-.232-1.257-.247-2.025-.062a3.314 3.314 0 00-1.263.562l.188.54z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M20.761 13.54c-.666-1.915-1.078-3.61.252-3.667 1.696-.073 1.442 1.391.655 3.68m.495.242c.484-1.794.712-3.662 2-3.155 1.232.484 1.096 1.484-.736 3.067m.413 1.991c1.984-.654 3.334-1.45 3.709-.492m-3.478-1.402c.67-.917 1.978-2.087 2.587-.864.73 1.467-.976 1.622-2.482 2.058m-3.79-1.25c-.654-1.747-1.248-3.622-2.174-3.216-1.245.546-.823 1.426 1.425 3.675m-1.457 1.207c-1.94-.7-2.96-1.403-3.446-.325m4.445-.716c-.707-.809-2.867-3.341-3.545-1.64-.59 1.482 1.232 1.567 2.67 2.098" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.503 34.58c-1.069-.665-2.093-.944-2.938-1.737-.37-.349-.459-.793-.282-1.098" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M20.161 34.76c-.79-.537-1.252-.717-1.429-1.432-.09-.37-.025-.69.254-.944m1.763 2.093c-.485-.613-.638-.615-.716-1.15-.048-.33.103-.69.36-.84m-.922 2.195c-1.124-.536-1.506-.527-2.222-1.483-.305-.408-.28-.587-.128-.995m3.977 2.273c.484-.613.637-.615.716-1.15.048-.33-.103-.69-.36-.84m.017 2.288c.893-.411 1.554-.835 1.73-1.55.092-.37.075-.562-.205-.816m-.62 2.273c1.123-.536 1.694-.6 2.409-1.557.305-.407.418-.562.077-.896m-1.517 2.35c1.07-.664 1.976-.712 2.82-1.505.372-.349.203-.87.026-1.176" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.883 33.385a.23.23 0 11.46 0 .23.23 0 01-.46 0zM12.414 34.019a.23.23 0 11.46 0 .23.23 0 01-.46 0zM12.246 34.995a.23.23 0 11.46 0 .23.23 0 01-.46 0zM11.23 35.273a.23.23 0 11.46 0 .23.23 0 01-.46 0zM10.672 34.563a.23.23 0 11.46 0 .23.23 0 01-.46 0zM10.914 33.648a.23.23 0 11.46 0 .23.23 0 01-.46 0zM9.195 31.14a.23.23 0 11.46 0 .23.23 0 01-.46 0zM9.727 31.773a.23.23 0 11.46 0 .23.23 0 01-.46 0zM9.559 32.75a.23.23 0 11.46 0 .23.23 0 01-.46 0zM8.54 33.027a.23.23 0 11.458 0 .23.23 0 01-.459 0zM7.98 32.318a.23.23 0 11.46 0 .23.23 0 01-.46 0zM8.227 31.403a.23.23 0 11.459 0 .23.23 0 01-.46 0zM29.64 33.58a.23.23 0 11.46-.001.23.23 0 01-.46 0zM30.172 34.213a.23.23 0 11.459 0 .23.23 0 01-.46 0zM30.004 35.19a.23.23 0 11.46 0 .23.23 0 01-.46 0zM28.984 35.467a.23.23 0 11.46 0 .23.23 0 01-.46 0zM28.426 34.758a.23.23 0 11.46 0 .23.23 0 01-.46 0zM28.672 33.843a.23.23 0 11.459 0 .23.23 0 01-.46 0zM14.824 5.212a.23.23 0 11.46 0 .23.23 0 01-.46 0zM15.355 5.845a.23.23 0 11.46 0 .23.23 0 01-.46 0zM15.188 6.821a.23.23 0 11.459 0 .23.23 0 01-.46 0zM14.168 7.099a.23.23 0 11.459 0 .23.23 0 01-.459 0zM13.61 6.39a.23.23 0 11.458 0 .23.23 0 01-.459 0zM13.855 5.475a.23.23 0 11.46 0 .23.23 0 01-.46 0z" fill="#000"/><path d="M27.077 5.565l.157-.52c-.093-.05-.297-.169-.519-.245-.482-.166-.828-.056-.95.302-.092.264.015.48.17.676.237.3.582.553.47.877-.069.202-.285.302-.572.203-.434-.15-.404-.484-.385-.666l-.096-.033-.168.553c.102.068.296.202.558.292.502.173.922.125 1.083-.341.078-.226.012-.411-.107-.593-.182-.277-.692-.623-.58-.947.06-.172.255-.256.523-.164.35.12.356.385.32.573l.096.033z" fill="#000" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M32.214 8.81l.333-.43c-.069-.081-.216-.264-.396-.415-.391-.328-.753-.349-.996-.059-.18.214-.157.453-.084.693.114.365.346.724.125.987-.137.164-.374.18-.607-.016-.35-.295-.203-.596-.12-.76l-.079-.065-.355.456c.071.1.204.295.416.473.407.342.817.447 1.134.07.153-.183.158-.38.112-.592-.07-.324-.422-.83-.201-1.092.117-.14.33-.148.546.034.285.238.194.487.094.65l.078.065z" fill="#000"/><path d="M32.214 8.81l.333-.43c-.069-.081-.216-.264-.396-.415-.391-.328-.753-.349-.996-.059-.18.214-.157.453-.084.693.114.365.346.724.125.987-.137.164-.374.18-.607-.016-.35-.295-.203-.596-.12-.76l-.079-.065-.355.456c.071.1.204.295.416.473.407.342.817.447 1.134.07.153-.183.158-.38.112-.592-.07-.324-.422-.83-.201-1.092.117-.14.33-.148.546.034.285.238.194.487.094.65l.078.065z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path fill-rule="evenodd" clip-rule="evenodd" d="M31.57 10.591l.55.654.066-.056c-.12-.142-.145-.221-.062-.291a.353.353 0 01.123-.061l.358-.128.583.694-.2.35a.34.34 0 01-.081.105c-.083.07-.175-.018-.262-.123l-.068.057.641.764.068-.056c-.158-.188-.161-.29-.026-.532l1.014-1.782-.184-.22-1.89.668c-.292.103-.407.086-.563-.1l-.067.057zm2.263-.314l-.56.977-.506-.603 1.066-.374z" fill="#000"/><path d="M31.57 10.591l.55.654.066-.056c-.12-.142-.145-.221-.062-.291a.353.353 0 01.123-.061l.358-.128.583.694-.2.35a.34.34 0 01-.081.105c-.083.07-.175-.018-.262-.123l-.068.057.641.764.068-.056c-.158-.188-.161-.29-.026-.532l1.014-1.782-.184-.22-1.89.668c-.292.103-.407.086-.563-.1l-.067.057zm2.263-.314l-.56.977-.506-.603 1.066-.374z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path fill-rule="evenodd" clip-rule="evenodd" d="M33.484 12.976l.475.856.077-.042c-.12-.214-.098-.286.14-.418l.542-.3.063.113c.209.376.507.843 1.052.541.423-.234.386-.626.17-1.014l-.48-.866-.076.042c.119.214.098.286-.14.418l-1.317.73c-.239.132-.31.112-.429-.103l-.077.043zm2.01-.333c.183-.102.233-.098.323.064.146.263.184.47-.177.67-.417.23-.578-.016-.721-.276l-.06-.107.634-.351z" fill="#000"/><path d="M33.484 12.976l.475.856.077-.042c-.12-.214-.098-.286.14-.418l.542-.3.063.113c.209.376.507.843 1.052.541.423-.234.386-.626.17-1.014l-.48-.866-.076.042c.119.214.098.286-.14.418l-1.317.73c-.239.132-.31.112-.429-.103l-.077.043zm2.01-.333c.183-.102.233-.098.323.064.146.263.184.47-.177.67-.417.23-.578-.016-.721-.276l-.06-.107.634-.351z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M34.598 15.092l.367.908.08-.033c-.091-.227-.062-.295.191-.397l1.396-.564c.253-.102.321-.073.413.154l.081-.033-.367-.908-.08.033c.092.23.062.295-.192.397l-1.395.564c-.253.102-.32.077-.413-.154l-.081.033z" fill="#000"/><path d="M34.598 15.092l.367.908.08-.033c-.091-.227-.062-.295.191-.397l1.396-.564c.253-.102.321-.073.413.154l.081-.033-.367-.908-.08.033c.092.23.062.295-.192.397l-1.395.564c-.253.102-.32.077-.413-.154l-.081.033z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M35.168 16.524l.412 1.653.497-.102-.024-.099c-.217.043-.363-.021-.435-.313l-.078-.312c-.044-.177-.034-.208.194-.265l.702-.175.111.445c.055.22-.008.272-.211.323l.023.091.703-.175-.023-.092c-.224.056-.28.034-.336-.186l-.11-.445.6-.15c.191-.047.255-.024.296.143l.054.217c.095.38-.047.462-.227.521l.024.099.488-.143-.398-1.599-.085.021c.06.238.02.301-.244.368l-1.46.364c-.266.066-.33.027-.389-.21l-.084.021z" fill="#000"/><path d="M35.168 16.524l.412 1.653.497-.102-.024-.099c-.217.043-.363-.021-.435-.313l-.078-.312c-.044-.177-.034-.208.194-.265l.702-.175.111.445c.055.22-.008.272-.211.323l.023.091.703-.175-.023-.092c-.224.056-.28.034-.336-.186l-.11-.445.6-.15c.191-.047.255-.024.296.143l.054.217c.095.38-.047.462-.227.521l.024.099.488-.143-.398-1.599-.085.021c.06.238.02.301-.244.368l-1.46.364c-.266.066-.33.027-.389-.21l-.084.021z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path fill-rule="evenodd" clip-rule="evenodd" d="M35.734 18.856l.057.813.087-.006c-.017-.247.032-.3.304-.32l1.561-.108v.007l-1.892 1.286.023.332 1.914-.134c.272-.019.327.022.345.274l.087-.006-.057-.814-.087.007c.017.244-.032.3-.304.319l-1.463.102v-.007l1.798-1.223-.047-.684-.088.007c.018.244-.031.3-.303.318l-1.502.105c-.272.02-.328-.03-.346-.274l-.087.006z" fill="#000"/><path d="M35.734 18.856l.057.813.087-.006c-.017-.247.032-.3.304-.32l1.561-.108v.007l-1.892 1.286.023.332 1.914-.134c.272-.019.327.022.345.274l.087-.006-.057-.814-.087.007c.017.244-.032.3-.304.319l-1.463.102v-.007l1.798-1.223-.047-.684-.088.007c.018.244-.031.3-.303.318l-1.502.105c-.272.02-.328-.03-.346-.274l-.087.006z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M35.848 22.032l-.086.976.087.008c.022-.244.078-.292.35-.268l1.75.153-.01.132c-.033.366-.162.435-.423.448l-.009.1.542.03.156-1.773-.539-.068-.01.1c.252.061.372.146.34.511l-.013.136-1.75-.153c-.272-.024-.32-.08-.298-.325l-.087-.007z" fill="#000"/><path d="M35.848 22.032l-.086.976.087.008c.022-.244.078-.292.35-.268l1.75.153-.01.132c-.033.366-.162.435-.423.448l-.009.1.542.03.156-1.773-.539-.068-.01.1c.252.061.372.146.34.511l-.013.136-1.75-.153c-.272-.024-.32-.08-.298-.325l-.087-.007z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M35.618 23.908l-.204.958.085.018c.051-.24.114-.28.381-.223l1.472.313c.267.057.308.12.257.359l.085.018.204-.958-.085-.018c-.052.243-.114.28-.38.223l-1.473-.313c-.267-.056-.308-.116-.257-.358l-.085-.019z" fill="#000"/><path d="M35.618 23.908l-.204.958.085.018c.051-.24.114-.28.381-.223l1.472.313c.267.057.308.12.257.359l.085.018.204-.958-.085-.018c-.052.243-.114.28-.38.223l-1.473-.313c-.267-.056-.308-.116-.257-.358l-.085-.019z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path fill-rule="evenodd" clip-rule="evenodd" d="M35.322 25.332l-.306.797.082.031c.066-.173.123-.234.224-.195.043.017.08.046.113.078l.286.252-.325.845-.403-.004a.342.342 0 01-.131-.02c-.101-.04-.07-.162-.02-.29l-.082-.03-.358.93.082.031c.088-.228.175-.281.452-.28l2.05.023.103-.268-1.5-1.329c-.232-.205-.272-.314-.186-.54l-.081-.031zm1.372 1.827l-1.126-.016.282-.735.844.751z" fill="#000"/><path d="M35.322 25.332l-.306.797.082.031c.066-.173.123-.234.224-.195.043.017.08.046.113.078l.286.252-.325.845-.403-.004a.342.342 0 01-.131-.02c-.101-.04-.07-.162-.02-.29l-.082-.03-.358.93.082.031c.088-.228.175-.281.452-.28l2.05.023.103-.268-1.5-1.329c-.232-.205-.272-.314-.186-.54l-.081-.031zm1.372 1.827l-1.126-.016.282-.735.844.751z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M34.155 28.15l-.878 1.46.424.28.053-.087c-.184-.123-.241-.271-.087-.53l.166-.275c.094-.156.124-.171.324-.05l.621.373-.236.393c-.117.195-.198.187-.378.079l-.048.081.62.373.05-.08c-.199-.12-.223-.175-.106-.37l.237-.393.53.32c.168.1.196.162.108.31l-.115.19c-.202.337-.36.295-.53.21l-.052.086.446.244.849-1.413-.075-.044c-.126.209-.198.228-.432.086l-1.29-.775c-.234-.14-.253-.212-.126-.422l-.075-.045z" fill="#000"/><path d="M34.155 28.15l-.878 1.46.424.28.053-.087c-.184-.123-.241-.271-.087-.53l.166-.275c.094-.156.124-.171.324-.05l.621.373-.236.393c-.117.195-.198.187-.378.079l-.048.081.62.373.05-.08c-.199-.12-.223-.175-.106-.37l.237-.393.53.32c.168.1.196.162.108.31l-.115.19c-.202.337-.36.295-.53.21l-.052.086.446.244.849-1.413-.075-.044c-.126.209-.198.228-.432.086l-1.29-.775c-.234-.14-.253-.212-.126-.422l-.075-.045z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M26.399 37.002l.223.495c.103-.023.335-.068.552-.155.474-.192.661-.502.52-.852-.105-.26-.327-.352-.573-.399-.375-.071-.802-.034-.93-.352-.08-.199.017-.415.3-.53.424-.17.62.1.726.25l.095-.038-.236-.527c-.122.015-.357.042-.613.146-.493.199-.778.51-.594.968.09.22.26.317.47.377.319.09.93.016 1.059.334.068.169-.024.36-.287.467-.344.139-.521-.058-.618-.222l-.094.038z" fill="#000"/><path d="M26.399 37.002l.223.495c.103-.023.335-.068.552-.155.474-.192.661-.502.52-.852-.105-.26-.327-.352-.573-.399-.375-.071-.802-.034-.93-.352-.08-.199.017-.415.3-.53.424-.17.62.1.726.25l.095-.038-.236-.527c-.122.015-.357.042-.613.146-.493.199-.778.51-.594.968.09.22.26.317.47.377.319.09.93.016 1.059.334.068.169-.024.36-.287.467-.344.139-.521-.058-.618-.222l-.094.038z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M24.466 35.73l-.958.203.018.085c.24-.05.302-.01.359.257l.365 1.718-.13.028c-.36.076-.464-.026-.552-.273l-.1.02.13.528 1.743-.37-.092-.535-.1.021c.016.258-.03.396-.39.473l-.133.028-.365-1.718c-.057-.267-.016-.33.224-.38l-.018-.086z" fill="#000"/><path d="M24.466 35.73l-.958.203.018.085c.24-.05.302-.01.359.257l.365 1.718-.13.028c-.36.076-.464-.026-.552-.273l-.1.02.13.528 1.743-.37-.092-.535-.1.021c.016.258-.03.396-.39.473l-.133.028-.365-1.718c-.057-.267-.016-.33.224-.38l-.018-.086z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M20.575 38.088c.01.272-.041.327-.286.335l.003.088.85-.03-.003-.088c-.245.01-.3-.042-.309-.314l-.04-1.169c-.015-.437.104-.627.52-.641.437-.016.51.255.522.605l.04 1.168c.01.273-.04.327-.285.336l.003.088.979-.035-.003-.087c-.245.009-.3-.042-.309-.315l-.04-1.168c-.018-.511-.258-.776-.867-.755-.72.025-.829.418-.815.813l.04 1.169z" fill="#000"/><path d="M20.575 38.088c.01.272-.041.327-.286.335l.003.088.85-.03-.003-.088c-.245.01-.3-.042-.309-.314l-.04-1.169c-.015-.437.104-.627.52-.641.437-.016.51.255.522.605l.04 1.168c.01.273-.04.327-.285.336l.003.088.979-.035-.003-.087c-.245.009-.3-.042-.309-.315l-.04-1.168c-.018-.511-.258-.776-.867-.755-.72.025-.829.418-.815.813l.04 1.169z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path fill-rule="evenodd" clip-rule="evenodd" d="M19.544 36.126l-.896-.141c-.666-.106-1.155-.02-1.313.978-.153.965.292 1.22.948 1.324l.895.142.014-.087c-.245-.04-.285-.099-.242-.368l.235-1.486c.043-.27.1-.314.345-.275l.014-.087zm-.975 1.788c-.034.214-.077.243-.26.214-.65-.103-.667-.464-.566-1.1.11-.691.286-.978.88-.884.211.033.21.11.182.283l-.236 1.487z" fill="#000"/><path d="M19.544 36.126l-.896-.141c-.666-.106-1.155-.02-1.313.978-.153.965.292 1.22.948 1.324l.895.142.014-.087c-.245-.04-.285-.099-.242-.368l.235-1.486c.043-.27.1-.314.345-.275l.014-.087zm-.975 1.788c-.034.214-.077.243-.26.214-.65-.103-.667-.464-.566-1.1.11-.691.286-.978.88-.884.211.033.21.11.182.283l-.236 1.487z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M16.697 35.569l-.926-.319-.029.083c.232.08.264.147.176.404l-.49 1.424c-.09.258-.156.29-.388.21l-.028.083.926.319.028-.083c-.234-.08-.264-.146-.175-.404l.49-1.424c.09-.258.153-.291.388-.21l.028-.083z" fill="#000"/><path d="M16.697 35.569l-.926-.319-.029.083c.232.08.264.147.176.404l-.49 1.424c-.09.258-.156.29-.388.21l-.028.083.926.319.028-.083c-.234-.08-.264-.146-.175-.404l.49-1.424c.09-.258.153-.291.388-.21l.028-.083z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M15.136 35.01l-.894-.398-.036.08c.224.1.25.169.14.418l-.614 1.375c-.11.25-.18.276-.404.176l-.035.08.895.398.035-.08c-.227-.1-.25-.168-.14-.417l.614-1.376c.11-.249.177-.277.404-.176l.035-.08z" fill="#000"/><path d="M15.136 35.01l-.894-.398-.036.08c.224.1.25.169.14.418l-.614 1.375c-.11.25-.18.276-.404.176l-.035.08.895.398.035-.08c-.227-.1-.25-.168-.14-.417l.614-1.376c.11-.249.177-.277.404-.176l.035-.08z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.146 29.06l-.157-.262-2.054.38c-.241.048-.322.023-.446-.184l-.075.045.449.747.075-.046c-.11-.182-.115-.265-.037-.312a.557.557 0 01.17-.05l1.582-.296.003.005-1.018 1.229a.556.556 0 01-.128.126c-.087.052-.153-.003-.239-.146l-.075.044.512.852.075-.045c-.136-.225-.109-.29.082-.523l1.28-1.565z" fill="#000"/><path d="M8.146 29.06l-.157-.262-2.054.38c-.241.048-.322.023-.446-.184l-.075.045.449.747.075-.046c-.11-.182-.115-.265-.037-.312a.557.557 0 01.17-.05l1.582-.296.003.005-1.018 1.229a.556.556 0 01-.128.126c-.087.052-.153-.003-.239-.146l-.075.044.512.852.075-.045c-.136-.225-.109-.29.082-.523l1.28-1.565z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M7.204 27.263l-.366-.908-.081.033c.09.227.062.295-.191.397l-1.396.564c-.253.102-.321.074-.413-.154l-.081.034.367.908.08-.033c-.092-.23-.062-.296.191-.398l1.396-.563c.253-.103.32-.077.413.153l.081-.033z" fill="#000"/><path d="M7.204 27.263l-.366-.908-.081.033c.09.227.062.295-.191.397l-1.396.564c-.253.102-.321.074-.413-.154l-.081.034.367.908.08-.033c-.092-.23-.062-.296.191-.398l1.396-.563c.253-.103.32-.077.413.153l.081-.033z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M6.598 25.697l-.412-1.652-.497.102.024.098c.217-.043.363.022.435.314l.078.312c.044.176.034.208-.194.264l-.703.176-.11-.445c-.055-.22.007-.272.211-.323l-.023-.092-.703.175.023.092c.224-.056.28-.034.335.187l.111.445-.601.15c-.19.047-.254.023-.295-.143l-.055-.217c-.094-.381.048-.463.228-.522l-.025-.098-.487.143.398 1.598.085-.021c-.06-.238-.021-.301.244-.367l1.46-.364c.265-.066.33-.028.388.21l.085-.022z" fill="#000"/><path d="M6.598 25.697l-.412-1.652-.497.102.024.098c.217-.043.363.022.435.314l.078.312c.044.176.034.208-.194.264l-.703.176-.11-.445c-.055-.22.007-.272.211-.323l-.023-.092-.703.175.023.092c.224-.056.28-.034.335.187l.111.445-.601.15c-.19.047-.254.023-.295-.143l-.055-.217c-.094-.381.048-.463.228-.522l-.025-.098-.487.143.398 1.598.085-.021c-.06-.238-.021-.301.244-.367l1.46-.364c.265-.066.33-.028.388.21l.085-.022z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path fill-rule="evenodd" clip-rule="evenodd" d="M6.007 23.2l-.043-.814-.087.004c.013.249-.037.3-.31.314l-1.562.082v-.006l1.915-1.253-.018-.332-1.915.1c-.273.015-.328-.028-.34-.28l-.088.005.042.814.088-.005c-.013-.244.036-.3.31-.313l1.464-.077v.007l-1.82 1.192.036.684.087-.004c-.013-.245.037-.3.31-.314l1.503-.079c.273-.014.328.035.34.28l.088-.005z" fill="#000"/><path d="M6.007 23.2l-.043-.814-.087.004c.013.249-.037.3-.31.314l-1.562.082v-.006l1.915-1.253-.018-.332-1.915.1c-.273.015-.328-.028-.34-.28l-.088.005.042.814.088-.005c-.013-.244.036-.3.31-.313l1.464-.077v.007l-1.82 1.192.036.684.087-.004c-.013-.245.037-.3.31-.314l1.503-.079c.273-.014.328.035.34.28l.088-.005z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M5.899 20.242l.113-.806-.086-.013c-.035.246-.094.287-.364.25l-1.55-.218.002-.007 2.118-.865.046-.329-1.9-.267c-.27-.038-.315-.09-.28-.34l-.087-.012-.113.807.086.013c.035-.243.094-.287.364-.25l1.452.205v.007l-2.015.822-.095.68.086.011c.035-.242.094-.287.364-.249l1.49.21c.271.038.316.097.282.34l.087.011z" fill="#000"/><path d="M5.899 20.242l.113-.806-.086-.013c-.035.246-.094.287-.364.25l-1.55-.218.002-.007 2.118-.865.046-.329-1.9-.267c-.27-.038-.315-.09-.28-.34l-.087-.012-.113.807.086.013c.035-.243.094-.287.364-.25l1.452.205v.007l-2.015.822-.095.68.086.011c.035-.242.094-.287.364-.249l1.49.21c.271.038.316.097.282.34l.087.011z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M6.4 17.322l.527-1.62-.476-.177-.032.096c.207.079.296.21.204.497l-.1.306c-.056.173-.082.194-.305.122l-.689-.224.142-.436c.07-.216.151-.227.35-.162l.03-.09-.689-.224-.029.09c.22.071.255.12.185.336l-.142.436-.589-.191c-.186-.061-.228-.115-.174-.278l.069-.213c.12-.373.285-.367.469-.322l.031-.097-.489-.136-.51 1.567.084.027c.075-.233.142-.267.401-.183l1.432.466c.26.084.293.15.217.383l.083.027z" fill="#000"/><path d="M6.4 17.322l.527-1.62-.476-.177-.032.096c.207.079.296.21.204.497l-.1.306c-.056.173-.082.194-.305.122l-.689-.224.142-.436c.07-.216.151-.227.35-.162l.03-.09-.689-.224-.029.09c.22.071.255.12.185.336l-.142.436-.589-.191c-.186-.061-.228-.115-.174-.278l.069-.213c.12-.373.285-.367.469-.322l.031-.097-.489-.136-.51 1.567.084.027c.075-.233.142-.267.401-.183l1.432.466c.26.084.293.15.217.383l.083.027z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M7.238 14.909l.395-.713-.076-.043c-.12.217-.19.235-.43.103l-1.368-.759.004-.006 2.288-.048.161-.29-1.678-.93c-.239-.133-.262-.198-.14-.418l-.077-.043-.395.713.077.042c.118-.213.19-.234.429-.102l1.282.711-.003.007-2.175.046-.333.6.077.042c.119-.214.19-.235.429-.102l1.316.73c.239.132.26.203.14.417l.077.043z" fill="#000"/><path d="M7.238 14.909l.395-.713-.076-.043c-.12.217-.19.235-.43.103l-1.368-.759.004-.006 2.288-.048.161-.29-1.678-.93c-.239-.133-.262-.198-.14-.418l-.077-.043-.395.713.077.042c.118-.213.19-.234.429-.102l1.282.711-.003.007-2.175.046-.333.6.077.042c.119-.214.19-.235.429-.102l1.316.73c.239.132.26.203.14.417l.077.043z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M8.388 10.009l-.435-.325c-.08.07-.26.221-.408.403-.321.397-.335.76-.042.997.218.177.456.149.694.072.363-.12.72-.36.986-.143.166.134.185.37-.006.607-.289.357-.592.214-.757.135l-.064.078.462.347c.1-.072.291-.21.465-.424.335-.413.433-.824.05-1.135-.185-.15-.382-.152-.593-.102-.323.076-.823.437-1.09.221-.14-.114-.153-.327.026-.547.233-.288.483-.203.648-.105l.064-.079z" fill="#000"/><path d="M8.388 10.009l-.435-.325c-.08.07-.26.221-.408.403-.321.397-.335.76-.042.997.218.177.456.149.694.072.363-.12.72-.36.986-.143.166.134.185.37-.006.607-.289.357-.592.214-.757.135l-.064.078.462.347c.1-.072.291-.21.465-.424.335-.413.433-.824.05-1.135-.185-.15-.382-.152-.593-.102-.323.076-.823.437-1.09.221-.14-.114-.153-.327.026-.547.233-.288.483-.203.648-.105l.064-.079z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M10.427 10.436l.728-.656-.059-.064c-.182.163-.256.16-.438-.044L9.65 8.554c-.183-.203-.18-.277.003-.44l-.059-.066-.728.656.058.065c.185-.167.257-.16.44.042l1.006 1.12c.183.202.182.274-.003.44l.059.065z" fill="#000"/><path d="M10.427 10.436l.728-.656-.059-.064c-.182.163-.256.16-.438-.044L9.65 8.554c-.183-.203-.18-.277.003-.44l-.059-.066-.728.656.058.065c.185-.167.257-.16.44.042l1.006 1.12c.183.202.182.274-.003.44l.059.065z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M11.973 6.97l-.328-.432c-.096.046-.311.14-.503.275-.419.293-.532.637-.316.947.16.23.398.268.648.26.382-.015.79-.147.986.134.123.175.077.408-.173.582-.375.263-.628.042-.764-.08l-.083.059.348.46c.116-.042.338-.12.564-.279.436-.305.644-.673.361-1.077-.136-.195-.325-.25-.542-.261-.331-.016-.91.193-1.107-.088-.105-.149-.058-.357.174-.52.304-.212.52-.06.652.078l.083-.058z" fill="#000"/><path d="M11.973 6.97l-.328-.432c-.096.046-.311.14-.503.275-.419.293-.532.637-.316.947.16.23.398.268.648.26.382-.015.79-.147.986.134.123.175.077.408-.173.582-.375.263-.628.042-.764-.08l-.083.059.348.46c.116-.042.338-.12.564-.279.436-.305.644-.673.361-1.077-.136-.195-.325-.25-.542-.261-.331-.016-.91.193-1.107-.088-.105-.149-.058-.357.174-.52.304-.212.52-.06.652.078l.083-.058z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M29.352 6.39a.23.23 0 11.459 0 .23.23 0 01-.46 0zM29.883 7.024a.23.23 0 11.459 0 .23.23 0 01-.46 0zM29.715 8a.23.23 0 11.459 0 .23.23 0 01-.46 0zM28.7 8.277a.23.23 0 11.459 0 .23.23 0 01-.46 0zM28.14 7.568a.23.23 0 11.46 0 .23.23 0 01-.46 0zM28.383 6.654a.23.23 0 11.46 0 .23.23 0 01-.46 0zM32.582 31.224a.23.23 0 11.46 0 .23.23 0 01-.46 0zM33.113 31.858a.23.23 0 11.46 0 .23.23 0 01-.46 0zM32.945 32.834a.23.23 0 11.46 0 .23.23 0 01-.46 0zM31.93 33.111a.23.23 0 11.46 0 .23.23 0 01-.46 0zM31.371 32.402a.23.23 0 11.46 0 .23.23 0 01-.46 0zM31.613 31.487a.23.23 0 11.46 0 .23.23 0 01-.46 0z" fill="#000"/><path d="M30.003 25.098l-.593 1.028-.594-1.028h1.187zm0-1.644l-.593-1.028-.594 1.028h1.187z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round" stroke-linejoin="round"/><path d="M29.412 20.302v1.465m0 4.646v1.72m-.545-3.881a.545.545 0 111.09 0 .545.545 0 01-1.09 0z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round"/><path d="M28.184 19.577h2.358m-2.358 9.577h2.358" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round" stroke-linejoin="round"/><path d="M27.878 15.508h3.36v1.149h-3.36v-1.15zm-.062 2.124h3.36v1.149h-3.36v-1.15zm.38 1.213h2.532V30.06h-2.533V18.845z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M28.02 16.861v.528a.429.429 0 00.356-.137.432.432 0 00.137-.39h-.494zm2.949 0v.598a.527.527 0 01-.427-.207.52.52 0 01-.137-.39h.564zm-2.386 0c.001.145.027.234.103.357a.596.596 0 00.252.24.667.667 0 00.274-.275.668.668 0 00.103-.322h-.732zm.87 0c.001.145.027.234.103.357a.598.598 0 00.252.24.59.59 0 00.344-.275.584.584 0 00.103-.322h-.802z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round"/><path d="M27.605 30.046h3.572v1.15h-3.572v-1.15z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M11.266 16.85v.526a.428.428 0 00.356-.136.432.432 0 00.137-.39h-.493zm2.948 0v.597a.528.528 0 01-.426-.207.52.52 0 01-.137-.39h.563zm-2.385 0a.6.6 0 00.103.356.596.596 0 00.252.24.67.67 0 00.274-.275.661.661 0 00.102-.322h-.73zm.87 0a.601.601 0 00.103.356.599.599 0 00.252.24.594.594 0 00.344-.275.583.583 0 00.103-.322h-.802z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round"/><path d="M11.559 29.154h2.358" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.484 18.845h2.533v11.15h-2.533v-11.15zm-.52-1.213h3.361v1.149h-3.36v-1.15z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M13.335 24.93l-.593 1.028-.594-1.028h1.187zm0-1.645l-.593-1.027-.594 1.027h1.187z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.74 20.133V21.6m0 4.646v1.72m-.545-3.882a.545.545 0 111.091 0 .545.545 0 01-1.09 0z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round"/><path d="M10.824 30.046h3.571v1.15h-3.57v-1.15z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M11.559 19.577h2.358" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.538 8.86a.588.588 0 11-.392-1.007m-.933 1.42a.588.588 0 11-.609-.893m-.526 1.46a.589.589 0 11-.78-.748m-.306 1.467a.589.589 0 11-.92-.569m-.071 1.571a.588.588 0 11-1.017-.364m.25 1.468a.588.588 0 11-1.07-.145m.478 1.326a.59.59 0 01-.728.815.588.588 0 01-.351-.753m10.192-4.985a.59.59 0 001-.44.587.587 0 00-.608-.567m.933 1.502a.588.588 0 10.609-.893m.526 1.541a.588.588 0 10.78-.746m.306 1.466a.588.588 0 10.92-.569m.071 1.57a.588.588 0 101.017-.364m-.25 1.469a.587.587 0 101.07-.145m-.478 1.326a.587.587 0 101.079.061M20.297 8.09c0-.65.342-1.176.765-1.176s.766.527.766 1.177-.343 1.177-.766 1.177-.765-.527-.765-1.177z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M20.48 7.016c-4.294.546-8.335 4.16-8.937 8.419l2.305.015a7.304 7.304 0 017.186-5.998m.003 0c3.607 0 6.569 2.552 7.163 5.99l2.302-.007c-.592-4.512-4.25-8.07-8.84-8.34" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M21.664 21.942h.312m-1.81-1.872l-.937.27-.229.167.396.707.187.874 1.429-.125m1.697.016h.305l.419-.91-.062-.25-.48-.25m-3.162-.27l.395.77.062.416h.604m.77-.145l.583-.063" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round"/><path d="M21.221 20.898h1.01m-3.258 7.646a8.86 8.86 0 00-.22.697c-.088.316-.178.49-.192.818a1.867 1.867 0 000 .192m1.814-1.572l-.257.818-.042.69m2.83-1.707l.364 1.124-.043.732m-1.06-1.728l.135 1.302v.476M21.136 28.7l.085 1.686m-3.35-2.29a7.42 7.42 0 00-.327 1.095 7.417 7.417 0 00-.192 1.28c.192.064.302.097.497.15.4.107.853.197 1.039.213.32.028 2.474.21 3.997-.128.256-.021.54-.042.86-.064.078-.005.252-.052.242-.128-.049-.37-.025-.505-.07-.825-.057-.399-.077-.632-.214-1.01a3.187 3.187 0 00-.235-.52" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round" stroke-linejoin="round"/><path d="M23.945 17.306h2.53l.875.462m-2.917.013h2.892v3.787h-2.85m.811 0v-3.787l-.56-.506m1.185 0l.629.445-.005 3.765m-2.552-3.38l.471.508h2.81m-3.281 1.443l.43.534h2.871m-3.276-3.197l.445.377-.008 3.7-.436-.463-.001-3.614z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M28.674 7.335a.579.579 0 111.158 0 .579.579 0 01-1.158 0zm-14.53-1.178a.58.58 0 111.159 0 .58.58 0 01-1.159 0z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round"/><path d="M17.326 18.337l2.79 7.535m-2.42-7.789l3.099 8.101m-3.313-7.343a.228.228 0 01.137-.196.23.23 0 01.249.02m-.19.6a.207.207 0 01.078-.229.22.22 0 01.308.04m4.667 5.642c.36.46.528.756.74 1.3.29.748.37 1.227.341 2.028h-.989c-.27.113-.43.162-.718.22-.418.085-.666.069-1.092.065a6.651 6.651 0 01-1.433-.15 6.777 6.777 0 01-.562-.135 1.465 1.465 0 01-.932 0 1.437 1.437 0 01-.39-.17c.025-.41.06-.641.156-1.039.072-.3.124-.466.235-.754m.888.733l-.064.476v.412m2.198-2.986l.135.498.043.91m.605-1.36c.268.582.39.93.54 1.552.127.523.174.828.214 1.365m-4.71-6.309l.257.065.413.448-.413-.904-.427.278-.348.654-.086.278.925.305.675.534m-1.557-.712c-.04.159-.074.247-.15.392-.19.365-.527.4-.739.754a1.83 1.83 0 00-.213.476c-.062.204-.105.328-.086.54.02.205.006.378.171.499.107.077.196.1.327.085.17-.103.255-.198.449-.235.718-.135.974-.199 1.493-.348.176-.06.32-.043.37-.299.078-.408-.107-.562-.177-.89l.113-.192m-.07 1.402c.189.126.288.216.433.391.161.196.236.325.326.562a2.37 2.37 0 01-.412.363c-.119.086-.19.13-.32.199a1.911 1.911 0 01-.74.02c-.394-.054-.626-.14-.952-.369a1.839 1.839 0 01-.534-.54m2.048.996a.31.31 0 00.129.284.315.315 0 00.348.043c.306-.113.868-.605.868-.605l-.328-.37m-.497 1.06c.158.283.278.431.519.648.218.195.36.29.626.412l.192.15.285.02m-.435-.583c.134.1.204.168.306.3.102.13.071.283.214.369a.41.41 0 00.455 0m-.52-.775l.215.362.134.392m1.856-5.448a.835.835 0 01.171.625c-.015.18-.083.269-.15.434-.08.2-.131.31-.234.498l-1.102-.128-.75-.021-1.028.106m.199.541l1.188-.065 1.422.129.071-.37m1.963-2.418a.374.374 0 00-.17.263.368.368 0 00.02.235c.14.058.22.087.364.128.206.06.327.083.54.107a.683.683 0 01.263-.32c.235-.166.458 0 .733-.087.132-.04.192-.104.327-.134.165-.036.359.152.434 0a.218.218 0 000-.213m-2.86.711a.892.892 0 01.477-.064c.249.026.352.17.584.263.085.035.226-.007.22.085-.021.32-.233.339-.456.342-.196.003-.239-.225-.433-.256-.143-.023-.26.137-.37.042a.224.224 0 01-.085-.149m-.99-1.43l.428.328.241 1.08m.235.065l-.433.192-.605.74m2.055-.541c-.327.54-.39.711-.583 1.4-.102.37-.263.869-.69 1.274-.124.118-.22.212-.39.199a.372.372 0 01-.194-.064m2.853-3.997l.213-.028m-8.801-3.862a.63.63 0 01.131-.543.65.65 0 01.66-.268.595.595 0 00-.62-.176.57.57 0 00-.367.254 1.137 1.137 0 00-.156-.274 1.135 1.135 0 00-.386-.347.932.932 0 00-.117.445.922.922 0 00.078.445.607.607 0 00-.523 0 .613.613 0 00-.386.424.943.943 0 01.675-.092c.127.024.21.032.312.112a.475.475 0 01.19.293.457.457 0 01.216-.215.457.457 0 01.293-.058z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round" stroke-linejoin="round"/><path d="M67.79 5.018c0-.706-.605-1.286-1.285-1.286-.706 0-1.286.58-1.286 1.286 0 .706.58 1.286 1.286 1.286.68 0 1.286-.58 1.286-1.286zM67.513 8.684c-.378.026-.68.076-1.008.076-.353 0-.681-.05-1.009-.076v12.054c.328-.026.656-.076 1.009-.076.328 0 .63.05 1.008.076V8.684zM77.35 14.131l-1.514 3.555c-.1.227-.302.454-.479.706-1.563-3.53-3.05-7.363-3.757-9.708-.428.026-.756.076-1.11.076-.403 0-.781-.05-1.134-.076 1.588 3.506 4.06 9.658 4.942 12.054.252-.026.504-.076.782-.076.227 0 .48.05.756.076 1.261-3.657 3.783-9.204 5.144-12.054-.302.026-.555.076-.806.076-.278 0-.555-.05-.807-.076l-2.017 5.447z" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M91.477 18.14c-.68.656-2.017 1.74-3.732 1.74-3.05 0-4.589-2.42-4.362-5.244h3.555c1.69 0 3.404.025 5.12.075.252-4.211-2.32-6.178-5.12-6.178-3.757 0-5.774 2.698-5.774 6.203 0 3.909 2.47 6.203 5.951 6.203 1.538 0 3.101-.605 4.337-1.487l.025-1.312zm-8.094-4.438c.151-2.118 1.185-4.387 3.555-4.387 2.497 0 3.102 2.194 3.152 4.387h-6.707z" fill="#000"/><path d="M93.758 20.738c.327-.026.655-.076 1.008-.076.328 0 .63.05 1.009.076v-6.531c0-1.362.05-2.194.932-3.203.379-.428 1.06-.63 1.614-.63.43 0 .807.302 1.186.403l.353-2.118c-.227-.1-.43-.126-.782-.126-1.26 0-2.345 1.06-3.177 2.37l-.126.303V8.684c-.378.026-.68.076-1.009.076-.353 0-.68-.05-1.008-.076v12.054zM100.404 18.292c-.1.63-.327 1.235-.529 1.84.882.53 2.119.807 3.152.807 2.219 0 4.64-1.286 4.64-3.984 0-4.034-5.951-2.32-5.951-5.547 0-1.362 1.034-2.093 2.294-2.093.933 0 1.816.832 2.144 1.664h.227c.151-.605.353-1.21.605-1.79-.454-.277-1.538-.656-2.849-.656-2.27 0-4.111 1.311-4.111 3.732 0 4.413 5.951 2.194 5.951 5.598 0 1.336-1.235 2.294-2.471 2.294-1.185 0-2.295-.882-2.899-1.866h-.203zM112.259 5.018c0-.706-.605-1.286-1.286-1.286a1.29 1.29 0 00-1.285 1.286 1.29 1.29 0 001.285 1.286c.681 0 1.286-.58 1.286-1.286zM111.982 8.684c-.378.026-.68.076-1.008.076-.353 0-.681-.05-1.009-.076v12.054c.328-.026.656-.076 1.009-.076.328 0 .63.05 1.008.076V8.684zM115.751 6.188v2.497h-1.563c.075.327.075.63 0 .958h1.563v7.337c-.126 3.077.983 3.96 2.9 3.96.731 0 1.437-.202 2.118-.455v-.605c-.378.076-.757.177-1.135.177-2.093 0-1.866-2.547-1.866-4.085v-6.33h2.673c-.076-.251-.076-.604 0-.957h-2.673V5.406l-2.017.782zM134.407 6.188v2.497h-1.563c.075.327.075.63 0 .958h1.563v7.337c-.126 3.077.984 3.96 2.9 3.96.731 0 1.437-.202 2.118-.455v-.605c-.379.076-.756.177-1.134.177-2.094 0-1.867-2.547-1.867-4.085v-6.33h2.673c-.075-.251-.075-.604 0-.957h-2.673V5.406l-2.017.782zM63.993 23.138c-.303.025-.53.075-.782.075-.302 0-.555-.05-.807-.075-.53 1.714-2.572 6.682-3.706 9.38-1.16-2.648-2.572-6.834-3.228-9.38-.252.025-.454.075-.656.075-.227 0-.453-.05-.655-.075-.832 2.647-2.496 7.136-3.53 9.355-1.21-2.926-2.32-6.304-3.203-9.355-.429.025-.756.075-1.11.075-.378 0-.756-.05-1.109-.075 1.362 3.152 2.976 7.489 4.463 12.053.227-.026.454-.076.681-.076.227 0 .429.05.681.076 1.21-3.858 2.597-7.54 3.43-9.153.932 2.32 2.445 6.707 3.101 9.153.227-.026.454-.076.68-.076.203 0 .404.05.681.076 1.564-4.615 4.186-10.314 5.07-12.053zM67.51 23.138c-.379.025-.681.075-1.01.075-.352 0-.68-.05-1.008-.075V35.19c.328-.026.656-.076 1.009-.076.328 0 .63.05 1.009.076V23.138z" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M80.02 32.594c-.68.655-2.017 1.74-3.732 1.74-3.05 0-4.589-2.421-4.362-5.245h3.556c1.69 0 3.404.025 5.119.075.252-4.21-2.32-6.178-5.12-6.178-3.756 0-5.774 2.698-5.774 6.203 0 3.909 2.472 6.204 5.951 6.204 1.538 0 3.102-.606 4.337-1.488l.026-1.311zm-8.094-4.438c.152-2.118 1.186-4.387 3.556-4.387 2.496 0 3.102 2.193 3.152 4.387h-6.708z" fill="#000"/><path d="M82.246 35.19c.328-.024.656-.075 1.009-.075.327 0 .63.05 1.008.076v-5.85c0-3.102.656-5.043 3.304-5.043 2.37 0 2.799 1.84 2.799 4.185v6.708c.327-.025.656-.076 1.008-.076.328 0 .63.05 1.009.076v-7.287c0-3.33-1.135-4.918-4.06-4.918-1.79 0-3.177.908-4.06 2.446v-2.294c-.378.025-.68.075-1.008.075-.353 0-.68-.05-1.009-.076v12.054z" fill="#000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M130.753 12.76c0-2.88-1.454-4.283-4.13-4.283-1.505 0-2.883.56-4.106 1.402v1.428h.28c.179-.56 1.173-1.759 3.034-1.759 1.913 0 2.984 1.097 2.984 2.983 0 1.224-.688 1.377-2.703 1.708-2.397.383-4.717.766-4.717 3.672 0 1.887 1.581 3.111 3.391 3.111 1.53 0 2.703-.535 3.774-1.606l.229-.23c.204 1.505 1.301 1.709 2.627 1.48.28-.052.586-.18.765-.256v-.56c-1.505.33-1.429-.18-1.429-1.174l.001-5.915zm-2.04 5.432c0 .178-.51.612-.689.79-.484.485-1.351.97-2.039.97-1.556 0-2.499-.791-2.499-2.398 0-2.32 2.601-2.575 4.334-2.907l.893-.178v3.723z" fill="#000"/><path d="M124.869 5.018c0-.67-.574-1.221-1.221-1.221-.671 0-1.222.55-1.222 1.221 0 .67.551 1.222 1.222 1.222.646 0 1.221-.551 1.221-1.222zM130.568 5.018c0-.67-.575-1.221-1.222-1.221-.67 0-1.221.55-1.221 1.221 0 .67.551 1.222 1.221 1.222.647 0 1.222-.551 1.222-1.222zM54.718 8.684v2.24c.884-1.505 2.26-2.39 4.028-2.39 2.925 0 4.06 1.588 4.06 4.916v7.288c-.379-.026-.681-.076-1.01-.076-.352 0-.68.05-1.008.076V14.03c0-2.345-.428-4.186-2.798-4.186-2.323 0-3.113 1.495-3.272 3.956v6.938c-.395-.026-.69-.075-1.008-.075-.373.002-.69.05-1.009.075l-.032-2.109c-.813 1.5-2.235 2.31-3.977 2.31-2.774 0-4.16-1.437-4.16-4.841V8.684c.327.026.655.076 1.008.076.327 0 .63-.05 1.008-.076v6.809c0 2.647.782 4.21 3.051 4.21 2.228 0 2.924-1.702 3.07-3.321V8.684c.35.025.668.073 1.008.076.351 0 .646-.05 1.01-.076h.031z" fill="#000"/><path d="M10.843 30.458c-2.42-2.358-3.705-5.712-3.705-9.445 0-7.375 6.128-13.723 13.504-13.903m.9.025c7.336.372 13.362 6.45 13.362 13.878 0 3.598-1.482 6.943-3.727 9.41m-1.863 1.72c-1.792 1.403-5.216 2.67-7.9 2.844m-1.15-.05c-2.878-.15-5.207-1.12-7.36-2.76M2.625 21.012c0-10.16 8.236-18.396 18.396-18.396s18.395 8.236 18.395 18.396-8.236 18.395-18.395 18.395c-10.16 0-18.396-8.236-18.396-18.395z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M12.152 31.733a.53.53 0 111.058 0 .53.53 0 01-1.058 0zm16.857 0a.53.53 0 111.058 0 .53.53 0 01-1.058 0z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.818 4.479c.137-.455.72-.686 1.132-.45.251.145.376.343.389.632.015.327-.172.518-.427.723-.17.137-.292.195-.505.24m-2.255-.054c-.975.595-1.32.156-1.335-.36-.014-.476.441-.707.957-.757.969-.094 1.282 1.133 2.551 1.17l.3-.006.275-.005c1.267-.081 1.537-1.317 2.509-1.257.516.031.98.247.983.723.003.515-.327.967-1.322.407" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round"/><path d="M9.754 16.54s-.508.747-.769 1.26a14.913 14.913 0 00-.493 1.158c.232.267.358.35.493.63.171.357.133.44.092.683m1.135.236l-.768.322m.87.562H9.41m.768.802l-.836-.323m-.323.446a2.055 2.055 0 01-.17.507c-.141.303-.256.465-.494.699.27.368.44.565.767.884.257.25.412.382.699.596m.151-5.126c-.704.325-1.824.823-1.85 1.193-.039.56.953 1.294 1.7 1.789.362-.488.496-.86.527-1.466.031-.609-.065-.993-.377-1.516zM32.327 16.54s.508.747.769 1.26c.222.438.493 1.158.493 1.158-.232.267-.358.35-.493.63-.171.357-.163.47-.122.712m-1.105.207l.767.322m-.87.562h.905m-.768.802l.836-.323m.322.587c.025.267.064.42.171.665.134.306.25.47.494.699-.27.368-.44.566-.768.884-.256.25-.41.382-.698.596m-.151-5.425c.797.09 1.796 1.27 1.97 1.606.181.347-1.173 1.08-1.82 1.376-.362-.488-.496-.86-.527-1.466-.03-.609.065-.993.377-1.516z" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864"/><path d="M14.93 29.867l2.49-.022m6.59.022l2.915-.022m-7.823-5.775l.213-.085m2.162 3.869c0-.109-.004-.17-.02-.278a1.57 1.57 0 00-.278-.718l-.285-.518-.434-.257-.277-.107" stroke="#000" stroke-width=".257" stroke-miterlimit="3.864" stroke-linecap="round" stroke-linejoin="round"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/crests/wien.png b/services/web/public/img/crests/wien.png
new file mode 100644
index 0000000..594ba9f
Binary files /dev/null and b/services/web/public/img/crests/wien.png differ
diff --git a/services/web/public/img/crests/yale.png b/services/web/public/img/crests/yale.png
new file mode 100644
index 0000000..d248fbb
Binary files /dev/null and b/services/web/public/img/crests/yale.png differ
diff --git a/services/web/public/img/crests/york.png b/services/web/public/img/crests/york.png
new file mode 100644
index 0000000..bc55cd8
Binary files /dev/null and b/services/web/public/img/crests/york.png differ
diff --git a/services/web/public/img/dropbox/document_updated_modal.png b/services/web/public/img/dropbox/document_updated_modal.png
new file mode 100644
index 0000000..720263b
Binary files /dev/null and b/services/web/public/img/dropbox/document_updated_modal.png differ
diff --git a/services/web/public/img/dropbox/dropbox_banner.png b/services/web/public/img/dropbox/dropbox_banner.png
new file mode 100644
index 0000000..a29b9cc
Binary files /dev/null and b/services/web/public/img/dropbox/dropbox_banner.png differ
diff --git a/services/web/public/img/dropbox/dropbox_banner_tall.png b/services/web/public/img/dropbox/dropbox_banner_tall.png
new file mode 100644
index 0000000..2045f2d
Binary files /dev/null and b/services/web/public/img/dropbox/dropbox_banner_tall.png differ
diff --git a/services/web/public/img/dropbox/dropbox_logo.png b/services/web/public/img/dropbox/dropbox_logo.png
new file mode 100644
index 0000000..27a57ad
Binary files /dev/null and b/services/web/public/img/dropbox/dropbox_logo.png differ
diff --git a/services/web/public/img/dropbox/dropbox_progress_bar.png b/services/web/public/img/dropbox/dropbox_progress_bar.png
new file mode 100644
index 0000000..b725067
Binary files /dev/null and b/services/web/public/img/dropbox/dropbox_progress_bar.png differ
diff --git a/services/web/public/img/dropbox/history_diff.png b/services/web/public/img/dropbox/history_diff.png
new file mode 100644
index 0000000..27629b1
Binary files /dev/null and b/services/web/public/img/dropbox/history_diff.png differ
diff --git a/services/web/public/img/dropbox/share_dropbox_folder.png b/services/web/public/img/dropbox/share_dropbox_folder.png
new file mode 100644
index 0000000..368743f
Binary files /dev/null and b/services/web/public/img/dropbox/share_dropbox_folder.png differ
diff --git a/services/web/public/img/dropbox/simple_logo.png b/services/web/public/img/dropbox/simple_logo.png
new file mode 100644
index 0000000..998c996
Binary files /dev/null and b/services/web/public/img/dropbox/simple_logo.png differ
diff --git a/services/web/public/img/enago.png b/services/web/public/img/enago.png
new file mode 100644
index 0000000..c8b3a34
Binary files /dev/null and b/services/web/public/img/enago.png differ
diff --git a/services/web/public/img/enterprise-page/business-hero.png b/services/web/public/img/enterprise-page/business-hero.png
new file mode 100644
index 0000000..47c9086
Binary files /dev/null and b/services/web/public/img/enterprise-page/business-hero.png differ
diff --git a/services/web/public/img/fa-check-green.svg b/services/web/public/img/fa-check-green.svg
new file mode 100644
index 0000000..9c6efcc
--- /dev/null
+++ b/services/web/public/img/fa-check-green.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M13.0547 2.42187C13.0547 2.22656 12.9766 2.03125 12.8359 1.89063L11.7734 0.828125C11.6328 0.6875 11.4375 0.609375 11.2422 0.609375C11.0469 0.609375 10.8516 0.6875 10.7109 0.828125L5.58594 5.96094L3.28906 3.65625C3.14844 3.51563 2.95313 3.4375 2.75781 3.4375C2.5625 3.4375 2.36719 3.51563 2.22656 3.65625L1.16406 4.71875C1.02344 4.85937 0.945312 5.05469 0.945312 5.25C0.945312 5.44531 1.02344 5.64063 1.16406 5.78125L5.05469 9.67188C5.19531 9.8125 5.39063 9.89062 5.58594 9.89062C5.78125 9.89062 5.97656 9.8125 6.11719 9.67188L12.8359 2.95313C12.9766 2.8125 13.0547 2.61719 13.0547 2.42187Z" fill="#0F7A06"/>
+</svg>
diff --git a/services/web/public/img/faileupload.png b/services/web/public/img/faileupload.png
new file mode 100644
index 0000000..36c5ef6
Binary files /dev/null and b/services/web/public/img/faileupload.png differ
diff --git a/services/web/public/img/feature-page/courtney-gibbons.jpg b/services/web/public/img/feature-page/courtney-gibbons.jpg
new file mode 100644
index 0000000..ae7d769
Binary files /dev/null and b/services/web/public/img/feature-page/courtney-gibbons.jpg differ
diff --git a/services/web/public/img/feature-page/feat-accept-poster.jpg b/services/web/public/img/feature-page/feat-accept-poster.jpg
new file mode 100644
index 0000000..bad0790
Binary files /dev/null and b/services/web/public/img/feature-page/feat-accept-poster.jpg differ
diff --git a/services/web/public/img/feature-page/feat-accept.mp4 b/services/web/public/img/feature-page/feat-accept.mp4
new file mode 100644
index 0000000..8828597
Binary files /dev/null and b/services/web/public/img/feature-page/feat-accept.mp4 differ
diff --git a/services/web/public/img/feature-page/feat-changes-poster.jpg b/services/web/public/img/feature-page/feat-changes-poster.jpg
new file mode 100644
index 0000000..1303abb
Binary files /dev/null and b/services/web/public/img/feature-page/feat-changes-poster.jpg differ
diff --git a/services/web/public/img/feature-page/feat-changes.mp4 b/services/web/public/img/feature-page/feat-changes.mp4
new file mode 100644
index 0000000..8cced26
Binary files /dev/null and b/services/web/public/img/feature-page/feat-changes.mp4 differ
diff --git a/services/web/public/img/feature-page/feat-discuss-poster.jpg b/services/web/public/img/feature-page/feat-discuss-poster.jpg
new file mode 100644
index 0000000..b632b39
Binary files /dev/null and b/services/web/public/img/feature-page/feat-discuss-poster.jpg differ
diff --git a/services/web/public/img/feature-page/feat-discuss.mp4 b/services/web/public/img/feature-page/feat-discuss.mp4
new file mode 100644
index 0000000..bdb5c95
Binary files /dev/null and b/services/web/public/img/feature-page/feat-discuss.mp4 differ
diff --git a/services/web/public/img/feature-page/feat-todos-poster.jpg b/services/web/public/img/feature-page/feat-todos-poster.jpg
new file mode 100644
index 0000000..f221dba
Binary files /dev/null and b/services/web/public/img/feature-page/feat-todos-poster.jpg differ
diff --git a/services/web/public/img/feature-page/feat-todos.mp4 b/services/web/public/img/feature-page/feat-todos.mp4
new file mode 100644
index 0000000..4e5d1bf
Binary files /dev/null and b/services/web/public/img/feature-page/feat-todos.mp4 differ
diff --git a/services/web/public/img/feature-page/intro-poster.jpg b/services/web/public/img/feature-page/intro-poster.jpg
new file mode 100644
index 0000000..d228d6b
Binary files /dev/null and b/services/web/public/img/feature-page/intro-poster.jpg differ
diff --git a/services/web/public/img/feature-page/intro.mp4 b/services/web/public/img/feature-page/intro.mp4
new file mode 100644
index 0000000..e36e1c8
Binary files /dev/null and b/services/web/public/img/feature-page/intro.mp4 differ
diff --git a/services/web/public/img/feature-page/joanna-ellis-monaghan.jpg b/services/web/public/img/feature-page/joanna-ellis-monaghan.jpg
new file mode 100644
index 0000000..c5d85b0
Binary files /dev/null and b/services/web/public/img/feature-page/joanna-ellis-monaghan.jpg differ
diff --git a/services/web/public/img/feature-page/pamela-marcum.jpg b/services/web/public/img/feature-page/pamela-marcum.jpg
new file mode 100644
index 0000000..6674160
Binary files /dev/null and b/services/web/public/img/feature-page/pamela-marcum.jpg differ
diff --git a/services/web/public/img/feature-page/user-caltech.png b/services/web/public/img/feature-page/user-caltech.png
new file mode 100644
index 0000000..da2c7d2
Binary files /dev/null and b/services/web/public/img/feature-page/user-caltech.png differ
diff --git a/services/web/public/img/feature-page/user-chalmers.png b/services/web/public/img/feature-page/user-chalmers.png
new file mode 100644
index 0000000..9756dd1
Binary files /dev/null and b/services/web/public/img/feature-page/user-chalmers.png differ
diff --git a/services/web/public/img/feature-page/user-deepmind.png b/services/web/public/img/feature-page/user-deepmind.png
new file mode 100644
index 0000000..6ef1622
Binary files /dev/null and b/services/web/public/img/feature-page/user-deepmind.png differ
diff --git a/services/web/public/img/feature-page/user-nasa-jpl.png b/services/web/public/img/feature-page/user-nasa-jpl.png
new file mode 100644
index 0000000..2fcbf3b
Binary files /dev/null and b/services/web/public/img/feature-page/user-nasa-jpl.png differ
diff --git a/services/web/public/img/flags/24/cn.png b/services/web/public/img/flags/24/cn.png
new file mode 100644
index 0000000..08fca13
Binary files /dev/null and b/services/web/public/img/flags/24/cn.png differ
diff --git a/services/web/public/img/flags/24/cs.png b/services/web/public/img/flags/24/cs.png
new file mode 100644
index 0000000..73ac442
Binary files /dev/null and b/services/web/public/img/flags/24/cs.png differ
diff --git a/services/web/public/img/flags/24/da.png b/services/web/public/img/flags/24/da.png
new file mode 100644
index 0000000..6edf00b
Binary files /dev/null and b/services/web/public/img/flags/24/da.png differ
diff --git a/services/web/public/img/flags/24/de.png b/services/web/public/img/flags/24/de.png
new file mode 100644
index 0000000..0c229c3
Binary files /dev/null and b/services/web/public/img/flags/24/de.png differ
diff --git a/services/web/public/img/flags/24/en.png b/services/web/public/img/flags/24/en.png
new file mode 100644
index 0000000..719c69f
Binary files /dev/null and b/services/web/public/img/flags/24/en.png differ
diff --git a/services/web/public/img/flags/24/es.png b/services/web/public/img/flags/24/es.png
new file mode 100644
index 0000000..39d0c76
Binary files /dev/null and b/services/web/public/img/flags/24/es.png differ
diff --git a/services/web/public/img/flags/24/fi.png b/services/web/public/img/flags/24/fi.png
new file mode 100644
index 0000000..c9f17f6
Binary files /dev/null and b/services/web/public/img/flags/24/fi.png differ
diff --git a/services/web/public/img/flags/24/fr.png b/services/web/public/img/flags/24/fr.png
new file mode 100644
index 0000000..f27f411
Binary files /dev/null and b/services/web/public/img/flags/24/fr.png differ
diff --git a/services/web/public/img/flags/24/it.png b/services/web/public/img/flags/24/it.png
new file mode 100644
index 0000000..53ec702
Binary files /dev/null and b/services/web/public/img/flags/24/it.png differ
diff --git a/services/web/public/img/flags/24/ja.png b/services/web/public/img/flags/24/ja.png
new file mode 100644
index 0000000..0516af4
Binary files /dev/null and b/services/web/public/img/flags/24/ja.png differ
diff --git a/services/web/public/img/flags/24/ko.png b/services/web/public/img/flags/24/ko.png
new file mode 100644
index 0000000..f6f6baa
Binary files /dev/null and b/services/web/public/img/flags/24/ko.png differ
diff --git a/services/web/public/img/flags/24/nl.png b/services/web/public/img/flags/24/nl.png
new file mode 100644
index 0000000..505b9ce
Binary files /dev/null and b/services/web/public/img/flags/24/nl.png differ
diff --git a/services/web/public/img/flags/24/no.png b/services/web/public/img/flags/24/no.png
new file mode 100644
index 0000000..20d6534
Binary files /dev/null and b/services/web/public/img/flags/24/no.png differ
diff --git a/services/web/public/img/flags/24/pl.png b/services/web/public/img/flags/24/pl.png
new file mode 100644
index 0000000..92cd1ca
Binary files /dev/null and b/services/web/public/img/flags/24/pl.png differ
diff --git a/services/web/public/img/flags/24/pt.png b/services/web/public/img/flags/24/pt.png
new file mode 100644
index 0000000..2c3f5df
Binary files /dev/null and b/services/web/public/img/flags/24/pt.png differ
diff --git a/services/web/public/img/flags/24/ru.png b/services/web/public/img/flags/24/ru.png
new file mode 100644
index 0000000..d9624ca
Binary files /dev/null and b/services/web/public/img/flags/24/ru.png differ
diff --git a/services/web/public/img/flags/24/sv.png b/services/web/public/img/flags/24/sv.png
new file mode 100644
index 0000000..fd0b55b
Binary files /dev/null and b/services/web/public/img/flags/24/sv.png differ
diff --git a/services/web/public/img/flags/24/tr.png b/services/web/public/img/flags/24/tr.png
new file mode 100644
index 0000000..786d736
Binary files /dev/null and b/services/web/public/img/flags/24/tr.png differ
diff --git a/services/web/public/img/flags/24/uk.png b/services/web/public/img/flags/24/uk.png
new file mode 100644
index 0000000..e46611f
Binary files /dev/null and b/services/web/public/img/flags/24/uk.png differ
diff --git a/services/web/public/img/flags/24/zh-CN.png b/services/web/public/img/flags/24/zh-CN.png
new file mode 100644
index 0000000..08fca13
Binary files /dev/null and b/services/web/public/img/flags/24/zh-CN.png differ
diff --git a/services/web/public/img/flags/32/cn.png b/services/web/public/img/flags/32/cn.png
new file mode 100644
index 0000000..eea8471
Binary files /dev/null and b/services/web/public/img/flags/32/cn.png differ
diff --git a/services/web/public/img/flags/32/cs.png b/services/web/public/img/flags/32/cs.png
new file mode 100644
index 0000000..7a45980
Binary files /dev/null and b/services/web/public/img/flags/32/cs.png differ
diff --git a/services/web/public/img/flags/32/da.png b/services/web/public/img/flags/32/da.png
new file mode 100644
index 0000000..9cb5c29
Binary files /dev/null and b/services/web/public/img/flags/32/da.png differ
diff --git a/services/web/public/img/flags/32/de.png b/services/web/public/img/flags/32/de.png
new file mode 100644
index 0000000..4e84b6e
Binary files /dev/null and b/services/web/public/img/flags/32/de.png differ
diff --git a/services/web/public/img/flags/32/en.png b/services/web/public/img/flags/32/en.png
new file mode 100644
index 0000000..719c69f
Binary files /dev/null and b/services/web/public/img/flags/32/en.png differ
diff --git a/services/web/public/img/flags/32/es.png b/services/web/public/img/flags/32/es.png
new file mode 100644
index 0000000..65814c3
Binary files /dev/null and b/services/web/public/img/flags/32/es.png differ
diff --git a/services/web/public/img/flags/32/fi.png b/services/web/public/img/flags/32/fi.png
new file mode 100644
index 0000000..e665307
Binary files /dev/null and b/services/web/public/img/flags/32/fi.png differ
diff --git a/services/web/public/img/flags/32/fr.png b/services/web/public/img/flags/32/fr.png
new file mode 100644
index 0000000..00c2b42
Binary files /dev/null and b/services/web/public/img/flags/32/fr.png differ
diff --git a/services/web/public/img/flags/32/it.png b/services/web/public/img/flags/32/it.png
new file mode 100644
index 0000000..53ec702
Binary files /dev/null and b/services/web/public/img/flags/32/it.png differ
diff --git a/services/web/public/img/flags/32/ja.png b/services/web/public/img/flags/32/ja.png
new file mode 100644
index 0000000..54d0e5a
Binary files /dev/null and b/services/web/public/img/flags/32/ja.png differ
diff --git a/services/web/public/img/flags/32/ko.png b/services/web/public/img/flags/32/ko.png
new file mode 100644
index 0000000..050ebed
Binary files /dev/null and b/services/web/public/img/flags/32/ko.png differ
diff --git a/services/web/public/img/flags/32/nl.png b/services/web/public/img/flags/32/nl.png
new file mode 100644
index 0000000..01b1612
Binary files /dev/null and b/services/web/public/img/flags/32/nl.png differ
diff --git a/services/web/public/img/flags/32/no.png b/services/web/public/img/flags/32/no.png
new file mode 100644
index 0000000..dc0d858
Binary files /dev/null and b/services/web/public/img/flags/32/no.png differ
diff --git a/services/web/public/img/flags/32/pl.png b/services/web/public/img/flags/32/pl.png
new file mode 100644
index 0000000..60cb1b4
Binary files /dev/null and b/services/web/public/img/flags/32/pl.png differ
diff --git a/services/web/public/img/flags/32/pt.png b/services/web/public/img/flags/32/pt.png
new file mode 100644
index 0000000..d9c2383
Binary files /dev/null and b/services/web/public/img/flags/32/pt.png differ
diff --git a/services/web/public/img/flags/32/ru.png b/services/web/public/img/flags/32/ru.png
new file mode 100644
index 0000000..6ec5b90
Binary files /dev/null and b/services/web/public/img/flags/32/ru.png differ
diff --git a/services/web/public/img/flags/32/sv.png b/services/web/public/img/flags/32/sv.png
new file mode 100644
index 0000000..c114237
Binary files /dev/null and b/services/web/public/img/flags/32/sv.png differ
diff --git a/services/web/public/img/flags/32/tr.png b/services/web/public/img/flags/32/tr.png
new file mode 100644
index 0000000..e854a8d
Binary files /dev/null and b/services/web/public/img/flags/32/tr.png differ
diff --git a/services/web/public/img/flags/32/uk.png b/services/web/public/img/flags/32/uk.png
new file mode 100644
index 0000000..151d87a
Binary files /dev/null and b/services/web/public/img/flags/32/uk.png differ
diff --git a/services/web/public/img/flags/32/zh-CN.png b/services/web/public/img/flags/32/zh-CN.png
new file mode 100644
index 0000000..eea8471
Binary files /dev/null and b/services/web/public/img/flags/32/zh-CN.png differ
diff --git a/services/web/public/img/github/octocat.jpg b/services/web/public/img/github/octocat.jpg
new file mode 100644
index 0000000..0d05096
Binary files /dev/null and b/services/web/public/img/github/octocat.jpg differ
diff --git a/services/web/public/img/material-icons/arrow-white-24.svg b/services/web/public/img/material-icons/arrow-white-24.svg
new file mode 100644
index 0000000..a687397
--- /dev/null
+++ b/services/web/public/img/material-icons/arrow-white-24.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" fill="#ffffff"><path d="m14 18-1.4-1.45L16.15 13H4v-2h12.15L12.6 7.45 14 6l6 6Z"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/material-icons/assignment-blue-68.svg b/services/web/public/img/material-icons/assignment-blue-68.svg
new file mode 100644
index 0000000..e6324c1
--- /dev/null
+++ b/services/web/public/img/material-icons/assignment-blue-68.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="68" viewBox="0 0 24 24" width="68" fill="#3265B2"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M7 15h7v2H7zm0-4h10v2H7zm0-4h10v2H7zm12-4h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-.14 0-.27.01-.4.04-.39.08-.74.28-1.01.55-.18.18-.33.4-.43.64-.1.23-.16.49-.16.77v14c0 .27.06.54.16.78s.25.45.43.64c.27.27.62.47 1.01.55.13.02.26.03.4.03h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7-.25c.41 0 .75.34.75.75s-.34.75-.75.75-.75-.34-.75-.75.34-.75.75-.75zM19 19H5V5h14v14z"></path></svg>
\ No newline at end of file
diff --git a/services/web/public/img/material-icons/assured-workload-blue-80.svg b/services/web/public/img/material-icons/assured-workload-blue-80.svg
new file mode 100644
index 0000000..2fd23a3
--- /dev/null
+++ b/services/web/public/img/material-icons/assured-workload-blue-80.svg
@@ -0,0 +1,8 @@
+<svg width="80" height="81" viewBox="0 0 80 81" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_403_8037" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="80" height="81">
+<rect y="0.839844" width="80" height="80" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_403_8037)">
+<path d="M20.1665 60.7563C19.4443 60.7563 18.8471 60.5202 18.3748 60.0479C17.9026 59.5757 17.6665 58.9785 17.6665 58.2563V35.0063C17.6665 34.284 17.9026 33.6868 18.3748 33.2146C18.8471 32.7424 19.4443 32.5063 20.1665 32.5063C20.8887 32.5063 21.4859 32.7424 21.9582 33.2146C22.4304 33.6868 22.6665 34.284 22.6665 35.0063V58.2563C22.6665 58.9785 22.4304 59.5757 21.9582 60.0479C21.4859 60.5202 20.8887 60.7563 20.1665 60.7563ZM40.3332 60.7563C39.611 60.7563 39.0137 60.5202 38.5415 60.0479C38.0693 59.5757 37.8332 58.9785 37.8332 58.2563V35.0063C37.8332 34.284 38.0693 33.6868 38.5415 33.2146C39.0137 32.7424 39.611 32.5063 40.3332 32.5063C41.0554 32.5063 41.6526 32.7424 42.1248 33.2146C42.5971 33.6868 42.8332 34.284 42.8332 35.0063V58.2563C42.8332 58.9785 42.5971 59.5757 42.1248 60.0479C41.6526 60.5202 41.0554 60.7563 40.3332 60.7563ZM9.4165 27.5063C8.63873 27.5063 7.98595 27.2424 7.45817 26.7146C6.93039 26.1868 6.6665 25.534 6.6665 24.7563C6.6665 24.3118 6.80539 23.8396 7.08317 23.3396C7.36095 22.8396 7.69428 22.4785 8.08317 22.2563L37.4998 5.50627C37.8887 5.28404 38.2915 5.11738 38.7082 5.00627C39.1248 4.89516 39.5554 4.8396 39.9998 4.8396C40.4443 4.8396 40.8748 4.89516 41.2915 5.00627C41.7082 5.11738 42.111 5.28404 42.4998 5.50627L71.9165 22.2563C72.3054 22.4785 72.6387 22.8396 72.9165 23.3396C73.1943 23.8396 73.3332 24.3118 73.3332 24.7563C73.3332 25.534 73.0693 26.1868 72.5415 26.7146C72.0137 27.2424 71.3609 27.5063 70.5832 27.5063H9.4165ZM17.8332 22.5063H62.1665L39.9998 9.8396L17.8332 22.5063ZM9.1665 70.7563C8.44428 70.7563 7.84706 70.5202 7.37484 70.0479C6.90262 69.5757 6.6665 68.9785 6.6665 68.2563C6.6665 67.534 6.90262 66.9368 7.37484 66.4646C7.84706 65.9924 8.44428 65.7563 9.1665 65.7563H48.3332C48.4443 66.534 48.5415 67.3257 48.6248 68.1313C48.7082 68.9368 48.9165 69.8118 49.2498 70.7563H9.1665ZM57.3332 46.5063V35.0063C57.3332 34.284 57.5693 33.6868 58.0415 33.2146C58.5137 32.7424 59.111 32.5063 59.8332 32.5063C60.5554 32.5063 61.1526 32.7424 61.6248 33.2146C62.0971 33.6868 62.3332 34.284 62.3332 35.0063V44.0063L57.3332 46.5063ZM66.6665 80.8396C62.8332 79.8952 59.6526 77.6868 57.1248 74.2146C54.5971 70.7424 53.3332 66.8952 53.3332 62.6729V55.7563C53.3332 55.3118 53.4582 54.8813 53.7082 54.4646C53.9582 54.0479 54.3054 53.7285 54.7498 53.5063L65.5832 48.0896C65.9165 47.9229 66.2776 47.8396 66.6665 47.8396C67.0554 47.8396 67.4165 47.9229 67.7498 48.0896L78.5832 53.5063C79.0276 53.7285 79.3748 54.0479 79.6248 54.4646C79.8748 54.8813 79.9998 55.3118 79.9998 55.7563V62.6729C79.9998 66.8952 78.7359 70.7424 76.2082 74.2146C73.6804 77.6868 70.4998 79.8952 66.6665 80.8396ZM75.5832 60.1729C75.9165 59.8396 76.0832 59.4507 76.0832 59.0063C76.0832 58.5618 75.9165 58.1729 75.5832 57.8396C75.2498 57.5063 74.861 57.3396 74.4165 57.3396C73.9721 57.3396 73.5832 57.5063 73.2498 57.8396L64.9165 66.1729L61.1665 62.4229C60.8332 62.0896 60.4443 61.9229 59.9998 61.9229C59.5554 61.9229 59.1665 62.0896 58.8332 62.4229C58.4998 62.7563 58.3332 63.1452 58.3332 63.5896C58.3332 64.034 58.4998 64.4229 58.8332 64.7563L63.1665 69.0896C63.4443 69.3674 63.7221 69.5618 63.9998 69.6729C64.2776 69.784 64.5832 69.8396 64.9165 69.8396C65.2498 69.8396 65.5554 69.784 65.8332 69.6729C66.111 69.5618 66.3887 69.3674 66.6665 69.0896L75.5832 60.1729Z" fill="#3265B2"/>
+</g>
+</svg>
diff --git a/services/web/public/img/material-icons/check-green-20.svg b/services/web/public/img/material-icons/check-green-20.svg
new file mode 100644
index 0000000..571db78
--- /dev/null
+++ b/services/web/public/img/material-icons/check-green-20.svg
@@ -0,0 +1,4 @@
+<svg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M3.22917 5.9375L8.72917 0.458333C8.88194 0.305555 9.05556 0.23611 9.25 0.249999C9.44445 0.249999 9.61806 0.326388 9.77083 0.479166C9.92361 0.631943 10 0.805555 10 0.999999C10 1.19444 9.92361 1.36806 9.77083 1.52083L3.77083 7.52083C3.61806 7.67361 3.4375 7.75 3.22917 7.75C3.03472 7.75 2.86111 7.67361 2.70833 7.52083L0.229167 5.04167C0.0763889 4.88889 0 4.71528 0 4.52083C0 4.32639 0.0763889 4.15278 0.229167 4C0.381945 3.84722 0.555556 3.77083 0.75 3.77083C0.944445 3.77083 1.11806 3.84722 1.27083 4L3.22917 5.9375Z" fill="#1F5919"/>
+</svg>
+    
\ No newline at end of file
diff --git a/services/web/public/img/material-icons/circle-green-24.svg b/services/web/public/img/material-icons/circle-green-24.svg
new file mode 100644
index 0000000..68fe062
--- /dev/null
+++ b/services/web/public/img/material-icons/circle-green-24.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" fill="#5BB553"><path d="m10.6 16.6 7.05-7.05-1.4-1.4-5.65 5.65-2.85-2.85-1.4 1.4ZM12 22q-2.075 0-3.9-.788-1.825-.787-3.175-2.137-1.35-1.35-2.137-3.175Q2 14.075 2 12t.788-3.9q.787-1.825 2.137-3.175 1.35-1.35 3.175-2.138Q9.925 2 12 2t3.9.787q1.825.788 3.175 2.138 1.35 1.35 2.137 3.175Q22 9.925 22 12t-.788 3.9q-.787 1.825-2.137 3.175-1.35 1.35-3.175 2.137Q14.075 22 12 22Z"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/material-icons/description-blue-68.svg b/services/web/public/img/material-icons/description-blue-68.svg
new file mode 100644
index 0000000..892821f
--- /dev/null
+++ b/services/web/public/img/material-icons/description-blue-68.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="68" viewBox="0 0 24 24" width="68" fill="#3265B2"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"></path></svg>
\ No newline at end of file
diff --git a/services/web/public/img/material-icons/functions-green-24.svg b/services/web/public/img/material-icons/functions-green-24.svg
new file mode 100644
index 0000000..a815f92
--- /dev/null
+++ b/services/web/public/img/material-icons/functions-green-24.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#46a546"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M16.5 4H7.56C6.7 4 6 4.7 6 5.56c0 .28.12.55.32.74L12.5 12l-6.18 5.7c-.2.19-.32.46-.32.74C6 19.3 6.7 20 7.56 20h8.94c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5H11l3.59-3.59c.78-.78.78-2.05 0-2.83L11 7h5.5c.83 0 1.5-.67 1.5-1.5S17.33 4 16.5 4z"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/material-icons/group-green-22.svg b/services/web/public/img/material-icons/group-green-22.svg
new file mode 100644
index 0000000..275566c
--- /dev/null
+++ b/services/web/public/img/material-icons/group-green-22.svg
@@ -0,0 +1,3 @@
+<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M0 16.5273V13.7273C0 13.1607 0.146 12.6397 0.438 12.1643C0.729333 11.6897 1.11667 11.3273 1.6 11.0773C2.63333 10.5607 3.68333 10.173 4.75 9.91434C5.81667 9.65634 6.9 9.52734 8 9.52734C9.1 9.52734 10.1833 9.65634 11.25 9.91434C12.3167 10.173 13.3667 10.5607 14.4 11.0773C14.8833 11.3273 15.2707 11.6897 15.562 12.1643C15.854 12.6397 16 13.1607 16 13.7273V16.5273H0ZM18 16.5273V13.5273C18 12.794 17.796 12.0897 17.388 11.4143C16.9793 10.7397 16.4 10.1607 15.65 9.67734C16.5 9.77734 17.3 9.94801 18.05 10.1893C18.8 10.4313 19.5 10.7273 20.15 11.0773C20.75 11.4107 21.2083 11.7813 21.525 12.1893C21.8417 12.598 22 13.044 22 13.5273V16.5273H18ZM8 8.52734C6.9 8.52734 5.95833 8.13568 5.175 7.35234C4.39167 6.56901 4 5.62734 4 4.52734C4 3.42734 4.39167 2.48568 5.175 1.70234C5.95833 0.919011 6.9 0.527344 8 0.527344C9.1 0.527344 10.0417 0.919011 10.825 1.70234C11.6083 2.48568 12 3.42734 12 4.52734C12 5.62734 11.6083 6.56901 10.825 7.35234C10.0417 8.13568 9.1 8.52734 8 8.52734ZM18 4.52734C18 5.62734 17.6083 6.56901 16.825 7.35234C16.0417 8.13568 15.1 8.52734 14 8.52734C13.8167 8.52734 13.5833 8.50668 13.3 8.46534C13.0167 8.42334 12.7833 8.37734 12.6 8.32734C13.05 7.79401 13.3957 7.20234 13.637 6.55234C13.879 5.90234 14 5.22734 14 4.52734C14 3.82734 13.879 3.15234 13.637 2.50234C13.3957 1.85234 13.05 1.26068 12.6 0.727344C12.8333 0.64401 13.0667 0.589677 13.3 0.564344C13.5333 0.539677 13.7667 0.527344 14 0.527344C15.1 0.527344 16.0417 0.919011 16.825 1.70234C17.6083 2.48568 18 3.42734 18 4.52734ZM2 14.5273H14V13.7273C14 13.544 13.9543 13.3773 13.863 13.2273C13.771 13.0773 13.65 12.9607 13.5 12.8773C12.6 12.4273 11.6917 12.0897 10.775 11.8643C9.85833 11.6397 8.93333 11.5273 8 11.5273C7.06667 11.5273 6.14167 11.6397 5.225 11.8643C4.30833 12.0897 3.4 12.4273 2.5 12.8773C2.35 12.9607 2.22933 13.0773 2.138 13.2273C2.046 13.3773 2 13.544 2 13.7273V14.5273ZM8 6.52734C8.55 6.52734 9.021 6.33134 9.413 5.93934C9.80433 5.54801 10 5.07734 10 4.52734C10 3.97734 9.80433 3.50668 9.413 3.11534C9.021 2.72334 8.55 2.52734 8 2.52734C7.45 2.52734 6.97933 2.72334 6.588 3.11534C6.196 3.50668 6 3.97734 6 4.52734C6 5.07734 6.196 5.54801 6.588 5.93934C6.97933 6.33134 7.45 6.52734 8 6.52734Z" fill="#5BB553"/>
+</svg>
\ No newline at end of file
diff --git a/services/web/public/img/material-icons/history-green-24.svg b/services/web/public/img/material-icons/history-green-24.svg
new file mode 100644
index 0000000..bee2427
--- /dev/null
+++ b/services/web/public/img/material-icons/history-green-24.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#46a546"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M13.26 3C8.17 2.86 4 6.95 4 12H2.21c-.45 0-.67.54-.35.85l2.79 2.8c.2.2.51.2.71 0l2.79-2.8c.31-.31.09-.85-.36-.85H6c0-3.9 3.18-7.05 7.1-7 3.72.05 6.85 3.18 6.9 6.9.05 3.91-3.1 7.1-7 7.1-1.61 0-3.1-.55-4.28-1.48-.4-.31-.96-.28-1.32.08-.42.42-.39 1.13.08 1.49C9 20.29 10.91 21 13 21c5.05 0 9.14-4.17 9-9.26-.13-4.69-4.05-8.61-8.74-8.74zm-.51 5c-.41 0-.75.34-.75.75v3.68c0 .35.19.68.49.86l3.12 1.85c.36.21.82.09 1.03-.26.21-.36.09-.82-.26-1.03l-2.88-1.71v-3.4c0-.4-.34-.74-.75-.74z"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/material-icons/note-add-blue-68.svg b/services/web/public/img/material-icons/note-add-blue-68.svg
new file mode 100644
index 0000000..be12963
--- /dev/null
+++ b/services/web/public/img/material-icons/note-add-blue-68.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="68" viewBox="0 0 24 24" width="68" fill="#3265B2"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M13 11h-2v3H8v2h3v3h2v-3h3v-2h-3zm1-9H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"></path></svg>
\ No newline at end of file
diff --git a/services/web/public/img/material-icons/page-green-24.svg b/services/web/public/img/material-icons/page-green-24.svg
new file mode 100644
index 0000000..56c2a9a
--- /dev/null
+++ b/services/web/public/img/material-icons/page-green-24.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#46a546"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 4h7l5 5v8.58l-1.84-1.84c1.28-1.94 1.07-4.57-.64-6.28C14.55 8.49 13.28 8 12 8c-1.28 0-2.55.49-3.53 1.46-1.95 1.95-1.95 5.11 0 7.05.97.97 2.25 1.46 3.53 1.46.96 0 1.92-.28 2.75-.83L17.6 20H6V4zm8.11 11.1c-.56.56-1.31.88-2.11.88s-1.55-.31-2.11-.88c-.56-.56-.88-1.31-.88-2.11s.31-1.55.88-2.11c.56-.57 1.31-.88 2.11-.88s1.55.31 2.11.88c.56.56.88 1.31.88 2.11s-.31 1.55-.88 2.11z"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/material-icons/school-blue-68.svg b/services/web/public/img/material-icons/school-blue-68.svg
new file mode 100644
index 0000000..9a08222
--- /dev/null
+++ b/services/web/public/img/material-icons/school-blue-68.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="68" viewBox="0 0 24 24" width="68" fill="#3265B2"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M12 3 1 9l4 2.18v6L12 21l7-3.82v-6l2-1.09V17h2V9L12 3zm6.82 6L12 12.72 5.18 9 12 5.28 18.82 9zM17 15.99l-5 2.73-5-2.73v-3.72L12 15l5-2.73v3.72z"></path></svg>
\ No newline at end of file
diff --git a/services/web/public/img/material-icons/security-blue-80.svg b/services/web/public/img/material-icons/security-blue-80.svg
new file mode 100644
index 0000000..558a361
--- /dev/null
+++ b/services/web/public/img/material-icons/security-blue-80.svg
@@ -0,0 +1,8 @@
+<svg width="80" height="81" viewBox="0 0 80 81" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_403_8029" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="80" height="81">
+<rect y="0.839844" width="80" height="80" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_403_8029)">
+<path d="M40.0002 73.6728C39.3891 73.6728 38.8202 73.6306 38.2935 73.5461C37.7646 73.4639 37.2779 73.3394 36.8335 73.1728C29.9446 70.6172 24.3057 66.0617 19.9168 59.5061C15.5279 52.9506 13.3335 45.7283 13.3335 37.8394V22.0894C13.3335 20.7005 13.7368 19.4505 14.5435 18.3394C15.3479 17.2283 16.3891 16.4228 17.6668 15.9228L37.6668 8.42277C38.4446 8.14499 39.2224 8.0061 40.0002 8.0061C40.7779 8.0061 41.5557 8.14499 42.3335 8.42277L62.3335 15.9228C63.6113 16.4228 64.6535 17.2283 65.4602 18.3394C66.2646 19.4505 66.6668 20.7005 66.6668 22.0894V37.8394C66.6668 45.7283 64.4724 52.9506 60.0835 59.5061C55.6946 66.0617 50.0557 70.6172 43.1668 73.1728C42.7224 73.3394 42.2357 73.4639 41.7068 73.5461C41.1802 73.6306 40.6113 73.6728 40.0002 73.6728ZM40.0002 67.1728C45.389 65.5061 49.889 62.215 53.5002 57.2994C57.1113 52.3817 59.2224 46.895 59.8335 40.8394H40.0002V14.5894L20.0002 22.0894V39.3394C20.0002 39.7283 20.0557 40.2283 20.1668 40.8394H40.0002V67.1728Z" fill="#3265B2"/>
+</g>
+</svg>
diff --git a/services/web/public/img/material-icons/star-gradient.svg b/services/web/public/img/material-icons/star-gradient.svg
new file mode 100644
index 0000000..0f979e3
--- /dev/null
+++ b/services/web/public/img/material-icons/star-gradient.svg
@@ -0,0 +1,15 @@
+<svg width="17" height="17" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_967_5711" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="17" height="17">
+<rect x="0.396484" y="0.64917" width="16" height="16" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_967_5711)">
+<path d="M8.39636 11.1826L5.9297 13.0659C5.80747 13.1659 5.67414 13.213 5.5297 13.2072C5.38525 13.2019 5.25747 13.1603 5.14636 13.0826C5.03525 13.0048 4.94925 12.8992 4.88836 12.7659C4.82703 12.6326 4.82414 12.4881 4.8797 12.3326L5.8297 9.24923L3.41303 7.53257C3.2797 7.44368 3.19636 7.32701 3.16303 7.18257C3.1297 7.03812 3.13525 6.90479 3.1797 6.78257C3.22414 6.66035 3.30192 6.5519 3.41303 6.45724C3.52414 6.36301 3.65747 6.3159 3.81303 6.3159H6.79636L7.76303 3.1159C7.81859 2.96035 7.90481 2.84079 8.0217 2.75724C8.13814 2.67412 8.26303 2.63257 8.39636 2.63257C8.5297 2.63257 8.65459 2.67412 8.77103 2.75724C8.88792 2.84079 8.97414 2.96035 9.0297 3.1159L9.99636 6.3159H12.9797C13.1353 6.3159 13.2686 6.36301 13.3797 6.45724C13.4908 6.5519 13.5686 6.66035 13.613 6.78257C13.6575 6.90479 13.663 7.03812 13.6297 7.18257C13.5964 7.32701 13.513 7.44368 13.3797 7.53257L10.963 9.24923L11.913 12.3326C11.9686 12.4881 11.9659 12.6326 11.905 12.7659C11.8437 12.8992 11.7575 13.0048 11.6464 13.0826C11.5353 13.1603 11.4075 13.2019 11.263 13.2072C11.1186 13.213 10.9853 13.1659 10.863 13.0659L8.39636 11.1826Z" fill="url(#paint0_linear_967_5711)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_967_5711" x1="13.6511" y1="2.63257" x2="1.37486" y2="8.15906" gradientUnits="userSpaceOnUse">
+<stop stop-color="#214475"/>
+<stop offset="0.295154" stop-color="#254C84"/>
+<stop offset="1" stop-color="#6597E0"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/services/web/public/img/material-icons/support-agent-green-21.svg b/services/web/public/img/material-icons/support-agent-green-21.svg
new file mode 100644
index 0000000..e259c74
--- /dev/null
+++ b/services/web/public/img/material-icons/support-agent-green-21.svg
@@ -0,0 +1,3 @@
+<svg width="21" height="19" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.875 18.1311C10.5917 18.1311 10.3543 18.0351 10.163 17.8431C9.971 17.6518 9.875 17.4144 9.875 17.1311C9.875 16.8478 9.971 16.6104 10.163 16.4191C10.3543 16.2271 10.5917 16.1311 10.875 16.1311H17.875V9.0311C17.875 8.06444 17.6917 7.1561 17.325 6.3061C16.9583 5.4561 16.4583 4.71444 15.825 4.0811C15.1917 3.44777 14.45 2.94777 13.6 2.5811C12.75 2.21444 11.8417 2.0311 10.875 2.0311C9.90833 2.0311 9 2.21444 8.15 2.5811C7.3 2.94777 6.55833 3.44777 5.925 4.0811C5.29167 4.71444 4.79167 5.4561 4.425 6.3061C4.05833 7.1561 3.875 8.06444 3.875 9.0311V14.1311C3.875 14.4144 3.77933 14.6518 3.588 14.8431C3.396 15.0351 3.15833 15.1311 2.875 15.1311C2.325 15.1311 1.85433 14.9354 1.463 14.5441C1.071 14.1521 0.875 13.6811 0.875 13.1311V11.1311C0.875 10.7478 0.966667 10.4101 1.15 10.1181C1.33333 9.82677 1.575 9.58944 1.875 9.4061L1.95 8.0811C2.1 6.86444 2.446 5.76444 2.988 4.7811C3.52933 3.79777 4.20433 2.96444 5.013 2.2811C5.821 1.59777 6.72933 1.06844 7.738 0.693104C8.746 0.318437 9.79167 0.131104 10.875 0.131104C11.975 0.131104 13.0293 0.318437 14.038 0.693104C15.046 1.06844 15.95 1.60177 16.75 2.2931C17.55 2.9851 18.221 3.81844 18.763 4.7931C19.3043 5.76844 19.65 6.8561 19.8 8.0561L19.875 9.3561C20.175 9.5061 20.4167 9.72677 20.6 10.0181C20.7833 10.3101 20.875 10.6311 20.875 10.9811V13.2811C20.875 13.6478 20.7833 13.9728 20.6 14.2561C20.4167 14.5394 20.175 14.7561 19.875 14.9061V16.1311C19.875 16.6811 19.6793 17.1521 19.288 17.5441C18.896 17.9354 18.425 18.1311 17.875 18.1311H10.875ZM7.875 11.1311C7.59167 11.1311 7.35433 11.0351 7.163 10.8431C6.971 10.6518 6.875 10.4144 6.875 10.1311C6.875 9.84777 6.971 9.6101 7.163 9.4181C7.35433 9.22677 7.59167 9.1311 7.875 9.1311C8.15833 9.1311 8.396 9.22677 8.588 9.4181C8.77933 9.6101 8.875 9.84777 8.875 10.1311C8.875 10.4144 8.77933 10.6518 8.588 10.8431C8.396 11.0351 8.15833 11.1311 7.875 11.1311ZM13.875 11.1311C13.5917 11.1311 13.3543 11.0351 13.163 10.8431C12.971 10.6518 12.875 10.4144 12.875 10.1311C12.875 9.84777 12.971 9.6101 13.163 9.4181C13.3543 9.22677 13.5917 9.1311 13.875 9.1311C14.1583 9.1311 14.396 9.22677 14.588 9.4181C14.7793 9.6101 14.875 9.84777 14.875 10.1311C14.875 10.4144 14.7793 10.6518 14.588 10.8431C14.396 11.0351 14.1583 11.1311 13.875 11.1311ZM4.9 9.5811C4.83333 8.59777 4.971 7.7061 5.313 6.9061C5.65433 6.1061 6.11233 5.42677 6.687 4.8681C7.26233 4.3101 7.925 3.8811 8.675 3.5811C9.425 3.2811 10.175 3.1311 10.925 3.1311C12.4417 3.1311 13.7543 3.61044 14.863 4.5691C15.971 5.5271 16.6417 6.72277 16.875 8.1561C15.3083 8.13944 13.8917 7.71844 12.625 6.8931C11.3583 6.06844 10.4 4.99777 9.75 3.6811C9.48333 5.0311 8.921 6.22677 8.063 7.2681C7.20433 8.3101 6.15 9.0811 4.9 9.5811Z" fill="#5BB553"/>
+</svg>
\ No newline at end of file
diff --git a/services/web/public/img/material-icons/verified-user-blue-80.svg b/services/web/public/img/material-icons/verified-user-blue-80.svg
new file mode 100644
index 0000000..38cb8f7
--- /dev/null
+++ b/services/web/public/img/material-icons/verified-user-blue-80.svg
@@ -0,0 +1,8 @@
+<svg width="80" height="81" viewBox="0 0 80 81" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_403_8045" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="80" height="81">
+<rect y="0.839844" width="80" height="80" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_403_8045)">
+<path d="M36.5835 44.7564L30.0002 38.173C29.5002 37.673 28.8891 37.423 28.1668 37.423C27.4446 37.423 26.8335 37.673 26.3335 38.173C25.8335 38.673 25.5835 39.2841 25.5835 40.0064C25.5835 40.7286 25.8335 41.3397 26.3335 41.8397L34.5835 50.0897C35.0835 50.5897 35.6807 50.8397 36.3752 50.8397C37.0696 50.8397 37.6668 50.5897 38.1668 50.0897L53.5835 34.673C54.0279 34.2286 54.2502 33.6452 54.2502 32.923C54.2502 32.2008 54.0279 31.6175 53.5835 31.173C53.1391 30.7286 52.5696 30.5063 51.8752 30.5063C51.1807 30.5063 50.6113 30.7286 50.1668 31.173L36.5835 44.7564ZM40.0002 73.923C39.7779 73.923 39.5696 73.9091 39.3752 73.8813C39.1807 73.8536 39.0002 73.8119 38.8335 73.7563C31.389 71.5341 25.2779 66.9647 20.5002 60.048C15.7224 53.1314 13.3335 45.5341 13.3335 37.2563V20.923C13.3335 19.8675 13.6391 18.9091 14.2502 18.048C14.8613 17.1869 15.6391 16.5619 16.5835 16.173L38.2502 8.08968C38.8613 7.86746 39.4446 7.75635 40.0002 7.75635C40.5557 7.75635 41.139 7.86746 41.7502 8.08968L63.4168 16.173C64.3613 16.5619 65.1391 17.1869 65.7502 18.048C66.3613 18.9091 66.6668 19.8675 66.6668 20.923V37.2563C66.6668 45.5341 64.2779 53.1314 59.5002 60.048C54.7224 66.9647 48.6113 71.5341 41.1668 73.7563L40.0002 73.923ZM40.0002 68.923C46.389 66.8119 51.5974 62.8258 55.6252 56.9647C59.6529 51.1036 61.6668 44.5341 61.6668 37.2563V20.923L40.0002 12.7563L18.3335 20.923V37.2563C18.3335 44.5341 20.3474 51.1036 24.3752 56.9647C28.4029 62.8258 33.6113 66.8119 40.0002 68.923Z" fill="#3265B2"/>
+</g>
+</svg>
diff --git a/services/web/public/img/material-icons/visibility-slashed-18.svg b/services/web/public/img/material-icons/visibility-slashed-18.svg
new file mode 100644
index 0000000..1a042aa
--- /dev/null
+++ b/services/web/public/img/material-icons/visibility-slashed-18.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="17" viewBox="0 0 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.5 16.8335L12 13.3752C11.5139 13.5279 11.0208 13.6425 10.5208 13.7189C10.0208 13.7953 9.51389 13.8335 9 13.8335C7.13889 13.8335 5.4375 13.3335 3.89583 12.3335C2.35417 11.3335 1.14583 10.0141 0.270833 8.37516C0.201389 8.25016 0.149306 8.12169 0.114583 7.98975C0.0798611 7.8578 0.0625 7.72239 0.0625 7.5835C0.0625 7.44461 0.0798611 7.30919 0.114583 7.17725C0.149306 7.0453 0.201389 6.91683 0.270833 6.79183C0.576389 6.25016 0.902778 5.72239 1.25 5.2085C1.59722 4.69461 2 4.23627 2.45833 3.8335L0.166667 1.50016L1.33333 0.333496L16.6667 15.6668L15.5 16.8335ZM9 11.3335C9.15278 11.3335 9.29861 11.3266 9.4375 11.3127C9.57639 11.2988 9.71528 11.271 9.85417 11.2293L5.35417 6.72933C5.3125 6.86822 5.28472 7.00711 5.27083 7.146C5.25694 7.28489 5.25 7.43072 5.25 7.5835C5.25 8.62516 5.61458 9.51058 6.34375 10.2397C7.07292 10.9689 7.95833 11.3335 9 11.3335ZM15.0833 11.7085L12.4375 9.0835C12.5347 8.84739 12.6111 8.60433 12.6667 8.35433C12.7222 8.10433 12.75 7.84739 12.75 7.5835C12.75 6.54183 12.3854 5.65641 11.6563 4.92725C10.9271 4.19808 10.0417 3.8335 9 3.8335C8.73611 3.8335 8.47917 3.86127 8.22917 3.91683C7.97917 3.97239 7.73611 4.05572 7.5 4.16683L5.375 2.04183C5.95833 1.80572 6.55208 1.62864 7.15625 1.51058C7.76042 1.39252 8.375 1.3335 9 1.3335C10.8611 1.3335 12.566 1.83697 14.1146 2.84391C15.6632 3.85086 16.875 5.17377 17.75 6.81266C17.8194 6.92377 17.8715 7.0453 17.9063 7.17725C17.941 7.30919 17.9583 7.44461 17.9583 7.5835C17.9583 7.72239 17.9444 7.8578 17.9167 7.98975C17.8889 8.12169 17.8403 8.24322 17.7708 8.35433C17.4375 9.00711 17.0521 9.61822 16.6146 10.1877C16.1771 10.7571 15.6667 11.2641 15.0833 11.7085ZM11.2292 7.87516L8.72917 5.37516C9.09028 5.30572 9.44097 5.3335 9.78125 5.4585C10.1215 5.5835 10.4097 5.77794 10.6458 6.04183C10.8819 6.29183 11.0521 6.57655 11.1563 6.896C11.2604 7.21544 11.2847 7.54183 11.2292 7.87516Z" fill="#1C1B1F"/>
+</svg>
diff --git a/services/web/public/img/material-icons/visibility-unslashed-18.svg b/services/web/public/img/material-icons/visibility-unslashed-18.svg
new file mode 100644
index 0000000..b2864fa
--- /dev/null
+++ b/services/web/public/img/material-icons/visibility-unslashed-18.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 10C9.97222 10 10.7986 9.65972 11.4792 8.97917C12.1597 8.29861 12.5 7.47222 12.5 6.5C12.5 5.52778 12.1597 4.70139 11.4792 4.02083C10.7986 3.34028 9.97222 3 9 3C8.02778 3 7.20139 3.34028 6.52083 4.02083C5.84028 4.70139 5.5 5.52778 5.5 6.5C5.5 7.47222 5.84028 8.29861 6.52083 8.97917C7.20139 9.65972 8.02778 10 9 10ZM9 8.5C8.44444 8.5 7.97222 8.30556 7.58333 7.91667C7.19444 7.52778 7 7.05556 7 6.5C7 5.94444 7.19444 5.47222 7.58333 5.08333C7.97222 4.69444 8.44444 4.5 9 4.5C9.55556 4.5 10.0278 4.69444 10.4167 5.08333C10.8056 5.47222 11 5.94444 11 6.5C11 7.05556 10.8056 7.52778 10.4167 7.91667C10.0278 8.30556 9.55556 8.5 9 8.5ZM9 12.5C7.19444 12.5 5.53472 12.0208 4.02083 11.0625C2.50694 10.0903 1.30556 8.8125 0.416667 7.22917C0.347222 7.11806 0.298611 7 0.270833 6.875C0.243056 6.75 0.229167 6.625 0.229167 6.5C0.229167 6.375 0.243056 6.25 0.270833 6.125C0.298611 6 0.347222 5.88194 0.416667 5.77083C1.30556 4.1875 2.50694 2.91667 4.02083 1.95833C5.53472 0.98611 7.19444 0.499999 9 0.499999C10.8056 0.499999 12.4653 0.98611 13.9792 1.95833C15.4931 2.91667 16.6944 4.1875 17.5833 5.77083C17.6528 5.88194 17.7014 6 17.7292 6.125C17.7569 6.25 17.7708 6.375 17.7708 6.5C17.7708 6.625 17.7569 6.75 17.7292 6.875C17.7014 7 17.6528 7.11806 17.5833 7.22917C16.6944 8.8125 15.4931 10.0903 13.9792 11.0625C12.4653 12.0208 10.8056 12.5 9 12.5Z" fill="#1B222C"/>
+</svg>
diff --git a/services/web/public/img/material-icons/workspace-premium-blue-80.svg b/services/web/public/img/material-icons/workspace-premium-blue-80.svg
new file mode 100644
index 0000000..7821630
--- /dev/null
+++ b/services/web/public/img/material-icons/workspace-premium-blue-80.svg
@@ -0,0 +1,8 @@
+<svg width="80" height="81" viewBox="0 0 80 81" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_403_8053" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="80" height="81">
+<rect y="0.839844" width="80" height="80" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_403_8053)">
+<path d="M35.1668 44.1733L40.0002 40.5899L44.7502 44.1733C45.2502 44.5621 45.7502 44.5899 46.2502 44.2566C46.7502 43.9233 46.9168 43.451 46.7502 42.8399L44.9168 36.9233L50.0002 33.0066C50.4446 32.6177 50.5696 32.1455 50.3752 31.5899C50.1807 31.0344 49.7779 30.7566 49.1668 30.7566H43.0835L41.1668 24.5899C41.0002 23.9788 40.6252 23.6733 40.0418 23.6733C39.4585 23.6733 39.0557 23.9788 38.8335 24.5899L36.8335 30.7566H30.8335C30.2224 30.7566 29.8196 31.0344 29.6252 31.5899C29.4307 32.1455 29.5557 32.6177 30.0002 33.0066L35.0835 36.9233L33.2502 42.8399C33.0835 43.451 33.2502 43.9233 33.7502 44.2566C34.2502 44.5899 34.7224 44.5621 35.1668 44.1733ZM23.6668 76.4233C22.8891 76.701 22.1391 76.5899 21.4168 76.0899C20.6946 75.5899 20.3335 74.8955 20.3335 74.0066V52.1733C17.8335 49.5621 16.0418 46.701 14.9585 43.5899C13.8752 40.4788 13.3335 37.3399 13.3335 34.1733C13.3335 26.6177 15.8891 20.2844 21.0002 15.1733C26.1113 10.0621 32.4446 7.50659 40.0002 7.50659C47.5557 7.50659 53.8891 10.0621 59.0002 15.1733C64.1113 20.2844 66.6668 26.6177 66.6668 34.1733C66.6668 37.3399 66.1252 40.4788 65.0418 43.5899C63.9585 46.701 62.1668 49.5621 59.6668 52.1733V74.0066C59.6668 74.8955 59.3057 75.5899 58.5835 76.0899C57.8613 76.5899 57.1113 76.701 56.3335 76.4233L40.0002 70.9233L23.6668 76.4233ZM40.0002 55.8399C46.0557 55.8399 51.1807 53.7427 55.3752 49.5483C59.5696 45.3538 61.6668 40.2288 61.6668 34.1733C61.6668 28.1177 59.5696 22.9927 55.3752 18.7983C51.1807 14.6038 46.0557 12.5066 40.0002 12.5066C33.9446 12.5066 28.8196 14.6038 24.6252 18.7983C20.4307 22.9927 18.3335 28.1177 18.3335 34.1733C18.3335 40.2288 20.4307 45.3538 24.6252 49.5483C28.8196 53.7427 33.9446 55.8399 40.0002 55.8399ZM25.3335 70.5066L40.0002 65.9233L54.6668 70.5066V56.2566C52.4446 57.8677 50.0557 59.0344 47.5002 59.7566C44.9446 60.4788 42.4446 60.8399 40.0002 60.8399C37.5557 60.8399 35.0557 60.4788 32.5002 59.7566C29.9446 59.0344 27.5557 57.8677 25.3335 56.2566V70.5066Z" fill="#3265B2"/>
+</g>
+</svg>
diff --git a/services/web/public/img/material-icons/wysiwyg-green-18.svg b/services/web/public/img/material-icons/wysiwyg-green-18.svg
new file mode 100644
index 0000000..f394572
--- /dev/null
+++ b/services/web/public/img/material-icons/wysiwyg-green-18.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 18.3783C1.45 18.3783 0.979 18.1826 0.587 17.7913C0.195667 17.3993 0 16.9283 0 16.3783V2.3783C0 1.8283 0.195667 1.3573 0.587 0.965296C0.979 0.573962 1.45 0.378296 2 0.378296H16C16.55 0.378296 17.021 0.573962 17.413 0.965296C17.8043 1.3573 18 1.8283 18 2.3783V16.3783C18 16.9283 17.8043 17.3993 17.413 17.7913C17.021 18.1826 16.55 18.3783 16 18.3783H2ZM2 16.3783H16V4.3783H2V16.3783ZM5 9.3783C4.71667 9.3783 4.479 9.2823 4.287 9.0903C4.09567 8.89896 4 8.66163 4 8.3783C4 8.09496 4.09567 7.8573 4.287 7.6653C4.479 7.47396 4.71667 7.3783 5 7.3783H13C13.2833 7.3783 13.5207 7.47396 13.712 7.6653C13.904 7.8573 14 8.09496 14 8.3783C14 8.66163 13.904 8.89896 13.712 9.0903C13.5207 9.2823 13.2833 9.3783 13 9.3783H5ZM5 13.3783C4.71667 13.3783 4.479 13.2823 4.287 13.0903C4.09567 12.899 4 12.6616 4 12.3783C4 12.095 4.09567 11.8573 4.287 11.6653C4.479 11.474 4.71667 11.3783 5 11.3783H9C9.28333 11.3783 9.521 11.474 9.713 11.6653C9.90433 11.8573 10 12.095 10 12.3783C10 12.6616 9.90433 12.899 9.713 13.0903C9.521 13.2823 9.28333 13.3783 9 13.3783H5Z" fill="#5BB553"/>
+</svg>
\ No newline at end of file
diff --git a/services/web/public/img/ol-brand/logo-horizontal.png b/services/web/public/img/ol-brand/logo-horizontal.png
new file mode 100644
index 0000000..6e95b28
Binary files /dev/null and b/services/web/public/img/ol-brand/logo-horizontal.png differ
diff --git a/services/web/public/img/ol-brand/overleaf-a-ds-solution-mallard.svg b/services/web/public/img/ol-brand/overleaf-a-ds-solution-mallard.svg
new file mode 100644
index 0000000..a0e1565
--- /dev/null
+++ b/services/web/public/img/ol-brand/overleaf-a-ds-solution-mallard.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="425" height="192" fill="none"><g clip-path="url(#a)"><path fill="#1D1D1B" d="m27.16 182.86-3.03-7.72H14.4l-2.98 7.72H8.57l9.6-24.37h2.38l9.54 24.37h-2.93Zm-3.9-10.25-2.82-7.53a40.3 40.3 0 0 1-1.12-3.5c-.24 1.07-.6 2.22-1.05 3.5l-2.85 7.53h7.85ZM62.08 170.52c0 4-1.12 7.06-3.4 9.17-2.27 2.12-5.56 3.2-9.85 3.2h-6.87v-24.27h7.6c3.98 0 7.04 1.05 9.23 3.14 2.2 2.1 3.3 5.02 3.3 8.76Zm-5.33.13c0-5.2-2.3-7.82-6.9-7.82h-2.74v15.8h2.2c4.96 0 7.42-2.67 7.42-7.98h.02ZM66.5 159.51c0-1.64.92-2.48 2.75-2.48s2.74.84 2.74 2.48c0 .79-.23 1.39-.68 1.83-.47.45-1.15.66-2.06.66-1.83 0-2.75-.84-2.75-2.49Zm5.28 23.35h-5.07V164.3h5.07v18.56ZM93.24 164.32v2.56l-2.9.76c.53.84.79 1.75.79 2.8 0 1.99-.7 3.55-2.1 4.65-1.38 1.13-3.31 1.67-5.77 1.67l-.92-.05-.75-.08c-.53.4-.79.84-.79 1.34 0 .73.94 1.1 2.8 1.1h3.16c2.04 0 3.58.44 4.66 1.3 1.07.87 1.59 2.17 1.59 3.84 0 2.17-.92 3.85-2.72 5.05-1.8 1.2-4.4 1.8-7.79 1.8-2.59 0-4.57-.44-5.93-1.35a4.32 4.32 0 0 1-2.04-3.8c0-1.12.34-2.06 1.04-2.8a6.1 6.1 0 0 1 3.06-1.61c-.52-.21-.97-.58-1.36-1.1a2.7 2.7 0 0 1 .03-3.37c.42-.47 1-.94 1.78-1.39a5.1 5.1 0 0 1-2.33-2.01 6.06 6.06 0 0 1-.86-3.3c0-2 .65-3.58 1.98-4.7 1.31-1.1 3.2-1.65 5.65-1.65.52 0 1.12.06 1.86.13.7.1 1.17.16 1.36.21h6.5ZM78.92 185.5c0 .7.34 1.25 1 1.64.67.4 1.61.6 2.82.6 1.8 0 3.24-.23 4.26-.75 1.02-.53 1.54-1.18 1.54-2.04 0-.7-.31-1.18-.92-1.44-.6-.26-1.54-.4-2.82-.4H82.2c-.94 0-1.7.22-2.33.66a2.03 2.03 0 0 0-.94 1.73Zm1.83-15.11c0 .99.23 1.8.68 2.38.47.57 1.15.88 2.09.88s1.65-.28 2.1-.88c.44-.58.65-1.39.65-2.38 0-2.25-.92-3.35-2.75-3.35s-2.8 1.13-2.8 3.35h.03ZM96.07 159.51c0-1.64.91-2.48 2.74-2.48s2.75.84 2.75 2.48c0 .79-.24 1.39-.68 1.83-.47.45-1.15.66-2.07.66-1.83 0-2.74-.84-2.74-2.49Zm5.28 23.35h-5.07V164.3h5.07v18.56ZM114.47 179.17c.89 0 1.94-.18 3.2-.57v3.76c-1.26.57-2.83.84-4.66.84-2.02 0-3.5-.53-4.42-1.55-.92-1.02-1.39-2.56-1.39-4.6v-8.94h-2.43v-2.14l2.8-1.7 1.46-3.92h3.25v3.95h5.2v3.79h-5.2v8.94c0 .7.2 1.25.6 1.6.42.33.94.51 1.6.51v.03ZM133.19 182.86l-1-2.51h-.13a7.23 7.23 0 0 1-2.64 2.22c-.88.42-2.06.63-3.52.63a5.8 5.8 0 0 1-4.21-1.52c-1.02-1.02-1.55-2.46-1.55-4.34 0-1.96.68-3.42 2.07-4.37 1.39-.94 3.45-1.46 6.22-1.54l3.22-.1v-.81c0-1.89-.97-2.83-2.88-2.83-1.49 0-3.22.45-5.23 1.34l-1.67-3.43a15.02 15.02 0 0 1 7.11-1.67c2.61 0 4.4.55 5.72 1.62 1.34 1.1 2 2.75 2 4.94v12.37h-3.54.03Zm-1.5-8.58-1.95.08a6.62 6.62 0 0 0-3.3.78c-.73.5-1.07 1.23-1.07 2.23 0 1.43.81 2.14 2.46 2.14a3.9 3.9 0 0 0 2.82-1.02 3.55 3.55 0 0 0 1.05-2.7v-1.5ZM147 182.86h-5.08v-25.83h5.07v25.83ZM175.85 176.14c0 2.2-.78 3.92-2.35 5.17-1.57 1.26-3.77 1.89-6.59 1.89-2.59 0-4.89-.5-6.88-1.47v-4.78c1.65.73 3.04 1.25 4.16 1.54 1.13.29 2.17.44 3.11.44a4.3 4.3 0 0 0 2.59-.65c.6-.44.92-1.07.92-1.93 0-.47-.14-.9-.4-1.28-.26-.4-.65-.74-1.17-1.08-.53-.34-1.57-.89-3.14-1.64a15.1 15.1 0 0 1-3.35-2.01 7.79 7.79 0 0 1-1.77-2.25 6.42 6.42 0 0 1-.66-2.98c0-2.15.74-3.85 2.17-5.08 1.44-1.22 3.48-1.85 6.04-1.85 1.26 0 2.46.16 3.6.44 1.16.3 2.36.7 3.59 1.26l-1.65 4c-1.3-.53-2.35-.9-3.21-1.1-.84-.2-1.68-.31-2.51-.31a3.4 3.4 0 0 0-2.25.68 2.23 2.23 0 0 0-.78 1.77c0 .45.1.87.3 1.18.22.34.56.65 1 1 .45.3 1.54.88 3.27 1.7 2.27 1.06 3.82 2.16 4.65 3.26a6.4 6.4 0 0 1 1.26 4l.05.08ZM187.38 183.2c-5.78 0-8.65-3.17-8.65-9.52 0-3.16.78-5.57 2.35-7.21 1.57-1.68 3.81-2.51 6.74-2.51 2.15 0 4.08.41 5.78 1.25l-1.49 3.92a28.7 28.7 0 0 0-2.22-.78 6.95 6.95 0 0 0-2.07-.32c-2.64 0-3.94 1.89-3.94 5.62 0 3.74 1.3 5.44 3.94 5.44.97 0 1.89-.13 2.72-.39a10 10 0 0 0 2.49-1.23v4.34c-.81.52-1.65.89-2.49 1.07a15 15 0 0 1-3.16.29v.03ZM197.1 159.51c0-1.64.92-2.48 2.75-2.48s2.74.84 2.74 2.48c0 .79-.23 1.39-.68 1.83-.47.45-1.15.66-2.06.66-1.83 0-2.75-.84-2.75-2.49Zm5.28 23.35h-5.07V164.3h5.07v18.56ZM216.08 183.2c-2.98 0-5.33-.84-7-2.49-1.68-1.64-2.51-3.97-2.51-7 0-3.04.78-5.52 2.32-7.22 1.55-1.7 3.72-2.53 6.46-2.53 2.74 0 4.65.75 6.12 2.24 1.46 1.5 2.2 3.56 2.2 6.2v2.46h-11.98a4.8 4.8 0 0 0 1.28 3.37c.78.81 1.9 1.2 3.35 1.2a13.67 13.67 0 0 0 6.27-1.46v3.92c-.89.44-1.83.78-2.82 1-1.02.2-2.25.3-3.69.3Zm-.7-15.64c-1.08 0-1.91.34-2.51 1.02-.6.68-.97 1.65-1.05 2.9h7.11c0-1.25-.34-2.22-1-2.9a3.33 3.33 0 0 0-2.56-1.02ZM244.89 182.86h-5.07V172c0-1.34-.24-2.35-.7-3-.48-.69-1.24-1-2.28-1-1.41 0-2.43.47-3.06 1.41-.63.94-.94 2.5-.94 4.7v8.74h-5.07V164.3h3.86l.69 2.38h.28a5.52 5.52 0 0 1 2.33-2.04c1-.47 2.12-.68 3.37-.68 2.17 0 3.8.57 4.92 1.75 1.12 1.17 1.67 2.85 1.67 5.04v12.1ZM257.64 183.2c-5.77 0-8.65-3.17-8.65-9.52 0-3.16.79-5.57 2.35-7.21 1.57-1.68 3.82-2.51 6.75-2.51 2.14 0 4.08.41 5.78 1.25l-1.5 3.92a28.7 28.7 0 0 0-2.22-.78 6.95 6.95 0 0 0-2.06-.32c-2.64 0-3.95 1.89-3.95 5.62 0 3.74 1.31 5.44 3.95 5.44.97 0 1.88-.13 2.72-.39a10 10 0 0 0 2.48-1.23v4.34c-.8.52-1.65.89-2.48 1.07-.84.19-1.88.29-3.17.29v.03ZM275.97 183.2c-2.98 0-5.33-.84-7-2.49-1.68-1.64-2.52-3.97-2.52-7 0-3.04.79-5.52 2.33-7.22 1.54-1.7 3.71-2.53 6.46-2.53 2.74 0 4.65.75 6.12 2.24 1.46 1.5 2.2 3.56 2.2 6.2v2.46h-11.98a4.81 4.81 0 0 0 1.28 3.37c.78.81 1.9 1.2 3.35 1.2a13.67 13.67 0 0 0 6.27-1.46v3.92c-.89.44-1.83.78-2.85 1-1 .2-2.22.3-3.69.3h.03Zm-.7-15.64c-1.08 0-1.91.34-2.51 1.02-.6.68-.97 1.65-1.05 2.9h7.11c0-1.25-.34-2.22-.97-2.9a3.33 3.33 0 0 0-2.56-1.02h-.03ZM310.87 176.43c0 2.14-.79 3.79-2.33 4.99-1.54 1.2-3.66 1.8-6.3 1.8-2.87 0-5.1-.36-6.64-1.12v-2.72a17.38 17.38 0 0 0 6.72 1.36c1.88 0 3.3-.37 4.24-1.07.94-.7 1.43-1.7 1.43-2.98 0-.84-.15-1.52-.5-2.07a4.63 4.63 0 0 0-1.7-1.49c-.78-.44-1.98-.97-3.6-1.54-2.25-.81-3.87-1.75-4.84-2.88a6.35 6.35 0 0 1-1.43-4.34c0-1.88.7-3.34 2.11-4.47 1.42-1.1 3.27-1.64 5.57-1.64 2.3 0 4.63.44 6.67 1.33l-.9 2.46a15.11 15.11 0 0 0-5.82-1.26c-1.5 0-2.67.32-3.5.97a3.2 3.2 0 0 0-1.26 2.67c0 .83.16 1.51.47 2.06.32.55.84 1.02 1.57 1.5.73.44 1.86.93 3.37 1.48 2.54.92 4.29 1.88 5.26 2.93a5.7 5.7 0 0 1 1.44 4.05l-.03-.02ZM331.1 173.76c0 2.95-.76 5.28-2.25 6.95-1.49 1.68-3.55 2.51-6.2 2.51-1.61 0-3.05-.39-4.33-1.15a7.35 7.35 0 0 1-2.93-3.3 11.54 11.54 0 0 1-1.02-5.01c0-2.95.73-5.28 2.22-6.93 1.5-1.65 3.53-2.48 6.17-2.48s4.58.84 6.07 2.53c1.49 1.7 2.25 3.98 2.25 6.88h.02Zm-13.85 0c0 2.33.47 4.1 1.38 5.3.94 1.23 2.3 1.84 4.1 1.84 1.81 0 3.17-.6 4.11-1.8.94-1.21 1.41-2.99 1.41-5.34 0-2.35-.47-4.08-1.4-5.25-.95-1.2-2.34-1.8-4.14-1.8-1.8 0-3.16.6-4.08 1.77-.91 1.18-1.38 2.95-1.38 5.28ZM338.68 182.86h-2.74v-25.83h2.74v25.83ZM347.13 164.69v11.79c0 1.49.34 2.59 1.02 3.32.68.73 1.72 1.1 3.16 1.1 1.9 0 3.3-.53 4.18-1.57.89-1.05 1.3-2.75 1.3-5.1v-9.57h2.75v18.2h-2.27l-.4-2.44h-.15a5.48 5.48 0 0 1-2.35 2.07c-1 .47-2.15.7-3.43.7-2.22 0-3.87-.52-4.96-1.56-1.1-1.05-1.65-2.72-1.65-5.05v-11.9h2.8ZM371.25 180.92a8.1 8.1 0 0 0 2.49-.34v2.12c-.29.13-.73.26-1.3.37-.58.1-1.1.13-1.58.13-3.53 0-5.28-1.86-5.28-5.57V166.8h-2.61v-1.34l2.61-1.15 1.15-3.9h1.6v4.22h5.28v2.14h-5.28v10.7c0 1.09.26 1.93.78 2.5.52.58 1.23.89 2.14.89v.05ZM377.14 159.75c0-.63.15-1.1.47-1.39.31-.29.7-.44 1.15-.44.44 0 .83.15 1.15.44.31.29.47.76.47 1.39 0 .63-.16 1.07-.47 1.38-.32.32-.7.45-1.15.45-.47 0-.87-.16-1.15-.45-.32-.31-.47-.75-.47-1.38Zm3 23.1h-2.74v-18.19h2.74v18.2ZM401.68 173.76c0 2.95-.76 5.28-2.25 6.95-1.49 1.68-3.55 2.51-6.2 2.51-1.61 0-3.05-.39-4.33-1.15a7.5 7.5 0 0 1-2.93-3.3 11.54 11.54 0 0 1-1.02-5.01c0-2.95.73-5.28 2.22-6.93 1.5-1.65 3.53-2.48 6.17-2.48s4.58.84 6.07 2.53c1.49 1.7 2.25 3.98 2.25 6.88h.02Zm-13.85 0c0 2.33.47 4.1 1.38 5.3.94 1.23 2.3 1.84 4.1 1.84 1.81 0 3.17-.6 4.11-1.8.94-1.21 1.41-2.99 1.41-5.34 0-2.35-.47-4.08-1.4-5.25-.95-1.2-2.33-1.8-4.14-1.8-1.8 0-3.16.6-4.08 1.77-.91 1.18-1.38 2.95-1.38 5.28ZM418.94 182.86v-11.77c0-1.49-.34-2.59-1.02-3.32-.68-.73-1.73-1.1-3.17-1.1-1.9 0-3.3.53-4.18 1.55-.89 1.02-1.33 2.72-1.33 5.1v9.54h-2.75v-18.2h2.25l.44 2.49h.13a5.81 5.81 0 0 1 2.38-2.1 7.62 7.62 0 0 1 3.4-.73c2.2 0 3.85.53 4.94 1.6 1.1 1.04 1.65 2.74 1.65 5.07v11.87h-2.75Z"/><path fill="#046530" d="M106 3.74c-4.89 4.08-8.52 8.96-12.2 13.75a202.61 202.61 0 0 1-5.1 6.4c-3.25 3.85-6.8 7.32-11.3 9.7a26.56 26.56 0 0 1-14.35 2.96 48.22 48.22 0 0 1-13.15-2.96c-.31-.1-.62-.26-1.07-.44 12.03-8.81 25.23-15.27 38.2-22.22-.14 0-.3-.06-.4 0-16.02 4.2-31.24 10.3-45.01 19.68-8.16 5.57-15.35 12.16-20.81 20.5a49.9 49.9 0 0 0-7.71 20.02c-2.3 15.08 6.35 28.57 16.44 33.96 16.91 9.04 37.77-1.02 41.25-19.92 2.82-15.37-7.35-30.27-22.74-32.94-9.8-1.7-18.25 1.36-25.3 8.34-.22.2-.4.47-.58.7-.08-.05-.16-.1-.24-.18.76-1.38 1.5-2.8 2.3-4.15a68.15 68.15 0 0 1 16.34-18.17 7.44 7.44 0 0 1 5.83-1.6c13.9 1.73 25 8.1 32.68 19.95a41.43 41.43 0 0 1 6.64 25.22A42.7 42.7 0 0 1 51 122.16 42.73 42.73 0 0 1 1.05 89.14c-2.38-11.16-.47-21.83 4.44-32 5.2-10.71 13.04-19.1 22.93-25.67.52-.34.88-.65.88-1.38.16-8.13 3.53-14.7 9.96-19.69 5-3.9 10.75-6.17 16.81-7.7C65.01.4 74.17-.3 83.4.1c6.1.27 12.13.9 18.06 2.33 1.47.37 2.88.81 4.55 1.3ZM375.23 59.5c0-.34.08-.66.08-1v-4.99c0-.65.18-.94.91-.94 3.8.03 7.6 0 11.4 0 .6 0 .89.18.8.81V109.97c0 .84-.4 1.26-1.22 1.26-3.58 0-7.16-.03-10.74 0-.9 0-1.13-.29-1.1-1.12.05-1.63 0-3.27 0-4.9 0-.28-.03-.6-.05-.88l-.26-.18c-.06.15-.08.3-.16.44-2.4 4-6.01 6.35-10.54 7.24-7.21 1.44-14.35 1.18-20.99-2.2-9.17-4.65-14.8-12.12-16.42-22.37-1.38-8.76.19-16.94 5.52-24.18 4.68-6.35 10.88-10.4 18.77-11.58 5.12-.76 10.2-.6 15.11 1.23a17.17 17.17 0 0 1 8.18 6.24c.13.21.29.4.45.58.07 0 .15 0 .23-.03l.03-.02Zm-18.04 4.99c-3 0-5.62.63-7.95 1.9-7.08 3.9-10.3 11.33-8.47 19.61 2.07 9.41 12.37 15.35 21.44 12.29a17.33 17.33 0 0 0 11.19-20.55c-1.52-6.45-8.1-13.54-16.21-13.25ZM318.69 92.93c-.9 1.78-1.63 3.43-2.54 5-4.52 7.68-11 12.78-19.84 14.35-17.3 3.08-31.03-6.8-35.45-21.68-5.18-17.48 5.88-35.8 23.79-39.23 9.38-1.8 17.85.76 25.15 6.9 4.88 4.1 8.41 9.17 9.93 15.5a41.84 41.84 0 0 1 1.02 11.11c-.03 1.25-.1 1.3-1.36 1.3h-44.54c-.93 0-1.32.47-1.18 1.4a14.61 14.61 0 0 0 12.7 12.33c3.8.47 7.5.37 11.06-1.25a15.32 15.32 0 0 0 6.2-5.05c.26-.34.78-.68 1.17-.68 4.34-.05 8.66-.02 13-.02.18 0 .36.02.88.1v-.08ZM306.1 75.5l.05-.32c0-.1-.02-.18-.05-.26-1.07-3.45-2.88-6.43-5.83-8.57-3.68-2.67-7.87-3.4-12.31-2.98a16.26 16.26 0 0 0-13.78 11.34c-.08.24-.08.52-.1.81h32.02v-.02Z"/><path fill="#046530" d="M87.36 52.54h13.86c.7 0 .7.5.86.92l6.04 17.2 6.98 19.94c.1.3.2.58.44 1.1.21-.52.34-.8.45-1.1 4.44-12.3 8.91-24.62 13.33-36.93.29-.84.65-1.15 1.57-1.13 3.92.06 7.84 0 11.76 0h1.13c-.13.42-.24.7-.34.97-7.59 18.95-15.14 37.88-22.7 56.83-.28.7-.62 1-1.4 1-2.93-.06-5.84-.03-8.76 0-.66 0-1-.16-1.26-.82-7.19-19-14.43-38-21.64-57-.1-.27-.19-.53-.32-.95v-.03ZM415.17 87.91v22.22c0 .87-.23 1.13-1.1 1.13-3.6-.06-7.21-.06-10.82 0-.94 0-1.15-.3-1.15-1.18V66.01c0-1-.5-1.5-1.52-1.5h-4.62c-.66 0-.9-.2-.9-.86V53.38c0-.6.22-.84.84-.81 1.6.03 3.22 0 4.81 0 .76 0 1-.26 1-.97-.05-2.43.08-4.8.7-7.19 1.63-6.24 5.86-9.62 11.92-11.08 3.27-.78 6.6-.84 9.91-.76.52 0 .7.21.7.73v10.64c0 .6-.28.7-.8.73-1.62.16-3.27.19-4.84.6a5.7 5.7 0 0 0-3.95 6.8c.06.21.55.45.84.45 2.54.02 5.1.05 7.63 0 .84 0 1.15.18 1.13 1.1-.06 3.29-.06 6.58 0 9.88 0 .73-.21.99-.97.99-2.61-.03-5.2 0-7.82-.03-.83 0-1.07.27-1.07 1.08.03 7.45 0 14.87 0 22.32l.08.05ZM254.09 72.38v37.67c0 .97-.26 1.23-1.2 1.2-3.61-.05-7.22-.05-10.82 0-.9 0-1.13-.28-1.13-1.12V34.7c0-.92.31-1.18 1.2-1.15 3.64.05 7.3.05 10.93 0 .86 0 1.05.29 1.05 1.07v37.77h-.03ZM234.7 64.23c-1.76.34-3.46.63-5.13 1.02-5.1 1.2-7.87 4.55-8.57 9.62a52.66 52.66 0 0 0-.53 7.03c-.05 9.38 0 18.77 0 28.15 0 .86-.42 1.28-1.28 1.28h-12.18v-58.7h12.68v6.74l1.2-1.36a17.6 17.6 0 0 1 12.89-6.28c.78-.02 1.02.19 1.02.97-.03 3.58 0 7.16 0 10.74 0 .3-.03.55-.05.79h-.06ZM185.76 92.75c-.37 0-.84.34-1.07.68a15.25 15.25 0 0 1-7.04 5.46c-3.26 1.28-6.66 1.39-10.09.94a14.56 14.56 0 0 1-12.54-11.13c-.19-.76-.3-1.57-.45-2.49h47.37c-.13-2.98-.1-5.85-.42-8.68-.84-7.63-4.37-13.88-10.12-18.84-7.76-6.75-16.78-9.39-26.84-7.11-14.4 3.24-26.98 17.75-23.35 36.33 3.66 18.77 21.91 29.52 40.52 23.24 8.18-2.77 13.65-8.68 17.2-16.42.29-.6.53-1.22.81-1.93-.28-.03-.42-.08-.57-.08-4.47 0-8.92 0-13.39.03h-.02Zm-16.81-29.36c11.1-1 16.68 5.73 18.14 12.08h-31.9c.66-5.07 6.41-11.42 13.76-12.08Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h425v191.04H0z"/></clipPath></defs></svg>
diff --git a/services/web/public/img/ol-brand/overleaf-black.svg b/services/web/public/img/ol-brand/overleaf-black.svg
new file mode 100644
index 0000000..ea06784
--- /dev/null
+++ b/services/web/public/img/ol-brand/overleaf-black.svg
@@ -0,0 +1,9 @@
+<svg width="129" height="38" viewBox="0 0 129 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_2579_355" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="72" height="38">
+<path d="M71.7643 37.6327H0.0244141V0.0717773H71.7643V37.6327Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_2579_355)">
+<path d="M47.2509 26.4555C47.3948 27.7507 47.8985 28.7821 48.81 29.5257C49.6974 30.2692 50.8487 30.653 52.2638 30.653C53.1993 30.653 54.0387 30.4611 54.7823 30.0773C55.5258 29.6696 56.1255 29.1419 56.5572 28.4223H61.0664C60.2989 30.3891 59.1716 31.9002 57.6365 33.0035C56.1255 34.0829 54.3506 34.6345 52.3598 34.6345C51.0166 34.6345 49.7934 34.3947 48.666 33.915C47.5387 33.4352 46.5314 32.7397 45.6199 31.8043C44.7804 30.9168 44.1089 29.9094 43.6531 28.7341C43.1974 27.5589 42.9576 26.3836 42.9576 25.1603C42.9576 23.9131 43.1734 22.7138 43.6052 21.6105C44.0369 20.5072 44.6605 19.4998 45.5 18.6124C46.4114 17.629 47.4668 16.8854 48.6181 16.3817C49.7694 15.8541 50.9686 15.5902 52.1919 15.5902C53.7509 15.5902 55.214 15.95 56.5572 16.6456C57.9004 17.3651 59.0517 18.3485 60.0111 19.6437C60.5867 20.4113 61.0185 21.2747 61.3063 22.2581C61.5941 23.2175 61.714 24.3209 61.714 25.5681C61.714 25.664 61.714 25.8079 61.69 26.0238C61.69 26.2397 61.6661 26.3836 61.6661 26.4795H47.2509V26.4555ZM57.2048 23.1216C56.845 21.9223 56.2454 21.0109 55.4059 20.3873C54.5664 19.7637 53.4871 19.4519 52.2159 19.4519C51.0886 19.4519 50.1052 19.7876 49.2177 20.4592C48.3303 21.1308 47.7306 22.0183 47.4188 23.1216H57.2048ZM71.7638 19.7637C70.1328 19.8836 69.0055 20.3153 68.3579 21.0349C67.7103 21.7544 67.3985 23.0496 67.3985 24.9205V34.1068H63.2011V16.1179H67.1347V18.2046C67.7583 17.3891 68.4539 16.8135 69.2214 16.4297C69.9649 16.0459 70.8284 15.8541 71.7638 15.8541V19.7637ZM32.428 1.24705C27.3432 -0.743722 8.9465 -1.46328 8.92251 9.52196C3.54982 12.9519 0 18.5404 0 24.5367C0 31.7803 5.87638 37.6567 13.1199 37.6567C20.3635 37.6567 26.2399 31.7803 26.2399 24.5367C26.2399 18.9482 22.738 14.1511 17.797 12.2803C16.8376 11.9205 14.7749 11.2729 13.1439 11.4168C10.7934 12.9039 7.91513 15.974 6.57196 19.0441C8.58672 16.6216 11.7288 15.5662 14.5351 16.022C18.6365 16.6936 21.7786 20.2434 21.7786 24.5607C21.7786 29.3338 17.917 33.1954 13.1439 33.1954C10.5055 33.1954 8.15498 32.0201 6.57196 30.1733C4.19742 27.415 3.59779 24.4408 4.07749 21.5386C5.73247 11.3688 17.797 5.58838 26.7675 3.35775C23.8413 4.9168 18.5646 7.45923 14.8708 10.2175C25.6402 14.391 27.3911 5.30056 32.428 1.24705ZM36.7934 34.1308H33.5074L26.6716 16.1179H31.1328L35.3303 28.0865L39.6476 16.1179H43.9889L36.7934 34.1308Z" fill="#1B222C"/>
+</g>
+<path d="M83.6127 26.4556C83.7567 27.7508 84.2843 28.7822 85.1718 29.5257C86.0592 30.2692 87.2105 30.653 88.6257 30.653C89.5611 30.653 90.4006 30.4611 91.1441 30.0774C91.8877 29.6696 92.4873 29.1419 92.919 28.4224H97.4282C96.6607 30.3892 95.5334 31.9002 93.9984 33.0036C92.4873 34.0829 90.7124 34.6346 88.7216 34.6346C87.3784 34.6346 86.1552 34.3947 85.0279 33.915C83.9006 33.4353 82.8932 32.7397 81.9817 31.8043C81.1423 30.9168 80.4707 29.9095 80.015 28.7342C79.5353 27.5829 79.3194 26.3836 79.3194 25.1604C79.3194 23.9131 79.5353 22.7139 79.967 21.6106C80.3987 20.5072 81.0223 19.4999 81.8618 18.6124C82.7733 17.629 83.8286 16.8855 84.9799 16.3818C86.1312 15.8541 87.3305 15.5903 88.5537 15.5903C90.1128 15.5903 91.5758 15.95 92.919 16.6456C94.2622 17.3652 95.4135 18.3486 96.3729 19.6438C96.9485 20.4113 97.3803 21.2748 97.6681 22.2582C97.9559 23.2176 98.0758 24.3209 98.0758 25.5681C98.0758 25.6641 98.0758 25.808 98.0519 26.0238C98.0519 26.2397 98.0279 26.3836 98.0279 26.4796H83.6127V26.4556ZM93.5426 23.1216C93.1829 21.9224 92.5832 21.0109 91.7437 20.3873C90.9043 19.7637 89.8249 19.4519 88.5537 19.4519C87.4264 19.4519 86.443 19.7877 85.5556 20.4593C84.6681 21.1309 84.0685 22.0183 83.7567 23.1216H93.5426ZM114.698 34.1309V31.9242C114.194 32.8117 113.498 33.4833 112.587 33.915C111.675 34.3467 110.5 34.5626 109.085 34.5626C106.423 34.5626 104.192 33.6512 102.417 31.8283C100.642 30.0054 99.7308 27.7508 99.7308 25.0644C99.7308 23.7932 99.9467 22.594 100.402 21.4667C100.858 20.3393 101.482 19.332 102.321 18.4685C103.209 17.5091 104.216 16.8135 105.295 16.3578C106.375 15.9021 107.622 15.6862 108.989 15.6862C110.308 15.6862 111.436 15.9021 112.371 16.3338C113.306 16.7655 114.074 17.4371 114.65 18.3246V16.1419H118.727V34.1548H114.698V34.1309ZM104.024 24.9685C104.024 26.4796 104.528 27.7508 105.535 28.7822C106.543 29.8135 107.766 30.3172 109.229 30.3172C110.548 30.3172 111.699 29.8135 112.707 28.7822C113.714 27.7508 114.218 26.5515 114.218 25.1844C114.218 23.7213 113.714 22.474 112.707 21.4187C111.699 20.3633 110.524 19.8357 109.157 19.8357C107.742 19.8357 106.543 20.3393 105.535 21.3227C104.528 22.3301 104.024 23.5294 104.024 24.9685ZM129.904 16.1179V19.8596H126.882V34.1309H122.829V19.8596H120.694V16.1179H122.709V15.6382C122.709 13.7434 123.236 12.3283 124.268 11.3929C125.323 10.4574 126.906 10.0017 129.041 10.0017C129.113 10.0017 129.257 10.0017 129.449 10.0257C129.64 10.0257 129.784 10.0497 129.904 10.0497V13.8154H129.616C128.657 13.8154 127.985 13.9833 127.578 14.2711C127.17 14.5829 126.954 15.0866 126.954 15.8301V16.1659H129.904V16.1179ZM73.5869 34.1309H77.6884V10.2895H73.5869V34.1309Z" fill="#1B222C"/>
+</svg>
diff --git a/services/web/public/img/ol-brand/overleaf-green.svg b/services/web/public/img/ol-brand/overleaf-green.svg
new file mode 100644
index 0000000..b8a0cb7
--- /dev/null
+++ b/services/web/public/img/ol-brand/overleaf-green.svg
@@ -0,0 +1,16 @@
+<svg width="130" height="40" viewBox="0 0 130 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_382_3973)">
+<mask id="mask0_382_3973" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="1" width="72" height="38">
+<path d="M72.7633 38.6327H1.02344V1.07178H72.7633V38.6327Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_382_3973)">
+<path d="M48.2509 27.4555C48.3948 28.7507 48.8985 29.7821 49.81 30.5257C50.6974 31.2692 51.8487 31.653 53.2638 31.653C54.1993 31.653 55.0387 31.4611 55.7823 31.0773C56.5258 30.6696 57.1255 30.1419 57.5572 29.4223H62.0664C61.2989 31.3891 60.1716 32.9002 58.6365 34.0035C57.1255 35.0829 55.3506 35.6345 53.3598 35.6345C52.0166 35.6345 50.7934 35.3947 49.666 34.915C48.5387 34.4352 47.5314 33.7397 46.6199 32.8043C45.7804 31.9168 45.1089 30.9094 44.6531 29.7341C44.1974 28.5589 43.9576 27.3836 43.9576 26.1603C43.9576 24.9131 44.1734 23.7138 44.6052 22.6105C45.0369 21.5072 45.6605 20.4998 46.5 19.6124C47.4114 18.629 48.4668 17.8854 49.6181 17.3817C50.7694 16.8541 51.9686 16.5902 53.1919 16.5902C54.7509 16.5902 56.214 16.95 57.5572 17.6456C58.9004 18.3651 60.0517 19.3485 61.0111 20.6437C61.5867 21.4113 62.0185 22.2747 62.3063 23.2581C62.5941 24.2175 62.714 25.3209 62.714 26.5681C62.714 26.664 62.714 26.8079 62.69 27.0238C62.69 27.2397 62.6661 27.3836 62.6661 27.4795H48.2509V27.4555ZM58.2048 24.1216C57.845 22.9223 57.2454 22.0109 56.4059 21.3873C55.5664 20.7637 54.4871 20.4519 53.2159 20.4519C52.0886 20.4519 51.1052 20.7876 50.2177 21.4592C49.3303 22.1308 48.7306 23.0183 48.4188 24.1216H58.2048ZM72.7638 20.7637C71.1328 20.8836 70.0055 21.3153 69.3579 22.0349C68.7103 22.7544 68.3985 24.0496 68.3985 25.9205V35.1068H64.2011V17.1179H68.1347V19.2046C68.7583 18.3891 69.4539 17.8135 70.2214 17.4297C70.9649 17.0459 71.8284 16.8541 72.7638 16.8541V20.7637ZM33.428 2.24705C28.3432 0.256278 9.9465 -0.463279 9.92251 10.522C4.54982 13.9519 1 19.5404 1 25.5367C1 32.7803 6.87638 38.6567 14.1199 38.6567C21.3635 38.6567 27.2399 32.7803 27.2399 25.5367C27.2399 19.9482 23.738 15.1511 18.797 13.2803C17.8376 12.9205 15.7749 12.2729 14.1439 12.4168C11.7934 13.9039 8.91513 16.974 7.57196 20.0441C9.58672 17.6216 12.7288 16.5662 15.5351 17.022C19.6365 17.6936 22.7786 21.2434 22.7786 25.5607C22.7786 30.3338 18.917 34.1954 14.1439 34.1954C11.5055 34.1954 9.15498 33.0201 7.57196 31.1733C5.19742 28.415 4.59779 25.4408 5.07749 22.5386C6.73247 12.3688 18.797 6.58838 27.7675 4.35775C24.8413 5.9168 19.5646 8.45923 15.8708 11.2175C26.6402 15.391 28.3911 6.30056 33.428 2.24705ZM37.7934 35.1308H34.5074L27.6716 17.1179H32.1328L36.3303 29.0865L40.6476 17.1179H44.9889L37.7934 35.1308Z" fill="#04652F"/>
+</g>
+<path d="M84.6118 27.4556C84.7557 28.7508 85.2834 29.7822 86.1708 30.5257C87.0583 31.2692 88.2096 31.653 89.6247 31.653C90.5601 31.653 91.3996 31.4611 92.1431 31.0774C92.8867 30.6696 93.4863 30.1419 93.918 29.4224H98.4273C97.6597 31.3892 96.5324 32.9002 94.9974 34.0036C93.4863 35.0829 91.7114 35.6346 89.7206 35.6346C88.3775 35.6346 87.1542 35.3947 86.0269 34.915C84.8996 34.4353 83.8922 33.7397 82.9808 32.8043C82.1413 31.9168 81.4697 30.9095 81.014 29.7342C80.5343 28.5829 80.3184 27.3836 80.3184 26.1604C80.3184 24.9131 80.5343 23.7139 80.966 22.6106C81.3977 21.5072 82.0214 20.4999 82.8608 19.6124C83.7723 18.629 84.8276 17.8855 85.9789 17.3818C87.1302 16.8541 88.3295 16.5903 89.5527 16.5903C91.1118 16.5903 92.5749 16.95 93.918 17.6456C95.2612 18.3652 96.4125 19.3486 97.3719 20.6438C97.9476 21.4113 98.3793 22.2748 98.6671 23.2582C98.9549 24.2176 99.0749 25.3209 99.0749 26.5681C99.0749 26.6641 99.0749 26.808 99.0509 27.0238C99.0509 27.2397 99.0269 27.3836 99.0269 27.4796H84.6118V27.4556ZM94.5417 24.1216C94.1819 22.9224 93.5823 22.0109 92.7428 21.3873C91.9033 20.7637 90.824 20.4519 89.5527 20.4519C88.4254 20.4519 87.442 20.7877 86.5546 21.4593C85.6671 22.1309 85.0675 23.0183 84.7557 24.1216H94.5417ZM115.697 35.1309V32.9242C115.193 33.8117 114.497 34.4833 113.586 34.915C112.675 35.3467 111.499 35.5626 110.084 35.5626C107.422 35.5626 105.191 34.6512 103.416 32.8283C101.641 31.0054 100.73 28.7508 100.73 26.0644C100.73 24.7932 100.946 23.594 101.401 22.4667C101.857 21.3393 102.481 20.332 103.32 19.4685C104.208 18.5091 105.215 17.8135 106.294 17.3578C107.374 16.9021 108.621 16.6862 109.988 16.6862C111.307 16.6862 112.435 16.9021 113.37 17.3338C114.306 17.7655 115.073 18.4371 115.649 19.3246V17.1419H119.726V35.1548H115.697V35.1309ZM105.023 25.9685C105.023 27.4796 105.527 28.7508 106.534 29.7822C107.542 30.8135 108.765 31.3172 110.228 31.3172C111.547 31.3172 112.698 30.8135 113.706 29.7822C114.713 28.7508 115.217 27.5515 115.217 26.1844C115.217 24.7213 114.713 23.474 113.706 22.4187C112.698 21.3633 111.523 20.8357 110.156 20.8357C108.741 20.8357 107.542 21.3393 106.534 22.3227C105.527 23.3301 105.023 24.5294 105.023 25.9685ZM130.903 17.1179V20.8596H127.881V35.1309H123.828V20.8596H121.693V17.1179H123.708V16.6382C123.708 14.7434 124.235 13.3283 125.267 12.3929C126.322 11.4574 127.905 11.0017 130.04 11.0017C130.112 11.0017 130.256 11.0017 130.448 11.0257C130.639 11.0257 130.783 11.0497 130.903 11.0497V14.8154H130.615C129.656 14.8154 128.984 14.9833 128.577 15.2711C128.169 15.5829 127.953 16.0866 127.953 16.8301V17.1659H130.903V17.1179ZM74.5859 35.1309H78.6874V11.2895H74.5859V35.1309Z" fill="#04652F"/>
+</g>
+<defs>
+<clipPath id="clip0_382_3973">
+<rect width="130" height="40" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/public/img/ol-brand/overleaf-o-dark.svg b/services/web/public/img/ol-brand/overleaf-o-dark.svg
new file mode 100644
index 0000000..c4d2a9c
--- /dev/null
+++ b/services/web/public/img/ol-brand/overleaf-o-dark.svg
@@ -0,0 +1 @@
+<svg width="136" height="157" xmlns="http://www.w3.org/2000/svg"><path d="M37.205 39.652C14.822 53.982 0 77.339 0 102.326 0 132.522 24.48 157 54.681 157c30.198 0 54.674-24.478 54.674-54.674 0-23.34-14.626-43.276-35.204-51.111-3.958-1.505-12.556-4.213-19.421-3.635-9.806 6.234-21.751 19.044-27.411 31.809 8.416-10.093 21.537-14.488 33.17-12.619 17.126 2.777 30.208 17.638 30.208 35.551 0 19.896-16.126 36.021-36.016 36.021-10.962 0-20.785-4.896-27.388-12.619C17.516 114.299 15 101.91 16.975 89.809c6.927-42.375 57.233-66.53 94.636-75.799-12.207 6.458-34.227 17.074-49.626 28.63 44.924 17.341 52.184-20.517 73.217-37.459C114.038-3.07 37.33-6.117 37.205 39.652z" fill="#04652F" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/ol-brand/overleaf-o-grey.svg b/services/web/public/img/ol-brand/overleaf-o-grey.svg
new file mode 100644
index 0000000..9211488
--- /dev/null
+++ b/services/web/public/img/ol-brand/overleaf-o-grey.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 136 157"><path d="M37.2 39.7C14.8 54 0 77.3 0 102.3 0 132.5 24.5 157 54.7 157c30.2 0 54.7-24.5 54.7-54.7 0-23.3-14.6-43.3-35.2-51.1-4-1.5-12.6-4.2-19.4-3.6-9.8 6.2-21.8 19-27.4 31.8 8.4-10.1 21.5-14.5 33.2-12.6 17.1 2.8 30.2 17.6 30.2 35.6 0 19.9-16.1 36-36 36-11 0-20.8-4.9-27.4-12.6-9.9-11.5-12.4-23.9-10.4-36 6.9-42.4 57.2-66.5 94.6-75.8C99.4 20.5 77.4 31.1 62 42.6c44.9 17.3 52.2-20.5 73.2-37.5-21.2-8.2-97.9-11.2-98 34.6z" fill="#9b9b9b"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/ol-brand/overleaf-o-white.svg b/services/web/public/img/ol-brand/overleaf-o-white.svg
new file mode 100644
index 0000000..85188b5
--- /dev/null
+++ b/services/web/public/img/ol-brand/overleaf-o-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 136 157"><path d="M37.2 39.7C14.8 54 0 77.3 0 102.3 0 132.5 24.5 157 54.7 157s54.7-24.5 54.7-54.7c0-23.3-14.6-43.3-35.2-51.1-4-1.5-12.6-4.2-19.4-3.6-9.8 6.2-21.8 19-27.4 31.8 8.4-10.1 21.5-14.5 33.2-12.6 17.1 2.8 30.2 17.6 30.2 35.6 0 19.9-16.1 36-36 36-11 0-20.8-4.9-27.4-12.6-9.9-11.5-12.4-23.9-10.4-36 6.9-42.4 57.2-66.5 94.6-75.8C99.4 20.5 77.4 31.1 62 42.6c44.9 17.3 52.2-20.5 73.2-37.5-21.2-8.2-97.9-11.2-98 34.6z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/ol-brand/overleaf-o.svg b/services/web/public/img/ol-brand/overleaf-o.svg
new file mode 100644
index 0000000..1dee8c7
--- /dev/null
+++ b/services/web/public/img/ol-brand/overleaf-o.svg
@@ -0,0 +1 @@
+<svg width="136" height="157" xmlns="http://www.w3.org/2000/svg"><path d="M37.205 39.652C14.822 53.982 0 77.339 0 102.326 0 132.522 24.48 157 54.681 157c30.198 0 54.674-24.478 54.674-54.674 0-23.34-14.626-43.276-35.204-51.111-3.958-1.505-12.556-4.213-19.421-3.635-9.806 6.234-21.751 19.044-27.411 31.809 8.416-10.093 21.537-14.488 33.17-12.619 17.126 2.777 30.208 17.638 30.208 35.551 0 19.896-16.126 36.021-36.016 36.021-10.962 0-20.785-4.896-27.388-12.619C17.516 114.299 15 101.91 16.975 89.809c6.927-42.375 57.233-66.53 94.636-75.799-12.207 6.458-34.227 17.074-49.626 28.63 44.924 17.341 52.184-20.517 73.217-37.459C114.038-3.07 37.33-6.117 37.205 39.652z" fill="#138A07" fill-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/ol-brand/overleaf-white.svg b/services/web/public/img/ol-brand/overleaf-white.svg
new file mode 100644
index 0000000..2ced81a
--- /dev/null
+++ b/services/web/public/img/ol-brand/overleaf-white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 542 157" enable-background="new 0 0 542 157"><style>.st0{filter:url(#Adobe_OpacityMaskFilter);} .st1{fill:#FFFFFF;} .st2{mask:url(#mask-2);fill:#FFFFFF;}</style><g id="Page-1"><g id="Overleaf"><g id="Group-3"><defs><filter id="Adobe_OpacityMaskFilter" filterUnits="userSpaceOnUse" x="0" y=".3" width="299.2" height="156.7"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><mask maskUnits="userSpaceOnUse" x="0" y=".3" width="299.2" height="156.7" id="mask-2"><g class="st0"><path id="path-1" class="st1" d="M299.2 156.9H.1V.3h299.1z"/></g></mask><path id="Fill-1" class="st2" d="M197 110.3c.6 5.4 2.7 9.7 6.5 12.8 3.7 3.1 8.5 4.7 14.4 4.7 3.9 0 7.4-.8 10.5-2.4 3.1-1.7 5.6-3.9 7.4-6.9h18.8c-3.2 8.2-7.9 14.5-14.3 19.1-6.3 4.5-13.7 6.8-22 6.8-5.6 0-10.7-1-15.4-3-4.7-2-8.9-4.9-12.7-8.8-3.5-3.7-6.3-7.9-8.2-12.8s-2.9-9.8-2.9-14.9c0-5.2.9-10.2 2.7-14.8 1.8-4.6 4.4-8.8 7.9-12.5 3.8-4.1 8.2-7.2 13-9.3 4.8-2.2 9.8-3.3 14.9-3.3 6.5 0 12.6 1.5 18.2 4.4 5.6 3 10.4 7.1 14.4 12.5 2.4 3.2 4.2 6.8 5.4 10.9 1.2 4 1.7 8.6 1.7 13.8 0 .4 0 1-.1 1.9 0 .9-.1 1.5-.1 1.9H197v-.1zm41.5-13.9c-1.5-5-4-8.8-7.5-11.4-3.5-2.6-8-3.9-13.3-3.9-4.7 0-8.8 1.4-12.5 4.2-3.7 2.8-6.2 6.5-7.5 11.1h40.8zm60.7-14c-6.8.5-11.5 2.3-14.2 5.3-2.7 3-4 8.4-4 16.2v38.3h-17.5v-75h16.4v8.7c2.6-3.4 5.5-5.8 8.7-7.4 3.1-1.6 6.7-2.4 10.6-2.4v16.3zm-164-77.2C114-3.1 37.3-6.1 37.2 39.7 14.8 54 0 77.3 0 102.3 0 132.5 24.5 157 54.7 157c30.2 0 54.7-24.5 54.7-54.7 0-23.3-14.6-43.3-35.2-51.1-4-1.5-12.6-4.2-19.4-3.6-9.8 6.2-21.8 19-27.4 31.8 8.4-10.1 21.5-14.5 33.2-12.6 17.1 2.8 30.2 17.6 30.2 35.6 0 19.9-16.1 36-36 36-11 0-20.8-4.9-27.4-12.6-9.9-11.5-12.4-23.9-10.4-36 6.9-42.4 57.2-66.5 94.6-75.8C99.4 20.5 77.4 31.1 62 42.6c44.9 17.4 52.2-20.5 73.2-37.4zm18.2 137.1h-13.7l-28.5-75.1h18.6l17.5 49.9 18-49.9h18.1l-30 75.1z"/></g><path id="Fill-4" class="st1" d="M348.6 110.3c.6 5.4 2.8 9.7 6.5 12.8 3.7 3.1 8.5 4.7 14.4 4.7 3.9 0 7.4-.8 10.5-2.4 3.1-1.7 5.6-3.9 7.4-6.9h18.8c-3.2 8.2-7.9 14.5-14.3 19.1-6.3 4.5-13.7 6.8-22 6.8-5.6 0-10.7-1-15.4-3-4.7-2-8.9-4.9-12.7-8.8-3.5-3.7-6.3-7.9-8.2-12.8-2-4.8-2.9-9.8-2.9-14.9 0-5.2.9-10.2 2.7-14.8 1.8-4.6 4.4-8.8 7.9-12.5 3.8-4.1 8.2-7.2 13-9.3 4.8-2.2 9.8-3.3 14.9-3.3 6.5 0 12.6 1.5 18.2 4.4 5.6 3 10.4 7.1 14.4 12.5 2.4 3.2 4.2 6.8 5.4 10.9 1.2 4 1.7 8.6 1.7 13.8 0 .4 0 1-.1 1.9 0 .9-.1 1.5-.1 1.9h-60.1v-.1zM390 96.4c-1.5-5-4-8.8-7.5-11.4-3.5-2.6-8-3.9-13.3-3.9-4.7 0-8.8 1.4-12.5 4.2-3.7 2.8-6.2 6.5-7.5 11.1H390zm88.2 45.9v-9.2c-2.1 3.7-5 6.5-8.8 8.3-3.8 1.8-8.7 2.7-14.6 2.7-11.1 0-20.4-3.8-27.8-11.4-7.4-7.6-11.2-17-11.2-28.2 0-5.3.9-10.3 2.8-15 1.9-4.7 4.5-8.9 8-12.5 3.7-4 7.9-6.9 12.4-8.8s9.7-2.8 15.4-2.8c5.5 0 10.2.9 14.1 2.7 3.9 1.8 7.1 4.6 9.5 8.3v-9.1h17v75.1h-16.8v-.1zm-44.5-38.2c0 6.3 2.1 11.6 6.3 15.9 4.2 4.3 9.3 6.4 15.4 6.4 5.5 0 10.3-2.1 14.5-6.4 4.2-4.3 6.3-9.3 6.3-15 0-6.1-2.1-11.3-6.3-15.7-4.2-4.4-9.1-6.6-14.8-6.6-5.9 0-10.9 2.1-15.1 6.2-4.2 4.2-6.3 9.2-6.3 15.2zm107.9-36.9v15.6H529v59.5h-16.9V82.8h-8.9V67.2h8.4v-2c0-7.9 2.2-13.8 6.5-17.7 4.4-3.9 11-5.8 19.9-5.8.3 0 .9 0 1.7.1.8 0 1.4.1 1.9.1v15.7h-1.2c-4 0-6.8.7-8.5 1.9-1.7 1.3-2.6 3.4-2.6 6.5v1.4h12.3v-.2zm-234.8 75.1h17.1V42.9h-17.1v99.4z"/></g></g></svg>
\ No newline at end of file
diff --git a/services/web/public/img/ol-brand/overleaf.svg b/services/web/public/img/ol-brand/overleaf.svg
new file mode 100644
index 0000000..0204321
--- /dev/null
+++ b/services/web/public/img/ol-brand/overleaf.svg
@@ -0,0 +1 @@
+<svg width="542" height="157" viewBox="0 0 542 157" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><path id="a" d="M299.24 156.94H.06V.28h299.18z"/></defs><g fill="none" fill-rule="evenodd"><mask id="b" fill="#fff"><use xlink:href="#a"/></mask><path d="M197.05 110.3c.58 5.4 2.74 9.7 6.45 12.78 3.7 3.13 8.5 4.7 14.37 4.7 3.9 0 7.4-.83 10.53-2.46 3.12-1.66 5.6-3.94 7.4-6.9h18.85c-3.2 8.18-7.94 14.54-14.3 19.08-6.34 4.52-13.67 6.78-22 6.78-5.6 0-10.75-.98-15.46-2.96-4.7-1.98-9-4.9-12.7-8.78-3.6-3.68-6.3-7.94-8.3-12.8-2-4.83-3-9.8-3-14.9 0-5.24.9-10.15 2.7-14.77 1.8-4.63 4.4-8.78 7.9-12.46 3.8-4 8.1-7.1 13-9.3 4.8-2.2 9.7-3.3 14.9-3.3 6.5 0 12.6 1.5 18.2 4.4 5.6 3 10.4 7.2 14.4 12.5 2.4 3.3 4.2 6.9 5.3 10.9s1.74 8.6 1.74 13.8c0 .4 0 1-.08 1.9-.07.9-.1 1.5-.1 1.9h-60zm41.4-13.87c-1.48-5-4-8.8-7.53-11.43-3.52-2.6-7.97-3.92-13.33-3.92-4.7 0-8.8 1.42-12.5 4.24-3.7 2.82-6.2 6.52-7.5 11.1h40.8zm60.8-14c-6.8.54-11.52 2.33-14.2 5.34-2.68 3-4.03 8.4-4.03 16.23v38.3h-17.47V67.22h16.37v8.67c2.64-3.4 5.52-5.9 8.67-7.5 3.1-1.6 6.6-2.4 10.6-2.4v16.3zM135.2 5.18c-21.16-8.25-97.87-11.3-98 34.47C14.82 53.98 0 77.35 0 102.33 0 132.53 24.48 157 54.68 157s54.68-24.48 54.68-54.67c0-23.34-14.63-43.28-35.2-51.1C70.2 49.7 61.6 47 54.73 47.58c-9.8 6.23-21.75 19.04-27.4 31.8 8.4-10.08 21.53-14.48 33.16-12.6 17.1 2.77 30.2 17.63 30.2 35.54 0 19.9-16.2 36.02-36.1 36.02-11 0-20.8-4.9-27.4-12.62-9.7-11.42-12.2-23.8-10.2-35.9C23.9 47.4 74.2 23.27 111.6 14 99.4 20.46 77.4 31.07 62 42.63c44.9 17.34 52.17-20.52 73.2-37.46zm18.2 137.12h-13.73l-28.52-75.08h18.62l17.47 49.9 18.03-49.9h18.14l-30 75.08z" fill="#4C4D41" mask="url(#b)"/><path d="M348.63 110.3c.58 5.4 2.75 9.7 6.45 12.78 3.7 3.13 8.5 4.7 14.38 4.7 3.9 0 7.4-.83 10.53-2.46 3.1-1.66 5.5-3.94 7.4-6.9h18.8c-3.2 8.18-8 14.54-14.3 19.08-6.4 4.52-13.7 6.78-22 6.78-5.6 0-10.8-.98-15.5-2.96-4.7-1.98-8.9-4.9-12.7-8.78-3.6-3.68-6.3-7.94-8.3-12.8-2-4.83-3-9.8-3-14.9 0-5.24.9-10.15 2.7-14.77 1.8-4.63 4.42-8.78 7.92-12.46 3.82-4 8.15-7.1 13-9.3 4.9-2.2 9.9-3.3 15-3.3 6.5 0 12.57 1.5 18.2 4.4 5.64 3 10.44 7.2 14.4 12.5 2.42 3.3 4.2 6.9 5.36 10.9s1.77 8.6 1.77 13.8c0 .4-.04 1-.08 1.9-.08.9-.1 1.5-.1 1.9h-60.1zm41.42-13.87c-1.5-5-4-8.8-7.55-11.43-3.52-2.6-7.96-3.92-13.32-3.92-4.66 0-8.8 1.42-12.5 4.24-3.7 2.82-6.16 6.52-7.44 11.1h40.8zm88.13 45.87v-9.22c-2.1 3.72-5.04 6.5-8.83 8.27-3.8 1.77-8.67 2.65-14.58 2.65-11.1 0-20.37-3.8-27.8-11.37-7.43-7.57-11.15-16.98-11.15-28.2 0-5.3.93-10.3 2.8-15.03 1.86-4.73 4.5-8.9 7.98-12.5 3.73-3.95 7.88-6.86 12.42-8.75 4.54-1.88 9.67-2.84 15.35-2.84 5.45 0 10.15 1 14.1 2.8 3.93 1.8 7.1 4.6 9.5 8.3v-9.1h17.07v75.1h-16.86zm-44.47-38.16c0 6.32 2.1 11.6 6.4 15.87 4.2 4.3 9.3 6.4 15.4 6.4 5.5 0 10.4-2.1 14.6-6.4 4.2-4.3 6.3-9.3 6.3-15 0-6.1-2.1-11.3-6.3-15.7-4.2-4.4-9.1-6.6-14.7-6.6-5.9 0-10.97 2.1-15.17 6.3-4.16 4.2-6.25 9.3-6.25 15.3zm108-36.92v15.56h-12.6v59.52h-16.9V82.78h-8.9V67.22h8.4v-2.05c0-7.9 2.2-13.8 6.6-17.7 4.4-3.87 11-5.83 19.9-5.83.4 0 1 .03 1.8.07.8.1 1.4.1 1.9.1v15.7h-1.2c-3.94 0-6.8.7-8.5 2-1.7 1.3-2.52 3.5-2.52 6.5v1.4h12.28zM306.9 142.3h17.06V42.92H306.9v99.38z" fill="#138A07"/></g></svg>
\ No newline at end of file
diff --git a/services/web/public/img/ol-brand/overleaf_og_logo.png b/services/web/public/img/ol-brand/overleaf_og_logo.png
new file mode 100644
index 0000000..ce91382
Binary files /dev/null and b/services/web/public/img/ol-brand/overleaf_og_logo.png differ
diff --git a/services/web/public/img/ol-icons/review-icon-dark-theme.svg b/services/web/public/img/ol-icons/review-icon-dark-theme.svg
new file mode 100644
index 0000000..29f31ae
--- /dev/null
+++ b/services/web/public/img/ol-icons/review-icon-dark-theme.svg
@@ -0,0 +1 @@
+<svg width="60" height="60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.4 21.87h4.1L38.34 44h-3.93l-.9-5.86h-8.8L21.28 44h-4.15l13.27-22.13zm1.34 3.9h-.06l-5.33 9.43h6.75l-1.36-9.43zM39.38 21.87h3.54v8.18h.06a4.86 4.86 0 012.05-1.83c.43-.23.88-.4 1.33-.5a7.4 7.4 0 014.68.5 6.26 6.26 0 012.36 1.83 7.78 7.78 0 011.4 2.7 11.49 11.49 0 01.02 6.45 7.92 7.92 0 01-1.27 2.7 6.43 6.43 0 01-2.14 1.85c-.87.46-1.89.68-3.07.68-.53 0-1.08-.04-1.64-.12a5.71 5.71 0 01-2.91-1.2c-.4-.34-.73-.77-1-1.31h-.06V44h-3.35V21.87zM51.72 36c0-.72-.09-1.42-.28-2.1a5.54 5.54 0 00-.83-1.8 4.1 4.1 0 00-3.32-1.77c-1.49 0-2.61.52-3.38 1.55A6.91 6.91 0 0042.8 36c0 .8.1 1.56.28 2.27.21.68.51 1.27.9 1.76.4.5.86.9 1.4 1.18.56.29 1.2.43 1.92.43a3.95 3.95 0 003.41-1.76 5 5 0 00.77-1.8c.17-.68.25-1.38.25-2.08z" fill="#fff"/><path d="M19 34.39h18.45v1.55H19v-1.55z" fill="#fff"/><path d="M37.43 34.39h18.94v1.55H37.43v-1.55z" fill="#fff"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17 37.17v.77h.01l-.68 2.38c-.24.85-.5 1.61-.8 2.3l.14-.06L13.61 46h4.1a28.28 28.28 0 01-9.27 3c-.43.03-.84-.2-1.06-.58-.07-.11-.11-.23-.14-.36v-.03h.12l.94-.2v-.01l-1.06.21c-.11-.54.2-.89.53-1.26a11.73 11.73 0 00.34-.39l.1-.1.35-.38a46.83 46.83 0 001.04-1.15 13.78 13.78 0 002.89-5.53C7.3 36.33 4 31.85 4 26.83 4 18.1 14.07 11 26.5 11c11.84 0 21.54 6.42 22.43 14.6-.38-.04-.78-.06-1.18-.06a7.5 7.5 0 00-2.8.52 7.4 7.4 0 00-.03-.3v-5.9h-3.57c-.38-.32-.8-.64-1.24-.96-3.32-2.33-8.12-3.9-13.61-3.9s-10.29 1.57-13.6 3.91C9.55 21.26 8 24.12 8 26.83c0 3.11 2.07 6.46 6.44 8.9L17 37.17zm15.1 5l-.3-2.03h-5.95l-1.43 2.46a33.37 33.37 0 007.68-.43zM9.15 47.64l1.01-.2-1 .2zm-.06.01l.01.01-.76.16v-.01l.75-.16z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/ol-icons/review-icon-light-theme.svg b/services/web/public/img/ol-icons/review-icon-light-theme.svg
new file mode 100644
index 0000000..46b9198
--- /dev/null
+++ b/services/web/public/img/ol-icons/review-icon-light-theme.svg
@@ -0,0 +1 @@
+<svg width="60" height="60" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M30.4 21.87h4.1L38.34 44h-3.93l-.9-5.86h-8.8L21.28 44h-4.15l13.27-22.13zm1.34 3.9h-.06l-5.33 9.43h6.75l-1.36-9.43zM39.38 21.87h3.54v8.18h.06a4.86 4.86 0 012.05-1.83c.43-.23.88-.4 1.33-.5a7.4 7.4 0 014.68.5 6.26 6.26 0 012.36 1.83 7.78 7.78 0 011.4 2.7 11.49 11.49 0 01.02 6.45 7.92 7.92 0 01-1.27 2.7 6.43 6.43 0 01-2.14 1.85c-.87.46-1.89.68-3.07.68-.53 0-1.08-.04-1.64-.12a5.71 5.71 0 01-2.91-1.2c-.4-.34-.73-.77-1-1.31h-.06V44h-3.35V21.87zM51.72 36c0-.72-.09-1.42-.28-2.1a5.54 5.54 0 00-.83-1.8 4.1 4.1 0 00-3.32-1.77c-1.49 0-2.61.52-3.38 1.55A6.91 6.91 0 0042.8 36c0 .8.1 1.56.28 2.27.21.68.51 1.27.9 1.76.4.5.86.9 1.4 1.18.56.29 1.2.43 1.92.43a3.95 3.95 0 003.41-1.76 5 5 0 00.77-1.8c.17-.68.25-1.38.25-2.08z" fill="#5d6879"/><path d="M19 34.39h18.45v1.55H19v-1.55z" fill="#5d6879"/><path d="M37.43 34.39h18.94v1.55H37.43v-1.55z" fill="#5d6879"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17 37.17v.77h.01l-.68 2.38c-.24.85-.5 1.61-.8 2.3l.14-.06L13.61 46h4.1a28.28 28.28 0 01-9.27 3c-.43.03-.84-.2-1.06-.58-.07-.11-.11-.23-.14-.36v-.03h.12l.94-.2v-.01l-1.06.21c-.11-.54.2-.89.53-1.26a11.73 11.73 0 00.34-.39l.1-.1.35-.38a46.83 46.83 0 001.04-1.15 13.78 13.78 0 002.89-5.53C7.3 36.33 4 31.85 4 26.83 4 18.1 14.07 11 26.5 11c11.84 0 21.54 6.42 22.43 14.6-.38-.04-.78-.06-1.18-.06a7.5 7.5 0 00-2.8.52 7.4 7.4 0 00-.03-.3v-5.9h-3.57c-.38-.32-.8-.64-1.24-.96-3.32-2.33-8.12-3.9-13.61-3.9s-10.29 1.57-13.6 3.91C9.55 21.26 8 24.12 8 26.83c0 3.11 2.07 6.46 6.44 8.9L17 37.17zm15.1 5l-.3-2.03h-5.95l-1.43 2.46a33.37 33.37 0 007.68-.43zM9.15 47.64l1.01-.2-1 .2zm-.06.01l.01.01-.76.16v-.01l.75-.16z" fill="#5d6879"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/onboarding/autocompile/setting-dropdown.png b/services/web/public/img/onboarding/autocompile/setting-dropdown.png
new file mode 100644
index 0000000..70b3492
Binary files /dev/null and b/services/web/public/img/onboarding/autocompile/setting-dropdown.png differ
diff --git a/services/web/public/img/onboarding/linksharing/link-sharing.png b/services/web/public/img/onboarding/linksharing/link-sharing.png
new file mode 100644
index 0000000..8ad0df7
Binary files /dev/null and b/services/web/public/img/onboarding/linksharing/link-sharing.png differ
diff --git a/services/web/public/img/onboarding/review-panel/accept-changes.gif b/services/web/public/img/onboarding/review-panel/accept-changes.gif
new file mode 100644
index 0000000..eca888f
Binary files /dev/null and b/services/web/public/img/onboarding/review-panel/accept-changes.gif differ
diff --git a/services/web/public/img/onboarding/review-panel/accept-changes.mp4 b/services/web/public/img/onboarding/review-panel/accept-changes.mp4
new file mode 100644
index 0000000..7a486c9
Binary files /dev/null and b/services/web/public/img/onboarding/review-panel/accept-changes.mp4 differ
diff --git a/services/web/public/img/onboarding/review-panel/add-changes.gif b/services/web/public/img/onboarding/review-panel/add-changes.gif
new file mode 100644
index 0000000..4a46a45
Binary files /dev/null and b/services/web/public/img/onboarding/review-panel/add-changes.gif differ
diff --git a/services/web/public/img/onboarding/review-panel/add-changes.mp4 b/services/web/public/img/onboarding/review-panel/add-changes.mp4
new file mode 100644
index 0000000..a73fbd1
Binary files /dev/null and b/services/web/public/img/onboarding/review-panel/add-changes.mp4 differ
diff --git a/services/web/public/img/onboarding/review-panel/commenting.gif b/services/web/public/img/onboarding/review-panel/commenting.gif
new file mode 100644
index 0000000..648c7dd
Binary files /dev/null and b/services/web/public/img/onboarding/review-panel/commenting.gif differ
diff --git a/services/web/public/img/onboarding/review-panel/commenting.mp4 b/services/web/public/img/onboarding/review-panel/commenting.mp4
new file mode 100644
index 0000000..9f0f50e
Binary files /dev/null and b/services/web/public/img/onboarding/review-panel/commenting.mp4 differ
diff --git a/services/web/public/img/onboarding/review-panel/open-review.gif b/services/web/public/img/onboarding/review-panel/open-review.gif
new file mode 100644
index 0000000..603a059
Binary files /dev/null and b/services/web/public/img/onboarding/review-panel/open-review.gif differ
diff --git a/services/web/public/img/onboarding/review-panel/open-review.mp4 b/services/web/public/img/onboarding/review-panel/open-review.mp4
new file mode 100644
index 0000000..c8288b8
Binary files /dev/null and b/services/web/public/img/onboarding/review-panel/open-review.mp4 differ
diff --git a/services/web/public/img/other-brands/logo_amex.svg b/services/web/public/img/other-brands/logo_amex.svg
new file mode 100644
index 0000000..66f7c4f
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_amex.svg
@@ -0,0 +1,5 @@
+<svg width="35" height="24" viewBox="0 0 35 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="33.5" height="23" rx="3.5" fill="#1F72CD"/>
+<rect x="0.5" y="0.5" width="33.5" height="23" rx="3.5" stroke="#F2F4F7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6.09517 8.5L2.91406 15.7467H6.7223L7.19441 14.5913H8.27355L8.74566 15.7467H12.9375V14.8649L13.311 15.7467H15.4793L15.8528 14.8462V15.7467H24.5706L25.6307 14.6213L26.6232 15.7467L31.1009 15.7561L27.9097 12.1436L31.1009 8.5H26.6927L25.6608 9.60463L24.6995 8.5H15.2156L14.4013 10.3704L13.5678 8.5H9.7675V9.35186L9.34474 8.5H6.09517ZM6.83205 9.52905H8.68836L10.7984 14.4431V9.52905H12.8319L14.4617 13.0524L15.9637 9.52905H17.987V14.7291H16.7558L16.7458 10.6544L14.9509 14.7291H13.8495L12.0446 10.6544V14.7291H9.51179L9.03162 13.5633H6.43744L5.95827 14.728H4.60123L6.83205 9.52905ZM24.1196 9.52905H19.1134V14.726H24.0421L25.6307 13.0036L27.1618 14.726H28.7624L26.436 12.1426L28.7624 9.52905H27.2313L25.6507 11.2316L24.1196 9.52905ZM7.73508 10.4089L6.8804 12.4856H8.58876L7.73508 10.4089ZM20.3497 11.555V10.6057V10.6048H23.4734L24.8364 12.1229L23.413 13.6493H20.3497V12.613H23.0808V11.555H20.3497Z" fill="white"/>
+</svg>
diff --git a/services/web/public/img/other-brands/logo_dropbox.svg b/services/web/public/img/other-brands/logo_dropbox.svg
new file mode 100644
index 0000000..914e120
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_dropbox.svg
@@ -0,0 +1,5 @@
+<svg width="96" height="97" viewBox="0 0 96 97" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="48" cy="48.6367" r="42" fill="#0F287F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M33 24.6367L18 33.6367L33 42.6367L18 51.6367L33 60.6367L48 51.6367L63 60.6367L78 51.6367L63 42.6367L78 33.6367L63 24.6367L48 33.6367L33 24.6367ZM48 33.6367L63 42.6367L48 51.6367L33 42.6367L48 33.6367Z" fill="#DAF8FE"/>
+<path d="M33 66.6367L48 57.6367L63 66.6367L48 75.6367L33 66.6367Z" fill="#DAF8FE"/>
+</svg>
diff --git a/services/web/public/img/other-brands/logo_git.svg b/services/web/public/img/other-brands/logo_git.svg
new file mode 100644
index 0000000..57ed921
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_git.svg
@@ -0,0 +1,10 @@
+<svg width="100" height="101" viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1031_9039)">
+<path d="M90.4156 46.2584L53.7407 9.58543C51.629 7.47283 48.2037 7.47283 46.0902 9.58543L38.4753 17.2021L48.1351 26.862C50.3803 26.1032 52.9545 26.6124 54.7435 28.4023C56.5435 30.2032 57.0481 32.7994 56.2702 35.0528L65.5817 44.3634C67.8351 43.5864 70.4331 44.0892 72.2322 45.891C74.7461 48.4049 74.7461 52.4783 72.2322 54.9941C69.7164 57.5089 65.643 57.5089 63.1263 54.9941C61.2358 53.1018 60.7678 50.3228 61.7267 47.9935L53.0423 39.31V62.161C53.6548 62.4645 54.2334 62.8686 54.7435 63.3787C57.2575 65.8926 57.2575 69.9661 54.7435 72.4827C52.2296 74.9957 48.1534 74.9957 45.6413 72.4827C43.1274 69.9651 43.1274 65.8917 45.6413 63.3787C46.263 62.758 46.9824 62.2881 47.7503 61.9736V38.9096C46.9824 38.5951 46.2648 38.1298 45.6413 37.5045C43.7372 35.6013 43.2792 32.8058 44.2555 30.4674L34.7328 20.9428L9.58445 46.0884C7.47185 48.2028 7.47185 51.6282 9.58445 53.7408L46.2611 90.4147C48.3728 92.5273 51.7972 92.5273 53.9117 90.4147L90.4156 53.9108C92.5282 51.7982 92.5282 48.371 90.4156 46.2584Z" fill="#F05133"/>
+</g>
+<defs>
+<clipPath id="clip0_1031_9039">
+<rect width="84" height="84" fill="white" transform="translate(8 8)"/>
+</clipPath>
+</defs>
+</svg>
\ No newline at end of file
diff --git a/services/web/public/img/other-brands/logo_github.svg b/services/web/public/img/other-brands/logo_github.svg
new file mode 100644
index 0000000..2d3589a
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_github.svg
@@ -0,0 +1,3 @@
+<svg width="96" height="97" viewBox="0 0 96 97" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M48 6.63672C24.795 6.63672 6 25.4317 6 48.6367C6 67.2217 18.0225 82.9192 34.7175 88.4842C36.8175 88.8517 37.605 87.5917 37.605 86.4892C37.605 85.4917 37.5525 82.1842 37.5525 78.6667C27 80.6092 24.27 76.0942 23.43 73.7317C22.9575 72.5242 20.91 68.7967 19.125 67.7992C17.655 67.0117 15.555 65.0692 19.0725 65.0167C22.38 64.9642 24.7425 68.0617 25.53 69.3217C29.31 75.6742 35.3475 73.8892 37.7625 72.7867C38.13 70.0567 39.2325 68.2192 40.44 67.1692C31.095 66.1192 21.33 62.4967 21.33 46.4317C21.33 41.8642 22.9575 38.0842 25.635 35.1442C25.215 34.0942 23.745 29.7892 26.055 24.0142C26.055 24.0142 29.5725 22.9117 37.605 28.3192C40.965 27.3742 44.535 26.9017 48.105 26.9017C51.675 26.9017 55.245 27.3742 58.605 28.3192C66.6375 22.8592 70.155 24.0142 70.155 24.0142C72.465 29.7892 70.995 34.0942 70.575 35.1442C73.2525 38.0842 74.88 41.8117 74.88 46.4317C74.88 62.5492 65.0625 66.1192 55.7175 67.1692C57.24 68.4817 58.5525 71.0017 58.5525 74.9392C58.5525 80.5567 58.5 85.0717 58.5 86.4892C58.5 87.5917 59.2875 88.9042 61.3875 88.4842C69.7253 85.6695 76.9704 80.3109 82.1031 73.1627C87.2359 66.0146 89.9977 57.4368 90 48.6367C90 25.4317 71.205 6.63672 48 6.63672Z" fill="#252525"/>
+</svg>
diff --git a/services/web/public/img/other-brands/logo_google.svg b/services/web/public/img/other-brands/logo_google.svg
new file mode 100644
index 0000000..428f771
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_google.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M21.77 11.241c0-.901-.076-1.559-.238-2.241H11v4.068h6.182c-.124 1.011-.797 2.534-2.293 3.557l-.021.136 3.33 2.521.23.023c2.12-1.913 3.341-4.726 3.341-8.064" fill="#4285F4"/>
+  <path d="M11.021 21.794c3.03 0 5.572-.974 7.43-2.655l-3.54-2.68c-.948.646-2.22 1.096-3.89 1.096A6.739 6.739 0 0 1 4.64 13l-.132.01-3.463 2.62-.045.123c1.845 3.58 5.634 6.041 10.021 6.041z" fill="#34A853"/>
+  <path d="M4.836 13.142a6.61 6.61 0 0 1-.374-2.168c0-.755.137-1.486.362-2.168l-.007-.145L1.311 6l-.114.053A10.77 10.77 0 0 0 0 10.974c0 1.766.436 3.435 1.197 4.921l3.64-2.753" fill="#FBBC05"/>
+  <path d="M11.021 4.239c2.107 0 3.528.889 4.338 1.632l3.166-3.02C16.581 1.083 14.05 0 11.021 0 6.634 0 2.845 2.46 1 6.041l3.627 2.753a6.767 6.767 0 0 1 6.394-4.555" fill="#EB4335"/>
+</svg>
\ No newline at end of file
diff --git a/services/web/public/img/other-brands/logo_google_white.svg b/services/web/public/img/other-brands/logo_google_white.svg
new file mode 100644
index 0000000..b8566a4
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_google_white.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M21.77 11.241c0-.901-.076-1.559-.238-2.241H11v4.068h6.182c-.124 1.011-.797 2.534-2.293 3.557l-.021.136 3.33 2.521.23.023c2.12-1.913 3.341-4.726 3.341-8.064" fill="#fff"/>
+  <path d="M11.021 21.794c3.03 0 5.572-.974 7.43-2.655l-3.54-2.68c-.948.646-2.22 1.096-3.89 1.096A6.739 6.739 0 0 1 4.64 13l-.132.01-3.463 2.62-.045.123c1.845 3.58 5.634 6.041 10.021 6.041z" fill="#fff"/>
+  <path d="M4.836 13.142a6.61 6.61 0 0 1-.374-2.168c0-.755.137-1.486.362-2.168l-.007-.145L1.311 6l-.114.053A10.77 10.77 0 0 0 0 10.974c0 1.766.436 3.435 1.197 4.921l3.64-2.753" fill="#fff"/>
+  <path d="M11.021 4.239c2.107 0 3.528.889 4.338 1.632l3.166-3.02C16.581 1.083 14.05 0 11.021 0 6.634 0 2.845 2.46 1 6.041l3.627 2.753a6.767 6.767 0 0 1 6.394-4.555" fill="#fff"/>
+</svg>
\ No newline at end of file
diff --git a/services/web/public/img/other-brands/logo_ieee.svg b/services/web/public/img/other-brands/logo_ieee.svg
new file mode 100644
index 0000000..301514c
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_ieee.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><title>Asset 2</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path d="M490.59,233.83C472.22,217,415.33,179.95,367.7,132.31,320.44,85,282.75,27.78,266.17,9.41c-12.55-12.55-19.79-12.55-32.35,0C217.23,27.78,179.56,85,132.3,132.31,84.67,179.95,27.78,218.5,9.41,233.83c-12.55,12.55-12.55,19.79,0,32.35C27.78,282.53,85,320.44,132.31,367.7c47.64,47.64,84.94,104.52,101.52,122.89,12.55,12.55,19.79,12.55,32.35,0,16.36-18.37,53.88-75.25,101.52-122.89,47.26-47.26,104.9-86.41,122.89-101.52C503.14,253.62,503.14,246.38,490.59,233.83Zm-56.89,29.12c-5.49,7.32-40.07,53.66-80.71,94.12l0,0C312.49,397.74,271.34,428.48,264,434l-.13.08c-7.59,6.29-20.19,6-27.94,0-7.32-5.49-50.39-38.15-90.85-78.79l0,0c-40.65-40.46-73.31-83.53-78.79-90.85h0c-6.29-7.59-6-20.19,0-27.93,5.49-7.32,38.15-50.39,78.79-90.85l0,0c40.46-40.65,83.53-73.31,90.85-78.79,7.74-6,20.35-6.29,27.93,0h0c7.32,5.49,50.39,38.15,90.85,78.79l0,0c40.65,40.46,73.39,84.8,78.88,92.12v0C440,245.32,439.71,255.21,433.69,262.95Z" fill="#00629B"/><path d="M420.46,238.64c-5.09-6.79-35.48-47.94-73.2-85.49l0,0c-37.55-37.72-77.52-68-84.31-73.12h0l-.14-.13c-7-5.84-18.6-5.45-25.79.14-6.79,5.09-46.76,35.4-84.31,73.12l0,0c-37.72,37.55-68,77.52-73.12,84.31-5.59,7.18-5.84,18.88,0,25.92h0c5.09,6.79,35.4,46.76,73.12,84.31l0,0c37.55,37.72,77.52,68,84.31,73.12,7.18,5.59,18.88,5.84,25.92,0l.12-.07a787.78,787.78,0,0,0,82.53-71.34l0,0c37.72-37.55,69.81-80.56,74.9-87.35,5.59-7.18,5.84-16.36,0-23.4ZM249.6,118l27.6,79.64H258.79l3.43,75.83c-9.18,1.59-15.89,1.27-24.9-.14l3.27-75.69h-18.8Zm-16,253.83,3.37-77.95c5.31.89,21.4.77,26.72-.06l3.54,78C258.34,374.22,242,373.81,233.55,371.86Zm11.64-82.5c-57.38,0-103.78-18.47-103.89-41.25-.08-15.63,21.78-29.23,54.16-36.22l24.65,15.87c-25.23,4.53-42.51,13.77-42.51,24.43,0,15.13,34.84,27.4,77.81,27.4,36.91,0,78.35-12.27,78.35-27.4-.19-9.53-11.23-15.05-21.94-20.39l-14.7,3.36-7.75-21.39,47.72,11.66-10.77,2.74s18.21,9.43,22.09,20C356,271,306.22,289.35,245.18,289.35Z" fill="#00629B"/><path d="M335.42,444.59c-9.3,0-17.58,6.44-17.58,17.49s8.27,17.54,17.58,17.54,17.53-6.47,17.53-17.54S344.66,444.59,335.42,444.59Zm0,31v-.05c-6.94.05-12.54-5.34-12.54-13.43s5.6-13.41,12.54-13.41c6.78,0,12.55,5.36,12.55,13.41S342.19,475.56,335.42,475.56Zm7.83-17.22c0-4.32-2.85-5.68-7.73-5.68h-7v18.85h4v-7.92h1.92l4.34,7.92h4.81l-4.86-8.27C341.24,463,343.25,461.79,343.25,458.34Zm-7.15,2H332.5v-4.55h2.84c1.54,0,3.62.15,3.62,2.11S337.9,460.38,336.1,460.38Z" fill="#00629B" fill-rule="evenodd"/></g></g></svg>
\ No newline at end of file
diff --git a/services/web/public/img/other-brands/logo_ieee_white.png b/services/web/public/img/other-brands/logo_ieee_white.png
new file mode 100644
index 0000000..509d187
Binary files /dev/null and b/services/web/public/img/other-brands/logo_ieee_white.png differ
diff --git a/services/web/public/img/other-brands/logo_ieee_white.svg b/services/web/public/img/other-brands/logo_ieee_white.svg
new file mode 100644
index 0000000..29fc90e
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_ieee_white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><title>Asset 2</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path d="M490.59,233.83C472.22,217,415.33,179.95,367.7,132.31,320.44,85,282.75,27.78,266.17,9.41c-12.55-12.55-19.79-12.55-32.35,0C217.23,27.78,179.56,85,132.3,132.31,84.67,179.95,27.78,218.5,9.41,233.83c-12.55,12.55-12.55,19.79,0,32.35C27.78,282.53,85,320.44,132.31,367.7c47.64,47.64,84.94,104.52,101.52,122.89,12.55,12.55,19.79,12.55,32.35,0,16.36-18.37,53.88-75.25,101.52-122.89,47.26-47.26,104.9-86.41,122.89-101.52C503.14,253.62,503.14,246.38,490.59,233.83Zm-56.89,29.12c-5.49,7.32-40.07,53.66-80.71,94.12l0,0C312.49,397.74,271.34,428.48,264,434l-.13.08c-7.59,6.29-20.19,6-27.94,0-7.32-5.49-50.39-38.15-90.85-78.79l0,0c-40.65-40.46-73.31-83.53-78.79-90.85h0c-6.29-7.59-6-20.19,0-27.93,5.49-7.32,38.15-50.39,78.79-90.85l0,0c40.46-40.65,83.53-73.31,90.85-78.79,7.74-6,20.35-6.29,27.93,0h0c7.32,5.49,50.39,38.15,90.85,78.79l0,0c40.65,40.46,73.39,84.8,78.88,92.12v0C440,245.32,439.71,255.21,433.69,262.95Z" fill="#fff"/><path d="M420.46,238.64c-5.09-6.79-35.48-47.94-73.2-85.49l0,0c-37.55-37.72-77.52-68-84.31-73.12h0l-.14-.13c-7-5.84-18.6-5.45-25.79.14-6.79,5.09-46.76,35.4-84.31,73.12l0,0c-37.72,37.55-68,77.52-73.12,84.31-5.59,7.18-5.84,18.88,0,25.92h0c5.09,6.79,35.4,46.76,73.12,84.31l0,0c37.55,37.72,77.52,68,84.31,73.12,7.18,5.59,18.88,5.84,25.92,0l.12-.07a787.78,787.78,0,0,0,82.53-71.34l0,0c37.72-37.55,69.81-80.56,74.9-87.35,5.59-7.18,5.84-16.36,0-23.4ZM249.6,118l27.6,79.64H258.79l3.43,75.83c-9.18,1.59-15.89,1.27-24.9-.14l3.27-75.69h-18.8Zm-16,253.83,3.37-77.95c5.31.89,21.4.77,26.72-.06l3.54,78C258.34,374.22,242,373.81,233.55,371.86Zm11.64-82.5c-57.38,0-103.78-18.47-103.89-41.25-.08-15.63,21.78-29.23,54.16-36.22l24.65,15.87c-25.23,4.53-42.51,13.77-42.51,24.43,0,15.13,34.84,27.4,77.81,27.4,36.91,0,78.35-12.27,78.35-27.4-.19-9.53-11.23-15.05-21.94-20.39l-14.7,3.36-7.75-21.39,47.72,11.66-10.77,2.74s18.21,9.43,22.09,20C356,271,306.22,289.35,245.18,289.35Z" fill="#fff"/><path d="M335.42,444.59c-9.3,0-17.58,6.44-17.58,17.49s8.27,17.54,17.58,17.54,17.53-6.47,17.53-17.54S344.66,444.59,335.42,444.59Zm0,31v-.05c-6.94.05-12.54-5.34-12.54-13.43s5.6-13.41,12.54-13.41c6.78,0,12.55,5.36,12.55,13.41S342.19,475.56,335.42,475.56Zm7.83-17.22c0-4.32-2.85-5.68-7.73-5.68h-7v18.85h4v-7.92h1.92l4.34,7.92h4.81l-4.86-8.27C341.24,463,343.25,461.79,343.25,458.34Zm-7.15,2H332.5v-4.55h2.84c1.54,0,3.62.15,3.62,2.11S337.9,460.38,336.1,460.38Z" fill="#fff" fill-rule="evenodd"/></g></g></svg>
\ No newline at end of file
diff --git a/services/web/public/img/other-brands/logo_institution.svg b/services/web/public/img/other-brands/logo_institution.svg
new file mode 100644
index 0000000..cb71157
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_institution.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="13" viewBox="-2 -2 18 17" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.5625 2.90686C13.5625 2.82483 13.4805 2.7428 13.4258 2.71545L7.08203 0.309204C7.05469 0.309204 7.02734 0.309204 6.97266 0.309204C6.94531 0.309204 6.91797 0.309204 6.89062 0.309204L0.546875 2.71545C0.492188 2.7428 0.4375 2.82483 0.4375 2.90686V3.34436C0.4375 3.48108 0.519531 3.56311 0.65625 3.56311H1.3125V3.89124C1.3125 4.08264 1.44922 4.21936 1.64062 4.21936H12.3594C12.5234 4.21936 12.6875 4.08264 12.6875 3.89124V3.56311H13.3438C13.4531 3.56311 13.5625 3.48108 13.5625 3.34436V2.90686ZM12.9062 11.2194H1.09375C0.710938 11.2194 0.4375 11.5201 0.4375 11.8756V12.3131C0.4375 12.4498 0.519531 12.5319 0.65625 12.5319H13.3438C13.4531 12.5319 13.5625 12.4498 13.5625 12.3131V11.8756C13.5625 11.5201 13.2617 11.2194 12.9062 11.2194ZM2.625 4.65686V9.90686H1.64062C1.44922 9.90686 1.3125 10.0709 1.3125 10.235V10.7819H12.6875V10.235C12.6875 10.0709 12.5234 9.90686 12.3594 9.90686H11.375V4.65686H9.625V9.90686H7.875V4.65686H6.125V9.90686H4.375V4.65686H2.625Z" fill="#1B222C"/>
+</svg>
diff --git a/services/web/public/img/other-brands/logo_mastercard.svg b/services/web/public/img/other-brands/logo_mastercard.svg
new file mode 100644
index 0000000..faec784
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_mastercard.svg
@@ -0,0 +1,7 @@
+<svg width="35" height="24" viewBox="0 0 35 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="0.5" y="0.5" width="33.5" height="23" rx="5.5" fill="white"/>
+<rect x="0.5" y="0.5" width="33.5" height="23" rx="5.5" stroke="#F2F4F7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.179 16.8294C15.9949 17.8275 14.459 18.43 12.7807 18.43C9.03582 18.43 6 15.4303 6 11.73C6 8.02966 9.03582 5.02997 12.7807 5.02997C14.459 5.02997 15.9949 5.63247 17.179 6.63051C18.363 5.63247 19.8989 5.02997 21.5773 5.02997C25.3221 5.02997 28.358 8.02966 28.358 11.73C28.358 15.4303 25.3221 18.43 21.5773 18.43C19.8989 18.43 18.363 17.8275 17.179 16.8294Z" fill="#ED0006"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.1797 16.8294C18.6376 15.6005 19.5621 13.7719 19.5621 11.73C19.5621 9.68801 18.6376 7.85941 17.1797 6.63051C18.3637 5.63247 19.8996 5.02997 21.578 5.02997C25.3228 5.02997 28.3587 8.02966 28.3587 11.73C28.3587 15.4303 25.3228 18.43 21.578 18.43C19.8996 18.43 18.3637 17.8275 17.1797 16.8294Z" fill="#F9A000"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.1793 16.8294C18.6372 15.6005 19.5616 13.7719 19.5616 11.73C19.5616 9.68805 18.6372 7.85946 17.1793 6.63055C15.7213 7.85946 14.7969 9.68805 14.7969 11.73C14.7969 13.7719 15.7213 15.6005 17.1793 16.8294Z" fill="#FF5E00"/>
+</svg>
diff --git a/services/web/public/img/other-brands/logo_mendeley.svg b/services/web/public/img/other-brands/logo_mendeley.svg
new file mode 100644
index 0000000..6a4e3f0
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_mendeley.svg
@@ -0,0 +1,3 @@
+<svg width="91" height="52" viewBox="0 0 91 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.3252 42.9968C89.9702 33.0138 78.9192 35.6738 75.9442 29.5488C73.0382 23.5688 78.0342 21.5188 78.0342 14.8448C78.0342 6.93878 71.5432 0.529785 63.5372 0.529785C53.2002 0.529785 53.3452 9.11979 45.4662 9.11979H45.4652C37.5862 9.11979 37.7312 0.529785 27.3942 0.529785C19.3872 0.529785 12.8972 6.93978 12.8972 14.8448C12.8972 21.5188 17.8922 23.5678 14.9872 29.5488C12.0112 35.6738 0.961158 33.0138 0.605158 42.9968C0.437158 47.7068 4.47516 51.5298 9.24816 51.5298C14.0212 51.5298 17.9162 47.7098 17.8902 42.9968C17.8682 39.1438 15.1982 37.7718 16.1572 33.1808H16.1592C16.9302 29.3408 21.0942 26.0508 26.4672 25.3898C32.4872 24.6488 39.2912 27.5848 39.2912 34.2138C39.2912 38.3188 36.8292 38.8738 36.8292 42.9968C36.8292 47.5258 40.5672 51.5298 45.4592 51.5298C50.3512 51.5298 54.1012 47.5258 54.1012 42.9968C54.1012 38.8748 51.6392 38.3188 51.6392 34.2138C51.6392 27.5838 58.4422 24.6488 64.4642 25.3898C69.8372 26.0508 74.0012 29.3398 74.7712 33.1798H74.7732C75.7322 37.7718 73.0622 39.1438 73.0402 42.9968C73.0142 47.7088 76.9102 51.5298 81.6832 51.5298C86.4562 51.5298 90.4932 47.7058 90.3252 42.9968ZM45.4722 28.8098C40.6992 28.8098 36.8292 24.9898 36.8292 20.2758C36.8292 15.5638 40.6992 11.7428 45.4722 11.7428C50.2452 11.7428 54.1142 15.5628 54.1142 20.2758C54.1142 24.9888 50.2452 28.8098 45.4722 28.8098Z" fill="#E5222E"/>
+</svg>
\ No newline at end of file
diff --git a/services/web/public/img/other-brands/logo_orcid.svg b/services/web/public/img/other-brands/logo_orcid.svg
new file mode 100644
index 0000000..82affd0
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_orcid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path d="M289.06,181.64H242.77V336.72h47.85c68.16,0,83.79-51.76,83.79-77.54C374.41,217.19,347.66,181.64,289.06,181.64Z" fill="#95ba2e"/><path d="M250,0C111.91,0,0,111.91,0,250S111.91,500,250,500,500,388.09,500,250,388.09,0,250,0ZM168.55,249V363.67H138.48V154.49h30.08Zm-15-118.36a19.73,19.73,0,1,1,19.73-19.73A19.8,19.8,0,0,1,153.52,130.66Zm140.82,233.2H212.7V154.49h81.25c77.34,0,111.33,55.27,111.33,104.69C405.27,312.89,363.28,363.87,294.34,363.87Z" fill="#95ba2e"/></g></g></svg>
\ No newline at end of file
diff --git a/services/web/public/img/other-brands/logo_orcid_white.svg b/services/web/public/img/other-brands/logo_orcid_white.svg
new file mode 100644
index 0000000..98107f2
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_orcid_white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 500"><title>Asset 1</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path d="M289.06,181.64H242.77V336.72h47.85c68.16,0,83.79-51.76,83.79-77.54C374.41,217.19,347.66,181.64,289.06,181.64Z" fill="#fff"/><path d="M250,0C111.91,0,0,111.91,0,250S111.91,500,250,500,500,388.09,500,250,388.09,0,250,0ZM168.55,249V363.67H138.48V154.49h30.08Zm-15-118.36a19.73,19.73,0,1,1,19.73-19.73A19.8,19.8,0,0,1,153.52,130.66Zm140.82,233.2H212.7V154.49h81.25c77.34,0,111.33,55.27,111.33,104.69C405.27,312.89,363.28,363.87,294.34,363.87Z" fill="#fff"/></g></g></svg>
\ No newline at end of file
diff --git a/services/web/public/img/other-brands/logo_paypal.svg b/services/web/public/img/other-brands/logo_paypal.svg
new file mode 100644
index 0000000..06a83e4
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_paypal.svg
@@ -0,0 +1,8 @@
+<svg width="35" height="24" viewBox="0 0 35 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1" y="0.5" width="33.5" height="23" rx="3.5" fill="white"/>
+<rect x="1" y="0.5" width="33.5" height="23" rx="3.5" stroke="#F2F4F7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.115 18.4482L15.3357 16.9991L14.844 16.9873H12.4961L14.1278 6.29364C14.1329 6.26126 14.1493 6.2312 14.1733 6.20981C14.1975 6.18843 14.2282 6.1767 14.2604 6.1767H18.2193C19.5338 6.1767 20.4408 6.45933 20.9143 7.01727C21.1363 7.27902 21.2777 7.55261 21.3461 7.85357C21.4179 8.16945 21.4191 8.54679 21.3491 9.00709L21.344 9.04057V9.33555L21.566 9.46557C21.7529 9.56809 21.9015 9.6854 22.0155 9.81969C22.2054 10.0435 22.3282 10.328 22.3801 10.6652C22.4338 11.0119 22.4161 11.4247 22.3282 11.892C22.2269 12.4294 22.0632 12.8975 21.842 13.2805C21.6386 13.6334 21.3795 13.9262 21.0717 14.153C20.7779 14.3685 20.4289 14.5321 20.0343 14.6368C19.6519 14.7397 19.2158 14.7917 18.7376 14.7917H18.4295C18.2093 14.7917 17.9953 14.8737 17.8273 15.0207C17.6588 15.1707 17.5475 15.3758 17.5133 15.6L17.49 15.7305L17.1 18.2847L17.0824 18.3784C17.0776 18.4081 17.0696 18.4229 17.0578 18.4329C17.0473 18.4421 17.0321 18.4482 17.0173 18.4482H15.115Z" fill="#28356A"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.7761 9.07465C21.7644 9.15273 21.7508 9.23252 21.7356 9.31451C21.2136 12.0852 19.4273 13.0423 17.146 13.0423H15.9845C15.7055 13.0423 15.4703 13.2516 15.4269 13.5361L14.6638 18.5394C14.6356 18.7262 14.7748 18.8945 14.9571 18.8945H17.0173C17.2612 18.8945 17.4684 18.7113 17.5069 18.4626L17.5271 18.3545L17.915 15.8103L17.9399 15.6707C17.9779 15.4212 18.1856 15.2379 18.4295 15.2379H18.7376C20.7336 15.2379 22.2961 14.4004 22.7528 11.9765C22.9435 10.964 22.8448 10.1186 22.34 9.52396C22.1873 9.3447 21.9977 9.19586 21.7761 9.07465Z" fill="#298FC2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.2288 8.84962C21.149 8.82555 21.0667 8.8038 20.9823 8.78413C20.8974 8.76494 20.8105 8.74796 20.7211 8.73305C20.4079 8.68075 20.0647 8.65594 19.6971 8.65594H16.5941C16.5176 8.65594 16.445 8.67379 16.3801 8.70604C16.2369 8.77716 16.1306 8.9172 16.1049 9.08864L15.4447 13.4102L15.4258 13.5362C15.4692 13.2517 15.7043 13.0424 15.9833 13.0424H17.1449C19.4261 13.0424 21.2124 12.0847 21.7345 9.31457C21.7501 9.23258 21.7632 9.15279 21.7749 9.07471C21.6428 9.00224 21.4998 8.94029 21.3457 8.8875C21.3077 8.87443 21.2684 8.86184 21.2288 8.84962Z" fill="#22284F"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M16.1047 9.08862C16.1304 8.91718 16.2367 8.77715 16.3799 8.70652C16.4453 8.67414 16.5174 8.6563 16.5939 8.6563H19.6969C20.0645 8.6563 20.4077 8.68123 20.7208 8.73353C20.8103 8.74831 20.8972 8.76542 20.9821 8.7846C21.0665 8.80415 21.1488 8.82603 21.2286 8.84998C21.2682 8.8622 21.3075 8.8749 21.3459 8.88749C21.4999 8.94028 21.6431 9.00272 21.7752 9.07469C21.9305 8.05082 21.7739 7.3537 21.2383 6.72245C20.6478 6.0274 19.5821 5.72998 18.2184 5.72998H14.2593C13.9808 5.72998 13.7431 5.9393 13.7001 6.22426L12.0511 17.0279C12.0186 17.2416 12.1781 17.4344 12.3866 17.4344H14.8308L16.1047 9.08862Z" fill="#28356A"/>
+</svg>
diff --git a/services/web/public/img/other-brands/logo_pwc.png b/services/web/public/img/other-brands/logo_pwc.png
new file mode 100644
index 0000000..1ba8b3f
Binary files /dev/null and b/services/web/public/img/other-brands/logo_pwc.png differ
diff --git a/services/web/public/img/other-brands/logo_sharelatex.svg b/services/web/public/img/other-brands/logo_sharelatex.svg
new file mode 100644
index 0000000..bdfa8ca
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_sharelatex.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 430.79"><title>Asset 4</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><circle cx="291.76" cy="172.38" r="11.72" fill="#A93529"/><path d="M307.11,310.48a4.71,4.71,0,0,0-5.89-3.08c-12.93,4-29.57,6.22-46.52,6.56V257c0-.14-.07-.25-.08-.39,14.13-4.8,43.14-26.44,37.62-37.14-2.48-4.81-21.73-5.28-42.35-5.41-20.43-.13-39.65.8-42.06,5.61-5.81,11.62,22.39,32.84,37.49,37.13V314c-17-.35-33.6-2.52-46.52-6.58a4.72,4.72,0,0,0-2.82,9h0c15.16,4.76,34.61,7.13,54.07,7.13s38.86-2.37,54-7.11a4.71,4.71,0,0,0,3.06-5.92Z" fill="#A93529"/><circle cx="208.27" cy="172.38" r="11.72" fill="#A93529"/><path d="M249.29,404.89c2.88,9.34,5.7,19.73,7.43,25.28,37.9-.39,72.72-.26,109.1,0-.09-14.67-.93-23.15-1-35.49l19.91,21.41c18.71-36.35,41.83-62.9,48.36-103.75,26.95-17,36.71-51.27,55.46-77.28-9.25-4.64-18.86-5.69-27.55-10,11.42-3.81,27-7,39-11-16.71-26.89-30-52.75-45.65-78.11-7.54-14.6-22.8-18.82-37.65-7.17.35-10.22,15.18-29.16,10.76-37.39-12.87-24-26.86-50.76-41-74.1L357,41.14,368.25.65C340.84,1.34,312,3.08,287,2.16c-19.65-.73-37.79,6.58-41.27,29.92-1.86-10.37-5.19-19.41-18.85-24.18C196.14-2.76,138.19,0,123.25,1.29c5.28,13,6.07,27.18,11.07,39.46L107.79,28.32C96.56,48.9,84,68.33,71.62,86.9c-8.47,16.32-12,31.15,13.72,45-14.26-.49-25-4.33-34.37-4.65C34.13,157.48,15.5,184.43,0,214.7c16.88-.43,33.29,7.54,43.2,7.29h0c-8,5.5-10.43,16.17-22.73,24.61,22.64,19,17.76,60.78,48.78,67.77-.73,5.22-4.71,14.07-2.2,19,14.17,28.1,32.86,51.37,48.65,79.92,9.39-13.15,19.17-17.67,26.48-27.21L137.57,429c17.87.61,35,1.42,52.21,1.74C211.09,431.11,242.32,431.14,249.29,404.89ZM348.57,86.16c4.24-6.39,25.13,3.51,28.49,9.37,2.82,4.91.82,29.09-6.37,29.42-2.86.13-8.14-8.58-13.63-18S347,88.53,348.57,86.16ZM122.66,95.53c3.36-5.85,24.25-15.75,28.49-9.37,1.57,2.37-3.06,11.43-8.5,20.77s-10.77,18.14-13.65,18C121.84,124.62,119.84,100.44,122.66,95.53Zm20,290Zm20.9-86.71,6.21-10.75-43.25-74.92,61.74-106.94H311.73l61.75,106.94-43.26,74.92,6.21,10.76-43.22,74.86H206.78Z" fill="#A93529"/></g></g></svg>
\ No newline at end of file
diff --git a/services/web/public/img/other-brands/logo_sharelatex_white.svg b/services/web/public/img/other-brands/logo_sharelatex_white.svg
new file mode 100644
index 0000000..e59e2db
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_sharelatex_white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 430.79"><title>Asset 4</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><circle cx="291.76" cy="172.38" r="11.72" fill="#fff"/><path d="M307.11,310.48a4.71,4.71,0,0,0-5.89-3.08c-12.93,4-29.57,6.22-46.52,6.56V257c0-.14-.07-.25-.08-.39,14.13-4.8,43.14-26.44,37.62-37.14-2.48-4.81-21.73-5.28-42.35-5.41-20.43-.13-39.65.8-42.06,5.61-5.81,11.62,22.39,32.84,37.49,37.13V314c-17-.35-33.6-2.52-46.52-6.58a4.72,4.72,0,0,0-2.82,9h0c15.16,4.76,34.61,7.13,54.07,7.13s38.86-2.37,54-7.11a4.71,4.71,0,0,0,3.06-5.92Z" fill="#fff"/><circle cx="208.27" cy="172.38" r="11.72" fill="#fff"/><path d="M249.29,404.89c2.88,9.34,5.7,19.73,7.43,25.28,37.9-.39,72.72-.26,109.1,0-.09-14.67-.93-23.15-1-35.49l19.91,21.41c18.71-36.35,41.83-62.9,48.36-103.75,26.95-17,36.71-51.27,55.46-77.28-9.25-4.64-18.86-5.69-27.55-10,11.42-3.81,27-7,39-11-16.71-26.89-30-52.75-45.65-78.11-7.54-14.6-22.8-18.82-37.65-7.17.35-10.22,15.18-29.16,10.76-37.39-12.87-24-26.86-50.76-41-74.1L357,41.14,368.25.65C340.84,1.34,312,3.08,287,2.16c-19.65-.73-37.79,6.58-41.27,29.92-1.86-10.37-5.19-19.41-18.85-24.18C196.14-2.76,138.19,0,123.25,1.29c5.28,13,6.07,27.18,11.07,39.46L107.79,28.32C96.56,48.9,84,68.33,71.62,86.9c-8.47,16.32-12,31.15,13.72,45-14.26-.49-25-4.33-34.37-4.65C34.13,157.48,15.5,184.43,0,214.7c16.88-.43,33.29,7.54,43.2,7.29h0c-8,5.5-10.43,16.17-22.73,24.61,22.64,19,17.76,60.78,48.78,67.77-.73,5.22-4.71,14.07-2.2,19,14.17,28.1,32.86,51.37,48.65,79.92,9.39-13.15,19.17-17.67,26.48-27.21L137.57,429c17.87.61,35,1.42,52.21,1.74C211.09,431.11,242.32,431.14,249.29,404.89ZM348.57,86.16c4.24-6.39,25.13,3.51,28.49,9.37,2.82,4.91.82,29.09-6.37,29.42-2.86.13-8.14-8.58-13.63-18S347,88.53,348.57,86.16ZM122.66,95.53c3.36-5.85,24.25-15.75,28.49-9.37,1.57,2.37-3.06,11.43-8.5,20.77s-10.77,18.14-13.65,18C121.84,124.62,119.84,100.44,122.66,95.53Zm20,290Zm20.9-86.71,6.21-10.75-43.25-74.92,61.74-106.94H311.73l61.75,106.94-43.26,74.92,6.21,10.76-43.22,74.86H206.78Z" fill="#fff"/></g></g></svg>
\ No newline at end of file
diff --git a/services/web/public/img/other-brands/logo_twitter.svg b/services/web/public/img/other-brands/logo_twitter.svg
new file mode 100644
index 0000000..4590acb
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_twitter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 406.28"><title>Asset 3</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path d="M157.24,406.28c188.68,0,291.88-156.32,291.88-291.88,0-4.44,0-8.86-.3-13.26A208.72,208.72,0,0,0,500,48a204.76,204.76,0,0,1-58.92,16.14,102.94,102.94,0,0,0,45.1-56.74A205.58,205.58,0,0,1,421,32.34,102.68,102.68,0,0,0,246.22,125.9,291.24,291.24,0,0,1,34.8,18.72,102.66,102.66,0,0,0,66.56,155.66,101.82,101.82,0,0,1,20,142.82v1.3a102.62,102.62,0,0,0,82.3,100.56A102.42,102.42,0,0,1,56,246.44a102.7,102.7,0,0,0,95.84,71.24,205.84,205.84,0,0,1-127.4,44A208.82,208.82,0,0,1,0,360.2a290.42,290.42,0,0,0,157.24,46" fill="#1DA1F2"/></g></g></svg>
\ No newline at end of file
diff --git a/services/web/public/img/other-brands/logo_twitter_white.svg b/services/web/public/img/other-brands/logo_twitter_white.svg
new file mode 100644
index 0000000..6a00726
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_twitter_white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 406.28"><title>Asset 3</title><g id="Layer_2" data-name="Layer 2"><g id="Layer_1-2" data-name="Layer 1"><path d="M157.24,406.28c188.68,0,291.88-156.32,291.88-291.88,0-4.44,0-8.86-.3-13.26A208.72,208.72,0,0,0,500,48a204.76,204.76,0,0,1-58.92,16.14,102.94,102.94,0,0,0,45.1-56.74A205.58,205.58,0,0,1,421,32.34,102.68,102.68,0,0,0,246.22,125.9,291.24,291.24,0,0,1,34.8,18.72,102.66,102.66,0,0,0,66.56,155.66,101.82,101.82,0,0,1,20,142.82v1.3a102.62,102.62,0,0,0,82.3,100.56A102.42,102.42,0,0,1,56,246.44a102.7,102.7,0,0,0,95.84,71.24,205.84,205.84,0,0,1-127.4,44A208.82,208.82,0,0,1,0,360.2a290.42,290.42,0,0,0,157.24,46" fill="#fff"/></g></g></svg>
\ No newline at end of file
diff --git a/services/web/public/img/other-brands/logo_visa.svg b/services/web/public/img/other-brands/logo_visa.svg
new file mode 100644
index 0000000..388a933
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_visa.svg
@@ -0,0 +1,5 @@
+<svg width="35" height="24" viewBox="0 0 35 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="1" y="0.5" width="33.5" height="23" rx="5.5" fill="white"/>
+<rect x="1" y="0.5" width="33.5" height="23" rx="5.5" stroke="#F2F4F7"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.251 15.8582H9.19129L7.64674 9.79235C7.57343 9.51332 7.41776 9.26664 7.18879 9.15038C6.61737 8.85821 5.9877 8.62568 5.30078 8.50841V8.27487H8.61886C9.07681 8.27487 9.42026 8.62568 9.47751 9.03311L10.2789 13.4086L12.3376 8.27487H14.3401L11.251 15.8582ZM15.485 15.8582H13.5398L15.1415 8.27487H17.0868L15.485 15.8582ZM19.6035 10.3757C19.6607 9.96725 20.0042 9.73372 20.4049 9.73372C21.0346 9.67508 21.7205 9.79235 22.2929 10.0835L22.6364 8.45079C22.0639 8.21725 21.4343 8.09998 20.8628 8.09998C18.9748 8.09998 17.601 9.15038 17.601 10.6082C17.601 11.7173 18.5741 12.2996 19.261 12.6504C20.0042 13.0002 20.2904 13.2337 20.2332 13.5835C20.2332 14.1082 19.6607 14.3418 19.0893 14.3418C18.4024 14.3418 17.7155 14.1669 17.0868 13.8747L16.7433 15.5084C17.4303 15.7996 18.1734 15.9169 18.8603 15.9169C20.9773 15.9745 22.2929 14.9251 22.2929 13.35C22.2929 11.3664 19.6035 11.2502 19.6035 10.3757ZM29.1008 15.8582L27.5562 8.27487H25.8972C25.5537 8.27487 25.2103 8.50841 25.0958 8.85821L22.2356 15.8582H24.2381L24.6378 14.7502H27.0983L27.3273 15.8582H29.1008ZM26.1834 10.3171L26.7548 13.1751H25.153L26.1834 10.3171Z" fill="#172B85"/>
+</svg>
diff --git a/services/web/public/img/other-brands/logo_zotero.svg b/services/web/public/img/other-brands/logo_zotero.svg
new file mode 100644
index 0000000..82314cd
--- /dev/null
+++ b/services/web/public/img/other-brands/logo_zotero.svg
@@ -0,0 +1,10 @@
+<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="512" height="123" viewBox="0 0 512 123">
+  <g>
+    <path d="M73.915,36.1,19.179,108.014H75.912V120H0v-9.589L54.738,38.493H2.8V26.51H73.915Z" fill="#cc2936"/>
+    <path d="M181.391,73.254a50.99,50.99,0,0,1-3.7,19.578,46.339,46.339,0,0,1-25.97,25.87,52.875,52.875,0,0,1-20.075,3.7,52.316,52.316,0,0,1-19.878-3.7A46.347,46.347,0,0,1,85.8,92.832a50.933,50.933,0,0,1-3.7-19.578,50.923,50.923,0,0,1,3.7-19.576,46.323,46.323,0,0,1,25.97-25.87,52.279,52.279,0,0,1,19.878-3.7,52.837,52.837,0,0,1,20.075,3.7,46.315,46.315,0,0,1,25.97,25.87A50.98,50.98,0,0,1,181.391,73.254Zm-14.383,0a41.934,41.934,0,0,0-2.5-14.583,35.122,35.122,0,0,0-7.09-11.787,33.352,33.352,0,0,0-11.088-7.889,38.643,38.643,0,0,0-29.365,0,32.214,32.214,0,0,0-10.988,7.889,35.905,35.905,0,0,0-6.992,11.787,43.829,43.829,0,0,0,0,29.165,35.813,35.813,0,0,0,6.992,11.787,32.2,32.2,0,0,0,10.988,7.892,38.668,38.668,0,0,0,29.365,0,33.332,33.332,0,0,0,11.088-7.892,35.033,35.033,0,0,0,7.09-11.787A41.9,41.9,0,0,0,167.008,73.254Z" fill="#222"/>
+    <path d="M245.712,38.493H218.743V93.631a29.833,29.833,0,0,0,1,8.491,11.963,11.963,0,0,0,2.8,5.093,9.627,9.627,0,0,0,4.3,2.5,20.2,20.2,0,0,0,5.492.7,25.978,25.978,0,0,0,6.993-1,32.094,32.094,0,0,0,6.591-2.6l.6,12.185q-7.392,3.394-17.778,3.4a33.373,33.373,0,0,1-7.892-1,18.6,18.6,0,0,1-7.492-3.8,20.886,20.886,0,0,1-5.592-7.592q-2.2-4.792-2.2-12.585V38.493H185.78V26.51h19.779V.138h13.184V26.51h26.969Z" fill="#222"/>
+    <path d="M264.888,76.851a40.055,40.055,0,0,0,3.4,13.185,34.493,34.493,0,0,0,17.981,17.778,32.264,32.264,0,0,0,12.985,2.6,33.3,33.3,0,0,0,18.278-4.894A36.6,36.6,0,0,0,329.213,94.23l10.189,8.391q-8.392,10.59-18.48,15.182a51.705,51.705,0,0,1-21.673,4.594,49.743,49.743,0,0,1-19.279-3.7,45.151,45.151,0,0,1-15.282-10.289A48.651,48.651,0,0,1,254.6,92.832a50.933,50.933,0,0,1-3.695-19.578A52.232,52.232,0,0,1,254.5,53.678a47.343,47.343,0,0,1,9.989-15.584,45.906,45.906,0,0,1,14.982-10.286,46.486,46.486,0,0,1,18.579-3.7,45.564,45.564,0,0,1,18.977,3.8,42.109,42.109,0,0,1,14.084,10.086,43.2,43.2,0,0,1,8.69,14.785,53.921,53.921,0,0,1,3,18.078v5.994Zm63.526-10.788q0-13.38-7.991-21.675T298.05,36.1a31.918,31.918,0,0,0-12.385,2.5,34.9,34.9,0,0,0-10.488,6.694,33.48,33.48,0,0,0-7.193,9.589,24.716,24.716,0,0,0-2.7,11.187Z" fill="#222"/>
+    <path d="M362.174,55.675q0-6.19-.3-12.585t-.5-16.58h12.984V43.888h.4a29.025,29.025,0,0,1,4-7.292,31.327,31.327,0,0,1,6.291-6.292,30.907,30.907,0,0,1,8.591-4.5,33.784,33.784,0,0,1,11.088-1.7,35.791,35.791,0,0,1,9.786,1.2l-2.6,12.985a22.215,22.215,0,0,0-7.59-1,27.106,27.106,0,0,0-12.985,2.9,28.807,28.807,0,0,0-8.99,7.391,30.677,30.677,0,0,0-5.3,9.689,32.149,32.149,0,0,0-1.7,9.989V120H362.174Z" fill="#222"/>
+    <path d="M512,73.254a50.99,50.99,0,0,1-3.7,19.578,46.339,46.339,0,0,1-25.97,25.87,52.875,52.875,0,0,1-20.075,3.7,52.316,52.316,0,0,1-19.878-3.7,46.347,46.347,0,0,1-25.97-25.87,50.933,50.933,0,0,1-3.7-19.578,50.923,50.923,0,0,1,3.7-19.576,46.323,46.323,0,0,1,25.97-25.87,52.279,52.279,0,0,1,19.878-3.7,52.837,52.837,0,0,1,20.075,3.7,46.315,46.315,0,0,1,25.97,25.87A50.98,50.98,0,0,1,512,73.254Zm-14.383,0a41.934,41.934,0,0,0-2.5-14.583,35.122,35.122,0,0,0-7.09-11.787,33.352,33.352,0,0,0-11.088-7.889,38.643,38.643,0,0,0-29.365,0,32.214,32.214,0,0,0-10.988,7.889A35.905,35.905,0,0,0,429.6,58.671a43.829,43.829,0,0,0,0,29.165,35.813,35.813,0,0,0,6.992,11.787,32.2,32.2,0,0,0,10.988,7.892,38.668,38.668,0,0,0,29.365,0,33.332,33.332,0,0,0,11.088-7.892,35.033,35.033,0,0,0,7.09-11.787A41.9,41.9,0,0,0,497.617,73.254Z" fill="#222"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/services/web/public/img/overleaf-partner/overleaf-greygreen-410.png b/services/web/public/img/overleaf-partner/overleaf-greygreen-410.png
new file mode 100644
index 0000000..1b09f4d
Binary files /dev/null and b/services/web/public/img/overleaf-partner/overleaf-greygreen-410.png differ
diff --git a/services/web/public/img/overleaf-partner/overleaf-white-410.png b/services/web/public/img/overleaf-partner/overleaf-white-410.png
new file mode 100644
index 0000000..6a23d10
Binary files /dev/null and b/services/web/public/img/overleaf-partner/overleaf-white-410.png differ
diff --git a/services/web/public/img/portal-default.jpg b/services/web/public/img/portal-default.jpg
new file mode 100644
index 0000000..6a27f27
Binary files /dev/null and b/services/web/public/img/portal-default.jpg differ
diff --git a/services/web/public/img/references-search/search_example.gif b/services/web/public/img/references-search/search_example.gif
new file mode 100644
index 0000000..397e41c
Binary files /dev/null and b/services/web/public/img/references-search/search_example.gif differ
diff --git a/services/web/public/img/review-icon-sprite-ol.png b/services/web/public/img/review-icon-sprite-ol.png
new file mode 100644
index 0000000..17c7918
Binary files /dev/null and b/services/web/public/img/review-icon-sprite-ol.png differ
diff --git a/services/web/public/img/review-icon-sprite-ol@2x.png b/services/web/public/img/review-icon-sprite-ol@2x.png
new file mode 100644
index 0000000..5e145bc
Binary files /dev/null and b/services/web/public/img/review-icon-sprite-ol@2x.png differ
diff --git a/services/web/public/img/review-icon-sprite.png b/services/web/public/img/review-icon-sprite.png
new file mode 100644
index 0000000..aa1e347
Binary files /dev/null and b/services/web/public/img/review-icon-sprite.png differ
diff --git a/services/web/public/img/review-icon-sprite@2x.png b/services/web/public/img/review-icon-sprite@2x.png
new file mode 100644
index 0000000..7a76326
Binary files /dev/null and b/services/web/public/img/review-icon-sprite@2x.png differ
diff --git a/services/web/public/img/screen.png b/services/web/public/img/screen.png
new file mode 100644
index 0000000..9bfeabf
Binary files /dev/null and b/services/web/public/img/screen.png differ
diff --git a/services/web/public/img/screen@2x.png b/services/web/public/img/screen@2x.png
new file mode 100644
index 0000000..be51af0
Binary files /dev/null and b/services/web/public/img/screen@2x.png differ
diff --git a/services/web/public/img/share-modal/add-more-editors.svg b/services/web/public/img/share-modal/add-more-editors.svg
new file mode 100644
index 0000000..61ee16d
--- /dev/null
+++ b/services/web/public/img/share-modal/add-more-editors.svg
@@ -0,0 +1,9 @@
+<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M48.0826 35.6938C48.3169 34.853 48.4106 33.9731 48.3584 33.091C48.1744 29.9799 46.225 27.385 43.5442 26.2212C43.767 25.8 43.952 25.2937 44.072 24.6746C44.2255 23.8823 44.2512 22.9627 44.1455 22.2222C44.0954 21.8682 44.043 21.5361 43.988 21.2224C43.3885 17.7389 41.2497 14.7143 38.1578 13.003C36.1692 11.9002 33.0845 11.0518 32.7741 9.8061C32.7604 9.75955 32.7501 9.70916 32.7364 9.66261C32.7336 9.55349 32.7342 9.44053 32.7278 9.33162C32.5169 5.7668 30.1751 2.94368 27.0309 2.07326C26.3253 1.84544 25.5578 1.74149 24.7265 1.79067C24.6866 1.79303 24.643 1.7956 24.6031 1.79797C24.5632 1.80033 24.5196 1.80291 24.4797 1.80527C23.6484 1.85445 22.8985 2.04817 22.2247 2.35761C19.2053 3.59632 17.2125 6.67223 17.4234 10.2371C17.4301 10.3496 17.4438 10.4581 17.4539 10.5668C17.4458 10.6146 17.4379 10.6661 17.4334 10.7137C17.272 11.9873 14.3092 13.1972 12.4642 14.523C9.59562 16.5871 7.82842 19.8427 7.64384 23.3726C7.62622 23.6906 7.61331 24.0265 7.60532 24.384C7.584 25.132 7.72162 26.0419 7.96745 26.8106C8.15962 27.4112 8.40322 27.8959 8.6739 28.2842C6.14911 29.756 4.51928 32.5627 4.70333 35.6737C4.75552 36.5559 4.9559 37.4183 5.28417 38.2258C3.75414 40.0103 3.06714 42.3751 3.23766 45.2574L3.34956 47.1487C3.48679 49.4684 5.47841 51.2376 7.79802 51.1004L47.1079 48.7747C49.4275 48.6375 51.1966 46.6458 51.0594 44.3261L50.9475 42.4348C50.777 39.5524 49.8159 37.2851 48.0862 35.6935L48.0826 35.6938Z" fill="#DADBEB"/>
+<path d="M20.1336 22.7658L32.5824 22.0293C33.0054 22.0043 33.3254 21.6379 33.3 21.2078L33.1493 18.6601C33.0373 16.7685 32.1918 15.0008 30.8007 13.7408C30.3105 13.2979 29.7637 12.9316 29.1822 12.6478C29.7958 11.7118 30.1193 10.5515 30.0457 9.30865C29.8752 6.42566 27.6432 4.20594 24.8079 4.37368C21.9726 4.54142 19.8062 7.0177 19.977 9.90433C20.0518 11.1691 20.5613 12.302 21.3496 13.1624C20.8374 13.5036 20.3687 13.9117 19.9542 14.3825C18.7178 15.7979 18.4235 17.6331 18.5354 19.5247L18.6478 21.4236C18.6943 22.2109 19.3594 22.8116 20.1336 22.7658ZM24.9729 7.22408C26.2633 7.14774 27.1615 8.16259 27.2391 9.47469C27.3167 10.7868 26.5409 11.9007 25.2541 11.9768C23.9673 12.0529 22.8541 11.0508 22.7764 9.73871C22.6988 8.42661 23.6825 7.30042 24.9729 7.22408ZM21.2953 18.6299C21.247 17.8135 21.4682 16.9921 21.9851 16.3654C22.6194 15.5963 23.4392 15.226 24.4101 14.9783C24.7327 14.8971 25.0643 14.8482 25.3976 14.8285L26.2579 14.7776C27.6428 14.7176 28.1017 15.1184 28.9378 15.8736C29.7738 16.6287 30.2827 17.6922 30.3498 18.8257C30.3653 19.0882 30.1699 19.3119 29.9118 19.3271L21.8396 19.8047C21.5816 19.82 21.3612 19.6209 21.3456 19.3584L21.3027 18.6331L21.2953 18.6299Z" fill="black"/>
+<path d="M45.9437 37.4303C45.4399 36.9882 44.8776 36.6228 44.2796 36.34C44.9128 35.4028 45.2478 34.2419 45.1742 32.999C45.0037 30.116 42.7101 27.8999 39.7914 28.0726C36.8727 28.2453 34.6386 30.7256 34.8094 33.6122C34.8842 34.8769 35.4066 36.0091 36.2165 36.8683C35.6887 37.2104 35.2056 37.6193 34.7781 38.0908C33.503 39.5086 33.1969 41.3444 33.3089 43.2361L33.4212 45.135C33.4678 45.9222 34.1512 46.5219 34.9483 46.4747L47.7632 45.7165C48.1986 45.6908 48.5287 45.3238 48.5032 44.8937L48.3525 42.3461C48.2406 40.4544 47.3733 38.688 45.9437 37.4303ZM39.9564 30.923C41.2847 30.8444 42.2074 31.8578 42.2851 33.1699C42.3627 34.482 41.5622 35.5974 40.2375 35.6758C38.9129 35.7541 37.7688 34.7538 37.6912 33.4417C37.6135 32.1296 38.628 31.0016 39.9564 30.923ZM45.0154 43.019L36.7058 43.5106C36.4401 43.5263 36.2136 43.3276 36.198 43.0651L36.1551 42.3398C36.1068 41.5234 36.3359 40.7016 36.869 40.0738C37.5233 39.3036 38.3677 38.9318 39.3675 38.6825C39.6997 38.6007 40.0411 38.5512 40.3842 38.5309L41.2698 38.4785C42.6954 38.4161 43.1671 38.8161 44.0263 39.5699C44.8855 40.3238 45.4076 41.3865 45.4746 42.52C45.4901 42.7824 45.2886 43.0065 45.023 43.0222L45.0154 43.019Z" fill="black"/>
+<path d="M17.2014 37.9421C17.8347 37.0049 18.1696 35.8439 18.0961 34.6011C17.9255 31.7181 15.632 29.502 12.7133 29.6747C9.79461 29.8473 7.56045 32.3276 7.73123 35.2143C7.80606 36.479 8.32848 37.6112 9.13838 38.4703C8.61061 38.8124 8.12752 39.2214 7.69997 39.6929C6.42492 41.1106 6.11882 42.9465 6.23074 44.8381L6.34308 46.737C6.38966 47.5243 7.07312 48.1239 7.87013 48.0768L20.6851 47.3186C21.1205 47.2928 21.4506 46.9259 21.4251 46.4958L21.2744 43.9481C21.1625 42.0565 20.2952 40.29 18.8656 39.0323C18.3617 38.5903 17.7995 38.2249 17.2014 37.9421ZM12.8785 32.5287C14.2068 32.4501 15.1295 33.4635 15.2071 34.7756C15.2848 36.0877 14.4843 37.2031 13.1596 37.2814C11.835 37.3598 10.6909 36.3595 10.6132 35.0474C10.5356 33.7353 11.5501 32.6073 12.8785 32.5287ZM17.9375 44.6247L9.62785 45.1163C9.36217 45.132 9.13566 44.9333 9.12013 44.6708L9.07722 43.9455C9.02892 43.1291 9.258 42.3072 9.7911 41.6795C10.4454 40.9093 11.2898 40.5375 12.2896 40.2882C12.6217 40.2063 12.9632 40.1569 13.3063 40.1366L14.1919 40.0842C15.6175 40.0218 16.0892 40.4218 16.9484 41.1756C17.8076 41.9294 18.3296 42.9922 18.3967 44.1257C18.4122 44.3881 18.2107 44.6121 17.9451 44.6279L17.9375 44.6247Z" fill="black"/>
+<path d="M38.8187 24.1385C38.8691 24.9902 39.6853 25.6207 40.5685 25.4176C41.2579 25.2583 41.7414 24.5725 41.6495 23.8812C40.9588 18.6031 40.1158 17.396 38.0561 15.0003C37.6691 14.5491 37.0412 14.3312 36.4691 14.5051C35.4538 14.813 35.1324 16.0244 36.3531 17.4031C38.0806 19.4127 38.651 21.304 38.8187 24.1385Z" fill="black"/>
+<path d="M31.2327 36.6182C30.1581 37.0669 29.7409 37.2428 28.9992 37.4162C27.2134 37.8314 25.3481 37.7474 23.6016 37.1993C23.3002 37.1055 23.006 37.0114 22.716 36.9278C21.9798 36.7122 21.2068 37.1394 20.9944 37.8862C20.782 38.633 21.2093 39.4103 21.9455 39.6259C23.6861 40.4947 24.7654 40.6072 26.5517 40.5016C28.338 40.3959 29.5703 40.323 32.1305 39.0234C32.8362 38.7225 33.1686 37.8966 32.8699 37.1836C32.5711 36.4707 31.9419 36.3171 31.233 36.6218L31.2327 36.6182Z" fill="black"/>
+<path d="M11.7024 27.0321C12.8109 27.4147 13.487 26.4139 13.4414 25.6422C13.274 22.8126 13.6252 20.8918 15.1791 18.6918C15.9322 17.5753 16.0278 16.2933 15.26 16.0017C14.5758 15.5797 13.6528 15.7562 13.1996 16.4033C11.6437 19.3419 10.7905 19.6684 10.6425 24.4454C10.6196 25.2176 10.94 26.7689 11.7062 27.0319L11.7024 27.0321Z" fill="black"/>
+</svg>
diff --git a/services/web/public/img/social/facebook-32.png b/services/web/public/img/social/facebook-32.png
new file mode 100644
index 0000000..5b085e2
Binary files /dev/null and b/services/web/public/img/social/facebook-32.png differ
diff --git a/services/web/public/img/social/link-32.png b/services/web/public/img/social/link-32.png
new file mode 100644
index 0000000..0c64abc
Binary files /dev/null and b/services/web/public/img/social/link-32.png differ
diff --git a/services/web/public/img/social/mail-32.png b/services/web/public/img/social/mail-32.png
new file mode 100644
index 0000000..5a2f52d
Binary files /dev/null and b/services/web/public/img/social/mail-32.png differ
diff --git a/services/web/public/img/social/twitter-32.png b/services/web/public/img/social/twitter-32.png
new file mode 100644
index 0000000..d0b55b9
Binary files /dev/null and b/services/web/public/img/social/twitter-32.png differ
diff --git a/services/web/public/img/spellcheck-underline.png b/services/web/public/img/spellcheck-underline.png
new file mode 100644
index 0000000..0b3b389
Binary files /dev/null and b/services/web/public/img/spellcheck-underline.png differ
diff --git a/services/web/public/img/spellcheck-underline@2x.png b/services/web/public/img/spellcheck-underline@2x.png
new file mode 100644
index 0000000..4212e3b
Binary files /dev/null and b/services/web/public/img/spellcheck-underline@2x.png differ
diff --git a/services/web/public/img/spinner.gif b/services/web/public/img/spinner.gif
new file mode 100644
index 0000000..dd95fb6
Binary files /dev/null and b/services/web/public/img/spinner.gif differ
diff --git a/services/web/public/img/sprite.png b/services/web/public/img/sprite.png
new file mode 100644
index 0000000..7a982e9
Binary files /dev/null and b/services/web/public/img/sprite.png differ
diff --git a/services/web/public/img/subscriptions/blr-discount-modal.png b/services/web/public/img/subscriptions/blr-discount-modal.png
new file mode 100644
index 0000000..c3490b5
Binary files /dev/null and b/services/web/public/img/subscriptions/blr-discount-modal.png differ
diff --git a/services/web/public/img/subscriptions/chile-discount-modal.png b/services/web/public/img/subscriptions/chile-discount-modal.png
new file mode 100644
index 0000000..49d5e7f
Binary files /dev/null and b/services/web/public/img/subscriptions/chile-discount-modal.png differ
diff --git a/services/web/public/img/subscriptions/colombia-discount-modal.png b/services/web/public/img/subscriptions/colombia-discount-modal.png
new file mode 100644
index 0000000..6803a46
Binary files /dev/null and b/services/web/public/img/subscriptions/colombia-discount-modal.png differ
diff --git a/services/web/public/img/subscriptions/inr-discount-modal.png b/services/web/public/img/subscriptions/inr-discount-modal.png
new file mode 100644
index 0000000..ead8016
Binary files /dev/null and b/services/web/public/img/subscriptions/inr-discount-modal.png differ
diff --git a/services/web/public/img/subscriptions/mexico-discount-modal.png b/services/web/public/img/subscriptions/mexico-discount-modal.png
new file mode 100644
index 0000000..eacefbf
Binary files /dev/null and b/services/web/public/img/subscriptions/mexico-discount-modal.png differ
diff --git a/services/web/public/img/subscriptions/peru-discount-modal.png b/services/web/public/img/subscriptions/peru-discount-modal.png
new file mode 100644
index 0000000..1a9b935
Binary files /dev/null and b/services/web/public/img/subscriptions/peru-discount-modal.png differ
diff --git a/services/web/public/img/teasers/code-checker/code-checker.gif b/services/web/public/img/teasers/code-checker/code-checker.gif
new file mode 100644
index 0000000..9da0677
Binary files /dev/null and b/services/web/public/img/teasers/code-checker/code-checker.gif differ
diff --git a/services/web/public/img/teasers/code-checker/code-checker.mp4 b/services/web/public/img/teasers/code-checker/code-checker.mp4
new file mode 100644
index 0000000..1162741
Binary files /dev/null and b/services/web/public/img/teasers/code-checker/code-checker.mp4 differ
diff --git a/services/web/public/img/teasers/dropbox/teaser-dropbox-editor.png b/services/web/public/img/teasers/dropbox/teaser-dropbox-editor.png
new file mode 100644
index 0000000..164f49e
Binary files /dev/null and b/services/web/public/img/teasers/dropbox/teaser-dropbox-editor.png differ
diff --git a/services/web/public/img/teasers/dropbox/teaser-dropbox.gif b/services/web/public/img/teasers/dropbox/teaser-dropbox.gif
new file mode 100644
index 0000000..6377d4e
Binary files /dev/null and b/services/web/public/img/teasers/dropbox/teaser-dropbox.gif differ
diff --git a/services/web/public/img/teasers/dropbox/teaser-dropbox.mp4 b/services/web/public/img/teasers/dropbox/teaser-dropbox.mp4
new file mode 100644
index 0000000..f8695f4
Binary files /dev/null and b/services/web/public/img/teasers/dropbox/teaser-dropbox.mp4 differ
diff --git a/services/web/public/img/teasers/git-bridge/teaser-git-bridge-editor.png b/services/web/public/img/teasers/git-bridge/teaser-git-bridge-editor.png
new file mode 100644
index 0000000..cef0cf4
Binary files /dev/null and b/services/web/public/img/teasers/git-bridge/teaser-git-bridge-editor.png differ
diff --git a/services/web/public/img/teasers/git-bridge/teaser-git-bridge.gif b/services/web/public/img/teasers/git-bridge/teaser-git-bridge.gif
new file mode 100644
index 0000000..19fa828
Binary files /dev/null and b/services/web/public/img/teasers/git-bridge/teaser-git-bridge.gif differ
diff --git a/services/web/public/img/teasers/git-bridge/teaser-git-bridge.mp4 b/services/web/public/img/teasers/git-bridge/teaser-git-bridge.mp4
new file mode 100644
index 0000000..07db596
Binary files /dev/null and b/services/web/public/img/teasers/git-bridge/teaser-git-bridge.mp4 differ
diff --git a/services/web/public/img/teasers/github/teaser-github.gif b/services/web/public/img/teasers/github/teaser-github.gif
new file mode 100644
index 0000000..5728cf0
Binary files /dev/null and b/services/web/public/img/teasers/github/teaser-github.gif differ
diff --git a/services/web/public/img/teasers/github/teaser-github.mp4 b/services/web/public/img/teasers/github/teaser-github.mp4
new file mode 100644
index 0000000..26021d9
Binary files /dev/null and b/services/web/public/img/teasers/github/teaser-github.mp4 differ
diff --git a/services/web/public/img/teasers/github/teaser-github.png b/services/web/public/img/teasers/github/teaser-github.png
new file mode 100644
index 0000000..43ece26
Binary files /dev/null and b/services/web/public/img/teasers/github/teaser-github.png differ
diff --git a/services/web/public/img/teasers/track-changes/per-user-track-changes.gif b/services/web/public/img/teasers/track-changes/per-user-track-changes.gif
new file mode 100644
index 0000000..ca7c636
Binary files /dev/null and b/services/web/public/img/teasers/track-changes/per-user-track-changes.gif differ
diff --git a/services/web/public/img/teasers/track-changes/per-user-track-changes.mp4 b/services/web/public/img/teasers/track-changes/per-user-track-changes.mp4
new file mode 100644
index 0000000..9e4d0cb
Binary files /dev/null and b/services/web/public/img/teasers/track-changes/per-user-track-changes.mp4 differ
diff --git a/services/web/public/img/teasers/track-changes/teaser-track-changes.gif b/services/web/public/img/teasers/track-changes/teaser-track-changes.gif
new file mode 100644
index 0000000..00e02a2
Binary files /dev/null and b/services/web/public/img/teasers/track-changes/teaser-track-changes.gif differ
diff --git a/services/web/public/img/teasers/track-changes/teaser-track-changes.mp4 b/services/web/public/img/teasers/track-changes/teaser-track-changes.mp4
new file mode 100644
index 0000000..1f75a46
Binary files /dev/null and b/services/web/public/img/teasers/track-changes/teaser-track-changes.mp4 differ
diff --git a/services/web/public/img/teasers/track-changes/track-changes-beta.png b/services/web/public/img/teasers/track-changes/track-changes-beta.png
new file mode 100644
index 0000000..a9efead
Binary files /dev/null and b/services/web/public/img/teasers/track-changes/track-changes-beta.png differ
diff --git a/services/web/public/img/template-preview-placeholder.png b/services/web/public/img/template-preview-placeholder.png
new file mode 100644
index 0000000..78ea239
Binary files /dev/null and b/services/web/public/img/template-preview-placeholder.png differ
diff --git a/services/web/public/img/template-thumbnail-placeholder.png b/services/web/public/img/template-thumbnail-placeholder.png
new file mode 100644
index 0000000..e6d71dc
Binary files /dev/null and b/services/web/public/img/template-thumbnail-placeholder.png differ
diff --git a/services/web/public/img/third-party-icons/dropbox.svg b/services/web/public/img/third-party-icons/dropbox.svg
new file mode 100644
index 0000000..0dc2e21
--- /dev/null
+++ b/services/web/public/img/third-party-icons/dropbox.svg
@@ -0,0 +1,15 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="40" height="40" fill="white"/>
+  <g clip-path="url(#clip0_904_845)">
+    <path d="M10.8329 4.33325L1.66667 10.1731L10.8329 16.013L20.0008 10.1731L10.8329 4.33325Z" fill="#0061FF"/>
+    <path d="M29.1671 4.33325L20.0008 10.1731L29.1671 16.013L38.3333 10.1731L29.1671 4.33325Z" fill="#0061FF"/>
+    <path d="M1.66667 21.8528L10.8329 27.6927L20.0008 21.8528L10.8329 16.0129L1.66667 21.8528Z" fill="#0061FF"/>
+    <path d="M29.1671 16.0129L20.0008 21.8528L29.1671 27.6927L38.3333 21.8528L29.1671 16.0129Z" fill="#0061FF"/>
+    <path d="M10.8329 29.6394L20.0008 35.4793L29.167 29.6394L20.0008 23.7996L10.8329 29.6394Z" fill="#0061FF"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_904_845">
+      <rect width="36.6667" height="31.146" fill="white" transform="translate(1.66667 4.33325)"/>
+    </clipPath>
+  </defs>
+</svg>
diff --git a/services/web/public/img/third-party-icons/git.svg b/services/web/public/img/third-party-icons/git.svg
new file mode 100644
index 0000000..d0c64d7
--- /dev/null
+++ b/services/web/public/img/third-party-icons/git.svg
@@ -0,0 +1,3 @@
+<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M35.2989 16.4138L19.59 0.706825C18.6861 -0.197848 17.219 -0.197848 16.314 0.706825L13.0522 3.96893L17.1897 8.1064C18.1515 7.78165 19.254 7.99939 20.0204 8.7659C20.7907 9.53718 21.0069 10.6491 20.674 11.6142L24.6618 15.6019C25.6266 15.2695 26.7397 15.4843 27.5101 16.256C28.5871 17.3327 28.5871 19.0774 27.5101 20.1544C26.4329 21.2318 24.6882 21.2318 23.6104 20.1544C22.8005 19.344 22.6002 18.1541 23.0104 17.1563L19.2914 13.4372L19.291 23.2238C19.5536 23.3538 19.8014 23.5273 20.0202 23.7452C21.0969 24.8218 21.0969 26.5662 20.0202 27.6445C18.9432 28.7211 17.1977 28.7211 16.1218 27.6445C15.0449 26.5663 15.0449 24.8219 16.1218 23.7452C16.3879 23.4795 16.6959 23.2784 17.0245 23.1437V13.2661C16.6957 13.1319 16.3881 12.9323 16.1216 12.6645C15.3059 11.8495 15.1095 10.6523 15.5278 9.65065L11.4491 5.57128L0.678757 16.3413C-0.226201 17.2466 -0.226201 18.7138 0.678757 19.6185L16.3868 35.3256C17.2911 36.2303 18.7578 36.2303 19.6634 35.3256L35.2988 19.6927C36.2034 18.7876 36.2034 17.32 35.2988 16.4152" fill="#F05133"/>
+</svg>
diff --git a/services/web/public/img/third-party-icons/github.svg b/services/web/public/img/third-party-icons/github.svg
new file mode 100644
index 0000000..1919170
--- /dev/null
+++ b/services/web/public/img/third-party-icons/github.svg
@@ -0,0 +1,3 @@
+<svg width="34" height="33" viewBox="0 0 34 33" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M16.665 -9.53674e-05C7.46238 -9.53674e-05 0 7.46063 0 16.6649C0 24.0277 4.77503 30.2744 11.3965 32.478C12.2294 32.6323 12.5352 32.1165 12.5352 31.6763C12.5352 31.2792 12.5197 29.9662 12.5125 28.5736C7.87633 29.5817 6.89803 26.6074 6.89803 26.6074C6.13996 24.6814 5.04768 24.169 5.04768 24.169C3.53567 23.1346 5.16166 23.1559 5.16166 23.1559C6.83511 23.2734 7.71627 24.8735 7.71627 24.8735C9.20262 27.4209 11.6148 26.6844 12.5658 26.2586C12.7157 25.1817 13.1473 24.4463 13.6239 24.0301C9.92234 23.609 6.03122 22.1798 6.03122 15.7942C6.03122 13.9751 6.68223 12.4882 7.74828 11.3211C7.57525 10.9014 7.00483 9.20639 7.91 6.91091C7.91 6.91091 9.30942 6.46329 12.4938 8.61941C13.8231 8.25017 15.2487 8.06499 16.665 8.05837C18.0813 8.06499 19.508 8.25017 20.8398 8.61941C24.0206 6.46329 25.4181 6.91091 25.4181 6.91091C26.3252 9.20639 25.7548 10.9014 25.5817 11.3211C26.6503 12.4882 27.2966 13.9751 27.2966 15.7942C27.2966 22.1953 23.398 23.6043 19.6871 24.0169C20.2848 24.5341 20.8175 25.5482 20.8175 27.103C20.8175 29.3328 20.7984 31.1274 20.7984 31.6763C20.7984 32.1201 21.0981 32.6394 21.9428 32.4761C28.561 30.27 33.33 24.0255 33.33 16.6649C33.33 7.46063 25.8687 -9.53674e-05 16.665 -9.53674e-05Z" fill="#1B1817"/>
+</svg>
diff --git a/services/web/public/img/third-party-icons/mendeley.svg b/services/web/public/img/third-party-icons/mendeley.svg
new file mode 100644
index 0000000..1d08234
--- /dev/null
+++ b/services/web/public/img/third-party-icons/mendeley.svg
@@ -0,0 +1,3 @@
+<svg width="96" height="54" viewBox="0 0 96 54" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95.9946 44.6795C95.6148 34.2771 83.7916 37.0489 80.6087 30.6665C77.4996 24.4352 82.8447 22.2991 82.8447 15.3447C82.8447 7.10651 75.9002 0.428223 67.3348 0.428223C56.2755 0.428223 56.4306 9.37915 48.0011 9.37915H48C39.5705 9.37915 39.7256 0.428223 28.6663 0.428223C20.0998 0.428223 13.1563 7.10755 13.1563 15.3447C13.1563 22.2991 18.5003 24.4342 15.3924 30.6665C12.2084 37.0489 0.38629 34.2771 0.00541443 44.6795C-0.174325 49.5874 4.14583 53.5711 9.25234 53.5711C14.3589 53.5711 18.526 49.5906 18.4982 44.6795C18.4747 40.6647 15.6181 39.235 16.6441 34.4511H16.6462C17.4711 30.4498 21.9261 27.0215 27.6745 26.3328C34.1152 25.5606 41.3946 28.62 41.3946 35.5275C41.3946 39.805 38.7606 40.3833 38.7606 44.6795C38.7606 49.3988 42.7597 53.5711 47.9936 53.5711C53.2274 53.5711 57.2394 49.3988 57.2394 44.6795C57.2394 40.3844 54.6054 39.805 54.6054 35.5275C54.6054 28.6189 61.8838 25.5606 68.3266 26.3328C74.075 27.0215 78.5299 30.4487 79.3537 34.4501H79.3559C80.3819 39.235 77.5253 40.6647 77.5018 44.6795C77.474 49.5895 81.6422 53.5711 86.7487 53.5711C91.8552 53.5711 96.1743 49.5864 95.9946 44.6795ZM48.0075 29.8965C42.901 29.8965 38.7606 25.916 38.7606 21.0039C38.7606 16.0939 42.901 12.1124 48.0075 12.1124C53.114 12.1124 57.2533 16.0929 57.2533 21.0039C57.2533 25.9149 53.114 29.8965 48.0075 29.8965Z" fill="#E5222E"/>
+</svg>
diff --git a/services/web/public/img/third-party-icons/zotero.svg b/services/web/public/img/third-party-icons/zotero.svg
new file mode 100644
index 0000000..497c1c0
--- /dev/null
+++ b/services/web/public/img/third-party-icons/zotero.svg
@@ -0,0 +1,9 @@
+<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<path d="M0 0H96V96H0V0Z" fill="url(#pattern0)"/>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_1211_38205" transform="scale(0.002)"/>
+</pattern>
+<image id="image0_1211_38205" width="500" height="500" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAACAAElEQVR42uy9B7xeVZX+r47OqPOz83fGMorKYBRpBokhAQKJhBBCC4FQEhIgIQlJSCGF9AIkUgUERmzYsACK9KpE6ZAEQhEUJNT0BAVpgXv+6zm83zsPi/dSRkHK3p/P/px+3ve+95z97GetZ631treVVlpppZVWWmmllVZaaaWVVlpppZVWWmmllVZaaaWVVlpppZVWWmmllVbam7u9/ROf+MRHdttttwMHDx48tXfv3vt/8pOf/LD2l5+mtNJKK6200t4gYN6vX79/X3/99T+7xx57TBk0aNDJsZzUrl27dfv06fOeAuqllVZaaaWV9jpuXbp0eeewYcP+32abbfal/v37H3344YdfEP3Zgw46qJo1a9Yzc+fOvbhv376zNt100y8GsP8/nV9+tdJKK6200kp7nbQNNtjgX0eMGPH+zp07dxg4cOBJAd4XTJ8+fe3s2bMF5NXgwYOr2K7XZ8yY8dTUqVPPHjBgwDe23nrrr+y///7va9++/bvKr1haaaWVVlpp/6QmIA6w/sD222/fJVj49ydNmnT2YYcd9sTkyZNr8D7iiCOqr3/969XQoUOrYOp1DzCve5z7tzj35wHo34rrO2tCoIlB+VVLK6200kor7TVqPXr0+LcA3w9vueWWA4YPH35WgLP6Y1OmTKmZ+MyZMyux87lz59ZdgC5gnzNnTg30AeTV+PHjBepaf1TXx8TgR7rfZz/72Q8UYC+ttNJKK620V7H16tXrvZ07d/5U165dR06YMOEXAd5/nThxYjVu3LganMW8p02bVoO2QF0gDqALzNXF0mfMmFGJxWsCIHAfO3ZsFffTPVaPGjXq9K233npox44dP9GlS5f/97YioCuttNJKK620v7/16dPnX3bZZZcPbrfddu123HHHKQHE50V/RACsDtMWOAuoBehi5wJuAfjxxx9fjRgxojruuONqcJcZXoCvrnMF6OrcTz3utTqW5/Ts2XPy9ttv//lu3bp9IO79jvLfKK200korrbRX2GRW79ev30f33HPPr0Q/PkD8kmDgKwXgAl2YuYBcwIypXUAtMBc7Vz/22GNbAf2YY46pjj766FZg1/maDOh6LXVvdd1XrD2Afkksz+3du/fc6BvF5OLDgwcPLgK60korrbTSSnupJv/1sGHD/nO//fbbqn///t8O0P19gPRyAS5mci3VBeoAusztYugCdAH5UUcdVQO41keOHFkDOvu0PPLII2tA5zrdxycL6toG2OPzL99rr72+Ed+rk75f8bOXVlpppZVWWpPWsWPH9/Ts2fOzX/va14YMHz78sgDp3wfYPoxvHDAXEwfQAXdAXaZ2wFxdbFxLMXSZ3gXqMsPjW9f5AnMBu7ruoy5Qlxlen+2m+Nh+KD7/90OHDr1k6623HrTDDjt8er311vu38t8rrbTSSivtrd7eHkD+4T333PNLPXr0GBtgelUA72pAWyCrdULNBNr4yRG+OSCLdQPiAm+BuMD7wAMPrJm59nFcgK6lzPP41fVZbgEQoIupC9y1DcjrnLhmxbhx467s1q3biD59+nyxffv2Hyj/ztJKK6200t5STUK3Lbfc8mODBg3aYvfdd58dQDo/AHcZCnSAGxM6SWEAbkBcQAzj1roAnfA0dYH4D3/4wxrIf/KTn1Tf+MY3akCXXx0Wz7U6X0tn7fpcJhRMMtznrh7XPBRAf/2uu+46bcCAAV/p0KHDf+jvK//l0korrbTS3sztX/bZZ59Pjhw5smu/fv2OD5D+QwDqwzBkAboDuDqKdQBbS5LECIQBcWLOBcZi5j/4wQ+qK6+8svrzn/9c3XjjjdW9995bXXXVVdUZZ5xRA7zuzWSACQD31xJg13cB4DHJYy1gvcHYH4rzFvXt2/fIESNGbB3Lj+vvLf/y0korrbTS3kztXcFg1+/atet+Bx988G8CjO8MIH0IRi4QBahhyWR5E9BiHmcdIHZmrmvFyAXY119/ffXQQw9Va9eurf7yl79Uv/3tb6tly5ZVjz32WHXffffVwP7LX/6yOuGEE+rP98/R/bRENCfgd4B3CwJgj6m+Yfa/L7ZvHzRo0GXbbrvtXtIFxN9fcsaXVlpppZX2xm1Sgu+7775f3nHHHYeMHz/++m9+85urZO4GMEn0Aiirw7TVCTHTeVwHM1cXyApc477V2WefXc2fP79auXJl9cQTT9RALhB/4IEHakC/++67azBfunRptWbNmnp50003VWeeeWZ9PZMKN9s3+zwmHmSjI188ankdE8Br/3HHHbdszJgxV3Xv3n1g/A4bFwFdaaWVVlppb6T29nbt2n2kYXaeMHny5FsDMJfDsrWEXbPOMURrYtrEjPs6XaArED355JOrCy+8sLrjjjuqRx55pHryySdrIH/44Yer+++/v2bpDz74YG16F6CrywR/zz331Md0riYAixYtqi655JLqtNNOa7UYILBjcoEVALD3SQhsHvcATF77tB2TkYdjQrOwd+/ehwwZMqTTuuuu+8HymJRWWmmllfa6BfIOHTp8cty4cTsMGDBgVgDZPQG4qx2IBcwwb/m5AWsB+YknnlibwLVf4jV1sXJt65hf+53vfKf6zW9+U/3pT3+q/vrXv9amdAEzAL5kyZJ6qW0x9CuuuKJavHhxDeQAO13n6dpVq1ZVd955Z3XZZZdV3/3ud2sghq375MMnGAjrXDXvvnjdAxavffE3LZ00adJd/fr1O2zChAndN910U/nZS2rZ0korrbTSXh9A3qNHj88FY95j6NChRwWQPXDqqaeuINWqAJmELoC6gFuAfdJJJ9XmbnXtU2dbxwB1gPxHP/pRde2119YCt0cffbTuy5cvr0FZ5nQHcbF0de0ToGcgv+uuu+qlJgUw9xUrVlSrV6+u982bN6/68Y9/XH938sLruzA50TqdZDUsmQAI3AmNcxFf/DZLpk2bdt+gQYNmTp48eedtt9320wXYSyuttNJK+6e1nXfeecPddtut3+jRo68KYFsWTHoFKVYF5AI+gbT2CfgAbfopp5zSCupaiolrn0zpAnMBo/adddZZtVJdYC2zuszrAmqAW/5wAToALnM7gK5zZHIX+xZwazIAqGsdE7y6ttXF8OVn131uuOGG2s/uSWmYlPC3YlngbyZDnUBdfzf+eFfkN8LqlsRk4cGYCP22V69ee0RvV56q0korrbTSXqum0LOv9u/ff9j48eNvCgBeIUAWuKkL3ARoAmSBsboAGuAWYMPOtV/7/Dj30r4LLrig+sMf/lAzZ5nV5fMWeMt8LuCmu4ndlwC82LYAW8ybLiCn//GPf6yBnP06V2Cu+8ocr8+Un13fR98LkZ67B/R3YmnQuvZxnHNh9mSzQ2TXsEA8PGLEiGv69u07IPpm8TuXYjCllVZaaaX945vqjw8aNKjb4MGDx02bNu2WAOBVAmGYtUDcmTbg7KCt5be+9a3qf/7nf1qZ+Le//e3q1FNPbTXDyz9++eWX10Auvzb+cdi4lgC5WLm2BeA65uZ2jsHQMa3D1B3YnbkLzDVh0H6Z5QX2up+sAppYaFv+e/0dDfN569/L366/hXV1rQPuOh+/PDnltS6TfIB6SxxfOnbs2AUDBw4cGpOmzp///OffV56+0korrbTS/u7WqVOnj48bN67PqFGjps6aNevOAOM1AVAtAif3eQNoAmeBncBawC3lOICuYwJwdQG3zsNXroxu1113Xc2MZe6W2E2ALpasfQ7k2ifwFmg7mMPIM/AL0DVBEBgD5gjkYOQcYz/7/Ji+hyYX8rML9H/3u9/V3xt3gv4WJib6e3OHreOLZ5vCMSa0a4n9KyZNmnTrsGHDxg4ZMqR7ly5d/rM8jaWVVlpppb3itskmm6wbTHy/iRMnHjl79uzFAcprApRaYKSwTtYF3gJuAFtALtBWZ13q8e9973v1cRj7L37xizoeXAAsIMesLlAGuPGJA9LuH9c5ztJdEMf1EsU5I9dSIK11/OjaJ/YO2Gs/vnVAnwmAvo9i3NU1qVi4cGH9dwig8aljheB3cZcCkxitY54H2BHWyRQf+54NkF81derU20eOHDk+/hd9Nt5440+Up7O00korrbSXbNtss80GBxxwwP7jx4+fF2CyJkDpkQDuZ/EDqwuo6AInLcW+1R24vQPsOlfHFfctk7ZAUSAuk7YAmBhygBvTOfsdsD3eHND387UUk7700ktrQNbnAdCudndQF9B7Rw3vbJ7Jga7T5ENKe33+zTffXJ1//vmtOgGBtawQ/lsJxAXysHkmNjB7sXSPx5c5PtafifUVMbFaMXr06Mv33XffvTbffPPPlKe1tNJKK6205zUVE+nZs+cWI0aMGDllypTrAlAeCaB5VoAkABf4CGQAHvd/w74FUgJqbQvAta586t///vfrfTpO/LjAUaZrmdVlvkaZDstmXYAs0NS6s3U/l30ugsMcr+sFwgC6AFpALJBGEId5HVbuwK6lTPVi7vje8a9zLvcgnl3grmsVz66/GyaudX4HJkAAuiv+EdkRn48pXkK8hqju2SOPPHL12LFj5w0ZMmRQly5dNnlbCXkrrbTSSntrt27dun0gwLznxIkTJweQzw9geTSA5VnEW25WB8QBJ/zjMHCtn3766a1dQC7A13XaJr+6zOrqAj5M5e7/dpW6x5Wrw9AJURPIA/Swe5Zco3NlDRDICpwF5gJnLRG9YU7XNmZ5lO/aD7jjfwfU1X1d9wHYJaDT95XCXr8PgkB+E/1+dLd0sA5jB9ClhIexyxwv1h7A/pdx48Zdc8ghh4zs0aPH1tttt92/l6e6tNJKK+0t1Pbaa6//GDBgQL+ZM2fOjX5LgPfjAdzPEE4GoMMkCTFTF3ALmDKQa12MXMxcXdf99Kc/rRYsWFCb1WVSFxuXidr94IAyQJxFbgC2A79AWh22Tmc/kwCBrLaVy91D1mDdAmgXywHoeRsW7utMBlxU5xME/PskvpFOQIlqUL4LyPUb6TfWb4jLgn0we7k6cggcIN8wx68NsH9s0qRJ10Wf2rdv391jkvbh8pSXVlpppb2J23/91399fMyYMQfNmTPnhACB2wIgng5weQZ/LyAi4BaowCq1LmYJkCN8g4kLwPGda/8555xT3XrrrTWQY1YXawW0SQYDk3aGDZjD0gFoX3ezvPaJScPmxZi1DTvXtgBdICsQdx84fnLEcFq6/zyb5z2rnAvm3EyPn55tretv5e/V70KlN6weAnEmSu5jx+VBnD5x/tpH6BvAHkC/NtafnDFjxvzp06fPHDZs2F4f/ehH/6M89aWVVlppb6LWrl279YcPH35IDPbzjjnmmMcDFMTI18L8AA9YOADj6nSBjZYCcfaJkavjP5dpWwAm8FZaVgG5+70xgwPgHkeOgh1/OKDu1wDm3p3R6zpXp+teAnT57fGDuz8c0FZxF0AdgIe5cy9AGhbusese8uYJa5gAYJYnUY1Yuz7joosuav3tmSTpt8S1kRk7oE6XCZ5ENZYzX8D+6MyZMx8bP378pQceeOAB60Yrb0FppZVW2hu0DR48+F2bb775lpMmTZoxe/bsqwIQngrgeBafuPvJAQ5U6JjaBdIwcC0Bci0xs6uLAQt0EbopflzsPOdWzwlhYOiYytnnwE2KV1ezZ5M9+wSw3EsdoZu+n4O3m97xqaNkB7Qzy6ZjhiezHBMBhHLsA9DZR8Ia/P/yses30nEBO/8DgbkmTzB2tvmfMOnS/5CYdgrdEN9O0prY98zcuXOfOuywwy4ePXr02Pbt23fQc1HejtJKK620NwaQv3ebbbbZKRjacQHk10gVHaDdqlj3pCeI3RBriR1iWtdSIA4jd7GbtlUo5aqrrqpNyQo7E4gjdPPQMth49pM7aHsMeS6s4qzdJwiY353541cXcMKMBZhUZnP/ePapsw//up/r+zKI+/08aY0+18PemgnsCLUTuOteSlSjCZL+LwJ0oghcIY8FhRS5JPjxQjEkqKFCXQD82jlz5jwzY8aM32iC16lTp6/16dPnPeVtKa200kp7Hbbx48e/r2fPnvvGoH5aDOLXNkzpz8DGyTHuudMFDIA45nWU6/jIZVIHzLVfQjcVShEICcjVAXL3gzuAA1zOrGHeJIZh3bPBYYZnyT4qq7kYjiXmbsLKBKAKW3NAdpYOuALG2SQPIGOKx78ukPfc73Su8Zh3zxnPOVzH98TCod9GGfP0e+t/5KFuZN/LwO4JflDHE/KGOb4B8GuVanbKlCmXTJ8+/ahu3br1PvTQQ4syvrTSSivt9dDe9773feTAAw88OAbu02KwvlIsDaEbgioA3AukoLIWcBM3rqWAxE3sWmq/Kp6pQIn84vKPE3qWQ8Y8bMzFa2LL+MIxPbvf3DPB5aUL4QBuZ+v4y7XUMULLqJ7mgA6YO6jjFxdI03N5VQd1hHFsc29n4w7sCOs4nwkHHdO8vruH4s2fP78644wzWoGcCZfnx+f/6MDuGei8jjxV3sTYFfo2a9asy+OZ+Z9+/fod8MFo5W0qrbTSSnuN24wZM97xmc985vPDhw+fHAO1QFy+8aeDlT2Db9VZG2xOg7/M6eRbF0AA4gA5fnK2lflMgJPjx2VqB3yoTJZ7FrC5GR02zrXNzsXU7n5yjiE0axa6pmMeHy4f+u233153gaqDOiZwTOwukEMV72w9q+ABfFe9O7Bjgs9MnQx1zbquZaIk1q4Jhkq46n+JSwSfuq97URzC48g6xzPh6vhg7WLsTwe4txx++OEXDh48ePTHPvaxUpu9tNJKK+01APJ3brjhhh3Hjx9/VLCti2VGVVpWZ9/EkZOFDN+4s3FYtwveVGRES7pYrQBS1c7Eygk1cxDPQO6hZM66PTwtg3szdbuWlEjNwjcHdAdxz7fu5VEFnAJ0wFsdcNc+wBpVO8cxrwPimNA5n/vxuXyWg7xPCBzQORfmDpB7fnkmA/o79fdLo6B7nXvuua1x6wjn+N96/nhn7V7SFfEcsexWEOYZsfcA9gtGjRp1eLt27dorg2B560orrbTS/sFA3qlTpx6x/G4wrt9qkG6I3VqZmAbrPJjD3NwvTuIXQJw86zomf7mEWQJVqdXlH3cGnpd0VOg5nMx9577dDNgxyQPgXojFfeec56p2GLk65mt1ABOVu7N0QBxgdh977i5ky4DuOeEdyGHm3gHyzNj5nvjUAXdPSatOQRitK0QQ7YOL5wB1gB4rDWydOHaU8WSga4C5tp/VvlmzZv1q4sSJJ2y++ebbFmAvrbTSSvv72tsDwP91++233ysG258Fg7qowa5aED9pgMa0TkY3zzyGiR3FOuZ12DmCt5/97GfV1VdfXQOnGLmA3P3W7h/PYE7mNsDZs7jhC/b86t5dCAcjJ6yNbQqs5GItng5W+1C1A4CwYgGr8qoLyLPJXNu33XZbDc5ah7WjamcSgBke8HYRnSvgCWtrto1ZHh8634Hv6Iw9i/p8koKfHQGdJmCKOMCtwqTOAZ6Kb5S79VKu5IxXbyjiEdM9K4CPZ++CyZMnf3u77bbbXRPLYo4vrbTSSnv5IP7Oj3/84+vsueeew2KwPS8G2ss16KqTBMb9pIjeXPmsgdzN6oB4Zuhnn312XSFMbPzJJ5+s07N6alatO6sGfAF2Z9luZgd0EMD5PbyOOYDNxMHB3gGdz/RENAI3XQPQEeftsd8ApOqhA97qAlUYtgM6YjhM8fjRBepukgewAWmubSshTY5jR0jn7NwB3QGev8fj2hH/6XcTsMscr//jz3/+81bGDmv3mPacBZCOf10gL0AXW5caXkuJ5xp+9wtnz579i5133nnghz70oQ80WHsB99JKK6201N6hhB9f+MIX/nv//fefEQPsxQJwDzdrqNdbw5dg5T5wy3ROelb84/jNxcZlYheb+/Wvf10DmdTqjz/+eA0IAHmuPw4Ldmaegdxjx12g5hXSuM795ezncwBwzxKXRXHuY0ctT852TwbjJnfpAQBzgB3GTmcfhVsAeszyvs41AL2DeDO1vCvgM6gD7O6Ld4D3IjLO1j11rdeS13eSgI5nwSd5XgwGYHdw9xK5ZKLDx27sXcz9rL59+45u167dug3W/o7yCpdWWmlv6SaWI7N6586dOwwbNuy4AO/fKJsbfk5MoSSDwSdObnUvlELpUk/J6kVTBObKSCZgfOqpp2owF4g3q17m6VgRujVTonuWt7b85xnYPYQNxu/Mu1n8uZvddQ/ADxAH2AF5AB1B2uWXX17nUAe0AXcHcQAewOYYoA0o54kA+zDho6B303xbPvXcM2sH/DHNe7nWXAGOyYDyA8htov3nnXdea2Ig97VT8c1r2aPDcH87jB0RHV2meCnko5974IEHzunQocNGjQx0BdhLK620t1br0qXLOwPI392zZ89uY8eOPT0Gz4uiP01SEIRMmEExrbv5lPAyZ+GAuadllX9cJmeB99NPP10DuULPAG+YuVcpy1XQMIdjLne/OSDrlc4AdYDagfzFUry6ct0V7VkV7/cB0Clliu8c8Zm6RHECdHWBJkyddUAas7kzdTfDuzqeazgP4Iape7Y5j18nKx37MqB7UpsM6AA3ExYmLV4Vjt8BYNdvLA2BngXcMugqeJYQUlKjHZau5w5LEUlqvISr+pFHHvlUsPgLhg8ffmq3bt2+OmLEiH8rIrrSSivtrcDI//WTn/zke7bddtt+AejnB2hfGQPokxokUasTepYzu2kAFogTO45ZHR+5gJwa5GLjSgTz+9//vh7Yn3nmmdpPLiDPDNtB3E3szsAdeAFnB2TA3QHfc687Q2+mbM9snPM92Qymda5hHREcVdfwNzsACtDxbwPqDsoAtTNtN3P7upvgAVJPROPmds8oB8AD6Fp6GBzf1ePfmSB4iVY3z2PCz8Vi+C4UhCFa4ZprrqkneEwCiWP3tLII6NBmuPjSLUfkjZevvZG45vHYd8n48ePP6NSp0256ztu3b1/yxpdWWmlvrjZgwIB3x+D2sR122GHInDlzzj/llFMeZ4BkcMSsTkpWREwo1hl4EbfhI/ca5Kq3LaHbLbfcUjPxtWvX1oO5AyP+aQ8pc5P7iwF3Bm0He79Ps3zt7IOF4wvPIE8WOJ9cuJo9+/VRhMPOvbwpbFcWCti4A7u2Wbr5XftQtuNLx4fu/m/2eWhbXs8V3Lz+OgDvGeccqJlYcK5PLpi4eMpZ7stv4dteylapeyWg0zNEJASqeK3je8cyhHm+ES7ZCuxax7cuYFdvpJh9bNasWWd27dp1v8033/wjmsiWUaC00kp7I7Pxf1GhlC5duqwX69NiAPytgFyDIQOi5972NJ457AzVOvnVYeqwcwndLrzwwnqwl8hNpnUJ3Ry8AVc3pWPWdqaOL5prHcBzTXJXrDvwc56r2/kOWfwGYHu4GsecuXuhFhg6Zn4SsLgKHFAVSIqhA+KY1d3srn1Ka6t9OWUrJnUPZwP4XQHvoW0AN5/vjJ7PcxU927kD7g7s7o93fzoAz319kgPz13H9huTg19/8q1/9qrbokLvAwZ267PjYEdPx3Darze7JauLYowHyF8RE9pBtt9320yoIoyyHZXQorbTS3hBN/vERI0a8f8899/xKv379jhOQx0D51yx0Q3zkKmMvkiImrsFVgI2QiThyksCoUIr8oxqsn3jiiTr0DMU6rJf1XIvcM7+5ad3N6C54c9+6C978HF9iNs+++ew392ppboYnJM3ZPMlkPMUrwOU50XNWN6ncAVwA2BmzjjlDZxswd6buJnUHdc8o52Z42DfrHMuJapyx8139Hvp7smnfrQDO7Lm3x7O7K0Jdv6mU8QpV1Gcp8kEWHj17nnHOi8KgmEdA59nnAHGqvlHGVX72WF8dwH5x3759j9x55503jPfi34ufvbTSSnvdNvkLR40a9cGBAwduPXTo0B/F4LcgBr+/4BvHH64BED85gyRsCDVyNq2TyY3sbjKri3UKFAXkYuWKR36xHOrNfOcO5gCn+65dnOZ+8szQXcDmjD5XVQPYcxlVN6k7Y0cAx9JD4gAwfMfePexL4CaVu9wQDsgCYe3Lojhtu0neVe0As/vbHbzdJO9COr6Hh741K+Xq5nd3GThj5xpA3pPcOGAD6vjVHfg9tax+c00CZY7X73rFFVfUfnY9fzybqOK92puAnbBKUsxqW0BOtTcHesW0x/ryuXPnXh6AfmL0Dpr4xqvzzjJ6lFZaaa+LtsEGG/xrsPJ1OnXqtPf48eMvisFtYQx+qz3NptZJxUqxFMqWwogE1mLkmNblExd4e1pWsShldMtCtywky8pzz3nuqVjdnE0dccztmbl7Ahhn6C+W8jV3N+Pnsqd8hrNyv5+DNeFqgBPmdg/r8rzumvzIvCwAR6WO6h1zuKvXPd5c226q51qA3wV0OW7cgd598Fkw54zfxXFMAryIjBeCcQuCC+a4FveD+9pzpTd89fpN9VzpmdJvrudMwkr3s+NbZ51JKRYmQt00eXU/u+WLJwxueaxfdfDBB5+5+eab79qxY8cPFwFdaaWV9k9rMQi9Z5dddvlc165dDzryyCOvCCbzVwYwDWyuWPfkHl5UQywINo5v3GuQI3S74IILaiGTzKMudGuWwIVKaBx3f7TXFM95052Ru7/djzUTyfHZfsytBP7ZuSqax467Kt6tBc7UqRsO6/QwNS9p6kIyfOgCRQG6gF0dvzlAr6WDvYOwx6RjjnefOIDqZn03s7uYDbD18DQ3vbvvHZ+5K+Q9hzwgnu+bgd+/A/v9N2OpaxHQkafghhtuqH75y1+2hr0h1MwCOqxPFAVyfYjeCVLKkj9+9uzZNWuP92TllClTzttqq63269Wr16f0XpXRpbTSSnst2tt79uz5oQMOOOBLO+644/hgHjcFCP+VgcvrUeMbF4A7oHuJUoCckDOvRS7/uIBcg6xY09/+9reaQQGi+L8Bbc/E5oBKnLmDNYI4z/Dm1dDcb83SE764wM3jy135zrUcy9YB7odFwM3rLobzcDRXtnuFNdiom561jmlbZmStA9qY3x3AAWkYOSDuYjjA2sE95373DHKAPoAK4DsA5ypvXO9qeVe/+2TFdQIAt+eNz9e4ed4tHLB2TPR8Z/2PpIpX12+iUrp6RoldB9hdQOcpZV04B7CTpEagTpIaAXu8Iytnzpw572tf+9ohAwYMaNehQweZ40tq2dJKK+0f2yTg2Wmnnf5j1KhRHffcc8+vx6C0KAB6WRa4eRlTgByfIwMgGd0wpVOLnH3yX8rnq0GV1KwCctir+6sBZK9K5mDtKnZYsvvP87YXY8lpXHM4GwDsgA2rdqU658D0Pbd7Zv4en+4FXJi0YGp3szHx6Jjds4BMACfhIIAuMMfUntO7YoaHYes4kwA/x48D7ojoAH3f9uQyXt0tl2sFjDPTdxO8m+IdqD3BjYe8Adqwdn4fFw+6aj7Hu+sa/V9kFdLEUt9JGQc14WyWStZN8AA5oO512SkGQ854rWsZxx4MkL9+t912mzF8+PDNevTo8f8VAV1ppZX2j2jvHDx48McmTJiw1cCBA0+JwenuGLQexrQO64CVk1+d9KxiMg7gCNzEzOUfp4iG9il86KqrrmqtQS6xm0yfzqJzmJmbp738qIMk5m1YNsDOBCAzdSYFfo0zfoDZzfHZLO9Z5QBwD3nz7+eMP1+Dj923yQznCVmyKA5AA+zIFCeQVRETmLjA2oGd7rHpCOjcDM8xj2XPBV4yWOdkNYTIeSw752BZAPw9i51bAjxfvDNzj0l3xbtnnXMgd/+658L3/YS8SbOh51P7Fd+vvPF6hgXapJElhwITXHzq7lt3gJcZnvrs+Nrj3IcC5G/fe++9j433r3Ow9v+M97EAe2mllfbKmgQ6wcQ/t8022+wxZsyYS2LwuSsGqwcZiDyO3JkJMbzEiWNWh41jTveKZxK6XXvttTW4yT8uVu5mdUzm6qznqmcwZgdmL2ICOLPPJwhe+MTN4QCpA6+fQ89ivKxG9yx0Dui5IIuzcBfJZTO8i96yajsL4gC23/zmNzUzd185AO0meIAZoM6M2xm7s3DM7wJM7gsL92NMHDwkDZO6Z69zn7mb+V1MR+haBnY3t3uxGiYM7l/H0pFTx/qkSN1D3nStK+O1royEv/jFL+pnHx+61sk2h8UKJo+PnbA3LF2klSXkTeb4eM/uj+07g61f0Llz51133nnn/yrAXlpppb1k22ijjf590KBBm+ywww4HTps27eoA4tX4AjEdMmAxQHm8rlc6A8AxqwPgOkfsHKGb/JMUSxEjd/DO8eKsC+y8OpqL4LKC3VXkHufNpMAZs4vbmvnYAWuAXksdYzvnhPfvkfd5PvY8AXCm75njYOb41b2KmYer5ZrnmNxd0Y7p3dXuhKsByu5H98IumN1zPniPc+deTB4AcZ9MvBhLz3nkYfk+AQDg+ZubZZTL5Vg5z33sLsLzOu5evrUZs9d+PUcSa+o50MT0nHPOqZ95EtKgHeGdwRVFxAfvFMBOYhrKuNK1T26ucePGXda9e/f+/fr1+8K666777jJqlVZaad7eHox8nRgoOu2+++6Hzpw5c1EMQEs12BBTi88PPzmMg3hcgJ3kL7By2LgGNB3/yU9+UoOLBmIxHIG4knvAlJsBoIvdsh+7WcpWB2Bnws7inWlnP7azdBe3ecKYZqFsWmqAz5MEj3HPEwOPO/dUsDkW3ePUPXTNhV4APKDujPWSSy5pVbQDyqjeZYJ3YHewdXO6h6o5ODvQA7yAvNde97SvLqrz5DOY0z1FbS7Z6rHvOabd/fSudnerhYvyMM97Uho322exIfucxfO/0HOhZ1mTS/2msjwpgyH+dMCc3Au5dKtPnAF11PGklW3kjNd1Sw477LDrevXqddDIkSPbb7LJJh98WxHQlVbaW7dVVfX2Ll26fDIA/Gv9+/efFYPFn4I9L0GJi2mdHNaAOQCOyA3zOv5wr0MO4EvoJrOvBloNesropkQwzoph3m7ezj5q9zO7idoB32PK/Rz3ZTtLZp+DKoDO57iZ30E/TzBg7D4x8W0PP+PemMs5DmD7ZMRZPCzdc5l7yBpA5TnWSSyzYMGC55nNtRT4qHs4GwDtTBtAJxlNVsd7NTYHa4Ba52LaxzfuvnCfTLhp3c3xWQgHs/bEN81YOz3HyAPOOcyN383j2gFwAD7v5zP0v5KATkJOfYYmsLJI5Ymwm+EpBtOs+AusXeZ4dQf2OHfx9OnTb+3bt++hkydP3mrLLbf8WAH20kp7izHyPn36fCYGhZ6DBw+eEwPHQzGYLPUa0FrXwOJVp4i31SDkGd0AdJnVEb1pwBJLV/yuhG4CLzK6YVZ3U7mrzt2s7qFiXo7Uwd73OXAC0NwLYHag9Mpo7kd34PZ4dI9l90QxfAdXtzvTdvbtiW48NM0nH9kE793FWoALSnA3L7sJW5MpwNj94fjVFy5c+AKQzkln2Acwu/odlu7Hc7ibh8R5JrmceMZ98J4m1ou85Fj7Zslt3ETvrgnf5jPcXJ/97p421kV27nP3UrUI6vS/0qRVLiXtnzdvXp1TASaO5oQc8rB2fO6I6nB1kd+BvPESzimtrMBdfvbDDz/8ngEDBkyfMWNGt+7du3+sDHOllfbmB/LP9+rVa4/Ro0dfFoPD0hhMHnJzOkVSUKzDyGHfHn6WRW/E4mqf/OPz58+vQU/+cYG5GIsDuMeIZ4B3NTqJYlzQlkPT3Bzv5nfWfRKQ07y6rxwGrAHZP88BFRbuwO153zG7Y6L3e+XuEwnYOpMDZ+5uYXDBVmboDlbOcgXomWHjQxfIiqEL1AFj7QPkXc0Oi/fqbKx7SJsnpHFQ53u5vz2z5qy4dwGdTwI81M2zzHnmOAd1B3o/lgvFOOiznTPQuYguW0g8ray6/mcCdQnodI4muEpdrHcFCxj6E/zrLppDfIrri9zxVHoj3E0gL8YeDH7xoEGDft2jR4941Xt9pgx7pZX2Jmrrrbfevw0cOPDLe+yxx35jxoy5MoB5mQYMTOpe7YywG1iDtj15BkI3Qs+0DnPXMcXnaqAVeIuNy0euMB83UQucPRwNYMQv7WI1B3uA1M3qfq6Lzlzp3qx0qqvg/XOdbXtddAd2JgMANaDtoI5Izk32eQLiBVi8wApLgJt75NAq95uz7rHYHu8tQHfzOsAN09Y2S/Y54Dsj94xy3JPwNxg4ZnffD5DTAVcXvHGu1113SwFAnsux+j08CY3HtrvqPzP2ZqVcOceZN8DuwO+RBTofl4rO90x+ZKBDM3L99ddX5513Xv1e6V3MmpQ8sc7JajDLk05WS3ztDVP9A0OHDr1kl1126b3vvvtuXFLLllbaG7hJKDNs2LDO+++//4jDDjvsxhgoHo6BoYUc6+RX98IpHnrGACPwRr1OEhjStGq/hD8CDA2GGqzEyLXU4OWVznKpUGemnt/cU6k6w/aqZ+739nCwrGD3dTd/w5496YuDfPZ7eyW0nCXOc7B77niflLRVAtXFbg7kLrpCDe9lQR0kcuy1VzsDnORDl/8cdg4QCyxlSXHmrX06xrmZmbvinfs44HuyGTfVA8p+X0zsOTyOCQMCORi4i/0A5Cyy87zvrvj3FLL+mzXLH++CQjfLI6DLSW5cUOfpZPmfkfSH/5+eSZnj9X7o71fpX71PWMRyCVdqswvoPVENpnh87QJ2/OuN2uwtcf79hx566DUB6gMD4L/aqVOn95XRsbTS3iBtxx13/MSECRO6H3zwweNmzpx5awwCy2MwaGEQkLmO2T6hMzAD/OMke2Fg8dKl7JfQTeZDDVISAUnopvAdgNxDzRzgco1yWDCx326Gh2nDmnM98VxcJSdoaasGeZ4UALCe0Y2JAmZvjsHM3c/tAE2+9exb5xxA24E+f7aDvLN+z98Om3fQchbq7FUqd5nQM0MHjNkGaDHJO7ALsDHDZz+8K+gBaczuAL8zdxfduenc09PC7nMhGK/n7mp2Lx4DuHu+eI9XdyFdBm4/39XusG4Xzjm4e/pYX+c8/a9cVa/jerYF7LJi6fPkZ1ckCD51zxePOR4zvVcvbBb6RoIamePjnX82jj8U48L8mOAPHjVq1LZdu3b9SBktSyvtddo6dOjwyWnTpvUaPXr0pADyO2MAWBEv8bN6uVGqu3IdAPe81B52JoEbZnVM6wJzCd2uu+66etAix7pC0FwkljOs5XzrDnYwcYDcU6oC6J7gxcPJvKwp4Oj+dxej5YIrPpHI9c8dvF2s5qFqftxV6dkX7vnYPf7c48vdbA9Qe5IZzxjnvlyYoLNMr3KGafviiy9uBWRAHVM5DBq27SAN+Ps5DuTuS3eVOtsAuV/jEw1n6LkiG+DOcZ8geJIazwUPk/ZQt+xX93zzzuRdPe9s283uLoLLTN8z0nE98esuzvP88QC+/reaDOs90vY111xTT5hdx0Isu/bpfcWyRjY6IlH0fntt9gZTxxT/TKw/EOPErcOHDz9k/PjxXb/0pS/9Rxk9SyvtddJipr3+fvvtt88hhxxywRFHHCG1+sPxIq/NoWeIb0gCk1XqgDg+clTrAnIBvYRuGpAFgAJydQdtgBnA9WxuOY48Z1rLedm92ElWpzuQ5/juZmlcAd58fzefZ8Gcs3a/dw5T89hwAFfnsQ1oA/rOwHOxFQCDvx0TvIN5s1A1N/tm1inQI7EM4ChQ1//xpptuagV4wLgZg4ed43PnmEz4Ou5mdS/R6mwfxu7+ehfRwcCZMDjbzmVXXXiXS7Z6YhuPb+czmlV8c2uG+849Zt0jCXL6WPfXu2LexXZc41n9snmeZ1RsXRoU/d/lZ1dKZCxphLrpnSSOHZ87x0nHrKV6o1xrq6+9oYzX+PDQlClT7hs2bNjZe+yxR68uXbqsW0bT0kr7J7R4+d65yy67bH7QQQcNHDdu3OXxIq+OF/tZXmLMb+puVsd8hxqd5C+wcVU9U/cMbwIDDVZiD8phLfO6Bp3sR3awdlW6gyymeNbbqpKWM7bl2PQcYubg62I399d7zXRP/sJ5fIYzZ99mEuH+f76LlzX1bHSYWjnH/wZPM+pMnIkFseqw8pyvPSuzdQ4g4sldCFvDfI6inXVn6+yHneNfB+yZALiZ3U3wzvJdPAeb5nzyybsfHVbtoXAwd68Ex3nuL3clfE4HSyY67uc+dVg65nmPj/fSrj450Dns84pvOdNcrtvuMeueoQ6LjOshtI6fXc+dfndVevNyxFjV8LHjNmPyjvDVa7LLHE+lN7om/3FsSTD284MY7LHDDjts+LYSy15aaa9+69Gjx/v33nvvbmPHjh0ds+tr4sVdFYC91os+kJpVQK51FOsCaAYAiqYIsN03DpgrXvZ3v/tdPcBoUJFiHbO6i8sceN3k7abwHGeehWYI4bg3rJp9OQtc9q9jxs5iNgdeV7P7hMHN415QxZX1XlilWRIa95PzPXJedh+0AXMYuSeMcfB3s7uzd3ouF6rPIGbbQVHAI1GcGDkx50q5q6Ur292fDlgD4tmnDgv3WurO8rNZ3gVxzrDpbj4H5PkMZ+5eh53rAO8c7sZ9PBwu14n3mPZmCvpmqWS9ml0GdPeRu9/dzfaeTjankgXQPcJBmhSFvel502+n/6XeY2frgDrA7tUPdZ6AHP2MOoVhCHlrJKl5OsB+WYwtlwe4H9CrV6+vRn9vGXVLK+0f3D70oQ99YOTIkTvPmDFj2tSpU2+Kl/XReHnXUsGJEqa8yPjZMKvjg3PgFpBLoa4sVupi6WeddVbtHxcoCcjFxmEJOYubC9/c1N6seIn7vl1l3kzd7kK2XM40TxRymtesdPfvC/DqOwOi2WftedpzUhhMop4T3q/z8DOOuwXBrwGQHbg9Q5ynd/USqbn2uftyMTlrmxzpAJNAIJvatRRQYjp35u4MPqeHzVXWPOEMMe1eAMaFcH4fL9vqGeTwsxMuBxh7Clo3v+dJgd/XU9HmDHauZnezuIeweVIbXeulWjmW1fOuZWAy4dXbcl32nKHOS77yf9Y2ld70XOscVdDTe0yFQ7LPYYYnCRQx7e5jJ+cEqnh6w+/+dID+mgkTJsybOHHi2IMOOmj7D3/4w+8vo3Bppf2d7dOf/vTH+vfvv/vo0aN/ES/cyngx/xL9aRJOuCgGszqzdMzrmNT18mNaF5BrW0sqnmlAFNgJxCXQ8UQwsFYHcdYxr+fYbU8S4yzb/dWZTbsa3sHSfdce0+7An0us5gkEKnr3tXsGOsAXH7Yzd2flub45zN1Zt4OwTxoIP3ORlSeP8aQyDuh+H49Dd1B3gHIRmIDo0ksvbWXTDtIyqQvYtQTICW9zv7mb5AF7zneTPYDspnjWWXo99mblWwF3jgGerrYHbLlnrgjHcY9p9+4s383sOb7df9usgs/7nWH7/6OZqp7/TRY44k/3Mq6wfE9aI2Dnvbz66qvrCTlgjjoeFu8meIrBkKSGpFICcjF3LwoT20/F+upp06YtHzJkyI/32WefHT/3uc99tIzKpZX2Ctsmm2zy3yNGjBh06KGHnhsv25qYaa/Vy4i5zM3rDub40VCsC6z1sgu8EblpqX0yqyucSYOLBgjFjsusjsnbAdvZbi5y4sDo6U29SloWs+Xa5V7CNDP9bLrP4J3Trzq79iQ0OUNctibkYiqeajXHobuJ3f3nWeQG08oiNxe4se6Z6Py8LJLzoiDuQ8+pTAFzgad0EIA2SwG3TO8AOmZ2QN0Zu7Z1DmDvAjido2NZOe+COBfOeWEYANpBHUD3EDifHORQOBfQeWlX97e7md/3Z787TNz96bBvX2KOB8CdpTv7d6Gcu0c8NM5LvnpWOmf5nMt+nkNNutX13Oh/qRKuGhcAduqyA/LknYClo5on5TPpZTHHA/Rx7Kkjjzxy5ZgxY345bNiwARtuuOFnyyhdWmkv0vr06fOvW2yxRcfDDjts/NSpUy+Ll+gxgByBGz4xYlB5aXN+dUzqAm11xbaqi5GfccYZdfy4BgX55iR0I37czeMAK/ubgbj7np3pcn6zGHBA3H3aOce5x6d7wZNsfs+Z41h3gPTUrA70/lnui/dUq+5D574exw4ou1DPw9gwk7ufnO/GvmYmda5HHAfAe9iTJ0txM7ALwWCxmri5AE5dQM5SHRDX0kFa2wB59rFjFuccD3NzP7r74QFjJgvZNI+Znc9w830Geva5gM7V7h5W52Vbs489x7K7z9z96zonJ67JYXNuege8+V5ep96FcTmszZcO+DwnPCMe3olQVb+fBHRe4phxweuzu3tO64C6wJ7UsrB2tuVnD2B/dOLEiecH2RjZoUOH9oMHDy4Z6EorjRYvxHu7devWfcaMGTNnz57923i5ngqmvdYLo2BOc1M6vjJCzwTg+MMF6AJyAfhPf/rTeuauOs033HBDazUohZ0RIgNoZ7O6gzB+6bbEatmk7kI1N5m76dxDwHxS4EtP4uKgngHexXLuU88JZ7waW1s+cEAXsM5qcw9By4VTXKWeJyqAtgO61zb3zHBuandxnfvMXdXucede5Qwfela0+xLgdgU76/jb2YatO2PnHjnZDKBLnngU7rl6mwvtHPj5jgA4AJ/j1j0OHsafgd5/Dz/mCnesBM6MYe3O4D3WHdW7++xz6lln9zn2nf+d+9cBfBg5vnQ376OlgLm7uFTvs47LMkPMOklqGFMYT7wYDMQBUzxZJSnjamVdn54zZ84TkydPvij6xC7RBgwYUGqzl/aWbu8/4IAD+saLcuwRRxxxZQD52ni5nuYl8nSsuSAKRVEwn2NO17oAHBBXV75oDXR60ZVbHSBHYENCFze1OyP3uuTNksbkIiuuhM/CNWf0zp79fEzszqqzJSBPHjy9a07h6i6APHFgIPRJSA6Jg5lzvgvXsrncM8dlIM/7vYxqNq8D3Nzf04x6PLQnl/HY61y8JDN0zOwOyJjiYesO5hzLPniYeTa5O5ijfM9LwB2m7kzaQd398G4lcH+9q/p9nzNx1n0y4YDu2eg8sxzHcWH4xCkL39w87lnqfELBPi8S43no3U/vkwPPU8+EIJd35ZnU8837rX2a0Gl88KyQaG3kmvNwVoDdE9YQ+kb+eER0sf1UbD81ffr0i4K5f71fv367xbj272VoL+0t0z7+8Y+vM2TIkEHxEpxzzDHHPBovzeMxW37Kq5151SVM6SR4IZe6XlCxcIG3gFym9J///Oe1Ul0iNwmhNABoti6TuoBc6xRGcSbuPuMcD54LpTjoO5N2VXiO7XZ2nJl5BmoHXTfjuy8dcPTiLM1APxd4ccbukwUvwwq4us/cFegAfmbxzVLB5n0O5IQluZLZGTkDdy7C4uIpgN3jq8l/7ulUVTTHwRwxGyI3AN1N7eyXbxYzPEwbkzlMnRA4F8Tl+HbPJQ+gck9PKQsYe4icZ6PzmHdn4j4ZyKlpmdxwHRMCZ8ieyMaz0TlYe7U3Ld0/3qw8awb17DN3v7qHxOX4dYRxALoXjHHhHK4YgF3PG5N3rV977bX1uEH5VicKHg0DuNMF8mh2EOQmFv9kbD8uc/y4ceN+1L9//30/GK2M9qW9KduMGTPesf7667cbO3bspFmzZv0qXoIn4qV5RmYvxCkI3Nwk5kUaZEbHnK4lfnGxcIG4MkrJd6a0kRogJHLDP06+aBi5A7qHeAHCgLWbyZ2Vo2zPArecUS1XKgOsnMU7+L9YmFpeemx5Bmsv5oI1wEPGPN1qDinzrG98NwdztrnefeLO4l0kl5l7szztLn5zf7r7ZD0mGtOrm3Rz0hTSpgrQiT3X0n3o2naGjUAu+9edrbP0CUAW1XHcwTynj2Ui0CxHvIO3A73HsPM3+iTBTfdMMnJ+d4A655P3im4e5+6Ajz4BUHcTOvsdwHGLOKPHVeC+dZ+w5f+xu1CySd6T3rCf7+QhmVQ51Duh/5cL6GDoZI2UBRCAh2Dg5vMQOFTz+N1ljm8I6P42derUM0eMGDHys5/97KfeVhLVlPYmAfJ3tm/fvnM83EccddRRF8XD/nTMdtc6gGv2y6yYF4cCKZpNE2ImNi4G7uZ01VU+99xza1+ZBlkBLtncBOgAuYM4AJ5D0DCzZ3+5C9tyBjjA14ukuM83h6Y5M88sPfvYc351P+YCuKxYd1N5NqNnsZtvA8B56cpzB3BXsrNOmVMYtqvVGaxzzniPS/Z7ekIZV8x7pjFPTwqg55hrgRLFWdSlowCcYesAM8p3QBsgx7/u5njOd4GbQJXjLqbLJnjt92Vm6l71zRPYOAv30qzO1DHrA9hZHJcTz+Q89F7K1UPNXGznJnhfeupZ4tSdqTczq2MB8OeAbcA9aybyPd1a40Cfq8LpmN5p6Wb0Pug3lLZG406u46AxCAaP7x0Nj/vePc4dcG9Uc1Q8+9PTp0//2fjx46dvtNFGX+7Tp8+/FFQo7Q0J5N26des5Z86cU4899thL4sF/Rop1Er6Qvc3NW569DRM6iV8E5to+88wz6+Io6vKNX3nllfUAopm3iqTIrK7QM72wqF6bAXdeZr+3A3qzOuE5b3o2VbtoLcecO9DncDSPxc5MPfvOM1N39b0rzn3y4UI1N+W7Et0BvJnQLYNsvt4/QwOts3aUyV761NXK+EMzgGNWbVYMBP+5+3o9wQqiOAG5wFodUAew3b8OqAPsfh4sH0B3ps4+Tx+b08nm2uvN9mVQZwnTdnO+TxY8RK0ZqHuoW1bQe3y7h9h5hrksYnM/enZ5uEk+A3EW3bUF6gC0h7+5Gb5ZyVb/nlxP9+x0Ol/vE2FvOq4Srl5dkSRU2hbIw97d3+4Aj8swm+YloAtwXzt37txzY1w8plOnTtsEGSnAXtobov1L796994oH+yfxMF8WD/WzAd7PkMnJw0g8nzpmdAE44C0mropLMHH5xWVWV5EUmdX1osucTv1xYshJOgGAumndY8vxQTdTrju4wcpdRet50D3XebOqZ2SL8yxszRLDuIk8s3M/5rnSMVM7O89pXWHFHjqXxXZeUAUQdV+5s3pYeF6y7sCL6Twr1dkHiLtJ3Tv+UAdyZ3Yepqb9gJEzRQGVTO4CZRX7AMzdHK59OazNuyedYUmWOQd5F9hh2nfGjriOa521e8ccj3jOi8oA6g70nkku11/3+u7Onl0l7yVZPTMdZn+y0wHuHpYHYLoYkc9pBtyuhvc0tF7trVl3y4yzcu7j1eBY51z2aR0rE5NHPYMCdYWw6vlVBjqBORZCNDuAuZdX9gJPjGmE1VK73ZJfrQ3GrmpvKiJ1ys4777x7jJfvKJBR2uuufepTn/rQgAEDRsRM9Px4gJ8QGxcrxxeuF4CXgIIoJHtRF3jLHy4GLgDXNiAuk7pA/IorrqgHRAGB1OpPPPFEvRSQA+K55nf2mWfmnQHdQd596l6lzFl6W6FrOTsb4JUTw2S/eLPUrp4rnckCpmxn6rBoZ+QeAufrrmzn73KzOQNezrmeAdx7noDAwHM8upv5GXR9X7O62cQeu3XATe5uZtegDRDBOsXQMYHT3dTuAO/72wJ2QNxN9+qAuDN1TyULK34xYPdJg5vetY7p33PLu+ndzeueGS8ntXFQdx89EwDA3dXwrkZ3IPdJgOead7cHoO1+fPfFe9Y69nmYmld9c0Gc+80RzGnpFiFXw/O86RqeP/e3C9ip2SABncYogbRXZKTegzN32DrrXizGa0s0wuPWyvUYwC4R3c/23HPPgeuss877CoqU9k9vG2200WdGjBgx89hjjz0vHtgn4yF/FpMVcZ7MbAFvV6gTJy4mLmEbIC5zukBcZjCZ1TVQ6CVTkZQnn3yy1bTuyV/UnYG3BeSuEPeCKRzzeuEe6+0lRT2sLTNzL1vq4OZM3bPNOXDnymZ+rQvXshjOK595WJj70DNj98mBJ31xZs69MiNvJnRznznfO7N0B22fRLjqnfMxmzqYM/jqfC/9mcFMxzAZq+s5giGLjcPWfRs1u7bpgDpqdo859/hxOmDtvnO2KQ6DaZ7OOe5TB8R94pFV8e63R2iHyM6Zec7xDqtncsG5AC37mAw5mOcqdnQvDgM4e653B/nsW2+mrnddBEw/m9vdNeNg3qx+uwO7LzHF8+xjuteYQepn/VYalyAiWBJxBwrUnc1rHcDXOmZ5KsFRNErm+AD2Z2L98Rg/fz148OCJ66+//icKqpT2mretttpq0/Hjx58QD+QF8bA+FTPQZwFxN0cRKw4b11IATsY2Er4IwMXEtZSASeUuNeDqJdeLJbO6GLnEboC19gOe7MPU3cy07qFUzsybVTtzVus5zH3bc5+739zTuDrIenpVB/Vsas/JZjKIZyGcFzhxFTrg6lncXFmeGXmuUQ7AMgHIIO4JPzxHe173z2vGxn0ghXk7e/JJQS69yYCPUAvG6EAhYBKgCzRVeAcwB7wRunmGODeXA/QOxO5vB0QB7bYYu9ZdTMdneZIb9rdlivcsdDm3vPvJ3TLgqWMd5PO5XtSlWSIbJkke3+9gDcj7Pv4nsGnYPO4U/ndeZMcz/pGdztPKOqi7lQZA9/A3vqNPGp2xuz6Dya6nENa7I1O8xLX6m0Q2NI5p/KJSI6xdBAVBnbYZA7VNyC2ZLWH0ZMGMcfPZYO5PxPp5hxxyyFExvm5YUKa0V7PVYRe777571ylTppweD+Il8bA+ySyU5AyamTJTxUQFkIuFq2u2K1GbGLmWeknk45RSfd68efXApxdN/nGxcQG5XihU5p4NCiDNrBxQdsBuZlb3464+zz7zZt3FcR661qw+elv38MIvnOvM2uPUHdS9kpmr67nGv1uzkq0evubmcMDbRW+emx0wdxDPfnIHcx3LKUE9+xfsyIG8Wd1zT/fqJUF9CcPUgOwx2uqaJArMAXV1mHlm7jlELZvhPSc84J4Fcc7OvQiMZ5wjiY2b4X2d+8HcffKA6C3HtpM6Ntdwz0K8HKOOKRwQBVAd1N3X7gDvgjz3rwPU/n8iTI3jnr2O/50X2fF9GcC5p7tdMojnmPbM2r0IDOCeCwDxnohAaEzSceW4ECGh4BMExetEqKOWh7lrPMQP7+Fyri9STHsA/2WHHXbYd3baaadOPv6WVtrfq1Z/xwYbbPCv2267bZ+jjjrq3Hgor4r+JCycBxJ1qNcTl09cbFyhZvjGBebEi8PG1VV7HLO6ws6eeeaZ2qwuIJdp3ZXqbiJ38NI2IO9mdWflmWU6OOdCKA7sHibmCnf3tefMcF5sJWd7yyFq2RSdTezO1AFzmDnf0a/j+3mCjZy9zcVpOQkMbDpXUXMgp2ffuSeF8WxyntrV1eweuuaMiXM8FMkHZ4+B9mIsbi4G3MTQAXTvAlTtxyeufWLvLp5zxu5A7+AOy/ekNYA87DuDuaeadZFdNsWz3wEdsHe27rnk2Xahnme4c0Gdp51FVOcmeWf3DvTeMzDDxpt1j0/3FLQunHNzfTbTNxPR4V8H4JtpPHLtdmfxPHMe8+6meHdVCdhlKdQ7JnegxjdEvAJ2jXuAPdtUedTYyCSAfQJy4t3lYyfePbafCKCfd8QRR5y9zTbb9JbgWONxQaXSXjEbV7zkFlts8dFevXodFGz8sphhPqmHkVSJhJsxA6UMqboeZpTqblLHJ37xxRfXIP773/++HuT0MuklEZCLjSv8jPzqhJ/RczY1L1HqYO6gnhl5W6K3DOKAqDP1ZoDupnMvjepg6wzc/df+t8AEMkB7HLvXG/fv4vnZMyPPZvMcRsYg5+c5eLtf3BPC+H4PHXJTujNz94+T/Y1JhQ/OXobTM4i5mjmHq7mJ1/OV0/Xc6VnDbw5T921M4W11wBz/OqFtAKeDuoOpp4vlvLzt5zrzd9aeY9l9H5MCN7+3lVeelLFegc1LvHppVy8U4yVbXVQH0wbo3aee/ewuzHMhowsamRRw7yyW8ygIngFfb6aMb8bYHdgBbC8O5AmSPPGNvoOeY737iq7RO6znSERFFkhST9MZD0mEBXv3MROwR0Gv8ZUcHQ2AfywI1a+22267/Tp27PjhAuylvSw2rvjxnXba6fP77LPPzHiYfhNA/hh+IvxDgDgzTT2wPKhax5SOOV2DqcBcSmN1AbkGBb0k8k8JwCV2kzlL2xRK8XzrmNV1LNcedyW7A2QWwTlzznHe7i9/sYIrOZlMs1rmrm73nO1ZFEclNcA8p3z11K8eT+6K92x6dxD3zGsZ3NnnceH4z7PZPbNxZ+UO1JgnYeaAtqduhU3ndK7NTO1ZZe/pRbWPgT8DCmAHQ3dAB5ClYIaJuxmeTgw6y2Ysvpk5nnKsnAtjd7aeAd17s4mAp5aF/Xv6WWfngLKXdvUwO4DcE9B4Kde2arNzXa6r7gDvYkQ+I6eU9Sx0Hq+OWd79135PwDpnoPOc817aNQO7F3/J4W9uCWICyXPr3yc/rwC/3mlZE0U+9L8SeRGRwcWIlVLriICpP+Hs3d2ULqozxq59j5144omX9+7de1yPHj0+qfG6gHtpub0jHpp3DRgwYJMhQ4acEg/T/HjgHtMD5eEZmIsAbiqb8bBqhgqY66GWXxyBm3zjih3XyyyQEnDLPy5WjmJd5nXU6no5YL/OxjG5N0sK4+lZ2+ptpVH1pVcky3nZc072PAF4MX+5m9ERtnmKVc+57kI4mHn2mWNS94Q3MGdn7B721sz8nk2KnAMrcV95ZuQOxg7KznIA8FzPnMHS/fA+0HrxFVct5yQmDhTO+jy7mnyegLiWWbgGe6ez7SlcOZfzMcG7yA3AdZaOiR6zfTNm3gzkOQ6oA8qelpbJgofU5QIsmcW7qR1zOuuehMZB3X3tmMCbxbRjfve0sT5J8Gsd0D18DQBln7N9B/tcypV199UzEQDgtfTnzMu4+qQB149npEOI6RoQNCKEdWocU9d99MxpXNT4KIDXmEm9CdyROk4ODnzwLiLG7451FKFdbP/l1FNPvXrgwIHfiHF7Q5VwLcD+Fm9dunR5Z8eOHd+z6aabdps8efJZ8ZAsiNniGoDcS5Jqm4eOh1Tr8okLxIkVF4hjVpfITSCugUcvG2lZpVjHPw54C5wzGyehi4OoK9jdrJxzrTcrcdoW2OYkMbnKWa5m5sllvI54Lpuas7UBtq6a98IqbfnLPXzM86YD6F5P3E3yWd3u7DcXS3HfOvfKv0dm6LlwirMXV6pjis9lL11l7Kk+XZCU87gz+AIgGdDdlAtDV9czKSDHVJ7ZOiFq+NQRzelcgF3r7Nc+wJ0JgIO611d3lbsr3x2MXSGfQd8rvWXWDvP3kq9uiufzPc+711eH4fPbwcQ9vt2ZuoeXeTx71i24UI7/ibtCctY5wNrB3cHZS7wC8s3qs+c67Z5itq1kNa6Sd1D358999lgC/Nn3iAyAXWOdjgnYITuY4FkC7gJ8fO9ebErkyfN1QLBYRl8doL/g4IMP/uEhhxzS4bjjjnuPxvWCbm+hJpFbr1691unUqdMeRx999MXxAD1G4gRPnkC8JSlYeeBc4CZxm8BcSwG42LgEbhokNdBoUJefSSb1p59+ul4icoOFw8qb+cVdvY6PHBZNmBrADKNvlg+9mS/bfdrZd95M6e7qdY8xd/B3xbn71v04ZvpsSvd48rbYeAZsrxvuhShybLjHfLPPWbpna3OGjmjN/eYMYtyXczJLZ1Bmn5c8dabu1bl8YuCxxm7+d1U7oALTgyECBACRnk0BqSaYHmeu5xRfOqI5B2mPUYfhw4wBZ4478PvSq7k5s/fqb16PHWbezPyOCwCTuwvqAHTYvJdo9UmC13rnuBd+4bPc0sFxB/+sjvdiLwAu4O4+cU9E4/XrHdi5rxd0yTHq7PPQuMzS+W7Z/A7L5xl3Jp5j3dnnCvucZ97fH/brfdEYJWDXPrkaNU5Sh0IA75E/2kZ3JCDnGL52lqjmBeqECouIxXh956xZsy7ZYostenfv3v3D7du3f1dBuze30O09ffv2XXe77bYbdsIJJ1wdD87jiDDcfwOQA+qaMZJDXQI3VOoyp4uRK4ObuhSfGnD00msQlxJUmdzEyPVQkzeZ+HFnzLBsT7PqTD2bzh2IPVua+80zMGdGDtj7+W5Gz+Z2vxYAbmZy9+pmfl8Xt7noDcDLce2Anu93hp6rn7nZ3WO/3Y+de2blrrh3xbqb112UxL2zEC6XO3VmjsDNr/d1HzxzIRaPaWaAd1D32t/4dwUqelYFyIC6Otvkdod9O3BnEzyAyjpZ47wKmzN1Yt35HC/J6qVZveIbgJ6XzczxOWe85553K4CH1fn3c7+6x6s3K7/qkwIHa2ftzcR16j5pyH56wN7/l24294Q0bpHJQE9GOu7p0Q+e+9/95f4sezKbbP53S4L72v355l3z3Ak6l7FGxEbvsZ4zjZsaUwnhZUn5Zx3zrJmI6BiT1Z2AEeuu7bju8eOPP35e165dD9h7770/HYz93QX+3kRCt5122ul9I0eO/NLuu+8+46STTroxHoY1zO60JHZcDwkZ3KgzDpCTvU1LmdP1QCrnsRi5Zp56YfUi6YGVyE1sXEAuQMesTuUzbbt5HYB2Hzlx5n6OdxenwdRzDfAcx92s8llWmXt+dURsWUDnQJ7LkubiKoCzi9Oep0QXcOu47qW/I34X+kONrv0PqIZ79Pvj+/xZAC7GrnsocY4mJNG1/efo98g0L2DXhEX74/tq32L9Brpe58Txu3Ve47N1bHHjvD/JrC42rvPjmD6rvmds6/zFsY/lH8X8td64lu9Qf8fG+p0yoQvs45z6XtHvauzjb9Hn/VGDoQZBDZD6HvJPsk9gLzO/uiYV0e8QwMe5f1AOdw30Gnhj+7ZYXyRAiP3ap37BpZdW1yuhTICYlleLocczq67tawT0MrdLACdgDvCpzxVj13kCwgAoLa9tnKdr58c+Hde58xvHdezGADvfp2sXKnVrdB3TNVq/WUDZ6NqvZX1uLPUdbol3SuvqN8v0Hb2+hz5bTFtgqX1xzfzG+frb9Vk3CcQF9DKvByBxDx2/RZOdxnm65rYAHo4tUra46PocHdcx/b7ap3O0ru/Jb5u7jqvzf7ndVPTO3nOa3lybPbtRPEWss3Jn6gA55nZn6gC+gzpg7aZ3Z/DZWuTlWz2u3Uu9+jFn7Lz3aIY0oZI5XuMqOiTAHQsoGTTVqTSpMRmrqcZpBHaEElPgKs595OSTT16w2267TR09evQGwoHiZ38DC91GjRr1wenTp391v/32++Ypp5xyRzwAK1xc4UlgMKnju9EDpQeHYij4yAXmAnL1q666qmYKemgF2DKn59SsAj3Am1rEpGp1c3o2gzsrd5N6LnjipnmPJXeWrOMOtn5OM5O8C+OYOHisu08KslncC6NgYvf7us/8QYGoZvXz5lX3Xn553R+48soX9D9fdll17xVXVPfH+n3xu/85zlPXvsUxoaqvi3vo2N0xQNwT598TS+1fHOdoX319HKfXx+JaXXN/LPUZfi33Xdw4T8f/FCxXXfek393Yd2/j+/B3/Cmek7sb+3Vc19f3iP1+nj7Tj2v77sa2vssfY+J4tx2/K7Z1jzsvvLC6K3r9neKaO84/vz6mrms4fmc8s+rz4jm/IQbDBTEwanlDDJTz4/leGIOmljfHUl3bC+Mc9XpfDLC+XBDnqt8S74X6Qm3HudxL/ZY4V9ffFO+QrtNxnbvonHPqfmt0naP73BoTZHUdZ51+W7xztzXWdd96Pa7VvXW99uv+9b7GZy9q3EffVfv1u/CZddd9o98e9/5D49jNjXtpW0u+p/odATa65x/iN+Qc/Z66B7/tXY3f+q7G765r7tL/SOfF/6dm/g1W7swfBbuL5Txawcu8MhmARbuC3sV1rLsJ3kPaso/dsw56bnjPN++x7rBvdx05o8/34jpX0usajTuK6hFr12RH46nIEuZ4jbvk7EBo7IWqOA/2jkiZ3PKAunpc95fYd0+/fv2ODzzYbMCAAR98WykK84Zp79x1110/uvHGG28zZsyYs+If+kD8o1eS+AXFOmZ1F2IIwPXw4N8h+Ytmkeoyq1999dW1uVHmNj2sYt0C8bVr19ZsHLGbOmI3YsnxlWeFOv5xZ+rZL44gzsHSQ8Xct51D1Dw5jIeYOXv2Aif5/llY5+Cd/d9eqa0VuG1/K3vXBCH+zsXxuy/ebLPq3vXWq+797/9+bpl73q9tej7ux/x4s3u0dc+Xuu+LXfcSffFL7FvcZLvZuS84b/31W/c16w+0a1fd//nPV/dFv7/RtX5fXNe6pOftfMyP53v4sq3727X1925sL36Rfl9avy/tv6/J/mbnNLvv8+7N97bfiN/rfv2G0R/4wheqB9W/+MW6P7TBBnV/+EtfqvvSDTes+/LYt2T77as/avIjF4mZ2t3E71XhsoreBXQcc3eL12bP2oqsnvewySyk8yx4DsZuEcAX76loPfrCMxrimvJysq5f4Xydp7FR7kkdk/5IY67GX7k3BfLqWheQ0yFcqOcJk4O5yzSPmA6AD4a/OgjcQ0H0frbJJpt0EU4EXpQyrq/Htt566/1bzLzW3WKLLXafOnXqRQHQywXaJIDJbByxG6ETsHFEblIFS0ikrodMbJyQGIGSgFt+cYG5gFyzTULPqH4GE3cA95KmmY3nlKqAZDOAz35kj/N23zwmcw+Bcz+7A7Cr4p1dZyV8s9zurrbPgjdX6dfXaH/8PvcFg7l3662re7/85erer3yl9NJfV33x5pu/oN/XoUPd7//qV+v+QMeOdX9wiy3q/lCnTnV/uHPnasmWW1ZL45yHdt21uj3Gk4WWCz5XhXORXzaxE9vu0QzNzPMktckADrC7P72Zj539nimOfV70JWs7PBOdC+Twqbuw00PevECMxgaNlQrn1bUab+XWJKadOhcCd9cyOQEj5p2lxnj864TCySwvRh/XrAqcuKBz58679u/f/1MF2F8nQrcePXq8f8KECRvHcujcuXOvjdnb3/CL65+nfyL/VLIV4XvRP10PA7NAPTRkcZNvXGxcD5ZENHqw9cAhcpOPXKAuk5FAXECYfeQuBkPs5uFUzqo94QvCrlzq1Bm3J5Jpplp3xuxs3f3kOc+7h8hlM7mDthdOyeK+Zqydv6sV5ON3eiB+38XduxcwL/0NB+wvB9QF6K2gHuc+uM8+1R3z5lW3B5jd2gBwTycLQ8fX7qzYz3MBnce2u7/dC8i4Cd6vcT84gJ99454PwVm278spi139ngE+g72L7rhe44PGNgG7xgxpk2Qd1dgsAGecxtcOe4exA/CepU5jPjjg4cg6Fvd8bPbs2fO22267/ceOHfvF9u3bv7fA6mvf3t2uXbu9OnXqtPfgwYO/efLJJ/8x/rmrqfDjykdn44A58Y96EMTI5RvXQ+MiN9TqetgEVDIJCcjFyAXkVD3DjI6vHCDDR84SEPYKaM3iyGHrObsawrec5CXXAff7uemd+7sfO9ce5z58Zs4O50r1nNs9m+I9eQvq8fq6FSuqB667rlq8007VvZtu2jpo/nmzzUov/Z/e/xGg7iy9BvXoy+LY/YMHV4uuuaa6ReBranoXybk53mu0exIb/OmEw2XQ9bA6N8F7OKObwjNjdyBn8uDHvKSrh6s5awewPQQO/ztsHZ+6x7CzrXVM8Vrqb1UUkVi6xm2BOiZ5Z+4APJk68b2TyROVPBXhsNwGsD963HHH3bLHHntMmDVr1le6dOmyTlVVpSDMqy10i/6unXbaaZD+KQJeMWoUklT38XJ+blZnFqd/Oklg1AXmAnKxcQG5XhgBkBi3cqsLyKVcFxuXaV0PGElhYORe/czjx2G/bo4GnFkHNJtVKfMY8ByS5qb2rFJ3tpzD4zyUzAHdi6h4UhY3sTdTu7vi3YHfK7A9qMmCFOu33FIt3muv6t5NNqnubQygBUhKf6OB+itl6Utie2nsv2/MmOoOxcdLAW8M20HYgduT27jpHeCHtedMcy6Q84yCOQSNMDmvIOf+eo55Hndn8p5NzlPPOli7+r5ZIRhPsMTEwGsbYP3U+Kt7C9hJViPARrCsJUAPuKujkiexDQDvzJ0KcUEMHz3llFNi7jX4+BNPPLHbN7/5za0K7L567V0fjBb/kDtlitE/Wypz+bmJXXRzCyZ1/pmUKSWLm/Kq6+EgHlcPiwBJ5h6Z1FXxDKGbHibt91hyjyfHV+4hYRnQYeoudHPQdmB3M7iHlnnyl2YFSTyO25OsuLAO1XsW0PG9vQhJTvkK0/aJgpvYm8WIP6TQNP0G8fved9BBzzHz9u0LOy/9LcHSa0DfaqtqmUA9tu+dNu0587oYcBuMnO1cpS3Hy7tKPrNwgNa3PescoIvavpmozjPcAe4AursA3Hzvvn9n9m4JAOi9NjuJlnJiGwCfYjDSKOmYciloDMcMj4gZ1k4XwIMPLB0fvBaHgF2AH/f6W5DDh7/zne/8qcDuq8jQ5eOYOnXqz48//vj6H0j8t9i1fN+oIEnHitBNII5aXQ+BzOt6IPRy6GERMBE/TkY3hG4C62ZiN1h5TsWKSZ39AJ4DdC5w4iK57Id2EM/mbiYLntDFM7M184t7nvYcduYZ2HKsuad2dcuAfyYZ2Txr3IMx8blPiVvGj38OyJv4zQuQlP56BvN/iC9doB7Hl22zTXXvMcfUoWyKU3efOqzYBXOexY489c1YO8DM+TBtLxSTMwm6Tx7AbVblLReU8fA3B3ev3c79PJWxh74187Njqvd9uUqcxiRyxmu8ERkj7E1jP4xdYA5jxzyPel7nAfDCCA9TliBa/fTTT789QP36AruvYpKY6O8eNmzYqaNHj66mT59ep/3TP5OHWop0qpuRV11snExuKpIiRq6JgB4YsWyZ1Z999tk69EzrOfTM861n83qOI8+x5A6WXljFwdpZu4eNAZKe5MWFbi+WhQ2gxwzvdcndd49fPec/h5172lVPHZsrrHkVMzfbP6iJjs6dM6ceBN1vXnrpbyVxXA3qW29dLY9zl3brVt192mnVrQFei8TMrVAMzJsUtQB5LiCTWTygitrdmT6mdb/Ok9F45TaYvLN5B+t8Xq4CmNMWw9C9hKsXL/KUsx7jzoQhlw0G6HGLynKqMUi/j8Z4jf0udEYnpSX7PKIJRi+MEH4II+TGPe644644+uijzynI+yoC+oABA949ePDgk4YOHVoJ1A899NDqyCOPrMVuAmpeBPnXHci1rRSUevAFOprdoVYXiCsETYycjG7kWUfspp4FZp5/HcDVPj1omOC9qpibtb2+OCzYGW9m5m6Wd/Ga+7EBU0+V6vHlALgr653l87n+GW4Z8GVWr7sJnyIqi7Udv8Pik0+uFscgtlh+c4F6AYfS3yRg/kpC2FpZepcu1Yq4blnPntUff/KT6maBeoNFe2y6gzFAnNk4fnQX12n88zKuPkHALO6pZl385uZygN6zz3lYG9d65jm2Myi7et4nAl5QJheE8TKu3McT4WCip4SrxnSNS/p7ZbEVmfOiWU7yWJflVhgh7FBYsrRUwpKjjjqqmjNnzkVz5849syDvqwzoQ4YMOSlYenXwwQdXI0eOrMaNG1dNmzatOvbYY+t/oGa1FKYgR7UeBgGRQBsmLrM6QI5JHd84gOwJX7xYCeyc/TB2N2N7BresTHdWntm1x43nymkO3D4hcJO5C9KyKd199dQjz7HvvnRWzmdnQHe/emsVMeVKF5j/+MfVfTGICczzoFiAovQ3Whx6W2D+SgDdQX1p797Vncpsp+xvDdacgdvLtnr2OHzqueCLH6MKnKeYzYDu+ePdL8/+ZqzcM8nlynDuKycczoHdly6K8+JJZLGDjbsVIJd99dz0Gm/J0Kn9MsfLFUtEk9blchVwi+hJg6XP0lJAf+qpp1bByquvf/3r1axZs86dPXv2GQV5X2VADzA/OVh6deCBB9agLqauPmHCBM2qatWi/ln6RwFYErcJyAFzRG7qALlYeM7qpg5oeXUzD0/LbJrzcvx49qHn0qg5j3qOV/eELW1lknPwbQbunlfdv4eza08F6xXMcsIYAN4tBLXpXWCu8LTzzqvu7969uk9gHoNXWwNk6aW/UbqDeTN2/pIm9wagLw9AV18pUN933+q2YIo3Kw+8FXjJ2eMctD2O3Vm6M2sPefOiMJR5zWlnc974rLoHrHM9d88bn9XvrrxnIuB+cY5hhvc67OyDuZOQxosUUXQJoPeCTiT60j1E7FDHy6SOqFrHZGYXK//mN79Zk0JZfIOZC9B/FZjzo4K8rwGgDxo0qBKoaym2Pnz48GrMmDHV+PHja7Z+3HHH1bMx+cOlVld+dTK6AdoAOP5xB9i26ovn0Cz3k7s/OwvOspqcqmFeXQ1m7qI0wD2nVM2x5R7L7mzerQW5QIpPKnI6WA9rcxD3tLCeL95N7ovjRVJ+9Ad23bW6b+ONWwe+PBgWgCj9jQbe9zWe41ZmrvhywLwB5E1j0R3Q5UdXb4D6qrj2oSAntwXgCNQXNan+BogjkoOBA9xap/qbn+9+dzfdu0oeYHdBHGr3DOiZhbsP3dddKOfKeI83d5O/VxnEVO/+dyYNuT472+67xxRPohqN8ySqcYuATOxi5cpbIjAXMz/mmGOqI444oiaGwc7Pi/7Tgryvvsn9ZPnQBegHHXRQvRwxYkQN6qNGjaomTZpUHXbYYfWsS2zcY8fVya9OWJmOIWzLYWPud87Z3ZqZ3puJxTJwPk8Bbup3N4Wz7v5t9+HnyUXO5ubX8j0p7+ms3RPBNPPNewia53cH/LOyvQbz666rHgjW8cCmm1YPmEmyLXZTeumvx/5SbLyZmf0lwVzm9gDzZQD6NttUK2J9VVz3wCGH1IlnZH5f1CgLm3O9U7rV67hnxp7Fc5yfl56RjvzwbtZ3cRx+brYFnFyrdYDfGXWzELkcSuemdDfjZ6Fds1Kwfk6rqy+lo4XVY02Vm1X7ZHZXuJoKdcnMftJJJ9XsvOE7F5gL2M8Ptv6zgryvMqAffPDBp4iVy+SupQBdpnd86mPHjq2BXUkDxMwdvFGsw9JzDLazdMDbc6mz7kDpzNULqLg53E3WWcyWC6+4oj3Hoed87rBzJgm+7Sp3Z9FZ+MZkQeuo2WHzmNwxp7PP64nXZna9SPKZx6z3wZhsPdi+ffVADIIMfNksWXrpb7Telq/cY8/bMrW3CejypQeorxSoxzn3T51aLZo/v1rUqKiGCV7g7SCtbaWkhp1jivda6z4hwFyPX5z9TBByelkA3YVxzRi7H8/ne5IazxPvleFyshoH/VzpzRPQuG8dRu7FZ7AEMH5xnUKTBeaKjhKYn3DCCbU1V11m9sMPP7wG85kzZ8rkfk6s/7gg76sM6AHap4qNB1OvGbrYurYF5uryp2tbhVnE0D38DKGa1yN337jHdQPKhKp56Jcnj3HzOoDvZuqcRtWzuGVBmyveXayWc8DnUDcPF/N7AtqAtVshAGf3gRN6xvkkfIDB8zmEnNT79bkqthIv4QPjx1cPfuUr1YMCcxvsSi/9DdX13LbRX+Arzz5zhHDOzlG4NwHzum+7bbUqjq+KffcEQ6zD2ATqZmYX+ALs7HM/Ozk5AFtM8A7mDu6ejY7z3PzuoAyDJ47dAZ4wOe3j3gC/C+TIFMc9XdGeTedehz2HwLGer/FjXgzG7yNAV8iazOsnnnhi9Y1vfKNm5gJz+c5lbgfQA9yLyf218qELzGVmR+3u6wJ1rZ988sn1PxAwz+lYnYE3E7C5KR0GzHWekjUnisk+dK9TnkuR5jSqDuTO/L3wSk4o49na3Afu2dp8QoCVwBl2Vtk/T+TWMKd7PLrWa/CXAEUCOE00YiB6WP7AAHPMji/VC3iU/nrsL/f5dTZe9wDuh2HlAdBLGqx8aQPIHcwd0FcGoKuvjutWdetW3RMMcqHM52YmF2DPD/buvvRFlpQms21tO5ADwNrv4jn89d49pSsA7Bnn8JEzqXDW76ZxTz3rTB+TfE4L67Hq7lenuzKeSULuLpJzUIehK4mMVOwCcti5ttXF0GVyD6zR+rnRi8r91QT0YN/vCfb9LQG3mDkdHzqmd+0D0JuVDs1AmFXpnOPlQr3yGYAPG3cQd7+3K899IpDLnLqK3aua5dSr2USfBXwO6ACwuxAwlXPsxbLG5aQxsPVWX70mA/qN9HnxW9cDWID58wa4l+ivZOAsvfSX1fVc/Z0dYH65HfBeYmAuEG8F8wDvZQB5APjz2HkD0Fd17VqD+Zr4/BU9elR3/eAH1aIAtJsF2lZiVUsJugB0fOkkoQH8c2lWzzoHs4dR39Lw2RPq5uVamQjkkq4eAucqew+Hc0AHuGHv+d5eFtZZvAveAHnPMuc54t0S4KZ5rpNIGkAXK1eXEE6MXf5zsXQx9AagnxeMvTD0VxvQR40a9X2Btli4mLqAXOsCdbFzHZMpXoCuaj3ZPO3lTB2oveKZHwdUnclnFbmL3VwU5/XEPZQsg7yr27MozUui5s90cVyeAORiLDkXux52V7M7oOcUsG6Kr8/VfeOce2SdOP30amkMRks23/z5g1ob/ZUAfumlN2PAf1ePZ/RFezOgfpH+MOsC8EZnHSBXutfl1jGzOzuvAb3RBeord921uvPss6uFAtiG//xWS0Aj0IZRC+A9zpzMcjoHcNc2ZvhFqYSrg7/f233iuXIbkwEPT/Nqb4ByFtQ5K8+gDxi7Ar9ZBTg3t2fzu6vkPaWs7iNAV9pXgTdArqWAXeb2RrhanYW0xKG/hoAuBi7hG6Z2/OjaJ0CXYE6CB8qcZvB0du6VxrxcKalePZmMX5/94F5m1Fm3M3YHaDfFZ7W6X5P96B5PTqy4h9IB/ixh7TmDnJvb9cBnEHcfuh+vJwW6T/w29515ZrVk++2rpQHmiH5yfymAL730NnvyRb/ohPFlgu/DAbQvty8JMKYvpQcIt9UF3MsCnNXZXt7YbuY3r8Echm59dQPUl/XpU915ySU1qMPC6bdYulgBupvmYdl+rm/D1NvKGe9JbXJJV8837zHsueRqFsFxbU4y42Dvx9xVANC7eM7N9M1M7+5zRywni62SzAjEhQ8Au5i5TO0yuQvQtZw5c+Y50Yso7tUG9DFjxvwAvzkADjPH9C7mrgIuAnT50HNpUveFO0OFmTuQOkvPoWt+v3xPjxP3kqfuC3cBHgDMPd38DjPOxz3Xu/vAfZKBad3BPLN0n3AwQfCwD/8etVp+9erq/hholuy8c7VMaSzNR7gMU2Pppf+jurHfpQ6uGWQFpA0wXaIe695bjwdgKp+692Vf+9pzfbvtXti7d2/ty2MCu7xHj+f6Dju8oMtc/rwe57f2uH5l3K/usb5KPdbVV8d63W19jf7eAw6obp83r66jLmW7sprBuvGVO9gjoAPc24pPx5/uYW8o42HmbYW/wbS5xtX2XpbV1fJ+L/erA/rug3fTvQOyAzhsPFd2a5ashi5AV2lV+c8litMS/zkhaxLENXoB9NcC0AO8vyvQRtkuUJeyXUt1ha2JsWsGptSuqNSbmdoxo+fMbc60ndF7XnZCwgD6DPq5drknh/HUrT4xyOZ43+9FW5yN56ps+Twvq+rhc57tDdD2kqyudm9NGhPrf9JkIgaYZXvvXS3v2LE1SUYG9dJL/7s7JmvvDca7LEC5tQuQAeYGCC9XFwDTMwj37Pm/fccdqxU77VSt6NWrWhGT1BW77PK/fdddn+u77Vat6N27ta8M9vyCvscerX1VbK/affdqtXqcvzrusSruvSo+Z3UsV8e962X0NVrGZ6+O77EmlnWP77U6JgFrNBmJce72a6+tbrFEMm5ux+QuwBcwaunJaQhjA7C96IsDuse5u1o9A3xOD+uqefzv7gsHdDHje6Y5rAA5tSzMvVke+VzX3U3yngte64xl2qfkYirGIlaOyl1mdsAcpXuDqZdMca8FoB966KE/JERNjPyQQw6pQZwuUAfQ5TNB4e4A7hXDsuAt+7kdmLOf203lAHBOq+pgn4ueAOzuR/dkNhnIEbWx7d+H70L4GX5vvp9vA+7EcHqaVw95Y3+9rs9UKdRgCEsHDapWbLFFtcIUu6WX/g/r7nOWuZoegF33YNJ1d9AO8FupHqC9MsBwZYDjygDG1h5AujJAVL7p1i5gDsAV8ALKq/bcs1rVt+9zPSatdd9nn2rVvvtWq/v1q1b171+t2m+/ajV9wIDn+sCBdV+lpbbjvLrHtav32uu5HvdcHfdfHYC/Oj5rTSzXaBnfY01MGB5pdAF8DeoC+PibHom/+eFJk6pbrr++WtgAbBfIaRuhXPa1A+Ccm03s+NZdse4mdgdoB3T2t1WLPYM1DNtFcM7GXTyHCR9gd0YPyHvpVwf1zP5dQCeCp4IsygwnMFfH5O4qd5ndY3lh7P9FQd5XGdADtE8XiKsr3au6QFxFWtRVgU3sXckDBOjNQsLcn50LobjgDcB1c7ev57A1N8k7GHuimVxcxUV0gCmx8TnkzMHdTe2AvWeAc9+7g3QurOJZ4gBw+vMKJ+icG26olsZvvazjV6tlW3aulim2dqstX7Qv3bL00l9hz2Z2dUzl6pjGuweob/8cmK8IEF8hpq2embZYdQDnij57VCsCUFcGsK4MgF0ZYLsygHqlgDrAWWC8av/9q1UHHFCtGnRgtWrw4GrVQQdVq4YMqVYNG1atOvjganWQiNVBJtTXxLtQ99GjqzUxDmn5SCwf0VLH49xH1OPaR+I+a+J+a2IyrP5IrD+iZXzWmpgArInPfyQmAI/EBGKNQF+sXsx9hx2eM8PH333v4bOrhVdfXSvfYeUAugAZhu6dczz3u2eKc1M4YO/COj/fxXOY4WH1zeLQneG7uR4TuxeegfWjhPd4d6/c5iFs+NU9jaxPHjxzncY3mdxVmEU5SoQPIn1Z4d7IEqftiwPUzyrI+yoD+oQJE34CiMvULhB3lq5jYu5K6ScfuieGaRab3UzpnoHczd8uenNTfDaTu+jNhXAOnnni4CDu39UnIZjI3dQOi/Zc7Q74mJ1g6rDzXP88gziTh9p3rmQ8v/xl9fT2PaqqX/+qZf8DqpaB+//f+4CBpZf+ws7zceCgqmXwQc/1ocOqloOHVy0jD6laRo+pWsYeWrWMn1C1TDysapk8pWqZOq1qmTGjapk1u2o5/IiqZc7cqiUG6pZjj61ajj++ajnppKrl5FOqllNOrVq+dVrV8p3vVC3fP71q+cEPqpYf/bhq+clPq5af/axqOfPMquXss6uWX/+6ajn3vKrl/POrlosuqlouvqRqufTSquXyy6uWAISWK6+sWubNq6rf/76qrrq6qq6+pmq59tro11VVsOjq+huq6gb6jVV1Y6PfdNML13WOrrvqqqr6zW+r6sIL6+9Rfe/7VfWNE+JvmlVVEydWVfwGT/Tdq/pDfI9bArwUkw6z9vh0gTqMHTO81vGX439nnwvgPHWsK+R9IuCq+By6lpPWvFjCGo67r91Bvll2uWYhcVn97illiUvHfaiS2SrSovztAnSZ3QXmMrvD0BvsvAD6awHo0d87adKkX1CIRV0gLlaufVrXPgG88vMqj7vnNG8Wk94svAyQc7N47iR88XA1P+ZJaVz85iDroO/n+GfnimjuP89Z4gB6jzVHxU6Gt1z21NcRvfnEoXVCsXp1de8Pfljd/bn1qiVdu1VLgzWIKS2x/nCj+/pzfbu6P9Tta9a7lV56kx7PRjwzDwXrrnuPHtVDO/SsHu65Y/VwMO+Hd9qpWrLLrtWS3rtF371aEsx7STDaJXv1jb53tSRY99Jg3EuD9S4Ntq2+7MADq2XBkJcNHVotC7a8LCb8y2NysEI9xo0VMX6siHFjxYQJ1YoAzxWTJlUrpk6tVkybVq2cPr1aOXNWtSomC6tiwF8VTK7uAQCrAgzqfvQx1eqYPKivOuaY57a11DGdFwCxMljfyriudcl6MMKVM2dWK+JzVkyeXK0IgrIi2P3y+L7Lg7Uv32OPavmuu1YPB1O/58vtq1vOOae62UzlAmyWMPVFxuA90xxAjgme8zgGI/ckNZ5L3s3sWVCHGd5TzuZQNQA/m+e138VxsHvPZd+Wz9195x6H7uZ33Iqqtnn11VfXacG//e1v16Z3iacljiOHu5aFob+GgB6A/bOJ8dJ5F4irIIvWBe5i6JqBycRC2BqCODeZe+EST8qSfeRu6nbTOtsO8HkCkIGdax3Qsxk+g7l3z9iWs7xlcVsz8M7pXFnnfs7OfSlAvyNeguvXWada8MUvVgsbfUGjz7d+U+o3fuELpZf+8rueGfUNNniuf+lL1Y0bbljN32ij/+0bb1zN33TTan77L1fzN2tfzf/KV6oFm29e94Vf/er/9o4dq5s7dapu3nLL6uattnqub7NNdfO221a3dO1a3RKTiEXRb41JxK3du1e3xiTi1phE3BoAqn77jjtWt8dE4vaYSNy+887V7QGu6nfstlt1R+/e1R0xoWjtu+9e/SF6fWyXXZ47P669rWfP6jbdU/ePvigmw+q3qutz43vcGt/n1i5dqkXxPRdtsUV1S3z3W+JvuaV9++rmTTapFsbff+N661U3nnVWDehkjoOluy8cpu7iOfZ5qldC2TzxjIO7jnmMu3dPTIPanf1utne2DujD2gF5r/Tm/vp8HLDOAE/BGBfgUYKVWHSNYwL0a6+9tvrxj39cl9kWRpDHnTroxKLH8uLoBdBfA0A/QxXVBOKqga51gbjWp0yZUm+LrX/rW99qNbm76M1DulyE5gw6F0TJIJ/TsWZ/uvvU8wTATfZZaOeFVlxQlxPDcC/MSe73dmGcA7gzbiYThKXlqmoep95arGXFiuq2006rrgtAv6ldu2p+o9/U6Dc2+g2pX//5z5de+ivrem7oAfB1D4CvewD89YC8dwGeeoD9jQH2NwYI3vjlL1c3BSDetNlmNeDXPUCytXfo8FwP8JwfILoggH9B587/2wNcF8QEYMHWW1cLAmzrHpOBhY0Jwc0BxDfHZIC+kK5jOi+uW6jrdS/dO/r8mGDUPT5PywXq+vzoC/Rd4rsuiO+8IL6/Ji4L4m9aEH+fJsbXf/azNaDfZEljBOqErWkdcRz7AXaWmb1rP6p3AN1D39z3jlreAd7N9JjPPc8813kGOs8JD0C7r92BmW0X5cHsvcobn51jzxEIqwvQFfb385//vPrud79bY4QsuQJ1mDkFWgqgv0aAPnXq1LMF3uoCdbFyrU+ePLlm6aqHLoDXP0sM3VmvVz/LSVowNzsw5/Ss2U/u4jcHamfj3MuB0sEdMGfdY8W93jj+7VxlDTM6vnTMS5mVe5IY4sz5TlzDsQzw9ecvX17dGS/BtR/5yAsA/cY2AL2AU+n/MGBvBu4J5G8I4LuhLZD3DuAHw2/tAf4+AXhBbzYZEBD7Ut3Oqa/T/XTfxv2f95n6DtFvUpfFIfpNjT5fFon4mxaoy9Klv/szn6luPPPMmqELmASkxKXD0AHyZt0V8YA8gA5bx9Tt6WBh8Q7onqgGkAXoWcdHzz43w3tdd2fv7oPPIW+wd5ae6CYr4fGrM85pbJMPXX/7T3/601azu0zuAnTU7mLoAvdg65dGP7sg72vgQxdwqwPiAfI1M9e2AF2+dCkZ5UP3imqeGvXFao23Bd7NFO5ubmfdwTvHmRN25mFs+L29TKmvA7Q5dO15Pm7r7iv3yQGTDAd91gF2D5EjfhOTewb0F2Pnr2Tgvq700l+qxzP1snoAX1u96UQgTQpe0GNi8H/qmmD4/ZmM0NNE5QZ13qVYv6nR5zf6TXpX1l23uvmcc6r5DUYOgAvU6exzf7oDuud35zyPZXdzPBMA2DqA3swM7/nkvRqch8NlMHfw97rsvu154jG/A9yepMYV7p5GFiukuspp695K/yqzuwBdDB0/ugRy6o1EM5ceffTRBdBfA4b+S+XaFYALvAXmAnJl91FSfXUp3/XPch+6x527Ej0nkfEQN+9ugnbwdoafxXI+Acj10F1l76K3HKLmce6t/mwTwwHU7hfP9c79ng7kzs65nvrBrBPDWTP0732vuiYA/UYD8ueBeKO/nAH62tJL/7/0eL7+oT3A8lXr9jmtE4423gfeHX+fmCjX75rO+/SnWwEd8zqCOADdAd4Zu4N8M/+6+8/dFO9ha3xWBnTPRneHpanlGLXXvU47n5nrq3sMvJvlc+U3jsPOYfUAPuFq6IA0hj7zzDP1OSqhKkCX2l2x6IA4Od0bwF4A/bUCdPnKBebqgLlAXmAugJcpXv8sxaHnZC0O5rkWeVvMvC2QfzEQd6aOX9uB3ZcuvvNYcDfHu5qdcxyw3STvS2f2ntKVnn3nsHIH+DqFYkyMbj/ttOqaddZpCujXv0xAL6BU+hsW/P+e3vhOLwXo178IoF8bgL7w/2fvzYP9uuv77pmnM22fQEiwsU0M3sBmMWaHsIOdpM00+SNps7RpmwVISJrGhBAgkAQCaRbSQBPAtiRbtmRJtvZdlmTJtizvljcMZHvy5AmBsDiEdiYzaWfyz3m+7+Pz+uWlj8+VrhTrZ4wOM98553e2e30vuq/z/izvzwD0Cu36mXA8x5wbR3XzAkBIHQXPZ66rZjW2iqVwrtrEAm/UPSFzfy+11Y1jLtzzNYTh7VJn1zm3uPGCANTz9+wf/uEf+q+dHHqAnjx6hnjZ152+9AnoJ/h/GzZs+GftB/yUBu3tgXYqEbMCc/ZZAf6KFStmIfex4SZ1YpmHk1QVf6Sc+pHC9QARkBPGdvW6p5nVmeVj6tz964a6c+A5hwIH2HzdHLcK5w2WaUWcq4AP0D+3bFl391GAPsF8WtNLwuEQr2uxKv0xCv3cc7tDGzb0OfT77rtvVgjnfPqRtrUSvla3k/cG0FbxzqvbRtbtbgCbdjPy61bobNk3xF0Zz77z5n6ZMNgr0Mm7U/3O37/k0HN9Qu7JoUf0BeYBecLu2QrqE9DnodCbKt8SaEeNB+ZR6VQmotRzbNWqVX2VuyvaHVY/Uu68+rADzTqUZUzNuyoeZW07WSvtOqLUVeUGus970tpY/pzqdQMceHuL45Jh7pA721mh3de/3v1Je6Ml5O68+WLU+QSDaU3ryFBfKOx+GNA3buzua6AE6Fbh2VLoxjHC8oTcjwZ2VLcL5tziRh97bYFD+fuzi+as3P09AGVeEByC97Q3+7x7rKthb7jzXICev5v/5//8n1kOPUBP61py6IF6cuiMU52APkeF3uB9Y+AdqAPxYSB9v00OJEBfuXLlzFjGletHAvkYzOu2Pschdqrk3XsOxGs/eZ0/XmeRUxTH/fRUVoXuvnK/FNR8uSvYgTgqHHc4A31W3T6E/9O29lkp9McL6HdNa1rfpOt4gT6m0g8NOfSHtm7t29YOHTo0g2vg7jA6sKTYDbg6JF/vY8sz2Va3uGofyz7T3fzZq+bUrdLH9gP4CmvAznmPeiXMXge8OL0YL/dcu2PHjm716tU90OMoGqgnlx6oMx/9d37nd25oa/1E3jkAHYu+qPGsQD0tB1k5l5D7dddd10/Xqbnzumz/WtvPququnu4+R2V6BXc1hamK21awnojmtrTazgbMDXG2hOEr0Mcq2VkodIfZWRgzAPTk0GshHAU/xwrtO6c1rZNgHQvw+bdUwZ5ukLsHhX5oALV7zwNnVg21W7EDdsLsBj5Qd169TmnjWt9jZY4bnVvbDHi3xlWwu81toVC8LWMp6CME7ylw+L7zd40qd0Lu119/fZ9Dj7lMgB5VnoXJzKTQ5wT0BvJdKPOo8ewH5PnMfhR6fmEGejWRWSgfXsHuPHjtKwfgFeY+XseVeuqZjV88Ra2OLq296Ya18+gobVev89mKvAf08EyuJbyOKQPXz6a3PfJIH3K/89RTHxegT3/op3WyQ/2Ygd4U+oNNoSfkHoWeRVg8IAfErDHVXsPugBm1btDnPpvQPFReJD6j9jm+Zh3mwv1+QQDswN2heICMmif87py756/7fsBOEV62+VvG37mE3HMsVe5JyabOKn7uWYE4Cn1Q6ZOxzDyA3qB9w+C1OzPTz1sVBvsxBYhqj3lAcuhWvjaZcbsZ4ALi7g93mNowr/CuSpzjznvzXIrjaui9Kmgga5UOtMmReznvzWcXu/lzhbuvy36FOjn0xwPo0x/4aU1APz6gP7Bly6woLlAF6lboDpezT64911IFP7a4xwA3sB2WtwoH8NwLtO1Q56EwntTmFwPn9znnqXDuVbfnu6Hu8Dx/0/I3MSH3HA/Qw4e0NgP0wDwrHBmgfnP7vG0i7wkGevuB30R4HVUesNsUIMfTlvA//+f/PCyEXoeiANiFRqL6XJS7P/NiQAjcz3UbWi1sM8gJlVuxG/huOwPQNU/u59oNjhcCK/OaH8/WE4lynxU67Wt92L399//x8uXdnccYcp/U+bSmNQ714wm53795c3dogDIwJ5/OCtRzDOWN2kZxW6kDXe5lH0Ab5vaJt+kM1fFW+Fb1Lp7zMozHIO8t1fNjxyiSq8V35ND5O5q2tVyzffv2HuhR6ITck0MPO5RHnxT6vIA+jLebKXNgjm1fzqXXkCr3OrXsSGD2BDar8ereZgXuojjADCRrsZt91z3ZzDavPMshdkPd6txFbbaIJRTvELxD7ShyTykC4EAepY7162eWLj3mHPoE9GlNa/Eq/WhAv6f9XXtggGqgTdvavffeOwM75wAxeXWUtNW2ge4qeZvQOEwP7J1L94uArWF5RnWioy2OaMBYfh1YW32jwN1CV6ezuViPkDth9//9v/93f8+mTZv6lCwDWsiho9Inhf4EKPTBQN9FDP1+fiEJyaeKkSp3wugGrj3daz695s/r9LOxdjQvgG0YO+xex5W6R92mNBX+7jcHzIY9wCYnXvPkKHKH3yl6A+ZZWCei2KlyT8j9jlNPPbyqXX23i4X3HdOa1km4FqXai7Ocu0fuOuecXqE/1IAFzAPyqtJR5Syrc6AN4CuUaz6e4wY799Q+dk99Q+F7MIzD9xW+VbHbK74Oj0GN+3vw/ezbXCZ/O9OHnnsSck/RdOzBA/T0oBvoQ9h9Avo8gN4U+P6ocFbgToUiv5QcI+ReQeze8jE17NC7IQ3gPUSF+1DDNoJxHtvwJceNynYxXHWL89fhuNvUgLChXfvIXf1eIwwOz/OSgGrnXuYJ905xy5d3dzSFPgF9WtN6YoCe4Sz3D8AMzOkvZ9XPbkMjRA/MATg5eGCL6ndo3UB3WJ77eWHg+pzzAJhqNVsHvDjHDqwJq/uc8/Psj+XXXSTH1LUAHYUeoOPlXkPuE9DnW+W+mxx6gJ78ebYJk+QXksk52bbru69//euHjSx1dbu93evYUjvJeexoHYVK3pl7AL5HlPICUAequM/bIXfC586Vo8xR0M6V1+p4F7YZ3A7JW6FzjJA7ypzvA4WekPvDS5b0OfQJ6NOa1hMD9ITcU+V+zz33zIBuiGefc9kayKh3AG4AU1DnYjr3qQN532eL2LHqeZ5tgHvqG9+3bWU9rtWqG/hz3C50VME7NE8ongEt+XuWorh8vSj0GMtEoS9durS77LLLZp7u4cgQdp+APg+gN5DvI9wemGdRmZhfhIH+v/7X/5pBltx4dX0DphS9eWyph5wY+C6EA9DVFMbnFgqd+/m1Op2ct/vNreydG3cRnKGO6naYPW+r/l64H3gTgifsPoP6kENPlXudlDbLlz/veY9Zd46sO6Y1rZNwjf1bqP9eqvHM7N9Zzp99dnd/U5fJoUdtE0oH7OTKga4r4AnRA1/a3pz/JtQObF34Bri5xlXxDsHzgsEC+g7JA2W/hDjnzgsFECeSgCKnCA/Yuyfdve0MauHvYfrQc9+2bdv6lGz60GMskyp3xqgqhXtTW1sn8s4hh07ufHD06d+sotLJoedzgJ4cOgBGoXvCmuFrG1ZXodsmFmi7Wr2OMQXUzqPztRyyX2j2+BjYUcwuXENdO8891hGdcw0AAIAASURBVOJmeKPUZ2F0PTuhqTwn5xwpIFyVHHqq3O845ZQJ6NOa1pyBfm/OD8Yy9wwV7gH53XffPYM5n61+2Qb0QByQ1+r4GjJnEU7ns3Ph9LkTDneYvk54I4wP1B09AOQob0cKXCCHWqdn3cf5ftzWhnscXu75nhJyT5U7TnG4xCEGhwjw3saUqcp9XlXu7j3PLwDLvmwD9I3t//gxljGcPbbUE8icF7c6d6+5c+QAmTC7AYqXep2gNuvnVujcxjEOxbv/nO8RGPN9O3/uKndPFwLW9R4XvLminWO1+r1/3iOPdJ+78sru9qbQq6XrLLy+SHjfPq1pnYRrMZCv1e+zf2s5d9ZZ3V3XX9/d2wCYcHognm0gFZBbrVuRo9wBvxU81fAA2IVozq/bGhaAG95W6c7FV2e5gJYcPlAH2nWiGwq9nvN4Vufka9Edg1oC9fxNS5V7zkXsJYee4SxYv4YbAH3onNrf1paJvHMCelY1lfEvJW1rAbqNYqy4DXBXm6OMHV6vk8ycc7f69qzymivnXJ2A5u/BBWqE3Kv1a82V87UMeKDsr43Szv/BAXfNxfP1sE0kPN8r9/azSMj9jgno05rW/IGe46ed1t3TgH73EFb3/HPUuQvlCI/T0pYtcOYaX1970Wt7mxW3lTogdwGeYe5959AN67H57O5vJwLA1+JZ9nm3OkfBYwmbv2d///d/3z9n3bp1fQ49RXH2cg87IgaHHPpNbU0h93kAPW1pDKNHnQN0Wtji15siCFecA986IIVjbgOzXSshdBe5We2Phdh9DujWojhPQrNbG8q6Ku5aNGeYO2cOzB1Op+ANSHOcHDtheOAP8HOsD8e3F6MUxU1An9a0nhig33n66d29DUZ3DeFzQI3qDtDvuuuu2WcAjpp3Tj3neBHgfK2Wd8Gdw+NA1mF0u9HZatbV74Ad4PJsvzi4+M1q2+50vFQA+Jy3raxD9rSvZaHQA/SE21MUB9DJoWcNUd7Jy31ebWsUxQXigTcQz2eqFRNyTw7deW1Xr9cRpR5t6t5xg5hzto0F2naLq4V1tQWt9odXeLtArbabOZQOjHmZsErPFpC74h2gZ8sLBLnymotH6fcvAw3oUehTyH1a05o/0LN/5xlndHeuWdPdM0A58EaVU9nuhTrPNbwAOOwOyIG7oX+/ogA2pqlQJ0rg/LrD84CctjiOE/Z3axtwt/WsXebsM09FfK2Kr1sq3fP3LUDP10j0Ni5xqXC//PLLDwM6HJmAPscqdxfEkfOgHz2/GFe5e1yq4V7B7OI0t6DZ+KW2iFU3N8LqNUzvljS3hFmZ+/keksIxg9ntZZ5ZbgXP9R4fyHHvOwTvlwUgD/hT5f65q67qbjvllMf8oZmAPq1pnXig3xGFvnZtd1+DWmAcoANllDHV765sJ89upZ5r8tmgN8it2t2bbkVevd2dL6+r2s76BQB1Dfz9IlCtZP01XCDna1wcl4WICdDzfaQoLsNZEnJPy1qq3FHmeJs0hkzWr3MC+o1jOXRyH7QeRKH/3d/93WEDWdyDbj93e67bTtWTzmzwYoVdZ5NXq1aud5ua54zXfDaARq3b7MVFcIY3ShrlTcU6ihy4s6iWp0eTsLpd41xAl3MB+mevvLI72BT6XcXaddZfvkh43zataZ2EazGQr/3p/nd2ewP63ddf31e533nnnYcB3eF1Qu8AG0WeY86n57yvsZucVb7HsxrEQJ7PbjFzfr2qcoOdcL771q3u/Sy7z9VhMoY6Ve+4yvH3MSnYfL8JuQfoKHSq3LEOjyBsa0/7vHEi74kH+l4DncEsUeeBOU5xAXoUejWSqV7rgNbV7PZhN5BpWWNb3eBs1OJCPKvxWshm5Q7gnXN3Ltzhd77PGi6fhciHz7ShVZ92KkBrexrhKZ4J+DOc5eH2D2AC+rSm9QQB/YwzujtWr+7ubAAOnO+4444e3uTPbShDGN0KHpjnXra2jgXsNpFxrhx4cw+hdCtuV8ZbuaPS7UrnYS8V8GPz2l20Z3c6q3hgX+et529Zxqfme4yP+8qVKw/Ln4cfpHCzbZ/3tzVVuc/L+lX9grM3K4risp88CdavzpHbY92WrHZj8xxzvwTUSnaUuMeMWn37BYHr/BJQ2858XwW8+8a9rXn02n9eVflCrnCBNsVxbl2bgD6taX3jAD059ADdSpwcebZuX0O1s4A0YGc53J7n1up5h/NtaOM+9Zpnt2p3C5ytZ2uFvFvi6pQ3ruVFgReAWkBHcR7qHCe5iJco9Pz3oNCXLVvWK3SMZWh5Huqz9rU15dDnkUNPdTsV7tj1uco95/JLS1GclbhByrEadncBnFvK6rQzq3u3iHHc4K2jT23ZCrTtDAe8CXc7/E5Y3Hlxh+tpNwPUVuvsG+7+OgE31e8O5ffgTx/6VVd1B085ZQL6tKb1BIXcU+V+R4NSQu6obBfG8Tnnswxw8ufOkbtIztfWCnjuBfjua8diFrXuynbnzG1OU61i/dJhoNfrFvKpJyTvXD5V70Qjw4P8bKLQaVsLzGlZS3R3UOdTUdw829YSaifcHjWeXwAwzy8lx3GKq2Fq57arM5zz3/Y8dyHcWOi8+qQD+WruMmbpatgDap4zBmBbtqKoa3U8n+0AZ6i76C6fMV7w8xyS718S0ofe3mhvbQr9zuLVjlf1YuF9cFrTOgnXYiBffd/97+y2BvR71q7tc+io89tvv30GXhQ6KyH5QDJgR0UTZgfeVvLAmzA+x+1EV21mrc49otUtbEQB3H/uPnTC8XV8q18KrPwNfSvzCnS2KPSM085/P0BP21pg/olPfIKRqTOOTDn0+QH95gCbUDvV7fwiqHJPDj3DWdyC5kp2F6hZWQN5Ax1I18llrghnRF+1YCWM7/C8Hd+430VtNnpxNTrnXCRnFW+3N39vhronqQFytnk+hXL8I3AfeoriJqBPa1pPENCHHPo9gyGM1TnLuXAK3si1o+CzKuANbxfJWZ0b0lyL6ka5O+9ePd0dDie8XtvdADGDYlzpDsirmx15dK7nRQCFTtg9Iff8HDKJMzn0KPQAPSrdUd5hfwL6PIDeYL4HZZ4tIRL/MvI5IXeA7kWIvYbhPTTFeWjbxNq6tea0nQ8PNIE5YLeRjK1f3Xbm8wax89pA3P3jtGVUoKPA+yp1qXIX0vEyAMQdfvfx5NAnoE9rWk8s0Ps+9AatgDjKe6z/HNiTV0e9B+y5B/Cj8tmvRXSAnWeioLkfcPO55tM9h50563UcKwV5dp4z5H2shuMX8qF3Ox196tmm6yn/fQF6FHqq3CmKS2QXYThYiO9rawq5zwHoNyZHHqCTS89+NZhJUVxCLPZfd7FbnXpWXeJs5OJKd5a90ymK4xn57NnngJ4QuqFuNe3iujqX3Krcqh3w2unNOXWf5+UA2PtFIdehyCmQo1iuV+1f/Wr36SVLJqBPa1pPYMg9bWt3D0CnNQ1Io8CzjyrPFtVOm5rz4UCbZwF4rrU5TTWi8bQ3h8xtN+tcO1DmZYAwerWb9ThXnOMMfS9bwQJ5RrJW97jwIP8NKYiLj3sK4hidGqAPlq/UZk059DkBfW9+4IxNZYtzHP2EmaaDU5znlbsP3CF1F8AZ4A6d10I51DogBuJW2jaKsYLna9aCODu0+WUAtY4Kt9Obc+M+jyKnN932r35hcO6d3PljivIa0B9etqw70IB+R5ltfvuwFgvvW6c1rZNwLQby/FuqYM/+wQb0u667rvdyp/AtwE4ePVsDHSA7JE//+VhlfA3Xu5Cuqn/DndB+LZTzABdUvHvcXUTnkLxb38YsaB22tzc8LwO8VNj3nb50Qu5R5xmdSh86xjIUxkUkTm1rcwL6hz/84Z0oc0LvATz+7hTFZZpO2tbcS+5cNgp7rM8bUNcxpw6/u1LdsDbEPUDFqtnFdLVS3dBlH5jXnLmBbdXOfkLlfkHgOHlyXghQ43kOVonO7ffrK1/pFfqBU045zOHKley3XXDBY9bBkXXrtKZ1Eq6xfwv130utfve/s4OnndYD/Z4hZ33bbbf1cGYLxAN34EtIHpgbyCh5q3Lny7M9UljfUQEXtFXveCBeB8OguGv+3nnyMSMam9XYhIZ8fgV6npM8ekLu+e9lFnrUOU5x7kWfjGXmCPQG7r2Bd/zcgTi/BKrcA/go9PwC7aVeZ457Gpor2t2f7tYzthyzSgecnLejWx1bWked+jrMZpzvtgoH7tXi1b3ktnMlx+6cO0BnS8Fdrnc/+mH3NqA/eMUVE9CnNa0nEOjJod8xQBllDsxR2s6vo9zJnwNvAA78UfwOx6Piq3KnCp6KeJ/3Ii/P8zCkIbxeVbyr2K3Sq3K3Yvf0NrfIocw5Rg49/42E3K9of8+i0FHn9jNpbNnVhOG6ibwnGOi/+Zu/ufsjH/lI37bGXHR+CVkAPa0JUeg2h3EovfaWA+E6v9xq3gYxVq/Ot7sy3WF0T0ObtYLhk64iObeg2bsdJU1O3KYxzrOj3l2h7ra03O/q9prbB/Iujuvz6+3l58H2f/4J6NOa1hMI9KbQDw75c4CeLaHz7Nvn3Z85T4+61Tf7VvTVLx6YE9YnV+7cu+1hPb7Vs9vdymbveatsF+BVBe5+dveqO5duMxpGrGZ8aqIZCbnHVCYh90A9OXQK41KDNXRQ3Th5uc8H6DsTUg/UA/IoddQ5Cj3HU+Ue61f3e6OqPWzFKp3rXH3uOeV1ahqq20NWPAXNhW61Vc3mL654B9AOs9tj3S8BKGv7twNnQ9svIK5er+1wBnhV7FHoyaHf0oB+ezGOmeXLFwnwA9Oa1km4FgP5Wiznf2e3nn56d7DBKE5xAROqG+UNrLPNAuJW6YAfUDt07rA8Ct1Qd687kLY6d6GcC+NyH4VuFeqe006IHti7B97qnPy5feRtA0soHl93WtdSU3XLLbf0k9YScsfHPX3ornCfrF/nXBQXoCfcHpVO/hyVbqCnqrFOEKth8jri1MBGmTv/bH91AG01DujxUK+T0yq8q5e7rVpR3jWMDpCBrUPt5M79QmG1Dvz5edQQO7ODOZ5/CP3+l770uAF9gvq0JqAfH9BvX7Wqu6sBDjhT7Z518ODBw7Yo8sAfENcWNofns3WxHLlxg97helQ57W7MYnfLm0PytpMF8ICfl4iaY3eI3t7xdparQ2KcS0edk0MP0GMo41noATqjU7ETbwzZ3bYbJvLOoW2N/Dn2rw67O+SeX6CtXF2I5rw5it2hcoPb1/JSQCFcrWJ3AZzb1Tw61RXqHugCsFHRwNuDUlDRKHJPS/O9VKv7uqrMrcgd1reLHDn3//dxVOgT1Kc1Af34gH7HmjXdbQ2SgXYWSjzQBuQBcz4Dc9S7HeTsA88zyKcb2G6Pcz7dgPe4Vit1V7w7nF/NcFwlb29559f5Ot43yFnVlS6KPTDPNinYm266qVfnwDwK3f4lGsk9hdznBXQUen74gTue7vSgB+4A3e5tzo1Xde5hJQ6R13nitJw5DE6IfayozaC2i5xz164od2jdPu6+hry4r6s96Shth9vdz44THN8nYEetO+zeq/f20vOZowB9gvq0pnXiFfqBIax+4MCBWQ791ltv7YEOwAnFW7VbsROG93LY3iCvuXUDHRVe29xsUgPYeYlwwRzX2VLWuXVD2i10rsZ3IZ194gF6wu7ZxmgsP6c4xCWHngr3KPPkz2lZw9+kwXyahz4voH/4wx/uqHQnRIIFbNR6jrvK3Srdyz7v9l63s5sVtsePMmvcYfYKcbeq8dljTa26rYx5lk1ggDYAB9a0oXnu70IQd0je9xNa92eeN/vaJwjo0/rGWhN4v8GBvnp1d/sQHgfYbANpqt4NdqBu9Y4it3p3jhzIesa6c+12maumNDW87xGv1f/9gcGX3kVwWMk6KuDcuqfDuVKerVV7PlPt/rd/+7fdvn37eqAn5J52tSxy6BTFTdPW5tu2ti/AjkoH7Hi7UxyX865yN3Tt4+6CtAryOvKUkDsK3ZXmzrU7T+7KdYfVnbuuQHehGkrZOW6gW4vn2Kc1zardtq7uX0fR12NZ5J34Xv6k/dweuuKKHui3jTjBzUxjJlh8065bpvVPWouBfDWc8b+zA0NRXIAeSEdtBsbsu3rdOfIA3EV0DsOj3gnD12I6oM86pFnsLpgD4ACYaXAGP59tRsO9Val7pruNbmou3VXx1UWOKnjmpKemKlENxqbiEocQjDrHdbQxZWfjyNqJvCcY6B/5yEd2APMs2tcIu+Mix7Q1h9xrr7dnjnuKGdfX8HydgObZ5yzAa2U/ZrvqUaeobHu3+56FfN3HquKBtJ9XFTmrqnQW1xMJ6I9/6UvdQ0uWHBXoE9QnsE9rcUC/9TiAftuqVd2tDZYp7qJtLYAm/I5iH1sOxQNl8vCAlZcBquLZd3U7bW5VyY8NinH+HYtZrvVzrdwdurcxDYBn66luXOsQvVvaAvSE3Pfv39+r88CcHvQyNpWQ+5RDn5NT3Pa0rNktDgtY3rCy4uVuoGMKU8PrtfK85tE9T7wC3IrX4Xi/KBjIdTqbC+VqJbtD7NxjmLuwrhbGEQEA2HyfPgb4HVq38xw59LR89PsN6A+0fwQLAX2xKn0C+wT2Cej/NKCnDz1AD8RR1w65k0+vit1FcixDnUK6Ooa15tpR5lbp3Oc8uxemNQDd3wOK3cVxHLORDJBn32Y27mXns61h8zltzAm5R6GnIM4V7hRTA/RJoc8R6L/xG78xU+cocorihnDJbDgLqtutaq5gd8uZQ+xA0/CuqtytZlbVdeiKQV4d2DyTfNbzLUhb8bvn3HB2tXqFtwHOfraE1Amro+4pqLMFba/U28/mgfZGW4F+PCp9gvsE9gno/wSFPgA04AbC9nRHrbtPvYbis7jf+4TIqZp373rNsddwuye9ocoZHGMHuzpv3YA32I80CAawo+CBefV991z0CLw9e/b0IHcPOqYyDGYZarP2NmE4KfQT9b8f+ZEf+Wfvec97ntJgvp3cebZR6wCdCneGs3geutvLDOkajrdSt/qmVQ2Ie2ypJ53ZpKWqbIBppzhUOdDlpcDK2flvK3OPPq0FcjXEzmcDHGDnmPvQ+ZpR55gy/OkXv9gD/eYB6AsNYPEwiukP/8mzbp7WUddiYF8HufjfWA/0a6+dhdwJu7MNlAH5GNjJuRvWKHmAXhV+VesewVo94ek5r/7vNa/OeefUXQVfXxwMdLfDuUgOiFutE4Zn6trXvva17sYbb5wBHagH5OTOifo2qE8KfU5V7rujzPMWFaUO0PFzH3x4+6K4hFgM5RoOR5GjnmvPuW1Xgbcr0Q11V7Y7vF7D6gDZIDf0XfDmSnVgW3PqY61sY9taSU9lO98TEQJeMnyu//7++q+7Ty9dOgr0244wSW1SdBPUp7V49X40oKco7rYGuUAc8BrqgTjheAOdXDvgd8V7Dduj5IF7ragnvw58nWtna7Ma28sa7v7sUDyAB/gA3Mqdc1TAkzt3/r1Obvubv/mbXqGnB72aykQEIgqz3xizozHm+om8cwB6AM5iQEsWrWuBfKatJcRiD/bqBFeXfdrHgF7bzqzQK7wNbRfI1b52t5S5R9wFcPZgd5+58+UOmTv0TnidZznUznFUe9Q4UQUDvX8J+fKXFwX0xUJ9gvsE9QnohwN9bNTqKNAbyKhcB8godsCOEs9niuZQ8Jx3Dj7X5Dwq3i50wJ7wPOCmIt55dVvMEmYfm9JWge5COwOd+9k6VO8+dxvL2JKWXHq2X/3qV7u9e/fOgJ5Qu3vQZSozhdxP9P8+/OEP/19tfUtT5Vsq0AmzZ6HQMyIvIfeqym0BW13jALZD4sDaVezuMXf1upftVWto3OeAOMrdStnqnO8LNe/CN+Bew+0cB94exWqF7tA6MGdLYVza1gL0W57+9EeHSBxlEMtorvz886f1DbZuOQHr5mk9Zh3tZ5bfRe1Pr/+2Dpx2Wndw5cru5gbWOJ4F1jfffPMMttkHzEAbyFcTGkOdUHsNw9eiOQDv0Lt95DlXC+hQ8Aa6Xems2FHoDsfXWeyA2/l1q3xXxttGNm3MAToV7ih08uco9ER/m0Lf1rZrJvKeYIWeaWsJuX/oQx+aVboDdFoPqHJPUZzBPQZxLwDNeefMDW+/HIwVvhnqnn7m6vI6n7y2trmq/TDHNhXfOUfugjpC8zW8DsCdPyekjjo3+GPIANRjLHN/+4dwcwP6wWOYpLagMj9BMJnWNwaQb5rWYWsxwK/FcvXf1S0N6DctX97d1AAboB/UNmAG6MDdSp0tKt0gd569Xm8XOlvGota974lvYxXyFO1VqHuE65hpDS8KDrfXYjm3tlmpe057Qu47d+7sVTlV7tiFZ8GSoQ16UujzAnpgnreoFMUNBQyHzUTPsSj0vJERNifUPgb0sRY2Q7yG3Mdy5S6CowAOFe0QvLfktu3+VgvhnFe3LSxK3jAH5ITZK8hrqD0QN9DpXa9KvV9f/GJ3f/sHcPOg0I91POpUDf4NUpE+J7BPED82mC8W6AdWrOjb1gJsVDq+7g7BV7C7IC7HAnTnyuuq1fG8DPDsMTMaq3RXxRvotpEdU+2E9G1GU+et11w5X3OhinhWeLBjx45elUelxyUOD3dAjtPopNDnB/RdKYbLDx3HuGzx4E3YJJ8zbS1WfxS/uSd8TJGjmheCukPgLnIzzAE5MPekM+ANoP3ZVeoLqXS3pgHkCnKr8arQeS7hdWBew+3Oo1Ppnq/zR+3ngEI/GtAnsH9zQX6C+jcO0G8dgB6YxyQlYAXuOMY5d55zWYTdgToheK4lrI6CB9ocy+J+X8dLgavibT2Lk53z7gCbanmK5+rAFofhnWtHyXsGO3CncM5qnXx7cugBenLmLogD6qRtJ4U+Z6An5E6l+/A21f8SUOn5jLEMnusOcRvotUKdFjZXeFeQA2IrdCDuuePVXhWIG/R1nKlb0wCrR5/WVjQrblu2ZgF6IG2Ys6rNbA/vAfYAvX85GJzibh7JoR88DrBP6xvTm/3xhPoE88Xn18f600cV+jXX9G1rAXgWhW1W64FtPmeLGgfifAbMVu1UtLsq3lPdHH7nmTaIuXso1vP4Vp7DtVWp+zOKvVbJexiMjWgchq9DW9jyNfL5kUce6UPugXhWIE6FuwviwpJJoc8R6B/84AdnLWvZYgZAHj1KPQo9IRarbA8qsSlMVeYecwpQPRnNLm+eTc6zq0KvM8lrdbthbpc4q28gbvXsvDzHbFBjILNl1d7z5MudR88+OfS+2O6v/moG9IMjMJ9MZL65DGEeD0jvn9aigf+Y9rWRfzcB+r4rr+wONPAB7Kh0KthZzq9zHUqeinhC5wa7F1AH6LSt2cSGz57O5iEwHs8K2LGXtd2s8/d1PrvVu4vk3Ofufnj3uBNyp0gufegodE9ZA+KE24fBX9vbum4i75wUemBOLt2jVAm5J4eePnQMZeqIUkLtC+XLvXWbmqEMTF3Jjsq1Mrd6r58d7ge0hnUdyuJrHFp3n7rD7sB8Vtw2KHLUfLYBt0P6wN1ATx96hrMsBPRJiT+5VfpiwX7TBPXHDeYzoI/1oy8A9P1XXTUDOqqacHg+B/CGOovPQB2Fbbc5II2Cd6saUPb5hdzngDcheBS6i+acdz9SLzuAp1gOC1lPdfPgF14ieAlg6EvOR6Fv3bq1N5Mhfx4BGGZErcORIeK7pwF+40TeOQIdqOeXgMNPfkH5HGOZ/ALrRLWFPrsX3EC3mrfPulW3w+xj2+q77ta1GpZ30ZtBXoencI0L7GofOarcRXDAmy2w515Aj+LPfn9tgK6Q+5Hy6BNEn9ygfzyhPgF9EeH4EWvYsd/VzUPI/cBQpZ6FQjfIs89nQvAGOYVyAJ18u9vZuIdjgN8LyNe8O/l597HX0Dygd87dMPd9rn6vcKf1zf3vNa/O/le+8pVu27Zts5x5FHpgjktcuMGgr0mhzxHoqW5P2N0hd34ZgD3GMimKw8rV4W+PNa2ArUrdhjAA1bDm/sDPz3IvOSHxCnDPG+d65pJ7SEpV+9WH3WF0YG0wc95hdW9znHA9RXDk0okGpCgOhb6YPvQJ7k9usB8J6hPQH0d1PgL0sZnpzqEH6BkyYjMZAJ/l/DrOcah4IA94cx359eo2x8uAVbmtYe0f75C8Xw5qa5vz7pz3y4FD9B4AY6MbIO4WOV4CfA+Lwri0rQF0ZqBnn1RtoB6xOLSvTQp9TkDfWUPuLowbbPu6VatW9Tl0m8RU+9dqNsOyiYzVuFU80HO7Ws2lOzfuvLrhzXNczW41Xseq+gUAAANwF8kBcitvt6ZVaGc/fsezqvbhOLAP0O+77LLuplNOWTDkfiwQn3LY3/gDVarb2fFAet9JuI4V+Au5yRnwKPRbGtD3NbjGkxwgR41TFJd9AM/xwDUvAKhzQI06R9k7DM/LgPPv3ON+d1fOcx4Y2x++2sg6z26l7uUXAufu3R7nEDv58zowhhD9l770pW7Lli29Mk/IPUBnRRA6h94YsrUJx9UTeU+wU9yv//qvbw7MHXandY2hLTkG0ANmK3N7u9srHYDbH722fnGt/dddBT+WU/cQFo45x+1BMDwXQFfYu/itbnOPv19/zarI+RqGfZ6RmcHk0BloMLsufeiXX/4o0GNHuQh1Pin0b/wc+gT1+cN8/zHCvObQ9w/FcFSso9IdfjfUAbZVewAPgCmUA9qAnLy7Q/Oo+5p792AY8u9+cfDXcpFdgMxnF9oRgjfM3d9uqLNPsdxC+fWE3AP0FMIlj56tzcgItw+TPLe3NYXcTzTQP/jBD25NuB23uGyZujaMvevD8GvWrOnb1lyJbnA6H46atn0qoW8XwtXBKi5oM7w5VivO/fUMfhvKOMxOLrwOV3FLmk1pHF7PPoD2SwKAry8NvBRkG5DnXtR6//X+6q+6Q+2t9qZTT/1Hj+lFht0n2D+5wutHgvoE9McP5scK9Cj0m6++urtlCIsD9WxR4IDawK/heLYO1fPZyhtoE3JHwTssb8XusLsHvRjmqG9C8gDdIfnqNgfUgby949377pC8q+Czcv8XmyjZtGlT7woHzMmnZ0ukNyxpwnBXY8m6ibwnOOTe4L2jqfRZH3q2eLqj1HMsOfRUuQNyh9MdOgfkbiPzIBTnz4G0/dftm+7RqUDb/ei195yvZ6XNc2q1vB3fnOu26uYFojq+sc9/V7YB9mFtaYNCz+dsuS7X9KD/whceC/QjgP1Y4T6tx38dC9gnoD9xML/5KDCfKfTTT+/2ZkBS8XJ33hx1jlp3Hj1h+mytzj2dzdXyqPOc4yXAhXH0v7s3nXPVWhalbic6vj7AZ0sbG2F058R5mXB1vAe91BY2POJR+DGWiT8JIGcoC2H38IMC60mhzzGHHmWOSif8nl8GhjM5F4WekHtV5wC8huDtsw5QPcoUsANo58yt3nlWwOjzY2NOa3+5Z5U71w1ca/ice1DbblOr95AX56UBNe78uyveyc3PCuw+//nu0Kc+1e1vQL+1TFfr16TKn/yFbwusm7SOB9I3fpOv4wU/P9OFJrPVHLqBTlFcIG03OJvKjKlz8urOuaPo88wsWuK4j1C82+DqcBeuQ+UDcbe31XMoeBvYuOXNOXTDvebL3fJWC+dQ8HlWcujpfkpoHZhnBfCE22l/nhT6/BT6dqrcE1rPFgtYVHogv3bt2l6hV/91G8R4zriVrSvcHaY3JK3cCcujdp1jd5Gcw+XOc1vJG8Bjc8ytzl3dznNtEmPwu/Ld6pv0ArDnWeTPZ1X1Deixfr2p9KE/ZrU/VNN64tbBo6xby1rM9DVXt+9/7nP7tW+R68aTYC32Z7FfayEnOU9fO1B+T7c84xndjcuWzYazGMwAvsK4LuezUeI2pEHhuxLeLwtsawubQ/LOu1ulOwzvWe21Gp6QvQFuUxtXvnugDMet1K3Q//qv/7rnQgBudR6YO9o7RHqntrV55dAD8qwodaauUe3OLydvYgE6A1koSAPwQN2V7J5A5qEoNmSpPeXOiztcjkp3rpuXB0A9pr4dLge4tcCN477PrWxuQ/OLgb3gefkg9J6VucEBOWA/7NoUxTWg729AP3CslerTmNJvqNGoR+orP2rIXFCagP5Pg/lNRxixOgr0007rbmwKfV8DZZQ5eXIParHKru1sfOYeH+ccLwSGvXPobmXzFjVeC+zGxrR6uAvg9yCY6kAH1D0Apla5o8IJvVdVn2d++ctf7h1EGbPtkalR5ojBoWNqdzu2YSLvCQb6r/7qr26w7WtWFDsFcfml5JiBDpjxdQe4FehjY0trDzk5cmBOXtv9586P+5iBalDbYY4cNqYwFcKoaUcU/EybwbiP3Dl5955zPl8TuDv8PntB+MIXurvaG237f3i3sSmFTW15u2FYG7X18Xpuw3Gs+nUW+hobj/K1Nj7eq/2hfcxnji10rh4fe9bYNQvdN/wuNpXfTb/aPZtOP73b3BbbjWec0W0966xu23nndVuznvOcBdeWYbuzrd1t7WlrUuiPL8yPpM5vHc7f+LSndfuaQt89GMcA9IB3z549s7B5gJq537WNDQWfa8ixcz/3cZ1D8yhzlDoKHrVuz3ggznWuXOdzzadbRdt5zl7z7l/nRYCCOtvIGuQe15ptgB4uhBMAHYWOn7uq3Hc0plw/kXcObWu/9mu/NlPo+eFT7U7IPcdSFPf1r3/9sEr0Ogfc3unVkc0ubx6a4pY2W7BW1V77xu3oZsiinv0s1LHD8g6lO2/vISqenAbka486+zXU7pcGzlEc1x9r3/v9W7Z0u/7Tf+p2/ezPdrve8Y5/3La182d+5tGt1o52bCfXtZXP2W7/6Z8+7DjP2Tmyco793Mfn7Gf5a2Tfx/lcn7kj17z97bNrsra1z1zLZ5/ztTyf41vf9rbHfK7nOJ/PPt8/a/ieOZ9t1pa3vnX2fbFyfvNP/VS/eBb7m37yJ7vNbW36iZ/otrZ7t7TjWdf/h//Qrf6RH+lW/tAPdavadtWP/mi3+t//++7yV72q+70G+9975jO7jzbAZ/3usH5H67fZby8Cy5/1rBnMFgO9vd+k63jAfyTjmSOp9By/4cwzux0XXtjtW7262zcAd/fu3TPoosyBNVvADszJubvFzdfyAuAiO7e7od4ddveLA+d8DeY1Y17wVuwoeBfa+Xq/BNiq1setyA3+bBNyj0IPtBNuxyXOQIcjjS+bGkdWTuQ98SH3LYTao9JT8R51Tk86K0VxcQZCLVenOPu5u4ec4243q8YytVWMa+y1TvFaNXexh7rhatXtdjdXvwPfsZC7W8y4ztXv5MX9QpHzDz/88GH5c99LFXzuy3WB+p999avdn7Y33T/50pe6P27/QNhm/dlXvtJ/zjaf/+iLX+z+bLiWc7l37FrOsXKcc/mcZ2Xx3M98/vP9lvuyzcrxz/7VX82+p8+1/T9p1/3pcJ7vN9f5GQ+3/0987gtfmH0df36o/X8k+3lu7sk5vocc5zyfP93+/5SV6ziW/awH2u8013+6rYfLNTme85+JK1/7WT/Q/r+Taz7bzufcgznWzt/XfqdZfD7Ufu/3t2vvar+ve9vv7o72+7q7/f6yf2c7tq39od3QFNx1O3d2G9sf703tD+w1S5d2H3jlK7uf/ZZv6X7uW7+1e0dbP/PUp3Y/3dbb23rbU57SvbWtn2rrJ9v69//yX3Y/923f1l3X1HmKIk9moB+vij+Si9wYzFHmN7SXqK3tZ76rgWZvg/i+Bs+AOcsgdwsb4XcrdcLpnCPETogegKO2Ab1941HmzsnzdTnn8H31jXdo3ure7nNZecZYhTw96w7VV9Maz1V32D1ApygOZR6VHhGIIRkt0G07GcvMA+gf+MAH1lPlDtjzSyAMzz7WrwY2YLdlq0FswFeV7Ty2B5+Qn3fo3AB3+1r1W69tZ55ZDvQdUnfleb0GJU7vub8e3xOKG2jnM8VvmMnwXOfWA3Pgzj05xiJcz3XZz4QjUgcPPfTQrLedY1lck9w9+xja5Fk5nsU1OZZnxcoxn/lvyjGuZfk5ebaP8fVYuT9DHHI8WyY05XO+Fueyn5XqWT7zjOz7e8t+HKpyL17T+cx5ZjbjM811PJNpUdhWMv85YUXuc78tZhs5X4uWYqYRZZI/Zus3buzWXHFF96GXvrR75z//590vffu3d7/YQP3Oti592tO6X2jrv7b18w3w/6WtwP6tDfrvSUHWK17Rfe61r+1ubUrxZIT5cYP8CDBfKNx+YGhr233WWd3Wdv+uD3ygu6mB78YGyRtuuGGmzhNqzwrcrcCtuvkM6IG+C+s8vIW2NqDOS0AttgP+Vuh2nPNUN8L2qHWA7UI997Cj1qvNbPWPB+5UxrsK3lDPfTGWIeSeRf95FDl1WOTRJ6DPMYcO0Nv+YTl0KhTzC7n22mtnTnHOh9udzdXlrlg3+K3kXWle55Nb0QNZv0Q4PO7qdufJa7GcQ/M1JA8UnRcHxi6e65V1uw8lzkLpA2qDGShz3sAfO57nAVxUP8/zfQDW0OeFIuACztkCPr8sGO7AOdezeAbXcF0FviHNfQGkgc5/T477/nzPAWiOMQQCOOd8jvH95FpgDIT52t6vc5x5acCHmvYc2nDIC3rCFGFFtlYzGRmZ6t71GzZ0q5Ys6X73LW/p3v0v/kX3ngbzX27r3W39UgN6D/YG80uBels/3WD+rqc/vdv76ld3/9/3fE9398te1u1voNnblPrJAvQ9xwD0vQL6jVLm+wrQ9wvoN40p88D8nHO6LWef3W2/9NJuTwPz3gHYgTRFcdkG6G43A+ycA7qAm/uBvwvmqmOcw/UOqzsPb2Xu/DrqnBcFnhO4js1lZ2gMsHZI3ZXsBjhFdCh/Kt9dWMczk0OnDz3h9qhypqxFnVODNbQ/T0CfU8h9U4DelPpMpdvPnaI4gO5K9Jo7N2idOwesdYSpK9ZrGN5tajmH6gbe9lcfM4ExYGsRHS1mhjXAdrEcCtt95A6h4wJX+9GBIOd5CTC0gSp5ecOcc1mGt61jDWauMyityFHVvBQAYZ4B+FHXeZZVtRU4itewzuKFgeOBI+d4Ns9BmQNfq3HOc39V3VbcHuXI94vS5qUCJQ/0+d48CxpLS6p5qwVmrQyOQl993XXdujVruv/eoPy+BvP3N0j/SlvvbTAH7FHr7wLsbf3sU57S/VK7ZntT5v/PJZd0dzWYB0zHAsJvlnVcSn4R5jNjIffAfM+553abzjyz2/bTP93t3rWr2zMoc/LchNMBs/PpHKuKHeDnvnzmuv2lyG4M6qh1nuHceq2Y93Q3qu1dVEc43oY0LqhzqN2T3Ghpqz7ytMRREOfcOZ/zdTNKO5GqADzKvA71wsck/Ggc2dHWVBR3ooHeAL4FhR5lTs7DFe85Fy/3VLm7Hc3V7FS0V8OYWt3unLpnirs33GrbLwYuNDPga/U6LwoetFLnk7tAzeF158NdlR7Icc5tbEDW1wI2q3XAXPetwK2a/WKAYuflgev8HH9dvjYAN4QBOsp9TJkDfD4b3FVdsxzCr+F3f32H2h0Wr1+HsDf7HDfYOZeV5/M8VHm2tODU8Y8GOYB3P+6YTSbbLVu3dqtXr+4+8cM/3P3aU5/a/dopp3S/euqpPdTf3/bf10D+3rY/U+tt/ddv/dZemW966Uu7P//u7+7ubVBHmZ9MMD/ekPyxgLzmz/eed1635ZnP7Lb+2I91e3fu7PYOOe8AHTUeKO9qoA/IAXu2WbkOoAPgquwJkxOu5yWh3uc2NoPZ3vBW3+TsAbJHvGIRW18G7A3P4nwtkqs5dN/jgrk6zS3P+sIXvtADPdCOSs8ifx6oU1A9CMMJ6PMCOuBOQVwWJjP8MnJsxYoVvUJHiQNqF8eRK7dKH3sBqKFyFK5D7WPzyrmvtprVY646R4UDWwDpwraqzEed3dTGFnDZr33MiMbABr4Aj+/B4XVA6fw4QAbifK8OnVupB2Lc63x5Da/nGXwf/p4Au3PYnLfa53sZC7sDa6tyq3j/d2ZLqNuQt5I20B12J3QPuH0v3z+fUfGE24E4LwOE41EgQJ2QIyBHMe1of7Q/1eDwGw3UH2oA/2CD+a+39Wtt/Wr7HKhHrb9vUOzvetrTerCvveii7s8azO9/9au7m573vGMOU59MQD8emI8BPfdvecYzui0/8APdni1b+p7zgJZcOSrd4A7Y+WxoZx+VDkSBNlDmGitvV6q7fQ0VjZr3Ma5HrfsZtd/dVfO1cM5qvd7r6W9AHmjberaG5rk2QE9tVQQgQ1mYsqY56HRL7Wz7ayfyzgHoaVsLtKPUs0/YHX/3wB2Fbjg7f26449xG3ryOM60V6rUgrbbDuWgONe7WMoehq6tbDXV7iIq/djWGcauZFTlft74YuPfcat0e7566xuJ8DZXX3LZD5lbf/DcBSL4Hh8B5vs1uCMPXFwmgnvsdOeD7AuYGvdUzILW6txq30uecVTqg5ln2keYZXgDc6YCq3p1P51mE11Hq7LtQyK5bFBzd3u695tJLu9867bTuIw3cH2mw+I0G8g+19UFB/QNR622959u+rVfrK1/wgu5PG8wfeu1ru/0DzI8FhLu/CdbxQP9olrBHUul729rafk+bv/d7uz3XX9/taUC7oSnwgDzQDrB3RrEPIXPUOuo7at3hc9R27gPw5L6BNUBHWQN6g9z3GMh+Aagz1ynAqyH8mme3Z7zD79ka6KjzOrK1TnVz3p7rc22+DkCPErepDMYyhN6HwurNbV07kXcOTnG/8iu/MsuhY/8aqKPSs02IMX3oGMEY6nUoiu1d7b9eR546tO6qd8O8Fryh1gGkoWvvdLeXcZ0L36otK0AH1p5hTg7ckCf8zb01vz0WGvf3UJUzsEeFooABt3PcwLcqekcGCMPzNVwtXqveXZVu2ANIV7hzrQvnnBev1fMOt4/lwXme8+IGtXPivDT4XA3F15nNvCxwX62UJ7TvYjgA7j9y/ed236amRj561lndf2vg/m8N5lmB+ocHsFutv7+p8l9p66oGlj9uMH/49a/vbmpgn2C+eAV/vDDPPVHmm97ylm73ypXd7gag3Q3YAXhWChsJuZMzd/6cKvbsswipOyyfzy6MA9Ys8uREAXhh4LjNbGoo3kYzVcWjsIGvi+zweLfCB/IobVfOE6avs9vdDud/B1TFpyguQEeVB+Q2lEEMDm5xU1HcvKrcCbUH6vkFZL/6u6co7pFHHjkMxjX3XXPeNn+x0gaoYxPU7KvuULtD7DWP7pA7Y04NaPeA2+AF6Lrq3MqaojXusfJ2QZu3LqRDLQNqq2uAyvGaz3bO2eHtqpZd6GYYOzTvMDgw9dfleShdt6LxPfIi4Ar2GlavLWeAF2gDV/bJffMcK3c/z7n1WixX1TgV7HyfVun2pAboDsF7cIWtL/NH7672vB2f+ET38QaZ32kK/Hea8vvttoD6bwL1tj40QD1Kfcl5z+k+e8l3dZ994xu7W17wwm7veQ1Uz3l07VnE2v1NsPYcw9qrdeNzz+/XvpG1X+umYd08rBufe0G37bTTu02veU23a8nSHua7GoRpT3NrmsEM1A357APjfI6y51qrbUPaPejk53kmkK2Fda54tzrnuHvjHbK38xyDYQB4NbAByjyf0Hm1q8VatnrNe7Z6jmd8avxJEskNyFHomMvgYRKwN55sbmtS6HPoQ18XkKdlzbnz/CL4HMAn5J4+dHrQPXTFle70kQNvh+O9tRJH6TtcTqiclwfnst2eZuVfc9muRre5S1X01QTGLnKE0u3L7sI4j0i18vZLh0HNeReSWU07pG1gk8+26nYO3UVoALlCnOr12vPNQlm7v5yva6XNMYft3VrG1wwkXd0OjIGwK9OtsnPMBXG8kHAfz/J9Vt/s19A8LxEOsdveknA7+zPby/bM3Vdf3X3yJS/pfvfpT+8+2kD+u20B9d8S1D8yQP2DDeafOuec7uFLLuk+12B+6wsvfLQAblh7FrF2fxOsPcew/PM5kiXsYdavw7p5WDe2F4HtseR95Su7bR//eLerwXRHg7BVOflxwu3Z9+fdA/wJwaPYrbJ5KbAznOHu1jf7wfMZoNvMxuC22q5tcOTwbTXLi4Bb2tziBpxtYGNYe8iM73UunfMU2aWFOZHbsCIwZwF1gD4YzExAn5f16/ve975ZDt296AF6fiHJq+dNjCp3jyR17rzap7qKvTq1jV1nhW5I15C7zWa8qDof81M3nN06ZoXtMLyr2J2n9+daZW4gA2WucSgeAPv7cHEcz3aevObaeRnw1wW8LmwDoH5RMKwdPq+RA3rDq1KvEAe2LkhDEaOwHZbnmTVcj5IG2DaPcfV7LYJzLp5n+5wNY/iMraWnS7n3nD9md7fr969f313+nd/Z/V6D9H9vsIi9K1CvYA/UUyj3h89+dvfgW97S/dGb3tQbxzwKrfOOCdY3PMnX8YL/aOYzFezAPMe2P/OZ3cb2897+W7/Ve7Tf0MAakFegZ99qO+dR4Ch5QM81DsNblTv3DmwBvoHLtdyPkQ2RAqBfW98cxndbm81q3L7mgjfPZAfghNGrcY1D7uTKHWInn85z07bmojiWq9xpXZvmoc/RKY5CuEA9+XTbvzIPPW9iAB2IO3RuqAJfgz/gIezu87ZY9XCWMRXuASt5XoU50KtGMlbc9m9HeaPUHUo3fJ0nd8V5YGZVbvA6pO2qc4PY0Ha+HDDXNjMXvtVKdIfPORZ4sbVqJ3TOMxwRcAjdLwa8FDgvbjOZ6hLnYjXny90zXhehcveRYzzDywGqmup1vpaNYdx6xouB70GpU9Huwjeg3rfntHVz+0O/7OKLu/9+6qnd759xRr8C9ayPFrAH6r/ZrvuDBvP7A/M3v7k7eNFFPZh2H6PqnmC+OJij0nNux7Oe1W143vO6LR/4QLezQXOH4LxbIXegDdCzD/TJjwN9wJxzABtVX8PtrpDfX+xk69YFdXwNF765iM5hepQ7eXUK5gBtng+oPca1zmJ3bp6cO8vFb/UFgP3cF6CHC2FFlDm5dGxfww/NB4nfycqJvCc+h77x/e9/f58/D8gDdxfI5ZeVX4r70MllG7jOoduhbWzSmtvaAH0dqGJYO1duG1gfA/IucLNqN8yt2O0eZzUM6FHbBn41guEFwCFyF6rVqvYKcue/rZ5d5c4LhIvxXAFfC+oq3AGyQ/CuOAf8fCZP7gI5F9jZVtV5cefADXrfA9St6FHPVLZbqRvaKHSAzfMMbBvFAHpbu6LW6a3FDYte9F61p3Wn/fG7+t/8m+7jDdQfawD/2AB0Q/33hvXRQaF//Du+o7u3qfI/bkC/7cUvfrQAboL5CYV5trvOOqvbeO653eZ3vrPbHeA2sAXCwBplDtxzbtu2bf05zgNzVDP5c4ALyLmOfatpXgYAunP05OWBOYrdo1trBTy5cVS5h8HYIhbI2qnOhXI15+7wOqC2WncEoM5lx4UuOfQo9FSyM5glqpytbcTbfhxJr5nIO4cc+nvf+95emQfiLCaw5S0rwKcPnfB6NYSpFenVt51wOfca3A5zky9365lfBPyy4Fy7j6HSPdbUytp5enuwO5/tELmr3a3iOUe/uZU6Lwb2drdPuvPgXGNl7msAtMPcLqQj/40it1p2UR3/jQ5TG9SOAji8bqi7gM0hfR+3wnaBXD3u/vDAlHy6oWuv9QAYuOe4QV+92A303OdcOuC2mcxh06WGde0P/3D3Bw3e/6MB+3+07cfbMtR/X1AP0D/+zGd2d7zudd2fXHJJd/tLXtJXWk8wnwPMzz672/jsZ3eb3va2RwEedb59+0yFZ1VwE063Os+yIgfmhjLneCkw2O085zy6W+FY1X2uVr07/+58Os/DUx64e6yrQ/WGPvtuS7PhDXlzit44hyGN+9BzLMNZYoEcZe5QO+1qtD4PTEnx9QT0Ew30973vfdcnb54VZU67movjAPrXvva1w4xiCIGjvqvdK7ny2obGuTqS1Havzn1XpV57yuvLAW1ndnyrg1hs/EI4HeA5BO/WtlrAxnOdAyfP7a9Xw/eGudvHKrzrIJWqylH5wNbPRCVbnRvetb3Mvd9uY+Ma+sMr8OsQFBew1cI7O76N7QN8h9JR37XP3X7uUdQ8w0reVeyE4hkuQbjdKp1CuOTNr/+pn+r+8Mwzuz9osO6hrvUxg33IqWf/wGtf2/3xxRd3d7zsZX0P9LFCeteTfB0v+I9mPLPQgJZsd51zTrcpMP/P/7mHeA/zAdDb2+etW7f2StxqnZC7zWU4R5gdYAP07BNO5/mugHcVPM+uyt0vB4auc+oA3lX0Dt0De095Q7XbkIbn2D7WBXW8MDjP7t5zQ7+G8HmRYNpa4A3Qs5gBEoYY6E0kXj2Rdw4h9xTFRZEH6gm7s+UXknNpW0vInT50m7LU9rWaU7djm0ekes64PdNt0VpnnFeTF9u61qI2K3QftwGMIQssrco9AAVo53hV2m7tIoTN9a5otyp3fr1asVq5u8KdfaBelXxteXOLm1W5fdcNaQO4eqi7mry6wBERcFjdeXBc4Qxlh9odcrdKt1c76ptraDNzPznXOVde+8y5nuI4qtt7Jd9+hut/9me7T551VveHDdJ/2FT3H2QVqH98WAF61v5Xvar74+/6ru6uV7yiuzGDQI5RdU8wX4RjnGCezzecd17vz77hB36g27pxY7etwXT7oMyzss9CgQP2CnCOB/6E5cmx55o8A5AbzuwDe392n7stZv0yYRMbFLuNbNx/XnPyVt8e3UpO3Yrd/eseCEMRXT3v6nbPbPcLQ4CekHuEH21r5M8Buirdpz70eQC9qe91AN396PZ0z2eMZcaMXzz0pA5W8bhRq3DnsuvgFNS4i9esuscc4Kz2rbh9rgK92r+yrQVmwN/tXC6A84AT31Mh7Tx4nXxWv7aL51ycZhWPSrdidyucq9vrRDTD2NXuhn0tiqu5bhe3ueXMFeweXeq2srHWNatzxpvyAmGlzTlbuJJ3tyucXwoIsddzPciH/Pk97We65b3v7S5roPhkg/QnGshZAXsP+Lb+YFjAfc/LX97D/J4G9f3Pf34PmpMJ5rvmDPOs3QPMN37f93Xb1q7tYU5oPaocCBvEnDfUuSYgJ3Sea2wo47VraIEDyIAcRU/YnX0DGKVOGsAq3oVyhO2t2KsrHUrfM9ut4p1L9yS3OnPdo11R457b7vY1K3dy6FHogTch9oTbGchCyH2qcp+zQk8OPUAnj06BHG9XOX7NNdfMvNxtHOPiN8Oc4jiHzG3l6hy3Ae7JZ4Z5LVyrHu4O3dsW1gVktRLd406dI6/Fc3Z9A9J1EIod39zPDTzrcfd1u7ecZxnetQ3Ovd0OqwNzh9b5XIHtti4PWyG0jiquRi+uUgeOY9XrfhkAoFbRhjcwtssbYXbOOew+BnG3qKHcUeMOt3t6mqdI3dN+rtvbH6Elz3teD/NPNoB/UkCvYAfoWy+6qPujBvN7X/3qbv8LXnBcoN75JF/HA/2jucgdKeSe+wPzdRdf3G1esaLbMoTXUdjsA3MAyrFMy9s1qPnAn/PAnOv8EgDAgf0euc4BdkL17PNMtr7O41ixi3WRnK1nUfUO4VvJ22zGYXhUfJ2x7jY3q3Vb1dK/XgfL2GEOoANy271STM2MkCmHPiegN5BvCsAD7UCdojgPbEkOnfGpNV+OWncIfCEHt7HlavSq1G2/Wgex1MEqddSoTWTs8Mb1NfRu61ZPQAOybkWrIXIXqtllrlq2Oic9Fl6vQ1o8X9xq3Kob6I9NLCPMDvDcew4Ax4C9kE86ytlheSDKcdu3OsRvZc+zgDT7rDpUxeFyT0+zHzvhc3LjqHI/w2D3AJZD7Xd2w8c/3i190Yu6T552WvepBu1PDUAfA/sfDiH49U2N/9F3f3d36DWv6W564QuPW3WfDDBfCOjHAvMbB5hvbjBf//rXd1uWLu22BswNsoF0FooblQ7IUe7k07PlmuzzIoCyz30+BshruJ4XABaQ5mXASt1V7zawqa11vrb2rdO7XvvY3evOy0EdtYoqR6l72cTGeXrD3o50+d7i5Y5Cx/IVsCMGgXrb39bWmom8cwB6gI25DD7uDGqh4h2gVx9296LbQc394jVfblXufDxh9Zo/r58d/gaIdWhKNY0Bgv6MquaFwMeqfStArz3mKG6r0rEKdLZW6v4+nAcfc4lz7twAH6uKd84cD3VHFICoHdzIe9cJZnUyWR2l6py6bVnp/3bRnPPZHmk6NrPcytuqHIBbjfM8quJd9GZl7r70/pq8ALTv68bly7vlr3xl9ynB/EhQD9DXXHBBD/MHXve67uYLL5xgfoJhvm9o/9v6rGd169rvavMnP9lta/DbOkA3MN+m/c2bN8/A7FA7n1HXBj9qfbsq5HkBcBjeeXqrdxR+7nNVu/PlPAPoj4XuCbm7pY3nOyePjzznXfnu5Qp3QM1LgPvTbR3rCncb1vDM3I+xTIBNdTv95w63D26j69taPpF3Tgo9hXD0o7vSHac4Ax1Y2+GtAthjRLmWfULqbG3RulCY3UVk9lbHjrX6rXuhsFHltmCtbWM8A7ja591Ar/Amp+2XDI8wHcvLe9/g9jPs0uY8uPPkfK8OnxuGY58BssPmtm0F0g6DV3vV6txmxzgUf3Vp871W5i6Msxo38GsOHZjbo53znmduFc/LRmB+T/v+9q9e3S1vCjswv6yBmrUQ1APzq889t/tsYN5UYmC+e4L54xJqPyrMn/3sbv2LX9xtbIowMN/cABxwZwXGVLajsivYUeIV7MDcIXarbhYvDM6nE5qvUHf/O5X0HtfqAjf7ywNmjudr2CkOxzordPvHuy0OwKPYHXav7XK2kQXcHgvrLTn0z3/+893KlStnXu4odPm39/sRilNR3ByA/ku/9Ev/93vf+941gTh59KyAnQK5/LIC+6uvvroHOoraZjHAfGw8qgeroHgBueFseFeQOyxdB6u4uK2uOnzFs8hR5VbjNoNxXhyQO99tmBN+HgO3PdwXmmE+liv3ZDO+HjB2Ht3DUhxityInfO+wuwvhPIEMOFuh1znkDsN7chpA9TSzmic3yCvQ6TUnZ26o2zzG1q18HacKnCunJc0KvVfv7evd3v5YXnvJJd2nnvGMR0H+Hd+xINQB+/Kzz+4+M8D8losuOgzixwLEHU/idbzgvyEh82EdaSJbBXvObT3rrG7di17UbW5iA5hvHYCO+s7nQNzhdcCNEgfcwN1Qr6vm34G68+wGN3Bnn9w5lfFehNkNdLe9EXqn+n0hqHsue40IUDwH4AE5VfAGvcPtHiLDflXqOZ65HRF6ieICcyrcMZbBPnxS6PMritsQoKPSAfng7tP/QirQUbsermKFbBc2YA/YgfXYqtXsAM7DVazKPRaVcDpf01aqLpCrDm81DF4r1V2oNqbKDfSqxp1DR/06x86z6oz0umzJ6ty50wS1sM1K3WAHejapqcNV7CQ3Fg4nhG5F7mEqVuwuePN1no3Oi4Kr2h2SB+iGeF0ufuMacuRW7XnGve1rHmx/8FZ97/d2l59++j/CnLUA1Jc+61m9P/uDb3hDdwCYn3dev3Yew9rxJF7H8t+5S+to5jOjA1qGc9vaS9S65z+/2/Cud3UbGzw3btrUbRpWAF5BDrwJw6OsDXVy51wP6Dk+Bviq2FH9NpYB6oTibWrjZzhf7jY3h97r1wT+Y/PaHYL3sq2sjWwMdzvPGe4A3kBH5edrY/1aQ+7MQAfmw6CvqShungo9qtwqndx5tsmv4xTn6nUA7Qr3IxW/jS23ao3BzUNS7M0OyIEc+7ZbtaqvtqnOnRvUBnv1Tq+hcPd8j+XPXTQ3VgxXh7lUG9jqrw7IDe1a9Eb43DC3j7qVOYrcIXcD2wDn51Gh7DYx28kSBne+3Pl3QuuuVEdVA3a25MpZhNABfK18Jwxve1e82u9JuL59vu7f/bvustNO6y5voL7cMF8A7EsazA+96U3dQ2984wTzOcE8x7adc0637vzzu/Vvf3uvzDds3NiD3CF1lLphnm2u8+dc4+I5gx1F7dB7XVwzVk1vpW6Yu28dtW7lTm7eyt1V8O5Rp8c8i5eBMcWOKY3HuNa57a6AJ7eOAqdwzsY2LpDje4knSYBOajYgZ0Whhx0B/GApvq6tqybynvg+9A2//Mu/3KHSATq+7vllBfQBesanena5q8IBM9XqFeRVnTus7vC6TWP47OMGpu1cUeK18M0Ty8bMYgx796IDzvpiYFU+Fka32YvVe50VXoeoWEXXmed2inP/NuAeA7sL3vyC4olkLmbztDPyzI4uEB73BDRXrFuRu0qeY4B3rOBtbBEaN8QNeKBe8+NAnTw75/vPgX37vP4nfqK77IwzZjD3GoN6jt/bQP5whq285CV9CPhkg/mOJwDm2889t9vQftbrfvzHu40NmlHmGxvQ6Ruvy8drDzoheNSyjWaAvavfvVwwNwZ3PqOq7TbnPDv5cyt+A517AbgX51H2HutqmFOBbrc5YO7ivDrwpap2979XmJNPD9DDBULuDPQK0MONHIcjk5f7HEPuaVl7z3vecxjQgXlCJzm+fPnyHugeiGJl7ly4fdnHYF6L5+rydLNq3xqwOYduf3YPJbELXFXqHoJiZc5+jRoQeq92q3XrfdQ4oOPrcg2KuzrNVSc456/9AgBkbb8K2K3IXbnuzxSs2bK1tqS5La0azDgs7iI0oO9wvVvPrLxrH7nV9izXLZc3A5wWNcLqGMdUuAP1Q/m5tLXxZ37mUZAH6AXmC0H99te8pns4w1Ze9rJud1OLxwPo7U/ydTzQP5rxzEIz03NuW2DenrH23/7bvs98s0Lr69ev78HukHr2N2zY0B+38ka5G+xR7tzjEDzQJ4xfFTqAd/V8DcfXKnmUOsV4Ln6rq+bZ/XxeDoA1UGdrsHvrljdgX5W71X+tjHfbG61ruTfPTYE009YccrdLHE6j0zz0OYbcE1JPyD1QjxrPZxQ7fejJoQfo7uP2VLRqwUpbGorXQPcEMj9rTKFjoQqkvbXLmvPk1Qu9nrP3usPoHGOk6JgCH1vA17lyVL9b1sZy5g6rV+c3f652qlbn1dnN34PzzDVPDqgr9P0SYdU+BnK+J1u01gI7ctiE2R3qd6g9gHYFu9vPDHPPaXZefRTkgzK/p30f29797m7JmWf2efOFYO6VvPktr35195mLL+5uf/nLuz0XXHBcinuC+VEc47R2D8p8Y3vG9d/3fT2ktwwgJ8QeaAPr7LMF8lkbh9C88+nk3Qm3O3TvhaJeSJ1XUxqUPVX2qGh/9pQ3m9FQkY969/x1RxFyHdXvvCwwrtU5du8Tfq+GNB4MY3Xvme32i7eFLAo930uAnqK41Fqh0JmuRstaoD4c29zWBPQTrdCbOl/77vaHLio9MA+8MZlJMVx+WQnJR6HH+hUTGXLQVtouTHPRWs2XuzfdU89cCAfsxqrXnT+3RaqtUq3arXzdk26417niY9BeKOTuc1b8dUiJW9LIcRPWN4gd0gZ6dURpPYe6rkVuBnmdQw7UDXOD3OF9K+oaaidfDkABvNvdbP/qdjJ7srPlRaHauwJ3b1H/DGipQL97gPnO9mK69JxzustPO627osH6iqPAPKH2PU2Rf/aSS7o7X/nKbu/znndSwnz7vGHe7t/QgH79d31Xt7kp8S0NlBS/Geg1LJ5rnCNHsXPPpiFcX1U7APfWgEatO7du2FNA50I63w+MXShXi+psUFMVO8AeU+0AHUDXoj0AXwfFuEAOqDuPT8jd7WqE36lyz3MIuQfaOMQF7BTEMZhliPZuasdXTuSdg0In5E4ferYe1JLPV1111czL3a5wWLnW4Sq1L5xjtbhtbFUlXhX6mNUqx3h+nRle55gvFFof6yt3tXqtZK9jSgmju9gNuFfVTiTACt1wr21nrj533zgABuBVoQO5sXy+HdwIWTu8DoA96tTFcITZ6zly7lbjKHu3prngzaF2vyC4l93T0irYx2B+b/tv2fPRj3bLzj+/u+wZz5jB/EhQD8y3X3RR95kMW2kKfe/zn3/ckN72JF/HA/wj9aovBPY+zB6Yt5euNW94Q7fu6qu7zQPMgbGhvm7duhnYsw28E4qnLz2r5tg5xnlC74Ep/ersA3aH6/n6Dr9XwANzFLqr2w13llvngLx94cemutURrN6nb70uqukJs1cPeefIrdxpXXMoP0B3yD2iL2H2KHSK4gJ1XOIGO/FM9Vw2kXdOCj0qPGAH5hQ0ZD/HA/S/+Zu/mYWtPT3NFe9W5XW2uUGOsrWNqwHuUDkwd4jaxXjVtpVjjDGtgHUbmpU5wB2rare9q4/bjhVA26rVnu1UqaOIPZrUA0+AsovdxixhHULnGqt4jy01yJ0rH5t4ZjhzrwFcVTvXEVavBW6Gc201c4gdmBvkKG8q1bmPHHoNtftr3dd+Bjd+8pPdVS96UXfZ05/+GJiPgT1h9k0vfGH32fizv+Y1E8yPEejHC/Pcu/Hss7vr2gvUuiVLuo1D2Jx8ebYBMKqbBezHFHuu9XlXxKPoN6kFroLdtq8A2KB3rzsvBrtGhsS4it498Dyz5spR1cxd54UAFV3Hurp4rip3G9l4SIxBPzbVDeiP5eeJIFihkzv3HHTy54NJ2ZbGm1UTeU+wQn/f+963JjDPCtgTdrdKZ056cuiPPPLIrADOA1WqLzqFcD4HhKurm8Ps7is33KlaB9aobYfVnQ9373idI+6+bVu6uprcVe+A3e1rABl4swxznNt8P+rak9EAr9vlDNvaUkYovALdn11dDmitvOvza3jdEHduHPjb2nXMSY5jdnHjRcDABtYOr/scOXLPMfec87EKd87f1Z6xd+nSbvnLX9596tu+7YgwZ0WZr7vggu7hSy7pDr3udd2+BvYJ5icW5rsHmG9qML/+pS/trv/93+/WDwoaiK9du3a2H2VuJW6oo94dJge6ASqhe7aE2FHq9oEH8rwAONcO5FHr1XUOoPM1qGbnXkO6qngGwNSBLkcKy9tMhnY21L5z8jaqcSjf89FrmxzFcw7Pc/9f/uVfdmvWrDkM6IE5QFf+PGp9U1tTyP1EK/QG67UUxUWJE2LP1s5xbltDlddCOECOonbxmxV5LWKrOXUrcFQ217lPe2wQSjWKqfatAN7FYR5rWvPidcqaw+KEvn0P4XP2XZHOPvlzIGnHN2A8VqzGcnW7286qCvdxVLnBTiW68+G+z73kQN9q3LlwYMsz8xm4O8fNvtW5XxKssv3CwPdQC+F8Ta/c83Xa93Cg/eFf8YY3dJ986lO7K8488+gwP+OMbs1zn9t9uinz+xrM91944QTz44D50YC+IMxf/OJufVN36xr0gPbYAupZAT2KPcd9XY67aM6heRfQ0aYGzB2y90uDK+Kr3SzFbyhyV8xb4buFrba8Aes6rpV8OIo917JvH3mr/Wr/6pC857IDbV4Iaq7cnvEO0ScMT8g9XAgjUOfAHaAPLWvhydq2f+VE3hMM9AbztU2p95XthNyzD+SZxBaFTsjdA1WAOJB2HtzDUVDaqHMbpxjuBjL7ddgKoK/ua/Zcr0rdbWN8TY7XojZD2aF2q2zD3SF958X90lAnjRnAdeyo89DOmwNlzxB37hw4LxRe516rcfYddgfcBrnTAYZtHZri0Lx72tn6RcBh9d7BTQrb4Xae7fa12bS0dl8/0zzfU75G+2882P74rvru7+4++ZSnLA7mTZmvaGB5sCnz+9/4xm7/i17UW5weD6C3PsnX8UD/aLawCxXI5fpN55zTXfeCF3Rr29+aTQ1ImxpoA+oAu4bGsw2QgXW2gDrXo7wdoucY13PeYAbuVuMsKuENfBvaANZqOYv65mXB0Af0HOOlwnPagbnz6R7dCszdQgeYCcVTROeRrCh4K/Haz87W4XgK5Fxpj0KPCsdMhpY1DGUY9DWF3OeYQw+8gTqV7lkYzOTY0qVLu69+9auHVbaPDUBxi1odiuIwuUPrDpUDW1u0usUMeLtdy+1tznfbLtXTzvz1ap7czm82prGq51luOcNz3WF7588xj6n58xqK90sA+1blVuZ+SUB9c87HnRbgGkPXxWxjU8+cF0eB25rVYfNaaQ6o+XquWqeH3PnvWgBnhZ6BKvcyGpU55kPovT/W1i3tD93q7//+7lPf8i2LgvmnmjK/uinE+978lu7BN72pu+miiyaYzwnmmwPzCy7orvu5n+uuH8CacZwo9I0D3FHWhOHJjbtgDiWe84TorbKdW+dajvs5QN1h+mz9NQi/B6o5Pwb1Ot0NmPNiYNjbY95V6jyjjlnFna5ObOMeh+G9daW8zWsM9Jp3r0V3hOizDdBTFJd6Kyt0hrJki0Kf2tbmp9Cvp/c8UKfindx5fln5TJW7C9gMdee4nSuvOXHnxX2vz5PXRmE7DA/UrMYNcw8+McBtJlNz14Ddap38uYve3O5mUNYWNbvMOX9OqL1auLqYzSF474+Zvjic7nA44OYZDD+xGncInsrzOhXNrWZjCtwqmvA6qn3WRjYcuw+QD597j3UBn8K3ewa/9R7QKYSLYUwq2odz/ZS0YXso0E9KIN97e/Zt7Q/O+h/7sUeVeVPdiwmzX3XWs7t73vDG7qE3v7m75aIX9xDafu55/dp2DGvrk3wt9r9zu9aO854zWztH1q5h3VBWzgXm17dnrHnr23qYEz4P0F3MRoi9ApzQOuF3Qumoe/enkwv3PuF2quNdSIe5zFhlPOrcxjXscw/FdZ617mI4rvGLgUP3rnBHgfMsz2J3WN7tcB61ilonpF8tZa3iATf3u53NfvGkCuhDD7idP8e/Pcepcp/a1uZcFBeopyguKwAP2POLwMv9mmuu6UPuVYG7D9wV7gapgVtD7PZd91Q0A9igdqic/HptIXO0wAVsVuV1PGqtbLeqN5T93zRW1e6vZwtWvl9PUXMBWy2I876L3nzMLWe8HFTDGM8h97k6WAV3N3u4V4XuNrX+vqhwCtU0vpQK9MD7ruS8Bxjn8+1NWffQHo4Fxjme1c8nR4UP13CsB3ty9QPQ7xheCPL17wzgDx7sNr71rYuGeZT5smc/u7vj9a/vPv2Wt3QHXvKSR3Pl557br23HsLY+yddi/zu3a9Ue9B0L2L/eUFbObQnM0572wz/cbRhy5oFtZmtnP9uAFZATUgf4wB/l7up3oG1VTw480OY+h+Td/lYd6LI4b2vZrWXaG2CuTnPA1BXwKHZXxvNcq3Mq6LnGlfKuiLdpDftjhXVA29Pc/CLgZUc6F+GRc89xgM4QFle3A/So8yH0Plm/zhPo73rXu3pwA3OK4rLFWIYcei14q+F2u79ZrTuUDqgdunYI3VPTgPSYf3oFr81hrOA999x94ywfs2Kv1fN8PUxh6gQ04OwwO6Cslek1WuCQeg2ZG9y5BlVrB7k64cxA9khU7qmGMbPRp3lRSCh9AGvUNcq5z30DcK1cA5zz+VC2A3BzHBgbzIE7MO9V9vAs4M69+XoV5Lm3f1Y7d/DAgW7jz/9835oWS9fFwDyOcQe+8zu7T198cXfry17W7Xzuc48L0lue5Ot4wH+0IrkxT/ddw7nAfO2zntWt+cEf7NZHXastDZATMmcf8HKcsDqQd185Ctqh+TFHuQp8O9C5Dc7Ocyh6nrVt6JM3/IE5oXTgT8W7LWeBtXvSXTCHSrdyr3l2oO8KeV/nsL2taA1qh9XdymZ4E6KnOA6ghwuE3AN08ueoc2qwpmlr8zOWWZ1Qe4AOzAPwwD1A5xeybNmyPofuXnPnuT3v3PPFx14AHA53G5qhayVuA5mq+J2nNqAdene+vQ498VQ1K+r6ggHIx0Lotd2tto+N5dU9V9xA9zQyruE+VLQNZFwV73C7c9EuUOPZPGtm75pwuIrWDg3h8mwD0Rlcc98AeECeaw7xDIA+cj/X8awc71V8VPYCShzFzn2+rg+zN2W+tf3/9oo4wLW1pAH7SOvyQb3ve+Uru4cbzG97+cu7Xeeff1LCfMsJhHkFej5vDczbz37N93xPt37Nmu76BmVUOcqbkDvLOXQrb9Q7+y6Wc0gexW7AA2Xgy7UudnN7GyAH9lb07od3GJ1cuXvmHeoH4Laadcubq+PJr7vgDqXuuevcW0e88mLAlry5C+mAPqrdoXhXujvvnvGpK1euPAzoqPQhzD5jSIDe1tUTeU8w0N/97ndfHZATbjfQmZSTcDzGMuTN3b7mfLlbyZw7d/uZC904Tr68DlxxvtwT1eoMc6t5nuXWMyv4Oi+9Fry50K7m3wm127kN8LoivYa1/dLgQrcaVuecFfhYdbx70w11fy+AHA/1++S1/kC2OReFnurxtJkNcM7nHEeZ55yPGdosAD8WFmehxgE1x4C2zwHwe4dcOjBHwR8aQv47mgpY1hTfFaee2i1tsDjSWpKZ5m27+6Uv7T59ySXdHa96VQ/zgOZYQ+cTzI8R5u3+de3nv/rNb+7Wtr8l6xsgU1C1YdjaQAY4A/rso94Bugvf7BSX47Z6dZ6d8zadcZiefRQ+g2BsLcv3UHvZXUgH2L08a92V7v7MtQ7pG9rOp7uoDsg7jO88u8e6Vq9428oCao4TrreSdx97FPqqVat6cAfohNsZ6jUYyvQcaVC/rq2lE3lPPNBXBOhAnPY1BrRkm3MUxTm0XtvFmLZWVbeL22zq4uEpHnMKhAmP1zD5QkYwfilw77uh7Ip2q++x4jhXumfVWeM1127Yu4jNbm/VGMbFcKh694K7ja3m0GvLWR9Kp3J9ON6r6EEtB4pAHBAT7l4I2g6J53rgDGS5JvvkxwmJz8LiBego9Bmc9VyUvMPw+VpR4tn2Lwl5ToxjPv7x7qoG5Mu//du7pWeeeVSYX3HGGb2l60MN5nd953d2u573vD4EfDyQ3vwkX8cD/SNVvC/k696H2TM1rf3sV7Wf+dply7rrhnB5IB3ApvUJ2LJPn3mAns85nn1DuhbIGd4cN8Ct9F0dT+Gdq9xR3+5jdwjfuXS2hrxNasizW6HzHPvKOxfvwS18RsV7aIznsgNvKt8daucZroynMM7DXlDsFejAnLa17Mf2O7VVAXaUOarcxXDJoU/Wr/MNufc59F/8xV88rCDOZjP0oSfkDnhtCDNmvzo2utR5aBu8OD9uINeZ5lbV7jHnmc6p17ni9lEfOzaW1+Za9p3Xpk2tVp7bX91mMq5Idx+528VsCONiuarmDxv6ov1AHFV9/wB1QuFAGhUecAJWlDDX+jywRakDac471+1Ct+znWit2IM3zyKEb7r6O++6pLWvt3P4lS7qrX/CC7vKnPW3RMN/crk+v+T2vfW13wwBzgD7B/NiBvhiYpx2uV+Yvf3l33cc+1l3fIOvWNEAN4Am9A/sK9ArtXMN15NWzz6oOc86pEwkA7DyzTmuj4C73G+Tk333MOXS2KHiO1X53n7dNLKF5YOyedhvSuHjO+fYcB/LAmfN+AXAhHAC3m13tZadyPkBnHnqATs/50KY265IaBrSsa+uqibwnGOgN4Ncmf/7Od75zVhhHPzpGMwF+cuhf+cpXHpMn93Q1V64Dd0LnVSHbFW5MVbvlzCF1w77OK2ffkQGPUTXM/YIwNu4Upe0qdXu/c37Mgx2gu6LdLWvOpbN4ATg05LJnRW0DpB9QK9kszD6c4zwwN7jZD3QBvAFJyN3HrJqtpv0CQDgdgPsYXy/A5mXB6pyXAHLouY7vC5XPy4CjAH0VfVs3rVzZrXzVq7rLn/rUo8M8efMG8w0N4A9efHF36PWv73Y///kTzE8wzHcO121oP/9VF17YrWqKbV2DZEK0gXOAnYWyNrAJr2eb4yh3V8EDYFQ7IXoXztW8OcAG1vZyRy0TsuelAUDzDN9TPeKdUyevbjMaVLoL6ewshyL3KFaAblMa59pdSW+1zvNcXOfjqHDn4N3uZmtYPlux574///M/76vco9AphAvIaV1jWufg576xrRUTeecA9KjzwByFbnMZ+tOXNEX05S9/+TEtZ9VYBlBbxbslzWF3F8rZ2tUqPLBzVbyLzCr8DWleEsaMYgiRA3kXxtl/3WrfxWm1eM6DWPhaFK/VnnOK6LhmNho1OW+U+KC876OvfDgGFO9Tnhv4cs7QdiEa8Hb1OrDnM/e4dYxQO2DlpcGqG9ATXjfkOVdfFMiNU8GOqncxHCqflrgUwd3c/uCuetObusue8pSjwjzrstNP76577nO7+9785u6+N76x2/PCFz4K8QD9GCCX6zY9SSG+6Rj/O52C2CaYY0CzfQTqj4H5c57TbWy/n9Xnn99d24TBmkC5gTj5ckANrIF0YG/bV5Q311nJ1zw7YHe/Orlwg71+drjd5jGE7IExx30t53GsA/aAl5cBw9sKnu/RFey8ADj87nvc+uYRrrnGVe32kHeBnNvZ7A/PMaBdLWdtYAPg/+Iv/mLWtgbEqXI30Ift1LY2L6BHgZNHpyfdtq/5HIWe4SyAcyFVbrVNiH3MitVAd++4C9hc5e7hKEDU0LbTG/fX0Hs1egG4dYZ4LYyr7WPV7AVzmWoWM+ad7tC6rVX7yvNh3GgP80B4gLYL1Ky6XWFuYAfqDm0b3ny2Mude4F5h7cI4YF1b0YC3+8n9YsE5cuIO69cXCb8I9GH8KPNUtLc/Ktf963/du8AtFuarGljuaTC/v70EBObJ5245DiA+2dfxqvgjucktND41x9Y/+9ndqnb/tZde2l0bIDcQ5o9/oB2oA/Lso85R7exzXc67Ep6XAsLtzre7AA7gW7G7Jc6FbkDbfu9c5/50q3SH8B2Cry8VtW8dlVzD9rXy3YVzVuqe5lZd6JgGZ594t8F5PKv72d3X7up3vxTQwkbIPYXRScWGE25VA+jMQh9U+hRynyfQvZiNHpjnl0VRXIBeJ55VpV5z5q4OB64eomJTGULmARzHAHnNdQP6mvt2e5qvcw7fMPeo0VoYV3vAKYyrw1Rc8Q6sCbF7djhmLLPJZAqXo8gpYiNs7Zy24U2IvcKcgjeA60p2A5xec14SUOIA1UrcBXDOawNeA9uheiAdlc0zUN1+Hi8EvAw41N9v2/Fb2x+SdT/4g91liwizA/OVTYXf1VT5g295S7fvRS/qgXQ8ofOTEuRHgPlCIN+BMm8wX9PWire9rVvRAL5qgHTADKSBdiAPoFHugX7O5zjn2AbQPAfl7p71HHc+3ZPaMKbhOGrb4XQ/i3Y4Xhw476I7+8UD/2ox62K4mmevZjWG+ZjKH3Omc37dIXkrco9udYGde929uMYV7w7L5zkJuacoLtBGoQN0ZqHn3JRDnyPQG6yvSag9YXVa14B6lHlWwvExEEgO3WA1AAGyC+JqxbqVsovhbAbj6WnOdaO4WQ6JW5U7Zw6867MpIquK3C8LtSWMFwD3nVfrVr8ojA0+MXStvL0PpA17IOlcOdfbBIZjwBFouq0s593bXfPfQJhzDoOj+N1j7qK5sQI4YO1iObegAfRUsTuHTqV8YH7nrbd2a3/0Rx/NmR8F5MD8mrPP7m573eu6By6+uNv34hf3QIrd6OZjAGG2G5/Ea9MxvJBsdsh9APgWLYfdDXSDfesw03xNe+Fa+WM/9qgaH8LhwBmwZ5vz6WMG8gA7x/MZ2JNjz75VPbAlp85+Vea13a2qdjzkbWTDM8ir1yI6wvJU29fedefZq1udQ/scB9bOr9cRsC6280sCCwiTG2d+u0P6rsKvs95rON4mNrZ95dq0reX3R9sajnF2iMsaCuOmPvR5ta3hFJdcOj3pwDznUjCXkPvXvva1w/LigL22m3GMfLnz6e4vN5QNcFQ7St2qu4bPgbj91SvcDW1GmlKl7pnmHktafdI979vXULzmwSt2YpsVsg2h8IfyEjCEtgmDo84Dx8Ny5QPUDVPDnxC2gW5lbuXM4hrDuBa9ObduiLugzoV0fHYVvKHuHnN/DYO9Vsz3MM9/d/u86R3v6K54+tO7pUMf+ZFWCuCWn3VW7wL3UFPmN7/0pT1oMqIzQN+0yLXxm2BtOoa1WetIBXJjNrDk1De0e1e3l6kVP/RD3TVXXtmH2lHXhNrZBqCBQcAccLsADqBnS17d+XSrdYfkHYKvtrEOyWMdS9ica6zcx1rX/NkvCrWHnVy7Xxg8BMbT44B79XlnGby+xhPagLyr3+uLQD3nynjg7X33z1upo/Zzf6ZuJuQeoHt0Ki1r+JgMKn0C+jyBHpBHpRvo9KQH9gF6jGVs8ILqJqde3eDc712HqViV11Y0P8O59bFwvqvXPV+8tpDZkMUmLw7DA2s7sbkKndB57R9HgVNUh0MbleiBdEDqsHqF9gMqhiNsDuhctObWL+fTgXrNlbtQzT3nDuE7H47CN+SBrXvQfY8L8wixu2/dhXO10t3FdwebEmf/tmGa2pZLL+2WxKq1rcXAfFlTh3GBS0X7LQ3mAc3mCeaLA3ldi4F5jg3PWnPKKd3K7/u+7porruiuHYrcAtu0NhFKB8bs13A7nwPfgN558ZpnB/CE6AE6Sp17uc4FbTUcb+BTbW+TG0LqDsG78M7q321xteed0D5QdY69DoCxYQ3X8FJh2HMO0HIP5+wl78I5QvBjNrRW6BTmGeb5HIUeoAfYhNpZ9J+TR29wX9+2yyfynmCgN1W+HIXOtDUGtWAuQw4doAeezpnbXKb2etcxpZ4ZXn3ZXTDnVjWb0RBut8MbKt+zyA1z4Oyqd+4BxLZzra1rLoAD6Dl+77A/c4Sj3SzwH9Q2wEaJE0I3eJ0TR8m7L9zquubAHao3uJ1/d8jc1ejVKObu4r1u5VzD7Q7HO6TuvDuhdIfUXfjmvD7fV/99JPTe1rb2/73ky5c01Xc0mF8xwHz3y17W58wPvuIV3fbnPvcwYJ0sQP8nw3yxynw41sP81FO7a//Vv+pWN5ivGmAcBR6wBuhZblnzOSt3wvEufDPkawHddXpx4JzvsYpfX3zj3e++fuiPr73uONDZjtZ5d84b2M7Zu4WNr80xF9PV+xyOt6UsytvK3eNh3TZn0LvIrk5xc76cnvWqyp1b53mpcg/QU8UeoCePntA7MCfcnu373//+1Y0lV0zkPcFAf+c737mMsDp59GxzjCEtUe1XXnnlLIdO2Nzh9xradgi+wnsM5qxqCFPD7FbzvpYQOucIn7sX3QV6LrBDgbtgzjPJbSaDir+PgSu5fgijA9wHB8c2gA54DXSHzR+QFavD3DaHYd+tY9U/3WFygO5Kd7eJ+bp6jS1gHYIHyOTcxyxe/UIQpY7DGy8Gvo97KZrroR7Qt//OXb/9292VTV0vOe20RVm6ZvUucE2Z394U+o4G8+OF9IYn8Tpe8M/gPlIkd6SpbP0Y1KbMV7zhDd01H/tYt2KAcoqlAu0sQufkzA37bAN1tkA915BHR6mj2m06A6z9QuDwPYVwrJpbB9w1RF7nqruAzhaw3OcBL8C5mtnUMHvtgyd075ns1XTGtrIUyNHv7n56u9W5cA6lDZwr0Fm8NNgP3qNd6UOP0KMPHavXLFziBnU+FcXNC+htXZPcOfnzbANzFHqq3QP4/OLSh+7hKA57O2ftMLmLz7i2Vq4b5ijw3O+eb3+NsdYyD1yps8qrj7onojlUD7R5vieqUfTWV7AH8kM+3GHyqsQBO1AG2oTYbQzDsi0rkCav7mp0n7cBi1WwVbVNYyh6A6IekuIwu4eqVFgDehfcOU/ua+uENCAO8FHw/ddoz9t3+eXd8uc/v1vyjGcsGuabL7ywu78p8zte/epux/nnzyC+6SQB+YmG+daRkbG597qmzK95xSu65e0PemB+bQNrwAy0ATLQDegDXq4B4gY5QK5bF9etLYNdDHQq4W1Q42K4OgTGYAbaVu2udrdDnQvjALK/hsP6VuF1ypuVtwvrPCUO0xjUOLlw7iW8TlFdHeji2ese12oV7ry98+4ujnOIP0DP74+KdnLnHswSfgxKfTKWmVOV+yqc4jCYqU5xOY6xjHPoHrritjOAXgebVDCPVbfXKnqAaw92AOxceg31W4V7YImnmdUJay6Kc8h9VrE+qOxsA3M+PzgodWCc/TEXNxS4oe8XAefUXUXuCnUPUgG27hN3eN3jR20S4xGlNpmhncyFbX5ZcGta7S93T3otdAPatec8W/Lmuebe9rPY1/5AXPPSl3ZLFjNsZQi1b2jwTzV7/Nl3XnDBcSnzkx7mAvqWRajzXpm3F66V7Xe1ov1BXzHAOevq5ct7wCYcG4BnrRgUOCoduOcYoXPg73A6xwmrA+2ae7cqd8+6w+vuRacwzyq95sKdTw8oXVTnFwRAvWWY7V4L8pxHd+W7ge1wudU8pjUc5zPKO/dXn/jqLOd8O5XuwN1jWx3KryNb66CZ3BPrV6rco9BpXQvAUenD6NRpOMs8+9CjwC+99NLDWtboQQfoCbmnD90z0O3rjmK3kYxnnzvfbUc4Q33MSMbH7ebmULx7yK3I3UrmZ3i5gK62qfXPUGGbQ89W3EAZqOc6h93dnmbHtarYXUTGywJQ5bkeonJI/epuT3Po3eH4mg9Hmdfit1p9Xh3heHEA/Li+1fGnORZgW5VbrXN/v9+efaD9cVrRFPZiJqdRBBcXuHubMr/rta/th60cL6jXP4nX8YL/sJz6SN+6ob5FYM91Gbaysr08rWgv/+kz74GdMHteyALytrJ/bVT6cG7FoM4DfNR4QI2aJ/Re8+Ocpyq+5tIBvIvjDGSus7UsCr+61dXcuVvi3CZXrWadA6dwjSp6q21X1BOW9+hX97TX3DvPcoube9d5ObA/vKvXPdrVIXeD20rdVrLugcdCNkAnh07IPVva1WhdG0zKpuEs8wI6/ecBe5Q5PeiAPUBPyD3DWZh8Rh7doK4GMFWZ14lqgNSz0A1595zbktW2q6htvg+uq5auHo1quLslra9MH9T0g/SSR8nn2ri+DaAlXI46J7ftKnOPGCW37jy5w+W8AHiq2Vj+2tCmL53PHmWKcgfONW9ukNP7zXm2NoOpU9lQ3Y4K8EJAhbtD7N6v6r1/sWj7t7Q/Eqve+MZFhdn7IrgM/DjvvO7eN7+5u/t1r+t2veAFj/aNn0QgnwfMq1LPuXXt57/iOc/prv6FX+iWB+INuAH48vY3YuWg0K9qAmBVVHs7n+2qqPL0lSeXPhxfPYTJA4VVUviE6gNbAE/RG/AG1AAW8LuS3tX0to3FQ97+8cCV88Db/e4Bps+5st42s4AYWNtVzsV1Vvue+uZcuMPzwJ357Mxod+W8w/d8rrPV3RNvAxqrbxfAuRrez4lTXLgQYCfcHnhHoeMSp4K47K9v+1OV+zxC7lHnTFsD6h6lmmO0rWEGM+bA5lw5gHdOHGVO37nBy2e7rhnutmB1Nbpz4a52d9Gc8+F+4XBR3ANDPtx58Wr0Eqhx3kVvValXu1ZUuvvFUdhAzY5vdbCKQ/D0kTuEbQtYh8Br77cHoNjitY5DrRasdpDjGhQ5ufixSveocxvGkDM/DPRR7jff3K3+3u9dVAEcMF8RF7g3vKG7p63dL3zhBPMTCHOr9HVnntmtOOus7pp3vKO7ukH56gB4UN+BuRV6wM7nwDvXZD/bqPYcWxNlbfAPofhelQ+AJwyPUqdPHZWPAQ0vAG6NA/Qe8uLJbi6Qcyge4JNHd0U7at1gBsQGtUPvBrbHwy40PMaqnc+A2ENgbClL/tyT3VxY5wEwXs7R25nOg2OcfycHj1NcIrkBOn3oalXrt0O31Jqm0JdM5D3xbWtX0rJGMRxAR6Env07IfaG+8mq56kEpHldq8DpnXj/XaWR1clmdokao3Plwq3UrcXLlD+U5WUOlunPkQNrhbaCKKs89KG/gaxU+G7AilT3mFGeVXXvKa7+6B7FQte4CNatwIM80s1pdbjDbktUjVZ1Dr2NTHV7nOpQ9oXZPXbsrn7F65d52fO0P/mBf2LZYmF999tnd7Q3k97a158ILJ5jPCebxZ7/2Wc/qrvqP/7FX4Fc2YF8zQBtlDtjZD6QD73zOljB8D+9B2XNd4M4+0M/1Af9sv12zcoC429Vc4e4wO9cAc8L1ntzmATAofqDryngq5lHpBq/h7fA819UpcFbrjGblGlfe26jG+fQxNzly9RTH5euSa+e8J7rVCW9jix707FMUx9cL0PMCRXid/nPy5yj0hOTbdm2D+5UTeedQ5e6QO0NaaGGjJ50+dA9Eqe1kVs/VXMaq2MrZcPfLgAeeuILdw1FcRU8FuuFvtV/NZvqXAwEcdQ6c7a/uqvU6+cztZITiHYKf+bMP4XWe75cGh+GdK6+96i6SsylMBS2wdojbLmzVytVqv84l93V2g7Mfe9zcbk97Wo637cEDBx5V7ajwduy2Bvi78vLQVvaz0mu+4cd/vO8fXwzMA/3lDSgHXvva7t43vanbe9FF3aYMAmmAPxZQr3uSr+MF/2H1BbKHPZLvO3aw65oqv7b9Dq750R/tli9b1i1rfw8IsQNsFHk+Lx/OA/IKdV8H4IE5YXlgH9DnGPesHgrrejAHsIK08+WExQN7t7uhxIG3VbnVdT5jPVvD8oY5lfT1OhfYubjOayErWZ7hwjmH9Pn6Npwx1P3ZI1tR2kC/9rIDbBS7e9c9qz33ximOKnd6zwNzxqgyD31of56APi+FHgUeaBN6j2Inh57jOZ8q9wDdleGGqfu8rc7dd+57MJhxFftCat0AZ9+ucA6d23KVazyIhZC8h5wAUVT3IY0sdZ58llsXhD2u1M+rhi/A2aYt1U/d0QDUOmF0QuYUt9nprU4zQ5E7N157x23HynWOABj0vQLP/YTNo77Ve55znM+5bO9JlMCAzwtAwvAD7O9pP+eNb397t6zBeDGWroF57wL3qlf1o1D3veQl3ZbnPOekg/m6xxHmGxcB85xb137GK087rbv6+7+/W7F0aXfNAOfANkC+sgEeoOczBXHZj5LPMsSt1CmYA+DAPFt/zvUOz1vVZ10/qPSVpYAO73fn3dfIkta5+Fol76I3K2wre3zgbT5DMZ2VtovmnDt3jrya1/jrOa9OCJ3ncq3z5rZ9BeiE1CmMqwNjmNQG8B2Kd36drw/Qo8ADbtrWyKfTJTV0TK1uazKWmYexDLPQCb0H6vllZDEPfWn7h/ylL33p/2fvzZ8tu6vz7h+cOAloHjECNM8jEpqQAJdJ2RVC7CQuUkkc42AwgwFjh8FgYxKHQRjUfadz7nx7ntXqVktCU8+jBpzXduK8+TGVxLGxHSfx+w983/V87/psP/er09Lthr6U0KFq1d5nn31Ot7rp+9nPWs9a62WbyQbB3ae2tVPi2jnsnhJvp7O5cvdhMT7ghddtL7m3oRGk24EuqXZASW3c29FIsXtqHeD7QBgPr4X79rN2mYn3iHsN2h8QPNXvg2J8R7kPbHFF7uAmRe/1+rbd7FgqaMG51rpTdQvOuq5zrXTVUQHIFSjvmlLPcz6ja/ouHY8E0I/Hn9nu+P+bBsecCsyfvvPO8t33vKfsu/32CvMdQ5ifUZjrqAem9ZdcUhZ++qfLml6vzAVIVX4TvKmVA21eC7YA34NUPJ8F6G6mW5MGOd6n7u7KnTQ8yl3XNgvS6nUnnS8zXEK+BTd1dXfLu5p3l3yr2B2ygN3r6hz5nG95a2vxBOrbV7e2C2b49Rz8gNVBD4ip2bt6R4V7bzuues591CyAb7e80S4H0BkiQ8saG9aAeq7hHgJ9pYAuYCtQ6qTcdRTQdV1AVx+695ejzH27mqfI29ntg5aqOPh94lu7SMWHxPi+cW858zq7u9iZuY6hzQe7DHKs+7CYtp7eptZ9bOugGjlgx5XuJjd3qnva3WE7qK3MU/HcQx27dbIDa0/j+7Vj6hEX6JUlENQT4ED4+ax96/rxBD6gRoXzEEBqHYgDdY669mL8ve6Jf/Bz1167LJgrBPM9t95alfnehPn2t761wkaxbZmx9TUey/3v3N7EDmIA5E82ElbHCnMp8/hzX1i9uipzoO3wRqED9bkEvo7AnXQ81zwd72l7wZjr1N+pt1dXfAYwR6FzHyre0/OoaUDupjlPz6PMfTUrIGXTm8+UB+SY57x9zdvjXKFjsmuB7ml27113YLsiB/auyIE9vw+uDdrl7tD2WfKDzHGefvdRtkyKc4VOup0UPK3PQ6CvnMt9DQodpztgp36u9/VUrrY17xtvF6S09XMH9SBVDrAd3t5njlo/mSHON5x5ur2DORPjEqxqP3NHuJvcAGQ7arWd8kZ9vFXsvuXM95C3O8rbdaNtG1u7kMU/47Vx1oy2KXdvSesmuukhIZU1R2CM0gbKvPbrL1ha/USm3/2oeCFr5cC8DUH9hfhzfurb3y7zN95YppexbIXQFLjvatlKKPTdV19d67lDmC8P6N8PzDcEzOfvvbfMP/RQWQgQ6of39NRUl0qfiYd8V+qockAP4AV8IO4peMDvaXivwwN0Uu+c+0MANXauOeC7lD2b3swB346Spc7uq12BvrenuXJ3xzqg9h51wO3ZAVfh7n4n/LsBOueY5/h+4M09vI/id/i2M+UFaxz23rfemuT4jA+f4ff6X/7Lf6kth+5y9/Wpuo5iH/ahrxDQtW2NVDvqnADqn/zkJ0uv16sp93a6mw9/cXC7em/b2bxO7jVuN7850AE589Z9+hvnpOlxu/t2MwDNzHXS66Tbfc66h9eTfWlKm173caieakdJk0JvW9Val3u7Sc1Nb2528xr3kqUmpPIN4grS4AD9xbynBfiLaXDjmtfDXWnrPVfnHFHoqHjq5/We+D0/p/pqKOxTgfm2UPIa6SqYP3bNNUNlfjowN6AvC+a5BnX+7W8vU/GDeSrhrQDI1eUeoBbgW7Cj0vU+irxNu/v3DDLJeaDQW8XO+wI43wHQWyVPmn6LIJ1KvvacN6Y5h6+Hq3hf/IJyb8fLMn7Wlb874v1BwF30Pk0OwKOwB82Fb+HvS11clWOg43voZwfQvijGzXQefD/fozkkArqUOO1qrtIz1U4MFfpKAD1gvlbAZlocxjh60HXUNVfoPqe9dai3PeAo6zbl7m5130/OEUhTL2+VuTvXNRDmpdx01vXDZ328dZWTHndQ+/IU7vXBK+5id2i/miL31i9/7fVvHwjTwtxd7a7Oq+rW9YQqABdoHeSuzAG2f4Zwpe5Hr317vZz7+ayD3lPuXdo+/qz2a5pYQHl6GZvTiE1XXVVeCpgfesc7hjD/AcL8kVfYvKb7Nqk18Oaby3z8+5+LH9gV2FLTaYAD4jq6CgfUKHVd40EA1U6qHQXvap2jK3bud6jT2+6OeYWn5iuw1aeeSr2DeF6rqXipcfW328z5dnWrr2ul/x2XvNfYaY9DNfNZYN664tu2N58ix/0oYZ8x38K7Tcm3NXUfdOPjY91ch2L3rIGn372fHSe87hEH1IdOyl3qnLnuusYc9yHQVxDon/rUp2YEdKXZGf+KMgfojH6lba0dzuLbyQC0q/OTpdCBvqfdgbKDu73m+8r9138pa+MOc9S418fbtaW+/ASQ+4OA17sHDYhpjXAA28fE+oMA111Vt5PfWvNaV1sfAGzS4kDWwe6q/Gga3RSkyKl9uzp3kEthc673OsUd54cOHDhpip17NdL1cPxQ2PDAA2UmYD6jmvgyYkNOgTt0991lz3XXLYH4qQBxy2s4Thf8S2ror2aSM8Drvk1vfnNZuOGGMvfrv17mBVQBW2o7oKxYI6gL5AFrnXcR0BW4cb23oOdcwT2EQ9nD0/EOb2Cu72HiHKD3IPVOap60PZkC3gf0m6wdjtT7oC1vLJpp1TtQ91q4z48nHe8Q9yUzuNUHZQmAvY+OJbXuEPeNblzz3nefF8/vwxe68HmvmftQG6/La322yjC0p5F2H6TQA+zDbWsrCXSHOUBX2xqudxS6p8d99rrvBW8Nau0aVJ/0BuhR6b7GlF+D6+5sR5l/N2vjrSL3tLcvSvFlKj7IZdBwGOraQBsoD7ruhje+11+jvJmq5u5zr+n7g4UD/CWZ2TCWWSrdQa73AXxbL/cA2Lwmhe4q3N3rgF/ntKB56Jrgzr0d6OPXP/jEE2XjT/1UmZFTfZkwX6MpcAHzo/feWx6//vrTVtxDmC8f5lWZX3ZZWbjmmjLzkY+UGQFY6lrwjuNUv1+PUurqQ9eR12ulzPNeqXZdA/Kk4FHrjIhFwROY5+p0uFTvKHZUutfYUe2eyu+mzZlKB+4+5Ia6Ow8HAJ3Q9c3mjPd2N9a6tmqdfnUA39bZ2yl03rZGGt4fBtwx71PnPHDRA22U9yC17q54N+S1sPdzX/HqO9ZZQqPRr7jclXJva+hMjMts71Chr3QNXeDG8c7WNVzuqqFLoTP0xbeVtYrcR6y6MveVpl4f91Q64CZcqUuBo86pl5Ne9+UpvvDE28w8tU5a3NV1C3RfaepAd7Xt288AuStuh/qgVLordPrRT5gBDTCT9gaaXicH8p5+J73+atEZ1uzcU+gOcq6j8l2Ro/QrzHPO+7E43/y+9y3CfJlAX/OWt5RjDz5Yjt53X4V5bTcbwvzMwzz+3BeuuqrM/eIvltmAXAWz1HSGYD2TsJ5tAC8FX2E+Odm978c1OVGOEMBdsbtTHlOd19bbcDMdMB9Ub/cRs5wDcq+rc1wCdAO8q3SOrUL39a6obPrdUe6k52mNa41y7oh39e4jZwkH+iA3vLvi3UmPec5b5QYB39U9it0d8vq1ZYpTRkPQ9tGvTI7DFDdMua+wQgforFHF8e6jXx3oJ2tBc8C3veqDVpt6Gt2B3gKe1jNvWXux6R33ITBcYwOat6YNaldz6Ht63Z3nrYsdiDPoxY8+X71dcNJuJeu+O8EJoF2Je6CmUezAvVXkrsBble4tad3UtnzdPjT46yXpdV3T5yKez/7y2mOeE+T0ALD1539+EdTLhPl8QOXIO99Zjkd856abhjBfIZhvjj93ZUVmP/CBqsxnAsxKq08HtFHiOp9JyOs1MCeA+lR+Rqp91tW6JscJ4FLpes+P1urmBjrUPOBmaA2vUekOduBNq5yb9UjL8zk343lKnjq797dTb29Vu4+YxU0PuHHPk6L3YTOu2L0VDvADYsDufew+SradOteqc29V87Q86t93sJPSp2buc+h9axxKnho6Y1/dGKcaukJQF/CHQF9BoEd0Cl0hgCvlTtua3tekuP/xP/7Hy4a8tL3m1LUd+p5Sb+HN0VPsiq53PBW595S/ZMqZ/ePtVLe2t9xd6x7Uq32lqatuT6/7whQg7SD3+rhPcuNz9H53Cj1h6zVvoOoqG8i7Gc1T8LjKHeSoaB4ASMm/0Ex283Y0r5Xjan9ev0aGlPeh/fvrUQHM9Z5gfjQHy+i/fccv/ELtH18uzGfj3v333luOBcyfDJjv0IrO04D05tdwnC74l5jjBgyhOdl8d723WYtWImbe//4yp9S5qXIBeXJioh4VU/FQTwjw8wJ9wF9w1/06F9BR9J6WB+q63qXjE+ik8XW+1trcvBaPgW7BZsc7jB3YrsqBPNPrvJede/xzKHjc8m6481/zZGD3mfA+G96NdYAdJe9q3YfS0OvuvwaT6XxCnKfu2xa4QWNj27R9u3PdW9wGud35nFzuAroPkuHoY1+HQP8hpdx9wIzUOSNgBfl+/EOVQsfE5hPhgLvXyQfVy92pjtL2urnD3EHu0+C+a250wAisfRMa6fS2n9zT7w5xX3MKoAdtT2vh7SrdzWwnW2BSB7xY3zbnrsiBOMeX8jNHbQiMp9tbeJP+dlXezVPPtDrqvHOm632gPADieq+m0u09qXGuHT5wYHExS/yedn7sY2U2VJ/a05ZVNw+YP3vXXeXEgw+Wp265pTxy5ZWvO5hvXmGY67gFmP/0T1dwTyaoUeBduj1APZPpdM7nDfy6Pm0psAF5ygAAgABJREFUeI+q2vOzQB1znYN9TdbhPVVPbX4+3fMnS8G38+EHGek8FU+N3VW+988TLIvxGrur9lpTz9R727MOvD3d3oLdV7qShm9nwfvnSL870D28Xu8peR8/66l5V96c+8hZfzAg9Y5y1+9FYg2XO6tTqZszUEbvDfvQfwijXxVS4jLHodCZ5S6gtwrd94wDb5/S5gqda9437rvKW/e6g3yJo91q5QCdlDppd28b86ExgBvgY1LDMEeava3Dey3d33eQuxpHifuM9vqefr8ZKHHB+SUzvnmqHRXuLWPuaHeQt0rcHxg8bd4BPOEsdb0EyKqRy72eAOd9nZNi1326B/h3R6n2+LX2xP9n5gIW06fgaH/i9tvL81q2ctttZedVV512+nwI81NU5pddVmbe/e4yMz5eJjPNLvVdDW5S2w3gu9R7A/Q2AD/3A3wAj1KfS7BzrXPSA3ml6bMGP5+qXQp+bYJ3na1sbQG/3ubNM0rWR856nb1V8j4jnuCeCnJT78CdATYnc8Gj4EnBu4udhwFX6pjcHOY+Lx6g81Dg42W9j530PN+J8kbNO+xdlQN5euAZROO1eLnc1YcO0JVqp4bubWu5SnXocl+pPnRB3GvoGiojmONylwsehc6EuLYevmSLmY1rdSXuirydsw64T/aerxRtW9F8palPdBsUDnfU9MnGtbZpdYc5IF8yec6mz3WT6JTWb0aktm1mnm7nHoc76XXS5qTFuW+JWz3VOQ8BRxPcBOlxIN0GsOYI1AV51LuOvK6h/7b4Pe6Jp/O5q68u0xddtGyY77rppvLCe95Tnr3jjrIzPnu6gN70Go/TAX8H9wA08Uoz33cYzNcK5vfdV/rf/Gb9ty2FPp1HgV1ABuZA3IN7OHo6XtcEYJ075JfU3L3lLaGu+9Zk3bsz1uW1eavdz2fLHLB3gxzT6HDSe31+3jbEAXav0wP+dkmMA51w81zX/mYgb1PxbToeA52Dn7Y4HxuLua5N0TvoUeyk5L2XHaC3dXb6273Pve1rHzTNzjfS4XIXvKXO1aomgPvo19y0Nty2ttI1dFS6gC5FjkIX3PVaprg/+7M/61zu1L0BO7Xy1tRGir6FuwI17g8D3lP+3Zzu5ulyX2fqIHeXum9Bc7i6ykad+5rTdtNZOzMdgLOZzNPqL1pNG9XdDm1BNXvt29u/2gls3qYG7NlghkGt/Ry1bYAtIFejWp6jzrlHitsBj+LmOqB3dQ7Q9bo+BMSv/dTDD5c1N99cpi64YNkwf+SGG8qLAfO9b397VeZKARObTyE2vcZjuf+d/uezlRig2Le/wjx3fXadvA133VVmHnqorkEVkHtjYxXmgrDXzWdTSXME4qhwrlNzr7X0fBAA5no9nbV1jn4dw1yr3FHrc6ncccV7XV6fW9fMi/c580Cd6xwd4q7gfQe7w71NwTOBznvau+s2XlYwXmeDa4C6K3SHtEPeU/Wk5LnO97uSdyMd6r1Ny/t6VYe4p99dpfsiGO7h1xMLmBT31a9+tUIcoCuGg2V+CEBnlvugGrrS7frL0PtKuWv0KyY432XenvtqU8DtM9d9Mxtwd5C/1KTIBcvWxe7LUXgfCPvwGGBO/bpdbcrSklaBuyr3oS9cl1vd58EfT0VNmtwNbKTBXa23Lnbuaa/zXdTAPbXehdS4lHoe3XXukHaVjhrnSLqdo2BN6t0V+XHu5zvjv+lZ/VC+7bYydd55ywK5lrJsueaaqsz333ln2RXncloPYX6KMDegLwvmWrYSMJ+99dYyHT+EBfNppdUj+uPjS8xvwBa461z3oMBdLZNS91Q875PCd8Xu309tHgMdrwH8nKfgBW1d06+Z73Gf0vB8z/rsO6dVzdvggHo7P76Fu4+ZxUAH3B3mfI875LswqGOGw90uyHPNF8UA63ZuPIq+3frmc909HOyu7F2Rt3Pl2wE1vAfMfcysvkNta5pPopT6IJc7DveMYcp9pRQ6/eeA3U1xKHTV2AR0d6O7+c3nrwNt7yf3mnu70rRdsPIfrPXMV5n6ohR3qvsUOO8v935vPutwdiNcO6qVHeRA3h3qPAS8RHo9FbkD26FNatx7wx36rupd5Z9IAL+Q17taeQZgBuCeOkeBO9hR69TLdUR1t5Dn/YP79i1+XlmDzC7wnUfj/Fn9ULv33jJ17rnLhvnmAPjz73532R8qcde11w5h/gOC+SsBvcL8ssvK7I03lsn4Nz2VMO8FpAH3dKrzScFd6ltp97xHCh513ar3zuVuKXpPv+s7He6AHEUPwPkOHgw8Jb+Qv+5MTqmbs/52Pk99neu8rgA3yAN1Nru5cc7B7i1uDnTC0++u2lu1vkkKO5U6NXQ/+gx5T83T1gbcuY5yZxBNu5bVFXubcgfi1N7d8Q7U2zWutL/xPQK8m+IEbsa+AnSc73pvOFhmZRX6Oma5E55yV+j1TPyDUcrd940D8nYPOTV1V+tAW3VmXrdgf0Gp8gF95UDbAczRgd7Wz9vNah2I83u8Tu6z1N3M5oDvYC7g2kAXr3H7whJfgnIyde6q3EevAn56ywVaII4ar6tPM83Oe254owaO0Q3zG/VxXruj3WFfVbi+Q/crxS6Vru+XKz6+91nVDt/1rjJ5zjnLhvn6yy8vx+IzB++5p+wWzE8T0Btf43E60Hewv6pJzgCv+9YFzKfjz7v38Y+XCalkpdczBOt+BGn3WUFVUE7Iz2Y9vZ4n/HWv7pmzlDwgrmD3oTRNjd0fAsgA6PqMtcABdFLr/gBRr6dDvsI9x8mqpi6Az+fceR4CdF7T8tTdE+jMivcjqXevp3svvLvkMdU5zPkOn17Hr9XCnGBQjY+XZWGM19D5rKfd233pQL7du94qeB8jixqnfu8qHdc834Pi1+9DbWuqobNtTQqd5SzAfZhyX/m2tfWY4gZtXGNpi/ah//mf//mSOewOaK+rO+TpHed613pmSr1T51YT/3+ajWmupL3lzBev+Ot2ypsDG0gfz55pXvsGNK57el3/HQLfd/VdCV+GwaCuUdr+nsPZFbv3ggP2+qCQKp10Ok5zr4d3hrQ0qnmqvXWtA2pS6p3iNrAL0gK2jkC7KnLV6/UZqfmE+pG4/9Bjj5XNP/MzZfLss5cF86lLLy3rAuZHH3ywHApFv/u665Yo8iHMzwzM9d76t7ylzFx9den94i+Wifh3PBkwnhgZqRAXtHUk9a6YSYVdYSsYC+xZX1fa3YHu0K9wN6c8cAb4qG93z3tfO0rbB9roflT62lTjfD91/HkbNdvBXIa6zAB0UBdsMz1fZ8Gn6c7r7sCdWfG+GpZrOgfePpSGtDs1dVLygH+DrWr1yXKtSidFD9C9ds7YWb8OYOkp913tqH6fD+9KHZh7mxq1dt8M5w8HCv1eALrvQ/caOu1rOn7xi1/cFDE1JO8K9KE7zDlikiP1LiesZrkDb9+UxjQ3Uu6Et6mh2Lnmr/+DzVc/mWsdiHsPeTskBrADbx/pSvh4VdLqmN7adjOHOjAWzB3g7fjVdosZyhzYD+oR59oJBr+YK30JhPW+7s2+ca+J89oNbSjzownkI6hxgVznejgQ8BPmAvmhffs6gHOf3hPY9f6J+P0dfPLJsvnnfm4xzb6MwTGCufqdD73zneXI/feXPTfcULak23oI8zML8w0B89krrij9f/7PK8xdmQvEHDlXun0mFfqMKXX/DPV06uC9VPc11Z6fmWMojdS9Uu4JdDfY6X1303trnE+j8zp7B3Gr1dfzrLVzz3w+EMzyPQl8PRTUdresuZOaB+o+sc6Xw9DyhvnuZI54B7qreJR6vc8gjmmOpTCAF3Nca57jYQA17ooeiKPWvebuK1y9pu51du9991S7r20lLU/bWptyZ7iMzrNdjfT79jifH5L3DAP9M5/5zCx1c4Fb6XVArtoHg2VIubd1cMxwXgt3FY4prnW1o+xrmt5S5dTIBXSB1Z3opLwd7j53HdXeTm1zYDMdDoc6Rjevl3ftapau97nqPuCF/nCAjgMdhe6pdq+dH084H+e61bABdjuJrTWxeV3cTW2HgbHVz1Ha1MIFahQ4cXDv3gp0vVfT6qbMdf2w6u/PPlu2BxwE8+UMjhHM5y+7rOy777461nXPjTdWmJ8OoDe8xuN0oL+knv5KrWsN4LckzOfiOPmzP1v6Us4B0InVqyu0AbTOXaE76HujozV0jwL17spcoJ5JNd8H4Kh8ATvhrgeACvk8uikOqE+maY73Ojhb2xugn7VJdCjxzimfwF8wpzxKfS5r7aTyBXcyAKhz2t/cPIdqd6BjuONhAHi7cvf6O/3tpOLr/HgbQANkgTbK2qHd7mYH7C3kXZXjlG/XutIeR+rd0/Gk5Em7e2pf11HoMsXJzS513k6L8/M4PhKxdkjeMwz0APcGr50L5MBdQNdrtbXJFKfBMgyNaZW6O9e9Nu7jWr1FjfOXmnYxdo4DY+BNCh7otxvPSLm76h5UP/fpbQyXcZgDeB8Gg0mN1jFAzfmgVaa0pS1pKVN6XeBPxX7cauO69mKC3ZU3znWfm96m2fX6hTxiejumBwCp9lTkz2daHUXe1cIztQ68eU9wP2x188NK2wfUd374w2XygguWNThmKtT7XMD82Xe8oy5cefKWW2qv9Oko7iHMX96L/mow14PU5D/4BxW2SrELpgJ6P2vmpNt7+Z6inud1fYbUfC/vX5KWN9UOuD1lz/szWXcnjT+Vil01bh4USL+70Y66uTvfAXkLeK+3c13z5ddaqr7W2jMlL5DT974mVXtV6nmdUbPtHHmOgrPOOTqwUemY5bzujorfkHVz1HrrcqeGzjmQbsEOuOkNdxe8K3Xu91GxXAPifN+g9a/ueuc71LYmoaeUu/eeS61LlTNwJlX60OW+QkBfz8pU6uYMlNE1PX3Rh/6nf/qnXb+5q/EubZ5K3QfDoMylyLuBMzn17fezzxzzG6rbFTlg9/3k/v6gYTCA2t/3VLoDvEupN7Pd28luXgd3ULdAB/yod9LutXaeNfIXM60OgF+0NPsLjYt9UGuZt6MdN1hXMMvIlgpdqlrXPK2uo2Cto94XrFHrR/MhQK/5rL7rSKr63fGgNxOKezmDY2SA00jX79x5Zzmuka633lq2XXHF6xLmG1YQ5jpuFMzjz7//nveUXiryyVDaUwZxQC3AS2ErLT6ZcO9nfbx+Tupdn9HnU9ETFfRxnSPKHrhPWfoe5zyqXoq9zoKXKs8jMUkLXZOOd1e8K/dufau54wcp9/mEOm1v3fUEO8pdv5+FNNoJzMyUJ+2Oive6OmrcXfSeiveWuU75p/t+UwKd2vnGAatbSbcD8LZvva3N+3hZHgYGDafhe6nFA30eErxdzefF630B3WvogjrGOMFdwSz3L33pS5sjpofkPcNAj1gDzFHqOmc5i1S6THFaZC9THCAH1q2DHeXt7zEk5sWcpkaa3dPrgNyPrsgH7Td3aLf95ihwHxAD1Em5++z1F/Pa8834VQxumNZQ26TdfXSrq/RuMAxrSPVZU91Ep9jNrU4anWA8Kyn6Lr0ulZ0QRk2TUtcRdV0VNoa3VOKk10mnO+AF8UOCvj6XsedLX6qAnr7wwsWlK68C8+k4Pn7bbeX4u95Vnr799rLtyis7aG0cwvxVa+unq8z1XYL55P33l7Gvfa2MrlpVxiPGvv3tCvR+AFtHAV6h93TUdcVMKuiq4nVPpuNR8rV+nu/NZGq8a29LqNPy1pnkrAY/L8WdjnngPpfw1nWBtD4E5EOGrrdT7Np2ubb33afTkYLX9bU5TnZN9rKTiqe/vTrkUfGm5BfSCId73eFO2t23vvkiF18JS7+6v++DaTZbutzd8JubLW+872qee9dnjZ73fMc6525ya1P4gLzdl857fBaXu2r/AJ296NTP2biW7+8Ipb5mSN4zP/p1DhMcbneAzj50XO4yxTFzHUXug2JQ7L5dDfc7Sv0/WK84oPZ6ty9K8YlvpN+9lg6cqYG3LvZ217gPhqGezvedGKC0qXu7kc1T6Kjxdr1p53SPz7yYLnWc6vWaDYNBlQNvYM5nHO714SADeB81oLsaB9C1Nm5K/ESq+Ap4fVaAF/iVbhfon3uuniu9Tj1+Tzxxa6Tr1PnnLwvmqpvvuuWWcvzd7y7PvP3tZdtVV9UU8OlAev1rPE4H+h3YB4yGPdl8d72n75mPP/vJu+4qY7/7u2U8ADz+8MNlIqCtEIRHA+wCt5T7VCr0Md0Tx17CXvfV1HsCXUq7exiw1LzX3mcS9JjqUOqAnXtQ8YAeoPezri917A8D/h20tgF2UvBtu1u7shXlvjYB7s55WuBm0zjnM+O7oTZWX8fl7jDGzQ7MOfeae7u3nbS7K/aNqdJJt0v9+vAZlPsm62lnqpxPlPP0eTucxtPz3NOOi/V+dlf1PlTG29YEb1aoamIcCp00fNbQh6a4layhC9qCuuCOOtd1AZ1ta0q5u0MdB7vD3ReseOtaB3pLgVMXd/j6aFdS7Owh53O+2tRT5Q55lqTwWVfjKHTS7b5SlHYyN7K5O93HsHr6HUXf3dOocQczqrw1wi0Z7pJRa+z6bBrXAHjbVnY0W9FIrUuBk0pHiZOOPxTQrsDOWrvOeQ3Qq6qP73o6ftDPXXvtoqP91WAeMRlA2XHDDeVoKPPnAiw7AuYbhzBfNtBPB+Zb8r4Fwfy220o/fsCOmPJGjetcSl1wr6l4rivtLhWcoFZoYQuqXVCvYM/0O4CvaXzdl+n4qUzDk5qfSojT+kZqHkWOQp9ONc7rTs1Lcee9KHgyAPPmivfZ87O56MVd8r4Frps+l/D2B4Cq/nOFK0BHsVNf7+a5J6y9tc371QG972/3iXLe0ubT6Wq7mz6bv4ab3EjL+zmA9x51BUrd58S3rngfUtPW1U/mlAf4uq7yq36fArdAzrQ4WtZQ7Qn8HRFDhb4SbWuCuIxwpNxR59TTdZT54U/+5E86tQ3IATXn1Mt9n3l9bRPffIUpqfC2bo4adwc7UAfEnkZHmaPoqZW7Mgf8nFcIm8ImrU7tu91VTiqe1LuvNq3n2UP+Qm40a+vhbV2cxSc+IAaAK6qhLVV3C3LMbsD8eeslP5EQP5oKXADXNcGaEMAPPPtsVecKlPoRhsfEdz8TPyTXhcKePOusV4X5TMJ863XXlSMB87133112hKoH5htOAXK6b93rGeYG9FfayNbBXJvT5G248cYyHv9+J5RKD9UNzFHkOtdRQB/91rfqcSpBXWGdtXY+y+d1n67ps9MG8+mssfddySfUMbtVpZ5g7wF+U+g1pd464BvjHXV1jHSu4nVcSCiTivdtb1yjzk5Nvlvlmg8AqHcG08xbnZ7edWLBhtPMWZ2d9jQUudfTvW3NV7X6EBrgvj7b2HC/r28MdNTHBVMBmlnxQFvv67XXyV2te5rdjwDc0/Su6j1Fr3sEdM1ylwIXyGWGY7AMZjiMckOgrxDQA+RzAjZrU3G207YmU4OAL6Br9KtATk0caBNeK/f57L9vznVvNSMd3hrdBON2hCvvobT9Hh8K46NZvWVtieFNQG+GvbihzYe/uBJvB8PU31OC3Eex0hdOKr0dydoOiCGVDqxPJNS9ru1ude7hCPCPWBr9UIKbdLoDWzDXa1fmigNxv369Q3G+Vz9U7rmnTL7xjcuD+SWXlM0B8MMPPFD2B8wfSZgr1b7+FGLdj0Ccyn/vhoyNHq9mkrPQfWvkWbjiijL+8Y+XsYDwam1QS4iTcu8p5Z4peGBOXV33AW+Az7UW6pjrAPqUmeZI26PoBXJdn87BNLpWJ82lip9q3PE8BGCUQ+23ypzgelXrqHZS9VL01vuO+92XwzjYScmrP73rc2fynI2VrUBPlb82+9KplaPUUeU+VMaVOpB3R7yb6KoyTyOdoE36XUf1fQPzFvpuqkPVA3qUuW9xc2C7Y56HAtQ4Kt9d8bpXKXc90Mg47bPcUeVS6jpPt/sw5b5Sprh2KYtvWhPUATopd8CtUa2+OY1z5rdX0KeLvW0vIxzADl6f+gb0GfbSDpXxNjSgreluPhGuuz+Hw5Bid1e6O9m9ZQ1jnMO8DoLJtPqLllL3laOeYn/BaunPk9ZPFX4swaxzWsdIr5M292EwXG/r4Jx7XVzA5r1jBn1Uea2bh1In3S4D3F6l5H7yJ0t/mTDvB8w3XHllHRxzIB4Cdl577aIqfx0C/XRgvuEUYc6QmQpzPUyFSu996ENlNAEsUAvIOhJKqwP40XwfsOsaClxH6uXU3lHuQFzpeVf905me91p9BXpCvIIdw12qeHfLz1r93VPybY2+GzWr+rml4x341PC7fvjsc3f3ezu8BuOcb45bl4rdx8lyDuSpr1eHfNbYfdMbEPe+dODtjnfUPL3pXpNfnyNj1+QRNQ7YB7nj3d1OKn6drXfF2Y6S9+9xsPtedq+rC/S6/4//+I8r0AVvqXMMcYCcGrqA/6UvfWlLgH1mSN4zX0PfSLqd6XAMlBHUpdD1ngYIaLCMgI0CB+w+GY42tt/HnW7GN9+Q1o5nBb5uluPca+beYuatZ25+8zo61wH3CWs5G7RrnPMXB8xqZ3CMFPnzA/rISaeTZgfm3qLWzWM3VQ7EuwUoTV/4iayx40A/1jjRUdh63abQvUauc7+nwj5CQD+Syvzwnj1ly/vet5hmX8ZIV8FcI10P3H9/OXTffeXR6657XcL8+wZ5wvzVVLkvsVmbD1u9f/kvy5iUtYCsGnnCeSwNcBXmUuQB8H5e1+uR3/u9CnVgDpQBdQd0S8fjkgfoqHhX9cDfa+6T+R0o+OkEe63XZw19ChXf1NiBu4MasNd57TbMBsXOA8Aa3wSXznXGz87bKtZB6XkdXa2rvk4qfjbf57MAXKl3auutG97nvHO/t7i1sOd9VHsFu6BvrWptXd2v+8Q5nxXfKnevwQN67293t7vX6Glb85Y1FLpPjhvW0H8IQJfxjZq5YO7mOCbFabAMIMfs5g53lHmn1G2XOPVtHxzjKh3Qt4NgfIQrkAbqnm53Vb9kaxq95xkttDG/uUpv561Xs5tgnGY3hsAQ7kJva+Zcr8NerEZ+woxvKHIATloddf6ClDv17YR1rZMHnEmdo8i571her8pc1+0cgB+Oz+v7DqUyP/jEE2XbP/2ni8tWljHSVWl2jXTde++95VAAfdf119ea8DqD+XJAqOPa13CsO4UHEn/QAeT1mtXTN71KK9umhLkm9Y397M+W0QDzyDe/WSG9+hvfKCMPPbQI9YQ45xNpiNP9AruOgnsFuin0XhrqSMtP4ILXddreDNyu7GeVOk/wU6PvpeluKtPynWs+0/G1xp5peVR8hXPW2AEwatyn1QFzN87xEICS79L1WX+fy9Y33+hGDZ66ejuKFrgv2dVuve0MppnPgTRumEOZO8C9Xu5rWtsd7PTCswBmfcIdSHu6HQXOUaF73SUPqB3+1NW9h93d8INS9Po11fGk7wfg1NEZ/cpgmZztviuYs2FI3hUwxQF00uzMdBfMUehqW2P0K9BuF7BwrApe0LdaOYp8UG2cUatA3dPqwBlo+wQ434zmYGeka2eOM5BTIyelzlS3F5thMj4c5kUDufeHH7cFJwx5AeYCOKl1AE0/OEqc/m+f1uZtaMfSuQ6oUeKoa85ddXfOdcFe6j0fAvQaiAvgB555pgO6HjQOPf10eeSDH1xsTVvGSFcZ4OYDRM/cfXetm++56aayMZT6ulNU22t/BOJ0lfyGBuYbXqE/fQnM4zOTF15YJt7//jIaAJfKFshHA+rjUtxAPGIkr/eVWtd1AVoQz/NaW0/Yo+4FewXvdyY61dAFdME6jXO9TOX3sw2u9qpbin6JgS5fk36vmYBU67jsBfcpjlLl9LQnrL0NDnNde83b3jDbeW+8u9t9NryrddLzmOWos1fo5xIYher0bHrjOoNraFnzfnV3wLfLW7z+Tl2eVjlS8LjggbrA6oY4P+q+Vr23qXkfRuMu+HZ2vPfFsyBGLJiP36MUuFzuBMtZBHWMcupDj/sWhuRdgUlxDnGHuQCvvyy9L6CzD33QfHZ3v1fYW83ce8V9XKv3gbvhTUDmAcBr4N6q1o535fPumG/b0VDc3mbW1tG9JW2Ju72Bebs/nHNfqnLCnOjUy+u2MpvMBtC763qdaXJq4kDa0+dH0s3O+eGEtergVZFrdGsCW2A/kul1gK7j/oB4Te3H+a6PfayOc13WSNeA+VwoxCff/vZy+MEHy+O33FI2BczXD2F+aiBvlPlyYK7vmo6Hromf+qkyGj88q3IOuI4pfS6Vrnq4UutS13FNoNdrnSv0vt6Top8UiBPoFeqpzutDAbBPWPfSWFeVeUaXnrd6+qT1uPcN7joCbn2uKnGDPcp+xlL0Vbln1AUvzaKXPkreJtRhrgP+xBKlnqY6T9XPNuNmHey+7Q3wt+n4hexnn8nPVuBn2n3eBtPoOGjqHH3uTJ/j/bbPXcq9zpJPmFNTJyWPIqdtjaPD3Y9ugkPJe7rdl8N4L7y+F5c76XbF1772ta4nnZp6Av2RuG84y/1MAj3iDaHAt5Je95q5m+JoW/vv//2/d6l1js8LjIKtXftugtzr4t1EtgQzTve2Fu719BbgPpudhwRUeJdyz1/reTO5sRDFd5EDd4f88Vxb2kHfBsCwLIV6OdAG9N5vLnB721lNm2eanTnpR3N86/PpZj/CRrNU4aTV6+fz3EFeI93sx3IoDKl1wfpY9pu3R9T5oTTC6fexW6ZHOaUvvnhZ89lnA+aP3357OaL57LfdVrZcccVp1cKHyvzUlLm+ZyZg3nvXu8po/KCsqfaHHqrwBeaob712mDvUO3WecFdwLqjre4E7MO9byl3BvVW1p0r34D6l2ccyHQ/UAbdiNtPtDnr9OqTlK+izFk9rXE2367uyt90B7q1u1NprW5tAnCl4Xnewz/d8L7sA7rPlHeqdoS7Xss6kaveJcwuWlq+tbLapzVeyCu5eU/cRsl3Puy1/Qb3THifA6rsBN5vbVGvH8EYKHohzzc99vao/CPgoWO951/cL6LoPoAvmpN1R6xjmhjX0FVLoAfLNDJDxee4Y4+RQRKHL5S41jrud9LqPfHXF3I5m9Z3mpOFJmXu9/WTjWv07/X5ffermNladPm81dO8d98ExJ2zka309oPVMQPeBML7trPaumxL3fnHUuBvheF1r5ameSZ+jzjG6Hc/7a4o+0+w6Sn0D8CP5Xlcvz/d1PKxhMajzAPn+p56qUNd9TwQY5kJdL3c+u0JT4DQ45qk77iibA+anC+k1r+E4XfB3YH+FnvWXOd3zszPnnVd699xTRn/rt8qqAHlV5QJ6qnPBvSdXe15f9fWvL6p3wb5JtXeKPZU37/UF8oS9wK6HhX6CnIeAycwKTKYJT+dTWXOvMFZqPQfW8GAgY91U1tYZWuOqHcXO0d+jLa4+CKRin8rJcpjuphO+M6bKfdJc2+4G3F2tcz/T5HyHO699IA1p+/oAkEBHset8hjo9alzXBPmEuc7Z3OYT6Hyjm19DuQP2moqXOk+FjkrHBe/peF/44gth3OFOLR61zr1usiPdLsUv75SOUuBfj/+vAXQddY257jp++ctf3hpwnx2S9wwr9AD2FgbJYIgTwAVymRq061bOd21b02AZgVxAd2PcS00LGuD27WWk2tsauC9ZGbT1jBY034ym6wK4rlNjP5Yq+SVLpfv8dZQ6133FKfecsBGs7kr3ayj1NsXebivDrb6kTzwVMS1nuNa9xUxB/zjfVd/PmnlNqyeMqY8DdtLrFeZ6Lee6lHieE4ez5v5k/KCfv/rqxfnsy4C51PkjN91U0+zAfO3rDOQ/EJgb0F8N5htzyM7MBReUidtuK2Pxb1T1bMFaIBesxxPggrpq6ro2kYq8XpdJLlU7wKbmXpV5wr4+EOi10vaCPQ8HCfaq8iN4AOiUe9bda7o96+yT1gdfa+sCvaXpBfeZhDZOeQbVzGabmwOemvycAJ0p+D6p/Jz1jlnO4eytb369Bbovh5nPzW+Cdd0al9vgSMfz4ADUHfRrMs3e1dGzrW2NpdxdoaO+fZwsSp17Afsgox1b2xbygYG6OG54XQf2KHfS9WuzFQ54M2p20Ax5aujU2N0UJ2A/FP/fkRIXzL8R/9+ifi6Vns73Ycp9pVzuSrMTpNqpnwN0KfT/9t/+25K+c9+ghgp3cNNm1ipu6uNeQ2+BTc+5t6m5Kue7gT17yFHhArUvUNH1IwJk9o/z/vP5HcdyUhvz1n10K8tR2gExbD3z2eocGQQjeC+Z6pbgpq1M8MbUxrXO8GZtZVLUKHBe41AnjumzGiij9xLeB55+uhxVil9peF3TeXzHM1qEEXCeDlC8Kswz1b7t+uvL4VDmz9x1V9ly5ZVl3WWXDWF+BmGuWP+2t5XZiy4q4zfeWFb96q9WoMroNiYgB9RXxQ/QkYS4YL46XgveArKOq+Mehd6v9wjw6YQf4SEgr1d3vNL3Uv/5oFC/R8DnAUHfk2n7Xhrv+hjpzHg3ni1yXnOXSpdipz7PAwG98NPpiMdh37ORtLXlzV7zEICBDod8dcZbexs1dZ8bD8S99Q3z3GRugZvKhwQH+XSuhaVX3Ve4MlXO+901pGZtpuG7fnbOE9x6TaubG+X0ntffB02h85GxpN0Bsl6jwt1Ax9EV+jqbTOeOeUDu29xQ+4K/gK6jz3EXzBVKwzPTfVhDX+GUu9Q4tXLALpCr5UBHpeQ1QOC//tf/ukSZo9S/mzCnbk6NWyrad5p7at1T8W19HFA7vH28q95bMjLW5qu7ox1zWzfZLWvn3nd+IofSOKDbDWeodfrJgT0DYV5IYKPMmavuG9C692ymOiY3zmu9XPdluPIG3kCddPoScOso9a4UewJ8vwG9gj4+85x+mNx++7Jgjglu8zXXlIOhzLXbfFuo+tOF9MJrOE4X/Evq6ScZazsI7OsE80suKb2rriqjH/1ohemEoBo/MHVcFT9Ada6jwCuYK0ZSveuo1w5nvQb2KPzRTNW70h+zmBJ0BfRM3RNjqeIncnBNhXym6PuAOVPz1NuBfFX62RM/lWa62u+eqXmCtLu3w9WBNanYZ9MN39XXMyVf0+6A3dLuQB43vPe1A3IfUKPPotQFdS2G6dLstnvd97XP5aIXpdznzCG/kKn4ziCX0Cb1jjHOe9npbQf0DKnxdDxgR2FLhQNoXUOVe685QVoeWPt7OOHbBwFS+n/0R39Uv1+cQJkrSL2Tck+VPnS5r5QpDpCrhk6aHXWuo9S6u9w7dZ7p9udTSXsfOGrd0+p+rZ3fzjVvWeM16fWuTp5GPO5lWIzg/JK521HsvEfPOUA/YetLvWZOSt2VORCnj1yqmzq4z1LHsd7V0S1t/rweFMy5zlQ3jG9HrfYNzNt+cYVgLyV+JFPqiiMJ7epuF/hJzetc35PO9gM7dtSRrstJswPzTQGUgw88UJ4LmG8VzEOZK9acQiy8xuNU/lvXWqzzeIUhND5oZlNem4s/+97ll5exD32oqnDFasFb51qNKnALujK/xVFgH0Ol63oq7bFsZwPKPBT0UnmPoOAT7MAdgHMuJT6peroUdT4gTCXIgbvem8qWN12fTPMcwJ9sDHM1Na8ae8K/LopJNT6VkCfl3rW2pRonHY+rvqbiqbuzflUqO8GNWc73swvizIn3RTI+ja4DfjrcOQrqjJPFGQ/gfXEMU+eqk96Oa9IUN03rm7nh19nkOd/cpvtxvM9ba5yuzVFTt01sAq4eHDgH4NTMBWafJsfn9B5ta+338b5YoNek1lVHB+iY4nC6xz27IoZ96Gca6AHt7RjhBHWArnM9eem1gK76jExx+kvEyf6SpdJ94hv1c2JQrRyIC9JAmwcCn92Oykfhk4I/no51auPtgBjS7b50hRGuR/M+X1eKk93HtPp1lDkAF9QZxeqjWamds6qUNjTS6h28zdzWtahljRyI41b3WvnRTKtXyAvUgnSo8CMJ8UMBcb0+mNd0PPDUU4v19N27y4b3vGdZBjhgvu6KK8q+++8ve+MhYHuo9HUGqyHMzzDM4+9g1T/7Z11KXTB/OH5ArooQzCvIA8K6LsCPJMirYlf6POHNsYJb0BaMMdPpOxLOpNprDT2Vu84n8mHAz3kwqIpcaj0fHLinXs8HANL2Feik4FHgSsOnwke50+/uit2n2Xka3mfR61w19g74mOcE7FTsrsB9UA0b4ly1d+o9wb9gZji2u7l5zofUAHNAzvUlG96UPk8FDrzncjANrW2k1z31zrAZHxmLWq/gT/XfKmqMctTXqaEDdDfJtfBuh9eQcte5p9oFc2rpbo6L2BOxeUjeM6/QHwHmpN4VArleS6HrPQFdpjgpY6lzAf1ETlVjg5ovUGlVuL8m5Q6smcfuG9RQ41Lm3qp21GaqA2zfWe7XvAXNYX8sXeu+9YxWNIDOTHaUuQbFHM/aOD3jpNN1vmTmOkNhGqB3/eWp2lHeAjhmtmp6C8VdQwo7jW7Hza2u67VWLmUupZ4p9grzgLde+3H/d75TDkZs/pmfWVafOTBf87a3lb333Vf2R+y47rrFevkQ5mcM5kyNm8+Ruqt/7ufK6vhhqBq4AK7zh+MHpMC92qBea+kJ+tWp0gF6Bbfq41L0CXzALiAL3D1BVA8MlqJHmVeAS6EL9vouHPNZQ+8DbIO4XgP2SQx0maLX+VQOp6GWTr0dxY569z540vdAHgOdr4YF5MC+a4ljWA2T5WyOvI+XbVW797AvZLqeaXNKwbPohSlz3YhZS72j3AE60+W6oTa6LwHuCp20e2uUU3D/oFnw3Y717E93dU7qXe+5WvdZ7+xaR5X7QBl3w2sUuFzuAF3qXMY4V+rAPAfNPBqxfkjeFaih+8jXHKRfQc4KPAFef8EA/fdt9ekgVe6DXgCz94y3KtzXnfq4V1fvXW0+F6wAbQc6bvZ2CtwL9JMzTS7VebfpLGvjHu0mNExt3Z7ynObm50qpC+IAHBXuipx95EBcQKeFzCe7Md1N6XTgfVjpdcFcznUp+QQ5MHegC+JHrEVt6z/5J4vjXJcx0lUwX3jrW+sUOKnzR264odZ9F9785lMC9fxrPH4Q4H+1vnUHu47z8Wfcu+iisup97yvf+p3fqZAlvY4KV6xKsI+lQW5VqCLBvKbhTbUDdMG+A3um6McydT+WNXnUfL0vHwr6eV3QH7c0PjX4cTPbochJvU8a7HUO7DHZcc+YKfcK8tzqNp71ddrfJnMuPaodJz01ddLuQB2XPGY5au39bH8D2qhzOeJR5aThMdBN2f2C+2RuiwPkGOboY58z6GOq60bMKl2vFH8e6wOA0vi5lpW6+mxedze8z4x3NU/K3qfK1YUxekCwFjZvacMdD+hR80Dfge7v0Ycuha7rUuKC+Tfj/wc6CuiodEE996XviRgq9BUA+kZBXEHKXSGg66i/DAFef8FKuTNMxiENiD013qpzoOzpd0+x+zIV6uU+9hXAu9nNDW8OcQbIcC8p9xO2BQ1Yd8NglEKXahZ4U52fYEhMAp3wrWdcY+jL8zn0hcluvgGtqnadD1DjAvfBTKW7Gj+UIAfc1Mmr6S3T7VyrAH/yyXo8rIcEueEjtv6Lf1FmAy7Lgbna0+bi3ifvvLMceOCBsvPGG1+XMJ9fIZij0NclzPvnn19G3/veMhIwl5IeTeAK1KMcE+rAvIaAn+qc+4E5gEe9e4peoAf8+kzPoK579bpL0QvaSrej1KXK83Vtl8safIV0pt911MNBP93wnppXrV0xmS1t3bx5623vZ187sPce9z6p9lTok7YwxmHe9bin0a2fBjrWvLL4BdUO2NnZrugb/KdS1XMOuFHkpOHbBTC13p7vdepc75s7Xin4mYQ19XGFgx3jnALIM3FuCegFeH0mFbfOaWMD5BjouL7R5sW3BjqMdrTFyRit1wK3IC51LqgrPAWfjvdHI4YK/Uyn3APajwjY1M7dEMcuWyl0/QWqbY3JcD4cxuest/vHHehAvZ3hznVWnvoKVFL19b2sjTvM3ejmhrduo1r+2kfNte7z1938hiFO149mUDM/nJPcvGbeAT0hzlAY33gG0JmvzthVhzpz1Y9lvzlApzZ+KNPvKPGqzC0OpBrXPHaB/ICgrrGu8Xva+bGPlVn1MZ8CzPfccUeF+a6bb65tU6cK84UhzE8P5hdcUEbf/e6yOv7N1bR4/ICU8v5W/EAcTfiOpjrvXgvSSpWrbi6Ik4bP9wH46kzHV1DrnvyMA5yHgFpzF7AT5ICdFH/PFDt19F6m3IH6eDrrx7IH3oHu6r3CHJNd1ucx2gF3AD5paXrALkhPsrdd7+fs+ak003kPu4+aZSkMg2lm0izXT8C3NfZuLrzgzvjZBuzTNpSGOjpqHQXfpeIt5jNlv5D96w5zgE2dHYgDbgFeR5zwHvV9Gw3rvegL6Yqnno5y97p5C3SgzucZLCNo/178/aHQUewMmRHQ4/hkxLYhec/8YJltbFUTuKmbC+hKlyh0rr9ELWdRvRzotqNbvU+c+jg95d433jrY2/3m3rqGWqe3nDS7p9079Y3ZLV3vR2RmA/I5mlWA973ktKRhfGPJChAH5KTVqZ9TKwfcArmATlQXe85Q78avZiodo1tNo2cdvRrdlIrXQ4Ep8i7FnvCuRjel1QX4PJcqF8QP6wEgga7f/2Of/WyZu/LKZcNcI10fveWW2p62O44bLr+8rBnC/JSBfqppdn1GS3FW33NPWR3/Bh9OAI/FD0PVzHVeU+oRAriiptwFc90j4Oe5gD6Snx3LuvlY1twVI+mSr9+fqn6E9HzCX+AG6mPNNU/TUwbosgJpsEOxk6IX7PuMpDXnPXX3LiWfyr7HRDvBPV3zAJ2lMfSzd8fcEMf2t7pKNsFP2xurXdnn3k/jHYtgZlOlT9uAGo4AnhGxvvyF6XKzlmYn5e5wR83P2rx3jHJtT/tcAhywywnf1td17ql571MH9HWevL4nTXI+FpZhMqh0X82q68AdVe6pd4Cu9LvALTX+rfj70lEwV+hcyj1Hww5NcSvVtoZCB+isv1P9nDV4+sv+3ve+t2S9KeY27xF3gLcT4QbBmn5zUurt2tQX0pl+3PaYe0odpc7QmHYVKiY3oO3u9ZfBPI1vnlr3CXAoc8EbwxujWTG9uSpHhQ+at37I4C1FXmFv6fTD1MxTdQN0nQvgXAPkHdDlcI/PfSd+CM9dc82yYE5sv/HGcuBd7yp7br+9bLjiiqrMTxXSc6/x+H7B/2pDaFqoq7996sILy+r4M1/167++2JomiEesih+ED8e/vxpKwQvscU1HwX2VgVxQ7yBual336VgfAFRHNxU/Tqo+lf9Iqn0gr2s9KeysvbtSH0+3PK8Fe6Xj+wliUvHKNAB0vfYjCr2XLnlUO33zXUo+p9F1r0mzc51zmzXPIBogPjVgAp3en7be9a6+LvVuMO8WuORe9rkm9T5p7XCodGrrpNw9Ne9qHUPdVD4EAPY1BnPa1RgbK3j7CFnA7uqcFDz96XOZeie17o53jHOk5V2le187ap/BNQAdgAveUuqtWtf1gPljX/3qVzcNyXuGgR7w3ilgM1AGkOsae2511Jaf72mWuw2A8XR7a4QD1D5/vVXhqHXuJ8XO9WMJ7HaxipvhBHGmv3mq/flsPcPk5mNa29e0o3md3M1vba2cmngbmOEGgRzzW+0jT4B3kRPccKzX9rMAM/XwQ6m85VQ/mOfEIZneMsW+/4kn6vc8Ez90Fm644ZRgvvW668pBg/n8aSju1zvMHeivBvN1wPyii8rorbeWkU99qjwsSAvk8W+wgjteK0YF3AxdF+yXXIv7a3o+jx7jUt5Kv8fn/EgI5vo1JgR3oJ7XBXMeErhWYZ9HFDu1dUBf6+zAP8Ff+97zOlD3eFlK3nreAblHP5U57W19G15DSr5nU+jY/uZb4DDPaeWrm+V0VPQsgDnHSVrh9NrgTlBDd6Ocj4zFLDeTsWDOd6L2q1v6XZCeTjMdkKfdDahjqvMUPNCfS7VObR3T3Lqm1c0d8e6EZ22rQnNJ1MKsYTQC97fj70KhcwHdXe+5K30I9BWqoe9g7zmpdkGdWbw5WL+mcP7iz/+8/EEuYPFecp/oRu3bU+8nS6u7Ovf3ATow9xQ7IEeJC+Y+u53d5e5Y933lSyCe6v1oDoRxiHtfOS1qDm9X5lw7auqbEa0MgyGtfjwhjmPd286OJsiVRq/pddXO41zKG3VOSn3f44+Xw0q9S8GnMtfnn9M/6ltuOSWYb9IUuID543fcUTZeeeVppc+HML/slJS57lML4dj115eRj3yk9pdLhY8GrMcE9vj3963497gq1flqqXGBvAH8aAJZx7GEO6HXDndgrgcCHXVN5xNS2Fmz13dxHE+1L5XvYBfoyQzoXCHVP5Gu+NoeZ+c9qfdU84L6qJn5+llvB+xMrcMRj8GuG5CTLvlpB7wp9OmcGw/UaXObsbGyvvgF1S7we229WwRjM+IxzkmNMyPe58W3UGe4DL3n7etuFrz1rHv6fU0OnZmUek9I67XHgi18IXDLExXuCenZrKvTujbXpOS5j/dob9M14C/Q6xygA29CqXd3vWf6/Zk47hyS98wr9F0odKXcBXTm8LIWT++rv/FP/+f/rEBnZKun29v0egv6akzTlDXrQfcRry3sj1td3MHepdKtt9zfq2DPVrRucUqm2l9oVDtmuOctvS6l7j3lmN48pU6dfAngmaeeIPfjMVPkrsTVWkaNvNbFdX9CXXFMfeaKBPlRudYbmB/iqFS8ZizfddcpwXx9AHx/wPyJO+8sG6+66rQgPfsajx8E+F9pPGwL9qrML720jFx9dVn1wQ8u9pAHgEekyjMqvC24NhbxcDxgjwD3JgR/gVwPAGMJeUDP+eoEuwNdDwSAXjDvCbj5EMADwWim7OsDQL4/lrV3FD41foAuJQ/QParhDqhnqp5UPAq+WxBjKXhX7ex+Z668z4zvtsjl9Dng3reFMWx1c6AzqKZHvT3r6wBdah2lTnSDaWxePLX1ybw+mWl8Hy4zKBbSVDeZDvkuHW+taZ6K9/q6jih1gtd1TWvWxQVnwbo1ygnSPoQGsHOOSkfZC+j0oT8cf6YCuKt0T70PFfoKAp3hMfSd43BndJ+u6UlMQJcprt1Z7lDnOunzduKbt6O5Gu9UOfX5BDcwd5C7KiflTo39cC5XGdRr7nCnZt4qcZQ6A2Tc6OYtaEtq5w28MbyhzAVbpdWZ2nY4B8JQB/c2s0OpuAVqzG+Kw67EqZnLECe4K92+fXtZ/853LhvkirWXX172PfBAeTIeAjSrXaAZwvzMwlzXtOhm9IorysMf+ED5tlLoUuYCdkJ7dfx7ezgeor8d/w5HAsTjSr0LyErHS61HCOq6X+/puo6KVXG9XsvQg8C4VHweyQCs1j71OO8JyPk+Dw8TUthS1o1yR72Tyu8lyBXU7QV1ve6Uu85ldDOoS7X7eQt2T833st8dkFNzB/DVSCfwa+hMjosF9JPNLncHO8NpelZv7/ax5yjZ6exf1z2D1LpUuQDvjngmzLkzHre7u+CBu6fi/Qjc+Yz3mSum9PmEOEAnHOS+qrVrd1MGINvW1CLn6Xc3zrl5jocAgK7PacCYzgVtwVtQXxV/hjoK7FLqYkgC/fE43zIk7xkG+le+8pVdArYADsxxt0uhMyRAK/P+7E//tFPTrtJbtY6pDSe7K3N3ursJrq2b0z/ewrtV6L4a9XCm1o8Y1AE4g2I6Q1zuF6c+zrQ3b09z57rPXnfjW6vGu5S7oJ7K+VC2nGF2q3Vwqe1sNzsmdZ8Qr851KXcBPY8V6glz4mAA/WAa4Q499ljZ+JM/eUow1+CY5+6/vzx1991DmK8gzPVnPxrHVT/3c4utZfFvblU8UK9OUHdgt1id8B5Lha7zh+MzCr0W7IG7Q13fx3mFed4jmBMO+gmBO6Eu0PNQ0EeVJ+Sl8scFcME9zvWe4O6h6/1U7dTiR9Ns16XgNZAm4S5FX9PzAr2gnm55oI5y7+c2ONrbcMn3s4e9bwqekbL93Ns+ZhPpSNNPWQqeQK3PJMy7Va1S2anSa296KndS8K7K50y999M572l3hs20UJ/MbW6cV+c8kM8aOi1suk4I2A53v9fT74QrdYbPAHegTl0dMxyKXee6T0CX0JObXSAXxDm6ShfUv/a1rz0eMQT6SgCdfnOUOVPiHOhb4i/uf/7Jn1SF7i1qgNod7MDc1Xg76nWQQj9uKXZAPQjorswxxB02kNNbLnhrUAzXHObd+FVrTUOhH87RrUdSobcDYo6aY70b09qm19Potj+NbMC8ptrVZiZYJ9gPWwsaEJfBbV+EVLjAXc1v8fpQvK9r+/bsWbwvFPrm972vzLz5zctOtQtAz957b3nmnnvK1muvraBRHzQxt8yYfQ3H3CnE/EniFVvXmjGwujYbfz/j8TlNgVMq+1vx700wHxXIBd84/9YXv7gI8Hwtpf5wKnUAP5aQ1/uKsbymcxQ9gXp/GdgFZYtWtQvuXNNR1/qCvKXxlbqfyGsAX58bCPesu6Po+4J5Ouk9Fc9rHPQodcA+lmNrmSU/lYrde92nTaXXtD0mOautC9pjaaqjb52jr2vtVrZaVMWe9fQW7Ljh2fLWU2pftXpT6r6CdTofANz1XofPAP484oJXq5sA7il4oE46noUvKHPfwd5FutvpR2eJC1D30bFAXfBHtetcg2Uk9FDkgvnq+PPSa4VAT9o91Ppzcc+jQ/KugClOBjgfLiOAY4jTX4rO9STmpjiMbF4rR427OnfH+6Be81adA/IW6K06J8VOkF73wTFeJ0ehH806OVB3R7tAfjS3n0mda3Kbg7y79kp18gQ5hjeAfsQGwKhOLoi7+c2d64K66uSCN072IxF6XYGeUD8a7235x/+4zCxzCpxiPuD9nXe8ozwTQJezfU0o9dOB9MxrPL5f8L9q+5qBXa/1Zz8Wf0er3/veRTALnglyYkS18YgxGeE0XCbPR5uo70nR6/2EOUD383HBXCn8uHc81T1g1+d7Anxek1Ify9Q+4BecUe+8Vp1+JNvqdE3qXdek1qXe+41aF+RHE/iCOnAH8EAew92k0usGeJz0nZte0E7AM4uesbU441ke00+lXqEtB72+0xQ7/es44jHMsYu9Ve61vp6KfTpb1QR1d8P3rd7udfYuDOxS7qTf6yQ6M8a10fW2Zz1dAJdZDpA71AF7m4rXddrb6vQ5PRTkcSFd8Chz0uuk34E5qfqp+B6Jum0J9NH4b1eKXUA3iNfIdrbnIoZAXwmgA3NGvSrdLoWuo/4ydNyxY0f58+99r+48Z2Srg9vr4tTKvf+8VexLzG/MWc/wVLq3ognq6jfHDCdlfiT7w3Gx01eu4yEAnUCv6XeDOOtOuxS7KfNukYr1lisO5lz1JTBPwxu18iVjWnGw+3Q3qXLVwQX7VOUCfIW00um5TEXAljqXGt/72GPlUJxLkeuo97f/q3+1OAXu0kuXBXOljh9/+9vLs/fdV7bfcENV6kOYrwzMxxU/9VNlTCA2Va6pcKvi35+urUqI10lxqb6l2EdSjQvkukefE+i7EMDjOjAfzWsvA7tgnueE7qkQz9T9hBQ7tXQBPSFPfR/THqq9jarWpbIbuI+m0Q43PlAH7BwBOs55hdT8WPbB0/8+keNjfWIdoBfYp9gMp0lz2cs+nql5BtRM5cIXlHo3YtZUeud+J0yl10E2ORrWgQ7kq4IX9EnV63utD93T756Gr3X2vEdqfc63vKXrHec77neHuQOe/nVg7qn4OpQmwU3NXICfsTo76h1XPMp9Mr7jpUy5S50L6DoK5lLqXkvPevpQof8wgK50O+qctXg6bt2ypfzlX/xFBTpmuDbV3sK6raE7xP31CwNa0VDgpNR1dEXehbnZMb8BdtLsx9yx3gyOOaiUeqbf3QDnpjeWqjCq1RV5Hckq8EfUNaUGcr2mDe1YzlrXucCvdPrBVOAo8vp6QK1cQN8fsW/37gpzfeejGun6treV6VOA+a5bby173/nOCvPTVeazQ5ifMswnLrmk9N71rrIQ/5bm4gfetNLZMrYJ1qqfywD3m79Zwa7gmt6v9wjiUuMCeYZeP5z3cu3hfBCokFfK3l+rZi6g51HvjwvOqfSrYhfEFUrV58OAHg6k5BWC/Vg+BIzmQ4DX8AX6mnIH8AI6tXj1tVsKfixb7lqoK3qp2AX2ehSI5XRPuMtEN5l1dlT6JONmBfqEei/v6WcbXOuM76eaR8GPZ7CuVeHqfCLHyvZTyQvqin4q9xoGdSn4CYFe9+pauuCps0uV9xP6pOLpU+dBQIq8S7f7PvYALmD3EKyBO053vfbaOlCfz/q5esoBuIKZ79TWHfi0uOkoH9VWU+gj8d+vI2pdKl3vZdvadyK2D8l75oH+iFLuXjfP7ThVnTNof+fOneV7f/ZnXcrdlTVgxt1O2t0B3r7GBX+06ScH5tTHUeiuyDuVbhD3dai42IG5UuzHzATHKNclMWBIDCtOuwUqqc4rwBPmLciBOeNaMb9JlR9NF/uBVN+k0/cn3FUjP6i6uRztAr9Mbwql2gXyHDSz53OfqyNdl7sKVYDacdNNZf+DD5adN99c1saDwBDmpw70U4F5rZlLlccD1/h995W18e9pffzAWxM/3NbEv6n5OArsE4KhAB5wfjigLngrdO6ha6uAuyCd0B8TnDP0foW7zuP7BG8CuK9GycsQJ/We6l5ZAJ3rQYEaPoAfT8hXFa/SQJYLUPj1fQFbMM8gbS/I67WONT2fLnsAj6HO0/G0zPXSPc9I26rUGZaTUO9nnZ2NcfS5k4b34TWMmKXFzU1ztLwxiAbFPp6b31qlvuQ129rU5pYtbCh2HPC1Tz3T9ICc8FGxpOEZSDPJRrdMsQP0Cvlm4xrwpobeqnLAjvN9IcEtOE8pS5CwBvDU00nL6zWqfTrOxQFS7goBfSweXBSk21Hpwz70M/y/D3zgAz/2uc997o0B9cdJswN2qXPS7RXq8Q/j0QC62tZYmcqUOF976k52H93qw2Pa4TPd4pTcXd6tO21q5b7bvAN87iknpU4dvQV6TZULtkqn2+5y0u2+7lT186rGBXQzv7WqnBGtgjmmN8B+INPo1MgxwdW2NIE7TW4Hc8KbgK1Uu96TCj8QalxAPxCqXa9rPPZYBf3j8fcyf801Zfqii5Y/Be7668s+wfyWW+qO89MF9PRrOH4Q4H8lx3sLdd0/ETAfu+OOsiYAuTF+yK2PH3AbMgT1GY3nDfhMK00t1S1oS6l/4QuLYJdCzlidMNex3hPBdQGc49iga4KvwJ5KXrAfzdR/Vew8GAD+OJ9ArSv9ngCfMAWPah/Lmjtp/i5ln+l74O6wJx1PX30vDXVAHqXeDbJJxb5EpeeRWrsUOmNqpc6BeS/nwQP7WmfX+zjiE+yodp2PZX3dlboUuo7U2jHQMX2upuBTlQ8Kb3WrwM8lMN3EOAE7zXGod1LwdblLut5n0jA3baqctDtgd8XOnPfWSEcI4gI16Xag7tvYuAdznIDej+87Hj+DpdAF8vH4/ap+LnUuiJN61zFT7nsjdg3Je4b+t2PHjh+LP2gBfY+ALne7IM4Rhzvr8LZv314VulLuLGahVY2xrYNS7m6K01ELUwA+dfMK4kaRk2JHjesI1I9bap2NaQ50T7N36fSmRU2vFUeyHQ2AK2hXqwpcAM9Vph4Hc+84EGcD2iHrLT+a7WgdzNOpfjCXqcjoVl3sAW7BW68PotIF/Tgeic8q3a7vfTr+oWik69QFF5zSFDjBfNdtt9W+cxT7EOZnGOZvelMZu/XWMv/Zz5bN8QNaMF8b/442xt/huvghp/S7jlWtx7mOU0pDC7aCqhR7gF3nQHokID6e57pe30tFj0ofaWCuo0IwVxZAR333uO6Nz1XIx3dOJPDrUapbQS1ecE6Yjzncpb4F5IT7aN43Zi10E9Yuh1LXtYk025Ge53w0AU973ASmuVTsdWCN+tqzxt7PHnfm0tchN5mCZ8GMt7xNmqmuAr9R63VjW4K9l0NofHsbC2AmE/bVQJe97NOZPp/KGntNxWeLGzvXJ7LurkUws5l61zXmvANz37XOMpjpTL/P2sS5uayFe03d6+qeiq8AN6gv2aVuaXYUukLnpN7dGS/AS9ypho67Xcocl7vUOUBPg9y+iN1D8q5gH7pATv1cR71Wul1PWI+FQvyrv/zLCnRPsTPeFbe67zBHmbfudx4AgDapdpQ4qXWAvsQAZ6qcFDtQ90EywBw1jiL3VjUMcIJ4BbgAnEqeVadHMr1eIa6xq40i53W39UwKPIP95AcynV63oEndJ7hrXTz+XBV6LagfTIgfyJq5Qt/xdPxDXxtq71RgvvHqq8veBx4ou2+/vay/4orXpTKfXiGYA3T1t/c0OObGG8vcpz9dNscPZinyjfFvqCrz+Pe0Pn7AbYgfdOsj1sX52gCLYj6ANidjmOrWSnkLnIKyUu5S5Z//fAW+oK1zxVg+AIwl+BUjCXHdW2Ge1wVxxYSFPttLZS/Qd2DP0EPBaAK/JxgL6PqefG88U/M1hZ/K3tV7hb/gjeFO4LeJeCPZKifFPpZH6u4odzno+5men0ijnCDvhjkBfioNdeO5PraXK2D7WWfXohhS8SyH6adS75zvqrtLubNv3Xauo9LH0h3vaXeMdFNZK6/wzq1vQH0yW9iAOv3rvYzJbG+jlk5/+mwugGEVa2uiQ4U70CdtuhzvAX5g3lc2IJ3ydUZ8ut5JsSsNryMjY+dM0ffis/p5Xk1xWUMXzBVS64K519Hj+GzEMOW+EpPiADiT4qij6zqD9/cEYP5XAP2P/vAPuxWqtKy1rWik4lHjnmZ38DMQBvc60PbXGOUYJHO42WGOGj/MprQEPCD3nnOvoR/NBSq419ljftSmvVXnupS1XOlqV5Nyl4lNk9nkTM8hMQyKYXzrkhR7MximtqJJmecRsFcVnspcUa8H6OVqfyb+Aa27995lw1yrUNcFwAXzx++8s453HcL8zMN8Dphry90v/3LZED/YKrjjh9qm+KEGwAV3xfqEus4Bu5T8QoCnRkBpKuE+KoUein3V5z63CPF8PZJgHw3g67rOxwVyPQTofcE9jxXsUuWCe57rQUFgH88HAd6rwAfocZ9ATgjsegAYTYVfr+V7UvV9QV01c8Ceih5lL6U+mkp9LOvvBOn4fqr0CnWpdF2TqS6PE1ZXxxlPu9tE7nyfyN3u49b2Nprb3+qa1kzB972Pnba2HEIjxT6Wxrm+pdsnbO86K1t1PoZiz5Y2Ab1vKp0UPGn3aprL1Dspdwe5L3nREhipc471eipwxrvOmmHOIU59nUDB+zAaaumTenAwwxwg17lgrujHd9K2hhFOIJ+I35uUOiY5Uu8B+kMRTwzJuwJAlxKnbq46uo6svaMV4fEAi4AuU5zvPW9T7cC77T9nljuOd6+bk26vw2FSkXPNDXHHbWAMMFdrGj3nHidyp7kgrvo5Y17Za67NZ7SldVBPAxx1chzs1MyZwV53kqdKJ8XOZjTGt+63/eSMaBXM66jW7CWvNXLVxvUaAxyRcN+7fXvZ8N73lqnzzls2zJVaf/ad7yyP33VX2RAqXarxdAA99SMQ3w/0X22qnIO9KvP4zNh115WZf/2vy6b4gSdYbwhIbI4fbhvjB/uG+MG2Tko9joRer4979L7fsy4gsk4lFgx0ApFMawKpO97TADf2ld+pprja/qZ0ezrbqZWP4nRPU5xe1wl11eH+5a5fHce7lPMILXE5qW4iJ8ctGRWL4hbM87qPnK3XckZ8Vdd2RGmzrnV1zoAfT1ObALyorL9WRr/x9cX2tOx3ZzHNeKbi9X2qu9Pv3s8pdAJ7LyFPX3s3O57d6+6MzxC8x3IoDen4WltPFzwq3dPwUvJ1EI2UegQqHJNcP+vmPcxzGh2bxjgUed3FbkcBHfMcfey1li6VzppWpsrF60nrU8cc57AnvPYO4NuWNd/Optek4HWP4H0sfiZLoWOEE8QFdGCuoDd9mHJfQaCjxjkK6gK6z+fdvXt3B3Slzb2GjimOaW9dX7kNnml7zo/laNfnG6U+EOIJcKa+CeKodF2jB10gP5h1cTe/1YExuNb1AJChFPuR3KImuEuVa7WpIC5VXo1vWTOvy08EYVLuTIKzFafMY687y5VCt8luwFtKHNd6bUdTul2QB+L6jNS6Ir5/d/xwng8oT1988fKU+VvfWp65//7y5N13l42hFIcwPz2gnyrM+/HnP6KxrvfdV9aEil776U+XhV/9ZFn/6V+L+HRZ+8lPlrXxep0iztd/6lNl3Sd+taz/1Yg46nxjXNsQ722M+3Vc+/FPxPFTcf3T9Xz+V36lzH3kI1X9T3/oQzX6H/xgmfzgL5V+PEToOB3v1eOHfrmG3p/+8IdL/5d+qX5uNs7r53X8sL7rw2VK36XX+u64NhWfm4zvm/pl3fPh+p06zn3ko3Htbz47qc/pMx/9WBx/pczE70/vTcY9U3FUzH40PhP3zH3sY/H+4vnsxz9e5uK/p16P41z8Gcx9Iv774qiY+djHy3z890/HffPxZ7Lm136trIk/k7nPfi5gvph6H89hNWOp3tk6p9eTqdonco58TcsL7Alz6utsf+ulOmcRzGjW1vu5n12gHrepcqThBXeOY1lzn3bAk2rPiXJMlRPQ6xz4bG8jRT+dY2LbOnp9MEjA19S7lLvAGsf6QKB2uGxRc7c7/eb9hH17jdcAvY6PTUUuaEupK6TadR0nvMCvlLt+nstbJZhLseuagK4Q8OlNz/T7sA99hWroj7GzVkcMcaqdK92O4eGxAPpf/a//VVPu7D33nvKuBc1q6npf13hdU/EJaUGctLrXzIE8RrhDAnPWxVmFCsRR65xLiWN2Q5UzPAbDmy9aEcwPZxq+qvRMs3e95bny1PvKBXUAL3AzvtXXmx7OmjnKnNq4YK5jVeUJ8CMOct2newT5OOq7tv38zy9LnQvmGy57S9l79z3lqXvuLZtDKTrMZ15nMP9BqfPlzHXXrzUSf/7fvPDC8tU3nFW+8WN/q3zrb/3tsvrHf7yM/e0fL/2/83fK9N/9u2U2YuHv/r2y5u+9oayNWB+xIWKj4g1vLJsttkRstdj2xrPK9ohHuji7PHL22eXRs89ZEjsjdtnren7W4nHXWR5nd7H77OZ1vK9rXK+v8zP12tkv/9xu/2x+/rFzzl08ZuyJ13vOOa8eHz/3vPL4eeeXJyKePP+C8uQFF5bvRDx14UXl6YsvKc9ccml57tI3lb1v+omy9yfeXPbH8Zkbb64PRbXfXCDPyXU9U+dVtedr0vFeU+8WwKRa72V9nZr6aAKdSXOT2bvez6PS7+P5uqbjU7VTT/cWN1zwOOCppXeT5ax2Tjsb8CYN7+Y4j9mcGjdJa1um1lHfk5aKHzSIhto517p6uh4gBPkG4gI81xQCuH6+C+gY4nC743j3FrZ4fTDE4eND8p5hl3tA/DvUz12ls8+W/kLV0DVY5j/+0R91Q2V0RJmj1L1dzUe/CuwnchCM95pXk5vUc6bg3dXuQ2ZOWOBkX9KmZi1prSLXA8B+AVl17jS+MTAGZe4O9ppeT3V+MBerUCs/kINhmMWOk13p9X0J7upiz+MhM79Vda76uNR3wrsDeby/99FHy/5du+q5vvOZ+Iex7q67XrV2ru1da998WXnmzrvKU6EQt9xwQ5kLpT79OlXmK6XOdT4pmMffwTcuuqj8uwDV1wJU3wxIfTtiJEA1EX93kwH66YjZgNWC4qKLy9qIdRHrIzZEbAyIKTZlbM7YkrE1Y5tHQG/7gNhxknhkBWNnwNjj0QAysSsArdgd/59VPBYPonve8tYaj7/1beWJt11enrz8ivKdK64sT115VXn6qqvLM1dfU/bG+VN3vL0s/PpvLDrRE+q9prbu2+BIx4/nFrh+Qr1T6NnyptdTeWT3ej/b2+oO9mxrY4sb0+XGsq3N0+60spGOr3X03JlO2r0qc8bGplmO5S8C+7i+IyGPA14K3afNodSZ/T5je9IBt6tznyhHOp4d6xX6jVKnXk66nZS7jgL60fhZvH3btgptqXOBXEcMcnpNKj6ORyOeHpL3DAM94P0kIEelK90uhS6g41x8IqAjoP+n//gfu/GvDnGBm8AAh2J3ld5OfgPsUuL0nLsh7niuMfW1p67MlX6vafYc0QrQ6TE/muNafWsaLWo19R6fVe1cSlwQxwi3P9vSGOXqw2LqYJhsTaMtTTA/kGn2gwyCSbe6FHt1s+/evZheVz0944DUuGAfIN+7c2fZH1BXul0PE7s+8YnFGe2vMA1OMF+IH5JP3X5Hefr++8rWm26qMJ+Saj8NSE/+iMT3A/06G/9VNrQJ/Eqzr474asD8t885p/xbA/rDAD2if8HfAH0+Yk0AfE0D9R81oJ8M7i3YW6gL6IOgLqA/e821ZV+cP3nPvWVWDn+pckGdVa8J8fFMxXcgZ3FMGuXY9oZ5juE0rG6dzI1upOA1jIZjzwfT5NGBTp86Jrna3ia3e7ax1QE0CXBS8FzrGfQr5NMgB+DdOFfb3TQ3PmvqgjqKXSlvzG8AnalxqHbc7yh1N9YBdADuaXhAL/jrZ7tGggvYqHdPt+ucWnrA/Ehce2pI3hVQ6G6K83Y1qXPBXE9dTwSotJxFKXcc7m6Co1buLWydKk+oo7prTdwGyZyw4TKAHLf7oYS5VDbBjHadH00HOwY4xQGZ1gTvTLUftvGtqHKpdXrNpbq9Xu6rT49kb/mRnMd+xCbAdStQbUjMwZy37rXyqsoF77hWI9X4gQB8hXjA/LCux7V9jzyyCPp48t300z9dJgMUJ4W5NqdFPHHzLeXZ+99ZtgfM5wXzgPy0gJ73LDcmf0Riuf+90wPi1ZzvTNbTr6M0+9cC1F88++zyW2cn0CO+GVD/9nnnlZGA+vj555fJUOlTAfXZiLmIhVTqayLWRqyL2JBKXbHJYnPGloytHi3gM7afJHac4Vgu2JcD9ZOp9Ar1ON/z4IOlF1BfLVBnv3vnis9gKYwHLW5KwbtpjrWt9SEh0/ETuYedZS844XHAV2Ocau+6J0GOSlfandeeelddnRS819YV4zk6tsKf2nq2ubkTHhNdTc+nOhfcAbrq6hN6SNDDgR4KlCJPsKPGOUe5cw7YZzLdLiVOYJgTuMUEZWkfiZ9XOqferuB+1PoQ6Cur0J8gzS6Yqx8dpa7ah/4y9BfzdMBKQGdCHDV0339Ovzl95ox8ra72VNueagfgKHOBnNY0xbFcf0pvOQpdilxQ71LuqrULxKnQATo19KrccxVqTbGniq8wVw08lbmn3aXGBfp6FNwzUOWH0sEuiJNeB+ZHcmzroXSyH8oWNFfl+wR0qXP1mgfUAbpc7arFPxF/D/PXXntSM5zgMxdAeTwg/twDD5RHbrmlLLztba97mE9+HzB3oL/SOFip+LG49+uhzD8fMP9CxJcD6Isp90WgP2xA7zvQL7ywg/mPGtCXA/cW6p5+f7XUewX6tdeVvQH1/RG73vv3S18td1La5qqXy75OoWNRjN6Xi14tcxoZmyNk2dHubW4C+0hCfjzhPp4wp7bey371Duo5LhaXu4PdB9H0bc67p9771r42kfV1qfoxPRiQks+0OzV3b3Fzc1ytpWddHUUuUPdStQvsOneAe3tbZ5BLFT6V9XR60lHpE/E9+vkvhS4+AHVMcTonDZ8qfdi2tlKT4hgmw3AZqXO1rKmOzji/ZwMy/+d//+8l61PdyS6AHxY4BetMveuc+jqgxslOOh2oK5R2J/3OfvNDWQP3ljSuo86PMCgmgS6YH0aRC84JcVR67TnPWjk95oTvLSfNTj/5vnS078shMUx6E9CrKrdpbxoOU9PraXirEFd9XEAPiAvggrlS7Aek0ON9AV0hZb/9F36hTJ7EDCfwzF56adl93XW1PW3nbbctgfnUKYBN9/WHQF+WOp/NVL02p30jHrQ+FxD/N2edVRX678T57wbQvx5A/70K9PPLWAP0mR8A0Lf8iAH9tFS6oB7HfQH1R97//jL5uwFytbWpZS73vxPVMJeT5nDEVwNdKnW9VsucjHOKEaXps399RJ9DsQv0ukdqPuvq1QGP6z13pzMetpewd8D3ctCMAD6e/en1XODOATTU06XSx5S2z/Q6Zjmg3s+FL9OmyqXWpxPwk6nOBWepdYe1zlHvtLUB91pfTwPcrKXZUeak3gVq/Yx/NH5eocYx0bk7npLtsA995RT6d6TQVTcX2Bn3ygxenrj2BQD/91/9VfnDP/iDbpa796G7CY4Ue02z53AZX7giNY4CJ/3O+50xLtU4U+BQ5PSfH04lrvDZ7KTfcbQzxpW6uVLtB9LF7kNjDqTpjfa0w7yXe8vrwBiBWsa6VOOHE+iHgXgOjCG1vjdALWV+IGO/5rRrY5pe671Q5gdVM4/zffGke+CRRyr8n1EP8333lamAwSCYaynLo6HenwuYP3r77WXh8svLZMD8VJV2/0cwvh/gv5JZDi+ClPk3K8zPLr/2xjeWzwfQvxTnXznnnPLvA+jfOPf88q0A+uoKdNXQL6ymxumq0C8KoF+8JN2+vgH6xozXItBPpZ7+/abdn7vu+qrS999wY9n+gQ8szowXvDVVTmn4nEqHcW7C6uldfd3mwvey/30857/XHnjNhc8+dZR6HT6TAdTHE9yCOmpdx9F0xE9mmr1CWzV31eT1HabIBfBaa08F3rMJcih0DHKMiiXtXlPsgnvW0fUalY573dPtDnFX5nWdahrneA2kp+1ccJdC1892Le1CnaPkUeaY4vI4TLmvVNsaNXTBXKl2HO60HugJbH8AUApdQMfl7vPZfcAMJjmvnXut3NU6UEetcy+pdRztTIKjRa3tOffd5rX3XA71xtF+ILemuSJX2l3HCvecAlcnv+XwmG5QDBvRslZOjzntaV0vud5PRb4/VflzArdS7rqWKlxAP5Qw3xswf27r1rJ327aaCdj9mc8sKsbGDAfMd2ika8B81513ljVXXnnaqfMh0AcDfZDzfTJh/nvx5/+5c84un3rDG8tvBMy/cNbZ5bdr/fyc8tVQ5w+lw330/AvKWEQvQD4pU1xV5xeV+QDxQpriMMQtmuIuXpYpbutr0BT3Sua4kzneB5njlgBdKv36G8oBKfWbby4bfuEXah+6wD0pgOfseJbF9HOELENtUOy9hHnnhs/6ukxy1NVrm5za4BLuUui9XMlagZ7jYnG805uOYu8nxHuZkq/38boBerelzdrXALk73x36naEugd63tasAHZAr3a5oAe896Zx392WbGiqdOrl+3quGDuhR5zoCdN2XLvch0FdSobP/XHBnZWr+RXQK/f/+n/9T/t///J8r0AVuHT21zk50zrt1qlkzR40Dc1LsjHrtpsVZCNoCOP3nB6S68/xgqnOAXofG5Dmp9iN5rS5kSZjjYqd+3g2JSWWOq52aeVXpUuXMZJcaT8hXsGd7GqNbUeW1Zq6WNZndEuIHE+CHpdTj/IBMcfH6oI4Rz23aVLb8o39UJkP1vcwEFzDZdtVVZe/995fHAubrtEJ1CPMzDnQp84l4/9vx5//5gPYnAuafeeNZ5bMB8y7dfm6m2wPmqy5YBPp4Otz/Jt1+UQfz0wX69tcY0B3gp9LCdjK3+yCoH4zXz916W1n3yx8uY1//xiLIlXpntSuAZ0e74J3z4UnDj2VbW6fcGTpjDniUej+BTupdrW0K9bD3UqEL3FLoClQ7Kn08d6p3e9Spmes+fU73Wlq9muVMrWOO43w8TXTdRrYAqhQ7Rrlxnet9mdz0YKDrCW5BG6i7Up/JNrjZrKW7ux1TnASdauiA3O/pZxsco2Dj9QsR+4bkPcNAD3DvFcypmzMhToY4Wg/0F7Y3IKfBMt6Hzja11s2uWjpu93a8q7vcMb8J9gyROZYqHGXOOVCnpk6dHDOcXiv9fihBzjhXzHCHsrec9jTUOcHgGNR5N/1NajxhrslurQmuLlXJRSpAvUutaxKclLjq5Uqxq888wS2QC+JKsyv2b99eP/tk/IBZuOmml61Hnbzk4rLp8svLc/fdVx6/++6yTtPj0m09dYog7w2BviygT6cyV8384UsvrTD/2BveUD4dMP+NAPnnQ6n/Vlz7t+eeF+r8/PLQ+aHOI0YC3mMXXhjq/KIyGbCejpiNmI+/07Xx97g2HgzWBezWR2yI2BSx8eLF45YAnmJrxraM7RY7ughoBhTb2HmSePSHEIMU+clS7a9kijsp0K+7vuy74cZyWFC/8x1l4ROfqPPa+/9+EeJLlHqeC+Z1VWum4UnBT+Sa1p7NgO/c74K9rtkMeNXXV0vxC/oZtT8+U+4jupamuQp3tcGlOteilolsZ6sz362tbSIBrho6MB/VQ0AC3gfSAHzmvVNHr+1rCfWaxs96ObVzB3yXXk9VTkp+NmvpE1kfB+QCtdS3ft4r5U4a3hU6tXd60+N4POLZIXlXoA8dUxzpdsFdUCflrr8sKXSWs3gNncExqHIf73rC2tIE7oNSy810ONLuOj+YaXVATpuaT4jrTHK5ZAX1vU+OdaXRsy2N9jRq6IcwvWXtvJ4rDW8pdpatHM5FK2pJE9BR5gI66vxgptefk7FNbWhZL5cqB+L7E+KHUo1XqAveCfB9EVLnOt+7dWtV8Ts1TlODZNR/njDvBwA2xg+4Z++5pzwRMF9/zTVlSkNNTlFt914H8f1Av+1PnzKY/2aA+qMB80++MdT52aHOA+i/ec655cvnnVd+N1T510ON/14o81XnXxhAv6hMBNAF85lQ0rMR8xFrItYGuAXzDQG5jRmbM7bEr7PlTYqfKNsytmfsyNju8L40gBlQbOPRk8SuH2IMgvgrAV0wP5k6fxnQQ6Xvv/GmciReP3Pf/WX+1z6zaGzLla9aEFN3tJtpbiyjl6n48Uy/s39dUK8pfDnbla1M1a42uV62t1XA59CZ1XoYyElzE9nONt5EBbw+q7p6qnPq6ah0Zr4L5kCc1jXOx9P9Pm7gB+i0rpF672eNvcLb3O2k3j3l7g54VPp0ptIZMsNiFok9zXLfFT/TBHGNg/X7qLvjgB+m3Fd4UpzS7gI6I1+l0Em36y9of5riGCwDsHG0A3FfwuIudhQ6UPeBMsdsHzr18qrCc2AMPeek4A/hYs9NagyTOZgrULs2NUFayjyHxxyxuvn+BDd95tTPK+wBei5YEdAP5ux1WtPYVy51rvp5nfImuCuNnupcKXbS7HK0ywAnmD+3bVtV56qZC+T746i6+tMywz34YJkK1fc3yvySsl7z2d9xd50Ct/G66xYHwAxhflowXw7QifF4qFKv+RcD2h8NkH8i4tMB8t84+5zy+bPPLb91znnlKwHzrwbsHwpV/u2A+MiFF5XxAHn/wlDmgnn8/c0HwNdErA1or7vkTWV9HDfE924KwCkE8M06XvoTi+o8fi/bA3aKHRmPWCyB95sVly2JXSeJ3T/EcLgDb4XeE8B1LlXuMFe8kjpvgX5AUI/XT7/7PWX2s58rq9S+9uUv1/WuArqWzqi9zRU7hjm1uQngTJfrVLtUuBbB6LUgL+ibeY5hNHLAC+ojukcPE9mbrqNUugfmOB2l2kc9HZ8p95p+F/AjBHaADsQFb4Hc1bpvZRPEuzq6wC6VrPp8vtdL5/u0TZd7Wco9p9AJ4G6Kw/imn/na8aHrLHNx6KPQcyysgP6dIXnPfMr9ORzuwJyRr/qL0NOX/oIOBCBVQ//j//SflgB9SWtaDpOhfa3CPGvnwJ26OTV1gH48155KgatODrzdBFcVehrhqJf768PWa06qHZjTc67o6uc5CY5Uu9rSUOa+9lQAR50zNGZ/LlY5kGNc96HKcbEnwFUvP5gDY3Ss6XVdU6pdznYp9S1bas398S98oU4ok/GtwjwU29p4/dSdd5an77+/bL7hhjJtynwI9DMDdJ1PBHBXR/z2BReUjwTIBfRPBsw/c8455XMB8y+ee1758rnnl39X1fn55VsB81UXXVRGA+S9iy7p1Plc/F0uXLoI9HWXJswjNv1EqPKA2+Y3vbnCfGtGVeYCeoDOgb7zNQ50hzgq3EHuNfMW5hjiBqbbA+YV6DfcWA7cdHM5FHE0Xj/+3r9fJr/wmwH1f1e30vUy/V6Bnql3GeV6RPapaxiNgD7KSFkp9BxAM55tbIRArpo65+pRX633UolLlY9anzpAr4NnMlDovB5NBd/LvvXRBLvD29Pwuu4qvtbTBXtNlmN6XASDZnqp2knD066GYuc1A2mmsgUNSFMbFxv0815An8/Vqw51auqY40IYPh+xd0jeFTDFCeQAHbf7w7m0nv7CAwHN/++v/7oCXTV0Rr+Scnel3o2BzUEyx2yoDOl16uic1+UqCXA3wHHtsEHcp8IdSTV/IDenHcyZ7VLnUuEHs/1MQN+rGeuCek6HYy57BXm2rKHIjzCvPafAsf70QO4tr6pcylsT4bJFrW5IU/pdsE43e21HCzX+rJS4psApVD8X4PVeXH8ugP7shg11EQuT4dSGtuayN5cn77ijPP3AA2XrzTeX6be8ZQmUlgs5HSdeB/H9gn8yYT6eI12/HJD+6FlnlV8JmP/qWWeXX4u/m39z7rnlC6HMfztA/m/Pv6B8NZS5lrI8HDAfufjiMhExGfCejpgLcC9ErI2/y/XxfRsDwIpNArkifr0tAbutgnfGDsVlOr6lPBKw25nxqMUui92KAKPHYyeJPT/EcGijxL1WrtC5Uuwng7likDo/kOpccfDmW8phQT3OH/uH7y897Y6Pn239TL9rnexI7mUfZxe70u655lWBUW4klXkvt7YR4wn0rj9dqj2vSal3k+VMlSvdjkGul8q9wj6VOYFin8gU/Gi2twneGOUYNsM12tiA/pTVzwX06Uyx04/eB96p4HUftXXfme7tbVM2Ba4CPb5Lok1LuwRyD1fq1pP+3YiDQ/KeYaCHOn+WKXGk3DHFqYZOOkWqW21rborzFDtKvR5tAhyGN3adH29c713rWgId8xupdl2rzvZ0ry9Zg4qjHdhn2l1AF8z3o8YFZaXVE+xKqcvR3vWbZ8r9cJrgDud89gr0DM1idze71PlzAeyDDIzJtjTVy+kvr4o8DXBS4/uolWcc3Lat7Jc6j/uejD/3NbfeWmd+a0DMfADg8dtuK88EzLfF9Zm3vvW0FPfE6yh+EEperWmrA7RfCUD/SsD8lwPmHwtl/qmA+a8HzD9/3nnlSwFzpdr/fah3LWX5dkB8JFT5+MWXln6o8emIuTdpLO+by5qIdaHCNwakF+MtZXPEVkXAe1s8pO0IsG2P0HGn4rK3LkI8/s53BeQUj+Zxd8RjFnsUbyMuL48JjANijynfH0a0QPcaeVsv11Epdm9VQ5mfTJ0fDIgTh265tRyJo2JnPCT3v/KVCm7tkh8PmMv93re6+nim3+sO+HgtpV6XvEQI6qh0wV2ha3WyXJrkVkndKz2fcFfKXVPlZJCrKXhNppNAEuizZ70qdoE7Xe89T8NbTd3T712bWu5Hb1PxAL6qdLnLlQEQ/DP93k2Ly9o5kHc1DvTpT6ftrbau2VjXkfhe/ezfEz/zBG5BfM2aNR3UpdqZFpdp+pfiOw4MyXuGgf7QQw/t9xnuUucaKMOWNf1l6C9Im3X++v/+31pDlyGO1aleS6fn/BiT4lDfDm7S6/bekVy8AtBxuCv9LrBrU9rRdLL73PYjzHW3ZStMgZMy35sgJ90uQ9wBUuuY36ibJ9CPsBZVwM/e88M5wrXblqYUu1LqAnia3zS+VSF1XmvmCXSNcj2Yxjcd9wbA1Zq2N2L/5s3lYIBd/eg7tTf6/PPLVMBgNqDy2C23VJhvD6jPxA/r3mmk0CeGQD8loI/Fg9T/z96bR2lalefe6/tyTiYwiYqSRFQiJJiYOKFRV0ziRBISoyJhdAAFFBxoQFAmQaCnGru7emBQhp67q7trHt65hu4GBAWNqBnMcNYZVk7McE6Sc9b6/nq+67frvl52vVbTDdKNCU+vda/9vM/7VnV31bP3b1/3tPtktwvQlwviwPwyjZ8SzJcJ5p8TzK/X7+hmgfxLUuYrXnxC0aXP9kmNr3spMP/54q6f/4UFmGtTwAl4m2VbZNsAueC9Q8DeFQC37RHgbPsM71dgryyGMxsJGw1rA/uV2MnJxg9hEz9ilivwPE5uy13sh4qbt13toc5npc5t87/x2mI/UH/t64rdH/5wiqMnd7tsEzAnQQ6AA/hwwa/V69RhLsuAB94YkAfidr3TXW59tIcF4i5pA+6poxwudwBPxzk+50x3Yu5ZV7k1CCc+x+ddzgbMcaeTKc954rzXUbpmpY4qx9aEqrdi3xRud2CekuYCzgY2oB/IlDn3N0SsPXe75/fShiDq0DlWG5EH0IE9AAfoNsfcsx7vD4slZdnaMXC5TxFDB+TuEoc6R6UDdHZfDzzwQII0Lvfvfuc7qf2re7rnSXD8gh1Hd3zc3d9yl3sO+P0B8/wkNR/GsugQljgeldG92lHlTTq/heFun4lEuFY0jEkNYqIfu1u9AvRWnKbWIOEt4uUuUWuFiz01jQHsuNJ1rx5q3EefNgLkqWFMnJRmdU6cPCW9ZYlvKVaOKtfrlq4BOjH0ih74be95T7FR4LhHQBlyf/bXva74shb2jbqX24YjsPXPU9twhNb5Mx0ImHNy2hWC+MWC+aUaL9fv5LOC+dWC+ecF8xsF81s59/yElxSrX/LSolcgX3Piwt9N6ds9gve9svsE8AdkWwXxbYL2dkF6h2ynbFAQtu2R7cMEuaHMRmwC3WjYWIzjmXFvAuMUMlRtbjksn6llkJ3q/P5HYOnr/H0O8X1zl/pSijxX5UcC8zkpdAyYHwTqr39jsf1jH1uIoQvaKHVszc03F/0yQA7sUejpjHWuUe+RKJea0HDYiwGPIkfxRykbozvJodSTSicOj4KPM9R9bjpwt/udsZ+vYSMQKt6KHcCviTh86iAX8Da0nQXvxDle59nwToxrZ7rbFZ/H0kN9b4xMdO4Bed9bx/fKYJ6SpENxc806z7HaqPP7778/ccJKPW8Xm0rf1q8/IKuU5D0GLncnw2HAHahjAJ1fCL8gFDpA//YTT6SkOPdwtzpHZbv+fD7LZs9j5i5Tyw9p8QEsOdRdpubR550DccfOAXm7Fp2mMJG5Drzdpz0dshKNZOYim92qvF2qhnq3Ete9OslvUXeekuFwraO4o/tbK1Q5We01OrwBbuLiUZqW4uSocxS7YF0NmKPMca+jyBlR6EAdNT92443FPZySJpjsOe201AWOlq5fkfLa+AxhPfA8tWcC/nUnniiV/dJilQw1fpFgfolg/skX/EzxacH8KsH8OsH8BsH8lgTzE9JnewTz/hP5e8lpWOj1fq8gDsw3C+JbZNv0e00gF7R3yXYDcoF6b2YJ4oIcNhLWhriAh42HTXRYG54CITaVm6Bom36WrPI07el+n06IHwrkTwlzqfOk0AV07MFf0/03vanYcsXlRb8UOZnv61Hn4YJfD8ABu8YEdOLrqPIAO2p9fTScGYjStn6BHqgDcHeScyzd9eprswS5NZEBvzaA3kf2PDAH5MA+YuquU3c8fSA6y/Eate4mMijyHPB5TL2dKBcZ72v5Wt7LYJ5K3wLeGyJJDpivcyZ8AL8Nfr4X8XZe43LX17POj2mNhA/A3MlxiECuMSt12aOyMoZ+tIEucDdce+46dAyXCtmJ3n3xy/s///ZvCeh2t9usyp3ZPh+d4OayEcA7jo5yd3b7XLjUDXBbntlucFuRo9QZ59zONVq8NnCxcx/gRyb7bJYU53auxM5nww3vtq5AnAS42TjbPClyQRqYt+KQFSA+6xI1WroG0FuRzV6Pjm+o8galaeFirwreWIK5VHlt69aiGUBvbN5c7DrvvGLj8ccXu+jPLmU+9IY3FPeefPKCa72E+VEBuqE+IJj3Bsw/I3h/VDD/+PEvKC4TzK/4mZ8trhTMPyeYXy+Y3/ziE4rbXvKSYoU+23XigqIngW6jFPldgvhXpMbvF8QfEMC3CtzbZDsAuYC9W3AelO2R7QXev4S9KtkI9irslGIss3HZxCnYqcVkZkuCWgDEKrlRlx1WfSrLIHpIi8/WnqYd8vt3vNf+fLw2xJcCeQ7zFDPvVOYZzLEDr3t98eCv/3rReutbi6989rMLLnbgLaiTLMd16iqXxdUxAz1BPRLlADkud8a2Cz76vq/NTmezak+16cCbDPlQ3AC9l++RAX1DKPN2S1hnwEf3OJLn+kmu4+uBfocLPs+GXx+tYxPYA9bYuoit427nNYD3tWG+KeLo7iZn4LsxDUCPuvJiFpe7xA182Kx1DLAb4oa6S9zKTnHHDuhNg9wZ7rjciaPzy+CXwi/soJS4gY4ytxnms8S1swNXMKv0BG0UcyjyFgo67qdmMNE8xr3b8+u5aBxjd7vrza3QUeYpdh5udme3p1g54A6YpwYyUWveznB3jXkeL4+s9tmwRjSNafdk1wNcJU4O7AE6iW4xVgVxerInZR7u9FYkvrXd7MTPBfS6JgDvj2tif0VqHCXHYSujUhL3a3HftATMN5Qwf1ahbmXerRG3+kcE84u1sbpUML9crz/zsz9XXP3CFxWfTzB/cfElwXy5VPkCzOnt/rJio0C+APOXF/e9/JXFZmD+SsFcEN8pSzB/lUCu3+neX1qwfboePkUmYGMJ5AL32KmnFuOnLNhE2OSp2C8XUzZBbzqzRdAW/GoC31JWD2t0WLovQD4dawikh7Rfe/K6bvPX/mrH9/GY//vifiPuLwJ5ns3uBLgOmHcCHZjbHtJ7jd/5neKuZcuSi30j4KZOXWDfYLC7Xp2YedSpOwN+IPq/W6mnLHgUetSlr+uIp7usDaD3sRmI5jOGut3t/U6aixp1rvsj7m6Yrw3Xe+5iB9y2NdEu1mM7YS5rLoNKXxfKHJC3y9XicJfcBZ/3gHd9+qbIcPc55zNajwE6OVYAHUMAwgzuAXU+yyagVOjHzuU+jTrH1e4adICOuQMQ7pSvfvWrxb/9678moPv4VPdtx9W+6Bz0jjg58M67wrmhzEwkvQFvwN1OfkNhB+ib2YlqjIa6s9pno5mME+FakQQHzG05yNsNZFDmxMtdmhZjqjWPOvO2QgfquNhR32SsR6MYIN6KTHZg7hauKaOdcjRBHYUOyKt62OuhzBsBdFT83k9/OpU01bOWriXMjz7Q14Uy79KISx1lfpFgnlztUuafFsyvkjK/VjC/4YQTilte8tLiDsF8lWDeq9/PGvq7C+R3CuT3COIcX7tZ8Abk26XAd0iB7xK8BwXrPbJ9siEBGhuWjcjGBGjbOCYoT4ZNhU3/CnZaURHYbFVbDtrTAoJtsL5mEWibuek9WyuzdE9wbJsA+AP2Gws2I2hirdwEUI8zsqaum6997cKI+Xtkf0eLMfu7Wzb/uzJ4cz9dMy4RMzfM55eAOXbw9W8oHtL96Xe+q7jruuuS+30AV3vE0wE8NetcJ4jjlsfCBb/WneVCqadsd2LmcfwqR6/a5Z7DvT+Dud3u/VksvZfNQMTMiaUDdifLWaH385pYfJSm9Yf73UDnde5+b5e28fkspm53OnAfiNbeQN4Z8esC7M6Ad1zd8fQNodCpgMIjO671EsGHOncc3bF0l61Fc7LH7rnnnvmSvMegDt0u91ydY/wy2GltE4SAuOvQ3fbVMfS8Dn0uFLbd7amlK6o61Lo7wjWjecx85nJ3vNyv57KGMRjtXVHlLlNLneCAPyo9gD4bPdlxuacEOIG6HklwjqG3DPCA+GyodWLmM5EIV4+WrrWoNcdqADsS4Yh929U+EwesoM5nolkMynxa4K4CcVzrGm1JnevelB70fe9/fzGtBXL8LW8pHtDiTS30BkHmmQB7XWnJjgT6a04k/n1icqd/9Ljji48ef1zxccH8MsH8CsH8St2/RjD/wotPKG4WzG8TzFfq67p/4RcF85cVAyedVGwSyO9OMH9l8cDJJxdbBPLtgjgg3y0VPiho75HtM8gF7ZGw0QC4bfJXsNOKqbAEcVvAO1mmfDuVcbMDjraZzFqCXrKA8Exms4Jd2wRA24xAmOwN2BuTzYbN5fbG0xfuM8pmXq/PvnHhc+nr+B58Pwz4B/jTvyOuk/nfpH9nArfGtvHvzF4vAnlH7LwT5jagPnnmHxabrr8hxc9TKRvJciTJkTAXteoo9D7dQ63jfu8LuAPzXlzyuN+1ZtKRLrWHjSQ5u92BOveIs9vtnrrJkZ9EuRvvdyTMOeO9L9S7Y+dW9AnuAXNntruhTK7UDf70PiVu4X5PWe98NoM17xna6bPxvpV63iZ2U8TR+/UZ1v0JrZcA3O52VHoePwfqEXd/SFY2ljkGZWt1J8O55SslawCdnVjaeUWWO2VrZLk/9vWvtzPc85K1uVDiuTpHifse123QdzSScdzcNeduKmNV7q5wQN0qvUFiG0lyZKsLyo2s3tzqvGV1zrXer6HAw80OyEmEI2bu5jHJxc7hKtEsJoE86s0dNwfkBro7v7WiNI0mMShzStPIam/oGlXeDJhX9POsyXDBV264oRgXzHGzbznttGKTILH+KdR4CfRnD+r8jK8VtM/9iZ8ozvnxHy8u0Pjhn/zJ4uKf+unisp+mkczxxZUv+JniWsH9Rn2OZLjlkdmeytTIjv+FlxV3paz2k4r7X07s/OUpdk7cPCXBnbwQO3fcfF/EzIcjbp7HyydedUrbzb4oRk5sPHepZ5ZizJnLvFN95yrYliC5FMQNcAFvNgP27BveJFCHnX667E0L9qY3L9ibf3ORzf/mW2RPjuke7/FZfy0W0F/43qc/aWwMXv/6hX9Tgvprn4Q4cI9ucLO/6vHXUiMZ2zwla7L9+nxuB/Q92qbXB/WZEW2mN33hC8nVjkrvv/HGBHigbtd7iqsDbL3uC6inunXc71Gr3hclbbjf6fnuRDmr9fXR8x2l3oui5z1AHpnuPsTFr4F5Uu3REhawrw2X/LroDpcr9E6w8x7W7ixHx7lQ6h7XZ0lvtvWZgncpWyfc/RmS4gixotCB+FatbXa7o9TJcEelO9NdYP+6bK4k79Fv/dogdo6r3UodoOcHs/ALAui0fsXlTtkaQLerPU+My+vN8zg6ME+qPFPpraxXe+56tzp34psT4azO3TzGB68AbuLms1lGeytrKuMkuLa7HZBHr3ay2q3WUyZ71JvPBNBxs7dd7lFjbmXuDnBV3Oq8liqvhipPIA+YJ2W+ZUtR1caIJLiGfp4AffTqq5O7fbPU2V2CQYJ5uNtLmB89oFOz/uVf+qVi2+teV4z97u8WzTPPLObe+95k83/8x8X+sIOyB9+Hva94SPZw2Fff9/7iq4LBI2GPhn0t2Qfa9vUPLG2PHcYez+2ss4rHP/jB4hvY2WcX3/iTP0n2zXPOKb557rnFN887L9mfnn9+8acXXLBgF15Y/OmHPrRgH/lI8a2PfnTBLrqo+NbFFxdPfOxjxRMf//iCXXJJ8e1LL12wyy4rvv2JTxTf/uQni29ffnnxnSuuWLBPfSrZdz/zmeK7n/1ssj+78soFW7Zswa66asH0TB/SrrLpc8uuevLar/V9vnvlsoW/41OfLr7zycvTv+sJ/Zu/9eEP6/+o/xv/Z/7//plg+hnZvtm2D6bP2P70g2e37Vtn6+v1u5p75zuLe/R3k+2+Hte7gM51f7jggTplbW2o42JHtVPeFoe6GOpro5StT9ZLBnxkvAP3pNBDvXO/D/c7qjtLiksqHRDrdQ/vZzXq7h4HzFNsPYBuc526VXsO+hRLx0XP5iBi5Yb6GtQ/2fSh0NfHPa4NeIA+kGXD8xqhR9J0U2szCh0vLsIPmDvb3U1m3DZWHHlctr8k7zHKckehkxyH251fFkAny51fDC53AE6nOE5b49pla+4ONx/laIa1FXkOcSfCzbkLXKjx3PWOMrfNZwlxQN3lao1IfpuLPu1zcZpaSohDqQN4oB0HsQDyZtxLSj0OXXF2O8qcU9NaWXZ7I1zuwBx1DsyJnTtunhLgiJuTye72rSjxaOPazJU5MBfEGwBdY10/04be26NFckBKEDf7RlztbghTAv2oQ/1ObaDYSO0W1PdJeQ6/6U2LbOgQNvwUtvCZ05+0058F43u++c3JhqV4f8De8pZi5K1vfdLe9rYnjSTL3/qtYvTtb082hv32bxdjv/M7T5o2NOPYO97xpAl04+96V7KJd7/7STvjjGLy935vwX7/93/Apv7gD5JNhrWveT++bur39D3OyOw971mwM2T8He+R8ffHv2VU/0b+D/x/hvX/4/87zM/DP+9D/NyGbdnvZyRslK9/wxuKbdrUbdDmZc0NNxTrgbjGgShrs/t9IFrEtsEeUMcF71PagDkueFzvyVDwEUOn0UxyvQN44A3EBewe3SdRbm240nG/o8rXRC93wM1rx9TXRcb7uoA0Kt0g98h9rg3zZBFbHwhL8OZ9YugB8baCJ55OHD2azriELVfoPk+9R98bATep9dKq3JnuXGMAHUEY9g3ZgZK8x6CxDCB3/bmBviZ2Yuy2HEP/13/5l9T6lTp0kuI6Y+dOdJuLbHdfM+Zgn4kDWHKY25wQ14rzzfMSNZ9/Puus9kiCszp3Jjtu9TxubqOhTDNg3uA4VCxgXo3ytEa0dMVccw7MqwJ3NWBed3257lUE7kqUpeXKvCaIt0GOKgfmsroe8qoe8JrukRDXf9xxizu7PUNgry1tSTsk7KNne7vTHEluP6r2spctsg0nnbTYtDmxbcyNpkRhm175ysV28slPmsCG3Znbq161YKecUtzVaaee+qT98i8Xd3fYXbZ4P436uvb3DNtki79/0b+JHgzZvz/9/zjLIGwDPweMjfAStjG3l70s2abM0gb6JS8pBi67LJWvrQXmKHXc7BFTT+73UOrr4ujVdaHUE9jD9Q7QewLoJMb14J4PkBvqPWwCwhW/NmLo2NpIjAPqa8LlbkXOCNTXRp16X7je18V1L+75DOZW6VbtWHLHR1ka0M5L2KzM033UO/F1gM7aH/H13A2fd5NLLnet5xzO4kQ4u9z92mekR3Jc2SnuWCl0u9wBOyNApyzBR+BtEagekiL/3//8z8V3vv3tBHdDPIHcqjvUuS1X5vnYCigDbgM8t/mImaPEMSfE5SeqzViR08KVWHtktruRDNa0uz36tc9F29e8eYw7wNVDobfC3U6Zmo9C5QQ1H7aCMq/gZgfocaY5MK+HMq9GJnsCuV5XtCHCiJujzGtf/nJR5ThavYdCB+iLWpiWQD9mUP93ZdFnvtMGOOZ1KRO0clu0KSBXYwnLNwbJAGlugmxuG3Ojb4LNr/PPd3yv9YSYOi3/98S/tf1/yP5v7f/7kVY7LNUemM8I6Ch0ytbWfuELCyr9+uuT+30ppQ7cyYzvI2EO9zrx9FDpKVGOuDutX4F8nMyWq3Sszy74aAm7NprMdBN7D7i7wYybzFilJ8gH0FHoAN1K3IrdMOeeXyfIh+u9D1d/XOeAXx/u+HwE7nzd2iyJzqDv1t/NCZw0ltmitQzRZ7e7zVnucVJbmRR3rBQ6LnfDnJavJMThco/6wZTw8LAUOQqdGDpZ7j6cpV2HHs1iXJJmRd4ZQ2+gzKk/p4Y8StPyTHffS/XpWXZ7crNHlziS4ZJFIpxh7nK12Wj1mgBvhd5Rc54ayZA4R115qPN6lKjV4mxz4ueGOuo8tXeNJDiax6DMm1ncHKA3XJYWMK/jYpfVdI0yr+jnWdPY1A722QJ6Ce3nAdCPAO5JFyHKAACAAElEQVSHhfxTAP+Q8F/KDrEhOKw9BaSXtPCi2NZFv/0jDa2sXwLqi4B+wgnF+ksvTQBfT0Ic4GYE3Ch2gO2OclGjbpXOMau9wD2DOmVsVuoAPSXI4Y6PjnI9oeDpGkccnaNWGV2+tjYS5ex6Z3TWO3BPyXJ8HrhnUHc/9/y11bqVeoq3W62Hy91K3ZnvvO9adbvf14R6N9x9TZ4VQCcpzkB3trtVuk9eA+oaH5OVZWvHCuiGusvWnBSHSsftTlKcG8v46FSfhz6XZbE3A9i5SnemO8p8LnOvG+q5Mp+L41ANcMM87xY3F5ntlKkBdNzrnercyXCMqPLZcLM3w6oo7zxmThZ7HjMH3oCcmnKS36JxDEAH5tVwtRvouNobWY25YY4yr6LStUud0oOdTD/Tih70XZ/4RNF//PEl0EuoH1XALwn9H9aeBogHlvo3HKN8icMBfYPm4HrBe50U+prPf74YIJ4O0K3UA+qo9OR2D9c7Kr03DKivC6CT8U62OwlyqS49yta6UfCZG55sdwygJ5VOXJ2DsQx4oJ2ZgZ674YF0D3H5ADng7gR8Hmdv15oHvA1yQ3yNj2O1Us/c8LlKx+WOQnenOAC+Xesfws/Z7na5+9Q1wfxxXZdJcc8V0HG7A3R2WPxy6BRHljsZ7i5Xw9whLgd3DncrdGCONSN2TlKcge54ets6as/zkZrzRvRsr6OwQ6XPGeTObtdILN0d4RwzJ8OduHkqUYsGMpSsJXd7AL0VQK9nB64A8gqd3jhMhTg57V3pChelacA8qXJc6/p5TevnVhPQgTlu9uk77yym9WDXpdCrAnpV9wYvv7zoFdAXLX7PANhrSjtie15uaPRc/UjYc7BpWwT4LG8izTOAftllCeYDAJwsd0F9XcTTgTpKHUOl9+n9vgA7x6y2YR7x9HVxfnpyu0cJW28kyQFxoI7LfV2UtHFNYpxPZEN957XpuVJPtemMuMxZn4F7JMgBdYPdxn3DnXEgS4yzAXFc8Itc76HgBwLifbjzI1HO10AdoCPkcLm7VwlGMpy7i7o2PUrYSqAfo05xU+4QZ5c7pWtck+XusjVi6HSKM9DzM9Bzl3veGe5QNhfJb1bqDWAMwJcAulU6IyqdI1Gd0Q7Ua0uoc7d7bbd5jZpzgF5FiQN3YI6bXSrcdeeGOSBHmQNzlHkDN3sYUKfDWwVVHnFzDlqhExyJbjXBPIFcD/OUVLld7QC9BswFdYAO5HdeemnRVwK9BPt/xA3Dj5An5pBAJynukktS/HzdtdcuKHVBHMP1The5Pt4TuKlRB+hW6cTSgXqPPtNW6tSzR9MZoE5MHXe7VXo7UQ4VHqex9UWzmV7UOco+4L4mi6f3RcJcG/BRpw7EATdGzNyvUe65Uk9wD4XuLHcDnft5TB3z56zM7W432LlepX8zQm5K66qVOQbUccEjAuEGIVtEYQn0Y1y25kz3vFMciXHpGDz9Qh588MEEdM5DJ35O2VpesmYXO4q8AVxDrTsJzuVqjpEvZYB9KYVumKcxmsjM+MjUaCIDxHG9o8qxRtSet5vKoOat0uN8c2LnjWjxWkWFB8yJmwP06YibA/UE8kiCq0QSHM1jKnpwqS8H5tOocV1PCeBV7VonBfE61/oZTm7YUNT0uqJxXJOEWPrgJz5R9B533GIVceKJqS1pbmsPY2tK+6FsbWn/oaxz/gzYMjd8mmcvfnGKoW8A1Nddl1T6Wil0AL8G1R5QX4cqJxEOaGdQTyqdhDogThIdMXKy2WU9uo86R6Wj0HvC5d4X7WHpHEcb2P7o8477vTuA3hNK3Ueoru1Q67SAbSt13g+o23LQA3YnyrnFK7BGmRvieWzdJWyOnQP0XlgQ9ei+t1L/ZoDupDjsqYC+adOmR2StkrzHOCmOsjUSHuxyd7c4H85ioKPSSYqguUByuzvpDWBHqdpSUMe9XgfSocgNcUDPdSMrUatTjhaJcPVIhJvNDmGx8boedeZVXOlxXc9i5+kEtUiKI8u9ksHcpWoVFDgxc9zsYRVc65SsCeAJ5NGjvYIap/ObHtppstcBu66nyGIXzImRA3Rgjqu9CsyJnevnWVm/vqjo9Y6PfazoK4Fewr60YwP0gHoO9I0COjBPCh1lHuZ4ulV6AjvXuofbHaPPO61hAXmn+dz0NdHrfU0odBR7GsO69ToZwMf9Hq73LuBOgjIKPhLj3GgGkPfY/a61upvrcL/nCr0T9OleKHCDHYWeq3Yfteq+7gNhAB6w43a3K5413a1fiZs7Mc7tX8luD3VeKvRjqdANc6t0H59KlrvLDlDjNJb5xuOPpxp0t3rFmqHIrdB9ncrTot1r20KNA3TgDeDbyjxLhgPgycVOTDxOVrO7vR4tXRlnstPUnNlud3sykuMEdlztyQxwAb0eY0Uq3DBPhhKPEjVqzhuR1V6Pc81R5tg0SW/ajU4J4KjzSStzIK6fGTBPQBfIJ7SznZJNajJMaHKg1ge1mJQKvbTSnv3N1eFUeppnJ5xQrLvoomJA8F4v20DpGiodtQ7MsVDpCex6LwFd99aizAE6sfZwvade71mf925UOqVsQB1Ao9CBO+AG1Kh3MuHjbPTUbIbkuDhatRPmGPcocWtD3Q1kwuWeg92u+Px1p0oH3oy5O74NdTrM6boHz0Co9NRZTuNq/d0IummtsUCcpDhGVDoC0KeuEbKFIaVCP3atX+vEzKlFz5PiiKXzyzTQ9wvoToojw90x9NQkBld4lvyWH8SyCOoBfyvxPHbua+BNyVquzLFWqPF6tHmtZ+VpVVztEUvPYe5jUuuoduLlNIkhhh7u9k6gN+Kc80Yo87obxwjiwJxucNMoc4CuBxeQ426fRJWTzc5rrgG7fmbEzXG1T4cyn9YGaUoTZlKThdfbtZiQFLco5vcMgN1fWmnPI3sm8G/DPZtna6TQN1xySbGJ2PnnPlesveaaBPa2Utf9tcTUKVsLoCe3u+73cogLwBbcgXl/JMmti6NWeyKO3hdgp9kMbvcevd9FlnyUrwHxrlDn/eGC9znpPl6VGLrr1HG5dwN6Q15rdfdTgD1/bYXuRDhc7ZjL2HpY8+P1QJYIB8SJm/cH5FOnOP3deGantb6iyF26lme5+5AWmsuUQD9GQL/tttsmbtXD5zPRPbpsDZXObosSBWLoPpgFoDczeDt27kx2d4fLs90dQ1+UAEd3uazRTCfIfT0bCh1lDrxR5s1ckYfV41AWStamBewKbnWy2qNcja5wmI9IpcUr7nZq0OnXDswpU3PzGNq7ThErzw5dmSLpjSYyenCrkQA3gRrXwzuhh3cCRa6fG672CmVqup7Q5JiWQkedj2iCDWqCfvmcc4r+F7ygBHpppT3LUD8ioIdCB+Ybcbtr3ECWO9eR+W6VTp/3Xt1jBOj0esfWAnLBvZfXqPGwlBgXbndi6QC9P3O9A3XgjiW4k+QW7WCd7Y77HZDjfl9N85pQ624JyzVw7wLwAXaXsvWHO96vF7ngQ4E7Ic7154zthLhQ8jAAkAPwNVmiHElxKPRJrbMGuVu+2u3usjXG8nCWY5flXvmSHi5UurPbrdJp7xfukmJOapvGMrR9dckainsm4uSdBtidHNeOqYflbnfMMfWZzNWeZ7czkgBX8+lp0fKVGLnd7QZ60yeq6b0KChxwB8xR6EmV+5xzmsoI3o6fT5O9vnt3Ueea403JXkeV62F1r3ay2xPQiZkL5BWp8gmp8XFi5Hpwp1Dl+nnhYsemSYLTJECZj+rnuk27+G1aAHZrot573nlFXwn00kp7boBODP3jHy82CtwbcbmTEIdKJynu2mtTgty6gHof7wXUiaWviQNcAPraSJDLgZ6S4zKwG+pOkHOS3NrIcu+PZjO9AXQr9J5wwQN1IG61bqD3RLY7UAfaq3HHZ3F1j7lqN8ANdYx7uUL3+85y9+hYOi531v9xiSVc7LjcfeoaZWxl2dox/iOI/7+yn5Y6HyFuTjKcD2gB6Jhd7ih0XO4APS9bc8tX93CvA9pMoc91JMvZrW54+9rud0CeN5KZiX7uZLbjVq/HwSuOmzfj3HMUez2sGTHzRhyTijrHze7a89TmNVztVuYJ6AI5QK9mQMfdnqAeTWRSz/Y4NQ13+5Qe1jFArp9PAjpu9kiCwwA5ynxID/+2W24ptmkB2KVJvVvXQ5pgWz70oRLopZV2FKB+pAr97k98orhboN4E0KXMiaOnmDpqXOMa1HqUsQH1lPGOIte9nlDqPYAewMe56f0Bd8rYurWBt8sdhZ6MrnGhzrHeUOYAvZt8JtQ7YI9OcT1ZklxvtInt8vt5J7hQ6VbsuUoH9oY60M5VOgbMHUtPFrFyn8jm2PlAKPbl+nci5pwUB9CxPMsdsAN0mpNJnT8msJed4o4l0DGrdNzulK0Z6gD930Kht2vPoyNcp5vdGe15CVszzje3JYD7oJWIoVuRA3Fi6TVgTYmaE+JcXx7laq2Ipac4OrAm+Y0GMbqHMq9Gz/Y8q70RcXRc7cTOpzjDHBf74GAxhZsdoFOyhjIH6rIJMtnJaCcBTrtOstppIEMiHOp8WjtQgA7MJ6TIx/Rzw/YAbU3ozQHyXZrYe7QzH9REH+W9Cy8segT0RbW0zwDYfaWV9jy0pwP7NtyzedYvhb512bJiq9a/+zU37xSkgXqu0nG79wN14B3xdGwNTWii1zuZ7gCdpLiuiKmvjfI1YujpWFUUeTSZIdO9K+LpJMYxriIeD+g5yCXc7Kl8LVS5zWBfk8XTATrK3D3cgTqvc9e7LUEfsFuBR+05kDfQGXui3C3BPswZ7otc7lpf8xr0pTrFEUOXPXLXXXeVMfRjAPR9AP02PWAA3Qe1kBRH+RoxFGoJZwTof/rHf0xtXwE67pbU9pVStOgClx+P6kYzdrkb4Iw1Yt9OgosDWtJnI34O0JMyD9d7eh0x8yrKm4S3UOjVUOYuV6vjWpc5dg7YKzSPCXd7ArpeT1GKxqlqAXOfplbTyBGpxNArBjqd3wRzEuLGUON0ftPus63OcbHLRvSzGpXt0sP+gEC+Q5Nzp2y3fqb6ISeY7+NacB/Tz3erFHoJ9NJKe46A/qIXFVuvuqrYJQBu1zzdpXXvAc3NpNhJlAPuuNopYyPzHYhzn8x2AB/np1O+htu9nxaxodCTSo/yNdR5lyCPddPrPTLde6NcDUOVJ6DTEjaU+iq+Nlzuq+M1o2PoKWFOlmLs+n6GupW6a9Dz09f6A9Y5xJeCuxW7lTkwB+qoc+516e+va12ml7uT4hxHz9V5WbZ2jIH+xS9+cRiIa2yfhw7gfUgL3eJwmdQF13/4/vdTUlwb6NmRqc5mt6vdMfQairrjZLU8w52xHUMPF7sT4lLsnO9BFjuwJmMd9R1Z7dW4D8gBOlYLiKeYua6BOep8WuDGKoL4dGS1O3aOMp8i+Q2A69rudlQ5NqkHdhyA68Gc0EMK0Ce0+5ykP7vGMf18hgXyHZp47PQB+qBsjybVoH6W+/Qzxfbq5wvQhzWBUeibzz+/BHpppT1HQO8T0HdJhe/TOrdX690e2Q7N2d0C13aN9wmyd3JwS3SQM9CJpQP1tajycLv7FDZAjlLviSS5voB5cr3jgo9s97wenQQ5xv4AuW01wA+17sQ4v3bWe0qKC5gD8K5Q7DnEMQCfrlnXAX0G8b5Q4rkLnjh6fwZxn7pG/Jx7xNDx0JIUh6t9h9ZMK3O3CyeGjhikSkpq/XFZCfSjnRQniE+izm/RQ0i2O0DH3Q7QqUUH6FhVcEWh01TGLvdWxM0Bd57lDujtercrfibi5k6Gc2IcMG9FJzjDPFfoVQAepWrVcK+34qS1ZpSlNQLq9TjvHKBPAXFK0kiAi+NRUegAnUQ43O2MZLYnmEdCHEAf14M5Bci165xEnev1BJnslKVpBzqBQgfsUuhDAjmTf4smG0DfFSDfK2Dv1sQjfj6ke8B8iNcatYMqRnSvBHpppT23QN95zTXFkCDFnN2tObtHEMN2a/3bpXGb7t0j4G4QvDfgXpdix9zjfa1ATSy9N+LoVudAnRg6QKdrHGVsdrkD9tXci/g5Y3cH1HsC4qhyK3KDndep9WuMQD1X54a4Ie/YOVB3jB23e67OgTcg7yIu76x3vhdqHxaEux2gA3fXoZMUZzc7LnfgDshR6rjcXYdeZrkf5T/nnHPOj1177bXHSaWPuWwNpY46J45usJPpThydX9z//Lu/S9ntjp/nyjw/gCWVp2Wx9ORyR2kDYNzoAXeuWxFbz2EOuJ3t7jg6yrySJcZVo71rI8rTMLLbUelTQJx4Oa533kOJ416PkrXkag9zQ5lJPYiTkQQ3TtIb2eyYoI46pzMcyXC42oc2bCiGZUz2zfp5bdPPil39Tr3eqxF1PqRJsA+Q6z2Ajst9r37O+zSpk0LX/W0XXFACvbTSniugv/jFxY5ly4ohzdl9zFfBalDjXoDOtcbter1d19t1vVnz+E7N3fXUmxNLF8T7I5aO2x3D7Q7Mu4mrA22UeSTGJYUu6+K1AI6rfVWAvSfi6j6FzdnuqHJc7oDbMDfYuyI5Dtivxl0fh7RgeVwdqPs0NkMdoHfFaBe73eyLVHtktVupO1GOpDhEHr3ccbc7wz0/OhXDu0vp84YNGw5qrJbkPcou9xtvvHEQdQ7MMdQ6cGe0Usf1Tqzkv/3X/5qayuBuT0Dn3PKAdt4RzklwBvxs1Jq3s9kzmBvoQJx4OfDG1U5SHFbN1HkyytHiFLVqNJMB5AA99XIX0KeBdsTOqxE/B+pTuN0F8Ekp8akw+rUnhS5lPoEqF9An6MvOqF3mJIpcO85JXO7abe7TA7pZP5etxN00GXawAOgBZ1e/Tw/8oO6x4yeLHagD8yHc7fp5DslGGPXzHtEE3Cqgdwvoiw4OeQbA7i2ttOehPR3Yt+GezbNeXO5XX53c7QB9kBAZ81bzmDm9C1e8ALZLr7fpeqfGHbp/rz53l9bKDcDbJ7EF1O12b7veA+hAHBe7od4TsXPc7atR77znxjModmLmfIZT2uJYVWCex9D74pAWAz0BPurSgbrd7L5n475L1AxxN5mxOm/H0qPiiZg55lj6Cv19eR06IM9h7qYytA4H6gMDA/tl0yV5jz7Q96DQATj16MDdUHdyHDY8NFT8l7/92/ZhLFbdBnfbrR6q3e/ZDd+IM89R5/k56LjcneHezMZp1DawjuNRG9FUBrjXojwtgZxs9lDl2HSo8wnBexLXOgethConEQ6YA3VAPo4iF8wnSXwTzLExOr9xDGr0awfmQ3feWezVLnMLsTU97Lv1sO/UJGDcpwm/lwVAr9nhk9nO4pCAjmLHxa5JNKwJkFzt+hkP6+c9oXvbLrywBHpppT2HQN8poI+wGWeu4nJn/qLONdf3aF7vW7eu2EvFimy35jrzfyeQHxgotuj6Hs3jDVov10Vfd1zvQB2Fjsu9P1zuveFy7wql3hcd41bqswB9kfsdmOs9J8E5dm517mtc7qsoecsUut3tK3Hfh/vdDWcWueQD4gB9dbjgue6N9+yO7wmY92TZ7gY6jcU4Dx2I5we05O52gE6Wu9T5AVmlJO/Rz3IfJiHOMXRgjtsdQ7Gn3Zl+0bsFwL/9m79JMG+G6gbSeQzdcM9j6dyvBbTJbndSHNfAnLEapWkAHKDbzW64E0OfRo0TN49SNdT4FCoc9R0d4RLY6fgWrV2ncKkDeWLpXFOmRhIcUKdMLWCe4ueodNzu4WYfA+R3313s0OTdogefcacAvjsm9yAw12Qf1nUCOouCflYsCiwO+zSJ6AhH3HxEExCYA/IxjaOarOO46kuFXlppzynQd3/uc8UI4NZ8HUaRO2wmY26TI8N8H9KGnlDboEC+m3u63qFxN6E3vQ/Y1xMjl1onIa47RhS6m8ug1HsC5gnuuk7laqHOk2KPjHerdMPbGe95pvsiN3y43xfFybOmM1bq7UQ5x8dR8pn7HWVu93tvuOvT58LlTjwdFzxAZ50f07prkPuENWe3A3RgHm73EujHAug33XTT3pv14N1www0J6MAdpY5CdxtYYuo7Bb6//qu/Wmj5SgKcm8V0doMLN3ze9hXoW40DcLvcGQ32pMpxqQPt6OeOSm+6+1skxwFzQE4MvRIlailmHm53DHc7qnwCaJP8putxFDludYF7IoBOEtwEKp0ucNHidUwP5JAexh2auA8QN0OJxyQe0oPJ5N7LhBbg2cEz6Ue41oPOwpDc7DK6wgF0YuWo8xFnt2sc1zih+1vOPbcEemmlPZdAv+aaYlTzHBshVEY8PRT6UHjghgXzQY0AfZ9srwyg79J9gL5T43YUuz7zZX3dRs3tAaAbSn1NHKeKOk+udhQ50Mb9Hm72VLoWSr0n6tFxua/gc5HhzrgS6AfE3THOpW0pyz0Du13sfdE4pisA3xeZ7O4Q52Q4J8pZpfv9vjh9E6D7xDWS4hBq43F8KjB3hjtAJ7udZDgUOqXPa9asmZNNlOQ9ykAXyHcBc4E9qXRGoJ4rdRLkKEtAoacDVgByuNeBde5qd9maXe5uKJMfyNKIEjYfpVqP7nC1gLktJcNlpWqNuMbNDtS5lwAeJWuAnSS49iiYA/XJiJsDdLvcJwE7bnVi6Pq/DQvkw3oQd+khvA9FDsTZkQvixM336DUTmp06ynxIr9NkD6APsSjQpz3i5yOaQGMah0mKQ5UDck3KMf1cxzRxJ3G5n3de0X388YsTeF760qK/w/oOY72llfY8tKeaE51zaI0tm2e9L3xhMSigjwtUo5q3Y5rDY5rD5MAQQtsTNhJzfkTrAKE3VPpeXQ8Cdq0Xezg5UbZL93bq9XaN99M2W3N8HYlugDy6xZEct5qa9HiN290qnZ7uHKW6kix4YuvhdjfAgTpAt1p3whxudzLd3dedcQWbhEyp9wbQV8drX+dQt+vdsO+OHvB9kRTX7XI3/YxoLIOoy13ujp+79jxi5ympWjCf1ThekvcYKPTPf/7zxY033phgDtxR6Ha/A3Nek/BADJ1kOBoK1MOtntefJyUeytzXrawrnGPnbVUecfTkTg+V7rh5grk+NwWoQ42j0CvUlvOaevNQ5Yy+TrH0cLcD9DHK0IA47nbi6qh2OsHJiKEPCeSD99xTbMN1psm6g503k1S2V5N0H6brYdmgJvU+PaCj1J1rpPZ8JIA+JgPoqPNxdvf6uRnoY5qQEzIDfVgTGKBvP//8oktAX6QmngGwe0or7XloTwf2bbhn86wHoF999QLQNWcB+qiugfow3jbmM5t1zXHm+wgbeqDOGOvCkJToXtkg4913J6Dv1Hu7udZ4n77HnVoTBlDRgBo3PHF14B7mODqWAM8YWe/uGGd4G+4+RnUVpW2Anm5zqHi6fbIp4B5fEy73rnDFA+iVJNAF1J0UZ8C3lbxd7Vn83IlxXN+hv6MVMXQgboXuc9BR6KhzgI5C7+7urq5evXpvSd5jkOUOzK+//vrCYMcFD9AZiaOj3ImNWKHPhgIH0M5q72z/mvd1tzIH4hVi4/raCvHycMXXookM7+NyB+KAfTpAjtnFjjKfJKM9StcqEUdPqpz3BPJxYE2sXAAH5rjYU4a73kOhjwnkI1u3Fnvvu6/YyjGmKHBBfY8eRGDOxGSSjugeO3EmLRPY5Wqoc7JgMTrDjWFMetzsMoBOIty4Hv5xjaOaQGOaXAAdd/soSXG6VwK9tNKeO6B3v+hFSaFPCN7jVPJoJEHOm/M0r1HnzHXdA+h7yJthw6/7w6wTgF3rwz6tFbs1sobsw9OncY9GbJfe26yvvYvWqsTEUdnE2aN0zdnuXfE6gTyLoXdH7Dw/ec1At4t9dXSL82vg7vavjEA8ud7jdTqBLbrG9QTkrc4Ndpvr0BlxtRvoiDqAjhp37Bw3OxCnVI3W4VjPQgy+IRsuyXv0Xe67UeVf+MIXEtRxt1utO1GOEZcKQAfmrSyG3qnOgbhh3jbqyVHgjGSpdyj05GLXa5Q6QKfe3ObY+STgDqhPo9Ix3QPck1LkGAodoCcXOwBHqaPKyWrXfdT6HkF8hybeNnbS7Kr1EO6lHE3jPj2Ye5iUTFBNyARy2bAm7YhsOIBOTG0fyjxavTLxOYgFdc7xqHSBG9GDPy6bIDlOkwuX+6QmzaTG5HLX9Y4LLihWl0AvrbTnDOh7cbkDc0EKt/s4YTPAjlLHA0d4TTBnvo9pzdinuT8aG3yAPqI1g+TZEa0fQ6whmBQrAmGvRmy3PrNLtlP3tuh73KO/Yz1gJG7uuHoY7vfU5x3ljVqP0jVntxNTv4NMeSAeijw1mIn681UZ2F2TvjrK2fzaatwq3RnubZd8FktP90OZY4Y7SXHUoQ9LSNFIBqg7bo6hygE7fUwAutR5qdCPNtCvvvrqn7r22mu3yIrrrrsuQR2YA3XUOa523O5cb37ggeJv/vqvE8j5Rebu9bxMzTB3+1de1wLe9Szb3VYN17rrzBPEdQ91zuhOcZVo9zodLvcxXOoku4Uap0xtnJg5AKe9q93uei+BXDtIJtQ2TcSteuCYYPtIgNPDuFfXw2S1MzkxJqc+myYtMEeth9ud/u2jQF0P67hGA91JNePs8FkccLdrckxoJAGOrHYgPoHLXT/PCU3G7eedVyr00kp7roD+whcuCXTc7sPM49iwj+BuF8iZ+3jnAPpwWCfQh4E4a4fWk32sLcBdNgjYUeth2/U1X9YmYQMJaCS7ac3NS9h6ovXraqAfme2GOFBP7vZws/dElvvqSIZbnWW7tyGeAd016jnUfSALSn0VXx+QdxY8MXMrdK5R6DWt5UNaZ53Rblc7QEehh6s9VUmtWrVqYuXKlbtK8h5loH/uc597YNmyZYXG5HJ3ghwQZ3SfdwOdhLhGKPFFR6OGORHOwG/fx80OoHG5k9Eeapz4+LS7wAns0wF093PPY+qAHHc7NiGYT8rGBPSxAPpEBnRgPrJjR7GLiSRjZ7ydXbP+H0OyvTHZBpmQGkd1j6S4EV0zOZmouNzbCp1x48bkdkvqnEkOzBm9CITLfRSlTkzOKh33e8TPxzVhx7XDnqJs7dxzi1UC+qIM3WcA7O7SSnse2tOBfRvu2TzrkkLfc9VVxSRqnLkqqAF1jjw20EfCE5dyZgQp5v9ohN9GBLBRrRXYcAB9ROvKcKwnI6w1Eg0AfR/ry5YtC8JCr9O6pM/upAGLvvcG/X1uMuOyNWDeTbw7atETwGWdQMeW694KPg+oUfOAFzjHdTq8JQDuznHdUYOeg70rS5hLIA+4W507OY5OcXAAoFOaBtANc0BOIhwwp5dJdB2dEtAHS/IeZaBfc80198raQM8T5FzCxmsSH/76e99rZ7i3slh5oyNBLgd6Hkd32Zpj5W2LVq+1cLdboVulE1PH5Q7ER0l0I8ENd7ugPYGLPdS6k+KGpch34VpnJyww744d8r7Nm9OkGtaIOie+tdcw1+dHItN9X7jSMNxqJMKMcY8T1ZjIHJHKqMk+yuQnQ5bEGqBOyVoAfZLRcfTIbgfok/qZTofLvQR6aaU9R0AnKU5iJm2+madktDN/BVeAPhoJrwnmXKPStQ6wsU9AZ5PP4UysIZjWj5Ewu95R6YT5WG+A+pDWn32yQV3vlu3SfWyHPnOf1pc76ZcOALVGLEe1A/eOkrWV4YZPNemRFMcI0FHiq3OIh+s9h/qqGHGpr4r4OtA23A34vjhHvTszt4F1Y5m9WovJZo/mMW1lDsgxoB5txUc0bivJexSBfvHFF/+k1PldV2mXKrgnw/WOAXRAjl0nyONO+fM/+7OUCJGrdNeT553i8u5wgL0ax6Uy1jqgbqXOmK5DkY/jTkeFk+gmGwXeKHIADrgBfMTN6Q5HDH2QHfDWrcVOTZBtmmjshIe2bSv2oMhlo9u3F6N6nVztTDAgzk46JiC7axQ6UE+TlN03u3BMD+w4555rEnMoyzhqnUSZyHBHnRM/Z0FIbnc9zGnXr8kxFuocdzvqPAGdUsAS6KWV9pwq9L1a+ybC5c68HfemnLnM3MbFLuNERVzulK6xFmCAnSoYNv40okrrBqKAa0J44QVkrcEjCNARFQnqJOVqBOp7dc26tUvXrF2bcceTIa5/F2A3yFHmrkd3kpxL1laFK95AXxlla1bpbcgb6ICcrw8F3natE2+PLHe73THc7F2RSMf17fo34XIfHBxsZ7JjJMFx7DYgp4eJ+5nceuutQ2LOlpK8R1mhf+Yzn7lb1gY6ap2YurPeATuAJ07yvb/8y9S/vRmx8aS8XWtOYly43GsRYwfgyZ2O8sZoCgO0w7West55P2ySPuwBddR5UuUCNmAfwZWu69FQ57jbqT0f3b272MEOl4kg4G5FkWvS7GEXrBG3+7AgjhnoZLgPodZR5kwofQ2W3GSAnZPUNAE5lAUbjRg6kxljck9QuoarnUlPRiyGUsdtRw06YCd+ngF9kix33O26rur+jvPPL4FeWmnPoULfh8s9FPoEG/HM25Yy3cmVkeocj9yZUa0D4wIum3ti6KMaR0MAkHczFnk541pj6G0xpnVoVNesOcOyQcSD7g3pGqgPU3Gzc2eCOoJkn15je7RObeOAE/29mwRJx86d4W63O652t4BdFeVoKPXU251YN0l0uOMBvP6PK6NF7KrMBd/pdu+8jxo30BmJo9vlTgfRtQFzjAQ4YuYA3WeD4OXV9ajG7SV5jzLQP/vZz97z6U9/OrncgTkGyEmQA+TE1HnvKwF0ytZ8KEs9wF3PYudtF3vEzutRsjYVShyYc03sHHNiHDZBJnvAHJCnGnQZ10mlB8xJjBvetavYJSizq92uBx/DbQXEhzQhhgVyxhEZSXHJuDbUNXlG+Ky+ZjRUOuOoXrPbZtc9HkemjsUEZoc+rgk9iuuNSc5kJ3FGE3+SeLoWhElOptNDPanrqUiImyKOrgkwQaa7bEoPeFWTZGcJ9NJKe86ATpb7kNa7KeYrITLNWUrYJgmlRU36BOE1Mts1MvcntBZMaC3gCOVx2URs+q3SWUfGEAuo9AD6GIKCe4Cd9SdEButT6mApG9V6NqT7IxoxgL5X7+/W1yNWvkz2uNabBPFbb02qvSfUuBU5AF8ZYGfktbPe0724XhnX7uOe7sfobHdnvydXPNeR7e6ytdu0hiWg699KFzlgzgjM6SyKu52mZKHOgfqwbGtJ3qPscv/Upz51JwpdYG8DHRe8oY5S5x4JD3/1ve+14+d2rZPxjtUiuz3dw8UekLcanwx4VzI3OwDn2gp9lMx0Mtg1osodRzfUcbmP7NlTDGpi7JbtEIB58Ec0ITwRxqgzD2OipMYy3GfUhPHkSkBHoRPzCqAzCSc4OpX3mbCaqJM27cIngTouN2DOBA+gT/IaqEutsyBMsRBEQhwNZAz0aQyoS6VXOD/9vPOKlQL6opaWzwDYXaWV9jy0pwP7NtyzeYZC33v11UUFiAtEUwAdQ5kzhylHjSx3PHKT2tBTujaJN0/r4QTKnHVBa8e4k2k5oZEW0iEW0trCWoNS5z5rUAB9TOvSqNYlbIJqHNapqNph/UK07EOYaBxEset7P6C/ewO13ahvStwoZcsUeTsxLkrVGFHnjHfQKAylD+yzI1QdQ+/qOFY1r0UH5IY545cEaTiwS/82IA7Mo948udrdadTdR2W7ZF8uyXuUgX7FFVcMXHnllQVQR6kzAnSXsaHQAfomPdB/+Rd/kcDdjqNnbncnxeFurwa466HMp8PVDqwnaBoTWesG+zhxcF0DeK6BN1DPwb5HD/Z21DjJJMSf9Nq7WEDOJMB1NRpQx5WVDOBbpVuhc6oa55xrtKXEONQ4R6Wi1DU5OWktjQBdEwmgs1OfYFKzWwfqUYPOrn5KRhxuAne7JlNaJEKlU7KGMp8kKe7mm4uKJtm2EuillfacAX01SXFa+yoC0ZRAxEacjHerdDbqJMaleS4D6OTQsBbQlyIdqRxQn9KaMRY5OKOh0sdYV1hnWHcQEiTkhuudNYmGV4QEWbdcfjsSUB/FECWU4+7bV+zR51nzgPxOTjbT33OP1uQ1HJRCjD0DuDvFAXbDvCti58CbkjN3i3OZmpvJWKkD/fYpbECar88MoMMBqp9Q446bcw3QSah2+XOEbkugHwugC+KbLr/88kJgL6zUiaUDdWe+U9aGQv+LP//zpMYrkdwGuNtlapEI5/h5I8rUKuFmxyajRM2udWLmCeB0euM9QX00IG5VvlcP+w5Nju1kgxJnAsh68Pfp/kj24JPZjssqKXPdG4mdL7teK3QmErtkgD6ukZPWJjlhjbPPOQtdE4WT1sZR7ezCA+acgz5FXF0/AxT6FLtzjcTWUjcpKfNpjdMAncWBBUEP97Sup/WAA/NplDrudk2+aYG9Fi73EuillfbcKXRc7lXN1wrhMuar1Dkb8ynN5ynN70lgzkjsXDaFl46cGsAOvKO8NXnztE4RsptgDbFpbQHonCNBHN0KnfUo5fdwzamPWrNQ6axjAH3YIoWyXEHd1T1DWt9YE4d1fzeqnQNRtLlYp//DiihjWx2qndfEzw1393W3Cx5oOwmO0ep9VSTLYU6II2ZOLJ0RhX6rlPe01vYHAuiGud3sPoobQQhDrr/++i2yjSV5jwHQgfmnPvWpBHNUOoo9d8Hzev3AQMpyb4Qib2Qgr0cb2HqW1T4VbnYnxqHMx3Gxo9Z1H2gD7xGy1gPsVuokwO3QZNiuCcJuFJDzICeA6z1c7OP6WrLcKVtjF8tEAOypwQyTwC53TlHjgBa+NhT6BIe0AHMmk75/gjn3iXcB81DnkxFDx91ODJ2EmLGY2MTVJnHDEWMD5AF1gE7WLCp9mrhcqHOAjss9xc812Rq6v6sEemmlPXdAf9GLin0SK1XBPAHdcXSgTihNa94Uc5zNeyTDpsZSeOhQ5Wz28dyFVw9j/eAIZhR6EgtaY4A66w4HQk1GK+oEcFR5CJCJ6G45GuFDYD4aME89N6L/BmtgWgu17u0jzKj3d+l7s07epzVqrf79twukd3A0axY/t+JeGVnxwH55KHWXrFmpW6Vbvaf74XLHiKWT5Y6Xlpav1JkDc9zsJML5LBAqpJyDVQL92LncE9Avu+yyAqWeg51fBBnvKHRc7t8Ll3szytRSYhy92ImfRyKcVTlK3RntvDbgrdAxHkpGZ7fzGogP4l6PcQgQ6z470gR0PejjUcKWLIDuSWDXOxOFlq8TAXNUOjtkYlnslqeIW6HM2UFzj921Hs6JmJi40KYZSZLTRLHLfZIEuczlzoSf0MTHRZd6QpMMRxydRBs9/FO43gPouNmnyXAH6NShn3tuCfTSSjvKMD8c0HG3VyIxjjj6FJtzVDqbduLnuNuZ7wHztLHHayegs/FPLnetHxhePoCOOEixdOCONxCQo761pk0FyFHoE5lHMXW8jPUsjQF11jyM9W48PJh4L4dZ6/RZg30Qb6b+PhT7gDYlyf0eyXHLI36+OpT48gzoVugGe36/KwCekt2Ae3SMS4eziAEkS0fSW7tvSa7OrdBlW2Ql0I820D/5yU+uBeYaE9QBOoAH6LjdUecYHYA4Dx2YO47uxDgnwDGmOvOsbA2IO46OQh9jpymAj7HrpGGMDGhvFUx3a6cJyBl5QA3y9PCyW6Ufe5Sv8WCj1FMSCe6oiD8xMezGSrvfcLmTWcpZ6KOxWwbo3kED9TT5gLn+/gpKPerQmbTUoeNyZ3c+HYlxU8TQgLkm/RQ7eSyS4tjl425P6pwsd02OCkAH7Ljc9bA3dR+X+woBvUcLTNueIbRXl1ba88ieLuzbcM/m2Wrq0AV0cl0mBS1UesWb8gD6FDAPoE9F+epkbPDJdGfDT1LcVCTTToYwGM8VehwGhYcQsAN0u9xHY0wdL2MtS0lxhjsGxFnvUPF4NlkHec1naaSl+0n46B62T38H6+hm/dvu1r8XoN/Gsa1ZnP2OADpwt0p3jN1K3YDnMynuztdHpjtZ7gD9Hq2NN950U4K4D/UC4u5hQlJ1hHDvlvWV5D3KQJcqX/eJT3yiuOSSSxLUucaAOr8I1PnlugboZLnnSXGOnzc71HmKj3OQCglvqHEUuO4Bc66d1b5XDx4PHUoclxEPJfd4IHlIXYPu3WjqFMfDHm6oFFtCgZNAF7F0X6e4FKAPqDOR0mTyiCueXbET42JnPY1qZ4JqQhAXA+i42ylVIX5GPSoTmySZaZJkiJ1r4k8L6OzqpwV1YnEsDBUtFBVNgGlNABrJTArmuNwBOjH0XRdc8KwBvYR6aSXMnybQow592j0jAHvE0Sua1xNs0JnXmueo9GnN+yk294Acj10kxCEApsLdPhW5OEmls5YgHlh/WG9Q6ZHPg9fQh0iRyOsEuNT5MtawdB3udqvzFEcnxs5nI4GYtRHI4+HkPmKJdZRrFPtmrWGAnQNciK2vjIz41VmiXJ7xnkM9ueujDt3qHLB/UfCGAXSIQ5njas9h7gO/SK6OHif3yPpL8h4Dhf6xj32ssEq3290qnV8G19QZAnQS4vJStaTEM0VuV7uB7gx3XgN3RmI+WziHPFxEjEO4yyOObpi7Q5wbzKQHm11oQD3tVsPV7hPXMOJRLgNxHH0izkRnQmGch+4Y+lTEzxPQSWDB3U5snRg6kxaQayJXgDsw1+RgcjPRk8tdP5uKJjyLAItBAjpjwLyK6127XErVqnrwK4J6XZMDoC8/7rjF7sGXvKToXsK6jtBWl1baf1A70jmw1PzpsWXzzEDH5U6+S4qjy6ramFfYpMvS3NZ8r2i+V1gDBPK0DnCt9WFa61iFdQOQIwLw8umaNQWVPh4ud0pmJwPoKeTHehf15xM+YCpgbkuHT4VH0v030tqHakfQ8DlCl3wmQphAHK8no437e/V37NC/4179+2nnehtnrkd5mhvJGO452NuNZqKfu+F+iyBOHhUKnbI0n8qJIneoFnYQvo3KqVKhHwugS42vAeiXXnppUubOeAfqXONuR71zDB6Hs9BUph715850bwTUgf1kuNcNcFS5k+J26aHmodqtB3o38XEeTh7acMOTLDcaD6mz3HlY3WAmPdh0i4uHejrOQXcf93R8agDdp61xbGoCuc9F14OdjInEpGMnDdAZNQFR6EzMNEGJqQvoTFpcbFVN4DShBfiqHuQqk5zJLqhXccuRTCObljqvaiTZpspioYlC73aAjjKvCeokxRFDX3GEQH86UC+ttOezHRLmAfTemGerfu7nimFBh/BYVVZj/nKNu13rHW535jZzfDLq0KtaD7Bp1gLBuxL5Ns69Sfk3EcKb1jqHTYWASMm5AfWkzm2RyAvU87UsHQ/N+sdrSn5DraPUEToY66Kv09oZ6+hIvHae0hCxdqqDZFu1vn1F6xcZ7LfTfS5T6znU845xZLevjOQ4oE7ZGoKO6icfte3eJYwGOjCPsO2mZcuWdZfkPYpA1+7pJwTyXoAN1C+66KLi4x//eDLDHbCj3AH6X0Qv92mUeHaaWj3gPpUlvAFybEQPFWockA/SIIFmCcR8QpE7ju6HMcXX44G1Sm+XsTHGTpVxKgBPZjtw90SgtztAz6HOREoJKbjccXsRz2LC8Zo4eiSyAPQKpte40tIOXJMUmE/FZMblXjXUiaVrJw/QK8TRAbl+VpTCUINOUxkS4moodWDOOcL0QSYp7rzzEtB/oCNcCfTSSnv2gZ4lyCWgS6GPXHNN0dBcrWnznYDOKJBXNZeTCeZp4x4KfZK5H0Bns19h8y/DmzcdHr6pMMTCVKwxyRAarEWRpJsSd1m7ECHAnrXKaxhrH+tduNtT/hDvUxEU51w4lu7DqxBH7sCZr6lAHXHFWoywGtZrBBUCa7PWtwH9f/OStdwFvyri7bjUAbmBftONNyaXO0DHrW6IMwJyAx1xGH1OBmQrS/IeZaAL3r3A3CAH7oxAHNXuuDoudxrL5PHzWqhyu+ABOoZKH9XDxcOynYMH9OACch4oP1h2Dbn+3IlyXPshzTvFcQob0GZ3yi6Vo1Qr3Odz2a427XLjPHQmzJT+nioPOpOJ95hMAfYKr4mjs5vWvYquk2kyAnUUOpOVSVvl+t57F8COu43JHWVr7OApcwHq7Oxruk6LAslxmhg1qfQaI2DXZKhr4jTp5R4K/UiBXkK9tNJ+eHf7IoV+1VVJnad5Gt4116JX8bwxtzWv0wae2DmbeK0Dldjos+mnbA2VzrqRelkgCFDlYYb6RMTOk6dQa08Fxc0axBqFOInMdtaxiThBspIJGVf2GOjTUf7LejkdIE+dNmMdNdgRVoQ9WXdZl4E6ih2wc68Ndq1beZJcV5ypzmuATqmaVboVOietfS5AjgF3XO4ufcZgSAn0YwT0j3zkI8sBusY20ImnA3EDnXucsoPLncxGfpGAnMYCAJwR4/6IHhhcOjwkKHFgzkNk9zsP01QAnIfOcfPUw91tYBnDeGA5rAW1ng5tiQccqNf4DLvTiDnhomIE4Ox8c5d7hQmCe4udsiZVjdcx4ap6jbG7rujfXdXEq+raZWtTkRxXtVJnUrM7Z7cuhV7DAuokxeGyq2msCOS43EmMq3V1pQNZKF2rUMOp693nn1/ckbnc20k8h4F3GU8trbQji7EvgnuWIMfrlVLoo1LoNXJeND/rAjkb8QqbcpLgpNCZ22zYE9BJjGXuA3PWBLx1uq5KtLBeVLV2sIZUtca0DUBHEm4N8KLIsRAdNWAba9VUnB5ZizUNAcMah1JPAoYyYF5HThHroQ+yqkR/Dycce0114y7CnqzDXoO5dlgUuA/RjU5r4ANa39bq55Ay22nfGtntVuaGOlnuhF8B+rXRVdTq3N1GHbYlF0s2ICuBfrSBfvHFF3fjav/whz9cfPSjH01Q173Cme/8QniNy5069JQAlzWQQY1zb68eXGoSt3KEKXWVuMxx94SbJ7V+pb0rQI7Xfvjc133RIS1x6pphXuNYVYz77ET5PDvQiKFjdX1fJkMldrt1HmQmBtc84EyayHRnolW4JsYFxDXhDPOU5KL/R007bSZrDcP9rklcQ6mHQicxrsaoh5qJT2MZFgJc7mS51zXWGbVg1AX1uiYFyXA1FDpZ7s8Q6CXUSyvtyBLmloJ5G+hS6AC90du7ME/ZjJPhDtSZywJ5LTbtwLym+U/Z6rRAXsPVznrAusBaobWjFusH7nY8fjWtMckQFOEhrCI4Yk1KQGcdC4hj9fA4otA5TZL1DsP1znrndXAqjpXGqh1rqIXRonuRx8ToHCd7TL0uD5MdjwjT+r1Na96dlLyF2z1vLOPWrwB9g9Y74O3OorjaaUYGxN3PBJaUQD9GQBfEV33oQx9KCh2lbvc76hylTgzESXG43FHmKY4eqpwH4F494NtJdiM+jisnc+3w4PjaUPdD5V2k4+4GOoabPVfmWHp42aFGbL0acJ+I2BMToA12NgURS2cXXGOXi5sfmOPiYpecla9ZobPLrul1Tdc24ugGejUmNZO7pg3MNJNeUE9Aj7hbjZg6u3wtDnUS4zQJcLcDdLLca+xuBfhOoPd0AL2EemmlPQswPxTQQ6E3o8QUr1qdrHY8bAJV2pxH0itzvQbIpWBrDzywYICczT4bf+LmrBGsF6wbrCd4ALWW1APoKRkXsIci9/qURtanyANirEVIMUE8oM66x5rnmDnnYbAuTsX5GDbDHC9oEkcBdHtKWYOt1FNfEIQR6yiKHbBTy04SHWVv+r/QVIwMdyfGcU3ZGkIOLviETp/YiUpHnftsEK5l62TLS/IefYW+CgWOAXW73gG6k+NQ7jTf/863v93OZkeJo8j5he8ia10PLw8CLvfReEh4gKzQcxfPZMTN7XLPXUNtlR4gz8cc6FboE1HewQRw7Gk6oJ4mSqhzAx3D9cWuORmfx+0uuNcwXGMAHfeZ/o/Ez5m00xFDrwTQqzHBKV1Lu3iyYQXztBgI6JStJRce6hwFQBw9gF6XOgfouw8F9CNU6SXYSytBfuTqfCmgjwk+AD3NUeasgF5n/gJ2RsDOBh4D6Mx/5j4xczb6uNtJfgPsrBuIg8hur4RgwBuIkYxbifBfJfcgsh5l3kWEST1T5XWg3aHQvSbacoDbpsJNPx6VRk5UZi22+70Nc76W+Ds5ToCfOHu44RFtrPGUqHFQC0lylK2h0NfrZ+QzP1DpQJzeJZjj5yXQjxHQzzzzzJ+48MILbwfmKHPGPI6O8fqjF12UdmIA/QHO5tXDPaiHlV+2FblBPhbABuT5A5M/SFbpdrn71LW2OufB5QHN3Eo8mFMRU5qK+Lkz3dnRMgGS0T+er8liVEycZAH2tEOOlrAo9XoYLneAXrfpdV0blrp24HXBPZkAX2d3jlrXxK5rktdxwWvi17WbT6aHvC641wX35Mojlo67Hbe7drhW6LsvuOAHgP50VXoJ99JKiD89dZ673AF6PTbdJLGmOav5m9Q5MMfdzpwmZ0brnuvQK5EYx9rAxr+Oq51kOK0XDXJ0AuYVXTe0DtUx8oHIco+yWgx3e4K41qcG62KA2yo9rWlaI221iJknsMeplZXISfK6ma+plejQ6SZfvmYNdtOvkUiOS57VWMM9AvXheA/RtlNr4n36v6PUSY4G6IAbqLuzKCNA9wmemMDeI57cUpL3GAGdODpKHJgz5q53jOxFAO5frn/R3tXxmnEskiycBMeD4vav7uXuGM50FkN3vMelazyYddz7HPTCjtWupfzhDlXeiNg6E4NJUXXme7izMBLlGkwaPhPGJGvYgLomIZPRbncy3atMUpR67MhxuTd03eAapS513qBGXQq9wbUWgLQgCOgN1LqA3mDnj0tv5cqigWmHa4W+/FBA/yGgXlppZab7odW5gb4qgN4Q0Imjt+crc1cQT/NZm/U0vxmpPWcDr7nfQJlrc99gw483D7ATssPNzusI4zW9vrD+YIgKjLVI65etaYjH+oVQAeasbU1c5hFP91gPd3slXPBpncxK1mrkN9kVHy24fThWbsl7ivBifaY6CeEVr72e8xrhZuXOa9b7EY0rtZ4BcWLnznD3aZ3uZ4KVWe7HMCkOeANxw9vtX/POcVzzC+IQe37Zj3z1q8VDBw8Ws61Wu2RtIuIwE6HKDfI8du4YTiUgPhmtYCciJsTOshYq3Q8qO9KG7uVWjRhTU1/bCMDz4Df19Z2WEk/0MDZ50EOhs1vG3V4P9zvuMVzvDdxjuMw0KRt63WKXrcnapKxNE7iJa00Tu8l1DnVN+CYZsOzsiaOzOAjkCeZS6E1Z3UC/445iRop9MBT6U7Z5LRV4aaU9MwX/FO1gu6zQBZ6WII7bvblmTdHU3G1qDjcF9KY2503N7wb9JyLMhjJnDcCAOZt9gJ42/1o3mlo/WEMakaODq70Ra0075MdaBMS1NrVYn1gDI34OxFuUAuNpZN1jfYs1rx7XrIcAvUG5MPdIVA7xgxnmOdC99qbW2xFTd1gUSANr4G1g2/XOWk/10tzsbPHVhx9O635Vr/v08wLiAByQEzt3Ypxj6Xa/o+AF/Y2yrpK8x6AOHXWOMnfcHHD7sBaA7kNbgDyfJc5O/95R/dLTL/mhh4r9c3Mptj4ROz0nxBnqdrmj2BPQ9dm0Y8zc7UB8SZUeD3Eb5uxc4wHH7Z6DvRFu9zTyPfT3tpg8AXPHr8g4rWts6l4LNxevgXlku6PQm5qQTUZM95qatGS3ViM5DqA3GbFQ6U0y31kQMNx32vmnGJ0UOTBvGuhZ2dphe7eXrvXSSnt6rvjDncyWAx11TkMZDLCvX78AdM1l5nVTQG9qE0+pahNPHRt6NvkBdBLiWnj3AHjk4wB01hTWF8ZauN0Z8RSmpF0ArnWphYcx4uZJlIRgqcc6h1WiJ4fNQLfocfgyueFZh32KJffD3Z6rdIdFnSg3Gf1DkhhDfEUZ8rzW9YcefDCBHNF2x/LlCda5Imd0c5m8qQyA91hmuR+j1q/0cnfyG1C3OjfI7TYB8LjmL7zwwlTidt555xXnnHNOcY1+obv1AD8otY4d3L8/ZcFPZTvCpRT6eNShG+hW6LUshp673BsZ1Ct+oPWeJ0DbgDrvxw4YmwHufP+AO7H0FE8PVxjxc9xj7KzruNw1KdlpJ6iHSm/puiWot4C6JnVLE7lFXbomfAvAA3Iy3gV1XO4t3O7a8bfWrStaUumtnp6i2dWVWr62NCnmBPjBpwD6kgeylGAvrbTDx9SP5JjVAPqw1GOam8BcYyuaQrViLpPw2kClM8dR6oI5awA9KUiIS+sC64PWjZbWjJbWkhaevyhXa4arvZ6F/JrhMbS7HXXeDCFC7TmvHUZkvWuhxKMGvYl6D1WOuz1X52ndzNR5LY6udrma19482z2VrtF9Tl87HPlNnKKJQMMD+5DE2l79PzhsBQYAaHeFo2+7T1SjDh1zxjv3/DmsbP16jIAucG/Mz0PHTeKR+1y7LSwgR5073o4B+LPOOqv4pD63WeqVh+Drjz5afFUPwtzMTPs89DxBzi53HjRnubeT4nCfZ+4jLD20ubudr+fhjV1sLdxUyfXOQx6Tg50vNoPxWjbLZGAC6e+d0d8/yw4Xpa4He0YP9CyTL7LdUehkuwP1GU3cZNqNJwugYzOa5DNkwBI/ZyGQOmdBmBHUZwYGEtAb3d3FjMxAn121qth17rlL16Ef7pS1Mk5aWmlPCfKuw5yX3lboV15ZNGgqQ8Iq/dyJoQfQZ4ibR6+JGRLgKFkjs13r3AxePNztrAWAnEQ41gmtJTOsJbIW0A7R0NKa00KN21i7cImTz+O1CnhrHZvBbR4lubxuJ8BFzLwZrvbUPZPv0+FupxV3O5yZudzb/T8iKa59+iWf0deQtc66/bDsgIQZ6znxcdZ5H9TljHYUOaD2kamMwD3vGEePd6t4gf5eff3akrxHX6EPAG5iHW7XR3YiIMec8Z73ezfcz5fCpIbdbngUO2qfo1bpKAfcH3n44RRnt+sn3zEmF0/mdrebaCmgW52zQ8VSPCke/EYkyDEmsIcyZ6LM6GsAegOVr+8P0Odks8AdoKPkQ6XTBIKJiDoH6mS6zxIDA+R6PctIbF0TeUa785Qco537rKA+q8lOtvscu3lUOlnu2u3PoNCpb9Wi0SKWjsv9S18qZjUOLpHl3v10j08tF/LSSogfmSpfomxtWKBqCuatyHRvCeYzVKxQqQLUSYLTnAbosyTByWapftEagMu9wXrAukBeTnj2EAatSIZDKMyxDrE+hTpvRSUO8fNmuNtTPD3CiAnqWvN4D3Wem7Parc5tU/EalW5xlCv0anbN6FI1rhFegPzRr361mNX1gNYu1PhFF1+cRmAOG2BE7m5HkaPcfTgLRigWdc49IG/1Ltjv1L17SvIeZaDrl3WXYx380vzLc8zcPd0BOuAG4OzYGC8QkNxhzvfsiv+Q7nN2Ljs/HhRU+4MHDhStej09XG03ULR+9Y7SSXGOqbehbojz0IfbvRrKHFd7ygaN6zQhADn3YycMyHG7N+K6ETtmlDox9Fyhz5G0Eu4zgM4OfFY78BmS5gTyNKEF8XpMcoA+QxydiS+o1wX0Wan1lhaGhmA+E1nuJMU1Kfe47baidccdP6DQDwf1Iz0XvbTSnq92JDDPgT6i9a5BSamsFR3jWgLaTJSgAnSy3JnjKPTZbdvS/G9onImNPusDMCeGPhPudtaShq7nQjTMslYhHvAORuMrC45GxM4dQwfmrGGGuEUM1ohQZB4/t+BxUvF0CCUnxFmhW1DxGrc66zEgZyT3iYx11nC8rog4J0m7lhyhByfsVgfUQBsTT4oVWtuWc7wqbWJ1zT0frarP7Nb1V0ryHkWg65fzU4L3V/QL+r/suqzO3RDACt3JcgY6v3DUeSfMeZ2P5wpYfPYOwYvMyfnZ2QT2A3NzxUyj0W4s40x37y7bdZThakoPbkdiXJ712Yzraqj1ekwU736TSysySplUtXCB4XK3230O9a5/C0BHpSeoA3EUOq40FHtMYnbnc0BdQMflzmRPk57dPJmxMoA+I7DjcicprhVZ7q0A+qwe/N36+dx+uCz3w9jq0kp7ntoPA3rU/QrOQ9c6V+VYYzo50vwJlzu5L9FXAqDPsXEnAZYxNvRpHdB6gDpn058SaCMHpymQtwLos15nrNJDVDhmjmeRdWqWsGIAHZg7lNjMhUyscXn1j/ONam6ZHclxeYe4iRBKBjl5Tl/TOsx6PKS1DjD/yZ/8SRJo+YmbhjkeXPdnB+aoc8fPUeSAG2inE9k4nU0/z9WrVxfd+nl2ScjI/j+p9yFBfUtJ3qP35/+Rkv5x/RIvELRvEdj/Tr+ofwbmbqrvBDnXpruTnIFtuPOeXfG89ud8n3tnn312enD26SHnQXr04YeT7de1DxXwrjLF1UOpOzmuFsq8HpCvZOUcVui1LEu0EbF0J57UYiKlDFOAzmdR6YAcqOvvBOrsqElqSUodl5km6hzJLezAt29P2e7szgE67rc5rhk12efIfpVKnwXud931JNCJoZMQhxLQw16nsYzGHZpEtz+dpLjSSivtWVHsBvperW812jFztDFQj8Q4XO7Uos9oLpMjkzxxbOS1BsxiUfliD15aJ/D2ocqJiwfUZ7zehEewkXkJU8wcmAfAMdR5Llja6jy8ksmNHi73WngvXRFkYeSkOMMcYcQ6+6BA/vCDDxYH5ueLbVq3WOs/8IEPFG797T4k9si6usle27xne7jR20DH3Q7UUegAHbXf09Pzf3Xv+/r8gL7XZfqeF5XYPTZ/fuL973//b0t1XyuA/3ftyP6HfoHfB+p2u2DE0A1xRlS6s95zpc7D4Xay3gi4tSyqneP27me322otJNDxkEm1N+Ns9al4QG0+Uagebnh2qbV42P3gY7PVajs5bo5r3gugM2lSeQiTjV0zk4ddMwDnHu72gPp8WJqcJLcwacliFdTnGDWRAXpLu3WAnhLkmPQRS0epJ6BrUZgl4107foDeFNBpKoNCn+FwlnPOecos9xLspZX27Lve23XoAF3QmhKMpgQlwmJsvukWx2Y85cNoHlPFMqe5TckaQCfLfV7rwH5CcWz2I8N9XuvHftYOPH6ocK0dSSzY3S6b15rEWjRL7JoRWEcyL2sXaxjGWkfy24yum5EY5wOr6hnIGTu7bDp+zgFaDx88WDz2ta+lXCaqj+7W/wdAk8js9dswdzMxQx0x5yonK3Q3jsFQ6QY6IyBftWrVvwrq/1uv/8eyZcv6xYP3wpcSsc/Nn/98xhlnvF6/1LPoICeg/5N++X9vl7uPWeUhMNSd8e7XuTL3tTvRucUs93HxXKEH5cvUb+vhI87+ja9/PT2ALcAe5Rk1u9pJCImHumG3VGR+1iPu5PhTspgs2Dz1lEwUdr4AnMkT40zEuPbr+8zrNZNxhp22JuMB1HtAfR7PAmAX1OdxwQvo+xmBOhau9wR0K/QNG4pZjAWit7eYITEuXO7Y9g9+sFh+/PGHXXxKuJdW2rMD8kVlay96UbFHa9ukgD6t+Zh6RdA3Qhvw2chyx+PG3J7BItQ2R7KsFDnrAfXnLlmbZZ1ALEgczCMWWEcAPBAPqAPxmai8mWOd4jqS4JzUOxPx82bcZ41rcbolIoajq8Ptbi9mXraGKCJPCUX+zcceS2Kppnt9+n8BajyluNbtRfW6bfHl9t8YCj3rxZ5UumFulW6gC+L/cvvtt/+r7t+v8fPaMLwdnpRI/RH4o53Zf37zm9/8Gv1C3ytFfasg/N8F9b93lrsBjTLvNCfKWcljjr3nJW9W+3z+Ek0qegJTuw7Qv/7II8VD+/cXDT28rrP0qUL1yPJsBMxzl1Q1XFZW6Xa9z0aSHJNpjs1ANJppBMzJQgXm+/Xefo12vacdN+VtlKIQT9fk3a8dOfGzA+zImdiUrVDGEjBP8TaS4+68s5jTggDQZ0iMo2EF2bQCOlnuOdCPJBmuhH1ppT1NaB+ubE0KfbfANSUoAfQqFSg0mcmAjsudkNq8VPl+NvGAHNN6wCYfhY6Rc4MAAOQHWEtYR1DpkdUO0FOFDbAm3BeCgti5VXmKnzusGGVrzQg3khRcDYA7Cc4QT4lx+nog/jUJo2994xvFwfn5VF++XOsN6+4Htdaw1rL2Mjq5OfeeYna3O37uaicUulW6E+Kw22677V8E9X8Q8Ddee+21l73tbW97A/woKfoj+Oecc875sVNPPfUk7ereogfiZsH4v2jn9j874+l2t/M6B7nv5/DnfXZ/hvuiGnd9drVULPWRlLxZsc9ox2ml7vrLSiSM+GhBN2GwUk9JJe6TDOgj6x24H9DDPxMNZ7C0i0adx0ScD8Cj0mfDADqx9HkmcOzO50Ot43ZHnTPp5xm/8pVihp09QN+4MbncUegAnSx3YujN228vtmu3vPxpZrmXVlppzxzknVnuuwSvCQF98tZbi2oo9NQMikoVYM4mnRyZrVuLeQGd+b4/PHX78dppbWDTz+YfqBM33x8ev1bk6MwE0BET+/EWAnEEB8m6CI0ID1qMOBmuGaKl5oS4MFR6LWskM9dspnykJ775zZSfRN/1FdqcAG48oXk41Ot0nuBsbyrm8mTWaAPdh6zgfkedA/Jbbrnlf2n8bxJ9a2VnvfrVrz6ZROuSmv9O/rziFa944fve977XnnnmmV84//zzv6tf+t+5B7wtz3I36A3sPK7uHWE6yS2+Ni+Nw0iu4AAAOhbhOvrm175WzDUaKa5UidOGUmlHlLRVXccZpxO5yQzuq7mIn7vWcy4mFAbQcYkxAYl3odJJZMFdRnLLASYnah0XPK40duPAnR16GK73uS1binmp9aTQSaQR0OepS8flzgLBzh8FEEBvSBGQFLcU0Euol1ba0QF5Pr9WCejbtPYMX3/9AtA5CZGDWkiKI5mVShXyYYidE1ZjfqPSca8z5wnHyVDmePHIucHdjoePdWQuQnppfQnvIKKC8llc7YQALUTmarVkVuqNWNfapWuMxNajTA2o75+ZKR5/9NHi69SPt1rFdgkK6sJdXWRvqsHtxmBW6HmlkiHPGpzH0AE6yXMAnfH666//J6n0v9LXrpDgeztcKOn47/jPySef/JPvete7Xvme97znav1CnxCwHwfueby8MzHOO0O/NvANdO458c4Pk6F/iybaNkpFtAvFnYQ7/qB2oTPxoDsTtB5NZ9w1zoe1zDNR+CzwjqzSVuyWDXQm22yUrx3gfrjOknGNOw33O5OVCQzcmcyxW5/fuTNBfd4Z7+zqtRDsJ+M9gN7u565Fo6r/U01A3wbQf/qnix6phZ6OU6KWuleevFZaaUd2ylrPU8wh3+O0tXvPO6/Yc911xRhud224a93dqQ69Fb3cZ++9t9iv9We/YH6AkBub+Ai94WpPSXCx8UcAkIOTXO7RvIq15WDk7xjiznJHmTt27rg5axf3feZ5PYM7nkrAfjBEDsluNb2+V/9Gyo5xq7Nm+ijs3GtqmDvMaS9q7m537LzzGO1ly5Z9X/YXWpf/7P3vf/+NCLsTTzzxuJKG/7H+/Jig/grc8R/4wAf69BA8Ifv7vGTNsLbb3Q+PVXjefS5PvMPYHfo8dh7G6z7/+fTgkgXPjvSb2pk+ND+fdq3JPRXtYZNrKk4qSklykRjX7hoXUG9GG9g5d44jnoVCj+Q4RpQ5NemUsO0PoGMo9aTQBXOgzs69rdI1+Q8w0kEOha5d/jxu9/7+oknPaEG9KoVOqczWs88ubhfQuzpAfbhe1WUP79JKe+q+7k/1vufaqp/92eIuqdRdAvooiXEAndAY1SnajLfwsrFBJ0eGOHps4OcAOr0q8CCGqz158iJkhyA4qPXIKn0+1Lkz25uxFgFuQ92hQqvzShZKTLlB+tyjDz6YQM5hWBxuRUdOYtpOTnYNuT2nDolaVHHtJDirdq/XTljOj82+4oor/kH251Ljd2otPlNr/avLRLf/+HH2H3/LW95yEru2P/qjP+rXQ/W4HoZ/cP25Hyg/ZFzbrZO7d6zW86YG3iESy0kPqozGBpsESNrGPqoH+zvf/GbxyP79yV3VDBe8M+AbWW9k93VPmaXcZ6LpmonWjDjXPBDX64P6fAI6CS6ZSgfm7MoPMokFdJQ6u3XccAdwwwvsAH0eoJPtTgyd5DgSbNauLWYpXwPognnljjuK+846q/j8j/1YcZOUAnZz2E0vfOFh7cbSSjsGdtMS4783u/kQdstxxxX3vuMdxc7PfrYYIo4uoFdpAoVXDZhrDu8nsz3CaSTEHbCHzl473OsIgUiuTYKAdQOIu4qGtQR4U3GjNSfF0Fl7AuiGejNUeiMS4RAp+/FMCuR/9sQTKU7OsaYb9O9D8LC2GsIGsdda5zBZXDmz3aLKbbsNeuczseZqvf2+1t3HzzrrrLVa39/29re//VVnnnlmWXr2fPpz+umnkxn/83/wB39wmn75q/UQPST7R8dolnLFO1vejWv8ULqZjd3whjrxHO9AP6NJSGY8CSCP8MAL7N945JFivl5Pk6UZ8Sn3RbZKzxPkUjkbCp5dNW74yHQH7ExOdtq4zw5yn4kZO/IEdO3U06TmHnF0du0YiTNAnbibVDoJcvtR6jSZAeh0o9LCQVbtZv08bv/lXy5uld18yinFTSefXNz4ylcmu+EVr2ib79348pcnu0n3sJvzkfuym5/CDvf+U9pJJy22/J6uv9jx+S/+MH/PUn/fvxd72ct+5OymQ1jn+zd33v/FX1x4j3Gp69w67/t19nU3Zpa/5v10nY03aGwbr3nvECN2fWb5vUXv6ffzBUzP1w2yW171quL+3/qtYveVVxZDmo8Vmj8RHqMGndJTAR2FfoCQmuwgcx6YkwgXqtwbftaJA1o3DkQ+znx4/g4A7qg7T2Wy4Xa3Qm9lIqQW+T+sVw/OzKT17M+/9a3ioQMHUj5Rf39/Whvt8bQQyhOM85h4XmXk/KZcubsqydDX9/4nfb9Hfv/3f3+FxNmvsp6/4x3v+E8l3Z7nf0477bQXEGd/97vfvUIP2bwekv/l2Lkfphzsdr0DbrvafW2Qu2td3l/+4wu7ydRicLcm3INzc0mxP0ajmlar3ULRDWd8nGpbrUcJCZOPxBW738lMZVJSdoILrQ11Jq7sQd73Lp3JjRuOSc8BLhFvA+jE34il06BingQbYnMogJ6eYvpLXyp26t9+13vfW6z93d8t+rSwdL35zcXK008vVmNvfGOxSrb6DW8ourDXv75YLWPset3rim5ZTz6+9rXJemy/8RsLFte9WH6d26//+pHba15T9IT1ZtYX7yXTdV92nX+u99d+7Uk71P0O6/nVXy16MV9n922LPvcU1v6aV7/6SYvX3WGd7/3Avaey004rujPryaw7G5/qvfZnfuVXFix/nd/P34/rLm0OsXTte9l1d3bPX9vV8dn29zn11GI1o1575D7Xq+O91bwX77fv+72Oz67KzK9XYnp/pa8xfb8VGtumf2My32cMW67XyzXeoTGZPneHXt+u8XaPsttkX9Lv50tc63d6u56X1W99a3GX1p09N99cjKPO6ehIeAzPmuYuDWXoEHcgylMpVSWz3cmxbPLbHrzIv5kLT1/y9qHIEQhRe26gzwTA7WZPcXPqx/WadQuQP/GNb6RDU3ZpXaGlKutdnrTm9dJlwPZwduYyOU5uqOdJzKHi/1FfOyuwP3zGGWfcLoCf/JrXvOb4kmLlnx/4c9JJJ/2UlPsvvPOd77xdD8x+PYgzehD/pTOGnrcbdEMDZ1kyAnTA7VaEPp+dzEuu0wZAn12xfHmxnQS6RiOB/duPP148PDubdsJtF1eWIOdmMynGFVnv86HUcZnNRwkbO++DuOKZrCh07gnkBvv+KGGbi508GbEPkg1LCRu7fMpftEjgyksHP0ipV1asKHbp/3Dn7/1ese7tby/WCOj9b3tb0feWtxS9AjvW96Y3JesV4PtkvQK8x15BHutjFOT7ZOk11wJ8r6zPJpD3a8SAOq97cxPU+2y83znmnwHWAem+DNyd12n06w4zkPvC8tfpOofwUkDP4Lzoc1qwe7GlYO77Ad7egG9vB4R7lgBt9yGAnF6zCcihG3Dt6YRuB3wXgZNrQziD8aLrjq/tyuDdlX0fQ7QrQLro/cw6YfsDAD7llCfh3AHpVbq25e+t8nv62vwzfp0Dv/1ZA73TloD9irjOxxV+zyOQN+htwF+/p+X6+WEr9Bys4Hn5zd8s7teaM3bHHcU0R6eS2b5pU+r0aJhTqnYQV/vgYPEgdecaD7LRj9bQB8hix6LUFaDPZSIhWTSQSbXnVOBEm1eHA1mXHp2fT+vVt2QNwf1e/RsAOWubc4oirr0oHGk3uxOJc6Wel6UZ4BZTsn/WvdbZZ5+95Y//+I/fes455/wSCc8ltco/h/2jHd+P64F5xR/+4R+SQPeAHs6WHsb/k7vefURr3qHIsXPGvA2hDwzgmlIKm+/ddtttxX2cT67J8sRjjxXf1W730QMHiv0C/Uzm7nJJW4ptRTYqLvcD3lmzo8a9HjGyB5mkev0gQCezFdPEPsiOnUnPDh63O41ntBAA9QMkyZFUQ5MKYumCepOymN7eYu+yZcU9UuhA/S7ZnWecUWx897uLDe98Z7HhHe8oNmJS7+v///beA17Pqsr3V6ePo47OXGeuqONcuY4OlmFCkWKEBANBQg8QSEBBAwihhwgy4iiONGkJpPfee28n5eSk15Oek0roIgJKU577+27W753NkfnfufMfFXWvz2e9e++1y1Pe59m/tdbez94tW1bdv/CFxD2Cu0sBSHzssVUPMWF3KQSJZXn0UPgQofghKQk9It5d8V9idWzNuQdyKRXdI3yIuOQPOR78kBQOh/8Rp3wpIt1JK0zxjJMsy6uxFJcHpaTAKS5+yIxcykv3iD8UZfI65NfYsjwv4g/k5TJ+IAsfaCavsZQk+P4I3xTP86UUOXT8AeJSkmppl0Mmpeg+cUqjkCnu8ikd9e6PvPtDZr6/eeiyWZkfxjHuC2UtD51vJe5N5UOps/y+TNH7Jc6VwCy8N/Jyz08Kc69R5kVq7nEy3xseqaSYhrfKnqsa639IrP/6bj0fd+vZukdhd71fo665pprBMBiudpZ55csUPGtY5hmYN8SXLUtjgix9wJL4GoYJcEvjc9c0B0f9CK72JdGv2N0+L747TxN1qTN/frWmvr7aKhDns1zWYWflTHYvw0DpHKu0GcTdD8Y4d63PzMHcRlI+6c0GVFjvGFRzTj/99H6tW7f+rPrkvzvuuOPeU1Cq0H9lnP3PTz755P/5pS996YizzjprgB7K+eKXrFXaKveDCueaKXFvHMNiBwZ07xDnbyWvVD4vBFv3sXYxOw016qVp2ry5WqsXqF7AvpRvPmMFufmxPCMLztRlrjKvHJeYFzjGzBKgC+TrVa8hrPV6WC98/bhx6fOWelnsDcyKZTydzgFLPdZ4T1urykqfeNNN1YBzzkmg3k/cV9zny1+uerdtW/U+5ZSq18knV70F9HCvk06qegnwEyvek7TAv6fAv1erVol7qoPqRVrcW9xTykAvyRz2IpRy0DNCc08pCD0dRtzyXqSPPz5xL0IpEY+IifdSSJo8ZI9IqXDockmWsxSNR7K8nq6D3GWcL9nDUkJgx1NoJo9QSkctHuUTIzc7nedF2EOKSgqz8j2acyg5PaJeLU2IEiSlpUcoPDWlKMurMQpOKDlvkjWLW8Fx+TcpRpHfI8rnylJSenIFyYrVWyhOD2ayB/Mwz7ciFW0ndrx5+P/BDwQ/qGOkeLRv+QOOk0/cHOn7FdY4Sz+g+3s/rHtBvJbWf5NY/9V9Cu8L2X2kgx/RezWxW7cE5gt4L/V+MlTG3ueAOWPn9Ux2RUlnERm927zvi+NzNc9srw/lf0lMql2mvmVpTLi1dW7mM9pluNUbGqqmLVuq9QLySVISmOjGZidXqJ+jf/NW1vRtHmr0lta5he6vhwzo+bfn+ddFKv9TGUezTjvttEdOOOGETwrI//bQQw8tE90K/fdY7G3btv0fLVu2/MwZZ5zRRw/bDD2cr9iFlO/F64kfBnS72XMwJ89bvpK+VpavdwkiZLs/XphJAl0WYtitF2nDsmVVvV4uz3j3qnFo1Et4GRlD52Xlu0+s9wD3ZeF6x+0GL41JcgA6n7E1oL3r5V8OsAvQl2Gt44IfMiRZ6kvVWSyRBcDmD5O++c1qUIcOVd+zz676i/udeWbV/6yzqr5nnFH1O/30ql+7dlVfGLBXmEBfgN/31FMT91O8j8C/r7gfoZQAwn6EUgb6CPz7ionDfSOdZIRSCvpIKUhhFk9sucI+Uhb6ign7SFGASfeNOHIUiD5SGvIylveWPLEUCUKUC+QoGH1C+XDemxgZyocZRcNKieMug/JhJSXiKC49c8WluRKTKywR9rJS43gWvhU/kik5NSXG+ZF+OFN0rLjgVelhJSYvJ344Z5XpEUqQ026rR6YopTLmrO7Dccweocj0yBSiHlnoNqzw9AgFyfWSpwa5vT3Nw+ay8P4krxBKDWHOmTfpLeW5x8lp8UN4nvIQ1v3ImSGsGuu/e0DhAxGvsZ6B3nqnJgpEF7DdcUyAQwFnV7X6GELjXV7Ku4wXTvFkmXvRqeyLGFzt9fF5Gv2H+xOvDAeQM/y3Sf0PhgVf6ExQuw9KmaB/8tKqBnEbLF56NZ8/lLvh83lIXpiLNNZ5GEkvq/+cqv72gWOPPfbjxxxzzAf45LigUKFfCcli/8A//dM//W9pjt314E7XA/hzu5Wshebudmuqtsb98KPRkiaEDeww32pSnk/e7r3nnmqsNG5eqB0bNiRgT9Y6ljq7JOESi81bWBgiadqMqfPywoyni5chi0lyftkB9WUx8x33O9r9Msbc0PZjWdh6PoGJ9d6nfPvb1RC9gAMF6gD7wPPOqwa2b1/1Fw8QDxIPPPfcf2dZ8wMF/HB/gf9AgX9/Af8AdUz9xQMUJxwYYZIL9AdIERigcKBCM+l+oQj0l3JgHgAjQykIxYA4sgFWFsT9KRPp/i5nRhbxfrKCHKJE1PJIR14tTX7EUTpcpqZ8hLLRz0qH05HfLxSVfighcDMlpRZ3figpfbMwxZspMc3DPply0zvjPs3ifUKZ6RXKSp9cubHHJFNker2VPPeuoKBk6UdCqelpebN4zpY9kilCKDiPBDtuxaenlaJMUUplMi+O44/Yw4MMJQcZYdYu3iMfK+U7rvN4OIsTPmwZdZDF0BNhj5A/HJyGphiigvWfPCx2vAfDV8Hds3gPPQM9eE70Hk247bZkmS+KpZtzyxxXO+801jnzZVj6Ob3v8Unrklh8amlY6KxjgSGw0GtcBLivAMhXrqx2NDZWyxYvTiu63XPvvdVNAeQ3ql+ij6Lfor/yEKIB3cOPdrXnn6fls92zvcxfU9kpHTt2nH7SSSfdefjhh3+ouNUL/Vrp6KOPfu+nPvUpVqD7gR7UGXqYZ9tS56H25DfHPbZkV7tdVH4pvDMQIM4qSuwOxEtDeTYXuEfAPgxwnT+/2rZuXbVt7dqqYd68mnZdFys9LWrGyb3GTPcA9foYS/N4ugGdMfXldAasIMdkOQCd8XQ2edBxmTA3/fvfr4ZLQRmqFxFgH3rxxdWQTp2qIR07JuaztiHiwdK2BwvwhxBecEE1+PzzE9gPUXyIlIBBAvrBSg+OOLLBUgCGiAkBfniI8gYpHAyrM3Pc4UCUhOBBZ5xRDRYTDpKCMDjSA6UkkM7lKBCWo0QMDGViEPFQKMhDkUgyhYMjH0a5SKGUiYERT8pFxFMbzkMZIY5igpISPMDKSJSjLgqHZY4PzNL9Q0npHwpKHrcS0y/CWr45FJn+4f0YEOm+KCmh4CRlJMK+Vk6s6Nhr4jziWdnkRYk6jlvBIT95X4hnbSQFxvLg3iFzO3Cf7Bg174zYZftkSlLvUIx652WCGfKppVU+j7ts35D7XDjfXN4nroVhJeK9Y1iptzmGnHrHPJPe1M84DUsxPAUzVCUm3jPSPUnr/ybsGeEjxHlu9E5N+t733tjvHA+a3tPFAeZ8irqMYTQmv7H2BGCN0u5Z7YSxTWpdTIRb5C2ZFdKXrBaQ06/slEW+UOnBUuT/Te88/RB9FH2T2TIbJQA9fR19mq1z94X2Ytoi98TiTp06vS7AnybrfJT60ZMvuuiiD8si/7OCLoV+o+54PZx/d+KJJ56qh3WiHuy5ubvJ2/nZnQ6oe8Y7L4MtcsC8+Yvj/XxxcZFP+L077qh69+yZFqLZsXFjtUPgvmrhwmr53Ln/vmd6fMaGFp5cbIyjE+plTsAO84Lr5W+Ime90BLjr6r00LO47OgmPqwvQZ9x1VzVG5zxCL+cIXd9I8Qi9tMP0cg7TSztcPEya+HBYL+0IhfBQgf5w8TDxCCkBw5yWEjBcCkCNpQAMVac1DCYuBQAeIoVguGTDFYeHSgEY7jzFhyl/qHgYMoUoBsMkH4oSoTgh6cQoElIUhiIPHhIhS9uyGh7s+LBQKoZIoUCGYjFE6ZSv+GApE5Qhn/TQLD4kFA/CoVl+yot8lxuidoZSXiGc6kr5GOJ0hEMjntIoKCGv1UG5kTzlh1KTyhNmSk0eWlEZGN6SgU6HYvOW8axM8qAQWjnKZFaA8jrm/qHoDLCSY+9MeGoGRpv22gyMtuzBScM4KDsoQ/bYKK9/5L1Jjocnyg+Ic+uXyZ2uxan7FmHf/Bw5Vh7m7CEo8vBAkSbUPcdb1VdxuF8MV6VhK8n7KOyrsJ/+yz6UY0iLOIqswHCGFPu6+NY8rQQXs9lZZ2KxLXPeY2ayswJcWOeL/UkrE9zoI2LNdtzra2WF7xCQb9+wIW1lOlAKA5tOsX+4+x9Cx91n0UfRj5ntbreV7ng+gdgWuvrCmRdccMGoli1btjr77LP/Z4sWLd5X0KTQ24Y++9nPvhsN8/jjjz9FGudwAftsu6D8wF8ZE0jycSfv12vr3G53p3mBsNgJ2TUI+bV6mf71u9+t+sQEuh2bNlVNLFSzdOkbVnssNuPvTAH1pbFN4tKYINeAew1AJ5/d4gD2cL2nWbKKrxDQNzDOzqS54cOrWffeW43XSz1aoD5S1zAG1jWM0nUm1rWN0ss7SkA/WvExpImLkY/USw2PUXw0ab3go8RsCTlSwE84SoqA06PEI9UBmEdFiFJAfJTCkVIMklzhyEiPlKIwCuUBxUHxEeIkRybFIaVDXktLgRjpOKHYIYpGYpQKhSMiPjKUjBEKzcjJJ46ikfKDiSNrHh9BuYijdAyP9PBQVmp1svJJRoiyIh7uOGG0keR5e1melRnKJIUn4oTDo82h5lzhyRSfVMfKUYRDIkyKTyhHQ6zIEM/KWT445EkpoS6KCTLHUZysHEVdlCyGcgZFfBBxypGOcEjEB9rDE14el83Z9VJcxxgU58DqiBxjAAoS8hhKGmxvEsNKkR4YMsoMCHmq6zyGpGJYapD+hwEwQ1V4sMQDgwfpPx4YPACZnqX+eLr07sx+4IG0wmMDOynyXrJQFEDOuuwKG2K+zLJYOKY++gGv156G4lgIZs6cZJHvVL/BYjDMWO/du3d1VwA5/Q0bpxAnJJ17Dw3qMP2chxE9xGhAJw6Y43KPzVOmn3/++QOPPfbYlu3bt/9bPhUu6FHobUt8G3nWWWd98Mgjj2wpgB+oh3+hgdyT4PygI8/d7rbUDfS42nmBkBvQecFg5NfrBfv2t79dPXD//dUUgfNmadlNstobGxqqZby0fMduQMcqZ7IcL3lMlsNib2BPd6WXM2GOiXK46xQuB+QBdfEqgF+dxxx1JkyMG6Pzgcfr+ON1nuMU55O2sQL6sTr3sbqmcQprLPkYXW+SE+q6xyt03CEKwDgUAd2nsXr5iY9TfJziY5GJUQTGisdIyyccrRAeo05jbOSNzdKjQ2EgDTvuMjW5FAkUiDHko1hEnNB5ozMlI8VDyYDHUB5lJOSEYyK0DIVjNMqIFZGIj7ZykikfThNPdUJJcfma4mImLxQVy1AsRoXSgnIyKlNWktKB3MqP41lersy4/ohQaEZmbfq4SRbKjBWb4RF3+Zoy5OOQRkkJOWFSVgijLp4Xh8Myb429Mla0hodXZ1goTEmu4wyz1yc4eXYol8vtHYrQ+UPysuTBDC05TnukAVzKcTzdC2QuyxAUQ1JDgxmWIhwcw1RpqEr/QUoTMoyl/5mhLXiw4shG6P2Z0717tUxK9nI8avFpGkCOcu5P07zjYhpu472OdSnoDxpkgW9S/8CwHftLsAf5wz16pH3ImbXu/gXmqxv6HO8nbiAH2O1RJHT/ZaPF4+e2zgmVP++cc87pIcPnn9U//hUrdRa0KPTbRH/Ag/uP//iPR+lBfkQP/VQ91AuszeYzQ/PxKLuyrAnb/U6cFwttmdCaMy8ak1W+86//Wt33wx9W4/Wy8y37djHA3iBNPH2rHi+1Z76jwS8LcF8OqMPqCBrQ7tUpLGfcnW/WWapW4L5c7c7Xiz9RL/k4HW+CeKLOYwKs+DjAXecIwE9QfJLiEwnFEwB9Xd9EXdsk8hWfRBxZzuoYYIB/gngiykAoAROIK0yKgDqNseokxodiQBzZRJVN+ZE3LuTjFU6IdFIU1OGMb64sqOMhDpNHejzlxGMiL6Upn5VFMRgfeVY0crnTSQGJulZGxuXKCQoGygnKBUpGpJ3vMlZYXGZsxigrY1FWrLhk6VGZUmPGG2IlZ1QoI9RBgbESMzbS5Dtuj0lerqb4hBJjT4rrEo6Jui6XlBYrKK5HOsIRER/lOlaE3H54YUZGO24z9+TY04NsRNQZHkM/qV6URZZCyYZHGeqmssgplw0jpTyOF9dXkyuehpvEwzieZIRJFkNSwyij+84Q1VCYsjFkNdxDWOQrTv4whUP4//SOzHvkkTe+Mde7iRLeEPNh0iepWOAo8PHpKmDOctAMx61esKDaWF9f7W5srNatXFmNkYL+oBR0tn0GuOHbb789gTpMH0NoK93udw8DGsgN7PZCuk/DGlf+PIH7hNNOO+1u9YOHtW3b9r3qF99ZoKHQbzO9kwdZGuuhCq+Wtipsu3ZhPvOdF8MT4AD2ZH2/hcvdrjBA3JozLyILO1i7xhV/9113pRXo2N1t96ZN1YYlS6rlfGsaVvqy+KxtqcfUYwb88rDWAXXG1AF1OoyVSuN+n9+7d9oUYoJe8skK+YQGnqQ0ezQTYsHDgP1k4gonogDoGiYjE09RehJpdo0izOIoAxOtEOgeEKIQoBhMDGUAxSCFShMfj4IQ8Qm6lygKMHGzZRMjbeVhvDqgCWx2ASs+UeF4FANY6ZSfySc2K5O8DVYkxBOj/LhIT0AGuy5hyKyQjLeCEuUnOE88IZSbFA+FJi8/znIrOOHlcP2ktKCIOJ3LUVwiTHHXDfmYUG5qypHLk2dvCUoKCkvEk/ISsuQ5cZlQjFBEXCfnUSEf06w9wjG5J4Z2SUedMVEH2SgUm/DkjInz93lSl/zRWVujom3Lx8TxRsZ5j3I8jjEq2huV58XxnMdQ08iYX8LKivDokDsvzT+RLIXIxCMYntJ9TukYwmJYC/lw8pUeo/djfp8+b1jlsT57UsJjXkyyyiNk3Hw5K7rNn181AuSbN1dL6+pSv9BDVv6//du/pb6DRa2+853vVP+i9xlApy8hbpC3u90gbmPDHkV/peOJv+F6n0M/16pVq68yvygmuhUgL/S7Q3pp3sXM+AsuuOAjJ5xwwiUC8zF6IZbwkhjUPX5u69xADnA7BMitNRvcefGsTfNC3qL4t/RS3nP33VW/vn2rhQLzPXqhtyxfXq2Rpr4Cqz2WifXuS8laV7g8QrT+lQA8oK6OYwU7vPXrV02RwjBFncAUdQJT1AHAgDuftMFTlYaJT9Z5TRFP0vlM0XkRn6w4PBVWGp6s8yacgnKg65nqfBQHpafoWhMrnULJJqEAoBwoTUg6yUNxsMKAQjA5j6tDmqwQpWJKnh88JUKUA5dFWajJory9DXgWJoUnopaPMhL5KY1CQpp8ZKSj7mR7Lax0KJ2UjcxjYUVkovOztJUTFBKHsL0fVlhyhWaSFZpMwXH98dR3HrKoPzE7DgrLJGQRh1FqJmTKT5KFZ6WmAEU6V6BSPcWT8uP2muXnXprxOaPQMMQTypPLWhmrDf3Yi4M8jpUUohgOYqhoXHCq4zRtZENHY4PHOIyyY6Od8XiXFI6O45BO7ehepiEppT3nhHkoY5QepRDG+h4dPFb/8ViFrAo3SvGRio+gHT3rC9hRjbktzIXh3fX7i9cthtFWCMjXLlxYbdb7zqeuSxUfMmhQ9dBDD1X/9oMfVN/73vcSM1zHcq0AOEyafoS4DQRCu9vtPbTL3W52r7Gh/mqZgHy4ALw984nUz/1FAfJCv/MWOxpr+/btDzn++OM76GVgnH2Fv0PPXVnWjG2peww9d70j98tnjdovaNK0BaTf//730zjZXFnmTbLYd6xalV54rHQmx6X13nHX4VpHpnhDrCy3LKx0LPa6gQOrKXfcUU0WoE9VhzBNcYfTCCWfoQ6CcJrCBO6KT8/lkk2XMjCdPJ3fDMBf50ho2VTS6lyms0WkeBqbUegaic8I2XRd6zRkyiPudK4MTHNoDmUA2VTFp4aiMDlk00I2lTR5ur95mvBNZcyWUR4vhADfeZNDcUgh+cjtmQiZvRNWMqZEPCkT+u+noICEbFKmfCQlBaUj0lY8ah6PaCNxlHUbtGdFpHYc6kV55yXOj5nlTY42JoaCktKuj8ISzPlPsmKUKTs1pSeUodQmQzRWpjgOyo6VniiT2qWch3GycvDE8OhMcug6UWZi1tYkn1t4gia6LOcZw0aJiaPIhXxClOHeMIdkQswnwRMFU5Y5JgxHjacM+ciCxwUTH6t2xig/yRi+Eo+RbJRkWOXE4fF67hfoHWyIuS/LYhMmZrMvx/Omd3f1vHnVjpUrq23r11fzBOyDpACwyyNj5D8QmMNY5/QJgDoWOv1GbqHnHj8bCvQ9BnNb6B5PVx/U8LWvfa3vUUcddWaHDh3+JtZYL0Be6PcL2FnKsF27dn99xBFHnH755Zf31suzwZ+FAOj5pyKeCOfZpx5HtwZt9gvJy+kxMcrfqpeW8bKeDz9czdaLv10v/I41a5I7fqUs9vrMbecxdSbZAOq21Ov4dO3ee6tp6hSm3XVXNf3OO9OnbDOJSzZV7c+UjH2aZ4hnSWaeHuA/Ux3JdIWzlQ/os+nLDKWnB/DDM5WepfLwDJQB8qUEsCf7DIVmtnSdRRvB7Ag3XYrADLOufxZlqAvTNvUkJ39myKeHAjEjFAyHKBK1sigYSk/TfZwR8ZlxnKRURDq1FeVSHEWDOqGEoGxMC05KSqaMzIgwlaeNKJeXqbWBLBQW56c8lJVQZqYHo7Sg0EwPRSbVIwwZeVZ0yCNtRaW5MmQFiPi0OFZSZhyPtjy84vTUOA8rTy6Twqw9y2ptMmyjZ36qlbEsnBr13qScZcedGh4dK2c1j47PL7ueWlmGjfDwuA2GlYjjacIDRF2GlBQyzDTRQ0ykw9OEbELkezgKb1XODFVNwCOl+ISIMz9lYuSNVf1xyPQcjFF9rPPJev7nCtD5trwhFo3CGm8QmK+bP7/aqfcZixwgxzNnixzw5t1nBjuAjlVuGXH3FVjo+cx2OJ/Lk39CS1r9zKbOnTsz0a3Vl7/85feXiW6FConYw5dx9k9+8pNfvOyyy+7Ri7Ilf3HyT0YAbUDaIO9JLIB47nrn5eQl9WQXQmRo4rzUTKCbOH582mgBi32NOgQ6B3cQyQXPOJwsgBXqPAhZaGbmAw9U0wTqs+67r5p+zz2JAXnCmQrZOGK6Og5CdoSaTT6grzSfvc0Q4KMAzA6eoXOZCfhLnmRKz1F8DmGUmamOZzb1UBjUEVEG0DfwzwwFAeWgFkcOyFMuQpQDlII5lJPMSgJlZ4cCMZv6wSgMKA7Ep4cHYVbkWbmY3UyhIESW6oZCQYhsRuRb6UjlQnFIZWiXtqgTCkcKrZiIZ0foMtMzxWR2hCgWxO3hmJnHaYtrUZlZzcqQl5QQpWdFOdhKzYyoPzOUnpkhc52kZIRHhfKEuYIF2E0P5WhmM8Vraig+U0NhstKSp9OxwnMzLdpK5ThO3EfLp1nx4Vh4lPD8hKJGiFdoGjLKxv1IbTB0RB5t4xkiHnWm6R7hdZqMjHgMMTG8NImykqXhJ8kAYngy7UsOp2Eo5SNLebSlc5so2STaUBorfCJyPQfjaYeyqjuOenru5w8Zkixz3tM1ssYbpZDv0ju8fsWKasqkSVWvnj3TstE/1Pt9p94ZFqTCIicOiBO3ZU5I30CcfsFj6bmFbuvcQ37itQL2QRdeeOEP1V8d06ZNm3erC3tX6cULFfplehcL1XziE584qmPHjvfoRRqsl2qbtePc5W4w96clHku3y91aN8yLmrMnwsDszc7SjhtWrqz2sIVrfX1y2wHqy+MzNwCdMbuFAvQ56ixmsZ2qeKZAfabCGQpnPfhgAvkE4oTqUEjPpZziae9mxUnPDvm8KD9X+eQB/vNCnljyOaEUzNF5suPbbIUJ+FEQFCZ5yOZSFsUg2EoC8sSUpS3J50o+X+05Pk95MHEYpYBwTqSTkqFwVigOtTyOQZp82lKnOzeUEsqhmKCEzFG9OaFoIIfnRXnnpboRcnwUj5TOGMXD8jnRrvNmhfIyJ+IzMoUGZWZ2KDJzaCM4KSi0E8pMyrfS4rIoUVaQQilKx0P5yJSbpCyFVwVPy6yo6/o1RQhlJJg8znO2y0QdK2qz4txr1ya5PTnp3KOOz89tpXh2D1IYbRLPPUEzI53aDI8RZWbFsVIapc5t4IHi3uF54jjUkSzJFcdTxRanrKw4DaYd5JmMoSuYfc2nhPcKECdO/mTxBMkmSMbqcKSn6NllMZlVs2ZVG+vqql1r11ZrGhrS0tB9+vRJQI4Vzjt9n94fQBwGxJF57NygTt+AhQ67TzCYuy+hnwkjYrMMigGnnXbaDQLz/9W+ffs/LkBeqNB/Etix2s8888yP8wKJeunF2uHPRzzzPXvZakDvGaq2ynMg9wxWv8hJrhcZzf2HArehgwdXDYsWpY5i4+LFCdhXz5lTrcRyZ0c3dSbzevVKoD5bPPOhhxLP7t7935m0rPi5ivPNLDtDmeeyS9TDD7+x9aPy+AyOkD3Xk0whe7CzZesC5JSJcJ7yFypcyB7QtCXgp94C2iSP+hxX8lSGuK4JpWBuKAjsGEe5hcojTf582pFsXsQJE/gTOo6iEXEUiPm0lykJzlugYy3gOIQoKcgprzjKQzpGxBdYpvyFlOUYjoeSsoDytBvHQUmgHHKzlZI5ocQ4H0UinXfw3FBYiCfvRygd80LBmRNKBIqJzyvlZ4rOnEyJsQKTt5fKohyF4mNFKFeYZmfDMHNclmNn9WtDNdHGzAiTkkY9K3WZR4eyc3wcFDvaaabU+V74/6rdm4znZf97ujY8T+FVSp6miM+M4SY8TnPtieJYEZ/lUOfDEFXyTOG9AvSpy9BUcBq+Ek9hGIo81ZuicAp1dS6E8Cw91+v1Hu6URb586dKkiD+i9+kBPc9smnKvyhLHOjegA/C5hW5At8udtPsGPHj25HmWu+K71McMPOWUU65p167dR3GrM8G3dNGFCv0XxtmlCf9Bq1atDjnppJO+LhB/WC/eXo9veUJcPoZul7vHz3lZ/WkbjCZurRzm5YUp9300eXUAjL/VYwGsX58sdtzxWAV8kz6/X79qds+eidmPeT5h795vxCNcYDnbror5dhbZQuLqgNLWjyqbtmaN7VkXRv585SNbpHzAf5FkZtKA+2LFF6vNxJIlVnwRdcVLFK+LfdwJzUkhoD7tRtkkU7lFWf6iKI9SUIdSEeFCt6eOdZHSdcGLUCCkDCwK+QJW8yIupmwdCkMoFIs4lpkyoWBQh3yYOoSAP/K6aB/lhLaQobQspEwoKeTRzvyQoXRQtg4ZcerQVlY2cbSbFJ9QONIxOBfVS+fGuUf5BaHMzItzS8pNKE7p3FGsaCva9PktzJSuBdk51NqJ8yA+B0DFO+O8uDfIrLTNj3OyRyfdg5C7zALfi4i7/NxcRpq2QkmcH//F/Iin9jknrgfFlOsN5RRO3ipkKKUql7xS4a0iRIYnCyUXTxXxGQqn6xpr6fBwTWcYi7TanKq8GdTh2Ci4eic2slDU3LnViBEjqkf0jN+vcgA3AM54OWCOiz2XA/LIsNABd1vsgLm9de4HDOLxOdteGRLdW7ZseWGbNm0+iIFRJroVKvTfBOxoxXqp/lIv2HnXX3/9fbK0D+YvoAGbFzOfFJcDeg7mWOo5qPOCJ41djPbOWs7MjJ8nIGcxCmbOrp0xI20KMU+AD7DPGzCgmi+eR1wywiQH2Ckjnqv4vGA+e1sEsx0rezlTX3LScB111HEtVnwB5cVLQp62cA1FYInqJqWgT5+qnnaUT3wpbfOZnuJLxItDMVjMMTJeSpuOq1za753jipdyXBQGQhQGjif5kkjT7pIoQ7go6rG9bMqP8tSrI00eyoaYtheHAoNSUpeX51xpkzDKp+NS3mnqWAkRp3QoIoujTbwbKCSLoz5hyidEGQnlh7jL5wpRapuQslx/tJEUoDiPmpKUKVV14UlZFOe0KJj2UjrqLc7bCMUq1YtjL4pjWalymbrw2tTKRzk8OvCiuDfI7eXxfVwU8nRclMOIL4hronxdKIy0MT+ujTDJUDSJSzaPdyLiPAP8t3ijiM+N8uTB8ykPS0Y4V+GbWDI8XbPwZCmNtyuBuNJzeW70rDUMHVqt0Xs3d/r0atDAgVUvyQFvZq7jYodJw4A3IJ4DOvNlDOg/iE/WDOj0D6TtrYv0QfUvD3z+858/nR3PwhovQF6o0K+CeMH4LOTII49sffXVVz8kMO4ny/wpQBu3e/49qSfKWRMn3RzQ/ULbSjewA+qJFX9I1sNMdSgbZK2vZZcm9mAWLxg0qJoDgAsgYcCdT9sIF0R8AfIA+gVmAFx1F5EPACvNbm6Lm/ES9mInzvatqreUOioL4C9V+2mvdvaFVrqe2b/I+E5XnNKRjzKQs+svCkWBcotDGSC9NGNkKURhaJaXmHooD2+RT5upbigVS9RWiqOIcKyoR7gwky/O0ks5fsgIUSCWZPKklJAfCoq9HktCUclD1yN/aRw/56SEAIyAXhz/TelQYFzenpTFobQsjnMBXKnr80ERS9fJf02cY0d8YbS3+C3Ox3kL45oWR3yplbhQ7pbE/UEJ9H+xKHhheIwovzTK1vnaog55/FcLI14XyqSfidQu18VzzL2I/yfJglE6F0iePFVihqZ41lkIZh6eKYaqAH0xIQrwHLUxB7lCABzmPeGZXzl2bLV+4cK0V8NAPZ+ss95T9bDMYVzsALdd7AZ00rk1nn+mRvqtXO56/59SOPyaa67pcfjhh3+ReTxlfLxQoV/zODs/Z5555lFf/epX7xCAPyLAftYz2T37PXOh/ZK73YCecw7sngFLB8A2imj940aPrtayjOTs2Wk3tiUjRlSLhg1LE+bg+eqM5gPAgwdXC8XEUQDYjhVeCECzLevw4WlrVsJF7B5FOovn4TKFy2J/duqQrqc90kOGvBFn9i/tKWxg84pg9nNPzI5xOpeltBfl6jmGmPxlyjc3cIy3CJexjazacLkUZxtL2kV5IE37tPcfcD2KihUSMeUdb4i2loRS4jh1yK+PsrU0x3NcYYpTR+0vi+M47rTjMPWpC3ClPO4FShPgGm2mc41y6doydp7r0U5eJ8Wz9knXx3HNVq7qow3z4qx8KsN52cMDoMf5Lo02FsfxlppJ02aw//slVgp9TP2Pi7jf8SylZyzK1aGUkic5yuli2gleIkZpTWnlo6DOR3njueeZ5x1AYcWDhfKiEDll5qIEB5Pm23I/16thb7YAADk/SURBVOsF4OsXL65mKOyrfEAcMIexygFywPvhGDsH1EnbMjfnFronxeUu9xhPf1Z9wNDOnTvfffbZZ/9z3q8UKlToN+SO56d169b/eMkll9wiUH9EoPwTf1eau+QN6PlnKv68LQd1AzkvfW3ynNja/V3MjFdHuGL+/Go9n7mxoYssCvZlrlOntIBOUkCftncUE2c7VgCfcCl7riteL3m94vXs6cx2rcgD+Ikvi7zFoRCwQUwDctpQmvopBLxpI0JkhCtUHl5OHZVtEFsZIL6CY4YyQHq50rDzU5pjhJJA3GkzgOA80oT1ESLPy63g/Dhf2uMYHDsUjGVWGoKX0yaKDMoPkxWVbxlcb0Uj2qLM8miDMOelobg0lzVE3AqOz9PH9TEIfX71uYITcZdZEopRkpG28kQY96kh7kHOy5qlAVN4WYDcMt+nUNDSuWdKW01541j5cfhPfM7x//Ofcp1sCWwQJe0QQE6MMoEsynFt9VY04zjIUFBpixAlNsmoz9AUYI2cOF4rlAnFAfD5lOEd4ZnUe7Nx7txqZV1dNXHChDRjHdc6YA57BjuWOWmPl9vt3txCN6AD3sgAc95lf4eu+HN673t17Nix20knnfSpvB8pVKjQ24g+//nPf+yCCy64Stb5w3ppnxeY/8KzWA3ksD9T8Vi7Z7vmLnd/r2r3e/4Na2KBPR3PIoH6+nnzqrUsQMPe6gL4RbFfM51WnTrAOkI6WHVeAD8dGWXYOQqAJ1wS+7AvDxlgTzyx2lxOXYBa8cSSwyvHj3+D2UgmyjeobKqncLXOiXK0R7hK5WDKUy4dhy1jI78hlAnaglEgVijf6Tcx+1HTKasMcacbsvTyUCySLBSMVZybwjeV47gBYMQth6lfS3OOKCRRP9XJFBaOQRspJC+Y9Era5To5VoDp8jivWvuca5xHLT+u1UpNOqdoJ9XN2DLq+Tx9Lq5TYytdcR1O5/GUjnuay/L7k47re6N28e5w31ECHS6L/5f/GrbCmOKcK+Uij/rLlE4hz0gAL89KLWT7UjHbmZLmmeVZXxqKLM8yzzkK7kI8TKTjmWdvhNVTp1YbFiyolssiH6nyvEv9wioHqEkD5gA54G0wxzonBLgpB3jbSof92VqzMfTXFf8JQN6hQ4cun/vc5w4pvWWhQr8ldNhhh33gzDPP7Ni1a9d7b7nllp8I0F8zoDef5Z672psDua1zytI5eNzNcVvzdDoLZs2qNi1aVG0QwK9mpTk2kBDQLlIHCHinTSXoJAFXgSmdXn3svQ4vUR7M1pDIHdIBLgOAlYbpDOlUvV/78shjq1fiKT/kq9gKNraBXc3StuSzJazkiVWPcHWEViBod0UoCsRXEQIYhIAHx4z4W4U1BSMUkZosmPoAT0OAjZUTc55nz4TB6E1KTDOmnM+jIUAqpQEu4nFOBj4rMvk5LIt0OpYVkji266b6Ucbl3LbljqfzjbykKDUL39Suzy87Dvnc/5XxP6yMc/R9eNN54C3i2kOpS0oc/0H8r/n/4vvl/6c+6ieg5tkMwOY5WBphUiy5LrWVwBlFgec5yqLEJkZhDa55qTiHyZPT+7FB78ligTlAzrsDePft27fGOagb0AkBc0IAnPz8M7XcQscal/znAvPX9L7y/vc6/fTTL/qHf/iH95TesVCh31Jiedk2bdqcdt11190lMH9O/Ipe8Fdtqds6bz4pDvb4ua1zLxX5g2yDh9rseFz1aqM736dPm1atA9gXLqzWzZmTtnlkLXjWhAfg05aPhAAs61Cz3CzrxWNJU5bOlTjLzrLMJWDN+tWArtKJlXZ8pWXi1cFs+bpS9fEapLLi1YTIxcTX6DzXqOx/xCgJlAf0Sa/mfCJey0fJQCEgT2UtX+OyhLoewtVui3jkJ2VC8qRwRB7HRLaGc4yyMGUBIueldLS9MhQWpxNzzT4W+SG38kMc5cfnRhxeFffHddM5hSK1Kjuf2jXE+XAf0n2PdlaEIuU65K1Q+dW+RmRcf/w35hUh8/mkY1Anznd1/J/8v+l/oSzt+j+O/9b/+4rYXMjPzfJIr8x4hc6HbUkJ0+6CbHgSzyiKKWV4LpfzzFLWzHON4opVz57kKKFKL2Z+CcoFbfJM6Hw2zp9fbVy27I011gcPTqANeGOVA9yANWPlyLDMYdLk2QXvSXGe4e5Z7v5ELQD+VfHLAvVReqcfPuWUU04vPWGhQr9j9MUvfvELsta//61vfaufwPplveyvNP90xa733L2ef7NqzoGcstQnTfzbavNudS7j1KmtXby42ihg3zBvXrVK4ErHljrJ6PxgADl1oHTcdMTBq2fMeCNOqLqrZ85MsjUhJ+RTujWAdgA6HTmyGsBHGmBnhn4Kld7A+tdsZkE7HAslhLactnLAJCWOS77qOn+9ysIGEadhyiV5physo55kG8jnPCRbGwpFra7qmddGHafdJkCY6kfdVIZ7hDyOBVCuDzl11obMIApTL4VcUygO6Thxnj6HdH6OU477qnZ8fjmviWPRlo+Zjos87h/hKh83i5u5Zy63Ls5nXShlq30u8f+sjevLy/t+r80Anf98XTwr6bmJZ4DQDGCvjmcKsMfDBLAT8szVlEqUMpZeZZ+DkNWUUZZKJs2zzHXrudkgEN+8ZEm1adWqapbSTHTLQZq4gdxxW+UeP7dVbpc7E+O8mAzWOGAeE+ZeFYi/rHdymN7rB1q1atWy9HqFCv1u0ztbtGjxzzfccMMtXbt27SlwfkVA/Iq/RW9updsFb8DOrXfHXSfNhhdjwXuM/gd33lmNHj26WlNfX21eurTaJHBfy/aOYsB9VXSYKxSnIyS+OgB8rTrAxLNm1ZhOl052/dy5b8gAQsbw58yp1rG+NWCnOilNPsCtcD1x6uHuFG9UPuE6yiovxRXC5MFuO5XX8VxuY9QDJHKmfdcjP7VJGz6GQupuiDgARHxjHCPFIy9xpDdGO2tDkcjbWRcyA1ped50VBI4fioRB22UIyV+bgeKGKL82zi8v57x0HtxXX5/bC7ZisyHuWTpGgOrGkG2I/2Rd3Iu10WY6bnbvNmT3nfu4LmRr49qcvyaUsg1xP1O78T/wPyYFMP4LGCA3YFs55JkCsAlRNJGvUZ0E1uFN8vPJrme2vpO3iTyVXaNjNeKhkjK7fuXKaprye8UsdUAZi9yudQO5rXHyPXZuWfNZ7gA8bJe7wtcUvqT3btxNN930L0ccccThpZsrVOj3DNg/+clPfuKqq666plu3bgNktf9MYPxKviCNQbz5xLjcMm/ujvcs+nyWfPqUTjxo0KBqOR2dgJ0V6DazvKw6v1WMuRMC2ArTbm9YSwLHFVhKdLSKr6YjdiiAdeeJcoBrfxOz7iUH2IlvCNAnTHKAmjKA+bx5CaQN4nT4mxYseKNstLUpymwgrTynXXZ91E3HChDJ66U49UPemOUZVDb4WLQRisSGUDbclvOSTOlUR21sJB5gud7ApTDVYeMOQs4jwsaQNfr8OLc4h6S4EBqAQ97IJ4pRjjAxx4820zlH6PNaHwpTY5zHBt+z7HoI14eiVDtfyfnvNsRxfF/4PzZGGd9H/w8+b86T/3RdnEftf+ea4v9fw/9FPvdT5TlWyuMYYp63dfGcEPq54xkkb7m9RDynflZjAyN2O1uvNrcuW1ZtXrGiWqVw9JgxVU8s8XCj5650x3Ngz632HOgBbwO9LXRYVvtr99xzz8/0no3r0qXLjZ/61Kf+9zvKbPVChX6/gf2DH/zg33Ts2PGim2++ecCtt976gsD6JYNzvkwkIO4FKZpb87bYc5B3eVvudueztOwSWeqbli+vtqnz21RXl9zydKB0nKkTxSrCqqODpaNmFr3kALg7XjrojdExkya+MTp2PAGALh19CpXerOO400e2RWkrAZsjn/KEAAgy8gm3oIhIRh2XpYwZec6pDG1FmACVcwvA2RigatDLgTvJFd/iNjJlAraMfDgBnJUB3Qvnw3l6SyZvzuRZAXGbm+IebI7j+JikDcRbIs51uH2D7WbuHdcR9zqvn1+DFQLXdfuNce83x/309TfG/+JzIp7uJ/U575A1Zmn///zXADrPh+MbAtAJecZwla9r9twlVnwlSqTyAHlAnE1SNurZ2CwA37JqVbVMyurQESOqBwS4Hvf2THWDtb8t95i4J8Q535Z5XscWuqzxVwXqjI8/r/dz7OWXX37FIYcc8lelGytUqFBz+rNzzjmn3bXXXtuTb9kFwi+Kf2ZgN7j7e/Z896bmlnoO8B5j9yx65EzIYwLdLNyb6gQB9q2y2pn9C7M1JCtlrVNnvDasn9V0wAA4QIXrng6Vjp4xeixmAEB1cXcmOfmUDTljmcgb1QlvXbw4dfAA9TbJSROHE9jTTigFxJ1PmFh1tiikrutvdUjZUA5qdQLQGgPQtnKsCJPSEOdCiGxrdkzaIb2dNODqMnkY3BjgibwxLNx0DN3PrVxPWMK5nPOirsHWCsnWCLm+pMAAkqTj+jZmCpNBOtUN3hrnnu5Bdm8Sc61x/bSX32vqWLY1wm1RrzHO0+2Ql+4pz02A8qZQwJD5GWiM52JTPCtJ4SOfempzXVjtPFdJYcRbEM/eKtJ+DlEEuHbxtoaGqpFnVuF8PZuDhwypHhLoegzc1rjd7AbpHKjtPs8tcvI8w91y1X9VgP4LAfm8++67r3unTp3a633909JlFSpU6P9Gf3LWWWe1Eqjf3q1bt/G33377ywLin9mFbpe7rXNb37mF3rxsPpnOII9rH2C/97770l7O69U5bhGw71qzptqqTnKjQIDOdhUWH52uOlPiG6IjTjI6Z3Xsm1SWvaGR09k2SkbnDJO/VUrDFsbw6dQBJB2LspRDkSBMHT5ApHIGAIYFtjE8AHBHuRTHIlOaEDdr3s7mrB5pjoss5Wd5HMchvF3XDPBZKdkCCMZ5u2zyIgBqlOM8om1kCfhIhzwdL67H9QhTOwBptLc9rm9zAC9guD07L8ql43EtnBNlIp3Oj3tP3Shr5tq3WeaQ+8b9JY/7FueR5PwHcR/TfeX4ClM8a5f/yPfQbW2N890S//umaCv9p8HpmXEeE9UIVWdtWNqk14XCWHveAHOeo8in3o7Vq6vtssbX6v+aLoX0EQE2FjkWNOCcu8lz6zy32O1yb57Ox82R9e/f/1XVew0gv/vuu+898cQTT+7SpcuflC6qUKFC/09Ex/GFL3zhuJtvvvmaG2+8cZSAGVB/yRPl/D16czDPv2NvvkhNPh7v79gBflaz+67S4/jWmE57+fKqif3Z1ZmzFCbgvg5wZ0yWyUbqnFfTEUue8mEAO0B9Q0xK2hhgD/gm4I/0JsoCBoAAeZQhDWDFBD4sMMAkxSPczjABwKt0AmCstFAmEihmZRNgOQ9QDeZ4bzpG8NaQ0+7mOJ8tAdCb47y2RFupHOcQcxE2R7nGiFsJcX3KOqTM9gDM7QGwNYAMxcXnUjtuHHOHzi2dH7LgrRGmexcKTu3+BDjn15fydB+3xjml84pr9r3bGqFBd1N2Dxojf0u0xX+wOco43hjzNPj/AWMAmv+bZwImvjGeq7UMxYR8fTxba7DU8QJRl3NQW2xbulHtMz4+ceLE6uHse3CPgRvQDci569zgnrvV88lwtt7hAQMG/Fzy1/RuzBD/a0vRd77znT8uvVKhQoX+fxFbJ7Zo0eIzV1999WXXXnvtcAHxc7IWXs2BPR8jt7z5Ri+OG/jzT+GcnzaTUXoYS3fSicsS2i1gxyqi86WTpYMF3FfjIo2OeG10vgn4cbfTCQO2AAMgFqCdAB0rOcDU4JMAKgttGRqkDUDbAjCSdR71N4fCQHzHihWpXgJ+8eYAOeQw8h3iLXGc7StX1uQG+S0ZeO2I8vD2LJ7SgCttBbildkNp2J7l56EtZF/H9jjHLc2VCeLK28l1hIW8I5QZeEuA6o4YKtnuexbnQBmubUvcx9r9sAeBNuIYm30s7lFcJ+WIoyRsifouuzmUMbfB/7uV+8exQ8lKwB7//cYA8M2SAdYbQ9FLCiLPEJ6geI5qCmIoBNv13LGN8Aa1zR7kLATzYExMA8y9PKstcoeexObxcVviOdAb0O1mxy0/ePDg19X2i3o3Zt52223f+vSnP/2p0gMVKlToV0J///d//zcXX3zxudddd90oge+PBM7Pepw9X2yGdA74Tnuc3S75HOBt5WO1pzXob7stfbdbx3imOmaAnQ6WDni1OuM1wWkRm+iIbXlvAsCx5ujw1ZFvio4/xcNCNwA4bt4cFujmDODZPjaX7ZSiAWgQAlSE2wEkAFpMnkPkzqetXRGnnsvnlrrz3Abpt+Ss/g61mY4XwOo45bZm51+zaFFIqB/526OddK66x9sy+TZ7JQDYuB9boj6cX/eOKJ9fs9tN9Qy+2f3Zkt1Tjsc9drym9ESa82qM/9H/XQJxyTfHmLY5gTdgzf8d/529PSkf65wyEefrC5RA2knP2tq11QYdc5FAHwUTtzorsvGpmD8b8yIvttCbr7+eW+YGd5fNxtdfHThw4MtSENiDYaoU584f+9jH/rb0NoUKFfq10Pve9773X3HFFacJeG/q1q3bQoHxC3fddddLBmqs7rdyycP5WLpnwsMAeW7J2yV/yy23pAl085hhDCCsWVM1yWpK1hduVLZ1pWNWHKtrXbhQ6bjdeW/CSo+OH0AwCMBbAPYAc8oSAgDbAiRqZQH7qJsANYAKsAEEke/CosvYoEY8B3HXM5i7vW0BgNsM2gGQBsEaKIYFvCPa5zg74zxcL8UJI8/HNhDviDza2BogTJif19YMsLe6XtQx+O/MQNxl07WLfd92xblwj1x/W9wXW9W+j/COKI8s5XPP4jz9nyXLPPv/+F9hVmPbGApdzTvD5DW8N/GcJOUvFIOkIHCOAvC9mzdXTZs2VZsVXzhvXlIoWSTpwVhD3cuuenMUL/jipVrzT87yz81yS91pgFzhK3feeecatXe/nvNO73nPe8qM9UKFCv1m6KKLLnpv+/btv9S1a9cu4nkC4mfVQb3kMXMDtq1x2ICebwhjF3y+Ol0+qQ5gZ7/3++6/P02gW0cHvHFjtUed7051vpuYRKdOex0AHvGNYZ03ZgwwMPGOkLxtgIsUhB0BIjB5ebmdTNIDpHScLaEEUC+FlFXYpLxtUZZyiRXfvW5dipMPODk0WJEHUHENTVF2e5ZPm5wTeQnoIo9ypFN7KA+kdbzEcS7UATQtJ52OFee1I+LIm6K9Xdl1JOANGfm7o1y6NupzPtE2st1Ssnzuu+NYvqfcC6cdbg2FYGtMhNwV17IjroF7Tnx7/CeEjZmCtSX+B/9PxCkDOCMjviXKwdTlOUEBXI9LHTn3Uue6f+vWBOSbdDxWdMN6vi9bhc1j5YD0gzEBDnDO47mr3da3rXa71AH1AQMG/EIWOQs6NehZ/07Hjh1P79y58/tKb1KoUKG3BZ1wwgl/2rZt289fffXVX73mmmtmqrN68p577nklnzyXz363Gz4HfS9mY5BnQZq8jL99xx1/h8ozgW7ZwoXVzg0bqgPbtqWOuZGOWx06VhoddwIAddp05Ey0oxOnw/f4+taswwcAtgeAwNsC8AxqCewCjAyabwLAACvilgFyCTQDEBOHzMAKmO0IQDOAu46PTZ09wTsCyHeFErAHoKW9sG53xnkY9A2qu3PgzgDUgE3bTVYw4vy2RTuutzM7ts/T5amfKzI74h42ZUrLzri/rr/dShRKEQoISozPneMDyngFIr4VAMdTEOGWAOXN8T+Tb0DfEs8CcjP5Vuxwqz++a1e1S0C+TumpU6dWPQTYPKvewQywhm2RmwF2b1+aW+qk80Vj8hnrjI8LzF+Ucrrw1ltv7Xr22We31DtTZqwXKlTo7UktWrT4o1NPPfUzX/nKV9pfeeWV4wXUB++9995Xca83357VIJ6Pqefj6V4+1nFb75S7XfKbu3VLK9ANHz68qmNhEwHKfgH7jrCkAXUsMTp1wB1QBxQSuIebNe/8ydseluHmABFAaHtmNaI0JOs0rHZc/84HIMhLk/icDvADnPbiUZDMljh1mwLgna4BfcQBwmRBR7ncyrZCYKBvCuBtCiVhV4A0bE+BlYGaVR3tpbI6N45hNnhz3k0B0C6HzOWaIkS+h7Kun3kruEfIuS+USaAe98pzI0g3RXvEfb9zb4n/2y2Zhb41lCDijaG0WYnbEpZ7imPB6/j7GhurAzt2VLsUrtRzMFaK4f2ytL39KOzV2B7MPkcDtElnS67+0sz2fBa7vyMHyJV+tlu3brOk7F5x4oknHlZ6ikKFCv1W0XHHHfehc889t+3ll18+9rbbbnv0zjvvhF/Nv1U3YNsCt+VuK94T67yHu7drTaAe37Ezxs6GMP3796/mseSnOnEs9gNbt74BAOrIN8SSnNvUoTNzfisAECBgsN4BuIUVvi1mN+eAncBG4LMzgMgzoDkGIJWACpAF7AKoKEu+05QBUPbKKiROuH/z5hQ63wBuEG8OtAbRfdEG9YgbEHc7L+T7ou0mA6ZCzgG5lQzSuwOoYdfbz7lapjjXzzXvya4ROUMfXMO+uJY0FIKyEcdOQwq+PhQelAoAG/DmnKOtpoyR7/QwBP8B/xFxFB0UqrDYkzwUrM1Y4Vj1xPG6xP9qa/zRnTurrWp3SV1dNXLkyOpegTdbjXqzE5j9w0l7a9LmlngO8l4Uxm514mGl/1zP4/Oy8p+54YYbJlx88cXnH3/88R8tvUKhQoV+q+nTn/7033zzm99s06VLl2sEvmtlsQPsr3k8PV95DpD2Vq6Ezrfc4O5P3gzwhF27dq1uufXWNIFuGvtOq1OnA39MvFOdOMBOh5/CLA7IJ4BRx086WXIAB2CMGzhc7E0CI4PMzgB/8mkb4Ep5gJPiSUkwoAF+1A1A3SsABMSdt9dgCHhGnvMNjgClgS4pAABwgGOt/TgPyu6L/H1Rdl+0iSy1HXlJHmX3xLFoZ1+UdbtNBu5msgS8cQ57Q1FBVju/YO5Lk+sC6NwblXHcx2qKfNfboXrbAsyRA9a0xb33f5r+w1Dc+C+Ju9zeLVuqx3fvrg42NVXb1N7C+fOrgYMGVXfdfXdyrbPlKJxb57bQ2ckM9qYoedzu9XzP8pix/nPxc2p7h57X7+p5PZPnv/QChQoV+p2iE0444a+vvPLKL3zta1/rfNNNNy27++6796rD+7nHye2Wzy3wHPDzEHCX1V+z3A3qtti7ffOb1T3qqCeMG1etrK+vHlWH/pgYy65RQA5vwUIP4GbmPOBBmIM6ZQAcACIBU3zO5BDwBph2BxASGpQSuGcgxQzqVAbQ3ro1pfcJcFwfrwJyGDmMnHLwHlvCBndAmXIB/klBANCjbipvJYF0nOu+LO5z4Pw4ruuYd2dt+hw4T4Ox813Gbe4JJcJtGNBrAB+AbrDfHe35vqXy1OM+o1ShIAX4p/sZ/wXlDOLk7Yp6+3QtT+3bl/739fovZ0yfntzgUiQTY5UD3FjjhHoWk8zWuT9P89i5vzt33BPkPGNd1vgvBg0a9OM77rhjw/XXX9+1W7dubc8666wyY71QoUK/867491x88cWHX3jhhRddc801i9Wh7lcn+4t81rt3fcuXkM0BnXIuA4h7Mp1lAD5j7DfedFOyxEYOH14tlnW2Wx09wL5H4XYBwjbAmlnyADxgjkue2dSMU+NCxwLH4gZsInQcUNmNJQsDXIAgoA3QEWK1CuQAGOSATFMA3F7AE+AVODZFPcb/kTm+NwCWuEEqAWvMyN4fCkCSBbsuoJtAEoucdgFXFAOVORD5CZQ5F+oZsN1OpNMxOBeUCAA4lBHOhXLpWNu31/L2RXnOrymUBitCu2x1h1djV8QJOY/tITOQp/uNLMKdce8TM9QR5ZHvDkXlcf23Tx84UO3buTOt6DZt6tS0ohuTKHkOAOycAfIfhtuduN3sAHpuoT8Un615Mpy/RReQvy4gf/bWW29d1rlz5yuvvvrq49q0afPu8pYXKlTo94oOO+ywP+7QocNhZ5999rnf+MY3ZqhD3SMAf725K94ueC8Ta1d8Po6eAzlp18GKv/nmm6vrrrsujbMPHjy4mjtrVrVNIPHE3r3VfoFRAnTG2ZkBz1gsLlusc6x3gCOsxGQpBgAhbwpABIB2Z4CXQN0WsME2ABCmLGnX2fUW9QHUHCQB0ASsGXiTph6AujvA2vI9DqOtPVEunVcA9v4A/WTRh5Lgc9/b7HhWBqy0JECPMsSRN1lOuSjr60n1op1d4Uo3UO+OYxqYd8Q9933eFRY+YfpfsMj5P/gP4l5ijT/72GPVHl3j0kWL0hcQLARjIAesDeK42O8Olztsy9yudkIA2xY5oQH9wdhFTdb+63qWnu7atescPcOXdOzY8XPvKFuXFipUqNA73nHqqaf+nSybtl//+tcnCoh3qdPdadc6wOxP2vIJc+QD2Ha921K3tW5Lnjb41K2bLPbrBey3qRxjntOmTKkaBQyMr+7fsSNZ7MlCD0sdBjS2BpADJjszazIHdIOkLeEEnGGF24rfG272mgUei5gYeNN39QGwu20tGzQN0gIsgDlZ2gHkezIlYW92zD3NlAkrCT4fZnrbwqZd57sdZD72o1HW8t1xHT6XJisvPn54LKy4+FpgPB6+j01RLlnmEbcSBe8MUOfe2zPCf7EDpUPn86NHH62ef/rpaqfaXTB3bjVq1Kj0/Xi+dS+AbQbIc7d7bq1jlQPmWOV2sdtKj/3Hmez2hMod6NKly8R27dqdceaZZ368vL2FChUq9Bb0pS996UO33HLLFy+++OKuAupt6nh35evEm22N55a4LXdC5xPmoH7rrbemskygY2lZxkIZZ18nC/2pAweSOx5w2RoADng0Mr6OVZmBuUHH1rUBtWZlB6ga8JPLXOAHOO4Ndr0E0gLMPQF+5FkGkB7YubOmHFhuYN0XgJsAGQUBKznS++IYlN0XYGzFwOC6L9rDsgacOQ4TCTkmSs6ju3a9AfzRXhomyI6blJhoh/I+/z2ZByI/HjJA2kBtRWi7LXVAPWQJ0LnfzBewgqC2UcCeffzx6mmB+Vbls3UpE90Aa4ZmDN6AtlckxBInTRmAnnxPiLP1bkD3jHcAnXzSAvInFd975ZVX/quexZN4TsvbWqhQoUL/CTr66KP/RsB+XPv27a8WEK9VR7sHYPYkuBzYHXr2u4He4A2Q2y2fT6Yj/6abbkor0P1QnfnokSPTd8lPCtif3r8/gTBu90YmxgFCWJYBMAD+jhiDNzAn8Fa4IwDIFi/g1ZQBtcG5ZllnYLsXizfAMgE38QBL+IAANrVDPMCeuMHb4/J7Y5zb7SfAVtl9GbjvDvC0ApAAGfDl2NEuvCdktsxr+XGuPscDcR77AuD3ZR6EXNnZEffDHg7fN47dBAewb8/uOZPbHt+zp3pOQP5jWeSbpACwYuCAAQPSjHVb4ra8veSw1zbwp5K5tQ6IOw5weyKcQR0Xe79+/Z5SO5s6duzYTc/WCa1bty4z1gsVKlTov0ItWrR4X5cuXQ5v167dZTfeeGO9Ot39dM62vj2unoN9PhPeAA5424InDsiTTjPiu3VL4+w33Hhj9X21PUTW3pKFC6uDApAnBex7WKwG8MYlzxh6gPourE3GgQOQkAHWu2I8uSnCmjseUMtc4buDE8BnVu7+sMD3ZjIAFDBP1jru9rCekwUNyIeS4LCmAFCOIQW1Q9n9Tkee6zwaigLxXFFIykKcA+He5ueJIhGAn+IG81BKcg+Br3VnDEegvCSvR9wn6teAPUCd80K5evFHP6qePHiwWrV8eTVZQM4nYl590DPUbZGbeTYA9Vxu4KeOrfMczD12PnDgwGf0TK0+55xzrrz++uuP4Dksb2OhQoUK/TfQoYce+idf+cpXPtmqVasO11133RxZUfsA7vyzNVvoHk/PJ9ORtlve7nfSBnSYOLPir7v++tRe3z59qrlz5lS7BVyP7d2bACdZjljozLpmPDfi24LtMjYgAVj7bHVjsfKJWIxj7wnX9J7MogVIcSnbUsf9beB2mRrIRjoBNdZ3WO41l3vGbsNyjpG74cmzdf/Y7t3/7nJXucShTOQW+b5mFnryTjAPwOPvcb2eyd8UQL4rrG6X35cBO8oR14I1ziS3l557rnr6iSeqBrYuHTEiWc0AtFcTzLfutTKXL1CUb+9rYLcSYJc7YI61jptdFv9TehYWnHzyyZ06d+78GSZulrevUKFChX419Aft27f/6DHHHHOaOtzJ6qw3qrPeZUvcLvcc0C2zZW52nXxsHQbcb7jhhuraa69NIHG/rLaJ48dXmwXejNsChgAPLmEsdgCdOBY7IVYqcUCZsMnjzhkIGnxr7mq7znOLXOFBAWkC35DbyrYi4PoHBcLkEe7L2kwgrHJuI3fh/5JrP3O1G6htiT8Wi7OQj5Lhtnw+Obgn131Y4I5zD1BgmjKPRC7bHV4FgPz5p56qXn7hheqxAwequoUL09K+nrF+Z1jlBnFzvviQN/mxPN/5D1C3le5FZGSR7xGwN1111VVTjjvuuNP1fP09z1l51QoVKlTo10Pv6tSp0wdvuummo88///w71ImvU4fdZBe8rfJ80RkDOXJCLHIDvxekYTydEBc8IWPsgDsz4xlnx0rcKBB/+uDBBD47ZVVuC/c7YA43xVjwrrDCd2fAa/AzmO0DPAF6gDSAktCWscfNk4XuOBY84JvJ9oU1beDdFyD8mM7xYMjdhj0AKU558f44/qOR57IG6L229APw7VpHznXsjyGBPZ4HEO1znWlGeqS5JwZ46uwJpYAJiS8+80z18vPPV/t0PrNnzUpAfrcsZ1vcALJd6V6XwADueRX+vw3q+WY/nuEOoGORd+/efa+AfctFF130A5U5vkOHDoyPv6u8WoUKFSr0GyBZU3/ACnTf+MY3/um0007rKqBepM76gN3uzYE8X4zGY+t2xbucv10nD7Y7/iaWllUIGAwaMKBaXl9f/ejxxxNY7g/w2s6sd1zzxJnUxcQvxtpxwWOJAoRY2AHmBlLiOWDXgDsA3mBJmMAZsA/r3fmWp/Fw1UPhOBAu+wPhxuYYXgq11gagH7IE7uHCfzTaNmgfiPH6BMQoJWGFW+brINwd12eFZX8oAtQx6D+xb1+ao8BnZy/++MfVduWx4xkT3XCDA8KAuBUyf+lg0M6X/s3nTvg/9ph5PikOFpA/pvTqM84449Ybb7yxBc+P2i1AXqhQoUJvE3qnOua/6Nix46Ft2rT5hizt2eq09+bgnc+Iz2e82x1v4LYL3t+u84mbAR4LHmC/kQl0Aod+ffpUixctqp4QMGFlAlwG7gToirOIDYC+A3APy3R/AN9erF3G0sMStmVuy9npHNiRP86iOAGgTsNY5I8FQL8pLWYhHeSeXGeAhh/P8h61ha86Vi4sd97eOP8DoTw0T+/KLPjc44DSwFcEP37iiTQ+/oK4Ufdn0sSJaWMTj3P7EzRvmevhFP4Te2C8vW6+SqDD3OX+/VhcRkD+lPIX8Xxceuml/3D00Ue/9x1lMZhChQoVevsSE+jOPvvsDx977LEdBcgT77rrroOeFW/Xut3tAAQgbUudOGxrHXnXsMwN7GnynACd9PU33JCAg5nR82bPrh4VKAJYgB4gbksWIMdat7sZEIexhvdlFq/TZru6DZYGe1vPBmEDPCBMHOvXcTPlnsjKue7+AO+83dwd/6gZUKZOWPYJxPEcxJDB3vAwpHQG9I+G1f+UlJ4fP/549TNZ4y+I169dW02YMCHtFc5Ydu5Wt5vdcyA8NJLPi8jXGnBZe2E8+Q0F4cEHHzyo52DCMccc00FW+Ud4PspbUqhQoUK/RcTe7K1bt/6rI4444vSrrrpqjDr4Ber49xvU7YZvPlnOaYDdAG4LnjF1gNzAT/7111+fgJ0ydwlAmEC3U2D9k6efTiBo8Aaw7Y5Pk+UyGcBXc2MDjFjGrDkf49MGVYDzQAArVrcVgAMBsMzGh5ETpnH1TGZ+XIBPfbcFU9/te0yeNOUMysmVHufjtgzsZq6D8EAc+5nHHktu9Z//7GfVUwJ0PBpjxoxJm6XgWjfw2qq2ouX/J//s0EMp5tzjYpd7WOX7pBzUdenSZfThhx/e9oQTTvhLnofyVhQqVKjQbzf9oTr2915yySUtOnTocLc6/ukCjsds8Rk0/BlbDvCAt8fSPUkO6zy53hX3BDq75m8IYGc29ojhw6ttAm6A/YAAsAbqfM4FyIdrGmAHBEnvBRBxaQOsYQ3vDRe32cBu4HdoOSAKCBMeyADd4AzncQO7FY80QQ/wjnPifOBkdXPc4N1hgfvc9+E9iPZQGJ594onq+WeeeQPIFa9bsKAaMWJE+oYcIPe343adG5zzrw3sSfFiQPwnBnAvB2zLnFBAflDW+ZzzzjvvzksvvfRznTt35vvxMmO9UKFChX6XSFbaH3bq1Ondp59++j+cddZZ35YlN0n8pGe3w4BIDuiAtUHdgG4wB7y7xni6GTkbwcC0BVj17tWrWrt6dfXsk0++AbIAbwD3HgEjIJ8sc1zvAeb7sdCxnAWOBlPiBnrLD4SlTvog38qH9WwQz5k2aHd/AC91kFHvYJwXeciSAgJQcz5Rz8De/HwSkOPWF4jDz+k6WQjm5y+9VO1VO3zLD5B7KVWv5IZb3C5y7q0/IfTQh9cHyNcM4H/Il/I1wEsxeFxtTTzjjDO+dc4553yyXbt2f14muhUqVKjQ7zjR0Qvc/7RNmzYfadu27XUCimECg6cMHLYOc8vc1qLZwA6Ip1XmBO6EpHHBWxHo0qVLygOE2NxjxfLl1TOyVhlnTyCZWbl7s8lmyf2OtRxgmqz1UAQMxAZ0xw3q+wNg94U73oBty5r4Y+wVjsuetgOYH8VFnykchFYwDOLJxR9hsv7VzhO6Fvi5p59O34+/Iot8j/LmzJpVDRkyJC3Y4kluuNdzMAbQ83ttJcpfGpCXf2boCYwwcgH5swrHtG7d+rJWrVodwv9agLxQoUKFfg+pffv2f9yiRYu/Pv744zsIgHsJMH5kQPeSsABzPjEud727HKBtcDdTlsVpzJQBmAC3RXV11ROPPpq+Z380gHNfswlxniy3z+53LGjGuu1uz0A+Wep2q2fj5QZvW/Vud3+mKOzNFIM0Pp6NzT+aTYqzFX8wFAf4R1JOfvrcc9UrP/1p9TOB+Q6d78RJk6pBgwYli5ylVPlkLJ+wZoBOG+Q084J4DkMO8layDOrE1eazKtP/2GOPPfczn/nM+/G+lKe5UKFChQold/zHPvaxPz3qqKNOu+KKKx4ReAwQeDz3VkBuzt30ttKxzskzqLssctzw11xzTQpvVVs/ENCxLjkLqTz3zDPJXf2o3d458Ab47vMENMbLw0o3UNc4S+fWeS0eeZ4ARzxvw3ErC7bk92XKAYrIj558svpJuNV/KiDfuHFjmrHev3//tDyrXeuAOePcuSs9/3KguSeE0J8I+rNBA7qUguekEIy6/PLLHz788MNPYrZ6AfJChQoVKvQfWex/0Llz5z9q2bLl4Zdddtk9ApLB4hcNQoBzbd33mBwHkNtST5+yhcvdlmfuhicOqMPIPM7OqmhNAlksXo9Np0lnMZ6OBY8L/oAt9GCDreN2rRt8zbkr3lb2gSxt1/7jrrN/f/X4gQPVwbDuiT/12GPV048/Xr3w7LPVS88/X/1YSsiqlSur0aNHsytZmuzWvXv39AlavqqbhykM2v7kz6vy+csBl8ktd8ro/jyv9MBOnTp970tf+tI/CdgB8eJWL1SoUKFC/yl6F8Bx5JFHHnb++ed3FfD2EcC8ZIu7+US63ErP3e65hU6I6524lQPiyLDaWbAGYNyyaVMCzkeziWuAeVqsJcbLbaUb4J22RV6bIBcyl3NeDv77YyzcQG4wf5y4ZIz5Py9rnGVZX5NF/qTObcnixdXYsWOrwYMHp7kB999/f80iz/enz0Gbe5N/HeA8h7m1HmD+U8n7nHfeeTcfddRRn0DZKkBeqFChQoX+q/ROgOTTn/70R84888zOApm+AplXc7d7PnYOQBvUAekcvBNoB7AR92dunhVvlzx1sHJXrliRvts+GBZ2sqIZbweEAWhc7ljzTJQDqCnXjA3QuYxZ6Tlw40KHbZE/dfBg2qqUfcdffO656qUXXkhu9SfiG3Is8mHDhqWV3bDIGSfPLXJ/DmjwdmiPhRUgywzqttSV94os8n7c749//OMfDCAvK7oVKlSoUKH/HmBn9vRHP/rR959yyikdBMTdBUKv2+XuT9jscrfMVrqtcFvqZpQB7+xmV/zVV1+dwsuvuKL63ne/W82fO7d6lE/CAnABYgA8B/Yc1IkbvB3PZTULPJh6APjTjz2WrPFnn3oqjY+//OKLaWnW/SpfV1dXjR8/PgE5a60zTg6QY5V7ZTdvZ5svoWsAz8C6Zqn7M7/g18UPw61btz73Ax/4wHvLbPVChQoVKvQrB3fxH55wwgmnCHh/IIDqEePov8g/WXNo17rH0AF2Qs9+59M2AzpxW+rwFQL1zp07J4BkvfP9Al/Gsm2Z8514EyuzheW+O75tT5+fRZkc3HMwxyo3wOPiT671Z5+tXv7pT6sXf/KTaqfamT17ds21znAAQJ7PXvf+41jknoHuYQhPJiRuxcUcgP4LgJzZ6tzHli1btsrub6FChQoVKvTrI6zIFi1aHC/Q/aZAuSdgLMD6eXOXuwEtTzsftlUOf+Mb30hpwP3KK69Mafiyyy5L+UOHDq12CLjtjseFbve7GVA3iAPuOYiT/1RY4wD58z/+cfXT55+vXhCI/+iZZ6rNjY3VrFmzEpCPGjUqHc+T3rw4jLch9ValXvgln/WfeyA8wS0W4Pk5ZXTdD0th+Rfdv6MLiBcqVKhQobcNsB922GGfE+heK9DtGZbpa/mEuOahXc4GvdxCB9DNV111VWIsdUD9a1/7WoozGW3zpk0JqHGZY6UD3ljpgLYBHcA3mLss4+PP4VaXNY5b/emnnqo2qq1p06ZVEydOTCu78S05G6cwVs7iMGwbyzf0jJd7yVUDute+90x/f56Wj52LXxO/ruvt36lTp6s+8YlPfLK41QsVKlSo0NuV3nnIIYd8+IILLugk4B4gcH5d/LLir9o690Q4T5Cz+91gnrvcDehY6FjruODhr371qwncCRnHXrViRXVw//7qAGPtAu7HBNwsu8o37gcYW2d7V1njP3n22bQADAvBYJE/KSt97bp11YwZM6px48a9yb2OwmCLHDD33uTeBCVfA9/fjTvuT9V0va8K0F/Wtf5c19X3vPPO6/jhD3/4kGKRFypUqFCh3xpiYte55557gQDtdoHZiHA9v2Ig9yIzHkv3J2xm8g3mBnSs80svvTQBOfGvf/3rCdhl8SaAXTBvXtW0c2f1JN+MC6wB9meefDJZ4wA5Y+O41w9IvkJKwPTp0xOQ41ofOXJkWhgG9qdoADoz7nGxA+gGdW9ZalD33vJeZU9A7uscLoXl2+3atTvjQx/60J+Xp6JQoUKFCv3WksD4L1q3bn2mAK6bQHokE8EEeC/bUgfIsc7tWife3EKHAe/LL788MS53gN3udwCe9CWXXJIsY4B6d1NT9aOnnkoLwLz04ovVs7LOmbFeX1+fLPJJkyalbUwB8oEDB9ZmrzNW7vXXscw9Xk7o7Um9M5q3orWLXelXpLTglRil6/xWy5YtT9X1/Vl5CgoVKlSo0O8MtW/f/s+OPPLIlldcccXlAvlRssIZY3/ZK8l5DN1j5znI5y53AzoMyOeMzOUA2zmzZ1dPyFLfsmVLNWfOnDQ+zhKtsIGcsXJc7L169ap9jgaQ42oH1NlQBcuc0O52A7o3WFH6FYH6a7qOcbqOa5noxjr55V8vVKhQoUK/y8D+x5/73OdYWraTwHekQPBnALvXe7cb3la5QRxrnJC0wdtud/grX/lKTe5laXGbA+ZTp05N35EzRo5Vzsx1gBwQZ9IbQN6jR49kmeNiB9QBc6xyW+gAOm52LyATbvdXBegv65xHX3rppRcfdthh/xgLwRQqVKhQoUK/P3TooYd+uEOHDu0EzMNlkb8oUP+R+CWPnxu8/fmawZ1xc+SeHEccl7sVABQCLGcAu7GxsZo8eXIC83yVN6/0BpgD/IA4gH7fffclEGeyHQyQew/zsNJfET+v9n96ww03TLjkkks6xES3QoUKFSpU6Peb3ve+972/Y8eOXxaof13APV3h8+Kf4Xr3zHa70nMwzyfJ2VJHEcBCxx0OWGOhY53jYmd/csbKAXrAHKscBtABcjPWeQ7ogLlA/hVZ56/cdttti8X/omOdd8ghh/xV+fcKFSpUqFChZtS+ffsPtG3bto3A8iLxNIH7MwLon+FG94Q4z2z3pDiDO4zbHUBnwh2T1bC4N2zYkCxzj5X36dMnzV4H7JnNDqB7NjtWOmPngDppxtLFrwrY2XFuifiWc84550wd5y/Lv1WoUKFChQr9X6hNmzbvbtWq1VEXXnjhqeKJAvInZa2/7E/XPJ5uVztAblDHNW9AB5TXrFlT+76cSXAAOkCPVW4L3cu5Gsix0FXmNYH7C9/85jfrrrvuui4nn3zyiZxX+XcKFSpUqFCh/0c69NBD/+SYY4755HnnnXdSx44dJ8tS3y/AftmWeW6hG+hhJtaxQhvWdkNDQ/rOHED3ym8GcIDd4+aZlf4LpZ9X/QVSIDqfeOKJLUR/VP6NQoUKFSpU6L+BjjzyyI+ceuqpRwvcx8oq3y2w3S4r/WXPbPd36Fjuni3P7PSlS5em8XPc7Swag4WOux0g9wIyAvHXJHv2rrvuevamm26arzYukyJxaLnrhQoVKlSo0K+IPvOZz7z//PPPP1LAfqoAfJGAfYdA/VVPkAPQvYwsk9kWLVqUJsN5FTh/b86kOMV/IYv9hTvuuGNnt27dvv2tb32rA3u/l7tcqFChQoUK/ZroqKOO+qtzzjnniLPOOuuUDh061AnUtwrMX8NiZxydT9/4bpwtUBk7x+WOu50xc4BclvpzsuC333zzzd+54YYb2sv6/9tyVwsVKlSoUKHfEH32s599d7t27Q778pe/fNKFF144/+qrr94i6/wXzHZnjfWZM2fWZrjLQn9d8Rck3yArvqvKtm3RosX7yl0sVKhQoUKF3ibExLW2bdt+/JRTTmktYJ9z/fXXb7v99ttfZ0tUAH3AgAE/+e53v7u2c+fON15yySXHMeGu3LVChQoVKlTobUxt2rT5iID95K9+9atzHnzwwd233nrrUoH4lRdddNGR5e4UKlSoUKFCvz30zo9+9KPvF6i379at20PnnXfeFR/+8Ic/8I6yD3mhQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFSpUqFChQoUKFfqN0P8BaVwVwatFcN0AAAAASUVORK5CYII="/>
+</defs>
+</svg>
diff --git a/services/web/public/img/third-party-references/stack-of-books-rotated.svg b/services/web/public/img/third-party-references/stack-of-books-rotated.svg
new file mode 100644
index 0000000..4fbada5
--- /dev/null
+++ b/services/web/public/img/third-party-references/stack-of-books-rotated.svg
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="48.90979"
+   height="40.374191"
+   viewBox="0 0 48.90979 40.374191"
+   fill="none"
+   version="1.1"
+   id="svg22"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs26" />
+  <g
+     id="g149"
+     transform="translate(-3.398556,-2.6849543)">
+    <g
+       id="g161"
+       transform="rotate(-9,26.105974,22.564866)">
+      <path
+         d="M 50.661819,31.663859 44.58109,9.0227732 C 43.854203,6.3583096 41.421985,4.5029459 38.668249,4.5029459 c -0.531171,0 -1.062343,0.069733 -1.579531,0.2092437 L 32.545753,5.9258393 C 32.252202,6.009555 31.986616,6.1211456 31.721031,6.2327817 30.686655,5.4236363 29.386647,4.9214333 27.960885,4.9214333 h -4.976301 c -1.271996,0 -2.460185,0.3906124 -3.438629,1.0602468 -0.97849,-0.6696344 -2.166679,-1.0602468 -3.438674,-1.0602468 h -4.976302 c -3.3687592,0 -6.1085122,2.7342418 -6.1085122,6.0822777 L 4.8686996,34.732872 c 0,3.37591 2.739753,6.110334 6.1224954,6.110334 h 0.09783 l 5.144052,-0.279204 c 1.230092,-0.02778 2.376287,-0.418578 3.32681,-1.060338 0.97849,0.669544 2.166679,1.060338 3.438675,1.060338 h 4.696732 c 3.145123,0 5.703143,-2.385441 6.05258,-5.398659 l 0.419353,1.64612 c 0.657018,2.427117 2.865555,4.129214 5.381671,4.129214 h 0.419353 c 0.531171,0 1.062342,-0.06969 1.565547,-0.209061 l 0.111864,-0.02824 4.808505,-1.590052 c 1.523553,-0.446362 2.795685,-1.436967 3.592305,-2.818048 0.810739,-1.408956 1.034376,-3.055076 0.615342,-4.631417 z"
+         fill="#9597c9"
+         id="path2"
+         style="stroke-width:0.455472" />
+      <path
+         d="m 10.991195,37.355478 c -1.4537289,0 -2.6279348,-1.171792 -2.6279348,-2.622606 L 8.5170275,11.017648 c 0,-1.4508139 1.1742058,-2.6226058 2.6279345,-2.6226058 h 4.976302 c 1.453728,0 2.627889,1.1717919 2.627889,2.6226058 V 34.45385 c 0,1.450814 -1.174161,2.622652 -2.627889,2.622652 z m 0.153767,-26.826096 c -0.279568,0 -0.503205,0.223227 -0.503205,0.502203 L 10.48799,34.74681 c 0,0.279022 0.223637,0.502203 0.503205,0.502203 l 5.130069,-0.278977 c 0.279568,0 0.503205,-0.223226 0.503205,-0.502248 V 11.031585 c 0,-0.278976 -0.223637,-0.502203 -0.503205,-0.502203 z"
+         fill="#000000"
+         id="path4"
+         style="stroke-width:0.455472" />
+      <path
+         d="m 12.207304,15.495572 c -0.587057,0 -1.062342,-0.474283 -1.062342,-1.060201 0,-0.585919 0.475285,-1.060202 1.062342,-1.060202 l 2.949453,-0.209244 c 0.587057,0 1.062342,0.474283 1.062342,1.060202 0,0.585919 -0.475285,1.060201 -1.062342,1.060201 z"
+         fill="#000000"
+         id="path6"
+         style="stroke-width:0.455472" />
+      <path
+         d="m 12.207304,32.403089 c -0.587057,0 -1.062342,-0.474282 -1.062342,-1.060201 0,-0.585919 0.475285,-1.060201 1.062342,-1.060201 h 3.13114 c 0.587103,0 1.062388,0.474282 1.062388,1.060201 0,0.585919 -0.475285,1.060201 -1.062388,1.060201 z"
+         fill="#000000"
+         id="path8"
+         style="stroke-width:0.455472" />
+      <path
+         d="m 22.998567,37.090393 c -1.453729,0 -2.627935,-1.171837 -2.627935,-2.622651 V 11.03154 c 0,-1.450814 1.174206,-2.6226059 2.627935,-2.6226059 h 4.976301 c 1.453728,0 2.627889,1.1717919 2.627889,2.6226059 l -0.279569,23.436202 c 0,1.450814 -1.17416,2.622651 -2.627889,2.622651 z m 0.461301,-26.561056 c -0.531171,0 -0.97849,0.43247 -0.97849,0.976531 v 22.961874 c 0,0.279022 0.223637,0.502249 0.503206,0.502249 h 4.696732 c 0.279569,0 0.503205,-0.223227 0.503205,-0.502249 L 28.46409,11.03154 c 0,-0.278977 -0.223637,-0.502203 -0.503205,-0.502203 z"
+         fill="#000000"
+         id="path10"
+         style="stroke-width:0.455472" />
+      <path
+         d="m 23.78134,15.077039 c -0.587057,0 -1.062342,-0.474283 -1.062342,-1.060201 0,-0.585874 0.475285,-1.060202 1.062342,-1.060202 l 3.131185,0.139511 c 0.587058,0 1.062343,0.474283 1.062343,1.060202 0,0.585918 -0.475285,1.060201 -1.062343,1.060201 z"
+         fill="#000000"
+         id="path12"
+         style="stroke-width:0.455472" />
+      <path
+         d="m 23.78134,32.403089 c -0.587057,0 -1.062342,-0.474282 -1.062342,-1.060201 0,-0.585919 0.475285,-1.060201 1.062342,-1.060201 h 3.131185 c 0.587058,0 1.062343,0.474282 1.062343,1.060201 0,0.585919 -0.475285,1.060201 -1.062343,1.060201 z"
+         fill="#000000"
+         id="path14"
+         style="stroke-width:0.455472" />
+      <path
+         d="m 39.548903,37.453085 c -0.936541,0 -1.761263,-0.627731 -2.012866,-1.534483 L 31.595229,12.510274 c -0.377403,-1.395018 0.461302,-2.8318949 1.859145,-3.2085244 l 4.542919,-1.2136498 c 0.223682,-0.055795 0.447319,-0.083716 0.670956,-0.083716 1.188188,0 2.236547,0.7951623 2.544082,1.9390794 l 6.080364,22.6410408 c 0.181733,0.683571 0.08426,1.381081 -0.26554,1.994874 -0.349347,0.613794 -0.92233,1.046264 -1.593376,1.227587 l -4.780585,1.590325 c -0.223637,0.0558 -0.447319,0.08372 -0.670955,0.08372 H 39.562886 Z M 38.668249,10.110849 c 0,0 -0.08385,0 -0.125802,0.01394 l -4.542919,1.213696 c -0.125802,0.02787 -0.237666,0.125528 -0.307535,0.237118 -0.06991,0.111636 -0.0839,0.251102 -0.05593,0.376675 l 5.82899,23.017716 c 0.05589,0.223181 0.265585,0.376629 0.489222,0.376629 l 4.920369,-1.604262 c 0.125801,-0.02788 0.237619,-0.111591 0.307534,-0.237164 0.06987,-0.111591 0.08385,-0.251102 0.05589,-0.37663 L 39.157516,10.487525 c -0.05593,-0.223227 -0.265585,-0.376676 -0.489267,-0.376676 z"
+         fill="#000000"
+         id="path16"
+         style="stroke-width:0.455472" />
+      <path
+         d="m 35.690876,15.704816 c -0.279569,0 -0.545154,-0.111637 -0.754808,-0.306943 -0.209699,-0.19526 -0.307534,-0.460345 -0.307534,-0.753304 0,-0.474283 0.321517,-0.89277 0.782773,-1.018344 l 3.019322,-0.8091 c 0.0839,-0.02792 0.181733,-0.04186 0.279568,-0.04186 0.475285,0 0.894638,0.32088 1.020439,0.781225 0.153722,0.557999 -0.181733,1.143918 -0.74087,1.297366 l -3.033305,0.8091 c -0.08385,0.02787 -0.181687,0.04186 -0.279568,0.04186 z"
+         fill="#000000"
+         id="path18"
+         style="stroke-width:0.455472" />
+      <path
+         d="m 39.982239,32.528708 c -0.587103,-0.06973 -0.992473,-0.599856 -0.922604,-1.185775 0.05593,-0.474282 0.433336,-0.850957 0.908621,-0.92069 l 3.103174,-0.864895 c 0.09783,0 0.181733,0 0.279568,0 0.475285,0.05579 0.852689,0.432425 0.922558,0.906753 0.0839,0.585919 -0.321472,1.115996 -0.908575,1.199712 l -3.103174,0.864895 c -0.09788,0 -0.181733,0 -0.279568,0 z"
+         fill="#000000"
+         id="path20"
+         style="stroke-width:0.455472" />
+    </g>
+  </g>
+</svg>
diff --git a/services/web/public/img/v1-import/v2-editor.png b/services/web/public/img/v1-import/v2-editor.png
new file mode 100644
index 0000000..3b38f90
Binary files /dev/null and b/services/web/public/img/v1-import/v2-editor.png differ
diff --git a/services/web/public/img/website-redesign/add-notes-round.svg b/services/web/public/img/website-redesign/add-notes-round.svg
new file mode 100644
index 0000000..38dfd04
--- /dev/null
+++ b/services/web/public/img/website-redesign/add-notes-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4.8418" width="48" height="48" rx="24" fill="#80CB9C"/>
+<rect x="4" y="4.8418" width="48" height="48" rx="24" stroke="#D8EFE1" stroke-width="8"/>
+<mask id="mask0_3314_17532" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="25">
+<rect x="16" y="16.8418" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3314_17532)">
+<path d="M33.2203 35.3418V37.3418C33.2203 37.4751 33.2698 37.5918 33.3689 37.6918C33.4679 37.7918 33.5835 37.8418 33.7155 37.8418C33.8476 37.8418 33.9632 37.7918 34.0622 37.6918C34.1613 37.5918 34.2108 37.4751 34.2108 37.3418V35.3418H36.1919C36.324 35.3418 36.4395 35.2918 36.5386 35.1918C36.6376 35.0918 36.6872 34.9751 36.6872 34.8418C36.6872 34.7085 36.6376 34.5918 36.5386 34.4918C36.4395 34.3918 36.324 34.3418 36.1919 34.3418H34.2108V32.3418C34.2108 32.2085 34.1613 32.0918 34.0622 31.9918C33.9632 31.8918 33.8476 31.8418 33.7155 31.8418C33.5835 31.8418 33.4679 31.8918 33.3689 31.9918C33.2698 32.0918 33.2203 32.2085 33.2203 32.3418V34.3418H31.2392C31.1071 34.3418 30.9916 34.3918 30.8925 34.4918C30.7934 34.5918 30.7439 34.7085 30.7439 34.8418C30.7439 34.9751 30.7934 35.0918 30.8925 35.1918C30.9916 35.2918 31.1071 35.3418 31.2392 35.3418H33.2203ZM33.7155 39.8418C32.3453 39.8418 31.1773 39.3543 30.2115 38.3793C29.2457 37.4043 28.7628 36.2251 28.7628 34.8418C28.7628 33.4585 29.2457 32.2793 30.2115 31.3043C31.1773 30.3293 32.3453 29.8418 33.7155 29.8418C35.0858 29.8418 36.2538 30.3293 37.2196 31.3043C38.1854 32.2793 38.6683 33.4585 38.6683 34.8418C38.6683 36.2251 38.1854 37.4043 37.2196 38.3793C36.2538 39.3543 35.0858 39.8418 33.7155 39.8418ZM23.8101 25.8418H31.7345C32.0151 25.8418 32.2504 25.746 32.4402 25.5543C32.6301 25.3626 32.725 25.1251 32.725 24.8418C32.725 24.5585 32.6301 24.321 32.4402 24.1293C32.2504 23.9376 32.0151 23.8418 31.7345 23.8418H23.8101C23.5295 23.8418 23.2942 23.9376 23.1044 24.1293C22.9145 24.321 22.8196 24.5585 22.8196 24.8418C22.8196 25.1251 22.9145 25.3626 23.1044 25.5543C23.2942 25.746 23.5295 25.8418 23.8101 25.8418ZM27.4504 37.8418H20.8385C20.2937 37.8418 19.8273 37.646 19.4394 37.2543C19.0514 36.8626 18.8574 36.3918 18.8574 35.8418V21.8418C18.8574 21.2918 19.0514 20.821 19.4394 20.4293C19.8273 20.0376 20.2937 19.8418 20.8385 19.8418H34.7061C35.2509 19.8418 35.7173 20.0376 36.1052 20.4293C36.4932 20.821 36.6872 21.2918 36.6872 21.8418V28.5418C36.2084 28.3085 35.7255 28.1335 35.2385 28.0168C34.7515 27.9001 34.2438 27.8418 33.7155 27.8418C33.5339 27.8418 33.3647 27.846 33.2079 27.8543C33.0511 27.8626 32.8901 27.8835 32.725 27.9168C32.5764 27.8835 32.4113 27.8626 32.2297 27.8543C32.0481 27.846 31.883 27.8418 31.7345 27.8418H23.8101C23.5295 27.8418 23.2942 27.9376 23.1044 28.1293C22.9145 28.321 22.8196 28.5585 22.8196 28.8418C22.8196 29.1251 22.9145 29.3626 23.1044 29.5543C23.2942 29.746 23.5295 29.8418 23.8101 29.8418H28.8867C28.5895 30.1251 28.3212 30.4335 28.0818 30.7668C27.8425 31.1001 27.632 31.4585 27.4504 31.8418H23.8101C23.5295 31.8418 23.2942 31.9376 23.1044 32.1293C22.9145 32.321 22.8196 32.5585 22.8196 32.8418C22.8196 33.1251 22.9145 33.3626 23.1044 33.5543C23.2942 33.746 23.5295 33.8418 23.8101 33.8418H26.856C26.823 34.0085 26.8024 34.171 26.7941 34.3293C26.7859 34.4876 26.7818 34.6585 26.7818 34.8418C26.7818 35.3918 26.8313 35.9043 26.9303 36.3793C27.0294 36.8543 27.2027 37.3418 27.4504 37.8418Z" fill="#0F2715"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/admin-hub-asset.png b/services/web/public/img/website-redesign/admin-hub-asset.png
new file mode 100644
index 0000000..394b8f7
Binary files /dev/null and b/services/web/public/img/website-redesign/admin-hub-asset.png differ
diff --git a/services/web/public/img/website-redesign/advanced-reference-search-asset.png b/services/web/public/img/website-redesign/advanced-reference-search-asset.png
new file mode 100644
index 0000000..49fbc77
Binary files /dev/null and b/services/web/public/img/website-redesign/advanced-reference-search-asset.png differ
diff --git a/services/web/public/img/website-redesign/arrow-green.svg b/services/web/public/img/website-redesign/arrow-green.svg
new file mode 100644
index 0000000..63198a0
--- /dev/null
+++ b/services/web/public/img/website-redesign/arrow-green.svg
@@ -0,0 +1,9 @@
+<svg width="151" height="146" viewBox="0 0 151 146" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_3314_7287" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="6" y="8" width="138" height="130">
+<path d="M30.3406 8.2646L143.958 34.2871L120.495 137.448L6.87688 111.426L30.3406 8.2646Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_3314_7287)">
+<path d="M17.4669 64.8433C17.1787 66.1244 17.0252 67.4471 17.0434 68.7582L17.1851 95.7378C17.2103 98.9406 17.2349 106.457 23.0882 112.264C26.5807 115.729 34.2735 120.689 46.5813 114.897L70.742 103.487C75.126 101.419 78.2917 97.3984 79.4064 92.4598C80.4303 87.975 79.662 83.246 77.2962 79.4903C76.9324 78.9149 76.5397 78.3617 76.1187 77.841C89.6781 68.0779 106.518 62.8423 123.383 63.7903C131.439 64.2391 138.292 59.1032 140.064 51.302C141.196 46.3114 140.035 40.8867 136.967 36.7923C133.955 32.7856 129.334 30.3228 124.293 30.0453C96.1137 28.4736 68.0203 39.0426 47.0946 58.0356C46.6176 57.4373 46.1016 56.862 45.5379 56.3307C42.1853 53.1305 37.6654 51.4137 33.1235 51.6108C25.5877 51.9405 19.15 57.3736 17.446 64.8345L17.4669 64.8433Z" fill="#80CB9C"/>
+<path d="M123.642 42.0933C129.783 42.4384 130.257 52.0909 124.076 51.7485C93.9411 50.0657 64.0853 65.1495 47.6577 90.459C51.9334 88.4386 56.2098 86.4284 60.4848 84.3978C62.8336 83.2817 65.6202 83.5295 67.122 85.9198C68.3741 87.92 67.9756 91.4569 65.6073 92.5845C60.1125 95.1761 54.6183 97.7779 49.1235 100.37C46.5681 101.581 44.0222 102.782 41.4763 103.983C38.2219 105.506 34.5036 106.624 31.5553 103.701C29.3799 101.55 29.2372 98.559 29.2246 95.6911C29.208 92.7624 29.192 89.8438 29.1753 86.9151C29.1483 80.8537 29.1106 74.783 29.0735 68.7223C29.058 66.1089 31.0009 63.7996 33.6711 63.679C36.1998 63.5679 38.6762 65.668 38.7025 68.2909C38.734 73.3753 38.7561 78.4705 38.7781 83.5657C38.7837 84.5419 38.7893 85.5182 38.7948 86.4944C56.7028 58.0424 89.9741 40.2236 123.632 42.1041L123.642 42.0933Z" fill="#13120D"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/biotech.svg b/services/web/public/img/website-redesign/biotech.svg
new file mode 100644
index 0000000..b2c9623
--- /dev/null
+++ b/services/web/public/img/website-redesign/biotech.svg
@@ -0,0 +1,3 @@
+<svg width="34" height="44" viewBox="0 0 34 44" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M3.00033 43.9989C2.33921 43.9989 1.78505 43.7753 1.33783 43.3281C0.890603 42.8809 0.666992 42.3267 0.666992 41.6656C0.666992 41.0045 0.890603 40.4503 1.33783 40.0031C1.78505 39.5559 2.33921 39.3323 3.00033 39.3323H12.3337V34.6656C9.10588 34.6656 6.35449 33.5281 4.07949 31.2531C1.80449 28.9781 0.666992 26.2267 0.666992 22.9989C0.666992 20.7823 1.23088 18.7406 2.35866 16.8739C3.48644 15.0073 5.04199 13.5878 7.02533 12.6156C6.86977 13.4712 6.89894 14.3073 7.11283 15.1239C7.32671 15.9406 7.66699 16.7184 8.13366 17.4573C7.23921 18.0795 6.54894 18.8767 6.06283 19.8489C5.57671 20.8212 5.33366 21.8712 5.33366 22.9989C5.33366 24.9434 6.01421 26.5962 7.37533 27.9573C8.73644 29.3184 10.3892 29.9989 12.3337 29.9989H28.667C29.3281 29.9989 29.8823 30.2226 30.3295 30.6698C30.7767 31.117 31.0003 31.6712 31.0003 32.3323C31.0003 32.9934 30.7767 33.5476 30.3295 33.9948C29.8823 34.442 29.3281 34.6656 28.667 34.6656H19.3337V39.3323H31.0003C31.6614 39.3323 32.2156 39.5559 32.6628 40.0031C33.1101 40.4503 33.3337 41.0045 33.3337 41.6656C33.3337 42.3267 33.1101 42.8809 32.6628 43.3281C32.2156 43.7753 31.6614 43.9989 31.0003 43.9989H3.00033ZM20.967 21.0156H20.9087C20.2864 21.2489 19.6934 21.2392 19.1295 20.9864C18.5656 20.7337 18.167 20.2962 17.9337 19.6739L17.5837 18.7406C18.3614 18.1184 18.9642 17.3698 19.392 16.4948C19.8198 15.6198 20.0337 14.6767 20.0337 13.6656C20.0337 11.8378 19.392 10.292 18.1087 9.02811C16.8253 7.76423 15.2503 7.13228 13.3837 7.13228L13.092 6.37395C12.8975 5.75172 12.9267 5.15867 13.1795 4.59478C13.4323 4.03089 13.8698 3.63228 14.492 3.39895H14.5503C14.317 2.81561 14.3364 2.242 14.6087 1.67811C14.8809 1.11422 15.3475 0.715614 16.0087 0.48228C16.592 0.287836 17.1656 0.317003 17.7295 0.56978C18.2934 0.822558 18.6726 1.26006 18.867 1.88228C19.4892 1.64895 20.092 1.66839 20.6753 1.94061C21.2587 2.21284 21.667 2.66006 21.9003 3.28228L26.6837 16.4073C26.917 17.0295 26.9073 17.6226 26.6545 18.1864C26.4017 18.7503 25.9642 19.1489 25.342 19.3823H25.2837C25.517 20.0045 25.4976 20.6073 25.2253 21.1906C24.9531 21.7739 24.4864 22.1823 23.8253 22.4156C23.242 22.6101 22.6684 22.5809 22.1045 22.3281C21.5406 22.0753 21.1614 21.6378 20.967 21.0156ZM13.5003 17.8656C12.3337 17.8656 11.342 17.4573 10.5253 16.6406C9.70866 15.8239 9.30033 14.8323 9.30033 13.6656C9.30033 12.4989 9.70866 11.5073 10.5253 10.6906C11.342 9.87395 12.3337 9.46561 13.5003 9.46561C14.667 9.46561 15.6587 9.87395 16.4753 10.6906C17.292 11.5073 17.7003 12.4989 17.7003 13.6656C17.7003 14.8323 17.292 15.8239 16.4753 16.6406C15.6587 17.4573 14.667 17.8656 13.5003 17.8656Z" fill="#4354A3"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/black-board.png b/services/web/public/img/website-redesign/black-board.png
new file mode 100644
index 0000000..97d7920
Binary files /dev/null and b/services/web/public/img/website-redesign/black-board.png differ
diff --git a/services/web/public/img/website-redesign/book_5.svg b/services/web/public/img/website-redesign/book_5.svg
new file mode 100644
index 0000000..adb2f85
--- /dev/null
+++ b/services/web/public/img/website-redesign/book_5.svg
@@ -0,0 +1,3 @@
+<svg width="32" height="41" viewBox="0 0 32 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.35704 40.47C3.89603 40.47 2.63794 39.9749 1.58276 38.9846C0.527587 37.9944 0 36.7688 0 35.3078V8.13296C0 6.89922 0.381486 5.79534 1.14446 4.82134C1.90743 3.84733 2.90579 3.23046 4.13953 2.97072L18.7496 0.0974007C19.9509 -0.162335 21.0223 0.0974007 21.9639 0.876607C22.9054 1.65581 23.3762 2.66229 23.3762 3.89603V27.1261C23.3762 28.0676 23.084 28.9037 22.4996 29.6342C21.9152 30.3647 21.1684 30.8111 20.2593 30.9734L4.91874 34.0416C4.62653 34.1065 4.38303 34.2607 4.18823 34.5042C3.99343 34.7477 3.89603 35.0156 3.89603 35.3078C3.89603 35.6649 4.04213 35.9652 4.33433 36.2087C4.62653 36.4522 4.96744 36.574 5.35704 36.574H27.2722V7.35375C27.2722 6.80182 27.4589 6.33916 27.8323 5.96579C28.2056 5.59242 28.6683 5.40574 29.2202 5.40574C29.7722 5.40574 30.2348 5.59242 30.6082 5.96579C30.9815 6.33916 31.1682 6.80182 31.1682 7.35375V36.574C31.1682 37.6454 30.7867 38.5626 30.0238 39.3255C29.2608 40.0885 28.3436 40.47 27.2722 40.47H5.35704ZM8.18166 29.4637C8.6362 29.3663 9.00957 29.1391 9.30177 28.7819C9.59397 28.4248 9.74007 28.0189 9.74007 27.5644V8.23036C9.74007 7.61349 9.50469 7.11025 9.03392 6.72065C8.56315 6.33105 8.01933 6.20118 7.40245 6.33105C6.94792 6.42845 6.57455 6.65572 6.28235 7.01285C5.99014 7.36999 5.84404 7.77582 5.84404 8.23036V27.5644C5.84404 28.1813 6.07943 28.6845 6.5502 29.0741C7.02097 29.4637 7.56479 29.5936 8.18166 29.4637Z" fill="#4354A3"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/building-compliance-round.svg b/services/web/public/img/website-redesign/building-compliance-round.svg
new file mode 100644
index 0000000..fb21279
--- /dev/null
+++ b/services/web/public/img/website-redesign/building-compliance-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4.92578" width="48" height="48" rx="24" fill="#80CB9C"/>
+<rect x="4" y="4.92578" width="48" height="48" rx="24" stroke="#D8EFE1" stroke-width="8"/>
+<mask id="mask0_3314_12572" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="15" y="16" width="25" height="25">
+<rect x="15.832" y="16.6094" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3314_12572)">
+<path d="M20.832 32.6094V27.6094C20.832 27.326 20.9279 27.0885 21.1195 26.8969C21.3112 26.7052 21.5487 26.6094 21.832 26.6094C22.1154 26.6094 22.3529 26.7052 22.5445 26.8969C22.7362 27.0885 22.832 27.326 22.832 27.6094V32.6094C22.832 32.8927 22.7362 33.1302 22.5445 33.3219C22.3529 33.5135 22.1154 33.6094 21.832 33.6094C21.5487 33.6094 21.3112 33.5135 21.1195 33.3219C20.9279 33.1302 20.832 32.8927 20.832 32.6094ZM26.832 32.6094V27.6094C26.832 27.326 26.9279 27.0885 27.1195 26.8969C27.3112 26.7052 27.5487 26.6094 27.832 26.6094C28.1154 26.6094 28.3529 26.7052 28.5445 26.8969C28.7362 27.0885 28.832 27.326 28.832 27.6094V32.6094C28.832 32.8927 28.7362 33.1302 28.5445 33.3219C28.3529 33.5135 28.1154 33.6094 27.832 33.6094C27.5487 33.6094 27.3112 33.5135 27.1195 33.3219C26.9279 33.1302 26.832 32.8927 26.832 32.6094ZM36.832 24.6094H18.732C18.482 24.6094 18.2695 24.5219 18.0945 24.3469C17.9195 24.1719 17.832 23.9594 17.832 23.7094V23.1594C17.832 22.976 17.8779 22.8177 17.9695 22.6844C18.0612 22.551 18.182 22.4427 18.332 22.3594L26.932 18.0594C27.2154 17.926 27.5154 17.8594 27.832 17.8594C28.1487 17.8594 28.4487 17.926 28.732 18.0594L37.282 22.3344C37.4654 22.4177 37.6029 22.5427 37.6945 22.7094C37.7862 22.876 37.832 23.051 37.832 23.2344V23.6094C37.832 23.8927 37.7362 24.1302 37.5445 24.3219C37.3529 24.5135 37.1154 24.6094 36.832 24.6094ZM30.232 37.6094H18.832C18.5487 37.6094 18.3112 37.5135 18.1195 37.3219C17.9279 37.1302 17.832 36.8927 17.832 36.6094C17.832 36.326 17.9279 36.0885 18.1195 35.8969C18.3112 35.7052 18.5487 35.6094 18.832 35.6094H29.882C29.9154 35.9594 29.957 36.2969 30.007 36.6219C30.057 36.9469 30.132 37.276 30.232 37.6094ZM32.832 29.8594V27.6094C32.832 27.326 32.9279 27.0885 33.1195 26.8969C33.3112 26.7052 33.5487 26.6094 33.832 26.6094C34.1154 26.6094 34.3529 26.7052 34.5445 26.8969C34.7362 27.0885 34.832 27.326 34.832 27.6094V28.8594L32.832 29.8594ZM31.832 35.1594V33.2344C31.832 33.051 31.8779 32.876 31.9695 32.7094C32.0612 32.5427 32.1987 32.4177 32.382 32.3344L35.382 30.8344C35.5154 30.751 35.6654 30.7094 35.832 30.7094C35.9987 30.7094 36.1487 30.751 36.282 30.8344L39.282 32.3344C39.4654 32.4177 39.6029 32.5427 39.6945 32.7094C39.7862 32.876 39.832 33.051 39.832 33.2344V35.1594C39.832 36.4094 39.507 37.4885 38.857 38.3969C38.207 39.3052 37.3237 39.9927 36.207 40.4594C36.1737 40.476 36.0487 40.501 35.832 40.5344C35.7987 40.5344 35.6737 40.5094 35.457 40.4594C34.3404 39.9927 33.457 39.3052 32.807 38.3969C32.157 37.4885 31.832 36.4094 31.832 35.1594ZM35.107 35.4844L34.657 35.0344C34.507 34.8844 34.332 34.8135 34.132 34.8219C33.932 34.8302 33.757 34.9094 33.607 35.0594C33.457 35.2094 33.382 35.3844 33.382 35.5844C33.382 35.7844 33.457 35.9594 33.607 36.1094L34.407 36.9094C34.607 37.1094 34.8404 37.2094 35.107 37.2094C35.3737 37.2094 35.607 37.1094 35.807 36.9094L38.057 34.6844C38.207 34.5344 38.282 34.3594 38.282 34.1594C38.282 33.9594 38.207 33.7844 38.057 33.6344C37.907 33.4844 37.732 33.4135 37.532 33.4219C37.332 33.4302 37.157 33.501 37.007 33.6344L35.107 35.4844Z" fill="#0F2715"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/cern-hero.png b/services/web/public/img/website-redesign/cern-hero.png
new file mode 100644
index 0000000..47d8cd2
Binary files /dev/null and b/services/web/public/img/website-redesign/cern-hero.png differ
diff --git a/services/web/public/img/website-redesign/certified-round.svg b/services/web/public/img/website-redesign/certified-round.svg
new file mode 100644
index 0000000..d2a4941
--- /dev/null
+++ b/services/web/public/img/website-redesign/certified-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4.92578" width="48" height="48" rx="24" fill="#80CB9C"/>
+<rect x="4" y="4.92578" width="48" height="48" rx="24" stroke="#D8EFE1" stroke-width="8"/>
+<mask id="mask0_3314_12581" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="15" y="16" width="25" height="25">
+<rect x="15.832" y="16.6094" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3314_12581)">
+<path d="M27.832 28.5344L26.132 29.8344C26.032 29.9177 25.932 29.9219 25.832 29.8469C25.732 29.7719 25.6987 29.676 25.732 29.5594L26.382 27.4594L24.632 26.0594C24.5487 25.976 24.5237 25.8802 24.557 25.7719C24.5904 25.6635 24.6654 25.6094 24.782 25.6094H26.932L27.582 23.5594C27.6154 23.4427 27.6987 23.3844 27.832 23.3844C27.9654 23.3844 28.0487 23.4427 28.082 23.5594L28.732 25.6094H30.857C30.9737 25.6094 31.0529 25.6635 31.0945 25.7719C31.1362 25.8802 31.1154 25.976 31.032 26.0594L29.257 27.4594L29.907 29.5594C29.9404 29.676 29.907 29.7719 29.807 29.8469C29.707 29.9219 29.607 29.9177 29.507 29.8344L27.832 28.5344ZM27.832 37.6094L23.157 39.1594C22.8237 39.276 22.5195 39.2344 22.2445 39.0344C21.9695 38.8344 21.832 38.5677 21.832 38.2344V31.8844C21.1987 31.1844 20.707 30.3844 20.357 29.4844C20.007 28.5844 19.832 27.626 19.832 26.6094C19.832 24.376 20.607 22.4844 22.157 20.9344C23.707 19.3844 25.5987 18.6094 27.832 18.6094C30.0654 18.6094 31.957 19.3844 33.507 20.9344C35.057 22.4844 35.832 24.376 35.832 26.6094C35.832 27.626 35.657 28.5844 35.307 29.4844C34.957 30.3844 34.4654 31.1844 33.832 31.8844V38.2344C33.832 38.5677 33.6945 38.8344 33.4195 39.0344C33.1445 39.2344 32.8404 39.276 32.507 39.1594L27.832 37.6094ZM27.832 32.6094C29.4987 32.6094 30.9154 32.026 32.082 30.8594C33.2487 29.6927 33.832 28.276 33.832 26.6094C33.832 24.9427 33.2487 23.526 32.082 22.3594C30.9154 21.1927 29.4987 20.6094 27.832 20.6094C26.1654 20.6094 24.7487 21.1927 23.582 22.3594C22.4154 23.526 21.832 24.9427 21.832 26.6094C21.832 28.276 22.4154 29.6927 23.582 30.8594C24.7487 32.026 26.1654 32.6094 27.832 32.6094Z" fill="#0F2715"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/check-in-blue-circle.svg b/services/web/public/img/website-redesign/check-in-blue-circle.svg
new file mode 100644
index 0000000..11af81d
--- /dev/null
+++ b/services/web/public/img/website-redesign/check-in-blue-circle.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect y="0.315918" width="24" height="24" rx="12" fill="#F1F4F9"/>
+    <mask id="mask0_1753_19400" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="21">
+        <rect x="2" y="2.31592" width="20" height="20" fill="#D9D9D9"/>
+    </mask>
+    <g mask="url(#mask0_1753_19400)">
+        <path d="M9.95842 14.9409L17.0209 7.87842C17.1876 7.71175 17.3855 7.62842 17.6147 7.62842C17.8438 7.62842 18.0418 7.71175 18.2084 7.87842C18.3751 8.04508 18.4584 8.243 18.4584 8.47217C18.4584 8.70133 18.3751 8.89925 18.2084 9.06592L10.5418 16.7326C10.3751 16.8993 10.1806 16.9826 9.95842 16.9826C9.7362 16.9826 9.54176 16.8993 9.37509 16.7326L5.79176 13.1493C5.62509 12.9826 5.54523 12.7847 5.55217 12.5555C5.55912 12.3263 5.64592 12.1284 5.81259 11.9618C5.97926 11.7951 6.17717 11.7118 6.40634 11.7118C6.63551 11.7118 6.83342 11.7951 7.00009 11.9618L9.95842 14.9409Z" fill="#6597E0"/>
+    </g>
+</svg>
diff --git a/services/web/public/img/website-redesign/check-in-green-circle.svg b/services/web/public/img/website-redesign/check-in-green-circle.svg
new file mode 100644
index 0000000..38be87b
--- /dev/null
+++ b/services/web/public/img/website-redesign/check-in-green-circle.svg
@@ -0,0 +1,9 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <rect width="24" height="24" rx="12" fill="#86caa5"/>
+    <mask id="mask0_3314_14780" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="2" y="2" width="20" height="20">
+        <rect x="2" y="2" width="20" height="20" fill="#D9D9D9"/>
+    </mask>
+    <g mask="url(#mask0_3314_14780)">
+        <path d="M9.95842 14.625L17.0209 7.5625C17.1876 7.39583 17.3855 7.3125 17.6147 7.3125C17.8438 7.3125 18.0418 7.39583 18.2084 7.5625C18.3751 7.72917 18.4584 7.92708 18.4584 8.15625C18.4584 8.38542 18.3751 8.58333 18.2084 8.75L10.5418 16.4167C10.3751 16.5833 10.1806 16.6667 9.95842 16.6667C9.7362 16.6667 9.54176 16.5833 9.37509 16.4167L5.79176 12.8333C5.62509 12.6667 5.54523 12.4688 5.55217 12.2396C5.55912 12.0104 5.64592 11.8125 5.81259 11.6458C5.97926 11.4792 6.17717 11.3958 6.40634 11.3958C6.63551 11.3958 6.83342 11.4792 7.00009 11.6458L9.95842 14.625Z" fill="#0F271A"/>
+    </g>
+</svg>
diff --git a/services/web/public/img/website-redesign/commenting-poster.png b/services/web/public/img/website-redesign/commenting-poster.png
new file mode 100644
index 0000000..4ede070
Binary files /dev/null and b/services/web/public/img/website-redesign/commenting-poster.png differ
diff --git a/services/web/public/img/website-redesign/commenting.mp4 b/services/web/public/img/website-redesign/commenting.mp4
new file mode 100644
index 0000000..4ff617a
Binary files /dev/null and b/services/web/public/img/website-redesign/commenting.mp4 differ
diff --git a/services/web/public/img/website-redesign/commenting.png b/services/web/public/img/website-redesign/commenting.png
new file mode 100644
index 0000000..8d2862a
Binary files /dev/null and b/services/web/public/img/website-redesign/commenting.png differ
diff --git a/services/web/public/img/website-redesign/compiling-poster.png b/services/web/public/img/website-redesign/compiling-poster.png
new file mode 100644
index 0000000..6aa3540
Binary files /dev/null and b/services/web/public/img/website-redesign/compiling-poster.png differ
diff --git a/services/web/public/img/website-redesign/compiling.mp4 b/services/web/public/img/website-redesign/compiling.mp4
new file mode 100644
index 0000000..dee97ca
Binary files /dev/null and b/services/web/public/img/website-redesign/compiling.mp4 differ
diff --git a/services/web/public/img/website-redesign/compliance-round.svg b/services/web/public/img/website-redesign/compliance-round.svg
new file mode 100644
index 0000000..6784142
--- /dev/null
+++ b/services/web/public/img/website-redesign/compliance-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4.92578" width="48" height="48" rx="24" fill="#80CB9C"/>
+<rect x="4" y="4.92578" width="48" height="48" rx="24" stroke="#D8EFE1" stroke-width="8"/>
+<mask id="mask0_3314_12563" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="25">
+<rect x="16" y="16.6094" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3314_12563)">
+<path d="M26.95 29.3098L25.55 27.9098C25.35 27.7098 25.1167 27.6098 24.85 27.6098C24.5833 27.6098 24.35 27.7098 24.15 27.9098C23.95 28.1098 23.85 28.3473 23.85 28.6223C23.85 28.8973 23.95 29.1348 24.15 29.3348L26.25 31.4598C26.45 31.6598 26.6833 31.7598 26.95 31.7598C27.2167 31.7598 27.45 31.6598 27.65 31.4598L31.9 27.2098C32.1 27.0098 32.2 26.7723 32.2 26.4973C32.2 26.2223 32.1 25.9848 31.9 25.7848C31.7 25.5848 31.4625 25.4848 31.1875 25.4848C30.9125 25.4848 30.675 25.5848 30.475 25.7848L26.95 29.3098ZM28 38.5098C27.8833 38.5098 27.775 38.5014 27.675 38.4848C27.575 38.4681 27.475 38.4431 27.375 38.4098C25.125 37.6598 23.3333 36.2723 22 34.2473C20.6667 32.2223 20 30.0431 20 27.7098V22.9848C20 22.5681 20.1208 22.1931 20.3625 21.8598C20.6042 21.5264 20.9167 21.2848 21.3 21.1348L27.3 18.8848C27.5333 18.8014 27.7667 18.7598 28 18.7598C28.2333 18.7598 28.4667 18.8014 28.7 18.8848L34.7 21.1348C35.0833 21.2848 35.3958 21.5264 35.6375 21.8598C35.8792 22.1931 36 22.5681 36 22.9848V27.7098C36 30.0431 35.3333 32.2223 34 34.2473C32.6667 36.2723 30.875 37.6598 28.625 38.4098C28.525 38.4431 28.425 38.4681 28.325 38.4848C28.225 38.5014 28.1167 38.5098 28 38.5098Z" fill="#0F2715"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/cs1-intro.png b/services/web/public/img/website-redesign/cs1-intro.png
new file mode 100644
index 0000000..937228f
Binary files /dev/null and b/services/web/public/img/website-redesign/cs1-intro.png differ
diff --git a/services/web/public/img/website-redesign/customer-stories-1.png b/services/web/public/img/website-redesign/customer-stories-1.png
new file mode 100644
index 0000000..472380e
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-stories-1.png differ
diff --git a/services/web/public/img/website-redesign/customer-stories-2.png b/services/web/public/img/website-redesign/customer-stories-2.png
new file mode 100644
index 0000000..4e17940
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-stories-2.png differ
diff --git a/services/web/public/img/website-redesign/customer-stories-2a.png b/services/web/public/img/website-redesign/customer-stories-2a.png
new file mode 100644
index 0000000..81e063f
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-stories-2a.png differ
diff --git a/services/web/public/img/website-redesign/customer-stories-3.png b/services/web/public/img/website-redesign/customer-stories-3.png
new file mode 100644
index 0000000..5e53390
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-stories-3.png differ
diff --git a/services/web/public/img/website-redesign/customer-stories-3a.png b/services/web/public/img/website-redesign/customer-stories-3a.png
new file mode 100644
index 0000000..a8da621
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-stories-3a.png differ
diff --git a/services/web/public/img/website-redesign/customer-stories-4.png b/services/web/public/img/website-redesign/customer-stories-4.png
new file mode 100644
index 0000000..c50f59b
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-stories-4.png differ
diff --git a/services/web/public/img/website-redesign/customer-stories-5.png b/services/web/public/img/website-redesign/customer-stories-5.png
new file mode 100644
index 0000000..33f2662
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-stories-5.png differ
diff --git a/services/web/public/img/website-redesign/customer-stories-6.png b/services/web/public/img/website-redesign/customer-stories-6.png
new file mode 100644
index 0000000..16937b5
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-stories-6.png differ
diff --git a/services/web/public/img/website-redesign/customer-stories-7.png b/services/web/public/img/website-redesign/customer-stories-7.png
new file mode 100644
index 0000000..fca779f
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-stories-7.png differ
diff --git a/services/web/public/img/website-redesign/customer-stories-7a.png b/services/web/public/img/website-redesign/customer-stories-7a.png
new file mode 100644
index 0000000..751e6a9
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-stories-7a.png differ
diff --git a/services/web/public/img/website-redesign/customer-stories-8.png b/services/web/public/img/website-redesign/customer-stories-8.png
new file mode 100644
index 0000000..619a4ce
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-stories-8.png differ
diff --git a/services/web/public/img/website-redesign/customer-story-2-hero.png b/services/web/public/img/website-redesign/customer-story-2-hero.png
new file mode 100644
index 0000000..384970b
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-story-2-hero.png differ
diff --git a/services/web/public/img/website-redesign/customer-story-2-img-1.png b/services/web/public/img/website-redesign/customer-story-2-img-1.png
new file mode 100644
index 0000000..fcca655
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-story-2-img-1.png differ
diff --git a/services/web/public/img/website-redesign/customer-story-2-img-2.png b/services/web/public/img/website-redesign/customer-story-2-img-2.png
new file mode 100644
index 0000000..fc3da63
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-story-2-img-2.png differ
diff --git a/services/web/public/img/website-redesign/customer-story-3-hero.png b/services/web/public/img/website-redesign/customer-story-3-hero.png
new file mode 100644
index 0000000..00f480f
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-story-3-hero.png differ
diff --git a/services/web/public/img/website-redesign/customer-story-4-hero.png b/services/web/public/img/website-redesign/customer-story-4-hero.png
new file mode 100644
index 0000000..b450ecc
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-story-4-hero.png differ
diff --git a/services/web/public/img/website-redesign/customer-story-4-img-1.png b/services/web/public/img/website-redesign/customer-story-4-img-1.png
new file mode 100644
index 0000000..69e0ada
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-story-4-img-1.png differ
diff --git a/services/web/public/img/website-redesign/customer-story-5-hero.png b/services/web/public/img/website-redesign/customer-story-5-hero.png
new file mode 100644
index 0000000..5f7d9f0
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-story-5-hero.png differ
diff --git a/services/web/public/img/website-redesign/customer-story-6-hero.png b/services/web/public/img/website-redesign/customer-story-6-hero.png
new file mode 100644
index 0000000..4d3a591
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-story-6-hero.png differ
diff --git a/services/web/public/img/website-redesign/customer-story-7-hero.png b/services/web/public/img/website-redesign/customer-story-7-hero.png
new file mode 100644
index 0000000..e558df5
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-story-7-hero.png differ
diff --git a/services/web/public/img/website-redesign/customer-story-8-content.png b/services/web/public/img/website-redesign/customer-story-8-content.png
new file mode 100644
index 0000000..2aa290f
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-story-8-content.png differ
diff --git a/services/web/public/img/website-redesign/customer-story-8-hero.png b/services/web/public/img/website-redesign/customer-story-8-hero.png
new file mode 100644
index 0000000..6773c16
Binary files /dev/null and b/services/web/public/img/website-redesign/customer-story-8-hero.png differ
diff --git a/services/web/public/img/website-redesign/draw.svg b/services/web/public/img/website-redesign/draw.svg
new file mode 100644
index 0000000..d044d06
--- /dev/null
+++ b/services/web/public/img/website-redesign/draw.svg
@@ -0,0 +1,3 @@
+<svg width="37" height="35" viewBox="0 0 37 35" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.10197 34.5584C3.56513 34.5584 3.11513 34.3768 2.75197 34.0136C2.38882 33.6505 2.20724 33.2005 2.20724 32.6637V28.0689C2.20724 27.5637 2.30197 27.0821 2.49145 26.6242C2.68092 26.1663 2.94934 25.7637 3.29671 25.4163L27.1704 1.58997C27.5493 1.21102 27.9757 0.926809 28.4493 0.737336C28.923 0.547862 29.3967 0.453125 29.8704 0.453125C30.3757 0.453125 30.8572 0.547862 31.3151 0.737336C31.773 0.926809 32.1757 1.21102 32.523 1.58997L35.1757 4.2426C35.5546 4.58997 35.8388 4.9926 36.0283 5.45049C36.2178 5.90839 36.3125 6.38997 36.3125 6.89523C36.3125 7.36891 36.2178 7.8426 36.0283 8.31628C35.8388 8.78997 35.5546 9.21628 35.1757 9.59523L11.3493 33.4689C11.002 33.8163 10.5993 34.0847 10.1414 34.2742C9.68355 34.4636 9.20197 34.5584 8.69671 34.5584H4.10197ZM29.9651 9.50049L32.523 6.9426L29.823 4.2426L27.2651 6.80049L29.9651 9.50049ZM21.1546 34.5584C23.4914 34.5584 25.6546 33.9742 27.6441 32.8058C29.6336 31.6373 30.6283 30.011 30.6283 27.9268C30.6283 26.79 30.3283 25.811 29.7283 24.99C29.1283 24.1689 28.323 23.4584 27.3125 22.8584L24.5178 25.6531C25.2441 25.9689 25.8125 26.3163 26.223 26.6952C26.6336 27.0742 26.8388 27.4847 26.8388 27.9268C26.8388 28.6531 26.2625 29.3084 25.1099 29.8926C23.9572 30.4768 22.6388 30.7689 21.1546 30.7689C20.6178 30.7689 20.1678 30.9505 19.8046 31.3137C19.4415 31.6768 19.2599 32.1268 19.2599 32.6637C19.2599 33.2005 19.4415 33.6505 19.8046 34.0136C20.1678 34.3768 20.6178 34.5584 21.1546 34.5584ZM3.29671 20.0637L6.13882 17.2215C5.50724 16.9689 5.00987 16.7084 4.64671 16.44C4.28355 16.1715 4.10197 15.8952 4.10197 15.611C4.10197 15.2321 4.38618 14.8531 4.95461 14.4742C5.52303 14.0952 6.72303 13.511 8.55461 12.7215C11.3336 11.5215 13.1809 10.4321 14.0967 9.45312C15.0125 8.47418 15.4704 7.36891 15.4704 6.13734C15.4704 4.40049 14.7757 3.01891 13.3862 1.9926C11.9967 0.966283 10.1651 0.453125 7.89145 0.453125C6.4704 0.453125 5.19934 0.705757 4.07829 1.21102C2.95724 1.71628 2.09671 2.33207 1.49671 3.05839C1.14934 3.46891 1.00724 3.92681 1.07039 4.43207C1.13355 4.93734 1.37039 5.34786 1.78092 5.66365C2.19145 6.01102 2.64934 6.15313 3.15461 6.08997C3.65987 6.02681 4.08618 5.82155 4.43355 5.47418C4.87566 5.03207 5.36513 4.71628 5.90197 4.52681C6.43882 4.33734 7.10197 4.2426 7.89145 4.2426C9.18618 4.2426 10.1414 4.43207 10.7572 4.81102C11.373 5.18997 11.6809 5.63207 11.6809 6.13734C11.6809 6.57944 11.4046 6.98207 10.852 7.34523C10.2993 7.70839 9.02829 8.34786 7.03882 9.26365C4.5125 10.3689 2.75987 11.3715 1.78092 12.2715C0.801974 13.1715 0.3125 14.2847 0.3125 15.611C0.3125 16.6215 0.580921 17.4821 1.11776 18.1926C1.65461 18.9031 2.38092 19.5268 3.29671 20.0637Z" fill="#4354A3"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/edit-document-round.svg b/services/web/public/img/website-redesign/edit-document-round.svg
new file mode 100644
index 0000000..adcdc8d
--- /dev/null
+++ b/services/web/public/img/website-redesign/edit-document-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4" width="48" height="48" rx="24" fill="#80CB9C"/>
+<rect x="4" y="4" width="48" height="48" rx="24" stroke="#D8EFE1" stroke-width="8"/>
+<mask id="mask0_3314_17549" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="24">
+<rect x="16" y="16" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3314_17549)">
+<path d="M22 38C21.45 38 20.9792 37.8042 20.5875 37.4125C20.1958 37.0208 20 36.55 20 36V20C20 19.45 20.1958 18.9792 20.5875 18.5875C20.9792 18.1958 21.45 18 22 18H29.175C29.4417 18 29.6958 18.05 29.9375 18.15C30.1792 18.25 30.3917 18.3917 30.575 18.575L35.425 23.425C35.6083 23.6083 35.75 23.8208 35.85 24.0625C35.95 24.3042 36 24.5583 36 24.825V27C35.6167 27.0833 35.2583 27.2167 34.925 27.4C34.5917 27.5833 34.2833 27.8167 34 28.1L28.6 33.5C28.4167 33.6833 28.2708 33.8958 28.1625 34.1375C28.0542 34.3792 28 34.6333 28 34.9V38H22ZM30 37V35.35C30 35.2167 30.025 35.0875 30.075 34.9625C30.125 34.8375 30.2 34.725 30.3 34.625L35.525 29.425C35.675 29.275 35.8417 29.1667 36.025 29.1C36.2083 29.0333 36.3917 29 36.575 29C36.775 29 36.9667 29.0375 37.15 29.1125C37.3333 29.1875 37.5 29.3 37.65 29.45L38.575 30.375C38.7083 30.525 38.8125 30.6917 38.8875 30.875C38.9625 31.0583 39 31.2417 39 31.425C39 31.6083 38.9667 31.7958 38.9 31.9875C38.8333 32.1792 38.725 32.35 38.575 32.5L33.375 37.7C33.275 37.8 33.1625 37.875 33.0375 37.925C32.9125 37.975 32.7833 38 32.65 38H31C30.7167 38 30.4792 37.9042 30.2875 37.7125C30.0958 37.5208 30 37.2833 30 37ZM36.575 32.4L37.5 31.425L36.575 30.5L35.625 31.45L36.575 32.4ZM30 25H34L29 20V24C29 24.2833 29.0958 24.5208 29.2875 24.7125C29.4792 24.9042 29.7167 25 30 25Z" fill="#0F2715"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/edit_note.svg b/services/web/public/img/website-redesign/edit_note.svg
new file mode 100644
index 0000000..14607e3
--- /dev/null
+++ b/services/web/public/img/website-redesign/edit_note.svg
@@ -0,0 +1,3 @@
+<svg width="46" height="41" viewBox="0 0 46 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.55172 25.5172C1.82873 25.5172 1.2227 25.2726 0.733619 24.7836C0.24454 24.2945 0 23.6885 0 22.9655C0 22.2425 0.24454 21.6364 0.733619 21.1474C1.2227 20.6583 1.82873 20.4137 2.55172 20.4137H15.3103C16.0333 20.4137 16.6393 20.6583 17.1284 21.1474C17.6175 21.6364 17.862 22.2425 17.862 22.9655C17.862 23.6885 17.6175 24.2945 17.1284 24.7836C16.6393 25.2726 16.0333 25.5172 15.3103 25.5172H2.55172ZM2.55172 15.3103C1.82873 15.3103 1.2227 15.0658 0.733619 14.5767C0.24454 14.0876 0 13.4816 0 12.7586C0 12.0356 0.24454 11.4296 0.733619 10.9405C1.2227 10.4514 1.82873 10.2069 2.55172 10.2069H25.5172C26.2402 10.2069 26.8462 10.4514 27.3353 10.9405C27.8244 11.4296 28.0689 12.0356 28.0689 12.7586C28.0689 13.4816 27.8244 14.0876 27.3353 14.5767C26.8462 15.0658 26.2402 15.3103 25.5172 15.3103H2.55172ZM2.55172 5.10344C1.82873 5.10344 1.2227 4.8589 0.733619 4.36982C0.24454 3.88074 0 3.27471 0 2.55172C0 1.82873 0.24454 1.2227 0.733619 0.733619C1.2227 0.24454 1.82873 0 2.55172 0H25.5172C26.2402 0 26.8462 0.24454 27.3353 0.733619C27.8244 1.2227 28.0689 1.82873 28.0689 2.55172C28.0689 3.27471 27.8244 3.88074 27.3353 4.36982C26.8462 4.8589 26.2402 5.10344 25.5172 5.10344H2.55172ZM22.9655 38.2758V34.0654C22.9655 33.7252 23.0293 33.3956 23.1568 33.0767C23.2844 32.7577 23.4758 32.4706 23.731 32.2155L37.0637 18.9465C37.4465 18.5638 37.8718 18.2873 38.3396 18.1172C38.8074 17.9471 39.2752 17.862 39.743 17.862C40.2534 17.862 40.7424 17.9577 41.2103 18.1491C41.6781 18.3405 42.1034 18.6275 42.4861 19.0103L44.8465 21.3706C45.1867 21.7534 45.4525 22.1787 45.6439 22.6465C45.8352 23.1143 45.9309 23.5821 45.9309 24.0499C45.9309 24.5178 45.8459 24.9962 45.6758 25.4853C45.5056 25.9744 45.2292 26.4103 44.8465 26.793L31.5775 40.062C31.3223 40.3172 31.0353 40.5085 30.7163 40.6361C30.3973 40.7637 30.0678 40.8275 29.7275 40.8275H25.5172C24.7942 40.8275 24.1882 40.583 23.6991 40.0939C23.21 39.6048 22.9655 38.9988 22.9655 38.2758ZM39.743 26.5379L42.1034 24.0499L39.743 21.6896L37.3189 24.1137L39.743 26.5379ZM26.793 36.9999H29.2172L36.9361 29.2172L35.7879 28.0051L34.5758 26.8568L26.793 34.5758V36.9999ZM26.793 36.9999V34.5758L34.5758 26.8568L36.9361 29.2172L29.2172 36.9999H26.793Z" fill="#4354A3"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/editor-pdf-asset.png b/services/web/public/img/website-redesign/editor-pdf-asset.png
new file mode 100644
index 0000000..ce3ad98
Binary files /dev/null and b/services/web/public/img/website-redesign/editor-pdf-asset.png differ
diff --git a/services/web/public/img/website-redesign/editor-pdf-video-poster.png b/services/web/public/img/website-redesign/editor-pdf-video-poster.png
new file mode 100644
index 0000000..69bebab
Binary files /dev/null and b/services/web/public/img/website-redesign/editor-pdf-video-poster.png differ
diff --git a/services/web/public/img/website-redesign/editor-pdf-video.mp4 b/services/web/public/img/website-redesign/editor-pdf-video.mp4
new file mode 100644
index 0000000..b96ecde
Binary files /dev/null and b/services/web/public/img/website-redesign/editor-pdf-video.mp4 differ
diff --git a/services/web/public/img/website-redesign/features-universities-hero.png b/services/web/public/img/website-redesign/features-universities-hero.png
new file mode 100644
index 0000000..d49324d
Binary files /dev/null and b/services/web/public/img/website-redesign/features-universities-hero.png differ
diff --git a/services/web/public/img/website-redesign/function.svg b/services/web/public/img/website-redesign/function.svg
new file mode 100644
index 0000000..1a12eb8
--- /dev/null
+++ b/services/web/public/img/website-redesign/function.svg
@@ -0,0 +1,3 @@
+<svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.2917 30.625V26.5417H17.4563L22.8156 20.4167L17.4563 14.2917H14.0875L10.8208 31.85C10.5486 33.3813 9.9191 34.5807 8.93229 35.4484C7.94549 36.3162 6.68646 36.75 5.15521 36.75C3.62396 36.75 2.38194 36.3417 1.42917 35.525C0.476389 34.7083 0 33.6194 0 32.2583C0 31.1694 0.289236 30.2932 0.867708 29.6297C1.44618 28.9661 2.17778 28.6344 3.0625 28.6344C3.91319 28.6344 4.63628 28.9236 5.23177 29.5021C5.82726 30.0806 6.125 30.7781 6.125 31.5948C6.125 31.7649 6.11649 31.9181 6.09948 32.0542C6.08247 32.1903 6.05694 32.3434 6.02292 32.5135C6.19306 32.4795 6.33767 32.3859 6.45677 32.2328C6.57587 32.0797 6.66944 31.867 6.7375 31.5948L9.90208 14.2917H4.08333V10.2083H10.6677L11.7396 4.38958C11.9778 3.09653 12.6158 2.04167 13.6536 1.225C14.6915 0.408333 15.925 0 17.3542 0C18.8514 0 20.0764 0.442361 21.0292 1.32708C21.9819 2.21181 22.4583 3.31771 22.4583 4.64479C22.4583 5.66563 22.1691 6.50781 21.5906 7.17135C21.0122 7.8349 20.2806 8.16667 19.3958 8.16667C18.5451 8.16667 17.8221 7.87743 17.2266 7.29896C16.6311 6.72049 16.3333 6.0059 16.3333 5.15521C16.3333 4.98507 16.3418 4.83194 16.3589 4.69583C16.3759 4.55972 16.4014 4.4066 16.4354 4.23646C16.2313 4.30451 16.0781 4.4066 15.976 4.54271C15.874 4.67882 15.7889 4.88299 15.7208 5.15521L14.8531 10.2083H24.5V14.2917H22.8667L25.5208 17.3031L28.175 14.2917H26.5417V10.2083H36.75V14.2917H33.5854L28.226 20.4167L33.5854 26.5417H36.75V30.625H26.5417V26.5417H28.175L25.5208 23.4792L22.8667 26.5417H24.5V30.625H14.2917Z" fill="#4354A3"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/gallery/academic-journal.svg b/services/web/public/img/website-redesign/gallery/academic-journal.svg
new file mode 100644
index 0000000..44cd2c4
--- /dev/null
+++ b/services/web/public/img/website-redesign/gallery/academic-journal.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 384 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="#F1A4A1"/>
+    <rect x="195" y="86" width="111" height="22" rx="10" fill="#DADBEB"/>
+    <rect x="195" y="120" width="111" height="22" rx="10" fill="#F9D880"/>
+    <rect x="195" y="155" width="111" height="63" rx="10" fill="#DADBEB"/>
+    <rect x="78" y="86" width="111" height="22" rx="10" fill="#F9D880"/>
+    <rect x="136" y="55" width="111" height="22" rx="10" fill="#F9D880"/>
+    <rect x="78" y="23" width="228" height="22" rx="10" fill="#F9D880"/>
+    <rect x="78" y="120" width="111" height="63" rx="10" fill="#DADBEB"/>
+    <rect x="78" y="196" width="111" height="22" rx="10" fill="#F9D880"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/gallery/bibliography.svg b/services/web/public/img/website-redesign/gallery/bibliography.svg
new file mode 100644
index 0000000..b7cec06
--- /dev/null
+++ b/services/web/public/img/website-redesign/gallery/bibliography.svg
@@ -0,0 +1,15 @@
+<svg viewBox="0 0 384 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_6696_10278)">
+    <path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="#F9D880"/>
+    <path d="M44.5508 83.7639C44.8142 82.4807 45.9436 81.5596 47.2536 81.5596H333.385C335.32 81.5596 336.447 83.7453 335.325 85.3216C330.323 92.3476 330.323 101.772 335.325 108.798C336.447 110.374 335.32 112.56 333.385 112.56H47.2025C45.9211 112.56 44.8151 111.661 44.5524 110.407C42.7296 101.706 42.7115 92.7235 44.4992 84.0151L44.5508 83.7639Z" fill="#C0A2CA"/>
+    <path d="M332.554 150.328C332.233 152.256 330.564 153.67 328.609 153.67L53.6131 153.67C52.4728 153.67 51.7767 152.416 52.3792 151.448C58.9631 140.87 58.9631 127.469 52.3792 116.891C51.7767 115.923 52.4728 114.67 53.6131 114.67L328.609 114.67C330.564 114.67 332.233 116.083 332.554 118.011L333.054 121.005C334.508 129.721 334.508 138.618 333.054 147.334L332.554 150.328Z" fill="#80CB9C"/>
+    <path d="M337.801 170.96C337.594 171.456 337.109 171.78 336.571 171.78L46.8211 171.78C46.2773 171.78 45.9782 171.147 46.3233 170.727C49.6387 166.689 49.6387 160.87 46.3233 156.832C45.9782 156.412 46.2773 155.78 46.8211 155.78L336.572 155.78C337.109 155.78 337.594 156.103 337.801 156.599C339.718 161.194 339.718 166.365 337.801 170.96Z" fill="#F1A4A1"/>
+    <path d="M66.2392 175.844C66.4667 174.707 67.4645 173.89 68.6233 173.89L311.2 173.89C311.999 173.89 312.451 174.805 311.966 175.439C307.479 181.314 307.479 189.465 311.966 195.34C312.451 195.975 311.999 196.89 311.2 196.89L68.6233 196.89C67.4645 196.89 66.4667 196.072 66.2392 194.935C64.9777 188.634 64.9777 182.145 66.2392 175.844Z" fill="#80CB9C"/>
+    <path d="M44.8927 202.889C44.953 200.724 46.7254 199 48.8911 199L334.208 199C335.817 199 336.767 200.802 335.859 202.13L333.794 205.145C326.014 216.511 326.014 231.489 333.794 242.855C335.578 245.461 333.712 249 330.554 249L48.8911 249C46.7253 249 44.953 247.276 44.8927 245.111L44.3047 224L44.8927 202.889Z" fill="#C0A2CA"/>
+    </g>
+    <defs>
+    <clipPath id="clip0_6696_10278">
+    <path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="white"/>
+    </clipPath>
+    </defs>
+</svg>
diff --git a/services/web/public/img/website-redesign/gallery/book.svg b/services/web/public/img/website-redesign/gallery/book.svg
new file mode 100644
index 0000000..156467a
--- /dev/null
+++ b/services/web/public/img/website-redesign/gallery/book.svg
@@ -0,0 +1,8 @@
+<svg viewBox="0 0 384 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="#80CB9C"/>
+    <rect x="106.664" y="62.4418" width="155.151" height="59.8427" rx="4" transform="rotate(90 106.664 62.4418)" fill="#C0A2CA"/>
+    <rect x="204.773" y="62.4418" width="155.151" height="37.3845" rx="4" transform="rotate(90 204.773 62.4418)" fill="#F1A4A1"/>
+    <rect x="160.344" y="42.7887" width="174.804" height="46.6421" rx="4" transform="rotate(90 160.344 42.7887)" fill="#DADBEB"/>
+    <rect x="242.289" y="28.983" width="188.609" height="30.4748" rx="4" transform="rotate(90 242.289 28.983)" fill="#C0A2CA"/>
+    <rect x="289.789" y="40.9396" width="171.704" height="42.0938" rx="4" transform="rotate(73.9801 289.789 40.9396)" fill="#DADBEB"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/gallery/calendar.svg b/services/web/public/img/website-redesign/gallery/calendar.svg
new file mode 100644
index 0000000..5fa7f24
--- /dev/null
+++ b/services/web/public/img/website-redesign/gallery/calendar.svg
@@ -0,0 +1,9 @@
+<svg viewBox="0 0 384 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="#F1A4A1"/>
+    <rect x="48.5391" y="34.7906" width="286.922" height="170.419" rx="10" fill="#DADBEB"/>
+    <ellipse cx="106.899" cy="84.5302" rx="38.751" ry="38.3239" fill="#80CB9C"/>
+    <rect x="169.734" y="46.2063" width="150.881" height="30.9852" rx="6" fill="#80CB9C"/>
+    <rect x="169.734" y="85.3455" width="150.881" height="30.9852" rx="6" fill="#80CB9C"/>
+    <rect x="169.734" y="124.485" width="150.881" height="30.9852" rx="6" fill="#80CB9C"/>
+    <rect x="169.734" y="163.624" width="150.881" height="30.9852" rx="6" fill="#80CB9C"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/gallery/cv.svg b/services/web/public/img/website-redesign/gallery/cv.svg
new file mode 100644
index 0000000..ba59c36
--- /dev/null
+++ b/services/web/public/img/website-redesign/gallery/cv.svg
@@ -0,0 +1,13 @@
+<svg viewBox="0 0 384 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6696_10233)">
+<path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="#80CB9C"/>
+<rect x="18" y="18" width="348" height="122" rx="10" fill="#DADBEB"/>
+<rect x="18" y="150" width="111" height="117" rx="10" fill="#F1A4A1"/>
+<rect x="139" y="150" width="227" height="117" rx="10" fill="#F9D880"/>
+</g>
+<defs>
+<clipPath id="clip0_6696_10233">
+<path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/public/img/website-redesign/gallery/formal-letter.svg b/services/web/public/img/website-redesign/gallery/formal-letter.svg
new file mode 100644
index 0000000..4e01d58
--- /dev/null
+++ b/services/web/public/img/website-redesign/gallery/formal-letter.svg
@@ -0,0 +1,18 @@
+<svg viewBox="0 0 384 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_6696_10369)">
+    <path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="#80CB9C"/>
+    <rect x="358.875" y="298.361" width="333.742" height="238.098" rx="5" transform="rotate(-180 358.875 298.361)" fill="#C0A2CA"/>
+    <path d="M358.875 72.3632C358.875 78.9906 353.502 84.3632 346.875 84.3632L37.1328 84.3631C30.5054 84.3631 25.1328 78.9905 25.1328 72.3631L25.1328 35.7403C25.1328 34.6357 26.0282 33.7403 27.1328 33.7403L356.875 33.7403C357.98 33.7403 358.875 34.6358 358.875 35.7403L358.875 72.3632Z" fill="#DADBEB"/>
+    <line x1="173.926" y1="87.778" x2="209.449" y2="146.754" stroke="#DADBEB" stroke-width="3"/>
+    <line x1="210.112" y1="86.7354" x2="174.58" y2="148.278" stroke="#DADBEB" stroke-width="3"/>
+    <circle cx="192" cy="83.552" r="20" fill="#80CB9C"/>
+    <circle cx="192" cy="152.528" r="20" fill="#80CB9C"/>
+    <circle cx="192" cy="152.528" r="5" fill="#DADBEB"/>
+    <circle cx="192" cy="83.552" r="5" fill="#DADBEB"/>
+    </g>
+    <defs>
+    <clipPath id="clip0_6696_10369">
+    <path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="white"/>
+    </clipPath>
+    </defs>
+</svg>
diff --git a/services/web/public/img/website-redesign/gallery/homework.svg b/services/web/public/img/website-redesign/gallery/homework.svg
new file mode 100644
index 0000000..80fd23d
--- /dev/null
+++ b/services/web/public/img/website-redesign/gallery/homework.svg
@@ -0,0 +1,16 @@
+<svg viewBox="0 0 384 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_6696_10327)">
+    <path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="#F9D880"/>
+    <rect x="18" y="86" width="50" height="50" rx="25" fill="#80CB9C"/>
+    <rect x="18" y="152" width="50" height="50" rx="25" fill="#F1A4A1"/>
+    <rect x="18" y="218" width="50" height="50" rx="25" fill="#80CB9C"/>
+    <rect x="85.3438" y="158" width="350" height="41" rx="20.5" fill="#C0A2CA"/>
+    <rect x="85.3516" y="92" width="350" height="41" rx="20.5" fill="#C0A2CA"/>
+    <rect x="85.3438" y="224" width="350" height="41" rx="20.5" fill="#C0A2CA"/>
+    </g>
+    <defs>
+    <clipPath id="clip0_6696_10327">
+    <path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="white"/>
+    </clipPath>
+    </defs>
+</svg>
diff --git a/services/web/public/img/website-redesign/gallery/newsletter.svg b/services/web/public/img/website-redesign/gallery/newsletter.svg
new file mode 100644
index 0000000..7f73866
--- /dev/null
+++ b/services/web/public/img/website-redesign/gallery/newsletter.svg
@@ -0,0 +1,16 @@
+<svg viewBox="0 0 384 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_6696_10355)">
+    <path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="#F1A4A1"/>
+    <rect x="25.7188" y="91.6661" width="317.492" height="308.291" rx="10" transform="rotate(-13.0453 25.7188 91.6661)" fill="#DADBEB"/>
+    <rect x="4.78906" y="94.0269" width="315" height="300" rx="10" transform="rotate(-17.3674 4.78906 94.0269)" fill="#C0A2CA"/>
+    <rect x="53.9453" y="101.774" width="226.313" height="46.3541" rx="4" transform="rotate(-17.3674 53.9453 101.774)" fill="#DADBEB"/>
+    <rect x="49.9609" y="172.056" width="132" height="147.424" rx="4" transform="rotate(-17.3674 49.9609 172.056)" fill="#DADBEB"/>
+    <rect x="186.836" y="129.152" width="132" height="85.3541" rx="4" transform="rotate(-17.3674 186.836 129.152)" fill="#DADBEB"/>
+    <rect x="213.641" y="216.327" width="132" height="85.3541" rx="4" transform="rotate(-17.3674 213.641 216.327)" fill="#DADBEB"/>
+    </g>
+    <defs>
+    <clipPath id="clip0_6696_10355">
+    <path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="white"/>
+    </clipPath>
+    </defs>
+</svg>
diff --git a/services/web/public/img/website-redesign/gallery/poster.svg b/services/web/public/img/website-redesign/gallery/poster.svg
new file mode 100644
index 0000000..a5583a2
--- /dev/null
+++ b/services/web/public/img/website-redesign/gallery/poster.svg
@@ -0,0 +1,14 @@
+<svg viewBox="0 0 384 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_6696_10315)">
+    <path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="#80CB9C"/>
+    <rect x="18" y="18" width="348" height="332" rx="10" fill="#DADBEB"/>
+    <rect x="188.898" y="120" width="139.141" height="128.762" rx="10" transform="rotate(90 188.898 120)" fill="#F9D880"/>
+    <rect x="324.859" y="120" width="139.141" height="128.762" rx="10" transform="rotate(90 324.859 120)" fill="#F9D880"/>
+    <rect x="56.0469" y="34.998" width="271.918" height="71.4513" rx="10" fill="#F1A4A1"/>
+    </g>
+    <defs>
+    <clipPath id="clip0_6696_10315">
+    <path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="white"/>
+    </clipPath>
+    </defs>
+</svg>
diff --git a/services/web/public/img/website-redesign/gallery/presentation.svg b/services/web/public/img/website-redesign/gallery/presentation.svg
new file mode 100644
index 0000000..43d551b
--- /dev/null
+++ b/services/web/public/img/website-redesign/gallery/presentation.svg
@@ -0,0 +1,5 @@
+<svg viewBox="0 0 384 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="#C0A2CA"/>
+    <rect x="67" y="18" width="249" height="163" rx="10" fill="#80CB9C"/>
+    <rect x="137" y="189" width="109" height="33" rx="10" fill="#F9D880"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/gallery/report.svg b/services/web/public/img/website-redesign/gallery/report.svg
new file mode 100644
index 0000000..95b319c
--- /dev/null
+++ b/services/web/public/img/website-redesign/gallery/report.svg
@@ -0,0 +1,8 @@
+<svg viewBox="0 0 384 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="#DADBEB"/>
+    <rect x="119" y="10" width="239" height="220" rx="10" fill="#F9D880"/>
+    <rect x="85" y="57" width="231" height="48" rx="10" fill="#80CB9C"/>
+    <rect x="85" y="113" width="231" height="18" rx="9" fill="#80CB9C"/>
+    <rect x="195" y="139" width="121" height="18" rx="9" fill="#80CB9C"/>
+    <rect x="195" y="167" width="121" height="18" rx="9" fill="#80CB9C"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/gallery/thesis.svg b/services/web/public/img/website-redesign/gallery/thesis.svg
new file mode 100644
index 0000000..2b7c55a
--- /dev/null
+++ b/services/web/public/img/website-redesign/gallery/thesis.svg
@@ -0,0 +1,17 @@
+<svg viewBox="0 0 384 240" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_6696_10259)">
+    <path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="#F9D880"/>
+    <rect x="60" y="226" width="1033" height="31" fill="#80CB9C"/>
+    <rect x="20" y="186" width="1032" height="30" fill="#F1A4A1"/>
+    <rect x="121" y="145" width="1032" height="31" fill="#DADBEB"/>
+    <rect x="60" y="105" width="1033" height="31" fill="#F1A4A1"/>
+    <rect x="81" y="65" width="1032" height="31" fill="#80CB9C"/>
+    <rect x="40" y="25" width="1032" height="30" fill="#DADBEB"/>
+    <rect x="101" y="-16" width="1032" height="31" fill="#F1A4A1"/>
+    </g>
+    <defs>
+    <clipPath id="clip0_6696_10259">
+    <path d="M0 8.00001C0 3.58173 3.58172 0 8 0H376C380.418 0 384 3.58172 384 8V232C384 236.418 380.418 240 376 240H7.99999C3.58171 240 0 236.418 0 232V8.00001Z" fill="white"/>
+    </clipPath>
+    </defs>
+</svg>
diff --git a/services/web/public/img/website-redesign/group-round.svg b/services/web/public/img/website-redesign/group-round.svg
new file mode 100644
index 0000000..644a1db
--- /dev/null
+++ b/services/web/public/img/website-redesign/group-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4.92578" width="48" height="48" rx="24" fill="#80CB9C"/>
+<rect x="4" y="4.92578" width="48" height="48" rx="24" stroke="#D8EFE1" stroke-width="8"/>
+<mask id="mask0_3314_12552" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="25" height="25">
+<rect x="16.668" y="16.6094" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3314_12552)">
+<path d="M20.668 30.1344L23.193 27.6094L20.668 25.0844L18.143 27.6094L20.668 30.1344ZM34.168 29.6094L36.668 25.6094L39.168 29.6094H34.168ZM28.668 28.6094C27.8346 28.6094 27.1263 28.3177 26.543 27.7344C25.9596 27.151 25.668 26.4427 25.668 25.6094C25.668 24.7594 25.9596 24.0469 26.543 23.4719C27.1263 22.8969 27.8346 22.6094 28.668 22.6094C29.518 22.6094 30.2305 22.8969 30.8055 23.4719C31.3805 24.0469 31.668 24.7594 31.668 25.6094C31.668 26.4427 31.3805 27.151 30.8055 27.7344C30.2305 28.3177 29.518 28.6094 28.668 28.6094ZM16.668 33.6094V33.0344C16.668 32.301 17.0388 31.7135 17.7805 31.2719C18.5221 30.8302 19.4846 30.6094 20.668 30.6094C20.8846 30.6094 21.093 30.6135 21.293 30.6219C21.493 30.6302 21.6846 30.651 21.868 30.6844C21.6346 31.0177 21.4596 31.376 21.343 31.7594C21.2263 32.1427 21.168 32.551 21.168 32.9844V34.6094H17.668C17.3846 34.6094 17.1471 34.5135 16.9555 34.3219C16.7638 34.1302 16.668 33.8927 16.668 33.6094ZM22.668 33.6094V32.9844C22.668 31.901 23.2221 31.026 24.3305 30.3594C25.4388 29.6927 26.8846 29.3594 28.668 29.3594C30.468 29.3594 31.918 29.6927 33.018 30.3594C34.118 31.026 34.668 31.901 34.668 32.9844V33.6094C34.668 33.8927 34.5721 34.1302 34.3805 34.3219C34.1888 34.5135 33.9513 34.6094 33.668 34.6094H23.668C23.3846 34.6094 23.1471 34.5135 22.9555 34.3219C22.7638 34.1302 22.668 33.8927 22.668 33.6094ZM36.668 30.6094C37.868 30.6094 38.8346 30.8302 39.568 31.2719C40.3013 31.7135 40.668 32.301 40.668 33.0344V33.6094C40.668 33.8927 40.5721 34.1302 40.3805 34.3219C40.1888 34.5135 39.9513 34.6094 39.668 34.6094H36.168V32.9844C36.168 32.551 36.1138 32.1427 36.0055 31.7594C35.8971 31.376 35.7346 31.0177 35.518 30.6844C35.7013 30.651 35.8888 30.6302 36.0805 30.6219C36.2721 30.6135 36.468 30.6094 36.668 30.6094Z" fill="#0F2715"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/keyboard.png b/services/web/public/img/website-redesign/keyboard.png
new file mode 100644
index 0000000..d2c93e8
Binary files /dev/null and b/services/web/public/img/website-redesign/keyboard.png differ
diff --git a/services/web/public/img/website-redesign/live-tv-round.svg b/services/web/public/img/website-redesign/live-tv-round.svg
new file mode 100644
index 0000000..e84592f
--- /dev/null
+++ b/services/web/public/img/website-redesign/live-tv-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4" width="48" height="48" rx="24" fill="#80CB9C"/>
+<rect x="4" y="4" width="48" height="48" rx="24" stroke="#D8EFE1" stroke-width="8"/>
+<mask id="mask0_3314_17602" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="24">
+<rect x="16" y="16" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3314_17602)">
+<path d="M27.05 30.5L31.2 27.85C31.5 27.65 31.65 27.3667 31.65 27C31.65 26.6333 31.5 26.35 31.2 26.15L27.05 23.5C26.7167 23.2833 26.375 23.2667 26.025 23.45C25.675 23.6333 25.5 23.925 25.5 24.325V29.675C25.5 30.075 25.675 30.3667 26.025 30.55C26.375 30.7333 26.7167 30.7167 27.05 30.5ZM20 35C19.45 35 18.9792 34.8042 18.5875 34.4125C18.1958 34.0208 18 33.55 18 33V21C18 20.45 18.1958 19.9792 18.5875 19.5875C18.9792 19.1958 19.45 19 20 19H36C36.55 19 37.0208 19.1958 37.4125 19.5875C37.8042 19.9792 38 20.45 38 21V33C38 33.55 37.8042 34.0208 37.4125 34.4125C37.0208 34.8042 36.55 35 36 35H32V36C32 36.2833 31.9042 36.5208 31.7125 36.7125C31.5208 36.9042 31.2833 37 31 37H25C24.7167 37 24.4792 36.9042 24.2875 36.7125C24.0958 36.5208 24 36.2833 24 36V35H20Z" fill="#0F2715"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/local-library-round.svg b/services/web/public/img/website-redesign/local-library-round.svg
new file mode 100644
index 0000000..ac100b3
--- /dev/null
+++ b/services/web/public/img/website-redesign/local-library-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4" width="48" height="48" rx="24" fill="#80CB9C"/>
+<rect x="4" y="4" width="48" height="48" rx="24" stroke="#D8EFE1" stroke-width="8"/>
+<mask id="mask0_3314_17620" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="25">
+<rect x="16" y="16.3672" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3314_17620)">
+<path d="M19 33.5172V26.3672C19 25.8339 19.1958 25.3839 19.5875 25.0172C19.9792 24.6505 20.4417 24.4839 20.975 24.5172C22.2917 24.7172 23.5458 25.1047 24.7375 25.6797C25.9292 26.2547 27.0167 27.0005 28 27.9172C28.9833 27.0005 30.0708 26.2547 31.2625 25.6797C32.4542 25.1047 33.7083 24.7172 35.025 24.5172C35.5583 24.4839 36.0208 24.6505 36.4125 25.0172C36.8042 25.3839 37 25.8339 37 26.3672V33.5172C37 34.0505 36.825 34.5047 36.475 34.8797C36.125 35.2547 35.6833 35.4589 35.15 35.4922C34.0833 35.6589 33.05 35.9339 32.05 36.3172C31.05 36.7005 30.1167 37.2089 29.25 37.8422C29.0667 37.9922 28.8708 38.1047 28.6625 38.1797C28.4542 38.2547 28.2333 38.2922 28 38.2922C27.7667 38.2922 27.5458 38.2547 27.3375 38.1797C27.1292 38.1047 26.9333 37.9922 26.75 37.8422C25.8833 37.2089 24.95 36.7005 23.95 36.3172C22.95 35.9339 21.9167 35.6589 20.85 35.4922C20.3167 35.4589 19.875 35.2547 19.525 34.8797C19.175 34.5047 19 34.0505 19 33.5172ZM28 25.3672C26.9 25.3672 25.9583 24.9755 25.175 24.1922C24.3917 23.4089 24 22.4672 24 21.3672C24 20.2672 24.3917 19.3255 25.175 18.5422C25.9583 17.7589 26.9 17.3672 28 17.3672C29.1 17.3672 30.0417 17.7589 30.825 18.5422C31.6083 19.3255 32 20.2672 32 21.3672C32 22.4672 31.6083 23.4089 30.825 24.1922C30.0417 24.9755 29.1 25.3672 28 25.3672Z" fill="#0F2715"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/lock-round.svg b/services/web/public/img/website-redesign/lock-round.svg
new file mode 100644
index 0000000..6f92217
--- /dev/null
+++ b/services/web/public/img/website-redesign/lock-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4.92578" width="48" height="48" rx="24" fill="#80CB9C"/>
+<rect x="4" y="4.92578" width="48" height="48" rx="24" stroke="#D8EFE1" stroke-width="8"/>
+<mask id="mask0_3314_12543" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="25" height="25">
+<rect x="16.332" y="16.6094" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3314_12543)">
+<path d="M22.332 38.6094C21.782 38.6094 21.3112 38.4135 20.9195 38.0219C20.5279 37.6302 20.332 37.1594 20.332 36.6094V26.6094C20.332 26.0594 20.5279 25.5885 20.9195 25.1969C21.3112 24.8052 21.782 24.6094 22.332 24.6094H23.332V22.6094C23.332 21.226 23.8195 20.0469 24.7945 19.0719C25.7695 18.0969 26.9487 17.6094 28.332 17.6094C29.7154 17.6094 30.8945 18.0969 31.8695 19.0719C32.8445 20.0469 33.332 21.226 33.332 22.6094V24.6094H34.332C34.882 24.6094 35.3529 24.8052 35.7445 25.1969C36.1362 25.5885 36.332 26.0594 36.332 26.6094V36.6094C36.332 37.1594 36.1362 37.6302 35.7445 38.0219C35.3529 38.4135 34.882 38.6094 34.332 38.6094H22.332ZM28.332 33.6094C28.882 33.6094 29.3529 33.4135 29.7445 33.0219C30.1362 32.6302 30.332 32.1594 30.332 31.6094C30.332 31.0594 30.1362 30.5885 29.7445 30.1969C29.3529 29.8052 28.882 29.6094 28.332 29.6094C27.782 29.6094 27.3112 29.8052 26.9195 30.1969C26.5279 30.5885 26.332 31.0594 26.332 31.6094C26.332 32.1594 26.5279 32.6302 26.9195 33.0219C27.3112 33.4135 27.782 33.6094 28.332 33.6094ZM25.332 24.6094H31.332V22.6094C31.332 21.776 31.0404 21.0677 30.457 20.4844C29.8737 19.901 29.1654 19.6094 28.332 19.6094C27.4987 19.6094 26.7904 19.901 26.207 20.4844C25.6237 21.0677 25.332 21.776 25.332 22.6094V24.6094Z" fill="#0F2715"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/mansion.png b/services/web/public/img/website-redesign/mansion.png
new file mode 100644
index 0000000..f755ca0
Binary files /dev/null and b/services/web/public/img/website-redesign/mansion.png differ
diff --git a/services/web/public/img/website-redesign/material-symbols-arrow-outward.svg b/services/web/public/img/website-redesign/material-symbols-arrow-outward.svg
new file mode 100644
index 0000000..8e22c3d
--- /dev/null
+++ b/services/web/public/img/website-redesign/material-symbols-arrow-outward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20"><path d="M648-645 268-265q-11 11-25 10.5T218-266q-11-11-11-25.5t11-25.5l379-379H276q-15.3 0-25.65-10.289-10.35-10.29-10.35-25.5Q240-747 250.35-757.5 260.7-768 276-768h408q15.3 0 25.65 10.35Q720-747.3 720-732v408q0 15.3-10.289 25.65-10.29 10.35-25.5 10.35Q669-288 658.5-298.35 648-308.7 648-324v-321Z"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/website-redesign/material-symbols-arrow-right-light.svg b/services/web/public/img/website-redesign/material-symbols-arrow-right-light.svg
new file mode 100644
index 0000000..ab27148
--- /dev/null
+++ b/services/web/public/img/website-redesign/material-symbols-arrow-right-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="19" fill="#80cb9c"><path d="M630-444H228.049q-15.321 0-25.685-10.289Q192-464.579 192-479.789 192-495 202.364-505.5q10.364-10.5 25.685-10.5H630l-80-80q-11-11-11-25.5t10.522-25.5Q561-658 575.5-658q14.5 0 25.5 11l142.333 142.333Q748-500 750.5-493.7q2.5 6.3 2.5 13.5t-2.5 13.5q-2.5 6.3-7.5 11.7L601-313q-11 11-25 10.5T550.522-314Q540-325 540-339.5t11-25.5l79-79Z"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/website-redesign/material-symbols-arrow-right.svg b/services/web/public/img/website-redesign/material-symbols-arrow-right.svg
new file mode 100644
index 0000000..9056e16
--- /dev/null
+++ b/services/web/public/img/website-redesign/material-symbols-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20" fill="#098842"><path d="M630-444H228.049q-15.321 0-25.685-10.289Q192-464.579 192-479.789 192-495 202.364-505.5q10.364-10.5 25.685-10.5H630l-80-80q-11-11-11-25.5t10.522-25.5Q561-658 575.5-658q14.5 0 25.5 11l142.333 142.333Q748-500 750.5-493.7q2.5 6.3 2.5 13.5t-2.5 13.5q-2.5 6.3-7.5 11.7L601-313q-11 11-25 10.5T550.522-314Q540-325 540-339.5t11-25.5l79-79Z"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/website-redesign/material-symbols-check-blue.svg b/services/web/public/img/website-redesign/material-symbols-check-blue.svg
new file mode 100644
index 0000000..10e504b
--- /dev/null
+++ b/services/web/public/img/website-redesign/material-symbols-check-blue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20" fill="#6597e0"><path d="m395-387 264-263q11-11 25-10.5t25 11.5q11 11 11 25t-11 25L421-311q-11 11-25.5 11T370-311L251-430q-11-11-11-25t11-25q11-11 25-11t25 11l94 93Z"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/website-redesign/material-symbols-check-green.svg b/services/web/public/img/website-redesign/material-symbols-check-green.svg
new file mode 100644
index 0000000..ecbbc3e
--- /dev/null
+++ b/services/web/public/img/website-redesign/material-symbols-check-green.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="20" viewBox="0 -960 960 960" width="20" fill="#0f271a"><path d="m395-387 264-263q11-11 25-10.5t25 11.5q11 11 11 25t-11 25L421-311q-11 11-25.5 11T370-311L251-430q-11-11-11-25t11-25q11-11 25-11t25 11l94 93Z"/></svg>
\ No newline at end of file
diff --git a/services/web/public/img/website-redesign/overleaf-pattern-purple.png b/services/web/public/img/website-redesign/overleaf-pattern-purple.png
new file mode 100644
index 0000000..1891593
Binary files /dev/null and b/services/web/public/img/website-redesign/overleaf-pattern-purple.png differ
diff --git a/services/web/public/img/website-redesign/picture_as_pdf.svg b/services/web/public/img/website-redesign/picture_as_pdf.svg
new file mode 100644
index 0000000..390222f
--- /dev/null
+++ b/services/web/public/img/website-redesign/picture_as_pdf.svg
@@ -0,0 +1,3 @@
+<svg width="41" height="41" viewBox="0 0 41 41" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.3333 17.3542H18.375C18.9535 17.3542 19.4384 17.1585 19.8297 16.7672C20.221 16.3759 20.4167 15.891 20.4167 15.3125V13.2708C20.4167 12.6924 20.221 12.2075 19.8297 11.8161C19.4384 11.4248 18.9535 11.2292 18.375 11.2292H15.3125C15.0403 11.2292 14.8021 11.3313 14.5979 11.5354C14.3938 11.7396 14.2917 11.9778 14.2917 12.25V20.4167C14.2917 20.6889 14.3938 20.9271 14.5979 21.1313C14.8021 21.3354 15.0403 21.4375 15.3125 21.4375C15.5847 21.4375 15.8229 21.3354 16.0271 21.1313C16.2313 20.9271 16.3333 20.6889 16.3333 20.4167V17.3542ZM16.3333 15.3125V13.2708H18.375V15.3125H16.3333ZM26.5417 21.4375C27.1201 21.4375 27.605 21.2418 27.9964 20.8505C28.3877 20.4592 28.5833 19.9743 28.5833 19.3958V13.2708C28.5833 12.6924 28.3877 12.2075 27.9964 11.8161C27.605 11.4248 27.1201 11.2292 26.5417 11.2292H23.4792C23.2069 11.2292 22.9688 11.3313 22.7646 11.5354C22.5604 11.7396 22.4583 11.9778 22.4583 12.25V20.4167C22.4583 20.6889 22.5604 20.9271 22.7646 21.1313C22.9688 21.3354 23.2069 21.4375 23.4792 21.4375H26.5417ZM24.5 19.3958V13.2708H26.5417V19.3958H24.5ZM32.6667 17.3542H33.6875C33.9597 17.3542 34.1979 17.2521 34.4021 17.0479C34.6063 16.8438 34.7083 16.6056 34.7083 16.3333C34.7083 16.0611 34.6063 15.8229 34.4021 15.6188C34.1979 15.4146 33.9597 15.3125 33.6875 15.3125H32.6667V13.2708H33.6875C33.9597 13.2708 34.1979 13.1688 34.4021 12.9646C34.6063 12.7604 34.7083 12.5222 34.7083 12.25C34.7083 11.9778 34.6063 11.7396 34.4021 11.5354C34.1979 11.3313 33.9597 11.2292 33.6875 11.2292H31.6458C31.3736 11.2292 31.1354 11.3313 30.9313 11.5354C30.7271 11.7396 30.625 11.9778 30.625 12.25V20.4167C30.625 20.6889 30.7271 20.9271 30.9313 21.1313C31.1354 21.3354 31.3736 21.4375 31.6458 21.4375C31.9181 21.4375 32.1563 21.3354 32.3604 21.1313C32.5646 20.9271 32.6667 20.6889 32.6667 20.4167V17.3542ZM12.25 32.6667C11.1271 32.6667 10.1658 32.2668 9.36615 31.4672C8.56649 30.6675 8.16667 29.7063 8.16667 28.5833V4.08333C8.16667 2.96042 8.56649 1.99913 9.36615 1.19948C10.1658 0.399826 11.1271 0 12.25 0H36.75C37.8729 0 38.8342 0.399826 39.6339 1.19948C40.4335 1.99913 40.8333 2.96042 40.8333 4.08333V28.5833C40.8333 29.7063 40.4335 30.6675 39.6339 31.4672C38.8342 32.2668 37.8729 32.6667 36.75 32.6667H12.25ZM4.08333 40.8333C2.96042 40.8333 1.99913 40.4335 1.19948 39.6339C0.399826 38.8342 0 37.8729 0 36.75V10.2083C0 9.62986 0.19566 9.14497 0.586979 8.75365C0.978299 8.36233 1.46319 8.16667 2.04167 8.16667C2.62014 8.16667 3.10503 8.36233 3.49635 8.75365C3.88767 9.14497 4.08333 9.62986 4.08333 10.2083V36.75H30.625C31.2035 36.75 31.6884 36.9457 32.0797 37.337C32.471 37.7283 32.6667 38.2132 32.6667 38.7917C32.6667 39.3701 32.471 39.855 32.0797 40.2464C31.6884 40.6377 31.2035 40.8333 30.625 40.8333H4.08333Z" fill="#4354A3"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/preview-round.svg b/services/web/public/img/website-redesign/preview-round.svg
new file mode 100644
index 0000000..5a74aae
--- /dev/null
+++ b/services/web/public/img/website-redesign/preview-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4" width="48" height="48" rx="24" fill="#80CB9C"/>
+<rect x="4" y="4" width="48" height="48" rx="24" stroke="#D8EFE1" stroke-width="8"/>
+<mask id="mask0_3314_17566" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="24">
+<rect x="16" y="16" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3314_17566)">
+<path d="M21 37C20.45 37 19.9792 36.8042 19.5875 36.4125C19.1958 36.0208 19 35.55 19 35V21C19 20.45 19.1958 19.9792 19.5875 19.5875C19.9792 19.1958 20.45 19 21 19H35C35.55 19 36.0208 19.1958 36.4125 19.5875C36.8042 19.9792 37 20.45 37 21V35C37 35.55 36.8042 36.0208 36.4125 36.4125C36.0208 36.8042 35.55 37 35 37H21ZM21 35H35V23H21V35ZM28 33C26.6333 33 25.4125 32.6292 24.3375 31.8875C23.2625 31.1458 22.4833 30.1833 22 29C22.4833 27.8167 23.2625 26.8542 24.3375 26.1125C25.4125 25.3708 26.6333 25 28 25C29.3667 25 30.5875 25.3708 31.6625 26.1125C32.7375 26.8542 33.5167 27.8167 34 29C33.5167 30.1833 32.7375 31.1458 31.6625 31.8875C30.5875 32.6292 29.3667 33 28 33ZM28 30.5C27.5833 30.5 27.2292 30.3542 26.9375 30.0625C26.6458 29.7708 26.5 29.4167 26.5 29C26.5 28.5833 26.6458 28.2292 26.9375 27.9375C27.2292 27.6458 27.5833 27.5 28 27.5C28.4167 27.5 28.7708 27.6458 29.0625 27.9375C29.3542 28.2292 29.5 28.5833 29.5 29C29.5 29.4167 29.3542 29.7708 29.0625 30.0625C28.7708 30.3542 28.4167 30.5 28 30.5ZM28 31.5C28.7 31.5 29.2917 31.2583 29.775 30.775C30.2583 30.2917 30.5 29.7 30.5 29C30.5 28.3 30.2583 27.7083 29.775 27.225C29.2917 26.7417 28.7 26.5 28 26.5C27.3 26.5 26.7083 26.7417 26.225 27.225C25.7417 27.7083 25.5 28.3 25.5 29C25.5 29.7 25.7417 30.2917 26.225 30.775C26.7083 31.2583 27.3 31.5 28 31.5Z" fill="#0F2715"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/preview.svg b/services/web/public/img/website-redesign/preview.svg
new file mode 100644
index 0000000..e8930f8
--- /dev/null
+++ b/services/web/public/img/website-redesign/preview.svg
@@ -0,0 +1,3 @@
+<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.66667 42C3.38333 42 2.28472 41.5431 1.37083 40.6292C0.456944 39.7153 0 38.6167 0 37.3333V4.66667C0 3.38333 0.456944 2.28472 1.37083 1.37083C2.28472 0.456944 3.38333 0 4.66667 0H37.3333C38.6167 0 39.7153 0.456944 40.6292 1.37083C41.5431 2.28472 42 3.38333 42 4.66667V37.3333C42 38.6167 41.5431 39.7153 40.6292 40.6292C39.7153 41.5431 38.6167 42 37.3333 42H4.66667ZM4.66667 37.3333H37.3333V9.33333H4.66667V37.3333ZM21 32.6667C17.8111 32.6667 14.9625 31.8014 12.4542 30.0708C9.94583 28.3403 8.12778 26.0944 7 23.3333C8.12778 20.5722 9.94583 18.3264 12.4542 16.5958C14.9625 14.8653 17.8111 14 21 14C24.1889 14 27.0375 14.8653 29.5458 16.5958C32.0542 18.3264 33.8722 20.5722 35 23.3333C33.8722 26.0944 32.0542 28.3403 29.5458 30.0708C27.0375 31.8014 24.1889 32.6667 21 32.6667ZM21 26.8333C20.0278 26.8333 19.2014 26.4931 18.5208 25.8125C17.8403 25.1319 17.5 24.3056 17.5 23.3333C17.5 22.3611 17.8403 21.5347 18.5208 20.8542C19.2014 20.1736 20.0278 19.8333 21 19.8333C21.9722 19.8333 22.7986 20.1736 23.4792 20.8542C24.1597 21.5347 24.5 22.3611 24.5 23.3333C24.5 24.3056 24.1597 25.1319 23.4792 25.8125C22.7986 26.4931 21.9722 26.8333 21 26.8333ZM21 29.1667C22.6333 29.1667 24.0139 28.6028 25.1417 27.475C26.2694 26.3472 26.8333 24.9667 26.8333 23.3333C26.8333 21.7 26.2694 20.3194 25.1417 19.1917C24.0139 18.0639 22.6333 17.5 21 17.5C19.3667 17.5 17.9861 18.0639 16.8583 19.1917C15.7306 20.3194 15.1667 21.7 15.1667 23.3333C15.1667 24.9667 15.7306 26.3472 16.8583 27.475C17.9861 28.6028 19.3667 29.1667 21 29.1667Z" fill="#4354A3"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/school-round.svg b/services/web/public/img/website-redesign/school-round.svg
new file mode 100644
index 0000000..9e8c2c7
--- /dev/null
+++ b/services/web/public/img/website-redesign/school-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4" width="48" height="48" rx="24" fill="#80CB9C"/>
+<rect x="4" y="4" width="48" height="48" rx="24" stroke="#D8EFE1" stroke-width="8"/>
+<mask id="mask0_3314_17585" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="24">
+<rect x="16" y="16" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3314_17585)">
+<path d="M36.9996 32.0004V26.1004L28.9496 30.4754C28.6496 30.6421 28.3329 30.7254 27.9996 30.7254C27.6663 30.7254 27.3496 30.6421 27.0496 30.4754L18.5996 25.8754C18.4163 25.7754 18.2871 25.6504 18.2121 25.5004C18.1371 25.3504 18.0996 25.1837 18.0996 25.0004C18.0996 24.8171 18.1371 24.6504 18.2121 24.5004C18.2871 24.3504 18.4163 24.2254 18.5996 24.1254L27.0496 19.5254C27.1996 19.4421 27.3538 19.3796 27.5121 19.3379C27.6704 19.2962 27.8329 19.2754 27.9996 19.2754C28.1663 19.2754 28.3288 19.2962 28.4871 19.3379C28.6454 19.3796 28.7996 19.4421 28.9496 19.5254L38.4746 24.7254C38.6413 24.8087 38.7704 24.9296 38.8621 25.0879C38.9538 25.2462 38.9996 25.4171 38.9996 25.6004V32.0004C38.9996 32.2837 38.9038 32.5212 38.7121 32.7129C38.5204 32.9046 38.2829 33.0004 37.9996 33.0004C37.7163 33.0004 37.4788 32.9046 37.2871 32.7129C37.0954 32.5212 36.9996 32.2837 36.9996 32.0004ZM27.0496 36.4754L22.0496 33.7754C21.7163 33.5921 21.4579 33.3421 21.2746 33.0254C21.0913 32.7087 20.9996 32.3671 20.9996 32.0004V28.2004L27.0496 31.4754C27.3496 31.6421 27.6663 31.7254 27.9996 31.7254C28.3329 31.7254 28.6496 31.6421 28.9496 31.4754L34.9996 28.2004V32.0004C34.9996 32.3671 34.9079 32.7087 34.7246 33.0254C34.5413 33.3421 34.2829 33.5921 33.9496 33.7754L28.9496 36.4754C28.7996 36.5587 28.6454 36.6212 28.4871 36.6629C28.3288 36.7046 28.1663 36.7254 27.9996 36.7254C27.8329 36.7254 27.6704 36.7046 27.5121 36.6629C27.3538 36.6212 27.1996 36.5587 27.0496 36.4754Z" fill="#0F2715"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/school.svg b/services/web/public/img/website-redesign/school.svg
new file mode 100644
index 0000000..207c30a
--- /dev/null
+++ b/services/web/public/img/website-redesign/school.svg
@@ -0,0 +1,3 @@
+<svg width="50" height="42" viewBox="0 0 50 42" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M45.0004 30.3342V16.5676L26.2171 26.7759C25.5171 27.1648 24.7782 27.3592 24.0004 27.3592C23.2226 27.3592 22.4837 27.1648 21.7837 26.7759L2.06706 16.0426C1.63928 15.8092 1.33789 15.5176 1.16289 15.1676C0.987891 14.8176 0.900391 14.4287 0.900391 14.0009C0.900391 13.5731 0.987891 13.1842 1.16289 12.8342C1.33789 12.4842 1.63928 12.1926 2.06706 11.9592L21.7837 1.22591C22.1337 1.03147 22.4934 0.885634 22.8629 0.788411C23.2323 0.691189 23.6115 0.642578 24.0004 0.642578C24.3893 0.642578 24.7684 0.691189 25.1379 0.788411C25.5073 0.885634 25.8671 1.03147 26.2171 1.22591L48.4421 13.3592C48.8309 13.5537 49.1323 13.8356 49.3462 14.2051C49.5601 14.5745 49.6671 14.9731 49.6671 15.4009V30.3342C49.6671 30.9954 49.4434 31.5495 48.9962 31.9967C48.549 32.444 47.9948 32.6676 47.3337 32.6676C46.6726 32.6676 46.1184 32.444 45.6712 31.9967C45.224 31.5495 45.0004 30.9954 45.0004 30.3342ZM21.7837 40.7759L10.1171 34.4759C9.33928 34.0481 8.7365 33.4648 8.30872 32.7259C7.88095 31.987 7.66706 31.1898 7.66706 30.3342V21.4676L21.7837 29.1092C22.4837 29.4981 23.2226 29.6926 24.0004 29.6926C24.7782 29.6926 25.5171 29.4981 26.2171 29.1092L40.3337 21.4676V30.3342C40.3337 31.1898 40.1198 31.987 39.6921 32.7259C39.2643 33.4648 38.6615 34.0481 37.8837 34.4759L26.2171 40.7759C25.8671 40.9704 25.5073 41.1162 25.1379 41.2134C24.7684 41.3106 24.3893 41.3592 24.0004 41.3592C23.6115 41.3592 23.2323 41.3106 22.8629 41.2134C22.4934 41.1162 22.1337 40.9704 21.7837 40.7759Z" fill="#4354A3"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/science-lab.png b/services/web/public/img/website-redesign/science-lab.png
new file mode 100644
index 0000000..de5c57b
Binary files /dev/null and b/services/web/public/img/website-redesign/science-lab.png differ
diff --git a/services/web/public/img/website-redesign/scientist-doll.png b/services/web/public/img/website-redesign/scientist-doll.png
new file mode 100644
index 0000000..d58ee4c
Binary files /dev/null and b/services/web/public/img/website-redesign/scientist-doll.png differ
diff --git a/services/web/public/img/website-redesign/shield-round.svg b/services/web/public/img/website-redesign/shield-round.svg
new file mode 100644
index 0000000..df52f15
--- /dev/null
+++ b/services/web/public/img/website-redesign/shield-round.svg
@@ -0,0 +1,10 @@
+<svg width="56" height="57" viewBox="0 0 56 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4" y="4.92578" width="48" height="48" rx="24" fill="#80CB9C"/>
+<rect x="4" y="4.92578" width="48" height="48" rx="24" stroke="#D8EFE1" stroke-width="8"/>
+<mask id="mask0_3314_12534" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="16" y="16" width="24" height="25">
+<rect x="16" y="16.6094" width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3314_12534)">
+<path d="M28 36.5098C29.6167 36.0098 30.9667 35.0223 32.05 33.5473C33.1333 32.0723 33.7667 30.4264 33.95 28.6098H28V20.7348L22 22.9848V28.1598C22 28.2764 22.0167 28.4264 22.05 28.6098H28V36.5098ZM28 38.5098C27.8833 38.5098 27.775 38.5014 27.675 38.4848C27.575 38.4681 27.475 38.4431 27.375 38.4098C25.125 37.6598 23.3333 36.2723 22 34.2473C20.6667 32.2223 20 30.0431 20 27.7098V22.9848C20 22.5681 20.1208 22.1931 20.3625 21.8598C20.6042 21.5264 20.9167 21.2848 21.3 21.1348L27.3 18.8848C27.5333 18.8014 27.7667 18.7598 28 18.7598C28.2333 18.7598 28.4667 18.8014 28.7 18.8848L34.7 21.1348C35.0833 21.2848 35.3958 21.5264 35.6375 21.8598C35.8792 22.1931 36 22.5681 36 22.9848V27.7098C36 30.0431 35.3333 32.2223 34 34.2473C32.6667 36.2723 30.875 37.6598 28.625 38.4098C28.525 38.4431 28.425 38.4681 28.325 38.4848C28.225 38.5014 28.1167 38.5098 28 38.5098Z" fill="#0F2715"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/arrow-grey-large.svg b/services/web/public/img/website-redesign/stickers/arrow-grey-large.svg
new file mode 100644
index 0000000..f320089
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/arrow-grey-large.svg
@@ -0,0 +1,16 @@
+<svg width="186" height="189" viewBox="0 0 186 189" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3314_12590)">
+<mask id="mask0_3314_12590" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="29" y="27" width="128" height="136">
+<path d="M131.703 162.014L156.552 49.5977L54.749 27.0954L29.9007 139.512L131.703 162.014Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_3314_12590)">
+<path d="M75.8669 149.676C74.6041 149.393 73.361 148.973 72.201 148.405L48.2304 136.914C45.3884 135.542 38.7041 132.354 36.0058 124.681C34.3956 120.103 33.2297 111.144 43.5909 102.594L63.9667 85.8257C67.6622 82.7823 72.5811 81.6489 77.451 82.7338C81.8783 83.7086 85.7657 86.3866 88.1108 90.0811C88.4696 90.6484 88.7963 91.2321 89.0821 91.8273C103.51 83.832 115.291 71.0001 121.576 55.541C124.581 48.1588 132.052 44.2022 139.75 45.9059C144.673 46.9978 149.015 50.319 151.364 54.7838C153.66 59.161 153.9 64.325 152.016 68.9431C141.505 94.7676 120.216 115.402 94.4541 126.087C94.7854 126.765 95.0797 127.468 95.3147 128.195C96.7479 132.537 96.3665 137.296 94.271 141.269C90.792 147.859 83.2315 151.319 75.8659 149.698L75.8669 149.676Z" fill="#DADBEB"/>
+<path d="M141.01 64.4486C143.298 58.8196 134.901 54.3302 132.593 59.9942C121.354 87.6116 95.2991 107.918 65.8122 111.926C69.4191 108.959 73.0173 105.987 76.6329 103.025C78.6198 101.398 79.5769 98.805 78.0828 96.4571C76.8305 94.4965 73.5118 93.3625 71.5064 95.0023C66.8754 98.8172 62.2356 102.627 57.6045 106.442C55.4453 108.214 53.2996 109.981 51.154 111.749C48.4213 114.013 45.854 116.863 47.2108 120.726C48.2072 123.575 50.8113 124.962 53.3604 126.182C55.9619 127.43 58.5547 128.674 61.1563 129.922C66.5436 132.5 71.9348 135.091 77.3173 137.677C79.6385 138.791 82.5166 138.029 83.7528 135.696C84.9206 133.484 84.0968 130.388 81.7718 129.26C77.2565 127.09 72.7275 124.924 68.1986 122.758C67.3314 122.342 66.4643 121.926 65.5971 121.51C98.5087 117.504 128.444 95.2997 140.996 64.4525L141.01 64.4486Z" fill="#13120D"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_3314_12590">
+<rect width="140.29" height="133.01" fill="white" transform="translate(185.516 65.793) rotate(119.214)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/books-pink.svg b/services/web/public/img/website-redesign/stickers/books-pink.svg
new file mode 100644
index 0000000..0c42aff
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/books-pink.svg
@@ -0,0 +1,12 @@
+<svg width="63" height="52" viewBox="0 0 63 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M62.1273 37.2645L52.9374 7.55509C51.8409 4.05935 48.5242 1.72125 44.8739 1.85863C44.1698 1.88513 43.4692 2.00409 42.7905 2.21482L36.829 4.05029C36.4441 4.17588 36.0976 4.33707 35.7511 4.49826C34.3395 3.47732 32.5912 2.87646 30.7012 2.9476L24.1047 3.19587C22.4185 3.25933 20.863 3.83639 19.5993 4.77283C18.2689 3.93402 16.6744 3.47552 14.9882 3.53898L8.39168 3.78726C3.92607 3.95533 0.430697 7.71647 0.597733 12.1546L1.57778 43.6174C1.74621 48.0925 5.5144 51.5802 9.99854 51.4115L10.1282 51.4066L16.9332 50.7801C18.5624 50.6818 20.0623 50.1068 21.2903 49.2087C22.6208 50.0475 24.2153 50.506 25.9015 50.4426L32.1274 50.2083C36.2965 50.0513 39.5684 46.7616 39.8813 42.7498L40.5193 44.911C41.5113 48.0958 44.5239 50.2417 47.8592 50.1162L48.4151 50.0952C49.1192 50.0687 49.8199 49.9498 50.48 49.7397L50.6268 49.6972L56.9216 47.3492C58.9191 46.6814 60.5558 45.305 61.5431 43.4345C62.5475 41.5264 62.7619 39.3331 62.1273 37.2645Z" fill="#F1A4A1"/>
+<path d="M9.82563 46.7879C7.89856 46.8604 6.28362 45.3656 6.21123 43.4425L5.23189 11.9981C5.1595 10.075 6.65752 8.46304 8.58459 8.39052L15.1811 8.14225C17.1082 8.06972 18.7231 9.56448 18.7955 11.4877L19.9647 42.5545C20.0371 44.4776 18.5391 46.0896 16.612 46.1621L9.82563 46.7879ZM8.69107 11.2198C8.32048 11.2338 8.03515 11.5408 8.04907 11.9106L9.02842 43.3549C9.04234 43.7248 9.34994 44.0095 9.72053 43.9956L16.5069 43.3698C16.8775 43.3558 17.1629 43.0488 17.149 42.6789L15.9797 11.6122C15.9658 11.2423 15.6582 10.9576 15.2876 10.9715L8.69107 11.2198Z" fill="black"/>
+<path d="M10.3526 17.75C9.57436 17.7793 8.92069 17.1743 8.89146 16.3976C8.86223 15.621 9.46857 14.9685 10.2468 14.9392L14.1461 14.5147C14.9243 14.4854 15.578 15.0904 15.6072 15.8671C15.6365 16.6438 15.0301 17.2962 14.2519 17.3255L10.3526 17.75Z" fill="black"/>
+<path d="M11.1959 40.1621C10.4177 40.1914 9.76401 39.5864 9.73478 38.8097C9.70555 38.033 10.3119 37.3806 11.0901 37.3513L15.2407 37.1951C16.019 37.1658 16.6726 37.7708 16.7019 38.5475C16.7311 39.3242 16.1248 39.9766 15.3465 40.0059L11.1959 40.1621Z" fill="black"/>
+<path d="M25.7348 45.8399C23.8077 45.9124 22.1928 44.4177 22.1204 42.4945L20.9512 11.4277C20.8788 9.50451 22.3768 7.89259 24.3039 7.82006L30.9004 7.57179C32.8274 7.49926 34.4424 8.99402 34.5148 10.9172L35.3134 41.9979C35.3858 43.9211 33.8878 45.533 31.9607 45.6056L25.7348 45.8399ZM25.0211 10.6079C24.317 10.6344 23.7456 11.2299 23.7728 11.9511L24.9184 42.3892C24.9323 42.759 25.2399 43.0437 25.6105 43.0298L31.8364 42.7955C32.207 42.7815 32.4923 42.4745 32.4784 42.1046L31.6797 11.0239C31.6658 10.6541 31.3582 10.3693 30.9876 10.3833L25.0211 10.6079Z" fill="black"/>
+<path d="M25.6722 16.6191C24.894 16.6484 24.2403 16.0434 24.2111 15.2667C24.1819 14.4901 24.7882 13.8376 25.5664 13.8083L29.724 13.837C30.5023 13.8077 31.1559 14.4128 31.1852 15.1894C31.2144 15.9661 30.608 16.6185 29.8298 16.6478L25.6722 16.6191Z" fill="black"/>
+<path d="M26.5367 39.5859C25.7585 39.6152 25.1048 39.0102 25.0756 38.2335C25.0464 37.4569 25.6527 36.8044 26.4309 36.7751L30.5816 36.6189C31.3598 36.5896 32.0135 37.1946 32.0427 37.9713C32.0719 38.748 31.4656 39.4004 30.6873 39.4297L26.5367 39.5859Z" fill="black"/>
+<path d="M47.6879 45.4949C46.4464 45.5417 45.3218 44.7507 44.9431 43.5612L35.9001 12.8278C35.3303 10.9974 36.3703 9.0509 38.2045 8.48188L44.166 6.64641C44.4597 6.56128 44.7548 6.51314 45.0513 6.50198C46.6263 6.4427 48.0557 7.44445 48.5204 8.94546L57.7103 38.6548C57.9853 39.5519 57.8904 40.4814 57.4578 41.3125C57.0252 42.1435 56.287 42.7454 55.4067 43.0193L49.1489 45.3659C48.8552 45.451 48.5601 45.4992 48.2637 45.5103L47.7078 45.5312L47.6879 45.4949ZM45.1564 9.29429C45.1564 9.29429 45.0452 9.29848 44.9903 9.31906L39.0288 11.1545C38.8634 11.1978 38.72 11.3328 38.6329 11.4842C38.5459 11.6357 38.5343 11.8213 38.5776 11.9863L47.4528 42.2075C47.538 42.5006 47.8236 42.6936 48.1201 42.6824L54.5625 40.3103C54.7278 40.2671 54.8719 40.1505 54.9583 39.9806C55.0454 39.8292 55.0569 39.6436 55.0136 39.4785L45.8237 9.76917C45.7384 9.47609 45.4528 9.28314 45.1564 9.29429Z" fill="black"/>
+<path d="M41.4855 16.8577C41.115 16.8716 40.7573 16.737 40.4696 16.4885C40.182 16.2401 40.039 15.8936 40.0244 15.5053C40.0008 14.8766 40.406 14.3058 41.0113 14.1163L44.9733 12.8931C45.083 12.852 45.2121 12.8286 45.3418 12.8237C45.9718 12.8 46.5437 13.2044 46.7334 13.8084C46.9651 14.5404 46.5496 15.3338 45.8161 15.5651L41.8355 16.789C41.7257 16.8301 41.5967 16.8535 41.467 16.8584L41.4855 16.8577Z" fill="black"/>
+<path d="M48.0168 38.9451C47.2351 38.882 46.6713 38.1995 46.7347 37.4193C46.7852 36.7878 47.2667 36.2697 47.8932 36.1535L51.9636 34.8522C52.0933 34.8473 52.2045 34.8431 52.3342 34.8382C52.967 34.8885 53.4861 35.369 53.6024 35.9942C53.7428 36.7667 53.2319 37.4896 52.4578 37.6299L48.3874 38.9312C48.2577 38.9361 48.1465 38.9403 48.0168 38.9451Z" fill="black"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/books-yellow.svg b/services/web/public/img/website-redesign/stickers/books-yellow.svg
new file mode 100644
index 0000000..441cf20
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/books-yellow.svg
@@ -0,0 +1,12 @@
+<svg width="63" height="52" viewBox="0 0 63 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M62.1281 37.1961L52.9381 7.48673C51.8417 3.99099 48.525 1.65289 44.8747 1.79027C44.1705 1.81677 43.4699 1.93573 42.7913 2.14646L36.8297 3.98193C36.4448 4.10753 36.0983 4.26871 35.7518 4.4299C34.3403 3.40896 32.592 2.8081 30.7019 2.87924L24.1054 3.12751C22.4192 3.19097 20.8637 3.76803 19.6001 4.70447C18.2696 3.86566 16.6751 3.40716 14.9889 3.47062L8.39241 3.7189C3.9268 3.88697 0.431429 7.64811 0.598466 12.0862L1.57851 43.549C1.74694 48.0241 5.51513 51.5119 9.99928 51.3431L10.129 51.3382L16.9339 50.7118C18.5631 50.6134 20.0631 50.0384 21.2911 49.1404C22.6215 49.9792 24.216 50.4377 25.9022 50.3742L32.1281 50.1399C36.2973 49.983 39.5691 46.6932 39.8821 42.6815L40.5201 44.8426C41.512 48.0275 44.5246 50.1733 47.8599 50.0478L48.4158 50.0269C49.1199 50.0004 49.8206 49.8814 50.4807 49.6714L50.6275 49.6288L56.9223 47.2808C58.9198 46.6131 60.5566 45.2366 61.5438 43.3662C62.5482 41.458 62.7626 39.2648 62.1281 37.1961Z" fill="#F9D38F"/>
+<path d="M9.8249 46.7195C7.89783 46.792 6.28288 45.2973 6.2105 43.3741L5.23115 11.9298C5.15877 10.0066 6.65679 8.39469 8.58386 8.32216L15.1804 8.07389C17.1074 8.00136 18.7224 9.49612 18.7948 11.4193L19.964 42.4861C20.0364 44.4093 18.5384 46.0212 16.6113 46.0937L9.8249 46.7195ZM8.69034 11.1515C8.31975 11.1654 8.03442 11.4724 8.04834 11.8423L9.02768 43.2866C9.0416 43.6564 9.34921 43.9411 9.7198 43.9272L16.5062 43.3014C16.8768 43.2875 17.1621 42.9804 17.1482 42.6106L15.979 11.5438C15.965 11.174 15.6574 10.8892 15.2868 10.9032L8.69034 11.1515Z" fill="black"/>
+<path d="M10.3526 17.6817C9.57436 17.711 8.92069 17.1059 8.89146 16.3293C8.86223 15.5526 9.46857 14.9002 10.2468 14.8709L14.1461 14.4463C14.9243 14.417 15.578 15.0221 15.6072 15.7987C15.6365 16.5754 15.0301 17.2278 14.2519 17.2571L10.3526 17.6817Z" fill="black"/>
+<path d="M11.1957 40.0937C10.4174 40.123 9.76377 39.518 9.73454 38.7413C9.7053 37.9647 10.3116 37.3122 11.0899 37.2829L15.2405 37.1267C16.0187 37.0974 16.6724 37.7025 16.7016 38.4791C16.7309 39.2558 16.1245 39.9082 15.3463 39.9375L11.1957 40.0937Z" fill="black"/>
+<path d="M25.7348 45.7715C23.8077 45.8441 22.1928 44.3493 22.1204 42.4261L20.9512 11.3593C20.8788 9.43615 22.3768 7.82423 24.3039 7.7517L30.9004 7.50343C32.8274 7.4309 34.4424 8.92566 34.5148 10.8488L35.3134 41.9296C35.3858 43.8528 33.8878 45.4647 31.9607 45.5372L25.7348 45.7715ZM25.0211 10.5395C24.317 10.566 23.7456 11.1616 23.7728 11.8828L24.9184 42.3208C24.9323 42.6907 25.2399 42.9754 25.6105 42.9614L31.8364 42.7271C32.207 42.7132 32.4923 42.4061 32.4784 42.0363L31.6797 10.9555C31.6658 10.5857 31.3582 10.301 30.9876 10.3149L25.0211 10.5395Z" fill="black"/>
+<path d="M25.6722 16.5508C24.894 16.5801 24.2403 15.975 24.2111 15.1984C24.1819 14.4217 24.7882 13.7693 25.5664 13.74L29.724 13.7687C30.5023 13.7394 31.1559 14.3444 31.1852 15.1211C31.2144 15.8977 30.608 16.5502 29.8298 16.5795L25.6722 16.5508Z" fill="black"/>
+<path d="M26.5375 39.5176C25.7592 39.5469 25.1056 38.9418 25.0763 38.1652C25.0471 37.3885 25.6534 36.7361 26.4317 36.7068L30.5823 36.5505C31.3605 36.5213 32.0142 37.1263 32.0434 37.903C32.0727 38.6796 31.4663 39.3321 30.6881 39.3614L26.5375 39.5176Z" fill="black"/>
+<path d="M47.6871 45.4266C46.4456 45.4733 45.3211 44.6823 44.9423 43.4929L35.8994 12.7595C35.3295 10.9291 36.3696 8.98254 38.2038 8.41352L44.1653 6.57805C44.459 6.49292 44.7541 6.44478 45.0505 6.43362C46.6256 6.37434 48.0549 7.37609 48.5197 8.8771L57.7096 38.5865C57.9846 39.4835 57.8897 40.413 57.457 41.2441C57.0244 42.0752 56.2863 42.677 55.4059 42.9509L49.1482 45.2975C48.8545 45.3826 48.5594 45.4308 48.2629 45.442L47.707 45.4629L47.6871 45.4266ZM45.1556 9.22594C45.1556 9.22594 45.0445 9.23012 44.9896 9.2507L39.028 11.0862C38.8627 11.1294 38.7193 11.2645 38.6322 11.4159C38.5451 11.5673 38.5336 11.7529 38.5769 11.918L47.4521 42.1392C47.5373 42.4323 47.8229 42.6252 48.1194 42.614L54.5617 40.242C54.7271 40.1987 54.8712 40.0822 54.9576 39.9123C55.0446 39.7608 55.0562 39.5752 55.0129 39.4102L45.823 9.70081C45.7377 9.40773 45.4521 9.21478 45.1556 9.22594Z" fill="black"/>
+<path d="M41.486 16.7893C41.1154 16.8033 40.7578 16.6686 40.4701 16.4202C40.1824 16.1717 40.0395 15.8253 40.0249 15.4369C40.0012 14.8082 40.4065 14.2374 41.0117 14.048L44.9738 12.8248C45.0835 12.7836 45.2125 12.7602 45.3423 12.7553C45.9723 12.7316 46.5442 13.136 46.7339 13.74C46.9655 14.472 46.5501 15.2654 45.8165 15.4967L41.836 16.7206C41.7262 16.7618 41.5972 16.7851 41.4675 16.79L41.486 16.7893Z" fill="black"/>
+<path d="M48.0163 38.8768C47.2346 38.8136 46.6708 38.1311 46.7342 37.351C46.7847 36.7195 47.2662 36.2013 47.8927 36.0852L51.9631 34.7838C52.0928 34.779 52.204 34.7748 52.3337 34.7699C52.9665 34.8201 53.4856 35.3006 53.6019 35.9258C53.7423 36.6983 53.2314 37.4213 52.4573 37.5615L48.3869 38.8628C48.2572 38.8677 48.146 38.8719 48.0163 38.8768Z" fill="black"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/cog-pen-grey.svg b/services/web/public/img/website-redesign/stickers/cog-pen-grey.svg
new file mode 100644
index 0000000..ac4a54a
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/cog-pen-grey.svg
@@ -0,0 +1,5 @@
+<svg width="62" height="52" viewBox="0 0 62 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M53.7394 8.13607C51.8507 7.08726 49.9714 6.62035 48.1494 6.74776C46.3273 6.87517 43.845 7.63133 41.7319 10.5345L41.6038 10.7166L40.9384 11.9441L39.4326 9.6561C38.2088 7.82076 36.1021 6.78719 33.9218 6.93965C33.1431 6.9941 32.3899 7.18848 31.6332 7.5563L31.3605 7.68558L31.1989 6.94111C30.4544 4.12755 27.7992 2.18762 24.837 2.34753L18.0782 2.82015C15.1392 3.08864 12.7853 5.45756 12.4862 8.56454L12.4567 9.03895L12.072 8.9084C11.3359 8.67646 10.5941 8.58662 9.83104 8.63998C7.68192 8.79026 5.724 10.1081 4.7241 12.1461L1.82115 18.3008C0.536948 20.9728 1.32767 24.224 3.82167 26.0965L4.34851 26.469L3.79069 26.9961C1.63618 29.0834 1.29005 32.4141 2.9492 34.8803L6.73376 40.6618C7.95647 42.4815 10.0643 43.5307 12.2289 43.3793C13.0076 43.3249 13.7608 43.1305 14.5176 42.7627L14.7747 42.6345L14.9363 43.379C15.6807 46.1925 18.3349 48.1168 21.2982 47.9725L29.1471 47.4237L29.2318 47.2918C29.6948 48.0939 30.3369 48.7733 31.1662 49.2192C32.0289 49.6942 33.0141 49.9087 33.9953 49.8401C34.4625 49.8074 34.9097 49.7132 35.337 49.5573L41.353 47.8613L41.551 47.7844C42.6304 47.3311 43.5278 46.5126 44.0672 45.4986L57.9368 20.0451C60.295 15.7234 58.545 10.8388 53.6938 8.15501L53.7394 8.13607Z" fill="#DADBEB"/>
+<path d="M27.2841 43.9795L21.086 44.4129C19.8223 44.4698 18.7009 43.6507 18.3819 42.4449L17.6083 38.7674C17.0913 38.5359 16.5888 38.2876 16.0986 37.9912L12.9691 39.5641C11.7728 40.1359 10.3996 39.7438 9.66659 38.6614L5.8998 32.9102C5.20017 31.8569 5.33516 30.4304 6.25821 29.5314L8.91701 27.0467C8.88062 26.7501 8.84423 26.4534 8.82341 26.1557C8.8015 25.8424 8.77958 25.529 8.78991 25.2291L5.84452 23.1678C4.78757 22.3757 4.43979 20.983 5.0016 19.8415L7.91793 13.6544C8.5076 12.4638 9.81403 11.9001 11.0305 12.2874L14.3962 13.4218C14.8415 13.0758 15.3034 12.7443 15.7687 12.4599L16.0139 8.80561C16.1399 7.4742 17.1487 6.45895 18.3935 6.35616L25.09 5.8879C26.3525 5.81536 27.4751 6.65008 27.7941 7.85589L28.5677 11.5334C29.0847 11.7649 29.5872 12.0132 30.0774 12.3096L33.2079 10.7523C34.4042 10.1806 35.7775 10.5726 36.5105 11.655L40.1029 17.1508L39.3277 18.1497C38.1091 19.7465 37.0229 21.4442 36.1155 23.2396L28.417 38.2477L29.2224 41.2617L27.2863 44.0108L27.2841 43.9795ZM16.3599 33.8949L17.2157 34.4964C17.9893 35.0406 18.8331 35.4697 19.7159 35.7859L20.6621 36.1133L21.6471 40.7995L25.4002 40.5371L24.9494 38.7894C24.8178 38.0271 24.951 37.2462 25.3099 36.5598L32.994 21.5685C33.8054 19.9687 34.747 18.4386 35.8019 16.9635L34.0495 14.2834L29.8461 16.388L28.9903 15.7865C28.2167 15.2423 27.373 14.8132 26.4746 14.4982L25.5283 14.1707L24.5434 9.48453L19.4821 9.83845L19.1611 14.6474L18.2852 15.1023C17.4394 15.5393 16.6646 16.0973 15.9743 16.7439L15.2094 17.443L10.7541 15.9438L8.50551 20.7144L12.4223 23.4636L12.3523 24.4762C12.3218 24.9349 12.3235 25.4071 12.3585 25.9085C12.3936 26.4099 12.4754 26.9081 12.5705 27.3738L12.7642 28.3522L9.28256 31.6029L12.1732 36.0142L16.3766 33.9095L16.3599 33.8949ZM22.416 32.1016L22.4004 32.1027C20.4538 32.2388 17.7526 31.6562 15.9067 28.0852C14.729 25.79 14.6182 23.31 15.6071 21.1153C16.6094 18.8881 18.6356 17.2034 21.0354 16.6105C22.5741 16.2352 24.0321 16.4954 25.2358 17.3717C26.9018 18.5935 27.9915 20.9736 28.1953 23.8879C28.5306 28.6825 26.3249 31.8283 22.416 32.1016ZM22.2576 19.9889C22.1486 19.9966 22.024 20.0053 21.886 20.0464C20.5631 20.3751 19.3786 21.3396 18.839 22.574C18.4599 23.4193 18.1938 24.7605 19.0473 26.4485C20.0629 28.4401 21.2028 28.6281 22.1684 28.5605L22.184 28.5595C24.4888 28.3983 24.8261 26.0602 24.6913 24.1329C24.5664 22.3467 23.9585 20.8147 23.1672 20.2402C22.9693 20.0966 22.7092 19.9574 22.2732 19.9878L22.2576 19.9889Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M52.052 11.2464C49.204 9.68208 46.5464 9.94663 44.5904 12.6341L41.5122 18.2972L30.7364 38.0866C30.5559 38.4141 30.5032 38.78 30.5596 39.1382L32.1084 44.95C32.1891 45.4325 32.4845 45.8527 32.9236 46.0897C33.3471 46.3277 33.8654 46.3545 34.3061 46.1662L40.2609 44.4902C40.5958 44.3565 40.8753 44.1008 41.0558 43.7733L54.9098 18.3208C56.4623 15.4568 54.9167 12.8253 52.0676 11.2453L52.052 11.2464ZM40.2494 38.5078C40.0276 38.917 38.2738 41.8107 37.8487 41.9979L35.888 42.8278C35.2036 43.1119 34.4388 42.693 34.3094 41.962L33.9424 39.8463C33.8639 39.3952 33.9412 38.9332 34.1629 38.5241L43.7329 20.9603L48.2969 23.7902L40.2661 38.5224L40.2494 38.5078ZM51.5824 17.7347L49.7937 21.0246L45.1059 18.4395L46.8534 15.2313C47.5053 14.0363 48.9497 13.4315 50.2217 13.9408C51.7504 14.5425 52.3614 16.3419 51.5991 17.7493L51.5824 17.7347Z" fill="black"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/collaborate-purple.svg b/services/web/public/img/website-redesign/stickers/collaborate-purple.svg
new file mode 100644
index 0000000..51d0d97
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/collaborate-purple.svg
@@ -0,0 +1,16 @@
+<svg width="53" height="53" viewBox="0 0 53 53" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3314_12419)">
+<path d="M47.1527 39.369C47.5087 38.568 47.7306 37.7077 47.808 36.8236C48.0807 33.7059 46.524 30.8423 44.0311 29.2936C44.3142 28.9077 44.5721 28.4318 44.782 27.8343C45.0505 27.0696 45.2108 26.1599 45.2142 25.4087C45.2162 25.0496 45.2128 24.712 45.2041 24.3924C45.1187 20.8437 43.4367 17.5256 40.6155 15.3726C38.8013 13.9858 35.8609 12.6912 35.7349 11.4081C35.7281 11.3598 35.7253 11.3083 35.7185 11.26C35.7317 11.1512 35.7489 11.0391 35.7584 10.9299C36.071 7.35745 34.1579 4.20978 31.1615 2.88455C30.4939 2.55487 29.7466 2.33919 28.9135 2.2663C28.8735 2.2628 28.8298 2.25898 28.7898 2.25548C28.7498 2.25198 28.7061 2.24816 28.6661 2.24466C27.833 2.17177 27.0596 2.25441 26.3449 2.46315C23.1636 3.25157 20.7333 6.01558 20.4208 9.58806C20.4109 9.70084 20.4086 9.81061 20.4027 9.92007C20.3877 9.96641 20.3723 10.0164 20.3609 10.063C20.014 11.3047 16.8932 12.0728 14.866 13.1198C11.7137 14.7502 9.4812 17.7258 8.78084 21.2057C8.71677 21.519 8.65475 21.8509 8.59446 22.2049C8.46373 22.9449 8.46719 23.869 8.59885 24.6687C8.70181 25.2935 8.87285 25.8107 9.0849 26.2362C6.36094 27.3285 4.33063 29.8783 4.05786 32.996C3.98052 33.88 4.05329 34.7662 4.26116 35.6165C2.47972 37.1652 1.45084 39.414 1.19813 42.3026L1.0323 44.1979C0.828921 46.5226 2.54851 48.5719 4.87317 48.7753L44.2686 52.222C46.5933 52.4253 48.6426 50.7057 48.846 48.3811L49.0118 46.4857C49.2645 43.5972 48.6418 41.2039 47.1564 39.3693L47.1527 39.369Z" fill="#B199C8"/>
+<path d="M21.2483 22.5534L33.883 23.6588C34.3123 23.6964 34.6881 23.381 34.7257 22.9517L34.9481 20.4088C35.1133 18.5207 34.5221 16.647 33.3074 15.1954C32.8792 14.6851 32.3827 14.2421 31.8392 13.8756C32.5942 13.0399 33.09 11.9395 33.1986 10.699C33.4503 7.82133 31.5304 5.29625 28.6528 5.04449C25.7752 4.79273 23.2316 6.92365 22.9795 9.80491C22.8691 11.0673 23.2154 12.2633 23.8822 13.2308C23.3167 13.4929 22.7852 13.8276 22.2989 14.2323C20.847 15.4506 20.2814 17.2231 20.1162 19.1112L19.9503 21.0065C19.8816 21.7923 20.4625 22.4847 21.2483 22.5534ZM28.4003 7.88906C29.7099 8.00364 30.4646 9.14008 30.3501 10.4497C30.2355 11.7594 29.2913 12.7472 27.9852 12.633C26.6792 12.5187 25.7062 11.3632 25.8208 10.0535C25.9354 8.74382 27.0906 7.77447 28.4003 7.88906ZM23.0247 18.6325C23.096 17.8176 23.4392 17.0374 24.0513 16.4935C24.8026 15.826 25.6818 15.5804 26.6952 15.4784C27.0317 15.4455 27.3725 15.446 27.7109 15.4756L28.584 15.552C29.9863 15.6967 30.3893 16.1608 31.1196 17.0312C31.8499 17.9016 32.2059 19.0288 32.1069 20.1602C32.084 20.4221 31.8545 20.6147 31.5926 20.5918L23.3999 19.875C23.138 19.8521 22.9454 19.6226 22.9683 19.3607L23.0317 18.6367L23.0247 18.6325Z" fill="#1D0F04"/>
+<path d="M44.7303 41.0411C44.302 40.5308 43.8056 40.0878 43.2621 39.7213C44.0171 38.8856 44.5129 37.7852 44.6214 36.5447C44.8732 33.667 42.9533 31.142 40.0756 30.8902C37.198 30.6384 34.6545 32.7693 34.4024 35.6506C34.292 36.913 34.6382 38.109 35.3051 39.0765C34.7396 39.3386 34.2081 39.6733 33.7218 40.078C32.2698 41.2963 31.7042 43.0688 31.539 44.9569L31.3732 46.8522C31.3045 47.638 31.8854 48.3304 32.6712 48.3991L45.3058 49.5045C45.7351 49.5421 46.111 49.2267 46.1485 48.7974L46.371 46.2545C46.5362 44.3664 45.9449 42.4927 44.7303 41.0411ZM39.8231 33.7348C41.1328 33.8493 41.8875 34.9858 41.7729 36.2954C41.6583 37.6051 40.7141 38.5929 39.4081 38.4787C38.1021 38.3644 37.1291 37.2089 37.2436 35.8992C37.3582 34.5895 38.5135 33.6202 39.8231 33.7348ZM43.0118 46.4371L34.8191 45.7204C34.5572 45.6975 34.3646 45.468 34.3875 45.2061L34.4509 44.4821C34.5222 43.6672 34.8654 42.8871 35.4775 42.3431C36.2287 41.6757 37.108 41.43 38.1214 41.3281C38.4578 41.2952 38.7987 41.2957 39.137 41.3253L40.0101 41.4017C41.4125 41.5463 41.8154 42.0105 42.5458 42.8809C43.2761 43.7512 43.632 44.8785 43.5331 46.0099C43.5101 46.2718 43.2807 46.4643 43.0187 46.4414L43.0118 46.4371Z" fill="#1D0F04"/>
+<path d="M15.9301 37.3307C16.685 36.4949 17.1809 35.3946 17.2894 34.154C17.5412 31.2764 15.6212 28.7513 12.7436 28.4996C9.86599 28.2478 7.32245 30.3787 7.07037 33.26C6.95993 34.5224 7.30618 35.7184 7.97303 36.6858C7.40756 36.948 6.87606 37.2827 6.38976 37.6874C4.93782 38.9057 4.37218 40.6781 4.20699 42.5662L4.04117 44.4616C3.97242 45.2474 4.55337 45.9397 5.33916 46.0085L17.9738 47.1139C18.4031 47.1514 18.7789 46.8361 18.8165 46.4068L19.039 43.8639C19.2041 41.9758 18.6129 40.1021 17.3982 38.6505C16.97 38.1401 16.4735 37.6971 15.9301 37.3307ZM12.4908 31.3478C13.8004 31.4623 14.5551 32.5988 14.4406 33.9085C14.326 35.2181 13.3818 36.2059 12.0757 36.0917C10.7697 35.9774 9.79672 34.8219 9.9113 33.5122C10.0259 32.2025 11.1811 31.2332 12.4908 31.3478ZM15.6794 44.0502L7.48676 43.3334C7.22482 43.3105 7.03228 43.081 7.0552 42.8191L7.11854 42.0951C7.18983 41.2802 7.53302 40.5001 8.14514 39.9561C8.89637 39.2887 9.77567 39.043 10.789 38.9411C11.1255 38.9082 11.4664 38.9087 11.8047 38.9383L12.6778 39.0147C14.0801 39.1594 14.4831 39.6235 15.2134 40.4939C15.9438 41.3643 16.2997 42.4915 16.2007 43.6229C16.1778 43.8848 15.9483 44.0773 15.6864 44.0544L15.6794 44.0502Z" fill="#1D0F04"/>
+<path d="M39.6665 26.5558C39.5908 27.4216 40.3092 28.1773 41.2175 28.1028C41.9265 28.0439 42.5086 27.424 42.5194 26.7138C42.6124 21.2928 41.9526 19.9521 40.2585 17.2341C39.9403 16.7224 39.3481 16.4103 38.7536 16.5013C37.6985 16.6619 37.1999 17.8353 38.21 19.4047C39.6308 21.6845 39.9186 23.6745 39.6665 26.5558Z" fill="#1D0F04"/>
+<path d="M30.2399 38.0993C29.0817 38.3902 28.6317 38.5048 27.8527 38.5687C25.9772 38.7198 24.0954 38.3572 22.4031 37.5457C22.1111 37.4065 21.8263 37.2679 21.5441 37.1406C20.8285 36.8141 19.9799 37.1284 19.653 37.8476C19.3262 38.5668 19.6445 39.4122 20.36 39.7387C21.9985 40.8718 23.0779 41.1459 24.9078 41.306C26.7377 41.4661 28.0001 41.5765 30.7937 40.6515C31.5551 40.4542 32.0157 39.6734 31.8184 38.9119C31.621 38.1505 31.0049 37.9023 30.2395 38.103L30.2399 38.0993Z" fill="#1D0F04"/>
+<path d="M12.2098 25.4692C13.2068 26.0147 13.9942 25.1011 14.063 24.3153C14.3151 21.434 14.9276 19.5448 16.7227 17.5463C17.6 16.527 17.8771 15.2462 17.1903 14.8415C16.602 14.3172 15.6999 14.3629 15.1755 14.9512C13.2712 17.6952 12.4136 17.9025 11.5792 22.705C11.4452 23.4814 11.5241 25.094 12.2134 25.4695L12.2098 25.4692Z" fill="#1D0F04"/>
+</g>
+<defs>
+<clipPath id="clip0_3314_12419">
+<rect width="48" height="48.4382" fill="white" transform="translate(4.87793 0.15625) rotate(5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/collaborate-yellow.svg b/services/web/public/img/website-redesign/stickers/collaborate-yellow.svg
new file mode 100644
index 0000000..b3e80f6
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/collaborate-yellow.svg
@@ -0,0 +1,9 @@
+<svg width="53" height="54" viewBox="0 0 53 54" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M46.4965 39.8378C46.8525 39.0368 47.0744 38.1764 47.1517 37.2924C47.4245 34.1746 45.8678 31.3111 43.3749 29.7623C43.6579 29.3765 43.9158 28.9005 44.1257 28.303C44.3943 27.5384 44.5545 26.6286 44.5579 25.8774C44.56 25.5183 44.5565 25.1808 44.5479 24.8611C44.4624 21.3125 42.7805 17.9944 39.9592 15.8413C38.145 14.4546 35.2047 13.1599 35.0786 11.8768C35.0719 11.8286 35.0691 11.777 35.0623 11.7288C35.0755 11.62 35.0926 11.5078 35.1022 11.3987C35.4147 7.8262 33.5016 4.67853 30.5053 3.3533C29.8376 3.02362 29.0903 2.80794 28.2572 2.73505C28.2172 2.73155 28.1736 2.72773 28.1336 2.72423C28.0935 2.72073 28.0499 2.71691 28.0099 2.71341C27.1768 2.64052 26.4034 2.72316 25.6886 2.9319C22.5074 3.72032 20.0771 6.48433 19.7645 10.0568C19.7546 10.1696 19.7524 10.2794 19.7465 10.3888C19.7314 10.4352 19.716 10.4851 19.7046 10.5318C19.3577 11.7735 16.2369 12.5415 14.2098 13.5886C11.0575 15.219 8.82495 18.1946 8.12459 21.6745C8.06052 21.9878 7.9985 22.3196 7.93821 22.6736C7.80748 23.4137 7.81094 24.3377 7.9426 25.1374C8.04556 25.7623 8.2166 26.2795 8.42865 26.7049C5.70469 27.7973 3.67438 30.347 3.40161 33.4647C3.32427 34.3488 3.39704 35.2349 3.60491 36.0852C1.82347 37.634 0.79459 39.8828 0.541876 42.7713L0.376051 44.6667C0.172671 46.9913 1.89226 49.0407 4.21692 49.244L43.6124 52.6907C45.937 52.8941 47.9864 51.1745 48.1898 48.8498L48.3556 46.9545C48.6083 44.0659 47.9855 41.6727 46.5001 39.8381L46.4965 39.8378Z" fill="#F9D38F"/>
+<path d="M20.5921 23.0222L33.2267 24.1276C33.656 24.1651 34.0319 23.8497 34.0694 23.4205L34.2919 20.8775C34.4571 18.9894 33.8658 17.1158 32.6512 15.6642C32.2229 15.1538 31.7265 14.7108 31.183 14.3443C31.938 13.5086 32.4338 12.4083 32.5423 11.1677C32.7941 8.29008 30.8742 5.765 27.9965 5.51324C25.1189 5.26148 22.5754 7.3924 22.3233 10.2737C22.2129 11.536 22.5591 12.7321 23.226 13.6995C22.6605 13.9616 22.129 14.2964 21.6427 14.7011C20.1907 15.9194 19.6251 17.6918 19.4599 19.5799L19.2941 21.4753C19.2254 22.2611 19.8063 22.9534 20.5921 23.0222ZM27.744 8.35781C29.0537 8.47239 29.8084 9.60883 29.6938 10.9185C29.5792 12.2282 28.635 13.216 27.329 13.1017C26.023 12.9874 25.05 11.8319 25.1645 10.5222C25.2791 9.21257 26.4344 8.24322 27.744 8.35781ZM22.3685 19.1012C22.4398 18.2863 22.7829 17.5062 23.3951 16.9622C24.1463 16.2948 25.0256 16.0491 26.0389 15.9471C26.3754 15.9143 26.7163 15.9148 27.0546 15.9444L27.9277 16.0207C29.3301 16.1654 29.733 16.6296 30.4634 17.5C31.1937 18.3703 31.5496 19.4975 31.4506 20.629C31.4277 20.8909 31.1983 21.0834 30.9363 21.0605L22.7436 20.3437C22.4817 20.3208 22.2892 20.0914 22.3121 19.8294L22.3754 19.1055L22.3685 19.1012Z" fill="#1D0F04"/>
+<path d="M44.074 41.5099C43.6458 40.9995 43.1493 40.5565 42.6058 40.19C43.3608 39.3543 43.8566 38.254 43.9652 37.0134C44.2169 34.1358 42.297 31.6107 39.4194 31.3589C36.5418 31.1072 33.9982 33.2381 33.7462 36.1194C33.6357 37.3817 33.982 38.5778 34.6488 39.5452C34.0833 39.8073 33.5518 40.1421 33.0655 40.5468C31.6136 41.7651 31.048 43.5375 30.8828 45.4256L30.717 47.321C30.6482 48.1068 31.2291 48.7991 32.0149 48.8679L44.6496 49.9733C45.0789 50.0108 45.4547 49.6954 45.4923 49.2662L45.7147 46.7232C45.8799 44.8351 45.2887 42.9615 44.074 41.5099ZM39.1669 34.2035C40.4765 34.3181 41.2312 35.4545 41.1167 36.7642C41.0021 38.0739 40.0579 39.0617 38.7518 38.9474C37.4458 38.8331 36.4728 37.6776 36.5874 36.3679C36.702 35.0583 37.8572 34.0889 39.1669 34.2035ZM42.3555 46.9059L34.1629 46.1891C33.9009 46.1662 33.7084 45.9368 33.7313 45.6748L33.7946 44.9509C33.8659 44.136 34.2091 43.3558 34.8212 42.8119C35.5725 42.1444 36.4518 41.8988 37.4651 41.7968C37.8016 41.7639 38.1425 41.7644 38.4808 41.794L39.3539 41.8704C40.7562 42.0151 41.1592 42.4792 41.8895 43.3496C42.6199 44.22 42.9758 45.3472 42.8768 46.4786C42.8539 46.7405 42.6244 46.9331 42.3625 46.9102L42.3555 46.9059Z" fill="#1D0F04"/>
+<path d="M15.2738 37.7994C16.0288 36.9637 16.5246 35.8633 16.6332 34.6228C16.8849 31.7452 14.965 29.2201 12.0874 28.9683C9.20974 28.7166 6.6662 30.8475 6.41412 33.7287C6.30368 34.9911 6.64993 36.1871 7.31678 37.1546C6.75131 37.4167 6.21981 37.7515 5.73351 38.1561C4.28157 39.3745 3.71593 41.1469 3.55074 43.035L3.38492 44.9304C3.31617 45.7162 3.89712 46.4085 4.68291 46.4772L17.3175 47.5826C17.7468 47.6202 18.1227 47.3048 18.1602 46.8755L18.3827 44.3326C18.5479 42.4445 17.9567 40.5709 16.742 39.1193C16.3137 38.6089 15.8173 38.1659 15.2738 37.7994ZM11.8345 31.8165C13.1442 31.9311 13.8989 33.0675 13.7843 34.3772C13.6697 35.6869 12.7255 36.6747 11.4195 36.5604C10.1135 36.4462 9.14047 35.2906 9.25505 33.981C9.36963 32.6713 10.5249 31.7019 11.8345 31.8165ZM15.0232 44.5189L6.83051 43.8021C6.56857 43.7792 6.37603 43.5498 6.39895 43.2878L6.46229 42.5639C6.53358 41.749 6.87677 40.9689 7.48889 40.4249C8.24012 39.7574 9.11942 39.5118 10.1328 39.4098C10.4692 39.3769 10.8101 39.3774 11.1484 39.407L12.0215 39.4834C13.4239 39.6281 13.8268 40.0923 14.5572 40.9626C15.2875 41.833 15.6434 42.9602 15.5445 44.0916C15.5215 44.3536 15.2921 44.5461 15.0301 44.5232L15.0232 44.5189Z" fill="#1D0F04"/>
+<path d="M39.0103 27.0246C38.9345 27.8904 39.6529 28.6461 40.5612 28.5716C41.2702 28.5126 41.8523 27.8927 41.8631 27.1825C41.9562 21.7616 41.2963 20.4208 39.6022 17.7029C39.2841 17.1912 38.6919 16.8791 38.0974 16.97C37.0422 17.1307 36.5437 18.3041 37.5538 19.8734C38.9746 22.1532 39.2624 24.1433 39.0103 27.0246Z" fill="#1D0F04"/>
+<path d="M29.5836 38.5681C28.4254 38.859 27.9755 38.9736 27.1964 39.0374C25.321 39.1886 23.4391 38.826 21.7469 38.0144C21.4548 37.8752 21.17 37.7367 20.8879 37.6093C20.1723 37.2828 19.3236 37.5971 18.9968 38.3164C18.6699 39.0356 18.9882 39.8809 19.7038 40.2074C21.3423 41.3406 22.4217 41.6146 24.2516 41.7747C26.0815 41.9348 27.3438 42.0453 30.1375 41.1203C30.8989 40.923 31.3594 40.1421 31.1621 39.3807C30.9648 38.6193 30.3487 38.3711 29.5833 38.5717L29.5836 38.5681Z" fill="#1D0F04"/>
+<path d="M11.5535 25.938C12.5506 26.4834 13.338 25.5699 13.4067 24.7841C13.6588 21.9028 14.2713 20.0135 16.0665 18.0151C16.9438 16.9957 17.2208 15.715 16.534 15.3103C15.9457 14.7859 15.0436 14.8316 14.5193 15.4199C12.6149 18.164 11.7573 18.3712 10.9229 23.1737C10.789 23.9502 10.8679 25.5627 11.5572 25.9383L11.5535 25.938Z" fill="#1D0F04"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/curly-braces-purple.svg b/services/web/public/img/website-redesign/stickers/curly-braces-purple.svg
new file mode 100644
index 0000000..b520c3d
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/curly-braces-purple.svg
@@ -0,0 +1,6 @@
+<svg width="52" height="56" viewBox="0 0 52 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.0768 50.3983C19.923 50.3983 19.7655 50.3853 19.6024 50.3573C16.6931 49.8565 14.3045 47.4286 13.3687 44.0213C12.7405 41.7368 12.9333 39.5267 13.1204 37.3911C13.189 36.5998 13.2557 35.8383 13.2779 35.0991C12.3329 34.3581 11.4545 33.5537 10.654 32.701C9.69966 31.6825 9.65704 30.1837 10.5502 29.0572L12.0957 27.1116C12.2069 26.9719 12.3292 26.8304 12.4515 26.6852C12.6053 26.5064 12.8295 26.2458 12.9092 26.1024C12.8981 25.3558 12.7683 24.5459 12.6312 23.6894C12.5367 23.0936 12.4366 22.4773 12.3755 21.8536C11.966 17.7499 13.4484 14.7225 16.4448 13.5439C16.7654 13.4173 17.0971 13.354 17.4269 13.354C18.6778 13.354 19.721 14.2533 19.9638 15.5436C20.2158 16.8897 19.5172 18.1726 18.2645 18.6641C17.3009 19.0421 17.729 21.7623 17.9588 23.2239C18.0199 23.6075 18.0755 23.9631 18.1144 24.2778L18.1607 24.6296C18.3349 25.9311 18.5499 27.551 17.3454 29.1987C17.0026 29.6679 16.6468 30.1241 16.2892 30.5728C16.3132 30.5933 16.3392 30.6138 16.3633 30.6343C16.4652 30.7162 16.5838 30.7907 16.7024 30.8689C17.3324 31.2841 18.3887 31.9804 18.6425 33.3601C18.9279 34.9092 18.7352 36.503 18.5647 37.9087C18.4906 38.5287 18.4202 39.1115 18.3924 39.6514C18.3498 40.4762 18.2608 44.6152 20.6624 45.0286C22.0299 45.2632 22.9379 46.438 22.8212 47.8233C22.6989 49.2681 21.4926 50.4002 20.075 50.4002L20.0768 50.3983Z" fill="#9597C9"/>
+<path d="M35.4947 49.9694C34.0771 49.9694 32.8707 48.8505 32.7484 47.4224C32.6316 46.0531 33.5396 44.8919 34.9072 44.66C37.3089 44.2533 37.2199 40.1622 37.1773 39.347C37.1495 38.8151 37.0791 38.2372 37.005 37.6244C36.8345 36.2349 36.6436 34.6578 36.9272 33.1284C37.181 31.7648 38.2373 31.0765 38.8674 30.6661C38.986 30.5888 39.1064 30.5152 39.2065 30.4342C39.2306 30.4139 39.2565 30.3937 39.2806 30.3735C38.923 29.9318 38.5672 29.4791 38.2243 29.0153C37.0198 27.3884 37.2348 25.7873 37.409 24.5009L37.4553 24.1513C37.4942 23.8403 37.5498 23.4888 37.611 23.1096C37.8407 21.665 38.2688 18.9781 37.3052 18.6026C36.0525 18.1168 35.3539 16.8488 35.6059 15.5182C35.8468 14.2447 36.8901 13.354 38.1428 13.354C38.4745 13.354 38.8044 13.4166 39.1268 13.5417C42.1233 14.7048 43.6058 17.6972 43.1963 21.7533C43.1333 22.3717 43.0351 22.979 42.9405 23.5679C42.8034 24.4144 42.6737 25.215 42.6626 25.953C42.7423 26.0928 42.9665 26.3523 43.1203 26.529C43.2445 26.6707 43.3649 26.8106 43.4761 26.9486L45.0068 28.8552C45.9148 29.987 45.8722 31.4685 44.916 32.4751C44.1173 33.318 43.237 34.113 42.292 34.8455C42.3142 35.5761 42.3809 36.3288 42.4495 37.1109C42.6366 39.2236 42.8294 41.4081 42.2012 43.6662C41.2635 47.0359 38.8766 49.4357 35.9672 49.9289C35.8042 49.9565 35.6448 49.9694 35.4928 49.9694H35.4947Z" fill="#9597C9"/>
+<path d="M17.363 15.5649C14.7744 16.5572 14.2652 19.2622 14.5151 21.7077C14.6633 23.1572 15.0577 24.6666 15.0595 26.1234C15.0595 26.947 14.3226 27.5874 13.8226 28.2006C13.3079 28.8319 12.7931 29.4651 12.2802 30.0964C12.0135 30.4248 11.9673 30.842 12.2802 31.1668C13.343 32.2734 14.5151 33.244 15.7928 34.1058C15.665 33.8881 15.5372 33.6704 15.4095 33.4508C15.6058 36.6166 14.5688 39.873 15.4484 42.9916C16.0816 45.2357 17.6722 47.3892 20.1386 47.8028C21.1126 47.9661 21.5292 46.5057 20.5497 46.3424C17.1871 45.7782 16.5316 41.8976 16.676 39.1401C16.7704 37.3205 17.2963 35.2632 16.9556 33.4508C16.8149 32.7034 15.9242 32.3678 15.3613 31.9215C14.654 31.3591 13.9985 30.7441 13.3745 30.0946V31.165C14.2503 30.0892 15.1725 29.0388 16.002 27.9303C16.8223 26.8363 16.5742 25.766 16.4112 24.4924C16.1372 22.3535 14.9892 18.092 17.7741 17.0235C18.6906 16.6715 18.2925 15.2075 17.363 15.563V15.5649Z" fill="black"/>
+<path d="M38.4599 15.5649C40.9252 16.5572 41.4102 19.2622 41.1721 21.7077C41.031 23.1572 40.6554 24.6666 40.6537 26.1234C40.6537 26.947 41.3555 27.5874 41.8317 28.2006C42.3219 28.8319 42.8122 29.4651 43.3006 30.0964C43.5546 30.4248 43.5987 30.842 43.3006 31.1668C42.2884 32.2734 41.1721 33.244 39.9553 34.1058C40.077 33.8881 40.1987 33.6704 40.3204 33.4508C40.1334 36.6166 41.121 39.873 40.2833 42.9916C39.6802 45.2357 38.1654 47.3892 35.8164 47.8028C34.8888 47.9661 34.492 46.5057 35.4249 46.3424C38.6274 45.7782 39.2517 41.8976 39.1141 39.1401C39.0242 37.3205 38.5234 35.2632 38.8479 33.4508C38.9819 32.7034 39.8301 32.3678 40.3662 31.9215C41.0399 31.3591 41.6641 30.7441 42.2584 30.0946C42.2584 30.452 42.2584 30.8094 42.2584 31.165C41.4243 30.0892 40.5461 29.0388 39.756 27.9303C38.9748 26.8363 39.2111 25.766 39.3663 24.4924C39.6273 22.3535 40.7207 18.092 38.0684 17.0235C37.1955 16.6715 37.5746 15.2075 38.4599 15.563V15.5649Z" fill="black"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/cursors-red.svg b/services/web/public/img/website-redesign/stickers/cursors-red.svg
new file mode 100644
index 0000000..ec22ff1
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/cursors-red.svg
@@ -0,0 +1,8 @@
+<svg width="52" height="56" viewBox="0 0 52 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.7446 49.9757C29.3071 49.9757 27.9692 49.2032 27.252 47.958C26.7728 47.1301 26.6056 46.1816 26.7664 45.2494C26.805 44.7409 26.924 44.2585 27.1202 43.812C28.3423 41.0512 29.7026 38.3034 31.1595 35.6567C31.867 34.3724 33.147 33.6064 34.5878 33.6064C35.9225 33.6064 37.1896 34.2746 37.9711 35.3894C38.9166 36.7388 39.6402 38.1698 40.277 39.5159C40.7369 40.484 42.2388 43.6816 42.2388 43.6816C42.8499 44.9821 42.7695 46.4782 42.0169 47.6842C41.2804 48.8674 40.0262 49.5748 38.6626 49.5748C38.0001 49.5748 37.3343 49.402 36.7329 49.0761C36.273 48.8251 35.9772 48.6686 35.7327 48.6132C35.6459 48.5936 35.4915 48.5708 35.2375 48.5708C35.0831 48.5708 34.9319 48.5806 34.7808 48.5904C34.1955 48.6393 33.4847 48.9131 32.8865 49.3205C32.2594 49.7475 31.5165 49.9757 30.7446 49.9757Z" fill="#F1A695"/>
+<path d="M48.439 12.8945C49.4262 13.9557 49.7834 15.4711 49.3677 16.8438C49.0917 17.7589 48.5137 18.5248 47.7246 19.0375C47.3285 19.3555 46.8933 19.5924 46.4322 19.7482C43.5778 20.7185 40.6391 21.5719 37.7035 22.2891C36.2812 22.6363 34.8394 22.208 33.8523 21.1436C32.9333 20.1571 32.5501 18.7682 32.8261 17.4344C33.1606 15.8184 33.7094 14.3159 34.2517 12.9335C34.6414 11.9372 35.9435 8.65965 35.9435 8.65965C36.4696 7.32591 37.6224 6.37184 39.0187 6.10899C40.389 5.85263 41.7659 6.30045 42.7043 7.30644C43.159 7.79645 43.4902 8.40653 43.6655 9.07178C43.7987 9.58126 43.8863 9.90577 44.0162 10.1264C44.0617 10.2043 44.1526 10.3341 44.328 10.5223C44.4319 10.6359 44.5455 10.743 44.6559 10.8469C45.0943 11.246 45.7795 11.5867 46.4907 11.7522C47.2343 11.9275 47.9097 12.3201 48.439 12.8913V12.8945Z" fill="#F1A695"/>
+<path d="M9.06614 11.5297C10.0848 10.5236 11.5742 10.1161 12.9508 10.4727C13.8695 10.7083 14.6529 11.2463 15.1913 12.0008C15.5201 12.3797 15.7748 12.7936 15.9457 13.2424C17.0159 16.0026 17.9766 18.852 18.7955 21.6982C19.1952 23.0798 18.8245 24.5061 17.8058 25.5153C16.8612 26.4513 15.4975 26.8779 14.1629 26.6582C12.5478 26.3908 11.0359 25.9101 9.63997 25.4294C8.63738 25.0823 5.33302 23.9299 5.33302 23.9299C3.98871 23.4619 2.99902 22.3731 2.68631 21.0137C2.38006 19.6797 2.77013 18.314 3.73726 17.3589C4.2047 16.8941 4.79788 16.547 5.4523 16.3497C5.95198 16.2 6.27114 16.1013 6.48391 15.9676C6.55805 15.9199 6.687 15.8275 6.86431 15.6493C6.97392 15.541 7.07708 15.4296 7.17379 15.315C7.55419 14.8693 7.8669 14.1848 8.00552 13.4844C8.15059 12.749 8.5181 12.0741 9.06292 11.5328L9.06614 11.5297Z" fill="#F1A695"/>
+<path d="M6.01684 21.0593C7.46678 21.5625 8.91671 22.0657 10.3699 22.5626C11.7121 23.0209 13.0706 23.4472 14.4748 23.6812C15.301 23.8158 16.1501 23.1683 15.8921 22.2837C15.079 19.4855 14.1417 16.7226 13.0837 14.0014C13.0053 13.8027 12.8779 13.636 12.731 13.495C12.5873 13.2418 12.3489 13.043 12.0321 12.9629C11.4508 12.8155 10.7324 13.1713 10.6116 13.7803C10.3797 14.9373 9.86375 16.0752 9.13551 16.9214C8.74037 17.3797 8.28645 17.8252 7.77701 18.1426C7.22185 18.4887 6.6471 18.6618 6.01031 18.8509C4.84774 19.1971 4.93265 20.6843 6.01031 21.0593H6.01684ZM10.7814 18.5336C11.1537 18.1009 11.4737 17.6297 11.7643 17.1425C12.2248 18.4246 12.6559 19.7163 13.0608 21.0176C12.3522 20.8189 11.6533 20.5945 10.9577 20.3574C10.4254 20.1747 9.8964 19.992 9.36737 19.8061C9.88334 19.4311 10.3732 19.0112 10.7847 18.5336H10.7814Z" fill="black"/>
+<path d="M39.5097 44.8655C38.8763 43.5094 38.2491 42.1501 37.6095 40.7972C37.0198 39.5464 36.3989 38.3083 35.6095 37.1724C35.1446 36.5055 34.1274 36.3747 33.6906 37.1724C32.3083 39.7027 31.0384 42.2937 29.8777 44.9357C29.7935 45.1304 29.7654 45.3346 29.7654 45.5356C29.6874 45.8132 29.7124 46.1163 29.8715 46.3939C30.1617 46.8981 30.8918 47.1438 31.391 46.8024C32.3458 46.1482 33.4784 45.7047 34.5517 45.6154C35.1352 45.5675 35.7468 45.5675 36.3084 45.6951C36.9231 45.8355 37.4285 46.1099 37.987 46.4163C39.0104 46.9779 39.9808 45.8738 39.5065 44.8623L39.5097 44.8655ZM34.5517 43.3435C34.0026 43.3882 33.4628 43.4998 32.9324 43.6434C33.5065 42.4245 34.1056 41.2184 34.7296 40.025C35.0697 40.6536 35.3879 41.2982 35.6937 41.9459C35.9277 42.4405 36.1555 42.9382 36.3895 43.4328C35.7811 43.3403 35.1633 43.2956 34.5549 43.3467L34.5517 43.3435Z" fill="black"/>
+<path d="M38.6897 9.8293C38.1403 11.2167 37.5846 12.6009 37.0384 13.9914C36.5335 15.2775 36.0636 16.573 35.7809 17.9287C35.6158 18.7237 36.2255 19.5726 37.1115 19.3572C39.9122 18.6762 42.6812 17.8717 45.4121 16.9467C45.6122 16.8802 45.7805 16.7599 45.9265 16.6237C46.1838 16.4938 46.387 16.2689 46.4791 15.9648C46.6474 15.4073 46.3203 14.6978 45.7233 14.5584C44.5865 14.2924 43.4783 13.7475 42.6685 13.0095C42.2271 12.6072 41.8048 12.1511 41.5095 11.6475C41.1856 11.0963 41.0363 10.5325 40.8712 9.90849C40.5727 8.76818 39.0961 8.79352 38.6833 9.8293H38.6897ZM41.0141 14.5426C41.4301 14.9195 41.8842 15.2458 42.3541 15.5467C41.0681 15.9426 39.7725 16.3132 38.4706 16.6585C38.6928 15.9806 38.9405 15.3091 39.2041 14.644C39.4041 14.1371 39.6074 13.6303 39.8074 13.1235C40.1599 13.6398 40.5568 14.1276 41.0141 14.5458V14.5426Z" fill="black"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/data-grey.svg b/services/web/public/img/website-redesign/stickers/data-grey.svg
new file mode 100644
index 0000000..bbc3f2c
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/data-grey.svg
@@ -0,0 +1,9 @@
+<svg width="51" height="49" viewBox="0 0 51 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.37008 15.8458C4.53317 15.8458 4.70984 15.8458 4.88652 15.8731C5.49808 15.9414 6.10963 15.9687 6.7212 15.9687C11.3691 15.9687 15.8131 14.071 19.0204 10.9036C18.8573 10.6988 18.6942 10.4804 18.5719 10.2347C17.9467 9.1015 17.838 7.68165 18.2729 6.42562C18.6942 5.23786 19.5776 4.28219 20.7192 3.81801L26.726 1.37422C27.3104 1.14213 28.2074 0.828125 29.2538 0.828125C30.6672 0.828125 31.9719 1.40153 32.9096 2.45277C34.3774 4.09106 34.2822 6.04336 34.2415 6.88981L33.9153 13.443C33.9153 13.7024 33.8609 13.9345 33.8066 14.1802C34.3502 14.1939 34.9074 14.2075 35.4238 14.2621C35.4238 13.2655 35.4238 12.2689 35.4238 11.2586C35.4238 9.57934 36.2936 8.11853 37.707 7.32669C38.4273 6.84885 39.297 6.58945 40.1804 6.58945C42.0423 6.58945 44.04 6.58945 46.0514 6.71233C48.2122 6.8352 49.911 8.36427 50.278 10.4941C50.3459 10.7944 50.3867 11.0948 50.4003 11.4224C50.4546 13.6614 50.5226 15.9141 50.5769 18.1531C50.6721 21.4023 50.7672 24.638 50.8216 27.8873C50.8623 30.9727 50.8759 33.7032 50.8216 36.2289C50.7944 37.6761 50.7536 39.1232 50.6993 40.5158C50.6993 40.6523 50.7128 40.8025 50.7264 40.9799C50.8352 42.2769 50.9982 44.4477 49.5033 46.0723C48.6743 46.9734 47.5191 47.4649 46.2552 47.4785H45.9834H45.9563C43.8362 47.4785 41.7569 47.3556 39.6504 47.2464C39.134 47.2191 38.6447 47.1099 38.1962 46.9188C36.8372 47.6423 35.2335 47.7516 34.0104 47.7516C33.0863 47.7516 32.1893 47.6833 31.537 47.6287C31.2516 47.6014 31.007 47.5877 30.8439 47.5877C29.9877 47.5877 29.1859 47.342 28.4928 46.9188C27.7589 47.3966 26.9027 47.656 26.0058 47.656C25.9378 47.656 25.8699 47.656 25.8155 47.656C25.6116 47.6833 25.3942 47.6969 25.1904 47.6969C24.5244 47.6969 23.8721 47.7242 23.2062 47.7516C22.4587 47.7789 21.7248 47.8062 20.991 47.8062H20.9638C20.1212 47.8062 19.3465 47.5741 18.6806 47.1782C17.8924 47.8608 16.8595 48.2567 15.7451 48.2567H11.8719C9.58874 48.2567 7.74047 46.6047 7.42789 44.3521C7.37353 44.0517 7.34635 43.765 7.34635 43.4647C7.34635 40.939 7.34635 38.2358 7.46866 35.5599C7.5502 33.4028 9.09949 31.6417 11.206 31.2594C11.5457 31.1775 11.8855 31.1365 12.2388 31.1365C13.2445 31.1365 14.3046 31.1365 15.3918 31.2185C15.582 31.1911 15.7859 31.1775 15.9762 31.1775C15.9082 29.5665 15.8538 27.9282 15.7859 26.2353C15.7315 25.0612 16.1257 23.969 16.8731 23.1089C13.7202 24.4195 10.3226 25.1295 6.8571 25.1295C5.94655 25.1295 5.02242 25.0749 4.12546 24.9793C1.63844 24.7062 -0.128288 22.5765 0.00761414 20.0371C0.143517 17.6343 2.01897 15.8185 4.38367 15.8185L4.37008 15.8458Z" fill="#DADBEB"/>
+<path d="M39.093 10.2141C39.2771 10.0654 39.5179 9.9707 39.8436 9.9707C41.8261 9.9707 43.7945 9.9707 45.7628 10.0789C46.4567 10.1195 46.8249 10.6063 46.8957 11.1202C46.924 11.2149 46.9524 11.3231 46.9524 11.4312C47.0798 16.8542 47.3064 22.2772 47.3914 27.7136C47.4338 30.4319 47.448 33.1501 47.3914 35.8548C47.363 37.2613 47.3205 38.6542 47.2639 40.0607C47.2214 41.0885 47.9153 43.685 46.1169 43.685C46.0744 43.685 46.0319 43.685 45.9894 43.685C45.9469 43.685 45.9186 43.685 45.8761 43.685C43.7378 43.685 41.6137 43.5768 39.4754 43.4551C38.7956 43.4145 38.4275 42.9547 38.3425 42.4408C38.3142 42.3326 38.2859 42.2244 38.2859 42.0892C38.2859 31.7842 38.3991 21.4928 38.3991 11.1878C38.3991 10.6739 38.6965 10.3494 39.0789 10.1871L39.093 10.2141ZM44.8141 41.413C45.338 31.7031 44.8424 22.0067 44.5875 12.2968C43.313 12.2562 42.0385 12.2427 40.764 12.2427C40.764 21.912 40.6649 31.5949 40.6507 41.2643C42.0385 41.3319 43.4263 41.386 44.7999 41.413H44.8141Z" fill="black"/>
+<path d="M29.3299 17.8288C29.4855 17.7192 29.6694 17.6508 29.8958 17.6234C31.8341 17.4043 33.7582 17.3084 35.6965 17.5138C36.1775 17.5686 36.5029 17.8288 36.6727 18.1711C36.7858 18.3355 36.8707 18.5409 36.8707 18.7737C37.1961 26.7572 36.8 34.7681 37.7055 42.7242C37.9601 44.9563 32.3575 44.0935 31.0701 44.0935C30.2919 44.0935 29.91 43.5047 29.9241 42.9159C29.91 42.8474 29.8958 42.7789 29.8817 42.7105C29.1035 34.7817 29.4714 26.7982 28.5801 18.8695C28.5093 18.267 28.863 17.9246 29.3157 17.8151L29.3299 17.8288ZM32.1878 41.793H35.2437C34.508 34.4531 34.791 27.0721 34.5505 19.7048C33.3903 19.6501 32.2161 19.6911 31.0559 19.787C31.7916 27.0995 31.537 34.4668 32.1878 41.793Z" fill="black"/>
+<path d="M20.072 24.7616C20.1597 24.7479 20.2328 24.7204 20.3352 24.7204C22.0899 24.5969 23.8446 24.4733 25.5993 24.2674C26.2574 24.185 26.6376 24.5557 26.7253 25.0087C26.8569 25.1735 26.93 25.3794 26.9446 25.6402C27.0616 31.4199 27.1932 37.1995 27.4272 42.9929C27.471 43.8989 26.5644 44.2421 25.8479 44.0499C25.7017 44.1048 25.5409 44.146 25.3508 44.146C23.8446 44.146 22.3385 44.2559 20.8177 44.2559C20.1451 44.2559 19.7649 43.844 19.6625 43.3635C19.5456 43.1988 19.4724 43.0066 19.4724 42.7595C19.3408 37.1308 19.1069 31.5022 18.8583 25.8736C18.829 25.1185 19.4432 24.7479 20.072 24.7616ZM21.8998 41.922C22.9088 41.8946 23.9324 41.8534 24.9413 41.8397C24.7512 36.7876 24.6196 31.7219 24.5173 26.6698C23.4644 26.7797 22.4116 26.862 21.3588 26.9307C21.5781 31.9278 21.7828 36.9249 21.8998 41.922Z" fill="black"/>
+<path d="M11.9827 34.5976C12.0899 34.5703 12.1971 34.543 12.3177 34.543C13.4167 34.543 14.5291 34.543 15.6281 34.6522C16.2848 34.4337 17.1426 34.7752 17.1426 35.6904V43.2305C17.1426 43.572 17.022 43.8315 16.8343 44.0091C16.7271 44.4599 16.3786 44.8287 15.7889 44.8287H11.9693C11.2857 44.8287 10.9239 44.3096 10.8971 43.7769C10.8703 43.6813 10.8569 43.572 10.8569 43.4627C10.8569 40.8674 10.8569 38.2857 10.9641 35.6904C10.9909 35.0211 11.4734 34.6659 11.9693 34.5976H11.9827ZM14.891 42.5475V36.8788C14.3147 36.8514 13.7518 36.8378 13.1755 36.8378C13.1219 38.7365 13.1085 40.6488 13.1085 42.5475H14.9044H14.891Z" fill="black"/>
+<path d="M4.5383 18.9928C12.1563 19.815 19.9498 16.2742 24.11 9.92208C24.9204 8.68878 26.9059 9.86904 26.0955 11.1156C21.5301 18.0778 12.9262 22.1888 4.5248 21.2738C3.05253 21.1146 3.06604 18.8337 4.55181 18.9928H4.5383Z" fill="black"/>
+<path d="M21.7013 6.87088C23.1158 6.3378 24.5163 5.80472 25.9308 5.28465C26.589 5.03761 27.2332 4.79058 27.8914 4.54354C28.7317 4.2315 29.67 4.02347 30.3703 4.73857C30.8884 5.25865 30.8744 5.96075 30.8464 6.62384C30.8184 7.28694 30.7764 7.97604 30.7344 8.65214C30.6644 10.0563 30.5803 11.4605 30.5103 12.8647C30.4823 13.4628 29.9641 13.9829 29.2919 13.9699C28.6617 13.9699 28.0735 13.4498 28.1015 12.8387C28.1715 11.6556 28.2275 10.4854 28.2976 9.30223C28.3256 8.73015 28.3536 8.14506 28.3956 7.57298C28.4096 7.27394 28.4236 6.97489 28.4376 6.67585C28.4376 6.61084 28.4376 5.93474 28.4656 5.93474V6.03876C28.5636 6.28579 28.7737 6.42881 29.1238 6.48082H29.1939C29.0678 6.51983 29.0258 6.53283 29.0958 6.51983C28.8157 6.63684 28.5356 6.72786 28.2695 6.83187L26.533 7.48197C25.3285 7.93703 24.1241 8.3921 22.9197 8.84716C22.3175 9.0682 21.6313 8.99018 21.2812 8.4051C21.0011 7.92403 21.1411 7.11791 21.7573 6.88388L21.7013 6.87088Z" fill="black"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/formatting-green.svg b/services/web/public/img/website-redesign/stickers/formatting-green.svg
new file mode 100644
index 0000000..d8cd8a3
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/formatting-green.svg
@@ -0,0 +1,14 @@
+<svg width="48" height="53" viewBox="0 0 48 53" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M11.0318 49.3047C8.37955 49.0726 5.954 47.8646 4.19279 45.8924C2.38225 43.8966 1.43145 41.1794 1.59312 38.4503L3.21367 11.7765C3.38339 9.02882 4.61832 6.51569 6.69811 4.69965C8.77097 2.88942 11.4263 1.98461 14.1804 2.15488L36.208 3.49743C36.3036 3.50579 36.3929 3.5136 36.4821 3.52141C42.1182 4.0145 46.2617 8.79061 45.9192 14.3949L45.6776 18.3312L45.6457 18.3284L44.2673 41.0596C44.1034 43.8142 42.8615 46.3331 40.7817 48.1492C38.7765 49.9203 36.0483 50.8509 33.3197 50.6828L11.3065 49.3223C11.2173 49.3145 11.1216 49.3061 11.0324 49.2983L11.0318 49.3047Z" fill="#80CB9C"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.9416 5.98877C10.3443 5.76399 7.26159 8.46881 7.0482 12.0093L5.42821 38.6768C5.32391 40.383 5.90961 42.0596 7.05772 43.3293C8.20471 44.6117 9.81409 45.3821 11.5458 45.4887L33.559 46.8492C35.2907 46.9558 36.9853 46.3845 38.2667 45.2502C39.5602 44.1235 40.3353 42.5338 40.4401 40.8212L42.0601 14.1537L42.092 14.1565C42.3065 10.6033 39.5665 7.55609 35.9819 7.33243L13.9543 5.98988L13.9416 5.98877ZM35.7938 10.2905C37.7231 10.4143 39.1993 12.0468 39.0888 13.9709L37.4688 40.6384C37.4018 41.5512 36.9863 42.4078 36.2966 43.0221L36.2838 43.0209C35.5941 43.6352 34.6807 43.9407 33.7407 43.8906L11.7275 42.5301C10.802 42.4619 9.93838 42.0523 9.31085 41.3678C8.6897 40.6839 8.37664 39.7828 8.4262 38.8491L10.0462 12.1816C10.1678 10.2778 11.8177 8.82245 13.7609 8.93464L35.7869 10.2963L35.7938 10.2905Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.5048 20.0851L12.8341 19.4998C12.0019 19.427 11.2792 20.054 11.224 20.8621C11.1521 21.684 11.7884 22.3992 12.6066 22.4555L22.2772 23.0408C23.1095 23.1136 23.3698 22.4462 23.4404 21.6394C23.5123 20.8175 23.3229 20.1414 22.5048 20.0851Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12.2844 27.566L18.0175 27.7148C18.8525 27.7572 19.5154 26.9256 19.5565 26.1009C19.5975 25.2763 18.9586 24.5915 18.1237 24.5491L12.5098 24.4568C11.6749 24.4144 10.8927 25.1896 10.8516 26.0142C10.8105 26.8389 11.4495 27.5236 12.2844 27.566Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.8173 30.0871L12.1466 29.5018C11.3144 29.429 10.5917 30.0559 10.5365 30.864C10.4646 31.686 11.1009 32.4012 11.9191 32.4574L21.5897 33.0428C22.422 33.1156 22.6823 32.4481 22.7529 31.6414C22.8248 30.8194 22.6354 30.1433 21.8173 30.0871Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21.4364 34.425L11.7658 33.8397C10.9335 33.7669 10.2109 34.3938 10.1557 35.2019C10.0838 36.0239 10.7201 36.7391 11.5382 36.7953L21.2089 37.3806C22.0411 37.4535 22.3014 36.786 22.372 35.9793C22.4439 35.1573 22.2546 34.4812 21.4364 34.425Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36.0067 21.2668L26.3361 20.6815C25.5038 20.6086 24.7812 21.2356 24.726 22.0437C24.6541 22.8657 25.2904 23.5809 26.1085 23.6371L35.7792 24.2224C36.6115 24.2952 36.8717 23.6278 36.9423 22.8211C37.0142 21.9991 36.8249 21.323 36.0067 21.2668Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M22.9266 15.2766L13.256 14.6912C12.4237 14.6184 11.7011 15.2454 11.6459 16.0535C11.574 16.8754 12.2103 17.5906 13.0285 17.6469L22.6991 18.2322C23.5314 18.305 23.7917 17.6376 23.8622 16.8308C23.9342 16.0089 23.7448 15.3328 22.9266 15.2766Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M36.4286 16.4562L26.758 15.8709C25.9257 15.7981 25.203 16.4251 25.1479 17.2332C25.076 18.0551 25.7122 18.7703 26.5304 18.8266L36.2011 19.4119C37.0333 19.4847 37.2936 18.8173 37.3642 18.0105C37.4361 17.1886 37.2468 16.5125 36.4286 16.4562Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M25.7864 28.7457L31.5195 28.8945C32.3544 28.9369 33.0173 28.1053 33.0584 27.2806C33.0995 26.456 32.4605 25.7712 31.6256 25.7288L26.0118 25.6365C25.1769 25.5941 24.3947 26.3693 24.3536 27.1939C24.3125 28.0186 24.9514 28.7033 25.7864 28.7457Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M35.3329 31.2687L25.6622 30.6834C24.83 30.6106 24.1073 31.2376 24.0522 32.0457C23.9803 32.8676 24.6165 33.5828 25.4347 33.6391L35.1054 34.2244C35.9376 34.2972 36.1979 33.6298 36.2685 32.823C36.3404 32.0011 36.1511 31.325 35.3329 31.2687Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.954 35.6086L25.2833 35.0233C24.4511 34.9504 23.7284 35.5774 23.6733 36.3855C23.6014 37.2075 24.2376 37.9227 25.0558 37.9789L34.7265 38.5642C35.5587 38.637 35.819 37.9696 35.8896 37.1629C35.9615 36.3409 35.7722 35.6648 34.954 35.6086Z" fill="black"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/globe-green.svg b/services/web/public/img/website-redesign/stickers/globe-green.svg
new file mode 100644
index 0000000..59bea06
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/globe-green.svg
@@ -0,0 +1,4 @@
+<svg width="52" height="57" viewBox="0 0 52 57" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M25.6315 48.47C14.3451 48.47 5.16992 39.2948 5.16992 28.0084C5.16992 16.722 14.3451 7.54688 25.6315 7.54688C36.9179 7.54688 46.093 16.722 46.093 28.0084C46.093 39.2948 36.9179 48.47 25.6315 48.47Z" fill="#80CBA2"/>
+<path d="M25.6299 10.0127C15.6951 10.0127 7.63477 18.073 7.63477 28.0078C7.63477 37.9426 15.6951 46.0029 25.6299 46.0029C35.5647 46.0029 43.625 37.9426 43.625 28.0078C43.625 18.073 35.5647 10.0127 25.6299 10.0127ZM31.5888 14.2155C31.352 14.5411 31.1054 14.8666 30.8587 15.1823C30.6417 15.4586 30.4246 15.7447 30.178 15.9815C30.0892 16.0703 30.0399 16.1393 29.9313 16.1985C29.8919 16.2182 29.882 16.2281 29.8721 16.238C29.5762 16.2182 29.2703 15.942 29.0138 15.8039C28.6587 15.6164 28.2936 15.4586 27.9286 15.3205C27.1788 15.0442 26.3599 14.9061 25.5608 14.8864C24.811 14.8666 24.0218 14.9653 23.3016 15.1823C22.5912 15.3895 21.9204 15.8532 21.1804 15.9716C20.2136 16.1295 19.4342 15.4093 18.8126 14.6299C20.8647 13.5841 23.1733 12.9724 25.6397 12.9724C27.7609 12.9724 29.7735 13.4164 31.5986 14.2056L31.5888 14.2155ZM16.3363 16.2182C17.3229 17.4712 18.4969 18.5762 20.1347 18.8721C22.1078 19.2273 23.6271 17.8066 25.5509 17.856C27.4156 17.9053 28.8658 19.6811 30.7699 19.0596C31.648 18.7735 32.2892 18.0927 32.8516 17.3923C33.3054 16.8299 33.7494 16.2478 34.1736 15.6559C36.5907 17.3331 38.4849 19.7009 39.5899 22.4633C38.9979 22.779 38.4159 23.1144 37.8437 23.4597C36.9459 24.0023 36.0974 24.5943 35.7719 25.6499C35.4463 26.6957 35.7719 27.8401 36.0086 28.8661C36.1369 29.4087 36.4329 30.346 36.0086 30.8491C35.8014 31.0958 35.3772 31.224 35.1207 31.4016C34.7261 31.6779 34.3906 32.0034 34.1539 32.4375C33.5718 33.5129 34.0059 34.6178 34.5485 35.5946C35.1108 36.6107 35.614 37.6762 36.2059 38.6825C34.1045 40.7741 31.3816 42.2342 28.3429 42.7867C28.5403 41.6719 28.7277 40.5472 28.8757 39.4225C29.0829 37.7946 28.8362 36.2852 27.5044 35.2098C26.942 34.756 26.5277 34.5291 26.4093 33.7694C26.2909 33.0295 26.4586 32.2599 26.4882 31.5101C26.5573 29.7836 26.1034 28.1657 24.6828 27.0903C23.3312 26.0643 21.7329 26.0248 20.1347 26.4687C19.4145 26.6661 18.6351 27.041 17.8754 26.9818C17.0467 26.9127 17.0664 26.1826 16.948 25.5118C16.5238 23.0453 14.9453 21.1314 12.7551 20.2533C13.6923 18.7044 14.8959 17.3331 16.3067 16.2182H16.3363ZM36.8078 33.8089C36.8078 33.8089 36.7782 33.8286 36.7486 33.8286C36.788 33.8286 36.7979 33.8187 36.8078 33.8089ZM10.5945 28.0078C10.5945 26.2024 10.9299 24.4857 11.512 22.8776C12.3506 23.1637 13.0905 23.7557 13.5542 24.5153C14.2547 25.6598 14.0179 27.1002 14.7184 28.2544C15.4484 29.4679 16.8494 30.0007 18.2207 29.9415C19.5624 29.8823 21.2199 28.7773 22.5123 29.2213C23.9527 29.7146 23.5087 31.5595 23.4495 32.7039C23.3805 34.016 23.5482 35.417 24.4263 36.4627C24.811 36.9264 25.5608 37.2027 25.8666 37.7058C26.1232 38.1202 26.0048 38.7911 25.9357 39.235C25.7581 40.5077 25.5213 41.7804 25.3142 43.0432C17.1651 42.8755 10.5846 36.2062 10.5846 28.0275L10.5945 28.0078ZM38.2284 36.1964C37.9719 35.6932 37.7154 35.1901 37.449 34.7066C37.2912 34.4107 37.1531 34.0555 36.9459 33.7891C36.9459 33.7891 36.9459 33.7793 36.936 33.7694C37.6069 33.6214 38.3764 32.7138 38.6625 32.1711C39.0473 31.4707 39.2051 30.6222 39.1657 29.8231C39.1065 28.8267 38.7316 27.9091 38.623 26.9226C38.6033 26.7746 38.5836 26.6069 38.623 26.4687C38.6428 26.4194 38.4652 26.5575 38.7612 26.3602C39.067 26.153 39.3926 25.9755 39.7083 25.7781C39.9451 25.64 40.1917 25.5216 40.4383 25.3835C40.5863 26.232 40.685 27.1002 40.685 27.9881C40.685 31.007 39.7773 33.8187 38.2481 36.1766L38.2284 36.1964Z" fill="black"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/house-tree-grey-large.svg b/services/web/public/img/website-redesign/stickers/house-tree-grey-large.svg
new file mode 100644
index 0000000..562505a
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/house-tree-grey-large.svg
@@ -0,0 +1,6 @@
+<svg width="190" height="204" viewBox="0 0 190 204" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M161.327 90.94L154.733 90.1374L154.765 89.6412C155.19 82.9612 152.344 79.0626 149.882 76.9514L129.542 61.1322C126.448 58.7508 122.796 57.3304 118.879 57.0813C114.695 56.8152 110.5 57.9281 106.993 60.2346L85.7127 74.2114C84.825 73.1585 83.8208 72.1365 82.7713 71.2266C80.7023 57.5276 69.3938 46.8053 55.1317 45.8982C40.8696 44.9911 29.8296 54.062 26.3168 67.8659C19.8205 72.7417 15.959 80.6212 15.3205 90.6603C14.682 100.699 17.5449 109.122 23.4496 114.748C23.9844 118.346 25.2136 121.835 26.9946 125.053C29.0532 128.71 32.7609 131.054 36.9372 131.434L36.4881 138.496C36.0389 145.558 41.3796 151.646 48.4156 152.094C53.8922 152.442 58.7555 149.225 60.8514 144.491C62.9075 146.385 65.5754 147.666 68.58 147.857L68.618 147.86L157.068 152.489C164.066 152.934 170.095 147.607 170.541 140.583L172.841 104.435C173.28 97.5258 168.16 91.5663 161.327 90.94Z" fill="#DADBEB"/>
+<path d="M103.779 92.7608C103.335 99.7462 108.259 105.77 114.763 106.184C121.266 106.597 126.915 101.246 127.359 94.2606C127.803 87.2752 122.878 81.2514 116.375 80.8378C109.871 80.4241 104.223 85.7754 103.779 92.7608ZM121.502 93.8881C121.279 97.3998 118.475 100.058 115.204 99.8496C111.933 99.6415 109.489 96.65 109.712 93.1382C109.935 89.6264 112.739 86.9686 116.01 87.1766C119.281 87.3847 121.725 90.3763 121.502 93.8881Z" fill="black"/>
+<path d="M49.023 142.551C47.2355 142.437 45.8825 140.895 45.9966 139.101L49.3737 86.0043C49.4878 84.2103 51.0253 82.8517 52.8128 82.9654C54.6003 83.0791 55.9533 84.6215 55.8392 86.4156L52.4621 139.512C52.348 141.306 50.8105 142.665 49.023 142.551Z" fill="black"/>
+<path d="M160.378 100.461L144.65 98.5791L145.255 89.0744C145.318 88.0819 145.466 85.7535 143.69 84.2608L123.675 68.7305C122.11 67.5196 120.21 66.7854 118.27 66.6621C116.14 66.5266 114.005 67.0807 112.211 68.2696L89.8144 82.9804C88.9769 83.5403 88.4622 84.4274 88.3991 85.4199L87.7946 94.9246L85.1704 94.7577C85.1704 94.7577 84.3264 94.819 83.2922 94.8682C83.7681 87.3866 79.9123 80.166 73.5917 76.2763C73.8248 65.4066 65.4383 56.1732 54.561 55.4814C43.6838 54.7896 36.0587 63.0046 34.9128 73.8163C28.1099 76.9096 25.3076 83.745 24.8293 91.2648C24.351 98.7845 26.3028 105.922 32.621 109.85C32.54 113.524 33.4576 117.109 35.2767 120.329C35.8245 121.322 36.8198 121.883 37.8847 121.951C38.4932 121.99 39.1115 121.876 39.7062 121.53C41.2526 120.632 41.7972 118.674 40.9055 117.084C39.5655 114.738 38.9723 112.055 39.1447 109.345C39.1641 109.04 39.1836 108.735 39.2054 108.391C39.4093 106.986 38.6552 105.635 37.358 105.016C32.2051 102.58 30.8999 97.2848 31.2592 91.6354C31.6185 85.986 33.5841 80.8987 39.0041 79.1355C40.3312 78.6833 41.2504 77.4387 41.2642 76.0215C41.2836 75.7162 41.3055 75.3726 41.3249 75.0673C41.8129 67.3948 42.0128 61.8503 54.1507 61.9324C61.7839 61.9963 67.5988 69.0348 67.1108 76.7073C67.0914 77.0127 67.0719 77.3181 67.0501 77.6616C66.8462 79.0667 67.6003 80.4177 68.8975 81.0368C74.0504 83.4725 77.2573 88.8887 76.8979 94.5381C76.5386 100.188 72.6714 105.154 67.2514 106.917C65.9243 107.369 65.0051 108.614 64.9913 110.031C64.9695 110.375 64.95 110.68 64.9306 110.985C64.7607 113.657 63.8325 116.243 62.206 118.401C61.1225 119.826 61.4122 121.876 62.8703 122.965C64.072 123.885 65.7195 123.798 66.8475 122.873C66.7553 124.324 66.803 125.975 66.7763 126.395L66.2349 134.907C66.1232 136.663 67.4406 138.165 69.1901 138.276L157.678 142.908C159.428 143.019 160.925 141.696 161.036 139.94L163.336 103.792C163.447 102.036 162.13 100.534 160.38 100.423L160.378 100.461ZM85.5464 130.271C85.4518 131.76 84.157 132.904 82.6738 132.81L75.0673 132.326C73.7742 132.244 72.8129 131.148 72.8954 129.85L74.1118 110.726C77.6617 108.346 80.4381 104.92 81.9505 100.953L87.3892 101.299L85.5464 130.271ZM118.538 135.091L109.068 134.489L109.716 124.297C109.804 122.923 110.977 121.886 112.346 121.973L116.91 122.263C118.241 122.348 119.238 123.484 119.153 124.82L118.5 135.088L118.538 135.091ZM135.919 136.196L124.852 135.492L125.859 119.651C125.971 117.895 124.653 116.394 122.904 116.282L106.93 115.266C105.181 115.155 103.684 116.478 103.572 118.234L102.717 134.085L91.6494 133.381L94.3224 91.3539C94.4802 88.8727 95.7693 86.6168 97.8036 85.2515L112.608 75.2319C115.282 73.409 118.822 73.5958 121.287 75.6689L135.757 87.7038C137.64 89.3183 138.669 91.7599 138.509 94.2792L135.838 136.268L135.919 136.196ZM154.186 134.177C154.073 135.358 153.099 136.254 151.948 136.334L144.362 136.733C143.183 136.658 142.293 135.644 142.368 134.46L144.056 107.931C144.16 106.29 145.65 105.081 147.278 105.3L154.206 106.239C155.682 106.448 156.745 107.742 156.651 109.23L154.186 134.177Z" fill="black"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/hub-tangerine.svg b/services/web/public/img/website-redesign/stickers/hub-tangerine.svg
new file mode 100644
index 0000000..2e6eb2e
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/hub-tangerine.svg
@@ -0,0 +1,4 @@
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.6604 33.6065C4.2953 33.7589 0.98846 29.9601 0.837178 25.6279C0.685896 21.2958 4.12319 17.6376 8.48829 17.4852M8.48829 17.4852C4.19416 17.6351 0.431298 14.0051 0.274686 9.52028C0.118074 5.0355 3.2413 1.54111 7.53542 1.39115C10.3745 1.29201 12.9826 2.71728 14.4719 5.00443C16.9113 5.33066 19.1204 6.52301 21.0738 8.53536C22.8311 10.3547 24.1286 12.5781 25.3883 14.7322C26.4084 16.4715 27.4538 18.257 28.5227 19.3598C29.4933 20.3603 30.0999 20.4332 30.5967 20.4158L34.8317 20.2679C34.7758 20.0231 34.7431 19.7656 34.7341 19.5073C34.6951 18.392 35.0963 17.3318 35.8615 16.5175C36.6266 15.7033 37.6642 15.2321 38.788 15.1929C39.9118 15.1536 40.9798 15.5512 41.7999 16.3102L46.7814 20.9203C48.5683 22.5741 48.6655 25.3565 46.9982 27.1309L42.3505 32.0773C41.5854 32.8916 40.5477 33.3628 39.4239 33.402C38.3001 33.4413 37.2321 33.0436 36.4121 32.2847C35.592 31.5258 35.1178 30.4962 35.0789 29.3809C35.0699 29.1226 35.0845 28.8635 35.1232 28.6153L30.8882 28.7632C30.3914 28.7805 29.7909 28.8838 28.8929 29.9613C27.9035 31.136 26.9856 33.0018 26.0889 34.7963C24.9826 37.033 23.8319 39.3536 22.2059 41.2911C20.4094 43.4344 18.277 44.7784 15.8663 45.274C14.552 47.6591 12.0379 49.2632 9.19877 49.3623C4.97562 49.5098 1.6754 46.2397 1.51879 41.7549C1.36217 37.2702 4.42625 33.7778 8.6494 33.6304" fill="#F1A4A1"/>
+<path d="M44.6005 22.7571L39.6523 18.1105C39.1539 17.6424 38.3787 17.6695 37.9141 18.1712C37.4496 18.6729 37.4768 19.4535 37.9757 19.9334L40.9057 22.6849L30.6409 23.0433C29.0554 23.0987 27.693 22.4713 26.3624 21.0731C25.0566 19.7096 23.9298 17.7478 22.8407 15.8557C21.6766 13.836 20.463 11.7469 18.9614 10.1653C17.1304 8.23987 15.1238 7.3508 12.8101 7.43159L12.634 7.43774C12.0072 5.31636 10.0375 3.79841 7.7473 3.87839C5.02256 3.97354 3.27979 6.26056 3.37561 9.00439C3.47143 11.7482 5.36948 13.9081 8.09423 13.8129C10.3844 13.733 12.2434 12.0813 12.7207 9.92138L12.8969 9.91523C14.4824 9.85986 15.8448 10.4872 17.1753 11.8854C18.4812 13.2489 19.608 15.2107 20.6971 17.1028C21.8612 19.1226 23.0747 21.2116 24.5763 22.7933C24.7348 22.9535 24.8924 23.0901 25.0622 23.2381L13.2354 23.6511C12.6909 21.5269 11.003 19.9991 8.71285 20.0791C5.9881 20.1742 3.85776 22.4748 3.95358 25.2186C4.0494 27.9624 6.33502 30.1088 9.05977 30.0136C11.35 29.9336 12.9389 28.2914 13.3221 26.1348L25.1489 25.7218C25.0016 25.8808 24.8422 26.0285 24.6953 26.1994C23.3077 27.882 22.2428 30.0506 21.2224 32.1466C20.268 34.1101 19.269 36.1461 18.0732 37.597C16.8434 39.0846 15.5281 39.8055 13.9426 39.8608L13.7664 39.867C13.1397 37.7456 11.17 36.2276 8.87976 36.3076C6.15501 36.4028 4.54144 38.6853 4.63725 41.4291C4.73307 44.1729 6.50194 46.3373 9.22668 46.2422C11.5169 46.1622 13.3759 44.5106 13.8531 42.3506L14.0293 42.3445C16.3312 42.2641 18.2822 41.225 19.9749 39.1884C21.3625 37.5058 22.4274 35.3372 23.4478 33.2412C24.4023 31.2777 25.4012 29.2417 26.597 27.7908C27.8268 26.3032 29.1421 25.5823 30.7276 25.527L40.9924 25.1685L38.2615 28.1176C37.7969 28.6193 37.8241 29.3999 38.323 29.8798C38.8219 30.3597 39.5966 30.3208 40.0612 29.8191L44.6732 24.8387C45.2171 24.2513 45.1845 23.317 44.6005 22.7571ZM8.00708 11.3175C6.64471 11.3651 5.88947 10.2783 5.84156 8.90643C5.79365 7.53452 6.47125 6.39778 7.83362 6.3502C9.19599 6.30263 10.3388 7.3758 10.3867 8.74771C10.4346 10.1196 9.36945 11.2699 8.00708 11.3175ZM8.96129 27.5304C7.59892 27.578 6.45611 26.5048 6.4082 25.1329C6.36029 23.761 7.42546 22.6107 8.78783 22.5631C10.1502 22.5155 10.9054 23.6022 10.9534 24.9742C11.0013 26.3461 10.3237 27.4828 8.96129 27.5304ZM9.14036 43.7704C7.77799 43.8179 7.15194 42.7267 7.10403 41.3548C7.05612 39.9829 7.60453 38.8507 8.9669 38.8031C10.3293 38.7555 11.4721 39.8287 11.52 41.2006C11.5679 42.5725 10.5027 43.7228 9.14036 43.7704Z" fill="#010101"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/lightning-yellow.svg b/services/web/public/img/website-redesign/stickers/lightning-yellow.svg
new file mode 100644
index 0000000..4d66caa
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/lightning-yellow.svg
@@ -0,0 +1,11 @@
+<svg width="51" height="63" viewBox="0 0 51 63" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3314_7299)">
+<path d="M20.7098 60.6238C19.6288 60.5671 18.5852 60.3409 17.5791 59.9451C13.5828 58.3635 11.0505 54.4286 11.2761 50.1238L11.5839 44.2509L10.8158 44.2106C7.00384 44.0109 3.70069 41.7223 2.20157 38.2132C0.674004 34.7027 1.253 30.7308 3.71712 27.8011L22.1801 5.89871C24.1577 3.54383 27.1939 2.21641 30.3232 2.3804C31.4042 2.43705 32.4762 2.66476 33.4824 3.06054C37.4517 4.61218 39.9825 8.57553 39.7569 12.8804L39.4491 18.7533L40.2172 18.7935C44.0292 18.9933 47.3323 21.2819 48.8314 24.791C50.359 28.3015 49.78 32.2734 47.3159 35.2031L28.826 57.0755C26.8184 59.4574 23.7837 60.7563 20.6829 60.5938L20.7098 60.6238Z" fill="#F9D38F"/>
+<path d="M39.8435 25.9197L31.9636 25.5067L32.6449 12.5066C32.7091 11.2807 31.9978 10.1571 30.8239 9.69534C29.6785 9.23508 28.3774 9.56712 27.587 10.4977L9.12699 32.343C8.42638 33.1925 8.25283 34.3269 8.68564 35.3215C9.11845 36.3162 10.0812 36.9956 11.1623 37.0522L19.0422 37.4652L18.3609 50.4654C18.2967 51.6913 19.008 52.8149 20.1819 53.2766C20.4619 53.377 20.7718 53.4505 21.0847 53.4669C21.9666 53.5131 22.8125 53.1572 23.4203 52.4458L41.8803 30.6004C42.5809 29.7509 42.7545 28.6165 42.3216 27.6219C41.8888 26.6272 40.9545 25.9493 39.845 25.8912L39.8435 25.9197ZM23.8626 44.0071L24.3093 35.4828C24.3915 33.9148 23.1786 32.5648 21.6139 32.4828L16.0382 32.1906L27.1702 18.9949L26.7235 27.5191C26.6413 29.0871 27.8542 30.4371 29.4188 30.5191L34.9945 30.8113L23.8626 44.0071Z" fill="#010101"/>
+</g>
+<defs>
+<clipPath id="clip0_3314_7299">
+<rect width="48" height="58.6667" fill="white" transform="translate(3.07031 0.951172) rotate(3)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/lock-grey-medium.svg b/services/web/public/img/website-redesign/stickers/lock-grey-medium.svg
new file mode 100644
index 0000000..1a55003
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/lock-grey-medium.svg
@@ -0,0 +1,5 @@
+<svg width="84" height="99" viewBox="0 0 84 99" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M71.5916 85.775C70.3876 86.223 69.0576 86.615 67.6156 87.021C66.4255 87.357 65.5155 87.609 64.5635 87.917C60.1675 89.359 55.7575 90.801 51.3335 92.201C46.8814 93.615 42.4293 95.015 37.9492 96.359L37.0533 96.625C32.0272 98.165 23.5851 100.741 15.9551 92.929C14.625 91.557 13.6031 89.947 12.917 88.113L1.12886 56.795C0.918861 56.235 0.75088 55.703 0.624878 55.157C-0.341132 51.601 -0.187106 48.2829 1.08691 45.3149C1.50691 44.3489 2.0249 43.4249 2.6409 42.5989C0.918885 35.7949 1.15693 28.6829 3.38295 21.8789C6.56099 12.1349 13.659 8.49492 18.349 6.07292C20.9251 4.74292 23.1511 3.67892 25.6151 2.74092C31.0752 0.682915 36.0033 0.0949133 40.7073 0.948914C48.4494 2.34891 54.9455 7.44492 59.5095 15.7049C59.9155 16.4329 60.2375 17.1749 61.9876 21.4029C62.0156 21.4589 62.0295 21.5149 62.0575 21.5849C66.6496 23.0409 69.2676 26.7649 69.9536 27.8709C70.4716 28.7249 70.8636 29.5229 71.1996 30.4049C75.3296 41.3809 79.6417 53.099 82.9738 65.055C83.5198 66.987 83.6458 68.989 83.3378 70.977C82.1898 78.285 78.2277 83.255 71.5636 85.761L71.5916 85.775Z" fill="#DADBEB"/>
+<path d="M59.0389 31.1895C58.3389 30.9795 57.5688 30.9935 56.7708 31.2595L56.2389 31.4415C55.6602 31.6375 54.5215 29.6681 52.8229 25.5335C51.9828 23.4895 50.9328 20.9555 50.7368 20.5915C48.6087 16.7415 44.8287 11.9395 38.9487 10.8755C36.0926 10.3575 32.9006 10.7915 29.1906 12.1775C27.1746 12.9335 25.2566 13.8715 22.9745 15.0335C18.0745 17.5535 14.7284 19.6115 12.9644 25.0015C11.1304 30.6435 11.1304 36.5515 12.9924 42.0955C14.0004 45.1195 14.2804 46.6315 13.1464 47.0655L12.3624 47.3735C11.4104 47.7655 10.7384 48.3955 10.3744 49.2495C9.82839 50.5515 10.2204 52.0075 10.3744 52.5535C10.3744 52.5675 10.4304 52.7495 10.4304 52.7635C10.4724 52.9315 10.5143 53.0855 10.5843 53.2535L22.3725 84.5715C22.5685 85.1035 22.8485 85.5515 23.1985 85.9015C26.5445 89.3315 29.7506 88.3515 34.1746 86.9935L35.0846 86.7135C39.5087 85.3835 43.9047 84.0115 48.3008 82.6115C52.6968 81.2115 57.0789 79.7835 61.4469 78.3555C62.5529 77.9915 63.617 77.6975 64.625 77.4175C69.245 76.1155 72.507 75.3175 73.431 69.4515C73.515 68.9195 73.473 68.3455 73.319 67.7715C70.085 56.1935 65.871 44.7275 61.8109 33.9615C61.7129 33.6955 61.5869 33.4435 61.4469 33.2195C61.1669 32.7715 60.2009 31.5395 59.0389 31.1895ZM19.6985 28.6135C20.3145 26.2055 22.7925 23.5735 24.7386 22.5095C27.6646 20.9135 30.7866 19.4715 34.0067 18.2255C34.0487 18.2115 34.1467 18.1555 34.1887 18.1415C34.5107 18.0155 35.9527 17.7775 37.4927 18.1135C38.9207 18.4215 40.3067 19.2195 40.5447 19.6115C44.1987 23.4755 46.4528 27.8015 47.3628 32.7295C47.3908 32.8415 47.4188 32.9535 47.4468 33.0655C47.6988 33.9335 46.9988 34.4795 44.3107 35.4875C44.0167 35.5995 43.7087 35.7115 43.4007 35.8095C36.9466 38.0355 31.2766 40.0655 26.0685 42.0115C24.7945 42.4875 23.3525 42.4175 22.1485 41.8155C21.0565 41.2695 20.2584 40.3455 19.9364 39.2115C18.9004 35.6695 18.8165 32.0995 19.7125 28.5995L19.6985 28.6135ZM64.5969 64.5235C65.339 66.9455 64.0509 69.5495 61.6709 70.4455C61.6709 70.4455 61.4889 70.5155 61.4749 70.5155C50.1488 74.2535 41.4827 77.0115 33.3766 79.4615C30.9126 80.2035 28.1686 78.8455 27.2586 76.4375L20.0905 57.4115C19.1665 54.9615 20.3984 52.2175 22.8205 51.2655C24.5425 50.5935 26.2645 49.9355 27.9865 49.2915C34.8186 46.7155 42.2667 44.0695 51.4368 40.9475C53.9008 40.1075 56.6309 41.4095 57.5269 43.8455C60.4809 51.8815 62.7209 58.4475 64.5829 64.5235H64.5969Z" fill="#1C0000"/>
+<path d="M39.9264 50.8587C33.3744 53.3227 35.8944 62.5347 41.6484 62.9127C41.6764 63.0807 41.7324 63.2627 41.8164 63.4307C42.6984 65.3207 43.3144 67.2667 43.6644 69.3247C43.9024 70.7527 45.0365 71.8727 46.5625 71.7327C47.9205 71.6067 49.2086 70.2767 48.9706 68.8347C48.5365 66.3147 47.8925 63.8647 46.8005 61.5547C46.7305 61.3867 46.6465 61.2467 46.5485 61.0927C50.6925 57.0327 46.5205 48.3947 39.9404 50.8727L39.9264 50.8587Z" fill="#1C0000"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/overleaf-green-medium.svg b/services/web/public/img/website-redesign/stickers/overleaf-green-medium.svg
new file mode 100644
index 0000000..25bc1f3
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/overleaf-green-medium.svg
@@ -0,0 +1,6 @@
+<svg width="106" height="120" viewBox="0 0 106 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Group 202">
+<path id="Vector" d="M105.018 12.715C104.756 10.5646 103.346 8.695 101.331 7.83873C93.3886 4.48194 84.4183 3.69555 77.4843 3.38925L76.475 3.35401C70.2836 3.1378 64.369 3.49262 58.9079 4.40858C43.1049 7.0725 32.423 14.6547 28.8358 25.7485C28.3596 27.2155 28.0001 28.7827 27.7668 30.4105C27.6439 30.4864 27.5293 30.5546 27.4389 30.6156C24.0562 32.8712 20.9199 35.4161 18.1128 38.181C12.3743 43.8267 8.00343 50.266 5.11849 57.3266C-0.362441 70.7521 0.323144 85.1066 6.991 96.7109C14.0822 109.052 27.5142 117.332 41.2106 117.81L44.0941 117.911C64.8524 117.561 82.5942 101.861 85.3701 81.3884C86.798 70.8126 84.0474 59.7861 77.8141 51.124C76.1544 48.8207 74.2717 46.702 72.1894 44.7848C74.0114 44.279 75.7681 43.5785 77.4425 42.7068C84.1819 39.173 88.94 33.3567 93.1451 28.2188C93.7313 27.5095 94.3094 26.7999 94.8872 26.0984C97.6244 22.8098 100.001 20.1983 102.695 18.1512C104.375 16.8786 105.258 14.7923 105.002 12.7064L105.018 12.715Z" fill="#97C597"/>
+<path id="Vector_2" d="M99.2135 12.8715C92.4249 10.0041 84.5468 9.17562 77.2525 8.84873C71.4395 8.5896 65.5689 8.83367 59.8335 9.7962C49.29 11.5772 37.6221 16.3904 34.0529 27.4287C33.6126 28.7846 33.3151 30.1856 33.1375 31.5989C33.0621 32.1496 33.1727 33.1158 32.9156 33.5879C32.6071 34.1546 31.0698 34.7745 30.4952 35.1554C27.4489 37.1902 24.5774 39.5038 21.9615 42.0748C16.9538 47.0003 12.8514 52.8716 10.194 59.3867C5.63406 70.5508 5.65883 83.3907 11.7443 93.9883C17.77 104.464 29.2259 111.921 41.4165 112.346L44.0196 112.437C62.0176 112.135 77.5445 98.5476 79.9737 80.653C81.2267 71.4103 78.849 61.8804 73.3955 54.3122C68.0339 46.8674 60.0007 41.7512 51.0826 39.6996C49.6346 39.3683 48.1519 39.1161 46.6635 39.024C46.0713 38.9873 45.3455 38.8737 44.7549 39.0215C44.2693 39.1489 43.7811 39.5809 43.3628 39.847C41.0487 41.354 38.887 43.0909 36.8647 44.969C32.3316 49.1652 28.3182 54.0933 25.5742 59.6431C25.3238 60.1556 25.9576 60.8354 26.408 60.3379C32.0369 54.159 40.7956 51.1288 49.0108 53.0998C55.9376 54.7611 61.8141 59.6336 64.7793 66.1205C67.8261 72.7948 67.4755 80.7699 63.8526 87.1471C60.4428 93.1628 54.4156 97.4271 47.6129 98.6411C39.6725 100.056 31.4093 97.161 26.0706 91.1285C20.3539 84.6657 17.8578 75.9978 19.3492 67.5093C21.7033 54.0628 31.1373 43.4057 42.12 35.9383C53.0781 28.486 65.7132 23.5302 78.5277 20.3289C68.6032 25.0506 58.5935 29.6891 49.5447 35.973C49.1502 36.2479 49.1875 36.7865 49.6379 36.9787C57.6989 40.3797 66.8289 42.1019 74.9082 37.8611C81.5006 34.4024 86.0319 28.1933 90.686 22.5979C93.3312 19.4184 96.0945 16.2991 99.4058 13.7924C99.7683 13.5164 99.5374 13.0111 99.1974 12.8709L99.2135 12.8715Z" fill="#1C0000"/>
+</g>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/pen-purple.svg b/services/web/public/img/website-redesign/stickers/pen-purple.svg
new file mode 100644
index 0000000..bb8cfaa
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/pen-purple.svg
@@ -0,0 +1,4 @@
+<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.4273 49.5706C25.9538 49.6711 24.5136 49.1304 23.4694 48.064C22.8067 47.3923 22.2361 46.7143 21.7487 46.1242C21.6984 46.0653 21.6481 46.0064 21.5978 45.9475C19.5596 48.3932 17.3208 49.0291 15.7859 49.1339C14.9417 49.1915 14.088 49.1095 13.239 48.8713C12.9718 48.7961 12.7034 48.7053 12.4197 48.6155C11.9344 48.9604 11.449 49.3052 10.9791 49.649C10.2148 50.1999 9.31081 50.5109 8.37452 50.5748C6.5787 50.6974 4.87284 49.8787 3.83068 48.3913C2.2063 46.0553 2.75564 42.8073 5.06483 41.1691C5.1384 41.1173 5.21197 41.0655 5.28553 41.0137C4.98119 39.9435 4.84462 38.8463 4.89329 37.752C5.07478 34.3109 7.09708 31.1805 10.1801 29.583C11.2963 28.9925 12.4909 28.646 13.6881 28.5643C15.6834 28.4281 17.6693 29.0562 19.2973 30.3166C20.5851 31.3353 21.5113 32.7059 21.9713 34.2486C22.0173 34.2455 22.0644 34.2578 22.0962 34.2713L31.2152 7.91762C31.6656 6.60889 32.5177 5.53769 33.6254 4.82309C34.6178 2.41757 36.8359 0.801167 39.3992 0.62622C40.3048 0.564412 41.2077 0.689808 42.0763 0.988989C45.4419 2.17753 47.3109 5.83719 46.3577 9.26866C46.435 9.49717 46.5123 9.72567 46.5588 9.95627C47.3845 10.7571 48.1636 11.7793 48.5532 12.9684C49.2148 14.9805 48.9518 17.2271 47.825 19.0184C47.0666 20.3326 46.6474 21.421 46.5177 22.4584C46.4564 22.9146 46.4442 23.4142 46.4712 24.0357C46.5564 26.8664 44.4494 29.2078 41.702 29.3953C41.4104 29.4152 41.132 29.403 40.8525 29.3753L36.5561 41.8874L36.3026 42.4658L35.8447 43.2139L35.3578 43.7615L30.8379 48.0286C30.4314 48.3993 30.0186 48.6768 29.6015 48.8923C28.9638 49.2631 28.2233 49.4851 27.4405 49.5385L27.4273 49.5706Z" fill="#C0A2CA"/>
+<path d="M27.1333 45.4902C26.8263 45.5112 26.5251 45.3915 26.2943 45.1735C25.7651 44.6485 25.2787 44.0739 24.824 43.5127C24.1529 42.7169 23.5659 42.0244 22.9106 41.4613C22.0924 40.7691 21.4858 40.4676 20.9793 40.5022C20.9026 40.5074 20.8105 40.5137 20.7359 40.55C20.2521 40.6921 19.7228 41.523 19.2904 42.1916C19.0396 42.5827 18.8294 42.8932 18.6172 43.1726C17.6804 44.3587 16.6298 45.0071 15.4787 45.0856C15.0796 45.1129 14.6599 45.0636 14.2513 44.9512C13.4976 44.7533 12.7312 44.3692 12.0167 43.8413C10.8877 44.6976 9.74134 45.524 8.60924 46.3337C8.44781 46.4538 8.25145 46.514 8.06726 46.5266C7.68354 46.5528 7.3321 46.3741 7.11033 46.062C6.76841 45.571 6.89066 44.8769 7.376 44.5321C8.39061 43.8083 9.4195 43.0679 10.432 42.313C9.38718 41.0128 8.84942 39.4598 8.91979 38.0056C9.02985 36.0032 10.2159 34.1767 12.0181 33.2432C12.658 32.9035 13.3084 32.7188 13.9531 32.6748C14.9815 32.6046 15.9585 32.912 16.8218 33.5855C17.6194 34.2013 18.1323 35.1637 18.1979 36.1255C18.2646 37.1029 17.846 37.973 17.4575 38.6074C16.8896 39.5501 16.1687 40.285 15.5172 40.9061C14.9668 41.4269 14.3999 41.9331 13.8156 42.4094C14.1528 42.6046 14.4857 42.7377 14.8001 42.8253C14.9885 42.8748 15.1441 42.8953 15.2976 42.8849C15.8195 42.8493 16.3498 42.4858 16.9039 41.7934C17.0601 41.5957 17.2273 41.3349 17.4088 41.0576C18.1054 39.9658 18.8447 38.8244 20.0832 38.4437C20.3246 38.3649 20.5691 38.3327 20.8147 38.3159C22.2575 38.2174 23.4907 39.1151 24.2926 39.7929C24.7181 40.1535 25.0997 40.5482 25.467 40.9596L25.1028 38.3349C25.0737 38.1343 25.0907 37.9305 25.1547 37.7391L34.9956 9.31016C35.2528 8.56009 35.9271 8.04651 36.7099 7.99309C36.7406 7.99099 36.7559 7.98994 36.7866 7.98785L37.2746 6.55187C37.6355 5.5142 38.5591 4.81217 39.6489 4.73779C40.0172 4.71265 40.3756 4.76612 40.7228 4.88268C42.1137 5.37999 42.8674 6.93383 42.3927 8.33773L41.9058 9.78922C42.1344 9.97623 42.3038 10.1984 42.4456 10.4693C42.678 10.9366 42.7151 11.4795 42.5494 11.9896L42.5515 12.0206C43.3682 12.4636 44.4564 13.4959 44.7099 14.2734C45.0016 15.1574 44.883 16.1318 44.3802 16.8986C43.3027 18.7333 42.7035 20.3483 42.5067 21.9826C42.4294 22.6581 42.4003 23.3614 42.4279 24.2167C42.4374 24.8083 42.0087 25.3051 41.4254 25.3449C40.7961 25.3879 40.3007 24.9074 40.2748 24.3013C40.2377 23.3064 40.2737 22.4779 40.36 21.7083C40.4986 20.5767 40.967 19.5317 41.4629 18.4381C41.8244 17.6342 42.2144 16.7971 42.5039 15.8422C42.6056 15.5236 42.6617 14.9899 42.5886 14.8234C42.4796 14.5815 42.1361 14.2932 41.8296 14.0959L32.7842 40.3978L32.7181 40.5582L32.5926 40.7538L32.464 40.9028L28.0748 45.0519C27.9441 45.17 27.7959 45.258 27.6609 45.314C27.5588 45.3989 27.3788 45.4735 27.164 45.4881L27.1333 45.4902ZM27.8403 42.2938L28.9698 41.2192C28.5141 41.0945 28.0562 40.9387 27.6106 40.7353L27.825 42.2948L27.8403 42.2938ZM14.087 34.8632C13.7494 34.8862 13.3863 34.9889 13.0142 35.1858C11.8826 35.7773 11.1422 36.9032 11.0713 38.1237C11.0274 39.0618 11.4053 40.0802 12.1299 40.9815C12.7867 40.4379 13.4271 39.8799 14.0204 39.3095C14.5851 38.7722 15.161 38.1719 15.5913 37.4723C15.8136 37.1143 16.0591 36.6456 16.0348 36.2888C16.0104 35.932 15.7998 35.5567 15.4901 35.3129C15.0503 34.9689 14.5935 34.8286 14.0717 34.8642L14.087 34.8632ZM27.7423 37.921C28.5717 38.5501 29.5837 38.9175 30.6338 38.9393L36.6413 21.4478L33.7969 20.4419L27.7577 37.9199L27.7423 37.921ZM37.3489 19.389L40.0126 11.6484L37.1979 10.6249L34.5199 18.3821L37.3642 19.388L37.3489 19.389ZM39.6712 9.13131L40.2608 7.37669C40.3248 7.18529 40.2332 6.97335 40.0294 6.92492L39.8738 6.90437C39.7357 6.9138 39.6182 6.99974 39.5653 7.12804L38.9603 8.8837L39.6558 9.13235L39.6712 9.13131Z" fill="black"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/pen-tangerine.svg b/services/web/public/img/website-redesign/stickers/pen-tangerine.svg
new file mode 100644
index 0000000..391d337
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/pen-tangerine.svg
@@ -0,0 +1,4 @@
+<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.4268 49.5081C25.9533 49.6086 24.5131 49.0679 23.4689 48.0015C22.8062 47.3298 22.2356 46.6518 21.7482 46.0617C21.6979 46.0028 21.6476 45.9439 21.5973 45.885C19.5591 48.3307 17.3203 48.9666 15.7854 49.0714C14.9412 49.129 14.0875 49.047 13.2386 48.8088C12.9713 48.7336 12.7029 48.6428 12.4192 48.553C11.9339 48.8979 11.4486 49.2427 10.9786 49.5865C10.2143 50.1374 9.31032 50.4484 8.37403 50.5123C6.57821 50.6349 4.87235 49.8162 3.83019 48.3288C2.20581 45.9928 2.75515 42.7448 5.06434 41.1066C5.13791 41.0548 5.21148 41.003 5.28505 40.9512C4.9807 39.881 4.84413 38.7838 4.8928 37.6895C5.07429 34.2484 7.09659 31.118 10.1796 29.5205C11.2958 28.93 12.4904 28.5835 13.6876 28.5018C15.6829 28.3656 17.6688 28.9937 19.2969 30.2541C20.5846 31.2728 21.5108 32.6434 21.9708 34.1861C22.0169 34.183 22.064 34.1953 22.0957 34.2088L31.2147 7.85512C31.6651 6.54639 32.5172 5.47519 33.6249 4.76059C34.6173 2.35507 36.8355 0.738667 39.3987 0.56372C40.3043 0.501912 41.2072 0.627308 42.0758 0.926489C45.4415 2.11503 47.3104 5.77469 46.3572 9.20616C46.4345 9.43467 46.5118 9.66317 46.5583 9.89377C47.384 10.6946 48.1631 11.7168 48.5527 12.9059C49.2143 14.918 48.9513 17.1646 47.8245 18.9559C47.0661 20.2701 46.6469 21.3585 46.5173 22.3959C46.4559 22.8521 46.4437 23.3517 46.4707 23.9732C46.556 26.8039 44.449 29.1453 41.7015 29.3328C41.4099 29.3527 41.1315 29.3405 40.852 29.3128L36.5556 41.8249L36.3021 42.4033L35.8443 43.1514L35.3573 43.699L30.8374 47.9661C30.4309 48.3368 30.0181 48.6143 29.601 48.8298C28.9633 49.2006 28.2228 49.4226 27.44 49.476L27.4268 49.5081Z" fill="#F1A695"/>
+<path d="M27.1337 45.4277C26.8268 45.4487 26.5256 45.329 26.2948 45.111C25.7656 44.586 25.2791 44.0114 24.8245 43.4502C24.1534 42.6544 23.5664 41.9619 22.9111 41.3988C22.0929 40.7066 21.4863 40.4051 20.9798 40.4397C20.9031 40.4449 20.811 40.4512 20.7363 40.4875C20.2526 40.6296 19.7233 41.4605 19.2909 42.1291C19.0401 42.5202 18.8299 42.8307 18.6177 43.1101C17.6809 44.2962 16.6303 44.9446 15.4791 45.0231C15.0801 45.0504 14.6604 45.0011 14.2518 44.8887C13.4981 44.6908 12.7317 44.3067 12.0171 43.7788C10.8882 44.6351 9.74183 45.4615 8.60972 46.2712C8.4483 46.3913 8.25194 46.4515 8.06775 46.4641C7.68403 46.4903 7.33259 46.3116 7.11082 45.9995C6.7689 45.5085 6.89115 44.8144 7.37649 44.4696C8.39109 43.7458 9.41999 43.0054 10.4325 42.2505C9.38767 40.9503 8.84991 39.3973 8.92028 37.9431C9.03033 35.9407 10.2164 34.1142 12.0186 33.1807C12.6585 32.841 13.3089 32.6563 13.9536 32.6123C14.982 32.5421 15.959 32.8495 16.8223 33.523C17.6199 34.1388 18.1328 35.1012 18.1984 36.063C18.2651 37.0404 17.8465 37.9105 17.458 38.5449C16.8901 39.4876 16.1692 40.2225 15.5177 40.8436C14.9673 41.3644 14.4004 41.8706 13.8161 42.3469C14.1533 42.5421 14.4862 42.6752 14.8006 42.7628C14.989 42.8123 15.1446 42.8328 15.2981 42.8224C15.82 42.7868 16.3503 42.4233 16.9044 41.7309C17.0606 41.5332 17.2278 41.2724 17.4093 40.9951C18.1058 39.9033 18.8452 38.7619 20.0837 38.3812C20.3251 38.3024 20.5696 38.2702 20.8152 38.2534C22.258 38.1549 23.4912 39.0526 24.293 39.7304C24.7186 40.091 25.1002 40.4857 25.4675 40.8971L25.1033 38.2724C25.0742 38.0718 25.0912 37.868 25.1552 37.6766L34.9961 9.24766C35.2533 8.49759 35.9276 7.98401 36.7104 7.93059C36.7411 7.92849 36.7564 7.92744 36.7871 7.92535L37.2751 6.48937C37.636 5.4517 38.5596 4.74967 39.6494 4.67529C40.0177 4.65015 40.376 4.70362 40.7233 4.82018C42.1142 5.31749 42.8679 6.87133 42.3932 8.27523L41.9063 9.72672C42.1349 9.91373 42.3043 10.1359 42.4461 10.4068C42.6785 10.8741 42.7155 11.417 42.5499 11.9271L42.552 11.9581C43.3687 12.4011 44.4569 13.4334 44.7104 14.2109C45.0021 15.0949 44.8835 16.0693 44.3807 16.8361C43.3031 18.6708 42.704 20.2858 42.5072 21.9201C42.4299 22.5956 42.4008 23.2989 42.4283 24.1542C42.4379 24.7458 42.0092 25.2426 41.4259 25.2824C40.7966 25.3254 40.3012 24.8449 40.2753 24.2388C40.2382 23.2439 40.2742 22.4154 40.3604 21.6458C40.4991 20.5142 40.9675 19.4692 41.4634 18.3756C41.8249 17.5717 42.2149 16.7346 42.5044 15.7797C42.606 15.4611 42.6621 14.9274 42.5891 14.7609C42.4801 14.519 42.1366 14.2307 41.8301 14.0334L32.7847 40.3353L32.7186 40.4957L32.5931 40.6913L32.4645 40.8403L28.0753 44.9894C27.9446 45.1075 27.7964 45.1955 27.6614 45.2515C27.5593 45.3364 27.3793 45.411 27.1644 45.4256L27.1337 45.4277ZM27.8408 42.2313L28.9703 41.1567C28.5145 41.032 28.0567 40.8762 27.6111 40.6728L27.8255 42.2323L27.8408 42.2313ZM14.0875 34.8007C13.7498 34.8237 13.3868 34.9264 13.0147 35.1233C11.8831 35.7148 11.1427 36.8407 11.0718 38.0612C11.0279 38.9993 11.4058 40.0177 12.1304 40.919C12.7872 40.3754 13.4276 39.8174 14.0209 39.247C14.5856 38.7097 15.1615 38.1094 15.5918 37.4098C15.814 37.0518 16.0596 36.5831 16.0353 36.2263C16.0109 35.8695 15.8003 35.4942 15.4906 35.2504C15.0508 34.9064 14.594 34.7661 14.0722 34.8017L14.0875 34.8007ZM27.7428 37.8585C28.5722 38.4876 29.5842 38.855 30.6343 38.8768L36.6418 21.3853L33.7974 20.3794L27.7582 37.8574L27.7428 37.8585ZM37.3494 19.3265L40.0131 11.5859L37.1984 10.5624L34.5204 18.3196L37.3647 19.3255L37.3494 19.3265ZM39.6717 9.06881L40.2612 7.31419C40.3253 7.12279 40.2337 6.91085 40.0299 6.86242L39.8743 6.84187C39.7362 6.8513 39.6187 6.93724 39.5658 7.06554L38.9608 8.8212L39.6563 9.06985L39.6717 9.06881Z" fill="black"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/pi-tangerine.svg b/services/web/public/img/website-redesign/stickers/pi-tangerine.svg
new file mode 100644
index 0000000..3425373
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/pi-tangerine.svg
@@ -0,0 +1,4 @@
+<svg width="49" height="52" viewBox="0 0 49 52" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.75182 48.5467C3.94714 48.3013 1.48177 46.2315 0.763145 43.5222C0.081807 40.9468 1.08348 38.2737 3.3266 36.7219C8.4912 33.1469 9.72405 26.5243 10.6964 19.3316C10.5004 19.3308 10.2963 19.3293 10.1018 19.3123C9.49385 19.2591 8.89371 19.1168 8.31687 18.8948C6.57822 18.2281 5.13816 16.7625 4.46028 14.9879C3.81512 13.306 3.90315 11.4596 4.70087 9.90393C8.03885 3.40015 15.2328 3.23723 19.9966 3.12309C20.5616 3.10717 21.1178 3.09867 21.643 3.0711C27.7028 2.8008 33.9038 2.87771 40.0602 3.27747C43.7971 3.6044 46.3852 6.69786 46.1088 10.3248C45.8273 14.0085 42.749 16.7041 39.103 16.4586C38.0795 16.3936 37.0391 16.3352 35.9818 16.2836C35.5218 18.367 35.1414 20.4738 34.8524 22.5641C34.4713 25.3324 34.1677 27.6827 34.1524 29.9112C35.4624 28.0083 37.6813 26.9201 40.0807 27.13C42.1964 27.3151 44.1209 28.4718 45.2326 30.2353C46.3081 31.9467 46.5171 34.0397 45.7921 35.9775C44.9073 38.3423 41.4756 46.1039 34.3202 46.5724C33.7781 46.6066 33.2396 46.6004 32.7127 46.5543C26.8845 46.0444 23.2519 41.0708 21.9126 36.9594C21.5337 35.7827 21.2777 34.6005 21.1271 33.4275C19.3462 38.7524 16.4316 43.6841 11.1443 47.3546C9.83979 48.2615 8.3177 48.6674 6.76134 48.5312L6.75182 48.5467Z" fill="#F1A695"/>
+<path d="M37.8212 33.0269C37.1809 34.7433 35.1662 38.9125 32.8025 37.9215C30.289 36.8685 29.5397 33.5766 29.449 31.159C29.3333 28.0941 29.7469 24.9529 30.1669 21.9266C30.6155 18.666 31.2566 15.4467 32.0826 12.2599C32.1568 11.9723 32.1647 11.6953 32.1299 11.439C34.559 11.4964 36.9845 11.5942 39.4044 11.7569C41.8242 11.9196 42.1621 8.15101 39.7334 7.99571C33.7723 7.60486 27.8004 7.5235 21.8385 7.79421C17.4433 7.98961 11.2482 7.4721 8.8865 12.0601C8.41444 12.9745 9.12788 14.1559 9.99684 14.4933C11.0399 14.895 11.9594 14.2811 12.4301 13.383C13.0807 12.1085 15.2564 11.9803 16.5637 11.8823C16.5602 11.9228 16.5249 11.9524 16.5213 11.9929C14.7254 21.7845 15.1604 34.2707 6.01234 40.6174C4.0125 42.0025 6.45558 44.8872 8.4385 43.5088C18.517 36.5165 18.2992 23.1345 20.2825 12.322C20.3296 12.0647 20.3089 11.8342 20.2698 11.6266C21.5993 11.5551 22.9355 11.5004 24.2622 11.4613C25.6456 11.4272 27.0402 11.4511 28.4207 11.4494C27.4138 15.3963 26.6384 19.4043 26.1615 23.4548C25.7034 27.3844 25.1382 31.6967 26.3874 35.5306C27.4438 38.7678 30.2613 42.1345 33.9991 41.8897C37.614 41.6506 40.2244 37.3947 41.3559 34.3571C42.2087 32.0794 38.6644 30.7646 37.8117 33.0424L37.8212 33.0269Z" fill="#1C0000"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/rocket-yellow-medium.svg b/services/web/public/img/website-redesign/stickers/rocket-yellow-medium.svg
new file mode 100644
index 0000000..de662ae
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/rocket-yellow-medium.svg
@@ -0,0 +1,13 @@
+<svg width="93" height="94" viewBox="0 0 93 94" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3314_7802)">
+<path d="M93.0001 13.0141C93.0535 9.59539 91.7714 6.39034 89.3677 4.01325C87.0974 1.74301 83.8924 0.434277 80.3668 0.380859C73.1821 0.514403 55.1804 2.43744 37.5259 16.7266C34.9619 15.872 31.9171 15.0974 29.0058 15.0974C28.3114 15.0974 27.6437 15.1508 26.9759 15.2309C20.2453 16.0856 12.847 22.3355 3.09828 32.1376C0.480819 34.7818 -0.587533 38.521 0.293857 42.1267C1.17525 45.7591 3.81942 48.6169 7.37169 49.7654L11.8053 51.181C11.2178 53.2108 11.1643 55.3208 11.6184 57.3507C10.4699 58.1253 9.48168 59.1402 8.76054 60.3688C3.44549 69.6367 3.28524 79.8662 3.28524 80.988C3.28524 85.9825 7.34498 90.069 12.3662 90.069C13.5147 90.069 23.7175 89.9087 33.0121 84.5937C34.2674 83.8725 35.2557 82.8576 36.0035 81.7358C36.8849 81.9495 37.793 82.0563 38.7011 82.0563C39.8763 82.0563 41.0515 81.8961 42.1732 81.5489L43.5888 85.9558C44.7373 89.5081 47.5684 92.179 51.2275 93.0604C52.0555 93.2473 52.8835 93.3542 53.7381 93.3542C56.5693 93.3542 59.2134 92.2591 61.2166 90.2559C71.0187 80.5072 77.2419 73.1089 78.0965 66.3783C78.5773 62.7459 77.6692 59.0067 76.6009 55.8283C90.8901 38.1738 92.8131 20.1988 92.9466 12.9874L93.0001 13.0141Z" fill="#F9D38F"/>
+<path d="M27.2961 74.6321C22.8891 77.1694 17.9213 78.0775 14.9833 78.398C15.3038 75.4601 16.2119 70.4922 18.7493 66.0853C19.417 64.9368 19.0163 63.4678 17.8679 62.8001C16.7194 62.1324 15.2504 62.533 14.5827 63.6815C10.0422 71.5873 9.98877 80.6149 9.98877 80.9888C9.98877 82.3242 11.0571 83.3926 12.3926 83.3926C12.7665 83.3926 21.7941 83.3392 29.6999 78.7987C30.8483 78.1309 31.249 76.662 30.5812 75.5135C29.9135 74.365 28.4445 73.9644 27.2961 74.6321Z" fill="#010101"/>
+<path d="M86.3226 12.8811C86.3493 11.3053 85.7617 9.83631 84.6399 8.71454C83.5182 7.61948 81.9423 7.05859 80.4734 7.05859C73.8229 7.19214 55.8746 9.08846 38.8878 24.3392C35.8697 23.164 31.3025 21.4012 27.8303 21.8553C22.729 22.4963 15.1971 29.4406 7.82547 36.8389C6.83724 37.8271 6.46332 39.216 6.78382 40.5514C7.10433 41.9136 8.09255 42.9552 9.42799 43.3825L21.1532 47.1485C20.2718 48.751 19.3904 50.407 18.5624 52.143C17.494 54.3331 17.9481 56.9773 19.6842 58.6867L34.6678 73.6703C35.7629 74.7654 37.2318 75.353 38.7275 75.353C39.5555 75.353 40.4102 75.166 41.2115 74.7921C42.9475 73.9374 44.6035 73.0827 46.206 72.2013L49.9719 83.9265C50.3993 85.2619 51.4676 86.2502 52.8031 86.5707C53.1236 86.6508 53.4441 86.6775 53.7379 86.6775C54.7795 86.6775 55.7677 86.2769 56.5156 85.529C63.9139 78.1574 70.8582 70.6255 71.4992 65.5241C71.9533 62.0253 70.1905 57.4848 69.0153 54.4667C84.266 37.4799 86.1623 19.5316 86.2959 12.8544L86.3226 12.8811ZM12.2324 39.2427C16.1586 35.3432 24.652 27.1169 28.4446 26.6094C30.154 26.3958 32.7982 27.197 35.0417 27.9983C31.0621 32.1114 27.216 37.0259 23.6104 42.8751L12.2057 39.216L12.2324 39.2427ZM39.1282 70.492C38.7809 70.6522 38.3536 70.5721 38.0865 70.305L23.1029 55.3214C22.8358 55.0543 22.7557 54.6269 22.9159 54.2797C41.5587 15.5787 71.7663 12.0264 80.5802 11.8662C80.9007 11.8662 81.1144 11.9997 81.2212 12.1333C81.328 12.2401 81.4883 12.4538 81.4883 12.801C81.328 21.6149 77.7758 51.8225 39.1015 70.492H39.1282ZM66.745 64.9365C66.2643 68.7292 58.0113 77.2493 54.1118 81.1488L50.4527 69.7441C56.3019 66.1384 61.2163 62.2924 65.3295 58.3128C66.1575 60.5563 66.9587 63.2272 66.7183 64.9365H66.745Z" fill="#010101"/>
+<path d="M68.214 39.4297C72.1402 35.5036 72.1402 29.0934 68.214 25.1673C64.3946 21.3479 57.7441 21.3479 53.9515 25.1673C52.0552 27.0636 50.9868 29.6009 50.9868 32.2985C50.9868 34.9961 52.0285 37.5334 53.9515 39.4297C55.8478 41.3261 58.3852 42.3944 61.0827 42.3944C63.7803 42.3944 66.3177 41.3528 68.214 39.4297ZM64.822 36.0377C62.8188 38.0409 59.3467 38.0409 57.3435 36.0377C56.3553 35.0495 55.7944 33.7141 55.7944 32.2985C55.7944 30.8829 56.3553 29.5742 57.3435 28.5593C58.3317 27.571 59.6672 27.0102 61.0827 27.0102C62.4983 27.0102 63.807 27.571 64.822 28.5593C66.8785 30.6158 66.8785 33.9544 64.822 36.0377Z" fill="#010101"/>
+</g>
+<defs>
+<clipPath id="clip0_3314_7802">
+<rect width="93" height="93" fill="white" transform="translate(0 0.380859)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/rocket-yellow.svg b/services/web/public/img/website-redesign/stickers/rocket-yellow.svg
new file mode 100644
index 0000000..db00ebd
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/rocket-yellow.svg
@@ -0,0 +1,6 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M47.5406 6.75684C47.5672 5.05176 46.9278 3.45326 45.729 2.2677C44.5967 1.13542 42.9982 0.482696 41.2398 0.456055C37.6565 0.522659 28.6782 1.48176 19.8731 8.60844C18.5943 8.18217 17.0757 7.79587 15.6237 7.79587C15.2774 7.79587 14.9444 7.82251 14.6113 7.86247C11.2545 8.28874 7.56459 11.4058 2.70247 16.2946C1.39702 17.6134 0.864185 19.4783 1.30377 21.2766C1.74336 23.0883 3.06213 24.5136 4.83381 25.0864L7.04508 25.7924C6.75202 26.8048 6.72538 27.8571 6.95183 28.8695C6.37903 29.2558 5.88616 29.762 5.5265 30.3748C2.87564 34.9971 2.79571 40.099 2.79571 40.6585C2.79571 43.1495 4.82049 45.1876 7.32482 45.1876C7.89762 45.1876 12.9862 45.1077 17.6219 42.4568C18.248 42.0972 18.7408 41.591 19.1138 41.0315C19.5534 41.1381 20.0063 41.1913 20.4592 41.1913C21.0453 41.1913 21.6315 41.1114 22.1909 40.9383L22.8969 43.1362C23.4697 44.9079 24.8818 46.24 26.7067 46.6796C27.1197 46.7728 27.5326 46.8261 27.9589 46.8261C29.3709 46.8261 30.6897 46.2799 31.6887 45.2809C36.5775 40.4187 39.6813 36.7288 40.1075 33.372C40.3473 31.5603 39.8944 29.6954 39.3616 28.1102C46.4882 19.3051 47.4473 10.3402 47.514 6.74352L47.5406 6.75684Z" fill="#F9D38F"/>
+<path d="M14.7706 38.0303C12.5727 39.2958 10.095 39.7487 8.62968 39.9085C8.78953 38.4432 9.24244 35.9656 10.5079 33.7676C10.841 33.1948 10.6411 32.4622 10.0683 32.1291C9.49554 31.7961 8.76289 31.9959 8.42987 32.5687C6.16531 36.5117 6.13867 41.0142 6.13867 41.2007C6.13867 41.8667 6.67151 42.3995 7.33755 42.3995C7.52405 42.3995 12.0265 42.3729 15.9695 40.1084C16.5423 39.7753 16.7421 39.0427 16.4091 38.4699C16.0761 37.8971 15.3434 37.6973 14.7706 38.0303Z" fill="black"/>
+<path d="M44.2098 6.69009C44.2231 5.90415 43.9301 5.17151 43.3706 4.61203C42.8111 4.06587 42.0252 3.78613 41.2925 3.78613C37.9756 3.85274 29.024 4.79852 20.5519 12.4048C19.0467 11.8186 16.7688 10.9395 15.0371 11.1659C12.4928 11.4856 8.73629 14.949 5.05972 18.6389C4.56685 19.1318 4.38036 19.8245 4.54021 20.4905C4.70006 21.1699 5.19293 21.6894 5.85898 21.9025L11.7068 23.7808C11.2673 24.58 10.8277 25.4059 10.4147 26.2718C9.88189 27.3641 10.1083 28.6829 10.9742 29.5354L18.4472 37.0084C18.9934 37.5546 19.726 37.8477 20.472 37.8477C20.8849 37.8477 21.3112 37.7544 21.7108 37.5679C22.5767 37.1416 23.4026 36.7154 24.2018 36.2758L26.0801 42.1237C26.2932 42.7897 26.8261 43.2826 27.4921 43.4424C27.652 43.4824 27.8118 43.4957 27.9583 43.4957C28.4779 43.4957 28.9707 43.2959 29.3437 42.9229C33.0336 39.2463 36.497 35.4899 36.8167 32.9456C37.0432 31.2005 36.164 28.936 35.5779 27.4307C43.1841 18.9586 44.1299 10.007 44.1965 6.67677L44.2098 6.69009ZM7.25767 19.8378C9.21584 17.893 13.4519 13.7901 15.3435 13.537C16.196 13.4305 17.5148 13.8301 18.6337 14.2297C16.6489 16.2811 14.7307 18.7322 12.9324 21.6495L7.24435 19.8245L7.25767 19.8378ZM20.6718 35.4233C20.4986 35.5032 20.2855 35.4632 20.1523 35.33L12.6793 27.857C12.5461 27.7238 12.5061 27.5106 12.586 27.3375C21.884 8.0355 36.9499 6.26382 41.3458 6.18389C41.5057 6.18389 41.6123 6.2505 41.6655 6.3171C41.7188 6.37039 41.7987 6.47695 41.7987 6.65012C41.7188 11.046 39.9471 26.1119 20.6585 35.4233H20.6718ZM34.4456 32.6525C34.2058 34.5441 30.0897 38.7934 28.1448 40.7383L26.3199 35.0503C29.2371 33.2519 31.6882 31.3337 33.7396 29.3489C34.1526 30.4679 34.5522 31.8 34.4323 32.6525H34.4456Z" fill="black"/>
+<path d="M35.1799 20.4727C37.138 18.5145 37.138 15.3175 35.1799 13.3593C33.275 11.4544 29.9581 11.4544 28.0665 13.3593C27.1207 14.3051 26.5879 15.5706 26.5879 16.916C26.5879 18.2614 27.1074 19.5269 28.0665 20.4727C29.0123 21.4185 30.2778 21.9513 31.6232 21.9513C32.9686 21.9513 34.2341 21.4318 35.1799 20.4727ZM33.4881 18.7809C32.489 19.78 30.7573 19.78 29.7583 18.7809C29.2654 18.2881 28.9857 17.622 28.9857 16.916C28.9857 16.21 29.2654 15.5573 29.7583 15.0511C30.2511 14.5582 30.9172 14.2785 31.6232 14.2785C32.3292 14.2785 32.9819 14.5582 33.4881 15.0511C34.5138 16.0768 34.5138 17.7419 33.4881 18.7809Z" fill="black"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/support-tangerine.svg b/services/web/public/img/website-redesign/stickers/support-tangerine.svg
new file mode 100644
index 0000000..6a4ca7a
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/support-tangerine.svg
@@ -0,0 +1,4 @@
+<svg width="52" height="53" viewBox="0 0 52 53" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.5175 50.897C23.6475 51.2356 20.315 50.7884 16.9719 49.472C16.2736 49.7301 15.5179 49.8947 14.7699 49.9601C12.4446 50.1636 10.1696 49.4433 8.38472 47.9578C5.96315 45.9369 4.8813 42.7482 5.38899 39.7488C3.54574 36.6595 2.44594 33.0784 2.09245 29.0379C1.73896 24.9975 2.21217 21.2295 3.49097 17.867C2.61592 15.1692 3.26282 12.0754 5.35602 9.59396C6.98933 7.66163 9.13152 6.48921 11.3918 6.29146C11.9934 6.23883 12.617 6.24994 13.2152 6.34535C16.3511 4.54424 20.3746 3.33854 24.5699 2.97151C28.7651 2.60447 31.6375 3.22326 34.5287 4.43141C35.2285 4.1896 35.9517 4.02783 36.6996 3.96239C39.0249 3.75896 41.2999 4.47926 43.0848 5.96479C45.5064 7.98561 46.5882 11.1743 46.0805 14.1738C47.9238 17.263 49.0236 20.8442 49.3771 24.8846C49.7306 28.9251 49.2708 32.6591 47.9905 36.0052C49.0113 38.8709 48.4997 42.199 46.4658 44.6097C44.9674 46.3989 42.8506 47.487 40.5254 47.6904C39.7611 47.7573 38.9883 47.7264 38.2395 47.5949C35.1553 49.4243 31.5488 50.5279 27.5161 50.8807L27.5175 50.897Z" fill="#F1A4A1"/>
+<path d="M45.0891 25.009C44.7297 20.9015 43.497 17.3815 41.4143 14.5296C42.3838 12.6309 41.9626 10.2273 40.262 8.77653C38.5439 7.31084 36.1307 7.35707 34.4745 8.63977C31.3357 7.06752 28.9356 6.33757 24.8784 6.69253C20.8212 7.0475 16.7329 8.3451 13.9147 10.4385C12.0771 9.46149 10.027 10.1355 8.58953 11.8773C7.15203 13.6191 6.85371 15.7724 8.11925 17.4426C6.56337 20.6128 5.96064 24.2933 6.32 28.4008C6.67936 32.5083 7.91205 36.0283 9.9948 38.8802C9.02528 40.7789 9.44647 43.1825 11.1456 44.6169C12.8637 46.0826 15.277 46.0364 16.9331 44.7537C20.072 46.3259 23.0838 47.0023 27.141 46.6474C31.1983 46.2924 34.6748 45.0483 37.493 42.9549C39.3306 43.9319 41.7152 43.5584 43.1688 41.8152C44.6063 40.0735 44.5715 37.636 43.3045 35.9495C44.8604 32.7792 45.4631 29.0987 45.1038 24.9912L45.0891 25.009ZM35.8463 29.5113C36.1486 28.3306 36.2666 27.0835 36.1535 25.7907C36.0404 24.4979 35.7076 23.2903 35.2049 22.18L39.4176 17.1118C40.8635 19.3599 41.7201 22.1047 41.9979 25.2794C42.2756 28.4542 41.8925 31.3074 40.8751 33.771L35.8463 29.5113ZM26.064 34.5226C21.8136 34.8945 19.3029 31.6018 18.9264 27.2979C18.5499 22.994 20.5211 19.9358 24.7555 19.5654C28.9898 19.1949 31.4621 21.8643 31.8387 26.1682C32.2152 30.4721 30.2984 34.1522 26.064 34.5226ZM11.9754 36.2994C10.5295 34.0513 9.67288 31.3065 9.39513 28.1318C9.11737 24.9571 9.50045 22.1038 10.5179 19.6402L15.5467 23.8999C15.2444 25.0806 15.1264 26.3277 15.2395 27.6205C15.3526 28.9133 15.6854 30.1209 16.1881 31.2312L11.9754 36.2994ZM38.2818 11.1759C38.9305 11.7293 39.0164 12.7112 38.4751 13.3851L33.4409 19.4486C32.7561 18.6675 31.9511 17.9959 31.0742 17.4295L36.1083 11.3661C36.651 10.7085 37.6331 10.6225 38.2818 11.1759ZM32.3186 11.071L28.106 16.1392C26.9431 15.8287 25.6995 15.7066 24.4276 15.8179C23.1557 15.9292 22.58 16.2104 21.4888 16.7181L16.46 12.4585C18.6857 11.0105 22.0109 10.0765 25.1504 9.80181C28.29 9.52713 29.8753 10.0315 32.3186 11.071ZM10.9563 13.8964C11.4991 13.2388 12.1305 12.8537 12.7792 13.4071L18.7898 18.5043C18.0231 19.198 17.3483 20.0155 16.8095 20.9037L10.799 15.8065C10.1503 15.2531 10.3975 14.5554 10.9563 13.8964ZM13.1112 42.2353C12.4625 41.6819 12.3766 40.7 12.9179 40.0261L17.952 33.9626C18.6369 34.7437 19.4419 35.4153 20.3188 35.9817L15.2847 42.0451C14.742 42.7027 13.7599 42.7887 13.1112 42.2353ZM19.0743 42.3402L23.287 37.272C24.4498 37.5825 25.0817 37.7581 26.3375 37.6483C27.5933 37.5384 28.7969 37.2022 29.9042 36.6931L34.933 40.9528C32.7073 42.4007 30.01 43.2798 26.8704 43.5545C23.7309 43.8291 21.5338 43.3783 19.0904 42.3388L19.0743 42.3402ZM40.7873 39.814C40.2446 40.4716 39.2625 40.5575 38.6138 40.0041L32.6032 34.9069C33.3699 34.2132 34.0447 33.3957 34.5835 32.5075L40.594 37.6047C41.2427 38.1581 41.3286 39.14 40.7873 39.814Z" fill="#13110C"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/support-yellow.svg b/services/web/public/img/website-redesign/stickers/support-yellow.svg
new file mode 100644
index 0000000..da3c75b
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/support-yellow.svg
@@ -0,0 +1,4 @@
+<svg width="52" height="53" viewBox="0 0 52 53" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.5175 50.1958C23.6475 50.5344 20.315 50.0872 16.9719 48.7708C16.2736 49.0289 15.5179 49.1935 14.7699 49.259C12.4446 49.4624 10.1696 48.7421 8.38472 47.2566C5.96315 45.2358 4.8813 42.047 5.38899 39.0476C3.54574 35.9583 2.44594 32.3772 2.09245 28.3367C1.73896 24.2963 2.21217 20.5283 3.49097 17.1659C2.61592 14.468 3.26282 11.3743 5.35602 8.89279C6.98933 6.96046 9.13152 5.78804 11.3918 5.59029C11.9934 5.53766 12.617 5.54876 13.2152 5.64418C16.3511 3.84306 20.3746 2.63737 24.5699 2.27034C28.7651 1.9033 31.6375 2.52209 34.5287 3.73024C35.2285 3.48843 35.9517 3.32666 36.6996 3.26122C39.0249 3.05779 41.2999 3.77809 43.0848 5.26362C45.5064 7.28444 46.5882 10.4732 46.0805 13.4726C47.9238 16.5619 49.0236 20.143 49.3771 24.1835C49.7306 28.2239 49.2708 31.9579 47.9905 35.304C49.0113 38.1697 48.4997 41.4979 46.4658 43.9085C44.9674 45.6977 42.8506 46.7858 40.5254 46.9892C39.7611 47.0561 38.9883 47.0252 38.2395 46.8937C35.1553 48.7232 31.5488 49.8267 27.5161 50.1795L27.5175 50.1958Z" fill="#F9D38F"/>
+<path d="M45.0891 24.3078C44.7297 20.2003 43.497 16.6804 41.4143 13.8284C42.3838 11.9297 41.9626 9.52609 40.262 8.07536C38.5439 6.60967 36.1307 6.6559 34.4745 7.93859C31.3357 6.36635 28.9356 5.6364 24.8784 5.99136C20.8212 6.34632 16.7329 7.64393 13.9147 9.73735C12.0771 8.76032 10.027 9.43437 8.58953 11.1761C7.15203 12.9179 6.85371 15.0712 8.11925 16.7414C6.56337 19.9116 5.96064 23.5921 6.32 27.6997C6.67936 31.8072 7.91205 35.3271 9.9948 38.179C9.02528 40.0777 9.44647 42.4814 11.1456 43.9157C12.8637 45.3814 15.277 45.3352 16.9331 44.0525C20.072 45.6247 23.0838 46.3012 27.141 45.9462C31.1983 45.5912 34.6748 44.3472 37.493 42.2537C39.3306 43.2308 41.7152 42.8572 43.1688 41.1141C44.6063 39.3723 44.5715 36.9348 43.3045 35.2483C44.8604 32.078 45.4631 28.3975 45.1038 24.29L45.0891 24.3078ZM35.8463 28.8102C36.1486 27.6294 36.2666 26.3824 36.1535 25.0896C36.0404 23.7968 35.7076 22.5891 35.2049 21.4788L39.4176 16.4107C40.8635 18.6587 41.7201 21.4035 41.9979 24.5782C42.2756 27.753 41.8925 30.6063 40.8751 33.0698L35.8463 28.8102ZM26.064 33.8214C21.8136 34.1933 19.3029 30.9006 18.9264 26.5967C18.5499 22.2929 20.5211 19.2347 24.7555 18.8642C28.9898 18.4938 31.4621 21.1632 31.8387 25.4671C32.2152 29.7709 30.2984 33.451 26.064 33.8214ZM11.9754 35.5982C10.5295 33.3502 9.67288 30.6053 9.39513 27.4306C9.11737 24.2559 9.50045 21.4026 10.5179 18.9391L15.5467 23.1987C15.2444 24.3794 15.1264 25.6265 15.2395 26.9193C15.3526 28.2121 15.6854 29.4197 16.1881 30.53L11.9754 35.5982ZM38.2818 10.4747C38.9305 11.0281 39.0164 12.01 38.4751 12.684L33.4409 18.7474C32.7561 17.9664 31.9511 17.2947 31.0742 16.7284L36.1083 10.6649C36.651 10.0073 37.6331 9.92137 38.2818 10.4747ZM32.3186 10.3698L28.106 15.438C26.9431 15.1275 25.6995 15.0054 24.4276 15.1167C23.1557 15.228 22.58 15.5092 21.4888 16.0169L16.46 11.7573C18.6857 10.3093 22.0109 9.37531 25.1504 9.10063C28.29 8.82596 29.8753 9.33037 32.3186 10.3698ZM10.9563 13.1952C11.4991 12.5376 12.1305 12.1526 12.7792 12.7059L18.7898 17.8031C18.0231 18.4968 17.3483 19.3144 16.8095 20.2025L10.799 15.1053C10.1503 14.5519 10.3975 13.8542 10.9563 13.1952ZM13.1112 41.5341C12.4625 40.9808 12.3766 39.9989 12.9179 39.3249L17.952 33.2614C18.6369 34.0425 19.4419 34.7141 20.3188 35.2805L15.2847 41.344C14.742 42.0016 13.7599 42.0875 13.1112 41.5341ZM19.0743 41.639L23.287 36.5709C24.4498 36.8814 25.0817 37.057 26.3375 36.9471C27.5933 36.8372 28.7969 36.5011 29.9042 35.9919L34.933 40.2516C32.7073 41.6995 30.01 42.5786 26.8704 42.8533C23.7309 43.128 21.5338 42.6771 19.0904 41.6376L19.0743 41.639ZM40.7873 39.1128C40.2446 39.7704 39.2625 39.8563 38.6138 39.3029L32.6032 34.2058C33.3699 33.5121 34.0447 32.6945 34.5835 31.8064L40.594 36.9036C41.2427 37.4569 41.3286 38.4388 40.7873 39.1128Z" fill="#13110C"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/stickers/waving-hand-purple-medium.svg b/services/web/public/img/website-redesign/stickers/waving-hand-purple-medium.svg
new file mode 100644
index 0000000..185becd
--- /dev/null
+++ b/services/web/public/img/website-redesign/stickers/waving-hand-purple-medium.svg
@@ -0,0 +1,13 @@
+<svg width="108" height="99" viewBox="0 0 108 99" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2238_2029)">
+<path d="M98.8545 28.6331C96.0834 21.6569 91.632 15.3605 86.0013 10.3944C84.262 8.85725 82.0216 8 79.6927 8C76.9511 8 74.3568 9.18241 72.5291 11.2516C71.4973 12.434 70.8488 13.8234 70.4655 15.2423C70.3476 15.2127 70.2592 15.124 70.1707 15.0945C68.5493 14.4737 66.869 14.1485 65.1297 14.1485C64.4222 14.1485 63.6852 14.2077 62.9777 14.3259C60.4719 12.0202 57.1702 10.69 53.6326 10.69C52.3944 10.69 51.1563 10.8673 49.9771 11.1925C47.943 10.0397 45.5846 9.38933 43.1673 9.38933C41.2216 9.38933 39.3349 9.80318 37.5661 10.5717L37.0944 10.7787C32.4366 12.8479 29.5181 17.2228 28.9875 21.9525C27.9852 22.6915 27.1303 23.5487 26.3638 24.5242C25.6858 24.0512 24.9783 23.6078 24.1528 23.3122C23.0916 22.928 21.9713 22.721 20.8511 22.721C16.8713 22.721 13.2748 25.2337 11.8893 28.9878C9.00025 36.91 8.26325 45.5416 9.73724 53.9367C10.5332 58.5186 14.4835 61.8589 19.1413 61.8589C19.6719 61.8589 20.2025 61.7997 20.7921 61.7111C21.1164 61.6519 21.3817 61.5337 21.706 61.445C22.2956 64.9923 24.0939 68.3326 27.1008 70.727C28.28 71.7616 29.6655 73.0622 30.0193 73.5056C33.4095 77.7327 38.1557 83.0832 44.7002 87.0147C50.0066 90.2072 55.4898 91.8034 61.032 91.8034C65.3655 91.8034 69.699 90.7984 73.8852 88.8474C82.2574 84.975 87.8291 79.5064 90.4528 72.6484C93.4302 64.8445 93.2534 56.4198 89.8632 48.8819L86.2667 40.9893C87.4164 41.4918 88.684 41.7579 90.0106 41.7579C91.2193 41.7579 92.4279 41.5214 93.5482 41.078C98.4418 39.127 100.8 33.5401 98.8545 28.6331Z" fill="#9597C9"/>
+<path d="M76.2999 36.8207L71.2588 25.5287C70.5218 23.9028 69.2247 22.6317 67.5444 22.011C65.864 21.3607 64.0658 21.4198 62.4444 22.1588C61.619 22.5135 60.9114 23.0456 60.3513 23.6368L59.5849 21.8927C58.1403 18.6411 54.3375 17.1927 51.0947 18.6411L50.623 18.848C49.945 19.1436 49.3554 19.5575 48.8542 20.0304C47.2328 17.1631 43.6953 15.9511 40.6294 17.3109L40.1577 17.5178C36.9149 18.9663 35.4704 22.7795 36.9149 26.0312L37.0918 26.445C36.4138 26.5041 35.7357 26.6815 35.1167 26.9771L34.645 27.184C33.0826 27.8935 31.8739 29.1646 31.2548 30.7608C30.6357 32.3571 30.6947 34.1307 31.3727 35.6974L38.4479 51.6304C35.4999 50.7732 32.1982 51.7782 30.2525 54.3795C27.7762 57.7198 28.4248 62.4495 31.7265 64.9917C32.5814 65.7307 34.7924 67.7408 35.6768 68.8345C38.6837 72.5886 42.8698 77.3183 48.412 80.629C52.5687 83.1121 56.7843 84.3832 60.9704 84.3832C64.2426 84.3832 67.4854 83.6442 70.7282 82.1366C77.3906 79.0328 81.5473 75.0717 83.5224 69.9873C85.7923 64.0457 85.6744 57.6311 83.1097 51.926L76.2409 36.8207H76.2999ZM79.5132 68.4206C77.9802 72.4113 74.5311 75.6038 68.9594 78.1755C59.0837 82.7574 49.3259 78.8259 39.0964 66.1149C37.7698 64.4891 34.4091 61.5627 34.4091 61.5627C32.9646 60.4985 32.6698 58.4293 33.7311 56.9808C34.7924 55.5324 36.856 55.2368 38.3005 56.3009L49.0311 63.8388C50.0039 64.5187 51.36 64.2822 52.038 63.3067C52.7161 62.3312 52.4802 60.9715 51.5074 60.2916L45.0219 55.7393L35.323 33.9238C35.0872 33.4213 35.0872 32.83 35.2935 32.3275C35.4999 31.7954 35.8831 31.3816 36.3843 31.1747L36.856 30.9677C37.3571 30.7313 37.9467 30.7313 38.4479 30.9382C38.9785 31.1451 39.3912 31.5294 39.5976 32.0319L47.6456 50.1524C48.1467 51.2461 49.4143 51.7486 50.5051 51.2461C51.5958 50.7436 52.097 49.4725 51.5958 48.3788L40.8063 24.2871C40.3346 23.223 40.8063 21.9814 41.8675 21.5085L42.3392 21.3015C43.4005 20.8286 44.6386 21.3015 45.1103 22.3657L56.2536 47.4328C56.6074 48.231 57.4034 48.7335 58.2288 48.7335C58.5236 48.7335 58.8184 48.6744 59.1132 48.5561C60.2039 48.0536 60.7051 46.7825 60.2039 45.6888L51.2126 25.4695C50.8294 24.4349 51.301 23.2821 52.3034 22.8387L52.775 22.6317C53.8363 22.1588 55.0745 22.6317 55.5461 23.6959L65.3334 45.6888C65.6872 46.4869 66.4831 46.9894 67.3085 46.9894C67.6033 46.9894 67.8981 46.9303 68.1929 46.8121C69.2837 46.3095 69.7848 45.0385 69.2837 43.9447C69.2837 43.9447 63.0929 29.5489 62.9455 29.2828C62.4149 28.1004 62.9455 26.7111 64.1247 26.179C64.6848 25.9129 65.3334 25.9129 65.923 26.1199C66.5126 26.3563 66.9843 26.7997 67.2201 27.3614L71.8779 37.8257L79.1299 53.7587C81.1935 58.3997 81.3114 63.6023 79.4247 68.4798L79.5132 68.4206Z" fill="#010101"/>
+<path d="M81.134 15.9217C80.2497 15.1236 78.8641 15.2122 78.0682 16.1286C77.2722 17.0154 77.3606 18.4048 78.2745 19.2029C82.5491 22.957 85.9098 27.7458 88.0028 33.0075C88.3566 33.8648 89.1525 34.3673 90.0074 34.3673C90.2728 34.3673 90.5381 34.3082 90.8034 34.2195C91.9236 33.7761 92.4543 32.505 92.0121 31.3817C89.6537 25.4992 85.8803 20.1488 81.134 15.9217Z" fill="#010101"/>
+<path d="M21.6443 30.2289C20.5241 29.815 19.2859 30.3767 18.8732 31.5295C16.3969 38.2693 15.7484 45.5707 16.9865 52.6651C17.1634 53.7293 18.0773 54.4683 19.109 54.4683C19.227 54.4683 19.3744 54.4683 19.4923 54.4387C20.6715 54.2318 21.4674 53.1085 21.2611 51.9261C20.1408 45.5707 20.7304 39.0378 22.9414 33.0371C23.3541 31.9138 22.794 30.6723 21.6443 30.2289Z" fill="#010101"/>
+</g>
+<defs>
+<clipPath id="clip0_2238_2029">
+<rect width="90.5618" height="83.8035" fill="white" transform="translate(9 8)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/public/img/website-redesign/sticky-tag-enterprises.svg b/services/web/public/img/website-redesign/sticky-tag-enterprises.svg
new file mode 100644
index 0000000..db4a103
--- /dev/null
+++ b/services/web/public/img/website-redesign/sticky-tag-enterprises.svg
@@ -0,0 +1,15 @@
+<svg width="187" height="164" viewBox="0 0 187 164" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4.33594" width="161" height="51" rx="10" transform="rotate(4.87582 4.33594 0)" fill="#F1A695"/>
+<path d="M21.1554 40.3857C19.912 40.2796 18.9454 39.884 18.2558 39.1989C17.582 38.5326 17.3026 37.5258 17.4175 36.1787C17.4735 35.5225 17.5667 34.9389 17.6973 34.4282C17.8466 33.9016 17.9902 33.3398 18.1281 32.7427C18.2833 32.1471 18.397 31.4261 18.4692 30.5799C18.5325 29.8372 18.384 29.2331 18.0236 28.7674C17.682 28.286 17.0708 28.0077 16.19 27.9326L14.9724 27.8287L15.1359 25.9117L16.3535 26.0155C17.2343 26.0907 17.8831 25.9286 18.2999 25.5292C18.7354 25.114 18.9848 24.5352 19.0482 23.7925C19.1218 22.929 19.1319 22.1992 19.0784 21.6032C19.0436 20.9913 18.9965 20.4219 18.9371 19.895C18.8964 19.3522 18.904 18.7527 18.96 18.0964C19.0749 16.7493 19.5208 15.8045 20.2978 15.2619C21.0935 14.7035 22.113 14.4773 23.3565 14.5834L25.8435 14.7955L25.68 16.7126L23.4261 16.5203C22.718 16.4599 22.1593 16.5862 21.7499 16.8992C21.3419 17.1949 21.1048 17.7314 21.0385 18.5086C20.9796 19.1994 20.9712 19.8075 21.0133 20.333C21.0742 20.8427 21.125 21.3689 21.1657 21.9117C21.2251 22.4387 21.2232 23.0735 21.1598 23.8161C21.0817 24.7314 20.8183 25.4744 20.3695 26.045C19.9222 26.5983 19.3695 26.96 18.7113 27.13L18.7025 27.2336C19.3223 27.5126 19.8051 27.9713 20.1507 28.6097C20.4979 29.2308 20.6324 29.999 20.5543 30.9143C20.491 31.6569 20.3846 32.2915 20.2353 32.8181C20.1048 33.3288 19.9656 33.8389 19.8178 34.3481C19.6887 34.8416 19.5947 35.4338 19.5358 36.1246C19.4695 36.9018 19.6123 37.4706 19.9643 37.8312C20.3147 38.209 20.844 38.4281 21.5521 38.4885L23.806 38.6808L23.6424 40.5978L21.1554 40.3857ZM34.8174 37.0368C33.1767 36.8968 31.8792 36.4034 30.9251 35.5566C29.9897 34.694 29.519 33.5839 29.513 32.2265L31.7668 32.4188C31.8101 33.1357 32.1061 33.7437 32.655 34.2429C33.2212 34.7435 34.0138 35.0372 35.0327 35.1242C35.9999 35.2067 36.7343 35.0606 37.2359 34.6858C37.7549 34.3126 38.0372 33.8583 38.0829 33.3229C38.1447 32.5975 37.9018 32.081 37.3539 31.7733C36.8076 31.4484 35.9704 31.1682 34.8423 30.9328C33.4912 30.661 32.3916 30.1932 31.5436 29.5293C30.6957 28.8655 30.3218 27.9464 30.4219 26.772C30.5118 25.7185 31.0266 24.8839 31.9663 24.2682C32.9061 23.6526 34.1358 23.4095 35.6557 23.5392C37.1582 23.6674 38.3118 24.1137 39.1164 24.8782C39.9224 25.6254 40.3322 26.6345 40.3455 27.9056L38.1953 27.7222C38.1965 27.096 37.9363 26.578 37.4146 26.1682C36.9116 25.7426 36.2542 25.4951 35.4425 25.4259C34.5963 25.3537 33.926 25.4618 33.4317 25.7501C32.9389 26.0212 32.6703 26.4158 32.6261 26.934C32.582 27.4521 32.8042 27.9059 33.2928 28.2956C33.8002 28.6694 34.6194 28.9567 35.7505 29.1576C36.6397 29.3378 37.4453 29.5805 38.1673 29.8856C38.8893 30.1908 39.4441 30.6208 39.8317 31.1758C40.2365 31.7322 40.3992 32.4767 40.3196 33.4093C40.2706 34.188 39.995 34.869 39.493 35.4524C39.0096 36.0201 38.3639 36.4521 37.5558 36.7485C36.7491 37.0276 35.8363 37.1237 34.8174 37.0368ZM43.4345 37.4587L44.5307 24.6094L46.3182 24.7619L46.4231 26.2843L46.5527 26.2954C46.8214 25.7964 47.195 25.3934 47.6735 25.0862C48.1693 24.7806 48.7453 24.6558 49.4016 24.7118C50.0579 24.7678 50.5965 24.979 51.0176 25.3454C51.4574 25.6961 51.7566 26.1652 51.9152 26.7528L52.0188 26.7616C52.2875 26.2627 52.687 25.8619 53.2174 25.5592C53.7477 25.2565 54.3669 25.1353 55.075 25.1957C56.0594 25.2797 56.7647 25.6791 57.1908 26.3939C57.6357 27.0929 57.8109 27.9951 57.7166 29.1004L56.9056 38.6079L54.7813 38.4267L55.5636 29.256C55.6167 28.6342 55.5291 28.131 55.301 27.7462C55.0902 27.3629 54.7084 27.1477 54.1557 27.1005C53.5858 27.0519 53.1011 27.228 52.7016 27.6288C52.3021 28.0296 52.0684 28.6273 52.0007 29.4217L51.2581 38.1261L49.1079 37.9427L49.8902 28.772C49.9433 28.1503 49.8644 27.6477 49.6535 27.2644C49.4427 26.8811 49.0609 26.6659 48.5083 26.6187C47.9383 26.5701 47.445 26.7455 47.0282 27.1449C46.6287 27.5457 46.395 28.1433 46.3273 28.9378L45.5847 37.6421L43.4345 37.4587ZM64.6667 39.5831C63.6477 39.4961 62.8169 39.2426 62.1743 38.8225C61.5317 38.4023 61.0713 37.8847 60.7933 37.2695C60.5167 36.637 60.4086 35.9667 60.469 35.2586C60.581 33.9461 61.1406 32.9935 62.148 32.401C63.1741 31.7927 64.4902 31.557 66.0964 31.694L69.6196 31.9946L69.6417 31.7355C69.8332 29.4903 68.9014 28.2801 66.8462 28.1048C66.0172 28.0341 65.3022 28.1557 64.7014 28.4698C64.1178 28.7853 63.7151 29.3251 63.4934 30.089L61.2655 29.8989C61.4255 29.0428 61.7738 28.3244 62.3104 27.744C62.8643 27.1649 63.5438 26.7445 64.349 26.4827C65.1542 26.2208 66.0403 26.1311 67.0075 26.2136C68.8382 26.3698 70.1267 26.9668 70.8732 28.0047C71.6385 29.0268 71.9533 30.3323 71.8178 31.9212L71.1437 39.8225L69.2785 39.6633L69.2673 37.6531L69.086 37.6377C68.653 38.227 68.0971 38.7275 67.4183 39.1393C66.7583 39.5353 65.8411 39.6832 64.6667 39.5831ZM65.2188 37.6992C66.0478 37.7699 66.7642 37.6309 67.368 37.2823C67.9891 36.9352 68.4744 36.446 68.824 35.8148C69.1908 35.185 69.4074 34.4816 69.4737 33.7044L66.1319 33.4193C64.9575 33.3191 64.1115 33.447 63.5941 33.803C63.0939 34.1604 62.8158 34.6673 62.7598 35.3236C62.7023 35.9971 62.8819 36.543 63.2985 36.9613C63.7152 37.3796 64.3552 37.6255 65.2188 37.6992ZM75.719 40.2128L75.8781 38.3475L79.1681 38.6282L79.8908 30.157C79.9276 29.7252 79.7388 29.4916 79.3243 29.4563L76.9927 29.2574L77.1519 27.3921L80.2865 27.6595C80.8564 27.7082 81.3008 27.9026 81.6197 28.243C81.9386 28.5833 82.0723 29.0557 82.0207 29.6602L81.9743 30.2042L82.0779 30.2131C82.3588 29.3672 82.8041 28.7354 83.4138 28.3177C84.0408 27.9015 84.8724 27.7376 85.9087 27.826L88.2661 28.0271L88.0694 30.3327L85.4011 30.1051C84.3476 30.0153 83.5057 30.3001 82.8754 30.9595C82.2465 31.6017 81.8857 32.4669 81.7928 33.5549L81.3442 38.8138L85.3856 39.1586L85.2264 41.0238L75.719 40.2128ZM98.1952 42.1301C97.0208 42.0299 96.1211 41.6661 95.4962 41.0387C94.8712 40.4113 94.6221 39.355 94.7488 37.8697L95.3499 30.8233L92.0858 30.5449L92.2449 28.6797L94.1878 28.8454C95.0686 28.9205 95.6149 28.5322 95.8268 27.6805L96.3596 25.7167L97.9658 25.8537L97.6851 29.1437L102.815 29.5813L102.655 31.4465L97.526 31.009L96.9249 38.0554C96.863 38.7807 96.9837 39.3042 97.2868 39.6258C97.6071 39.9489 98.1818 40.1458 99.0108 40.2165L101.886 40.4618L101.718 42.4306L98.1952 42.1301ZM112.485 43.6622C111.276 43.559 110.228 43.1914 109.343 42.5592C108.476 41.9111 107.818 41.0635 107.368 40.0161C106.919 38.9514 106.753 37.7456 106.868 36.3985C106.982 35.0514 107.342 33.8991 107.945 32.9416C108.568 31.9683 109.369 31.2451 110.348 30.772C111.33 30.2816 112.442 30.0894 113.685 30.1955C114.929 30.3016 115.967 30.6772 116.799 31.3222C117.633 31.95 118.244 32.7415 118.632 33.6966C119.02 34.6517 119.169 35.656 119.079 36.7095C119.063 36.8995 119.038 37.0888 119.005 37.2773C118.989 37.4672 118.97 37.6831 118.95 37.9249L108.976 37.0741C108.947 38.0284 109.095 38.8413 109.42 39.5127C109.764 40.1683 110.217 40.6766 110.777 41.0376C111.355 41.4 111.981 41.61 112.655 41.6674C113.605 41.7484 114.364 41.6132 114.933 41.2616C115.503 40.9101 115.956 40.392 116.292 39.7075L118.443 39.8909C118.047 41.0576 117.348 42.0156 116.345 42.765C115.343 43.4972 114.056 43.7962 112.485 43.6622ZM113.468 32.134C112.466 32.0486 111.56 32.2757 110.748 32.8153C109.954 33.3565 109.424 34.1637 109.159 35.237L116.982 35.9044C117.004 34.8277 116.687 33.9569 116.031 33.2921C115.393 32.6114 114.539 32.2254 113.468 32.134ZM122.319 44.188L122.478 42.3228L125.768 42.6034L126.491 34.1322C126.528 33.7004 126.339 33.4669 125.925 33.4315L123.593 33.2326L123.752 31.3674L126.887 31.6348C127.457 31.6834 127.901 31.8779 128.22 32.2182C128.539 32.5586 128.673 33.031 128.621 33.6354L128.575 34.1795L128.678 34.1883C128.959 33.3424 129.404 32.7107 130.014 32.293C130.641 31.8768 131.473 31.7129 132.509 31.8013L134.866 32.0024L134.67 34.308L132.001 34.0804C130.948 33.9905 130.106 34.2753 129.476 34.9348C128.847 35.577 128.486 36.4421 128.393 37.5302L127.945 42.7891L131.986 43.1338L131.827 44.999L122.319 44.188ZM138.169 50.3675L138.333 48.4505L140.587 48.6428C141.295 48.7032 141.853 48.5769 142.263 48.2639C142.671 47.9681 142.908 47.4317 142.974 46.6545C143.033 45.9637 143.032 45.3634 142.971 44.8537C142.929 44.3283 142.878 43.802 142.819 43.2751C142.778 42.7323 142.79 42.0896 142.853 41.347C142.931 40.4317 143.194 39.6973 143.641 39.144C144.09 38.5734 144.643 38.2031 145.301 38.0331L145.31 37.9295C144.69 37.6505 144.207 37.2004 143.86 36.5793C143.514 35.941 143.38 35.1641 143.458 34.2488C143.522 33.5061 143.619 32.8794 143.749 32.3687C143.899 31.8421 144.038 31.3321 144.167 30.8386C144.315 30.3294 144.418 29.7293 144.477 29.0385C144.543 28.2613 144.4 27.6925 144.048 27.3319C143.698 26.9541 143.169 26.735 142.461 26.6746L140.207 26.4823L140.37 24.5653L142.857 24.7774C144.101 24.8835 145.059 25.2783 145.731 25.9619C146.422 26.6298 146.71 27.6372 146.595 28.9843C146.539 29.6406 146.437 30.232 146.287 30.7586C146.157 31.2693 146.014 31.8225 145.859 32.4182C145.722 32.998 145.617 33.7197 145.544 34.5832C145.48 35.3258 145.619 35.9379 145.961 36.4193C146.321 36.885 146.942 37.1554 147.823 37.2305L149.04 37.3344L148.877 39.2514L147.659 39.1476C146.778 39.0724 146.12 39.2424 145.685 39.6576C145.268 40.0569 145.028 40.6279 144.965 41.3706C144.892 42.2168 144.874 42.9459 144.908 43.5577C144.96 44.171 145.007 44.7491 145.048 45.2918C145.107 45.8188 145.109 46.4104 145.053 47.0667C144.938 48.4138 144.483 49.3579 143.689 49.899C142.911 50.4589 141.9 50.6858 140.656 50.5797L138.169 50.3675Z" fill="black"/>
+<g clip-path="url(#clip0_2675_51298)">
+<rect x="5.89062" y="112.889" width="176" height="51" rx="10" transform="rotate(-5.83661 5.89062 112.889)" fill="#B199C8"/>
+<path d="M29.921 149.443C28.6795 149.57 27.6562 149.361 26.8513 148.816C26.0654 148.287 25.6037 147.349 25.4662 146.004C25.3992 145.349 25.3824 144.759 25.4157 144.232C25.4645 143.687 25.5012 143.109 25.5257 142.496C25.5675 141.882 25.5452 141.153 25.4588 140.308C25.383 139.566 25.1248 139 24.6841 138.61C24.259 138.2 23.6067 138.04 22.7272 138.13L21.5116 138.254L21.3159 136.34L22.5316 136.216C23.411 136.126 24.0184 135.846 24.3536 135.377C24.7044 134.888 24.8419 134.272 24.7661 133.531C24.678 132.669 24.5522 131.95 24.3888 131.374C24.2409 130.78 24.0888 130.229 23.9325 129.722C23.7916 129.196 23.6877 128.606 23.6207 127.951C23.4832 126.606 23.7457 125.594 24.4083 124.917C25.0863 124.22 26.046 123.808 27.2876 123.682L29.7706 123.428L29.9663 125.342L27.716 125.572C27.009 125.644 26.4835 125.872 26.1394 126.256C25.7935 126.622 25.6602 127.193 25.7396 127.969C25.8101 128.659 25.9149 129.258 26.054 129.767C26.2086 130.256 26.3563 130.764 26.4971 131.289C26.6535 131.796 26.7695 132.42 26.8453 133.162C26.9388 134.076 26.818 134.855 26.4831 135.499C26.1464 136.125 25.6706 136.584 25.0555 136.873L25.066 136.976C25.727 137.135 26.2866 137.496 26.7449 138.059C27.2014 138.605 27.4764 139.335 27.5698 140.249C27.6456 140.99 27.6591 141.634 27.6103 142.179C27.5769 142.705 27.535 143.232 27.4844 143.76C27.4493 144.269 27.467 144.868 27.5375 145.558C27.6168 146.334 27.8629 146.866 28.2757 147.155C28.6903 147.461 29.2511 147.578 29.9581 147.505L32.2084 147.275L32.404 149.189L29.921 149.443ZM43.9063 143.179C42.7337 143.299 41.7821 143.108 41.0514 142.608C40.3208 142.108 39.8796 141.116 39.7281 139.633L39.0089 132.598L35.7499 132.931L35.5595 131.069L37.4994 130.87C38.3788 130.78 38.8434 130.297 38.8932 129.421L39.0518 127.392L40.6554 127.229L40.9912 130.513L46.1125 129.99L46.3029 131.852L41.1816 132.376L41.9007 139.411C41.9748 140.135 42.1906 140.627 42.5482 140.887C42.923 141.145 43.5243 141.231 44.352 141.147L47.223 140.853L47.4239 142.819L43.9063 143.179ZM58.102 142.041C56.895 142.165 55.7977 141.998 54.8101 141.541C53.8226 141.085 53.0104 140.384 52.3736 139.438C51.7351 138.475 51.3462 137.313 51.2069 135.951C51.0677 134.589 51.2142 133.38 51.6465 132.325C52.0771 131.253 52.7297 130.394 53.6045 129.747C54.4792 129.1 55.5201 128.715 56.7271 128.591C57.9342 128.468 59.0315 128.634 60.019 129.091C61.0066 129.548 61.8196 130.257 62.4582 131.22C63.095 132.166 63.483 133.319 63.6222 134.682C63.7615 136.044 63.6158 137.261 63.1853 138.333C62.753 139.388 62.0994 140.239 61.2247 140.886C60.35 141.533 59.3091 141.918 58.102 142.041ZM57.8905 139.972C58.632 139.896 59.2877 139.664 59.8578 139.274C60.4278 138.885 60.85 138.328 61.1243 137.603C61.416 136.876 61.5071 135.978 61.3978 134.909C61.2885 133.84 61.0176 132.979 60.585 132.326C60.1696 131.672 59.6434 131.212 59.0064 130.946C58.3694 130.68 57.6801 130.585 56.9387 130.66C56.2144 130.734 55.5673 130.966 54.9973 131.355C54.4273 131.745 53.9964 132.303 53.7048 133.03C53.4132 133.756 53.3221 134.654 53.4313 135.723C53.5953 137.327 54.104 138.469 54.9575 139.148C55.8093 139.81 56.7869 140.085 57.8905 139.972ZM72.9605 136.393C72.0638 136.485 71.2453 136.403 70.5048 136.147L69.7338 137.298C69.5706 137.576 69.5453 137.84 69.6579 138.09C69.7861 138.32 70.0484 138.416 70.445 138.375L73.8334 138.029C75.368 137.872 76.6404 138.047 77.6505 138.553C78.6588 139.042 79.2291 139.934 79.3613 141.227C79.4406 142.003 79.3155 142.739 78.9858 143.435C78.6562 144.13 78.0806 144.721 77.259 145.205C76.4563 145.706 75.3653 146.026 73.9858 146.167C72.1925 146.351 70.7183 146.162 69.5632 145.6C68.4081 145.039 67.7601 144.068 67.6191 142.689C67.5679 142.189 67.6411 141.711 67.8384 141.255C68.0547 140.815 68.3358 140.411 68.6817 140.045C68.1499 139.786 67.792 139.352 67.6078 138.743C67.4409 138.133 67.568 137.502 67.9891 136.849L69.005 135.281C68.0892 134.504 67.5669 133.486 67.4382 132.227C67.3536 131.399 67.4735 130.612 67.7978 129.864C68.1204 129.099 68.6304 128.463 69.3278 127.957C70.0424 127.448 70.9343 127.139 72.0034 127.03C72.6931 126.959 73.3417 126.997 73.9491 127.144L78.7601 126.653L78.9266 128.282L76.5291 128.606L76.5476 128.787C77.0717 129.482 77.3805 130.287 77.4739 131.201C77.5585 132.029 77.4396 132.825 77.117 133.59C76.8099 134.335 76.299 134.963 75.5844 135.471C74.887 135.978 74.0124 136.285 72.9605 136.393ZM72.7701 134.531C73.6151 134.444 74.2793 134.124 74.7627 133.569C75.2634 133.013 75.4687 132.295 75.3789 131.415C75.289 130.536 74.9434 129.883 74.3423 129.456C73.7566 129.011 73.0413 128.831 72.1964 128.918C71.3342 129.006 70.6528 129.328 70.1521 129.885C69.6497 130.424 69.4434 131.133 69.5333 132.013C69.6232 132.892 69.9696 133.554 70.5725 133.997C71.1754 134.441 71.908 134.619 72.7701 134.531ZM69.7579 142.392C69.8355 143.15 70.2472 143.683 70.9929 143.99C71.7387 144.297 72.672 144.394 73.7928 144.279C74.8791 144.168 75.7365 143.863 76.3649 143.363C77.0106 142.861 77.2964 142.248 77.2224 141.524C77.1642 140.955 76.8735 140.497 76.3501 140.15C75.8285 139.82 74.9211 139.721 73.6278 139.853L70.7051 140.152C69.9873 140.8 69.6716 141.547 69.7579 142.392ZM89.2494 138.857C88.0424 138.981 86.9451 138.814 85.9575 138.357C84.9854 137.882 84.181 137.171 83.5442 136.226C82.9057 135.263 82.5177 134.109 82.3802 132.764C82.2427 131.419 82.3815 130.22 82.7965 129.167C83.2271 128.095 83.8797 127.236 84.7545 126.589C85.6275 125.924 86.6847 125.529 87.9263 125.402C89.1678 125.275 90.2573 125.451 91.1949 125.93C92.1307 126.392 92.8782 127.056 93.4372 127.923C93.9961 128.789 94.3294 129.748 94.4369 130.8C94.4563 130.99 94.4671 131.18 94.4692 131.372C94.4886 131.561 94.5107 131.777 94.5353 132.018L84.5772 133.036C84.7259 133.979 85.0225 134.75 85.4671 135.35C85.9272 135.93 86.4662 136.345 87.0842 136.596C87.7194 136.844 88.3733 136.934 89.0458 136.866C89.9942 136.769 90.7154 136.495 91.2094 136.043C91.7034 135.592 92.0522 134.999 92.2559 134.264L94.4027 134.044C94.2312 135.264 93.7221 136.335 92.8756 137.258C92.0273 138.164 90.8186 138.697 89.2494 138.857ZM88.0728 127.347C87.0727 127.449 86.2241 127.841 85.5271 128.522C84.8473 129.201 84.4768 130.093 84.4154 131.197L92.2267 130.399C92.0484 129.337 91.5749 128.54 90.8063 128.009C90.0531 127.458 89.1419 127.238 88.0728 127.347ZM105.942 136.837C104.77 136.957 103.818 136.767 103.088 136.267C102.357 135.766 101.916 134.775 101.764 133.292L101.045 126.256L97.786 126.59L97.5956 124.727L99.5355 124.529C100.415 124.439 100.88 123.956 100.929 123.08L101.088 121.051L102.692 120.887L103.027 124.172L108.149 123.648L108.339 125.511L103.218 126.034L103.937 133.07C104.011 133.794 104.227 134.286 104.584 134.545C104.959 134.803 105.56 134.89 106.388 134.805L109.259 134.512L109.46 136.478L105.942 136.837ZM114.494 135.963L112.59 117.34L114.763 117.118L115.553 124.852C115.831 124.161 116.345 123.568 117.096 123.074C117.846 122.561 118.694 122.257 119.643 122.16C121.212 121.999 122.45 122.352 123.357 123.218C124.282 124.081 124.832 125.367 125.006 127.074L125.797 134.808L123.624 135.03L122.863 127.581C122.744 126.425 122.368 125.558 121.734 124.978C121.117 124.396 120.308 124.157 119.308 124.259C118.619 124.329 118.005 124.549 117.468 124.917C116.93 125.286 116.52 125.79 116.237 126.428C115.954 127.067 115.857 127.826 115.947 128.706L116.666 135.741L114.494 135.963ZM135.776 134.101C134.569 134.225 133.472 134.058 132.485 133.601C131.513 133.126 130.708 132.415 130.071 131.47C129.433 130.507 129.045 129.353 128.907 128.008C128.77 126.663 128.909 125.464 129.324 124.411C129.754 123.339 130.407 122.48 131.282 121.833C132.155 121.168 133.212 120.773 134.453 120.646C135.695 120.519 136.784 120.695 137.722 121.174C138.658 121.636 139.405 122.3 139.964 123.167C140.523 124.033 140.856 124.992 140.964 126.044C140.983 126.234 140.994 126.424 140.996 126.616C141.016 126.805 141.038 127.021 141.062 127.262L131.104 128.28C131.253 129.223 131.55 129.994 131.994 130.594C132.454 131.174 132.993 131.589 133.611 131.84C134.247 132.088 134.9 132.178 135.573 132.11C136.521 132.013 137.242 131.738 137.736 131.287C138.23 130.836 138.579 130.243 138.783 129.508L140.93 129.288C140.758 130.508 140.249 131.579 139.403 132.502C138.554 133.408 137.346 133.941 135.776 134.101ZM134.6 122.591C133.6 122.693 132.751 123.085 132.054 123.766C131.374 124.445 131.004 125.337 130.942 126.441L138.754 125.643C138.575 124.58 138.102 123.784 137.333 123.253C136.58 122.702 135.669 122.482 134.6 122.591ZM145.538 132.79L145.347 130.927L148.632 130.592L147.767 122.134C147.723 121.703 147.494 121.508 147.081 121.551L144.753 121.788L144.562 119.926L147.692 119.606C148.261 119.548 148.734 119.657 149.111 119.932C149.487 120.207 149.706 120.646 149.768 121.25L149.823 121.793L149.927 121.782C150.046 120.899 150.366 120.195 150.887 119.672C151.426 119.146 152.213 118.831 153.247 118.725L155.601 118.484L155.836 120.786L153.172 121.059C152.12 121.166 151.346 121.602 150.849 122.368C150.351 123.115 150.157 124.033 150.268 125.119L150.805 130.37L154.84 129.957L155.03 131.819L145.538 132.79ZM162.26 135.915L162.064 134.001L164.315 133.771C165.022 133.699 165.547 133.471 165.891 133.087C166.237 132.721 166.37 132.15 166.291 131.374C166.22 130.684 166.108 130.095 165.953 129.605C165.814 129.097 165.667 128.589 165.51 128.082C165.369 127.557 165.261 126.923 165.185 126.181C165.092 125.268 165.213 124.497 165.55 123.87C165.885 123.226 166.36 122.76 166.975 122.47L166.965 122.367C166.304 122.208 165.745 121.855 165.288 121.31C164.83 120.747 164.554 120.008 164.461 119.094C164.385 118.353 164.364 117.719 164.397 117.193C164.446 116.648 164.488 116.121 164.523 115.612C164.574 115.084 164.564 114.475 164.493 113.786C164.414 113.01 164.168 112.477 163.755 112.188C163.34 111.882 162.779 111.765 162.072 111.838L159.822 112.068L159.627 110.154L162.11 109.9C163.351 109.773 164.366 109.983 165.153 110.53C165.957 111.057 166.427 111.994 166.564 113.339C166.631 113.994 166.64 114.594 166.592 115.139C166.558 115.665 166.521 116.235 166.479 116.849C166.453 117.445 166.484 118.173 166.572 119.035C166.648 119.777 166.898 120.352 167.323 120.762C167.764 121.152 168.424 121.303 169.303 121.213L170.519 121.089L170.715 123.003L169.499 123.127C168.62 123.217 168.004 123.506 167.654 123.995C167.318 124.465 167.189 125.071 167.264 125.812C167.351 126.657 167.468 127.377 167.616 127.972C167.781 128.564 167.934 129.124 168.075 129.65C168.231 130.156 168.343 130.737 168.41 131.393C168.547 132.738 168.276 133.75 167.596 134.429C166.936 135.124 165.985 135.535 164.743 135.662L162.26 135.915Z" fill="black"/>
+</g>
+<rect x="7.28125" y="54" width="145" height="51" rx="10" transform="rotate(0.312814 7.28125 54)" fill="#80CB9C"/>
+<path d="M27.2627 92.9198C26.0147 92.913 25.0198 92.5956 24.2779 91.9675C23.5532 91.3569 23.1945 90.3756 23.2019 89.0236C23.2055 88.365 23.2521 87.7759 23.3416 87.2564C23.4485 86.7196 23.547 86.1481 23.6369 85.5419C23.7443 84.9358 23.8002 84.2081 23.8049 83.3588C23.8089 82.6135 23.6128 82.0231 23.2165 81.5876C22.8377 81.1348 22.2062 80.9061 21.3222 80.9012L20.1003 80.8946L20.1108 78.9706L21.3328 78.9773C22.2167 78.9821 22.8506 78.7689 23.2343 78.3376C23.6354 77.8891 23.838 77.2922 23.8421 76.5469C23.8468 75.6803 23.7988 74.952 23.698 74.3621C23.6146 73.755 23.5224 73.1911 23.4212 72.6706C23.3375 72.1328 23.2974 71.5345 23.301 70.8759C23.3084 69.5239 23.6777 68.5466 24.409 67.9439C25.1578 67.324 26.1561 67.0174 27.4041 67.0242L29.9001 67.0379L29.8896 68.9618L27.6276 68.9495C26.9169 68.9456 26.37 69.1159 25.9868 69.4605C25.6037 69.7878 25.41 70.3414 25.4057 71.1214C25.4019 71.8147 25.4419 72.4216 25.5258 72.9421C25.627 73.4453 25.7195 73.9658 25.8032 74.5036C25.9044 75.0242 25.9529 75.6571 25.9489 76.4024C25.9439 77.3211 25.7404 78.0826 25.3384 78.6871C24.9365 79.2743 24.4143 79.6788 23.7717 79.9006L23.7712 80.0046C24.4113 80.2334 24.929 80.6523 25.3243 81.2611C25.7198 81.8526 25.915 82.6077 25.91 83.5263C25.9059 84.2716 25.8504 84.9127 25.7435 85.4494C25.654 85.969 25.5558 86.4884 25.449 87.0079C25.3596 87.51 25.313 88.1078 25.3092 88.8011C25.3049 89.5811 25.4926 90.1368 25.8721 90.4682C26.2515 90.817 26.7966 90.9933 27.5072 90.9971L29.7692 91.0095L29.7587 92.9335L27.2627 92.9198ZM38.4847 88.171L38.5448 77.1472L35.3469 77.1297L35.3571 75.2578L38.5551 75.2752L38.5663 73.2213C38.5736 71.8866 38.8995 70.9264 39.544 70.3406C40.1886 69.7547 41.1608 69.4654 42.4608 69.4725L45.5548 69.4894L45.544 71.4653L42.58 71.4491C41.9387 71.4456 41.4699 71.5818 41.1738 71.8575C40.895 72.116 40.7538 72.5745 40.7502 73.2332L40.739 75.2872L45.523 75.3133L45.5127 77.1852L40.7288 77.1591L40.6686 88.183L38.4847 88.171ZM54.9826 88.5731C53.9599 88.5675 53.1116 88.3809 52.4376 88.0132C51.7636 87.6455 51.2635 87.1661 50.9374 86.575C50.6114 85.9665 50.4503 85.307 50.4542 84.5963C50.4614 83.279 50.9435 82.285 51.9005 81.6142C52.8749 80.9262 54.1681 80.5866 55.7801 80.5954L59.3161 80.6147L59.3175 80.3547C59.3298 78.1014 58.3046 76.9691 56.242 76.9578C55.41 76.9533 54.707 77.1314 54.133 77.4923C53.5764 77.8533 53.2179 78.4233 53.0577 79.2025L50.8217 79.1903C50.9131 78.3241 51.2032 77.5803 51.6919 76.959C52.198 76.3377 52.8419 75.8646 53.6237 75.5395C54.4055 75.2144 55.2817 75.0545 56.2523 75.0598C58.0897 75.0699 59.4217 75.5625 60.2483 76.5377C61.0925 77.4956 61.5102 78.7719 61.5015 80.3666L61.4582 88.2965L59.5862 88.2862L59.4151 86.2833L59.2331 86.2823C58.8484 86.9042 58.3341 87.4474 57.6902 87.9119C57.0637 88.3591 56.1612 88.5796 54.9826 88.5731ZM55.383 86.6513C56.215 86.6558 56.9181 86.4603 57.4923 86.0648C58.0838 85.6693 58.5287 85.1431 58.8269 84.486C59.1425 83.8291 59.3024 83.1106 59.3067 82.3306L55.9527 82.3123C54.7741 82.3059 53.941 82.5007 53.4535 82.8967C52.9833 83.2928 52.7465 83.8202 52.7429 84.4788C52.7392 85.1548 52.9616 85.6847 53.4102 86.0685C53.8588 86.4523 54.5164 86.6465 55.383 86.6513ZM71.7941 88.6649C70.1475 88.6559 68.8149 88.2673 67.7964 87.4991C66.7954 86.7136 66.2379 85.6445 66.1239 84.2919L68.3859 84.3042C68.486 85.0155 68.8295 85.598 69.4164 86.0519C70.0206 86.5059 70.834 86.7356 71.8566 86.7412C72.8273 86.7465 73.5478 86.5424 74.018 86.129C74.5056 85.7157 74.7509 85.2403 74.7538 84.703C74.7578 83.975 74.4745 83.4795 73.9039 83.2163C73.3334 82.9359 72.4766 82.7232 71.3334 82.5783C69.9649 82.4148 68.8316 82.036 67.9335 81.4417C67.0354 80.8475 66.5896 79.961 66.596 78.7824C66.6018 77.7251 67.0486 76.8522 67.9363 76.1637C68.8241 75.4752 70.0307 75.1351 71.556 75.1434C73.0639 75.1516 74.2494 75.5048 75.1122 76.2028C75.9752 76.8836 76.4639 77.8569 76.5783 79.1229L74.4203 79.1111C74.3718 78.4868 74.0711 77.9912 73.5184 77.6242C72.9832 77.2399 72.3083 77.0455 71.4936 77.0411C70.6443 77.0365 69.9847 77.1975 69.5149 77.5243C69.0452 77.8337 68.809 78.2484 68.8061 78.7684C68.8033 79.2884 69.0609 79.7232 69.579 80.0727C70.1145 80.4049 70.954 80.6262 72.0974 80.7364C72.9982 80.8454 73.8206 81.0232 74.5646 81.2699C75.3086 81.5167 75.8958 81.9012 76.3263 82.4236C76.7741 82.946 76.9955 83.6752 76.9904 84.6112C77.0034 85.3913 76.7829 86.0921 76.3289 86.7136C75.8922 87.3179 75.2829 87.7999 74.5009 88.1597C73.7191 88.5021 72.8168 88.6705 71.7941 88.6649ZM88.6074 88.4447C87.4288 88.4383 86.503 88.1472 85.8302 87.5715C85.1573 86.9958 84.8249 85.9627 84.8331 84.472L84.8717 77.4001L81.5957 77.3822L81.606 75.5103L83.5559 75.5209C84.4399 75.5257 84.9536 75.0952 85.097 74.2293L85.4719 72.2293L87.0839 72.2381L87.0659 75.5401L92.2138 75.5682L92.2036 77.4402L87.0557 77.4121L87.017 84.484C87.0131 85.2119 87.1749 85.7242 87.5027 86.0206C87.8477 86.3172 88.4362 86.4677 89.2682 86.4723L92.1542 86.488L92.1434 88.464L88.6074 88.4447ZM102.973 88.8351C101.76 88.8285 100.687 88.5453 99.754 87.9855C98.8384 87.4085 98.1147 86.6159 97.5829 85.6077C97.0512 84.5821 96.789 83.3933 96.7964 82.0413C96.8037 80.6893 97.0702 79.5121 97.5957 78.5096C98.1386 77.4899 98.8795 76.7053 99.8185 76.1557C100.758 75.5888 101.851 75.3088 103.099 75.3156C104.347 75.3224 105.412 75.6142 106.292 76.1911C107.173 76.7505 107.845 77.4909 108.308 78.4121C108.771 79.3333 109 80.3226 108.994 81.3799C108.993 81.5706 108.983 81.7612 108.965 81.9517C108.964 82.1424 108.963 82.3591 108.961 82.6017L98.9516 82.5471C98.9984 83.5007 99.2107 84.2992 99.5886 84.9426C99.9838 85.5688 100.475 86.0395 101.063 86.3547C101.668 86.67 102.308 86.8295 102.984 86.8332C103.938 86.8384 104.684 86.6431 105.224 86.2474C105.763 85.8517 106.173 85.2992 106.455 84.5901L108.613 84.6019C108.311 85.7962 107.691 86.8069 106.75 87.6337C105.81 88.4433 104.551 88.8437 102.973 88.8351ZM103.037 77.2653C102.031 77.2598 101.146 77.5583 100.38 78.1608C99.631 78.7634 99.167 79.6102 98.9877 80.7013L106.84 80.7441C106.776 79.6691 106.391 78.8263 105.683 78.2158C104.993 77.588 104.111 77.2712 103.037 77.2653ZM112.819 88.5769L112.829 86.7049L116.131 86.7229L116.177 78.2211C116.18 77.7877 115.973 77.5699 115.557 77.5677L113.217 77.5549L113.227 75.6829L116.373 75.7001C116.945 75.7032 117.404 75.8617 117.749 76.1756C118.094 76.4895 118.264 76.9498 118.261 77.5564L118.258 78.1024L118.362 78.103C118.575 77.2375 118.968 76.5723 119.543 76.1074C120.135 75.6426 120.951 75.4131 121.991 75.4188L124.357 75.4317L124.344 77.7456L121.666 77.731C120.609 77.7252 119.792 78.0761 119.216 78.7837C118.641 79.4739 118.35 80.365 118.344 81.4569L118.315 86.7349L122.371 86.757L122.361 88.629L112.819 88.5769ZM129.11 93.4759L129.121 91.5519L131.383 91.5643C132.093 91.5682 132.64 91.3978 133.023 91.0532C133.407 90.726 133.6 90.1724 133.604 89.3924C133.608 88.6991 133.56 88.1008 133.458 87.5975C133.374 87.0771 133.282 86.5566 133.181 86.036C133.097 85.4982 133.057 84.8567 133.061 84.1113C133.066 83.1927 133.27 82.4398 133.672 81.8526C134.074 81.2481 134.596 80.835 135.238 80.6132L135.239 80.5092C134.599 80.2803 134.081 79.8702 133.686 79.2787C133.29 78.6698 133.095 77.9061 133.1 76.9874C133.104 76.2421 133.151 75.6097 133.241 75.0902C133.347 74.5534 133.446 74.0339 133.535 73.5318C133.642 73.0123 133.697 72.406 133.701 71.7126C133.705 70.9326 133.518 70.377 133.138 70.0455C132.759 69.6968 132.214 69.5205 131.503 69.5166L129.241 69.5043L129.251 67.5803L131.747 67.5939C132.995 67.6007 133.982 67.9181 134.706 68.5461C135.448 69.1568 135.816 70.1382 135.808 71.4901C135.805 72.1488 135.749 72.7465 135.642 73.2833C135.553 73.8028 135.455 74.3656 135.347 74.9717C135.257 75.5605 135.21 76.2883 135.205 77.1549C135.201 77.9003 135.389 78.4993 135.768 78.952C136.164 79.3875 136.804 79.6077 137.688 79.6125L138.91 79.6192L138.899 81.5432L137.677 81.5365C136.793 81.5317 136.151 81.7535 135.75 82.202C135.366 82.6332 135.172 83.2215 135.168 83.9668C135.163 84.8162 135.203 85.5444 135.286 86.1515C135.387 86.7587 135.479 87.3312 135.563 87.869C135.664 88.3896 135.713 88.9792 135.709 89.6379C135.702 90.9898 135.324 91.9671 134.575 92.5697C133.844 93.1897 132.854 93.4963 131.606 93.4895L129.11 93.4759Z" fill="black"/>
+<defs>
+<clipPath id="clip0_2675_51298">
+<rect x="5.89062" y="112.889" width="176" height="51" rx="10" transform="rotate(-5.83661 5.89062 112.889)" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/public/img/website-redesign/sticky-tag-features.svg b/services/web/public/img/website-redesign/sticky-tag-features.svg
new file mode 100644
index 0000000..eb1f98e
--- /dev/null
+++ b/services/web/public/img/website-redesign/sticky-tag-features.svg
@@ -0,0 +1,15 @@
+<svg width="187" height="164" viewBox="0 0 187 164" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="4.33594" width="130" height="51" rx="10" transform="rotate(4.87582 4.33594 0)" fill="#9597C9"/>
+<path d="M21.1564 40.3857C19.9129 40.2796 18.9464 39.884 18.2568 39.1989C17.583 38.5326 17.3036 37.5258 17.4185 36.1787C17.4745 35.5225 17.5677 34.9389 17.6983 34.4282C17.8476 33.9016 17.9912 33.3398 18.1291 32.7427C18.2843 32.1471 18.398 31.4261 18.4702 30.5799C18.5335 29.8372 18.385 29.2331 18.0246 28.7674C17.683 28.286 17.0717 28.0077 16.1909 27.9326L14.9733 27.8287L15.1369 25.9117L16.3545 26.0155C17.2353 26.0907 17.8841 25.9286 18.3008 25.5292C18.7364 25.114 18.9858 24.5352 19.0492 23.7925C19.1228 22.929 19.1329 22.1992 19.0794 21.6032C19.0446 20.9913 18.9975 20.4219 18.938 19.895C18.8974 19.3522 18.905 18.7527 18.961 18.0964C19.0759 16.7493 19.5218 15.8045 20.2988 15.2619C21.0944 14.7035 22.114 14.4773 23.3575 14.5834L25.8445 14.7955L25.6809 16.7126L23.4271 16.5203C22.719 16.4599 22.1603 16.5862 21.7508 16.8992C21.3429 17.1949 21.1058 17.7314 21.0395 18.5086C20.9805 19.1994 20.9722 19.8075 21.0143 20.333C21.0752 20.8427 21.126 21.3689 21.1667 21.9117C21.2261 22.4387 21.2241 23.0735 21.1608 23.8161C21.0827 24.7314 20.8193 25.4744 20.3705 26.045C19.9232 26.5983 19.3704 26.96 18.7123 27.13L18.7034 27.2336C19.3233 27.5126 19.806 27.9713 20.1517 28.6097C20.4988 29.2308 20.6334 29.999 20.5553 30.9143C20.4919 31.6569 20.3856 32.2915 20.2363 32.8181C20.1058 33.3288 19.9666 33.8389 19.8188 34.3481C19.6897 34.8416 19.5957 35.4338 19.5367 36.1246C19.4704 36.9018 19.6133 37.4706 19.9652 37.8312C20.3157 38.209 20.845 38.4281 21.5531 38.4885L23.8069 38.6808L23.6434 40.5978L21.1564 40.3857ZM30.1559 36.3259L28.4024 23.2335L30.5526 23.4169L31.572 33.1849L34.5939 23.7617L37.029 23.9694L38.4112 33.7683L41.0704 24.3141L43.2465 24.4998L39.2748 37.1038L37.0469 36.9137L35.5662 26.7411L32.3838 36.516L30.1559 36.3259ZM44.6531 37.5626L44.8122 35.6974L48.1023 35.978L48.8249 27.5068C48.8617 27.075 48.6729 26.8415 48.2584 26.8061L45.9269 26.6072L46.086 24.742L49.2206 25.0094C49.7905 25.058 50.2349 25.2525 50.5538 25.5928C50.8727 25.9332 51.0064 26.4056 50.9548 27.01L50.9084 27.5541L51.012 27.5629C51.293 26.717 51.7383 26.0853 52.348 25.6676C52.9749 25.2514 53.8066 25.0875 54.8428 25.1759L57.2002 25.377L57.0036 27.6826L54.3352 27.455C53.2817 27.3651 52.4398 27.6499 51.8095 28.3094C51.1806 28.9516 50.8198 29.8167 50.727 30.9048L50.2784 36.1637L54.3197 36.5084L54.1606 38.3736L44.6531 37.5626ZM66.9173 24.2227C66.3992 24.1785 65.9822 23.969 65.6662 23.5941C65.3503 23.2192 65.213 22.79 65.2542 22.3064C65.2969 21.8056 65.505 21.4058 65.8784 21.1071C66.2533 20.7912 66.6998 20.6553 67.2179 20.6995C67.7187 20.7422 68.1271 20.951 68.4431 21.3259C68.7778 21.685 68.9238 22.1149 68.881 22.6158C68.8398 23.0994 68.6231 23.4984 68.2309 23.8129C67.8561 24.1288 67.4182 24.2654 66.9173 24.2227ZM60.601 38.923L60.7601 37.0578L64.8533 37.407L65.5759 28.9357C65.6127 28.504 65.4153 28.2697 64.9835 28.2328L61.9784 27.9765L62.1375 26.1113L65.6607 26.4118C67.1978 26.5429 67.9008 27.377 67.7697 28.9141L67.0294 37.5926L71.1225 37.9418L70.9634 39.807L60.601 38.923ZM82.6627 40.805C81.4883 40.7048 80.5887 40.341 79.9637 39.7137C79.3388 39.0863 79.0897 38.0299 79.2164 36.5447L79.8175 29.4983L76.5533 29.2198L76.7124 27.3546L78.6554 27.5203C79.5362 27.5955 80.0825 27.2072 80.2943 26.3554L80.8272 24.3916L82.4333 24.5286L82.1527 27.8187L87.2821 28.2562L87.1229 30.1214L81.9936 29.6839L81.3925 36.7303C81.3306 37.4557 81.4512 37.9791 81.7543 38.3007C82.0747 38.6238 82.6493 38.8207 83.4783 38.8914L86.3539 39.1367L86.1859 41.1056L82.6627 40.805ZM96.9521 42.3371C95.7431 42.234 94.6959 41.8663 93.8104 41.2341C92.9437 40.5861 92.2854 39.7384 91.8355 38.691C91.387 37.6264 91.2202 36.4205 91.3351 35.0734C91.45 33.7263 91.8093 32.574 92.4128 31.6165C93.0352 30.6432 93.8362 29.92 94.816 29.4469C95.7972 28.9565 96.9095 28.7644 98.153 28.8704C99.3965 28.9765 100.434 29.3521 101.267 29.9972C102.1 30.6249 102.711 31.4164 103.099 32.3715C103.488 33.3266 103.637 34.331 103.547 35.3845C103.531 35.5744 103.506 35.7637 103.472 35.9522C103.456 36.1422 103.438 36.358 103.417 36.5998L93.4433 35.749C93.4141 36.7033 93.5622 37.5162 93.8877 38.1876C94.2319 38.8432 94.6843 39.3515 95.245 39.7125C95.8229 40.0749 96.4487 40.2849 97.1222 40.3423C98.0721 40.4234 98.8317 40.2881 99.401 39.9366C99.9702 39.585 100.423 39.067 100.76 38.3824L102.91 38.5659C102.515 39.7325 101.816 40.6905 100.812 41.44C99.8104 42.1721 98.5237 42.4712 96.9521 42.3371ZM97.9355 30.809C96.9338 30.7235 96.0272 30.9506 95.2157 31.4903C94.4215 32.0314 93.8917 32.8386 93.6261 33.9119L101.45 34.5793C101.472 33.5026 101.155 32.6319 100.498 31.967C99.8605 31.2863 99.0062 30.9003 97.9355 30.809ZM107.103 47.7174L107.267 45.8003L109.521 45.9926C110.229 46.053 110.788 45.9267 111.197 45.6137C111.605 45.318 111.842 44.7815 111.908 44.0044C111.967 43.3135 111.966 42.7133 111.905 42.2036C111.863 41.6781 111.812 41.1519 111.753 40.6249C111.712 40.0822 111.724 39.4395 111.787 38.6968C111.865 37.7815 112.128 37.0472 112.575 36.4938C113.024 35.9233 113.577 35.553 114.236 35.383L114.244 35.2793C113.625 35.0003 113.141 34.5502 112.794 33.9292C112.448 33.2908 112.314 32.514 112.393 31.5986C112.456 30.856 112.553 30.2293 112.683 29.7185C112.833 29.192 112.972 28.682 113.101 28.1885C113.249 27.6792 113.352 27.0792 113.411 26.3883C113.477 25.6112 113.335 25.0423 112.983 24.6817C112.632 24.3039 112.103 24.0848 111.395 24.0244L109.141 23.8321L109.304 21.9151L111.791 22.1272C113.035 22.2333 113.993 22.6282 114.665 23.3118C115.356 23.9796 115.644 24.9871 115.529 26.3342C115.473 26.9905 115.371 27.5819 115.221 28.1084C115.091 28.6192 114.948 29.1724 114.793 29.768C114.656 30.3478 114.551 31.0695 114.478 31.9331C114.414 32.6757 114.553 33.2877 114.895 33.7692C115.255 34.2348 115.876 34.5052 116.757 34.5804L117.974 34.6842L117.811 36.6013L116.593 36.4974C115.713 36.4223 115.054 36.5923 114.619 37.0074C114.202 37.4068 113.962 37.9778 113.899 38.7204C113.826 39.5667 113.808 40.2957 113.843 40.9075C113.895 41.5209 113.941 42.0989 113.982 42.6416C114.041 43.1686 114.043 43.7602 113.987 44.4165C113.872 45.7636 113.417 46.7077 112.623 47.2489C111.845 47.8087 110.834 48.0356 109.59 47.9295L107.103 47.7174Z" fill="black"/>
+<g clip-path="url(#clip0_3314_9876)">
+<rect x="5.89062" y="112.891" width="176" height="51" rx="10" transform="rotate(-5.83661 5.89062 112.891)" fill="#F9D38F"/>
+<path d="M29.9249 149.445C28.6834 149.572 27.6601 149.363 26.8552 148.818C26.0693 148.289 25.6076 147.351 25.4701 146.006C25.4031 145.351 25.3863 144.761 25.4196 144.234C25.4685 143.689 25.5051 143.111 25.5297 142.498C25.5714 141.884 25.5491 141.155 25.4627 140.31C25.387 139.568 25.1287 139.002 24.6881 138.612C24.2629 138.202 23.6106 138.042 22.7312 138.132L21.5155 138.256L21.3198 136.342L22.5355 136.218C23.4149 136.128 24.0223 135.848 24.3576 135.378C24.7083 134.89 24.8458 134.274 24.77 133.533C24.6819 132.671 24.5561 131.952 24.3927 131.376C24.2448 130.781 24.0927 130.231 23.9364 129.724C23.7955 129.198 23.6916 128.608 23.6246 127.953C23.4871 126.608 23.7496 125.596 24.4122 124.919C25.0902 124.222 26.0499 123.81 27.2915 123.684L29.7745 123.43L29.9702 125.344L27.7199 125.574C27.0129 125.646 26.4874 125.874 26.1433 126.258C25.7974 126.624 25.6642 127.195 25.7435 127.971C25.814 128.661 25.9188 129.26 26.0579 129.769C26.2125 130.258 26.3602 130.766 26.501 131.291C26.6574 131.798 26.7734 132.422 26.8492 133.164C26.9427 134.078 26.8219 134.857 26.487 135.501C26.1503 136.127 25.6745 136.585 25.0594 136.875L25.0699 136.978C25.7309 137.137 26.2905 137.498 26.7488 138.061C27.2053 138.607 27.4803 139.337 27.5737 140.251C27.6495 140.992 27.663 141.635 27.6142 142.181C27.5808 142.707 27.5389 143.234 27.4883 143.762C27.4532 144.27 27.4709 144.87 27.5414 145.559C27.6207 146.335 27.8668 146.868 28.2796 147.157C28.6942 147.463 29.255 147.58 29.962 147.507L32.2123 147.277L32.408 149.191L29.9249 149.445ZM43.9102 143.181C42.7376 143.3 41.786 143.11 41.0553 142.61C40.3247 142.11 39.8836 141.118 39.732 139.635L39.0128 132.6L35.7538 132.933L35.5634 131.071L37.5033 130.872C38.3827 130.782 38.8473 130.299 38.8972 129.423L39.0557 127.394L40.6593 127.23L40.9951 130.515L46.1164 129.992L46.3068 131.854L41.1855 132.378L41.9046 139.413C41.9787 140.137 42.1945 140.629 42.5521 140.889C42.9269 141.147 43.5282 141.233 44.3559 141.149L47.2269 140.855L47.4278 142.821L43.9102 143.181ZM58.1059 142.043C56.8989 142.166 55.8016 142 54.814 141.543C53.8265 141.087 53.0143 140.386 52.3775 139.44C51.739 138.477 51.3501 137.315 51.2108 135.953C51.0716 134.59 51.2181 133.382 51.6504 132.327C52.081 131.255 52.7336 130.396 53.6084 129.749C54.4831 129.102 55.524 128.717 56.7311 128.593C57.9381 128.47 59.0354 128.636 60.023 129.093C61.0105 129.55 61.8236 130.259 62.4621 131.222C63.0989 132.167 63.4869 133.321 63.6261 134.684C63.7654 136.046 63.6197 137.263 63.1892 138.335C62.7569 139.39 62.1034 140.241 61.2286 140.888C60.3539 141.535 59.313 141.92 58.1059 142.043ZM57.8944 139.974C58.6359 139.898 59.2916 139.666 59.8617 139.276C60.4317 138.887 60.8539 138.33 61.1283 137.605C61.4199 136.878 61.511 135.98 61.4017 134.911C61.2925 133.842 61.0215 132.981 60.5889 132.328C60.1735 131.674 59.6473 131.214 59.0103 130.948C58.3733 130.682 57.684 130.587 56.9426 130.662C56.2183 130.736 55.5712 130.968 55.0012 131.357C54.4312 131.747 54.0003 132.305 53.7087 133.032C53.4171 133.758 53.326 134.656 53.4353 135.725C53.5992 137.329 54.1079 138.47 54.9614 139.15C55.8132 139.812 56.7908 140.087 57.8944 139.974ZM72.9644 136.395C72.0678 136.486 71.2492 136.405 70.5087 136.149L69.7377 137.3C69.5745 137.578 69.5492 137.842 69.6618 138.091C69.79 138.322 70.0523 138.417 70.4489 138.377L73.8373 138.031C75.372 137.874 76.6443 138.049 77.6544 138.555C78.6627 139.044 79.233 139.936 79.3652 141.229C79.4445 142.005 79.3194 142.741 78.9897 143.437C78.6601 144.132 78.0845 144.723 77.2629 145.207C76.4602 145.708 75.3692 146.028 73.9897 146.169C72.1964 146.353 70.7222 146.163 69.5671 145.602C68.412 145.041 67.764 144.07 67.623 142.691C67.5718 142.191 67.645 141.713 67.8423 141.257C68.0586 140.817 68.3398 140.413 68.6856 140.047C68.1538 139.788 67.7959 139.354 67.6117 138.745C67.4448 138.135 67.5719 137.504 67.993 136.851L69.0089 135.283C68.0931 134.506 67.5708 133.488 67.4421 132.229C67.3575 131.401 67.4774 130.614 67.8017 129.866C68.1243 129.101 68.6343 128.465 69.3317 127.959C70.0463 127.45 70.9382 127.141 72.0073 127.032C72.697 126.961 73.3456 126.999 73.953 127.146L78.764 126.655L78.9305 128.284L76.533 128.608L76.5515 128.789C77.0756 129.484 77.3844 130.289 77.4778 131.203C77.5624 132.031 77.4435 132.827 77.1209 133.592C76.8138 134.337 76.3029 134.965 75.5883 135.473C74.8909 135.98 74.0163 136.287 72.9644 136.395ZM72.774 134.533C73.619 134.446 74.2832 134.126 74.7666 133.571C75.2673 133.014 75.4727 132.297 75.3828 131.417C75.2929 130.538 74.9473 129.885 74.3462 129.458C73.7605 129.013 73.0452 128.833 72.2003 128.92C71.3381 129.008 70.6567 129.33 70.156 129.887C69.6536 130.426 69.4473 131.135 69.5372 132.015C69.6271 132.894 69.9735 133.556 70.5764 133.999C71.1793 134.443 71.9119 134.621 72.774 134.533ZM69.7618 142.394C69.8394 143.152 70.2511 143.685 70.9968 143.992C71.7426 144.299 72.6759 144.396 73.7967 144.281C74.883 144.17 75.7404 143.865 76.3689 143.365C77.0145 142.863 77.3003 142.25 77.2263 141.526C77.1681 140.957 76.8774 140.499 76.354 140.152C75.8324 139.822 74.925 139.723 73.6317 139.855L70.709 140.154C69.9912 140.802 69.6755 141.549 69.7618 142.394ZM89.2533 138.859C88.0463 138.983 86.949 138.816 85.9614 138.359C84.9893 137.884 84.1849 137.173 83.5481 136.228C82.9096 135.265 82.5216 134.111 82.3841 132.766C82.2466 131.421 82.3854 130.222 82.8005 129.169C83.231 128.097 83.8837 127.238 84.7584 126.591C85.6314 125.926 86.6886 125.531 87.9302 125.404C89.1717 125.277 90.2612 125.453 91.1988 125.932C92.1347 126.394 92.8821 127.058 93.4411 127.925C94.0001 128.791 94.3333 129.75 94.4408 130.802C94.4602 130.992 94.471 131.182 94.4731 131.374C94.4925 131.563 94.5146 131.779 94.5392 132.02L84.5811 133.038C84.7298 133.981 85.0264 134.752 85.471 135.352C85.9311 135.932 86.4701 136.347 87.0881 136.598C87.7233 136.846 88.3772 136.936 89.0497 136.868C89.9981 136.771 90.7193 136.496 91.2133 136.045C91.7073 135.594 92.0561 135.001 92.2598 134.266L94.4066 134.046C94.2351 135.266 93.726 136.337 92.8795 137.26C92.0312 138.166 90.8225 138.699 89.2533 138.859ZM88.0767 127.349C87.0766 127.451 86.228 127.843 85.531 128.524C84.8512 129.203 84.4807 130.095 84.4193 131.199L92.2306 130.401C92.0523 129.339 91.5788 128.542 90.8102 128.011C90.057 127.46 89.1458 127.24 88.0767 127.349ZM105.946 136.839C104.774 136.959 103.822 136.769 103.091 136.269C102.361 135.768 101.92 134.777 101.768 133.294L101.049 126.258L97.7899 126.591L97.5995 124.729L99.5394 124.531C100.419 124.441 100.883 123.958 100.933 123.082L101.092 121.053L102.695 120.889L103.031 124.174L108.153 123.65L108.343 125.513L103.222 126.036L103.941 133.072C104.015 133.796 104.231 134.288 104.588 134.547C104.963 134.805 105.564 134.892 106.392 134.807L109.263 134.514L109.464 136.48L105.946 136.839ZM114.498 135.965L112.594 117.342L114.767 117.12L115.557 124.854C115.835 124.163 116.349 123.57 117.1 123.076C117.849 122.563 118.698 122.259 119.647 122.162C121.216 122.001 122.454 122.354 123.361 123.22C124.286 124.083 124.836 125.369 125.01 127.076L125.801 134.81L123.628 135.032L122.866 127.583C122.748 126.427 122.372 125.56 121.738 124.98C121.121 124.398 120.312 124.158 119.312 124.261C118.623 124.331 118.009 124.551 117.472 124.919C116.934 125.288 116.524 125.792 116.241 126.43C115.958 127.069 115.861 127.828 115.951 128.708L116.67 135.743L114.498 135.965ZM135.78 134.103C134.573 134.226 133.476 134.06 132.488 133.603C131.516 133.128 130.712 132.417 130.075 131.472C129.437 130.509 129.049 129.355 128.911 128.01C128.774 126.665 128.912 125.466 129.328 124.413C129.758 123.341 130.411 122.482 131.285 121.835C132.158 121.17 133.216 120.775 134.457 120.648C135.699 120.521 136.788 120.697 137.726 121.176C138.662 121.638 139.409 122.302 139.968 123.169C140.527 124.035 140.86 124.994 140.968 126.046C140.987 126.235 140.998 126.426 141 126.617C141.02 126.807 141.042 127.023 141.066 127.264L131.108 128.282C131.257 129.225 131.554 129.996 131.998 130.596C132.458 131.176 132.997 131.591 133.615 131.842C134.25 132.09 134.904 132.18 135.577 132.111C136.525 132.015 137.246 131.74 137.74 131.289C138.234 130.838 138.583 130.245 138.787 129.51L140.934 129.29C140.762 130.51 140.253 131.581 139.407 132.504C138.558 133.41 137.35 133.943 135.78 134.103ZM134.604 122.593C133.604 122.695 132.755 123.087 132.058 123.768C131.378 124.447 131.008 125.339 130.946 126.443L138.758 125.644C138.579 124.582 138.106 123.786 137.337 123.255C136.584 122.704 135.673 122.484 134.604 122.593ZM145.541 132.792L145.351 130.929L148.636 130.594L147.771 122.136C147.727 121.705 147.498 121.51 147.085 121.552L144.757 121.79L144.566 119.928L147.696 119.608C148.265 119.55 148.738 119.659 149.114 119.934C149.491 120.209 149.71 120.648 149.772 121.252L149.827 121.795L149.931 121.784C150.05 120.901 150.37 120.197 150.891 119.674C151.43 119.148 152.217 118.832 153.251 118.727L155.605 118.486L155.84 120.788L153.176 121.06C152.124 121.168 151.35 121.604 150.853 122.369C150.355 123.117 150.161 124.034 150.272 125.121L150.809 130.371L154.844 129.959L155.034 131.821L145.541 132.792ZM162.264 135.917L162.068 134.003L164.318 133.773C165.025 133.701 165.551 133.473 165.895 133.089C166.241 132.723 166.374 132.152 166.295 131.376C166.224 130.686 166.112 130.097 165.957 129.607C165.818 129.099 165.67 128.591 165.514 128.084C165.373 127.558 165.265 126.925 165.189 126.183C165.096 125.269 165.217 124.499 165.554 123.872C165.889 123.228 166.364 122.762 166.979 122.472L166.968 122.369C166.308 122.21 165.749 121.857 165.292 121.312C164.834 120.749 164.558 120.01 164.465 119.096C164.389 118.355 164.368 117.721 164.401 117.195C164.45 116.65 164.492 116.123 164.527 115.614C164.577 115.086 164.568 114.477 164.497 113.788C164.418 113.012 164.172 112.479 163.759 112.19C163.344 111.884 162.783 111.767 162.076 111.84L159.826 112.07L159.63 110.156L162.113 109.902C163.355 109.775 164.37 109.985 165.157 110.531C165.96 111.059 166.431 111.996 166.568 113.341C166.635 113.996 166.644 114.596 166.596 115.141C166.562 115.667 166.525 116.237 166.483 116.851C166.457 117.447 166.488 118.175 166.576 119.037C166.651 119.779 166.902 120.354 167.327 120.764C167.768 121.154 168.428 121.305 169.307 121.215L170.523 121.091L170.719 123.005L169.503 123.129C168.623 123.219 168.008 123.508 167.658 123.997C167.322 124.467 167.193 125.073 167.268 125.814C167.355 126.659 167.472 127.379 167.62 127.973C167.785 128.566 167.938 129.126 168.079 129.652C168.235 130.158 168.347 130.739 168.414 131.394C168.551 132.739 168.28 133.752 167.6 134.431C166.94 135.126 165.988 135.537 164.747 135.664L162.264 135.917Z" fill="black"/>
+</g>
+<rect x="7.28125" y="54" width="145" height="51" rx="10" transform="rotate(0.312814 7.28125 54)" fill="#F1A695"/>
+<path d="M27.2608 92.9198C26.0128 92.913 25.0178 92.5956 24.2759 91.9675C23.5512 91.3569 23.1926 90.3756 23.2 89.0236C23.2036 88.365 23.2501 87.7759 23.3396 87.2564C23.4466 86.7196 23.545 86.1481 23.635 85.5419C23.7423 84.9358 23.7983 84.2081 23.8029 83.3588C23.807 82.6135 23.6109 82.0231 23.2146 81.5876C22.8357 81.1348 22.2043 80.9061 21.3203 80.9012L20.0983 80.8946L20.1088 78.9706L21.3308 78.9773C22.2148 78.9821 22.8486 78.7689 23.2323 78.3376C23.6334 77.8891 23.836 77.2922 23.8401 76.5469C23.8448 75.6803 23.7968 74.952 23.696 74.3621C23.6127 73.755 23.5204 73.1911 23.4193 72.6706C23.3355 72.1328 23.2955 71.5345 23.2991 70.8759C23.3064 69.5239 23.6758 68.5466 24.4071 67.9439C25.1558 67.324 26.1542 67.0174 27.4021 67.0242L29.8981 67.0379L29.8876 68.9618L27.6256 68.9495C26.915 68.9456 26.368 69.1159 25.9848 69.4605C25.6017 69.7878 25.408 70.3414 25.4037 71.1214C25.4 71.8147 25.44 72.4216 25.5238 72.9421C25.6251 73.4453 25.7176 73.9658 25.8013 74.5036C25.9024 75.0242 25.951 75.6571 25.9469 76.4024C25.9419 77.3211 25.7384 78.0826 25.3364 78.6871C24.9346 79.2743 24.4123 79.6788 23.7698 79.9006L23.7692 80.0046C24.4093 80.2334 24.927 80.6523 25.3224 81.2611C25.7178 81.8526 25.913 82.6077 25.908 83.5263C25.904 84.2716 25.8485 84.9127 25.7415 85.4494C25.652 85.969 25.5539 86.4884 25.447 87.0079C25.3576 87.51 25.311 88.1078 25.3072 88.8011C25.303 89.5811 25.4906 90.1368 25.8701 90.4682C26.2496 90.817 26.7946 90.9933 27.5053 90.9971L29.7672 91.0095L29.7567 92.9335L27.2608 92.9198ZM40.691 88.4951C39.5297 88.4888 38.4911 88.2144 37.5754 87.6721C36.677 87.1298 35.9619 86.3546 35.4301 85.3463C34.8983 84.3207 34.6363 83.106 34.644 81.702C34.6516 80.298 34.9269 79.0948 35.4697 78.0924C36.0126 77.0727 36.7448 76.2967 37.6664 75.7644C38.6053 75.2322 39.6381 74.9692 40.7648 74.9753C42.3594 74.984 43.6312 75.3896 44.5802 76.1922C45.5292 76.9947 46.13 78.064 46.3827 79.4L44.1467 79.3878C43.9426 78.676 43.547 78.1105 42.96 77.6913C42.373 77.2548 41.6289 77.0341 40.7276 77.0291C40.0689 77.0255 39.444 77.1955 38.8528 77.5389C38.2615 77.8823 37.782 78.3997 37.4143 79.0911C37.0465 79.7824 36.8597 80.6567 36.8539 81.7141C36.8482 82.7714 37.0253 83.6563 37.3854 84.369C37.7457 85.0643 38.2195 85.5869 38.8069 85.9368C39.3943 86.2867 40.0174 86.4634 40.676 86.467C41.6294 86.4722 42.3845 86.2596 42.9416 85.8293C43.5159 85.3991 43.909 84.8293 44.1209 84.1198L46.3569 84.132C46.0201 85.4995 45.3642 86.5706 44.3893 87.3453C43.4317 88.1201 42.1989 88.5033 40.691 88.4951ZM50.4584 88.2364L50.4686 86.3645L53.7705 86.3825L53.817 77.8806C53.8193 77.4473 53.6125 77.2295 53.1965 77.2272L50.8565 77.2144L50.8668 75.3425L54.0127 75.3596C54.5847 75.3628 55.0432 75.5213 55.3881 75.8352C55.7331 76.149 55.9039 76.6093 55.9006 77.216L55.8976 77.762L56.0016 77.7625C56.2144 76.897 56.608 76.2318 57.1825 75.7669C57.7744 75.3022 58.5904 75.0726 59.6303 75.0783L61.9963 75.0912L61.9837 77.4052L59.3057 77.3906C58.2484 77.3848 57.4318 77.7357 56.8559 78.4432C56.2802 79.1334 55.9893 80.0245 55.9833 81.1165L55.9545 86.3944L60.0104 86.4165L60.0002 88.2885L50.4584 88.2364ZM71.7922 88.6649C70.5789 88.6583 69.5057 88.3751 68.5728 87.8153C67.6573 87.2383 66.9336 86.4457 66.4017 85.4374C65.87 84.4118 65.6078 83.2231 65.6152 81.8711C65.6226 80.5191 65.889 79.3419 66.4145 78.3394C66.9574 77.3197 67.6984 76.535 68.6374 75.9855C69.5765 75.4186 70.67 75.1386 71.918 75.1454C73.166 75.1522 74.2304 75.444 75.1113 76.0208C75.9922 76.5803 76.6642 77.3207 77.1272 78.2419C77.5902 79.1631 77.8188 80.1523 77.813 81.2097C77.8119 81.4003 77.8022 81.5909 77.7839 81.7815C77.7828 81.9722 77.7816 82.1888 77.7803 82.4315L67.7705 82.3769C67.8173 83.3305 68.0296 84.129 68.4074 84.7724C68.8026 85.3985 69.2941 85.8692 69.8817 86.1844C70.4867 86.4997 71.1271 86.6592 71.8031 86.6629C72.7564 86.6681 73.5029 86.4729 74.0424 86.0772C74.5819 85.6814 74.9922 85.129 75.2734 84.4198L77.4314 84.4316C77.1302 85.626 76.5093 86.6366 75.5688 87.4635C74.6284 88.273 73.3695 88.6735 71.7922 88.6649ZM71.8554 77.0951C70.85 77.0896 69.9644 77.3881 69.1984 77.9906C68.4498 78.5932 67.9858 79.44 67.8065 80.531L75.6584 80.5739C75.595 79.4989 75.2096 78.6561 74.5022 78.0455C73.8123 77.4178 72.93 77.1009 71.8554 77.0951ZM86.1598 88.7433C85.1372 88.7378 84.2888 88.5511 83.6148 88.1834C82.9408 87.8158 82.4408 87.3364 82.1147 86.7452C81.7887 86.1368 81.6276 85.4772 81.6315 84.7666C81.6387 83.4493 82.1208 82.4552 83.0778 81.7844C84.0522 81.0964 85.3454 80.7568 86.9574 80.7656L90.4933 80.7849L90.4948 80.5249C90.5071 78.2716 89.4819 77.1393 87.4193 77.128C86.5873 77.1235 85.8843 77.3017 85.3103 77.6625C84.7537 78.0235 84.3952 78.5936 84.235 79.3727L81.999 79.3605C82.0904 78.4943 82.3804 77.7505 82.8692 77.1292C83.3752 76.508 84.0192 76.0348 84.801 75.7097C85.5827 75.3847 86.459 75.2248 87.4296 75.2301C89.2669 75.2401 90.5989 75.7327 91.4256 76.7079C92.2697 77.6659 92.6874 78.9422 92.6787 80.5368L92.6354 88.4667L90.7635 88.4565L90.5924 86.4535L90.4104 86.4525C90.0257 87.0744 89.5113 87.6176 88.8675 88.0821C88.241 88.5294 87.3385 88.7498 86.1598 88.7433ZM86.5603 86.8215C87.3923 86.826 88.0954 86.6305 88.6696 86.235C89.2611 85.8396 89.7059 85.3133 90.0042 84.6563C90.3198 83.9993 90.4797 83.2808 90.484 82.5009L87.13 82.4825C85.9514 82.4761 85.1183 82.6709 84.6308 83.0669C84.1606 83.463 83.9237 83.9904 83.9201 84.6491C83.9164 85.325 84.1389 85.8549 84.5875 86.2387C85.036 86.6225 85.6937 86.8168 86.5603 86.8215ZM104.195 88.5298C103.016 88.5234 102.091 88.2323 101.418 87.6566C100.745 87.081 100.413 86.0478 100.421 84.5571L100.459 77.4852L97.1834 77.4674L97.1936 75.5954L99.1436 75.606C100.028 75.6109 100.541 75.1803 100.685 74.3144L101.06 72.3144L102.672 72.3232L102.654 75.6252L107.801 75.6533L107.791 77.5253L102.643 77.4972L102.605 84.5691C102.601 85.2971 102.763 85.8093 103.09 86.1057C103.435 86.4023 104.024 86.5528 104.856 86.5574L107.742 86.5731L107.731 88.5491L104.195 88.5298ZM118.561 88.9202C117.348 88.9136 116.275 88.6304 115.342 88.0707C114.426 87.4937 113.702 86.701 113.171 85.6928C112.639 84.6672 112.377 83.4784 112.384 82.1264C112.391 80.7744 112.658 79.5972 113.183 78.5947C113.726 77.575 114.467 76.7904 115.406 76.2408C116.345 75.674 117.439 75.3939 118.687 75.4007C119.935 75.4075 120.999 75.6994 121.88 76.2762C122.761 76.8357 123.433 77.576 123.896 78.4972C124.359 79.4184 124.588 80.4077 124.582 81.465C124.581 81.6557 124.571 81.8463 124.553 82.0369C124.552 82.2275 124.55 82.4442 124.549 82.6868L114.539 82.6322C114.586 83.5858 114.798 84.3843 115.176 85.0277C115.571 85.6539 116.063 86.1246 116.651 86.4398C117.255 86.7551 117.896 86.9146 118.572 86.9183C119.525 86.9235 120.272 86.7282 120.811 86.3325C121.351 85.9368 121.761 85.3843 122.042 84.6752L124.2 84.687C123.899 85.8813 123.278 86.892 122.338 87.7188C121.397 88.5284 120.138 88.9289 118.561 88.9202ZM118.624 77.3504C117.619 77.3449 116.733 77.6434 115.967 78.2459C115.219 78.8485 114.755 79.6953 114.575 80.7864L122.427 80.8292C122.364 79.7542 121.978 78.9114 121.271 78.3009C120.581 77.6731 119.699 77.3563 118.624 77.3504ZM129.108 93.4759L129.119 91.5519L131.381 91.5643C132.091 91.5682 132.638 91.3978 133.021 91.0532C133.405 90.726 133.598 90.1724 133.603 89.3924C133.606 88.6991 133.558 88.1008 133.456 87.5975C133.372 87.0771 133.28 86.5566 133.179 86.036C133.095 85.4982 133.055 84.8567 133.059 84.1113C133.064 83.1927 133.268 82.4398 133.67 81.8526C134.072 81.2481 134.594 80.835 135.236 80.6132L135.237 80.5092C134.597 80.2803 134.079 79.8702 133.684 79.2787C133.288 78.6698 133.093 77.9061 133.098 76.9874C133.102 76.2421 133.149 75.6097 133.239 75.0902C133.346 74.5534 133.444 74.0339 133.533 73.5318C133.64 73.0123 133.695 72.406 133.699 71.7126C133.703 70.9326 133.516 70.377 133.136 70.0455C132.757 69.6968 132.212 69.5205 131.501 69.5166L129.239 69.5043L129.25 67.5803L131.745 67.5939C132.993 67.6007 133.98 67.9181 134.704 68.5461C135.446 69.1568 135.814 70.1382 135.806 71.4901C135.803 72.1488 135.747 72.7465 135.64 73.2833C135.551 73.8028 135.453 74.3656 135.345 74.9717C135.255 75.5605 135.208 76.2883 135.203 77.1549C135.199 77.9003 135.387 78.4993 135.766 78.952C136.162 79.3875 136.802 79.6077 137.686 79.6125L138.908 79.6192L138.897 81.5432L137.675 81.5365C136.791 81.5317 136.149 81.7535 135.748 82.202C135.364 82.6332 135.17 83.2215 135.166 83.9668C135.162 84.8162 135.201 85.5444 135.284 86.1515C135.385 86.7587 135.477 87.3312 135.561 87.869C135.662 88.3896 135.711 88.9792 135.707 89.6379C135.7 90.9898 135.322 91.9671 134.573 92.5697C133.842 93.1897 132.852 93.4963 131.604 93.4895L129.108 93.4759Z" fill="black"/>
+<defs>
+<clipPath id="clip0_3314_9876">
+<rect x="5.89062" y="112.891" width="176" height="51" rx="10" transform="rotate(-5.83661 5.89062 112.891)" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/public/img/website-redesign/sticky-tag-register.svg b/services/web/public/img/website-redesign/sticky-tag-register.svg
new file mode 100644
index 0000000..3c67a73
--- /dev/null
+++ b/services/web/public/img/website-redesign/sticky-tag-register.svg
@@ -0,0 +1,8 @@
+<svg width="237" height="234" viewBox="0 0 237 234" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="39.6309" y="41.5559" width="130" height="51" rx="10" transform="rotate(-3.76419 39.6309 41.5559)" fill="#F1A695"/>
+<path d="M62.3279 78.9566C61.0826 79.0385 60.0676 78.7926 59.2829 78.2189C58.5166 77.6613 58.0891 76.708 58.0004 75.3589C57.9571 74.7017 57.9617 74.1108 58.014 73.5862C58.0825 73.0432 58.1401 72.4662 58.1868 71.8551C58.2507 71.2429 58.2548 70.5131 58.199 69.6656C58.1501 68.9219 57.9125 68.3469 57.4863 67.9407C57.0762 67.516 56.4301 67.3327 55.548 67.3907L54.3286 67.471L54.2023 65.5511L55.4217 65.4709C56.3038 65.4129 56.9208 65.1551 57.2729 64.6977C57.6411 64.2218 57.8008 63.612 57.7518 62.8683C57.6949 62.0035 57.5953 61.2805 57.4528 60.6992C57.3265 60.0996 57.1944 59.5437 57.0565 59.0317C56.9347 58.5012 56.8522 57.9073 56.809 57.2501C56.7202 55.901 57.0191 54.8999 57.7057 54.2467C58.4085 53.5751 59.3825 53.1984 60.6278 53.1164L63.1184 52.9526L63.2448 54.8724L60.9876 55.0209C60.2785 55.0676 59.7451 55.2764 59.3873 55.6473C59.0284 56.001 58.8746 56.567 58.9258 57.3453C58.9713 58.0371 59.0544 58.6397 59.175 59.1529C59.3118 59.6476 59.441 60.1602 59.5628 60.6907C59.7007 61.2028 59.7941 61.8306 59.843 62.5744C59.9034 63.4911 59.7545 64.2652 59.3965 64.8967C59.0374 65.5109 58.5453 65.9515 57.9201 66.2185L57.927 66.3222C58.5817 66.505 59.1279 66.886 59.5655 67.4651C60.002 68.027 60.2504 68.7663 60.3107 69.683C60.3597 70.4267 60.3499 71.0701 60.2814 71.6131C60.229 72.1377 60.1681 72.6628 60.0984 73.1885C60.0449 73.6958 60.041 74.2953 60.0865 74.9872C60.1377 75.7655 60.3644 76.3064 60.7665 76.61C61.1698 76.9309 61.726 77.068 62.4351 77.0214L64.6922 76.8729L64.8185 78.7927L62.3279 78.9566ZM70.6154 73.5909L66.9149 60.9105L69.0683 60.7688L71.5435 70.2728L73.1155 60.5026L75.5542 60.3421L78.3927 69.8222L79.6015 60.0758L81.7808 59.9325L79.7476 72.9901L77.5164 73.1369L74.5243 63.3021L72.8465 73.4441L70.6154 73.5909ZM85.1338 72.6357L85.0109 70.7678L88.3058 70.551L87.7476 62.0673C87.7192 61.6349 87.4974 61.4324 87.0823 61.4597L84.7474 61.6133L84.6245 59.7454L87.7637 59.5388C88.3344 59.5013 88.803 59.6268 89.1694 59.9153C89.5358 60.2039 89.7389 60.6509 89.7788 61.2562L89.8146 61.8011L89.9184 61.7942C90.0691 60.9158 90.4144 60.2243 90.9544 59.7197C91.5118 59.2141 92.3093 58.9271 93.3471 58.8588L95.708 58.7035L95.8599 61.0125L93.1877 61.1883C92.1326 61.2577 91.343 61.6658 90.8189 62.4124C90.2937 63.1418 90.0669 64.0514 90.1386 65.141L90.4851 70.4076L94.5323 70.1413L94.6552 72.0093L85.1338 72.6357ZM105.141 56.1026C104.623 56.1367 104.179 55.9922 103.81 55.669C103.441 55.3459 103.241 54.9421 103.209 54.4579C103.176 53.9563 103.322 53.5298 103.646 53.1784C103.969 52.8097 104.39 52.6083 104.909 52.5742C105.411 52.5412 105.846 52.6863 106.215 53.0094C106.6 53.3142 106.808 53.7173 106.841 54.2189C106.873 54.7032 106.719 55.1302 106.379 55.5C106.055 55.8687 105.643 56.0696 105.141 56.1026ZM101.105 71.5849L100.982 69.717L105.081 69.4473L104.523 60.9636C104.495 60.5312 104.264 60.3293 103.832 60.3577L100.822 60.5557L100.7 58.6877L104.228 58.4556C105.767 58.3543 106.588 59.0734 106.689 60.6127L107.261 69.3039L111.36 69.0342L111.483 70.9022L101.105 71.5849ZM123.199 70.1313C122.023 70.2087 121.079 69.9842 120.367 69.4578C119.655 68.9314 119.25 67.9245 119.152 66.4371L118.688 59.3803L115.419 59.5954L115.296 57.7274L117.242 57.5994C118.124 57.5414 118.606 57.0754 118.687 56.2015L118.919 54.1799L120.527 54.0741L120.744 57.369L125.881 57.031L126.004 58.899L120.867 59.2369L121.331 66.2937C121.379 67.0201 121.577 67.5195 121.925 67.7919C122.29 68.0632 122.888 68.1715 123.718 68.1169L126.598 67.9274L126.728 69.8992L123.199 70.1313ZM137.557 69.4994C136.346 69.579 135.255 69.3729 134.285 68.8808C133.331 68.3704 132.552 67.6312 131.95 66.6633C131.347 65.6781 131.001 64.511 130.912 63.1619C130.823 61.8128 131.005 60.6197 131.458 59.5824C131.927 58.5266 132.611 57.6913 133.508 57.0764C134.405 56.4442 135.476 56.0871 136.721 56.0051C137.966 55.9232 139.049 56.1386 139.968 56.6513C140.887 57.1468 141.61 57.8375 142.137 58.7234C142.664 59.6094 142.963 60.5799 143.032 61.635C143.045 61.8252 143.048 62.016 143.044 62.2074C143.056 62.3977 143.07 62.6139 143.086 62.856L133.098 63.5132C133.212 64.4611 133.481 65.2424 133.904 65.8574C134.342 66.4538 134.866 66.8884 135.475 67.161C136.1 67.4325 136.751 67.5461 137.425 67.5017C138.376 67.4391 139.107 67.1913 139.617 66.7582C140.127 66.3251 140.497 65.7449 140.727 65.0176L142.88 64.8759C142.665 66.0887 142.118 67.1409 141.238 68.0325C140.358 68.9069 139.13 69.3958 137.557 69.4994ZM136.797 57.9544C135.794 58.0204 134.932 58.3811 134.21 59.0365C133.507 59.6908 133.104 60.5684 133.003 61.6695L140.838 61.154C140.698 60.0862 140.254 59.2729 139.505 58.7142C138.772 58.1371 137.869 57.8838 136.797 57.9544ZM148.401 73.2936L148.275 71.3738L150.532 71.2253C151.241 71.1786 151.774 70.9698 152.132 70.5989C152.491 70.2452 152.645 69.6792 152.594 68.9009C152.548 68.2091 152.457 67.6158 152.32 67.121C152.199 66.6078 152.07 66.0952 151.932 65.5832C151.811 65.0527 151.725 64.4156 151.676 63.6719C151.616 62.7552 151.765 61.9897 152.124 61.3755C152.482 60.7439 152.974 60.2947 153.599 60.0278L153.592 59.924C152.938 59.7412 152.392 59.3689 151.955 58.807C151.518 58.2278 151.269 57.4799 151.209 56.5632C151.16 55.8195 151.161 55.1854 151.214 54.6608C151.282 54.1178 151.343 53.5926 151.397 53.0854C151.466 52.5597 151.478 51.9509 151.433 51.2591C151.382 50.4807 151.155 49.9398 150.753 49.6362C150.35 49.3153 149.793 49.1782 149.084 49.2249L146.827 49.3734L146.701 47.4535L149.191 47.2896C150.437 47.2077 151.443 47.4542 152.21 48.029C152.994 48.5855 153.43 49.5382 153.519 50.8873C153.562 51.5446 153.55 52.1447 153.481 52.6877C153.429 53.2122 153.371 53.7806 153.307 54.3928C153.259 54.9866 153.263 55.7158 153.32 56.5806C153.369 57.3244 153.599 57.9085 154.009 58.3332C154.435 58.7394 155.089 58.9135 155.971 58.8555L157.191 58.7753L157.317 60.6951L156.098 60.7753C155.216 60.8334 154.59 61.1003 154.222 61.5762C153.87 62.0336 153.719 62.6342 153.767 63.3779C153.823 64.2254 153.914 64.949 154.041 65.5487C154.184 66.1472 154.317 66.7117 154.439 67.2422C154.577 67.7543 154.667 68.3389 154.71 68.9962C154.799 70.3452 154.492 71.3469 153.788 72.0012C153.102 72.6717 152.137 73.0478 150.891 73.1298L148.401 73.2936Z" fill="black"/>
+<rect x="22.9023" y="138.55" width="176" height="51" rx="10" transform="rotate(-3.88852 22.9023 138.55)" fill="#B199C8"/>
+<path d="M45.6807 175.902C44.4355 175.986 43.42 175.743 42.6341 175.171C41.8666 174.615 41.437 173.662 41.3453 172.313C41.3007 171.656 41.3039 171.065 41.3552 170.541C41.4225 169.998 41.4788 169.42 41.5241 168.809C41.5867 168.197 41.5893 167.467 41.5317 166.62C41.4811 165.876 41.2423 165.302 40.8151 164.896C40.4041 164.473 39.7576 164.291 38.8757 164.351L37.6565 164.433L37.526 162.514L38.7452 162.431C39.6271 162.371 40.2437 162.112 40.5947 161.654C40.9619 161.177 41.1202 160.567 41.0697 159.823C41.0109 158.959 40.9097 158.236 40.7659 157.655C40.6383 157.056 40.505 156.5 40.366 155.988C40.2431 155.458 40.1593 154.864 40.1146 154.207C40.0229 152.858 40.3197 151.857 41.0049 151.202C41.7062 150.529 42.6794 150.15 43.9245 150.065L46.4148 149.896L46.5453 151.816L44.2885 151.969C43.5794 152.017 43.0464 152.227 42.6895 152.599C42.3314 152.953 42.1788 153.52 42.2317 154.298C42.2787 154.99 42.363 155.592 42.4848 156.105C42.6226 156.599 42.753 157.112 42.8759 157.642C43.0149 158.154 43.1097 158.781 43.1603 159.525C43.2226 160.441 43.0754 161.216 42.7188 161.848C42.361 162.463 41.8698 162.905 41.2453 163.173L41.2523 163.277C41.9075 163.458 42.4545 163.838 42.8934 164.416C43.3311 164.977 43.5811 165.716 43.6434 166.633C43.6939 167.376 43.6855 168.02 43.6182 168.563C43.567 169.087 43.5072 169.613 43.4387 170.138C43.3863 170.646 43.3836 171.245 43.4306 171.937C43.4835 172.715 43.7114 173.256 44.1142 173.559C44.5181 173.879 45.0746 174.014 45.7837 173.966L48.0404 173.813L48.1709 175.732L45.6807 175.902ZM59.8708 170.116C58.6949 170.196 57.7503 169.974 57.037 169.449C56.3238 168.924 55.9166 167.918 55.8156 166.431L55.336 159.375L52.0675 159.597L51.9406 157.729L53.8861 157.597C54.768 157.537 55.2488 157.07 55.3284 156.196L55.5558 154.174L57.1641 154.065L57.388 157.359L62.5241 157.01L62.6511 158.878L57.5149 159.227L57.9945 166.282C58.0439 167.009 58.2429 167.508 58.5914 167.779C58.9573 168.05 59.5552 168.157 60.3853 168.101L63.2647 167.905L63.3987 169.876L59.8708 170.116ZM74.097 169.462C72.8865 169.544 71.7955 169.34 70.824 168.85C69.8526 168.36 69.0647 167.632 68.4604 166.666C67.855 165.682 67.5058 164.507 67.413 163.141C67.3201 161.774 67.5076 160.572 67.9756 159.532C68.4423 158.475 69.1238 157.639 70.02 157.022C70.9163 156.405 71.9696 156.055 73.1802 155.973C74.3907 155.891 75.4817 156.094 76.4532 156.584C77.4246 157.074 78.2131 157.811 78.8185 158.795C79.4228 159.762 79.7714 160.928 79.8642 162.294C79.9571 163.66 79.7702 164.872 79.3034 165.929C78.8355 166.968 78.1534 167.796 77.2572 168.413C76.361 169.03 75.3076 169.38 74.097 169.462ZM73.956 167.387C74.6996 167.336 75.3629 167.126 75.9458 166.756C76.5288 166.386 76.9696 165.844 77.2685 165.129C77.5846 164.412 77.7063 163.518 77.6334 162.446C77.5605 161.374 77.319 160.504 76.9088 159.837C76.5159 159.169 76.0057 158.691 75.3781 158.403C74.7505 158.116 74.0649 157.998 73.3212 158.048C72.5949 158.098 71.9403 158.307 71.3573 158.677C70.7744 159.046 70.3249 159.59 70.0087 160.306C69.6926 161.022 69.571 161.917 69.6438 162.989C69.7531 164.597 70.2228 165.755 71.0527 166.463C71.8814 167.154 72.8492 167.462 73.956 167.387ZM89.1389 164.322C88.2397 164.383 87.4244 164.273 86.693 163.993L85.8833 165.117C85.7107 165.389 85.6765 165.652 85.7806 165.905C85.9008 166.14 86.1598 166.244 86.5575 166.217L89.9557 165.986C91.4948 165.882 92.7605 166.1 93.7528 166.64C94.7439 167.164 95.2835 168.074 95.3717 169.371C95.4246 170.149 95.2745 170.88 94.9214 171.564C94.5683 172.249 93.973 172.819 93.1353 173.275C92.3162 173.748 91.2149 174.031 89.8314 174.126C88.0329 174.248 86.5659 174.009 85.4306 173.408C84.2953 172.808 83.6806 171.816 83.5866 170.432C83.5525 169.931 83.6418 169.456 83.8545 169.007C84.0857 168.574 84.3804 168.181 84.7385 167.826C84.2158 167.549 83.8728 167.103 83.7094 166.489C83.5633 165.874 83.7118 165.247 84.1549 164.609L85.2235 163.077C84.3346 162.268 83.8473 161.233 83.7615 159.971C83.7051 159.14 83.8516 158.357 84.2012 157.621C84.5496 156.868 85.0809 156.25 85.7951 155.767C86.5266 155.283 87.4285 155.004 88.5007 154.932C89.1924 154.885 89.8393 154.945 90.4414 155.112L95.2663 154.784L95.3773 156.419L92.9702 156.66L92.9825 156.842C93.4827 157.555 93.764 158.37 93.8263 159.286C93.8827 160.117 93.7367 160.908 93.3883 161.662C93.0561 162.396 92.5242 163.006 91.7926 163.49C91.0784 163.973 90.1938 164.25 89.1389 164.322ZM89.012 162.454C89.8594 162.397 90.5341 162.099 91.0361 161.561C91.5554 161.022 91.7851 160.311 91.7251 159.429C91.6652 158.547 91.342 157.883 90.7557 157.436C90.1855 156.971 89.4768 156.768 88.6294 156.825C87.7647 156.884 87.0727 157.183 86.5534 157.722C86.0329 158.244 85.8027 158.946 85.8626 159.828C85.9226 160.71 86.2463 161.383 86.8338 161.847C87.4213 162.31 88.1473 162.513 89.012 162.454ZM85.7343 170.208C85.786 170.969 86.1793 171.516 86.9142 171.848C87.6491 172.18 88.5786 172.308 89.7027 172.232C90.7921 172.158 91.6594 171.882 92.3045 171.404C92.9668 170.924 93.2733 170.321 93.2239 169.595C93.1852 169.024 92.9101 168.557 92.3989 168.192C91.8888 167.844 90.9853 167.714 89.6883 167.803L86.757 168.002C86.0176 168.625 85.6767 169.361 85.7343 170.208ZM105.335 167.339C104.124 167.421 103.033 167.217 102.062 166.727C101.106 166.219 100.326 165.481 99.7222 164.515C99.1168 163.531 98.7682 162.364 98.6765 161.015C98.5848 159.667 98.7643 158.473 99.2149 157.435C99.6817 156.378 100.363 155.541 101.259 154.924C102.154 154.29 103.225 153.931 104.47 153.846C105.715 153.761 106.798 153.975 107.718 154.485C108.638 154.979 109.362 155.668 109.892 156.553C110.421 157.437 110.721 158.407 110.793 159.462C110.806 159.652 110.81 159.843 110.806 160.035C110.819 160.225 110.834 160.441 110.85 160.683L100.863 161.362C100.98 162.31 101.25 163.09 101.674 163.704C102.114 164.3 102.638 164.733 103.248 165.005C103.874 165.275 104.524 165.387 105.199 165.341C106.15 165.276 106.88 165.027 107.389 164.593C107.898 164.159 108.267 163.578 108.496 162.85L110.649 162.703C110.436 163.917 109.891 164.97 109.013 165.864C108.134 166.74 106.908 167.232 105.335 167.339ZM104.55 155.795C103.547 155.863 102.686 156.226 101.966 156.883C101.263 157.539 100.863 158.417 100.764 159.518L108.598 158.986C108.456 157.919 108.01 157.106 107.259 156.549C106.525 155.974 105.622 155.722 104.55 155.795ZM122.087 165.887C120.911 165.967 119.966 165.745 119.253 165.22C118.54 164.695 118.132 163.689 118.031 162.202L117.552 155.146L114.283 155.368L114.156 153.5L116.102 153.368C116.984 153.308 117.465 152.841 117.544 151.967L117.772 149.945L119.38 149.836L119.604 153.13L124.74 152.781L124.867 154.649L119.731 154.998L120.21 162.054C120.26 162.78 120.459 163.279 120.807 163.551C121.173 163.821 121.771 163.928 122.601 163.872L125.48 163.676L125.614 165.647L122.087 165.887ZM130.663 165.304L129.393 146.627L131.572 146.479L132.099 154.235C132.401 153.555 132.935 152.98 133.702 152.511C134.468 152.024 135.327 151.749 136.278 151.684C137.852 151.577 139.077 151.972 139.955 152.867C140.849 153.762 141.355 155.066 141.471 156.778L141.999 164.534L139.82 164.682L139.312 157.211C139.233 156.052 138.887 155.173 138.272 154.571C137.675 153.969 136.876 153.702 135.872 153.77C135.181 153.817 134.56 154.016 134.011 154.366C133.461 154.716 133.034 155.205 132.729 155.834C132.425 156.463 132.302 157.218 132.362 158.1L132.842 165.156L130.663 165.304ZM151.997 164.167C150.786 164.249 149.695 164.045 148.724 163.555C147.768 163.047 146.988 162.31 146.384 161.343C145.779 160.359 145.43 159.193 145.338 157.844C145.247 156.495 145.426 155.301 145.877 154.263C146.344 153.206 147.025 152.369 147.921 151.753C148.816 151.118 149.886 150.759 151.132 150.674C152.377 150.59 153.46 150.803 154.38 151.314C155.3 151.807 156.024 152.496 156.554 153.381C157.083 154.266 157.383 155.236 157.455 156.291C157.468 156.481 157.472 156.672 157.468 156.863C157.481 157.053 157.495 157.269 157.512 157.511L147.525 158.19C147.641 159.138 147.912 159.919 148.336 160.533C148.776 161.128 149.3 161.562 149.909 161.833C150.536 162.103 151.186 162.215 151.861 162.169C152.812 162.105 153.542 161.855 154.051 161.421C154.56 160.987 154.929 160.406 155.157 159.678L157.31 159.532C157.098 160.745 156.552 161.798 155.675 162.692C154.796 163.568 153.57 164.06 151.997 164.167ZM151.212 152.623C150.209 152.692 149.347 153.054 148.628 153.711C147.925 154.367 147.525 155.246 147.426 156.347L155.26 155.814C155.118 154.747 154.671 153.935 153.921 153.377C153.187 152.802 152.284 152.551 151.212 152.623ZM161.797 163.188L161.67 161.32L164.964 161.096L164.387 152.614C164.358 152.182 164.136 151.98 163.721 152.008L161.386 152.166L161.259 150.299L164.398 150.085C164.969 150.047 165.437 150.171 165.805 150.459C166.172 150.747 166.376 151.193 166.417 151.798L166.454 152.343L166.558 152.336C166.706 151.457 167.05 150.765 167.589 150.259C168.145 149.753 168.942 149.464 169.98 149.393L172.34 149.233L172.497 151.541L169.826 151.723C168.771 151.795 167.982 152.205 167.459 152.952C166.936 153.683 166.711 154.593 166.785 155.682L167.143 160.948L171.19 160.673L171.317 162.541L161.797 163.188ZM178.403 166.88L178.273 164.961L180.529 164.807C181.238 164.759 181.771 164.549 182.128 164.177C182.486 163.823 182.639 163.257 182.586 162.478C182.539 161.787 182.447 161.194 182.309 160.699C182.187 160.186 182.057 159.674 181.918 159.162C181.795 158.632 181.708 157.995 181.657 157.251C181.595 156.335 181.743 155.569 182.101 154.954C182.457 154.322 182.948 153.871 183.572 153.603L183.565 153.499C182.91 153.318 182.364 152.947 181.926 152.386C181.487 151.808 181.237 151.06 181.174 150.144C181.124 149.4 181.124 148.766 181.175 148.241C181.243 147.698 181.303 147.173 181.355 146.666C181.423 146.14 181.434 145.531 181.387 144.839C181.334 144.061 181.106 143.521 180.704 143.218C180.3 142.898 179.743 142.762 179.034 142.81L176.777 142.963L176.647 141.044L179.137 140.875C180.382 140.79 181.389 141.034 182.158 141.607C182.943 142.162 183.381 143.114 183.472 144.463C183.517 145.12 183.506 145.72 183.438 146.263C183.387 146.788 183.33 147.357 183.268 147.969C183.221 148.563 183.227 149.292 183.286 150.157C183.337 150.9 183.567 151.484 183.978 151.908C184.406 152.313 185.06 152.486 185.942 152.426L187.161 152.343L187.292 154.262L186.073 154.345C185.191 154.405 184.566 154.674 184.199 155.15C183.848 155.608 183.698 156.209 183.748 156.953C183.806 157.8 183.898 158.524 184.026 159.123C184.171 159.721 184.305 160.286 184.428 160.816C184.567 161.328 184.658 161.912 184.703 162.569C184.795 163.918 184.489 164.92 183.787 165.576C183.103 166.248 182.138 166.626 180.893 166.711L178.403 166.88Z" fill="black"/>
+<rect x="34.4863" y="83.5107" width="145" height="51" rx="10" transform="rotate(1.56452 34.4863 83.5107)" fill="#80CB9C"/>
+<path d="M53.6108 122.858C52.3632 122.823 51.3754 122.484 50.6474 121.84C49.9363 121.214 49.5991 120.225 49.6361 118.874C49.654 118.215 49.7134 117.627 49.8143 117.11C49.9329 116.575 50.0438 116.006 50.147 115.402C50.2675 114.799 50.3394 114.072 50.3626 113.223C50.3829 112.478 50.1998 111.884 49.8131 111.44C49.4442 110.979 48.8179 110.736 47.9342 110.712L46.7127 110.679L46.7652 108.755L47.9868 108.789C48.8704 108.813 49.5088 108.614 49.9018 108.191C50.3126 107.751 50.5282 107.159 50.5486 106.414C50.5722 105.547 50.5401 104.818 50.4523 104.226C50.3822 103.618 50.3023 103.052 50.2125 102.529C50.1405 101.99 50.1136 101.391 50.1315 100.732C50.1685 99.3808 50.5591 98.4118 51.3033 97.8252C52.0654 97.2218 53.0703 96.9371 54.3178 96.9712L56.8129 97.0393L56.7603 98.9626L54.4992 98.9009C53.7888 98.8815 53.2382 99.0398 52.8476 99.3759C52.4574 99.6947 52.2517 100.244 52.2304 101.024C52.2114 101.717 52.2382 102.324 52.3106 102.847C52.4009 103.352 52.482 103.874 52.5539 104.414C52.6437 104.936 52.6784 105.57 52.658 106.315C52.633 107.234 52.4129 107.991 51.9978 108.586C51.5832 109.164 51.0523 109.557 50.405 109.765L50.4022 109.869C51.0371 110.112 51.5456 110.542 51.9275 111.159C52.31 111.759 52.4886 112.518 52.4635 113.437C52.4432 114.182 52.3737 114.821 52.2551 115.356C52.1542 115.873 52.0447 116.39 51.9266 116.907C51.8262 117.407 51.7666 118.004 51.7477 118.697C51.7264 119.477 51.9018 120.036 52.274 120.376C52.6457 120.733 53.1868 120.921 53.8972 120.941L56.1584 121.002L56.1058 122.926L53.6108 122.858ZM67.1344 118.727C65.9735 118.696 64.9412 118.399 64.0376 117.836C63.1513 117.275 62.4532 116.484 61.9436 115.464C61.4344 114.427 61.1989 113.207 61.2372 111.804C61.2756 110.4 61.577 109.203 62.1416 108.213C62.7067 107.205 63.4557 106.446 64.3887 105.933C65.339 105.422 66.3773 105.182 67.5035 105.212C69.0976 105.256 70.3603 105.689 71.2915 106.512C72.2227 107.335 72.8 108.417 73.0235 109.759L70.7883 109.698C70.5998 108.982 70.2166 108.408 69.6389 107.976C69.0616 107.526 68.3225 107.289 67.4215 107.265C66.7631 107.247 66.1346 107.403 65.536 107.733C64.9374 108.064 64.4467 108.571 64.0639 109.254C63.6811 109.937 63.4753 110.807 63.4464 111.864C63.4176 112.921 63.5754 113.81 63.9198 114.53C64.2647 115.233 64.727 115.766 65.3067 116.128C65.8863 116.491 66.5054 116.681 67.1638 116.699C68.1168 116.725 68.8764 116.529 69.4427 116.111C70.0263 115.694 70.4318 115.133 70.6591 114.428L72.8943 114.489C72.5277 115.849 71.8486 116.905 70.857 117.658C69.8827 118.412 68.6418 118.768 67.1344 118.727ZM76.9051 118.682L76.9562 116.811L80.257 116.901L80.4891 108.402C80.501 107.969 80.299 107.747 79.8831 107.735L77.544 107.671L77.5951 105.8L80.7399 105.886C81.3117 105.902 81.7666 106.07 82.1046 106.391C82.4427 106.713 82.6034 107.177 82.5868 107.783L82.5719 108.329L82.6759 108.332C82.9075 107.471 83.3155 106.815 83.9001 106.362C84.502 105.911 85.3227 105.699 86.3624 105.727L88.7275 105.792L88.6643 108.105L85.9873 108.032C84.9304 108.003 84.1063 108.336 83.5151 109.031C82.9244 109.708 82.6141 110.593 82.5843 111.684L82.4402 116.96L86.4947 117.071L86.4436 118.942L76.9051 118.682ZM98.2245 119.576C97.0116 119.543 95.9449 119.237 95.0244 118.657C94.1217 118.06 93.4155 117.252 92.9058 116.232C92.3966 115.195 92.1605 114.001 92.1974 112.649C92.2343 111.298 92.5264 110.127 93.0736 109.136C93.6387 108.128 94.3966 107.36 95.3474 106.831C96.2987 106.285 97.3981 106.029 98.6456 106.063C99.8932 106.097 100.951 106.412 101.819 107.008C102.688 107.586 103.343 108.341 103.786 109.272C104.229 110.203 104.436 111.198 104.407 112.254C104.402 112.445 104.388 112.635 104.365 112.826C104.36 113.016 104.354 113.233 104.347 113.475L94.3411 113.202C94.367 114.156 94.5619 114.959 94.9255 115.611C95.307 116.245 95.7881 116.727 96.3687 117.055C96.9666 117.383 97.6034 117.557 98.2792 117.575C99.2321 117.601 99.9826 117.422 100.531 117.038C101.079 116.655 101.501 116.111 101.798 115.408L103.955 115.467C103.628 116.655 102.985 117.652 102.026 118.458C101.069 119.247 99.8012 119.619 98.2245 119.576ZM98.5404 108.011C97.5354 107.983 96.6435 108.262 95.8645 108.848C95.1029 109.434 94.6206 110.271 94.4175 111.357L102.267 111.572C102.227 110.496 101.86 109.645 101.166 109.019C100.49 108.376 99.6147 108.04 98.5404 108.011ZM112.587 119.969C111.565 119.941 110.721 119.736 110.055 119.353C109.389 118.971 108.9 118.481 108.586 117.883C108.274 117.267 108.127 116.604 108.147 115.894C108.183 114.577 108.686 113.594 109.658 112.944C110.647 112.277 111.947 111.966 113.559 112.01L117.093 112.107L117.1 111.847C117.162 109.594 116.162 108.44 114.1 108.384C113.268 108.361 112.561 108.524 111.98 108.872C111.415 109.221 111.045 109.783 110.867 110.558L108.632 110.497C108.742 109.633 109.049 108.896 109.551 108.285C110.07 107.675 110.724 107.216 111.513 106.908C112.302 106.601 113.181 106.46 114.152 106.486C115.988 106.537 117.309 107.058 118.114 108.051C118.937 109.027 119.327 110.312 119.284 111.906L119.067 119.834L117.196 119.782L117.069 117.776L116.887 117.771C116.488 118.385 115.962 118.916 115.308 119.367C114.672 119.8 113.765 120.001 112.587 119.969ZM113.029 118.056C113.861 118.079 114.568 117.899 115.151 117.516C115.751 117.133 116.207 116.617 116.52 115.967C116.85 115.317 117.025 114.602 117.046 113.822L113.694 113.731C112.515 113.698 111.678 113.875 111.182 114.26C110.704 114.646 110.455 115.168 110.437 115.826C110.419 116.502 110.63 117.037 111.07 117.43C111.51 117.824 112.163 118.032 113.029 118.056ZM130.623 120.149C129.444 120.117 128.525 119.806 127.865 119.216C127.205 118.625 126.895 117.585 126.936 116.095L127.129 109.026L123.854 108.936L123.905 107.065L125.855 107.118C126.738 107.142 127.261 106.723 127.424 105.86L127.842 103.869L129.453 103.913L129.363 107.214L134.509 107.355L134.458 109.226L129.312 109.085L129.119 116.155C129.099 116.882 129.25 117.398 129.571 117.702C129.91 118.006 130.495 118.169 131.326 118.192L134.211 118.27L134.157 120.246L130.623 120.149ZM144.977 120.853C143.764 120.82 142.697 120.514 141.777 119.934C140.874 119.337 140.168 118.528 139.658 117.509C139.149 116.472 138.913 115.278 138.949 113.926C138.986 112.575 139.278 111.404 139.826 110.413C140.391 109.405 141.149 108.637 142.1 108.108C143.051 107.562 144.15 107.306 145.398 107.34C146.645 107.374 147.703 107.689 148.571 108.285C149.44 108.863 150.095 109.618 150.538 110.549C150.981 111.48 151.188 112.474 151.159 113.531C151.154 113.722 151.14 113.912 151.117 114.102C151.112 114.293 151.106 114.51 151.099 114.752L141.093 114.479C141.119 115.433 141.314 116.236 141.678 116.888C142.059 117.522 142.54 118.004 143.121 118.332C143.719 118.66 144.356 118.834 145.031 118.852C145.984 118.878 146.735 118.699 147.283 118.315C147.831 117.931 148.253 117.388 148.55 116.685L150.707 116.744C150.38 117.932 149.737 118.929 148.779 119.735C147.821 120.524 146.553 120.896 144.977 120.853ZM145.292 109.288C144.288 109.26 143.396 109.539 142.617 110.125C141.855 110.711 141.373 111.547 141.17 112.634L149.019 112.849C148.979 111.773 148.612 110.922 147.918 110.296C147.242 109.653 146.367 109.317 145.292 109.288ZM155.422 125.638L155.474 123.715L157.735 123.777C158.446 123.796 158.996 123.638 159.387 123.302C159.777 122.983 159.983 122.434 160.004 121.654C160.023 120.961 159.987 120.362 159.897 119.856C159.825 119.334 159.744 118.812 159.654 118.289C159.582 117.75 159.556 117.107 159.577 116.362C159.602 115.444 159.821 114.696 160.236 114.117C160.651 113.522 161.182 113.12 161.83 112.912L161.832 112.809C161.197 112.566 160.689 112.144 160.306 111.544C159.924 110.927 159.746 110.159 159.771 109.241C159.791 108.496 159.852 107.865 159.953 107.347C160.071 106.813 160.181 106.296 160.281 105.796C160.399 105.279 160.468 104.674 160.487 103.981C160.508 103.201 160.333 102.641 159.961 102.302C159.589 101.945 159.048 101.756 158.337 101.737L156.076 101.675L156.129 99.7519L158.624 99.8201C159.871 99.8542 160.85 100.193 161.561 100.837C162.29 101.463 162.635 102.453 162.599 103.804C162.581 104.463 162.512 105.059 162.394 105.593C162.293 106.111 162.182 106.671 162.062 107.275C161.959 107.861 161.896 108.588 161.872 109.454C161.852 110.199 162.026 110.802 162.395 111.263C162.781 111.707 163.417 111.941 164.3 111.966L165.522 111.999L165.469 113.922L164.248 113.889C163.364 113.865 162.717 114.072 162.306 114.512C161.913 114.935 161.706 115.519 161.686 116.264C161.663 117.113 161.686 117.842 161.756 118.451C161.844 119.06 161.923 119.634 161.995 120.174C162.085 120.696 162.121 121.287 162.103 121.945C162.066 123.297 161.667 124.266 160.905 124.852C160.16 125.456 159.164 125.741 157.917 125.706L155.422 125.638Z" fill="black"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/sticky-tag-universities.svg b/services/web/public/img/website-redesign/sticky-tag-universities.svg
new file mode 100644
index 0000000..33ec674
--- /dev/null
+++ b/services/web/public/img/website-redesign/sticky-tag-universities.svg
@@ -0,0 +1,15 @@
+<svg width="227" height="158" viewBox="0 0 227 158" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect x="26" y="9.02344" width="130" height="51" rx="10" transform="rotate(-3.97942 26 9.02344)" fill="#F9D38F"/>
+<path d="M48.837 46.338C47.592 46.4247 46.5761 46.1826 45.7892 45.6118C45.0209 45.0571 44.5898 44.1054 44.496 42.7567C44.4502 42.0996 44.4526 41.5087 44.5029 40.9839C44.5694 40.4407 44.6248 39.8634 44.6692 39.2522C44.7308 38.6398 44.7322 37.9099 44.6732 37.0626C44.6215 36.3191 44.3817 35.745 43.954 35.3404C43.5423 34.9173 42.8955 34.7364 42.0136 34.7977L40.7946 34.8825L40.6611 32.9632L41.8801 32.8784C42.762 32.817 43.3781 32.557 43.7284 32.0982C44.0949 31.621 44.2522 31.0106 44.2005 30.2671C44.1403 29.4025 44.0379 28.6798 43.8933 28.0992C43.7647 27.5 43.6305 26.9446 43.4907 26.4331C43.367 25.903 43.2822 25.3095 43.2365 24.6524C43.1427 23.3037 43.4378 22.3014 44.122 21.6457C44.8222 20.9715 45.7948 20.5911 47.0398 20.5045L49.5298 20.3313L49.6633 22.2506L47.4068 22.4076C46.6978 22.4569 46.1652 22.6677 45.8088 23.04C45.4513 23.395 45.2995 23.9616 45.3537 24.7397C45.4018 25.4314 45.4871 26.0336 45.6097 26.5463C45.7483 27.0405 45.8795 27.5527 46.0032 28.0827C46.1431 28.5942 46.2389 29.2217 46.2906 29.9653C46.3543 30.8817 46.2084 31.6564 45.8528 32.2893C45.496 32.9048 45.0055 33.3473 44.3814 33.6166L44.3886 33.7203C45.044 33.9006 45.5916 34.2795 46.0314 34.8571C46.47 35.4173 46.7212 36.1557 46.785 37.0721C46.8367 37.8156 46.8293 38.459 46.7629 39.0023C46.7125 39.5271 46.6535 40.0524 46.5858 40.5784C46.5342 41.0858 46.5325 41.6854 46.5806 42.3771C46.6348 43.1552 46.8635 43.6953 47.2667 43.9974C47.6712 44.3167 48.2279 44.4518 48.9369 44.4024L51.1934 44.2455L51.3269 46.1648L48.837 46.338ZM57.1042 40.9413L53.3561 28.2749L55.5089 28.1251L58.0199 37.6197L59.5552 27.8436L61.9933 27.674L64.8674 37.1434L66.0395 27.3925L68.2182 27.241L66.2341 40.3062L64.0035 40.4613L60.9745 30.6379L59.3348 40.7861L57.1042 40.9413ZM71.619 39.9316L71.4891 38.0641L74.7831 37.8349L74.1931 29.3534C74.163 28.9211 73.9405 28.7194 73.5255 28.7483L71.1911 28.9107L71.0612 27.0432L74.1996 26.8249C74.7702 26.7852 75.2393 26.9089 75.6068 27.1961C75.9743 27.4833 76.179 27.9295 76.2211 28.5347L76.259 29.0794L76.3628 29.0722C76.5101 28.1932 76.8529 27.5004 77.391 26.9938C77.9465 26.486 78.7429 26.1961 79.7804 26.1239L82.1407 25.9597L82.3013 28.2681L79.6298 28.454C78.575 28.5273 77.7869 28.9383 77.2656 29.687C76.7431 30.4184 76.5198 31.3287 76.5956 32.4181L76.9618 37.6834L81.0081 37.4019L81.138 39.2694L71.619 39.9316ZM91.5643 23.3234C91.0456 23.3594 90.6013 23.2166 90.2314 22.8948C89.8615 22.5731 89.6597 22.1701 89.626 21.6859C89.5911 21.1845 89.7352 20.7574 90.0582 20.4048C90.3799 20.035 90.8002 19.832 91.3189 19.7959C91.8204 19.761 92.2561 19.9044 92.6259 20.2262C93.0119 20.5295 93.2224 20.9319 93.2572 21.4333C93.2909 21.9175 93.1382 22.3451 92.7992 22.7162C92.4774 23.0861 92.0658 23.2885 91.5643 23.3234ZM87.5862 38.8208L87.4563 36.9533L91.5544 36.6682L90.9644 28.1867C90.9343 27.7544 90.7031 27.5533 90.2708 27.5834L87.2621 27.7927L87.1322 25.9252L90.6597 25.6798C92.1986 25.5728 93.0216 26.2887 93.1287 27.8276L93.7331 36.5166L97.8312 36.2316L97.9612 38.099L87.5862 38.8208ZM109.675 37.2842C108.499 37.366 107.554 37.145 106.84 36.6213C106.126 36.0976 105.717 35.0922 105.614 33.6051L105.123 26.5502L101.855 26.7775L101.725 24.9101L103.67 24.7747C104.552 24.7134 105.032 24.2456 105.11 23.3714L105.334 21.349L106.942 21.2371L107.172 24.5311L112.307 24.1739L112.437 26.0414L107.302 26.3986L107.792 33.4536C107.843 34.1798 108.043 34.6785 108.392 34.9496C108.758 35.2195 109.356 35.3256 110.186 35.2678L113.065 35.0676L113.202 37.0388L109.675 37.2842ZM124.03 36.5983C122.819 36.6825 121.728 36.4804 120.756 35.9921C119.799 35.4852 119.018 34.749 118.413 33.7833C117.806 32.8004 117.455 31.6346 117.361 30.2859C117.268 28.9371 117.445 27.7433 117.894 26.7043C118.359 25.6468 119.039 24.8089 119.935 24.1906C120.829 23.555 121.898 23.1939 123.143 23.1073C124.388 23.0207 125.471 23.232 126.393 23.7413C127.313 24.2333 128.039 24.9213 128.569 25.8052C129.1 26.6892 129.402 27.6586 129.475 28.7134C129.489 28.9036 129.493 29.0944 129.489 29.2858C129.502 29.476 129.517 29.6922 129.534 29.9342L119.548 30.6289C119.667 31.5763 119.938 32.3567 120.363 32.97C120.804 33.5649 121.329 33.9975 121.939 34.2678C122.566 34.537 123.216 34.6481 123.891 34.6012C124.842 34.535 125.571 34.2844 126.08 33.8494C126.588 33.4144 126.956 32.8328 127.183 32.1046L129.336 31.9549C129.125 33.1684 128.582 34.2227 127.706 35.1176C126.828 35.9953 125.603 36.4889 124.03 36.5983ZM123.227 25.0562C122.224 25.126 121.363 25.4899 120.644 26.1481C119.943 26.805 119.543 27.6842 119.446 28.7856L127.279 28.2406C127.136 27.1734 126.688 26.3618 125.937 25.8059C125.202 25.2315 124.299 24.9816 123.227 25.0562ZM134.888 40.3518L134.755 38.4325L137.011 38.2755C137.72 38.2262 138.253 38.0154 138.609 37.6431C138.967 37.2881 139.118 36.7215 139.064 35.9434C139.016 35.2517 138.923 34.6588 138.784 34.1645C138.662 33.6518 138.53 33.1397 138.39 32.6281C138.267 32.0981 138.179 31.4613 138.127 30.7178C138.064 29.8013 138.21 29.0353 138.567 28.4197C138.922 27.7869 139.412 27.3358 140.036 27.0665L140.029 26.9627C139.374 26.7825 138.827 26.4122 138.388 25.852C137.948 25.2744 137.697 24.5274 137.633 23.611C137.581 22.8674 137.58 22.2333 137.631 21.7085C137.697 21.1653 137.756 20.6399 137.808 20.1324C137.876 19.6065 137.885 18.9977 137.837 18.306C137.783 17.5279 137.554 16.9878 137.151 16.6857C136.747 16.3663 136.19 16.2313 135.481 16.2806L133.224 16.4376L133.091 14.5183L135.581 14.345C136.826 14.2584 137.833 14.5011 138.603 15.0731C139.388 15.6266 139.828 16.5777 139.922 17.9264C139.968 18.5835 139.957 19.1837 139.891 19.7269C139.84 20.2517 139.784 20.8203 139.723 21.4327C139.677 22.0266 139.684 22.7559 139.745 23.6204C139.796 24.364 140.028 24.9473 140.44 25.3704C140.868 25.775 141.522 25.9467 142.404 25.8853L143.623 25.8005L143.757 27.7199L142.538 27.8047C141.656 27.866 141.032 28.1353 140.665 28.6126C140.315 29.0713 140.166 29.6725 140.217 30.416C140.276 31.2633 140.37 31.9865 140.499 32.5857C140.644 33.1837 140.779 33.7477 140.903 34.2777C141.043 34.7893 141.136 35.3736 141.181 36.0307C141.275 37.3794 140.971 38.3822 140.27 39.0392C139.587 39.7122 138.623 40.092 137.378 40.1786L134.888 40.3518Z" fill="black"/>
+<g clip-path="url(#clip0_3314_14557)">
+<rect x="0.476562" y="106.258" width="223" height="51" rx="10" transform="rotate(-4.10355 0.476562 106.258)" fill="#80CB9C"/>
+<path d="M23.3936 143.524C22.1488 143.613 21.1324 143.373 20.3443 142.804C19.5748 142.251 19.1416 141.3 19.0449 139.952C18.9977 139.295 18.9988 138.704 19.048 138.179C19.1133 137.636 19.1674 137.058 19.2105 136.447C19.2708 135.835 19.2706 135.105 19.2098 134.258C19.1565 133.514 18.9155 132.941 18.4868 132.537C18.0742 132.115 17.427 131.935 16.5453 131.998L15.3264 132.086L15.1888 130.167L16.4076 130.079C17.2894 130.016 17.9049 129.755 18.2542 129.295C18.6196 128.817 18.7757 128.206 18.7223 127.463C18.6603 126.599 18.5564 125.876 18.4104 125.296C18.2806 124.697 18.1452 124.142 18.0042 123.631C17.8793 123.101 17.7933 122.507 17.7462 121.85C17.6495 120.502 17.9424 119.499 18.6252 118.842C19.3239 118.166 20.2957 117.784 21.5405 117.694L24.0301 117.516L24.1678 119.435L21.9116 119.597C21.2027 119.647 20.6706 119.859 20.315 120.232C19.9582 120.588 19.8077 121.155 19.8635 121.933C19.9132 122.625 19.9998 123.227 20.1234 123.739C20.2632 124.233 20.3955 124.745 20.5203 125.275C20.6613 125.786 20.7584 126.413 20.8118 127.157C20.8775 128.073 20.7333 128.848 20.379 129.482C20.0236 130.098 19.534 130.541 18.9105 130.812L18.9179 130.916C19.5737 131.095 20.1222 131.472 20.5632 132.049C21.003 132.608 21.2558 133.346 21.3216 134.262C21.3749 135.006 21.3689 135.649 21.3036 136.193C21.2544 136.718 21.1965 137.243 21.13 137.769C21.0795 138.277 21.0791 138.876 21.1287 139.568C21.1845 140.346 21.4144 140.885 21.8183 141.187C22.2235 141.505 22.7805 141.639 23.4893 141.588L25.7455 141.426L25.8832 143.345L23.3936 143.524ZM36.4432 138.078C35.2849 138.161 34.2283 137.968 33.2735 137.497C32.3361 137.026 31.5634 136.308 30.9555 135.344C30.3463 134.362 29.9915 133.171 29.8911 131.771C29.7906 130.37 29.9724 129.15 30.4364 128.108C30.8992 127.05 31.5695 126.22 32.4473 125.618C33.3425 125.015 34.352 124.673 35.4757 124.593C37.0663 124.479 38.3656 124.785 39.3735 125.512C40.3815 126.239 41.0629 127.259 41.4177 128.572L39.1874 128.732C38.9291 128.038 38.4912 127.504 37.8736 127.132C37.2547 126.742 36.4958 126.579 35.5968 126.643C34.9398 126.691 34.3298 126.908 33.7668 127.296C33.2038 127.684 32.7655 128.237 32.4521 128.954C32.1386 129.672 32.0197 130.558 32.0954 131.613C32.1711 132.667 32.4159 133.536 32.8298 134.219C33.2425 134.884 33.7551 135.369 34.3677 135.672C34.9804 135.976 35.6152 136.104 36.2722 136.057C37.223 135.989 37.9596 135.719 38.4818 135.247C39.0214 134.774 39.3694 134.175 39.526 133.452L41.7563 133.292C41.5258 134.681 40.9544 135.799 40.042 136.647C39.1469 137.493 37.9473 137.97 36.4432 138.078ZM51.7856 136.977C50.5754 137.064 49.4836 136.865 48.5103 136.378C47.5371 135.892 46.7465 135.167 46.1386 134.202C45.5294 133.221 45.1759 132.047 45.0779 130.681C44.9799 129.315 45.1629 128.112 45.6269 127.071C46.0897 126.012 46.768 125.173 47.6619 124.553C48.5559 123.932 49.6079 123.579 50.8181 123.492C52.0284 123.405 53.1201 123.605 54.0934 124.091C55.0667 124.577 55.8579 125.311 56.4671 126.293C57.075 127.257 57.4279 128.422 57.5259 129.788C57.6239 131.154 57.4415 132.366 56.9787 133.425C56.5147 134.466 55.8357 135.297 54.9418 135.917C54.0479 136.537 52.9958 136.891 51.7856 136.977ZM51.6368 134.903C52.3802 134.849 53.0427 134.637 53.6242 134.265C54.2058 133.893 54.6446 133.349 54.9408 132.632C55.2542 131.915 55.3725 131.02 55.2956 129.948C55.2187 128.876 54.9739 128.008 54.5612 127.342C54.1658 126.675 53.6538 126.199 53.0251 125.914C52.3965 125.629 51.7104 125.513 50.967 125.567C50.2408 125.619 49.587 125.831 49.0055 126.203C48.4239 126.575 47.9764 127.119 47.663 127.837C47.3495 128.555 47.2312 129.449 47.3081 130.521C47.4235 132.129 47.8975 133.286 48.73 133.99C49.5614 134.678 50.5303 134.982 51.6368 134.903ZM61.4782 135.969L61.3442 134.102L65.7269 133.788L64.7018 119.498C64.6708 119.066 64.4392 118.865 64.0069 118.897L60.7393 119.131L60.6054 117.264L64.3916 116.992C65.1351 116.939 65.7199 117.097 66.146 117.466C66.5722 117.835 66.812 118.391 66.8653 119.135L67.9053 133.631L72.2881 133.317L72.422 135.184L61.4782 135.969ZM77.028 134.854L76.8941 132.986L81.2768 132.672L80.2517 118.383C80.2207 117.951 79.989 117.75 79.5568 117.781L76.2892 118.015L76.1553 116.148L79.9415 115.876C80.6849 115.823 81.2697 115.981 81.6959 116.35C82.1221 116.719 82.3618 117.276 82.4152 118.019L83.4552 132.516L87.838 132.201L87.9719 134.068L77.028 134.854ZM97.346 133.709C96.326 133.782 95.4658 133.661 94.7655 133.346C94.0652 133.032 93.5297 132.592 93.159 132.028C92.7871 131.447 92.5758 130.801 92.5249 130.092C92.4306 128.779 92.8348 127.75 93.7373 127.008C94.6558 126.247 95.9191 125.809 97.5269 125.693L101.054 125.44L101.035 125.181C100.874 122.933 99.7647 121.883 97.7073 122.031C96.8775 122.09 96.1903 122.322 95.6458 122.726C95.1186 123.129 94.8051 123.725 94.7053 124.514L92.475 124.674C92.4995 123.804 92.7314 123.04 93.1708 122.382C93.6276 121.724 94.2331 121.203 94.9876 120.818C95.742 120.434 96.6033 120.207 97.5715 120.138C99.4041 120.006 100.77 120.395 101.669 121.304C102.585 122.194 103.1 123.434 103.214 125.025L103.781 132.934L101.914 133.068L101.589 131.084L101.408 131.097C101.072 131.747 100.601 132.328 99.9947 132.841C99.4046 133.335 98.5217 133.624 97.346 133.709ZM97.5974 131.762C98.4272 131.702 99.1132 131.453 99.6552 131.015C100.214 130.575 100.618 130.016 100.864 129.338C101.128 128.658 101.232 127.93 101.177 127.152L97.8313 127.392C96.6556 127.476 95.84 127.735 95.3844 128.167C94.9462 128.598 94.7506 129.142 94.7977 129.799C94.8461 130.473 95.1087 130.985 95.5855 131.333C96.0623 131.681 96.7329 131.824 97.5974 131.762ZM114.426 132.483C113.441 132.554 112.588 132.415 111.868 132.067C111.164 131.701 110.622 131.175 110.243 130.49L110.087 130.501L109.995 132.488L108.206 132.617L106.866 113.945L109.044 113.789L109.593 121.439C109.881 120.845 110.355 120.307 111.015 119.825C111.693 119.342 112.508 119.066 113.459 118.998C114.565 118.919 115.56 119.108 116.445 119.566C117.329 120.024 118.049 120.737 118.605 121.705C119.161 122.673 119.491 123.874 119.594 125.309C119.698 126.761 119.545 128.015 119.134 129.07C118.722 130.107 118.102 130.916 117.275 131.497C116.465 132.076 115.515 132.405 114.426 132.483ZM113.992 130.429C115.081 130.351 115.944 129.907 116.581 129.096C117.234 128.268 117.504 127.067 117.391 125.493C117.279 123.92 116.84 122.778 116.077 122.069C115.33 121.34 114.411 121.015 113.322 121.093C112.233 121.171 111.362 121.625 110.709 122.454C110.054 123.265 109.784 124.458 109.897 126.031C110.01 127.604 110.448 128.754 111.213 129.482C111.976 130.191 112.903 130.507 113.992 130.429ZM129.535 131.399C128.325 131.486 127.233 131.287 126.26 130.8C125.286 130.314 124.496 129.589 123.888 128.624C123.279 127.643 122.925 126.469 122.827 125.103C122.729 123.737 122.912 122.534 123.376 121.493C123.839 120.434 124.517 119.595 125.411 118.975C126.305 118.354 127.357 118.001 128.568 117.914C129.778 117.827 130.869 118.027 131.843 118.513C132.816 119 133.607 119.733 134.216 120.715C134.824 121.679 135.177 122.844 135.275 124.21C135.373 125.576 135.191 126.788 134.728 127.847C134.264 128.888 133.585 129.719 132.691 130.339C131.797 130.959 130.745 131.313 129.535 131.399ZM129.386 129.325C130.13 129.271 130.792 129.059 131.374 128.687C131.955 128.315 132.394 127.771 132.69 127.054C133.004 126.337 133.122 125.442 133.045 124.37C132.968 123.298 132.723 122.43 132.311 121.764C131.915 121.097 131.403 120.621 130.775 120.336C130.146 120.051 129.46 119.935 128.716 119.989C127.99 120.041 127.336 120.253 126.755 120.625C126.173 120.997 125.726 121.541 125.412 122.259C125.099 122.977 124.981 123.871 125.058 124.943C125.173 126.551 125.647 127.708 126.479 128.412C127.311 129.1 128.28 129.404 129.386 129.325ZM139.461 130.374L139.327 128.507L142.621 128.271L142.012 119.791C141.981 119.359 141.758 119.157 141.343 119.187L139.009 119.355L138.875 117.487L142.013 117.262C142.584 117.221 143.053 117.344 143.421 117.63C143.789 117.917 143.995 118.363 144.038 118.968L144.077 119.512L144.181 119.505C144.327 118.626 144.668 117.932 145.205 117.424C145.759 116.915 146.555 116.624 147.592 116.549L149.952 116.38L150.118 118.688L147.447 118.88C146.392 118.955 145.605 119.368 145.085 120.118C144.564 120.85 144.343 121.761 144.421 122.85L144.799 128.115L148.845 127.824L148.978 129.692L139.461 130.374ZM159.546 129.246C158.526 129.32 157.665 129.199 156.965 128.884C156.265 128.569 155.729 128.13 155.359 127.566C154.987 126.984 154.775 126.339 154.724 125.63C154.63 124.316 155.034 123.288 155.937 122.545C156.855 121.784 158.119 121.346 159.726 121.231L163.253 120.978L163.235 120.719C163.074 118.471 161.964 117.421 159.907 117.569C159.077 117.628 158.39 117.86 157.845 118.264C157.318 118.667 157.005 119.263 156.905 120.052L154.675 120.212C154.699 119.341 154.931 118.577 155.37 117.92C155.827 117.262 156.433 116.74 157.187 116.356C157.942 115.972 158.803 115.745 159.771 115.675C161.604 115.544 162.97 115.933 163.869 116.841C164.784 117.731 165.299 118.972 165.413 120.562L165.981 128.472L164.113 128.606L163.789 126.622L163.607 126.635C163.271 127.285 162.8 127.866 162.194 128.379C161.604 128.873 160.721 129.162 159.546 129.246ZM159.797 127.299C160.627 127.24 161.313 126.991 161.855 126.552C162.414 126.112 162.817 125.553 163.064 124.875C163.328 124.196 163.432 123.467 163.376 122.689L160.031 122.929C158.855 123.014 158.04 123.272 157.584 123.705C157.146 124.136 156.95 124.68 156.997 125.337C157.046 126.011 157.308 126.522 157.785 126.87C158.262 127.218 158.932 127.361 159.797 127.299ZM177.511 127.645C176.335 127.729 175.39 127.51 174.675 126.988C173.959 126.466 173.548 125.461 173.442 123.974L172.936 116.921L169.668 117.155L169.534 115.288L171.479 115.148C172.361 115.085 172.84 114.616 172.916 113.742L173.136 111.719L174.744 111.604L174.98 114.897L180.115 114.529L180.249 116.396L175.114 116.764L175.62 123.818C175.672 124.544 175.873 125.043 176.223 125.313C176.59 125.582 177.188 125.687 178.018 125.627L180.896 125.421L181.038 127.392L177.511 127.645ZM191.864 126.928C190.654 127.015 189.562 126.815 188.589 126.329C187.632 125.824 186.849 125.089 186.241 124.125C185.632 123.143 185.279 121.978 185.182 120.63C185.086 119.281 185.261 118.087 185.707 117.047C186.17 115.988 186.848 115.149 187.742 114.529C188.635 113.891 189.704 113.528 190.949 113.439C192.193 113.349 193.277 113.558 194.2 114.066C195.121 114.556 195.848 115.242 196.381 116.125C196.913 117.008 197.217 117.976 197.293 119.031C197.307 119.221 197.312 119.412 197.308 119.603C197.322 119.794 197.337 120.01 197.355 120.252L187.37 120.968C187.49 121.915 187.763 122.695 188.19 123.307C188.632 123.901 189.158 124.333 189.768 124.602C190.396 124.87 191.047 124.979 191.721 124.931C192.672 124.863 193.401 124.61 193.908 124.174C194.416 123.738 194.782 123.156 195.008 122.427L197.161 122.273C196.952 123.487 196.411 124.542 195.537 125.439C194.662 126.319 193.437 126.815 191.864 126.928ZM191.036 115.387C190.033 115.459 189.173 115.825 188.456 116.485C187.756 117.143 187.359 118.023 187.264 119.125L195.096 118.563C194.95 117.496 194.501 116.685 193.748 116.131C193.012 115.558 192.108 115.31 191.036 115.387ZM202.731 130.658L202.593 128.739L204.849 128.577C205.558 128.526 206.09 128.314 206.446 127.941C206.803 127.585 206.953 127.018 206.897 126.24C206.848 125.549 206.753 124.956 206.613 124.462C206.49 123.949 206.357 123.438 206.216 122.926C206.092 122.397 206.002 121.76 205.949 121.017C205.883 120.1 206.028 119.334 206.384 118.718C206.738 118.084 207.227 117.632 207.85 117.361L207.843 117.257C207.187 117.079 206.639 116.71 206.2 116.15C205.758 115.574 205.505 114.827 205.439 113.911C205.386 113.168 205.384 112.533 205.433 112.008C205.498 111.465 205.556 110.94 205.607 110.432C205.673 109.906 205.682 109.297 205.632 108.606C205.576 107.828 205.346 107.288 204.943 106.987C204.537 106.668 203.98 106.534 203.272 106.585L201.015 106.747L200.878 104.828L203.367 104.649C204.612 104.56 205.62 104.801 206.391 105.371C207.177 105.923 207.619 106.873 207.716 108.221C207.763 108.878 207.754 109.479 207.689 110.022C207.64 110.547 207.585 111.116 207.524 111.728C207.48 112.322 207.489 113.051 207.551 113.916C207.604 114.659 207.837 115.242 208.25 115.664C208.679 116.068 209.334 116.238 210.216 116.175L211.434 116.087L211.572 118.007L210.353 118.094C209.472 118.157 208.848 118.428 208.483 118.906C208.133 119.365 207.985 119.967 208.039 120.71C208.099 121.558 208.195 122.281 208.325 122.879C208.472 123.477 208.608 124.041 208.733 124.571C208.874 125.082 208.968 125.666 209.015 126.323C209.111 127.671 208.81 128.675 208.11 129.333C207.428 130.008 206.465 130.39 205.22 130.479L202.731 130.658Z" fill="black"/>
+</g>
+<rect x="36.6328" y="49.0078" width="130" height="51" rx="10" transform="rotate(2.96178 36.6328 49.0078)" fill="#DADBEB"/>
+<path d="M54.7927 88.8084C53.5463 88.7439 52.5671 88.3809 51.855 87.7192C51.1593 87.0757 50.8464 86.0789 50.9163 84.7287C50.9503 84.0709 51.024 83.4846 51.1375 82.9698C51.2691 82.4385 51.3939 81.8722 51.5118 81.2708C51.647 80.6703 51.7365 79.946 51.7804 79.0978C51.8189 78.3535 51.6503 77.7546 51.2745 77.3013C50.917 76.8315 50.2968 76.5738 49.414 76.5281L48.1936 76.465L48.2931 74.5435L49.5134 74.6067C50.3962 74.6523 51.0393 74.4687 51.4425 74.0556C51.8639 73.6261 52.0939 73.0392 52.1324 72.2949C52.1771 71.4294 52.1628 70.6997 52.0894 70.1058C52.0342 69.4954 51.9681 68.9279 51.8911 68.4032C51.8323 67.8621 51.82 67.2627 51.854 66.6049C51.9239 65.2547 52.338 64.2955 53.0963 63.7273C53.8729 63.1426 54.8844 62.8825 56.1307 62.947L58.6234 63.076L58.524 64.9974L56.265 64.8805C55.5553 64.8438 55.001 64.9887 54.6023 65.3152C54.2045 65.6244 53.9854 66.1685 53.9451 66.9474C53.9093 67.6398 53.9212 68.2479 53.9809 68.7717C54.0588 69.2791 54.1271 69.8033 54.1859 70.3444C54.2629 70.8691 54.2821 71.5036 54.2436 72.2479C54.1961 73.1654 53.9577 73.9167 53.5282 74.502C53.0996 75.0699 52.5593 75.4498 51.9071 75.6417L51.9018 75.7456C52.5306 76.0038 53.0284 76.4461 53.3952 77.0725C53.7629 77.6817 53.923 78.445 53.8755 79.3624C53.837 80.1067 53.7519 80.7445 53.6203 81.2758C53.5069 81.7906 53.3848 82.305 53.2541 82.8189C53.1416 83.3164 53.0674 83.9114 53.0316 84.6038C52.9913 85.3828 53.153 85.9465 53.5168 86.2951C53.8797 86.661 54.4161 86.8624 55.1258 86.8991L57.3847 87.016L57.2853 88.9374L54.7927 88.8084ZM69.5716 84.7566C68.3945 84.6957 67.4832 84.3622 66.8377 83.756C66.1921 83.1499 65.9079 82.1024 65.9849 80.6138L66.3503 73.5512L63.0787 73.3819L63.1754 71.5124L65.1228 71.6132C66.0056 71.6589 66.5386 71.2525 66.7219 70.3942L67.1889 68.4137L68.7987 68.497L68.6281 71.7946L73.7692 72.0606L73.6725 73.9301L68.5314 73.6641L68.166 80.7266C68.1283 81.4536 68.2664 81.9728 68.58 82.2841C68.911 82.5963 69.492 82.7739 70.3228 82.8169L73.205 82.966L73.1029 84.9393L69.5716 84.7566ZM83.9041 85.8106C82.6924 85.7479 81.6335 85.4154 80.7274 84.8131C79.8396 84.1944 79.1533 83.3692 78.6686 82.3374C78.1848 81.2884 77.9779 80.0887 78.0477 78.7386C78.1176 77.3884 78.4381 76.2247 79.0094 75.2476C79.5988 74.254 80.3753 73.5045 81.3387 72.9989C82.303 72.4761 83.4083 72.2469 84.6546 72.3113C85.901 72.3758 86.9508 72.7165 87.804 73.3334C88.6582 73.933 89.2952 74.7037 89.7151 75.6453C90.135 76.5869 90.3177 77.5857 90.2631 78.6416C90.2532 78.832 90.2347 79.022 90.2075 79.2115C90.1977 79.4019 90.1865 79.6183 90.1739 79.8606L80.1773 79.3434C80.18 80.2981 80.3552 81.1056 80.7029 81.7658C81.0687 82.4096 81.5379 82.9025 82.1103 83.2445C82.7001 83.5874 83.3325 83.7763 84.0076 83.8113C84.9596 83.8605 85.7143 83.7 86.2715 83.3296C86.8287 82.9592 87.2642 82.4264 87.5778 81.731L89.733 81.8425C89.3769 83.0216 88.71 84.0025 87.7322 84.785C86.7554 85.5502 85.4794 85.8921 83.9041 85.8106ZM84.502 74.2561C83.498 74.2041 82.5995 74.4614 81.8065 75.0278C81.0308 75.5952 80.5282 76.4196 80.2987 77.5012L88.1402 77.9069C88.1265 76.8301 87.7804 75.9704 87.1021 75.3278C86.4419 74.6688 85.5752 74.3116 84.502 74.2561ZM98.2528 86.553C97.2315 86.5001 96.3927 86.2745 95.7364 85.8761C95.0801 85.4776 94.6027 84.9756 94.3043 84.37C94.0068 83.7472 93.8763 83.0809 93.9131 82.3712C93.9811 81.0556 94.5087 80.0849 95.4956 79.459C96.5008 78.8168 97.8084 78.5373 99.4182 78.6206L102.949 78.8033L102.963 78.5437C103.079 76.2933 102.108 75.1149 100.048 75.0083C99.2168 74.9653 98.5063 75.1108 97.9163 75.4448C97.3436 75.7796 96.9592 76.3325 96.7631 77.1034L94.53 76.9879C94.6614 76.1268 94.9855 75.3973 95.5024 74.7992C96.0367 74.202 96.7018 73.7591 97.4978 73.4705C98.2937 73.1819 99.1764 73.0627 100.146 73.1128C101.981 73.2078 103.288 73.7614 104.069 74.7738C104.868 75.7697 105.226 77.064 105.144 78.6565L104.734 86.5759L102.865 86.4792L102.786 84.4705L102.605 84.461C102.192 85.0645 101.653 85.5834 100.988 86.0176C100.342 86.4354 99.4299 86.6139 98.2528 86.553ZM98.7417 84.6517C99.5726 84.6947 100.284 84.5319 100.876 84.1633C101.485 83.7956 101.954 83.2905 102.282 82.648C102.628 82.0063 102.821 81.296 102.861 80.517L99.5113 80.3437C98.3342 80.2828 97.493 80.4389 96.9877 80.8119C96.4998 81.1859 96.2388 81.7018 96.2047 82.3596C96.1698 83.0347 96.3675 83.5743 96.7979 83.9784C97.2282 84.3825 97.8762 84.6069 98.7417 84.6517ZM115.12 87.4257C113.96 87.3657 112.936 87.0436 112.046 86.4595C111.174 85.8764 110.495 85.0689 110.01 84.0371C109.527 82.9881 109.321 81.7625 109.393 80.3603C109.466 78.9582 109.797 77.769 110.385 76.7928C110.975 75.7993 111.742 75.0579 112.687 74.5688C113.65 74.0805 114.693 73.8655 115.819 73.9237C117.411 74.0061 118.663 74.4701 119.574 75.3156C120.485 76.1611 121.035 77.2571 121.226 78.6034L118.993 78.4879C118.822 77.7674 118.453 77.1842 117.886 76.7383C117.32 76.2751 116.587 76.0202 115.687 75.9736C115.029 75.9396 114.397 76.0805 113.79 76.3962C113.184 76.712 112.681 77.2067 112.281 77.8803C111.882 78.5539 111.655 79.4186 111.601 80.4745C111.546 81.5305 111.682 82.4227 112.009 83.1512C112.336 83.8624 112.786 84.4064 113.356 84.783C113.927 85.1597 114.541 85.365 115.199 85.399C116.151 85.4483 116.915 85.2709 117.491 84.8668C118.085 84.4636 118.504 83.9125 118.749 83.2135L120.982 83.3291C120.582 84.6796 119.877 85.7192 118.868 86.448C117.875 87.1777 116.626 87.5036 115.12 87.4257ZM124.863 87.6174L125.83 68.9224L128.011 69.0352L127.61 76.7988C127.99 76.1589 128.589 75.6519 129.407 75.2776C130.225 74.8861 131.111 74.7149 132.063 74.7642C133.638 74.8457 134.808 75.3835 135.572 76.3777C136.354 77.3727 136.7 78.7271 136.612 80.4408L136.21 88.2044L134.029 88.0916L134.416 80.6136C134.476 79.4538 134.237 78.5389 133.699 77.8689C133.178 77.1997 132.415 76.8392 131.411 76.7872C130.719 76.7514 130.079 76.8745 129.492 77.1565C128.904 77.4386 128.422 77.8736 128.044 78.4615C127.667 79.0494 127.455 79.7848 127.41 80.6676L127.044 87.7302L124.863 87.6174ZM140.937 93.2654L141.036 91.344L143.295 91.4609C144.005 91.4976 144.559 91.3527 144.958 91.0262C145.355 90.717 145.574 90.1729 145.615 89.394C145.651 88.7016 145.63 88.1017 145.552 87.5943C145.492 87.0705 145.424 86.5463 145.347 86.0216C145.288 85.4805 145.278 84.8378 145.316 84.0935C145.364 83.176 145.602 82.4333 146.03 81.8654C146.46 81.2801 147.001 80.8915 147.653 80.6997L147.658 80.5958C147.029 80.3376 146.531 79.904 146.163 79.2948C145.797 78.6684 145.637 77.8964 145.684 76.979C145.723 76.2346 145.799 75.6051 145.912 75.0902C146.044 74.559 146.166 74.0446 146.278 73.5471C146.409 73.0332 146.492 72.43 146.528 71.7376C146.569 70.9586 146.407 70.3948 146.043 70.0462C145.68 69.6803 145.144 69.479 144.434 69.4423L142.175 69.3254L142.275 67.404L144.767 67.533C146.014 67.5975 146.984 67.9601 147.679 68.6209C148.392 69.2652 148.713 70.2625 148.644 71.6127C148.61 72.2705 148.527 72.865 148.395 73.3963C148.282 73.9111 148.157 74.4687 148.022 75.0692C147.905 75.6533 147.824 76.3781 147.779 77.2436C147.741 77.9879 147.9 78.595 148.258 79.0647C148.634 79.5181 149.263 79.7676 150.146 79.8133L151.366 79.8764L151.267 81.7979L150.046 81.7347C149.164 81.689 148.512 81.8809 148.09 82.3104C147.687 82.7235 147.466 83.3021 147.428 84.0465C147.384 84.8947 147.389 85.624 147.444 86.2343C147.517 86.8455 147.583 87.4217 147.641 87.9628C147.718 88.4874 147.74 89.0787 147.706 89.7365C147.636 91.0867 147.213 92.0454 146.438 92.6128C145.678 93.1983 144.676 93.4589 143.429 93.3944L140.937 93.2654Z" fill="black"/>
+<defs>
+<clipPath id="clip0_3314_14557">
+<rect x="0.476562" y="106.258" width="223" height="51" rx="10" transform="rotate(-4.10355 0.476562 106.258)" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/public/img/website-redesign/table-generator-poster.png b/services/web/public/img/website-redesign/table-generator-poster.png
new file mode 100644
index 0000000..9d8d481
Binary files /dev/null and b/services/web/public/img/website-redesign/table-generator-poster.png differ
diff --git a/services/web/public/img/website-redesign/table-generator.mp4 b/services/web/public/img/website-redesign/table-generator.mp4
new file mode 100644
index 0000000..103d008
Binary files /dev/null and b/services/web/public/img/website-redesign/table-generator.mp4 differ
diff --git a/services/web/public/img/website-redesign/template-journal.svg b/services/web/public/img/website-redesign/template-journal.svg
new file mode 100644
index 0000000..2652f29
--- /dev/null
+++ b/services/web/public/img/website-redesign/template-journal.svg
@@ -0,0 +1,11 @@
+<svg width="384" height="241" viewBox="0 0 384 241" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.697266" width="384" height="240" rx="8" fill="#F1A4A1"/>
+<rect x="195" y="86.6973" width="111" height="22" rx="10" fill="#DADBEB"/>
+<rect x="195" y="120.697" width="111" height="22" rx="10" fill="#F9D880"/>
+<rect x="195" y="155.697" width="111" height="63" rx="10" fill="#DADBEB"/>
+<rect x="78" y="86.6973" width="111" height="22" rx="10" fill="#F9D880"/>
+<rect x="136" y="55.6973" width="111" height="22" rx="10" fill="#F9D880"/>
+<rect x="78" y="23.6973" width="228" height="22" rx="10" fill="#F9D880"/>
+<rect x="78" y="120.697" width="111" height="63" rx="10" fill="#DADBEB"/>
+<rect x="78" y="196.697" width="111" height="22" rx="10" fill="#F9D880"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/template-presentation.svg b/services/web/public/img/website-redesign/template-presentation.svg
new file mode 100644
index 0000000..1a55f60
--- /dev/null
+++ b/services/web/public/img/website-redesign/template-presentation.svg
@@ -0,0 +1,5 @@
+<svg width="384" height="241" viewBox="0 0 384 241" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.697266" width="384" height="240" rx="8" fill="#C0A2CA"/>
+<rect x="67" y="18.6973" width="249" height="163" rx="10" fill="#80CB9C"/>
+<rect x="137" y="189.697" width="109" height="33" rx="10" fill="#F9D880"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/template-report.svg b/services/web/public/img/website-redesign/template-report.svg
new file mode 100644
index 0000000..d43cea4
--- /dev/null
+++ b/services/web/public/img/website-redesign/template-report.svg
@@ -0,0 +1,8 @@
+<svg width="384" height="241" viewBox="0 0 384 241" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="0.697266" width="384" height="240" rx="8" fill="#DADBEB"/>
+<rect x="119" y="10.6973" width="239" height="220" rx="10" fill="#F9D880"/>
+<rect x="85" y="57.6973" width="231" height="48" rx="10" fill="#80CB9C"/>
+<rect x="85" y="113.697" width="231" height="18" rx="9" fill="#80CB9C"/>
+<rect x="195" y="139.697" width="121" height="18" rx="9" fill="#80CB9C"/>
+<rect x="195" y="167.697" width="121" height="18" rx="9" fill="#80CB9C"/>
+</svg>
diff --git a/services/web/public/img/website-redesign/template-resume.svg b/services/web/public/img/website-redesign/template-resume.svg
new file mode 100644
index 0000000..5e8c7e2
--- /dev/null
+++ b/services/web/public/img/website-redesign/template-resume.svg
@@ -0,0 +1,13 @@
+<svg width="384" height="241" viewBox="0 0 384 241" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3314_10407)">
+<rect y="0.21875" width="384" height="240" rx="8" fill="#80CB9C"/>
+<rect x="18" y="18.2188" width="348" height="122" rx="10" fill="#DADBEB"/>
+<rect x="18" y="150.219" width="111" height="117" rx="10" fill="#F1A4A1"/>
+<rect x="139" y="150.219" width="227" height="117" rx="10" fill="#F9D880"/>
+</g>
+<defs>
+<clipPath id="clip0_3314_10407">
+<rect y="0.21875" width="384" height="240" rx="8" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/public/img/website-redesign/template-theses.svg b/services/web/public/img/website-redesign/template-theses.svg
new file mode 100644
index 0000000..9dfaf57
--- /dev/null
+++ b/services/web/public/img/website-redesign/template-theses.svg
@@ -0,0 +1,17 @@
+<svg width="384" height="241" viewBox="0 0 384 241" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3314_10388)">
+<rect y="0.21875" width="384" height="240" rx="8" fill="#F9D880"/>
+<rect x="60" y="226.219" width="1033" height="31" fill="#80CB9C"/>
+<rect x="20" y="186.219" width="1032" height="30" fill="#F1A4A1"/>
+<rect x="121" y="145.219" width="1032" height="31" fill="#DADBEB"/>
+<rect x="60" y="105.219" width="1033" height="31" fill="#F1A4A1"/>
+<rect x="81" y="65.2188" width="1032" height="31" fill="#80CB9C"/>
+<rect x="40" y="25.2188" width="1032" height="30" fill="#DADBEB"/>
+<rect x="101" y="-15.7812" width="1032" height="31" fill="#F1A4A1"/>
+</g>
+<defs>
+<clipPath id="clip0_3314_10388">
+<rect y="0.21875" width="384" height="240" rx="8" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/public/img/website-redesign/tikz-asset.png b/services/web/public/img/website-redesign/tikz-asset.png
new file mode 100644
index 0000000..d4029ea
Binary files /dev/null and b/services/web/public/img/website-redesign/tikz-asset.png differ
diff --git a/services/web/public/img/website-redesign/visual-editor-poster.png b/services/web/public/img/website-redesign/visual-editor-poster.png
new file mode 100644
index 0000000..99ec538
Binary files /dev/null and b/services/web/public/img/website-redesign/visual-editor-poster.png differ
diff --git a/services/web/public/img/website-redesign/visual-editor.mp4 b/services/web/public/img/website-redesign/visual-editor.mp4
new file mode 100644
index 0000000..13d2c42
Binary files /dev/null and b/services/web/public/img/website-redesign/visual-editor.mp4 differ
diff --git a/services/web/public/img/website-redesign/vscode.png b/services/web/public/img/website-redesign/vscode.png
new file mode 100644
index 0000000..b0abe4d
Binary files /dev/null and b/services/web/public/img/website-redesign/vscode.png differ
diff --git a/services/web/public/img/website-redesign/webinar-asset.png b/services/web/public/img/website-redesign/webinar-asset.png
new file mode 100644
index 0000000..2cfb9b0
Binary files /dev/null and b/services/web/public/img/website-redesign/webinar-asset.png differ
diff --git a/services/web/public/img/welcome-page/browse-templates.svg b/services/web/public/img/welcome-page/browse-templates.svg
new file mode 100644
index 0000000..2da927f
--- /dev/null
+++ b/services/web/public/img/welcome-page/browse-templates.svg
@@ -0,0 +1,105 @@
+<svg width="126" height="100" viewBox="0 0 126 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_175_1054)">
+<path d="M39.3719 3.81143C26.3244 9.2722 18.8367 22.5474 18.8367 41.0158C18.8367 59.4841 15.0149 57.0465 10.0969 66.3966C6.58525 73.0727 8.50277 84.7013 13.016 90.1228C19.2684 97.6326 30.0213 100.713 42.1183 99.6659C61.7656 97.9654 63.0902 80.1373 92.2719 87.4457C106.165 90.9252 118.65 78.9172 122.419 61.7865C124.68 51.5082 119.948 37.5547 110.231 32.0116C96.9858 24.4571 97.3925 30.9183 82.7227 14.579C66.9559 -2.98246 53.4157 -2.06638 39.3719 3.81143Z" fill="#F3F5FD"/>
+<path d="M125.409 30.661L74.8271 11.1336L50.6412 74.5096L101.223 94.037L125.409 30.661Z" fill="#C1D8ED"/>
+<g opacity="0.61">
+<path d="M62.5865 54.6542C62.5491 54.6244 62.5222 54.5832 62.5097 54.5369C62.4971 54.4906 62.4997 54.4415 62.5169 54.3967L69.6677 35.6367C69.6782 35.609 69.6941 35.5837 69.7144 35.5622C69.7347 35.5406 69.759 35.5233 69.786 35.5113C69.813 35.4992 69.842 35.4926 69.8715 35.4919C69.9011 35.4911 69.9304 35.4962 69.958 35.5068L112.799 52.0664C112.854 52.0879 112.899 52.1308 112.924 52.1856C112.948 52.2404 112.95 52.3026 112.928 52.3585L105.777 71.1183C105.767 71.1461 105.751 71.1715 105.731 71.1931C105.71 71.2147 105.686 71.232 105.659 71.2441C105.632 71.2561 105.603 71.2627 105.574 71.2634C105.544 71.2641 105.515 71.2589 105.487 71.2481L62.6464 54.6889C62.6248 54.6805 62.6046 54.6688 62.5865 54.6542ZM70.0069 36.0098L63.017 54.3476L105.438 70.745L112.427 52.4065L70.0069 36.0098Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M61.0196 58.7599C60.9777 58.7261 60.9491 58.6785 60.939 58.6254C60.9289 58.5724 60.9381 58.5175 60.9648 58.4707C60.9914 58.4239 61.0339 58.3882 61.0845 58.3702C61.135 58.3521 61.1904 58.3529 61.2405 58.3723L104.074 74.9283C104.129 74.9499 104.174 74.9927 104.198 75.0475C104.223 75.1023 104.224 75.1645 104.203 75.2204C104.182 75.2763 104.139 75.3214 104.085 75.3458C104.03 75.3701 103.968 75.3717 103.913 75.3502L61.08 58.7939C61.0583 58.7858 61.0379 58.7743 61.0196 58.7599Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M59.7085 62.1953C59.6667 62.1615 59.6383 62.1138 59.6283 62.0609C59.6183 62.0079 59.6275 61.9531 59.6541 61.9064C59.6808 61.8597 59.7231 61.8241 59.7736 61.8061C59.8241 61.788 59.8793 61.7887 59.9294 61.8079L102.762 78.3638C102.79 78.3741 102.816 78.3899 102.838 78.4103C102.86 78.4306 102.878 78.4552 102.89 78.4825C102.903 78.5099 102.909 78.5394 102.91 78.5694C102.911 78.5994 102.906 78.6293 102.896 78.6573C102.885 78.6853 102.869 78.7109 102.848 78.7326C102.827 78.7543 102.803 78.7716 102.775 78.7835C102.748 78.7955 102.718 78.8018 102.689 78.8021C102.659 78.8025 102.629 78.7968 102.601 78.7855L59.7685 62.2298C59.7468 62.2215 59.7265 62.2099 59.7085 62.1953Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M58.3975 65.6307C58.3557 65.597 58.3272 65.5493 58.3172 65.4964C58.3072 65.4434 58.3164 65.3886 58.343 65.3419C58.3697 65.2952 58.412 65.2595 58.4625 65.2415C58.513 65.2234 58.5682 65.2241 58.6183 65.2433L101.451 81.7991C101.507 81.8206 101.552 81.8635 101.576 81.9182C101.6 81.973 101.602 82.0352 101.581 82.0912C101.559 82.1471 101.517 82.1922 101.462 82.2166C101.408 82.241 101.346 82.2425 101.291 82.221L58.4577 65.6652C58.436 65.657 58.4157 65.6454 58.3975 65.6307Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M57.0863 69.0665C57.0445 69.0327 57.016 68.9851 57.006 68.9321C56.996 68.8792 57.0052 68.8244 57.0318 68.7776C57.0584 68.7309 57.1008 68.6953 57.1512 68.6772C57.2017 68.6591 57.257 68.6598 57.307 68.6791L100.14 85.2348C100.168 85.2455 100.193 85.2615 100.214 85.2819C100.236 85.3024 100.253 85.3269 100.265 85.354C100.277 85.3811 100.284 85.4103 100.284 85.44C100.285 85.4697 100.28 85.4992 100.27 85.5269C100.259 85.5546 100.243 85.5799 100.223 85.6014C100.203 85.6229 100.178 85.6402 100.151 85.6523C100.124 85.6643 100.095 85.6709 100.066 85.6717C100.036 85.6724 100.007 85.6673 99.9794 85.6567L57.1465 69.1007C57.1248 69.0926 57.1044 69.081 57.0863 69.0665Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M71.1166 32.3025C71.0748 32.2687 71.0463 32.2211 71.0364 32.1681C71.0264 32.1152 71.0355 32.0604 71.0621 32.0136C71.0888 31.9669 71.1311 31.9313 71.1816 31.9132C71.2321 31.8951 71.2873 31.8958 71.3374 31.9151L114.17 48.4711C114.226 48.4926 114.271 48.5355 114.295 48.5903C114.32 48.645 114.321 48.7072 114.3 48.7632C114.278 48.8191 114.236 48.8642 114.181 48.8885C114.127 48.9129 114.065 48.9144 114.01 48.8929L71.1765 32.3371C71.1549 32.3287 71.1347 32.3171 71.1166 32.3025Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M72.8873 27.8136C72.8455 27.7798 72.8171 27.7322 72.8071 27.6792C72.7971 27.6263 72.8062 27.5715 72.8328 27.5247C72.8595 27.478 72.9018 27.4424 72.9523 27.4243C73.0028 27.4062 73.058 27.4069 73.1081 27.4262L101.932 38.5671C101.987 38.5892 102.031 38.6321 102.054 38.6866C102.078 38.7411 102.079 38.8027 102.058 38.8582C102.037 38.9136 101.995 38.9585 101.941 38.983C101.888 39.0075 101.826 39.0097 101.771 38.9892L72.9472 27.8482C72.9257 27.8398 72.9055 27.8281 72.8873 27.8136Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M105.348 29.6105L76.5227 18.4838L76.0083 19.8325L104.834 30.9592L105.348 29.6105Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M74.5066 23.5708C74.4648 23.5371 74.4363 23.4894 74.4263 23.4365C74.4163 23.3835 74.4255 23.3287 74.4521 23.282C74.4787 23.2352 74.5211 23.1996 74.5716 23.1816C74.622 23.1635 74.6773 23.1641 74.7274 23.1834L103.551 34.3244C103.578 34.335 103.604 34.351 103.625 34.3715C103.646 34.3919 103.664 34.4164 103.676 34.4435C103.688 34.4706 103.694 34.4998 103.695 34.5295C103.696 34.5592 103.691 34.5887 103.68 34.6164C103.67 34.6441 103.654 34.6695 103.634 34.691C103.613 34.7125 103.589 34.7298 103.562 34.7418C103.535 34.7539 103.506 34.7605 103.476 34.7613C103.447 34.762 103.418 34.7569 103.39 34.7463L74.5668 23.6051C74.5451 23.5968 74.5248 23.5853 74.5066 23.5708Z" fill="white"/>
+</g>
+<path d="M75.1176 53.3504C75.0932 53.341 75.0705 53.3273 75.0507 53.31L68.7993 47.8304C68.777 47.8109 68.7589 47.7872 68.7457 47.7606C68.7326 47.7341 68.7248 47.7052 68.7228 47.6756C68.7187 47.6158 68.7384 47.5569 68.7775 47.5117C68.8167 47.4666 68.872 47.4389 68.9314 47.4348C68.9908 47.4307 69.0494 47.4505 69.0943 47.4899L75.2392 52.876L85.2005 48.566C85.2512 48.5441 85.3081 48.5417 85.3604 48.5593C85.4128 48.5769 85.4568 48.6133 85.4843 48.6614L89.1928 55.1851L95.7642 54.2883C95.8027 54.2831 95.8419 54.288 95.878 54.3026C95.914 54.3172 95.9457 54.3409 95.9699 54.3715L101.032 60.7614L107.09 57.043C107.141 57.0118 107.202 57.0022 107.26 57.0163C107.318 57.0304 107.368 57.067 107.399 57.1181C107.43 57.1693 107.439 57.2307 107.425 57.2889C107.411 57.3471 107.375 57.3974 107.324 57.4286L101.097 61.2503C101.05 61.2792 100.995 61.2898 100.941 61.2802C100.887 61.2706 100.838 61.2414 100.804 61.1982L95.6983 54.7527L89.1031 55.6532C89.0588 55.6592 89.0137 55.6518 88.9736 55.6319C88.9335 55.6119 88.9002 55.5805 88.878 55.5414L85.1937 49.0606L75.2875 53.3475C75.2334 53.3708 75.1725 53.3718 75.1176 53.3504Z" fill="#262626"/>
+<path d="M108.308 42.8298C110.909 44.923 114.705 44.4993 116.786 41.8834C118.867 39.2674 118.446 35.4498 115.845 33.3565C113.244 31.2633 109.448 31.687 107.367 34.3029C105.286 36.9189 105.707 40.7365 108.308 42.8298Z" fill="#F3F5FD"/>
+<path d="M117.655 35.7883L112.077 38.0939L114.238 32.4306C114.979 32.7152 115.656 33.1442 116.231 33.693C116.806 34.2418 117.267 34.8996 117.588 35.6285C117.611 35.681 117.634 35.7348 117.655 35.7883Z" fill="#5BB553"/>
+<path d="M117.708 40.268C117.322 41.2834 116.671 42.1752 115.823 42.8488L112.077 38.0945L117.587 35.6288C117.611 35.6814 117.633 35.7352 117.655 35.7887C118.242 37.2198 118.261 38.8232 117.708 40.268Z" fill="#262626"/>
+<path d="M67.2972 51.7786C67.2671 51.7542 67.2433 51.7228 67.2278 51.6871C67.2123 51.6515 67.2057 51.6126 67.2084 51.5737C67.2111 51.5349 67.2231 51.4974 67.2434 51.4642C67.2637 51.4311 67.2917 51.4034 67.3249 51.3835L78.1358 44.9156C78.1632 44.8992 78.1936 44.8884 78.2252 44.884C78.2568 44.8795 78.2889 44.8814 78.3197 44.8896C78.3506 44.8978 78.3795 44.9121 78.4047 44.9316C78.43 44.9512 78.4512 44.9756 78.4669 45.0035L83.4663 53.8479L89.8707 52.3012C89.9154 52.2905 89.9622 52.2928 90.0056 52.308C90.0489 52.3232 90.087 52.3506 90.1154 52.3869L95.3821 59.1355L108.066 54.5481C108.096 54.5369 108.127 54.5317 108.159 54.5328C108.191 54.534 108.222 54.5415 108.251 54.5549C108.28 54.5683 108.306 54.5874 108.327 54.6109C108.349 54.6345 108.365 54.6622 108.376 54.6922C108.387 54.7223 108.391 54.7543 108.39 54.7862C108.388 54.8181 108.38 54.8494 108.367 54.8782C108.353 54.907 108.333 54.9328 108.31 54.9541C108.286 54.9753 108.258 54.9916 108.228 55.0019L95.3814 59.6483C95.334 59.6655 95.2825 59.6672 95.234 59.6531C95.1856 59.6391 95.1428 59.6101 95.1117 59.5703L89.8331 52.8065L83.4026 54.3587C83.352 54.3709 83.2989 54.3663 83.2512 54.3455C83.2035 54.3247 83.1638 54.2889 83.1381 54.2434L78.1704 45.4553L67.5697 51.7977C67.5277 51.8228 67.4792 51.8344 67.4305 51.8309C67.3818 51.8275 67.3353 51.8093 67.2972 51.7786Z" fill="white"/>
+<path d="M52.1458 12.8025L0.521851 29.3412L21.0062 94.0234L72.6301 77.4847L52.1458 12.8025Z" fill="#C1D8ED"/>
+<g opacity="0.61">
+<path d="M13.0127 55.3017C12.959 55.3018 12.907 55.2825 12.8663 55.2474C12.8255 55.2123 12.7985 55.1636 12.7903 55.1103C12.782 55.0569 12.793 55.0023 12.8213 54.9564C12.8496 54.9105 12.8933 54.8763 12.9444 54.8599L56.6602 40.855C56.717 40.8368 56.7787 40.842 56.8316 40.8696C56.8846 40.8971 56.9245 40.9447 56.9426 41.0018C56.9607 41.059 56.9554 41.121 56.9281 41.1742C56.9007 41.2275 56.8534 41.2676 56.7966 41.2858L13.0809 55.2903C13.0589 55.2977 13.0359 55.3016 13.0127 55.3017Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M14.123 58.808C14.0694 58.8079 14.0176 58.7885 13.9769 58.7534C13.9363 58.7183 13.9094 58.6697 13.9012 58.6165C13.893 58.5632 13.904 58.5087 13.9321 58.4629C13.9603 58.417 14.0038 58.3828 14.0549 58.3664L57.7705 44.3614C57.7988 44.3518 57.8287 44.3479 57.8585 44.35C57.8883 44.3521 57.9174 44.3602 57.944 44.3737C57.9707 44.3873 57.9944 44.406 58.0137 44.4289C58.0331 44.4518 58.0477 44.4783 58.0568 44.5069C58.0659 44.5355 58.0692 44.5657 58.0665 44.5956C58.0638 44.6255 58.0553 44.6546 58.0413 44.6811C58.0274 44.7077 58.0083 44.7312 57.9852 44.7502C57.9621 44.7693 57.9355 44.7835 57.9069 44.7921L14.1912 58.7972C14.1692 58.8044 14.1462 58.8081 14.123 58.808Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M15.2258 62.2983C15.1722 62.2982 15.1204 62.2789 15.0797 62.2438C15.039 62.2087 15.0121 62.1601 15.0039 62.1068C14.9957 62.0535 15.0066 61.9991 15.0348 61.9532C15.063 61.9073 15.1065 61.8731 15.1575 61.8566L58.8733 47.8513C58.9015 47.8423 58.9311 47.839 58.9605 47.8415C58.9899 47.844 59.0185 47.8523 59.0448 47.8659C59.071 47.8796 59.0943 47.8983 59.1133 47.921C59.1323 47.9437 59.1468 47.9699 59.1557 47.9982C59.1647 48.0265 59.168 48.0563 59.1655 48.0859C59.163 48.1154 59.1547 48.1442 59.1412 48.1706C59.1276 48.197 59.109 48.2204 59.0865 48.2396C59.0639 48.2587 59.0378 48.2732 59.0097 48.2822L15.2941 62.2872C15.272 62.2945 15.249 62.2982 15.2258 62.2983Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M23.8016 39.5952C23.748 39.5951 23.6962 39.5758 23.6555 39.5407C23.6148 39.5056 23.5879 39.457 23.5797 39.4037C23.5715 39.3505 23.5824 39.296 23.6106 39.2501C23.6388 39.2042 23.6823 39.17 23.7334 39.1536L53.1509 29.7291C53.2074 29.7119 53.2685 29.7177 53.3208 29.7454C53.3731 29.773 53.4125 29.8203 53.4305 29.8769C53.4484 29.9336 53.4434 29.9951 53.4167 30.0481C53.3899 30.1011 53.3434 30.1413 53.2874 30.1602L23.8699 39.5846C23.8478 39.5916 23.8248 39.5951 23.8016 39.5952Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M50.2574 20.5928L20.8409 30.0203L21.2777 31.3989L50.6942 21.9714L50.2574 20.5928Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M55.1187 35.9084L25.7023 45.3359L26.139 46.7146L55.5555 37.287L55.1187 35.9084Z" fill="white"/>
+</g>
+<g opacity="0.61">
+<path d="M22.4304 35.265C22.3768 35.2649 22.325 35.2456 22.2843 35.2105C22.2436 35.1754 22.2167 35.1268 22.2085 35.0735C22.2002 35.0202 22.2112 34.9658 22.2394 34.9199C22.2675 34.874 22.3111 34.8398 22.3621 34.8233L51.7795 25.3991C51.8076 25.3901 51.8372 25.3867 51.8667 25.3892C51.8961 25.3917 51.9247 25.4 51.951 25.4136C51.9772 25.4273 52.0005 25.4459 52.0195 25.4686C52.0386 25.4913 52.053 25.5176 52.062 25.5459C52.0709 25.5741 52.0742 25.6039 52.0718 25.6335C52.0693 25.6631 52.061 25.6919 52.0475 25.7183C52.0339 25.7447 52.0153 25.7681 51.9928 25.7873C51.9702 25.8064 51.9441 25.8209 51.916 25.8299L22.4986 35.2539C22.4766 35.2611 22.4536 35.2648 22.4304 35.265Z" fill="white"/>
+</g>
+<path d="M13.7671 43.5802C17.0982 43.5802 19.7986 40.8642 19.7986 37.5138C19.7986 34.1634 17.0982 31.4474 13.7671 31.4474C10.436 31.4474 7.7356 34.1634 7.7356 37.5138C7.7356 40.8642 10.436 43.5802 13.7671 43.5802Z" fill="#F3F5FD"/>
+<mask id="mask0_175_1054" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="7" y="31" width="13" height="13">
+<path d="M13.7671 43.5802C17.0982 43.5802 19.7986 40.8642 19.7986 37.5138C19.7986 34.1634 17.0982 31.4474 13.7671 31.4474C10.436 31.4474 7.7356 34.1634 7.7356 37.5138C7.7356 40.8642 10.436 43.5802 13.7671 43.5802Z" fill="#F3F5FD"/>
+</mask>
+<g mask="url(#mask0_175_1054)">
+<ellipse cx="5.99746" cy="6.02574" rx="5.99746" ry="6.02574" transform="matrix(0.952122 -0.305719 0.302533 0.953139 8.41125 40.0867)" fill="#5BB553"/>
+</g>
+<ellipse cx="1.84414" cy="1.84298" rx="1.84414" ry="1.84298" transform="matrix(0.665174 -0.746689 0.742861 0.669446 10.605 35.861)" fill="#5BB553"/>
+<line x1="1.5" y1="-1.5" x2="21.6902" y2="-1.5" transform="matrix(0.952122 -0.305719 0.302533 0.953139 16.1213 65.9636)" stroke="#E7F0F8" stroke-width="3" stroke-linecap="round"/>
+<line x1="1.5" y1="-1.5" x2="21.6902" y2="-1.5" transform="matrix(0.952122 -0.305719 0.302533 0.953139 22.424 75.2472)" stroke="#E7F0F8" stroke-width="3" stroke-linecap="round"/>
+<ellipse cx="0.799662" cy="0.803432" rx="0.799662" ry="0.803432" transform="matrix(0.952122 -0.305719 0.302533 0.953139 19.0382 75.153)" fill="#E7F0F8"/>
+<line x1="1.5" y1="-1.5" x2="21.6902" y2="-1.5" transform="matrix(0.952122 -0.305719 0.302533 0.953139 23.3962 78.3103)" stroke="#E7F0F8" stroke-width="3" stroke-linecap="round"/>
+<ellipse cx="0.799662" cy="0.803432" rx="0.799662" ry="0.803432" transform="matrix(0.952122 -0.305719 0.302533 0.953139 20.0104 78.2161)" fill="#E7F0F8"/>
+<line x1="1.5" y1="-1.5" x2="21.6902" y2="-1.5" transform="matrix(0.952122 -0.305719 0.302533 0.953139 24.3685 81.3735)" stroke="#E7F0F8" stroke-width="3" stroke-linecap="round"/>
+<ellipse cx="0.799662" cy="0.803432" rx="0.799662" ry="0.803432" transform="matrix(0.952122 -0.305719 0.302533 0.953139 20.9827 81.2793)" fill="#E7F0F8"/>
+<line x1="1.5" y1="-1.5" x2="21.6902" y2="-1.5" transform="matrix(0.952122 -0.305719 0.302533 0.953139 25.3407 84.4366)" stroke="#E7F0F8" stroke-width="3" stroke-linecap="round"/>
+<ellipse cx="0.799662" cy="0.803432" rx="0.799662" ry="0.803432" transform="matrix(0.952122 -0.305719 0.302533 0.953139 21.955 84.3424)" fill="#E7F0F8"/>
+<path d="M91.2174 11.2558H34.9653V83.7397H91.2174V11.2558Z" fill="#DEE8F5"/>
+<path d="M49.8507 15.8664H39.3972V25.2788H49.8507V15.8664Z" fill="white"/>
+<path d="M86.7863 39.0296H77.4423V61.5955H86.7863V39.0296Z" fill="#6597E0"/>
+<path d="M77.4425 58.5478H39.3982V61.4248H77.4425V58.5478Z" fill="#C1D8ED"/>
+<path d="M86.7863 37.6711H39.3962V40.3883H86.7863V37.6711Z" fill="white"/>
+<path d="M87.011 61.8217H39.1715V37.6711H39.621V61.3696H86.5615V37.6711H87.011V61.8217Z" fill="white"/>
+<path d="M48.3283 39.0296H47.8787V61.5957H48.3283V39.0296Z" fill="white"/>
+<path d="M86.7863 43.0391H39.3982V43.4913H86.7863V43.0391Z" fill="white"/>
+<path d="M86.7863 46.0957H39.3982V46.5479H86.7863V46.0957Z" fill="white"/>
+<path d="M86.7863 49.1521H39.3982V49.6043H86.7863V49.1521Z" fill="white"/>
+<path d="M86.7863 52.2087H39.3982V52.6609H86.7863V52.2087Z" fill="white"/>
+<path d="M86.7863 55.2651H39.3982V55.7174H86.7863V55.2651Z" fill="white"/>
+<path d="M86.7863 58.3217H39.3982V58.774H86.7863V58.3217Z" fill="white"/>
+<path d="M68.0715 39.0296H67.6218V61.5957H68.0715V39.0296Z" fill="white"/>
+<path d="M77.6671 39.0296H77.2174V61.5957H77.6671V39.0296Z" fill="white"/>
+<path d="M86.7864 74.0953H72.4238V79.2595H86.7864V74.0953Z" fill="white"/>
+<path d="M86.7863 66.0108H39.3962V66.463H86.7863V66.0108Z" fill="white"/>
+<path d="M86.7863 69.94H39.3962V70.3923H86.7863V69.94Z" fill="white"/>
+<path d="M86.7863 21.1235H54.0624V21.5757H86.7863V21.1235Z" fill="white"/>
+<path d="M70.7975 25.0527H54.0624V25.505H70.7975V25.0527Z" fill="white"/>
+<path d="M86.7863 29.4105H39.3962V29.8627H86.7863V29.4105Z" fill="white"/>
+<path d="M86.7863 33.3397H39.3962V33.792H86.7863V33.3397Z" fill="white"/>
+<path d="M86.7863 16.0272H54.0624V17.8796H86.7863V16.0272Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_175_1054">
+<rect width="125" height="100" fill="white" transform="translate(0.5)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/public/img/welcome-page/create-a-new-project.svg b/services/web/public/img/welcome-page/create-a-new-project.svg
new file mode 100644
index 0000000..2460c1f
--- /dev/null
+++ b/services/web/public/img/welcome-page/create-a-new-project.svg
@@ -0,0 +1,31 @@
+<svg width="184" height="100" viewBox="0 0 184 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_175_889)">
+<path d="M17.1475 98.887C13.9512 98.929 10.752 98.6627 7.11717 96.1688C6.37151 95.6581 5.59626 94.9446 5.62324 94.0312C5.64343 93.3435 6.14598 92.7425 6.75243 92.4317C6.97906 92.3184 7.21799 92.2324 7.46433 92.1755C7.46556 92.1755 7.46695 92.1755 7.46695 92.1741C7.8473 92.0915 8.23431 92.0444 8.62313 92.0334L8.73397 92.0294C10.5847 91.9606 12.4354 92.1692 14.2261 92.6483C14.3882 92.6912 14.5599 92.6772 14.7132 92.6085C14.8665 92.5398 14.9923 92.4205 15.0701 92.2701C15.148 92.1197 15.1733 91.9469 15.1419 91.78C15.1106 91.6131 15.0244 91.4619 14.8975 91.351C14.6662 91.1505 14.4155 90.9743 14.149 90.8253C13.7582 90.6116 13.3485 90.4355 12.9253 90.2993C12.3608 90.1118 11.7772 89.9711 11.2019 89.8186C9.06353 89.2566 6.97305 88.5218 4.9505 87.6212C3.50666 86.9776 2.05235 86.2146 1.06451 84.9672C0.610831 84.3934 0.25812 83.6757 0.347223 82.9458C0.49583 81.7462 1.76685 81.0067 2.95139 80.856C5.02758 80.5931 7.05366 81.5326 8.90184 82.5254C10.4351 83.3512 12.1478 84.2602 13.8213 83.7921C14.1111 83.7264 14.3755 83.5759 14.5817 83.3594C14.96 82.9156 14.8668 82.2064 14.5292 81.7297C14.1916 81.253 13.6673 80.956 13.1621 80.6711C10.227 79.0181 7.29599 77.2584 4.95373 74.8207C2.61148 72.3829 0.888313 69.162 0.886155 65.7576C0.886155 64.762 1.03877 63.7431 1.50479 62.8661C1.9708 61.9892 2.7866 61.268 3.75378 61.0886C5.07074 60.8419 6.36751 61.6103 7.36428 62.5156C10.7884 65.6219 12.1541 70.3577 14.1766 74.54C14.7427 75.7109 15.3977 76.8872 16.442 77.661C16.5396 77.7364 16.6519 77.7897 16.7715 77.8173C17.4765 77.9706 17.7845 77.0929 17.8169 76.4231C17.9425 73.7746 17.2995 71.0041 18.2505 68.5337C18.6139 67.5928 19.2663 66.6916 20.2159 66.3864C21.3762 66.0138 22.681 66.6685 23.3779 67.6805C24.0749 68.6925 24.2626 69.978 24.2566 71.2127C24.2458 73.5012 23.6354 75.7539 22.7385 77.8534C22.2657 78.9612 21.6984 80.1103 21.8334 81.3086C21.8869 81.7134 22.0416 82.0976 22.2827 82.4248C22.5238 82.7519 22.8434 83.0112 23.2111 83.1779C23.3817 83.2515 23.5651 83.2897 23.7504 83.2902C23.9358 83.2906 24.1193 83.2534 24.2902 83.1806C24.659 83.0204 24.94 82.7117 25.2102 82.411C25.3235 82.285 25.437 82.1576 25.5518 82.0316C26.003 81.5305 26.4542 81.0287 26.9053 80.5265C28.0521 79.2502 29.4853 77.8603 31.1755 78.0794C32.0388 78.1916 32.7531 78.7358 33.2421 79.4679C33.6827 80.1338 33.9311 80.9112 33.9594 81.7125C34.0107 83.3819 32.6168 88.5324 31.832 90.0005C30.9159 91.7144 28.0836 98.7424 17.1475 98.887Z" fill="#6597E0"/>
+<path d="M166.853 98.8872C170.05 98.9292 173.249 98.6629 176.884 96.1691C177.629 95.6583 178.405 94.9448 178.378 94.0314C178.357 93.3437 177.855 92.7428 177.248 92.4319C177.022 92.3186 176.783 92.2326 176.536 92.1757C176.535 92.1757 176.534 92.1757 176.534 92.1743C176.153 92.0917 175.766 92.0447 175.378 92.0336L175.267 92.0296C173.416 91.9608 171.565 92.1694 169.775 92.6485C169.613 92.6914 169.441 92.6773 169.288 92.6086C169.134 92.5399 169.009 92.4206 168.931 92.2702C168.853 92.1198 168.828 91.9471 168.859 91.7802C168.89 91.6133 168.977 91.4621 169.103 91.3513C169.335 91.1507 169.585 90.9745 169.852 90.8255C170.243 90.6118 170.652 90.4357 171.075 90.2996C171.64 90.112 172.224 89.9713 172.799 89.8188C174.937 89.2571 177.028 88.5225 179.05 87.6222C180.494 86.9786 181.948 86.2156 182.936 84.9682C183.39 84.3944 183.743 83.6767 183.654 82.9468C183.505 81.7472 182.234 81.0077 181.049 80.857C178.973 80.5941 176.947 81.5336 175.099 82.5264C173.566 83.3522 171.853 84.2612 170.179 83.7931C169.89 83.7274 169.625 83.5769 169.419 83.3604C169.041 82.9166 169.134 82.2074 169.472 81.7307C169.81 81.254 170.333 80.957 170.839 80.6721C173.774 79.0191 176.705 77.2594 179.047 74.8217C181.389 72.3839 183.111 69.163 183.114 65.7586C183.114 64.763 182.962 63.7441 182.496 62.8671C182.03 61.9902 181.214 61.269 180.247 61.0896C178.93 60.843 177.633 61.6113 176.636 62.5166C173.212 65.6225 171.846 70.3582 169.824 74.5405C169.258 75.7114 168.603 76.8877 167.559 77.6615C167.461 77.7369 167.349 77.7902 167.229 77.8178C166.524 77.9712 166.216 77.0934 166.184 76.4237C166.058 73.7751 166.701 71.0046 165.75 68.5342C165.387 67.5933 164.735 66.6921 163.785 66.3869C162.625 66.0143 161.32 66.669 160.623 67.681C159.926 68.693 159.738 69.9785 159.744 71.2133C159.755 73.5018 160.366 75.7544 161.263 77.8539C161.735 78.9618 162.303 80.1108 162.167 81.3091C162.114 81.7139 161.959 82.0981 161.718 82.4253C161.477 82.7525 161.158 83.0117 160.79 83.1784C160.619 83.2521 160.436 83.2903 160.251 83.2907C160.065 83.2912 159.882 83.2539 159.711 83.1811C159.342 83.0209 159.061 82.7122 158.791 82.4115C158.677 82.2855 158.564 82.1581 158.449 82.0322C157.998 81.531 157.547 81.0293 157.096 80.5271C155.949 79.2507 154.516 77.8608 152.825 78.0799C151.962 78.1922 151.248 78.7364 150.759 79.4685C150.318 80.1343 150.07 80.9117 150.042 81.713C149.99 83.3824 151.384 88.5329 152.169 90.001C153.084 91.7146 155.916 98.7426 166.853 98.8872Z" fill="#6597E0"/>
+<path d="M163.904 93.3945H20.096C18.297 93.3945 16.8386 94.8731 16.8386 96.6971V96.6972C16.8386 98.5211 18.297 99.9997 20.096 99.9997H163.904C165.703 99.9997 167.161 98.5211 167.161 96.6972V96.6971C167.161 94.8731 165.703 93.3945 163.904 93.3945Z" fill="#E7E9EE"/>
+<path d="M152.259 -7.62939e-05H31.2586C28.6089 -7.62939e-05 26.4609 2.17771 26.4609 4.86414V89.6038C26.4609 92.2903 28.6089 94.468 31.2586 94.468H152.259C154.909 94.468 157.057 92.2903 157.057 89.6038V4.86414C157.057 2.17771 154.909 -7.62939e-05 152.259 -7.62939e-05Z" fill="#E7E9EE"/>
+<path d="M151.961 3.31713H31.5566C30.3851 3.31713 29.4354 4.27999 29.4354 5.46775V88.8949C29.4354 90.0826 30.3851 91.0455 31.5566 91.0455H151.961C153.132 91.0455 154.082 90.0826 154.082 88.8949V5.46775C154.082 4.27999 153.132 3.31713 151.961 3.31713Z" fill="white"/>
+<path d="M149.795 7.86224H33.4338V19.0544H149.795V7.86224Z" fill="#F1F4F9"/>
+<path d="M149.795 22.7784H100.13V53.2356H149.795V22.7784Z" fill="#F1F4F9"/>
+<path d="M96.5107 22.7784H33.4338V63.3268H96.5107V22.7784Z" fill="#F1F4F9"/>
+<path d="M96.5107 67.1796H33.4338V74.7021H96.5107V67.1796Z" fill="#F1F4F9"/>
+<path d="M96.5107 78.0761H33.4338V80.6448H96.5107V78.0761Z" fill="#F1F4F9"/>
+<path d="M96.5107 83.7635H33.4338V86.3322H96.5107V83.7635Z" fill="#F1F4F9"/>
+<path d="M149.795 56.9593H100.13V69.7483H149.795V56.9593Z" fill="#F1F4F9"/>
+<path d="M149.795 73.6015H100.13V86.3328H149.795V73.6015Z" fill="#F1F4F9"/>
+<path d="M130.389 44.0547L117.321 36.6862L121.395 51.2732L130.389 44.0547Z" fill="#6597E0"/>
+<path d="M125.713 45.0863L123.459 46.8954L128.999 53.9908L131.253 52.1817L125.713 45.0863Z" fill="#6597E0"/>
+<path d="M145.673 49.5382H132.281V55.0635H145.673V49.5382Z" fill="#6597E0"/>
+<path d="M56.8958 67.8305L69.9639 60.4618L65.8897 75.0488L56.8958 67.8305Z" fill="#5BB553"/>
+<path d="M56.032 75.957L58.2861 77.7661L63.8259 70.6708L61.5718 68.8617L56.032 75.957Z" fill="#5BB553"/>
+<path d="M41.6123 78.8389H55.0039V73.3136H41.6123V78.8389Z" fill="#5BB553"/>
+<path d="M67.2108 20.9569L80.279 13.5882L76.2048 28.1752L67.2108 20.9569Z" fill="#C3D0E3"/>
+<path d="M66.3472 29.084L68.6013 30.893L74.1411 23.7977L71.887 21.9886L66.3472 29.084Z" fill="#C3D0E3"/>
+<path d="M51.9274 31.9663H65.319V26.4409H51.9274V31.9663Z" fill="#C3D0E3"/>
+</g>
+<defs>
+<clipPath id="clip0_175_889">
+<rect width="183.333" height="100" fill="white" transform="translate(0.333374)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/public/img/welcome-page/learn-latex.svg b/services/web/public/img/welcome-page/learn-latex.svg
new file mode 100644
index 0000000..5aec4b5
--- /dev/null
+++ b/services/web/public/img/welcome-page/learn-latex.svg
@@ -0,0 +1,114 @@
+<svg width="142" height="100" viewBox="0 0 142 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_175_924)">
+<path d="M134.709 0.000713348H75.7281V42.871H134.709V0.000713348Z" fill="#E7E9EE"/>
+<path d="M134.709 0.000713348H75.7281V3.53218H134.709V0.000713348Z" fill="#C3D0E3"/>
+<path d="M132.733 2.65259C133.221 2.65259 133.616 2.25592 133.616 1.76661C133.616 1.27729 133.221 0.880623 132.733 0.880623C132.246 0.880623 131.851 1.27729 131.851 1.76661C131.851 2.25592 132.246 2.65259 132.733 2.65259Z" fill="white"/>
+<path d="M124.395 7.2781H81.4338V37.4211H124.395V7.2781Z" fill="white"/>
+<path d="M115.429 33.6413C115.021 33.6413 113.654 33.4254 113.557 33.773C113.498 33.9817 114.516 34.2284 114.516 34.2284" fill="#DE8014"/>
+<path d="M115.643 35.2862C115.643 35.2862 112.886 36.4234 111.301 35.1259C111.261 35.0928 111.232 35.0483 111.217 34.9982C111.202 34.948 111.203 34.8946 111.219 34.8449C111.235 34.7952 111.266 34.7515 111.307 34.7195C111.348 34.6875 111.398 34.6686 111.45 34.6655C112.518 34.6019 114.712 34.386 114.455 33.6794H116.178" fill="#DE8014"/>
+<path d="M110.602 23.4947L109.099 24.2392C109.099 24.2392 107.638 24.0629 107.868 22.2086C107.901 21.9459 108.056 21.6499 108.773 21.8926C108.635 21.5756 108.501 21.1748 108.61 21.0658C109.027 20.6492 110.326 22.7109 110.602 23.4947Z" fill="#DE8014"/>
+<g opacity="0.15">
+<path d="M110.602 23.4945L109.099 24.2391C109.099 24.2391 107.638 24.0627 107.868 22.2085C107.901 21.9457 108.056 21.6497 108.773 21.8925C108.635 21.5754 108.501 21.1746 108.61 21.0656C109.027 20.649 110.326 22.7108 110.602 23.4945Z" fill="#1B222C"/>
+</g>
+<path d="M113.385 32.1427C113.309 32.1427 113.234 32.1367 113.159 32.1249C112.943 32.09 112.738 32.0055 112.56 31.878C112.382 31.7504 112.235 31.5833 112.132 31.3896L108.341 24.2848L110.847 22.9373L113.758 28.3913L118.267 24.0866L120.227 26.1544L114.366 31.7499C114.101 32.0023 113.75 32.1429 113.385 32.1427Z" fill="#138A07"/>
+<path d="M128.946 42.8704H117.688L118.342 38.3855L128.643 37.7476L128.946 42.8704Z" fill="#1B222C"/>
+<path d="M125.369 23.6108C125.369 23.6108 124.28 23.1415 124.28 20.2703L122.091 20.0464C122.091 20.0464 122.542 22.5836 121.518 23.4851L125.369 23.6108Z" fill="#DE8014"/>
+<g opacity="0.15">
+<path d="M121.916 22.9143L123.595 21.3917L122.187 21.4927C122.186 21.9793 122.094 22.4615 121.916 22.9143Z" fill="#1B222C"/>
+</g>
+<path d="M117.521 38.8401C118.088 40.1488 129.236 40.6926 129.385 38.3903C129.479 36.9253 128.193 35.6472 128.193 32.791C128.193 29.9348 130.81 26.2895 128.678 24.149C128.059 23.5281 126.991 23.1271 125.688 23.1257C125.591 23.8883 120.979 23.8917 120.944 23.1435C120.768 23.1462 120.631 23.1489 120.546 23.153C116.053 23.3473 118.027 28.4788 118.07 32.2488C118.123 36.6602 116.936 37.4919 117.521 38.8401Z" fill="#138A07"/>
+<path d="M125.413 19.0637C125.335 19.9413 124.931 20.7993 124.193 21.1415C123.391 21.5398 122.504 21.7352 121.61 21.7106C119.234 21.7106 119.261 16.2859 120.296 15.1473C121.331 14.0088 124.674 14.4008 125.217 16.1179C125.497 17.0059 125.488 18.2283 125.413 19.0637Z" fill="#DE8014"/>
+<path d="M121.966 18.6754C122.075 18.6754 122.162 18.5873 122.162 18.4786C122.162 18.3699 122.075 18.2817 121.966 18.2817C121.858 18.2817 121.77 18.3699 121.77 18.4786C121.77 18.5873 121.858 18.6754 121.966 18.6754Z" fill="#1B222C"/>
+<path d="M120.413 18.6754C120.522 18.6754 120.609 18.5873 120.609 18.4786C120.609 18.3699 120.522 18.2817 120.413 18.2817C120.305 18.2817 120.217 18.3699 120.217 18.4786C120.217 18.5873 120.305 18.6754 120.413 18.6754Z" fill="#1B222C"/>
+<path d="M120.032 18.0885C120.009 18.0886 119.986 18.0795 119.969 18.063C119.951 18.0466 119.941 18.0241 119.94 18.0003C119.939 17.9765 119.947 17.9531 119.963 17.9352C119.978 17.9173 120 17.9061 120.024 17.904L120.542 17.8548C120.566 17.8525 120.59 17.8599 120.609 17.8755C120.628 17.8911 120.64 17.9136 120.642 17.938C120.645 17.9624 120.637 17.9868 120.622 18.0057C120.606 18.0247 120.584 18.0366 120.559 18.039L120.042 18.0882L120.032 18.0885Z" fill="#1B222C"/>
+<path d="M122.352 18.0884C122.347 18.0884 122.342 18.0881 122.337 18.0874L121.816 18.006C121.792 18.0022 121.771 17.9889 121.756 17.9691C121.742 17.9493 121.736 17.9246 121.74 17.9003C121.743 17.8761 121.757 17.8544 121.776 17.8399C121.796 17.8254 121.821 17.8194 121.845 17.8232L122.366 17.9046C122.389 17.9081 122.409 17.9202 122.424 17.9385C122.438 17.9567 122.445 17.9798 122.444 18.003C122.442 18.0263 122.431 18.048 122.414 18.0638C122.397 18.0797 122.375 18.0884 122.352 18.0884Z" fill="#1B222C"/>
+<path d="M122.002 20.0315C121.593 20.1069 121.175 20.1069 120.766 20.0315C120.766 20.0315 120.809 20.5084 121.384 20.5084C121.959 20.5084 122.002 20.0315 122.002 20.0315Z" fill="white"/>
+<path d="M123.642 16.9524C123.759 20.9172 124.332 21.2808 124.332 21.2808C124.332 21.2808 126.2 19.9327 126.263 17.5402C126.322 15.2978 124.583 14.1202 123.46 13.9631C119.194 13.3677 119.044 17.2342 119.044 17.2342C121.185 17.6025 124.102 16.9939 124.102 16.9939" fill="#1B222C"/>
+<path d="M123.023 18.875C123.021 18.9857 123.042 19.0956 123.083 19.1983C123.124 19.301 123.185 19.3944 123.262 19.4733C123.339 19.5521 123.432 19.6147 123.533 19.6574C123.635 19.7001 123.744 19.7221 123.855 19.7221C123.965 19.7221 124.074 19.7001 124.176 19.6574C124.277 19.6147 124.37 19.5521 124.447 19.4733C124.524 19.3944 124.585 19.301 124.626 19.1983C124.668 19.0956 124.688 18.9857 124.686 18.875C124.688 18.7649 124.668 18.6555 124.627 18.5534C124.586 18.4512 124.524 18.3585 124.447 18.2806C124.369 18.2027 124.277 18.1413 124.175 18.1C124.073 18.0587 123.964 18.0383 123.854 18.0402C123.262 18.0696 123.023 18.4141 123.023 18.875Z" fill="#DE8014"/>
+<path d="M127.037 17.5402C128.085 17.5402 128.934 16.688 128.934 15.6368C128.934 14.5855 128.085 13.7333 127.037 13.7333C125.99 13.7333 125.141 14.5855 125.141 15.6368C125.141 16.688 125.99 17.5402 127.037 17.5402Z" fill="#1B222C"/>
+<path d="M120.944 23.1435C120.979 23.8917 121.384 24.9903 122.633 25.0733C124.299 25.1834 125.591 23.8883 125.688 23.1257H125.684C124.044 23.1257 121.899 23.1286 120.944 23.1435Z" fill="#DE8014"/>
+<path d="M123.595 36.4734C123.58 36.4734 123.565 36.4734 123.55 36.4734L115.041 36.212L115.131 33.2502L122.678 33.4818L126.659 25.1194L129.323 26.3971L124.927 35.631C124.807 35.8832 124.618 36.0962 124.382 36.2452C124.147 36.3943 123.874 36.4734 123.595 36.4734Z" fill="#138A07"/>
+<g opacity="0.15">
+<path d="M121.182 19.6387C121.177 19.6388 121.172 19.6383 121.167 19.6373L120.684 19.5304C120.675 19.5284 120.666 19.5243 120.659 19.5186C120.651 19.5128 120.644 19.5055 120.64 19.4971C120.635 19.4886 120.632 19.4793 120.632 19.4697C120.631 19.4601 120.632 19.4505 120.635 19.4414L120.888 18.7243C120.894 18.7073 120.907 18.6934 120.923 18.6856C120.939 18.6779 120.958 18.6769 120.975 18.6829C120.992 18.689 121.006 18.7015 121.013 18.7177C121.021 18.734 121.022 18.7527 121.016 18.7697L120.788 19.4152L121.197 19.5043C121.213 19.5077 121.228 19.5171 121.238 19.5308C121.247 19.5444 121.252 19.5613 121.25 19.578C121.248 19.5948 121.24 19.6103 121.228 19.6215C121.215 19.6327 121.199 19.6388 121.182 19.6386L121.182 19.6387Z" fill="#1B222C"/>
+</g>
+<path d="M103.81 15.5502L109.199 24.1731C109.224 24.2138 109.258 24.2491 109.297 24.2769C109.336 24.3048 109.38 24.3246 109.426 24.3354C109.473 24.3461 109.521 24.3475 109.569 24.3395C109.616 24.3315 109.661 24.3142 109.702 24.2887C109.742 24.2632 109.777 24.2299 109.805 24.1907C109.833 24.1515 109.853 24.1073 109.863 24.0604C109.874 24.0136 109.875 23.9651 109.867 23.9177C109.859 23.8703 109.842 23.825 109.817 23.7843L109.811 23.7745L104.15 15.3273C104.135 15.3049 104.116 15.2856 104.094 15.2705C104.072 15.2554 104.047 15.2448 104.021 15.2393C103.995 15.2338 103.968 15.2335 103.942 15.2385C103.916 15.2434 103.891 15.2535 103.869 15.2681C103.846 15.2827 103.827 15.3016 103.812 15.3237C103.797 15.3458 103.786 15.3707 103.781 15.3969C103.775 15.4231 103.775 15.4501 103.78 15.4764C103.785 15.5027 103.795 15.5278 103.81 15.5502Z" fill="#1B222C"/>
+<path d="M107.696 21.6676C107.981 21.5547 108.641 21.5711 108.82 21.8921C109.125 22.4353 109.219 23.6838 108.901 23.8243C108.584 23.9649 108.028 23.9123 107.864 23.5393C107.7 23.1664 107.465 21.7594 107.696 21.6676Z" fill="#DE8014"/>
+<path d="M141.833 99.8651H0.166626C1.71896 95.8919 4.58565 92.5215 8.62665 91.5215C14.5382 90.0609 20.794 94.0775 26.6932 92.5671C30.0442 91.7099 32.6824 89.2119 35.4545 87.1379C45.9131 79.3119 60.2445 76.9988 72.6213 81.1408C79.09 83.305 84.9845 87.0901 91.6107 88.6986C100.18 90.7801 109.141 89.0548 117.953 88.7698C126.534 88.4925 138.83 92.0028 141.833 99.8651Z" fill="#F4F5F6"/>
+<path d="M124.005 58.6085L122.176 59.0425L124.469 68.7768L126.298 68.3428L124.005 58.6085Z" fill="#F4F5F6"/>
+<path d="M126.017 57.8537L124.447 66.3979L125.462 66.5859L127.032 58.0417L126.017 57.8537Z" fill="#C3D0E3"/>
+<path d="M126.017 57.8507L125.839 58.7931L126.853 58.9869L127.032 58.0444L126.017 57.8507Z" fill="#E7E9EE"/>
+<path d="M122.873 60.0235L122.309 60.2465L125.6 68.6296L126.164 68.4066L122.873 60.0235Z" fill="#8CCA86"/>
+<path d="M127.113 63.6926H122.153V70.0552H127.113V63.6926Z" fill="#C3D0E3"/>
+<path d="M108.912 81.5478H107.057V99.8652H108.912V81.5478Z" fill="#C3D0E3"/>
+<path d="M107.385 81.5478H105.53V99.8652H107.385V81.5478Z" fill="#E7E9EE"/>
+<path d="M132.02 81.5478H130.165V99.8652H132.02V81.5478Z" fill="#C3D0E3"/>
+<path d="M130.493 81.5478H128.638V99.8652H130.493V81.5478Z" fill="#E7E9EE"/>
+<path d="M114 81.5478H112.145V99.8652H114V81.5478Z" fill="#C3D0E3"/>
+<path d="M112.474 81.5478H110.619V99.8652H112.474V81.5478Z" fill="#E7E9EE"/>
+<path d="M137.108 81.5478H135.253V99.8652H137.108V81.5478Z" fill="#C3D0E3"/>
+<path d="M135.582 81.5478H133.726V99.8652H135.582V81.5478Z" fill="#E7E9EE"/>
+<path d="M137.108 69.8229H112.157V81.9871H137.108V69.8229Z" fill="#C3D0E3"/>
+<path d="M130.482 69.8229H105.53V81.9871H130.482V69.8229Z" fill="#E7E9EE"/>
+<g opacity="0.53">
+<path d="M129.139 71.5525H106.873V80.2044H129.139V71.5525Z" fill="#F4F5F6"/>
+</g>
+<path d="M118.006 76.8705C118.552 76.8705 118.995 76.4261 118.995 75.878C118.995 75.3299 118.552 74.8855 118.006 74.8855C117.46 74.8855 117.017 75.3299 117.017 75.878C117.017 76.4261 117.46 76.8705 118.006 76.8705Z" fill="white"/>
+<path d="M48.2118 14.6736C51.7685 14.6736 54.6517 11.7798 54.6517 8.2101C54.6517 4.64038 51.7685 1.74655 48.2118 1.74655C44.6552 1.74655 41.772 4.64038 41.772 8.2101C41.772 11.7798 44.6552 14.6736 48.2118 14.6736Z" fill="#C3D0E3"/>
+<path d="M49.5242 14.6736C53.0809 14.6736 55.9641 11.7798 55.9641 8.2101C55.9641 4.64038 53.0809 1.74655 49.5242 1.74655C45.9676 1.74655 43.0844 4.64038 43.0844 8.2101C43.0844 11.7798 45.9676 14.6736 49.5242 14.6736Z" fill="#E7E9EE"/>
+<path d="M49.5242 13.7215C52.5569 13.7215 55.0153 11.254 55.0153 8.21016C55.0153 5.16635 52.5569 2.69886 49.5242 2.69886C46.4915 2.69886 44.0331 5.16635 44.0331 8.21016C44.0331 11.254 46.4915 13.7215 49.5242 13.7215Z" fill="#F4F5F6"/>
+<path d="M49.5245 8.71864C49.4794 8.71866 49.4351 8.70707 49.3958 8.68498L46.7462 7.19017C46.6855 7.15592 46.6408 7.09887 46.622 7.03158C46.6033 6.96429 46.6119 6.89226 46.646 6.83134C46.6801 6.77042 46.737 6.72561 46.804 6.70675C46.8711 6.68789 46.9428 6.69654 47.0035 6.73079L49.2618 8.0049V4.38242C49.2636 4.31371 49.2921 4.24842 49.3411 4.20045C49.3901 4.15249 49.4559 4.12565 49.5244 4.12565C49.5929 4.12565 49.6586 4.15249 49.7077 4.20045C49.7567 4.24842 49.7852 4.31371 49.787 4.38242V8.4552C49.787 8.4898 49.7802 8.52407 49.767 8.55604C49.7538 8.58802 49.7345 8.61707 49.7101 8.64153C49.6858 8.666 49.6568 8.68541 49.625 8.69864C49.5931 8.71187 49.559 8.71867 49.5245 8.71864Z" fill="#E7E9EE"/>
+<path d="M53.0909 55.9444C53.0455 55.9433 42.0077 55.9665 41.9859 55.9665C40.4376 55.9665 39.8394 56.8669 39.8394 56.8669V57.3523H54.9306V56.8669C54.2489 56.4029 53.6285 55.9309 53.0909 55.9444Z" fill="#E7E9EE"/>
+<path d="M50.9882 56.9863C50.9882 56.9863 51.7843 55.839 53.0909 55.9443C53.4453 55.9575 53.7928 56.0467 54.1101 56.2058C54.4274 56.3649 54.7071 56.5903 54.9305 56.8668V57.3521H46.7156V56.8668C46.7156 56.8668 47.3138 55.9664 48.863 55.9664C50.4121 55.9664 50.9882 56.9863 50.9882 56.9863Z" fill="#C3D0E3"/>
+<path d="M46.7156 56.8667H39.8394V57.3519H46.7156V56.8667Z" fill="#C3D0E3"/>
+<path d="M22.1329 72.1653L14.9095 99.7276L15.9393 99.9995L23.1627 72.4372L22.1329 72.1653Z" fill="#C3D0E3"/>
+<path d="M34.9332 72.2185L33.8812 72.384L38.187 99.9467L39.239 99.7811L34.9332 72.2185Z" fill="#C3D0E3"/>
+<path d="M21.1661 45.8624C21.1661 45.8624 12.3698 45.3047 12.3698 53.0185C12.3698 60.7323 13.6653 71.5121 20.1476 72.7203C26.6299 73.9285 36.2053 73.5646 38.4294 73.1859C41.1608 72.7212 42.3515 66.3619 38.7133 65.9363C28.3883 64.7281 33.3892 46.6991 21.1661 45.8624Z" fill="#C3D0E3"/>
+<path d="M37.9817 94.5302L37.647 98.8868L41.3628 99.1743L41.6975 94.8177L37.9817 94.5302Z" fill="#DE8014"/>
+<path d="M46.0845 99.8316C46.1802 99.8312 46.2749 99.8119 46.3631 99.7747C46.4514 99.7376 46.5315 99.6833 46.5989 99.6151C46.6662 99.5469 46.7195 99.466 46.7558 99.3771C46.792 99.2882 46.8104 99.193 46.81 99.0969C46.81 99.0791 46.81 99.0613 46.8078 99.0435C46.797 98.9045 46.7468 98.7715 46.6633 98.6601C46.5797 98.5488 46.4662 98.4637 46.3361 98.4149L41.9982 96.9566C41.9142 96.9287 41.8251 96.9193 41.7371 96.9291C41.6492 96.939 41.5644 96.9678 41.4885 97.0136C40.8921 97.4288 40.1788 97.641 39.4533 97.6192C38.8882 97.5788 38.3458 97.3798 37.888 97.0449C37.8477 97.0118 37.7989 96.9908 37.7472 96.9845C37.6956 96.9781 37.6432 96.9866 37.5961 97.009C37.5491 97.0315 37.5094 97.0668 37.4816 97.111C37.4539 97.1552 37.4392 97.2064 37.4393 97.2587V99.3876C37.4393 99.5141 37.4894 99.6354 37.5785 99.7249C37.6677 99.8143 37.7885 99.8646 37.9146 99.8646H37.9165L46.0845 99.8316Z" fill="#C3D0E3"/>
+<path d="M56.4604 94.3635L52.7852 94.984L53.5153 99.3408L57.1906 98.7203L56.4604 94.3635Z" fill="#DE8014"/>
+<path d="M58.3592 95.3172L50.1778 63.721C49.9949 63.015 49.5838 62.3899 49.0089 61.9436C48.434 61.4973 47.7279 61.2551 47.0011 61.2549H29.0673V61.2665H19.0209V64.3558C19.0209 65.2467 19.1957 66.1289 19.5353 66.952C19.875 67.7751 20.3729 68.523 21.0005 69.153C21.6282 69.7829 22.3733 70.2826 23.1934 70.6236C24.0134 70.9645 24.8924 71.14 25.78 71.14H30.68V71.1596H39.2341L36.8787 96.2959L43.4163 96.913L45.6938 72.607L52.0047 96.9751L58.3592 95.3172Z" fill="#1B222C"/>
+<path d="M44.6965 46.1654C44.6965 46.1654 44.7232 44.026 46.2467 44.1373C47.2079 44.2075 51.7751 43.9948 51.8431 44.4123C52.0113 45.4454 47.8337 45.698 47.4546 46.6606L44.6965 46.1654Z" fill="#DE8014"/>
+<path d="M45.7073 44.2057C45.7073 44.2057 47.8279 43.511 48.3491 43.6357C48.8105 43.746 47.8486 44.4998 47.8486 44.4998L45.7073 44.2057Z" fill="#DE8014"/>
+<path d="M40.3163 55.5529L47.8824 46.7119L44.6216 44.8716L38.5631 51.7129L33.8246 43.2002C33.3763 41.8549 32.3551 40.9534 30.2716 40.8633C30.1598 40.8597 29.9806 40.8544 29.7499 40.8508C29.7037 41.8305 23.6573 41.8269 23.5295 40.8276C21.8223 40.8294 20.4202 41.3567 19.611 42.1689C16.8158 44.9743 20.2463 49.7552 20.2463 53.4957C20.2463 57.2363 18.5603 58.9142 18.6846 60.8344C18.8798 63.8518 33.4909 63.1393 34.2346 61.424C34.7332 60.2747 34.25 59.4112 33.8697 57.3562H40.3161L40.3163 55.5529ZM33.5142 52.7832C33.5215 52.1539 33.5699 51.4954 33.6365 50.8253L35.1095 53.4722H33.5147C33.5124 53.2496 33.5115 53.0219 33.5147 52.7834L33.5142 52.7832Z" fill="#138A07"/>
+<path d="M29.751 40.8508C29.7048 41.8305 29.1724 43.2715 27.5362 43.3784C25.3515 43.5242 23.6584 41.8269 23.5306 40.8276H23.5377C25.6842 40.8276 28.4954 40.8312 29.751 40.8508Z" fill="#DE8014"/>
+<path d="M61.401 99.8316C61.4967 99.8312 61.5914 99.8118 61.6797 99.7746C61.768 99.7375 61.8481 99.6832 61.9155 99.6149C61.9828 99.5467 62.0361 99.4657 62.0723 99.3768C62.1086 99.2879 62.127 99.1926 62.1265 99.0965C62.1265 99.0787 62.1265 99.0609 62.1244 99.0431C62.1135 98.9041 62.0633 98.7711 61.9797 98.6598C61.8961 98.5484 61.7826 98.4633 61.6525 98.4145L57.3147 96.9562C57.2307 96.9283 57.1416 96.9189 57.0536 96.9288C56.9656 96.9386 56.8807 96.9674 56.8049 97.0132C56.2085 97.4284 55.4952 97.6407 54.7698 97.6188C54.2047 97.5784 53.6622 97.3794 53.2043 97.0446C53.1641 97.0116 53.1153 96.9907 53.0637 96.9844C53.012 96.9781 52.9597 96.9867 52.9127 97.0091C52.8658 97.0314 52.8261 97.0668 52.7983 97.1109C52.7706 97.155 52.7558 97.2061 52.7559 97.2583V99.3872C52.7558 99.5137 52.8057 99.635 52.8947 99.7245C52.9837 99.814 53.1044 99.8644 53.2304 99.8646H53.2324L61.401 99.8316Z" fill="#C3D0E3"/>
+<path d="M10.5201 59.0825H8.85352V99.865H10.5201V59.0825Z" fill="#E7E9EE"/>
+<path d="M90.9097 59.0825H89.243V99.865H90.9097V59.0825Z" fill="#C3D0E3"/>
+<path d="M90.9095 58.5713H75.8787V97.0763H90.9095V58.5713Z" fill="#C3D0E3"/>
+<path d="M74.5446 94.2878H72.8779V99.865H74.5446V94.2878Z" fill="#C3D0E3"/>
+<path d="M93.2138 57.3981H6.54919V59.6982H93.2138V57.3981Z" fill="#E7E9EE"/>
+<path d="M76.712 59.0825H75.0454V99.865H76.712V59.0825Z" fill="#E7E9EE"/>
+<path d="M60.3469 59.0825H58.6803V99.865H60.3469V59.0825Z" fill="#E7E9EE"/>
+<path d="M75.8787 59.7011H59.5135V97.0761H75.8787V59.7011Z" fill="#E7E9EE"/>
+<path d="M59.3985 47.1038L57.2436 56.1831C57.2102 56.3243 57.209 56.4713 57.2402 56.6131C57.2715 56.7549 57.3342 56.8877 57.4239 57.0017C57.5136 57.1156 57.6278 57.2077 57.7579 57.271C57.8881 57.3344 58.0309 57.3673 58.1755 57.3674H70.8796C71.0895 57.3674 71.2935 57.2982 71.4605 57.1704C71.6274 57.0427 71.7479 56.8635 71.8035 56.6604L74.2865 47.5813C74.3255 47.4386 74.3311 47.2888 74.303 47.1435C74.2749 46.9982 74.2138 46.8614 74.1244 46.7438C74.035 46.6261 73.9197 46.5307 73.7876 46.465C73.6555 46.3993 73.51 46.3651 73.3626 46.3651H60.3306C60.1151 46.3651 59.9059 46.438 59.7368 46.5721C59.5677 46.7061 59.4485 46.8934 59.3985 47.1038Z" fill="#97B6E5"/>
+<path d="M52.721 57.3675H68.0756C68.2249 57.3675 68.3681 57.308 68.4737 57.202C68.5792 57.0961 68.6385 56.9524 68.6385 56.8025C68.6385 56.6527 68.5792 56.509 68.4737 56.403C68.3681 56.297 68.2249 56.2375 68.0756 56.2375H52.721C52.6471 56.2375 52.5739 56.2521 52.5056 56.2805C52.4373 56.3089 52.3752 56.3505 52.323 56.403C52.2707 56.4555 52.2292 56.5178 52.2009 56.5863C52.1726 56.6549 52.1581 56.7283 52.1581 56.8025C52.1581 56.8767 52.1726 56.9502 52.2009 57.0187C52.2292 57.0873 52.2707 57.1496 52.323 57.202C52.3752 57.2545 52.4373 57.2961 52.5056 57.3245C52.5739 57.3529 52.6471 57.3675 52.721 57.3675Z" fill="#97B6E5"/>
+<path d="M66.2853 53.2844C67.1151 53.2844 67.7878 52.6093 67.7878 51.7764C67.7878 50.9436 67.1151 50.2684 66.2853 50.2684C65.4555 50.2684 64.7828 50.9436 64.7828 51.7764C64.7828 52.6093 65.4555 53.2844 66.2853 53.2844Z" fill="white"/>
+<path d="M42.937 56.4228C42.591 56.6953 41.0931 56.7808 40.3158 56.8075V53.9166C40.7116 53.7028 41.2049 53.4268 41.5723 53.1916C42.0816 52.8639 42.3123 52.7695 42.4401 52.8051H42.4419C42.4721 52.8139 42.4992 52.8312 42.52 52.855C42.5372 52.8742 42.5505 52.8965 42.559 52.9209C42.6424 53.1471 42.2609 53.4873 42.0497 53.6548L42.0479 53.6565C41.9716 53.7171 41.9166 53.7563 41.9166 53.7563L42.3674 53.9647L42.3691 53.9665L42.7631 54.1499L42.7684 54.1517L42.9814 54.2497C42.9814 54.2497 43.0187 54.4064 43.0595 54.6362V54.638C43.155 55.1884 43.2703 56.1609 42.937 56.4228Z" fill="#DE8014"/>
+<path d="M45.4936 56.4268L44.5778 56.1133L41.8801 53.4919L41.514 53.1347L40.8596 52.4995L41.4722 51.8658L42.1324 52.5075L42.4996 52.8633L45.1892 55.4783L45.4936 56.4268Z" fill="#8CCA86"/>
+<path d="M42.4996 52.8633L41.88 53.4919L41.5139 53.1348L42.1324 52.5076L42.4996 52.8633Z" fill="white"/>
+<path d="M42.1885 53.6991C42.4207 53.7033 42.6524 53.7226 42.8821 53.7568C43.1187 53.7877 43.352 53.8404 43.579 53.9143C43.7051 53.9546 43.8272 54.0067 43.9435 54.07C44.0088 54.1059 44.071 54.1471 44.1297 54.193L44.2602 54.3063C44.4319 54.4616 44.5887 54.6328 44.7283 54.8177C44.7665 54.8686 44.7854 54.9314 44.7819 54.995C44.7783 55.0586 44.7524 55.1188 44.7088 55.1651C44.6652 55.2114 44.6067 55.2407 44.5437 55.2478C44.4806 55.2549 44.4171 55.2394 44.3643 55.2041L44.3519 55.1957L43.8372 54.8494L43.7084 54.7645C43.6785 54.7474 43.6477 54.7322 43.6159 54.7189C43.5369 54.6867 43.4552 54.6618 43.3717 54.6442C43.1795 54.6039 42.9849 54.5759 42.7891 54.5603C42.5889 54.5447 42.3756 54.5327 42.1827 54.5293H42.1736C42.1193 54.5284 42.0657 54.5167 42.0159 54.4949C41.9661 54.4732 41.9211 54.4418 41.8834 54.4026C41.8456 54.3634 41.816 54.3171 41.7961 54.2664C41.7762 54.2157 41.7664 54.1615 41.7674 54.107C41.7684 54.0525 41.78 53.9987 41.8017 53.9487C41.8233 53.8988 41.8546 53.8535 41.8937 53.8157C41.9327 53.7778 41.9789 53.7481 42.0294 53.7281C42.0799 53.7081 42.1339 53.6983 42.1882 53.6993L42.1885 53.6991Z" fill="#DE8014"/>
+<path d="M31.2903 30.9975C31.2903 30.9975 32.6355 35.8352 33.3912 38.3454C33.427 38.4644 33.4345 38.5901 33.4132 38.7125C33.392 38.8349 33.3424 38.9505 33.2685 39.0503C33.1947 39.15 33.0986 39.2309 32.988 39.2867C32.8773 39.3424 32.7552 39.3714 32.6314 39.3713H27.9107C27.7068 39.3712 27.5107 39.2924 27.3632 39.1511C27.2156 39.0099 27.1278 38.8171 27.1181 38.6126L26.7999 31.8783L31.2903 30.9975Z" fill="#1B222C"/>
+<path d="M24.0555 41.7584C24.0555 41.7584 25.4286 41.0293 25.1255 37.2784L27.9613 36.7533C27.9613 36.7533 27.6397 40.1157 29.0732 41.1846L24.0555 41.7584Z" fill="#DE8014"/>
+<g opacity="0.15">
+<path d="M28.4928 40.4813L26.139 38.6705L27.989 38.6527C28.0419 39.2885 28.2128 39.9087 28.4928 40.4813Z" fill="#1B222C"/>
+</g>
+<path d="M23.518 35.8229C23.7132 36.961 24.331 38.0391 25.3308 38.4075C26.4205 38.8428 27.5998 39.0038 28.7658 38.8765C31.8699 38.6239 31.2623 31.5398 29.7898 30.1625C28.3173 28.7853 23.9918 29.6527 23.4637 31.9536C23.1905 33.1436 23.3322 34.7405 23.518 35.8229Z" fill="#DE8014"/>
+<path d="M27.9592 34.9508C28.1012 34.9508 28.2163 34.8352 28.2163 34.6927C28.2163 34.5501 28.1012 34.4346 27.9592 34.4346C27.8172 34.4346 27.702 34.5501 27.702 34.6927C27.702 34.8352 27.8172 34.9508 27.9592 34.9508Z" fill="#1B222C"/>
+<path d="M29.9881 34.7855C30.1301 34.7855 30.2453 34.67 30.2453 34.5274C30.2453 34.3849 30.1301 34.2693 29.9881 34.2693C29.8461 34.2693 29.731 34.3849 29.731 34.5274C29.731 34.67 29.8461 34.7855 29.9881 34.7855Z" fill="#1B222C"/>
+<path d="M30.434 33.9779H30.4326L29.751 33.9684C29.7189 33.968 29.6883 33.9549 29.6659 33.9318C29.6436 33.9088 29.6312 33.8778 29.6316 33.8456C29.632 33.8134 29.6451 33.7827 29.6681 33.7603C29.691 33.7378 29.7219 33.7254 29.754 33.7258L30.4353 33.7351C30.4673 33.7353 30.498 33.7483 30.5205 33.7712C30.543 33.7941 30.5555 33.825 30.5553 33.8572C30.5551 33.8894 30.5422 33.9201 30.5194 33.9427C30.4966 33.9653 30.4657 33.9779 30.4337 33.9777L30.434 33.9779Z" fill="#1B222C"/>
+<path d="M27.4046 34.2242C27.3751 34.2241 27.3466 34.2131 27.3245 34.1934C27.3024 34.1737 27.2883 34.1465 27.2849 34.117C27.2814 34.0876 27.2889 34.0579 27.3057 34.0335C27.3226 34.0092 27.3478 33.9919 27.3766 33.9849L28.0481 33.8234C28.0637 33.8193 28.0799 33.8183 28.0959 33.8206C28.1118 33.8228 28.1271 33.8282 28.141 33.8365C28.1548 33.8448 28.1668 33.8558 28.1764 33.8688C28.1859 33.8818 28.1927 33.8966 28.1965 33.9123C28.2003 33.9281 28.2009 33.9444 28.1982 33.9603C28.1956 33.9763 28.1899 33.9915 28.1813 34.0052C28.1728 34.0189 28.1616 34.0307 28.1484 34.04C28.1352 34.0493 28.1203 34.0558 28.1046 34.0592L27.433 34.2208C27.4237 34.223 27.4142 34.2242 27.4046 34.2242Z" fill="#1B222C"/>
+<path d="M28.0763 36.7251C28.0763 36.7251 29.0254 36.8265 29.6913 36.5939C29.6913 36.5939 29.6854 37.2212 28.9342 37.2825C28.183 37.3438 28.0763 36.7251 28.0763 36.7251Z" fill="white"/>
+<g opacity="0.15">
+<path d="M29.0995 36.1251C29.0782 36.1251 29.0577 36.1174 29.0416 36.1035C29.0255 36.0895 29.015 36.0703 29.0118 36.0492C29.0087 36.0281 29.0132 36.0066 29.0245 35.9885C29.0359 35.9705 29.0533 35.9571 29.0736 35.9509L29.5966 35.7906L29.2313 34.9726C29.2261 34.9619 29.2231 34.9502 29.2225 34.9383C29.2219 34.9264 29.2237 34.9145 29.2277 34.9033C29.2318 34.8921 29.238 34.8818 29.2461 34.873C29.2542 34.8643 29.264 34.8573 29.2748 34.8524C29.2857 34.8475 29.2974 34.8449 29.3093 34.8446C29.3211 34.8444 29.333 34.8465 29.344 34.8509C29.355 34.8554 29.3651 34.862 29.3735 34.8704C29.382 34.8787 29.3887 34.8887 29.3932 34.8998L29.8406 35.9019L29.1256 36.1219C29.1171 36.1242 29.1083 36.1252 29.0995 36.1251Z" fill="#1B222C"/>
+</g>
+<path d="M31.4522 31.5773C31.4522 31.5773 30.9977 27.8878 25.1076 28.794C23.6392 29.0198 21.5582 30.1705 21.221 33.9417C21.0669 35.6716 20.4728 37.3027 20.0195 38.3351C19.9658 38.4563 19.9432 38.5891 19.9536 38.7213C19.9641 38.8535 20.0072 38.981 20.0792 39.0922C20.1512 39.2034 20.2497 39.2949 20.3658 39.3582C20.4819 39.4215 20.612 39.4547 20.7441 39.4548L24.8845 39.4562C25.0946 39.4566 25.2962 39.3731 25.4451 39.2243C25.5939 39.0754 25.6777 38.8734 25.6781 38.6625C25.6781 38.6507 25.6781 38.639 25.6781 38.6269C25.6483 37.9196 25.6249 36.722 25.665 34.8916C25.8803 33.847 25.3069 33.1104 26.1392 33.3505C29.2297 34.2406 31.22 31.637 31.4522 31.5773Z" fill="#1B222C"/>
+<path d="M26.6597 35.8027C26.6713 35.9459 26.6546 36.09 26.6107 36.2268C26.5668 36.3636 26.4965 36.4903 26.4038 36.5998C26.311 36.7093 26.1977 36.7994 26.0703 36.8649C25.9429 36.9305 25.8039 36.9702 25.6612 36.9818C25.5185 36.9934 25.3749 36.9767 25.2386 36.9326C25.1024 36.8885 24.9761 36.8179 24.867 36.7249C24.6467 36.5369 24.5098 36.2688 24.4864 35.9796C24.4588 35.6956 24.5446 35.4123 24.725 35.1919C24.9054 34.9714 25.1656 34.8319 25.4485 34.804C25.4606 34.8029 25.4728 34.8018 25.4849 34.8011C26.262 34.776 26.6109 35.201 26.6597 35.8027Z" fill="#DE8014"/>
+<path d="M104.644 29.8764H88.0462C87.9756 29.8764 87.9079 29.8483 87.858 29.7982C87.8081 29.7481 87.78 29.6801 87.78 29.6092V12.9508C87.78 12.898 87.7957 12.8463 87.8249 12.8024C87.8542 12.7585 87.8958 12.7242 87.9444 12.704C87.9931 12.6838 88.0466 12.6785 88.0982 12.6889C88.1499 12.6992 88.1973 12.7246 88.2345 12.762L104.832 29.4204C104.869 29.4578 104.894 29.5054 104.905 29.5572C104.915 29.609 104.91 29.6627 104.889 29.7115C104.869 29.7603 104.835 29.802 104.791 29.8313C104.748 29.8607 104.696 29.8764 104.644 29.8764ZM88.3124 29.3421H104.001L88.3124 13.596V29.3421Z" fill="#C3D0E3"/>
+<path d="M91.4286 29.8764H88.0462C87.9756 29.8764 87.9079 29.8482 87.858 29.7981C87.8081 29.748 87.78 29.68 87.78 29.6092V26.2145C87.78 26.1436 87.8081 26.0757 87.858 26.0256C87.9079 25.9755 87.9756 25.9473 88.0462 25.9473H91.4286C91.4992 25.9473 91.567 25.9755 91.6169 26.0256C91.6668 26.0757 91.6949 26.1436 91.6949 26.2145V29.6092C91.6949 29.68 91.6668 29.748 91.6169 29.7981C91.567 29.8482 91.4992 29.8764 91.4286 29.8764ZM88.3124 29.342H91.1624V26.4817H88.3124V29.342Z" fill="#C3D0E3"/>
+</g>
+<defs>
+<clipPath id="clip0_175_924">
+<rect width="141.667" height="100" fill="white" transform="translate(0.166626)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/services/web/public/mask-favicon.svg b/services/web/public/mask-favicon.svg
new file mode 100644
index 0000000..1cb9bf7
--- /dev/null
+++ b/services/web/public/mask-favicon.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M4538 6996 c-1 -2 -50 -6 -108 -10 -58 -4 -118 -8 -135 -11 -16 -2
+-59 -6 -95 -9 -36 -3 -76 -8 -89 -11 -14 -2 -47 -7 -75 -10 -91 -10 -393 -75
+-519 -111 -174 -51 -292 -96 -452 -174 -494 -239 -775 -583 -860 -1050 -5 -28
+-16 -135 -19 -193 -2 -32 -5 -59 -7 -61 -2 -2 -33 -22 -69 -46 -249 -166 -542
+-425 -720 -635 -23 -27 -52 -61 -64 -75 -70 -82 -221 -300 -294 -426 -83 -143
+-227 -454 -236 -509 -1 -5 -4 -14 -8 -20 -23 -39 -106 -379 -123 -505 -3 -25
+-8 -56 -10 -70 -17 -96 -23 -332 -11 -480 11 -156 28 -255 71 -430 32 -127
+106 -317 181 -459 264 -503 704 -889 1237 -1085 222 -82 534 -139 767 -140 51
+0 272 13 295 18 11 2 40 7 65 10 641 97 1215 472 1572 1027 52 81 153 275 190
+364 66 162 124 378 144 535 3 25 8 56 11 70 9 46 11 404 2 475 -21 172 -27
+206 -56 320 -49 197 -90 307 -188 501 -111 219 -234 386 -424 574 -296 293
+-603 469 -1034 589 -77 22 -94 26 -151 37 -16 2 -32 6 -35 8 -3 2 -35 7 -71
+11 -36 4 -68 9 -73 12 -4 2 -57 5 -117 5 -104 1 -112 -1 -153 -27 -328 -216
+-716 -627 -942 -1000 -51 -83 -145 -264 -145 -277 0 -5 17 11 38 34 20 23 57
+60 81 82 25 23 54 49 64 60 41 40 211 148 300 190 85 41 249 102 301 112 12 2
+32 6 46 9 61 13 78 16 135 23 77 9 294 9 365 -1 86 -11 258 -56 338 -88 530
+-210 901 -701 949 -1254 12 -145 5 -324 -18 -423 -6 -26 -13 -58 -15 -72 -14
+-77 -83 -259 -138 -360 -115 -216 -313 -426 -531 -565 -117 -74 -338 -164
+-470 -189 -65 -13 -79 -16 -134 -23 -106 -14 -423 -6 -451 12 -4 2 -22 7 -41
+10 -91 15 -227 62 -347 121 -74 36 -139 69 -145 74 -7 6 -50 37 -96 71 -298
+217 -576 644 -657 1009 -4 19 -8 37 -9 40 -7 32 -27 155 -30 190 -10 106 -5
+319 9 415 3 17 8 53 12 80 11 84 80 344 120 455 48 131 191 416 269 535 56 86
+133 194 146 205 3 3 10 12 15 21 5 9 29 41 54 70 231 275 502 523 817 747 122
+86 385 258 413 270 8 3 35 18 60 33 102 61 186 105 390 205 118 58 224 109
+235 114 11 5 41 18 68 29 26 12 67 30 91 41 25 11 47 20 50 20 3 0 29 11 58
+24 29 13 87 36 128 51 41 15 89 33 105 40 75 33 411 142 615 200 124 36 238
+69 255 75 63 22 -3 -19 -180 -110 -463 -239 -709 -370 -970 -518 -367 -208
+-855 -523 -855 -552 0 -11 267 -102 340 -116 14 -3 41 -9 60 -14 258 -68 586
+-73 822 -11 330 86 635 309 948 696 36 44 67 82 71 85 3 3 65 84 139 180 73
+96 136 177 139 180 3 3 28 34 56 70 27 36 54 70 60 76 5 6 28 33 50 60 77 94
+233 253 314 320 l33 28 -48 19 c-102 40 -337 93 -584 132 -62 10 -209 26 -380
+41 -54 5 -707 14 -712 10z"/>
+</g>
+</svg>
diff --git a/services/web/public/robots.txt b/services/web/public/robots.txt
new file mode 100644
index 0000000..77470cb
--- /dev/null
+++ b/services/web/public/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /
\ No newline at end of file
diff --git a/services/web/public/sharelatex-security.pub b/services/web/public/sharelatex-security.pub
new file mode 100644
index 0000000..9427eab
--- /dev/null
+++ b/services/web/public/sharelatex-security.pub
@@ -0,0 +1,30 @@
+-----BEGIN PGP PUBLIC KEY BLOCK-----
+Version: GnuPG v1
+
+mQENBFRKK00BCADUis0s5avrxbfylhl0btKoyQcST6BlGwejbryJHEkeVxoVPJ6q
+YkDTlMB4RMDGNC5wK901d8McYf3UiTzhqw50lX9CZGCzZIkjAvuySD/ectLuRD96
+ft2qwNUISyCfLUdFItnhq7PQLZcgVvBjBL5UjX6yItZQLeFIkxEZrN3+fm9wjlg8
+0V8OctWs+d1HgtL03bNJk6YSc21g4NBsca8+1pvjEi12JS78ZOvWRwk8y+XM9nny
+f+1y++HJZFE3mtLUNzP5t7DA0zgpg3QrY6l9tA0n5AF7kg1jumkaeveAoxH4nz37
+3trK/AocXEg14BBwEJYO/0VvDj4HUhh7kTGXABEBAAG0IFNoYXJlTGFUZVggPHRl
+YW1Ac2hhcmVsYXRleC5jb20+iQE4BBMBAgAiBQJUSitNAhsDBgsJCAcDAgYVCAIJ
+CgsEFgIDAQIeAQIXgAAKCRDUTe3hJW06cZA6CAC2zS9PSWVUgGcCI4BxHrGBUcCy
+bsUzqhuKHVXtCmfrCVYhHiohXqWTqoR0JA51DVi9kn7f2xeXllZGhJtT54xynN12
+Wna1G2Fq2rBG+G2j9hFHR/WKdG2z1i6MRRAshOm8axmKHKL/KR80yzsazHlnDcT5
+4RMXIF2hRfdW97ePKh5SCe8yeCRKkJY5XWQo66AoQO3tB6mlAzl3J1L/W5SAVqwx
+/1wC+kftn38Rgrn+kterHogdQMxYl9B2U2FXolMn0m1Y2DWmZglGL67XXI+yuugP
+RLXhC8VROjmD7FVgZDVuiJUelABxr/eg0SqnfpiFskMfjj8hq/DlKUSPBjdvuQEN
+BFRKK00BCADK/c9LsxSK43T5aKeZwztsmo0ZCAmG08NVw4LkKtJOizdywuenLZoj
+Tma8L9/OlmGPKsIYMODil4UCTeaOLSPhSiuJQQFw4epbSANp7sD3ZwtEF8vsML5U
+3YnPMHh/3EAJXG08+5GHQdAHh3m7DtSRRQ3nJUrtN4w1jh8dUOe5ApIQx4ZB7xLA
+Eio2KMdYHlcxAwmd7qBNMQ/cBoLssqvrLFIxbdBMNQgl+Ly2u1NBpMpeaiF4xSr+
+9RrR5Z911eFYBJ+WkzShjuhYQDlHjLEwm1Xcv0t4lNyRniTK3i0w5gYj3G1dqJji
+/xozhpcU2tk6CRb1EE+QrTV2tGNdVyCJABEBAAGJAR8EGAECAAkFAlRKK00CGwwA
+CgkQ1E3t4SVtOnFY1wf/eKmWlzxAutmde1Irh2QzDc1nY/vSHOT5IHhoR8/ZcGr4
+o7MYu9wpMAKHtLea3MoOhFmfcRjsFR+GUtYsD7W299vz3XpRuhSKZ9RZy6qZ7od9
+HDN5891TPMJng3LY8RVhtCXmoaVCkJwRYXkz2+9dsM7Z1+rgytUxI71k4StsqZde
+EA+/Qwd5FBymMAQb9JsvA/PaN74E43jFQj39bHaNYjzvONQAV695ANHuMN9sovEg
+U5j6+6b3OPXEM/OLLvqiIfHjs9QqEKBH3OVf1YRzGjHVBbfG8BfKd88RKRYmfEAn
+9KPdxwVzKk+NpEbbU4iuyqo6NDdTPnqsa5PGQk7AVQ==
+=l+45
+-----END PGP PUBLIC KEY BLOCK-----
diff --git a/services/web/public/sl-apple-touch-icon-precomposed.png b/services/web/public/sl-apple-touch-icon-precomposed.png
new file mode 100644
index 0000000..b974874
Binary files /dev/null and b/services/web/public/sl-apple-touch-icon-precomposed.png differ
diff --git a/services/web/public/sl-favicon.ico b/services/web/public/sl-favicon.ico
new file mode 100644
index 0000000..dcbc26c
Binary files /dev/null and b/services/web/public/sl-favicon.ico differ
diff --git a/services/web/public/sl-mask-favicon.svg b/services/web/public/sl-mask-favicon.svg
new file mode 100644
index 0000000..c5a06b9
--- /dev/null
+++ b/services/web/public/sl-mask-favicon.svg
@@ -0,0 +1,4 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
+  <title>favicon</title>
+  <path d="M14,0H2A2,2,0,0,0,0,2V14a2,2,0,0,0,2,2H14a2,2,0,0,0,2-2V2A2,2,0,0,0,14,0ZM11.3,11.56A2.87,2.87,0,0,1,10,12.69a4.93,4.93,0,0,1-2.26.45A7.26,7.26,0,0,1,6.37,13q-.64-.13-1.34-.33a3.94,3.94,0,0,0-.61-.16L4.53,10H5.79l.34,1.66a1.33,1.33,0,0,0,.59.34,3.11,3.11,0,0,0,1,.14A1.88,1.88,0,0,0,9,11.81a1.26,1.26,0,0,0,.41-1A1.22,1.22,0,0,0,9.12,10a2.48,2.48,0,0,0-.73-.61q-.47-.27-1.29-.65A6.46,6.46,0,0,1,5.23,7.54a2.63,2.63,0,0,1-.77-2,2.45,2.45,0,0,1,.4-1.36,2.75,2.75,0,0,1,1.21-1,4.79,4.79,0,0,1,2-.37A7,7,0,0,1,9.32,3q.56.1,1.14.26l.51.12-.09,2.38H9.66l-.33-1.6a1,1,0,0,0-.44-.23,2.57,2.57,0,0,0-.76-.1A1.64,1.64,0,0,0,7,4.12,1.17,1.17,0,0,0,6.63,5a1.22,1.22,0,0,0,.3.82,2.87,2.87,0,0,0,.76.62q.46.27,1.35.7a11.53,11.53,0,0,1,1.31.73,3.47,3.47,0,0,1,.94.93,2.26,2.26,0,0,1,.39,1.32A2.9,2.9,0,0,1,11.3,11.56Z"/>
+</svg>
diff --git a/services/web/public/sl-touch-icon-192x192.png b/services/web/public/sl-touch-icon-192x192.png
new file mode 100644
index 0000000..df869be
Binary files /dev/null and b/services/web/public/sl-touch-icon-192x192.png differ
diff --git a/services/web/public/static/brochures/Overleaf-Information-v8.pdf b/services/web/public/static/brochures/Overleaf-Information-v8.pdf
new file mode 100644
index 0000000..d9f89df
Binary files /dev/null and b/services/web/public/static/brochures/Overleaf-Information-v8.pdf differ
diff --git a/services/web/public/static/brochures/Overleaf-Institutional-Solutions-v1.pdf b/services/web/public/static/brochures/Overleaf-Institutional-Solutions-v1.pdf
new file mode 100644
index 0000000..63e5f6e
--- /dev/null
+++ b/services/web/public/static/brochures/Overleaf-Institutional-Solutions-v1.pdf
@@ -0,0 +1,3465 @@
+%PDF-1.5
%����
+1 0 obj
<</Metadata 2 0 R/OCProperties<</D<</ON[5 0 R 6 0 R 7 0 R]/Order 8 0 R/RBGroups[]>>/OCGs[5 0 R 6 0 R 7 0 R]>>/Pages 3 0 R/Type/Catalog>>
endobj
2 0 obj
<</Length 54884/Subtype/XML/Type/Metadata>>stream
+<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?>
+<x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.6-c014 79.156821, 2014/08/29-03:07:50        ">
+   <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+      <rdf:Description rdf:about=""
+            xmlns:dc="http://purl.org/dc/elements/1.1/"
+            xmlns:xmp="http://ns.adobe.com/xap/1.0/"
+            xmlns:xmpGImg="http://ns.adobe.com/xap/1.0/g/img/"
+            xmlns:xmpMM="http://ns.adobe.com/xap/1.0/mm/"
+            xmlns:stRef="http://ns.adobe.com/xap/1.0/sType/ResourceRef#"
+            xmlns:stEvt="http://ns.adobe.com/xap/1.0/sType/ResourceEvent#"
+            xmlns:illustrator="http://ns.adobe.com/illustrator/1.0/"
+            xmlns:xmpTPg="http://ns.adobe.com/xap/1.0/t/pg/"
+            xmlns:stDim="http://ns.adobe.com/xap/1.0/sType/Dimensions#"
+            xmlns:xmpG="http://ns.adobe.com/xap/1.0/g/"
+            xmlns:pdf="http://ns.adobe.com/pdf/1.3/">
+         <dc:format>application/pdf</dc:format>
+         <dc:title>
+            <rdf:Alt>
+               <rdf:li xml:lang="x-default">Overleaf-Instituional-Solutions</rdf:li>
+            </rdf:Alt>
+         </dc:title>
+         <xmp:MetadataDate>2015-06-16T13:57:32-04:00</xmp:MetadataDate>
+         <xmp:ModifyDate>2015-06-16T13:57:32-04:00</xmp:ModifyDate>
+         <xmp:CreateDate>2015-06-16T13:57:32-04:00</xmp:CreateDate>
+         <xmp:CreatorTool>Adobe Illustrator CC 2014 (Macintosh)</xmp:CreatorTool>
+         <xmp:Thumbnails>
+            <rdf:Alt>
+               <rdf:li rdf:parseType="Resource">
+                  <xmpGImg:width>168</xmpGImg:width>
+                  <xmpGImg:height>256</xmpGImg:height>
+                  <xmpGImg:format>JPEG</xmpGImg:format>
+                  <xmpGImg:image>/9j/4AAQSkZJRgABAgEBLAEsAAD/7QAsUGhvdG9zaG9wIDMuMAA4QklNA+0AAAAAABABLAAAAAEA&#xA;AQEsAAAAAQAB/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoK&#xA;DBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8f&#xA;Hx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgBAACoAwER&#xA;AAIRAQMRAf/EAaIAAAAHAQEBAQEAAAAAAAAAAAQFAwIGAQAHCAkKCwEAAgIDAQEBAQEAAAAAAAAA&#xA;AQACAwQFBgcICQoLEAACAQMDAgQCBgcDBAIGAnMBAgMRBAAFIRIxQVEGE2EicYEUMpGhBxWxQiPB&#xA;UtHhMxZi8CRygvElQzRTkqKyY3PCNUQnk6OzNhdUZHTD0uIIJoMJChgZhJRFRqS0VtNVKBry4/PE&#xA;1OT0ZXWFlaW1xdXl9WZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3OEhYaHiImKi4yNjo+Ck5SVlpeYmZ&#xA;qbnJ2en5KjpKWmp6ipqqusra6voRAAICAQIDBQUEBQYECAMDbQEAAhEDBCESMUEFURNhIgZxgZEy&#xA;obHwFMHR4SNCFVJicvEzJDRDghaSUyWiY7LCB3PSNeJEgxdUkwgJChgZJjZFGidkdFU38qOzwygp&#xA;0+PzhJSktMTU5PRldYWVpbXF1eX1RlZmdoaWprbG1ub2R1dnd4eXp7fH1+f3OEhYaHiImKi4yNjo&#xA;+DlJWWl5iZmpucnZ6fkqOkpaanqKmqq6ytrq+v/aAAwDAQACEQMRAD8A7YOuYjWiYlyQSi4xkkol&#xA;BhVEIMKVVRhVVUYVVAMKrgMUrgMKrsVdTFW6Yq7FXUxVqmKtUxVojFVpGBVhGKFNhgViSCpzHYou&#xA;IZIKi4xkkolBhVXQZJKsowqqKMKrwMVXgYUtjFV1MVdireFXUxV2KrWZVUsxCqoqzHYADucCsa1f&#xA;8xvKGmeqJr4SywgkxwK0hJH7IYDhyrtu2Y8tVjBq92iWogOq1fzB8uiys57ibhNdRRSvbxgyGL1I&#xA;xJRmAHTlT+GQlrscas7p8eNbprpmu6Rqoc6fcrcemAZAtQVqSByBAK1oeuXY80Z/SbZxmJckaRlj&#xA;JTYYqxKIb5jhijIhkgqVebPONj5ZtIZZ4ZLq5uSy21rCPibgKsST0Ve5yTIBA+Q/zDv/ADVfTRJo&#xA;ptbK3B9W9Nx6i8v2UAEahifZumELTPUGFVSqqpZiAB1J2GFVVaEAjocKqgGFLdVBAJAJ2A8cULhi&#xA;lvFW8Kt4q7FXYq89/NLVr828WlWYD2s7Bb8xkmUUBk9PY7VRCaU32+nC1kjXCORcXUk1Q5PEdR+s&#xA;/XDZ8WLwMDNRajc7du9ds1scdOuMTdPU73RIptFsNGtxHFrH1eFIzIVQlwArLzNATscnPFGR4Rzc&#xA;6cY1wjmmXlTWdE8rWn6JKyXEhkLXd6lGV5D8JKVPIoKAA9+vthxa7HhPBRO/P9XknHkjAU9Ainhn&#xA;jWSJw6OKqR4Zt4zEuTlg22wySsThGY4YoyIZIJYDoHlzSfN1xrF7rc0z6hFeTW0lqspj9CKNqRLR&#xA;aGgG/gTU9cklLtH806x5bgaVbtr/AMraRqU2nTuERmkidKwv6gWtY32JBoajClDz+ePzHW4W1uL5&#xA;bOVLRb/cWMPITjmi/wCkmMMka/CQtWrWuK0mQ8xecdes9QN9dJa2NtpUVxdWEccTrK8xdEZZRVlV&#xA;uIl2Y9hlWf6C4+r/ALqSYSecPNSPObaaO3h04xwxW0jWqq6qBu4mdZT6g3BTMU559OnudcdTk3o1&#xA;w+79O6Yah5s16SbVpW1WHRJdMjRodLkjid52MfI/E+55HYcfbJyzS334a6Nk9RMmXq4eHp3qnlZN&#xA;R1Pznp+o394Z5Y9KjugpjQAesDGyjiBx+Ji1QPbphw3LICT/AApwcU8okT/DabP+Yqwyz281k7yp&#xA;e3VlHKhRYqwSBQW5vUfDLECe7HbM63aLLT8xJSzJcWnxtBA8XCgHqzTtAVarH4Q3Hf542rcX5mW6&#xA;RqLmzkeb0HuJPS4KoEW8ijk5JoOh7+2NqrHzteXkGpS6bCifUVtiBKvrMfUllWVlWORRL+7jDIEb&#xA;fenLbDarY/zHtmvBH9XZoAZ4i6U+OSAFuaEt/dsI2pUV6Y2qDk/Mx10ybnaOL/0LZlMYXgkt7Ajx&#xA;faf4gGYk9NtvfBaUo/K+bS9X0O//AEhP6t7JK0pM68JBRG4vx9SR/suaMaEjtShMDEEbrkiCw3Wd&#xA;RbTfM0a2UVqscUgcW4XkXJ6Scm5Hka8gedTsc1maXDyrZ1+SVS2ZHd+XPOuvSRahZxQy2bitvL6g&#xA;WlDRg3Jg3IMu+3XplP5eeWpDl72rJiyTNjkzuw8mWLJDe6pZwNrKCs8lu8hieTvJwIjXk3Vvh65s&#xA;fykT6pD1OZDANjIepO4oypCgUA2AHQAZOETbkKxGZCGKQjMcMUZEMmEsf1zyf5M1S+a71C0Y3bDj&#xA;LLE8kRcDaj+my8vpwGQDA5QEwg/wla6UNJWyj/Ri0H1Rog8ZoeVWVq8jyFanvg8UMfHijzB5a11R&#xA;NdWMF59VNEa5hSQoTv8ADzBpk4zBZwyCXJXlPl9WmaSziZp0WKc+ihMkafZR6j4lXsD0xMo9USnE&#xA;iihLjU/KguEuJtPR7iEARTGCMuoX7PFjuKdsrM4XdNMp47sjf3OOteTtUv4UmskurxiEiaa3RmHe&#xA;nJq0+/HxMcjuLPuXxMUzuLPuTyGHSbV1khtY4JFjEIaONVYRruI6qPsjw6ZcBEcg3gRHIIWa38sl&#xA;+cunwO4kacMYIyfVcgtJUj7bFFq3XYYeIJMwpJa+UWKU0y2BtyjRH6tF8BjJZCu23EsSKdK4BML4&#xA;gU5/8HWho+l26cY/RHG2i2j3+DYfZ36YDkiGMswCF/TPkeOGW3XT4vQmp68S20YR+LFl5LSjUZiR&#xA;XvkfzEWH5mKm2s+RGry0qJuUhmatrCayGlXP+VsN8H5iK/moqM3mP8vrVvU/RcYbs6WsQOxBHgeq&#xA;KfoGHx4r+Ziwa9vPyjttZXV7VtS0y4V2aSK0+CNg/HkOHIqoPDenicfEiWz8zEimMap5i/KtL+S5&#xA;iv7+AMaov1NXZfaomjXr/k5r56IE7SNe63FljiTdsu8ifnP5DsdOntBqN7dQwuGX1bQRlS9SQOMk&#xA;lQaZlaePhR4bse5thMQFEp5N/wA5C/lxF9ua6+i3b+uZHihn48XoVhewX9hbX1uSbe7iSeEsKHhI&#xA;oZajtscsbQbVDgVisIygMUZEMkls6fbSks6kk7nc4OEFgcYLv0Bpj/ajP/BN/XHwoo8GKMsdKs7S&#xA;N44EKrIasCSdx88lGADKOMR5L20myk+0p39zh4ApxhQfytpMn2lf/gjg8GLE4Ilq28n6Hb3MdzFE&#xA;yzxnkj82ND8iaYBgiDaI6eANhNjaQt9oE+9ct4W7hWNpdo/VT95x4Qx4AtXR7Fa0Q79fiODgC+GF&#xA;O48v6bcGsyM1f8oj9WA4gUHFE80K3kvQCa+k4+Tt/XI+BFh+WgxbzVa2Ol38GnaXpn168e2nvphN&#xA;dG3jWC34hqMVerMW2H35E4Ir+WgxmHUbHVtVtdNttGj9S/NvJYxyXkqu1rcQSXBmYCI/3Yj4NQn4&#xA;vbfEYYr+WgkEi6Jc6FDrFz5ejjtbueKGF2v7mtZEmdiyJEZAF9DqFINdiaGhGMMvAioDyj5O1C90&#xA;61/w56c2riylsYpNQn5NDdiTnJ8MZ2iMRr7e+2S4Anwgt0ryj5ahmtLWz8rxu+qLK/xalcAL9Vum&#xA;tXq7IqruOQ5EV6D4iFIMAVOGJQlzp35ftP8AUpPLIOohSjQDULmguxdm3+rVC/aKDng4AjwIvpDT&#xA;bOOy020so0EcdrDHCkYYuFWNQoAZqE0p1OXNgCscCWLQjKAwRcYySVAeYtDju5bSa9jguIWCPHMf&#xA;S+JqUCl+IavIfZ8cklXHmLQkkeKW+hheNihEzCKrBih4+px5fGhWq9xhVVg8y+XpZI4otRt5ZZX9&#xA;OOJJFZy1Quyglqbjfp36YVc/m/ytFQPqttUniAJVYnatRxJqPfphtKLTzDoLsUj1K1kkCs/ppNGz&#xA;cUBZiFUkmgBOKr11/QiICNRtSLkVtiJo/wB4A3GqfF8Xxbbd8KtTeZfL0ErRS6lbLKjmORPVQsjK&#xA;aMHAPw0Oxr0xtV/+IfL/AKQm/Sdp6TMyCT14+JZKc1rypVeQqO2NqoJ5v8qsyr+lrVWYEhXlRGAF&#xA;OoYgjqKV642q8ebPLBm9EaraF6AmkyEb705V41p2rjaqkvmTy9E6pLqdrG0iLLHzmjUMjEgMpJow&#xA;+E9MNqk/mB/y81h7e312W0keOMT2/wBYf0aRzgfZclNnFKrXfwwGlVJf+Vfpe2+pSTWMN4tmttbS&#xA;GVYnW0kFURE5LQEP8NBXfbHZUtsPL/5URKJrI2bC1CXoCXTyFFtwSknD1G+FRN4U+L3wUFRmnWf5&#xA;cxpZXdlJZBdLjMFnMJwTAl0GPAkvUcwWpy360w7Kl3+H/wAoYvSk9awUQf3RN8aD4zN3lofjHLfv&#xA;goKjpNL/AC4+sw6kRZPPc3wuredJeZkvUYJyTix5MrsKgbA9cdlZUcKrDirFohmOGCMjGSSxzUrf&#xA;XJr+b0vLljcIsgZLycxSNLxACtxPBlZQANz2ySUTYQy3dzfJfeWLaOeKMzRSMsbJNK7c+HqlerMF&#xA;JO+/XfCqHtIvNC6iLxfKWnwSAFjIGg9b1CBUiZTWhP8Ak12xSqw2Nw1jY3Fr5Ms2nkM0c6TejG8M&#xA;aGkZJkXm3qf24VRqfpWKKxA8rW7SsbkyQxmACCMEIOLk8C0qyNtUV7jrQqhYofM8b2/p+UNPX0Rw&#xA;hcNbp6QYs0vCjNQSMe3jU1xVF2i6o15dJc+VLVbgW0t6lwvpcZrsOPTQvQhWkNSSWJHfFUJ9X8xN&#xA;SH/BOnC1HKREZ7aiSvTmaCoJenXbpviqvpujXkks8mp+UdMD+k7wyRx24JdBSOJyWkPxU+10H0Yq&#xA;t+paqKOfJNg8jfFI4NopLUAHUnp33/hyVVbiLzFdEm68o2ErxRUikklgkqeRPBVZRQfFX7XjhVWu&#xA;7O+uLawln8pWVzKY1F5bu1uzQ+meKJGzjiwC7ruKYquis9Qubef695WsgII62NuxgerxhVRe6gcd&#xA;l6U4022xVL7WPXFAntfJVlAJ4lSVSbaNzHJQSo1KGhSnwsvahwKjGsNR/R9rIPKliL26mrfW6yQi&#xA;ONY0ZY5JG4j1actgK0B8cVQ02nak1jJct5L06a/a4YJasbZSIfSBEhkIcMxlLDtt2xVV0mLW/rlo&#xA;lz5RsrK1imd0ljkt2a35kfGir+0xFWKkH2NN1WYHCq04qxaLKAwRkeFLCdTm8qNqt2JLnUYLqOVl&#xA;nNt+6Baoc7qA0gG9K1p9kdVBklCWF55Ns5IxDc6vMA1Hilc8R6vKsnxBfi5Od1PKuKUytoPKZ0+T&#xA;UEk1G6aQSWFzHNKPWCyxPy5GQrWq1Ee+7UA3wqsmv/LSw8ba81iCJZLcSsBIVVArcVVDSnqBydh1&#xA;38MKrvW8rCwNyZtYkiv3MaM0il29FUHpheyN69KeIrt1xVFM/lLU7iKyS41aCdgx9CKVo6gxM6gg&#xA;HYcB8B2+8GhVRs5PLzR3tL7WYYIrNjcW55NIEaYIJInj5AGlNk7fLFVNrrymr+tLea6rlShHNweP&#xA;IosvBR8THbelelcUom7uvKtpM9lLfa05sbqUzsJHILy8EI6DlGrIOIUUWp8cVQr3fleaS30/1tdg&#xA;S3EifW1lEfIyN6zF+JqzcrjY8e3yqqqhfKVre3llLf61K0ErQOJpzIjfsuoDdVPTf2p9paqr7+Py&#xA;fPdeobnWP9K9OACByYp/TRYQT15chAASevyxV36X8qxwHTnn1hoknEskrSVcOFYcS4bkynnsg7gd&#xA;9iqiZX8s2DJG97rBmvIWahmJKr6hJ5BjxWht2FTtStTvihDrrPlKxlWSS/1iaUKqhiXK1UseXDoC&#xA;eJBB33ofi5UVRFxD5bsr6KzuJ9WdrZnhWZpeaFzH6ZbkTy5enNQcevucVdGPLEGuRRLe6w08F2ls&#xA;qepIYfVSVVCtTqpI3r1XFXoBwqsOKsXiygMEXHkkpTcWnnN7ppLW9torf1G4xOtT6VTSjcDRqfPf&#xA;x6YUoqGw82tDSTU4VmMUqF44hT1GDiJwGB+zyQke3fCraaf5xEckY1K3bkIxHIY6OKK3qVIWleRF&#xA;Ph6Cmx+LClWtLPzmJ4jdX1q0KsTII0IJFDQEFRUVpsCPnt8RVXuNP80tdvJBqUaQPwHp+kKJRQGK&#xA;ghzuakAt367UKqGuNJ86eostpqNqkxVBLI8X2yrNXkAtT8LbUI3HvsqiYbPzmDCX1C2J+rus6mOq&#xA;+vRxG6gKh41KFgT2PjhVC/or8wfU9T9NWxPCnD0AE5itNqE0/wBl/CjuqvZ2fnljDJc39vHW3dLi&#xA;AIHCz1k4OrBEqKNHyG3T73dVNtO/MP014avZeqGNS1u3ErU9gR/k/LfrjuqvLZedUQNFqFvK4tZA&#xA;6tGEU3XF/TZKKxVORStSdgdt8d1UG07z878jqdslFAAVSQWUGhIKDqW337dN9ndVg038xDJK51a0&#xA;UN8MKelyVRVjyPwKS24H0fMF3VkllHcrbRfWyj3gRVnljFFZlG5HgCamnbCqvirWKtHFWjgVYcVY&#xA;vFlAYoyPJKiUwhK2/nubewnmtYvXuI0LRxbmp+Q3PyHXGRIFhhMkRJHNj0vmDzosbPHpaFQislYp&#xA;iW5OE+yDyGwZypFQKDrmOcmTucU5sv8AN+9Vj8yeagtyZdLPJFnNqqW859RkoIQd6KG3rX/bkMs9&#xA;9vvSM+Te49/Q/BUi8xebpZY4F0rg0jwp9YkimEVGUmYkbMoUlQCffEZZ8qUZshNcP3/FfJ5l81RX&#xA;MqnR2lhScJG0cUtWhEsgZ/8AkVGpA8WGE5Zg8knPkB+nqoHzT51FtA/6FpLIbgSJ6Ux4+koMfhTk&#xA;22/XtkfGyV9Pex8fLQ9Pf3oiLzB5xW99C501UjDojSxwzyLulWowNCOXw8ug75IZMl0R97IZst0R&#xA;9hXWfmjzK00a3ekSxwlog8iQTEkGNmmovVaOUVa++Mc0+oWOfJe8fsPxQ0PmfzuzqH0lVUvEpb6v&#xA;c7KyFnPX9lqLkRmyd32FgM+X+b9hRDeYPOZs4JY9KX1mguJZ43jlFGip6SqK1rITTid9q9DkvFyV&#xA;y72fjZaB4eh71FfNHnP0ZGOin1I0rxEU3UFByFSOXIsw4A1FOVeJweNk/msfHy19P3roPNPm0zFZ&#xA;tFf0/WhAdYZRSFi3qmhJqyUX54Rmn/NSM+S94qcPmvztJ9X56C0XJ4EnDJKf7wt6jKQaAKAv2unf&#xA;AM2T+agajKa9Pcry+YfOcZb/AHFqysZjBximJKxllXnQ/CTxB3+0DthOXJ3JObKP4e/vZDot1e3W&#xA;mQz30P1e6fkJYuLLTi5UfC24qBXL8ZJFnm5OKRMbOxRpybYtOBVpxVi0WUBijI8kqJTClXU5JVRX&#xA;XxwqrKQcUrbqF5rSeFH9N5Y2RX3+EspAOxB2xIsMZCwQxCLyFrHqxtPrkrxrNHK8Q9UDihcsin1O&#xA;Q5BhmKNNLrJwhpJdZfj5oqHyReAQCXUZD6SosjLJcgtQSczvKRViyH/Y++SGnPf9/wCtmNKdrP3/&#xA;AK2h5J1ARoW1RzcKv2w9wE5+qjA8PVO3pqy0Pc17DH8ue/7/ANaPysv52/x/WoN5F1lozH+npEBQ&#xA;oQvq0qVA5fFKxryXn16k9sH5aX85j+Un/O/HzVpfJms3FrYQPq7RfUI5YuaGUmX1Foruea7q3bw2&#xA;wnBIgC+TI6aRAHFyX/4M1gV46u3JijGU+tzWnAsqgymPjVDSqE/Ed/F8CXf+Pmn8tL+d9/61PUPJ&#xA;nmC7SONdcaBEtYbaiLJ9uIqxl/vPtMeX+Yxlgkf4uiJ6aZ/i6Uy20ilitYoppPVlRQryb/ER33JO&#xA;ZMRQcuIIG6qSBhZNc18cVdUYq44qtOBVpxVi0WUBijI8krV5qFtZW7z3EixRRqXeRyFVVAqSSegG&#xA;SAS8c81/85AlJnt/L1uJgpp9dn5BD/qxjixHuSPllwx97HiYVL+dH5hPN6i6gsa94lhj4/eylv8A&#xA;hsnwBFsp8tf85E6vBMseu2iTwEgGe2qjqPEoxKt9BGAwTxPd/LnmbSde0+O+024W4t5Ojr2PgQdw&#xA;R3BysimScDAlDahqNtZW7zTuERBVmY0AGCUhEWWePHKchGIsl5vrf5qTNI0elxAoDtPLWhG/RBQ/&#xA;efozVZu0ukA9LpfZ8VeU/AfrY+fP/mkyc/rYC9eHBafq5fjmN+ey97sv5G01Vw/aU80b81LuORU1&#xA;KENGTvNFWoHuhJr9B+jMjF2kf4g6/U+z8SLxnfuL0rS9XtNQto57eQSRyCqsOh7ZtoTEhY5PM5cM&#xA;scjGQohHZJrQeoanb2cLSSMFVRViegGSjEyNBhPIICzyYTqXnq4dytmnwj/dj13+Sgj9f0Zn49EP&#xA;4i6fN2qbqA+aVjzXrgfl69R/LxWn6q/jl/5XH3OJ/KGa+ab6Z57mVwl6gCk/3iVoPmpqcoyaL+a5&#xA;mHtU3Ux8ma2d9BdQrJEwZWFQQag5r5RINF3EJiQsclc5FktOKsWiygMETzCIWPbJJeAfnR54uNQ1&#xA;NtAtZCLG1IN5Sn7ybqFJ/lj8P5uvQZk440EEvL8sYuxV2Ksx/LDz1deVfMMTtKRpd0wjvYiTxAJo&#xA;JaeKfqwSFpBfXEN0j2omB2IqDlDY8g/MDzLPqGpSWMTn6pbNRgCaNIOtf9Xpmj12oM5cI5B7TsbQ&#xA;jFjEyPXL7AxLMB3TsVdirJfJHmOfStTjgdz9TuWCupOyudg/t4H2+WZmj1BhKv4S6rtbQjNjMgPX&#xA;H8U9oN2v1T1a9s6B4Z5r5l1eW9vXiDH0IWIA7FhsT9HQf25t9Nh4Y31Lzeu1JyTofSEmzJcB2Kux&#xA;VPvKesyWd6tszfuJ2oB4Odh9/TMXVYeKN9Q7Hs/UmE+E/SXpMbh4ww7jNQ9E44qxaLKAwdfuVtWI&#xA;65IJfLWgXmj3vmqS81/0hBcm5mPr+r9X+syI7Q+t9X/e+n6pXlw3pmYWLOrTU/yTEqo9pAqG+MMj&#xA;yx3xUWgRpTcKULP8UhESKRypQt3OR3TsvS4/JV4I1laxW6EkpaRY9UEXpkThNuBY7mI9P6F3XZD6&#xA;fH+S8MOlR317bXItFk/SUkcGopLcvWREpVOKrwdH8ar9BO67MV86T+T0s9M0/QEguZoIQb/VYFuY&#xA;/VkFU4lLgIa0UOSFpU7YQgvozyRqc9x+Xml3MrGSU2kZkdurMEAJPzplGQ0C3YRcgPN53oCaZcX8&#xA;p1RlIZC0frO8aNKXWvN0BYfAWI96ZzWERMvU+g6s5IwHh9/Tc1XQHzr4Mght/wAvnaALTixnV2lk&#xA;lUgQ8xEzbgfvaoe1N8ygMG3x/HxdfKesF/5vIDrV/wCl3+xdLpnkd7UrFPbx3ZhccjNL6ayMv7tg&#xA;SSWow32HyOJx4a5i67yiOfVCW4kY2OguurQ0jyO0EfK7gRvqoR3SWQsbp1Qcyp24I3I/w8Xw8Ncx&#xA;y+1fzGrs+k/V3D6d/tO362P+YxoiXEEOlRgKkSm4lV2dXkZQWC8i2ynbMbPwWBF2Gj8UgnIeu23R&#xA;6hb6nK/liK7P22gExHvw550mkPGI31p4DtIeFLIB/DbEtIn0+JpzexRyj0maH1PU/vFHwqOB/a98&#xA;3uQSNU8jglAXxAHbz5/BN3/wi8bAyxoxg4IY0n2lK1LnkvZloPnlH737fJyj+XI5jl/S5rVfyoLh&#xA;ufo/V+UXphBcc+HqfFy5Ajlw+1T6Mf3tdb+Cg4L3qtv53f8Aq5/YrQS+TgY/rAhZeAEnBbmvMuvi&#xA;B+zXARl6X9jKJ0+11/skq1ltHVbM6YQJFT9+y+p9oUofjA3rU7Zdi49+JxdQcfp4Pjz/AEvR9Ll9&#xA;S0jfswBHyO+aaYokPTYzcQfJFHIs2KxHMcMG75OdswyYS+cNL1Cx8m+Ztbsb2CcCphtrm3EJuI0W&#xA;VZFK+usicZohxao6HvuDl82Ke2f5r+XIIbeKTSJZYVtmtp7U+gI1jeKOKSGIoqNwlKGRmbfnT548&#xA;KbV/+VweWzUSaLJJBH9Waxtm9PhbPZ8zCyfzdV5A/a3wcK25Pzi8vx3AuP0RJMfUncWsywGBTIlw&#xA;vPYB2aQ3C+oGNPh27cTwraWec/zI0XzH5ebSLDSpre7luopYncxy0RI/TChgvMsfhHjt9qh4hAQS&#xA;978q6M1h5LsNPch2t7eOJ2XoxVQCR8zlM97bYHhIPc8gvLWS1upraT7cLsje/E0rv45y0omJIL6V&#xA;iyCcRIciEZod3p1vNcC/5+hPbvCGiijmcM5G4EjIBsD8QNcnilEE8Xc06rHOQHBViV7kj7rZKnmv&#xA;yolmLdbF2lVAiXDW8HJSII4q05UarKzn3IzLGoxVVfYO4OsOg1BlfFtfLil/OJ7u6gkPmfVNM1G8&#xA;SXToTbwKGBgMccdCXLcgULV5Vrv9noNsxtRkjI3EU5+hwZMcSJmz32T08/weaUwxSTSpDGvKSRgi&#xA;KOpZjQDKQLNBzJSEQSeQe1w6akegx24/ukQR1/yAvH9WdVgHAB5Pmmrl4pkT/Ff2vPZI3jkaNxR0&#xA;JVh4EGhzoQbeLIo0WRQ+arZRDHJbfBDDHGJFCmRigUOrc+Q4Pw7DMU6c77uwjrRsCOQHv/sK4+bY&#xA;RHEsUDRNFE0XJeJqTEqKfir9l15YPyx6n8Wn88KFCqFfZ+tSute0u4iaNoJY1aJYWMfAFlRgyk1r&#xA;8XWvzyUcMgebCephIVR5UkMMTTTJEv2nYKCegr3OZEjQtwoRMiAOr1rS142ce1ARUZoCbL18RQpF&#xA;HAyYpCcxwwRQAZaHvkkvKPzb/LS61SL9M6VF6l/bjhPAo3miG4I8XT8Rt2AzIxy6IIeFsrIxRwVZ&#xA;SQykUII6gjLmK3FXYq9L/L38vNR+p/4qv4jFBA0R0+FwQztJIqCYjsqhqp4mjdPtQlJlEPpnTYVG&#xA;mwp24L+rKmbz3z95QnlmbULKMvKoAmjUbuoGzD/KHSncfLfV67Sk+uPxek7G7TER4Uzt0P6Hneah&#xA;6prFXYqy3y55cu4Pq2pXEfAzSrFbo3UB1YmQj5LRR9Phm10OlN8cvg812z2mKOKB95/Q9iFqv1UR&#xA;U2pTNu8swHzPoEqzvcQLUinqIOpHZh92/wB/jmx0uoFcJdL2hozfHH4sYzPdM7FXYqnMOjXNvprX&#xA;soMcjvHGikbhHcBq+7Lt8s12r1F+kO77O0ZB45fB6XbqFgQDsozXu4XHFWJwnMcMEZEckEpjaQRz&#xA;QyK4qCRlkUhhPmr8q/JvmCWd5VijvUKpLcW7rHKryEBA9Nix2C8wfbLBIhSGGy/8446esob9Kzxw&#xA;khQjrGWJJoAH+Eb/AOrkuNHCyfyp+R/k/TpzOV/SNxC/EyXDrJ6bgbrwUKgIrXdajAZlPCzLzdaR&#xA;QeV7hUFP3lt/1Ex5FKc2H+8cP+ov6sCqklvHMHVxWuFWI+Y/JOg3EqPcslvcXDiOKTmsTyO2/EV2&#xA;dj8icxM2jxz35F2el7WzYRQNx7ikMv5YW0Unx3jRpQsEYoDxXqeRp077ZjfyZH+c7D/RFOvoF+9P&#xA;tG/LrTLKRZfTMkqmoklPNgeuwoFHzpXMjFoscN+ZcHU9sZ8oq+EeSba9aRQW9gqj/j7T/iD5mOqT&#xA;9egxVDXFrDMZOYFAAant1xVjN15X03UQ09s6S7/FNA4O5AbcjkvQ16VzIx6qcfNws2gxzN8j5JeP&#xA;JKGf0vWPMAMYuS8+JNK9OlfbLvzx7nF/kmN/UU10vytp1tI5qhlhoZGZgzoDuCey9OtBlOTUzk5e&#xA;HQ48e9WfNF+aoI4tECqKfvof+JjMdzE4i/uk+QwK44FYlCcxwwRkRyYSm+mfYf5jLIpDC/OFn+Xl&#xA;pqnpa5czxXV7/pCwoGZWq5FaKjDrXruenhhNJSpLH8q3mSzWe5hnM8aL6iEs0kkgJjIdG/aBVgRT&#xA;r47jZKceV9J8hX+oRtp0Nwbm1f6yiyL8MZjl+CTkoK/ER8ILVpXYEtUikMk87/8AKNXH/GS2/wCo&#xA;mPCqZWH+8cP+ov6sVdf6jbabY3N/dEiC3Xm9Nz8hWm5OKsR1fzb5E1ieO0vhNOEZoHDRlEiaTgSz&#xA;8+P2aAVFaYLCsfI/KaSL05DeRJA5A+GRuQXj8fwK9BsBXZvHfHZKead5p8i+V7eS0083VwZfRuJE&#xA;WN3ak8CvF8TiNd4wvwg1FemNgIZBrl1Dd6dpV1ASYbi4iliJBBKvE7LUHcbHJKnyn4RiqGvLKG+g&#xA;uLSfl6E6BJQpKkoa8lqN6MNj7YqwPzH5P/LzQLSK41GO5dOY9CGN2Z2K0oBTjsu3VsiQEpPJL+VD&#xA;S6eWS99KBGhiufT/AHfDeX94CKt8UpFOO1egG+DZU38s6B+Xur314NNkuJpkt5Le4WSoqkwaL1A3&#xA;Gn2eQXtTthFIT7WdIs9J8rx2NmGEEU8XHmeR+KUHc/5/fhVkEf8AdL8hirjgQxCE5jhijYjkglON&#xA;L+w/zH6ssikJBfXfn5nZLfSrV1f1Ck0jIxRfUoisplTkfT3qPuySVMXv5ifWFP6FtDCEWtWRW9Wv&#xA;xNUTNRfh2G53HvR3VGQX3ncC3Y6PbxlpXS6QOlfTUR+m4Il2rV69SAOnYqovzv8A8o1cf8ZLb/qJ&#xA;jwqmNh/vHD/qL+rFVHV59UitC2m2i3s5cBoXZVHGhNfiZB9oAdduu9KFVJGu/PDzScNBtViJKxeo&#xA;8ZPEhaFysppTetAf44FXyXPnnlahNFsmWZaXhLqPTYu9D9v4go4sQOtevgVQVxqv5klmFt5etZAj&#xA;mMs0iIDxpSRVeRSwBG3TBuqYXU2sTaNpkmr2sdlfG8Akt4nEiKAJAtGFeq75JWTr0GKtJ/eP8h/H&#xA;FWJanqv5gfWbqO30CF7aKSQWdw80TEquySFOYYE7mnGuDdVtpf8AnmeBJhoVokbBmSOQ+nJxoQoZ&#xA;WaqFgAN+n6lVa01Dz0k9k1xottFbzEC/ELqzx1amx9QcqddgevtuqmHnH/jjf894f+TgwqmUf90n&#xA;yGBXHAhh8R3zHDFGRHJBVa/NNCvJDeGwjiKSzXShyyxxsHcARlXqyrx233yyPJkEkgh0i5tluF85&#xA;SPbr6bN6k9FLsV4GQM6up5fsgrT2Irkkrhp2iNYQWjebg0tuztb3TzxGWOvpFOBZtmT0qVNaqzDv&#xA;iqjLZaVKzyReeLgPbh2LLcBwIiwHZt6MygsOuKppqdnb2nkJ44L06iGmheS+ZubSu12nJi1T0+z7&#xA;UphVklgf9Dh/1F/ViquyNJFMiOY2dSqyDqpIIBHyxVh01jp+nzCPUPNsxuLVCs8ck5EgeZGjjk9M&#xA;OaEeqrD4eoB23qFQgGmKskEnnskkv6Ui3HxKFUEhmEvEspUkeIJ6/CVVVrLRre4mSLTfN0kk8khk&#xA;kjjn+NyCPUbjzapCjb4evWuKsk8zikFgPC7T3/YfJKnC9BiqWa+IG0m9We6ayhKKHukryQcu3Hff&#xA;ptgVjEdlpkN5bPJ5ykmJn52sX1gOSWHAIfjcMoEvcfPbbAqXPbeX3uxI3ntzc2lAf9I3pxJPH958&#xA;VQ/7O3jU74qmd9Z2bSx6knnKW2truWRoUa4/cyEV5xp+8XZT2WhHTFVW4FrH5UaC21I6okF3FGbl&#xA;m5U+JGCBqkGisOhphVlUZ/dL8hgVzHFDDkNDmMwRcRyQSjJbr6ro9zcfU5NQMbRkWkS83c81pRaH&#xA;7J+L6MtiyDGn1m0u4kkn8kXcjzSCW8R7Z+QepPJS8a8z8VSTSv30KURBPYXM19b3Pk14J7eGWW1M&#xA;kZZLh4lB9NXEf2mNaEVr16kjCqGj1ayS1eWPyNcpcyRsPRa1cBirq1GYRsFB4Bh8unTFU51a5juf&#xA;IXrxWn1KKR7dkt9tgbqMk7AV5GpB79e+FWRWB/0OH/UX9WBUXF1b6MIVi/miLR4NSjll8tyatPOv&#xA;qS3UMBkKmIqqAsAfiI+zv23oN8SqTPeWkzxRzeR5pIlhRP7hiQ9KemvKNQEWrDlWnfwqFZH5Rj0y&#xA;aKW5h0FtFuI34GOSH0mYca8lPFQwqzDb+OEKifNP9xY/8xaf8QfCqbr0GKqM9pbXaS29zGs0LcC0&#xA;bCoJVuSn6GAOBWBm90oTpBF5NuJIrWSSJZvQkcqjsZHIJQmpkfcV8T03wK3ZzaRNbzzz+S2S4hZI&#xA;pYUhWSQB1DcaBeVRx8KU4b8TUKqa6hZep6T+SLlorYvNZObeRkV5Aok41Qshcr2T3NN6Ksg16zt7&#xA;TyzHHBbJaK0sDvBH9lWLrUDZa06dMKp5Gf3SfIYFaY4EMPHXMdgiYjkglOdMuIIoZGlkWMVG7kKO&#xA;nvlsGQQWvXeqTyWg0XV7K1iVn+umVkZ2UgcfTqHAI36jwySUrmXziYAIPMVis7OzyMzxkVHphFT9&#xA;18KfA5Ip+1SrfaxVNvLMl3ZwXA1nWIL64mk9RZBKvFAQAY1TigVQRUfP2whWvOd9ZTeXbiOG4jkk&#xA;aS3oiOrE0uIydgcVTWw/3jh/1F/VgQrNe2dqC1zPHAppQyOqA/8ABEYQlZ+ntD/6uNr/AMjo/wCu&#xA;FXfp7Q/+rja/8jo/64q79PaH/wBXG1/5HR/1xVKvMGp6bdJYx213DPILpGKRyK5oEfeik4qyBegw&#xA;Koy3tnaszXM8cCmlDI6oD1/mIwqx67v7p9aFxbeYLOLTiYw9uZoieEYqwAZGozsaFuWy+JpxCpTJ&#xA;N5uYFB5u0xUZWDSfueYYn4SAEGwHv479KO6onRtR1621SFNR12wu9OCM0zieFTzJICgemGPZh8Q7&#xA;jwo7qmPmrVdLudKEVveQTSmaEiOORHY0cE7Ak4qnMZ/dL8hgQ0xwKkH6B1b/AHx/w6f1yrwyxpUj&#xA;0XVB1g/4ZP64RAppdPoFzcxencWwdD2LIf44RErSGXyVaD/pXp/wn9clRSvHk2zH/SuT74/640VX&#xA;f4Rsx/0rEP0x/wBcNFVyeWLeNw6aUvJTUGsf9cd0pmG1VFCrYmg2A5x/81Yd0IS/tLy9QJc6UZVH&#xA;QGSL/mvHdKAPl1R/0oq/89Iv+a8d1d/h9f8AqwH/AJGw/wDVTHdWx5eTvoNP+ekX/NeO6oi10X6v&#xA;KssWjcJF6H1I/wDmvHdU3W41TvZEf7OP/mrDuqhe2T36hbuw5qOgLp/zViqEHlXTD100D/ZL/XFV&#xA;w8p6T/1b1H0j+uKu/wAI6P8A8sK/eP64qqQ+VdKikEkdoFddwaj+uKpn6MtKBfxGCkLDbzH9n8Rj&#xA;So3JJdirsVY9rNz5xS7mXTLaOS2Cr6LFYySaCu7TxfFyrsVpx3rXbKJnJew/HzcbJLLfpG3480At&#xA;1+ZZaRmtLZApcRRjg3IAOULN6y8akKp2PWvtkLzdw/Hxa+LP3D8fFEW9x58maL1oIrX95CJhwjkX&#xA;gV/esrC4DbN24fKuSByn8ftZA5jzFfj3qUlz+YpLMlrAFHrfBROXJYwYuP70gq0nw1JBpuQMiTl7&#xA;vx80GWfuH4+K2O//ADEUymXTkdfTHoBPQDGRo2rzrPQBZOPStRiJZe77v1oE8/d9361Wxu/P8t3D&#xA;HdWUUFuZI/VnPpEiMIxl+BZW3L8VWnuThjLLe4/HzZRlmJ3G3481Jrr8yFjJWzgd2UFV/drxPqUI&#xA;Lesfi477ClD1JFMF5e78fNjxZ+4fj4rri+/MUXXGDToDaniTKWj5isALgIZQNpqgb/hviZZb5bfs&#xA;SZZ72Ar9nv73W95+YhuYhPYwrbGWESsvpFhGUJlNPW7PQdT/AFRLLe4/HzUSzXuNvx5tRXX5jvcl&#xA;HtLeKAuAszemSFPCrMqyn7PxdNziDlvkolnvkPx8VKW//M4BTFp0DkoKgmJf3nLev787U22J2p3r&#xA;QGWbu/HzYmefuH4+K9b38yJTQ2EFqCKkkxS0LTU40EyVCw/ETXc9sPFlPSvx708Wc9AP7ff3LZ77&#xA;8zVU+hp9u7AmnMxqKcfh3Ex3LVrttt1qaAyzd34+amWfoB+Pir3N/wDmD9adLfTYvqwkULIzxVMd&#xA;OLNT1OvIcgPA065Iyy3sEynmvYbfjzRemXfnJptPXULGJIXEo1CRWQMhofSKqJH6cfioT9oe4EoS&#xA;ybWPezhLLY4h72QZe5LsVdirsVdirsVdirsVSzXtIutSjtlt717FoJvVZ4wxLLwZeHwun81d6jbp&#xA;leSBlVGmrLjMqo0xyPyBrkaIi+ZbhVX0y5VHqzRliGq0zUPx/LYbZQNNL+cfx8XGGkn/ADz+Piuu&#xA;vIetTR/u/MNxA/HiFT1SqnmXHEtMW2U8dz0xOnkf4vx81lpJH+M/j4qknkPUA3+i67cW6sJUcVmk&#xA;JSVnoPjnO6Iyqp9uXXoTpz0kfx8UnSS6SI+f6103kjUmo8etSpM3P1SPXCuXEe9PX+HiyMw40+1T&#xA;oN06c/zvv/Wk6WX877/1qieTtWSB4xrk7u9wJg5EgKp8fwLxlHQvUV223FKUPgSr6kjTSr6jz/HV&#xA;o+StQFvbwJrM/wC6jdZXYyku78qMAJRQfEKg1Pw7EHfHwDVcX4+aPy0qA4j+Pipt5I1j0Z44tfnj&#xA;E/oUoJPg9EAMVrKT8ZFcH5eX878fNH5WVH1Hp+Oaiv5f6sFA/wAQ3ApEI6qsv2hIXDmszb9Fp4YP&#xA;y0v534+aPykv55/HxV5vI+pNFLCmtSqjsTEzeuWjUzGQIKXCqQF+GpHL3HTCdOf533/rZHSy5cX3&#xA;9/vTny5pN/pVk1td3zX5Ls6TOGDAMfs/Ez7ZbigYiibbsOMwFE2muWtzsVdirsVdirsVQ+o2gvdP&#xA;ubMuYxcxPCXG5X1FK1HyrkZRsEMZx4gR3sOt/wAtrq3VAmqo4SNYlSS15IESdbhQFEw6SBu/Q09z&#xA;ijSkdfs+Pe4Q0RH8X2ed97Q/LOZ78X0+pobk3CXTyw2oiYyKeTH+8YVY+1Bvtvj+U3snr3L+SN2Z&#xA;b3fL9qjpv5b6otpcw3+ooxlmEiLR54yAjpzdZGT95+85AjowBqcENLKjZYw0UqIJ/Si5fyytvX9W&#xA;C7RT9aFyBLbrJ8IDfuz8aV+ORmr8ttskdIL59e5mdCLsHrfJStfy0ntIpI7fU4lWWKWGQNaBgUnW&#xA;MOAPVoN4aj5n54BpCOR+xjHREcj9nfXn5NQ/ljKsXoyanHJCY0haL6rxT0451uAoX1djyDVPfkcR&#xA;pPP7PO1Gh6X9nnfejJvy/WUS1uYKycCK2oYHiqrweslXiHH4Er8J7nJHTef2MzpL6j5fjZ2nfl99&#xA;S1O3vf0i0q28/riB46qzen6Zc/H/AHhAHxfhvjHTUQbWGk4ZA3yLL8ynNdirsVUL+0F5YXNoZGiF&#xA;xE8Xqpsy81K8l9xXbIyjYIYzjxAjvYjJ+WdpItTcRrIYriMhLcCINMrKjRpz+ERCViF5bk17ZjHS&#xA;Dv7+jhnRDv7+n45KMH5YPDcNcR38AlIjAX6nSP8AdSRSiqCYV3hp8iciNJRu/s/axGho3Y+Xu8/J&#xA;U/5V3qH1t7n9LRB3ukvpONmF5zIzMC9JfiH7xhT3w/lTd31vl+1P5M3fF1vl+1Vs/wAu0to7aMXc&#xA;XGDnUrbBW5OUJljJkb05f3YAeh2+/DHS1W/2Mo6Oq3+z8boaX8sC8fBNTEFYpIm9G3CAiRUUrT1P&#xA;sH0+TL3YsaiuA6Tz+xgdD5/Yza0g+r2sMHw/ukVPgXgvwgD4VqaD2rmXEUKc+IoUq4UsJ/SF/wD8&#xA;tMv/AAbf1zF4iwtptRvlBZrqUKNyTIwAH348R71tI4/zAtzerbi/dGJ2M8rxjfZT0bZj4/TmNHWc&#xA;R9LUMwJZtFFqLWAuWmcOybKspdN+4YfaHgf1ZnC6tvCVtf3QlEZu5B1+ISMffI2VKWnzno310WX6&#xA;e/0gniAHcpXw9QfB+OQ8YXVtfixurRk0usO59G/lCg7Hmxr+OYuTUz4iB0Z2qWq6lcVX9IzrIo+I&#xA;c2A+jfMnFl4h5rasdK1Zumq3A/56Nl26Vh0PWT01m6H/AD0OHdWv8P61/wBXu7/5GHHdVG9s7zT4&#xA;RNea7dJGSQG5O3RS5rxBoAqEk9ABjuqmL6xRgp81Ix8PrSk0HUmjbAeOKqo1XT1Ep/xEHWDh6rLP&#xA;yVTIWCLVSRyPBvh67YpRMOqae8npp5ghkkALFBcoTRVLsacuygk+2FC9Nc0mlf07CygVL/WF49K/&#xA;a5U6b42q20816FdXL21vrUcsyHiwEnwkk8QFY/CxJ6UONqvufNehWpQTaxCGkbgiLKHYn/VUscbV&#xA;FWetWF6xWy1GK6YLzIhmWQ8a05fCTtXBaokzzD/djfecbVTa5n/343/BHBaGN5SxS7XLXULqzMFm&#xA;UUndy5IrToBQHMbU45zjwx+LDICRQYBaeW/MI12Se2jLzpRXRJYwASQpDuWNBt0oT+vMXADH09Q4&#xA;mMESepap5pk8u6RZQ6hcVll4xtOBUFiGLUDcvs0A9/xzbRnQ3diDQ3eJ+efzJ1Y3k9vZXSiKZSrS&#xA;owYMHFPhBqAKH4SoqPHKpzLRlnTHLTUYpFR2SgK0JQEAMANjUt7nrmCY04Ug9K/LDzaPrX6GecFG&#xA;q9mrkAh67xgbE8uo/txhE236fJ0L1OJ1F0kvBonrSRSDxoRSoPbM3HGjbmI24vHikCInM05Hen0D&#xA;7sObOYyoBUTb3CTRiROh7HqDl8JiQsJVg2SVLPMcZk06q6aNVdJFK2pcR9aqzciD+yxBHcGh2rir&#xA;EbLT72Se8kuvJltDFLGY6JKA7oDXixANdlWnwjfFKra24MEaWnkwJbXym4ueU3o8ZI3lVEKMgerJ&#xA;uNgPjp0riqpDpht5I7iLyjD9alWT1JVlClQzSwhW5A8qw8SSSPtdsVUYLe+iih/502MvatWFBMEA&#xA;YADmlQ4UGp28d+uKrba0vbS5SS08mxQ0AkelwK+pRCoDU248nB2Nae+Ko79FiWWNZfLEKx3FyLi6&#xA;pKKrIzKPW2UcmAdiV9jvihT8v2VzbarBI+gfUvUiKy3MVwxij4ggL6J7tQCvyPyCsrZsCFJ2xVI8&#xA;qYoXVGvFsZfqSGS6YcYgCBQnvViBtleXi4fTzYZDLh9PNjPli18x2N+UmgW3gnNGlkkGzAVHELyq&#xA;aZgY8Uoc3BwY8kTuKCI/NrTpNc0EWVgS+oWtLmCEAM0ioOD0B70b6emZkZA7OfOW1Dm+bj68LyJc&#xA;VHxdSKUoKdKbdMkXFkeJ6/8AklpOka1Zava6lbR3MdvJbyxMQFcGRZFb94nFyp9MbcqYYQB5s8MB&#xA;K7CO86+aNO8qa62laHodkk8SpLJc3MZkdmkqy+jU7AUI6/QKVxmBHkAynUeQDLvy9/NG38xyrp19&#xA;Gttq/F3UIOMUgU1ogZmbkE3I+ZyzHlvY82zHl4turO5oEm4kkqy7qy7EZKeMS5tq+2iMQYFuXI1O&#xA;1N/HJRjSqqFwxqajGIN7pVA2TVZcxevbSwc2j9VGT1IzR15CnJT2I7Yqxz/BAELxJrF+iyEFisgB&#xA;+1yNNtqtv9/jitrbnyHbzRwxjVL6COKOKNkhkCLIIoliHqCh5VCb/Titrl8j2wjuY31G8ljnjWJY&#xA;3kBSMKUIKrSlf3Y64rbdt5NS3vnul1W+KlHjitzKTHGHTh8I8VH2a4FtRfyU7RxRfpm+WOOPgxWU&#xA;h2cEcX5dNlBWlPfFbRum6D+j7pp0vrmZGQRmCZ/UTYklhy3qSa9cCpkzYoUXbAqQXdrJPThM0VP5&#xA;crYpdJoN4xqNSmX2HH+IwJQWu6Nex6XJIlzJcPD+8CHrt3FO4zF1kDKG3QtOcEx2a8uaPf200moa&#xA;gx+syrxVGPJlX3O/hg0uEx3LHDjI3KG8y+RvK2u83urMw3Tnk91b0jkY/wCVsVb6RXMug2SxgoTy&#xA;R5cPky6vVsp2utOvQp9KZf3sbxk8aMp4spDmvwjthApMIUUF+ZGhx+aFiuYkeHUYE9IPQ8XjqWCN&#xA;TpQsaH3+6M42jJC2HaBoXnHSNasr+KzMwtZklYBlRmCt8S1/yl2yqMCDbTHHIG3utr5pllVSbd0J&#xA;FSrDcexpXMsFy0yg1h3/AN1kYbVhd35H129u9Rnku7aVdRladklRiIyYpoFCfKKVQfHjim02vdC8&#xA;5XOpXAtNUks7T6pbrEAwMXrqQJeIU+oo4oKfM4VRMfl7zisF/C+uer9YaI20x5I8YSZnkHw1A5Rt&#xA;w28BiqCPlLz8/EyeaGDAwcuAKgiJOL7U2LN8X+V0IxS1D5H8yJaXatqkTX1xfLere8W5BltzAW49&#xA;A1eLADYdMVtUl8jaxc/omS91Rbi6sURJrt1kMysk/rGSBuYozr+7YsOn3YotRbyh55VI+HmiV3ET&#xA;pJzBAMjOeLCgO3Dj9INNjTFbW/4N82QSSfUtc+rQM1y/pqDV3mHwyyEAcpC27GnXcdTgW1XQ/J2q&#xA;WnmFda1K9S7uBDHCZBUMeEIiYmo7sOX04rbLGbAhRdsCEtyCHYq7FXUGKtcF8Biq9Y4T1UYUqq29&#xA;seqDCqslrbf77H3YUqyW9uP2BhVWWOIdFGFVVeI6DFV4bFW+WFXcsVdyxVaWwKtLYqsLYqps2BVJ&#xA;nwIUXfAr/9k=</xmpGImg:image>
+               </rdf:li>
+            </rdf:Alt>
+         </xmp:Thumbnails>
+         <xmpMM:InstanceID>uuid:5136a4b4-ab5a-6141-ba06-a411bc06e8a3</xmpMM:InstanceID>
+         <xmpMM:DocumentID>xmp.did:a7dde26e-9bb8-4f93-b34c-c4c74fc00ddf</xmpMM:DocumentID>
+         <xmpMM:OriginalDocumentID>uuid:5D20892493BFDB11914A8590D31508C8</xmpMM:OriginalDocumentID>
+         <xmpMM:RenditionClass>proof:pdf</xmpMM:RenditionClass>
+         <xmpMM:DerivedFrom rdf:parseType="Resource">
+            <stRef:instanceID>uuid:0171e210-66d0-3c47-9294-85e3881cab46</stRef:instanceID>
+            <stRef:documentID>xmp.did:3d5117e3-6702-4b1b-8561-aaf26b3b2338</stRef:documentID>
+            <stRef:originalDocumentID>uuid:5D20892493BFDB11914A8590D31508C8</stRef:originalDocumentID>
+            <stRef:renditionClass>proof:pdf</stRef:renditionClass>
+         </xmpMM:DerivedFrom>
+         <xmpMM:History>
+            <rdf:Seq>
+               <rdf:li rdf:parseType="Resource">
+                  <stEvt:action>saved</stEvt:action>
+                  <stEvt:instanceID>xmp.iid:1389db12-87ab-4542-8db5-e4ab75d2fd07</stEvt:instanceID>
+                  <stEvt:when>2015-05-18T16:46:59-04:00</stEvt:when>
+                  <stEvt:softwareAgent>Adobe Illustrator CC 2014 (Macintosh)</stEvt:softwareAgent>
+                  <stEvt:changed>/</stEvt:changed>
+               </rdf:li>
+               <rdf:li rdf:parseType="Resource">
+                  <stEvt:action>saved</stEvt:action>
+                  <stEvt:instanceID>xmp.iid:a7dde26e-9bb8-4f93-b34c-c4c74fc00ddf</stEvt:instanceID>
+                  <stEvt:when>2015-06-16T13:57:15-04:00</stEvt:when>
+                  <stEvt:softwareAgent>Adobe Illustrator CC 2014 (Macintosh)</stEvt:softwareAgent>
+                  <stEvt:changed>/</stEvt:changed>
+               </rdf:li>
+            </rdf:Seq>
+         </xmpMM:History>
+         <illustrator:StartupProfile>Print</illustrator:StartupProfile>
+         <xmpTPg:HasVisibleOverprint>False</xmpTPg:HasVisibleOverprint>
+         <xmpTPg:HasVisibleTransparency>True</xmpTPg:HasVisibleTransparency>
+         <xmpTPg:NPages>1</xmpTPg:NPages>
+         <xmpTPg:MaxPageSize rdf:parseType="Resource">
+            <stDim:w>5.500000</stDim:w>
+            <stDim:h>8.500000</stDim:h>
+            <stDim:unit>Inches</stDim:unit>
+         </xmpTPg:MaxPageSize>
+         <xmpTPg:PlateNames>
+            <rdf:Seq>
+               <rdf:li>Cyan</rdf:li>
+               <rdf:li>Magenta</rdf:li>
+               <rdf:li>Yellow</rdf:li>
+               <rdf:li>Black</rdf:li>
+            </rdf:Seq>
+         </xmpTPg:PlateNames>
+         <xmpTPg:SwatchGroups>
+            <rdf:Seq>
+               <rdf:li rdf:parseType="Resource">
+                  <xmpG:groupName>Default Swatch Group</xmpG:groupName>
+                  <xmpG:groupType>0</xmpG:groupType>
+                  <xmpG:Colorants>
+                     <rdf:Seq>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>White</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>255</xmpG:red>
+                           <xmpG:green>255</xmpG:green>
+                           <xmpG:blue>255</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>Black</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>35</xmpG:red>
+                           <xmpG:green>31</xmpG:green>
+                           <xmpG:blue>32</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>CMYK Red</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>236</xmpG:red>
+                           <xmpG:green>28</xmpG:green>
+                           <xmpG:blue>36</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>CMYK Yellow</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>255</xmpG:red>
+                           <xmpG:green>241</xmpG:green>
+                           <xmpG:blue>0</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>CMYK Green</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>0</xmpG:red>
+                           <xmpG:green>165</xmpG:green>
+                           <xmpG:blue>81</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>CMYK Cyan</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>0</xmpG:red>
+                           <xmpG:green>173</xmpG:green>
+                           <xmpG:blue>238</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>CMYK Blue</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>46</xmpG:red>
+                           <xmpG:green>49</xmpG:green>
+                           <xmpG:blue>145</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>CMYK Magenta</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>235</xmpG:red>
+                           <xmpG:green>0</xmpG:green>
+                           <xmpG:blue>139</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=15 M=100 Y=90 K=10</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>190</xmpG:red>
+                           <xmpG:green>30</xmpG:green>
+                           <xmpG:blue>45</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=90 Y=85 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>238</xmpG:red>
+                           <xmpG:green>64</xmpG:green>
+                           <xmpG:blue>54</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=80 Y=95 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>240</xmpG:red>
+                           <xmpG:green>90</xmpG:green>
+                           <xmpG:blue>40</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=50 Y=100 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>246</xmpG:red>
+                           <xmpG:green>146</xmpG:green>
+                           <xmpG:blue>30</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=35 Y=85 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>250</xmpG:red>
+                           <xmpG:green>175</xmpG:green>
+                           <xmpG:blue>64</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=5 M=0 Y=90 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>249</xmpG:red>
+                           <xmpG:green>236</xmpG:green>
+                           <xmpG:blue>49</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=20 M=0 Y=100 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>214</xmpG:red>
+                           <xmpG:green>222</xmpG:green>
+                           <xmpG:blue>35</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=50 M=0 Y=100 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>139</xmpG:red>
+                           <xmpG:green>197</xmpG:green>
+                           <xmpG:blue>63</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=75 M=0 Y=100 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>55</xmpG:red>
+                           <xmpG:green>179</xmpG:green>
+                           <xmpG:blue>74</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=85 M=10 Y=100 K=10</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>0</xmpG:red>
+                           <xmpG:green>147</xmpG:green>
+                           <xmpG:blue>69</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=90 M=30 Y=95 K=30</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>0</xmpG:red>
+                           <xmpG:green>104</xmpG:green>
+                           <xmpG:blue>56</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=75 M=0 Y=75 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>41</xmpG:red>
+                           <xmpG:green>180</xmpG:green>
+                           <xmpG:blue>115</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=80 M=10 Y=45 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>0</xmpG:red>
+                           <xmpG:green>166</xmpG:green>
+                           <xmpG:blue>156</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=70 M=15 Y=0 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>38</xmpG:red>
+                           <xmpG:green>169</xmpG:green>
+                           <xmpG:blue>224</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=85 M=50 Y=0 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>27</xmpG:red>
+                           <xmpG:green>117</xmpG:green>
+                           <xmpG:blue>187</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=100 M=95 Y=5 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>43</xmpG:red>
+                           <xmpG:green>56</xmpG:green>
+                           <xmpG:blue>143</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=100 M=100 Y=25 K=25</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>38</xmpG:red>
+                           <xmpG:green>34</xmpG:green>
+                           <xmpG:blue>97</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=75 M=100 Y=0 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>101</xmpG:red>
+                           <xmpG:green>45</xmpG:green>
+                           <xmpG:blue>144</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=50 M=100 Y=0 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>144</xmpG:red>
+                           <xmpG:green>39</xmpG:green>
+                           <xmpG:blue>142</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=35 M=100 Y=35 K=10</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>158</xmpG:red>
+                           <xmpG:green>31</xmpG:green>
+                           <xmpG:blue>99</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=10 M=100 Y=50 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>217</xmpG:red>
+                           <xmpG:green>28</xmpG:green>
+                           <xmpG:blue>92</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=95 Y=20 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>236</xmpG:red>
+                           <xmpG:green>41</xmpG:green>
+                           <xmpG:blue>123</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=25 M=25 Y=40 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>193</xmpG:red>
+                           <xmpG:green>180</xmpG:green>
+                           <xmpG:blue>154</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=40 M=45 Y=50 K=5</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>154</xmpG:red>
+                           <xmpG:green>132</xmpG:green>
+                           <xmpG:blue>121</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=50 M=50 Y=60 K=25</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>113</xmpG:red>
+                           <xmpG:green>101</xmpG:green>
+                           <xmpG:blue>88</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=55 M=60 Y=65 K=40</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>90</xmpG:red>
+                           <xmpG:green>74</xmpG:green>
+                           <xmpG:blue>66</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=25 M=40 Y=65 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>195</xmpG:red>
+                           <xmpG:green>153</xmpG:green>
+                           <xmpG:blue>107</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=30 M=50 Y=75 K=10</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>168</xmpG:red>
+                           <xmpG:green>124</xmpG:green>
+                           <xmpG:blue>79</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=35 M=60 Y=80 K=25</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>138</xmpG:red>
+                           <xmpG:green>93</xmpG:green>
+                           <xmpG:blue>59</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=40 M=65 Y=90 K=35</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>117</xmpG:red>
+                           <xmpG:green>76</xmpG:green>
+                           <xmpG:blue>40</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=40 M=70 Y=100 K=50</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>96</xmpG:red>
+                           <xmpG:green>56</xmpG:green>
+                           <xmpG:blue>19</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=50 M=70 Y=80 K=70</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>59</xmpG:red>
+                           <xmpG:green>35</xmpG:green>
+                           <xmpG:blue>20</xmpG:blue>
+                        </rdf:li>
+                     </rdf:Seq>
+                  </xmpG:Colorants>
+               </rdf:li>
+               <rdf:li rdf:parseType="Resource">
+                  <xmpG:groupName>Grays</xmpG:groupName>
+                  <xmpG:groupType>1</xmpG:groupType>
+                  <xmpG:Colorants>
+                     <rdf:Seq>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=100</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>35</xmpG:red>
+                           <xmpG:green>31</xmpG:green>
+                           <xmpG:blue>32</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=90</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>64</xmpG:red>
+                           <xmpG:green>64</xmpG:green>
+                           <xmpG:blue>65</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=80</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>88</xmpG:red>
+                           <xmpG:green>89</xmpG:green>
+                           <xmpG:blue>91</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=70</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>109</xmpG:red>
+                           <xmpG:green>110</xmpG:green>
+                           <xmpG:blue>112</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=60</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>128</xmpG:red>
+                           <xmpG:green>129</xmpG:green>
+                           <xmpG:blue>132</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=50</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>146</xmpG:red>
+                           <xmpG:green>148</xmpG:green>
+                           <xmpG:blue>151</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=40</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>166</xmpG:red>
+                           <xmpG:green>168</xmpG:green>
+                           <xmpG:blue>171</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=30</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>187</xmpG:red>
+                           <xmpG:green>189</xmpG:green>
+                           <xmpG:blue>191</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=20</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>208</xmpG:red>
+                           <xmpG:green>210</xmpG:green>
+                           <xmpG:blue>211</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=10</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>230</xmpG:red>
+                           <xmpG:green>231</xmpG:green>
+                           <xmpG:blue>232</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=0 Y=0 K=5</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>241</xmpG:red>
+                           <xmpG:green>241</xmpG:green>
+                           <xmpG:blue>242</xmpG:blue>
+                        </rdf:li>
+                     </rdf:Seq>
+                  </xmpG:Colorants>
+               </rdf:li>
+               <rdf:li rdf:parseType="Resource">
+                  <xmpG:groupName>Brights</xmpG:groupName>
+                  <xmpG:groupType>1</xmpG:groupType>
+                  <xmpG:Colorants>
+                     <rdf:Seq>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=100 Y=100 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>236</xmpG:red>
+                           <xmpG:green>28</xmpG:green>
+                           <xmpG:blue>36</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=75 Y=100 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>241</xmpG:red>
+                           <xmpG:green>101</xmpG:green>
+                           <xmpG:blue>34</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=0 M=10 Y=95 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>255</xmpG:red>
+                           <xmpG:green>221</xmpG:green>
+                           <xmpG:blue>21</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=85 M=10 Y=100 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>0</xmpG:red>
+                           <xmpG:green>161</xmpG:green>
+                           <xmpG:blue>75</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=100 M=90 Y=0 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>34</xmpG:red>
+                           <xmpG:green>64</xmpG:green>
+                           <xmpG:blue>153</xmpG:blue>
+                        </rdf:li>
+                        <rdf:li rdf:parseType="Resource">
+                           <xmpG:swatchName>C=60 M=90 Y=0 K=0</xmpG:swatchName>
+                           <xmpG:mode>RGB</xmpG:mode>
+                           <xmpG:type>PROCESS</xmpG:type>
+                           <xmpG:red>127</xmpG:red>
+                           <xmpG:green>63</xmpG:green>
+                           <xmpG:blue>151</xmpG:blue>
+                        </rdf:li>
+                     </rdf:Seq>
+                  </xmpG:Colorants>
+               </rdf:li>
+            </rdf:Seq>
+         </xmpTPg:SwatchGroups>
+         <pdf:Producer>Adobe PDF library 11.00</pdf:Producer>
+      </rdf:Description>
+   </rdf:RDF>
+</x:xmpmeta>
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                                                                                                    
+                           
+<?xpacket end="w"?>
endstream
endobj
3 0 obj
<</Count 1/Kids[9 0 R]/Type/Pages>>
endobj
9 0 obj
<</ArtBox[9.0 9.0 405.0 621.0]/BleedBox[0.0 0.0 414.0 630.0]/Contents 10 0 R/Group 11 0 R/MediaBox[0.0 0.0 414.0 630.0]/Parent 3 0 R/Resources<</ExtGState<</GS0 12 0 R/GS1 13 0 R/GS2 14 0 R/GS3 15 0 R/GS4 16 0 R/GS5 17 0 R>>/Properties<</MC0 5 0 R/MC1 6 0 R/MC2 7 0 R>>/Shading<</Sh0 18 0 R/Sh1 19 0 R/Sh10 20 0 R/Sh11 21 0 R/Sh12 22 0 R/Sh13 23 0 R/Sh14 24 0 R/Sh15 25 0 R/Sh16 26 0 R/Sh17 27 0 R/Sh18 28 0 R/Sh19 29 0 R/Sh2 30 0 R/Sh20 31 0 R/Sh21 32 0 R/Sh22 33 0 R/Sh23 34 0 R/Sh24 35 0 R/Sh25 36 0 R/Sh26 37 0 R/Sh27 38 0 R/Sh28 39 0 R/Sh29 40 0 R/Sh3 41 0 R/Sh30 42 0 R/Sh31 43 0 R/Sh32 44 0 R/Sh33 45 0 R/Sh34 46 0 R/Sh35 47 0 R/Sh36 48 0 R/Sh37 49 0 R/Sh38 50 0 R/Sh39 51 0 R/Sh4 52 0 R/Sh40 53 0 R/Sh41 54 0 R/Sh42 55 0 R/Sh43 56 0 R/Sh44 57 0 R/Sh45 58 0 R/Sh46 59 0 R/Sh47 60 0 R/Sh48 61 0 R/Sh49 62 0 R/Sh5 63 0 R/Sh50 64 0 R/Sh51 65 0 R/Sh52 66 0 R/Sh53 67 0 R/Sh54 68 0 R/Sh55 69 0 R/Sh56 70 0 R/Sh57 71 0 R/Sh58 72 0 R/Sh59 73 0 R/Sh6 74 0 R/Sh60 75 0 R/Sh61 76 0 R/Sh62 77 0 R/Sh63 78 0 R/Sh64 79 0 R/Sh65 80 0 R/Sh66 81 0 R/Sh67 82 0 R/Sh68 83 0 R/Sh69 84 0 R/Sh7 85 0 R/Sh70 86 0 R/Sh71 87 0 R/Sh72 88 0 R/Sh73 89 0 R/Sh74 90 0 R/Sh75 91 0 R/Sh76 92 0 R/Sh77 93 0 R/Sh78 94 0 R/Sh79 95 0 R/Sh8 96 0 R/Sh80 97 0 R/Sh81 98 0 R/Sh82 99 0 R/Sh83 100 0 R/Sh84 101 0 R/Sh85 102 0 R/Sh9 103 0 R>>/XObject<</Fm0 104 0 R/Fm1 105 0 R/Fm10 106 0 R/Fm11 107 0 R/Fm12 108 0 R/Fm13 109 0 R/Fm14 110 0 R/Fm15 111 0 R/Fm16 112 0 R/Fm17 113 0 R/Fm2 114 0 R/Fm3 115 0 R/Fm4 116 0 R/Fm5 117 0 R/Fm6 118 0 R/Fm7 119 0 R/Fm8 120 0 R/Fm9 121 0 R>>>>/Thumb 122 0 R/TrimBox[9.0 9.0 405.0 621.0]/Type/Page>>
endobj
10 0 obj
<</Filter/FlateDecode/Length 515323>>stream
+H�\Wˮ��߯��\��ln-'^��E��x1r��
WUs�
+Z�[�)6������x��s:~�������t&+G:[�G��,ӏ^晻����ǟ���������oe�3�Z��#�ߧ6�YzM)�Qz9[���v�d�(�ʨ��oo?�~���G:��q������>���v|�O[�����-?�O�>��\��w�=�	7�Ĺ�#�|�ᇏ�p(�^�`i�׷�KĨ�DA�}��Y����fY�
}�  H�Է3��`�)8r9F>���o��Y*��a�,���
�OX�����_�[!��uB���i���Y`0a/To�%�Ā��="��<{t�0�,�F\A�ytAE\e�=`��8��w��������j��R_�z����
���ӑ5��+�5�n'.��
.��k�>�s���>�����F\"����#M��j@|�6��A�| �A���"��z�Yo�����\�A���	Ko��bo?a~#���#`��4�y
+�JW�"�����Dkƙ���}�ԥZ�ͥ~��� ���]���{����}#�ĎEsï�\	!�
q�6�����;C1��G�t
��P�4��A�|v}�;ʭA�ŘM�-�ή�ډK�.֙���ܳ�d4�c*�=�_;qa��%�\@F�`#�.��}���a0���0q�c^�ug�e�#*��?8���ڋg]�N\"̴g�3o�/M֬��?����&����/q�B�է����Τ�������D��H��D�A,����[�"�i�Y��
�?㐰E�n8�	��m��f���;�&J�o�%�����͢�D*�f�2�|��A}E������E�4r���;�1� ��7���^�qU_�v�D�{��^f@c��=��8~��?�������`��MKl�Z����������QNШ�\��Y9��A��g�fLHG���^���Y�����?�ؿ�� "��[5Y`d�5�Xy�‘6=���F5�U�D�B�U�`y�E�u�p)�}�Z��
+6��� º��
>���!�F�jHÐ��r��6�1z �Գr��"���އa�љ f�������P
d=]E�E���~3P
+�G�C�
Ɗ����8������#�kW�师!��b������ᨸ
f9SNY�X�Y� �hn����6E��%������g�:zo�A��-���9�`w�zS~��5@
ZD�N\"J=�}�4
����@�q���D��
)��O��v"�	������͸���o���Vo�{x\`n|+��t���q�D��	�'�v��c�T�j9���J���	�O:.GxF�
��}:�ac�FP^0;�o����5�O^%�2/���D�&v�Q�Ӗ3+�4�a�
d+_�݋��fbP��B;f
�^c�͘�&��=?ʣ�Ȯ��O�6��(l$}}�q<��E`e�gKz�=�_x�~��a$��V6��S��o<\er���N[��)ߙ�2���ɛ�'��5t1�"�Ż�+$��Y5�^�|8�<�6����m�(|*�Q׈�O�mj5�G�b|�^�ݕ0s���:��2��5���D����z�|��N�c[R���%�	gN@�J؍3@_5��q�;۟\�)�r�0�0��	˷ge�j3�oDI��D�8K�"�Z'o`[LwdQ��}"��	�����X�]���a[��%B�5}	jS���Q@WlQ^v"���e�P���3G[P�[L�;zS#3&(��R��0�䬩�Z��;q�^�jr&,�8�Ն�
+�y{�A�~��`��a��2�Sô��FD�W��	�$h�Z��
Tv��XS@Gu�e��ha:��-���D�a�s������	MW���s'�@�T!˹DƳ^�	���W�nʪ�cbU%\>����e]yT�8�:JK�S,��g/"�^�:L��2���;�st������rU�d�YÈ[�/�Q7�"��@��,��ةa�z$La�ì��{+b�5"&q�AY�\[8yU�n1���r����b����P����:d�|݈K�m0�
�U%��O������D�-
+�s�&L13�\fD[�[�"��"�F���u)R�};qmӄm�*���~4�ge�D��4e��>��X�3��6�̿�e�5���^x�f��U"-���{��s���8�KNဳh�a�����v�8�	���L�#�y��߈�w��8�@+%�X����p�9����a.��Yst��,nw�<�u��DL��},G�s��}b�a;�7++���� 6y�����I�A\��J�ڳ�J�Sȳ^K,�1>ʑ�Cm���Z�.O5���'-��Z���>z�]p��?��C)Tz�s
+J-
�
�x:�IJ�[��ز�Z�e���W�o�2�eO���Hڽ�e�t�1AoD�+C��}g��
6ǐ5���N�~b�~]	�`dB� P����ٮ�$XR����c���u��}[��$_�R�R��͍�^�a-՞�?�D�����֕���,��sa?ĵ{������&T'c�^�%��-{�]e7��r7\޼N�/B���?åG��*�G���Cd�w|S���)8��9s���[?�!����{�W��R�b���tS����:�A���]��?ď�9�-�����O���!B��x��A!�x��՛F��X�����EH^�CA�4!}3�\S�bi���b�8.|X�.64�{ꃥeɫ�N���v�Z�	�E@�4KƼѐ���������Cq����"&p̆�'��OB8�Ǹ��������([�;�������nh��\�u�5/\@�a��|金���Y�x�A������K՛�8�����H�Eh������1YN�^|��zB�b��b�HM�̚����s�qb��˔���7W�
+��ȳ�8��Q�Og�܇6�i%^{kr�/�#�Q�qx o�B�2�]�i��"$�1V%�X�����"Ҫ���[�,@5��v�\G����݆N:� <��ˎ�%�g�0J��EѐBV��Y�"R�"z
+���	M�K@��������
:��#��j���K�� ֿ�֏�p��;/�b$B�Q5�h�#��|o^��2�
l�EgZ��Eh����&"׮ց@��^�����	V��BV��V��}	�Ó��Fpƽ���G�6�H�"�p��iQsx�"l��6S~ҷH|�J�cHu��)G���H�[�W���)!t42#����}#�����3��A����V�xh����b\lj��}
}�ޝ����X�HN���W�a�`>
��K����_�-�ih'Z���KH��9��vc@��j�M�Eh�0��$(:��S$j�XW����_D�n��ô߱XD�E2+#c[���Guvױ�(<>
+�q���<*�����ѫ�-��]�0\ر�q�/
}4���4oa$��s�3�&���ȗ�%QA&���"R��ނ��>�����d������
������uſ�����[�=�o�4{֣	�
�0^�����
�����R�T�ad�J�&`�Twnbj˲���;�F�������6�J�L��q�V�?x�ʌ���U'�-�>��b���c�KM
G)������"Қ5�^3�&Is4

���"^s�M��/����_�x=�!�c$h��-�ң��=�y���r�;�b�M��Qv��_���ka�88�S�����]��c��A�����6�Z?��"�;��Н�A�Zf�$B�ۭ��|7=	���k=P�����Yy�j�{�8��,| k���s(�<�1tQ�UW���9i�V��/Bu�U�ӥoJ
�?
�bȶz���l�%q�c�ޘH���L=X���x	�_���R�z;�3���k������7�ѣPnm��p��3�^ĵ}c�����8���5^D�u�C}�a�=�9�t�{������F�l��`}�!y)\͆e�P�J3&Sag�/�������i�y�z3��
+M�Ї�avH����s�6ŢT�򩜋P�j�5˚����e����˶?����9Zk��<�H��V�v�Fu�*ӹ��ܗȲc͞*To��NY����%T�|�q���^��o8�y�>D�=E�|���ԇ�r��l��K�+�V��Uy#a��C_��/B��lx4�F���1��떧�?��1f�
�1V��8
m�8���_��8�t:�1S��xT��
wa����?��+`Gߌ_#�wa =>Xb�W�}kq

Q±������_��W%�1���Z���6��]�y6����*%-V����Y9���m��*3��:O�."3_�?T9������ظ�ܞ�_���~p5��O����T<�Z;��"�lg����֓V,��s~�wQ����\FA�����??C�$�u�/���v�644��K@m#��X0��bS_�4Z
�����x`���ޣ
k�����k�I\��h���2�Uo	g˲���{�G��[�:�c2�J���`6�4."��)U�(	�Dx<�"t�� �[��M�)�4��6u��2s���e"L�0#�)�T?�G	�XtiW��ؼCSYc��4���
O�U޼d��&��!�.�P��)��C�;�~Y��ۭ�MF���Y%�{��Nټ�/���L\��/L�b���r=j�ď��>�W�0���UW�bY1Pj���Tq����?���l��BEo�|A���G#\�5?�c��{��Ed�#1�1U�ch���qT�N�nyJ��rw��]��v����P�U퇅7�ì��>���b2v"o����W��-�
+����n��{U�fn�d��#�k8���
��~gp�u�,����_B�O�׋�2.*B�:�-nβK��׏�����d���	4m��	U}���P��1��C�
+�����C�HL�&VZ\�ź��I"�XjLz(S�yۼB��H/&l�l�D�[�Y8�pL��z'��H��N�Q�6Wc��5p���c_�6>�C��48�~��!t�a�X��H�s�Z^�5���~�!�U�]
u���V�M�=��Ȭw�zs��s2�0��Ȯr]ٍ+�߯�? ��%5`8X�+�������T
���>K>�*�u�fX�Bj�M)�؋ȿ���ә�)*��V��Q��Ax�Y�8Ã{vU���BQb��R�즥3<-!�3�Y�
+y��h8+/����:M`���
rHl���Q���"�e�r�r�p;�WUpE��%B���P�����i;�.����G��5�R�`i��Ӗ�/��E��vߗ6���5Fw�u��_��7���U��^?v�M��M\F�{�C8]P��8��y��Ƨ1����3�n~u}��.��n������]��m���ΒA�:�W���*�����Ԅ�~��*���Ly�j��m�����?_���������U�P�q?��rn�X����38i��8��T��?�����/��Q���������+�a�=8K��?i�A0��chz#�t"�>�KDA��X�	�`��A�4�+���i.E���֠է�$L�"e%?�KK@�!��6}��3�TN�2���v
������v�,��ˁ��觝%
�58.BZ�<�b�WM����e�L/$,�G���Hc��ݟ����C'6$h��;�.�mzO����@��'�\��
�����Z�"�GD�� �3!�8cg��n"��o|	3a:-��	�����t��א��+����s�]a}�^�-�`�g���
��d�]���Vm/�Ɨ0� �I�?QqQ+{��8a��9��%����k,�T
�k�}�_D��b��]�
;/�|A}G��7����b�ui.��S�57���A\"X8H0c������
Ƭp�����[�ڍ[G[OZk/~���+��8άQS���0�1�	���$.%[��CLXA�;r'z/�����Ɣ�~M�����S��9Y�F��wv	�M[,8��>�KD���e���:D�`�Ed��I�~�0�h�[y�I�������T7y\ը��h�H
rI��2Ѳ	���u���5�'i������N��7�v,i5����1� �_����Pea�㠟ͮ9�ۧR���I�ܪ�ʢ���^۰���w���O��U����{��n�ϟ�?0�*ϓ�nZ͂��.X��Q��'��Cg�[_�����k���/�z}��Q��Դ8[��dz���Ƽ�������՟�H���E8�7�{�IG�����a����F�<��4�$�Ok���[��#�IX�PsHt�����h����!,�ymؓ&AC�&�JCz$5>�����X=!�kI��m�t���/k�X>�Z�������?�ק}���u��#��6؂Z��E�Vn|	laт쓃�W��?gT�7���h*��^;�¹
'�鈵쭳f��~���@(9�=��AX��(���#�A��4AX z��}c���s�������.ak-�㋰�suLx�H0E�,�|vA��I�$�_<
3K���8�V���^A�D�||��*c2�&��=	[�=��g4�mEo��^�e*eO����d#������@!@����� .�-��I�}�����7	�`��ԥ�ٛ��L�4<\`�-<݋����q��~&wbs�9�(K���~�]�ކ9@f��)�-�������f~8�1d'JH�>���ԟ����V�kk�M������6���LP��
��f�E���|N�fʼ��9U�Qv<T
[
+�!E�>X�.�$�aM�ifU�,��K؏�@�.`�G�A9�I�kJ�s;31�$Lc߱�A�E\"�����b�Oܾ�CN��^� �~A�$��ͩ�5���ZC�`�qj��S�5�uYX�$��ˋ���t�,j�iB�qí��=��D��Y{����\��~΁-�/�������FX�`e\�_$�S��C�*�T�y3�L�V�[��'a=�Me����MZqr8~J���"�oo$6k0�J����j?����p�J�A�`T7j�A��jp`k-�֘"ȑ�0^�I���[���$j��琼vsOni��E�΅+k�ԥVw�_ʂ햿�{q���|�^��!����".����;�oW���
�]-^��^��%���
+��w�������{�)��v}��(����`���J��\��I -E��w�zW��`f��p��c9q��Ǎ��h�*+ٟ��i?�U|C������S��� j�)�`SkT���=�ĥ/9?�-?ɷ���s:�?	�����^�:ED��C��S–#!���+ 
+Ag��A�m��P���3�l[���[#V�ތw?��Vq�8��ӹ�#��L�'�nV�M)��/��ٕa����P�M���1�q���]5��O����U��t����!/�>�t��<P����~����!��!�q`[�v��_|��e|�^�D|S���և�ԭ/�=0��AX���2m���b�!��հp�l��n��BKH$O����$,���2��Y��^27���a�$.3�#v���[
�����ө�X��������ׁS���N�"~��K?��e9g���.u@z5��UXB�����ȡ�{��b>�B���a�B��l����k�(ªXx��C�m��?��p���Ep�?D,߽�rm��4���`�m^9�/�}z��
+f#U���?�C9�{s�1��
+JO+�/�z[�����?��$[r�]埠��p����-�$aUO��gcd�J8���_��m7�����Ź�E2$S��	m]��nE[Z�U�Oq��]c�MH�;J�
+
+84hVlN���;��#qn��賊>�́q�@�\Y/B�1�P�t?��К�.�chJ��_�!�'N����[��_��9��5�M��ՈuaIc5b���1�T*�v�Y1/�G��:�B�]����8�/N�E[���L;��
{,�
Q�%�!~I����	�P;�MH����hBh��C�u�-V��KH�P(c�`�
NB���w�f��!$�{A���XG0�:O7m�7!y�v�����l_�z
�����i;��������4kT_)����TVuwk��uX�Є:�~p*^T��gLOC
4����?��
�N~=ԭ�m�پ^��g����^�O�]��C�B�>ht6��q%"hY�OF�Ȑ���E�Y�M�_h�	��h����T�EM��\&o"啠m�zLK�C�\
+������s�A� ��SV�@PvD��.◄p�����#a%���B�����C��-��1��S�C��[	�Mo`:��m���?Djo�Oβ@�fq(kel���Y��"~$���6
+�M��8�Eҩv!���=����HF���U��ǡ�)�/�'�Dtɣ��;�
Z�e��ɏ.��zs1��s��|qJ�Ө[�zѽ��ɺ����Xh��{u��t�j����_�ҍwu��e34Y��8�X��_B��xV��âxLDQw��M�.�/H¥Ϗ��%]��H�-ف1/���^|<Fؐպ�Q�a�_�ӏ�_�V�iV�7J=��־��@�"xa�]UMSيu)4b��Z�b�EŏQ��j�
�ǰ��8)́A?�B�q�]X�B�ݨZC�
X��j�7!Շ<�'q�]x`�%�06mC������^sk|�4?��ջW�BU�2*,<7���&�i��L��*�}��xc9�sf}�Y���ɂ�U�g!У���jZ��>P�e�/��	�&�R<������骭L�Pu�8����Y�Q�Ӹ�s��Ri|
+��B�C|jc��UL}f�͜5���$�C�駈._M�6O��_��7q*�$�E`����7v�����&B�����\
+�l�G�%t{���B���82[��:��%�@>gM�������)�B��F���]�vȵ�������Cv�
+>?��@O�<8þ�����=�}3u��������!4x1�'s���!ŖCÑ�9�l-���p���}qt�vv��Yz�Ҽ>�M�ج�<���s�6��4N.	{�ᔣ���o��}��	�pd�!ۙ���"�vH�p�g�)<�+n9oz��Cdհ-B#�H��V���W����;�C��p��h�9���9snZ�4�V-T㌳"��!��7����rt��y!��4������-*�տ�O���'W���!����/΂��y��W����a��-�%2���ۡ�	�Imq�+�׉�!�fZ@�}�L+57HFyg
�y�o)�]��-}���%$ߕu���`S�����ȬU��]�y����c�^��l��f��D-؝w��)�!$�H��0�
m�N�5 &�_ďD�O��%�����򌱪��!�	�_@TT@��ͩ�5���[-.����y�t�z�{��I�{tK �iX�O�}����%^"}��K�fI�c���/=g*t[�_a�Ru��4V�'q��G��̻����;�0��"��$$��H�|>?����x����j�ו�Y��R&��	l�A�Z�Cy ox|��61q��/��ȿ��V~^"��F
���S��#
'��J��NB�Wu�l���?�7N���Ĝȹ#��֑���N�Z��L\��^ڵ�׿�Bǝ���]�0EfV�u�_"�~S���ĂSy|_Cilz�h��B��DH�L�|m6����˞�eK�wUPor�)�B��}DmYra?�T��?8kf���5ݮ�T�pO�_�����w>Ͽ���(��%~��{��Q�r�� �OԾX�H��`�k�ݩЪ^�0�9#]��kd���ߍ��s���=���i@�3������FT���T�
B
�}$�\
+�i��L�/��f�V����K�?�<��e���ޤ�<ܺ|6"���g"S]�5��p9�kS�k�g+�EL�/�r�9�����̊|\���KH}�PS�� �k������Dui��#�`�.ʎ�N��|��zˢ�5�_��*��=E�`��D�����ũ6���P���#��	����:.a�;�?�䛞�<
ĐDžun��x�����z��4�O���5�u.ٛH���cLMǽ�����|���y
����"d�RI̶h~<�9G��A�Y�.";�+XX����H����?D:_�ҳ�I�}j�>�ع�c�l�yCP���3W�����
+Z\�1�N7�5��&h��Cd��L��
>�C)$��b"S��*;1�'uh��:�h՚�@�,
�P>.8�ŠW#���Xq��Ep���(�v8�Xe��HoB�Ũ�ސ��� ��7
+2�b���Oj4\�n��p�d
#��w�����3ǁA���5
.[����_f���Jx4�8�,C�2�짻>X��
+��1��	�����jW�䶁�������#u�˱J��o`��r)����3׫���$�v�7q�+��$��t�\�����W� h���+������Zx�I���A\IMR@�dӢ
$L�!R��!G
+h	�����N�dz}~O��1��7�
��&��
+�������/(
��>�%xo��ǿ>���ߏ���k���~V~c���$-J������H��z�YK�h�}���o�?���~����?~����_@�`4��w½�C���r�8�(Q��wx8�Hfo����k���΢�v@��;S~0���V�J�}-Bϐ��P� ��x6o%����4��QF#�(\�M\ ��ۦ����ax=u�=_l�c��~��B\$<Ɯ��`A�C�.�e��zz�k>�z���Q�
�l�����/b��\
�[�:j!�6��/���DW�?�x(��}�g��?��э�/���D�H��R� B��<����SF=�_�ܧ<�A}�K�ݛ��&	;>���ֽ5����?����![}���b���`{T-����п��.,hB�u�𞀳��@��On�����p�t�[��OT�vN2P�����W�q���eE��H��^�E�B�B��W��kj��?�aH�!H�t&�c��A�ޫ?]Mqݱo���0��.�q�".���/)G��P�J����ƗT��
��6�V�jm�����a
G��Ó^<�'������G/7��B�Ԕ?��o�k��1
��^0�~!��γ�*ޡ���
��s�t����$��p}կ/z:n*`���ڶ��s?����Vy7�
+�4M�����!e��8�����6ӿ��i�E��QP�~������,O�-�S<:냵\|d5�Ccq؞� ���\�ʀ�OgzBGa�e��AP_;*m����V��^��\<���Ё��_�O�Ca
���q�A��.�f���h�V`�B����^
�>�<ҹ;�.�`�C�<_���!-�9��&�xB$nU��v�"��g� �vnM�L�#�
+���?�1�8����y�T�)�tT��?�ߣ�s������K�$\�Uw�z�O6i�	4 �����O��|��6)o^t��SZ��*����Ad����FL��<:���P�˿V���D�,� {;"̿��6�|}�L��A Hr�^i�x�c�q��߉a�U14T?:"|�z��?�,u��������۔������J{����~{R���.6��]iA}xBE�H4}3����*ZLo;:g�6�aѻ˹1��%��P*��@S���VF݋`����a��	k�
v>�/��Q9oR>&�D�pcV��)nq�ϖ���&��*��d��lOW��eĨ�ƙO
��
��>�l�#Cm� o=�!���?E��m�(kM}��ݣ���S�dTG�R��f�@XsϿ���skt�q=c�xW��$�œV1`К𤞷�"rp�kڢ^��l܄�l�I��� �%�9tD��܄1��=�n���AcS[s�Zc��se�\y*^W��V0&���G�A}Wl�xu8e2�L�5�����?�����ɓ+JXyr��2��܃H}�$���M����u}���� h�\,���x,��O�½�͵�[�b:g�'����ͫ��{ԇ�F�s��X�>N#�]��?��>쏖�#���p�4U�������xI��=Ac��>���-_7��	;ߖ-?D꣰z(�Al������w� �r^U�������ul�!ryE�ROj���L��{�q%�yZ����)�e�����R�/�{a�i�nж�?�L8t���G&��n�{�7�Z�����1�(F~Gᓊ9.��!��*ۈ�Q�2��#UK���3s]Gbz�UD�_�v��������^�މ�iͱ�E\����Ǿ�,��I���U�5�����ب�j��C�~�q���=g7,�D4�-�_�ټWOl��x����zF�r����ҧ��[~��󟥾��״����y/��7-�F�G1��qo��wc�M�7xCh��xj���JI�
+�n6BфJ���ԏ�0�48�Ͱ�s�A|�?Dn?:������Qb�~��l�}�����`�Zl̄�����E�S��ÇGD���jl�Ԙd$��zc��k@�6rv]�L�e��L��$����ӫ�~,�i[~�''ٞ�O��%���Rf�D�������3�u�x]v� R߹������믺���}���Fe^�w
.&���	D�m�`�+1�8�Ư�_��Z[���"4�3�KB%��?D�qzY���c��i�,)�V��J&����y�,�Q��Q�yq1H�)��=�+	xZ�
��d��������d�E�ƥ1)a�����q%��1��Uw'A���� �oL�3�ԖI�7@�d�.�oH�ч,o��+��lj���A}Leq�i��h�pp�F�j9���\�����6	�l�!�8��>=��s�5��~��d�����õ�ܛ?�����?+��g1m�ܙ��zF�悋�����Ӧg�}u"�
���p����IwմZv����w=�[��60̺��df���@'�"UI��<y]unY�,�2�pH���M�˒��b�4�e�&BN�;n6[|VŠ�Ӻ����$�
2.}�oe�<��7����o��ن�ʴ9����
���2'"�y���IG8"5�gq�=Is��](�ܬ��S�3�k[8����mu�
خ�<s�P�?�гH�0g�ܔ�1{��A�XO���:��.�)w��J���"��
c�x� �`��[������kE.��zt���\��U��� (������Y(
@ղ����$B��3?��Ǭ��"�'�ׅ�� '���o{W즷8w���yr}3M.�"�����Eӭ�
��ۛ�Gy� � �5��H�n�YE�1({s����~r�L�΢���j��Z9ן�M<@4��J������)�	��0N�BP�V1hTtV�+��B�9æl,W����7���p��6�'�5PZO�M�޻���h�L@�=��1"�����E
ְ|-�F�e�H��?���u#���1w!�ȕZ�D��p3<�(��/��_�8]��C���p6��H����A�
��8��[YzF� \?���}\�d�o6��>M�M�ރx�X��j
y��E'\J�S~4?�_�3&̫F�������A�?����ԏ��3�+���ص,J�`~��DP>*�-�0�
4��X��'Ono��b"
�f�ޘ;׆������h��Z�b��������_:�0+���xʆw�+�Zi�q>+��PB~a��� K�����:����~�)����E����^F�o�V:/�h�����4�ܸi����M�ؔ�j�������A�+N�sP(�;&��Y��
��"
��v�uA�j���
=8�Z2�n��W�mn���0�Rs(����>"��>��Я�����l��g�tD�7���97��7N�|n��:���⃠��������sX�h-b� b���c�拮ċ����mIA��a8��0�֡pJ�x	��z�ۉ��񲐜����Āz9�
>H)X�P9lﶹ�t� "z��H���o������u5����!�~4�.�i���f����%�rګ�M�<�=�*=ݿ��1+�����6�1!OK(�k�{1�3ꦞ�\
+aώ}�_�6�]c�l3�3V�;�EP?���}c��/z��i�K~���إl3;�c�C�����pd^S>J����l������*)?ꕹ���i��Z��֑ȭf�D�A�`ʹڈ���"�oZOﹹ�a���ex�{ȡ_Q�\�pJC�uM�AP_
+v�j=�p���{���1����^�A�Y����ƶ��ߘj�`֘�ú�Z7`��2(��� BoAw������V�����"��)���v�2%���jZA�ht��M�g�7���."R�6��ߵuF����;�q��7�F&�fN�>3�n"�W,'���� oz@9���&�!����0��iOoer��vDB#����u�Y�b�2�G�}b/#�A}S�nj��N��:��n�j!�1�>�:1(��܀+m��qZ�1������'��"�5�����P�ʂcN���/,�%y�9/�D4���W���&���v�*�!k��ѹ}�E��X$X�up�=r�=R�����������+��AĜ#Č�fJM���4�,\���ŤE�R��{<��
+^�YיĻ2k���gԣ
+�{7�B|�K}�3(�Y� �$*V4L/�	H��/�A��?�˅9��c�M�Z��ݗA�X�E���‚cӌ�U4���n�~���
+��O�1-�q|�X���y�-�못p�U�yi,�հ�5y��P��P7��g�Jx؍�������5�A�?K}󚍢ÿu�W�E�ʽ��“M"*M���>�0��~[#XtwZL=�oq.k���8z737OZ�G�2|��Pi�����3q����R��ˌ��1�a�w��!(�V�I���S,,��i�,��m�i�gJ��
b�E,�9�ߑ�%�o��H9�݅;/�R[��zȊ;���IP�Q?�h�N�MP�'+p���XM�Eim_��M��{�1��4�T��;|�I�|4����l��݋ O�(װ�{�d �[��D��
�蝱���e�ck��"b�RG��j��݈Zϔ�0������o2�ά���s�`�4��b6���r�P蚍e�?��>]�W��F
|W[��(��7�'�
�����qh����DP����
�BH����'"̳����s{
5d��"��;�	�ѰrBј��|u5���8��Ib��;`
�i֮�Q�E�E�� ���Db��77��{b��6����&d/�kz��Ad��nTS0G@M���H���e������߯�}����_��뷿>��٤���eX�5�q�����������
+Su6��l�����_^?}��������_^�>����Z^~�_�����j�ƺ�[�����ˏW}�ϖ�>A�k��ex������7�5��]Z
YĿU(�g�:܎�ma�m��?�����B�ǃ&�X�u��~����˵a'?�5�a�ݢ�\S���ڤk�}ѝ���x�%9��������LH���.��]��"��xܶK�|����z�6QZGi�K3��PZ�����&�%9Si�mX������|#��Q٠|Vٴ5p|�
"��!���A��jL��4���f���I��q9#t�_�۹���\�{��y٠�� <!���)K�v&c6�������p<�!H`ti4�1_{���i�Ե&��=1��l�-��8�3�g	
�|q�eMc��l�
S�ߪ;"U=��U!�2G�����<-����у%��
�|���Ɏ����t��/H�͗P˿�&��L��J~�t�_�����cV�V\��bg%��Y��r�
��ƫ:E�`S�3��ܤ*��Cu��:���"
69����t�۠�xW���!�p�[�kx�x��.v�Ox�x8/���#�<�?�{���Z�d\˜�K�) ���<W��:��jaQ�y��X���w���\��y]�d0�d;pg��u�ѕRi�i�Պ�<4���­�� �V4��I6yġ��&V{N�I�4J��9.��H&�������������.G��ѳ@�<�F��(m��Gؤ�]u(�n� �	߸c
+N^<h�㨑p�͠_@0�Q�*uTQ2�r���҉d.?~���d�n�~�~s�t��A@W�2}�z�\>���^:�j3t,u`�_�4	�i࣢�xf�w��c��伷��+����j6_,>������%��G�#Ԥs>�n��\��D���
+ O|[tr���iO=#��He�|^�����	N����k=�f�Cw��@�,�Z������k���)����xN���-�|)2����,�B�<���0�-"�"��!ɧ���J��G�����A�%K�Һ�1�P��Ys�-��l]��U�MU�M_����u�����X�߹�7  �����b�֭8g��O�#=9�(�Q�����:7���Zw#ʦە�z|����}���Nc<]e؞���!6��/�0J(�#�V��I��/���;@G��P-����8x_�>J�0LJ��*�˜"-��E����{��{��C/ ,���%
+�ow��&ޘ��Sx��v����-qj����C�m<��l�9h.UǍ8�ߺ���ќv|�}�F�k\�1x�Agd{�Y;��ݒ�W��">Qc��ARi<l
7�j��=]e��y9���$8}a뇼YC~>JL0��vǶ#sa�*�yO������/[�R��ª|`�X��jt:�m!֝��{4�
+��(b �-�V#4p���Fx�@E�RQF���4�Z�[3ĩ��Ƴe�v�]�������V�����K�s���;�n�
G��#�$��y�O��@L��q���Vw'�Q�����a_l
UX|66�ڬ�d�1�1u�d3IE��rոY�H���!�gb�	�0��QL%;�L�-�D&\x��NpV*������.\�
�#�:�J��ܶ5<��O�rZ9�K�P~Ȍ��(A϶q֦�o��+�<�r���A�^�S�nc���	}�j<s�q�m#ӧ��x�z�m�Wp�E����9+���P�b��P�:�6�l��.re��ϱ&�L
�o�k�~-�|�H��`�;��MHe"�M�lj�ɲ)}�H�9��1���ز\}�z)"�Ѻ>U�Pj,z6˛�p�
+���"My�&�^l���9)J�{��!2�µ�N)O9�.R��H�J9/+�(�ո�+_v{ܟ)�v�;��
+RS�M:ܐuH����ۢC����ě0�)s���?��%��҃���J�nh`5�e�
+ZuC�ɅdV4����s����0�����H�7H8H'V6k+wh�
��.R^M\�U��;9j��Ե�������TCl��˶�ӧ)T��}�wdžv*�Ƕ��?ц�5=D�Ų�����d�E!���\��[P�
+�@�Bn[������a�%�r��K�'�R���x� 1�秃�����s��K9�5XZ�U�yi�2m!3|j�p:��m�E(�P�Q�����y���Z�ǹW�t�F�*EqS��eT�����D��+�\�
+�GFC��_:����Sf/p@��bn/m��=gŹ"�=����n���X
*j�#{	0��!=Z�l��@s�TP��{�"5��u*�g`�ю����Dޢ��%�F���'�.vr�By�X�n�x,Tf�����O��%к*d��fw����)(�2,'���rJ�����SsōN�����z��;?F��7:�:Bn���/AU�^`�
�VtX�M\7oէ�C��~�DƒM�?!�ba�CLͥۓ{~3$~?`���A����D�=c�3��N��O
+d���Y�"]B~#W`�]�)��
����0/<+>�a3��d�K3���.iЙV���r��o�>�e�d�i��F���ȍ�w��@P����&��q䋞�"z3-�
Xo�
�Q1�I@���M���R\��b�ʥ��ae��|K�-��\Q���of�Y��N�9�jI?2��|��>o����t.~�*}��rCkF��6U�v�:�V�ڼ�f�O�n�
��w��$W�ih$N�F�6Ӛ�8��By�	(+�^#���kX�������l3��X���>kB�a�2*׈��֯�������^�|%4=��ق�o-�NWn+Y&V�*[�K�a��mN�)�_p<O�v`�I�'8�����x*z]����rz��ȸd�adWC�ߘ=���8�y���<̀��ϥ��D<�4o�K��	'Z�7��#�*<�vQ��������!�:7�N$�[��d���Z��(�0�7���f��4/�ՀL������.��Xn�N��Y�D��?�KT��c�'�}��(�6p��ω,��o\��ӷ�fw��,�����jN�`��7��r�ia�{����Sqq�O�&|�Oz�ҏ*��+��l���&�"�O���W�����#���0a�&쏨s�GT�Vl֢liq4����k��%�;�j_��w�=M�8��\W�#^4����/
g!�tO�3��2~῵�_�K%H��+H^Z�Y1�����E�.#O��S�ek;������
iH�S�M�Eʾg��}��^ߑ�2\��2L>�R�|!~Ϥ���*	2\�W
+��ɀ�?�<v7����l��U��54�������(�U�y��M��:�n.bU��]�/Twz�̀4���ы�����q�5iZ��Sc�o����O� #��ݷ���zLO���b�E_�O\퉫#]'s� ���-z�e��D�U��̎�tM�����Į��'�ž��
��
#�%�ؾY��cG7�dzy�{���~��?�lGJ���H�e�L%p��ж��O�~Iy���jO�NU�b��t��z~����
��br�e��N�
+�&�� B���R�R�Y=׼4UB~Lw)��hR�����@�^8 S������:k=I���Z���Y[U���&�_��Ʒ5��d"�mI�,jK�u�V�N`���)eتl�49�5.��!��<��
+�
_�5V6�����aib�,#:�v���U[cq)o��bJ��g��i�N�Eq1Ia=5��IT��+ϟ�x��a��
$��"�]u�:a�u�Bo"Z��l�Un��j��T��̸��tsqY��?������$&-W��S�Qo-Ծ҄�|�q�⌒j�O?
�ua��#G�UD�̹�=\��Dζ��!���|mO�g����s?�c��^�gr�%���28nт�:w:�K̋o|�=���l;�cf�������v��\�vZ�w!�I��洔{�^<EjQ���V��� J�g��l��T9h�7:
`fz��5��B3<��h�A��x]�gD5р��Vߒ���xP�/ZȚ��$��<K$\XPfL�������S�- ���N�Rp��Z����MC>��d���پ��4�=�4�O)���{G߉>�+k
.����
O�_�`�@��{���#q��̘��J��=]X��\���l7�w�w�-�o(�8�3�Q��0>C�f8��Q�A���%�m�f�b�y@g������d���LHW��f�)�#ѐI�_�����$��5
+
d���	�n�����Y��n�d>���!4/(N���
+o7��h������/(&י���Z$Ϛ���1����g�uKj$?�g�b�/�%ߗ��F�{��x���u�"K�����w|�㕯W&�'��o<�d>�+wy[sne���%|���T@�[{��~٤�����l�E�j�Ih�i�O�=D*a�A.#�,
�OM4��E����&�*�ssJU�QE�G���r+�W|A�-��6� ���*�Kc�<�����mJ�;g������_�[*e��ٛ2%�e.�[���2�c����d19E�n��n)�Uk��%���ݍ��`��P��>���dU��1�6b�p2��E�TKl,+��33(B��D徵��۾t�:[����Nd^py��U_��<'����ʑ��v����zI{�<wt+a5���1�&13ۺ��WV��u%���������e�CW#�„�n����辿Ŗ�ޓ��Kk<��R������=�@�%��X}��93��ܕ�pSeH$���!�w�B�7��.
��c9���!!ғu�,�`�A������-0�QL�N��)í��6y5#ø{�\N �:"�ؖh���	ȕ�� �L0q�a���	������c��3��,6P/���
�C�������
+v7��'��ofK���2�2��N6�H�=���S�}Fc�~����㱟M��L�]��פ�~���+PL��D}/4€N���@#ے�M&�9/
+=�M6n�jZ[t1��1h/TL���U͟I'���>6�4�Iä'� ��AV�o��;���gyڋ~8��7�����9�
+m�4?�"rS���~h7�����eVB�ٺnb��!�o��
2������i�䦧M.ūV�Ϩ��h��F��8`�����A�>�xk���8ūu;Y���tW�k�\j�VI��~��\+�\�KЛ��
�G
��̰�Иl'>M46O����L��u�ʹĢ�]�����c��h؍�VX	�`M<��i��(ۮ\�fR�'����_X,/��(�Hki{���v���؄.�w�-��1θ���+��m��b�[�ޤ6��e<���nvQ��\�m��L��V���-æ\-�B�Ê�p}����\=\)����r�����F"\�ñ
+����2 ‘=]�#&LZ^��uD���/�������ɠ9�i�.���a��� LG���h���w�
���?���bL�3��I�S۱F��N*;�5���;�Mg��T�x� (��Ə�E�=��+�5dWm�p�>4��u}e�
+����
T��#��7A
+j��_��)_DP�Q�H㲘r�? -QaI]�`��SЏW�����'uV&��cic{�u�eXJ�Q���m
I��l�����.�͜VL��M[9�K!���AJ���nb3N�"}�����9�~%Nʭ�qshKF�L�5�B�p~��P&2�V�d����:#JXm��$x�$"��Wn��2+$��{p����f���`��2��Έlj�0[��#��`�2~���x0�Q�%��&iF܂@��
�-�}������&MQB��������1�v��baQ]��8�I�}��Ŏ&\]ca�b�Z��5O�EX3&�G����+-[_���vF(o�"�:�[
+���NO�m�F->�p���fU��7�^"4�����.��\���
+�`>I$������X��7u��N�%�"��8��&nxgG�&�m���(*�tM�?�{vh^S�08�go15ͭ�GG}�sGZ6W�n�!��9�9�R����K���a�b��ui�3��㖛�PM$�Bc�,�D?�d���*�Ns��/�
�b��F���S�b�U�9oY˅�]�I�I��w(ƨ�ɫ��n��eU"k��ENg��c����,8}4E��ٓ�m˭%Yd2���d5F�ҋ ���]1���G�IPz�Sȍ��|�O��;��I��B ,_hBw ��gIM�M���D�B\�J�V���>ʝc��k�
+��j����SX���~*J��%��O�&_`JŽ�
s"k��>�۞�O9ag���=Kj�nk"�2_Ѕ�ф
S�u�Pe�=�� �7?$��������]��T��;�B�k���V���DZ�Ŗ/�(w��姐���9������+7v��.�ϧ����I+��ttr��ն�f1���6�}]�܆���� �t\̘nJު�TV��.� coe5�T^-����<#�7< �V���6���i:`
F]��
����'������MW����VۘԊԭxk��h�v���O����lu���n�	M��䨹��T7�N}�\�ҭYm����T����+��/���(m�H�R}�T��K)�K�%�X���Jrz��Z\亦�~M����fy#+!�NR�N
+��U��Z�IA�1���nAᨗB��͹WP�΢���S��)M#��WÍIA�
+M��� 獋�伅v!v�pF�1B(Pp��-�}L�#�<�+�����E�۲o��'��n���@v]���q�'�	K�Y1���w.]���(�uD�Œa�Њ�����P��d�;�t��RUGʮ4�J�:���m�k6�Ȑ��Ҍ���U.2��gڱ��L
�8�w�v�c�椤�!�d���Y8rQ�s����I�d�ۨ0H�B&���*�В}��U����G�yFas�#?Ǧ���)�d=�5�m��(��L���U�uKs���n����n]�ْ�ُ�d]
[Dgy�� 8v�\�Z���DsM^�g+8��^F5��$�&�-��K]��k�@Q�H1N�V�L��_!�>C�P��q�s��Z%�p��!����V�Y?J�4���g��
����}oF�(S'�7��TЂ֪r��t(�ZSx&D�HB�h��"u�_)��3ڰ{�1
+Oy޶4�[��8W��
+��i��d��F���I���R���x�c%�j�U�%����{�\��(�<�L]m���ek�aH�iJ_[��BI��9T+��?T��r�=��*�df�����+A�9�3<�s%�>�O�&o�2
��^t�Q^��t֒�[��-E[���T��������еr5r�r�'�4g��Y�G '˶4�D_�]��]���"�p��'
��	R��7�rv���p�R��{�c�cū�Ww���I�T�%��J��F,�B>w�'��ră������ɀ�/�Z~�%�YfK(*ci�q�n?a�dP��6ף���Hj|R�0���SU���e�i��88��.����~P�4n<1P���K�	6��,����=U5i��Z�r�=MB����r��2f�|G6�����ouUN���U�d,���)�+a���@�}�YAv��z�"}�-m�M�-wl)BU%(��/�e��҃�>P-�֑�m�<�	�h��vщ�b�����읝��
+O�a�Kk�Ѧ�E��ø�^�|��2ÁCD򬛬v���v��Yq�	��:z�ߡ�_Lq�|Yf��Ե�����a���i�Pg��R�/��j;�5����:�������q����
4^d��,B���J�����I��(0�`�=x�+o����C����v�l�b���|!��������4a��җr��$�/�n��ȯ�=rN�4�(������}��U��;Xo\�d8\w<��}���F���q����p���y4W��~1���nY㚈q������Bj3��Zāݝ���a 
3���k[��!W����y�j���tL�u��+@�r�J9o��)9M���&S�]�����r��Y����Ml8^dv�R��}�X���؇:%M����!X������z,���.��f
+U�U�/ڝДM8H����DsƸ�l���9.m�@�r��V���)����t}@���Cd�b�����K��k)�v8e�q�Y>J�]�x�h�%�Z�.6)��pf�(Kǣ�
�
mX�q���j�v��J�_A�(	]ɯ��째uO�k��Oc#t9������Ua���K=�:'��rr�e��[�8#~^eB�^��lio.R��[������έF�ҫ�	�w��z���Y�N�1����ԤMn�Ov}�q's��?S2���;�@
+�e�ۚ�G���T[�@4
�
�
/f�x���P�:"�J�>��P6��~��P
vCO����/nI���5+J�k�)VD�,=v��������9M�Wɤ]]��Ȭ-	�+-����ߐ(�N�-�;m�j ����36LaO��񱲷q)�l�u� �Ei��pjއ-���p�4T����4�+��"�>d������icT9�Ã���K�����+;T���I?��Z1�{&�׎/��nJ�OJ�ɓz���?��⯣4��u�F��2ci�<v?O�7�P�D��_�����M�������n�
\`�\�P�_H5��?�JW��<؃r�RM`\���U7/Yj�;��P
�rJ��OQ�@[�`!�P%��d9����Ul`�P�6:�4h��Щ8�q&�s���z�
�]/O7�o�I՜W-�W%+����Y�4y:�ɽ�v��1V�w�:��7$��|�[v$9C��
L�"���Ɔ����R���r:B��#��W&t�&cfMz�Ds!�&�uP�k�9�j��ɔWP�ž����6���T�аs6���L��/l�zz�b8�ǫťYx�Oy�9t*h�oQ��C��7��;��r�q�Q���n�;g R�x����*��Ä!F],��ɵ��`2��8ᛅ�a�wO?�`�}�d�1b̐��:��E&�1X��A��� �c��햶�Ē��@�������M,�JGSE�r�#��@���}ǏN@~��E�R����$��|8"�U���m6h��q���g��%��-zt�ڌ��B��eR2���Dfu��֖��gn�����e��y�InV��k�gi9^t =�T=����.�BfA�nǬ��	N�@:����[R��&��
�.���&���.����v$���Q-�eQ�����hd%C
����͙�����{�>��T��/�����#
+>%��6��d(��_�<T��r�r�
+$c�`\&:c�
C��� �����|���}��y��l���TL��t2�*
+1���h���ʕh��6��/�Pŷ����(�'��[^<����U!���X�+��7'�h�$գ�Œ�L��3�Q��۰/(�����,��B��lޣ�g	<����N�<�io�S�=go�':	*�}���^�aI#�g��6
+C��N�����o��A�/�J�X@״��}j�6t�ϱH�-��S"*47�'hod�Я�����c�J��f����^m"��+��2��6Y��
�iż4|���&w�Y��	�q9�My����/�h[1�AT��5s6�������,��1wh{��׷46�f�����K.�)�`�n����k\��uJ�>}���#F����W��ڛ�P�e�~����9?�����U��ϣ�h��Z�L%#�f�^�Q�\��:�I`��!��O��j�=�lv��b�A�X��ܲ6}�.3�e�`�H�x*�őhbh�I��ټ%�~�-΍qg��m#�&�ó�{3NA�����)��9\nsb��n�%��� M��������|#2װY��奅����T6�Bd���?�|�4�֤V/z��D�S*��?�.k�0m?��OC�BV���!"aQ��N{�LƮ��)���Ɍ(���7�:Ԭ��ur�(�Ay@/����8�����A�ZV<�c���]��J-�E�q>lO��&*��<Զ؅A��͚K��(�е�n"r;��Nȷ�(i�/.V��>���@N�9B�Q\��9��t�╜�!�o{r�"�*�e��.0^��
cN[	e���F�K�y���e�HyS �·v�"q��U��c�������Y��9�/8��x��8_P�*���N0��6��8�M�N"N���{�l(a�>�MӾ�8��x=�X�Jf��tW�p�ꗊEWb��2��c��8��|�I̜��c��R�3$��2��-���cP�
+X�?��Ξv���Wxa\W"���"��wUi9�/r^<�����
؉�p�or��4*
�X@2b�E�[4r�h��.~��A��ӐG�ޢp�J°��xc�7�*w�ԓѩ��R��tG?�ͽH��|��Di��a:��Z���++��Q�h�����?���x�:r���t�_�,���fA3y�цwk?�YH�.��x�'�xgI �sd�3�Pj���?��6N
+x+@�g>�ncf�"7����o����3���$���8����]YƋZ��?�=���Q����kpkzq �m�B�ʂ+�u-��}�_F�H��H[��%+o|}�HזL�4
+�Y'X�uu�W@[��v¤&,Ē�Hp��F9o���s�f$Ȝ'oq2
l�oP�OR�`:ew��eW��g..֓Ƥ�GM���1�r��^\����Jb3e>�%q�g�$��UN��_�R[���Z�-n���b����`c��yB��"�%nJ	 \��_���;~f���`�C�8��n$&������H��ɝb>�Ȅu�T}8��O���d��=�(��(_r�t^/̟����Q\ʱDw��|�=�6f�����3�uXْ�yl���ʍ�b�

6���
+C�q��;كԳ����|_����3���8O��l�o���+8c�-"CQ<�z�(�2}�������s�M#��ɡV�E�
+��?��L�K, R��W�!ek�1,�y7{؀��	ǫ��<BY�So^Xg-Ė��#?To�eWLڈi	gy��H
&aT֛F��L<!�
+��e�BJ�-6��~��!s�K�Wp�O�A�@�&S�ix2w
+I��~aȏ����~�ކk��
����V1	_�,0\���ju� ��^��"	bm����R��傟0��>@��^��ah��.�t9W�,�]F���'�qS��t�·ė������vF
a��Z�p�-^��E
q�q�|��i�c�
���8����o~��P[�ρJ�Q��k��}�>��`��[}Ƌ}E�HNm�O|�z�F��a��uE?�6�`�\#U����������
۔�r�{�WX���A8���-t��δJĤ&<���J�k�s+��`�S|^�O_3��7a���t�P� �����a��$��Y�4~ʮeȞD���u*�}%�"g�S;G>t]������-$�C�\Z�J�p~]�
+��#n��o)�T2"�
��F�(�:�=���Gnx9R�S�',�Y��E��Y~O%Z�~p�Ӈ���}q��o,���3	x��S������w�V�0i�\���A��U�U�05Twjˍ�����O��	`n��c�� �o�J_C����x��NM���IC��u���������T#y�'�j$iE#~15�Q�t�ϸ�`3䜃�
M�g&�6�#p'd�ˆ8�i��
+5��|��u�7D[q�C��z�
�@����?���I<f�,X�l�!�cW��nY�>+�f��_�S79��4��	� aV��ӂ��cŬ~V+pui��m�<VX��Es�i��m����K�
+�3�E㶖Je���b+�ů�]�s'�h�l{D�2����_/�_W��������a)�z˰љ�ǭ�.k(�X`z	u)D
+:e�n��@�������>��q��(��R��a=R�E,L���PHK���!��r�S,�g��;�>]��)p \L��F���Z9�8��3*7*=L����ۓ!D��0+���T�M������)�6 �˔
a�[A�~�r1�
�����="���&!�/��О}2��G���I�n~'G���צ���T���D����VPyt����X��Տ��zp�Z���ȏ��e���=���屙e���e�<{�q����A�2}��-��]��+�]���.�5�
�#
�L~�e��F��#�=�H�*��?t MD�E��U��t�'1���S��eA��
��}�jՂ<���~h��q�&�Z=�y�D-M¢��3�d���kΦ>w�<DQ0gl_��*�k2�fM��xΧX*P�j_e�:�X�7^>ݿ��a#�"�.���4iC�X�(0˸^�޲\Xv>/����;��h)�x�&�VѦ��yQ�3"U�0�sJ�`[�	���3ߵ+�(v6�~�|�/*bR\0��d�����T;r���_��9J�D)-s!O���
t�.�h�xV������d��x��z:��G�
�\K����r��o�l�Ç��� Zƅ��1$
��i�����c؅�M#���E4	��O.���l/�؎w�a�+UO!NӾ4s�'�*n%�=nU��ªc����bW
�l��4�W/	`w/��=����6$�N��$�A9�ܽ����WH.�s���}��x�rS9�p}Z#O������-�x�
�����I�bo_	�s�����g���'�H�5lgգ_���^(ѭ'҂g����	mt�H�:Y_&-ZV����Ю1�~��'-C~�K\bJ7.D�'��H"G���Qta�J��r���-F("ߟ�Zj^�x�Re�[F�^�����y����a�pK-�a\LS*@��F|�n�ɱ��^}-u���ع8�����ir[9�&��r.�������3PɇhTg��,�ਾ%Q}�$""e�짭�ϦJ/���>�6d1T�fZ�{>�S*��%40i*����l唞��y�gLi�v�dcG���!��\G�|�ǥ��
Y�{�kf�T}�l�	1W�tla����\����8�W��#A<.u�2��U1n&�iq��oj;�Kk�M����X�s��p�}u�����K`Ǒ��X �"^Ho.�Ma#=��Hb��p�p5���j��XS�k#Д2��M#>s�
��ɈG���Y�JX��f��/J�H��ׯO��P�!�]��8�t��p�"���o���g�
��0QvM��`�L��٘҄T�f�>U�TdX��6�2�i���K�"��g����"�q�s^���ʃ�*��b5A���rB
$L+LK�P �.�(�k�;3j�WV�#���z�H�"�g��VhS7�{3���jXt4��b�{�׵-�5��М;����\jӕ"[���ТzqX�i�B̶[��~JS*��(EQ�4;zY>�����7l�oi��V
�K��)SW&����)h��Q�]*����FsQ�ͭ;�˻����◣`4��K�u4+K}5�_񕾈�ӱց��U�-?�O���PI��(<��ߵ�����W����<*�u�F��˱R99X�GUi�5���X�X��gڏ`��e��G3~>�a����m��k�����	2�.d�ҧeM�L!��ܢ⎐3V$�G�U��K˱Ƣ�U��T���	T�f�����
�T�������Ah���:��'����uR�C��:+�p��"�[p�����k��<Lz�F�����
�& ^�
�H|��Υ-���9e���Ǹ�zޑx��-�c$K���_�x����|�|`>_'�łb�|Pp���1[��M��RJ�������������b�l�u`ђ"�-�W>�F����9%����II1q^|�Y*��<N<D��h�/*q��B��XJ����c�r�;0�w`>�3��O6h�����b5���
o�r(;a�O^��p�n$q�P'����Q��][�e>����y*��	s�x$F!�(�Ԧ�T���|�>Fۇ�K�������Z���_�W�鯶0
�d�MU�����M���y�DZ[�K���.R��NS5�
+����{VA�P(�e�!�;¼*F�bZ����g�����4�2������k
+��Kg,�а�i����r�N�A���w���&,�n߲O�h���s��T�j��kI�VG<6��\��,�Fp+	�7oM�rH���4Zv��nF8a[L��M��i��Rg��H=���a㼐�B\��`�h3�b�b#��Y��m��6��9�{)HM��~��fN�!�S�F}Ë��F¬�%�Z��2��_3�ЂE��	�+Mɱ�ϴ?	��E�����P��y5�e�|?�ߊ��殶cz��zrx%{lx�k�r����{�)wf��e0���%e�ݢ��0L�X�h���RAbo@��J�8��hƗ���hr�h4�f���P��Ǐ�4���N��o�E58
�a��ݞV�
+��l~Ѳ~/�y/e��~�!X�&�����N��Fz�����M
������C����;+�	���q���C�cPB����L�fP�T�>�#�
+��놖��H-��j����^Wɯ�&[��U$��ѣHcS��D�,��Ιk8㕲�O�\�뇗��It�D��I�
+v�M*�-���?��4ݑ[��[�x�I4�c�X��bu���U��S�+yf��Bj�S}/���S�'�f�Ze��?����
+�#x����X��I��Hyi� ǡ�:����W��jc�d
���ڠo�.�`�	Tn ]�bbR<h�8d�?��÷�XHyS�O�QƱ�ˣS�9��u�NH�J�/XT���-/D�[Ay�?�Cb�UԇS�d����|�2����T���2�hӱ
 6�Z�"%�G�ثﯹ�?�Q�l+"KB�,����6֬�rš0�x��ZYB�'R�֎5\�5��(�)Ř�V<���n�a��gЬ����Ʃu\�=X*bg�Xb'�r	j�������,/�@Wml@.(�fA�|
+��[�:Ȼu=�]�[V�4��A}מE��DZ	\���]p��-ٮ/n��2�̑�~Lߝ*�
+Cb�{:K���`�+���R�ތu�'G�$��
+���5T�4ȏJUU{�9!X�BZ�����s0�@�[>"�4Wn�~�0dl�e�Cw|FD�*@�=��D�7&��"�a@:���V���{��:�*(��f�P��w.Wu�C�fh�Ąe;��a �P�ی��XW��
�4�0�hPv?�O�l�q�8-�YLx0��pv��F��cn�Gt�ߘv�H�'��O��u؅ ���U�A�H�ef�}���Pva^�1nf�'��}�"�zC��˾G
��70�v���~�ρ��|D��h
+���cQØ�F��Q'�����O����l��%��&�D����Qtv���s�Y1���^-=3�֤�}�\G>bk/�}�3
+x9od��3FT��A&d$�?�"�7@w��f:͋k�q@��"�`�kN�1~I��D�W̦�Գ�
+-�b�Xv8+�q�BA��T` ��7��q1K+j8���:L⻫$��H���9m�����n&E?@4@6���/
(j�gl��<�u􆧢�2���׋7&"m*_�8�儳��vx��F��-��K∟L��I��݃������L�xf�3�t�|���<Ӷ���"�C���>���!��R�E&@`-}�l��P��"�1mԩPE���f�đT zȦ	!�H������n���i��	��9Q��"r6H����"��ц�y��P�Hj�|�*�^x�?�w0��U!��e:����"3Ѵ,�ѱ����!�1� sȺ́G�bH̲w��Ͻ���B�x��p@�:��=���¡z���y�V�	~5�A>�^�kXJ�M�ƊA�)B�$�
oB����i�d��B��0�����M-v$��W<i��Pc�O;} ��0ڇ9�'�iA�Y7�wsK��o�^O�%c`q��������`�^D��e�3����vؿ�eY��<��G����½Rqӛo}Y�$�@�>c���`@��3G�X�ղy�?ϻ��w���܀
��a�+�q�����P!��v������v+�������[�� ����x��S�b���A������$�F��&��nU
83l����ӳ�s�<��`
+F�#R�;-���k����GD����>��y_�e�M�‘c�F(�<���ߐ�Z=���/�Zb�X���D�1���G�W�}��%��lO
��%�����������p*���\w�����\M��+�`���[����t�A7�E�$O5��hY.�]�`0�h)L
����6,
	)�#&3�G��R�[��'w��/"$�c] ��`�4�j�0����}.��;.?v�̡z�:�zc
+0b,u�;ecq�Ww�9ۃ��}.��?�<5��w����Z;ԥsmɷ�C?a}�����;��l;��b��-;Uq��m�
D�-��-�C ������ug��c3�\Ff�7w�p���T"D���T.�K�M�k5�'(�xb2K���le��p${,�n9�_l�\�Ƣ�� �H��J�+C7�@|v���e����n�?�
��C�Ɛ�5�`�fL?x'KF�.M�^	�
+G�g���=��t�'* :��"M֌t��l�ho�%Sڑ� ͣ���LrQ�p�1:��e�.9ʑE;+�$�1�a/mScsdP��EF�� �����W�SͺN��޷߼�Ra����z�'zN�׍
�w����3������c=����x�⨍�}9�Syj�nN|N�*�LA��B"����ž���8����75O�[�1���K�Q�ݒ�ʑ`�����Tj/F�Wj�k4�pM�>��{��4�:��7�²C�X�r,���~s���!���L}8���)O�=6A�\�mD��S�/@��t3B\�Ƶ[�i�U(�,�^��8
+�,��M�?1�u=���k
$ca;��h��8����H�6�ɼ��ilL���1*�b��XB
�W���;�0hǩ��("��A�P�:�u�
�>0eZ��A��
S�:��@��;$c9}}��������ur�ϣ������`͘ɱһ�-�8�M�UR�ؖV
�P�����`J2I�%
+$T��J'�E�m�P*�ؖAP�Oi&�B4�*
������7���0�����8D�ctRK�3䶦�����qƠ���ç2̹��!�5�"�C:��"b�ɦOõ��%xx�{
,�}	��_�a�7vo�
+�cT�G8:di�@��j\�,�����9�a�>d��U�1��d�H��D�
+)E�Jh�lD����5T"��KbB�6��A��*��ҳwƷ�'�=]��,�C� �)�Cz�җ�[m�ml�t�br�d�+N4��X/�^&-��W��#|���lL�+�#�:���	��qߥ��������x�@9*�4}�=�ӂ��t%8���`��g���ͳ�p�p�QE���H��$�S[g�r�&gOf�E��F!���������M���W��#���W�v�W��2B!�AC�e�(���<�4�����05}LUf��;?+F��Ă�M^��"�Pu����K��Nh���ڕ`?���K��{����1%���2�!G��z�'E~V� �C=&��T�>6kv\�U��r�xN-���X
�7�X�����w�a�m��1�������',��SֿZ��,��p���~�����h2��*n�Y�3‡k���}��F����>@#y������1�fV
����!*l��H���}���ܚ����5��S'`8��ȷ� �����ږ�eӧ�+IJ�[�̒�{�Ҳ��0�zh��ն�^����<[F�`6���2�&���Д��Elu�b��Ά��@��W�X^�>�t���2�U����'a �TĹ��rq�m���C/g�ǰ����h�+���#�(�AU�}R�b�f������K-K���|^,��oC�G�] �1a)�!b̧1ۃ&�Eχ<q1�ľ���Ѱ�s��O�>��1Wad{����ηup�mrq��яWԻi�O
��r-d�Q^�dS�Ω�iy�8I�h��[�y��\_��}�J�ۇZ ��)�c�de����U
K붯V oUwqo��ʃ>���Lh���/?�{��..E4��Cn�h�:�����;<�H'��y㩿t����l��
+}��{�]�M��&rݶ���>����Pf�`P�91(s�bu��%��{�spQGx����k
+\I#��$��m�*_�z�[�Ҳ�4)�~�o*�]���#�S9t8��F�,����}5�_?|D,���JC9���_P����p�(:�က�MXpx�����w�=7�7'��0ͩX����s/X�� ڔ�$3D��Q�O���+7I��V���a=���U�<~�(��D{��]'���C�*ѷ�]
:$�!^>��`�Ȥ�Z��B���`�@�h.'�T���G
6�r/�.X�&T��M�,�����K`gc
�[�Pq|���2��m���������U�W�,/���L��Q��7{ ?���
�ol(�"
����F����]
.�@�V!g4�;i}8�Lu;�н֍��F߱�_
�w�/������{���o�Trg����i�s�{m�tC
+çC%w�
+Щ0�$D)q�����=�.�;=+}5'�m�?ɩ����_��+�qJd.E#"W��ѣ��߭�3pW�L�E���|[q�.�&{8��.X���W�.4����/
�cJ�Ż�]������h�Ç?w����qB���0�οv~	���KB�C��e\G�;�pz������O7�-WP��� x7D� ��c�,���Di�����-���p��{d)�
+7-��C5w�p�e���kQ�3{5��P�:ӏ��`���+:e*��j�$������a�x|��ҟ��:j��}A�'���������c��`��Q��NBP�������]�U��v�U��R�f�C��
[���.
�=�

�%��:)5�����.
���*/��5v:�$oj��
+�p&u$﷢�#ỏ���"K���(h	�a-]���|����6�|�J�����-Sg��/�g'a�㺼F^](㔀��~�>թ}�ؿ��3q��w�)К��﯀��U�)��I�|x���
+N�b/^�����x�z٨;{M�7U�����r`�Q�Hh(�c!�]w�
+t�����p���e�
+z�:q�
+���K*z�@_F5�=����^>M�D6李�-A{����[e�F��-r.cp�ìH���+�4�h}kb��.k���-R��W�@�]�Ж�
*!Oֵ7�_���Q���'��@)V�|a0`����+���섊f��CF�U{����J��
�%,!ȁF���8�C�1W~�������ij;�����5��@e�42z��ũ�|��Ǘ��̄.�9��5xMv�(h�f�q�p�xB"z�A�
{m����?N��5����1�enYb��K���\^w�R`����`�Kc��z�?�Wǝs�*�!&��|����a���Tp	x*��u��t~Y{*��J�
�O�d%t��Di�M�������b�����?��Az{�X�̒9��-m4�=<�)�:<SM6�cԬQ㏯������q����?~������W�P����3�<p��%t���N�l?u�Aq�`��/P�@��:��
#�������
L��B���� �����n{�3@���Eu�Ѥ�pf,��%D������R~�:�=�������>�;�p�BU�vq�mR��I�l��ν�ۦ�y�T�*o�����?�����c+�O�h$��C��X�{�5��z�jC�]�}=�ó�jj�(�
�,�~X�1��P���`�G�$���
9�v(��|�
+��hͤ���tJ�S�2(j�����)|�L-&v���d���TpJ�X��x	v����{f��u@Ų\�2���-�J�u�7��{[ǧlD���}	X��6"þ�����/d�iCVl�r	l� #��}N�-
�•ӥ��H��a`x�d�W�e���_��]��qpx�Yf�����6A|��o�<uUn����w	j�)���@��Ke�*��}]��rx/��W[436���TB0��x]��y7�xԦx�{�w�
6� aZ;�p>͔U	��h�^�{�N���Q=��sE���-�cn܌E�~���n�8��l�v�m��]G`�KW�	�b�'$�*5�����K����1^-Y��0lߧ�d�����[����r,9U��Цl� 	r�D�
�S��J">i�E�jC30'w��u��^��S؞����_���J�A���ֿ�
<(�
�T�Oʊl���-��~�č0����̍�"��
AWT����3|32`�sc��H�=P�������tV(�Q�ˆ�[�V�^ǜ���P���[{q~$�ڈ��@��xa�6�b�i��ޚ����ʵܟcgN��Ӹ<�U�΁F˓������ǰ��Q����z[���P��}VW>���'������3�ZV���rg5
+�S1?�� ���׿�
�9	c>�g5Y濱��
+�������hR4���_O�4�)/<�"�T�ʱr;�fc�w�p�Άi��
s,��P=ƚ��>�w���iG��p�P�c
+)o�6܉�<�_7,o�\�<�е�]��E����0��l���a���ǵ��k9����5�S�'�$i��p��2xAB�?KJ�Ͼ-�?P�&�2~p�_���̇���=r���'��Ml�����A��i�����F=u*����0v8SL
+z8P�]�=
��ج�{x��e��0s����GS��}72�"���N���5M0���t��{W�1?�q��I��=�ѽ�h���n��!(���?~1��]�#�Uy#��|aS��Uh����u�:k��Bv���r�7~d*��UBe�G�H�44�l�em��E*f�O��p��U���&G�fD��w����"���]�w-	q
����p���SB�A;�`pX�t_t��g�z/�UȀ�}��R���3��Tx8�«I!�"}�02�-`v`�@��o��
+��W�]����[XK�[$N�I�"I^���p�-`�D��p
+\F`���ĻyO��_^���
��	�(Ҩ]���.r:��e8fCIn(_�����'É4�6\4�v�)�.�M5^�/A�O��tϗ��D�@�UN���u��Z5����{i��cԕ�6!Z��2���}��:~����T�NB
�㽾W=�"�&���{3�0LS
��1������T�a���u.3'�XoN����=
+����;+�#=/	���:�KA��r��vY>��/�!W��1U�n�i<t'���!�]?�>�3����Fȵ�Y����*F����yEJ+����o���
+j췁�5(Ļ���R!���B�@�kuD7
+R��"�f ��f�mЃ+k��V�*,e�f8Tf
û�~��N�ȒD��1
����G��6@�T^����0Հ�G��h��a�E�sJs#XsijJE�Q|((:fF�FC�kZ�2��f8d`��!�&�a��_���}p���-��V���q�;�B�Wz��

��(��f�P���%5A5����[-X�4p
e�{%=j�̨�$@&Ϧ<
�0������?�
m����������q��N��埨@o3���Ւ0��v���f �I*󬚢�9ͤ_��
*Y�$+3G�ᘆ*��D�(�=�y�#�����)̍
�xI��]�oÝ0�j����i�T��}�`Vq|7����"�"0���>��bp
C�ɽ��هu6*ɸ_�O_��0��a�ۛ�������ޘF���1&���Z+_I_K��:�V�,D;L����4�l-�k��^�,�v����$8�F�-rVSvp��
P�
+�'A�J����6:�������a�C���*���kk12d�W�^Ri�L���Z˷J�B�AfgK�=W�NlW|��dAG�Z�3x��T�a�1� �@C�
���~�ÿn�U�<�wd�R��-�?0+A�3<����J���(A��qZ=�ue���%ѥ�DA�3 ��QD�p���>��k����s���6�]|Lj,� ��ɋ�p��s)�8&�N���oe���=�7�!C.�!��E�����4����3y``Qq d�_�W��mm>���m�BG�PA��v��,hغ�9�6�!CG�`��)B�u@k�?��{7���0x>�5JV��0��Β��Km\���C�������T�+��%`6!���
�'E�[�C���}g���G&B4�g��ɱ��H�|B?�"
YG�����~�
�w>��mqw��-��'��Ͻ����؛얃-A�*Ct�bF��	�E_av���
�OŇ`E��T��w�IWK�s9XN'H=��/�p���/���<A

���o��O\��_��!��bZ�^7p��̊
�1�$��E��҅��蛸����!�-��s�R55�j������H=�w)D�z�%�rO��@w��}7���6
�ll$)����ZX�AX�(L�&�)�NW +�`�vd`u���o��`�U't����@gW$�����QŽD�������83�A�.�는��0��,.I��-��v�F�ٔJ�a�h��L�b8�Z��\:u���q��LX���n8���Z��4☽D4�ZY�p
�\j6��%B �y]B����0���//́����

=��9q���}�o��Fв�!���,8#��P�+�����e�a`����(�N���
+�2�˜!��$�ap�2�N3~���7����=�%E`�(�����Nmo��V�/��2n�I���P�X�j�e�{]gNr@3h�y�wv�_+�%gr�P5�&)�_��Ep����ߌO&���UKN�A&�����a�᳽�6��W�e����'?�٩
����=a��i������������I5@̣��S
���:c�VW:*��f|��x��
+��O����b�u-��-�g�J���u�>����8�ɶ}��_�"�8�ʍ�!�@
(��uc,�<���8
�A��%j��}��-�����!�> J�LI��djx	i�����֨
�U1k��0bumC}�2���\��5��0H7�7-�4���{��˜)9hD{̒���s	�Bg�;kA��Nq��8���g�\�.���޸%�.�|B*�f�%�x	�nӡۡEu}Nk�=��GM�`.#�iNO�m��P.�X�4qk]�˹a-�Tm9o�q̨��P�IW�J	l��0��'`w��Г��t��]�\��>���b2���"�njM�S^Hy�o�KyK���Ӣ�OU*��^��aN������!r�:2=?��'K��ij�#�,�u������~&w�hލs$��d|��#��t����+���k�RS�+G��
�;ߏ�l��T�Es,�
��������L�)�s4�	��K@7�
+��q�f3d�(�
}��O�Z�:�8Z��et�qH!;ҟ_��1q���7�QN'���8� �A�G}�
����ص0tb���y��{�C�\��y_��9c���9�:Π2O	�u�����ˀ)5�5`ƪ�M[)Jv�����Ө�e���a3�����O>����xX�V��o�ޘQ�lf�f��e~�=�tFu�x)�qhl+���e����_;T}r�?0-��H��s\T�~����-/����Ǘ=%w��v�D5�9��ZQ��A��ɑ�Fy/�1��/��6&����o���`����M����!v�*Iړ��
�M�2-�<
+������s�?����O{͘}(<F��3��%�z��㰺��[9P\���S���L�������'� �������^��"�J����a���J�,9�)�c��P��C��R�r�ðiU�W�`1�I����8�����JtD�
8ʏ��A�>K$DКX��I�K�~�z�\ύ��}ڃ�bH�I�
ћ8��s�	i9��Xjf����%CYmRWNg�zײRT8H#u��2Ը6�
x@��AG���6]�oۋ̌�! �>>��6K^�*�J�ק��:}��wϜ�Ý;�c!<����
+��y����
+���V8���a1F�L-�����!7�u�N.p���n��ƙ�l`h��[Z���8���~�7��[���	���E�,�&\�q	��p��(!
+fG�x쐕��
+���߮8��?1�<�c^P�0G��7�%*U��B�!���rU/��6`ѳ�����Ӕ�ƣ�>�ڑ���������H	D͋��2bH�I`m6zm�����
П���\%iR�����?r��d9�1��'���5v�y?W��	�y�g ֗$�i>VGl?tϐ��g��u�P���D�jA��[���o��Ul4�q\���8��7%<�e&��>V���h��a�(��\/<��.��	�/\mGVl�G��(�O�z��
8x'���b�e�ͮ6�ìd(LF	�F�i�9��l��2�:*�~��/���@���4����s�d��`<����Aϡ��D-���a;]�� }�9#�6|�9
_3"�ʔC�j�&l6=-�.�
��;���%�#5�Ҥ�Jm����©9�}�&�8g
e�i�x^�8U���=��ʿ��G1���L�����)��X�w�Z|c��m4[�7e!țH��Zm"�D�F�Vi�bÀY�O~�x���@���Z����>ћkX&�g�������ᬹ��M��6���Am��w��
�����KG�tD4֊hB.�X����h)��)b�0qif#(��{�_sJ���Y'�6�V�D'�I��E�ϯӆ/���+^9�H��a�����L>�6|�TnG���V���&�}��#�<��1���b�"y��z��hq�u�
x	`Uuȡ6uʙ�߰ut.@����ݧ���ݫ�Be��n�'����jv���H{K�3R��XbY��g��ܗ���a.����}�G	�{Ee��O�._�Y�g�u�
x- I�sm@�vn�+SfW�6�%�c�R8�Y��G���e_k��W!o��@�(`b6��6���g��M{���%�OV���uqp��Ji���ױ�z]İ����b�UO�������)�b�E�>��UMN�U��20P
+�伢��j�]��������?�j�q6��p$���
>~b,�����`%������"��t
�5�&�K��fFR=b;�Xwf]ƛ��Ί�x?�A�3����g�
�L�4kz�u�FI�������n|���������i�4�c�ﶳW
�;7��*���Z���K�HN�
+�)*���-Y��Z�n��Хw���^e-�4�|U�/�
��H*�!��$k�</SOg�
ؿUp�(e&۟�20��
����e�Qb�q �WI+n�m߀_ll���X�~U�@PL�a�
{׬���0��:٫c+�ֹ�����\K_ڨ�y�����7���u|_��K����9!\���ƫ@
+nm�0G�qȜ3�v�
vga�3��^��f�Ţ������wτ��E5$��a��Ȱ,��E�j��9u��,��Tc��'�4�[�M$�Tm:ѽ��
�G�Q�ـh��ıHo��@��Fyv��	4���V��T`��3'`�f"�-)���+�X��]��-�����Q��y]���m��3调Y�zʽ�ů�
��X1�k{}ۯeg
��v�xY�f}{߀݃���|��v���E&KĴ��ln��_������/с���x\�{ۋ4�,+&
��m��}�k�	�;WM����w
��\WɁ�0k%%Hu����!j,�+
vh�>�ra:)w
+��pLs���:NZD%�-���]Dƭ����i�l�$ve���K��D[a�¯ylJ1�+#w��޸�y�QI��,`+̲���K<"�]�b5�|g�[钏���v�%R~3O;�<�d��H��y��6L�WR��=z��Tmi�~	�3�A�ǵlO=ލ]=嗐���[6Ҵ�n��
�&���g!�o���ᅑ�Z�f%�6��Ur��q�>� J���iG�%��D���(U�j� D�lː��EH�2��߯�>����M�i-?���t�h� f���~6�Z���/B�o�:�Ծ
����}�׿��ke�#�յ]Y4Yf'�/V�G��ɤ�9*X�C=���"��5ɏNk�l��7�A�~�͈9j��رT~�4��Kw�͇����	_�F�q	}H��8T���!�5��qnA��5V�¹����xDT��S���~�~�Ǒ	ɗU�`���/-��U�ܗ����F�w�WX����R�q�E�yo�ڶ7�ݍU;܇{�UUw�/�$�IX����.��oG�%$_�j6N���3�	y�F��<�{�c��P���J��]��D�"���t�ҷM�s�beܬcז�%c3z����jl�>b��@Uk�?�C�Ƹ��z���T�W�8��#b��X&
������-x���EH|a��`,�o��8
+�������!Q�=
Ѝ
����@���(����!�G@�|�8�k���_B�^9Z���v���FW�q�EH�~o`bX̭��2`�k��*s�ē��0��&j)��v�_"ő��}��{�6�2|�T0?�_��77��E���+�u3�s�/"cי��
+�hA�`��ŔZ��cip:��hb��n����!�?�#b�]�[�\B���0�_⋃.ޫ8,g���lwB�G��x�P��3��:0�_B�cP��j��e�y�=�%�]Ŏk��T�86�W�u�XҼb�€�DZ=uߓ��2R��H��{�]��׌M ���z&�Ed�h���.�Jο��7��zz�Kd��9�=��D���c��ۜ91.B��Q)�]���D'�ٱ_|^�iK�˛����H��հ�ͳ7:�q�%��D�S�Ū��R\�yhY�87��f{Y�+	54v/uKn������=O]�6�E�����~iy�������i�������]kW�Sڍ�vU�?�e����t�i��^?��ĉj��8�kK�_,�M���=GՖp��`������S�k[l��A:��V�/��k��z]�o�\�+�v����+��U�>x��s��߂v��6�t
��U_,�\֕�X�{���"�rn�S�=>6YD�
�*�����E�0��4Cw]�k����\�uJt
�/!�{�������v�4�	Ps=��w�P��;7ڂY���68���P�>�H��@;��W�G(p��x��K�qlwP��׽���"�2rf2l_rE�9[�^�uq6cŢT�ҍ�&�:M~�����3Ly:u�MuY�%�9�i�/!�!g�?և0�ԏ�^��q]U�r�٢$�:*Y�Ȇ�yw�;���V֛1owc��-��K�"��l$u�-e+������/Δ��pG��J�ƪ��H���m�S����5_�A�rܗP����P���sCG& /��H��������VL�7�tI~���ᕧ�u���
�:�����|���-#"?!�8���A]+[}����!y#��A�
��]�������KU����a;ePK�+lC?�+e�LaG�����mm}��/�E
b^�n����/��;���p���|_��
�e�Kd�������
+�c�q#��άlP�5�^�(�p	�T��E�툿ę1t���Zq�C��+�4"���K<$
+��EUk�U�{���
�Zo�������b9Ď	X��0M�/�0��Qv�@���w85�:ŗ�Nj��h��Ās񏞣�C����<f�6y���"r¢���:�̤�e
�GuJI0+���}��xX¸)�(�X�.k��u%��V�!�$��)�跀M��	<���a:�c�؟bU��v̿�?�����.2h�O�G�zTO�����nC����P��<�_��p�=pr��7r$�`l}�L��@�`&VE�1�����p�V�퇀pL�
+�"Po��
Q9�[o���
A������rt����;��UM��u��
�-����x��+3�"������B����	�P���s�_}�Ύ=�l�H��*��1�
�8�/���3�@ut�8qi�RsF~�"w��(;X�H��?o�}���8M��E�kt��H�tގ��:+�U�%V�z��E(�z�[�0��P���q8�r��4}1bgDG�t�}�4~P�5؆@�op� ��l�$�E(�m3��V�v������g���9D���L�R���#�/�A<�5��BsJ��nq�@�
��� i!9�+m>��gd+����oMâ�Y��F;�_�t�Т�e;��c2v����/!��'VY��������1"�=Cw
+][}.�����Ռi���"�tpa]��s��Q˅��H_"�֔B�/zNdn�6�CQE7_"��f!ݧӄe������v�_B�U=k�F}��1�Ům�H�_��lƞ	�3l(<��'���	o��vHn#��W��G�ѩ
�����/��=��pU5g�\���v�3=�awWW�X��9�H��	NZ2�X`xRǑ��:IeIVrЀ>-I��EX#q�H@%Gݠ���r��7B�Ad#�^��G�u������z�IfuW
+=m���Ye�iqZ�+>�ϩ1
�{�\>�Eo��q�
+�����S��t�U�vE�qdz0Sh�6�ie��tQ����c!���:Ƴ�F8J@��q��-�ւv�)^�)K�W|m\��Šgin
L
�Z�������}���_���<*������,5��8�߷8e��k��ܬ�a|{���O�����ߟ?�����^A�0�R�]�=�z%uO���4
��Un��/�!��b�W�rM�0s����"vï|
���X5{�:[�K��g���a���BS�9�p��m��Qlh�;|N��h�j�֑۟h��U9Pi����Jf1���p|@�[�B��9��O�"�<���,���a���{�‰k�p�{��PMVC���vQ$�N�"��&c)�xB��RHQ�hKd�nX��370�0A{� �9�ǷW&�_{��c98`�'G��
+U
�|9�"
����
+DuA4	F򈼡"�ԓ�2iO�8MP��,�7yJ'F,:�	�ÛMQ1f�q���RB�_�s�";@$g�ҕ>ZD���<�XS9�h�������T��NU���	��9Q�r=����Xv��R�1o���=�����Q8�6��a@���F(:���Jƌʠ��U`���F˶��cj�~���&h ��4=G�c��0Q�8d��V�~

�5�
+�n8&}����dK)<k�I����\������ƅfK�fmKf�����s�XX
+�E��RK@i�B�t�OZc�X��[�% �������xht U
+Z�\�荗/
��D9�_���
+��Y
��3���=+��^��݄-�A"|�~[�x���,#��)^�U�RZf_�r[u:�*��0b⺪��U����%�oʺ!���|��ɻų\W�X�x[XΠǂG���=��A?�TV���A\^��<�8�6� ���e	�c!v�II�|���<–�����H���R�S������j|�Z׹o=�
�ˁ�"8�Z�d"�F����m!���z]�BZĄl��2T���c!>|p,b�Ĺ��G�ΧwUB�~[X{��Pg.�
+��b�S�k�:�m!�H��^��-�&c��>�ֵ�����rA�K{%ؗm��k�7��.n����jid�8ʑu��Ur�Bij\�ۘ>wGs5��3�^�����8E�c�M���SLE���i�鶅���X �ql��=�ɕ$X���^��� ^,X�R1t`[-c���\��-�x�MC��9j(����W�m@��`�������¹8\��*�cf��Xxi���5��ǹ����z������x�q��:�`�oBV�
+�qL�
+V��v
B��C���oh(����XJ��-��
+qP�b;h��I��ˁ����M�� <������G~��캛����gz҆�Sp���=��
�Åw1P���sX�,Մ��Iuɦ#B�˗���C�1��$�Z+���Rz�vzZ�2u�����X�����F?�-���~��/�����\��u��N�����F��
+���A
B&tf{��}��>�{�A��7~�j9���kD&��P�D}U�F!T5�#��>�H�	1����}u϶՟�^E����`�ƙ��b
+�2ڛz���laI=,R�x�B�a��mA}"�!�#���J
�y��,�=:�hKN0�Wç!�:��x�
|�\\�tPO9�6O�iDAmX6�qF|$��\�<�#��'P6�(�/���m�������a��t�!��ݻ��YL�f
����[�Fr袢Y�\��o���7�*Bw� s:L�NJ-W5�G_���1	�I��IY�C�.��DDx�X~�X���4XG�xt��� ʮ��^"`[������X�S��z�1�/
�-D9&-�b���ml��ٗ����v,{7Mi@.��-������=���ݰ��4�u8�j͂S8�����"�_��i����2
�a-kS��1+��GI9=�N�%��*=Gb�mUŒYT�����sjս]�E�YN����
��(����W.TZu�����o�*aJ�6_�����\Ep��hP�9��}������7^��9!Z
+��hs�h��^��������,����]X�3I�
��خTou��	�G���X���}�2#aƕ�Vq�g�e�aa	G�E�džl��0�:Z� jI�v�T:0��_Ոä`z�7tZ�����@㇅e2��h�b�����*n�j�`�(Y� I�"?��p�Z,\B�`�f��8�즿���F={���;Mj��.�jy�(m[R�SK��+���v�6���ץ���u>����_S8J+rc�$
+ߕL3��ܨj�+Z�B��� ���K
{W���P̸`T�J+ȕh�+���
+�qX
+�L5 >(�JwCl^E�Ƌ� r��n�0�n��`0�1�tl-���r�	R&�"ރ�
DZ�`�&&�Un%��9���يݰ���§��w�9�r&�;EQ��m+
y��.���:�j�x��@p
+v�o�	�P��I�s
����L��Jpq1�@YB�Xx�ւL+�f���>*	>
+�������M�	X�y��Rŀ�q���-D<�F0C�a3L��G����z�n;�#���c�Nz��A��
9���Wy�i�4L}�g������B_a��95e���Kv�:D�YE6�w���������@[���dd%P$P
+E���L7"��1+��J��|ŇcNon܇?��
)���>���W�k\8�6Y"jX�]�).��Y\�l�)������	�,>�O��5��ޝZ̴���!D�
���V���,���b�I�<;�����ė"5�ƒ�V�	I����c9�K�	�*<�횽���_o׺]�gA8�n+_�ec�����l�/�>6��ۂ=*�����X������^
V�Z���������p�`q5CZ����Ώ���D*�
d-}ajκ�=�k�œŎ:�e���2x� _o�f�E��\[��5��:f����<J͚����Us��l/�"P[�O%N@�̫u��>O����5�]!��y�a;6۞�p '��04�$�ݽѿ�
�?��L�_��ϭ�"쪏^9�<۷
+nPe(�UcVzN�6Ǫ�q(ݫ*��q�w��功��
+�8��Aì\�F�ls�\��-�O�V��\�6-A�U����e~.�9uJ#М.��^��a�v���
+͉�Owƽsq&�^�%D�l��U�sy[p>I�Զ2A5�a��0ث�n[p{)�ڭ%���Kt���u՚ma)�$<����_��<�
+1HW���SF1��4����Ϧ�m
+c������24�5?P��Y�F�$�e�bsV�]��ϹWl#W}�i���[2S�(�-i'�<�G���=��
uf�
Y�k=�㎹]��V�I>6MJ �eNl>f��رy����<ZES&*����X,���<�d��\u7
+}SIl���V��e�XF�֞F�f�N�B�f{ٿܾ��üh���9���[0��Bۂ��f0�k]�]x0�l0B4`�mq��p�B���25L�Z���v��ln>����`&�V�|���e�z� �qIM��(O��u�'�>xbl��OH�u���0�|K�L�(�'҈�ѕ����i�iFZO�FM(!��n��pZ#aQ$$B0Wr(=�+����M�q��*w|v�Y@�XID�"���g��/;>,5��Tׯ��{�E0ma���t�n���b�L�?�υ�{�Ք#"CPD)g�I�&�,��p��z��bYIj]����{\�B�k�\��:�T����Ť���-�w�V^t(w:�`ofl�>:[*���NͦE�Tf;�#س�t���DŽ/��NjP�-�iv=*�
�э�>�/ghgP+o����;r��O
�ņ�f�P#Hs�
�gh�;^���Ү�v�dP%��N��rEZ߽`+�R��H����Q}�&Ye�`��ύq`䀺 �%)�a/��������%\�p�=�D-d
+����I���e�1C�ng�y��N��?����/���/��kB*�p����ِ�KXgQ����LgwO�WU��!S��g����h�M�7��&ɞ@7���Pi�µ��R719����`
+'��_���@r�nÇ(e%'0�M1W͸��&��JN�kN9�u�Dp_!�(�U���4�Xuz��6�c�>�rnZ͏-�jxD;h\y�?;>T�E~a~r�'�t��_�g���I�}�;�"L%-i�ڞ�"�-��$�<X�Qa֬qVʋ�������8�F��ƽ>��k�P�3m���n�"l����a�
_��f
+ؕJ�Ve�*��˲��C�5�O+��ב����D�-Oh�)yݰ^~�
��R�F�.!�h�?�!]���-��"s(�)l>�3���%��y���4��=�㦐b
+�@�I>=C=�Po.�����JEJ�P2~ҘBY~{A�S$�J�fc�P�4P;,h�g�/�P͉�C��̖j�X�wM.�Y$��tÇ�n�w{[g���P����f�q9_�%��JD��lH��`9��	���Q�|�t�HF�M!�L���>�}Ç$)bFxR?@Q��D�]��{_Z����R��
++�iXCWv�b�g)/q�f��������i
>)���,֟�p��=�o��|d��
z=�2�h�����@j�!��*)p���-�'�I��������@I��lC%�g;��A����4�PL�O��������KC��TCv����6�('(Y�&�
ۘ0�$�(KPy���zo~E��Z�T�J-���w>EA��f%�\����/�W
+�O7�p6�܆����CĊ��FA�*c;>�[3�Y��T�de��R������r��|��e�*UP���'�w	U�R]�=��m�%�f�(���$(@Pk��
���&ۨ���h�ܽ���PJ(+���-�˿�1oIy��V��q�T��<.^~����������g�I�Di�ʙ�j�MǕ�
�	@�oBՄ\���Z�ر�vʃ��=|_��I"4��^���jg(����H-�}j��!lg�Mp{��TU2�N����AY��3H�+DĀ`㵬�k(��L3�[hx��.�A���4����b\�-��ѽdZFHȇl[�Kg��$�6.�O�n+f��	k/m���w&b�C��IUΣ���땩��ҘV)ä���-o��%�%$�iK������˂<�GUQ�][�;y �m���c�eYp���S�=����v5�?��C
z`�N��T2�zAﵷӈf�-�yP�����Q0����V;gHO~��-��U���R��d�F��oٱ�D�Q��ҳ�g�����	�限GV���#�����i�[p�`���4���s<�����4��^0���
,�/��±/�e0.��>�_xY�ׂ��-X��i�ZX�PV�L�G~��/���q����4�eϞTe��(�=?��p��(��;�n &j�%?�|����o������3^&YV+I��
+6�9�7�a*�?�k�ʔ")����W4ޙ��`y��,Зfs�r!�<Ԡ���˯��䗤�P�Ef�9�e�PT��$�����Ŗ}�o��ռ4p�i���m��o�V��ג��薛JiQ�!7_l�mP�-�䷽�C?��WApt���U�}��׎�)=&)2��o1i�{TJ~~;�w��TI*@���J����ߛY�iF3��ˮ��9��\�O�c<d�R<�1���ᗸ����k_�%j(ISƒ1:�@�M�/,kD����g$y�����3�O�w�4�w�;v�����G�s�:��/#�����wZ��j�������צ[L���K5�OϠs�u�恇x�>�@�@R�*kxR���Y�u�e�������g��>L[�*Ƭ"-A��i��:[�Y/�ĵ�X���i�������Y���r���p���_�Ғ�e�B��F*����#)45��><s��v���B��R~�6���z���LY���9�"Z~������(^ž�$���_"H�Z��Dm�%N~�ԹQ]��UW���9{�r_�,-	�=@��m�]Gؾ[�F��^/2<�7�/�L5�����>l��W�m�rϿ��L�3y�l��y_���( n�4��|a>����J�gW���}�o%��P�Z�=�D)�_�B��n�&q�Cz9����ׂ�ѭ�>�3}��Ÿ��n�"	��Mj#ϡ�[9^���I
�;n�֓/�4���z!D�h�8h�0}K��-��}�[�Z�!b ;ٶ���'�E��nV\@�C���/���';��Ȇ�V���%g�;�����׷/�?��_QD�s�rH_��v4�*6^�G���緓�/C�l�f�rs޾����b��̖?��WJ�^?���Ӥ3z!�'����|D�$a��#�	;�Fb�g.����$��›����L	���j�.�����P�9l_l�!�Xݝ�<\�o�>	�j�2A'_�2|�M�C.��UjnO�}��/��NV�hv�v%��U�!�މy&�W��(8�������V�`��2���G�(�G��ܻ�78*�����з}�Sm�
Ψ�g�K%��=n5W���Dk�Z*g_�H�d���;�I������%8�ć۱K2 A>�U��L�C����;� ���A�d�I7d��UQ�p�Y�b{�e���R�nɿ&�HD���˲�d�}���B�v B(pS-�ɹ�R��Kw�d	]��<>QҶ/��Y*ľ싯`c��X\>�h9۸���6]��n�:Q�FH]�ӧy��ž�"��Ы�[�|��	
��e�ɶ���%�����0�`����'��r)h���"����h���a�"�I��\�Rwj�M;�D@�b��[8��q
+0g�z5�d�5�A[��}��H3FT7��������Z�b��6ܦ4A@��(B֚��R����pr��f�4��D:_+�U��_}����ex%���h��Cu�~��'�+M����'U'Fw��է��͋�7ʄN
�';�n�]j!��bۃc[PI��'&�-��RU����Y�2t���.M?�y.�C�oR(w�x�Kof�.?-�hU�ZVH:�pD�~�B-�[}z��f���zP��Ʋk��}ضRp�4�H�\l�y/F�RrؾضYU��}]���G�(^��G���h���v�>sS.I�X��:b�u胶\V���(ݺ����L���N^�-���d�N��r�T?�÷��5y����3{ש6��m_v�te7/�c���pgo��-{\UUQ�ߤ�>:����!��by>��C���*�M>����1hV�M�HNp
VLb#���>n��u������Ӕ�\1%4�1+�op������'��b�+��=祝���5?���NT<��m_|ۺ�7ꒆN��B8N_�>$�,�>��W�phn���UE;K���4��V$r��3%�UifN��d��-�h'������m����m�I���,�RsR�ӌ�G�H�Y�Q�t7��č:��M��拽g�-��/�^���}��^K���}1�Q��ݷ"�v�v�z��}q�Պ)�Q��V
+۔\Z\������oվq��{Gl��
+뎦�m��%AS!�+�S(/IoRb���i�|�%��DF��V��R
EԂ"��m�R�W���&Bl�h�p�m��
��h�\P�o�O�8�lO���3f���N�W�&��b�)$�~~;�
+.�j��^Pr�a�b[j�`���z�G�L�:`q�u���/���v��E�\(�������}ض�.�m~��CT��09+z�}�b�Ӡ��)�" �����*g��8ជo�%�
+@���_�xS��}�m�^�2�Y�<�c*��D!(n'����zq띬� �&eCZ�C=hKI11����ɿNS����ɶ]=j�A�o��AB����]_l�΁�Gn��޶�)J�玓m;�k��H=M-�4"#b
+8��j�ա�޷7���[��N��d�n��x�x�����T�;�O��~W�ݤ�_���C�m?����c�iK�z�������Vb�_�լ�)n��7��c[Z�v*q����>0�
%���_��l#�oԚ�HJTT�[�3l_lۚ��xkrh:S�sW
+<_j���}����@DK{ш��6�D[��M��J�nv>}����˼�w)ɉT�m5(!�}��v/A�I�dyW�6�@
�k:(��[ŹI�nl���2��%**�^�ɢ��ʕj��%o!�'T��N���m���h����d�V<٦Se�I�K���e�D/�zo���a�(�Q�xj�|]�M����u%ƍ �߯�0V|��
��bo��h
��u�y�(gs4j�I��:��mj�B�n(ʹD�^��'�!:��dg�GIf*�K���7�"��W���v�/1M-B�
+RbIJ۶�s��IN�z�W�6}ئ#��Φ�.+9�]���{�s������+��W[(y�T��7�v�
D�Vɗ�R6]Q��T�8�n=H։�ƥ��.}Vծ ���n������E	1�
<��3�g��ַ��{�D��j�J�N�Su�������1�6����}s������k��q�f�׃��.����>�*��	�y���{uL��|X�i#�"g/JEr�
��y�7?�xd�"�Z���"VOtb\��n�W"P�ٸ�մ+���|-ڡ���=�K�9����M���u���VB2S
+���X�F
+/f��I�eϮe�[ֽ�����)r��yQ�_�5��/f��b�.��}�m.��P���HrQY���(	�%�hԴ���(��{}�}���*��_�o�qG��,j%1B�ض-tGw�Xq��-�|�V���������c���4Q�LJ#K�2}øl��D#p�o��:�8���iQ�-M�U�V�ƃw�ٌu����%M�S���˶F#�Ԫ'�5�($APNn/�Rc"�?-��l$q�%I���'ZکX7�B2�	+�*�|�-	�6�s��,��;k!��s����ּ�tq��‰�0�����JC�����>
+�r�Y�c�H�Vv����T-hXs\W�;w�jy���Eͱ��,U#�U4#�_��"W� �
+�����Q-��J��=ضQFV)PC͛/-��T<>�U#�Ih7�F9�����ŧ�
l�����=�kğ3Lc�$S�>�ľ؊��=��;J��'�ÉP;�<�L�$B2{
+�)^CֽxOa�X)F�e�1np��	ƃ�jV/��%z����z/���z�`���=�����*�N,��7G�żʪz�O���mj9E��a�]��.z�$;�����������I�ӞN�nj!妮JI�JT�7߰�G�Kud*�٤�`75ɇƈB�zsX�W�m��V�6����[����}<U�I>,mޣ��E�:'�+�"��3�a
fD�r��y�{�\{0�g�"5E�T�1f�.�B��F���v���6��C�䠘R�좭A^l��>s��z�Q=�U�ޣڟ�DkW�vi�q�ׯ�
+{mߦ?콢R�p�*R�W�+V��%N��o��s
��>s8oDCEgv��F`z�
V[>�8��m:�I�-�~�Q�����^�3�ݚ�����5t�q6}Ы��U;�J���������?��]���P�N5UWm��sxTo�����4�8��&�� r{ei�L;����e���s�U�哳�6�"W��MS�f���
.�R�4���^�������G����������(Z��t��e��n/���}8�g�18�\|?���R��i>�y����%��p㨖U�€2�0h%��A�S�xZ
+ߩ�S�t�
+�=+��7��;�BQ�Q���4[�

+3]���"RX)�q����z�z�C���TG&�?�oU�%��Q/tݧ�w��좖�'E	%����_껽Q��<�6��ֶ҃}8�T��%"�H+�ځR���^�<o���l�PJ���v$bR�1T��`Ě^�Ug�T��T���)�Ý��qV2�g�-w:r�p��Mv�M�b���R'���u��q��&y��K䨸NJf�yJ��#���Ĝ��s�ܽ.j�(��s����Ηo;O�}���j�S��A����66}��L�7�޽�o8�j}��r��(��])M-��l�/�;rl<&W��K�.0o�V�"	.��`�9���mv��l��Q���}�:�Z 7�b�-�̜y;W�[��U��ڶ�j��2!'�2L�
+ů�9w}zئZ�\^�j4⤪S�k���"}v,�8׬��F�r"ֲimۇc�iwN�fu��,>�j
�f"W�$���!t<��OH����f�
Zާ��~_!�
+����k�{(���t*4�NozH�P�iJ�śo���D��(�˩%*����sXlˬ��fۤMvzqP6u'�m;�m/�Y<��I�fT���X��Ї��ׇ�	rʕ�Q��3V����>;�HAx9�ws!�����;{Hj�l�DC��-Sq�����TSw�m`�e����hD,�����Ξ����E����l�t�@���J��VH����U���#�}�'�s��(�ވp钁������f_k#�5r�$$�t�K�I�$$�߰"D���tj@lG�#�*��b������?_�������~e����>�R�*WMRp���A����莢��O�����?����6��?>����ׯZ²&}���:���YTђB�DO�=&���L�α����n�jU���2)��j:�TM����#sU�U����������z�l��O1���|eY�4������Ͷ~�9ȇ����^�_V�l�SX��۔(b7�|h���`�V� ������e��HWK>Ģ��f��/Wuڂ�&�CQ-N)L�i����6��8&�j���Ǵ�V��9��A��K|i��s��-�gӶI���α�=8|V�s�p�F��q�un���eЖ:�"��};�|��\�X��ٗ��|L���@�־؃wO����͚�=(�̸�"v�d5�L��TK��r��j�az�Mi:2����!G�H2��z�m�X\H��1^.ٕ�8��^�G��{R��7r��+�9� Q$h���C#U�R"ʗz�ɷW	���NM�ZD���ر�Ƴ�݆AaD��0�Pi>ڃo3i	����5W�D�H�F苎\l����e���r�J����ۜ�/ߝh�D~u�g.�%�r�v���-TBN6\Pց\|��{���[�]����IO�o�X2B�N�W<)MS
+*-b7vl����k�k�Hoc0���t/�|�k|��N@N1rz�^��Ѝ*A��!���Ж}r�a�Ѓo3+ξ;���x���cGwU�H磋55�%���o���p�-�@V�*z�2TP�ಪ��P�CH��坲�"%.�ҌЍo����*'��d�*_#i���[w��u���
4ۢ7�mNq3��3E�Ǝ�	k�`�����>��c��u�[T.K�\��jк<iB��Ky��Y:kv�B�<�Ik��0e��ɷ�9=]��CB�&[YD����#�rd�k&{'�<�̲��	d�����&����8<M3H^������P�OQ���FLI�T�a�O��|(}ī6V��d�>�>�<��|�g�K?�&_4��\�{G�nL���>׸<���f���:c+ަ�ۖ۵G�e�ϫwO�Eʻ"�EG*��C��I�߾Xx�����ߓe�/�PQ�OԒ�T=�|��&�<�Xq���Qt6Ӝ�Q/�>U[�yy���-{��l�s�^�[e��̉	Ӕ�[������e��b�!��
ȥ(@�,"E����K�ݕ�K�@S�i>o}ё�U3b�|��g
+X�I�W�ij�/:%���g� 4�`L�5z8r���V&u�1�H��:Z��Ɩ�U=��V�����s:�:�%��~O�=
+�G�H�U��\x���(��ur8l�&�hb�����9��^i����?^��}Ѕ��n������9Z��V������Peu�t�Gd��r�c��"9��p�8Oǥ�J�%'��>��J�wk2MkTu�O苎�\]�Pe'��e�<����07v\?�������6ʰ�g*�Y~�[���=GJǠ�8��ȷ���(j<�
+�Pd2i��^g?q	M�`����-	��$(�k�"��+��M��6i:��������;�>:92�T�%��.������m9�
�E�ù�����ߺs}
+��n�Rмl)u���:#�f\LWy��Ǝ�ݭ�rn��3�dj����q�f�)/��y��k�o���T?��7;}��6�)�4�
+(��v�#{9�U�nN����i�N�[�`�腍#����U�|���uU~b�̮��"ҷjg�-�
%L���{t��5�Ժ-ok���W=�6s�Xr
��h��lO���y͒-�j�<�sU�A�`	�Ua������,7�t��;2
G��eH#��A%<eY)B7vh����6W~����j�J묺�j���ڿd���b�f�1��`*ܯ�ߒ��/	ױ������Em]��K��b���*6eJ�Ļ���*N<]	�x��C#6�`'�N[�AF�f=��2u�*ʒz(���Qm^�F8��Ś}��Ҏ򸂗�%BWv��m^�W�ld��A����ӈXy�����,��p~*�oEy��]��.~Fw��R�˯��_򇚙���z�)5���{ݮ�J�R:��,�g�j�-�
+I�K�=e�锖��p�DQ��n��o�8�%�#'���"����RT�Ʈ�Lq��7L�c�������F�n���j_�硈~�3��5B����H�ٌ��cV�ʠ��ب,�-$�>"ʑNvl';��<�IF(����<�oY�ؓ�/�H��ʥ�?_�3?
?�Z
i�u��I05Sp�eHF�1��8X��m�)J:�������a�O��c&A�wE��
׳�{W�W4%�nL�F9�I��q�(�
+��'����7i�%���_��;>��I����dE�-��cl�|j>�2Fk����+�(�u8
hL��)D�r���%���(J��ꘋ�!+��ػ�o3�'�*D�"�V�F�["vc�vmT�يK��V�g�L#X�A/:�4ƀ);۔͢�H��d;q�c��2e��	t=/mN�Z>���C���N6�/Yq�4h��og���ڤI�ao�q����j|U��(<~��>���%�-�5y|���?mK���wuq�aU�͏%?���J�čG9��5E9G��j�ķ2�M���7B���))?�O�6l��-*��
+�K|�Ȝ˺�{*-��c�?��ZJ}$��(.�C�����b�!��p����u���ּ������w�~��3m�2G/���yY:Y��p�����ٍ~񮧯ݍ��Ο��*/��R�-&}k�߲�#�3ۛk��|��^����U�2��:��?�c����9�R��l���ŗgN�~>�كϤK�͒��ZA���T'mx(�ɷY}�wv�J� �g)>#�6v��f��X�>Z�{�!6/�j~�-���4�r�H�����4/8vc��6xj��y�*h�A�:�����C[�廙�D�6}&��ȑ�{�+��w>_�������U>~>岱�ej ˊ��@��4�����zd/G9ȇ��*���z��4P¤����*�ω��U��D�5���+�3��Hp�(�VQC�1nm�<�
 �Z��7�$� hFq��w���Qaս�S�Z#tc��8ٚ�Q6��[/T�iT/��[�=^��9	Jsd��/���H�b���۪�u_�3E���ը������E�FЈ؍���jk�O�d�}�G��9���l^�8+�X��fm@��h�d6�h�2��eZ�Ӗē�<i^~Җ>�rV�2��x�dK�°�]E��>�zzZw��'ɩr?�QEEL��e{vM�1&o�<^�#�<�L��څ�]��;kY�p�
�km��4rT�����Q�;u���@N}���?<)�h$�Ճ@~}xQ�f%��v�>�da�GF�8�����y�]�~��@{ț���P?�P�g�i��'|��*=���Y�X��

ڀ�L��bI}}<�y܆#AxD���'	��f�P��!]��3t?Dlc�.��bwӓS��uEDZ���Ѝ��4�a��C��6�	�CM�hHQ)��8�k���.���A
+s�V�h�U2���A���3�ʺM�0�Q���/8�8ǩRV�$H�L�b�xD���+����=���';A�cȝ����=�FŷYD�1畝_�G��޴�q�:���u:�0jvѺT�fH�/�[���q�����;fw��⧀��b�ox{[�X��}�2q��8��Ш����"�H{ ��.�"�f��";��)��30��4i�0��d��ԆT$ʈZ#hQmW#�|H��������B�Y��Ė�"�<^�&Ҷd��4�@o�qj���Ԉ
+��
ln�9f]�3i
��\#߆_��T�8�I��g�Ū�0]0L�L�|�� ��]�I�DϜ��y��i�v�T.�@wI����)�@�x_Z�t4�$A��gQ�JH��$�y��7����wRU*K��t��C�F�Ɔqb�lK����۟�%�$�!BJN
B&�{Dj���eˑ���j�h1�*1E�
�6ͣ�����1p3תJ�{��mUm�׷{�w�;,�P��XԺ�e�9�hi:����`�qWÒ�px���"f�D���Eg����C$��GPU磏�p��(=J	��:�q��dž��h}����w�k�Ѣ��N�Zx-Oٷe������h}d��TP�&�m[�����*����oLϜh����E�̓�e�l�t.Ԇ�ta��#;�u�2n69��Ġ1kS���c"Ά_ijh�d~u��vt�>*���)�ذ��ؓU��<���Yn��wbw�((ЋR���z�V)���jjM��Iq<�9wB�����d_�ӵ�&b��0��ǚ%�	T��B9�*	uH77����^+�0\�|��I�ʍ�s;�nnR]Q`��{�����=1ְoF�s>B#�{J
+��M��e˖	�P]9/	�!���Mgv��k�D{�>]��&�|�Y������s�?�8<�I�|(�;�8Q�YD
}|�x���;>E�%�Bm&B���
��s`����h`{>���	�����N`��#y��+0a���L(���t�*���0]�������C�G��@\$����Ayi�/aЧ�nz���ޚ��p�
+e��h�d���TE��
^��
˖�\8���P���)�-��wV��#ӀP�����X�QXIQ0l4��g�->�XhJ���
+P�u�Mw�p$h1���5�X�*��4�h?v���%��%��l�k:EI���p؂;�TI���������v,CNt�L�Ҙ�=g�48m����FMlJ]\�"Ԑ<���y�s���	*����C�1|�\-��:I`�P]�::h�L��1�r ;�!�PA�\
+��	 ˣ+��QLǻ�y�bB�SƂ8^Ӽ�ߟ<�a�S_N��]x�$���رl��'[�WHc\:�vr�(β]����HZ�2��^�:;�v
+��5�hXGsG��Ҽ<^�w�R�)�+��Z� �
���sV�;+:�j�~fp�h�b�t*K���0O�&��ULVI
�H�;T"Yb��e;�ަru��g�㬇�	e7�a#d
+��i����z��km���M�w�����O�w�r��U�
NN`�mS�P��
dU�֘*Rn-41p	�7C+�Q��
̀d[�uŚӃ�(|2����u�����e;6�,���,XA4y�U����?png��ޛcv�D^ݸ:��0t���Q�M-F��<w�S�>���/��1�5##n�
+�z�V�7�?�Sz*���C��C��汢T�U-1P4���;A�dX�KI ��.RSH�0������ �)�"�Z4�k�Ќ��g�M�v����Ӹ��F��tv,,#�>N<�3ߟ�=PŖ@�4P#���$�.8��`�n�3ZC�nW$�Q���66��E���O�*	� Mch9r��X�lsz���
+`c���|�
+�V�q@�T7���+��@Y���m��8���²���� -�s9�C� &�%�-X�+)�
�8r՟��߲cM�=�ȳ�m���;��F|q�!G��Y!�4�v��f�K�����2+W�H~���rfWUٚuߞ�U�';ڬ��gW�#y&����*�����r9J�+1\tp�B�%Yn5�nBi,(���=qز����<��6�TXQxFûaq Y��.�A�*�Q��`ޅö��J�q��-��\�3kϺ[$w��g��Ɖ'
�$��,���Pe�^4
tc�v,S�c�($�^]4�.D��{�C0b�����X��E���Ii�,f~q��/¥z;�#�&��N�L�pv�20�[� ^��a`��@t-���3�@��_0
+�Tb{H%���S*4��Z�.�P�A��;Q��7��r�MT��N�D����"6Jyΰ=�\�pLj���h�C�
e�PET
�B�2���]�l�4C70�%�x�>S�(>��D��؝g��N�N�1������sL�܆)�y]�5ze�g��iy����9�L����Ub�p*q
x��>d��Y�q��!p��B��u���3�
��Y,���Y��T���`�Q���+�
�5p�J{JQ�A}�q9z��38& 
+�0����Po2�?v�.ۑ������.�,�A^���<ܩ�ne$�ƫ�x�
RA;�p)he������l�ͣӜ�`�Dˎs~ۭ?q�c[�9�^G�>z�>�	�}QӜgg����j��&U��Q��#����s~Ex��U�%�BJ��m/�)�u�:a���J��\
������ܬ�f�	H�}e�$	�e��qGlD
�!��Da�Qum���3�Ş�*_��d������˿�3�]̾%q|���]_s�
�IX����e�6s7{���ʝ4(\D-����_HE�Tj�RW<�w�[n<T���+M�R�W:��l��l�$�QQ��[��Q�
I�A�A�FUQ?TuLP��B=����sS��:��H��nR��\��g��[%��f������N4\L4��2곮S�GJmMu�J��I��)�s���`��iq]����e'���ZË��.�8��Ν�Ҍ�����vr�eG��.3��t�vxu~�V~ƴ'N�֙q�^��+�3Z���Ůƃ�5��Ž�l����>�/{_���qRٺ�IQl�SI�N���x��[O�����i�/�^�יp�\�%.x��v�]���Lu����0���
+8��b�\�ډ��F�I</�7�/Zudss_����V-,O��Tє8]��8sE5#����/���1ő��Z���i�7�SM�˶mu1IRs�<H��9A�,�a|n
�3�2Eұ2�9*>�Y��o��ش��z�l��#�F������Cw5(Qׯ�Ae�ֱ}�����qnz\҉B�m��$�&�������
�
$}LRű�磿^v��D�u�GI����c�El/�3Wbp-
�
+"�E��{���@�j.ի�,T
+ǩ'�^�3Fu:
2aR�k����c��ŦRF�[���i���Gm��+&����:-BG�a���	�]��B���X^Fs�]=
+�ne�c-�(�U3@P/��e��m�Rۢb�<񡜓��g%������!�#�L)�����5#�'�i\#
+U@}z��8�kPvh�k��5�^��b�N���zA˶ÿ�yl_�v�Zͽv{a����G{}���%�E���=@4� ]�;����r��7���آ�Ȓ]��C��l���qU�2M���!`���[��j'�/���8��r��Җ���$�~���֨�q�I��5�D��L��y�������J�4Ha�4M�2��Y
Q]xˮ�RsPQ��sQ?�
�b�8]��NK�2Ee�w�ؚ1�x�����*�j˗�-UC�<L�K���/��z=3�Ş=&>v�������F�$���]Ӣ����}ѳv�Z:�s1��U��:�j�:4M��]̶R�Ur}�
+���˕ߪ�3.]역��Bu%$ա�DL�㔨�m۹�<�*^��
+u5Qk���\��g�[bI{e�*G�J5]��S*t�P�I��{R?�H�PI*}.�/c*%&nD��l��RC��"����?��k�M��"|h�b���q�fQ�k���*����^|**8|VDžR)�k��P{���U&�Nd���4�����Ae[�T錢$bV�nŃ���˞բ��_�|�}��%G�=��;����
��g�x��+}���N�����GC��hm޸�~��ˎ%/�ϸ�5$�ӊ
+�x�����N�G!.Q�+����d=~�kv7o
+� w͞��8�^��Q$1ƿ��|
+Ύ"jh;��1)'YP�B��
r�FՉEǩ�/z|�+<����!���|���?�k�9�O� ⪌{���76i�]����:)��N-)�i9/{����}�z��G*ܔ�xj���]�s�ܯ|,�Q�0��:�bl��hT��\;>T$A�԰�5}ٽ���
]!����{���A[nJڨ|���L���]����'DL)�T=%�o�m/>s��EF����dOM9��"zW����i���9���a6'��>��J�v:����z٪+�u��R{$ɹ��(�}W�^쉥;�圦�o�پl�v
+RŶ�ym�q"���z/�e��N4ƃ�2�����ŗ��%�V\�4��� �O-��{�!�6խ��$F�fpj���?3��ıd�&���ģ��q�����fU?�GH�i����0�u�ыFS�2���ju�C�C���m-Xs��-5�B9
+�z��ؚ�>mտd ��j:{^�]ް��hf{�B�[����Ŷ������؀rdz=�/�t �&��Ej�؅���Zqxo����`K�J�c�7_gՕ�x��	������owH�d�>;��hI���sT��|�mzP�m%Js;��ے<�Vo�P�}M��[鹦��.v�֊��u���	�1uKo�6�@9(��=���}�€�L�
�`�'�^�ae�]�D��҆z��<��}�GՈ8"0�Iޏ���T�eCZ̳�Řveo���������ݦ/b)Mߒ�.�{�.Ұ>0�}�O�O�;G����&����#X^��N�@���r��1}�ٹ�uP�j����%iN£��M/�vh���^��%�r��v�r���u8x"���0�'T7�-/�tqr��=L˔��<�/c�;�v��
+���,�+�z�Tx6���!����U#�;
+?�-�
�ʶ9\mѳ&��Bۅ���-�����P���u�K/c�b�&�6���T�����Dď}M�SȆ�3!�:{�Es�׹�=	���.�W����?����`]<-�n�D��	���cY�M�X�'�jz%7n����9xN����r6|��$>����@�*JjMVkX�H�l�XU�
��hx�؝=䙝���R0�5��"�ƻ�⯈
j
��P�G4�W��ƆR\^D�4V���s���kW��N�%��{��0�en 
+���͘`�
+"p�z�G�b�I
Mq��W�`8w�\X�
�W��T�����2��>�ѐ��l�l�s��s�sG����;�M�~�D���1�T��cA�J������
{��a�c͉(����
}��=Ʃk�C���!��
�\&0��f���r�G��F��b!��	�-ƹ�n�ͣ�Z����"���9o1�[��·I=~(��`H��
+qhx�����=#XL��Gp�1�-�eC�ⲃ�!�uR�ڄf�=�"0����	
�Z`�I���3����N÷}��� 3—2{�|ׁd��On�L0�3z儢� [���ӌ����9}y�49j���%��pY��RZ[�ΉcD������CiG@F
Ո���n1G/K5@�է*F�`l

%Go��ۉ�
+���-#���3�|�dGAS�{�8�@5Z�E���!�b�ۑ%�1,`O��o� �/�X��z�0@:�[�q�1"��[�s�2Yae�A��"�o�ޣ& D�6ov�h����U�;aN0XԸL�	���fg����ݵN +!C��ù]1^-^i��ȝj$v<�������6�@�"������sO:=`�3�4�O�6��g��A�Bm�碸Ac�
+m�-)Zä
Kq��F�1II�gD
h�g�+G����Y�A�g�W-���SA�>�F��O�ø��bJV�A�g~�j��ho�1��
+YC����t�w��m�-N��v^j�ŀ�D�c��'�\1�����³�ڄU��b�ܱ&�0=PD��s�ɕe:�*qf��G�k�g���a�:�y��w���[��R{�n�v�k��3�{�_>�����o��O���?>>�\�e�=���F�����$לnR�0������~~���_܊�����?�~���(�tq²�g|��_88l�z��.@r���\~{ɫ��ű��,Z5Έ����������գ�g�����P<5�,�Z4���6��o�cO9��/��K\c�HU�b5H��(m!'E��K�U&��TGRx�Ky%53�(MA�θ��x̩�b�e��m9�)�X����þ���3`VՉ
�����p`�
+���}Qۏ�i[�����:���tlc{���RP�������}Q�6����0ϢH-��^���5�����
��k��;/��X8���J�N�C1��A�c��l+���Yu�˰V�)�m^F{��
��˔Ĝ�!�yY��y<LLc�i�6q�L (1`�2����L)D ��q9�{�$p�#בR��3G�!%7HIjyK��2B������я��,�,��(��|�1[���w[>9�#2
F>;s���=��i��2�XV
+�(�v�?�M1O�^��,5�9�J�T9��1�d��(�8���:C!�sN���`����
�B�b7�`�
PE��.��q�׸�N�xS����-f0W^�bvkD~[�VC������#ה!��<0�WAea������y#\�|`'�ES0,�66�&�?3�2?�y�N��QƂ�Re1�b�+���u*�`\Rˀ̀tr����<�����u,4k����YXT�S]I�sl�OMw��K~��;p�^�&���,@}ӟ%��|5�X[���Q+���I���3��w�9�߹%O:Rz�r-�`A&���J.F35T
�52�oVN�<�bw��c_����L�3��Y
+q�qH"R"[����E�Y'���Y�oy��p��%nM���q��
͸qm��.IoR���<��Y�F�TJ(�CR�/,)��޼t�����]U���*e��)@&09ڏ��A���ذ��V�:�|�I�UL
+�(�9xOv,�(��{�D�g^��~�d'H~�]��4P���H����i��#
�0tU��KIZ�^�����i�K	
&EI
+!��]�E��<�'%.Ү����f��H:fNM��xJɝg��BH.����A	XG|���7�����P��dq�>ڤ��O��M�7�������h�F���C��n�u�*��i{S����2���o|�����HK�`�m�'������+~1�۪ņ�jY�`Z�'{۩5������>O��j���Wr?<	��{��&Oדn����U����Ai�[PzvX-�ʖ���F�r�(�g�WӸ!�0���
+$��B��P�H��R�C�����g��mo�P�w}�$�%��sҵ��\�J
Vп��r�sq?�هvB��0������~T;$+��<�]K��AA�}<l͊�Ǣ�7{IGGF��SY/�@�.�CP��1FV�!���Y(����6�,
y_��bwXn��nQ��J�4x��v�hd�l���R�x�7��xT���Ui��.�)0F:讑8�(�r8%��8#�ty�	fH��^Ԥ�Sڜ=t]��@Zko�
���l����d�h��DŽ�j���.!M�SK��"�sh
�j��P6�W%]��#%&�wS���C�,�͸�6�
e�0n(��4n��^>X�L��7���9-ej1�.~6�I�q�h��2�:U���n\������5�����LS �~{�n�����:��z3oT��(q�H���
�j��sO;���rI�ƹ�4��Zk� yv��J*an�c��(\N��:�	�N�D6���[�
+�{���V��}�b�ު��Jks.��K��G�L���R�k�^����0�(�X�\�š�,�jp��zN�õ|���x�fDZ�@x+�����o�JU���9�O�� �T��)�+���������"QYN���͝Ģ��'[���P�P�C��I
h������+�� ��>F��`hґB�b��\f5`��ZlI!�
>�9֍���PK&����κ�(����k�"����H*��gE�"�td�n�ѝ_�')�i�I��<]t�'A���"_�&O�����m���K�qiRL7ߡ���e�w���������B�H3h�!8ҋ�ї
+
+�a9��R�q��cõ;�6ü�w ׺R��ܴA�"�A����yl�3�jw-�j{(	��8e�<rќO�������R��<ޭ~EJC�A�������r���𣕙�|Ґ�C>���S��=��Hi�=O�1h���㭐���� a�IB؏��4��[�+/P<��q^��s	�TB9��̫ғ��H�A��Cw��O�!V�A0���	�������\�Gzi|SB��^��F׭[��N�=�F<i&6�����DW��x�i������,�(Gr7���-��;��X�T��e�O��B�v^���B����S�>
�V��)�p_�~�XÌ}+���!1���T�Iu���
+�5VK_}�<_c
���Hr=L�3軄���|{kհ�V����^�1�&	uJcn�*�O�u�N:_�?���Y�
I���x�F���CMĚĕ�͓ҫ�t��yh]�4�<���*�"�S�U0���a�0�i��4��p��@�^�a���mN
�p�z�vqd)�eOAeEaR�pУ�,�j�ds��Z ��Q��ڎ��t�q�v���L��h@l�<������6;-O���Л��"�x�aM��N_=��L���}�z_�YV̔YъO'��)<i:k\q9�Ӓf�7�Ô�(��B�Ly�QhFnX>�z�3�{�U�_�m��ݶ)x�I��3Q�@G����6��� p�C����N&�[�c���R��.W�����/�2M�*F�M����$��,P�Y,��v�/�[�
��|��u�Qy�w
ق��`����-@vP$J�!���#W���IG�>s��›�|�F�x�ve�X?b.c��#����x��O��!���{��x��8�^<�+x�mg�E����xwVSz����{�J'��"�5��r��+6�oamE��H����D��}|o���=��k	fD9��
��Y���0������gH5����s#��Ԗ�{�PR��zM�4���'uq#i�E��rZq�'NM�u`���3��U�\i73�&�i����;��w`ֱ�P�����2�(�.�)n�6�j:zð�����J;��c89
y!ZPi�!7.\�(,
|��v�]:�m�_�E�f�\�
��q	f"�̑��V�{a����^���ٵr�/�F������%��ˏ��;�@�ΫDa�I"�36�r�H�g�aK=����v[�x���t��G^�L"2�������l��3S�uiȩ$Wkc���Y�5eb1cƠS1���wh��Y,��T�������:�����Ԟ�y��}KȀ�.��f�C�9�T�h�t�ƴ�j���$�NE��>�}
+gJ�xI��~k-DCC��W)�x��w=�u���H�ʎ��Dכ�/`m��y��L��O���f��+��q4Ʀh�Y!�� ��\��L��Dd9
����w�3�!QT���c��R��6.�����g���A�X�q.��ƦJ�V�5딾��
~Qm��*�����/��p�WN{p�ӳȯ:	X��>�tM\dXZt
�my9j�-�Q�<�#����ދ�9s~�dF��4�i���K�/6�&�Ju��+�16�.^ y�E�qX�u.y��A��b-��|���إ�T]��28A������ ąT�!q�<�=L��n�Ɗ6�}�jR&�����lPMb����"�T�y���K�Y���񢤶/@'������q�iŸ	e����δ���YJ6>����jiEa���rbz��x�H�'���g�>����)X0�&�A&c��aL�M��\ȩ�o~Vj��y�M�\#�M�L�jB̈8g����J1����Gɧ��,5ؒ7M�-�< �:?��*(m�[�h��H��D�e��)ʼ�ޏc���3�5��t1�AM�hì�`ab���R�]|�8�9�G�S�mn`#�}���C�˛!�53�%��%
�2���ni�/�O`�~U-�8��<w)�	��1�	X�
+!��)B!2��;�Ơ�E���N)$:��l7���פl/���Y�����ߞ�P�
E3�*c�n5��{�E{�KN7��S�Ο�ޠO��x�*����>���I����&�٩��VV���lƭ��1��
+7
b����F�����,vH0]���LK��X��=N%��B������A���O��IfEC1�
��e��9�.�!ܡ���z�r���ĒB۠�JC�7)=+�BQ+��ֻs>�tS��3S�U/����r����Y�~��+�I�D�AضA ��#'�0�s{
7����v�/�/ZDP��S=!.���=g��-��J�P
+<S��
+IY�!����`y�D������W�F>�&���BAk��%���s&pP]��0��GS~x�ȍ��i����̓��y����SrxS����Q/!>�3��L_Q�v���{Ԅ��m��͐�K.�]��^����W������(<�:PCHZ_�SS�Dz�ex*]N��]--�X��|�+�9������[�^��6�FwP8Z���U͏KQ��;���	e�������Ξ	+�ꨪ��
+�zm�d�^���ā�j^���2�`�H��#�dENr
+��U�h	��&5svu��`����y�gW*7�X^P���c3���w��[#!�Nl0|6ѭ�Q��L���:��lVW�\�Uf�<����ɽn��R�����l��0!��,&��kO�	H%1i�r�D=�QV��`%�#���Ha ������@���V��T���2�=���_�6��}g���֨~\�U���zN,ٲ����#�����ճa��6����ġ#���;���ݻ�l)%'���-\������p�x�?�oT�_��O���C�tL�z��j�s��0����ɅJCA�
m~<��3-���ikr�N`�����7�o���ltvUӯ-%aN���*�
+Mb�'��gO���Z�:}�[�I�D���g�k#Sz�
+�޲41ر���cL�3����ň�rwM��S'8A�F�놢��0�Z��E�=����P/A}x=S�<�;�g+Cg���(������-$�O7����dȹE��`��e�x�L�Eeg����Ǧw����+B�[�ɸ����`n�%,Mϯ�!Z���z��̺���\��w�,�K!`B�a�R�V^WV���C��4$��_��+�fT&cd��d���r��u��(�'[7�{3���^L!Iv�=n'�$���/	L�� �jBol�8���MPԿ�=��K΅ؘ�$�>�A�ؘ��p��V=������s1�^Or�l�σ���~�{9]
�\
ث��b\�e�2=��瓱N��V�D�R3��}��ѻ<�K	�4M��-����b�1������W��o&�s�+�)��<�
	�p��|<v��o���Ӿ`R41iKP(
+��e�h3�4���	L}�F�����Sb	��1�
~
+q/��*�ȥ�{K�q�	D	���{�W��q�'�A;�Z�J��Λ���WV�E��h�f���q[��X�W(���6��
+�H;:��w�8�}���ԃ���c�`���I�4<v	�A�.���+w7Y����$��m���W��.EQ�%g?U<�{%s�a~���GN����x�8;@T�1�v~[#;H��
����e�3����Xy{�ؤ�t���OR�^��̉�!�L�pm��J�uv�[M����1o^K��JI%9�Ӵ�����"/��O!G&�����`B��Ǖf��8�'}���lj�'���)��h9mch�~�����O&��4�޷ŧ֑Ц<Ϗ]5�C�ԌI����`G�CC�&�&U�97���r;[?�Y
�N@?(��NR�mK�.Ri9h\#?/�tn���28@��-�Z�;*�p0vIba8�A�OҲ�!��"t�vnM�uTt�����p	�f4�h�1`dc=I�lf] �
+vB)���3������і�u�pә��=Y1��_�
�N�'��a�#�U�mKC���sc]�Z.�ӹ]x��6w�H�$��"*s]�p�,��6:��QqS�x�lc�&ebpv������<����w�CH`
xSP��@�x���	|��rӺ�
V���������:(aC���v�P�J��H�0?	ָW�fL,�~��d�zmVe|(���#�`*w�+1��7?�my�-�dir�b�C���A��<R�!�,ᭅ���[o7"�$PF����Q
�ʧ���	���-uA��*-�֙	gq�sP�Q��&a�AoeQ�q<�<R�"�ۀZ�$��D�#(ɡqzX�*� 
�[����gҸeپ�Q�B�M�FF\uﶣV�c�bΜeK���
+����JAIjzo��#�bH%��k;޼I~)��Ƀ�t�p��?�C20/��]e)+�W	�-���i��X�-&��(�ӄ�*���6�W:*���F�ʬ=��޹@fv	1�l�^h����G���� ��x�]w+~♎�N9?�a���0Ǽ�
+)[��| ԭ�O�<$f6���A�/'�1.��~��ɏ�	��yS;f�b����w�d[� i�'hԎ1���m@��4��m�ʨ��YjUc��z�0۰�f�㮆l�4;F�Z��C�%m�v9*�<G,�z�&Kƀ�_w~ք�4����In⼼��g�/���A���>��Hl��?�����^�d1�c@K�%�

M�]	���AU�·�=��~��Þ;+l�Mk𪂪�
�.��¯Ѕ��ɏ��ݬ����3�4~�ԓ�C���f�%�l�'oE8"�$U���"O0ѐ�l�%����[����5qY��F驀��Q�͑q�>�M[p�`c@��p�GB��7�k�j[\���4�A�i��AM�P�	
4�"�D)�C�d,�j��ya����\}Y�`��{����o
�-�O�`��?͊	��=�����s�[�x���oa������3ւ��8J
2�+�&���r�1�'��#�N����q�X��&����V�J�BwBo|�򼝄��/dKdg�IG����EO���?��[H���BWK灚u$Y,e%q�g�l�k00W����<Uy%I��'�S��&WG5�����j��A!��3��̂���.����F� R�,����ކ���3�G`a�>F0�����S���;gN<�d��h��-�/H�!㏑Vd�ЖBk�������O��{���z��RSZb=�}�D%�q�\1l�1����̗���q<|�����B����jN�c��=���g}:�D*hw(Lq�+�ވa$�hq�*�;��ZJN�%Ft���ꏦ��-.q<�P�M�o#���p�&}��^�l�F,o�g��G+��:U�ik��C}l�!-���w�j=A�J���x`��٠"�w�\y
��cؒȓ����"*�0ك�h�/TBҫ#i&1���n���A���D�;�����q"���˖�5�1��C�(c��>3>����3��Sv�d�����Z	�
+�
+!�,t����ĭ�C�鍤�
T(�^ Y��bMw�ޢ�C<���#9�L=�!�z��&�Z�Q
��0�[ʭ�+"5c{�P��4F�i�Z0��O��G��]��<+�
+Q�@v�[�UD������Qq�6�]Pk�/*�F��.�j���A��?V��ezǮ��T��|��xn�9�*왡D����X�n��é/�1���7�3	Q�/Z� adSQ�d���w��q�^���:�h�}�ы���s=��1�E���41_s
+GuA/){��ýo�|P�
+��DPH��R�H�
�:(@�ːT05Pқߒ��R�h=�{~T�	&a19RP���΃�F6i�j#jÕn��\�cT9���Ө���-r�g�N��ׯ���Fh���f��VZrݾ����L�Ì>]�~A��������R
;s�L
+#��5�C�oo[Տ�xBԶ4�%�U�z]�9�c�B���
+9PZ5l7��>�>������bo���g�hzx� ���ً�ӻEi��eG,%W�z:��xx����@�T�1��� �eQ� �+--�]9�$��J�n-
upp�%ՃCX�x�H� ɥO�$f����0媔%�‚��֏R�NJ~-��[Mt<M��*V�i�Έ��c)du���	��"��l�t�M1vc�v�����=J��gl�f'E��u�k��hl<�(|�0���=0�ˀLP�	$�8�y$��y��9���֍7��h5���(k��:����)������#�F��u�FX�A֭����������w���תY�+r1hPW~�H�AeRVv�$�����<r�Xw�C�Qv#�
�3SO��
��5V�!Iu)ܴ2����F"5�Bisb�J�r�"���&��V�nDif�))(�=>�(4$&��-����w^H��4[$ڱ��)���Swk�o���H�����5�h�.JBu�M!�7��ݦ���V[�WV�H�Nj/TZ���ek��[��a�:����l6.�	
��[��,�c�dgm�7i����H�]�>�{�}�ht��Ӝh�bn:�h�KR�2BAB�VL�F�,>G�����ww��x�'�����/NKE����2"���<���B��u����?t~�댡X��&')�/9hp��b���%ƽ�>O�X���cl���P��,��t}�U�Yh�D�9�1f�5
���� )^�.�p�ԕ���#�~k�#q�.|Y��/>��~���ᾚ��GN����t�h�$5�6?b�3"΄�u���=¦�5��u�uߚ|�
������~���
t���B����p�۲w﮳x?#��q)b��}�����S��ؠ��U���
+Ђ�����D+Z����x�JL�J����,���,$^�޽��E��;�Lʗ8�I�a�]��W� N�r��zL�g���l"�rs��2����Y8���GkoG�|=�'U;Gb@���q�J�%ط�����������s*�M�T�P�������E����v2$����{1���c�
��C4`u
+�YXa��p66��e�k�y*򢕞Ɓ���N���69i�|�о���x��Rd��R��b�z����QLn�������#�ln�
��z]��ѡ��׫4�R�^%�7g+m����N�-�c?�*�M���!B	���}rD��ń���:��ڷ5'�8j�_,������̚{`����!�j��v>!�ԅ����f�uޙ|��8C̋2=�d�q����q�nL��|C�ɻ��*0�K��r@��FA�P����S:�|�ɗ(8��f}�X0�{_��8��U/t�R�X��+\=�nu��4���Saq�ƓN�e���Zk~�S#����dIѩ��gƨ\�6Pn�`�H�@�痒�7�`>�֑��^��@9p�pԧ�����A�<gh����Q�M>��>Pn�<�
+r>�G̢3y�vXU�M���ɕ
+�ɡ}1����BP�R�'{=�:�3���	�m��;��_p�G�����YI��I��2�3y*�9���Mw*��!Yđ���"	�4F��Fr�-�(�bsl�V��p�U�T.e�&��������}
��Z:����Q�����!���w)�”�R����xg��r?���l�((��6_Y�p[��U�9��ұ��fy{Kem�ܳ�H_u�a����	�6�D0b���jd�2E\S»�L,�M{K����G�i��T��7�8������&:h�,I� �˶�"m�- ��p�=s�a/p�ʗ�E�v<{��)k��vF�u���F�0��PC�zf*HJ#�n v�G3�x�aC�D�b�-�x)zvm�R$p�G���w�L2�9XV� ��r66�Y��-���mdF�u5ƙ����<6ݙ�E
��Tg���A�Pj�ɏ�R(�3N�i��ah�Pg8S���u�ܞ8	Oz;&H�i ��&�eiKEO����ks��C]#��/��l_2�h_�$����x�o[�D=r�y����
�5^���#�*W�/�n�y�����H����$Cd��]o̦(19#&D�io�����
I����כky*E���҅�(���[���e����^����A���&6C{���1[��!��;p�?J�|7<H���ɼ��$4;T������T��I�-u�"��ѧ�R���):�Q�'
���Z�aPvXd�T��|�
'cC��e�3��}�[�Fu~� ������8
+�*��_���h�B$~O
��k�-�hV(�i��7�K`Ĉ����o|h��N�y�BF
���������Bk�!���X��������A�1�")���
Q��06��b���M4�؂���"G
2U��{<(��m��������n�HO�u��A���K�t�^iЊ���l|�+鉜��&UF���i3�\D,�v
+��|ka��5ɫlI�� ��r��X��� l����t�[Q>�Vt+'���vׂ���-q�Gê?�gcE�?�&Ze6_�`|�;mv�����õ~����?Z��D4^�'�1��w�kK���v����������-muN#�
C���>�l�Յ'��it͓�iՌ �����N쒠4�!5��q�Gx��ɍ�04'0�������%
PRk���c�i�H,���h-�o%�c��,��1M����y��2�@��;�NiY��.�ٯ6���ϒ�G���4(����m��Ʒ��Era5�������C��%
+��F��A+�I���s߆�5y���%&-IJ	�����
+���]��v�n]u�/o4c;��fIl*r������p%B��q����a�Q���c�\��k{E�,;����e4����q���4�XO��6���i�s�æ9��eĶވ��ټ���|��P&���l��˫�X��*q�IV�BS�ѩ���=�e��_0������nF����3��n�\@}�&�
+W�h�s!K9o��c�����`�X]+�碣�j�çX����<���m
+���u����i,",�ogwP��ᒪ��btdP*�E�h'l�V8�X@�Ӯ���{���U.�"	#���7�
G��_�1�/�f�s3��j��W3��IR��J(��m�)p�g�۞ĺ�Mq�|Lb�a3�$\kD�h��Z���)���rP�����O"�-����
+В����p�w���<�L����}~.��$�r��p�q[#>�9�Q�{�/F�Px�M�s;Z�y2Ҷ ��pL�������-��0~�v:U�u��l��_o�(��ߙ�*�U���Q4RۚtbF����3v�B�2m�qM,�z������*�^8��-�8¢�j7��@�+*;�fw�4�.���/DYC��=�X]��+}�X�r�w��,��S
�³t�L�Q�Q��I3�WN#�@��;D��c�!M(�U
������a|��n+0��P}ogpȾ�-k�4_b�&e[�Dcr���}4r��Xk\�/
+�al���|�f
�Ѳ&�lpe���ie�
�^Ic���{���Փ�"!��0�0!�\���u�bq��=�B_��}��v�������e������(���X\c�T��{�Gΰ��(�Kz�&]�:�4�L�^�H�,���1JT�O%��#��?6b�~0�o��/į8��̛���uCc=�{\�%�gM\g2�
���Y������
+5����~a��F�M�VC�o�����MI>De�:�Z6}Z4譼�ai]�z<������Y[}���3�G��a������c�3��z���Bz�?7(��
�t<�����w���	����}���!��I��8��)}��.���� ����4j?C�v+��پZ��;�	�fjS��
+�Cq,j<�L���(����5O��u����N��ē{�R_ZѴ����z
cH.�B���`ֶ�ԱK}�m@�|Y�
�JϢ9��n���?d�BƝ��ꝺL���~�n�(D0C�s�x��*e�H;���k�Z���T���I��ޠ s�k֙��d�7�wȟ�ْ�p���O;�/��G:�&1{�����vO\�9�J�_y
���)�-fZ���s���[$-D����Q
q$��	�J�ޡ?d�ꑰ7���M�w��'&,�D,��eyŅ�&�,�G
+��J.�!�PD�2�[�j��{
+�ű����-��Q�[��Iy��K܊�Hč��M.b�]c�%)Me>Y�q�]�C�t����k�����eEm�A�b(�|+�<�;�Y������c��n�Ƙ� `2bXhW��0Zbw#3�hK�N剶��ʶ��y`�7-ЅF&%�FiS~0��&�݌��l�\����si�c��l���R7�
+�WiYF���^؍�y�����n���R����O�η�S�7��jk��x�X�V���r�^���=͸�vo���8�|v�g��퀴;-�_p$����&>%t�Ęn��b�7ެk�z!���4�^ѧ�����������i��ꛘIzX�T��C��jO�o�UijZ�]�9�X~����P<14�����C[����h,L+��&��@2G�;tb
��/�|�Xǟ�y.>�A�q��de�"���KIuӹ�(���V�v�/�Mp�B��
+�l�ܥ6�*����gE̺
��7�oE$.
�\:i{RluF������Ջ0��Xo%�[�=K9�/Æ�m����Qٟo�a�g�{�){}����,M��ƹm#[O��W{3T�s�zb9����
+�6{�����늉,nHa�9Ig���gN�y��ԭ�� [�D�:󼦗O6�u�sCڲ���^�vU�kӶ�:��Ĭ(su2aݣ�Q &
���f������!�Q�����
+���>ȃ~+�����WyGs>��:�[���x��hFR���K��E�6R��cu(�"�����m����,���%*Q%� ({p3UȜ@s�����u�׬-��FO�ک��ة�~����ӉE�>�K���ʸ�,�����b�P�u�'���p�k�f��F�I��(���8bQ?�q���}�C�q���{��+w0����I-zJh�!�!�8y��C��g �JI��ソJ=�E���8�F��д��hTQ��i���|~�A:%��^��NEQ�������D)1cy�h�j���u�Vo�j�J�+�!�X
+n��᷁
+�F㿚Q]���f)��3�M�y�:x!H�
e��K�د�����
̙�<�p2��A�
p�Q�)H��U�(�B�� �!Z���2�d<�V�;��.����eIS	d�A�VV��M���J	���L�yߧ��Ե�8knI�3�z�Ƕ�+����Qs�n]�?����C-�2��u
+����,�
��C�n������`&%��
�2kL��c�{-�̢MWO�L-K���g�o�1��ؓ�P>��W���D�Gc��ʸpP�N�2�����ګcᗶeQ4��1�h�4^������	~̮͋���m���2�ߩ�)&X�Fh���N$6�^���hq9S�Z�=mM�j,��QN���=2Ρ5n/�����s�����\=��<����׹-��߅�dd����~VF�q>���7m�dɤT��l�zڡk%�=�����KA���hTF	����K?�A�ѵ+o����
+��+pO�nA���Qc
�P���$����$͕��w����cӝ^�ے" ɬĽ��6BCįD	��x6����㵾FKև|I;�:)S}ĵ�����
+���inB�����_N}��S��F���C�=4��A����=4�S��� �t�>(zg�	��b�O5p��4&?�犸s�����\!�p�㦡}�5e���j���.\��L�\�1����t�]'<(?�j��0G�
)��	\�px-��B�r�ك|�v�.,M�&����~lB�{��!.�cc6�~��_�m�����G߄V�n}n����Q�\O�"'�.ֺ�0��:�&�>�;��6_��NDߗ�/�蓶�x6,>�e�U7��(OD�!��54�%e ��.�YO�L�jq�Dn�h����K(]
+���k�D��0�M�)	$�>U��H�-���6���9���"}�o���4+�p�!�s��b��F1389N��S2�5�bI������%�F��M\a��2��Or�i�Ѹ�콡� o�R�T�b�Y�:�����ו������3�g74�f]�� �q`�v
|7�a�ty?�I�(v���x�[��r����s��z��x8q��D��
/���x�EO�k�f�F�'�խg�F��R.u��8=R:�ʃ��*˫h��1n�*ʧ�z1>U�d�'!ah3`!f.���	�]����Hh���&��V�����}�	�~���u��VIٮvy���z���W��!���>��J(�g��MT�}�����#`D"g�oO����X�8���O4o�G#%��-?G��Lt�^��������)!��0�m��T�WN5͌P��l�\e[zO.�RjEs�=�7��p	$�9��6
���o5�)мe���R`�B�	DtB�p4�`@r�p7����M�G� �'�8:.����nj�Ǝ�Ta�~7쵎�%p�}�ݏ��Q3[Nh��,�����U���>�
+�"�DJ��Q 
+�r	['��ɍD?��C`+�B���Ё�޺T������.hVbq�lS�#.���J)��G��ٳ^&��Nb\T{�f�:y�Y�޾(P���
��LiV�2�v�p�x����ck����-�f%ۚT\W�	}�����r9�)\���qic�d([-���,`Q
��:�s��-��6�Na��IhV����Rϫ�_�P�N��b�P�9�A��9���z%o��,a�TrQo@?&�
zV�ۥ�nT����@Y"��FX�"�B��C^gJ��8�.�G.\k���j"�������i�{���j3oD�W�5���F�3C�3�TfGDg�n�:y�q����N
	�!��)��wk�,�
+!�zr��6:EO�b�:�q�j�6�V�{�ʆXN(H�x6@R���x�qF���ƫ��Z������3D�2S� ���!�D�;a�\޸�>8���ozl�h�9~��'���^��w!��y��+5ع��ަ�����S�$��n�w7����W:���+6�H�NM;m03��-�9u����:n�y��V����`za�O�j��z)��]-�+S=�~�����Lf�s�[�K�pt�`�y��
�'Td�Te�����o�8����1%΅�P݁Q�is3�~|�\��܄�LX�1A'٢q*T/��˜͌n��43�oy�L�?���'7,}𠞄����h���dž#�j��d��	� 0��,��~P�k,ӹ�DlMV�'•��n�7T�疟
+'���H���-�]4rtC�zQq2R�o�)�0�n��B�tT#�Q�^&�P��tQl"�⬃5mC�j�-!��EPP���~��pe<wmIz��Y��޵�޽lom��E�<9��~�`
�ϕ	"��G8w�q��R�������3�S*撏&5�E�h��Oټ��fu:�屑w�
(v���U�O�������q"
����*���Uh�e�Љ�����"%�ȕs�~��?'2!�%�O��p�bI��j<ٱ$K�B5m��%�X�b_�
+%�8���Iwn���V
+�̻�;u]�H�p�������(���ž�S��l{/;�;���,pEwѩn��rI�g-��u0��^�p���4r�����Z�P�X=�l�qN��b�"i����
+��w(wp�	b��#F���c=���G5�J��Ԇ7�)���3�iiI���G5�`[�
����I����X�O�tJ�4���*�g��
�zq�.��	2M�l-���~���,:ùM�I����<�Sۦ�޳�K���=Ο]�>��xC�3y�a<�a<���s�N/9���P��]�*ԭ�lLр@��T��IN=M�@�tOykM?���$<��+�w��C/ˠ�u�2ųH��i�эx�%i�֡gJ�`�V������h��0�c+��������x3�:��ZjBh
��ʀ
��[�d��H�G|�C�b���?�޲�!�@9��<F��a�3LZ!��,`���z�*�7T����J����:ڶ*����4�m%\h
+
+�̯��������G�Q�F���z#��2^n��}ȸ�S��u�1#�걯&�.G��hT�L͊9��p�Z�pW2��.d�hz��?X�(p�熾�|ı��Dp�I�>z�cY�I�&��D����mYB��q����/L����A��%qX.���Ԕ���ԅܲJw��	�x��И�zR�`".���D5Im$��zcNW�U�D<�U6�Ԡ,Q���H:Q���|ІM�Co:��6�g�K��?\UPl��kC{N��75�7m���a�J�����g�E�?י�(z.q�6S�G���J��#��܄�5�	��r��'�xs�m�ˍb��7*B=�����S��{��;.Lju�o�&�*p��<w-d��ۦ�	L���91"�7��K���hU�0���Tq��S�UKgj�{��T�m�4�U��D������VK�tP����K�zJv��:5���]�Š��>JOQ�Y�ψ�;5ג�������٩ة�ʡ'mf;���^g�n���]� �i�Vh�����0&�w������QOQ��G�:�Yk�����m���U�$Gr�~�|`�yD^*�h|�
+\W���O?��*g��iGe���򍬉�N8�z�P�v�P��v(
�(u�� bv���Dmi��5��3���,�8�.@��4q�B�i,���c�ǣ����F#���N���n�ew�P�4p�
�EU0-�:�+6����MZ�NE04m�s�v(j�5Ĕ�:�	&�"b7�^I�iLJ0�ȝ
G�u���(�coX�5D��-c����QQ��<"%Ǝ�Y�n�U5:2zV�伤=�Ў⁤nVa~�G�$�����ݰ���$%#_�
+�	U>��s(�v�X�b�0'���(i�$��8@H�L/{Çq� @�A��YGCo��*0@=�U�t�-P�=�k_�C7S�fjY�4��l={Èe�Vũ\7$XTY>VE���Xs���q���;�߇�]����f!d4���ν�*�wG2
�[�,ݩN�4��ǎ�,h�t�@ݨ׋�$�%7|�Ǯ�Nr&�����cǎ����$^li��͚'�Y�7���:-������Rx��j�
��BG5	U����G��J#w,^�Y��H�u�z�5\�_Ha��
����)<N̻A�v�V�tuUn�ׇ)��f������8x�P+�H[�Pܰ���P-���*���
U^T��F��<(8Ey�Ed�7�ȩ�
��i�֬�U
+35*ԃi��}�v�U�g�!?0{1j�a����s*��*-�'^.����
�Y������U�4S��q�Y�I�����[J�
ʣ�.�Fn��5�<[ս̤
o� ��jl=��q&2�=���Ɗ�P$��0�Z$���!씨�"�
�@��f@�Ru����BS�T�t�@�����
�3Dm���R�7O	38 �"�� �I�h�jW�w��&=�v�]RVP�yr�d3�cĆ����IptW�(�����AX���ilm�ey;2��-���Vl�ߦ\Gw��$E�ٟ�ްbG�66<s;Kc��Ѓ-il�u6|����b�=�(�-eB7|�&`]:mΉ㲧�%�N��:��
�&-�Iy�
�~N�?�yx^�bo� ��+bh��ԡ��)�X�>K�w�X$a��������U|��E�$;��y��wP#�0�٪�.�����Q+�M"^`o�?���_4������������D�H��~6u��o�f峢��a͔�(�hx�������D�������^�5̮����t���F�>*�9w���|�lr�a���z5�m!g��9�� ��nX\F�O.�*n��RTH�tuq.{�ZVKP������,=E��3��EK%W��K��{�����N�
+��=�U�gA��YpMS���]nX̔�h�/e�y��ڟ�c.�s9@`��s(����J�ˑ�!r^ȕu�>���ߩKÔ����]mO�'%�'߱�0"��R�H�;T�����6�sZ�����)�֢���M����!�6Z�T�>��雺&���O���+v��.Q1)J�D0Bv`�a�a�|��M��CS�t�8.+�"�
;V�23�Us���4����r�)Q��i������U�0�I���;�Ğ;$-��''�{8�wN=�\R7��]aX�'n�(t�cJ=�#_H��Gq��HI.a�~������WU�I����*��>cm���1��2���ްB{��nWg��O�ge��U)y�*G��l~]b[5��uY�I`'�=�6�L����ȉy[u�n���זHve���7&܄BU��� p�O���Y�����>J�.�f���V�U�c?b��sg��k�@��Κ۹�����<�!}t5���RsAucg?�x����D/K�X��1���v��fum�i��\��ձ��Vf��Ǐ�������H���\�^^�=ާ|��F�
�ɠ�dm��_�b���H��Y?��dtfeL�6����Or�VA�C���*���˽]��=y���)6|�e�49:�TU%��猽��X�(L5�nd�>���ݰvIR՛�Q�Xa
%���/I�~�J���r#˜�W�,�h��8��NV�L�I��GG/J����	Q�a4mM��������F�C�1��	��ϟ��S���7\����7lU:Y�@�2�������|h˞�1Yd�W7Zь�ji)��C�	Od
��
Ɵ�5gYu���1��Fu�}��{v���%v���{oّ!���n��7��#���~]_9Mn�M�\���U��kc3$R�"D{�p�����?ku=�K�鎏;�"Bb̎j"�/��\��S-�ie*5�&<��v|w
dZaE��L�YZDn� �6Fˣ��MDa�l�oݱb#)K�qm*q&Ra��O/���e�䊙Rۯ�WL�@��r���{�����6���t���_]L[����:{
�c�f�c���.
+j��u�Q*ݧr�����6��*��v����k�C�Ǽ��l�5}̀O��Gnx?��Q����+��"�B�0�U��Uo�����
�l�ZdvI���+i#^�"�Qi#�q9mR=��ŠmO,E�k�-�/���7������KwϺ���]XM76��'�.��;�t����h��A"�͆�^���:	:��e�JC/�s;�����&��~oNi������Ko�ჸ9ݺ�U›Z���D�1�~��2�۾h"���J�4
�����
+�>���z��_f��gͣ{�7�V(��-*eE!�m��j'Iʱ������4�D��}�3�ˆ]�������u ��)��q��[��ۏA6�8�;�(�U�*@��DhwЪtq�Zz������T��T���-�aѤ��?N���dfz"�@�=P�6�/��bK�k����պ�״�J�
+'�s��L=hIVBվ>�ᑴ�YTl�94���˚֙|�
_�$���gG�A��Nm�A��el
�%�#L�y��Z[L�^hW�t�&Z��w��6�]9�wd��d�R�-�ė��ȹA�#U������k��d�
b����Y��9M��0�f�^gL"PZDW��d��
+?��V2���D�is@ 
+Qo��
km����+�,�F��Bޅ9+:x�Z�xh]���Zw�@�P;T����dmV�cC
����Il�E��3�˹�(|�Лx���3�.���u�1,�N�^�̦���
�-[bE�c;Z+�5Ӧx{�����-�����V.&V��_Ĝ�h�C=����Z�ϙ�oH���N��c[
��պ[9�R��ج�sD-����S�kj^�
E؇I�<��������C���ؑo��\�h�����膵0��q������.�cUZ����������G��`{c%F�0��nXkg&{���Ĥ��<,���OXz`,E�5�&�n� "T����
+~��?�E��D\�U�(���J�8]`9��v~O���o�N�"�7̛aR����K��X9P������玭}~|9�y��!��%��'��7?=���X�Ѽ�.�hr��,|��n�ӵ�i.{��"���.�ԩ�k8G�bҲe�2q��QgцI�7�T���&���'���p�z:!�@ùH
�?�ݰ�L���5��\g���/�{a�� `v[.}��b��Ы�cih��G��&I-R�
��g^G+���'��L]QP����Q�R�t���iê��r�S��E�e{`‹?�M��/�F�����}��Fi��Չ��z�(Q��{`��n*S���OlR��M���&�Ҩym ���c'��
+&��D�L}�k���a��C�y�ݥ8i��:D��g^��'9��cul��C�V�Zge�Sh�c*�C�hC5�p�w
�+	9C={�/~2���Y�9!��w���\�W,K�Tӈ̓U"��Jw��a=D7�
<-'��44F�ޞ�y<��+��s_Үkc������*�]���Fص���
$�^��ZY�W�@��]4���+7|������M��:��
]��!v��"u]��l�-�ԩ+bH6��׌�!����C>?2�ɔ斀:U]F�.D�N0LĎ���|�ΰ� �şQE�VU�=DSn�
+	5"�l�}�.*7D9Ԓ�\�eҭ�A���`�����������0f�Q�s�L�X �8BBKTϋ��H��z���F��J��5
*"i*$J=��ѭ��zy��dP���h�q�g��y���V%<FIL�}丩�&��IJ䁽�礂���|�.R�ᮨ
�g%��ȇ1>��4t
�U�P�d�XīM�^���7��m��c)��R!��XW�]�h��E�����9�hfU&�6z[�(CQ��L����O"�⊿��m�������˷&7��je��t�@���&c#E8�t�ZK�W��2|J���h��JV����/�����*�*,rm����
+�q�(p����S
+�����)�����Ʉ!P���0� �t:�ki�DRI�j�0hI���P�C,�3KEh��
��j�*J�]�~§��y]�y�,��ȑJ����~^�{8�h�Ai�lT?�H⧰��؉�b��"�
+t����iTE���^G��nXkg~Wa��ڬ���M����Z�	��w���`��1�^��
kmI2bE��~���:n�]=�l߰��=�I�
+b��C�-�I�XM�ćd]S�E�7e��KK���PdhF�f��"^�1��˘.��RگF��̷fF^W�.�Z�S���B���+���zE�ĉ��q/��#FE���U8�EL�!�]����mh=D�J��k7�aW=ʹ����:ϵu>֖�F�Z��<���ׇ؉9f3x��Dۜ���҉��)�е�`�"�?��\���N�3T�I ^/����~?��
y�Z'/��<#H4V<���]|�(ǩcEt�D��u�.Tu
F��kK�=�K�Q•��
+I���n�]*(�.�k��ڐO|����
Ҁ�}� ǰ9�۱��UK4��0���B����႒̹�t1Jj��&5�W�ȡ���qb
KJ-�ehVFN5��Mo
+���{B�Í���=[�V�jK�{ؗsV�ɡ�����yS�,%&������ެ��S��h��\�
�7��@���o�,���a�o���M���Br����4�I;�{�!��,�h��3dO���4TG�vu��TW��Oi��n����^O����W�"�C�z�H���3�>ϫu���-r:�LL�N�S�1p���
LB65
��(��?Z�=��+���A"7�L@1
+A���=�7l���q��N�g8�9�[�s���>��Z�3;]�;����7�}p��盩�y�B]���n�tm�آ(�(� � ��:Rv����j������,��a>�f���L�r0���.�⑩8�кZw1�a)�9q&���Yos�lC��S,`�9Õ�A�	Z�?�Z��dl�3$).|��&��l'v\���(-�9�OǙ�3�oh@�m��4O�HԂ,RϺ7{��]���w��R*E�OD*Q�'`�q�\��厡��,b�b!����	 �om�1{m��hk�S�d~C��ӈx�̹L<���'�\�%�m :�*z>�֣���{#n�*���u�W�L���ke�4Jg��e���}��>�
+����x.za��Y��J��������N(�ֱ�i��x��>�]�|�U�o����|G�����;�j�]�0 �fb �&;�Y#��=y!vi�x{4H��(���M��喝]���U����isnIT�l��������_I�
+��Uݞ-M՚*�G�{���
,�ղ��!�� �����k$��_t�9C�v����P'cʡ��F�$.�{L���h�bL�7�Γ���Af^S��(F��I��.����4���_���� a�'�RDm�CuyN-V�7�m�-1	R�C�!(��2RT_}15['�^�MC�{��d���\L�4%�%��8����R�A}��\L^{��~�n��
t�z��^K�Qag_��i���_#/��cBʼngZ��/Xu���>�U��x#%[���8�9۽��&��И�1һ�!mN�+'B���\<HW-f��t��=LŖ���Ѷo�➘�&�%O����۹�l�β���,��)ه)��R��:�b�cˋ��/����zG�55#��������.�i:�
+�$j�1��؎��笎j�B���l�R�����}�\��)��i_D��7�tQ�!�E{9y��d��Z��{1�M�dV]��P��w9�a�b��H���7�`kG"<3Ǜ���fN��!�H�ɦS������>l�3%�+�O��0^�&���r���>e�eⴖYw6z��&Sk��s;=��0�\����7/{�X�
+�]���\���g���޼q�A&-��?�|.��r���Z���n�s\�,��E!��L�ku�GȽ��n���a]oY85TK��R$�s�
���eZ�a2�%T,_�F�=Wu�
E]�Yk��1�"M�g�D��p�#�q���!Z;aA�G�Y��f�ٜ���A"\��ը�C�@?����Ay�L�d4;�tb� �\�g����5 �G�c����K¯�,YPM(����Y�� R�A�}��a�hL3�?/����o:�ؽ�#З�]��
+��:;�.�ȝ�]�R�!�*��i�\g�"�~���nN�?=nhf���b&7�͛�ȧ�=��ꀱ�
+�`k����w�'C���\o�k��d���%.��{bFd��&E���7��
2���2�5/u%Z��>�G������Y��K����+}��a��T�n��q+}�v~sB���n�\�h��::��Y��K���4-
+�g)������,^<�@���Cb#hL+�b�䨵q�^�t�qVGil�0��S
]����0�$�s���bj��<��.�l��~�����i01hܼk��Õ7o����V����Ҟ,O�ڠ�mz1��xo�Z�qn��L���A��^LU��cC��1�:��M=���ܜ���,���T�B�U0�GsU\LE�1͝��s[�m�3=>�_���\�	�wv}M����fΛ���
K頸�M�r~��?��J�deP���p�6H���bv��)�Io���ąl�ۜ�����*�����3�]Z����헽BNl�e©��pZّ���ɐ��8�!�$�-B�7q�:�M��T�������㨖�-.ƶ-2RO�F���^�Ɠl<:��h��i}�_�S�_�$�Òc��
+$��-5�������"
+�XM5AZp���Ⱦ�W@�C�Q���	��/t��'Ķ-�E�!wc�/��b��QU��A���$zS93�}~1Ÿr3/�fQ���0����l��j1
�~qU�i<���._�:��h1��M��v7U�^���H�vŦ��4�"o'ƍ?`���k"9�u�x1_���3.&oj�����/����E/̕_�J�H���y:��'NHﹻ{�B[�����$?�q*�[�qfL����){�8�}�8�›����V��A}�����8c[ԏ��ɯjT"O��H�[%F��f&�EHf����Ⱅ��:��Y�P�?������6l���C/Ӵ�ŘZؖ�`�������c�eL�8��zz��8�t� �7c�
+jOw#OV��3^$����k{�W@�K�m>%�ϛ}\9R��������Ťv�7E���ڦbDF-8_�m��V¾�f��	[UB{�O�氽�*��b�0z�։Ĕd�,��O$��U5(24�byQl�`�3ggh����I-�Ί�~�����y�i�f\���B�'�Ps�n$�h�jE��&�ɋ�U����6�i��l.��a�����ƶJ�¶�ҹj;�%��My�g-�4�E��J��fVju�b�uW��4�-�a�w�g\���m&�o
g�����b,Gr#��2��#�xOMݦ{^���|ᾯCNP��O�n��j�钩yEk�o�<�x�K�:��PL�6�6}أqp�[�ѢWq��o_�ߋ���� ��L�T����aGi��8H�W"�y��(G
+_��)�2�!ڶ�
+w���f���v�]���F����h�4�N7���M|7g�I�Kɢ�
+UY�)��]���6���h��m`�HK=�b�@M����UCJ�7���6c��0�R�����������*�֣�F�3U�ZT����i���L�c�P�bJ����Z��3Ӌ�v<�^̖[�Al�b�����ۉ/pcsI��iN�^�c�Q)��U�+�q��W�9�������φ��H��8����UEI��j�f�ވj6Y,��(��&�w�{΅ikҕ:�*4�S���u�
+�
�vU	�\ڊ���te�[ro���{x��3��.��J\�8���W4n5]��5��R
Z��n��D
+U
ԅ�vuk�
�v4͓���%G�$�%��a^u&^}�Cˆ&r6�Ժ�� �ב�C7�,��x���9���
�X><�L@P��Y$H-���F�&lp
��B�u)�(�k�U�m�k��(A�{�*�7Lۦ�ꍦ���Q�e&�
���ɍ�N�.SZ�eU$�a7� 6���nqu4����'�o����]�vH:V8A[��"�
��H%�t	����fi.ء�*9^��!k@]�����[��i[TgU��K�)�ރ��S�����-d����6��Զ6pôm�%;<��O�W�r4��+E�6L[SN�>���CH
ŹV�uC���MbXS�f�f��φ��+�7�Z5�P��8TZ��c���7`�\!~��0	!� A���7��^�xx�S��QC�1����c�ݘT���T�}�C���tü넆:s��U��6�^2�S�������hѵ`֪�Z�^��M'e������'-�Tʌ _�-܅�'	��B��
y�*R����VY���v��x̣�����tp�j2ʲݰ�����4�T�z�)��ŨJ�Y����R=�S�e�`���$����-�3��M�w�6㻰"~��;7d�#2�BwL�
+aj
+6b�s��K�
���j�F/�.�U����q�i�WVG����ŭt��=�[wgf��4���I["�Ӳ�"�俈l��`��a�xA�h�Hs4�ǤԬ�(�{b����lH�L���ξj�0M�I�]\K�uBYώ���l�R��7CѲh��.�q�p�L�Jr�-UQ�S�zD��o]�L,bDÛ��*�	�0�e�a�N裼j��]!_�Y���q����?X�uMwZ�)L�!�����Ӗ�
.(G����b������8Ob+j$MN0^3Y�:v�<v&�lFja�t���%�����m��m�Y���.�f
�,��U��]�/�Chѕ�V�^��L��-Ƨ�T��T�k�Ӵ��o���1N=��~�X>��J_����2�a{a���0���I�Y[-��;Vf�،�sPj^�I5�|ô]��:#k�j�|a
;f�߀�|*��$U�RH��aqRp�~��'�ɇ�P�0:_���
�
���s�}z�<��rT��6��pM
��&2�����1u�
�Ǖ�*��fc�F]"ǒ��;��-�dz���i;+[�)1�PbRbaΡꕠ�0o˅ٔ>��'����
+Ԇi:��E�f{�8��NV���
+���`�Sr7Ѫ�
�+�,��:�T�h����֩K��E|8���cc�}|�>�rû�7`*�Y�m����BtT����ߏ??��������O�)zNs)��ޔǬ>ao_����L��/�Y�/
+|����?�^����_?�����'? �zI���_��7�a�C���'v׿~;}��_���W�(�)�T|��$�?�?/��9���=����]��+nb+��K�z�m��O�|%}���?��=n.uw�z�v������3�.u�d����cm.
�d7��H�/F�J~��rD1>��)V�_�yr�x�{���c�����1�jGm_Ǘ�e}eN�;�;���٪K�W���jXi�kyx���;���X'�?-݃kX�ʄ�*�<iЗ�����ꉩ�V\������=�v��t%�z�o��Rr�όt.���Q�#��
�I8��2�U� ^���r�[�����F���+�Jx�y�ݯlp5|<��My�����|�v8a��i�4������X�б�
+���č�?�ak�,�'�8�9�/�bp�7Γ��'�-ϛW|V'���<�S���cgF-�h<�4b�k
S���τzZ�� �1��´آZպ�D
+������R?9�<CM5t�-N�la�j����_LrQlx��QN�2�W��s�d���'��`t۵��%$7���z�)Ѩ��Jg%?���O�+�J����JJ9|�T=K`�rR�O#���Bl�,�
쑡o�����E�-�#�3��a�کq%���O�����վ8�F����j ���~�
$B�\�HѮ�C\gh�Y�>Ӡ���$a$�%FGwf���&"{�W=6p����	 ��� c�R��\�Q��v�=*Q�m��h��Rz
�l�yԭ�uI���S��ak���*Ej!�����3�陡"����'�
�&
3o�2�S1�C�sr:�#$�NcgȌ�����I1bN�֜��)�T8��"�
Y)��ʓ��X߼�������Fe#"]/�����1�2�O�c�EO�`=�4��x�2�֖�B“B^�����lE�<^�TU�
+���P*h�O�@%m�T�Z�j���ޏ�����o����g�����L�e��އ��[U����L�殢���6��<�D�#�����
U����b�����6.OH��5��P�\�Tyj�$�Qz#@�N�KQjۚ3ym=f'-E
Ѳf��hOԡ����:X}C��ɖ���֥*��|֓s
~�gr9i�6�c /Ia4
~�ۃ���E+߭2�
	���<5#�-8����[�~���/�n0V�k���5]Ɯ-R��|��9���O���N�^Vҗ�V���|�͢!����P[�����N�^0 �{k�-f%�y?��hc$]�'9&���7�f�N�+;;W��K��Xc$t�
���/�49so�7�<6���7v@�ߥҮ9&�Lwc�^��Q���j�7�CW��B����ɪ��+��R!��V��*Qo��c�~��� ��M�V���ye�`���lt�Qe�K8�;C�N�_u��)�I��Ô�-��M0�*���C�k|aXː�3�`p	)̺���H�ݎ�E� �V��,��CÌl��G,⩨�:�S��3Š�X]2o�̎HR�@fK�O��?~���[��9<ʚ�a?M�a*1���t{lG�(s�%aW"���
e,�~��S�6�=k�/�`ݕs
��Y͆9�޼���R�F�+�3�d�8U�
2_7��1>�W��I�/���7�Q��� ^�v��U�v>!�o�9II<�����\x\]�R��v�&�U�6ƌ���-+�AF�旝�қ8&6����AqKǹ�Db�٤6~6�XF)H�E���
(���zQ}����B+�R�)JyE2�ǡo�qL�_�+�'���/Њ;���
+}�D
0�r��=i��k�#�ʒ�L=RQOu//ыlJ���q�f����phx0�^k:!�I	LL멦�w6�7^�m�b���In���i�Lt���[���n{������F��#�,�AF�L�r�w��������gpθM�t��H��T:M��Ǝ_�s>>��6�GR�vh���|�~7#,S�l�~,||$���&
2�[��N?�C��I��P�w%�R����@u�
���-���6��$4w��$�6eIP8��o��~߈�����w�t����m�z�xz2��&�v�ʴ{"8sw��}�ƻ�WZc�S6~3�i�IL�E�̸H/�L��a3JHT���ѓ�@j:�O۹�ҷ2Μf �]��7zR%E�0�]��fv G-��3b6k���L��U�Ub�A_��)Sʍ��^@�͘0�XI����TU��O�C�ju��Z?�q�ј�`�hlķ��-q�Q�S�(��8�g�'g|r���PtK���]h:e��~ny_-L��Gp(��:�
fM�TBbI�3RP��2Skv�Lя�F�L�����+J�ؐP;aJ�5�����!H�+�i��V^>�6D�o� u�U��|axS���`Gn��
+�%�oc�?�N�W�����7`�+XMA a$`��:|��ض�3�_�z��h��7����A���
3�?������h��Oy�!�$���n�$�
+O�B��
4�l�9��2�q�S��K�M��e>��i��� p{�
ŻE�����P��T�9�#��IM]���4�?8����d�#�������Ey�a+��ìQ��Y��C���|�Ɛx�	�εAA��raϩ"�
g�>�~��	0
+�	KJ!4��2�6x�8m�ҝ����<���������L����\�߹�,�<����f�d�3�m[�O���ـ<a���F
�5}i
;����p�P������=4�#�uƧ�z�A�0�Ґ�6�
Y&�uwf��u6@w;�{���H�_�	ut�.q��t_oc�i7%�Iv-V���y-����\ �z�݀:�j�o�rHm9��E��yk|U�J�hf̮x@]/�g� ��o)���/��0��3{��_'��[���{Wq�$�����<����x�嫍W��.�� �4�\^�L�uCU���x<�Ե��~��xoY�tjz�^�B	�T����^z��~��
3���{Q�y�o�������Dy�G�cX�vƣ=X�B<�H�CBy@��8��)����~���Ⱥ�wa��Lt�ԅ(i��B�����|p��Wx4�
�I�L����B+�I��%;�멵�ؘT/x� y���vr
+��WU/��1���A�i�!��^9��'?��z�
+��0sIBh�Ε������hMYT�B3H��bc>�-�g��$�K�M�ͅ��VzP����c
{�|��Ib ��[�
`U�^�VjE������Ȗ����O+���>�"{��L�ɣjj��]���-P_)�8'�W`�����)ڸ-\Xg�aC�/Q�AyX�>�V�FRE��k��=w(���糌}�0N&��*�R�o$Պ�ǭ0WI
�3:�
+��Μ�+�r���;e�k��B"�/%�J�K��"�'a��$]�ݿ0��tUD�]w�u-��~n#��V���z�����CON��*�+�,m��Ł[���9]l\�">1.���\)���‹��w�V/��#�*ʡ�E����d�#��Kѻb�p�N��x\���Ը<�F���R"9U4.yے%���y��;��+�����gNK��~�ķ��XiQ�ck�12�
w��
+j�200Pʗ!���hY������d���k#M����p�q�EU~#y4����x5P�S���f`FP�Cs���A:�nl�jKŅ�@j(2��QJ*�6��@���=������W���S�$�h�\��mΟW�O��cI!nA��/����μn'��Et�06^��h`�B�,��>T4\�f�+��"�p/�)ί%Y�Ϥ�J��C�AG#3Y@�c��So8�0&�:h�hu�&�5�矝u��i��k��<��No���(�|a�乘M��=����sj��9�
�m�t�B��4�+#g��
�.��v���!A�����rS�^��*.�T~��3�ԛ8���X���U�4�^��2
+Գ,�l&�S��a_��8�;�5�<t��|�R���x���ɓ?��[o���g/Օ	�>."�Ҳ
+EG��Na_p�,ʰ%�^�suZs/�3
9�>�y<�
�
�ь�L�%J�������;�Br�K�N��lYoHo�*�fUe[���z�7";����3�PA�z��&�\��`��af�p�t ���Dמ:�<x[�|Y�E�7
+9��A��#�J��9�X�g�`�%�.�L��k�v��(�}J!o��)�-
��tS�|)��%n9�i�g
ϖ��8O��`O�,�%8���#�<�Z
Jl\̰1;�J���Ks�Ձ��Y�l�y!
��ؑ���8a���;nw�������>8&��v=�
+u~R��w���d���uf�2`�r�@�?���8��eo���
+4E��u�N��`L�b���o�@�|{����q�RE�	œ>��+��/���/���m��۱A"��}L&��ܗ>�	���p�������zr����U��!(���M�.S�����]N$��G[}ٿx��_�i"x…RB����.%�����Wy:U]�����:[l��v���c�u��\Ύ1	ϗq3�
+�B������$�r�xZ��+�	�A��pgL��@u7,�����@L)����1�����a�GwB��M�?�{A"��li[d����뗘�z �6=�o�.�v��Kꃇ�_h8�a���D*�x�(N
+��:vʯC����l�JljdO��e⬳z�(^��&����'�l���+z�iLה�U;ۗ�Ţ���B�����-���,k#���2$*Wo���{�|�P�\�c��
b�������9��m�Z�Em�a(�f
��'ʆ�4ط�˧3��qc�ё��g�Px9�������K�'��>Dv����پ6�dI�y��H�����)�U�=�W�IM�K�XE�g�`�� ��пW����eu���	���x����*��bJ�x����92��
c=&o����Z��̟��~J?c����(��0x}dH��68m�О޵��ǣ��z칦tT�g�͏��Fݥz�Q��S2���ȱ�v�-���p�+̂��4aD
ǝ
O��Q��IM�N���1�zoHo]�����0��`�d��;D�4�
�����o�q�e�x�?�
+���艟ؠ}X�S��ӑ˷��dVްzϸS�r
k���t�����%oy�9Կ�qj}��O3wO�����
���f�L��Wd����\7̫�� �2y�ZU9��sd>�g��������k��-�g�
���x����ĈYq�b�o�o�	�Dy͌�������V��C�w��&�	vE�!@]���^ٮJ������<8�qn��`��{�u������c���!� <+H�%���`A��f�׹� �i�9��v(����~-�B�zN|!��"�5�Ӊ�
��
�=-t
+��_�m�N��P�P��)�^��,,'�ӈ�;��	kf|��)�
�K�•D����V���.�K,\��7>���I�D<=��Jk֥�E�/r�6��NNl룴7m�^aӯ�դ�p9��A��m��(!%%0�ڞ/gܩU��@���zT._���t�������]ӟ�:��Ë<SqJ��vy˒
�x��w�\����x#�����x;�k#L"��*4�����o��������OX�a)����2�u��%,_��	��ު{��$Z`�r��eƳ�$��1>g�RB&W�ꞪKL�|�9F?cb��t$�B3R����2�Lk�䟷�uͩ�(Uz�v����Y�������p�"�5���' �R��u+���������|�@'���r��8/��t�0i�f��ˆy���n���
97Gh*�:�$7��k�:>��g���Ngf�*�
+�2�Sl��h8QAHu[�N�M���G���Y��1!�;��(I��`�����&CQf�ml������= �RIf�
+}"�x�j…��:����C�J+�d6&w�u�
+h���>t7�����w�ȧ/�����YE(B�x'v��&�7�?|���3պ����G��H
+CH.�H����& ��A0�� �^�c�//�
p��~���i6����("��0̗��b�m�K�UH^����ZI��;�
+�U���Nv�ٌ��ևCP���F���t�r�\�3"KCc*A(UL��1r����>l���
+�>���{ޕ��EޞS��&dRu2򳵡��8�Ԟ,���}b��-f�9	D�
c�U�.@O�
+��WF�l+d��6��_9�/�l�­*~�����v��L`�������>�.��C *�!�x��y���r�)��֡��}�;��Ua�r�6��
+4�c�&��+��2��n�4�z{���ꔋJdG��cM_��nbf��rB�M���r�͵LӸO�2?��{�!gL?��R�q�?t���ёNlEKJ&/���{UN����d�� ������lI]�m#߲t�H)k��/{�|�߇Cy�N��O&㚎�y}��4�T�Mg�}��xS��U���K����V�\��LJ��}�!]���CmA@(��ٽ7���c�;l�i��f{��,�#�N�@WÄ�<��^�ՒŠ�\r0v�0��J��jbS��I2�A�'�#�@��iX��̈́~vf�Ċ�L'6��n�a+��+���,F*���u2��@��6l�O��zQ�$�+"If�mf~�g[l`N���7.`@���
V��:��TWW���G�&�_��`G,�[�b�A�7��}�!�� �	��Zy��p�lp@���
[F�̙��S	mY��凛�q���Ѵ��(E,)�XO��Խf�,Xi9	��
+
+87*	`R6((�eg�}e��H�#%�]n\(JeKt����ph~{��eV����%
+&�&-�;��i�J�2υ��J`Q�d6|9ա�q*8���f���Z�E��LcdD�#+����c��f�5���5�3��!xeY�7+Z�0q�PI�H_(m�;r5�u\���P,kX�m��}�w��:n�X6�ث�ϖK\�VMܷP��3�������Ϻb-R�k<4�bOB�?�ذq,>P���Od���B��P�)&U�f�Q<>S�/��Z�o�C}��Z�W��i$�8�Y������7��,��'�q�{ᬗ
UCQt���܉(�p�:�4�*��C``2`8+O?��J]JC�K�@��4%duC/�Aῶ5��ppAQ��O�g(Q�kf<�8t�����,��]��S��Ŧ��b�
+%��}?v�:d5��m��8j<iZ
�0	�~6�
�MCo_��e_@'�:�����c�(��KX`jT
+^+�
�6�]NѦ�\e͞�ķ��3W�{.�y��!�����‽�(�g|#�(|����b�37�-O�*28'�&%�5��T;X�>O��f�| gy
�\2}�[*R!�LU���U�J�Y�#DD�'3XY�Vb�.�Z�W�
�3���d`��/�;~��
�
��v�Nƿ�iǟ�� y[��
l��y<j%�n�/�Q�.�Tm�p:w���<��%�s^��ypA�9���Ƴ!QԬ�pU��T���'�_�yY�����3�(
���Sr2sf�
s	T4�t�<S����P�����uq�V��C�)\_�w��]R���a�i����*G�j�T�iZ���#���Mv�r
+*�P$?7d
+$�mB֌�1�T�?�g�{�b�[`t~f��V��0\	<}����񿀴�(�
ֲQL�+��{�f$��v�(�$�X9
Y;\>?Ɔ3��h��X�'����z)x��@ \�Z���{0�|�
+G%��	͡��>�����inEI�rt�tc����Ks��.;�%BU
�=�|550�ZB|�T�=��S�٤�u;V�墏b��[��S�h�gF%2�f�ߘ��ā�]
+��q�!�OW^y�ة)�Jκ�zN�J�%�w�MA�}�����,����!nʅ�S
+A���]�窒���N�q�Ũ�	_D�(��$��y0�o�t�[��X@�og�q�\m{\�)��I���֥Ul
+F^�*�"VA�z
�٭���?d�����3��m�$
���a�q%��4$qbje�����
Bm��ua�t�w*���� ���pX���d��LJ��"Vר&��y��6ÓK ���<���<cEV����3���Lj�r;��_����	���߫��DȨD�)'�XVF˒�̾
�u�~)�y�[ǁb��`0�N�����(ćE���F0N@�.;�G�b�unBn\�q��_����ꔖ�/P��
E�MN�x{���#�"��������Q���5�#�v��\�hΠ
#3:��o�"�B�n�5���=�����e�8�f6�ցߒe>.zU1������ɽ>����D���7H�c�in�Ic�gUJ㤒tk��V8�y����LLo��[ʿ���$�V׷�6���,D�dhIRdz����#c��p��Ϳk�U�t�:$�\�EnDkjc��`k*!�Z�s|�E�R�9��Vd[7��y�i� �֫m
+���'n��F
�x>p����MP�#X|���~SA�[�]�ǚ��Uz��)�^dCF.�#խ��t��;7�>qE?ĊK-f��`�\�#�%�	�.7���y2�1���S�X�����T��D��Pߊf�g��ֱ"0

1��A�\K G�����_��`��/�1ϣ�g�M�]�F#����#H%�����씬��k���%�pE(0�3�l���{DaI1��U�MCs����}�1BItw�h�?�o鳉r��r6�|�l5���S&�;Z�p� }����'�Q��K0�G q��8���6cYB���0�-�'pl��w�֞���v2�K�
+��ޕ6b^��.�$}g`�*v2�:פ1C!�2����N��!Ck��W�P��Jzd鲝�y�WK#�+a$��r-�l������W�m�<\`�|6Wc�I,���
Թ��q_���KÂ��d���6���v��ve�ʳ�zg��U�&E���R`xh�3��QŦ���
Ow:�>8�JY��'D�gcx2�QIԺ��g5p���GS�c;n�!q�lL.K���/q��B��vҜ��BQT�/eK���N�ł����_���U��Р�ʘC���M�_7���Î��5��"m�J�#��3r4VQ��9ȷ>�~�@�1��Oc[5�"��wRk�Q���>��V{/nj�t��x�C(��!��Č
�=��?��=+����H����!P��"�Aa���m��6kc����ے�_��/�DE����R9Pۓ�9���%��q�}�Ў�
�^�N�9d�X�j�3�$��t��.��`��pL^R�\�K~�`^6���/�;��y?SGI�`N��]�R\�
��ߦ̹|�:~3(�O@�(j/�Fܞ�e��[Ѩl�R�#t�����(F
+Q~���#�>�
+�A�3NKbE�p��ÜlM<*����'�Y�/������H3�%T��Zi�E�*�T�ēf�"��q)�\N���c�C���!�l�g.�܍��S��^�Q�S9����?+�_yK��ˇj� �a)v��ԧ%*gh���>0���&<�t�e:�3°�����|A�X+)W��t?Y�2{��3��,��8'}��^�I�.�LE�o/��w���W�n>{!Fy
��j@y6���Ş\���޹|��2��	+L9�H-3o��{Ob�(IT-۵�M:�M����y����[�
�&��ʎ��
�E猓��������)�&��B�~�T$��v�#��g�;�.��Ĩ�P���lk}
+�N�[!i|/�[��o�[i}�3\�g�@G�ȓ�G�`2$/��i1L{��L:��̩mꟳ����Lx�_׃�<�Xp��q���ëg%(P�SL��&�����B�P��T).�}���
���	�XZ�
���j�@������I\K�����[T�÷/E�H1�1�aB1�l�MM�L���|ۇ����2y�"�����p����~%S2AaP��}/��x�~�H&}��!�t�ΤKd����N^P�"����W/���>���`ݰB�*�
c��T��a��[IN���d�+�m�i�o3zi�$��'(���<��
Ab��E����'O��Z�s�D)��ڼ����A:f��;I%�y� 7����?
�O-ѲK�GE+�2�0RB����Xf#��]8@�1�]k����LtZ��n)�&����%j=�����R��Gx�]9�+1��Y�T�=���
 ra���uIIf,�E��5,[��P9�cUP�+tJa?�*�U1K���ѹ��jE!��4
��5���]t7�b%Z���*�-�e�خ�n��׮Qm~�}P�2?���s˷�y���ӑ��~��"�:�ٷ
�����F����̂�Nq*�8��̤�ug����}5l%�:�6�Q@>��%=�kb�H
!B�=��z7��V�*`y
+gg����P���J-(���vm
�������w0H4���YH�m�Ȭ��UI���z�*1�E�sy�=�)�yݮNf��m�u͹��o��mS�%�������vfzm�X��*���F�'�Ng\�~��p5���y�
+���P_�!�X4�q����Ƙ�R-���r־�"�T�i!�����
���Š���$צ��9���{
+F92�z�l6
�F*v�L/7�������*B��+>�+Z�l�[��qF�O���)
+��QelP)`��k���&qj��4���[��j_�Vy��h����}i�Uz�X�62���y^�C�I�e4;_�̘��}��V/Mb�LhX�N񌫕�ë����N_Զ��n�M����r�����hX��Y��){6���0�tB@���Ʊ��K��Z�/�x�"!�pZ�C1^ۓ��#�h��d0'�7OW��֋���1�������zf���:�6��H{V����_ڶHl�����LO��7G
���%|�������KR#G�ެ���~h>+��+nd;~6�1ޯmclZ"�����*���
Zt�%����V�A�1��ݭ7
Z�x3?�v�AD�e�)��I=Ɍ'�ŗi�_�8�T�y+BG#�Ӯ���Ty<7�M�5.b⛰OGVkV؆T�w�D�E)�~�u�QH�>�gJ��W/ �NC�L�V�y��\M��7�D�E�J�T
+��Q���re�u �S.[Dӗ�-��)�_B`JO��|67R�lIY�Z@\�g1X8\���4�o�Y��WR�D_�����8yAR8�X��]t�r�F��	�xgu�8g-�ŮԠY�K���ԡ�Q��F�t�\]��`��ys%0�)��x�[/;4W�<�[$�̾�O���+��>���w�e��L����E�����d�(\�LT(��D!�lЧy=]n�UV���?^����Arq�E����!Xa ���*/�����t�c�`X�ioTgo��Z�/�!�6+�M�y�I���y��+j�V>��h��a�}�q�4_�8����5��֥�>��x�Bv�a0�f�R���r}�`��`]e<Kd��5ۑ�D��%kܸ7��0���n�p
+���pj,���?sx5B�so�XA��5I1=8��� �������–�Di']�n"�����Jv%x3�*�W��r�*�r8nMY���m$����d\�k*�͈�M�x���f\�fkG<�Uy��QyोE�-�-~�m�!&�8��P+&j��+GS]�X�6�O;�2�������f�M�4B��((n���f�oiϥ��f����OP�(''���"v���1�j��&"�pFۜu9�9q͵���@k�B°�~IP����_�� �f*Z_ԑ��H�VJ��[�Zef9��-�}�f��wT��GXS�蝱h�Kf�(I��Kq,EZSmibn�I�d,�������z�T��%(G��jS���Xg5^B�&f��„�S��L{�+��T`Ռ!y���0��ϭ*e�i��j!TT>D�dIZ�p"�P�r}qP�!��ޑ0�T�N�g���v���6���H>.ԛj��N�1D$e��[�q��e�*G���c|��[*�`�E��
+�G`�"3��z��2��u����ڑ��m#~XU{̙�S[F��<�T��XdT�w�$�Y�f��q���q��#��M�0;n(|��e�͘2�R�v�2���G��K�23�����R�A�Ar�a��K>8�y��h`�U����zD�u��jk!%>nƑ��Қj�xi��w�����@��^�����&�g���$ e�a��}]����V6���$����ݙ+��J��	m5?�º�Q��|E���q9�a~�;+@$y���n�pv~�t�t���~��Cw�Ͼ��6��h��܌�s�o��~�ɶ=��*���p����ɶ,5X��40Ǿ'�F�Ii7$�k�3�����÷I��CB�%��<
f��8ne�f�}+<�$-�����C�s7�Ga��ū0�a�Ɗ��Tb7�Kk�$�&3K&�p����w,W�V���.Q�+��|`~����ѯ^�pR����
+�s��7�j��ؤ�N^��\
+R:���y
'b����D�]�k��VGz�X5E�Yo�������e��ƽߘM��v&�>Q*�����f�;�+L�R��c��其7�F
pX���@��
+�ֹͪ�u��Fo�Y��
��`����
+֬��hҿp�{�bh��8ȴ$g���>��
�>t:r�K��}�M�og�4�_��F/I�O`��YY7*�>�7)�_݂1��Q��A-�Ug�U�E�!���r����p�� y���Xl��G�;�=�3aQ�q�%mM�E��+"CdP���*���j��[�s�Ǔ�Wc�ry\�}Q�`��mSQ*�Y-�f.�������-����q�3t �2���gG5‡����)]{w��uԢ���3��*!vv�t���y�J*qt7;�߭�صȔ�<�m��bX��H�
+��>�ȦnW��\r�
�˖�j�e��ڍ$��b��k ��,��=��Am��.�ػ��M$J��R��}���F�۞�
ntX;]���0:8�b�9���_�

+����Hӟn�w8r�崔Q.�+���ubbl��zXf��ƺ�G���Y,[�k��)���
G��W�\�q?���&���
�`����r{�@�	LN�Kpn7k�&:��zu�q�"�=��V1�I��@�<42��ɝ��nA��ъ��Y2�Yr�Nbi�*���w��qU(�J��c?��([�F��P�S)\�h,�=�7c����ac�B��M�&�l���ʗ.��������j��t1�B���_x�g1���2M�#�a�U|
�'�Z��!	���3�t�.��X�%�$���$�������.��QP!&8)�OL�Q
+�-AT�.�W�n�u��~��0ۥs?Gѭtߥ	7�������G�ٶ0*�C�Mr�
2.�i0����ڹhEw����	�vS���������$��`�J��r�<�ʉ�<�b�u���G[;��ۊ3��C
f{usB �r�������k�u�����"��M�]3��7/�*y�f����L.6��F�xJ�<�n�Z}���g=�[��&�r��t����q����Q5�͸�8E#�1�	�ߎBrg0(�?���ц�9���DC��%��xZ;�Q31�_��͟���RH2Vl�P �! ��卋W�f�\�O��
#��p�go��� ԂJG������g�)K����	������b|����W�Ž�8�N�֥�F�4��G���֒�	�ƽ��Yfg�M(���L�� I��0��W���b�	�޲�5�	�c��n�o,�'͑�
?i����ĸId�̏�ڼ�t���7�7��@.���$�9.Gr��*��㑦n
+��9phw�,A.-~~
+��O�>�Ep5�uH|(�@5��fEW��Q
�j�hw~�@�p��~��/�-6�����U�Ґ6m�$^�Ճ��u_�%�D��/�+M�s%����9F�qs�����#���-N�T���}�T�t9\���02�A������CA����Tc-P��/K�Udo����%�ކ0?�e�ju2���y�f���`\�4��=�V��B��G��A q����Oa񴑈�r6^U��`�{�$O���}��y1����
�&�}k@m���'�Ӛ��;�OJQ*���/d�Z4��a`0��HA+��xV3�,��9?r1}k�.�ፈU>5yB-']�=	/����j�q^�Q���ٷ�
�b���k,gZܬ߷�(��U�XPT#�h�����ܰ��M�*��ߓ�"�j��>�0�|޹>ug�vW}���!ԅ�ʑ�1�9喕|�#e���s�NtIg���2J7g��=ɤ�,�����p�6?u�d��K���B;c��ͽ�(J>�UU���h�9��IBʌo�#��ry�|�-�jp:/���7�W8Ak��\2��(ΓC9z��-1�ml�j~�1��W�%�y�;b-	&k]A�M�\E*�JQ�)��߇S%�Y:Cx��.?W�C���_�-���zG�.�o�i���"�F�/���٥{�.L����!���J]Q6�!*ǵԫi��Z�ܾ�a��=��h0~�Z�K�ȅe��D5ո�V�C	�o��?�.�~�����}�Ӕ�۷˞O�O6��.Dx��i���K:������|>0�, ��	�F��������2yi*.C�r,
+91_e=Ubj
��b��v���(��$�Β��I9��]�V�G�n��2@y����}��ܫ�VyD�-#�I���a�(�ꨚ\�T/95T�T��Nީ��#d�q�Jv��5�؁�t�0Df���
+���>.��r��
+xq�]�������^�.Ͻ�JRZ	7�z�x��GC��4��~1W<��d��ɇ��`+��X	�E�@���T�
��T�P�Z��P�ц�¸�鄏�p�z�U����"h���r��9�g*сW�@/��ԳZ�D=�|kd�E򚤆��е��zϊ}�6�С^�|��<���e���0qؾ�j0Y�^jU�S���\�,\�5>��u��l��8/���V%P��S�hZ8�ҷ����|e	�G�ASsK��S��:W�W2���UE �z���p7-L�P�2*&!���m-�8%I^�j�Ϫ�M�e��� �=�!�^��C�P����P�NNmST���
+�2GH!���<�4~zi(�?�jU�.w//f��@���Y7uZ̹����2>��'AzA�y���Vj=
B-���{�o4���Etx��]�i��a��/�NFN4���a�I�"��p�9�鞮	�����x`PzD�
+Df�ʺ�γz���6H[}��J���`6�ͷȈB�����J}�"�N��#�����i�h���[5�j��E�� �?�#u�����4�p���ﬣA�O�`_��Qu�1����,X/�"D�Jz�o—��e?��uu���R�̿�����c`1�%G���]��q�SR�W�U�";x���{�i�p�XpY�k���&�	&�~
7"��~�����U'/1�z;�����*#ck2G�ϘYZ�O]�[���;j����>�:(̮<d�xqD��F[�H��2wp��ڊp��1�uB�Lᧉ^	��v�g��/cf]��Io
DloïB4Wf�ܑ$@������\Y�@ �$z��V�YM�~�U2�Bf���]�a�P2�{AA�•�-���
R�	���I�/Y��q�<�B����c/��@�h\�~,��Z���9���ƣ4VxQ	����PZ
+m��O�hN�)ӹ�4c�bC��oq�I}���\v
+$�b�R�/c�.�_,@�|�!�a#��ǟ&S��l(�d�a��Z��蛨[8lB5���C��]
���wIvR��wH��ܳ
3��M�E�N�i?�K����@�o�8F�T`�x�\�M%f�/G�>Z�E�>UЃ!�`�e���۟�2$�u��v���mj�������C���R��,�33�v�{�[�_�Wg���8x�����5r��{�h�u�b�e���~xJ7~�n<�$m'rғ+{ �Og�j���J����q7u�3�6�Xd�|\�Oç��>x�6Pz Wb^V�[�0T{��M��BL�
+c��<sAT�l�
�`���;s��m��-��h��ء`�B��GB��&O�U�G���3]�eX8�h3m�;6\��H�'Td���dNdh5�d���a��L���H^S>P������1�S�g����̮�a>^e~ʗ�sS'UD�
+��_vu:��u��>�Q��X��>4x��\u�8nf��>��o��������z�|3�)������s�1'��/_��e��3V0�I.qdL�����Tt�͹j}K�Q��
�	��5I�1�Ini?����C+p.���b�^�_��˒S	��]������\���Ȑ�1$�$G�������`Fc�|s+
+�'"�p�Z[��V#Ѡ�9�%�����a��[�㌖	�M�I������f���т���3�q�)Eg����:�=U�Z�v��6q�n�\�ͧF��(��ss����(���ܺ8u������|�<}�������	-�n�K��)�/Q�_B�l+�I=���նTΏ��Yͮ��M�}�l�:�-9�%��Kb�|����@s���(8�рhL�b�]�qV���?�����ę�x��
T���o��:3�Ɉ�K�.�������?zVudq#u�'_d*t2Ε�e�ʓ��	���
+�8B�����"^,���FC�[�+���6�;k8�A�XT��M[>���s2�Z��B�\��kԏ>9*O�Ȏ�&#��
5$5��~
U\~�>�؁J�0�O�CL�΢eʊ|P�մ�G�)J�P��ޭ�:����fpEM�h�;Ör�(�N�ȝOcAz:�F�2c0�F���j�g{֪�����I�o����W�
+;N�L�]��GPAs���䋜�0j��Ѐ����v��B7V�!���ϲX;J�ҐVԤ�o=�"S7�*�p�h��"�m]8Y)q�%Fz���+��?Px;ɩN��hP�KU�%ȱ7�w��$MNV,e"�@T[Q6��5SG��l�'_�U�W`ϼi�������ލ;!Z;�6s!�T@Gჸ�mM�n�P�t]g�}��S��O{�#ԇ�B
+/��+��q�dA%�3��#���'e���o�v?�%+2�����9��8r�i�z-�+1hd��Y���ag�=���'�n��i�����~\yQc�)�n|gq��Cړ2��n�2�a���pV�D@�ȆLȦJ��������֑#:���h��tP|�;\G<]t��ezS
+�3b7ֺ�u�e��S1[�ե��H6�Km}�K�v�u���c,�QsOy
����s�.Dф7u�)v���֑��o|��`C�3ֵ��c]�oE�d�b0�>{FޠxՍ՘�|�XCs�K\�n��F�@�%�(�--"T g��?�@�U��:"ݡkʷ�WUTtI�^�jQbC)���5�g��̩�M�����O1n���I7�"S�� ���_��\Е)ʪ�L�R�q���{�"Z��f����:�9�и-6ċ=�"FJL�(�O��xt�<g6x���h��)lAE�7{���#���iBҬ4%��{$���1b;�,W���̞؋���z�g�Ɉ�
�i�tw&S�c" �@�i7!�x�'+��x�G���d/hMٛ��؇#��
W❢[-�j]�,"�^0J�g4}z����j�n�
+>U�__'#���u}�q���3ǩ�Ț;'#�������Fi#J?:3.z��ܼN�^j�����(�7: WO<Y��b��ܤS]}���yĖ7F(u���i��'�"������+�f��4��=,��1X__������������_��!��&#M�'jB����f���w�=��7�2�Ta����o������Α�G���7
��tVx+�H��2���|��Ɠ�YȧY��)I(o4vFR^-l��~IO�)G7h>�֘2x���r���_�l₿�~K�\���ȥ
&�5>��#*?c�J����l�a��̕�$|�œA}
��5cR�ëH�Jۤ_�E�z�,��1��q4k@*��#�J�ly�>�XO�a�������No�.!|�bK\�9Ѩ"~�Ifk�?(
�,:��)2k
��S��l�l9$˃R,��"9��\2h��\�@NfDV�aEJz�D�J>B�l��ΜN��ƌ4s�+�T�Ϻ2�dI����\ʎ��S3Jٙ�Q
+{�n��,Xd�ɮM4"cB�K��N2%4m�̮&ݍ��U�+t����7��Z�W9���H3�,/���s*zW��>��"�Yé�q�|n�C���	�P�HprMdMެ��>7��3�b3����I�O�����}>�X9JdC�4hzS�2vc���
�����
�ef��K��1�+:��y�����{�O����n�+�ެ	o�^�FEz��b/�b��c�m���>Q�"W��ohj�
+7eE>m�u��&9�9�ю�{�k�	X�n�7���Ȃ�X�L��B�_d�4�$R[�n����~Ve�)�]�M®#c�s�X�Q¢�p���tR	r
T�'���"�IRx�$a�h.O�lD�ƈ��K��S��$7R�2&7���^���g���
+����.�E4��˷�9�{���%���ٵVl᧺<�-g6[[��q��
�
�m���g
��MC#y�+F���t%�O2v�}��R�'��b�-2:�6�d���e�4����,6��m�b����Qʥ'k�|�8Fe͕�/�*��'�mk��<e��~kX8��$zO�Ʋe˕W��n�r�g�M�2m�k�Y��# �F
7��Pm��,�����WN�q��ꂨ�]ʧ�e�j8.ܧ�Dhꄩ�}�>�5RDf�E��P�|�E�ɲn��			{6�G9�iȿ����d�x��N���ҌN�JB-��#^��FÒW�9�:]+��^��؇��d���qI}��AW�sL�s��[	����h�N�b�2B_�r�&S�9�-��n�UM�9Z����j�i1���䔾j&	���m�����8�&��ɪ�+�Yڲ}�uka���p' 3�>��
+4�=Xޭ
���ƫ%�q��s����ӏ��������vYL�*��6J�#� 	t�������"���Ue��6G�鞢�z5o�(:du��,^�g������F�~�w1ss!���
>38T	nA%�X>u�Fa6��{������S��I�D��0=��	dS#[C���~�!Ql��0��sԈ�l����yW	X?K�t�	D�`-:C�{U.be#�>(�(.��!��qH���
�JB�3��G���NR��?�[���?�Zϝ�4�!������@CP{�:�ӵj���H�-�wEÝ��_�{�N=�d�\��Z0�&50l�P�ex�����AXЋOU�Q��f2��x+H��A�q���boo����V��q�
k�Rz���e�c6w��F�5
Z4bm��q��Ƚ8��r���ƺn��;�C��T	yM�]�qL'��EX�*�@:
+�%�5�K#t�J}���WtI`�U䮻�+�C!�o��c�v9����p��h�e,��J��yj *e�y�$6�����യ.l�P=��au���=)���/�*9�����{@o�D��@Jl�Yu���5G�hZvj�
��cY�[-�:���X[O���h��"���Q̷nX
+Ws����3��j�����
�J��=���}�T+�j5_�/��/̃pA�"�2�5q���Z��P�=w��	yV��z�ސ�����04U�U�YG܀�Ԋ9
V�i���A*SQ}�-V2Į�xY:�Ն���!��ے��	)
��F�����Y�*�٧�Ph%I1�M�g�b��o䃨��b�3�cy���Th�eK��Gz�pf%_'�����F J�Y*�Z�j�Fk�Vգ�,ԭ�|�W��C�g�Γ��|D�L�.|&�u���\�ʈJ3ʁ�4@=M�	M�/e��*;A�qz�{�gJ*�<��/e���Ǫ��eՑ����Ax|��O�9�h��e�!e%q��N����n��:�Q	H�`���.E~��D9��["��|/�����e6���Z�gZ�:IH�;h��[��o1�Iwǥ�z2�sYs�I�E����V}t����!2��N�CŨv��U�\@�MĎ��R
Ӈh
+ ��ʅ�u�؊���6��̢FC��������tD,�������g�%�#F�/�D�5�L[KV��t��x���� �=1�?�����xLS��
aޱ���h5�9��\|8���D^���h�Z=�~C�D��s'�2r�O��p��84�<">�YN“oϡd[�K_2;�n{ae�h0q��RQ+Y|*C146�G��kYÖ�š��9��ԷL"�
�3���2{۞�U|
+;ӗ1����LZ�d8���r�x��q�]Q���.N +ռV}��e�*�94B)����ʱ�z�l���o|��r���ѯ� v��U>��JG
cA�@���-}e�[Q�=-�\�!��V�Q8�!q�#����kh���˨�C䷁�S\��8�1��]�f���@&�%��]o����Z�H=ɡ����z���}U�����Q�2?�U�$N#�3Q��m*����RR�¹���O�*.�,��4J��O�*x����߂�d*��pc�5��85ㆥ�R<�RL�������Ca6�џGĊKaw��-���Phj�/�yCm\]�%�m�h�C)��&���_-�F����ǝ�xJ�`V*"��^�ה�Z#���t��OY���jr�d�f蓖U+��X�y+k�S~"uU̚��5P�t�,����!@�
�Yi__�
o��P0
���/:K*����Z�W@�>������Y�r�oB�c=yX6?m����FJ�F���w=�&Y���R��Iq�4<�V2JD��m����v!�ݰ�Zʎz�����q�6E���N�r!Y�vYf0�E��8�>;�$��{���L��[����+���W纣党��zc�E�Uu�c�k�h�F	;Ū�@|W���4&���@�,h��[؊8�+����%�獳�����k�4.�ӵj4n)S[���vZ"g��?�2�߆mh�x����j11H��4& &�S*1v��Vd|��y �
���|�
E��j��a��LٝP�Y:���ް.;�\�a`�
���P��D�u�)����X��8�� �xӐ��0r��IT(�Tٞ�U�@�4����Jy�]&�@����-�J�.8�*�B������%4�)��9�Mr�'�n�����GKF�ʖ8%�(���u�ӖR��>����N�.�kľWV+�p�pm����淚o�FC6�D���@� F�hǨ��B(l���nUoz���h��&S�}7��6���S|�����9C�a�
+���ʌu?ݫ��՞��{wV~&]8���v�x����[*��ì7k�Q=7�Xܒ�}��.�����)��+be��TYc��J4
54��+Y
{�Q)x����@��w�^l��k�[�nD	h6ݚ�:!�
+{s��1��i��g���uPytQ�YŶ�{�z�����Z!��G�@iz��'�#� !�i9�b �?�u��tU�u�
ʳ
+��k.o<�\�#�@�[]��FN��TŤk�Ы2������O<�辮w�v/bk���s�0ϠՅ%��f���T>�S�~OC�"b��@���}���U��w�޸��!�\�A�Ͳ?ݫl��_ ��{bx���7`JF��)��4C��
�N딈�Q��rՕS�ni7|�7���%2G�D��{c��C�4���q��	
���rI��a���"+�O�ǞN�z�NlU�:=�:�-Y"A�-�����:�&3:s����Rc�3(�e�,JZý:���*Tujj���s�W�T��������J8�揚�{�
k
��n��A�QD��k�=���:��CQ�r�꓇�ĭ.S�c����ff��??����,2��@��_�SleeI�	H�30�W��I�m�7�Ҋ���Y��d	�aC�a�?v�|	��)r� !�Xh�	"�vInKO�:Zg�)m��Z
+�.넮������>I�p�-�'s??΋��>R�ͭ eJs?~�O�m�l�+w!�e�g4���D��yӿ��S��€{	�9XBS��Mά��{,

�ђ����19�ת
�퐝;����+�@�
�;!7v�+�o�F�Y�(i_U�iW�B���V�%�X�JQ$�p2W�I�oi�&(��6�����iS�r
�N.�(�_�����]�ѿ�M����G� ��b �Իd��/c��F�m$��;5kʼn�VYcr���C��Q%�Y�m�
�p�-��_�0���^���>,=��nq�USL�B0��0��1:�|	�n?٥f2�[H+�f8��e�Nl
+`���ղ��1�oj�6���s�`O�H[�7W��������%��#(�	����6?�|×`��z���onr�_�G�-�7__z���J8����<��=r��pZ�|����}xI����˰�ȋ��@	Q렱�T�^��^[{Ё�z�Z��5���N�_�#y-���c^���!�m���UM�`i���}���ޝ����]��5*�3��΅��8��������ʾ��ȟ(8s�(�ٿ�w�����*���P_(��Y�������"??��M��Z���IsҔx��X��}U��a�[����܋�]H劄�ą
-�4���
+��x����@�s���3�»�NR*���p◮0��ژ�^!�o�?���'6��N��t֫2�~cv��B�p���6o�B���7_��6LIN��V�XÛK��,. �����SV�ط���2�l�������.;�����؄Y���;,��b0|��5�>�7%=�5X�
��K�`5����������m73���7���+��}CՄ�-ҁYI.�����<UoG�
)�sw���%�T���p�|A��o����v�5�*]���U;�G*����V��(MI����~��B���59:I�F8�yѧ���2����!����#FozD�L̻4�҆��?�V����	霦�I��q��N㘁���IB���v-����^�`�=��Y�.�0�.��5�Z��:��|��f�,��p!",T{X�6�����}�p怭B|75�3�9��V���9�����[x��N�d�e#B�!����(�'�WK��j�"l���I�?H7q��R�~y�������Aɸ��V��\c
,B=?�~&��̴uB�JE0���6ԃ��\�4r��_���2ݭ�H%�`Q		�%�]�����l���}���}�T|�ŧ��/ɱ�KH�
<��.Gގ��#X]g�U^��D�4R�ΨB91KUEX�>��/֯͌�4���8�� �,�#A����~6Z����&��Ǫ1��ߌ����س�S轌��r��z�M�ΥH�)���%��iDO��]�ˉ	!�KqX���^l-��gg���{�^���b��"��#����.�4G�3�gf�����Ɉ��Qӱ>?h4?�
�fC;��8�.��e�o�n]�.�Wτ'6m]�#�;��Tﾻzi3_Q�qd�"�z	����?o�,7��^y��Ou6�p���z�i<m�:��U�X�n��P�ƴLK���9��P��s��w��`뻺��-�WO�~��}�����Ex�xq�D���<�$�mϜtx��������J��h/��-�f�Qv�>(h��n;��T�[�'2[��r�Ҡ���2�����^�Į�����%�Ӫ�Si��1��9���90�&���'y~����)���֥�ǯ����ZV�T����֯|�r�[���X‹�
+gP����;��E�;�!$D%b�	����W��_�lC���f�і�Q���jʘ ��Ҭ6�f�!��
+�}�R��f��|���;�^�v��AN����O_����
�ہ�S�m#l�-�\b������ƀZ�N���;Π�u�<�K���;6T~��E��m�����WzJ�~3ze��@_k���jq‡�ięh��.�8C�*�#�q�����3A���<v�M�a��
�1��s�KgN-�����504�<(	� o��V�4���%"k�ز�uSx�wj;�x× �C\�
*�i��ͷ,H���l��ɚ:2HOlS����l�+�[�偝��̎���	�{rHrjA���T?PP�QZ>�Am�!+���J���$_�d�=�|ײ�JW�b�
��Y�YG�vԕ�
U�u�8�
]���"��Kġ�O�ӎ'�Qz���,5ǔ�VHJ*r���k����ڌݸ���I�'?kkGC|`���ζj�K��j���������X�Z1��侌�-/)�~��
v�455	�q�܍M�D��|[����g���#4��r}���R�|��l��4��m7�R��Q��o�`�`	Z�3i�|�2��27F�x;�e�V��|�+oh���%F6�[����p2������$�<�x�پ�i�=F�����7f-:��>�.5ԭ��Ҍ0�(��#��(�"2j�6uG�g����a��-�<ZK$y����P����]&I��0��)���S[��������*�Y�@��/����v�ËřTT����6�!,�t)�i�
+��`8�;<Z��o�`�R�r�JoI���_y5�������ssq4�6ILG�*s�"q_1���ҾEpN��
+u�ӝ>S���o���T�������pU���)�АHs�,[&80�q�^��K���Bm���{)�}���CA2�ֵ�ٯ���L���������ڿ:,>T@����0�h�_�C=�fYNsCq�IG8q���wk���,�)_#˲wEHEd��>I��zϡ]X��֙��F��iY������B]��άC'w��� �Y3ܪu�O��Y
+���lj����é�5S4���мn<�N؃����yd_S/XK(V��t؃=9V�Ơ�USN����`Y���cՔ���𖋩���<~����I�?�l
3?����ɚ�Q�C?#�HU5�!-I)\��mNj�+�L�E+e�|���C�:jg�i��aU��;���w��]��k.3$T�*$|(
+��e�X�}
+#h�z
M�RX)�>TrR#�a��QG�e]Zt���6��-}�ݯ����/M,�KYf/��2�(����m{����sdh�������`z�#�͡��}v�2�m��Lc(�
+*9}�]$;��Aêsܬ�v�r�׋��)�˟汃�c��,�.
̃��5�1~�(����ǰEkd�Uͻ����@
4��,�$d)���X��E4�kZFv="�
��9hv����e��ȶ<X����3t��$I>R��M�if��A�3��p�i$�Њ"�����il���vS��Ed��,���Vyː�?!oY\�{Y��`y�����Ό��Q��.w��n�,��Sc
��U�F���2�8�jw;�]���UY��,'�

+�Y0ˇ�
+ߋe;�oEUN,��69��E�W|0N;-��v�T���ԯ��!��1N{�C.���_��
+�?Ua��j�ا����)�tU9�ҫ+>�1q���a�(��ă"�A�}#�������[��s�.����~���FZ�M9~����R���|�z(�<�h�mv�VE-�
+��j�!U�$��.-�����jj&�Q��o�;�Ow��U�Sq������Z�+y����f�ogi�����-+�g�]�`�ܕ<�V��[W��#�ݙ/V%�,Dг�W)+���@�����6�R<�R�m��xm?ֶu)��d����r��(�#���Ϻt���&�DL]q�ôM�m��Pa�\�8��ղ�'��}OM��jA�p�P��T	�����&����������4��{I��c[�i��]���7���vk=X'�}/O���Q}��%��[6)�Y!�պ~]K��J�U\J]�!1P�ti-�#{�)$a=|�4m�P����)�E�ͪ���{�;X"<�q�(��A��|��0��`�:�gֈ1|k�4]���qX���6+�ƛGcHCլ�ɖ�K6�!�C�2B@UҴ���fۏe��=�xy��ꑩ�M�>�Qg�����UG��'·2�УY�iے�^�R�r�k�=9�9��)��1�Q�:m��fL��`kS'���+�Z�B����6��aS�o��v��Rzj���qq��bY"�<�cw`�����uOv*��(�$X�X�>�y����,���|���4�kZ���	t��w9�}Ծ��M$l16�P���}@�9CfW"�%VT��p4͞yY&A�UOM�T�I[c�-�����3<�T��:Cxd�����S3�B���r���WG4V�E�,�/�r�����g��3{ۃr�xg�cg
����A��i�þ�����k�:��7��e;<d�|(��um�r���7��9-`�.y�C���T���TT�j�s�����|�aA��q~�n�Cϟz#�ͳoӏ�r��[Vy<P�V<8�e��T���!3)B�ԑ��Т�Ӌa�UU��X�`˸@)C�쬹���r��_O~]��@�
R	�[�=X��Æ�Q/�'Ha�3���}��C�zT�^�	Kj�ZBι��c]�Re�,1U�PX2��m?�m���[W�QGz�|f-,�~�ٝ��kgc�yE8���c�W���M떄���`]�4r�,����:_�Vw��ݐ~1��)Ϧs��
+��EE{����qsͮ[|�z�>a�#��쎋�S�m�"\uG�4������R�7?�E��?�x"��#�� 5f�ċ�i/~����R��45&=�3�ݬmc���%���8$uR
+U'����+�0�1�s-j3
+ ��Wj.�E�X�.JUɴlB�[��}�{��<"{l����o7�%,[	t,6�aa���ZI��;�m?���NԬ�Ge����p[u�����y�|�ұ�����`=�l$����g��D���~�Jgo��\(�*Y�f�d�w�;���3U9ْ�_@��&��|��Ų]Y̎HZ"�v�b�(����ܺ�~�5�k*aa��l�B�uR�7?��^Mq������I��'Ɏeqi$T����z�Ԏ�0)_�Q	��l�_�_�3vU�(]HG]��_��΋2Laɔ�m.
+e*1@U�Jņʰ���/��Zu�W/��!�,Ӄ�mS}�����j!V�|S�f�e�R@�ڧ�=<��%hޖ?��]U���Q��} ��!����f�A�b��K���i��������X���2M<�)��֤@R�]Ӫ��T@��.)��	7yK7?�!��U�c�m��+�9��%R��AΆ�}��;��������ގfa`<��nRd��8��5Z��v����;5���x׉��=!R����K��َ1�ό+�yϹ�S��mh�$�4;iF���o~��Y׉�O�s�Ț��T�3^�74�(�k��X�ԩ>s��<�]�KUEOr!P�WI����xu(�ք	!U
��/����3�[��,,T���N��!�|�vƫ�B��9�"��'���&��ogd<�Ө�>�ISe"l1K
tN����[Q��f�5l���P�Ӱk
ۀ2�����Î�e�eM񪗼º_rP�팰��h�p$��vr�8����)π��JeC��<��_��;�C	�v�ě���C%zAJ٨��`"�,�dq;�՜Q�R@��$r��JP�����������3�re��[sU�‚\'�r5�S�
���qR�ց/^G�Y�c�g���>���5�O0y�y��폷��Sz���ۻ�����1�{6�I��<��=�l�J+�%��-
��_��Ϗ~��
+�ׯ������G����l����_O`�T��?������DD����o���u���g���␍A�`x��}<�
��?Q�=A1��T�!����������7�'e���T��Ie&�/�oIM&%�TeRI]��*A��"�ǜT'�4W}����xh�;l��p���)�=wT���鈯\�%����l���Iᬝ�@�;�+�2`�I�*Y'��Ł��8��>~|����j��K���'v���srH�F�|m�΢[Xg��$pPn84�U�Z5��+~��	�cq��!���LW�O���M��^�2>�g	���+���g��4����ܢ���Ҍ#.!
��������������;�向6��.��A�`L�wFFh}�-#$�(B���+���3"�ʉ/,�>�F���b��\�I��'�-�S-H	��RBz@�Q�oZ0��];wm�MJ���D��T�_s�L(����Oe��D5u�8e�[�_uQ>���`cUZ���V)R��'��Th���=�|*��;��ܕJߑK
+�uH˵�»I�ш��)=�_�S$Hj��9�������^]��:r�A�oCU�mvKC��>�ѝq�q�~��B�"�w�߉��-Ԃ���>���Ŧ�)4A��J�Ű�l�+�Onһ��bP��&�z�z�C31nr������L�����k��9��Ky�x��)=H�Z@��O���|�<�$�P��b?ǎݜBԈF&g�)Ao���Ҕ�O�%�.$��pQ�d��'�5�_&���Mx�c�N(�v�,52ųR�	�K�J<!���d�^���?�\��JH2%V!.4 �&R,I��
+�NpO%��	IU@)N�4ݦ
��n�"�"uvUQz�
J�yד[�G�3���	��N�A��I�,�f1\�F�Mzq���~��F��� �:��e�L�j'9/*9BI���O9�=L0�;�#q�_���}�x�ϟ4E��ˍ�k�V4?��H��`���(#|�H�\�Cv�X�Ъ�ÉXCMZ�;rM�I���dԗ��c�>X�w�����4��'�$�3�Ls����ZQ����nf�Rq�PG%C�\�!���͕�,@5zy��AGR�w��w[�����vϾɷ����G�J	��=i�-1<aO�w���Z�o�Ҵ�w��P�Yd��ӡ���5(������������zb�q��8��/Z�3�:��/��Gi�MV�`i����L%�kg��eKy������'���m��fE��-dtE�dps8�B�[�XW��z�
+TɸA�G�ξ:�+Ss%��WR��.Є�-)����`�Ǽ$�hb,���T��jn���44��EҜk�	V�yE��2^����CpC��t�70�Z����&ݷ(vCԼri|6s.�딪 ;�%�����R�j�X�u��D����
�9����[Cj(N�I+ӵ��c�C?�(aM�¤a�
+	�V��\��J�,����/JTj�\���~����	<)"2z8�����.�I
l-�����#?$%�"��4���E�
+i{�/�JkQ*d���n�e�UJ]�Ꜹ:�zܝ�J��F���#�a��3!:��o�]�����Eph"q��d���-���tl����H�e4�����R���!«� w�
t��}؍c}:DrN��&K�n�m��������<Ew%�"c�%�V[��s��͌[G�ӹ�!�u{���8�r6nΒ����G��f�[#b.t�1B�{�,l[��hLP@Z
7Q����M��D�	w����f�2)rRB2��\KacW$G'm�5ܷ�N:
��ƒ=�����ȣ�\%;�m�]y��S�]9Y�rILl/"�Y4�P�����x�GTMs�u%�
�-�-c[�s�G�X<��k�s���W��N|����!@Dc'k`7�	
D�Aȵ�T ��X���m{R�"���=#.��<S�����r�M-eO*3)eRgH,�C��t���ݺ��6�*�iJ���5�_z��h[6�?O����Ok���IŇ5�9;��*.m�3gRm�&����9�Taa2���2�S�:�rt�p��O\Zvz�%�(�JYA%��XJ�&;wU)֯|\LL��%j�}��MҔ�S\�P�|>�Ba��L���,�8%�Lb`7S2Kړ�
+��9��2?Mˉ
+�օ��������~k���OǍ��j�T	��-J�mk2/ؗ���⠯<HΜv����Y�sv飭R�O�YW�^_s^�l�L�΢�!��O!%{۲w��X"�I�0X-S>�@�p��)A1”ԥ[�K]�CM��P��d	)��n>�v|�P�_��	V$u�~�I��T�*D�|�����>��s���|1U�
(p��i�P�5�c&�� !QQs��O�%/�ר9������R-גt�
+P�&�ܒ#�U ��ـ]��������~������n!�_�0B|
+�(��=���\��U�M�v��N}݉m����^XhK���W�����Õt��I��m����+�d���U�S+9����9�z�2��P҈;�g���*�
cB�	c�1
+
�1��tRA*�6
+ֿ�+c����E�92�m֗7u�?jBo0$#�ipH:^lR&���o�4����5�>l�4�U��i�M���y��sIi�5�Kh���H�q5���=r���/z#̸�-��Y��פ����>�!���Oz^o+�U�9�`Oũ��M��b@�\�i�kx�S���UO .
�
Z �<K�����,]C��c\�{QU���}��z+?o���M�����׆U�������6f�W`<oo�q��E����(��3]�۰�'�4���H��6�#�7A�8�W,����$�br#KO�y��t^:�8�wȻ�Gp��6s9�86i1"�24f�d���)�Y|��2[�|V���cy[{}�.�ԐV�
��k�M��[ĭ~�ݝ��u���/5���n&��zQ���9�0/,ӂ�U� Jg")P�Dž�e|r�O��C�$�ɑ��s<'��B��A��o��9ܬJ0����WowLyq�y�z�X�&��7~ �vs�c#�c#�7uc#6�2�Y<���������c�!W0���t_V"��pk�K���;\
�����n꿭xA���~(�؉�/h�l���g��������bR�D��H�י����k�k���݅��G\_ǘ���}��Z�m��yV�F��V|yY��F����.�"}*�"JP�������s��\�i��A�tz��8z�}Գc}@E�y��C�;y�h�|~�ĄǷF�h�Ó{{Ip��zڞ�1w,�!���y��Ү|Cu@僫����Q4i�]�ˇT�֛0v���ꭤz+	�.��O/ܙ^��vI��X�/'��S�Y���r1�
4H5ɔk� ~���J=�����
+�i�z���7���i!!��v	�$�q�t�����(�t�a��	SM�B`Q�JQ=�㊤��E�ԁ
�����`*0�Ȣ�w��F�P|n>�6V�[Y*^�I��+�����3��Lhh�
o���G.��[
ڗl@����m��TlQS[dj����?��n�4�;໯��U��'Rw���
n ��o`B�UA
d7����~:'��7�WvA��ۈ�c�
+/��Б���6nj�z��L��b4�f\����xEԧ٢$,R�����%�Kj
+Y�����e�A!���:g|%U�t�pPצj��J�9��,y�,=Uy�>�1,���[@cf|x[fE~���p���F�Ӛ7�dD��l:L��RY�=,зdN�����i�FE�t��vn�'�����?�@��F������#b������&DGJU�+A�&�W����+�H�+��")��4
+H�E�I��S�R�����%dމ��3������Lh6�b��99�E���@h2��^w�j�o�-�'}J���&@��f��-\�����U�ݓF�.�u� -�>�����@o�98*�ڲ���=B�b��j�� ��Ѝh���Ŝb�o���AF�	������`ҍ[
\��b�OMi�5T�O����V}dT�WBE�������$�B�:j"����2@U7R~PF�t�Bs
��YRaI¼	�:w�VA�}�˥���[�0��ԔR�%/�6Yج���D-��Ʌt�8(�>��C&H5�����-��9�~�9}I��E�=J7b
+%�@�z��Qߴ�
tc�r��A��\�z.�(;@�S��+�
�����|�Š[bz���~�`���ߞ�%ш�\�$��F�4y�a�G�[�c�8'�9I�Rۓ�/����q&�4���LdJ��.�^�}�A���>�>�&Z\��Âv��$GȚ�0*��r�Z�N_P����$�Y*fX�b��r�|US�������h2�|2����;ɹ�2�㎩��W��qߐI�-�����3�`�@`�9��3���5*<�A˜�Z*C�V"h�Q��,�h��3cX�}��`@o��S޷qvh��g���>p�U��D'�$,�(���'�Rp,�X����C�3�&��	s|t#3T���n�'BŲi*!bI
]�l(�G��\'
+X�c6U�^'C�ng�ٽ
���BP����C�||�o�
+�R/�N0YD�-[����9G��s��	�(�T�`�$�O|*�|n2xR~�����O�6�/e��*�D4�[�ſ@kMz+�6�xR��'�э+-c�N;���]a��k�����I}*h��tM7��@)H��s�_��&\���ܗq^�U|Es��|'�fZ�
+�t��+���
lD�P�����.����jnk=5k9n����9�\}~YY���ˉ�J�e(�y���4��wV{������#i#�<e|����gp�f��Nz��2��=�#�$�f�W
+��3 ��ݲ�1v�ž\�!s]@1+yA(��A
� ?�s�k�(xްA��M�%aO�^�֚���^G������%Y@�!"g���7 ��$4ɘv�|��x0!�����5���'����&"����p�BbM��ԍI��Bp�(a#,K�>��5���4�o'!�|%��
%^�L�+"���z擘)4R���;�k��ԁS�<�8Ik���=#v5|��pyS'^'�Y��P�0�M��9·�7,
�!�6�ڇ
+��G��yqFw���|y�.Ţ�X�����M�ׯA�R������v�n�$&�=�i�B9�gґ��z3�-f�Lsxo��v��Q�Y�0�p��%ꢔI��p�Y�5V��Zo�MaZ�L��Բ씲�5��]���[�����oʹgd��9>��SY���n2�F�j��vS�+V7��'
%<��A�j�C��h]}}�_
�|�Yv�H���ܗ�_�#�"I�]���� ������C-�<[�҃�K� T_.��oo�춆ͻ��D�DHQ,a��$[h�,�o�j��-���v��1
+R[�a�S�U|�N�tek�N	���@�>�1��~iDl������G��z�
���*M����3�q"�\{��4C���%w��p��#�����YV��稚�^�ZMP�9�VI�x�
u�|�t.A����kF�$��f/�V�bTb�i��<�؇�5*>?�u�/��o��µ��-��T[ZG�՟([�$�#L3�|qU�<-���\$��Ymą~�߿�k����2��
+ɤ�^�pR���|���)W��-���3,�:ɱ�}�
��Eo�3��l@����@�])�MO0�jg�Tj�. ���V��2�M�*���\��=���m�ܓ�-pO�R�ň\��4�l����M{U����Y
�LyɨB�C!/���V	�����:����3��~�ۜ�mCgd�v��������:_�
����]g���	-:A��ʻ�C��j<�:pU�cZK�ͥ�����|:^.��h�zr]�C��
]�~� [�i�o��������x�
�"HvdyY\�S
+|�%,��02��YZ`�G�ui��8-�l$�=k����t=���7��rDy2{��W��g��ܣ�,+ �й�S��j����{�����1�X�K~IP<���dl9x]d"��s�[�j"jdMw�������_o�=�iK�줄NO=g�a�P'Ө�	(��j�amw��,e�Y4�e���A���(��[���R��>\Y��耘f$�nǻ1�9�į�障Π$�|�A�!G�K	�W�A��)ѫ�"G��\��J"&��CQ�P�$5�)�a4��tց�����J2X%<j��(Nt�JA�K`�6iL2�Ο�M�l�=�`|�����
+�b�c1���(-�Α<�
��b�ڬT�]T��ۙ��Y��{<�.kR.g�c�3R�u�/�j\�f��u���]��?0h��;H��ͳڕ�[3�D>�a���6&Hk�8��y�:�"�?
+��������,T@!�*� 'm0j�[�
+j���:�,AA[�8=�˪m���V��^SNJ���&�����KUC�����}1��6UA�h��?�n�my\{Շ
f�	]'้=�_�����������&��dֆ>Pp�I؁�:L/����Njk��!��^�rő�A=��,8N��=���5D9����둽��9Df����s@�3S5�*���jij����
"'Q�L<�s�69�ȯ��僗�*$ ֓��3Y�N��.�՜�]�!	�8�!�i��&v�3�Kl'��+�D�19v�;�0��65&	x�Q.S���ё]��^^Lf��@3ÿ��x���Bh�(Y��=z���嗨o��.-��qnإ%��.m��}BެAf����j����]��V����h��k��T}�[fm�.�K��Nc��Nd<���4�vs��ྜྷ^�A�Љ5�20eiO�5���r�+�Ѭ%���o�,��c�=1��*�/�^%F���J�|���&��
���������Y!��@�}��b�kw�šo6l�}�V�Hn������v>�������8��[n���zi6���ǩ���
���M�
+�y��bN���E��7=sa�dZ5}$
��^ݏ�u��@�Iv�-�G�>]�}�����<{����MMn�?��p]oRᴪ㒻J�����f&�aй��k3�,��T)�ثr�g�nui{��$��UJ\�\��XA�5���p��U.9�>b�Y�Y�'7��>+��L�������tJA��1�����"����(5u*��J�X��z���t�������jC75&-�dͷ}�ޡ	*B��X7hj�>;����}}=0-���B셞��{��bI�%�eO��Q��k~�_���x�-�k��4�ܤ��]�M+��n��_��9Cq���M67�97��A3�q�?��U`.����u��_X�+���p�ԕ����%h���C)�}����*�L����yӍ��/&�,@*R����G�S���kUT�I?������Ġ�q�9���P�`��T
�L��`*���R��b�>��8�P��#�JZ��_V����m���G4�xDz,Ι��"HHo��5�k�e���Wֿ��
+k����!̄ �(�f�F���,�)u�n�9�v���Lel"tϜȽDQ5�C�.�Ĕ[�#�dz ��Yj3������k��-󹱿b��Ku�y!��|J�9��W��q��gL[�g�+
�K��w83�n��B�=���n�+{#�4��f�K
,�Y�,�p���xӂ�������yD�$5N�ޜ�b��bVj��Vt1߬ˢ����)��Q�i&�K�HA��} ���!��.%���HZKu&��{�0[�U=�>ʕ0-͢EF92G�hr��Tl�f�(�H�����ч[�CH�v6��	!�+R�������-��'��8}Ę�;%��x�%�	��W��E��c�G�d�T+U�I��py��I���~~���@;�7=>��'��H`G�
+/0Z�]Tg0�1g��s�Z�G����(̹K��gؘ»_Rc�kKH�����g���YՄ������|��rn�i�7���v�)|�_+Ȉ#�Y'|����n�z(Ѥ�A��G�����9����F�#������
H�{��jy*
�+֑���>)$��V���w(�.�V��ח��l��fƳ����1��t^������2ws�j�j�f������܌A�����7S�Q5���W�k)���
��ߥЭ+ⴀ���G)4��w�%�YZg�(����/�M�R�m$8=�|m1���@t���߄�%ܓ�N�.i
`;�(\u+��m-�5+bU��=��G����!o��|�Y�#9C�R�	Q���!
ȹ����1��3)���!��0�m����DՓ���a��q�j������ƽ��e~ ���q��~�&	ٻ���6Pt#vb��Y�rݘ1���:����p��`�C�?�,_��M
��+��!�(W~	 bL���
âO�Rf,��$�6n{��,�0e��:ɶ�^�e&�҄��Ȅ9�Ib2�����[���6�S�����i^������-��W��F�F�ޅQ�)
��]ϢSg=��/H�)�Į��Z���z�B&NJ�Ϣ:�[��j��~��ψ�_��L���
��[����[�P���c<�#E�1I�ʊ&�'�t��.�A���\5q��P	l�u�G������Ό��<�F����y��ƫ����GI1��ĘtQۡg�8���u��"-%�8�gT�D?��
Hg�<W����=�
!�1P�f�v9��x�ӊ�Ս�(�]���3�D����Eh,`k���YQ�T����mmdRp����$N`�2��2�M��6Ic>w��P:��z�;�c��LF)��F��pd	�
+���7���W� !~|���p燰�n���#t�RuI�?���#m�P&]�ʤ�?�
�C�\W|�����E]u��Q2�ԉq����JH-zE�������+q�ݝ����{Tޜt���عE~sr�bmA�_�V��x��~�< ˲a�Wp5a��-&�)l�Y쿰z_�zT=����;/�-�NZ�A7[�{e"�LK{`��%_�vl������^�j�8���ƴ'..�Z��'c�J�k�OR\�L= q��Eh�<��(��]�X��{��TMjT�(
+t����]����ح�s�����ڦ��7W��J�X��2~��\Y;�Q6!�q&k_������e6��5��Qn�i0��mx~�RJ@�jf��z�5�dM~���u��z]d�):�u�ֺ����y#�ƛК��
�ܖ�QV�(,���v!)]�t�
+�-�u
���$�5���'Yc������Zl���#��*��6�d�K�����$$��@Қ�q���ژI��K��)K��u�Զ��0⭿	]q}t$�'��pW��1<����^�p?��#+�����؟�EΠ���z�[s
+��m�xa
D��:`
 f����e�^�:���6Uq�	³�@��5��T��E@s�HoW�H�P�P��8���;ME_9�R
0h�����	b0|��e����SB/
+���|�p���!�)���?)<cA�z\!�+�� 8�Z'��cN�PMG��4SD}�S��Fp^օ�|��q�}�*g��尝<{o�)��j��A����O��U.�2Q|�<�7��aI�鋅t�"6�
�W�_�M*�b1�J�}vpD��
B�+�4��\��M��{&���$�?ÿ9�c�Ï�:O@�ʻ���9����W^i�����(�__�����Q>�a�^]�G��D�<�'���V\a�� ���c<#�iG'ė3)*E�-���1W稌�J��r��k��&^d��Q��=���ϝ3�[�H�`�c�ٳ^���mS��C��nv)c�aFL�1�Ǝ:�[���F�=F@�h�T����*\�2������c�#Y�#\K�=��y
wE�$fwM��O��j��7�<�_?5c��Ӛ����#^�����ǖ�ŀ�>f�X-�&��-(�p�|gW�H.#�oI��4TU]�ɿ&���+Ef�@�3���G����!��
[9�'@�f�68�
�¸tf2*�R5��Q�4�v�~GnNk�#"Sg{;P��B,d
y=�[��s��p��2I��e"
+-ZO#d�'Et�v�#I��`Ir�/�x���I�(��^vC9YD.BJ�G��x6"e������?,f�l������WH�4��h5!:�@����Ҽ�I�,{�1�4����`���0�R��ɛ�IB%�QCT߉�^D1V����Q)'m@m���܋��a�o,��_�4�d*�Ϋ]I+�ρ�/?���6���vOh
Ù������ƞc8���k�����^.<�T��7�k���f�)1plFBx2A��d'
+r�d�{������Zve�L�#DF�;umD~��P#��
6f��Cz�&��疕����~�����H�~������.{�Sj?;�&`����'Ga�m��!2w�:c�N�0��U]�y�̕?R�X���ik�ƙ�K�Jg�XBpHLS�X9$�	��=<�T4�
�o�`E(EE���W1����>�m旌e(	}� ���}0��ے�
+�d
MQ��I��-7��	�s,	3�xk,H-,�].�KR���A��mk�iW��^ �ڡ���
�as#.;���0n�6�>�����q=U�
|_��	�
�ܿ1�N����KTŞν�!�N��������S$�0R�W��H(�̧\�?>���W��[�m+�x�+�w�"�"5,�	�6��?��$���G$�7㢦�t��	�L�QF���Wnj~�`6�x�d�ފ1@�ޅ!ny&7Sc��7+w�x�SNAqj&f��d!'����=4���߈�O���"F
!g�o��4y�|���T%K������/���)7���@C�2R`�`p�3�i��(Te��ib-���wR��%I�n�������y+Cb���*�m=��qd���w/�0�@�`��P2O�c����~6�������~���C�
+�m�0��Y5���!��������d�X⼃j�ׂ4f7�8&��:=�j�=#���DD������4���J�C�^�L�^^5'���&�0%�׈#"�saM¯,��%���K��Ǝ�P(�k�MDf�g)*�q[�t�
+�.x4pE~͸Z�rB��Az�k
�o��DRo�
N�}��r�d5�cB�8
�7�B	Ŝ���N}��+�dh0�z���GƋv�QȒF��A�h�΢��Rx�wӑ�������E�%iV�����\W���/��t�j�,?�g�̲ɕ�߫�
��ഞ��^�R)���\�UIf��!<+��u3$�k�Y6�+�P����K;��æ+dʝ�5n`��^��*��_��?bZv��1A�jD�r��a7��G�=v<m�
�&o_��!M�W��%�e���a��	K���r����v����EH��wVt����C���#,���՟��bJQ�e�H|uH	&�-V�0���VP��)�kOO�;乫��zFRiWٽP_���%�)��̶�O��4�ʏ� Q�1����¤�y]��2��n�
��`�Z�á�R����%
+�b*�Hl�{ı��V�"������q{�Q��r�^	7�������B����9C��mS8�CN�=&�x���)���ne+΅�vIY�U*�(�I	a;
������HZs�PV���O����y��]�I��������F�bG\`fy�G�֍��2��w-n;{!l�\4K�|�O)c�3AJ����V}
��%�
+���֩gA7q�N�@Y��Q,A-��Ź Vl�i�j�
+�9���:�EՕ`,���m���8Gr*�;ssi�qM6�T4z�1?��7�%��Z��NJy�Y���'�*%�#�'$/�=�KV5p؍����"�FN�/�/%�6�?����S�蓊,Й��6�iijM��2k?����8a|����n�l3�1H�Y@|��$Dr�����$�k��bF0�2C��	���C��Ac���lԖ"�K��}7�"D9�ʖ�{<O��1Ex��Z#�b��Kfa��)���t���Q6y%f���Q��ofL�������UҼ����ޘ�vD㛘�E	Md�B&���Z���H��a���HW[�%���/��ěB��I%?���_���C�VL�G�GK;ě����Y��zd�B���S�{�����Ǝ�2֣ �A�R�d?ۮ����zNE��R���o��m�-���vجص�J�2��.�4��������"���A�Q����Dꄫ�I�KO�ew���A(�<6�H�x��ə�I�mȗtn�"��.J�7�3G+_f[ڙ9J۾�Ȣ��ȹ������+[���*����bxA����-��E!c��.}_
ub�MY��,��]��F�8~��PA�bm�'s�;��gs�w���G2ww����SĚ�J,����|d����3fH{�#�������Ȇ�̢e`}Ey�lL`fl�=S�ώ�(�A}L�|9f�J��h�U�)�F��4�$T+p H��n;B7���
+��G��+j_�D�(j�>����2W�PE�W�rLַQ��	��lQRp�L�Y�wk�.������M1�o
�]�Ma6ﴠm�ۉ'��W����u����7�{��e%0��~^�\�vB
+>�5��pV)7@�o�����;c�q���tM� ��j�J4��`��w�I�I�j�<eJ�2�<�5�� I�� n���W�5i;���f��(Q��bԥ#�
�wt��է"�y[�=�硰�0O=h�}(��ٮ��u��879WC-�i�r�@����ќ�HO7�8�b�z-���C��ŋ>8��*@TB�$�ٸX�/^)�����ġM^�2�p�3߂��
פ��}_���5�u��mߒ��x��/߮����G7g���-*Xv�m����a�1Wlh�ܩ���~�G���ג�
�A�}�)>�7ZL�D����;��l�>���#�~�?(����q���'�ƀ���9��5i������Vd:{%��W~f	A� �A�=��t
���zs~���V�N%-6��_�<ƙ�k�҇
i�6(-3X]�&��
+�H|+�,0#\�ǣ�G����V�
+6H6>9����-o�guz<G���8�/Ri �Z��e_n6����i� ^'��3����y{���~�X�0��o3��\�#5R�<�����D�%����vݼ&�-��ӝ+��qծ�J����T�t��#�=𻀯��*�a���
�1E =@�_�IUbO=0�cm�jf�
�!�(��A�3,��>|	z7X�f/4mD{�:ծ6*�����>Z�ߎS�GK�2\���-�@��*lN��b�
+y�C&T@��{�DR.u-�?�>�9(b��b��L������*��}:�B��[�Δ���8S�l�ҳjh���	$�i�0U�H�!P���tk�*�\�Be�EfL���X�a98�>.�6e���qT
+s��~�ѬS5�<]?��+v�k�x�\�ك�<�'��
+�a�$�BD�L�۱DE�aZc���<���2��N	�	5��8��a����	�P=����.ηh���km��
��P�|API����+��j�i~X��r �U�r���H���3�17
���dX�$�:/�M�o����14�ߋ67BCb9�B�����6�1z�j�l�ԩf����^O�G�q)td�����k��Uo��/	LM5	y�y�j0'�1���M-�5$��� �����:d)�"�uw>��%k�z�
}S!�������Ȑ�4�wu�#ޣ]�q�D�	|��Oz�*K�r��ӄ��CKw/v[G���RGY���=������β�d�5������M0�ΫO�6	��&5雙�Sehi���phJw)��`R�W�/W����f���Y{�ى�\	�<
{+hJ4� ���F=O�]wX�ؾ3�4�Nz���W��@�r�R)}�˼�%�����u}�0b����9���{�,�ѿ���۴�+��M]�"�_���er�����(E"�Қ:q�ɁE�@ZT�Q��cZp�����	�i�K�2����(�ֲΙ�
5�C�<�4Y����'w�Vo�n�8$�p�f/ݙ�t"W�5<�~*:$)-����o:���ax�T7C�+7�
+��i���(���w7I�c>�]P�//�E��J+��
�[E�VX
+�+���N�ݕ9�xY�r+�u�t~.'t�νfQ,3�Y1&�UQ.j�GҊ�iv��4v�y�N�ʼn[��S���<���v
^��A�(z<�`�_�Ѹ֏�
�ʸ9��/we�q#���������oh,9�O���ݐ!C����
b76&&nd`=2O5�p3��#h6� w��O^
�w
�Mi|�_v�Z��Bƥ�U%av�'
��f�Q�T��<1����vC�O&Q�B
�Ţ�[ԌOB�SZ(;����2�$�p*�*Y�ƻ�n�`��^lk�,_���l�2h��Gv��D���=-�1q
+*,XkN
#�,��t�$�!pڲ��cG�وzJ���Kܤ/5v��w[R��6D�ٮ׻��:�J�3yjpLb�b���7�@���e��q� ���qBB��Q��I�Q]��ԋ��s�n��P�F���f�C�q��p�<���پ[ z);:�eDJ�QAo���
����<��A��k�ӴZx8@����sВ�N׷Z?�!Lt*��2�G0����/��8��>�'(h��)��#FP���<��jI�R񂗍�E.��>V�IS��
+�E�����5p&z�|�������$ER2��G�@��t��J�ALqk�h���@J��g�Xyvn�X�~cwj��jx�)��!n^�@X�?����j����:d���"��
+ƛ�7xQ%	B%�
���xaH�cpa��A� 4�j��X6@0����z��h���oq6�6��>f$���@jU$i��3?�ӛ;��U�pF�����lf`J��,>�#�'ZC�2Z9&z�6�ʱ P��P��χӑ2+.�\v
��:"�NC���u�c�@ S�|�� ��
+���k�w���c�;0ZEq�)PD�2��lk�~s���)�ȫ�^�&67�@�1�o����poZ��7m��
+�*={T$r���M9#��������*D�d�͎�;G���
sx�re8!:åw0�U��f��*�1t�P%,��Ԥ(��b�}O��"�/:v���=hF���l�H��b����%TLLn��`�w�F�1���>��YQPS����5�I��'q�$5�!/��M�0��[ѭeg��8&��N|4vJ�a��o�ZDOe*�����Z�ے��M+wcaE�G��:泇S��
+Qc?K(����U@*ۆ;�΅ѥ����NV�
��r��Z�l�ᇩ-��@����B�:˫F���ľ���J���A
+sG8�1��ǟ�ԕ1:Z��=��SzO���>�u�	��5�at�ڐM�\d��bt,F�"�c:�-��E	ژ*���ᖶ�"�y�G�F�D�t8��fH�%�����3�l�4�S^�q����
+�^����(T<'J��*��R�De$*A�P�
�'[3���/R氁����K�<��f8�M��+.���Y�
+e�
+b5JCs�I��f��2���e��G��zr	[oA	S�i<��x�
��%%���D����w���������&9���M$P�,����R8Xrt5��՝4�wq�"�!x�
�׳ekb�h�
g��)>�� >	ष��t�@k*�OZ2݀�� 1ϾMC7Hة��*�G㳖�j�.E?h-���i�
+�x��ֲ
�'��2Nec��vd�X��X�$>�$��%O*�����7T��w�j�;��:�|	ՙ��6��F]J?MjL�O������8�6ĩ�b7����Fm�<�T`x�
���Mu��$r"��Sݷ�ƌ$F�V�-i��h.�I���uQp���������R;�@��X�>���G�c��Ɇz��H@V�����G�j'I�*�c��MSOU�rMu�M����
+�z?b�
+�&-'�'�9Vs���:8<C6X�EB2]�w�"F(4�J;�ѧ%7I>W�E��o54��������>"fRy�YP�кb���V����P6}3j�i8�����E�� ޽���V*bw�,=�~�
'kx��[�<ˡ5��閟r'K�n̎6'8��>L42(�����0B�~�B#�����;#�V�:�<B
�qb��/.,�]�
:�e��f��n:"
+�tW�A30�ؘ]DA��g�,70��q�&�ͳ�+G��
&��+��o&M�K�
��R�[���8gX��6Bz�����O��$?�B����^h`L:(a��k��<e宍zܳtq/1ߨ��cϦ���$~V]w�u0b�0��"��/;*ň���ʧ�s�k?L�c\wģ�$R�ՙ�{5ߧ�I>�W�$f�>�,�T�K]^��v4Pq����X�+��OS�ߜ�N�ݰb���/з��zҁ��I�Zq�������Ü���a��#q������Rs�����ͼ�>dj��u��1䵰qx%�N>r.�PD�Ľj�[雔��"���Q�߁E��F��	��d�J�C����Ś�
��<e�{�Pȧ�۴��OdF���?�(wWc�#���j}i���1
!��aՎ�ʝL%�������s������y��{�,-(r��VfØBZ�iLD�J��!�a.;�u'��\�>ޔ�nX= ���й%9%a�˖�����_�����k9��|�&�V����H� �l�뇮J`u�ދ/\�/�E]��ۢ���u�O�ٮ���Y#�\իt���<3�3ߛ��.�:w�E9�sWvonf��y���V���Ԟ�Σ�U�x�~
~9�s/�w���Y]��Z��`O؝����W̓ڤTE˗�ʚ��KW�z%Ž��X���u3��B�)�..I6���,�PP���K�i�[G����*�����2\�����R��X�}�jW1@[�[��tq	��{�+t1\/�bɣqU��If)�yI������Z�F�c5�t=T^���ο�^���^}��b��Kt�0��}1�7�ڒ0<���Ǣ����\��(����m�^efy�U�_zg~)~�z.��ҕ�쮤�k��$'ź>X�>KK�E�^{��HQ0z��̨^������3����񇪶��S������?�����������{��"��]E$9Y�@r���R]p�HJ�r�2R�UͰe���l��m_���(I�C/��Sy���^�,�?_���I�e�T�_���ecӻ]B$�.�|Y�ߋoI+&�ntbr6��(��g�ʑ�H���S��j_܉�	dh|:c4���ʥ]��i
��_mo���)�� .�>�]f>Z �-�d�AE2Ǐ�f�L�� ��;n�?hȑ4JZ�8��A\"pz슷�<Z66!lHD��xǗp�%y�ak��\�Ǒ˲�����b�ѡ�2Qa��
+�ې�A\"r�ѓ�+�zU�G���TjY�A����|	a�{�h�i��$bqv��%"���HU�O���h��Z������M�)	�˲�
,a��a��E�&B$=΢Ŝ�̣i����8��SM�#���S��0>�K��b��a��7mi�e��8i�)Gh^�M�0Ꙩ�h���� �K�D���&m���A\"
+z�*Ɛ
�[U`
+!�g��|#lރ�Q�=��)	#��C��q�(Y6F|A���Έ5�m����$.E�����2e]�l�K�vY�^�Mw	��S�Q�	���M/��ٚ������'�j��A{ͮ�;�˄�%D��q2��G�������|TG~�|u
�/�%b�x'V�|���aT2��܎���M�ak3LF�����:/?d�\�Pń����~���Į�+&حA���h�����3�u/)J�*�UR�ES54�N������n{��,��Բ��~�����}�f�Fy=FU�e��y�o��=�]���ǃ+��Xt��@�h�����hb]�W$n��^#��^�u�.Y�0B>���p�!���m���^}�ɀ�;�8��w�kx}!�
�DOIו�`,L� Av���A\"t`������r�pľ^o#V�w'���h6�]�T�2~o>Q��|b�aJ�M�|��36���U+O�A��ljU+u/��[%(�}��ֹ�py�3j���H��g{�wfya�Q��_ZG�4�ʆ*8�]h7¥��`ٖT��| v��Ai�4��C�
brV(��'�5P�ڗ�)�w��~?�*񈚂���A�g{y�un8�7ϖ�t4���+J�:V��8�Ӥ��zi�ѕ���T��Z٭u#l�W��G-י*�]�H�n�a��.�cd���AO�y�d��~���9.
S�����ֲ&�*e��[ԴP=��%�
+a
K�D�������4|*�
<+�9	�9’��D�A��=��y����>O�f�6����m���j�J6D���;�̈Y����4�Q=�Ҡ[0!�����
���V�?��p��L8��ˤ���������2p���.�P�R��A�!�M5��d*�bK�K蜙�Fa�����?���jx��_������P��*^&"8��(Jp�[Z���'>�uITB����ت�`S��9<+��zv�����p����ɡ��͒V�X�������/$؄���q��$=�%)%�:)�XʹVs��àDU���93�P2 l��U��u�d�e�`[�����%|y$��3��Ei#��-�� J�cy����_‹e�ʑo=!R�=�=_�A�}X�ΡTx���xFk���9]|ˮ�8ٖٵ�O�t���J��%O�RNF��r�
�I8�
Ow,���TO|�?� �=��4Ba��Y�7�R�H��������{+��P�c��˄��k%�P��Z,JE�o�z�F�W'a���*؄�Y�Ył`v�=�%2�|�VM8��;�ʻ��>	��ٴ`�{��(�c�7txo��.��t$��+nb[��$@�=A@|�4�y�}����9�A
�*s��m!�����c��g��:�@t���!N���A�U�{S��n�c4`��j�hҚ��A��4�;�m�Q��Y���a6�V�3�e��5D�0���X�"�lK��>�Q�M�12(�Q��Ŭ&.VV�lĵ�i�ˀ1(8��3/���u�����bS����S�A]����
��#�g�I8S���	,�+AT�T��!��z�5��뮊�ت�ka���eJRdD��	����|���As�V������_r<����%^�����%_��W����B�=��#r�dY]��!,�&�"/m���n�·bqt���I#�ʅ��|R/A���Y�$��'43��dA�6O�
�z*��Fx@ma��mM�L�:�H�V���qϨa��,
1r|�[
��?�R�ֻl��#ɗM�
�ԣ����F?A=d���A�'+E��Z�"�i� Vi�,�i@e�TEX|)L_$C��o�pL��������u{�Gm�r��u�o�s���S�L���p��P����	���:�}���.%
��I��`�Z�/i���}�q\��#0�jX <�[�A\&��$�
�2@N,�����>f:3M���㔏��r(�����A8���pQ��|��
T��>y�z�A\Z�A)e�a�P���H�p;����Y)8����]CA(������� �%@ y
+��a[`�@[g�lTH�Д��%�zf�4��af��F�C��.5��y����a�nB=�H&2���	��n���}�ą
3������#%^���K'vHU
�š� ��.Ջmo�3'w�8�
��n��>������;Βj��:�6��|O�r2�"�
��9����T�cR�a�Iq����2��Fv��kL��ڣ��'�P�1t���
+_����K�L`�#1l��$���!C�靖�F�>�n�!���S��2��z��"��
ֻ6Gri�»���>�O�����9�V�٨��uh����U�̭d/\K��ˋ�#�x{���m�y���uO����3&’ʝA�BPS�0�U���x�dU����[�N��z������[�40
K���R(Z�����c���`�{H��={<��AF�a��tx����O_�#�s�BwE@Uw��o��}��`���3}C�� ��}L�},�<�ιw�_Qāj1�B2AGf��*6�T�����KD��H�
kd�>��+�y��S��B�>T�)���M�P�?K|
+ ŧ��z�;jf͋�����
+V1�f��a����
�1�7zlH�w{T����Y��>�p��sbˈ)
�߹V�B�>���=;j�-4S�٨���"�ӄ�,�/��AiNMa���}���a����̵ꦪ�L
�㠯)�.�k�v���l�c��le�o�g�&,��-��k��n�R��=r8����Hj�8�V�mQiF4Hw��@�t4������
5�P�=\{E*�43�F�~w@�,���$
+[@WcO.��/^'
+�z�\�`��.��앜�
���@���䏩c��S�9$�wW�(��ߕ~�,
z8�on>�1�̨v!���}��O����]�Ge�!ݮ�C�y~����˼2��P��.Y�*�)�:t�~�ײm��k�����Y`������}j�\(�{R���#8Qpo�3pe3 �:$d(m�Z+ZQ?�����^�&��(j>X�k�2#���S7l�5
HG�Ƥ�_���sD���9�{Z>��7CdaD����p�|�Tf��|��@�d���~fFf	�IP��ďg(Ҁv����TU�C���-���2���
+!�MxB5��(�$
axq�8��-m����`<�u�S���/����G��>mF�y�����+sC�����u�zEߎk���&ݑ4�*'$���N�ڴ@��E�>_
��Q&��Y��UjfS55��_�������H`χ@'� �5���$TFF[�ɧci�H>�b;�N�$�D(��*|v65��l:��6)	
+��Y&|�/��h��S�)~8,N*�3��d7��((���g�a;:W?.;�b���^���R�;|s ����Ei�!C�MMwg)/���WA�Br����T �8�����O��+L�~�f�G�������xN����o�LRH~�z[‡qC�h#
+��S�9�#��hGg��R�CS4��S�~R��%G���ғ4��(e�f1coX����3���ܢ�L�8�j��������q��,�Y��kL0+�b���BL�-��o�!� &����C����O3�,�,��ݾ�4�N��imemK2�L�ч�#�z�?3�o�|	���;S�����.���
+6B���B���b��?��D�ԇx�V��D��]
O���9�b�
���q�����,��������sl��͟ͅT�s�O�|27
4t6�����s�UN6�1|p㽺BV�O��)��H/��
�KƧ�<����@�;�Ѧ[Vz
��ۣ�`P9�kGF�z|(K�]���9�I�Lu�`�[H}�^���^y�#�IV�PkH�̲��9V�L�$�S�C8�|c�<�xm
��1@�:Z\Ҽ�H=�I�c�4d���TofG�d��9V|���n���If��J|:J{C�C�X6p�@���"�Z���۾V:�6��c�)n2�CzI�����1w�Z� � �RT$
Lћ��{�����~<0Q��$U�Clj��9�s?Z�3!����4ը� �h�rL`���I�����ݹ�o��G��2�!G'1&m��#;�*�˰���K��RS�9��"5Ź�`*q>4��t\r���(��'^B��rG�p�vK����H�&tuT@�8e�t��S?�y˵���
�U����>?{�2���Gol9n�6Ōr�;Z������Z�!^���
��V��aO�K���J��R�>}���,i��������W਱��H�k��X���ӛ�r�
Y�
����e� Q��8/9�ߗ�-������o����X &Y����=v���+m�Wt
��h�oj�u��\z?���b�Rg�Ɵ9T��)�����j���㒣a,Б����2Gw[���7��9��~!70
+�ؗ�d�2�_����ϟm�z0Gz�s �		��6�O�ע�4:�5]��*��]�u|GJ|�os���it�7� 9��?���u��q�|��S
��[���hF3[_�?�/QJ��T�g��
-O�&�`�����c���>	/o�Q��5{��g�?��W���2����u�Th�U���%sV�r�ճ�B@����9�·c�7�B�����?fKz���a_�GTC�HE�mF����?�/E�Z8�pfN{�Њ�2j�mp�ڃG�&�2gH�D�����x�#M1��H�2�q���g�Q;�@����+��od�!2�T*���29�`��3���=��$*�0�jKMQ�L�t��:��l�jҬ_��;V|q��As=ߖN��~;|�ҋG*�lAZi���i��!�<��ɽ�+&',��R�ڙ�Gp�P|��
�'8 v!/'1
mU�������
+�`h

+`�
+����z#.%�*F���D�}fb�a1�z7�eN#<��S��$�U+�5����߆0��.~L~	MS��p���0���Q�����1�?�����?��1+~.xq�~$c�]f�^G�M����7ǥҥ��ѫ�3u6�xZ�o�~B�8����}@�r�����
_�AE%�w�r��C��e����&_c�~l2'Ƅ~^�*�9�¦��l,p��=���{~�?z������Q�%}d}�����=�x=ֲc�{(d�BF�@W��	,�~y�W[���N�)�1!>�݂"�s�.�����k��e�肭^��-ֵGl�
]=��\��z8��#���t���~>��D?kL��O���i`��
(�����*Ir#G��~E�@�}y�\s�_"�H֘�SU8��G����Ǻ����`�����CޟP�
Hʌ���;,��lʬ���{��B���xb{"�#�P���!����������vα����$�d���x��l�F��
+gp�2���(�؞��Z�R�~�
\�����|�EF}f�2=�_�ݛ��W�c.}�˒����Q#�{v����B�Lm���U񮢯{��ۿ#���҃���|3
f����p���wj�;�;/x9��j����A��\��mtN�Y�8������9�AHd�d�¼���FWj��z�8��FS�f�P]v��\cS,n%��Ǿ�播�}�ԓP���U/�`�e�����aq�m������/U�Q\��r��w7���|ay�$o+��W��.şuzD�mG]��,�.d1��ۊ�Ư5orYmf��^��>�K�B���)��2���+G�Or��r��mC-����s�k�y�R��眢|~�&����4��P_��a\g홃̈́
+$�LM��
\0�)²PM���Ʌ��̧���5����YfA���R���Ԣ��P?�4WV������T�v���09�����Q�g���0��?R������
�;t���ha0�/&̝��p	���Z���
���#:�.���}�@U�wƍ�N�#�~��d��G#�S�/ ǿ��,�f������'�&��%k'���~ï�\�p��2����39�2�Ba/	6iR^Ь��$����g�l���Ÿ���R�ĩ�����K�N".���)��a悊n�㦴��0<�-����g'��h�p�
/o����X�7g
��'�2+������l�J�T�v���5��Ԃ}�#���q�r�g_ec��9g��\�^6�.�"L�;?�lBR�t� �SB��5����Z9L���l�7������h�p����G������tVV�Y�����Z��Rn��37wi���	��n�l.�MN���
W*�J�&�Cװ���}� �H����;��P{�ݖF�=�`v)գw�P���(�=�6�f[�?�gҁ�����$g엛�Z�U���
\vR�-4`6Z0�ق~��"<O2��AǏi_R�w��?_��rW/�*����a�mgJ	�c;s6�#����4k,�"�mM��#o;Ҏ
��3P�M݋+�bwH���
��HZV,Ft��'�}U����n+�hU%�n��)�
5|Ӽc���)޽C��*.9#�+$3ϐ"`)ҳr&�a�io��]ڑEm�c�<��ZC8����;U��+��z�[iqJ+[��Pm�|��6{�p_��Ew	6�dM�
� .?��ߠg�;�Y�G�:B>�-�t̊��"Umq��OS�`1�L����H7��5਺m�z�E���8fh��eE9lv��7`z[�e{[��A�!���w���
�{I�9���b����q�I�1��5���}�f
8����V�`
�or'��&w-,��V5���cz�[='�*������^����|�V�Ŭ��[����i�+CR���0=R.�ދBj�QE|N�A?������Z���rX�0�������[$�����tX�f��1�K��+KQ�
�p��n�N{^K�gmZ��2�:\ikh�(��@��[�<�f$�R��2[��`���y5ͪ�q>��Y��]3�`z���u�7W���ȏє's޾{�Me)�2ԅWda+N�;o�l�ә���:
�s<���09QG���5���* �̉�.�۱�	K:aL��������pU�w[�"Mf�7%��0}ѓp<�*�T�'N�Y"NCi�.
i*й�|��)�O�^Cw��� ��ʻQ}�EQ����T�ŀ<�`c��q�q�ersֱi�]�n�uo��/K�O��v'�^s��쾵�JPH&�]j���Sg��?����	����wl��FEC��p0�eC��mV�����9�:��ϺMk~͚rmYw��ǧ����y5)�(M�L
����}.�߫��%�ˏ�^��u6�_DH,z�oڛ���k��?��l�"̵^�C��}�?��������z_VSf���4f@�����fg-��έ�ˬ���"�.[���]�u�\D��U�k��|g%����]�8g�b�m��K@�|�:��Wf�欤���O鼀+�!���j<;9}�����������Fa��rݫ�ˎӷ�_o-���{ܾ�7(o$o���˯n�ֺ�Y��$1�E�@���N�%i1w�qл���z� ����yU��H���f�Y���wS�
+%�]Ե2���^��wٮ4u�^C	�x�W�H��/�0��%a
��_����o������(?,����X�M���[wʼ���G@)G�)��|��,r��mv+�9p
+x���Y-D&�4v�O?�;f���Ӧ63���
)����J2��"�f���}>e �^V����C��0X�9ח�?�3�FW�w�
�e���9�̃j1�\�|� W|��t��eE����
W�i����K���3�b������if:��o9Ê���YߦhQ@�-��o�[Y@є�ִ�K���
��Nd⯔���W��V�
\*:.
�04�?
��(A?ґ�KiBe��
+bm�6���kN'����@�
�E�m���m���%S�{^j�9e��d�^^�\f7�MX*�Rô����0_Z�����m5*nF����/qF�P�S"��G�chw��U�+YqD��+����^�,���-����q_�0j�_E���N�$����S074��2.�.�ɠ��@���7�����#���ʾN�#i ��f���Q����>,=s�v��Ca���%ZE��CC��\�
+w_�K��|�!T�=�N�N��"�?5�Zm]�;����l���&2���FWtA�D�)�v�P�団ٝm����8BS�������Ǭ�Y|_v�h�d;?�|m�z�dY���@�p�#G�,�
fV!q�%'���������]2{��7�nۻ…��o���#��G�#��(�CazӃkNwJ3y[�H�T�~��Caz°����p��Y7����5b�&惃da�`�!�>�v���T1�
+�V�aR�8It��5����"�Y<QU��MKoΙLMЄ��;�ݡp�Z��q��'�
���� �7E�V�a����;���?>�a����C��u6A`1W�(^���S�`?�5��RZ���/�ƣ��L�W���Q���}�V�!w�k{�6[�B̗��;R
+�����l�a],~��K�ӗ|ߵ��gF-���l+
+�P���ԋ���J�4}X�zn�1������VƥK��=�bq�8�PD�����}W�dWGw��Kasqu��FS�s������M��[���m��	L1o�3{�Ca��_�&#D5m�w��xJ!�Y`*8�n�bg� 6����+�Rd&��3&�(U�B���1�&�:%Y��t��ۀ�*�۴4������~���\����}�auS8y��P�l?]�*4�a�RD��<�J��i�Ld�#N�)�<G,۩_uQ\ɕX��Y�*�C���ֆ�a�-��I���k�b�=0�P�ks�VL��)V��+�0��}�*��u�(N�R�^wt�����`꧰�v|��a��������&?%W�;���΀�8]����*���)E�������p��W�������k�rR�fC����o�����}����(e54��k����ƈ4%v�1��K��K��r��T�:�T��>�~�v��)�5�<,v���m~(��ݷY�e�Q���%�%��_R�D[��=6��j�e�2>�6Y�ar��7� �6���]��,�l�:�P�C*���U�zy)\nyʙT��2�'�|�U���8h7�S���qp����$Q�âju-!�]�E�yd�D3�&���bU��Ca�'Pd�ۭ��E����}�c	�F�
+�ʞܸ-ŝ�Cʰ��axc�0y(�7NH*��!�qIQ�q��E̘�7'4'm�;U��A[����n��l ���TAv��� S),ݶ\��µÂ��`��O5&d��=}�ȗ�3S�����X]�ek�^��=
��0K�@K�&al��6�c��/9n?t]���;-��$q��(\y+�t�k-G f\j+�<G��O)*��V��JNV۲D�{�-����сM�s��vŶ*�C	���)�R��3�:� ��f*0��@S�yQ�IJy|��b\?�q�b��R���uo��O�ə�� �S\a(l?�j����wk�c2K��=�@���S�]����[��?dg~�uhF�[��̭���/���E�Ra_�ڦ��U��\�P��5�'"����e_%��a����۰C�d��k8���zv]�w(\y=��<Q	��誜���?��:XꚤK��L 9�0��U�O)�}ƕ%�.H��?ʱ����)E@�$���L�F�em���+l_��_���\!6���Ma�e�$���>^��+��F\�P8zk(��gu]CX�j���/����^����p�s5/��\-�t�Ӝ#��)�u���{�X�c����yɆ�I`��%d�2I��g�NKT�o���+�ե����j����d9�_�t��1v���������ߧǏ��N�
���o��3y����
��1�.���&���o_�����O���?=������w8$=FM`S؛?~�g��ϣ=�<�G����s{|�o�ݖk,�?^��ǟ[�?^α��|y{5������1�@*6�:�rL
�<�,.���o�|�^�����s~|�
��������yگ8<�_~��F#�b���p��w\V|�=�6��0� 4�HVg�A:�ʥ���пsJX������G��*0Թ+߂>��\k���wQ(�^�%̄�v�#>��K��&Qn|�J���BR�.�ʔ�q�8,ߓf
$�]
+����8�6���^��|���SzB����>�S���r�A;p�o'�Te!_A]�����m$?��]!���VF�Z#/��d���Ѻ�9�n�Vgr����P��@ݑ��UȈ�*�\t�TcW2p^V�NN��JR��f
&�L]�@T_�E�2���L����������X셦bE^�{(e,f}���<p��}U�	������z̀'JNDג»0����%U�
�[�DW���t߳�����Hx�ˆ%�|�@ZE��[n'6�X���R;l��˗+T/�����MAMhVFc(
sk���)�u��+j^J�%��!�BDAy�e�Ⱥ�R�����=���
��c}f���[e=g���tB��h�†�P���YP�҇��}X]�K�j,c����Ŵ��n��5)���o	�~�����	>�W���	�I��T��;	�ؿD���,�J
+����
�4!P���]���2C�Iv��l���0���^���S�F����
A�5Ae>�تќR�/�U���
��9E.п4�y�,��oCd�l���]^y᦭�H�
�g��;�A`�(=�"�����f�>��x�ɻ�V� ���|���4�[�^���u��<�:��y�ef���f��P����l(
י��L�u���Q�}�ȿ���q/te�aܦ{����T
s��Cu�D%~,�<�f'x�+g����@����,���%��5)�b�0)g�;�ti��B��1����{�]�q�X�VJTi3��Ӵ4��4A�a4��[G喹	C��b���
��0�`���{�~vD�1񗙃���U�&:�je$p�j��_=,��"f���x���sR�
!w䱓��;������wb��f��g'X掙��ŝx�ot��+e��c�v�������9W�-x��c �)��3�z�H��X�zg̒ٗ'�z+,j�I�ƺ����x�5K����>�S&��*����8Z�$����JPa�6�]���kZ�rW��^P�Q�_�!��n0݊w�Kc���6>�q����e��=>�F�=���Ni�f���4Y�@�5P^a�?�y�Ǵb��D��~׀��ݾ��0��ϰ��洓�a�9��!�`��o���}��Dn��kb��c�K;�U�ֱ#����2�iw�fFd�W#Zy��f�""�V�<����#\>~�;�6l�0~t�	8P�xfzK�;�%PlD��
+$�LP�ţKW6��9��Z�!T?Lt���t��b�r�}���OiQ��J���JC��E7��/����4�a����ֽߺ�[�~���R��lN$Ñ��6\����
�z����Hl��-�B́Jv�yVy��L�6�����'1"o�	�V]�����������B0
+��wu8� �܏�Sz���|
+�Y�P��x+�j�X�|���Ȼ^,}�����\}�nt�g\��:/����p����pX�;J���	���\gʮ3������E��,݌{�+s�6�{]�ǥ
+�8<�%*���˭�YA�ѵ���[���t��"��+�[ݸ|u����U���[1q�-WS�*��Fs��V`�m�8#�XTmD��)���1@��}Jކ�NC��HO�~!5�,�PwB�����K�zXҺ30�	�?���6v�[)u�ǎ���m#���Bwcؕ�SJs�����N<�7�����R�%7c')Q�!���%^�-�ZyL��@
+�6B�Ԯ=Ҳ<-�A���d��ɬފ��x�_��n>�,�}��%c;�τ�dQ��U�ͷq��INE��]���Pm*��n�״2��dݽ�<z�(��CJ��`�ﾗƼ;��}~Tp{�#w��S��lQ�Z���дW4!M�<&(��.�S*v���e���*�|�b)�`C�	���$����1.k#I����Q�zBÕ�w��D�]��'�@�pt��b���Y�f����L�.v'���zzy�-����������fMU Y�y
�xs1S]�VaʴjU-N2��������[3���1��֠GD�=�[����n�M�}�l�,����������{�
��]�j�?��DŽP������j���_	I�d��
+ 82��ճБ��b�p#x'�g�$d&e�#�\���<ӷ
+[D�B.�9A�h���d�E��7�A�>xbV�
�0���g���圴f"����;��(.�����fy��̪!���l�A8O�`%r��e{)�j��d�1��8hC�u�;3�0A+��jBv�-؅,� ;4���]ڬ��a�V"�%#�72�6����j����*�
+�A�R
+6�"�|DA�m2pkaT$%���P��%�	�M��݌�hBe��N�ҟ꯶����4q��bHY~�>Q0���4ï�C�e@�$�f�"hZ{�e��ah��kc��mF���2��Šj52CP��c̦u�5\�y}�	�c~�g�u�Q����n�h�
�
�۰�δ�+VI�5��fE�-���D�����X������$+U��N�Z��a��zm��i�r��>Nќ��~�U¨�X���3���������Y�w�	�'�S[�����x1+��0�Ƈi\n��f>B�y3�]ʹ�<~$fN��)'�=1k�0��!�i�UɪzÄWC�^qcL���w8%3�N��H��y�L_Z����6W�1A�Zn\�&�� +ݙ��K�,)�#�A��Oy���
+�nc������ͧ	ո�X+X��h%�K���fL+�m�h��[�Ƃ =����_�s����u�q��ch�y�NG�F(�$
+�IzD	�7�'�:3s�)��\�;J�C��?K7�^���øM�^�q�<�(χ�F�J�|�r��?�~b���I�� ��8z(eI�����MJ4�w��.r�����&n����vv'��*�IB�6�LX3�4�z%�ߝ��:*�����-��l�3��݆�NC,���{�~vD�8���;a�G8hC�y�p�Q�xX6�5s��L-DB��C����v䱓�;�������,�݀�e]6.�����N<�7����
+@˱S�wB
+������6�J�݂��=�H�)��ѢգGZ��R���dR�!��[qt*��ʍu3�������,]2���LX�NЗEʈ���6�V1ɩ�3��T�Mx�-#��VF�ܕ���Go��{H��L����Ҙw�~���m8�m���<�g~c��֡23^	���G���s��Lp|6�4:U^'&v��V�=1ܮeTDO�"a��0�e&>�a~���2G)L-kzo��H�[�MX��:J��~A&]��KXH��إUP����;&�BGV���+���qw��ި;Uރ���+���U�k�z�mcOtl��ϳN.�Yc��#�Z�`�
��B`��w��[������J%s��F��ŅI��_�p:�nf�mU=e�`�&m���䲽m�w
3[�����$�V��r%h��;��	Y
+ZE��]؎[L`���	^ڬ�L�vv"t���d6͑9�������IR�j]�߬�?ٯ��Jnx]�)8���_����	��W��Z8�/*�b��8`H$؍R†Q�$��葨Q�z14��������J����^�"=�2F�K_p�L�7J�����f��vH��i�ou�.9��/dğБ{BM��U�oѪ�0u�v���
7�n���yKl_]��Bj��F���0/di��###���k�������8h<"��D�#�������G�?"�E|���V����4�;&?�
+�N��Oʉ/,!����
�R�v��/�7�����4�K���Y��s���8j7�����m�Y:A/��fQmr�V[�{���5��
���[��ߙ/
+ڴe���	��q�עFc��np�ʈ ^�!F����(5�
�o��m��mn�|>{�u3ػ"=�B�i
��2��h}���sӘ����z�ix��y���8�!z9��̜���,��F��/�7�_��.���1u�0bm�Y����Y����Y���'3k��dk6���̬���̬�0�v��씚�[7:�f�ڷ:V�F�2�O��=����QۿE������qZ�7���Z�y��6�!�Qu;V���iVĔ*��H�Y�g(���i~�#����=�2c�
w��M��Z���+tn��
�����Wv�]�~*����l���
��|����2��d��N
\y�>�Y��,����9��o>�`q�7��)�A�P��f6��Ac˜U=�wx%������ŮZG�������k�[I2MU�6���$���������^?	�gP}�gP}�gP}��9&ȯ�_b����F4�D1��nj6��bp�d�W�#����֘�z�
os�+ή���pN삼䴴u�hen�����xS@w���}q�3�	��d��-��Y>������2��
Cʀ70[�ōOs��
+��d>A��B���
7�HŠ�_#��%8Ϩ�
Pgo��FaNH���q�\d�0�H��=��-����0�
�)Dם���\���eS�V/q�,,F��^�x	2�%���!\H2��Oi��(w8�Ҝ�w�B]�ǣ���v�
b�(C_��o�Rk�6%��C� n�W�fV�|M�!>�Vz�
+Y�Q���5V�RtS�/�>�(.����P�sm��[`��P��ïa���a)�K��a��xҲt�����W5vb�̫�ݲ{��3������m�xl��5ۇb��P�q�k\��
W!�c��w.��]�{��~�b�0�Ҍ�<,����r��,c�	ǜM�|�tvS6>�
+3lZ��o�ʀ�b���ϲ�f�;,��b����Rl~�����/�����\[X6-��u�p-onKH+�4?+�":�����@;��u���e�B����mV(�n���o��0u�v����
7��\��������
a8l�m�JUF֫{L�YzY�Y�Ÿ�F�>��Džky�l�@6���-�~�6q;
+8*�wu8-��B
+\��e����ɬ����{��R'~i������,���;h����%��k�L'P�[D�-aF�w�`�8e���p�Jb�d�>�GN
a���Kp|6����Z�{yF�k�_|�jT�����:�__7z�g���^^�2XŔq���?M���JNc��:=�:]�:}���ɾ�򿟥��-2�ኦ�^��w)��+9��9*�_�G�?���Du�VE	�N�M��t/&���O*���Y0��=B�Uz+�
�ɨ�P@�ж�!%@�T��;��&���$�L��
+�MF�J�V*2Wb(Kn�MV�v�
<:��_2dӜm�gG$7�Y�~	˘�����ո��`⣻xJ"o��.C8�~�������GkN�z>V���
�[�+6Ɛ!*�M�9��,��	�/����f��;��\�tΞ~�]+�}-�x���%YI���D{}��z�e�[��B���[93{)6�v�?scE��c�l��F�`;�G҂v�W�D+����8ZɤK�<�u��z�rS�y˗{N�#��r֮��E����w�)*^}_
+sW���Q�6~#h�e�jGX��\v%��^��ȯ-;�F��/�:3)���������i���x݌�Ѹa�x%�%<�c�]l�=\�[���7���F
+�I`���Y�z�)�����
IC@C@+͐G�^D\Z��+w�um��z�2	g��T��:�0�֢�x��3���a]�B}��g��a�C*�3}��[�@_�=O�2|U��(��:�5G�T4/��,�&�|��퇆��������B�jy�9���{�&I�X2Q
�@�$��-ڴ;��۶��e;Ŋ��0�>��
Fz��n��gPf�.�ռS���O�ɉ?tF1�B 1��s"?5�wR`���JmXu��,������Y�Q��l�ȑ(d�,H.�"-NNxu�ir�P_��ܕle���bg	�wiz"C�.�c�<b@���H9:��k���Rgh̽�T��	c��� He�:A�b��M9V��Aud� ��5�l�\���A	�)�.�鎛$9�Fz�I/�����Yi�@P	�"t�
d���*y1TRʥAE����کb�@.�j���M3R*�c�~����1�]��Q�ϐnH:��%�ZP͆����ݕ��P����;k�p�D��R���e�U=
+M���mQY��TЪ�~�RVq=�+gT�C��sp�\})4ָ�,jr�*?T�ѵzr}'�q�4�UdR��yi�!*�\�Ɇ�&��uus�\Q��}mT:}O��tC�ig�W�AXg΄��)qS�bش0��.��r\��`.2�ÿ��3Ɲ��A��1�I@A�q�HH�_�*�)'n�Ǥ�eȍ�FN��B��K�`��m���0��'�^n�4����+��4������jW�ǁ�}��@w� 	�߳�s��2��U���YW1�-�D�2���.v�G��v���h��7!a�Թz��������<��v/�Q?���q\���'"���*��1l��}�.I��[�>�/���\�!��[
+Vf��L�_���%��L΂�.�(�#���plF�TgDg*g�����f+iѻi���ez�6�t��cM6���L���NH�B-��/�Gr���v,$
� C…ù0�ϕ���لCG����S����3SrW��e�1�\]��޴�>�)��u����:��Ƅ�����#��>:��4�*qBí�Y;��ބ�:�M�)�^t,z��ψ6�	��V(����^)ZI�R�M$V������.Ό��ǽB���O
+#�Qa[�%��<POKW��U���^����ĝo�^�T.Ǿ&�
6�
+�dǘ*���(���iTAJ�ˉ��-�by� �؛Fҥ�~�Z6�y��Z�]n��;���P�� �{gĊeE��1r`]�b�Um�,�_L�b[ș�y�)=(�oo&� w֙��>�h���2��y&;,;FS��'`�����o9[H8���O��΍ah#Z��#��l��D��/�L7y���j�7���F(��9������Tg�)�1t���%
�2(z���H 1�K�0�m�q�R�ME�Zפ�!�BA��i���Ik���+Bk���H�|�S�=˃������3:���%b�2�8
m::���/�����?�zz�|���_Ϗ�0���v"�*!N���8Q��f�|=3��L��3��%��/�~K��[�dy�Sͼ�
+�q�#��i�̇�F�*����q4(�c���/������D���+e��#��Tl�콨
+V�o�],ݹg��rAX��H�jw-)�qG��8����s�h�-{t���z���"�yo0��_FV��h�7�y,Mz_|�Κ�3�.3�\0 �gԸ|��ʰ��G���!2��T�X���� ͫ���j#��{�S��RUl.��Ģ��/�?���Wj��M�zRh�����q-�׵p�7�H�1v�	1����#-+�Qڮ�E2)T�̖��#%�I�U�8�S�sN��"�u��	J٤��Y��i5�.u�L�U*������gO+#��J�5�c��3��_������kb�|��k�3��u�
���B���f^����&���s��y8�h�f^�
Pzy�/�нO�<���k�v
+��,uj�#����/�}|%]��_����t?��!���#ҭ����0o�DS:�
��5����H���ݸ���ofଷ����_l��\��o�j���C�b��X?��!�@�̀ ��+���+-N����ġ��53�
�ۊ��j�.�u�%�(�~X��T�=�
7
��o��18�5����i��u�#3��QL�ǀ��z?�m�W@������
�a1�0;��o+�dK/��q'��8��I�W��Jɀφљ�Y�m��<ٍK%�>L�d~�V���#��V�B
t��1��x����3�C�r�/�-�87��s�"��g���5�0r
+�����{�T�K�o�_�P���8�12=Ѐ/���)?���]xR�y�F�R"�̰Tf�33;M�'w�b��ܪi��3P��$��E�"1
1��$#mo���9�íѝPM���]`�~�X0;��4eƐ@��d%������=����$��H���Lj{�%G�΁-�۶7������&�B�FQ���uȇ��I�e�e`��6)m��"���C��JA���S�̪vO�N�GčZ3�7�k�-^��$8{�ΓC~��H5�Ҁ��q�7��U�Q��
5�F,^{�r�K�mjņ�D~)�Ӱ��X�h�>��M�`k*6'��`J�I��m�߆�d/~P���H���@<0����	�
D��i!@�LQO/.Me�;+�O
+~	�IH�����V���ègm��A�P��A�d�ސ6��o
+�q���^�G*X�8ȁ�����~53��ǖ�0�3�PY�a�۵�*�n���T`�*��V�^�fF�V����Tn�@��q<�
c�nP#q>r�jJ����9�h��� �A�${L摸�����~Ҕ�"��E�ھX�HJ��Q��	f�}���±Y�{�Z��>r�
�Et��^xd�fu�e-[9��\��Pwnm\Xr��Z/ڹs�h;�$L�ao�F9T�B�����F�&��/�M�'j�eo��p"Ie����h�:Bt�ɉ(��Fǔ���\�.U�)/)�bt�Q�WZ�	�\)ƀ�,D��	�!��4A*����UB/澉����5*F=$���5ɶ��J�V8��I,N�@�����lF��<�Me��
XB�R�J��!E��:��Y�=N	J���i���)j�HH���SX+�[�9(���ݵ��� �vN@��e	 �\w&.�_��nS8R{�����lj3H��2y7����ci6������\�rWi����
	Nu�/�t�Dĵ�(
+}\���Ne�O��k�=���Ŭ7P7*����w�a	�o��!�d��a$P�\���X�)
�4���J�H߮��bh�g�E���ЦzFӾd���K{��B="@,!hJ�QU
`��B@�W݊T��@�־�m�/(,�P��am�Q�	)V*�>�(5υLN?Z]�F/�v�
hPη{���n�H��m�<
`î�$ΨA��A]:N�Ji(ЛX��h�,���g���b�6�'I_
+_�`��X�|&o#dƪ�����'��PZ]8��P����_&9��F��u�8�i����!�=gFvU�K[
�)�W0t��
�U�en��f�ѯ�T�0��U$&���\�z	xU)��66z2�K���m��pD�D���`V���O�T�ۇ>�Gyq�Sx���b���n�q_�{��<~)��|۰o�mþm��۰)�1��o��<��CR�n$�R�2(���޷ߞ��T��>�i���U����G��m���O���t�0����tOg���^T�ş��
+�c~	������kX���:��o����۴JAan�a�B���<
�s�k�d���ق`�qݝ�캴�#@%�r�I]��_��9�:�DX���hD�R�݅vJ��6��Ħ�x�X��xI���7��z�Z,�pvo�N�q���1.�X4�4��ؑМ#�r��d�����z�������
��4�-)
ns��\�0�����&�3���8Ӎ��슫���-A)�Eq�Ʈ	zX������KB����6����uq���H>P	<�6P������
��5Y"������l5��{8�s���~�S�J�ւ�O��5����n���d��bW���-�ֳ�qU�~9g�\5�#�6}�m�LVq2u�ة����:�Ĕ���-���j����EMʐ�R�:I�W
�����U4i���"�!��P�����K��u��x�F�-�{2�V�c�1���	]�G�����H+Ơ
y����x����W�^��vxa���^�������	v�C�"���u���T����'n�6c6�>Ŗn����;)b�л�R2�#�/1��p�ҊYIc�,2�
+�Ugr��<Y%�f��F([�O�V��`���؍g�Y�ϛ�^K3�DؚY����У�P�-c����)FrK/�^
��	��
�������	r�/��mj�j���:ю�1ޜ}�
Ь�̕������Vi0���HI�,���M��
�i�p-��ѵ.@��`�q�ݫݒa�:d�h�%�(�`B�b.��5g��F�׹j�HF�jh�
4����3�^��|9��V!�bٟ/�iaE��j�����-#�*`�z��j�*�0��$ֲ��K�J�W��F��oD�����w3[�uV�p(NLq��9(b�]$\LO{��pJ��R3‹��C�DgYq��`�Yia��v�Ŀ^��e�Drk�w}+mV�+l�f�Zz�Z[}1����xܤ:h�v3�ޅ��h�K+�o���w/��Av���ê�:[�wF��̦���-�:>�%����k�P�`��бs���Q��M�{�m��H��fF<�
,�'5pc��`�^�l�մkI��X�3����n�?���a�R�d��"2*
%��N��'�>���Ĕ����Qr<(ݱ���hT��W�A��nIat{)B�^�?�옧.l��c�ed��O���t�����R3|7p	;�wɀTl3N:]�!'Y\ٞ�j�e��,�v�G��d���°��F�nQ��K?��
���ě�O�!��X��Hծ��x�,jR�ε�f>s{J�	I��)Ρ���~�wZSp^�K�˄z�|�����	�
�k����b���?��ׅ���I>֋��D�%�!.*�>�۞7�p^ѴX*�*O�Y�s�i����A��̂
��8��v[ H���]�3�,~��1aH���=r# {�'�B�Q
�{�~ܚ���ygWx��g{vL�������9�����8?=��v���fa
+٨M(Su��t�֨���ſ���_OG.�4�џ���4VXC�z|6K�@B���ʦ���L��'��q�Kʼn�^����j����m�Š��o�r���]u�w��ܯP�s�.��
Zt&bu�F����,oOd�����Z*!�ύ7Z�4��ɢ�h�bp�H
+�B9���E:'��Fi�pI�Y��0<2#"J��.qlC齻o�o���Y|��������Fe7�T�H�>S"���A\S����ϬJkC���/�0�1:����.��#��u�'qh�Lʛ:��N+�?�I��Ү�*�sw:����s��Ƨ�x��	��i�����&G��5��������آ��¬� �.j��5�)��>+�_�IT�=p
˹(S�$;i��vR��C�Q+N�Q+� 5���Ə\��������xq�q��y�������3��G�x~�YD���•~ﰟ�X����~.����$Yqu%�D����e���wɩ�z�c_	���,ƙ����o(�!��ԍ~ռ���%ݱj���u���T��>c�n�nʒ�I��
�p����LK����?v+&��P��ѷ+��1X����t�] H����3=��dD�"m��ԍT��Z�0?�ʨ�`a/ԛ�Q���4ep
+r�\+�xީ},�	��z$8��p+���x1��≤�+�����-T8���?9�k�ZE��v��.�@�F�l��Rӕ�f����X����c+�mϽM+���Y��^�>+&��G�&���[D���`���R�s�'-�U$}��ZG�^lku�4)#���O(ۇNma:�!*7��u�����+��qU��џc�����ެ6��~{�&VY�	��u:�rΆK�a�0u/mB@E���5��΀GP�,�5		R᭍�?����8��h5|'s�����k���f���GP.��w�����-(�0�_3D�RC7���
[C�$�1X��h���-�x�lA����!�!u���i8C����d58���E2����^!8�!�>��p�3d�Ǐ�3������&�`�������o��g��7I|��7I|���I��饹;�#WN�Ą�k>e���ϟg�QC��߉&n�T{E#Z/wb
+Yٶf*רD���
+,��N�O;K��n�Рw,�q��؜�?��m&���c�� �Ş��A��_��*u��` 4�N��+_:S(6s�����P�ᙘ�)E��+��T�驭.%���&�lj�5�y�������ݯ%�_ӷp��W����C�
�BTn��[T(�m�����1
+]T["茪�TOQ)m{�O�*��LJ>Z����ց�~0uֹU�u���(JR�j�������Y�t�8�|k}����Pբ�=�?K��m?��=���-��������ڸxQ�Ԏl��`&W�>��ۢ
+�U���k�E���%݊�L���yr��5(�QW�GΪQ<�`�������k��S��CrZ��-uqDž7��"
�QPx���T���Q�E]Gz(�E
�֠V���~�� Ƕ�vq��(de���)�c��"��T�y�TT���$rH"�$
+h"^��Jd�h d��Z�u���Ы�}�2{���֔�&��<��{~fK������bd�F\��4�����W��Lx�X�pI�����D�>��q}��Ʃ�C�w�<)!��IOqmH����Z��d��y����1���*�r�f������M{���
+�#�L]r��q�D���[���\f�F�Jw�Ò�\�խG�5���'L���7V_r�^3�
+�d��w}>8j�zSf0ؿ�]���]�T�/9��bo�t��	Z�Nm*Pc>Ғ����篢��'�h���~#��e���'��.����QSt	=�ء�
 ;�Ը)!O�y�)y<?���3ym���tR��$�����rW���~|6ɠ��/��B~�>�Nx�<��FO��Fj�f
+�_���]יּ&���v�xn3�������zK2��5x�.�,Wb�"�?����O�R8��J8�a��r�F(�KN>�+M��R��|��s�����f�Z�6g��9��7PPP�:�l��%��n�)��x�����1�:VX)���L8@Td�w,	T�
Ɏ¥�(tUem���!�2?�
+�B���H�����YgK���g�����c�*d�'��@_V��P��1��BҮ*¢[��1��k�t
#�j�`���s��'w����^1�
��Z���j�*3���d`n�T
`s܉ +�3�m�	\�X���y�� ]�F��F��#��Я�1U�ai�x�q��q<R�\95�MF��/�1��.8��Y��Q{-��Y�H�U�0-iR!az�M2�d���B��/O��`pRBGD�����dk�߭@������O^N��̉M�*[ص�#��kͭ�D]����!r��H�!Zt{��p�1����������x7<	�vTg����(�U�ʽ�q��Uǿ�I��ᦫF2��!w�.u�DZ+����d)c���f\zŕL�a��Z��
+�;5;�
��;�� ̹��<֬2�/r�W������3/��H�[9�W�)�~G������՟�F�0��SN�U��)�����ҮyW���:��_z�$$N���]�W�03��OS�ޮ�<��9����w'�2�8�{]i��Rg�q�[ijxF�z���VhT��渒{�_h�j��� ���_��M���Mg˕uƭ�'�y��ػ4 �gC����	b��D���+0Y߸�c�]�sP�W�!By�a���Y���͟�f�C��������X�ۿ����o����s��ߵ�P;��lt/J��������Pa2��gr�[iQz��+n
����0#��j,q�����2�AR8�+�ɴd%�y���nBFv�8CԤ�q�>�r�YDe]@��/!l}���D�k\W�����@�ءl^+��c��N0�*iý��M��d�x�姠�kI���~���&�O�T� �уɝ�mޝ��扔/�
��߫ݑ��{�#F���1�9�������Oe:_�`/?E���N��	M\�,4�=���}V��F���d}���BK\���ڃ�G�wꅔ�0G�0��W�?|Ui�&�n���N
Q7�����>�_�&���ʖ�ár���:���?R#
�]hc�[+[�c�5�G�H�;�o|��[��&я��`�7�U&/AP	E*sv��ф_jF`�f�k���e��<�>�.�I�?�k���v�9�*܈4����R	b���l3 *<Ω	a���DE䮦����dM�ʹ�X(����z���s�j!X$pc{���Y�
+ʓ�p�ZA�WsՕRY�a�K��Ң	��]��R�n�{ߦ[�r-�z�;���:��.gr��X(���3���ԟ�������	��Vأ��nv�]��e\�;�-�xOj�^U6�+��-zȤ݊�1C�k�ܷ��;Q�Պ���
�{��Ly5j�qψ!��QKΞ7M��s��<����,�c�b����;]��p5�����.$,�-΢]�a|�`�X����C��>,#�D���?�('ݥ3�USs��?���|UtXj�}n��t-�����}��G��T.��B�w�(��vmDs�|T�,
=u��ī����`tDEZnfP��ۈ�P�C�h49DS\8�Ki8�Hꛒ��`���Ql�Y�)��8�5�
\�z�wSd:w�D�#{�>���₢�#��/Ծ=���qE0�@�3t�H,�fВ�k��B=�lTp�o��&��.A_;T�&�����G̊�.4�T�2,v��.��R&�->P�9=3+�Vl��߂@�D��-�l>0抲ge�&^o`e׏M�y0�H֗�C������(�l����vV���Թ�:�S�~��O���s��:W� 2>�0}��9��մwX�C��l�a�hz��K=i�_M��5%*MX�c�
+�l9q�ާx����8<1����_��U�ܿ��zfӍP��J��HU��yc76����jg9�V.�]�ؕ��ḛ��㬣�4����x6
?�Bk\�M�w��-_�q�ĸ�L�����G;�>�l��6}
+N���c��~�4ŲW��z,�A
+�q.�c
CoQ�[���5<���Z.�tۘ�5�~�j�Ά:����1�cx��PM�
��̥�\��64?:�p[����(~��H�/d$��W�z}5^�)�c��BG(ԫ�猌�h��ˆb�@���5e[.�43�K2�O
�x�yO-%�˚<�FBsyhP�NKR�	ˎ�!g���.�Y-$˚$BQ5;酑C�9K�/����<�ըQ`���K�:�:g*�K�n������(�d��4��f+��8^��v��7���횜�r}�����
Թ�Ț6E����FGk�ܾ}���}�'����p�j	n����,��3NU5�pw�\T�ӛ
+�HG!�!��5a�����@q��Y����>F�����F
rR��R�"���)�
+�S���bs,�^�����t(?�s�f
b*3�)M�
 ����T�����Hf]/�S���\�dfhѣɃ$J��ڵp2+� �o�}�ei�Ґ#�hw�ă��Ԓ�w�l�Z��+2�SO���
+q䬉v��z�g�D"y��9Z]�ؐ��=- t�����zI��y$��Xh����Rʳ6�`R\�P3�^N�W4�K�Q)4�2k������^WI
���]�
i��D�8
B�U_���E�~�̞�%a�-����r�|�P	_�����C��]����¨���SW�>�oUu)��y�m!�f�z��*�+������M�"�s�c�u�4���n��|
�^y�JEN �R�EK"��U���M�S�Z�\E��p���<.��En�}����5�Ke����Ⱦ�O��*�*rYh0����TJD�$�0v9�N��^t&�g����Ʉq�eF	Ţ�i%e�©'J!w�b�VnJ�Q>�DG\�����|��n�=���,�Q|�	x$�_-Cp/ꊯj�a��(B�e���rmH���<���N�1�~�o&?ө�U,����7^E��V��S8�����xwV�E_4D2~��@�%�z�k��R���)��)��]1x��G˞D����'�y�K���wT�ެ����U��	ԛq���~շ�)'o��
+���˧�3j�1�����{����a��Lk㣥�lL`����[���뫲>n�FF�?��f����t�Dh��R����wr�m�T�I�����c9nX:pC	�F�+y��1��g��K�O@�^��Tuv��NJ3��8�}��z� Ο�����|�����	
+ɿy{��l<E4����pH�-��Jrm̚β������L��RYlK�3��� �,��Sʺԫic�J1��?ri�������-K�����Ƴm������ �xj����$�VR
+�W������C2��>�R�.��R	3vR�G�y�g���p+R1&�ц.
�ѥ.��I��T��4����Ui-�k��r*?<��5#�5�}#5��0-�c���ŞV��˕ueU��m�y�9����h���z�U�^_M��d׬�ڭ*ԫ�猌�h��ˆ�c�SؤF.��F
+�|4u/h���yO-;G��PdS�"����By&�y�Lì����kJ߳�X5��WE3��H���L�D�`C�oY(*.�U��v�N�>�0{��B�A0Pe�!��j?���~4�Q)��@=)�
W��VY��h��:h�ڡ�ש��`r��Mc\+ҭ��@
��{=cJ�K������5X�����P<R�2�h��ا����l��t�C:�*��Վ����{pc��`���"H�"��e�D�J�
+���L� ��2�\
nR�JΚ�n����o�����•�w��?@��}�������m�������r��C��#p�4���5ە���Q��f�
+='�!:5n�ý?�x���%bꊙE/�Qw�"C�=���]�T�c�ʄ5��7	$̩&mN<�-��A��d�۠�wUײ ��3$���F6S��n��]�%�r��BJ�	?�+�X�$��������EO$��NW�rMj�܌V��h��
�=p26������<N6��7����#j6��c:�?|��8Pj^=z
�����{<�ꓝN!��y��B�b���j�Y�Q�!-���4��6��7+Zz�F^���cj4�d�hvOC�Y��z���ГI܈M��}��`O=k�i[Ь��:��:K
+��^��~g[Y��al��>B��9�֚vO�r!�!b�]�:\p\1�mWK4��R�/Z�T�k������TȢ�=g늳SbbB�tC�w��"�,�f�eB�v��M\6/EWc�R�^���4Z�̯I��#��9�}�Ԥ
׎�q��YK���z��b����f�(�{]5jI�뷙�9w�!��|=6�	f.��
!�c6�{l�m�"��_s	�yY
+^y�V���E��YSoS(�M�€g�A��|��YDnц���4]�t�f�݆� rKu�0��"�����������W�0<�_P�#��cѿ�l�noKL1u$�O����~.I��[�x-���r�a������z�"���
&��zceSXDEs�yls�(��<wr�R�,�|�㽙mo`����;!�t[�H��K%	7m'B�]��Ao��{��7�e���WU+7���ã�b��4u�q_�gZ��f���Bt��D��+{�ĕ7}iG��Ix�$i����O�]� 	�x/f��/Lf���7��}PU ��9T�(�ߌT��픿 l��.
�`��������k"�nTR�
+��{��E���$}-�ڕ�t
Hz
+[å����%G%|���Ά󵞵T�c�������ս��^ѯ��$=����S'�#����|���9\��N��؄fꥱ��<�·�#Y:�#=�`[ȳvUp�g&��G�q�m���<e$ѱu��eQ�L|ȍ�6t�nJ(������R@`��ɰ�'B��g!�5o�ȩ���˄��G�t^��;]̹�1*�sz猐��t@��u��*>�G'\H���K����'��*r���H�Z8�`��)����T%��[�C����'/�����Nu��y٫��!滩���޸Q�����{A�9�y���Ж��!Th��G����]?I�����T�[Y&��}j��$�
+�eF�+��n2F�1��{�R|�`zG�s�)	�RS{V}N)���qP��B���Vw�b���TI�R5�m�s�^����@��Db$iH3/��۴�%�y���abVk�!��X�irc���N��i�9N�Nk|1MM�ɫ��%�gɛ�I��2�m_t>��в��zxD����JT��h7�{�=h��q(B�J�}6�3X��rݒЉ�B�~|P����@1M������Z�ho�ػ��l�c�s�ih:��&�t�	�'�tv��,�����5:��
_�F������#=Y�B+j��L=�Õ��(|�sЈal��܍��+{	��|�p��9+���ޠD�
Cj��R"�+@H�Oz�NC�Ͻ34�
Z���4���Pb�µ:��'��z�����+�r��,M�B-Z�&�\���E)
+y�%!��ɩ>_��eq�z)p��U�
+�UV/!I�ǭ,���5����JY�@�ͩe�Y�M��(㝄�鎮��kଡ଼5�Y9��M��I���o��Z�O5�]���U�J��55L4,26��Iw,R3�z�ؼ��#%:����9n���Q��)��GU}W�Y�X�3ϬE�x���wr��ũX�N��fP_	���__
6�Iݼ�~�ڸ8	K)����|#~R"�3H�A1ˆj	�s�d" ���1��>?a��{1g�+��by�a܊ �w��(�50gT�h�7q2������K����C[)/�"�
+9�	����%��r��y�iZ���A/��;n���{����藨�F `��sQ߂����
��Y\5�WR����P��.��)�QA�z��o'���S�hh�H� ��T5-�d]u�la�usЎ:(4��{/~F�.V�
("�wB�ҝ?C
+"UKF��-8��5pџJm4J+t�KЦᾶZd��V

^����9(���/��� Z��f⍶�ʛ�c:b�vq�lE7���� m���������џ�'�g��Xh�W��=)+'��>�@�R���ã�)]r���% �-j����/j�6�G�c$E�塂�Us�;?x���XgRI	��$iM��+��e4z
�U��/A��
+�����S�&.�$�Y�±�QܖB<�tPZ�7����=�r�q=�Y����H�#�j!�Qn�:�MOQ�����I��s�����)5��YVE��D޵Ƥ����V�|�BXz�f����$_�҄���›��Oi���l�L����&���b`�A�����[fRw����8ɶ�M�o���K	S��z"jm�-ӧ�O�=�¥�	�ٷ'&k��g�8j�ݗznk�W}��v����`��xJ�P�p��oڸP�`�\�z"]^�:��u#4=؝mg}݂V?a��p��2xc~��d�9���kk��%�0���_�`�‰��~�������i�„滀@5�BFV�Z%�s܈��㝅�[���d�>.�$br혪mq�g>���ҹ�O�K�I��P�k��2�A�9

���T�+<h�#�y��Q ����u{��
(e���x��<Lŝ���i�������Fy$�
Ⱦ��0�>�;@:
Z@��:����e��,��Ҿ�{��~U%�O2~�p��%D�}�0AX�B�Ͽs��UG���{_5���`ے��I�H��k����{���mڌ[o�W�n�Z�r��W�&a��
+�uy<�po�)�fΕ���-���Z;�ks�`�61�cc?atW�0�C��u�RK�%��k�8��h:IJ�&��M@�����]�<�&"���H[cY�w��tB}�����d�(p�J��H��+�O!�/�71ڢ�F_�4��PA�4>�o(�"�SS��K�|j'!�$����#�{�n�$��#�z�9.z����y�"�}r�~��^��,��C����6����NT�
��2M�Q�֕w�#����_���F�_�0ߡ�����Wc���Yt�'9"��[R%r�U�zhj+)ަ�#���&I^QK[/�l?.���N�"�*vi�Ƨ���E&%��'�.����@03K�h䆸�RzƸ�$�MJ�����ƥ皉�lQ��3�I�� U��i�4�j��qrK�\����3�խ��3f^zh(2z~�k��#>B~� f�dr��8Z�U�kK�/�k�T���5U��9*�����I��
!�=K���D
+v�K��9���B��Jڃi��gM�<��M����|s/Nj�ûb�B
C�rq�,P��R��D&�)�+Q�x���Кԝ�:N��z���Ҙ��4���v�:��^Y
��7�̟	[���`��۹���s��o�-�5�R¬�/�e�cɍѽN�H��p�
-r��_�f��KՍ��?��i�lx��J,W؃��py,���i*�ubʜaql��W�ā.Ç.��!�O���`�������P�v���n�h�I'��b?���_�,0x�z[�=�rא��}ޙ��C�b�z��{B�p���2�NЕ���g&�B��MZ膖Ԁi=˥UP
+/��	F�Y�9���k���>�����F?�>���,�U�1�c	_D�M�w_����z�+L�
��Q#TW��@���ܰX��V�V4�<jm�b��&R�Mvߞ��--����g����gR����d�׮�x���ho�2����?���Ө��AQ'1���֍qe�����e8roN��b5$��p:Y�fF��H�R|FJ69
�rR�I�:99dR񡬒�akۍU��!���
�%��u��\���7l�z��t��q`�J�=a��(���ÓGP���c��^_�	!A'�)��
ׂ�fr^O�v|C]d��7�}
+�;��Kt��bX_�h�,��s�l�1��Ti`�9�DwVov�vlފ�g�\KU�;o���kn�s�)�r���ɜ�ai>�(C8!M���V����lu���Y3��ڧ��r�kV���dFhw_���ռ�kV��ŗ��>��
v��Pm4�OD��+����(��@�'#��u���_�n�N�5���!��dP&-�ǵ��l���n	5e���&y(}�N���d,�h{_�ՂM�v3��;o�p�;�@_���y��,M��Hk��|i9!	�9��,:�Gp�1�:��I�S�m[�^E�K�ٍ|
��b�ꂭk?@�z��k�,U#>;�B��ڹ�N����D��K�D���U�u�p4��;��� U5�7�0��/�6�n<���s8}��l�̮&�fJ�9we8c�(���6h�D�@�q-��(�@{�ՁK�}v�f#��oR���8�����U(ZR�P���A���ɐ[����n��� ��uÎ��f��^[�8+����%]��e6`e_[ ��)n��7DP�W�@��B�9�a�#����Y��U�Z'ښa8H��vI�4ʫ�
=��Z�D�EŴ7,ℳ�XY��g;���ϻ ��o�K7�Q�
J闻�Ӑ�S�:]3�w�T�r��/X�d�\�V�X��
�����b�+���2�LI%��!/�8`���s�+k��o�kV���7���e�ԋoSɻ+�|m���9�=���U���JL��f�	��x��҃&"���ָ̊#
+*'
U��K�*�b�t����3�t>�ƽݬ1V֖i�s�/(C�J*e|���tЧ���l�0�v��b�cT�A�������$�R
u[��Yo�:daJa�������ی]�,��~c���-
3-\���t�*!���q!W���ERH~�-Rף(�(W�!Jy�e��Gı�7�3��ȇ(7QOMGHz�-���ۀ�����8�fsgo�����9ʞ����ϚD����8�9��_9
Z�
�af�:ϫ 68����P�@mȖ#K*�VT�/���Y�l�~��J�+�8ﭭ�G�b�rhߏ{W��h��=��i��4�2k�t��#�kF�5�!��%������<��U���ȟL~o��!�֌�`�D����)�.t�|�@�C��U[���0��o
R���†:Cm�VxN�����>��$��:�=%	aGId�"r^=�;���=��Ks�w@=��j�N�cxs(�P��w�9^���=뙠����e�ݞ�ݸ�</���ډ�8��@"�XY�y�^��dž�o-�۔`��d��b��q�XJ�}U�����f}J�WB�:�yp����=�}�57'_����s��j}oܢ𶷥k(sT���<s�m�h��k(e�]{ '�-
�=�Q�V�N��T^��b6`Iҵ~�U+������e�1
h�7��`�rj��
�}�{f�1P����p8�_�ln=��
+�\�ynkJ��cn�����e�����^��:K���׎r/�c�m�t&M7�����
@%��h�a�p
������x��H@԰>�$A����a�zăbS�^Iݡl��ke_����PA��u���Ӻ���#
+��kAh�M{��ڬzX��ԯ��~�h�<��[y����@u�ƽft���V���
U�簸F����vjZ'g�*c��;��o��������#��4��VOZm��H$
ƕ,[�%�Z�x�֞z��~�{�ԴH�xօ���_x
Ky<�ͺ�%gm�wSg�ր��.*���YΣ]<Ѽ����Ey��e�[��]g������_q���u+q����x�YS�	�A� �ys��!~z��&��+֯=�(�Vʅ�\FzQ��ae�C +���#����п���&�}�
[}�f�V�}�������x?�s��yO�	�I3�Jgc&,Y����h!��v�	
����jo�V���)xHKY\�V5���!E�.S�� <m��7���v�����0�j�zb3޷��.���m�	�4h0���
+�p����|���I��������~���ϧ�e[
�sp�u�Xvq3
+�V�^�$���T����{������ƕ�pS
I��6���ك�~�i˟߱5ˈ�b�~R|���V� :<�	�T�J�򡡼���x/��W ۏ�b���
��q͙�
<۹ݷ�g������⦊]3�ݠ4\�{?�^��$z��*��@;	k�3ƪ��CBz���,�%��1��]k36�bK@�fi���z�c��,!n8�d�d�rRLa���f��>Q�y�ɿKQ�A��6�����W4���#��}�_u�� >���'T�-�X�ݹ����R�Ļ�ٳ�T9���%I��\�8�<�
^�a�ʑ�ʍ��S���*l�aHǙ�B.xݟ�D����B-Y�a$����B�ĸ������F30&o ߺ'!����f��A�n��	���|F�x����Nތ�@�Wji�� �tТ���W�I�p7\�V�N��^�\K����R@d�l��Ɍe���OA��ʝ�N�_���y
+�or�l�Cy�s�m���rn<o6v�8�]G=']�x!�j���m���A�=�����~&�࿥�MZ�/U�DC��eJw-�DJ�B���@U����X?��	��������EO	;��J70�!�(�*�شH�Otg��	�'�L2�6�
+���4�'�h!�����N� D���ݗpL�
A�J�,%Yg޼P��O5��}��0ɬb;Mњ5����Kk�<6&?n5�/ٖ�l���[�'��!voq1g5%����
+*Ⳛ�/�|�A�y~lޟ�H�+�K��IUdW�a��Jj�l���GPaC^�E�5طjJ_짷��$�o�ă��[��]���>���uE6lI���j�hn�EW�BiDj����D��)�ʽ��mN�e��?y 
���B��{"h9_%�nE\�U.�N���>瑭<�1�^z�O?��`K.1��sN�4�#16[�[�ivhz�/��2�.2ɰF*^�~������Fz��Z�WQ^E,��ѴN
</)W�/��V��af<%ڊʪK��?g�ӛRKX���d����US6�1���q%��W����#b�]V��yw�,�"��R�L
l��3
����tQg2D�F�e5�M}
+��~Ǹ�0�e"42�ac�i,��b�S����8�Ԑ���<�<�;>
_zSf��808HC�{iB���d�eґA0	p�Sx��T�LEi;Ș�^�\����v%53D
�ž�$b�n�ͩ�`(f�h���y����8+�0kN�Pp��T�Cx�u���gve�q^iw؊��:O��xf�\�R�,���MۨN
+��4@Wp��H�x>(j�zA��׆=�������~�B��ҍ�D��j
ș��>O�Lj�,�vە���h]g:��IF��#���F��덦�L���;����^f|e7�3X������bF���Y�D�-|2��ܵ��t�<Q�w͡�㛕� ��G��,>��׸�������YQD�zU���/�������8QQ?�Gg����Gf�Ɍh�Tj\��&����{r��Ȇ������
E�
U@�9�F�g�&�!`ɴ����4M!�5�%t�G�`����}��Գ�:���\T�x��h��k �X��Cd����u�:�`���`� S�3��O
�&�&v���1�Jbt�j�1m��I�k�k����-=���t��:|r���Kc�j��.�:�����Kw+��*��&��w���o��D�v���#��N�.y���oJ��c�U��tF��y�(�FgN�uA	{H��
��#�{�m�L�{^�i�!i4C��6�{B�+�o6_$*6�0��A��g� !{�5-p�p_��+�4��h��Hp�lJzB��n�2���FM�u�8ؒ)/j�P7���'3!̽��ܹ�T��.������&��68��>�ٶ;
�,���f����`���z&N�j���j���߲��Ͻ5Ɓ������ņ�Y���M����������Ƨ��K1�KL5C����=>�]�a�de�>���+����&},e4��7����pN-ZO+=�?MX�I\�E�LQn
j�C��
+�[��Y���������U�]y�P�6٫�h�
+��F�Ĵ��j*
�3p���"֣��+��:y�	b�O=�~|z����O=7�	�9�O��I�_��-O�!������� ���pX~��
+a��|8wă�	8��IZ��tL��pb&w�������t.w�[r9��1�����S_T�Ҳk�U�b$	�ۚQ�0ٳ,y��Wm��E�����v������9���\��
�T�F#YL�I�g8S��d�FK�/�8Z�m��p�1i�p�Z«������@�����������l��
wz�)� T���Z=���yd�,��
}%�(�B��cJ��`5����&�8 U��c�;�A
+}g���o!�F�C��0PP_v�Hߘ�����#���\j;�ym���1��_$I��ۧ!���i#�uZ׃2Ɂ�N��Z��!��u��jB:�3��S*뙡D���U�I�٪L�Cy���J��q�,�ֻ'��׷SA0?����J�ǩ`��^��8��p�`ٱ���d��ńD���Bi������t��(D��)G�.�X���A-�ݨ�������`/=eJ�6A��M�Pd��+�D@N7��29J�X�.=C�nIXQ�aL��+�;HpҔ싈KJ�&L�!S�Ɂ>D[���.�P�p"�E�O�S��%�ד!X���)T����[�>��}6#��1��r�:���5UG�A9ܖ[(Kv嫤�&&�7:�$���M����w��5'��VS+z�f��heիX�U�����Y��>�;1:4����#��E.��,#5��+Ӱ�'ɠcr�[M
+��R��R�2(o�����ď.�m�]�秽�4��T��&�����f�t�ͷT���ƻq
�0�s�JՙV��BtW5M.��N��g�J�+c�ᇵ��U�����*VKQ�b݆�@tS%�ަ�'��5N~�K�]���:��<x�m�^�m���<"���D���0ǨC��ʺEq�2hM�4:�Vd|ނ�j�Yij��k���h����n�9#�7�[��i��'�(l���UmG�߃�&����v��ܮ�_2
��K�)M]Hދi�?�ۇ�`�(	��F��.f1����%��$��n������2>�$E]��$�h@�4�j���Mr�8��������1�po���Afz�U�L�7U��'� �e(�S��#[�M��[~�����=�(��?��a��lB�ټ;M-J��]����钙����p2K�r.Rr4����Sӑ{l��0���Aږ�wc�p���^h9��[��U8%�@����Cv�
+���
L�u�
�֞�����؝�T]z������~��ر�K��k�X-؆�����-@[GK��įo�K�4��u)�/��|��E��y��:�\�Y���k57W��5J�2d��I�_)�*�PZ�c��=�w�׸�M����x��T��7���F��R���v�9�6�q=GfM���F�x�8����N3�Ow�X�e.N�j�yд���0�9���)
[�~���1y��C�/B���'���{SH��kU蓘8庺
�<}OS	�b�FyجX$���[C���o��o�J����P�Kq\��8�\_s�=
+ ��.,��~ߙ��2QOE�P�_1�o�����ti	�7�U�^�\I���S�EMk���E�(}pF�Y\R����9��qg؋���Y��yD���8�n�m?1F"r�A��z��)�K�[�OO���= ^��xJ4�~���]�H�b�n�֘9P$'�%)�.�J/%wGZw�a�R8��'���^wHBY���q��DRq���ktx��i����������r��R�=o���KjJ罴lz�+���2/
+��q����c�2W-N��e�
��jH�:Ҵ?U$�m��.ĸ|̠
ќ��--��q��E5+������t�Z쭇[!�u�G<��W޽��-I����nTn쥌n�d�Z�ăJ1�
�і琒R�
�F9m���iĈ�-��Ϭ���z��LF��}��k�~���TR�H.�vᒋ�2<#�k��U��_�P�~�U� �T�o�r��q��^kO�<�D��B�����p�޻�=�ت���ಉ�7���@�W[��/��
�SV�*o����%�<��G�~S�zYrA��*L�hW
+���2���|����2�{����JBÐ=�cF�weG��#�1.m�w�[t�Rg�5V��Qy�M�;�Nc��c�-�����'�tU:M��a�:�f��+i���m�����տ�ҦB����SS�>#�WE��E�}��3��}�s�Jߙ�^ȅP��!�b2��b"
+��L$'?��<^���-KPL&A1�	�ab�db� �5j���CL,�b0��b"$:�%aO@Y��"�b�������Wn�����d	B!�����,�d!&Kr��E�,B%�ȿ)�e.yY�b9��x%3ѱ˞�P}.bi$�&o�=m��S��"xѳ$>c|(aJ�B�ߢb��%*��‰�E}-�	��/j��DI��?&3K�2Q(�6�@C��bbA��TG�O*�',(��4��w����̃�Y��BQ���I�xn��)f&2E�"d��E�|���g�r���q
�$1K"S�,ϭ�T`[�2E�"d�T�;�OOk��e����0�� �NOmh_w�^;:�ϖ��r��ڣ�0f���kCW�R��Z�r�4-�i	�
����Z���&U����k
�o�3VY~���gcެ�ֹ��_ت�A��P���FBl��l�V��"Bc7�d M5���r��;�|�O$ę�f;?\.Ap��9
,�SWZ���ySm[:��@���m�-c�D��i� �2UDB;�&�/�.K�޵x��=���o���
��
��gl0kU;<G�j����U�^|x���MH�Ѓk
�%?��DJ>���Gn%bM�n���Sh|]*�'o���i�<쐡Ӂ#�
+Q/
�qKe����>p�K��:�2?*�3""��!�M�j�gI6��E�F�͝��Ȅ�_Zj����X�V..��I�;�����b�Ҁ����#8��z(����.�#FX	ԂLǐά��M�4�D/<[}4U)�d��W�L/���2PF�s�	�qء0l�^�U ��7Q�6���]tF$�q�w8>
�������+��\��!�p�G���Ư�����6��M��z-����	�� k������Q�a�+GN`�&��2Ē�a+����ttaᕶ��\�7/��{MZhW�����
�L��F��\�9�H�k/�e��2=x����9ܲ��u���1,̏@�U����E���KP�U����~����z�]�<�.�?�����8�g��l����/���b�$��c �(�>Q<I�0�e�^cM^r������7���g�����
�E$�����Vc�7"���Udݔ����6dC5q��"��ϪCzt�"T�*t_�oU�y�������փ/E6��s����Wp������S�����Y%�N���Oգs�@��)���b�J�Bύ���O֌K6�FA����o�MH>�^�B�*�G���e�Ո���*v����q<�)�N>7*	vA�(���Cy��#��}p�K�!]���z��ua�����1�?�FyP��?3ဨO\��hl�i_�pV��Ae�weif��xұ�Mj�o���B�Y���JRxo�-�16����E���ؼ����jU[eTv�
�uFA�
�D@�ɣʵF[D+��ﱔ�뵽	�C��CG{���+�
c)im#}����9d��5����˿"%��N9����d8T
+S�yv~�Q˶�mj�薪�W��hG}b�Y������䜙�ZEU�N\��5^�*�
+�s��:��:zz�g38�PN���y{v���'�U4U����i|�o�K�|����]|c���p�Ky����kNJ�&��g�����mK����=�`���	
+b���{}������,�~��~$.��<
+{�T�.�ⓚ���دr$In�����
�x�B!g���!d&X�۳���%�����#3����lC��Ɨ�@���"��.���]�x�ÞMG*fc#�(g��A�a��g{�bWö{����c>��/�����a������b��H6l<�#���L�Y�KW�q��!�MO���ʬRːuv��) I�na%��IW� X�p�z44�u3]J�%D
�)`�V�O�T���*��*��['-^�7$�R�u���.��5����������_?s	��q�ÞΛ2�P�\�v�{���#������)a�L�=>P�`Ȣ������s�+�i)�w�:�����ܷ��`�.�e*Ҭ&���'����/�n���0�C�j��Fc*`\	"��]�<���E"�K;�Vz�&��gS%�g�-=a2��f����D�׃��
�
n�Y�&5`� 3�+a{���_w�]*�2R�㰸K�j��쿘F7�L���+E�EK��W���,�E���_���B�%Ct551,�HT�:@�r�lzed��ߌ
+0��~R�9E1��Q�
�<����Ġh_9��m��E]
g��L	6�1���Xa�̢�"��$m�+H�jJ�r��&�p���b4���g�
���G�=��v��{��#���®o��#�a�{agy�K��,�Z]i!A7����N`�#$�^��bH���:;Q�J�em��w�$�פ*ͦ�S֧�HԸ�Z�&�xh;d$JF�$�R��d희���Ua*h[���X(u.]0SMJ?ك��+}(^�����J���%UX�F�$s��,�%im$,�:�s��'��/#+:~�qƬ�\�\���l�Q)�`ރM�K� A�qF�P
+�!C)L�
�re���mm��8�EV\EJ�k�ɐr`����Y^�v�����0
+]匳�=�ܢ�C��`��=�l�󪀳x
!���µB���3^]�%%��q�6�
Q	�a�טy�WQ��m#�ล��u=Q�Ob���4ƪ6��X_��g+�Eg(^:[�<�R�]"�zG9��v~ū�z�iO]�+�1�-�7a��,Mj�Qg4]���#�&CRHT� ��
+���&�P��������F�B~@�qvB(��k-����T�0�u;�%���<K@�U;oF�U��Z��j�A���܈�V�p�]��l��[�N���Ccʫ�S
+���F���X8�/�<+w�cʿ��\�SP�W�!Cy�aλg�27�7����6h�Q��IWS�7������l�����=�
=��U�U#��E�G��|��t2�B��~V��>��$���0�ΐ~(��u�RD+�`�#�N3���kFě�Fr�T��x�ܼ%
+�dS�P��5U��T��j�E�u�3l�q�wG=Mq�e�j���UdD��~ƹR��<����M�deOF��sh\?>��2�
"u�5���S}�ԿQ��
�=�ع���	5-��A�����{3��]��Z:����P*�m�j�ӭ��Ω�b�"������v�P����@nKq�����X��ʐ������b'�O����P�1��#��"Ҕ��bW!{g�]�dݥ�"H/]�N�А�z;O<&����1K��
+��`��ϱY�u0��5r�h�����޹��N57\j(ܕ)�	7��+_EH�)���9:_�䐂MpL����b<���%jѫy�RYE˪^�:�:G�x
+H��dТ��$�?���_� >`s�E�������l��>�F;��^T��P=����5�󲄄L�*N�U��\�Mc[%W�\؛��l"3�=dKC�ب�3u$�&_O-[.*"�lA.s�0��PnG�Ւ~�Ұ�%';��	{������i!�R��|_�-u�.��-]Q/[ڠ����΃��=_[��P��w�J�$f�GӶ��q\�>Ż&�����%۷j|�%�M�R�4$�ID�W�¬����N�'Vc�%�:�*�V��%���=Mq��S ��i�+`!}d�B��x�񀈔��,�T/�3.�A5�g#���͌З���3����>8���D�z,��՗مa5iK�78=�I:�"��U{Ӫu�@���ݷˤ�Ȑ��r��|d��$V%]����8Ml*��C�zb���+۵�����F>[Χ�҉%K�:�'��S*���.��u+�ʭɍ|u����
+G�fa��v�ݮ��z�5�^\:TZg�Ț
�\�Ց1���.+�Ys۴G"�D�[S��`�ɣEuӡ�j����-u'xr.���wE\�
+W�z�S�Ւ��F�չ�(�dn�����KL��Q��j�'�L)������!v��]�U%ی�(��g�͎���Z�M���85o�e�\J�o��#=Z#����Rw�s�I��|b�A�N��z��z0��&+�$�2� ����d���g�Pᆡ>OGQ���;�1���,���
Qr
�݂n��&�UD<a,��"�:t�"zǸ���k5�ϴ�sVq���}�Mh��t�VG)�)�dˆߐ_�!fV�����*d��&�q�c�LIk�z/�N��Ht���v�l��l
+^vcENjx�Jc#1\�<���:g�ӎ��-�GW��|�ފ$,�F��Zy��7s,N^mB���&c�S���odw�a�Ì,���g/�����+
�aw/�.�=B]M-�d�]��R�⸍�iz<�A'��+R�+�^���=ޭ�r�}?�ic�W�Oʊ��1���ۯ&�[������л�o�^�f��1of�y�7�_=��3o^�ѻ�&���t
O�t
O�t
O�t
O�E)��
+D����n�3��D������V���
+����p{��.+���9_���;�Z:��?�WI�7��|�7����Ff�U�(B��GX�4��d&�&�R�&�S�1u@w�
��غsOe���<���'�Jkuw�i2�����z�
�m�3���K��d�,�cԪ�Fc���`�6��Tc��F8�[����	�W�K1���x�ڨ�
z�*�
+��]M8
@�ؙ�0�B3�N�)��Cb�A�&+"�Cŭ�Uq�ϴb�n�ŴJE�W�-�>Z�3qĞ
+y���!o��4�c�jkܿ���8D�
�����JI�f����Q�d���6L���v������!��n�V�V��v-��@&��`�D�Ʊ��M��Pt�q�Xt�~�s���^�;�V����p+�
+�W�[�g׼�G�-{����OQE�%��BB9ӣ�BO0^ki�t�?<���
���<�8`\�X�3
+����%����5X!�~���ٖ��3�-q4�!�
+��GĈ�iԕ�{������T8��ֆ���W��U�!�z2 Lȿ!�C�#qζʋ*�.	�֬��[����4�Ar%�A�KX��	ET5E���ϾZ&&
j���� �{%Mv�Tj�X�C% N��Տ�3>��%��� ��M��cIe&�7�z���q��I�Y�YF�M�N�GS��Hy�S 8���R�5��g)/N��(Q��hMM"U�sjŠ�|�&��ъR;�s�V�H}�w��ݬ����B��:Q��n�E.�r}�UZ'}�_;O�ԅnjʟ���S �a'��A��EzY�FY��Ƭ�_�d\*?�54)�1{���S4�!�
+#4sB��M"|�uR�)�Z�<�*3��i]Hw�5]�� .��a��&$�n���
+�i<b1^
HA��d<�m�X�:37@g�7Q�r ,�R����<�H��5)F��^䥏\Cwv�e�bR߹#�@��]��B�(ƴ�ǘ�RTV.�ݹ�S
+C_�It6S�0�VH�����k��>�ߨn�Y�lYw����#+��J�1tD�SRt斒Z�r��`��b#��7��� :s!LhDŽ@���YO�gzR;��,h��l�����觙�B�zb����_���3�/�_�����kb,r�9n�r�����g�4)�6������ne1"�2nۋ`�F�G �y5��"uRڙ����3*e�B�<��R�7��Q��s�s��9aqԽ�&)��._	��0J�61�t�9�H��K�(
+'�R��&:�����7i��U)�ڵFĻ��j'O��W��*�8�����Fe�>u�(8PP��ం��\H�#0��G6��@��W"����y������-َ���T/���>�©�Lj�#!2�2�����K���̏dw��7)1�2���d���s�J�/>�`�h2Lg� Rp�Pi;����6!���QI�CQ[�0�q��;���wMhF1�w�n!!�a��2
+!���wJ��A"��ڋ, ���S�X'�I�u�8�
c������{dEΖ�uH߱�Ѯ���b�+��b�~<�2�G�zz�n�ڻ�gt�)6N1�Q�Bt�p��,È�ngFz��ԓ��g i�I3D:�@/忔��_c���F�;'ᒙ��힗ïu��=]�C&_���x�ȷ#&+cyѯpal�Ɉp�+9
��C��LK�\<�uf����Ј��$=���!�V-ɫSf�W�wdm�W���Y�
+JV��u�#�m�g�Qj/�%{�+O�~������
+0�
�o�픠�H�F�X�͢�kc�0q9z��%��^�a}
+�|Z޻�C��"e2u�A��ɥ{�N�!I���;��Z��B{��$�f��9�-�w���~D�L��"�fn~3�#�u͛)I{��f�����9B���L�˵�Y-�%��fx���De"����ia��Q��iS�v"{�мe3�{q��$����3a��F ��IG�)��ڦtx�veKz�ؤCxt�aw*�+�#�*�4�k��8�o�Ti�(��h�ֿN��Y��˜i:��k�C@�n��(a��3� 
z
��PKƋc�l��2+7�I����|�~k
�2uK�O�b�3SE1�����tj<E��u�W�n:uOq�^/i�x�+`
4�q�-��.���࿓(+��T�����7[��{�3�Kx/@�������`�Nk��;{O�cy�f�t��2�.���.Q:0L�^�Zk��,X��e�t�������k�H���J�ˀ9����Y�9ee9K�uL�Q��w��n�7f!�g;j����Z~��������o�A���6��c��'v�F�h��ߙ�B�����c-��p��BPT�W���!I���d[rc�6L�Ɗ�pf?E'�,) ������w}���������s��r$���!/!�/��5:g���<r�P�q�O����3L��j�.�֚vo-7_L �T�ax�a�����t5'x`�L�Z����5���u�ȧ�#\#P��YaQ��piu�T����.zj��I�EM-�FѸ����c����vr���Ϡxl]h�6[�z���#�B�kB�T�ց�_���sbo�.��Y�b����a��^�A1�y����uo/�'��q��C�i��}o���@��r����*�i��m/��
+���03�F?t�JuSl�H"&����)c*l�����x�&��W�(�K��t�c�Vz��_Wda�}���[�bV�3q��D.>���8A����-n�~��h;9�\�����rP�N�U|�gy�ɋQ9�
1�,���nF�"Xf�=λ����6�-G�����O�/ܙ�zN�{P���T Y�MD���Q�a4
+v���
�BM��~�#I��0O1�Q�><�:�蹿� e�g"����t'+�I���Ujt�J�8)o�U-�������]<�,�J9(�I}�$�
+��(*��Ѥ�R%EP��x�w��mAs-m�9j��9Ňk_43�|XF|�VN\�U�:]s�[��Bo��"�87���JM��p��gk|�*�� `�
+0��o�s�]�ڦɅ���c��4;���-�՜�k�2�P��i&B����R�S���݌�,e߶(ֺA1��BJ؁B�K�W��c�u�(�Wh?
+��X&N�S׌�2�A���hYDc�����tмH�a|5�2L��Q��w����o&:��qdB��e�*�d�2�\E�v��Fc��}���uf"��MZN�G2��I��}�iL�4&l�Қsi��c�:��`%4�!eۺZ�KP��O�� 钮4��!6�0�Q	WTHD��=����z��ү�70fH�ů[&�E�:</��y���2n��b�W���B�jfu�Y&��i�����G�	�����h��?HЅT���U�$�6�X��`'N�1���
+�n̆5|��S�:�Yk����<�F����Ϯ������g�Pİ����.p$N��4�:���5[���vi鹔A6��-��=�??��?^�z<��K�>�O��ci.�	��R��
�
+���)��sb/){<'s�$k���}�.f������ܾ�wT*��.���NS�DO�MM&w��" ϥ�l	�;�u�M�h:��ߺ����
+��w\[�Et�}���i{ao���כ�?��s�dPJ�%�7J*Q�Uo��+5(�۩M+a�2��Fi�?����P;�c
+�!��b�y<LBY!�}������+CN��[�d6ƗP3�4�8)_�m>F~��M��N��$�Hb���D��3
���O�����^�����<}���׺���s�\)�	W���ؑ��s��J�9�j���$��)���N��Z��ג��hݗ��M��s|B������(l��UK�ꔙ�U*�]�
+��z$-jZI�ծ|]��L�6Q�w)�W{�^v�=w�i�}�
+d�"m�ʶg�X��� 8�@����=ǎ>.:�C‵8L�wV)��̳�eT�f�����#B�~��Od%�w��	C���i�3`y��H^����6?Vat���r?��q���6�a�6�a�6�a�`�&��le}f�kd�&�����3�a�����[_+�%7�җ�����iG�vѧf���^��6��D.��HT�Zjr�~����[D~�;�g]�H�A¶�if�����|��;�e�q_̞�j��7�Ȕ}̛��P�v��<9//�gp~�0���zz�X+5ۨC��,o�k�]���d���2��h��w��͛p�z�6&2x�V��ڢ�u��*X���v�&d.\�x�0F⫳�F	������&�I=�f%p�S��V��Q����rI)e��F�6�uj/�
+�V��d�p�^��
�N�>(�1���<���MQ�d���H���Ec��+�fV������:Ҵ
����*��1�]
+��O^���+�gȿJm�T=e��zI�L�v+`
2;p$�����8[�L���J�4�mࣕ7�����l2�����R�����
�`;��b��=]��6+�T_��%n�/T����ЁnB�"��Z#�L���zY&O�aH���F���"iR;k�]&lB�E��d
LehRT��ȶ�F'��n�w!�g9j�?�r/-ĎHv
��=���̃ZY���^��~�.	d3Q��Ǿ�B������,�5�M�++eV�|��$]�}�-�0{�aaE#��'�hG��%�6p����]߭���f��aN�ế庺�� 2�����z��	�Z�- ��3��
�Ν&�Gv�d�K�lk
�����/&�B*�0=���r�m{ڍ�<��fJ=���t��n�3vh��HWKܟ��
+��J�����N�aꠧ�1�T^�Ԛ�VO"���7��Ƙ7��i;9V�Ǐ�8�����z�K���7[14 `���Ӡ~7�wB|�0��ɵ��6'���#
+v��HƵ��4�bӂv��go/I)ѯ�8򚆌�V��}4������H��۳�+�̸"�~pJ5(�P$��z��bR� UXN���K�-��ů�I�`aq���L���N���Ҥ�S�O���[=ab���\|<g�q��_��]�R��*�@ع���a�5y����Uo�Uk��`ȋQ9H�
9,����yd���#<������l�S[�������wn}ϨѩG7����j*bq�n��}R���/
+5��Ujt�J�8)o�U-�������]<�,�J9(�I}�$�
+��(*��Ѥ�R%EP��x�w��mAs-m�9j��9Ňk_43�|XF|�VN\�U�:]s�[��Bo��"�87���JM��p��gk|�*�� `�
+0��o�s�]�ڦɅ���c��4;���-�՜�k�2�P��i&B����R�S���݌�,e߶(ֺA1��BJ؁B�K�W��c�u�(�Wh?
+�$ ����T�5���pP:Eo(Z�خ��&54/҆{_ͯ��e�b�]%��ś�N�g�5wٺ�#Y�LD"E��e���'s�~�e���`v���3~�t_8)BZ<�	[���\n��D�3A	�wHٶ����ԯ�$4H��+M�p�
;�wTEB��
��{�{0*D���������}��	d����u�
f����"�x��е�E]y�I:�Df2���~��XrA���f����劐E
���+��@�Y���Xɕ����՝wFdo�8�s �������B��B�$�[�	ٽ����3(�y�u�A�i8܎����j"��B����x:�>gت���8�C��
+�~��|m��}j{�0En;T��uf�cP��|5
+K��0k;�_�M��N��pUNV>i�-��D�??_�?�����0�B=��V� N�I�Q*)��E�p�

e���50�w!{�3^R��s;���6x�¾�̰��^y
��Q/�S
+��DW��qkj"�������ԯ}J�����zj�qn
+���%6��l�t��p�j��}�)s%k�)������(��%��i�ũ{D�Z
�."�o9-�����T�-�%�_�9k��}�A�`��ƶ�2�[H�Q~Nt�\p��A4���MD�㵵C�_F
@f|��6����y��X0s)#��K�_l���g\���%*��G(�]�&�0����:��z��1A�0{v����G��S=�&�v쑖�#-x՞/?G&�P�:_ "��T��E,~����ܪ]fn�W����.u[6�eM{P��=^G+(��&�� ��^���kW�f}E�;ԢՉ`����s@+����Ǖ�<�{lo���c�$vJS��~����������z�R\Kv=�c��ק�B(�b҉K�y"uY���	x��@u
�<���.�R�w��á*�G��|{����ۧ�>����P?���}���bF��P�f2�z��O���_���o����>�s��s�|��S���"їV�oO?�v������/����Qp(t!_Mz����r^q�p�\L�h�����;�wP��n���u�B��D�94<���ۺ��ܖ��T�j9��"HJ�)��O�o+/w��P������n��Zrp}�Ȇ���5������|,4�8k�3j~Pkz�r�H�)ǧR����j{P�[��O��"��l���=k%�S瀠;����S����u�C�ub��n��^���J�������A�y
��2���X�"�^�ǝ������@U��ο��O���P~N~�@<�~+�nah��9a3�@k<W�a.}�b���6�׹��V9�b��]'�F��f�A�T�_b5��9�iƙ��8�J�Sl��
�+�c5g��`6�y�H��k����+��jg(�6�9�Ѥ�L09J"�Ĭg���(��3Q;��O��ٟ"�]	�;��ڵ�m�9[X�\��+����k�
+�I��e=^.y$��p|k?�x^�OX�s�{��%���K#B�UA��P�Y�����e���ǒDx����U�IdϤ�Kl�.��=��Qm����i�u�Q|�W�h��|��h#���>=a�P�
D�=����L5{鱬�l�������k���B8r������j�:�A��[E\~f��	(փ�70x��a,7#ȸO�I����:���XN:=N�}m�EN�1��|�㏉���ف�W,�]��9o���yQ9C�@j��"C�+}��ԝ_��a[Uq�r+PĜ&�ĺ-���̶gp��N#�E<coR�1V>BH��"�XEp�Î|�Hr�1�4�F�o�=�.!镍���A߁kq�
+XAT@Ū,�hל����>D��{����oI�����e4�9���?Z�}�)�=z�q�(�+�X.��0��$�͓6U{Лy���|������~@���g f{-S�����U�q�1˴qre�ȭ]�:�_]^�D�W>�ck��G6a���+	�����'�ND_������81a�y�Ado�~jz�'r�.V>�G���y�p�^�ۅt�W��Q�,���ҩId��M��!�p9 ]D�^�l��Y1��<�E���֔�eC�zS�����+�W�d�	�
�_l�1:�U�{.f��c��/�E��%����/�U��YB��ik�Q��78>[��J��-��e���YH�D�`�РsL����#C�J���'Ӝ�V�?�KZ4���`�S�o�!d=����p�\���ˑ��d�y�g� �Wn<nߨ�),4�qA���_���C"��q���;�Rv$��GDR��E�ا@�T�Ţi
+.5��%Y<4sh�^s���M\E��Q"j-���*`�����e8��NAEC8�*a��=�O���	gX	��o�Z"\�,MK��N�ԃyc��Ȫ����jv6��i��f.$�P� ��G�7F������t8��������(\�t^LoM�2���	sjE����϶�����q��������V���+��������}����GU�/�]���Z��`/�j��]���y�;��K�D8K<�������(�/�����(�]@�嶔*����m�"a1���Q��֚X	&�j
�mq[9�U1�����N� �5Ƅ�P�E�C���N��1=�Y�[�����(
+L��oD7E���j�P
�sQ�{0T�$,��X��L�%�BU+�r�%ௗ�ͦe>_��a�3Af�-��5�ȃ��".�!<��K��#��A��s��=s#�����L@-B�'��@+j��d�n�W�jT�ĵwY���=W@��1�@t������J�h"� ��FL��b#ƖY�Ø*(��h�4����Y!$�B��' ��-��(]D�z�4n�U �-���B����q�f�FWT'������4�F�)�^��
P<���LEZ��+c*H
+B5Ne�E��v$�m�,:�O���ꫪ�/LJ�����	�����!Sh����N��&�)���꺒뱞�8�L���y�˲7���!�R��2[k�!�F��"�.�e�D%�.JN�*���\��,�m����$�PF��LZ�Ze�_�H��oa�tG�y�B8��R<���ٯ�$9r#x�+�,3Ұ/�i��2�?ȗ@Vf��X_�3*�@ wZ<t��+��CX����N�_J�R4�l)�q�ᛉS�64md�ઌp��8
,M%��.5ja�D�
��lDdc�*5����̐��"%�~S���(%2Sf�����$bL�Y��|>��;l89��D颣���&#�{	���P�4
�am�P�1�p3V�
�f�}�if`��
�X{^����z��4X�<cmV}��1�Ȕ݊,;r�ś5��M��
+?E=���-{KY{ޢ�	��
+S���+M��q��l��%L�2�+M�åTE���6���!�Ӱ�6��S`��`��d���tHF���?8������[�~Z�䫡~Y��WCћ�^�V0{�lI5������aY�2����:N���8����4Df�l���"⁌w�|���>@�
��}�7�P��#�a�1ot��=O^z�փ�T�F��|���>H��ǿ���˟<�&�
+�M<�AX\��&Gޤ�C�<Λ����bzj��ʺ���.�+���{j���{��7������&B��C��A��$�Q�o�)���:K>��<����ͮ�T��I{�q
+�ޚ���C�W7.3�ZpY�gJ��_x�z,��.��$��N�����ގ7\J�4�K���eYJ|~�sa绖x��
c�7�tOoIt
;1�(EAQ�W��z�MG#mR�%���(�	��2X��VK{��[a`���������$#�T�Kr����dG�#�;5U`�̓���2ڻy��O�����v)F��C������xBU�������	�ݍ����_��������4�%ˆ��d��r(Ƥ��?k��n^I�H��3��wL��5�pK����H"�%p;�H�a|R<����9���/��A�$"BEU?"X���?����PnkD�[wv�HCv��+-�:u��쳼���ݼr��忙k.8J��5��$�FME%CD�2%!Pl ��qJ+g�J��"ߜ�����b���
�(6��=��b{Y�#��F��I�m�,^6
+�po����V7�
+�3�z�#�V5�n���)
Џ�p�R�G5Q�%���M� Q��
+Q���������ʪ�����_��Ce�дmw,i7�E�a�ͺ�NR|�'J
+���ʻ�,�����M�B��`���l*�gɣ�͜29��6B�m�lj"Σ�᥾S�r���n.��%�IL�4
+ѝ-5P�j}�~��d�%j���	+)^�\7w>&�GK@�ˏ�uS������F��%$�3.\�:��a�֛�T��bL�or ֢�H�Ir�U\&yڹ�D�7�j>��"ʄU�ǫ���g�C%kY+ܰǕ�u�x��jXI��ϓq��&
�\YU�"�0<�ѨM�x�Kj_]yH?H��&�c�Z��o*��h�hp=x M�P���������	�F|*:�*^��ا8��'Z�[�mY��M���#C���4�Z���&�q����J�5��Ϝ��|���=>���6�"�8锨��,=�y���ֻ�y�jv�L��ݷ�;����2��#fU>r�L6t�0���܉�4+�W?E����
+�%f��<F�Ť�F���*���f�Pc��2ɺ�8iE@p�?/��ž�{��Y�ً�-#ƙm��[O�vq��$����'Av���̦�ºZ��P�mڿ�)A=���R��^N���p���eI�=�f
!�OwB>����dq$B���.�Jm�cU�U�%���=I˦��r��$�y��e;��fT�,	�kȳu�{���-��[�Ri��IJ�\�K��]kk�=��,��(�dt�V��iÞLㅊ<m���ꦙYKs��rp�j��e���/\����k�M
cTΊ^v���Tp���6������
+�����
.aN0_o�V�{:Z���mXhe#zԓ���z�&�璇�/1D����J�^����jC��n��+4���;��Ӡ�_�7�_>V��:�CW�s�&�F �,w���z�D<n�'���xy>yb�Ԣ�E�x,G��_�9��l��KTͯ�~����*�Ӂb��P���Jұb�蟽����p��x�4�_���H��4#��7�
�倄qBu�#Xd��q�=a�Q�q��ˡ�&��������'�1|�n2dlV?�&p��a�(�

+SY�7?3�#���~����;[UIq�$Ctv��R��j�<�m�r_��w����?������'n��sa��Q�r��L�3ӗa  ��1���.�����|y�:�5	-�Y9����0&U����cˀ��@�GN�����9k�Fd��1��J��E�\'?H	$���`]�U4���-B[��W���|A�<�G^�}���^-G�09�I��d����������V���sp��_��K~~��/�����s
FI�D�rz�σ��;��c��7�H��5t�Y�LA�&^�"�
+�2�s
+�r2�MC"?%Z7�M�}3[�p7,���,��,E��`U�fŚ���6#K�䭅��̲�� i3(�6I�4V}}�dި���4_��PGH��7���a�+k�R�X�u�X�u������‡Ĺ��#OTi�K�9׽?u�����e���6X��R��Y�),ٻ��9h8&;�l��]u~�A��X��6j_�!�	Z;ۭ�ѱ��T�l���qnp�.�P�ʨS�.�}5bߋҲǿe|����b��w�w�6g�8���G�9+{�V�wZ��eim��K�)62�O[KG������>.�~]-�Spq� �Z�G��lt��Ɏ��*c����󙫟�������a�
��.�MW>̓a����w�jak��ݍR��]�K1�vɇ+�It/�{�3V�Z�=˱�y����q��O5�esw�kF
#�5�˧,#Y3']m��r(�f��V~�ߤ���Ј�Uo�Gw��ؑ#At�S�p�#4P���h�=g�PV�&�����f4m�e�],�w+4H��,��mKhKwL���I��h|3�:T	Ǫ�f�O=���ݺm&�}h�QDe4�(��lR!�����\�uo�b\���agAΌ���d�L����bb2u��ɭj�C1ށƲN�O;(7a�-���!EG�㴪m0�Fo�4Z��
��U�F�am��`0f����B%����[vX9i��
+���a���Oҡ_vꦼE�rr,ݽF�گG���Bx(��e��x_b�Ap���!�ʲ^��ܩo��H�X���0"-��[?ϧ���޾��	У6�ۋ[�rd�J�x�=���~^
qȪ�(�}�H��<�F��s6��1�2��6�Sr�|���+��uq?���	������R�%����NĚ-I�I�K�&�1��~z[j�eM�r�R����^Eu*v�mL9��83'�_?��[�?
�07G�s�Z�6��DN��U޲����1	��h�/�H�)/�{ecu�c���gY�5�z�n3,�^F���{��%�q��XƵTf�W�R���:����t����7S�G7�S���o��`~ /h/hNPm�����U��Q��fc�lRl�`7P�jqƀ������-	�*d@�2����� ��J�FI��{�A�r���/��7�{D�	�7(aX#4b�kC�]�!1��[�CA:4n�b�z��/�Y�{��)�B�˺�.D‚"EhY�5�m���t��.7���F�k��ێL����q�bΠ1R6qt7L%>
nix�"J+� �c��D̖M��-OgkD����a��g��6G2���pǼ�CJ1�m�E��F�	'c�w��,��PS�[v7	��v^�a4������락��J��B}U\[!��N'��'��b閲�z
��h"�@��tC�vn'#��[(^����s%�=�ʶw���a>��$Kup�$��	+�[}}���D��kDHf��6�mc%4̷����K3,��5KL
b=����N�N*��'ϰ~_�Y9�[���6Yy6�nF����1Ε����s�1x��O#
+�~�&�i���T��^Y}F0��p�
/.�̅�+u^D����AR�"yu��cVp���������i
d��
hK]��bW��W��?��x�bvv�
��\,h��:��X!�H���U#��Yẍ́ŏ��T"T;8�Ѽ\:���cy.������/��01X��m��q�N�j���)��gu���BN�J��&.��Iv��$�oӼ|ۜ���{�f˻�+]0w9VB��o�zb3Jѻjn}Ț`���z�dzg�x>���gO��joļ�[������O(��zv�_��IF5��/N
6&j��?�3
+9>{�R��Cp��k�
+V[����Sm�)
t�y3�!zo[�4mY������e�Ou��U�1�q{��%�N�H�޿ETFf��_�I�dpf�7�r���F�'����I-"_��j�G���;g��~II�V]i�Ҏ�v�;���j�,&�D,Ċ�GޝX�e�SҐ��4d�h�Hޤ��z�h�`���M��X��|<�?��"��A��Х�o�>��΄Ql�@:XL�t��c/'Dz��Af�_�|C�f���bI��I���a��j2�,�E/!x�ZK�À���*���aDZ��71�+H�Rs� qR�E�>���o��8��n�mr�	M.�[��V�:�F!(�8-(jp%q���	5ϭ�QN�I���q<P��d��}A�cH�%p�o��L
+�8��B�����~�����zD��g@�w�����A��٠d�Q���BMւM�aj� ��u;ݴ��uӒf|�1�n���GHT`~�P�����=�UDk������V��F ,$U�X9�A�s[Ƕ-HMӿv��I�dC�J(LYp�Q�0�Ѫ�,[E.�,<�QC�
@���s���4d�kx.�_q�f��w��7�U�͹�d�'m�8�OK�b������t����q9�U���G`�e493'�_?N��rV�n.u�ILj��l��Ymz��lFc,�Z9�+�Ju����U�^ٸX�-��Y`xʵ�X��z�`
��C
+H����×�n ��2��2��ǥ\��uF1�}ҝ������γ��Ҷ��bO|���W�Ń�X��e7����_�
+�XtW�X�&��u�mC�����B���k�|���j���Q2�i'H�^�o���m˺�I�+i�hL�Fs��̯ӈ��3�=3i��&7��g��9���9��st6��Vjʓ�R�Ҋ�Q�O<c��g���=��c͒3��2+�݋�p
+A�t�y�E��09���������q���
&5{�7��"$��3b��s�������]��	a���I�j��w��9����dj�s8���{Z!V�X��[)�%)n�~���Z��,Ǎk�=��Zx�&ucD��}�:���kz˂d�Nf�ųj�=?�P��ǽT1�
+u�#;݈L�+�O:�Dٍ��x�ƨO.�y-�����!���"lq���s�x< r!�y�<\��p'�6�C$0~�o��$�9i��w��������/LITT���z�%��Hi�z��9)��j��	!q�� ��+�ޛk�����2���nZ��S`� �eC�tF�ݩ:�`�yS�e�dW˨�;M�<}d'��^+h#�4F�k�M��w�P�'Zg�㥫��}�:	eV1f�N�4��H�e.�K���U���(��W]+tn"�f3\����'ѭ7��đ��8{���Q
�\�P�>����?_>P��� �\?�eT�W?��S�-�������$׎�s�
)j8O��g��/ª��=��di�o�Vk �Bm�i"ժ�:Ez<rт�Tk�
#����G` �[������b6���
��ި���G���.�=����O�f�������Z��HOP9�*����>r!��Oe=�3
+�J
LK�5��9���6�5!)��?�
+V*�|��~�nvn4(]��ҩ];��o�R:�̎$˜׋��%WvHmMiUy$j���&�j��j��W��+;X2n(��$����^�] �И:�Q�a.S�BpQw�hq�U�A�M
+��<v�D��	��.�W���}�'�	ÿ��zOā��>3?3�ٜ�le~4�������A�L��YP�yϧ.(n���l�`�
R���,
+|6�(4���^��puf��B�Z��;�٘ԣ���2(茚��3:EȖ�'��� F%ڊ|���$<X�V��IL�M�Zϳ�{b0:'�;�^�%�pj�5_�EH+��������F9�l�ߐ��8Sە�E�1>Ԍ�6l�����ԁQn�)g#��Į]H��ݞ�xR��J
��@�S5]��}�����I!L�oRo�����ځw���q('�̡�
+R9#�Q�'x�zf���H`�hD7��!�8
�Oک��s�T���S�ùa
+�砓�h���'�!m|�mˠz&���y�"e�1��@Q3�I]�A�A?I��(�$��F7|}8̈mQ�VA���@|�
+e�뫞���}��n~�յ����kpז��U�;�*-����)D���J‚Y�ڌ�Z��RZ&ǻF�{�
8e�j���}��X�
p�fN��e@��YB5
+F�}�fl<�����͆+u�nu�����̝�>��8�/�I�
������/7��N|���D��h����aϳw)1E�X>��r[���:z���4�=�ܥd
+�1P��"C����%�ے��^���%��FU@��~����CbA�>�1T+t
+�Z�@	��\Z&h�L�K���er���I]��C��䕶(~i�
�7�$�8WF׈����'��N'����w
+b��S�w^�u�!�[�\�k(���$q���	B�@zm1];
+�oK��b�vѪ��#%=�
+�J,�ݮ��˱F���M��d4ujA��زu��D����b׼�W��.�=�Q�I�~%����^\eՏ��|Q���:SL?8v�{"�U#nuX���"���>�.�
F�v
��>}^�A3�ٺ$w�fu�flש�E���7��6o���0f����\w�
�É�;�,�"���s!5���U��ߤ�)
+��y����%����fh��p�y�V���}~P߷F)�/�~��U��U6�@, j<�ԏ&IDNbksn��m=Y��X���5�o��s?�	d*h'��\���YWpqG8�<��]��v�<�:��X\"��s�N��W��C`�R�t��jp�S\�nHW �9��^�ȪC7�9)�K�K�j��� �!�BH+<�}U�c\Ah�S�>�&�@�)�y�ぶF:��TǑ�G/A��F��%We�8!�NS�aN�����IN���C��땦(�r�t���72X
+
IhK(g;�"��p\���)�
+���s�R��w���ĩ,��B#��3O���w�P㋧�*�C]Ay�q���wA�������@FS����sZ��S��cG�l�U
���D�;�:��Hh����%��:i��+��v1�l�%�Y�?��b�����N@W��;H�����_?��0���`���Ձ�<O�
���C/�X�B��]���~��C������[�
���͎:��(�J,5%]��StY�!��	��8D�D�6��{�X�@rD8�9ݏv>�9��Z����EpS�vJSl�Sz&��(WpU}��j��lKJG��!=L<��MHuA���[���e���ܲ�dy�j�ɞ/����H�21�)!g|[>��T�:�b�^k�\;n��@L��w���B@l3��Xj�׸��1��!�xJ��+*��x�[���Vj�<��V�Z����^[�ꃭW:H���D���y�i]���������E�=j� Fam\Kw��ve��tHt�|�s��{1����&Y��\6d�|�3;�wEʲ�P
�\��VQѴ��y��Rk��
��=��r����^)��f�	u��Q�3^WOd}�.���&{�Y��/k�#o`�G�s{��S��2N ���Dh=%N�Lo���D@w*��j#pk�|o϶<O�k�^,��x*�!1(��!�Q�7o7"�R3QGyY�t'WԾpc�q��MtȐU'z���&]�I�X��I�Q�sN5�Y7R��#U��PũŪl�����*x�z��V}����n2R��(�����_���lZ������	g��ų�x���l_��u�;V�$:�<����g��+s����M�#���E�d_��=��t)�<�לo���W+�j��Y2��Ƚ��e��{�
+u'%���I��3�:D�2�.��!�G�M�*;���ˣI���qq��we=i��Up��hE�&��g1h�����rźC�W;��w����m�:-����D���-�=!.Zo�U�n�(�Pd��d+1�\!�^�N�|���rw;7�)�I��m�ҍ[l ՜��A�a�|9�d��]��00�ɝ��$%��\ȭA�".����&��-N1�
�8�6ܤͧ�����@��+6�"����ӱ�UUc}����5
+1;S)Z[z�M2D�XB�5*�J���k쳄k`��S��Z�.���vvo��
���	�2���sv4��'m�B�Fy/���q���?t�I�%7D�u��@���
h����M���*�W�=���s3l󶺝�PR�L6��y�QWv�{w�ڪW	�\z���(�m�q����I$����&�D4+M3���T�`=_��v����z_�.47L]x�=���D*V��T�ͣl�>�ݏ�œ�m��-�?5�?.*�	t٩�s��IJ��P�������6��,�ޔ~g��M�a�5�D�s�r��D��� ����fh��R�|�>�ܰ��׼3) Y�����LrBR���]:�S�[����	�j��
+Uϗ����[�\	m�����f+�T��=��R;Hf�Q�%p�/+l�+��c6�R�\���w��&�$���2���\�i,����|=�/�:a��iI���;(]��.��i�����:��_��/�W�50(���
+j�+��K��E�A�si� ���oLWa���a���1�5�%M�0E�f���������p����8?�բ��)yH(��
+'p!��3�+$kxK��R���{3�P*N��߳��!g����:�5M���}1�s��=g��D�/��_�N�a�"��ʹ2��Q��"0�mߖ�0J��@cM�\�~)iV:U�Äo2î��D���b��
Ѩ�(do���bz��PV�fz��hX�����=��XDZ��-���k�n�q�X��J�`z��WH�zG1���ť�P�!s~�sx1~T�
+�(��ܳ�
��4n'��-R���>��y���z��+�I7Z���Ѧ('G�3l[�0��R@R�Pu��Y���;�|����M�g�S"Փ�3�������8~;�����������
ތ����uP�Q��"�=�r��l�p[OAZ����M w��7nײ���]�$n*^Uar͏+����:f{/�5���+�k(:�;
��4������1(� ݖ*
+sl"ρ$'.�������Hx< j!�u�<\��t'�m����)?�D86����^�����>2<̓�a�����5%�����G�ȇn�D]�&]��H&�r��}ޠ�Ukm
\AUJ
������K��E�!
����IR'�U(�BW�K7An0��%=(!��C��=�k�v�l~�t�.3?���9!!�T�KN�PDx�@�%��4p۳�Y�
����}�D�@�x�RtK+��y>�>�\&�+�����=q���
+׉�
���9�k�@����؄c¤tg`���ǯ?e�։�i���-M�L?6�
+J:v��8l�o�zak�%%���싿��Z'��OdE8����&����=�s}������+
+ڧ��+�m�P ��)�c
E�Յ8mv�&?m��Gc`�^�0Ձ���Ԃ����+(���a�4Xj;A��F��,f�T�=H�f�Ս���{T��R�*X5��CE���!�v3mk�f�v]�6��l4L��)tH�gv7��;��g�x��
+�n}��^&������C
tB_�0���o����4�N�O��<�--�y͗��5���
+�Wm�4�-�H
�=t�<���`@aw�̳T�A���#;�;��y@E;]N�.Ef�Pd��0l�?���X���;g1'�Ҭ����}�b�9c�%�T�1pf���R/z	�����5HZX;U�rQ���at=H�Iй`. w��\vh'K���C�sds���hf���E���wr^���s��k6���1\���3�7.�^�Ȯ����ǰ<���{��$p��៿���� >����
�	"�}��r+�ޣ�E
+�V7�]���Z�cݢ~*�M;-;^{�i��۪�z��Xo
m�'d�)�%p������a� CF�qn�n"cxMz�A�3�b��2'�9���z9�AgLuF��u�n���?�
+H�+�%�+N'u���g�@j-_#�x>�D�d�c۽�B��'��0��xE�wt�G\ʉO4@ާ��&��5FmA�a*��O�{^��@�q⯰��
O��Os$7ynVm�;������@ed¨C&��>v��T�Sj���و�Đ_=紬�������^/κ��)��A����U�[0��9���QnIr�l�f׋H���1
���TD�J%m���R(��	q/���j�aΑ�[6b�R�/�����Ȩ�Z��X#R2;d�Qo+��aGm�9�����c�\�Ybi��
�D�w�v�1u=u��s-������ݦ*�c�`p�a�D�+�տ�z����F��F
�%d�z�*���(�
�m�`չyz����Ȱ���f$�Z{�'�pS�턷^7NpFy],����ԫ�i�fI^3�J��N��6��_/Z#�
'l��1�o��
8������O�*��u�C���*��P�!s~�Ĉ��[�L,��p�"7�BҸ�|^�H5S����}� :3�c�h=fc���]N&�����→+�R���p
Vg��KbM�f��iR�/*߈r@�4�G�yx��!p�vx�b?�
�{��Y�b���{yܪ�e9<�A����z��3{Q7j7�޷'�n����Z_ؐ��8�3�x�.QQ�q���=�R��b�����fTbe���&�n$F�g�)Í<�E�cx$9qY�-���>NF��
Q񶨓��
�E'������߶J4�r�6��Sy����dOߞ�y^�B�����)�O���*����E�b�r9*�+�EQe�K	Er~�_�O��s��<�$ڜw��L����MD;�񑜫Ğ/;Cm��jd��gd'fM���x�5z����ª�#W~7ӿ
��){����m!\"Mʞ(�\e e����Y�!�?��%Ɏ��s���]�(�s��o|�E��n��U�:o��O?J$A !^�a(}l�Iә��i-Յ�����.S�?��M�bWO�����]ķ��ϜRM�}K�<;��D�x�np�*!�>Iu����~4G�R,����4JW�Τ�{H�5�fJ�埪c)3,�.�l�XhG�}��<r��kwʍ�����%���$��AW���q55b	ì,��
3��z�-r�][(��4�QQ�'?�?�H��w��:�Y�R����'v�`I#3
��i~WJ�W�\/3�5�E(�eɡ�=ɀ�9w-�+x���x�r��]?}�+��2�t�Xi�P+��П���Y��2>{�G�*2\6GdM,�h��0Z�Z����G/!~����d�[��ĊU����Y�lNe��E4vSb
]�:A�+5��EPF���#h�B��̦��vX
5$5�4:�g��{�6�2/.E�u4o1�1�E�z����z2���)��Ɨ�ݪf��#m��2Ƞz��p� z&�/�p�Rc`{x��!��)8�:?$����C�"������"]ɘL����T���#M��Ҥ"�.�ɱiv�F��E�B�-6�#KKȮ��#�}kg6�\Sz
���
��% a���
ddZ�{�ſT�b� cW��.+LZ#�P��md���ح���s�NX������4A��K�nX�Nl�~�]�g�Lɩ�3�a/A=��]�
��
>S����N/I>p��Ld�o�Zٻx��lw�{�c�JP"� _�J3��8��&�VX�2�n�����n����bCX�O�r`w�S0?����_�7\L���|0(_�H6H��ʖU�4\�k�ئ%R���O��didn&w�q�*�0Ve4*��F�����5l�\1��T�G1�>>������f��-bK_;�_:2YO���=�d��D~���S4S�0����g.Z� ��o�*
+�JE�䔶AxtE�*���Qc�h�ۖ]๒vo��!T�]��ح�`��\�Mc3y$W���(2��Ď�3��N+蔶~h4����9�����I�������U))� �m��&���:A�����R��{���p��W�o��k�9��,�y�b��,<�,��V(g/�F�(h:]�<n)�rX9 �u�/��d���I�xHU�]ݛ����U
+#�1X�<�9�S�#�bҮ�,�$�p���)b$ȸ�FiTЧ��5N�|ހ_Y�W�������F���1�.�,nV�c�އ�X�Kb��I��վٮv���nNJ�ԂB⩝ȪgY
+^��&��_����}*]҅��Dܒ=�UM*�Q��jv�D%�yKϜ��kC'˰����x^ s!�yr]��p��&�1���~������O�̼o��y����:Q�z��
+�x�=�D��d[�5��7��TqKR_W�o[�]�uX�lԶȮ�RU���P�"
H�Z�Z�P)T�?�,N�vwc���d
+f�����d��a��V���L��@��(��1�ո�ƪW_UiӜ�
/���1	���
m�n�0,9<�����+QE��'��O��2����>�w�~$U��2Q�����7�k7^��E�^��E�^�,�0�"��/D��"b�Y�b����hr��o?�ǜf�`���_��%>�D|�E:�kG`��_�&�
+�}G�D;~���H+
+����&�Q(5�,׽1�/�+ja���z�r��6 #���\>���p��NQ��s�c�'�Ɇ�8on�gw‚t�-O{��F=�
+���۾���R90�$�=�Z�Ŕ��a��Se��z_�dv·�E6��gc.|j�S�5rZox�!�
�6g~�'wK+��k�$���W6e��	b�Ӹ%Q�:���9���+c���-�y���]k	ɺ��?��Z>�(����읱�E@�Sx�Z����O"l���LxR�.��"
+k��%�
�M�g�Ԧ�lU�/5��Vv"�L���v6�iK�-�nU}��W��Ni�-Od�:�*LSK*귅8�M���+�Mő��sX ��A(�U�⦧�CE+�[����S
W��E�sV���s��vY�[�5�;�FM�QV;�b�$㐃�h���jbxl�����G�/�ٶ�1Ьrh}9��[$!V�
+,r���/�Pn
��dl;5��{�,+���\�E�#<��B`T��zY`�5�EtC�HVֽ'��:���cW�hO?��岱{B�@���e~��)��	���ns�̪�7�a��WaL$��G�-�4��E��2�&�����"j�.�(���T�7�;Cr����P=,��|׸+d
�%�S�v��#bD��dd�`����B���v��v�aVO5a�F�-J�iV��{rP@�����rb1���-����Z0���)QD��� ��9ԗ]X�V��5ޓ���C�<��}����H�
c�q��!��$C/����H�A/�BW(ml��S)d׫/����lo0ɫ6)��jh��u�Q�j���se��� j�x$�}kg6uWkv��p�7��Y a���b�42-�=�J�z�:p�+@q�"\H��s7R��v23�#CV8(����&0+��f� ��.�Kv�*��0;�*D͘�s'�\�j�>d�Z��>��2�Y�p_cU��$q���gv0��륉^��4�B#ۿϛ�oMt� �����5��F���F2/�.,2x�|��*$�)��HQ�o`������;�O@U��QS�х�O9�dǡ��˹�G&{��GZ7��s.„.��Q�vNq�J!
�y��Q�ٴ��:�'{�dp��b���_&�q�0����p��}��g��[���p�� �X$�-:��4���Vq��A8���b;�(�z���=}���tj�<W's!�� 5�K���dg`�o�N@*�9�-%NO���d�T~�Ϻ�9�
�e�~��x&H}ժ	\6~o<���	�:\�-;��/��΍ZWye�^��o��*-�nrYX��C���1�M�_8=�[����4q��qc6ʵ���r#;�d����d�l�ghj�,׎�j�:?P#!!0���+�w[2N�UZ�Đ�c�W@�#|G��5�'�l�e�÷e���ߖ�۲~[�o��mY�-+ꠟd��h{�5D�o�㸣�˷B�N��(��T]s%)5Xd�Ʃ��W��'D�G���G�������K�Ԥ��\I�lU�'q3;�^�Hu`X&0u#���C
�"�S�
��a�Zq���[�*�����3Խz��ł������UMi��orF`wp�� P�2�6\��|����2%���6�>���ݜ����������Y�V�auʾO�xFW�x�I�s�Iq�:�(�Py�E�.M�vAx9X}ܵ���W6����5�-�v�L��o6�и�-~�{�}����ݺ�>�_��n��^U'g�Kk:E|���x�t�g����%�Y6WC����5W5���_�Օu���?��A14ɔ���e3mg�
6Q��]��ۭ1����������M6D��I�v3A�<D~F�eG�G�',@-wH�łv�>)%�Yi����(d=��ʲ
+I�z��-�9�x�����
+� ��
�O�G�C��}|j�_
]�X���j��xp��74M_&�X�������b�(º���*I�x��ڲ�ژ�6U��@�Sz{�![��O�QE�]u���~��e����%�4q�L՛��U)����5%�~�N���k>ɲ�\
+��Ey���Xft�.�\@�#�r�63�ve�D�(ɍl��}��*A��U
�>�CA��\S��R����%-�au��=���7�DP�--�P��N��Wu����.
3x�\-���Ӆ��fO�����]c=+�	�m$v���ā������w�IP~�g'�$�HF3���<���'�/|��)�`͖�zn\gk�֤�Usף���s�r�����[/.��b��I�H�3�L�4i����FizxZE;ۈ���t?��a�C�{�z[��-22�D94w�GO�φ�tGt��o,��<.�׸]��$Һ:�.�R��]z7�E�.IX
W��tEc����<��^ �p���oЇ|ͭ[���,Z�t�N �N���2*�T�'�E���Śz�3L���J��Yn��,�-~{s�%ݗg��i�>]���F�ҩW:�'����Q�M��7b�[y����F���r��V��EEO�T�>��%�Nm���L��ny��-g���F�m����l_i�F`��M)<X��r��V��UƁ��:vF�C�00�����nM�l��$i�����l%�6���7�I��i�:F�~��ܔ~�v>��{�5j�Κ�C|��^��v�j�0�N�3Pxyl��kXA�-����szU!E\����ly"wAT��Y!�L���O�æ�k�z��޷Xt�Nщ��#m���8�VH=���"S�stɸ2_��!��򦢲��~1����5�h�=,�cD��4v�\Qh�/��aL}{̖�=~	�i(s?pn��!����F�1-�R^���^�y��LL�-H�^��tF�����FsN���J��h�Ktw�zI~��(��a��e)0B�|CNK$Ԓ�7�:�uj�ț���	�(�xMܖ�v߈yC]FjV�),9��S{�LT8lD�Uu�%<�k����t��/�/�� �;��asƳI�Ո�̚&]�j
��nx�6�j�6|�+�#[9im��
+A*C��3��y
+�}���F��|`�����Y���e���-�:�T�Ӥ���G���A@(q�%]��:b�:\�c>/�c�
�'��͹Y��l��u#/��_���c�>;Ɇ-[FH�����=V9�.�3�p���z��Wn���3ϕ'TGg�Ns��͙��Wsr��s�,:�K�.wT��^'S~]�o��@
+wFIq��0-<�?��#t�����W��hP�+k)��xz�
V0
+��r�!3:�35��prH�j�P���v����
+}��f��FP�C�-�K2�Wف��J�ex�6d#��t�;�\gVۺ��l�vܮ5P[nYjuu���)��x��e�|Gh_�4�B_�6h���`�4�r��>�ob��P�"�
�q�ؼ����=�V��S7�I�{n�Ըz�y��`��E}mRJd��43#S�QȔ���+�Ɂm���[h5��w��e�o�P�}�P�6;p�uTд���Z�/yWe,k���x���n
+�Su�ȸJ�_�!���{�f;�������]eg���$!���
R%��ت6�W2ϫ>|a�յ�Za ��.Ț��l�ēμqnn_'��fȃ��Geu^���pm�6����O��
%��dsG
��v�`�r�:3���S��ɲnwG��S�"HT�
<5Q���΋(��X6�
�u}#5O-%�m�u�H#1M%���̐$&.i__����P
+�'_��S��<Q:�2,̚�Ñ4Z�疤�� �UA�嶬�f���"�ui�g�wE�*��P�x��yq��K6�n�4������mZ�K宨�PDžX"�9�����W0Ṿ�R��p��G�\�:X��º���-d�Um��<D	x�=˵U�J#U��q^��o�<W�\���d�idSc�h�r5���(�0��nшy�1�~\�Z���WKv$7�����D���FY8��F��ϼ��[쪒(~@@8X�f��%U�����_O����V����=,�~�U� ��7]O��*|WBʖ����$��lD�w�"�g�~�Ctr��������(l8�/Y����!��`���Q��U���W�,&4�q����Fy�6�$�n�@���R�7ŵ�����_F�B�`�Gzq����#s�y��9?6H�z����>��!�F�n�g�#�>�߷p�,'�6[�bL/�
+������H@Q=�
+��Z{�v���4����y���}��u/F��JpFY�N*�����/�Q�U����m@��o�9���gy�a�����h�{tY]ز����&�M1��'}��(�%����%M�+��-�Z��C{��y&��q���!�@�d9i:�=@�4���&�Δ֠3���i������V�r|���z�����r[Nk������+�����!��Y����q�(FC�d]��u]/%Gdp���;j}�v���4��N�o��A�r]=9�����{xL�]��Jt��X�nRۍ���I3��?�؅��R��#e��Pɩ�*m�G��q�^�Z��U�<����`T'������G
+�{����#�<���pt�;��6݇�G�e�?>��D�8�</�˂�S��F�ثu�bK�b��LMz�X�%��ů5�5|<���Y��=�X��JQ���|��M$�J���v��8"9G�Pnq�qk��K��L�ɏz��x,Qm��穉.�t��*��� �^:&��$t�.��}abԛ=R���3�RoLj)��]�7x��A�2������'��lI���w�,E���3}�y��ܧ���������Kw�����Ό��oV��c�.�ijTK���.	�.�ƴ���"����$���*g�*� ���U7IҶ�0҉�[ToQ�\̷g�I��������s|����c�|�Fv��_�Raj��@+>
�4	ݥ]L	&�����b��C#�;�샺l���zѶ�G5�H6i@F���$]Sw�����Y(��P�^���*�Z3'a��(�x}43_���@'�C�Std��0�wU��bI#�v�����ʙ1wg��fa�����Dԭ���"�K�!4�V�p��F���>��*4�2_�����Sv�Sl �� GT�%�$���#Ͽ��)����Y
��{�[������SɅ�墴	T	_-;��fr��9��7�C򏽐,�3n�^� aһ��^#��?�/��
~���(Cp�}�Xg��h���,*�8���;�.gu�^�q��	���Y~7��E9�P���&:m'B�Z����%�3�w�21�L���ɐ`w�w'�u'�݁,���U�.<�Q�jiC�ؚ%9UJ���i0�8;��U�z=O+|���後�\6�/y���o5�bi��D�M
*W:������
����
(1y�e���ccJ�
.D	{�x�A�{.��q��K�v�VJH�R���{�x=s�7(�Ll�]u/���H���/�1�-^�G�r����(�f.����Yn����X���ـC*�*Ղ[���s��z�gc�3<�U�)�2v3)�s
+;��V��JH��n쩆�]�GU"���i�n��F>#�;��������-͡�N�;���h2�ߡ�L����U-�k�z�%��!%�8��i��Jd�b6qE/)������� 2P+ m��7||
O�p��ԣ�S:#�㥤M,�B�0$�C$�� �>�k��>B�mϲ�`-��I{�I�S�^j�&�C�NFaC�LV'��/M����k4�0�� �3�T�=4��&���]�b�j)V�)׆B�����R���+K���!�%[dQ���2��tV�2g֑���Xcݬ��$��cgJ�'h�	yL��n8v�H���
+�y�I ��C��sO;�C2����FCK�>��U�)ɾ�(�<���~
+�P�T:��-Q(��Y7ތ������3#�a�Y;�ﵐ��r��2�z��)�*��>7z)R�(G C�h�dt��'��:Ր�yk�g.�j��� Ȼ]�8 eeL(�;�r�J�ل���m�D�:��K���N�w��G+&M��������&�/�j�ڼu�Ga���3/��ϼ���?��g^������#NMM�Kb��:/�m6E�pg��J�xt[��W��ż(�[5�� ���;98`P�	z�
���ޯ1��=��߯�
G�x
+Eq��(�u/�vvm�
+֯s�.�#-�-�Er�;�K�{6"N��:==˫Na���jX]Sk�q��d���T���5A�WY���P�^ʍNQ�t��y�R��j@>��z��gܜ���2n�3�G}T�Ĉ��������54���Li� f"VԮ�ٰwӘ�ާ��9~�Lg��gXn��i��U��>8A2�B>{��0�pN�������W9s�(I�9;��(��(���q�V�$)U۽vB�r��5/�Փ3�/t�~�c�/��|ZU"n��
 ���vC�?
TO�`#�k)���2�l���a���r�8Y	�T-�ݪN�����ȧ�^��6�iS�/-B�^y�C�:�@:������"ȊJ�ji���IN���(��`�uQe's:88f	
S+d�ء���ɕ��d+�Ǣ�,��_qˈ����35����Tb�|��"�x�w/U0�E8��
�����,���r 1j�"�)*;^�$����|+�R���:�z�Y}:�׍�7���-�1O9�<�x*�聯�!�ys���/S��-?O���eP����WK�7������%��L%��&�_D��~�vU��<X��(:��}��k���sA��*c�Ʌb�@t��B5����L��X����Jb�
�y���<V�O�
+K�H�CΩ7ZAqL#�������Ֆ�
+&��ő9��Pcw�j⯁�K")�ĕ��S����N�L��Ժڢ(�V��S���S�P�4�v�A�X�	f��|�Ѿ���=;�RK7��2��u
�
��&L��c�!U��1���~>��r�oOeB��_��!�p7��d<�7�f<�F�˱PW<�F���n���]q�T�@��w]��"�e*z�z��#%��'.vU�KȩŸO���-�P��ߥNT�7�b�u�� < ���?���I+���]�rn��j�ָ�R���V+:�э�[�U��'�zx�E􀩏�����o𑆱`�9
s�NC��v��K���#�x�'�ؕ�E~I��n�n�vY.P_1t(�ۇ����EO��e6n!/��M�Uy�=�S(�y�;DT-vL��}<�\]���!��(b~�V�3���
+4�*S�:G�l�yh�F;P�G����WI�)&�BV�
B���I�.�D���Z�0�I��o��k�ysei�s�#�5�|�}g{���&mm�a������Mfjz_�炸C��
-�+�J��3�~��!�
+�ΙU%u��P�0��N5�T�AdžCTxe�&A�FJ��������r�oQq�3T�b��*��[�P�WۣM����:C�.H��I�4&7��=g�[]v�{���~�Ij�C��:"]A�ɬȉ��w�f��F
+���w��f"��\ٻ�c����'�Xf��F?�1�29��ʕ�0�\�D��o�2_���I�1�^(��_��8\g�ж������C�o�-Wg1���(8��8�G*�lω��9Kng�<�\�F�Vv@H���U�O��E	s܍ők��uL����A�؂BP���Ů\J��[�⷗�H�
+�h�b���6�uV�+�تR�U��t�A���P�(G����f�:�v��$3H^x��ˎ�y�V���:�B�>�I�6��!M;�m�$
+Z��LiW���h<�݈�.�!%��R�W�R�8��mgafgIpE�T�)��P�yǛ��#��<*�{ᘳs5�/0φ�Q���A4%�)��Ԟ'����8Hc�/�ֺ�^�7��`Ly����b�ʼn��DN��`�##��]��ce� �b�X|���%���·))��%�4��PP�UJ�W�7n7��U��$�ԃ�>�Z�����PC��Z��$����'/*Ω'�(�_Y�P��1y���*.��
�Yò�G��ȄD��u:��L��_�M�$�2��T�5Tؽ��G%��DCK��\S
+ч�ڮuN��:�w%������;��"����şBU�2_�hq�J��U��|#>���u�p6jp�+�Nݲ�o���~M���������( �w�my��ct�I0t�Rf��n�1y���n�^��5k� ꠖu�*r'fك��`�<bp��]F��
+�T�����ZK}�F����/
j+y�NX��$��F�?��\�9�����[���JKӨ�?�
+�T;cjj�t`)�f:";�k�lPo�.�$d�7�y����hT��\_��1�'{`�Ȏ�(��(`���h[9V�g��ڊh�Օ��oI!w���EG!�RR�uZ���fԖ�-yF0
b%�T����`����C����L��p��B�&�*啭��!�S#���%�NBv
�+�p�wU5]��hv�WN����z\��V��]mt���s���C��T������op�OŮ��F�(��.{���c��}1bE���19���l��Sߝ�rr���Nɳ�ȴ�r3�
+im�Mo��{M2Sc�/�P�!�ێ�>�L�ɬFo#�y�$���M��:�Q4��I�
���"��73��X\�Ҫ�����F6PKh��T���]�"d�0ң1��"�'��h�{B�Ɨ:�x:m[���ߘ�B0WH�6�%�:��+$��ѥSaH��T /2���Tׅ���s�R�<�)#�b�Ɠ]p(�q��(�?c
+���y�������1��y�^0ĸʠ�`0Bz�Hv��Aa#;��1*,V0f]���yE�m��'�,;Ǔf��qI��Z誘v�M�%�a����f���L\H(ؔ	��-q)kgPn=�
+3���:&�6�wX����1�
8Y=Q	r���C	W�tkK?g����.G�M������7��{H���-
���z����}df�\�ڛ*���4
+��?,=ي������������2����} 6��?N�Ǟӿ���5�)U��[8I{K�V�IN��?hv���&Z��֍�K%�_�>��l�_�Rkx35NJ�(:g�Qw��{h�:�ܝ�.�J�Q�P�uYfτ���Y�ë���>q1��
Qy��n�����-����,��=��eh$�"R���8���s���ظ��0�q���
+��9C�#��T���R|�p9��r��o�v!K*�Oyx��<\h%���pldz���<�.�Z�"v%F���H4�Ӟ?ɺ����ݶ-�J�&��y$!c��x��<���g(Ƌ,3�t�܅\E�P�H6����*��;x��Q��VII��6�:O
��k�b'h��І��2���[��(��^D�����|e(��sTNl�Z�L�w���]H
+&=u�`��
�X_&|Vf{�w���~��Hv#At�S�>�y8�Ѐٛ���i��QUҶ�
+J�I~Nw�5��T�y�6���2O��ԭ9,�t�f��	Mn`p!�=�H�����M{��ʚ�>F]���=��r��
+��/VNq�����*INk&�ȯ�><XQݍZ�ڤB�g�qp�K�dX���7X\����L�y��!�6Q���r��Q-8�
+��f�	HZ�6�Z�g�y�"13hYN�w0r�a��6$V�`=q��'G��0���vG#^ە��
+�ߪ��mR�U>���9������%y�8��A���fP��0\e���:|8zP���~Ջ)��Zma8��X��[��n������sMV��-���p�)��a������ڵ����YV��`�	&��f25G|;�*\�$\V, 2z��3-��zpS�ٷNi���"5p����<n�+��1�{f%�X�b;O�ȞQ��x�s��d��3����v'�J�1&22�/������_���I�����-&Bg����&T��Q���`�*>�xG�t�^=*u��|��,�v������JXuvv.��j�BZ�;��<��V
+��׺�ĠSWa}�~$\���N���9E=cb7Q�1i�X�K���x'�&�k��N�n�L�^X���
8%+�
%����R�c�;���[�:���ꝰ���E!\6fSD߯hY�ek�#�qy��a�>����
�ϟ94���̄�)�t�1M�XAW�Ez�`�Ӆy
u��E��A��3TU�9Jf���B�Դ�
��9uB?�%*A ;
x"	�Y���,��J '7��)�QU��j��ޅ��>
���B���[:/Ro�kz��Ns��>�z2��e���r��A�)�
'�L�ǣ�0����
;�Uk��bY�+a)__�n��w���RR�)͂*��[����,�Q?�&-I�
+t7�Փ�������c���͌�z�tWʧڴ�����|?�xy�T.Ǻ�Y��{���s*���h��^�x� ��.�Sz��Ҁ?�ԙJ�Y{�}��q��lNW��#�گ���T��v�~3��g1,ox��Ν��^/�Ӏ�S[�/�D�fNA�V��o�1�[�"�+P�M~
�ؚ��!�������;Y����өV��R1@ۊ�5.�Z=��e[�S��x�YJ;�������<�P��m"�s�|�{���J�Wm��z�.�r�0a��$ǭ$��Ną���
:,WG*7B{�D`G_0��N&�sg䡍3Ϙ�bV
+
+߽D��Pԓ��c����S����14m"����� �"(�	
+�2�-�E/!x�]۲!����&־�_%����>dP*]_�|���@g+�T�w��LR���JOqE���:�R���.�Qw��*=Ay�N+$�@���!/�pIN�g&���
�Z�⾠��������r/�K�/���:h2-��Aҧ:�+*%����������Oi9q��L,v�^�ldM+W��T���`"yR?�؞�i�n�����%�bڡ���zA���t����ϩ��U��Sx&�’{T�����y��;�+&�L��m���׺��o0[��M�n��?Ƭd�[��
+��E�,Z�~�pw�*�o
 �X�k>�r�O"-���Ĝ�s�ί_�jh=��.�Euk���R����72LT��(9��c�VS�͜�3Z���+��H�e�@��R�h��X�fWZH���[��z5��@���,���&,�5u~5�Pr�ͼ�]
+7X�ߪi�`��I�es���}��j3o��=KZ�8�E:@�0���TL�TM*}V/�Ҏ�Ɣ�#R2����ы�
+�6�w1=���H��e�&�5d&��j�̰�ѳ��æ,��I�I��+������_�ܢ7���Q*ٍ<��#XDمsׄ������R��J�+_�*L��X}�U@�w�&ұ��QU��f�x�Pk��@�t>�tL�rbu�,�}m�(Ȑ@r��[�#�믬jfI�yS���so&��/,���W�l�w�QU���t����e5��]U��l���s=����it��H����۽Pw�g�N���ݝ~�C{�/�U���y㢪����M�����A�{���ʷ��	�}���~
+��(
+�o`����y�����܅���
��\,F�����.
+;P���EZ�"�H���	/,Zx����X|Pj�ū���_��(#`����h��\,�'ܮw��Q�!!'
+�D��w(�|nC#�
���S�N���H������|@K�o櫀�H�2-����Z~6D��x�;0ϡK�CH�-���nw�k��
�7�dX\0�4r���̙F�D�5y��W�r�D�f��$f��\���|萏p��ܬۘ�
+F���X_��|�
�M~S�+�$z�4[݇u��B�hZ1���w��4�(�SX�u�S(����!v{����N��
;_�~�vt>`'����@�s��|�N���|�u�l�<>h�(Y��]��j�'(���(=� $��x��k���M�\��G�6<��עX}����\dU�5�`I�}�i'c
���FS���?c�<�,?3��|���_�||���
+o��3�������C��mL��T9)
)>웬Yj�, 6y0@��������< �σ
�����L���"|�y,�O��?�P������?��`��8���H`�%�-���]��`��?��z�}��(2����yl���y0@���������oJ�w~���4��9�o�����7,_Oo��,�����,��o��)�*/���U
0��fu�9��?�:Sr;���@���_�I�6�q����9ῌWM��
��s��
��vr�m��~���JU6Sxp��?�������~n���ڷN�Miq?&����h��$1V
;#.ʕ��![��c��J�����m����B�wO���0��V�/�58ߞ7�!����7Q:J�u�y��5!7��-��B�=v�@���Ϛ��1=�E���Ӹ������gk��l->u=T�r�����)�*,
ȥ�Ѵ̽�Q�c�X�^��{;�����ۯ�#�H3���z;�PY���/�v�V/y
@]��!^�{A�t1�.��9������cF/*����
�,���D&7�M*�����s �v��d�����C�s-��8���(�S���M���{a�T;Y)D#D���������
�z6�ڥ��"�3ڛ�@�:ُ(��œ�:�5���H"���P|~p_�Fp�xv����]p�x*
�]�Z)
+���4G���7|6�����L���hkL,��g
�E'Z�
�ؤ�ܤ�տ��%BE��%�(Xga2F��&*�A�8�*
+(tDqv2zn�cq�B�-u&g��*�?�B
>����8�d��q|m�B
�Z��0�PNq>�v��i���1䱐��r���ih=Ut�� *�T�oٺ�]Xt<LrO�P��T����P�b�'��i�j� �����ծu���P�P)0G����&�I����AB
+]B/

5棫����G���Y�K��0�_�$���z�XR�� ~�����?|�q�8G
��0���^Rs��R%����^�C�4��̘�V�b���s���9�C�U
&�:IAJV���PQ����>*��
+~iG7���xQ��\0�wB���b�ȧ�0%�e�ٗ�9��0���}��~#�e���(�隺��OwfSC+?��n��Ӫ^,���6�ŷ�VK�Є,���H���qlJu2u&����}�U�"%1���"��X�y�
hA���Č}����~�������я���ӟ���A:����N�1�N�d�+�K*(϶� �Q"��hޡ��)8GM�jK��I������cEij�=,�
+��j��j]C���ˈ�r��8�����y�Ü��i

]
+J\�`���˾t�f>��cm�(�z�B��礓�Z3��F���,
�`j�¹%�0�-U1���"I{	�,c����		�0��o�~UAi(�E��C	Ć ~H4��?�ۑ�����Ū�^��ܣە�4����>k��ڌ�8t,	&
+ɖU9�\w�<����n�w�=Rܚܾ���y579$�����Ti޽��|�02�S��4�az"�S�����	9�M:Q�Bt�L65/����͆�8�+n��FZ�#ͥ^:�@����`����+�~eC֛Rܞ��l���O�e;����(�#�	u���b���.꪿�cF������L�&-�4C�=����k�����O4�����|�XI�<�nr�V�b��$Hv}$ÈL8n�q������O#j�W7
s>�/mc� kq�0!���7W��>��6�\rW'z��q���
+���1ꉟP���۸h�X�b��]�I�sƔ��B*���\JiP���!7�f<�GdtS
=�6%Y��z*���D��٢N�3l��*��bM
x1��-��$����t��\ؿ'����H��Nw?"}q����龐�feA��t?�:��<SE�������5�~�zAeR-���"Ȏ��(sK��h(��:RZ*ge�4Wj|j�y^������%\8{�[�H[�
���Ӡ"8�d��Uל��FB<�����KI���*
+�r�(Y���{�|��VOsJ��5�1��5=��Њ�).M��š�q>c�eI2
]��Y�,�1�5ifZ���'�a�N��U�MS��D��s�%���&�,8��	4��N�@G�E��U�M�lt�(cM��곞\d,�
��
^-Yʍ�!"�衛&��1�׹�� �ƀ�p�Hy�O�plc.�m~
%�`�G���)~0	e�F�sOʱ�����,>��?-d�rZXoW���:nЉV]����w�en�	}�KiŻ��qG�ފ��Q�
+�S�H'V�8�mi 2�ql���
��@ޡ��>f���ε���Urs.-��ͦڍ��:�NV
+U�XmA��&�	x�.�ճ���!��d�)�[ͬN�#
+}R�)�y��\3��$�gC�I�Q�V��be<;H��ҩX��"���^+E�f)��ӚR�4�]"I�������1�Ee���Wx�����kl�5�ܤ�տ��%�x1�^o�Nc't;�
+�o����B��@�#Ξ쌍5$�#�ta�ԙ�#J_�?�֬8�Ɓ���<%�1�T:��B����fܡ
1$bL;��|0?k���X��]�Xr���
+���� +m��9�,��u��FZ&yhl�/�20=�R�f����}�� Ȼ=�G���H#�+TJ�$��hĝD��aH<K9�1�3D7��m۷�'m�}�81�I$��`��$�I��z�X��_�I^�!��%s1_E��C��
��֭��b�^��E���h���^���{n!A3D\K�)�Y�V�q��J�
+FE<[�-����ܶ�p��x`-?�s�C{
��!
��洮����T��ǥE�Y
˼���$k�m��ʛ&Kur���5hj�/�$�h^*��S���H�L$��	�e����c:�
��U��������_�H��6��)��
�p�*d���bf���{b"֒5Nw᱊������3dg]PI+�ݱ|F��D[��&<�R�69�K����9�79�ﺍy�*�Čo�� �2��u��u���xEUO�2�)C���-
1�D�6��o�3��x�W�U4��8�] ��T�P�\
:��d#qQB���U�=��X8՗4�Qp좕�Az-���G��mbi��Q�yD�#h�Tx5F
�
+t$����ւ!ً�>j�y1@��A����r;�|f�F;��	���3���vp�R����F�)e�p���4KX�u^�8���3�M���<B�����T���<Jx�D�f����)gYSA�3��khH�E?YJ=�b�n��X=Ky�~�qǮ�l0(F��b�S-"V���e"��X:����&����>Wy�eX�1�/M:�����<o����e�H�ɉy�vC�d_��x��W��r�!�
�睋0�󞤜�� 2�J!�M�����p
��K�	G�-�\��5DV��Y܏��|��{K�����N]P��&�,[�\�$�^�1c�QE�X;�U��R�����B��!���aq�@�H��F9="�^+�
A�B���NI.(�:��PLދt!6/f�&	�P��o��9�n���������qc�nM(�.~K��l��H>~Q�]�U��LC�Y��B�R��-��T�JQJB D�-�_�:��]�W��$���&�.Ι���ܦ��0BJ�(J�o����ߤD^Umn���)i2SUf�
sX��|	8�,�����BQ��!��N?=k�jk�qO0��
+Ep��n�b����c|�T7����f�4Zlm��Vmz.�!��u[��:
ܢɹdg�O�xq�hv��u����`+��
O�	�.���ؘ���Ya���/"�)��{h��??�Ԧ��EM�X�<eg��qҿ�Sd�ҭ˟˦�,���y��]bX��uBkq�T	�U	1�'��Ԓde.y�%�*�Bצ�_8���"�w�P9�:����l��]
������8���׏/�L輚�]���k懍�1���f�t���Sҫ��h�[��W_���׽~?es<��:�t�)�̿����~])h�U��������ܯhu
+�s?N]�\�}�������m;�����S������q07�1����?�`2~�){^"�;a	�	
+�\yގoP-Bv|�`��b�S��z���r���2"Y������}.����[TJ���-�m_�>�.�~*樰s��e�<�O�Ct�߬��.R��<w�V��Z��?����E���g��n�Ĝ��$p4�`���ț��;��A���B�ځ�$>N4D
+}�d�4����OT���Wr�%E�ɸ6��GI���h+A��J��2�R�ib�r
�D�|3q�D�$�_�=��x��|�
+��bF�z'���ǐ�����⼌ϟ�G��΋u�ڣېN���J_�P�-����κ��U$�|F��
+�W�ݵZeX�3���h�Gמ�ﺍ9�%�8ʌoy�-;7"��H{w]D���+�zxb�u5#�i^I�,U���h$H�&E��~Q�w�m[�D6^[>.�QR
+�*��cU j^��p�Ԑ�5!�+T�`��ФQ�
��p��$2��u���\�«A��l�;Uo���Z0$R*��b����]�m	�w�m%|d��� 
+WqC�a�������zn�r�	z�<��C2�@�N�
�ʾ�@�z����W��	�E`�P��,$�iH��{cN	{��.��`֓n"��b�#˥��<SB�U��ѿ ϙx��h�F~"��.ì=Ȅ9�V�6�e�'I��4	I��d*W�M�[d��R���B�"#�V��;�/ng��#�!6
Ϩ2@��yA����/�ZYƉ�L��6�2�L��	�j���b52��k�fEv�����+��Q_<�-��T��S�@������2ﳞY��F�l|�����J�I)g�RU3̻=�C0QKi�å��~�à;��(���s?6�c-�T�Ѯ�Ĭ<�`(t}��Ƶ�� � �$���PPk�R%ˋS�s�A3vV=t8	%�G����~?��'�0E�wp"*�Ӭ瑅k��y�����*s�]U�\�7:6;	�SIJ��p�v�I��:��?���kT����tG_�,��߰��z#�
+�:�>Z]�A����8�o%��T	�Ŕ��<�p�r8�Ĭ4n���r�|�Ut�QlW����C:R[���w�N����Y�v(��~]j��<�Qi�,S^΢.w��9�����6����V�JHH�{v��VGt2&�J�,
.;ڬ��Z+vEʲ��ܹt7ZE���yAs�m骵aՀ�`����?�@���Tp���]�*�A91��tAM`��̖�W*3���og��(a�m����Jyl8m��DۂD�8=3��+rA�=�3��kt��ϸ?�:�YĎ�`ܨ�)���K�N�s�A.�����ۍ:`@xy�D��|���y8WO�c�P;���!�̒*�,��nR�MJ�U����
y�Hi��tτ��Z����Qw�l�.�P�Pg�:y�~�u�4_�����)�$囚�h{�?ޕ��R�cR�i��&��I�mR����I��(���P~�Rc8���d_��	u�nD�i�
+�Vaӽ���`(�v�gM�G�$G����]�ً��C��$�*��d�e�xh=Hf�m�t�M��vA���#�^<a'��`}`�J��Bo�S߼ܭ�o������[�e4�6-��I-�bcyssa�)Lލ�[ׯ�{.�ݰ���m�.�rJ�&�o����@���ܱ��a �{ހ���I��xPU ��m'��ғH(ܲ_F?�Z�s��~��H�oJ�b_��'?�GTg��-tlT�G~u�_k|H�y����3���k�ղ3����	E+��{�Ji'���F���t�QM��I\u��b�ou8��gA�O�ygQ�,-ڦ]
���z���3�����"�����FQ�)�$i�쬇0�ތ
z$�e{�4ӗ������>"�o)�=���w�f��e�B�㺻L�5d��R�J"]frfA9�SY�Ù�
���C,�R��.���a	��/1��k��sUz�ݘ���
��\�|DS����Ή���7@��z��,���"�f��v4�f�r����M
+�Ҟ-߬��Ce�֓
�|��O�	�xI%ת�'1H"8f�ZӠ��6�ziC���:�՗��A���+:�2������[�ɷ���b��V��c�~pu��H�pu�p��3����J��v>vϡ�q�]�1�
+�\�"����c��������/�A�Ǣ �#�>F��K
5W܄`]s�e��Ӯ݊�X��?]F*B�i7��ֲϳ�������n2-I�z)� ���m�H�U��]�dD�ʢ���A:����3�<�[r��&�8��:�yQth��t��ۥ�[KT�lKN�ط�$:�D"�L�������\�i���}t��E6�WB��+��m2WQK>R:�9�'���lǭ:�^a�A����4��t�-�B*���j��
}�}N&u|�h
+����G�ք�D��?��Ԙ�_�5)v�u���N��#v~h�������ERr�¿��32��m�Ŗ^(�FɧJI��j1g�ufJ�\��r�_j��dӞ �K06L_/�U���[�IIra]�ѹ�I���b�Q���A�c(q�e�v17J(=H"T�$(��$(�u ��9\�f�	�j���?�rB�s�<�UT.(�w���P�����Q�
D�����=<T~CP�����p�C��GT^���vI������ʟC�ʏ�\P����ϡrA�#*�?�rB�s�\P����\���C��{v��u�ZT����=[9�K<4n���l���c�nbA�쒘-�’�ȷn��̻�!�:����A�O��ͪ���F�bc���ˏ���B���4D]�Ք��	�|jx3���Nl�qfa��P!��e��h�!h��lÈ\�6G��f[�g�
�r0~�Q��ǥ������u3`M��g�`�:.�	���Ұe/dP�"N&� (l��RM@�OU|G9j�!����ޓ�CiG�+�n��4)ޏQ��2��ʰ��~�g

+p�\Uk��l��eZ�e3cs�{��^79P@�x
�5onꛋ7�ĩb�"@��5��U�՟�u��G��+Ln _6�@#�C�#A�Eܪ<r%L�A�ѭU�yoI���
���p�L'�W�ǝb"�l�F�i��ծ�5���� �F�M��N+�ن�2L
+�q�=sF�7)��-���H�"�%����|��~�i�v����@p\��Ӭs�x����E@l��
΅/õ�Ң�kT
�"������;� ���!�:�=�G�cz�U2Y�����F��$,k�q
+C̝
�-�QDu�5���;8��_,Um\���t�kSY���e�)�[����-���3O�8"[�v$`�{m.��k�՚z��,����\�di����f���kQV�	�P��#�}�3H�n�6�[n���ԍUDd_�&�o������D�XU�t��:
+e�)hǛy_s�0�����uk��tN��k)Knmi�REϙ�Jkv��u�hcn�4�y�E�����eVf#�V��M��wjT��˙����ϻ�
+���Hq�pC^�j����#uq�ԋ�)��D9)�$ǖ��ir|g�!���C���2Oc��ã�#��e��~�>��9��Hz�<��NW��ή1\v�7V�Cs�ĺQQS��{���U⻬��Fufn�����=(+u(�d�YP��ϻ����ޙd��eQ{lݎ�y����s�~��~�L>GC����7�-���?����d�
z$HU��g�L_fx�/b�#�s��"q�dk��]�����Nĵ:gKŸ�R�t3�:rS�)� G�a�CQ�8��]�bY��)1�Ƶ-qX"��Y�L_�U��Պe�4?��L�0|�Vߣ�����)U�u�v�t�,)$�5�D�w�!�cɀc���)�2�}f�uqM�v\\QB��0#�Qz�y�Ua"�)�C�8\B��U��L&�N�����a���7P�����(�؈�Y
]��"&��!.!#�d��5	��R;vM���)fobG�Q�@V��g�?tFms��0��}>�D��'3=���d>��C��h
+Eqk��S#������G��
�9
�d}	���%l(�F�Rd
+0б�Us�@>4���S7R�j0���.�dHV�
H,Gy�i�J�P�l�����I��%~��ay�EhҚ�
+��:��IK�/#<)a�}	�X��&�m+>��էs��d°�TxHLM���G��Eg4��U'YY�3�d�w<�|����x��B�9��-ٛ�Uӵ�&�`�5t#��ތ��]�>>V_��Y�flE]Q9�E�{���T�w�*�H��'��i��"�Ѡ)��z望����G��z�Y擩'z�:5P9�&��E��G�^�����❧
!�R�C���{s��
�a[������V��[��-�!!3�C�DN�;|Ji�_��
��_yct�u�.3�wG&����s�������?�����l��V=���{齫0nZߘ)�|�d���Q*��ʙT�͂����o�儐F��B���e�dG�a_��(��{�������af���i����8�CW=>�_�� `)��z��i6�H�dA��YT��ajW�\���F����:Sj������H��� ��ٛ{s��h���d=wr�S�����X���0,�2����j��Ͼv��/�Aa�`A�k�⃺��j@l�� ͐<iCz
+��V@��IH�o$�d�%�X�p�̮#����k{�uWܐ����<��^�T�i&usga�crx�_D��h�$�@w�-���PM�b���.�B%T���תsJiǁ�t�L������bc�Ze���U�sGuInJ�K�:��OW�.�"��:H.��ЩT!�uy.��ھſ��k�d�2�*��D�ջ��:l��#pO�m�n�A"i��)z��X:+neLc�L^�*��$j�V=�a�P�䂡
+4!ޞ�;I�t�p
?�T�4�Ǣ|vD16P�j�`���R(|����@R�>��š�#�;�[I5��G`�P��dmP��[v��';�����ً���X�E�Se�g��F	E��7(�4C���:h�&��doS6��s�S�!e�^p�MJY��*	}hUe
�w�x��F�����QQ�R�!f�n�_��wd�3�/<y�R�,�o&/c�{�
+ޙ�
�4�LV�Hc��ȁR�1K�X�hѭ�l6C?��p�tmK����:�k����r� ��Z�O��yq�|�-1
+mE�G�4p������hm���d�:.,Vb�Q�;'OAA
����ݡ|�\AN
+l(i8N~�=�>L�}?�����e ���ƅ��Y�Yq�_������vqT�pu^��l�l���b�JP�v�I��� ��4H^Q�wY�B
��?���ih����n�.����y>�J�k�mГ>y��4!;���/U=pu�#����Q�0���\
/��GƝ$C�9I3y=�Xs|֭	9��5��Sg\'�ʔ�>�L��h"�5u���s!
+�(-э	�~,c�%�*kU��Z�g&�)�-ƴ:�إ75��@�Y��u
�ԘbR�߈Rg=Uo�����!��`�^=p�,�L݉���y~��b�ߣD��͞s‘<Z�V�g�^�^t��v"��˺OaI�s�Gໃ�wڹnoC���VYP,N?30{�����c�����E��M屺��/�W��pc��Z�ݥz��@�֝��k9�K��J�1�S'.��U9�öX�
�uӜ�V�녺�Y=cd ��g��)���MԂ����s���B�I4
�����^Sj���S#�ԂI.�볾)!�+r��h��C\��qj��H����(�-F�漝mH8��=�S���
Q,oˇ�>!U��}���]��66�R9���ڗr���TK���9x�Il�Z4��ӲDN�dCgf�.ٱ�T���%Um<���ϗFkςP��cN��߇<�ȔI&w�j�����m�#�M�U7
+��
+��x����
�+뼫��R5��4��R��i�����:�:���)cGҍ"��r�V�3K�EV���2\ϵ�B�+��E���3f���������eܖ6�ZӵEj�H�Z�n�ﲕ�����+ٯ
=�U�X����uAYM���F��gAV�Ya��3��Vf�U*%���ꢹ�ə�)"�. �&��k)y����cQ\�C�y�*戍�Uf��ٲO~�ݎ�5�����	���K�Cr�jN۩�9
+�P)�6CM�i��g�.w��Tw�o��4��܈sUnm>�l��Y��)ZAH
Ԝ
�#x���j��:�h#����o�c������ �޵��E-~j�	�}�V%�P��
+g���~�P�*�@�/R}3��KFk����Y���4l�T7q�e��2�H��/6:S�B�b�<��ڔ�1��G��k�۩�i
N��޷ͼ��
�u��w[�y��Gb�����4�G�ʕ�aܴ�d;��/�7��ۡ�B�4%�5�W���*Vӏ�z�־^3+����V{"#�K����{�CY�b�k���������y��KF�5�O3\�?�zlCZ��h��u�_'����Y\ȏ��O�wl��B���6����ъti\� GKU�L�,<�T��a�ΝԢ�G���a��}�[~�Pp�Kl,C
*�U���g|�V􍧔6̈́�ެ=�R�m�{���9e����Yw���=������k�����i�KsMf��}����ܨž£u��:D�)�K>����Iy���V�u� rY_��d�Z��/������M,RF�61Em�rv���LU�Ţ�F�.T�ӷ�"X��T��`f�a�2T����j�~FI����N����9�j�!
+gTR�i��A�S������W�>D��\�y$m���݁J���𭺤�Z�]/vͯx�Cxұ<v�����Vv0C�~�`{i���C(����=ǑIG�}�C;^���ee�8&�9��kY����w<�3���.qrߏ��2�-�<��"Ơ ��h�
dY����hp�\>,��)���9�P#[�N_BE��)��]8	���aY4H���%g7=��>��N�����$������#��yt?1��Te}����$u���7:�c��`1���b'���4kr�A�ɋC��0JG�=e����x�B��$�E�)E�N�D���a	�[�v �XTƭvEVc��Bh�
�7�CP0��[��%tkY9,?���iV vԇΊI��E��)�"_�!�ꏘM��F]�U<J�*�II
I���BP�"42��W�>	9����s\N{Ro�rF������ƫ�v���x��P� ���-��Tr�W�O"�_l�I�%9D�u��@�f��н����-�G���@���]Eڰ"}.-��)͕OW�ݿ�(�����MJ"�p���ܠp|T�}$P�ޘ�UW��eb��a�귖��&J�#���g����j�p�3b���a���r� �����%-[��*��ߪ܆T{��Vj&���'�R��1eDFJ��Խ>G�\)�V�*�g��/���'��bQ��
�=[y<l��
�T���~���a�
+"Bu�e�-z�܋J
7�ʛ�pt���z{3�hF�K�*g(��x� [U:��8���9k��$M�ca��j0�0���u��@ɉ�|�����FY$�>JQ�!��./�O	,Z�azM[�f����<�	{�˷ Γ<��0��x��T��n�zܻl���Š&WVH~T��=L�ޗ��X#]h.���D�u���T��Sk�/�U����㪪^��]��������{��ĎWO��>��rȸ��Q����~n��
+�[X#y��ҷF�TĴ�
�U��:��W9��ܐ5A�*��W
萬��:N��4�*������R='T|�ַ���F���q=6:��v1>;��cJ��lD���6K�^����(�ع�����B�>�B��A3{��"�����_��-��;OɃ���� v*&Ɖ?)��p��"-�|s)�5��:���Q�q=lq&�
^�x6\\6Ow%�5n�Fg�{������IA>����6��]�g�"܈�
�\���Z=��7V\gac	�e�kc��!�_��u?��)ZnY�a$��zx-�jbݐ�������q?�7�ŃԈ�ցg�/��i�z���ۚ�M�A�ҟ�E^�i�'(�;�
�D6M�¯Fi/J��?��J_��)����y[���f����:O���y�����f��U������nt
�6��V\
e�+���G��X��:	�*M�i���p�;������n>��LӦDo\�������:�۹N�8����g�q2��;�3���.���h��NI�g�g��n�
@8*����~�)�r����g�q��������'�A�J����3�3�D�܄ʂK;I�n���� ���0z:8v2��Rv��jac���~!����٦�E����r��T͟���Qf`{��Xk~����u�#�|��?������a��g��`�9�˹�zvk�m%��g���O���Ӂ
�6�U6P�a��M~���	]���L�}���G���<�i��$�9�V[�ȳ0z�ç,\ �I[��3�竾�Bb�D-�����m?�_>cQY��l���!AΜ��yhkr���A
-��,ՙA�ck1lT�e����X����+��=��cE��fɞ*����[<�����bA-bS��z��.�d56���|iG������4�����b�Ď6��dL4D[�hu�5�~�rO���O�%tq�m�
-�7����km��Nʓ1�T8a��Ֆ���<�N�	��,�qRgGY�36�FK
+��-���6|�rM�Z��t��NC-F���r�����Ҋn_ϯ����oɬH�s'��	���_�KrA>�����u���p?��㄰��ZJ\�8���lИ�/f_�e#�z��
+�8s�Ҵ��B�lg�Rq�4��	��}���t'�E_ҫ��P�����h���2�֭�o�z��4�S���C���x@<)�{��V�@�xd'k����t��D���+^���
�.V�s�Rl�Xs{����qۊ��R�u�.G�R�)$����Fs�-�m�@���H?���UkXғ��	^T��.h���쭭�*|E�)uN�t�y7'h^�nfD�]�F��[�
�˞�M��١�J���fyͷ{�0��eΖ�Y�M�����@"	��'��>���}/�!N�Z���Eϝ��y�zih�z3�-����H�p����qhd����[��=�y]X7|�g;�Y�^Fgg��]�N��_�O���h�����&�J��,o^�Q�|�!+oD׻�Ŧj�#l����bt��:���R5�n}n��KV�dM�CѴ.�z�~����\c5"��,n95����E�p
����4}��
+i`%�[�
+ת����0���쀐[nþAutW�~��K9����q�~��hu��$��9�q޷IN��qt��y
+_d
�s��[�tc҃F.��Nu�����J7�»lFI����?��jDP,lNY�l�\��,�+!--+,�P�j�Ud�h��]E��q
'��
�{��N:P���J"�&'h<����W��da4�߄&���zu,��|٦�a�$�n}�����ř�����o����٦���/��\?�������縍Q���o?����cB�Ӯ���BC�]���T��a��<�N}2���N��i=dW���
�>'�r1)K���Q����;���F�)a%�
B�ώa����rQ?�M��ؒ��3_�\������B�W_q�Gmw��y�O9������UoQ��yJ�-���Y11T�Iq�0��iM�K�����Yhz�"�%h̠��f<..��;M�oZH7f��f��_7��6�j(���=lDEXD��T�䎃0�*@X�xc�uf.��G���]#��%�R��u���<n�-���IoY��$�/ٖ[��?�x!�����
~���\ڷ�Iig�|���ubg�nk�=.KFy9�"$��p������/(%��h��ri/J�?��J_�*���z[�-yŻU�������W;�%7��s
/��(�<f�?0����7��f����Pd}��>!
L0�o�d)�]�K���j6|��'Aڗ�8n����!;
�=Z������
K]P&ub��!�)�)Lħo �v�Ȥg����~����kIQXc�c'�%f��]uG�7��R�CfNR�Lf
+���`��T�H��PdC�j��%�d���L��ڛ��M���W"��vz��2I����p�@�i�~�؊��QIU����-�nQ�2a���&��(p���Ey��t�I7���K?	
+�5�ɯi�b���e�p��	��U�����{�F���xS#7���j}��ٓEV���(&�����@4=�yW$�"P+X�ulU]ZD�������
�䣒�v�ʪPS�N^Y]��N|�%�y���lOY�O�f�H�*��I���g�7�ˈfֽC̍Px)B��D*�~�t�qx�X<�*�m�h��V�4�Y��a�����ܛ�)�/J%!{g��E���
m��~����� ���Y��?r�˯#gUeSTչ���,Dj�.P_��t������D���fw���@���+�Ԗ�bw��-ƥ��&f��"���7Y	���Ɔ���J��K Pa�5�>��u'�D��lp���[��`6���-�|s��-�d�@��!�۱|;�o���X����q��+�\OR�NX j��N2�t
�H�i�TQP�� �@�	N���+lU�/^p_���L��.��t]��B�s�ޜȔ��E���y?P+�hT޸�J]+�Pܦ�@��'��L}�9��X�rm	Z̑�uƤF��ӏΛ�;q��YUӧik�8V�aIL����"�e�cWW�68���hE�RH�&��Q �
+�sh��JA�!�q�E���|��Ǒۨ����G���ڻx2���q��͜FN�?�RE���-�]���l!�K�����m�s"���z8��r�c�l�+���τ,F�k֗VYB2��c;�0�e�:���*,�C#ܖ�-�)�n��?>P�oMɺ�M�
m�~0�N�z�f)'s���9�N�u�t��ӷF�av���h�f�a:�AS�T™=H7�-��޺�O&W�7߉�f:D!j����r`�tq��B���Pzމƈ��'TIX�VH��fwT�5ҩma*�aI�0�%�ap�"L��ؑ�|���V?6C�28�W�"����)���R��).t�u��rG���7�BY,����d���Fֻ���@���Z�x��)p"?���m�z
����b=�qY Y�~7���X�������D����P#[j�o����A�q
+	�k��{hǬY4��v=��(�p;E�0C[�����$��g�t��z\?@v�Oax8
Ui��*).I>p���!�'��j�k^�9���Eػ��0(W���KZ|�$&�S-/iҥ�v9U?9�#�|+����}�k�#�B�Y-��������LJO닍D)&)�ĭ��$��㘦�mF�4����l�J�?���
4�[��X~XU�h���H��&~/�nF���@^Q��/q���>!���%��_�fʼn#Д���)e1�]>0J��,'jG2w��!
+u�vV�಺�'FӸo%"!���JOs��=?�����ZX(9m�BRF}�Hp�([�
0m������/y��F�@��
+?(c.)�̝��?�����Y!�&%s��\&u�O�B+��v5~��X�<~WeJ��p�*S*�5��dΒΨ)��̅ܶT���i�M9��E�$CC3[.��-�Kn�詔
\w��<۴�F4��H�>�M�D|��L�x�L-���r{uZ�"��]a�UJ$��J�ۥD0��]2k�;|r�O��p���T*K*�m
��.""m	���9�(&9b�JH#*o5=��	\@����VU�2j#��W��6�^���NDS��lv5ͬ��v֋���V���s�z'u�-H�KYWf���V��5�	I�c�|jv��f�/-���Md?:�|�t�����d�<ڶ0�(\U��)#����eXy�lmXV�tR������)׃u�wK����҄@䷴!(AʧDV�.KL�q�Y����%��D��o5��	�=T�QT陕}���-Z�V�+�#�"�U�`|=�SLaV�^{pTo�
Yn0�R�Qt��p9S1�Rg��߅�Z;�)�F�ɠ,\$��8W:�ٸ
+
�^u�"�7P���N�We({9��ڻ��e��~~�BS��!T�9���?��4����3�"��<y!��J��g2�ܕ��tb2��q��0���9c?V"=��P:C�����g{h]�so���>��v|�"%�*$���W���(�R9璩�US�	��3 �DF�1�����}��Fx����l(J��S��� #r�
+�"���|D�
�����w��t�u���D�u_���-
�P�T���(V�b�4T�l�aج���`�JP��ԓ�	R>
+�5���U�-hظ��.,�_�8=T�ީ ��q�-婍�1�o��ޝ��
+@Lϰ�F�C�?E|�����z�^�+�:��H�u<�[�!{׈Ez�v����~�^O��Ϸ�?n)��לn�����?��\��(�o��m�����p!q�*���gـ�'����Δ���3)�2Y�v��Jz0&tז��6�)� �J*�d.ҞS(��J��&�!2��
+�����	�A����qx3I�E �Sj���&�\Sބ��ؒ�@X����N��p-�xYS��@q B�\�Hy�5�2�4e�A*u�tʼUr��N5$εc��>g>cX���U�(�4�H��O<�h�f��N��&�;$4�f�Zr,�m�~NQ��H�{���Y�7��Œ*��/
�J>�(�������qopA�[��V
e�#�v�u�
��R�P�����ɻh(0���̳�O쩎~@����@���1h̹\R�~j�6��N���DG�N��D�`�3�zr�i�o&w�u(����nL6�i�����ޡ��k�������d{��{�rnD�����B4��nmh��m9&�`��[�~Y���c����;W/w�,�q�7��<!ëMgc��fEY�z_�l�1��+û����.4�� ��!2n돦��l�]E��j/��O�M&!��B?rq2�]qj�����$�)�0l� �.��q,���u�(�耱Vhy�0�kp��0m��g2����0"!1izXc�y�g�:湝�.�j}�d����"b������-�e�<�߃Y�Gӎ��!h�E�:�`����c��M'C�RD9��Dܬ_����387��Dd���J�&xB�bI熣�-��8m)�����YƩ��Z%S�3���J]8��>��ׅ΂,_ϔ�){�k���+!4ud�G����,eG���Aә!��f$`�>u��Q�He ��"���8�!"fB9\[�I�P�xN��;G20^y���������6:�J�;f�m���'��k�ۮ ����nj�i�e斾��>�P&~-6w+%b�E�H�
�]|
+*\�d��e��{����^���5�U���M9xiSo�b�&�����,ђ���"#�(�
��I#y��I���?��m�Pj�*"��Q�U��,p�#����C\̄�U-�h4�]K���9Jts]��p��.R}-�ƒ�X�`��(�0�R�`��d��-EM��<T��s4I�0c�_��z.KۯZ�jyG���_��2���
*����%��^���x�֮�X�`S��$�ZWE��E���0���_..`71����ֆ���McG�̥XUT@�ո_k���^�/���~{���f]�8��*��ø�K^J�M����R��Ӆ�Z|�Γ�&ri���+F��'(�nˤ�Γg`�Y��W��w����^_����(dM�lۯ1�2���
+M-�t�Օ��5�T�$�E�)�Ż���u��iSަ�FL�8���S3L;;nz�Pv��cP1A}�d��-�K��I��&�Gv���4���6�\h��c�i%y��:J���;��YȂJO2}�p(��UV�b��Ɩ�$	�U�]I��A��)��bm�-�#��	Mh�:1��-��HcK�\��n����F�~�_!Q�u:hߋA� S2��X]}=�k�&�e�-Ȥݽ�����	r\G#�Vy^\�E5�h�^��uE�ç�MK����b�fK���W�
+����M�+��-�Z+�C{����7G�[ԓ�q_�1��XT�$"V~_�?M*
+�;{N�tI8��U?	+���荋6�ʧ�i�Q��H�����X=����m�%&�4&�l%�C��#�����E�W���F]%��m�2N}����q�	#���Z(5�$��NH��B��˹j�E�P1��=<4�CܬL�-�b{��Tv�1{%�<o}�yJ�\K�\��g�%����BM�*�r���×S`څ&�+��ԯG����~?�S/\������7H�
u�	�;K�|!��T*+B&s���G9���-�wAG�5u�(}�8�%�ݴ�V������Y���]�o�C(5�聺�2�!C���0O�F��&1Y�;^�RD[��"W	9ь+��j��n�\���c��m���4�^��U?*�����+�*M�L��X���ĝj#W��qTUZrp(Z�q5A��a�p����T�v�mrx�.������oX��#S-��T0�H���<q
���X��Og��B�X�;+G�A�q��e�)���UWZv%�ݓ���y��<�j�?�������¬�$cZ՗�Nٜ2�Z��nI?z�*Ӵ�a|�HTӱCBS�(����65�v�	Iٌ�S�!��%��JZx��}��.�^S���Eإ���@���N�Օ��Ц�
�Gc4�PI�
+1™3�~y�v3C�fH��q��ұF����	C
E
+E�&��=H�&�7��}�XV����ڠ��{�|N!Յe�XU�-h� zL��7���Ή��.���'��Q��Fi�wH[v����f�9<�q)�Fcc�[u5gx��hB����؛D�6f9��MJ��L{����z}����p�P`�z7���H�5�c(+��Qia�ؐ"P�K�@<
�6�BŒD+�j�x�2:w3jH�:F����:�U� �|7�E���zM��kјL�%�Y����������ǀ�k�}����%����:0_T�}�,j�<�����_��9�!�Y�?-�OK��R��T?-U�S�{vB�I~������x�˧�[�kQ�n�[�aƊ����9�?���8�/D�X�C�8�X��9M�:����{�▝RDx��?�N�Ԝ<�]l��C�_J'���-��q��l�%�lDb1XT�5�~҉A�<V����_=�\�f�W�z�R����7���ޞ���z��؏�2�:7۟fL5MT�{���V߸�(��L$Q'۪�$�Q�"����M‰��ͼT�M��
Eڳ�㏹J��_.����q�g�ߑ8{&�s5��!�FJ����TKK�8o�� �Sd�z��i�&'E�H�!
��@C��

��4{VB䓧#��%%�Z=�`~;A
+9��F����2Ȯ�Ɓ�V�
� 
��铌~&��AXU���IF=�`�QnM~�_�>>�=�V�!R�Y�!�����A�njʡ(�������ظ�(�,�HK�|DZnem�<�	^��~�(r��N��#;d���΍e�$͝�a�}[��&��$#e�p�G+�[�6S:�",:��.L�9��y��5�+�%Uv�ȸ�4�[�
�Λ{�JH�١0Sx�/٬�FX�
+�`n���bP���5M�3��
q�����v�7�x����lL��a�Oq�1ʫ���.ߨ�2�'�PjI.��tջ��>)�^�-Ê�G��ip��
+5�+�}2y+�ǽ�n�bL
+X�*풇��F��f30�R39��؇\[1f~);Dm9��ud�k;T.�5�tFm@f����S���LQ�SH"��E^���e�
+��?�ʠ�&��6r�ŸnVE��Rm�`�Z]�>ML,b�{	�
+l���^ ڮ�i``������V�	����][�~���޹pZ\�u�V_RG���f_���淀L?�P[��u��o�}_I�|�o�Ž���\O3��W�)�Kb��{㧥��-�T�io���kU6�`5��3Oe;�Zg����[j)��u�����oB5�3��K/��s:?}�{�urHF-�CL,�>w���9D�1����Ŵ�\��*\'�Hgv���4b�$6�i��[��e
4}Q:P#Z�b�X����k�Ҕ�z7ًF�lb�FD.ik����#Aa�@���2��YN��<�����d������e0�[ڢ��'�b�t��O���2�� &ځc	�/��m�91��a��~Q���I�l{>i�'����&ɝ�uә���^P�;98
+�PW,�����{!+�S/�_��<�n	��}I����8;���ċ
+�"M÷ƴj����ƺ(Bu���p@5Ix�[rj�L��$^R��Cd��}H�_����YR:|���tGl�Î?;{`|X�~
+?�o��;
GP��U��@J����yz;�S$�	E-�lF�t]�5ߕ��7��>$�����N���O;��W�*����ϔ$�9���P�7v�^c��������K��h}Z�x)����,�5t0S
g�1vsn�&&�	�rjsX�z5v���L��`�qa�O��P��Y��'t�:L<�<A��eE냒�<D�x���'�B؀·@Q���B+�=���ڿ8e���^:@>�e�eXz��,)
+�Oh���P��O�����|�
F���GO���l�Ѐk���
ez��
+Q���œ����#:j����|�s�1ZL�dW��G%�Ӈ�K:D�9�hR�f���^t=��yk�3�:��b��5G��\��*���*���e�\�D��>�Una�&��E
	-��b�9�i�#<|��������5�0���e-d8t�v��J�׎�W�!�|��\U7���x��Um6�UЉ���X�gɯ�<hj�=���]�����yEy�㟬�p��&�!w�v#UG?��S��ߥFww��q
�A������ˀ�uS�d��oق"�.B���j;�eT���hdm_4/?�1Yx����æ$!�Y=�)̆�c��$�%��[�
+�s���5��+�7�^��]ll��T�wMF�.��3l��Y�]4uE�E\��v$�ip��:T�\Y��J��4��S�&�V�����ǂ���S��A
���9��������S��K���ǘ)b������5�5���>�����YM���ϰ�Γ=��04D�/��/ّ�zU'���pr��WwC�Kfpv
�A��Գ�d��mRƺ��ޯށ�!C�'�S���Y��~��-qj�����R��r����87��%�O"�R�G�)��m=m�������c��XcC�!�|H'�)~�??G���H����?fh���:�)b���C}�giQ�����jp�\b��ՠ�ܓ�8&Ʀ�#�x�����H\����u�+�{ŞP�	�I��/h4���c�Q���uP�p3��ϵ�V1�
H�	�ZT��p�Qr��S&��6��A��|`m�H�R��	��^��_7Uc�[�	ݱK�J�8Y�����^�[B��)��+�B�j:q������D'�&���U�t��j!��2�P�\�rz�	�!ފ�3��M<g��v��f�lUd��
2��&G!�6~�
u��R>|����ct�0����M�'��SM
����u�Jv
+�Y���QN0��
���ח��o���d���dw�<�ѝ@�Ea���YkV!���G�<P�$<�5뚰���w��T\jE��.��TN�_�فz�
)r<"E�V�ϩJ�����1���������cnVzs�棞ƣ�
�'��z:
�K;��U���*��y����C�0�ܓ'c��u�����Hm�8"��1���oف���~HJl����u��FY�#.�f�����pB�e�o��;=ߍP�s-�b˭=�(�#g�Av��Ӕ�.��]0�hY�&��o?Ee���F�������K�*��w��C�Ƃv1R�
+�R�a�tl9\�ZO�'��Y�/��5M㦕�-��z�-._lN�6A'�_
+9��m�>�����l6������y�b��d#����[�M�]�,h��Y��
+���C6�x�[�h�&א�0e5'٪��څIV�`Db/��Ŭ}+��w��Ni@4������h��&���vel�Rڟ.��
+D��9t8��iM�6��9��Q��y���6�K5�&2L����l^6�/��$Dz��sVQ+@��j�L���{�����	�B*~��܄#n��2q_��X9;���n�2�_[�飈��A��\���vs]XJ�w�~F�
�D��q�ufH�4���Q����1�^��x�q$��Ir�W��b�p�{��~�]�[���W�q�zX���Ce��k�|Ӑ�m]y���d�`{�@(�RI�j��2,%[�����h�U:�|�����8V�J�&B�-��Ї=#f3��Hق4��Rk�d�T��i�EP�A�e��bÊ�U(}_��b�񂞼��o�jB��k�?{�O�`>8��Ҧ2i�4�~8_���-7s��oh��Q�*�
+`܏�Z�Z:iDx��D��+��q�S�]�2������C!�G�~2D=�f��}����<P;c>q��+���1��C`�Zq�N���+�<�2�`Օ���K��V5T�Ţ#���ra�oDէ�6�&>�,ɩu�m$�iy�m���I��h�Y�B�%4֏��
`��e�q���$+�`d�C�C�}s����C�
#�W��۫�UӴܯ��|�ղ[�y�J�@i�.��Z�C�e�A��k�#��1�\gV���fc��u�m�iq�6<����ǍC�ܟr�g�cZ��l�rU�LU�FrI��u���شWw
��0��4�K�n�m����sk5�^�X�ك�W v�`�ł�v�S��٬4��t��!ɝ�%W����
V0��j(Z�V����J�(Q
+�h�<G�e�i��>ɶ-'s�&e.�%���≓߰V��Q�ȟ
��O
�2�(*Q�iȮ��X�.sSfI>`#K�&� ��S�]�<�]F��:bݭ~�6�+��K!➠;�B��U��S(��!,YF�,juي!Η;$�3�h]�4��c��\�aBj���M��[
��4��4���@�{��e�?܋yq�a=���8��.wf3p-���b��
+oJt��s�ίj�c�//���������zJRO�|	�/��%ܿ���U�B�uJ�
+�R�>��!M�b��s��
�����k�oTx��?���.�aɬ�P��x��M^,!�+�@�Vc����l�C��̱�`OK�L�f���l�r��!p�9�����=�@�6�Ԡ�jr\a���p�Y(2�8ڕ�!O�U�Z�����D���3qz�r���l�hO[6�ǃد�a�tq_�]�@V�cj�`����<*>Т��/
tr{J��=���F� E���C1V�'�&�(��8����ݍ�Q��e6�c��w?�pX�5�˱�~vD�%��sNw�[��*�@Fැ��x]@Y����6���	]6�q �s��k�}%���[PRИ�(C�nf�#�#�-��fh(3'm�΀�S�T�Ī��
*&��7��AE3��1����_6�ڹ:$�3��o�E[�o���֑g����q�d�L�ˬ�bb�vQJm�����
NJN�O�o1m�\st�2���髶�T�k����@�W��
+c-�qao0f�z�Uђ7 ��5��u���h����*]W�R��S��RH�űt�44�^��,i�D�z�����ʆ�9�)g��j�z�Kp'��H�X;Uq� �"����>$��{�������Y�,����B%��.�rY7�uy�̺k�9�FOP��i!��u���-���`�$'�3fi
�z~�캸��r�����2ZJ\8|����� K7)ܦ(�]�u��	]s�1�5q�����#-'NQ	ћ�^�lX:�\��\��`�ST��U^�y=��v0�:
b�%����
+�O�-�"l���c��P䇰����s�d�gY?차���3R�A�WB#u#�R�fNj�8�o���C�!��{Q-eVn�gXx83L�@F��|����DZ���M�9��0�_��j��ˑ�Sv���y�	�K	�"_����5����zY�Z�6sX/Z���+���	�N�|�o����@$�ٕRr�:��V�@ͼ>���
��r�	�gM�_M(�TG4c�]
+7X�ߪi�`��I�es���}��j3o��=KZ�8�E:@?U��k8�;U�J�Ջx���1�爔��{}��B���]L��u?��q�{�n
�ɢ�03,j����)K/dRuRF}�
+5�*%D�*��9��ͧ�n�Jv#�x�GB�N�<��G73
�f��Ԫr�����?�V�&JN��p�*�$��ƪa���0�0���u��@Ɂ��|8�r���FY$��JQ�!�Xw�V���EB�̒%�<�`}��m&��/,���W�l�w�QU���t����e5��]U��l���s=����it��H����۽Pw�g�N���ݝ~�C{�/�U���y㢪����M�����A�{���ʷ�>�}���~
+��(
+�o`�t�������a	�314�|-��rܳ��F���*���է�<���`�4ݾ�Aj%TNq��=z��
ɖ������Z�獙���7��iA;!�zH��AU2����lÌO7�߰ӄV�
+�m�k�
~%�����R�D����꫟��y���W���E��Z�٬��ߪ�i�k�8q٘J.���u�%�g4L��ba��2	��	U�9�;��ݜk�^~�}�����x�B��s�8T%e�ȷ��yFW�n]Zƴ��}�:1�ĺ�I�aX�
I[^K"PI��e-��UU��u�G�ϲ9��љq�8�lT�2J��D�ҭ���f�|������~E�|�
�feR���		��E����%����}
"[R�6��|�%�x�M�}5E�#����UT�ۃFچ�zݩ���V�q�ƈ�b�J�,Iu�OQH3��p���E���w���m��=��÷b
+5(?D�Zf &�q�2�aC�s�i%{g!�X��U�m�h�F���)U���n$�RR6]M3;���7*g��Q�
+o��l��.sy��¥�&QXu�t+�
i
+�*�s��<�$����~�9��Ѝ�򡵧��:��\ȿ;(�xC��Iu��"�e����-y�=n���wL:uS���el�~������#�$���sЛ犵+���ɾ�.�k&�H�m$�6��lR
+�����A�*��7�D7"�b��Dw�ZȽuv3ի#=��l%��ڥ�7��=դ~Kl�u6�ְ@�t�v�j�����)Mo)����n��x^�A�A5]�iQ]��]U�=�I�艱�"t<�ܡ�FHg@�)gߙ$��Q�L\_Aow��̌�eGJ����]?�u�/��C���0&%�c�=Q��rX�?s�e�H+#�+eg5�UDzma��(��S�ËI�����b�Wϒ]�yV��ޜ����� S69���BJY2}�3!��\��KU{�.R�P������s�tKF���"���gݤl�Ep'
Ӟ��h���1���(x�5��s2�1��M3�H���
+�y�$BE
A��X;CN6�!��hh�m�ì"�$���|J��nGR��ȲĿ��N�+��o�}M�
ROz7�eL�}v��pc�Yȵ�R��K=B�a�s��uhc@^o�8�v?��۔�*����4��¨
+��ox6�Ro�*���+T
+�&�- yP���C�:i�y�GQ�t�r�tH��/gX�m1�o�$��ڼu,��+_�������|�_����|'
����q��O�'�q	��a)m�����;Xj{�B�Ʃ�;4�}[�a�J&eW��@N˹.x�}𚺷\�����\�u�]���=l�13���|#h�Qȡئ�@���&�B�ֺ]t�ɹݖ�Q���;O�i������U�]�?�߁h��a<�
{"��.�+�4������.�b����9�~���*PR�H!'�mI�e���H�C�N�o"u�)��՘!��FƮ�"�
+�v�c�x�"ת��Hy�n�M�T��Of��	|�5T�Z���X�{8��w+$�}~I��Q��#2��A�U_�������hC?��`��.���	��.0��#��p�v�i�G`�h����01���#���R�(=&��u˂3�C�T^USb�Dt�U;%�m�T������7[
��P�gv�o�-�IO�� R��A5B��J)J��\��R��!�6EW>ϻ��4��W
+�9�{uG��a��O�t=��b���ҾI>\�9�<v��c�%PXE>e0�!-Q�A�	�RC�L	�]N��T�W���w\�@�x�(�X/����2�=��VQ�I/�s�cg6M�ɏ���w N�
	=U�WPe�߱�i^���{A�K��e�Ӛ����1V4�����D��~f�Ys�*\�=�mI2#����0��d0X�S�3�� �Ţ�Z��~)��	��xǺ���p���߿����:�`��?�A�	Ɔ[_���z�z!tq*��q�u�?z���s:%���sU���ￊ���HVψ� ��[yM|#S6����kK���Rp��K��}U;\
��>�RU� �>��O�������[��p�0�>U}��S�u��2�����+��z����Co����b3���Z�}���+��&n,)�
��|s�q���ke�/�2�Y��~�:H��$��=�Ҷ���8�+te���)r�|�`�аӍ��f��%Y�HX���h��h��Ǟ��7�Ǎ�ʕPNz�΋�
+�H���j�[����Ʊ)�l�g�"_�+E<������~�R@�TT�����~�-�9���μ�!��e<��!GV`��ɬą4�6����ؤ�`WHg]�
+�w���d0��!~o.a��W�;q9���$^G1m^u�D�%�lĮ��g��c�m{���K�.���`!``P�&o8]>��o`�b#Sl@��<*^M{������}J�F1Һ!`�k��b����
̀e��H�ϟ��d�����,���I���B�����/�����P��y��%(O*
+Ej'$���/�R�MCu���!XGy_�	��ÈI�C&V���P]
{J�@���j���Q���*�\C�i'>
P��CG��򙿄B�'TW�=�3LH$9��*�]NÂ����z����T�xS���,�84�.��a'J!�}�Y�$1G������Є��ŵ�$~ڶ�!Ѫ�!6v{�U:��_�s&|�8Ǚ�Q� ���"SF0��#�4��z�P6�?)hL�
��`^�>�DP*�3\�y�Ae�9M��s��?��i:sIe^z�x�P�`���C�-�~�ﮅmB�.|�����^�,��ɤ�/�BSB�J0&�W_%�J�zvs͊��T[�%"��OO���f���߯w/ƹ�u��S�sɃm��p���=g!���.�:D)֋���l�4�	z���"���ׯ�J�S��$��N �������#Y�j˱^޲��Fr�N�F�*I��.Dq+��&�W��ĕВ�ƨ�^1��0�t�)�P?�xq�Kv�|�����*�~�ȗ��Ev\Ȯ�-��K�!)Gu�`�\������>]"M����H�.۴1�Mzb���i������
+��H�"8	������Ls/@���S���F��A�x�ēYP�3����~�k"�c����c߭ i���R��Qo1�8���W;�-'̽����A�����?��Jt_ϳ'3��4!��$�g�8��8�b�����4wH�-�pq�i�����qe9�r~�-
5��()��;)��{IC8'��p��s;k�������Ģ�v�Q`���*j�47FAm�l5	T�V{2΄cBy�l�/�;��Ұ�6t��Ã��u�j^�l����Fٸh[[��b�z�&���mK���
+���pD�F��²���a*�%�g���8��Ɛ]��2P��=%����h�ʠ��4Ea�X�E�]�NU#�V�X8z�XZ���o�T�'�W0Ő�٘��58�%k���'�ڬ�.�$����i;��]p'��~  a�pUű
+�,�}�KϮ�R���\������8g��%�)~iD��B�:�^"o��۪hp�yn��cF3����H4Jy�$w�Ԗ�9V�����}@�����μ_.)�p��:��<�L����_�wU�z���#M�I�[yReO�.��3l�ٕ�ӗZC�bnh(��@@���}�vod��m��ؚ��i"��Q�j%#��B�A�)8�(
s�dG
؇��X�v�Ͻ�b�'���uX)��Z����b���g�R�$�;1el���K�Du�ј`9��%�t@�v�T�W�e/�p���څڄ��b���5�����p�N7��`�V� �Kd�ʃ0��gQVz�iP�g��htc͏�N1;rT�6���M�=3q�@E0���/�}�������-ӛ҅��r�sn����̜��9f�l�͙xv��!�t*(dqW
R�_!�M`��V�0�U�|���̶�v�:ُ(􎯃����k��RF��hW�G¢YD��ɍv��z�����$���ەbd��8}t�R'�€�Ř�K2z�]7�Ѣ.�4q�?��G�ZD�/Xcݬ��ll94���E���	a�b���<ZkB���v���(�ש�)b�-ں(��*��}	���g�ua?N�FwS�ə#��N��!�!�8�=���>�b��$r��N����ނ?�Ғ���]�$ژ��^r�j��ز9m������*��z�I��T�4B�+�WV�]weVB�K�s�
+7%������uR�J�RN���D�BƦ�	�k�r�b4��
+Ij�ھu��'_nσ��Ʋ���/���X�:�?�b�/Q]E�CF��߅‡�8�$�!�
}��{s֐����-y��nՁx�mSt$���/L��x���3�z?b�E�T�룅"+��q�y+d@�g4(~&���K�M���q���ޓ��&�l�QÈ���HU�ƪ��?�({����G
�x4ʌ�����ڑM�-;����&y�5Ƕ�%��P�C�
�%�!CCRt5�Kn��W��DU�)
��ѧ4<��������r��lZM(����h�Ɣ{�ɒ���2�:�3(�i��ʈ-�S�A�.?d"�O�lŠA�ք
+��Β�&�\�0��uۍE0�2�~E��foO痣s� w��ꠃa;|I����_�M����$	�����Ί�8���oe� Z,R��V�
7
$�)�����u��|k��e�H_4�t���8Y��5r���rf�����@X��k�3���I	u�d�yP�� ����ۨ-�
�KSS�kd5/e�~2m!r��q��[1	��Uڀf`nb�^�o��%�cǠ�5c!�X��U�-d|e�brB�wS~=
+}���͡��&�m�F��y�\���M��2�ws�v�n�=S��V��qC��To<�]c�vT�G��F��*!�?V�7����\�8�Dr��x
oX
+�Rx���^�y䪶0�~�
��o��T��9��N��1��%C���� ���:�a�#›���\
`��f�pZ�J��7�S*x����3�WZ9I�I�s����3׺H��|n۬&ױ��|�]v�^����g�JȪ�B��jw��%���ƴ[�s(�e-&h�*�3���T9�VJoe
+���y�f�v4��M�]��WF����������=�'{"���ޙ��|ñy�z8t?F��>���e�i�&�:
2
+��2�aK,L2�)֑�!!zg�"���X-����u�J=���\j�x�l6e�B��E�~؜�o����i%�]%%��%��9����n)[3��
FS鉈j�<�g�Ԁ���>�2�����322���w��%��ި�gB�-�|�T���Hc���]����ܨ=-)_CNeV���X�K��>˔��R�ş�����$rU�a�&�����>���7�d�
+o>��~F7;7�t�6�<��X}��K�gvƵr��ԁ�m/��љW���u!�T�N5=K��~��,�7���$譺F�m^��)}��ZB�B�@6�~?�|<#�
+Y��Hx6��(���c%�e&r%ʂpm4��ܗ�h6��OQ�����(��W���(Dpy��Zo��!Ӆ�.�w[̩��G3��]-ib�m@��w��!�nb�܃A�jvhQ�~u>��M�H�
T'>��͚�}0��Ƶt�$�e�t}sT��t�N��#v�d'٨J�n�2�g�B2)��Bp���h]�V�}�m骵aՀ�О���?wyU��RR�����UU91�į`W�$�������R5��ML9$t��:{�7�}%�|��(��fa�8=3��.�:���2�T��Z�S`h��'�I�T)�1l��Qq��� ���_�3q1����FӾ�
��Ld��Q�ؖ����2I�#7��^��؆)0ܨ���J��_lj)Ӫ�f��	��Cj�y���T�ޒ��%u�;�'�l ��$-w/�`���9O
+���|�
+�/�8��,[�#k�2��^�z�>y/��d��}Z#Y�����|����z�^���a|{���wxl�S��y�����b��jv�4�D�:�����ԃ`JJ͡���:}mK�DŽm��]�-?���w)��|H�������R���d��Y-O܎�:�c��n�pWui�f��U2^��k9w/��93�>���u1���n�RI�'�9�>"�-C�xWw�jo]Z#�=>~wX��?Y��ZJ��Ms��|�W�ד$�5ޥ�Z-)N�a�m�#2
�o�8.0��JL[l,6�BFE���������1�l��@����E��]��G�8���Fpެw����_ ������U�I�����eFE�J�{ݨ��,U��PC�q?i-�&����Eb�#�E�Y9�V겠�cY�.�������ޮ[=cP�����lrY4m:<2�€r�oP��k�V"���YucC��RP�w�\�I.�`�O}���#Lߜ6��y��jЖ4��ǰ���P�e������k|�o��-������"
y����ߤ_���ֺ�S�i܍l�n\釢C�Z�vy�C�T��\�3b��d�R��vGN"�%c�ª�v�Kv �&Lѽ&�N���p �B��ݷ�6`����%�)�2����0�Q�=�n�H��XXkt��$)��P6&�����v��N��N���;���������=u�n����ym6Ҹ�@�exkkV��
+��L-4^��a�^XJg2��*�A����Gc�׉�$���N��aͨ��PZ�~
g1pS��9��vq�mO0����N3�����(g���yp����ζ���x^cOb�Y� �57�(�7�H7vj'u����g{�O0w�݊��F<���D{�J�~i����LR
+R��Ԝ�G�=�����H���vvd%��;7r�%�>�#M
+�[m�̒��*�~;Dō�y��A�����u�y��b���d�C�����>#�u�a��K�%�1]��_�c�x��c�Q]~�X\hrƴ�,`��긪�#8�_i�t��M��Wvi�H�`|ˑ���Q�g)��|hE|^�vy?&\Bq;�u���:9q�����;�$���ZXz�?���4`��P�_��{��͙��7���Vz���Y�DV��f��~Y��O���kɋ��\��q�S�Ml�ɤ���&�ƻ�[Á�T����p�	ۏ`k�q80��&GTb���ǰ�1�ukDz������>�@v�}�b��K7M�&���;�kd�ҝ������ժ��Z
؉t���s��1�Z��G���..Y�AW�V��6O�)tƽ�u�����y�ƂJ�ev^����D��Æ�
GZd�_o:�6��7��Kݓlv�fՍN�7J��Ure({�H�<׺��E�h�V٫���$Tsn�A[�H$*�����b���X�O���<}��XLU��5��.n!�F�������3��m]�,a;�����f�*s"Y� ���Z��bT��E�I�`sj����I�����S���!���?B,嗰U����?[N����'���t��$�CO��DF	͜�^�<�����VJtܲ�
+�f[��E�ʶ:7G�p�QL5R�-l�ɥ�v��nI���DGh��c�>�N1w���R�n߳,<	�
>Y�����}�5�IF7L���Z�!��*o�Ԟ�v��*J�a�u0cCl���(�i0����%]�<_�T+�nv�=��a�̅^�z,pî�9�]B��!� �2`����Ф�q���-�s��뤖�X��>����;�yo]��/j�T��~1���
��1�8`�:h�]a��Z8�Ԥ�i?E��j����5�rV��xa�lXN[y����@=>N|�z��a�ޒ0�W_Z���LPf�Xb墹�>���}�r�Լ��u������7���g�,nFi��/���N
݋�6��vea�q}δ�)���4�f� ��c|	ZIe�X���VCvGbpWq-/f�E2$�0r�H����e��C�K΁�Q���F��re��LH%g�][o���w���r0ş�� :��Q��p�r�]�ݴ��Y��Y���>�����_NPiv@[���5�CJ�W����T1R����V��W�M\�����������dO�;��d0>K�"��O�"E�����`�����4�4B�#�Y��c��=��j�
?$� �je�TQ�]�)�g���~�K�p'-��2 ic�}�� ۢ~�bJ��Tu~}��S d�j�eݳ+�F���掖�yn��U7Zv��7���fӨ��]6.L�����'ۖq9�n������@��/����l\N�WC�V������j��א���߂�&8�x:�˜멶��6�S��K	žQ�_a���G��\�6�V��Z�3F�S�;��({�HH�|knߵ
��D$^ث;-��u����@;��Uw��e�R�Äͻ�ί!Jj"����n���g5��0O$�j��ܡ�#�1Ho�}»�e��ܤ
��+�!uO�b�Kݤ��%�T9�ۘ5#%�h�Y����l��+�gϺ�dz�k"ր�bQ�
�5z�ryؔ�
+�T���?��B�p�J��z�d�-z��r7*�z�WV>�Yй�7/��f& ь��ZU�P2?��9���Dʼn��Y�"H�H��G�a6�a���B����<���v���,�}�(ɐ@r���a�ʱ츑�U����<r9�w��HT}�I����?�P( �X6ڧuY$i
�ڒ�*�cַ�Ažya�4ľ�g��m���Ђ�n�:O-��r�z0��
+:"�~.S�It��H����Mn���N>�i��ߝ��>�m̅QER\��z�&/���x!�=N)���'?}���!y�ר�`1���W�E�|p�
](�S�0_���ɶ��Ŷ�jQ�����L՚Mڈ�v�`i�c�g�O5���(Y�(%�ǘ����s�2��pq8�}2IqFq�cR�L&��W�����<T�p�e׹OK�i�%�6�B훧�E!�y$������%�s��=�H�8cu~�ƏjMI���{��[Dt���v&skh�R�T�����82E5*����h8�GW���
+?�~T��JI����L%�4=805�6	TNKpj��Oa������(H]�WM�o-i�&g�(��v:yJ�TZJW��OKw� �Wr����
eQB�o�$�]M	��Z�2�v�rO���]<�J.��vQr)���=Yt0c�
+C.�◜��5F�����5W��J�t���(��K����B��4�{�O�W�"73 `���k��uv4j�]�ޜ<2n�|���lJ�%�ю��q�v��_���ϱ�.�=��3����8|[�e"���sfa�"�����d?
��3)����9/>���*��<�Pa���T3�&s~)-��Q�o�_)�zC�{�6���f%�Q�{,�ZV�������Iq�e��
+n��PަIӢ��q���T�~#� !�i��%��9+��i��3	��z/4�B����A�+q����U��
+z�$����!�ȁY�l'�%���PYWq�/�E�t�=)�ێ�}�v#�Ϥk�j'2�q���rV$�u.LL�7NL��_�
+��6K�ݼHk��&��w>p�獔�zIx6Tq�cU�:G��9d�.P�Pw�>y.�ݪ�M��iH�������Mÿش�������a^4���M=����d�'�pC��T1zD�N�3ܱ@.�mze�sL�#�ݰ_Y5�v��-n>�yڤ�T��X��:
+�v��?��S$��.^)�&	o[$�o� ��N@�.���9���6��W�3H=M�r�rr���z$���Ps��g�v�(�rK��jLg�R��G���%�F}ڿ��o��01��Ķ��u�d:vk�����Y��AsU�ו�nO��mߵ����~���GL1����
m
+)v"_���#E�e"��e|�KcD���;ö�p�����a���pn������[�%ą7z���#j0\Zqn��野�����4�BE̩��hB������zht�k�u�C)�K�")��N��qo��F�����"D'?���V�&q����EF�0�D�s��Dg�8�5X��.sHQ�e�v�X��}{L�O�2+��*]��dL��IR@l��N�u��Ag#�Z�/��aѰh���)�Q~S8_�j%e�54�/��Q	��<U��.�M��W����K�M°����b�&4>�a�e'��c�~���N.#��OV�I���]s�M�/��s^���Z[�VRV2XSo^�$N��]�/���ɮ$+͗�q�w	��k�����C-���n�A=�s&�K��u>
�b��u�O&�$2bԾeq-$�Q���:�<Ԕ�Z��c����܅�#��յ}���kÞ�k�|�N���z*���%�J��9�~�&�L��2���Յε��`P����v��_�l��t�����h�mSCg_��
+h�v��ܹ0�a5�x�>p�����#��6�a=��Z�k�z�ݓNo����cߣ��?�ɡ|b��B(�f�V�+KH"�ƫ
��.+,p٬��ֻ� .��X���M#>k�b]�p�� �lM)��;�	B�fݲЬ�d-e���!�%/q
�j�s��!�`�&+[��	�
+�3;I7v����_��A��Y�3bjDIx�f�ȡ��U�ˠm��I
�߻����)OI�_��H�ޯK�u��[!'�2�4°pH�Æ��"́�q"]�3.v�H�(��>����@N� %�Kbw��2�u���!�:%)o���kў��&����1���O�*ƃ7�%pN~��̦m5y����)�# a���T[��Y�gs{���q'�F�C�L�To���� �s	�!��e|:WӠ��n�Q�:g��o��~2l�)���I���Ȯ��%/'�+�}�%��%��wA��>�3�I���8�ue��M-�������|m�/�If�(G�Y�:��T#��2�+�L`]��
ɳ�|s�q�Pr�Z�/�3�Y��>Ó�I
+>PLmtP�m��҆<�T��y[)���	�2
�Ƴ���������H����.�'�5Q��S�X�W���g('=�MR�E����HX�s����<J���M)7��P�+�
����I��r�*J�Z��2<����+(���W^Lq�U�Ō/��%g�^����N"g�D�Ol$���׮}�#��n��������~-��u����h���Ʋy�.�ݗ����/-�H�͏gn�` ��\�Bub|�XE���p�0e�ߠ��A&�AG�>j��=��al�K��)
+"�
�k^'�@��mI���y� ����<�O������q���<m�yԒ.��)kQ����zJ��ʦ#m��=�p�R��4k�*m؅�>�=ޗ�jC ��1y�״ѴD�^ЉMM�X�����y��n�Qq�۔5钱ݞI�mߵ��/Y����܂��mJ��?|�	!�+R���ٯ�$Iv��S���(��t�sx�+�a��jf�	��N��J���U6\Z�;(V��nч�Z.j�f�2�=��cx�Y���g�Y�ڳ���U�(����z8�:�l?r�zu�EbfT�vG�w�
+.^	R\���ܯ����6�>Mm]�c5r�Ԑ����,CsѲ��Xg�F!N�����vn�0u�����BM\'fy��w���d���;bo�Og�m�{����M��\�W&��y�Us��K�#��Aػ|,����fP���V[�b�J<TJ��PӀ�H�w�й�U�
+o��������05xny���o7�b��ar^O
�c�Ak�?p.�)�>&�;���!�#��"�v���`?�s�����
+���[�v��c�2�@Aژ��w����}�n�zl��9��H���(��*Ss��5�w�
+�k6pb鯼xr3jU�R���޵�/��
�(_xnx}ss!͸ԛ-;��̫N�663�"�����ڮ�S���)�k
?�3��=�_l�"4��P1r�z.��%�~��qn��\�i�yIݔ��T��_$c=�p���Sj&��ͱ�pd��>�9uӚ�eZG�,� B虁�ʂ�7��Ȭ�c�O%��}�Tz��;@zx�J眃c��Ts<��" P�#�OI،�ij����X)kr(G�7�� �|N 
L!�g3�U�\�F�F�P%��d?���+�쐶&>#KY"#JW�G��,Ꙉ��
+һ��V��cW|Tv�k�(d��?]Yb��ԕl��i�����4eu<z��y�䂬��X7+�ɤ�r�LI�섨��Q�8�
Yg1�T;����(�B�(�!F��\�r�O>O�[n5����eVI�}���t�����2���t�6G�lr�n|�����ޙ�0��y$�k!c�,�b�q�@멢C�'TZ]}n�R�ns���R���R��P���ҭֆ�T�0����k����	E��DW�P)0���qL�h]J�A���n�M{Z�*��4]�����9{�m1�o�$5�Z�:�DZ 2�����.?t���]~��O�n'G��Y}I�Y�������Kꌬ�,�pi@����~��Tz�+���=����I�tW�������0���@���~^Ya���>ԉ������M�g�1ݷ�Z�CĔFV	��&'�����f�
�_j�F��>'
+�ŵ�(a������"��+B���,��ܠ.��R��!/u�\��
̆/����,�}\{G�ψ=�
��!;����8��P�{LHk�5����j��z��ɢ±E��~�����&�B����Rf/��F9��nZ*�]�>�0�X�e�!�-�F��
+T7(РΉ��0t����հڕg)��V2��rۄ�h�0���G|V��P�T����*�hD�����Ũ���7��d��X��[t*:n�bu�A��#II�Z�ڵO���P�u՞��7�%TF���o���,��@:��bKRF�X]֡�D�=�e
+%�bY��Ș�V3�xqӧ�@
kUJ׀RP�Y��)άF���%	�e��:_�^[��p/aIս�iC3�Sg�����		�������a�I��c��=`�	�m����rmiZ��!�E]�Q�����v���(R�-�A��Ռ�������i�Zr�a���!�c�-2�lI���<�����|��Rk���rM��C��@@��N�c~��c�"wcF�@72�'K��5�nס��ȆX�T��b�7{[ݝo�.R:,��ꢣ*[U�vYO�s�턊t�,�	c��Bl	�O���*��@	c�T�kk�~䰠�ǔ���vK�NB�oR
��/JK�X\̀m�}�z��KGԱ�X$S�T8j���i,�k�u�Y�D��S٥B�(������t7R�54�(��<^�n�'��1Ċ�v�*1�%]^�}�o�D�!Ldi�;ħA��u�.�i�~	���L�L.�ۊ���Gp�m�@��C�K�j�0����YU�uQ��3���r!�"z��ۭt��k��B�D$�2���_ZL��
��VFdzJW�����\�hֵDX[��dW����;Q�4��F7�KY]���5$��gK�cBñ�)e���B]ş��Ɠ\`��C�WؽKv�T������QM�jS{W����;��������C3��L�L�K������D"e���&
s8�IIl���*)�Fw���9kr|��.k#\¦�1�<F���ֶ&7�54&�
��ג2_�=2����H���������3 ,��$B@�5�����Ȍd`���:�ܔ�gU�V}Za�GY�K���Sl�%d{���/��>8)&�Zv�¥g�����
E�����+�?�\^��f������lϺ7���
+H7T������YK���6��yE��J��W}�l!���J~����ݘkP�2�t�&A�(�=��y�Mψ�j�����7R�%�ݣ��~?���Cߞ9���,���T�Ef�bu���X�;����{�i��Z����:���Ra�e	g�]�Z�s�\��̡��5�5��}�M�0zn	�K�I��@l�2�zI)xTv�c���3���gvb���ut�*���2͉p�*X���L�Xu����Uy���9سK�'M�Tu�S��R�z�y���?F�g�٘������ϸlm��͎��������������v&
��;=ɋ�&��qx���d' q�Ћ{�[Q�d���N�d� &�3q��h!Lī��)���T�Ĝ?�N@�.�]$d�T.�7iV�:�G�L�b��Qg��P�#��6*��/÷@��
5~5��~�$]r���O�]`"	��Ë���_�)�^w�,f;ѫWzP )^Z9 r���������g�G>lB��_��x~�/���%�~�N�k�w�CK�b��u��ɣ�,c
+�)y��7.���}8���R�M��./��]��p��P~�@�GMݛ�����m���ac�3t�=��.
+8��2F򲻫���}H�d
���Qs�E��o0&{���&f��t������2-�]xǹޟ�s-�A����"ZS��PW�68�
��hM�r�_���@�	�kj��ZC��OR���\���T3������Y���_��
+P��;6'�0z5�J5uw��fh���f��{�5T�Z�X�{8{�r��>ٔO����B
#���K_YB27-�g����e3?;�7�LX��F��5���G�[��I7n�"H�MvQ�f�;6Ƃ�T��YhV���2UM�&��8����}�!��������Pb
+�3{�n�[r���x$�Rg%Έ��:D#j6����jb�t	
+�F�Jj(=�BcD���:IX��H�ê;pC��8��-Le0�H�;&����!�,����@�_�����7�
�wHKv�9E��C"܂�Bi�u���a^uJR�
+m�8�>���ͪ�/�z��Z�x_��%p���3@f���/�o��H�8��TY�;6��ű�w.?l�	z�ƹ�N�C�$�ԕo\OgE���)$\B�j�52�u�U� �yn�b!;g�oo��>K2E>��?/�G�
���~	��	�J�LR
+\R8|����9�\iR�~��F"�vyQ�Xb}DI�^LT���y�2�H^'����Xgf����Υ{�Σ9S�9M�ܸ���U�|�K:�J���䁚���vVWa����A�'�M/��l�z�!�gEB	3%�LL���$L~Vϣ͢�֕j�?D�f=O��c}n���~J���N��}'��|�s��+g�٠�O�ɕwuiF]_W�0�BK7hg;6ޱ�zi�y�R[��qe=䂴��Sp%g��)�M�ˆ�w^N�Di���TaEQ6�µ��٣&/��.C-6�B��\
+!^q�=?�f���|��]��T|_�ٕOX҄r#.�v����Mw��E�_Z����G/#QI�w��k��r�M��D��!�[����
�	��pMT�F}0S̜�����8��(QF��b��F#�)��ȹ�W~�,V��Xզ�T��
S�*�U�<Q�Ԧ�oFB)�@F�1�֧���D�8��FYQ������U�N�I�)�C�SA���rk��^�vy����đ��˝��ɽ��U�V�@J������
n��Π�l�%}p��Ҧ��o�c^jS	��DQ)�)-ꪷ���FI�z^����Н)Rs�we����CXRu?մ���3E�n���`��s���O��g!��T�)�-��n�>�.�*��裣}������^�Z
+��RWpA�Wj-�
+�p�]��������^:��&���jB�C���m''�m�qB�P/��˥�o�ئ����$�suȿQ��×�l��?�x(�*}M�珏q��`8G��_�ڨz�x���2��B�f0����
�`�W'�1��t���;���#��q�;�4T
+�j�&���D��I�1o�S��Q�*���̐7@ՠC�e_��az�YN�~�Cx&���n��3��Y�`�~��Fٜ���ViΐZ��n����e:]�����p6��"��ٽ$�{�pM��
��^}U�9(�Y�R�O��B���P?����NQ�9��·�N�$�b�ӂ�i7/
+���n,�
+(��޳�G҇b�/8���.��U+�	=�]����8
��u9u�({��k�����R�<�w�.J��8$ N��Y|��
nPx����*ZYX�I�ALÖr^��)�tQ����rI�}�<�KH0��\4�a%��ziz+�1��
+V
+�M_N�jyJ�E�)����6+Ѫ
+p��@���)1`�J!?�H�|�ǨI�����|�����Y	M�:&!&�n���E���v��g��c��������bZ�	 ��hQ��Zs����歖����>�[۽����16�ɻ�&PA�q.T{��`_R���]`��J#M�XC�:%�%�$�[�����-�.Z�HY��)�(�u�mY�-����F�,Jִܓs���T�����V�0YO���]:�g]���f.�Ix����$B���E��}�rU�)�����U��ш^�t�Y_ܕ��`�ə6VVK�ߨ:�f
+���JY���q�6���
+MI��8�����̻�����]&G�s�:k�$Q�
+�ʁ1iҾ��wp/�?.�1���,N��n�9T<U^
+T]��cm2�<�
`͵�b8��%�-�*
+�r[O(��D(t���c��74�Z��p�j��~��C�0��C+phK�d�Q9I�e��BK$DL.���i��^b+�
��Zt�@S#�b���1�"<8����J�`}��h"0�$����ū�� 6�6�_W�4�$3�q��ܻf1p���
�(e)2;M.
��֜`�M⵻TD\���
�>Ϸn9e.a
4�T��nSE�;V[&�,ܘ����[��IozK
��D���&��P���%�&[j��Q�C^�#n5^O��T9c�¥�`1G�Y�;I����3/�VEF���XX6H�hm�
y��?$|�d�)���$�'#��BМA�y	�s���P�+X)Te�f�L��Hn z^�m1��L�t���ϑY�d_�e�T%~����NKT^� &�;�t�����X�
�hO�-�l�٨t�A�4k�Z�X�e�,DJ��x�n�����gD�=�0Oէ;ќ=��Z��BDi��79��^���D��$���d$��aB�ʹ��=f�T,8z!�Z��7�6�4J��7^\�,�������UZ@�S:�e�� ���羨��oQ��Ћ��(*��hGPߪƱVl�r����S��5ڬN�کD9�7������B����_�A{�;����6r�r玧p�N9H�5�9�dt3����aIK��eki��6+S��7�Y~��[rS��M�J���1_�^	h7G*ӱR�$K0������S
�����/��s��MId;���Ӷ�~HN�6�$:��6ij&�e?yl~�K��j�'NTʽ��Җ�
+��g;�X����܍�|�9��"�Ǝ����Oo;^w���ͮלn�i �2�G<�]���}�ڢ&[�����C���fy����)��+�����VM1����$G���e�?�o�?jN�|Б�H���j,�35��3��(�N�}Y����~Ceq�ov���ԏO�7������_Sf�.F�����F���zŪ�57f��a�
>�D�`sFC�ثy泐�ԑgܤ��A4�M5&�+.�,�fF(�<�{�Z,�㭏�ަ-�����7��>@T�=o��e>;i:=w�+-�2���#D��%F���a��<Q�_�b�_�`��Ìs���� pE4�m�&�6��7�P0��%:�-!�g�e����8/�� Ӵ@��t�=����'C����7�PA�W�p-��WBR�S�4�Yˏ�y�7��w+3Po����+����?aq}��9�ln��L�ds�E⮛�|��^�\�YH6|sL9#!����^�����	V��|�B�M���X��&F6�b�����]��{��8B��^S]��4מ{|F��okZe!���7]��퇊����d������a��2Zɇv�r$�n��A�<�ng�.2���{ɷ
<
�+<j�ڢ �)��Դ���I �m�2�v�q.2an�o@�L��dx��(I���j71C�Fu�1s�$��N��3V�3��2��ft�?���_q�[-�E�6�畅�3� ��Ӥ	�4�E`mV&Қ�}��
p:dsj�Q.#(�������x's{���l��gn1<�p�d��,��u�v*ٛ�E��c鏕4弣��V��h�Fl��
+�'���^u����s��T��i8v8�Ѵ)�>J�7f��0��I���>�N�k��^����Gq8v�єHݗ"E�G|M����Xi��eZ�|ҭ���4Y}�w���w����Xw��C�Q��?�A�'�3c�!�2��!_��1�V���(���
e���&k�rp0�;�2PO��%��~
>���!''{l�	x����Q!\�i��s
q��uE��x�����aʽ�PҪ��W������yYq���DU���@4K'��>Zٵ�V꭛Yq���@!!կ�D���b�&[�tr�+=�o�����e�p�����t��C�;|��>���s�𫵧K�x�����ТL'<NC
�Z�O�#����s	�";�&l��B�
/(,:��X
͍��?��Wh#�����{�)�j<����Vƈ�@w���c���R�ּ�X�̧�(��-18�vl��VK������o�0��~�����1��
�\�{�T1;᷁�~��B�l������e�
+�k�����ϵ�H�X���
B��wC'˰�=2��%3���̅|[���p�;�S��:����~2��\d�f��L�1~����L#��S>0�ΠB����#����?���WԵ"��/����D�p�N]ۄJpa�v�

��9W��%ˈ>���iέ�fm�	���2�0s|�u�[P���cXì1����p�;K����@����*�g��l�v7�fzY̛Ѝe���������]'��^͙���U�f͇��~s��T:�=�j��u�gw���t0�
+�7�!KA��5��I��t�Q���F���{ۄ̫l���-�rL7��s��2'���b���q/��w
+NSsb�3�Mz�G�.v��	�"K���9PӨߑ�8���¥��@����9R�i�B9�"z5;nC��1:֤	S������)	G�π��"��an��%M*q���=`�D��������f��l�$%ћV_&	<t�k�V,�M��Oҡ�Du�7�[�����8k��`>�X��텈��6G��~%P��l8�7c�{�pndS6�p�n�w��,�j��ěZy�۹��<f��a�Н*�e1�]N
+5yX~�ʠIN��PѠ�ZE%u�l�Et�c���O��9�7�ߺF{�d��:Q4g�����7<�4�{#"а9���龏��ŷ���;f��8���Ϩ���͛�Ne��2MA��疦���)�*�m�,m0��obT�|��8T��c�L�Y��@ǭ��7����et�~鴀�A�$������-��s��(֝��4�y�`�<6C��_�BLsGˎ[|
+�
+�Ia_k#��H�PޡH�C�[�
����e�Tjs���~��8�>�ŝk�E�W�)K6�c��:dI��>�5w����*�tX�ez��K��d
+���K\�Lջ�[�#)>'��X}JU�x�dY�˜խ�U��^ˉr��he[a�0:t���>���˕$��.�e�2�^�?d֗�ɝ��sr5j(�!-��y���/l徣@�r��؇*�O�.S=�|z�K{��'���2ɯ�Q<~,���� ���hD���V��k��J	g���l�&i��e�dInQ���
�r��(����?�Ϫ�1�R+���H _V��oL�0�l�s���P��j<M�5T�o:zvutp�^��XPþ����Z-�/����X�+�B��F@�
|L��ͦ��-HC�̬I5�*�&!�r��5X�c��պW�D{��
����,$�o$�,��5�����Ib>8t���!0C�ZK?�7������L���>κ���3�M����������vE�usKw�<�V�����<�D��솊g���X�V�~i�����)>v����x���g�'.���ٲ%��bݷ���V+c��{�u����Vi�d����	3Wxyӑ�����\����)�V��y��9�O��D���)�4OO�����c�^b@�~ܽ@��/�^� �����- "��>bH?��f�
+�e���j›A�Jz�7]-3[�]BJs��$\�&�I�Qr풄f=�}���X�jGu7�Z[[)�[�j&�ф�S�a�@>�,pH>D���Lu���$��>���^�ňMa�+	�K�n��
+�ݝ��
+�^�7�J�UWc�nA�������t+9��C#
+��Btr�zV�+������#����*{���RHJK��i�.G�^x��O�-��֩N�/\�K6��͓O~�Z-%�Q�?��ƣ��!�J�u�k��fn�Y�d)��i�6���gs��سn�Ψ��M�k�PqO�Iu�f�Ҫq�
+c��%�ɔ�^]x1��ńdL���5O3=&���������FA\��1mG�Si�a7Ӭ��1w�eB.��Y��
+Z3ي�.&�
\�#(�.~��DG(��t��󽩊��ÿh*݋���׸���/�0�l+�Y�j#%�AY[ն��r��{���9�u��g���H��F�da��]Ĵ`�V��9��.��z|���ΙZ�]����(��(_	��k�)��0��gt��P�j���\��̋��X�hZE���Ѩ���+J��-V�O_�B�W]����)��*���Gɕs��7��y��JƘ��_�x��|��q�zE���O�
+�VS&��
�0v.�v�V����Kf)�|��3�"o~�����f�fB��[�f�T$f/��S,0�����Q���q����/f�дe�5�/t9҆�$�v&���:����g�\K��N���-�9�/O��|
�-���2w��2�~�[-S���2m���F΄�G���d[Nz���|}�\�פR.��l�t�l���8)F��|@c$�uӂu��X�zY��w}�Y���]�%PI�@�ZIv�94ǵ��I	����l
+���~�e��F	�d�=�@nk�V��y�т�����nu��!�Jx��=�а�P}��#ݔN���w�ҦI��e��&�F_�s��~V�����s�Ȱ)gX�I�룻?���~E5�`J�d��/۟eG�k
_cm\Zq!��L}E�O\ʼ����עe�0_ae|>�E�5�D!=�u`(�fŝ��n�����/�!*;����'�:#07��Z-��P�8)Xt���,�`h�U�p��N�W��W���
�V�4~�D�н�:f����@!b9N�/>�(?��Oǟ-[ﲒ�EWQ�JI�B�&��Q	w����E׋s����b��T��ٓ���^u���gM~���%)6$������VgaCL��7~�ǰ���h6SFa>�I{i����}u%����<��s��F���{���L��
+�ί*��,�B�R�gH Ͳ��|�.�o�ЕO��4J�%Xo�y��Uȿ��6��D���K��"/�w��L�R�8��du�I�N���=��FGэ���4#J%C�3*�H�����4�YU�:��s��30O)+m�3͸n��������%Ke�l^F��q�g|�$j�_4u�8=1�]���m\��_�`��g�}Rކydn�W�HkG��0:�6h�~
�i�C�p��gKj��(�V�����Բb��W
NRKY�G$�L��F<?�:�80P=�og#���H㦢���C��\��ԙ�q)��Y<y��
��M�p]����:��?*��k��'��4T��*��Ւ�WC_��k��[4�~l3�!}k���[P?��R2�O�q9\��Rh��>k���[�M��v�����j�#J˷{����Ĭ�N(R����<�i_�)ř���i�sn��/����4܌S	��saA�P�b�1�+o21|���3Z����e��ܽ\�E+�ys�c��>�{�gH��~�.E	;�$���'lVӎډ�#�qA�`@o)M3%���T��;٦+$L�������8}}ƶ��[c+u��Lzӊ�p� �X��T������Y/ϱ�x$�:q=��*���Q�	6v�p�4��o�n�#zA«�N�¯�55�+�ɀ!O�4�����\��,�u��
L��n �f84Y̧y��i��\�gC'>e�sDM�CF���q����wʝ��v���<?������_4m���w�����L��Qy�_��G�zԃ8Cz��*�_bLw8����OH�L�����Ԯ���Ѕ�uM������x5�~�o�d�q��mߏА-^3��"w�L�G6%
+�ѓbF���g���k�
\7��O�@���
�o���+,�>-��.O~F����m%�5�>�]V�Y��L{�����0&����+X�i������Z{Wd6��Ł���Z�ګa��%�S��o �����'%��A�3;0t�S��י��ݯ|5u�_{|����2��Q�zƮ��W��J���b��{mަSZ���o2h�TV?U�(����<>�|F��K�$�D�:E] �?���E�F�_�f��S=

ZϪ�+~�͟�[U�n�����Sn���I���7X�S6�р~�G-��~;���O�Oez\7�~|"���	��l?��g�l��긞�J��������|D�
+�,��Z��w�݋��-o��Q��v<��5�X��Y)�&303)���N�8��A�S���BZ�%�s�]x��˂�U/��Qk��ы�-�.>���;�pux�����ӹ�H:�F"��a4
+o:aؚ���
+��:�l��i�Y�y�����<p���oa`�' @����'�
aVM�����4I`cgh+4j�n���2@�܍�}����3�/!t�%F��8����|�R\�:�����7���N�A� W���;I��_Z���!�����5�
+
���cp&��a��m%���G}��K��3!W;)a%���DF�����U6�4��.Pwv�9?j5�v��t�S�P��Ӿc9�?Q��G���m	�fRU‰�B
ʾ���S���D�.�B|����������s���w�;�at��KXK�V4p�D�f� Ո�f����%Rf ���ר��M�N�m��&�L��<ƥ��-ث�#��lw�� �7��W���,9�$_x�f�q�����*ĉZ�]�>�!��s�&j>�.���H<�l7=j�w�P��c�?���`|1����8;�<׊����ֺa)�&X��Wp�pc�	��a��$�8�J�ȍ�<ތÝ�y�Y�M6,�a:��B��悩�M~�����nV�9	V����N[�����`��� ���nX�n�P������P�3�PN�4�F�N�2ݫ�J9�{	�_p���u�<�.�_�X��\���r���?
\��
+����˟P\���r.�u�,����A�g+Kh`���m/\��.�Ӗ_p9X�������r�����/��X��\����a��t�����ܲ`�L*����2��9���x�n6�l���k�ڠA��B��IX�=�&�g<%�|�'a`�������f&����D�ic����g�׷#T��)�`�&�!1��=�rx;�hy58�q{a��X%��epj�(��Сm4C����P؈F��q=W��[���?������7Kbԇ�+�ϼ�.�뽤�R.�7�{�T'�…���Z� ���$%`33�B5(�j�թr
Qڕn���Vc���b����?�|��a0-,��*;�e�(����2
��݉���N�=6c�h��b��z��IƬY�x�sX.�
+}\����@_��yl��C�)&*�4�rkm�J0Bc�}<���
B�
z�|�{�3�~��RR��ϥ�ۦ�������lO��!a�	�!�	
���Ա��~V����W5PQ߾(�Sai�aV8�d8�������e���:˱�����.%ܳN#�kv�4���(ڏ��+�j؂�
�Y�! ����a1M9C&�B-�R�4�0JAI�Ԏ�\�6�}c>{@�N�
�I��l�<�ڂ9Z����ʳ�yK|���ySeɶ�ɷ��ݸP!�����[n�1)�ww��A�xŰ�n����d�KX.{��b`��R	ʛm;�������N�OP*�H[�!�9�C'�@��[m��z�ۊڏI_�lT�}hz��
�c�K�'Xc{N��1EhG^E�;��Ύ{���E8����K��L[�%-'���k0�,��_pJ�����Z����v+\Cg��*�z�K
+r'���-HX���Fi������������ �Sw��e��$�g�u<�-B>��F�$��]�f�^�̑4����N�"�Ι��;lRͳj�)9i>3
����Kd������'�K�<�`�zI��ß�`��>��*����I�e�$9��~>�0�'�9�����\ɔO�5���60H���Wz���g.�d-��~�U����y�_{ʗ[m0B���F�6��خZ��B�QO�������J��<S�i�*-s�}6$����=�Q�H�dA�w����r{����r�^'y��̦~��e�����AK�����=��Ӝu{�|�����Ϫ�	�Gi,��}���������L2��r&�#N����$�y��sq7|�K����]W͂�
֐����ٞs�#����6���q��'�*�3R��ۚ��H��P51�[�4�$��<w=)RM���8HYmΙL��9��>ޣ�D�[��֝J�Y�#�z�����,����Xq�槭�H�MjPoӜ���v��-~�s��a*^H&Of2V���0��BM��R���Շ�a�	$�K7�N5Qv#9{�vä����<o�1�K��3!��k�uĝ>���
D.��"O����}�	���Ȕ�O�mc����VG��y�}oϻ�s�u{��'R^�a
g���C��3~*ٖ�F�9�*LCU\���
+��n��K`���P����~)Ui=N��
+P���+�Y	N���@F�ky�c���)D>’{����4��Em{s��@7c��u��+���uCM5�^c姱R��k�'_���8��Ѐ2+;�5,<���������p���]������
X���ݻ�Iu T�WIu~�#<I�{Ǒ�{�l	P�-���{uj�����:����]ܳg��=jy������g����8!��
۞�Y]�ۮ�9�{
����10����~�MH��\`N9��9'��ڶ6�{Ξs@���r�ݝ+���.5 r���Z�o���'�+7C��e�͍��4�lLw�xhj�yx]:/��m1m�S��6U�!�K���?}���cd!�/�G��4�^���"F}�F���$�!��њ}��%����t���d���e�
��Zo��Ac���`�0'�I����\56�2�|�2����n������}�e�ʱ��q�ߧ�H����_�C���D�U�R[3f9R�3�Eb���������貊��.?�T�rh�)��_AN��S�5
+�rׅ>
+���0�Ca�P�IGU�X!����Z�=?��K��ޫž\�
��T��1ϑ9y�v�&';���]c�M��7���"��L�/�]�y�.�ik:ߙ’����]���O�)�q�N՚a��5VW�cO&9���
Jx#�z�&i��ki����(B5��62<ua�2<�o����!LКRh�� �Z��쇨;��0�y$��s?&'�����(��ZM�m�^��`��_��9���q���q��vPÙ���糂�"_
+�t��~�_�@�Y2*�	�T8y)w]2�-d]�U
+��o]�ݚҴ$K��6%��H^����ƪ}+^G2V����I�x�g(�Фr���o�v��D"EG��8=���7�T�i�-�C���󉤵���U�^"�5��Ԡ2!�^Ff4�I��\���"�S��w&���˾eЗt�7�]�7y�#"�c܈7�v��L�S�mِu��Ze���S����o���]՘��4B	����F��<[u���������ݥ\�t��a�9Ao�w�ɸ�7�]{��nJ*�Y��G��9KR�
�זW���=#N�?�z���b���S�o���^�<Hߓ���I#5�꣨���&�Crp�Aj����@J������RBeu�s1@�!
+�=�S(&�1�x�w�iDۂ�d0��d����w��-�]��C&Jҋ<���g֤�z-�3_�1^�����?��t�fO����4t������"��m���yGt��I��?!�n��w�����9nw�h��l����B�/�]fk4{[���
�6
vD]_�MJVp>�0���\2`�{�Pϻ�uj>��W��~tDy��Z�8:p
��	��f�p<��8CIJ�q�xU��EH�D�ޟ*6���?�/�Z
��>싁�^�഻��g�]2~�(U]�V�@����Ey9���\\'h,u��g�qc�(^4��刾������}���Qq\���U���7�BB��|7��w	Y(��U�!<<��jkCqlq�Xj%e344�+r�C^�����\�K]p�S�����[�E�L���J�E�1hKD*G��6b����"��GzT貟l���csɪ
.$	�(^`���]>�Ҋݷ���! K�fr,�>�k-�ޤ�3�=NU^�wTG��J~��!l��9�\+KsQr�B�ۥ��8�]�yv�x@�܀$5�.ׂ[�77��4N"����ey�U�)�6N3%r��wj��Q%�;�ύ3���@c��J�@|8�6��B��5*�d����8�mN�t�݅Į�Ǔa�?2�{l�:v�Δ����6�6�(�E����eUF�
S�~���@�L�튠� 3p+m]�o�����
֣�S9{/
zЁǹ�D*�D�S"6s��<:-(͛�.�vVE?m�
���D�6�Z����(+��d�;9��a�(|	�!uM�F�22�DhF�
+�g��V=r�]Ay7���Z�U@ε�Q{_�BVi���U%@f��ʒ#�����*�"�,��X�<�!��(��s�›,ZiGgI�'d]&�:f�
�nH;�i���D�ݢx���unfpr2H����8r�a��/.��Ȓ�K��^��!)f@1S����F�$g��0�{��zһ�"�a���d��b�,�b��e`���K�'T��97�R�nӎ��Lɔ���'NO7�
ݐ]�5�ZȧZ�¨
+�a7��Y����C�B� lB\B�1��uI!G�2t���N�K����I�%I[|}�9����!����6�m�>��1�����/?|���_~����e��N�I�@)!e�_2f���~[�yK��l�>�#�@��!�/����=�ee��9z��`
��s�>����θ;�Ƅ�Q�d��
�p�6�%~x�Fʶ8G�C�N��aD�1����X&��{�:�:�u6�
�U��Xy�W0N�E�J$03�2���r�)t�
�c,UrΉ��q��i]u�8�~��b+�82��9s	�Jk,������ٔ������X���-���ޅh�o�v_��+p"_DxS�#�װ�ӿ�
+��A�?6����8y�$���4���>�FTrasmK��$eD�����Ե��Q�ZU1�����*4E,AE�_����-Gġ���u�CQ��QdD�㎸�,�䈂���_O���.�(�8j��^��:�C#�!�5:����+�1���o%�i���=P��=��S�/����$D$K$�Ad�φ`\d��t'I��ubj�q�a�
+��#�ߨ5Hc_J0��P�����-�Ҏ����ZbD�c<�uD@^��c���l�&��) ܸ�R������
+�8J�X��/��i�:�~�eթ�B�|L�����ꊐ���dQ��g�h9f=�bW�,�����WT4���y��R���
��=��v���L��RR���
+��Q�3N`8���7TN�Dd?�%-��J��+��"r7�h��?F��a.��c�8=3�mW$G�2I�V��׏@���qJ�{���Չ�_���J�@J�D�N^*;�,������Fd�Aj�k'4.��~M�˹fr�:&fI �� )^r�ԉQ,���Ic7%��J��9�Hg�Hi��T�gC�~��V稚>������n�'��)�F%���J����ߡah�ͦE��;ﯯ�8VbqN�?����$~ 1Ϛb��cY?���eYW��ʦ���^M��s���d�au'_��].4İ���L���u(:�*���Tԏȓ�������v�DDf&��6���e�e�F񙏮1��p���-����:ߥ���C��������XE���'��4[�ض��
+�c���ٹ�ֺ��ZS��ڠ#{��Z��K�n��)Qd�k�VRr����t�϶T�Ε��xV���f:b	$:�)yѦ�,-}��W(��Ŷ���k�&0�d�+rk��'���Ԅ�9�޼�5�9pA�����F`&(?E��g[VCTTT�V+����� Es
�j���>A��@��޵�>;�C�<�Y�Y��V��j����K0��k]PG���/�6�6�<�=��HE�����>�7�ȮmU+�g���{n.ԍ�t�ݵ�ŭ��q��ճ��V���^�aV�۩��ڤ��fchf��ZڍR7�g�\œ\�N��V�#��-N�ED�y���Ơ�#u?�]��&f{G�w��q�w.rp�����/8�m}mPHxt�>�S�5�{�"�r�V�6aNҺ4�MQ'1��>�v Qs��]�z
+T-�C��j��ne��Nyo5�G�� �8����Mﾉ�1'}S���G4)2\��"�h�A��{��6��;�M��Qŝ��cU�N
A2ᦐ��pg�,}<�
�Vo���VNP_�y���kS����������z�E�
+-O���.�*,A
+e�"�U��
��M�F��DJ�D���&?���C	f���(r=��%�|��&�w�m
4�:%{T#����]+��r�Ǡ����H�[Zt�#ab�������#:�2�:��Ñ1q�r��T����϶��`��G��pj�꽪�u�?�,q���A�����BW�;�}'��6�P�ك7�x�7R���UOFƶT1cY��E���MTԘ�'T*0Ծ
c��b���i��;�
�d�w�v21m=}F�}#?#��W���ʫ%}���V>C-���߿ϖ�{<Z<0��O#6P��w�V��_sa��ud�w]���@�/���y�@!4j��/Z�B7�L!�2�@�cB00�	=8�T�H��F���<�`�Ds�������P�QF�%�Nu��g}��@�bF{��Ql3Qqc��q�i�<�b���y�.CXnhN�u{"���Y�;�#Kdɉ}�dPF�
�xD�{5Le\뚂�i�UQȹ�p����4������G�$��3��!P�6>��W� ��w�Z�FFY
+,�F�����5���l�%�EA�},!�yg�Ywjn�VE~��FOo痣�ԌA��_|�H�hEW�Ӯ
"L��U�=s��U8���:�h� ���#��NBq�$`n�o�aS��P�8�2v2��SQ�[U�Bbc�D�m\t�9@��VR(c$
h�"�B&��3[���
+^�&^6�͊�ڲ�)�kݹ�Ȱ��4D����>��#�Im�� )f�d���"�jNGd(]QK�7�+wb�S���F����X0��(pa}`L��K��O@���+;$91"�q
�C�2�D9��2Q����c��[:�����cĶi�_���������eg�c,�E�@����.8
Rl��8$ȶ��Z�%|������-P(R<�֗-͈ɄF�#=��Sun�y5n4�hָk�:�&J`��e!PS)���~C�<�FE�%'�3���x�>� �.��>�_?�+�]���%�`P	p��o���~�ν�4����O�n�tl�d �g�J��C�(0:r�r�R
�R0��4�:��4�؂�
+Y���1GI����
ѝ�
>W�f꾊b}����+8����[�\WH)��5z�W���x�C
� ;�L
�D�C�g��B��I�Z�@���P���IuS��}#�%��+��#��]G�^���+ч�a����tC+�Y=�7Q�ZI��cJ���;0��]�
+�z��~1E�Y)��C����uL�C�lkQ���d/P�~X0O�Iwj�o@8Y�k��S$6
����\Wg�cۼt��e���4���Pq�c��,^�^ai��Us�baHouYS�i[vN�,���UT��P��Q�N��'D���<�|����S�2�l�l�Ŗ��"-�������LL��m�_iP�Y�#mQ�N�������T�����xB������J[������#]���bݑ��8(�A7���O�2����R�'s�d=�V��
�'��R��vĩ#�����R?V5p'b�J��yO�M?Q�ZD[�����9�����5qz�wiXS���P���ds�QѴ9��́sVG�±�n�t��4
+^����QT�_�
�1`�ɠ���Lb�r~Nuz��Q�ZQ�U�l�q����R�.�������FyL�xj]�1��Ebwa�l�-!c�caoT��#Ե�u���X�6���0�J
+��¦�th�th���ǀ���UQ����d���ؤ�>i%���`+Q��])�ֳJ�dXP�S�T��E�YU�*��R�/�>B�6x�Q�������:�����u)$�K����<�k?�y�9�?��\*Ĩ҈����m�G>|�g�w��a��ak��\�_��
�K��嘔���)�&�*!�C�G��P�$R_��G1������:1��@a^<�5�t�.C���#�t�f�Z���e$��4qфp�4��C��OO����
2���E���N9�s-�l��^p����U�Ł���;b=��CdU�_y�Af���$�`������
����y�?z*��Ƿ�?�v����h�iO�%"������~�$�q���^���$.�q8‡���?�	�kZ��H��*.Xr�.�K�^)��p*g��n���_�B�tD��R���S�aJ�J����\L��x|���[�9���튌�P��z�/�ӵZx3J+��zx�C���1Y%_l�Uf~X�k��f�s�����
K:�]Y��ٷ-��>
������j�|�Z�l~i��*��B�#�ɩv4��F*��S[�tRȹ\"�H`�����@c���ȻEF�Q��pO`��s�A�V��=:C�q�.�W͏s$J����F�+�ĩ���
+�0%p���-�J��
mE�XQ��)q�`��"�A�%ʡ��B�������	H/�E���d
�:�����g�_�� &�͍ފ6`E\�J�ݝ�+�.����ϋ���q�N�Y4��JŔT�я[��"��哀$����ͻ�U��������?�_��s�c�8l�'(��UV.q���t�I����(��蓅��dK��q1'�H�6�����[���M
+m1SLgQ�#r)f�8���JVE����|����$EQ�j�r{A�)�G�Y~W��U�.L��d8
���U���M�r[UAEǔ�7b#�5�J��Ɍ&oO5B3�:F�lK��j���"��&_�]�tR���y�>��˒8�-	�ξ�H+��-���26��Jy�w'Ur*9>Թ�,l��Nq�~e5Ɛ��U�@H�D^n�.h��&жG��p�&m�����
f'�Dm��:Z�te��
A�\
+E�R��l~D~'(r��2!q��@�e>~�����b!G Dg�$`#P
�2+�&W9��m��� ���w�Z����ZH��,�Gq��
+W�<�>��z Ϟ�H�Ǡt�
&=�ϟ���vX��B��܃���c���9_q�T�]=:��6���6�0k���)0�qE�t��4
2�%�F�MI}��~����n���Y�uD�~?�o쵼:̘7p?꧿���y��s �����
���2�JƷ�����e3O�0�V�@8����DWl��!-2!��z�1=sle�,�ଥ�hM����X*���ʽ���s���)%�lݰk��g~թ�84~�8�p,$��)!ϒ���]���or�?Z\��Z�	�	����p{0�J����7E�W�P{v��ii4W��y���0?5O��y��ZjE�qئ>��o�������DA���r%4ni|ˤ�:/�4���\���xz�<�K�D�:�L��4i�!h&��r>�P#�$��A��#U�.���fY�<G��2��^Ȼe�܋c�Y�"��M$�z��PΏ��g�k�Zf��8���!Kے�-D�2�j�5	��l�t��];��
+��E1�'�ܱqlt,�\J��
�"���&��cձY�����9�����ȡc�@L����J�w��Vة9i,��[(�x�����"��Rޫ��7{~�-P�������e�7��E�T쪼���T��Ђ���Z{e�4�xU���'I���~�>DM���V�@Z��OJ J�%���7dB���_I٧&
��i�@R(!*��&3�MzGYRli�:�7�Z5�e�r&�ToqW9
+�;�qx��&���&.[N
99���=lpHi�4V�]{%��ʌGJ�.����*��������j���@gu����߶I��@k��DX��$��Ķ�;
$*E#�V�!x��[�[��p2�jO�q�)���H�5��jm	ȅ)�]%Ke�J6o�;�r�nY�^��Ӕ�7ґ�lv�QB.�^>Q	���(+��(��M޼hHr\��/&ci~ǦL�4��c�/ �I���R���Vl
4�r9�/YE"٘v����Ĵ��9p��q�o����u^��UR��nV��,ؑ�R��6�HbH�EC�1���Qu�(l��
|��;jR���[�zD����w(�x�RtT��25�)Z�R�lb�ݮy�{c.�7��5n���4y�q�Ai.�l��^O?)�TЩK?!t���F�xk�DO#B��I����f�M�����
 �t���zD�J�D�u��@S/�9�ls35���J3��F�'�x�K�Z�sh��`��dgC*�E�?���^�H�J�Xe�O�k�;V}�5��ϸĦ]b-z,( L%,N�0~?x��qn�gki�蚔R�-��|�>�p������f�n�F�A ᣾�o|_4j'l��0��qꭑ%�k�)h'�Ί�A�K�V���ƛt�?��a�$xo	�ŞA�(v�v�.���L�XΫmb�9��vA�����R��
�T��
+`x�-�e�
i�[S�_�
+DFG��L/-m$qN&�e��%��gr�B{&ߥ�N�a[��(%{M�D�M�__-�V�<��[$�^$��������pF�\,�l�!C���:ś�>�i(:rhr>gpPN:ϯtpm�H�s���?��$5���ً\dr ��ב�3�B2)��B8k�6�EEk)/� �c��:�z@g(�z��M��R0�R*x�2�R�E
+�Č?�����
+�1�����Ï��+�C�R���aJ�q���_
��do0$���g��������v�B=[nr��y���0?5Ol1ٞW1��t��|D��՝��U�'o'�`l�E*q;���[�	���k��d|M�U����]W
��qKȫ%M\4v��T��~��;Q�DJs~�
+�U��,˖�Ț�Cf���y��{q�;ˍ�`Z�^_Ϸ�6�h���������'H�8ʨ�E@��:���T���&���`�""j	�6�M�U�`.3%�8�s��v�-[N`�d�fl���N��rZЏ�ρ�����G�_���� ���<��m����.F�:V��J�� 
��l�p��n�RZl�H�X��gS�R����]�Q���2G�$9���S�h�}9���(@�����#�=M#�Q�������/Gԟ��B��9
o ��c�A��s����5���լUcM�v�jnU��“}K���$�s��Gn�Y	��O��夦N#7V�@A�(��.��j���4��{R�ߣ{;7j�����֮�ؐ�4m/� -���{tu(js�9Ъn�Ƞ�A2��ހ�d�nGK�ҷ�ĪjR�3�{�g@���jٸC�G!�]�rw��r�ᾄ{�hM�0~n���[�Q��e�I�G�{�z/��sWGV��1^G;0���yl�*Ln�%\Z	l ��J�~G>V�V�:?r��7�}#��F�U%-�i)յ�8Ք�d�>�jJ1a�Z�
���C����
X��{DJ�`�N���xq�%R���E��tM	!h6�1�h�Ⱦ��%�}����\-Wϝ��Ϛn�,���Ju�^M{��,Z��G��-,/U��`0��{���)�I2ͭI�g��XW~V���D� G�5R� ��
+�w��
O�W���tIW��(�l����G��ɓ{M�'�J�M҆c[TOO0
XMzP&�(�b��ﬦq�ؽZ�����$)��n/4H�	,;��`��^
�F�lX����Ծ^�Xw�e����`���@�z��so�E��X��-��u��(N���ΔAV��5�lU҂B?�k[�w��3��ed��������lU�ݤ����/yh�eb*.��v)��Y�޴�a���U��=�z"�"hv1_�Ź}��������^���"]��a!K�=m"�sG���+�e �%� ����W%4�I���kߊt�t��{��H��L��b������j́��Ď�������ƶS����:�/qQ�(:_�ryBIۜ����;s����&٧�}�^�p�Js�H`&��]�]�_��-&i�3O��V�ƫS>^2��\�c��'��S������Z(#��
+8m�8��:C#�
'AlQ����k��؟[QR�l��%�f�Jf\2D�=����-h6#b��l�P�.��$���q%�Ȯ֒�H��dz&�W��Ej��q�U�6X8��`5lk6n`'U��oZ���1�|;[���d��i������]�Nu� �t,��Q��"���yŽR�~;�PJ�f�if^��z#.w��-w�/9��87�el��ϋ�v{+�<�
+	��hSLWLjvvU�[���W�H��R���ɸ�RI��s���|���}
~�����nH��7��/!�3�/'�.t���K&�hC�W�!I* _ظ�fa��C&���z�X��TN��+�v6q�@
�a�Z��h#�ͻ#<6c͜ha����R&�b�B���p���������w(��D���Rg��!����;8�]��``����l�s�`�|I+��14���Te�(����տ��-�?��ǯ�f�P��2i��
OF`
���]�x|�ŏ�s��ۏ�*.�ۡ�D��Ҹw?�D�=s�.Ǻ���c߭�����|b�ο
+�ůQ_��@�'m�c�Lಝ�=�7�EZ�]�F������,�X�[ H4l�"����41�'m�̀�C�*��M����\ܾm���+c�"j#��
S�C:$�3�ci.ؚ��xSPE���:qfLmx����	�c���u:�.j�d���;�Xѩ��W��
+hK�����n�2r��/�����XM�0�z7���{iG���.��T��
���z��uxA�H�:;z��4�u�'�Я:5)�fG��X�F���G���ai��
+Ɠ/�!p�
8#dV[֋^B��;�&�g@���H�#��ȯw}�_�``O_s}%�,����K��b
�|W
U�]���ed�h��A37[��q�Z
�o��P̊��3��+l��~:.�	�L���x�^�Ȯ��!/'d{��]FJ�K�/����.�Q���]$nW�����b��S<`�
J�իQi>vW�BM�a�����v�e?=높f�E1�n_����O`~f�E�����/=�����D�[<�F�F �j�J�(�1�pl;B�4�k�gO��%�V�v*B#��3��ϊ�vl�"��>`�"Eap��I�}{��~��P��u*𜹵�n�����S�X�l�'
>�x�F�5e��v�h
� �d�]D�kW�-���3n�6�����_��_3����Kn�z�q0b����mm_�`݃�T�[�6q�N�t����AK�����PV�ids�Gi6���|̮��ӣ����9��$G��پ��d���L�G����$���ܹ�
��4V'�w[��
S�!=���?*3�W���'lP��q��72Sn
#����F���k�:�|f5
L+�䏖箧D�լ����������qq<�zV���;V�E�������lK��c�5�JG�G��A�Mk
+}ݷ�e�x��v��� Y%2�%P�n��+���/u�,�}�ف+*Q�4�u�����3
���On�y#�9>"τ$'���>"��&#�q���8[��sp��ӝ@�m�GE���߶�K4�r����+��8�!�%*=�j�A����q�	\�ҹ	�������oUˑ'Ĵ����!�'�ͭ�wj������{53�zG������������oD�T�>Oy��%��~oX�Zt���h�(���}ޔЗ�+�Γ�S���
+O�J��[eBI-���F�h�N���.B��
��m�Y}[yw�p3$��J�j��q�!5	z�B��z�|_��W?L��I�MͿ�|�V��y���Έ��
Cs&k���?��:D8~���E��"�����V���W-����jq(�鷵(���%�a�J���m�ާ��A���t�W���_�	����mGm�>'�����æ@0q�������
D��>t�(�أ1�^ʧf҆��6�鱄�/?���)�vk��3C[��6�_�轢� }�Q��y���Vί槎`�V�ag*=�&���:"�:/�Y$�ԅ����:p��y ��9�$s��� l�?$���:����^/d��2�I��DX�����Ӵb�V��~�lH�.ݤ�3uP�a=��A⼥�4x�,y�F��=�P_Ң�&Ӫp~@�G ��� ���Xޑ�rZ7�	�W\~ch^�kK÷H4�V�0yj+
+��o�qg��jqĔ`�-��-2��GF��,��$1�
+t��!I@I�ݝ��E;=���ɆwlGѮ6aX"�ĮZ�
��Ma����~�l�7��Rh?GF��h�09G;�nq��Jjf\�ۑ��&~��ȫ<��Df2�m0��x:
+8�儘
�KJ�:�*��
юV�H�L�:W]��h�b���9]��ޚ$���,�����%��<�������6�j=�ح���Ma�����8��0*
+\�&�ߞ�Hh���\RQ��ŭ6Z�1����zF�ٵ��h�H���Us�M��"ö弫i��x����:ɡ��� sq��,�}xnh[�1������|��z�u��9�%
���F��m�b��,5j�8��S��	�W�!�J�tQ{]b�-���%/�~���zaf���
'2��އ���e1�h)�8R.HU1���M����%��P�*��l�����Ent6�1���0����wQ

�ׅ�`My�0�!b�EG���BF�Ւ�^�]�>k�)pP�
`�k3Ľ�%�m��PR�˺i ���y���|������
+�!��\�����Z���Y|
	_C���y37����j��"�(�����ӌ��=�K�M&�Y�:�K��d�0֑��"�W���dП�)"�SKբ
a��Ў ��QcC?�����
#�D@�^D�>��tӦ���J"eV�kD��/Hq=
t�����.�����������I(�n#=�oN�w��e�P�]��^Q����y�R���r@:�k����*31@�iߚ&�+�[�P���p�}�ǿ����D�1��E#��׭��jr�)<�x7�
�=�A�n8�ٶt���޲Rсp��{�Y��K^��c�^�P?�W��0%��W�M�9��v��baoq�d��H�B]t׼	�[*w5u�N�jM�z�bf���-�F��J��r�[�jRٍ��ո1�~������<���\���N1�����7e��̀\�5Ԅ���p�R�(�ܪ�u�o�A���\�μ_Z�y�QT�_��h��^l��Z����ިX#3�
+�\W9���׍��45�I:JN ��
+4��-�.�!N�
o��]sI���&�mNl�I��D[�f���4��(BR��/�c��[ۀ*BQ@\z���s��@&Xrc���ތ�:�[O�m��r���u�3k8�c���竈���f�6�%��yh�
+�7�c@P���AN�?mM����&ÜB�ڥx�_Y�5��4ʩ���q�WDZ�g�<w|��k��\���KG!i��kuIT��kuU�Dz���ܡ�~�X9l
qH)��6��a7
�&~����[M!'�hU	�Q��
u��)���E�~HEN�S�F�����S�u"1Y�&Ʒ@ô���N�6��ETq�%v
a6{
+�y��Za��������BN��w5f;���\'�@e���A�f�o�� )�]D��,4�[�{���Hr��e�H�I�;� ��n��+͘0�<��l�(\���r�_���}*��ͦ��ƭVڑ�P��*_�nQ��T��`ڒ�NV��b�>"�9��OŮq�P�*�_�J��)R���c8��9��+Wp�#����Q�+'��1V_�i�
�Z��Qz]�%�I����k}a��}E`�'�󶭅㊍/��/��.����~������{�G�w���L}�({�?2}�#�r��p���Cէ����M��݋���h��Q�j����c0�󯆢���:�c���<��X���2Qdf,����m
+�
+n��?���5A�U�4:oݣ�n�<5_N��Tk~�?`�>������Ӥ�QU2�pI��V�$�2�0��aߔ������8x]9B�jQ�R�Q4_�:`F\�Ec�
,�@J�%�Q�!J��I.J1l}}A^q�I�}���mo�h�,��:E���w�n��X�`3�QDB���G0����x��!��jm������	�E����}T��>@oÀx��=	0�_�F�}�s�iSH�X��2��5*]��R\O���Z��M�
+}�`Ge����MW�%�t>�6�c��.8S���
+��K��+
+�^W<�Z
+�VH�r��8?We�YK��p�u�Δ��L'z����;M=R��dHEj#�Wb�E���!Z��E�� ������3��m�8}ӽ���*M�
��v�R��#��|<��U�c�1蓧)-н�Hl�>�`p�7i���}�v��:�6Z�&$n����?:�����*fVj���i�����ȶ\դ���+�0�~�s%RREl�9)�B'˰�ӫd<
�\H�2O���<�Bp�r����Q�Cr�;�~�>C��9,
�a����,��_2�m��4,i��g䇧�v�"THG5��IP[P��p��)�����$}F��ڡ�BD4'�m�$t���{�o
�������~�$�u���W�
�E�H�Ǖ�g�����=zr��J�&��#�#
69:"^Q�ݨpm�Ce[�4�A�=e���.�>�!n^�d,t֯�'�o�M��m�A_�!�����r3�n��Mz����Їb۱�lҸ��r�{���Ј8�����rEM[�nӐ�eK~���Qt�� ��&R�����
+,�C���hE�Jb��;�F�V��|���#�[n+�
�g�"�N��]�"T9)0��·Y
�:*�&*�,t�$S�:��7Z
��lfp��U.��:�S�p}�\5O�֨]Jh�K�)�x�ʈ��+2)�,��Y
+>�����.�%%-ݎ`�D��t�7�;�}Fur[B^��mWoΠPlC�&��B-�<{T#Z�|
.�b��Rs�}+�#2~’��P�NuL_O�)��F���(��XU�7�3��TȏF�!E����!#�h_�a�p��'RM)b�m�71E�Ҩ�����G�c���1^�5��ϔ��bW�pަy�FK�[i
�3)G�l�>^A�^O�v��7��Rf�ЭP
���pX3^}SW ?(-:	��u=`�5����u�<�n��=I�S�Mw��/�:���IF�d��q�x������eq��/���'9'�5>9���'��d���?��O�����[������*/��d��i��<s��_�8S|���d���<�Q���)�19��4�5_�>̊����@o`j����\��Q�@�2�C��z�к�q5M�d����5��d�4�JQ��r.p�U%օ'�^Q�Z��]*ҪS�{�g(�hB6c�k���ZS���Lg��W���U��K�Ʀpa��'����QI$��dv���Nij�C^ѐ��7�����៿��8ߙ�bq������>�Ʊ���;���X7�
��g�<��#��gnΝ�h�%�M��o�wl�:�_��L�BS�U�WGG�)��8���_Q�����~��/r�bW�/���|9�J���Ϥ`�H��W��C�K�U7�PL���St������5֝H�$I6����w�&�3��T/�>�h�
6r��A��*�V3�QFR5���҆�tB?�:� �+єbm%5e���w�R�զt�D�9�Q{Z�z�>$���SYs����ϫo��M�/Q���_�
+������
+=H��@W�Y�M��K6)oiPg��E�َOd��ȃ4��?���!��qQP�*�e��5�l^�ڲ.�u��]f�1�E�Bmխiy�����T$�3�A��Kܲ4~�!����
C��jʺZ9G�M��$y}�@��e�Do|�Ԧ���?~�+ڡ��Md��O�`@�IѦ�^����9qPs	�{�x*��Rl��"����g�R�~V��Yo)�2�s�
+�Q�h�s�X���&�3�S���U_�E"�DOo�Z�*��T��ә�W�����2r9^���T�M\
�Ǻ�N�ޛQD��a�u����&H���T5=,�����*��"�rxC��PmDO{����S ��TڽT.ٙ���x�E#6	A� sP���}4����Z�FdF��m����w�#:5/�	m�@lDGu^��BX�}�=�}Cw���l\$�SR�=��D�07�9ě�.�Xp0
+�����;@N)��X�_�����	��+��>��mdq,��w�X/���6]z#K�q
+�r
+�����#�|܍�NE@�D/��I��*�����<����I��`.γ;�O����t�Q#�\��HÍf�ۛ��¥�h�~7��q~�+~B(O�Z��%9E>�IC,A=��]�
�O@!�ט�t�K
+�/��:�OO�׼�A�$� �k�i7�q���T4!�:$k���cKjbI䮒��n�[���nQҬQ)����^!���`~J<K��x��q1��?��x��z~�m4��ڡ���VdW��:CK�6�2'�o\�-�>ĊW��7i�t~h�h��lrD[*_�({�\)�J���!n����������/!&�n|��n�b9�
�,*YOt,�g�d������c�D��Sz���w��@)v&?b蜧�G$QN�*�C���1ԴC$�[f`J҅��*��eo7�
+|E=Ӊiy�u��%$������H�v��c�I��/��N�S����P�N���1��3L�@�U'9��s-s���k\[9^�L�r`����[]�ib��Ȝ��,gq�z1��,<�"���P�ZʍvQҴ��y��T���
��=�����U�f�����ZO8D�3�}e�J���C!���s>�ng&ƺdOj�T!�-��O�t*d��#);��y���������{�W��
+�@�u�B>�6q�6?���cu�^䇫�#�\�Ĥ�:_�&_�Q����h*}Ш<�e�sV/��˹zrF�3��/K�K� P��[�Cݤ�����%�J�'6򼑞�>R���ڬ�V稜>������nU'����Lw�n�)S�~�oS165�b���ߕ��Wzއ6�t�=C�@O4[ﰗ�#����X�g��b[�5��[otaKt����U`�����
+=CO�ږڍ3�R��Z<*�b�)2CA�S���hqb����P��E	;�C�9�+-p��L'ݬC'�@Ў�(��
�T~�Ʋ�X��'{#S��x���^��]7g���Ԫ�1T��r��)7���s�*z|,�5|q��GpǛ����9����
�.��q���U��|�n6ύ�w��
[	�QG��v�\Kwړ�75K�5�?3�5x'���
��X��
�Fg
����;Dy
+�$�*�[|��8(f"���E��g��
�دv,Kr\��*j�GR��������!*"�F��~�N�J���(�A�mlL0��0�Y��fvj������/�B�;FE����i=�z}���y���<�^��*��ܰ��� կ+r�[y��gX�������b����az����K��z㼕�*��==���A�Jv���*a;�$ffK
�Ps9p�0����l�ݦ������l�!��m�f�&�/A�9c��4_N��=�ΥqQ���b��f�M�QB�k��Sc�!Qٽֳ��#]I����GE:T~��14�Ni�Mc�n�AA�\�����M)�`G4�y�p��#�C�7�a�d�Ã
�K��`_,�?j��ׇy�ixv�T�:tay:�͸��+�����t�H�R�;��;�q��q��U�B�\=��^��x�5�F��8���G;KWC���n0s#H
��D�V.�%%�\U��
+���ݕ���Z
�TW��:P�@߬��*�oU�� �J��/1�U�`-hl�Gˈ��Dw�
+GF0�ɧ~���5ͫ��7���u�G���^8G݂Y�^�V��uc	��:�Ķ�K�����!,���_,��[ٷ��j����o)��������F%EB\}���6n'?��z��<[����˽��ZH�H�xk��р��q?a�)�x�w�U�5U�bF,N�[9�*eog�@6S5h$�mF��!.z��
+U���'�����y�$���XFQ��ΓU��iq
��B���F��x4$�����꯻b�:�F*�a��N1��TΤ&���b�,ޠ�
�����r�9����~ ��D�MM
x2P���U+��&80U���4Mc��Ŏ�Ƴ��@�{�VJ�be;=�N��7��oP^�C�EЌ�(��$�c�
+�\C�>m�~�/ū>��N�;:��zS�$僧�:oR�k!�V��*���dzܰ`���S���8�T>֗��D�zr)"fcG�s��=�e*�\d1�&O����o0�R��bW
gLs��3-Y��4=��Ox��i���)���۴��>0� M�/]����oh��M�1����x_�F5�kH�!j���H�`UJ�
�̦H�/N�#�s,�'�ȵ6�;t�$����O����������5����_^��Y��֢�-~$X�]E���tu�Ge�
�@���#�5R
+��7<�m]�?>d풤*u�񱎅���P�H���Gݖy}�sN���W�z�A�m��L���+L��P�<������=_0���v.�x� �����OΕ{�
+��*������EY�|���������� é|Y�/|����x�K�{���Ɨ}�iYo|������>걼���O�a����P�G�x�O�����#1�Fį�A4�o
+���v��u���Ы*�
�#�3:���&3���Y��Cy<��on.ž8wa��r��Ȭ���͐q������oN�nu��*G�s>5:�d�ِ8v^e3ܕ[`���@�+ʕ�i�o��E�����q�2�ZM�R�1�p���ҷ<ք�U^��4��'M�*I�Gƨf�i[��r�Y�E�A^L��H�
Y�j&�‣	��d���rc�&?�QN@W�&[Q�����n��s�pf�n�7;
gJp��h2#�=��B��
�Lv^�m�������h��ۣ�9ax�;�h�2���[-�9-�ku��R�rU�G�~���uJ#d���lNu���]V��h��&^5�)�,{�6E�B�^�2���~��
�4�egv�Bw1���}�x�-��^���}���9�y�M���w^Y��04�i�C��>U��DM��Nm~�*�˶��2|ĩ����k���l�2�-{�Z�
��H#ލ�*���@�r<�|
<�ˠ�D𰋶�H�κ"�t&uQ��I\D�2Gn��_'~�:Xtc1�χ��G��%�
+;���eQ����J)Fw5��7�`����4���m2�ɹ|������T��[4>a-D�׃"�"�m����{�����o`�L6'ی�Ig�v�2,�^ �}b�rd���>-i:$��*x��"p�Os�;��	���<��d�)�U7Ms���np��!*p|/�sc����Hw�<�
+�ꥒ���"Vp�j�V�,ѿ!�f*ϳ|	�Y�]?:�G'����~tN��	o�0"6:�#������`ǘ}��؁H	���Em��tI-#�!�;l�
jų'�S�ጬmt�ٶ����;e3�F嗜+��/�"J(N���7�	�m��(N���*��-t��*�������Ƀ�#:����q�dBt� >�Ti�a�)�#��#=�/��0GF$�D	�Y6�.�۱^]
�܏5)剂d�GĻ�_�F:W�z�F�I��wDn��m��I�>�x��T���O���L�h@Qh�
+�/8"m�h�l���9�D�r��ߥ�HY����vy��`g�o�B��٣#����.��~��.����Fu{�A
v�
C��q;�
��X�-�
����^�����]�@ž�i@"��=u�ZcѡmD��l�Ez��V�ڑ�Z5�H��P[��X'۔Ҭu��D���-l>-yyr����N�)S���Ύ�Ey���vU�1�}��=aJ�oɪI׬�S�,	�Eڪ���l��ռ������X&����S��JLU�TC��o���S�8�Z�L-T�}H�U�|D[b'�6���!J��A4;{�$��аy�e>��<3[���L�Ru��dZ�.��Ew�s`2ڊ���r�?�WI�$7����H���=}���W3"����x��
z����D2�xy��B=�zj?�[�2��G�#ơr�Lr/ߴɵ��cR�kn�rA�\y��	�}}��.GΪ��\��/U�a]Oa��Tg�0N��Nr���_r���fSk!3�]��^z����?����2�`Z���I�yA���"[Ȼ榉�'��%���=s�KM?�Q"�Kᙻ���=�ȷlpgB1}�#7t��k�������mj�
�5������8.U��S|����B)�u�J(FЦq>��3���V6�]��8�
m7F�
+��=�s�S&�E?�'u�ش���{.���Bt{	���������͢
{�����<>�”�W�����L?��]�!��	����X|��凸�u�h��5>�A��dƅ}��R5��
+�{��(ח���;�k�vP�ϿZ��\��Z�5t�B>3�R��c4�~g�җ��FE4|�
�9���{,�}!=��4��4+��p:��5>���>w�;e���x���v��v�ߥ���z���(�J�?�_7?�e�;Z���k,K�^/���QV'��w�-��L���G�Q]�BLj{�W{�(K;�^o<!���q�[�=,�<�3ٕ��Al�v��B�ZM]
*�i�<�4��8M�䒹��:�PbN����}�7LK�#��“g
��&��~|��)l
">Uȵ��N���a��3���:q?��.�XXW��΅��B����*oJ`�ǿSLh=�<?��}"(B�#(�������WF5�V��fp�����n�8$68��H؂K�`#W��6���x`�M������av�?_
d�]�u�w6[������x�XTl�+P��p;uD��v���*X��:�sS����ǘ8��G�ŷ�a���p���
8���`c�9�YFf�K�tH9X���U���(�WQ5T
�?č>N�3���,p�z��c�wΰ���=���K~g�x�Q99)�q�AVD/OMs�-5}gE�5��_A�jH���w;ۨo���d�v��M��]��ӈ�B� �����po:�#e�u<,�m_p`�

+��>����.@�iZ�r��6z�
e��t^)�ICX���a�FN�ut�$tl��.����Q�I����ÕɁ�l�}Nu�#�(qR`ޝ3�Oo���IB�2�@+���3��ܾ���<�)�k݊��v�$��E�b(�Ƀ��i'���8ZcT-�Yj�>,�HSP���JL�W�*
�M��sS-/mRe�g����<A��V)2��p6,��a<�2�Na�zA�t�_@`���0��sl8;
�>_�R��fM��^��
~F,��P���b���}ո��}���������r���`�ɵ�P+'
+,��	��{)�����"��ŚH@�}��|jK�vMv�m���|ʺ�J�v��,�����'~;�/f@lֳ��T�B�)MV��J��J#�l�G��S��e��yA�P�w%4G�&F^�����Nn�e��T����9������[�FW��*����#\
+�>��ߧ�
ww�~�w� F!'w�
�����J�mi�̜^
+��(lNi�1�~9}V�T5�tO������׸>�L��E��A+G�5���g�I~)4��+��#�S�*�Lvul
4.�]ߢ��� Y�������ۗ������y�oq�{��6�T�X�:/
��{$7�+Ҿ������?%������r|������0y
+,��̳��y+?o|�"����4����i���D��nG�V��z���
�z:������~��؍��.#UIc[FʡD�+�I�� �7�y��;����JOJC餀�i��Q�ͮKN1�������h�2�����ɨ*�
+>==	�$Z����G��.'n�TǼ�GŶ��t�QO%��QW
+å�y�pGh�#��̥+�IP��2
+6�.Y�Ԣ���۷����z�	���t�s�h�h�s0�w�y�"q=]b]�;��;�y�y�p�+eơIلy�Y�t*�*�8F�΢���C���Tu��/�RȧVΔ�)�2{IGR��%WȾ��������JH��ru�@iL�(������y!��f��Fܺט�z$�f9��pR�:��[�8Z�Q!I�;�[I"�Qo�Φ�jѵ�fR�&-��QW���O���4�aT�XMh[��5	:\�\�VWB��G�
��������}��
��%���{9ў��A�3�(�Q�WCK�(`ϰ���J���y&.T�A=p����+�r�&ޥ?��,�\�z4 ]Dž݉��G�	�-Gɛ�f��ir���#)��
�����g$�>*���$MFqDP-	<����I�d,(����Y�AK�WUj��i|�8�����ї�Rv�
+"c��}<���;l-�V�;�8Bj�$��ś��pF/�d׳�'C���Q繮Qwݏgs�K�0Z��k���%mR��h�M�
b�9E��ЁLw��E�hp�>T�@<�����_zm� �Pal�셶@�]N�.�U
+��s�$x~z*`G ͗�n�Ŷ���s�Jw��@�"��� °�E2:��3UB����~���ٽ�:�>p��l���u��:<��F��A�w��5�+�C�z3��݄�+fU_��Oئ�0����֍��5
� �X	7*ƶ��9��zSZ��íL	�D�3�e
�'����u���6�3�E2��i7:��80O�/<��g��L8G�R�����NՕ-��d�V��Swipe��{�:g�F@>4�S0
+��T�?h/�$�q�ν
+o�v�X�'oP��i#3AIU��EGt�D� ��4�mQ�Z���i<ƻV��ۏb�����yk0n�J�@	��M�+����XF�7�5X�>�H�4�mW��S
+߷GSV��;ޗh)�^՚��i򲫞j<9�w�V�ب��þ�����fy�aY.�l
+�9F���>JbF�,[X��j�/.nu��,�삓�W��&����d
@�G}+j�*h(��v
�0��~
��z�g�YƯ�LG	l{�������"�X{+�G��DI�dW\dp^q����g���:���5${��o��{v\��3O�K(�����������@���4}^A'���Q(������	_9�(,܈^W2��j�Q�+s��u��Q ��.͉�X�}����z=���wx�X��GXr��!���
��K�ϰp�w�:��/���O1���;l�HKkWT�G��=�>X����ZE�u�
.%���^2<Xg�z�M!�P�[��#�F����x��i�x�Kh��_m����E/HtN�*�20�w��	H	f~?��`oJ�@f	.bP�n��))A���ښ�Z��ɯ���8���#iI����^��&�Q��D���Y�n�	��Q;��jM(�ҚkŒ�Q�Ee(���ũC~���U��Q�|s.��
+�a]VQ��4v�U�\�`��+�G.� �9o6 �5���?qy��oW��l&@��<՗V�D�3�s�bG��ئ���%���U�$���y���M0�BG9)R=�}�NJhT�s���j9xZ�,�&S�C�4ֱoH����L?p�~�
+UU�b�b�&7����aX?���S��b�ş�Eᬊ�
+�����?d�3as4����]��J;��7�Aj���
+�>�P��m��d�,b���ν*�y3Dy1B��sMU��h��k�"'�����_'À��D1I���L]At�N{�GJG��sG������$wl��A뼠\2�UZ�6��%�0��}3h�ء�l}�0p��Y*�u�|��MP�q��yV�RyzC����RE�eb�JJޤq��&ko?�����(N[���P�'����΢�k�'C��Z��*�[�B5�z�]�g�:�mA��'�mڬR5�D�B���;\Gf�&��1���$u�`0j$��':�u�7ӂ��`�h�h;����F���qoX;C�H8��O�x[gc��2i�*���-S�1"#�9�{��+#T�2���A!Z$%�2��<�u�#��_��^/&��
+{�V��P����۷��
+��?���~���|ϤHi�WxW��+)-~3����	�h=���sG��V�K+\{�A�:Nx��I�����t��L}p���(IJ`tU�c^c��_'�'	����=j�q�ņV
�>7�F����b���\9gV�ce=���l.�&��3`7���z\��yN�|�����*Z��q���Z�^������][$����癖Ϸ�}���)��“���&W���I��uƹ+~���EfC%�i*��O�b��9�RƟ�jT��.`]ĒB�yh����R���M���!o�1hφ)�.0�����t����)��m��=|e{�����)0j��X�r"'Z�'&���7)Q�l%�a�&0�^k-3�/���޵ig�BWr�����A��Hβ�u��#4� �>ْ�L�aHpt`��g
�F��z��cz�i��M���G*I^_��8�zw�76��F��#��}P�e^"e�_)�ln�lF�y	�f#��0J��Ȟ<�3�i�-Y�c+_t�|�R����$������.���h�q��������1/��wG��.ַ[��B^7��O�0�Y�noV|j[5��g�d��U��My6��[h�7ZݮHE13�҃�$�
ٰ��_���!�`U2�m0��y4
�2��/+�*j��a�M	C������
�XhtHc�r����Y$�b��V#�Xeg���7�ěF�.4�@��v�*��UH�qXK� .�n�1�D�+k��V�ϻd���	]��RB����&�����F��_2�T�Վ?�<4PB=n[��j��MY�w�/;�nLwr<��1쫞�z^�˘��M�Zv%����g[]jN������
+tg(�7
+��ÉO��Y�P`��j�\��͜z�TdcP:&9�M��N�ۯE�0��
+
+f�����!qpD&;Aq����?7�~��t���W\��/��&*3R�uTC\��}�u�M��'�I����1�����Cjz��ߖ_"Z>F���w�Wx����P��2���Y)An����q}��k~g�y�gq�/P��C]fu��v��7���7�xb?�x�(2|e�4�|�^#���&wW
�	���(�>9��5ǔL��������F�Eiğ��l3MtND�	9�����	�49��Oܹ�ũ���a(��w9M�&��D߼�S}��4��V���$?ȣ�=��7d�@�4�aIkй���²��SI�y�_���G���4&S�14u,Y�D�C�z�|��7�v��N�]���k,��"j��-~���}�������YHbe���+�Nű>H��';r�3�`�hvg�m
+�-z�ԑZշ��5���
:0�#$���H_x������E*�����얅�g�����*��*�����OWaG��ظ��C�'߻{=j�A4�j��d���O��DUEV�D֥
+��/)
 c�h�I9��I.�N�u�q��l�W:��[l�k6#�+��>w�U�Λ!
���*ɭ#W��>�/ �C�I��[��od�I2�m�`@���"�9DD��0u[0L!���qUY�:g��a������RʌOK�Guo3݂D2VSzi�B�T��3x��b�����N-Ԡrɲ����˔݂l��Εю�ÑY>StK���$].9϶k�m6i�=�t��v'	�=��
�]M+>7e���Dž;�*M���E�7<���A���K���9C	F<��_�	�ES
+k�L>j���������"6"{��E����}Y�
A��\[h4�2��j�7vlGE�C��80]9��;�j����d�y���جag��l	;E_u͛��N��2 D�K��|^=<�2���L�?U(<~xZ�R�Hl��h���Xmy��}���3)��=_�Li��6�i�?T�㳉��aq�@�̫�����u��>Z�+яֻ~����;e9QL���0�����e,5F�1c�vo'��â�@��n�K'�^# HWM?��IXhP����ll鸉
H�b���	4Hp�������	i
+�%3�+Ir^��_c�	2S����s���u3�G�k��{������& �2J���[K1��P�}3�N�(3ɡ�1Z�����NZ�ds6������gI�����M�w�!�0��S�&�ql�.�E
���FO`
%K"!������
+��
+�"4#��p&K
�JH�%
�E�<�g�1F<o�z|B���I�&|�S��A�+��\��UK��k��$A܃'~�	i<R~U�.5~d� �d&�nj�/��w�����	O69�w2@+
���1�/�2.nY<e�/�U��&�RT���숲Z�����H4�����C+�
PL�� v-h���ϣk���l���L[��g2�|�P��YX<��
���U�H'�����d��K5��U�@/i/�=M�C@�#������⷏����f�����x���W�/+=��C��?W��ʷ3=ay����P�����9̉9^(a�����s|n��ߺ8�pɜ0���Z�@��)����yF�hCw�@?S[�
+_�m:H�H��jmghܚv�J'�qk�?[�p��=���	��̗�(��Y7�j;�LW��*;�z�BhAV����Y�5ޟ��k�O�����u����x���/�@��v���;ju�N݃���~�<�P��*Fj��B�`�*$9vOi���pr��<�M���%�Ah�/{��_�c�Y��x�>�.✎�-�q����/.2��g��ܑ�����K����2Ds�M�YM�0#e=���<k���yT6�AH�z� �F���5<A��v-�%�]u��
+�.}��h}q�rJݱz��a<
����q����u���_�9�µ}�'�+;���E3ǫ�;��d?�1�b�v5���b_v��W���Bl~���Д_����?��G�G��-IK����@$�
+M���(A-?�C.��m�)
+P
�T�э]EZU1�ЪmLW
+g\ .�t��U{��$�Y�{��BF\}΅��2Z��qX<�'��k�WH!�#]�ږ�"	�U��N-/����S��l�W���$�Y�7��kԙg��r�1t�ڴaIY���j+:R�W�߲�w����mx�H��{)bX\��'ަ����.��'�/<Z��\EMU�X�-ܓ�v;�V^�u�Q����S���\aN���9���~�")酑V�ݪ�b�G�=Ϝ<�LVJ�)@!
��9�����$ y&A�W
`E���9c|��1
+��1���Q�֭v
+�
��C5>
�q�D�����mR�
U��M�lMU$��}WH!��)�p�aV�O9ŲS�F�����/�ЇlRK���F>Qtc�E`�"w�B�]��c#��X_L�E���s���k����:w��NgX���M|��ӓ!���qUY�*`r`�5n��Z�;�{m�'32,r�w��m�[�H�j:ښ�#ݛ�z��l/��Z�ݝ2Z�A�2�e_aO�eʅ�&��3�ݎ�ÑY>S3�XԜ.��g[6���yO5�\�AQ�f�$t}ن�7�w5��K�Զ[�R��<e����Mڪ�a�vQjb��
+'6zZ���_�΄�)���j�^�4�_3�RX�Fd��B���]�6�6sK�E�֏Ȃ�K-�Ǝ��P��oƁ�J���ن�׸�d�y�������v$7��ɮ�.���i��9M�-����zX�1�)�k�[-\{?<"y"@DbkՎ8��c�ڲ[(��/B�a���Q���](P���r�6j��By;dѥ���f�o
�-@�ȷ� ��[�|��B��L�:Q��&Z\���5���!�������"�&`j2�c���dLF�9_@��u�
���(rb�d�N!�l�9
����Se֭F`��?���B��jl'��Ht��u3�G�k��{����餩 ���j
u�7S�D6�F�c�Q׸��e��Gt7�g�II }�<=K`���mb���
��Q�L����=�]1ᶮ� #��o:�
	����9��Cq��B� �-��p&Ka!B[a_4P]R��Lc�x�(����3�@�M���%C�A
!&��="ކ{ժ��)�f�?�؇4���R�Rv�ŵ�2p������
���Ks�"JQ�:�nq�L]��p�p
.��Ίu�^�Li6�R�Ҿ�(�F�Og��к�f���ڂ\���g<L�1�$dH���<�u$҇�Rک���r{,N+�m9��b��nP�{��m�!qE��Ұr�PVl�f����,�A��uŕ�bk�Z�&��z�k?:FMC=�ƫˑ��s��@�ӗ��3����U.�7ؤ�`I��/H��u�,��Ue���"��)��RG��Rv�Q�-����5D�yW?�R
�ʏM_����Y}iiiz�3��w`"ٲ��J7�M�E��@OU��#gH���6��9�m�Ϛ�ൈh#Y�V�\���H�ؙ�2D�"��L��؝i'Pv�u}E��)��L�m'��`a��������ۺk��T�j>zəc����϶��')�Zv�u���q@u,,!}vM:���+�t�P�s)���2#.\
+�<4�
uWNrE�sr�3�s|��zMNh�#y��k��䘳+�,y�R<�[Ɇ*�����8J@���
�
`z
Gv�(�x5*[�Ѝ����B(o;�/��_%v<`�'A-aUz��-p-~��f�j�y�k���=���W���,��;�9���}�k}DgY��<���>���*o�ĝ
�z����h52H@� ���2D�8
�b
Tė�IiF�>c~
+…�fP�8�r�;V����G���̋Dl���h*C�sC��4R���ʈ�V��9'�w���}/��(;2&���$���P{hjʕ��r�BQʐ�ՏL�Y6)�f���K#�לȸp�ھL,ܥ��I��
a��]k����vk�s��L�U��H�-�lg�0����ɧl��R�T�Wa%�=m�7���.X��
��6*dM�}5����f�a%�֍��f�-M�oj�t��XG�Y=����TU��Ѵ-�x2�!��z��Ɓ�]`�|��	fQ���5�nΐ�?�n�e�*�ɖ@��������q1�5�mU�])ޮ��D�|���%�dp���c�[�@GzegRh�͑~o��Y�g�j���V�[���ɕ{2�9
�ԃD�j�}MZ�(c��2��Z���%t5Q��ɚq��rr�P��B]�n��Y�2�-�I븨�gG)�Gzi�.�@�X�H|����q_��ٳSE��37ᕙ�g�L�!�z������q�s�� �d�c�-����Z�1��!���|��S
+�T4����
��OFF�vC8Wk��2}���1�X���$�u�YL����%���S�Y:�T(P��
+�T��� �D���mP�>t?:�W
@��T�U5�L�"ę�CC��]Mdx�]3��ܧk�R�oNC��^�vO����|�4���AaO��RKe7B��U��s�@E]��m��F���!�
���}l�t���K�q��
Ω�F��iN�O�͠��x�C� �Go��>Ph�Ğ���:�a�����wn��8��r�s�ੳTV�ɿ�E�!Xdl��c$z%B�y2���(X�mXe$fX�"
+�����
+vI��� �Y׵�S�&���e�ήlN*!>��Ýmݸ�خw�:6�"��o,k&���
���*��!a��p��]���bu_�4�g ��z_ ~h�D�,��e�Rq��~i�9�\�x����]�Z����T�q�����`���7X��2��oO�v��'�6��/�P���ʟ�-����t�^�!P4���@ؤ5�E.i���D���Z�d���,5:
�P� �y���c#���l9z�`O=163��(`;ͥ�'Ƅdbm���*9F��c:\��K�ͺ�ܯW(2��4|��I�8�a�fhTd=����}�x���XZ^*:Y�+������d'z_���
+.�j-c+~35a+���:`[m�Տ*�C��M<Z�;w�_u[�[�P$��)D��"c��B�jQ�~����L�$���0M ���]�eûO��W�;�r�c2,��
Q��Ey�؊b��-���v�
5��
7Ze�v�Ӻ���$aTH0��M؂��҆�S�M (���+���`ŀ�O�E�=%���{�<b?nm����B�(l��>mf�~J^�uL2�n��V]�E���;�%^SG�Po�}����Gh�y^L�qpEto<l���0��Oɋ��@2�w`3]�lo�D����@��-f\���S�H
y��G�[ 
+���+�
+R� b(`���&��XYpm�H�zs��щ�a=%P�b�a�z�#�-�ȥs���)yQ4D����{���@\w���$ud0��O���v�F`��R�{;�N\;�ך���QH-u��[]'���#�
+�e1ာ?%/J�VU༖�NbG�\m7�t]lӭQ�P��5�ψ����ﯧD*�HId]�B5-s?Z:�S�b��5>%/JP� ���>�4�z�S��0r�ƞ�)8�Cx	�.�!xQІ$�TwL�0֎ʴ�
E.��R�)yI��i�tB+��n�R�HŤ��>
�˧nŮ������$o�.�
D�Ua�����Kǧ�E�zHaG��n�{O���.�_l��0h�>"]f���%c
�&�x4V�_�t2��n�)y�d�d?�������ގ@��D�Q���K�$R����
#��'�N[��3#�S"[`�7�p�g��*���G�y��T��
+�I�%�:r�}|z�H�t=����w&]��*���D��ȸ�LE�]���e�r�d��
oR����Y��b��]�{TT.H�ҳ'�����1��D��&	�2� PMu��h���)<7�j����;*�ͥ��-�)G�Y��%{kϠc{��y�"�����.�-8Ǡ��a�t�7�.�N�Kt��:b���
�67
�@[t�|dK�K��,
+Tx
+�@�ܥ�_ƫeW����W��עD��
��
/��bN��@�?$��G�ľ��fM�-�E��^�-��M6����bE�(�	��c
+��ł\}1����]���;�!��!P1�o�)��㊩12w��+�S�d�"D����cE(T\�x��PK^mž�3�|�Xj���$�$�ngU����oE(3|�@3��7��!�k�l�K���+�
+�ڂ#�Q�n{�Ê�C��Kʛ�ұ������`��ի��'m"d6��:�^8ӬȃH��C{#UK���ݧ6�X�h���Q��\i��T����p09�V���7�˳ۄ��h6ƾb�î��~���??�����?>�e+56�V�׺܊E�;�E��gR��q��Hv��]񷯏�����/�������ϟ?~�/Ā9P����@4�-�+������d*nN�]���F؇������^W� #3ۤ�mQ0�ef�Y9bz����OEQ{�b7F��%eUI,Br�� �	h��Pdz���S��(��",L	�m��9��"/fo��AI���k�u��X#/�0�ϸVM~�����"�>>_�W�)U���T�p�7��� �dl�-Ծ�~���U��QUK�ۈ6�׎ ���5E�\��p�^Qqi;�K���	��/�C��8IwGX̝1�N(�3'.~�h`:{L�T��+��8�	}b�3:U3��Y:ߵ�54����k�dɰ��Ή*��@(�!>���ˑ�Q����}�J�7��<�ϓ'
}б�m���{�:����<��V�沀eYYO
��}}�����;��C�'E�W%c7/1sX�c��P#�	�[�f6+�a7�t�X�h��q��r%l�]�>Ve���09MI6���`��$$��K5/ȃH#2��nY[oO��;�_C��6�lv���!�>>�Pz�t(R�a};+�L>3��:�\]��Q<�d������H��b��b�,��=x(�g�OB��D���7Buζ~�h�)f�`K]�A"�	�}���"�Q�cEPBz��->BS�.�5�0G��D0zM.q%�������N�Q�|,ɞ~O���`L�B�X�S��>�/���ʨ3_���쓅V���h�%�+χ�Q�M���k,��|��s�x6'���#L�˸�T`�I�T6��a� R0h�(�~-('C�!��VaKB ��]��*
Z)>M�f4�y�:C���~!q���'-�' �<�ȴ͸�.��Wؙ�6�w"{	�K>�~9X\�ʉh�.�T~�g_y���Ԍ�+#�@S��/x�t�Z�,�~�O��Ν#f_�()�(w2ǧ?IG9HY��+��b��><b�T�aF�d�0��[\z$�u�h>`���q��_��
��z���
;��L��t� `ވ��һc���5�Iޓ�gB�ItF�Z����p�>S�e{|�E�Ю<C��ux�|���~�&.1������ֳ�zב�2�����o��6�|��_)��=�ՒPfw>�"�%�i�ڛ-������F-�Q�]�f~D��0�
�d

/C#Rf7Rr�2��c�Ŋ���t.b[���.A�=g�-��S������O�e}���8�b�Y�#{�>c����	���c�J$���Ap)����q�����ʺPo�z�h�ľ(�k�rn
��sb_
���`�����#���Ⱦ��7��Q���v��3ﵷ��i�������3j"�+@|�T��������u��S5�Xik���=څ�P+�����85ʩa�&y"����x�iֆ"���-P�̎kv�},|�E��6D�7U�.�O���_�vc�[HJ#�����_�f-� �Ly���!7��g�r�Ådh����Q�B7�MVv���]�C�#���i�K"iy�<�͞���"m��PE���9k\J�w��M�<׼� `2j�U��E�2W=�*�����lj������2=q]s‡|�+��"��"��DW�q�Ôl��
�ـ��"7�.��&�v@,��`	�$��ǔ`��&VZ�LwQ0�*��)v2�$���A�~�]�����|�c߫
t�o����?'�k{{�gA<�¡`��(6V���f�id��>g��;��[|�}��"ѯ7̮v,�G�|,ȃ��{�N[˶�Q�L�m��&$Ž<)�a�*a6�l]]��#�^V�
��\�]�ݮW��-�
+6��&�U�_�/��jCQ>��9z��EaAp��I�"�~ �ڐK�`Qؑ
2��������ł�E���o�G���]
F]�J�H��)�.c[�_��k�j��UZk�����B�s�2"Z�'ղ�
++�{2�8c�H:�7��;9 �<�ur���{�H�p.�[����W�+M2pE@&,%��79���5+~�Ig����NF����B&�`u��r�`sJ:��TXWD�ȸm�X�a2��e�M�L��6����0���s�Y��6o����q�V�k�%Qch[�7v��a�@�Q�
��Hz��^�A���nЫ�C���(am�n7��m�A��YIX�(� ��G�B@r��^��W畟�W����x!&*���c��ylH��!��'æܐ&����D�Nl+�FJ�Q@Y��`"����J���Hz�^�XV�ST�DQ��'�N
+g/Ⳏ�p72F��/��m��2ow�S	��g$���I
b��l�9��:<*%�5ȠdAzn���3���ǫl*v�����%�Ŏ<�0�:V�䥅��Hd�6Q��^�j��.j+��=���ډ �@�<x�;��b�d0	�s�?N�J�|#aGY[��1^-ɑ�0p�S�3
�9�l{�}�2�l��G��ը@�����g����V$���$`����YԮ%x��n[\���W)tX�7��\vM��Z���_"�jo�/�
Rɰ�o�h�.�ޣ��0n�&ڞc
b�b&t�9:S2�Ču! ��PSf>�yi�6�&�JG=*ބ]V�b^6��׳���s�
��f_�@]?��yD�O�8�k�D�1��8#5��gW+�.��/��/���%�1�sX�����gɚ�����6a���e��	�Y�l�	�/�j�Hc=Ö�4�������������,m@U�꽨_7u��[�/Q��/ra�>Ѧ�
������ �}�rwV�c���b'Q�F�@bEw:���0yp�cZ�tG -���1>F�l�Vخ{�cG�c�<؃6��h�i�dž�G�8ۜ�2���V$�J���(N��lJ
I�8��v����Q �g��
E�����g����U^oՂ�=�����Ь	�R��G��)'���Cb����Io�
���9A1�	� %O�N�}�2=Ȗ	bĐj�\�H��<Ic!~�=r9�P�V�'?���D!Ytj��6|Y�N�M���T�7&�B�����z/�>�`A�Me�y�t]�ڵz���}C��h��D#��]��'��D���#�nϸSN�S���F_"�%��Dݚ;�Y��:S�aK��=��Ǎ<ɼ��1�O[cZJ��Da�U=v>'���
+��;�����Y+:`3�]s�_�=D3�*‘-۬���W���y���n��fz-p4�Jv~>��m��|��#|46�(�qs���}BE����!�}�5t�.f�(�î��\4�ڢ^�HT[�J�)%Ö	[�>}�|��}�붰�����ѿ.����\n'�`L%e\ʝ.v��X	�K��U����2�cA4N�.�[D�0WXGk����w�#�V�Ex��
'�u'��c�lv�j��}�&�ɳ?�~�2�j9T8!I��v���Ǘ�ݧ'b���	��XS)�,�`G���}�}���R��ǀ��T��`�^nz��2[�І��Q���a�޻��;$xi9l�f+Nq"�EG��E"�5
�"���X	}"L�)��Y�-��J�_	x�'�ֳ��W���������]��).��H���
+p
���%r�"e5����7�{���;qo�;�M��7����e�D�r'�R+�(�f�����\+H�y��ٯ5�~���e��;>w[��.��.��EJ�5MhbP°�bG�"�}�͞�o�8��
	�&�R�yR����D��.v��㙽��Pa&��Ҕ#T���ts�rt�!�yF��l�;6*R�~�Q?�kI'�i��U�7U��E8���}����2��F�CT����~��(BW|��<���ǘ\3��z���{�����xG��b�;�$S�Ԙ#��}?qD��ys�a��4��h�&��/�_?W6
�"۲;��4<�����y�
�	@�9�qnk�Ms,>mr'a�$p�v��
�?�/��Y�F&���Mv�wv#�
Qs�i	*3��Q�� `�HK�{o�v�����6�(IY��a�������Mץ��ݐ�Z������������H�3�aļ�:R��i�~���®�|l|���Ⳮ��R���-;B)?���ߜf�l���αĸ~7���c�;��w�G�,��V�莞f.e�I��
HS�A�8��!��Y\�N�o�7m��%��5'�į��[wܬwj��D���g�Γ���+%��6�F����W~@@M��yb�0��������'A����V@���G�i(ZѨm�*�h���"�&�|����UR?e��b�#�]$�Ì�
+���S�N�;��[���d�ͤ��ͳ�����F2��yS��|r��jt6�&\���{�l����S��N����S?�C�2'R�G��ͱ��p�S��A��
+� p	�c�s��oE�AobÑI5<�ÞaO�5�Is�O�N	΂@�Fʦ�\l}�Ez~��gi�.��Oi��pE�]���n��{%�;��*wu��w#�@��Ή=��ɢ�l��0cmזZ>_�7T-�FE�,J�[�^N��..��������3�ˤ��#��(6I�y -��D�aH�~|n�v$�M*�-kG�B��K����{�ر����D�b҆�ie�����p�X�=�
+}6�GO����j�<�w�ڶ�NS���L���b!?p&$s�(����U�r՗wJ�]��2wS�F܇0Ы3���Q!�gԇ��ߤA��&5
al�9��=��{�P�u��&�
�?���窮kЏuܣnC��&ñ5����øw1Y
+�܀�8��")�ރ�Oq`khI�A*���w�x)t�Fظ4�\]�2�����S�v኱\lȹm�����d5�=D�I6��(��׈�JI���^{�9���|h���
>l"
ۇB�Ь���Y}"�@��G������3h��J*P�ޞP"	<$��t�#�CMlq_�f+�w��lf��5�'T�YQ�S�?i�E�i�v����3{ �m�\2ᳱ��|t��6�;�����
�X'�[-fx�� J1�
꤇
�����8��VhZ�?O?cG)�k�8��;jUFڭ!�D�)D�k����dEҘ�\���$agMA��X�u���I�r"��l�hN�
+[��]H��Br�ؕ��d�5�$k�O�#-Uˆ}\�#�RQ�]��<���ې��Ai�!�.�H��㻙���a��/��
pP8n�I������<�J;���r�5��{���fV���|WI�,1
+��)��y�`���y�u$"�\�����`�`T�8]GY�c#�5��r�m]�oR�,x�S�:���(m��;)
+��%��Rb��W�l���t�X�S��sܕݓ'��
�n&w��3v8Ҽ��V��pV�����1�H��2��(ȇ	��enOvq���b�9�D�"L��l�����8�U�ߙ/��f��(Ve��~qm�dD���Ogt�h���w���'F�&kۥ�U���"oׄZ�A�X=��A��2��Bzϐ>-88*�����IѷB���6f���]�P(�~�(GH�-����n��`��p�Ǟ��.bڰ��G�m���"���,�!�6N������Doŀt�
q���('�w��@T�lH�{��h��@�
�egw9�px��=R4V�bM�6S���&ܺ�d(+B?�F�+�4�q�K��h?G���ڂ���_X��}��c�"pe+�>�j��M97?k2<6�s�B�R%��w(-m8p������c���R�si�;�Y�T�H,���?
+yp*����2�[����m�ož
ӑ�<
�`�'7A�FTH�W�O���-JE�	ۜMd���39*�3[��(^%��ovP'��:�"�Yvl|?�+�gn�c+F�OXfȤ�r/��'vO�H��\���B�]{	����z#��gt�6�,P�X�0��
FR�g���4�F�]�?؎�ҕ� ��^�c�\��)�UѻM��4�(�#~ޒ�V��_��rT�c�x$ݕ�.�p���pT�I��!��9������zr�/+@�bn�g	q7�k��GE��&��Ӈ���,�֑�ޡ�����D��nu8�Z��Bx2�AL�J�Ğ�Sh!ė��N��I��Yn����q��V'��������flt���"B��`��D��n�u��oR �����-�m;�m&��v���GѺm��xF�ƫs;WH�j��D�_�و�[<q�.���/Fť�﮷�pB;^�7��F�x# �B1��F���đ�(8�!�#ʽמl�xIEz�]*_����*�
+E§H@��7��6��m=�t��4��m?�E_$�.��Fqh�m5���;)
+�<l&�ѕ��$����a8*�pD��
��i;���(S���Ì���W�m�y���B�~��aD5ڀ���g�U���9�Y�ڳ�w�kS�Ã�`0� 
+q���ame
 �X�W����Ց��K����"`J!�[�'~L��:yl�W��p�nsx��o1u�x��	`f�2��q�#�}�׌#����z(Wb[�߱�� ����F�

R���5(*��D��d0`/&�
ǚ�
+`j��h6��7v<J�i��l���J�CQ� LOs�]����<�=��0�&{�Dnuv��r?��J�Պd��,���1�
��aw�O8
+—�3d��uǶ<���0��9�o#��;��I(�[��O S�ǒ8#vm�9��IQ0�b�DV_�J��"��y���cIY����V�l0��#_�~t����8?LA[�;�����~�_�ƀ8D׺Z#�
/���t��}Ѧ�aj�Pt��F�mpP3�^��a(��ʎC������.*
+a�Y��QvXƜ�i7*7��u���(�B�9��LrTg&�ߌM��S���G~�O �%�/� L_��1�	�6��Ȉ���G��^�*�#�;V��Hg�\��m�far�rTS��,�Y���pc�vȤ6��^�n^$Td|�����A���LO��Gn��e��5*
+a�-O�h�Ʊ�!�z�O�8��C�\j���w������{3�x��R�M�e
+����s�\���7���R��3��"�Wx6b��~�I?T�|�7���~�Y���9���U�:uD�|���WLo���|�d�"�����;n�4�p��4�j	=�ȇ��ߞ�
�Q�Ǻ�������]
�x#�en�#�wR�\��;����g���"�΄�
��Ab���ާ�0[0�|�
+{�,�ڧ�c�^�ϵө�B��
�`8���j
��-��<+������5c��j
'�
����*9f��K[�b9
+�jT��x����
�i0HQ00_u`�7�%���%*
+��l8әj�sH�s&~
��!���	;�Dxm��f8±ʎ�a+V�����|����p��ç���x�[2s��
4Ɯ#�g6lų�Pcn'�`<��9���.�Ok^�

+6�@gje�j��
-�,�ܪ�ҦB;��\��is��QȞ���gm��C�����Yr�=���"\x�G}��I:Km�}v�!#GE�'�,��{0�����!��o�{"�(�S[��D�:oAR����Ѓ����DE�(�…?�����s(���e+�&�����ՙ�]E_.��S�&�l�K9*c�Նq��k𳍑�(c�'��l��a���>���� c��L0l֡���5_�k��|7�1��Ѝ����f,��>|�hY��ʾ�%lc�g��p���l;8r"l؇-l��<
+�{�L��jO#�����ˇ�ߔ�E�Vӷ���8�,S��ɲe����K9*���g�d+�/�2����"α�����uv���\�8��;�q��H�a���؎~P���*�u�X�9��? i�%5`8X�+8׀��^WU9s`(c9�Yz���5%���hg�f���[�]��*�c��cW�&掠*�k~�ߍ�Gi*�Z���9.�W3�(IS2W�]������Ա�c�ϲ3~�S[��66�=t����z؍�>rQ�	�t"�ݭ
+N��X���'z���<b��z�>��ᅵ^��v�����_M����K�d!s�2�!�
��e�S�
�5!��'�)JP4/�*��e���ҹ1����cS�e��h'�U���3�
��$�B�/'XY{vK�y��H�j���W��t���z�$9/թ����`U�Φl�e���(D�
+���$�<C���%�)v�r�:S�f:�:�Gxڂ�LeU�$,��2�K���3�����@
��l��z�n���-��%�У�r�1����C�lEy���|H�8�G�+/wF9=/a�r�3���:�׋b��E��pJE1r���vݮ1Ê�3���qΊ�ӭ�.�kjkoB��ѽ�ߺ��׬w��W}m��W�;W��DzM��^Q�#����o�3׫���+��uA_�&�IG>�;�8ß��>���-<����0!6*����Ffv��O���s��b7��Qv������o?,��x�������� ���uZ��+�0�
+�k{�R�����/��s���LS�2W�(����l�1
+QLKbW!(F���"4��o;	D��ւm!i
+��L��ctFKl���(��m�`
�H�"-���7��3��`��o(ؗ�:
+������3��L�L�B���|#��*pdc�1��a��(�<?C�ضp���?�Or �9��n���D:p�4�1
+�� D����Kd��m������6�\7�RT,	��ZR1�g�`8;�A=��(DI�Ga眖����b��3?OB��(��,S1gGud��6l�;�?�����!ܟ@�WX�B��b�B��$ly��&��HM��qC�U��\�{�Í�Ȍ�S���Q{����Qx25o�%��w:����,fp�
+e�I �uf�m|�����f+'a���Vm�dBh�<���!!s�{V�\�.v1��:LE��qWԭ%�5]�8����d�F'f��'�a)������C��&�pnZa��1vF1z�>fKml��l[�����7�"��`%� �jה0�'!奕e�p2�����C!*���	a�daOB
�Ԃ*��J�ODe��U�1�P���?Z�Bt8Lቮjx�B��5bb
+�6ֿ�ᆼ3���(�`ò
E��
��(B�!I{2�#9��i3��~I��[计vƅ����p�/z���M��^���3�K�Df8�;wz	��c�2?�F(B�(*���Q'�(�����fl���H�_Y��_�vg\Qv1�.a�m�"ppq���Fh���N���Zм�E�I���.��JH��*�pڗ�x.Oq-G$#�Rb�d5�N(����H�R�Q])���cӉ�mNB�X�����6�g³*$�laL�;�ԮYA3J�p��i�8hE�+�v�rF�ۻ�ԦC!+��x��Q��ǐ������Ca���R�ޮvF�f4���7�a-5 �,fȮ�
+n�%��]��X�:ԡ�E�<�����6r�܎��Q�)!�C'8K`9��n
+>DN��rRòC��?��B�E�H.�����$aghbg.g\��hA{'d��'X!v�z���P\D��Ʃn���c��6NF2iz�$�Qm���Kd��H+��x��5�6��³*�� ���ȩz�Dŧ��ʈO)Bm��H��N�J�=��1���8$�Jw���.Z��n�jG�}w:=�𴳽l��\�42�*Fœ��Lya�����
+���-��(B�}iM����B����E%<���>���-<�����L%��K��qN�|��c��R�L�h�mվ����6���������˷&�~�x�����������j���As;���n ]��)?��췐)����\df��i|:[K�e/;;qO]RG�tcvmHv�
M����[۰l��\n�����UR7/���gR?뚜7�Sȫ)�-��v&�z��JÝ�ꪞ���+i[�Õ��shc.�SmjX1E�Lb��TN��xϡlO4#��
��$�?��כ-d���P1���*��>�l�ڄ� �qL%u]Y�v)�)�vFe����3z����v�^�ikQIu�Rc�ٛ�R]�Bp�Ejv�L<��$�d95�}V�Ğ�Iw�T���9w�M�7��s!eO)����_�ސwF����I�e����y���7�rFm�218�
w�FS��N���5�);�i����{.��д�Qc�<��x~Z_�5k�֊_����f�$�g�^����}φ_� +ԙ�$��ŀ�cod�
�Mw�0(uu꾆�`'���:ЍQ�����j�G���m�����h�6��n9R�@�Q��ܘ˙�L{�c8�of�PmYJ���3��UYwUq2���]����^�w�ky������Tx���4��?���I�	�*B'�W�/�4���=~%����"�fk�nҺt���3�=R#Q94��G�Y��}.]�1.��,m��ӲA�V��1��UؙK�!�#&���G�Ó#Nuғ���C)e��m̨����R�-�|R(+	7���;�ZS������^�������v�%�br�2����9�>� t(VtU6�K��W3��I윸�xDcX`Yy�?ƫ%;���s
+_�y�Q��̶}���K%�I?o�p��"A\�y�-��UG�f�ZqI��9�����]�A���Ro�j�%�S~�g��˫���z��wG��֬�4{qSX&��Q��h�mKL�u�	��չ4~����
+�@'��w�G��3�\\��9�Ȝ)�LJЖ��������\D�<�/���yS�^��t~���g�˳�|7���Ū`���&�[�{|�<^Y ����z�FF�
+V����(�+�:�.졽^��ɵ
+������B��љT�6V
�\�R�ǎ��w��jV�yV����[>YV�YIg��E�4�4�:������(Pe�
+��c�{�S�%�D��i�$s�հ}8��#%���
}���v�l��o����?��qʤA��ꛝ�.��Ñ��]�����K���,��Gw$�8�e�%;͗>6D>��L��{�=:[�-
g�A�?��'�812�����:�`A�6iY��+��H<i1ƙ/!A디�l�F֯��"ZWy�ۅ<nXW���o��Y����;�c�����T����Y�[<Y{���:`�t�rL�n��>�|��ZuZ���X�&.v|��!k-���k��t����]�}���,<D�ufy�����c0��7�I�]�܆�
H�ܦ�9l����K��пY��:�K;"yJ8����Ko,w��X>��)�O�~���*6
��F־�=>_p���͕��z��/���m�u�&!,=�߾��C�rRu;�ז�!�޶bZB]BmҮE{_g�ohM�Bm^k�;m�gb��.��ضD>z
+�I>|��\������cG�����~��c�Erc�G30����-�@���}���`��p�?nSh5��i��:}J�K��}!;�0�n�ͬ)wD�g�6W���g�[�,.${����9��`e�L^�Q�����cG����9���Y�1�(�O4��1R���z��YKL��95~,ƷZ�)��Hs
+1y�7��%)��
OD�OY4�>E��F��d��p\q�����dg����p
�!z;#��*�/U����p�#�_s��9;��c�v�
+q�wO�BA��ݏ���,�t���d ���]"[uδmʣ7�_'�`�������V�N�t5/�1Z�tG��25�ؕ����p����t�g��Yv$���@�δ�"��8^v�ؐ�Q�q�~��Zjf�+�Uc#
.������[H�Z�$���W-����G?�3]������٧�a(eut
+h�˪�~G����>�3�1D.{Z�,d�N�rwqP]�@I�{3���Wf~!l6)QpG�AJ$'%e��7Fo����Q�������|������T%�/��j�e�Ŏ�EmǙ���q��;����k�s�ߕ�e|��i���i�43���}�`�H�l��'� S|tq1`�!l�ʾs������������{�~->h�	N�h����Ýf���}�\l&w����
|�3�
b�T6g��	NX�.
�]g�|��w*�LX�6@����2��A�L�#r�4�K��2�\�h(�Xᆭp�#Q��Y.���1T�k�QpiE0v�qCL.<\\4�I�^�\�\�V�g�
+;�l<���a*��� ���x��f�(��[
+�_+cT*��B�p�2��Pu��(��sj�uqJƖ��Oo�`�Lu$q�䝦R��b�=]�B���}@-M�B���K�d��*e��y8R�����l��&��z�U��u ��<t�
�wz���J���.pk�4�?4�{�:	t"A�\�3���Z�ń�LH��V�,��f�=^/x��L����a����^��$
+~���ˣ�< �)�k�+	�f�Wq��(q5OG�����2���(d���M���4�F��W�<Q�����^hw׾�Q�ö�o���M绫u����J����W}.u"!:�q�ҤEF�x)�yd�i�y��&���������;9�A� �ȳdȹ��z�UTB����=m(݋3�h[h�M���A�k��J=z��Q<�r5��|ͽ��i:c.�`��R򑛆m]%|�H�8Μ>�}�AGrW��
�s�Q?��֑U��T]��{�8�Md�7	�9��S�ι<]\<*-辸������<�������(�.S

��(��+�RX6��y�9��3�.�h�'�Jn��7���D���ǒb(�gX���ؑ�*����VJ�m���Bl�aJ�l@�s���y?��`g1�u�bm����9�&���\��>��:���j�c�[����Muh S�H͌7
+޷���C�}�3�@������{
�u��ͻXs1@w�>HTsd.ԝ5�7���ȱ���%"2�#�}&�TJg|m���l������hyaoĤi����z����W�dea���H!A���8w�k���y�>�h��c��j�|S®�
+�����,�g�&���׉(d3)�c.��ajn�9fWk�k��#�\�ʣ䄽�\r�7t��d噹Q>Q�
�q*`�*�[
+�0�2�]��H�tv{�^���t�.��ɭ��#"� ���˿�y��:َc��^0�Oȱ�=�@2���g
+=��^�l:��l�~�Qߑ�W�UP�^�I��6v&ڢ�p�
+�2�T���8ɤJ��5�t������K�v�&s�K��K\��}�3�鳨�a�!���p�#�`K����:f���r�=���4wD>�� #&�OP��;B���U��;�ԴXM�v�"�L��N���(�4[�'W��y���z�	5���g�Z��qؾN1'�'���<��l��C[U��U�H��(~�fVG���7�	%���Rj"�*�%3<}y�G��)�*����m�mJ��3m]r�5?���<ba��ȏ^�]a��\�%��VOd�@���~qpD��rb�-%|ANLP��
�����@^��#-u_�5�'|VO�b>�:������x��ּ�
+6��C�D�d�;�rF�%���m�#l�ݸ'�3�'��;����IX05�t k�XL�qB��^���s�㎼��
A#��Ùtdػ��G�8���
ܿ��?=��AM�����t.]�|����ޕ����y>��g�
�ˢ��D�?_`�1WU�C_l��>������r�n{0����"F�X�,�;�"r�r��i���	�U��%|"��EBFQ[��U
�vy���
+���5Qg�)cɞbl�B�lj�G�:S�4b�}æ���@�����D�cm�C�4�'��o���><��W�;��2��h��d�q�z�x��
���L���ս�Ab�����
+�#����?9�ګY���*�^~R^H���t����K��IO����\\���F�v[M��K{�tq"'������]>ba|���y��7��3,���sg�]!�:���Ї��X�۷��sςr�QWc�m����T�+*U�����
أC(���_a�x�b�Z
+����)�b�ͫSND����AU�0�k���DXy�0GOwz�j��y���C�����#�§�L���񋛔�	0��9�$��ǜR�t�SC٨$��X,����?E�tm��Ը�
+�dD
+��L� �K(�Xw,cy�1t����x /"K6����ÃO������5�k�t���"����6�yE��%���ݰֿ.���0��zd�2��)�e\�றʊ��sF��'���(�h��g�#�l���|8��;�wإj�o�����p"��%�g�Pf�^M6Gs�lW��H2
�H���;F��Tr<
mqu�H�gj�^5�[1�Ji_�㳁�
��PaTsQ�
�W7֟�6�x /"���}N��ns`On��lF��?_@����}��"m1QX�}���#��%��ڇ�v-����T�e��{"j��5����(E�xs$��SM.zGT���@Zә�{\e�d�k��|D*���+2)1.���
v�8�=�lZS��#s����q��pb�N�������x��g�3��9k��NQKeZY#���J>���:n%��k��#������s�˖�h��?ul�Q�A�6,�^Y�qMro�a��mI�AYhF�4Q4�z"��,BB�q[u�$&�S/�kKFܑ)*��fe+��F��j�Zc���O[�k�k;[)��Rk9H��yy8��$������nC1�쫈�H�p�&6Y1d��UiFza���h3�.��!FLƱ����Xx��Ǩ�f<�6Ҟ#�Y�O>�\���P��
+Fͣo+A�cG��k����������T��ԉn��V�p�(�ؚ�C�nxp�N���a,MPŰ��)�$��5���w���_ODg�ԯvp��4����$��<���y	����~f�M�����@ƀ,p���y�2ed6�V�"� �K,f�
+h|����,���o)vGT�e��
����`W7Y��
+b��s"�ź�pD{�t��e����.ND.VU`c��Z��tI���:��
ȃ���.;�M�n����Љ(ҐN��)��`�;ۻ�tq"r�(6 C?�&{k:UW��'9��w��Hۊ�q&�E�ҋ�R.N$��j"�3)_�!i�᥏I�0*v(*ۊ�S]��﫜Hf�{�9�ў%.{��_�r"r�A0��3Mv��N�^�r"FS�9cI"Юꚙ�ݯ�Y�jүj�Ƌ<�4Űtq"���X�� )A�)c{��rٝ���7!�X2�F�qdƐ#��Q���n�8*�F����Ri[n�;"s7�Q��Saϩ0�+��j�8]�ZΑ-�`L��&c�J��vq���݅�y�X�9��X͒��ЛXV�M�A��
+{�C��~�tq"�Q�e�,��]|�Xw3�nV��ElZ^Mbi*�*u��E�8�hT�q�=��0l+�~�]�<�Xus"�OD��Vv���Ɖ$�dE:���Ppn��s�y��剤 șX)L�����G���*���̾�4�
+��F���E��!�����/���]u���[�3�W�F%I=���8�������q��vN���u�29�jL�G�;��i/ueQM�
y��b|\�3Ʋ�P_4���䠸��;ANLF���_@
+�⎼���@�R�J�9��*��D!J^|G^D'Px�.
+���Sâ��z�A�q�bdYyF��`��J�Ѯ\����.V�S�f�:�����P��e�s����+�W�y��@��E�R�#�@��ҵ�V�Rq"r������7e	�k^���(U��j��k���v}�?]H��'���Z�M���5먉x>�T\TX����0���v���M�@^�`+��w����65��ZC�)�7@����ld:�/尲�����DDO!�Ơ��	���
=��(=)K�F{�,W�$G��
x%�s�-�H5!��(�i���Yb���"}���f�h�y%b9�j�����%�||���]�sV�H��C�i�L+�8�ؖt�UM)9zUX�uo�������U� -)�em���rp"*1��
�ʄ�0�gmnٵ׫8D�9I��K����@&l�3{����l�����B�5R{�`grq"r1�Zfl�X�^D;d�����[Kv��(&�y�$�b���70�?`�U:WݫA՝��-��s�����������r�ƻ��.c,n���ټ��4���S��ϛ������5K����%>�V}1��0�7���z�Q�s,�'�hXu{�bD��dDzh��؛aVb��3�ٻ5�S/=~�l��e��,�e��_7��33������)���h ���8��O�j�'����
&76b��'MT̜�q3�!�N�?���#�mb149O���ѣ����H
X��L�{�>��4T�IR�b2��6��<_��۞l�����ɔ=w9�̩�d�N��
+�pj�ZB�Z�XP�7ubfh�u����m-ڸ�ب�F�́E����o�����US$Vr�@�ր^�=��ظ>��k�C���~C��>
��ѹ|���;1�$-�`|?'��E������<�������+�!��*\�L�IJQG��x2i�����cϤ-Q/l����拁	�xB��w�$��,I,İ�b>�`	
+t����3��lo9����LX�X#�%
��1���f`c��J�v}c8o��^+*^/�6n��!Q�5n�J}�:�ڟ�!#����Ay-���\(�Gaٵ�����1�k���1E�֕i��'�!gד��V�
R��Wj'S��yҔ���u������tv������2�Uz�1e�����q�y3|�qj�I��|u֫��n��yHG=Vl���q.�a��0��ħ��dt�)'�B��¿�Bs=�O9j��ƞ��i�4U;Z�� ]P��m�YR4�L=+x�WO�Sg�����klݬ��S���̾��v>ea���S�aW�ߛ�p3�\@�Ѐz�XjA�VH�,��)�.�o�6O�A�n!��&OJ��ao�6_b^ʴ�L�Nཨ2�����7s�"�A�֑؁�e�ZgDo�g�bD��6d��������bp"� �9|w�!�
_�@���97�#O��x�(7�Q��������Y�
�* ��T�x���+�����O�8g�>�e4z�F}���W��^5b���a<��(hl�A�Bl_?L�Ɇs�Ik#Į8y�w��8���<����uk�����A�:��P��1�=g
W�ُܸ��0pV�NZ��#�F�c@��ٯ��j��'��W(v�B�y���-R0�dP�*��8���ʁ���ƴCL
��6�VDP.�`�fno��
�U�Ŋ���#U�+2B�2�q7�&,*�!�TZt��J������٘'�T��#�V����	�E�b��u|���� ����ȅ�OkPN/Hk���!�I����,����`�y��bP�o��FSxq�`
+�A'(��C��S�JazՑ�'�`hd�����iC�ۆ.���}��5�a�h�)�~F��`
+Zc��{6.I�$���^"l��a�CN������r(����{�� ):���ץ��q���y�th��jr��-5�};z3H��_"���xLL7b���a�8�����up�a��DZ���"%XL�k26��?�՞������	oJ��t>�"`��Y��f�F���C
(�ocӋ��C�H&S3��!�P����*/��D�R�s9����ä�X 
�K.m5L�[C��vm��/�D�Xb��m�2��{S�
����8]�h��—w����D	f��i�o��ӓ�2�ͧ��e8+���
����cT�S�z׍l��K��ql\lh#
!]�_�s�0���@y��c�F�s�:"���b�)L�͠8�@��J��̫�"~�Rk��n�9Je�P.l��xz�����ͮȋ�\rԚf�d�*��{=����tB���s)|����4q�`��њ�P���q��y�ͤ�TL�!y�h�p�;�8cc��d>d�>��mO���tb2
�~�ͽ�T��r�Y�gb\��B�s�&�3�!ZsI7~�*u[b#��O�bڸ�Xs���cm&I
+7�ۧ@o�y���ج��.ڬ����
��4�6��4�B�΅�6	����0i,�]*n��J���R����aR\�Ll��,p��X�.4q(�F�]G�'8�l�k��+�߿�lp�����U��8�2�(ЛA��9���0�B	8����z1��K���H��^���K/�Xs�1|cÆ�A,�q3�O��;<�
eb+��>4/���d>`t���<�66����a�Ǟx�VT|�2C��΋A<pV��
2Ѯ8�w��0�u��䛷�V��Hi�c�-7�x�n"Z�!T�"�Z?���1q30���Pp�)V��U_9����'�
C�4�!&�
+�{�i�f`��K&��g֢�]X�M,��)B,|�X�85C`oVx覍��
B6|��
'���6�@*���&���qW�������aU�yz0M,�'�
�dj��Ƥ[x82?u�pL|��y�@f��ɼ�`V��O�*k)�U7��wD�
+ѝ�E��:p���S{x����%s�m�<<���~20��d���Z�s�����F���[��؈������_����?��~���zO��W��s���ʫeGr���+�l��I��j���e��{ك���d�RJ��c��V���F������Ee搮+�b򔆾���������]���_���˷_��j9��H�[���vt��+��	R���>��ϋ^I�	s�":�����7��|5���Y?Gc�|�I��T��o}M�`0yPEՀ:�A,B~��"����C��!�~�����m��4�
Ă��R��T^�g]���QW]�����%{��3�S�ʸG]>ת�A�� �09�$ۯ�nU5+���v���t�:��iu9��������;,�Z��
��8��%7n�Ȁ�oA�b�M;N��
<���C
e����c�j�O�Ӧ6��e1�
+ނD�ڒȃ�y6�O�l�X��P����D���J��C/�#ޘ�xZA:N	y`��t;��l�2j�z�n6J-�nי5�1�d}�6qL~[o��ro�O]�x7����XN��
o���R��?��Sie`B�Vhk`p���{�.�8��Q�}��&��n�����ѽ�Ł#N&�����Ĉ�k3f�
+R�;�o��xt�_UT�+kDb6�ԝK\&�D�)L��D�R�ږ�#�–�kX��Ӎh
سMZB� >)yW~j%&@�C�}��3P�/G���
+	Z�@�
��3������@�A���m�PT��g���
���Cf�ߝ��W���l�
�mdO�L1Q���L�BZMn��nR�.��0�Ϩ�\�\�C�]�{^�-�Gd���(��)M��v���}u�xRO?&H�K��Ө<{[]���S�·%\vu7�7���Jp?|e7�5�J*�[�7q�rh���U��x��<_'����9DW�i�@�L߉b�mM�<��dFgq�G>���:���T@��atD�i�M*ө��=3����PN��<`�!��W=����5<C�]�=���,C�|�
���Wg�	A+{ÂqS=&���̺���7.֤[kܜ�
S�_|7j@_[�Zp�+M�%���؟�k�t��l�R7�����D3�jA��cT�ڥ�`�yg��J~��@��G�Ґ�����
OU9yn�
�զΑ��c(&3�&�y>�C�G6��"�M
��r��3�
*U�
��q@��p�m��*��J6�;�x	�5$���(�R�1
��ő��Ѽ�Q	\��Ѓ�
W��ɥ�w�%�#�et�D[LX~�lʟ9�ݪ�L���ө5�n�Z�..v�9~�G�2�������ȫ�y��f����7ﭪ���j�����1M�D���<8�ڈ�ӶYx*m�&���6�/5X^��0އ�zT�^P�xܻ!��M���tp\rחE��׹IY�#0*W���O��og�9�!�3��M�^��h��������P(�U+��х�w�a��[��l[�#���m2�%��aJ��u`����cT�X��{�!1�E���
+�����'Z��Y���pFî� ���y�íƸ�G9C�g.�ԡy�!�0����^;�
֠~���n|j��h�?Yۀb����4��-͆��v��)�,�.�29�!��d�q�o4���ײ����{�<������.v�-{��{���~�Q�1�w�V7%�_��|:y�ҢO��)�׽��H��T�[I�m����V�1YF[>:=]��,	MŦ��I�H��4,�m_�HDn�[�8���8�>��ă<dl�絯Y� �<�2���=�b�2���t9#����܁=w�B��V���9K����w�ˆC1���?�nϏ1	�-�]�{�}Y��n�,ѡ�'\�@�]]���/���y��pqO�M������;"�i��6����m-��0bo����b��*��Cr��
	S�)56�����!���	ZX��ڄT�s�k�&|�R���\���d)1�4S����2���j�x98�;���ͬ�<�3���N�4����TR�������a��f�t�*�vvq�c�B�Z�Ǘ��U��NY-��筺�TW���%eG=js��(n\�+(N?-�qh���E:��T~�Vy��F�`~d�%Ze/y�p��^�i���B��q����(�?
ٞ��Qm"9�0"��mʮ�#艣��l�I�p����,͒�뙪�f���ig'� ���H��U��=�˰�,�z~/�MG��F�a�8_�ϭ�˪ӽ�.	����p�]��5�%t8!�J_TF�^��[r/��[�LA�#�ˠ�E��9|@p����sw�Gx���=E[ߐe��m��f�7uŵ��6N���U���Y�,pƖ�&W1A%�ߘi3�iKc�7e!����Y%5�mV aF���V���pt[Ӕ�Z�����ufQN���B�.�	n���Ou �G~Z&�,��iz���y0A;dw�'�-F��Waܞs�.J��rg#����u�v��bOy�v�߷J�.� '�7��Cx¬�+"9��D�w���=�y|��\O�5����{���J�S��H���)兩Tp��4}�������V�H��qꏹ�}YѬk����3Y�&Шu��u���Ӧ����DY���Ȱ�/1�>�7ę�]�D�t�U�y�K�T�#�hq|����uUj�.fu�4�2Q䱺�i���,��6�I�f^�*�#z;���[S���+�;ͭ���T_׀Hi��N���jr�Ή}��-V�O���)�ے]�c���c���"��1B��)��"�h���k��T%U�O�0�X�c"�䘋�U���`��.x���I;����`��o��,���F�](��+�O�	�d�*%��^ۼ�Τ߃�P�J���ڝZhs���y62ř��`�T{.H�c5OLXx"Ҏv�֯���+��Oo8��:�g(�~���:`5V�/�κO�:���V���4TݲMY��Dk�a7w�aDu#��,���oh{��#�/yQ��7P�&�����uÓ���S6�·vK�{ľ5�0�����mz,����
�<����o�*�������I2�=�>�ޚ�ȯ��)K־���-�	�L$S����m����Z>�^�>_�`-�-l�JE|*)��b��Q�I,Wk��!D�h���H'�:�;��s�^�U�4�ՙ�M*�]ge+�_z�)A���'�6�ێ�����B��#��݊]��^ͥ�p�٨1.^����B�8�豻v˂Z����W�wd�����֕��n5O�G%�n�.L����������E�>�WE���(7������$ÑA���1�fS`Zqx\O�s#'n��䖓MY����(zx,�o��"��1��ZY�D]6fC^`|8 ��È�?s����g��k.��BY(��Xe���,��VT����]�]�s����y��b��찑�����_$	Z�dz0�K��i�C|�p�dka��E�/כ�U�i�������}$%�T�#�a1�O�]��,����$�'�/\�
�(�Z�����Acܢ��{]o�zr��1!TH���V2��k�c�rz�;h�s���m^SM
X+�t]=J���Trh�n*�Z�ߋ��P�� ��L��-���7G��y��8�1�=
���pIl�^�8av��X폂v�B��ۊ�h�
��3��C�i�8�6"p�z'�/�g�(*1fyBזj�%Yο�%W��$,9����r�� �?o�G�P�$��Y�n���]��t��;qQto�cY�V����5�dt)c8.603�Q��/7�uVy�<�{x�C�N�`�SI71�߲F�G2ixi����el����U�2+~}‡�QO��tM�;aL ����-���G�����/؟Oxb?�v���g^����}�&�K%
�׏�g��LɨA�$�w��'/ͧ�=dC������������Dn�@�hEFS6�c�H`ҏ�"��Y��ȋ,��X���a�"��}8f)��^B�d����x��u̐u���k��>V�-��6@�g�2��f*U�1S��K��'���r�U�C�(�E�.�?L�3�b?�e�Z�~�����	���Q��
pMf�����6�9t>ϬЩ�"�F4�ሷ�i�It��۵��#uw+�ι�r�jK�桁�w�'
s���;9����ǃ�=�T^�Q[%|���r}������)|c�0T,>��Z �H�dG��gB\񎄳#�r���U?���Y�CG�"�
+�%�KFڐ�Af {Ud���H6�ϔ���rd�����O�Ec�8e�1�j��	{������c�?���
0Hb�vO&�?�#[K.2*�D���3Q�RYǪ���[{PJCgM�K��5��!�0w)�$���M�-8����o3
+�X�1�z2N�u7�H�+-y�~ʀrM�N�{Z�B�Z�ʑa�W��_������5O4���U��h��[�/�l)����T+�̫��X�j�{5��yϾr���—֗r�ZX�e�n���VhA���P�y%8���3�T3ZE��Sw`���!AK���F���v��
J~D�}К�j���SxV��gB��~K�m�>��µ��ΨX
�,�a�zأ��n��8B��Ͼ��
�t<8�a�C.h�f�KPp�pB
+V���m���:���~^�}Q
DY�����{�S�w�vٝ�Do�!6U*b�2
9�Q�8M��}�6������T�;F��>u*`w��uÁ&�m�L��T]t�4K�
+�a�ݞ$�F3Kq;Z?��I��"*��x
���E�JxT���'���!-1P!<^,�8m��E�
�	��x��S�����E�"D���~3H�8���N������l��yww�xF䩐�h^��r��{�w:����D�.i��ؓ��m.�HY>��e,�~@�f4��l;�sV�g5j��#�x<z���m+�o'���{�ܮ�H
D���.2b+�=�������|�����L��
Ɣ���F5� #h�\U>�����e���c6ڼ�p\,�4#xڭ[���m�%:��vKU%[6=	�x�y���T���?��.H���C��{�'TuK/!�\E���гT�#�-DOEb��ˍ��������ܭ��� �_����*�w,�q��������^������,���PRj�5sQވl�ד���Gw���mQ\��Ghs��R�
+�`��2[aU�B��{.�X��(G[��<�]F�ٝ�eN��� �]hW�N�`�w�7X?�����bP7"�g$�_IN'��8�!�b�z?|��~�����=wU��`�=��6�`�k�`� |�K�q@t�����a��V!��pE"�p�
W����ޅ�9{�-KܢDK��(�L�z��������ۙf�J�kEh��g:� �7�ެ����-��4���jGhh�����V?�vp�w�*�#����tǟ	�]�.V�E(C�+��plgO��F�P����5�F��8�h
%\>��QS�����ڎ��E����U�s�DV�!���g
��O;b�v�2�z�uAP��<#����{��n�t~��^��ݓ�L����@ߋZ�F)Ce�&��W�N�
��6A�I�7\�(�՘.|���X2�&�
�QZ�m����!�D������������g�ΡO��?R�C
��s���PؑF����~ ���JhYL{[�_�XTU�"�	;? O]�ɛ�
�|�!�3�'j� B.�R2>�k
 Q�Y( 6��3ƣ�~�o�B4"�J�+1K2t�X�g~�R�B~���z�������?���xgC@�#��qD��VK��K����gg�vk{��YY�	j~>Y�-q��*OFLF�~���g-��}�-m�����F�J#F�m	�pj֏Pv5��&�Q�"&x?���7�[Aq3̭=<}ap!^���1�Xz��O�p3��Uf��IgV��v�X{V1�Y�ɕgZ�+09�,���EW9���}<F���@�=!�TEp��O�
i��㻌�Yu �~W�
$���7v�*�=�̌���T��LU�Y4�l垅�R���r	o�K�%�P���z��Ւ5��^]	�B��4���mlp���w����h�͎$�ɼ���ܰQ����GN��Ѭ�A���ί+�t��u�{N����@��3�A��XĎ
�i�Po���y#1}u�q�>�$�/�R��$֑��+1K?r�����r���-/�Ӡ��兓gny!
+��(��𕺽��tm_@���#�|�G�Z@;=�9���<�� Q�F+��x��B�d�����t3��kcF%����$c��f��z�-��g�+~������<��Q�N����}ω3j
+�{�){l��$d`r�ǁ[̥���=<o��Ü�`G)�zm��Ͱ�=���A�VA2k�)SFY
+lZ�6��{r�y��x��\����q�Z	olG�H���u[�,J�� ��J�~��N������Ս���d/_nv�ƘCTv���ܞ�!a��@������X�@[E�c}lO�[x��ѮJV;�J�g8�V���BG����z�3��y�sd����Zϔ�;,UC׶��$b�G�*�0B!Wx�����1��T1����(��~İ��#0v!{�Æ���
+:F��I����~·�9b��u�hGr���C� .�2T��#�#Pc���J^"�Ka[��}�3P
��1��ܐ>Ĕ��L�/�l�M���N!���y
b������T�L��g=�7����L�L�ܥ`D�N�
)#�+���>ԉ)����w-E;� ߕ)x�'���N2m�Z��V�ӫ<�*�[{��pYVDy�\�Ǯ���%�j��>�Ln�ء0�RP��AWuI�<D�+�Ou��1}gRP�
+|��Q�z��=3#����R8WXL���a@Rl��Ob&�Nb�S�ι����wH�~��(��UG>}†�|k~'����:��=]~��{�qVP�l^~7Kq��ns�����6��t�3zY��4����P�4��ў�W3 ]����oVQV�X"hy�`|�3
+�`����9>��Q;��:ְ�m�Hw�Q���Qo�h�e�;��\�W��s���.x��yR\U
+d��snM8�q�7�4o���f�)t�E-k[����J;[��a�hU�uڗ���w(�����Ͱ�������n~�~:~/���:���5;u~�NjrI
M���Q/�[؀�>���Ŗ���p��q�|p�\H;�m�X'�)�H��A�p���gg��
�5��t*�r�sc�+E������|��*WN��ٸ����r��%�E��g*�. G?�M���B�W�v�_��rC_옧N]��2������2f#��	�Gcؒ�( ���+��@����p��؜�`��:_\;�B	��ֳ֓�1�&u�6����莕���A��Ǔ��d�Fkq��"�����Δ�cB.���[�(��<p�6	��6g�<u��R�Myn:����8�-Q�O�y,	f��5d�ML蠕��7�W)�V�q+k�r��W���b�$ �8��v�c�M2i�o{�ǟ~=��W,������pH���:0��I�P��"���h�^ُ�r:%���\��
�X�q�ɶ.��Q@��@w}ӹ�{������5��ec�#��q��([�E��S58��;0W圾y�[��_r*�g�?�+���L7�y�"uSv�'��]�@?�'��,f=���jvN�,��F�ԣ�92��t?��m��\$����Z}K
�R�8}��La.�|�*cr����1u�b\���B��	����
��
+��������B����l��E��7y��I�ݬZ�{�;oŘk_��ge1�Ũz�Д0Me�L%�=j��ׄԡ$���h_��b_|�*���t��� Ow����DZ6��m�zN{�<
+�)e����/�$2��S"������[�<�~��TT��yd�S9��>/q� �ƈ�"��å���[�����	��n�ŷY�x�G��[�,?f��=K9�Q#kV�<!Ttc\�Sday9%Xz���ҭ�G�a��V,��������Zш�렯�|�����q�P�xV�[븑�^ϮB�Y�M���&_�	��Vϣ$q�0F	C�ZvX6�I1�*�K��j�y��X7��G�c=��!6;��������o��Q�8���x{�zrb��ykT�R&4D��il0tj�~6�~�����$��f��4�Qh�x3��.B��}#����d�����w��"ø|@k�w%�jo�7ys|�*0�h�]~G�����n�*�����{���l�k�ڎN�	1�������t��G�ΨQ�7,ʏ!.D?��x���L����]YR��d���.�� �&�`���K�&��fY��Z��r������Zb�}�L���L��B_;�&����@_�Ë2�p�hV��?FiN9'�ϴ�B��?܈��Rz�?�e��;@���㴤����l�y,����j;B�Uq�(�G�Q��9�eOWbm���s�"�i�w`l1��:�vü�,�v�g�}�����w�8�k�)8���3�k��B�i)���t�w����S�jHa�O\LFO�Q~}%��3S2l�g«#+C��+�Yi�c�ؑq��'��CU~���Љ���q��F9���7��7|�<X���k6�3���A��4b}ꔲ��U�vE�r�+�ܟ�Z�<�C�6Bx�l�z׵a��z[3�)�y��C0A�ef�����X�������z�d���2�XpU����B�sNgj��Qf��[#�	N3brg���d�3]�l�QZ��!9l �
>/�B%;֞�(C�Op�B����RM�|�uZ���}RCC��2��5Y�NkP̲֯Mjk_{w�Dq�,��c~����z�1s�fZ#\E[%��wZ9��������$=�xcƚY���g�j1+���?��˃�������>o���Ox��ձ1t+l>�i�{U�ܷ�&BH.خA:�<׆�R<�OO���Kr����s6�`�+C�҄���ҧ �a�&R�?굵IQ�j��,~��l�,0>ڶ�^{�S����8O�js��:^ �;��x5�N�y��v�n3��.��F��j�3�����6�XOU
D�/esQ�U5��s��ά�c�}�gH�{�y��'љ��Ѳ��I&�����@U.�Z��t�̙�Nj����i�Nk�
+����_�����0�G��J����X���K�j}����}�#�ѕ���S�(q���i�f9�;jf6^5[톗;�)?�A�ը�6�{�m��PA�	i�����
5�F�ho�)Z
+
y7���*�y�2
f�q(���
�W�H��jİ���˜�R�3Ro�����DO.t7�n;�������{����˶�S��k�fz:/�U���y�Xi�'׺�̇��5F�I�7�.��u���3����h�����_Pm��
�w���sQ}'��A�
+��p��/�^_�/�:Jg���r�����$g&�֓�!��t}�-�?�u륾�FoR�K�V8
+~~�1H��[DAv0k��s����9�s�<����[�����M�����C'�l�!#��>E��u;��/��_������UO�ȴ^�{��M��z���"y7ަ{k���I�l�݁�L�#��B1�^W��$�6Ѹ��6��n�d��|!ѶqIr�n�	�;b��]w��
��zm��e��ԁ�a���|o=��$�u�0�cȱl>�Lqs���p�4��p�"
1�>��|��q����Z���3��.�3��>�o��+��G����n]��Zf�[�����7h��
�7�%q󪦄�~]H7¯<Tj��>(<�g�,��"lxd�f�P�\��qv��~0&��u�I��
�z�𤛭��'��	������/��_�?
Һ����Bi��e�
���P`b:8?�P�6�=����C��jO9�	�
={��w7Nϳ�q��nͮ}���-�.^z}���ȝ�I_G�,n$��Q�i�i
J��	�1��R��h�f����,l�M{�,؉�`e4���Y�=F�b�s���[p��Q�#֟1�I���E�)!x�	#I���Ƣp~TI<Mó8~��P�r�����
��3�"U��h��2	Gꬅ]������}`zI"��Y��g��	�]�:���S�«��i��l�}�㻉.+�}�OA�@Y(��d�W�q����?/�Vz�/�QP��y������
+gv�K"7rƈ�gVOs�͜f�q�3���$E0�V��A%X�
�p�?�Y�J��%w�*�YH��F�	����W�i��!"���0ESR�G8�d�@4
+�?��<���נO
��47
�ץ��@���́�Yp��t��^�^:M�Q`�S���&+\�.�@�+@>,�|J+8g��^��+��"OK�eO���P�ֽ6��)(�
+
�tg�:�w�Y�S�E�5^T��>��c�0�^o��)-8�����k�����}3��rs�A���ĸ�
+�g	A��G#��(�Gx?��}w"�-�BqM6 +�D�P���W�8��:AՇ�զ$�V�d�9���R=��v��
+���=BP�)�֜�x��婡���'&:�(+���D�5V�!�)���b�HT��鯄1ZG�\��
CH��&�s�Q��7�
+�ND���h���p܇1���>�fb�M�����	�_�"k?�p�|��#��,
+�S;��v#��Ow �e�p�2N�M��y�2Y1_�Ӽ:�7C��J~V�8��JԌ��Fƥ�wU��IL�=G̭*;���#�^7������\�
+^��}�ק��'��0�ߠ��!(e����~
+26�-�
4��4�.�t=8��k��l/,�8��K3����N�E�E��I��'��8�D�����
+��H{�4�x�P��
%�v���ԝ&������u��P[�՛і9��so�DfG}�B�P9�i
��Qǎ��5�p��?[��"
̙�<�i�M��ށ�sA�t߬�m�\�rN��e[�5��EA�"=� 
_*���N?ط
+�3��D����j�5Nd�E+�͟ZV��r�J�l��}lH�&���y
�M�W�KSB�'��%�H
+��lQ����
+l��0�N�@����J���;U��e���3��/K �L�`6���{-��'D-fZ/����x-r\������4f�
+�(Q��'=QK�.tea'ƛ0`B��1,�F����=�7����=�vw�d�:�~F���v�N%vvxàOBl�1��q)�c�ܙ��L��H\��m��EI�=Z�s��n#6)�n��W�����ম��%iU�Ʉ���v�@��^�k3��^��N�K��ɧ�
�j�H�t/-
+�կ��#��}$�Wy�-�vIֳ�!� hbc�
Q�r�;���-�y��qr�\H�������u��i�9��o�8��gȓ�w���@h��LP�yO8'��h�����6�z}�0�l���+~�"���7��y/��*X�veF�#��`��j��Yg��*�̞�#�����t:�PGW.�V'N�x��&��<���`ʔ�2�}b��"͡dM�4y9%d��O�p��Θ�@����r\8˔H2B�s��)�D�(��8�nŶ��r��AZ@ߎ&b
���rm�<��Vt�D�P��E�]lM���n���!�Ѫ��8��/#I��Aj�@��<��������h���I��C�Fl�gc4sw0|�ģ]�&L��I�i}��"�3K~yC}�h�C8A_N}��5��q�?N�S2@]�Q��I{at,|�
�;\�\VWk����וc:�He>Ռ����xV��3�ݽ�����К��o�ɛ�M-
+KDf������~V^`	'���2ˮsUb���'�,���O�R���ٹq�-�H�^GҶ#��_*�c�Mx�7������i�3!�Z���?l[�!��:�n�g���
+�`�J2�m�t�I��CP��/���y a9G\�˻u�'�8�-�C!��VF7Z%�ّ��D8Av�)u�<�K�U
+��-��x����Dc�H	G���	:1"��ʞ��
+�
+9pG�WE
+*��	�kD8�6��;};��tJK�ɋ=�-KDA��#D�8��Q�\�~1N,Gh�)SԽ�����6NY���F��ӆ�]�i�������HE9 ��^��qNw62c�;�5V���<Y%$��:��F���9�:���bfJ����Q����2f����?����+�R(�5�lb`=L!��A����X��8�0`�̢��kӮ�2��p,*P%9��*��h�~~�:KJ�4f�j��m�֕zT1&"v1��Nb�P�LC5(=/��
��������y%�H"���mp��CK�
+�(��<�b�]���ˆ�3��
+%d�#LA���|��x��?l�w�+�3=P���۴�^�l+�1�D�TWjp⠢b�r�:�q��=�\�.��=��F\L抬�D���i(�Q��Un8��ÀQ#ڨvt����-����4�P��,����;4s�I��)�Q�[�Jd���ͥ�%�j��hq�m��#n����>��x�WK���QW+7ocK����Z#9f���M/���<G�B���j��'��/��e�g���mG�Iv�(jM��^�W��Μ��Y����u��vfţ����9
�F���n���Hy�9w@7��.Ԟ�������j�߀����9��~�����>�2^Y†$��J<�`ڒB���e2��UI�H���H��ׁ��H�c�*�O�ʛU�ɟ��x}J3Ŵ��>�	_PU�|5fŵ}8�pI�qL�������4t����Q�Úo�l�W���TX��V�2A��ͤ����ļ�7)�LK�%��[�y�Z�eab��k��&OV�Tv����AF�YoT��i)ƎTX^��XԨ��,G��S�`�����c9&����)��Z����$'.k��X§�̖X��Y�U�r��=
B�̚��*[���Z�V�=�$m\�<,��6�F- �Z��
D+J���V,��9&��P>��F�_0�Q��vyO�x"��)�C�����M��Ƶ��D��8�1�R#���B9�=��N�ǝ*�	e�=G�kq0����L����%ׅ#e�9
+ӯ���M��µwz==
+��QF�3�'����Z���`5�ƳƬVU	ה���y��/�
+Ī��spxS�e�8�Ø�Z�Ra�k1��N��������p�/�����%/^c�<�V�c�kZoDM��P�]�:�n��AE'�R�$.�#�T�R@w�[������ALOL��N=���_?���<(Km##N`�E� �i�։�y<q<�訚q)�����,��,V>�X|�wK��,#l�<��c]��唥?��Z�����$��}����
+�L��p�*)aA��xf�)���5m���R��hW�e��z��
+
+��W����,�1P+�����
+l����>_ �w�\�$��h��4)��L����m����:����7eE$�2�-�aJ���+��ft��ktю��rVܭŶ�r���&�T�*a��0�M-],�����sCFE��s��f�a��ƝC�/~�SSZE���";��IB��!��������zU;#��xRV�(tV�G��&�-�A�`ڡ��T�3���"h��<���:މ!Ϩ�,��[�Q�5����*=]��vV�UG���߭�`3B˧9c^�Ȓ1��:J*9�)�jLnaP⒆Sɦ�w�,�l��&�dV��%b��2���a������(8����!�,p��`J7!�빘YY��T�":��\�����7
=���F�|�йK`�mZ45�!꾠�R�!��AH3=�g�!Z$H�_,�
+Fm��o(�^�Q%c�%�:�
fD��ÔE`�̈́�Y�!�?�|笙���5?����c�*��M�B
+;t�9�l���u��e	R08���犆����Q�h�]�w�J�Y|�/�?�V�c
�%o�����j�Bs$��B5�~�G�Be'e�� r��J>��ϙ�v
����q�DC�.ן�[h��r�q�/4���G�!N�Dǥ6T䎄�D��
+�	��;���ީ��u�mU���E���B��ox!��7�$���ݓlOœ]d2�c��(9֑����Z4�X����ј���Lkeg���ܪ��1�'�qX<����NeߓP�A��*9+��2��@S't���|y��|a��}��'��e�R)��k0���23
+�I�oL�
������"x�ޕwIu�$O�\X�ҹ��-��Dx)X���ɧDI�$�	nK�|�g��
u��%�2@�����j�C�K
y�J�P�%�S�K.ј
q�1����T�1�F����y?����;�.ð>%?��x�w6�v�޳龜����^������?���|�C���^��s����:n+N|���olǥ�(-3}�XxѺSЛ�
�q�Z���+Q���XV�<͊(����:�yNxܬ4 �ć�笹jJ��"��n&q
�#��O�u���Л�)�(�ڮ�H_���C�����I�|�t��L����A��B����2|�3�X[�$�E@O�2�ˊ(�żn@��O�>�����B@�����妃xĊ=��AY�0�l|�&A��
+�m��P8ų3���X�4�+�&�Zi����3�%[�E=>2
E�A4�5U����<g������v9rO �뎡)
��ք(�E)�� ����5,��$;��Ͻ�>�ޫb��&u����������(/�k�r%����Y��y���Xx�>T����+�d
�F�sZ%W~z��LR�N�~�����e�V�>�-J���Q���g%K�U/��\��⊒A��9��j��}��}�}?��=�ěݷ��o���A�fn*��
+F��:��I��C�T���`�H�b�)�^��kp�@|q`��t
]��p	F���T�}��0�S�C�
�y#���dBO���jW�џy[���J��ȩ��p���n']l]kRYgq��~��Zp�"�G2���>Z��\�����,>�v0Y i��$����:U�	�:c�;��:PcӦ�v
+vQ�@{�,
+^$�fa$[��u�ůVG|l�*P�6V���$��Ì
��E�KN�)'hG�e'0�V:Z:����t�"&�(
+k�r��]"�C���~��f��аf��vC�|A�o�<.��Р�[�1#*�'�J�P�З�/���v[�.L
+$�߰���v�:̫=��#ГB���4k_b��Kj]r-���y8fQ���Dֈ����N`�#�m��c�7h�P��J(U�v�)1�\l�8��k���N��l|�I���[�0�-"°G�J]��SSl����Kq=��)��=�qqS��<�CYI���A���D�:����QD�y�]wa�r�H��u(��3�u�{`��+lm<�k�<Z`����������,Yz$z�X�G��*)�:��	�����qjk�hwxR���Vn��;�6M!9!?,+�P2F�o�k��J�m�m�B!����������n��n��n�V�����@Y���V�m�#�Ts�oP�F�sc�b.)��`߲�qro�����m�]{OWZ������b��vZ���9�Z�Z��c�3��i����<d
JX�|���Y��[,��$z�	�cxB�xl����uT�ć`��4�HLr�TI��&�G̘ӹyA���B ��������{0
��`�|e�U��8@�ֳ+ǰ�0��o�Po�d���^/T@q�����-�+0��q�L$�`��%+}�؎������[1h��D�
�%/sQ��t�IA�v,T���o���Ir�PA�9��E㙡���y�H�=�f���x��`�s�1D"�S�!�o��00x��ֱǥ?ʢ;�u4�z��kA��\4H�%j�
����.���9�o��V\�<#�����Z*I���b�?N>�nm����lX/$S����%���9m�����6������Px�\�CSv�z��*[K��
��y�d%鬘Ws��1��_�=�H�l�:ս�5��oU˖HS1�"0��Q.t�T��a[�T�)ܭ���#��p�w��:��̎�Y�ص�A0��H��2#jlt��� Ԍ���;�k�O�Yw�q�Dž�E�-��1Mݔ
%V	���T_}4j��+���u�	hL�/�����o�q�p�r8�X�p]��Z@N(�U�:�O6��i�}�Zot�\գC⎁���[�
+�ЕnrWT������P�[��3ɸp����Yv�ط�'�o��j���
��z�k���^��)�jKe��*��oU�֗��[)�'k<��ⵄp\����Nzuм�/0mF�q�p[a2��qP2.V�����R�Î7z��;o�me�ӎWn�ח?_�SW�?�o�I�'���u���7�sN�������#�+����3oRq����=F��獃�zѪl5�R��Ot��~��4Y/4F�6�$��>r}�&������?�U9\R�Ɖ����#�ͩxa�����Y�;5)�������t��8G�([H'hp�0asvF��R�#�E^4�;-�;'QI��F��I��t�nS+*���!��4$�A���2(b>�ol��$�M�}�T����;�k
+�B���ͷ���o�ڌ�MmI�l��IfZi	�&��#�uЈǍP��4Ԁ_�1*��i͊�3]�£�C�5:aZsKq�
+���U,}�/�ِ�R��QwR��Orև��87��Sl���-n�q
+x���H�!�2��%l�y-u�rO�y��a�r��Lb��
r�g9�9s@DǸG�B��K��E8�ލ���O�x|?H�Sɹ�۝��R=A��z��d�eה�u/���u1P��S�y1��I@�H���&�V�j���#���Ǎ�MikHV��Cq��qrg$�S�ߎ��q�r\��P���ݤ{(,��8-`<<N�Ĺb�c39']������l�H]p������O|�vV�G���	�|�X=�E��8�069��Nu��)XeK\��C�v���sB�b�n�Y�:�fGˆ .
+�
+���A)��C���l��9���'�l��;�L�TT�8�t�� ����ZP?3�v[��f�4��Ǜ�9:�Tm\��y�]0��G����X����~i��v��V����~*e��V
�g���Á��5�¾�
�M�N��-k:��u'��>^\�ƵW�q\�Ơ��q�r�O�s�A[|X��,b`��V%�w�AU2��}�i��a��
�1�J,j
+��"So
��gVf�k|�h<�>b(_�a��äw˗�DV�C�B�C��B�6Ȁ��c�hU�X4�^�L%�[)EM�v��Ky	���bڃj�>𙃴�)6:ze�Ϲ��t��d�_�u��-���X�Ey`�E���,ҕ,X�t�on�]�b�!����R�w�g�"�kp��32ǰ�͟#F��aH�kKs�����󎶞��+0.����3X
�P+Ba���\�Ce�y~���keFggd#��L���wlZJGL��Lp����F�;Jg[U��ֈ,j��m��T��P�G{zUI��O�OT�:jT#�ٰ��R�}cX@*Dm�s�����G�tm��!a0~���KQ��
�v���YZ�~���qs�����^'�[�{w�[�L	�F��
+��U�ꭹ�����Ke����3�om���2��@�-M_G�҉�4�@,DYۺ���愐Kx��͢Q?En��Ф(��,O�i�??t�+���v���M�
��N�ެ�I�q(�P��x�%DZ+;���bO�
+����'v����ܔϗCV�I�X�+R�R�\3S�.�#U[=�j����6V�����P�;��i-|���$@��p9�2KT+�e��#C��خ�
z�gj��]{��$�
/��L.=��Q+����$(��iv���3�q��U�
+c����ӗy�c�/����>����剤�������o4AV�y�\}/�sA��#���:'H��צ���_��R)����������g��6�]c��
2c%֍#.=�:��38e�)n�9#i|�P��j�����[�k[��e���|�K׸[�?�����lLt���mŕϭ7��<��w��Z��lm��#ꭻ6�c�>=������˜��>_�Zo��%�8����04~�9a�N�lq���C"�	�#(�T]�y)�������&��
+tm3� K����#*;�/��Rh��I'�Hŷ,���	F`�bP:؅rv��z�sԷu@׼h!��>�-�7�d�B�A�Q;R��t�c�<�H/��^
+7���p�.�M�a��r�*����y�3ǰ�;���-5�֭�c�o�V$���tt_Q&�?S,�ˊ1K贾��D����	�-?m��PJ>�V6ƹ`Z52Ȥ��)���p$3��ya7�gC�kҝ.3���x9yK��m5��ezH�qȷg��,`��{����Y��R4
>��dŻ^�ye�L(gnb��F���gz����L��h�L];a�P�L;����
a�{j�Lկ�l�=
+����k��Q��>�*\r;����KX��:n�k��KRzz��������os�k"/´�`�,ah����x2�c?�y�|a�<����y���M��gزKE�n�,"@�.-jG
+Ik'��H�}O{'Pmy{nC�<ѥ͓g*`:�Q�4��
=��?*����������z�g�F��6_�Õ�7�~?���U�+���`������2*Z֣�o�7#n?��0���K�Z�k��e�h׎L�]-s[�q���;*3��f
��Z��>KW؝<�
�mɔ�+�+�$��G��
+s����Dp�2�U�2�Wj�/��BV�嘛;�w;̣ub�A\4�ȬbY4����), ��\��΄�{�_闛�'����鮀���_B[�/Ǹo�sG2Vd���HAID�vѵP0򃾸����^N�3}����UxF��.��	'�[j�����qi�c��	j;h@ݻ&�}�لmR����5�
�=p����rT���wZ�	�(�
@�VT8����.�'�_-Ƚs��t�2�[�\&Q�����o�L2N���7C%�|�9�6��EMsP����Cu����v��{�ׯ�՞��0�u�q��rĞvC|���ӱ$�f�I۪�Ƿe�@�:��BΡ,�!�)v�� �d/�ȩc�/f�B��qz���"�y)ŌL 
���!IQE�2����j�[��y�v����ן�^J��_�d�C�D\%�����CI짍QP��w/	Ѳ�d1���-��,X�N`H�9)ÀS�N���g�q�:Q٘���Z}���B���
+�qy��w肴�0�A{�3W��
+�[�@b'@j>L��q��c�R,�Z4���b�
+
TԈ��W���r���RѲ%�C�i�t;J.�)zj>��t� �5��5� M���ՀYU�6h�$0��ǔ�������ptܮE��.�2-fl���;��O'�V2c�#�[˓f��
�W��;��8W�00��^�K���Z�(�*������=�c������!��"�g`K'���D�����H!a�ƬS5���T6��ܛ3@M-[�2�?���
+A+B����x�j�ū�E#�S��~$Up�U_V�N	����q����U ˹�B��R��X�/�}�:!��%�3d�:�g�+�bk|]ج	U_�Iy�$�@-���z�z���5���-��Z
+|�RN�m���E��WܾݺV(�Dx����|;*a�P�k����A�_��,�����[>�OT�e���-/nW��TB�Z�&.�ƾ�b�M�t\|w0G�|�Y��f��J���} l~!l�#��r�N�0
��V�O�+=r����XPg.
�����c��p��r�/}1� ����*GfNz�i���E�,�e7ⳙ�5�k���N{�X;s>��J�ʄ�O�
l�Ň-�kZ��N����o[�]�>�=�*�~�����'�!s�����5��Z/��̨<�S h�j�`o�1���g��/[��\{�G�fGh�Y�a�:_ƅr
3�]ޫ�y�Hz0C{��u����-���	H�y�����������W3�����L�_�o$I!2Č����Fg�Gka��;;��Ĝ:T���d�����r�u�E��vU:=$~s�r%�Z�����^o֙y?g��TXk��/�ʘ�
+��Y���A��fr�x��+�m\��U� j�ȼLJ�A{0oǜ�N���ij��e3�xb�<�U��!Y~bȽ�w�\�q���S]�A5"�5<B��ɳ(E�=�����N`o�����Tl)��/�j`�����_"�G�
 ɿDL<""f�wDL�s�~�$p+�N4[�o�??���
^
���^�S�ۈ�
�k��|>�\�I�XOV;i-�}h�&+;���gՅ�U����p��qC O֝1���"p�B�_���7�|w�I8r��Ph]�`��qAɰǍa�:�CAK�����Ϳ�*�6�jO�G�����d=�Q�ա��_b
�����‘OP�!l���n��/�o�٦ǭ�;
�����ݠ��p<�n�[�L�/���v;������=��z�ңZg����皎ۢ��$���Q��D��\��"r�5������ҩ_���;�0�v	ӹ$����A1��8e�-a�AR%�~����C���u���fQ�
�9$7�4��jw6u
Ǜ�'V�|���*�/姏����?������a��I��s^.Ir�@��}�v0������@�$�=���.u���P��0��~2���Ǭ��R�V����`��iMO��ۍ�E�㚩��퓆獆��+����)u�1���3m�4���G�n�*��Z�����6�l���3�
X|�R���8
+���vO�f��Da��Φ�v�39���v<�t�'�'ݪ�p�~z�	�4���arEA��=�Q�,�uۼϸ�<HgI�f�Bx���}�z���Of����=,'�N�x�����GA6���q�a��7���RM*��D���v#��K�{
W���Y�i�M�?�l1��)98A�e.ܙ�u+��z&�z_5܄U�SD.W	rÚ�☙��g'��Qd���6h�bK�/!���B`m��ľ��Z�����|���<�@�f���-i�G~���
T#��,���hw�F��F���ĹTX7�c=��G=��3T�*����[��`��C�:�c��D�H�ϔ�PT�׺qf�x��^2��x��u�����Z_
���\�x��+�*B^����"%vQ�1���t���	��u7L�\��U�p��H�c�DݞShQ��d��a<r��
�L�9� �LdLл!��F���Po�K"��	&���֛��EE�վ?��o��n*"q}�V��(vI�N��:S|m�>!]
���4fj�������K��U�/�0�T,c���M)�.j/�Ə~@�9*ᯤ��"�;oH��
+�L.�q����ܽ�K�:St�	������91�~G@(Ѣ?k�H��8LE�{5������>)�~Վ��ا��<��\)��|��
+y9���&�W�=T���E��IT��_�3� ��|��q�^��1P�^��	�P�[1��T��9�A�i�6h)��m�0�B㳉gK'���9g��{�2��m:�
���v�G��������.-��( �?2�Wn�MW��|�c��*}.k6����	��8� G/1�ĝ6x7x҇qn��^��6~߻��������N�h_S5��xJ�!�(�\���Y�LA�f\[<����2�
<�����n9�������p��á6�On���A�d,����W&��q@��D1)�:*r���y[���]:ND_�b��M�H�sa���OX±�=2'�bZn�4r�Cc|����7� Ś�Q\��L�y�D5�Z���39i���������+�A^�k�����
+N�(�3�1T��t�@j��L�c
+S��u�jm}�

��d�z�-A��3�Vh��)=^��;6��
�l��Wm<^�ۭ<ʰ1�;���2��P�{�X�X�8J���~1�)W���U.�*3"�g�ȟ��-�V�G�p����4=���-��5Iw��9�dU��L��&������R
صy�d��1�v׃�9��c�S�,�/��� ���16#�do�h��A��+1��+0�m��d�Wj9ӱ�P]p�i��J�<c\�o��9�[������(~��H��;$7IO��(�+VP�:vNe��fk�����1��7��S�j�z�ls�R|���$L����r�t�_�!�1���X��j�jOT�ʂ3+���\��T�̝t�%=*^E`ĩe�
�E+ٸ�?��ԇ�%�Y��K��c�!=�醀bԿ�[��#"�F?)0Xܖ���P�ĵ��7���NK��X������.���@Ǻ@���D}e�
+���H�<��Qp�Q����hU��E�	�|'
+C�Y!b��x6\2�gl͐lѼq�����"n�ϊ$lFҒ�diǦc�F��vH��oK�&�/\DCnG�r�k����E?.qF�#�i(WVKI�v�&
��m��h����/��r{daG�N����$-sr�]3�������|�\,�[9Cn�9�J|�A�u��v��V���P����g�l|��o�pw���-��Bl6S��G��yrq …�ddH�>E���Uh�j���|����"��{�*D1r�{���j@
��N$Z�u�F�k��D]*k���H��5�sӥ��uG�J���X��G)N���<-=�CðC���H�+^6����Hh!��:��k2\2B]�6�Rh�
+)����!�p����ʈ2"�W`C#X�
+�u`0��{Y?�À`�[Λ�Yx.�Bw3G���5oa5�h����1Pf�K۬Z-��d��r�j���LCUf��˱5e���?�P�mqbq8Lo+za���z�=e0dr9P�e�%�Ѷ���7����1H��b��B"�]��7�v(eɄ?x���|,F{�#?a���a��܋"K�;�[~@�^��
˰�Vf�]����s�I�O���п€"ڥ���v�G�$\���y2jT���-*x�8N��+��B�n��ט������w�,����=PIM�\&ښX��)���
,�N�N��M��%�����S�
:�p�*G6p(��¤+Ƣu!��=���Rob[��6��t�
�:�ȟ�T~���H�
�(W�wb�\���=
+b���%3�?���@�N����jmIGkwlNh�rk[���?s�j��sg���s���;��b;���ѱ\?c���^)Ñ?"h,H�p�mY:�9����:+�]6"��Sg�ͪ�t3Ny���u�T|_e�͠�O�aTf��3�
ȃw�y�
�7(5���c�(1Ͼ#����Ǔ䐥�zr'�j�S�r� �H`m�w�X	��D��Ɖ�0�+�a^Y��;	�W>��6�q��x�!)��˵�0��,0�0d�4mG�=��b�c�Y�g
lZ�s����M&a�U~"jX�S<PT'Lg��X�JJ�����3Z.v=��	(�Iů3��
+�tӣ�7Zc*��J����7bsC�}\gk�<����A� 
PZ�� ��������s	�{6E�WD�L
�S��c;��*�?eWT����V�_%�vs�u���b�dP��Y㒓����/��~sL�LH^���6b���C֖|Sl�	/��Xn��gހ]"��������������cK�8@���t�2��U~�H����p>�:N
+��`$W!5�[V1d���:S�\x���,ュkK�.� ��@�@u�r�w7��m����C(�O��,R��&
+��z�%�H.�`׊�LKW��! �i0�*D�r�/�B;�	;aO�h~�M��R|*�]�q(;~:�_�"�O�ќ��z�Kg����(
��&a���Q�����*>d'e�'�Z�����1��-h��k�>���M��e�8��V�~]
+.5r�W�{�_�G��Tkb�c���#D�^�	N����osy�W��6��V�"�
+=����C�Zaʫxӧ{��-]k�ᅹoմ�4�-�l�ǣ�O���]0��-���6�F�"��9���I��Ն b3�+�(�����Έm÷@**'����չ(�x&�p"n�t�����Vn��D~3V�uT�ؓ�0�Rc�CXZ�i��3
�SM��O��!gd���T�
b�P�����6e�L��c������J0%ɲ�+]QA��k�м��<
�u��<��e��*M\���]�#��v��)�l�!���r'�1�׎,�r���/�ofbq�(�Rrbf�x;4n�5�-'�ӡqܾBiu횋���="��l֟	)�=N���Șqj���u㶱}��t)ެۼGG�����g��.�m��Z��z�"�Ś��
�ze�o���5xS����R�N1L��+�
�+
�p�4"�e�[H�a`�F,D��6�h�W�0��b�H�<�35���Fx_��M�O�m}���M���\9��z7�2�h
��v��3OC|#$����h�J���x����'θ�+x��)N�}�W����� ��؍��l���O?5����ˇ1��p�Gf#�����
���u?��A��ॽl�������P�c�b��pf��8$������B�Z�'�,�1F
���_\���Ѭ��9�)j�֠Ϛ��
+��^�c�9����t�����:(��ܤ2*f
�Q��-���s�Q�FɈ����da
2���=�Ɯ����6��-E�P7����G;�)W�㗓�ݼ��W�-d !�Fk���_�jX��)qH���e����Db���-.���~���E�ܕO�
,��x!ܮ0E�|`A��}�.�0���wF�}4�A,^�n��ҷ�\����$��J���NU5so1c�D�L�UMj�Ph��W�r�T=D�'��8�����]	�1I��	Tm�P�摩��n,�r�r��w�,6%���@ÁLj7p_ޫe�&��3��H�/!�Ns
�"Z5E�M�U2)@B���(�����lbG����>(�%s>��@�3R`
+VΟ��š~qA�:bK�@�P�]y��do�>*N
+�rz$z�:��`�~�z1)�@��#�UG��^{T
�WŮ�WOQG�FE|bW�k�3>`DF�,�?l��G��,��l�rg���ӎ��h���1_B �s��	o��A!�4�M.�}��,Na
�⒵�dJ�P3-G��Z�P]��5cX,�E�)V]w0FkM�KA;�[��!ph������Y+m$������MZ��'�w�a����ʻ��Ē��q�YTm��$܉��ʉ�C�z >��O�X}�	�����0WR��^��Jb�q0J�9 �dR�(��G?M.�ZףZ;w8����g�j�5"B&˱������5��}u��(��o��b�~��đ���VV^'�*rB�"����NTR��8rC��%�?�H=������ڛOI�%�.��q�"B2`I��xJ����0��J\���9�b��ѷW`�
+Vo��Z%6�M�w�
+	�$�eSlt"���P^4��n��'���J�-��+�sV#]�
���0�Bܣ�۽?����#���q��MϚ)o��
+�>�P`�ka�!®��OKi��B8A<�3#g����!�j�;�I,�a#�*�1��6����B8�W��y_���]��jQR2�����S+6]�h����G�1��i�mR����;�&��}������|N���`# ��j�`
�m��[^�8r\;�߳���6�T����;ɽ�����$?D��
+�s�R�H�T�V<e�Bf1��D����5�Jq�����ƨ���,��w����w�{<
��
�����7��(b������
`����`Iͥ�%^s�lG����dQ���k��ܶz�w+	��LZ,\���&�&9iwb�#����w�Ru���
��� >�G
�Ǻ�Жj�U~��3�X��5E������������F*O���l�dcc̉��o=8b�+��o�v2$-wگ�=%#c�O�m�>�{-����s�6�/�����dm���1Ujϲ��<�Lj��!���E��p�>������,��il��3�3p[�����;nۓ���۠Z��#�]�=��5��߿�{��z9���;q�O�А����6q��q�1���~q쎼=b��l���e�����r���0��!�c!y?�i�NO���"]�ɇ��C5�HQ3��5�S���l,�`y�,�	�s��R>N��[���?\n7.?2����@��W��Ж,�`/jN�J0��(�!d�d�j#���� �����t�Z(����2C�$� y��tM��_�E��,X7�R�iQ@��k�gZ�:y�z{
-����q&-�"s�+&1�{�9�K*r��9���2�tg��76'�]l^ol>l�&H�<��S�1�CG,g���?X�~��z��ӭV|s2��U��P��K"xn\��=���p�[�E���$��ٖ��0�Ď<:3�֮�1�?����.Դ���
e����[�����`<F���M^4N
C�x�8�›�֌�p�(�Ԋ��J�\#�Tm��]nYr�8�Jm�>"E����
DfD�UcOv�K�E�2�\:�H�wM�F#�F���[�ڗT�;��o��?{y������+=Z:٪�:%����"�W�o�gc��H�S��e�F4����=ŵ��4(fe��W[lU�,w�������8�Ps�q-���Țg�R��y���׿^沞���E�
+6Tq��th�9��Y�%6�l��<f�r\��||b�������-Bа��B�ݢ
+oe�kz���b�b]H�:0�9��I�BM�n�t�L��,��kY��[���jt+c��مCߪ�n��|Psr��q�Q�D��+��9nV�X}6�.U.?�A}Hr�IR��1��)(mT��Y�M��F��
+���z��HU4�XJ���[?����$I`�}9
"f���%�Q�U��T�|!���u�q�9�s�GR�{����ă֨L�f�S���񍱿2H4�z��Bj�I������ʄ��Zb�G�0Oe>�P�j�҅Y؏JV���M����yR�z�>�X���\�X�P�إ��.�9���%0"�A�	I�8���Y=������|�o]��Fu��b:�X���[�@~��t���e��q���E)�x��.,����.�!�A:���X���
��s�%/!�b�eN-�8��o�j
+/���Ņ �>�<$�а���,��Ky����+&��f-�0Y�����T!�u�����G�X�b[-3i��JZ��U<��1H�;'U�)#溶ߞ�;�p��l <W�3�na�K����%����-	6!�$;��G'������~p�G�Ik�q2&ؽ���I�E
0�C��04���y
����ι7�=!�hty;"�m��@d��e#����	5�����$)hr�{���%���<p�W0��VmE�
�|�ķ?��`�b�#)�iqǍn��QR�@����|2�;��@����58w�Ąx-�/Ⱥ5�y����h�|N9�^d\E-(E�n�ߜ2��Es���B�*�K�"Ǻ`�{W���r���rt����gkO�R�4�Y����C���~;`��d5��F��x�۵���Nv�f"���[y�_��b���?�t`:z���}�I�ӀL��!Y���x?c|K��ǫt�b�ҹu��וCƅ(�g�a٧qc�'��{9̯�c��QQ8Kv{���1�������	Ѥ�}��+�5'i�Z�r�/��Ѹ�U�Q�@����C�klU��"����[5�X�o��0���Y�կ���	MğO(+�����Ě�y��7��GuE	�9y����;2�����2J��1���
�SَXԍ�]`���6q|��;2��Wy1�x�6�Q���T.RaI��)�
o
+nw�IJ�$L��`�eM"P;�.F�I��$��]lŁ��'!�Cb;7�'�s�[x�a�O:�F{&�������¤T�R�0���d[��tv������- �\�<�谦t�ҰE�cc��66,J���tiF�\��1�WA��L5+5�������e>�pTQ���2��S�ߺp���y��EM*x�	eU��*@e�W/6������ǭ���FȂi��0/G	�o5�~sj7gЯY���ON�鼯�pl�e���
+N�V ���d�GZŷ��ֿ70����Yڙ
+rb��'�m箧�k˫�'2f��
@M�=aՠe`��zCr|��:���ĜÆ�%.V���X�ę4��#5�5c�,ǔ�8]n3��ff�y\NL�鐊8�:��䖤��b�Z���H.��2&�3o�oƊ��IN|}�Mu���ޜA�>��AYe��T@�F�>[H݃TѤ���@���������L��!��DD?��q�w�kN�.|���+�ã,�r����l6�\�Û���)LT��F��ld��x��e��EQ�Ekԋ������c[�k%�6��e�F��F���\iN�`ټ�8(���9)/���5j�U��BT�i�N?�V���/�Ub�|����Y�W�vQ�	�����vM^���D��	ء��A�k�"�Z1vM���=!���u��.�C��^zZ�((=�I��.�M~��Y~��:��L�L�k�X��M��urnJ�+r�Pg0��X��V�6�
9�/�:g��ݟ �m���YDC�'�O�ܸp����<HjXܙh=�j��7o4Ĥ��ZuWzeg;Y9�R�a�[㮧�K�G=}�4p����c�mǼ�P7� �:PcJ�޿�R�,}J�Z0tg"��Q��Y*i�0S��,����ÁM�Y�Sf"�7�2�s9�1D��g`�^�=�~o�8�T�\m��o$tN��eJ��/��;���_����.ˈ���?���e����s� Z)`4��A��aG=�����)7-��1�e1�CcN�
+�A���a�#��
�O�{�J���=��m>
�0Z�FJi��B;�@�#��PZ����K��f�!����Uj!���+�hXh���/�K
|�X�r2��[�ʯ<�D�P}�a�t�]S�q��(�ԣEX�����^r����!�Sa�heh�)�
:LkiH�r��ZD�����/w[)鉻��k�B����u�t�$s�vZS�G�����ϯ�~����m~�<������r�9#������e&���|-��T'-��2�8F7~�)P�Z�������-����-��N�� ���e�քSeW�
n”�I8�� e�ǻA��Uk�7X�x�'m_��"��v���8��h���
+M�$��ն��eٺ���B�ʞ�
������ev����H2��n�z�k^�Q�V;:6z�m��n�=-�B��vy y?�B,�=ڦ���=��ĿyR4I�g��9�ڪSB�I�Y�^zLM��~>�TD�e��1^f׎�HuETFp����armQ�?��#�Ȍ��sF��=E��Q��looʲ�T��ϒ�k5�1�
>�i�-��Ֆfx�b���j��H(L(pa�����鋠��׽L�X���`�=��������/0^�f��	��’�����b+'�`�Q�˟�b�I"��:�PHU�аޅS=�����ц��'HM�~{
+��
�8�����p�;���tEܲ��D
+��R�����s�(���/vf�"��;�#�$�րG��#-�}_�N=�1�֛wyr��#���{���q�g e��� �
+
f����f��K��E��9&�jf�
+i!�� !�Za~�*����㢖gBѧA���Re����n��E��u��*�֪h�#2ō�h6̾iu��Վ�e��/iF�HD���ݝ7�����-��1��2d��
�� �W�2�:�m�5����5
�b�|�/d+���E1�"Xb� c����n`};�G+��=�L�!��{�QDƏ6�DYF�?��HA��'R���o�{�S�W��JP���Ԯb�/i@u�V�0$�3J2�^j�6�׎���#��$8�78,�G)�L^u{�/S�8�ҍ�i/Z�A��9���y�!>�d5����=�)�l���KG��W~򗞱��*1�LI��YR�4�BD�p�y���]�Ӂ�K���C�����z�1]u�i�K��a[<\f�����0D� �/�,>1S�|+�9�K�u�v�ѱ6�(�He"ĺ������c��|Cn���4](5��8೵y�F�I�"������GyU�rt�U���|0(�Q4�p�q���*KY��Je,�/F���Z[��z}a�W�l7��ޅ���w(9(y�"�r<�@U{e	��ɒp��Q1�.q��y
+���9��m̸����v�Q:b�����[;��p�$a+7vUw��Fl�h1۽��Y`qx���]�s`Ü�_y��庚NM����l�6ث
+�8������t/���QKi���6Ƿq�p1\杖X�ʇ�������4���b$
Hd�k-X�k�Q�
+���F��#�{���Kǧf�Y,�1k.3nj4/D)��-�f_G����K;4��.!Z�.$c�kX�Z&~��3�i����b����@�?\�?���Ʊ��(QqU
+ĠP��\r��h��'N����;�?�����.���.�h�{��B7�"�W
�*�� $>�-��g�|,��V�z���4�F���ChvW>*Ύc-�.�MZc��X>�l.Ϣ]È��fx�J%�Y������[�
�X�"K~	5�d��*�o4��L���uh�|Ec�٣�}k�����k�;��l�^W�B�W�cl�wk�[�ݸ~�Q�u�r~���}��Lz�M}�����ܷ��)��.��"B�rؖ�<��p���o���.�+���]H�����K����\�+�\K";F�˼I���AX^�
+|7mYi�H�
����]�̺by8=g�mA��Y!��z`��� q���#�t�ԫV��]TU��?�˪�;"\)���W�|Y�S�I��Br�Q��\S���1�?������!�ей��
T�"�<�����y���zXL�
+�ޠ�ٶ��#��1���(#�C�(i�I���O�M��z�%P�qeRm�w�u�`���@��������z+:)��&lA��z�)���PV�lGy��B�������Ay����oʳ���mE�;�S��s~m�Ԍ��d$E�+0��ęUw��i풋YJ6o�^v��J6CR�dc�g;(���e�>I8P�<!�U�w���ǭkW7�v���b��Z�Y6g������w��%+��<>+���͕!�Im�:=E/e)�U�^��D_u��1��s^�{o�J�w��s��ȗwg����
�~�#�wg�3Lx}/o1ƫ��C��e)�^��j3sAk����$7W<�r ��0-��}�M���@���P^����L���ա$j���
+g��۞�FPX��2��r�hNʍ.�o����)�A�[�Gq�Rɢo&$L�fu����8tp�lB�?�X��[$b��=D���[m��S?�
+k��u�����Sي>�et������Vh�^y����ɺ�B����ZeŠ5迍�P/��2(�����?W�e�)�!~Z��Y5���m��Q�v)H�i
�����w�|��]h�!�������]8���G��X�S�u�
+~�L��B��q��j��v,�4��J���YQ��}X=k�)��pЎ�xJ�s��jB��D��X�
+J�c�WG��&�9��(��t��L��OE��u?X̯U�����/4�Yd%ȗ��.X>G�Z���<�j�j���P�T�׹�`>\�Ӟ`{��~.��,�r�luP3��h��$�a�Z�/ӊ�l��Xox�?��5���z_����<��Y��{�Xm\�����ߐG(b���ˀ�p���<e����sN��q�@Vp�x�힯7`r��=6��3�P�oJ_\�ҔG
+�����&�0@JN�T�UUlC�A�����0S�����2��Fj`�c(hw��L����ؕ�菇g܍ߛ�_-�kz���`c��ȓ�hQ��<R)&�L'�_Y*���^(9�z,��Q�刎�/N�
+����g�7;R����,3�*ݖ�<�;�&�|�w��#����d����wX\��1��wx��o��Dk����3�%S�1����`�vQwFw�vZב3��J���#��Wٟ'�ۉ�s�h����h�3���H��{D�W�u-�,��l�R3��^�K�f�*޼#�;�JC�p2�/ӘS��9FUK�ٓu.�(�׾�Z~�Z}��?]�fj>o�6��o��M��1�����_�a'>v��S
X�b�	
+W�Fd,wI;�X_F8�-�����>AlS5���m^��x���r���|���]u�ߩ
ñ�@�X��
C��ެ*�9=�����������[�uH�F��e�C#���;ۧ�y���!�������P"�0S���B�t���K��1
b�F{��A�����F	E,���VuA3M�sע��8��:���,�Z�t�%'H3g�_K
ۥ�ܥ@;I��V=�R�Ň��xn�.�GxF2����p�cIML�UE���d"���CRi���]�wQ�������*(e3@� 
+�4���[p�k�S��U���
+��U`'�DTH���:��x��;��F{�?{���k�x��ո�Pg�P\��6��l��;���:w����E�%Ծ���ÿ|[]�K3&v�������8$G�4ǁ/�<�+絺hv�
+!��@9浿���C�ʸ�)���/f
$?6�S�R��tT wT�������H1_^�U^A�Cx_5��W���{��9Z�e�a�ˈ��
]��I�D��;_��E��e߳�B�6o�����35�������0���:�l��Gp��4�g��~�྾:�W�.9F��FZ�K���Z��p!�@"�Q��0P�_tg��ti9�yg)�����|��[�ʩm$.�K��b��*J�Y6����Ƹb�{+��|��J�!�<m����.���#�_���	Ș\pX���8�A
+����|��M����]��.�l�ۮ�Κ9�]l�u��cf8,F��:�)(�ӽ�Cw���,}�l�;
+6��.��Bx}'<)����r⻲��7
+��`:
��#���
+��kڌ��b�I�[�c����:��:߹�Mr�|;�*#r�?�M4s����\���*�7]B�q�=QP��N]�w��W���;�sZ�w.�&1�������qOz�S�N{U.8F��W���N��<1�S���d�߂O��t��!Ɨk%����|I�9އ[���/ί�r�G���PV��e�b�|�h�B�S�pCv�|�ӝ��	��f,�����`3l�,d̺q���lIJ�.�j�{�o�}�`���E���t��u(�M�[��*�Pz{�9ݛ�Xj�qN�֖
g����>Ɯ��i������b����O�ߠm7�6�����(��Ο����r�.�y�)�}�\�������Wt�	bI��ʥ�I�K ��09lw@[WP�Af��Tڰ�I'���q�$w��#���F��N�?���| �Q�yں������]j��A��i��WP��K��s>�����B�gݮ�?{&s���<����bN^�
q��b�ܣTa_�?_^��Şg�_ԩ�w�F�\>zN$��3��{\3Oϸ��l�~�(���g��LG��
w
+���5�d
�<@)�s�3��ff�Mţ��9�dB|��1�-cl���[�fTc���~.��XD�y�`X�I+t�<��8�g�c�k,v
c�c4����)�db
+���Ȉ7�
+k6��L�`iT8g�z�Q���xx���*1�q�<�%�df4i-�#���dupf�C�Q�\3Q�k�����m��x�`lh�jd�I�XX�EV���qG�a� ��5�
+`*B��'�3�s�Z��^t�s��L�a��O�s,ъ��>�ĞQ�QL���xl��5��-#x͠F%`��_4b-�K11u��A��]�������[�E�u��0wm�3Ι'3���=5~�gٮ���b&�{F5�P��1�7������(�>�j�#����5}��~����y*
���[�)6�}����eP�[4�ؙ�9�@�JW�"l�KF%z�h)�@�8�<>�ov^�%�T&��C��J9Fg��T�%�d�F��e�c
+|��(��}�5�jx��Ƞ-]!
�X��J;����	�̓�L,��`�5�04uc�	\��8gT"ծLZ\��?�1 �q:��gTc�X��pPQE�.:veM�qΠ��Ħ]TC��}�}b�J_�?j��f���T�����>.���f|��E��=*���|��e�s0�13�ɟ��/��<=i߿l�K��L-�������3E?�����x�=�7�@,�T�)^�QK�� c����**�,}C�X'����.�hH�0�A5�`\|��1�%�U�!�ē	�>U-]欰�����Jt��g,�؄����{��?׌j��u'Q�q��};5�2Rc<5��滀ܺ���}�C-aX��pwJeH�3�@��
+�J ��
~%��j�1��%�nt�G	.1�׌J��C��/\$�X�Y�
���=��N�ž0b'/�</�ڳ��Q��U5JԢ�����D�L�(�e�X9dA^�Ɑ��f�[��¶�h�H�l���3Z���:�����̓����A�B�c�Ge=|�c�&��6��F����̉��Bl�D�=�	8�2�#����\8�*��.�����t#��7f]1���&	_���g�o�bw���ͤ�@���PH[&T��75�Ŵ�-�&��=JmϨ�\:	j1�Ze��8�v��%#չ��Nb׼u;c>R��r��9ΙP��yǸ{�W�5��
+�9��9��5��&����U��+��I?�i�ƣ8��^���rT�ė�v1#� �`W�j]���������"��ۿ
�o�����ǿ�y��_�ǿ�|�0� �,|�+d�φ�����0�m��J��.�i�����o�}�����埿�����?�"8`!�s���~��:4�|`Z�ݑ�NWR����(�J��E�^B\�|!�oqk[BO��
+sж�.�r��X�S���O6%&�֔$�U!�����2B�V�)t��t�uv�r�
��KF5�A��Jᨼ������3���A��1^5�r�8lߧ�d>�S:�l��;@�eU��^t�x-K 	���/�@N1�s�X9v��-s[Ө�p<�ƿ'
N&/�^���������e���@��8�3{n��f`=���P6��7�8"]\�L�J+��s��.��ȋ�2�6��*9<��
+��#G;~"j�~\�A+
��6���B�o�gp:��DtuV'��`����DeJ��$mƴߑ]WӫD��Tyz��Yр�@X�RB�h��*F���Q�	�1���@CL���!���r�>�|��}�%cz�w�}숦}k�?�b�W�O.}Ҹ,��K�WA-Z���~��|�lU�s��cWo�Oo�/?	s�B�H�C�!^�a�l�YqT��G�2L��v��������s�
��
�S�9�12<�+(>Z4o��a+ڽ�O2�}I�y�ZӮ'dZ��J5_96�!�L��g��aKژa)��cC�C�{���M1_t���|9���`����v$�����޻�N9��G!�L!��Y����~���M�̬�������'e>��(ة�iaY9���ޝ�CJ���m���M�J6�"o�m�[Ī�ʱ#���ʊ���̦'F������+l�Qd
+�B'2۹8.��'U|�T9��B�F���zf\���_9vD4�Cͩ����("��<�Y��2$�^��U�P���6�.�Zڣ�K.Q�q8WG�
�y0�%�҈����|�@��@��K{���t�١�q^)��udX���ŗ�I0k@B��**� ��&�Jh���k���M
�LS�K̿Q�q�5]�<���	��=����5umO�E$�k�7�^~��������Ö
+#-�YI��w�������Ņ4�)���2𸖈ǕcC^Q\�m���xĬVy�cQpG.}��5t
�j;~���
+F�/�\�w�y?@i碯eT+c,��M��$�q�?DV[D��h#��_R�t�%��DB�N%�U�O�П���b8ӻ�o �W֊9�r52�ú��@��2�x"/"��órMi%r6�̞3��&]Ayh4��Lߕ�����ԋ��+w���8vD':��&S��-����O�9|$h3V�T}�� {�J�G�n)Z��\�p�Ot���XF��x���Ζ�bɮ��a��%Hdi�)�@[�߯x]96D9��vn�dm4�p�3c�O�%�J!�<N��L�Qb�=�N��~a�D�ű��(�#J�g���y��jW�����W�&�?��HH����wRʭ���m����c��������:�!�i3ƅb���}�y~ߝ�M�~�:s՜w3ӡ[V���c;�oZ�M�"5��Q�M�����!��J
ԣm�/ۘolE+d��\��j,R��M��H��Y�5<�D�
��{����Sm�Z���~��Kṳ���5��u���W"�V���OE��
+�T��
����Q���\�K1v
+�S����D�_{L�d��)��پ�0��"�Kb��U:�dW�
�V���"KaM�$���Ɩd
]_bYR�~¥b(�q��
�,u[��]ue��x�[k�T��>�-�Q�?��j�f����8\J�E�;I��̗
�Xƴ������Ddû�|�?��Q���i�*X��ag��k�R���|���(gtb7r��{�51/#p ��3��z����c1�'��SP\t��jx�y=�QF�)���%�vJ!�Ϙ&@��O�w?�L��5¨���UCI�HE�/0|��x�x�Ё�(r�Ϲ���#y��"��X��=�3D��V��"%]�N�O�֕�p���~�39!?��>����ٖ�������
+�:Ric��Lg_�FF��[��Ԃ��w /"[���[Ul�.�+M�C&�@Ti	��I�J:Z�y�ش�3"ȁvUx��mg�Q+2��b�R�ո�yȊ5�G�Q�_��
xo��|	��*�J���W���8�V�T�µ��x�kň��#k�����4��^"ǎ�xzo�W�θ�>n�c�[�ؑ��Ǒ�%])ZQJ-��!���ۄG�UZ�Ceꟴ��(ߴ���O��mc���
��O��s��5i������8�6���˥�3
�a�-���Tbii��zx"/"�DU��A���.Ui��5|�厨,+'�����)��+{og�8��D^�|\��U~s�@ĩ�%�0`w1�O�A�K��ȋszi	���Q-f�5�����ωĐ��jM�ޠ5���	�!�H�"�n�s}A��?�(	\T��0���]�����P����H�f�
���I�8XMqb��l��ȋ�M)��Y�)�����8_w-;r �q�%-YѴ1ݿ*��|���8�y�A)� �j��$�9ů<jH���T'lY�M]9�)�C+P2�Ǝhu��I�Њ�1��k��x�B��XH)d�_������S�cW�
�������:�~e�(��ɦO"�ɷ���K*�����R�����
�U�Y�3�!�����{��
='��9Ϗ���������t�I�y��fk2ΡL��@�2�i81�A!\�5q�@^LZ� v���q+��|V�Q�罝���y�O*|�"Y�Ԓ�S`\"~�xCTm�5��[��ҵO�5^�X�iG$��ǚRn�T��kj>@]�_��1{[Ky���jZ>��܌�&�j&�39�������3�Ș|
��/��퉼��O ]���mi��ot8�u�#J�*4�w=��]�"!��k���J��.q���"qg����k��eH��y{����U,��c�J��uؾO��z���<y��'��PVVyev0$ �vMIE�!�>�5O_l�ݢ_��F����6|������N�ޱc���at=�+��G��Ѽ���1��x���	��R����	Ƨ}s܎ĐdyL�,Ypa�;}�bcA�����#�
+�ܗ��
�������q�N�
+D.z��>z���>��o"
��A�J�8�E[���S
pi�Dwy��I�+e19��s�H�V��Z��kꕞ%�q?���_�卄���1B.���߹y�2*5�z����w�?E�(Y�X�/�t�>���'9��h��	9���� ��}|}����>'O������Vj~��ҩ�Ѱy9cd
h7��G��(Ss�	\�8�x5���:�<�� s�����DbY��Ws��~�;͊����1���Y-�D䢲d�B��%�"��ϋy�e�I���D�=�4����"�����1���y�!�G�U�ˈ[옅Z�A}aL������m_
+�Pʌ�۫�@*���
��36g�>�7�t!�,C�j^S�6��N�iB��\�Њ4�ĵܖD�Vi��B�<$֑��i�|����3�ɸ���!�}�vo����w��r�%��P�8c"��q�PTB���r�T�3d�����@�~p���4�����������3$)�S>�=yZ��yhI>�h�0!�ak������A�8���]��cC�Ly�����3]c�/�_\t�����<e���&����$�&��+ٸ܋�\D�	)I��v.��@0��yw �:��E�Kf�Of�bj��\�p�O؍=� ۞utVp�V,������r�Z������|PM�nɥ�+~��GԿD1L�T����mS�׬��
�q	��2��J��R닓�bG�ǭ�X�NM�k�7+{�v��?��HI#��gLKA��ssݣ9��Dt�az��ѝڸ����b�5>�rz�^��#�KISr��*��/�Ϫ�Y�gg��,�<F��\�7��}��t�����������3ԏK�����9c)1P]��ե�%;F�$=[�4!Ci�����Ek
��ylQL�no�v0�x��)��i��R�h=��`
+i�9G
�aS-E	?�p�BfgJOeo��a��5{���ߊg�jCŸ_(����<�gq��X<^Ʈ2~�K^�C����F�3
+�ڐ�)vi$�6b��T�#W M�=7Ν�-��Ie�~����G��:B�v���3�>v�����>״�8�á.��q:�9g�s���9h�8Mr��Q��@eB3-�;�B���;��A�VE�nw0����Y	gBޥ���_�:�}�
�|;�3�u^���$�k���i���[U��v���MiG�GY���iS>,4�_���o�q��D�3��4|�:�����ݒ�1�������M��=�	x�n�AqeKó2�o�_��fY����M�#�ؽn�{]��]�ݴƱ���V��)�X�v�
+D+��Y�OЛ��ҥ��!��6y-I��-�F�"�����)�}���6?X<�E�\d���ӎ}��Ϟ��';_eĬ��˨�B=
�87�N4��>���Q-�1��fD�{����*�W�Ŝ_�O��_߿Ñ#k!m�2��^*=o�P��[�KH՘��2D��0��U��ݙF�7 .ۗ+|�!)�eh�ͱ,<���k
lK���„_��#Q�q��^i.����]wv�3gO[ax����O�&����ڃޢ90��1�+�
\t9�=)�gJػ`��oJo8a��-���p����gܾ4/����l3�a��9�O�����Mǔ�7*�ghg��bH_���Q�j\�#u��V�:vک������t.�~�CfRE��)v$\,�
����4-5Ly,��|�!�0�0WqE*q��Q������9?�x��YG�<��e�8����`VW\G�n��@�#��Q�*wN�$쬢��+��t�����}m__?3侙I����}_X��r
ř*�71� #�]�lj��) ��5N���u��"c�����e��p�#�"f��UIJR�Ųln~�dw�6D�����	�WM=��^��~כ�^���
�X?k�g��p��D���R�+�⫓�HG�V$sҞн����=RM>��E$��Q;�/�
+	[c�t�Ul��x�R4���K��I��J�[87�9!߽�g��ݾ�G��tݾ�a�H��&�f���'�5�H�ҵ�Y��BCکʮ���PH<��6?E!R�)� "���`g.������4�4RM�I�4E+��A{LЁ\D�������ˁ�w�/AOD�H&K��5����h5���
+��L�E��"I�}�Tx�XiR8vD!�����?��
+��N{t=�k
;"$
+����v�!mY�Y��	DbMHf�*����.���P]} ��]�3�f�G����oiw�m�|d3�|�:G�JВ
+nM����*wjILh��-%b�EIJ�@t�Ib0Z��S��I.��V��f�ˎ�\ :�`Ńm-�!�����.��`������o��j�sG�(�w
+��x�P���\N��\숎Q���fŵd'�?�)4f9.�
����H4n7��jc��V�ؐk�����T��v�:հ\�#
+���۫�gR�`r��6��qF,6@ZҮ9��	�b�S��i��Wi�g��Eՙ�H��E
+��
JI>��|�Q��lsk��vƹ��n�`���Қ�f+�����f�
�zY�ܑȫڦi��hul�n�@�z���F�-!5fggu�����6f���_�¸(
+�υ;'Â���S)�#�Ѡ�Is��	�QÖϜ����\�I#9D�u�:A?
h:Om}�u~(-環E
+@p!�
�3m"a�ԽjG�~�O,7"I#?��3c��O!=@['�_��C	n��Zg+�S�W��_�0��EJ�
6h�#將VE��|���,gF�?x��y�Z��/�i"�@�-��I�ԡo~Dr#d��{4w'�b����.Mu�Oӹ|$Q~6d�u"�?Y�N�bYI=b��a'm
��W�*�|#���{G�猽ע�������o�n��L
=��#y>�n�%��?oD�AH�!I�k��1�x������
$6�m�4��ҰÜځ~<x㌯&N��KlfYe1�)���
hd��[[嫱uEe�
+7����tJ��)٪���#Q%��u#!�[#�X6��dc�t~
<��p�����x��Ǹ�hC{�,q"7�����E
+J�Z��ő�aپ�_�U~�<Ǎh���
+3�j�a7���7��!6��k‡�-b_�H�<��Q��z	;Kdҳ�*���Bx�tj&CCOD)��]A�7��&�e��)�����Z�	���(��J�x���|�>J�L�+Δ2��)[c�5����(��ܿ����H�7�P�ra(�A��3]z�cIGL�s���-�I�⽠��	� .n�]4ɴ��};�&�QD0��n����2A>B��f�ت�_%�i$Τ�W�����N(�P���)Ç��S��q
x��Ϫؕ���^Р�8.@a4��]V��p|����m�
+�Fx����g'3�.������y��%���Ѐ�Sj�bK�)�/�{�.#��Y*���ɚ��q��յʶsRh�;ܞEf�y!���p_f��p��#�����m�ō�O^�V>�p��^ܞ1aJ<|�>h��gVp���d3�*������qwt�WR,�.�˅�c�%���S��u�q#�ah��[7F���~����y�_�#�ز�i�[{��]�K=>.M:���[S%�S��eU�r!z�e��o]���aꢦC�P24f̤�P�2�{��cU{!�@�fA�g֢���Ֆt����"�@L	�I����.7Z�C�Ǹ��RbXijۓ�W/�m��+���N>[\�7��|�$�c��=nmj�f���tl���W�+G��Ǎ�cuF���-Kg4��>9ў{�>FL�-�
+9��ͷ��'��Iw�q#��FS�q���g��cǻ��ل���nO~����E����G��c���cZ<��UU���gU�7�L5����{�nU���7�gm4<W���m>�Z	.G�f�q5�E���E�.Ol=(����N>~�H/B*g>,ɖO������㑔z��ת�t���t�~B��O �w �J���a�c���F�1g�[T�I��ݒ��~!$tZ�9��.5���<.��[Pԛ�<4rѥ�|~��|lj,��&�x~��������%�zӜP4II��_D���Z�2�Y��`��/�>���E�&d�3��n���ڷ~|tͩ���RE�����K��F�I3dF,k���|�h�̭�t�>�N:G�����9��v�/��ϊ�8Ӥ�f�#�>n���6���H�Al9c�'�!����
t�e��S*�Շ_E�cJ|�b�o�a��~M���łΝ�m�H�,dߙr#�m�i�+!x����Sv{<|Mzݢ��\�[�/�*�h���ZWS��iB�U%�D��$�ҩ7=
G�@h���F��t;.@�-�
+��k��`�z�|{�X�g���g�(������I�
o��g�=4�;��󲻤�o?G���YQض�D�6��z�q��#Co�d��������� �}��EoD�k�Z�.��"m��N�aōH�����j���X��I���hAQ2j�J��R���񯞄ވ���_�Z��U倥vv�!��F&[�
+���j��/~�O:nDE�H�l�%�2G��,�<>���ସЍkD۔U�F�/CZ�q�N���������yǞT��U5Md�j���n���,��:�-��u<|
X"_`)U]"��]ʋd�qRq#�h���
bt��X��<q�j7�����LU? ��B�<4�Ǎ��[��+�m��vc�v.�E�B�ǖ9�NoN�-�ۢ�\ݯ�K��G�m����1�v�t�1�/˺Ǎ��Rx�F:"���m��g]a�ўw�"b���)f�0��v�d/���s$��h&;c�Z�U�z�Q M��"C�ı�
+���	g܈(BeO6��s����Z��i7�YP����;h����m�s�BDqyl�Gm6y���1���!�"��m�7�m�C��˴+P/�y�_�H5�ϵc]�u������]G缐O 6�L$<x�lsX>&�/����ߒ�P����k�"�G����&��݊��s/S��w[W��"��-��E����Sݸ�]���؅�#g��^R�;��=b��Y>~��ݽ4�DWr{`7���d��!��ִl7���[h���f���~S,>[V�~U����JAHE�$x�h�FXݠ�2~�i(�!%�4W�N
�=�D�i��l&n��Tכ�ٽ���f���mc���n��e����.�K��8�S���t}!�P;.z�0������FT`�{ӱ�C���jّ������^��H��
�
/�}�؋I���d��uzZ\��u�"�UŁ�0+���1�x��.�V���b�*���<�e���X�-�$�+T2�u[��O|�:�u�վ�(Z�ٻD���ߦG5�D|���澂D�$VG�s�t��lf��9�[l�;G��*
��n��aS�+�-i0��
+��N��������3U�G��u���`��qn�+�P����TV0�o��0�i�_	�hD����Vn����Ps
+�&��Q[��c1I�/����]}���zݕ�s�h���[�+�C*OM���
+�s���e�;w�ו�Xь�ztY��!��6+W����{\W��p�9��C�u݈�h+�,�ɾ��(y0�w*��p�$��
+��l��AQ9�=���F�i�e�xg����G"I���@ʚx���9�
<���-}�^��`͓a��:G�ݒ�X���
+.~
_)h
+)�:����s�c[A�`�9"����Hf�[μɾ\���C�l�P�sM����XфiU��
[��{bH}Z���47\dӑŎ=�������uŷ0c4W|5���J�GX3{,H�u[��EЎF��yb�ڱe��=���,5�Qs�^	��b��F�^W���s�IdWv���Y؆�
E{Z�d�A�c���d�B4�9-��+�F�JUp�T��C����Ƕ��J�Dl��}r�KM����|>�L�#x��Rܷ�{l+��s�����Lc���������O���o�����z�[���N���~��k�
.a�[mp������~����n�~�����o?���r��w�ϟ���m���9������=�?nrK��xBm<
+q�N�;ƿ�O3��3sU�?M(��rn��+R}Zx�GS�#�=�)N�=H�R��hg���vV��|����&[P>-��F�ۃ2D=��[P5��+�Ae5"(EP�T�a��r��*�\�-Q%y�l1�GL�4>#>Ͻ'�P.<�p��Z��w���|[i�8*�Ҹb�dz��,�=e��ӆO�����*����76�7�?	$�)�����o#���#G����O\���◞�́Ӯ��H��<��׈��в����$���`��Fچ��Kڐ��l�iDN�����۳?�؜"�,箨)h��d�q��&���y�d7C��5Q�@F���uؠ�ء�LV�#dU�D�����ć�k�)�q����� ��	�;���Ꝝ�x��@�1Ң�">�Wpf&ZgD���T[%���r���g�=��:Ф~��`��Vפ��;�ޛ^����'���%��kF�9���3y��6d��\��`�579�;A�t�]����X<Ғ�������6�O�.$�]Hpь�ڝ/�l>�8�b�DN
�
�SB�'�푑RC��A�*R�fl@f�,C���a�G�3x΄��剩!k)/�vo`�(�W�
%W�>w�c����v`RI9&E�k<'#��B������6�^^U�m�-Q�W+A]B��Ȝ٬��-�����M�#�K�b�7%���J�#*��+�7R�ԇ(�k��)�6�SQ;�#�p2�g��e�.�&
Xa �b�����-��J��}�]I5K�]
u;hҨ���
A��h��ɱ��Y���,O���Q�+}�-�`J���ƀ"�C��7���]�&�т:�!�9�(.�g�7HrLr��֕MB'.��d��Ѯyԇ#S���+��a�F�u�Kq�������S�V�>�|ˀt�6P��,����Qf�EF+I?������m�N4P�-�4˙�5�<4?򓩋nIhMz�S��N�Պ�"4t�~�2��%���MM�j���=�џ]�@U�TDi����G���T��^�A�9x�Q�֣`���U}7R���+����Fb��7����ɵ�=
��nZ�4�%�#��4�UsA.R�
�+�4C��mgj���ϣBq냜XG?S@��Y�cn���ygf,�@
+��M���괂{�뙸
���+���~�F��'���JXX��.�uv�k7���#��00�D=���
ł��ٶU�΋W��D�ވ�w0�8:�c:��Z�Q��u�ƣG7��,+��G�#
+�/�"e�kNs�M���
��Qo��^��>w�JZ�L��#jY-Ur8ƹ(�=�Z����{�ˁs;�ǁ@X���@�z��6��ͨ�u��K�
���2|�d.p$Lw��������w�z�0K��qt�D��9�|�"8F��Vr���@.P@̘L��<}i��f���e�cJd��hy
�
5�
�s�3-�bE�E(j�IYf3^me�r�]�� ��=�#�6����]b�f.fv)/��<W���^P��Fsԏ*��i�~�^ۤ_-�=D�N�<	
#b����}en�F�`g=g��[�������5p�j�(vN�W�
+$�n5A�E�Քm�e5OLa���k�W�@'p�	�Ph,���ږ�(ɒԉ�b�9���ė���<z�b�b�x�L���f�(�1���z�&�UO��DNJ���`�>lS��{�J�"H�2t�m�hԉB�YTЭ�e��P�lp��J�q�k<Z��&Ah�v�
苂9�� ���$������k>�\�\`\����@hw�QJ(��p�4�c��"%6g<٪Ԏ��"�r0��e8�PT�XM�KG�.^�.G<�#���.�=Ѻ��\��1YxDZ��s-IρK���sz�ph�y-Շ�#$�試+��bs�D�}���I�;q
KQ�
<Q�\���=)k��&�Q�Fp3էؐ�v�M����A�
+
+��
+|������y�
+�7s�W�"�KԪl�Zp\�j�Z��NꦬN�Y�S�j���I��j����A����d��0c�j���x�ү�!
BN�9<�B�����rˎ#Gb�V�
����76��L������"�BH���[/7�nu���M����	6�o��&{"0^J�J\.<�SMC	�I��b��A.{ܼ֗}d�}ī�J7���˛oغl��ο�8�����ߨց��	���H�G�H���S�
�Щ$ʢ�#���5qb�/��,l�p��R���ۍ��1�q��q���ܹm�;k?5�9�孈^USZQ�N�(J�x��G�m.�O5��':��Z"��؉;9W�ƪ�%����V�Il_��8��{8�{=r}�'��#m؀d����FQ1��P2���k�:���W��c�K
�����d7B��������h��!�m��iв�a��ʷ9���q$�w��̪Gbn�H�Ƹ
+*;d�}
'��x˽"	5M�S"M�{ay��q;������^��A%�o�c�)�~�]�{�-Q���'�}�^{	�K���uԬ��Z"K����*���]I�h��V��Hvip�{B��n����(�У����Z����������-���Y�-��$�F���V��âEU�i����zA�k��O�C�,���a.j!�����M���s���Z����s�:��a��}Z��y�;<
X���Zߤ��no��+F��p���!�I���w�������ܟ�����P�0�Nv�$�rI�<��>��+�AG�����3�<Ɵs��()���e�x�t`�I�݅��W���?L�I�O\�t��䑋����1c^��&��'�
ܹ�������̣;�㧁G�ƈ�2e�ܬy�Ac8ۇ�|���|a;�,��C��j���4������)܉U
8�5��V}�ik3���ςg��de�����Ȩӈy"-\!L�ە�r�q
+�.DF!fzU�	�U���G��q����;q�㋸�����dԬ�}Ѫf�[إ�ѽ���rr���IbR�of�;Jn��P�@��w�2�����t���
+����]3��5�U�.�׮g��ў5 g��~���J�pA���ͮWc]X���3���^������I���`�
�1�r8��=J�.I����{�Ē'�'�R�9/����Y���e�և	�Ȃy"R=
+�N��\��cR��%�f
+�O�&B��
)ֿ��D��6�(J�LC�֧���@pLLk��;�W�����r��쭾D���iL�8F1�1d~d�˄�Ԕ���jC���O�}��-�^�>���*@�AQ�IST Co�����q��f�8Dc�lL�G��6�
�b�u7���-��`~$�8��p�;���-����U���ZR���7��l��n�^��J��8'q���_��}������g�y�����8t��8���E����`4d
�<�h^s�Fزy�������1�͋A��v��E���IS�
+O>!���ow������%��j�gPڕ P�"�w�A�k�y���.[
W����{���'���Lh~�h�$ӗp�O+��&��d���1Y� �[�� �(¤�
�~����
+�b~��|�hV{G��]�'�W0?��i��lE����=��
+�~��y �d��>Bt�#{�����՜H�-�����OOb�\���,]�j9)h``Y�J�9ƚ�b}o4޸�x�I�D������ԣ����$Բ�Ʀ�
+e��rna��#���J�>p?�Kp?���~�3����
h��$��5��֨�6�� l���V�ʴM܇��p&�V��"����[��_�Zuˏ1�i����ͅ�U� 8zR���^�Q:v���I���:�b�i���=��5����w��
E���<�f�e�.�?K�U���Z���˙���d[�0濏hl�z��#�7�,2zs�~�!@M��,��R*J
5q
Vo*z�i���_0��\p���/���ONV���	M/e������딝*��m�V~&+������z�U���^��@�B6c�/��/j���l��/��O�^�\�vfe�Y��_�m�Qj��Ti�`�3�y�����i�5~�9z�oB�mьϢ�7t�n���H�ĸ���j�**ق�&3�6*�v�m!-���3fi��|4��3зU+b`
+��G;,{OԱ��DZI2R�"��x��0��z�^zdD���z��ÍP���3��Th
��0��+��>�;�Ko��}�{+׾~1u��|��Z�F��R9��8���T�Oa�K)B4�ݬt�_=�|B4�}���
+'oh��tT��
�I�#U�J����n{�
�9���&@�i�|3�`ĩA	#r
��bg�hX�_CŒ|��b�͒��<�=������l�?�f�.�����+��ϼ"�RyD��HU�*;�����O���N��CY���/}�晩*fR���"sc��Q�r�t�D���������LH.�q�in��A�-#�u�@ˉx�Qd<p���\�c����:��\e<Z7��'{���9��m>����F%� c�
�Fby������<x	���H���C}
��P�J�7X��5�""Z+��7%`�ӭdZ�i�u(IA3,p��,���B�+��)�m�k%g0��)�iRWgp*��/�X#��q�L�_2��kJx2i�Q�i�V��Z���K�L4s���	��,b�n���*�!��j�
Od;]o3bv7���^_a	����z�o��`̶��Ē׽~�r.�o������S����|���#
��/��v=�
?�g�f+��h����)��4�����{5���e���	�UO��ʜP�X��q��RU�yg��.u�*��'}�q�����}�W���߸PRb�k�L��u��[_dw�k�? ��i�Iv|܊2��-ұf�$'�ME���}��
X��3ydl@������

�K�{��Fަ�9[G�ҎѨ�L_�h�ҽ��E~<�G���r�!I��贎�_�
+�+u��7'�R�<&"s-��²<Ѻ�.Yd��Y=�G%6�9	�xZ���/���^n鑤:~?��
�|������p���j�y궫�	�D�q$���D]�g���\�jg���bT��,Z��A��s4ٓA�[>�M3c��魵?\]����Arq��d��,)�ew�wy.a%�؋G��ɻЖ�� J�{�pb��	��N���Rx�9�W���z���d:Փ�$L��+��
S�3���jKA�~��[�+����(���y�h}E���ś^�:AJ��Y~�jYY�<���sr����9d����C�^���V�d�"�85�w~��G|p��w5�1Z�RHY�R��XV8��v{��H@�#vK(~�@L��ȕߘ�"��Kk����X;��bm�מ�B�-��-�"�?+n
�k�U����a7^X3c�?L=9�$@v��m�G�u�����J=oX捏l?R�0Lw�(����Fb���n|
+�z3ΎQ|!R���Cv4�����0����h:�kTP-,ߘW���^>��&�q�6>�c�=Yd�Q8
+�ܔ�;��i!
є.A�Y*���!�䔵_}��K��_��H�G����%�J�Qo�BR����R�I��z
+��̦�ETB�o�"Aj&����㉥6���C�7�Q�>�Я^�IΥg�I+�a*¥f15&a�;6�.������@*%�h�/��n���6$b�$W�����w��Z6����(!��}:�-	$g��Z@���Y��'7��@v�KI.�Vuq�2�S�Gl���~���5!�T9rSҋޕ�<ec 0�.��(�Os�£���9:
�����#\cT��t�0��
�h�0���`'
�"{".3�Y�s�!�/{a�Q�g���i|�A�7FP��-�9�9h��E9���W^���W��T�[SƵ$��(��>�3<���ֽ��W��+�'�nQ�Ŋxz}�0CJ�p�N��$�a�T(#,ę
˹���R�x?Mǖ�Ӛ�[Zc��cUJ=Z��(
+�}�8
%��>�NT���kݻ}�(m��Z�$�c��:�V�Q�D����+v�Bef���^rh�	Xie�/7��j�'�O�F��[9��F�g�c�3��y<��kI�hˉ�ל�ݓ_�CÎI����pQg|���P��Jt�p��,�#��z+���[�W�V�n�)��L�V󠰨K�vZv9k��*�Lĥ�S�ǩ�^�2
+9�����L#e���v���U�@�.%tP������\�
p?D���,��r��֕�1���µP���F�oy��S�Kb"��q�HO��7۴�N���K�B[�[���9��|\+�g��E)V_��'�*3r�9�'3h��;k��߈��ܳ��"k��ft�T+�yւ/I�K�r��r4�C���X�23�
Ah�ھ8����yb����
Ɖ/�����~�.��5�����Ŋ�F�z�����K�*Qɾ�ӖIj�����?��4W�
K:Y��3G]O������w��w0�<HKT��#������1������+���+���398��>�ll݇�e��P#����־kgLE�i4r4p_�{��Ek�ygm	ě�A�i�;����B�آ�[��2+���x�})3��ø���+��-��n(m�B���_�"r�&X&��p)�X�o~fa;^�8d�6�hc-�	Kk8�E��)�S7s��_�+4�aج�Y�5��0T}v�)�m��?��;�姙,���<�_A�s�7A��]��(�N���;�JE��_),��٭�p-z��U��n$�Zsryn��"d-���WLm*D
+g
DJ%�w�-���~��j^�ND1S�9E>�K���h�E�<��w�FOS�D��*�kO�fa-dS��t��vٝ�,�JPڬ�#�`&��gΌ����
�Dx���q˱�^������
+%pN��φ�Ņ����ArI�=����e�f���ی������l�A&'��HV�8�_$Z�8��qI�M�Q�����v����$��l�� ������3όj�����
B�/
+2��-`J�����V�n?��>rB�P�����O�$0C�A��v�R�^����g57y~V���
j��xS$_�)�Q}Lz��B���;!M��A�+�5�;<�ۀo
4�#��',V�!���R�	����P
+�`�㸝����8��Z�{;�	�g9`��!(Ђ�	uV��.,^��iU�>�e��PQAnO
�ޫ�{�ĻB쪤o!��rr:�8Eo D�V�Ij,d��u�B��~|wRi#���Q�ȅ���_'oB�l�!�~�mbPIupx���{��HB4�f��D<*�!�E���+��Q�R_�J�nX�d�
�I���ݥ�3(��G�p�4��@���
+E�@�F�l��\@�O��'C��5�;2�
{�P�k�G�΋��1�}�{4��(yI����L���]��B�؛o�*i̊���F�	葓�/f����"?c,|�1�Ũ���m�j;.�Z�I2N2	�v���Ŏa{�Z�0�Z���|3҇��C��p��\�sM`�l�Gp�d��\-��ch�v�6}�]3�l-��u�
+�e�����/L)�L��
+�ٷmn`�)Ӽ���B�++���jW�nY�qk���}��5+�/sl��
�-�Y��+*bKxۼgK�^б�Л��lNWX���4�lp�J@n���W��=l��*���+R��+��6�`���cP�v��q��$�%�ZR�iƫ9��V�x�O�*�Q8�ܼ��^�ژ��	���wpo�w��=��E.W1x����3	�6��}g��N�R7!��l�;!^S4QaQ�a���Q.IRj���C��=���K�"��0rq����D�w�:\�sƩl3���M�7m:��a1÷�Z�X��B������ً�l����F�q��z��I$˖!Uө���&�g8+�3��a�j�TE���S�V�u8��Ǜ~��R�Z��	T��J.ԇ ��5?&���3^fّ�8��U�\G5p�k@������9+CA��'����m�}�-EX��n��5�F��U��o����9U��z�v�P�"��z�k
�6o�3�ٔ���;��$��;ZX[����#�,>�'5��c�Ty�]��R�s qJ�-1@�zޘ��W��Ii��I�}͒驯x�q3�4���B�8X����4.y�<>�Re"%j\�I�s�>��m�q�NN�!w	ܹ�`�0�6
++��d�s1+����>Y��Q8����̡&��z��y��qr��2_���q(�&�Ƹ��U����v��q���6\f��8�������<���`��|:��L�#X��hO�9��K�c�M�h�2��g3g�gR>fpy�U�'�ֈ�Dέ�{P���Ԟڣ�`��C�Ge��Utn�0��6�&���=�����
+u�
+�`J�S���)�v�3�`N����ִ
2��q��fP<L�xQ�"w4UN�R����[�-�%����~��Sk���ժ�x-��B�3u4'�6�5�U�A���v,r/n��P����%,C���/��Z�h�[��S���ן�������c�C�ݝ��G�e�Ʋ�99���7�K�J6	�[Qbg���#��@�
+�c�f��_�����h֞r-C���_g�x��8�\.��5wh����&�9���U]���)X{�9���Û8���}=���G�<3�^DJ�hT87np�Sx�C���=e-�(�J}A�=�u���,�
+����\��c=9�4JV�'Π&�Fz��_��4�)��&�GK�B��q�@y�?'���jQ�zl�y
�L����3��X�R!0�J�����t�~��K+CΆϵ&M��;�^#��E#c�E[e`�aR���ڢۤ���9����0r��a郉��?��5�q{=a-���YF[��>��d�r�)�;b�Ż=n�y�*O��Q�I_᡺0^eE���f������^:��o]�(%�驼V<��/��j]\+D��p����ut�A�mv�ev���9[>v0���V�¨�s�acE����Ќ��,��u��6����M2��Œ3p��f���Z5��aK�u;��6?�
���e*�	׍p=op=q��������$
�/�F݃��U��Mi#s2��ۤsklT���oJX�Ll(Z�c0�2���>ϳ%�5�E�g�>_ĉ~q���Px�9����<\�
L<R���u2V�Y���z@�I���Y��Ms�\j�B��׍Ԙԙ���F���L��`�~�\�͓�q�r���:{�f��b�緄3��:�� �Bj�����3d�1��5�*��\nd=� 뭏M�A�u���X?��Zs)�or��v�k��5O\Mp�?*ZJ����O"�\����������P�A���C>����a�۩��1�>��ŻNDP�-H��l�E�)9wc���a�͏��МIB�p�.4��]���&q5<�e*L��8o�sy��v�ي��WWxm/ɱ�r#+�y���/�(|!��/�q���s�Bqb+w^�.��B�FG.��:�!N�^��\m7y�
���G�w����]61%���QD��e2Wq0�������x�3:��Cm�6+����1��YC<�
�7a*g�a#�
+�4�=��&g��r�Ԍ�
m�a
beQ0�-���2�.�}A8WN@e���o���+�/S��XEV��w3#��\8Y8hRs�4XF���u����q����q�����.A��W�����V1�~�,�f�L��z���|�e�TTif�p���m�Z��7�q�a��x����z��z����mAX�b/��@���`+$6�5C��$���Ѥ�a̠�w�&��U$��	�����fA��~ɣ��P��P��r;����8�CR�}���Ӳ�:ؐ�������sn�ĝ�~�K���$�'���:{Ƒ�bq�/����y�䯰��>�����:��ڗ�:|~��!|�Kt�;8_Y�i9`��oN�����*�����ҿ+Fiئ��#_Rv��_�1��	�낁P*M�SK%�A�L~��� EF�4.��{�;o�w6�c$�\I����Eԇ�^���¹H��>*M�s�;E��2����X	8z5
)ҨG|����JHEn��3���G��+��>U?�,e�,�,��m>���O�c_o����Aݡ���#;_1>QmK�s5��ѱb�O�xt�;4�!U`�Ǩ8!��@��EȹR	4�#�����*�ʽT�D
+M��v�b���W��+.�~�Y�ʯO��EG�DT.PpA��	��`Xή��u�*)�G��q'rV���P�XK��D�~���
+��H��vȨ�hN6�Ey�y���T@�ʦ���-���2�������ʣz�#-�11�`�#�XԘ�D��q�/�-َa8�q�����6!�:�zLwƱD
+�)���W��'֔��P�0�n۰�2��b!I+�Ye�ٰ�Uc*���
�
��aU�v�*6;�����EѯV�|�LEi�G�R����RC��t*��?���OC�[��_*�h)zi]a��f��^:�Z�\�ca�x�b�-+�u���1=��#��&O������'ޏs�*NaHd��^�~GXw�^�D3L�e��(H
+��$�a����u��B��f!ϗ.�;���)�iJ	��|wn�
l*Ų�F��Z�2�J���2P�*9z2�'Ӈ����p5��Z�^:h{�Ƿ�fq�!����jE�P�S��
s�c?�=A�p�� :�7�0�|��C-M�Ҳ�1�e|$/���}���=��V��4�5�w�iJ���2Z}[b��٢/,,����8MzR��fJZJ�N.g�6����� B0�u�/]&��
2��d'���0S���DT,ΔW�L<n�#K�E~����0YUqGY��'���Ky�e7�#1��WQpF����
���lS=�#�l�Ȍpѳ�W���<kH�7��c܃i���Z�g�*�+	�2��
���x����JO�s:�WY�!{���a@Mx��p#�û��B���64�U��dq�:�]�z���l�y\b���(t�xN�:4m�]���� � ����\��{Đ	����P3Ԝ���ş,R�iM�������X!��x֑��+bP�(�����Kq�@' +��K��8C�'���{1�r�@�0�7��?��BN\��?Xb�]p��e��wK�7�	�M�G���Í�1�]��1{����ծ>������QF͖��_���L��Hr�,hk4�/�8%;��Z2����S�tʆH�]K��P[�H��<
+��С�;&qQJ��ǎ��`7�G>pi�v-��~�+�&�P�$�Ej�o�dq���5�r�i-:N�������F�D��2��3���R��ET!�&u%�Wt������<�����ϙe12	֒�L�yJ;��I9����~#+e���;}a��=��{�LH�>�"�s����U@����Hu
Sn8q����*Թ�񅢣<Z�d�$i�~16��;SX��0���ϧyX
#�Q@v9��q3�Q��ⷻ����p	Z,�f���y_�簊KqW��W[���-:{��<��vz������
N*�^��4�T��R^��lP�����ljDy%;|��+<��@���3Ә����x��_����e:&�8���>�U����8x��Z�Ճ�	|^��
+M/�V������|��~�o�{^�cY�:W_#���m���x�kָ�FWH���R��U-vf�F3�$��:�²9�ϕQ_�Aq"٣
�3oX�$S3�PF�;#��4�)�q\!�J.y¬`6ꊰBt_0=
+�~ܑ�_#���b���X��XH-v�YS�X��g޳����S4?���AP�z��Xc�˨��u�0����d��c���4����9c�uD�܎�f΢Y��,B
+MO�7
+��+d5��g���lU�I9hPV�)�-h.���\�T�Li�
9�h�A�O�Is�MJ+h���Y��U�&`�
+N��
+Fl>_���;��9=X��HJ}W4��i���tա.^���wT0���DW`�R��t��vD�X5���.��C����i��خ���2ńD��;d\z�2gn^3�g��=�����gѲņGx�ݯ���nKf�n_�rp5��=�`�_k�j�s|&����8=c���K�|>��S�@+*�M�D�Ԧ��C�rTcd����,������sUl�TG��xU�pY�2��d�@a�q�
+X��L��㒁��
+�+������JXcm����E"�M�J��s6�ڦ��Q�6��q�	�Vi-TbF}.g�^؀�K�y�X�?BCY�P	��>��t6�
�r(ߔ:��$-���-"��0Ȑ��￩w�������[{��b�D���=��!`�-��]&�[�w~6b�O,����6*yfK;3a�i($f��r	���͗f��mңI��(�IC� #�6X������N@��JS��[�z�U��ۊ���8ZwyH�)U_8<��n<87��9��\���u�7Q���߀�k�C���;�v-�c���X��X�<�����v�Eyg4��8��@�-A��)�W?�r6__��ʖ�K�.Ԧ�9�Oʭ������A��Z��N��g)�E�Y��(R��_�]��=h�~h;U��P�8.*鯇�[����ܜ;̇����
+�α�cAKE�Z1��l'@8��#���e�q�D�^O���Ȅ'L
��#�ǝG��%�{�tO��4\�'�-�1?�ȸ���Ŏ�^2���'����a�vkfPM"U}	W=b[�^�I{��#	M<?+�lŖ+M����׻�õ�Д#t<k�H�����6�OX6�i�Y]Xx�P����)F�7S��
��_�Mn%�'E��{yLA%�)�p���j��L� �a�O�Gr��(�d�U	�P]7�1�BP.(Ano�X��
+�7��b�����:�-�1�)�FS�j� �ƶ��$��ҷ��/V>e�"�U�,W�R	��|�2z


+;��v����}֗�	;b���JT�I��~�|�@:al	"�J�^^
+�
�RU�Z@�����@��ф�π�x�H�#وY�&�G�ƒ7�w�����!��*���.y l��89�T��VG~\Ӕ8l8"a�WH��B�P��L���l���w��o
{�.c��H��s���[5)RԹ��C w��<�W�!�-�zC�A6Q11�K���w�%W��kO�V�� �)�B%�$�M'Τu�h_8��3;�Z�7z�z�g$z�;�^i��,���w�ߋ:�����ֆ�Y;�:�xE�Rvh��…/b���ϖ!0�Ioe?�dU��%�c��/�k]�j�AZ�
KEP�]߁�ҮT�|�g#^��T2�h��`�w���0�'0&̘~��ΘF�ȡ�՘c���b&a�;g�ML��Y
����P���-�ӷ��Ɔ�(%�8�3�"�T��V��q�J՟�8n���
Ӵ>��m+;�/zLMW"��ʑ�L����1��r�|�j�{��?W�m�\1��Zr/�{��7�9����@ň�
�\�f|�@J�z&(Ă�����\�6�՟s&K0�r��~��$:����J07F
uo �r�c�Jde��_��9o��!SD��İ���dT%)18 �+>8AyKn(�����98��y-u�>� \)jNͰvo���چdr�	IK
�X�"�>%CL���Q�/X�OX�7X.��oX,��f����[����.榬�Y�>E˂Dv��U4�`I�X^���J�[�x����째iꦒ`ٖ���3�R5��{�Y�Ϙ%��{��zG�R����R�ݸ
��˰�,���~&��*��"ʱ&�?��!v��?�N��3K�F�1B�p{tȵ�؁����Z�&��Kr$9D�u���d��yf��_�F0�DY-��R-%I|ܟ���@Il*䊰��n���Y%5N[�g"b2�a���Vx8�nN6o�l��S�k�˱MЃ�r�#C9~ޗ����\.O��oԋR9׺6�eq'�$ǁ�+�V;�X|;N�of	i,۶��D(h�Bh���b}2ˆ,G�m��
�7�Q
+n�v%O��[��D@�`��� 6��ڧ�#yM�����֓��W���T��
����F�U
+觼CRq
+�����F��Wnb����4)�]�S�%���U�f�h���Y%W�Q��vI�%1�r�K6�����ڳ�^xza18�V����f�,o�/L�Fc1zJ�#���b�Ҿ�����<��J�gX3C�-�v`�o
frT�{�*�0�*Z��s�3[	��Zag���Z�`!���ٺ߉��rgd�Z�?p^�9/L�z�@��
zq1Lٿ��4A�N7������?�i{��k
�b�(X����
+��ܨ�v�X`�b�����%W������u.�0�[4&H�Cy5��$o��$����KKCŲ�筂5eb�r�aԋ���_$3`��^&�%JO	�����PyC�(��ï�$���e��,��I���9��Dʇ��3�P*%�DZ���a�X��[3��֋��4��ţ����?w��᧱���j<�#�΀���\ �L�t����A�B`g~�=�!��E���i}.ĮB���R��_1`������l����Nn�R�r��r-�4��˅m6"�
+I]܌\,�8Z�{h�}��Y,0K�#��S�����y�*�Э̅���0�	WJ=���_O���oq���=�� #L�&M��aCrH|eK��ac�B��5
�緁��r�ι)����f!lX�\���ߒ��C���a�!gw�e�fO��0\f�v��\��g�_�
��9���Id2��V�(
�x]%�I���c�z+�F��Q
Q����T&ί�5���#~��Ѐ!��h�����6���;һSc��X���Xj:%c����Pv�Š�\�׵�4����}����ɘ�����P�8���R�S�45K����i���n���M�u�T䦰�l�
+hc�n�
�ڏ�����@����ߘg��<�z��I<i�7+�O��~,y#��E��)�L�҄F¡Z=��-4訋�p^�K���I�iL��E4�6�U�yLh�d���;��7�g�<}�F|m���B�I�('��
+FB�V����}ֈ�Q�&�>�R.Z��r��]��r�F������z��:RfL���)1��-�����>��}����;}�Q���^"����#f
��1Uv��u��jLe�PC�?��_.�#����Y��;�ݴ�U|a�j�����&��^�X��HWC8���ZcAF𝪬PVw\�'��3�7h�/V��b�bZ��i�����$M��9���f�&}��:�����<�������MT�L�/��yh#'��N�yբ���-ؚ�~aֹ���9B�G{es��5��˦-t��Zp�B�P��1��G��Dc9*Wq�*�[��lf���K�ׇ�e����������fG��
̪��l�
+�����+�8�����Ǔ���.8�g�	�Q��W��l
����
+�Y��A��6WB1�-j�
+�'b5Z���a�q5��&��������M�̋�>zn{�f��j��*��ˮd�P"ũq�2�9ǂ
\m�[-�<�o=n�����%W�A�� `�b%�h�)�_��'x-Z-�Zijc��ﵐ�1�ޓ���X^��5U���ȣ�#"J���Q�x]Ε�m�<�K����yG՛�a�;�[{m/��
+���4�$�(�c/���|5Ѳ�S����#&}n�vK�u�g�8�C��s3��7�k%+I�[M�T�P�Z�<PL6��h;x0�ؚ��3)�ye���X�����Q�;#�UAw�Ikl#eq	
�`WH(؞���� ��I���ȴ�k�/�%�P"&@
+#hm(�(��;�{�l�c>��U�XڭX���A)�N,$췸�;�!��u"�\l
+�KE��…�
�lQ�{�
+.S���~E�����c�ȋ�w���p�Y����Ȗc�I�
Z�r��H
+�� �}BuX��2��|�SUi�V�e�C�P�5������1�Zk�m�uF	:����:<���(̬/xd��-��h���2ш����*8q��~pY�s)�K?�˿x˜���2�y�\�R݃~PXvT{��щ�p��v¼���,a��u4��b�07�)�hy}s�:6Ǔ��p�Y�9T��4���A��u�P�!
+s������հ�Γ����z����V'��ZGl!{�2�f��!e�J��F2���c��1���Zh�ixu3��.��|n�d=��9o�1(e��T���q�����0��=ec���OB�ѧ�"��~�]��J�/e��He6Z�B����~#
j���՘�j%�@�8?��}`������r|᜸Q:**�%?��(E��FP����y�<�푽�\���rE� H���=�^	+����0��S�X����bG�#Y͘�4S�;Q��#��>ԙJe6fZKY.'t���˵��h��7JR�DK&���ػ��60���+�Z��j@�=	���R���^��r �^�I{ra���s��j���@DGmA(6�L�Y��צ�T7)�{2G����0+��Dkm��l�{�*��=Ri�}��Qn�U�N�4�ч�qi.*+"!d�%
���厧
˙�%�4{���8�4oz޸V4R�^R厈>fnJ���r�l����aus��H ��?&�h^��M��o2�x���똕�4#� a�ɱ�Y���S����'m�ZЙ1k�s��<�%>�7���'�m����c`���u��Xp��}����>��H
�R��
+FE�{ɚu�D����t]��;uқA(�/wg��i;��mE�Y[L�x��Ζx3����qAU�Dž
b�z��z��}O�"1!W��O�i� Ff�-
+�-ԤM�x2ӄM�bħ6�G�)�
C��b�q��O���ݶ��F8|f��Q�^��^zg���7�a:��;C��B���G�ŗ���(����D����1��:�ך�-fEo1
�~/��f.2�Ϡ>#��q&�?��3�dV_̕���v}İ٪ 5ޛQ�
+�5�\�Z���ӈGgV^bW-�=�0��9�xV�x2��=�h�6xQ���>�ފY�y3��Y-c��:����/�Ǔ�Ȍ�D�{���r�����8�ֹMݛ�Ȍ�s`|�(O~K��}��I��fc[���ޑbݘ��s����\dfST�.���amp{ϵ�\�틹�,Sn}O>�2����~�;��d���;�
1�Q
g�z�;�� Ơff��g�����8�D/��dcS�1��1��ٻp�;65Û�UA'6B�l�}	O������J-����@	H�:;3�b"nn�@q�M��%3^S3B���x1��U��x&��8c�bx��R���9,a^���!NF!`�,3j<�
L���X���25o�d.2���/��Q��E�)F�Ӿ��&��ڐ����#t���;�r�싹>�ڪ�(��g�f��r���v�8�c2דJ�8�bw��F��uSH�FOF5��-��	1����	!�:�#E�q2:�s0�)���M�<f��w���b0�^����B���
�\�$�/��B]
p�N߷����)ēA�Puhrﴘ�ԁ����'p�^y���aUx���'.�}Ԗ!NF1��<d��?+���F�N��<
�1+(��LH�3T�CLϼ���:�m�����I���1��~�8�<�ndwH��ě
+%�����/1bZ-100�"���7���(y����jۨ�`l*ĭ�+[>^ዸgZ���q{WC�Ɛ�v�F����Gf��(
3��,�⬕�
C�W�d.2e'c�:���@�P���-O�"�Gz5TG`�j8&ʸ�I_]0z�8Ř�{��T�J�q=x a���a��5Q)�

-�d5ş��<�K��%���
+l�M#^X7�=�䓑�X#,|_�5��<�H4ޮߍ�b$$�d��n|5v��0�k����'�cp��V��.�QarQʐ������zZ����`���hv0abb&��`�$��9��Z��̔����C��0L�_��������?������G�ϹFd�BA�z�
s&t���8u�$�a�ꎒ*cK���ލ�����_?������׿~����S�g�|w�1F����'�Q�e��*,���ݥ
+�/~1��%Z��n��G�m	��Ψ���b�g�Ām���0����'�������XaK[��6,s� ��(~�D�
�)�*𤾍��e����"3�+z$Nqh�Vԭt�RO�Ĉ�-RF
�*�=HJ��J�eֲO&��6��`�d�?$�X��p2���K�CغΉ-<0����g��Q��
P u���(R3u�&�b.2kH�rV� �Z�֜�P��n듹�L��	Uؠg��7��`Ģ�zW]/���3�:����p0��t*�Y
+��ֹ�����I{2��s��8'�OŨ�rER��1y2���t��.&/v�i�޷�mܣ�`�1<���(va����'�#-�F��6bIQ��B�Si]�ǟ�%�^P	��ؚڠ����f��Q��w���3�������P�!e�o����N�[�n,;o\���H�U�[˔>�wސYഊ��'s��zq=2����u�n�{2
+�6�Rg��sn���s���dd Z��ɯ���3�u	�ޢ3vM�~2��(���M1Ŕ�1�y̙�8�tB��XM�i�.7��U�W�ƒ���+�	٭+!�p�aE��!7�$�$z2#�ȫ
+��ϛ�g2���;����Q2�|��(F�f,�vYR���U3X"��\�
�I^��o�6Ь2��;K��(��`�h2�s�E�>
+פ-�bCct�y�T�������/F1�%�
M�J�\�΂Ħ4ʄ�-��dT��o	��c6'�^uUO���>���A�X��0�D�isG)�����1*�N��񚗁ΫĻ��;�b�-��FU
+�hY��`?���yy�'#S��^���D�݌������/�?�c��>1��c�	V�����]��)[����@��$��s���d4� Ղ@�
n��{)d�����b��Y��9������*R�h�;����+��FsJ�(A8��%��(*�'��S�f>�6�G�~a;ayU�=E�SOLf��/-�ʵѸyG�'s�������#മۈW�w�����en�ލ�
+S0M��@B�h܂��yF�c�%>K����Ki�y�"����>:�lm)�ܵw���Ъ�?�H�tv<�1�>CN��.�
+*o�Q�r��5oq�d"��y�X�A�ƚ�pĶ
+�V����H��ӢmL�r�}c�R�����AH�	��8�n@M�7�6�1%�I��Ns
+%Ѱ��p�NL�4�j�OF½A���v��NZi@:�������pf~?��
�V�3��c`f�������ߌW���6��+��O�L�jkc��7Xg"��v���3�{2�%A�h4~������}����Q�V��旳ԑ�	{�M��m���$Y�3X��ۿ�|�폿@���z���￿������_P#�1�T����
+Y�9���Y��cnۑ��N��!G�?��$$�tSێhT)Y��}�t�7	d�*��Z��0�WDּp���#�@O��.m>
+2�Ҷ#2�kuG攴a�\u������
��H�,�i����Q�B.�H.٤~���C5
+������Ujo_��mG�������Ǭ�t7.<1�39��6c00'l��}�"�N7�+
qx#EЕ>]ź;��rɩT�=��'M�Џ��jN�;�s�z�MO�e�]﷨$Q�HB�o��5|`�RsVg��-�pGtrm�7����R��vo�q�(pCd%�,�TV��\)�I*�w$ƻ.d&Y����I��+�-9�9O��Q,L�,Шai,Rl�2�VOe�aW���d��	C�"�юZ��;բ���>����a�^�mu
Ùn��}�px�th,���N�'��/_(sg�+$���b�L����’����ٌ�rW-����:�`[��Q���#)2��4��k����+"c�d�����P�E$[_�[�QL;��s����L?V��J����/18�0�9���`vD�Gj���>m$�1�c�#���2�HQܙ�+0c{UpD~�8�Ѣ��P��v�*��n�f�;Pj/,���.oυԳUT>���y6����6b�%|k6hN�e�'���Ė;�^��3g�~�h�]jt�).f����8j�67Du�iꉰ��W���k�X��89vD�|,��|�L�
�����D��7�1���1r_{��k`ş�À--�fK�wD�0�@Y.
���P7��B>r�r���ި�����ÜtΘ�;�jrI��5�g'�/�Bf���ֺ�M�X������Q�wr8Gf�y{.�4���Pk�~��_~�f�1`���y�	��_��78�y����I=��
M��+�ƨ�#�us-�C�29
K�i�+�Q���p�Cn���_������5<펈Å�� �(��� �Ta�2�"G�
�&�N>�� �D�;\�(A����D̖7q�k��USh�*�b��Â����Ge�W�"_�q"і�N��<;D�S6�*�ǘ�!"�Z��̫�m�߹�
��X���b�Y����O!�J�1��Y;~�q��u�>�cJA����pR��TX�B�sž�|�
Q�O�;P��w6Ƴr��Y¸E�"!4�Df�wJnw���?�w;rl��:m��)�%
���"�oԿW�+�Κ��Z���Q����;~��'Co�$�vy����9VQ:����g�t�
��4Z&?��6ĵ���K#�y�10�Hz�ކ��!!K��d_aܕrP��z���hÁ��j�5�c�>�bє��ow�!ĵ^��qYK�/�S��~D�
f�tY庯Gt�{6@���54���IMGZ������/�낪�e�ܮλ�"TfS%�i����/�|{��ۯ��]�;XĢ�*IU/nNԶ�<z�׎�b�o�L��釆p�n��ҏ�ߐЍ�A�^�������g�i��%�U�2mM+Mѻ.�y�y�4�x��l��}_-�
+�}���_-��ۓͽ�����ݾ��W,��;�\G�&c/���az6T�ׄݍۓ����;�]=+\����G�z�<�tdf�ўd�Լڐ�Y�Ȱ#�Pj��r�pS�e�(�4���#Nz����5�"p�2�;"���m�`
+1,'���:��b�������>S�^Ƭ1sa��x��I{�(WY�='K��[�X�Vf3Mc�������*��G�oD�/x���w
�rS3Ҋ*���	J�PJ*���I��+"���>~����܌#�&�!��P���

��t�)���>�!�y$�e(������i_�a�z�qS�!";Z��s�8Q�]>���e����"ډ����+��aϊ͆�[qE"�2X�j����8��+Ŏ<\ l{��b�aw~Cx�����8��Zs�<�S;����[B�G�gNH+v���#ʛ�[��:��]�*������+��%*���9f���?��K��o�C5�s��*�(G�����ŕ�\�n��+�r��&s�2tQ�8���^2��1�m�#�&��x'+f��Y���5��H��
+�N|�
+��H+�uـ�G�+-��A�c��d�E̲cL!�؎��#j���^M�l�/�S���U��(ǎ(�@N�2��H1��I�
a
+4�����(�؞���J�o��-�	u�
qmz(�vy��ZG�am���Z�f�,�r-
+/� �8�O�f��Xk��-�R�e�b�(��N����h����pD+�?�	�O�M�NUQ;�b�1��a�=�ٔ_��k%�+���7�'w;���|�����Z�φ��vp���l�R/�}�C�(Ϩz���|�#�`�}{#�T�J�~c�7$���A�Y��c��y�[�kGKj�lX+4'�M��
.Q�m�ct#��Dd \��>T!�q&�|�o��s�UB���65�e)�{%�G�xGB�������#~�n�s/��M�#�F��$Woӣ�f���h7s�
x8 �b��o,%�������tC��4`�Gu��w�Ǔ>�t� ��(|E�?V
���*�=���l��ٱ)6���DG ����UR���߈��ǚ��Ǡج
+�l��}��|o�����@��G
+ӂdvWo�T dLK~k��8OSyn~7M
&lV$b�����qN"S��U����=�\���/%��[���L"+�6�1�1-� 	��r��,
��Mv���Z:���#�e�g�H�G�2-
:�p��=�1��"��4��N�.�ի:W$���׏�_�N�.��c�XZ����Mi.'��c{�ҿ��?��G7��A�3K��ׯ�:6������ݷ,{*g0��-,NC��{��O0�{BÝX��mo�O�E�wD]���4�`p�7t���Ԕ�ƽM�#�×0�-Ǘ]�����)���8|G.GZb�j�Q����r���Hz�i�y���P����Ktx�D	AU~V����Ŕ���=Ko�@k��M�&�%�-���=P
+��X:j��6gG��'��l���9��6�lL1�m<��!J.�L3$��V��4*B�vL�s��;"�X&?K�+�7j0������Б�BoGT��+.���<l{����!��Q��Ro��5�Fm�ӿa��_?ND�2;�����vװ����[�D-9±
P�m��0[���Y�[���eC��d�uf��]����!��|����s�C��K�uU�Wz0>)�{�xo%g����8��9�����#���3����m�|���}U>l�g4t�} nW��v$et��7��7ߚ�Z��ڢ�Ϙ.�������B�szs
>�t̐o�v��Q�
+TN�MS�[E�X+�-w؅��]�\iW��͉S�5:��]��p>5߽pJ��M=�B�&ˑ����2�v/�:	ſڽv�r���_u,q���5���[�+'�0�<�"�������H@)տ���,��W���&U���6=��\���>};P?[SBM�
+o<t���]�t$��5~����'���t��`��·V��-�C���%-hnוc�ّX{�uP�k[+�W�մ�q�u��|�!���t�M
+ǒl�g�-�OVXdX��2a4n�ϟĂ�9|TP���n��H}-1�q��]�"2�H�`�`��7J:ܶ��M�l�K�@.G�)������GL�F��p�#raIUߘlڽ�M>,|���#�6w����S��A���dž��2!�#؉��餖y�!�{u_Z�>��s ����`����J�5�q�
�)�u�e�3��T͓ľ��H��;r9����%���fك��r�f�yV}ܑ��2(*�ݝv�+r���1W�Y�֠����?���O�����CVf_
+�%�=�a
;�@�����8`��������m�*��"���MA�m*�	,E :
ƣ��e�b�'C������Ź�~n�p�:X���ݔ�;"̖�Oɱxiu�����q"�p�"\�*�9C/��!��?��,�;wPn	$z7V�a�����b��y��}���9�x�9
�
+��iظj7L�9'/���,%�m�K�0�l]��r';"��'r�G�A�:>6$|X	���?�0��e����f�048���������׏�<�TPL|V�6�T>%�I؃�g	�1��i�P���keL��������֖g��rZ�=R$�_�]{�؂T��)�I_a�"��buG�@4O-�����F�����B�c����ͽ��%l�h�9G�ߑ�k5ƶ��
ܮ}}�N�p��sb�H����ϠO�V�<-��\��"����N��+\�ݑˑ6��4l��~���Ʌ����`_�a��i	��_�@W��f��Q���[�}�
��@Ļ��!Y�p���
+���+�}pL��<>&�I��6�v"
+��3	�N���#3i����.������0�ʷ%�mwk���UT� 
����do��V���Z*

�oۛ��GI���1ԣ�	.=��Nk�]�&�p Z�j�,v������������GYj K�h*�6ò�!�`G�g��!wi[�����蹺���}�:y8���.���G%��ɵ�1�ʉ��μ�-�@t�N
ѹ#e�nuu�վN�1��҉���$��p��^�ւ��u��E�'��{��>߳��%�\CG�b��*Q�b�ݻF͚-n�#�#fw�K�N���g�i�����t��y�1͹�m>{v$(�DD�.��t���:�ĝH���;>��9�%2����`A�Q�6o�U�Ё(%#�}�S@��ZJ��$��4*U!�WP�s|��o%��
��2�/���f}a�:q���`�Kçt]Jo��u 
+Y��*�򔾾��Z���bG"�Y=-S�v�e�Cҵ�.6�
+���ވ&i3L�`�?<l��r�K�+�'�Q>��{
���=�'"'a����I�H�l�(�ɈÜ�J�&i��6�r9���+TB��^�կ�J`q))Y�Et��V����wV�*��T�TW�O�I>�,�#��y���Ȋ.���钅�+*���5zJ�)| ���L
f
+v�.����&)��@䣸����V���$��M>vD>Flq������W����K}�nC"uS�윪�6�ʞ?���w�;
ND縑�R�&!D($�L�����I��z)���I�4�

\��--��Rrt��U]�d?�FbQ�|�C)�
%�A�GH���e{|����ꨒEm�i@}_
+ <g�!��oG��Q>V�7�	tX^$Arh'}���H�w0R*}T�li]�6�]��@����p!I`q��&�9O��H|.j��*$q_)�
,q�n*�w�r`-�)����!k�ܶU���-�n���H.~���]/�1/gVm5�#��%–�^q�7�̆W��+������w��98d���*�#�af^�ut���.5|t2+���w�sԘ"8G���e7��!{ �1��-n=��-��r�e^��
�HD6o�#���.�#�q��NJ������?���E�O��	�Ė ?��rö�[	<��{0 SQ]l�3�U��H��#� |/ua6,sk����#�07S���5�ڎ�ّ\�	Vz�9����}���rjJ�!'n�`<-"��]L�be����'O{����yґ���3����Z������8>��U�*�׬�9����p��4ɍ���p��&����x�����•��IYj|��[3`��r����(�-��"j�u#ס�ej����śQ�҆J�qO�0�mW9�-:�1.���g	7&S���e~�1��h�'&����eZ�=�a)�k!m�^o���߸������z`o�V�C7���i2j���&r`G�|�Y��GL��|swJuE�S�K���`�Gdg�u/2}90B��u����I�gJ��N|9K(�{܌l4��{Y`��Y�K��͠dRƍ�Чu��j}Z肮�O/�/�e��j��ԐmQ���V���'�ǥ���ϻ��\�f�Y�ַ
+QMT� [�#ٲ^��u��̆�ǿ��(��01�4��-��<��
����YӲp;����}PO�Յᝩ��$�5s�G�_[o�dI�	l�Vl����f�g����F('o��3�S[h��b���`c��%m�3���.��������D��<G���G�f�p��\�f��e����/�_�1<�
�J��@�0O0��X���0��劰{s��p3��c�8�b0�r������BC,Df
�+����k�k�&�B^̎���ʞ��x�	�d|<f��\��R���t��JE�#�o��MLf��S8�P�{��%�����b�r��5����~?�SH��˄cuFO��]�D��0�(�Q-��6��ZeW��2qXXc��z����yb?T��FL��L�5��n3�)�����LC6n(��?&x��/;Q�q1�eG׷��sO#cK(K�5SW�w�����9��J`r���
+]f�-7���T�7fc�7�
+�iSJ���e�f��ϑ�gZb����{�0mE���7����pf�4�@������L�x���I�S	�z�
�h5�D�0�(	]���]�q��cu[�n~��l��#�H��%%E
+�V�MO6.�O��+��"Eyo�;���fe�2c
����tb���f01�V;����o�hi���^��l���sl��X�)>��R]�E<AL��9hpQ�+�IU��o,�&�>��a2\�h�e��k��'�{�M1�W~�}Y5l
+ғo���#b���	��O�S3S�x32�I�Cm��'�q�Ϊ�;6nF�
f�Y����`�Ǎ?s��\w�b��{���"Y]�(��B�a1�l؈�+�~c�ƛ�F����.B����F�7]�F�~Q����F�y♳�6i�7��=��4���v顺��"�$ ������M��f��e�Ɲ��<��tr�x����5^l�	�#���<��b�����l{s<��&�?6������#ś�Á�ܲL�&v����n��T�a�5nj�j�W>�S ̽�K����&�s���G'�o]����ݳ���y�pcܘr�M.6#F��J��`�挷Pǫ��:~���5��#oݝ����{u�n���fS�^}���M���3�j�2/1��N�.�>l��������>1X?��pY]y���-�S��ܧɠ5�"�m��'�Ux�u6�6#z��`��6�����a�:��Ru��q�a��<b�������cc�ӷP�cT�˟�Y	�Z�&�H�<��9h�$�b�����?�����!�ͧVU�-��kU�ԋ -bw���+���m��O2I��sk�<}0"�p��E��0بI#16*k�Sp�#�fο���ȍ-�Q�Δ
ߖ�ö́Y����п{Í193��Z��ڞe�f��3�[�U�I�!��Ϝ(����QϪ�)U�RV���$oQ����%�=&����<��=��5r��.�s�� ���f���@s�F���_�u�շn�����mӱ�I��Nv>Z�^�fx�}R�ֿ�x$�8z3�:���{�
O��I�u�#.�$�E�4�E���Ʌ�B�hݼ1�k&�Rԅ��$��p=kyj:R[�5fg���.���=t�$oF�UZ�4o�O�Ύ�ia6K=�Ɣb������kU��_�N��j�|�訒�o�n�*�P��Egu���G�Æ6:1�5|�D�R������(�5�l���>���m�l�ęQ3q�8:��S�����7�k�s�k$���gǴ΃ތ֊����*28�*+R���fxѕ�>�,�F^��\��t���c�Qoe7�1U
��òq1��O�y��-R%oV�!�|���{1J��c�1aOJ%$��B�0ؠG���8:������7#7�L�h���#���2�������D������k\?��
��Jq��5\2'�>/q3�H��v�_L;e���U�F�{�*7~3�o|�-����Ei�c��<��H��o��jk��
+T|/082��y�����xs�Ⱥ�-.���`a�F0�,����0��y3�3Z'p�M�F���Q^N��r������,����*�WԘ���-����n7�Ǎ��MryѰ[d��ɦ�ȳ�Χ���s5Bg�?/a�����?F��8��Ě��R�v�F����c)5n�md��\7l��\��r,�(#�G�S7�f���^5=��6�>����D������!�/�0	`��!��~���	��CN��&��"<�v̓�&���ѡ5�n���;�� �v��lO��.��.�Ѯ���(
+=��jr����.�
�׋�}�*���f��$��𪴝X^��
?��g�O4�ڀs��36�H)Ψ�#�3�=�i{�F�o~��x��ٳ�l]w����yH<���@�-`�t���B���gۭd:Bt�0���tH��8��a:J�G[p&�uD�D�F(���(�Lt�e���I�`r�NB��=�D��3���H-�L3?Lu�|���LR}}�٭ӮFtn�H���oW���p����.�=(fff� 6{���c���h7q�������E�MvO@�m�^N�C�ݚo�CӮh�R����aM�N>Z���%�ܕ����g���m �l�q[-i��
`��g����c�
��$<�Yܞ�`�+!;3>�R�p>3O!�:�x�	�8#�nWm���C�F~l�9��Y���	�����9��?aMz&�h�%(��a.��;�0��l�K�](�.vI�t��ң�l�Θ�fS}^<�8�o`��ܰ�Ҟ�{
�8;���FTg��X�z��f�B���y�G�"�B.��(W��\%���q>��nA(�Z�єp�d����S��ib�e	���m=r�y�N�B'��x��		"�Z��4v�����O��=Ψ�4����36ϐ��}�4�� ?
��E~��G`��C'��� �E�*"u	��Xٞ�J�m��n/�!d"��8��au��}-˾�1���2K��ITe���9H�I����|14��)y�k��ÓJ���;&�#_����(A+������e�E��g1�u}6�
R�X��w�RHT`{mDn�v��y!�����h�Q�㝑j��X�<c�0
+��ݾ"�`Y�U�ĭѬg�Y����ꃡ�qtG�+�n�(����a�U��qQs�]!>�2�7Ot|�'�Ʋ8�F�ث�ν0v���^��\q�/�~f�$T�nmec���8�����x�Ю�x�z�q��3P����t��s�q&��?�y��퇟~I���z����Vz���⏝~ߞ�4-�4���Se�V����~����~�ݺ���?�����g�&=��G��<��?���]�(�5��#�?���_F-Z��c������֔��?��N�T?8W��zL�f�'�|�������u�S���w��~�׷��?�U�Jm��:oaY�����6,<&�Y��:����VXa!�dwz\r���:�%Nc{\���c&��!�B���U�2%��:��ih�|t��q��9�r徒>:����rw]u&`����:?�:�iC����Z� Cx��k���6��r3���[5���
+����V�e��+�\0��#�m�|���c<,�Ǭ�J �
+��S����H���|���5 �����J�ʚ񌓭�Ydէ�ms��P-�IΗ6�����k�;�*�~<o��?_�ܚ�!�і��4����bV�rZt
��):�m�U'
�Sly������6}T�S���Sl�g�Z�m��&��l-\�z��|��8��g��R�����:�����c�W�<��S�G�K���\-Gpy!��U)z�6y�[ʓW���u�	k�|��}ԓViKa��9
+<o۫:�N��^���N	ޘ�Cp�ο��6��I_�ĕ[��(����" j�w��^��JVJz��R#�$��,�����%��q��&%&�t*��/���S7��N�
�����[G%��0�k~<I�xf��q:Lu����T>��z3���
+9�p�f=qn�����m�hJ-�|�:��Bem

D�j��v+#�2�t�lcA��ki�yQ��<��Am�bb��B�Jr�~�xi�l�!gB�pR�}lV�,m��?6�m�eĦ$���W�z
FY�g���>�p�e���f)�2}1R�V�C&#ʱ���H�SB$�?4�!GtRmcJI�dN�|�&�.��$��*�ٙ�SA��Ч�>u�?O�>���
���ys�sZ}���
+��v���0�V����8�]{:�gHH�Nռ��m����S�gv�]6�#��h�q�6�}>��̘�؁�22i�em%�"`<�Ȏd!r;e��a�jOM��"��d��R'��ƺ��fCN����B�B�`��n(M��*�ѷKR�!��6��դ/��w��Z���Od:8���F������Ʒ	ɞ��:�CZ��HJ�cWA=dB���[���nP���Q�*��qe������D���斆C�K��j��X�UK�ʱka��Ge�Y���@�~+/|<�h�l]��9���1�c�]��v�@��O���U
+F`6]������ٹ:)}Y
_F[\�`���*��%��?����,Ѹ-�0�d�'�ڍ+���"0@�2X�k�[lArs�u;9���_�f?ߗ_�A��Q>���;&����e��6��K����!��F/~l���$�2��8d(���ؔnS�}�࿎n:�Z-���R�B}�FYc
	e���g:�#�h
Ðy���t�R������x��ࠬ� ��O�[&ٖXfClUm���/XI�D��6{q��t!^L�Q�%���h�3ɤ�Х�N*��ջ�lv����Z�U@��'荢!~��ϥ�K�`�~,~/Y^yf|���e
+��(�ߖ�-�<��lD��$Gr��h�N+�`1��P�Ռ[?�F����M���i#6��"c��r�Hg�TI�	_8Kh�Xg"YZ�/4F":��+T�Y[b�3�gUY�!I��ߡ-�u�@}�Q/���M�#7BݸƇ.�	�/�e�������
+o@9����7�X�j�E%_��m��
�`9*;\�Z0���R���4�|���P��+��k�"�G7&[͇���?Ⱥ�b�j�I^��*^<��,�h6P�᮳�v#u����t�ī,��$5�#�e߃���X�áUz��)A����]x��w��Mn�B���T��u�:�c9�e��j0r���m����W6J6����.%c�Q��w�>9l��Z�� ��P�t�c7)R�k�:��
+���QӖ�O�W仳x�v�g�	3�� 哭��n�[쮉\���~_����Rx2rD��!�C��h�/�b��Q�q@f^���m��)��~�LV��X��}���#HU�?���XF�ѽ�ʁ���EF�
��_��U�-cd�a�@X����mg_�9�EU��Ў�:�/|�d��w
:���}#�G�����з.�}�ѷ+�ԅ��vC��������c���,�f����ֱ�*�U^4H-Lͤ����=!��e�Kێ��:h���Dd:x����2�o��X�G��Y0����f����D
+�]Z��Q��,�����5�(G�iO?�-r��쉓�^I�$y!^,-����p7����X�l���6;���+�A*W�U�D5.zv��8q�a(�u=��B\�ſ��|-���=
+�Τ�.yq
�y�y�Jw�#3`QmLψuc<"��qR^˾��}K"��-�н�m�Š�n:hj�z����r�
+M`�D�e�Q$t��ɖ�-�#�?��z����Q�2~��`4����o�:j֌%iTB�oν𲂎#�!V�H2Wid�{}����"�|��Cw��S�[�]LoD1��+�B���@N��3ô�(̗6p��}e�ݑ�JkIq�o+C����f
I����3��c)$;�pA����<h���xB����G���
;81�8�������l���ѥ'�I�2J;\�7$hz8�WJ��WL��NR@8&�9^3�(�մ{5Z��6�t�傫�?S��|q����K�(��`��u�~v��ض��bg�����/R�HuMʶf��q�����d��e�4G.���Y
�x�t]�B�a�����:���d�=^����@��j� N�e֯[�Y����Ɔ4�=��/��i��v[�^��ܬ0��+0��O*X�R�#if�,hB��>r�zk�[~wY�/4ӌ����>��5�#�Dom��>@�淧/����י����6��m+�_�}LK���c�x��~A����V	Vsd��x�$D0)g^@p��{驏��z�l�k�Q<0+�e�XY^4�I_���x9	a�$�n|��t��/8?�)�9Z}�u#�]�I���.z��~����W4�+��1Jg��m' "4d����.]��0*�%��ӜOt�O�(G
+=
+�
+J��@��P�����83�ȖY�Z�
+�� ���S�Hά�u�u��v;��&;��E�롭��e�9E)��L��6;��SA:��
+�>�!�E�;r�����@�;g�{d*�/�"���a��_�H��#ק��Ii�:}!��0��M�?��OdM<�����B��P��ć2�Rm[Oɜ��z��t�1�@�.�Vr�%_����Ç+ET*\�,W��p���ze>pA2d_��G%@�Z�������gȠa
N�ƺݏ�����_���e���
��W�N��U5.��S�
+�ת�׈���et�8Q}�x��ݫ�;�Wb�s������|��!="�������FŸ��,L�G�HG@�֯+�s�D�����<�F����
+5��P8���R��W����s+�HެaGȅ��p���!�=�G����.�#ev�]�Sf���|O�����)%�@rz�y���>4�#�.�M%@a�7'�/��R���#���|��-�8�~��l	v���:���R�:����|o�o�)(z���#仱��Xf�BV���!&S������$Ć�~�wO5yqO�j67�d�|�W�bQ�0���a4��[�d���s�k@���E<F�_m�O���E�=X�h�Zs�������*���q���s��T�Jt>/��В�E���XO~MV�dXف-���FŴl��t�4��z�X�_,�>9��Q@dd z9[��Ta˓�py)��$�LNm��b.�Y���#
+�ؼ����"f��o���!�я�U�%EV�\�g��`����3\��@��*�vԎ�g4_e�G���=�7�?q�
+T��ӿp�D�:qH<Rls��T�9\)j��!7LG;�ыD�͒�b�+s�O
+Ƥ)����?Bpw������Ir����(�ES�tV�>�(���7��OELG}��y���3R�1C���0@q���0�}�oy\�
o�"�0�&M��{��yq!�4�~Y�w���f�-
�P��#7{㍌�2�Y�
���5%L�D%a�X��_)�K�马덺�3.��-U�_��Ipt���+?�E80�q�j�p�3">Yr�k�1��VW׽��8f+�z�$3N�J�-(�r�b]��C��$uR;{����K��#��4���t�]g��>j��.ķ��^P��ҕ#�����9O0��oN:,�dE�]ol���Yi�f:�sV���SfY�v��6�̛5�1�g�$����)��FZ�D�Ǔ����8J�b��{�ث�l�00��(�̈  .a�	�8�e.C���6R����I�!���.�QB��%M�z]
+콎h{0��`��DD�0����t���S���l�t9���ԗU�-�/X<�pw�����Q��8��hLS�T�n�@
���//��c)��7��+-���
+�'��|�f&�iR�-�#?�	�%���@�M\D�nj�"G�vh�)
�[�ܽA�
+�)�ݳN;)��섾�p�Х^L�v�-(�#R�ӢO�t�m�.�%��~#U�t�_vVt4��( z������(���ln�6~RB��挽!{�Ox�dG��0x?���OԿ����vHr�~Qf�w�l�"�����2i�V�x�ͼ�/��>/7�;yH�;�x���A3o퉊��壻���e���t��?�Z�=��/��v�-VTRmK}`\{e����c���?c���pj�Ź���O
l�[����UI?2�Ȭ|�8>��<��:�����Yg��\��龺����!�u��P��x�ϡ݈ι���#Uz�Vq׌��U_��
+��m��[�5�$��K1wvJ��o�	��?�����8��m� u���V�D��2o�hg��WO�ü�oE�*�M�F�+R�|
+p�K��.�&t5�L��5RQN�q��>4�ŵ��6k�{m��	b���g�{g��F?�X��KϬy!-i͘R���[w^՜w&�W�2�T �1t������i������T�kY)��:.��$7��oGr+^��Y��P���Cͺ��ۓ|�c���l���Ho1#��RF�"�
+�4h$N�S�4.���1ޟi_W�SA��3�[���ds�G����'��HVxA�P;�������		1�Z67
k��xV8	�J�T�+U��j��*�v���=U�q�QLk�Ř��zNI���$�g:C��"*�1G��d\y����N�ηƞq�$�	�U�����60�Ymـ�d�+�&�c_���d��ȏ���>-2�(�P	%�K��:X��^�!�G��RC��/��u����1�"rN��x���j=^Y���~x�X������C8�;2��f�9=b賡��v�ɔ8N^����7���B��!�X�O����^���Y��v�<�-�6�r>j��(�Qi�����#k�eH�V�$b
+���ĸZ�(
~ѽ�]�'ٕ ε�F�@�T����d"�U
d�\�ƉnD���r���sԬ���L��Y<w.��OJ�a��M�^�C��Z��kV�q�gB����~*[6D�e-_�߁�rL�
+:�W��S�Fk��j�U~A8��>I`~����J�Ɠ0��(6׆��܉�(�qGNZ���+ ��**D&��qÎ��E7��H�vM����jN���pE^|�Xe�!R.^����kV
+�w6��V�v��J�_�L�ğ@�.W�X_��#����E~�Ʌ���)g�ּA� �z�Q��R�����z/Ǘ/׀�B�-��Ս� F��6
Ol��D�3G��Q�5��9'd�:?�
�o��f��I1�-2�15��9�j�c�r�v�h(Fm�=�
+�P�A
���6���\%P�d0��5hP�Pq��`
+xE�����O�4)��R۱�`�Ū�R�\�Ln����ZbQ��j����V
+}9FCDa��"
+v+{�	�8���'W���B��!r�yt��_��*cB��
ݴ[�DNUZ8��F~÷����P4��Wy�'��@��v�\X��B�K
�L'uh��e���'^at4�?q�e��^[A�X/4�ckC�ٸЀK��F�Դ�6:���3w6!>�F���ŀR���B�$�;���'�2�L
|9�I��,�57_�y	5թ�=��f�3�����
h�W�#Ǫ9␔!�B,�۟Zo_׻:�&~ը�eӎ���Y�w|mk2ع�=��<M��\���;�u\f�F���y�	� 	��^8�2s�J���#�D��
��Am�Mt�Fby�ꆇ�U6�I�%f!��4���v�gTv=�*q9����X�ș�(.{F(L��eQ:�J���P��n`��Ӌ��
+i*ն���=�}�;O��@�6��c�t�����ٛ1RU
�<BjĖ��IATr(;��x�Bſ+�W̩W���N�6k�l���9X����-Ϗؤ|��K`�ߟL����;q4�v�G[>�����U"m2/�r%4��ŸŁs���8Q����RV��<
�򨁉ו�P��s�V���-_	�X����ͣ�Z�?��΂��2^jI��\3�$u�G�|y�u!���56�E�����4�mRhX���t�Ѵm+���`'�c{d׶L�襾�o��-�LE�J[��4�����mk�+�X�{"Fe^R�	C±��x��m5�D�^�	Qx��x6Laʵ�K�6`S�0�6H��f��E`
+����>c,�x�������������ײ����mh�H2A�M�ě����A�Q'�\7ѝ���ob'�ğ.v{�;�=[mls���^��b� j��3�����1��!=�r�]�R�]��1ֿi��8��T��m�׳�/���7�ͷ�w��|m�C���EX[�;
+
�Q��("O�[�N��^�mF���a���p9*V
]}�>@���wnbNi[��(]9��a�\�Ԃ�1��c�bax���&3�_�QoE��>�q�.0\ɟ�[����B�A�L�w��D���]ۋS���ֺ[����Ib{���d��3����+�ޟ��i��Lݢ�Ͼ�!|S�CV��4'�W��x
+�����Z3Nt�����(�I�EJ|�Z,��߸��75VamK4��*ҏ�aܦ�Q��Ճ(�U^���{��Z��y��N�/��
+wt���kU����Hc���bm+��I���h��P	��X$<�6��ZAgN!
�cR
+���m�hOzY��u_Za!`@��0�z�E��W�����S���GŰ�pU�G4� ��<c�<'�]��p1���=�/�m��oJ�⁊A�iB6w���(�*f�c���P^`��f,�������C��A.1�A�:k=nr�ܺ�F"���I6AI�0(��*x2H\���%	���P'�f�G
�R'�C9�?4��g�s6�(&#=J���gi\���¦�1�,r����a��c�8�ǿ�V{��@�Al�P��߫r�<
����:ͩ\���9bI�8r�qZz�RF�ڸ��ܑ�6O,)$Z�m�m3C�.�X�T���(���z�#I��y1�iP*��8�‘j�>�r� �����J��Эd�'Q����aD�TU[�?�����(8[�Ch��G��֌���h�a��X���������\,��NPDý�����r�մ3
n�}|�
+���9���I�G�1zL��PN	��܋�8Ћ$��H�GRgA1n��'�����!RO΢�'W^���Z��e_���ǚ�Wq�L���5 Ѐ葜�Ƃ�^���C1R�C�3[�~l��dY�[A.���:�oS����"eN2�\��գ[��
��P6BU������ƭ�	�Y��L�-#���k����-4����~��ƒ��HCq�(��m�ܻ������B�D-I3�N3R��U�
b.?�ys�D!hvH쌿�U��f���������e�t"3P.����
+����~~h	}�я�����2�ڍ6���;xf*jd
��p
)d��)����)�����_��軉��+����&03F]�����ZZ"����z����=px�_�+���;����ɔ�.�>LX��
�V�yqr����b����t��h,��QT���D�%�e(�!S�c�Э5����Y�?)�Ȩ�{�<�]��s��1�ª&�Z�A,,:h���bjׂ�B�l[�oD��S�����€�ȖҨ̈�0����в��m.�����(<6͗��nD��#[p��W�b�6���o������a�����7���T�,-g��{�U�N^�R؄*
�#�����s�!�������*R`��[:H���.v�X5���w�H}nBDT^$���H��.E(D[&�,�G����n��"dv��d�j��_�D�Ws�]�%����2�pF��h�gOo��&��G*�Y#'C+2�}�dgL'Sڎ���H��!�:�2b(����n@�Q��Q��NAk8��y
��U�iæ����cw�cߪP�jP =��K�����9��,%g�w���;�]��p;���dB%@k�l�A��d;����ҳ��`��A��z.&�=7M
+G�	��)G�����s��/��9��*�x�����0[���\ȉ�Rc"�V��K�d�'
�b���j�vp�j�1 �jd�ĭ�(��\��)��Hw���t�q4"�TXS��+��+�K�s���gNXt����\�Pf�q���Um�!X��0��ad��}������C�y�FXLM��I�J�
}�2Q��.��Z�,�]$��6�ȶ�v7���n��
2a�^S�KտDv�f<��&k;b(�#�ڃbe�8L�H���� I��2���/5�А�BXr�N;�
+ލ!y&/�EUK���
G����Ր�u�,J��~�uB�i�a�#R�C��C#r#;qr� ^�Y�i+����B$-P��M�t�GS*?�{\d_v���Y���b�n�5��&󎰵Ë(�J��f �Քg@���Z��
G,�T7��-�Q`Р�S�sR�K-o����_�����������:�-�:��F>;��%��y��6`�A��[�:����2�Iw��5NL0�+�pd���⦽ڕ�i����6L��r�ȃ��֌{���^�l��%��5�fZS�c�l7����*oу�*n�E�N��wn$�?ҋ�ih[�_��M'3�� 3M�i�ڱU4em��kX��lݗ�TC�҃�¹97��bf�u}�5��t��8?�Q�]Vb��
����	��������!k�w�5m�}��w�w�M����Ө韄
���
�s�X6�^[~�k�C��v�u}�;�
�	F�}2L�IM��=�<i6�ӡ7w��K��g��S��f��w��)�L�fȀZ��O�#�7&�z�2?P8]�/�\9��lb�ΛH���g���p�$���×D�q��ÅS�-ɵ;]N�O
ߩ�l�\a\��16�!�:��j?CI�Y{�FdM\�X�oR������b蚙w5�>��<�C�u�)|�9��#R�'�슭7����p�ME\��1��(9l�hj
�b�Q�|M-�FR)&���D�����k|������)�����(e[��7�s}1��|օ���y3�}��(�]��A㎿�1��&um•S���Ê�Z9�>g�h�q�߼�P4gK�뽒�����#�5�Yύņ
�jEk���0�EI�m	q?`�Ʒ�7��'���ѳ���
���}�T܌�r����
8BVؘ�8V��k9	>Ƨ`�I{�xQ9�l���o/�7%�|������G�b|4};QA� p)�8��}���>�XT4��*L�˚"���6���1(����4�M�{�c��H��}2��Gi�ӄ��Y���|b��4Q>�	^�-LKk�s�gc��|����'-��Uي��:���dx��B�H���V���g�l�E$p�B)��`�{�|��0���y��ՉQ'#_�^_���`��5�aAo�o�r�����
�0ӑw�>Ǧ-=��T��%A
U�'��⪖5�٥���!/�=�-�a��G*i�u����I24�7��급w�#9����S�a�h���{�$Vų.�Vb��au���E��|dg�]wt�S�@���cxȚ��Æ����_'�C�8�H
+�y��[o\CI�Ӯ-n���񣏉v�?]2q�k�_W�������UxW����0N��+�	��`N�r�bKad��CQ� ��̒�&EDM��.�Se%�T��<^����~��&�(��i���$?�Ջ�=\V��}�F�?{ÓJeL�[)�6
�$�V�(-sf�}�t���WQM���(��II;��^�P��ã&��a�H
���G�Z+�n�j��-�P��iA���=r`�R
�b���B`ͤ��r�徤	�a����I@%x�
+�~)�Y��?��p�{iM!��N`�?���Z�ö@���rTp���J���b���tfS[(�a߽����I��d��(��x���B�2���x��I�1�ݫ�
�|��ō$�2s��_ڞ���E����(`e}
+�-������bBy6ޢ��A����B%���Ϡ���|M?�JV��a^0|5����!h��1D�� �CpΑkS�	\	����\�:���������m��}g�
l��`R�/-���M�ϥr�5'�6�G���waC'�X��J�F΄S)K�8g��#U�)Ȟ���G_O���>����
��z�|~K����p���CV[Bo��^
�̼�
��e���,e�������?LW�]'V@$p���dkɀ��[b�"K�ҹ�����Qy�B9"+,Ƞ�(d�
Jz�tXn����q-J�H��<�V2�H�3|��v��'�ac�,:Q���qHꑊ&(<���g;���)3��Vj;ѣ,*��	���9�{��%�@�݇_��2_��RB�Y��^1�$j�B�OĢ��/�H��W��w�rL'ʞ0
+��=ѡ�S��)b��Y����6Ԣ�գG��?� �h����$�ֵg`Œ�!Na&���‘^ɂ'��2���UY�j�
/��m'�������߄;�2�-����
+ L6���IHUdǸ9�JR�)���O�#��\��B�<��!氓t�|��2"�w��f��x����u9+R�������t��@镭V�G�QJ?�����	X�
�ZP���|�Tm� �)ġU���H�m�	��&t�9qn�Q�b�K>Z�
+�d�e��S/`�š݃c1j�)�5�m{.	��p�b�����y։.���D�%Ǥ2�dO��<�{��aS\~KH`�h��i)���3{B�q\�S����Nˁ0��y��h{����=
����a�?G���DAk�����-�
��+iN�f�&t�pr�
+��e��x�"�~v#B�^�0�x4�'�����>h\�`�4�|�s̍JiU��{΋E��=���D�MUA��nG�������Y�KXc�妿�/ S�|uo;ʄ4���i$F��L���aH3e��9��@;ar�牬��F�og���:���	ԊrV�V�	I%�Y�!#
 ZB
�w�a�)�dB�a;���W
�Q��������0V�S`�q������߸�v����)%���^L'��?	+�~>�_LHg(g��4��*���
��CA�����C�(����z��Z
X��!�#Dw�<�Q��ԣ��2,�\�C�Lt�*gg��v^��s���%�,@���5�O��'q��,�˺&��8�N̫[�b	! �%3��0�Q�F�q ���'��n�%O��.�p�
+,ʀ�s�g��e�-G�Y��{G�N�.Ǝ_���`nUٴ�S������yh����X�#4�+֭��iʬ\��l"iV�Wk�Gܣ�K�,)TU�w)�ܐ��Sj�+NT���J����2;�@��Т.
�7ș'^�g���K��߄e�3GW0��^��C�2%����V�E3	W�>��:�X�7����GZ{Uđ��
+��e�j��kx~�6�O�Tk��#T��41I\bfԿ(��w�pN�T��R��,�	�����&�q���ٖ�{�yW��B�k�r��E0�cR�r��7��d�����zQ�)Z���)קsE���La��Ay��Z����\]�9��]����hڂ�*���BL���i��4T�4FP�|:V!Gxe���ǂQ�m��O��
�MV40~E��A8�d�;h�ȯ{�L����"9�v!}r놉��U��,�C�����
+�[��z���'�G���/I�OA+K�3��A.���u	�����O%���4H$����-�!2�E۞%���?;�l�%w
��sq��
b��oS͂ٸM?��8�@]��n����t�Mٜ�y��8^
+��l�U��R7^
�J�璕/lD7��"�6��'�F=9-�$6�҂��XR
+��K�1~
����i�l+��g�hEG*��$�s�I��I�
+�]Ƣ/��T���u�5T���`#�iՆ.?�]���c����JQ}����|=ʹ��6�
[H�i��N�_�aX'[��_Hϕ�u�BI���W��P�_
cgf.��!���s?��CK�\�����D�B	P)=b�1C,�q�0�����I�#���Ƒ�t�U�O)
+P%��
� ��G:.��o��di�N�/<D��W�uO���w�T{���{���1�u=�'BYw�&\!J�3���;���9��DϿ3���w@��d�Ֆ��ԏB�U�
�%�q�
+?�by>�G� d��Ȗ^��a5a����I�s�q?��Œ���mut��%�/��e�́�Gb�zK��j,��B��
+�o�z����h��z��K���Q��e�"�,ۢ�W��w�2�DOI�0
$d�P��y��
�9j6�5@]��7?P�mn�V�t`��p�֢�]2��I�{Y(u�ʪ��ݷRsH����	͐S���i�LG�]c�}rK���M5���HcOI)�2�5�W��=l���q��GK��ҙ"anJ�h�Y�n9a�1���mH�{s/��견p�+�1"�%�#��(���y+%V��¥2Y���W�N�_�Fa03�������u<�P�#����ǃ�99��k-LJ+/�Rh��#&t����a��B�OG����Qz{���@��P��P{�!t����XǪ�%�����#�Hב����˫�����8���O���ʪ(�?�x.k^.
+����:r���h$�y�Y1Pu
+�Cn���p�o��og�Id��x*��K�q`�T�Am�*g�#�_��иy��-��Tƿ�(�ѵE�2��ڃ,��:��g_*1��(E��Pˮ����	ĵH�͘rP/�@rC҆+�`MJ槏!w��Ũao����r����}c"Q�����c���q�(e�"��nri��ۥ��)#�%�e�\ ��r|���i4���c;�r��(Yk�
+��}��`Y��2�J��ˆ�?=��7��nF������2�n,Gb�V���CFp\O��@��LU�韴��D���:�Z��Fr�����2)Ӹ�,6�m&0`��$�9*c4��m~n�Ţ�@�}mP�y�NY�5R��E�E�4%u�c�ۉ�9��	�~)�15,4_�H"-��4�m�D���*G�V��KO;d�K�
D�F.�_ay�����6�_�r��2�^����E�F�\�6�+�q�*E=�I帙F;k#
+�%X�c�F�2��J��|�>�z����g��r�LB�d2�"��`��	�6쨲O�g2�B�i7WŒ�C�b>Jy%�[�k�"�~�{J1��Xo�
Z����as�9h>1��3��&�X� Yf&��XV9���h8ua
+��"I�%�>�E>�����\�����H��z��~��/([�Rq������ݽf_��_/�{�۽��bTU�H,���8�-|�
,SF���77	}��������L�kP���&ݦ�h�^���y2x�s���ص���^N!u�j��Us��Ad��R� hҺ���u����ֽ��x��g�Nn(��y/��cc�|��l��:�;��Q9���t�R�pť��Wy��9�i=�,����Ȝ$��ΨLw^�yɨ(y3�;ؠ���K�Dؾ{��.6֙Q�4�ݾ��{U&[�§jabW�]���c-�jk-��bo��K�d��kn�**F��ɞ�]^.U��H��_]d�qD����/��-`H�_�rmӿSqFE�
�DM(��(��RG8^�^�?��S��|Q�V��ΈwAweM��}\+J�Lq�ޝ�ʁZϛ�J�����dd!��3=6���#N�P�vcGw^q�C��O��Յ��6ް�$a7��IQ�IR����U�m��N?]��S���6���8��x��U@˞;8
Zw<p
[�	���$IW,�D8��I
+����ld�4�2�)���޷����ӱ9'Rp�F����ؼ7��ae�	ۢ��4S��x�h�G�AF35��y�7ԬQ�Z��Қ=ȏz��d:°P�H�0�
+i�b��'��6�BT��A>�E���ʴT�]t;@Y����՜g3G&w��c>���H��vӤA�Kb��F��Z�:��O
�wܭ��^�HɈ7l�*�Yzjt:�I� GJ���n�߿�S���>���m��fۈ<�E�v�d�Y�q�f�ڋ�JF|�!2�v,ۚ�@�`�e��ɴ�oNa^��QEgk��KH/R�y,.����_�q��?��M��m�N���
���
=��4�y�~"�5AƵ�D}i�}t^m+
Y��s��"�8�������L�/�Ոf~{���ZHs	Wk��ߋ7a�<Җ�����}*Ae�e�S���qJ�HI�lJ>�b�FB�%4S��[�5��q�V~]�62�k|�G+�5�"��P�$��[�T(��S}/J���F@��8�khb3�����'��ho�(2N�P|�2j��8N��K�).*�x��gu�p�†�[Wn?07�P����������C9�)���>L��]��˾&Z�A,��OF�d�!%k��y����;��J��1�O�!]9���"�a�$�y�M���o��خ���������J[L�����qf����=�e]�N�*f�Q:�E��/�7w���N6ok�D�q�1��I�c����l e�$@��l�מSa�={Z�KR�2L�
+&1�Nǹ����0�{�=K�b���s��^�=G�)��{~ҾQ�=���;��Q����!z�Ũ��� ��`2@Y��-�M2ޥ�|�M�S�/�����*ޞ�c�8KE>s�$gӧ|��N���c-z�eő3����HZ�?��'�N�����s�d)K���H�"f�y��V`VjH�~<���f�;%Ͽ��"����ۤM�Au��ʰ.�Q�5!.*����1�q���dػ���aK�\Ζ9�vA,��I*/g�7g;�X�6���G~.v�:ڎ6�����zo��,A�+�x��m�ڭMy4)Ǧ߼��c��,_Z2��G���4��.s~:��<�;p�s�U��?�'U�P-��8�Y��J����62�xA�>nN5�<qs����
-ZdfZ�t��<�z�<l��9<f�9^$�d�w���C�����8�	=�z4��
O@���$���Lb-��W2�Ǘᶲ�M��3����
���s��������� R
wR! w�	�=��Ř�Q��~ȫ�3.�C�
WЬ�HS4��8���&/!������;��s�����?�lxh��޶	��2p�#���"��zx���_�������a�����_pG[��5����4�T�e���Jb$�F�4��"!��&q�ąm�����]����73+e��+.p��#-������Z�����-^zb*��+W-0�sj5�����4FR�MZ2��lqt��x|x_����ź��P�z	]&<!��0S�!�~
c|�ѓ���H�吔4�_"�蹹mV�6M��1J�4"�FKi2G�	��<qL�Y3��m��ԕi�M��M.x�+B��'Z�35JZ�G:�pH��ƌ��ܱ���
G���D��R�^��L��d��d����1��c?[��H���VxL)�Z�^'b�$
�aL��(p�6����VX�3�fF��	O������|�o�'d�N$�kW�q=<b[�-��:�i&ַ6�oơ��������p���2`���<�nJۤ��q��-��
5�53�	�`�UG
+�8���D
j�����������g�Y,e�'׺�����{Ǿ4$���w���l��z��JU�F@��}��u�8o��>����i-��?S���@/<�7b�&�@��y���n�iλ]�C�D���|=V��Oy��e���]�V�o�1
�E�R��a/�3�D�I��B
��#J�ڱ1k��
+�˸��tP �3��Y��2���u=�y�4�E�4P����rK�+��)�l澸�������P,���
+Y3�+r{K�S��e�M��������g�63�.�uIy�L�{_g�d���T�ຊ�^���iE��h�.c�g͍;��s�kA7=��;�����g����f�����ݎ��)&�|������@���+n�3����nNYu��1�q���:�f�3>]�w{ů��'��0JH1�_T�Ǯ�Qr�ݾ�2��x�;�t��V�ux�\��w����{�.*������H.��ɿ0G���=���(�]���{H=��fQ����Q��l��x���v��"�!j�q|`T\\3<�ԭ���E\ *�.
+��	+�B���qI��QvC��ē�̰������l�=O�%�����KLmVMPg��/
+Vq1H�=��j��]�Mó�݅��mjմ�4��5�7��D��K�D�J�w	���D�]�6&���+�����&�_��z3��9��L�o�0��
+wN����b�
.f�>�1���Q��/�
+u���ĥi��Y�0���Y��7s�Q��t�y|.aD��X��K��\b*]+�)X���9x��K��q��kk<��J
��NA\������w�ʋ�"�O
�%�f�&�~�Lk�EM��Ɠ�L�"I�q��'��Py���,q2�(�cL�y�Z/�1Sʂ�A�b(��#1;Q��*<��Vv�>h$>1�)�*b��>�(����>���O�S��G����q]^�
+c��‹�.
+sm�q��R�'ޟ��1��s��
�Tj�}�)<Y��k�}/��	���u-������jXcvU(j<j��J�/�����^;�RO$�Ɠ�2���a��M�[	�
3	�������du~�>�P(4���Y�0�LLG��8����9���-p��d\z�1�.=�4IDy1�L�jz3�)T���F�`s����޼�
WҢ-��DW?� ^���.+u�ɋaw�:S��,Z�|��)L��x�qwؓ�;��Rܥ�	L��/ҍo�o»ص������W��4�
+ϋ��ⳂY+���W�s`��)�&N�nc��h�}ڟЏ �S�m�I܆�d.3ÙÜ#niW�	p��ޡq2W� ���X�*�}$�*�|��d��J���7r��L�
/F۪P�/��9%�W��^]�����b�u��8k������
��j�΂S/�<GH��B�W��ۈ%Ǿ/� |;��2���kV��L'�j8�R�I\"*=%�����p�q
k��;�p2�H*�CV�8��a3z����{x2�(���s�߷�}&
�OY���X��z������>���B�d��K���ɫ�Q+�WP|__,�����^r��A�@�1�6m��Ҍ�t�O��d�Yq�N��v�A��7�� �B�b�c@��a��@5d|���DL�
l�=_����a�}5-�M��=O�z2%�7=�
+\���
+͸Ţl��"Y�P|��#��|�}ۡ7��{(���??��a����>��׏_8��x��ԉ��Q5�ϔEM��
+磙i
���ۤA���
)����?~��Ol��??�����LZ�~h$<�ΘI��<i�@���8p��?�����R�"ey7K]Q�Z{����_Lt+�����ЄǶd�|2��Xs�,[;�r#o����8�Kv��In�”�1���2j�����9�KL�Lʪ�>N<ec���ȵ��ɄF�L���券��<e�N�v�`�����/.]�z#^��2!�'C��x�#�ƃ ׋�D�A��
+��Y��\b��k��n�f�.<8��rB�kt�7݇�i5J��e�Ϸ��P�xy�s���]�������
�5=@=;ܦ Gp�o*gYi.�<{m�q2�(�e55}��k&m�p��~K�%��ݵ�u�ff��F'�K�(S��&O�
+\�~xD�ތy�%2#D�\��
ً���nFS�!sCb��x��ݎ�'�'s�Y�]sÇO�E�s,�}�R��q2��
C��I��T_H��
j1��T	�u2�t`r��F~�bJ�=v	w�c
�Le�˜������c�'�Y��i�b��0�lnxcĺ�˳ˋ�\˹�/{]av?�<�vMg��l[��b�����[��m�e�*���O�
+C6�/D�0p�%�iv"��xH%��,���om	��E��g9�C
Tl=+�&9UuZ�M3
���/�XOc��)�]�
+�f���ڋ�Dc���u��K�ҥ�6#8ϸ̓�7e��^��"\*'XF��7=�KLk"6M.�o��(R��4�Q�}�àU$
+w�i�ppD������Dl� �����T��I�xr�-U�o/�-��X�x7�,bS��3q��Pc{n���.�(lr��f�F�Ķ��IJ����w&U$�Y-i����X#!����=͡�*�f��[��T<	�b�Z�5v��^�xO���s�}1�J[x��ð�Aį�ێ0�����̈́�mc�]���ܘ�Ɖ�?��u�Ȭ��㾼���'c
����iY^e2̀
+t�tMa]�
+�[]�u
+N+��	7g\���	)$��5�m,ZA�	�FLK�[�0�O�Ҿ�'2�X?�;c8m/����*�i-�3���1C#�΀~qϐ��q�CgML-�}�݅��'9k��R�ٵ��-�0�{��q2�P���%FG�+t�6c,TgD��_���XcǪ�w���jב측�|���J�~�ǂ+��
+z���Q�]�f���4�t���C�e���Y��w�
조�B���tļ��'�����f��1a�~}]aV:��b*���wq�}���
+O`%#Z�&m@U�X�;d��:�|\�x���hw��\Ւ0Dr����d�Rr;����e�e�e���'�|hS��g�Zc�mв��
Y>X������m��l�_��y��ۯ��#����o,�K���Γ��"�
Yb`V1�˨�WD%���4�vQ�o�����
������������_�����F-;�b���5X�,+�hU�yY�"�-��
���
+/n��apb��%�/�=�d,o
+]�|�t���7ٳE_�|��@q�G�轡q0I(׵k�w
-��k'm��h���>�#q;)�}eG���SԫU����<-��aG�!�y�'3��Q�3��^Wvd�<q\�t���
+��C���߿Q��Dm�|~���3��q)�
>��O�|#lhN�V�v��V��vݾ&�7Y�����X�.S����
�H�����X.v��niNC�P���J8	(T`��E��j���k�����&�������}��#˃�q��l�q.ž3���+сP����!Q��X9{aQa�y���W�&�*S�gÊSk	�3J���E�M�t �1�H-M>(�hǶ޶1�$!���j��߬
�m���������*y���<)8�L�Ϻ��(�DqvqV�N:�����^�~�3Qg"_I~�w��>�%#kO�.���܄D�k,T����װ3y��>v�>J��:u�j��-�.G�_cnJR�{%�WG(�jb=��eX`������m!����%s؛e/�R.��P|"��$��f��6�RM���TޯT<+�-j;�z�y�>=�M��Z�@� fG�l�i �ݡB�Xp�|�B�i��`��=����
�C{vG�
+S��
+1���9�'�"�hv���N�

Ʒ��v�˲tf]���7
1(�b���b�ր�S��#7%�����'�zKW?��^J9&����T�];n��6���|a�g�EDe��7�sL�r������x�C�	CF���:��E��#݈�K1aj����<�:��6���
+�=]��C������
+�Թָ�3YR���M
-E�w��0$��(c�!��݋r���;��p"�D���ԁ·���.@	�'��zںb����8�\CT˳*�U�ꚼ�7\�1�,����z����\�Z3��
+����ʛ�N�����U[/�eT��[�x-gg�?��k�4��K�QRxh���6B{X��Mׂj����{W��X��9�p��;v�P�P܎� �-�JM�b|P	CCK��I+��
+�csS���ö��n�����������A>{
�L�!�r����RWR�j�p;f�P+?�dVaT�(��UX(�sQ�)�1U>��|���S�rA36��4����v�0Cs�]`��S�;'' t����uE4�w���ZkzU�r�T+�qEnB�4p[\���=����UW��܌h� �>�ڊu�]��^6dy��#e9d����$N��6�q�RA�̵����oƧ�Biz`���>i?u��z���JduJ9�j��B�i�zQa�t/�
�Ƚ<�*��b��%~��ۆ��~��8��5������J(��1t������Y8ӏ�π/I��B�������ێѬu{J��O��LX=�V/��1t��E�e,6��6;�ܩ��V���!8�V��y��+Iis>�%�dڡ�.J�D�6���T_���x�t؏|��lh�Ŏ�G(�zf�(�����V�V�����*���w���I0�t~���ׅ�T���H��8�B4P96V�Lb
v�Ht��
+��MYjC5;K:O�������v"���Aa�mH�
h�"�F�N�z"7!��g�uF#��H�{���Jj;b���M�����.�E�G�`<��΍������8�����
+�6���U9���͡�ƕX�����ԇ��#7!�B�(�8#�dtʨL�1ּX��>�B�Haץ��f������#�Z��)w���=�xBũR�!:nD[m��������t��R�V��B`ƦBR@�!*ڀ�Jb>v��d3��t�N>����C�I`�n��%�}��ۉ�G-I��Sg
+�|
+I�y�,c��{H��#����9`F�1��6`]!z:(i�v$J��d�"�I�j�rs,9:|p��nTs��٢,��4-;�RL�GY�\�<���T�~2XB^
��kspy��0%Xh#{��Yګ���߁U�cm�X�׸�1L�t�؃�����jn4<+��E%����5[[��_�H@�NL۪�A���>+`\+ �]/b@*��>v������?%:����,�u�x�]T�-��1|��nZz]C@�S�؏�<p7�M
��4�!��q�[50�����>�����%p��QU��ad��
+��e��{a�~w�!�AQ���A���g�5�k5h�AzEx���/�,	[B���5�>�ξ~�ըވ0�2B�	:&.� ��h�����]�@ml�z��F�� ʮF��l��Hh���
���|��@).��j�|�JD��tg��8�]R�3zZv��UsT�+�HD�heSg2�;�L-��RkÎc��{�e(�&<B^m�
+j
+Ł�����+���PΩciJ������Dnb�\�	��ςn�f������]�Zۑ��;��ij  UFW�KT�����
+��KB�kc_Tً����Grx�W�j�}y�\]��N,�S)w�(�̰�)�A2H��"a5�d��
kAE^9�{�<�}��CH��J*T2��4�Iv�(�����mt�s�w�円�\�6�����<�VbU�lj�W�� �ڂv3spGL��M��]M�b�q�W�[�z�']����ω���B����Q�ǯ��lJ�&^�s�|�x�@�`a:q�27oB�� �Y!-M:@�遤�s%A_vf�"ѣ=C�#٬Fbq�+�9�Xb�8�E��z��,[�i4����A��Bt� ���J�1��^�����fa��s0''�-�S�b�Xj:Ł<䴸�(`!��%���
3�7�Lz�
�)K���t�ܷ�����&�,���.�C�}�~���90=����w09�K�֬���nzD��2�L�p빮鷜���{
k|j���Êǰ��`0��
����=C�N�\�-/^��En?s�}��,��w��3�0��D�.�
3���i(K_'B�S���5v[>{�O�]slbR!}L)X"�cv�"EQ��f
+U��R�<0���6�A�[��.�S���梓w[���,��-%��̔�D��e�j�I�2g��u�;@h_iD��	&i�~5�Ȫ�v��^�FWX���B�K��9�B�i�����N��~�5,�3IC���7�\ňC��� *����\{1v�3<�R�na�q�cgEjGlO��F��ד�`'�?�(�0k�;��b�)�2�3ߑM�3f٣��bG���ڛW#�@�Җ����Q�tZ<���@B����x�!����GK
+l���#�����]�@dӁi���2K�)�N�-�<4;���@�i�`��|����;������$m�Y�Tmxg�~"��yG�Z��!0]X�����=��\C͟����—�5y% $ZU&k�����[F����A��P�@<2�:��̠;BA��r
➛)"��N�
�⟅�VL����n�V��v�����
cs-��j�8����@���*�p*b �S����!i��VB���lRiM�y	���*N��萓�uB2N���֎؇��i�ͣR��G�J\y�i�m��J Ǯ<�d{�TE\|n4G��##�\�,�����սz�rQ�)�T-X��}�8^�}�����2vU�CR���,��7�
+;	-�xk�N*�(;�Nf"�)v�
���3��j�S%�O�������I��("Z.����k��D!O����>
+n(-3"��^lj��+n.6a\�ߜ�D<7n�{��'��Y����̼�枢i�e�k|]��6��$�+��(=fO�T�1I3���=��>؋3%l��N'vq"Ό��<Ǝ�sP��݌��w5��Ѧ@\����v�q�0�"��Z�u���e��*�Y�m�����5�Ys
!w���v���̟�G�]�M"��tvWFl���������v��?��93�ɧQ�^B�<�P���y71���ǎ�G]զ��_������k�ǎ,��p���a��E�����y��0��tGW_��b�]�ˌj��,��'�8Q�$
ur�ۧ���f�L��l�R17�_�s�<?_o��e�?�wI�
+�e
��4BW�,�:�u�ׁ��~$��e�7�dSRk��sa��i�Ul�De�s�]���;��Q�ߚ���7��X����|�������:?;�b�3ߙ�A���bG���
+��҉��/�C5p*�Sa��N�8�J�y2�q�@�>}��3������Z�P�q���|�����'�Aԧ�Bz|mJ#�fq:���۲u.c-pk��k�(>��}l/�|$#����,���!���K㭘�5�b%��P��������	�j�k-�e�-��������M)o�ҹI}�}�ol���-0n[�U~��Q	v��0�����p�mƮ�s��r��W���h���V��[�d]��U$�$$6�"d(L��������uG̝Z�LU���K�X�Cv����b����G[t>�j��{~o;b�9�A�
2��V9���JQk��ߤ?��0}��d��C�0����N�,b
�ۼ=z,�t>+�m
+�R�kb���}��V�S��
�H����c��5��=�'Ĕ�Ɲq��ɷ������@tAu��3��H�!��;g��s ���q�56O�y���zֵZ�U�gwd���H.U�uʮK����@L�ٍ�b�滅n���a��(�
��o?��3�n6)�`��$>U���ќ�Y\9}R���~��>{�G��G��;g�8`�}�~��<k$\�D6P~�/������Z��0��Z�����,tG�1jRԽ�4�l�t�ܒ}β���h��SH���!�'�A
2�2;ub=Q�:�Ht%�G�d���Q[���ֲ�c-K���vo����<[�]���J�Ù�1�5-`����r��+fw���=�r�#K�$g9q`�N�����x���?�
+L��:��RCʃ[�{S�/�JcG֌�z�S>��{�p�bj��jKz�H�p����
)
�Kr��*��*�rӝ�?_��?�b��Bֆ�gp���
@�	|�N.�;��9E��J�F:�b䈊��im����U��{I~ɭ��T�n���e�n�!4�L�t�����Ջ�,�����0w������D=6���5�eqpGBY�S�"�f���%���z^>v�{nWZ�l�&���%JȾx��w��3��CH�a���*��&�6�;�kfF&y����?jnG;<��G-�D�3��
%���&�������:Wt\>L��u�v�Ͱ8�lBψY��~}�~ �V��bMPg�&�ʛ��:��Ւ,I��s�9A�����6�$�*gE��T�$�|D�ߟ�w�<L��X3�ⲻP�"9ė���q^ē��Ή�?�?&��l8�i���g�}C�iӬ�|��Z��w3O2&ƕ�)��Fϟ�1�%�&?w����sb���E�pgR�&7�� p��=�2ӣ۠�ܼ��8���/󐙸��Pj�g*m�?�C#V��h��|jJ^�8U��E�d,��)��I./��oڌ��w�(��f�ݤ ���qn����
�V������
ůyOپ�=-bqrl'����� Z��8p�����������JxɌ_�o�9������b�dDXA�/=�n���K7�2�Α�Xq����c�b�E���|ԙ��E��F>c����'�-ƕ�\����C�ֱq1y�|�:�r��"���te�'CoF6�q g�����F�R-p;m܌l`MӺ*�u�Gm�)Gm��N�݌�E-�P��&�P�T��q���!�δ��
+�1�5p����lP������_F&�#
+�	��=�R�U��T�#ƛ�]c��3V�r!t{i��y�t�&�L��j����uo9����'�*F���v���j�k�c�b�D�g�R�]���2�[;���ɨ�>��z":�iڸ�h���=ld�(#b
�v��fdb�Z{>�.
+�i1[dk�����Vi��6_p��"�1���WmyT�s�o��9��Ϧ�0�R�g&��Y#7#E�✂
��]�HƹL�����]�W)r×2RV����Ǎ��
k�j&׍s�0
���ֲ���X��^��I1�s�� ��Ϭ�7#�L�b
+L�r�*>� 7-������7|5��K����ҵc�–�$�����2���Gu����4��B/~�h�P��@�k5M�
ON���fd�w]͛l��d3�n`
�H�c�"�7���[O����?�l̥g�����P���+o�����F�
�"pY�1�l���u��Q�Y���x��@�
{�DZor3O2+Ǣl�i,2��ɦ󘸘t��.v>v<<�*roy0���"d�By�Rc���΁�7�w��
���!SQ��`��:����U�7�n���+~�G�Ŧ��263WV쏖&nF&P�Q+���(�yuH�����¶�.��_G8;f\������T0n�I&�GU0��Xۉ�R�0ɏ���:>�ˆ-��2���g\Y�o�F0k�%|�6�ql|��}�w=�T��W�8��i5m܌lԩ>1�ޡ֑x%>'�7#��ݦ�bOAx�����>^\D�+�WW�VwW�+*K������a�����e24��9*"$��𛑅R'����v���ݍK p�3���3s��ʲ)V�1f����F6��j���!�͓Pc؉"Xn�?�C��v��N�Pn��6¿���?�#�$��������c�fd�0��R���8�B�֕w��mmc���j#�����A��L܌L���rK��|�E�k�gW�U��#l�ޖ�����T1��c�b��Ĝ'��>�F����\<�q3��fm��6�e�E��c�-'�n&Ӌ��8�z�)�R�w�M�����F4R2���4
'mnž���Ŀsńo�ט�ö���wt����Q(mD�
+�½gx�Ŗ�y+9/B��&NXWRl����w�d�ϩU��e#��U�L�	�6����ܤ\�j�X<��U]chCI�=.&�L'p3@�2������ӛIUg�g��:��lXS��_"�E��
+)�
�1��oIa�گ"s���0�KƢSy3T8�����R��#
+`�y�S�XU�
��f׺���3�*�tH�2٪R�������<�A��� �V�ڨ%���fy��Q8:�m�9�`2Ĵ�́o3׈O�&?�#B.�غ��8`��������U��cAuTb���^+-\�,tt|�O5ς%�
+;@�G�f�2�v���v��
u�qڡ���~�GL�d��	stf��c�K���ovW��c45#�����R-1�X0���f����	��LW7j|��Sy�����Ȇm���ʇP�e�X7���Ǜy�_#��	Ҕ���2Ȉ���ԇȄp%D��劶�</X�#��<���k`�X��+_�h�2�;��j�!�q3��А�ؔ�ܭ"s�T�6S-�rj�f���,��g(y�Ĝ�[�>�<��b4M'�M�ߒB�
�SݷlZ��oF�u";qf�N�x䖳�;>��Eh/r�t\�).����uq�b]��7��3�{E�d�n�ٸ-��gw���U[n�z��_�f2
+�>��&0��4��f[���ht���Oۛ9KEo��ہ���$�:�b\!/x�����e�F��V�5�a��Ԣ����vbq3��C���1QP�M�ۥrތޤ���+��V���]�k���z3�
��t���&\�~�똸�AսԻ�;p���L�/��
+Du���;�\1g�ϫ�������b�N��"er�����H�er{I1ҕx��"�tSIY?{��d�Y#+}|��ԶتRd���"�Â�Zg��7]�=GU���q��/=Sj�T��wѢ��[�������ͣ�׳Al�1�D��7�)Uec`"G�T��� �ybl�ěA��7z�*-}h��R�*`?Uz3�t�,0j�%�c��80
|	�/M
�>���l�F<���(;��53~-��ԛ�Gv�+�rQ�~E��\�ֵ�
+@���|$�>I��Y�g������S{.'3��Q��ɎD|-�c�6�/�S]'啯ݑ��	���wO��<���*�q�"�0b�wR/��9C�Ŏ�7s2��D�d�[�8��EqG��3�Z�����k��=���]Q�!�ڼ隦�L:@k��奒
��E��uQV�(�)o�J���#6�hr�+�v�jٮ1��QFWf���u#��Nr��������$E��SS�L���*#)��3vā���̚��O[����D�Y��_r�w�����r�g:��!v�5�%�	
�=��ЋK��_�u�S2�]��ge�6ed�����5g�_R�B'���&Kf�^�b9^rG��ț�x��o�"�(㼶�nQݣ��
+U�4�#�R��7��o��]O�����-w���y)t����B��NjV03eD�\����U�
�4E��A2�������bC�ݧ��"H⥪y�Jʂ�T��w$��O#�%G�\#ǭ?ǵdžDը��
�ל,�Kk��r�#�IU��M��v` 'D�l�o�"�Y7�Z��(iEx���P9N_Jŷ�c�w�4�~:Y�����`��|9��A�2@�⭤v���~�`��-?|����r�l6eyr��X��1Hqv��Ȩ����c�^��kbV�_E\,{�)��p��Yw���z!�kX�S�5��<�x�
�|�ҵ��V5
��+npl��}`nE+V�
-�'���p2{C���:g���5V�)��s�
�{,#'w^t��<������s<eGl�Vm��2q�?%�\BSW�#Q��&T��d��p�R�#g���|�L6;�b
<Y2
9�`ֆ����lG���"ef��…F��,Wr�d�q�bGB���2î�IJp�2�!�		�l������b����`t�X����5��Ċk��9�t�9{C�G)ޣ;��~Wg�g�K1^�7�J�݈��9r�y��.�ܑ�{��:�)0ɠ��]���m\��#�Ų%�ޣ��ev˱džx���L�4
+�2��W��΋�vĮ���g���O�Zn6�ſw$B��I�ױ�]��ڰ�u�df}�V�b�h���h9\ntˊ��PĎX��7�J"�=��v���$�QV��2B�!��Ő"X�y��5�q��*^є?�W۰��duA��lUܑ/!gD$�jK��r���V��/��@��|Z�O�Pd7o�o0ɵ<q�m��]�e��3�(,�H��l<t�����5�k�x��
�;bAU��[
+�Rn���թ{�3�P�����K�qڽ#�f[Ve�]k�=(����}�w�{Њ\3�a��{Lq�o�:o�G����+���	�ŵVv�UA�L[�U���|a���'�̲Sr��DB�;��}Io!7�glY�?�����w?���_�� 3��&�M�M!ķ��m̄�#�'�`�
+Re�����㻟~}����矏?~�!��54����S�烿���>��ߣ=���
#	���f�KpИM�p��G&G��QX+4}<<7��:<��c�Dσ
+���'��������P��S=I`�R���}m����������A�lHH\�6._�e�*�������.<V}͆+|�#x=�At_�5S��B	�^{":1�uWڮE��d\���uW��A���ࠢuS�����L��v!�����p�)3a\�
�����c��0�-�,��e��au)O����s%�vYc������ J׹�^�rS��aU
�Ou�*s�����fL� "���BE��m�}[�7beǚ&�-H�!��Xf�uxߕJ���q�~7!�M�F��d�&�l��������M�=��@�H�k�CI��&����6_?��@-d����-��O���5�=��u�	)���
Ϭ�������`�"V���6�F�����z�C���:��]���.�
�eT��x~��d�M|w��"'_��#S�X#��:�7#j�k�}�♈.�� ��½P��J�.kUq�����F�YXsX�KL���3\�KB�(�f[�Zl���I�,ꂮ�x�\�����5>�<=�>�²⛼��:��nŢ	j��ܥ�tj��W�Ǜ������j(�e)&q9�-�DO�Fx�l������:�Nb1O�G��}�)��H �T���9�YY�4^@6V��ꤣAs�I4Ce�K�NK�A�P:���cMџ�T� �sV΋Wd��j��H1}5ذ�Ӥ��Y0ù������i�[�퉃��d�c���
+س����d�f����{��������Y�0��v��1$'>��%F���Y
+*CK�����=bS�U4̟��zk�>ߣ���zls��M�"ٞ�z�� ��)m�?�@{�n��`�$sOx©f���l�no�L��zLG��uމ
'�ƻ�u+���h�3���F��)AkZ�����(ឍ�3z0�U�h��,r$	�w�����t|O�Y���
+����#\I�ي9�QV4B���8C���up�|K9��4t.�c�#b�2���x�3�HM�O��l��b/_'�l5��
+����y����*ۊ*�r*��&]t�2AJd������CO<�&Ne"�Z�/�\��Hc�K���-D���D!����P��Yt�<�Q
�$����V�Z�h�,�Ζ���4C����g��[�^���&^��QޤksϼK��_�v(�G��a��`�e_+Ec�(
�ahՐ��7�����$I�Q�O��6�?�i�j����x�ddv͌ي#��`I���H��*�$cdO/�R5�PNk#���^i"����@}�����
+DA�	��r���M��
?_�����Uɪ[���o���|���7���FX�ZXALh�M_��#�EG��<]���R��7C�p��d�bdI7�u�t�fm^�Ψ
P�@\�BK��ŧz_b�Sz��pY�{�p}~(���2��/�����7���߄�w���BlBӊB�!�.\Ȩ�K��-�ž�w�����_ճ�,��O���1���n.��ʈH�"
���M�{0W�-
�zs��^�}ĸ�
+s�	��%��T8\���-f�}ʛ����K�3*�dx��	li�
�"�,I��88`ʮ}��%e��ےf����9�9���9�ć�������Ki�/��Җ]�/�"�/�9U�Y~Xgǯ�'�}惉�)l���PnM��[�S�
+i9�$�������\QR�V喇C���.���>i��YUn�+c�ֲ=V
��l�]'A{�=R�f���X�+S �CF�ĩ�]�gԢ3�
+���{���AN�lLK)3ஶ5��x���1r����Ә��yfU~���*�����V��g��Ǽ�kJ��
+(�ul�q_��h|B�qy5MV�F��B�1�ǹ���jQ�O��=u��N��?B���8�c�|���3��f��z�]�7�H��U^��jᓮnuaq�4�Ij�����U9�]��3�i�V3h%s�4/�*�"^��l9/����jYڄ�Id�2jv.�"+��Ag%��f<.Q�A�4�Tr>�{B05�/j�:{ĝ�<[�����Fy�9pܮdߣ���
1��=~�i )�)}���r�d�֓�*ỹ�‘ˢ�\.�SɈD!S;�Ӯ�y>+ڋ��p��Uf^�h�?���x���s�{�򧏹�!j�WcL�Le5go�値d�$P�DN]/��GU4'��C붺o�s���m��u�ֻ&��fʑl�RU8Մ�6ݮH%>ž]�#�L"�=\]�g�"*�G���e����X��LN�&��W�b���F�^p�=���{@��~O��)�^�n�r���7%%�ݾɢ'g{eR^z�,Kyo�	,b*
]��-��J�a��*���\,�vQ"ƙ/���ŗ�}�'{å�~1�"C��+5�ŴVlG@���=�u��Fa&�Dm�.Ku��u1GVvt�<�E�h�qtpGF�Q>?�
�}u��r�M>qk������Z�C�V�Nj�g�H%�~{��>ъ���"U+���>y��\�[b���F�*� ��Tٟ5\T���[�>%j�^���#M��^�߄}������j	ρ����RUM\��?'m�9�_���g��)�K��7�l���)�����&�&l�Q[$ͽ��_9�:����<��W���uL�t��
Jc�w���	��rn}�;�������<���l�}\-8溑�S���ԗ�(>�M�,w6�}x��aITP�8�#�v����q�x��ZX-J��t�d70տ�LŴ�|��Q5o�}�r#ݵ9�z[db�#�}���C5�� �/���#&�%�V���MiӒW�s�u�O�C��m�-IĽ.I�{3q���Ё��!'�����C��ϣt���{���h]��ţz]�YS�NE>B��rj��)�握weɡ���k��ֹ��*X�cƗ�m�̭,s��֙��No�!'��şz�[Nf�!d����]Y���H�>��Cޝ���
��aq�L0�'��20���V������B�}k�`�8��!�*,ɍw9�[)z�y׆���/�Ņ�pD�"���FFրG�������=:�Th�s��x��䩮����ϕ��5N�8���"��a%Y�:�ޙSw��e�%���7�YG���=A(U�J���$��2'@k���*G
+�|F��I��J�l�a�$B��b�� (��\��Y*2�T\H�[�c�vdl�Dߔ��q�CR�����K��*H%ͻ��PU
d�D�����
P7�u՞H�y�e˫oA�a�|#r��ÏM�����M;p�	�z=���lW�M���>z��<��q�b
�(w1�w�~�M,$�bc,��@%�YA���X�4�ѷ���c��K��C�r2�<���Y6�c̻��4�l�'�ӃG���ɟ�X{��a��WeR㬨E�vM{b����L�L�.`^{��
_�,��ff�J��q�1ج"Z�-�U�QM��	�7<Pt��k��T
+��7N{n����&,�/�j̞~~�-p�m�����9�
+g�*&��O2�hN,���JjD��
+��i3��Կ�^�kwD�#�;*�!Q6q�zn�g@3�8Q���<*�@�p��IK|+Ʉ����j3��v���Q�Un\#�\��0�!
�DX��;v殃sM�K�&J��<"	��Z��FzW�y!��S���'�μj��I�j����R47h*�����9(�=avWt�k�6Ҵ&�D�.(I��/���*�r�E�m���_Q��(1�ȌH��:mO�+�=Q�Q�-�^�e����%iT���[�g��V�
�mQ��`�9L���yt�,�?�G�,�[4;JW�̑��[�dUd��en�?#s�|�yLl9���t���@�ё9n�6������M�G��,Cw5�<�X0���$WL�q�
"�P��Ij�ϕ�O��&��>	���q�S<�O19"wj���m:��[
)p��l�R��"�FM�j�.B\Y�rWO��@�t/=wUj £0[ґ���T'�sy�̈f�|����O��̪�D̓����V�.yd��.��c���jI��F��>Ż@�
+���p���YІ1������2��Y�rl��kEe���y�RQ]8r���frQ�_Z��y���AS���M79Oa��KT��|9��,���΢|$PN�I=KҀ�h�h�w�U#��%��2��y�C��)_䅔C����1�B�3�~�nB�p�O�NҰ�w���(�/m�n��
j�s���1�2��aD�&��]E�r����RO�$�];	�u�}�сKk^�
+�+/ܨ��Gc3A����i��$�W��d$!*[8֣]�o�#��)]X�+�aB&O�,Q�s�o��O��F�[&��h��J���Q�x1�p/�.��L�������Y>+z��������A)F�t�h���~�al
j`5�<�ض�gN��B�Q6_s�	J�靑o>b���s��;�`=
J�5�
+\�I�'�F�A�A�`�f�`�W����
���9r����.�~��?0��8�n���H�<EH�w�=9��$����2Z�����cj���N�()��(����&�ةX�O�q�]B��z��>�G{�K����
�(�Wh���	[������X2��Ø%_-d����G¶EH�UA���3�c���z�3�e�*���
86"�:oC)#�c�ۖ����0o
P[^��x����Y9�`�����"��)��N��M���
+������@PZ�ch������V�"P�ތF������@�7Sj{��6�XN��sR���ԟU-�h&��w�'��j����Jp[lsU�f��w�`�S������3פ�j���r]%�����\l�*�XBs̙�Y�Nr�f�.P�])'Y�{H�F��9oe�� 2aT�)�G����@F��V	�����"�X����ד�_��
�:I2l�YC��E�d��v��&�Y�]��Z��{m%yS�Z����|_�͓��y��
+k�+���rq
+e�w�����ɣ\�_��Z�Ef�w@�b*��~j�O��U>�ʧV��*�Z�\�<���qg9�����-�p��d"
+�O<��:sa��X#*;�y���a�6r�h�ɧ5��'����M��䉛"��/ξ[lY���Zy����(�}?���.kE��z�̈́u�X�",
[D���F��?
+IKAe��`Q�[+�"
Հ^1=�G����>N@s>����w��ԕ�#�w�"b��*#�S�L0h�H'TVz�j�fl�Ξ�.I��y�Rnyo��M
ɚ�����j��SQ�:ImV��@Lm\�"܋�2�zs��;���J��9n�-d��l�#j��mu@Z�;5�G{�8r�B"�"1�&bbǁ��Н.�pJ��5�-�	
�dA3��!�Zl���(�I�F���C���P�1@6��F���1�K�	�sG�
b7��Q}��2���!PõŷV`k����B9vF+�V�1����
����YQ	�
�ƍ%�g��3�g����;��p�8����H
z�o�I|#a�*y�`�F�tl���Q\�۪�
$8��4v2���
Lh��ß6�u�:��q������2iI��7�2'�$ ���"6NKҤ5���T��$�‰�&�y�B���bS���� m�||�9�9��j��p���n����f%��;~��>5���**㕵ȉ5�HsP�U�8&��y�Q4�vE�b�xͳ��c=��?ھ��?���_�������oq���x��æ�
+O���b����3���f8d4P&�Ƴ`�%�hQ�A1�"`���v���0�uop~�8I�<̯߶�w��i����������G�}��>ῗL�zDgyA�=��6Y+�Бh�¬�k���)��<�T�"bQ/�S�h��+;����$ڬ��^�|�o��}�%cr��rrd2�M�2��A���q�Tf%�~K���Q���p�F %��Z`�8h�EU)��x֎��_���g4W]���u���!�����u-����@Iį-]y�K��|��cI-��\���b�o���D?ORb�ʘ���̋3��r�Ξ��@�b2D%˰p�p�^s_�'�$����A��Z#�ؤ/�	�E��)�ԅ�|��`�����mqti��.����ne�̩
��ka68� '�]6�ƤcFE ����{���8"���Wb�ٝ;�`�Ύ�N�#Ns���
+�nZ1�
+n��Ԭ�k����#�vFd�` ,��qF#ZV��kS�
+џQo�f%qɼ��s� �+P��/���%^��"�X��~��ƪѹF�q��Ru��Z��_�r/<�5=GHv���?O��R��1�x/�8�W�A�V��I����V*e�������ν*����U8]��ɋUg��JP��6��U�r?�Za�zW�N/(��&
+rv����R���ҖW��+ں:ދ({H�>�tR�tR�6�pf�4��2
q�;,�Xu�N>~����ֻY�����~%PM��v�-t�8�Iu{�ͽ|��u#��|��"N�
+�6!{�
�of�8+��j�%x�j��S:]/���U��c��h��u�73^�Wg����{�k�0+Q���<s�7/\)�S	���M�4#c�sj�fCrep���[#�Ya��W1��㬂$bQ�P�(�.\�vD���w�{^�mX������'
�7���Hӆ�عUz���䬘0��$��.u�8�g��z �B!�>$�-��Bh
��](7&��qVw
+�R��IM����a��{�T1l-�q��}�@���,
+Xf��oipw�����L
+�N���vI�L��xZ�
�P�a�pԪQSd��D5ڗ����~Nu��uk�T��R�ZpF?��V4EكcY�&�Z�o��$G������������]�
4:H ��-dFVd	SZB����� }17��ҕ��(� #�vV��#��ɭ8V�a*MCl��Ka��6�B�&�C�	���yJ�%���O�!���,U�][��W/���)|�ǘ	�|����L������?�Q򺣋�j��ƺO*bR�仴��AX(�;{�ϱ@:7Aq�K��F��=E҉:��fáG}�cci����mG�1&u�3����{7��W�Di��|�p��ptZ�5�1�¸�7�s5#Zr�Y4Dn��$~�y�����Vr{�T�0N&���].2
+�|�ɵ�i76��ސu�:�
�3.K���<��<��i��>�2���LEv�U��������{ȴ|�^���I�M27���ϕ�勴��\��je�[|'����,�蕟���ϾB������Z��\|pt��W_/e�Z{��P�к�/�[QՇ���sP�G������=l��5^�cL�y/xk�kS�4�ǘ�T�;���f�A�I��4����!�X�8�M
+ߟ��uA��{(��s�[+z�3J7�=�E�7tL�19G�3��?��߾����x��o_~�ݟ1.�����v6?d[��-������_��WG��ZI����	��Ԉ<
�C(�������׉�P��'9�?j��8�=�y�߾m{���o��[I{�A\(iK����o�?��㗟q�Lf}�2'��B��ك��Xb"�GJ���H2��
B��V�7��OrvT�SQ-n�|D5�.��է�y�M2����O�i��?�IZ#���O��Z2݌Etd��pO�Z  ��
6���Ȱ�rDz_�iա�hw�=Ԗ��-O��e7��ܼ0p��R��z6��&�[8+vO���n�sП��hY^�zP�6�~�<vBcbPq���V�1ieڒj&g����6��B캶%�qC�m�����T)#��@��ByƂ��+-ߪg����oO�G���Ůzsed�Ņ�N�H���@���]�>s�&�hLE{��Ju��P�~�8��&9��Kµ�S۶��~���ӑ50l[*®@��Gc(�s�vo}��y����@K�3v��Y�fV�S���$J*�I�[~<U0AJs�OG��ċ�v�&��U�u��k�PD�OOYp|s)�ej�IW��Hq��M��M!bfw�)�\5l�?�^�h�K��<�էh�D���:���/"d�5Wm������,*++�V?:���=��I�ܩ˫�J;�*���̢��@ME���{���qF4%e�d��\"��!��5�T
}���#VZ+�'8�<e��	�S�ľ6��䭙B,d|���Ấ�tM��џ6JQm�`q�񵡋��<��S�x�O�;���j~��� ,����xV�;��΀��Ӏ֞�~�Ӏ&�Nׇ����>��O�u��ĀG�V�(Tߵׇ�~*���b`��;��sh���3l��2�¨VW����H���^�ȧ$��!g����acT��
Q�I��H;���"�,ˑ��%W
+&T�p�[���[r��JCd)�Y��}Y�4_�5�6�Lʐ�{E�h�J�!J
+�['� ��H��l��l
�m���'�h���\q��^~Hɵt�S6N�^��k6�	f^���AǙc�Z5nٻ�r�ɏ:�8�N(NM,��(W*/�4KB�u�Z-���aId��
+�wo*��a���������̃U�����I��|�
�oP$�7Nu5��������/VWĔԐ�ҳ\���Kq
P�A:F ��.�G(nn�<�H�b�Y�k�5cH$�!�;̎j=;dW�d�i)�
�?�,��TIwm��(�xn���c������
�'�J��1P�ϣ=@YX$�uM�)���t��#�W�:�	��cڮ�ș!��:��şJo%Qu
+MӪ�N�%�2�_��Գ�����¤a&%�[^u�+9l�PsFR����XY�U5�{�a;��T_=(N�5�AI{60L�j(�}!Kɧ�*���<S�I�x��3�Q�Lg�{("�͑}�3�����Xy\��_��3Ǟ.�L�?���͘~�<C�EV2
z��@*���fZ������R(�)\Fp=o�TaM�Eek�f����b�ȬK�5Q�Z��f�=l�:E����J�燌U
�Z�X�JH�q^�CB����]ݻ/%�X�@*�d켯I�8P��;𣒱ږ�s#���h��a~/��
��#�m�V���N0��K�+���8lh����=�u
+�n
_̧��a��������3L1e�t�� �lb�=>�+�*�*-J��a4ā�&H	O�rl�̧��j�gJ��#{�-<�
{{f�3��I�4�#2F�.�?�&�+7�B���,���ĦT`֭'�p�m��f�b5"Tu�5w�|&̤@v�T�ps+�@�ޕ�b=g����{t����"�C���Yoq2�W�i�&P�Hs���N��L>�gNώ�=�p�\���MLCeOO� �6�i�zqZ�Y@�|��~��P�$
��T|��j"J7vh�z��!��]��|��y��r$r��Ӕ`�Z�_����=ૼY��u:����yF~�U
���Zu�uR"�MuҚ����'t�����R�ij�-S�]�w�Г	��u]>U��n��8�scOeg���a�5���6dt���c��(�8���
�l����
+j�,a}�U�3=����3�t��qq|�)[�,�~Q�˔m�R�ͧ�h*���?�j���G>T?jsM�J���I�irʊ�T+[K�t�R/C[�»s_j!�x��+��Y�Ȑ
�s�����WI�%�
��)���y��
t-���
���zC�j{#0�/V��L�A2bq�iʟD��+��F�
X��X�xP'$��C��$��i��6B;���]ߕ �Ӥ��6�1����O�91Op�t�2����faձ[�q2il�"�">M4�\�-���E ��$0Pҡ;K�↠�]�xM�>�ʙ�*f>W�
��ն�B��1]�4�i��cA�%���ʛ['���o|�DiB����'!����B���x�^��^�x���t���p�o��%�:����+l
��|��?����p��t,��8v;я�����3��E*���q8�܇��t�;C���/n�	�J@���M�=U�{͋xg��ޚ%�5D׷�G�zp&�2l��X1���z?����{���$Z��4܊�[��.�5T4U�:'g���2D��m.*��0���{��W�8���cG��]�;4�aG?v����K�����zM�����`M��q�C�1�S")�?��qR�&��x���쯑���Q����7�^�=ֵ�߱}j|�߹R�4�]�C.�����<�"{^E�&�t��8�2:�
�7� ��W�z���4圯��T��#i�T�ضc/NDO�.��*�n4�^g��!hO�M�x�������#vj���2q����������������������o��x�S��f��9�h��Z<F�PǒO�6+98̀<\Ft�\��Eʳ��u�5�Q:��Y�Z^�Q�'�Lģ��1��ٖ�H���*9Y\sNW;�-����7��僢d�,e��}t%y�j�
+%B�Y���@F�̤1�v܁�$L%ɐ�Fa) ?����W�:��R��{P�>o�`�՝
G����ܛ�Tj!ͣ��^�؉UVͥR��m�D��%��!*��g
+�L��d�$�O~w��r�**"{:�i��)��Oݜ�ݠ���I�db�Ŵ�)��%�h6F��D^+2��w���e�
+jn
++�շĉz���V�Me��դ�Hc��K�&`A>�&v�љ��8d�8��?�m��/b� ��n�����$Ǭ�9�MDtw�ZS}71c�߾Tǻu�"Խ�Y����HZSj{zbwY�=��<�!�{f�����B�5�J�"ʬ�f��y��9l�ln��Z�\�o&��v�8?쳜�Z�vc��/Y�+���Qۇy�	�����*� ��O����W���S
�W�$��
+당���!�1@������^��(7h�90r��mt`��(n�"� 0S�l
+B�_i��S���ask�Q�m�����^"$��滹9脾����z7Ox���ǫ_��O_~������~�᯿�?���c?�?�s�,�������J�-eW�\�ze	A%��%��h���\�kl��KN��Ilp^$I�0����۶��:=�t~e����qg���g����k�:�r�<�����)t@^�y���ڭ��3{�@t�2,q<P��Bb����-t&y߼$(�UuZTw�~>\�X��T���j'р1=d��h�)M1������_ZHQ�^x7JY��Wَ�7�≋B@L�b�X��ΐ�����:t��?^�z<�x>���]�"�#nL��j�<�x�����h���iӱ�o�u;�q�wp�|�He\\9���p��"a�D�R���y�(��!BBe^�3$hȗP��l�\��	M�(�nh%�=n!Ł�z�,R�ZB}�.�[��}��l�e[vj�
	����Q�P
��\h���ƕ�cRPƯ�4c�#B�4�S_ú5nx$m��j7��ٗ�W�^ȈLl����Y#FP*���e3������I
�b���0j��S�Є��e]o�2����am��-Z}��칒���
+r	�X�q�c�=gHv�����K��D�-N쑖�"--��u��J[(��Z�/��{Q����IQ���F��up����ش�n�~��a	�;b��(9*���˩��{)˫^ߧ�����l�B쾇���d�K䋽�p
+�c"`eދ)�ֻ���~�����a#zS4��&R����H���l����N�0���7�P
Ԇ�Ä�Sq(��[H}1��������^�f��VǼ�(���+��@#��0���zz���4�Bm(c�����t��^�fg㲉D�}�=4���6u�f��^��XI���ٴc�,�d�D���JN{sSYS��*❵��u%�{�D�T�9��z��=i�ToX��6'ћB�eg��R'��]j��A^Q���_���R�󹏮�_�Z���+�9-����7�If
Ҡ�tS�IcIf��0�����0����W�:���٬�&�yw�ny��mFz����v��3)7�ҁ.�+Q�B�ֺ�C�Y������;�誙6�2%s�dGM�sB���F�j���ϩM�ǝ�zt��M6R7]�5�lbU�ʘ`q��G���ƈ�Y
"�� ##���4�V\�sa*b�f�ʵ�A�`S�X�x�si�Լ�0�%.�ltf9Y1N�Q=�{�N��<^���YL��a�ke�F��H� ���q���u���^c��Wd�l�_d=ٕ^a*���}p@Mt9���ЦQ�u�Q4�)ZOh"ǯ4f�©Oc󰹵��e�����D�ά�w��5��f~�x�z6�������-g �̧��;\X�
t�h�Cd� 66�fח��yu
4�D%�gs�\����I��]a���Y�F[�vc��Y�+��Ѯ��<焃��Y!�����S�ݠ����Aw�?[h��ii����r�}��ż��M��^�~|I] �2��
'"����2%Z�l����ҫK�.��B���l�75���
�Mhf'{�A�5G�>��X��)
+�?�W΁��M�� �oѳp���h�+�d9�c�5��:��E��=Y�dϻ����_�Hr�8�*s�� �p�g<G���Xd&X��Xc�	Eh�.�H�D�oV�Q{���`�c@�}���ne6��:0�8�*�?�Wy������Q�8O߳��7���T�bľ��E��xl�ˠ��"�:���&��a�KlA� �SB��?6��+1�TT3ԧ n����Ѭr���:�	NH�Hx�-�b�3���h C֢��K�d��5�6��Y_��N��mp���P��C�[��L�)A���a�	vl��6��WC1��=�͐v<<�s�`��s�S>��AN��K�����/���
�trN�y�~�ƺT]���=`�s�6����L{��H0���ô�?w:�34$��z���tp�������b)P�Q���̦o� �%=ʤc��\��OUNHt�����h~�Ċk��X��Rw�dc�P�&����p�k�
+9?�֚�`��d���T֯���-3��;�^^�5�f�b.C��vȚL�HRG���Y�q��j8��fMT�q�B	a��\
V�xT\tg�t��Ί�:��3e���\�p��qfm�����Nj�y�dbM>��5�͎��X�2�{����y�ło$��
�^���`����~���G>�?��p<�BF�U7��+^��E�����},3��c�2�%��u�E�����1]�BYg��!ž��iQ@(c
+������t��|T�U+Q�~�Y�>R�E޴wn�����=z�:)��]�$��)|�ZIgS��PYQm������9���xȚ������d�bG��jT���xsͩ.����8t['�kC��S�膓
+����K-R~%���t�U'@$��H���ģ	�\P&nl�%��b��2�tVn<�q��|A����Knܵ��y�8>��ά�wq��\)�iȻ:u�|��o�q-��s@I�5^h%���h=�l����
+��|�xݵB)+K��V��uVf�u�̓N��וM���3�X)(O�����[�_I-X*߅حaYe"�����S^
+M��oe���?��Ɔg`����[߈la5���P�V���ǀ�
�в�9��Iv�����@�����V�m���u�i7-w��&�F���3z&��k�/r8��8A�
+����Z~o���a����mR_>��#w~�Ώ���;?r�G��/r�,�ż�'*���qd������s
[՜��qg���Z�ھ��#��}�2��|���+[�w�ٛ�3�����}�a7]��+8xy}�}^�}�����~2)�/��gO��2����&��6�kg��ME��|X�/��e�����U��H����,߬��Ң-�E��M�>�c���z��mfVt1�me<$=MÂ�`.���Nm
7>&.��`��_�Z�2fg���3=���/u�l�[j�I�UT�~۷z�zg'{��j�z��^�E�sW)=�
+�"J��ij�rl>�
�{X{��`VU�LJ�8!�ǚm|r�&iQsP_-�g�V�?ƍ���AJ�� O�Y�K�ug�>��al�k$ɰ2'�(�d��nYO҇�\i���B�����cNb��V0��0����BNz���
+Ԏ��ѵc��z�I�xs1�(��e���<��A��$��8�:v5���"�R�i�l�
��/����wY�+�pL��9	ΐ"�n���뱓\M�v���	}����0�ǩ$:�U���U�6~~un]x#W�"iqN�e}ͼ��h����1��TZ[h��R'�?�mOdd1�1��\q�1)�R,缺������7����e�����E����Id���E���\J�٩���E��w�^�gS��M��@c@\Ej���JL�[�
+��X��]=��#�;.�>%JWg`�d
'5zW�T��$EL�e�Ds(ޒ��|�
+"d�w3|�����ٮ���1��D�T,J�O}}�����I�aK�o�-����E/��L0t����(3��n�MJ��J����g�g��Q�񭠼C��vR7J�N����8��F?*�GJ.=�"�A�=`5��\`��Mg'���,$�.�p��m�;��z��?�����O`�K�ɨa�*9�]�
N��@6Z�v��ʼnw�I��\m�z�i�?#Fz@��1���ĝ���<�i�I�cP��%��wv���X/<��Ԇ֤84��=Y�=���2��9�lB���X>Ni��2�3Ӫ�5o>(��PNS�h�N��,���Cj�M�vM�����$`&9��<_��~]��j%�-���9�.�8�pQB���J�D���NN0�\��j�Njy�"8���*�Okď"��
��c����=��$s��YBaW�7��X;�};ExA���a�I0e{-�ĵ��l"Gc͑LB�T����D����3;xC$����z@(�0�_�	Մ4���>'�>�c�h`��,��Y-��x���G��ҩ$�S$�՜�9|j͔�
���:[����J�N�V-����<XB�AxGz�TF�	������Z�4�6I��@
B�B"�6ECU���t0G��Z-�յ��)�T ^@������ba�bs���T@��u�	��xq��uZ���D9N1�V���ߟ[#g�^��z��T�	��MA�ve@�?C�aSt$�C�?��£я�^M���Z�J'}(��OIdp:&Y2�rMA1�5sr^p%b4y�ԍ��H��Q3�㋗�I{ɪa�ȴ�����{��S+I*A�!�~W��1��1oر#wL��͐���ю�{�����_�X��8��S���Hj=O�5�w��Q5�ڜ6:��C�Z��&c���V'sʾ\녣��UC�|�~!o[�1ȹh`�ƣ�3M��~^��Մ�Y���4ə�$0w㌣��t��_�h�.c*u���_�A�7�< cH���\
+s���W�5�;Fs�`�Y~�[�����<o��V��N�o���� &}�ɫv�t&�����Z��
��L�
0M�^�ʣƄ���T;�@3�0��:
+?X��ʘ�B�M,	�^섺<�ι�9�螈gpY
+�C1t$ȁJBԾ�\%����5���{;8�IJ!�
+�����PP��r�
+K
+=��ͤo�<Ug��Y�������G�%Ҹh8���b܆�!��	�e���g�!'�z�B
zQ�&��J���d�F�w����-�?�3���^��ެ����jW�$�PjJn�
���ՠ*�L�!. �{U��jT2�b��j���T���QuKB'j�ct>5���\L�(i�%~ؒ�/4���$� [r���C�?8$��2�|�'�/ �W���8ak�mD������~R��6r�6ь-��d��|��ȦP�,b@.�䄗���Ve�`ݾő�E���`����-�L���b!�r�aK����)��aPXU�,���CفN�k���w��*;a
R�cS�˭�`MD���5����hFyl���7*Y5@�#��pO*�����f?�~��
+d��c
+ں5���/!��lTmZ
5���MKХGp2�V„�V[�����Y�>kR�w�|�������H>�K�ٵ⒵rW8���ٶ]��#�̪:�ۨ?�Z�r\�b�1�~xo�X���k�N(��s���Z(\uB�Rq<vI�uXNk2-.�Vt�Fs�6?$��3��c��3[a�9�3�"�4�'�_��V��^�J'dBD��
)ZZ�`ƥGN��߬)�~l���G~0��Į��8ѭS-�0Vרw
+�DAM�ͨ��(_��u$2\��
i�FJ�~M6d���*�l��dIL\&*P�s%���]�>*m{!>�9w�(U`��r^ۏ����<���x�~�=��:`���MF����S��>�>�?�Eqg�)�e�Y��K
���p7���UF�|n;Z6�P��ʍI��>�W���] &.E��e<�9��Q�!�-GE���%1ܧ�͑B�/��#�8z�����a����js�9!12(�b�7#8٥jjפ�G�	�b��8<���q!������
�eu�_5��c�\2��4��(����:4b�WY�C�"���UN���q���;)��z�6P�K|��+�T���M�+�|\�!�m�xU�9�ֻ�K#ԁI]F�:�M`1�Bݦާg
+熫(}M!<
�hv��6����?����KqX~a46��/����8��2f��
��,�1�
+d��歐�&�`B鈹K�\�+[<s�|%��U��
+��r��P�D�s$���iv�$�(k���k_IS�(L��(���.����&J�;(BJuӉF'���.�x��%э���mw������6m�-\��؏_Ӱ����I�Zln�?V�p[#���＇���,%��څIJ��
+�kO�:�HY�ꛮ1�V�,6��Y2��w��T�a��z�{�Vfv�︤v̵Q)��HJ�S�YCg�&ƒ_H}�m�������p��1SU\Ζk���͈]l�ډJ"+R��ϩ�k@7�U������T��W*�d�s��2H)`*�R��зwLLn�Zex^�ԍ��
+𒎜�����m��!����'^�{��
5Lk�6�� t��Ut�_L�`���
k�Uφg-
�u�.#���tY����O6gB	ƽŨ!Ԓ:SH����I�c�>m�TXÎnG�+lՍR��Ax�_������zw���><ҕ
F��	Bfǡ.��k��:��~H�V��ү��>8G��=�Z%���f{@������t-t�jabuj�UV�Xi҃�aX�8�>K:�GZJ�t|���&�S�1�>�$u�#������~���G��W���ˠ�i�%�F���l�������������{�����A��]R�Z*�u��zR�n��Į&`��Y�8����٤�^c�ZG�%Qv^8��\M��.}
+ջf;���ٟ��X��oSb��Xv7P9i�`U}c��n�ݻ�1Y;J�P�
���2E��.��c._��)v`��ຨ�)���Y���)���#(��gI���]�\9�O�!+J_��Dz)��
+��x��"T3mtk��o������<�n�6+��e)B�Hq.{�����җ�`�w�mЧ}��Sv���;3S!'}��l���Sw�Yjlb9�R�K.���T?�u۲��P]�q��]�W��tM�E����'n�r%K
+<6]�V�Cf���CYit�#�1�Fy�[���3���I��s�?��Й��p���nYc�Wѳ��:��8��Lǽ�:�k�T�C��κ4��4x�q���+�|�i����v���*u7�nr{z�}�@���6��6q4�*�;v��b�cb���ֺ��[
,�o���fs�<�ٯ:�����AzS�e��Ϣ����Հ�;f#�]�{�? �
��{K״<��V	>�Fʻ13�~��|�1n�ڬ!�<V&f1�FuR�����i��@��q'�(ݝ��p�';�	l�h�Zt�pKr8�VC�#�`쀢3�
��?f�����8+�O���18 �zyベpn���	DH�I��@Բ8�<W?��=��kb�M0�����.�puC�2����T���.,.���
��|�-jB�_���J����"�z�y�:���ft����K>"��l�����yc^��.}����;*s�;v'�*���\b��~������K�STS��ޜ�F�e�����0����D���)��t�B��?12Z{��z�7c��4c���g(�����Z
�����.�+�U-py��
+��ۮb�HR�n���1�����Z��ij[��'�I����jD�����Bb�9��HX8P�?nM�G�ub�+x��Y�@w�ID@v{|��_�CF>����L�4�'B�~,OQ��u�vAh&�Ŷ�H>�uJV�L�
�4���Z�Ϝ��e5e�@�04�
�I�ä���Ԝ��4+fkRK�OhRK��#v�KƖ��Ф
+��Ũ���ln_	I�f+Ԙ�ǯ�T����`q~4	3jH8k��A�>��@�Mj9�]�	Di�&D)���&��(�&�i���&�j~jჶ�g�f�aU�L
W��g� �Q�Ui���7j�3��
I��M�6�<�U�4�~��/Q�<8����]�V��-Nö��c�͘���~R���͚w��hㄼc39P��j?��y�WP��e"���˅*��T���z-�Î�]��膐	b�%:�O��z�>�-���[�d��@��s6�V���yWwx�l^ӹ\u=�=)l��U;�����C��Y�1��\���†���2�S9�I��
+9�g�*�)�!{�vP��;,4ٮ�]��aY|Vs�=A�)�b��F�.�t;���!n+��b�g��J������o��v�jZ������@n�0k!��ʣ�]t�b%��㚙��w�Og�l��zF�R%(a6��}CK��yM�a���?�2m4��;[��o�~Ky��I.�D�٠��|�A�|��E-հƮ2'�
�-�T�o�|�)h�����%v��P	�ak����7�t�mߢ�dt����B�+�J%���!�#�CٞW�9�>a����a�bێ�*=��5/c����r���+y�0�ד��'�tl�G�*��v
���^����͂}��P��(~꺀I��H�б�X~�5���RS_A�1���L�4��:����uSX3��\����L��h�z=9��0�H���T�2��!�3��=�Ťx~\��ʦ��gR/����w��G��ZƵj�f�H�,u	)�L�x���@���xb
��1���K? urs�
��������	bv#F�\�/�����%xƪ�;�����9<I�Ƕ�1������e��@�Gb=��t���Ji�u�&�JѾ'�N��s�G���F@K{��Pe�����5Y�F���72^��Kb�p&T�#dG7������|�6SOT���T�x���	BKW�����M��~�\<�u��'��ML�W�W�z���~��ya�[Yf�U�x(���r��J��
ݱ�I�/�A�`
+A{Yӟ�p&ʞh��/g��4n�zd_s#��t�V`[��
�O?YH�9�<Qp�b��|�D��̒�iM�뭐�+��̤3�#a_ܺ�u҂���O�o�������Y�T�I�����4���U�*�ɛI�$��UG�=��ğ֎.��a�j�`��Zڮ��e�f�(�����];�Ű��������c<�a^Gq��Dvd��Eg��C)�Sİ3���,���A_�Y��<��хˌ09��B��c���(�*,]H��-�M�1���\������| T�w��d�p��k�L��7#�_�	�۸Z����V��il�$��4�r��‡�޻�t�$����9����}2�I#�������
��@?)v�.v<#D�,ݼ_�h�;�����q���a��W��vy�M����h,]H
+�SN�Jh�~���Z7��}���#|
K���%�ۄF���/LN��+,����<��^h�9�5v�_���s��c
+����W�Q8(�$��P��v�3�7B�`T��[Ũ��2��Mu�>��w{º�C@=u>�ZI�^�qY;ZNE�9�x��
��շ^��#�<l�/2�Z�:C�p-�ګ땻
�ZyOg(yޕ�r{��뫈ZR��g�=;�K�l���-�w��^�KK�$xʼV�*�k<S�7���B?��O��I���.-�&��܄!^3�;�cϊ�74U��*��>����P��ڮM̿f�Լn�JcQр�͹����2�@vt�K���R—,�q�-���O�D՛ʐNj��W���y�~�/r��lN͈���XsMm�gTyѹ�v���J��i��n��R�s�0��:�(W��qO��=��LJ�����lڮ�\f����i��n��K��k�'�?�4���\+MeşĤ5׋2�V��x�H���s���I�`��"^���qK��?��:��\�����fӖ{��8�Ǘc���S6C�+��1yGZK�`Л����F�p#o0ƶ�
��b�m��G��'B�����t��2�6F_ b�C�O?�'��4fG
�+�V.���X�b�M����k^�t4���n��"l�*a�^��琅z�q�l�I�A�V��X8�.��
+*Pw����a���W�g�j�l炞�]5�
#J���1��ĺP��X�aoś��#S��c���-�6>��F>�O�n�_�V�����׻fA-Ɔ�/f�+_t�k�6����5!c&��\��AP�D�x~�7(W��T�5{�wYP� ߃w�8}����9�<t�.��jՄ�D��!�dD��_٬�����6����|���C
r�:��s�hi!�G;c�*�5!B�[4��wH��X���ux�S�4��Ū���I�bV�n��w���bU��!�3�d�9�D~X4ug�s2�O^��~�\�u������G\�x|��U�n��<�����E�.];�3R�{��U���Nl�W�q�G�P+�����.LRZ�bn�3!�p����#��`���*��j�4�_��(L��@��#7����p�
j�鷀�	���� �#
Rt��Tz5g]�|!�	�F�,'(�.��o��n�8@��1H�8����#��Hiz�kK���V�_����/�gD�Rn���K������������\��h��&`����9�9=�=��n[	E](
�+?w�^崄�C��?~�'���Ӯ�.1��,���4��*��1��v�����[������U�3�w�C��|*@�6���o�3�NR8q��/�EƁ�����y�GP����+e�yUQ����O�OV����
+�Ȗ�O�*���E�S�P�4��Z��eO����.�:��6+��&�]j��mO@��Z~�<Y.�G�?��:W�ȡ2�~o��(I���X���"yV���G/͒9�gA%�=觔k���ㅻd�/hl@1���I�tЌVM&���!�τ�����8�|_6���Y��|�1X�)�AI���i;�*��lr:�xQ�@�J�Hs�ϭaN���)E�fA|v��0h�����<C��&�n�4]����j���#�T��k�t5}�������d:&��qs�3u�`�1�~�c�1��L��IQ����,WOU������]z�q���������? mpm����\��"T�
9�o֦�ÈE�2��tT�6�$��T��v=l輀=����T,�m�e�$�IKp��������^�����z�.+��Bd����(DQ#ܸ����]�����v
�A�d��$�����h�̼Q��4yʟ��$F���V�s�C’��2U���Q�@�)W�~f�
��Dq\́,�څr��-^e(�&R��Ⱦ"��v�d�L�ݵ�@�CK���nh�ў���Dd�RH�32qМ���5YSXlh\��QՓ|۸�"�fs��)�հ8P^��LG�ѓ恳��,.ܐ��J&��\�l�cm���]�����S��ny�P�\<i(Nt�$r��I#e���vרS�3oq�&
,���S%r*�流��ja���Sm<�y}�g6	pb�n~�|��G����(7Y|�8�����(g`�,�%��ppP[�r�b��x�.F�z�NP��!CJ��^��"4O[�&����n��&+��Lm�-�l��#V��G�4Hpsء�?��P6��:X\lWA,���<N^��h�~��l��pt�� -e���x���R�T�(i��2ca��.������zXPč�m|�[x�ܾV9O�Lf����6�3��>?J��#Iα�G�7R���+�Q���T�:H�/��{��&�B�M�ԕI��H]��@9�?��w�R1�
+�p7��vЈt�5j����ԍ�թ\� �S���؀��u�)
+J6�
+	��OH�T.jj:��A2J��lQ����GݔQ�$n3Bq�Kcce��_�*����U�25�^̤���0�Ρ�\�a�3xmG��kd�s�K�{[t�C���_=�N#��ڣuޣ��	q}C¥Ӏ�*r:M��
+u�G����\�U+�C)㰎���:�9��;�.��ΉVĕ8?d`�e\;�<�Oo=�.�kx�xg�?��ͽ�F��.](�	8�G\�Cc���V*�B�"����=1��-��k(�ky�vt�������kJԤ݌rH��u��l
+���#�Ԩ�(Y�
!�1����u�!A$1�jCq�FU��I�p��ʯUօ4r(R9�V=��Z<�/>����2�xg|F�7�;��Hs�o��m��m׷���]_I�>Qv@��o�$�t!�@�^Q�wi�OϢ|�!#E" ��9;Oפ�
��Դ�\\�*��B�����B�K҈ƛ�Q/:Q4�Wu���58�J���/c�sJ�\~Q�e����E�*?��v�VR�J�ni�RMRi%�[I�I�
��l0��6�ߥ'�m߀c��8�s[x��ùDv�S+d��3r>��P"����	�@��y�LdO�ں����BʣQ*�\\`��t�}�Tm�Çsq9�����S�	VTe��7P�����A<�aRX	���YSi�=
���([[���b��TuRڞ��[6T0��U�dr�����8��@_��>
�G�K`v��ť�5a����wp�Gz�q�6��!Q������pig
u�!e� �<�AF}B'5ڗ���'�dZ���1��)�7���<;��	c}�%�>�]�G�9J;E��H��(�)�_;/��u"�"#:����o�9d�@&�1I,ٔ�
���_O����Û�P�;��"��W��?(7��Z`qL��i��h��W�Cβ8ǜ�7���%x�;��M� o��M
+��J0��	�� �a�k
+[a�T$G�[�DLp^��yC��=�<R��-D݂m# =�R:�@��Wi�éO�0h�H�yh̉P��&lrH�+�8g�Qh��R��
$}j��S�8M�����&=6)ؖ�N�1�m��nЌ#ۢ'�/�eEMD-�W�)�勲n���2��,�n��`vR6��&m�>7�y��v�f��;=M{�w~�.��i�8�IY�\]eֵb����D/�$P��v��!w	��<�{M�+�p���tMf�N*�&[_W"�q񣃚�T�==C�6X�.�٪��+�7qZft����4���qj]u
��U�
�;�{�,Cm�j��O~8�;խ������!KvW*Am�s��yjhhcK;k"��y�A���lqҙu�d�':%�s�d�o��%�r��\En�}H𿞞����i3n@�;�9��'��H p!K`P���">�����U�K �%|�i\�P�89f��J/z��)��Հ+��5��
+���@9�@�+%7����
��9a}��߇ҁ��ୋ��k�5�
+puD��2��'e��f����׹�F4���ܣv�l�H��owM�Zjd{�o���ޫ�zU�mz:�q�}t�H�7�궳��F�-{�(k�K^��Q��m��FaەDY��&!i�������X�������%F_ڞ���Q��'�	xOd|2�w�ޢ��
�t&2�
��8�kև�,�]��6�$��%7M��w�p�V&�y����*h)���}=�k����TVE���>mfu�T����	�Yowh�2���\3L.�#�4�[^�L˭:1M�*�*U7JBQ}���0vV>3���F�#Wc��YٰEu�-x���\��nc+p
�sdwhH_�m��]�!�oO�
+�-î]`^
q�h.�U�@~��h��/2}ܱz�GΗ&�F7!�-���X�$��)+�]�p��.�s���n�$18���<��D|ܛ���t1�`�7,n5�0��iw�L���{SF8U�_�٠L{QZF�79D#p��V�Q�K��
+;���j]�����q����G|얊��F�(�7����FGO�y��l�gM2�{����wx$��CmNgێk�ȝ�����[vx�/+9�����f8��f
+?|��o�7���úc�ܛ+r4�5xH�����l0��|\���0���uԛ(�Fgⲳ5?0���F�6���G���<���g�yG�B�4����#�=No���'���B�7qzh�B�����#�ַ7F�D��Py�;__�G+7z����
T�#�'�Jʼn���OF5aBo���`/O.O�,�xٹ�lz'�_j�*��l��[#��`#^֝I�.������O֑�5�Ϯ۽I9�Vr�M)���9L������3Z�O���yw^�[*�ĵ$A��^�/p��a��Z��q#c3Z�`���:�'�)'d��L�
��L����P��CFd����
������TV��I�+�y�z
��L{���F�Pu彟9N�25�[�'�P�y��Θ���uп.�Lհ��2;��F��RF�y�3z#jv��}
+��<4����R����a5�� HֻB����0|���S�˧��L�Lvkgo�\�t��&(8漂��*,B.@֏V,@�.��&w,��؁�e��qPl�<*'=+۱s��1�����+�~��;_s���jY|k 8W�hv9w#=ia��QA��_���^�S�1�����`����`,z:G����6��9��N�,���2?�l�,?8+x�/������׹�%��S��'q[5��A'���N��m�:��r5�W�6r���&3�\��y������Ϟv	��^i���z�e��鵯�d���Ի��)�����z�l����V偙�ur��:�B:�'j�����x���0{�͓���ʑ�Z�
�Z�8�,�[+���O�6���\^)h$.�L�6��X{�1�X7�^Z6?)9���Kw��GgK?P�qR������_Ԃ��՚�s}j(�����[?r���k*�!��
+�e�3�'�
*	�<("�=W��( 7�	�J��X z���k��R#ۓ|c��w��{Y9���Z�ev�癕�
�3����蹅b�e-sɫ4�b.���i����Hc��P���4	I�rs-���4�?0a�xnR^y�ۡ���`vR+�������dgu�Nt*r-���?+=*��n�/����2dd:�_��>QcB���b�e}z��:�X6�N5
z�E%Z�6��I�I��D�4�P:B����?(�v�H0���b�~�qW����K�����&y��̰#r��P���]���Q
�ҭ�H���$G
Nk":Bk��K�:GAV�ɱMk�~Qi�<�e��j��Ru>�M#��1�7}O}�q�'��x��5}�������	���W߿��#��mڟ��'�>���}�m��$�skk���-��0�mi������%j9\�V��W�YI͌dh��(��#���zl��>e���U�L�j�f5Q�W�T����<o�3FJg=���6+�#�ii��9��[>�%L
|�VB���'�D��y���@�j8ʚ{na阮K���5�����iL���ћ+b�W2�\����ߟ��k9~d�!�
+^W0�X���?5���o��s=��Π�ī^ [�0K���^O���=L��>3i	�Z��Å;9c���>%[�"%T�&�ut�]��u��H.�c�b��R�/����tWV!h���[GA6��Sӗ��X�����E�u�j/�v�1I`�]#��͑$��YD9��߿�e�7h���79��k��'gP�h���x��ɫ�ٲ�:�R�:�ʩ#0G�4��KU�洼�gE��u>�+"���~mo�W�5��h���ʋ�h9�dצ�\]u尃���V|�o^��y~��|Yag�e��xw{�w��5�V���M9�'E����k�4�����i9��x�V��~�F|t��6�(Z��ݭS���ш��4<�M�t�*��C��i��8�eF�
+9�w���Ӷ+���qO�_O�s7�hI��Vc� ���5���$�r-�S��͏��"(���z����Np�r���!ؙ�xx:��z���-�j������%�_@H�
+��Z��UICt�����1�~�3?��IRt�|�������R4�~#3�ʑ;�C���n��y����䱙�e�?��$;���W�����Nu�u�Tdv�7��Rh���U�I�Ë�}���ׂ���x!��qBx}sOȼ�V	W�P�t�]�f(�b�G�^:r<�o$���۞���,;����F��oG��/6��ʿj\��=����<q$/u{7���H���t�ĵʗ5����ók��3H�8>� ��R&�Y�
�����L�DQM�QUx�j�R�
+����Q
+"i$K��ĕ���<����
�pS���F��0g0�]|�!��h|�������0f���z�?&�ڙQ�}}[��_Ɩ4NM\�/m�R�'�Ȭ���l���ߙa`,�*��6�@�-c�d}
$�eCԌ�9���
)��h��{IT��M�|	Ga��?������w���#�X���z�	���ι�!���t���?���@�8��`������������~G�v��q�	D�/E���E�x�����C)����[>��j���t?
�T5��_�$�ȫ�w�+Y���	�.0h����-����?���v:��E��Ȱ�\�19��������n/�\��I����
+˄N��N-�p�1��Z� -`���J���!��|KL�X�%�&i�N]�>̉�{<�۶% Z&��u�����Q�ҋ�T�����H�>�_��h$u��������
+�A<A��a3�Ȁ�T@I��T�:!=N|�'vbtXrݑm*�u�wbD�)
q3��w��f�r����:��3J/?59�M	;A���E��_�*1�5\)��/���Z��Jl[b	�������4ɩ+�t@��)v�qs�E�X������*�bC��]��)iOs�Ö+�&��
+���[@�f�0�����]w��R� V��3��n�e�w����a2^�1�Do)��Hq��v쎯�7�}��d�r�l5Okǧ(�U�{}�r�D��\�dw�����z;ô�_fu���m"�U�KL��,=΢�1-�b�;{��-�O���e茴��xo��y��k��8-3z��QŻ�C�||~���4-��x\�D�X��f����ȅ�p����e��� Zy,��(�Ҍq��lM��ԩ�^�Q@��#���������_���
+~��YPL�y�wJ7�\2�C6q���`��5�}�n�6�FVKLP�d@JĆB�9p=d׮�#�1���rT�����������%c��D�>r��-��W'���7o����}'d~�U�M�|�ϩ�_wϬ+�Y�~����ګ�W�:
+=5�L�Uz�ƭB��$Xa��.�lȵ�h�%X�[�Y(�U���/C��6�0��iO�k4��"Y4G����xA�v���M�l[pS�#���8V#�J��͹��bLh/߭��8P��ˠg�O�kn�y�2
��3Qf=�q�M�_a/)�k��Ǟm_����8�+e��ͫ�'_黹e��ڼʬ��PЧA��`Y�Bz��Z'G�2/7�S}�T�6�cȥG��"*9�V%E 8-Xv�4ޔK��ڠ|�&�*R^j�F�~XsP4x~v���>g��f^���]]Be5vAN��9K��L�E&h�0����c���Tl�wƑ��ո���
+9��}��P#�H�`�`i5R t��u��� �/��X�Y&l8B3
+��*�ym�Q3�3k�����L��\�<w���dcކa���j��]	��LԂ��$ϏS�Pi�#&p��I
+Y���Tͼu
D�63v�"$x3ʌ�Pf4��^�,#���5h4���V����*uq��7{7���B����@�?Wt�V� x�b�� ���P�afb�g�o6S��=��Z+�ڵ�A���ȁO�
+����fH+raY��:�M�^�@�V�n��H�=X�J��Ҙm*��O{��c�k|Mќ�t
�
�~����&�`��/���.��=X!O1(�j���6L�D�����DB;�hE
z*��/����ik�؍4��t��*�ZQ��+9�`s~\�Zy��t�sҚ�ݒ��3[V�5��=7C�?�}r�oK�	��+JR}��p�J��n,YY�	o��);�.Au��J�?f��
+u�wb�L�5$=2#B�MIZ��@�@�Z���/'s}�i�
�u�Hl*[�Z��b�d��[��ݥ<������鋥L����d_���Y��b���Ecʭ8�����s����O�"h����l��qg������[��YW�m�zO��箻g�T�V:�ԫuiG+TeC�8z�j�RHG�{�G16(�%Þ�(ρ��k�~�� s�3}�$���_�iA�ˏ��\��SҴ�py$_�����Z��ձ���ꁆ*�7�#C��R�f��}�\�^�-�z����DF5A>�J`��)x���5ۅ0;Ez�:�����^>>����	��#p�6��
+�Lo��_�I+2V���P�d�y��J�� ,~3cl`��h&j���N��u�*�z���M���6�	7���B�CG
"�j�YTJ�e���
+�e�O�9�<;C��W�Msl��`moR����ŧ�m�p;��X�)f����X�]�E*\�u#`s�'�~�2C�i���7c�<�I!�M����n���r,��w۸�Lm�SqDW%Uh4	��:��hQm�>����tw��>������X���5�*�us�T�߄
+���%z

��
F�̨���y���x.��hp�v
8G���Qi��A�g��'��r7��
���ʼt��t�'�0�N(��C���Rw���W�0���g.)�e@���g�mf|19���+��������:����ŝ�F{
�λ�JI|��F��Q=���+�?�������u@`��"��!M�t�;]�%����WU��~�cKv��ܫ�
�;H
�ā����{�9N��d=h.�>�*��]LK�9�<B~��-����櫤(��������hWo� z}�ZJ�ԉ9��ST�h���d�77F�]D��v]�wɻJ���@p(
U+C�;�����e�*��s2�XQ���Z�]�UNVw0�c+G/�N�#�L�K
+d>�$�t+�@ʗ�T�xƫ�s�z�ɹt�դ�S�9��
+\�ԝ�@���U��ۥ�$ٗ(x3�Q���.�ݛZ?Tn>n�'�c��~�Tw�so�N}�Ȍ�ì%S�]�Q�[8�AK�O�4]��ˬ��_;W4�U@���X�
+i(F���z�I��������D��oiƩ����9�4�
+#� �0��!F����ծ5V7�[��?sD0��!�z�Ԏ��X]%"+��Y��`X�l9TX�٭۾���1�i��(��]�5�@5�2���]�J�`�yB��쥰���g�xڇI�s��		�_	�Mې]����������c�����X�z�F�c�@y��UY~9�\ԅI*�l�еg.�ۚ�z=b���J�>�P�i��:Ru��) �)�!��'[�I&�04�У1��0&�VR�]uWC=N�'�S���G�T&A.���e�R���"�M^���'۾rϊQ�w����7 +[U��D�?�����l�
l⃊[A��w�KgUÝ�t�Y�����h��eR�����]�M�9NM}�nCH��!�с���IH��V7Y
+m4!�8��������-O���Y�(���ۄ����NK~�)x�L��)�V�k�8Qb1�<��L��x�[� lM�k�h|W!������!�ծV�EK
F������4�x]o���F�11��|m�'�T�o�fb�rj��s�g6����t�-r���{O���T��癀rwLu�;�b;�5h�y���О�������
+�n��)w�D0f⪪�^^I��[����s߿O���6�M޺��&�!UY�ٴb�x<��C�N%.����K�(�Ts�g4��(�wN��(T�˅�U�#��P�%�ll��n����s�
+��V��R�B{��!|�Z��a�L\���.q�ذ�Z�:�C����ۨ�m7�v�h	��9��cr�M�F���3�%�&�h̸`b�X��q��;�z]�=�75P��T'�9�9KY�.��٥�o��Y$׵d�h�,��GP��h��Z��.}�\���vĒ�|\��͛to+�����*r���4>]��TL��DL<sNM��tEy5w*�Z+J0���7��P&�(�)���Z2A[]8��e�Bݳ���;I�]�aP�<a';��~�n�|�$�m���t3"Ĝ"qxo��j|��	;|���V�oS����e�*7�F��=��b9��_�6���R���`��֋
I>	ep��I����ֳ��w���Km}l�}:��=P|�<�xT)��>��U��d4a�EcH���A%���֭.I�1�y	|3��aϢ��Z?����ԓ\��΅��C%�U�<0��J����	�>�
�����U�^��U0 @�[�t?�Ctc���e��^(�9�uH�n`���e'�&tZ��ߥQOo�'q��Yv�FX���g��xL<0�g6��R��9h�"���@�b�>��.�7A�`�Ԥ��N�
+�S���Ҁ"�z�D�.�|MV��^
�7K�ɺ8�:��#P��X(s����o�,|�_���fM��2S��chZ��q�P�o�ݒ
�Ms��$��z����㘈�����I�
��HB�m�6�w�����./�*��e�u=�h�E��mX��[����
�;"��N�}��9/�!z��az�ւ�����j�F�aN��d���}ȯ
+.ޞu�9��p���i��
j����#�`x�1s3QS����ɸپ�vs7�c%7�hPѷ�i�ƙ�hl��ï�.�^�@l�w��
+�cT9��{	�t�����s�!��MX�0jm�%�%74W��w�
+nw���r���$Un�ɦ�0�v}?v�H�(w�;�]`�ͅђXbrK�d�,�f��J��Rf}A�`5^]�[)/���;�3؄�c�sRsҶPDm�0�6��x���X�x���fD��A�U�P8AɌހO2����Nht������ct�Ee4;wiW�mI�}.~ṟ�i���)�Y�a2=�o�e()�oH}>������o!�ey>�	���7��jo*�,<��
+#� �0��!�M*V��ɥ�7��g�f�)�6��M���%�9��g)Z�&���63i�.\�c��U4����k�ZF3�4�|v ۥ�I��沾u^�C���t��*�ڒ�eM+?ڴ4ל�XO^�j����
NrW`�jW`���#ȤL��~��{�Ve��U�b3SYe+��6c���T���G0�V*ty��ܖc��.��cP�+�"	
+��(��띢�)��V�����+�
+�����'��zz?2�%J�J�NP.����R 7�R%�M^���B���)"+RD��q����lݭ*�_�4ȧ`؟���q�M��T�M��T�M��T�M��F�Q�o*�����p�u���v�Ѫ��Iݨ�<�����'P�s~��#8���9K�,F��,wO>�n�q��!2�g<�����^���(�4)ZL��8#�%"O�O�M��A^gg���v�gbc�Z
��ϩ�h�20|��8��X8��vb���~��T8@�t綎1�@'Z���y
l�*���?��=����}�>
+�.]waU���A�'�f�����q�J%P�i_r���u�ԩr�3��}��{TZ(P2���y�IJUvV��T�h(o4Q�S�Yzґ��Σ76@�g����Q�wT�����Zpk����;���Z�􅨠�Zȍ�R�ՁN�>}x*Q��rYc���3Lk���~{u����=���r��3�:�o�6�D������'U�KpU��3�<�⾭��{\^c��~ۅH=�y�j��{�P7�����	���
+��xT��9x�A�w�E+���d�݃M��Z���z�i�XM!(WAs���PB><0����8��l[�>�rh��@p��``��D��h
Wy�Žd�l*�'7����V�Ge`2Y���b)�)~�Tܸ[VQ�)z}gM"P�W�7���g�9:��T���y#�8ѩ�w�nYK2DP���X�������N�e�|�>�\l��~�j�-�u��C �j!&��ij�:2["?㘅�I❂���X~�ܤ��@�d5+�,�r��D!��z�6�m���]���	J�U��T� SQ�U)��/�g�	�H?�i��?��}&����?�ʼ�t�Ib:LUw���%N�6ݡp�y����S�ɍʏb��
+���f�BCе��p誑�k�9���<�
r\vU�
���v}
aG�.���	c
?m>!��u���t��蚈�%Sd�����yG�Z�����שo7.�z^{lțU;@�UG�Ur�!g�Y�1�څ^ܣ(_��³�� ������Z�We�e[��{`pfp]ŏ�e�,������ں��	�Y݈��#{������8
+�
+���A(�����ͭ,~W��2���P��,lC�*���v�-��h܏k�+����������3�y�5�'���+�ػ��i�P�&]f�x�����o�~˜����'������p��6Vt+�|�x^eN���T�o�%
+�t��;X��U�H�9TBwذ;6�Ֆ���~@��Hoe��W�6H%���!�#�CٞW�9�>��I�
!����9e���en��-�qK/*�W�il�'�'�Oҩ��^Uv!��/^V��f�}���PY�\8	X�k��w[���+�9f��B�uJ�[�\\�n�I�,�g�G�+�i��"�
RO�Q�
c*�-�"���Nː���=��</C�T��A�L��;�����(V_˼V���]	Ø�.i����
��
�k�ck�G��?Z�������c[l�m�ۚ�Ro<L�l�������{
+�VG�<����@I�D����_)Ո����Xa��c�-}�s_W��nK����\K����B>��E-{C���^����=��JOr��`�*6�
ez܅���BIf�����Y&t�x}����
��/"W�%��9;�m/�܋��@L��\eZ�Υ���Pٴh�eh�e�	|ξ��br�m�,_
)R������,q�B?-��+]�d�:�,�$I���D��-�]�
�C�!Ҝ�HQJ�[.�[����T3�-aV�}Lq6ОT����tդ=Mm�02��x	�;���3��:�y���jG�}
+ȈG���������72�P�K%|�����[yď�	�g�#�D����d�]Є3ar�s
�T�k��l�Gpz���O��6-:�]���z���M�A�6T�;�ޟ��D��)@�V垷f$,
��=Mh�_$����@�G]P;!؉�'Z	�����i����}M���D+�n�́'�~���' O�~�Y�x�|����̒�i�g� ��ofj��ф��uG}X�A�3?�%Ɵ1?�[����
�δ:j�����/�Z)��I�kDNi�
ž E����#��V��H���#u��J�s����w���=��my�:խ��B3!.��D�Y�S��g20�����=Q�%�̩��[VQ�K�C��@�T�7ܴ�k�
�|�Ҭ��I-IߡI-Iߏ��flI�M���[�Z^K�9���$.��T?~��դ��7|G�G� 8���ij��oD�3�Y$JѤ����@��nB��I
�5�;D�4�H��b?�(D�����ƞ!���U�3]Y��
��LEuV��f�ڨ�ϸ�?6$E�6����R��L��o�ZD��ꮿ���)�6C2���S�{�O*AC�X��U�8!���@k��O!�FޮԨo�����r���<Ȣ;��	Z���aG�.��覐	c�%:�OȰz�>�-�;(Z1�r��
�@�Rs6�V���y�;�Lv_ӹ����מ�f�c�Q`�w��}�<h�v�����a��Yf{�ctHҎ*\ͱ?�U�NQ
�3��:fp��B���e�;,���jO��ǔI��B�F�.�t;���!n+]AT*��J������one�zմ>k�{��ņ�r;�Y��Ue/��[+�4���\�}�t�鬔��V�HR�%̦R�oh�ݓ?��;L�:�&]���=xgS5���o)o{�6Ʌ��9�o5cP �8n�t��j�
cW����>��*��,ы�x���`�ah;�;�s���5�yt��
$]u�h"�,������DsP4d~w(��
+<'�',��B0_l�1]�g���en��WT�����|%o���z�z��$��m��U�q`�;��eōl���(;5���u����H�б�X~�5���RS_A�1��X��iF�t����uSX3��\���@���`B4H����0�H���T�2:-Cg|>H���QSe�I�3����ֻHpڣX}-�Z�_3wY$c���)
+�w<�7�>�9�A��1&�l��\íXe�
�L:[���������H����A೜�
r@�j˒�����U>)��՜�R{}��)z�
�1�d���>�Y���.�]_���Q3>�|	��o�ڦ��=����n�{��)�Ѻͨ�e�ʱ$�q�ߧ�D?Q"���ݜ��CTDTFmμWN�gh�Ow�vM��cSq}��N���w<���;�T:?Lt�S����F�h���L��#���^7���(��-��F2�v�6m\���F�_��ibӕ��}=�����
+h�M��� ��0
<k���c�����n�u"2~���6)�����u�������
���뒅gj�.
+��X���|�d�[�`�DZ�$�uu��PC..���\O�Pf��w%�@�\�pP��b"q��{@��1f���6�iMd/�0ѩ�޻(_��G��C'�K���9C2$A^�
V���;g�04� ���Q,Ո.�w��+���_��ۥa���^�BK?t\yG�㻢q��R`t�"���{/�Y7V�J��>e�^��j<�$��R��vv\�-�u��b+'ng��B�{'�:Y��2C�oЍbG�$�=�Ռᕍ�8b�Y~�������Z�;k��3���Y�;�����z��9����}e�u���Ex��8<��c/1�������L�N$��y�,꘍(o�)E���s`���T��E��L십0����{��(��ӵ]V�@��kCDe߳HU\�XR��u�����•W�b�K֭�y>��疩=���x������v|=*Bx���t�ܿ1
/����f4�։﹌�0֞���R&�0�i��U
�{GMBg�|lK��,p�/I�C�N��!��䞰&��ğ�����*�E����7���Ҽ�(��?�Vs���6y7��˻��3�$���2�r&�j��O�R�4�iY��P2s�9ב�O�#�������d
y� ��������K�3w
Rķ���R��U�Y$��o�*�h.6��`�W.C�e��|��b��X�ܖD�=�P�I��:􃁐ڔ��ʬQh�}ډ�A�	��~�Z�~5�����ڻ({؇5��<`�.,����QŴ�N	SC�nNPq�e �m��v�UnAO��v#\��An���F����F0f��z3J�>�����ȡ���n����o)"�
+aHS��K�2�v��ϮJ��*kk
+�*�찄|�'�WQ��	���������g�
+�4c�C~�k==�n�.ɻ�h���I&�6��Da+���K���t��⽹v�/�خ���b.���y�KL�˦R>�xz�u�҃�nƾ�]�VfW<�pԛ�:���1'�.qm���Z�X\�����(z����pFWO>]�u�ͦ�4���ڡ���|�&U1^d�An�����Afr4:ϝ.��V5��^�!�d�n.r�@!�uwɛ5	���7
+�m��@���L�I�W��+�U�}��K�����v7Ϳ�Md��Qim#65B���q
:�}E�-����1�ެ���ho.�e�<C��Ɣ��
+e�]N�y"K�#�椫�}:��	A���ĄԌe;��tjS�6�g�����Nl�]��AP@�������W��2gV�Y�}�whD�L�_%=Ae�8��N�҉ݯ��$�N�]
+9���ȼ*t�\�`K�M��{���ʇX;&����ڔA0>4�È�=8��64f1�@F|����?p�����8����p~p|�א��M�%��HR@�նSq!�*!�cL�?a*k�i���du?�� R0��[+�̈
+���7��g�h��l�n�F�
+$Ǭn�PDé��i��-j��J��4�D�N-���0UQ�C���=�0@i��(�zM�M;�G�+��ڸ�+��m�
DZe���:��MCE��O���講1
+!����Tadk �<�g��)Y�e�F�Hy���a�-����3f0Mގ�
��sbV�`U�
�-�s��
�e�I�5�(�K� ��+B�������D8o�%�i6�@�.�5JV��.��I.��c����X�2�!��.�厎��mhb��x���P�y��.��^���)D
+$�˿�+[S�T)�#X��V^:{���<�
�۸C���o�̿���`�r3�Xt�<g�*� ݲ������Z8�w6l���Zo8��O����4�����9�$I$�:�5@\&�c�8��"�`��N�ŷ6GL���4�/E��`���c<�B�G����Ñ}�H�龝\V������LQ;���+�Էf��gck>vbc1�'¬Sp��Nǵ�^EXp����<�[�J�>ӕk�<�xw���5��L9�V)�W4��1���>^�"�u��6z>�yS�h�GE�s������8'�5�����,B��?̓�fm�ü���6?̬��6���q�;����]Q���hbzF�no,��QT3�>[CO�$�ZȰrȆ;I���5'��S�0�djl�؄��ڢpG}��/y
+�dMg�kş�T�rF����	Mg�C-q�R0w��FRV����E���m��HZ�^5WR��M��y��;�PD%xH��:��M"u.�k"�bmr���I��(���+I���r���3�
+�,�j�BG	� J�h5�,u�ؒ:wS���#[Ӝ�*UH8vFl��#g/c/
���RW�ϰ�!W����&,lN^��ٻŠfSasA�UnwȔ��8���Δ�$�\YOK��6�:׉�>�ɹ	H��2�륾�c�X�U�:[B���W
N=�q�-���[�,ƁZp�I��'���O;��W~��X�w���͡;`u�-�փ4�V�����*��pet��X=�!ßRci��,vj�Q��3��\9�_��%��T�{ހ ��=����)3Ź�vz�5�B�@�̔=��%�=_�6�4��^ی֘�pZ>K���b9�✺�f2�Ӳ�hZ�B����H�W%A���ƌ��V�52��'���4*�ݤuc*��Σ/3�W��7��J6*�]�l�#�_Z��5C�A��Bv����+ 74�2��ἱ��!�Ϊ��N0�o�cA�&Ӎ�ː�<v+Cmt����#.�᳦�К�|���ܗ�� ��
���]����8�^`O��! �;sp����ޢ�����d-�I!R|�^o��90�ż���R��n���ڏ
�X�\'<��ƈ�X�/ǘ��`���[�97́�xCP���ZfG��s"w3US�o�̑ŏQAY�2��ys��$�t���"_;0*�Q�v�Uӽt,�j�hD&�'u�A~��j�]�����o�|�_!�/�͟*���r�8���������Gtm>_�г���P��T,�+ŸN��۔�z�2Vo�ɬ�+��
+����qU+�qjU~M�2��ƌk.�i���m_4��zFo����l�kș�⃀�5���$��U%��Y�r���Q�����&�υ.�C��.��m #F\�I�5�}�M^��=-/�G�p���
�\��f�:O�
��T[��9�Z
&���������pQ�;����)6�{�%G�(9����&q�&ɶ�����kn��މ����z��������<+�o��ǖ�a��!|_�|��$�eO��Ø�=^��^k����yJ
+��RU+���a�Q���l�
(��ܰ��fOq�*;=�
+R�=�*����*rF�iŏ���V�(�OC)�m����_\�3	
>������C84b�K�	�0��LW����׏���ęY	��g�l	
���{�lq5T�c&�������4�61NLL�B�}5Lw�t�~3��1������G�c�|Q�6J����cv(5�WZb�2i����ȭYS�"fL��><��l阢e^[*���Cy���4��[ܸ=6N�k��o�>�X��~������$(b���������Q'v��ʿwI����u�TE8(�g��\�d�BHi:���0���=joe�a��=C0��e�I=G��`�P训�Z���
H�|y�T�����Xܶ2!�&P��bΤ�8ڗ��i��b@q�uNa;k�=���N�,�;��M��Y�,L@
�R����8��ˑs~���Mf,~��x8�B����y��@y�9����h5�@l�͍�f�\{\�uH��J`�����am/O[�ws�M���|�=���ijoْ5D6���B�Q�k��	Q�Ӑ�`�;�7��XSp2ξ����C-�74�B&��M��E���'�b$!O:UN���:'�b>lR�;��phn�u"� Ŧ�R�;
Dm���C�Y�B�]���2���)u��w���9`hX���_p�e=-�!�
�U1�]&�����Usdi����-~���
+
���C�s��4�$$z��5�Ƣjf�6��\���`I��4�����ym�f�-~�92,�iN)g�����?�l񂶳R���9��o>��o��^�a�c�g$����3��D�S����#�_��a���o8�|��qB�1y��#�r��O��2-OV�x8��ϝ�wj�|�av�d���n+��a�m2r�l��m�G���&��m��&\��m�F8Pģ/EU�'�}* ���&b�BA'��VfN�:IJ���h'7��`��BVܪP�-Z�J������dA*��V5��g9+g�h�c�^m&�C��
���nUb��`�z���{�{���4���|�u�˵mܺHȂ�fI��G#b6�7��u�j-<`n�_y�/Ӆ-=�x`�|i�K��*����1��IP�x���QK.��~�Vm1��K��aҖS�
>�J�������͉
+`���/�&������Š���V�wd����J��@k
++
�h�xć�������%Y"yH�l|!W�k ��C��WXl��q~/>k�C%@�p�F�Q^:�SI�}H��rB�5��4�W��gU .@�9Pwݱ;��L�;�/�\�	��M�LǦ���1�r
^k��b�IՇ���^2������
���u�Ё�Ja$�
�[
E�����ǓB�����vd.��0�x�-���l���4S~A�'l
�m�g� 9�N��îVb`��iI��ν�ɷ�7B�������Z'��`eI6A�;Y��"����GǙ@���
+���0�����e���Y.w����i�npt��^��r��^[ߖ��n�!��	�9����NeK�2�O��8Y���#� ��>J\S��)ƨ�G1e�NR�=@�k�������'����9�zcC�N�(���ٍ�%cC�ڸŤh7�5c���i�4:8_7�b}�P�0���fP�QA��R@����_�in��)]}=���5r#k�� �;��k�*D1���X/
�v���Z�gb>�����.�J��wd_�L��������	���RH��M6J�Eqgj�����'w�j�UT'��K��/TA}���?�jR}���ʨQ.��~��Y$�
+�ɮ���0�u#M�繞�Rk�R	��i��~���B@\�yo��d�zH�����|�B}t���b{�b"���+\v
Qظ�]_)ω�N]���3���J�^���5���cVM��I������/p��ٲS8C��5��g��ʛ�[[D���$9v�W����p������ȗT���8�Eq/�'kC��nJ��k~�T�w���R�h
ˑ��Z�<˼��f&"�^���h`0��nm~�-
4p�r+Mi%{M3��M�\Zo�K*aCǢ	������\�K��a >Q�w,qǚ�h�_ӆ�m7S%���;ɢUC��"i;{иZlz,o���ʮ�XR6���k��9�srD�v����Kՠ���(,���4Ρ0�@<\8�
+(w�m�ЯF�d�y'�w��+��#<<�,v�Y���O<oiiV���0��!��3�(!8[�*�1]���s�#��]�iE�9��D:�����n�m�]��y2��	\c�����MRI�&�rv��Ӆ��մ����*�"uϏ3@���_��c|�t�'��Ȑ�p�{e��ɢ�;�����^�H�E�.+�ׂ�+!��]��rn�N%�شcj�6i<�7m[��ͅu%:�����z�ՠX�"��y�|a��:��i`�&��ѫ�C/81ܦ#�wD�r�rq����q�=���wDl�����C�\)z(�[t�콠x�u��{
+�C]���.a�!��ʿw�o\�q+�w\u�ֳӤh5E��d��&�V¥�L\�@-­��[����9�+j���87]`�e���W�`�.A/$\,ugmBe�o
+H��Ԣ�:3�dG$#����E�{����+]s�tWQ�>$Ќ��?�4 #�I����z@\����36I�j�;
%�'q'�EP�d����%z��
x�'���A�c�N
+���m4�HR�l�Y� �f=��҇�;�n�'EM�39�}�1�ߜ�e҄XL���U�`^��+���q���M�C)�E��L�/�Dr.˅����=�X_=�B�d�
�,Q@V�l>�-��ɚTQvE."�"3vN���T�μ�Xd��P�����z��d
[w�Ǟ=79�Qxm%ʼn�����",��j�ǸQ�����,zAf���N�,f\�'ׂ�b-�b�����D���k��X�uU�g�B��%JԹJ书s��-�
�/(<���P��F<�@aq"�-��Қ����b �
+b�~����-���1Gqb�{K������s�\+[�u�7-je	V�8)��,���"j�Ep�2Ԋp_N�H���
�T�w4CK6���_#������&��ZZ
'R~ K
;������m�f�Z��B������<d,�.�d�x���L��ۓ2�I98�㈪<O�?�|�w���=�3���F
�R`Y(ږ���P��`����OecC�o�\�
+�[~��0��Q?�LRc�S9�a`/��#���>O����r^C��T�2��_����V�Z�v�����O�H�[�
�w:�LrX>�tj�-ޞ�������+ۦG	���O#��q���gg�}:�)�����>#RxU�0�GW&���b��{,~�Ζ���
+��c����m�;;eP�!���q�AP]d���}��F��`��24��ҭ�8�&r�r�]m"Y�F`ǟ�73	
b҈^�ؐ��T���۫�\v茮����[W2��A��L�5��V6ĩ�b�����i�ҍ��
m�g
+���'�5vǬ��q�*C�=����?ۋ��](\rJ�:$+@�:�:�:��[�e?v�W�skHqq��^	
D=
���)ޫ*ͭ�����t�w@��ʪ��q]�c���ED��8��Jz������3�c}>ݑ�,�[�79	�F`䶬3gl3�����N���i�yߠ�R$�7���D���������]8���L+���r��h٘82-��/>ѭ�^2ڈ'��"��
4y�ŜSw8�8�����x��D��u�VU'"�;���C�D�I�Ð`��?J��)�������1�s�mW��V7��=ԫp:��n��@���H��F�������k�s�Tl��wA��5����IY"3LW4͎�Tg�O^4���
+}��ҽ��������쑄��8|5�VY�;g�E���wOO �3S>,k���q:`4o���&�Ċ����ϋ*n٤R�P��R�sU�R/�����>���!uSې�����a�h����y;�����_�h���p�:�<���:q��}w���IcS��Q�<���o�LoB`���r,9�a�Ym�)}lc�C��q߻�D��1g�P��3�x�围��~�k�4�ƙ׌N��I{�7��]AIw�`_]la!)Tz�o�س ��B��>�Ұ���y)7$=�k������
+%K�7.�t����";�"O5pZ�q�W�ZV/+gXԽ�z�.@DS��K�`$T�yk+�صU��u��M�>���`�����\4=4�K'd�F_M��<�(P��>U�E�T�s� �R�Z�%Sd����ϥU�$�%Q��~�'�E�
�(�V�Yr�p`R{%��D�PO�p �/E�Sdt>E��3�,b����_E��J��(��j�b��G��R촀���hA����{v�y��U�Xb�\���\c������n�խ�}N9����E�s�������s��p���hL�6锗V�yfϳ�F�շ%�՞�!�Ɩ�L�nW���Γ�0�V
+x��X?nY7�Z�
nB5�և�z����7n$���w��]]�k�Ŷ�I�X���]�dZ�Y�T�8s~��
+\2_��Ѹ_V��m��~��T��)�[Uɨ���jĬ�?o�|A��N�I%�$�ì��U�W��~ZHBK%7V
�iNf�2��\:��b������|3u�4t;w���6�_���2C����;���2�D��"��
+��X����,����'�N{ �S2��
+U|��q�Ţxr�1�Q-��!S�n�ե�HLu�A�Q�!��
+%)yX��
+�3>لI3�TJ�eO��/�e�dG�Q�OQ`��<�����:p��I6��QHD%>�@�/����ŷ6����A;�Yԫ��B8�0��wZ֘��$�:���)�����s��Ġ�F�Y�M����˚���>��%�����X9�qh�x��u8ʡ�:zjx�t}��7ۦs	�ͮY�`��Bu��󋊳�+���B���W8a;��
+�J����ў�'��3U��Ґ��hE�o�=h�fTp��l{�ܒ|�rc��&�'*�i�y�رx���.�_��}���y���O�o�Z��"d
x��*$�o�|�}]�o2Q�
��:(�����؃;��9?_�bZax��4����'ڄ�g�1��q�0F�5��t�V(���~�W��'��K�0�w�-f6B�eV�^A�����>e��G�(�uG]J�W�v�'����$�}�����9uk�2U`��'���y��D�OE��|�m��A���ￊ��0�Dq��`K��<p��P�D�QE!�I��K�|o
W����S4>��5��5��_�w���D��(f�"�\(�7���$Эx٢1
_\�2M��٫‚�<R~�I\�9%��dA�ϫ��Ďf�6D�fB�����|��(�]g�h�R��ڡf�g#����S�Yzҁ�(
�Q��+���J��y�؝\[
+�{W�"�|��~ۼ��S��:��<:����:x�\�����Z���o��)m��S��#���Y�w~3���f]qg�P����'���#-X��]�W��Z����k߄
M-�[
��9R���W_�v$�
��		ˣ6D�������V�ϫ��Ȉ�|��~��4pփߊ�5�;h
��Rj��/��#gA���
+�iOtn��kW�Y�[SM�������Yj{������A	+"
+/VnZ�ϜP��������w�$�Z�?Kצ��Rs>t��R���0�D~�^u 	��������-�3�fS��J(7[���?~
�q�y���� q~4	3bH8{���q�r��p�@}ۻ����Iݰ��-
+TK���:f��#����n�r5���ˮ�q�%�*5_�����JK��Q��q'l(��m��A�
s�-��'���[O��#euw���;�~��2S������~R��˽�wt�X#�X���"�����ۭ��%i�r�՚X�SX�C*���ؘ�#`t3:�������בc�S:9(Z17�i���@��r)���\�;'��{u�E]�cO��f�Nƪ�*9i�<hLi����/�U�Yf{
+��!A�I�^����qHG�z�vP��;$4ٮ�\��a��L�vi<�o��|0ݎjcfH�
+)I�(��o�'����L�+�»湷�/6<��r-ijWyt���nQp���q�����(^����V�Hҩ'��U�}C��yM�a���7�2m4��;[��o�~ˌ�m�\؇���|�����q;��Y�Q7l]eN��[��>���f	*R��}+R�
;�!K�l�!���h��),o ��~�&��Q��R��m*�h��̏�e{^}���/VC�݋m;���`�׼�M���^T���-��^O^O���ӱ���0���Ǝz��F6^�9�@�ʢ���&QV#Bǚc���\�%JL���c&�	X��iF�u�u˭린f�g�<#=�[Q�v�	Р�zr0/aȏ��9��e-Cg|>H�����r�*�>H
�I����}����kת횱�����Y�RT���_���a�Q����_���s�ҷ�~���Ri����:{E�ے\�m�9�*]�A�)]@�	���g�h����׷a��֠h5���p�+Ɇ�������*��L5܅��+���+w���i��=F>|�^έ^��r�nf�
+Ar#X
I�x�yin��9J��^N;WйLX1��荸(��a`n�|��r܃������nN�zg�|�	���sEK@d�:�h�*
ټ)�xB����ѭ�\�_1C��Yߜ��U�+v0C�,
j�R��
+>θ�X
+�\6��O2������5����Y~�^�ŋC�S�	�Tf�˳�8H�e�Y�+��k����(�9n��VyE���y���������s���<484��5r�����̷��,�#z���N>��
�RS� ��&�l��.�6��3[�
|k΅���p�(����$�Su&���+/�k�)X��������:�Ѽ}�������\�TUB�S|���8>	R�6q���i�ܱ���w��,c���1�h������vf����U�U��*dx�ӝ�p��Yc1ְ�P��1��Ϥ�&c��P�κX �m����jxYz��n;��`ޅ�Y�\"�m\"��
+�*
�eM��ߥ.�W�l���y@�0y�ص>b��~^x#k�3��o���%�L9;�F;��]'G1��%S?c���;.�K1�*������sk��������R���u�vd,�Bߞ�����񝹷ih^���	���×����I��VT�P;�G��>?o^��"E��E�${�����Ye�y�GS����n�X^݀:d�(���~T3�"��0��W�*
+��W��φ��~i/�J�=e��Q�{�i�눋~e՞/�v}����L�H�=��p�{�c+oK`63���K7q��.�����a��wiΏe�]�k���������v��94
�\��1\X;e�a�V
+|o@w��Eߑ��z4Bៗ�{c�����&<U�
+���C�m�f�X ��[U���.)}_'2�-Gq}3c��g��a�W�e�;NdW-%�U����V��c�Z���u�~N�p�H�{o}��#*���Ջ����n2S���

ApW��\����[�������	#����"�Uķ��V�*���"��6�U H��UD^��)Z�� #b�O��k��/�*������f�
�k'<@R.�_�pM0�3Ig;�V��e�u���磬�|��38X&ꟷ����~�"σJ��\���$��Ͱ���?�Ё 	���X�gӊ9�ǣ�4����.�PG{�t�7�E�Yu��MgP���M,T6���8F�Mlx����{2��/�Jl�h�k[q?J�Kjo-xj3��*Z)/�$����o��/f�&�Y�b:�q�6d*h����>*؝s�(����oF��萐�@����D��6s~JI�� Ef;��e���-���3�@��fo¹-��Wy�Ao���-�hi\Z��qkؓ#K&w�PU�ż@���k�O��al>��*Qmcx$�ph�k���1I��{ξy��8��1i��q�df���@	o��Yv���
+uԅ������y6i�$�'s�"`��q��f�[�߉����\�ʵ,�b��D�������F�SJ�9�Ew��t����˫�	������
}ܡ:쓻�U&n>_�Cs����vH.?�0QRш���>�91N���#"�1��Qh��>(��ʦH#�@�n5�I��{�9i����$D>1B�G
�����R�
+����p��t�*��m���4�x#vՐ��/�1>�h�@ytX��t�6P�p���z�E����t,!ɲ���29����ij�K'ljjAp�2B��,O�׊~��n��!�tB�*�j#Y`)�]�
Z�S������I7
+>���G�S����߼� �߻p!��j��a�� ���-������{�-D�.�����V�T�T�>=?M_O�����}q��������KUm�lR�=����E����&�w�FۆBy+pQ�3���D����Բ�-���S�2ٞ�>t�/�A�
aJ����6�"�!H�T�G'BAT������?������-~�6�>TS���铜.8�8�T{�\7�F�8�~$�>j��x%p,j���kk���ï
+avS�������K�e�l�ZŞ*M�
ӎ��Tc��3�-��2���dm���I��Ю���.�iG��U�u�>%h���{��Ͽ�e�K��>�h'~�h#������ښ2M���I�V:�C_�0eJc'�Q�ʎv�l�a�0�dS�U��C�Qa��49��+�R��6�@l9J��ҹ4����U��o���%�P�MnX-פ��T���x�,^'D�"��쥺�ЮCuX�J&5J1։�*�UZ��G�䇀ҕ�՟�aq��|s	�ȵw�R�T�d��Љ�
+�/-}OV�8�6l0�FB�dm><���|L��Z��2�_���*C�S2��;������ўyo0��`"��a6��
+��4�IJq����B�O�4]�)(����ipE�Б�qY{�s�_p!�<���SϠ �y>�	"����4㫾�sx�!��;�1� �0��!�%���N8X�pޢo�#	���F�^���Q5�w�D�
4+2�\���
+����m_ES���R/���U��5�4�����U�E -Y��ˢ$�ᆈ����[��&hNx~57�#x�0v��t�	�:��%wƩvV�T�p[`�>Vs���S�Z���W]�0Ie5[!t�97󶗪^IloΰZ)��Tj��uD�o]���)~v�“��
+[�%��(�κc�=�J;Aՠ�������b�x>X��ʎk�h��Or��Jfmؗ�k�Xz�]���\�l5Q�מS��
=$�F������SL�?���BI=���
v��멷(N�XL}�2�I蒚SӟYSq[�Ig�lʣ�s�
]�0��\Mx����w��(��ٟڧ��ηW}���n�n�~!�����SŹ]��{Lގ��p�$A��y�\�qQ\>^���z�A�b�Iѭ�|e��C�q!�r�F�p��I��G�n.�jW�WN��b�j���
+����i�
+��Ƣ�-5OMRo�����[!�����0�=�fܾVv"���������|�Aٙ���۹���w��gzn���,y��{�Il��+m�R�y1��(�1%e>�"+j�%y�/��l����u�mJe�7ܘ�U+���5�x�tM���8Y�tv#b1�Fy�۴8���3�'M�\���x�sV�uc[N�X�����f�iu|�*Lǹ�ćε]�
����-M�;�sÁz�2+߼��f��]a#���SgsQ&�G��ۄ��L�h��X'��#��l�s����[��X�`���?��]q~�u�1��^�N�ꌆ�E��Au��e���"��(�j������a����y�F�o��� ���:�"�:�����g���>����6�D���ϋYS���Ͽ�)
&Y���+؝3D���y�)U�IA7�+{i\�Nj9���d5r	l�
��l�����_�/6���3�"�ˉs�| �xy�7���a�ߝ�DG�IO{ i������ְ'|M�	�ð���](n
GG+$�>=\A��M0���B� ������nQ�����{�9��%�����E�<"r\;�P�Qm}�;���
<�5�9�G�%1O�ƌ����\�%��(��i���p���+�@�Hl
+`�㿲�մ
�����C+&'�q���/���h�Ms0�ح�wQ�<lۅ���vN�VН`���*7�����ٶ�Y�ΏV�	��ٌF$����5���؀������(t'G�k
+�~o$?�������=���矈���~�]ˑ�@ԕr��p_|����q����M�����YL.@��YA��.(����o�)\�=wS����m�H^�	%�t&KɊ M��ਦ�%�b�nY%���3��hT�7ܰ���A�yљ<3+�F
��Q������iĆ�wШ~o5X�|��+�#.�B��z|�K�BS�7jG�G� �@BRYC�}���(4j��WQ	p4�	�FIO��;pT4:#�,䰯M��|�R}�n!J��I�5�X�����L=uf��f�ʨ�׸�6p"��f.0�R(_��?����3���Igm�����N����6y3�r���T�~{�T��U�8!�����n�O
}#o�
+$�]&�q~�� bMOf�R��^�ᰃ��n3�d�Wa���'RX=O�q����x����I�
�Rs��&z��ygw��쮦u9/�zn{��H7�v1fUɱ���e9�ɭ]��}>�k8]|-�=���Ύ��؟�|NQ
��A3�������e�7,�gu�H�c�D��Ю
ۅ�nG��f�m�'HJ�H��o�+���Y�.5�Ϝg��~��#��Ŭ:{���E.�E1E����ff��:��O�J��k�I�JP�f��
��=���ô��o�2}h܅w>a��|��]�՞�M��.䬍Ʒ��1(��g�B�ZK�솩���c��&}��3U��Y�)hq�����tK�l���ak���$�? p�n?I��
o�R��m2�h����:�y����X
�����3��yY�����LO*���-��^Ϲ� ?�N�6?���8r�;���J�X4F�����,���.hi5R(t�9��m�u=�X�+�9�$t�Ir5�P:��r�)���3,�8٭�L��`"4�^O�mr���<*��Nː����b�</���������w~�Dpڡ���u�ڭY�	��Ŗ4E���A���k����p�ؒ�Zq��f�Nk��;��澑��]���] 2U�G��n}L�f������OT@�uNU:J~΄��>Q��Ӧ�o�'�=�j��#:C�.�|'�����*7��3܊����7�d�U�P%�A��m�4r � �w��ԯ���fp�p]U��<B<��_tU�OO��Ǹ�����
ڍ�ZQ{�o�i�ʢ���9�'����"\����4Ԝ���XS��3����'���#�f$ܺ�S�b�s�'p��?�P�Tig~��'瓝��wX9(��r�>�9��`��U�]4��
�YN�p-�D��R��k�?���y����`�b��^�hWr;[Õb�d�+X���w49��*؈b'Z�i�%}@�țU�;��T#�Z�������V�M'Z�p�+첕'�I`��sJ��Y{�fǯ��U4Bz/�������]���ιk��R�NgEG�
+��qeC��<N�}��t`��m�Et%w\�eO���CTm�C�~���c�mz�2�펭X�-/���l2f� F��1.vn��b�#��{����i��\��Y*=��7C��wʥ�7�U��Wj[8��m]�W��\`�CSk�Z�]��Kx�=c�����k84�����qq���T�+���U�}��� ������~�j�mF�+DXp1cla�(h��ܜJ����ɾ�����Z��K�3���]����c�[�ϓ�,��fP�\|�	
����|Aʧ5`�K+RL����k�=(X��{�DD�1_�x�h
��
+�	8g�wp�R
�_�Ҷih�{X
�N��p
9�6�R��"Є�Y�ʭ�7Ll�z�/e�@\��F�Ӿ
�D������y%�|�<κ�s*��ئ�!�F�T\ �6^����nۉ�s�<OJ�
$Y��/`XgLw3kW��)���
(]�V�-�*c5'՜�Z�5ox����Ξܺ6l=Y�rt{��I���(֔��5���G�;
+�M�
��&3Ep_Y�$�}V�Jp�C¼B�9̉g�
+P�ڝ�gv{j�^����bMN�.�)I]�����iU%�~���G�a�N��Vb��X�[-����ה3��nv]�ڸ�{�� ��%��&u�buʌG�t���yv���W�34w��4ZۓTM��g�WmNPX�X��%�=��A��yI��V�M��g�fp�iY^�f̞gwY�ӎ���E�g�x��Q���q-���6�b�[�FE�%�:GK�k�{�^���}X�#�u{��'��)QTB�������C���_�v�Ӹ��`߷bh�������M!1,w\t��J�H?����X͓B�D��g��b�k�����w�T��>�S�^�i�j�H�)�$Ӏ��a��yb�,���	opkKܢ�>�k�
S�Ԣչ�A��z�}u�v
{~Л�S(�(�I���!�W����Yk�1Ǣx �=���wי�+����94����`¥v�f�!v�^ס�7�~kN����M�o��~{���f\��8.dX�ց�w�9���*7�+�Ʒ�b3r��n��2_���������'�m~�yK�����?�sO����*�B�K���,�2���	S��7vRA����45��
xT������!x�m��C�<\'|�͟�ޯP3�;�@����w-�#A;]B���#f'��P�)��^CS����/�=���T��p��OzN��p:y��M
�0z :�D�ܫ"���?��jG�H�*�9�����-�v���"E�}9�J���SQ(Ӡ�V%94���+�%�E+_φ)e-��q��Y
�%��0T��7궡jւU��$S�t��R�e�٦,����6<��=��v�s�yK\���o���W�1XI%|��ܕ��/F�e��Q��U-��Y?��e�9L⍕�֘�}𦿯�sٹRES,2�\q��Ӵ
+�؍�Ɍ2����MK�t���/sK�#��<�\��/��B��*ݞyf�i�<~D�⋙y��O����q�wC����j�OH�_�s�`���<��Pu�v	�������Y�j>�56ZLT����{���>򬽳���ќ�3�!���+8����e���L�ha)�-D��L�ZYz��s��h��q]̞k?T�pb��jL�:��*�5���\�(���dTӌ���W��1]F���AiTf�,�ҍ��n2�t^^r@�j*38~�p��G����A����#Fр��v�y��_��4=o���9�x�7l��z$X�.(�C����%M�
'���S*�ˎ�:&��`̔����޺�>���=i"5f�Q�i�m����
�%���ʛWtZ�?�^$�T��&Jz��!�� ���O�ex�f�H{�ɡ��G�V[��2�M��ltQpr���
ښQ��br1���

+�it��R�o�E̉��6+�?��
+�T�]��	&�m��^�[:�eqk���׼�i������S�>���{�\�@P֐.��������h�Y�ֽ�^i<�����~�Y�@�q�v���O����������f�H�dL�M,͇��|õ�s��ܸь<� �KG�/�3���{u<W���#��_ww意gc��7�壝�k�lu}aCf�Lq	M$�4������K͍��;k
3<�VRX||��G^��I�l	>z�$�>ҭ�4��ߡ�pг��ʯ���/{�r1�c7�'�Dp���[����ѡ#"��%巤���ߒ�[R�s�����D�r$od�'�&�UQR�=�H�	'=(i1S�u�H-Ej�U�h�iK�`������	-kg��|W��e��
��.v��Š�v�zl����3m}�o��m�F�Y����ˮr���o�����r�iܽ��:v�`Y���d/��<W�+���t�xyg�^���yK'������ ����
0�����#�W;﯑��oi�Ig�ph�%]�f
+��z�/U�@�)���~m�\ߴ�M�ߴ�M�ߴ���z]�ؤ��k/��[(!���
+�����zr��J���}p�N���WP[,����P��g 5���x�l9Po8��ڧM�wӱ
+.�#9p�E��BH��Ś��APe��+�)*Kˇ{�1s�{O�n���:J��m�T-+�6S�I�me�ɫ�?s�2F��k�P-����P��)�88��"���z�n74�5�0��8���u=B��ECOR�`j�=ǃpz�$`�%�()�)
��Je���W�O�~�
L��"�N�k�OF�wM���̺X�A��,���I���{�FR"D5���Vב����]o�Y=�OZSU&���{ӂ�zՙ���&>�@��;::����i���큾i.��ۙ�L�ҏ����H�Z�=:s��3�7�g�Ҽ�Yڼ�NO�F��"'^|Us�����3��v��nE�]��7�_XzKA����nu?��N�Z�JDՖ���}9������M�n��Ҭ�}|}F�������G���J�us��=RV_o�����-I������_s�3���F67 k�[+���M�'o+�_�,,�$�|��?,���X>�v��J�'S:57k��*��m���~��M�o`|����Tި�t�S3�~��T:P�������6���
+���_'e��v�������p�L3���`
���V���-wO��O��=��GUQ�Jܖ�j
�5��wUn�l`���a���-��*c�K^��U��o�Nw�Wdc��Ѐ>k@�6��� ���!���	
��0tumʻ�^N
+���Z(�
+�*�+�/�M�����״���W�2��|�ʻ�%P��U�9xʀf��s�I�i�
�E2]|@.%���ΥFN�(
%�6O��,0�Ԇ��
K�IJ�Bl:�m����y���r{��]�!
+�R��6շrUY
�>����ŋԁ�b��҆�&:����z�ǣ�L#&z z�(b���#���o�3o��_�4��̛���;(gD���r�}���:u[i��p�V�8(/�Yy�i�`e�w�N
�2����*a	�,՝)�T{@TRm
���/י�`
��?Y
�̵���͕
"=���"���j+�67����v�����(��r�����v���)�dUB`^�O��
�f�1=c�z���;�~�/9�k��v'��y���*����'�X��9�Z�8O���D�/4�
�Y1-j���i��Y�_ȉH)���	Y�hςN�����Y8��qb�H�N[���E�D��nW��lݹL@Q���_�~�˚���r��@I/f�&Q��F�]���E����ehx,��g?v�EB��6X��U�-���uxN��u)�b�)��K#�xFJ���5�B�:"�B}��ԨS;$-+M��=މe�t@�*���*M"�c6*q���f��
+��lB��,�K�;�p�Q%M�KY��($S@`TP�5��8�.J�,~\ة	D��.��'����Ã'do<�!�]�ϥ�X��Z�e&�)��P���\��g89�4�9
�O��$�u�pJ��إ����(�q�9�P�3Xq�Ӕ�Ip�[�������őYL��(NS��ԙ
Q?%�Φ���0�9޿'[��2�?��-I�o`�����L�
+�O����+u�׬I���Ҋ��W��bp7g�|���u0��;M�|}��
�e�����i�8�Í�Ξ�?��{���^9��Y�f7;^e���v�i�����0Ri�UO��]�2~c�v��t���Q�F��
�2����ս
+��������/�e�$W�Ы�ҡy�Q/�������;�[���@� @�g�1�-,��o�w�^"��ҁԨ+N�yC��:�ၚ�<�#465�W����r�Ȧ�C9�q��nDS�B5��$Lf���3]�/0�v헹�C���4"���5�aD��N���=�XQ��J� P�<��A���5l�VͶ�͇&!�����r �d8B"u��U�����Œ�
0
+�4cFq�_�T�+���ֱ|�4]�af�
+[Q�ł�-Cø��K��F3�ڲ�%��K�+۽ر�5	��a����� Ӗ,p�3L3�%����B�]?�.��E���
d"�;�՟/5��k��L4�n[�-+�Y�X\8*x����]/{�T�E%|�7��F_hj~�4�⢮�⦫9(r�F�s�cd'Ϋ�y.9�'L�j@�=�זXw�t�ˆ�����"�K�H���B�����Z�%nȜ_����>GH��j9��-�<-
(U�<cJ��^��vvgB�[��u)9���:��-�����Hp$�
x�]W9�V����/��
��@�wC��4fK�-�����������Z6��p��h<�1�]'d��1�
+p�)+�e�g�m��$�������j<_��W���	�D����Y謨�Y/�����
a23�6�TBf��3'7/��9̥�\鹉bo��C�B�*)��Y�Z�r�t*�b�f`j6'�)��m,?U’bW���$z�n@3�&[�r��X1$��E�1g�>3���AU��B
�d���k��5��������J�fO���V�+�	Zp ��b
R�vG��՘:��ō�NR'�%�S�p���LT�<�z/t.���H�Rj<�r,:�#��QT�2�lG:i��8*?��n��MS�A��ꍾ%z�Jܑd	�;�)��`���i���"Z��L�:��z��(o�㥯P��@��t����hO�:���y��j������������%��>�����V�@���y3�a�|�<|Y���!�j;j}��t���lJ�"C�^�%r���T�����ד��	Z�G�S����o�-��k�#�$�r;���)bڷN�e�*UR0�Jz�ٞ�H�������PƤ"�*Ò�i�ȓ�s�Ʌ �h�&,۷�'A^[Õb�\d
+"+��C�H�
;���L6�(E��Pn����x#��]*�/�b��Ņ;bGJ�Ӌ�������lz�5Z<]G��,�Pr�i��}Z5z��؜UT�ΤǴ[���3N�1 ��a���ƀ�e<�_H��cw��e�w��Q��Im���i�z����L1�0�Gh����J֗<�a��=��] ��^��y}�g��~gϣʶr�J����%_]Z~���J+���amo�\��V춴��1�������R;����U���������~Qkl?����4���
2_��i�c"�=Rn2S�0��{���:�;c��\�Pnw,�N% ��U��� �f{��T9A�Y2�y���jM^4��ΐ�m	����73��ܜI��!��F�Ubn7I���~�D�ߐ��uʪ��~+��FoP�:X*�h�y�X���F�Vչ֦רGf�H���̯hh�:��I'+*���Eeq5�"���6�;KA��$
+���G�>,�ӻ���f��F�L�T���݅&��f��<R ���r5��=HA��w�,&q�fõxv1C�&�g�6=�$]y�	�:�~�=���:%_�镻�й���<��@�y
zcQAF��#o��=n�u��
�sE`����b��@k���ZV�S��o ���&�†9�Cg3+u�
�+��_O
+��"�@z���D�
+FЊ���d+�-i.Ŝ*��>��t��~��*�3t�h:�P,3u�2ԟq�"ԍt@�]�
u#�e��&d��
+��3��d���ݧ�g�a�h=P��68�"�����)��to���m�Uj���~3���
����#��32M�_F��MVàl7"�=ޜr�
+8���`G�iY	���?yQZ�3aE,�Lz"�F����O�g<Ai�8�^��Oۿ�34�α����vv�j���Ê����6��pv�)�3Muu�����x��Y
��t���Dy��3{!�{3wd��
'���p���cӱ&O��8O��]k�扝(�%���%+iu��3Bʯ��0�N����)����Q>�����[�C�f�r��7�T�5Y��{^42�-�������AQGy�[�ȗ��t�m�@���x��d��(�,�~@��;h��n��X����iQ��l>�w+���E$�h���K�n^.%��4�5V��Cd������4�[x�n�UGq#�q���R΃Ʀ�]l��|�����!KQ52�\��?�����p�sT�����v�d��mT,l
+�I�nT�ؓ�Z��&��3�Z��?����3��
O���7�J��/����޲8��!��ì�zd��*dOu�Bi������W/�e����k�xV�pPB�)����rO|^��`�ڵѸ���"���mem�ߦs
����ݬ�1�d��[!]]���)���ḠO����'�%xI�U��+���[ �?��@���r��b��}�7h";�Vb\PT �9\4���pP��3I��*���}�� �m7��
�����"��YT*��
+����U
+�I�+�=�U�qƮ�j��ˊ�YhA����2���bN2�F
+��5����\��GLA�1�!�S��Ӹ�v~�k�#�g�2#=g�`��/��&�d�K�6�ٯvl�n�k���!@�����FU��۲�Љ^2C���@}@q9�)k�J\j����H}�b�x^,QBe��u��p�_���O��2��M�[���'uz�)�L�x�rd7�%�V�/��|
+����Tl�>���������T��e����_����3�j��k�u�s��a
+�;��"(��f�QZЉ�F��֜?�g�[����PL��I�2�U
+f ���,N�8O���e`��������
783�N��l�)�AI�ҝ�:�j7g5e�y�܋B��U�D�����b���[z�0���u ��s=������
��&S����Q!i!�%�Q
.��q�5)�M��y�c"";��?��G��@��5:ƽ�[#�ɃggvZp�xE�[���@�
+�1jk���5��#�mo�����C���zBC�B���c�q�fbhr��d�1訆-�$�ߩNsܕح��P�<�RS{2�[�(�4�LZ���UC�|~��ˡѽ5�S�sq�VRш�`���=Q�(z�7���ݴa�@�b՘�."@TI,%�է�L�c�L�x���cX�a�1�?��ǰ��
�D�@̶��W��?���|�O;'�?��D�fY�1ښʢ�)��ǔ�z]uX2
�/��3�	__��E��򆴳U+�3�=!�Ձ�E�IBJ�,�n�[̻Ђ�Q��x�*��=t�E������8�w@��
_iJ�.L+���VŹ���w������'�Qd�s���pы�y51_��]��񝅠��o�G��ۄ�!�1�``���
�~��Z��� 77IC".`��vun���q~���4z�F����0VRG��MR0��v�U���2^�c�鿬���s`��ջ��0��Bd�Z1��e�e�h���"@������Q�Z�QHM��w��צ�L��"���X�H�~�N�'�Sc`�����X�8��e�J�B�"���B�����V��{;�/&N��M�	��0��'8y^�)�:.�Y�e�%�$��I����ʇ��4�Y؍��
˼�$��̷_�XQW��a��6+q��;E:>҉$)Z�-�g�'�����O>��ˍq�L������9��n+ uQ�*"hS�E5��OV�͸�
��P
��E�FŪ����YC"r֌(=�8�~/m>KPa��E%�O�*��3%���<�9�%�q���Åz� �N�'i��kN'�oGs6��(���/m�-Je�A��d���1pxTS��9��
+~e��&^��oA4���.�Y���[����`�|�%�Cԥ�ͪ��N:�l�$C*�9�z�'�j~o�.���r��	)��&�PhP���p����9�d�i#�ڝ�P�}�.����e��yۅz�9G}@��H%6zy���@�V;��T��ʖ*N��+Fϒ�i�̨�K1x�-
+����ڽ�����D�E�Κd��ɩ�����w&�wd,٨I毚�+����mK_�ê.��H?���E8��V�	�|q�d
��%c��&�C���9��nە�ڡ�O����i��Fᒴִ���h@��
��1I�4�V:ޟ�=ze���i�T_��S�}�x�q*1���S�̖��\���h���@�BG�`�C�]۷)���R��.q
v������PГv+��h��[B)���a@O� F�U�b�6.h��.�6��e�f�
҇�LD��=�
+�R.[?b����l��y�G����Ŀ�L}��Ǭ��;Z|�?A���&��������V!��!O$S�+�)!�%�,�aq��!�-�T��G��
+�F��`�"�]��H}��5,+rX6�8�ʔe-���[����(��^�H+��{:�wY'v�%��U��QdS$�-�8�V$x!��<X�eO?RmJ���)x:����3�Y@��"tص1U�"�"oy�؛��V�]^VdUT�'-��J
+n�:D?�
���Qi*�]�
dYL�gh��3���i,���61�j���~�	�֙왚:�����rv�#������s�	i����	�>���nD�����l�"׳�v���Ry���8r�pt�hWh,�_��)!��Z��^�R?�Tu�~j�}��)ڽ����3�{�PXȤ���w�i��9(��~��/�1�.�Wd[:d j����X{�yTND����L��y(�Svu��<�ٔ��.Q>BBдd糶���T����Sf����
+n��
%j���ﺾd��eɟ�ޖg�i�.y�T�]JH.S-��XV���	��oV$���+WWr�K�<Hl�
+i�!;��y�&�Xb�j�]rUF��k�O�p�¡��m�x,9��o�,���u��9��i��K]�
��T'�e����u{\�x6\��5��}?����Zuzk���Q�;P\��w�Xhz\�u

�Y�Lˊ+��h�}sʤ��x�w@E��a��*vOy��]��ԏ��Å1m�=�+v�
W?�<�l@<��]6%��e�r�q�d��oT��������r��!�#��R�-�����tM)��_���<��9�ٹA>�ũ87�%���{)�
+m���{�k�vz�~�u�Q/wkB6xJ�+�A�xh�n�Qtͱ��E���
��`y����J�O�x� ����q�&��H��*,n��i�S4����J�5v
+*�-�izYMa��V3>b��.t�G�-y4?[��w�2l���]ʕ4�E�*�d*������XQ0W-�fZը��vD�ڬ� ���*Ků�va��j�B�Z��c_��$��`X�TX�iVjD�������L���h�V=O�W �D��4�\e�D4C'�
?:�j����(}�b�x^,QBe�����¿�-w��f�\�$Yu%:��@��?��=�o?l����[�L�.$��tmZ����&,=`����ET�U�o<����@��լ��1���OŰ��֜Q�e��bn�j��5���H"��_Ɉ�[�r�ۗ;�}��g�����D�>�OV�M��R��2
+�c,<��um+nfն�3[��x�',�nU40Yo&'��F��D�ɽnE_LgID�ԝ���y�'a�%�θ{_:�`j��k��Z�Yo}ƗP�ήH��J��A����m�j�����4�"I;���"uA��Ҙ�vM/�>.�������;Y��!%���
�gxp�ӄ0@��\j��iw.�`�'��\���<�q�eu,5��#͘��P+r���{�uI���U���8�����KJ*��_K�U������2�������_�����]�����=,��-����S7G䢺)����9���P�Ryōi��Ūߥ��I�Q�e��g��;$���dH���f'%���nO���]�ȝ@�Vx�~���2 ��'���s������w��y�oC'h�a�>�J/���5v#y�@�RT բ�r�e|pP�<-�Kd����$,���a���@gd�O#5`p-
+Ǔ�������t�N�[�?#��括mo�t�|jR�������Mz0��S�-s��5o�no��y��W�~o����Bl�����dV�
iZ�
Q�/p�O:[���4�
�JD�z�8����H���zf�j�0\�Zh��s�^���V�����ɹՂ��Rh,4����Po����qn������)#HH�L�Y&׸�,�mD��ݳ�N�go��GS�[��d	;�H{�h�d;@��'}���M��9R�������U'Ϋ���G�eN��t9WZ���]m@��������,h��I����u=�A��iR���K��%U�89u�}
��5�"[�S-[T��p�}��Rz����s���H+ZA=_�|�
���Jy�S��[�+���{SE�����$x�
+�
+�aZɄ0��I�0�n�A:_ mV�IS�}��3aY3$��G$I;�
WT`�����(�%����=�#7�ɓ0�d�.������Aj�8cd{�7�x�Kc6,����j
�ٱ�r��٫�����f�e,s˫4�͒��x�|�~��
��C�6,�Q\-�X�6
��[�+/�9��
+��Ea�Q1?�(>*:�{��4Q�j���K�*���8_W�&���FR\R��?M.@_��\)��d�N����d?a�sX�<3���#��x�+���u�jO;��S���	[Q�j���I]��iG��� e#����!�!6K��m8b�'9/�� m����9��H�qJ�����`�*d�.kG��������)�c|hd"��<ԥE��7��2�IE��k��2=�Ks(��2������>,xVNm#`�����p��2�[5��_�)ȩ^��	�+&�*��Ck6@ �w���|.Lp���5�Tk�N�w_S����z��,o�X,���U�L����*��͚���.{��]X�#-�1��6����/ͮ�[�r-9$�u�P��EK�f#7��:Y8�{�N���B�-\߱�)Ƣ÷P�ݞ
s�=O��?C���n�^� ��gd�Q+����:5����ɌY�7�]�놩y* ��¼
��\���7�ڌ�,L��vq��$�E��m%��{�x�]�<����2�w����r���.i{^c�����	�"�l%~��[dc&����ʛko���r!# ��&����?�m��~����W
9?�u���k���YU�@����g��=]��-�����#��U�Q�F����S����߻�)��h���m9J��
+J�
E�]���b?������3Q��y$��_׷����K?�wR@s*���׾=VmN�HƾA��v��l���ፙ��|O$.����^�M�����DA��ș#H���䖬-o�S4f�,�l�R8��N�kD��ATߒ�a������̀���Wf�Q�F�U��y�!�����}�'���?k�rE��XϾxw����FLx�=�3U𓿼�������s1y&PMM'��}(e=���oφ}�j����faV���^ڎ�̖��K�S^���3f�Z�=�����$f�
۵��2���1�|��o��̱<����l��7�x�1XQ��֟�-�Ϗ���!P��O��}Ӛ������ak�i��K"��J�S���������g���7���e�]*Jl�(${�-��v�zI�)�A�8�=`Tl��tFʃ$Jn�!)i�0�m���F&��=t͆��`2'�-F��
��bO��#i\��Uz���m2�B�H#8�Mb�,O��{�K�������Fd]�%F^��~/{Y��x����c�up�Q���#0��~n�n������I]�$ߔ�R�	K������t
�yku{+�֑��[�~���v=@C�K��<����!4=�����d�����N��~x�'7h*��]��XM[*#�#n����T�XE�����1��E�۫j�s��?Cr���.��B��?ڮ���rm�;�Yx����QAB�ߑ���Џ���h|�w���򃳃7y	/��O��L��NOQO
+��Nd�x~2+]�4�,ws�D� �m�z�ڝ8�V�;8�я�`t9WZ�vm��}�ЇӶ>��s_�ߓ:k�I���O�tp3��و�)^���qr��9�:��8l}<X��*
q�2��xz���Q�����1���O�6��甧�i;�60M��@b�@sX���/�$;v�ν
+m@
+��I��y��!ˎ��M��*^	���N/
�F�8��}�"�%� =��$�_i�ῠ�׫1�����<*��3��.2�k明d
+

�:��L�dh�������IY7�	�J���
�Z��ݵ$�o
SY|c��\��!I�˽P�̮�<��a�f�QM;�{npn�ٻf����ͪE����i������P���D��kk�(��G,���p�ܩ��@��"A!%��\�De�U��pp��'��v7��;z���)O�X�:D}������A�
+Ϫi��e�e?V7d>ms������E���9wZ��`������+��Iɚ7��`���V:�(e��?Z"'ڤ
+Ցڍz�22���aKr�j1�QO���,�'z�䐢�Y���ڦ�h��؁ pmp�\
�"��Ͳ�
+�И�mՇ΍k<��vzէ�X������V�|ws�W��N/�K��[�&�]m������$��k�x��ś�|[�N^�����4@��ힺ
+����Ҡ�S��',8��M���Yn�6cy�;|>e
�)����CU˩��8ԩ���@j_�ͦ	�އk�
+�Ⱥ�4���sh�=ܒ�+��R��V_�e�yB��A2�mT3�ނvєI��=j���Q)�	l:o�.[�T�n+�wC���'�{/�?ٶ�$�%)W�ځB������贝IDžW�!Tl�O9 x��r�zA��{��:fJ%�j�/
+��vjƲ�}
[�$������滸��ľWr�?N,��A�U����u�ޗ(�hb�o`'�f
+�aj��d�)��g�(R}_�Q���h��)�@��78��\nH-KNNe������Y�ֿ�ȁ�o�Ͻk��;{V��l��Q��}	g�W���w��6q�+�WM]�1)϶�O�x�bn1T��21g�춞�P�+���v8�0uZ:`���}�J��:ف�5��ι͇,�L5S/����|�SV��\'�͠I��P�2;�{��0��3�U�3���:��&�tc$��������G?P�OI]�B�i��x�����u�\)�p�|N��p�[�L�i;%n
���w���4ے����/�~Z�ݨ��b��+�ۻ��{�����^�|���f.��Ht��)>�X=�����G���.[d%O3ʭ�D��f?/��p^��{Pٵ_~�
�3�jC���|wY+��r.�a��[�u�1� ����!C���ݬ�X����}i�w�|�$����]�}7�HKš�>�!���<�k�v}گ��d|AZ��@�B�Dk�i���ءl���h�8)�����C8rЂNvx[w73���xQ�F%ocg�z��I�;��U+�Q
V�d�����Ku�>�i
Ԭ,��:�I.�Y�s͹���\�_����O��W&}53�:�[S)���	����H�deJE.ۊe�)��B�a,���E?:+庇����B橠�(��(P	��(�0�I�>��"
+6��8����rZQMRl���t��d��?L�?�Sk�?�xH��o;l���������+\F2D
!MQ�d�
<��w�`}�k�yDa��oR�.O�#�my�iP�~�U��W��>c�����Ā�����M^�mJ<瞧�u��Su��q8p�4�x����Á��&�~oԥZ�6I��@�Wu&v8�L�)��� ��H2+�<��s����ט9
O�+KF_�+��NC��Ը�L��-i>��K6�Z���W!���k%G��=Rkf��7��(�b�j[��F��o�s^B�7){�ѿ{X�8���Ih����#��A�ԏOo��Fk�{�D���P���CzI�_v�ݐ���)29�b�PE�������ɀʋ�1��3O���>0�K�lV�[+a~ط��頬����u�[h�0��"�R-d+��|�����s
�Yb��T\�V�o
�B��F�RQ�؞�"?0JŊ��5UnAƪU��7_d=�S�s�Io�ƏD
�(�M:Vj$�����j���?%[5r2L�i��vEA�:PM4���t��QCl7���(�=���q62��4������m5}���������*��V-[�66c�ߋҧN�+���܁j�{t)�����>GSG��u9�o�m�b��yӚ{�v�|F��:
+��,am����fK��go�^|cvM�;3Y��(�'	A=�}�����M����5��f��Iٷz�K�O7W�8�V���o՟_ݓ��[���]-��Yo��)�h[���7�B��'�=���~7��U�=<9u{}��eI$����䖭*-
�a�W0����_��(�@i�*���O�6���'�I���
+ml5H�h+ʍݛ*���IHN��z����nc�
='A?��J�
�-�<��|@呦�|������x�p��c:�)4��
+�2y7���ʃ&~Z��>�
��@)�e9G`
���R��44U�1���k��J
�-���Z�evd��"�G�*b�{npn�ٻf����ͪE��q�=�1��)ЋdA�$m����Z��)�k�ȿ����ߕ�ŴE�U�g|TC�Rv�$>5�W��X��^��y�N������*U�N5×'��
+C���JڼF�\�!�R���Z
+jz
�RW�.����3O
��Y����2,܃�.`����y<��Rٽ��*�Dț�t���9KVPI}�}������݀��MKՎ�3�4��q��E栤���:*��'A��������?��O����3��{�{��|/�M&֦��Q�]�^�e����K�ܷ���^&�զ:�J6����S�|�+s����5I��ƍ,��� ��*K �v�ޢ����´nto��&ۿ��ct��-�.=?�u������Bo�����{��}}/��a�������P��O����-	��_ސ�
}`'�h�9D@�����d�y[u~Ud�#�ZS+h&e���Y鮑���/�4�
W9��B`X���G\��s�݁
+���}5��p�V]�Qͺ	%��\ȵ�y���a����L����ٻ5�D
`$����-U~�=Y����֝uT`�r!���d��e檊��q�%)I!��[�Vp��3��!�IN'X{���xo@��}�8�gC�%\MK�t%��V���*B���c�_�Z���"l�jQ.�NQ�Mf��~�W�7�ޒT͘��D�
�]4A��K�j)I���bo

�����������C�����Y9����wT�_:�X\�\
+���vK��*+�t�J���Y��+�S�J��)UV��4��*+�U��E݈�I��W�4�'����균���7d-��t���H���nd��
+�o�x�c�3.��
+%�o)Oߘ��57��g��3�uI��n6����cM���Ѡ��3ߔ��\u�#<'�#h�Ze��8�U9^6�D^afж8�\�z�����F�����#�9oc���rV��t�r��H)�*�@�ε�G�q�V6M��b�tQg�6\Y�焋낛��ތ`��wAg�]g���o����<�;�ӌ�7��)��D�L��=j��W���w�p��'+����SѾ�I6�����5>��
+�*��2�i�!�m�����˓��?'�ٰG�AH��5\��Z�8�y�-��/�
_�B��2إVܟ��p�����꧃-
�տ��`Es�qݺs�~�I�����qP�
2
+F����Gh�ٿq�e�L�e_��}��mw�1] :X֫�qQQ���G����K���_��"��������}�SĬ�N��	f�.�9�X z���$M:c�^�K=��ՙjkM�=?;����8�'�7�=q��p��[�*�e�n�IlMV{l�M�pO�����J�|���L�kE���j���6������$�ff9���͘䴚%:����9����5W�lkؓ�l.���=��be��h�{D�33����/���(�5�%����C��y�Cg�LD��8����>�ʮ	ќ�h4㟄�N����op-��`��XT17E�����g��F͌���&��h��}޻�G��!��j$�
��`�S�P�����FM�
A�����ީ�Ec�
+�ǂ
+���N��)�u��D�o���?4��#2���E��6���:0��R��MKD�!/�%���ٰ$q=Gl�X�0�h/�PY��Y(���(��]�۪93ލ�7�c�*e����D3�B ��,S��Lġ �/�?]d�V�0�?w-,i�?s�6n؋5�����
)?:	}��#j�����B���Qڥ�\*8�2:xyZ-4{�a3�nU�_��e{�hi��P��6�Q��h����[��$�ė�y03�Q�����%?��UI�v��O$@���h�V�&U�2��V�@\W�<��x�p8,��-���r�:���k ڵ�\\OI�	�:$(L���5�C[v�d=R ���E�l��!����t��kH4jf7�y�u�(��P���V�dꡪ�t�.�v�{��AB��!����Ii���&]
+i#�w��
>�G�/��Ҋ��e	���ml��ߛkԪ3�^�g��m(|G�B����1hM��� �2k>���0�C�$Wu�܄3Ak���?gFR0?8+x�������9;=Y�It
�}�
����	�3�-�6u
����N'I��U;�..�K�"x�}�
�����������O��0��T����_�������s#elm�W��yz���=V�b�\�>�X��D�A�Ə1��l�d1����
d-UN��
��m-�ǁ�k@�k&:c�@b�@k�Q��F��\����R�]�1�V<��������x�v�-�<(��t哖�}�d��`�4d�W{��]��:�Bw�|��̒�΃"���q^9�&3Ͱ�>�k���O�;�q��x�7�x�{UQ���\y;�p��9+7�p̑�
+�����[(��U�2��jA�j�*Q���W�书6��&!h�].���˿�e�g~Y�?4!!FECb�6?\;��Ry�yƠiEiI�j�$VK%�[;?��Eh���D�$(N�JAkX7��YQ5�z��`�Qُ���<O����O���c]5Q��ri`��n����m�j9��|��u��zk!o!\57��M�Vțֱ���N:�Q��f���)�`$���,1�)Z�t�8ӭ�V�5Γ�J��4���E��m���3��Y���~@ڸ�W�5�t��4���l3rW���t�T|��K��'n��y���G��w"%�����^$e#��DRe�{h�$���*�4�J�P�
u��ȝ$�S;���c��z2a�i�G��R Q�y�oV�&�(�͞�������V�ԡ��@�����C���
�S�*,9ĩu?S��MK�b�7/��,�P���a5�|F4�w[�)�j�o#�x�<u�=�R�_C=�/E��4��g��a+����:9�t�Y��gg̔�F3~Y��j�Z���=I�k Jʵ�R��zs����Bt�n�t�?-�JRUq�x�]��<�xht�]�0ax_���}� m���?r�>U�/������V4�1}ԃ�ʛ�}���W;�d��g���	Xϸ��)"�����x�T���W�Ϣ墌 q��@��;������Z�-���V^���B�e��7"�~�o�ƒK����4(��J�~�#�_�Š��B�=�㧱r��'^o�	��(�W��k)*�Q����}~(	�ꝙ��tt��js ���g{����@RV��7%��+*0���^5�m�x(8^������
+��D�T�ms���@*8]�75)�E�(X�6u�fԼF��5	��<&_I�2�]B�82�`��\��@W�D=D~�cL
tF�N9vMi�V��P2��M�A������Z����#���(�1�=y/S}��F��[�ˍ��{�'��O:y��^�7��ҟ������4��кD�Pʺ�gη>��]��J�J�,����r�Ll��\@�v+��q$���W�tzv"�s���"�\�maj{��Y��:���k���\�R^��G`)D��m�
+ڂu���!@�3�O@�{���#���M�
�
3|�Iߑ'�a�������ء)��wA]`��V`H	sq1�sͧ#Jb���,���T;UV戞E���`V�
~�%��w	9
��jhС�p����n�d2p���8����R�9��X\�F䟔�G�`
������m��`6� �yfہj�l�~F^\���\Mcj`a^���&<3�c����L��r�K��Β�F���*C6�O�Y�“F���ޘ��-�7�3a�8����k���{l�w��xV�QϦ����C�<Liꑤ���(���]Z�q��Ͷ��7*���c��,����E�d��obQ�cDP�w�p����'����$�M�u^�rA�G��>���4���UM�<^�� �5�[��w+�����%��~+/�cDE&}��ť�4����Fd�|b:�V��$%��Y�i��l+��0<�������	���t[
�'Ɛ��\B�Q�A=#��4u4�����d*h��`�KZ
.2�4�U|��Pr.�"9҅)PV��������<�y~o���N7Śd��C'��BJ^/�ג42j��:��;��^)#�/�%F������Ӱ�s�n�[^Z.q���{dz!P�(�߬�EtX3��!�
�%��^m����3��'�^k%*+͇~���)N��R���(	���)�����BS��G��(U��ߪ�U�Q���Vj���
x�(1�,�@�Q@�c1%P��y���)%��Kl<�,�
��YH;6	5QA��R"_�Ju��`�:�VĆ�/�m���kǑ����v����
&��96�l2 5�U�
����_�x]����$=z.;�ЁC%��	3t@s����1y��O��sM��L�����>nae��c���M��8�T�C�축'n@�}����~
+�!�w()�z�qNн��'q_>�)*N4�^�@u/w�`Z-����D8�p��K��/
+��Tɝ]cM�l~tV�5n���i��V8���Z2\�<��4c�T�׬n�
�ʦ�% z�ie�7Rꐿ̘�gY��K��!ėL
�?�mU�
a.�X��^;��\ЍR�\��M-oTE�X(��s4G�';0���0����L<M�T�
�
�����⤾�7w�<7M-�P����r#��1JP�8Š1i���]G���J_��q��qDC�)Yל�}�t2�ؽ��
iRf���w-�����÷�]s�.h��̧=��P�`aD�B�%ce����^'���͞>T>�"&}5�}C3*��6����A�/�1�S���rQ�N�J�����-�2V���E+T4��(��m�+�y��2�VҞ�`�\�D�޾�����8is��&����k��tU�d'g�)wVq*_8-�Q�IP8�1N
je��_y=�IJ�h��5gl��^���������˛���P�P\�9���\�?�U��T�I�y�%��x��`]�X���1�@�w���ī�݇R��G�TR���� �?h1* ���.��5�R�tJ�v���)�Ry�P��
���+�Ǘ����T<ȄilKe
+�S��rѻ�F*�Ԣ?/�Q���<��A-:��!���W��퉆l��[�*?����ҧP}�w"���$?�z�x�3P�Bo�*'�g[���T�ve��׷�t=����C�*1��w*��
�ms����L1�^�iJ����Qࡨs ��_���x%�yL��*�jW�G��i�Ɋ��z]����P\K���"��5��Zۼ�3d���ZER��G��J�}[Y��*R��f���O�s䴰�s~\�����7j�ͼ��V%��rd��D�����zQ���j����Mփڷg]��p2�
+�HG��5���Q��FsT�n�����=��-�i#�[��wԈ
��?j��ˣ�̥ʡ���S���I7�t��¢Ih�"�1%�9�)k�d�mca�T�����.J}3��~��W�����3���ߴJ�ɮ�'�9o�J���$!�uQ-ϺIc�rwR�ps���5
�Գ�w8�LF5^���YjK4fw	1(Fm�Eר��Ro�y�����x=�[��-�֥�
+6��O��.�2��6�9%s�2c�K�IdI�.���N|��oH�r��BD�_��,�2��H6���&S�p"$�e[�R�Q���!��x�+!By�؆��W��
R�"gٓu��W�
�E� ���|q�dyP���ՅQ�J��*Q��u���Fc���a��]�y���
��&nB?�J����gi2+�����|�*:�����~�#I��0N��
��D�<�Q{w	�z����SN���ԇ(��o[\��-C�4����7ɴ&s	�1r QPE)���$7�t�kT�{�F�sY��%{���Q��I�$r�x.�%j� K,��B��QN���Q��������-s�Q?f�ߔ~B�d'�QJ,����K�b�j���y�(3<N�mj>�Ͻ�9*('���n1QC�ƾ&@A�6�k�6���3��һ����]_w
+�
�[@՟�p���g\�H85+�gͻWeT�AAI��a�_�(DD�3y
+�L�⨰�)LBU����Ej�����*.��.�
-�7���U0�n&)e]}��k�%AOru
����!W�Y߱'B���Ī'���y�ޅ� !�M͈m�|��t��HM���@�2�{���̡�:{��AUk��3�H�q~�֏���ȭ���E��'~��N��~'H��z?9��|��xU�8lu٠�`&����$R�r�>�9{/9m����6�2���iǹ�n�R��L}Ca�AsI(ڙ:��p������~2��&a��vjZ`$"yNC;y�c�
��..P
Ϊ;7�/o�e����U�2�O,f���	@�N��*�t&��C!V��]��3?f�V;��T+����m��U�ă����}s=&�7�QC�]9�L�&��G�,6G>�]M�󰎆�E��'Q�Q��끔
~{�`nog��4{f+"��󊸉b��
�P�b�
+z-\r�,
+=q5.�br���R��F��l���>6�07:�C��5�\Ƿ%^FNJF�h��Dž�C�Ԕ(��~3�ѭ��/A슖�2��.����Ye����MV)��xG'�lL^������4c�%�0�iΫ�P�����՛����j�~l����tf�ܟV��������P����A	�WՊTa����`����&�5�v���H�u����4ɩ�K����Pv��*[K����M���t�.ñ�"O��d����쒎lDXcAf:T����!1�,����q��;���5�����5������l�:�@F�y�g�ZF��u�AՀ���X_���t�ir8�����i�(�0��Ȟu��i������)N�I�i@pȀM.1F	a��	[G�ڬ��/��v|�&'�9�����'��h����/��
n*�0����b�@;���[\�q$<Rj)�s�[f�W�Eîmz���צ���2�.�t�����Tpn�����^�C�c*3Ӊ��3S���Z54�	�D+fΜ��L�f���M��6��w�˓͘������6jn�A���33o�u�b$�j6�m$���bfԦr�v�q/N���
@�
+dն��Y���}�������ڝi�ǭ�K=\���U���St�a�:�t�#�G9�wq��e;y����ē�yU+-�j�6�y!^�2�⭝���M�O��&�紫[1��L�D�MH`
w웕޼����z�.�� ����S�o��Β��%Z��F��ca)�O��wp
O
~�pǪ1+�Kh�cT�]?S�{J;O�S��+| 
+�Θ`�|�+$^�ol^�7�f��24��q[ڎPKpY�yV�
H��,�����6��*a�J��U�����s�W��Ay���l�6�fE�r��4���4�̳�OH��`F4������Ugݩ�e�\/H�\�����
���ۙ�ѲŶ�8�ؔ�XmW�vi����*HT�5b(sNqV5h�Cl9������g
+�N�u1�'zd�Go���Zlbm�$��
|g�S�<�
�/&9'�TcѮӏ臸meH�7���6�<������/���ĐF4H�-$�l��x���q��š�+H��-�H&��6R���L�k{��`�#��&���e�
���<�R����C2��eM�/߿�{�e�s ��.#���M���
+	���>=Srh���Œ�W���5.w���5�a����C\��%>�U��z-�&���gH�qjĕC%<�O{Hh�@��2�KL2�tĒ��M���*�F0��loo��[��])�&i�"��c���Tb�c���4匒n�Ұ�<rPV,�<�
+;���n�N"Z���_��|#KȦ���l�C\�R�[�G��I�s��u�5��8];8�];{>
+�֩|ᶝ��,�{�)@��R�+�M���Z�����^U�+���P�zL�)O*4�T:$�wO`$���G]�����
�~�+ؕ`�T|�mA�4�$a,@�5Tp�{�M�'�</�(�r8�0Ai��l��U ��M�>������J�^Mѩ ��.%�_�F���������o�������V�ӊZ�O+�i��X+�D�yi;�4ƻ����o\c�11����Zex^������t�ze=��o�_af\36� ���+45�N�tg)8	�����]mm!.�p%��j�AIv��Ξ��u���q��涙�&�
QsY���{e�M�d����U�tդ:L��lKtg
��඄�G}�O��HH�y@f���g�<
+e����79� �Fxؘ�k߼цW�6Զ#s�[���A	�L wmr�9\��Rd�"O�'MXM�����6����������`����q��^�_Z�q�+A�4yF���`��:k�7:G��ͽ�!��~9QD�ԁp��C]��{lu-��|X�ߩ���Ӂ��ѫc[
����P.� �*^4�(�P��y�{��Xb�_��p������=;[gp֚�z+u��S%��D�c���u��D�n��ĹU��?�U�dI�C�u��@���x������p�V���D��8Bz�Z�C���H�k���M��ҝ�b���P�b�P��2S�`�.�J�lԙQ�gϨ���"��iC�'��
+8�=�B�Fi��q�D��w��ЗTDC�	<2�4��_]�&�[�c�͝�b�U��
�'ܟ!�n]��j-I�i����|��n��EJ8�|&��w����s%�<҇�B�
�
+R�)��#� ���i�p;��9�=�c��X?�)W�A���ݞ�w<�1�p?&�M^�A�s�I�8H�����""r.�hq�Xyr� �Ľ?��͝a��;�o95�1�n�x)'�+���qq�K8e��)O�٥A�yHlڞ����� �i[�6,`��7tO
����+�T�Ȕ�6�X��������|�$PEy��a�3f?��Ԇ�wIy�`
}�9����6+;����Q��7�o�x�ۺ{�$B�o�rBW�X��
OXt΃|�CIH�V�'ʫ��g�b��ǞŠ�R�l����.1Ob,��8our{H��,����mlkTB���f�@N�5f��AsXb�=+�)�ln��F����4����V�3�����������I^�̺U�]n��Y{^������ڒ7o�3����S�j\9�5O���9�EQgI�/�=BX
+���4���zhl���lTq�t{��ָ��ʡ��M�Q:��qR	�Q�uP��-	0`_�¦�7�
�=� �QF��[z�D
�qi���K���UX�}p�
���O�������erW~nY���OЁ lQ�׊÷}�ߞEg�^:m����;&+ޠ�w���K���1�ۮ�@ɹ���־�ӄ���st�q�5�����ڢ�6^������.��.3%b�ѐ���C��Ti�&H�R�l]Ġ���ה@�rƃ)1G�0�9E�v�c����`��
�B4�/A/�����&)���*
+�o��۟�	 狐�!�EH�>�|��u�kഇ�V��6���]QD�A�
+@Rm=٘�-}d��0Ad���	�p�/Fp�#s�0���`�O�,��:����r
��m^��4΂D�Ia1"������c3����x���XxkH������,�%�AwtI���{$���5���BY�!׼e�o|����eغ�׻<!)�-!���<��q�,�����!�RJ&�1���Ֆj!���w��~f��Zg�B�*�њ��94���y�6JvL�\�����i���=��\���T��à:�e}O��5��E�'0蔒P����.s�m�Z���|ګa�������-Y~�Q}�.�d���,��EL�����J4����`�?��0
+�Qu�8�PP#�G��5�ġ�.�	"%q���y�����K��Pa��eX�%�70�
1kv�{��U�y�'뭨��;��/�Zn��S��E����rKp�4���Yi6�۬}�f9�
"m�pK/ua��n�?P�@�%g��[��XN^YO�����-�L7o_���|W����?����/9�v��8��~�zvb��RN��N�B";�Vt�]��-2Ս�h0�︦�1
+�eA�5�6�D4�� }c)Pf6F�e���c|<���d�ֻ�Ҩ���ޑ�Ԯr{^�LwU��݈@���)46)�.�s�>
GvJ'��ny]�c4B��.)��r��Ӹ�ۣ�[�D�oR�
+�96%��]%3�<Q�3\#$��H�лdSX�d2��Iܽߥ�ev0�~F �G3{�AD6$��T4��5�OO�,�)��s�ϚR�o����
5�c����>B��Y5���}��j®F
+Bwr[q%���*o&�;�x�
��Xw��
J��C�
+{�+yTV����?���u�4~1jM�#1u���C�$���v�q":�p���N,�� ��/�!W�_�:BLZ}�,�������DD�G�ĵ���%Q�Lm}Z �3^��@���������>���KJȝ`q�L>�����"d�(f��c��fC��m�Tn�o�+���ũ�;�_�!C�Bk3�SH�@Ů:��x:��)Q�C
+,搜������^�j���e��xM�üZAaP���u�;�7w���(mp��
�A��d� CD4n����S��T�pܢ/�<C�3�a\B�|���C5�Đ]
+Q�ث&��H�#������"[o�8��R������
+��4i�)���j�Il�a�sk�f�G������8�.b�zH���h�G�s���	�tu�8��ںU�Z��Du��1�A�#�
Օ��W]�0Ie5��k���u�K<��GЫg*�u��l�¯wM`���їM��g�ߐ�S�g
+h�`�t�!��nȂ��������>���S���%T6<XIP�!�;���ڸa]:�E\K`�&vQ���.�jRD���*��
<QVW||�N�O����]J�T�����,2Q����.^�'�L\e�L��[*f{ܛ<%~��kY�z5F1��gL����M=�%���h2IR�Y��LoUΈ{��+�r{��,^�
+\o���K���K�k��z����(
FS�mI�=��?I��`
+���?6�M�/؄�1G,������mN��QQ����Fz5�ڒ�Q�lmC|V��5����5lgLxN�X�(��U�)����*�m��A`a�Xc��1^ȝϤ,Sc�(t,0���/�ۀ���̳_���P��"�0�������ኲ�Z���\�o28\6U5Ev'��������~D�vI,��^����oD��R�wH,*���R���MC�5�W�ۮ�"ūTZ��� �����{I�'Y��k��X�7�I�
��piJ���̮T�A�V)��Zբ�����*ɲ#���>E]���Ĥ��־����?���
+�$IR��F�}�a}`r��8J�����ž�(:�S�X�7�G���[w,St�
+��M!��"n��(��bZ,�LX��"UM�$B达���5��ۃ[���ΐ���un���6?~]�MqX����:�/~�0fp�����8o	��5Q����R����z��{�T�4B�^I!�2<��?C���ga���p:�k�N(��Y"���'���$j
���jD���*��1�_�6��p�[p�ϐ9W�Z�U
+����9¿;NoK
�q��닾��D�ș1��,IH�hȕbc���7��\��/�5����L6g�fC��zn��t*���	�d����^*�T/R�8ܜ)qZ���	�+����\a
9���iCmn�j�}wפ�k���I������z��z���KK����Ț�����B
Q��Z��k��ZH��`��'�e9*��hl�\_]F���
�O�}^�k��
+�L��h+j��qE��t�<��E��v#�q�t���g���-7��h���&L�{�G���ʁ��9�_]��Cr��HNa�\��Bv���*��
h	�<�D�O�Ǩ냶$���V*G`�ī���K�(��[|c��;$��mj9B-�ev�gN��~wT�Roh�A�ml��Y�2�<z
��al�s�g�S�kPt���NwQT-�X��u�ѓ���3��P$[Kj��G���*�u� 3M���v{#�5���\��?MH%���5��F��<����Dڼ�'�ۉ��T*��s
+B,;u�����n����Q�|#�u��NԵ��Du�sx9���i9)���7M6��-Yz��w%G�E�J6
+�N��tΎ���,%�%��U����N��/�
�~6�@N.���Bf��x�W
 C����|M]]�g�.M!�����?,���1�6s"���KWj�2�? J��9o�=̉2Og}9�S��~
������~PM����ԡ��F�[�&��|���'	�S6�vq�e
�1Vc�Woޅ�YЍ�l�)���Opm�����^��Z

+�kGʗ@��`�g�CL��:���e	[$�So��Na�Oт�R��W(U���+Au~r�����.�\t�{����.��F���g�w�Ţ�]ʒ%�ͭ`9!{:A!�.��d�H�$MɃ�]��(�8��a55�4 �UM�'��4!���}�V7ߒ�ߢ�_�8�Wm͈A�񋾴+����
����9�ZgM�R��w�ZN��L��`�eg�rL��:"��i��i������-�Phk��u������H_O�ۅY����b��zj��	f�B�U_4�P4w�fw���/�oН�M����d(�6��5<h�ۓ��2��]�0]zM�J�v.�tD�p`��3��V)�qj*�[�^�����B�<����
�L䀜î���un ��Ν=i����e��<6��tD�Q���ߐ(ILwp>S�M�ԔM$��{<�,eW��I[�%�[u,W+K���톚��+ym?�O^���`2�y�~G2`������}2x����0�D���F�߅$riI>��tuP+c�dKg�ơ;R�혱�
��.)o�(�{"���7�S��i �xl,��$�=蟫tj�nxhC��Q���T����֜<b�P	�n]Z�!�,��^��8D䔖p-U�i��z`�paL��	�x��u,�q���!�;�1��`��N�X�(��Pȿ}��` Y����
+�6�9n�����gM�/?���^�b5啤����X_�Ã.�o�_uC#(T�6�~9^ �s���He$
2�v�Cz��E��!���5c27�j^�as�$h~Xw�B�>|�D
+ר�:��H�]�oL"Hˍ!��%�R��'2V3�8
+\����C��'Q����4|���D�N�O<���؜Q���p5��:y���vN��E��8D�����G��L�����J�5��O�7�)�x
+�P�5�o[ȳ�C~'Po�y�)�X�4���ڍ�]�WJ� � �1����X\�'X��E�c�S�JA2ڤS��[��O��|}"�Qc	��z�~�j*y-�y�^l���vY�(�m����0_���
+�mp�9
��>�����A$�ta4]��ȶ��@�.�gSJl����d�.M�Ǚ3)���j��I�ٔ@�.�
���Kv��%�im]r�S!��n�
S��
+n�р��R!�k:R��(@u���0��yx�S�C���}Xw,��y�^��J��c^
�\MR�S�X׽S!U%MK�ʛ	��UM�q۬,������l
+�z��Q�a�Q������)�KqG�|L��F�j%��kRS�������Zj~k�cW6#����j�����߁*��@���<`ܣ��ZE
��絬.�"ґ��_j���I�wBDQ���A�E�J�/�z.|/h
+2�rP�)`���SC�f~hO:DgV�D
+�m�Un>n�+���v��s�Ƴ�9����AxmF�n	)�H�)d����tLٔ��Ծ�
�h�7�@�5{ސ�<�{X�=!hlލ_�S~#��5��F-�R�P��e� SD4o�7���)Bs�N8oѷx�����[��Wk�ƻr�(�O�x��.������:��h*e����5>�+
�hM5�2?;��Uz�I�<t�{��[�9��N&ΰݥHi�/r�6$$7a,���ؓtu�8���T���U/\�����K���?��$�q�s
+_����ӝ~�
�
+��tg�'X'5�Ve��U�.LRY�V]s����O)�t��
+!2y�J�X�
+q}�:�pM�(����*�mJ�L
M̵^�V�A������ �zTr��Ex����y�D	��+J݅�T��i��7yLF��n;���H1��<��/n�V�/��|*��_*^�^v����x�by@
+�s�^4"��L-}����b�-�&H�U=BO8���7��t��e�0!;,�+�����,�a` ���x�`j�Fԁ�7n�%zj���ϝ��M������GFԻ���l,�W��w�����<t6{�#�M��\�(��Rcdρϳ3ܐFU��\��8���arWP~����PA�h6T/�K��1�8�p��h:�/��w���%���U.{ h����]E�a�3�gؑ���Ar�ۥWhL�`~�4���t�s�E��J��1��n��]T��MJPM�Lvnl+{�x��6t
A[�D��%Q�ˣ
������Y�Ʈ�Q�g1��5��Uhgic����(O��w��hĠm�x����n��$�� ��z�b<Ɂ�Ik�sd�]g������Tݦn����U�����{��2ˮ���ؒv)O�M`1Jh�,��4�$oDp��a�������� I��� ����{)�}~ϒ�t������V9c7>�I^xǗ�:q{�qiH�
+~���3�F�0�/�J5�
+`�F�:cӿ���2}+��s	��JIf΁Y��F�PM�[Z$���@)�::Ү����}��O���J;/�T�"�l��(���猢��pr{h
+����"�
	��$R0;�B���5�'�8�$���@y1@��	�����9&,-u��zm��O
����ܠ�>�ք_�Ed��������8�
r(��hwI�;��3�ƶb;Q˜۩�`���0k[PC��I1U��x}aXs��m?�M��M{T)'���rw�ބD<���\+��ϛh�B
+2jT�
A?��@���֌u��^���k`r)�U7�|\Jq�P蹥�*���
*��~��k���	ň�z���' s���l6���
z��Z�Z����&#�e�}��QOߝ����v��u��x`�]�GS4\��w
]�GNq�&
+j��|T/꬐��Ά�O�C��쀹B�E s�:����u�O��;�g�k�Ī�p�K���f01�b�8�-vzú(' ��=p�T�����A��T�(����K�`���;Р������M)d�9�'��̎�l������!�=�%0sg
?e��'�d''�纣�@��D��h*N������445�����t�Z��1��qFCիWi��� �66{b���ˇ�c�5��/r����U��)�H���VjQT-�X~3Sh��L�~
+�K&�0+'�kiVP^�:�\-�7��~���~��H���qM���aș�L`�<5���R�b O����
+�������]/�8��ܿ᥉X�I6y�����ᦂ�)��4��o�i*EDO^�3+b��K重b�Š]V�D�Qż�N��x��+��Ɛ���d�ɛ��1dPP���2�)��[P������	���Lb���3�_0��l}�$����8��ҺSV��僿�Z�O$m�iC�sˋ��~naP��y�!�x���8f��h�
C]�?:kFO�!4bc�$�"�����쭒X	#hԤ�!���ݺ�^G0CPLN=&�
!k8���F���Q�5��oN��C�|FP�Lb;ٿwl>�6Q�!*�n����_�O�v�������.�S<q���TC�+Lr��d���oV��u�(��8�A�f�N��`�����U��W�ܧ�����w�<"�(77#d��pj�5*CI����88p�!j�i�Zhܒ���z;)����֣8<��YI���,��ߒ�o!��_1��D
=|��$Q�>�+�����k�uP�3S��|ej:�C#�>�ON6ym{i�5rU:����m��y��^�Y_������>������rs߾���:��&�B���>/��JW��T,�Y��I�rF��ir�:�;'����yK�^�"^�7�V�ϋ�Qw��	�/�H#LI��C��SM�DDm�#�R0�ЭK\˿�!�~b|������
+��o�&�i�s&���u��*��݊
+PMF���G"�f@P�}(��+P��
O&��,��Y��=ѷ��$&.�Re΄p.�������Q(o�l���h�5�Ki��L���eV�����]��cʲyj�
�<Q�$ݫl�c+-���)�Y�+l���s�h^V�s�׭��s��E�K8���YɎ���i��³S���	.K-~E��`V(��F
��M�P�^L���x]h&�
+��k���C��N����z�g���������Ӿ��.�eA��B/D�+RsqT(��U]����U?N��K��E��aQ��݌�"@���r�Q�%�E{]�K���5�5��
+�uj]�&�|�)��*DN�
+v�s���5q�Gm�����z�.@�W?/�_�RA]UE{͏�UO���డj�	�`�-���f*��\¤�%m���\�|`��7�ѧ�f5@��
(P��.�+�B�[X\
$!$��ms;���R[]ص�2EbQz]��7`<v��N:�'�A��.��;(�d��/t�&�\z�����{�zr�]g�<F���/�
�������[ߙ_�J%o9ς��9Ky����܏@���]%ٖ�8t�U�
�<H���4k���6D<��d�!�f�i3
+֪�{T%uQ�ѱR&���F�����v�;�� �4�w�H��\��jn%�]���l�+�bPp������=
��Yv��}���4�F	��n����(�ls�XG��~׉�Q���S=>�XFo�;u`%�^��aJ����M����A��I��<8�.��ů6��X�.�e)/��`"���=
+�ʇ"�P����_
+t����\L�C��pW{�#K����'��pm����v'?�J_��V����u|�v=�yЮ#UN�o��"B
+_�FI!����.1�g�M@/3��ğڟ�ZĴ��{����>u�@nNV 1|����������v;$)��x�)�=$
&��r�~>I�_sT�������	U�!�ty$�E����b�-�R��S�)�߯J�C>G ��Jܐ�)��w�ׄ|��8h܋_+S~�n?�7V�S(�*Ah��R��q;�g�DYP:bHg��-z��"/�9��6n��+�2T�m���|�P��$?
�!�B�"��o�8v&�RK��9����P�(��؁l[b��xC�һuߔ{z���l�����Ĵ���M����E����	�I�:�q���ӆv��x	�̰Ou�#�
Օ���·�0Ie5������c���c�r�^�Оr�i��;-H�=��0F�
�tz�5]���S@#1ܥ��%J���?�V��q�;Q)p��}K�*E-A�)�;���#�h�o��"�ѵъa
�Bu�Iez�c���
�������ߩ8g�l�$�*ن{�2'�w���F�'u�j���<:�ô؉�E
to����^Lj��zGU��<�r�S��4�P��W{��Y��_Sb�6�q7P;i�ʮ��M�uu��o��|:�J�Q�x�T�.��޷)�w�;�Ɯ��;�O���A�~N�0x(��@W��Sz2�{���3�J'�L�r�U�§�'3������d1��
+��x1�"�mY���n��
+�_R_�$��;Bo���uۣq~[߀�Q����8��� ��%?�e�b�.r�Ʀ�nW6v�!a�s�����F$%_20>��A�Rg�O\@�a*�&�Յ�Uv-a�(��	��w�s�۵�^��i.�5�p�oA�ҼA���~0��W��W�&��ӕ��גʊ{�}���}�
'�=�f2��q��O��Z�+�4���n)�x��] ��6��ԭ�|X�߱'�fbb��;ii]�KJ����Ϡ[(�M����	��B���&-�f9�ޓ��c�@���������'�]��o�S���8Õȗ*&���=3R���X�@*0�]�{$QIE�����b��:Uh���8WA�"�0��@�?��㾰�N�;��c�
+=�@�S2�?�~�U��{�8�
�t5��=H?p�ý�A�$իEq"�_�G49�–
+�^ӪS�$����KNk���H�)��n�9��<x^����f��Kq��7[ERV2	%D)��%�R(��g&��O^�:��~E�|l���K�Jtv�׮0��Hv���Tw�(��e7�y��
+����<��ؕ�u%1�KG�Κ�>>j�Z��ɒV�nR��?da��Γ�F�,��&Ё0��Eh��I�h=���v�;cρ���ek��ߡ�υ;JqW�O{�2,!�w��s`�w\�t�]\T���'X'GY��G#�9�V&��#�� �y���%A*'gS���K�{��3T&�l�(�PT2����)��~-!/��N[��@b*���*
*c�.7�H��EG�o*�D����yd���b��j�J឴�V'%O�"��ư>!@�d��������R�@��|��Z�8�^5�EC�qQ~�ժvK����j�9H�M7�r�k���B�o�]�UO$�?�r�9��_�eIbt�t���m$���VE9��f��	�����
޽J�vqM�	���=����|BU���M
�$�f2�F&ɭ�&7�n@���ER"%�Y?CE��h�Q��ɐ�T�x�~���r�|�G�R�6%��"�ĵ��ʯhtkC�4g��<�Pa��2�uqY�Q&>��u}Ʀ-*�d܊���V�K�eK=\E�^*�v��y�٥8��=��L�A��
+�~O8����ҏ�8�B|5r.�L]ZA"XWX�'����|�L�����h2�u�
��奄opD^/�dL>t&2&$b���2fx3�v	���y��r G�L�$ͥ�]R�x�zo�=��
�*�X�(����h�����P����H3+�{h�t#ۑ$x~$�������!�Б�3I0�9
/<��ٹv�Dϧ�8�a���]�G~�{���N-|*�ّ���x�C�A;�����y�C�_��ŧn��Շ�n��g2Ӳ�d[B�kWZ�
k�3��1�5m����}3��
�ݝ�~tu��[�]����df�;"��QHd���^O��:�Ocy#�;{?E������?Rz'j�L }�5��k���@c�����4�d�Vo�4j���H��Vu{]|�;��nD t��޷)46)�-�s�΀#;��'�+�Kt�F
+�Œ�ʥ��L�o��gn���I
B(p�ؔl�Ov��|S�D1$g�GJ����w˦0�eeZK��{+$���l�w�p��;� �,sy������\��!������R�_C��j�y��3{�)���<���X6wv5R���ۊ+i�&?����"��7��b�۲}-��+��	j�B�ǖ�4|�g�9V�c3�e���+1���X�ZI<SĽ����Dt��T+�N,��A�)0�ծ]��]��.��Vr���)t
E�|�����f,)��76�b�8���J������ӝ���Bufl�Zf{Ԓ����CF�O{�>��B�����:���!ĩ�5����*rWTq�Lާ�%6o#�)�E�m��ǂ1͆��i�n�o�W���3©�;�_�9S��k1�SJ�H��B8^���m
+j{��r�<�Qb��9�+Tm�����{����)�ĸ��
r�󭻽�=�6�!i�}PEi�J��B4n��Y��RT�	�pܠ/�y��gg�u	�����xS��"D����#M�(FW`�E�&?A��0��Z��D*Z��+i�ݦ���S��q�)y�[�uy��)��<T3bQ���)ve�E�c�U��\O'�CWƪsV[�ЬA�R!��������TG��_q��$��(Vh�Iױn�9�X�:=<R][��Q��$��sB#��Ώ�l�x�|V�
���)�)����T0�v�@��m������>ޘ
+�C�R��`U�RO��y�_a�y�8u�BK7���[vu��"����P��ہ'��ϗ����/��P6��N�<A��,2Q�
+��.
+��ĕ8d�\QoI�����t�Ka?ˢ������>�,��z��{��'�$��AB�&�$��E����R匸f!^ѕۛ]��8Vԁ�����r��qu	���W�H�G��&{S��H�=���"S�'���
��>�T��M�Ƞ�*�O�8�U����;W"����p���]��;��*�%�Ͷ�'�p!h.
��b�
+.yˠ�bº
�B�B��I�h��cr��^�w�o|�-%
�Q��,�j�Z*�8%L�>���	�P��`4�sW��z�a|��ƞ�c�t�3ƫ�h��
+����Q��Ӥ�޵���Cc*C[�s�E�I���;԰%Ĩ�����s��&/�sH�p
��T��O�%�����������J�c�?F�fJ�U5�+�M����q��T�ۥ�ө���t���9��%;�I��*���ځY˂��6�_���!*z��3W��5**'����X�3������T�����?O�����M��J�NV��,E��?߬&m��x.ia�\�|�%Ŭ���፜[ò���<i�b>^��s���t�9ћr �\��4���Y��O���
q'P��s�PR�����	@>)�����!uU��kT	2?�}�c����Z2r\.6�5+
T�mVg��O�W����
2�E����MEP�tu����f���r��P#��W�d��0�3�C��*�.�	J��G衻�㍻͉���-�I��\�_�3���"�	C�{G80�?���p��!�0
g�����\���)��;��)���>1��?�7�:�#�@��D�
u+"NYo����J8<�64���2hQ�� �tݹJ�Ӛ�7au�fFI˔�����Q ��O��X����A��H@�s���h���/��g�te�s���Pzx�hO�z�����B%��=�=�
���v�Tՠ
+,w �	W<ף�'�Xl«�n�-=ꀬOz*;a��D&5ju��\eS�"hBG�@�`��a�;�;zSؖ:���aE�UEI&7���g�.@eX���^�vQ(��EFr�J�m��QFJp�&1�BH��1Jd>�9�q� �m7�E��H^���9�D���D]�\^
�B%�C$i��g\u�C�-�-:~�

��~�/|:����s�'��;Ϣ��X�mۖ�	�g;%�pj��HQ�Bg��9�s=��H�eW›�Ȋ�
+-�Qɜ�F^�b�R�87�}�\�лLJ��*��Gw�a!�j�ȑOq���py�Ĩ�	�UZ�M�P���lVR�D�����{3MT�Y],`�/�w%��x;�5�!��jͨ7��soɄ�����WuC�V���ڸ�WeDO.d*�����X0��<�z�%��,xLA7���N��������z���A[�Z96�e"�0(�kގ3��s�"lӰD����Ї���1#�a��)c2$��ݹq�
�so��:WrП^,;�A�VJW�r3܁��)$+?������IC�hF3���s:���}��1J��1!��K;��A���ޱ��*[
���2�r�����O��i��=�H�j緌���s�'(�YRG��O���[N��#d�3�B_ F�q��7ū�-͸y����V@�X붫�d�p��:OjF�*;����i�^�?�x1j��ux�!wG����8W<�
�IȤ� Ƃ����0_�In�.�Y
+4|`��iЂZ𐩕�4*^D !����V���A�
+Q%i�4�JUu��*u�.�1`��Sx��YSQ��������6U��"���:�������B^E���&�!z��a���B����e�tR]l�u�\�����I����g���۰��Q��s��n��FU25Y���1?A
���x?�h���#��/�4�w0�.�<O�Zr�dE����P�I��+n
�c�F/ �]���^�m�f0�Fv����zUEE!�ɔ�>+��/�	ܭ��`va(L|�߅%o�{Q�{���ʛVQ�n�a�_=�L\�@^�qFB;X���тn�$; y�sҢ��2ɿ��$��P�$�&(���D���t;Dy�<��2H�D1�dH5�;2mj�L�km�g�@���OL��1$��I0
��.ȳǭu="�yn��(t�6�<r#d6^��"y��[$O^�9x�#ݿc>����;�)yIK㈬{�ܰ��{2TUS���C<�am�U�M�%xZB�pP��sM簟[�t/u�\Sgg����g�U�mc7������q�E��+F��9�2���@�00�w��$%mC�QR�7�`F�Ŕ	�t��:B
n�˭����ׄ�����Z��`hT�����*G�%�a�?E]�*$R�r�v{��
P��_f�v:��*2SO)q
������O��r�����{�۪̇dQ��w+uUv>�j��gA�PC��:$y@zC�u�ٽ<6H$l���
��^����mw_��`aQ~�rr�LN���*��D���롂8b�sP����X���ܑ8���º�l�(}-G���y��x ф>�a_��������
+�|K��Vp�8�'����ݧ&+�z�,O
�l.�T�:�D;f��)��jB��ä�=&�0�T��eJu/�Q.��i�s9�&�S`6नowA��@ѷs��o����N����g&���!l��ś�0a�VF����g����8����2�fI@ �����	�D����S�uƉ��I�����
��_����c?�P��3�Y�?�[Ӭ
+3Q�Fd���Im��6�Wjd^��Tv�T[7��X���x{1
+�]lV�h�
+�27+p?zi�f�-�l���!�uD��N3}M��D�(��>�	���¤�z�w�t��ܿ�EL�慫���K�iڲ�U��� _��I����C(��@`�~�$e��a�z"�\��}<Ca���C�{~����'Hl
h��|,x�<����_�Ϙ��%(�G����X�*k$�F�:�Ay8B����,�ؙ���˴���A�w`�V��`\۠0N
�Iaf�X���X��Y�>�8�L�����5أiUz��o�i���X���=)β�s����*�@ġ��s=j��
+��K��$V�7�Hᮣ����n^��������:>U����A��q���5�kĽ�^��)���P<�#��!i���2Qb�e��#Ͷ��w�ӿ~�6���2�Zݹb���ܡO�bR�v�η�)��A�;�"{K�ݺ�p�<��v{2�[
��Q(���*7���nĿ�^d��. ��QG�,.��q)��'[���󍡟V[es"r��!�Ki�V�~����ވ�?D8G.D����f���e�1�މIs�|U��\�@T�8�2_@�� dU�p�"��F�g���r����$��	�i#��Hk3�phd]�
b 7N�If2y>kXKˋ��)���&<G��y1L\�����v��!�9�EGr���#��iR�$$���t|��1��T[^h�.-��.�}�$E:�C��Z�ŹN�z�`��.��c:�请m�����S�c�D�t4/��"�1���6�S�P[���~t�R�,�Ka��]Iu�}J�����2�buA3n47{��,{�*�̞����Z1{�q��?>��̵�+�p*����XW��K�h�O-�R�K�����ʛQ<�|����jG~C�]�
+v1��9$6���j*�d����/�>XGv��`�a,��Z��b�%��$�w�V�Ik�dIz�e?��q�8$���QM�s�BB�/ң�Ԃ�
+^ۏ�7���dO��~��j~
׀�L�����U߷������DpE�A�.��$E~�{���cY*���Y�*�3��v�$�`>鬗M��x&μ����"������������Q�f�|{�J{n��@�G�����W�}��\}���%
+���E��hT8��rh����eh��H䁟����z�4���-Z�ڝsa�n��k�E�!:@��yX܋)��l�B�x}�w���cb�~R�i�۵�3�m���*������["���k�+1�J`�ǡ���,hh��b?�Y��!�>�s��cs�s�wN~�fg�D�@��WPo^c:��E&J�SՁ�c?��<dg;�V��)Q.�S�Z=�����QOAq۹~����8?n,It��Z��t$��=6ׁN��q ��Ä��,���y�f��χ���B�v�t}oF���0ժ6�A5n�7�@��һ�#F�Mlx������aC�V�x��D�Ѫt��p�~�v������Y�}ό|���1��MB71�7�pd����,Y�C��u�S"6��iZ�=�RƟ�@>�3��a�7�RUt8*‘�s�2�"\�I?�ZR�?H^���c������r�| �ɂ��7n�2U�!Lp^8���8�,6����5�90�fr�-qUUZ3��8t��ߍ�!�EP;��)1ՈHPgxDRI��+�n��)�M��n�5J?5�
�9/�GD�k'[�0�`vu�cx��g���x��ʬ8Q�+M���K/�i����Us ���Lq�jß�8ci��I�jX1�Z	+m�|1��,�#g�4�T���y�Z����53��-6���6���g�����s�Fm .�R�˜Ħ�T4"�_������2��`JF�
Hޡ��+�Pv�%�zm5��*�N���x/���Uύv6	����J�	�*(��0L�:���ULۃ�i�F쪐��/�1>���$��\�̭�
+��&�����T�)��XB"�k��erҕ���g�6N$����˯ZF�$��<���;�`sQ���Po��dW�m�� Ew�<:�޼�d��v��J|�@��i�ی��H�m^'HevQMd�E
�zy
.}槁����޵��(s����)����LM�(!�B��Q+�N����X��i�~���93M��|Pv�P��
&�yno���
+6��e�`�C�_�hp���y2:���ⴑÅE�cxD_J[���&�?H��9���ȿ~�/RM��,y̒ݥ
�U5�G���%fL��y?�n����B6(�
+$��"��y��~@/ʑ���g�u��g�M�>�q�smw�:�qa�!C<�i�T��g�*d_c�H��-d#���J��.��Zr�n�o@:�q�
+O��O�q�|ri"��$���k���n�����]
����{�X�:�
fU����N����Ii�P+�������]�"
+��&_�rJb��������~;�VS7�Ԑ��{��
{�d�;�fO21m~p��
+(���2z������1=?����������O
H޸�����ݡ��|���@Y.π�jJ�e��m/�1����l?@r}��
�_Q�T9Ɍ?&���nۀ'"�A$�;F�[�d�a � ��)`堂*�AMg��Ɓ��\!�cQ�)�D �����5�S�i��A�5��Z�?8�3X��`��D���y��Xy�-C��tv��@�$T��J9��6%�RvGfW��W� ;�S�"Aεs`-��\�a;D2��r4���p�^�G����C[���|�h��/R\yP���C��Bi���r�neȅu��U����[I��H@��WsFOKU�d���l�y�ֿ�<�q	3���w�V,v�V���:�Af	��Υ+��y��O�3�.-�3>Ϫn?�dD���C��x�G�
>2&'0�]�m�����R�;���,+��7+�l�?���Ÿ>8:xq.ŋ/l��NJ��
J�B�NT�-Ў�����g,�:<�t7Y�԰��uX���jy������ށ�8��޵O:9m����}����
�b��n=h*�J�ӿu�4M�
�}_{�<B�n/T��|T/tV�%)հ�
z
E����ȿ��]g�|u��l%�ϱ�H/�U�p
�`�����4���1C*�b�$����7g8��,;@U��:���t^3Aw�
�o�w��۬��p��#�t$Sh���e�Zh�h	��i"�����H�
~)��8��@�j����50������-��g�ކ�j
)c)�L���:=�v�s�pn�ٛf�J��V4+'ͪSW�%8.�{O�
���6�Q\-�X����O"Gk�j��]b��V�7J6���跆6�e]9����c��k�f���|@�.�o<�O~5�N�Q�\��U�c�NP�ݲ~�X�C�3ƈ�]�IՍ(�-��uG�1M����E�{H�iY����p
+uWK���6�,D�O7tc�!�CY4�e_l� ���Ѐ���"���c�9�����
S������r�.(�L©��;TK�"�pd@,0	��m>�Dܭ���?_Ui�ޙ:�"EA(�~'W�1��;�`߷�V��8K<�[V�..���Hm����k��k�٧_���u2b�������i��;.��(a�'���4xzmhC��ac�]R	{�6�!�A�8��P�A�R�Z�Ȣ�0_���
�P�%�:�nH_�uV}���%T����=?
d���t��1}��/[�bS�GГ=����m�6�-�u{3���3�_�JL\6��߰w���q�"Ȩ�����l��¹t�Mh~��z���I��I��upm#��#�#
�GJ�džX�����b5j�?KZ��bǖ4�klIk���G���PD����	o����������j
�a��C𨁹���Ȧu�쏻r� ��<��r������,#��K�N��?OV;s8Չ�Q>&�M���P�1ӂ��es��I��(+�?,�
+�YP�S&��>���T]"П��d�<�`�ސsMlU��.�����a�{-��VQpRŧͰ������$�3��~9�T�'P��^��b�kք/b,�����mY�~���Sr��)�#���y>צ��Tg�7�	�r�Ć�@^����6�G��9�m30��_w{�G�0S�P�y9"��MW��k�U���N�������p��bA��]�'ZF�)��e�~t�}�5C�N]�v]�F��C�+���=���c|՞!�|�C����uc&��/>�4����\��Ц3R�$v�ēv��"�1�8�
+8�^AU2j����Լ�QM�\Dc{,�\��#4k\���٢q��%�/�)���,��i)���C�(��S�U�e���6���l-�"�0��*������%�<;j�he�
+�~T�L�QB����a��Z�:PǪ��[�5i���s8H�S���lf��\����T�je@�Hv�aw�}��=��Lhv��հ��Nrgؾ�V��- l��n��9��U_X���j�|��a�����o�������9��`ԦGG
endstream
endobj
11 0 obj
<</CS/DeviceRGB/I false/K false/S/Transparency>>
endobj
122 0 obj
<</BitsPerComponent 8/ColorSpace 123 0 R/Filter[/ASCII85Decode/FlateDecode]/Height 78/Length 1242/Width 51>>stream
+8;Wj<bE:g-&Dbe\,9N5^&;bO\ROY@#H.[la[6ZbRiPUb.IG+rLSa?qpamrP,=3Ep2
+o6B(cK:I)8K*2GM>+=kh_8=le`.J9(/fTfWA)#,%p\g"0KOT4E/^@%dA;j?PXNcKh
+)WYiSAO:B0-4>_SeM"*9`5WBa^[LpCR1-qorUo7X"^9gV*FVLUOd[/pA(ZDPM$%4?
+*`,C9`[%OU'J+o=_nd"DM^TiK_Y^!3h[6(tPR9C!@/g9AOF@]G+egdp%M5DXE<6'i
+=CVd7!e3)56L8+(?q-pMM$QG]Bd)?c@i.RGSGDm+#'g;@:_T>LU@3d!KciV<bcGdr
+`?C+KhZM#79ZmeAkYe:Z`P,mufOM)FQciNsgC+8Fk*rmYW#;G(a'hupKP%Waa'huR
+a#9W1hS74oIo4j.gUOoYZ"hehbdJE*6<qVLq&ul*<D=gNL<8C%aXC-uF'PoUCpf]F
+<LB;sWND6\#fS].B^;)2CVrZ'D/!6*_le@T:ucl4gfX?BlfZ=Y"8!L@>jr*Jg9K'f
+\,5PG.s:k35EDU[Ne@H>I8kH7\H;m`NX#j1W&ZI_,RdLoG/)gN8YHOP-cmD;]@Jp-
+dK,PIp"qX&p!T+\KMn;lE1D4?+j)Cr!#rFsAfJ>?\25O_&j6Di]+C<<Jh`XUa53Sc
+a)5%Sa$-5`os-/%>V/=#98PjOL#:!liGPa"kc8!"cg=X+NFJ+?Bn(,iVq8Ec\>%=@
+\;Z\fGc=W3j.ufeVln*o!ZpiRS\fV0Q)1J$\QXZn-W7#=aGa&DI"KJP#g]QRoV':3
+Go(7/g\6d+29N!QcDkFRY:KL!T"SEMBe"-a.FmJ21+igD61O2%<p_!!$.%Z&#US""
+.bmX$I#^l"GkWl84JMn:%gBj.<Y]68WLm$G1e+GpZ`d+B4sHh9+`+:#D3N.kAYCoD
++8<!SkA-blG022=H[5NKe!1rZ@J#f)A!YYmQ4.MmjkdbW;=llWkK01W1nO'eS=uMC
+@aB"J[apbJ%o;pE>G&=O_IJU8:AARpA>RKN%&F*]#US"(Ve,q+&XOlBLgn+g2A&89
+WI:/J-d$;84HE??+r>BP2g![[0G96uH^Zptk9rN7)&.Ib#]*h>KS%m3an&,oJ&c(6
+/\Ml>Lt-hup1aHK.!2g$>=QHtOQen(E<;6I$Oq0pYo]MhBoE@8J;qKSEOJ43()VtM
+B2$5d/g(DW9MpMr&c[+8oN?HN1J/ls"e=\\S^.m\FbK=(!*#^f9E~>
endstream
endobj
123 0 obj
[/Indexed/DeviceRGB 255 124 0 R]
endobj
124 0 obj
<</Filter[/ASCII85Decode/FlateDecode]/Length 428>>stream
+8;X]O>EqN@%''O_@%e@?J;%+8(9e>X=MR6S?i^YgA3=].HDXF.R$lIL@"pJ+EP(%0
+b]6ajmNZn*!='OQZeQ^Y*,=]?C.B+\Ulg9dhD*"iC[;*=3`oP1[!S^)?1)IZ4dup`
+E1r!/,*0[*9.aFIR2&b-C#s<Xl5FH@[<=!#6V)uDBXnIr.F>oRZ7Dl%MLY\.?d>Mn
+6%Q2oYfNRF$$+ON<+]RUJmC0I<jlL.oXisZ;SYU[/7#<&37rclQKqeJe#,UF7Rgb1
+VNWFKf>nDZ4OTs0S!saG>GGKUlQ*Q?45:CI&4J'_2j<etJICj7e7nPMb=O6S7UOH<
+PO7r\I.Hu&e0d&E<.')fERr/l+*W,)q^D*ai5<uuLX.7g/>$XKrcYp0n+Xl_nU*O(
+l[$6Nn+Z_Nq0]s7hs]`XX1nZ8&94a\~>
endstream
endobj
104 0 obj
<</BBox[39.7967 38.7446 244.75 13.0]/Group 125 0 R/Length 275/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 12 0 R>>/Shading<</Sh0 126 0 R>>>>/Subtype/Form>>stream
+q
+244.75 25.872 m
+244.75 18.763 198.869 13 142.273 13 c
+85.677 13 39.797 18.763 39.797 25.872 c
+39.797 32.981 85.677 38.745 142.273 38.745 c
+198.869 38.745 244.75 32.981 244.75 25.872 c
+W n
+q
+0 g
+/GS0 gs
+102.4683685 0 0 -12.873291 142.2731781 25.8722744 cm
+BX /Sh0 sh EX Q
+Q
+
endstream
endobj
105 0 obj
<</BBox[9.09979 42.6317 92.6004 27.6972]/Group 127 0 R/Length 281/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 12 0 R>>/Shading<</Sh0 126 0 R>>>>/Subtype/Form>>stream
+q
+92.6 35.164 m
+92.6 39.288 65.985 42.632 33.153 42.632 c
+24.591 42.632 16.454 42.404 9.1 41.994 c
+9.1 28.334 l
+16.454 27.925 24.591 27.697 33.153 27.697 c
+65.985 27.697 92.6 31.04 92.6 35.164 c
+W n
+q
+0 g
+/GS0 gs
+59.4426918 0 0 -7.4678955 33.1523933 35.164463 cm
+BX /Sh0 sh EX Q
+Q
+
endstream
endobj
106 0 obj
<</BBox[292.835 573.777 323.352 543.261]/Group 128 0 R/Length 319/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 12 0 R>>/Shading<</Sh0 129 0 R>>>>/Subtype/Form>>stream
+q
+293.371 554.521 m
+295.582 546.39 303.962 541.59 312.093 543.798 c
+320.222 546.007 325.023 554.386 322.816 562.516 c
+320.607 570.648 312.228 575.447 304.096 573.24 c
+295.966 571.033 291.164 562.651 293.371 554.521 c
+W n
+q
+0 g
+/GS0 gs
+14.7219381 3.99663 3.99663 -14.7219381 308.0937195 558.5184937 cm
+BX /Sh0 sh EX Q
+Q
+
endstream
endobj
107 0 obj
<</BBox[295.378 571.234 320.809 545.804]/Group 130 0 R/Length 321/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 12 0 R>>/Shading<</Sh0 131 0 R>>>>/Subtype/Form>>stream
+q
+295.826 555.188 m
+297.666 548.412 304.651 544.411 311.425 546.251 c
+318.2 548.091 322.2 555.076 320.362 561.85 c
+318.521 568.627 311.538 572.627 304.761 570.786 c
+297.985 568.947 293.986 561.962 295.826 555.188 c
+W n
+q
+0 g
+/GS0 gs
+12.2679863 3.3304451 3.3304451 -12.2679863 308.0937195 558.5189209 cm
+BX /Sh0 sh EX Q
+Q
+
endstream
endobj
108 0 obj
<</BBox[160.348 342.426 261.148 166.986]/Group 132 0 R/Length 126/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 133 0 R/GS1 12 0 R>>/XObject<</Fm0 134 0 R>>>>/Subtype/Form>>stream
+q
+0.1 w 4 M 0 j 0 J []0 d 
+/GS0 gs
+0 Tc 0 Tw 0 Ts 100 Tz 0 Tr /Fm0 Do
+Q
+1 1 1 rg
+/GS1 gs
+248.702 179.295 -83.314 158.091 re
+f
+
endstream
endobj
109 0 obj
<</BBox[139.765 404.705 274.405 270.065]/Group 135 0 R/Length 73/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 136 0 R>>/ProcSet[/PDF/ImageC]/XObject<</Im0 137 0 R>>>>/Subtype/Form>>stream
+q
+/GS0 gs
+134.640002 0 0 134.640002 139.7650146 270.0649541 cm
+/Im0 Do
+Q
+
endstream
endobj
110 0 obj
<</BBox[278.897 342.426 380.417 166.986]/Group 138 0 R/Length 123/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 133 0 R/GS1 12 0 R>>/XObject<</Fm0 139 0 R>>>>/Subtype/Form>>stream
+q
+1 w 4 M 0 j 0 J []0 d 
+/GS0 gs
+0 Tc 0 Tw 0 Ts 100 Tz 0 Tr /Fm0 Do
+Q
+1 1 1 rg
+/GS1 gs
+368.087 179.295 -84.15 158.091 re
+f
+
endstream
endobj
111 0 obj
<</BBox[256.693 404.705 391.333 270.065]/Group 140 0 R/Length 72/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 141 0 R>>/ProcSet[/PDF/ImageC]/XObject<</Im0 137 0 R>>>>/Subtype/Form>>stream
+q
+/GS0 gs
+134.640002 0 0 134.640002 256.692749 270.0649541 cm
+/Im0 Do
+Q
+
endstream
endobj
112 0 obj
<</BBox[43.125 342.426 144.645 166.746]/Group 142 0 R/Length 123/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 133 0 R/GS1 12 0 R>>/XObject<</Fm0 143 0 R>>>>/Subtype/Form>>stream
+q
+1 w 4 M 0 j 0 J []0 d 
+/GS0 gs
+0 Tc 0 Tw 0 Ts 100 Tz 0 Tr /Fm0 Do
+Q
+1 1 1 rg
+/GS1 gs
+132.315 179.062 -84.15 158.324 re
+f
+
endstream
endobj
113 0 obj
<</BBox[22.9209 404.705 157.561 270.065]/Group 144 0 R/Length 71/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 145 0 R>>/ProcSet[/PDF/ImageC]/XObject<</Im0 137 0 R>>>>/Subtype/Form>>stream
+q
+/GS0 gs
+134.640002 0 0 134.640002 22.920948 270.0649541 cm
+/Im0 Do
+Q
+
endstream
endobj
114 0 obj
<</BBox[50.7369 96.7171 80.9433 66.5108]/Group 146 0 R/Length 296/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 12 0 R>>/Shading<</Sh0 129 0 R>>>>/Subtype/Form>>stream
+q
+71.61 95.568 m
+63.902 98.753 55.073 95.09 51.886 87.382 c
+48.701 79.677 52.364 70.849 60.07 67.661 c
+67.777 64.473 76.607 68.139 79.795 75.847 c
+82.979 83.553 79.314 92.383 71.61 95.568 c
+W n
+q
+0 g
+/GS0 gs
+-5.7690439 -13.9538088 -13.9538088 5.7690439 65.8405304 81.6141663 cm
+BX /Sh0 sh EX Q
+Q
+
endstream
endobj
115 0 obj
<</BBox[53.2553 94.2003 78.4269 69.0287]/Group 147 0 R/Length 294/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 12 0 R>>/Shading<</Sh0 131 0 R>>>>/Subtype/Form>>stream
+q
+70.648 93.242 m
+64.224 95.898 56.866 92.843 54.213 86.423 c
+51.558 80 54.613 72.643 61.032 69.986 c
+67.455 67.332 74.812 70.386 77.469 76.809 c
+80.124 83.23 77.069 90.587 70.648 93.242 c
+W n
+q
+0 g
+/GS0 gs
+-4.8074555 -11.6279783 -11.6279783 4.8074555 65.8401871 81.613945 cm
+BX /Sh0 sh EX Q
+Q
+
endstream
endobj
116 0 obj
<</BBox[58.3769 89.011 92.4812 54.9099]/Group 148 0 R/Length 294/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 12 0 R>>/Shading<</Sh0 149 0 R>>>>/Subtype/Form>>stream
+q
+83.741 86.845 m
+75.518 91.435 65.134 88.49 60.543 80.272 c
+55.953 72.051 58.897 61.667 67.118 57.075 c
+75.34 52.486 85.726 55.43 90.316 63.649 c
+94.905 71.87 91.961 82.255 83.741 86.845 c
+W n
+q
+0 g
+/GS0 gs
+-8.3120947 -14.8853998 -14.8853998 8.3120947 75.4295654 71.96035 cm
+BX /Sh0 sh EX Q
+Q
+
endstream
endobj
117 0 obj
<</BBox[61.2196 86.1703 89.6373 57.7519]/Group 150 0 R/Length 296/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 12 0 R>>/Shading<</Sh0 151 0 R>>>>/Subtype/Form>>stream
+q
+82.354 84.364 m
+75.504 88.191 66.851 85.738 63.024 78.886 c
+59.199 72.035 61.654 63.381 68.502 59.557 c
+75.353 55.732 84.01 58.186 87.832 65.035 c
+91.657 71.886 89.205 80.54 82.354 84.364 c
+W n
+q
+0 g
+/GS0 gs
+-6.926208 -12.4035378 -12.4035378 6.926208 75.4281387 71.9603195 cm
+BX /Sh0 sh EX Q
+Q
+
endstream
endobj
118 0 obj
<</BBox[107.987 75.1973 119.855 63.3275]/Group 152 0 R/Length 307/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 12 0 R>>/Shading<</Sh0 153 0 R>>>>/Subtype/Form>>stream
+q
+113.878 75.197 m
+117.155 75.221 119.833 72.581 119.855 69.305 c
+119.878 66.025 117.241 63.351 113.962 63.328 c
+110.685 63.304 108.01 65.942 107.988 69.219 c
+107.963 72.495 110.601 75.173 113.878 75.197 c
+W n
+q
+0 g
+/GS0 gs
+0.0421324 -5.934145 5.934145 0.0421324 113.9211349 69.2624359 cm
+BX /Sh0 sh EX Q
+Q
+
endstream
endobj
119 0 obj
<</BBox[110.357 72.0938 114.105 68.3447]/Group 154 0 R/Length 304/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 12 0 R>>/Shading<</Sh0 155 0 R>>>>/Subtype/Form>>stream
+q
+112.218 72.094 m
+113.255 72.101 114.1 71.267 114.105 70.231 c
+114.113 69.198 113.28 68.35 112.245 68.345 c
+111.21 68.335 110.366 69.17 110.357 70.204 c
+110.351 71.238 111.182 72.085 112.218 72.094 c
+W n
+q
+0 g
+/GS0 gs
+0.0133074 -1.8742774 1.8742774 0.0133074 112.2311783 70.2192535 cm
+BX /Sh0 sh EX Q
+Q
+
endstream
endobj
120 0 obj
<</BBox[1.46809 104.586 411.966 84.4935]/Group 156 0 R/Length 287/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 12 0 R>>/Shading<</Sh0 126 0 R>>>>/Subtype/Form>>stream
+q
+1.468 94.54 m
+1.468 100.089 93.364 104.586 206.717 104.586 c
+320.077 104.586 411.966 100.089 411.966 94.54 c
+411.966 88.991 320.077 84.494 206.717 84.494 c
+93.364 84.494 1.468 88.991 1.468 94.54 c
+W n
+q
+0 g
+/GS0 gs
+-205.2346191 0 0 10.0468569 206.7172852 94.53965 cm
+BX /Sh0 sh EX Q
+Q
+
endstream
endobj
121 0 obj
<</BBox[1.46809 173.763 411.966 153.671]/Group 157 0 R/Length 301/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 12 0 R>>/Shading<</Sh0 126 0 R>>>>/Subtype/Form>>stream
+q
+1.468 163.716 m
+1.468 169.266 93.364 173.763 206.717 173.763 c
+320.077 173.763 411.966 169.266 411.966 163.716 c
+411.966 158.166 320.077 153.671 206.717 153.671 c
+93.364 153.671 1.468 158.166 1.468 163.716 c
+W n
+q
+0 g
+/GS0 gs
+-205.2312622 0 0 10.0466919 206.7172852 163.7171326 cm
+BX /Sh0 sh EX Q
+Q
+
endstream
endobj
157 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
126 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 0.0 0.0 0.0 1.0]/Domain[0.0 1.0]/Extend[true true]/Function 158 0 R/ShadingType 3>>
endobj
158 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[159 0 R]>>
endobj
159 0 obj
<</C0[1.0 1.0 1.0]/C1[0.596078 0.611765 0.54902]/Domain[0.0 1.0]/FunctionType 2/N 2.06749>>
endobj
12 0 obj
<</AIS false/BM/Normal/CA 1.0/OP false/OPM 1/SA true/SMask/None/Type/ExtGState/ca 1.0/op false>>
endobj
156 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
154 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
155 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 0.0 0.0 0.0 1.0]/Domain[0.0 1.0]/Extend[true true]/Function 160 0 R/ShadingType 3>>
endobj
160 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[161 0 R]>>
endobj
161 0 obj
<</C0[0.0 0.0 0.0]/C1[0.788235 0.878431 0.584314]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
152 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
153 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 0.0 0.0 0.0 1.0]/Domain[0.0 1.0]/Extend[true true]/Function 162 0 R/ShadingType 3>>
endobj
162 0 obj
<</Bounds[0.64 0.8 0.86]/Domain[0.0 1.0]/Encode[0.0 1.0 0.0 1.0 1.0 0.0 1.0 0.0]/FunctionType 3/Functions[163 0 R 164 0 R 165 0 R 166 0 R]>>
endobj
163 0 obj
<</C0[0.0 0.0 0.0]/C1[0.0 0.0 0.0]/Domain[0.0 1.0]/FunctionType 2/N 1.0>>
endobj
164 0 obj
<</C0[0.0 0.0 0.0]/C1[0.0941176 0.270588 0.12549]/Domain[0.0 1.0]/FunctionType 2/N 4.97729>>
endobj
165 0 obj
<</C0[0.203922 0.0666667 0.0666667]/C1[0.0941176 0.270588 0.12549]/Domain[0.0 1.0]/FunctionType 2/N 1.83209>>
endobj
166 0 obj
<</C0[0.0 0.0 0.0]/C1[0.203922 0.0666667 0.0666667]/Domain[0.0 1.0]/FunctionType 2/N 4.97729>>
endobj
150 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
151 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 0.0 0.0 0.0 1.0]/Domain[0.0 1.0]/Extend[true true]/Function 167 0 R/ShadingType 3>>
endobj
167 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[168 0 R]>>
endobj
168 0 obj
<</C0[0.643137 0.643137 0.643137]/C1[0.0 0.0 0.0]/Domain[0.0 1.0]/FunctionType 2/N 1.0>>
endobj
148 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
149 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 0.0 0.0 0.0 1.0]/Domain[0.0 1.0]/Extend[true true]/Function 169 0 R/ShadingType 3>>
endobj
169 0 obj
<</Bounds[0.85 0.9]/Domain[0.0 1.0]/Encode[1.0 0.0 0.0 1.0 1.0 0.0]/FunctionType 3/Functions[170 0 R 171 0 R 172 0 R]>>
endobj
170 0 obj
<</C0[0.141176 0.0470588 0.0509804]/C1[0.564706 0.321569 0.337255]/Domain[0.0 1.0]/FunctionType 2/N 1.35692>>
endobj
171 0 obj
<</C0[0.141176 0.0470588 0.0509804]/C1[0.835294 0.345098 0.207843]/Domain[0.0 1.0]/FunctionType 2/N 1.94336>>
endobj
172 0 obj
<</C0[0.141176 0.0470588 0.0509804]/C1[0.835294 0.345098 0.207843]/Domain[0.0 1.0]/FunctionType 2/N 2.40942>>
endobj
147 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
131 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 0.0 0.0 0.0 1.0]/Domain[0.0 1.0]/Extend[true true]/Function 173 0 R/ShadingType 3>>
endobj
173 0 obj
<</Bounds[0.15]/Domain[0.0 1.0]/Encode[0.0 1.0 1.0 0.0]/FunctionType 3/Functions[174 0 R 175 0 R]>>
endobj
174 0 obj
<</C0[1.0 1.0 1.0]/C1[1.0 1.0 1.0]/Domain[0.0 1.0]/FunctionType 2/N 1.0>>
endobj
175 0 obj
<</C0[0.0 0.0 0.0]/C1[1.0 1.0 1.0]/Domain[0.0 1.0]/FunctionType 2/N 1.60904>>
endobj
146 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
129 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 0.0 0.0 0.0 1.0]/Domain[0.0 1.0]/Extend[true true]/Function 176 0 R/ShadingType 3>>
endobj
176 0 obj
<</Bounds[0.15 0.45 0.85 0.9]/Domain[0.0 1.0]/Encode[0.0 1.0 1.0 0.0 1.0 0.0 0.0 1.0 1.0 0.0]/FunctionType 3/Functions[174 0 R 177 0 R 170 0 R 171 0 R 172 0 R]>>
endobj
177 0 obj
<</C0[0.564706 0.321569 0.337255]/C1[1.0 1.0 1.0]/Domain[0.0 1.0]/FunctionType 2/N 1.35692>>
endobj
144 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
137 0 obj
<</BitsPerComponent 8/ColorSpace/DeviceRGB/Filter/DCTDecode/Height 135/Intent/RelativeColorimetric/Length 1162/Name/X/SMask 178 0 R/Subtype/Image/Type/XObject/Width 135>>stream
+����Adobed
���)')#.7D1516AOD;;ASDH_HDSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
""" ,$0,:565:G????GSHLLLHSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS""" ,$0,:565:G????GSHLLLHSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS��	����"

��
�
	
+


	
+�
1	
+!"#$%&'()*23456789:ABCDEFGHIJQRSTUVWXYZabcdefghijqrstuvwxyz���������������������������������������������������������������������������������
>c
	
+!"#$%&'()*123456789:ABCDEFGHIJQRSTUVWXYZabcdefghijqrstuvwxyz�����������������������������������������������������������������������������������
?Y� 3 
I��0���fa��3�H��#�H���Y
j	+)9ŀ ��#�h�CHX�,F�+
��Y@I���
$@@Dq��D����eH

H
��Z"LȆ�Jb�#�� 8�
�P�+1��\Q�
+P+ ��D��@@��Z#H�Ɓ�\�� 
1�p� �
��f�%!�

��YBi��
+�"�
��
��3F�70���Y
bp��i��	�LL"8��
�M1R$i��@�� ?��YBL㐈�I�`g�D��
endstream
endobj
178 0 obj
<</BitsPerComponent 8/ColorSpace/DeviceGray/Filter/DCTDecode/Height 135/Intent/RelativeColorimetric/Length 1072/Name/X/Subtype/Image/Type/XObject/Width 135>>stream
+����Adobed��C)')#.7D1516AOD;;ASDH_HDSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS������
���



	
+


�
	
+!"#$%&'()*123456789:ABCDEFGHIJQRSTUVWXYZabcdefghijqrstuvwxyz�����������������������������������������������������������������������������������
?2a�a��4
0�0��2a��
��������)9�]Rq5�N��A�ZPJJҚPr҃C0��2a���Dݩ(%h�J+�D�
+k�
�TMj��iuA�T\�t�eѠt�U��T��?��2aƲ��7�
+
1�u��u55 �a8��F�•�$۪(!'J^W���Sb����a��2j�4MꂓL�껾����9�A��a�Pm��(:2���N���Ҥ�$���2sT�Z):���hTT�7HA��a�)A�WSh�:��4'F[CA',��2ou��D����XXCA0�0�49khh����8���I�?��4����r��T9����0�0�Z:Z���HayC�&�'��4�����:��A�ja�a�p����!��򓧤��4����h$L��9u$Fa�a�
+�җ��"C+�Z)I�I��2n��	.j�Dea-�0�0��%���������E&���2sT֚	:���hT(A�BML0�0�JM���A
��U��::�Z)8��2j���V�'_]W����������a��Rm�UP����K���*ʍ2M�M��2aIJ���PWiN���O�����&�hI���1�8��UEt �K���:*��LlҖ��a��2a���M]+'QR^�PS_
�������p-/h6�����W��ӕ��mҖ��a���2a��N4-�9e](9�^Rq5�N�)I�ZVJNJVғ��ha���2a�a��&4M0�0��
endstream
endobj
145 0 obj
<</AIS true/BM/Normal/CA 1.0/OP false/OPM 1/SA true/SMask 179 0 R/Type/ExtGState/ca 1.0/op false>>
endobj
179 0 obj
<</BC 180 0 R/G 181 0 R/S/Luminosity/Type/Mask>>
endobj
180 0 obj
[0.0 0.0 0.0]
endobj
181 0 obj
<</BBox[22.9209 404.705 157.561 270.065]/Group 182 0 R/Length 71/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 183 0 R>>/ProcSet[/PDF/ImageB]/XObject<</Im0 184 0 R>>>>/Subtype/Form>>stream
+q
+/GS0 gs
+134.640002 0 0 134.640002 22.920948 270.0649541 cm
+/Im0 Do
+Q
+
endstream
endobj
182 0 obj
<</CS 185 0 R/I false/K false/S/Transparency/Type/Group>>
endobj
184 0 obj
<</BitsPerComponent 8/ColorSpace/DeviceGray/Filter/DCTDecode/Height 135/Intent/RelativeColorimetric/Length 1072/Name/X/Subtype/Image/Type/XObject/Width 135>>stream
+����Adobed��C)')#.7D1516AOD;;ASDH_HDSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS������
���



	
+


�
	
+!"#$%&'()*123456789:ABCDEFGHIJQRSTUVWXYZabcdefghijqrstuvwxyz�����������������������������������������������������������������������������������
?2a�a��4
0�0��2a��
��������)9�]Rq5�N��A�ZPJJҚPr҃C0��2a���Dݩ(%h�J+�D�
+k�
�TMj��iuA�T\�t�eѠt�U��T��?��2aƲ��7�
+
1�u��u55 �a8��F�•�$۪(!'J^W���Sb����a��2j�4MꂓL�껾����9�A��a�Pm��(:2���N���Ҥ�$���2sT�Z):���hTT�7HA��a�)A�WSh�:��4'F[CA',��2ou��D����XXCA0�0�49khh����8���I�?��4����r��T9����0�0�Z:Z���HayC�&�'��4�����:��A�ja�a�p����!��򓧤��4����h$L��9u$Fa�a�
+�җ��"C+�Z)I�I��2n��	.j�Dea-�0�0��%���������E&���2sT֚	:���hT(A�BML0�0�JM���A
��U��::�Z)8��2j���V�'_]W����������a��Rm�UP����K���*ʍ2M�M��2aIJ���PWiN���O�����&�hI���1�8��UEt �K���:*��LlҖ��a��2a���M]+'QR^�PS_
�������p-/h6�����W��ӕ��mҖ��a���2a��N4-�9e](9�^Rq5�N�)I�ZVJNJVғ��ha���2a�a��&4M0�0��
endstream
endobj
183 0 obj
<</AIS true/BM/Normal/CA 1.0/OP false/OPM 1/SA true/SMask/None/Type/ExtGState/ca 1.0/op false>>
endobj
185 0 obj
[/ICCBased 186 0 R]
endobj
186 0 obj
<</Filter/FlateDecode/Length 2574/N 3>>stream
+H���yTSw�oɞ����c
[���5la�QI
BH�ADED���2�mtFOE�.�c��}���0��8�׎�8G�Ng�����9�w���߽����'����0�֠�J��b�	
+ 2y�.-;!���K�Z�	���^�i�"L��0���-��
@8(��r�;q��7�L��y��&�Q��q�4�j���|�9��
+�V��)g�B�0�i�W��8#�8wթ��8_�٥ʨQ����Q�j
@�&�A)/��g�>'K���t�;\��
ӥ$պF�ZUn����(4T�%)뫔�0C&�����Z��i
���8��bx��E���B�;�����P���ӓ̹�A�om?�W=
+�x������-�����[���0����}��y)7ta�����>j���T�7���@���tܛ�`q�2��ʀ��&���6�Z�L�Ą?�_��yxg)˔z���çL�U���*�u�Sk�Se�O4?׸�c�
���.����R�
߁��-��2�5������	��S�>ӣV����d�`r��n~��Y�&�
+`��;�A4�� ���A9�=�-�t��l�`;��~p����	�Gp|	��[`L��`<� "A�YA�+��Cb(��R�,�*�T�2B-�
+�ꇆ��n���Q�t�}MA�0�al������S�x	��k�&�^���>�0|>_�'��,�G!"F$H:R��!z��F�Qd?r9�\A&�G���rQ��h������E��]�a�4z�Bg�����E#H	�*B=��0H�I��p�p�0MxJ$�D
1��D, V���ĭ����KĻ�Y�dE�"E��I2���E�B�G��t�4MzN�����r!YK� ���?%_&�#���(��0J:EAi��Q�(�()ӔWT6U@���P+���!�~��m���D�e�Դ�!��h�Ӧh/��']B/����ҏӿ�?a0n�hF!��X���8����܌k�c&5S�����6�l��Ia�2c�K�M�A�!�E�#��ƒ�d�V��(�k��e���l
����}�}�C�q�9
+N'��)�].�u�J�r�
+��w�G�	xR^���[�oƜch�g�`>b���$���*~� �:����E���b��~���,m,�-��ݖ,�Y��¬�*�6X�[ݱF�=�3�뭷Y��~dó	���t���i�z�f�6�~`{�v���.�Ng����#{�}�}��������j�
�����c1X6���fm���;'_9	�r�:�8�q�:��˜�O:ϸ8������u��Jq���nv=���M����m����R 4	�
+n�3ܣ�k�Gݯz=��[=��=�<�=G</z�^�^j��^��	ޡ�Z�Q�B�0FX'�+������t���<�u�-���{���_�_�ߘ�-G�,�}���/���Hh8�m�W�2p[����AiA��N�#8$X�?�A�KHI�{!7�<q��W�y(!46�-���a�a���a�W��	��@�@�`l���YĎ��H,�$����(�(Y�h�7��ъ���b<b*b��<�����~�L&Y&9��%�u�M�s�s��NpJP%�M�IJlN<�DHJIڐtCj'�KwKg�C��%�N��d��|�ꙪO=��%�mL���u�v�x:H��oL��!Ȩ��C&13#s$�/Y����������=�Osbs�rn��sO�1��v�=ˏ��ϟ\�h٢���#��¼����oZ<]T�Ut}�`IÒsK��V-���Y,+>TB(�/�S�,]6*�-���W:#��7�*���e��^YDY�}U�j��AyT�`�#�D=���"�b{ų���+�ʯ:�!kJ4G�m��t�}uC�%���K7YV��fF���Y�.�=b��?S��ƕƩ�Ⱥ����y���
چ���k�5%4��m�7�lqlio�Z�lG+�Z�z�͹��mzy��]�����?u�u�w|�"űN���wW&���e֥ﺱ*|����j��5
k��yݭ���ǯg��^y�kEk�����l�D_p߶������7Dm����o꿻1m��
l�{��Mś�
n�L�l�<9��O�
[����$�����h�՛B��������d�Ҟ@��������i�ءG���&����v��V�ǥ8��������n��R�ĩ7�������u��\�ЭD���-�������u��`�ֲK�³8���%������
�y��h��Y�ѹJ�º;���.���!������
+�����z���p���g���_���X���Q���K���F���Aǿ�=ȼ�:ɹ�8ʷ�6˶�5̵�5͵�6ζ�7ϸ�9к�<Ѿ�?���D���I���N���U���\���d���l���v��ۀ�܊�ݖ�ޢ�)߯�6��D���S���c���s����
����2��F���[���p������(��@���X���r������4���P���m��������8���W���w����)���K���m������
endstream
endobj
142 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
143 0 obj
<</BBox[43.125 342.426 144.645 166.746]/Group 187 0 R/Length 74/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ColorSpace<</CS0 188 0 R>>/ExtGState<</GS0 189 0 R>>/ProcSet[/PDF/ImageC/ImageI]/XObject<</Im0 190 0 R>>>>/Subtype/Form>>stream
+q
+/GS0 gs
+101.5200037 0 0 175.6800003 43.1249962 166.7457809 cm
+/Im0 Do
+Q
+
endstream
endobj
187 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
190 0 obj
<</BitsPerComponent 8/ColorSpace 188 0 R/Decode[0.0 255.0]/Filter/FlateDecode/Height 176/Intent/RelativeColorimetric/Length 732/Name/X/SMask 191 0 R/Subtype/Image/Type/XObject/Width 102>>stream
+H����S�P�a�]Һ�RD���{Ҳ�6�-)RAq�\P+.�o�&��o�'��&3��C�ܓ�(ڝ��Ҵ��O��-��Ah%�\��{o6vߏ������tX�qΞ?Q�w�oC~��v{e�_��X
+��O�����u�K7*~���8����R�땡�����5g=E>��U jn+SRV+w���m�K�@s(Z	��th~�+U��������R�B�j��r�Z����IPH&l��8���•��;i��4&AKK;&P�D�{�/ce%87��k��,)�1Ԡ5����f0�c6��v�4-��<S�ɀ�Asnk^&ɥ���J�d򢙗�̾�<��66��Dܮ�e���<)��B
+)��B
+)��B
+)��B
+)��B
+)��B
+)��B
+)��B
+)��B
+)��B
+)��B
+)��B
+)��B
+)����v!���(�.��桝�F� �s��˜��s@~-l)�Z�`�Y:��0o�
X�*�gJhsik 
A����+�b%j�)DsG�9�9��'���u��f��-&)����
+7�ϭ&��9�Knh�A-d�K��4����	���3�ќ��W�\'�-]��I�
���#D
��O��O~�J��2�kf6�J�|�\徉�Q��Sn��Y�N;qf�2LM<��Z:x�އp5�Zj$�������h{���7ð1o�F�����|��lm���Ek�z�\����`xE;?
endstream
endobj
188 0 obj
[/Indexed/DeviceRGB 126 192 0 R]
endobj
191 0 obj
<</BitsPerComponent 8/ColorSpace/DeviceGray/Filter/DCTDecode/Height 176/Intent/RelativeColorimetric/Length 1089/Name/X/Subtype/Image/Type/XObject/Width 102>>stream
+����Adobed��C)')#.7D1516AOD;;ASDH_HDSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS��
���f
���



	
+


�
2Q	
+!"#$%&'()*13456789:ABCDEFGHIJRSTUVWXYZabcdefghijqrstuvwxyz�����������������������������������������������������������������������������������
?ƈE�T���ÇR�wT�p��`8]�0.�uL����S
��T�H�����-TA�)T��x��`8\T�.*X,����K
�⥀�qR�p��`
+?6R��Ҳ,(���"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~������TA��)R��z��b8_T�/�X��,G�#��K�����}R�p��b	?8R��ʷIG��ƈU�YK.�L<u/*���LGʦ#��S���yT�p��b8^U1/*���L��CD��
endstream
endobj
192 0 obj
<</Length 381>>stream
+'#''&&&&#&&%%%%!!%"%"%%$$$$!!$$$$$$####  #!# ## ### ####""""!!" ""  "!" "" """""""!!!! !! !! !!! !!!!!!           
+

+
	
+

+
+	
+
endstream
endobj
189 0 obj
<</AIS true/BM/Normal/CA 1.0/OP false/OPM 1/SA true/SMask 193 0 R/Type/ExtGState/ca 1.0/op false>>
endobj
193 0 obj
<</BC 194 0 R/G 195 0 R/S/Luminosity/Type/Mask>>
endobj
194 0 obj
[0.0 0.0 0.0]
endobj
195 0 obj
<</BBox[43.125 342.426 144.645 166.746]/Group 196 0 R/Length 74/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 183 0 R>>/ProcSet[/PDF/ImageB]/XObject<</Im0 197 0 R>>>>/Subtype/Form>>stream
+q
+/GS0 gs
+101.5200037 0 0 175.6800003 43.1249962 166.7457809 cm
+/Im0 Do
+Q
+
endstream
endobj
196 0 obj
<</CS 185 0 R/I false/K false/S/Transparency/Type/Group>>
endobj
197 0 obj
<</BitsPerComponent 8/ColorSpace/DeviceGray/Filter/DCTDecode/Height 176/Intent/RelativeColorimetric/Length 1089/Name/X/Subtype/Image/Type/XObject/Width 102>>stream
+����Adobed��C)')#.7D1516AOD;;ASDH_HDSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS��
���f
���



	
+


�
2Q	
+!"#$%&'()*13456789:ABCDEFGHIJRSTUVWXYZabcdefghijqrstuvwxyz�����������������������������������������������������������������������������������
?ƈE�T���ÇR�wT�p��`8]�0.�uL����S
��T�H�����-TA�)T��x��`8\T�.*X,����K
�⥀�qR�p��`
+?6R��Ҳ,(���"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~������TA��)R��z��b8_T�/�X��,G�#��K�����}R�p��b	?8R��ʷIG��ƈU�YK.�L<u/*���LGʦ#��S���yT�p��b8^U1/*���L��CD��
endstream
endobj
133 0 obj
<</AIS true/BM/Multiply/CA 0.699997/OP false/OPM 1/SA true/SMask/None/Type/ExtGState/ca 0.699997/op false>>
endobj
140 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
141 0 obj
<</AIS true/BM/Normal/CA 1.0/OP false/OPM 1/SA true/SMask 198 0 R/Type/ExtGState/ca 1.0/op false>>
endobj
198 0 obj
<</BC 199 0 R/G 200 0 R/S/Luminosity/Type/Mask>>
endobj
199 0 obj
[0.0 0.0 0.0]
endobj
200 0 obj
<</BBox[256.693 404.705 391.333 270.065]/Group 201 0 R/Length 72/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 183 0 R>>/ProcSet[/PDF/ImageB]/XObject<</Im0 184 0 R>>>>/Subtype/Form>>stream
+q
+/GS0 gs
+134.640002 0 0 134.640002 256.692749 270.0649541 cm
+/Im0 Do
+Q
+
endstream
endobj
201 0 obj
<</CS 185 0 R/I false/K false/S/Transparency/Type/Group>>
endobj
138 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
139 0 obj
<</BBox[278.897 342.426 380.417 166.986]/Group 202 0 R/Length 73/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ColorSpace<</CS0 203 0 R>>/ExtGState<</GS0 204 0 R>>/ProcSet[/PDF/ImageC/ImageI]/XObject<</Im0 205 0 R>>>>/Subtype/Form>>stream
+q
+/GS0 gs
+101.5200037 0 0 175.43999 278.8968201 166.9857912 cm
+/Im0 Do
+Q
+
endstream
endobj
202 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
205 0 obj
<</BitsPerComponent 8/ColorSpace 203 0 R/Decode[0.0 255.0]/Filter/FlateDecode/Height 176/Intent/RelativeColorimetric/Length 734/Name/X/SMask 206 0 R/Subtype/Image/Type/XObject/Width 102>>stream
+H����W�@�a�]R��,A�ܹ�PZ%�ŰI�
+����XqC ���=���<q�����|�3�(:�}�T���	�V�k
� ���(�r���ߌo�je�=7�8r��C+KS��C�Ͼ��<�#�K���%߭z��ܸS�ˀ����$�y��퍦�]-
'�<�@�3�W�����
����tLIY.��*+����4����kHͯv���J>���J(%,$A����l�M��:��d��qG4��p;�Ƿ���I��� 0y.^�ʗ 7���<�`��j��`cӯb���A�Y�C�i)$�a��*N<�sK��I.5p��PB'Ð��֝42����P:Ep�
+�9+ˤ�B
+)��B
+)��B
+)��B
+)��B
+)��B
+)��B
+)��B
+)��B
+)��B
+)��B
+)��B
+)��B
+)��BʑRP�U�T�)NFy@piϐ\(0�v��R%	���ƴ��[a�lC�4��,Mc5j́��뱲���	P���$C�fW�XX�����͊B3���B��1�F����D0I	����Pب��I�GK~1YЊ��Yȼ.��i�g$z;��'f��Lk�V8��wK�Reߩ����p�����g{~�J��4��%���(L�k1���<��m^���Xt�C�g�����蠍�w�ca���â��8��$:���SA�t֖-T���x������v�_�X���j}�/�H�K�
���\
endstream
endobj
203 0 obj
[/Indexed/DeviceRGB 122 207 0 R]
endobj
206 0 obj
<</BitsPerComponent 8/ColorSpace/DeviceGray/Filter/DCTDecode/Height 176/Intent/RelativeColorimetric/Length 1089/Name/X/Subtype/Image/Type/XObject/Width 102>>stream
+����Adobed��C)')#.7D1516AOD;;ASDH_HDSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS��
���f
���



	
+


�
2Q	
+!"#$%&'()*13456789:ABCDEFGHIJRSTUVWXYZabcdefghijqrstuvwxyz�����������������������������������������������������������������������������������
?ƈE�T���ÇR�wT�p��`8]�0.�uL����S
��T�H�����-TA�)T��x��`8\T�.*X,����K
�⥀�qR�p�)`
+?6"�cJȰ����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~������TA��)R��z��b8_T�/�X��,G�#��K�����}R�r_T��Y
+1�n����ƈU�YK.�L<u/*���LGʦ#��S���yT�p��b8^U1/*���L��CD��
endstream
endobj
207 0 obj
<</Length 369>>stream
+'#''&&&&#&&%%%%!!%"%"%%$$$$!!$$$$$####  #!# ## ### ####""""!!"  "!" "" """""""!!!! !! !! !!! !!!!!           
+
	
+

+
+		
+
endstream
endobj
204 0 obj
<</AIS true/BM/Normal/CA 1.0/OP false/OPM 1/SA true/SMask 208 0 R/Type/ExtGState/ca 1.0/op false>>
endobj
208 0 obj
<</BC 209 0 R/G 210 0 R/S/Luminosity/Type/Mask>>
endobj
209 0 obj
[0.0 0.0 0.0]
endobj
210 0 obj
<</BBox[278.897 342.426 380.417 166.986]/Group 211 0 R/Length 73/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 183 0 R>>/ProcSet[/PDF/ImageB]/XObject<</Im0 212 0 R>>>>/Subtype/Form>>stream
+q
+/GS0 gs
+101.5200037 0 0 175.43999 278.8968201 166.9857912 cm
+/Im0 Do
+Q
+
endstream
endobj
211 0 obj
<</CS 185 0 R/I false/K false/S/Transparency/Type/Group>>
endobj
212 0 obj
<</BitsPerComponent 8/ColorSpace/DeviceGray/Filter/DCTDecode/Height 176/Intent/RelativeColorimetric/Length 1089/Name/X/Subtype/Image/Type/XObject/Width 102>>stream
+����Adobed��C)')#.7D1516AOD;;ASDH_HDSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS��
���f
���



	
+


�
2Q	
+!"#$%&'()*13456789:ABCDEFGHIJRSTUVWXYZabcdefghijqrstuvwxyz�����������������������������������������������������������������������������������
?ƈE�T���ÇR�wT�p��`8]�0.�uL����S
��T�H�����-TA�)T��x��`8\T�.*X,����K
�⥀�qR�p�)`
+?6"�cJȰ����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~����"�����p8@Vi�Q��~������TA��)R��z��b8_T�/�X��,G�#��K�����}R�r_T��Y
+1�n����ƈU�YK.�L<u/*���LGʦ#��S���yT�p��b8^U1/*���L��CD��
endstream
endobj
135 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
136 0 obj
<</AIS true/BM/Normal/CA 1.0/OP false/OPM 1/SA true/SMask 213 0 R/Type/ExtGState/ca 1.0/op false>>
endobj
213 0 obj
<</BC 214 0 R/G 215 0 R/S/Luminosity/Type/Mask>>
endobj
214 0 obj
[0.0 0.0 0.0]
endobj
215 0 obj
<</BBox[139.765 404.705 274.405 270.065]/Group 216 0 R/Length 73/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 183 0 R>>/ProcSet[/PDF/ImageB]/XObject<</Im0 184 0 R>>>>/Subtype/Form>>stream
+q
+/GS0 gs
+134.640002 0 0 134.640002 139.7650146 270.0649541 cm
+/Im0 Do
+Q
+
endstream
endobj
216 0 obj
<</CS 185 0 R/I false/K false/S/Transparency/Type/Group>>
endobj
132 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
134 0 obj
<</BBox[160.348 342.426 261.148 166.986]/Group 217 0 R/Length 73/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ColorSpace<</CS0 218 0 R>>/ExtGState<</GS0 219 0 R>>/ProcSet[/PDF/ImageC/ImageI]/XObject<</Im0 220 0 R>>>>/Subtype/Form>>stream
+q
+/GS0 gs
+100.7999952 0 0 175.43999 160.3484497 166.9857912 cm
+/Im0 Do
+Q
+
endstream
endobj
217 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
220 0 obj
<</BitsPerComponent 8/ColorSpace 218 0 R/Decode[0.0 255.0]/Filter/FlateDecode/Height 176/Intent/RelativeColorimetric/Length 730/Name/X/SMask 221 0 R/Subtype/Image/Type/XObject/Width 101>>stream
+H���Y[�@�a�]R��,ET���IT��"ZR�������n��;����u�x�w׹�7gfE���������r�P:��Fz���Ï���#~�	���s����~�s�p�2�4�|�c��=�+�Q���9u��T���9n�)�e@�ˬ$�^����[H_�4�r��J1��g;1>��e�zY*��RF��\z�,AV����8dm\Arb~�7ANW�f:���uE�I�:��έ92���
+�d��YiF��\؈��g3�eIP��������[�|�����E���	T��q���ԃ€��u+B��Br@��	����iq;s�����j"��ҋY�t��C���Uk"�1"�U��,3�2!�B!�B!�B!�B!�B!�B!�B!�B!�B!�B!�B!�B!�B!��.��*"��qR��
�����gOW-A�H�\��f0�����
+c�\AP�3�>xT�N��K���:@����@�zS�8�� QG�E
��zF=d�	!��fe5Q����y�8W(WZ��j8�#���b�`�Ͷ�~W�F�|y~�dlD�3渔�J�j�F�FL҃���q���9?d
4�ߟ��� ѧҸ����A���/���<�Zm\���X�0�z�Ļ��>`n�e����{�!TA�e����.,��?������X08������a86�>��=�����Uk��o�#��0Z��~
endstream
endobj
218 0 obj
[/Indexed/DeviceRGB 123 222 0 R]
endobj
221 0 obj
<</BitsPerComponent 8/ColorSpace/DeviceGray/Filter/DCTDecode/Height 176/Intent/RelativeColorimetric/Length 1101/Name/X/Subtype/Image/Type/XObject/Width 101>>stream
+����Adobed��C)')#.7D1516AOD;;ASDH_HDSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS��
���e
���



	
+�
2Q	
+!"#$%&'()*13456789:ABCDEFGHIJRSTUVWXYZabcdefghijqrstuvwxyz�����������������������������������������������������������������������������������
?ƈ��RlX�D:��A�wbh8n�M
݉�ự47v&�����p�ؚ�A��ٛDi�����f�C*DDaba!�n,-
Ņ�Ḱ�7�����p�XZ�A�qah84&�G6ّ���G��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG����d�C+DJaaa!�o�-G
���ᾰ�7������p�XZ��Q�}aj9kP#�[rc#d1㈏��ƈ�
f݉�F:��Q�ybj8o,MG
剨ἱ57�&�����p�X���Q��ڛDi��
endstream
endobj
222 0 obj
<</Length 372>>stream
+'#''&&&&#&&%%%%!!%"%"%%$$$$!!$$$$$####  #!# ## ### #####""""!""!!"  "!" "" """""""!!!! !! !! !!! !!!!!           
+
	
+		
+
endstream
endobj
219 0 obj
<</AIS true/BM/Normal/CA 1.0/OP false/OPM 1/SA true/SMask 223 0 R/Type/ExtGState/ca 1.0/op false>>
endobj
223 0 obj
<</BC 224 0 R/G 225 0 R/S/Luminosity/Type/Mask>>
endobj
224 0 obj
[0.0 0.0 0.0]
endobj
225 0 obj
<</BBox[160.348 342.426 261.148 166.986]/Group 226 0 R/Length 73/Matrix[1.0 0.0 0.0 1.0 0.0 0.0]/Resources<</ExtGState<</GS0 183 0 R>>/ProcSet[/PDF/ImageB]/XObject<</Im0 227 0 R>>>>/Subtype/Form>>stream
+q
+/GS0 gs
+100.7999952 0 0 175.43999 160.3484497 166.9857912 cm
+/Im0 Do
+Q
+
endstream
endobj
226 0 obj
<</CS 185 0 R/I false/K false/S/Transparency/Type/Group>>
endobj
227 0 obj
<</BitsPerComponent 8/ColorSpace/DeviceGray/Filter/DCTDecode/Height 176/Intent/RelativeColorimetric/Length 1101/Name/X/Subtype/Image/Type/XObject/Width 101>>stream
+����Adobed��C)')#.7D1516AOD;;ASDH_HDSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS��
���e
���



	
+�
2Q	
+!"#$%&'()*13456789:ABCDEFGHIJRSTUVWXYZabcdefghijqrstuvwxyz�����������������������������������������������������������������������������������
?ƈ��RlX�D:��A�wbh8n�M
݉�ự47v&�����p�ؚ�A��ٛDi�����f�C*DDaba!�n,-
Ņ�Ḱ�7�����p�XZ�A�qah84&�G6ّ���G��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG��b�
+����p9�\)1��DG����d�C+DJaaa!�o�-G
���ᾰ�7������p�XZ��Q�}aj9kP#�[rc#d1㈏��ƈ�
f݉�F:��Q�ybj8o,MG
剨ἱ57�&�����p�X���Q��ڛDi��
endstream
endobj
130 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
128 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
127 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
125 0 obj
<</I false/K false/S/Transparency/Type/Group>>
endobj
18 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 0.0 0.0 0.0 1.0]/Domain[0.0 1.0]/Extend[true true]/Function 228 0 R/ShadingType 3>>
endobj
19 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 229 0 R/ShadingType 2>>
endobj
20 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 230 0 R/ShadingType 2>>
endobj
21 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 231 0 R/ShadingType 2>>
endobj
22 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 232 0 R/ShadingType 2>>
endobj
23 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 233 0 R/ShadingType 2>>
endobj
24 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 234 0 R/ShadingType 2>>
endobj
25 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 235 0 R/ShadingType 2>>
endobj
26 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 236 0 R/ShadingType 2>>
endobj
27 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 237 0 R/ShadingType 2>>
endobj
28 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 238 0 R/ShadingType 2>>
endobj
29 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 239 0 R/ShadingType 2>>
endobj
30 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 240 0 R/ShadingType 2>>
endobj
31 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 241 0 R/ShadingType 2>>
endobj
32 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 242 0 R/ShadingType 2>>
endobj
33 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 243 0 R/ShadingType 2>>
endobj
34 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 244 0 R/ShadingType 2>>
endobj
35 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 245 0 R/ShadingType 2>>
endobj
36 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 246 0 R/ShadingType 2>>
endobj
37 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 247 0 R/ShadingType 2>>
endobj
38 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 248 0 R/ShadingType 2>>
endobj
39 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 249 0 R/ShadingType 2>>
endobj
40 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 250 0 R/ShadingType 2>>
endobj
41 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 251 0 R/ShadingType 2>>
endobj
42 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 252 0 R/ShadingType 2>>
endobj
43 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 253 0 R/ShadingType 2>>
endobj
44 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 254 0 R/ShadingType 2>>
endobj
45 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 255 0 R/ShadingType 2>>
endobj
46 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 256 0 R/ShadingType 2>>
endobj
47 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 257 0 R/ShadingType 2>>
endobj
48 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 258 0 R/ShadingType 2>>
endobj
49 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 259 0 R/ShadingType 2>>
endobj
50 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 260 0 R/ShadingType 2>>
endobj
51 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 261 0 R/ShadingType 2>>
endobj
52 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 262 0 R/ShadingType 2>>
endobj
53 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 263 0 R/ShadingType 2>>
endobj
54 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 264 0 R/ShadingType 2>>
endobj
55 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 265 0 R/ShadingType 2>>
endobj
56 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 266 0 R/ShadingType 2>>
endobj
57 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 267 0 R/ShadingType 2>>
endobj
58 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 268 0 R/ShadingType 2>>
endobj
59 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 269 0 R/ShadingType 2>>
endobj
60 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 270 0 R/ShadingType 2>>
endobj
61 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 271 0 R/ShadingType 2>>
endobj
62 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 272 0 R/ShadingType 2>>
endobj
63 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 273 0 R/ShadingType 2>>
endobj
64 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 274 0 R/ShadingType 2>>
endobj
65 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 275 0 R/ShadingType 2>>
endobj
66 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 276 0 R/ShadingType 2>>
endobj
67 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 277 0 R/ShadingType 2>>
endobj
68 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 278 0 R/ShadingType 2>>
endobj
69 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 279 0 R/ShadingType 2>>
endobj
70 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 280 0 R/ShadingType 2>>
endobj
71 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 281 0 R/ShadingType 2>>
endobj
72 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 282 0 R/ShadingType 2>>
endobj
73 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 283 0 R/ShadingType 2>>
endobj
74 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 284 0 R/ShadingType 2>>
endobj
75 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 285 0 R/ShadingType 2>>
endobj
76 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 286 0 R/ShadingType 2>>
endobj
77 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 287 0 R/ShadingType 2>>
endobj
78 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 288 0 R/ShadingType 2>>
endobj
79 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 289 0 R/ShadingType 2>>
endobj
80 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 290 0 R/ShadingType 2>>
endobj
81 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 291 0 R/ShadingType 2>>
endobj
82 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 292 0 R/ShadingType 2>>
endobj
83 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 293 0 R/ShadingType 2>>
endobj
84 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 294 0 R/ShadingType 2>>
endobj
85 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 295 0 R/ShadingType 2>>
endobj
86 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 296 0 R/ShadingType 2>>
endobj
87 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 297 0 R/ShadingType 2>>
endobj
88 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 298 0 R/ShadingType 2>>
endobj
89 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 299 0 R/ShadingType 2>>
endobj
90 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 300 0 R/ShadingType 2>>
endobj
91 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 301 0 R/ShadingType 2>>
endobj
92 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 302 0 R/ShadingType 2>>
endobj
93 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 303 0 R/ShadingType 2>>
endobj
94 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 304 0 R/ShadingType 2>>
endobj
95 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 305 0 R/ShadingType 2>>
endobj
96 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 306 0 R/ShadingType 2>>
endobj
97 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 307 0 R/ShadingType 2>>
endobj
98 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 308 0 R/ShadingType 2>>
endobj
99 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 309 0 R/ShadingType 2>>
endobj
100 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 310 0 R/ShadingType 2>>
endobj
101 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 311 0 R/ShadingType 2>>
endobj
102 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 312 0 R/ShadingType 2>>
endobj
103 0 obj
<</AntiAlias false/ColorSpace/DeviceRGB/Coords[0.0 0.0 1.0 0.0]/Domain[0.0 1.0]/Extend[true true]/Function 313 0 R/ShadingType 2>>
endobj
313 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[314 0 R]>>
endobj
314 0 obj
<</C0[0.301961 0.533333 0.247059]/C1[0.34902 0.576471 0.254902]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
312 0 obj
<</Bounds[0.449102]/Domain[0.0 1.0]/Encode[1.0 0.0 1.0 0.0]/FunctionType 3/Functions[315 0 R 316 0 R]>>
endobj
315 0 obj
<</C0[0.396078 0.658824 0.266667]/C1[0.576471 0.733333 0.352941]/Domain[0.0 1.0]/FunctionType 2/N 1.76804>>
endobj
316 0 obj
<</C0[0.333333 0.596078 0.262745]/C1[0.396078 0.658824 0.266667]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
311 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[317 0 R]>>
endobj
317 0 obj
<</C0[0.180392 0.411765 0.203922]/C1[0.396078 0.658824 0.266667]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
310 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[318 0 R]>>
endobj
318 0 obj
<</C0[0.207843 0.466667 0.227451]/C1[0.396078 0.658824 0.266667]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
309 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[319 0 R]>>
endobj
319 0 obj
<</C0[0.180392 0.360784 0.176471]/C1[0.396078 0.658824 0.266667]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
308 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[320 0 R]>>
endobj
320 0 obj
<</C0[0.345098 0.611765 0.266667]/C1[0.396078 0.658824 0.266667]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
307 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[321 0 R]>>
endobj
321 0 obj
<</C0[0.298039 0.564706 0.254902]/C1[0.396078 0.658824 0.266667]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
306 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[322 0 R]>>
endobj
322 0 obj
<</C0[0.258824 0.486275 0.231373]/C1[0.34902 0.576471 0.254902]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
305 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[323 0 R]>>
endobj
323 0 obj
<</C0[0.262745 0.529412 0.247059]/C1[0.396078 0.658824 0.266667]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
304 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[324 0 R]>>
endobj
324 0 obj
<</C0[0.235294 0.501961 0.239216]/C1[0.396078 0.658824 0.266667]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
303 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[318 0 R]>>
endobj
302 0 obj
<</Bounds[0.449102]/Domain[0.0 1.0]/Encode[1.0 0.0 1.0 0.0]/FunctionType 3/Functions[325 0 R 326 0 R]>>
endobj
325 0 obj
<</C0[0.556863 0.776471 0.243137]/C1[0.705882 0.835294 0.454902]/Domain[0.0 1.0]/FunctionType 2/N 1.76804>>
endobj
326 0 obj
<</C0[0.486275 0.756863 0.258824]/C1[0.556863 0.776471 0.243137]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
301 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[327 0 R]>>
endobj
327 0 obj
<</C0[0.27451 0.619608 0.27451]/C1[0.556863 0.776471 0.243137]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
300 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[328 0 R]>>
endobj
328 0 obj
<</C0[0.298039 0.670588 0.282353]/C1[0.556863 0.776471 0.243137]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
299 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[329 0 R]>>
endobj
329 0 obj
<</C0[0.254902 0.568627 0.262745]/C1[0.556863 0.776471 0.243137]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
298 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[330 0 R]>>
endobj
330 0 obj
<</C0[0.501961 0.760784 0.258824]/C1[0.556863 0.776471 0.243137]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
297 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[331 0 R]>>
endobj
331 0 obj
<</C0[0.435294 0.741176 0.266667]/C1[0.556863 0.776471 0.243137]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
296 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[332 0 R]>>
endobj
332 0 obj
<</C0[0.376471 0.729412 0.27451]/C1[0.556863 0.776471 0.243137]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
295 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[333 0 R]>>
endobj
333 0 obj
<</C0[0.223529 0.45098 0.215686]/C1[0.34902 0.576471 0.254902]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
294 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[334 0 R]>>
endobj
334 0 obj
<</C0[0.337255 0.705882 0.278431]/C1[0.556863 0.776471 0.243137]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
293 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[328 0 R]>>
endobj
292 0 obj
<</Bounds[0.449102]/Domain[0.0 1.0]/Encode[1.0 0.0 1.0 0.0]/FunctionType 3/Functions[335 0 R 336 0 R]>>
endobj
335 0 obj
<</C0[0.764706 0.882353 0.752941]/C1[0.929412 0.94902 0.886275]/Domain[0.0 1.0]/FunctionType 2/N 1.76804>>
endobj
336 0 obj
<</C0[0.584314 0.796078 0.568627]/C1[0.764706 0.882353 0.752941]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
291 0 obj
<</Bounds[0.449102]/Domain[0.0 1.0]/Encode[1.0 0.0 1.0 0.0]/FunctionType 3/Functions[337 0 R 338 0 R]>>
endobj
337 0 obj
<</C0[0.878431 0.933333 0.878431]/C1[0.968627 0.976471 0.945098]/Domain[0.0 1.0]/FunctionType 2/N 1.76804>>
endobj
338 0 obj
<</C0[0.764706 0.882353 0.752941]/C1[0.878431 0.933333 0.878431]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
290 0 obj
<</Bounds[0.449102]/Domain[0.0 1.0]/Encode[1.0 0.0 1.0 0.0]/FunctionType 3/Functions[339 0 R 340 0 R]>>
endobj
339 0 obj
<</C0[0.584314 0.796078 0.568627]/C1[0.894118 0.945098 0.882353]/Domain[0.0 1.0]/FunctionType 2/N 1.76804>>
endobj
340 0 obj
<</C0[0.584314 0.796078 0.568627]/C1[0.584314 0.796078 0.568627]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
289 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[341 0 R]>>
endobj
341 0 obj
<</C0[0.0941176 0.176471 0.0980392]/C1[0.584314 0.796078 0.568627]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
288 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[342 0 R]>>
endobj
342 0 obj
<</C0[0.584314 0.796078 0.568627]/C1[0.764706 0.882353 0.752941]/Domain[0.0 1.0]/FunctionType 2/N 1.02915>>
endobj
287 0 obj
<</Bounds[0.449102]/Domain[0.0 1.0]/Encode[1.0 0.0 1.0 0.0]/FunctionType 3/Functions[343 0 R 344 0 R]>>
endobj
343 0 obj
<</C0[0.584314 0.796078 0.568627]/C1[0.929412 0.956863 0.917647]/Domain[0.0 1.0]/FunctionType 2/N 1.76804>>
endobj
344 0 obj
<</C0[0.454902 0.733333 0.435294]/C1[0.584314 0.796078 0.568627]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
286 0 obj
<</Bounds[0.449102]/Domain[0.0 1.0]/Encode[1.0 0.0 1.0 0.0]/FunctionType 3/Functions[345 0 R 338 0 R]>>
endobj
345 0 obj
<</C0[0.878431 0.933333 0.878431]/C1[0.992157 0.992157 0.964706]/Domain[0.0 1.0]/FunctionType 2/N 1.76804>>
endobj
285 0 obj
<</Bounds[0.449102]/Domain[0.0 1.0]/Encode[1.0 0.0 1.0 0.0]/FunctionType 3/Functions[346 0 R 344 0 R]>>
endobj
346 0 obj
<</C0[0.584314 0.796078 0.568627]/C1[0.839216 0.917647 0.8]/Domain[0.0 1.0]/FunctionType 2/N 1.76804>>
endobj
284 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[347 0 R]>>
endobj
347 0 obj
<</C0[0.2 0.423529 0.207843]/C1[0.34902 0.576471 0.254902]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
283 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[348 0 R]>>
endobj
348 0 obj
<</C0[0.12549 0.278431 0.129412]/C1[0.584314 0.796078 0.568627]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
282 0 obj
<</Bounds[0.449102]/Domain[0.0 1.0]/Encode[1.0 0.0 1.0 0.0]/FunctionType 3/Functions[349 0 R 350 0 R]>>
endobj
349 0 obj
<</C0[0.294118 0.47451 0.219608]/C1[0.45098 0.541176 0.380392]/Domain[0.0 1.0]/FunctionType 2/N 1.76804>>
endobj
350 0 obj
<</C0[0.219608 0.407843 0.196078]/C1[0.294118 0.47451 0.219608]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
281 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[351 0 R]>>
endobj
351 0 obj
<</C0[0.105882 0.215686 0.101961]/C1[0.294118 0.47451 0.219608]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
280 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[352 0 R]>>
endobj
352 0 obj
<</C0[0.129412 0.270588 0.121569]/C1[0.294118 0.47451 0.219608]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
279 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[353 0 R]>>
endobj
353 0 obj
<</C0[0.0862745 0.168627 0.0901961]/C1[0.294118 0.47451 0.219608]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
278 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[354 0 R]>>
endobj
354 0 obj
<</C0[0.239216 0.427451 0.203922]/C1[0.294118 0.47451 0.219608]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
277 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[355 0 R]>>
endobj
355 0 obj
<</C0[0.192157 0.376471 0.180392]/C1[0.294118 0.47451 0.219608]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
276 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[356 0 R]>>
endobj
356 0 obj
<</C0[0.168627 0.341176 0.164706]/C1[0.294118 0.47451 0.219608]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
275 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[357 0 R]>>
endobj
357 0 obj
<</C0[0.156863 0.313726 0.14902]/C1[0.294118 0.47451 0.219608]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
274 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[352 0 R]>>
endobj
273 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[358 0 R]>>
endobj
358 0 obj
<</C0[0.180392 0.384314 0.188235]/C1[0.34902 0.576471 0.254902]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
272 0 obj
<</Bounds[0.449102]/Domain[0.0 1.0]/Encode[1.0 0.0 1.0 0.0]/FunctionType 3/Functions[359 0 R 360 0 R]>>
endobj
359 0 obj
<</C0[0.54902 0.760784 0.247059]/C1[0.698039 0.831373 0.384314]/Domain[0.0 1.0]/FunctionType 2/N 1.76804>>
endobj
360 0 obj
<</C0[0.470588 0.698039 0.258824]/C1[0.54902 0.760784 0.247059]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
271 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[361 0 R]>>
endobj
361 0 obj
<</C0[0.282353 0.513726 0.239216]/C1[0.54902 0.760784 0.247059]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
270 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[362 0 R]>>
endobj
362 0 obj
<</C0[0.309804 0.568627 0.254902]/C1[0.54902 0.760784 0.247059]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
269 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[363 0 R]>>
endobj
363 0 obj
<</C0[0.25098 0.466667 0.223529]/C1[0.54902 0.760784 0.247059]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
268 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[364 0 R]>>
endobj
364 0 obj
<</C0[0.490196 0.721569 0.258824]/C1[0.54902 0.760784 0.247059]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
267 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[365 0 R]>>
endobj
365 0 obj
<</C0[0.427451 0.666667 0.262745]/C1[0.54902 0.760784 0.247059]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
266 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[366 0 R]>>
endobj
366 0 obj
<</C0[0.384314 0.631373 0.262745]/C1[0.54902 0.760784 0.247059]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
265 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[367 0 R]>>
endobj
367 0 obj
<</C0[0.34902 0.603922 0.262745]/C1[0.54902 0.760784 0.247059]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
264 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[362 0 R]>>
endobj
263 0 obj
<</Bounds[0.449102]/Domain[0.0 1.0]/Encode[1.0 0.0 1.0 0.0]/FunctionType 3/Functions[368 0 R 369 0 R]>>
endobj
368 0 obj
<</C0[0.435294 0.741176 0.266667]/C1[0.619608 0.8 0.368627]/Domain[0.0 1.0]/FunctionType 2/N 1.76804>>
endobj
369 0 obj
<</C0[0.368627 0.67451 0.27451]/C1[0.435294 0.741176 0.266667]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
262 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[370 0 R]>>
endobj
370 0 obj
<</C0[1.0 1.0 1.0]/C1[0.890196 0.933333 0.768627]/Domain[0.0 1.0]/FunctionType 2/N 1.10136>>
endobj
261 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[371 0 R]>>
endobj
371 0 obj
<</C0[0.203922 0.494118 0.239216]/C1[0.435294 0.741176 0.266667]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
260 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[372 0 R]>>
endobj
372 0 obj
<</C0[0.219608 0.545098 0.258824]/C1[0.435294 0.741176 0.266667]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
259 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[373 0 R]>>
endobj
373 0 obj
<</C0[0.192157 0.443137 0.215686]/C1[0.435294 0.741176 0.266667]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
258 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[374 0 R]>>
endobj
374 0 obj
<</C0[0.376471 0.698039 0.27451]/C1[0.435294 0.741176 0.266667]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
257 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[375 0 R]>>
endobj
375 0 obj
<</C0[0.333333 0.643137 0.27451]/C1[0.435294 0.741176 0.266667]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
256 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[376 0 R]>>
endobj
376 0 obj
<</C0[0.286275 0.611765 0.270588]/C1[0.435294 0.741176 0.266667]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
255 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[377 0 R]>>
endobj
377 0 obj
<</C0[0.258824 0.580392 0.266667]/C1[0.435294 0.741176 0.266667]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
254 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[372 0 R]>>
endobj
253 0 obj
<</Bounds[0.449102]/Domain[0.0 1.0]/Encode[1.0 0.0 1.0 0.0]/FunctionType 3/Functions[378 0 R 379 0 R]>>
endobj
378 0 obj
<</C0[0.498039 0.729412 0.258824]/C1[0.643137 0.796078 0.329412]/Domain[0.0 1.0]/FunctionType 2/N 1.76804>>
endobj
379 0 obj
<</C0[0.427451 0.662745 0.262745]/C1[0.498039 0.729412 0.258824]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
252 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[380 0 R]>>
endobj
380 0 obj
<</C0[0.25098 0.478431 0.227451]/C1[0.498039 0.729412 0.258824]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
251 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[381 0 R]>>
endobj
381 0 obj
<</C0[0.843137 0.87451 0.796078]/C1[0.882353 0.92549 0.733333]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
250 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[382 0 R]>>
endobj
382 0 obj
<</C0[0.278431 0.529412 0.247059]/C1[0.498039 0.729412 0.258824]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
249 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[383 0 R]>>
endobj
383 0 obj
<</C0[0.231373 0.427451 0.203922]/C1[0.498039 0.729412 0.258824]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
248 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[384 0 R]>>
endobj
384 0 obj
<</C0[0.443137 0.678431 0.262745]/C1[0.498039 0.729412 0.258824]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
247 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[385 0 R]>>
endobj
385 0 obj
<</C0[0.388235 0.627451 0.262745]/C1[0.498039 0.729412 0.258824]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
246 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[386 0 R]>>
endobj
386 0 obj
<</C0[0.34902 0.596078 0.258824]/C1[0.498039 0.729412 0.258824]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
245 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[387 0 R]>>
endobj
387 0 obj
<</C0[0.321569 0.568627 0.254902]/C1[0.498039 0.729412 0.258824]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
244 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[382 0 R]>>
endobj
243 0 obj
<</Bounds[0.449102]/Domain[0.0 1.0]/Encode[1.0 0.0 1.0 0.0]/FunctionType 3/Functions[388 0 R 389 0 R]>>
endobj
388 0 obj
<</C0[0.211765 0.411765 0.2]/C1[0.352941 0.482353 0.231373]/Domain[0.0 1.0]/FunctionType 2/N 1.76804>>
endobj
389 0 obj
<</C0[0.188235 0.345098 0.164706]/C1[0.211765 0.411765 0.2]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
242 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[390 0 R]>>
endobj
390 0 obj
<</C0[0.0941176 0.160784 0.0862745]/C1[0.211765 0.411765 0.2]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
241 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[391 0 R]>>
endobj
391 0 obj
<</C0[0.121569 0.207843 0.101961]/C1[0.211765 0.411765 0.2]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
240 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[392 0 R]>>
endobj
392 0 obj
<</C0[1.0 1.0 1.0]/C1[0.819608 0.890196 0.596078]/Domain[0.0 1.0]/FunctionType 2/N 1.10136>>
endobj
239 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[393 0 R]>>
endobj
393 0 obj
<</C0[0.0784314 0.121569 0.0666667]/C1[0.211765 0.411765 0.2]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
238 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[394 0 R]>>
endobj
394 0 obj
<</C0[0.196078 0.364706 0.176471]/C1[0.211765 0.411765 0.2]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
237 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[395 0 R]>>
endobj
395 0 obj
<</C0[0.176471 0.309804 0.145098]/C1[0.211765 0.411765 0.2]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
236 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[396 0 R]>>
endobj
396 0 obj
<</C0[0.152941 0.27451 0.121569]/C1[0.211765 0.411765 0.2]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
235 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[397 0 R]>>
endobj
397 0 obj
<</C0[0.141176 0.247059 0.109804]/C1[0.211765 0.411765 0.2]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
234 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[1.0 0.0]/FunctionType 3/Functions[391 0 R]>>
endobj
233 0 obj
<</Bounds[0.449102]/Domain[0.0 1.0]/Encode[1.0 0.0 1.0 0.0]/FunctionType 3/Functions[398 0 R 399 0 R]>>
endobj
398 0 obj
<</C0[0.34902 0.576471 0.254902]/C1[0.505882 0.647059 0.309804]/Domain[0.0 1.0]/FunctionType 2/N 1.76804>>
endobj
399 0 obj
<</C0[0.286275 0.513726 0.239216]/C1[0.34902 0.576471 0.254902]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
232 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[400 0 R]>>
endobj
400 0 obj
<</C0[0.176471 0.329412 0.156863]/C1[0.34902 0.576471 0.254902]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
231 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[358 0 R]>>
endobj
230 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[401 0 R]>>
endobj
401 0 obj
<</C0[0.160784 0.27451 0.121569]/C1[0.34902 0.576471 0.254902]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
229 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[402 0 R]>>
endobj
402 0 obj
<</C0[0.8 0.839216 0.745098]/C1[0.807843 0.882353 0.572549]/Domain[0.0 1.0]/FunctionType 2/N 1.18658>>
endobj
228 0 obj
<</Bounds[]/Domain[0.0 1.0]/Encode[0.0 1.0]/FunctionType 3/Functions[403 0 R]>>
endobj
403 0 obj
<</C0[1.0 1.0 1.0]/C1[0.8 0.839216 0.745098]/Domain[0.0 1.0]/FunctionType 2/N 3.505>>
endobj
5 0 obj
<</Intent 404 0 R/Name(Layer 1)/Type/OCG/Usage 405 0 R>>
endobj
6 0 obj
<</Intent 406 0 R/Name(Layer 2)/Type/OCG/Usage 407 0 R>>
endobj
7 0 obj
<</Intent 408 0 R/Name(Layer 3)/Type/OCG/Usage 409 0 R>>
endobj
408 0 obj
[/View/Design]
endobj
409 0 obj
<</CreatorInfo<</Creator(Adobe Illustrator 18.1)/Subtype/Artwork>>>>
endobj
406 0 obj
[/View/Design]
endobj
407 0 obj
<</CreatorInfo<</Creator(Adobe Illustrator 18.1)/Subtype/Artwork>>>>
endobj
404 0 obj
[/View/Design]
endobj
405 0 obj
<</CreatorInfo<</Creator(Adobe Illustrator 18.1)/Subtype/Artwork>>>>
endobj
13 0 obj
<</AIS false/BM/Multiply/CA 1.0/OP false/OPM 1/SA true/SMask/None/Type/ExtGState/ca 1.0/op false>>
endobj
14 0 obj
<</AIS false/BM/Screen/CA 0.5/OP false/OPM 1/SA true/SMask/None/Type/ExtGState/ca 0.5/op false>>
endobj
15 0 obj
<</AIS false/BM/Screen/CA 1.0/OP false/OPM 1/SA true/SMask/None/Type/ExtGState/ca 1.0/op false>>
endobj
16 0 obj
<</AIS false/BM/Normal/CA 0.800003/OP false/OPM 1/SA true/SMask/None/Type/ExtGState/ca 0.800003/op false>>
endobj
17 0 obj
<</AIS true/BM/Multiply/CA 0.350006/OP false/OPM 1/SA true/SMask/None/Type/ExtGState/ca 0.350006/op false>>
endobj
8 0 obj
[7 0 R 6 0 R 5 0 R]
endobj
410 0 obj
<</CreationDate(D:20150616135732-04'00')/Creator(Adobe Illustrator CC 2014 \(Macintosh\))/ModDate(D:20150616135732-04'00')/Producer(Adobe PDF library 11.00)/Title(Overleaf-Instituional-Solutions)>>
endobj
xref
0 411
0000000000 65535 f
+0000000016 00000 n
+0000000168 00000 n
+0000055129 00000 n
+0000000000 00000 f
+0000642959 00000 n
+0000643031 00000 n
+0000643103 00000 n
+0000644117 00000 n
+0000055180 00000 n
+0000056796 00000 n
+0000572191 00000 n
+0000582686 00000 n
+0000643529 00000 n
+0000643644 00000 n
+0000643757 00000 n
+0000643870 00000 n
+0000643993 00000 n
+0000610533 00000 n
+0000610688 00000 n
+0000610835 00000 n
+0000610982 00000 n
+0000611129 00000 n
+0000611276 00000 n
+0000611423 00000 n
+0000611570 00000 n
+0000611717 00000 n
+0000611864 00000 n
+0000612011 00000 n
+0000612158 00000 n
+0000612305 00000 n
+0000612452 00000 n
+0000612599 00000 n
+0000612746 00000 n
+0000612893 00000 n
+0000613040 00000 n
+0000613187 00000 n
+0000613334 00000 n
+0000613481 00000 n
+0000613628 00000 n
+0000613775 00000 n
+0000613922 00000 n
+0000614069 00000 n
+0000614216 00000 n
+0000614363 00000 n
+0000614510 00000 n
+0000614657 00000 n
+0000614804 00000 n
+0000614951 00000 n
+0000615098 00000 n
+0000615245 00000 n
+0000615392 00000 n
+0000615539 00000 n
+0000615686 00000 n
+0000615833 00000 n
+0000615980 00000 n
+0000616127 00000 n
+0000616274 00000 n
+0000616421 00000 n
+0000616568 00000 n
+0000616715 00000 n
+0000616862 00000 n
+0000617009 00000 n
+0000617156 00000 n
+0000617303 00000 n
+0000617450 00000 n
+0000617597 00000 n
+0000617744 00000 n
+0000617891 00000 n
+0000618038 00000 n
+0000618185 00000 n
+0000618332 00000 n
+0000618479 00000 n
+0000618626 00000 n
+0000618773 00000 n
+0000618920 00000 n
+0000619067 00000 n
+0000619214 00000 n
+0000619361 00000 n
+0000619508 00000 n
+0000619655 00000 n
+0000619802 00000 n
+0000619949 00000 n
+0000620096 00000 n
+0000620243 00000 n
+0000620390 00000 n
+0000620537 00000 n
+0000620684 00000 n
+0000620831 00000 n
+0000620978 00000 n
+0000621125 00000 n
+0000621272 00000 n
+0000621419 00000 n
+0000621566 00000 n
+0000621713 00000 n
+0000621860 00000 n
+0000622007 00000 n
+0000622154 00000 n
+0000622301 00000 n
+0000622448 00000 n
+0000622595 00000 n
+0000622743 00000 n
+0000622891 00000 n
+0000623039 00000 n
+0000574206 00000 n
+0000574688 00000 n
+0000575180 00000 n
+0000575710 00000 n
+0000576242 00000 n
+0000576591 00000 n
+0000576896 00000 n
+0000577242 00000 n
+0000577546 00000 n
+0000577891 00000 n
+0000578194 00000 n
+0000578701 00000 n
+0000579206 00000 n
+0000579710 00000 n
+0000580217 00000 n
+0000580735 00000 n
+0000581250 00000 n
+0000581748 00000 n
+0000572256 00000 n
+0000573642 00000 n
+0000573692 00000 n
+0000610469 00000 n
+0000582324 00000 n
+0000610405 00000 n
+0000610341 00000 n
+0000585856 00000 n
+0000610277 00000 n
+0000585333 00000 n
+0000605203 00000 n
+0000598714 00000 n
+0000605267 00000 n
+0000604546 00000 n
+0000604610 00000 n
+0000586365 00000 n
+0000599495 00000 n
+0000599559 00000 n
+0000598839 00000 n
+0000598903 00000 n
+0000593653 00000 n
+0000593717 00000 n
+0000586301 00000 n
+0000588998 00000 n
+0000585792 00000 n
+0000585269 00000 n
+0000584531 00000 n
+0000584595 00000 n
+0000584108 00000 n
+0000584172 00000 n
+0000583290 00000 n
+0000583354 00000 n
+0000582863 00000 n
+0000582927 00000 n
+0000582799 00000 n
+0000582260 00000 n
+0000582480 00000 n
+0000582577 00000 n
+0000583083 00000 n
+0000583180 00000 n
+0000583510 00000 n
+0000583668 00000 n
+0000583759 00000 n
+0000583869 00000 n
+0000583996 00000 n
+0000584328 00000 n
+0000584425 00000 n
+0000584751 00000 n
+0000584888 00000 n
+0000585015 00000 n
+0000585142 00000 n
+0000585489 00000 n
+0000585606 00000 n
+0000585697 00000 n
+0000586012 00000 n
+0000586191 00000 n
+0000587733 00000 n
+0000589114 00000 n
+0000589180 00000 n
+0000589211 00000 n
+0000589514 00000 n
+0000590854 00000 n
+0000589589 00000 n
+0000590967 00000 n
+0000591004 00000 n
+0000594056 00000 n
+0000595075 00000 n
+0000596839 00000 n
+0000594120 00000 n
+0000595125 00000 n
+0000596407 00000 n
+0000596955 00000 n
+0000597021 00000 n
+0000597052 00000 n
+0000597357 00000 n
+0000597432 00000 n
+0000599019 00000 n
+0000599085 00000 n
+0000599116 00000 n
+0000599420 00000 n
+0000599898 00000 n
+0000600919 00000 n
+0000602671 00000 n
+0000599962 00000 n
+0000600969 00000 n
+0000602251 00000 n
+0000602787 00000 n
+0000602853 00000 n
+0000602884 00000 n
+0000603189 00000 n
+0000603264 00000 n
+0000604726 00000 n
+0000604792 00000 n
+0000604823 00000 n
+0000605128 00000 n
+0000605606 00000 n
+0000606623 00000 n
+0000608390 00000 n
+0000605670 00000 n
+0000606673 00000 n
+0000607967 00000 n
+0000608506 00000 n
+0000608572 00000 n
+0000608603 00000 n
+0000608908 00000 n
+0000608983 00000 n
+0000642759 00000 n
+0000642542 00000 n
+0000642322 00000 n
+0000642225 00000 n
+0000642004 00000 n
+0000641635 00000 n
+0000641538 00000 n
+0000641321 00000 n
+0000641105 00000 n
+0000640888 00000 n
+0000640671 00000 n
+0000640452 00000 n
+0000640245 00000 n
+0000640028 00000 n
+0000639809 00000 n
+0000639448 00000 n
+0000639351 00000 n
+0000639129 00000 n
+0000638908 00000 n
+0000638686 00000 n
+0000638464 00000 n
+0000638242 00000 n
+0000638020 00000 n
+0000637800 00000 n
+0000637579 00000 n
+0000637208 00000 n
+0000637111 00000 n
+0000636889 00000 n
+0000636667 00000 n
+0000636446 00000 n
+0000636225 00000 n
+0000636003 00000 n
+0000635781 00000 n
+0000635559 00000 n
+0000635352 00000 n
+0000634988 00000 n
+0000634891 00000 n
+0000634671 00000 n
+0000634450 00000 n
+0000634229 00000 n
+0000634008 00000 n
+0000633788 00000 n
+0000633567 00000 n
+0000633346 00000 n
+0000632977 00000 n
+0000632756 00000 n
+0000632659 00000 n
+0000632439 00000 n
+0000632218 00000 n
+0000631997 00000 n
+0000631776 00000 n
+0000631553 00000 n
+0000631332 00000 n
+0000631111 00000 n
+0000630743 00000 n
+0000630522 00000 n
+0000630306 00000 n
+0000630065 00000 n
+0000629819 00000 n
+0000629448 00000 n
+0000629226 00000 n
+0000629002 00000 n
+0000628631 00000 n
+0000628260 00000 n
+0000627890 00000 n
+0000627793 00000 n
+0000627571 00000 n
+0000627351 00000 n
+0000627130 00000 n
+0000626908 00000 n
+0000626686 00000 n
+0000626464 00000 n
+0000626242 00000 n
+0000626022 00000 n
+0000625651 00000 n
+0000625554 00000 n
+0000625332 00000 n
+0000625110 00000 n
+0000624889 00000 n
+0000624667 00000 n
+0000624445 00000 n
+0000624223 00000 n
+0000624001 00000 n
+0000623779 00000 n
+0000623408 00000 n
+0000623187 00000 n
+0000623284 00000 n
+0000623529 00000 n
+0000623654 00000 n
+0000623876 00000 n
+0000624098 00000 n
+0000624320 00000 n
+0000624542 00000 n
+0000624764 00000 n
+0000624986 00000 n
+0000625207 00000 n
+0000625429 00000 n
+0000625772 00000 n
+0000625897 00000 n
+0000626119 00000 n
+0000626339 00000 n
+0000626561 00000 n
+0000626783 00000 n
+0000627005 00000 n
+0000627227 00000 n
+0000627448 00000 n
+0000627668 00000 n
+0000628011 00000 n
+0000628135 00000 n
+0000628381 00000 n
+0000628506 00000 n
+0000628752 00000 n
+0000628877 00000 n
+0000629099 00000 n
+0000629323 00000 n
+0000629569 00000 n
+0000629694 00000 n
+0000629940 00000 n
+0000630186 00000 n
+0000630403 00000 n
+0000630619 00000 n
+0000630864 00000 n
+0000630987 00000 n
+0000631208 00000 n
+0000631429 00000 n
+0000631650 00000 n
+0000631873 00000 n
+0000632094 00000 n
+0000632315 00000 n
+0000632536 00000 n
+0000632853 00000 n
+0000633098 00000 n
+0000633222 00000 n
+0000633443 00000 n
+0000633664 00000 n
+0000633885 00000 n
+0000634105 00000 n
+0000634326 00000 n
+0000634547 00000 n
+0000634768 00000 n
+0000635109 00000 n
+0000635229 00000 n
+0000635449 00000 n
+0000635656 00000 n
+0000635878 00000 n
+0000636100 00000 n
+0000636322 00000 n
+0000636543 00000 n
+0000636764 00000 n
+0000636986 00000 n
+0000637329 00000 n
+0000637454 00000 n
+0000637676 00000 n
+0000637897 00000 n
+0000638117 00000 n
+0000638339 00000 n
+0000638561 00000 n
+0000638783 00000 n
+0000639005 00000 n
+0000639226 00000 n
+0000639569 00000 n
+0000639689 00000 n
+0000639906 00000 n
+0000640125 00000 n
+0000640342 00000 n
+0000640549 00000 n
+0000640768 00000 n
+0000640985 00000 n
+0000641202 00000 n
+0000641418 00000 n
+0000641756 00000 n
+0000641880 00000 n
+0000642101 00000 n
+0000642419 00000 n
+0000642639 00000 n
+0000642856 00000 n
+0000643411 00000 n
+0000643443 00000 n
+0000643293 00000 n
+0000643325 00000 n
+0000643175 00000 n
+0000643207 00000 n
+0000644152 00000 n
+trailer
<</Size 411/Root 1 0 R/Info 410 0 R/ID[<D31E86D172804714A745576A2FEC0725><022A55BB4240440194402B6E5B14B84B>]>>
startxref
644367
%%EOF
\ No newline at end of file
diff --git a/services/web/public/static/brochures/Overleaf-Tri-Fold-leaflet.pdf b/services/web/public/static/brochures/Overleaf-Tri-Fold-leaflet.pdf
new file mode 100644
index 0000000..1146842
Binary files /dev/null and b/services/web/public/static/brochures/Overleaf-Tri-Fold-leaflet.pdf differ
diff --git a/services/web/public/static/brochures/Overleaf-request-for-service.pdf b/services/web/public/static/brochures/Overleaf-request-for-service.pdf
new file mode 100644
index 0000000..71def16
Binary files /dev/null and b/services/web/public/static/brochures/Overleaf-request-for-service.pdf differ
diff --git a/services/web/public/static/brochures/Overleaf_Institutional.pdf b/services/web/public/static/brochures/Overleaf_Institutional.pdf
new file mode 100644
index 0000000..a356461
Binary files /dev/null and b/services/web/public/static/brochures/Overleaf_Institutional.pdf differ
diff --git a/services/web/public/static/campus-challenge/campus-challenge-2016-flyer.pdf b/services/web/public/static/campus-challenge/campus-challenge-2016-flyer.pdf
new file mode 100644
index 0000000..6383cfa
Binary files /dev/null and b/services/web/public/static/campus-challenge/campus-challenge-2016-flyer.pdf differ
diff --git a/services/web/public/static/campus-challenge/campus-challenge-2016-poster.pdf b/services/web/public/static/campus-challenge/campus-challenge-2016-poster.pdf
new file mode 100644
index 0000000..6383cfa
Binary files /dev/null and b/services/web/public/static/campus-challenge/campus-challenge-2016-poster.pdf differ
diff --git a/services/web/public/static/campus-challenge/campus-challenge-2017-flyer.pdf b/services/web/public/static/campus-challenge/campus-challenge-2017-flyer.pdf
new file mode 100644
index 0000000..41f102e
Binary files /dev/null and b/services/web/public/static/campus-challenge/campus-challenge-2017-flyer.pdf differ
diff --git a/services/web/public/static/campus-challenge/campus-challenge-2017-poster.pdf b/services/web/public/static/campus-challenge/campus-challenge-2017-poster.pdf
new file mode 100644
index 0000000..261c239
Binary files /dev/null and b/services/web/public/static/campus-challenge/campus-challenge-2017-poster.pdf differ
diff --git a/services/web/public/static/latex/learn/free-online-introduction-to-latex-part-1.pdf b/services/web/public/static/latex/learn/free-online-introduction-to-latex-part-1.pdf
new file mode 100644
index 0000000..9c4d0b3
Binary files /dev/null and b/services/web/public/static/latex/learn/free-online-introduction-to-latex-part-1.pdf differ
diff --git a/services/web/public/static/latex/learn/free-online-introduction-to-latex-part-2.pdf b/services/web/public/static/latex/learn/free-online-introduction-to-latex-part-2.pdf
new file mode 100644
index 0000000..62e243b
Binary files /dev/null and b/services/web/public/static/latex/learn/free-online-introduction-to-latex-part-2.pdf differ
diff --git a/services/web/public/static/latex/learn/free-online-introduction-to-latex-part-3.pdf b/services/web/public/static/latex/learn/free-online-introduction-to-latex-part-3.pdf
new file mode 100644
index 0000000..4c8544f
Binary files /dev/null and b/services/web/public/static/latex/learn/free-online-introduction-to-latex-part-3.pdf differ
diff --git a/services/web/public/static/partners/caltech-library.gif b/services/web/public/static/partners/caltech-library.gif
new file mode 100644
index 0000000..29a09ed
Binary files /dev/null and b/services/web/public/static/partners/caltech-library.gif differ
diff --git a/services/web/public/static/partners/stanford-building.jpg b/services/web/public/static/partners/stanford-building.jpg
new file mode 100644
index 0000000..33f82a3
Binary files /dev/null and b/services/web/public/static/partners/stanford-building.jpg differ
diff --git a/services/web/public/web.sitemanifest b/services/web/public/web.sitemanifest
new file mode 100644
index 0000000..2e78ffc
--- /dev/null
+++ b/services/web/public/web.sitemanifest
@@ -0,0 +1,18 @@
+{
+  "name": "Overleaf",
+  "icons": [
+      {
+          "src": "/android-chrome-192x192.png",
+          "sizes": "192x192",
+          "type": "image/png"
+      },
+      {
+          "src": "/android-chrome-512x512.png",
+          "sizes": "512x512",
+          "type": "image/png"
+      }
+  ],
+  "theme_color": "#1b222c",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}
diff --git a/services/web/scripts/add_feature_override.mjs b/services/web/scripts/add_feature_override.mjs
new file mode 100644
index 0000000..0a556e1
--- /dev/null
+++ b/services/web/scripts/add_feature_override.mjs
@@ -0,0 +1,182 @@
+// Script to add feature overrides
+//
+// A feature override is appended to the user's featuresOverride list if they do
+// not already have the feature. The features are refreshed after adding the
+// override.
+//
+// If the script detects that the user would have the feature just by refreshing
+// then it skips adding the override and just refreshes the users features --
+// this is to minimise the creation of unnecessary overrides.
+//
+// Usage:
+//
+// $ node scripts/add_feature_override.mjs --commit --note 'text description' --expires 2022-01-01 --override JSONFILE --ids IDFILE
+//
+// --commit   do the update, remove this option for dry-run testing
+// --note     text description [optional]
+// --expires  expiry date for override [optional]
+// --skip-existing   don't create the override for users who already have the feature (e.g. via a subscription)
+//
+// IDFILE: file containing list of user ids, one per line
+// JSONFILE:  file containing JSON of the desired feature overrides e.g. {"symbolPalette": true}
+//
+// The feature override is specified with JSON to allow types to be set as string/number/boolean.
+// It is contained in a file to avoid any issues with shell quoting.
+
+import minimist from 'minimist'
+
+import fs from 'node:fs'
+import { ObjectId } from '../app/src/infrastructure/mongodb.js'
+import pLimit from 'p-limit'
+import FeaturesUpdater from '../app/src/Features/Subscription/FeaturesUpdater.js'
+import FeaturesHelper from '../app/src/Features/Subscription/FeaturesHelper.js'
+import UserFeaturesUpdater from '../app/src/Features/Subscription/UserFeaturesUpdater.js'
+import UserGetter from '../app/src/Features/User/UserGetter.js'
+
+const processLogger = {
+  failed: [],
+  success: [],
+  skipped: [],
+  printSummary: () => {
+    console.log(
+      {
+        success: processLogger.success,
+        failed: processLogger.failed,
+        skipped: processLogger.skipped,
+      },
+      `\nDONE. ${processLogger.success.length} successful. ${processLogger.skipped.length} skipped. ${processLogger.failed.length} failed to update.`
+    )
+  },
+}
+
+function _validateUserIdList(userIds) {
+  userIds.forEach(userId => {
+    if (!ObjectId.isValid(userId))
+      throw new Error(`user ID not valid: ${userId}`)
+  })
+}
+
+async function _handleUser(userId) {
+  console.log('updating user', userId)
+  const user = await UserGetter.promises.getUser(userId, {
+    features: 1,
+    featuresOverrides: 1,
+  })
+  if (!user) {
+    console.log(userId, 'does not exist, failed')
+    processLogger.failed.push(userId)
+    return
+  }
+  const desiredFeatures = OVERRIDE.features
+  // Does the user have the requested features already?
+  if (
+    SKIP_EXISTING &&
+    FeaturesHelper.isFeatureSetBetter(user.features, desiredFeatures)
+  ) {
+    console.log(
+      userId,
+      `already has ${JSON.stringify(desiredFeatures)}, skipping`
+    )
+    processLogger.skipped.push(userId)
+    return
+  }
+  // Would the user have the requested feature if the features were refreshed?
+  const freshFeatures = await FeaturesUpdater.promises.computeFeatures(userId)
+  if (
+    SKIP_EXISTING &&
+    FeaturesHelper.isFeatureSetBetter(freshFeatures, desiredFeatures)
+  ) {
+    console.log(
+      userId,
+      `would have ${JSON.stringify(
+        desiredFeatures
+      )} if refreshed, skipping override`
+    )
+  } else {
+    // create the override (if not in dry-run mode)
+    if (COMMIT) {
+      await UserFeaturesUpdater.promises.createFeaturesOverride(
+        userId,
+        OVERRIDE
+      )
+    }
+  }
+  if (!COMMIT) {
+    // not saving features; nothing else to do
+    return
+  }
+  const refreshResult = await FeaturesUpdater.promises.refreshFeatures(
+    userId,
+    'add-feature-override-script'
+  )
+  const featureSetIncludesNewFeatures = FeaturesHelper.isFeatureSetBetter(
+    refreshResult.features,
+    desiredFeatures
+  )
+  if (featureSetIncludesNewFeatures) {
+    // features added successfully
+    processLogger.success.push(userId)
+  } else {
+    console.log('FEATURE NOT ADDED', refreshResult)
+    processLogger.failed.push(userId)
+  }
+}
+
+const argv = minimist(process.argv.slice(2))
+const CONCURRENCY = argv.async ? argv.async : 10
+const overridesFilename = argv.override
+const expires = argv.expires
+const note = argv.note
+const SKIP_EXISTING = argv['skip-existing'] || false
+const COMMIT = argv.commit !== undefined
+if (!COMMIT) {
+  console.warn('Doing dry run without --commit')
+}
+
+const idsFilename = argv.ids
+if (!idsFilename) throw new Error('missing ids list filename')
+
+const usersFile = fs.readFileSync(idsFilename, 'utf8')
+const userIds = usersFile
+  .trim()
+  .split('\n')
+  .map(id => id.trim())
+
+const overridesFile = fs.readFileSync(overridesFilename, 'utf8')
+const features = JSON.parse(overridesFile)
+const OVERRIDE = { features }
+if (note) {
+  OVERRIDE.note = note
+}
+if (expires) {
+  OVERRIDE.expiresAt = new Date(expires)
+}
+
+async function processUsers(userIds) {
+  console.log('---Starting add feature override script---')
+
+  console.log('Will update users to have', OVERRIDE)
+  console.log(
+    SKIP_EXISTING
+      ? 'Users with this feature already will be skipped'
+      : 'Every user in file will get feature override'
+  )
+
+  _validateUserIdList(userIds)
+  console.log(`---Starting to process ${userIds.length} users---`)
+
+  const limit = pLimit(CONCURRENCY)
+  const results = await Promise.allSettled(
+    userIds.map(userId => limit(() => _handleUser(new ObjectId(userId))))
+  )
+  results.forEach((result, idx) => {
+    if (result.status !== 'fulfilled') {
+      console.log(userIds[idx], 'failed', result.reason)
+      processLogger.failed.push(userIds[idx])
+    }
+  })
+  processLogger.printSummary()
+  process.exit()
+}
+
+await processUsers(userIds)
diff --git a/services/web/scripts/add_salesforce_data_to_subscriptions.mjs b/services/web/scripts/add_salesforce_data_to_subscriptions.mjs
new file mode 100755
index 0000000..02ef026
--- /dev/null
+++ b/services/web/scripts/add_salesforce_data_to_subscriptions.mjs
@@ -0,0 +1,204 @@
+import fs from 'node:fs'
+import minimist from 'minimist'
+import { parse } from 'csv'
+import Stream from 'node:stream/promises'
+import { ObjectId } from '../app/src/infrastructure/mongodb.js'
+import { Subscription } from '../app/src/models/Subscription.js'
+
+function usage() {
+  console.log(
+    'Usage: node add_salesforce_data_to_subscriptions.mjs -f <filename> [options]'
+  )
+  console.log(
+    'Updates the subscriptions collection with external IDs for determining the Salesforce account that goes with the subscription. The file should be a CSV and have columns account_id, v1_id and subscription_id. The account_id column is the Salesforce account ID, the v1_id column is the V1 account ID, and the subscription_id column is the subscription ID.'
+  )
+  console.log('Options:')
+  console.log(
+    '  --commit, -c                     Commit changes to the database'
+  )
+  console.log(
+    '  --emptyFieldValue <value>      The value to treat as an empty field (default: NA)'
+  )
+  console.log(
+    '  -f, --filename <filename>      The path to the file to read data from'
+  )
+  console.log('  -h, --help                     Show this help message')
+  console.log('  -v, --verbose                  Produces more detailed logs')
+  process.exit(0)
+}
+
+const { commit, emptyFieldValue, filename, help, verbose } = minimist(
+  process.argv.slice(2),
+  {
+    string: ['emptyFieldValue', 'filename'],
+    boolean: ['commit', 'help', 'verbose'],
+    alias: {
+      commit: 'c',
+      filename: 'f',
+      help: 'h',
+      verbose: 'v',
+    },
+    default: {
+      commit: false,
+      emptyFieldValue: 'NA',
+      help: false,
+      verbose: false,
+    },
+  }
+)
+
+const SUBSCRIPTION_ID_FIELD = 'subscription_id'
+const SALESFORCE_ID_FIELD = 'account_id'
+const V1_ID_FIELD = 'v1_id'
+
+if (help) {
+  usage()
+  process.exit(0)
+}
+
+if (!filename) {
+  console.error('No filename provided')
+  usage()
+  process.exit(1)
+}
+
+const stats = {
+  totalRows: 0,
+  subscriptionIDMissing: 0,
+  usedV1ID: 0,
+  usedSalesforceID: 0,
+  processedRows: 0,
+  db: {
+    errors: 0,
+    matched: 0,
+    updateAttempted: 0,
+    updated: 0,
+  },
+}
+
+function showStats() {
+  console.log('Stats:')
+  console.log(`  Total rows: ${stats.totalRows}`)
+  console.log(`  Processed rows: ${stats.processedRows}`)
+  console.log(`  Skipped (no subscription ID): ${stats.subscriptionIDMissing}`)
+  console.log(`  Used V1 ID: ${stats.usedV1ID}`)
+  console.log(`  Used Salesforce ID: ${stats.usedSalesforceID}`)
+  if (commit) {
+    console.log('Database operations:')
+    console.log(`  Errors: ${stats.db.errors}`)
+    console.log(`  Matched: ${stats.db.matched}`)
+    console.log(`  Updated: ${stats.db.updated}`)
+    console.log(`  Update attempted: ${stats.db.updateAttempted}`)
+  }
+}
+
+function pickRelevantColumns(row) {
+  const newRow = {
+    salesforceId: row[SALESFORCE_ID_FIELD],
+  }
+
+  if (row[V1_ID_FIELD] && row[V1_ID_FIELD] !== emptyFieldValue) {
+    newRow.v1Id = row[V1_ID_FIELD]
+  }
+
+  if (
+    row[SUBSCRIPTION_ID_FIELD] &&
+    row[SUBSCRIPTION_ID_FIELD] !== emptyFieldValue
+  ) {
+    newRow.subscriptionId = row[SUBSCRIPTION_ID_FIELD]
+  }
+
+  return newRow
+}
+
+async function processRows(rows) {
+  for await (const row of rows) {
+    const { v1Id, salesforceId, subscriptionId } = row
+
+    const update = {}
+    if (v1Id) {
+      stats.usedV1ID++
+      update.v1_id = v1Id
+    } else {
+      stats.usedSalesforceID++
+      update.salesforce_id = salesforceId
+    }
+
+    // Useful for logging later.
+    const updateString = Object.entries(update).flatMap(([k, v]) => `${k}=${v}`)
+
+    if (commit) {
+      try {
+        const result = await Subscription.updateOne(
+          { _id: new ObjectId(subscriptionId) },
+          update,
+          { upsert: false }
+        )
+        if (result.matchedCount) {
+          stats.db.matched++
+        }
+        if (result.modifiedCount) {
+          stats.db.updated++
+          if (verbose) {
+            console.log(
+              `Updated subscription ${subscriptionId} to set ${updateString}`
+            )
+          }
+        }
+      } catch (error) {
+        stats.db.errors++
+        if (verbose) {
+          console.error(
+            `Error updating subscription ${subscriptionId}: ${error}`
+          )
+        }
+      } finally {
+        stats.db.updateAttempted++
+      }
+    } else if (verbose) {
+      console.log(`Would set ${updateString} on subscription ${subscriptionId}`)
+    }
+  }
+}
+
+async function main() {
+  await Stream.pipeline(
+    fs.createReadStream(filename),
+    parse({
+      columns: true,
+      cast: function (value, context) {
+        if (context.column === V1_ID_FIELD && value !== emptyFieldValue) {
+          return parseInt(value)
+        }
+        return value
+      },
+      on_record: function (record, context) {
+        stats.totalRows++
+        const row = pickRelevantColumns(record)
+        // Cannot process records without a Subscription ID
+        if (!row.subscriptionId) {
+          if (verbose) {
+            console.log(
+              `No subscription id found for ${row.salesforceId}, skipping...`
+            )
+          }
+          stats.subscriptionIDMissing++
+          return null
+        }
+        stats.processedRows++
+        return row
+      },
+    }),
+    processRows
+  )
+}
+
+if (!commit) {
+  console.log('Dry run')
+} else {
+  console.log('Committing changes to the database')
+}
+
+await main()
+showStats()
+process.exit()
diff --git a/services/web/scripts/add_user_count_to_csv.mjs b/services/web/scripts/add_user_count_to_csv.mjs
new file mode 100644
index 0000000..04709df
--- /dev/null
+++ b/services/web/scripts/add_user_count_to_csv.mjs
@@ -0,0 +1,95 @@
+// Usage: node scripts/add_user_count_to_csv.mjs [OPTS] [INPUT-FILE]
+// Looks up the number of users for each domain in the input csv file and adds
+// columns for the number of users in the domain, subdomains, and total.
+import fs from 'node:fs'
+// https://github.com/import-js/eslint-plugin-import/issues/1810
+// eslint-disable-next-line import/no-unresolved
+import * as csv from 'csv/sync'
+import minimist from 'minimist'
+import UserGetter from '../app/src/Features/User/UserGetter.js'
+import { db } from '../app/src/infrastructure/mongodb.js'
+import _ from 'lodash'
+
+const argv = minimist(process.argv.slice(2), {
+  string: ['domain', 'output'],
+  boolean: ['help'],
+  alias: {
+    domain: 'd',
+    output: 'o',
+  },
+  default: {
+    domain: 'Email domain',
+    output: '/dev/stdout',
+  },
+})
+
+if (argv.help || argv._.length > 1) {
+  console.error(`Usage: node scripts/add_user_count_to_csv.mjs [OPTS] [INPUT-FILE]
+    Looks up the number of users for each domain in the input file and adds
+    columns for the number of users in the domain, subdomains, and total.
+
+    Options:
+
+        --domain    name of the csv column containing the email domain (default: "Email domain")
+        --output    output file (default: /dev/stdout)
+    `)
+  process.exit(1)
+}
+
+const input = fs.readFileSync(argv._[0], 'utf8')
+const records = csv.parse(input, { columns: true })
+
+if (records.length === 0) {
+  console.error('No records in input file')
+  process.exit(1)
+}
+
+async function main() {
+  for (const record of records) {
+    const domain = record[argv.domain]
+    const { domainUserCount, subdomainUserCount } = await getUserCount(domain, {
+      _id: 1,
+    })
+    record['Domain Users'] = domainUserCount
+    record['Subdomain Users'] = subdomainUserCount
+    record['Total Users'] = domainUserCount + subdomainUserCount
+  }
+  const output = csv.stringify(records, { header: true })
+  fs.writeFileSync(argv.output, output)
+}
+
+async function getUserCount(domain) {
+  const domainUsers = await UserGetter.promises.getUsersByHostname(domain, {
+    _id: 1,
+  })
+  const subdomainUsers = await getUsersByHostnameWithSubdomain(domain, {
+    _id: 1,
+  })
+  return {
+    domainUserCount: domainUsers.length,
+    subdomainUserCount: subdomainUsers.length,
+  }
+}
+
+async function getUsersByHostnameWithSubdomain(domain, projection) {
+  const reversedDomain = domain.trim().split('').reverse().join('')
+  const reversedDomainRegex = _.escapeRegExp(reversedDomain)
+  const query = {
+    emails: { $exists: true },
+    // look for users in subdomains of a domain, but not the domain itself
+    // e.g. for domain 'foo.edu', match 'cs.foo.edu' but not 'foo.edu'
+    // we use the reversed hostname index to do this efficiently
+    // we need to escape the domain name to prevent '.' from matching any character
+    'emails.reversedHostname': { $regex: '^' + reversedDomainRegex + '\\.' },
+  }
+  return await db.users.find(query, { projection }).toArray()
+}
+
+try {
+  await main()
+  console.log('Done')
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/analytics/backfill_recurly_to_subscription_mapping.mjs b/services/web/scripts/analytics/backfill_recurly_to_subscription_mapping.mjs
new file mode 100644
index 0000000..16f5abe
--- /dev/null
+++ b/services/web/scripts/analytics/backfill_recurly_to_subscription_mapping.mjs
@@ -0,0 +1,120 @@
+/**
+ * This script backfills the account mapping for subscriptions that are active and have a group plan.
+ *
+ * The mapping joins a recurlySubscription_id to a subscription _id in BigQuery.
+ *
+ * This script has an assumption that it is being run in a clean slate condition, it will create some
+ * duplicate mappings if run multiple times. The Analytics team will have the expectation
+ * that this table may need to be deduplicated as it is an event sourcing record.
+ *
+ * Call it with `--commit` to actually register the mappings.
+ * Call it with `--verbose` to see debug logs.
+ * Call it with `--endDate=<subscription ID>` to stop processing at a certain date
+ */
+import logger from '@overleaf/logger'
+import minimist from 'minimist'
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+import { db } from '../../app/src/infrastructure/mongodb.js'
+import AccountMappingHelper from '../../app/src/Features/Analytics/AccountMappingHelper.js'
+import { registerAccountMapping } from '../../app/src/Features/Analytics/AnalyticsManager.js'
+import { triggerGracefulShutdown } from '../../app/src/infrastructure/GracefulShutdown.js'
+import Validation from '../../app/src/infrastructure/Validation.js'
+
+const paramsSchema = Validation.Joi.object({
+  endDate: Validation.Joi.string().isoDate(),
+  commit: Validation.Joi.boolean().default(false),
+  verbose: Validation.Joi.boolean().default(false),
+}).unknown(true)
+
+let mapped = 0
+let subscriptionCount = 0
+
+const now = new Date().toISOString() // use the same timestamp for all mappings
+
+const seenSubscriptions = new Set()
+
+function registerMapping(subscription) {
+  if (seenSubscriptions.has(subscription._id)) {
+    logger.warn({ subscription }, 'duplicate subscription found, skipping')
+    return
+  }
+  seenSubscriptions.add(subscription._id)
+  subscriptionCount++
+
+  const mapping = AccountMappingHelper.generateSubscriptionToRecurlyMapping(
+    subscription._id,
+    subscription.recurlySubscription_id,
+    now
+  )
+  logger.debug(
+    {
+      recurly: subscription.recurlySubscription_id,
+      mapping,
+    },
+    `processing subscription ${subscription._id}`
+  )
+  if (commit) {
+    registerAccountMapping(mapping)
+    mapped++
+  }
+}
+
+async function main() {
+  const additionalBatchedUpdateOptions = {}
+
+  if (endDate) {
+    additionalBatchedUpdateOptions.BATCH_RANGE_END = endDate
+  }
+
+  await batchedUpdate(
+    db.subscriptions,
+    {
+      'recurlyStatus.state': 'active',
+      groupPlan: true,
+    },
+    subscriptions => subscriptions.forEach(registerMapping),
+    {
+      _id: 1,
+      recurlySubscription_id: 1,
+    },
+    {
+      readPreference: 'secondaryPreferred',
+    },
+    {
+      verboseLogging: verbose,
+      ...additionalBatchedUpdateOptions,
+    }
+  )
+
+  logger.debug({}, `${subscriptionCount} subscriptions processed`)
+  if (commit) {
+    logger.debug({}, `${mapped} mappings registered`)
+  }
+}
+
+const {
+  error,
+  value: { commit, endDate, verbose },
+} = paramsSchema.validate(
+  minimist(process.argv.slice(2), {
+    boolean: ['commit', 'verbose'],
+    string: ['endDate'],
+  })
+)
+
+logger.logger.level(verbose ? 'debug' : 'info')
+
+if (error) {
+  logger.error({ error }, 'error with parameters')
+  triggerGracefulShutdown(done => done(1))
+} else {
+  logger.info({ verbose, commit, endDate }, commit ? 'COMMITTING' : 'DRY RUN')
+  await main()
+
+  triggerGracefulShutdown({
+    close(done) {
+      logger.info({}, 'shutting down')
+      done()
+    },
+  })
+}
diff --git a/services/web/scripts/analytics/helpers/GoogleBigQueryHelper.mjs b/services/web/scripts/analytics/helpers/GoogleBigQueryHelper.mjs
new file mode 100644
index 0000000..7bdc354
--- /dev/null
+++ b/services/web/scripts/analytics/helpers/GoogleBigQueryHelper.mjs
@@ -0,0 +1,30 @@
+import { BigQuery as GoogleBigQuery } from '@google-cloud/bigquery'
+
+let dataset = null
+
+function getDataset() {
+  if (!dataset) {
+    console.log(
+      'Connecting to BigQuery dataset: ',
+      process.env.BQ_PROJECT_ID,
+      process.env.BQ_DATASET_V2
+    )
+
+    dataset = new GoogleBigQuery({
+      projectId: process.env.BQ_PROJECT_ID,
+      keyFilename: process.env.GCS_KEY_FILE,
+    }).dataset(process.env.BQ_DATASET_V2)
+  }
+
+  return dataset
+}
+
+async function query(query, params = {}) {
+  const [job] = await getDataset().createQueryJob({ query, params })
+  const [rows] = await job.getQueryResults()
+  return rows
+}
+
+export default {
+  query,
+}
diff --git a/services/web/scripts/analytics/sync_group_subscription_memberships.mjs b/services/web/scripts/analytics/sync_group_subscription_memberships.mjs
new file mode 100644
index 0000000..5bca95e
--- /dev/null
+++ b/services/web/scripts/analytics/sync_group_subscription_memberships.mjs
@@ -0,0 +1,281 @@
+import GoogleBigQueryHelper from './helpers/GoogleBigQueryHelper.mjs'
+import { Subscription } from '../../app/src/models/Subscription.js'
+import AnalyticsManager from '../../app/src/Features/Analytics/AnalyticsManager.js'
+import { DeletedSubscription } from '../../app/src/models/DeletedSubscription.js'
+import minimist from 'minimist'
+import _ from 'lodash'
+import mongodb from 'mongodb-legacy'
+
+const { ObjectId } = mongodb
+
+let BATCH_SIZE, COMMIT, VERBOSE
+
+async function main() {
+  console.log('## Syncing group subscription memberships...')
+
+  const subscriptionsCount = await Subscription.countDocuments({
+    groupPlan: true,
+  })
+  const deletedSubscriptionsCount = await DeletedSubscription.countDocuments({
+    'subscription.groupPlan': true,
+  })
+
+  console.log(
+    `## Going to synchronize ${subscriptionsCount} subscriptions and ${deletedSubscriptionsCount} deleted subscriptions`
+  )
+
+  await checkActiveSubscriptions()
+  await checkDeletedSubscriptions()
+}
+
+async function checkActiveSubscriptions() {
+  let subscriptions
+  const processedSubscriptionIds = new Set()
+
+  const cursor = Subscription.find(
+    { groupPlan: true },
+    { recurlySubscription_id: 1, member_ids: 1 }
+  )
+    .sort('_id')
+    .cursor()
+
+  do {
+    subscriptions = []
+    while (subscriptions.length <= BATCH_SIZE) {
+      const next = await cursor.next()
+      if (!next) {
+        break
+      }
+      subscriptions.push(next)
+    }
+
+    if (subscriptions.length) {
+      const groupIds = subscriptions.map(sub => sub._id)
+      const bigQueryGroupMemberships =
+        await fetchBigQueryMembershipStatuses(groupIds)
+      const membershipsByGroupId = _.groupBy(
+        bigQueryGroupMemberships,
+        'group_id'
+      )
+
+      for (const subscription of subscriptions) {
+        const subscriptionId = subscription._id.toString()
+        if (!processedSubscriptionIds.has(subscriptionId)) {
+          await checkSubscriptionMemberships(
+            subscription,
+            membershipsByGroupId[subscriptionId] || []
+          )
+          processedSubscriptionIds.add(subscriptionId)
+        }
+      }
+    }
+  } while (subscriptions.length > 0)
+}
+
+async function checkDeletedSubscriptions() {
+  let deletedSubscriptions
+  const processedSubscriptionIds = new Set()
+
+  const cursor = DeletedSubscription.find(
+    { 'subscription.groupPlan': true },
+    { subscription: 1 }
+  ).cursor()
+
+  do {
+    deletedSubscriptions = []
+    while (deletedSubscriptions.length <= BATCH_SIZE) {
+      const next = await cursor.next()
+      if (!next) {
+        break
+      }
+      deletedSubscriptions.push(next.toObject().subscription)
+    }
+
+    if (deletedSubscriptions.length) {
+      const groupIds = deletedSubscriptions.map(sub => sub._id.toString())
+      const bigQueryGroupMemberships =
+        await fetchBigQueryMembershipStatuses(groupIds)
+
+      const membershipsByGroupId = _.groupBy(
+        bigQueryGroupMemberships,
+        'group_id'
+      )
+
+      for (const deletedSubscription of deletedSubscriptions) {
+        const subscriptionId = deletedSubscription._id.toString()
+        if (!processedSubscriptionIds.has(subscriptionId)) {
+          await checkDeletedSubscriptionMemberships(
+            deletedSubscription,
+            membershipsByGroupId[subscriptionId] || []
+          )
+          processedSubscriptionIds.add(subscriptionId)
+        }
+      }
+    }
+  } while (deletedSubscriptions.length > 0)
+}
+
+async function checkSubscriptionMemberships(subscription, membershipStatuses) {
+  if (VERBOSE) {
+    console.log(
+      '\n###########################################################################################',
+      '\n# Subscription (mongo): ',
+      '\n# _id: \t\t\t\t',
+      subscription._id.toString(),
+      '\n# member_ids: \t\t\t',
+      subscription.member_ids.map(_id => _id.toString()),
+      '\n# recurlySubscription_id: \t',
+      subscription.recurlySubscription_id
+    )
+    console.log('#\n# Membership statuses found in BigQuery: ')
+    console.table(membershipStatuses)
+  }
+  // create missing `joined` events when membership status is missing
+  for (const memberId of subscription.member_ids) {
+    if (
+      !_.find(membershipStatuses, {
+        user_id: memberId.toString(),
+        is_member: true,
+      })
+    ) {
+      await sendCorrectiveEvent(
+        memberId,
+        'group-subscription-joined',
+        subscription
+      )
+    }
+  }
+  // create missing `left` events if user is not a member of the group anymore
+  for (const { user_id: userId, is_member: isMember } of membershipStatuses) {
+    if (
+      isMember &&
+      !subscription.member_ids.some(id => id.toString() === userId)
+    ) {
+      await sendCorrectiveEvent(userId, 'group-subscription-left', subscription)
+    }
+  }
+}
+
+async function checkDeletedSubscriptionMemberships(
+  subscription,
+  membershipStatuses
+) {
+  if (VERBOSE) {
+    console.log(
+      '\n###########################################################################################',
+      '\n# Deleted subscription (mongo): ',
+      '\n# _id: \t\t\t\t',
+      subscription._id.toString(),
+      '\n# member_ids: \t\t\t',
+      subscription.member_ids.map(_id => _id.toString()),
+      '\n# recurlySubscription_id: \t',
+      subscription.recurlySubscription_id
+    )
+    console.log('#\n# Membership statuses found in BigQuery: ')
+    console.table(membershipStatuses)
+  }
+
+  const updatedUserIds = new Set()
+  // create missing `left` events if user was a member of the group in BQ and status is not up-to-date
+  for (const memberId of subscription.member_ids.map(id => id.toString())) {
+    if (
+      _.find(membershipStatuses, {
+        user_id: memberId,
+        is_member: true,
+      })
+    ) {
+      await sendCorrectiveEvent(
+        memberId,
+        'group-subscription-left',
+        subscription
+      )
+      updatedUserIds.add(memberId)
+    }
+  }
+  // for cases where the user has been removed from the subscription before it was deleted and status is not up-to-date
+  for (const { user_id: userId, is_member: isMember } of membershipStatuses) {
+    if (isMember && !updatedUserIds.has(userId)) {
+      await sendCorrectiveEvent(userId, 'group-subscription-left', subscription)
+      updatedUserIds.add(userId)
+    }
+  }
+}
+
+async function sendCorrectiveEvent(userId, event, subscription) {
+  if (!ObjectId.isValid(userId)) {
+    console.warn(`Skipping '${event}' for user ${userId}: invalid user ID`)
+    return
+  }
+  const segmentation = {
+    groupId: subscription._id.toString(),
+    subscriptionId: subscription.recurlySubscription_id,
+    source: 'sync',
+  }
+  if (COMMIT) {
+    console.log(
+      `Sending event '${event}' for user ${userId} with segmentation: ${JSON.stringify(
+        segmentation
+      )}`
+    )
+    await AnalyticsManager.recordEventForUser(userId, event, segmentation)
+  } else {
+    console.log(
+      `Dry run - would send event '${event}' for user ${userId} with segmentation: ${JSON.stringify(
+        segmentation
+      )}`
+    )
+  }
+}
+
+/**
+ * @param {Array<ObjectId>} groupIds
+ * @return {Promise<*>}
+ */
+async function fetchBigQueryMembershipStatuses(groupIds) {
+  const query = `\
+    WITH user_memberships AS (
+      SELECT
+        group_id,
+        COALESCE(user_aliases.user_id, ugm.user_id) AS user_id,
+        is_member,
+        ugm.created_at
+      FROM INT_user_group_memberships ugm
+      LEFT JOIN INT_user_aliases user_aliases ON ugm.user_id = user_aliases.analytics_id
+      WHERE ugm.group_id IN UNNEST(@groupIds)
+    ),
+    ordered_status AS (
+      SELECT *,
+        ROW_NUMBER() OVER(PARTITION BY group_id, user_id ORDER BY created_at DESC) AS row_number
+        FROM user_memberships
+    )
+    SELECT group_id, user_id, is_member, created_at FROM ordered_status
+    WHERE row_number = 1;
+  `
+
+  return await GoogleBigQueryHelper.query(query, {
+    groupIds: groupIds.map(id => id.toString()),
+  })
+}
+
+const setup = () => {
+  const argv = minimist(process.argv.slice(2))
+  BATCH_SIZE = argv.batchSize ? parseInt(argv.batchSize, 10) : 100
+  COMMIT = argv.commit !== undefined
+  VERBOSE = argv.debug !== undefined
+  if (!COMMIT) {
+    console.warn('Doing dry run without --commit')
+  }
+  if (VERBOSE) {
+    console.log('Running in verbose mode')
+  }
+}
+
+setup()
+try {
+  await main()
+  console.error('Done.')
+  process.exit(0)
+} catch (error) {
+  console.error({ error })
+  process.exit(1)
+}
diff --git a/services/web/scripts/attach_dangling_comments_to_doc.mjs b/services/web/scripts/attach_dangling_comments_to_doc.mjs
new file mode 100644
index 0000000..e8b34fd
--- /dev/null
+++ b/services/web/scripts/attach_dangling_comments_to_doc.mjs
@@ -0,0 +1,146 @@
+// @ts-check
+
+import minimist from 'minimist'
+import process from 'node:process'
+import ChatApiHandler from '../app/src/Features/Chat/ChatApiHandler.js'
+import DocumentUpdaterHandler from '../app/src/Features/DocumentUpdater/DocumentUpdaterHandler.js'
+import DocstoreManager from '../app/src/Features/Docstore/DocstoreManager.js'
+import HistoryManager from '../app/src/Features/History/HistoryManager.js'
+import { db, ObjectId } from '../app/src/infrastructure/mongodb.js'
+
+const OPTS = parseArgs()
+
+function usage() {
+  console.error('Attach dangling threads to the beginning of a document')
+  console.error('')
+  console.error('Usage: node attach_dangling_comments_to_doc.mjs')
+  console.error('   --project   PROJECT_ID')
+  console.error('   --doc       DOC_ID')
+  console.error('   [--commit]')
+}
+
+function parseArgs() {
+  const args = minimist(process.argv.slice(2), {
+    boolean: ['commit'],
+    string: ['project', 'doc'],
+  })
+  const projectId = args.project
+  const docId = args.doc
+  if (!projectId || !docId) {
+    usage()
+    process.exit(0)
+  }
+  return { projectId, docId, commit: args.commit }
+}
+
+/**
+ * @typedef {{ id: string, content: string, timestamp: number, user_id: string }} Message
+ * @typedef {{ id: string, messages: Message[] }} Thread
+ */
+
+/**
+ * @param {string} projectId
+ * @returns {Promise<Thread[]>}
+ */
+async function getDanglingThreads(projectId) {
+  const docRanges = await DocstoreManager.promises.getAllRanges(projectId)
+  const threads = await ChatApiHandler.promises.getThreads(projectId)
+
+  const threadsInDoc = new Set()
+  for (const doc of docRanges) {
+    for (const comment of doc.ranges?.comments ?? []) {
+      threadsInDoc.add(comment.op.t)
+    }
+  }
+
+  const danglingThreads = Object.keys(threads)
+    .filter(threadId => !threadsInDoc.has(threadId))
+    .map(id => ({ ...threads[id], id }))
+
+  console.log(`Found:`)
+  console.log(`  - ${Object.keys(threads).length} threads`)
+  console.log(`  - ${threadsInDoc.size} threads in docRanges`)
+  console.log(`  - ${danglingThreads.length} dangling threads`)
+
+  return danglingThreads
+}
+
+const ensureDocExists = async (projectId, docId) => {
+  const doc = await DocstoreManager.promises.getDoc(projectId, docId)
+  if (!doc) {
+    console.error(`Document ${docId} not found`)
+    process.exit(1)
+  }
+}
+
+/**
+ * @param {Thread[]} threads
+ */
+const ensureThreadsHaveMessages = async threads => {
+  const threadsWithoutMessages = threads.filter(
+    thread => !thread.messages || thread.messages.length === 0
+  )
+  if (threadsWithoutMessages.length > 0) {
+    console.error(`The following threads have no messages:`)
+    console.error(threadsWithoutMessages.join(','))
+    process.exit(1)
+  }
+}
+
+/**
+ * @param {string} projectId
+ * @param {string} docId
+ */
+async function processProject(projectId, docId) {
+  console.log(`Processing project ${projectId}`)
+
+  await DocumentUpdaterHandler.promises.flushProjectToMongoAndDelete(projectId)
+
+  const danglingThreads = await getDanglingThreads(projectId)
+
+  await ensureDocExists(projectId, docId)
+  await ensureThreadsHaveMessages(danglingThreads)
+
+  for (const thread of danglingThreads) {
+    const firstMessage = thread.messages[0]
+    if (!firstMessage) {
+      console.error(`Thread ${thread.id} has no messages`)
+      continue
+    }
+    const rangeComment = newRangeComment(thread, firstMessage)
+
+    console.log(`Attaching thread ${thread.id} to doc ${docId}`)
+
+    if (OPTS.commit) {
+      await db.docs.updateOne(
+        { _id: new ObjectId(docId) },
+        { $push: { 'ranges.comments': rangeComment } }
+      )
+    }
+  }
+
+  if (OPTS.commit) {
+    console.log(`Resyncing history for project ${projectId}`)
+    await HistoryManager.promises.resyncProject(projectId)
+  }
+}
+
+/**
+ * @param {Thread} thread
+ * @param {Message} message
+ */
+const newRangeComment = (thread, message) => ({
+  id: new ObjectId(thread.id),
+  op: { t: new ObjectId(thread.id), p: 0, c: '' },
+  metadata: {
+    user_id: new ObjectId(message.user_id),
+    ts: new Date(message.timestamp),
+  },
+})
+
+await processProject(OPTS.projectId, OPTS.docId)
+
+if (!OPTS.commit) {
+  console.log('This was a dry run. Rerun with --commit to apply changes')
+}
+process.exit(0)
diff --git a/services/web/scripts/back_fill_deleted_files.mjs b/services/web/scripts/back_fill_deleted_files.mjs
new file mode 100644
index 0000000..e84e11d
--- /dev/null
+++ b/services/web/scripts/back_fill_deleted_files.mjs
@@ -0,0 +1,133 @@
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+import { promiseMapWithLimit, promisify } from '@overleaf/promise-utils'
+import { db } from '../app/src/infrastructure/mongodb.js'
+import _ from 'lodash'
+import { fileURLToPath } from 'node:url'
+
+const sleep = promisify(setTimeout)
+
+async function main(options) {
+  if (!options) {
+    options = {}
+  }
+  _.defaults(options, {
+    writeConcurrency: parseInt(process.env.WRITE_CONCURRENCY, 10) || 10,
+    performCleanup: process.argv.includes('--perform-cleanup'),
+    fixPartialInserts: process.argv.includes('--fix-partial-inserts'),
+    letUserDoubleCheckInputsFor: parseInt(
+      process.env.LET_USER_DOUBLE_CHECK_INPUTS_FOR || 10 * 1000,
+      10
+    ),
+  })
+
+  await letUserDoubleCheckInputs(options)
+
+  await batchedUpdate(
+    db.projects,
+    // array is not empty ~ array has one item
+    { 'deletedFiles.0': { $exists: true } },
+    async projects => {
+      await processBatch(projects, options)
+    },
+    { _id: 1, deletedFiles: 1 }
+  )
+}
+
+async function processBatch(projects, options) {
+  await promiseMapWithLimit(
+    options.writeConcurrency,
+    projects,
+    async project => {
+      await processProject(project, options)
+    }
+  )
+}
+
+async function processProject(project, options) {
+  await backFillFiles(project, options)
+
+  if (options.performCleanup) {
+    await cleanupProject(project)
+  }
+}
+
+async function backFillFiles(project, options) {
+  const projectId = project._id
+  filterDuplicatesInPlace(project)
+  project.deletedFiles.forEach(file => {
+    file.projectId = projectId
+  })
+
+  if (options.fixPartialInserts) {
+    await fixPartialInserts(project)
+  } else {
+    await db.deletedFiles.insertMany(project.deletedFiles)
+  }
+}
+
+function filterDuplicatesInPlace(project) {
+  const fileIds = new Set()
+  project.deletedFiles = project.deletedFiles.filter(file => {
+    const id = file._id.toString()
+    if (fileIds.has(id)) return false
+    fileIds.add(id)
+    return true
+  })
+}
+
+async function fixPartialInserts(project) {
+  const seenFileIds = new Set(
+    (
+      await db.deletedFiles
+        .find(
+          { _id: { $in: project.deletedFiles.map(file => file._id) } },
+          { projection: { _id: 1 } }
+        )
+        .toArray()
+    ).map(file => file._id.toString())
+  )
+  project.deletedFiles = project.deletedFiles.filter(file => {
+    const id = file._id.toString()
+    if (seenFileIds.has(id)) return false
+    seenFileIds.add(id)
+    return true
+  })
+  if (project.deletedFiles.length > 0) {
+    await db.deletedFiles.insertMany(project.deletedFiles)
+  }
+}
+
+async function cleanupProject(project) {
+  await db.projects.updateOne(
+    { _id: project._id },
+    { $set: { deletedFiles: [] } }
+  )
+}
+
+async function letUserDoubleCheckInputs(options) {
+  if (options.performCleanup) {
+    console.error('BACK FILLING AND PERFORMING CLEANUP')
+  } else {
+    console.error(
+      'BACK FILLING ONLY - You will need to rerun with --perform-cleanup'
+    )
+  }
+  console.error(
+    'Waiting for you to double check inputs for',
+    options.letUserDoubleCheckInputsFor,
+    'ms'
+  )
+  await sleep(options.letUserDoubleCheckInputsFor)
+}
+
+export default main
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  try {
+    await main()
+    process.exit(0)
+  } catch (error) {
+    console.error({ error })
+    process.exit(1)
+  }
+}
diff --git a/services/web/scripts/back_fill_doc_name_for_deleted_docs.mjs b/services/web/scripts/back_fill_doc_name_for_deleted_docs.mjs
new file mode 100644
index 0000000..d22bb3e
--- /dev/null
+++ b/services/web/scripts/back_fill_doc_name_for_deleted_docs.mjs
@@ -0,0 +1,92 @@
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+import { promiseMapWithLimit, promisify } from '@overleaf/promise-utils'
+import { db } from '../app/src/infrastructure/mongodb.js'
+import { fileURLToPath } from 'node:url'
+import _ from 'lodash'
+
+const sleep = promisify(setTimeout)
+
+async function main(options) {
+  if (!options) {
+    options = {}
+  }
+  _.defaults(options, {
+    writeConcurrency: parseInt(process.env.WRITE_CONCURRENCY, 10) || 10,
+    performCleanup: process.argv.pop() === '--perform-cleanup',
+    letUserDoubleCheckInputsFor: parseInt(
+      process.env.LET_USER_DOUBLE_CHECK_INPUTS_FOR || 10 * 1000,
+      10
+    ),
+  })
+
+  await letUserDoubleCheckInputs(options)
+
+  await batchedUpdate(
+    db.projects,
+    // array is not empty ~ array has one item
+    { 'deletedDocs.0': { $exists: true } },
+    async projects => {
+      await processBatch(projects, options)
+    },
+    { _id: 1, deletedDocs: 1 }
+  )
+}
+
+async function processBatch(projects, options) {
+  await promiseMapWithLimit(
+    options.writeConcurrency,
+    projects,
+    async project => {
+      await processProject(project, options)
+    }
+  )
+}
+
+async function processProject(project, options) {
+  for (const doc of project.deletedDocs) {
+    await backFillDoc(doc)
+  }
+  if (options.performCleanup) {
+    await cleanupProject(project)
+  }
+}
+
+async function backFillDoc(doc) {
+  const { name, deletedAt } = doc
+  await db.docs.updateOne({ _id: doc._id }, { $set: { name, deletedAt } })
+}
+
+async function cleanupProject(project) {
+  await db.projects.updateOne(
+    { _id: project._id },
+    { $set: { deletedDocs: [] } }
+  )
+}
+
+async function letUserDoubleCheckInputs(options) {
+  if (options.performCleanup) {
+    console.error('BACK FILLING AND PERFORMING CLEANUP')
+  } else {
+    console.error(
+      'BACK FILLING ONLY - You will need to rerun with --perform-cleanup'
+    )
+  }
+  console.error(
+    'Waiting for you to double check inputs for',
+    options.letUserDoubleCheckInputsFor,
+    'ms'
+  )
+  await sleep(options.letUserDoubleCheckInputsFor)
+}
+
+export default main
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  try {
+    await main()
+    process.exit(0)
+  } catch (error) {
+    console.error({ error })
+    process.exit(1)
+  }
+}
diff --git a/services/web/scripts/back_fill_doc_rev.mjs b/services/web/scripts/back_fill_doc_rev.mjs
new file mode 100644
index 0000000..c80e4a9
--- /dev/null
+++ b/services/web/scripts/back_fill_doc_rev.mjs
@@ -0,0 +1,59 @@
+import { db } from '../app/src/infrastructure/mongodb.js'
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+import { fileURLToPath } from 'node:url'
+
+const DRY_RUN = !process.argv.includes('--dry-run=false')
+const LOG_EVERY_IN_S = parseInt(process.env.LOG_EVERY_IN_S, 10) || 5
+
+async function main(DRY_RUN) {
+  let processed = 0
+  let deleted = 0
+  let lastLog = 0
+
+  function logProgress() {
+    console.log(`rev missing ${processed} | deleted=true ${deleted}`)
+  }
+
+  await batchedUpdate(
+    db.docs,
+    { rev: { $exists: false } },
+    async docs => {
+      if (!DRY_RUN) {
+        await db.docs.updateMany(
+          {
+            _id: { $in: docs.map(doc => doc._id) },
+            rev: { $exists: false },
+          },
+          { $set: { rev: 1 } }
+        )
+      }
+
+      processed += docs.length
+      deleted += docs.filter(doc => doc.deleted).length
+
+      if (Date.now() - lastLog >= LOG_EVERY_IN_S * 1000) {
+        logProgress()
+        lastLog = Date.now()
+      }
+    },
+    {
+      _id: 1,
+      deleted: true,
+    }
+  )
+
+  logProgress()
+}
+
+export default main
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  try {
+    await main(DRY_RUN)
+    console.log('Done.')
+    process.exit(0)
+  } catch (error) {
+    console.error({ error })
+    process.exit(1)
+  }
+}
diff --git a/services/web/scripts/back_fill_dummy_doc_meta.mjs b/services/web/scripts/back_fill_dummy_doc_meta.mjs
new file mode 100644
index 0000000..0fccdc4
--- /dev/null
+++ b/services/web/scripts/back_fill_dummy_doc_meta.mjs
@@ -0,0 +1,161 @@
+import { promisify } from 'node:util'
+import mongodb from 'mongodb-legacy'
+import {
+  db,
+  READ_PREFERENCE_SECONDARY,
+} from '../app/src/infrastructure/mongodb.js'
+import _ from 'lodash'
+import LRUCache from 'lru-cache'
+import { fileURLToPath } from 'node:url'
+
+const { ObjectId } = mongodb
+const sleep = promisify(setTimeout)
+
+const NOW_IN_S = Date.now() / 1000
+const ONE_WEEK_IN_S = 60 * 60 * 24 * 7
+const TEN_SECONDS = 10 * 1000
+
+const DUMMY_NAME = 'unknown.tex'
+const DUMMY_TIME = new Date('2021-04-12T00:00:00.000Z')
+
+let deletedProjectsCache = null
+
+function getSecondsFromObjectId(id) {
+  return id.getTimestamp().getTime() / 1000
+}
+
+async function main(options) {
+  if (!options) {
+    options = {}
+  }
+  _.defaults(options, {
+    dryRun: process.env.DRY_RUN === 'true',
+    cacheSize: parseInt(process.env.CACHE_SIZE, 10) || 100,
+    firstProjectId: new ObjectId(process.env.FIRST_PROJECT_ID),
+    incrementByS: parseInt(process.env.INCREMENT_BY_S, 10) || ONE_WEEK_IN_S,
+    batchSize: parseInt(process.env.BATCH_SIZE, 10) || 1000,
+    stopAtS: parseInt(process.env.STOP_AT_S, 10) || NOW_IN_S,
+    letUserDoubleCheckInputsFor:
+      parseInt(process.env.LET_USER_DOUBLE_CHECK_INPUTS_FOR, 10) || TEN_SECONDS,
+  })
+
+  if (!options.firstProjectId) {
+    console.error('Set FIRST_PROJECT_ID and re-run.')
+    process.exit(1)
+  }
+
+  deletedProjectsCache = new LRUCache({
+    max: options.cacheSize,
+  })
+
+  await letUserDoubleCheckInputs(options)
+  let startId = options.firstProjectId
+
+  let nProcessed = 0
+  while (getSecondsFromObjectId(startId) <= options.stopAtS) {
+    const end = getSecondsFromObjectId(startId) + options.incrementByS
+    let endId = ObjectId.createFromTime(end)
+    const query = {
+      project_id: {
+        // include edge
+        $gte: startId,
+        // exclude edge
+        $lt: endId,
+      },
+      deleted: true,
+      name: {
+        $exists: false,
+      },
+    }
+    const docs = await db.docs
+      .find(query, { readPreference: READ_PREFERENCE_SECONDARY })
+      .project({ _id: 1, project_id: 1 })
+      .limit(options.batchSize)
+      .toArray()
+
+    if (docs.length) {
+      const docIds = docs.map(doc => doc._id)
+      console.log('Back filling dummy meta data for', JSON.stringify(docIds))
+      await processBatch(docs, options)
+      nProcessed += docIds.length
+
+      if (docs.length === options.batchSize) {
+        endId = docs[docs.length - 1].project_id
+      }
+    }
+    console.error('Processed %d until %s', nProcessed, endId)
+
+    startId = endId
+  }
+}
+
+async function getDeletedProject(projectId) {
+  const cacheKey = projectId.toString()
+  if (deletedProjectsCache.has(cacheKey)) {
+    return deletedProjectsCache.get(cacheKey)
+  }
+  const deletedProject = await db.deletedProjects.findOne(
+    { 'deleterData.deletedProjectId': projectId },
+    {
+      projection: {
+        _id: 1,
+        'project.deletedDocs': 1,
+      },
+    }
+  )
+  deletedProjectsCache.set(cacheKey, deletedProject)
+  return deletedProject
+}
+
+async function processBatch(docs, options) {
+  for (const doc of docs) {
+    const { _id: docId, project_id: projectId } = doc
+    const deletedProject = await getDeletedProject(projectId)
+    let name = DUMMY_NAME
+    let deletedAt = DUMMY_TIME
+    if (deletedProject) {
+      const project = deletedProject.project
+      if (project) {
+        const deletedDoc =
+          project.deletedDocs &&
+          project.deletedDocs.find(deletedDoc => docId.equals(deletedDoc._id))
+        if (deletedDoc) {
+          console.log('Found deletedDoc for %s', docId)
+          name = deletedDoc.name
+          deletedAt = deletedDoc.deletedAt
+        } else {
+          console.log('Missing deletedDoc for %s', docId)
+        }
+      } else {
+        console.log('Orphaned deleted doc %s (failed hard deletion)', docId)
+      }
+    } else {
+      console.log('Orphaned deleted doc %s (no deletedProjects entry)', docId)
+    }
+    if (options.dryRun) continue
+    await db.docs.updateOne({ _id: docId }, { $set: { name, deletedAt } })
+  }
+}
+
+async function letUserDoubleCheckInputs(options) {
+  console.error('Options:', JSON.stringify(options, null, 2))
+  console.error(
+    'Waiting for you to double check inputs for',
+    options.letUserDoubleCheckInputsFor,
+    'ms'
+  )
+  await sleep(options.letUserDoubleCheckInputsFor)
+}
+
+export default main
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  try {
+    await main()
+    console.error('Done.')
+    process.exit(0)
+  } catch (error) {
+    console.error({ error })
+    process.exit(1)
+  }
+}
diff --git a/services/web/scripts/back_fill_staff_access.mjs b/services/web/scripts/back_fill_staff_access.mjs
new file mode 100644
index 0000000..c26958e
--- /dev/null
+++ b/services/web/scripts/back_fill_staff_access.mjs
@@ -0,0 +1,93 @@
+import {
+  db,
+  READ_PREFERENCE_SECONDARY,
+} from '../app/src/infrastructure/mongodb.js'
+import UserSessionsManager from '../app/src/Features/User/UserSessionsManager.js'
+
+const COMMIT = process.argv.includes('--commit')
+const KEEP_SESSIONS = process.argv.includes('--keep-sessions')
+
+const FULL_STAFF_ACCESS = {
+  publisherMetrics: true,
+  publisherManagement: true,
+  institutionMetrics: true,
+  institutionManagement: true,
+  groupMetrics: true,
+  groupManagement: true,
+  adminMetrics: true,
+  splitTestMetrics: true,
+  splitTestManagement: true,
+}
+
+function doesNotHaveFullStaffAccess(user) {
+  if (!user.staffAccess) {
+    return true
+  }
+  for (const field of Object.keys(FULL_STAFF_ACCESS)) {
+    if (!user.staffAccess[field]) {
+      return true
+    }
+  }
+  return false
+}
+
+function formatUser(user) {
+  user = Object.assign({}, user, user.staffAccess)
+  delete user.staffAccess
+  return user
+}
+
+async function main() {
+  const adminUsers = await db.users
+    .find(
+      { isAdmin: true },
+      {
+        projection: {
+          _id: 1,
+          email: 1,
+          staffAccess: 1,
+        },
+        readPreference: READ_PREFERENCE_SECONDARY,
+      }
+    )
+    .toArray()
+
+  console.log('All Admin users:')
+  console.table(adminUsers.map(formatUser))
+
+  const incompleteUsers = adminUsers.filter(doesNotHaveFullStaffAccess)
+  if (incompleteUsers.length === 0) {
+    console.warn('All Admin users have full staff access.')
+    return
+  }
+
+  console.log()
+  console.log('Incomplete staff access:')
+  console.table(incompleteUsers.map(formatUser))
+
+  if (COMMIT) {
+    for (const user of incompleteUsers) {
+      console.error(
+        `Granting ${user.email} (${user._id.toString()}) full staff access`
+      )
+      await db.users.updateOne(
+        { _id: user._id, isAdmin: true },
+        { $set: { staffAccess: FULL_STAFF_ACCESS } }
+      )
+      if (!KEEP_SESSIONS) {
+        await UserSessionsManager.promises.removeSessionsFromRedis(user)
+      }
+    }
+  } else {
+    console.warn('Use --commit to grant missing staff access.')
+  }
+}
+
+try {
+  await main()
+  console.error('Done.')
+  process.exit(0)
+} catch (error) {
+  console.error({ error })
+  process.exit(1)
+}
diff --git a/services/web/scripts/back_fill_warning_user_personal_and_group_subscription.mjs b/services/web/scripts/back_fill_warning_user_personal_and_group_subscription.mjs
new file mode 100644
index 0000000..efa5a79
--- /dev/null
+++ b/services/web/scripts/back_fill_warning_user_personal_and_group_subscription.mjs
@@ -0,0 +1,70 @@
+import NotificationsBuilder from '../app/src/Features/Notifications/NotificationsBuilder.js'
+import { db } from '../app/src/infrastructure/mongodb.js'
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+
+const DRY_RUN = !process.argv.includes('--dry-run=false')
+
+if (DRY_RUN) {
+  console.log('Doing dry run')
+}
+
+async function processBatch(groupSubscriptionsBatch) {
+  console.log('\n')
+  console.log('----- Batch computation started -----')
+  const flattenedMemberIds = groupSubscriptionsBatch
+    .map(sub => sub.member_ids)
+    .flatMap(memberId => memberId)
+  const uniqueFlattenedMemberIds = [...new Set(flattenedMemberIds)]
+
+  const userWithIndividualAndGroupSubscriptions = await db.subscriptions
+    .find({
+      groupPlan: false,
+      'recurlyStatus.state': 'active',
+      admin_id: { $in: uniqueFlattenedMemberIds },
+    })
+    .toArray()
+
+  console.log(
+    `Found ${userWithIndividualAndGroupSubscriptions.length} affected users in this batch`
+  )
+
+  if (DRY_RUN) {
+    console.error('---')
+    console.error('Dry-run enabled, use --dry-run=false to commit changes')
+    console.error('---')
+  } else {
+    if (userWithIndividualAndGroupSubscriptions.length > 0) {
+      console.log(
+        `Notifying ${userWithIndividualAndGroupSubscriptions.length} users`
+      )
+
+      for (const notif of userWithIndividualAndGroupSubscriptions) {
+        await NotificationsBuilder.promises
+          .personalAndGroupSubscriptions(notif.admin_id.toString())
+          .create()
+      }
+
+      console.log(
+        `${userWithIndividualAndGroupSubscriptions.length} users successfully notified in this batch`
+      )
+    } else {
+      console.log(
+        'No users currently subscribe to both individual and group subscription in this batch'
+      )
+    }
+  }
+}
+
+async function main() {
+  await batchedUpdate(db.subscriptions, { groupPlan: true }, processBatch, {
+    member_ids: 1,
+  })
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/backfill_mixpanel_user_properties.mjs b/services/web/scripts/backfill_mixpanel_user_properties.mjs
new file mode 100644
index 0000000..3e966a3
--- /dev/null
+++ b/services/web/scripts/backfill_mixpanel_user_properties.mjs
@@ -0,0 +1,118 @@
+// @ts-check
+import '../app/src/models/User.js'
+import { batchedUpdateWithResultHandling } from '@overleaf/mongo-utils/batchedUpdate.js'
+import { promiseMapWithLimit } from '@overleaf/promise-utils'
+import { getQueue } from '../app/src/infrastructure/Queues.js'
+import SubscriptionLocator from '../app/src/Features/Subscription/SubscriptionLocator.js'
+import PlansLocator from '../app/src/Features/Subscription/PlansLocator.js'
+import FeaturesHelper from '../app/src/Features/Subscription/FeaturesHelper.js'
+import { db } from '../app/src/infrastructure/mongodb.js'
+
+const WRITE_CONCURRENCY = parseInt(process.env.WRITE_CONCURRENCY || '10', 10)
+
+const mixpanelSinkQueue = getQueue('analytics-mixpanel-sink')
+
+async function processUser(user) {
+  const analyticsId = user.analyticsId || user._id
+
+  await _sendPropertyToQueue(analyticsId, 'user-id', user._id)
+  await _sendPropertyToQueue(analyticsId, 'analytics-id', analyticsId)
+  await _sendPropertyToQueue(analyticsId, 'created-at', user.signUpDate)
+  if (user.alphaProgram !== undefined) {
+    await _sendPropertyToQueue(analyticsId, 'alpha-program', user.alphaProgram)
+  }
+  if (user.betaProgram !== undefined) {
+    await _sendPropertyToQueue(analyticsId, 'beta-program', user.betaProgram)
+  }
+
+  const groupSubscriptionPlanCode = await _getGroupSubscriptionPlanCode(
+    user._id
+  )
+  if (groupSubscriptionPlanCode) {
+    await _sendPropertyToQueue(
+      analyticsId,
+      'group-subscription-plan-code',
+      groupSubscriptionPlanCode
+    )
+  }
+
+  const matchedFeatureSet = FeaturesHelper.getMatchedFeatureSet(user.features)
+  if (matchedFeatureSet !== 'personal') {
+    await _sendPropertyToQueue(analyticsId, 'feature-set', matchedFeatureSet)
+  }
+
+  if (user.splitTests) {
+    for (const splitTestName of Object.keys(user.splitTests)) {
+      const assignments = user.splitTests[splitTestName]
+      if (Array.isArray(assignments)) {
+        for (const assignment of assignments) {
+          await _sendPropertyToQueue(
+            analyticsId,
+            `split-test-${splitTestName}-${assignment.versionNumber}`,
+            `${assignment.variantName}`
+          )
+        }
+      }
+    }
+  }
+}
+
+async function _getGroupSubscriptionPlanCode(userId) {
+  const subscriptions =
+    await SubscriptionLocator.promises.getMemberSubscriptions(userId)
+  let bestPlanCode = null
+  let bestFeatures = {}
+  for (const subscription of subscriptions) {
+    const plan = PlansLocator.findLocalPlanInSettings(subscription.planCode)
+    if (
+      plan &&
+      FeaturesHelper.isFeatureSetBetter(plan.features, bestFeatures)
+    ) {
+      bestPlanCode = plan.planCode
+      bestFeatures = plan.features
+    }
+  }
+  return bestPlanCode
+}
+
+async function _sendPropertyToQueue(
+  analyticsId,
+  propertyName,
+  propertyValue,
+  createdAt = new Date()
+) {
+  if (propertyValue == null) {
+    return
+  }
+  await mixpanelSinkQueue.add('user-property', {
+    analyticsId,
+    propertyName,
+    propertyValue,
+    createdAt,
+  })
+}
+
+async function processBatch(_, users) {
+  await promiseMapWithLimit(WRITE_CONCURRENCY, users, async user => {
+    await processUser(user)
+  })
+}
+
+batchedUpdateWithResultHandling(
+  db.users,
+  {
+    $nor: [
+      { thirdPartyIdentifiers: { $exists: false } },
+      { thirdPartyIdentifiers: { $size: 0 } },
+    ],
+  },
+  processBatch,
+  {
+    _id: true,
+    analyticsId: true,
+    signUpDate: true,
+    splitTests: true,
+    alphaProgram: true,
+    betaProgram: true,
+  }
+)
diff --git a/services/web/scripts/backfill_project_image_name.mjs b/services/web/scripts/backfill_project_image_name.mjs
new file mode 100644
index 0000000..97c60e2
--- /dev/null
+++ b/services/web/scripts/backfill_project_image_name.mjs
@@ -0,0 +1,56 @@
+// @ts-check
+import minimist from 'minimist'
+import { batchedUpdateWithResultHandling } from '@overleaf/mongo-utils/batchedUpdate.js'
+import { db } from '../app/src/infrastructure/mongodb.js'
+
+const argv = minimist(process.argv.slice(2))
+const commit = argv.commit !== undefined
+let imageName = argv._[0]
+
+function usage() {
+  console.log(
+    'Usage: node backfill_project_image_name.mjs --commit <texlive_docker_image>'
+  )
+  console.log(
+    'Argument <texlive_docker_image> is not required when TEX_LIVE_DOCKER_IMAGE is set.'
+  )
+  console.log(
+    'Environment variable ALL_TEX_LIVE_DOCKER_IMAGES must contain <texlive_docker_image>.'
+  )
+}
+
+if (!imageName && process.env.TEX_LIVE_DOCKER_IMAGE) {
+  imageName = process.env.TEX_LIVE_DOCKER_IMAGE
+}
+
+if (!imageName) {
+  usage()
+  process.exit(1)
+}
+
+if (!process.env.ALL_TEX_LIVE_DOCKER_IMAGES) {
+  console.error(
+    'Error: environment variable ALL_TEX_LIVE_DOCKER_IMAGES is not defined.'
+  )
+  usage()
+  process.exit(1)
+}
+
+if (!process.env.ALL_TEX_LIVE_DOCKER_IMAGES.split(',').includes(imageName)) {
+  console.error(
+    `Error: ALL_TEX_LIVE_DOCKER_IMAGES doesn't contain ${imageName}`
+  )
+  usage()
+  process.exit(1)
+}
+
+if (!commit) {
+  console.error('DOING DRY RUN. TO SAVE CHANGES PASS --commit')
+  process.exit(1)
+}
+
+batchedUpdateWithResultHandling(
+  db.projects,
+  { imageName: null },
+  { $set: { imageName } }
+)
diff --git a/services/web/scripts/backfill_project_invites_token_hmac.mjs b/services/web/scripts/backfill_project_invites_token_hmac.mjs
new file mode 100644
index 0000000..64a0b40
--- /dev/null
+++ b/services/web/scripts/backfill_project_invites_token_hmac.mjs
@@ -0,0 +1,79 @@
+import { db } from '../app/src/infrastructure/mongodb.js'
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+import minimist from 'minimist'
+import CollaboratorsInviteHelper from '../app/src/Features/Collaborators/CollaboratorsInviteHelper.js'
+import { fileURLToPath } from 'node:url'
+
+const argv = minimist(process.argv.slice(2), {
+  boolean: ['dry-run', 'help'],
+  default: {
+    'dry-run': true,
+  },
+})
+
+const DRY_RUN = argv['dry-run']
+
+async function addTokenHmacField(DRY_RUN) {
+  const query = { tokenHmac: { $exists: false } }
+
+  await batchedUpdate(
+    db.projectInvites,
+    query,
+    async invites => {
+      for (const invite of invites) {
+        console.log(
+          `=> Missing "tokenHmac" token in invitation: ${invite._id.toString()}`
+        )
+
+        if (DRY_RUN) {
+          console.log(
+            `=> DRY RUN - would add "tokenHmac" token to invitation ${invite._id.toString()}`
+          )
+          continue
+        }
+
+        const tokenHmac = CollaboratorsInviteHelper.hashInviteToken(
+          invite.token
+        )
+
+        await db.projectInvites.updateOne(
+          { _id: invite._id },
+          { $set: { tokenHmac } }
+        )
+
+        console.log(
+          `=> Added "tokenHmac" token to invitation ${invite._id.toString()}`
+        )
+      }
+    },
+    { token: 1 }
+  )
+}
+
+async function main(DRY_RUN) {
+  await addTokenHmacField(DRY_RUN)
+}
+
+export default main
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  if (argv.help || argv._.length > 1) {
+    console.error(`Usage: node scripts/backfill_project_invites_token_hmac.mjs
+      Adds a "tokenHmac" field (which is a hashed version of the token) to each project invite record.
+
+      Options:
+          --dry-run         finds invitations without HMAC token but does not do any updates
+    `)
+
+    process.exit(1)
+  }
+
+  try {
+    await main(DRY_RUN)
+    console.error('Done')
+    process.exit(0)
+  } catch (error) {
+    console.error(error)
+    process.exit(1)
+  }
+}
diff --git a/services/web/scripts/backfill_user_properties.mjs b/services/web/scripts/backfill_user_properties.mjs
new file mode 100644
index 0000000..bc4b360
--- /dev/null
+++ b/services/web/scripts/backfill_user_properties.mjs
@@ -0,0 +1,61 @@
+import { batchedUpdateWithResultHandling } from '@overleaf/mongo-utils/batchedUpdate.js'
+import { promiseMapWithLimit } from '@overleaf/promise-utils'
+import SubscriptionLocator from '../app/src/Features/Subscription/SubscriptionLocator.js'
+import PlansLocator from '../app/src/Features/Subscription/PlansLocator.js'
+import FeaturesHelper from '../app/src/Features/Subscription/FeaturesHelper.js'
+import AnalyticsManager from '../app/src/Features/Analytics/AnalyticsManager.js'
+import { db } from '../app/src/infrastructure/mongodb.js'
+
+const WRITE_CONCURRENCY = parseInt(process.env.WRITE_CONCURRENCY, 10) || 10
+
+async function getGroupSubscriptionPlanCode(userId) {
+  const subscriptions =
+    await SubscriptionLocator.promises.getMemberSubscriptions(userId)
+  let bestPlanCode = null
+  let bestFeatures = {}
+  for (const subscription of subscriptions) {
+    const plan = PlansLocator.findLocalPlanInSettings(subscription.planCode)
+    if (
+      plan &&
+      FeaturesHelper.isFeatureSetBetter(plan.features, bestFeatures)
+    ) {
+      bestPlanCode = plan.planCode
+      bestFeatures = plan.features
+    }
+  }
+  return bestPlanCode
+}
+
+async function processUser(user) {
+  const analyticsId = user.analyticsId || user._id
+
+  const groupSubscriptionPlanCode = await getGroupSubscriptionPlanCode(user._id)
+  if (groupSubscriptionPlanCode) {
+    await AnalyticsManager.setUserPropertyForAnalyticsId(
+      analyticsId,
+      'group-subscription-plan-code',
+      groupSubscriptionPlanCode
+    )
+  }
+
+  const matchedFeatureSet = FeaturesHelper.getMatchedFeatureSet(user.features)
+  if (matchedFeatureSet !== 'personal') {
+    await AnalyticsManager.setUserPropertyForAnalyticsId(
+      analyticsId,
+      'feature-set',
+      matchedFeatureSet
+    )
+  }
+}
+
+async function processBatch(users) {
+  await promiseMapWithLimit(WRITE_CONCURRENCY, users, async user => {
+    await processUser(user)
+  })
+}
+
+batchedUpdateWithResultHandling(db.users, {}, processBatch, {
+  _id: true,
+  analyticsId: true,
+  features: true,
+})
diff --git a/services/web/scripts/backfill_users_sso_attribute.mjs b/services/web/scripts/backfill_users_sso_attribute.mjs
new file mode 100644
index 0000000..d166e06
--- /dev/null
+++ b/services/web/scripts/backfill_users_sso_attribute.mjs
@@ -0,0 +1,33 @@
+import SAMLUserIdAttributeBatchHandler from '../modules/saas-authentication/app/src/SAML/SAMLUserIdAttributeBatchHandler.mjs'
+
+const startInstitutionId = parseInt(process.argv[2])
+const endInstitutionId = parseInt(process.argv[3])
+
+process.env.LOG_LEVEL = 'info'
+
+process.env.MONGO_CONNECTION_STRING =
+  process.env.READ_ONLY_MONGO_CONNECTION_STRING
+
+console.log('Checking users at institutions')
+
+console.log(
+  'Start institution ID:',
+  startInstitutionId ||
+    'none provided, will start at beginning of ordered list.'
+)
+console.log(
+  'End institution ID:',
+  endInstitutionId || 'none provided, will go to end of ordered list.'
+)
+
+try {
+  const result = await SAMLUserIdAttributeBatchHandler.check(
+    startInstitutionId,
+    endInstitutionId
+  )
+  console.log(result)
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/bench_bcrypt.mjs b/services/web/scripts/bench_bcrypt.mjs
new file mode 100644
index 0000000..1aee1b5
--- /dev/null
+++ b/services/web/scripts/bench_bcrypt.mjs
@@ -0,0 +1,122 @@
+import minimist from 'minimist'
+import { promisify } from 'node:util'
+import bcrypt from 'bcrypt'
+import { promiseMapWithLimit } from '@overleaf/promise-utils'
+// https://github.com/import-js/eslint-plugin-import/issues/1810
+// eslint-disable-next-line import/no-unresolved
+import * as csv from 'csv/sync'
+
+const bcryptCompare = promisify(bcrypt.compare)
+const bcryptGenSalt = promisify(bcrypt.genSalt)
+const bcryptHash = promisify(bcrypt.hash)
+
+const argv = minimist(process.argv.slice(2), {
+  string: ['major', 'minor', 'concurrency', 'samples', 'password'],
+  bool: ['hash', 'compare', 'verbose', 'table', 'csv'],
+  default: {
+    major: '12,13,14,15',
+    minor: 'a',
+    concurrency: '1,2,4,10,20',
+    samples: 100,
+    password: 'x'.repeat(72),
+    hash: true,
+    compare: true,
+    verbose: true,
+    table: true,
+    csv: true,
+  },
+})
+
+const SAMPLES = parseInt(argv.samples, 10)
+const STATS = []
+
+function asListOfInt(s) {
+  return s.split(',').map(x => parseInt(x, 10))
+}
+
+async function computeHash(rounds, minor) {
+  const salt = await bcryptGenSalt(rounds, minor)
+  return await bcryptHash(argv.password, salt)
+}
+
+async function sample(concurrency, fn) {
+  const stats = await promiseMapWithLimit(
+    concurrency,
+    new Array(SAMPLES).fill(0),
+    async () => {
+      const t0 = process.hrtime.bigint()
+      await fn()
+      const t1 = process.hrtime.bigint()
+      return Number(t1 - t0) / 1e6
+    }
+  )
+  const sum = stats.reduce((a, b) => a + b, 0)
+  const avg = sum / SAMPLES
+  stats.sort((a, b) => a - b)
+  const median = stats[Math.ceil(SAMPLES / 2)]
+  const p95 = stats[Math.ceil(SAMPLES * 0.95)]
+  const min = stats[0]
+  const max = stats[stats.length - 1]
+  return Object.fromEntries(
+    Object.entries({
+      min,
+      avg,
+      median,
+      p95,
+      max,
+    }).map(([key, value]) => [key, Math.ceil(value) + 'ms'])
+  )
+}
+
+async function run(rounds, minor, concurrency) {
+  if (argv.hash) {
+    const stats = await sample(concurrency, async () => {
+      await computeHash(rounds, minor)
+    })
+    STATS.push({
+      kind: 'hash',
+      rounds,
+      concurrency,
+      ...stats,
+    })
+    if (argv.verbose) console.log(STATS[STATS.length - 1])
+  }
+  if (argv.compare) {
+    const hashedPassword = await computeHash(rounds, minor)
+    const stats = await sample(concurrency, async () => {
+      await bcryptCompare(argv.password, hashedPassword)
+    })
+    STATS.push({
+      kind: 'compare',
+      rounds,
+      concurrency,
+      ...stats,
+    })
+    if (argv.verbose) console.log(STATS[STATS.length - 1])
+  }
+}
+
+async function main() {
+  for (const rounds of asListOfInt(argv.major)) {
+    for (const minor of argv.minor.split(',')) {
+      for (const concurrency of asListOfInt(argv.concurrency)) {
+        await run(rounds, minor, concurrency)
+      }
+    }
+  }
+
+  STATS.forEach(s => {
+    s.samples = SAMPLES
+  })
+
+  if (argv.table) console.table(STATS)
+  if (argv.csv) console.log(csv.stringify(STATS, { header: true }))
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/check_docs.mjs b/services/web/scripts/check_docs.mjs
new file mode 100644
index 0000000..d6fccd5
--- /dev/null
+++ b/services/web/scripts/check_docs.mjs
@@ -0,0 +1,221 @@
+// @ts-check
+
+import minimist from 'minimist'
+import PQueue from 'p-queue'
+import {
+  db,
+  ObjectId,
+  READ_PREFERENCE_SECONDARY,
+} from '../app/src/infrastructure/mongodb.js'
+import DocstoreManager from '../app/src/Features/Docstore/DocstoreManager.js'
+import { NotFoundError } from '../app/src/Features/Errors/Errors.js'
+
+const OPTS = parseArgs()
+
+function parseArgs() {
+  const args = minimist(process.argv.slice(2), {
+    string: ['min-project-id', 'max-project-id', 'project-modified-since'],
+    boolean: ['help', 'dangling-comments', 'tracked-changes'],
+  })
+
+  if (args.help) {
+    usage()
+    process.exit(0)
+  }
+
+  const danglingComments = Boolean(args['dangling-comments'])
+  const trackedChanges = Boolean(args['tracked-changes'])
+  if (!danglingComments && !trackedChanges) {
+    console.log(
+      'At least one of --dangling-comments or --tracked-changes must be enabled'
+    )
+    process.exit(1)
+  }
+
+  return {
+    minProjectId: args['min-project-id'] ?? null,
+    maxProjectId: args['max-project-id'] ?? null,
+    projectModifiedSince: args['project-modified-since']
+      ? new Date(args['project-modified-since'])
+      : null,
+    danglingComments,
+    trackedChanges,
+    concurrency: parseInt(args.concurrency ?? '1', 10),
+  }
+}
+
+function usage() {
+  console.log(`Usage: find_dangling_comments.mjs [OPTS]
+
+Options:
+
+    --min-project-id          Start scanning at this project id
+    --max-project-id          Stop scanning at this project id
+    --project-modified-since  Only consider projects that were modified after the given date
+                              Example: 2020-01-01
+    --dangling-comments       Report projects with dangling comments
+    --tracked-changes         Report projects with tracked changes
+    --concurrency             How many projects can be processed in parallel
+    `)
+}
+
+async function main() {
+  const queue = new PQueue({ concurrency: OPTS.concurrency })
+  let projectsProcessed = 0
+  let danglingCommentsFound = 0
+  let trackedChangesFound = 0
+  for await (const projectId of getProjectIds()) {
+    await queue.onEmpty()
+    queue.add(async () => {
+      const docs = await getDocs(projectId)
+
+      if (OPTS.danglingComments) {
+        const danglingThreadIds = await findDanglingThreadIds(projectId, docs)
+        if (danglingThreadIds.length > 0) {
+          console.log(
+            `Project ${projectId} has dangling threads: ${danglingThreadIds.join(', ')}`
+          )
+          danglingCommentsFound += 1
+        }
+      }
+
+      if (OPTS.trackedChanges) {
+        if (docsHaveTrackedChanges(docs)) {
+          console.log(`Project ${projectId} has tracked changes`)
+          trackedChangesFound += 1
+        }
+      }
+
+      projectsProcessed += 1
+      if (projectsProcessed % 100000 === 0) {
+        console.log(
+          `${projectsProcessed} projects processed - Last project: ${projectId}`
+        )
+      }
+    })
+  }
+  await queue.onIdle()
+
+  if (OPTS.danglingComments) {
+    console.log(
+      `${danglingCommentsFound} projects with dangling comments found`
+    )
+  }
+
+  if (OPTS.trackedChanges) {
+    console.log(`${trackedChangesFound} projects with tracked changes found`)
+  }
+}
+
+function getProjectIds() {
+  const clauses = []
+
+  if (OPTS.minProjectId != null) {
+    clauses.push({ _id: { $gte: new ObjectId(OPTS.minProjectId) } })
+  }
+
+  if (OPTS.maxProjectId != null) {
+    clauses.push({ _id: { $lte: new ObjectId(OPTS.maxProjectId) } })
+  }
+
+  if (OPTS.projectModifiedSince) {
+    clauses.push({ lastUpdated: { $gte: OPTS.projectModifiedSince } })
+  }
+
+  const query = clauses.length > 0 ? { $and: clauses } : {}
+  return db.projects
+    .find(query, {
+      projection: { _id: 1 },
+      readPreference: READ_PREFERENCE_SECONDARY,
+      sort: { _id: 1 },
+    })
+    .map(x => x._id.toString())
+}
+
+async function getDocs(projectId) {
+  const mongoDocs = db.docs.find(
+    {
+      project_id: new ObjectId(projectId),
+      deleted: { $ne: true },
+    },
+    {
+      projection: { ranges: 1, inS3: 1 },
+      readPreference: READ_PREFERENCE_SECONDARY,
+    }
+  )
+
+  const docs = []
+  for await (const mongoDoc of mongoDocs) {
+    if (mongoDoc.inS3) {
+      try {
+        const archivedDoc = await DocstoreManager.promises.getDoc(
+          projectId,
+          mongoDoc._id,
+          { peek: true }
+        )
+        docs.push({
+          id: mongoDoc._id.toString(),
+          ranges: archivedDoc.ranges,
+        })
+      } catch (err) {
+        if (err instanceof NotFoundError) {
+          console.warn(`Doc ${mongoDoc._id} in project ${projectId} not found`)
+        } else {
+          throw err
+        }
+      }
+    } else {
+      docs.push({
+        id: mongoDoc._id.toString(),
+        ranges: mongoDoc.ranges,
+      })
+    }
+  }
+
+  return docs
+}
+
+async function findDanglingThreadIds(projectId, docs) {
+  const threadIds = new Set()
+  for (const doc of docs) {
+    const comments = doc.ranges?.comments ?? []
+    for (const comment of comments) {
+      threadIds.add(comment.op.t.toString())
+    }
+  }
+
+  if (threadIds.size === 0) {
+    return []
+  }
+
+  const rooms = await db.rooms.find(
+    { project_id: new ObjectId(projectId), thread_id: { $exists: true } },
+    { readPreference: READ_PREFERENCE_SECONDARY }
+  )
+  for await (const room of rooms) {
+    threadIds.delete(room.thread_id.toString())
+    if (threadIds.size === 0) {
+      break
+    }
+  }
+
+  return Array.from(threadIds)
+}
+
+function docsHaveTrackedChanges(docs) {
+  for (const doc of docs) {
+    const changes = doc.ranges?.changes ?? []
+    if (changes.length > 0) {
+      return true
+    }
+  }
+  return false
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (err) {
+  console.error(err)
+  process.exit(1)
+}
diff --git a/services/web/scripts/check_institution_users.mjs b/services/web/scripts/check_institution_users.mjs
new file mode 100644
index 0000000..e89c0d1
--- /dev/null
+++ b/services/web/scripts/check_institution_users.mjs
@@ -0,0 +1,25 @@
+import InstitutionsManager from '../app/src/Features/Institutions/InstitutionsManager.js'
+import { ensureRunningOnMongoSecondaryWithTimeout } from './helpers/env_variable_helper.mjs'
+
+ensureRunningOnMongoSecondaryWithTimeout(300000)
+
+const institutionId = parseInt(process.argv[2])
+if (isNaN(institutionId)) throw new Error('No institution id')
+console.log('Checking users of institution', institutionId)
+const emitNonProUserIds = process.argv.includes('--emit-non-pro-user-ids')
+
+async function main() {
+  const usersSummary = await InstitutionsManager.promises.checkInstitutionUsers(
+    institutionId,
+    emitNonProUserIds
+  )
+  console.log(usersSummary)
+  process.exit()
+}
+
+try {
+  await main()
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/check_overleafModuleImports.mjs b/services/web/scripts/check_overleafModuleImports.mjs
new file mode 100644
index 0000000..446ce31
--- /dev/null
+++ b/services/web/scripts/check_overleafModuleImports.mjs
@@ -0,0 +1,26 @@
+import CE_CONFIG from '../config/settings.defaults.js'
+import PRO_CONFIG from '../config/settings.overrides.server-pro.js'
+import SAAS_CONFIG from '../config/settings.webpack.js'
+
+function getOverleafModuleImports(settings) {
+  return Object.keys(settings.overleafModuleImports).sort().join(',')
+}
+
+function main() {
+  const CE = getOverleafModuleImports(CE_CONFIG)
+  const PRO = getOverleafModuleImports(CE_CONFIG.mergeWith(PRO_CONFIG))
+  const SAAS = getOverleafModuleImports(CE_CONFIG.mergeWith(SAAS_CONFIG))
+
+  if (CE !== PRO) {
+    throw new Error(
+      'settings.defaults is missing overleafModuleImports defined in settings.overrides.server-pro'
+    )
+  }
+  if (CE !== SAAS) {
+    throw new Error(
+      'settings.defaults is missing overleafModuleImports defined in settings.webpack'
+    )
+  }
+}
+
+main()
diff --git a/services/web/scripts/check_project_files.js b/services/web/scripts/check_project_files.js
new file mode 100644
index 0000000..e827895
--- /dev/null
+++ b/services/web/scripts/check_project_files.js
@@ -0,0 +1,263 @@
+const Path = require('path')
+const DocstoreManager = require('../app/src/Features/Docstore/DocstoreManager')
+const DocumentUpdaterHandler = require('../app/src/Features/DocumentUpdater/DocumentUpdaterHandler')
+const FileStoreHandler = require('../app/src/Features/FileStore/FileStoreHandler')
+const ProjectGetter = require('../app/src/Features/Project/ProjectGetter')
+const ProjectEntityMongoUpdateHandler = require('../app/src/Features/Project/ProjectEntityMongoUpdateHandler')
+const { waitForDb, db, ObjectId } = require('../app/src/infrastructure/mongodb')
+const logger = require('@overleaf/logger').logger
+
+const args = require('minimist')(process.argv.slice(2), {
+  boolean: ['verbose', 'fix'],
+})
+const verbose = args.verbose
+
+if (!verbose) {
+  logger.level('error')
+}
+
+// no remaining arguments, print usage
+if (args._.length === 0) {
+  console.log(
+    'Usage: node services/web/scripts/check_project_docs.js [--verbose] [--fix] <projectId>...'
+  )
+  process.exit(1)
+}
+
+function logDoc(projectId, path, doc, message = '') {
+  console.log(
+    'projectId:',
+    projectId,
+    'doc:',
+    JSON.stringify({
+      _id: doc._id,
+      name: doc.name,
+      lines: doc.lines ? doc.lines.join('\n').length : 0,
+      rev: doc.rev,
+      version: doc.version,
+      ranges: typeof doc.ranges,
+    }),
+    path,
+    message
+  )
+}
+
+function logFile(projectId, path, file, message = '') {
+  console.log(
+    'projectId:',
+    projectId,
+    'file:',
+    JSON.stringify({
+      _id: file._id,
+      name: file.name,
+      linkedFileData: file.linkedFileData,
+      hash: file.hash,
+      size: file.size,
+    }),
+    path,
+    message
+  )
+}
+
+function findPathCounts(projectId, docEntries, fileEntries) {
+  const pathCounts = new Map()
+  const docPaths = docEntries.map(({ path }) => path)
+  const filePaths = fileEntries.map(({ path }) => path)
+  const allPaths = docPaths.concat(filePaths)
+  for (const path of allPaths) {
+    pathCounts.set(path, (pathCounts.get(path) || 0) + 1)
+  }
+  return pathCounts
+}
+
+// copied from services/web/app/src/Features/Project/ProjectDuplicator.js
+function _getFolderEntries(folder, folderPath = '/') {
+  const docEntries = []
+  const fileEntries = []
+  const docs = folder.docs || []
+  const files = folder.fileRefs || []
+  const subfolders = folder.folders || []
+
+  for (const doc of docs) {
+    if (doc == null || doc._id == null) {
+      continue
+    }
+    const path = Path.join(folderPath, doc.name)
+    docEntries.push({ doc, path })
+  }
+
+  for (const file of files) {
+    if (file == null || file._id == null) {
+      continue
+    }
+    const path = Path.join(folderPath, file.name)
+    fileEntries.push({ file, path })
+  }
+
+  for (const subfolder of subfolders) {
+    if (subfolder == null || subfolder._id == null) {
+      continue
+    }
+    const subfolderPath = Path.join(folderPath, subfolder.name)
+    const subfolderEntries = _getFolderEntries(subfolder, subfolderPath)
+    for (const docEntry of subfolderEntries.docEntries) {
+      docEntries.push(docEntry)
+    }
+    for (const fileEntry of subfolderEntries.fileEntries) {
+      fileEntries.push(fileEntry)
+    }
+  }
+  return { docEntries, fileEntries }
+}
+
+async function getDocsInMongo(projectId) {
+  return await db.docs
+    .find({ project_id: new ObjectId(projectId), deleted: { $ne: true } })
+    .toArray()
+}
+
+function getDocIdsInFileTree(docEntries) {
+  return docEntries.map(({ doc }) => doc._id.toString())
+}
+
+function findMissingDocs(docsInMongo, docIdsInFileTree) {
+  const missingDocs = []
+  for (const doc of docsInMongo) {
+    const docId = doc._id.toString()
+    if (!docIdsInFileTree.includes(docId)) {
+      console.log(`Found doc in docstore not in project filetree:`, docId)
+      missingDocs.push(doc)
+    }
+  }
+  return missingDocs
+}
+
+async function createRecoveryFolder(projectId) {
+  const recoveryFolder = `recovered-${Date.now()}`
+  const { folder } = await ProjectEntityMongoUpdateHandler.promises.mkdirp(
+    new ObjectId(projectId),
+    recoveryFolder,
+    null // unset lastUpdatedBy
+  )
+  console.log('Created recovery folder:', folder._id.toString())
+  return folder
+}
+
+async function restoreMissingDocs(projectId, folder, missingDocs) {
+  for (const doc of missingDocs) {
+    doc.name = doc.name || `unknown-file-${doc._id.toString()}`
+    try {
+      await ProjectEntityMongoUpdateHandler.promises.addDoc(
+        new ObjectId(projectId),
+        folder._id,
+        doc,
+        null // unset lastUpdatedBy
+      )
+      console.log('Restored doc to filetree:', doc._id.toString())
+    } catch (err) {
+      console.log(`Error adding doc to filetree:`, err)
+    }
+  }
+}
+
+async function checkProject(projectId) {
+  try {
+    await DocumentUpdaterHandler.promises.flushProjectToMongo(projectId)
+  } catch (err) {
+    console.log(`Error flushing project ${projectId} to mongo: ${err}`)
+  }
+  const project = await ProjectGetter.promises.getProject(projectId, {
+    rootFolder: true,
+    rootDoc_id: true,
+  })
+  if (verbose) {
+    console.log(`project: ${JSON.stringify(project)}`)
+  }
+  const { docEntries, fileEntries } = _getFolderEntries(project.rootFolder[0])
+  console.log(
+    `Found ${docEntries.length} docEntries and ${fileEntries.length} fileEntries`
+  )
+  const pathCounts = findPathCounts(projectId, docEntries, fileEntries)
+
+  for (const [path, count] of pathCounts) {
+    if (count > 1) {
+      console.log(`Found duplicate path: ${path}`)
+    }
+  }
+
+  let errors = 0
+  for (const { doc, path } of docEntries) {
+    try {
+      const { lines, rev, version, ranges } =
+        await DocstoreManager.promises.getDoc(projectId, doc._id)
+      if (!lines) {
+        throw new Error('no doclines')
+      }
+      if (pathCounts.get(path) > 1) {
+        logDoc(
+          projectId,
+          path,
+          { ...doc, lines, rev, version, ranges },
+          'duplicate path'
+        )
+        errors++
+      } else if (verbose) {
+        logDoc(projectId, path, { ...doc, lines, rev, version, ranges })
+      }
+    } catch (err) {
+      logDoc(projectId, path, doc, err)
+      errors++
+    }
+  }
+  for (const { file, path } of fileEntries) {
+    try {
+      const fileSize = await FileStoreHandler.promises.getFileSize(
+        projectId,
+        file._id
+      )
+      if (pathCounts.get(path) > 1) {
+        logFile(projectId, path, { ...file, fileSize }, 'duplicate path')
+        errors++
+      } else if (verbose) {
+        logFile(projectId, path, { ...file, fileSize })
+      }
+    } catch (err) {
+      logFile(projectId, path, file, err)
+      errors++
+    }
+  }
+
+  // now look for docs in the docstore that are not in the project filetree
+  const docsInMongo = await getDocsInMongo(projectId)
+  const docIdsInFileTree = getDocIdsInFileTree(docEntries)
+  const missingDocs = findMissingDocs(docsInMongo, docIdsInFileTree)
+
+  if (args.fix && missingDocs.length > 0) {
+    console.log('Restoring missing docs to filetree...')
+    const folder = await createRecoveryFolder(projectId)
+    await restoreMissingDocs(projectId, folder, missingDocs)
+  }
+
+  if (errors > 0) {
+    console.log(`Errors found in project: ${projectId}`)
+  } else {
+    console.log(`No errors found in project: ${projectId}`)
+  }
+}
+
+async function main() {
+  await waitForDb()
+  for (const projectId of args._) {
+    await checkProject(projectId)
+  }
+}
+
+main()
+  .then(() => {
+    console.log('DONE')
+    process.exit(0)
+  })
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
diff --git a/services/web/scripts/check_saml_emails.mjs b/services/web/scripts/check_saml_emails.mjs
new file mode 100644
index 0000000..03625b4
--- /dev/null
+++ b/services/web/scripts/check_saml_emails.mjs
@@ -0,0 +1,19 @@
+import SAMLEmailBatchCheck from '../modules/saas-authentication/app/src/SAML/SAMLEmailBatchCheck.mjs'
+import { ensureRunningOnMongoSecondaryWithTimeout } from './helpers/env_variable_helper.mjs'
+
+ensureRunningOnMongoSecondaryWithTimeout(300000)
+
+const startInstitutionId = parseInt(process.argv[2])
+const emitDetailedData = process.argv.includes('--detailed-data')
+
+try {
+  const result = await SAMLEmailBatchCheck.promises.checkEmails(
+    startInstitutionId,
+    emitDetailedData
+  )
+  console.table(result)
+  process.exit()
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/clear_admin_sessions.mjs b/services/web/scripts/clear_admin_sessions.mjs
new file mode 100644
index 0000000..3d5623c
--- /dev/null
+++ b/services/web/scripts/clear_admin_sessions.mjs
@@ -0,0 +1,67 @@
+import {
+  db,
+  READ_PREFERENCE_SECONDARY,
+} from '../app/src/infrastructure/mongodb.js'
+import UserSessionsManager from '../app/src/Features/User/UserSessionsManager.js'
+
+const COMMIT = process.argv.includes('--commit')
+const LOG_SESSIONS = !process.argv.includes('--log-sessions=false')
+
+async function main() {
+  const adminUsers = await db.users
+    .find(
+      { isAdmin: true },
+      {
+        projection: {
+          _id: 1,
+          email: 1,
+        },
+        readPreference: READ_PREFERENCE_SECONDARY,
+      }
+    )
+    .toArray()
+
+  if (LOG_SESSIONS) {
+    for (const user of adminUsers) {
+      user.sessions = JSON.stringify(
+        await UserSessionsManager.promises.getAllUserSessions(user, [])
+      )
+    }
+  }
+  console.log('All Admin users before clearing:')
+  console.table(adminUsers)
+
+  if (COMMIT) {
+    let anyFailed = false
+    for (const user of adminUsers) {
+      console.error(
+        `Clearing sessions for ${user.email} (${user._id.toString()})`
+      )
+      user.clearedSessions = 0
+      try {
+        user.clearedSessions =
+          await UserSessionsManager.promises.removeSessionsFromRedis(user)
+      } catch (err) {
+        anyFailed = true
+        console.error(err)
+      }
+    }
+    console.log('All Admin users after clearing:')
+    console.table(adminUsers)
+
+    if (anyFailed) {
+      throw new Error('failed to clear some sessions, see above for details')
+    }
+  } else {
+    console.warn('Use --commit to clear sessions.')
+  }
+}
+
+try {
+  await main()
+  console.error('Done.')
+  process.exit(0)
+} catch (error) {
+  console.error({ error })
+  process.exit(1)
+}
diff --git a/services/web/scripts/clear_feedback_collection.mjs b/services/web/scripts/clear_feedback_collection.mjs
new file mode 100644
index 0000000..60b44db
--- /dev/null
+++ b/services/web/scripts/clear_feedback_collection.mjs
@@ -0,0 +1,41 @@
+/* Clear feedback collection before a cutoff date
+ *
+ * Usage
+ *   node scripts/clear_feedback_collection.mjs 2022-11-01               # dry run mode
+ *   DRY_RUN=false node scripts/clear_feedback_collection.mjs 2022-11-01 # deletion mode
+ */
+
+import { db, ObjectId } from '../app/src/infrastructure/mongodb.js'
+import { fileURLToPath } from 'node:url'
+
+const runScript = async (timestamp, dryRun) => {
+  const t = new Date(timestamp)
+  if (isNaN(t)) {
+    throw new Error('invalid date ' + timestamp)
+  }
+  const cutoffId = ObjectId.createFromTime(t / 1000)
+  console.log('deleting all feedback entries before', t, '=>', cutoffId)
+  const cursor = db.feedbacks.find({ _id: { $lt: cutoffId } })
+  for await (const entry of cursor) {
+    console.log('deleting', entry._id)
+    if (dryRun) {
+      console.log('skipping in dry run mode')
+      continue
+    }
+    await db.feedbacks.deleteOne({ _id: entry._id })
+  }
+}
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  // we are in the root module, which means that we're running as a script
+  const timestamp = process.env.CUTOFF_TIMESTAMP || process.argv[2]
+  const dryRun = process.env.DRY_RUN !== 'false'
+  runScript(timestamp, dryRun)
+    .then(() => process.exit())
+    .catch(err => {
+      console.error(err)
+      process.exit(1)
+    })
+}
+
+export default runScript
diff --git a/services/web/scripts/clear_institution_notifications.mjs b/services/web/scripts/clear_institution_notifications.mjs
new file mode 100644
index 0000000..b97c20d
--- /dev/null
+++ b/services/web/scripts/clear_institution_notifications.mjs
@@ -0,0 +1,49 @@
+import { promisify } from 'node:util'
+import InstitutionsManager from '../app/src/Features/Institutions/InstitutionsManager.js'
+import { fileURLToPath } from 'node:url'
+const sleep = promisify(setTimeout)
+
+async function main() {
+  const institutionId = parseInt(process.argv[2])
+  if (isNaN(institutionId)) throw new Error('No institution id')
+  const dryRun = process.argv.includes('--dry-run')
+
+  console.log('Deleting notifications of institution', institutionId)
+
+  const preview =
+    await InstitutionsManager.promises.clearInstitutionNotifications(
+      institutionId,
+      true
+    )
+  console.log('--- Preview ---')
+  console.log(JSON.stringify(preview, null, 4))
+  console.log('---------------')
+
+  if (dryRun) {
+    console.log('Exiting early due to --dry-run flag')
+    return
+  }
+
+  console.log('Exit in the next 10s in case these numbers are off.')
+  await sleep(10 * 1000)
+
+  const cleared =
+    await InstitutionsManager.promises.clearInstitutionNotifications(
+      institutionId,
+      false
+    )
+  console.log('--- Cleared ---')
+  console.log(JSON.stringify(cleared, null, 4))
+  console.log('---------------')
+}
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  try {
+    await main()
+    console.log('Done.')
+    process.exit(0)
+  } catch (error) {
+    console.error(error)
+    process.exit(1)
+  }
+}
diff --git a/services/web/scripts/clear_project_tokens.mjs b/services/web/scripts/clear_project_tokens.mjs
new file mode 100644
index 0000000..ab3d3c5
--- /dev/null
+++ b/services/web/scripts/clear_project_tokens.mjs
@@ -0,0 +1,28 @@
+import ProjectDetailsHandler from '../app/src/Features/Project/ProjectDetailsHandler.js'
+const projectId = process.argv[2]
+
+if (!/^(?=[a-f\d]{24}$)(\d+[a-f]|[a-f]+\d)/.test(projectId)) {
+  console.error('Usage: node clear_project_tokens.js projectId')
+  process.exit(1)
+}
+
+function main() {
+  ProjectDetailsHandler.clearTokens(projectId, err => {
+    if (err) {
+      console.error(
+        `Error clearing project tokens from project ${projectId}`,
+        err
+      )
+      process.exit(1)
+    }
+    console.log(`Successfully cleared project tokens from project ${projectId}`)
+    process.exit(0)
+  })
+}
+
+try {
+  await main()
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/clear_sessions_2fa.mjs b/services/web/scripts/clear_sessions_2fa.mjs
new file mode 100644
index 0000000..e6058d3
--- /dev/null
+++ b/services/web/scripts/clear_sessions_2fa.mjs
@@ -0,0 +1,83 @@
+import { promisify, promiseMapWithLimit } from '@overleaf/promise-utils'
+import UserSessionsRedis from '../app/src/Features/User/UserSessionsRedis.js'
+import minimist from 'minimist'
+
+const rClient = UserSessionsRedis.client()
+
+const args = minimist(process.argv.slice(2))
+const CURSOR = args.cursor
+const COMMIT = args.commit === 'true'
+const CONCURRENCY = parseInt(args.concurrency, 10) || 50
+const LOG_EVERY_IN_S = parseInt(args['log-every-in-s'], 10) || 5
+
+function shouldDelete(session) {
+  if (session.twoFactorAuthenticationPendingUser) {
+    // twoFactorAuthenticationPendingUserId migration
+    return true
+  }
+
+  // default: keep
+  return false
+}
+
+async function processSession(key) {
+  if (!key || !key.startsWith('sess:')) {
+    throw new Error(`unexpected session key: ${key}`)
+  }
+
+  const blob = await rClient.get(key)
+  if (!blob) return false // expired or deleted
+  const session = JSON.parse(blob)
+
+  if (shouldDelete(session)) {
+    const deleteLabel = COMMIT ? 'delete' : 'would delete'
+    console.warn(deleteLabel, key)
+    if (COMMIT) {
+      await rClient.del(key)
+    }
+    return true
+  }
+  return false
+}
+
+async function main() {
+  console.warn({ COMMIT, CONCURRENCY, CURSOR, LOG_EVERY_IN_S })
+  console.warn('starting in 10s')
+  await promisify(setTimeout)(10_000)
+
+  let processed = 0
+  let deleted = 0
+  function logProgress() {
+    const deletedLabel = COMMIT ? 'deleted' : 'would have deleted'
+    console.log(
+      `processed ${processed} | ${deletedLabel} ${deleted} | cursor ${cursor}`
+    )
+  }
+
+  let cursor = CURSOR
+  let lastLog = 0
+  while (cursor !== '0') {
+    let keys
+    ;[cursor, keys] = await rClient.scan(cursor || 0, 'MATCH', 'sess:*')
+
+    const results = await promiseMapWithLimit(CONCURRENCY, keys, processSession)
+    processed += keys.length
+    for (const r of results) {
+      if (r) deleted++
+    }
+    if (Date.now() - lastLog >= LOG_EVERY_IN_S * 1000) {
+      logProgress()
+      lastLog = Date.now()
+    }
+  }
+  logProgress()
+  console.log('Done.')
+  await rClient.disconnect()
+}
+
+try {
+  await main()
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/clear_sessions_set_must_reconfirm.mjs b/services/web/scripts/clear_sessions_set_must_reconfirm.mjs
new file mode 100644
index 0000000..e459a58
--- /dev/null
+++ b/services/web/scripts/clear_sessions_set_must_reconfirm.mjs
@@ -0,0 +1,93 @@
+import fs from 'node:fs'
+import { ObjectId } from '../app/src/infrastructure/mongodb.js'
+import UserUpdater from '../app/src/Features/User/UserUpdater.js'
+import UserSessionsManager from '../app/src/Features/User/UserSessionsManager.js'
+import UserAuditLogHandler from '../app/src/Features/User/UserAuditLogHandler.js'
+import { promiseMapWithLimit } from '@overleaf/promise-utils'
+
+const ASYNC_LIMIT = 10
+
+const processLogger = {
+  failedClear: [],
+  failedSet: [],
+  success: [],
+  printSummary: () => {
+    console.log(
+      {
+        success: processLogger.success,
+        failedClear: processLogger.failedClear,
+        failedSet: processLogger.failedSet,
+      },
+      `\nDONE. ${processLogger.success.length} successful. ${processLogger.failedClear.length} failed to clear sessions. ${processLogger.failedSet.length} failed to set must_reconfirm.`
+    )
+  },
+}
+
+function _validateUserIdList(userIds) {
+  if (!Array.isArray(userIds)) throw new Error('users is not an array')
+
+  userIds.forEach(userId => {
+    if (!ObjectId.isValid(userId)) throw new Error('user ID not valid')
+  })
+}
+
+async function _handleUser(userId) {
+  try {
+    await UserUpdater.promises.updateUser(userId, {
+      $set: { must_reconfirm: true },
+    })
+  } catch (error) {
+    console.log(`Failed to set must_reconfirm ${userId}`, error)
+    processLogger.failedSet.push(userId)
+    return
+  }
+
+  try {
+    await UserAuditLogHandler.promises.addEntry(
+      userId,
+      'must-reset-password-set',
+      undefined,
+      undefined,
+      { script: true }
+    )
+  } catch (error) {
+    console.log(`Failed to create audit log for ${userId}`, error)
+    // don't block the process if audit log fails
+  }
+
+  try {
+    await UserSessionsManager.promises.removeSessionsFromRedis(
+      { _id: userId },
+      null
+    )
+  } catch (error) {
+    console.log(`Failed to clear sessions for ${userId}`, error)
+    processLogger.failedClear.push(userId)
+    return
+  }
+  processLogger.success.push(userId)
+}
+
+async function _loopUsers(userIds) {
+  return promiseMapWithLimit(ASYNC_LIMIT, userIds, _handleUser)
+}
+
+const fileName = process.argv[2]
+if (!fileName) throw new Error('missing filename')
+const usersFile = fs.readFileSync(fileName, 'utf8')
+const userIds = usersFile
+  .trim()
+  .split('\n')
+  .map(id => id.trim())
+
+async function processUsers(userIds) {
+  console.log('---Starting set_must_reconfirm script---')
+  _validateUserIdList(userIds)
+  console.log(`---Starting to process ${userIds.length} users---`)
+  await _loopUsers(userIds)
+
+  processLogger.printSummary()
+  process.exit()
+}
+
+processUsers(userIds)
diff --git a/services/web/scripts/confirmed_at_to_dates.mjs b/services/web/scripts/confirmed_at_to_dates.mjs
new file mode 100644
index 0000000..60fcc54
--- /dev/null
+++ b/services/web/scripts/confirmed_at_to_dates.mjs
@@ -0,0 +1,53 @@
+import { db } from '../app/src/infrastructure/mongodb.js'
+import { fileURLToPath } from 'node:url'
+
+async function updateStringDates() {
+  const users = await db.users.aggregate([
+    { $unwind: { path: '$emails' } },
+    {
+      $match: { 'emails.confirmedAt': { $exists: true, $type: 'string' } },
+    },
+    {
+      $project: {
+        _id: 1,
+        'emails.email': 1,
+        'emails.confirmedAt': 1,
+      },
+    },
+  ])
+
+  let user
+  let count = 0
+  while ((user = await users.next())) {
+    count += 1
+    if (count % 10000 === 0) {
+      console.log(`processed ${count} users`)
+    }
+    const confirmedAt = user.emails.confirmedAt
+    const dateConfirmedAt = new Date(confirmedAt.replace(/ UTC$/, ''))
+    await db.users.updateOne(
+      {
+        _id: user._id,
+        'emails.email': user.emails.email,
+      },
+      {
+        $set: {
+          'emails.$.confirmedAt': dateConfirmedAt,
+        },
+      }
+    )
+  }
+  console.log(`Updated ${count} confirmedAt strings to dates!`)
+}
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  try {
+    await updateStringDates()
+    process.exit(0)
+  } catch (error) {
+    console.error(error)
+    process.exit(1)
+  }
+}
+
+export default updateStringDates
diff --git a/services/web/scripts/convert_archived_state.mjs b/services/web/scripts/convert_archived_state.mjs
new file mode 100644
index 0000000..e2c108e
--- /dev/null
+++ b/services/web/scripts/convert_archived_state.mjs
@@ -0,0 +1,93 @@
+import _ from 'lodash'
+import { db } from '../app/src/infrastructure/mongodb.js'
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+import { promiseMapWithLimit } from '@overleaf/promise-utils'
+import { fileURLToPath } from 'node:url'
+
+const WRITE_CONCURRENCY = parseInt(process.env.WRITE_CONCURRENCY, 10) || 10
+
+// $ node scripts/convert_archived_state.mjs FIRST,SECOND
+
+async function main(STAGE) {
+  for (const FIELD of ['archived', 'trashed']) {
+    if (STAGE.includes('FIRST')) {
+      await batchedUpdate(
+        db.projects,
+        { [FIELD]: false },
+        {
+          $set: { [FIELD]: [] },
+        }
+      )
+
+      console.error('Done, with first part for field:', FIELD)
+    }
+
+    if (STAGE.includes('SECOND')) {
+      await batchedUpdate(
+        db.projects,
+        { [FIELD]: true },
+        async function performUpdate(nextBatch) {
+          await promiseMapWithLimit(
+            WRITE_CONCURRENCY,
+            nextBatch,
+            async project => {
+              try {
+                await upgradeFieldToArray({ project, FIELD })
+              } catch (err) {
+                console.error(project._id, err)
+                throw err
+              }
+            }
+          )
+        },
+        {
+          _id: 1,
+          owner_ref: 1,
+          collaberator_refs: 1,
+          readOnly_refs: 1,
+          tokenAccessReadAndWrite_refs: 1,
+          tokenAccessReadOnly_refs: 1,
+        }
+      )
+
+      console.error('Done, with second part for field:', FIELD)
+    }
+  }
+}
+
+async function upgradeFieldToArray({ project, FIELD }) {
+  return db.projects.updateOne(
+    { _id: project._id },
+    {
+      $set: { [FIELD]: getAllUserIds(project) },
+    }
+  )
+}
+
+function getAllUserIds(project) {
+  return _.unionWith(
+    [project.owner_ref],
+    project.collaberator_refs,
+    project.readOnly_refs,
+    project.tokenAccessReadAndWrite_refs,
+    project.tokenAccessReadOnly_refs,
+    _objectIdEquals
+  )
+}
+
+function _objectIdEquals(firstVal, secondVal) {
+  // For use as a comparator for unionWith
+  return firstVal.toString() === secondVal.toString()
+}
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  try {
+    await main(process.argv.pop())
+    process.exit(0)
+  } catch (error) {
+    console.error({ error })
+    process.exit(1)
+  }
+}
+
+export default main
diff --git a/services/web/scripts/convert_doc_to_file.mjs b/services/web/scripts/convert_doc_to_file.mjs
new file mode 100644
index 0000000..db4cb8b
--- /dev/null
+++ b/services/web/scripts/convert_doc_to_file.mjs
@@ -0,0 +1,44 @@
+import minimist from 'minimist'
+import { ObjectId } from '../app/src/infrastructure/mongodb.js'
+import ProjectEntityUpdateHandler from '../app/src/Features/Project/ProjectEntityUpdateHandler.js'
+import Errors from '../app/src/Features/Errors/Errors.js'
+
+async function main() {
+  const argv = minimist(process.argv.slice(2))
+  const projectId = argv['project-id']
+  const docId = argv['doc-id']
+  const userId = argv['user-id']
+
+  if ([projectId, docId, userId].some(it => !it || !ObjectId.isValid(it))) {
+    throw new Error(
+      'provide a valid object id as --project-id, --doc-id and --user-id'
+    )
+  }
+
+  console.log(`Converting doc ${projectId}/${docId} as user ${userId}`)
+  try {
+    await ProjectEntityUpdateHandler.promises.convertDocToFile(
+      projectId,
+      docId,
+      userId,
+      null
+    )
+  } catch (err) {
+    if (err instanceof Errors.NotFoundError) {
+      throw new Error('Document not found')
+    } else if (err instanceof Errors.DocHasRangesError) {
+      throw new Error('Document has comments or tracked changes')
+    } else {
+      throw err
+    }
+  }
+}
+
+try {
+  await main()
+  console.log('Done.')
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/count_encrypted_access_tokens.mjs b/services/web/scripts/count_encrypted_access_tokens.mjs
new file mode 100644
index 0000000..003179f
--- /dev/null
+++ b/services/web/scripts/count_encrypted_access_tokens.mjs
@@ -0,0 +1,73 @@
+import {
+  db,
+  READ_PREFERENCE_SECONDARY,
+} from '../app/src/infrastructure/mongodb.js'
+import _ from 'lodash'
+import { formatTokenUsageStats } from '@overleaf/access-token-encryptor/scripts/helpers/format-usage-stats.js'
+import { ensureMongoTimeout } from './helpers/env_variable_helper.mjs'
+
+if (!process.env.MONGO_SOCKET_TIMEOUT) {
+  const TEN_MINUTES = 1000 * 60 * 10
+  ensureMongoTimeout(TEN_MINUTES)
+}
+
+const CASES = {
+  users: {
+    dropbox: 'dropbox.access_token_oauth2.encrypted',
+    zotero: 'refProviders.zotero.encrypted',
+    mendeley: 'refProviders.mendeley.encrypted',
+  },
+  githubSyncUserCredentials: {
+    github: 'auth_token_encrypted',
+  },
+}
+
+async function count(collectionName, paths) {
+  const collection = db[collectionName]
+  const stats = {}
+
+  const projection = { _id: 0 }
+  for (const path of Object.values(paths)) {
+    projection[path] = 1
+  }
+
+  const cursor = collection.find(
+    {},
+    {
+      readPreference: READ_PREFERENCE_SECONDARY,
+      projection,
+    }
+  )
+  for await (const doc of cursor) {
+    for (const [name, path] of Object.entries(paths)) {
+      const blob = _.get(doc, path)
+      if (!blob) continue
+      // Schema: LABEL-VERSION:SALT:CIPHERTEXT:IV
+      const [label] = blob.split(':')
+      let [, version] = label.split('-')
+      version = version || 'v2'
+
+      const key = [name, version, collectionName, path, label].join(':')
+      stats[key] = (stats[key] || 0) + 1
+    }
+  }
+  return stats
+}
+
+async function main() {
+  const STATS = {}
+  for (const [collectionName, paths] of Object.entries(CASES)) {
+    const stats = await count(collectionName, paths)
+    Object.assign(STATS, stats)
+  }
+
+  formatTokenUsageStats(STATS)
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/count_files_in_projects.mjs b/services/web/scripts/count_files_in_projects.mjs
new file mode 100644
index 0000000..437e0d5
--- /dev/null
+++ b/services/web/scripts/count_files_in_projects.mjs
@@ -0,0 +1,42 @@
+import readline from 'node:readline'
+import ProjectEntityHandler from '../app/src/Features/Project/ProjectEntityHandler.js'
+import ProjectGetter from '../app/src/Features/Project/ProjectGetter.js'
+import Errors from '../app/src/Features/Errors/Errors.js'
+
+async function countFiles() {
+  const rl = readline.createInterface({
+    input: process.stdin,
+  })
+
+  for await (const projectId of rl) {
+    try {
+      const project = await ProjectGetter.promises.getProject(projectId)
+      if (!project) {
+        throw new Errors.NotFoundError('project not found')
+      }
+      const { files, docs } =
+        ProjectEntityHandler.getAllEntitiesFromProject(project)
+      console.error(
+        projectId,
+        files.length,
+        (project.deletedFiles && project.deletedFiles.length) || 0,
+        docs.length,
+        (project.deletedDocs && project.deletedDocs.length) || 0
+      )
+    } catch (err) {
+      if (err instanceof Errors.NotFoundError) {
+        console.error(projectId, 'NOTFOUND')
+      } else {
+        console.log(projectId, 'ERROR', err.name, err.message)
+      }
+    }
+  }
+}
+
+try {
+  await countFiles()
+  process.exit(0)
+} catch (error) {
+  console.log('Aiee, something went wrong!', error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/count_image_files.mjs b/services/web/scripts/count_image_files.mjs
new file mode 100644
index 0000000..17ad4b8
--- /dev/null
+++ b/services/web/scripts/count_image_files.mjs
@@ -0,0 +1,79 @@
+import {
+  db,
+  READ_PREFERENCE_SECONDARY,
+} from '../app/src/infrastructure/mongodb.js'
+import { extname } from 'node:path'
+
+const FILE_TYPES = [
+  '.jpg',
+  '.jpeg',
+  '.png',
+  '.bmp',
+  '.webp',
+  '.svg',
+  '.pdf',
+  '.eps',
+  '.gif',
+  '.ico',
+  '.tiff',
+]
+
+const longestFileType = Math.max(...FILE_TYPES.map(fileType => fileType.length))
+
+async function main() {
+  const projects = db.projects.find(
+    {},
+    {
+      projection: { rootFolder: 1 },
+      readPreference: READ_PREFERENCE_SECONDARY,
+    }
+  )
+  let projectsProcessed = 0
+  const result = new Map(FILE_TYPES.map(fileType => [fileType, 0]))
+  for await (const project of projects) {
+    projectsProcessed += 1
+    if (projectsProcessed % 100000 === 0) {
+      console.log(projectsProcessed, 'projects processed')
+    }
+    countFiles(project.rootFolder[0], result)
+  }
+
+  const sortedResults = [...result.entries()].sort(
+    ([, countA], [, countB]) => countB - countA
+  )
+
+  sortedResults.forEach(([fileType, count]) => {
+    console.log(
+      `${fileType.padStart(longestFileType, ' ')}: ${count
+        .toString()
+        .padStart(7, ' ')}`
+    )
+  })
+}
+
+function countFiles(folder, result) {
+  if (folder.folders) {
+    for (const subfolder of folder.folders) {
+      countFiles(subfolder, result)
+    }
+  }
+
+  if (folder.fileRefs) {
+    for (const file of folder.fileRefs) {
+      const fileType = extname(file.name).toLowerCase()
+      const current = result.get(fileType)
+      if (current !== undefined) {
+        result.set(fileType, current + 1)
+      }
+    }
+  }
+  return result
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/count_project_size.mjs b/services/web/scripts/count_project_size.mjs
new file mode 100644
index 0000000..02f3dea
--- /dev/null
+++ b/services/web/scripts/count_project_size.mjs
@@ -0,0 +1,135 @@
+import readline from 'node:readline'
+import { ObjectId, db } from '../app/src/infrastructure/mongodb.js'
+import ProjectEntityHandler from '../app/src/Features/Project/ProjectEntityHandler.js'
+import ProjectGetter from '../app/src/Features/Project/ProjectGetter.js'
+import Errors from '../app/src/Features/Errors/Errors.js'
+import FileStoreHandler from '../app/src/Features/FileStore/FileStoreHandler.js'
+
+// Handles a list of project IDs from stdin, one per line, and outputs the count of files and docs
+// in the project, along with the aggregated size in bytes for all files and docs.
+//
+// It outputs to stderr, so that the logging junk can be piped elsewhere - e.g., running like:
+//      node scripts/count_project_size.mjs < /tmp/project_ids.txt /dev/null 2> /tmp/output.txt
+//
+// The output format is line-per-project with data separated by a single space, containing:
+//     - projectId
+//     - file count
+//     - deleted files count
+//     - doc count
+//     - deleted docs count
+//     - total size in bytes of (non deleted) files
+//     - total size in bytes of (non deleted) docs
+
+async function countProjectFiles() {
+  const rl = readline.createInterface({
+    input: process.stdin,
+  })
+
+  for await (const projectId of rl) {
+    try {
+      const project = await ProjectGetter.promises.getProject(projectId)
+      if (!project) {
+        throw new Errors.NotFoundError('project not found')
+      }
+
+      const { files, docs } =
+        ProjectEntityHandler.getAllEntitiesFromProject(project)
+
+      const [fileSize, docSize] = await Promise.all([
+        countFilesSize(files, projectId),
+        countDocsSizes(docs),
+      ])
+
+      console.error(
+        projectId,
+        files.length,
+        (project.deletedFiles && project.deletedFiles.length) || 0,
+        docs.length,
+        (project.deletedDocs && project.deletedDocs.length) || 0,
+        fileSize,
+        docSize
+      )
+    } catch (err) {
+      if (err instanceof Errors.NotFoundError) {
+        console.error(projectId, 'NOTFOUND')
+      } else {
+        console.log(projectId, 'ERROR', err.name, err.message)
+      }
+    }
+  }
+}
+
+async function countFilesSize(files, projectId) {
+  if (!files?.length > 0) {
+    return 0
+  }
+
+  const ids = files.map(fileObject => fileObject.file._id)
+
+  let totalFileSize = 0
+
+  for (const fileId of ids) {
+    const contentLength = await FileStoreHandler.promises.getFileSize(
+      projectId,
+      fileId
+    )
+    const size = parseInt(contentLength, 10)
+
+    if (isNaN(size)) {
+      throw new Error(
+        `Unable to fetch file size for fileId=${fileId} and projectId=${projectId}`
+      )
+    }
+
+    totalFileSize += size
+  }
+
+  return totalFileSize
+}
+
+async function countDocsSizes(docs) {
+  if (!docs?.length > 0) {
+    return 0
+  }
+  const ids = docs.map(docObject => docObject.doc._id)
+
+  let totalDocSize = 0
+
+  for (const docId of ids) {
+    const result = await db.docs.aggregate([
+      {
+        $match: { _id: new ObjectId(docId) },
+      },
+      {
+        $project: {
+          lineSizeInBytes: {
+            $reduce: {
+              input: { $ifNull: ['$lines', []] },
+              initialValue: 0,
+              in: {
+                $add: ['$$value', { $strLenBytes: '$$this' }],
+              },
+            },
+          },
+        },
+      },
+    ])
+
+    const { lineSizeInBytes } = await result.next()
+
+    if (isNaN(lineSizeInBytes)) {
+      throw new Error(`Unable to fetch 'lineSizeInBytes' for docId=${docId}`)
+    }
+
+    totalDocSize += lineSizeInBytes
+  }
+  return totalDocSize
+}
+
+try {
+  await countProjectFiles()
+  process.exit(0)
+} catch (error) {
+  console.log('Aiee, something went wrong!', error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/create_oauth_personal_access_token.mjs b/services/web/scripts/create_oauth_personal_access_token.mjs
new file mode 100644
index 0000000..315ba59
--- /dev/null
+++ b/services/web/scripts/create_oauth_personal_access_token.mjs
@@ -0,0 +1,31 @@
+// Script to create a Personal Access Token for a given user
+// Example:
+// node scripts/create_oauth_personal_access_token.mjs --user-id=643e5b240dc50c83b5bf1127
+
+import parseArgs from 'minimist'
+
+import OAuthPersonalAccessTokenManager from '../modules/oauth2-server/app/src/OAuthPersonalAccessTokenManager.mjs'
+
+const argv = parseArgs(process.argv.slice(2), {
+  string: ['user-id'],
+})
+
+const userId = argv['user-id']
+
+if (!userId) {
+  console.error('Missing --user-id argument')
+  process.exit(1)
+}
+
+async function createPersonalAccessToken() {
+  const accessToken = await OAuthPersonalAccessTokenManager.createToken(userId)
+  console.log('Personal Access Token: ' + accessToken)
+}
+
+try {
+  await createPersonalAccessToken()
+  process.exit()
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/create_project.mjs b/services/web/scripts/create_project.mjs
new file mode 100644
index 0000000..5fb1960
--- /dev/null
+++ b/services/web/scripts/create_project.mjs
@@ -0,0 +1,238 @@
+// Script to create projects with sharelatex history for testing
+// Example:
+// node scripts/create_project.mjs --user-id=5dca84e11e71ae002ff73bd4 --name="My Test Project" --old-history
+
+import fs from 'node:fs'
+
+import path from 'node:path'
+import _ from 'lodash'
+import parseArgs from 'minimist'
+import OError from '@overleaf/o-error'
+import { User } from '../app/src/models/User.js'
+import ProjectCreationHandler from '../app/src/Features/Project/ProjectCreationHandler.js'
+import ProjectEntityUpdateHandler from '../app/src/Features/Project/ProjectEntityUpdateHandler.js'
+import ProjectEntityHandler from '../app/src/Features/Project/ProjectEntityHandler.js'
+import EditorController from '../app/src/Features/Editor/EditorController.js'
+import { fileURLToPath } from 'node:url'
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+
+const argv = parseArgs(process.argv.slice(2), {
+  string: ['user-id', 'name', 'random-operations', 'extend-project-id'],
+  boolean: ['random-content'],
+  unknown: function (arg) {
+    console.error('unrecognised argument', arg)
+    process.exit(1)
+  },
+})
+
+console.log('argv', argv)
+
+const userId = argv['user-id']
+const projectName = argv.name || `Test Project ${new Date().toISOString()}`
+let randomOperations = 0
+if (argv['random-content'] === true || argv['random-operations']) {
+  randomOperations = parseInt(argv['random-operations'] || '1000', 10)
+}
+const extendProjectId = argv['extend-project-id']
+
+console.log('userId', userId)
+
+async function _createRootDoc(project, ownerId, docLines) {
+  try {
+    const { doc } = await ProjectEntityUpdateHandler.promises.addDoc(
+      project._id,
+      project.rootFolder[0]._id,
+      'main.tex',
+      docLines,
+      ownerId,
+      'create-project-script'
+    )
+    await ProjectEntityUpdateHandler.promises.setRootDoc(project._id, doc._id)
+  } catch (error) {
+    throw OError.tag(error, 'error adding root doc when creating project')
+  }
+}
+
+async function _addDefaultExampleProjectFiles(ownerId, projectName, project) {
+  const mainDocLines = await _buildTemplate(
+    'example-project/main.tex',
+    ownerId,
+    projectName
+  )
+  await _createRootDoc(project, ownerId, mainDocLines)
+
+  const bibDocLines = await _buildTemplate(
+    'example-project/sample.bib',
+    ownerId,
+    projectName
+  )
+  await ProjectEntityUpdateHandler.promises.addDoc(
+    project._id,
+    project.rootFolder[0]._id,
+    'sample.bib',
+    bibDocLines,
+    ownerId,
+    'create-project-script'
+  )
+
+  const frogPath = path.join(
+    __dirname,
+    '/../app/templates/project_files/example-project/frog.jpg'
+  )
+  await ProjectEntityUpdateHandler.promises.addFile(
+    project._id,
+    project.rootFolder[0]._id,
+    'frog.jpg',
+    frogPath,
+    null,
+    ownerId,
+    'create-project-script'
+  )
+}
+
+async function _buildTemplate(templateName, userId, projectName) {
+  const user = await User.findById(userId, 'first_name last_name')
+
+  const templatePath = path.join(
+    __dirname,
+    `/../app/templates/project_files/${templateName}`
+  )
+  const template = fs.readFileSync(templatePath)
+  const data = {
+    project_name: projectName,
+    user,
+    year: new Date().getUTCFullYear(),
+    month: new Date().getUTCMonth(),
+  }
+  const output = _.template(template.toString())(data)
+  return output.split('\n')
+}
+
+// Create a project with some random content and file operations for testing history migrations
+// Unfortunately we cannot easily change the timestamps of the history entries, so everything
+// will be created at the same time.
+
+async function _pickRandomDoc(projectId) {
+  const result = await ProjectEntityHandler.promises.getAllDocs(projectId)
+  const keys = Object.keys(result)
+  if (keys.length === 0) {
+    return null
+  }
+  const filepath = _.sample(keys)
+  result[filepath].path = filepath
+  return result[filepath]
+}
+
+let COUNTER = 0
+// format counter as a 6 digit zero padded number
+function nextId() {
+  return ('000000' + COUNTER++).slice(-6)
+}
+
+async function _applyRandomDocUpdate(ownerId, projectId) {
+  const action = _.sample(['create', 'edit', 'delete', 'rename'])
+  switch (action) {
+    case 'create': // create a new doc
+      await EditorController.promises.upsertDocWithPath(
+        projectId,
+        `subdir/new-doc-${nextId()}.tex`,
+        [`This is a new doc ${new Date().toISOString()}`],
+        'create-project-script',
+        ownerId
+      )
+      break
+    case 'edit': {
+      // edit an existing doc
+      const doc = await _pickRandomDoc(projectId)
+      if (!doc) {
+        return
+      }
+      // pick a random line and either insert or delete a character
+      const lines = doc.lines
+      const index = _.random(0, lines.length - 1)
+      let thisLine = lines[index]
+      const pos = _.random(0, thisLine.length - 1)
+      if (Math.random() > 0.5) {
+        // insert a character
+        thisLine = thisLine.slice(0, pos) + 'x' + thisLine.slice(pos)
+      } else {
+        // delete a character
+        thisLine = thisLine.slice(0, pos) + thisLine.slice(pos + 1)
+      }
+      lines[index] = thisLine
+      await EditorController.promises.upsertDocWithPath(
+        projectId,
+        doc.path,
+        lines,
+        'create-project-script',
+        ownerId
+      )
+      break
+    }
+    case 'delete': {
+      // delete an existing doc (but not the root doc)
+      const doc = await _pickRandomDoc(projectId)
+      if (!doc || doc.path === '/main.tex') {
+        return
+      }
+
+      await EditorController.promises.deleteEntityWithPath(
+        projectId,
+        doc.path,
+        'create-project-script',
+        ownerId
+      )
+      break
+    }
+    case 'rename': {
+      // rename an existing doc (but not the root doc)
+      const doc = await _pickRandomDoc(projectId)
+      if (!doc || doc.path === '/main.tex') {
+        return
+      }
+      const newName = `renamed-${nextId()}.tex`
+      await EditorController.promises.renameEntity(
+        projectId,
+        doc._id,
+        'doc',
+        newName,
+        ownerId,
+        'create-project-script'
+      )
+      break
+    }
+  }
+}
+
+async function createProject() {
+  const user = await User.findById(userId)
+  console.log('Will create project')
+  console.log('user_id:', userId, '=>', user.email)
+  let projectId
+  if (extendProjectId) {
+    console.log('extending existing project', extendProjectId)
+    projectId = extendProjectId
+  } else {
+    console.log('project name:', projectName)
+    const project = await ProjectCreationHandler.promises.createBlankProject(
+      userId,
+      projectName
+    )
+    await _addDefaultExampleProjectFiles(userId, projectName, project)
+    projectId = project._id
+  }
+  for (let i = 0; i < randomOperations; i++) {
+    await _applyRandomDocUpdate(userId, projectId)
+  }
+  return projectId
+}
+
+try {
+  const projectId = await createProject()
+  console.log('Created project', projectId)
+  process.exit()
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/delete-duplicate-splittest-versions/delete_test_dupes.mjs b/services/web/scripts/delete-duplicate-splittest-versions/delete_test_dupes.mjs
new file mode 100644
index 0000000..9daabc7
--- /dev/null
+++ b/services/web/scripts/delete-duplicate-splittest-versions/delete_test_dupes.mjs
@@ -0,0 +1,91 @@
+import { db } from '../../app/src/infrastructure/mongodb.js'
+import minimist from 'minimist'
+
+const argv = minimist(process.argv.slice(2))
+const commit = argv.commit !== undefined
+
+if (!commit) {
+  console.log('DOING DRY RUN. TO SAVE CHANGES PASS --commit')
+}
+
+async function getDupes(commit) {
+  const entries = await db.splittests.aggregate([
+    {
+      $match: {
+        archived: { $eq: true },
+      },
+    },
+    { $unwind: '$versions' },
+    {
+      $group: {
+        // Group by fields to match on (a,b)
+        _id: {
+          _id: '$_id',
+          name: '$name',
+          creationDate: '$version.creationDate',
+        },
+
+        // Count number of matching docs for the group
+        count: { $sum: 1 },
+
+        // Save the _id for matching docs
+        docs: { $push: '$_id' },
+      },
+    },
+
+    // Limit results to duplicates (more than 1 match)
+    {
+      $match: {
+        count: { $gt: 1 },
+      },
+    },
+  ])
+
+  let entry
+  const removed = []
+  while ((entry = await entries.next())) {
+    const name = entry._id.name
+    const test = await db.splittests.findOne({ name })
+
+    if (hasArchiveDupe(test.versions)) {
+      removed.push(test.name)
+      removeLastVersion(test, commit)
+    }
+  }
+  const message = commit
+    ? `removed dupes from ${removed.length} feature flags`
+    : `planning to remove dupes from ${removed.length} feature flags`
+  console.info(message, removed)
+
+  console.log('DONE')
+  process.exit()
+}
+
+function hasArchiveDupe(versions) {
+  const last = versions.length - 1
+  // guard in case we somehow get smthn with only one version here flagged as having a dupe
+  if (last < 2) return false
+  // need to string compare dates, as otherwise will compare the isoDate objects (diff objs so not equal)
+  return (
+    versions[last].createdAt.toString() ===
+    versions[last - 1].createdAt.toString()
+  )
+}
+
+function removeLastVersion(test, commit) {
+  const name = test.name
+  const numVersions = test.versions.length
+
+  if (name && numVersions > 1) {
+    const lastVersion = test.versions[numVersions - 1].versionNumber
+    console.log(`removing test ${test.name} version ${lastVersion}`)
+    if (commit) {
+      db.splittests.updateOne(
+        { name },
+        { $pull: { versions: { versionNumber: lastVersion } } }
+      )
+    }
+  }
+}
+
+getDupes(commit)
diff --git a/services/web/scripts/delete-orphaned-docs/.gitignore b/services/web/scripts/delete-orphaned-docs/.gitignore
new file mode 100644
index 0000000..ad030b4
--- /dev/null
+++ b/services/web/scripts/delete-orphaned-docs/.gitignore
@@ -0,0 +1,3 @@
+*.csv
+*.csv.gz
+node_modules
diff --git a/services/web/scripts/delete-orphaned-docs/README.md b/services/web/scripts/delete-orphaned-docs/README.md
new file mode 100644
index 0000000..0158299
--- /dev/null
+++ b/services/web/scripts/delete-orphaned-docs/README.md
@@ -0,0 +1,75 @@
+# Delete Orphaned Docs
+
+Because of the large numbers of documents and projects it is necessary to detect
+orphaned docs using bulk exports of the raw data.
+
+## Exporting Data Files
+
+Follow the directions in `google-ops/README.md` for exporting data from mongo
+and copying the files to your local machine.
+
+### Exporting docs
+
+Run the following doc export command to export all doc ids and their associated
+project ids in batches of 10,000,000.
+```
+mongoexport --uri $READ_ONLY_MONGO_CONNECTION_STRING --collection docs --fields '_id,project_id' --skip 0 --limit 10000000 --type=csv --out docs.00000000.csv
+```
+This will produce files like:
+```
+_id,project_id
+ObjectId(5babb6f864c952737a9a4c32),ObjectId(5b98bba5e2f38b7c88f6a625)
+ObjectId(4eecaffcbffa66588e000007),ObjectId(4eecaffcbffa66588e00000d)
+```
+Concatenate these into a single file: `cat docs.*csv > all-docs-doc_id-project_id.csv`
+
+For object ids the script will accept either plain hex strings or the `ObjectId(...)`
+format used by mongoexport.
+
+### Exporting Projects
+
+Export project ids from all `projects` and `deletedProjects`
+```
+mongoexport --uri $READ_ONLY_MONGO_CONNECTION_STRING --collection projects --fields '_id' --type=csv --out projects.csv
+mongoexport --uri $READ_ONLY_MONGO_CONNECTION_STRING --collection deletedProjects --fields 'project._id' --type=csv --out deleted-projects.csv
+```
+Concatenate these: `cat projects.csv deleted-projects.csv > all-projects-project_id.csv`
+
+## Processing Exported Data
+
+### Create a unique sorted list of project ids from docs
+```
+cut -d, -f 2 all-docs-doc_id-project_id.csv | sort | uniq > all-docs-project_ids.sorted.uniq.csv
+```
+
+### Create a unique sorted list of projects ids from projects
+```
+sort all-projects-project_id.csv | uniq > all-projects-project_id.sorted.uniq.csv
+```
+
+### Create list of project ids in docs but not in projects
+```
+comm --check-order -23 all-docs-project_ids.sorted.uniq.csv all-projects-project_id.sorted.uniq.csv > orphaned-doc-project_ids.csv
+```
+
+### Create list of docs ids with project ids not in projects
+```
+grep -F -f orphaned-doc-project_ids.csv all-docs-doc_id-project_id.csv > orphaned-doc-doc_id-project_id.csv
+```
+
+## Run doc deleter
+```
+node delete-orphaned-docs orphaned-doc-doc_id-project_id.csv
+```
+
+### Commit Changes
+
+By default the script will only print the list of project ids and docs ids to be
+deleted. In order to actually delete docs run with the `--commit` argument.
+
+### Selecting Input Lines to Process
+
+The `--limit` and `--offset` arguments can be used to specify which lines to
+process. There is one doc per line so a single project will often have multiple
+lines, but deletion is based on project id, so if one doc for a project is
+deleted all will be deleted, even if all of the input lines are not processed.
diff --git a/services/web/scripts/delete-orphaned-docs/delete-orphaned-docs.mjs b/services/web/scripts/delete-orphaned-docs/delete-orphaned-docs.mjs
new file mode 100644
index 0000000..6eb0ece
--- /dev/null
+++ b/services/web/scripts/delete-orphaned-docs/delete-orphaned-docs.mjs
@@ -0,0 +1,119 @@
+import fs from 'node:fs'
+import minimist from 'minimist'
+import readline from 'node:readline'
+import { db, ObjectId } from '../../app/src/infrastructure/mongodb.js'
+import DocstoreManagerModule from '../../app/src/Features/Docstore/DocstoreManager.js'
+
+const { promises: DocstoreManager } = DocstoreManagerModule
+
+const argv = minimist(process.argv.slice(2))
+const commit = argv.commit !== undefined
+const offset = parseInt(argv.offset) || 0
+const limit = parseInt(argv.limit) || 0
+
+if (!commit) {
+  console.log('DOING DRY RUN. TO SAVE CHANGES PASS --commit')
+}
+
+const input = fs.createReadStream(argv._[0])
+
+const rl = readline.createInterface({
+  crlfDelay: Infinity,
+  input,
+})
+
+const orphanedDocs = {}
+
+console.log('Loading Data')
+
+let idx = 0
+let processed = 0
+
+rl.on('line', async line => {
+  if (offset && idx++ < offset) {
+    return
+  }
+  if (limit && processed++ >= limit) {
+    return
+  }
+
+  let [docId, projectId] = line.split(',')
+  docId = docId.replace(/^ObjectId\(/, '').replace(/\)$/, '')
+  projectId = projectId.replace(/^ObjectId\(/, '').replace(/\)$/, '')
+
+  try {
+    docId = new ObjectId(docId).toString()
+    projectId = new ObjectId(projectId).toString()
+  } catch (err) {
+    console.error(`Invalid id: ${docId}, ${projectId}`)
+    return
+  }
+
+  if (!orphanedDocs[projectId]) {
+    orphanedDocs[projectId] = []
+  }
+
+  orphanedDocs[projectId].push(docId)
+})
+
+rl.on('close', async () => {
+  const docCount = Object.values(orphanedDocs).reduce((i, v) => i + v.length, 0)
+  const projectCount = Object.keys(orphanedDocs).length
+
+  console.log(`Loaded Data for ${docCount} docs in ${projectCount} Projects`)
+
+  for (const projectId of Object.keys(orphanedDocs)) {
+    await deleteOrphanedDocs(projectId, orphanedDocs[projectId])
+  }
+
+  console.log('DONE')
+  process.exit()
+})
+
+async function deleteOrphanedDocs(projectId, docIds) {
+  try {
+    if (await projectIdExists(projectId)) {
+      console.error(`Project id exists: ${projectId}`)
+      return
+    }
+  } catch (err) {
+    console.error(`Error checking if project exists: ${projectId}`, err.stack)
+    return
+  }
+
+  console.log(`Delete docs ${docIds.join(', ')} for project ${projectId}`)
+
+  if (!commit) {
+    return
+  }
+
+  try {
+    await DocstoreManager.destroyProject(projectId)
+  } catch (err) {
+    console.error(`Error deleting project ${projectId}`, err)
+  }
+}
+
+async function projectIdExists(projectId) {
+  // check both projects and deletedProjects to see if project id exists
+  const [project, deletedProject] = await Promise.all([
+    findProject(projectId),
+    findDeletedProject(projectId),
+  ])
+
+  return project !== null || deletedProject !== null
+}
+
+async function findProject(projectId) {
+  return db.projects.findOne(
+    { _id: new ObjectId(projectId) },
+    { projection: { _id: 1 } }
+  )
+}
+
+async function findDeletedProject(projectId) {
+  return db.deletedProjects.findOne(
+    { 'project._id': new ObjectId(projectId) },
+    { projection: { _id: 1 } }
+  )
+}
diff --git a/services/web/scripts/delete_dangling_comments.mjs b/services/web/scripts/delete_dangling_comments.mjs
new file mode 100644
index 0000000..71454cb
--- /dev/null
+++ b/services/web/scripts/delete_dangling_comments.mjs
@@ -0,0 +1,85 @@
+// @ts-check
+
+import minimist from 'minimist'
+import ChatApiHandler from '../app/src/Features/Chat/ChatApiHandler.js'
+import DocumentUpdaterHandler from '../app/src/Features/DocumentUpdater/DocumentUpdaterHandler.js'
+import DocstoreManager from '../app/src/Features/Docstore/DocstoreManager.js'
+import HistoryManager from '../app/src/Features/History/HistoryManager.js'
+import { db, ObjectId } from '../app/src/infrastructure/mongodb.js'
+
+const OPTS = parseArgs()
+
+function usage() {
+  console.error(
+    'Usage: node delete_dangling_comments.mjs [--commit] PROJECT_ID...'
+  )
+}
+
+function parseArgs() {
+  const args = minimist(process.argv.slice(2), {
+    boolean: ['commit'],
+  })
+  if (args._.length === 0) {
+    usage()
+    process.exit(0)
+  }
+  return {
+    projectIds: args._,
+    commit: args.commit,
+  }
+}
+
+async function processProject(projectId) {
+  console.log(`Processing project ${projectId}...`)
+  await DocumentUpdaterHandler.promises.flushProjectToMongoAndDelete(projectId)
+  const docRanges = await DocstoreManager.promises.getAllRanges(projectId)
+  const threads = await ChatApiHandler.promises.getThreads(projectId)
+  const threadIds = new Set(Object.keys(threads))
+  let commentsDeleted = 0
+  for (const doc of docRanges) {
+    const commentsDeletedInDoc = await processDoc(projectId, doc, threadIds)
+    commentsDeleted += commentsDeletedInDoc
+  }
+  if (OPTS.commit) {
+    console.log(`${commentsDeleted} comments deleted`)
+    if (commentsDeleted > 0) {
+      console.log(`Resyncing history for project ${projectId}`)
+      await HistoryManager.promises.resyncProject(projectId)
+    }
+  }
+}
+
+async function processDoc(projectId, doc, threadIds) {
+  let commentsDeleted = 0
+  for (const comment of doc.ranges?.comments ?? []) {
+    const threadId = comment.op.t
+    if (!threadIds.has(threadId)) {
+      if (OPTS.commit) {
+        console.log(`Deleting dangling comment ${comment.op.t}...`)
+        await deleteComment(doc._id, threadId)
+        commentsDeleted += 1
+      } else {
+        console.log(`Would delete dangling comment ${comment.op.t}...`)
+      }
+    }
+  }
+  return commentsDeleted
+}
+
+async function deleteComment(docId, threadId) {
+  await db.docs.updateOne(
+    { _id: new ObjectId(docId) },
+    {
+      $pull: { 'ranges.comments': { 'op.t': new ObjectId(threadId) } },
+    }
+  )
+}
+
+// Main loop
+for (const projectId of OPTS.projectIds) {
+  await processProject(projectId)
+}
+if (!OPTS.commit) {
+  console.log('This was a dry run. Rerun with --commit to apply changes')
+}
+process.exit(0)
diff --git a/services/web/scripts/delete_dangling_file_refs.mjs b/services/web/scripts/delete_dangling_file_refs.mjs
new file mode 100644
index 0000000..39383be
--- /dev/null
+++ b/services/web/scripts/delete_dangling_file_refs.mjs
@@ -0,0 +1,131 @@
+/**
+ * This script deletes dangling doc and file refs in projects
+ */
+
+import minimist from 'minimist'
+
+import mongodb from 'mongodb-legacy'
+import { db } from '../app/src/infrastructure/mongodb.js'
+import Errors from '../app/src/Features/Errors/Errors.js'
+import FileStoreHandler from '../app/src/Features/FileStore/FileStoreHandler.js'
+import ProjectEntityMongoUpdateHandler from '../app/src/Features/Project/ProjectEntityMongoUpdateHandler.js'
+import { iterablePaths } from '../app/src/Features/Project/IterablePath.js'
+
+const { ObjectId } = mongodb
+
+const OPTIONS = parseArgs()
+
+function parseArgs() {
+  const argv = minimist(process.argv.slice(2), {
+    boolean: ['dry-run'],
+    default: { 'dry-run': true },
+  })
+  const dryRun = argv['dry-run']
+  const projectIds = argv._
+  if (projectIds.length === 0) {
+    console.log(`Usage: ${process.argv[1]} [--no-dry-run] PROJECT_ID ...`)
+    process.exit(0)
+  }
+  return { projectIds, dryRun }
+}
+
+async function main() {
+  const projects = await getProjects()
+
+  for (const project of projects) {
+    await processProject(project)
+  }
+
+  if (OPTIONS.dryRun) {
+    console.log(
+      '\nThis was a dry run. Re-run with --no-dry-run to delete broken refs.'
+    )
+  }
+}
+
+async function getProjects() {
+  const projectIds = OPTIONS.projectIds.map(id => new ObjectId(id))
+  const projects = await db.projects
+    .find(
+      { _id: { $in: projectIds } },
+      { projection: { _id: 1, rootFolder: 1 } }
+    )
+    .toArray()
+  return projects
+}
+
+async function processProject(project) {
+  console.log(`Processing project ${project._id}`)
+  const { docIds, fileIds } = findRefsInFolder(project.rootFolder[0])
+  for (const docId of docIds) {
+    if (!(await docExists(docId))) {
+      await deleteDoc(project._id, docId)
+    }
+  }
+  for (const fileId of fileIds) {
+    if (!(await fileExists(project._id, fileId))) {
+      await deleteFile(project._id, fileId)
+    }
+  }
+}
+
+function findRefsInFolder(folder) {
+  let docIds = folder.docs.map(doc => doc._id)
+  let fileIds = folder.fileRefs.map(file => file._id)
+  for (const subfolder of iterablePaths(folder, 'folders')) {
+    const subrefs = findRefsInFolder(subfolder)
+    docIds = docIds.concat(subrefs.docIds)
+    fileIds = fileIds.concat(subrefs.fileIds)
+  }
+  return { docIds, fileIds }
+}
+
+async function docExists(docId) {
+  const doc = await db.docs.findOne({ _id: docId })
+  return doc != null
+}
+
+async function fileExists(projectId, fileId) {
+  try {
+    // Getting the file size to avoid downloading the whole file
+    await FileStoreHandler.promises.getFileSize(projectId, fileId)
+  } catch (err) {
+    if (err instanceof Errors.NotFoundError) {
+      return false
+    }
+    throw err
+  }
+  return true
+}
+
+async function deleteDoc(projectId, docId) {
+  console.log(` * Deleting bad doc ref ${docId}`)
+  if (!OPTIONS.dryRun) {
+    await ProjectEntityMongoUpdateHandler.promises.deleteEntity(
+      projectId,
+      docId,
+      'doc',
+      null // unset lastUpdatedBy
+    )
+  }
+}
+
+async function deleteFile(projectId, fileId) {
+  console.log(` * Deleting bad file ref ${fileId}`)
+  if (!OPTIONS.dryRun) {
+    await ProjectEntityMongoUpdateHandler.promises.deleteEntity(
+      projectId,
+      fileId,
+      'file',
+      null // unset lastUpdatedBy
+    )
+  }
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error({ error })
+  process.exit(1)
+}
diff --git a/services/web/scripts/delete_orphaned_chat_threads.mjs b/services/web/scripts/delete_orphaned_chat_threads.mjs
new file mode 100644
index 0000000..816a266
--- /dev/null
+++ b/services/web/scripts/delete_orphaned_chat_threads.mjs
@@ -0,0 +1,102 @@
+import mongodb from 'mongodb-legacy'
+import { promiseMapWithLimit } from '@overleaf/promise-utils'
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+import ChatApiHandler from '../app/src/Features/Chat/ChatApiHandler.js'
+import DeleteOrphanedDataHelper from './delete_orphaned_data_helper.mjs'
+import { ensureMongoTimeout } from './helpers/env_variable_helper.mjs'
+import { db } from '../app/src/infrastructure/mongodb.js'
+
+const { ObjectId } = mongodb
+const { getHardDeletedProjectIds } = DeleteOrphanedDataHelper
+
+const READ_CONCURRENCY_SECONDARY =
+  parseInt(process.env.READ_CONCURRENCY_SECONDARY, 10) || 1000
+const READ_CONCURRENCY_PRIMARY =
+  parseInt(process.env.READ_CONCURRENCY_PRIMARY, 10) || 500
+const WRITE_CONCURRENCY = parseInt(process.env.WRITE_CONCURRENCY, 10) || 10
+const BATCH_SIZE = parseInt(process.env.BATCH_SIZE, 10) || 100
+const DRY_RUN = process.env.DRY_RUN !== 'false'
+const MAX_CHATS_TO_DESTROY =
+  parseInt(process.env.MAX_CHATS_TO_DESTROY, 10) || false
+// persist fallback in order to keep batchedUpdate in-sync
+process.env.BATCH_SIZE = BATCH_SIZE
+// ensure set mongo timeout to 10mins if otherwise unspecified
+if (!process.env.MONGO_SOCKET_TIMEOUT) {
+  ensureMongoTimeout(600000)
+}
+
+console.log({
+  DRY_RUN,
+  WRITE_CONCURRENCY,
+  BATCH_SIZE,
+  MAX_CHATS_TO_DESTROY,
+})
+
+const RESULT = {
+  DRY_RUN,
+  projectChatsDestroyed: 0,
+  continueFrom: null,
+}
+
+async function processBatch(rooms) {
+  if (rooms.length && rooms[0]._id) {
+    RESULT.continueFrom = rooms[0]._id
+  }
+  const projectIds = Array.from(
+    new Set(rooms.map(room => room.project_id.toString()))
+  ).map(id => new ObjectId(id))
+  console.log(
+    `Checking projects (${projectIds.length})`,
+    JSON.stringify(projectIds)
+  )
+
+  const projectsWithOrphanedChat = await getHardDeletedProjectIds({
+    projectIds,
+    READ_CONCURRENCY_PRIMARY,
+    READ_CONCURRENCY_SECONDARY,
+  })
+
+  console.log(
+    `Destroying chat for projects (${projectsWithOrphanedChat.length})`,
+    JSON.stringify(projectsWithOrphanedChat)
+  )
+  if (!DRY_RUN) {
+    await promiseMapWithLimit(
+      WRITE_CONCURRENCY,
+      projectsWithOrphanedChat,
+      ChatApiHandler.promises.destroyProject
+    )
+  }
+  RESULT.projectChatsDestroyed += projectsWithOrphanedChat.length
+
+  console.log(RESULT)
+  if (
+    MAX_CHATS_TO_DESTROY &&
+    RESULT.projectChatsDestroyed >= MAX_CHATS_TO_DESTROY
+  ) {
+    console.log(
+      `MAX_CHATS_TO_DELETE limit (${MAX_CHATS_TO_DESTROY}) reached. Stopping.`
+    )
+    process.exit(0)
+  }
+}
+
+async function main() {
+  const projection = {
+    _id: 1,
+    project_id: 1,
+  }
+  await batchedUpdate(db.rooms, {}, processBatch, projection)
+  console.log('Final')
+  console.log(RESULT)
+}
+
+main()
+  .then(() => {
+    console.log('Done.')
+    process.exit(0)
+  })
+  .catch(error => {
+    console.error({ error })
+    process.exit(1)
+  })
diff --git a/services/web/scripts/delete_orphaned_data_helper.mjs b/services/web/scripts/delete_orphaned_data_helper.mjs
new file mode 100644
index 0000000..c446839
--- /dev/null
+++ b/services/web/scripts/delete_orphaned_data_helper.mjs
@@ -0,0 +1,113 @@
+import {
+  db,
+  READ_PREFERENCE_PRIMARY,
+  READ_PREFERENCE_SECONDARY,
+} from '../app/src/infrastructure/mongodb.js'
+import { promiseMapWithLimit } from '@overleaf/promise-utils'
+
+async function getDeletedProject(projectId, readPreference) {
+  return await db.deletedProjects.findOne(
+    { 'deleterData.deletedProjectId': projectId },
+    {
+      // There is no index on .project. Pull down something small.
+      projection: { 'project._id': 1 },
+      readPreference,
+    }
+  )
+}
+
+async function getProject(projectId, readPreference) {
+  return await db.projects.findOne(
+    { _id: projectId },
+    {
+      // Pulling down an empty object is fine for differentiating with null.
+      projection: { _id: 0 },
+      readPreference,
+    }
+  )
+}
+
+async function checkProjectExistsWithReadPreference(projectId, readPreference) {
+  // NOTE: Possible race conditions!
+  // There are two processes which are racing with our queries:
+  //  1. project deletion
+  //  2. project restoring
+  // For 1. we check the projects collection before deletedProjects.
+  // If a project were to be delete in this very moment, we should see the
+  //  soft-deleted entry which is created before deleting the projects entry.
+  // For 2. we check the projects collection after deletedProjects again.
+  // If a project were to be restored in this very moment, it is very likely
+  //  to see the projects entry again.
+  // Unlikely edge case: Restore+Deletion in rapid succession.
+  // We could add locking to the ProjectDeleter for ruling ^ out.
+  if (await getProject(projectId, readPreference)) {
+    // The project is live.
+    return true
+  }
+  const deletedProject = await getDeletedProject(projectId, readPreference)
+  if (deletedProject && deletedProject.project) {
+    // The project is registered for hard-deletion.
+    return true
+  }
+  if (await getProject(projectId, readPreference)) {
+    // The project was just restored.
+    return true
+  }
+  // The project does not exist.
+  return false
+}
+
+async function checkProjectExistsOnPrimary(projectId) {
+  return await checkProjectExistsWithReadPreference(
+    projectId,
+    READ_PREFERENCE_PRIMARY
+  )
+}
+
+async function checkProjectExistsOnSecondary(projectId) {
+  return await checkProjectExistsWithReadPreference(
+    projectId,
+    READ_PREFERENCE_SECONDARY
+  )
+}
+
+async function getHardDeletedProjectIds({
+  projectIds,
+  READ_CONCURRENCY_PRIMARY,
+  READ_CONCURRENCY_SECONDARY,
+}) {
+  const doubleCheckProjectIdsOnPrimary = []
+  async function checkProjectOnSecondary(projectId) {
+    if (await checkProjectExistsOnSecondary(projectId)) {
+      // Finding a project with secondary confidence is sufficient.
+      return
+    }
+    // At this point, the secondaries deem this project as having orphaned docs.
+    doubleCheckProjectIdsOnPrimary.push(projectId)
+  }
+
+  const hardDeletedProjectIds = []
+  async function checkProjectOnPrimary(projectId) {
+    if (await checkProjectExistsOnPrimary(projectId)) {
+      // The project is actually live.
+      return
+    }
+    hardDeletedProjectIds.push(projectId)
+  }
+
+  await promiseMapWithLimit(
+    READ_CONCURRENCY_SECONDARY,
+    projectIds,
+    checkProjectOnSecondary
+  )
+  await promiseMapWithLimit(
+    READ_CONCURRENCY_PRIMARY,
+    doubleCheckProjectIdsOnPrimary,
+    checkProjectOnPrimary
+  )
+  return hardDeletedProjectIds
+}
+
+export default {
+  getHardDeletedProjectIds,
+}
diff --git a/services/web/scripts/delete_orphaned_doc_comment_ranges.mjs b/services/web/scripts/delete_orphaned_doc_comment_ranges.mjs
new file mode 100644
index 0000000..5b9a397
--- /dev/null
+++ b/services/web/scripts/delete_orphaned_doc_comment_ranges.mjs
@@ -0,0 +1,52 @@
+import minimist from 'minimist'
+import ChatApiHandler from '../app/src/Features/Chat/ChatApiHandler.js'
+import DocstoreManager from '../app/src/Features/Docstore/DocstoreManager.js'
+import DocumentUpdaterHandler from '../app/src/Features/DocumentUpdater/DocumentUpdaterHandler.js'
+import { promiseMapWithLimit } from '@overleaf/promise-utils'
+
+const WRITE_CONCURRENCY = parseInt(process.env.WRITE_CONCURRENCY, 10) || 10
+
+/**
+ * Remove doc comment ranges that are "orphaned" as they do have matching chat
+ * threads. This can happen when adding comments and the HTTP request fails, but
+ * the ShareJS op succeeded (eventually). See https://github.com/overleaf/internal/issues/3425
+ * for more detail.
+ */
+async function main() {
+  const argv = minimist(process.argv.slice(2))
+  const { projectId, docId } = argv
+
+  const threads = await ChatApiHandler.promises.getThreads(projectId)
+  const threadIds = Object.keys(threads)
+
+  const doc = await DocstoreManager.promises.getDoc(projectId, docId)
+  const comments = doc.ranges.comments
+
+  const orphanedCommentIds = comments.filter(comment => {
+    const commentThreadId = comment.op.t
+    return !threadIds.includes(commentThreadId)
+  })
+
+  await promiseMapWithLimit(
+    WRITE_CONCURRENCY,
+    orphanedCommentIds,
+    async comment => {
+      await DocumentUpdaterHandler.promises.deleteThread(
+        projectId,
+        docId,
+        comment.op.t
+      )
+    }
+  )
+
+  await DocumentUpdaterHandler.promises.flushDocToMongo(projectId, docId)
+}
+
+try {
+  await main()
+  console.log('Done.')
+  process.exit(0)
+} catch (error) {
+  console.error({ error })
+  process.exit(1)
+}
diff --git a/services/web/scripts/delete_orphaned_docs_online_check.mjs b/services/web/scripts/delete_orphaned_docs_online_check.mjs
new file mode 100644
index 0000000..2affae4
--- /dev/null
+++ b/services/web/scripts/delete_orphaned_docs_online_check.mjs
@@ -0,0 +1,179 @@
+import DocstoreManager from '../app/src/Features/Docstore/DocstoreManager.js'
+import { promisify } from 'node:util'
+import mongodb from 'mongodb-legacy'
+import {
+  db,
+  READ_PREFERENCE_PRIMARY,
+  READ_PREFERENCE_SECONDARY,
+} from '../app/src/infrastructure/mongodb.js'
+import { promiseMapWithLimit } from '@overleaf/promise-utils'
+import DeleteOrphanedDataHelper from './delete_orphaned_data_helper.mjs'
+
+const { ObjectId } = mongodb
+const sleep = promisify(setTimeout)
+const { getHardDeletedProjectIds } = DeleteOrphanedDataHelper
+
+const NOW_IN_S = Date.now() / 1000
+const ONE_WEEK_IN_S = 60 * 60 * 24 * 7
+const TEN_SECONDS = 10 * 1000
+
+const DRY_RUN = process.env.DRY_RUN === 'true'
+if (!process.env.BATCH_LAST_ID) {
+  console.error('Set BATCH_LAST_ID and re-run.')
+  process.exit(1)
+}
+const BATCH_LAST_ID = new ObjectId(process.env.BATCH_LAST_ID)
+const INCREMENT_BY_S = parseInt(process.env.INCREMENT_BY_S, 10) || ONE_WEEK_IN_S
+const BATCH_SIZE = parseInt(process.env.BATCH_SIZE, 10) || 1000
+const READ_CONCURRENCY_SECONDARY =
+  parseInt(process.env.READ_CONCURRENCY_SECONDARY, 10) || 1000
+const READ_CONCURRENCY_PRIMARY =
+  parseInt(process.env.READ_CONCURRENCY_PRIMARY, 10) || 500
+const STOP_AT_S = parseInt(process.env.STOP_AT_S, 10) || NOW_IN_S
+const WRITE_CONCURRENCY = parseInt(process.env.WRITE_CONCURRENCY, 10) || 10
+const LET_USER_DOUBLE_CHECK_INPUTS_FOR =
+  parseInt(process.env.LET_USER_DOUBLE_CHECK_INPUTS_FOR, 10) || TEN_SECONDS
+
+function getSecondsFromObjectId(id) {
+  return id.getTimestamp().getTime() / 1000
+}
+
+async function main() {
+  await letUserDoubleCheckInputs()
+  let lowerProjectId = BATCH_LAST_ID
+
+  let nProjectsProcessedTotal = 0
+  let nProjectsWithOrphanedDocsTotal = 0
+  let nDeletedDocsTotal = 0
+  while (getSecondsFromObjectId(lowerProjectId) <= STOP_AT_S) {
+    const upperTime = getSecondsFromObjectId(lowerProjectId) + INCREMENT_BY_S
+    let upperProjectId = ObjectId.createFromTime(upperTime)
+    const query = {
+      project_id: {
+        // exclude edge
+        $gt: lowerProjectId,
+        // include edge
+        $lte: upperProjectId,
+      },
+    }
+    const docs = await db.docs
+      .find(query, { readPreference: READ_PREFERENCE_SECONDARY })
+      .project({ project_id: 1 })
+      .sort({ project_id: 1 })
+      .limit(BATCH_SIZE)
+      .toArray()
+
+    if (docs.length) {
+      const projectIds = Array.from(
+        new Set(docs.map(doc => doc.project_id.toString()))
+      ).map(id => new ObjectId(id))
+      console.log('Checking projects', JSON.stringify(projectIds))
+      const { nProjectsWithOrphanedDocs, nDeletedDocs } =
+        await processBatch(projectIds)
+      nProjectsProcessedTotal += projectIds.length
+      nProjectsWithOrphanedDocsTotal += nProjectsWithOrphanedDocs
+      nDeletedDocsTotal += nDeletedDocs
+
+      if (docs.length === BATCH_SIZE) {
+        // This project may have more than BATCH_SIZE docs.
+        const lastDoc = docs[docs.length - 1]
+        // Resume from after this projectId.
+        upperProjectId = lastDoc.project_id
+      }
+    }
+    console.error(
+      'Processed %d projects ' +
+        '(%d projects with orphaned docs/%d docs deleted) ' +
+        'until %s',
+      nProjectsProcessedTotal,
+      nProjectsWithOrphanedDocsTotal,
+      nDeletedDocsTotal,
+      upperProjectId
+    )
+
+    lowerProjectId = upperProjectId
+  }
+}
+
+async function getProjectDocs(projectId) {
+  return await db.docs
+    .find(
+      { project_id: projectId },
+      {
+        projection: { _id: 1 },
+        readPreference: READ_PREFERENCE_PRIMARY,
+      }
+    )
+    .toArray()
+}
+
+async function processBatch(projectIds) {
+  const projectsWithOrphanedDocs = await getHardDeletedProjectIds({
+    projectIds,
+    READ_CONCURRENCY_PRIMARY,
+    READ_CONCURRENCY_SECONDARY,
+  })
+
+  let nDeletedDocs = 0
+  async function countOrphanedDocs(projectId) {
+    const docs = await getProjectDocs(projectId)
+    nDeletedDocs += docs.length
+    console.log(
+      'Deleted project %s has %s orphaned docs: %s',
+      projectId,
+      docs.length,
+      JSON.stringify(docs.map(doc => doc._id))
+    )
+  }
+  await promiseMapWithLimit(
+    READ_CONCURRENCY_PRIMARY,
+    projectsWithOrphanedDocs,
+    countOrphanedDocs
+  )
+  if (!DRY_RUN) {
+    await promiseMapWithLimit(
+      WRITE_CONCURRENCY,
+      projectsWithOrphanedDocs,
+      DocstoreManager.promises.destroyProject
+    )
+  }
+
+  const nProjectsWithOrphanedDocs = projectsWithOrphanedDocs.length
+  return { nProjectsWithOrphanedDocs, nDeletedDocs }
+}
+
+async function letUserDoubleCheckInputs() {
+  console.error(
+    'Options:',
+    JSON.stringify(
+      {
+        BATCH_LAST_ID,
+        BATCH_SIZE,
+        DRY_RUN,
+        INCREMENT_BY_S,
+        STOP_AT_S,
+        READ_CONCURRENCY_SECONDARY,
+        READ_CONCURRENCY_PRIMARY,
+        WRITE_CONCURRENCY,
+        LET_USER_DOUBLE_CHECK_INPUTS_FOR,
+      },
+      null,
+      2
+    )
+  )
+  console.error(
+    'Waiting for you to double check inputs for',
+    LET_USER_DOUBLE_CHECK_INPUTS_FOR,
+    'ms'
+  )
+  await sleep(LET_USER_DOUBLE_CHECK_INPUTS_FOR)
+}
+
+try {
+  await main()
+  console.error('Done.')
+  process.exit(0)
+} catch (error) {
+  console.error({ error })
+  process.exit(1)
+}
diff --git a/services/web/scripts/delete_subscriptions.mjs b/services/web/scripts/delete_subscriptions.mjs
new file mode 100644
index 0000000..54fe472
--- /dev/null
+++ b/services/web/scripts/delete_subscriptions.mjs
@@ -0,0 +1,47 @@
+import { Subscription } from '../app/src/models/Subscription.js'
+import SubscriptionUpdater from '../app/src/Features/Subscription/SubscriptionUpdater.js'
+import minimist from 'minimist'
+import mongodb from 'mongodb-legacy'
+
+const { ObjectId } = mongodb
+
+const run = async () => {
+  for (const id of ids) {
+    console.log('id', id)
+    const subscription = await Subscription.findOne({ _id: new ObjectId(id) })
+    await SubscriptionUpdater.promises.deleteSubscription(
+      subscription,
+      deleterData
+    )
+    console.log('Deleted subscription', id)
+  }
+}
+
+let ids, deleterData
+const setup = () => {
+  const argv = minimist(process.argv.slice(2))
+  ids = argv.ids
+  if (!ids) {
+    console.error('No ids given')
+    process.exit(1)
+  }
+  ids = ids.split(',')
+
+  const deleterId = argv.deleterId
+  if (!deleterId) {
+    console.error('No deleterId given')
+    process.exit(1)
+  }
+
+  deleterData = { id: new ObjectId(deleterId) }
+}
+
+setup()
+
+try {
+  await run()
+  process.exit(0)
+} catch (err) {
+  console.error('Aiee, something went wrong!', err)
+  process.exit(1)
+}
diff --git a/services/web/scripts/disconnect_all_users.mjs b/services/web/scripts/disconnect_all_users.mjs
new file mode 100644
index 0000000..41736ac
--- /dev/null
+++ b/services/web/scripts/disconnect_all_users.mjs
@@ -0,0 +1,70 @@
+import { promisify } from 'node:util'
+import Settings from '@overleaf/settings'
+import AdminController from '../app/src/Features/ServerAdmin/AdminController.js'
+import minimist from 'minimist'
+import { fileURLToPath } from 'node:url'
+
+const args = minimist(process.argv.slice(2), {
+  string: ['confirm-site-url', 'delay-in-seconds'],
+  default: {
+    'delay-in-seconds': 10,
+    'confirm-site-url': '',
+  },
+})
+
+const sleep = promisify(setTimeout)
+
+async function main() {
+  if (args.help) {
+    console.error()
+    console.error(
+      '  usage: node disconnect_all_users.mjs [--delay-in-seconds=10] --confirm-site-url=https://www....\n'
+    )
+    process.exit(1)
+  }
+  const isSaaS = Boolean(Settings.overleaf)
+  if (isSaaS && args['confirm-site-url'] !== Settings.siteUrl) {
+    console.error()
+    console.error(
+      'Please confirm the environment you want to disconnect ALL USERS from by specifying the site URL aka PUBLIC_URL, e.g. --confirm-site-url=https://www.dev-overleaf.com for the dev-env'
+    )
+    console.error()
+    console.error(
+      `!!!  --confirm-site-url=${
+        args['confirm-site-url'] || "''"
+      } does not match the PUBLIC_URL in this environment.`
+    )
+    console.error()
+    console.error('  Are you running this script in the correct environment?')
+    process.exit(1)
+  }
+  const delay = parseInt(args['delay-in-seconds'] || '10', 10)
+  if (!(delay >= 0)) {
+    console.error(
+      `--delay-in-seconds='${args['delay-in-seconds']}' should be a number >=0`
+    )
+    process.exit(1)
+  }
+  console.log()
+  console.log(
+    `Disconnect all users from ${args['confirm-site-url']}, with delay ${delay}`
+  )
+
+  if (isSaaS) {
+    console.error('  Use CTRL+C in the next 5s to abort.')
+    await sleep(5 * 1000)
+  }
+
+  await AdminController._sendDisconnectAllUsersMessage(delay)
+}
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  try {
+    await main()
+    console.error('Done.')
+    process.exit(0)
+  } catch (error) {
+    console.error('Error', error)
+    process.exit(1)
+  }
+}
diff --git a/services/web/scripts/e2e_test_setup.mjs b/services/web/scripts/e2e_test_setup.mjs
new file mode 100644
index 0000000..7f0e8e3
--- /dev/null
+++ b/services/web/scripts/e2e_test_setup.mjs
@@ -0,0 +1,169 @@
+import fs from 'node:fs'
+import Path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { promiseMapWithLimit } from '@overleaf/promise-utils'
+import Settings from '@overleaf/settings'
+import { db } from '../app/src/infrastructure/mongodb.js'
+import GracefulShutdown from '../app/src/infrastructure/GracefulShutdown.js'
+import ProjectDeleter from '../app/src/Features/Project/ProjectDeleter.js'
+import SplitTestManager from '../app/src/Features/SplitTests/SplitTestManager.js'
+import UserDeleter from '../app/src/Features/User/UserDeleter.js'
+import UserRegistrationHandler from '../app/src/Features/User/UserRegistrationHandler.js'
+
+const MONOREPO = Path.dirname(
+  Path.dirname(Path.dirname(Path.dirname(fileURLToPath(import.meta.url))))
+)
+
+/**
+ * @param {string} email
+ * @return {Promise<void>}
+ */
+async function createUser(email) {
+  const user = await UserRegistrationHandler.promises.registerNewUser({
+    email,
+    password: process.env.CYPRESS_DEFAULT_PASSWORD,
+  })
+  const features = email.startsWith('free@')
+    ? Settings.defaultFeatures
+    : Settings.features.professional
+  await db.users.updateOne(
+    { _id: user._id },
+    {
+      $set: {
+        // Set admin flag.
+        isAdmin: email.startsWith('admin@'),
+        // Disable spell-checking for performance and flakiness reasons.
+        'ace.spellCheckLanguage': '',
+        // Override features.
+        features,
+        featuresOverrides: [{ features }],
+      },
+    }
+  )
+}
+
+/**
+ * @param {string} email
+ * @return {Promise<void>}
+ */
+async function deleteUser(email) {
+  const user = await db.users.findOne({ email })
+  if (!user) return
+  // Soft delete the user.
+  await UserDeleter.promises.deleteUser(user._id, {
+    force: true,
+    ipAddress: '0.0.0.0',
+  })
+  // Hard-delete the users projects.
+  const projects = await db.deletedProjects
+    .find(
+      { deletedProjectOwnerId: user._id },
+      { projection: { deletedProjectId: 1 } }
+    )
+    .toArray()
+  await promiseMapWithLimit(
+    10,
+    projects.map(p => p.deletedProjectId),
+    ProjectDeleter.promises.expireDeletedProject
+  )
+  // Hard-delete the user.
+  await UserDeleter.promises.expireDeletedUser(user._id)
+}
+
+/**
+ * @param {string} email
+ * @return {Promise<void>}
+ */
+async function provisionUser(email) {
+  await deleteUser(email)
+  await createUser(email)
+}
+
+async function provisionUsers() {
+  const emails = Settings.recaptcha.trustedUsers
+  console.log(`> Provisioning ${emails.length} E2E users.`)
+  await promiseMapWithLimit(3, emails, provisionUser)
+}
+
+async function purgeNewUsers() {
+  const users = await db.users
+    .find(
+      { email: Settings.recaptcha.trustedUsersRegex },
+      { projection: { email: 1 } }
+    )
+    .toArray()
+  console.log(`> Deleting ${users.length} newly created E2E users.`)
+  await promiseMapWithLimit(
+    3,
+    users.map(user => user.email),
+    deleteUser
+  )
+}
+
+const SPLIT_TEST_OVERRIDES = [
+  // disable writefull, oauth registration does not work in dev-env and their banners hide our buttons.
+  {
+    name: 'writefull-auto-account-creation',
+    versions: [
+      {
+        versionNumber: 1,
+        phase: 'release',
+        active: true,
+        analyticsEnabled: false,
+        variants: [{ name: 'enabled', rolloutPercent: 0, rolloutStripes: [] }],
+        createdAt: new Date(),
+      },
+    ],
+  },
+]
+
+async function provisionSplitTests() {
+  const backup = Path.join(
+    MONOREPO,
+    'backup',
+    'split-tests',
+    new Date().toISOString() + '.json'
+  )
+  console.log(
+    `> Backing up previous split-tests into ${backup}. You can import them again on https://www.dev-overleaf.com/admin/split-test via the [Import] button.`
+  )
+  const splitTests = await SplitTestManager.getRuntimeTests()
+  await fs.promises.mkdir(Path.dirname(backup), { recursive: true })
+  await fs.promises.writeFile(
+    backup,
+    JSON.stringify(splitTests.sort((a, b) => (a.name > b.name ? 1 : -1)))
+  )
+
+  // Imported from production via https://www.overleaf.com/admin/split-test -> "Copy all split tests" -> "Copy for E2E test setup"
+  const SPLIT_TESTS = JSON.parse(
+    await fs.promises.readFile(
+      Path.join(MONOREPO, 'tools/saas-e2e/split-tests.json')
+    )
+  )
+  console.log(`> Importing ${SPLIT_TESTS.length} split-tests from production.`)
+  await SplitTestManager.replaceSplitTests(SPLIT_TESTS)
+  console.log(
+    `> Importing ${SPLIT_TEST_OVERRIDES.length} split-tests for test compatibility.`
+  )
+  await SplitTestManager.mergeSplitTests(SPLIT_TEST_OVERRIDES, true)
+}
+
+async function main() {
+  if (process.env.NODE_ENV !== 'development') {
+    throw new Error('only available in dev-env')
+  }
+
+  await purgeNewUsers()
+  await provisionUsers()
+  await provisionSplitTests()
+}
+
+await main()
+await GracefulShutdown.gracefulShutdown(
+  {
+    close(cb) {
+      cb()
+    },
+  },
+  'SIGTERM'
+)
diff --git a/services/web/scripts/ensure_affiliations.mjs b/services/web/scripts/ensure_affiliations.mjs
new file mode 100644
index 0000000..98d9fd8
--- /dev/null
+++ b/services/web/scripts/ensure_affiliations.mjs
@@ -0,0 +1,52 @@
+import { User } from '../app/src/models/User.js'
+import UserController from '../app/src/Features/User/UserController.js'
+import Logger from '@overleaf/logger'
+import pLimit from 'p-limit'
+
+Logger.logger.level('error')
+const CONCURRENCY = 10
+const failure = []
+const success = []
+console.log('Starting ensure affiliations')
+
+const query = {
+  'emails.affiliationUnchecked': true,
+}
+
+async function _handleEnsureAffiliation(user) {
+  try {
+    await UserController.ensureAffiliation(user)
+    console.log(`✔ ${user._id}`)
+    success.push(user._id)
+  } catch (error) {
+    failure.push(user._id)
+    console.log(`ERROR: ${user._id}`, error)
+  }
+}
+
+async function getUsers() {
+  return User.find(query, { emails: 1 }).exec()
+}
+
+async function run() {
+  const limit = pLimit(CONCURRENCY)
+  const users = await getUsers()
+  console.log(`Found ${users.length} users`)
+  await Promise.all(
+    users.map(user => limit(() => _handleEnsureAffiliation(user)))
+  )
+
+  console.log(`${success.length} successes`)
+  console.log(`${failure.length} failures`)
+  if (failure.length > 0) {
+    console.log('Failed to update:', failure)
+  }
+}
+
+try {
+  await run()
+  process.exit()
+} catch (error) {
+  console.log(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/esm-check-migration.mjs b/services/web/scripts/esm-check-migration.mjs
new file mode 100644
index 0000000..2ce70d4
--- /dev/null
+++ b/services/web/scripts/esm-check-migration.mjs
@@ -0,0 +1,259 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import minimist from 'minimist'
+
+const APP_CODE_PATH = ['app', 'modules', 'migrations', 'scripts', 'test']
+
+const {
+  _: args,
+  files,
+  help,
+  json,
+} = minimist(process.argv.slice(2), {
+  boolean: ['files', 'help', 'json'],
+  alias: {
+    files: 'f',
+    help: 'h',
+    json: 'j',
+  },
+  default: {
+    files: false,
+    help: false,
+    json: false,
+  },
+})
+const paths = args.length > 0 ? args : APP_CODE_PATH
+
+function usage() {
+  console.error(`Usage: node check-esm-migration.js [OPTS...] dir1 dir2
+       node check-esm-migration.js file
+
+Usage with directories
+----------------------
+
+When the arguments are a list of directories it prints the status of ES Modules migration within those directories.
+When no directory is provided, it checks app/ and modules/, which represent the entire codebase.
+
+With the --files (-f) option, it prints the list of JS files that:
+ - Are not migrated to ESM
+ - Are not required by any file that is not migrated yet to ESM (in the entire codebase)
+
+These files should be the most immediate candidates to be migrated.
+
+WARNING: please note that this script only looks up literals in require() statements, so paths
+built dynamically (such as those in infrastructure/Modules.js) are not being taken into account.
+
+Usage with a JS file
+--------------------
+
+When the argument is a JS file, the script outputs the files that depend on this file that have not been converted
+yet to ES Modules.
+
+The files in the list must to be converted to ES Modules before converting the JS file.
+
+Example:
+   node scrips/check-esm-migration.js --files modules/admin-panel
+   node scrips/check-esm-migration.js app/src/router.js
+
+Options:
+    --files      Prints the files that are not imported by app code via CommonJS
+    --json       Prints the result in JSON format, including the list of files from --files
+    --help       Prints this help
+`)
+}
+
+function resolveImportPaths(dir, file) {
+  const absolutePath = path.resolve(dir, file)
+  if (fs.existsSync(absolutePath)) {
+    return absolutePath
+  } else if (fs.existsSync(absolutePath + '.js')) {
+    return absolutePath + '.js'
+  } else if (fs.existsSync(absolutePath + '.mjs')) {
+    return absolutePath + '.mjs'
+  } else {
+    return null
+  }
+}
+
+function collectJsFiles(dir, files = []) {
+  const items = fs.readdirSync(dir)
+  items.forEach(item => {
+    const fullPath = path.join(dir, item)
+    const stat = fs.statSync(fullPath)
+
+    if (stat.isDirectory()) {
+      const basename = path.basename(fullPath)
+
+      // skipping directories from search
+      if (!['frontend', 'node_modules'].includes(basename)) {
+        collectJsFiles(fullPath, files)
+      }
+    } else if (
+      stat.isFile() &&
+      (fullPath.endsWith('.js') || fullPath.endsWith('.mjs'))
+    ) {
+      files.push(fullPath)
+    }
+  })
+  return files
+}
+
+function extractImports(filePath) {
+  const fileContent = fs.readFileSync(filePath, 'utf-8')
+
+  // not 100% compliant (string escaping, etc.) but does the work here
+  const contentWithoutComments = fileContent.replace(
+    /\/\/.*|\/\*[\s\S]*?\*\//g,
+    ''
+  )
+
+  const requireRegex = /require\s*\(\s*['"](.+?)['"]\s*\)/g
+
+  const dependencies = []
+  while (true) {
+    const match = requireRegex.exec(contentWithoutComments)
+    if (!match) {
+      break
+    }
+    dependencies.push(match[1])
+  }
+
+  // build absolute path for the imported file
+  return dependencies
+    .map(depPath => resolveImportPaths(path.dirname(filePath), depPath))
+    .filter(path => path !== null)
+}
+
+// Main function to process a list of directories and create the Map of dependencies
+function findJSAndImports(directories) {
+  const fileDependenciesMap = new Map()
+
+  directories.forEach(dir => {
+    if (fs.existsSync(dir)) {
+      const jsFiles = collectJsFiles(dir)
+
+      jsFiles.forEach(filePath => {
+        const imports = extractImports(filePath)
+        fileDependenciesMap.set(filePath, imports)
+      })
+    } else {
+      console.error(`Directory not found: ${dir}`)
+      process.exit(1)
+    }
+  })
+
+  return fileDependenciesMap
+}
+
+function printDirectoriesReport(allFilesAndImports) {
+  // collect all files that are imported via CommonJS in the entire backend codebase
+  const filesImportedViaCjs = new Set()
+  allFilesAndImports.forEach((imports, file) => {
+    if (!file.endsWith('.mjs')) {
+      imports.forEach(imprt => filesImportedViaCjs.add(imprt))
+    }
+  })
+
+  // collect js files from the selected paths
+  const selectedFiles = Array.from(
+    findJSAndImports(paths.map(dir => path.resolve(dir))).keys()
+  ).filter(file => !file.endsWith('settings.test.js'))
+  const nonMigratedFiles = selectedFiles.filter(file => !file.endsWith('.mjs'))
+  const migratedFileCount = selectedFiles.filter(file =>
+    file.endsWith('.mjs')
+  ).length
+
+  // collect files in the selected paths that are not imported via CommonJs in the entire backend codebase
+  const filesNotImportedViaCjs = nonMigratedFiles.filter(
+    file => !filesImportedViaCjs.has(file)
+  )
+
+  if (json) {
+    console.log(
+      JSON.stringify(
+        {
+          fileCount: selectedFiles.length,
+          migratedFileCount,
+          filesNotImportedViaCjs,
+        },
+        null,
+        2
+      )
+    )
+  } else {
+    console.log(`Found ${selectedFiles.length} files in ${paths}:
+    - ${migratedFileCount} have been migrated to ES Modules (progress=${((migratedFileCount / selectedFiles.length) * 100).toFixed(2)}%)
+    - ${filesNotImportedViaCjs.length} are ready to migrate (these are not imported via CommonJS in the entire codebase)
+`)
+    if (files) {
+      console.log(`Files that are ready to migrate:`)
+      filesNotImportedViaCjs.forEach(file =>
+        console.log(`    - ${file.replace(process.cwd() + '/', '')}`)
+      )
+    }
+  }
+}
+
+function printFileReport(allFilesAndImports) {
+  const filePath = path.resolve(paths[0])
+  if (filePath.endsWith('.mjs')) {
+    console.log(`${filePath} is already migrated to ESM`)
+    return
+  }
+  const filePathWithoutExtension = filePath.replace('.js', '')
+
+  const importingFiles = []
+  allFilesAndImports.forEach((imports, file) => {
+    if (file.endsWith('.mjs')) {
+      return
+    }
+    if (
+      imports.some(
+        imprt => imprt === filePath || imprt === filePathWithoutExtension
+      )
+    ) {
+      importingFiles.push(file)
+    }
+  })
+
+  if (json) {
+    console.log(
+      JSON.stringify(
+        {
+          importingFiles,
+        },
+        null,
+        2
+      )
+    )
+  } else {
+    console.log(`${filePath} is required by ${importingFiles.length} CJS file`)
+    importingFiles.forEach(file =>
+      console.log(`    - ${file.replace(process.cwd() + '/', '')}`)
+    )
+  }
+}
+
+function main() {
+  if (help) {
+    usage()
+    process.exit(0)
+  }
+
+  // collect all the js files in the entire backend codebase (app/ + modules/) with its imports
+  const allFilesAndImports = findJSAndImports(
+    APP_CODE_PATH.map(dir => path.resolve(dir))
+  )
+  const entryPoint = fs.existsSync('app.js') ? 'app.js' : 'app.mjs'
+  allFilesAndImports.set(path.resolve(entryPoint), extractImports(entryPoint))
+
+  const isFileReport = fs.statSync(paths[0]).isFile()
+
+  if (isFileReport) {
+    printFileReport(allFilesAndImports)
+  } else {
+    printDirectoriesReport(allFilesAndImports)
+  }
+}
+
+main()
diff --git a/services/web/scripts/example/script_for_migration.mjs b/services/web/scripts/example/script_for_migration.mjs
new file mode 100644
index 0000000..0c201ee
--- /dev/null
+++ b/services/web/scripts/example/script_for_migration.mjs
@@ -0,0 +1,30 @@
+/* subscription.freeTrialExpiresAt
+ * Example script for a migration:
+ *
+ * This script demonstrates how to write a script that is runnable either via
+ * the CLI, or via a migration. The related migration is `script_example`
+ * in the migrations directory.
+ */
+
+import { User } from '../../app/src/models/User.js'
+import { fileURLToPath } from 'node:url'
+
+// const somePackage = require('some-package')
+
+const runScript = async () => {
+  const user = await User.findOne({}, { first_name: 1 }).exec()
+  const name = user ? user.first_name : 'World'
+  console.log(`Hello ${name}!`)
+}
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  try {
+    await runScript()
+    process.exit()
+  } catch (error) {
+    console.error(error)
+    process.exit(1)
+  }
+}
+
+export default runScript
diff --git a/services/web/scripts/example/track_progress.mjs b/services/web/scripts/example/track_progress.mjs
new file mode 100644
index 0000000..531eb87
--- /dev/null
+++ b/services/web/scripts/example/track_progress.mjs
@@ -0,0 +1,31 @@
+// Import the script runner utility (adjust the path as needed)
+import { scriptRunner } from '../lib/ScriptRunner.mjs'
+
+const subJobs = 30
+
+/**
+ * Your script's main work goes here.
+ * It must be an async function and accept `trackProgress`.
+ * @param {(message: string) => Promise<void>} trackProgress - Call this to log progress.
+ */
+async function main(trackProgress) {
+  for (let i = 0; i < subJobs; i++) {
+    await new Promise(resolve => setTimeout(() => resolve(), 1000))
+    await trackProgress(`Job in progress ${i + 1}/${subJobs}`)
+  }
+  await trackProgress('Job finished')
+}
+
+// Define any variables your script needs (optional)
+const scriptVariables = {
+  subJobs,
+}
+
+// --- Execute the script using the runner with async/await ---
+try {
+  await scriptRunner(main, scriptVariables)
+  process.exit()
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/extract_onboardingdatacollection_csv.js b/services/web/scripts/extract_onboardingdatacollection_csv.js
new file mode 100644
index 0000000..3f47e2c
--- /dev/null
+++ b/services/web/scripts/extract_onboardingdatacollection_csv.js
@@ -0,0 +1,96 @@
+const csv = require('csv')
+const fs = require('fs')
+const {
+  OnboardingDataCollection,
+} = require('../app/src/models/OnboardingDataCollection')
+
+/**
+ * This script extracts the OnboardingDataCollection collection from the database
+ * and writes it to a CSV file.
+ *
+ * Usage:
+ *   - Locally:
+ *     - docker compose exec web bash
+ *     - node services/web/scripts/extract_onboardingdatacollection_csv.js
+ *   - On the server:
+ *     - rake connect:app[staging,web]
+ *     - node web/scripts/extract_onboardingdatacollection_csv.js
+ *     - exit
+ *     - kubectl cp web-standalone-prod-XXXXX:/tmp/onboardingDataCollection.csv ~/onboardingDataCollection.csv
+ *
+ */
+
+const mapFields = doc => {
+  return {
+    primaryOccupation: doc.primaryOccupation,
+    usedLatex: doc.usedLatex,
+    companyDivisionDepartment: doc.companyDivisionDepartment,
+    companyJobTitle: doc.companyJobTitle,
+    governmentJobTitle: doc.governmentJobTitle,
+    institutionName: doc.institutionName,
+    otherJobTitle: doc.otherJobTitle,
+    nonprofitDivisionDepartment: doc.nonprofitDivisionDepartment,
+    nonprofitJobTitle: doc.nonprofitJobTitle,
+    role: doc.role,
+    subjectArea: doc.subjectArea,
+    updatedAt: new Date(doc.updatedAt).toISOString(),
+    userId: doc._id.toString(), // _id is set as the userId
+    firstName: Boolean(doc.firstName).toString(),
+    lastName: Boolean(doc.lastName).toString(),
+  }
+}
+
+const runScript = async () => {
+  console.time('CSV Writing Duration')
+
+  console.log('Starting to write to csv file...')
+
+  const cursor = OnboardingDataCollection.find().cursor()
+
+  const csvWriter = csv.stringify({
+    header: true,
+    columns: [
+      'primaryOccupation',
+      'usedLatex',
+      'companyDivisionDepartment',
+      'companyJobTitle',
+      'governmentJobTitle',
+      'institutionName',
+      'otherJobTitle',
+      'nonprofitDivisionDepartment',
+      'nonprofitJobTitle',
+      'role',
+      'subjectArea',
+      'updatedAt',
+      'userId',
+      'firstName',
+      'lastName',
+    ],
+  })
+
+  const writeStream = fs.createWriteStream('/tmp/onboardingDataCollection.csv')
+
+  csvWriter.pipe(writeStream)
+
+  let lineCount = 0
+  for (let doc = await cursor.next(); doc != null; doc = await cursor.next()) {
+    lineCount++
+    csvWriter.write(mapFields(doc))
+  }
+
+  csvWriter.end()
+
+  writeStream.on('finish', () => {
+    console.log(`Done writing to csv file. Total lines written: ${lineCount}`)
+    console.timeEnd('CSV Writing Duration')
+    process.exit()
+  })
+
+  writeStream.on('error', err => console.error('Write Stream Error:', err))
+  csvWriter.on('error', err => console.error('CSV Writer Error:', err))
+}
+
+runScript().catch(err => {
+  console.error(err)
+  process.exit(1)
+})
diff --git a/services/web/scripts/extract_onboardingdatacollection_never_used_latex.js b/services/web/scripts/extract_onboardingdatacollection_never_used_latex.js
new file mode 100644
index 0000000..0d038df
--- /dev/null
+++ b/services/web/scripts/extract_onboardingdatacollection_never_used_latex.js
@@ -0,0 +1,202 @@
+const csv = require('csv')
+const fs = require('fs')
+const minimist = require('minimist')
+const {
+  OnboardingDataCollection,
+} = require('../app/src/models/OnboardingDataCollection')
+const { User } = require('../app/src/models/User')
+const SubscriptionLocator = require('../app/src/Features/Subscription/SubscriptionLocator')
+const Settings = require('@overleaf/settings')
+const { fetchJson } = require('@overleaf/fetch-utils')
+
+/**
+ * This script extracts ODC data with some extra fields, and filters on registration date and LaTeX experience
+ *
+ *  It will:
+ *    — filter for used_latex=never
+ *    — augment rows with user registered date and email addresses
+ *    — filter on users registered after a certain date
+ *    — export updated CSV
+ *
+ * Usage:
+ *   - Locally:
+ *     - docker compose exec web bash
+ *     - node scripts/extract_onboardingdatacollection_never_used_latex.js
+ *   - On the server:
+ *     - rake connect:app[staging,web]
+ *     - node scripts/extract_onboardingdatacollection_never_used_latex.js
+ *     - exit
+ *     - kubectl cp web-standalone-prod-XXXXX:/tmp/odc_neverUsedLatex.csv ~/odc_neverUsedLatex.csv
+ */
+
+function usage() {
+  console.log(
+    `
+    Onboarding Data Collection extraction, outputs to /tmp/odc_neverUsedLatex.csv
+
+    Usage:
+      node scripts/extract_onboardingdatacollection_never_used_latex.js [--registeredBefore=<date>] [--studentsOnly] [--includeSignUpDate] [--includeCountry] [--includePlanCode]
+
+    Options:
+    --help                    Show this screen
+
+    --registeredBefore=<date> Limit to users registered before ISO 8601 date (eg. 2024-08-01)
+
+    --studentsOnly            Only include users whose primary occupation is 'university' or 'school'
+
+    --includeSignUpDate       Include signUpDate column
+
+    --includeCountry          Include countryCode column (inferred from institution and possibly missing)
+
+    --includePlanCode         Include planCode column
+    `
+  )
+}
+
+function parseArgs() {
+  const argv = minimist(process.argv.slice(2), {
+    string: ['registeredBefore'],
+    bool: [
+      'help',
+      'studentsOnly',
+      'includeSignUpDate',
+      'includeCountry',
+      'includePlanCode',
+    ],
+    default: {
+      help: false,
+      studentsOnly: false,
+      includeSignUpDate: false,
+      includeCountry: false,
+      includePlanCode: false,
+      registeredBefore: '2024-02-18',
+    },
+  })
+
+  if (argv.help) {
+    usage()
+    process.exit(0)
+  }
+  return argv
+}
+
+async function getEmails(userIds, { registeredBefore }) {
+  const userEmails = await User.find(
+    { _id: { $in: userIds }, signUpDate: { $lte: new Date(registeredBefore) } },
+    { email: 1, signUpDate: 1 }
+  ).exec()
+  return userEmails.map(({ email, signUpDate }) => ({
+    email,
+    signUpDate: new Date(signUpDate).toISOString(),
+  }))
+}
+
+async function getUsers({ studentsOnly }) {
+  const odcCriteria = { usedLatex: 'never' }
+  if (studentsOnly) {
+    odcCriteria.primaryOccupation = 'university'
+  }
+
+  const cursor = OnboardingDataCollection.find(odcCriteria).cursor()
+
+  const userIds = []
+  const institutionNames = []
+  for (let doc = await cursor.next(); doc != null; doc = await cursor.next()) {
+    userIds.push(doc._id.toString())
+    institutionNames.push(doc.institutionName)
+  }
+
+  return { userIds, institutionNames }
+}
+
+async function getUserPlanCodes(users) {
+  const planCodes = []
+  for await (const user of users) {
+    const subscription =
+      await SubscriptionLocator.promises.getUsersSubscription(user)
+    planCodes.push(subscription?.planCode || 'free')
+  }
+  return planCodes
+}
+
+// inferred from institution so will not always be available or accurate
+async function getUserCountries(institutions) {
+  const countryCodes = []
+  // cache any institutions we lookup to avoid making duplicate calls
+  const institutionLookups = {}
+  for await (const inst of institutions) {
+    if (!inst) {
+      countryCodes.push(undefined)
+      continue
+    }
+    if (institutionLookups[inst]) {
+      countryCodes.push(institutionLookups[inst])
+      continue
+    }
+    try {
+      const url = `${Settings.apis.web.url}/institutions/search?search=${encodeURIComponent(inst)}&max_results=1`
+      const response = await fetchJson(url)
+      countryCodes.push(response[0]?.country_code)
+      institutionLookups[inst] = response[0]?.country_code
+    } catch (e) {
+      // if institution search fails just move on
+      console.log(`Error when looking up institution ${inst}: ${e.message}`)
+      countryCodes.push(undefined)
+    }
+  }
+  return countryCodes
+}
+
+async function runScript() {
+  const columns = ['email']
+
+  const args = parseArgs()
+
+  if (args.includeSignUpDate) {
+    columns.push('signUpDate')
+  }
+
+  const users = await getUsers(args)
+  let userEmails = await getEmails(users.userIds, args)
+
+  if (args.includePlanCode) {
+    columns.push('planCode')
+    const planCodes = await getUserPlanCodes(users.userIds)
+    userEmails = userEmails.map((user, index) => {
+      user.planCode = planCodes[index]
+      return user
+    })
+  }
+
+  if (args.includeCountry) {
+    columns.push('country')
+    const countryCodes = await getUserCountries(users.institutionNames)
+    userEmails = userEmails.map((user, index) => {
+      user.country = countryCodes[index]
+      return user
+    })
+  }
+
+  console.log('Starting to write to csv file...')
+
+  csv.stringify(
+    userEmails,
+    {
+      header: true,
+      columns,
+    },
+    function (err, output) {
+      fs.writeFileSync('/tmp/odc_neverUsedLatex.csv', output)
+      if (err) {
+        console.log('error writing csv output: ', err)
+        process.exit(1)
+      }
+      process.exit()
+    }
+  )
+}
+
+runScript().catch(err => {
+  console.error(err)
+  process.exit(1)
+})
diff --git a/services/web/scripts/find_malformed_filetrees.mjs b/services/web/scripts/find_malformed_filetrees.mjs
new file mode 100644
index 0000000..25b4a77
--- /dev/null
+++ b/services/web/scripts/find_malformed_filetrees.mjs
@@ -0,0 +1,169 @@
+// @ts-check
+import { db, ObjectId } from '../app/src/infrastructure/mongodb.js'
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+
+/**
+ * @typedef {Object} Doc
+ * @property {ObjectId} _id
+ * @property {string} name
+ */
+
+/**
+ * @typedef {Object} FileRef
+ * @property {ObjectId} _id
+ * @property {string} name
+ * @property {string} hash
+ */
+
+/**
+ * @typedef {Object} Folder
+ * @property {ObjectId} _id
+ * @property {string} name
+ * @property {Array<Doc>} docs
+ * @property {Array<Folder>} folders
+ * @property {Array<FileRef>} fileRefs
+ */
+
+/**
+ * @typedef {Object} Project
+ * @property {ObjectId} _id
+ * @property {Array<Folder>} rootFolder
+ */
+
+async function main() {
+  let projectsProcessed = 0
+  await batchedUpdate(
+    db.projects,
+    {},
+    /**
+     * @param {Array<Project>} projects
+     * @return {Promise<void>}
+     */
+    async function projects(projects) {
+      for (const project of projects) {
+        projectsProcessed += 1
+        if (projectsProcessed % 100000 === 0) {
+          console.log(projectsProcessed, 'projects processed')
+        }
+        const projectId = project._id.toString()
+        for (const { reason, path, _id } of processProject(project)) {
+          console.log(
+            JSON.stringify({
+              msg: 'bad file-tree path',
+              projectId,
+              reason,
+              path,
+              _id,
+            })
+          )
+        }
+      }
+    },
+    { _id: 1, rootFolder: 1 }
+  )
+}
+
+/**
+ * @param {Project} project
+ * @return {Generator<{path: string, reason: string, _id: any}, void, *>}
+ */
+function* processProject(project) {
+  if (!project.rootFolder || !Array.isArray(project.rootFolder)) {
+    yield { reason: 'bad rootFolder', path: 'rootFolder', _id: null }
+  } else if (!project.rootFolder[0]) {
+    yield { reason: 'missing rootFolder', path: 'rootFolder.0', _id: null }
+  } else {
+    for (const { path, reason, _id } of findBadPaths(project.rootFolder[0])) {
+      yield { reason, path: `rootFolder.0${path}`, _id }
+    }
+  }
+}
+
+/**
+ * @param {Folder} folder
+ * @return {Generator<{path: string, reason: string, _id: any}, void, *>}
+ */
+function* findBadPaths(folder) {
+  const folderId = folder._id
+
+  if (!(folderId instanceof ObjectId)) {
+    yield { path: '._id', reason: 'bad folder id', _id: folderId }
+  }
+
+  if (typeof folder.name !== 'string' || !folder.name) {
+    yield { path: '.name', reason: 'bad folder name', _id: folderId }
+  }
+
+  if (folder.folders && Array.isArray(folder.folders)) {
+    for (const [i, subfolder] of folder.folders.entries()) {
+      if (!subfolder || typeof subfolder !== 'object') {
+        yield { path: `.folders.${i}`, reason: 'bad folder', _id: folderId }
+        continue
+      }
+      for (const { path, reason, _id } of findBadPaths(subfolder)) {
+        yield { path: `.folders.${i}${path}`, reason, _id }
+      }
+    }
+  } else {
+    yield { path: '.folders', reason: 'missing .folders', _id: folderId }
+  }
+
+  if (folder.docs && Array.isArray(folder.docs)) {
+    for (const [i, doc] of folder.docs.entries()) {
+      if (!doc || typeof doc !== 'object') {
+        yield { path: `.docs.${i}`, reason: 'bad doc', _id: folderId }
+        continue
+      }
+      const docId = doc._id
+      if (!(docId instanceof ObjectId)) {
+        yield { path: `.docs.${i}._id`, reason: 'bad doc id', _id: docId }
+        // no need to check further: this doc can be deleted
+        continue
+      }
+      if (typeof doc.name !== 'string' || !doc.name) {
+        yield { path: `.docs.${i}.name`, reason: 'bad doc name', _id: docId }
+      }
+    }
+  } else {
+    yield { path: '.docs', reason: 'missing .docs', _id: folderId }
+  }
+
+  if (folder.fileRefs && Array.isArray(folder.fileRefs)) {
+    for (const [i, file] of folder.fileRefs.entries()) {
+      if (!file || typeof file !== 'object') {
+        yield { path: `.fileRefs.${i}`, reason: 'bad file', _id: folderId }
+        continue
+      }
+      const fileId = file._id
+      if (!(fileId instanceof ObjectId)) {
+        yield { path: `.fileRefs.${i}._id`, reason: 'bad file id', _id: fileId }
+        // no need to check further: this file can be deleted
+        continue
+      }
+      if (typeof file.name !== 'string' || !file.name) {
+        yield {
+          path: `.fileRefs.${i}.name`,
+          reason: 'bad file name',
+          _id: fileId,
+        }
+      }
+      if (typeof file.hash !== 'string' || !file.hash) {
+        yield {
+          path: `.fileRefs.${i}.hash`,
+          reason: 'bad file hash',
+          _id: fileId,
+        }
+      }
+    }
+  } else {
+    yield { path: '.fileRefs', reason: 'missing .fileRefs', _id: folderId }
+  }
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/fix_comment_id.mjs b/services/web/scripts/fix_comment_id.mjs
new file mode 100644
index 0000000..ea72689
--- /dev/null
+++ b/services/web/scripts/fix_comment_id.mjs
@@ -0,0 +1,80 @@
+// @ts-check
+
+import minimist from 'minimist'
+import DocstoreManager from '../app/src/Features/Docstore/DocstoreManager.js'
+import { db, ObjectId } from '../app/src/infrastructure/mongodb.js'
+
+const OPTS = parseArgs()
+
+function usage() {
+  console.error('Usage: node fix_comment_id.mjs [--commit] PROJECT_ID...')
+}
+
+function parseArgs() {
+  const args = minimist(process.argv.slice(2), {
+    boolean: ['commit'],
+  })
+  if (args._.length === 0) {
+    usage()
+    process.exit(0)
+  }
+  return {
+    projectIds: args._,
+    commit: args.commit,
+  }
+}
+
+async function processProject(projectId) {
+  console.log(`Processing project ${projectId}...`)
+  const docRanges = await DocstoreManager.promises.getAllRanges(projectId)
+
+  let commentsUpdated = 0
+  for (const doc of docRanges) {
+    const updateCommentsInDoc = await processDoc(doc)
+    commentsUpdated += updateCommentsInDoc
+  }
+  if (OPTS.commit) {
+    console.log(`${commentsUpdated} comments updated`)
+  }
+}
+
+async function processDoc(doc) {
+  let commentsUpdated = 0
+  for (const comment of doc.ranges.comments ?? []) {
+    if (comment.op.t !== comment.id) {
+      console.log(
+        `updating comment id ${comment.id} to ${comment.op.t} in doc ${doc._id} ...`
+      )
+      if (OPTS.commit) {
+        await db.docs.updateOne(
+          { _id: new ObjectId(doc._id) },
+          {
+            $set: {
+              'ranges.comments.$[element].id': new ObjectId(comment.op.t),
+            },
+          },
+          {
+            arrayFilters: [
+              { 'element.op.t': { $eq: new ObjectId(comment.op.t) } },
+            ],
+          }
+        )
+        commentsUpdated += 1
+      } else {
+        console.log(
+          `Would update comment id ${comment.id} to ${comment.op.t} (dry run)`
+        )
+      }
+    }
+  }
+  return commentsUpdated
+}
+
+// Main loop
+for (const projectId of OPTS.projectIds) {
+  await processProject(projectId)
+}
+if (!OPTS.commit) {
+  console.log('This was a dry run. Rerun with --commit to apply changes')
+}
+process.exit(0)
diff --git a/services/web/scripts/fix_group_invite_emails_to_lowercase.mjs b/services/web/scripts/fix_group_invite_emails_to_lowercase.mjs
new file mode 100644
index 0000000..83024be
--- /dev/null
+++ b/services/web/scripts/fix_group_invite_emails_to_lowercase.mjs
@@ -0,0 +1,67 @@
+import { db } from '../app/src/infrastructure/mongodb.js'
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+
+const DRY_RUN = process.env.DRY_RUN !== 'false'
+
+console.log({
+  DRY_RUN,
+})
+
+function anyInviteEmailHasUppercaseChars(subscription) {
+  return subscription.teamInvites.some(invite => {
+    return /[A-Z]/.test(invite.email)
+  })
+}
+
+async function processBatch(subscriptions) {
+  for (const subscription of subscriptions) {
+    if (anyInviteEmailHasUppercaseChars(subscription)) {
+      console.log('fixing emails in group invites for', subscription._id)
+      if (!DRY_RUN) {
+        await db.subscriptions.updateOne({ _id: subscription._id }, [
+          {
+            $set: {
+              teamInvites: {
+                $map: {
+                  input: '$teamInvites',
+                  in: {
+                    $mergeObjects: [
+                      '$$this',
+                      {
+                        email: {
+                          $toLower: '$$this.email',
+                        },
+                      },
+                    ],
+                  },
+                },
+              },
+            },
+          },
+        ])
+      }
+    }
+  }
+}
+
+async function main() {
+  const projection = {
+    _id: 1,
+    teamInvites: 1,
+  }
+  const query = {
+    'teamInvites.0': {
+      $exists: true,
+    },
+  }
+  await batchedUpdate(db.subscriptions, query, processBatch, projection)
+}
+
+try {
+  await main()
+  console.error('Done.')
+  process.exit(0)
+} catch (error) {
+  console.error({ error })
+  process.exit(1)
+}
diff --git a/services/web/scripts/fix_malformed_filetree.mjs b/services/web/scripts/fix_malformed_filetree.mjs
new file mode 100644
index 0000000..2358bed
--- /dev/null
+++ b/services/web/scripts/fix_malformed_filetree.mjs
@@ -0,0 +1,306 @@
+/**
+ * This script fixes problems found by the find_malformed_filetrees.js script.
+ *
+ * The script takes a single argument --logs pointing at the output of a
+ * previous run of the find_malformed_filetrees.js script.
+ *
+ * Alternatively, use an adhoc file: --logs=<(echo '{"projectId":"...","path":"..."}')
+ */
+import mongodb from 'mongodb-legacy'
+import { db } from '../app/src/infrastructure/mongodb.js'
+import ProjectLocator, {
+  findDeep,
+} from '../app/src/Features/Project/ProjectLocator.js'
+import minimist from 'minimist'
+import readline from 'node:readline'
+import fs from 'node:fs'
+import logger from '@overleaf/logger'
+
+const { ObjectId } = mongodb
+const lastUpdated = new Date()
+
+const argv = minimist(process.argv.slice(2), {
+  string: ['logs'],
+})
+
+let gracefulShutdownInitiated = false
+
+process.on('SIGINT', handleSignal)
+process.on('SIGTERM', handleSignal)
+
+function handleSignal() {
+  gracefulShutdownInitiated = true
+  console.warn('graceful shutdown initiated, draining queue')
+}
+
+const STATS = {
+  processedLines: 0,
+  success: 0,
+  alreadyProcessed: 0,
+  hash: 0,
+  failed: 0,
+  unmatched: 0,
+}
+function logStats() {
+  console.log(
+    JSON.stringify({
+      time: new Date(),
+      gracefulShutdownInitiated,
+      ...STATS,
+    })
+  )
+}
+setInterval(logStats, 10_000)
+
+async function main() {
+  const rl = readline.createInterface({
+    input: fs.createReadStream(argv.logs),
+  })
+  for await (const line of rl) {
+    if (gracefulShutdownInitiated) break
+    STATS.processedLines++
+    if (!line.startsWith('{')) continue
+    try {
+      const { projectId, path, _id } = JSON.parse(line)
+      await processBadPath(projectId, path, _id)
+    } catch (err) {
+      STATS.failed++
+      logger.err({ line, err }, 'failed to fix tree')
+    }
+  }
+}
+
+async function processBadPath(projectId, mongoPath, _id) {
+  let modifiedCount
+  if (isRootFolder(mongoPath)) {
+    modifiedCount = await fixRootFolder(projectId)
+  } else if (isArrayElement(mongoPath)) {
+    modifiedCount = await removeNulls(projectId, _id)
+  } else if (isArray(mongoPath)) {
+    modifiedCount = await fixArray(projectId, mongoPath)
+  } else if (isFolderId(mongoPath)) {
+    modifiedCount = await fixFolderId(projectId, mongoPath)
+  } else if (isDocOrFileId(mongoPath)) {
+    modifiedCount = await removeElementsWithoutIds(
+      projectId,
+      parentPath(parentPath(mongoPath))
+    )
+  } else if (isName(mongoPath)) {
+    modifiedCount = await fixName(projectId, _id)
+  } else if (isHash(mongoPath)) {
+    console.error(`Missing file hash: ${projectId}/${_id} (${mongoPath})`)
+    console.error('SaaS: likely needs filestore restore')
+    console.error('Server Pro: please reach out to support')
+    STATS.hash++
+    return
+  } else {
+    console.error(`Unexpected mongo path: ${mongoPath}`)
+    STATS.unmatched++
+    return
+  }
+
+  if (modifiedCount === 0) {
+    STATS.alreadyProcessed++
+  } else {
+    STATS.success++
+  }
+}
+
+function isRootFolder(path) {
+  return path === 'rootFolder.0'
+}
+
+function isArray(path) {
+  return /\.(docs|folders|fileRefs)$/.test(path)
+}
+
+function isArrayElement(path) {
+  return /\.\d+$/.test(path)
+}
+
+function isFolderId(path) {
+  return /\.folders\.\d+\._id$/.test(path)
+}
+
+function isDocOrFileId(path) {
+  return /\.(docs|fileRefs)\.\d+\._id$/.test(path)
+}
+
+function isName(path) {
+  return /\.name$/.test(path)
+}
+
+function isHash(path) {
+  return /\.hash$/.test(path)
+}
+
+function parentPath(path) {
+  return path.slice(0, path.lastIndexOf('.'))
+}
+
+/**
+ * If the root folder structure is missing, set it up
+ */
+async function fixRootFolder(projectId) {
+  const result = await db.projects.updateOne(
+    {
+      _id: new ObjectId(projectId),
+      rootFolder: { $size: 0 },
+    },
+    {
+      $set: {
+        rootFolder: [
+          {
+            _id: new ObjectId(),
+            name: 'rootFolder',
+            folders: [],
+            docs: [],
+            fileRefs: [],
+          },
+        ],
+        lastUpdated,
+        lastUpdatedBy: null, // unset lastUpdatedBy
+      },
+    }
+  )
+  return result.modifiedCount
+}
+
+/**
+ * Remove all nulls from the given docs/files/folders array
+ */
+async function removeNulls(projectId, _id) {
+  if (!_id) {
+    throw new Error('missing _id')
+  }
+  const project = await db.projects.findOne(
+    { _id: new ObjectId(projectId) },
+    { projection: { rootFolder: 1 } }
+  )
+  const foundResult = findDeep(project, obj => obj?._id?.toString() === _id)
+  if (!foundResult) return
+  const { path } = foundResult
+  const result = await db.projects.updateOne(
+    { _id: new ObjectId(projectId) },
+    {
+      $pull: {
+        [`${path}.folders`]: null,
+        [`${path}.docs`]: null,
+        [`${path}.fileRefs`]: null,
+      },
+      $set: {
+        lastUpdated,
+        lastUpdatedBy: null, // unset lastUpdatedBy
+      },
+    }
+  )
+  return result.modifiedCount
+}
+
+/**
+ * If the element at the given path is not an array, set it to an empty array
+ */
+async function fixArray(projectId, path) {
+  const result = await db.projects.updateOne(
+    { _id: new ObjectId(projectId), [path]: { $not: { $type: 'array' } } },
+    { $set: { [path]: [], lastUpdated, lastUpdatedBy: null } }
+  )
+  return result.modifiedCount
+}
+
+/**
+ * Generate a missing id for a folder
+ */
+async function fixFolderId(projectId, path) {
+  const result = await db.projects.updateOne(
+    { _id: new ObjectId(projectId), [path]: { $exists: false } },
+    {
+      $set: {
+        [path]: new ObjectId(),
+        lastUpdated,
+        lastUpdatedBy: null, // unset lastUpdatedBy
+      },
+    }
+  )
+  return result.modifiedCount
+}
+
+/**
+ * Remove elements that don't have ids in the array at the given path
+ */
+async function removeElementsWithoutIds(projectId, path) {
+  const result = await db.projects.updateOne(
+    { _id: new ObjectId(projectId), [path]: { $type: 'array' } },
+    {
+      $pull: { [path]: { _id: null } },
+      $set: {
+        lastUpdated,
+        lastUpdatedBy: null, // unset lastUpdatedBy
+      },
+    }
+  )
+  return result.modifiedCount
+}
+
+/**
+ * Give a name to a file/doc/folder that doesn't have one
+ */
+async function fixName(projectId, _id) {
+  if (!_id) {
+    throw new Error('missing _id')
+  }
+  const project = await db.projects.findOne(
+    { _id: new ObjectId(projectId) },
+    { projection: { rootFolder: 1 } }
+  )
+  const foundResult = findDeep(project, obj => obj?._id?.toString() === _id)
+  if (!foundResult) return
+  const { path } = foundResult
+  const array = ProjectLocator.findElementByMongoPath(project, parentPath(path))
+  const name =
+    path === 'rootFolder.0'
+      ? 'rootFolder'
+      : findUniqueName(new Set(array.map(x => x?.name)))
+  const pathToName = `${path}.name`
+  const result = await db.projects.updateOne(
+    { _id: new ObjectId(projectId), [pathToName]: { $in: [null, ''] } },
+    {
+      $set: {
+        [pathToName]: name,
+        lastUpdated,
+        lastUpdatedBy: null, // unset lastUpdatedBy
+      },
+    }
+  )
+  return result.modifiedCount
+}
+
+function findUniqueName(existingFilenames) {
+  let index = 0
+  let filename = 'untitled'
+  while (existingFilenames.has(filename)) {
+    index += 1
+    filename = `untitled-${index}`
+  }
+  return filename
+}
+
+try {
+  try {
+    await main()
+  } finally {
+    logStats()
+  }
+  if (STATS.failed > 0) {
+    process.exit(Math.min(STATS.failed, 99))
+  } else if (STATS.hash > 0) {
+    process.exit(100)
+  } else if (STATS.unmatched > 0) {
+    process.exit(101)
+  } else {
+    process.exit(0)
+  }
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/fix_oversized_docs.mjs b/services/web/scripts/fix_oversized_docs.mjs
new file mode 100644
index 0000000..9f2e250
--- /dev/null
+++ b/services/web/scripts/fix_oversized_docs.mjs
@@ -0,0 +1,163 @@
+import fs from 'node:fs'
+import minimist from 'minimist'
+import { ObjectId } from '../app/src/infrastructure/mongodb.js'
+import DocstoreManager from '../app/src/Features/Docstore/DocstoreManager.js'
+import FileStoreHandler from '../app/src/Features/FileStore/FileStoreHandler.js'
+import FileWriter from '../app/src/infrastructure/FileWriter.js'
+import ProjectEntityMongoUpdateHandler from '../app/src/Features/Project/ProjectEntityMongoUpdateHandler.js'
+import ProjectLocator from '../app/src/Features/Project/ProjectLocator.js'
+import RedisWrapper from '@overleaf/redis-wrapper'
+import Settings from '@overleaf/settings'
+
+const opts = parseArgs()
+const redis = RedisWrapper.createClient(Settings.redis.web)
+
+function parseArgs() {
+  const args = minimist(process.argv.slice(2), {
+    boolean: ['commit', 'ignore-ranges'],
+  })
+
+  const projectIds = args._
+  if (projectIds.length === 0) {
+    console.log(`Usage: ${process.argv[1]} [OPTS] PROJECT_ID
+
+Options:
+    --commit          Actually convert oversized docs to binary files
+    --max-doc-size    Size over which docs are converted to binary files
+    --ignore-ranges   Convert docs even if they contain ranges
+`)
+    process.exit(0)
+  }
+
+  const commit = args.commit
+  const ignoreRanges = args['ignore-ranges']
+  const maxDocSize = args['max-doc-size']
+    ? parseInt(args['max-doc-size'], 10)
+    : 2 * 1024 * 1024
+
+  return { projectIds, commit, ignoreRanges, maxDocSize }
+}
+
+async function main() {
+  for (const projectId of opts.projectIds) {
+    await processProject(projectId)
+  }
+  if (!opts.commit) {
+    console.log('This was a dry run. Re-run with --commit to apply changes')
+  }
+}
+
+async function processProject(projectId) {
+  const docIds = await getDocIds(projectId)
+  for (const docId of docIds) {
+    await processDoc(projectId, docId)
+  }
+}
+
+async function processDoc(projectId, docId) {
+  const doc = await getDoc(projectId, docId)
+  const size = doc.lines.reduce((sum, line) => sum + line.length + 1, 0)
+  if (size > opts.maxDocSize) {
+    if (
+      !opts.ignoreRanges &&
+      ((doc.ranges.comments && doc.ranges.comments.length > 0) ||
+        (doc.ranges.changes && doc.ranges.changes.length > 0))
+    ) {
+      console.log(
+        `Skipping doc ${doc.path} in project ${projectId} because it has ranges`
+      )
+      return
+    }
+    console.log(
+      `Converting doc ${doc.path} in project ${projectId} to binary (${size} bytes)`
+    )
+    if (opts.commit) {
+      const fileRef = await sendDocToFilestore(projectId, doc)
+      await ProjectEntityMongoUpdateHandler.promises.replaceDocWithFile(
+        new ObjectId(projectId),
+        new ObjectId(docId),
+        fileRef,
+        null // unset lastUpdatedBy
+      )
+      await deleteDocFromMongo(projectId, doc)
+      await deleteDocFromRedis(projectId, docId)
+    }
+  }
+}
+
+async function getDocIds(projectId) {
+  const docIds = await redis.smembers(`DocsIn:{${projectId}}`)
+  return docIds
+}
+
+async function getDoc(projectId, docId) {
+  const lines = await redis.get(`doclines:{${docId}}`)
+  const ranges = await redis.get(`Ranges:{${docId}}`)
+  const { path } = await ProjectLocator.promises.findElement({
+    project_id: projectId,
+    element_id: docId,
+    type: 'doc',
+  })
+  return {
+    id: docId,
+    lines: JSON.parse(lines),
+    ranges: ranges ? JSON.parse(ranges) : {},
+    path: path.fileSystem,
+  }
+}
+
+async function sendDocToFilestore(projectId, doc) {
+  const basename = doc.path.split('/').pop()
+  const tmpFilePath = await FileWriter.promises.writeLinesToDisk(
+    projectId,
+    doc.lines
+  )
+  try {
+    const { fileRef } = await FileStoreHandler.promises.uploadFileFromDisk(
+      projectId,
+      { name: basename, rev: doc.version + 1 },
+      tmpFilePath
+    )
+    return fileRef
+  } finally {
+    fs.promises.unlink(tmpFilePath)
+  }
+}
+
+async function deleteDocFromMongo(projectId, doc) {
+  const basename = doc.path.split('/').pop()
+  const deletedAt = new Date()
+  await DocstoreManager.promises.deleteDoc(
+    projectId,
+    doc.id,
+    basename,
+    deletedAt
+  )
+}
+
+async function deleteDocFromRedis(projectId, docId) {
+  await redis.del(
+    `Blocking:{${docId}}`,
+    `doclines:{${docId}}`,
+    `DocOps:{${docId}}`,
+    `DocVersion:{${docId}}`,
+    `DocHash:{${docId}}`,
+    `ProjectId:{${docId}}`,
+    `Ranges:{${docId}}`,
+    `UnflushedTime:{${docId}}`,
+    `Pathname:{${docId}}`,
+    `ProjectHistoryId:{${docId}}`,
+    `PendingUpdates:{${docId}}`,
+    `lastUpdatedAt:{${docId}}`,
+    `lastUpdatedBy:{${docId}}`
+  )
+  await redis.srem(`DocsIn:{${projectId}}`, projectId)
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/force_doc_flush.mjs b/services/web/scripts/force_doc_flush.mjs
new file mode 100644
index 0000000..399816e
--- /dev/null
+++ b/services/web/scripts/force_doc_flush.mjs
@@ -0,0 +1,76 @@
+import mongodb from 'mongodb-legacy'
+import { db } from '../app/src/infrastructure/mongodb.js'
+import DocumentUpdaterHandler from '../app/src/Features/DocumentUpdater/DocumentUpdaterHandler.js'
+
+const { ObjectId } = mongodb
+const PROJECT_ID = process.env.PROJECT_ID
+const DOC_ID = process.env.DOC_ID
+const VERBOSE_LOGGING = process.env.VERBOSE_LOGGING === 'true'
+const DRY_RUN = process.env.DRY_RUN !== 'false'
+
+console.log({
+  PROJECT_ID,
+  DOC_ID,
+  VERBOSE_LOGGING,
+  DRY_RUN,
+})
+
+async function main() {
+  const { lines, version, ranges } = await getDocument()
+  const size = lines.reduce((size, line) => size + line.length + 1, 0)
+
+  console.log('doc stats:', {
+    lineCount: lines.length,
+    size,
+    version,
+  })
+  if (!DRY_RUN) {
+    console.log(`updating doc ${DOC_ID} in mongo for project ${PROJECT_ID}`)
+    const result = await db.docs.updateOne(
+      { _id: new ObjectId(DOC_ID), project_id: new ObjectId(PROJECT_ID) },
+      {
+        $set: { lines, version, ranges },
+        $inc: { rev: 1 }, // maintain same behaviour as Docstore upsertIntoDocCollection
+        $unset: {
+          inS3: true,
+        },
+      }
+    )
+    console.log('mongo result', result)
+    if (
+      result.matchedCount !== 1 ||
+      result.modifiedCount !== 1 ||
+      !result.acknowledged
+    ) {
+      throw new Error('unexpected result from mongo update')
+    }
+    console.log(`deleting doc ${DOC_ID} from redis for project ${PROJECT_ID}`)
+    await DocumentUpdaterHandler.promises.deleteDoc(PROJECT_ID, DOC_ID, true)
+  }
+}
+
+function getDocument() {
+  return new Promise((resolve, reject) => {
+    DocumentUpdaterHandler.getDocument(
+      PROJECT_ID,
+      DOC_ID,
+      -1,
+      (error, lines, version, ranges) => {
+        if (error) {
+          reject(error)
+        } else {
+          resolve({ lines, version, ranges })
+        }
+      }
+    )
+  })
+}
+
+try {
+  await main()
+  console.error('Done.')
+  process.exit(0)
+} catch (error) {
+  console.error({ error })
+  process.exit(1)
+}
diff --git a/services/web/scripts/helpers/chunkArray.mjs b/services/web/scripts/helpers/chunkArray.mjs
new file mode 100644
index 0000000..67c0767
--- /dev/null
+++ b/services/web/scripts/helpers/chunkArray.mjs
@@ -0,0 +1,12 @@
+const CHUNK_SIZE = 1000
+
+// Function to chunk the array
+export function chunkArray(array, size = CHUNK_SIZE) {
+  const result = []
+  for (let i = 0; i < array.length; i += size) {
+    result.push(array.slice(i, i + size))
+  }
+  return result
+}
+
+export default { chunkArray }
diff --git a/services/web/scripts/helpers/env_variable_helper.mjs b/services/web/scripts/helpers/env_variable_helper.mjs
new file mode 100644
index 0000000..303024e
--- /dev/null
+++ b/services/web/scripts/helpers/env_variable_helper.mjs
@@ -0,0 +1,32 @@
+/**
+ * Ensures that the specific MongoDB connection timeout is set.
+ *
+ * @param {number} timeoutInMS
+ * @returns {void}
+ */
+export function ensureMongoTimeout(timeoutInMS) {
+  if (process.env.MONGO_SOCKET_TIMEOUT !== timeoutInMS.toString()) {
+    throw new Error(
+      `must run with higher mongo timeout: MONGO_SOCKET_TIMEOUT=${timeoutInMS} node ${process.argv[1]}`
+    )
+  }
+}
+
+/**
+ * Ensures MongoDB queries are running on secondary and the specific connection timeout is set.
+ *
+ * @param {number} timeoutInMS
+ * @returns {void}
+ */
+export function ensureRunningOnMongoSecondaryWithTimeout(timeoutInMS) {
+  const timeout = parseInt(process.env.MONGO_SOCKET_TIMEOUT, 10) || 0
+  if (
+    timeout < timeoutInMS ||
+    process.env.MONGO_CONNECTION_STRING !==
+      process.env.READ_ONLY_MONGO_CONNECTION_STRING
+  ) {
+    throw new Error(
+      `must run on secondary with higher mongo timeout: MONGO_SOCKET_TIMEOUT=${timeoutInMS} MONGO_CONNECTION_STRING="$READ_ONLY_MONGO_CONNECTION_STRING" node ${process.argv[1]}`
+    )
+  }
+}
diff --git a/services/web/scripts/history/clean_sl_history_data.mjs b/services/web/scripts/history/clean_sl_history_data.mjs
new file mode 100644
index 0000000..0f8e936
--- /dev/null
+++ b/services/web/scripts/history/clean_sl_history_data.mjs
@@ -0,0 +1,73 @@
+import { db } from '../../app/src/infrastructure/mongodb.js'
+import { ensureMongoTimeout } from '../helpers/env_variable_helper.mjs'
+// Ensure default mongo query timeout has been increased 1h
+if (!process.env.MONGO_SOCKET_TIMEOUT) {
+  ensureMongoTimeout(360000)
+}
+
+async function main() {
+  await checkAllProjectsAreMigrated()
+  await setAllowDowngradeToFalse()
+  await deleteHistoryCollections()
+  console.log('Legacy history data cleaned up successfully')
+  process.exit(0)
+}
+
+async function checkAllProjectsAreMigrated() {
+  console.log('checking all projects are migrated to Full Project History')
+
+  const count = await db.projects.countDocuments({
+    'overleaf.history.display': { $ne: true },
+  })
+
+  if (count === 0) {
+    console.log('All projects are migrated to Full Project History')
+  } else {
+    console.error(
+      `There are ${count} projects that are not migrated to Full Project History` +
+        ` please complete the migration before running this script again.`
+    )
+    process.exit(1)
+  }
+}
+
+async function setAllowDowngradeToFalse() {
+  console.log('unsetting `allowDowngrade` flag in all projects')
+  await db.projects.updateMany(
+    {
+      'overleaf.history.id': { $exists: true },
+      'overleaf.history.allowDowngrade': true,
+    },
+    { $unset: { 'overleaf.history.allowDowngrade': 1 } }
+  )
+  console.log('unsetting `allowDowngrade` flag in all projects - Done')
+}
+
+async function deleteHistoryCollections() {
+  await gracefullyDropCollection(db.docHistory)
+  await gracefullyDropCollection(db.docHistoryIndex)
+  await gracefullyDropCollection(db.projectHistoryMetaData)
+}
+
+async function gracefullyDropCollection(collection) {
+  const collectionName = collection.collectionName
+  console.log(`removing \`${collectionName}\` data`)
+  try {
+    await collection.drop()
+  } catch (err) {
+    if (err.code === 26) {
+      // collection already deleted
+      console.log(`removing \`${collectionName}\` data - Already removed`)
+    } else {
+      throw err
+    }
+  }
+  console.log(`removing \`${collectionName}\` data - Done`)
+}
+
+try {
+  await main()
+} catch (err) {
+  console.error(err)
+  process.exit(1)
+}
diff --git a/services/web/scripts/history/migrate_ranges_support.mjs b/services/web/scripts/history/migrate_ranges_support.mjs
new file mode 100644
index 0000000..f62628f
--- /dev/null
+++ b/services/web/scripts/history/migrate_ranges_support.mjs
@@ -0,0 +1,119 @@
+import HistoryRangesSupportMigration from '../../app/src/Features/History/HistoryRangesSupportMigration.mjs'
+import minimist from 'minimist'
+
+async function main() {
+  const {
+    projectIds,
+    ownerIds,
+    minId,
+    maxId,
+    maxCount,
+    direction,
+    force,
+    stopOnError,
+    quickOnly,
+    concurrency,
+  } = parseArgs()
+  await HistoryRangesSupportMigration.promises.migrateProjects({
+    projectIds,
+    ownerIds,
+    minId,
+    maxId,
+    maxCount,
+    direction,
+    force,
+    stopOnError,
+    quickOnly,
+    concurrency,
+  })
+}
+
+function usage() {
+  console.error(`Usage: migrate_ranges_support.mjs [OPTIONS]
+
+Options:
+
+    --help           Print this help
+    --owner-id       Migrate all projects owned by this owner
+    --project-id     Migrate this project
+    --min-id         Migrate projects from this id
+    --max-id         Migrate projects to this id
+    --max-count      Migrate at most this number of projects
+    --all            Migrate all projects
+    --backwards      Disable history ranges support for selected project ids
+    --force          Migrate projects even if they were already migrated
+    --stop-on-error  Stop after first migration error
+    --quick-only     Do not try a resync migration if quick migration fails
+    --concurrency    How many jobs to run in parallel
+`)
+}
+
+function parseArgs() {
+  const args = minimist(process.argv.slice(2), {
+    boolean: ['backwards', 'help', 'all', 'force', 'quick-only'],
+    string: ['owner-id', 'project-id', 'min-id', 'max-id'],
+  })
+
+  if (args.help) {
+    usage()
+    process.exit(0)
+  }
+
+  const direction = args.backwards ? 'backwards' : 'forwards'
+  const ownerIds = arrayOpt(args['owner-id'])
+  const projectIds = arrayOpt(args['project-id'])
+  const minId = args['min-id']
+  const maxId = args['max-id']
+  const maxCount = args['max-count']
+  const force = args.force
+  const stopOnError = args['stop-on-error']
+  const quickOnly = args['quick-only']
+  const concurrency = args.concurrency ?? 1
+  const all = args.all
+
+  if (
+    !all &&
+    ownerIds == null &&
+    projectIds == null &&
+    minId == null &&
+    maxId == null &&
+    maxCount == null
+  ) {
+    console.error(
+      'Please specify at least one filter, or --all to process all projects\n'
+    )
+    usage()
+    process.exit(1)
+  }
+
+  return {
+    ownerIds,
+    projectIds,
+    minId,
+    maxId,
+    maxCount,
+    direction,
+    force,
+    stopOnError,
+    quickOnly,
+    concurrency,
+  }
+}
+
+function arrayOpt(value) {
+  if (typeof value === 'string') {
+    return [value]
+  } else if (Array.isArray(value)) {
+    return value
+  } else {
+    return undefined
+  }
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/inst_table.mjs b/services/web/scripts/inst_table.mjs
new file mode 100644
index 0000000..566de55
--- /dev/null
+++ b/services/web/scripts/inst_table.mjs
@@ -0,0 +1,38 @@
+/*
+ * Creates the HTML for the institution in the institution table on /for/universities
+ */
+
+const name = process.argv[2]
+const href = process.argv[3]
+const image = process.argv[4]
+
+function create() {
+  if (!name) {
+    return console.log('Error: Institution name is required')
+  }
+  const eventLabel = name.replace(/ /g, '-').replace(/\(|\)/g, '')
+  if (!href) {
+    return console.log('Error: Institution portal href is required')
+  }
+  let result = `  <div class="row">`
+  result += `\n    <div class="col-sm-2 col-xs-3 text-center">`
+
+  if (image) {
+    result += `\n      <img alt="${name}" class="uni-logo" src="${image}">`
+  }
+
+  result += `\n    </div>`
+  result += `\n    <div class="col-sm-8 col-xs-5">
+        <p>
+          <strong>${name}</strong>
+        </p>`
+  result += `\n    </div>`
+  result += `\n    <div class="col-sm-2 col-xs-4 university-claim-btn">
+        <a class="btn btn-primary" href="${href}" event-tracking-ga="For-Pages" event-tracking="Universities-Click-Edu" event-tracking-label="View-${eventLabel}" event-tracking-trigger="click">VIEW</a>
+    </div>`
+  result += '\n  </div>'
+
+  console.log(result)
+}
+
+create()
diff --git a/services/web/scripts/invalidate_tokens.mjs b/services/web/scripts/invalidate_tokens.mjs
new file mode 100644
index 0000000..d84c320
--- /dev/null
+++ b/services/web/scripts/invalidate_tokens.mjs
@@ -0,0 +1,52 @@
+import { db, ObjectId } from '../app/src/infrastructure/mongodb.js'
+import minimist from 'minimist'
+const argv = minimist(process.argv.slice(2))
+const commit = argv.commit !== undefined
+const projectIds = argv._.map(x => {
+  return new ObjectId(x)
+})
+
+if (!commit) {
+  console.log('Doing dry run without --commit')
+}
+console.log('checking', projectIds.length, 'projects')
+
+const affectedProjects = await db.projects
+  .find(
+    { _id: { $in: projectIds } },
+    {
+      projection: {
+        _id: 1,
+        owner_ref: 1,
+        tokenAccessReadOnly_refs: 1,
+        tokenAccessReadAndWrite_refs: 1,
+      },
+    }
+  )
+  .toArray()
+console.log('Found ' + affectedProjects.length + ' affected projects')
+affectedProjects.forEach(project => {
+  console.log(JSON.stringify(project))
+})
+if (!commit) {
+  console.log('dry run, not updating')
+  process.exit(0)
+} else {
+  try {
+    const result = await db.projects.updateMany(
+      { _id: { $in: affectedProjects.map(project => project._id) } },
+      {
+        $set: {
+          publicAccesLevel: 'private', // note the spelling in the db is publicAccesLevel (with one 's')
+          tokenAccessReadOnly_refs: [],
+          tokenAccessReadAndWrite_refs: [],
+        },
+      }
+    )
+    console.log('result', JSON.stringify(result))
+    process.exit(0)
+  } catch (err) {
+    console.error('err', err)
+    process.exit(1)
+  }
+}
diff --git a/services/web/scripts/learn/checkSanitize/README.md b/services/web/scripts/learn/checkSanitize/README.md
new file mode 100644
index 0000000..27c903d
--- /dev/null
+++ b/services/web/scripts/learn/checkSanitize/README.md
@@ -0,0 +1,32 @@
+# Usage
+
+```
+node scripts/learn/checkSanitize/index.mjs https://LEARN_WIKI
+```
+
+## Bulk export
+
+There is a bulk export for media wiki pages, but it produces different
+ html escaping compared to the regular parse API we use in web.
+
+The bulk export does not escape all the placeholder HTML-like elements,
+ like `<project-id` or `<document goes here>`.
+
+## Example output
+
+Here is how a missing tag gets flagged:
+
+```
+---
+page           : MediaWiki markup for the Overleaf support team
+title          : MediaWiki markup for the Overleaf support team
+match          : false
+toText         : false
+text           : "Overleaf</strong></td>\n            </tr>\n           <tr><td>Kb/<strong>TITLE_SLUG</strong></td><td><nowiki>https://www.overleaf.com/learn/how-to/</nowiki><strong>TITLE_SLUG</strong></td>\n           </"
+sanitized      : "Overleaf</strong></td>\n            </tr>\n           <tr><td>Kb/<strong>TITLE_SLUG</strong></td><td>&lt;nowiki&gt;https://www.overleaf.com/learn/how-to/&lt;/nowiki&gt;<strong>TITLE_SLUG</strong></td>\n "
+textToText     : "    \n        \n        \n            \n                MediaWiki page\n                Maps to on Overleaf\n            \n           Kb/TITLE_SLUGhttps://www.overleaf.com/learn/how-to/TITLE_SLUG\n           "
+sanitizedToText: "    \n        \n        \n            \n                MediaWiki page\n                Maps to on Overleaf\n            \n           Kb/TITLE_SLUG<nowiki>https://www.overleaf.com/learn/how-to/</nowiki>TITLE"
+```
+
+Note the hidden/escaped `<nowiki>` element.
+In addition to the side-by-side comparison of HTML you will see a plain-text diff.
diff --git a/services/web/scripts/learn/checkSanitize/checkSanitizeOptions.mjs b/services/web/scripts/learn/checkSanitize/checkSanitizeOptions.mjs
new file mode 100644
index 0000000..90c2330
--- /dev/null
+++ b/services/web/scripts/learn/checkSanitize/checkSanitizeOptions.mjs
@@ -0,0 +1,118 @@
+import crypto from 'node:crypto'
+import fs from 'node:fs'
+import Path from 'node:path'
+import cheerio from 'cheerio'
+// checkSanitizeOptions is only used in dev env
+// eslint-disable-next-line import/no-extraneous-dependencies
+import prettier from 'prettier'
+import sanitizeHtml from 'sanitize-html'
+import { sanitizeOptions } from '../../../modules/learn/app/src/sanitizeOptions.js'
+import { fileURLToPath } from 'node:url'
+
+const __dirname = Path.dirname(fileURLToPath(import.meta.url))
+const EXTRACT_STYLE = process.env.EXTRACT_STYLES === 'true'
+const OMIT_STYLE = process.env.OMIT_STYLE !== 'false'
+const DUMP_CSS_IN = Path.join(
+  Path.dirname(Path.dirname(Path.dirname(__dirname))),
+  'data',
+  'dumpFolder'
+)
+
+function hash(blob) {
+  return crypto.createHash('sha1').update(blob).digest('hex')
+}
+
+function normalize(blob, title) {
+  // styles are dropped in web and kept in wiki pages for previewing there.
+  blob = blob.replace(/<style>(.+?)<\/style>/gs, (_, match) => {
+    if (EXTRACT_STYLE) {
+      // normalize css with prettier
+      const css = prettier.format(match, { parser: 'css' })
+      fs.writeFileSync(
+        Path.join(DUMP_CSS_IN, `${hash(css)}-${encodeURIComponent(title)}.css`),
+        `/* title: ${title} */\n\n${css}`
+      )
+    }
+    if (OMIT_STYLE) {
+      return ''
+    }
+    return match
+  })
+
+  // strip comments:
+  // - comment at the bottom of each page
+  blob = blob.replace(/<!-- \nNewPP limit report.+/s, '')
+  // - annotation of math characters
+  blob = blob.replace(/<!-- . -->/g, '')
+
+  // wrap for consistent rendering
+  if (blob.indexOf('<html><head>') !== 0) {
+    blob = `<html><head>${blob}</head></html>`
+  }
+
+  // normalize inline style:
+  // - drop trailing ;
+  blob = blob.replace(/style="([^"]+);"/g, (_, style) => `style="${style}"`)
+  // - normalize whitespace
+  blob = blob.replace(
+    /style="([^"]+)"/g,
+    (_, style) => `style="${style.trim().replace(/([:;])\s+/g, '$1')}"`
+  )
+
+  // let cherrio do another pass
+  return cheerio.load(blob).html()
+}
+
+function toText(blob) {
+  return cheerio.load(blob).text()
+}
+
+const zoomOut = 50
+function peak(content, offset) {
+  // show some more content before/after the mismatch
+  if (offset > zoomOut) {
+    offset -= zoomOut
+  }
+  // wrap in JSON to escape new line characters
+  return JSON.stringify(content.slice(offset, offset + chunkSize + 2 * zoomOut))
+}
+
+const chunkSize = 100
+function findFirstMismatch(a, b) {
+  if (a === b) return a.length
+  let i = 0
+  while (
+    a.length > chunkSize &&
+    b.length > chunkSize &&
+    a.slice(0, chunkSize) === b.slice(0, chunkSize)
+  ) {
+    i++
+    a = a.slice(chunkSize)
+    b = b.slice(chunkSize)
+  }
+  return i * chunkSize
+}
+
+function checkSanitizeOptions(page, title, text) {
+  text = normalize(text, title)
+  const sanitized = normalize(sanitizeHtml(text, sanitizeOptions))
+  if (text === sanitized) return
+
+  const offset = findFirstMismatch(text, sanitized)
+
+  const textToText = toText(text)
+  const sanitizedToText = toText(sanitized)
+  const offsetText = findFirstMismatch(textToText, sanitizedToText)
+
+  console.error('---')
+  console.error('page           :', page)
+  console.error('title          :', title)
+  console.error('match          :', text === sanitized)
+  console.error('toText         :', toText(text) === toText(sanitized))
+  console.error('text           :', peak(text, offset))
+  console.error('sanitized      :', peak(sanitized, offset))
+  console.error('textToText     :', peak(textToText, offsetText))
+  console.error('sanitizedToText:', peak(sanitizedToText, offsetText))
+}
+
+export default checkSanitizeOptions
diff --git a/services/web/scripts/learn/checkSanitize/index.mjs b/services/web/scripts/learn/checkSanitize/index.mjs
new file mode 100644
index 0000000..1c608cb
--- /dev/null
+++ b/services/web/scripts/learn/checkSanitize/index.mjs
@@ -0,0 +1,41 @@
+import checkSanitizeOptions from './checkSanitizeOptions.mjs'
+import Scrape from './scrape.mjs'
+import { fileURLToPath } from 'node:url'
+
+const { getAllPagesAndCache, scrapeAndCachePage } = Scrape
+
+async function main() {
+  const BASE_URL = process.argv.pop()
+  if (!BASE_URL.startsWith('http')) {
+    throw new Error(
+      'Usage: node scripts/learn/checkSanitize/index.mjs https://LEARN_WIKI'
+    )
+  }
+
+  const pages = await getAllPagesAndCache(BASE_URL)
+
+  for (const page of pages) {
+    try {
+      const parsed = await scrapeAndCachePage(BASE_URL, page)
+
+      const title = parsed.title
+      const text = parsed.text ? parsed.text['*'] : ''
+
+      checkSanitizeOptions(page, title, text)
+    } catch (e) {
+      console.error('---')
+      console.error(page, e)
+      throw e
+    }
+  }
+}
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  try {
+    await main()
+    process.exit(0)
+  } catch (error) {
+    console.error(error)
+    process.exit(1)
+  }
+}
diff --git a/services/web/scripts/learn/checkSanitize/scrape.mjs b/services/web/scripts/learn/checkSanitize/scrape.mjs
new file mode 100644
index 0000000..f44dc15
--- /dev/null
+++ b/services/web/scripts/learn/checkSanitize/scrape.mjs
@@ -0,0 +1,130 @@
+import Path from 'node:path'
+import fs from 'node:fs'
+import {
+  fetchString,
+  fetchJson,
+  RequestFailedError,
+} from '@overleaf/fetch-utils'
+import crypto from 'node:crypto'
+import { fileURLToPath } from 'node:url'
+
+const __dirname = Path.dirname(fileURLToPath(import.meta.url))
+const CACHE_IN = Path.join(
+  Path.dirname(Path.dirname(Path.dirname(__dirname))),
+  'data',
+  'learnPages'
+)
+
+async function scrape(baseUrl, page) {
+  const uri = new URL(baseUrl + '/learn-scripts/api.php')
+  uri.search = new URLSearchParams({
+    page,
+    action: 'parse',
+    format: 'json',
+    redirects: true,
+  }).toString()
+
+  try {
+    return await fetchString(uri)
+  } catch (err) {
+    if (err instanceof RequestFailedError) {
+      console.error(err.response.status, page, err.response)
+    } else {
+      console.error(err)
+    }
+  }
+}
+
+function hash(blob) {
+  return crypto.createHash('sha1').update(blob).digest('hex')
+}
+
+function getName(page) {
+  let enc = encodeURIComponent(page)
+  // There are VERY long titles in media wiki.
+  // Add percent encoding and they exceed the filename size on my Ubuntu box.
+  if (enc.length > 100) {
+    enc = enc.slice(0, 100) + hash(page)
+  }
+  return enc
+}
+
+async function scrapeAndCachePage(baseUrl, page) {
+  const path = Path.join(CACHE_IN, getName(page) + '.json')
+  try {
+    return JSON.parse(await fs.promises.readFile(path, 'utf-8'))
+  } catch (e) {
+    const blob = await scrape(baseUrl, page)
+    const parsed = JSON.parse(blob).parse
+    if (!parsed) {
+      console.error(page, blob)
+      throw new Error('bad contents')
+    }
+    await fs.promises.mkdir(CACHE_IN, { recursive: true })
+    await fs.promises.writeFile(path, JSON.stringify(parsed, null, 2), 'utf-8')
+    return parsed
+  }
+}
+
+async function getAllPagesFrom(baseUrl, continueFrom) {
+  // https://learn.overleaf.com/learn/Special:ApiSandbox#action=query&format=json&generator=allpages&gapfilterredir=nonredirects
+  const uri = new URL(baseUrl + '/learn-scripts/api.php')
+  uri.search = new URLSearchParams({
+    action: 'query',
+    format: 'json',
+    generator: 'allpages',
+    // Ignore pages with redirects. We do not want to check page content twice.
+    gapfilterredir: 'nonredirects',
+    // Bump the default page size of 10.
+    gaplimit: 100,
+    ...continueFrom,
+  }).toString()
+
+  let blob
+  try {
+    blob = await fetchJson(uri)
+  } catch (err) {
+    if (err instanceof RequestFailedError) {
+      console.error(err.response.status, continueFrom, err.response)
+    } else {
+      console.error(err)
+      throw err
+    }
+  }
+  const nextContinueFrom = blob && blob.continue
+  const pagesRaw = (blob && blob.query && blob.query.pages) || {}
+  const pages = Object.values(pagesRaw).map(page => page.title)
+  return { nextContinueFrom, pages }
+}
+
+async function getAllPages(baseUrl) {
+  let continueFrom = {}
+  let allPages = []
+  while (true) {
+    const { nextContinueFrom, pages } = await getAllPagesFrom(
+      baseUrl,
+      continueFrom
+    )
+    allPages = allPages.concat(pages)
+    if (!nextContinueFrom) break
+    continueFrom = nextContinueFrom
+  }
+  return allPages.sort()
+}
+
+async function getAllPagesAndCache(baseUrl) {
+  const path = Path.join(CACHE_IN, 'allPages.txt')
+  try {
+    return JSON.parse(await fs.promises.readFile(path, 'utf-8'))
+  } catch (e) {
+    const allPages = await getAllPages(baseUrl)
+    await fs.promises.mkdir(CACHE_IN, { recursive: true })
+    await fs.promises.writeFile(path, JSON.stringify(allPages), 'utf-8')
+    return allPages
+  }
+}
+
+export default {
+  getAllPagesAndCache,
+  scrapeAndCachePage,
+}
diff --git a/services/web/scripts/lezer-latex/benchmark.mjs b/services/web/scripts/lezer-latex/benchmark.mjs
new file mode 100644
index 0000000..66e54f8
--- /dev/null
+++ b/services/web/scripts/lezer-latex/benchmark.mjs
@@ -0,0 +1,66 @@
+import { parser } from '../../frontend/js/features/source-editor/lezer-latex/latex.mjs'
+
+import * as fs from 'node:fs'
+import * as path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import minimist from 'minimist'
+
+const argv = minimist(process.argv.slice(2))
+const NUMBER_OF_OPS = argv.ops || 100
+const CSV_OUTPUT = argv.csv || false
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+
+const examplesDir = path.join(
+  __dirname,
+  '../../test/unit/src/LezerLatex/examples'
+)
+
+const strictParser = parser.configure({ strict: true }) // throw exception for invalid documents
+
+if (!fs.existsSync(examplesDir)) {
+  console.error('No examples directory')
+  process.exit()
+}
+
+function dumpParserStats(parser) {
+  console.log('Parser size:')
+  console.dir({
+    states: parser.states.length,
+    data: parser.data.length,
+    goto: parser.goto.length,
+  })
+}
+
+dumpParserStats(strictParser)
+
+const folder = examplesDir
+for (const file of fs.readdirSync(folder).sort()) {
+  if (!/\.tex$/.test(file)) continue
+  const name = /^[^.]*/.exec(file)[0]
+  const content = fs.readFileSync(path.join(folder, file), 'utf8')
+
+  benchmark(name, content)
+}
+
+function benchmark(name, content) {
+  let timeSum = 0
+  try {
+    for (let i = 0; i < NUMBER_OF_OPS; ++i) {
+      const startTime = performance.now()
+      strictParser.parse(content)
+      const endTime = performance.now()
+      timeSum += endTime - startTime
+    }
+    const avgTime = timeSum / NUMBER_OF_OPS
+    if (CSV_OUTPUT) {
+      console.log(`${name},${avgTime.toFixed(2)},${content.length}`)
+    } else {
+      console.log(
+        `${name.padEnd(20)} time to run (ms):\t ${avgTime.toFixed(2)}`
+      )
+    }
+  } catch (error) {
+    console.error(`${name.padEnd(20)} ${error}`)
+  }
+}
diff --git a/services/web/scripts/lezer-latex/generate.js b/services/web/scripts/lezer-latex/generate.js
new file mode 100644
index 0000000..b2e73ff
--- /dev/null
+++ b/services/web/scripts/lezer-latex/generate.js
@@ -0,0 +1,69 @@
+const { buildParserFile } = require('@lezer/generator')
+const { writeFileSync, readFileSync } = require('fs')
+const path = require('path')
+
+const grammars = [
+  {
+    grammarPath: path.resolve(
+      __dirname,
+      '../../frontend/js/features/source-editor/lezer-latex/latex.grammar'
+    ),
+    parserOutputPath: path.resolve(
+      __dirname,
+      '../../frontend/js/features/source-editor/lezer-latex/latex.mjs'
+    ),
+    termsOutputPath: path.resolve(
+      __dirname,
+      '../../frontend/js/features/source-editor/lezer-latex/latex.terms.mjs'
+    ),
+  },
+  {
+    grammarPath: path.resolve(
+      __dirname,
+      '../../frontend/js/features/source-editor/lezer-bibtex/bibtex.grammar'
+    ),
+    parserOutputPath: path.resolve(
+      __dirname,
+      '../../frontend/js/features/source-editor/lezer-bibtex/bibtex.mjs'
+    ),
+    termsOutputPath: path.resolve(
+      __dirname,
+      '../../frontend/js/features/source-editor/lezer-bibtex/bibtex.terms.mjs'
+    ),
+  },
+]
+
+function compile(grammar) {
+  const { grammarPath, termsOutputPath, parserOutputPath } = grammar
+  const moduleStyle = 'es'
+  console.info(`Compiling ${grammarPath}`)
+
+  const grammarText = readFileSync(grammarPath, 'utf8')
+  console.info(`Loaded grammar from ${grammarPath}`)
+
+  const { parser, terms } = buildParserFile(grammarText, {
+    fileName: grammarPath,
+    moduleStyle,
+  })
+  console.info(`Built parser`)
+
+  writeFileSync(parserOutputPath, parser)
+  console.info(`Wrote parser to ${parserOutputPath}`)
+
+  writeFileSync(termsOutputPath, terms)
+  console.info(`Wrote terms to ${termsOutputPath}`)
+
+  console.info('Done!')
+}
+
+module.exports = { compile, grammars }
+
+if (require.main === module) {
+  try {
+    grammars.forEach(compile)
+    process.exit(0)
+  } catch (err) {
+    console.error(err)
+    process.exit(1)
+  }
+}
diff --git a/services/web/scripts/lezer-latex/print-tree.mjs b/services/web/scripts/lezer-latex/print-tree.mjs
new file mode 100644
index 0000000..ac6a24e
--- /dev/null
+++ b/services/web/scripts/lezer-latex/print-tree.mjs
@@ -0,0 +1,215 @@
+// from https://gist.github.com/msteen/e4828fbf25d6efef73576fc43ac479d2
+// https://discuss.codemirror.net/t/whats-the-best-to-test-and-debug-grammars/2542/5
+// MIT License
+//
+// Copyright (c) 2021 Matthijs Steen
+//
+// Permission is hereby granted, free of charge, to any person obtaining a copy
+// of this software and associated documentation files (the "Software"), to deal
+// in the Software without restriction, including without limitation the rights
+// to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+// copies of the Software, and to permit persons to whom the Software is
+// furnished to do so, subject to the following conditions:
+//
+// The above copyright notice and this permission notice shall be included in all
+// copies or substantial portions of the Software.
+//
+// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+// SOFTWARE.
+import { Text } from '@codemirror/state'
+import { Tree, TreeCursor } from '@lezer/common'
+
+class StringInput {
+  constructor(input) {
+    this.input = input
+    this.lineChunks = false
+  }
+
+  get length() {
+    return this.input.length
+  }
+
+  chunk(from) {
+    return this.input.slice(from)
+  }
+
+  read(from, to) {
+    return this.input.slice(from, to)
+  }
+}
+
+function cursorNode({ type, from, to }, isLeaf = false) {
+  return { type, from, to, isLeaf }
+}
+function traverseTree(
+  cursor,
+  {
+    from = -Infinity,
+    to = Infinity,
+    includeParents = false,
+    beforeEnter,
+    onEnter,
+    onLeave,
+  }
+) {
+  if (!(cursor instanceof TreeCursor))
+    cursor = cursor instanceof Tree ? cursor.cursor() : cursor.cursor()
+  for (;;) {
+    let node = cursorNode(cursor)
+    let leave = false
+    if (node.from <= to && node.to >= from) {
+      const enter =
+        !node.type.isAnonymous &&
+        (includeParents || (node.from >= from && node.to <= to))
+      if (enter && beforeEnter) beforeEnter(cursor)
+      node.isLeaf = !cursor.firstChild()
+      if (enter) {
+        leave = true
+        if (onEnter(node) === false) return
+      }
+      if (!node.isLeaf) continue
+    }
+    for (;;) {
+      node = cursorNode(cursor, node.isLeaf)
+      if (leave && onLeave) if (onLeave(node) === false) return
+      leave = cursor.type.isAnonymous
+      node.isLeaf = false
+      if (cursor.nextSibling()) break
+      if (!cursor.parent()) return
+      leave = true
+    }
+  }
+}
+function isChildOf(child, parent) {
+  return (
+    child.from >= parent.from &&
+    child.from <= parent.to &&
+    child.to <= parent.to &&
+    child.to >= parent.from
+  )
+}
+function validatorTraversal(input, { fullMatch = true } = {}) {
+  if (typeof input === 'string') input = new StringInput(input)
+  const state = {
+    valid: true,
+    parentNodes: [],
+    lastLeafTo: 0,
+  }
+  return {
+    state,
+    traversal: {
+      onEnter(node) {
+        state.valid = true
+        if (!node.isLeaf) state.parentNodes.unshift(node)
+        if (node.from > node.to || node.from < state.lastLeafTo) {
+          state.valid = false
+        } else if (node.isLeaf) {
+          if (
+            state.parentNodes.length &&
+            !isChildOf(node, state.parentNodes[0])
+          )
+            state.valid = false
+          state.lastLeafTo = node.to
+        } else {
+          if (state.parentNodes.length) {
+            if (!isChildOf(node, state.parentNodes[0])) state.valid = false
+          } else if (
+            fullMatch &&
+            (node.from !== 0 || node.to !== input.length)
+          ) {
+            state.valid = false
+          }
+        }
+      },
+      onLeave(node) {
+        if (!node.isLeaf) state.parentNodes.shift()
+      },
+    },
+  }
+}
+
+let Color
+;(function (Color) {
+  Color[(Color.Red = 31)] = 'Red'
+  Color[(Color.Green = 32)] = 'Green'
+  Color[(Color.Yellow = 33)] = 'Yellow'
+})(Color || (Color = {}))
+
+function colorize(value, color) {
+  return '\u001b[' + color + 'm' + String(value) + '\u001b[39m'
+}
+
+function printTree(
+  cursor,
+  input,
+  { from, to, start = 0, includeParents } = {}
+) {
+  const inp = typeof input === 'string' ? new StringInput(input) : input
+  const text = Text.of(inp.read(0, inp.length).split('\n'))
+  const state = {
+    output: '',
+    prefixes: [],
+    hasNextSibling: false,
+  }
+  const validator = validatorTraversal(inp)
+  traverseTree(cursor, {
+    from,
+    to,
+    includeParents,
+    beforeEnter(cursor) {
+      state.hasNextSibling = cursor.nextSibling() && cursor.prevSibling()
+    },
+    onEnter(node) {
+      validator.traversal.onEnter(node)
+      const isTop = state.output === ''
+      const hasPrefix = !isTop || node.from > 0
+      if (hasPrefix) {
+        state.output += (!isTop ? '\n' : '') + state.prefixes.join('')
+        if (state.hasNextSibling) {
+          state.output += ' ├─ '
+          state.prefixes.push(' │  ')
+        } else {
+          state.output += ' └─ '
+          state.prefixes.push('    ')
+        }
+      }
+      const hasRange = node.from !== node.to
+      state.output +=
+        (node.type.isError || !validator.state.valid
+          ? colorize('ERROR ' + node.type.name, Color.Red)
+          : node.type.name) +
+        ' ' +
+        (hasRange
+          ? '[' +
+            colorize(locAt(text, start + node.from), Color.Yellow) +
+            '..' +
+            colorize(locAt(text, start + node.to), Color.Yellow) +
+            ']'
+          : colorize(locAt(text, start + node.from), Color.Yellow))
+      if (hasRange && node.isLeaf) {
+        state.output +=
+          ': ' +
+          colorize(JSON.stringify(inp.read(node.from, node.to)), Color.Green)
+      }
+    },
+    onLeave(node) {
+      validator.traversal.onLeave(node)
+      state.prefixes.pop()
+    },
+  })
+  return state.output
+}
+
+function locAt(text, pos) {
+  const line = text.lineAt(pos)
+  return line.number + ':' + (pos - line.from)
+}
+
+export function logTree(tree, input, options) {
+  console.warn(printTree(tree, input, options))
+}
diff --git a/services/web/scripts/lezer-latex/random.mjs b/services/web/scripts/lezer-latex/random.mjs
new file mode 100644
index 0000000..0c07468
--- /dev/null
+++ b/services/web/scripts/lezer-latex/random.mjs
@@ -0,0 +1,19 @@
+// Super quick and dirty LCG PRNG
+
+const m = 0xffffffff
+let X = Math.floor(Math.random() * (m - 1))
+const a = 16807
+const c = 0
+
+// Should probably be a large-ish number
+export function seed(i) {
+  if (i < 0) {
+    throw new Error('Seed must be a positive integer')
+  }
+  X = i & m
+}
+
+export function random() {
+  X = (a * X + c) % m
+  return X / m
+}
diff --git a/services/web/scripts/lezer-latex/run.mjs b/services/web/scripts/lezer-latex/run.mjs
new file mode 100644
index 0000000..a85197a
--- /dev/null
+++ b/services/web/scripts/lezer-latex/run.mjs
@@ -0,0 +1,79 @@
+import { readFileSync } from 'node:fs'
+import { logTree } from './print-tree.mjs'
+import { parser as LaTeXParser } from '../../frontend/js/features/source-editor/lezer-latex/latex.mjs'
+import { parser as BibTeXParser } from '../../frontend/js/features/source-editor/lezer-bibtex/bibtex.mjs'
+
+// Runs the lezer-latex or lezer-bibtex parser on a supplied file, and prints the resulting
+// parse tree to stdout
+//
+// show parse tree:     lezer-latex-run.js test/unit/src/LezerLatex/examples/amsmath.tex
+//                      lezer-latex-run.js test/unit/src/LezerLatex/examples/overleaf.bib
+// show error summary:  lezer-latex-run.js coverage test/unit/src/LezerLatex/examples/amsmath.tex
+
+let files = process.argv.slice(2)
+if (!files.length) {
+  files = ['test/unit/src/LezerLatex/examples/demo.tex']
+}
+
+let coverage = false
+if (files[0] === 'coverage') {
+  // count errors
+  coverage = true
+  files.shift()
+}
+
+function reportErrorCounts(output) {
+  if (coverage) process.stdout.write(output)
+}
+
+function parseFile(filename) {
+  const text = readFileSync(filename).toString()
+  const t0 = process.hrtime()
+  const parser = filename.endsWith('.bib') ? BibTeXParser : LaTeXParser
+  const tree = parser.parse(text)
+  const dt = process.hrtime(t0)
+  const timeTaken = dt[0] + dt[1] * 1e-9
+  let errorCount = 0
+  let nodeCount = 0
+  tree.iterate({
+    enter: syntaxNodeRef => {
+      nodeCount++
+      if (syntaxNodeRef.type.isError) {
+        errorCount++
+      }
+    },
+  })
+  if (!coverage) logTree(tree, text)
+  return { nodeCount, errorCount, timeTaken, bytes: text.length }
+}
+
+let totalErrors = 0
+let totalTime = 0
+let totalBytes = 0
+for (const file of files) {
+  const { nodeCount, errorCount, timeTaken, bytes } = parseFile(file)
+  const errorRate = Math.round((100 * errorCount) / nodeCount)
+  totalErrors += errorCount
+  totalTime += timeTaken
+  totalBytes += bytes
+  reportErrorCounts(
+    `${errorCount} errors`.padStart(12) +
+      `${nodeCount} nodes`.padStart(12) +
+      `(${errorRate}%)`.padStart(6) +
+      `${(1000 * timeTaken).toFixed(1)} ms`.padStart(8) +
+      `${(bytes / 1024).toFixed(1)} KB`.padStart(8) +
+      ` ${file}\n`
+  )
+}
+const timeInMilliseconds = 1000 * totalTime
+const hundredKBs = totalBytes / (100 * 1024)
+
+reportErrorCounts(
+  `\ntotal errors ${totalErrors}, performance ${(
+    timeInMilliseconds / hundredKBs
+  ).toFixed(1)} ms/100KB \n`
+)
+
+if (totalErrors > 0) {
+  process.exit(1) // return non-zero exit status for tests
+}
diff --git a/services/web/scripts/lezer-latex/test-incremental-parser.mjs b/services/web/scripts/lezer-latex/test-incremental-parser.mjs
new file mode 100644
index 0000000..31dc0ca
--- /dev/null
+++ b/services/web/scripts/lezer-latex/test-incremental-parser.mjs
@@ -0,0 +1,163 @@
+import { parser } from '../../frontend/js/features/source-editor/lezer-latex/latex.mjs'
+
+import * as fs from 'node:fs'
+import * as path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { TreeFragment } from '@lezer/common'
+import minimist from 'minimist'
+import { seed, random } from './random.mjs'
+
+const argv = minimist(process.argv.slice(2))
+const NUMBER_OF_OPS = argv.ops || 1000
+const CSV_OUTPUT = argv.csv || false
+const SEED = argv.seed
+
+if (SEED) {
+  seed(SEED)
+}
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+
+const examplesDir = path.join(
+  __dirname,
+  '../../test/unit/src/LezerLatex/examples'
+)
+
+const folder = examplesDir
+for (const file of fs.readdirSync(folder).sort()) {
+  if (!/\.tex$/.test(file)) continue
+  const name = /^[^.]*/.exec(file)[0]
+  const content = fs.readFileSync(path.join(folder, file), 'utf8')
+  runPerformanceTests(name, content)
+}
+
+function runPerformanceTests(name, content) {
+  const insertEnd = writeTextAt(
+    content,
+    content.length,
+    content.substring(0, NUMBER_OF_OPS)
+  )
+  const insertBeginning = writeTextAt(
+    content,
+    0,
+    content.substring(0, NUMBER_OF_OPS)
+  )
+  const insertMiddle = writeTextAt(
+    content,
+    Math.floor(content.length / 2),
+    content.substring(0, NUMBER_OF_OPS)
+  )
+  const randomDelete = randomDeletions(content, NUMBER_OF_OPS)
+  const middleDelete = deletionsFromMiddle(content, NUMBER_OF_OPS)
+  const randomInsert = randomInsertions(content, NUMBER_OF_OPS)
+
+  if (CSV_OUTPUT) {
+    console.log(
+      [
+        name,
+        insertBeginning.average,
+        insertMiddle.average,
+        insertEnd.average,
+        randomInsert.average,
+        randomDelete.average,
+        middleDelete.average,
+        content.length,
+      ].join(',')
+    )
+  } else {
+    console.log({
+      name,
+      insertAtEnd: insertEnd.average,
+      insertAtBeginning: insertBeginning.average,
+      insertAtMiddle: insertMiddle.average,
+      randomDelete: randomDelete.average,
+      middleDelete: middleDelete.average,
+      randomInsert: randomInsert.average,
+      docLength: content.length,
+    })
+  }
+}
+
+function timedChanges(document, changes, changeFn) {
+  let totalParseTime = 0
+
+  // Do a fresh parse to get TreeFragments
+  const initialTree = parser.parse(document)
+  let fragments = TreeFragment.addTree(initialTree)
+  let currentDoc = document
+
+  for (let i = 0; i < changes; ++i) {
+    const change = changeFn(currentDoc, i)
+    currentDoc = change.text
+    // Do a timed parse
+    const start = performance.now()
+    fragments = TreeFragment.applyChanges(fragments, [change.range])
+    const tree = parser.parse(currentDoc, fragments)
+    fragments = TreeFragment.addTree(tree, fragments)
+    const end = performance.now()
+    totalParseTime += end - start
+  }
+  return {
+    total: totalParseTime,
+    average: totalParseTime / changes,
+    ops: changes,
+    fragments: fragments.length,
+  }
+}
+
+// Write and parse after every character insertion
+function writeTextAt(document, position, text) {
+  return timedChanges(document, text.length, (currentDoc, index) =>
+    insertAt(currentDoc, position + index, text[index])
+  )
+}
+
+function randomInsertions(document, num) {
+  return timedChanges(document, num, currentDoc =>
+    insertAt(currentDoc, Math.floor(random() * currentDoc.length), 'a')
+  )
+}
+
+function randomDeletions(document, num) {
+  return timedChanges(document, num, currentDoc =>
+    deleteAt(currentDoc, Math.floor(random() * currentDoc.length), 1)
+  )
+}
+
+function deletionsFromMiddle(document, num) {
+  const deletionPoint = Math.floor(document.length / 2)
+  const deletions = Math.min(num, deletionPoint - 1)
+  return timedChanges(document, deletions, (currentDoc, index) =>
+    deleteAt(currentDoc, deletionPoint - index, 1)
+  )
+}
+
+function insertAt(document, position, text) {
+  const start = document.substring(0, position)
+  const end = document.substring(position)
+
+  return {
+    text: start + text + end,
+    range: {
+      fromA: position,
+      toA: position,
+      fromB: position,
+      toB: position + text.length,
+    },
+  }
+}
+
+function deleteAt(document, position, length = 1) {
+  const start = document.substring(0, position)
+  const end = document.substring(position + length)
+
+  return {
+    text: start + end,
+    range: {
+      fromA: position,
+      toA: position + length,
+      fromB: position,
+      toB: position,
+    },
+  }
+}
diff --git a/services/web/scripts/lib/README.md b/services/web/scripts/lib/README.md
new file mode 100644
index 0000000..8dae2db
--- /dev/null
+++ b/services/web/scripts/lib/README.md
@@ -0,0 +1,55 @@
+# Script Runner
+
+## Overview
+
+The Script Runner wraps your script's main logic to automatically handle logging, status tracking (success/error), and progress updates. Script execution status can be viewed from "Script Logs" portal page.
+
+## Features
+
+- Automatically logs the start and end of your script.
+- Records the final status ('success' or 'error').
+- Provides a simple function (`trackProgress`) to your script for logging custom progress steps.
+- Captures script parameters and basic environment details.
+
+## Usage
+
+1.  **Import `scriptRunner`**.
+2.  **Define your script's main logic** as an `async` function that accepts `trackProgress` as its argument (can ignore `trackProgress` if you don't need to track progress).
+3.  **Call `scriptRunner`**, passing your function and any variables it needs.
+4.  **Check script execution status** by visiting the "Script Logs" portal page using the URL printed in the console output.
+
+**Example:**
+
+```javascript
+// Import the script runner utility (adjust the path as needed)
+import { scriptRunner } from './lib/ScriptRunner.mjs'
+
+const subJobs = 30
+
+/**
+ * Your script's main work goes here.
+ * It must be an async function and accept `trackProgress`.
+ * @param {(message: string) => void} trackProgress - Call this to log progress.
+ */
+async function main(trackProgress) {
+  for (let i = 0; i < subJobs; i++) {
+    await new Promise(resolve => setTimeout(() => resolve(), 1000))
+    await trackProgress(`Job in progress ${i + 1}/${subJobs}`)
+  }
+  await trackProgress('Job finished')
+}
+
+// Define any variables your script needs (optional)
+const scriptVariables = {
+  subJobs,
+}
+
+// --- Execute the script using the runner with async/await ---
+try {
+  await scriptRunner(main, scriptVariables)
+  process.exit()
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
+```
diff --git a/services/web/scripts/lib/ScriptRunner.mjs b/services/web/scripts/lib/ScriptRunner.mjs
new file mode 100644
index 0000000..1708fa9
--- /dev/null
+++ b/services/web/scripts/lib/ScriptRunner.mjs
@@ -0,0 +1,75 @@
+import { ScriptLog } from '../../app/src/models/ScriptLog.mjs'
+import Settings from '@overleaf/settings'
+
+async function beforeScriptExecution(canonicalName, vars, scriptPath) {
+  let log = new ScriptLog({
+    canonicalName,
+    filePathAtVersion: scriptPath,
+    podName: process.env.OL_POD_NAME,
+    username: process.env.OL_USERNAME,
+    imageVersion: process.env.OL_IMAGE_VERSION,
+    vars,
+  })
+  log = await log.save()
+  console.log(
+    '\n==================================' +
+      '\n✨ Your script is running!' +
+      '\n📊 Track progress at:' +
+      `\n${Settings.adminUrl}/admin/script-log/${log._id}` +
+      '\n==================================\n'
+  )
+  return log._id
+}
+
+async function afterScriptExecution(logId, status) {
+  await ScriptLog.findByIdAndUpdate(logId, { status, endTime: new Date() })
+}
+
+/**
+ * @param {(trackProgress: (progress: string) => Promise<void>) => Promise<any>} main - Main function for the script
+ * @param {Object} vars - Variables to be used in the script
+ * @param {string} canonicalName - The canonical name of the script, default to filename
+ * @param {string} scriptPath - The file path of the script, default to process.argv[1]
+ * @returns {Promise<void>}
+ * @async
+ */
+export async function scriptRunner(
+  main,
+  vars = {},
+  canonicalName = process.argv[1].split('/').pop().split('.')[0],
+  scriptPath = process.argv[1]
+) {
+  const isSaaS = Boolean(Settings.overleaf)
+  if (!isSaaS) {
+    await main(async message => {
+      console.warn(message)
+    })
+    return
+  }
+  const logId = await beforeScriptExecution(canonicalName, vars, scriptPath)
+
+  async function trackProgress(message) {
+    try {
+      console.warn(message)
+      await ScriptLog.findByIdAndUpdate(logId, {
+        $push: {
+          progressLogs: {
+            timestamp: new Date(),
+            message,
+          },
+        },
+      })
+    } catch (error) {
+      console.error('Error tracking progress:', error)
+    }
+  }
+
+  try {
+    await main(trackProgress)
+  } catch (error) {
+    await afterScriptExecution(logId, 'error')
+    throw error
+  }
+
+  await afterScriptExecution(logId, 'success')
+}
diff --git a/services/web/scripts/lowercase_institution_user_ids.mjs b/services/web/scripts/lowercase_institution_user_ids.mjs
new file mode 100644
index 0000000..e670d10
--- /dev/null
+++ b/services/web/scripts/lowercase_institution_user_ids.mjs
@@ -0,0 +1,120 @@
+import { db } from '../app/src/infrastructure/mongodb.js'
+import minimist from 'minimist'
+import UserGetter from '../app/src/Features/User/UserGetter.js'
+import fs from 'node:fs'
+
+function usage() {
+  console.log(
+    'Usage: node lowercase_institution_user_ids.mjs -i <institution-id>'
+  )
+  console.log(
+    'Converts external user IDs to lowercase for all users in an institute'
+  )
+  console.log('Options:')
+  console.log(
+    '  --institution-id, -i                     Institution ID to update'
+  )
+  console.log(
+    '  --dry-run, -d                            Finds users with non-lowercase id but does not do any updates'
+  )
+  console.log(
+    '  --file, -f                               A file that contains external user ids to be updated'
+  )
+
+  console.log(
+    '                                           If not provided, the script will update all the users within the institution that have upper case external user id'
+  )
+  console.log(
+    '  -h, --help                               Show this help message'
+  )
+  process.exit(0)
+}
+
+const {
+  'dry-run': dryRun,
+  'institution-id': providerId,
+  help,
+  file,
+} = minimist(process.argv.slice(2), {
+  string: ['institution-id', 'file'],
+  boolean: ['dry-run', 'help'],
+  alias: {
+    'institution-id': 'i',
+    'dry-run': 'd',
+    help: 'h',
+    file: 'f',
+  },
+  default: {
+    'dry-run': true,
+  },
+})
+
+async function main() {
+  if (help || !providerId) {
+    usage()
+  }
+
+  let externalUserIdsToUpdate = null
+  if (file) {
+    const lines = fs.readFileSync(file, 'utf8').split('\n')
+    externalUserIdsToUpdate = new Set(lines)
+  }
+
+  const users = await UserGetter.promises.getSsoUsersAtInstitution(providerId, {
+    _id: 1,
+    samlIdentifiers: 1,
+  })
+
+  let userToUpdate = 0
+  let userUpdated = 0
+
+  for (const user of users) {
+    const matchingIdentifier = user.samlIdentifiers.find(
+      u => u.providerId === providerId
+    )
+    const lowercaseId = matchingIdentifier.externalUserId.toLowerCase()
+
+    // skip if external user id is already in lower case
+    if (lowercaseId === matchingIdentifier.externalUserId) {
+      continue
+    }
+
+    // skip if an id file is provided but current external user id is not in the file
+    if (externalUserIdsToUpdate && !externalUserIdsToUpdate.has(lowercaseId)) {
+      continue
+    }
+
+    userToUpdate = userToUpdate + 1
+    console.log(
+      `${user._id},${matchingIdentifier.externalUserId},${lowercaseId}`
+    )
+
+    if (dryRun) {
+      continue
+    }
+
+    try {
+      await db.users.updateOne(
+        { _id: user._id, 'samlIdentifiers.providerId': providerId },
+        { $set: { 'samlIdentifiers.$.externalUserId': lowercaseId } }
+      )
+      userUpdated = userUpdated + 1
+    } catch (error) {
+      console.error(error)
+    }
+  }
+
+  if (dryRun) {
+    console.log(`DRY RUN: ${userToUpdate} users will be updated`)
+  } else {
+    console.log(`UPDATED: ${userUpdated}/${userToUpdate} users successfully`)
+  }
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/mark_migration.mjs b/services/web/scripts/mark_migration.mjs
new file mode 100644
index 0000000..cf59214
--- /dev/null
+++ b/services/web/scripts/mark_migration.mjs
@@ -0,0 +1,70 @@
+import Adapter from '../migrations/lib/adapter.mjs'
+import { promises as fs } from 'node:fs'
+import { join, dirname } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+
+async function main(args) {
+  if (
+    !args ||
+    args.length === 0 ||
+    args.includes('help') ||
+    args.includes('--help') ||
+    args.includes('-h')
+  ) {
+    console.log('')
+    console.log('usage: node ./scripts/mark_migration.mjs migration state')
+    console.log('')
+    console.log('    migration:   name of migration file')
+    console.log('    state:       executed | unexecuted')
+    console.log('')
+    return
+  }
+
+  const migration = args[0]
+  if (!migration) {
+    throw new Error('Error: migration must be supplied')
+  }
+  const state = args[1]
+  if (!state) {
+    throw new Error('Error: migration state must be supplied')
+  }
+
+  try {
+    await fs.access(join(__dirname, '../migrations', `${migration}.mjs`))
+  } catch (err) {
+    throw new Error(
+      `Error: migration ${migration} does not exist on disk: ${err}`
+    )
+  }
+
+  console.log(`Marking ${migration} as ${state}`)
+
+  process.env.SKIP_TAG_CHECK = 'true'
+  const adapter = new Adapter()
+  await adapter.connect()
+  switch (state) {
+    case 'executed':
+      await adapter.markExecuted(migration)
+      break
+    case 'unexecuted':
+      await adapter.unmarkExecuted(migration)
+      break
+    default:
+      throw new Error(`invalid state "${state}"`)
+  }
+  console.log('Done')
+}
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  const args = process.argv.slice(2)
+  main(args)
+    .then(() => {
+      process.exit(0)
+    })
+    .catch(err => {
+      console.error(err)
+      process.exit(1)
+    })
+}
diff --git a/services/web/scripts/merge_group_subscription_members.mjs b/services/web/scripts/merge_group_subscription_members.mjs
new file mode 100644
index 0000000..0d4d6ac
--- /dev/null
+++ b/services/web/scripts/merge_group_subscription_members.mjs
@@ -0,0 +1,102 @@
+// dry run:
+// node scripts/merge_group_subscription_members \
+//  --target [targetSubscriptionId] --source [sourceSubscriptionId]
+//
+// commit changes:
+// node scripts/merge_group_subscription_members \
+//  --target [targetSubscriptionId] --source [sourceSubscriptionId] --commit
+
+import { db, ObjectId } from '../app/src/infrastructure/mongodb.js'
+
+import SubscriptionUpdater from '../app/src/Features/Subscription/SubscriptionUpdater.js'
+import minimist from 'minimist'
+const argv = minimist(process.argv.slice(2), {
+  string: ['target', 'source'],
+  boolean: ['commit'],
+})
+const { target, source, commit } = argv
+
+async function getSubscription(subscriptionId) {
+  const projection = {
+    member_ids: 1,
+    membersLimit: 1,
+    groupPlan: 1,
+    teamName: 1,
+  }
+  return await db.subscriptions.findOne(
+    {
+      _id: subscriptionId,
+    },
+    { projection }
+  )
+}
+
+async function main() {
+  if (!target) {
+    throw new Error('missing --target argument')
+  }
+  if (!source) {
+    throw new Error('missing --source argument')
+  }
+
+  if (!commit) {
+    console.log('Doing dry run without --commit')
+  }
+
+  const targetSubscription = await getSubscription(new ObjectId(target))
+  const sourceSubscription = await getSubscription(new ObjectId(source))
+
+  if (!targetSubscription) {
+    throw new Error('couldnt find target (to) subscription')
+  }
+  if (!sourceSubscription) {
+    throw new Error('couldnt find source (from) subscription')
+  }
+
+  console.log(
+    `\nTarget/destination subscription (${targetSubscription.member_ids.length} members) is:`,
+    targetSubscription
+  )
+  console.log(
+    `\nSource subscription (${sourceSubscription.member_ids.length} members) is:`,
+    sourceSubscription
+  )
+
+  if (!targetSubscription.groupPlan || !sourceSubscription.groupPlan) {
+    throw new Error('both subscriptions must be group subscriptions')
+  }
+
+  let addCount = 0
+  for (const member of sourceSubscription.member_ids) {
+    const exists = targetSubscription.member_ids.find(m => {
+      return m.toString() === member.toString()
+    })
+    if (!exists) {
+      console.log(`adding ${member} to target ${targetSubscription._id}`)
+      addCount += 1
+      if (commit) {
+        await SubscriptionUpdater.promises.addUserToGroup(
+          targetSubscription._id,
+          member
+        )
+      }
+    } else {
+      console.log(`skipping ${member}, already exists in target`)
+    }
+  }
+
+  console.log(`Added ${addCount} users to target subscription`)
+
+  if (!commit) {
+    console.log('Run again with --commit to make the above changes')
+  }
+}
+
+try {
+  await main()
+  console.error('Done.')
+  process.exit(0)
+} catch (error) {
+  console.error({ error })
+  process.exit(1)
+}
diff --git a/services/web/scripts/migrate_audit_logs.mjs b/services/web/scripts/migrate_audit_logs.mjs
new file mode 100644
index 0000000..558c20c
--- /dev/null
+++ b/services/web/scripts/migrate_audit_logs.mjs
@@ -0,0 +1,162 @@
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+import { promiseMapWithLimit, promisify } from '@overleaf/promise-utils'
+import { db, ObjectId } from '../app/src/infrastructure/mongodb.js'
+import _ from 'lodash'
+import { fileURLToPath } from 'node:url'
+
+const sleep = promisify(setTimeout)
+
+async function main(options) {
+  if (!options) {
+    options = {}
+  }
+  _.defaults(options, {
+    dryRun: process.env.DRY_RUN !== 'false',
+    projectId: process.env.PROJECT_ID,
+    userId: process.env.USER_ID,
+    skipUsersMigration: process.env.SKIP_USERS_MIGRATION === 'true',
+    writeConcurrency: parseInt(process.env.WRITE_CONCURRENCY, 10) || 10,
+    letUserDoubleCheckInputsFor: parseInt(
+      process.env.LET_USER_DOUBLE_CHECK_INPUTS_FOR || 10 * 1000,
+      10
+    ),
+  })
+
+  await letUserDoubleCheckInputs(options)
+
+  if (options.projectId) {
+    console.log('migrating projectId=' + options.projectId)
+    const project = await db.projects.findOne(
+      { _id: new ObjectId(options.projectId) },
+      { _id: 1, auditLog: 1 }
+    )
+    if (!project || !project.auditLog) {
+      console.error('unable to process project', project)
+      return
+    }
+    await processProjectsBatch([project], options)
+  } else if (options.userId) {
+    console.log('migrating userId=' + options.userId)
+    const user = await db.users.findOne(
+      { _id: new ObjectId(options.userId) },
+      { _id: 1, auditLog: 1 }
+    )
+    if (!user || !user.auditLog) {
+      console.error('unable to process user', user)
+      return
+    }
+    await processUsersBatch([user], options)
+  } else {
+    if (!options.skipUsersMigration) {
+      await batchedUpdate(
+        db.users,
+        { auditLog: { $exists: true } },
+        async users => {
+          await processUsersBatch(users, options)
+        },
+        { _id: 1, auditLog: 1 }
+      )
+    }
+
+    // most projects are processed after its owner has been processed, but only those
+    // users with an existing `auditLog` have been taken into consideration, leaving
+    // some projects orphan. This batched update processes all remaining projects.
+    await batchedUpdate(
+      db.projects,
+      { auditLog: { $exists: true } },
+      async projects => {
+        await processProjectsBatch(projects, options)
+      },
+      { _id: 1, auditLog: 1 }
+    )
+  }
+}
+
+async function processUsersBatch(users, options) {
+  if (!users || users.length <= 0) {
+    return
+  }
+
+  const entries = users
+    .map(user => user.auditLog.map(log => ({ ...log, userId: user._id })))
+    .flat()
+
+  if (!options.dryRun && entries?.length > 0) {
+    await db.userAuditLogEntries.insertMany(entries)
+  }
+
+  if (!options.dryRun) {
+    const userIds = users.map(user => user._id)
+    await db.users.updateMany(
+      { _id: { $in: userIds } },
+      { $unset: { auditLog: 1 } }
+    )
+  }
+
+  await promiseMapWithLimit(options.writeConcurrency, users, async user => {
+    const projects = await db.projects
+      .find(
+        { owner_ref: user._id, auditLog: { $exists: true } },
+        { _id: 1, auditLog: 1 }
+      )
+      .toArray()
+    await processProjectsBatch(projects, options)
+  })
+}
+
+async function processProjectsBatch(projects, options) {
+  if (!projects || projects.length <= 0) {
+    return
+  }
+
+  const entries = projects
+    .map(project =>
+      project.auditLog.map(log => ({ ...log, projectId: project._id }))
+    )
+    .flat()
+
+  if (!options.dryRun && entries?.length > 0) {
+    await db.projectAuditLogEntries.insertMany(entries)
+  }
+
+  if (!options.dryRun) {
+    const projectIds = projects.map(project => project._id)
+    await db.projects.updateMany(
+      { _id: { $in: projectIds } },
+      { $unset: { auditLog: 1 } }
+    )
+  }
+}
+
+async function letUserDoubleCheckInputs(options) {
+  const allOptions = {
+    ...options,
+    // batchedUpdate() environment variables
+    BATCH_DESCENDING: process.env.BATCH_DESCENDING,
+    BATCH_SIZE: process.env.BATCH_SIZE,
+    VERBOSE_LOGGING: process.env.VERBOSE_LOGGING,
+    BATCH_LAST_ID: process.env.BATCH_LAST_ID,
+    BATCH_RANGE_END: process.env.BATCH_RANGE_END,
+    SKIP_USERS_MIGRATION: process.env.SKIP_USERS_MIGRATION,
+  }
+  console.error('Options:', JSON.stringify(allOptions, null, 2))
+  console.error(
+    'Waiting for you to double check inputs for',
+    options.letUserDoubleCheckInputsFor,
+    'ms'
+  )
+  await sleep(options.letUserDoubleCheckInputsFor)
+}
+
+export default main
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  try {
+    await main()
+    console.log('Done.')
+    process.exit(0)
+  } catch (error) {
+    console.error({ error })
+    process.exit(1)
+  }
+}
diff --git a/services/web/scripts/oauth/backfill_hashed_secrets.mjs b/services/web/scripts/oauth/backfill_hashed_secrets.mjs
new file mode 100644
index 0000000..e3352ea
--- /dev/null
+++ b/services/web/scripts/oauth/backfill_hashed_secrets.mjs
@@ -0,0 +1,43 @@
+import {
+  db,
+  READ_PREFERENCE_SECONDARY,
+} from '../../app/src/infrastructure/mongodb.js'
+import { hashSecret } from '../../modules/oauth2-server/app/src/SecretsHelper.js'
+
+async function main() {
+  console.log('Hashing client secrets...')
+  await hashSecrets(db.oauthApplications, 'clientSecret')
+  console.log('Hashing access tokens...')
+  await hashSecrets(db.oauthAccessTokens, 'accessToken')
+  console.log('Hashing refresh tokens...')
+  await hashSecrets(db.oauthAccessTokens, 'refreshToken')
+  console.log('Hashing authorization codes...')
+  await hashSecrets(db.oauthAuthorizationCodes, 'authorizationCode')
+}
+
+async function hashSecrets(collection, field) {
+  const cursor = collection.find(
+    {
+      [field]: /^(?!v1\.)/,
+    },
+    {
+      projection: { _id: 1, [field]: 1 },
+      readPreference: READ_PREFERENCE_SECONDARY,
+    }
+  )
+  let hashedCount = 0
+  for await (const doc of cursor) {
+    const hash = hashSecret(doc[field])
+    await collection.updateOne({ _id: doc._id }, { $set: { [field]: hash } })
+    hashedCount++
+  }
+  console.log(`${hashedCount} secrets hashed`)
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/oauth/create_token.mjs b/services/web/scripts/oauth/create_token.mjs
new file mode 100644
index 0000000..cf833e1
--- /dev/null
+++ b/services/web/scripts/oauth/create_token.mjs
@@ -0,0 +1,96 @@
+import minimist from 'minimist'
+import { db } from '../../app/src/infrastructure/mongodb.js'
+import { hashSecret } from '../../modules/oauth2-server/app/src/SecretsHelper.js'
+
+async function main() {
+  const opts = parseArgs()
+  if (opts.accessToken == null) {
+    console.error('Missing --token option')
+    process.exit(1)
+  }
+
+  if (opts.refreshToken == null) {
+    console.error('Missing --refresh-token option')
+    process.exit(1)
+  }
+
+  if (opts.oauthApplication_id == null) {
+    console.error('Missing --application-id option')
+    process.exit(1)
+  }
+
+  if (opts.user_id == null) {
+    console.error('Missing --user-id option')
+    process.exit(1)
+  }
+
+  if (opts.scope == null) {
+    console.error('Missing --scope option')
+    process.exit(1)
+  }
+
+  if (opts.accessTokenExpiresAt == null) {
+    console.error('Missing --expiry-date option')
+    process.exit(1)
+  }
+
+  await insertToken(opts)
+}
+
+async function insertToken(opts) {
+  const token = {
+    ...opts,
+    accessToken: hashSecret(opts.accessToken),
+    refreshToken: hashSecret(opts.refreshToken),
+    accessTokenExpiresAt: new Date(opts.accessTokenExpiresAt),
+    createdAt: new Date(),
+  }
+
+  await db.oauthAccessTokens.insertOne(token)
+}
+
+function parseArgs() {
+  const args = minimist(process.argv.slice(2), {
+    boolean: ['help'],
+  })
+  if (args.help) {
+    usage()
+    process.exit(0)
+  }
+  if (args._.length !== 0) {
+    usage()
+    process.exit(1)
+  }
+
+  return {
+    accessToken: args.token,
+    oauthApplication_id: args['application-id'],
+    refreshToken: args['refresh-token'],
+    user_id: args['user-id'],
+    scope: args.scope,
+    accessTokenExpiresAt: args['expiry-date'],
+  }
+}
+
+function usage() {
+  console.error(`Usage: create_token.js [OPTS...]
+
+Creates an OAuth access token
+
+Options:
+    --application-id     ID for the OAuth application
+    --user-id            ID of the user this token belongs to
+    --token              Access token
+    --refresh-token      Refresh token
+    --scope              Accepted scope
+    --expiry-date        Token expiry date
+`)
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/oauth/register_client.mjs b/services/web/scripts/oauth/register_client.mjs
new file mode 100644
index 0000000..6f14ae1
--- /dev/null
+++ b/services/web/scripts/oauth/register_client.mjs
@@ -0,0 +1,129 @@
+import minimist from 'minimist'
+import mongodb from 'mongodb-legacy'
+import { db } from '../../app/src/infrastructure/mongodb.js'
+import { hashSecret } from '../../modules/oauth2-server/app/src/SecretsHelper.js'
+
+const { ObjectId } = mongodb
+
+async function main() {
+  const opts = parseArgs()
+  const application = await getApplication(opts.id)
+  if (application == null) {
+    console.log(
+      `Application ${opts.id} is not registered. Creating a new configuration.`
+    )
+    if (opts.name == null) {
+      console.error('Missing --name option')
+      process.exit(1)
+    }
+    if (opts.secret == null) {
+      console.error('Missing --secret option')
+      process.exit(1)
+    }
+  } else {
+    console.log(`Updating configuration for client: ${application.name}`)
+    if (opts.mongoId != null) {
+      console.error('Cannot change Mongo ID for an existing client')
+      process.exit(1)
+    }
+  }
+  await upsertApplication(opts)
+}
+
+async function getApplication(clientId) {
+  return await db.oauthApplications.findOne({ id: clientId })
+}
+
+async function upsertApplication(opts) {
+  const key = { id: opts.id }
+  const defaults = {}
+  const updates = {}
+  if (opts.name != null) {
+    updates.name = opts.name
+  }
+  if (opts.secret != null) {
+    updates.clientSecret = hashSecret(opts.secret)
+  }
+  if (opts.grants != null) {
+    updates.grants = opts.grants
+  } else {
+    defaults.grants = []
+  }
+  if (opts.scopes != null) {
+    updates.scopes = opts.scopes
+  } else {
+    defaults.scopes = []
+  }
+  if (opts.redirectUris != null) {
+    updates.redirectUris = opts.redirectUris
+  } else {
+    defaults.redirectUris = []
+  }
+  if (opts.mongoId != null) {
+    defaults._id = new ObjectId(opts.mongoId)
+  }
+
+  await db.oauthApplications.updateOne(
+    key,
+    {
+      $setOnInsert: { ...key, ...defaults },
+      $set: updates,
+    },
+    { upsert: true }
+  )
+}
+
+function parseArgs() {
+  const args = minimist(process.argv.slice(2), {
+    boolean: ['help'],
+  })
+  if (args.help) {
+    usage()
+    process.exit(0)
+  }
+  if (args._.length !== 1) {
+    usage()
+    process.exit(1)
+  }
+
+  return {
+    id: args._[0],
+    mongoId: args['mongo-id'],
+    name: args.name,
+    secret: args.secret,
+    scopes: toArray(args.scope),
+    grants: toArray(args.grant),
+    redirectUris: toArray(args['redirect-uri']),
+  }
+}
+
+function usage() {
+  console.error(`Usage: register_client.js [OPTS...] CLIENT_ID
+
+Creates or updates an OAuth client configuration
+
+Options:
+    --name            Descriptive name for the OAuth client (required for creation)
+    --secret          Client secret (required for creation)
+    --scope           Accepted scope (can be given more than once)
+    --grant           Accepted grant type (can be given more than once)
+    --redirect-uri    Accepted redirect URI (can be given more than once)
+    --mongo-id        Mongo ID to use if the configuration is created (optional)
+`)
+}
+
+function toArray(value) {
+  if (value != null && !Array.isArray(value)) {
+    return [value]
+  } else {
+    return value
+  }
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/oauth/remove_client.mjs b/services/web/scripts/oauth/remove_client.mjs
new file mode 100644
index 0000000..700c19a
--- /dev/null
+++ b/services/web/scripts/oauth/remove_client.mjs
@@ -0,0 +1,121 @@
+import minimist from 'minimist'
+import {
+  db,
+  READ_PREFERENCE_SECONDARY,
+} from '../../app/src/infrastructure/mongodb.js'
+
+async function main() {
+  const opts = parseArgs()
+  const application = await getApplication(opts.clientId)
+  if (application == null) {
+    console.error(`Client configuration not found: ${opts.clientId}`)
+    process.exit(1)
+  }
+  if (opts.commit) {
+    console.log(
+      `Preparing to remove OAuth client configuration: ${application.name}.`
+    )
+
+    const deletedAccessTokens = await deleteAccessTokens(application._id)
+    console.log(`Deleted ${deletedAccessTokens} access tokens`)
+
+    const deletedAuthorizationCodes = await deleteAuthorizationCodes(
+      application._id
+    )
+    console.log(`Deleted ${deletedAuthorizationCodes} authorization codes`)
+
+    await deleteApplication(application._id)
+    console.log('Deleted OAuth client configuration')
+  } else {
+    console.log(
+      `Preparing to remove OAuth client configuration (dry run): ${application.name}.`
+    )
+    const accessTokenCount = await countAccessTokens(application._id)
+    const authorizationCodeCount = await countAuthorizationCodes(
+      application._id
+    )
+    console.log(
+      `This would delete ${accessTokenCount} access tokens and ${authorizationCodeCount} authorization codes.`
+    )
+    console.log('This was a dry run. Rerun with --commit to proceed.')
+  }
+}
+
+async function getApplication(clientId) {
+  return await db.oauthApplications.findOne({ id: clientId })
+}
+
+async function countAccessTokens(applicationId) {
+  return await db.oauthAccessTokens.count(
+    {
+      oauthApplication_id: applicationId,
+    },
+    { readPreference: READ_PREFERENCE_SECONDARY }
+  )
+}
+
+async function countAuthorizationCodes(applicationId) {
+  return await db.oauthAuthorizationCodes.count(
+    {
+      oauthApplication_id: applicationId,
+    },
+    { readPreference: READ_PREFERENCE_SECONDARY }
+  )
+}
+
+async function deleteAccessTokens(applicationId) {
+  const res = await db.oauthAccessTokens.deleteMany({
+    oauthApplication_id: applicationId,
+  })
+  return res.deletedCount
+}
+
+async function deleteAuthorizationCodes(applicationId) {
+  const res = await db.oauthAuthorizationCodes.deleteMany({
+    oauthApplication_id: applicationId,
+  })
+  return res.deletedCount
+}
+
+async function deleteApplication(applicationId) {
+  await db.oauthApplications.deleteOne({ _id: applicationId })
+}
+
+function parseArgs() {
+  const args = minimist(process.argv.slice(2), {
+    boolean: ['help', 'commit'],
+  })
+  if (args.help) {
+    usage()
+    process.exit(0)
+  }
+  if (args._.length !== 1) {
+    usage()
+    process.exit(1)
+  }
+
+  return {
+    clientId: args._[0],
+    commit: args.commit,
+  }
+}
+
+function usage() {
+  console.error(`Usage: remove_client.js [OPTS...] CLIENT_ID
+
+Removes an OAuth client configuration and all associated tokens and
+authorization codes
+
+Options:
+    --commit    Really delete the OAuth application (will do a dry run by default)
+
+`)
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/plan-prices/.gitignore b/services/web/scripts/plan-prices/.gitignore
new file mode 100644
index 0000000..1406277
--- /dev/null
+++ b/services/web/scripts/plan-prices/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+output
diff --git a/services/web/scripts/plan-prices/README.md b/services/web/scripts/plan-prices/README.md
new file mode 100644
index 0000000..e64e1d9
--- /dev/null
+++ b/services/web/scripts/plan-prices/README.md
@@ -0,0 +1,17 @@
+A nodejs tool for reading plans prices from csv files and creating JSON objects.
+
+Run `npm install` in order to install the dependencies.
+
+The scripts will put the output results into the `output` folder.
+
+### Create localized and group plan pricing
+
+_Command_ `node plans.mjs -f fileName -o outputdir` - generates two json files:
+
+- `localizedPlanPricing.json` for `/services/web/config/settings.overrides.saas.js`
+- `groups.json` for `/services/web/app/templates/plans/groups.json`
+
+The input file can be in `.csv` or `.json` format
+
+- `.csv` csv format
+- `.json` json format from the `recurly_prices.mjs --download` script output
diff --git a/services/web/scripts/plan-prices/additional-license-add-on-legacy-prices.json b/services/web/scripts/plan-prices/additional-license-add-on-legacy-prices.json
new file mode 100644
index 0000000..8f7cb29
--- /dev/null
+++ b/services/web/scripts/plan-prices/additional-license-add-on-legacy-prices.json
@@ -0,0 +1,546 @@
+{
+  "educational": {
+    "professional": {
+      "2": {
+        "AUD": 321,
+        "BRL": 699,
+        "CAD": 314,
+        "CHF": 279,
+        "CLP": 168693,
+        "COP": 552930,
+        "DKK": 1665,
+        "EUR": 258,
+        "GBP": 223,
+        "INR": 6719,
+        "MXN": 4129,
+        "NOK": 2008,
+        "NZD": 321,
+        "PEN": 671,
+        "SEK": 2008,
+        "SGD": 363,
+        "USD": 279
+      },
+      "3": {
+        "AUD": 321,
+        "BRL": 699,
+        "CAD": 314,
+        "CHF": 279,
+        "CLP": 168693,
+        "COP": 552930,
+        "DKK": 1665,
+        "EUR": 258,
+        "GBP": 223,
+        "INR": 6719,
+        "MXN": 4129,
+        "NOK": 2008,
+        "NZD": 321,
+        "PEN": 671,
+        "SEK": 2008,
+        "SGD": 363,
+        "USD": 279
+      },
+      "4": {
+        "AUD": 321,
+        "BRL": 699,
+        "CAD": 314,
+        "CHF": 279,
+        "CLP": 168693,
+        "COP": 552930,
+        "DKK": 1665,
+        "EUR": 258,
+        "GBP": 223,
+        "INR": 6719,
+        "MXN": 4129,
+        "NOK": 2008,
+        "NZD": 321,
+        "PEN": 671,
+        "SEK": 2008,
+        "SGD": 363,
+        "USD": 279
+      },
+      "5": {
+        "AUD": 321,
+        "BRL": 699,
+        "CAD": 314,
+        "CHF": 279,
+        "CLP": 168693,
+        "COP": 552930,
+        "DKK": 1665,
+        "EUR": 258,
+        "GBP": 223,
+        "INR": 6719,
+        "MXN": 4129,
+        "NOK": 2008,
+        "NZD": 321,
+        "PEN": 671,
+        "SEK": 2008,
+        "SGD": 363,
+        "USD": 279
+      },
+      "10": {
+        "AUD": 179,
+        "BRL": 389,
+        "CAD": 175,
+        "CHF": 155,
+        "CLP": 93986,
+        "COP": 308061,
+        "DKK": 927,
+        "EUR": 143,
+        "GBP": 124,
+        "INR": 3743,
+        "MXN": 2300,
+        "NOK": 1118,
+        "NZD": 179,
+        "PEN": 374,
+        "SEK": 1118,
+        "SGD": 202,
+        "USD": 155
+      },
+      "20": {
+        "AUD": 165,
+        "BRL": 359,
+        "CAD": 161,
+        "CHF": 143,
+        "CLP": 86756,
+        "COP": 284364,
+        "DKK": 856,
+        "EUR": 132,
+        "GBP": 114,
+        "INR": 3455,
+        "MXN": 2123,
+        "NOK": 1032,
+        "NZD": 165,
+        "PEN": 345,
+        "SEK": 1032,
+        "SGD": 186,
+        "USD": 143
+      },
+      "50": {
+        "AUD": 151,
+        "BRL": 329,
+        "CAD": 148,
+        "CHF": 131,
+        "CLP": 79526,
+        "COP": 260667,
+        "DKK": 785,
+        "EUR": 121,
+        "GBP": 105,
+        "INR": 3167,
+        "MXN": 1946,
+        "NOK": 946,
+        "NZD": 151,
+        "PEN": 316,
+        "SEK": 946,
+        "SGD": 171,
+        "USD": 131
+      }
+    },
+    "collaborator": {
+      "2": {
+        "AUD": 167,
+        "BRL": 349,
+        "CAD": 160,
+        "CHF": 139,
+        "CLP": 77693,
+        "COP": 272930,
+        "DKK": 839,
+        "EUR": 125,
+        "GBP": 111,
+        "INR": 3219,
+        "MXN": 2029,
+        "NOK": 1014,
+        "NZD": 167,
+        "PEN": 321,
+        "SEK": 1014,
+        "SGD": 181,
+        "USD": 139
+      },
+      "3": {
+        "AUD": 167,
+        "BRL": 349,
+        "CAD": 160,
+        "CHF": 139,
+        "CLP": 77693,
+        "COP": 272930,
+        "DKK": 839,
+        "EUR": 125,
+        "GBP": 111,
+        "INR": 3219,
+        "MXN": 2029,
+        "NOK": 1014,
+        "NZD": 167,
+        "PEN": 321,
+        "SEK": 1014,
+        "SGD": 181,
+        "USD": 139
+      },
+      "4": {
+        "AUD": 167,
+        "BRL": 349,
+        "CAD": 160,
+        "CHF": 139,
+        "CLP": 77693,
+        "COP": 272930,
+        "DKK": 839,
+        "EUR": 125,
+        "GBP": 111,
+        "INR": 3219,
+        "MXN": 2029,
+        "NOK": 1014,
+        "NZD": 167,
+        "PEN": 321,
+        "SEK": 1014,
+        "SGD": 181,
+        "USD": 139
+      },
+      "5": {
+        "AUD": 167,
+        "BRL": 349,
+        "CAD": 160,
+        "CHF": 139,
+        "CLP": 77693,
+        "COP": 272930,
+        "DKK": 839,
+        "EUR": 125,
+        "GBP": 111,
+        "INR": 3219,
+        "MXN": 2029,
+        "NOK": 1014,
+        "NZD": 167,
+        "PEN": 321,
+        "SEK": 1014,
+        "SGD": 181,
+        "USD": 139
+      },
+      "10": {
+        "AUD": 93,
+        "BRL": 194,
+        "CAD": 89,
+        "CHF": 77,
+        "CLP": 43286,
+        "COP": 152061,
+        "DKK": 467,
+        "EUR": 69,
+        "GBP": 62,
+        "INR": 1793,
+        "MXN": 1130,
+        "NOK": 565,
+        "NZD": 93,
+        "PEN": 179,
+        "SEK": 565,
+        "SGD": 101,
+        "USD": 77
+      },
+      "20": {
+        "AUD": 86,
+        "BRL": 179,
+        "CAD": 82,
+        "CHF": 71,
+        "CLP": 39956,
+        "COP": 140364,
+        "DKK": 431,
+        "EUR": 64,
+        "GBP": 57,
+        "INR": 1655,
+        "MXN": 1043,
+        "NOK": 521,
+        "NZD": 86,
+        "PEN": 165,
+        "SEK": 521,
+        "SGD": 93,
+        "USD": 71
+      },
+      "50": {
+        "AUD": 78,
+        "BRL": 164,
+        "CAD": 75,
+        "CHF": 65,
+        "CLP": 36626,
+        "COP": 128667,
+        "DKK": 395,
+        "EUR": 59,
+        "GBP": 52,
+        "INR": 1517,
+        "MXN": 956,
+        "NOK": 478,
+        "NZD": 78,
+        "PEN": 151,
+        "SEK": 478,
+        "SGD": 85,
+        "USD": 65
+      }
+    }
+  },
+  "enterprise": {
+    "professional": {
+      "2": {
+        "AUD": 321,
+        "BRL": 699,
+        "CAD": 314,
+        "CHF": 499,
+        "CLP": 168693,
+        "COP": 552930,
+        "DKK": 1665,
+        "EUR": 258,
+        "GBP": 223,
+        "INR": 6719,
+        "MXN": 4129,
+        "NOK": 2008,
+        "NZD": 321,
+        "PEN": 671,
+        "SEK": 2008,
+        "SGD": 363,
+        "USD": 279
+      },
+      "3": {
+        "AUD": 321,
+        "BRL": 699,
+        "CAD": 314,
+        "CHF": 499,
+        "CLP": 168693,
+        "COP": 552930,
+        "DKK": 1665,
+        "EUR": 258,
+        "GBP": 223,
+        "INR": 6719,
+        "MXN": 4129,
+        "NOK": 2008,
+        "NZD": 321,
+        "PEN": 671,
+        "SEK": 2008,
+        "SGD": 363,
+        "USD": 279
+      },
+      "4": {
+        "AUD": 321,
+        "BRL": 699,
+        "CAD": 314,
+        "CHF": 499,
+        "CLP": 168693,
+        "COP": 552930,
+        "DKK": 1665,
+        "EUR": 258,
+        "GBP": 223,
+        "INR": 6719,
+        "MXN": 4129,
+        "NOK": 2008,
+        "NZD": 321,
+        "PEN": 671,
+        "SEK": 2008,
+        "SGD": 363,
+        "USD": 279
+      },
+      "5": {
+        "AUD": 321,
+        "BRL": 699,
+        "CAD": 314,
+        "CHF": 499,
+        "CLP": 168693,
+        "COP": 552930,
+        "DKK": 1665,
+        "EUR": 258,
+        "GBP": 223,
+        "INR": 6719,
+        "MXN": 4129,
+        "NOK": 2008,
+        "NZD": 321,
+        "PEN": 671,
+        "SEK": 2008,
+        "SGD": 363,
+        "USD": 279
+      },
+      "10": {
+        "AUD": 298,
+        "BRL": 649,
+        "CAD": 291,
+        "CHF": 259,
+        "CLP": 156643,
+        "COP": 513435,
+        "DKK": 1546,
+        "EUR": 239,
+        "GBP": 207,
+        "INR": 6239,
+        "MXN": 3834,
+        "NOK": 1864,
+        "NZD": 298,
+        "PEN": 623,
+        "SEK": 1864,
+        "SGD": 337,
+        "USD": 259
+      },
+      "20": {
+        "AUD": 275,
+        "BRL": 599,
+        "CAD": 269,
+        "CHF": 239,
+        "CLP": 144594,
+        "COP": 473940,
+        "DKK": 1427,
+        "EUR": 221,
+        "GBP": 191,
+        "INR": 5759,
+        "MXN": 3539,
+        "NOK": 1721,
+        "NZD": 275,
+        "PEN": 575,
+        "SEK": 1721,
+        "SGD": 311,
+        "USD": 239
+      },
+      "50": {
+        "AUD": 252,
+        "BRL": 549,
+        "CAD": 246,
+        "CHF": 219,
+        "CLP": 132544,
+        "COP": 400000,
+        "DKK": 1308,
+        "EUR": 202,
+        "GBP": 175,
+        "INR": 5279,
+        "MXN": 3244,
+        "NOK": 1577,
+        "NZD": 252,
+        "PEN": 527,
+        "SEK": 1577,
+        "SGD": 285,
+        "USD": 219
+      }
+    },
+    "collaborator": {
+      "2": {
+        "AUD": 167,
+        "BRL": 349,
+        "CAD": 160,
+        "CHF": 139,
+        "CLP": 77693,
+        "COP": 272930,
+        "DKK": 839,
+        "EUR": 125,
+        "GBP": 111,
+        "INR": 3219,
+        "MXN": 2029,
+        "NOK": 1014,
+        "NZD": 167,
+        "PEN": 321,
+        "SEK": 1014,
+        "SGD": 181,
+        "USD": 139
+      },
+      "3": {
+        "AUD": 167,
+        "BRL": 349,
+        "CAD": 160,
+        "CHF": 139,
+        "CLP": 77693,
+        "COP": 272930,
+        "DKK": 839,
+        "EUR": 125,
+        "GBP": 111,
+        "INR": 3219,
+        "MXN": 2029,
+        "NOK": 1014,
+        "NZD": 167,
+        "PEN": 321,
+        "SEK": 1014,
+        "SGD": 181,
+        "USD": 139
+      },
+      "4": {
+        "AUD": 167,
+        "BRL": 349,
+        "CAD": 160,
+        "CHF": 139,
+        "CLP": 77693,
+        "COP": 272930,
+        "DKK": 839,
+        "EUR": 125,
+        "GBP": 111,
+        "INR": 3219,
+        "MXN": 2029,
+        "NOK": 1014,
+        "NZD": 167,
+        "PEN": 321,
+        "SEK": 1014,
+        "SGD": 181,
+        "USD": 139
+      },
+      "5": {
+        "AUD": 167,
+        "BRL": 349,
+        "CAD": 160,
+        "CHF": 139,
+        "CLP": 77693,
+        "COP": 272930,
+        "DKK": 839,
+        "EUR": 125,
+        "GBP": 111,
+        "INR": 3219,
+        "MXN": 2029,
+        "NOK": 1014,
+        "NZD": 167,
+        "PEN": 321,
+        "SEK": 1014,
+        "SGD": 181,
+        "USD": 139
+      },
+      "10": {
+        "AUD": 155,
+        "BRL": 324,
+        "CAD": 148,
+        "CHF": 129,
+        "CLP": 72143,
+        "COP": 253435,
+        "DKK": 779,
+        "EUR": 116,
+        "GBP": 103,
+        "INR": 2989,
+        "MXN": 1884,
+        "NOK": 941,
+        "NZD": 155,
+        "PEN": 298,
+        "SEK": 941,
+        "SGD": 168,
+        "USD": 129
+      },
+      "20": {
+        "AUD": 143,
+        "BRL": 299,
+        "CAD": 137,
+        "CHF": 119,
+        "CLP": 66594,
+        "COP": 233940,
+        "DKK": 719,
+        "EUR": 107,
+        "GBP": 95,
+        "INR": 2759,
+        "MXN": 1739,
+        "NOK": 869,
+        "NZD": 143,
+        "PEN": 275,
+        "SEK": 869,
+        "SGD": 155,
+        "USD": 119
+      },
+      "50": {
+        "AUD": 131,
+        "BRL": 274,
+        "CAD": 125,
+        "CHF": 109,
+        "CLP": 61044,
+        "COP": 214445,
+        "DKK": 659,
+        "EUR": 98,
+        "GBP": 87,
+        "INR": 2529,
+        "MXN": 1594,
+        "NOK": 796,
+        "NZD": 131,
+        "PEN": 252,
+        "SEK": 796,
+        "SGD": 142,
+        "USD": 109
+      }
+    }
+  }
+}
diff --git a/services/web/scripts/plan-prices/package-lock.json b/services/web/scripts/plan-prices/package-lock.json
new file mode 100644
index 0000000..78e820a
--- /dev/null
+++ b/services/web/scripts/plan-prices/package-lock.json
@@ -0,0 +1,65 @@
+{
+  "name": "prices",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "prices",
+      "version": "1.0.0",
+      "license": "ISC",
+      "devDependencies": {
+        "csv": "^6.2.10",
+        "minimist": "^1.2.8"
+      }
+    },
+    "node_modules/csv": {
+      "version": "6.2.10",
+      "resolved": "https://registry.npmjs.org/csv/-/csv-6.2.10.tgz",
+      "integrity": "sha512-aO1dkeMlzWHvtKOdiTeqt7G4SwF/JtJ2fYNOMtlrGiKERD+ASq+QZelGqpFCzHGvZSIhzDtwqRVEgPMkme2BQg==",
+      "dev": true,
+      "dependencies": {
+        "csv-generate": "^4.2.4",
+        "csv-parse": "^5.3.8",
+        "csv-stringify": "^6.3.2",
+        "stream-transform": "^3.2.4"
+      },
+      "engines": {
+        "node": ">= 0.1.90"
+      }
+    },
+    "node_modules/csv-generate": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/csv-generate/-/csv-generate-4.2.4.tgz",
+      "integrity": "sha512-PvEwuRksnW30I1DlZnVuCVMOiff7ZoUXOCMQJ1c0DPKXQkIC87hWvqJ4ztO70ceQMQER1hp/Lajo8KIy7at1PA==",
+      "dev": true
+    },
+    "node_modules/csv-parse": {
+      "version": "5.3.8",
+      "resolved": "https://registry.npmjs.org/csv-parse/-/csv-parse-5.3.8.tgz",
+      "integrity": "sha512-ird8lzMv9I64oqIVIHdaTbT7Yr55n2C/Nv6m1LxO7nddLEeI67468VQ9Ik+r6lwYbK9kTE1oSqAVcVKc/Uqx6g==",
+      "dev": true
+    },
+    "node_modules/csv-stringify": {
+      "version": "6.3.2",
+      "resolved": "https://registry.npmjs.org/csv-stringify/-/csv-stringify-6.3.2.tgz",
+      "integrity": "sha512-dD9gfbxNKa5v90NHiE2Qd6F9I52GtJjGTfowwzqiNDZD/+NPW3h19d2Nvv311a8QUW11rYRobco27nvVAnCrLw==",
+      "dev": true
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "dev": true,
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/stream-transform": {
+      "version": "3.2.4",
+      "resolved": "https://registry.npmjs.org/stream-transform/-/stream-transform-3.2.4.tgz",
+      "integrity": "sha512-YoZm/eoh6f/MH7uHkq+NK3fx3JkyXbck7FcTpJavwEUg0aMINqMPkDj5uNW0CoRy7c/2NSJm0HvoyFv6dVauPA==",
+      "dev": true
+    }
+  }
+}
diff --git a/services/web/scripts/plan-prices/package.json b/services/web/scripts/plan-prices/package.json
new file mode 100644
index 0000000..0ceff77
--- /dev/null
+++ b/services/web/scripts/plan-prices/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "prices",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "csv": "^6.2.10",
+    "minimist": "^1.2.8"
+  }
+}
diff --git a/services/web/scripts/plan-prices/plans.mjs b/services/web/scripts/plan-prices/plans.mjs
new file mode 100644
index 0000000..122b2c5
--- /dev/null
+++ b/services/web/scripts/plan-prices/plans.mjs
@@ -0,0 +1,235 @@
+// Creates data for localizedPlanPricing object in settings.overrides.saas.js
+// and group plans object in app/templates/plans/groups.json
+
+// https://github.com/import-js/eslint-plugin-import/issues/1810
+// eslint-disable-next-line import/no-unresolved
+import * as csv from 'csv/sync'
+import fs from 'node:fs'
+import path from 'node:path'
+import minimist from 'minimist'
+import { fileURLToPath } from 'node:url'
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+
+function readCSVFile(fileName) {
+  // Pick the csv file
+  const filePath = path.resolve(__dirname, fileName)
+  const input = fs.readFileSync(filePath, 'utf8')
+  const rawRecords = csv.parse(input, { columns: true })
+  return rawRecords
+}
+
+function readJSONFile(fileName) {
+  const filePath = path.resolve(__dirname, fileName)
+  const file = fs.readFileSync(filePath)
+  const plans = JSON.parse(file)
+  // convert the plans JSON from recurly to an array of
+  // objects matching the spreadsheet format
+  const result = []
+  for (const plan of plans) {
+    const newRow = { plan_code: plan.code }
+    for (const price of plan.currencies) {
+      newRow[price.currency] = price.unitAmount
+    }
+    result.push(newRow)
+  }
+  return result
+}
+
+// Mapping of [output_keys]:[actual_keys]
+const plansMap = {
+  student: 'student',
+  personal: 'paid-personal',
+  collaborator: 'collaborator',
+  professional: 'professional',
+}
+
+const currencies = [
+  'AUD',
+  'BRL',
+  'CAD',
+  'CHF',
+  'CLP',
+  'COP',
+  'DKK',
+  'EUR',
+  'GBP',
+  'INR',
+  'MXN',
+  'NOK',
+  'NZD',
+  'PEN',
+  'SEK',
+  'SGD',
+  'USD',
+]
+
+/**
+ * This is duplicated in:
+ *   - services/web/app/src/Features/Subscription/SubscriptionHelper.js
+ *   - services/web/modules/subscriptions/frontend/js/pages/plans-new-design/group-member-picker/group-plan-pricing.js
+ */
+function roundUpToNearest5Cents(number) {
+  return Math.ceil(number * 20) / 20
+}
+
+function generatePlans(workSheetJSON) {
+  // localizedPlanPricing object for settings.overrides.saas.js
+  const localizedPlanPricing = {}
+
+  for (const currency of currencies) {
+    localizedPlanPricing[currency] = {
+      free: {
+        monthly: 0,
+        annual: 0,
+      },
+    }
+
+    for (const [outputKey, actualKey] of Object.entries(plansMap)) {
+      const monthlyPlan = workSheetJSON.find(
+        data => data.plan_code === actualKey
+      )
+
+      if (!monthlyPlan) throw new Error(`Missing plan: ${actualKey}`)
+      if (!(currency in monthlyPlan))
+        throw new Error(
+          `Missing currency "${currency}" for plan "${actualKey}"`
+        )
+
+      const actualKeyAnnual = `${actualKey}-annual`
+      const annualPlan = workSheetJSON.find(
+        data => data.plan_code === actualKeyAnnual
+      )
+
+      if (!annualPlan) throw new Error(`Missing plan: ${actualKeyAnnual}`)
+      if (!(currency in annualPlan))
+        throw new Error(
+          `Missing currency "${currency}" for plan "${actualKeyAnnual}"`
+        )
+
+      const monthly = Number(monthlyPlan[currency])
+      const monthlyTimesTwelve = Number(monthlyPlan[currency] * 12)
+      const annual = Number(annualPlan[currency])
+      const annualDividedByTwelve = Number(
+        roundUpToNearest5Cents(annualPlan[currency] / 12)
+      )
+
+      localizedPlanPricing[currency] = {
+        ...localizedPlanPricing[currency],
+        [outputKey]: {
+          monthly,
+          monthlyTimesTwelve,
+          annual,
+          annualDividedByTwelve,
+        },
+      }
+    }
+  }
+  return localizedPlanPricing
+}
+
+function generateGroupPlans(workSheetJSON) {
+  // group plans object for app/templates/plans/groups.json
+  const groupPlans = workSheetJSON.filter(data =>
+    data.plan_code.startsWith('group')
+  )
+
+  const sizes = ['2', '3', '4', '5', '10', '20', '50']
+  const additionalLicenseAddOnLegacyPricesFilePath = path.resolve(
+    __dirname,
+    'additional-license-add-on-legacy-prices.json'
+  )
+  const additionalLicenseAddOnLegacyPricesFile = fs.readFileSync(
+    additionalLicenseAddOnLegacyPricesFilePath
+  )
+  const additionalLicenseAddOnLegacyPrices = JSON.parse(
+    additionalLicenseAddOnLegacyPricesFile
+  )
+
+  const result = {}
+  for (const type1 of ['educational', 'enterprise']) {
+    result[type1] = {}
+    for (const type2 of ['professional', 'collaborator']) {
+      result[type1][type2] = {}
+      for (const currency of currencies) {
+        result[type1][type2][currency] = {}
+        for (const size of sizes) {
+          const planCode = `group_${type2}_${size}_${type1}`
+          const plan = groupPlans.find(data => data.plan_code === planCode)
+
+          if (!plan) throw new Error(`Missing plan: ${planCode}`)
+
+          result[type1][type2][currency][size] = {
+            price_in_cents: plan[currency] * 100,
+          }
+
+          const additionalLicenseAddOnLegacyPrice =
+            additionalLicenseAddOnLegacyPrices[type1][type2][size]?.[currency]
+          if (additionalLicenseAddOnLegacyPrice) {
+            Object.assign(result[type1][type2][currency][size], {
+              additional_license_legacy_price_in_cents:
+                additionalLicenseAddOnLegacyPrice * 100,
+            })
+          }
+        }
+      }
+    }
+  }
+  return result
+}
+
+const argv = minimist(process.argv.slice(2), {
+  string: ['output', 'file'],
+  alias: { o: 'output', f: 'file' },
+})
+
+let input
+if (argv.file) {
+  const ext = path.extname(argv.file)
+  switch (ext) {
+    case '.csv':
+      input = readCSVFile(argv.file)
+      break
+    case '.json':
+      input = readJSONFile(argv.file)
+      break
+    default:
+      console.log('Invalid file type: must be csv or json')
+  }
+} else {
+  console.log('usage: node plans.mjs -f <file.csv|file.json> -o <dir>')
+  process.exit(1)
+}
+// removes quotes from object keys
+const formatJS = obj =>
+  JSON.stringify(obj, null, 2).replace(/"([^"]+)":/g, '$1:')
+const formatJSON = obj => JSON.stringify(obj, null, 2)
+
+function writeFile(outputFile, data) {
+  console.log(`Writing ${outputFile}`)
+  fs.writeFileSync(outputFile, data)
+}
+
+const localizedPlanPricing = generatePlans(input)
+const groupPlans = generateGroupPlans(input)
+
+if (argv.output) {
+  const dir = argv.output
+  // check if output directory exists
+  if (!fs.existsSync(dir)) {
+    console.log(`Creating output directory ${dir}`)
+    fs.mkdirSync(dir)
+  }
+  // check if output directory is a directory and report error if not
+  if (!fs.lstatSync(dir).isDirectory()) {
+    console.error(`Error: output dir ${dir} is not a directory`)
+    process.exit(1)
+  }
+  writeFile(`${dir}/localizedPlanPricing.json`, formatJS(localizedPlanPricing))
+  writeFile(`${dir}/groups.json`, formatJSON(groupPlans))
+} else {
+  console.log('LOCALIZED', localizedPlanPricing)
+  console.log('GROUP PLANS', JSON.stringify(groupPlans, null, 2))
+}
+
+console.log('Completed!')
diff --git a/services/web/scripts/process_lapsed_reconfirmations.mjs b/services/web/scripts/process_lapsed_reconfirmations.mjs
new file mode 100644
index 0000000..25e0ec1
--- /dev/null
+++ b/services/web/scripts/process_lapsed_reconfirmations.mjs
@@ -0,0 +1,9 @@
+import InstitutionsReconfirmationHandler from '../modules/institutions/app/src/InstitutionsReconfirmationHandler.mjs'
+
+try {
+  await InstitutionsReconfirmationHandler.processLapsed()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/purge_non_logged_in_sessions.mjs b/services/web/scripts/purge_non_logged_in_sessions.mjs
new file mode 100644
index 0000000..2156536
--- /dev/null
+++ b/services/web/scripts/purge_non_logged_in_sessions.mjs
@@ -0,0 +1,101 @@
+import RedisWrapper from '@overleaf/redis-wrapper'
+import Settings from '@overleaf/settings'
+import SessionManager from '../app/src/Features/Authentication/SessionManager.js'
+import minimist from 'minimist'
+
+const redis = RedisWrapper.createClient(Settings.redis.websessions)
+
+const argv = minimist(process.argv.slice(2), {
+  string: ['count'],
+  boolean: ['dry-run', 'help'],
+  alias: {
+    count: 'c',
+    'dry-run': 'n',
+    help: 'h',
+  },
+})
+
+if (argv.help) {
+  console.log(
+    `Usage: node purge_non_logged_in_sessions.js [--count <count>] [--dry-run]
+  --count <count> the number of keys to scan on each iteration (default 1000)
+  --dry-run to not delete any keys
+  --help to show this help
+
+Note: use --count=10000 to delete faster (this will impact redis performance,
+so use with caution)`
+  )
+  process.exit()
+}
+
+const scanCount = argv.count ? parseInt(argv.count, 10) : 1000
+const dryRun = argv['dry-run']
+
+console.log(`Scan count set to ${scanCount}`)
+
+if (dryRun) {
+  console.log('Dry run, not deleting any keys')
+}
+
+// iterate over all redis keys matching sess:* and delete the ones
+// that are not logged in using async await and mget and mdel
+async function scanAndPurge() {
+  let totalSessions = 0
+  let totalDeletedSessions = 0
+  const stream = redis.scanStream({
+    match: 'sess:*',
+    count: scanCount,
+  })
+  console.log('Starting scan...')
+  for await (const resultKeys of stream) {
+    if (resultKeys.length === 0) {
+      continue // scan is allowed to return zero elements, the client should not consider the iteration complete
+    }
+    console.log(`Keys found, count: ${resultKeys.length}`)
+    totalSessions += resultKeys.length
+    const sessions = await redis.mget(resultKeys)
+    const toDelete = []
+    for (let i = 0; i < sessions.length; i++) {
+      const resultKey = resultKeys[i]
+      const session = sessions[i]
+      if (!session) {
+        continue
+      }
+      try {
+        const sessionObject = JSON.parse(session)
+        if (!SessionManager.isUserLoggedIn(sessionObject)) {
+          totalDeletedSessions++
+          toDelete.push(resultKey)
+        }
+      } catch (error) {
+        console.error(`Error parsing session ${resultKeys[i]}: ${error}`)
+      }
+    }
+    if (toDelete.length === 0) {
+      continue
+    }
+    if (dryRun) {
+      console.log(`Would delete ${toDelete.length} keys`)
+    } else {
+      await redis.del(toDelete)
+      console.log(`Keys deleted so far: ${totalDeletedSessions}`)
+    }
+  }
+  if (dryRun) {
+    console.log(
+      `Dry run: ${totalSessions} sessions checked, ${totalDeletedSessions} would have been deleted`
+    )
+  } else {
+    console.log(
+      `All ${totalSessions} sessions have been checked, ${totalDeletedSessions} deleted`
+    )
+  }
+  redis.quit()
+}
+
+try {
+  await scanAndPurge()
+} catch (error) {
+  console.error(error)
+  process.exit()
+}
diff --git a/services/web/scripts/recover_docs_from_redis.mjs b/services/web/scripts/recover_docs_from_redis.mjs
new file mode 100644
index 0000000..ad69b54
--- /dev/null
+++ b/services/web/scripts/recover_docs_from_redis.mjs
@@ -0,0 +1,181 @@
+// recover docs from redis where there is no doc in mongo but the project exists
+
+import minimist from 'minimist'
+
+import { db, ObjectId } from '../app/src/infrastructure/mongodb.js'
+import ProjectEntityUpdateHandler from '../app/src/Features/Project/ProjectEntityUpdateHandler.js'
+import ProjectEntityRestoreHandler from '../app/src/Features/Project/ProjectEntityRestoreHandler.js'
+import RedisWrapper from '@overleaf/redis-wrapper'
+import Settings from '@overleaf/settings'
+import logger from '@overleaf/logger'
+const opts = parseArgs()
+const redis = RedisWrapper.createClient(Settings.redis.web)
+
+function parseArgs() {
+  const args = minimist(process.argv.slice(2), {
+    boolean: ['commit'],
+  })
+  const commit = args.commit
+  const deleteOversized = args['delete-oversized']
+  return {
+    commit,
+    deleteOversized,
+    maxDocSize: 2 * 1024 * 1024,
+  }
+}
+
+function extractObjectId(s) {
+  const m = s.match(/:\{?([0-9a-f]{24})\}?/)
+  return m[1]
+}
+
+async function main() {
+  logger.info({ opts }, 'removing deleted docs')
+  let cursor = 0
+  do {
+    const [newCursor, doclinesKeys] = await redis.scan(
+      cursor,
+      'MATCH',
+      'doclines:{*}',
+      'COUNT',
+      1000
+    )
+    const docIds = doclinesKeys.map(extractObjectId)
+    for (const docId of docIds) {
+      await processDoc(docId)
+    }
+    cursor = newCursor
+  } while (cursor !== '0')
+  if (!opts.commit) {
+    console.log('This was a dry run. Re-run with --commit to apply changes')
+  }
+}
+
+async function processDoc(docId) {
+  // check if the doc is in mongo.. if so ignore it
+  const docCount = await db.docs.find({ _id: new ObjectId(docId) }).count()
+  if (docCount > 0) {
+    logger.debug({ docId }, 'doc is present in mongo - no recovery needed')
+    return
+  }
+  // get the doc from redis and check if it has a project id
+  const doc = await getDoc(docId)
+  const projectId = doc.projectId
+  if (!projectId) {
+    logger.warn(
+      { docId, doc },
+      'projectId not available in redis, cannot restore - skipping'
+    )
+    // we could delete the document in redis here since we have no way to recover it
+    return
+  }
+  // check that the project is in mongo, if not delete the doc
+  const project = await db.projects.findOne({ _id: new ObjectId(projectId) })
+  if (!project) {
+    logger.warn(
+      { docId },
+      'project not present in mongo - could remove doc from redis'
+    )
+    return
+  }
+  // if the doc is too big we will need to convert it to a file, skip it for now
+  // or delete the doc if the --delete-oversized option is used
+  const size = doc.lines.reduce((sum, line) => sum + line.length + 1, 0)
+  if (size > opts.maxDocSize) {
+    logger.warn(
+      { docId, projectId, size },
+      'doc that exceeds max size, cannot restore'
+    )
+    if (opts.deleteOversized) {
+      logger.info(
+        { docId, projectId, size, commit: opts.commit },
+        'forcing delete of large doc'
+      )
+      if (opts.commit) {
+        try {
+          await deleteDocFromRedis(projectId, docId)
+        } catch (err) {
+          logger.error(
+            { docId, projectId, deleteErr: err },
+            'error deleting doc from redis'
+          )
+        }
+      }
+    }
+    return
+  }
+  // now we have a doc content from redis, in a project where the doc has been deleted
+  const restoredName = ProjectEntityRestoreHandler.generateRestoredName(
+    doc.name || 'unknown',
+    'recovered'
+  )
+  logger.info(
+    { docId, projectId, restoredName, commit: opts.commit },
+    'recovering doc from redis to mongo'
+  )
+
+  if (opts.commit) {
+    const folderId = project.rootFolder[0]._id
+    try {
+      await ProjectEntityUpdateHandler.promises.addDocWithRanges(
+        projectId,
+        folderId,
+        restoredName,
+        doc.lines,
+        doc.ranges,
+        null,
+        'recovery-script'
+      )
+      await deleteDocFromRedis(projectId, docId)
+    } catch (err) {
+      logger.error(
+        { docId, projectId, restoreErr: err },
+        'error restoring doc from redis to mongo'
+      )
+    }
+  }
+}
+
+async function getDoc(docId) {
+  const [projectId, lines, ranges, pathname] = await redis.mget(
+    `ProjectId:{${docId}}`,
+    `doclines:{${docId}}`,
+    `Ranges:{${docId}}`,
+    `Pathname:{${docId}}`
+  )
+  const name = pathname?.split('/').pop()
+  return {
+    projectId,
+    id: docId,
+    lines: JSON.parse(lines),
+    ranges: ranges ? JSON.parse(ranges) : {},
+    name: name || 'unnamed',
+  }
+}
+
+async function deleteDocFromRedis(projectId, docId) {
+  await redis.del(
+    `Blocking:{${docId}}`,
+    `doclines:{${docId}}`,
+    `DocOps:{${docId}}`,
+    `DocVersion:{${docId}}`,
+    `DocHash:{${docId}}`,
+    `ProjectId:{${docId}}`,
+    `Ranges:{${docId}}`,
+    `UnflushedTime:{${docId}}`,
+    `Pathname:{${docId}}`,
+    `ProjectHistoryId:{${docId}}`,
+    `PendingUpdates:{${docId}}`,
+    `lastUpdatedAt:{${docId}}`,
+    `lastUpdatedBy:{${docId}}`
+  )
+  await redis.srem(`DocsIn:{${projectId}}`, projectId)
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/recurly/Gemfile b/services/web/scripts/recurly/Gemfile
new file mode 100644
index 0000000..ada42b1
--- /dev/null
+++ b/services/web/scripts/recurly/Gemfile
@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+gem 'recurly'
+gem 'json'
\ No newline at end of file
diff --git a/services/web/scripts/recurly/change_prices_at_renewal.mjs b/services/web/scripts/recurly/change_prices_at_renewal.mjs
new file mode 100644
index 0000000..ad891f1
--- /dev/null
+++ b/services/web/scripts/recurly/change_prices_at_renewal.mjs
@@ -0,0 +1,230 @@
+import fs from 'node:fs'
+import { setTimeout } from 'node:timers/promises'
+import * as csv from 'csv'
+import minimist from 'minimist'
+import recurly from 'recurly'
+import Settings from '@overleaf/settings'
+
+const recurlyClient = new recurly.Client(Settings.apis.recurly.apiKey)
+
+// 2400 ms corresponds to approx. 3000 API calls per hour
+const DEFAULT_THROTTLE = 2400
+
+async function main() {
+  const opts = parseArgs()
+  const inputStream = opts.inputFile
+    ? fs.createReadStream(opts.inputFile)
+    : process.stdin
+  const csvReader = getCsvReader(inputStream)
+  const csvWriter = getCsvWriter(process.stdout)
+
+  let lastLoopTimestamp = 0
+  for await (const change of csvReader) {
+    const timeSinceLastLoop = Date.now() - lastLoopTimestamp
+    if (timeSinceLastLoop < opts.throttle) {
+      await setTimeout(opts.throttle - timeSinceLastLoop)
+    }
+    lastLoopTimestamp = Date.now()
+    try {
+      await processChange(change, opts)
+      csvWriter.write({
+        subscription_uuid: change.subscription_uuid,
+        status: 'changed',
+      })
+    } catch (err) {
+      if (err instanceof ReportError) {
+        csvWriter.write({
+          subscription_uuid: change.subscription_uuid,
+          status: err.status,
+          note: err.message,
+        })
+      } else {
+        throw err
+      }
+    }
+  }
+
+  process.exit(0)
+}
+
+function getCsvReader(inputStream) {
+  const parser = csv.parse({
+    columns: true,
+    cast: (value, context) => {
+      if (context.header) {
+        return value
+      }
+      switch (context.column) {
+        case 'unit_amount':
+        case 'new_unit_amount':
+          return parseFloat(value)
+        case 'subscription_add_on_unit_amount_in_cents':
+        case 'new_subscription_add_on_unit_amount_in_cents':
+          return value === '' ? null : parseInt(value, 10)
+        default:
+          return value
+      }
+    },
+  })
+  inputStream.pipe(parser)
+  return parser
+}
+
+function getCsvWriter(outputStream) {
+  const writer = csv.stringify({
+    columns: ['subscription_uuid', 'status', 'note'],
+    header: true,
+  })
+  writer.on('error', err => {
+    console.error(err)
+    process.exit(1)
+  })
+  writer.pipe(outputStream)
+  return writer
+}
+
+async function processChange(change, opts) {
+  const subscription = await fetchSubscription(change.subscription_uuid)
+  validateChange(change, subscription, opts)
+  await createSubscriptionChange(change, subscription)
+}
+
+async function fetchSubscription(uuid) {
+  try {
+    const subscription = await recurlyClient.getSubscription(`uuid-${uuid}`)
+    return subscription
+  } catch (err) {
+    if (err instanceof recurly.errors.NotFoundError) {
+      throw new ReportError('not-found', 'subscription not found')
+    } else {
+      throw err
+    }
+  }
+}
+
+function validateChange(change, subscription, opts) {
+  if (subscription.state !== 'active') {
+    throw new ReportError(
+      'inactive',
+      `subscription state: ${subscription.state}`
+    )
+  }
+
+  if (subscription.plan.code !== change.plan_code) {
+    throw new ReportError(
+      'mismatch',
+      `subscription plan (${subscription.plan.code}) does not match expected plan (${change.plan_code})`
+    )
+  }
+
+  if (subscription.currency !== change.currency) {
+    throw new ReportError(
+      'mismatch',
+      `subscription currency (${subscription.currency}) does not match expected currency (${change.currency})`
+    )
+  }
+
+  if (subscription.unitAmount !== change.unit_amount) {
+    throw new ReportError(
+      'mismatch',
+      `subscription price (${subscription.unitAmount}) does not match expected price (${change.unit_amount})`
+    )
+  }
+
+  if (subscription.pendingChange != null && !opts.force) {
+    throw new ReportError(
+      'pending-change',
+      'subscription already has a pending change'
+    )
+  }
+
+  if (subscription.addOns.length === 0) {
+    if (change.subscription_add_on_unit_amount_in_cents != null) {
+      throw new ReportError('mismatch', 'add-on not found')
+    }
+  } else if (subscription.addOns.length === 1) {
+    const addOn = subscription.addOns[0]
+    if (addOn.addOn.code !== 'additional-license') {
+      throw new ReportError(
+        'mismatch',
+        `unexpected add-on code: ${addOn.addOn.code}`
+      )
+    }
+    if (
+      addOn.unitAmount !==
+      change.subscription_add_on_unit_amount_in_cents / 100
+    ) {
+      throw new ReportError(
+        'mismatch',
+        `add-on price (${addOn.unitAmount}) does not match expected price (${
+          change.subscription_add_on_unit_amount_in_cents / 100
+        })`
+      )
+    }
+  } else {
+    throw new ReportError('mismatch', 'subscription has more than one addon')
+  }
+}
+
+async function createSubscriptionChange(change, subscription) {
+  const subscriptionChange = {
+    timeframe: 'renewal',
+    unitAmount: change.new_unit_amount,
+  }
+  const addOn = subscription.addOns[0]
+  if (addOn != null) {
+    subscriptionChange.addOns = [
+      {
+        id: addOn.id,
+        unitAmount: change.new_subscription_add_on_unit_amount_in_cents / 100,
+      },
+    ]
+  }
+  await recurlyClient.createSubscriptionChange(
+    `uuid-${change.subscription_uuid}`,
+    subscriptionChange
+  )
+}
+
+function parseArgs() {
+  const argv = minimist(process.argv.slice(2), {
+    string: ['throttle'],
+    boolean: ['help', 'force'],
+  })
+
+  if (argv.help || argv._.length > 1) {
+    usage()
+    process.exit(1)
+  }
+
+  const opts = {
+    inputFile: argv._[0],
+    force: argv.force,
+    throttle: argv.throttle ? parseInt(argv.throttle, 10) : DEFAULT_THROTTLE,
+  }
+  return opts
+}
+
+function usage() {
+  console.error(`Usage: node scripts/recurly/change_prices_at_renewal.mjs [OPTS] [INPUT-FILE]
+
+Options:
+
+    --throttle DURATION    Minimum time (in ms) between subscriptions processed
+    --force                Overwrite any existing pending changes
+`)
+}
+
+class ReportError extends Error {
+  constructor(status, message) {
+    super(message)
+    this.status = status
+  }
+}
+
+try {
+  await main()
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/recurly/collect_paypal_past_due_invoice.mjs b/services/web/scripts/recurly/collect_paypal_past_due_invoice.mjs
new file mode 100644
index 0000000..b735ea1
--- /dev/null
+++ b/services/web/scripts/recurly/collect_paypal_past_due_invoice.mjs
@@ -0,0 +1,131 @@
+import RecurlyWrapper from '../../app/src/Features/Subscription/RecurlyWrapper.js'
+import minimist from 'minimist'
+import logger from '@overleaf/logger'
+import { fileURLToPath } from 'node:url'
+
+const waitMs =
+  fileURLToPath(import.meta.url) === process.argv[1]
+    ? timeout => new Promise(resolve => setTimeout(() => resolve(), timeout))
+    : () => Promise.resolve()
+
+// NOTE: Errors are not propagated to the caller
+const handleAPIError = async (source, id, error) => {
+  logger.warn(`Errors in ${source} with id=${id}`, error)
+  if (typeof error === 'string' && error.match(/429$/)) {
+    return waitMs(1000 * 60 * 5)
+  }
+  await waitMs(80)
+}
+
+/**
+ * @returns {Promise<{
+ *   INVOICES_COLLECTED: string[],
+ *   INVOICES_COLLECTED_SUCCESS: string[],
+ *   USERS_COLLECTED: string[],
+ * }>}
+ */
+const main = async () => {
+  const attemptInvoiceCollection = async invoice => {
+    const isPaypal = await isAccountUsingPaypal(invoice)
+
+    if (!isPaypal) {
+      return
+    }
+    const accountId = invoice.account.url.match(/accounts\/(.*)/)[1]
+    if (USERS_COLLECTED.indexOf(accountId) > -1) {
+      logger.warn(`Skipping duplicate user ${accountId}`)
+      return
+    }
+    INVOICES_COLLECTED.push(invoice.invoice_number)
+    USERS_COLLECTED.push(accountId)
+    if (DRY_RUN) {
+      return
+    }
+    try {
+      await RecurlyWrapper.promises.attemptInvoiceCollection(
+        invoice.invoice_number
+      )
+      INVOICES_COLLECTED_SUCCESS.push(invoice.invoice_number)
+      await waitMs(80)
+    } catch (error) {
+      return handleAPIError(
+        'attemptInvoiceCollection',
+        invoice.invoice_number,
+        error
+      )
+    }
+  }
+
+  const isAccountUsingPaypal = async invoice => {
+    const accountId = invoice.account.url.match(/accounts\/(.*)/)[1]
+    try {
+      const response = await RecurlyWrapper.promises.getBillingInfo(accountId)
+      await waitMs(80)
+      return !!response.billing_info.paypal_billing_agreement_id
+    } catch (error) {
+      return handleAPIError('billing info', accountId, error)
+    }
+  }
+
+  const attemptInvoicesCollection = async () => {
+    let getPage = await RecurlyWrapper.promises.getPaginatedEndpointIterator(
+      'invoices',
+      { state: 'past_due' }
+    )
+
+    while (getPage) {
+      const { items, getNextPage } = await getPage()
+      logger.info('invoices', items?.length)
+      for (const invoice of items) {
+        await attemptInvoiceCollection(invoice)
+      }
+      getPage = getNextPage
+    }
+  }
+
+  const argv = minimist(process.argv.slice(2))
+  const DRY_RUN = argv.n !== undefined
+  const INVOICES_COLLECTED = []
+  const INVOICES_COLLECTED_SUCCESS = []
+  const USERS_COLLECTED = []
+
+  try {
+    await attemptInvoicesCollection()
+
+    const diff = INVOICES_COLLECTED.length - INVOICES_COLLECTED_SUCCESS.length
+    if (diff !== 0) {
+      logger.warn(`Invoices collection failed for ${diff} invoices`)
+    }
+
+    return {
+      INVOICES_COLLECTED,
+      INVOICES_COLLECTED_SUCCESS,
+      USERS_COLLECTED,
+    }
+  } finally {
+    logger.info(
+      `DONE (DRY_RUN=${DRY_RUN}). ${INVOICES_COLLECTED.length} invoices collection attempts for ${USERS_COLLECTED.length} users. ${INVOICES_COLLECTED_SUCCESS.length} successful collections`
+    )
+    console.dir(
+      {
+        INVOICES_COLLECTED,
+        INVOICES_COLLECTED_SUCCESS,
+        USERS_COLLECTED,
+      },
+      { maxArrayLength: null }
+    )
+  }
+}
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  try {
+    await main()
+    logger.info('Done.')
+    process.exit(0)
+  } catch (error) {
+    logger.error({ error }, 'Error')
+    process.exit(1)
+  }
+}
+
+export default { main }
diff --git a/services/web/scripts/recurly/generate_addon_prices.mjs b/services/web/scripts/recurly/generate_addon_prices.mjs
new file mode 100644
index 0000000..9885d46
--- /dev/null
+++ b/services/web/scripts/recurly/generate_addon_prices.mjs
@@ -0,0 +1,55 @@
+// @ts-check
+import settings from '@overleaf/settings'
+import recurly from 'recurly'
+
+const ADD_ON_CODE = process.argv[2]
+
+async function main() {
+  if (!ADD_ON_CODE) {
+    console.error('Missing add-on code')
+    console.error(
+      'Usage: node scripts/recurly/generate_addon_prices.mjs ADD_ON_CODE'
+    )
+    process.exit(1)
+  }
+
+  const localizedAddOnsPricing = {}
+
+  const monthlyPlan = await getPlan(ADD_ON_CODE)
+  if (monthlyPlan == null) {
+    console.error(`Monthly plan missing in Recurly: ${ADD_ON_CODE}`)
+    process.exit(1)
+  }
+  for (const { currency, unitAmount } of monthlyPlan.currencies ?? []) {
+    if (!localizedAddOnsPricing[currency]) {
+      localizedAddOnsPricing[currency] = { [ADD_ON_CODE]: {} }
+    }
+    localizedAddOnsPricing[currency][ADD_ON_CODE].monthly = unitAmount
+  }
+
+  const annualPlan = await getPlan(`${ADD_ON_CODE}-annual`)
+  if (annualPlan == null) {
+    console.error(`Annual plan missing in Recurly: ${ADD_ON_CODE}-annual`)
+    process.exit(1)
+  }
+  for (const { currency, unitAmount } of annualPlan.currencies ?? []) {
+    if (!localizedAddOnsPricing[currency]) {
+      localizedAddOnsPricing[currency] = { [ADD_ON_CODE]: {} }
+    }
+    localizedAddOnsPricing[currency][ADD_ON_CODE].annual = unitAmount
+  }
+
+  console.log(JSON.stringify({ localizedAddOnsPricing }, null, 2))
+}
+
+/**
+ * Get a plan configuration from Recurly
+ *
+ * @param {string} planCode
+ */
+async function getPlan(planCode) {
+  const recurlyClient = new recurly.Client(settings.apis.recurly.apiKey)
+  return await recurlyClient.getPlan(`code-${planCode}`)
+}
+
+await main()
diff --git a/services/web/scripts/recurly/generate_recurly_prices.mjs b/services/web/scripts/recurly/generate_recurly_prices.mjs
new file mode 100644
index 0000000..78cb7e2
--- /dev/null
+++ b/services/web/scripts/recurly/generate_recurly_prices.mjs
@@ -0,0 +1,121 @@
+// script to generate plan prices for recurly from a csv file
+//
+// Usage:
+//
+// $ node scripts/recurly/generate_recurly_prices.mjs -f input.csv -o prices.json
+//
+// The input csv file has the following format:
+//
+//     plan_code,USD,EUR,GBP,...
+//     student,9,8,7,...
+//     student-annual,89,79,69,...
+//     group_professional_2_educational,558,516,446,...
+//
+// The output file format is the JSON of the plans returned by recurly, with an
+// extra _addOns property for the addOns associated with that plan.
+//
+// The output can be used as input for the upload script `recurly_prices.js`.
+
+import minimist from 'minimist'
+
+// https://github.com/import-js/eslint-plugin-import/issues/1810
+// eslint-disable-next-line import/no-unresolved
+import * as csv from 'csv/sync'
+import _ from 'lodash'
+import fs from 'node:fs'
+
+const argv = minimist(process.argv.slice(2), {
+  string: ['output', 'file'],
+  alias: { o: 'output', f: 'file' },
+  default: { output: '/dev/stdout' },
+})
+
+// All currency codes are 3 uppercase letters
+const CURRENCY_CODE_REGEX = /^[A-Z]{3}$/
+// Group plans have a plan code of the form group_name_size_type, e.g.
+const GROUP_SIZE_REGEX = /group_\w+_([0-9]+)_\w+/
+// Only group plans with more than 4 users can have additional licenses
+const SINGLE_LICENSE_MAX_GROUP_SIZE = 4
+
+// Compute prices for the base plan
+
+function computePrices(plan) {
+  const prices = _.pickBy(plan, (value, key) => CURRENCY_CODE_REGEX.test(key))
+  const result = []
+  for (const currency in prices) {
+    result.push({
+      currency,
+      setupFee: 0,
+      unitAmount: parseInt(prices[currency], 10),
+    })
+  }
+  return _.sortBy(result, 'currency')
+}
+
+// Handle prices for license add-ons associated with group plans
+
+function isGroupPlan(plan) {
+  return plan.plan_code.startsWith('group_')
+}
+
+function getGroupSize(plan) {
+  // extract the group size from the plan code group_name_size_type using a regex
+  const match = plan.plan_code.match(GROUP_SIZE_REGEX)
+  if (!match) {
+    throw new Error(`cannot find group size in plan code: ${plan.plan_code}`)
+  }
+  const size = parseInt(match[1], 10)
+  return size
+}
+
+function computeAddOnPrices(prices, size) {
+  // The price of an additional license is the per-user cost of the base plan,
+  // i.e. the price of the plan divided by the group size of the plan
+  return prices.map(price => {
+    return {
+      currency: price.currency,
+      unitAmount: Math.round((100 * price.unitAmount) / size) / 100,
+      unitAmountDecimal: null,
+    }
+  })
+}
+
+// Convert the raw records into the output format
+
+function transformRecordToPlan(record) {
+  const prices = computePrices(record)
+  // The base plan has no add-ons
+  const plan = {
+    code: record.plan_code,
+    currencies: prices,
+  }
+  // Large group plans have an add-on for additional licenses
+  if (isGroupPlan(record)) {
+    const size = getGroupSize(record)
+    if (size > SINGLE_LICENSE_MAX_GROUP_SIZE) {
+      const addOnPrices = computeAddOnPrices(prices, size)
+      plan._addOns = [
+        {
+          code: 'additional-license',
+          currencies: addOnPrices,
+        },
+      ]
+    }
+  }
+  return plan
+}
+
+function generate(inputFile, outputFile) {
+  const input = fs.readFileSync(inputFile, 'utf8')
+  const rawRecords = csv.parse(input, { columns: true })
+  // transform the raw records into the output format
+  const plans = _.sortBy(rawRecords, 'plan_code').map(transformRecordToPlan)
+  const output = JSON.stringify(plans, null, 2)
+  fs.writeFileSync(outputFile, output)
+}
+
+if (argv.file) {
+  generate(argv.file, argv.output)
+} else {
+  console.log('usage:\n' + '  --file input.csv -o file.json\n')
+}
diff --git a/services/web/scripts/recurly/get_manually_billed_users_details.mjs b/services/web/scripts/recurly/get_manually_billed_users_details.mjs
new file mode 100644
index 0000000..dafec9f
--- /dev/null
+++ b/services/web/scripts/recurly/get_manually_billed_users_details.mjs
@@ -0,0 +1,103 @@
+import Settings from '@overleaf/settings'
+import recurly from 'recurly'
+import fs from 'node:fs'
+import { setTimeout } from 'node:timers/promises'
+import minimist from 'minimist'
+import * as csv from 'csv'
+import Stream from 'node:stream/promises'
+
+const recurlyApiKey = Settings.apis.recurly.apiKey
+if (!recurlyApiKey) {
+  throw new Error('Recurly API key is not set in the settings')
+}
+const client = new recurly.Client(recurlyApiKey)
+
+function usage() {
+  console.error(
+    'Script to retrieve details of manually billed users from Recurly'
+  )
+  console.error('')
+  console.error('Usage:')
+  console.error(
+    '  node scripts/recurly/get_manually_billed_users_details.mjs [options]'
+  )
+  console.error('')
+  console.error('Options:')
+  console.error(
+    '  --input, -i <file>   Path to CSV file containing subscription_id, period_end, currency (can be exported from Recurly)'
+  )
+  console.error('  --output, -o <file>  Path to output CSV file')
+  console.error('')
+  console.error('Input format:')
+  console.error(
+    '  CSV file with the following columns: subscription_id, period_end, currency (header row is skipped)'
+  )
+}
+
+function parseArgs() {
+  return minimist(process.argv.slice(2), {
+    alias: { i: 'input', o: 'output' },
+    string: ['input', 'output'],
+  })
+}
+
+async function enrichRow(row) {
+  const account = await client.getAccount(`code-${row.account_code}`)
+  return {
+    ...row,
+    email: account.email,
+    first_name: account.firstName,
+    last_name: account.lastName,
+    cc_emails: account.ccEmails,
+  }
+}
+
+async function main() {
+  const { input: inputPath, output: outputPath, h, help } = parseArgs()
+  if (help || h || !inputPath || !outputPath) {
+    usage()
+    process.exit(0)
+  }
+
+  let processedCount = 0
+  await Stream.pipeline([
+    fs.createReadStream(inputPath),
+    csv.parse({ columns: true }),
+    async function* (rows) {
+      for await (const row of rows) {
+        try {
+          yield await enrichRow(row)
+        } catch (error) {
+          console.error(`Error processing subscription ${row.subscription_id}`)
+        }
+        processedCount++
+        if (processedCount % 1 === 0) {
+          console.log(`Processed ${processedCount} subscriptions`)
+        }
+        await setTimeout(1000)
+      }
+    },
+    csv.stringify({
+      header: true,
+      columns: {
+        subscription_id: 'subscription_id',
+        current_period_ends_at: 'period_end',
+        currency: 'currency',
+        email: 'email',
+        first_name: 'first_name',
+        last_name: 'last_name',
+        cc_emails: 'cc_emails',
+      },
+    }),
+    fs.createWriteStream(outputPath),
+  ])
+  console.log(`Processed ${processedCount} subscriptions in total`)
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/recurly/get_paypal_accounts_csv.mjs b/services/web/scripts/recurly/get_paypal_accounts_csv.mjs
new file mode 100644
index 0000000..d94b3fe
--- /dev/null
+++ b/services/web/scripts/recurly/get_paypal_accounts_csv.mjs
@@ -0,0 +1,107 @@
+import RecurlyWrapper from '../../app/src/Features/Subscription/RecurlyWrapper.js'
+import async from 'async'
+import { Parser as CSVParser } from 'json2csv'
+
+const NOW = new Date()
+
+const slowCallback = (callback, error, data) =>
+  setTimeout(() => callback(error, data), 80)
+
+const handleAPIError = (type, account, error, callback) => {
+  console.warn(
+    `Errors getting ${type} for account ${account.account_code}`,
+    error
+  )
+  if (typeof error === 'string' && error.match(/429$/)) {
+    return setTimeout(callback, 1000 * 60 * 5)
+  }
+  slowCallback(callback)
+}
+
+const getAccountSubscription = (account, callback) =>
+  RecurlyWrapper.getSubscriptions(account.account_code, (error, response) => {
+    if (error) {
+      return handleAPIError('subscriptions', account, error, callback)
+    }
+    slowCallback(callback, null, response.subscriptions[0])
+  })
+
+const isAccountUsingPaypal = (account, callback) =>
+  RecurlyWrapper.getBillingInfo(account.account_code, (error, response) => {
+    if (error) {
+      return handleAPIError('billing info', account, error, callback)
+    }
+    if (response.billing_info.paypal_billing_agreement_id) {
+      return slowCallback(callback, null, true)
+    }
+    slowCallback(callback, null, false)
+  })
+
+const printAccountCSV = (account, callback) => {
+  isAccountUsingPaypal(account, (error, isPaypal) => {
+    if (error || !isPaypal) {
+      return callback(error)
+    }
+    getAccountSubscription(account, (error, subscription) => {
+      if (error || !subscription) {
+        return callback(error)
+      }
+      const endAt = new Date(subscription.current_period_ends_at)
+      if (subscription.expires_at) {
+        return callback()
+      }
+      const csvData = {
+        email: account.email,
+        first_name: account.first_name,
+        last_name: account.last_name,
+        hosted_login_token: account.hosted_login_token,
+        billing_info_url: `https://sharelatex.recurly.com/account/billing_info/edit?ht=${account.hosted_login_token}`,
+        account_management_url: `https://sharelatex.recurly.com/account/${account.hosted_login_token}`,
+        current_period_ends_at: `${endAt.getFullYear()}-${
+          endAt.getMonth() + 1
+        }-${endAt.getDate()}`,
+        current_period_ends_at_segment: parseInt(
+          ((endAt - NOW) / 1000 / 3600 / 24 / 365) * 7
+        ),
+      }
+      callback(null, csvData)
+    })
+  })
+}
+
+const printAccountsCSV = callback => {
+  RecurlyWrapper.getPaginatedEndpoint(
+    'accounts',
+    { state: 'subscriber' },
+    (error, accounts) => {
+      if (error) {
+        return callback(error)
+      }
+      async.mapSeries(accounts, printAccountCSV, (error, csvData) => {
+        csvData = csvData.filter(d => !!d)
+        callback(error, csvData)
+      })
+    }
+  )
+}
+
+const csvFields = [
+  'email',
+  'first_name',
+  'last_name',
+  'hosted_login_token',
+  'billing_info_url',
+  'account_management_url',
+  'current_period_ends_at',
+  'current_period_ends_at_segment',
+]
+const csvParser = new CSVParser({ csvFields })
+
+// print each account
+printAccountsCSV((error, csvData) => {
+  if (error) {
+    throw error
+  }
+  console.log(csvParser.parse(csvData))
+  process.exit()
+})
diff --git a/services/web/scripts/recurly/get_recurly_group_prices.mjs b/services/web/scripts/recurly/get_recurly_group_prices.mjs
new file mode 100644
index 0000000..e00a1e4
--- /dev/null
+++ b/services/web/scripts/recurly/get_recurly_group_prices.mjs
@@ -0,0 +1,47 @@
+// Get prices from Recurly in GroupPlansData format, ie to update:
+// app/templates/plans/groups.json
+//
+// Usage example:
+// node scripts/recurly/get_recurly_group_prices.mjs
+
+import recurly from 'recurly'
+
+import Settings from '@overleaf/settings'
+
+const recurlySettings = Settings.apis.recurly
+const recurlyApiKey = recurlySettings ? recurlySettings.apiKey : undefined
+
+const client = new recurly.Client(recurlyApiKey)
+
+async function getRecurlyGroupPrices() {
+  const prices = {}
+  const plans = client.listPlans({ params: { limit: 200 } })
+  for await (const plan of plans.each()) {
+    if (plan.code.substr(0, 6) === 'group_') {
+      const [, type, size, usage] = plan.code.split('_')
+      plan.currencies.forEach(planPricing => {
+        const { currency, unitAmount } = planPricing
+        prices[usage] = prices[usage] || {}
+        prices[usage][type] = prices[usage][type] || {}
+        prices[usage][type][currency] = prices[usage][type][currency] || {}
+        prices[usage][type][currency][size] = {
+          price_in_cents: unitAmount * 100,
+        }
+      })
+    }
+  }
+  return prices
+}
+
+async function main() {
+  const prices = await getRecurlyGroupPrices()
+  console.log(JSON.stringify(prices, undefined, 2))
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error({ error })
+  process.exit(1)
+}
diff --git a/services/web/scripts/recurly/recurly_prices.mjs b/services/web/scripts/recurly/recurly_prices.mjs
new file mode 100644
index 0000000..2354ed9
--- /dev/null
+++ b/services/web/scripts/recurly/recurly_prices.mjs
@@ -0,0 +1,226 @@
+// script to sync plan prices to/from recurly
+//
+// Usage:
+//
+// Save current plan and addon prices to file
+// $ node scripts/recurly/recurly_prices.mjs --download -o prices.json
+//
+// Upload new plan and addon prices (change --dry-run to --commit to make the change)
+// $ node scripts/recurly/recurly_prices.mjs --upload -f prices.json --dry-run
+//
+// File format is JSON of the plans returned by recurly, with an extra _addOns property for the
+// addOns associated with that plan.
+//
+// The idea is to download the current prices to a file, update them locally (e.g. via a script)
+// and then upload them to recurly.
+
+import recurly from 'recurly'
+
+import Settings from '@overleaf/settings'
+import minimist from 'minimist'
+import _ from 'lodash'
+import fs from 'node:fs'
+
+const recurlySettings = Settings.apis.recurly
+const recurlyApiKey = recurlySettings ? recurlySettings.apiKey : undefined
+
+const client = new recurly.Client(recurlyApiKey)
+
+async function getRecurlyPlans() {
+  const plans = client.listPlans({ params: { limit: 200, state: 'active' } })
+  const result = []
+  for await (const plan of plans.each()) {
+    plan._addOns = await getRecurlyPlanAddOns(plan) // store the addOns in a private property
+    if (VERBOSE) {
+      console.error('plan', plan.code, 'found', plan._addOns.length, 'addons')
+    }
+    result.push(plan)
+  }
+  return _.sortBy(result, 'code')
+}
+
+async function getRecurlyPlanAddOns(plan) {
+  // also store the addons for each plan
+  const addOns = await client.listPlanAddOns(plan.id, {
+    params: { limit: 200, state: 'active' },
+  })
+  const result = []
+  for await (const addOn of addOns.each()) {
+    if (addOn.code === 'additional-license') {
+      result.push(addOn)
+    } else {
+      console.error('UNRECOGNISED ADD-ON CODE', plan.code, addOn.code)
+    }
+  }
+  return result
+}
+
+async function download(outputFile) {
+  const plans = await getRecurlyPlans()
+  console.error('retrieved', plans.length, 'plans')
+  fs.writeFileSync(outputFile, JSON.stringify(plans, null, 2))
+}
+
+async function upload(inputFile) {
+  const localPlans = JSON.parse(fs.readFileSync(inputFile))
+  console.error('local plans', localPlans.length)
+  console.error('checking remote plans for consistency')
+  const remotePlans = await getRecurlyPlans() // includes addOns
+  // compare local with remote
+  console.error('remote plans', remotePlans.length)
+  const matching = _.intersectionBy(localPlans, remotePlans, 'code')
+  const localOnly = _.differenceBy(localPlans, remotePlans, 'code')
+  const remoteOnly = _.differenceBy(remotePlans, localPlans, 'code')
+  console.error(
+    'plan status:',
+    matching.length,
+    'matching,',
+    localOnly.length,
+    'local only,',
+    remoteOnly.length,
+    'remote only.'
+  )
+  if (localOnly.length > 0) {
+    const localOnlyPlanCodes = localOnly.map(p => p.code)
+    throw new Error(
+      `plans not found in Recurly: ${localOnlyPlanCodes.join(', ')}`
+    )
+  }
+  // update remote plan pricing with local version
+  for (const localPlan of localPlans) {
+    console.error(`=== ${localPlan.code} ===`)
+    await updatePlan(localPlan)
+    if (!localPlan._addOns?.length) {
+      console.error('no addons for this plan')
+      continue
+    }
+    for (const localPlanAddOn of localPlan._addOns) {
+      await updatePlanAddOn(localPlan, localPlanAddOn)
+    }
+    process.stderr.write('\n')
+  }
+}
+
+async function updatePlan(localPlan) {
+  const planCodeId = `code-${localPlan.code}`
+  const originalPlan = await client.getPlan(planCodeId)
+  const changes = _.differenceWith(
+    localPlan.currencies,
+    originalPlan.currencies,
+    (a, b) => _.isEqual(a, _.assign({}, b))
+  )
+  if (changes.length === 0) {
+    console.error('no changes to plan currencies')
+    return
+  } else {
+    console.error('changes', changes)
+  }
+  const planUpdate = { currencies: localPlan.currencies }
+  try {
+    if (DRY_RUN) {
+      console.error('skipping update to', planCodeId)
+      return
+    }
+    const newPlan = await client.updatePlan(planCodeId, planUpdate)
+    if (VERBOSE) {
+      console.error('new plan', newPlan)
+    }
+  } catch (err) {
+    console.error('failed to update', localPlan.code, 'error', err)
+  }
+}
+
+async function updatePlanAddOn(plan, localAddOn) {
+  if (localAddOn.code != null && localAddOn.code !== 'additional-license') {
+    return
+  }
+  const planCodeId = `code-${plan.code}`
+  const addOnId = 'code-additional-license'
+  let originalPlanAddOn
+  try {
+    originalPlanAddOn = await client.getPlanAddOn(planCodeId, addOnId)
+  } catch (error) {
+    if (error instanceof recurly.errors.NotFoundError) {
+      console.error('plan add-on not found', planCodeId, addOnId)
+      return
+    } else {
+      throw error
+    }
+  }
+  const changes = _.differenceWith(
+    localAddOn.currencies,
+    originalPlanAddOn.currencies,
+    (a, b) => _.isEqual(a, _.assign({}, b))
+  )
+  if (changes.length === 0) {
+    console.error('no changes to addon currencies')
+    return
+  } else {
+    console.error('changes', changes)
+  }
+  const planAddOnUpdate = { currencies: localAddOn.currencies }
+  try {
+    if (DRY_RUN) {
+      console.error('skipping update to additional license for', planCodeId)
+      return
+    }
+    const newPlanAddOn = await client.updatePlanAddOn(
+      planCodeId,
+      addOnId,
+      planAddOnUpdate
+    )
+    if (VERBOSE) {
+      console.error('new plan addon', newPlanAddOn)
+    }
+  } catch (err) {
+    console.error(
+      'failed to update plan addon',
+      plan.code,
+      '=>',
+      localAddOn.code
+    )
+  }
+}
+
+const argv = minimist(process.argv.slice(2), {
+  boolean: ['download', 'upload', 'dry-run', 'commit', 'verbose'],
+  string: ['output', 'file'],
+  alias: { o: 'output', f: 'file', v: 'verbose' },
+  default: { output: '/dev/stdout' },
+})
+
+const DRY_RUN = argv['dry-run']
+const COMMIT = argv.commit
+const VERBOSE = argv.verbose
+
+if (argv.download === argv.upload) {
+  console.error('specify one of --download or --upload')
+  process.exit(1)
+}
+
+if (argv.upload && DRY_RUN === COMMIT) {
+  console.error('specify one of --dry-run or --commit when uploading prices')
+  process.exit(1)
+}
+
+if (argv.download) {
+  try {
+    await download(argv.output)
+    process.exit(0)
+  } catch (error) {
+    console.error({ error })
+    process.exit(1)
+  }
+} else if (argv.upload) {
+  try {
+    await upload(argv.file)
+    process.exit(0)
+  } catch (error) {
+    console.error({ error })
+    process.exit(1)
+  }
+} else {
+  console.log(
+    'usage:\n' + '  --save -o file.json\n' + '  --load -f file.json\n'
+  )
+}
diff --git a/services/web/scripts/recurly/resync_subscriptions.mjs b/services/web/scripts/recurly/resync_subscriptions.mjs
new file mode 100644
index 0000000..a0b5ca1
--- /dev/null
+++ b/services/web/scripts/recurly/resync_subscriptions.mjs
@@ -0,0 +1,186 @@
+import { Subscription } from '../../app/src/models/Subscription.js'
+import RecurlyWrapper from '../../app/src/Features/Subscription/RecurlyWrapper.js'
+import SubscriptionUpdater from '../../app/src/Features/Subscription/SubscriptionUpdater.js'
+import minimist from 'minimist'
+import { setTimeout } from 'node:timers/promises'
+
+import util from 'node:util'
+
+import pLimit from 'p-limit'
+
+util.inspect.defaultOptions.maxArrayLength = null
+
+const ScriptLogger = {
+  checkedSubscriptionsCount: 0,
+  mismatchSubscriptionsCount: 0,
+  allMismatchReasons: {},
+
+  // make sure all `allMismatchReasons` are displayed in the output
+  recordMismatch: (subscription, recurlySubscription) => {
+    const mismatchReasons = {}
+    if (subscription.planCode !== recurlySubscription.plan.plan_code) {
+      mismatchReasons.recurlyPlan = recurlySubscription.plan.plan_code
+      mismatchReasons.olPlan = subscription.planCode
+    }
+    if (recurlySubscription.state === 'expired') {
+      mismatchReasons.state = 'expired'
+    }
+
+    if (!Object.keys(mismatchReasons).length) {
+      return
+    }
+
+    ScriptLogger.mismatchSubscriptionsCount += 1
+    const mismatchReasonsString = JSON.stringify(mismatchReasons)
+    if (ScriptLogger.allMismatchReasons[mismatchReasonsString]) {
+      ScriptLogger.allMismatchReasons[mismatchReasonsString].push({
+        id: subscription._id,
+        name: subscription.planCode,
+      })
+    } else {
+      ScriptLogger.allMismatchReasons[mismatchReasonsString] = [
+        {
+          id: subscription._id,
+          name: subscription.planCode,
+        },
+      ]
+    }
+  },
+
+  printProgress: () => {
+    console.warn(
+      `Subscriptions checked: ${ScriptLogger.checkedSubscriptionsCount}. Mismatches: ${ScriptLogger.mismatchSubscriptionsCount}`
+    )
+  },
+
+  printSummary: () => {
+    console.log('All Mismatch Reasons:', ScriptLogger.allMismatchReasons)
+    console.log(
+      'Mismatch Subscriptions Count',
+      ScriptLogger.mismatchSubscriptionsCount
+    )
+  },
+}
+
+const handleSyncSubscriptionError = async (subscription, error) => {
+  console.warn(`Errors with subscription id=${subscription._id}:`, error)
+  if (typeof error === 'string' && error.match(/429$/)) {
+    await setTimeout(1000 * 60 * 5)
+    return
+  }
+  if (typeof error === 'string' && error.match(/5\d\d$/)) {
+    await setTimeout(1000 * 60)
+    await syncSubscription(subscription)
+    return
+  }
+  await setTimeout(80)
+}
+
+const syncSubscription = async subscription => {
+  let recurlySubscription
+  try {
+    recurlySubscription = await RecurlyWrapper.promises.getSubscription(
+      subscription.recurlySubscription_id
+    )
+  } catch (error) {
+    await handleSyncSubscriptionError(subscription, error)
+    return
+  }
+
+  ScriptLogger.recordMismatch(subscription, recurlySubscription)
+
+  if (!COMMIT) {
+    return
+  }
+
+  try {
+    await SubscriptionUpdater.promises.updateSubscriptionFromRecurly(
+      recurlySubscription,
+      subscription,
+      {}
+    )
+  } catch (error) {
+    await handleSyncSubscriptionError(subscription, error)
+    return
+  }
+  await setTimeout(80)
+}
+
+const syncSubscriptions = async subscriptions => {
+  const limit = pLimit(ASYNC_LIMIT)
+  return await Promise.all(
+    subscriptions.map(subscription =>
+      limit(() => syncSubscription(subscription))
+    )
+  )
+}
+
+const loopForSubscriptions = async skipInitial => {
+  let skip = skipInitial
+
+  // iterate while there are more subscriptions to fetch
+  while (true) {
+    const subscriptions = await Subscription.find({
+      recurlySubscription_id: { $exists: true, $ne: '' },
+    })
+      .sort('_id')
+      .skip(skip)
+      .limit(FETCH_LIMIT)
+      .exec()
+
+    if (subscriptions.length === 0) {
+      console.warn('DONE')
+      return
+    }
+
+    await syncSubscriptions(subscriptions)
+
+    ScriptLogger.checkedSubscriptionsCount += subscriptions.length
+    retryCounter = 0
+    ScriptLogger.printProgress()
+    ScriptLogger.printSummary()
+
+    skip += FETCH_LIMIT
+  }
+}
+
+let retryCounter = 0
+const run = async () => {
+  while (true) {
+    try {
+      await loopForSubscriptions(
+        MONGO_SKIP + ScriptLogger.checkedSubscriptionsCount
+      )
+      break
+    } catch (error) {
+      if (retryCounter < 3) {
+        console.error(error)
+        retryCounter += 1
+        console.warn(`RETRYING IN 60 SECONDS. (${retryCounter}/3)`)
+        await setTimeout(60000)
+      } else {
+        console.error('Failed after 3 retries')
+        throw error
+      }
+    }
+  }
+}
+
+let FETCH_LIMIT, ASYNC_LIMIT, COMMIT, MONGO_SKIP
+const setup = () => {
+  const argv = minimist(process.argv.slice(2))
+  FETCH_LIMIT = argv.fetch ? argv.fetch : 100
+  ASYNC_LIMIT = argv.async ? argv.async : 10
+  MONGO_SKIP = argv.skip ? argv.skip : 0
+  COMMIT = argv.commit !== undefined
+  if (!COMMIT) {
+    console.warn('Doing dry run without --commit')
+  }
+  if (MONGO_SKIP) {
+    console.warn(`Skipping first ${MONGO_SKIP} records`)
+  }
+}
+
+setup()
+await run()
+process.exit()
diff --git a/services/web/scripts/recurly/set_manually_collected_subscriptions.mjs b/services/web/scripts/recurly/set_manually_collected_subscriptions.mjs
new file mode 100644
index 0000000..ab35c15
--- /dev/null
+++ b/services/web/scripts/recurly/set_manually_collected_subscriptions.mjs
@@ -0,0 +1,135 @@
+// @ts-check
+
+import fs from 'node:fs'
+import minimist from 'minimist'
+import {
+  db,
+  READ_PREFERENCE_SECONDARY,
+} from '../../app/src/infrastructure/mongodb.js'
+
+/**
+ * @import { ObjectId } from 'mongodb-legacy'
+ */
+
+const OPTS = parseArgs()
+
+const expectedManualRecurlyIds = readFile(OPTS.filename)
+const idsToSetToManual = await getSubscriptionIdsToSetToManual(
+  expectedManualRecurlyIds
+)
+const idsToSetToAutomatic = await getSubscriptionIdsToSetToAutomatic(
+  expectedManualRecurlyIds
+)
+
+if (idsToSetToManual.length > 0) {
+  if (OPTS.commit) {
+    console.log(
+      `Setting ${idsToSetToManual.length} subscriptions to manual invoice collection...`
+    )
+    await setCollectionMethod(idsToSetToManual, 'manual')
+  } else {
+    console.log(
+      `Would set ${idsToSetToManual.length} subscriptions to manual invoice collection`
+    )
+  }
+}
+
+if (idsToSetToAutomatic.length > 0) {
+  if (OPTS.commit) {
+    console.log(
+      `Setting ${idsToSetToAutomatic.length} subscriptions to automatic invoice collection...`
+    )
+    await setCollectionMethod(idsToSetToAutomatic, 'automatic')
+  } else {
+    console.log(
+      `Would set ${idsToSetToAutomatic.length} subscriptions to automatic invoice collection`
+    )
+  }
+}
+
+if (!OPTS.commit) {
+  console.log('This was a dry run. Add the --commit option to apply changes')
+}
+
+process.exit(0)
+
+function parseArgs() {
+  const args = minimist(process.argv.slice(2), {
+    boolean: ['commit'],
+  })
+  if (args._.length !== 1) {
+    usage()
+    process.exit(1)
+  }
+  return {
+    filename: args._[0],
+    commit: args.commit,
+  }
+}
+
+function usage() {
+  console.log(`Usage: node set_manually_collected_subscriptions.mjs FILE [--commit]
+
+    where FILE contains the list of subscription ids that are manually collected`)
+}
+
+function readFile(filename) {
+  const contents = fs.readFileSync(filename, { encoding: 'utf-8' })
+  const subscriptionIds = contents.split('\n').filter(id => id.length > 0)
+  return subscriptionIds
+}
+
+/**
+ * Get the ids of subscriptions that need to have their collection method set to
+ * manual
+ *
+ * @param {string[]} expectedManualRecurlyIds
+ * @return {Promise<ObjectId[]>}
+ */
+async function getSubscriptionIdsToSetToManual(expectedManualRecurlyIds) {
+  const ids = await db.subscriptions
+    .find(
+      {
+        recurlySubscription_id: { $in: expectedManualRecurlyIds },
+        collectionMethod: { $ne: 'manual' },
+      },
+      { projection: { _id: 1 }, readPreference: READ_PREFERENCE_SECONDARY }
+    )
+    .map(record => record._id)
+    .toArray()
+  return ids
+}
+
+/**
+ * Get the ids of subscriptions that need to have their collection method set to
+ * automatic
+ *
+ * @param {string[]} expectedManualRecurlyIds
+ * @return {Promise<ObjectId[]>}
+ */
+async function getSubscriptionIdsToSetToAutomatic(expectedManualRecurlyIds) {
+  const ids = await db.subscriptions
+    .find(
+      {
+        recurlySubscription_id: { $nin: expectedManualRecurlyIds },
+        collectionMethod: 'manual',
+      },
+      { projection: { _id: 1 }, readPreference: READ_PREFERENCE_SECONDARY }
+    )
+    .map(record => record._id)
+    .toArray()
+  return ids
+}
+
+/**
+ * Set the collection method for the given subscriptions
+ *
+ * @param {ObjectId[]} subscriptionIds
+ * @param {"automatic" | "manual"} collectionMethod
+ */
+async function setCollectionMethod(subscriptionIds, collectionMethod) {
+  await db.subscriptions.updateMany(
+    { _id: { $in: subscriptionIds } },
+    { $set: { collectionMethod } }
+  )
+}
diff --git a/services/web/scripts/recurly/setup_assistant_addon.js b/services/web/scripts/recurly/setup_assistant_addon.js
new file mode 100644
index 0000000..0df44b5
--- /dev/null
+++ b/services/web/scripts/recurly/setup_assistant_addon.js
@@ -0,0 +1,219 @@
+// @ts-check
+
+const _ = require('lodash')
+const recurly = require('recurly')
+const minimist = require('minimist')
+const Settings = require('@overleaf/settings')
+
+const ADD_ON_CODE = 'assistant'
+const ADD_ON_NAME = 'Error Assist'
+
+const INDIVIDUAL_PLANS = [
+  'student',
+  'collaborator',
+  'professional',
+  'paid-personal',
+]
+const INDIVIDUAL_VARIANTS = ['', '_free_trial_7_days']
+const GROUP_PLANS = ['collaborator', 'professional']
+const GROUP_SIZES = [2, 3, 4, 5, 10, 20, 50]
+const GROUP_SEGMENTS = ['educational', 'enterprise']
+
+const ARGS = parseArgs()
+
+const recurlyClient = new recurly.Client(Settings.apis.recurly.apiKey)
+
+function usage() {
+  console.log(`Usage: setup_assistant_addon.js [--commit]
+
+This script will copy prices from the ${ADD_ON_CODE} and ${ADD_ON_CODE}-annual
+plans into the ${ADD_ON_CODE} add-on for every other plan
+
+Options:
+
+    --commit    Make actual changes to Recurly
+`)
+}
+
+function parseArgs() {
+  const args = minimist(process.argv.slice(2), {
+    boolean: ['commit', 'help'],
+  })
+
+  if (args.help) {
+    usage()
+    process.exit(0)
+  }
+
+  return { commit: args.commit }
+}
+
+async function main() {
+  const monthlyPlan = await getPlan(ADD_ON_CODE)
+  if (monthlyPlan == null) {
+    console.error(`Monthly plan missing in Recurly: ${ADD_ON_CODE}`)
+    process.exit(1)
+  }
+  console.log('\nMonthly prices:')
+  for (const { currency, unitAmount } of monthlyPlan.currencies ?? []) {
+    console.log(`- ${unitAmount} ${currency}`)
+  }
+
+  const annualPlan = await getPlan(`${ADD_ON_CODE}-annual`)
+  if (annualPlan == null) {
+    console.error(`Annual plan missing in Recurly: ${ADD_ON_CODE}-annual`)
+    process.exit(1)
+  }
+  console.log('\nAnnual prices:')
+  for (const { currency, unitAmount } of annualPlan.currencies ?? []) {
+    console.log(`- ${unitAmount} ${currency}`)
+  }
+  console.log()
+
+  for (const { code, annual } of getPlanSpecs()) {
+    const prices = annual ? annualPlan.currencies : monthlyPlan.currencies
+    await setupAddOn(code, prices ?? [])
+  }
+  if (ARGS.commit) {
+    console.log('Done')
+  } else {
+    console.log('This was a dry run. Re-run with --commit to apply changes.')
+  }
+}
+
+function* getPlanSpecs() {
+  for (const plan of INDIVIDUAL_PLANS) {
+    for (const variant of INDIVIDUAL_VARIANTS) {
+      yield { code: `${plan}${variant}`, annual: false }
+      yield { code: `${plan}-annual${variant}`, annual: true }
+    }
+  }
+  for (const plan of GROUP_PLANS) {
+    for (const size of GROUP_SIZES) {
+      for (const segment of GROUP_SEGMENTS) {
+        yield { code: `group_${plan}_${size}_${segment}`, annual: true }
+      }
+    }
+  }
+}
+
+/**
+ * Create or update the assistant add-on for a plan
+ *
+ * @param {string} planCode
+ * @param {recurly.AddOnPricing[]} prices
+ */
+async function setupAddOn(planCode, prices) {
+  const currentAddOn = await getAddOn(planCode, ADD_ON_CODE)
+  const newAddOnConfig = getAddOnConfig(prices)
+  if (currentAddOn == null || currentAddOn.deletedAt != null) {
+    await createAddOn(planCode, newAddOnConfig)
+  } else if (_.isMatch(currentAddOn, newAddOnConfig)) {
+    console.log(`No changes for plan ${planCode}`)
+  } else {
+    await updateAddOn(planCode, newAddOnConfig)
+  }
+}
+
+/**
+ * Get a plan configuration from Recurly
+ *
+ * @param {string} planCode
+ */
+async function getPlan(planCode) {
+  try {
+    return await recurlyClient.getPlan(`code-${planCode}`)
+  } catch (err) {
+    if (err instanceof recurly.errors.NotFoundError) {
+      return null
+    } else {
+      throw err
+    }
+  }
+}
+
+/**
+ * Get an add-on configuration from Recurly
+ *
+ * @param {string} planCode
+ * @param {string} addOnCode
+ */
+async function getAddOn(planCode, addOnCode) {
+  try {
+    return await recurlyClient.getPlanAddOn(
+      `code-${planCode}`,
+      `code-${addOnCode}`
+    )
+  } catch (err) {
+    if (err instanceof recurly.errors.NotFoundError) {
+      return null
+    } else {
+      throw err
+    }
+  }
+}
+
+/**
+ * Create the add-on described by the given config on the given plan
+ *
+ * @param {string} planCode
+ * @param {recurly.AddOnCreate} config
+ */
+async function createAddOn(planCode, config) {
+  if (ARGS.commit) {
+    console.log(`Creating ${ADD_ON_CODE} add-on for plan ${planCode}...`)
+    await recurlyClient.createPlanAddOn(`code-${planCode}`, config)
+  } else {
+    console.log(`Would create ${ADD_ON_CODE} add-on for plan ${planCode}`)
+  }
+}
+
+/**
+ * Update the add-on described by the given config on the given plan
+ *
+ * @param {string} planCode
+ * @param {recurly.AddOnUpdate} config
+ */
+async function updateAddOn(planCode, config) {
+  if (ARGS.commit) {
+    console.log(`Updating ${ADD_ON_CODE} add-on for plan ${planCode}...`)
+    await recurlyClient.updatePlanAddOn(
+      `code-${planCode}`,
+      `code-${ADD_ON_CODE}`,
+      config
+    )
+  } else {
+    console.log(`Would update ${ADD_ON_CODE} add-on for plan ${planCode}`)
+  }
+}
+
+/**
+ * Get an assistant add-on config
+ *
+ * @param {recurly.AddOnPricing[]} prices
+ */
+function getAddOnConfig(prices) {
+  return {
+    code: ADD_ON_CODE,
+    name: ADD_ON_NAME,
+    optional: true,
+    currencies: prices.map(price =>
+      _.pick(
+        price,
+        'currency',
+        'unitAmount',
+        'unitAmountDecimal',
+        'taxInclusive'
+      )
+    ),
+  }
+}
+
+main()
+  .then(() => {
+    process.exit(0)
+  })
+  .catch(err => {
+    console.error(err)
+    process.exit(1)
+  })
diff --git a/services/web/scripts/recurly/sync_recurly.rb b/services/web/scripts/recurly/sync_recurly.rb
new file mode 100644
index 0000000..230ad31
--- /dev/null
+++ b/services/web/scripts/recurly/sync_recurly.rb
@@ -0,0 +1,63 @@
+require 'rubygems'
+require 'recurly'
+require 'json'
+
+if ENV['RECURLY_SUBDOMAIN']
+	Recurly.subdomain = ENV['RECURLY_SUBDOMAIN']
+else
+	print "Defaulting to sharelatex-sandbox. Set RECURLY_SUBDOMAIN environment variable to override\n"
+	Recurly.subdomain = "sharelatex-sandbox"
+end
+
+if ENV['RECURLY_API_KEY']
+	Recurly.api_key = ENV['RECURLY_API_KEY']
+else
+	print "Please set RECURLY_API_KEY environment variable\n"
+	exit 1
+end
+
+file = File.read('../../app/templates/plans/groups.json')
+groups = JSON.parse(file)
+# data format: groups[usage][plan_code][currency][size] = price
+
+PLANS = {}
+groups.each do |usage, data|
+	data.each do |plan_code, data|
+		data.each do |currency, data|
+			data.each do |size, price|
+				full_plan_code = "group_#{plan_code}_#{size}_#{usage}"
+				plan = PLANS[full_plan_code] ||= {
+					plan_code: full_plan_code,
+					name: "Overleaf #{plan_code.capitalize} - Group Account (#{size} licenses) - #{usage.capitalize}",
+					unit_amount_in_cents: {},
+					plan_interval_length: 12,
+					plan_interval_unit: 'months',
+					tax_code: 'digital'
+				}
+				plan[:unit_amount_in_cents][currency] = price * 100
+			end
+		end
+	end
+end
+
+PLANS.each do |plan_code, plan|
+	print "Syncing #{plan_code}...\n"
+	print "#{plan}\n"
+	begin
+		recurly_plan = Recurly::Plan.find(plan_code)
+	rescue Recurly::Resource::NotFound => e
+		recurly_plan = nil
+	end
+
+	if recurly_plan.nil?
+		print "No plan found, creating...\n"
+		Recurly::Plan.create(plan)
+	else
+		print "Existing plan found, updating...\n"
+		plan.each do |key, value|
+			recurly_plan[key] = value
+			recurly_plan.save
+		end
+	end
+	print "Done!\n"
+end
diff --git a/services/web/scripts/recurly/update_terms_and_conditions_for_manually_billed_users.mjs b/services/web/scripts/recurly/update_terms_and_conditions_for_manually_billed_users.mjs
new file mode 100644
index 0000000..f47ee6a
--- /dev/null
+++ b/services/web/scripts/recurly/update_terms_and_conditions_for_manually_billed_users.mjs
@@ -0,0 +1,103 @@
+import recurly from 'recurly'
+import Settings from '@overleaf/settings'
+import fs from 'node:fs'
+import minimist from 'minimist'
+import * as csv from 'csv'
+import { setTimeout } from 'node:timers/promises'
+
+const recurlyApiKey = Settings.apis.recurly.apiKey
+if (!recurlyApiKey) {
+  throw new Error('Recurly API key is not set in the settings')
+}
+const client = new recurly.Client(recurlyApiKey)
+
+function usage() {
+  console.error(
+    'Script to update terms and conditions for manually billed Recurly subscriptions'
+  )
+  console.error('')
+  console.error('Usage:')
+  console.error(
+    '  node scripts/recurly/update_terms_and_conditions_for_manually_billed_users.mjs [options]'
+  )
+  console.error('')
+  console.error('Options:')
+  console.error(
+    '  --input, -i <file>              Path to CSV file containing subscription IDs (can be exported from Recurly)'
+  )
+  console.error(
+    '  --termsAndConditions, -t <file>  Path to text file containing terms and conditions'
+  )
+  console.error('')
+  console.error('Input format:')
+  console.error(
+    '  - Subscription IDs CSV: First column contains subscription IDs (header row is skipped)'
+  )
+  console.error(
+    '  - Terms and conditions: Plain text file with the terms and conditions content'
+  )
+}
+
+function parseArgs() {
+  return minimist(process.argv.slice(2), {
+    string: ['input', 'termsAndConditions'],
+    alias: {
+      i: 'input',
+      t: 'termsAndConditions',
+    },
+  })
+}
+
+async function updateTermsAndConditionsForSubscription(
+  subscriptionId,
+  termsAndConditions
+) {
+  try {
+    await client.updateSubscription(`uuid-${subscriptionId}`, {
+      terms_and_conditions: termsAndConditions,
+    })
+  } catch (error) {
+    console.error(
+      `Error updating subscription ${subscriptionId}: ${error.message}`
+    )
+  }
+}
+
+async function main() {
+  const {
+    termsAndConditions: termsAndConditionsPath,
+    input: inputPath,
+    h,
+    help,
+  } = parseArgs()
+  if (help || h || !termsAndConditionsPath || !inputPath) {
+    usage()
+    process.exit(0)
+  }
+  const termsAndConditions = fs.readFileSync(termsAndConditionsPath, 'utf8')
+
+  const parser = csv.parse({ columns: true })
+  fs.createReadStream(inputPath).pipe(parser)
+  let processedCount = 0
+  for await (const row of parser) {
+    const subscriptionId = row.subscription_id
+    await updateTermsAndConditionsForSubscription(
+      subscriptionId,
+      termsAndConditions
+    )
+    processedCount++
+    if (processedCount % 10 === 0) {
+      console.log(`Processed ${processedCount} subscriptions`)
+    }
+    await setTimeout(1000)
+  }
+  console.log(`Processed ${processedCount} subscriptions in total`)
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/refresh_features.mjs b/services/web/scripts/refresh_features.mjs
new file mode 100644
index 0000000..51d8ace
--- /dev/null
+++ b/services/web/scripts/refresh_features.mjs
@@ -0,0 +1,195 @@
+import { db } from '../app/src/infrastructure/mongodb.js'
+import minimist from 'minimist'
+import _ from 'lodash'
+import async from 'async'
+import FeaturesUpdater from '../app/src/Features/Subscription/FeaturesUpdater.js'
+import FeaturesHelper from '../app/src/Features/Subscription/FeaturesHelper.js'
+import UserFeaturesUpdater from '../app/src/Features/Subscription/UserFeaturesUpdater.js'
+import AnalyticsManager from '../app/src/Features/Analytics/AnalyticsManager.js'
+import DropboxHandler from '../modules/dropbox/app/src/DropboxHandler.mjs'
+import { OError } from '../app/src/Features/Errors/Errors.js'
+
+const ScriptLogger = {
+  checkedUsersCount: 0,
+  mismatchUsersCount: 0,
+  allDaysSinceLastLoggedIn: [],
+  allMismatchReasons: {},
+
+  recordMismatch: (user, mismatchReasons) => {
+    const mismatchReasonsString = JSON.stringify(mismatchReasons)
+    if (ScriptLogger.allMismatchReasons[mismatchReasonsString]) {
+      ScriptLogger.allMismatchReasons[mismatchReasonsString].push(user._id)
+    } else {
+      ScriptLogger.allMismatchReasons[mismatchReasonsString] = [user._id]
+    }
+
+    ScriptLogger.mismatchUsersCount += 1
+
+    if (user.lastLoggedIn) {
+      const daysSinceLastLoggedIn =
+        (new Date() - user.lastLoggedIn) / 1000 / 3600 / 24
+      ScriptLogger.allDaysSinceLastLoggedIn.push(daysSinceLastLoggedIn)
+    }
+  },
+
+  printProgress: () => {
+    console.warn(
+      `Users checked: ${ScriptLogger.checkedUsersCount}. Mismatches: ${ScriptLogger.mismatchUsersCount}`
+    )
+  },
+
+  printSummary: () => {
+    console.log('All Mismatch Reasons:', ScriptLogger.allMismatchReasons)
+    console.log('Mismatch Users Count', ScriptLogger.mismatchUsersCount)
+    console.log(
+      'Average Last Logged In (Days):',
+      _.sum(ScriptLogger.allDaysSinceLastLoggedIn) /
+        ScriptLogger.allDaysSinceLastLoggedIn.length
+    )
+    console.log(
+      'Recent Logged In (Last 7 Days):',
+      _.filter(ScriptLogger.allDaysSinceLastLoggedIn, a => a < 7).length
+    )
+    console.log(
+      'Recent Logged In (Last 30 Days):',
+      _.filter(ScriptLogger.allDaysSinceLastLoggedIn, a => a < 30).length
+    )
+  },
+}
+
+const checkAndUpdateUser = (user, callback) =>
+  FeaturesUpdater.computeFeatures(user._id, (error, freshFeatures) => {
+    if (error) {
+      return callback(error)
+    }
+
+    const mismatchReasons = FeaturesHelper.compareFeatures(
+      user.features,
+      freshFeatures
+    )
+    if (Object.keys(mismatchReasons).length === 0) {
+      // features are matching; nothing else to do
+      return callback()
+    }
+
+    ScriptLogger.recordMismatch(user, mismatchReasons)
+
+    if (!COMMIT) {
+      // not saving features; nothing else to do
+      return callback()
+    }
+
+    const matchedFeatureSet = FeaturesHelper.getMatchedFeatureSet(freshFeatures)
+    AnalyticsManager.setUserPropertyForUserInBackground(
+      user._id,
+      'feature-set',
+      matchedFeatureSet
+    )
+
+    UserFeaturesUpdater.overrideFeatures(
+      user._id,
+      freshFeatures,
+      (error, featuresChanged) => {
+        if (error) {
+          return callback(error)
+        }
+        if (
+          mismatchReasons.dropbox !== undefined &&
+          freshFeatures.dropbox === false
+        ) {
+          DropboxHandler.unlinkAccount(
+            user._id,
+            { sendEmail: false },
+            error => {
+              if (error) {
+                return callback(
+                  OError.tag(error, 'error unlinking dropbox', {
+                    userId: user._id,
+                  })
+                )
+              }
+              console.log({ userId: user._id }, 'Unlinked dropbox')
+              callback(null, featuresChanged)
+            }
+          )
+        } else {
+          callback(null, featuresChanged)
+        }
+      }
+    )
+  })
+
+const checkAndUpdateUsers = (users, callback) =>
+  async.eachLimit(users, ASYNC_LIMIT, checkAndUpdateUser, callback)
+
+const loopForUsers = (skip, callback) => {
+  db.users
+    .find({})
+    .project({ features: 1, lastLoggedIn: 1 })
+    .sort({ _id: 1 })
+    .skip(skip)
+    .limit(FETCH_LIMIT)
+    .toArray((error, users) => {
+      if (error) {
+        return callback(error)
+      }
+
+      if (users.length === 0) {
+        console.warn('DONE')
+        return callback()
+      }
+
+      checkAndUpdateUsers(users, error => {
+        if (error) {
+          return callback(error)
+        }
+        ScriptLogger.checkedUsersCount += users.length
+        retryCounter = 0
+        ScriptLogger.printProgress()
+        ScriptLogger.printSummary()
+        loopForUsers(MONGO_SKIP + ScriptLogger.checkedUsersCount, callback)
+      })
+    })
+}
+
+let retryCounter = 0
+const run = () =>
+  loopForUsers(MONGO_SKIP + ScriptLogger.checkedUsersCount, error => {
+    if (error) {
+      if (retryCounter < 3) {
+        console.error(error)
+        retryCounter += 1
+        console.warn(`RETRYING IN 60 SECONDS. (${retryCounter}/3)`)
+        return setTimeout(run, 6000)
+      }
+      throw error
+    }
+    process.exit()
+  })
+
+let FETCH_LIMIT, ASYNC_LIMIT, COMMIT, MONGO_SKIP
+const setup = () => {
+  const argv = minimist(process.argv.slice(2))
+  FETCH_LIMIT = argv.fetch ? argv.fetch : 100
+  ASYNC_LIMIT = argv.async ? argv.async : 10
+  MONGO_SKIP = argv.skip ? argv.skip : 0
+  COMMIT = argv.commit !== undefined
+  const FORCE = argv.force !== undefined
+  if (!FORCE) {
+    console.log(
+      'NOTE: features can be automatically refreshed on login (using `featuresEpoch`)\n' +
+        'Consider incrementing settings.featuresEpoch instead of running this script.\n' +
+        'If you really need to run this script, use refresh_features.mjs --force.'
+    )
+    process.exit(1)
+  }
+  if (!COMMIT) {
+    console.warn('Doing dry run without --commit')
+  }
+  if (MONGO_SKIP) {
+    console.warn(`Skipping first ${MONGO_SKIP} records`)
+  }
+}
+
+setup()
+run()
diff --git a/services/web/scripts/refresh_institution_users.mjs b/services/web/scripts/refresh_institution_users.mjs
new file mode 100644
index 0000000..6edb523
--- /dev/null
+++ b/services/web/scripts/refresh_institution_users.mjs
@@ -0,0 +1,38 @@
+import minimist from 'minimist'
+import InstitutionsManager from '../app/src/Features/Institutions/InstitutionsManager.js'
+
+const institutionId = parseInt(process.argv[2])
+if (isNaN(institutionId)) throw new Error('No institution id')
+console.log('Refreshing users at institution', institutionId)
+
+function main() {
+  const argv = minimist(process.argv.slice(2))
+  if (!argv.notify) {
+    throw new Error('Missing `notify` flag. Please use `--notify true|false`')
+  }
+  if (!argv.notify[0]) {
+    throw new Error('Empty `notify` flag. Please use `--notify true|false`')
+  }
+  const notify = argv.notify[0] === 't'
+  console.log('Running with notify =', notify)
+
+  InstitutionsManager.refreshInstitutionUsers(
+    institutionId,
+    notify,
+    function (error) {
+      if (error) {
+        console.log(error)
+      } else {
+        console.log('DONE 👌')
+      }
+      process.exit()
+    }
+  )
+}
+
+try {
+  await main()
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/regenerate_duplicate_referral_ids.mjs b/services/web/scripts/regenerate_duplicate_referral_ids.mjs
new file mode 100644
index 0000000..499823a
--- /dev/null
+++ b/services/web/scripts/regenerate_duplicate_referral_ids.mjs
@@ -0,0 +1,109 @@
+import {
+  db,
+  READ_PREFERENCE_SECONDARY,
+} from '../app/src/infrastructure/mongodb.js'
+import { promiseMapWithLimit } from '@overleaf/promise-utils'
+import TokenGenerator from '../app/src/Features/TokenGenerator/TokenGenerator.js'
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+
+const VERBOSE_LOGGING = process.env.VERBOSE_LOGGING === 'true'
+const WRITE_CONCURRENCY = parseInt(process.env.WRITE_CONCURRENCY, 10) || 10
+const BATCH_SIZE = parseInt(process.env.BATCH_SIZE, 10) || 100
+// persist fallback in order to keep batchedUpdate in-sync
+process.env.BATCH_SIZE = BATCH_SIZE
+
+async function rewriteDuplicates(duplicateReferralIds) {
+  // duplicateReferralIds contains at least one duplicate.
+  // Find out which is the duplicate in parallel and update
+  //  any users if necessary.
+  await promiseMapWithLimit(
+    WRITE_CONCURRENCY,
+    duplicateReferralIds,
+    async referralId => {
+      try {
+        const users = await db.users
+          .find(
+            { referal_id: referralId },
+            {
+              projection: { _id: 1 },
+              readPreference: READ_PREFERENCE_SECONDARY,
+            }
+          )
+          .toArray()
+
+        if (users.length === 1) {
+          // This referral id was part of a batch of duplicates.
+          // Keep the write load low and skip the update.
+          return
+        }
+        if (VERBOSE_LOGGING) {
+          console.log('Found duplicate:', referralId)
+        }
+
+        for (const user of users) {
+          const newReferralId = TokenGenerator.generateReferralId()
+          await db.users.updateOne(
+            { _id: user._id },
+            {
+              $set: {
+                referal_id: newReferralId,
+              },
+            }
+          )
+        }
+      } catch (error) {
+        console.error(
+          { err: error },
+          `Failed to generate new referral ID for duplicate ID: ${referralId}`
+        )
+      }
+    }
+  )
+}
+
+async function processBatch(users) {
+  const uniqueReferalIdsInBatch = Array.from(
+    new Set(users.map(user => user.referal_id))
+  )
+  if (uniqueReferalIdsInBatch.length !== users.length) {
+    if (VERBOSE_LOGGING) {
+      console.log('Got duplicates from looking at batch.')
+    }
+    await rewriteDuplicates(uniqueReferalIdsInBatch)
+    return
+  }
+  const matches = await db.users
+    .find(
+      { referal_id: { $in: uniqueReferalIdsInBatch } },
+      {
+        readPreference: READ_PREFERENCE_SECONDARY,
+        projection: { _id: true },
+      }
+    )
+    .toArray()
+  if (matches.length !== uniqueReferalIdsInBatch.length) {
+    if (VERBOSE_LOGGING) {
+      console.log('Got duplicates from running count.')
+    }
+    await rewriteDuplicates(uniqueReferalIdsInBatch)
+  }
+}
+
+async function main() {
+  await batchedUpdate(
+    db.users,
+    { referal_id: { $exists: true } },
+    processBatch,
+    { _id: 1, referal_id: 1 }
+  )
+}
+
+main()
+  .then(() => {
+    console.error('Done.')
+    process.exit(0)
+  })
+  .catch(error => {
+    console.error({ error })
+    process.exit(1)
+  })
diff --git a/services/web/scripts/remove_deleted_users_from_token_access_refs.mjs b/services/web/scripts/remove_deleted_users_from_token_access_refs.mjs
new file mode 100644
index 0000000..cfb0b9d
--- /dev/null
+++ b/services/web/scripts/remove_deleted_users_from_token_access_refs.mjs
@@ -0,0 +1,221 @@
+import {
+  db,
+  READ_PREFERENCE_SECONDARY,
+} from '../app/src/infrastructure/mongodb.js'
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+import mongodb from 'mongodb-legacy'
+import minimist from 'minimist'
+import CollaboratorsHandler from '../app/src/Features/Collaborators/CollaboratorsHandler.js'
+import { fileURLToPath } from 'node:url'
+
+const { ObjectId } = mongodb
+
+const argv = minimist(process.argv.slice(2), {
+  string: ['projects'],
+  boolean: ['dry-run', 'help'],
+  alias: {
+    projects: 'p',
+  },
+  default: {
+    'dry-run': true,
+  },
+})
+
+const DRY_RUN = argv['dry-run']
+const PROJECTS_LIST = argv.projects
+
+async function findUserIds() {
+  const userIds = new Set()
+  const cursor = db.users.find(
+    {},
+    {
+      projection: { _id: 1 },
+      readPreference: READ_PREFERENCE_SECONDARY,
+    }
+  )
+  for await (const user of cursor) {
+    userIds.add(user._id.toString())
+    if (userIds.size % 1_000_000 === 0) {
+      console.log(`=> ${userIds.size} users added`, new Date().toISOString())
+    }
+  }
+  console.log(`=> User ids count: ${userIds.size}`)
+  return userIds
+}
+
+async function fixProjectsWithInvalidTokenAccessRefsIds(
+  DRY_RUN,
+  PROJECTS_LIST
+) {
+  if (DRY_RUN) {
+    console.log('=> Doing dry run')
+  }
+
+  const DELETED_USER_COLLABORATOR_IDS = new Set()
+  const PROJECTS_WITH_DELETED_USER = new Set()
+
+  // get a set of all users ids as an in-memory cache
+  const userIds = await findUserIds()
+
+  // default query for finding all projects with non-existing/null or non-empty token access fields
+  let query = {
+    $or: [
+      { tokenAccessReadOnly_refs: { $not: { $type: 'array' } } },
+      { tokenAccessReadAndWrite_refs: { $not: { $type: 'array' } } },
+      { 'tokenAccessReadOnly_refs.0': { $exists: true } },
+      { 'tokenAccessReadAndWrite_refs.0': { $exists: true } },
+    ],
+  }
+
+  const projectIds = PROJECTS_LIST?.split(',').map(
+    projectId => new ObjectId(projectId)
+  )
+
+  // query for finding projects passed in as args
+  if (projectIds) {
+    query = { $and: [{ _id: { $in: projectIds } }] }
+  }
+
+  await batchedUpdate(
+    db.projects,
+    query,
+    async projects => {
+      for (const project of projects) {
+        const isTokenAccessFieldMissing =
+          !project.tokenAccessReadOnly_refs ||
+          !project.tokenAccessReadAndWrite_refs
+        project.tokenAccessReadOnly_refs ??= []
+        project.tokenAccessReadAndWrite_refs ??= []
+
+        // update the token access fields if necessary
+        if (isTokenAccessFieldMissing) {
+          if (DRY_RUN) {
+            console.log(
+              `=> DRY RUN - would fix non-existing token access fields in project ${project._id.toString()}`
+            )
+          } else {
+            const fields = [
+              'tokenAccessReadOnly_refs',
+              'tokenAccessReadAndWrite_refs',
+            ]
+            for (const field of fields) {
+              await db.projects.updateOne(
+                {
+                  _id: project._id,
+                  [field]: { $not: { $type: 'array' } },
+                },
+                { $set: { [field]: [] } }
+              )
+            }
+            console.log(
+              `=> Fixed non-existing token access fields in project ${project._id.toString()}`
+            )
+          }
+        }
+
+        // find the set of user ids that are in the token access fields
+        // i.e. the set of collaborators
+        const collaboratorIds = new Set()
+        for (const roUserId of project.tokenAccessReadOnly_refs) {
+          collaboratorIds.add(roUserId.toString())
+        }
+        for (const rwUserId of project.tokenAccessReadAndWrite_refs) {
+          collaboratorIds.add(rwUserId.toString())
+        }
+        // determine which collaborator ids are not in the `users` collection
+        // i.e. the user has been deleted
+        const deletedUserIds = new Set()
+        for (const collaboratorId of collaboratorIds) {
+          if (!userIds.has(collaboratorId)) {
+            deletedUserIds.add(collaboratorId)
+          }
+        }
+
+        // double-check that users doesn't exist in the users collection
+        // we don't want to remove users that were added after the initial query
+        const existingUsersCursor = db.users.find(
+          { _id: { $in: [...deletedUserIds].map(id => new ObjectId(id)) } },
+          { _id: 1 }
+        )
+        for await (const user of existingUsersCursor) {
+          const id = user._id.toString()
+          deletedUserIds.delete(id)
+          // add the user id to the cache
+          userIds.add(id)
+        }
+
+        // remove the actual deleted users
+        for (const deletedUserId of deletedUserIds) {
+          DELETED_USER_COLLABORATOR_IDS.add(deletedUserId)
+          PROJECTS_WITH_DELETED_USER.add(project._id.toString())
+          console.log(
+            '=> Found deleted user id:',
+            deletedUserId,
+            'in project:',
+            project._id.toString()
+          )
+          if (DRY_RUN) {
+            console.log(
+              `=> DRY RUN - would remove deleted ${deletedUserId} from all projects (found in project ${project._id.toString()})`
+            )
+            continue
+          }
+          console.log(
+            `=> Removing deleted ${deletedUserId} from all projects (found in project ${project._id.toString()})`
+          )
+          await CollaboratorsHandler.promises.removeUserFromAllProjects(
+            new ObjectId(deletedUserId)
+          )
+        }
+      }
+    },
+    { tokenAccessReadOnly_refs: 1, tokenAccessReadAndWrite_refs: 1 }
+  )
+
+  console.log(
+    `=> ${DRY_RUN ? 'DRY RUN - would delete' : 'Deleted'} user ids (${
+      DELETED_USER_COLLABORATOR_IDS.size
+    })`
+  )
+  if (DELETED_USER_COLLABORATOR_IDS.size) {
+    console.log(Array.from(DELETED_USER_COLLABORATOR_IDS).join('\n'))
+  }
+  console.log(
+    `=> Projects with deleted user ids (${PROJECTS_WITH_DELETED_USER.size})`
+  )
+  if (PROJECTS_WITH_DELETED_USER.size) {
+    console.log(Array.from(PROJECTS_WITH_DELETED_USER).join('\n'))
+  }
+}
+
+async function main(DRY_RUN, PROJECTS_LIST) {
+  await fixProjectsWithInvalidTokenAccessRefsIds(DRY_RUN, PROJECTS_LIST)
+}
+
+export default main
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  if (argv.help || argv._.length > 1) {
+    console.error(`Usage: node scripts/remove_deleted_users_from_token_access_refs.mjs [OPTS]
+      Finds or removes deleted user ids from token access fields
+      "tokenAccessReadOnly_refs" and "tokenAccessReadAndWrite_refs" in the "projects" collection.
+
+      If no projects are specified, all projects will be processed.
+
+      Options:
+
+          --dry-run         finds projects and deleted users but does not do any updates
+          --projects        list of projects ids to be fixed (comma separated)
+    `)
+    process.exit(1)
+  }
+
+  try {
+    await main(DRY_RUN, PROJECTS_LIST)
+    console.error('Done')
+    process.exit(0)
+  } catch (error) {
+    console.error(error)
+    process.exit(1)
+  }
+}
diff --git a/services/web/scripts/remove_email.mjs b/services/web/scripts/remove_email.mjs
new file mode 100644
index 0000000..2e3d784
--- /dev/null
+++ b/services/web/scripts/remove_email.mjs
@@ -0,0 +1,62 @@
+import { ObjectId } from '../app/src/infrastructure/mongodb.js'
+import UserUpdater from '../app/src/Features/User/UserUpdater.js'
+import UserGetter from '../app/src/Features/User/UserGetter.js'
+
+async function removeEmail() {
+  const userId = process.argv[2]
+  let email = process.argv[3]
+
+  if (!ObjectId.isValid(userId)) {
+    throw new Error(`user ID ${userId} is not valid`)
+  }
+
+  if (!email) {
+    throw new Error('no email provided')
+  }
+
+  // email arg can be within double quotes for arg so that we can handle
+  // malformed emails with spaces
+  email = email.replace(/"/g, '')
+
+  console.log(
+    `\nBegin request to remove email "${email}" from user "${userId}"\n`
+  )
+
+  const userWithEmail = await UserGetter.promises.getUserByAnyEmail(email, {
+    _id: 1,
+  })
+
+  if (!userWithEmail) {
+    throw new Error(`no user found with email "${email}"`)
+  }
+
+  if (userWithEmail._id.toString() !== userId) {
+    throw new Error(
+      `email does not belong to user. Belongs to ${userWithEmail._id}`
+    )
+  }
+
+  const auditLog = {
+    initiatorId: undefined,
+    ipAddress: '0.0.0.0',
+    extraInfo: {
+      script: true,
+    },
+  }
+
+  const skipParseEmail = true
+  await UserUpdater.promises.removeEmailAddress(
+    userId,
+    email,
+    auditLog,
+    skipParseEmail
+  )
+}
+try {
+  await removeEmail()
+  console.log('Done.')
+  process.exit()
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/remove_feature_from_all_users.mjs b/services/web/scripts/remove_feature_from_all_users.mjs
new file mode 100644
index 0000000..fe53bda
--- /dev/null
+++ b/services/web/scripts/remove_feature_from_all_users.mjs
@@ -0,0 +1,53 @@
+import {
+  db,
+  READ_PREFERENCE_SECONDARY,
+} from '../app/src/infrastructure/mongodb.js'
+import parseArgs from 'minimist'
+
+async function _removeFeatureFromAllUsers(feature, commit) {
+  let removals = 0
+  const query = {}
+  query[`features.${feature}`] = true
+  const usersWithFeature = db.users.find(query, {
+    readPreference: READ_PREFERENCE_SECONDARY,
+  })
+
+  const update = {}
+  update[`features.${feature}`] = false
+  while (await usersWithFeature.hasNext()) {
+    const user = await usersWithFeature.next()
+    if (commit) {
+      await db.users.findOneAndUpdate({ _id: user._id }, { $set: update })
+    }
+    removals++
+  }
+  console.log(`removed ${feature} from ${removals} users`)
+  if (!commit) {
+    console.log(
+      'this was a dry run, pass --commit to remove features from users'
+    )
+  }
+}
+
+async function main() {
+  const argv = parseArgs(process.argv.slice(2), {
+    string: ['feature'],
+    boolean: ['commit'],
+    unknown: function (arg) {
+      console.error('unrecognised argument', arg)
+      process.exit(1)
+    },
+  })
+  const feature = argv.feature
+  const commit = argv.commit || false
+  await _removeFeatureFromAllUsers(feature, commit)
+}
+
+try {
+  await main()
+  console.log('Done')
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/remove_oauth_application.mjs b/services/web/scripts/remove_oauth_application.mjs
new file mode 100644
index 0000000..601a68a
--- /dev/null
+++ b/services/web/scripts/remove_oauth_application.mjs
@@ -0,0 +1,33 @@
+import { OauthApplication } from '../app/src/models/OauthApplication.js'
+import parseArgs from 'minimist'
+import OError from '@overleaf/o-error'
+
+async function _removeOauthApplication(appId) {
+  if (!appId) {
+    throw new OError('No app id supplied')
+  }
+  console.log(`Removing oauthApplication with id=${appId}`)
+  const result = await OauthApplication.deleteOne({ id: appId })
+  console.log('Result', result)
+}
+
+async function main() {
+  const argv = parseArgs(process.argv.slice(2), {
+    string: ['id'],
+    unknown: function (arg) {
+      console.error('unrecognised argument', arg)
+      process.exit(1)
+    },
+  })
+  const appId = argv.id
+  await _removeOauthApplication(appId)
+}
+
+try {
+  await main()
+  console.log('Done')
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/remove_unconfirmed_emails.mjs b/services/web/scripts/remove_unconfirmed_emails.mjs
new file mode 100644
index 0000000..e86540d
--- /dev/null
+++ b/services/web/scripts/remove_unconfirmed_emails.mjs
@@ -0,0 +1,262 @@
+// @ts-check
+
+import minimist from 'minimist'
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+import { db, ObjectId } from '../app/src/infrastructure/mongodb.js'
+import UserAuditLogHandler from '../app/src/Features/User/UserAuditLogHandler.js'
+import fs from 'node:fs/promises'
+import * as csv from 'csv'
+import { promisify } from 'node:util'
+import _ from 'lodash'
+
+const CSV_FILENAME = '/tmp/remove_unconfirmed_emails.csv'
+/**
+ * @type {(records: string[][]) => Promise<string>}
+ */
+const stringifyAsync = promisify(csv.stringify)
+/**
+ * @type {(csvString: string) => Promise<string[][]>}
+ */
+const parseAsync = promisify(csv.parse)
+
+function usage() {
+  console.log('Usage: node remove_unconfirmed_emails.mjs')
+  console.log('Removes unconfirmed emails from users')
+  console.log('Options:')
+  console.log(
+    '' +
+      '  --generate     generate the CSV file (remove_unconfirmed_emails.csv) containing the emails to remove\n' +
+      '  --consume      consume the CSV file (remove_unconfirmed_emails.csv) and remove the emails (by default it is a dry-run)\n' +
+      '  --commit       apply the changes (to be used with --consume)\n'
+  )
+  process.exit(0)
+}
+
+const { generate, consume, commit, help } = minimist(process.argv.slice(2), {
+  boolean: ['generate', 'consume', 'commit', 'help'],
+  alias: { help: 'h' },
+  default: { generate: false, consume: false, commit: false },
+})
+
+async function generateCsvFile() {
+  console.time('generate_csv')
+
+  let processedUsersCount = 0
+  let skippedUnconfirmedPrimaries = 0
+  let totalEmailsToRemove = 0
+  let totalUsersInCsv = 0
+
+  const records = [['User ID', 'Email', 'Sign Up Date']]
+
+  await batchedUpdate(
+    db.users,
+    {
+      $and: [
+        { emails: { $exists: true } },
+        { emails: { $not: { $size: 0 } } },
+        // Warning: this also matches unconfirmed primary emails
+        {
+          emails: {
+            $elemMatch: {
+              $or: [{ confirmedAt: { $exists: false } }, { confirmedAt: null }],
+            },
+          },
+        },
+      ],
+    },
+    async users => {
+      console.log('Process', users.length, 'users')
+      processedUsersCount += users.length
+
+      for (const user of users) {
+        const unconfirmedSecondaries = user.emails.filter(
+          email => !email.confirmedAt && email.email !== user.email
+        )
+
+        if (unconfirmedSecondaries.length === 0) {
+          // Users can have been selected because of their unconfirmed primary email
+          // we don't want to remove those
+          skippedUnconfirmedPrimaries++
+          continue
+        }
+
+        for (const email of unconfirmedSecondaries) {
+          records.push([
+            user._id.toString(),
+            email.email,
+            user.signUpDate.toISOString(),
+          ])
+        }
+
+        totalUsersInCsv++
+        totalEmailsToRemove += unconfirmedSecondaries.length
+      }
+    },
+    { _id: 1, signUpDate: 1, emails: 1, email: 1 }
+  )
+
+  const csvContent = await stringifyAsync(records)
+  await fs.writeFile(CSV_FILENAME, csvContent)
+
+  console.log()
+  console.log('Processed users:', processedUsersCount)
+  console.log()
+  console.log('Generated CSV file:', CSV_FILENAME)
+  console.log('Total emails in the CSV:', totalEmailsToRemove)
+  console.log('Total users in the CSV:', totalUsersInCsv)
+  console.log(
+    'Unconfirmed primary emails (skipped):',
+    skippedUnconfirmedPrimaries
+  )
+  console.log()
+  console.timeEnd('generate_csv')
+  console.log()
+}
+
+async function consumeCsvFile() {
+  console.time('consume_csv')
+
+  const csvContent = await fs.readFile(CSV_FILENAME, 'utf8')
+  const rows = await parseAsync(csvContent)
+  rows.shift() // Remove header row
+  const emailsByUserId = {}
+
+  for (const [userId, email] of rows) {
+    if (!emailsByUserId[userId]) {
+      emailsByUserId[userId] = []
+    }
+    emailsByUserId[userId].push(email)
+  }
+
+  const userIds = Object.keys(emailsByUserId)
+  let processedUsersCount = 0
+  let removedEmailsCount = 0
+  let totalModifiedUsersCount = 0
+  const skippedEmail = {
+    userNotFound: 0,
+    nowConfirmed: 0,
+    nowPrimary: 0,
+    nowRemoved: 0,
+  }
+
+  console.log('Total emails in the CSV:', rows.length)
+  console.log('Total users in the CSV:', userIds.length)
+
+  for (const userId of userIds) {
+    const emailsToRemove = emailsByUserId[userId]
+
+    const user = await db.users.findOne({ _id: new ObjectId(userId) })
+    if (!user) {
+      skippedEmail.userNotFound += emailsToRemove.length
+      continue
+    }
+
+    const emailsToRemoveNow = emailsToRemove.filter(email => {
+      const currentEmail = user.emails.find(e => e.email === email)
+      if (!currentEmail) {
+        skippedEmail.nowRemoved++
+        return false
+      }
+      if (currentEmail.confirmedAt) {
+        skippedEmail.nowConfirmed++
+        return false
+      }
+      if (currentEmail.email === user.email) {
+        skippedEmail.nowPrimary++
+        return false
+      }
+      return true
+    })
+
+    removedEmailsCount += emailsToRemoveNow.length
+
+    if (commit && emailsToRemoveNow.length > 0) {
+      for (const email of emailsToRemove) {
+        await UserAuditLogHandler.promises.addEntry(
+          userId,
+          'remove-email',
+          undefined,
+          undefined,
+          {
+            removedEmail: email,
+            script: true,
+            note: 'remove unconfirmed secondary emails',
+          }
+        )
+      }
+
+      const updated = await db.users.updateOne(
+        { _id: new ObjectId(userId) },
+        { $pull: { emails: { email: { $in: emailsToRemove } } } }
+      )
+      totalModifiedUsersCount += updated.modifiedCount
+    }
+
+    processedUsersCount++
+    if (processedUsersCount % 100 === 0) {
+      console.log('Processed', processedUsersCount, 'users')
+    }
+  }
+
+  console.log()
+  if (!commit) {
+    console.log('Dry-run, use --commit to apply changes')
+    console.log('This would be the result:')
+    console.log()
+  }
+
+  console.log('Total emails in the CSV:', rows.length)
+  console.log('Total users in the CSV:', userIds.length)
+  console.log('Total users processed:', processedUsersCount)
+  console.log('Total emails removed:', removedEmailsCount)
+  console.log('Skipped emails:', _.sum(Object.values(skippedEmail)))
+  console.log('  - User not found:', skippedEmail.userNotFound)
+  console.log('  - Email now confirmed:', skippedEmail.nowConfirmed)
+  console.log('  - Email now primary:', skippedEmail.nowPrimary)
+  console.log('  - Email now removed:', skippedEmail.nowRemoved)
+  console.log()
+
+  if (commit) {
+    console.log('Total users modified:', totalModifiedUsersCount)
+  } else {
+    console.log('Note: this was a dry-run. No changes were made.')
+  }
+  console.log()
+  console.timeEnd('consume_csv')
+  console.log()
+}
+
+async function main() {
+  if (help) {
+    return usage()
+  }
+
+  if (!generate && !consume) {
+    console.error('Error: Either --generate or --consume must be specified')
+    return usage()
+  }
+
+  if (generate && consume) {
+    console.error('Error: Cannot use both --generate and --consume together')
+    return usage()
+  }
+
+  if (commit && !consume) {
+    console.error('Error: --commit can only be used with --consume')
+    return usage()
+  }
+
+  if (generate) {
+    await generateCsvFile()
+  } else if (consume) {
+    await consumeCsvFile()
+  }
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/remove_user_enrollment.mjs b/services/web/scripts/remove_user_enrollment.mjs
new file mode 100644
index 0000000..e3b80b6
--- /dev/null
+++ b/services/web/scripts/remove_user_enrollment.mjs
@@ -0,0 +1,93 @@
+// This script will:
+// 1. remove enrollment.managedBy and enrollment.enrolledAt fields from the User record
+// 2. remove the user_id from member_ids on the Subscription record
+//
+// Usage:
+// $ node scripts/remove_user_enrollment.mjs --id USER_ID --commit
+
+import minimist from 'minimist'
+import { ObjectId } from '../app/src/infrastructure/mongodb.js'
+import { User } from '../app/src/models/User.js'
+import { Subscription } from '../app/src/models/Subscription.js'
+import UserAuditLogHandler from '../app/src/Features/User/UserAuditLogHandler.js'
+
+const argv = minimist(process.argv.slice(2))
+const COMMIT = argv.commit !== undefined
+if (!COMMIT) {
+  console.warn('Doing dry run without --commit')
+}
+
+const userId = argv.id
+if (!userId) throw new Error('missing user ID (use --id)')
+
+async function _handleUser(userId) {
+  const user = await User.findById(userId, { enrollment: 1 })
+  if (!user) {
+    throw new Error(`user ${userId} does not exist`)
+  }
+
+  if (!user.enrollment?.managedBy) {
+    throw new Error(`user ${userId} has no enrollment`)
+  }
+
+  const subscriptionId = user.enrollment.managedBy
+
+  if (COMMIT) {
+    await Subscription.updateOne(
+      { _id: subscriptionId },
+      { $pull: { member_ids: userId } }
+    )
+  } else {
+    console.log(
+      `Would remove user ${userId} from subscription ${subscriptionId}`
+    )
+  }
+
+  if (COMMIT) {
+    await User.updateOne(
+      { _id: userId },
+      {
+        $unset: {
+          'enrollment.managedBy': 1,
+          'enrollment.enrolledAt': 1,
+        },
+      }
+    )
+  } else {
+    console.log(`Would remove enrollment from user ${userId}`)
+  }
+
+  if (COMMIT) {
+    await UserAuditLogHandler.promises.addEntry(
+      userId,
+      'release-managed-user',
+      undefined,
+      undefined,
+      { script: true, subscriptionId, comment: 'removed by support' }
+    )
+  } else {
+    console.log(
+      `Would create user audit log "release-managed-user" with comment "removed by support"`
+    )
+  }
+}
+
+async function processUser(userId) {
+  console.log('---Starting remove enrollment script---')
+  console.log(`Will process user: ${userId}`)
+
+  if (!ObjectId.isValid(userId)) {
+    throw new Error(`user ID not valid: ${userId}`)
+  }
+
+  try {
+    await _handleUser(new ObjectId(userId))
+    console.log(`User ${userId} processed successfully`)
+  } catch (error) {
+    console.log(`Failed to process user ${userId}:`, error)
+  }
+
+  process.exit()
+}
+
+await processUser(userId)
diff --git a/services/web/scripts/restore_orphaned_docs.mjs b/services/web/scripts/restore_orphaned_docs.mjs
new file mode 100644
index 0000000..ebbe0d5
--- /dev/null
+++ b/services/web/scripts/restore_orphaned_docs.mjs
@@ -0,0 +1,43 @@
+import ProjectEntityRestoreHandler from '../app/src/Features/Project/ProjectEntityRestoreHandler.js'
+import ProjectEntityHandler from '../app/src/Features/Project/ProjectEntityHandler.js'
+import DocstoreManager from '../app/src/Features/Docstore/DocstoreManager.js'
+
+const ARGV = process.argv.slice(2)
+const DEVELOPER_USER_ID = ARGV.shift()
+const PROJECT_ID = ARGV.shift()
+const DOC_IDS_TO_RESTORE = ARGV
+
+async function main() {
+  const allDocs = await DocstoreManager.promises.getAllDocs(PROJECT_ID)
+  const docsToRestore = allDocs.filter(doc =>
+    DOC_IDS_TO_RESTORE.includes(doc._id)
+  )
+
+  const docPaths =
+    await ProjectEntityHandler.promises.getAllDocPathsFromProjectById(
+      PROJECT_ID
+    )
+
+  for (const orphanedDoc of docsToRestore) {
+    console.log('Restoring doc: ', orphanedDoc._id)
+    if (docPaths[orphanedDoc._id]) {
+      console.log(`Doc already exists, skipping ${docPaths[orphanedDoc._id]}`)
+      continue
+    }
+    const newDoc = await ProjectEntityRestoreHandler.promises.restoreDeletedDoc(
+      PROJECT_ID,
+      orphanedDoc._id,
+      `restored-${orphanedDoc._id}-rev-${orphanedDoc.rev}.tex`,
+      DEVELOPER_USER_ID
+    )
+    console.log(newDoc)
+  }
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/restore_soft_deleted_docs.mjs b/services/web/scripts/restore_soft_deleted_docs.mjs
new file mode 100644
index 0000000..3e4575f
--- /dev/null
+++ b/services/web/scripts/restore_soft_deleted_docs.mjs
@@ -0,0 +1,32 @@
+import ProjectEntityRestoreHandler from '../app/src/Features/Project/ProjectEntityRestoreHandler.js'
+import DocstoreManager from '../app/src/Features/Docstore/DocstoreManager.js'
+
+const ARGV = process.argv.slice(2)
+const DEVELOPER_USER_ID = ARGV.shift()
+const PROJECT_ID = ARGV.shift()
+const FILE_NAMES_TO_RESTORE = ARGV
+
+async function main() {
+  const deletedDocs =
+    await DocstoreManager.promises.getAllDeletedDocs(PROJECT_ID)
+  const docsToRestore = deletedDocs.filter(doc =>
+    FILE_NAMES_TO_RESTORE.includes(doc.name)
+  )
+  for (const deletedDoc of docsToRestore) {
+    const newDoc = await ProjectEntityRestoreHandler.promises.restoreDeletedDoc(
+      PROJECT_ID,
+      deletedDoc._id,
+      deletedDoc.name,
+      DEVELOPER_USER_ID
+    )
+    console.log(newDoc)
+  }
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/set_tex_live_image.mjs b/services/web/scripts/set_tex_live_image.mjs
new file mode 100644
index 0000000..63b67fb
--- /dev/null
+++ b/services/web/scripts/set_tex_live_image.mjs
@@ -0,0 +1,69 @@
+import Settings from '@overleaf/settings'
+import mongodb from 'mongodb-legacy'
+import { Project } from '../app/src/models/Project.js'
+
+const { ObjectId } = mongodb
+
+async function main() {
+  const { image, projectIds } = parseArgs()
+  await updateImage(image, projectIds)
+}
+
+function parseArgs() {
+  if (process.argv.length < 4) {
+    printUsage()
+    process.exit(1)
+  }
+  const image = parseImage(process.argv[2])
+  const projectIds = parseProjectIds(process.argv.slice(3))
+  return { image, projectIds }
+}
+
+function printUsage() {
+  console.error('Usage: node set_tex_live_image.js <image> <projectId> ...')
+}
+
+function parseImage(image) {
+  const allowedImageNames = Settings.allowedImageNames.map(x => x.imageName)
+  if (!allowedImageNames.includes(image)) {
+    console.error(`Unknown image: ${image}`)
+    console.error('Please use one of:')
+    for (const allowedImage of allowedImageNames) {
+      console.error(`    - ${allowedImage}`)
+    }
+    process.exit(1)
+  }
+  return image
+}
+
+function parseProjectIds(projectIds) {
+  const oids = []
+  for (const projectId of projectIds) {
+    let oid
+    try {
+      oid = new ObjectId(projectId)
+    } catch (err) {
+      console.error(`Invalid project id: ${projectId}`)
+      process.exit(1)
+    }
+    oids.push(oid)
+  }
+  return oids
+}
+
+async function updateImage(image, projectIds) {
+  const res = await Project.updateMany(
+    { _id: { $in: projectIds.map(id => new ObjectId(id)) } },
+    { $set: { imageName: `quay.io/sharelatex/${image}` } }
+  ).exec()
+  console.log(`Found ${res.matchedCount} out of ${projectIds.length} projects`)
+  console.log(`Modified ${res.modifiedCount} projects`)
+}
+
+try {
+  await main()
+  process.exit()
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/soft_delete_project.mjs b/services/web/scripts/soft_delete_project.mjs
new file mode 100644
index 0000000..801bcc9
--- /dev/null
+++ b/services/web/scripts/soft_delete_project.mjs
@@ -0,0 +1,23 @@
+import minimist from 'minimist'
+import ProjectDeleter from '../app/src/Features/Project/ProjectDeleter.js'
+
+async function main() {
+  const argv = minimist(process.argv.slice(2))
+  const projectId = argv['project-id']
+
+  if (!projectId) {
+    throw new Error('set --project-id')
+  }
+  console.log(`Soft deleting project ${projectId}`)
+  // soft delete, project will be permanently deleted after 90 days
+  await ProjectDeleter.promises.deleteProject(projectId)
+}
+
+try {
+  await main()
+  console.log('Done.')
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/split_tests_assigned_at_to_dates.mjs b/services/web/scripts/split_tests_assigned_at_to_dates.mjs
new file mode 100644
index 0000000..ea6fd3f
--- /dev/null
+++ b/services/web/scripts/split_tests_assigned_at_to_dates.mjs
@@ -0,0 +1,46 @@
+import { db } from '../app/src/infrastructure/mongodb.js'
+import { fileURLToPath } from 'node:url'
+
+async function updateStringDates() {
+  const users = db.users.find({
+    splitTests: { $exists: true },
+  })
+
+  let user
+  let count = 0
+  while ((user = await users.next())) {
+    count += 1
+    if (count % 10000 === 0) {
+      console.log(`processed ${count} users...`)
+    }
+
+    const splitTests = user.splitTests
+    for (const splitTestKey of Object.keys(splitTests)) {
+      for (const variantIndex in splitTests[splitTestKey]) {
+        splitTests[splitTestKey][variantIndex].assignedAt = new Date(
+          splitTests[splitTestKey][variantIndex].assignedAt
+        )
+      }
+    }
+
+    await db.users.updateOne(
+      {
+        _id: user._id,
+      },
+      { $set: { splitTests } }
+    )
+  }
+  console.log(`Updated ${count} assignedAt strings to dates!`)
+}
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  try {
+    await updateStringDates()
+    process.exit(0)
+  } catch (error) {
+    console.error(error)
+    process.exit(1)
+  }
+}
+
+export default updateStringDates
diff --git a/services/web/scripts/sso_id_migration_check.mjs b/services/web/scripts/sso_id_migration_check.mjs
new file mode 100644
index 0000000..8f8f037
--- /dev/null
+++ b/services/web/scripts/sso_id_migration_check.mjs
@@ -0,0 +1,34 @@
+import SAMLUserIdMigrationHandler from '../modules/saas-authentication/app/src/SAML/SAMLUserIdMigrationHandler.mjs'
+import { ensureRunningOnMongoSecondaryWithTimeout } from './helpers/env_variable_helper.mjs'
+
+ensureRunningOnMongoSecondaryWithTimeout(300000)
+
+const institutionId = parseInt(process.argv[2])
+if (isNaN(institutionId)) throw new Error('No institution id')
+const emitUsers = process.argv.includes('--emit-users')
+
+console.log('Checking SSO user ID migration for institution:', institutionId)
+
+try {
+  await main()
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
+
+async function main() {
+  const result =
+    await SAMLUserIdMigrationHandler.promises.checkMigration(institutionId)
+
+  if (emitUsers) {
+    console.log(
+      `\nMigrated: ${result.migrated}\nNot migrated: ${result.notMigrated}\nMultiple Identifiers: ${result.multipleIdentifiers}`
+    )
+  }
+
+  console.log(
+    `\nMigrated: ${result.migrated.length}\nNot migrated: ${result.notMigrated.length}\nMultiple Identifiers: ${result.multipleIdentifiers.length}`
+  )
+
+  process.exit()
+}
diff --git a/services/web/scripts/sso_id_remove_not_migrated.mjs b/services/web/scripts/sso_id_remove_not_migrated.mjs
new file mode 100644
index 0000000..cf836f4
--- /dev/null
+++ b/services/web/scripts/sso_id_remove_not_migrated.mjs
@@ -0,0 +1,37 @@
+import SAMLUserIdMigrationHandler from '../modules/saas-authentication/app/src/SAML/SAMLUserIdMigrationHandler.mjs'
+import { ensureMongoTimeout } from './helpers/env_variable_helper.mjs'
+
+ensureMongoTimeout(300000)
+
+const institutionId = parseInt(process.argv[2])
+if (isNaN(institutionId)) throw new Error('No institution id')
+const emitUsers = process.argv.includes('--emit-users')
+
+console.log(
+  'Remove SSO linking for users not migrated at institution:',
+  institutionId
+)
+
+async function main() {
+  const result =
+    await SAMLUserIdMigrationHandler.promises.removeNotMigrated(institutionId)
+
+  if (emitUsers) {
+    console.log(
+      `\nRemoved: ${result.success}\nFailed to remove: ${result.failed}`
+    )
+  }
+
+  console.log(
+    `\nRemoved: ${result.success.length}\nFailed to remove: ${result.failed.length}`
+  )
+
+  process.exit()
+}
+
+try {
+  await main()
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/stress_test.mjs b/services/web/scripts/stress_test.mjs
new file mode 100644
index 0000000..64bc9f0
--- /dev/null
+++ b/services/web/scripts/stress_test.mjs
@@ -0,0 +1,442 @@
+import minimist from 'minimist'
+import settings from '@overleaf/settings'
+import ProjectDetailsHandler from '../app/src/Features/Project/ProjectDetailsHandler.js'
+import mongodb from '../app/src/infrastructure/mongodb.js'
+import mongoose from '../app/src/infrastructure/Mongoose.js'
+import fs from 'node:fs'
+import path from 'node:path'
+import crypto from 'node:crypto'
+import fetch from 'node-fetch'
+import http from 'node:http'
+import _ from 'lodash'
+
+const { ObjectId } = mongodb
+
+// Examples:
+//
+// Simple usage:
+// node stress_test.mjs --project-id=ID -n 100 --download-zip # download 100 zips from history-v1
+// node stress_test.mjs --project-id=ID -n 100 --create-blob # create 100 blobs in history-v1
+// node stress_test.mjs --project-id=ID -n 100 --fetch-blob # create blob and fetch it 100 times from history-v1
+// node stress_test.mjs --project-id=ID -n 100 --upload-file # upload 100 files to filestore
+// node stress_test.mjs --project-id=ID -n 100 --download-file # create file in filestore and download it 100 times
+//
+// Delay between requests:
+// node stress_test.mjs --project-id=ID -n 100 --download-zip --sleep=0.1 # download 100 zips from history-v1 with 0.1s sleep
+//
+// Abort requests at random times:
+// node stress_test.mjs --project-id=ID -n 100 --download-zip --abort # download 100 zips from history-v1 with aborts
+//
+// Parallel workers:
+// node stress_test.mjs --project-id=ID -n 1000 -j 10 --upload-file # upload 1000 files in 10 parallel workers
+//
+// Fixed file size:
+// node stress_test.mjs --project-id=ID -n 1000 --size 1000000 --upload-file # upload 1000 files of 1MB in 10 parallel workers
+//
+// Random file size:
+// node stress_test.mjs --project-id=ID -n 1000 --size-min 1024 --size-max 10000000 --upload-file # upload 1000 files of 1KB to 10MB in 10 parallel workers
+
+const argv = minimist(process.argv.slice(2), {
+  string: ['n', 'j', 'project-id', 'sleep', 'size', 'size-min', 'size-max'],
+  boolean: [
+    'download-zip',
+    'create-blob',
+    'fetch-blob',
+    'upload-file',
+    'download-file',
+    'use-file',
+    'abort',
+  ],
+  default: {
+    n: 1,
+    j: 1,
+    sleep: 1,
+    size: 100 * 1024,
+    highWaterMark: 64 * 1024,
+  },
+})
+
+const projectId = argv['project-id']
+if (!projectId) {
+  console.error(
+    'Usage: node stress_test.mjs --project-id ID -n COUNT -j CONCURRENCY --sleep T --size BYTES --use-file --[create-blob|fetch-blob|download-zip|upload-file|download-file]'
+  )
+  process.exit(1)
+}
+
+process.on('exit', () => {
+  log('Exiting')
+})
+
+async function sleep() {
+  const ms = argv.sleep * 1000 * (0.5 + Math.random())
+  return new Promise(resolve => setTimeout(resolve, ms))
+}
+function log(...args) {
+  const date = new Date()
+  console.log(date.toISOString(), ...args)
+}
+
+let abortTime = 1000
+function adjustAbortTime(aborted, dt) {
+  if (!argv.abort) {
+    return
+  }
+  // If the last task was aborted, increase the abort time gradually
+  // Otherwise, reset the abort time to a random fraction of the response time.
+  if (aborted) {
+    abortTime = Math.min(abortTime * 1.5, 10000)
+  } else {
+    abortTime = Math.random() * dt
+  }
+  // Clamp to valid AbortSignal times
+  abortTime = Math.max(1, Math.round(abortTime))
+}
+
+function abortSignal() {
+  if (!argv.abort) {
+    return
+  }
+  return AbortSignal.timeout(abortTime)
+}
+
+async function stressTest(testCase, numberOfRuns, concurrentJobs) {
+  process.on('SIGINT', () => {
+    log('Caught interrupt signal. Running cleanup...')
+    numberOfRuns = 0
+  })
+  let startedTasks = 0
+  let finishedTasks = 0
+  let abortedTasks = 0
+  const periodicLog = _.throttle(log, 1000, { leading: true })
+  const errors = []
+  const { action, cleanup } = testCase
+  const executeTask = async () => {
+    startedTasks++
+    await sleep()
+    const t0 = Date.now()
+    try {
+      await action(abortSignal())
+      finishedTasks++
+      adjustAbortTime(false, Date.now() - t0)
+    } catch (err) {
+      if (err.name === 'AbortError') {
+        abortedTasks++
+        adjustAbortTime(true, Date.now() - t0)
+      } else {
+        errors.push(err)
+        log(startedTasks, err)
+      }
+    } finally {
+      periodicLog(
+        `Completed ${finishedTasks} / Aborted ${abortedTasks} / Errors ${errors.length}`
+      )
+    }
+    if (startedTasks < numberOfRuns) {
+      await executeTask()
+    }
+  }
+  const workers = []
+  for (let i = 0; i < concurrentJobs; i++) {
+    workers.push(executeTask())
+  }
+
+  try {
+    await Promise.all(workers)
+    periodicLog.cancel()
+    log(
+      `Completed ${finishedTasks} / Aborted ${abortedTasks} / Errors ${errors.length}`
+    )
+    log(startedTasks, 'tasks completed')
+    if (cleanup) {
+      log('Cleaning up')
+      try {
+        await cleanup()
+      } catch (err) {
+        log('error cleaning up', err)
+      }
+    }
+  } catch (err) {
+    log('error running stress test', err)
+  }
+  if (errors.length > 0) {
+    log('Errors:', errors.length)
+    throw new Error('Errors')
+  }
+}
+
+function generateRandomBuffer(size) {
+  if (argv['fill-string']) {
+    const buffer = Buffer.alloc(size, argv['fill-string'])
+    // add some randomness at the start to avoid every random buffer being the same
+    buffer.write(crypto.randomUUID())
+    return buffer
+  } else {
+    return Buffer.alloc(size, crypto.randomUUID())
+  }
+}
+
+function computeGitHash(buffer) {
+  const byteLength = buffer.byteLength
+  const hash = crypto.createHash('sha1')
+  hash.setEncoding('hex')
+  hash.update('blob ' + byteLength + '\x00')
+  hash.update(buffer)
+  hash.end()
+  return { hashHex: hash.read(), byteLength }
+}
+
+function computeMD5Hash(buffer) {
+  const hash = crypto.createHash('md5')
+  hash.update(buffer)
+  return hash.digest('hex')
+}
+
+function readableSize(size) {
+  // convert a size in bytes to a human readable string
+  const units = ['B', 'KB', 'MB', 'GB']
+  let i = 0
+  while (size > 1024 && i < units.length) {
+    size /= 1024
+    i++
+  }
+  return `${size.toFixed(2)} ${units[i]}`.trim()
+}
+
+class SizeGenerator {
+  constructor() {
+    if (argv['size-min'] && argv['size-max']) {
+      this.size_min = parseInt(argv['size-min']) || 0
+      this.size_max = parseInt(argv['size-max']) || argv.size
+      log(
+        `File size range [${readableSize(this.size_min)}, ${readableSize(
+          this.size_max
+        )}]`
+      )
+    } else {
+      this.size = parseInt(argv.size)
+      this.fixed = true
+      log('File size', readableSize(this.size))
+    }
+  }
+
+  get() {
+    return this.fixed
+      ? this.size
+      : this.size_min + Math.random() * (this.size_max - this.size_min)
+  }
+}
+
+async function createBlob(projectId) {
+  log('Getting history id')
+  const v1Id = await getHistoryId(projectId)
+  // generate a random blob in a buffer and compute the git hash of the buffer
+  log('Creating test blob')
+  const userSize = new SizeGenerator()
+  async function putBlob(abortSignal) {
+    // create a random buffer and compute its hash
+    const buffer = generateRandomBuffer(userSize.get())
+    const { hashHex, byteLength } = computeGitHash(buffer)
+    // write the buffer to a file for streaming
+    let readStream
+    let filepath
+    if (argv['use-file']) {
+      filepath = path.join('/tmp', `${v1Id}-${hashHex}-${crypto.randomUUID()}`)
+      await fs.promises.writeFile(filepath, buffer)
+      const filestream = fs.createReadStream(filepath, {
+        highWaterMark: argv.highWaterMark,
+      })
+      readStream = filestream
+    } else {
+      filepath = null
+      readStream = buffer
+    }
+    const putUrl = `${settings.apis.v1_history.url}/projects/${v1Id}/blobs/${hashHex}`
+    const options = {
+      method: 'PUT',
+      headers: {
+        'Content-Type': 'application/octet-stream',
+        'Content-Length': byteLength,
+        Authorization: `Basic ${Buffer.from(
+          `${settings.apis.v1_history.user}:${settings.apis.v1_history.pass}`
+        ).toString('base64')}`,
+      },
+    }
+    const req = http.request(putUrl, options)
+    return await new Promise((resolve, reject) => {
+      req.on('error', reject)
+      req.on('response', res => {
+        if (res.statusCode !== 201) {
+          reject(
+            new Error(
+              `failed to put blob ${putUrl} status=${res.statusCode} ${res.statusMessage}`
+            )
+          )
+        } else {
+          resolve({ hashHex, byteLength })
+        }
+      })
+      readStream.pipe(req)
+    })
+  }
+  return { action: putBlob, description: 'createBlob in history-v1' }
+}
+
+async function fetchBlob(projectId) {
+  log('Getting history id and creating test blob')
+  const v1Id = await getHistoryId(projectId)
+  const { action: putBlob } = await createBlob(projectId)
+  const { hashHex, byteLength } = await putBlob()
+  async function getBlob(abortSignal) {
+    const getUrl = `${settings.apis.v1_history.url}/projects/${v1Id}/blobs/${hashHex}`
+    const response = await historyFetch(getUrl, { signal: abortSignal })
+    if (!response.ok) {
+      throw new Error(`failed to get blob ${getUrl} status=${response.status}`)
+    }
+    const buffer = await response.arrayBuffer()
+    if (buffer.byteLength !== byteLength) {
+      throw new Error(
+        `unexpected fetch blob length ${buffer.byteLength} vs expected ${byteLength}`
+      )
+    }
+  }
+  return { action: getBlob, description: 'fetchBlob from history-v1' }
+}
+
+async function getHistoryId(projectId) {
+  const project = await ProjectDetailsHandler.promises.getDetails(projectId)
+  const v1Id = project?.overleaf?.history?.id
+  return v1Id
+}
+
+async function downloadHistoryZip(projectId) {
+  log('Getting history id and latest version')
+  const v1Id = await getHistoryId(projectId)
+  const latestUrl = `${settings.apis.v1_history.url}/projects/${v1Id}/latest/history`
+  let response = await historyFetch(latestUrl)
+  if (!response.ok) {
+    throw new Error(
+      `failed to get latest version ${latestUrl} status=${response.status}`
+    )
+  }
+  const latestBody = await response.json()
+  const version =
+    latestBody.chunk.startVersion + latestBody.chunk.history.changes.length
+  const zipUrl = `${settings.apis.v1_history.url}/projects/${v1Id}/version/${version}/zip`
+  let expectedLength = null
+  async function getZip(abortSignal) {
+    response = await historyFetch(zipUrl, { signal: abortSignal })
+    const responseBuffer = await response.arrayBuffer()
+    if (expectedLength === null) {
+      expectedLength = responseBuffer.byteLength
+    } else if (responseBuffer.byteLength !== expectedLength) {
+      throw new Error(
+        `unexpected zip download length ${responseBuffer.byteLength} vs expected ${expectedLength}`
+      )
+    }
+  }
+  return { action: getZip, description: 'download zip from history-v1' }
+}
+
+async function historyFetch(url, options) {
+  const authHeader = {
+    Authorization: `Basic ${Buffer.from(
+      `${settings.apis.v1_history.user}:${settings.apis.v1_history.pass}`
+    ).toString('base64')}`,
+  }
+  const response = await fetch(url, { ...options, headers: authHeader })
+  if (!response.ok) {
+    throw new Error(`failed to download url ${url} status=${response.status}`)
+  }
+  return response
+}
+
+async function _deleteFile(url, log) {
+  const response = await fetch(url, { method: 'DELETE' })
+  if (!response.ok) {
+    throw new Error(`failed to delete file status=${response.status}`)
+  }
+}
+
+async function uploadFile(projectId) {
+  // generate a random blob in a buffer and compute the md5 hash of the buffer
+  const userSize = new SizeGenerator()
+  async function upload(abortSignal, deleteFile = true) {
+    const size = userSize.get()
+    const buffer = Buffer.alloc(size, crypto.randomUUID())
+    const fileId = new ObjectId()
+    const url = `${settings.apis.filestore.url}/project/${projectId}/file/${fileId}`
+    const md5 = computeMD5Hash(buffer)
+    const response = await fetch(url, {
+      method: 'POST',
+      body: buffer,
+      signal: abortSignal,
+    })
+    if (!response.ok) {
+      throw new Error(`failed to upload file ${url} status=${response.status}`)
+    }
+    if (deleteFile) {
+      await _deleteFile(url)
+    }
+    return { url, md5 }
+  }
+  return { action: upload, description: 'upload file to filestore' }
+}
+
+async function downloadFile(projectId) {
+  log('Creating test file')
+  const { action: upload } = await uploadFile(projectId)
+  const { url, md5: expectedMd5 } = await upload(null, false)
+  async function download(abortSignal) {
+    const response = await fetch(url, {
+      method: 'GET',
+      signal: abortSignal,
+    })
+    if (!response.ok) {
+      throw new Error(`failed to get file ${url} status=${response.status}`)
+    }
+    const md5 = computeMD5Hash(Buffer.from(await response.arrayBuffer()))
+    if (md5 !== expectedMd5) {
+      throw new Error(`md5 mismatch`)
+    }
+  }
+  async function cleanup() {
+    log('Deleting test file')
+    await _deleteFile(url)
+  }
+  return {
+    action: download,
+    cleanup,
+    description: 'download file from filestore',
+  }
+}
+
+async function run() {
+  let testCase
+  if (argv['download-zip']) {
+    testCase = await downloadHistoryZip(projectId)
+  } else if (argv['create-blob']) {
+    testCase = await createBlob(projectId)
+  } else if (argv['fetch-blob']) {
+    testCase = await fetchBlob(projectId)
+  } else if (argv['upload-file']) {
+    testCase = await uploadFile(projectId)
+  } else if (argv['download-file']) {
+    testCase = await downloadFile(projectId)
+  } else {
+    throw new Error('unknown command')
+  }
+  log('Running stress test:', testCase.description)
+  await stressTest(testCase, argv.n, argv.j)
+  log('Stress test done')
+}
+
+try {
+  await Promise.all([mongodb.connectionPromise, mongoose.connectionPromise])
+  await run()
+  log('Completed')
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/suspend_users.mjs b/services/web/scripts/suspend_users.mjs
new file mode 100644
index 0000000..e54fbf8
--- /dev/null
+++ b/services/web/scripts/suspend_users.mjs
@@ -0,0 +1,71 @@
+/*
+ * Read a list of user IDs from a file and suspend their accounts.
+ *
+ * Usage: node scripts/suspend_users.mjs <filename>
+ */
+import fs from 'node:fs'
+import { ObjectId } from '../app/src/infrastructure/mongodb.js'
+import UserUpdater from '../app/src/Features/User/UserUpdater.js'
+import { promiseMapWithLimit } from '@overleaf/promise-utils'
+
+const ASYNC_LIMIT = 10
+
+const processLogger = {
+  failed: [],
+  success: [],
+  printSummary: () => {
+    console.log(
+      {
+        success: processLogger.success,
+        failed: processLogger.failed,
+      },
+      `\nDONE. ${processLogger.success.length} successful. ${processLogger.failed.length} failed to suspend.`
+    )
+  },
+}
+
+function _validateUserIdList(userIds) {
+  if (!Array.isArray(userIds)) throw new Error('users is not an array')
+
+  userIds.forEach(userId => {
+    if (!ObjectId.isValid(userId)) throw new Error('user ID not valid')
+  })
+}
+
+async function _handleUser(userId) {
+  try {
+    await UserUpdater.promises.suspendUser(userId, {
+      ip: '0.0.0.0',
+      info: { script: true },
+    })
+  } catch (error) {
+    console.log(`Failed to suspend ${userId}`, error)
+    processLogger.failed.push(userId)
+    return
+  }
+  processLogger.success.push(userId)
+}
+
+async function _loopUsers(userIds) {
+  return promiseMapWithLimit(ASYNC_LIMIT, userIds, _handleUser)
+}
+
+const fileName = process.argv[2]
+if (!fileName) throw new Error('missing filename')
+const usersFile = fs.readFileSync(fileName, 'utf8')
+const userIds = usersFile
+  .trim()
+  .split('\n')
+  .map(id => id.trim())
+
+async function processUsers(userIds) {
+  console.log('---Starting suspend_users script---')
+  _validateUserIdList(userIds)
+  console.log(`---Starting to process ${userIds.length} users---`)
+  await _loopUsers(userIds)
+
+  processLogger.printSummary()
+  process.exit()
+}
+
+processUsers(userIds)
diff --git a/services/web/scripts/sync-user-entitlements/README.md b/services/web/scripts/sync-user-entitlements/README.md
new file mode 100644
index 0000000..b89b40e
--- /dev/null
+++ b/services/web/scripts/sync-user-entitlements/README.md
@@ -0,0 +1,40 @@
+# Sync User Entitlements
+
+Entitlement information for insitutional (university) sso users is stored in
+both the mongo users collection and the postgres v2_user_universities table.
+The mongo users collection is authoratative but these need to be in sync for
+everything to work properly.
+
+This script takes exports from both mongo and postgres, finds mismatches, and
+then corrects the data in postgres so that it matches mongo.
+
+## Exporting users data from mongo
+
+Follow the directions in `google-ops/README.md` for exporting data from mongo
+and copying the files to your local machine.
+
+Run the following user export command.
+```
+mongoexport --uri $READ_ONLY_MONGO_CONNECTION_STRING --collection users --fields '_id,email,emails,samlIdentifiers' --query '{"samlIdentifiers.providerId": {"$exists": 1}}' --out user-entitlements.json
+```
+
+**Note: this file contains PII and caution must be exercised to insure that it
+is never transferred or stored insecurely and that it is deleted ASAP**
+
+## Exporting data from postgres
+
+Connect to postgres by running `heroku psql -a electric-leaf-4093`
+
+Run the following v2_user_universities export comand.
+```
+\copy (select uu.user_id, uu.email, uu.cached_entitlement, ud.university_id from v2_user_universities uu LEFT JOIN university_domains ud ON uu.university_domain_id = ud.id WHERE uu.removed_at IS NULL) to 'cached-entitlements.csv' with csv;
+```
+
+**Note: this file contains PII and caution must be exercised to insure that it
+is never transferred or stored insecurely and that it is deleted ASAP**
+
+## Run sync
+
+```
+node scripts/sync-user-entitlements/sync-user-entitlements --user-entitlements user-entitlements.json --cached-entitlements cached-entitlements.csv --commit
+```
diff --git a/services/web/scripts/sync-user-entitlements/sync-user-entitlements.mjs b/services/web/scripts/sync-user-entitlements/sync-user-entitlements.mjs
new file mode 100644
index 0000000..72db3e8
--- /dev/null
+++ b/services/web/scripts/sync-user-entitlements/sync-user-entitlements.mjs
@@ -0,0 +1,196 @@
+import fs from 'node:fs'
+import minimist from 'minimist'
+import InstitutionsAPIModule from '../../app/src/Features/Institutions/InstitutionsAPI.js'
+
+const { promises: InstitutionsAPI } = InstitutionsAPIModule
+const argv = minimist(process.argv.slice(2))
+const commit = argv.commit !== undefined
+const ignoreNulls = !!argv['ignore-nulls']
+
+if (!commit) {
+  console.log('DOING DRY RUN. TO SAVE CHANGES PASS --commit')
+}
+
+const userEntitlements = loadUserEntitlements(argv['user-entitlements'])
+const cachedEntitlements = loadCachedEntitlements(argv['cached-entitlements'])
+
+async function syncUserEntitlements(userEntitlements, cachedEntitlements) {
+  // check for user entitlements in mongo but not in postgres
+  for (const key of Object.keys(userEntitlements)) {
+    const userEntitlement = userEntitlements[key]
+    if (!userEntitlement) {
+      continue
+    }
+    // find any email(s) that are linked through sso
+    for (const email of userEntitlement.emails) {
+      if (!email.samlProviderId) {
+        continue
+      }
+      // get samlIdentifiers entry for email
+      const samlIdentifier = userEntitlement.samlIdentifiers.find(
+        samlIdentifier => samlIdentifier.providerId === email.samlProviderId
+      )
+      // validate that entitlement is cached
+      if (samlIdentifier) {
+        const cachedEntitlment = cachedEntitlements[email.email]
+        // validate that record is correct
+        if (cachedEntitlment) {
+          if (
+            cachedEntitlment.hasEntitlement !== samlIdentifier.hasEntitlement
+          ) {
+            console.log(
+              `cached entitlement mismatch for user ${userEntitlement.userId} mongo(${samlIdentifier.hasEntitlement}) postgres(${cachedEntitlment.hasEntitlement})`
+            )
+            await syncUserEntitlement(
+              userEntitlement.userId,
+              email.email,
+              samlIdentifier.hasEntitlement
+            )
+          }
+        }
+        // there is not record in postgres at all
+        else {
+          console.log(
+            `missing cached entitlement for user ${userEntitlement.userId}`
+          )
+          await syncUserEntitlement(
+            userEntitlement.userId,
+            email.email,
+            samlIdentifier.hasEntitlement
+          )
+        }
+      }
+      // if identifier is missing for email this is internal inconsistency in mongo
+      else {
+        console.log(`missing samlIdentifier for user ${userEntitlement.userId}`)
+      }
+    }
+
+    // find any samlIdentifier records missing email entry
+    for (const samlIdentifier of userEntitlement.samlIdentifiers) {
+      const email = userEntitlement.emails.find(
+        email => email.samlProviderId === samlIdentifier.providerId
+      )
+      if (!email) {
+        console.log(
+          `missing email entry for samlIdentifier for user ${userEntitlement.userId}`
+        )
+      }
+    }
+  }
+
+  // check for user entitlements in postgres but not in mongo
+  for (const key of Object.keys(cachedEntitlements)) {
+    const cachedEntitlment = cachedEntitlements[key]
+    if (!cachedEntitlment) {
+      continue
+    }
+    if (!cachedEntitlment.hasEntitlement) {
+      continue
+    }
+    const userEntitlement = userEntitlements[cachedEntitlment.userId]
+    // validate that mongo has correct entitlement
+    if (userEntitlement) {
+      // find samlIdentifier for provider
+      const samlIdentifier = userEntitlement.samlIdentifiers.find(
+        samlIdentifier =>
+          samlIdentifier.providerId === cachedEntitlment.providerId
+      )
+      if (!samlIdentifier || !samlIdentifier.hasEntitlement) {
+        console.log(
+          `cached entitlement mismatch for user ${userEntitlement.userId} mongo(false) postgres(true)`
+        )
+        await syncUserEntitlement(
+          userEntitlement.userId,
+          cachedEntitlment.email,
+          false
+        )
+      }
+    }
+    // if the record does not exist it is probably because users without
+    // entitlements were not exported
+    else {
+      console.log(
+        `missing cached entitlement in mongo for user ${cachedEntitlment.userId}`
+      )
+    }
+  }
+}
+
+async function syncUserEntitlement(userId, email, hasEntitlement) {
+  if (!commit) {
+    return
+  }
+  try {
+    if (hasEntitlement) {
+      await InstitutionsAPI.addEntitlement(userId, email)
+    } else {
+      await InstitutionsAPI.removeEntitlement(userId, email)
+    }
+  } catch (err) {
+    console.error(
+      `error setting entitlement: ${userId}, ${email}, ${hasEntitlement} - ${err.message}`
+    )
+  }
+}
+
+function loadUserEntitlements(userEntitlementsFilename) {
+  const userEntitlementsData = fs
+    .readFileSync(userEntitlementsFilename, {
+      encoding: 'utf8',
+    })
+    .split('\n')
+
+  const userEntitlements = {}
+
+  for (const userEntitlementLine of userEntitlementsData) {
+    if (!userEntitlementLine) {
+      continue
+    }
+    const userEntitlementExport = JSON.parse(userEntitlementLine)
+    const userId = userEntitlementExport._id.$oid
+    delete userEntitlementExport._id
+    userEntitlementExport.userId = userId
+    userEntitlements[userId] = userEntitlementExport
+  }
+
+  return userEntitlements
+}
+
+function loadCachedEntitlements(cachedEntitlementsFilename) {
+  const cachedEntitlementsData = fs
+    .readFileSync(cachedEntitlementsFilename, {
+      encoding: 'utf8',
+    })
+    .split('\n')
+
+  const cachedEntitlements = {}
+
+  for (const cachedEntitlementLine of cachedEntitlementsData) {
+    // this is safe because comma is not an allowed value for any column
+    const [userId, email, hasEntitlement, providerId] =
+      cachedEntitlementLine.split(',')
+    let hasEntitlementBoolean
+    if (ignoreNulls) {
+      hasEntitlementBoolean = hasEntitlement === 't'
+    } else {
+      hasEntitlementBoolean =
+        hasEntitlement === 't' ? true : hasEntitlement === 'f' ? false : null
+    }
+    cachedEntitlements[email] = {
+      email,
+      hasEntitlement: hasEntitlementBoolean,
+      providerId,
+      userId,
+    }
+  }
+
+  return cachedEntitlements
+}
+
+try {
+  await syncUserEntitlements(userEntitlements, cachedEntitlements)
+} catch (error) {
+  console.error(error.stack)
+}
+process.exit()
diff --git a/services/web/scripts/translations/.gitignore b/services/web/scripts/translations/.gitignore
new file mode 100644
index 0000000..d252090
--- /dev/null
+++ b/services/web/scripts/translations/.gitignore
@@ -0,0 +1,5 @@
+node_modules
+
+.cache
+
+translated-keys-to-upload
diff --git a/services/web/scripts/translations/Dockerfile b/services/web/scripts/translations/Dockerfile
new file mode 100644
index 0000000..e033989
--- /dev/null
+++ b/services/web/scripts/translations/Dockerfile
@@ -0,0 +1,7 @@
+FROM node:20.18.2
+
+WORKDIR /app/scripts/translations
+
+COPY . /app/scripts/translations/
+
+RUN npm ci --quiet
diff --git a/services/web/scripts/translations/checkCoverage.js b/services/web/scripts/translations/checkCoverage.js
new file mode 100644
index 0000000..01b3111
--- /dev/null
+++ b/services/web/scripts/translations/checkCoverage.js
@@ -0,0 +1,41 @@
+import fs from 'fs'
+import Path from 'path'
+import { fileURLToPath } from 'node:url'
+import { loadLocale } from './utils.js'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+const LOCALES = Path.join(__dirname, '../../locales')
+const SORT_BY_PROGRESS = process.argv.includes('--sort-by-progress')
+
+function count(language) {
+  const locale = loadLocale(language)
+  return Object.keys(locale).length
+}
+
+async function main() {
+  const EN = count('en')
+  const rows = []
+
+  for (const file of await fs.promises.readdir(LOCALES)) {
+    if (file === 'README.md') continue
+    const name = file.replace('.json', '')
+    const n = count(name)
+    rows.push({
+      name,
+      done: n,
+      missing: EN - n,
+      progress: ((100 * n) / EN).toFixed(2).padStart(5, ' ') + '%',
+    })
+  }
+  if (SORT_BY_PROGRESS) {
+    rows.sort((a, b) => b.done - a.done)
+  }
+  console.table(rows)
+}
+
+try {
+  await main()
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/translations/checkSanitizeOptions.js b/services/web/scripts/translations/checkSanitizeOptions.js
new file mode 100644
index 0000000..014f698
--- /dev/null
+++ b/services/web/scripts/translations/checkSanitizeOptions.js
@@ -0,0 +1,43 @@
+import Path from 'path'
+import fs from 'fs'
+import Senitize from './sanitize.js'
+import { fileURLToPath } from 'node:url'
+import { loadLocale } from './utils.js'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+const { sanitize } = Senitize
+
+async function main() {
+  let ok = true
+  const base = Path.join(__dirname, '/../../locales')
+  for (const name of await fs.promises.readdir(base)) {
+    if (name === 'README.md') continue
+    const language = name.replace('.json', '')
+    const locales = loadLocale(language)
+
+    for (const key of Object.keys(locales)) {
+      const want = locales[key]
+      const got = sanitize(locales[key])
+      if (got !== want) {
+        if (want === 'Editor & PDF' && got === 'Editor &amp; PDF') {
+          // Ignore this mismatch. React cannot handle escaped labels.
+          continue
+        }
+        ok = false
+        console.warn(`${name}: ${key}: want: ${want}`)
+        console.warn(`${name}: ${key}:  got: ${got}`)
+      }
+    }
+  }
+  if (!ok) {
+    throw new Error('Check the logs, some values changed.')
+  }
+}
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/translations/checkVariables.js b/services/web/scripts/translations/checkVariables.js
new file mode 100644
index 0000000..bde0af9
--- /dev/null
+++ b/services/web/scripts/translations/checkVariables.js
@@ -0,0 +1,87 @@
+import fs from 'fs'
+import Path from 'path'
+import { fileURLToPath } from 'node:url'
+import { loadLocale } from './utils.js'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+const GLOBALS = ['__appName__']
+const LOCALES = Path.join(__dirname, '../../locales')
+const baseLocale = loadLocale('en')
+const baseLocaleKeys = Object.keys(baseLocale)
+
+const IGNORE_ORPHANED_TRANSLATIONS = process.argv.includes(
+  '--ignore-orphaned-translations'
+)
+
+const IGNORE_NESTING_FOR = {
+  over_x_templates_easy_getting_started: ['__templates__'],
+  all_packages_and_templates: ['__templatesLink__'],
+}
+
+function fetchKeys(str) {
+  const matches = str.matchAll(/__.*?__/g)
+  if (matches.length === 0) {
+    return []
+  }
+  return Array.from(matches).map(match => match[0])
+}
+
+function difference(key, base, target) {
+  const nesting = IGNORE_NESTING_FOR[key] || []
+  const keysInBaseButNotInTarget = base.filter(
+    key => !target.includes(key) && !nesting.includes(key)
+  )
+  const keysInTargetButNotInBase = target.filter(
+    key => !base.includes(key) && !GLOBALS.includes(key)
+  )
+  return {
+    keysInBaseButNotInTarget,
+    keysInTargetButNotInBase,
+  }
+}
+
+let violations = 0
+for (const localeName of fs.readdirSync(LOCALES)) {
+  if (localeName === 'README.md') continue
+  const locale = loadLocale(localeName.replace('.json', ''))
+
+  for (const key of Object.keys(locale)) {
+    if (!baseLocaleKeys.includes(key)) {
+      if (IGNORE_ORPHANED_TRANSLATIONS) continue
+      violations += 1
+      console.warn(`[${localeName}] Orphaned key "${key}" not found in en.json`)
+      continue
+    }
+
+    const keysInTranslation = fetchKeys(locale[key])
+    const keysInBase = fetchKeys(baseLocale[key])
+    const { keysInBaseButNotInTarget, keysInTargetButNotInBase } = difference(
+      key,
+      keysInBase,
+      keysInTranslation
+    )
+    if (keysInBaseButNotInTarget.length) {
+      violations += keysInBaseButNotInTarget.length
+      console.warn(
+        `[${localeName}] Missing variables in key "${key}":`,
+        keysInBaseButNotInTarget
+      )
+    }
+    if (keysInTargetButNotInBase.length) {
+      violations += keysInTargetButNotInBase.length
+      console.warn(
+        `[${localeName}] Extra variables in key   "${key}":`,
+        keysInTargetButNotInBase
+      )
+    }
+  }
+}
+
+if (violations) {
+  console.warn('Variables are not in sync between translations.')
+  process.exit(1)
+} else {
+  console.log('Variables are in sync.')
+  process.exit(0)
+}
diff --git a/services/web/scripts/translations/cleanupUnusedLocales.js b/services/web/scripts/translations/cleanupUnusedLocales.js
new file mode 100644
index 0000000..e3d4d85
--- /dev/null
+++ b/services/web/scripts/translations/cleanupUnusedLocales.js
@@ -0,0 +1,165 @@
+import fs from 'fs'
+import Path from 'path'
+import { execSync } from 'child_process'
+import { fileURLToPath } from 'node:url'
+import { loadLocale } from './utils.js'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+const EN_JSON = Path.join(__dirname, '../../locales/en.json')
+const CHECK = process.argv.includes('--check')
+const SYNC_NON_EN = process.argv.includes('--sync-non-en')
+
+const COUNT_SUFFIXES = [
+  '_plural',
+  '_zero',
+  '_one',
+  '_two',
+  '_few',
+  '_many',
+  '_other',
+]
+
+async function main() {
+  const locales = loadLocale('en')
+
+  const src = execSync(
+    // - find all the app source files in web
+    //   - exclude data files
+    //   - exclude list of locales used in frontend
+    //   - exclude locales files
+    //   - exclude public assets
+    //   - exclude third-party dependencies
+    //   - exclude scripts
+    //   - exclude tests
+    // - read all the source files
+    `
+    find . -type f \
+      -not -path './cypress/results/*' \
+      -not -path './data/*' \
+      -not -path './frontend/extracted-translations.json' \
+      -not -path './locales/*' \
+      -not -path './public/*' \
+      -not -path '*/node_modules/*' \
+      -not -path '*/scripts/*' \
+      -not -path '*/tests/*' \
+      -exec cat {} +
+    `,
+    {
+      // run from services/web directory
+      cwd: Path.join(__dirname, '../../'),
+      // 1GB
+      maxBuffer: 1024 * 1024 * 1024,
+      // Docs: https://nodejs.org/docs/latest-v16.x/api/child_process.html#child_process_options_stdio
+      // Entries are [stdin, stdout, stderr]
+      stdio: ['ignore', 'pipe', 'inherit'],
+    }
+  ).toString()
+
+  const found = new Set([
+    // Month names
+    'january',
+    'february',
+    'march',
+    'april',
+    'may',
+    'june',
+    'july',
+    'august',
+    'september',
+    'october',
+    'november',
+    'december',
+
+    // Notifications created in third-party-datastore
+    'dropbox_email_not_verified',
+    'dropbox_unlinked_because_access_denied',
+    'dropbox_unlinked_because_full',
+
+    // Actually used without the spurious space.
+    // TODO: fix the space and upload the changed locales
+    'the_file_supplied_is_of_an_unsupported_type ',
+  ])
+  const matcher = new RegExp(
+    `\\b(${Object.keys(locales)
+      // Sort by length in descending order to match long, compound keys with
+      //  special characters (space or -) before short ones.
+      // Examples:
+      // - `\b(x|x-and-y)\b` will match `t('x-and-y')` as 'x'.
+      //    This is leaving 'x-and-y' as seemingly unused. Doh!
+      // - `\b(x-and-y|x)\b` will match `t('x-and-y')` as 'x-and-y'. Yay!
+      .sort((a, b) => (a.length < b.length ? 1 : -1))
+      .join('|')})\\b`,
+    'g'
+  )
+  let m
+  while ((m = matcher.exec(src))) {
+    found.add(m[0])
+    for (const suffix of COUNT_SUFFIXES) {
+      found.add(m[0] + suffix)
+    }
+  }
+
+  const unusedKeys = []
+  for (const key of Object.keys(locales)) {
+    if (!found.has(key)) {
+      unusedKeys.push(key)
+    }
+  }
+
+  if (SYNC_NON_EN) {
+    if (CHECK) {
+      throw new Error('--check is incompatible with --sync-non-en')
+    }
+    const LOCALES = Path.join(__dirname, '../../locales')
+    for (const name of await fs.promises.readdir(LOCALES)) {
+      if (name === 'README.md') continue
+      if (name === 'en.json') continue
+      const path = Path.join(LOCALES, name)
+      const locales = loadLocale(name.replace('.json', ''))
+      for (const key of Object.keys(locales)) {
+        if (!found.has(key)) {
+          delete locales[key]
+        }
+      }
+      const sorted =
+        JSON.stringify(locales, Object.keys(locales).sort(), 2) + '\n'
+      await fs.promises.writeFile(path, sorted)
+    }
+  }
+
+  if (unusedKeys.length === 0) {
+    return
+  }
+
+  console.warn('---')
+  console.warn(
+    `Found ${unusedKeys.length} unused translations keys:\n${unusedKeys
+      .map(s => ` - '${s}'`)
+      .join('\n')}`
+  )
+  console.warn('---')
+
+  if (CHECK) {
+    console.warn('---')
+    console.warn(
+      'Try running:\n\n',
+      '   web$ make cleanup_unused_locales',
+      '\n'
+    )
+    console.warn('---')
+    throw new Error('found unused translations keys')
+  }
+  console.log('Deleting unused translations keys')
+  for (const key of unusedKeys) {
+    delete locales[key]
+  }
+  const sorted = JSON.stringify(locales, Object.keys(locales).sort(), 2) + '\n'
+  await fs.promises.writeFile(EN_JSON, sorted)
+}
+
+try {
+  await main()
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/translations/config.js b/services/web/scripts/translations/config.js
new file mode 100644
index 0000000..25cda68
--- /dev/null
+++ b/services/web/scripts/translations/config.js
@@ -0,0 +1,35 @@
+import fs from 'fs'
+import Path from 'path'
+import { fileURLToPath } from 'url'
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+const ONESKY_SETTING_PATH = Path.join(__dirname, '../../data/onesky.json')
+let userOptions
+try {
+  userOptions = JSON.parse(fs.readFileSync(ONESKY_SETTING_PATH))
+} catch (err) {
+  if (err.code !== 'ENOENT') throw err
+  if (!process.env.ONE_SKY_PUBLIC_KEY) {
+    console.error(
+      'Cannot detect onesky credentials.\n\tDevelopers: see the docs at',
+      'https://github.com/overleaf/developer-manual/blob/master/code/translations.md#testing-translations-scripts',
+      '\n\tOps: environment variable ONE_SKY_PUBLIC_KEY is not set'
+    )
+    process.exit(1)
+  }
+}
+
+function withAuth(options) {
+  return Object.assign(
+    options,
+    {
+      apiKey: process.env.ONE_SKY_PUBLIC_KEY,
+      secret: process.env.ONE_SKY_PRIVATE_KEY,
+      projectId: '25049',
+    },
+    userOptions
+  )
+}
+
+export default {
+  withAuth,
+}
diff --git a/services/web/scripts/translations/docker-compose.yml b/services/web/scripts/translations/docker-compose.yml
new file mode 100644
index 0000000..c098a82
--- /dev/null
+++ b/services/web/scripts/translations/docker-compose.yml
@@ -0,0 +1,12 @@
+version: "2.3"
+
+services:
+  onesky-client-jail:
+    build: .
+    volumes:
+      # NOTE: Limit code access with targeted bind mount:
+      # Give it read-and-write access to the locales.
+      - ../../locales:/app/locales:rw
+    environment:
+      - ONE_SKY_PUBLIC_KEY
+      - ONE_SKY_PRIVATE_KEY
diff --git a/services/web/scripts/translations/download.js b/services/web/scripts/translations/download.js
new file mode 100644
index 0000000..8233516
--- /dev/null
+++ b/services/web/scripts/translations/download.js
@@ -0,0 +1,59 @@
+import path from 'path'
+import { promises as fs } from 'fs'
+import oneSky from '@brainly/onesky-utils'
+import Sanitize from './sanitize.js'
+import Config from './config.js'
+import { fileURLToPath } from 'url'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+const { sanitize } = Sanitize
+const { withAuth } = Config
+
+async function run() {
+  // The recommended OneSky set-up appears to require an API request to
+  // generate files on their side, which you could then request and use. We
+  // only have 1 such file that appears to be misnamed (en-US, despite our
+  // translations being marked as GB) and very out-of-date.
+  // However by requesting the "multilingual file" for this file, we get all
+  // of the translations
+  const content = await oneSky.getMultilingualFile(
+    withAuth({
+      fileName: 'en-US.json',
+    })
+  )
+  const json = JSON.parse(content)
+
+  for (const [code, lang] of Object.entries(json)) {
+    if (code === 'en-GB') {
+      // OneSky does not have read-after-write consistency.
+      // Skip the dump of English locales, which may not include locales
+      //  that were just uploaded.
+      continue
+    }
+
+    for (let [key, value] of Object.entries(lang.translation)) {
+      // Handle multi-line strings as arrays by joining on newline
+      if (Array.isArray(value)) {
+        value = value.join('\n')
+      }
+      lang.translation[key] = sanitize(value)
+    }
+
+    await fs.writeFile(
+      path.join(__dirname, `/../../locales/${code}.json`),
+      JSON.stringify(
+        lang.translation,
+        Object.keys(lang.translation).sort(),
+        2
+      ) + '\n'
+    )
+  }
+}
+
+try {
+  await run()
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/translations/insertHTMLFragments.js b/services/web/scripts/translations/insertHTMLFragments.js
new file mode 100644
index 0000000..462a9d5
--- /dev/null
+++ b/services/web/scripts/translations/insertHTMLFragments.js
@@ -0,0 +1,63 @@
+/*
+ This script will aid the process of inserting HTML fragments into all the
+  locales.
+ We are migrating from
+    locale: 'PRE __key1__ POST'
+    pug: translate(localeKey, { key1: '<b>VALUE</b>' })
+ to
+    locale: 'PRE <0>__key1__</0> POST'
+    pug: translate(localeKey, { key1: 'VALUE' }, ['b'])
+
+
+ MAPPING entries:
+  localeKey: ['key1', 'key2']
+  click_here_to_view_sl_in_lng: ['lngName']
+ */
+import TransformLocales from './transformLocales.js'
+import { fileURLToPath } from 'url'
+
+const MAPPING = {
+  support_lots_of_features: ['help_guides_link'],
+  nothing_to_install_ready_to_go: ['start_now'],
+  all_packages_and_templates: ['templatesLink'],
+  github_merge_failed: ['sharelatex_branch', 'master_branch'],
+  kb_suggestions_enquiry: ['kbLink'],
+  sure_you_want_to_restore_before: ['filename'],
+  you_have_added_x_of_group_size_y: ['addedUsersSize', 'groupSize'],
+  x_price_per_month: ['price'],
+  x_price_per_year: ['price'],
+  x_price_for_first_month: ['price'],
+  x_price_for_first_year: ['price'],
+  sure_you_want_to_change_plan: ['planName'],
+  subscription_canceled_and_terminate_on_x: ['terminateDate'],
+  next_payment_of_x_collectected_on_y: ['paymentAmmount', 'collectionDate'],
+  currently_subscribed_to_plan: ['planName'],
+  recurly_email_update_needed: ['recurlyEmail', 'userEmail'],
+  change_to_annual_billing_and_save: ['percentage', 'yearlySaving'],
+  project_ownership_transfer_confirmation_1: ['user', 'project'],
+  you_introed_high_number: ['numberOfPeople'],
+  you_introed_small_number: ['numberOfPeople'],
+  click_here_to_view_sl_in_lng: ['lngName'],
+}
+
+function transformLocale(locale, components) {
+  components.forEach((key, idx) => {
+    const i18nKey = `__${key}__`
+    const replacement = `<${idx}>${i18nKey}</${idx}>`
+    if (!locale.includes(replacement)) {
+      locale = locale.replace(new RegExp(i18nKey, 'g'), replacement)
+    }
+  })
+  return locale
+}
+
+function main() {
+  TransformLocales.transformLocales(MAPPING, transformLocale)
+}
+
+if (
+  fileURLToPath(import.meta.url).replace(/\.js$/, '') ===
+  process.argv[1].replace(/\.js$/, '')
+) {
+  main()
+}
diff --git a/services/web/scripts/translations/package-lock.json b/services/web/scripts/translations/package-lock.json
new file mode 100644
index 0000000..ea4c983
--- /dev/null
+++ b/services/web/scripts/translations/package-lock.json
@@ -0,0 +1,915 @@
+{
+  "name": "translations",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "dependencies": {
+        "@brainly/onesky-utils": "https://github.com/overleaf/nodejs-onesky-utils/archive/main.tar.gz",
+        "node-fetch": "^2.7.0",
+        "sanitize-html": "^2.12.1",
+        "yargs": "^17.7.2"
+      }
+    },
+    "node_modules/@brainly/onesky-utils": {
+      "version": "1.4.2",
+      "resolved": "https://github.com/overleaf/nodejs-onesky-utils/archive/main.tar.gz",
+      "integrity": "sha512-B4mNrHXvR7ZHf2we+dtGa8ME/8rqHWWM5m05LzcpVAUpIQTxFL+vPsBzis7grVu5TgXlII481stj/68+YIRgPA==",
+      "license": "MIT",
+      "dependencies": {
+        "md5": "^2.0.0",
+        "request": "^2.88.0",
+        "request-promise": "^4.2.2"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.3",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.3.tgz",
+      "integrity": "sha512-4K0cK3L1hsqk9xIb2z9vs/XU+PGJZ9PNpJRDS9YLzmNdX6jmVPfamLvTJr0aDAusnHyCHO6MjzlkAsgtqp9teA==",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/asn1": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.4.tgz",
+      "integrity": "sha512-jxwzQpLQjSmWXgwaCZE9Nz+glAG01yF1QnWgbhGwHI5A6FRIEY6IVqtHhIepHqI7/kyEyQEagBC5mBEFlIYvdg==",
+      "dependencies": {
+        "safer-buffer": "~2.1.0"
+      }
+    },
+    "node_modules/assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assert-plus/-/assert-plus-1.0.0.tgz",
+      "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k="
+    },
+    "node_modules/aws-sign2": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npmjs.org/aws-sign2/-/aws-sign2-0.7.0.tgz",
+      "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/aws4": {
+      "version": "1.10.1",
+      "resolved": "https://registry.npmjs.org/aws4/-/aws4-1.10.1.tgz",
+      "integrity": "sha512-zg7Hz2k5lI8kb7U32998pRRFin7zJlkfezGJjUc2heaD4Pw2wObakCDVzkKztTm/Ln7eiVvYsjqak0Ed4LkMDA=="
+    },
+    "node_modules/bcrypt-pbkdf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
+      "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=",
+      "dependencies": {
+        "tweetnacl": "^0.14.3"
+      }
+    },
+    "node_modules/bluebird": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.7.2.tgz",
+      "integrity": "sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg=="
+    },
+    "node_modules/caseless": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
+      "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw="
+    },
+    "node_modules/charenc": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/charenc/-/charenc-0.0.2.tgz",
+      "integrity": "sha1-wKHS86cJLgN3S/qD8UwPxXkKhmc=",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.2.tgz",
+      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac="
+    },
+    "node_modules/crypt": {
+      "version": "0.0.2",
+      "resolved": "https://registry.npmjs.org/crypt/-/crypt-0.0.2.tgz",
+      "integrity": "sha1-iNf/fsDfuG9xPch7u0LQRNPmxBs=",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/dashdash": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npmjs.org/dashdash/-/dashdash-1.14.1.tgz",
+      "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
+      "dependencies": {
+        "assert-plus": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/deepmerge": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
+      "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/dom-serializer": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/dom-serializer/-/dom-serializer-2.0.0.tgz",
+      "integrity": "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==",
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.2",
+        "entities": "^4.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/cheeriojs/dom-serializer?sponsor=1"
+      }
+    },
+    "node_modules/domelementtype": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/domelementtype/-/domelementtype-2.3.0.tgz",
+      "integrity": "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ]
+    },
+    "node_modules/domhandler": {
+      "version": "5.0.3",
+      "resolved": "https://registry.npmjs.org/domhandler/-/domhandler-5.0.3.tgz",
+      "integrity": "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==",
+      "dependencies": {
+        "domelementtype": "^2.3.0"
+      },
+      "engines": {
+        "node": ">= 4"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domhandler?sponsor=1"
+      }
+    },
+    "node_modules/domutils": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/domutils/-/domutils-3.1.0.tgz",
+      "integrity": "sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==",
+      "dependencies": {
+        "dom-serializer": "^2.0.0",
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/domutils?sponsor=1"
+      }
+    },
+    "node_modules/ecc-jsbn": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
+      "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=",
+      "dependencies": {
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.1.0"
+      }
+    },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.1.tgz",
+      "integrity": "sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+    },
+    "node_modules/extsprintf": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/extsprintf/-/extsprintf-1.3.0.tgz",
+      "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=",
+      "engines": [
+        "node >=0.6.0"
+      ]
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="
+    },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="
+    },
+    "node_modules/forever-agent": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
+      "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/form-data": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-2.3.3.tgz",
+      "integrity": "sha512-1lLKB2Mu3aGP1Q/2eCOx0fNbRMe7XdwktwOruhfqqd0rIJWwN4Dh+E3hrPSlDCXnSR7UtZ1N38rVXm+6+MEhJQ==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.6",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 0.12"
+      }
+    },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/getpass": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/getpass/-/getpass-0.1.7.tgz",
+      "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
+      "dependencies": {
+        "assert-plus": "^1.0.0"
+      }
+    },
+    "node_modules/har-schema": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/har-schema/-/har-schema-2.0.0.tgz",
+      "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=",
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/har-validator": {
+      "version": "5.1.5",
+      "resolved": "https://registry.npmjs.org/har-validator/-/har-validator-5.1.5.tgz",
+      "integrity": "sha512-nmT2T0lljbxdQZfspsno9hgrG3Uir6Ks5afism62poxqBM6sDnMEuPmzTq8XN0OEwqKLLdh1jQI3qyE66Nzb3w==",
+      "deprecated": "this library is no longer supported",
+      "dependencies": {
+        "ajv": "^6.12.3",
+        "har-schema": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/htmlparser2": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/htmlparser2/-/htmlparser2-8.0.2.tgz",
+      "integrity": "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA==",
+      "funding": [
+        "https://github.com/fb55/htmlparser2?sponsor=1",
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/fb55"
+        }
+      ],
+      "dependencies": {
+        "domelementtype": "^2.3.0",
+        "domhandler": "^5.0.3",
+        "domutils": "^3.0.1",
+        "entities": "^4.4.0"
+      }
+    },
+    "node_modules/http-signature": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/http-signature/-/http-signature-1.2.0.tgz",
+      "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=",
+      "dependencies": {
+        "assert-plus": "^1.0.0",
+        "jsprim": "^1.2.2",
+        "sshpk": "^1.7.0"
+      },
+      "engines": {
+        "node": ">=0.8",
+        "npm": ">=1.3.7"
+      }
+    },
+    "node_modules/is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
+    },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-plain-object": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-typedarray/-/is-typedarray-1.0.0.tgz",
+      "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo="
+    },
+    "node_modules/isstream": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/isstream/-/isstream-0.1.2.tgz",
+      "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo="
+    },
+    "node_modules/jsbn": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz",
+      "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM="
+    },
+    "node_modules/json-schema": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.4.0.tgz",
+      "integrity": "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA=="
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="
+    },
+    "node_modules/json-stringify-safe": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz",
+      "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus="
+    },
+    "node_modules/jsprim": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npmjs.org/jsprim/-/jsprim-1.4.2.tgz",
+      "integrity": "sha512-P2bSOMAc/ciLz6DzgjVlGJP9+BrJWu5UDGK70C2iweC5QBIeFf0ZXRvGjEj2uYgrY2MkAAhsSWHDWlFtEroZWw==",
+      "dependencies": {
+        "assert-plus": "1.0.0",
+        "extsprintf": "1.3.0",
+        "json-schema": "0.4.0",
+        "verror": "1.10.0"
+      },
+      "engines": {
+        "node": ">=0.6.0"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+    },
+    "node_modules/md5": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/md5/-/md5-2.3.0.tgz",
+      "integrity": "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g==",
+      "dependencies": {
+        "charenc": "0.0.2",
+        "crypt": "0.0.2",
+        "is-buffer": "~1.1.6"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.44.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.44.0.tgz",
+      "integrity": "sha512-/NOTfLrsPBVeH7YtFPgsVWveuL+4SjjYxaQ1xtM1KMFj7HdxlBlxeyNLzhyJVx7r4rZGJAZ/6lkKCitSc/Nmpg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.27",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.27.tgz",
+      "integrity": "sha512-JIhqnCasI9yD+SsmkquHBxTSEuZdQX5BuQnS2Vc7puQQQ+8yiP5AY5uWhpdv4YL4VM5c6iliiYWPgJ/nJQLp7w==",
+      "dependencies": {
+        "mime-db": "1.44.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/oauth-sign": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npmjs.org/oauth-sign/-/oauth-sign-0.9.0.tgz",
+      "integrity": "sha512-fexhUFFPTGV8ybAtSIGbV6gOkSv8UtRbDBnAyLQw4QPKkgNlsH2ByPGtMUqdWkos6YCRmAqViwgZrJc/mRDzZQ==",
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/parse-srcset": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/parse-srcset/-/parse-srcset-1.0.2.tgz",
+      "integrity": "sha1-8r0iH2zJcKk42IVWq8WJyqqiveE="
+    },
+    "node_modules/performance-now": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
+      "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns="
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+    },
+    "node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/psl": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/psl/-/psl-1.8.0.tgz",
+      "integrity": "sha512-RIdOzyoavK+hA18OGGWDqUTsCLhtA7IcZ/6NCs4fFJaHBDab+pDDmDIByWFRQJq2Cd7r1OoQxBGKOaztq+hjIQ=="
+    },
+    "node_modules/punycode": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
+      "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.5.3",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.5.3.tgz",
+      "integrity": "sha512-qxXIEh4pCGfHICj1mAJQ2/2XVZkjCDTcEgfoSQxc/fYivUZxTkk7L3bDBJSoNrEzXI17oUO5Dp07ktqE5KzczA==",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/request": {
+      "version": "2.88.2",
+      "resolved": "https://registry.npmjs.org/request/-/request-2.88.2.tgz",
+      "integrity": "sha512-MsvtOrfG9ZcrOwAW+Qi+F6HbD0CWXEh9ou77uOb7FM2WPhwT7smM833PzanhJLsgXjN89Ir6V2PczXNnMpwKhw==",
+      "deprecated": "request has been deprecated, see https://github.com/request/request/issues/3142",
+      "dependencies": {
+        "aws-sign2": "~0.7.0",
+        "aws4": "^1.8.0",
+        "caseless": "~0.12.0",
+        "combined-stream": "~1.0.6",
+        "extend": "~3.0.2",
+        "forever-agent": "~0.6.1",
+        "form-data": "~2.3.2",
+        "har-validator": "~5.1.3",
+        "http-signature": "~1.2.0",
+        "is-typedarray": "~1.0.0",
+        "isstream": "~0.1.2",
+        "json-stringify-safe": "~5.0.1",
+        "mime-types": "~2.1.19",
+        "oauth-sign": "~0.9.0",
+        "performance-now": "^2.1.0",
+        "qs": "~6.5.2",
+        "safe-buffer": "^5.1.2",
+        "tough-cookie": "~2.5.0",
+        "tunnel-agent": "^0.6.0",
+        "uuid": "^3.3.2"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/request-promise": {
+      "version": "4.2.6",
+      "resolved": "https://registry.npmjs.org/request-promise/-/request-promise-4.2.6.tgz",
+      "integrity": "sha512-HCHI3DJJUakkOr8fNoCc73E5nU5bqITjOYFMDrKHYOXWXrgD/SBaC7LjwuPymUprRyuF06UK7hd/lMHkmUXglQ==",
+      "deprecated": "request-promise has been deprecated because it extends the now deprecated request package, see https://github.com/request/request/issues/3142",
+      "dependencies": {
+        "bluebird": "^3.5.0",
+        "request-promise-core": "1.1.4",
+        "stealthy-require": "^1.1.1",
+        "tough-cookie": "^2.3.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "peerDependencies": {
+        "request": "^2.34"
+      }
+    },
+    "node_modules/request-promise-core": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/request-promise-core/-/request-promise-core-1.1.4.tgz",
+      "integrity": "sha512-TTbAfBBRdWD7aNNOoVOBH4pN/KigV6LyapYNNlAPA8JwbovRti1E88m3sYAwsLi5ryhPKsE9APwnjFTgdUjTpw==",
+      "dependencies": {
+        "lodash": "^4.17.19"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      },
+      "peerDependencies": {
+        "request": "^2.34"
+      }
+    },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ]
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="
+    },
+    "node_modules/sanitize-html": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/sanitize-html/-/sanitize-html-2.12.1.tgz",
+      "integrity": "sha512-Plh+JAn0UVDpBRP/xEjsk+xDCoOvMBwQUf/K+/cBAVuTbtX8bj2VB7S1sL1dssVpykqp0/KPSesHrqXtokVBpA==",
+      "dependencies": {
+        "deepmerge": "^4.2.2",
+        "escape-string-regexp": "^4.0.0",
+        "htmlparser2": "^8.0.0",
+        "is-plain-object": "^5.0.0",
+        "parse-srcset": "^1.0.2",
+        "postcss": "^8.3.11"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sshpk": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npmjs.org/sshpk/-/sshpk-1.16.1.tgz",
+      "integrity": "sha512-HXXqVUq7+pcKeLqqZj6mHFUMvXtOJt1uoUx09pFW6011inTMxqI8BA8PM95myrIyyKwdnzjdFjLiE6KBPVtJIg==",
+      "dependencies": {
+        "asn1": "~0.2.3",
+        "assert-plus": "^1.0.0",
+        "bcrypt-pbkdf": "^1.0.0",
+        "dashdash": "^1.12.0",
+        "ecc-jsbn": "~0.1.1",
+        "getpass": "^0.1.1",
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.0.2",
+        "tweetnacl": "~0.14.0"
+      },
+      "bin": {
+        "sshpk-conv": "bin/sshpk-conv",
+        "sshpk-sign": "bin/sshpk-sign",
+        "sshpk-verify": "bin/sshpk-verify"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/stealthy-require": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/stealthy-require/-/stealthy-require-1.1.1.tgz",
+      "integrity": "sha1-NbCYdbT/SfJqd35QmzCQoyJr8ks=",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/tough-cookie": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npmjs.org/tough-cookie/-/tough-cookie-2.5.0.tgz",
+      "integrity": "sha512-nlLsUzgm1kfLXSXfRZMc1KLAugd4hqJHDTvc2hDIwS3mZAfMEuMbc03SujMF+GEcpaX/qboeycw6iO8JwVv2+g==",
+      "dependencies": {
+        "psl": "^1.1.28",
+        "punycode": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o="
+    },
+    "node_modules/tunnel-agent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/tunnel-agent/-/tunnel-agent-0.6.0.tgz",
+      "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
+      "dependencies": {
+        "safe-buffer": "^5.0.1"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/tweetnacl": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
+      "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q="
+    },
+    "node_modules/uri-js": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.2.2.tgz",
+      "integrity": "sha512-KY9Frmirql91X2Qgjry0Wd4Y+YTdrdZheS8TFwvkbLWf/G5KNJDCh6pKL5OZctEW4+0Baa5idK2ZQuELRwPznQ==",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/uuid": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-3.4.0.tgz",
+      "integrity": "sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==",
+      "deprecated": "Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.",
+      "bin": {
+        "uuid": "bin/uuid"
+      }
+    },
+    "node_modules/verror": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/verror/-/verror-1.10.0.tgz",
+      "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
+      "engines": [
+        "node >=0.6.0"
+      ],
+      "dependencies": {
+        "assert-plus": "^1.0.0",
+        "core-util-is": "1.0.2",
+        "extsprintf": "^1.2.0"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE="
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha1-lmRU6HZUYuN2RNNib2dCzotwll0=",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "engines": {
+        "node": ">=12"
+      }
+    }
+  }
+}
diff --git a/services/web/scripts/translations/package.json b/services/web/scripts/translations/package.json
new file mode 100644
index 0000000..81b6c88
--- /dev/null
+++ b/services/web/scripts/translations/package.json
@@ -0,0 +1,9 @@
+{
+  "dependencies": {
+    "@brainly/onesky-utils": "https://github.com/overleaf/nodejs-onesky-utils/archive/main.tar.gz",
+    "node-fetch": "^2.7.0",
+    "sanitize-html": "^2.12.1",
+    "yargs": "^17.7.2"
+  },
+  "type": "module"
+}
diff --git a/services/web/scripts/translations/replaceLinkFragments.js b/services/web/scripts/translations/replaceLinkFragments.js
new file mode 100644
index 0000000..6f0a617
--- /dev/null
+++ b/services/web/scripts/translations/replaceLinkFragments.js
@@ -0,0 +1,42 @@
+/*
+ This script will aid the process of inserting HTML fragments into all the
+  locales.
+ We are migrating from
+    locale: 'PRE __keyLinkOpen__INNER__keyLinkClose__ POST'
+    pug: translate(localeKey, { keyLinkOpen: '<a ...>', keyLinkClose: '</a>' })
+ to
+    locale: 'PRE <0>INNER</0> POST'
+    pug: translate(localeKey, {}, [{ name: 'a', attrs: { href: '...', ... }}])
+
+
+ MAPPING entries:
+  localeKey: ['keyLinkOpen', 'keyLinkClose']
+  faq_pay_by_invoice_answer: ['payByInvoiceLinkOpen', 'payByInvoiceLinkClose']
+ */
+import TransformLocales from './transformLocales.js'
+import { fileURLToPath } from 'url'
+
+const MAPPING = {
+  also_provides_free_plan: ['registerLinkOpen', 'registerLinkClose'],
+  faq_pay_by_invoice_answer: ['payByInvoiceLinkOpen', 'payByInvoiceLinkClose'],
+}
+
+function transformLocale(locale, [open, close]) {
+  const i18nOpen = `__${open}__`
+  const i18nClose = `__${close}__`
+  if (locale.includes(i18nOpen)) {
+    locale = locale.replace(i18nOpen, '<0>').replace(i18nClose, '</0>')
+  }
+  return locale
+}
+
+function main() {
+  TransformLocales.transformLocales(MAPPING, transformLocale)
+}
+
+if (
+  fileURLToPath(import.meta.url).replace(/\.js$/, '') ===
+  process.argv[1].replace(/\.js$/, '')
+) {
+  main()
+}
diff --git a/services/web/scripts/translations/sanitize.js b/services/web/scripts/translations/sanitize.js
new file mode 100644
index 0000000..3c26b22
--- /dev/null
+++ b/services/web/scripts/translations/sanitize.js
@@ -0,0 +1,46 @@
+import sanitizeHtml from 'sanitize-html'
+
+/**
+ * Sanitize a translation string to prevent injection attacks
+ *
+ * @param {string} input
+ * @returns {string}
+ */
+function sanitize(input) {
+  // Block Angular XSS
+  // Ticket: https://github.com/overleaf/issues/issues/4478
+  input = input.replace(/'/g, '’')
+  // Use left quote where (likely) appropriate.
+  input.replace(/ ’/g, ' ‘')
+
+  // Allow "replacement" tags (in the format <0>, <1>, <2>, etc) used by
+  // react-i18next to allow for HTML insertion via the Trans component.
+  // See: https://github.com/overleaf/developer-manual/blob/master/code/translations.md
+  // The html parser of sanitize-html is only accepting ASCII alpha characters
+  //  at the start of HTML tags. So we need to replace these ahead of parsing
+  //  and restore them afterwards.
+  input = input.replaceAll(/<([/]?[0-9])>/g, '&lt;$1&gt;')
+
+  return (
+    sanitizeHtml(input, {
+      allowedTags: ['b', 'strong', 'a', 'code'],
+      allowedAttributes: {
+        a: ['href', 'class'],
+      },
+      textFilter(text) {
+        // Block Angular XSS
+        if (text === '{') return '&#123;'
+        if (text === '}') return '&#125;'
+        return text
+          .replace(/\{\{/, '&#123;&#123;')
+          .replace(/\}\}/, '&#125;&#125;')
+      },
+    })
+      // Restore the escaping again.
+      .replaceAll(/&lt;([/]?[0-9])&gt;/g, '<$1>')
+      // Restore escaped standalone ampersands
+      .replaceAll(/ &amp; /g, ' & ')
+  )
+}
+
+export default { sanitize }
diff --git a/services/web/scripts/translations/sort.js b/services/web/scripts/translations/sort.js
new file mode 100644
index 0000000..e49a923
--- /dev/null
+++ b/services/web/scripts/translations/sort.js
@@ -0,0 +1,41 @@
+import fs from 'fs'
+import Path from 'path'
+import { fileURLToPath } from 'url'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+const LOCALES = Path.join(__dirname, '../../locales')
+const CHECK = process.argv.includes('--check')
+
+async function main() {
+  for (const locale of await fs.promises.readdir(LOCALES)) {
+    if (locale === 'README.md') continue
+    const path = Path.join(LOCALES, locale)
+    const input = await fs.promises.readFile(path, 'utf-8')
+    const parsed = JSON.parse(input)
+    const sorted = JSON.stringify(parsed, Object.keys(parsed).sort(), 2) + '\n'
+    if (input === sorted) {
+      continue
+    }
+    if (CHECK) {
+      console.warn('---')
+      console.warn(
+        locale,
+        'is not sorted. Try running:\n\n',
+        '  web$ make sort_locales',
+        '\n'
+      )
+      console.warn('---')
+      throw new Error(locale + ' is not sorted')
+    }
+    console.log('Storing sorted version of', locale)
+    await fs.promises.writeFile(path, sorted)
+  }
+}
+
+try {
+  await main()
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/translations/transformLocales.js b/services/web/scripts/translations/transformLocales.js
new file mode 100644
index 0000000..2f8574a
--- /dev/null
+++ b/services/web/scripts/translations/transformLocales.js
@@ -0,0 +1,54 @@
+import Path from 'path'
+import fs from 'fs'
+import { fileURLToPath } from 'node:url'
+import { loadLocale } from './utils.js'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+const LANGUAGES = [
+  'cs',
+  'da',
+  'de',
+  'en',
+  'es',
+  'fi',
+  'fr',
+  'it',
+  'ja',
+  'ko',
+  'nl',
+  'no',
+  'pl',
+  'pt',
+  'ru',
+  'sv',
+  'tr',
+  'zh-CN',
+]
+const LOCALES = {}
+LANGUAGES.forEach(loadLocales)
+function loadLocales(language) {
+  LOCALES[language] = loadLocale(language)
+}
+
+function transformLocales(mapping, transformLocale) {
+  Object.entries(LOCALES).forEach(([language, translatedLocales]) => {
+    Object.entries(mapping).forEach(([localeKey, spec]) => {
+      const locale = translatedLocales[localeKey]
+      if (!locale) {
+        // This locale is not translated yet.
+        return
+      }
+      translatedLocales[localeKey] = transformLocale(locale, spec)
+    })
+
+    fs.writeFileSync(
+      Path.join(__dirname, `/../../locales/${language}.json`),
+      JSON.stringify(translatedLocales, null, 2) + '\n'
+    )
+  })
+}
+
+export default {
+  transformLocales,
+}
diff --git a/services/web/scripts/translations/translateLocales.js b/services/web/scripts/translations/translateLocales.js
new file mode 100644
index 0000000..18212b9
--- /dev/null
+++ b/services/web/scripts/translations/translateLocales.js
@@ -0,0 +1,113 @@
+import yargs from 'yargs/yargs'
+import { hideBin } from 'yargs/helpers'
+import Path from 'path'
+import fs from 'fs'
+import { fileURLToPath } from 'url'
+import Settings from '../../config/settings.defaults.js'
+import Readline from 'readline'
+import { loadLocale as loadTranslations } from './utils.js'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+const LOCALES = Path.join(__dirname, '../../locales')
+const VALID_LOCALES = Object.keys(Settings.translatedLanguages).filter(
+  locale => locale !== 'en'
+)
+
+const readline = Readline.createInterface({
+  input: process.stdin,
+  output: process.stdout,
+})
+
+const argv = yargs(hideBin(process.argv))
+  .usage('Translate locales')
+  .option('locale', {
+    alias: 'l',
+    type: 'string',
+    required: 'true',
+    description: 'Target 2-letter locale code',
+    choices: VALID_LOCALES,
+  })
+  .option('skip-until', {
+    type: 'string',
+    description: 'Skip locales until after the provided key',
+  })
+  .parse()
+
+async function translateLocales() {
+  let { locale, skip } = argv
+  console.log(`Looking for missing [${locale}] translations...`)
+
+  const keysToUploadFolder = Path.join(__dirname, `translated-keys-to-upload`)
+  if (!fs.existsSync(keysToUploadFolder)) {
+    fs.mkdirSync(keysToUploadFolder)
+  }
+
+  const localeKeysToUploadPath = Path.join(keysToUploadFolder, `${locale}.json`)
+  const keysToUpload = fs.existsSync(localeKeysToUploadPath)
+    ? JSON.parse(fs.readFileSync(localeKeysToUploadPath, 'utf-8'))
+    : []
+
+  const englishTranslations = await loadTranslations('en')
+  const englishKeys = Object.keys(englishTranslations)
+
+  const localeTranslations = await loadTranslations(locale)
+  const translatedKeys = Object.keys(localeTranslations)
+  console.log(
+    `Currently translated: ${translatedKeys.length} / ${englishKeys.length}`
+  )
+
+  for (const key of englishKeys) {
+    if (skip) {
+      if (key === skip) skip = ''
+      continue
+    }
+    const translation = localeTranslations[key]
+    if (!translation || translation.length === 0) {
+      let value = await prompt(
+        `\nMissing translation for: ${key}\n"${englishTranslations[key]}"\n`
+      )
+      while (value.includes("'")) {
+        value = await prompt(
+          `\nTranslations should not contain single-quote characters, please use curvy quotes (‘ or ’) instead:\n`
+        )
+      }
+      if (!value) {
+        console.log(`Skipping ${key}`)
+        continue
+      }
+      localeTranslations[key] = value
+
+      const path = Path.join(LOCALES, `${locale}.json`)
+      const sorted =
+        JSON.stringify(
+          localeTranslations,
+          Object.keys(localeTranslations).sort(),
+          2
+        ) + '\n'
+      fs.writeFileSync(path, sorted)
+
+      keysToUpload.push(key)
+      const formattedKeysToUpload =
+        JSON.stringify(Array.from(new Set(keysToUpload)), null, 2) + '\n'
+      fs.writeFileSync(localeKeysToUploadPath, formattedKeysToUpload)
+
+      console.log(`"${key}": "${value}" added to ${locale}.json`)
+    }
+  }
+}
+
+function prompt(text) {
+  return new Promise((resolve, reject) =>
+    readline.question(text, value => {
+      resolve(value)
+    })
+  )
+}
+
+try {
+  await translateLocales()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/translations/upload.js b/services/web/scripts/translations/upload.js
new file mode 100644
index 0000000..e044182
--- /dev/null
+++ b/services/web/scripts/translations/upload.js
@@ -0,0 +1,71 @@
+import Path from 'path'
+import { promises as fs } from 'fs'
+import { promisify } from 'util'
+import oneSky from '@brainly/onesky-utils'
+import Config from './config.js'
+import { fileURLToPath } from 'url'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+const { withAuth } = Config
+
+const sleep = promisify(setTimeout)
+
+async function uploadLocales() {
+  // Docs: https://github.com/onesky/api-documentation-platform/blob/master/resources/file.md#upload---upload-a-file
+  const blob = await oneSky.postFile(
+    withAuth({
+      fileName: 'en-US.json',
+      language: 'en-GB',
+      format: 'HIERARCHICAL_JSON',
+      content: await fs.readFile(
+        Path.join(__dirname, '/../../locales/en.json')
+      ),
+      keepStrings: false, // deprecate locales that no longer exist in en.json
+    })
+  )
+  return JSON.parse(blob).data.import.id
+}
+
+async function getImportTask(importId) {
+  // Docs: https://github.com/onesky/api-documentation-platform/blob/master/resources/import_task.md
+  const blob = await oneSky.getImportTask(withAuth({ importId }))
+  return JSON.parse(blob).data
+}
+
+async function pollUploadStatus(importId) {
+  let task
+  while ((task = await getImportTask(importId)).status === 'in-progress') {
+    console.log('onesky is processing the import ...')
+    await sleep(5000)
+  }
+  if (task.status === 'failed') {
+    console.error(JSON.stringify({ task }, null, 2))
+    throw new Error('upload failed')
+  }
+}
+
+async function uploadOnce() {
+  const importId = await uploadLocales()
+  await pollUploadStatus(importId)
+}
+
+async function main() {
+  try {
+    await uploadOnce()
+  } catch (err) {
+    console.error('--- upload failed once ---')
+    console.error(err)
+    console.error('--- upload failed once ---')
+    console.log('retrying upload in 30s')
+    await sleep(30_000)
+    await uploadOnce()
+  }
+}
+
+try {
+  await main()
+} catch (error) {
+  console.error({ error })
+  process.exit(1)
+}
diff --git a/services/web/scripts/translations/utils.js b/services/web/scripts/translations/utils.js
new file mode 100644
index 0000000..e62f60d
--- /dev/null
+++ b/services/web/scripts/translations/utils.js
@@ -0,0 +1,12 @@
+import { fileURLToPath } from 'url'
+import fs from 'fs'
+import Path from 'path'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+const LOCALES_FOLDER = Path.join(__dirname, '../../locales')
+
+export function loadLocale(language) {
+  return JSON.parse(
+    fs.readFileSync(Path.join(LOCALES_FOLDER, `${language}.json`), 'utf-8')
+  )
+}
diff --git a/services/web/scripts/tsconfig.json b/services/web/scripts/tsconfig.json
new file mode 100644
index 0000000..7ed7343
--- /dev/null
+++ b/services/web/scripts/tsconfig.json
@@ -0,0 +1 @@
+{ "extends": "../tsconfig.backend.json" }
diff --git a/services/web/scripts/ukamf/.gitignore b/services/web/scripts/ukamf/.gitignore
new file mode 100644
index 0000000..ed4cab1
--- /dev/null
+++ b/services/web/scripts/ukamf/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+ukfederation-metadata.xml
diff --git a/services/web/scripts/ukamf/check-certs.js b/services/web/scripts/ukamf/check-certs.js
new file mode 100644
index 0000000..dbe07ba
--- /dev/null
+++ b/services/web/scripts/ukamf/check-certs.js
@@ -0,0 +1,98 @@
+/**
+ * Checks that all institutional sso provider certs are still current with the
+ * data provided by the ukamf export file.
+ *
+ * Run with: node check-certs /path/ukamf.xml
+ *
+ * The ukamf metadata xml file can be downloaded from:
+ *     http://metadata.ukfederation.org.uk/
+ */
+
+import { Certificate } from '@fidm/x509'
+import UKAMFDB from './ukamf-db.js'
+import V1ApiModule from '../../app/src/Features/V1/V1Api.js'
+import { db } from '../../app/src/infrastructure/mongodb.js'
+import moment from 'moment'
+
+const { promises: V1Api } = V1ApiModule
+
+async function main() {
+  const [, , file] = process.argv
+
+  console.log(`loading file ${file}`)
+
+  const ukamfDB = new UKAMFDB(file)
+  await ukamfDB.init()
+
+  const activeProviderIds = await getActiveProviderIds()
+
+  for (const providerId of activeProviderIds) {
+    await checkCert(ukamfDB, providerId)
+  }
+}
+
+async function checkCert(ukamfDB, providerId) {
+  console.log(`Checking certificates for providerId: ${providerId}`)
+  try {
+    const { body } = await V1Api.request({
+      json: true,
+      qs: { university_id: providerId },
+      uri: '/api/v1/overleaf/university_saml',
+    })
+    // show notice if sso not currently enabled
+    if (body.sso_enabled === true) {
+      console.log(` * SSO enabled`)
+    } else {
+      console.log(` ! SSO NOT enabled`)
+    }
+    // lookup entity id in ukamf database
+    const entity = ukamfDB.findByEntityID(body.sso_entity_id)
+    // if entity found then compare certs
+    if (entity) {
+      const samlConfig = entity.getSamlConfig()
+      // check if certificates match
+      if (samlConfig.cert === body.sso_cert) {
+        console.log(' * UKAMF certificate matches configuration')
+      } else {
+        console.log(' ! UKAMF certificate DOES NOT match configuration')
+      }
+    } else {
+      console.log(` ! No UKAMF entity found for ${body.sso_entity_id}`)
+    }
+    // check expiration on configured certificate
+    const certificate = Certificate.fromPEM(
+      Buffer.from(
+        `-----BEGIN CERTIFICATE-----\n${body.sso_cert}\n-----END CERTIFICATE-----`,
+        'utf8'
+      )
+    )
+
+    const validFrom = moment(certificate.validFrom)
+    const validTo = moment(certificate.validTo)
+
+    if (validFrom.isAfter(moment())) {
+      console.log(` ! Certificate not valid till: ${validFrom.format('LLL')}`)
+    } else if (validTo.isBefore(moment())) {
+      console.log(` ! Certificate expired: ${validTo.format('LLL')}`)
+    } else if (validTo.isBefore(moment().add(60, 'days'))) {
+      console.log(` ! Certificate expires: ${validTo.format('LLL')}`)
+    } else {
+      console.log(` * Certificate expires: ${validTo.format('LLL')}`)
+    }
+  } catch (err) {
+    console.log(` ! ${err.statusCode} Error getting university config from v1`)
+  }
+}
+
+async function getActiveProviderIds() {
+  return db.users.distinct('samlIdentifiers.providerId', {
+    'samlIdentifiers.externalUserId': { $exists: true },
+  })
+}
+
+try {
+  await main()
+} catch (error) {
+  console.error(error.stack)
+}
+process.exit()
diff --git a/services/web/scripts/ukamf/check-idp-metadata.js b/services/web/scripts/ukamf/check-idp-metadata.js
new file mode 100644
index 0000000..6c5bd6b
--- /dev/null
+++ b/services/web/scripts/ukamf/check-idp-metadata.js
@@ -0,0 +1,67 @@
+/*
+  Checks the SAML metadata provided by the IdP.
+  Currently, only checking the valid from and to dates for the certificate
+  Run with: node check-idp-metadata /path/idp-metadata.xml
+*/
+
+import { Certificate } from '@fidm/x509'
+import _ from 'lodash'
+import moment from 'moment'
+import fs from 'fs'
+import xml2js from 'xml2js'
+
+function checkCertDates(signingKey) {
+  let cert = _.get(signingKey, [
+    'ds:KeyInfo',
+    0,
+    'ds:X509Data',
+    0,
+    'ds:X509Certificate',
+    0,
+  ])
+  if (!cert) {
+    throw new Error('no cert')
+  }
+  cert = cert.replace(/\s/g, '')
+
+  const certificate = Certificate.fromPEM(
+    Buffer.from(
+      `-----BEGIN CERTIFICATE-----\n${cert}\n-----END CERTIFICATE-----`,
+      'utf8'
+    )
+  )
+
+  const validFrom = moment(certificate.validFrom)
+  const validTo = moment(certificate.validTo)
+
+  return {
+    validFrom,
+    validTo,
+  }
+}
+
+async function main() {
+  const [, , file] = process.argv
+
+  console.log('Checking SAML metadata')
+
+  const data = await fs.promises.readFile(file, 'utf8')
+  const parser = new xml2js.Parser()
+  const xml = await parser.parseStringPromise(data)
+
+  const idp = xml.EntityDescriptor.IDPSSODescriptor
+  const keys = idp[0].KeyDescriptor
+
+  const signingKey =
+    keys.length === 1
+      ? keys[0]
+      : keys.find(key => _.get(key, ['$', 'use']) === 'signing')
+
+  const certDates = checkCertDates(signingKey)
+
+  console.log(
+    `SSO certificate is valid from ${certDates.validFrom} to ${certDates.validTo}`
+  )
+}
+
+main()
diff --git a/services/web/scripts/ukamf/metadata-processor.js b/services/web/scripts/ukamf/metadata-processor.js
new file mode 100644
index 0000000..43050a9
--- /dev/null
+++ b/services/web/scripts/ukamf/metadata-processor.js
@@ -0,0 +1,72 @@
+/**
+ * Run with: node metadata-processor /path/ukamf.xml http://idp/entity/id
+ *
+ * `npm install` must be run for scripts/ukamf first.
+ *
+ * The ukamf metadata xml file can be downloaded from:
+ *     http://metadata.ukfederation.org.uk/
+ *
+ * The entity id should be provided by the university.
+ */
+
+import { Certificate } from '@fidm/x509'
+import moment from 'moment'
+import UKAMFDB from './ukamf-db.js'
+
+async function main() {
+  const [, , file, entityId] = process.argv
+
+  console.log(`loading file ${file}...\n`)
+
+  const ukamfDB = new UKAMFDB(file)
+  await ukamfDB.init()
+
+  const entity = ukamfDB.findByEntityID(entityId)
+  if (!entity) {
+    throw new Error(`could not find entity for ${entityId}`)
+  }
+  const samlConfig = entity.getSamlConfig()
+
+  const certificate = Certificate.fromPEM(
+    Buffer.from(
+      `-----BEGIN CERTIFICATE-----\n${samlConfig.cert}\n-----END CERTIFICATE-----`,
+      'utf8'
+    )
+  )
+
+  const validFrom = moment(certificate.validFrom)
+  const validTo = moment(certificate.validTo)
+
+  if (validFrom.isAfter(moment())) {
+    throw new Error(`certificate not valid till: ${validFrom.format('LLL')}`)
+  }
+
+  if (validTo.isBefore(moment())) {
+    throw new Error(`certificate expired: ${validTo.format('LLL')}`)
+  }
+
+  console.log(
+    `!!!!!!!!!!!!!\nCERTIFICATE EXPIRES: ${validTo.format(
+      'LLL'
+    )}\n!!!!!!!!!!!!!\n`
+  )
+
+  console.log(`SSO Entity ID: ${samlConfig.entityId}\n`)
+  console.log(`SSO Entry Point: ${samlConfig.entryPoint}\n`)
+  console.log(`SSO Certificate: ${samlConfig.cert}\n`)
+  if (samlConfig.hiddenIdP) {
+    console.log('!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!')
+    console.log('!!!!!!!!!!!!!!! WARNING !!!!!!!!!!!!!!!')
+    console.log(
+      `The IdP metadata indicates it should be\nhidden from discovery. Check this is\nthe correct entity ID before using.`
+    )
+    console.log('!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!')
+    console.log('!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!')
+  }
+}
+
+try {
+  await main()
+} catch (error) {
+  console.error(error)
+}
diff --git a/services/web/scripts/ukamf/package-lock.json b/services/web/scripts/ukamf/package-lock.json
new file mode 100644
index 0000000..7139f1a
--- /dev/null
+++ b/services/web/scripts/ukamf/package-lock.json
@@ -0,0 +1,40 @@
+{
+  "name": "ukamf",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "devDependencies": {
+        "@fidm/x509": "^1.2.1"
+      }
+    },
+    "node_modules/@fidm/asn1": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/@fidm/asn1/-/asn1-1.0.4.tgz",
+      "integrity": "sha512-esd1jyNvRb2HVaQGq2Gg8Z0kbQPXzV9Tq5Z14KNIov6KfFD6PTaRIO8UpcsYiTNzOqJpmyzWgVTrUwFV3UF4TQ==",
+      "dev": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@fidm/x509": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@fidm/x509/-/x509-1.2.1.tgz",
+      "integrity": "sha512-nwc2iesjyc9hkuzcrMCBXQRn653XuAUKorfWM8PZyJawiy1QzLj4vahwzaI25+pfpwOLvMzbJ0uKpWLDNmo16w==",
+      "dev": true,
+      "dependencies": {
+        "@fidm/asn1": "^1.0.4",
+        "tweetnacl": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/tweetnacl": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-1.0.3.tgz",
+      "integrity": "sha512-6rt+RN7aOi1nGMyC4Xa5DdYiukl2UWCbcJft7YhxReBGQD7OAM8Pbxw6YMo4r2diNEA8FEmu32YOn9rhaiE5yw==",
+      "dev": true
+    }
+  }
+}
diff --git a/services/web/scripts/ukamf/package.json b/services/web/scripts/ukamf/package.json
new file mode 100644
index 0000000..a491026
--- /dev/null
+++ b/services/web/scripts/ukamf/package.json
@@ -0,0 +1,6 @@
+{
+  "devDependencies": {
+    "@fidm/x509": "^1.2.1"
+  },
+  "type": "module"
+}
diff --git a/services/web/scripts/ukamf/ukamf-db.js b/services/web/scripts/ukamf/ukamf-db.js
new file mode 100644
index 0000000..347ffb5
--- /dev/null
+++ b/services/web/scripts/ukamf/ukamf-db.js
@@ -0,0 +1,28 @@
+import fs from 'fs'
+import xml2js from 'xml2js'
+import UKAMFEntity from './ukamf-entity.js'
+
+class UKAMFDB {
+  constructor(file) {
+    this.file = file
+  }
+
+  async init() {
+    const data = await fs.promises.readFile(this.file, 'utf8')
+    const parser = new xml2js.Parser()
+    const xml = await parser.parseStringPromise(data)
+
+    this.entities = xml.EntitiesDescriptor.EntityDescriptor
+  }
+
+  findByEntityID(matcher) {
+    const entity = this.entities.find(
+      matcher instanceof RegExp
+        ? e => e.$.entityID.match(matcher)
+        : e => e.$.entityID.includes(matcher)
+    )
+    return entity ? new UKAMFEntity(entity) : null
+  }
+}
+
+export default UKAMFDB
diff --git a/services/web/scripts/ukamf/ukamf-entity.js b/services/web/scripts/ukamf/ukamf-entity.js
new file mode 100644
index 0000000..4cbe745
--- /dev/null
+++ b/services/web/scripts/ukamf/ukamf-entity.js
@@ -0,0 +1,69 @@
+import _ from 'lodash'
+
+class UKAMFEntity {
+  constructor(data) {
+    this.data = data
+  }
+
+  getSamlConfig() {
+    let hiddenIdP = false
+    const idp = this.data.IDPSSODescriptor[0]
+    const idpMetaData =
+      _.get(this.data, [
+        'Extensions',
+        0,
+        'mdattr:EntityAttributes',
+        0,
+        'saml:Attribute',
+      ]) || []
+    idpMetaData.forEach(data => {
+      const value = _.get(data, ['saml:AttributeValue', 0])
+      if (
+        value === 'http://refeds.org/category/hide-from-discovery' ||
+        value === 'https://refeds.org/category/hide-from-discovery'
+      ) {
+        hiddenIdP = true
+      }
+    })
+
+    const keys = idp.KeyDescriptor
+
+    const signingKey =
+      keys.length === 1
+        ? keys[0]
+        : keys.find(key => _.get(key, ['$', 'use']) === 'signing')
+    const entityId = this.data.$.entityID
+
+    let cert = _.get(signingKey, [
+      'ds:KeyInfo',
+      0,
+      'ds:X509Data',
+      0,
+      'ds:X509Certificate',
+      0,
+    ])
+    if (!cert) {
+      throw new Error('no cert')
+    }
+    cert = cert.replace(/\s/g, '')
+
+    let entryPoint = idp.SingleSignOnService.find(
+      sso =>
+        _.get(sso, ['$', 'Binding']) ===
+        'urn:oasis:names:tc:SAML:2.0:bindings:HTTP-Redirect'
+    )
+    entryPoint = _.get(entryPoint, ['$', 'Location'])
+    if (!entryPoint) {
+      throw new Error('no entryPoint')
+    }
+
+    return {
+      cert,
+      entityId,
+      entryPoint,
+      hiddenIdP,
+    }
+  }
+}
+
+export default UKAMFEntity
diff --git a/services/web/scripts/undelete_project_to_user.mjs b/services/web/scripts/undelete_project_to_user.mjs
new file mode 100644
index 0000000..ee837a4
--- /dev/null
+++ b/services/web/scripts/undelete_project_to_user.mjs
@@ -0,0 +1,23 @@
+import minimist from 'minimist'
+import ProjectDeleter from '../app/src/Features/Project/ProjectDeleter.js'
+
+async function main() {
+  const argv = minimist(process.argv.slice(2))
+  const projectId = argv['project-id']
+  const userId = argv['user-id']
+
+  if (!projectId || !userId) {
+    throw new Error('set --project-id and --user-id')
+  }
+  console.log(`Restoring project ${projectId} to user ${userId}`)
+  await ProjectDeleter.promises.undeleteProject(projectId, { userId })
+}
+
+try {
+  await main()
+  console.log('Done.')
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/unlink_third_party_id.mjs b/services/web/scripts/unlink_third_party_id.mjs
new file mode 100644
index 0000000..8511deb
--- /dev/null
+++ b/services/web/scripts/unlink_third_party_id.mjs
@@ -0,0 +1,87 @@
+import minimist from 'minimist'
+import ThirdPartyIdentityManager from '../app/src/Features/User/ThirdPartyIdentityManager.js'
+import UserGetter from '../app/src/Features/User/UserGetter.js'
+
+/**
+ * This script is used to remove a linked third party identity from a user account.
+ *
+ * Parameters:
+ *  --providerId: the third party identity provider (e.g. google, collabratec)
+ *  --userId: the id of the user
+ *  --commit: if present, the script will commit the changes to the database.
+ *
+ * Usage:
+ *
+ *   - dry run:
+ *     node scripts/unlink_third_party_id.mjs --providerId=google --userId=${SOME_USER_ID}
+ *   - commit:
+ *     node scripts/unlink_third_party_id.mjs --providerId=google --userId=${SOME_USER_ID} --commit
+ */
+
+let COMMIT = false
+let PROVIDER_ID
+let USER_ID
+
+const setup = () => {
+  const argv = minimist(process.argv.slice(2))
+  COMMIT = argv.commit !== undefined
+  PROVIDER_ID = argv.providerId
+  USER_ID = argv.userId
+  if (!COMMIT) {
+    console.warn('Doing dry run. Add --commit to commit changes')
+  }
+}
+
+async function main() {
+  if (!PROVIDER_ID) {
+    throw new Error('No --providerId argument provided')
+  }
+
+  if (!USER_ID) {
+    throw new Error('No --userId argument provided')
+  }
+
+  const auditLog = {
+    initiatorId: undefined,
+    ipAddress: '0.0.0.0',
+    extraInfo: {
+      script: true,
+    },
+  }
+
+  const user = await UserGetter.promises.getUser(USER_ID, {
+    thirdPartyIdentifiers: 1,
+  })
+
+  console.log(
+    `Existing thirdPartyIdentifiers: ${JSON.stringify(
+      user.thirdPartyIdentifiers
+    )}`
+  )
+
+  console.log(`Removing third party identifier for provider: ${PROVIDER_ID}`)
+
+  if (COMMIT) {
+    const updatedUser = await ThirdPartyIdentityManager.promises.unlink(
+      USER_ID,
+      PROVIDER_ID,
+      auditLog
+    )
+
+    console.log(
+      `Remaining thirdPartyIdentifiers: ${JSON.stringify(
+        updatedUser.thirdPartyIdentifiers
+      )}`
+    )
+  }
+}
+
+setup()
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/update_project_image_name.mjs b/services/web/scripts/update_project_image_name.mjs
new file mode 100644
index 0000000..dad141b
--- /dev/null
+++ b/services/web/scripts/update_project_image_name.mjs
@@ -0,0 +1,46 @@
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+import { db } from '../app/src/infrastructure/mongodb.js'
+
+const oldImage = process.argv[2]
+const newImage = process.argv[3]
+
+function usage() {
+  console.log(
+    `Usage: update_project_image_name.js <old_texlive_image> <new_texlive_image>`
+  )
+  console.log(
+    'Environment variable ALL_TEX_LIVE_DOCKER_IMAGES must contain <new_texlive_image>.'
+  )
+}
+
+if (!oldImage || !newImage) {
+  usage()
+  process.exit(1)
+}
+
+if (!process.env.ALL_TEX_LIVE_DOCKER_IMAGES) {
+  console.error(
+    'Error: environment variable ALL_TEX_LIVE_DOCKER_IMAGES is not defined.'
+  )
+  usage()
+  process.exit(1)
+}
+
+if (!process.env.ALL_TEX_LIVE_DOCKER_IMAGES.split(',').includes(newImage)) {
+  console.error(`Error: ALL_TEX_LIVE_DOCKER_IMAGES doesn't contain ${newImage}`)
+  usage()
+  process.exit(1)
+}
+
+try {
+  await batchedUpdate(
+    db.projects,
+    { imageName: oldImage },
+    { $set: { imageName: newImage } }
+  )
+  console.log('Done')
+  process.exit(0)
+} catch (error) {
+  console.error(error)
+  process.exit(1)
+}
diff --git a/services/web/scripts/validate-data-of-model.mjs b/services/web/scripts/validate-data-of-model.mjs
new file mode 100644
index 0000000..7c9aa38
--- /dev/null
+++ b/services/web/scripts/validate-data-of-model.mjs
@@ -0,0 +1,28 @@
+import { batchedUpdateWithResultHandling } from '@overleaf/mongo-utils/batchedUpdate.js'
+import { db } from '../app/src/infrastructure/mongodb.js'
+
+const MODEL_NAME = process.argv.pop()
+
+// Todo: handle mjs file once models have been converted to ES module
+const { [MODEL_NAME]: Model } = await import(
+  `../app/src/models/${MODEL_NAME}.js`
+)
+
+function processBatch(batch) {
+  for (const doc of batch) {
+    const error = new Model(doc).validateSync()
+    if (error) {
+      const { errors } = error
+      console.log(JSON.stringify({ _id: doc._id, errors }))
+    }
+  }
+}
+
+batchedUpdateWithResultHandling(
+  db[Model.collection.name],
+  {},
+  async nextBatch => {
+    processBatch(nextBatch)
+  },
+  {} // fetch the entire record
+)
diff --git a/services/web/scripts/writefull/back_fill_hiding_ai_features.mjs b/services/web/scripts/writefull/back_fill_hiding_ai_features.mjs
new file mode 100644
index 0000000..2b188a8
--- /dev/null
+++ b/services/web/scripts/writefull/back_fill_hiding_ai_features.mjs
@@ -0,0 +1,28 @@
+import { db } from '../../app/src/infrastructure/mongodb.js'
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+
+async function main() {
+  // update all applicable user models
+  await batchedUpdate(
+    db.users,
+    {
+      'writefull.enabled': false,
+    },
+    {
+      $set: {
+        'aiErrorAssistant.enabled': false,
+      },
+    }
+  )
+  console.log('completed syncing writefull state with error assist')
+}
+
+export default main
+
+try {
+  await main()
+  process.exit(0)
+} catch (error) {
+  console.error({ error })
+  process.exit(1)
+}
diff --git a/services/web/scripts/writefull/enable_wf_autoCreatedAccount.mjs b/services/web/scripts/writefull/enable_wf_autoCreatedAccount.mjs
new file mode 100644
index 0000000..190af04
--- /dev/null
+++ b/services/web/scripts/writefull/enable_wf_autoCreatedAccount.mjs
@@ -0,0 +1,46 @@
+import { db } from '../../app/src/infrastructure/mongodb.js'
+import mongodb from 'mongodb-legacy'
+import fs from 'node:fs'
+import { fileURLToPath } from 'node:url'
+import { chunkArray } from '../helpers/chunkArray.mjs'
+
+const { ObjectId } = mongodb
+
+async function main() {
+  // search for file of users to transition
+  const userIdsPath = process.argv[2]
+  const userIdsFile = fs.readFileSync(userIdsPath, 'utf8')
+  let userIdsList = userIdsFile
+
+  userIdsList = userIdsList
+    .split('\n')
+    .filter(id => id?.length)
+    .map(id => new ObjectId(id))
+
+  const chunks = chunkArray(userIdsList)
+  console.log(
+    `transitioning ${userIdsList.length} users to auto-account-created state in ${chunks.length} chunks`
+  )
+
+  // Iterate over each chunk and update their autoAccountCreated flag
+  for (const chunkedIds of chunks) {
+    console.log('batch update started')
+    await db.users.updateMany(
+      { _id: { $in: chunkedIds } },
+      { $set: { 'writefull.autoCreatedAccount': true } }
+    )
+    console.log('batch completed')
+  }
+}
+
+export default main
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  try {
+    await main()
+    process.exit(0)
+  } catch (error) {
+    console.error({ error })
+    process.exit(1)
+  }
+}
diff --git a/services/web/scripts/writefull/enable_writefull_without_autoCreatedAccount.mjs b/services/web/scripts/writefull/enable_writefull_without_autoCreatedAccount.mjs
new file mode 100644
index 0000000..60a2062
--- /dev/null
+++ b/services/web/scripts/writefull/enable_writefull_without_autoCreatedAccount.mjs
@@ -0,0 +1,45 @@
+import { db } from '../../app/src/infrastructure/mongodb.js'
+import mongodb from 'mongodb-legacy'
+import fs from 'node:fs'
+import { fileURLToPath } from 'node:url'
+
+const { ObjectId } = mongodb
+
+async function main() {
+  // search for file of users to force into auto load
+  const userIdsPath = process.argv[2]
+  const userIdsFile = fs.readFileSync(userIdsPath, 'utf8')
+  let userIdsList = userIdsFile
+  userIdsList = userIdsList
+    .split('\n')
+    .filter(id => id?.length)
+    .map(id => new ObjectId(id))
+
+  console.log(
+    `enabling writefull with autoCreatedAccount:false for ${userIdsList.length} users`
+  )
+
+  // set them to writefull.enabled true, and autoCreatedAccount false which is the same state an auto-load account is placed in after their first load
+  // not this does NOT call writefull's first load function for the user's account
+  await db.users.updateMany(
+    { _id: { $in: userIdsList } },
+    {
+      $set: {
+        'writefull.enabled': true,
+        'writefull.autoCreatedAccount': false,
+      },
+    }
+  )
+}
+
+export default main
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  try {
+    await main()
+    process.exit(0)
+  } catch (error) {
+    console.error({ error })
+    process.exit(1)
+  }
+}
diff --git a/services/web/scripts/writefull/split_writefull_disabled_from_unset.mjs b/services/web/scripts/writefull/split_writefull_disabled_from_unset.mjs
new file mode 100644
index 0000000..85b6cf4
--- /dev/null
+++ b/services/web/scripts/writefull/split_writefull_disabled_from_unset.mjs
@@ -0,0 +1,50 @@
+import { db } from '../../app/src/infrastructure/mongodb.js'
+import { batchedUpdate } from '@overleaf/mongo-utils/batchedUpdate.js'
+import mongodb from 'mongodb-legacy'
+import fs from 'node:fs'
+import { fileURLToPath } from 'node:url'
+import { chunkArray } from '../helpers/chunkArray.mjs'
+
+const { ObjectId } = mongodb
+
+async function main() {
+  // search for file of users who already explicitly opted out first
+  const optOutPath = process.argv[2]
+  const optedOutFile = fs.readFileSync(optOutPath, 'utf8')
+  let optedOutList = optedOutFile
+
+  optedOutList = optedOutFile.split('\n').map(id => new ObjectId(id))
+
+  console.log(`preserving opt-outs of ${optedOutList.length} users`)
+  // update all applicable user models
+  await batchedUpdate(
+    db.users,
+    { 'writefull.enabled': false }, // and is false
+    { $set: { 'writefull.enabled': null } }
+  )
+
+  const chunks = chunkArray(optedOutList)
+
+  // then reset any explicit false back to being false
+  // Iterate over each chunk and perform the query
+  for (const chunkedIds of chunks) {
+    console.log('batch update started')
+    await db.users.updateMany(
+      { _id: { $in: chunkedIds } },
+      { $set: { 'writefull.enabled': false } }
+    )
+    console.log('batch completed')
+  }
+}
+
+export default main
+
+if (fileURLToPath(import.meta.url) === process.argv[1]) {
+  try {
+    await main()
+    process.exit(0)
+  } catch (error) {
+    console.error({ error })
+    process.exit(1)
+  }
+}
diff --git a/services/web/test/acceptance/bootstrap.js b/services/web/test/acceptance/bootstrap.js
new file mode 100644
index 0000000..03d956e
--- /dev/null
+++ b/services/web/test/acceptance/bootstrap.js
@@ -0,0 +1,11 @@
+const chai = require('chai')
+chai.should()
+chai.use(require('chai-as-promised'))
+chai.use(require('sinon-chai'))
+chai.use(require('chai-exclude'))
+
+// Do not truncate assertion errors
+chai.config.truncateThreshold = 0
+
+// ensure every ObjectId has the id string as a property for correct comparisons
+require('mongodb-legacy').ObjectId.cacheHexString = true
diff --git a/services/web/test/acceptance/config/settings.test.defaults.js b/services/web/test/acceptance/config/settings.test.defaults.js
new file mode 100644
index 0000000..b0db7f7
--- /dev/null
+++ b/services/web/test/acceptance/config/settings.test.defaults.js
@@ -0,0 +1,275 @@
+const { merge } = require('@overleaf/settings/merge')
+
+let features
+
+const httpAuthUser = 'overleaf'
+const httpAuthPass = 'password'
+const httpAuthUsers = {}
+httpAuthUsers[httpAuthUser] = httpAuthPass
+
+module.exports = {
+  catchErrors: false,
+  clsiCookie: undefined,
+
+  cacheStaticAssets: true,
+
+  httpAuthUsers,
+  secureCookie: false,
+  security: {
+    sessionSecret: 'static-secret-for-tests',
+    sessionSecretUpcoming: 'static-secret-upcoming-for-tests',
+    sessionSecretFallback: 'static-secret-fallback-for-tests',
+  },
+  adminDomains: process.env.ADMIN_DOMAINS
+    ? JSON.parse(process.env.ADMIN_DOMAINS)
+    : ['example.com'],
+
+  statusPageUrl: 'status.example.com',
+  cdn: {
+    web: {
+      host: 'cdn.example.com',
+    },
+  },
+
+  mongo: {
+    options: {
+      family: 4,
+    },
+  },
+
+  apis: {
+    linkedUrlProxy: {
+      url: process.env.LINKED_URL_PROXY,
+    },
+
+    web: {
+      url: 'http://127.0.0.1:23000',
+      user: httpAuthUser,
+      pass: httpAuthPass,
+    },
+
+    haveIBeenPwned: {
+      enabled: false,
+      url: 'http://127.0.0.1:1337',
+    },
+    documentupdater: {
+      url: 'http://127.0.0.1:23003',
+    },
+    docstore: {
+      url: 'http://127.0.0.1:23016',
+      pubUrl: 'http://127.0.0.1:23016',
+    },
+    chat: {
+      internal_url: 'http://127.0.0.1:23010',
+    },
+    filestore: {
+      url: 'http://127.0.0.1:23009',
+    },
+    clsi: {
+      url: 'http://127.0.0.1:23013',
+    },
+    realTime: {
+      url: 'http://127.0.0.1:23026',
+    },
+    contacts: {
+      url: 'http://127.0.0.1:23036',
+    },
+    notifications: {
+      url: 'http://127.0.0.1:23042',
+    },
+    project_history: {
+      sendProjectStructureOps: true,
+      url: `http://127.0.0.1:23054`,
+    },
+    v1_history: {
+      url: `http://127.0.0.1:23100/api`,
+      user: 'overleaf',
+      pass: 'password',
+    },
+    historyBackupDeletion: {
+      url: `http://127.0.0.1:23101`,
+      user: 'overleaf',
+      pass: 'password',
+    },
+    webpack: {
+      url: 'http://127.0.0.1:23808',
+    },
+    gitBridge: {
+      url: 'http://127.0.0.1:28000',
+    },
+  },
+
+  features: (features = {
+    v1_free: {
+      collaborators: 1,
+      dropbox: false,
+      versioning: false,
+      github: true,
+      gitBridge: true,
+      references: false,
+      referencesSearch: false,
+      mendeley: true,
+      papers: true,
+      zotero: true,
+      compileTimeout: 60,
+      compileGroup: 'standard',
+      trackChanges: false,
+      symbolPalette: false,
+      aiErrorAssistant: false,
+    },
+    personal: {
+      collaborators: 1,
+      dropbox: false,
+      versioning: false,
+      github: false,
+      gitBridge: false,
+      references: false,
+      referencesSearch: false,
+      mendeley: false,
+      papers: false,
+      zotero: false,
+      compileTimeout: 60,
+      compileGroup: 'standard',
+      trackChanges: false,
+      symbolPalette: false,
+      aiErrorAssistant: false,
+    },
+    collaborator: {
+      collaborators: 10,
+      dropbox: true,
+      versioning: true,
+      github: true,
+      gitBridge: true,
+      references: true,
+      referencesSearch: true,
+      mendeley: true,
+      papers: true,
+      zotero: true,
+      compileTimeout: 180,
+      compileGroup: 'priority',
+      trackChanges: true,
+      symbolPalette: true,
+      aiErrorAssistant: false,
+    },
+    professional: {
+      collaborators: -1,
+      dropbox: true,
+      versioning: true,
+      github: true,
+      gitBridge: true,
+      references: true,
+      referencesSearch: true,
+      mendeley: true,
+      papers: true,
+      zotero: true,
+      compileTimeout: 180,
+      compileGroup: 'priority',
+      trackChanges: true,
+      symbolPalette: true,
+      aiErrorAssistant: false,
+    },
+  }),
+
+  defaultFeatures: features.personal,
+  defaultPlanCode: 'personal',
+  institutionPlanCode: 'professional',
+
+  plans: [
+    {
+      planCode: 'v1_free',
+      name: 'V1 Free',
+      price_in_cents: 0,
+      features: features.v1_free,
+    },
+    {
+      planCode: 'personal',
+      name: 'Personal',
+      price_in_cents: 0,
+      features: features.personal,
+    },
+    {
+      planCode: 'collaborator',
+      name: 'Collaborator',
+      price_in_cents: 1500,
+      features: features.collaborator,
+    },
+    {
+      planCode: 'professional',
+      name: 'Professional',
+      price_in_cents: 3000,
+      features: features.professional,
+    },
+  ],
+
+  bonus_features: {
+    1: {
+      collaborators: 2,
+      dropbox: false,
+      versioning: false,
+    },
+    3: {
+      collaborators: 4,
+      dropbox: false,
+      versioning: false,
+    },
+    6: {
+      collaborators: 4,
+      dropbox: true,
+      versioning: true,
+    },
+    9: {
+      collaborators: -1,
+      dropbox: true,
+      versioning: true,
+    },
+  },
+
+  redirects: {
+    '/redirect/one': '/destination/one',
+    '/redirect/get_and_post': {
+      methods: ['get', 'post'],
+      url: '/destination/get_and_post',
+    },
+    '/redirect/base_url': {
+      baseUrl: 'https://example.com',
+      url: '/destination/base_url',
+    },
+    '/redirect/params/:id': {
+      url(params) {
+        return `/destination/${params.id}/params`
+      },
+    },
+    '/redirect/qs': '/destination/qs',
+    '/docs_v1': {
+      url: '/docs',
+    },
+  },
+
+  reconfirmNotificationDays: 14,
+
+  recaptcha: {
+    siteKey: 'siteKey',
+    disabled: {
+      invite: true,
+      login: false,
+      passwordReset: true,
+      register: true,
+      addEmail: true,
+    },
+  },
+
+  // No email in tests
+  email: undefined,
+
+  test: {
+    counterInit: 0,
+  },
+
+  devToolbar: {
+    enabled: false,
+  },
+}
+
+module.exports.mergeWith = function (overrides) {
+  return merge(overrides, module.exports)
+}
diff --git a/services/web/test/acceptance/config/settings.test.saas.js b/services/web/test/acceptance/config/settings.test.saas.js
new file mode 100644
index 0000000..0ffa1fe
--- /dev/null
+++ b/services/web/test/acceptance/config/settings.test.saas.js
@@ -0,0 +1,102 @@
+const { merge } = require('@overleaf/settings/merge')
+const baseApp = require('../../../config/settings.overrides.saas')
+const baseTest = require('./settings.test.defaults')
+
+const httpAuthUser = 'overleaf'
+const httpAuthPass = 'password'
+const httpAuthUsers = {}
+httpAuthUsers[httpAuthUser] = httpAuthPass
+
+const overleafHost =
+  process.env.V2_URL ||
+  `http://${process.env.HTTP_TEST_HOST || '127.0.0.1'}:23000`
+
+const overrides = {
+  appName: 'Overleaf',
+  siteUrl: overleafHost,
+
+  enableSubscriptions: true,
+
+  apis: {
+    thirdPartyDataStore: {
+      url: `http://127.0.0.1:23002`,
+      dropboxApp: 'Overleaf',
+    },
+    analytics: {
+      url: `http://127.0.0.1:23050`,
+    },
+    recurly: {
+      url: 'http://127.0.0.1:26034',
+      subdomain: 'test',
+      apiKey: 'private-nonsense',
+      webhookUser: 'recurly',
+      webhookPass: 'webhook',
+    },
+
+    tpdsworker: {
+      // Disable tpdsworker in CI.
+      url: undefined,
+    },
+
+    v1: {
+      url: `http://127.0.0.1:25000`,
+      user: 'overleaf',
+      pass: 'password',
+    },
+    tags: {
+      url: 'http://127.0.0.1:25000',
+    },
+  },
+
+  oauthProviders: {
+    provider: {
+      name: 'provider',
+    },
+    collabratec: {
+      name: 'collabratec',
+    },
+    google: {
+      name: 'google',
+    },
+  },
+
+  saml: undefined,
+
+  contentful: {
+    spaceId: 'a',
+    deliveryToken: 'b',
+    previewToken: 'c',
+    deliveryApiHost: 'cdn.contentful.com',
+    previewApiHost: 'preview.contentful.com',
+  },
+
+  twoFactorAuthentication: {
+    accessTokenEncryptorOptions: {
+      cipherPasswords: {
+        '2023.1-v3': 'this-is-a-weak-secret-for-tests-web-2023.1-v3',
+      },
+    },
+  },
+
+  overleaf: {
+    host: 'http://127.0.0.1:25000',
+    oauth: {
+      clientID: 'mock-oauth-client-id',
+      clientSecret: 'mock-oauth-client-secret',
+    },
+  },
+
+  analytics: {
+    enabled: true,
+  },
+}
+
+module.exports = baseApp.mergeWith(baseTest.mergeWith(overrides))
+
+for (const redisKey of Object.keys(module.exports.redis)) {
+  module.exports.redis[redisKey].host = process.env.REDIS_HOST || '127.0.0.1'
+}
+
+module.exports.mergeWith = function (overrides) {
+  return merge(overrides, module.exports)
+}
diff --git a/services/web/test/acceptance/config/settings.test.server-ce.js b/services/web/test/acceptance/config/settings.test.server-ce.js
new file mode 100644
index 0000000..87a3294
--- /dev/null
+++ b/services/web/test/acceptance/config/settings.test.server-ce.js
@@ -0,0 +1,12 @@
+const { merge } = require('@overleaf/settings/merge')
+const ServerCEDefaults = require('../../../config/settings.defaults')
+const base = require('./settings.test.defaults')
+
+module.exports = base.mergeWith({
+  defaultFeatures: ServerCEDefaults.defaultFeatures,
+  activeUserMetricInterval: 100,
+})
+
+module.exports.mergeWith = function (overrides) {
+  return merge(overrides, module.exports)
+}
diff --git a/services/web/test/acceptance/config/settings.test.server-pro.js b/services/web/test/acceptance/config/settings.test.server-pro.js
new file mode 100644
index 0000000..11843c9
--- /dev/null
+++ b/services/web/test/acceptance/config/settings.test.server-pro.js
@@ -0,0 +1,13 @@
+const { merge } = require('@overleaf/settings/merge')
+const baseApp = require('../../../config/settings.overrides.server-pro')
+const baseTestServerCE = require('./settings.test.server-ce')
+
+module.exports = baseApp.mergeWith(
+  baseTestServerCE.mergeWith({
+    proxyLearn: true,
+  })
+)
+
+module.exports.mergeWith = function (overrides) {
+  return merge(overrides, module.exports)
+}
diff --git a/services/web/test/acceptance/files/1pixel.png b/services/web/test/acceptance/files/1pixel.png
new file mode 100644
index 0000000..a97e795
Binary files /dev/null and b/services/web/test/acceptance/files/1pixel.png differ
diff --git a/services/web/test/acceptance/files/2pixel.png b/services/web/test/acceptance/files/2pixel.png
new file mode 100644
index 0000000..dea591e
Binary files /dev/null and b/services/web/test/acceptance/files/2pixel.png differ
diff --git a/services/web/test/acceptance/files/charsets/test-german-utf8x.tex b/services/web/test/acceptance/files/charsets/test-german-utf8x.tex
new file mode 100644
index 0000000..02f648b
--- /dev/null
+++ b/services/web/test/acceptance/files/charsets/test-german-utf8x.tex
@@ -0,0 +1,8 @@
+\documentclass[12pt]{article}
+\usepackage[german,english]{babel}
+\usepackage[utf8x]{inputenc}
+\begin{document}
+    \title{Untitled}
+    \selectlanguage{german}
+    Der schnelle braune Fuchs sprang träge über den Hund.
+\end{document}
diff --git a/services/web/test/acceptance/files/charsets/test-german-windows-1252.tex b/services/web/test/acceptance/files/charsets/test-german-windows-1252.tex
new file mode 100644
index 0000000..fa8ba1e
--- /dev/null
+++ b/services/web/test/acceptance/files/charsets/test-german-windows-1252.tex
@@ -0,0 +1,8 @@
+\documentclass[12pt]{article}
+\usepackage[german,english]{babel}
+\usepackage[cp1252]{inputenc}
+\begin{document}
+    \title{Untitled}
+    \selectlanguage{german}
+    Der schnelle braune Fuchs sprang tr�ge �ber den Hund.
+\end{document}
diff --git a/services/web/test/acceptance/files/charsets/test-greek-utf16-le-bom.tex b/services/web/test/acceptance/files/charsets/test-greek-utf16-le-bom.tex
new file mode 100644
index 0000000..0405c63
Binary files /dev/null and b/services/web/test/acceptance/files/charsets/test-greek-utf16-le-bom.tex differ
diff --git a/services/web/test/acceptance/files/charsets/test-greek-utf8x.tex b/services/web/test/acceptance/files/charsets/test-greek-utf8x.tex
new file mode 100644
index 0000000..08ddbe8
--- /dev/null
+++ b/services/web/test/acceptance/files/charsets/test-greek-utf8x.tex
@@ -0,0 +1,8 @@
+\documentclass[12pt]{article}
+\usepackage[greek,english]{babel}
+\usepackage[utf8x]{inputenc}
+\begin{document}
+    \title{Untitled}
+    \selectlanguage{greek}
+    Η γρήγορη καστανή αλεπού πήδηξε χαλαρά πάνω από το σκυλί.
+\end{document}
diff --git a/services/web/test/acceptance/files/crash_test_urls/basic.txt b/services/web/test/acceptance/files/crash_test_urls/basic.txt
new file mode 100644
index 0000000..556474c
--- /dev/null
+++ b/services/web/test/acceptance/files/crash_test_urls/basic.txt
@@ -0,0 +1,22 @@
+/
+//
+/user/contacts
+/user/password/reset
+/user/password/set
+/home
+/user/subscription
+/subscription/invites/
+/login
+/restricted
+/register
+/user/bonus
+/system/messages
+/user/settings
+/user/projects
+/project
+/api/project
+/project/download/zip
+/tag
+/notifications
+/beta/participate
+/unsupported-browser
diff --git a/services/web/test/acceptance/files/saml-cert.crt b/services/web/test/acceptance/files/saml-cert.crt
new file mode 100644
index 0000000..f4be3fe
--- /dev/null
+++ b/services/web/test/acceptance/files/saml-cert.crt
@@ -0,0 +1,20 @@
+-----BEGIN CERTIFICATE-----
+MIIDWzCCAkOgAwIBAgIUMYF933mpvZjZwxuweemukpsawsEwDQYJKoZIhvcNAQEF
+BQAwPTELMAkGA1UEBhMCVUsxCzAJBgNVBAgMAlVLMSEwHwYDVQQKDBhJbnRlcm5l
+dCBXaWRnaXRzIFB0eSBMdGQwHhcNMjAwMzA1MTU0NjQ0WhcNMzAwMzAzMTU0NjQ0
+WjA9MQswCQYDVQQGEwJVSzELMAkGA1UECAwCVUsxITAfBgNVBAoMGEludGVybmV0
+IFdpZGdpdHMgUHR5IEx0ZDCCASIwDQYJKoZIhvcNAQEBBQADggEPADCCAQoCggEB
+ANgiv2BzCV/xAN3U0miBRnUEg/vwTxqL4Ibzuf4H1X9Kael8jsM2GVEo0D4ot+RK
+nwDjx22hJaNF7uA8WG+tuVUA7m6JGYw1jB/3Pa6MxUDYl2dgQQetnIKHWX+Gq2GE
+aY734P+kopc0FEUVRp/ZWfEEI74r0rpT2mdW/pLFAJKc+zK+vIBgU40WEdeT0/Vo
+0x2J0sqAT56td4XHYlg29Y7eARTq2+Z00eM8lJC4KzD9LM6Ut3Ea4mg1juaIAXKy
+kcmJ+PbO0tzZPf7V+ZY66lrU4vye6oig23D5A0uC9LkwtDPEW5vCmvFnEwBHo/cZ
+TXldG5Pw9+Ja8o4W+vs7O9sCAwEAAaNTMFEwHQYDVR0OBBYEFPS6b8k/u0hA4woS
+kHF8Wc6AW1qkMB8GA1UdIwQYMBaAFPS6b8k/u0hA4woSkHF8Wc6AW1qkMA8GA1Ud
+EwEB/wQFMAMBAf8wDQYJKoZIhvcNAQEFBQADggEBADWigiC7md2smgPH2Wo4W0Aw
+ON+gMfF3hsn1K6M3ce4ou61gcwGOKWsvxdCAvArhGVY0ijw0Tq47K/zqrmWoWute
+LtKPweVgAgvcOCro3NPVdXb46k/u8305es7LWNksJ3PaMw35GU6bhBrsUfGPeM6n
+J9QDUJiFCxwQTATfOwlNZucfTmdBLspajhNsjuKb3TqqKzy5a5nHkEWjEJrpcSg+
+P5HoTVQIzedaY2J2D8peE0V9zFDPhq3SsVxAXdyoGSNAXa9unGZyGbfH1/GeHwOn
+UTMZerv5c5Nv1MtOgwEWi7NkqWhAIf6rZDpXWLwZ1V258yhpwQ371MqklzJbyaY=
+-----END CERTIFICATE-----
diff --git a/services/web/test/acceptance/files/saml-key.pem b/services/web/test/acceptance/files/saml-key.pem
new file mode 100644
index 0000000..b7782aa
--- /dev/null
+++ b/services/web/test/acceptance/files/saml-key.pem
@@ -0,0 +1,28 @@
+-----BEGIN PRIVATE KEY-----
+MIIEwAIBADANBgkqhkiG9w0BAQEFAASCBKowggSmAgEAAoIBAQDYIr9gcwlf8QDd
+1NJogUZ1BIP78E8ai+CG87n+B9V/SmnpfI7DNhlRKNA+KLfkSp8A48dtoSWjRe7g
+PFhvrblVAO5uiRmMNYwf9z2ujMVA2JdnYEEHrZyCh1l/hqthhGmO9+D/pKKXNBRF
+FUaf2VnxBCO+K9K6U9pnVv6SxQCSnPsyvryAYFONFhHXk9P1aNMdidLKgE+erXeF
+x2JYNvWO3gEU6tvmdNHjPJSQuCsw/SzOlLdxGuJoNY7miAFyspHJifj2ztLc2T3+
+1fmWOupa1OL8nuqIoNtw+QNLgvS5MLQzxFubwprxZxMAR6P3GU15XRuT8PfiWvKO
+Fvr7OzvbAgMBAAECggEBAMaFhArvHtlE4GrhJDJhK3ooH6K1Y7Mab60FCP1P7MXy
+b73KbsbXVgG53yx48g96ivmiPndv4MZLYdING53Yj7aIGHjm7NRgCskBq2I8YqHh
+T4/gVVrcGDm8YHRGGfyERwDOpZeqfL0tVMDvfeMtHPPHvZzbW79RbfYlbccZtCD0
+54PPnXqcKBx/gsWi6RrRFWYChBpmMjPrxz/SOSIYVvxBk3rY7aikckP/XT6dR71K
+1Ifqqa6ihi8bx9NLEJPCWmMCNMmwDG5iJXr9gtMJAUnr+K8yD4vkDDwgDilU8mTC
+UtfcbYyl1lOnPGUjLx9xKuk9bsk4k/uDsBfUWK/lEgECgYEA78dlfsfQArOuAO8M
+GdU1R+OtLAofl1wyhcpDDcQZq9MMFvBCBSKkbw+Rg1IY/4WApKvPY9RbiVSFU8Cp
+d31JgW9wFADOhXtVlpRDZPJXXdS2zJaJatD3PrqIgKnNxKyqzz9gjuGMCiwBMujm
+FqrmkOREAN+1jqcSgsVuDQld2hsCgYEA5sHjQ37JftyJxKSHmKhZTr0I7BoRStox
+nOq3aSBqaWfihMFY1WW3eCyCoG+EltiJtScLRPor6MebPm9cqOPKnQcnC3l59OVW
+3UTC3g7JjflyiViminXMHDFtsZfpxSkzYA3+oPQJVl2bSj0ud21eXC/y2KN+8KO3
+Kd7KGVJyQUECgYEAsNiPswIMGPIM1AN7GVJ3CZ6Sinis9CW73ZFgAzcu99ugfwqU
+ptT2EjOZTxGt/keoqctOGoL1QERmUW83jjmJjT1znE08BJcCeRzA2CMk7L+GUz5z
++6RDtrA9HSgf636uPEyyGq+faaErATFlAjLp+tNglIRqk9wFew3CLTtLTSECgYEA
+mzpWXPMPLK3CZ2ueY4zr9tGnDNxEQawhr8Mc+jT6IEnn0RIXZgX0s3yNqssZ0Dd9
++0R2ikIYA5Ey138mP95sT9Gd7FQdPCaClnpI9APShhUFfWsLLR0s3tJJTiw4745V
+pwoC/dbr6RMzAW/CsEf8L9t5a04geFRJRHtATGRvw4ECgYEAwZ2PUuNZsmtGj0/o
+VneVCKNrUBMNDR5fOcMHKsNmowgDUxW0hEwa2JI1Zj5lLnqPbsgAQqP+j8AyfPAB
+5wCQb+fV5NmZW15GB/7dMkISaLvwBoA9qKK2MO2szWDRpMG6rkF6dzWhLOKgqaL0
+vsQx+F6ymMvXw0pnQf9/Qqxkp7k=
+-----END PRIVATE KEY-----
diff --git a/services/web/test/acceptance/files/test.tex b/services/web/test/acceptance/files/test.tex
new file mode 100644
index 0000000..8318c86
--- /dev/null
+++ b/services/web/test/acceptance/files/test.tex
@@ -0,0 +1 @@
+Test
\ No newline at end of file
diff --git a/services/web/test/acceptance/getModuleTargets.js b/services/web/test/acceptance/getModuleTargets.js
new file mode 100644
index 0000000..8e12482
--- /dev/null
+++ b/services/web/test/acceptance/getModuleTargets.js
@@ -0,0 +1,13 @@
+/* eslint-disable no-console */
+// silence settings module
+console.log = function () {}
+const Settings = require('@overleaf/settings')
+
+const MODULES = Settings.moduleImportSequence
+const TARGET = process.argv.slice(2).pop() || 'test_acceptance'
+
+if (TARGET === '--name-only') {
+  console.debug(MODULES.join('\n'))
+} else {
+  console.debug(MODULES.map(name => `modules/${name}/${TARGET}`).join('\n'))
+}
diff --git a/services/web/test/acceptance/src/ActiveUsersMetricTests.mjs b/services/web/test/acceptance/src/ActiveUsersMetricTests.mjs
new file mode 100644
index 0000000..8fbb661
--- /dev/null
+++ b/services/web/test/acceptance/src/ActiveUsersMetricTests.mjs
@@ -0,0 +1,36 @@
+import { promisify } from 'node:util'
+import { expect } from 'chai'
+import Features from '../../../app/src/infrastructure/Features.js'
+import MetricsHelper from './helpers/metrics.mjs'
+import UserHelper from './helpers/User.mjs'
+const sleep = promisify(setTimeout)
+
+const User = UserHelper.promises
+
+const getMetric = MetricsHelper.promises.getMetric
+
+async function getActiveUsersMetric() {
+  return getMetric(line => line.startsWith('num_active_users'))
+}
+
+describe('ActiveUsersMetricTests', function () {
+  before(async function () {
+    if (Features.hasFeature('saas')) {
+      this.skip()
+    }
+  })
+
+  it('updates "num_active_users" metric after a new user opens a project', async function () {
+    expect(await getActiveUsersMetric()).to.equal(0)
+
+    this.user = new User()
+    await this.user.login()
+    const projectId = await this.user.createProject('test project')
+    await this.user.openProject(projectId)
+
+    // settings.activeUserMetricInterval is configured to 100ms
+    await sleep(110)
+
+    expect(await getActiveUsersMetric()).to.equal(1)
+  })
+})
diff --git a/services/web/test/acceptance/src/AddSecondaryEmailTests.mjs b/services/web/test/acceptance/src/AddSecondaryEmailTests.mjs
new file mode 100644
index 0000000..2fdc770
--- /dev/null
+++ b/services/web/test/acceptance/src/AddSecondaryEmailTests.mjs
@@ -0,0 +1,193 @@
+import { expect } from 'chai'
+import UserHelper from './helpers/User.mjs'
+import logger from '@overleaf/logger'
+import sinon from 'sinon'
+import { db } from '../../../app/src/infrastructure/mongodb.js'
+import Features from '../../../app/src/infrastructure/Features.js'
+
+const User = UserHelper.promises
+
+describe('Add secondary email address confirmation code email', function () {
+  let spy
+  let user, user2, res, confirmCode
+
+  const extractConfirmCode = () => {
+    const emailDebugLog = spy.args.find(
+      ([, msg]) => msg === 'Would send email if enabled.'
+    )
+    const emailConfirmSubject = emailDebugLog[0].options.subject
+    return emailConfirmSubject.match(/\((\d{6})\)/)[1]
+  }
+
+  beforeEach(async function () {
+    if (!Features.hasFeature('saas')) {
+      this.skip()
+    }
+
+    spy = sinon.spy(logger, 'info')
+    user = new User()
+    await user.register()
+    await user.login()
+    spy.resetHistory()
+
+    res = await user.doRequest('POST', {
+      json: {
+        email: 'secondary@overleaf.com',
+      },
+      uri: `/user/emails/secondary`,
+    })
+
+    confirmCode = extractConfirmCode()
+  })
+
+  afterEach(function () {
+    if (!Features.hasFeature('saas')) {
+      this.skip()
+    }
+
+    spy.restore()
+  })
+
+  it('should send email with confirmation code', function () {
+    expect(res.response.statusCode).to.equal(200)
+    expect(confirmCode.length).to.equal(6)
+  })
+
+  describe('with a valid confirmation code', function () {
+    beforeEach(async function () {
+      this.result = await user.doRequest('POST', {
+        json: {
+          code: confirmCode,
+        },
+        uri: '/user/emails/confirm-secondary',
+      })
+    })
+
+    it('should redirect to /project', async function () {
+      expect(this.result.response.statusCode).to.equal(200)
+      expect(this.result.body.redir).to.equal('/project')
+    })
+
+    it('the new email should be saved in mongo', async function () {
+      const userInDb = await db.users.findOne(
+        { email: user.email },
+        { projection: { emails: 1 } }
+      )
+      expect(userInDb).to.exist
+      const newSecondaryEmail = userInDb.emails.find(
+        email => email.email === 'secondary@overleaf.com'
+      )
+      expect(newSecondaryEmail).to.exist
+      expect(newSecondaryEmail.confirmedAt).to.exist
+      expect(newSecondaryEmail.reconfirmedAt).to.exist
+      expect(newSecondaryEmail.reconfirmedAt).to.deep.equal(
+        newSecondaryEmail.confirmedAt
+      )
+    })
+  })
+
+  describe('with an invalid confirmation code', function () {
+    beforeEach(async function () {
+      this.result = await user.doRequest('POST', {
+        json: {
+          code: '123',
+        },
+        uri: '/user/emails/confirm-secondary',
+      })
+    })
+
+    it('should respond with invalid confirmation code error', async function () {
+      expect(this.result.response.statusCode).to.equal(403)
+      expect(this.result.body.message.key).to.equal('invalid_confirmation_code')
+    })
+  })
+
+  describe('with a duplicate email', async function () {
+    beforeEach(async function () {
+      await user.doRequest('POST', {
+        json: {
+          code: confirmCode,
+        },
+        uri: '/user/emails/confirm-secondary',
+      })
+
+      user2 = new User()
+      await user2.register()
+      await user2.login()
+    })
+
+    it('should respond with a email already registered error', async function () {
+      res = await user2.doRequest('POST', {
+        json: {
+          email: 'secondary@overleaf.com',
+        },
+        uri: `/user/emails/secondary`,
+      })
+
+      expect(res.response.statusCode).to.equal(409)
+      expect(res.body.message.text).to.equal('This email is already registered')
+    })
+  })
+
+  it('should hit rate limit on code check', async function () {
+    let confirmEmailReq
+    for (let i = 0; i < 20; i++) {
+      confirmEmailReq = await user.doRequest('POST', {
+        json: {
+          code: '123',
+        },
+        uri: '/user/emails/confirm-secondary',
+      })
+    }
+
+    expect(confirmEmailReq.response.statusCode).to.equal(429)
+  })
+
+  it('should resend confirm code', async function () {
+    const oldConfirmCode = extractConfirmCode()
+    spy.resetHistory()
+
+    const resendCodeRes = await user.doRequest('POST', {
+      uri: '/user/emails/resend-secondary-confirmation',
+    })
+
+    const newConfirmCode = extractConfirmCode()
+
+    expect(resendCodeRes.response.statusCode).to.equal(200)
+    expect(JSON.parse(resendCodeRes.body).message.key).to.equal(
+      'we_sent_new_code'
+    )
+
+    const oldConfirmRes = await user.doRequest('POST', {
+      json: {
+        code: oldConfirmCode,
+      },
+      uri: '/user/emails/confirm-secondary',
+    })
+
+    expect(oldConfirmRes.response.statusCode).to.equal(403)
+    expect(oldConfirmRes.body.message.key).to.equal('invalid_confirmation_code')
+
+    const newCodeRes = await user.doRequest('POST', {
+      json: {
+        code: newConfirmCode,
+      },
+      uri: '/user/emails/confirm-secondary',
+    })
+
+    expect(newCodeRes.response.statusCode).to.equal(200)
+    expect(newCodeRes.body.redir).to.equal('/project')
+  })
+
+  it('should hit rate limit on code resend', async function () {
+    let resendCodeReq
+    for (let i = 0; i < 5; i++) {
+      resendCodeReq = await user.doRequest('POST', {
+        json: true,
+        uri: '/user/emails/resend-secondary-confirmation',
+      })
+    }
+
+    expect(resendCodeReq.response.statusCode).to.equal(429)
+  })
+})
diff --git a/services/web/test/acceptance/src/AdminEmailTests.mjs b/services/web/test/acceptance/src/AdminEmailTests.mjs
new file mode 100644
index 0000000..a1204f5
--- /dev/null
+++ b/services/web/test/acceptance/src/AdminEmailTests.mjs
@@ -0,0 +1,64 @@
+import OError from '@overleaf/o-error'
+import { expect } from 'chai'
+import async from 'async'
+import User from './helpers/User.mjs'
+
+describe('AdminEmails', function () {
+  beforeEach(function (done) {
+    this.timeout(5000)
+    done()
+  })
+
+  describe('an admin with an invalid email address', function () {
+    before(function (done) {
+      this.badUser = new User({ email: 'alice@evil.com' })
+      async.series(
+        [
+          cb => this.badUser.ensureUserExists(cb),
+          cb => this.badUser.ensureAdmin(cb),
+        ],
+        done
+      )
+    })
+
+    it('should block the user', function (done) {
+      this.badUser.login(err => {
+        // User.login refreshes the csrf token after login.
+        // Seeing the csrf token request fail "after login" indicates a successful login.
+        expect(OError.getFullStack(err)).to.match(/TaggedError: after login/)
+        expect(OError.getFullStack(err)).to.match(
+          /get csrf token failed: status=500 /
+        )
+        this.badUser.getProjectListPage((err, statusCode) => {
+          expect(err).to.not.exist
+          expect(statusCode).to.equal(500)
+          done()
+        })
+      })
+    })
+  })
+
+  describe('an admin with a valid email address', function () {
+    before(function (done) {
+      this.goodUser = new User({ email: 'alice@example.com' })
+      async.series(
+        [
+          cb => this.goodUser.ensureUserExists(cb),
+          cb => this.goodUser.ensureAdmin(cb),
+        ],
+        done
+      )
+    })
+
+    it('should not block the user', function (done) {
+      this.goodUser.login(err => {
+        expect(err).to.not.exist
+        this.goodUser.getProjectListPage((err, statusCode) => {
+          expect(err).to.not.exist
+          expect(statusCode).to.equal(200)
+          done()
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/AdminOnlyLoginTests.mjs b/services/web/test/acceptance/src/AdminOnlyLoginTests.mjs
new file mode 100644
index 0000000..c0fce7f
--- /dev/null
+++ b/services/web/test/acceptance/src/AdminOnlyLoginTests.mjs
@@ -0,0 +1,70 @@
+import Settings from '@overleaf/settings'
+import { expect } from 'chai'
+import UserHelper from './helpers/User.mjs'
+
+const User = UserHelper.promises
+
+describe('AdminOnlyLogin', function () {
+  let adminUser, regularUser
+  const flagBefore = Settings.adminOnlyLogin
+  after(function () {
+    Settings.adminOnlyLogin = flagBefore
+  })
+
+  beforeEach('create admin user', async function () {
+    adminUser = new User()
+    await adminUser.ensureUserExists()
+    await adminUser.ensureAdmin()
+  })
+
+  beforeEach('create regular user', async function () {
+    regularUser = new User()
+    await regularUser.ensureUserExists()
+  })
+
+  async function expectCanLogin(user) {
+    const response = await user.login()
+    expect(response.statusCode).to.equal(200)
+    expect(response.body).to.deep.equal({ redir: '/project' })
+  }
+
+  async function expectRejectedLogin(user) {
+    try {
+      await user.login()
+      expect.fail('expected the login request to fail')
+    } catch (err) {
+      expect(err).to.match(/login failed: status=403/)
+      expect(err.info.body).to.deep.equal({
+        message: { type: 'error', text: 'Admin only panel' },
+      })
+    }
+  }
+
+  describe('adminOnlyLogin=true', function () {
+    beforeEach(function () {
+      Settings.adminOnlyLogin = true
+    })
+
+    it('should allow the admin user to login', async function () {
+      await expectCanLogin(adminUser)
+    })
+
+    it('should block a regular user from login', async function () {
+      await expectRejectedLogin(regularUser)
+    })
+  })
+
+  describe('adminOnlyLogin=false', function () {
+    beforeEach(function () {
+      Settings.adminOnlyLogin = false
+    })
+
+    it('should allow the admin user to login', async function () {
+      await expectCanLogin(adminUser)
+    })
+
+    it('should allow a regular user to login', async function () {
+      await expectCanLogin(regularUser)
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/AdminPrivilegeAvailableTests.mjs b/services/web/test/acceptance/src/AdminPrivilegeAvailableTests.mjs
new file mode 100644
index 0000000..93465bb
--- /dev/null
+++ b/services/web/test/acceptance/src/AdminPrivilegeAvailableTests.mjs
@@ -0,0 +1,142 @@
+import Settings from '@overleaf/settings'
+import { expect } from 'chai'
+import UserHelper from './helpers/User.mjs'
+import { getSafeAdminDomainRedirect } from '../../../app/src/Features/Helpers/UrlHelper.js'
+
+const User = UserHelper.promises
+
+describe('AdminPrivilegeAvailable', function () {
+  let adminUser, otherUser
+  const flagBefore = Settings.adminPrivilegeAvailable
+  after(function () {
+    Settings.adminPrivilegeAvailable = flagBefore
+  })
+
+  beforeEach('create admin user', async function () {
+    adminUser = new User()
+    await adminUser.ensureUserExists()
+    await adminUser.ensureAdmin()
+    await adminUser.login()
+  })
+
+  let projectIdOwned, otherUsersProjectId, otherUsersProjectTokenAccessURL
+  beforeEach('create owned project', async function () {
+    projectIdOwned = await adminUser.createProject('owned project')
+  })
+
+  beforeEach('create other user and project', async function () {
+    otherUser = new User({
+      email: 'test@non-staff.com',
+      confirmedAt: new Date(),
+    })
+    await otherUser.login()
+
+    otherUsersProjectId = await otherUser.createProject('other users project')
+    await otherUser.makeTokenBased(otherUsersProjectId)
+    const {
+      tokens: { readOnly: readOnlyToken },
+    } = await otherUser.getProject(otherUsersProjectId)
+    otherUsersProjectTokenAccessURL = `/read/${readOnlyToken}`
+  })
+
+  async function hasAccess(projectId) {
+    const { response } = await adminUser.doRequest(
+      'GET',
+      `/project/${projectId}`
+    )
+    return response.statusCode === 200
+  }
+
+  async function displayTokenAccessPage(user) {
+    const { response } = await user.doRequest(
+      'GET',
+      otherUsersProjectTokenAccessURL
+    )
+    expect(response.statusCode).to.equal(200)
+    expect(response.body).to.include(otherUsersProjectTokenAccessURL)
+  }
+
+  describe('adminPrivilegeAvailable=true', function () {
+    beforeEach(function () {
+      Settings.adminPrivilegeAvailable = true
+    })
+    it('should grant the admin access to owned project', async function () {
+      expect(await hasAccess(projectIdOwned)).to.equal(true)
+    })
+    it('should grant the admin access to non-owned project', async function () {
+      expect(await hasAccess(otherUsersProjectId)).to.equal(true)
+    })
+    it('should display token access page for admin', async function () {
+      await displayTokenAccessPage(adminUser)
+    })
+    it('should display token access page for regular user', async function () {
+      await displayTokenAccessPage(otherUser)
+    })
+    it('should redirect a token grant request to project page', async function () {
+      const { response } = await adminUser.doRequest('POST', {
+        url: `${otherUsersProjectTokenAccessURL}/grant`,
+        json: {
+          confirmedByUser: true,
+        },
+      })
+      expect(response.statusCode).to.equal(200)
+      expect(response.body.redirect).to.equal(`/project/${otherUsersProjectId}`)
+    })
+  })
+
+  describe('adminPrivilegeAvailable=false', function () {
+    beforeEach(function () {
+      Settings.adminPrivilegeAvailable = false
+    })
+    it('should grant the admin access to owned project', async function () {
+      expect(await hasAccess(projectIdOwned)).to.equal(true)
+    })
+    it('should block the admin from non-owned project', async function () {
+      expect(await hasAccess(otherUsersProjectId)).to.equal(false)
+    })
+    it('should display token access page for admin', async function () {
+      displayTokenAccessPage(adminUser)
+    })
+    it('should display token access page for regular user', async function () {
+      await displayTokenAccessPage(otherUser)
+    })
+    it('should redirect a token grant request to admin panel if belongs to non-staff', async function () {
+      const { response } = await adminUser.doRequest('POST', {
+        url: `${otherUsersProjectTokenAccessURL}/grant`,
+        json: {
+          confirmedByUser: true,
+        },
+      })
+      expect(response.statusCode).to.equal(200)
+      expect(response.body.redirect).to.equal(
+        getSafeAdminDomainRedirect(otherUsersProjectTokenAccessURL)
+      )
+    })
+
+    it('should redirect a token grant request to project page if belongs to staff', async function () {
+      const staff = new User({
+        email: `test@${Settings.adminDomains[0]}`,
+        confirmedAt: new Date(),
+      })
+      await staff.ensureUserExists()
+      await staff.ensureAdmin()
+      await staff.login()
+
+      const staffProjectId = await staff.createProject('staff user project')
+      await staff.makeTokenBased(staffProjectId)
+      const {
+        tokens: { readOnly: readOnlyTokenAdmin },
+      } = await staff.getProject(staffProjectId)
+      const staffProjectTokenAccessURL = `/read/${readOnlyTokenAdmin}`
+
+      const { response } = await adminUser.doRequest('POST', {
+        url: `${staffProjectTokenAccessURL}/grant`,
+        json: {
+          confirmedByUser: true,
+        },
+      })
+      expect(response.statusCode).to.equal(200)
+      expect(response.body.redirect).to.equal(`/project/${staffProjectId}`)
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/AuthenticationTests.mjs b/services/web/test/acceptance/src/AuthenticationTests.mjs
new file mode 100644
index 0000000..aea57f3
--- /dev/null
+++ b/services/web/test/acceptance/src/AuthenticationTests.mjs
@@ -0,0 +1,155 @@
+import { expect } from 'chai'
+import mongodb from 'mongodb-legacy'
+import Settings from '@overleaf/settings'
+import UserHelper from './helpers/User.mjs'
+
+const ObjectId = mongodb.ObjectId
+
+const User = UserHelper.promises
+
+describe('Authentication', function () {
+  let user
+  beforeEach('init vars', function () {
+    user = new User()
+  })
+
+  describe('CSRF regeneration on login', function () {
+    it('should prevent use of csrf token from before login', function (done) {
+      user.logout(err => {
+        if (err) {
+          return done(err)
+        }
+        user.getCsrfToken(err => {
+          if (err) {
+            return done(err)
+          }
+          const oldToken = user.csrfToken
+          user.login(err => {
+            if (err) {
+              return done(err)
+            }
+            expect(oldToken === user.csrfToken).to.equal(false)
+            user.request.post(
+              {
+                headers: {
+                  'x-csrf-token': oldToken,
+                },
+                url: '/project/new',
+                json: { projectName: 'test' },
+              },
+              (err, response, body) => {
+                expect(err).to.not.exist
+                expect(response.statusCode).to.equal(403)
+                expect(body).to.equal('Forbidden')
+                done()
+              }
+            )
+          })
+        })
+      })
+    })
+  })
+
+  describe('login', function () {
+    beforeEach('doLogin', async function () {
+      await user.login()
+    })
+
+    it('should log the user in', async function () {
+      const {
+        response: { statusCode },
+      } = await user.doRequest('GET', '/project')
+      expect(statusCode).to.equal(200)
+    })
+
+    it('should emit an user auditLog entry for the login', async function () {
+      const auditLog = await user.getAuditLog()
+      const auditLogEntry = auditLog[0]
+      expect(auditLogEntry).to.exist
+      expect(auditLogEntry.timestamp).to.exist
+      expect(auditLogEntry.initiatorId).to.deep.equal(new ObjectId(user.id))
+      expect(auditLogEntry.userId).to.deep.equal(new ObjectId(user.id))
+      expect(auditLogEntry.operation).to.equal('login')
+      expect(auditLogEntry.info).to.deep.equal({
+        method: 'Password login',
+        captcha: 'solved',
+        fromKnownDevice: false,
+      })
+      expect(auditLogEntry.ipAddress).to.equal('127.0.0.1')
+    })
+  })
+
+  describe('failed login', function () {
+    beforeEach('fetchCsrfToken', async function () {
+      await user.login()
+      await user.logout()
+      await user.getCsrfToken()
+    })
+    it('should return a 401, and add an entry to the audit log', async function () {
+      const {
+        response: { statusCode },
+      } = await user.doRequest('POST', {
+        url: Settings.enableLegacyLogin ? '/login/legacy' : '/login',
+        json: {
+          email: user.email,
+          password: 'foo-bar-baz',
+          'g-recaptcha-response': 'valid',
+        },
+      })
+      expect(statusCode).to.equal(401)
+      const auditLog = await user.getAuditLog()
+      const auditLogEntry = auditLog.pop()
+      expect(auditLogEntry).to.exist
+      expect(auditLogEntry.timestamp).to.exist
+      expect(auditLogEntry.initiatorId).to.deep.equal(new ObjectId(user.id))
+      expect(auditLogEntry.userId).to.deep.equal(new ObjectId(user.id))
+      expect(auditLogEntry.operation).to.equal('failed-password-match')
+      expect(auditLogEntry.info).to.deep.equal({
+        method: 'Password login',
+        fromKnownDevice: true,
+      })
+      expect(auditLogEntry.ipAddress).to.equal('127.0.0.1')
+    })
+  })
+
+  describe('rate-limit', function () {
+    beforeEach('fetchCsrfToken', async function () {
+      await user.login()
+      await user.logout()
+      await user.getCsrfToken()
+    })
+    const tryLogin = async (i = 0) => {
+      const {
+        response: { statusCode },
+      } = await user.doRequest('POST', {
+        url: Settings.enableLegacyLogin ? '/login/legacy' : '/login',
+        json: {
+          email: `${user.email}${' '.repeat(i)}`,
+          password: 'wrong-password',
+          'g-recaptcha-response': 'valid',
+        },
+      })
+      return statusCode
+    }
+    it('should return 429 after 10 unsuccessful login attempts', async function () {
+      for (let i = 0; i < 10; i++) {
+        const statusCode = await tryLogin()
+        expect(statusCode).to.equal(401)
+      }
+      for (let i = 0; i < 10; i++) {
+        const statusCode = await tryLogin()
+        expect(statusCode).to.equal(429)
+      }
+    })
+    it('ignore extra spaces in email address', async function () {
+      for (let i = 0; i < 10; i++) {
+        const statusCode = await tryLogin(i)
+        expect(statusCode).to.equal(401)
+      }
+      for (let i = 0; i < 10; i++) {
+        const statusCode = await tryLogin(i)
+        expect(statusCode).to.equal(429)
+      }
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/AuthorizationTests.mjs b/services/web/test/acceptance/src/AuthorizationTests.mjs
new file mode 100644
index 0000000..bd79641
--- /dev/null
+++ b/services/web/test/acceptance/src/AuthorizationTests.mjs
@@ -0,0 +1,766 @@
+import { expect } from 'chai'
+import async from 'async'
+import User from './helpers/User.mjs'
+import request from './helpers/request.js'
+import settings from '@overleaf/settings'
+import Features from '../../../app/src/infrastructure/Features.js'
+import expectErrorResponse from './helpers/expectErrorResponse.mjs'
+
+function tryReadAccess(user, projectId, test, callback) {
+  async.series(
+    [
+      cb =>
+        user.request.get(`/project/${projectId}`, (error, response, body) => {
+          if (error != null) {
+            return cb(error)
+          }
+          test(response, body)
+          cb()
+        }),
+      cb =>
+        user.request.get(
+          `/project/${projectId}/download/zip`,
+          (error, response, body) => {
+            if (error != null) {
+              return cb(error)
+            }
+            test(response, body)
+            cb()
+          }
+        ),
+    ],
+    callback
+  )
+}
+
+function tryRenameProjectAccess(user, projectId, test, callback) {
+  user.request.post(
+    {
+      uri: `/project/${projectId}/settings`,
+      json: {
+        name: 'new name',
+      },
+    },
+    (error, response, body) => {
+      if (error != null) {
+        return callback(error)
+      }
+      test(response, body)
+      callback()
+    }
+  )
+}
+
+function trySettingsWriteAccess(user, projectId, test, callback) {
+  async.series(
+    [
+      cb =>
+        user.request.post(
+          {
+            uri: `/project/${projectId}/settings`,
+            json: {
+              compiler: 'latex',
+            },
+          },
+          (error, response, body) => {
+            if (error != null) {
+              return cb(error)
+            }
+            test(response, body)
+            cb()
+          }
+        ),
+    ],
+    callback
+  )
+}
+
+function tryProjectAdminAccess(user, projectId, test, callback) {
+  async.series(
+    [
+      cb =>
+        user.request.post(
+          {
+            uri: `/project/${projectId}/rename`,
+            json: {
+              newProjectName: 'new-name',
+            },
+          },
+          (error, response, body) => {
+            if (error != null) {
+              return cb(error)
+            }
+            test(response, body)
+            cb()
+          }
+        ),
+      cb =>
+        user.request.post(
+          {
+            uri: `/project/${projectId}/settings/admin`,
+            json: {
+              publicAccessLevel: 'private',
+            },
+          },
+          (error, response, body) => {
+            if (error != null) {
+              return cb(error)
+            }
+            test(response, body)
+            cb()
+          }
+        ),
+    ],
+    callback
+  )
+}
+
+function tryAdminAccess(user, test, callback) {
+  async.series(
+    [
+      cb =>
+        user.request.get(
+          {
+            uri: '/admin',
+          },
+          (error, response, body) => {
+            if (error != null) {
+              return cb(error)
+            }
+            test(response, body)
+            cb()
+          }
+        ),
+      cb => {
+        if (!Features.hasFeature('saas')) {
+          return cb()
+        }
+        user.request.get(
+          {
+            uri: `/admin/user/${user._id}`,
+          },
+          (error, response, body) => {
+            if (error != null) {
+              return cb(error)
+            }
+            test(response, body)
+            cb()
+          }
+        )
+      },
+    ],
+    callback
+  )
+}
+
+function tryContentAccess(user, projectId, test, callback) {
+  // The real-time service calls this end point to determine the user's
+  // permissions.
+  let userId
+  if (user.id != null) {
+    userId = user.id
+  } else {
+    userId = 'anonymous-user'
+  }
+  request.post(
+    {
+      url: `/project/${projectId}/join`,
+      auth: {
+        user: settings.apis.web.user,
+        pass: settings.apis.web.pass,
+        sendImmediately: true,
+      },
+      json: { userId },
+      jar: false,
+    },
+    (error, response, body) => {
+      if (error != null) {
+        return callback(error)
+      }
+      test(response, body)
+      callback()
+    }
+  )
+}
+
+function expectAdminAccess(user, callback) {
+  tryAdminAccess(
+    user,
+    response => expect(response.statusCode).to.be.oneOf([200, 204]),
+    callback
+  )
+}
+
+function expectRedirectedAdminAccess(user, callback) {
+  tryAdminAccess(
+    user,
+    response => {
+      expect(response.statusCode).to.equal(302)
+      expect(response.headers.location).to.equal(
+        settings.adminUrl + response.request.uri.pathname
+      )
+    },
+    callback
+  )
+}
+
+function expectReadAccess(user, projectId, callback) {
+  async.series(
+    [
+      cb =>
+        tryReadAccess(
+          user,
+          projectId,
+          (response, body) =>
+            expect(response.statusCode).to.be.oneOf([200, 204]),
+          cb
+        ),
+      cb =>
+        tryContentAccess(
+          user,
+          projectId,
+          (response, body) =>
+            expect(body.privilegeLevel).to.be.oneOf([
+              'owner',
+              'readAndWrite',
+              'readOnly',
+            ]),
+          cb
+        ),
+    ],
+    callback
+  )
+}
+
+function expectContentWriteAccess(user, projectId, callback) {
+  tryContentAccess(
+    user,
+    projectId,
+    (response, body) =>
+      expect(body.privilegeLevel).to.be.oneOf(['owner', 'readAndWrite']),
+    callback
+  )
+}
+
+function expectRenameProjectAccess(user, projectId, callback) {
+  tryRenameProjectAccess(
+    user,
+    projectId,
+    (response, body) => {
+      expect(response.statusCode).to.be.oneOf([200, 204])
+    },
+    callback
+  )
+}
+
+function expectSettingsWriteAccess(user, projectId, callback) {
+  trySettingsWriteAccess(
+    user,
+    projectId,
+    (response, body) => expect(response.statusCode).to.be.oneOf([200, 204]),
+    callback
+  )
+}
+
+function expectProjectAdminAccess(user, projectId, callback) {
+  tryProjectAdminAccess(
+    user,
+    projectId,
+    (response, body) => expect(response.statusCode).to.be.oneOf([200, 204]),
+    callback
+  )
+}
+
+function expectNoReadAccess(user, projectId, callback) {
+  async.series(
+    [
+      cb =>
+        tryReadAccess(user, projectId, expectErrorResponse.restricted.html, cb),
+      cb =>
+        tryContentAccess(
+          user,
+          projectId,
+          (response, body) => {
+            expect(response.statusCode).to.equal(403)
+            expect(body).to.equal('Forbidden')
+          },
+          cb
+        ),
+    ],
+    callback
+  )
+}
+
+function expectNoContentWriteAccess(user, projectId, callback) {
+  tryContentAccess(
+    user,
+    projectId,
+    (response, body) =>
+      expect(body.privilegeLevel).to.be.oneOf([undefined, null, 'readOnly']),
+    callback
+  )
+}
+
+function expectNoSettingsWriteAccess(user, projectId, callback) {
+  trySettingsWriteAccess(
+    user,
+    projectId,
+    expectErrorResponse.restricted.json,
+    callback
+  )
+}
+
+function expectNoRenameProjectAccess(user, projectId, callback) {
+  tryRenameProjectAccess(
+    user,
+    projectId,
+    expectErrorResponse.restricted.json,
+    callback
+  )
+}
+
+function expectNoProjectAdminAccess(user, projectId, callback) {
+  tryProjectAdminAccess(
+    user,
+    projectId,
+    (response, body) => {
+      expect(response.statusCode).to.equal(403)
+    },
+    callback
+  )
+}
+
+function expectNoAnonymousProjectAdminAccess(user, projectId, callback) {
+  tryProjectAdminAccess(
+    user,
+    projectId,
+    expectErrorResponse.requireLogin.json,
+    callback
+  )
+}
+
+function expectChatAccess(user, projectId, callback) {
+  user.request.get(
+    {
+      url: `/project/${projectId}/messages`,
+      json: true,
+    },
+    (error, response) => {
+      if (error != null) {
+        return callback(error)
+      }
+      expect(response.statusCode).to.equal(200)
+      callback()
+    }
+  )
+}
+
+function expectNoChatAccess(user, projectId, callback) {
+  user.request.get(
+    {
+      url: `/project/${projectId}/messages`,
+      json: true,
+    },
+    (error, response) => {
+      if (error != null) {
+        return callback(error)
+      }
+      expect(response.statusCode).to.equal(403)
+      callback()
+    }
+  )
+}
+
+describe('Authorization', function () {
+  beforeEach(function (done) {
+    this.timeout(90000)
+    this.owner = new User()
+    this.other1 = new User()
+    this.other2 = new User()
+    this.anon = new User()
+    this.site_admin = new User({ email: 'admin@example.com' })
+    async.parallel(
+      [
+        cb => this.owner.login(cb),
+        cb => this.other1.login(cb),
+        cb => this.other2.login(cb),
+        cb => this.anon.getCsrfToken(cb),
+        cb => {
+          this.site_admin.ensureUserExists(err => {
+            if (err) return cb(err)
+            this.site_admin.ensureAdmin(err => {
+              if (err != null) {
+                return cb(err)
+              }
+              return this.site_admin.login(cb)
+            })
+          })
+        },
+      ],
+      done
+    )
+  })
+
+  describe('private project', function () {
+    beforeEach(function (done) {
+      this.owner.createProject('private-project', (error, projectId) => {
+        if (error != null) {
+          return done(error)
+        }
+        this.projectId = projectId
+        done()
+      })
+    })
+
+    it('should allow the owner read access to it', function (done) {
+      expectReadAccess(this.owner, this.projectId, done)
+    })
+
+    it('should allow the owner write access to its content', function (done) {
+      expectContentWriteAccess(this.owner, this.projectId, done)
+    })
+
+    it('should allow the owner write access to its settings', function (done) {
+      expectSettingsWriteAccess(this.owner, this.projectId, done)
+    })
+
+    it('should allow the owner to rename the project', function (done) {
+      expectRenameProjectAccess(this.owner, this.projectId, done)
+    })
+
+    it('should allow the owner project admin access to it', function (done) {
+      expectProjectAdminAccess(this.owner, this.projectId, done)
+    })
+
+    it('should allow the owner user chat messages access', function (done) {
+      expectChatAccess(this.owner, this.projectId, done)
+    })
+
+    it('should not allow another user read access to the project', function (done) {
+      expectNoReadAccess(this.other1, this.projectId, done)
+    })
+
+    it('should not allow another user write access to its content', function (done) {
+      expectNoContentWriteAccess(this.other1, this.projectId, done)
+    })
+
+    it('should not allow another user write access to its settings', function (done) {
+      expectNoSettingsWriteAccess(this.other1, this.projectId, done)
+    })
+
+    it('should not allow another user to rename the project', function (done) {
+      expectNoRenameProjectAccess(this.other1, this.projectId, done)
+    })
+
+    it('should not allow another user project admin access to it', function (done) {
+      expectNoProjectAdminAccess(this.other1, this.projectId, done)
+    })
+
+    it('should not allow another user chat messages access', function (done) {
+      expectNoChatAccess(this.other1, this.projectId, done)
+    })
+
+    it('should not allow anonymous user read access to it', function (done) {
+      expectNoReadAccess(this.anon, this.projectId, done)
+    })
+
+    it('should not allow anonymous user write access to its content', function (done) {
+      expectNoContentWriteAccess(this.anon, this.projectId, done)
+    })
+
+    it('should not allow anonymous user write access to its settings', function (done) {
+      expectNoSettingsWriteAccess(this.anon, this.projectId, done)
+    })
+
+    it('should not allow anonymous user to rename the project', function (done) {
+      expectNoRenameProjectAccess(this.anon, this.projectId, done)
+    })
+
+    it('should not allow anonymous user project admin access to it', function (done) {
+      expectNoAnonymousProjectAdminAccess(this.anon, this.projectId, done)
+    })
+
+    it('should not allow anonymous user chat messages access', function (done) {
+      expectNoChatAccess(this.anon, this.projectId, done)
+    })
+
+    describe('with admin privilege available', function () {
+      beforeEach(function () {
+        settings.adminPrivilegeAvailable = true
+      })
+
+      it('should allow site admin users read access to it', function (done) {
+        expectReadAccess(this.site_admin, this.projectId, done)
+      })
+
+      it('should allow site admin users write access to its content', function (done) {
+        expectContentWriteAccess(this.site_admin, this.projectId, done)
+      })
+
+      it('should allow site admin users write access to its settings', function (done) {
+        expectSettingsWriteAccess(this.site_admin, this.projectId, done)
+      })
+
+      it('should allow site admin users to rename the project', function (done) {
+        expectRenameProjectAccess(this.site_admin, this.projectId, done)
+      })
+
+      it('should allow site admin users project admin access to it', function (done) {
+        expectProjectAdminAccess(this.site_admin, this.projectId, done)
+      })
+
+      it('should allow site admin users site admin access to site admin endpoints', function (done) {
+        expectAdminAccess(this.site_admin, done)
+      })
+    })
+
+    describe('with admin privilege unavailable', function () {
+      beforeEach(function () {
+        settings.adminPrivilegeAvailable = false
+      })
+      afterEach(function () {
+        settings.adminPrivilegeAvailable = true
+      })
+
+      it('should not allow site admin users read access to it', function (done) {
+        expectNoReadAccess(this.site_admin, this.projectId, done)
+      })
+
+      it('should not allow site admin users write access to its content', function (done) {
+        expectNoContentWriteAccess(this.site_admin, this.projectId, done)
+      })
+
+      it('should not allow site admin users write access to its settings', function (done) {
+        expectNoSettingsWriteAccess(this.site_admin, this.projectId, done)
+      })
+
+      it('should not allow site admin users to rename the project', function (done) {
+        expectNoRenameProjectAccess(this.site_admin, this.projectId, done)
+      })
+
+      it('should not allow site admin users project admin access to it', function (done) {
+        expectNoProjectAdminAccess(this.site_admin, this.projectId, done)
+      })
+
+      it('should redirect site admin users when accessing site admin endpoints', function (done) {
+        expectRedirectedAdminAccess(this.site_admin, done)
+      })
+    })
+  })
+
+  describe('shared project', function () {
+    beforeEach(function (done) {
+      this.rw_user = this.other1
+      this.ro_user = this.other2
+      this.owner.createProject('private-project', (error, projectId) => {
+        if (error != null) {
+          return done(error)
+        }
+        this.projectId = projectId
+        this.owner.addUserToProject(
+          this.projectId,
+          this.ro_user,
+          'readOnly',
+          error => {
+            if (error != null) {
+              return done(error)
+            }
+            this.owner.addUserToProject(
+              this.projectId,
+              this.rw_user,
+              'readAndWrite',
+              error => {
+                if (error != null) {
+                  return done(error)
+                }
+                done()
+              }
+            )
+          }
+        )
+      })
+    })
+
+    it('should allow the read-only user read access to it', function (done) {
+      expectReadAccess(this.ro_user, this.projectId, done)
+    })
+
+    it('should allow the read-only user chat messages access', function (done) {
+      expectChatAccess(this.ro_user, this.projectId, done)
+    })
+
+    it('should not allow the read-only user write access to its content', function (done) {
+      expectNoContentWriteAccess(this.ro_user, this.projectId, done)
+    })
+
+    it('should not allow the read-only user write access to its settings', function (done) {
+      expectNoSettingsWriteAccess(this.ro_user, this.projectId, done)
+    })
+
+    it('should not allow the read-only user to rename the project', function (done) {
+      expectNoRenameProjectAccess(this.ro_user, this.projectId, done)
+    })
+
+    it('should not allow the read-only user project admin access to it', function (done) {
+      expectNoProjectAdminAccess(this.ro_user, this.projectId, done)
+    })
+
+    it('should allow the read-write user read access to it', function (done) {
+      expectReadAccess(this.rw_user, this.projectId, done)
+    })
+
+    it('should allow the read-write user write access to its content', function (done) {
+      expectContentWriteAccess(this.rw_user, this.projectId, done)
+    })
+
+    it('should allow the read-write user write access to its settings', function (done) {
+      expectSettingsWriteAccess(this.rw_user, this.projectId, done)
+    })
+
+    it('should not allow the read-write user to rename the project', function (done) {
+      expectNoRenameProjectAccess(this.rw_user, this.projectId, done)
+    })
+
+    it('should not allow the read-write user project admin access to it', function (done) {
+      expectNoProjectAdminAccess(this.rw_user, this.projectId, done)
+    })
+
+    it('should allow the read-write user chat messages access', function (done) {
+      expectChatAccess(this.rw_user, this.projectId, done)
+    })
+  })
+
+  describe('public read-write project', function () {
+    /**
+     * Note: this is a test for the legacy "public access" feature.
+     * See documentation comment in `Authorization/PublicAccessLevels`
+     * */
+    beforeEach(function (done) {
+      this.owner.createProject('public-rw-project', (error, projectId) => {
+        if (error != null) {
+          return done(error)
+        }
+        this.projectId = projectId
+        this.owner.makePublic(this.projectId, 'readAndWrite', done)
+      })
+    })
+
+    it('should allow a user read access to it', function (done) {
+      expectReadAccess(this.other1, this.projectId, done)
+    })
+
+    it('should allow a user write access to its content', function (done) {
+      expectContentWriteAccess(this.other1, this.projectId, done)
+    })
+
+    it('should allow a user chat messages access', function (done) {
+      expectChatAccess(this.other1, this.projectId, done)
+    })
+
+    it('should not allow a user write access to its settings', function (done) {
+      expectNoSettingsWriteAccess(this.other1, this.projectId, done)
+    })
+
+    it('should not allow a user to rename the project', function (done) {
+      expectNoRenameProjectAccess(this.other1, this.projectId, done)
+    })
+
+    it('should not allow a user project admin access to it', function (done) {
+      expectNoProjectAdminAccess(this.other1, this.projectId, done)
+    })
+
+    it('should allow an anonymous user read access to it', function (done) {
+      expectReadAccess(this.anon, this.projectId, done)
+    })
+
+    it('should allow an anonymous user write access to its content', function (done) {
+      expectContentWriteAccess(this.anon, this.projectId, done)
+    })
+
+    it('should allow an anonymous user chat messages access', function (done) {
+      // chat access for anonymous users is a CE/SP-only feature, although currently broken
+      // https://github.com/overleaf/internal/issues/10944
+      if (Features.hasFeature('saas')) {
+        this.skip()
+      }
+      expectChatAccess(this.anon, this.projectId, done)
+    })
+
+    it('should not allow an anonymous user write access to its settings', function (done) {
+      expectNoSettingsWriteAccess(this.anon, this.projectId, done)
+    })
+
+    it('should not allow an anonymous user to rename the project', function (done) {
+      expectNoRenameProjectAccess(this.anon, this.projectId, done)
+    })
+
+    it('should not allow an anonymous user project admin access to it', function (done) {
+      expectNoAnonymousProjectAdminAccess(this.anon, this.projectId, done)
+    })
+  })
+
+  describe('public read-only project', function () {
+    /**
+     * Note: this is a test for the legacy "public access" feature.
+     * See documentation comment in `Authorization/PublicAccessLevels`
+     * */
+    beforeEach(function (done) {
+      this.owner.createProject('public-ro-project', (error, projectId) => {
+        if (error != null) {
+          return done(error)
+        }
+        this.projectId = projectId
+        this.owner.makePublic(this.projectId, 'readOnly', done)
+      })
+    })
+
+    it('should allow a user read access to it', function (done) {
+      expectReadAccess(this.other1, this.projectId, done)
+    })
+
+    it('should not allow a user write access to its content', function (done) {
+      expectNoContentWriteAccess(this.other1, this.projectId, done)
+    })
+
+    it('should not allow a user write access to its settings', function (done) {
+      expectNoSettingsWriteAccess(this.other1, this.projectId, done)
+    })
+
+    it('should not allow a user to rename the project', function (done) {
+      expectNoRenameProjectAccess(this.other1, this.projectId, done)
+    })
+
+    it('should not allow a user project admin access to it', function (done) {
+      expectNoProjectAdminAccess(this.other1, this.projectId, done)
+    })
+
+    // NOTE: legacy readOnly access does not count as 'restricted' in the new model
+    it('should allow a user chat messages access', function (done) {
+      expectChatAccess(this.other1, this.projectId, done)
+    })
+
+    it('should allow an anonymous user read access to it', function (done) {
+      expectReadAccess(this.anon, this.projectId, done)
+    })
+
+    it('should not allow an anonymous user write access to its content', function (done) {
+      expectNoContentWriteAccess(this.anon, this.projectId, done)
+    })
+
+    it('should not allow an anonymous user write access to its settings', function (done) {
+      expectNoSettingsWriteAccess(this.anon, this.projectId, done)
+    })
+
+    it('should not allow an anonymous user to rename the project', function (done) {
+      expectNoRenameProjectAccess(this.anon, this.projectId, done)
+    })
+
+    it('should not allow an anonymous user project admin access to it', function (done) {
+      expectNoAnonymousProjectAdminAccess(this.anon, this.projectId, done)
+    })
+
+    it('should not allow an anonymous user chat messages access', function (done) {
+      expectNoChatAccess(this.anon, this.projectId, done)
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/BackFillDeletedFilesTests.mjs b/services/web/test/acceptance/src/BackFillDeletedFilesTests.mjs
new file mode 100644
index 0000000..7c49d97
--- /dev/null
+++ b/services/web/test/acceptance/src/BackFillDeletedFilesTests.mjs
@@ -0,0 +1,176 @@
+import { exec } from 'node:child_process'
+import { promisify } from 'node:util'
+import { expect } from 'chai'
+import logger from '@overleaf/logger'
+import { db, ObjectId } from '../../../app/src/infrastructure/mongodb.js'
+import UserHelper from './helpers/User.mjs'
+
+const User = UserHelper.promises
+
+async function getDeletedFiles(projectId) {
+  return (await db.projects.findOne({ _id: projectId })).deletedFiles
+}
+
+async function setDeletedFiles(projectId, deletedFiles) {
+  await db.projects.updateOne({ _id: projectId }, { $set: { deletedFiles } })
+}
+
+async function unsetDeletedFiles(projectId) {
+  await db.projects.updateOne(
+    { _id: projectId },
+    { $unset: { deletedFiles: 1 } }
+  )
+}
+
+describe('BackFillDeletedFiles', function () {
+  let user, projectId1, projectId2, projectId3, projectId4, projectId5
+
+  beforeEach('create projects', async function () {
+    user = new User()
+    await user.login()
+
+    projectId1 = new ObjectId(await user.createProject('project1'))
+    projectId2 = new ObjectId(await user.createProject('project2'))
+    projectId3 = new ObjectId(await user.createProject('project3'))
+    projectId4 = new ObjectId(await user.createProject('project4'))
+    projectId5 = new ObjectId(await user.createProject('project5'))
+  })
+
+  let fileId1, fileId2, fileId3, fileId4
+  beforeEach('create files', function () {
+    // take a short cut and just allocate file ids
+    fileId1 = new ObjectId()
+    fileId2 = new ObjectId()
+    fileId3 = new ObjectId()
+    fileId4 = new ObjectId()
+  })
+  const otherFileDetails = {
+    name: 'universe.jpg',
+    linkedFileData: null,
+    hash: 'ed19e7d6779b47d8c63f6fa5a21954dcfb6cac00',
+    deletedAt: new Date(),
+    __v: 0,
+  }
+  let deletedFiles1, deletedFiles2, deletedFiles3
+  beforeEach('set deletedFiles details', async function () {
+    deletedFiles1 = [
+      { _id: fileId1, ...otherFileDetails },
+      { _id: fileId2, ...otherFileDetails },
+    ]
+    deletedFiles2 = [{ _id: fileId3, ...otherFileDetails }]
+    await setDeletedFiles(projectId1, deletedFiles1)
+    await setDeletedFiles(projectId2, deletedFiles2)
+
+    // a project without deletedFiles entries
+    await setDeletedFiles(projectId3, [])
+    // a project without deletedFiles array
+    await unsetDeletedFiles(projectId4)
+    // duplicate entry
+    deletedFiles3 = [
+      { _id: fileId4, ...otherFileDetails },
+      { _id: fileId4, ...otherFileDetails },
+    ]
+    await setDeletedFiles(projectId5, deletedFiles3)
+  })
+
+  async function runScript(args = []) {
+    let result
+    try {
+      result = await promisify(exec)(
+        ['LET_USER_DOUBLE_CHECK_INPUTS_FOR=1', 'VERBOSE_LOGGING=true']
+          .concat(['node', 'scripts/back_fill_deleted_files.mjs'])
+          .concat(args)
+          .join(' ')
+      )
+    } catch (error) {
+      // dump details like exit code, stdErr and stdOut
+      logger.error({ error }, 'script failed')
+      throw error
+    }
+    const { stdout: stdOut } = result
+
+    expect(stdOut).to.match(
+      new RegExp(`Running update on batch with ids .+${projectId1}`)
+    )
+    expect(stdOut).to.match(
+      new RegExp(`Running update on batch with ids .+${projectId2}`)
+    )
+    expect(stdOut).to.not.match(
+      new RegExp(`Running update on batch with ids .+${projectId3}`)
+    )
+    expect(stdOut).to.not.match(
+      new RegExp(`Running update on batch with ids .+${projectId4}`)
+    )
+    expect(stdOut).to.match(
+      new RegExp(`Running update on batch with ids .+${projectId5}`)
+    )
+  }
+
+  function checkAreFilesBackFilled() {
+    it('should back fill file and set projectId', async function () {
+      const docs = await db.deletedFiles
+        .find({}, { sort: { _id: 1 } })
+        .toArray()
+      expect(docs).to.deep.equal([
+        { _id: fileId1, projectId: projectId1, ...otherFileDetails },
+        { _id: fileId2, projectId: projectId1, ...otherFileDetails },
+        { _id: fileId3, projectId: projectId2, ...otherFileDetails },
+        { _id: fileId4, projectId: projectId5, ...otherFileDetails },
+      ])
+    })
+  }
+
+  describe('back fill only', function () {
+    beforeEach('run script', runScript)
+
+    checkAreFilesBackFilled()
+
+    it('should leave the deletedFiles as is', async function () {
+      expect(await getDeletedFiles(projectId1)).to.deep.equal(deletedFiles1)
+      expect(await getDeletedFiles(projectId2)).to.deep.equal(deletedFiles2)
+      expect(await getDeletedFiles(projectId5)).to.deep.equal(deletedFiles3)
+    })
+  })
+
+  describe('back fill and cleanup', function () {
+    beforeEach('run script with cleanup flag', async function () {
+      await runScript(['--perform-cleanup'])
+    })
+
+    checkAreFilesBackFilled()
+
+    it('should cleanup the deletedFiles', async function () {
+      expect(await getDeletedFiles(projectId1)).to.deep.equal([])
+      expect(await getDeletedFiles(projectId2)).to.deep.equal([])
+      expect(await getDeletedFiles(projectId5)).to.deep.equal([])
+    })
+  })
+
+  describe('fix partial inserts and cleanup', function () {
+    beforeEach('simulate one missing insert', async function () {
+      await setDeletedFiles(projectId1, [deletedFiles1[0]])
+    })
+    beforeEach('run script with cleanup flag', async function () {
+      await runScript(['--perform-cleanup'])
+    })
+    beforeEach('add case for one missing file', async function () {
+      await setDeletedFiles(projectId1, deletedFiles1)
+    })
+    beforeEach('add cases for no more files to insert', async function () {
+      await setDeletedFiles(projectId2, deletedFiles2)
+      await setDeletedFiles(projectId5, deletedFiles3)
+    })
+
+    beforeEach('fixing partial insert and cleanup', async function () {
+      await runScript(['--fix-partial-inserts', '--perform-cleanup'])
+    })
+
+    checkAreFilesBackFilled()
+
+    it('should cleanup the deletedFiles', async function () {
+      expect(await getDeletedFiles(projectId1)).to.deep.equal([])
+      expect(await getDeletedFiles(projectId2)).to.deep.equal([])
+      expect(await getDeletedFiles(projectId5)).to.deep.equal([])
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/BackFillDocNameForDeletedDocsTests.mjs b/services/web/test/acceptance/src/BackFillDocNameForDeletedDocsTests.mjs
new file mode 100644
index 0000000..97e1e1f
--- /dev/null
+++ b/services/web/test/acceptance/src/BackFillDocNameForDeletedDocsTests.mjs
@@ -0,0 +1,121 @@
+import { exec } from 'node:child_process'
+import { promisify } from 'node:util'
+import { expect } from 'chai'
+import logger from '@overleaf/logger'
+import { db, ObjectId } from '../../../app/src/infrastructure/mongodb.js'
+import UserHelper from './helpers/User.mjs'
+import { renderObjectId } from '@overleaf/mongo-utils/batchedUpdate.js'
+
+const User = UserHelper.promises
+
+async function getDeletedDocs(projectId) {
+  return (await db.projects.findOne({ _id: projectId })).deletedDocs
+}
+
+async function setDeletedDocs(projectId, deletedDocs) {
+  await db.projects.updateOne({ _id: projectId }, { $set: { deletedDocs } })
+}
+
+describe('BackFillDocNameForDeletedDocs', function () {
+  let user, projectId1, projectId2, docId1, docId2, docId3
+  beforeEach('create projects', async function () {
+    user = new User()
+    await user.login()
+
+    projectId1 = new ObjectId(await user.createProject('project1'))
+    projectId2 = new ObjectId(await user.createProject('project2'))
+  })
+  beforeEach('create docs', async function () {
+    docId1 = new ObjectId(
+      await user.createDocInProject(projectId1, null, 'doc1.tex')
+    )
+    docId2 = new ObjectId(
+      await user.createDocInProject(projectId1, null, 'doc2.tex')
+    )
+    docId3 = new ObjectId(
+      await user.createDocInProject(projectId2, null, 'doc3.tex')
+    )
+  })
+  beforeEach('deleted docs', async function () {
+    await user.deleteItemInProject(projectId1, 'doc', docId1)
+    await user.deleteItemInProject(projectId1, 'doc', docId2)
+    await user.deleteItemInProject(projectId2, 'doc', docId3)
+  })
+  beforeEach('insert doc stubs into docs collection', async function () {
+    await db.docs.insertMany([
+      { _id: docId1, deleted: true },
+      { _id: docId2, deleted: true },
+      { _id: docId3, deleted: true },
+    ])
+  })
+  let deletedDocs1, deletedDocs2
+  let deletedAt1, deletedAt2, deletedAt3
+  beforeEach('set deletedDocs details', async function () {
+    deletedAt1 = new Date()
+    deletedAt2 = new Date()
+    deletedAt3 = new Date()
+    deletedDocs1 = [
+      { _id: docId1, name: 'doc1.tex', deletedAt: deletedAt1 },
+      { _id: docId2, name: 'doc2.tex', deletedAt: deletedAt2 },
+    ]
+    deletedDocs2 = [{ _id: docId3, name: 'doc3.tex', deletedAt: deletedAt3 }]
+    await setDeletedDocs(projectId1, deletedDocs1)
+    await setDeletedDocs(projectId2, deletedDocs2)
+  })
+
+  async function runScript(args = []) {
+    let result
+    try {
+      result = await promisify(exec)(
+        ['LET_USER_DOUBLE_CHECK_INPUTS_FOR=1']
+          .concat(['node', 'scripts/back_fill_doc_name_for_deleted_docs.mjs'])
+          .concat(args)
+          .join(' ')
+      )
+    } catch (error) {
+      // dump details like exit code, stdErr and stdOut
+      logger.error({ error }, 'script failed')
+      throw error
+    }
+    const { stderr: stdErr } = result
+
+    expect(stdErr).to.include(
+      `Completed batch ending ${renderObjectId(projectId2)}`
+    )
+  }
+
+  function checkDocsBackFilled() {
+    it('should back fill names and deletedAt dates into docs', async function () {
+      const docs = await db.docs.find({}).toArray()
+      expect(docs).to.deep.equal([
+        { _id: docId1, deleted: true, name: 'doc1.tex', deletedAt: deletedAt1 },
+        { _id: docId2, deleted: true, name: 'doc2.tex', deletedAt: deletedAt2 },
+        { _id: docId3, deleted: true, name: 'doc3.tex', deletedAt: deletedAt3 },
+      ])
+    })
+  }
+
+  describe('back fill only', function () {
+    beforeEach('run script', runScript)
+
+    checkDocsBackFilled()
+
+    it('should leave the deletedDocs as is', async function () {
+      expect(await getDeletedDocs(projectId1)).to.deep.equal(deletedDocs1)
+      expect(await getDeletedDocs(projectId2)).to.deep.equal(deletedDocs2)
+    })
+  })
+
+  describe('back fill and cleanup', function () {
+    beforeEach('run script with cleanup flag', async function () {
+      await runScript(['--perform-cleanup'])
+    })
+
+    checkDocsBackFilled()
+
+    it('should cleanup the deletedDocs', async function () {
+      expect(await getDeletedDocs(projectId1)).to.deep.equal([])
+      expect(await getDeletedDocs(projectId2)).to.deep.equal([])
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/BackFillDocRevTests.mjs b/services/web/test/acceptance/src/BackFillDocRevTests.mjs
new file mode 100644
index 0000000..df62d12
--- /dev/null
+++ b/services/web/test/acceptance/src/BackFillDocRevTests.mjs
@@ -0,0 +1,79 @@
+import { db, ObjectId } from '../../../app/src/infrastructure/mongodb.js'
+import { promisify } from 'node:util'
+import { exec } from 'node:child_process'
+import logger from '@overleaf/logger'
+import { expect } from 'chai'
+
+describe('BackFillDocRevTests', function () {
+  const docId1 = new ObjectId()
+  const docId2 = new ObjectId()
+  const docId3 = new ObjectId()
+
+  beforeEach('insert docs', async function () {
+    await db.docs.insertMany([
+      { _id: docId1, deleted: true },
+      { _id: docId2 },
+      { _id: docId3, rev: 42 },
+    ])
+  })
+
+  async function runScript(dryRun) {
+    let result
+    try {
+      result = await promisify(exec)(
+        [
+          'VERBOSE_LOGGING=true',
+          'node',
+          'scripts/back_fill_doc_rev.mjs',
+          dryRun,
+        ].join(' ')
+      )
+    } catch (error) {
+      // dump details like exit code, stdErr and stdOut
+      logger.error({ error }, 'script failed')
+      throw error
+    }
+    const { stdout: stdOut } = result
+
+    expect(stdOut).to.include('rev missing 2 | deleted=true 1')
+    expect(stdOut).to.match(
+      new RegExp(`Running update on batch with ids .+${docId1}`)
+    )
+    expect(stdOut).to.match(
+      new RegExp(`Running update on batch with ids .+${docId2}`)
+    )
+    expect(stdOut).to.not.match(
+      new RegExp(`Running update on batch with ids .+${docId3}`)
+    )
+  }
+
+  describe('dry-run=true', function () {
+    beforeEach('run script', async function () {
+      await runScript('--dry-run=true')
+    })
+
+    it('should not back fill the rev', async function () {
+      const docs = await db.docs.find({}, { $sort: { _id: 1 } }).toArray()
+      expect(docs).to.deep.equal([
+        { _id: docId1, deleted: true },
+        { _id: docId2 },
+        { _id: docId3, rev: 42 },
+      ])
+    })
+  })
+
+  describe('dry-run=false', function () {
+    beforeEach('run script', async function () {
+      await runScript('--dry-run=false')
+    })
+
+    it('should back fill the rev', async function () {
+      const docs = await db.docs.find({}, { $sort: { _id: 1 } }).toArray()
+      expect(docs).to.deep.equal([
+        { _id: docId1, rev: 1, deleted: true },
+        { _id: docId2, rev: 1 },
+        { _id: docId3, rev: 42 },
+      ])
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/BackFillDummyDocMetaTests.mjs b/services/web/test/acceptance/src/BackFillDummyDocMetaTests.mjs
new file mode 100644
index 0000000..852e19e
--- /dev/null
+++ b/services/web/test/acceptance/src/BackFillDummyDocMetaTests.mjs
@@ -0,0 +1,273 @@
+import { exec } from 'node:child_process'
+import { promisify } from 'node:util'
+import { expect } from 'chai'
+import logger from '@overleaf/logger'
+import { filterOutput } from './helpers/settings.mjs'
+import { db, ObjectId } from '../../../app/src/infrastructure/mongodb.js'
+
+const DUMMY_NAME = 'unknown.tex'
+const DUMMY_TIME = new Date('2021-04-12T00:00:00.000Z')
+const ONE_DAY_IN_S = 60 * 60 * 24
+const BATCH_SIZE = 3
+
+function getObjectIdFromDate(date) {
+  const seconds = new Date(date).getTime() / 1000
+  return ObjectId.createFromTime(seconds)
+}
+
+describe('BackFillDummyDocMeta', function () {
+  let docIds
+  let projectIds
+  let stopAtSeconds
+  beforeEach('create docs', async function () {
+    docIds = []
+    docIds[0] = getObjectIdFromDate('2021-04-01T00:00:00.000Z')
+    docIds[1] = getObjectIdFromDate('2021-04-02T00:00:00.000Z')
+    docIds[2] = getObjectIdFromDate('2021-04-11T00:00:00.000Z')
+    docIds[3] = getObjectIdFromDate('2021-04-12T00:00:00.000Z')
+    docIds[4] = getObjectIdFromDate('2021-04-13T00:00:00.000Z')
+    docIds[5] = getObjectIdFromDate('2021-04-14T00:00:00.000Z')
+    docIds[6] = getObjectIdFromDate('2021-04-15T00:00:00.000Z')
+    docIds[7] = getObjectIdFromDate('2021-04-16T00:01:00.000Z')
+    docIds[8] = getObjectIdFromDate('2021-04-16T00:02:00.000Z')
+    docIds[9] = getObjectIdFromDate('2021-04-16T00:03:00.000Z')
+    docIds[10] = getObjectIdFromDate('2021-04-16T00:04:00.000Z')
+    docIds[11] = getObjectIdFromDate('2021-04-16T00:05:00.000Z')
+
+    projectIds = []
+    projectIds[0] = getObjectIdFromDate('2021-04-01T00:00:00.000Z')
+    projectIds[1] = getObjectIdFromDate('2021-04-02T00:00:00.000Z')
+    projectIds[2] = getObjectIdFromDate('2021-04-11T00:00:00.000Z')
+    projectIds[3] = getObjectIdFromDate('2021-04-12T00:00:00.000Z')
+    projectIds[4] = getObjectIdFromDate('2021-04-13T00:00:00.000Z')
+    projectIds[5] = getObjectIdFromDate('2021-04-14T00:00:00.000Z')
+    projectIds[6] = getObjectIdFromDate('2021-04-15T00:00:00.000Z')
+    projectIds[7] = getObjectIdFromDate('2021-04-16T00:01:00.000Z')
+    projectIds[8] = getObjectIdFromDate('2021-04-16T00:02:00.000Z')
+    projectIds[9] = getObjectIdFromDate('2021-04-16T00:03:00.000Z')
+    // two docs in the same project
+    projectIds[10] = projectIds[9]
+    projectIds[11] = projectIds[4]
+
+    stopAtSeconds = new Date('2021-04-17T00:00:00.000Z').getTime() / 1000
+  })
+  const now = new Date()
+  beforeEach('insert doc stubs into docs collection', async function () {
+    await db.docs.insertMany([
+      // incomplete, without deletedDocs context
+      { _id: docIds[0], project_id: projectIds[0], deleted: true },
+      { _id: docIds[1], project_id: projectIds[1], deleted: true },
+      { _id: docIds[2], project_id: projectIds[2], deleted: true },
+      { _id: docIds[3], project_id: projectIds[3], deleted: true },
+      // incomplete, with deletedDocs context
+      { _id: docIds[4], project_id: projectIds[4], deleted: true },
+      // complete
+      {
+        _id: docIds[5],
+        project_id: projectIds[5],
+        deleted: true,
+        name: 'foo.tex',
+        deletedAt: now,
+      },
+      // not deleted
+      { _id: docIds[6], project_id: projectIds[6] },
+      // multiple in a single batch
+      { _id: docIds[7], project_id: projectIds[7], deleted: true },
+      { _id: docIds[8], project_id: projectIds[8], deleted: true },
+      { _id: docIds[9], project_id: projectIds[9], deleted: true },
+      // two docs in one project
+      { _id: docIds[10], project_id: projectIds[10], deleted: true },
+      { _id: docIds[11], project_id: projectIds[11], deleted: true },
+    ])
+  })
+  beforeEach('insert deleted project context', async function () {
+    await db.deletedProjects.insertMany([
+      // projectIds[0] and projectIds[1] have no entry
+
+      // hard-deleted
+      { deleterData: { deletedProjectId: projectIds[2] } },
+      // soft-deleted, no entry for doc
+      {
+        deleterData: { deletedProjectId: projectIds[3] },
+        project: { deletedDocs: [] },
+      },
+      // soft-deleted, has entry for doc
+      {
+        deleterData: { deletedProjectId: projectIds[4] },
+        project: {
+          deletedDocs: [
+            { _id: docIds[4], name: 'main.tex', deletedAt: now },
+            { _id: docIds[11], name: 'main.tex', deletedAt: now },
+          ],
+        },
+      },
+    ])
+  })
+
+  let options
+  async function runScript(dryRun) {
+    options = {
+      BATCH_SIZE,
+      CACHE_SIZE: 100,
+      DRY_RUN: dryRun,
+      FIRST_PROJECT_ID: projectIds[0].toString(),
+      INCREMENT_BY_S: ONE_DAY_IN_S,
+      STOP_AT_S: stopAtSeconds,
+      // start right away
+      LET_USER_DOUBLE_CHECK_INPUTS_FOR: 1,
+    }
+    let result
+    try {
+      result = await promisify(exec)(
+        Object.entries(options)
+          .map(([key, value]) => `${key}=${value}`)
+          .concat(['node', 'scripts/back_fill_dummy_doc_meta.mjs'])
+          .join(' ')
+      )
+    } catch (error) {
+      // dump details like exit code, stdErr and stdOut
+      logger.error({ error }, 'script failed')
+      throw error
+    }
+    let { stderr: stdErr, stdout: stdOut } = result
+    stdErr = stdErr.split('\n')
+    stdOut = stdOut.split('\n').filter(filterOutput)
+
+    expect(stdOut.filter(filterOutput)).to.include.members([
+      `Orphaned deleted doc ${docIds[0]} (no deletedProjects entry)`,
+      `Orphaned deleted doc ${docIds[1]} (no deletedProjects entry)`,
+      `Orphaned deleted doc ${docIds[2]} (failed hard deletion)`,
+      `Missing deletedDoc for ${docIds[3]}`,
+      `Found deletedDoc for ${docIds[4]}`,
+      `Found deletedDoc for ${docIds[11]}`,
+      `Orphaned deleted doc ${docIds[7]} (no deletedProjects entry)`,
+      `Orphaned deleted doc ${docIds[8]} (no deletedProjects entry)`,
+      `Orphaned deleted doc ${docIds[9]} (no deletedProjects entry)`,
+      `Orphaned deleted doc ${docIds[10]} (no deletedProjects entry)`,
+    ])
+    expect(stdErr.filter(filterOutput)).to.include.members([
+      `Processed 9 until ${projectIds[9]}`,
+      'Done.',
+    ])
+  }
+
+  describe('DRY_RUN=true', function () {
+    beforeEach('run script', async function () {
+      await runScript(true)
+    })
+
+    it('should leave docs as is', async function () {
+      const docs = await db.docs.find({}).toArray()
+      expect(docs).to.deep.equal([
+        { _id: docIds[0], project_id: projectIds[0], deleted: true },
+        { _id: docIds[1], project_id: projectIds[1], deleted: true },
+        { _id: docIds[2], project_id: projectIds[2], deleted: true },
+        { _id: docIds[3], project_id: projectIds[3], deleted: true },
+        { _id: docIds[4], project_id: projectIds[4], deleted: true },
+        {
+          _id: docIds[5],
+          project_id: projectIds[5],
+          deleted: true,
+          name: 'foo.tex',
+          deletedAt: now,
+        },
+        { _id: docIds[6], project_id: projectIds[6] },
+        { _id: docIds[7], project_id: projectIds[7], deleted: true },
+        { _id: docIds[8], project_id: projectIds[8], deleted: true },
+        { _id: docIds[9], project_id: projectIds[9], deleted: true },
+        { _id: docIds[10], project_id: projectIds[10], deleted: true },
+        { _id: docIds[11], project_id: projectIds[11], deleted: true },
+      ])
+    })
+  })
+
+  describe('DRY_RUN=false', function () {
+    beforeEach('run script', async function () {
+      await runScript(false)
+    })
+
+    it('should back fill name and deletedAt dates into broken docs', async function () {
+      const docs = await db.docs.find({}).toArray()
+      expect(docs).to.deep.equal([
+        {
+          _id: docIds[0],
+          project_id: projectIds[0],
+          deleted: true,
+          name: DUMMY_NAME,
+          deletedAt: DUMMY_TIME,
+        },
+        {
+          _id: docIds[1],
+          project_id: projectIds[1],
+          deleted: true,
+          name: DUMMY_NAME,
+          deletedAt: DUMMY_TIME,
+        },
+        {
+          _id: docIds[2],
+          project_id: projectIds[2],
+          deleted: true,
+          name: DUMMY_NAME,
+          deletedAt: DUMMY_TIME,
+        },
+        {
+          _id: docIds[3],
+          project_id: projectIds[3],
+          deleted: true,
+          name: DUMMY_NAME,
+          deletedAt: DUMMY_TIME,
+        },
+        {
+          _id: docIds[4],
+          project_id: projectIds[4],
+          deleted: true,
+          name: 'main.tex',
+          deletedAt: now,
+        },
+        {
+          _id: docIds[5],
+          project_id: projectIds[5],
+          deleted: true,
+          name: 'foo.tex',
+          deletedAt: now,
+        },
+        { _id: docIds[6], project_id: projectIds[6] },
+        {
+          _id: docIds[7],
+          project_id: projectIds[7],
+          deleted: true,
+          name: DUMMY_NAME,
+          deletedAt: DUMMY_TIME,
+        },
+        {
+          _id: docIds[8],
+          project_id: projectIds[8],
+          deleted: true,
+          name: DUMMY_NAME,
+          deletedAt: DUMMY_TIME,
+        },
+        {
+          _id: docIds[9],
+          project_id: projectIds[9],
+          deleted: true,
+          name: DUMMY_NAME,
+          deletedAt: DUMMY_TIME,
+        },
+        {
+          _id: docIds[10],
+          project_id: projectIds[10],
+          deleted: true,
+          name: DUMMY_NAME,
+          deletedAt: DUMMY_TIME,
+        },
+        {
+          _id: docIds[11],
+          project_id: projectIds[11],
+          deleted: true,
+          name: 'main.tex',
+          deletedAt: now,
+        },
+      ])
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/BatchedUpdateTests.mjs b/services/web/test/acceptance/src/BatchedUpdateTests.mjs
new file mode 100644
index 0000000..e93881d
--- /dev/null
+++ b/services/web/test/acceptance/src/BatchedUpdateTests.mjs
@@ -0,0 +1,164 @@
+import { spawnSync } from 'node:child_process'
+import { expect } from 'chai'
+import { db, ObjectId } from '../../../app/src/infrastructure/mongodb.js'
+
+describe('BatchedUpdateTests', function () {
+  it('can handle non linear insert order', async function () {
+    await db.systemmessages.insertOne({
+      content: '1',
+      _id: new ObjectId('500000000000000000000000'),
+    })
+    await db.systemmessages.insertOne({
+      content: '2',
+      _id: new ObjectId('400000000000000000000000'),
+    })
+    await db.systemmessages.insertOne({
+      content: '3',
+      _id: new ObjectId('600000000000000000000000'),
+    })
+    await db.systemmessages.insertOne({
+      content: '4',
+      _id: new ObjectId('300000000000000000000000'),
+    })
+
+    spawnSync(process.argv0, [
+      '--input-type=module',
+      '-e',
+      'import { batchedUpdateWithResultHandling } from "@overleaf/mongo-utils/batchedUpdate.js"; import { db } from "./app/src/infrastructure/mongodb.js"; batchedUpdateWithResultHandling(db.systemmessages, { content: { $ne: "42" }}, { $set: { content: "42" } })',
+    ])
+
+    await expect(
+      db.systemmessages.find({}).project({ content: 1, _id: 0 }).toArray()
+    ).to.eventually.deep.equal([
+      { content: '42' },
+      { content: '42' },
+      { content: '42' },
+      { content: '42' },
+    ])
+  })
+
+  it('can handle ids sitting on the edge', async function () {
+    const edge = '3028de800000000000000000'
+    await db.systemmessages.insertOne({
+      content: '1',
+      _id: new ObjectId('300000000000000000000000'),
+    })
+    await db.systemmessages.insertOne({
+      content: '2',
+      _id: new ObjectId(),
+    })
+    await db.systemmessages.insertOne({
+      content: '3',
+      _id: new ObjectId('400000000000000000000000'),
+    })
+    const { stderr } = spawnSync(
+      process.argv0,
+      [
+        '--input-type=module',
+        '-e',
+        'import { batchedUpdateWithResultHandling } from "@overleaf/mongo-utils/batchedUpdate.js"; import { db } from "./app/src/infrastructure/mongodb.js"; batchedUpdateWithResultHandling(db.systemmessages, { content: { $ne: "42" }}, { $set: { content: "42" } })',
+      ],
+      { encoding: 'utf-8' }
+    )
+    expect(
+      await db.systemmessages.find({}).project({ content: 1, _id: 0 }).toArray()
+    ).to.deep.equal([{ content: '42' }, { content: '42' }, { content: '42' }])
+    expect(stderr).to.include(
+      'Completed batch ending 300000000000000000000000 (1995-07-09T16:12:48.000Z)'
+    )
+    expect(stderr).to.include(
+      `Completed batch ending ${edge} (1995-08-09T16:12:48.000Z)`
+    ) // hit the edge
+    expect(stderr).to.include(
+      'Completed batch ending 400000000000000000000000 (2004-01-10T13:37:04.000Z)'
+    )
+  })
+
+  it('can handle ids sitting on the edge descending', async function () {
+    const edge = '3fd721800000000000000000'
+    await db.systemmessages.insertOne({
+      content: '1',
+      _id: new ObjectId('300000000000000000000000'),
+    })
+    await db.systemmessages.insertOne({
+      content: '2',
+      _id: new ObjectId(edge),
+    })
+    await db.systemmessages.insertOne({
+      content: '3',
+      _id: new ObjectId('400000000000000000000000'),
+    })
+    const { stderr } = spawnSync(
+      process.argv0,
+      [
+        '--input-type=module',
+        '-e',
+        'import { batchedUpdateWithResultHandling } from "@overleaf/mongo-utils/batchedUpdate.js"; import { db } from "./app/src/infrastructure/mongodb.js"; batchedUpdateWithResultHandling(db.systemmessages, { content: { $ne: "42" }}, { $set: { content: "42" } })',
+      ],
+      {
+        encoding: 'utf-8',
+        env: {
+          ...process.env,
+          BATCH_DESCENDING: 'true',
+          BATCH_RANGE_START: '400000000000000000000001',
+        },
+      }
+    )
+    expect(
+      await db.systemmessages.find({}).project({ content: 1, _id: 0 }).toArray()
+    ).to.deep.equal([{ content: '42' }, { content: '42' }, { content: '42' }])
+    expect(stderr).to.include(
+      'Completed batch ending 400000000000000000000000 (2004-01-10T13:37:04.000Z)'
+    )
+    expect(stderr).to.include(
+      `Completed batch ending ${edge} (2003-12-10T13:37:04.000Z)`
+    ) // hit the edge
+    expect(stderr).to.include(
+      'Completed batch ending 300000000000000000000000 (1995-07-09T16:12:48.000Z)'
+    )
+  })
+
+  it('can handle dates as input', async function () {
+    await db.systemmessages.insertOne({
+      content: '1',
+      _id: new ObjectId('500000000000000000000000'),
+    })
+    await db.systemmessages.insertOne({
+      content: '2',
+      _id: new ObjectId('400000000000000000000000'),
+    })
+    await db.systemmessages.insertOne({
+      content: '3',
+      _id: new ObjectId('600000000000000000000000'),
+    })
+    await db.systemmessages.insertOne({
+      content: '4',
+      _id: new ObjectId('300000000000000000000000'),
+    })
+
+    spawnSync(
+      process.argv0,
+      [
+        '--input-type=module',
+        '-e',
+        'import { batchedUpdateWithResultHandling } from "@overleaf/mongo-utils/batchedUpdate.js"; import { db } from "./app/src/infrastructure/mongodb.js"; batchedUpdateWithResultHandling(db.systemmessages, { content: { $ne: "42" }}, { $set: { content: "42" } })',
+      ],
+      {
+        env: {
+          ...process.env,
+          BATCH_RANGE_START: '2004-01-10T13:37:03.000Z',
+          BATCH_RANGE_END: '2012-07-13T11:01:20.000Z',
+        },
+      }
+    )
+
+    await expect(
+      db.systemmessages.find({}).project({ content: 1, _id: 0 }).toArray()
+    ).to.eventually.deep.equal([
+      { content: '42' },
+      { content: '42' },
+      { content: '3' },
+      { content: '4' },
+    ])
+  })
+})
diff --git a/services/web/test/acceptance/src/BetaProgramTests.mjs b/services/web/test/acceptance/src/BetaProgramTests.mjs
new file mode 100644
index 0000000..a84f6ae
--- /dev/null
+++ b/services/web/test/acceptance/src/BetaProgramTests.mjs
@@ -0,0 +1,33 @@
+import { expect } from 'chai'
+import UserHelper from '../src/helpers/UserHelper.mjs'
+
+describe('BetaProgram', function () {
+  let email, userHelper
+  beforeEach(async function () {
+    userHelper = new UserHelper()
+    email = userHelper.getDefaultEmail()
+    userHelper = await UserHelper.createUser({ email })
+    userHelper = await UserHelper.loginUser({
+      email,
+      password: userHelper.getDefaultPassword(),
+    })
+  })
+  it('should opt in', async function () {
+    const response = await userHelper.fetch('/beta/opt-in', { method: 'POST' })
+    expect(response.status).to.equal(302)
+    expect(response.headers.get('location')).to.equal(
+      UserHelper.url('/beta/participate').toString()
+    )
+    const user = (await UserHelper.getUser({ email })).user
+    expect(user.betaProgram).to.equal(true)
+  })
+  it('should opt out', async function () {
+    const response = await userHelper.fetch('/beta/opt-out', { method: 'POST' })
+    expect(response.status).to.equal(302)
+    expect(response.headers.get('location')).to.equal(
+      UserHelper.url('/beta/participate').toString()
+    )
+    const user = (await UserHelper.getUser({ email })).user
+    expect(user.betaProgram).to.equal(false)
+  })
+})
diff --git a/services/web/test/acceptance/src/BodyParserErrorsTest.mjs b/services/web/test/acceptance/src/BodyParserErrorsTest.mjs
new file mode 100644
index 0000000..6134a89
--- /dev/null
+++ b/services/web/test/acceptance/src/BodyParserErrorsTest.mjs
@@ -0,0 +1,87 @@
+import Settings from '@overleaf/settings'
+import request from './helpers/request.js'
+
+// create a string that is longer than the max allowed (as defined in Server.js)
+const wayTooLongString = 'a'.repeat(Settings.max_json_request_size + 1)
+
+describe('BodyParserErrors', function () {
+  describe('when request is too large', function () {
+    describe('json', function () {
+      it('return 413', function (done) {
+        request.post(
+          {
+            url: '/login',
+            body: { password: wayTooLongString },
+            json: true,
+          },
+          (error, response, body) => {
+            if (error) {
+              return done(error)
+            }
+            response.statusCode.should.equal(413)
+            body.should.deep.equal({})
+            done()
+          }
+        )
+      })
+    })
+
+    describe('urlencoded', function () {
+      it('return 413', function (done) {
+        request.post(
+          {
+            url: '/login',
+            form: { password: wayTooLongString },
+          },
+          (error, response, body) => {
+            if (error) {
+              return done(error)
+            }
+            response.statusCode.should.equal(413)
+            body.should.match(/There was a problem with your request/)
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('when request is not too large', function () {
+    describe('json', function () {
+      it('return normal status code', function (done) {
+        request.post(
+          {
+            url: '/login',
+            body: { password: 'foo' },
+            json: true,
+          },
+          (error, response, body) => {
+            if (error) {
+              return done(error)
+            }
+            response.statusCode.should.equal(403)
+            done()
+          }
+        )
+      })
+    })
+
+    describe('urlencoded', function () {
+      it('return normal status code', function (done) {
+        request.post(
+          {
+            url: '/login',
+            form: { password: 'foo' },
+          },
+          (error, response, body) => {
+            if (error) {
+              return done(error)
+            }
+            response.statusCode.should.equal(403)
+            done()
+          }
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/CDNMigrationTests.mjs b/services/web/test/acceptance/src/CDNMigrationTests.mjs
new file mode 100644
index 0000000..b837b16
--- /dev/null
+++ b/services/web/test/acceptance/src/CDNMigrationTests.mjs
@@ -0,0 +1,97 @@
+import { expect } from 'chai'
+import UserHelper from './helpers/User.mjs'
+import MetricsHelper from './helpers/metrics.mjs'
+
+const User = UserHelper.promises
+
+const getMetric = MetricsHelper.promises.getMetric
+
+describe('CDNMigration', function () {
+  let anon, user
+  beforeEach(async function () {
+    anon = new User()
+    user = new User()
+    await user.login()
+  })
+  let noCdnPreLogin, noCdnLoggedIn
+  let cdnBlockedTruePreLogin, cdnBlockedTrueLoggedIn
+  let cdnBlockedFalsePreLogin, cdnBlockedFalseLoggedIn
+
+  async function getNoCdn(path) {
+    return await getMetric(
+      line => line.includes('no_cdn') && line.includes(path)
+    )
+  }
+  async function getCdnBlocked(path, method) {
+    return await getMetric(
+      line =>
+        line.includes('cdn_blocked') &&
+        line.includes(`path="${path}"`) &&
+        line.includes(`method="${method}"`)
+    )
+  }
+
+  beforeEach(async function () {
+    noCdnPreLogin = await getNoCdn('pre-login')
+    noCdnLoggedIn = await getNoCdn('logged-in')
+    cdnBlockedTruePreLogin = await getCdnBlocked('pre-login', 'true')
+    cdnBlockedTrueLoggedIn = await getCdnBlocked('logged-in', 'true')
+    cdnBlockedFalsePreLogin = await getCdnBlocked('pre-login', 'false')
+    cdnBlockedFalseLoggedIn = await getCdnBlocked('logged-in', 'false')
+  })
+
+  describe('pre-login', function () {
+    it('should collect no_cdn', async function () {
+      await anon.doRequest('GET', '/login?nocdn=true')
+      expect(await getNoCdn('pre-login')).to.equal(noCdnPreLogin + 1)
+    })
+    it('should collect cdn_blocked', async function () {
+      await anon.doRequest('GET', '/login')
+      await anon.doRequest('GET', '/login')
+      await anon.doRequest('GET', '/login')
+      expect(await getCdnBlocked('pre-login', 'false')).to.equal(
+        cdnBlockedFalsePreLogin + 3
+      )
+      expect(await getCdnBlocked('pre-login', 'true')).to.equal(
+        cdnBlockedTruePreLogin
+      )
+    })
+    it('should collect cdn_blocked after nocdn', async function () {
+      await anon.doRequest('GET', '/login?nocdn=true')
+      await anon.doRequest('GET', '/login')
+      expect(await getCdnBlocked('pre-login', 'false')).to.equal(
+        cdnBlockedFalsePreLogin
+      )
+      expect(await getCdnBlocked('pre-login', 'true')).to.equal(
+        cdnBlockedTruePreLogin + 2
+      )
+    })
+  })
+  describe('logged-in', function () {
+    it('should collect no_cdn', async function () {
+      await user.doRequest('GET', '/project?nocdn=true')
+      expect(await getNoCdn('logged-in')).to.equal(noCdnLoggedIn + 1)
+    })
+    it('should collect cdn_blocked=false before nocdn', async function () {
+      await user.doRequest('GET', '/project')
+      await user.doRequest('GET', '/project')
+      await user.doRequest('GET', '/project')
+      expect(await getCdnBlocked('logged-in', 'false')).to.equal(
+        cdnBlockedFalseLoggedIn + 3
+      )
+      expect(await getCdnBlocked('logged-in', 'true')).to.equal(
+        cdnBlockedTrueLoggedIn
+      )
+    })
+    it('should collect cdn_blocked=true after nocdn=true', async function () {
+      await user.doRequest('GET', '/project?nocdn=true')
+      await user.doRequest('GET', '/project')
+      expect(await getCdnBlocked('logged-in', 'false')).to.equal(
+        cdnBlockedFalseLoggedIn
+      )
+      expect(await getCdnBlocked('logged-in', 'true')).to.equal(
+        cdnBlockedTrueLoggedIn + 2
+      )
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/CaptchaTests.mjs b/services/web/test/acceptance/src/CaptchaTests.mjs
new file mode 100644
index 0000000..10fdcf1
--- /dev/null
+++ b/services/web/test/acceptance/src/CaptchaTests.mjs
@@ -0,0 +1,261 @@
+import { db } from '../../../app/src/infrastructure/mongodb.js'
+import { expect } from 'chai'
+import Settings from '@overleaf/settings'
+import UserHelper from './helpers/User.mjs'
+import MockHaveIBeenPwnedApiClass from './mocks/MockHaveIBeenPwnedApi.mjs'
+
+const User = UserHelper.promises
+
+let MockHaveIBeenPwnedApi
+before(function () {
+  MockHaveIBeenPwnedApi = MockHaveIBeenPwnedApiClass.instance()
+})
+
+describe('Captcha', function () {
+  let user
+
+  beforeEach('create user', async function () {
+    user = new User()
+    await user.ensureUserExists()
+  })
+
+  async function login(email, password, captchaResponse) {
+    await user.getCsrfToken()
+    return user.doRequest('POST', {
+      url: '/login',
+      json: {
+        email,
+        password,
+        'g-recaptcha-response': captchaResponse,
+      },
+    })
+  }
+
+  async function loginWithCaptcha(captchaResponse) {
+    return login(user.email, user.password, captchaResponse)
+  }
+
+  async function loginWithEmailAndCaptcha(email, captchaResponse) {
+    return login(email, user.password, captchaResponse)
+  }
+
+  async function canSkipCaptcha(email) {
+    await user.getCsrfToken()
+    const { response, body } = await user.doRequest('POST', {
+      url: '/login/can-skip-captcha',
+      json: { email },
+    })
+    expect(response.statusCode).to.equal(200)
+    return body
+  }
+
+  function expectBadCaptchaResponse(response, body) {
+    expect(response.statusCode).to.equal(400)
+    expect(body.errorReason).to.equal('cannot_verify_user_not_robot')
+  }
+
+  function expectSuccessfulLogin(response, body) {
+    expect(response.statusCode).to.equal(200)
+    expect(body).to.deep.equal({ redir: '/project' })
+  }
+
+  function expectSuccessfulLoginWithRedirectToCompromisedPasswordPage(
+    response,
+    body
+  ) {
+    expect(response.statusCode).to.equal(200)
+    expect(body).to.deep.equal({ redir: '/compromised-password' })
+  }
+
+  function expectBadLogin(response, body) {
+    expect(response.statusCode).to.equal(401)
+    expect(body).to.deep.equal({
+      message: {
+        type: 'error',
+        key: 'invalid-password-retry-or-reset',
+      },
+    })
+  }
+
+  it('should reject a login without captcha response', async function () {
+    const { response, body } = await loginWithCaptcha('')
+    expectBadCaptchaResponse(response, body)
+  })
+
+  it('should reject a login with an invalid captcha response', async function () {
+    const { response, body } = await loginWithCaptcha('invalid')
+    expectBadCaptchaResponse(response, body)
+  })
+
+  it('should accept a login with a valid captcha response', async function () {
+    const { response, body } = await loginWithCaptcha('valid')
+    expectSuccessfulLogin(response, body)
+  })
+
+  it('should note the solved captcha in audit log', async function () {
+    const { response, body } = await loginWithCaptcha('valid')
+    expectSuccessfulLogin(response, body)
+
+    const auditLog = await user.getAuditLog()
+    expect(auditLog[0].info).to.deep.equal({
+      captcha: 'solved',
+      method: 'Password login',
+      fromKnownDevice: false,
+    })
+  })
+
+  describe('deviceHistory', function () {
+    beforeEach('login', async function () {
+      const { response, body } = await loginWithCaptcha('valid')
+      expectSuccessfulLogin(response, body)
+    })
+
+    it('should be able to skip captcha with the same email', async function () {
+      expect(await canSkipCaptcha(user.email)).to.equal(true)
+    })
+
+    it('should be able to omit captcha with the same email', async function () {
+      const { response, body } = await loginWithCaptcha('')
+      expectSuccessfulLogin(response, body)
+    })
+
+    it('should note the skipped captcha in audit log', async function () {
+      const { response, body } = await loginWithCaptcha('')
+      expectSuccessfulLogin(response, body)
+
+      const auditLog = await user.getAuditLog()
+      expect(auditLog[1].info).to.deep.equal({
+        captcha: 'skipped',
+        method: 'Password login',
+        fromKnownDevice: true,
+      })
+    })
+
+    it('should request a captcha for another email', async function () {
+      expect(await canSkipCaptcha('a@bc.de')).to.equal(false)
+    })
+
+    it('should flag missing captcha for another email', async function () {
+      const { response, body } = await loginWithEmailAndCaptcha('a@bc.de', '')
+      expectBadCaptchaResponse(response, body)
+    })
+
+    describe('login failure', function () {
+      beforeEach(async function () {
+        const { response, body } = await login(
+          user.email,
+          'bad password',
+          'valid'
+        )
+        expectBadLogin(response, body)
+      })
+
+      it('should be able to skip captcha per device history', async function () {
+        expect(await canSkipCaptcha(user.email)).to.equal(true)
+      })
+
+      it('should request a captcha despite device history entry', async function () {
+        const { response, body } = await loginWithCaptcha('')
+        expectBadCaptchaResponse(response, body)
+      })
+
+      it('should accept the login with captcha', async function () {
+        const { response, body } = await loginWithCaptcha('valid')
+        expectSuccessfulLogin(response, body)
+      })
+
+      describe('when the login failure happened a long time ago', function () {
+        beforeEach(async function () {
+          db.users.updateOne(
+            { email: user.email },
+            {
+              $set: {
+                lastFailedLogin: new Date(
+                  Date.now() - 90 * 24 * 60 * 60 * 1000
+                ),
+              },
+            }
+          )
+        })
+
+        it('should be able to skip captcha per device history', async function () {
+          expect(await canSkipCaptcha(user.email)).to.equal(true)
+        })
+        it('should accept the login without captcha', async function () {
+          const { response, body } = await loginWithCaptcha('')
+          expectSuccessfulLogin(response, body)
+        })
+        it('should accept the login with captcha', async function () {
+          const { response, body } = await loginWithCaptcha('valid')
+          expectSuccessfulLogin(response, body)
+        })
+      })
+    })
+
+    describe('cycle history', function () {
+      beforeEach('create and login with 10 other users', async function () {
+        for (let i = 0; i < 10; i++) {
+          const otherUser = new User()
+          otherUser.password = user.password
+          await otherUser.ensureUserExists()
+          const { response, body } = await loginWithEmailAndCaptcha(
+            otherUser.email,
+            'valid'
+          )
+          expectSuccessfulLogin(response, body)
+        }
+      })
+
+      it('should have rolled out the initial users email', async function () {
+        const { response, body } = await loginWithCaptcha('')
+        expectBadCaptchaResponse(response, body)
+      })
+    })
+
+    describe('HIBP', function () {
+      before(function () {
+        Settings.apis.haveIBeenPwned.enabled = true
+      })
+      after(function () {
+        Settings.apis.haveIBeenPwned.enabled = false
+      })
+      beforeEach(async function () {
+        user = new User()
+        user.password = 'aLeakedPassword42'
+        await user.ensureUserExists()
+      })
+      beforeEach('login to populate deviceHistory', async function () {
+        const { response, body } = await loginWithCaptcha('valid')
+        expectSuccessfulLogin(response, body)
+      })
+      beforeEach(function () {
+        // echo -n aLeakedPassword42 | sha1sum
+        MockHaveIBeenPwnedApi.addPasswordByHash(
+          'D1ABBDEEE70CBE8BBCE5D9D039C53C0CE91C0C16'
+        )
+      })
+      it('should be able to skip HIBP check with deviceHistory and valid captcha', async function () {
+        const { response, body } = await loginWithCaptcha('valid')
+        expectSuccessfulLoginWithRedirectToCompromisedPasswordPage(
+          response,
+          body
+        )
+      })
+
+      it('should be able to skip HIBP check with deviceHistory and skipped captcha', async function () {
+        const { response, body } = await loginWithCaptcha('')
+        expectSuccessfulLoginWithRedirectToCompromisedPasswordPage(
+          response,
+          body
+        )
+      })
+
+      it('should not be able to skip HIBP check without deviceHistory', async function () {
+        user.resetCookies()
+        const { response, body } = await loginWithCaptcha('valid')
+        expect(response.statusCode).to.equal(400)
+        expect(body.message.key).to.equal('password-compromised')
+      })
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/ClearSessionsSetMustReconfirmTests.mjs b/services/web/test/acceptance/src/ClearSessionsSetMustReconfirmTests.mjs
new file mode 100644
index 0000000..93269c8
--- /dev/null
+++ b/services/web/test/acceptance/src/ClearSessionsSetMustReconfirmTests.mjs
@@ -0,0 +1,155 @@
+import { exec } from 'node:child_process'
+import { promisify } from 'node:util'
+import { expect } from 'chai'
+import logger from '@overleaf/logger'
+import { ObjectId, db } from '../../../app/src/infrastructure/mongodb.js'
+import fs from 'node:fs/promises'
+import UserHelper from './helpers/User.mjs'
+import UserGetter from '../../../app/src/Features/User/UserGetter.js'
+
+const User = UserHelper.promises
+const TEST_FILE_PATH = '/tmp/test-users.txt'
+
+describe('ClearSessionsSetMustReconfirm', function () {
+  let user1, user2, user3, user4, usersMustReconfirm, usersMustNotReconfirm
+
+  beforeEach('create test users', async function () {
+    user1 = new User()
+    user2 = new User() // not in the file
+    user3 = new User() // not in the file
+    user4 = new User()
+    await user1.login()
+    await user2.login()
+    await user3.login()
+    await user4.login()
+    usersMustReconfirm = [user1, user4]
+    usersMustNotReconfirm = [user2, user3]
+  })
+
+  beforeEach('create test file', async function () {
+    await fs.writeFile(
+      TEST_FILE_PATH,
+      usersMustReconfirm.map(user => user._id.toString()).join('\n')
+    )
+  })
+
+  afterEach('cleanup test file', async function () {
+    try {
+      await fs.unlink(TEST_FILE_PATH)
+    } catch (err) {
+      // Ignore error if file doesn't exist
+    }
+  })
+
+  async function runScript(filePath = TEST_FILE_PATH) {
+    let result
+    try {
+      result = await promisify(exec)(
+        ['VERBOSE_LOGGING=true']
+          .concat(['node', 'scripts/clear_sessions_set_must_reconfirm.mjs'])
+          .concat([filePath])
+          .join(' ')
+      )
+    } catch (error) {
+      logger.error({ error }, 'script failed')
+      throw error
+    }
+    const { stdout: stdOut } = result
+    expect(stdOut).to.include('DONE.')
+    return result
+  }
+
+  describe('processing users', function () {
+    it('should process all users successfully', async function () {
+      const { stdout } = await runScript()
+      expect(stdout).to.include(`${usersMustReconfirm.length} successful`)
+      expect(stdout).to.include('0 failed to clear sessions')
+      expect(stdout).to.include('0 failed to set must_reconfirm')
+      for (const user of usersMustReconfirm) {
+        const updatedUser = await UserGetter.promises.getUser({
+          _id: user._id,
+        })
+        expect(updatedUser.must_reconfirm).to.be.true
+      }
+      for (const user of usersMustNotReconfirm) {
+        const updatedUser = await UserGetter.promises.getUser({
+          _id: user._id,
+        })
+        expect(updatedUser.must_reconfirm).to.be.false
+      }
+    })
+
+    it('should handle invalid user IDs in file', async function () {
+      await fs.writeFile(
+        TEST_FILE_PATH,
+        [
+          'invalid-id',
+          ...usersMustReconfirm.map(user => user._id.toString()).join('\n'),
+        ].join('\n')
+      )
+      try {
+        await runScript()
+        expect.fail('Should have thrown error')
+      } catch (error) {
+        expect(error.message).to.include('user ID not valid')
+      }
+    })
+
+    it('should process large number of users with concurrency limit', async function () {
+      const manyUserIds = Array.from({ length: 15 }, () =>
+        new ObjectId().toString()
+      )
+      await fs.writeFile(TEST_FILE_PATH, manyUserIds.join('\n'))
+      const { stdout } = await runScript()
+      expect(stdout).to.include('15 successful')
+    })
+  })
+
+  describe('error handling', function () {
+    beforeEach('ensure test file exists', async function () {
+      await fs.writeFile(
+        TEST_FILE_PATH,
+        usersMustReconfirm.map(user => user._id.toString()).join('\n')
+      )
+    })
+
+    it('should report failed user updates', async function () {
+      await db.users.updateOne(
+        { _id: user1._id },
+        { $set: { must_reconfirm: null } }
+      )
+      const { stdout } = await runScript()
+      expect(stdout).to.include('failed to set must_reconfirm')
+    })
+
+    it('should handle missing input file', async function () {
+      try {
+        await runScript(['/non/existent/file'])
+        expect.fail('Should have thrown error')
+      } catch (error) {
+        expect(error.message).to.include('ENOENT')
+      }
+    })
+  })
+
+  describe('audit logging', function () {
+    it('should create audit log entries for processed users', async function () {
+      await runScript()
+      for (const user of usersMustReconfirm) {
+        const auditLogEntry = await user.getAuditLog()
+        expect(auditLogEntry).to.exist
+        expect(auditLogEntry[0].operation).to.equal('login')
+        expect(auditLogEntry[1].operation).to.equal('must-reset-password-set')
+        expect(auditLogEntry[1].initiatorId).to.be.undefined
+        expect(auditLogEntry[1].ipAddress).to.be.undefined
+        expect(auditLogEntry[1].info).to.deep.equal({ script: true })
+      }
+      for (const user of usersMustNotReconfirm) {
+        const auditLogEntry = await user.getAuditLog()
+        expect(auditLogEntry).to.exist
+        expect(auditLogEntry[0].operation).to.equal('login')
+        expect(auditLogEntry[1]).to.be.undefined
+      }
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/CloseSiteTests.mjs b/services/web/test/acceptance/src/CloseSiteTests.mjs
new file mode 100644
index 0000000..62a6461
--- /dev/null
+++ b/services/web/test/acceptance/src/CloseSiteTests.mjs
@@ -0,0 +1,67 @@
+/* eslint-disable
+    n/handle-callback-err,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import Settings from '@overleaf/settings'
+
+import request from './helpers/request.js'
+
+describe('siteIsOpen', function () {
+  describe('when siteIsOpen is default (true)', function () {
+    it('should get page', function (done) {
+      return request.get('/login', (error, response, body) => {
+        response.statusCode.should.equal(200)
+        return done()
+      })
+    })
+  })
+
+  describe('when siteIsOpen is false', function () {
+    beforeEach(function () {
+      return (Settings.siteIsOpen = false)
+    })
+
+    afterEach(function () {
+      return (Settings.siteIsOpen = true)
+    })
+
+    it('should return maintenance page', function (done) {
+      request.get('/login', (error, response, body) => {
+        response.statusCode.should.equal(503)
+        body.should.match(/is currently down for maintenance/)
+        done()
+      })
+    })
+
+    it('should return a plain text message for a json request', function (done) {
+      request.get('/some/route', { json: true }, (error, response, body) => {
+        response.statusCode.should.equal(503)
+        body.message.should.match(/maintenance/)
+        body.message.should.match(/status.example.com/)
+        done()
+      })
+    })
+
+    it('should return a 200 on / for load balancer health checks', function (done) {
+      request.get('/', (error, response, body) => {
+        response.statusCode.should.equal(200)
+        done()
+      })
+    })
+
+    it('should return a 200 on /status for readiness checks', function (done) {
+      request.get('/status', (error, response, body) => {
+        response.statusCode.should.equal(200)
+        done()
+      })
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/CollectPayPalPastDueInvoiceTest.mjs b/services/web/test/acceptance/src/CollectPayPalPastDueInvoiceTest.mjs
new file mode 100644
index 0000000..db75aa6
--- /dev/null
+++ b/services/web/test/acceptance/src/CollectPayPalPastDueInvoiceTest.mjs
@@ -0,0 +1,283 @@
+import sinon from 'sinon'
+import chai, { expect } from 'chai'
+import chaiAsPromised from 'chai-as-promised'
+import sinonChai from 'sinon-chai'
+import CollectPaypalPastDueInvoice from '../../../scripts/recurly/collect_paypal_past_due_invoice.mjs'
+import RecurlyWrapper from '../../../app/src/Features/Subscription/RecurlyWrapper.js'
+import OError from '@overleaf/o-error'
+
+const { main } = CollectPaypalPastDueInvoice
+
+chai.use(chaiAsPromised)
+chai.use(sinonChai)
+
+// from https://recurly.com/developers/api-v2/v2.21/#operation/listInvoices
+const invoicesXml = invoiceIds => `
+<invoices type="array">
+  ${invoiceIds
+    .map(
+      invoiceId => `
+  <invoice href="https://your-subdomain.recurly.com/v2/invoices/${invoiceId}">
+    <account href="https://your-subdomain.recurly.com/v2/accounts/${invoiceId}"/>
+    <subscriptions href="https://your-subdomain.recurly.com/v2/invoices/${invoiceId}/subscriptions"/>
+    <address>
+      <address1></address1>
+      <address2></address2>
+      <city></city>
+      <state></state>
+      <zip></zip>
+      <country></country>
+      <phone></phone>
+    </address>
+    <shipping_address>
+      <name>Lon Doner</name>
+      <address1>221B Baker St.</address1>
+      <address2></address2>
+      <city>London</city>
+      <state></state>
+      <zip>W1K 6AH</zip>
+      <country>GB</country>
+      <phone></phone>
+    </shipping_address>
+    <uuid>421f7b7d414e4c6792938e7c49d552e9</uuid>
+    <state>paid</state>
+    <invoice_number_prefix></invoice_number_prefix> <!-- Only populated for VAT Country Invoice Sequencing. Shows a country code. -->
+    <invoice_number type="integer">${invoiceId}</invoice_number>
+    <po_number nil="nil"></po_number>
+    <vat_number nil="nil"></vat_number>
+    <subtotal_in_cents type="integer">2000</subtotal_in_cents>
+    <discount_in_cents type="integer">0</discount_in_cents>
+    <due_on type="datetime">2018-01-30T21:11:50Z</due_on>
+    <balance_in_cents type="integer">0</balance_in_cents>
+    <type>charge</type>
+    <origin>purchase</origin>
+    <credit_invoices href="https://your-subdomain.recurly.com/v2/invoices/1325/credit_invoices"/>
+    <refundable_total_in_cents type="integer">2000</refundable_total_in_cents>
+    <credit_payments type="array">
+    </credit_payments>
+    <tax_in_cents type="integer">0</tax_in_cents>
+    <total_in_cents type="integer">1200</total_in_cents>
+    <currency>USD</currency>
+    <created_at type="datetime">2016-06-25T12:00:00Z</created_at>
+    <closed_at nil="nil"></closed_at>
+    <terms_and_conditions></terms_and_conditions>
+    <customer_notes></customer_notes>
+    <vat_reverse_charge_notes></vat_reverse_charge_notes>
+    <tax_type>usst</tax_type>
+    <tax_region>CA</tax_region>
+    <tax_rate type="float">0</tax_rate>
+    <net_terms type="integer">0</net_terms>
+    <collection_method>automatic</collection_method>
+    <redemptions href="https://your-subdomain.recurly.com/v2/invoices/e3f0a9e084a2468480d00ee61b090d4d/redemptions"/>
+    <line_items type="array">
+      <adjustment href="https://your-subdomain.recurly.com/v2/adjustments/05a4bbdeda2a47348185270021e6087b">
+      </adjustment>
+    </line_items>
+    <transactions type="array">
+    </transactions>
+  </invoice>`
+    )
+    .join('')}
+</invoices>
+`
+
+// from https://recurly.com/developers/api-v2/v2.21/#operation/lookupAccountsBillingInfo
+const billingInfoXml = `
+<billing_info href="https://your-subdomain.recurly.com/v2/accounts/1/billing_info" type="credit_card">
+  <paypal_billing_agreement_id>PAYPAL_BILLING_AGREEMENT_ID</paypal_billing_agreement_id>
+  <account href="https://your-subdomain.recurly.com/v2/accounts/1"/>
+  <first_name>Verena</first_name>
+  <last_name>Example</last_name>
+  <company nil="nil"/>
+  <address1>123 Main St.</address1>
+  <address2 nil="nil"/>
+  <city>San Francisco</city>
+  <state>CA</state>
+  <zip>94105</zip>
+  <country>US</country>
+  <phone nil="nil"/>
+  <vat_number nil="nil"/>
+  <ip_address>127.0.0.1</ip_address>
+  <ip_address_country nil="nil"/>
+  <card_type>Visa</card_type>
+  <year type="integer">2019</year>
+  <month type="integer">11</month>
+  <first_six>411111</first_six>
+  <last_four>1111</last_four>
+  <updated_at type="datetime">2017-02-17T15:38:53Z</updated_at>
+</billing_info>
+`
+
+// from https://recurly.com/developers/api-v2/v2.21/#operation/collectAnInvoice
+const invoiceCollectXml = `
+<invoice href="https://your-subdomain.recurly.com/v2/invoices/1000">
+  <account href="https://your-subdomain.recurly.com/v2/accounts/1"/>
+  <subscriptions href="https://your-subdomain.recurly.com/v2/invoices/1000/subscriptions"/>
+  <address>
+    <address1>123 Main St.</address1>
+    <address2 nil="nil"/>
+    <city>San Francisco</city>
+    <state>CA</state>
+    <zip>94105</zip>
+    <country>US</country>
+    <phone nil="nil"/>
+  </address>
+  <uuid>374a37924f83c733b9c9814e9580496a</uuid>
+  <state>pending</state>
+  <invoice_number_prefix/>
+  <invoice_number type="integer">1000</invoice_number>
+  <po_number nil="nil"/>
+  <vat_number nil="nil"/>
+  <subtotal_in_cents type="integer">5000</subtotal_in_cents>
+  <tax_in_cents type="integer">438</tax_in_cents>
+  <total_in_cents type="integer">5438</total_in_cents>
+  <currency>USD</currency>
+  <created_at type="datetime">2016-07-11T19:25:57Z</created_at>
+  <updated_at type="datetime">2016-07-11T19:25:57Z</updated_at>
+  <closed_at nil="nil"/>
+  <terms_and_conditions nil="nil"/>
+  <customer_notes nil="nil"/>
+  <tax_type>usst</tax_type>
+  <tax_region>CA</tax_region>
+  <tax_rate type="float">0.0875</tax_rate>
+  <net_terms type="integer">0</net_terms>
+  <collection_method>automatic</collection_method>
+  <line_items type="array">
+    <adjustment href="https://your-subdomain.recurly.com/v2/adjustments/374a2729397882fafbc82041a0a4dd0d" type="charge">
+      <!-- Detail. -->
+    </adjustment>
+  </line_items>
+  <transactions type="array">
+  </transactions>
+  <a name="mark_successful" href="https://your-subdomain.recurly.com/v2/invoices/1000/mark_successful" method="put"/>
+  <a name="mark_failed" href="https://your-subdomain.recurly.com/v2/invoices/1000/mark_failed" method="put"/>
+</invoice>
+`
+
+const ITEMS_PER_PAGE = 3
+
+const getInvoicePage = fullInvoicesIds => queryOptions => {
+  const cursor = queryOptions.qs.cursor
+  const startEnd = cursor?.split(':').map(Number) || []
+  const start = startEnd[0] || 0
+  const end = startEnd[1] || ITEMS_PER_PAGE
+  const body = invoicesXml(fullInvoicesIds.slice(start, end))
+  const hasMore = end < fullInvoicesIds.length
+  const nextPageCursor = hasMore ? `${end}%3A${end + ITEMS_PER_PAGE}&v=2` : null
+  const response = {
+    status: 200,
+    headers: {
+      link: hasMore
+        ? `https://fakerecurly.com/v2/invoices?cursor=${nextPageCursor}`
+        : undefined,
+    },
+  }
+
+  return { response, body }
+}
+
+describe('CollectPayPalPastDueInvoice', function () {
+  let apiRequestStub
+  const fakeApiRequests = invoiceIds => {
+    apiRequestStub = sinon.stub(RecurlyWrapper.promises, 'apiRequest')
+    apiRequestStub.callsFake(options => {
+      if (options.url === 'invoices') {
+        return getInvoicePage(invoiceIds)(options)
+      }
+
+      if (/accounts\/(\d+)\/billing_info/.test(options.url)) {
+        return {
+          response: { status: 200, headers: {} },
+          body: billingInfoXml,
+        }
+      }
+
+      if (/invoices\/(\d+)\/collect/.test(options.url)) {
+        const invoiceId = options.url.match(/invoices\/(\d+)\/collect/)[1]
+        if (invoiceId < 400) {
+          return {
+            response: { status: 200, headers: {} },
+            body: invoiceCollectXml,
+          }
+        }
+        throw new OError(`Recurly API returned with status code: 404`, {
+          statusCode: 404,
+        })
+      }
+    })
+  }
+
+  afterEach(function () {
+    apiRequestStub?.restore()
+  })
+
+  it('collects one valid invoice', async function () {
+    fakeApiRequests([200])
+    const r = await main()
+    expect(r).to.eql({
+      INVOICES_COLLECTED: [200],
+      INVOICES_COLLECTED_SUCCESS: [200],
+      USERS_COLLECTED: ['200'],
+    })
+  })
+
+  it('collects several pages', async function () {
+    // 10 invoices, from 200 to 209
+    fakeApiRequests([...Array(10).keys()].map(i => i + 200))
+    const r = await main()
+
+    expect(r).to.eql({
+      INVOICES_COLLECTED: [200, 201, 202, 203, 204, 205, 206, 207, 208, 209],
+      INVOICES_COLLECTED_SUCCESS: [
+        200, 201, 202, 203, 204, 205, 206, 207, 208, 209,
+      ],
+      USERS_COLLECTED: [
+        '200',
+        '201',
+        '202',
+        '203',
+        '204',
+        '205',
+        '206',
+        '207',
+        '208',
+        '209',
+      ],
+    })
+
+    // 4 calls to get the invoices
+    // 10 calls to get the billing info
+    // 10 calls to collect the invoices
+    expect(apiRequestStub.callCount).to.eql(24)
+  })
+
+  it("resolves when no invoices are processed so we don't fail in staging", async function () {
+    fakeApiRequests([404])
+    const r = await main()
+    expect(r).to.eql({
+      INVOICES_COLLECTED: [404],
+      INVOICES_COLLECTED_SUCCESS: [],
+      USERS_COLLECTED: ['404'],
+    })
+  })
+
+  it('doesnt reject when there are no invoices', async function () {
+    fakeApiRequests([])
+    const r = await main()
+    expect(r).to.eql({
+      INVOICES_COLLECTED: [],
+      INVOICES_COLLECTED_SUCCESS: [],
+      USERS_COLLECTED: [],
+    })
+  })
+
+  it("resolves when collection is partially successful so we don't fail in prod", async function () {
+    fakeApiRequests([200, 404])
+    const r = await main()
+    expect(r).to.eql({
+      INVOICES_COLLECTED: [200, 404],
+      INVOICES_COLLECTED_SUCCESS: [200],
+      USERS_COLLECTED: ['200', '404'],
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/ConvertArchivedState.mjs b/services/web/test/acceptance/src/ConvertArchivedState.mjs
new file mode 100644
index 0000000..53e2278
--- /dev/null
+++ b/services/web/test/acceptance/src/ConvertArchivedState.mjs
@@ -0,0 +1,208 @@
+import { expect } from 'chai'
+import { exec } from 'node:child_process'
+import mongodb from 'mongodb-legacy'
+import UserHelper from './helpers/User.mjs'
+
+const User = UserHelper.promises
+
+const ObjectId = mongodb.ObjectId
+
+describe('ConvertArchivedState', function () {
+  let userOne, userTwo, userThree, userFour
+  let projectOne, projectOneId
+  let projectTwo, projectTwoId
+  let projectThree, projectThreeId
+  let projectFour, projectFourId
+  let projectIdTrashed
+  let projectIdNotTrashed
+  let projectIdArchivedAndTrashed
+  let projectIdNotArchivedNotTrashed
+
+  beforeEach(async function () {
+    userOne = new User()
+    userTwo = new User()
+    userThree = new User()
+    userFour = new User()
+    await userOne.login()
+    await userTwo.login()
+    await userThree.login()
+    await userFour.login()
+
+    projectOneId = await userOne.createProject('old-archived-1', {
+      template: 'blank',
+    })
+
+    projectOne = await userOne.getProject(projectOneId)
+    projectOne.archived = true
+    projectOne.collaberator_refs.push(userTwo._id)
+    projectOne.tokenAccessReadOnly_refs.push(userThree._id)
+
+    await userOne.saveProject(projectOne)
+
+    projectTwoId = await userOne.createProject('old-archived-2', {
+      template: 'blank',
+    })
+
+    projectTwo = await userOne.getProject(projectTwoId)
+    projectTwo.archived = true
+    projectTwo.tokenAccessReadAndWrite_refs.push(userThree._id)
+    projectTwo.tokenAccessReadOnly_refs.push(userFour._id)
+
+    await userOne.saveProject(projectTwo)
+
+    projectThreeId = await userOne.createProject('already-new-archived', {
+      template: 'blank',
+    })
+    projectThree = await userOne.getProject(projectThreeId)
+    projectThree.archived = [
+      new ObjectId(userOne._id),
+      new ObjectId(userTwo._id),
+      new ObjectId(userFour._id),
+    ]
+    projectThree.collaberator_refs.push(userTwo._id)
+    projectThree.tokenAccessReadOnly_refs.push(userFour._id)
+
+    await userOne.saveProject(projectThree)
+
+    projectFourId = await userOne.createProject('not-archived', {
+      template: 'blank',
+    })
+    projectFour = await userOne.getProject(projectFourId)
+    projectFour.archived = false
+
+    await userOne.saveProject(projectFour)
+
+    projectIdTrashed = await userOne.createProject('trashed', {
+      template: 'blank',
+    })
+    {
+      const p = await userOne.getProject(projectIdTrashed)
+      p.trashed = true
+      p.collaberator_refs.push(userTwo._id)
+      await userOne.saveProject(p)
+    }
+
+    projectIdNotTrashed = await userOne.createProject('not-trashed', {
+      template: 'blank',
+    })
+    {
+      const p = await userOne.getProject(projectIdNotTrashed)
+      p.trashed = false
+      p.collaberator_refs.push(userTwo._id)
+      await userOne.saveProject(p)
+    }
+
+    projectIdArchivedAndTrashed = await userOne.createProject('not-trashed', {
+      template: 'blank',
+    })
+    {
+      const p = await userOne.getProject(projectIdArchivedAndTrashed)
+      p.archived = true
+      p.trashed = true
+      p.collaberator_refs.push(userTwo._id)
+      await userOne.saveProject(p)
+    }
+
+    projectIdNotArchivedNotTrashed = await userOne.createProject(
+      'not-archived,not-trashed',
+      {
+        template: 'blank',
+      }
+    )
+    {
+      const p = await userOne.getProject(projectIdNotArchivedNotTrashed)
+      p.archived = false
+      p.trashed = false
+      p.collaberator_refs.push(userTwo._id)
+      await userOne.saveProject(p)
+    }
+  })
+
+  beforeEach(function (done) {
+    exec(
+      'CONNECT_DELAY=1 node scripts/convert_archived_state.mjs FIRST,SECOND',
+      error => {
+        if (error) {
+          return done(error)
+        }
+        done()
+      }
+    )
+  })
+
+  describe('main method', function () {
+    it('should change a project archived boolean to an array', async function () {
+      projectOne = await userOne.getProject(projectOneId)
+      projectTwo = await userOne.getProject(projectTwoId)
+      expect(convertObjectIdsToStrings(projectOne.archived)).to.deep.equal([
+        userOne._id,
+        userTwo._id,
+        userThree._id,
+      ])
+
+      expect(convertObjectIdsToStrings(projectTwo.archived)).to.deep.equal([
+        userOne._id,
+        userThree._id,
+        userFour._id,
+      ])
+      expect(projectTwo.trashed).to.deep.equal([])
+    })
+
+    it('should not change the value of a project already archived with an array', async function () {
+      projectThree = await userOne.getProject(projectThreeId)
+      expect(convertObjectIdsToStrings(projectThree.archived)).to.deep.equal([
+        userOne._id,
+        userTwo._id,
+        userFour._id,
+      ])
+      expect(projectThree.trashed).to.deep.equal([])
+    })
+
+    it('should change a none-archived project with a boolean value to an array', async function () {
+      projectFour = await userOne.getProject(projectFourId)
+      expect(convertObjectIdsToStrings(projectFour.archived)).to.deep.equal([])
+      expect(projectFour.trashed).to.deep.equal([])
+    })
+
+    it('should change a archived and trashed project with a boolean value to an array', async function () {
+      const p = await userOne.getProject(projectIdArchivedAndTrashed)
+      expect(convertObjectIdsToStrings(p.archived)).to.deep.equal([
+        userOne._id,
+        userTwo._id,
+      ])
+      expect(convertObjectIdsToStrings(p.trashed)).to.deep.equal([
+        userOne._id,
+        userTwo._id,
+      ])
+    })
+
+    it('should change a trashed project with a boolean value to an array', async function () {
+      const p = await userOne.getProject(projectIdTrashed)
+      expect(p.archived).to.not.exist
+      expect(convertObjectIdsToStrings(p.trashed)).to.deep.equal([
+        userOne._id,
+        userTwo._id,
+      ])
+    })
+
+    it('should change a not-trashed project with a boolean value to an array', async function () {
+      const p = await userOne.getProject(projectIdNotTrashed)
+      expect(p.archived).to.not.exist
+      expect(convertObjectIdsToStrings(p.trashed)).to.deep.equal([])
+    })
+
+    it('should change a not-archived/not-trashed project with a boolean value to an array', async function () {
+      const p = await userOne.getProject(projectIdNotArchivedNotTrashed)
+      expect(p.archived).to.deep.equal([])
+      expect(p.trashed).to.deep.equal([])
+    })
+  })
+
+  function convertObjectIdsToStrings(ids) {
+    if (typeof ids === 'object') {
+      return ids.map(id => {
+        return id.toString()
+      })
+    }
+  }
+})
diff --git a/services/web/test/acceptance/src/CookieMetricsTests.mjs b/services/web/test/acceptance/src/CookieMetricsTests.mjs
new file mode 100644
index 0000000..4cab8cb
--- /dev/null
+++ b/services/web/test/acceptance/src/CookieMetricsTests.mjs
@@ -0,0 +1,258 @@
+import Settings from '@overleaf/settings'
+import { expect } from 'chai'
+import UserHelper from './helpers/User.mjs'
+import MetricsHelper from './helpers/metrics.mjs'
+import cookieSignature from 'cookie-signature'
+
+const User = UserHelper.promises
+
+const getMetric = MetricsHelper.promises.getMetric
+
+const resetMetrics = MetricsHelper.resetMetrics
+
+async function getSessionCookieMetric(status) {
+  return getMetric(
+    line =>
+      line.includes('session_cookie') && line.includes(`status="${status}"`)
+  )
+}
+
+/*
+ * Modifies the session cookie by removing the existing signature and signing
+ * the cookie with a new secret.
+ */
+function modifyCookieSignature(originalCookie, newSecret) {
+  const [sessionKey] = originalCookie.value.slice(2).split('.')
+  return cookieSignature.sign(sessionKey, newSecret)
+}
+
+describe('Session cookie', function () {
+  before(async function () {
+    this.user = new User()
+  })
+
+  describe('with no session cookie', function () {
+    before(async function () {
+      resetMetrics()
+      const { response } = await this.user.doRequest('GET', '/login')
+      this.response = response
+    })
+
+    after(function () {
+      this.user.resetCookies()
+    })
+
+    it('should accept the request', function () {
+      expect(this.response.statusCode).to.equal(200)
+    })
+
+    it('should return a signed cookie', async function () {
+      const cookie = this.user.sessionCookie()
+      expect(cookie).to.exist
+      expect(cookie.key).to.equal(Settings.cookieName)
+      expect(cookie.value).to.match(/^s:/)
+    })
+
+    it('should sign the cookie with the current session secret', function () {
+      const cookie = this.user.sessionCookie()
+      const unsigned = cookieSignature.unsign(
+        cookie.value.slice(2), // strip the 's:' prefix
+        Settings.security.sessionSecret
+      )
+      expect(unsigned).not.to.be.false
+      expect(unsigned).to.match(/^[a-zA-Z0-9_-]+$/)
+    })
+
+    it('should record a "none" cookie metric', async function () {
+      const count = await getSessionCookieMetric('none')
+      expect(count).to.equal(1)
+    })
+  })
+
+  describe('with a signed session cookie', function () {
+    before(async function () {
+      // get the first cookie
+      await this.user.doRequest('GET', '/login')
+      this.firstCookie = this.user.sessionCookie()
+      // make a subsequent request
+      resetMetrics()
+      const { response } = await this.user.doRequest('GET', '/login')
+      this.response = response
+    })
+
+    after(function () {
+      this.user.resetCookies()
+    })
+
+    it('should accept the request', function () {
+      expect(this.response.statusCode).to.equal(200)
+    })
+
+    it('should return the same signed cookie', async function () {
+      const cookie = this.user.sessionCookie()
+      expect(cookie).to.exist
+      expect(cookie.key).to.equal(Settings.cookieName)
+      expect(cookie.value).to.equal(this.firstCookie.value)
+    })
+
+    it('should record a "signed" cookie metric', async function () {
+      const count = await getSessionCookieMetric('signed')
+      expect(count).to.equal(1)
+    })
+  })
+
+  describe('with a session cookie signed with the fallback session secret', function () {
+    before(async function () {
+      // get the first cookie
+      await this.user.doRequest('GET', '/login')
+      this.firstCookie = this.user.sessionCookie()
+      // sign the session key with the fallback secret
+      this.user.setSessionCookie(
+        's:' +
+          modifyCookieSignature(
+            this.firstCookie,
+            Settings.security.sessionSecretFallback
+          )
+      )
+      // make a subsequent request
+      resetMetrics()
+      const { response } = await this.user.doRequest('GET', '/login')
+      this.response = response
+    })
+
+    after(function () {
+      this.user.resetCookies()
+    })
+
+    it('should accept the request', async function () {
+      expect(this.response.statusCode).to.equal(200)
+    })
+
+    it('should return the cookie signed with the current secret', function () {
+      const cookie = this.user.sessionCookie()
+      expect(cookie).to.exist
+      expect(cookie.key).to.equal(Settings.cookieName)
+      expect(cookie.value).to.equal(this.firstCookie.value)
+    })
+
+    it('should record a "signed" cookie metric', async function () {
+      const count = await getSessionCookieMetric('signed')
+      expect(count).to.equal(1)
+    })
+  })
+
+  describe('with a session cookie signed with the upcoming session secret', function () {
+    before(async function () {
+      // get the first cookie
+      await this.user.doRequest('GET', '/login')
+      this.firstCookie = this.user.sessionCookie()
+      // sign the session key with the upcoming secret
+
+      this.user.setSessionCookie(
+        's:' +
+          modifyCookieSignature(
+            this.firstCookie,
+            Settings.security.sessionSecretUpcoming
+          )
+      )
+      // make a subsequent request
+      resetMetrics()
+      const { response } = await this.user.doRequest('GET', '/login')
+      this.response = response
+    })
+
+    after(function () {
+      this.user.resetCookies()
+    })
+
+    it('should accept the request', async function () {
+      expect(this.response.statusCode).to.equal(200)
+    })
+
+    it('should return the cookie signed with the current secret', function () {
+      const cookie = this.user.sessionCookie()
+      expect(cookie).to.exist
+      expect(cookie.key).to.equal(Settings.cookieName)
+      expect(cookie.value).to.equal(this.firstCookie.value)
+    })
+
+    it('should record a "signed" cookie metric', async function () {
+      const count = await getSessionCookieMetric('signed')
+      expect(count).to.equal(1)
+    })
+  })
+
+  describe('with a session cookie signed with an invalid secret', function () {
+    before(async function () {
+      // get the first cookie
+      await this.user.doRequest('GET', '/login')
+      this.firstCookie = this.user.sessionCookie()
+      // sign the session key with an invalid secret
+      this.user.setSessionCookie(
+        's:' + modifyCookieSignature(this.firstCookie, 'invalid-secret')
+      )
+      // make a subsequent request
+      resetMetrics()
+      const { response } = await this.user.doRequest('GET', '/login')
+      this.response = response
+    })
+
+    after(function () {
+      this.user.resetCookies()
+    })
+
+    it('should not reject the request', async function () {
+      expect(this.response.statusCode).to.equal(200)
+    })
+
+    it('should return a new cookie signed with the current secret', function () {
+      const cookie = this.user.sessionCookie()
+      expect(cookie).to.exist
+      expect(cookie.key).to.equal(Settings.cookieName)
+      const [sessionKey] = cookie.value.slice(2).split('.')
+      expect(sessionKey).not.to.equal(this.firstSessionKey)
+    })
+
+    it('should record a "bad-signature" cookie metric', async function () {
+      const count = await getSessionCookieMetric('bad-signature')
+      expect(count).to.equal(1)
+    })
+  })
+
+  describe('with an unsigned session cookie', function () {
+    before(async function () {
+      // get the first cookie
+      await this.user.doRequest('GET', '/login')
+      this.firstCookie = this.user.sessionCookie()
+      // use the session key without signing it
+      const [sessionKey] = this.firstCookie.value.slice(2).split('.')
+      this.firstSessionKey = sessionKey
+      this.user.setSessionCookie(sessionKey)
+      // make a subsequent request
+      resetMetrics()
+      const { response } = await this.user.doRequest('GET', '/login')
+      this.response = response
+    })
+
+    after(function () {
+      this.user.resetCookies()
+    })
+
+    it('should not reject the request', async function () {
+      expect(this.response.statusCode).to.equal(200)
+    })
+
+    it('should return a new cookie signed with the current secret', function () {
+      const cookie = this.user.sessionCookie()
+      expect(cookie).to.exist
+      expect(cookie.key).to.equal(Settings.cookieName)
+      const [sessionKey] = cookie.value.slice(2).split('.')
+      expect(sessionKey).not.to.equal(this.firstSessionKey)
+    })
+
+    it('should record an "unsigned" cookie metric', async function () {
+      const count = await getSessionCookieMetric('unsigned')
+      expect(count).to.equal(1)
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/DeleteOrphanedDocsOnlineCheckTests.mjs b/services/web/test/acceptance/src/DeleteOrphanedDocsOnlineCheckTests.mjs
new file mode 100644
index 0000000..fc69d77
--- /dev/null
+++ b/services/web/test/acceptance/src/DeleteOrphanedDocsOnlineCheckTests.mjs
@@ -0,0 +1,263 @@
+import { exec } from 'node:child_process'
+import { promisify } from 'node:util'
+import { expect } from 'chai'
+import logger from '@overleaf/logger'
+import { filterOutput } from './helpers/settings.mjs'
+import { db, ObjectId } from '../../../app/src/infrastructure/mongodb.js'
+
+const ONE_DAY_IN_S = 60 * 60 * 24
+const BATCH_SIZE = 3
+
+function getSecondsFromObjectId(id) {
+  return id.getTimestamp().getTime() / 1000
+}
+
+function getObjectIdFromDate(date) {
+  const seconds = new Date(date).getTime() / 1000
+  return ObjectId.createFromTime(seconds)
+}
+
+describe('DeleteOrphanedDocsOnlineCheck', function () {
+  let docIds
+  let projectIds
+  let stopAtSeconds
+  let BATCH_LAST_ID
+  beforeEach('create docs', async function () {
+    BATCH_LAST_ID = getObjectIdFromDate('2021-03-31T00:00:00.000Z')
+    docIds = []
+    docIds[0] = getObjectIdFromDate('2021-04-01T00:00:00.000Z')
+    docIds[1] = getObjectIdFromDate('2021-04-02T00:00:00.000Z')
+    docIds[2] = getObjectIdFromDate('2021-04-11T00:00:00.000Z')
+    docIds[3] = getObjectIdFromDate('2021-04-12T00:00:00.000Z')
+    docIds[4] = getObjectIdFromDate('2021-04-13T00:00:00.000Z')
+    docIds[5] = getObjectIdFromDate('2021-04-14T00:00:00.000Z')
+    docIds[6] = getObjectIdFromDate('2021-04-15T00:00:00.000Z')
+    docIds[7] = getObjectIdFromDate('2021-04-16T00:01:00.000Z')
+    docIds[8] = getObjectIdFromDate('2021-04-16T00:02:00.000Z')
+    docIds[9] = getObjectIdFromDate('2021-04-16T00:03:00.000Z')
+    docIds[10] = getObjectIdFromDate('2021-04-16T00:04:00.000Z')
+    docIds[11] = getObjectIdFromDate('2021-04-16T00:05:00.000Z')
+
+    projectIds = []
+    projectIds[0] = getObjectIdFromDate('2021-04-01T00:00:00.000Z')
+    projectIds[1] = getObjectIdFromDate('2021-04-02T00:00:00.000Z')
+    projectIds[2] = getObjectIdFromDate('2021-04-11T00:00:00.000Z')
+    projectIds[3] = getObjectIdFromDate('2021-04-12T00:00:00.000Z')
+    projectIds[4] = getObjectIdFromDate('2021-04-13T00:00:00.000Z')
+    projectIds[5] = getObjectIdFromDate('2021-04-14T00:00:00.000Z')
+    projectIds[6] = getObjectIdFromDate('2021-04-15T00:00:00.000Z')
+    projectIds[7] = getObjectIdFromDate('2021-04-16T00:01:00.000Z')
+    projectIds[8] = getObjectIdFromDate('2021-04-16T00:02:00.000Z')
+    projectIds[9] = getObjectIdFromDate('2021-04-16T00:03:00.000Z')
+    // two docs in the same project
+    projectIds[10] = projectIds[9]
+    projectIds[11] = projectIds[4]
+
+    stopAtSeconds = new Date('2021-04-17T00:00:00.000Z').getTime() / 1000
+  })
+  beforeEach('create doc stubs', async function () {
+    await db.docs.insertMany([
+      // orphaned
+      { _id: docIds[0], project_id: projectIds[0] },
+      { _id: docIds[1], project_id: projectIds[1] },
+      { _id: docIds[2], project_id: projectIds[2] },
+      { _id: docIds[3], project_id: projectIds[3] },
+      // orphaned, failed hard deletion
+      { _id: docIds[4], project_id: projectIds[4] },
+      // not orphaned, live
+      { _id: docIds[5], project_id: projectIds[5] },
+      // not orphaned, pending hard deletion
+      { _id: docIds[6], project_id: projectIds[6] },
+      // multiple in a single batch
+      { _id: docIds[7], project_id: projectIds[7] },
+      { _id: docIds[8], project_id: projectIds[8] },
+      { _id: docIds[9], project_id: projectIds[9] },
+      // two docs in one project
+      { _id: docIds[10], project_id: projectIds[10] },
+      { _id: docIds[11], project_id: projectIds[11] },
+    ])
+  })
+  beforeEach('create project stubs', async function () {
+    await db.projects.insertMany([
+      // live
+      { _id: projectIds[5] },
+    ])
+  })
+  beforeEach('create deleted project stubs', async function () {
+    await db.deletedProjects.insertMany([
+      // hard-deleted
+      { deleterData: { deletedProjectId: projectIds[4] } },
+      // soft-deleted
+      {
+        deleterData: { deletedProjectId: projectIds[6] },
+        project: { _id: projectIds[6] },
+      },
+    ])
+  })
+
+  let options
+  async function runScript(dryRun) {
+    options = {
+      BATCH_LAST_ID,
+      BATCH_SIZE,
+      DRY_RUN: dryRun,
+      INCREMENT_BY_S: ONE_DAY_IN_S,
+      STOP_AT_S: stopAtSeconds,
+      // Lower concurrency to 1 for strict sequence of log messages.
+      READ_CONCURRENCY_SECONDARY: 1,
+      READ_CONCURRENCY_PRIMARY: 1,
+      WRITE_CONCURRENCY: 1,
+      // start right away
+      LET_USER_DOUBLE_CHECK_INPUTS_FOR: 1,
+    }
+    let result
+    try {
+      result = await promisify(exec)(
+        Object.entries(options)
+          .map(([key, value]) => `${key}=${value}`)
+          .concat([
+            // Hide verbose log messages `calling destroy for project in docstore`
+            'LOG_LEVEL=error',
+            // Hide deprecation warnings for calling `db.collection.count`
+            'NODE_OPTIONS=--no-deprecation',
+          ])
+          .concat(['node', 'scripts/delete_orphaned_docs_online_check.mjs'])
+          .join(' ')
+      )
+    } catch (error) {
+      // dump details like exit code, stdErr and stdOut
+      logger.error({ error }, 'script failed')
+      throw error
+    }
+    let { stderr: stdErr, stdout: stdOut } = result
+    stdErr = stdErr.split('\n').filter(filterOutput)
+    stdOut = stdOut.split('\n').filter(filterOutput)
+
+    const oneDayFromProjectId9InSeconds =
+      getSecondsFromObjectId(projectIds[9]) + ONE_DAY_IN_S
+    const oneDayFromProjectId9AsObjectId = getObjectIdFromDate(
+      1000 * oneDayFromProjectId9InSeconds
+    )
+    expect(stdOut).to.deep.equal([
+      `Checking projects ["${projectIds[0]}"]`,
+      `Deleted project ${projectIds[0]} has 1 orphaned docs: ["${docIds[0]}"]`,
+      `Checking projects ["${projectIds[1]}"]`,
+      `Deleted project ${projectIds[1]} has 1 orphaned docs: ["${docIds[1]}"]`,
+      `Checking projects ["${projectIds[2]}"]`,
+      `Deleted project ${projectIds[2]} has 1 orphaned docs: ["${docIds[2]}"]`,
+      `Checking projects ["${projectIds[3]}"]`,
+      `Deleted project ${projectIds[3]} has 1 orphaned docs: ["${docIds[3]}"]`,
+      // Two docs in the same project
+      `Checking projects ["${projectIds[4]}"]`,
+      `Deleted project ${projectIds[4]} has 2 orphaned docs: ["${docIds[4]}","${docIds[11]}"]`,
+      // Project 5 is live
+      `Checking projects ["${projectIds[5]}"]`,
+      // Project 6 is soft-deleted
+      `Checking projects ["${projectIds[6]}"]`,
+      // 7,8,9 are on the same day, but exceed the batch size of 2
+      `Checking projects ["${projectIds[7]}","${projectIds[8]}","${projectIds[9]}"]`,
+      `Deleted project ${projectIds[7]} has 1 orphaned docs: ["${docIds[7]}"]`,
+      `Deleted project ${projectIds[8]} has 1 orphaned docs: ["${docIds[8]}"]`,
+      // Two docs in the same project
+      `Deleted project ${projectIds[9]} has 2 orphaned docs: ["${docIds[9]}","${docIds[10]}"]`,
+    ])
+    expect(stdErr).to.deep.equal([
+      ...`Options: ${JSON.stringify(options, null, 2)}`.split('\n'),
+      'Waiting for you to double check inputs for 1 ms',
+      `Processed 1 projects (1 projects with orphaned docs/1 docs deleted) until ${getObjectIdFromDate(
+        '2021-04-01T00:00:00.000Z'
+      )}`,
+      `Processed 2 projects (2 projects with orphaned docs/2 docs deleted) until ${getObjectIdFromDate(
+        '2021-04-02T00:00:00.000Z'
+      )}`,
+      `Processed 2 projects (2 projects with orphaned docs/2 docs deleted) until ${getObjectIdFromDate(
+        '2021-04-03T00:00:00.000Z'
+      )}`,
+      `Processed 2 projects (2 projects with orphaned docs/2 docs deleted) until ${getObjectIdFromDate(
+        '2021-04-04T00:00:00.000Z'
+      )}`,
+      `Processed 2 projects (2 projects with orphaned docs/2 docs deleted) until ${getObjectIdFromDate(
+        '2021-04-05T00:00:00.000Z'
+      )}`,
+      `Processed 2 projects (2 projects with orphaned docs/2 docs deleted) until ${getObjectIdFromDate(
+        '2021-04-06T00:00:00.000Z'
+      )}`,
+      `Processed 2 projects (2 projects with orphaned docs/2 docs deleted) until ${getObjectIdFromDate(
+        '2021-04-07T00:00:00.000Z'
+      )}`,
+      `Processed 2 projects (2 projects with orphaned docs/2 docs deleted) until ${getObjectIdFromDate(
+        '2021-04-08T00:00:00.000Z'
+      )}`,
+      `Processed 2 projects (2 projects with orphaned docs/2 docs deleted) until ${getObjectIdFromDate(
+        '2021-04-09T00:00:00.000Z'
+      )}`,
+      `Processed 2 projects (2 projects with orphaned docs/2 docs deleted) until ${getObjectIdFromDate(
+        '2021-04-10T00:00:00.000Z'
+      )}`,
+      `Processed 3 projects (3 projects with orphaned docs/3 docs deleted) until ${getObjectIdFromDate(
+        '2021-04-11T00:00:00.000Z'
+      )}`,
+      `Processed 4 projects (4 projects with orphaned docs/4 docs deleted) until ${getObjectIdFromDate(
+        '2021-04-12T00:00:00.000Z'
+      )}`,
+      `Processed 5 projects (5 projects with orphaned docs/6 docs deleted) until ${getObjectIdFromDate(
+        '2021-04-13T00:00:00.000Z'
+      )}`,
+      `Processed 6 projects (5 projects with orphaned docs/6 docs deleted) until ${getObjectIdFromDate(
+        '2021-04-14T00:00:00.000Z'
+      )}`,
+      `Processed 7 projects (5 projects with orphaned docs/6 docs deleted) until ${getObjectIdFromDate(
+        '2021-04-15T00:00:00.000Z'
+      )}`,
+      `Processed 7 projects (5 projects with orphaned docs/6 docs deleted) until ${getObjectIdFromDate(
+        '2021-04-16T00:00:00.000Z'
+      )}`,
+      // 7,8,9,10 are on the same day, but exceed the batch size of 3
+      // Project 9 has two docs.
+      `Processed 10 projects (8 projects with orphaned docs/10 docs deleted) until ${projectIds[9]}`,
+      // 10 has as ready been processed as part of the last batch -- same project_id as 9.
+      `Processed 10 projects (8 projects with orphaned docs/10 docs deleted) until ${oneDayFromProjectId9AsObjectId}`,
+      'Done.',
+    ])
+  }
+
+  describe('DRY_RUN=true', function () {
+    beforeEach('run script', async function () {
+      await runScript(true)
+    })
+
+    it('should leave docs as is', async function () {
+      const docs = await db.docs.find({}).toArray()
+      expect(docs).to.deep.equal([
+        { _id: docIds[0], project_id: projectIds[0] },
+        { _id: docIds[1], project_id: projectIds[1] },
+        { _id: docIds[2], project_id: projectIds[2] },
+        { _id: docIds[3], project_id: projectIds[3] },
+        { _id: docIds[4], project_id: projectIds[4] },
+        { _id: docIds[5], project_id: projectIds[5] },
+        { _id: docIds[6], project_id: projectIds[6] },
+        { _id: docIds[7], project_id: projectIds[7] },
+        { _id: docIds[8], project_id: projectIds[8] },
+        { _id: docIds[9], project_id: projectIds[9] },
+        { _id: docIds[10], project_id: projectIds[10] },
+        { _id: docIds[11], project_id: projectIds[11] },
+      ])
+    })
+  })
+
+  describe('DRY_RUN=false', function () {
+    beforeEach('run script', async function () {
+      await runScript(false)
+    })
+
+    it('should deleted all but docs from live/soft-deleted projects', async function () {
+      const docs = await db.docs.find({}).toArray()
+      expect(docs).to.deep.equal([
+        // not orphaned, live
+        { _id: docIds[5], project_id: projectIds[5] },
+        // not orphaned, pending hard deletion
+        { _id: docIds[6], project_id: projectIds[6] },
+      ])
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/DeletionTests.mjs b/services/web/test/acceptance/src/DeletionTests.mjs
new file mode 100644
index 0000000..34e7bca
--- /dev/null
+++ b/services/web/test/acceptance/src/DeletionTests.mjs
@@ -0,0 +1,591 @@
+import User from './helpers/User.mjs'
+import Subscription from './helpers/Subscription.mjs'
+import request from './helpers/request.js'
+import async from 'async'
+import { expect } from 'chai'
+import settings from '@overleaf/settings'
+import { db, ObjectId } from '../../../app/src/infrastructure/mongodb.js'
+import Features from '../../../app/src/infrastructure/Features.js'
+import MockDocstoreApiClass from './mocks/MockDocstoreApi.mjs'
+import MockFilestoreApiClass from './mocks/MockFilestoreApi.mjs'
+import MockChatApiClass from './mocks/MockChatApi.mjs'
+import MockGitBridgeApiClass from './mocks/MockGitBridgeApi.mjs'
+import MockHistoryBackupDeletionApiClass from './mocks/MockHistoryBackupDeletionApi.mjs'
+
+let MockDocstoreApi,
+  MockFilestoreApi,
+  MockChatApi,
+  MockGitBridgeApi,
+  MockHistoryBackupDeletionApi
+
+before(function () {
+  MockDocstoreApi = MockDocstoreApiClass.instance()
+  MockFilestoreApi = MockFilestoreApiClass.instance()
+  MockChatApi = MockChatApiClass.instance()
+  MockGitBridgeApi = MockGitBridgeApiClass.instance()
+  MockHistoryBackupDeletionApi = MockHistoryBackupDeletionApiClass.instance()
+})
+
+describe('Deleting a user', function () {
+  beforeEach(function (done) {
+    async.auto(
+      {
+        user: cb => {
+          const user = new User()
+          user.ensureUserExists(() => {
+            cb(null, user)
+          })
+        },
+        login: [
+          'user',
+          (results, cb) => {
+            results.user.login(cb)
+          },
+        ],
+        subscription: [
+          'user',
+          'login',
+          (results, cb) => {
+            const subscription = new Subscription({
+              admin_id: results.user._id,
+            })
+            subscription.ensureExists(err => {
+              cb(err, subscription)
+            })
+          },
+        ],
+      },
+      (err, results) => {
+        expect(err).not.to.exist
+        this.user = results.user
+        this.subscription = results.subscription
+        done()
+      }
+    )
+  })
+
+  it('Should remove the user from active users', function (done) {
+    this.user.get((error, user) => {
+      expect(error).not.to.exist
+      expect(user).to.exist
+      this.user.deleteUser(error => {
+        expect(error).not.to.exist
+        this.user.get((error, user) => {
+          expect(error).not.to.exist
+          expect(user).not.to.exist
+          done()
+        })
+      })
+    })
+  })
+
+  it('Should create a soft-deleted user', function (done) {
+    this.user.get((error, user) => {
+      expect(error).not.to.exist
+      this.user.deleteUser(error => {
+        expect(error).not.to.exist
+        db.deletedUsers.findOne(
+          { 'user._id': user._id },
+          (error, deletedUser) => {
+            expect(error).not.to.exist
+            expect(deletedUser).to.exist
+            // it should set the 'deleterData' correctly
+            expect(deletedUser.deleterData.deleterId.toString()).to.equal(
+              user._id.toString()
+            )
+            expect(deletedUser.deleterData.deletedUserId.toString()).to.equal(
+              user._id.toString()
+            )
+            expect(deletedUser.deleterData.deletedUserReferralId).to.equal(
+              user.referal_id
+            )
+            // it should set the 'user' correctly
+            expect(deletedUser.user._id.toString()).to.equal(
+              user._id.toString()
+            )
+            expect(deletedUser.user.email).to.equal(user.email)
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  it("Should delete the user's projects", function (done) {
+    this.user.createProject('wombat', (error, projectId) => {
+      expect(error).not.to.exist
+      this.user.getProject(projectId, (error, project) => {
+        expect(error).not.to.exist
+        expect(project).to.exist
+
+        this.user.deleteUser(error => {
+          expect(error).not.to.exist
+          this.user.getProject(projectId, (error, project) => {
+            expect(error).not.to.exist
+            expect(project).not.to.exist
+            done()
+          })
+        })
+      })
+    })
+  })
+
+  describe('when scrubbing the user', function () {
+    beforeEach(function (done) {
+      this.user.get((error, user) => {
+        if (error) {
+          throw error
+        }
+        this.userId = user._id
+        this.user.deleteUser(done)
+      })
+    })
+
+    it('Should remove the user data from mongo', function (done) {
+      db.deletedUsers.findOne(
+        { 'deleterData.deletedUserId': this.userId },
+        (error, deletedUser) => {
+          expect(error).not.to.exist
+          expect(deletedUser).to.exist
+          expect(deletedUser.deleterData.deleterIpAddress).to.exist
+          expect(deletedUser.user).to.exist
+
+          request.post(
+            `/internal/users/${this.userId}/expire`,
+            {
+              auth: {
+                user: settings.apis.web.user,
+                pass: settings.apis.web.pass,
+                sendImmediately: true,
+              },
+            },
+            (error, res) => {
+              expect(error).not.to.exist
+              expect(res.statusCode).to.equal(204)
+
+              db.deletedUsers.findOne(
+                { 'deleterData.deletedUserId': this.userId },
+                (error, deletedUser) => {
+                  expect(error).not.to.exist
+                  expect(deletedUser).to.exist
+                  expect(deletedUser.deleterData.deleterIpAddress).not.to.exist
+                  expect(deletedUser.user).not.to.exist
+                  done()
+                }
+              )
+            }
+          )
+        }
+      )
+    })
+  })
+})
+
+describe('Deleting a project', function () {
+  beforeEach(function (done) {
+    this.user = new User()
+    this.projectName = 'wombat'
+    this.user.ensureUserExists(() => {
+      this.user.login(() => {
+        this.user.createProject(this.projectName, (_e, projectId) => {
+          this.projectId = projectId
+          done()
+        })
+      })
+    })
+  })
+
+  it('Should remove the project from active projects', function (done) {
+    this.user.getProject(this.projectId, (error, project) => {
+      expect(error).not.to.exist
+      expect(project).to.exist
+
+      this.user.deleteProject(this.projectId, error => {
+        expect(error).not.to.exist
+
+        this.user.getProject(this.projectId, (error, project) => {
+          expect(error).not.to.exist
+          expect(project).not.to.exist
+          done()
+        })
+      })
+    })
+  })
+
+  it('Should create a soft-deleted project', function (done) {
+    this.user.getProject(this.projectId, (error, project) => {
+      expect(error).not.to.exist
+
+      this.user.get((error, user) => {
+        expect(error).not.to.exist
+
+        this.user.deleteProject(this.projectId, error => {
+          expect(error).not.to.exist
+
+          db.deletedProjects.findOne(
+            { 'deleterData.deletedProjectId': project._id },
+            (error, deletedProject) => {
+              expect(error).not.to.exist
+              expect(deletedProject).to.exist
+
+              // it should set the 'deleterData' correctly
+              expect(deletedProject.deleterData.deleterId.toString()).to.equal(
+                user._id.toString()
+              )
+              expect(
+                deletedProject.deleterData.deletedProjectId.toString()
+              ).to.equal(project._id.toString())
+              expect(
+                deletedProject.deleterData.deletedProjectOwnerId.toString()
+              ).to.equal(user._id.toString())
+              // it should set the 'user' correctly
+              expect(deletedProject.project._id.toString()).to.equal(
+                project._id.toString()
+              )
+              expect(deletedProject.project.name).to.equal(this.projectName)
+
+              done()
+            }
+          )
+        })
+      })
+    })
+  })
+
+  describe('when the project has deleted files', function () {
+    beforeEach('get rootFolder id', function (done) {
+      this.user.getProject(this.projectId, (error, project) => {
+        if (error) return done(error)
+        this.rootFolder = project.rootFolder[0]._id
+        done()
+      })
+    })
+
+    let allFileIds
+    beforeEach('reset allFileIds', function () {
+      allFileIds = []
+    })
+    function createAndDeleteFile(name) {
+      let fileId
+      beforeEach(`create file ${name}`, function (done) {
+        this.user.uploadExampleFileInProject(
+          this.projectId,
+          this.rootFolder,
+          name,
+          (error, theFileId) => {
+            fileId = theFileId
+            allFileIds.push(theFileId)
+            done(error)
+          }
+        )
+      })
+      beforeEach(`delete file ${name}`, function (done) {
+        this.user.deleteItemInProject(this.projectId, 'file', fileId, done)
+      })
+    }
+    for (const name of ['a.png', 'another.png']) {
+      createAndDeleteFile(name)
+    }
+
+    it('should have two deleteFiles entries', async function () {
+      const files = await db.deletedFiles
+        .find({}, { sort: { _id: 1 } })
+        .toArray()
+      expect(files).to.have.length(2)
+      expect(files.map(file => file._id.toString())).to.deep.equal(allFileIds)
+    })
+
+    describe('When the deleted project is expired', function () {
+      beforeEach('soft delete the project', function (done) {
+        this.user.deleteProject(this.projectId, done)
+      })
+      beforeEach('hard delete the project', function (done) {
+        request.post(
+          `/internal/project/${this.projectId}/expire-deleted-project`,
+          {
+            auth: {
+              user: settings.apis.web.user,
+              pass: settings.apis.web.pass,
+              sendImmediately: true,
+            },
+          },
+          (error, res) => {
+            expect(error).not.to.exist
+            expect(res.statusCode).to.equal(200)
+
+            done()
+          }
+        )
+      })
+
+      it('should cleanup the deleteFiles', async function () {
+        const files = await db.deletedFiles
+          .find({}, { sort: { _id: 1 } })
+          .toArray()
+        expect(files).to.deep.equal([])
+      })
+    })
+  })
+
+  describe('When the project has docs', function () {
+    beforeEach(function (done) {
+      this.user.getProject(this.projectId, (error, project) => {
+        if (error) {
+          throw error
+        }
+        this.user.createDocInProject(
+          this.projectId,
+          project.rootFolder[0]._id,
+          'potato',
+          (error, docId) => {
+            if (error) {
+              throw error
+            }
+            this.docId = docId
+            done()
+          }
+        )
+        MockFilestoreApi.files[this.projectId.toString()] = {
+          dummyFile: 'wombat',
+        }
+        MockChatApi.projects[this.projectId.toString()] = ['message']
+        if (Features.hasFeature('git-bridge')) {
+          MockGitBridgeApi.projects[this.projectId.toString()] = {
+            data: 'some-data',
+          }
+        }
+      })
+    })
+
+    describe('When the deleted project is expired', function () {
+      beforeEach(function (done) {
+        this.user.deleteProject(this.projectId, error => {
+          if (error) {
+            throw error
+          }
+          done()
+        })
+      })
+
+      it('Should destroy the docs', function (done) {
+        expect(
+          MockDocstoreApi.docs[this.projectId.toString()][this.docId.toString()]
+        ).to.exist
+
+        request.post(
+          `/internal/project/${this.projectId}/expire-deleted-project`,
+          {
+            auth: {
+              user: settings.apis.web.user,
+              pass: settings.apis.web.pass,
+              sendImmediately: true,
+            },
+          },
+          (error, res) => {
+            expect(error).not.to.exist
+            expect(res.statusCode).to.equal(200)
+
+            expect(MockDocstoreApi.docs[this.projectId.toString()]).not.to.exist
+            done()
+          }
+        )
+      })
+
+      it('Should destroy the files if filestore is in use', function (done) {
+        expect(MockFilestoreApi.files[this.projectId.toString()]).to.exist
+
+        request.post(
+          `/internal/project/${this.projectId}/expire-deleted-project`,
+          {
+            auth: {
+              user: settings.apis.web.user,
+              pass: settings.apis.web.pass,
+              sendImmediately: true,
+            },
+          },
+          (error, res) => {
+            expect(error).not.to.exist
+            expect(res.statusCode).to.equal(200)
+            if (Features.hasFeature('filestore')) {
+              expect(MockFilestoreApi.files[this.projectId.toString()]).not.to
+                .exist
+            } else {
+              // don't touch files in filestore if it's not in use
+              expect(MockFilestoreApi.files[this.projectId.toString()]).to.exist
+            }
+            done()
+          }
+        )
+      })
+
+      it('Should destroy the chat', function (done) {
+        expect(MockChatApi.projects[this.projectId.toString()]).to.exist
+
+        request.post(
+          `/internal/project/${this.projectId}/expire-deleted-project`,
+          {
+            auth: {
+              user: settings.apis.web.user,
+              pass: settings.apis.web.pass,
+              sendImmediately: true,
+            },
+          },
+          (error, res) => {
+            expect(error).not.to.exist
+            expect(res.statusCode).to.equal(200)
+
+            expect(MockChatApi.projects[this.projectId.toString()]).not.to.exist
+            done()
+          }
+        )
+      })
+
+      it('Should remove the project data from mongo', function (done) {
+        db.deletedProjects.findOne(
+          { 'deleterData.deletedProjectId': new ObjectId(this.projectId) },
+          (error, deletedProject) => {
+            expect(error).not.to.exist
+            expect(deletedProject).to.exist
+            expect(deletedProject.project).to.exist
+            expect(deletedProject.deleterData.deleterIpAddress).to.exist
+            expect(deletedProject.deleterData.deletedAt).to.exist
+
+            request.post(
+              `/internal/project/${this.projectId}/expire-deleted-project`,
+              {
+                auth: {
+                  user: settings.apis.web.user,
+                  pass: settings.apis.web.pass,
+                  sendImmediately: true,
+                },
+              },
+              (error, res) => {
+                expect(error).not.to.exist
+                expect(res.statusCode).to.equal(200)
+
+                db.deletedProjects.findOne(
+                  {
+                    'deleterData.deletedProjectId': new ObjectId(
+                      this.projectId
+                    ),
+                  },
+                  (error, deletedProject) => {
+                    expect(error).not.to.exist
+                    expect(deletedProject).to.exist
+                    expect(deletedProject.project).not.to.exist
+                    expect(deletedProject.deleterData.deleterIpAddress).not.to
+                      .exist
+                    expect(deletedProject.deleterData.deletedAt).to.exist
+                    done()
+                  }
+                )
+              }
+            )
+          }
+        )
+      })
+
+      if (Features.hasFeature('saas')) {
+        it('Should destroy the history backup', function (done) {
+          MockHistoryBackupDeletionApi.prepareProject(this.projectId, 204)
+
+          request.post(
+            `/internal/project/${this.projectId}/expire-deleted-project`,
+            {
+              auth: {
+                user: settings.apis.web.user,
+                pass: settings.apis.web.pass,
+                sendImmediately: true,
+              },
+            },
+            (error, res) => {
+              expect(error).not.to.exist
+              expect(res.statusCode).to.equal(200)
+
+              expect(
+                MockHistoryBackupDeletionApi.projects[this.projectId.toString()]
+              ).not.to.exist
+              done()
+            }
+          )
+        })
+
+        it('Should abort when the history backup cannot be deleted', function (done) {
+          MockHistoryBackupDeletionApi.prepareProject(this.projectId, 422)
+
+          request.post(
+            `/internal/project/${this.projectId}/expire-deleted-project`,
+            {
+              auth: {
+                user: settings.apis.web.user,
+                pass: settings.apis.web.pass,
+                sendImmediately: true,
+              },
+            },
+            (error, res) => {
+              expect(error).not.to.exist
+              expect(res.statusCode).to.equal(500)
+
+              expect(
+                MockHistoryBackupDeletionApi.projects[this.projectId.toString()]
+              ).to.exist
+              db.deletedProjects.findOne(
+                {
+                  'deleterData.deletedProjectId': new ObjectId(this.projectId),
+                },
+                (error, deletedProject) => {
+                  expect(error).not.to.exist
+                  expect(deletedProject).to.exist
+                  expect(deletedProject.project).to.exist
+                  done()
+                }
+              )
+            }
+          )
+        })
+      }
+    })
+  })
+
+  if (Features.hasFeature('git-bridge')) {
+    describe('When the project has git-bridge data', function () {
+      beforeEach(function () {
+        MockGitBridgeApi.projects[this.projectId.toString()] = {
+          data: 'some-data',
+        }
+      })
+
+      describe('When the deleted project is expired', function () {
+        beforeEach(function (done) {
+          this.user.deleteProject(this.projectId, error => {
+            if (error) {
+              return done(error)
+            }
+            request.post(
+              `/internal/project/${this.projectId}/expire-deleted-project`,
+              {
+                auth: {
+                  user: settings.apis.web.user,
+                  pass: settings.apis.web.pass,
+                  sendImmediately: true,
+                },
+              },
+              (error, res) => {
+                if (error) {
+                  return done(error)
+                }
+                expect(res.statusCode).to.equal(200)
+                done()
+              }
+            )
+          })
+        })
+
+        it('should delete the git-bridge data', function () {
+          expect(MockGitBridgeApi.projects[this.projectId.toString()]).not.to
+            .exist
+        })
+      })
+    })
+  }
+})
diff --git a/services/web/test/acceptance/src/DocUpdateTests.mjs b/services/web/test/acceptance/src/DocUpdateTests.mjs
new file mode 100644
index 0000000..7f11b85
--- /dev/null
+++ b/services/web/test/acceptance/src/DocUpdateTests.mjs
@@ -0,0 +1,157 @@
+import User from './helpers/User.mjs'
+import request from './helpers/request.js'
+import { expect } from 'chai'
+import settings from '@overleaf/settings'
+import mongodb from 'mongodb-legacy'
+
+const ObjectId = mongodb.ObjectId
+
+describe('DocUpdate', function () {
+  beforeEach(function (done) {
+    this.user = new User()
+    this.projectName = 'wombat'
+    this.user.ensureUserExists(() => {
+      this.user.login(() => {
+        this.user.createProject(this.projectName, (error, projectId) => {
+          if (error) return done(error)
+          this.projectId = projectId
+
+          this.user.getProject(this.projectId, (error, project) => {
+            if (error) return done(error)
+            this.project = project
+            this.user.createDocInProject(
+              this.projectId,
+              this.project.rootFolder[0]._id,
+              'potato',
+              (error, docId) => {
+                this.docId = docId
+                done(error)
+              }
+            )
+          })
+        })
+      })
+    })
+  })
+
+  function writeContent(
+    { projectId, docId, lines, version, ranges, lastUpdatedAt, lastUpdatedBy },
+    callback
+  ) {
+    request(
+      {
+        method: 'POST',
+        url: `/project/${projectId}/doc/${docId}`,
+        auth: {
+          user: settings.apis.web.user,
+          pass: settings.apis.web.pass,
+          sendImmediately: true,
+        },
+        json: { lines, version, ranges, lastUpdatedAt, lastUpdatedBy },
+      },
+      (error, res) => {
+        if (error) return callback(error)
+        if (res.statusCode !== 200)
+          return callback(
+            new Error(`non-success statusCode: ${res.statusCode}`)
+          )
+        callback()
+      }
+    )
+  }
+
+  function updateContent(options, callback) {
+    writeContent(options, err => {
+      if (err) return callback(err)
+
+      options.lines.push('foo')
+      options.version++
+      writeContent(options, callback)
+    })
+  }
+
+  function writeContentTwice(options, callback) {
+    writeContent(options, err => {
+      if (err) return callback(err)
+
+      writeContent(options, callback)
+    })
+  }
+
+  let writeOptions
+  beforeEach(function () {
+    writeOptions = {
+      projectId: this.projectId,
+      docId: this.docId,
+      lines: ['a'],
+      version: 1,
+      ranges: {},
+      lastUpdatedAt: new Date(),
+      lastUpdatedBy: this.user.id,
+    }
+  })
+
+  function shouldAcceptChanges() {
+    it('should accept writes', function (done) {
+      writeContent(writeOptions, done)
+    })
+
+    it('should accept updates', function (done) {
+      updateContent(writeOptions, done)
+    })
+
+    it('should accept same write twice', function (done) {
+      writeContentTwice(writeOptions, done)
+    })
+  }
+
+  function shouldBlockChanges() {
+    it('should block writes', function (done) {
+      writeContent(writeOptions, err => {
+        expect(err).to.exist
+        expect(err.message).to.equal('non-success statusCode: 404')
+        done()
+      })
+    })
+
+    it('should block updates', function (done) {
+      updateContent(writeOptions, err => {
+        expect(err).to.exist
+        expect(err.message).to.equal('non-success statusCode: 404')
+        done()
+      })
+    })
+  }
+
+  describe('a regular doc', function () {
+    shouldAcceptChanges()
+  })
+
+  describe('after deleting the doc', function () {
+    beforeEach(function (done) {
+      this.user.deleteItemInProject(this.projectId, 'doc', this.docId, done)
+    })
+
+    shouldAcceptChanges()
+  })
+
+  describe('unknown doc', function () {
+    beforeEach(function () {
+      writeOptions.docId = new ObjectId()
+    })
+
+    shouldBlockChanges()
+  })
+
+  describe('doc in another project', function () {
+    beforeEach(function (done) {
+      this.user.createProject('foo', (error, projectId) => {
+        if (error) return done(error)
+        writeOptions.projectId = projectId
+        done()
+      })
+    })
+
+    shouldBlockChanges()
+  })
+})
diff --git a/services/web/test/acceptance/src/EditorHttpControllerTests.mjs b/services/web/test/acceptance/src/EditorHttpControllerTests.mjs
new file mode 100644
index 0000000..de38f79
--- /dev/null
+++ b/services/web/test/acceptance/src/EditorHttpControllerTests.mjs
@@ -0,0 +1,56 @@
+import User from './helpers/User.mjs'
+import { expect } from 'chai'
+
+describe('EditorHttpController', function () {
+  beforeEach('login', function (done) {
+    this.user = new User()
+    this.user.login(done)
+  })
+  beforeEach('create project', function (done) {
+    this.projectName = 'wombat'
+    this.user.createProject(this.projectName, (error, projectId) => {
+      if (error) return done(error)
+      this.projectId = projectId
+      done()
+    })
+  })
+  beforeEach('create doc', function (done) {
+    this.user.createDocInProject(
+      this.projectId,
+      null,
+      'potato.tex',
+      (error, docId) => {
+        this.docId = docId
+        done(error)
+      }
+    )
+  })
+
+  describe('joinProject', function () {
+    it('should emit an empty deletedDocs array', function (done) {
+      this.user.joinProject(this.projectId, (error, details) => {
+        if (error) return done(error)
+
+        expect(details.project.deletedDocs).to.deep.equal([])
+        done()
+      })
+    })
+
+    describe('after deleting a doc', function () {
+      beforeEach(function (done) {
+        this.user.deleteItemInProject(this.projectId, 'doc', this.docId, done)
+      })
+
+      it('should include the deleted doc in the deletedDocs array', function (done) {
+        this.user.joinProject(this.projectId, (error, details) => {
+          if (error) return done(error)
+
+          expect(details.project.deletedDocs).to.deep.equal([
+            { _id: this.docId, name: 'potato.tex' },
+          ])
+          done()
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/HaveIBeenPwnedApiTests.mjs b/services/web/test/acceptance/src/HaveIBeenPwnedApiTests.mjs
new file mode 100644
index 0000000..ffa8eb7
--- /dev/null
+++ b/services/web/test/acceptance/src/HaveIBeenPwnedApiTests.mjs
@@ -0,0 +1,238 @@
+import Settings from '@overleaf/settings'
+import { expect } from 'chai'
+import UserHelper from './helpers/User.mjs'
+import MockHaveIBeenPwnedApiClass from './mocks/MockHaveIBeenPwnedApi.mjs'
+import { db } from '../../../app/src/infrastructure/mongodb.js'
+import MetricsHelper from './helpers/metrics.mjs'
+
+const User = UserHelper.promises
+
+const getMetric = MetricsHelper.promises.getMetric
+
+let MockHaveIBeenPwnedApi
+before(function () {
+  MockHaveIBeenPwnedApi = MockHaveIBeenPwnedApiClass.instance()
+})
+
+async function getMetricReUsed() {
+  return await getMetric(
+    line => line.includes('password_re_use') && line.includes('re-used')
+  )
+}
+
+async function getMetricUnique() {
+  return await getMetric(
+    line => line.includes('password_re_use') && line.includes('unique')
+  )
+}
+
+async function getMetricFailure() {
+  return await getMetric(
+    line => line.includes('password_re_use') && line.includes('failure')
+  )
+}
+
+let user, previous
+
+async function resetPassword(password) {
+  await user.getCsrfToken()
+  await user.doRequest('POST', {
+    url: '/user/password/reset',
+    form: {
+      email: user.email,
+    },
+  })
+  const token = (
+    await db.tokens.findOne({
+      'data.user_id': user._id.toString(),
+    })
+  ).token
+
+  await user.doRequest('GET', {
+    url: `/user/password/set?passwordResetToken=${token}&email=${user.email}`,
+  })
+  const { response } = await user.doRequest('POST', {
+    url: '/user/password/set',
+    form: {
+      passwordResetToken: token,
+      password,
+    },
+  })
+
+  return response
+}
+
+describe('HaveIBeenPwnedApi', function () {
+  before(function () {
+    Settings.apis.haveIBeenPwned.enabled = true
+  })
+  after(function () {
+    Settings.apis.haveIBeenPwned.enabled = false
+  })
+
+  describe('login with weak password', function () {
+    beforeEach(function () {
+      user = new User()
+      user.password = 'aLeakedPassword42'
+
+      // echo -n aLeakedPassword42 | sha1sum
+      MockHaveIBeenPwnedApi.addPasswordByHash(
+        'D1ABBDEEE70CBE8BBCE5D9D039C53C0CE91C0C16'
+      )
+    })
+    beforeEach('create the user', async function () {
+      await user.ensureUserExists()
+    })
+    beforeEach('fetch previous count', async function () {
+      previous = await getMetricReUsed()
+    })
+    beforeEach('login', async function () {
+      try {
+        await user.loginNoUpdate()
+        expect.fail('should have failed login with weak password')
+      } catch (err) {
+        expect(err).to.match(/login failed: status=400/)
+        expect(err.info.body).to.deep.equal({
+          message: {
+            type: 'error',
+            key: 'password-compromised',
+            text: `The password you’ve entered is on a public list of compromised passwords (https://haveibeenpwned.com/passwords). Please try logging in from a device you’ve previously used or reset your password (${Settings.siteUrl}/user/password/reset).`,
+          },
+        })
+      }
+    })
+    it('should track the weak password', async function () {
+      const after = await getMetricReUsed()
+      expect(after).to.equal(previous + 1)
+    })
+  })
+
+  describe('login with strong password', function () {
+    beforeEach(function () {
+      user = new User()
+      user.password = 'this-is-a-strong-password'
+    })
+    beforeEach('create the user', async function () {
+      await user.ensureUserExists()
+    })
+    beforeEach('fetch previous count', async function () {
+      previous = await getMetricUnique()
+    })
+    beforeEach('login', async function () {
+      await user.loginNoUpdate()
+    })
+    it('should track the strong password', async function () {
+      const after = await getMetricUnique()
+      expect(after).to.equal(previous + 1)
+    })
+  })
+
+  describe('when the api is producing garbage', function () {
+    beforeEach(function () {
+      user = new User()
+      user.password = 'trigger-garbage-output'
+    })
+    beforeEach('create the user', async function () {
+      await user.ensureUserExists()
+    })
+    beforeEach('fetch previous count', async function () {
+      previous = await getMetricFailure()
+    })
+    beforeEach('login', async function () {
+      await user.loginNoUpdate()
+    })
+    it('should track the failure to collect a score', async function () {
+      const after = await getMetricFailure()
+      expect(after).to.equal(previous + 1)
+    })
+  })
+
+  describe('login attempt with weak password', function () {
+    beforeEach(function () {
+      user = new User()
+      // echo -n aLeakedPassword42 | sha1sum
+      MockHaveIBeenPwnedApi.addPasswordByHash(
+        'D1ABBDEEE70CBE8BBCE5D9D039C53C0CE91C0C16'
+      )
+    })
+    beforeEach('create the user', async function () {
+      await user.ensureUserExists()
+    })
+    beforeEach('fetch previous counts', async function () {
+      previous = {
+        reUsed: await getMetricReUsed(),
+        unique: await getMetricUnique(),
+        failure: await getMetricFailure(),
+      }
+    })
+    beforeEach('login', async function () {
+      try {
+        await user.loginWithEmailPassword(user.email, 'aLeakedPassword42')
+        expect.fail('expected the login request to fail')
+      } catch (err) {
+        expect(err).to.match(/login failed: status=401/)
+        expect(err.info.body).to.deep.equal({
+          message: { type: 'error', key: 'invalid-password-retry-or-reset' },
+        })
+      }
+    })
+    it('should not increment the counter', async function () {
+      expect(previous).to.deep.equal({
+        reUsed: await getMetricReUsed(),
+        unique: await getMetricUnique(),
+        failure: await getMetricFailure(),
+      })
+    })
+  })
+
+  describe('password reset with a weak password', function () {
+    beforeEach(function () {
+      user = new User()
+      // echo -n aLeakedPassword42 | sha1sum
+      MockHaveIBeenPwnedApi.addPasswordByHash(
+        'D1ABBDEEE70CBE8BBCE5D9D039C53C0CE91C0C16'
+      )
+    })
+    beforeEach('create the user', async function () {
+      await user.ensureUserExists()
+    })
+    beforeEach('fetch previous count', async function () {
+      previous = await getMetricReUsed()
+    })
+    beforeEach('set password', async function () {
+      const response = await resetPassword('aLeakedPassword42')
+      expect(response.statusCode).to.equal(400)
+      expect(response.body).to.equal(
+        JSON.stringify({
+          message: {
+            key: 'password-must-be-strong',
+          },
+        })
+      )
+    })
+    it('should track the weak password', async function () {
+      const after = await getMetricReUsed()
+      expect(after).to.equal(previous + 1)
+    })
+  })
+
+  describe('password reset with a strong password', function () {
+    beforeEach(function () {
+      user = new User()
+    })
+    beforeEach('create the user', async function () {
+      await user.ensureUserExists()
+    })
+    beforeEach('fetch previous count', async function () {
+      previous = await getMetricUnique()
+    })
+    beforeEach('set password', async function () {
+      const response = await resetPassword('a-strong-new-password')
+      expect(response.statusCode).to.equal(200)
+    })
+    it('should track the strong password', async function () {
+      const after = await getMetricUnique()
+      expect(after).to.equal(previous + 1)
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/HealthCheckControllerTests.mjs b/services/web/test/acceptance/src/HealthCheckControllerTests.mjs
new file mode 100644
index 0000000..a05b7ae
--- /dev/null
+++ b/services/web/test/acceptance/src/HealthCheckControllerTests.mjs
@@ -0,0 +1,96 @@
+import { expect } from 'chai'
+import Settings from '@overleaf/settings'
+import UserHelper from './helpers/User.mjs'
+
+const User = UserHelper.promises
+
+describe('HealthCheckController', function () {
+  describe('SmokeTests', function () {
+    let user, projectId
+    const captchaDisabledBefore = Settings.recaptcha.disabled.login
+
+    beforeEach(async function () {
+      user = new User()
+      await user.login()
+      projectId = await user.createProject('SmokeTest')
+
+      // HACK: Inject the details into the app
+      Settings.smokeTest.userId = user.id
+      Settings.smokeTest.user = user.email
+      Settings.smokeTest.password = user.password
+      Settings.smokeTest.projectId = projectId
+
+      Settings.recaptcha.disabled.login = true
+    })
+    afterEach(function () {
+      Settings.recaptcha.disabled.login = captchaDisabledBefore
+    })
+
+    async function performSmokeTestRequest() {
+      const start = Date.now()
+      const { response, body } = await user.doRequest('GET', {
+        url: '/health_check/full',
+        json: true,
+      })
+      const end = Date.now()
+
+      expect(body).to.exist
+      expect(body.stats).to.exist
+      expect(Date.parse(body.stats.start)).to.be.within(start, start + 1000)
+      expect(Date.parse(body.stats.end)).to.be.within(end - 1000, end)
+
+      expect(body.stats.duration).to.be.within(0, 10000)
+      expect(body.stats.steps).to.be.instanceof(Array)
+      return { response, body }
+    }
+
+    describe('happy path', function () {
+      it('should respond with a 200 and stats', async function () {
+        const { response, body } = await performSmokeTestRequest()
+
+        expect(body.error).to.not.exist
+        expect(response.statusCode).to.equal(200)
+      })
+    })
+
+    describe('when the request is aborted', function () {
+      it('should not crash', async function () {
+        try {
+          await user.doRequest('GET', {
+            timeout: 1,
+            url: '/health_check/full',
+            json: true,
+          })
+        } catch (err) {
+          expect(err.code).to.be.oneOf(['ETIMEDOUT', 'ESOCKETTIMEDOUT'])
+          return
+        }
+        expect.fail('expected request to fail with timeout error')
+      })
+    })
+
+    describe('when the project does not exist', function () {
+      beforeEach(function () {
+        Settings.smokeTest.projectId = '404'
+      })
+      it('should respond with a 500 ', async function () {
+        const { response, body } = await performSmokeTestRequest()
+
+        expect(body.error).to.equal('run.101_loadEditor failed')
+        expect(response.statusCode).to.equal(500)
+      })
+    })
+
+    describe('when the password mismatches', function () {
+      beforeEach(function () {
+        Settings.smokeTest.password = 'foo-bar'
+      })
+      it('should respond with a 500 with mismatching password', async function () {
+        const { response, body } = await performSmokeTestRequest()
+
+        expect(body.error).to.equal('run.002_login failed')
+        expect(response.statusCode).to.equal(500)
+      })
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/HistoryTests.mjs b/services/web/test/acceptance/src/HistoryTests.mjs
new file mode 100644
index 0000000..9e45f73
--- /dev/null
+++ b/services/web/test/acceptance/src/HistoryTests.mjs
@@ -0,0 +1,279 @@
+import fs from 'node:fs'
+import Path from 'node:path'
+import { expect } from 'chai'
+import UserHelper from './helpers/User.mjs'
+import MockV1HistoryApiClass from './mocks/MockV1HistoryApi.mjs'
+import ProjectGetter from '../../../app/src/Features/Project/ProjectGetter.js'
+import MockFilestoreApiClass from './mocks/MockFilestoreApi.mjs'
+import { fileURLToPath } from 'node:url'
+import sinon from 'sinon'
+import logger from '@overleaf/logger'
+import Metrics from './helpers/metrics.mjs'
+import Features from '../../../app/src/infrastructure/Features.js'
+const User = UserHelper.promises
+
+let MockV1HistoryApi, MockFilestoreApi
+
+before(function () {
+  MockV1HistoryApi = MockV1HistoryApiClass.instance()
+  MockFilestoreApi = MockFilestoreApiClass.instance()
+})
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+const fileContent = fs.readFileSync(
+  Path.join(__dirname, '../files/2pixel.png'),
+  'utf-8'
+)
+
+describe('HistoryTests', function () {
+  let user, projectId, fileId, fileHash, fileURL, blobURL, blobURLWithFallback
+  let historySource, filestoreSource
+
+  async function getSourceMetric(source) {
+    return await Metrics.promises.getMetric(
+      line => line.includes('request_blob') && line.includes(source)
+    )
+  }
+  beforeEach('create project', async function () {
+    user = new User()
+    await user.login()
+
+    projectId = await user.createProject('project1')
+    const project = await ProjectGetter.promises.getProject(projectId)
+    ;({ entity_id: fileId, hash: fileHash } =
+      await user.uploadFileInProjectFull(
+        projectId,
+        project.rootFolder[0]._id.toString(),
+        '2pixel.png',
+        '2pixel.png',
+        'image/png'
+      ))
+    fileURL = `/project/${projectId}/file/${fileId}`
+    blobURL = `/project/${projectId}/blob/${fileHash}`
+    blobURLWithFallback = `${blobURL}?fallback=${fileId}`
+    historySource = await getSourceMetric('history-v1')
+    filestoreSource = await getSourceMetric('filestore')
+  })
+
+  async function expectHistoryV1Hit() {
+    expect(await getSourceMetric('history-v1')).to.equal(historySource + 1)
+    expect(await getSourceMetric('filestore')).to.equal(filestoreSource)
+  }
+  async function expectFilestoreHit() {
+    expect(await getSourceMetric('history-v1')).to.equal(historySource)
+    expect(await getSourceMetric('filestore')).to.equal(filestoreSource + 1)
+  }
+  async function expectNoIncrement() {
+    expect(await getSourceMetric('history-v1')).to.equal(historySource)
+    expect(await getSourceMetric('filestore')).to.equal(filestoreSource)
+  }
+
+  describe('/project/:projectId/download/zip', function () {
+    let spy, downloadZIPURL
+    beforeEach(async function () {
+      spy = sinon.spy(logger, 'error')
+      downloadZIPURL = `/project/${projectId}/download/zip`
+    })
+    afterEach(function () {
+      spy.restore()
+    })
+    if (Features.hasFeature('project-history-blobs')) {
+      it('should work from history-v1', async function () {
+        const { response, body } = await user.doRequest('GET', downloadZIPURL)
+        expect(response.statusCode).to.equal(200)
+        expect(body).to.include('2pixel.png')
+        await expectHistoryV1Hit()
+      })
+      if (Features.hasFeature('filestore')) {
+        it('should work from filestore', async function () {
+          MockV1HistoryApi.reset()
+          const { response, body } = await user.doRequest('GET', downloadZIPURL)
+          expect(response.statusCode).to.equal(200)
+          expect(body).to.include('2pixel.png')
+          await expectFilestoreHit()
+        })
+      }
+      it('should not include when missing in both places', async function () {
+        MockFilestoreApi.reset()
+        MockV1HistoryApi.reset()
+        const { response, body } = await user.doRequest('GET', downloadZIPURL)
+        expect(response.statusCode).to.equal(200)
+        expect(
+          spy.args.find(([, msg]) => msg === 'error adding files to zip stream')
+        ).to.exist
+        expect(body).to.not.include('2pixel.png')
+        await expectNoIncrement()
+      })
+    }
+  })
+
+  describe('/project/:projectId/blob/:hash', function () {
+    describe('HEAD', function () {
+      if (Features.hasFeature('project-history-blobs')) {
+        it('should fetch the file size from history-v1', async function () {
+          const { response } = await user.doRequest('HEAD', blobURL)
+          expect(response.statusCode).to.equal(200)
+          expect(response.headers['x-served-by']).to.include('history-v1')
+          expect(response.headers['content-length']).to.equal('3694')
+          await expectHistoryV1Hit()
+        })
+      }
+      it('should return 404 without fallback', async function () {
+        MockV1HistoryApi.reset()
+        const { response } = await user.doRequest('HEAD', blobURL)
+        expect(response.statusCode).to.equal(404)
+        await expectNoIncrement()
+      })
+      if (Features.hasFeature('filestore')) {
+        it('should fetch the file size from filestore when missing in history-v1', async function () {
+          MockV1HistoryApi.reset()
+          const { response } = await user.doRequest('HEAD', blobURLWithFallback)
+          expect(response.statusCode).to.equal(200)
+          expect(response.headers['x-served-by']).to.include('filestore')
+          expect(response.headers['content-length']).to.equal('3694')
+          await expectFilestoreHit()
+        })
+      }
+      it('should return 404 with both files missing', async function () {
+        MockFilestoreApi.reset()
+        MockV1HistoryApi.reset()
+        const { response } = await user.doRequest('HEAD', blobURLWithFallback)
+        expect(response.statusCode).to.equal(404)
+        await expectNoIncrement()
+      })
+    })
+    describe('GET', function () {
+      if (Features.hasFeature('project-history-blobs')) {
+        it('should fetch the file from history-v1', async function () {
+          const { response, body } = await user.doRequest('GET', blobURL)
+          expect(response.statusCode).to.equal(200)
+          expect(response.headers['x-served-by']).to.include('history-v1')
+          expect(body).to.equal(fileContent)
+          await expectHistoryV1Hit()
+        })
+        it('should set cache headers', async function () {
+          const { response } = await user.doRequest('GET', blobURL)
+          expect(response.headers['cache-control']).to.equal(
+            'private, max-age=86400, stale-while-revalidate=31536000'
+          )
+          expect(response.headers.etag).to.equal(fileHash)
+        })
+        it('should return a 304 when revalidating', async function () {
+          const { response, body } = await user.doRequest('GET', {
+            url: blobURL,
+            headers: { 'If-None-Match': fileHash },
+          })
+          expect(response.statusCode).to.equal(304)
+          expect(response.headers.etag).to.equal(fileHash)
+          expect(body).to.equal('')
+        })
+      }
+      it('should return 404 without fallback', async function () {
+        MockV1HistoryApi.reset()
+        const { response } = await user.doRequest('GET', blobURL)
+        expect(response.statusCode).to.equal(404)
+        await expectNoIncrement()
+      })
+      it('should not set cache headers on 404', async function () {
+        MockV1HistoryApi.reset()
+        const { response } = await user.doRequest('GET', blobURL)
+        expect(response.statusCode).to.equal(404)
+        expect(response.headers).not.to.have.property('cache-control')
+        expect(response.headers).not.to.have.property('etag')
+      })
+      if (Features.hasFeature('filestore')) {
+        it('should fetch the file size from filestore when missing in history-v1', async function () {
+          MockV1HistoryApi.reset()
+          const { response, body } = await user.doRequest(
+            'GET',
+            blobURLWithFallback
+          )
+          expect(response.statusCode).to.equal(200)
+          expect(response.headers['x-served-by']).to.include('filestore')
+          expect(body).to.equal(fileContent)
+          await expectFilestoreHit()
+        })
+      }
+      it('should return 404 with both files missing', async function () {
+        MockFilestoreApi.reset()
+        MockV1HistoryApi.reset()
+        const { response } = await user.doRequest('GET', blobURLWithFallback)
+        expect(response.statusCode).to.equal(404)
+        await expectNoIncrement()
+      })
+    })
+  })
+
+  // Legacy endpoint that is powered by history-v1 in SaaS
+  describe('/project/:projectId/file/:fileId', function () {
+    describe('HEAD', function () {
+      if (Features.hasFeature('project-history-blobs')) {
+        it('should fetch the file size from history-v1', async function () {
+          const { response } = await user.doRequest('HEAD', fileURL)
+          expect(response.statusCode).to.equal(200)
+          expect(response.headers['x-served-by']).to.include('history-v1')
+          expect(response.headers['content-length']).to.equal('3694')
+          await expectHistoryV1Hit()
+        })
+      }
+      if (Features.hasFeature('filestore')) {
+        it('should fetch the file size from filestore when missing in history-v1', async function () {
+          MockV1HistoryApi.reset()
+          const { response } = await user.doRequest('HEAD', blobURLWithFallback)
+          expect(response.statusCode).to.equal(200)
+          expect(response.headers['x-served-by']).to.include('filestore')
+          expect(response.headers['content-length']).to.equal('3694')
+        })
+      }
+      it('should return 404 with both files missing', async function () {
+        MockFilestoreApi.reset()
+        MockV1HistoryApi.reset()
+        const { response } = await user.doRequest('HEAD', blobURLWithFallback)
+        expect(response.statusCode).to.equal(404)
+      })
+    })
+    describe('GET', function () {
+      if (Features.hasFeature('project-history-blobs')) {
+        it('should fetch the file from history-v1', async function () {
+          const { response, body } = await user.doRequest('GET', fileURL)
+          expect(response.statusCode).to.equal(200)
+          expect(response.headers['x-served-by']).to.include('history-v1')
+          expect(body).to.equal(fileContent)
+          await expectHistoryV1Hit()
+        })
+      }
+      it('should set cache headers', async function () {
+        const { response } = await user.doRequest('GET', fileURL)
+        expect(response.headers['cache-control']).to.equal(
+          'private, max-age=3600'
+        )
+      })
+      it('should not set cache headers on 404', async function () {
+        MockV1HistoryApi.reset()
+        MockFilestoreApi.reset()
+        // The legacy filestore downloads are not properly handling 404s, so delete the file from the file-tree to trigger the 404. All the filestore code will be removed soon.
+        await user.doRequest('DELETE', fileURL)
+
+        const { response } = await user.doRequest('GET', fileURL)
+        expect(response.statusCode).to.equal(404)
+        expect(response.headers).not.to.have.property('cache-control')
+        expect(response.headers).not.to.have.property('etag')
+      })
+      if (Features.hasFeature('filestore')) {
+        it('should fetch the file size from filestore when missing in history-v1', async function () {
+          MockV1HistoryApi.reset()
+          const { response, body } = await user.doRequest('GET', fileURL)
+          expect(response.statusCode).to.equal(200)
+          expect(response.headers['x-served-by']).to.include('filestore')
+          expect(body).to.equal(fileContent)
+        })
+      }
+      it('should return 404 with both files missing', async function () {
+        MockFilestoreApi.reset()
+        MockV1HistoryApi.reset()
+        const { response } = await user.doRequest('GET', fileURL)
+        expect(response.statusCode).to.equal(404)
+      })
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/HttpPermissionsPolicyTests.mjs b/services/web/test/acceptance/src/HttpPermissionsPolicyTests.mjs
new file mode 100644
index 0000000..77c628e
--- /dev/null
+++ b/services/web/test/acceptance/src/HttpPermissionsPolicyTests.mjs
@@ -0,0 +1,29 @@
+import { expect } from 'chai'
+import fetch from 'node-fetch'
+import Settings from '@overleaf/settings'
+
+const BASE_URL = `http://${process.env.HTTP_TEST_HOST || '127.0.0.1'}:23000`
+
+describe('HttpPermissionsPolicy', function () {
+  it('should have permissions-policy header on user-facing pages', async function () {
+    const response = await fetch(BASE_URL)
+
+    expect(response.headers.get('permissions-policy')).to.equal(
+      'accelerometer=(), attribution-reporting=(), browsing-topics=(), camera=(), display-capture=(), encrypted-media=(), gamepad=(), geolocation=(), gyroscope=(), hid=(), identity-credentials-get=(), idle-detection=(), local-fonts=(), magnetometer=(), microphone=(), midi=(), otp-credentials=(), payment=(), picture-in-picture=(), screen-wake-lock=(), serial=(), storage-access=(), usb=(), window-management=(), xr-spatial-tracking=(), autoplay=(self "https://videos.ctfassets.net"), fullscreen=(self)'
+    )
+  })
+
+  it('should not have permissions-policy header on requests for non-rendered content', async function () {
+    const response = await fetch(`${BASE_URL}/dev/csrf`)
+
+    expect(response.headers.get('permissions-policy')).to.be.null
+  })
+
+  describe('when permissions policy is disabled', function () {
+    it('it adds no additional headers', async function () {
+      Settings.useHttpPermissionsPolicy = false
+      const response = await fetch(BASE_URL)
+      expect(response.headers.get('permissions-policy')).to.be.null
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/Init.mjs b/services/web/test/acceptance/src/Init.mjs
new file mode 100644
index 0000000..c52962c
--- /dev/null
+++ b/services/web/test/acceptance/src/Init.mjs
@@ -0,0 +1,44 @@
+import './helpers/InitApp.mjs'
+import Features from '../../../app/src/infrastructure/Features.js'
+
+import MockAnalyticsApi from './mocks/MockAnalyticsApi.mjs'
+import MockChatApi from './mocks/MockChatApi.mjs'
+import MockClsiApi from './mocks/MockClsiApi.mjs'
+import MockDocstoreApi from './mocks/MockDocstoreApi.mjs'
+import MockDocUpdaterApi from './mocks/MockDocUpdaterApi.mjs'
+import MockFilestoreApi from './mocks/MockFilestoreApi.mjs'
+import MockGitBridgeApi from './mocks/MockGitBridgeApi.mjs'
+import MockNotificationsApi from './mocks/MockNotificationsApi.mjs'
+import MockProjectHistoryApi from './mocks/MockProjectHistoryApi.mjs'
+import MockSpellingApi from './mocks/MockSpellingApi.mjs'
+import MockV1Api from './mocks/MockV1Api.mjs'
+import MockV1HistoryApi from './mocks/MockV1HistoryApi.mjs'
+import MockHaveIBeenPwnedApi from './mocks/MockHaveIBeenPwnedApi.mjs'
+import MockThirdPartyDataStoreApi from './mocks/MockThirdPartyDataStoreApi.mjs'
+import MockHistoryBackupDeletionApi from './mocks/MockHistoryBackupDeletionApi.mjs'
+
+const mockOpts = {
+  debug: ['1', 'true', 'TRUE'].includes(process.env.DEBUG_MOCKS),
+}
+
+MockChatApi.initialize(23010, mockOpts)
+MockClsiApi.initialize(23013, mockOpts)
+MockDocstoreApi.initialize(23016, mockOpts)
+MockDocUpdaterApi.initialize(23003, mockOpts)
+MockFilestoreApi.initialize(23009, mockOpts)
+MockNotificationsApi.initialize(23042, mockOpts)
+MockSpellingApi.initialize(23005, mockOpts)
+MockHaveIBeenPwnedApi.initialize(1337, mockOpts)
+MockProjectHistoryApi.initialize(23054, mockOpts)
+MockV1HistoryApi.initialize(23100, mockOpts)
+MockHistoryBackupDeletionApi.initialize(23101, mockOpts)
+
+if (Features.hasFeature('saas')) {
+  MockAnalyticsApi.initialize(23050, mockOpts)
+  MockV1Api.initialize(25000, mockOpts)
+  MockThirdPartyDataStoreApi.initialize(23002, mockOpts)
+}
+
+if (Features.hasFeature('git-bridge')) {
+  MockGitBridgeApi.initialize(28000, mockOpts)
+}
diff --git a/services/web/test/acceptance/src/LearnTest.mjs b/services/web/test/acceptance/src/LearnTest.mjs
new file mode 100644
index 0000000..665f1d6
--- /dev/null
+++ b/services/web/test/acceptance/src/LearnTest.mjs
@@ -0,0 +1,54 @@
+import { expect } from 'chai'
+import cheerio from 'cheerio'
+import UserHelper from './helpers/User.mjs'
+
+const User = UserHelper.promises
+
+describe('Spelling', function () {
+  let user, projectId
+  async function learnWord(word) {
+    const { response } = await user.doRequest('POST', {
+      url: '/spelling/learn',
+      json: { word },
+    })
+    return response
+  }
+
+  async function getDict() {
+    const { body, response } = await user.doRequest(
+      'GET',
+      `/project/${projectId}`
+    )
+    expect(response.statusCode).to.equal(200)
+    const dom = cheerio.load(body)
+    const metaEl = dom('meta[name="ol-learnedWords"]')[0]
+    return JSON.parse(metaEl.attribs.content)
+  }
+
+  describe('learning words', function () {
+    beforeEach(async function () {
+      user = new User()
+      await user.login()
+      projectId = await user.createProject('foo')
+    })
+
+    it('should return status 400 when posting an empty word', async function () {
+      const response = await learnWord('')
+      expect(response.statusCode).to.equal(400)
+    })
+
+    it('should return status 204 when posting a word successfully', async function () {
+      const response = await learnWord('abcd')
+      expect(response.statusCode).to.equal(204)
+    })
+
+    it('should not learn the same word twice', async function () {
+      await learnWord('foobar')
+      const learnResponse = await learnWord('foobar')
+      expect(learnResponse.statusCode).to.equal(204)
+
+      const dict = await getDict()
+      expect(dict.length).to.equals(1)
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/LinkedFilesTests.mjs b/services/web/test/acceptance/src/LinkedFilesTests.mjs
new file mode 100644
index 0000000..2edcada
--- /dev/null
+++ b/services/web/test/acceptance/src/LinkedFilesTests.mjs
@@ -0,0 +1,527 @@
+import { expect } from 'chai'
+import _ from 'lodash'
+import timekeeper from 'timekeeper'
+import Settings from '@overleaf/settings'
+import UserHelper from './helpers/User.mjs'
+import express from 'express'
+import { plainTextResponse } from '../../../app/src/infrastructure/Response.js'
+
+const User = UserHelper.promises
+
+const LinkedUrlProxy = express()
+LinkedUrlProxy.get('/', (req, res, next) => {
+  if (req.query.url === 'http://example.com/foo') {
+    return plainTextResponse(res, 'foo foo foo')
+  } else if (req.query.url === 'http://example.com/bar') {
+    return plainTextResponse(res, 'bar bar bar')
+  } else if (req.query.url === 'http://example.com/large') {
+    return plainTextResponse(res, 'x'.repeat(Settings.maxUploadSize + 1))
+  } else {
+    return res.sendStatus(404)
+  }
+})
+
+describe('LinkedFiles', function () {
+  before(function () {
+    timekeeper.freeze(new Date())
+  })
+
+  after(function () {
+    timekeeper.reset()
+  })
+
+  let projectOne, projectOneId, projectOneRootFolderId
+  let projectTwo, projectTwoId, projectTwoRootFolderId
+  const sourceDocName = 'test.txt'
+  let sourceDocId
+  let owner
+
+  let server
+  before(function (done) {
+    server = LinkedUrlProxy.listen(6543, done)
+  })
+  after(function (done) {
+    server.close(done)
+  })
+
+  beforeEach(async function () {
+    owner = new User()
+    await owner.login()
+  })
+
+  describe('creating a project linked file', function () {
+    beforeEach(async function () {
+      projectOneId = await owner.createProject('plf-test-one', {
+        template: 'blank',
+      })
+      projectOne = await owner.getProject(projectOneId)
+      projectOneRootFolderId = projectOne.rootFolder[0]._id.toString()
+
+      projectTwoId = await owner.createProject('plf-test-two', {
+        template: 'blank',
+      })
+      projectTwo = await owner.getProject(projectTwoId)
+      projectTwoRootFolderId = projectTwo.rootFolder[0]._id.toString()
+
+      sourceDocId = await owner.createDocInProject(
+        projectTwoId,
+        projectTwoRootFolderId,
+        sourceDocName
+      )
+      await owner.createDocInProject(
+        projectTwoId,
+        projectTwoRootFolderId,
+        'some-harmless-doc.txt'
+      )
+    })
+
+    it('should produce a list of the users projects and their entities', async function () {
+      let { body } = await owner.doRequest('get', {
+        url: '/user/projects',
+        json: true,
+      })
+
+      expect(body).to.deep.equal({
+        projects: [
+          {
+            _id: projectOneId,
+            name: 'plf-test-one',
+            accessLevel: 'owner',
+          },
+          {
+            _id: projectTwoId,
+            name: 'plf-test-two',
+            accessLevel: 'owner',
+          },
+        ],
+      })
+      ;({ body } = await owner.doRequest('get', {
+        url: `/project/${projectTwoId}/entities`,
+        json: true,
+      }))
+      expect(body).to.deep.equal({
+        project_id: projectTwoId,
+        entities: [
+          { path: '/main.tex', type: 'doc' },
+          { path: '/some-harmless-doc.txt', type: 'doc' },
+          { path: '/test.txt', type: 'doc' },
+        ],
+      })
+    })
+
+    it('should import a file and refresh it if there is no v1 id', async function () {
+      // import the file from the source project
+      let { response, body } = await owner.doRequest('post', {
+        url: `/project/${projectOneId}/linked_file`,
+        json: {
+          name: 'test-link.txt',
+          parent_folder_id: projectOneRootFolderId,
+          provider: 'project_file',
+          data: {
+            source_project_id: projectTwoId,
+            source_entity_path: `/${sourceDocName}`,
+          },
+        },
+      })
+      expect(response.statusCode).to.equal(200)
+      const existingFileId = body.new_file_id
+      expect(existingFileId).to.exist
+
+      let updatedProjectOne = await owner.getProject(projectOneId)
+
+      let firstFile = updatedProjectOne.rootFolder[0].fileRefs[0]
+      expect(firstFile._id.toString()).to.equal(existingFileId.toString())
+      expect(firstFile.linkedFileData).to.deep.equal({
+        provider: 'project_file',
+        source_project_id: projectTwoId,
+        source_entity_path: `/${sourceDocName}`,
+        importedAt: new Date().toISOString(),
+      })
+      expect(firstFile.name).to.equal('test-link.txt')
+
+      // refresh the file
+      ;({ response, body } = await owner.doRequest('post', {
+        url: `/project/${projectOneId}/linked_file/${existingFileId}/refresh`,
+        json: true,
+      }))
+      expect(response.statusCode).to.equal(200)
+      const newFileId = body.new_file_id
+      expect(newFileId).to.exist
+      expect(newFileId).to.not.equal(existingFileId)
+
+      updatedProjectOne = await owner.getProject(projectOneId)
+      firstFile = updatedProjectOne.rootFolder[0].fileRefs[0]
+      expect(firstFile._id.toString()).to.equal(newFileId.toString())
+      expect(firstFile.name).to.equal('test-link.txt')
+
+      // should not work if there is a v1 id
+      ;({ response, body } = await owner.doRequest('post', {
+        url: `/project/${projectOneId}/linked_file`,
+        json: {
+          name: 'test-link-should-not-work.txt',
+          parent_folder_id: projectOneRootFolderId,
+          provider: 'project_file',
+          data: {
+            v1_source_doc_id: 1234,
+            source_entity_path: `/${sourceDocName}`,
+          },
+        },
+      }))
+      expect(response.statusCode).to.equal(403)
+      expect(body).to.equal(
+        'The project that contains this file is not shared with you'
+      )
+    })
+
+    it('should generate a proper error message when the source file has been deleted', async function () {
+      // import the file from the source project
+      let { response, body } = await owner.doRequest('post', {
+        url: `/project/${projectOneId}/linked_file`,
+        json: {
+          name: 'test-link.txt',
+          parent_folder_id: projectOneRootFolderId,
+          provider: 'project_file',
+          data: {
+            source_project_id: projectTwoId,
+            source_entity_path: `/${sourceDocName}`,
+          },
+        },
+      })
+      expect(response.statusCode).to.equal(200)
+      const existingFileId = body.new_file_id
+      expect(existingFileId).to.exist
+
+      // rename the source file
+      await owner.renameItemInProject(
+        projectTwoId,
+        'doc',
+        sourceDocId,
+        'renamed-doc.txt'
+      )
+
+      // refresh the file
+      ;({ response, body } = await owner.doRequest('post', {
+        url: `/project/${projectOneId}/linked_file/${existingFileId}/refresh`,
+        json: true,
+      }))
+      expect(response.statusCode).to.equal(404)
+      expect(body).to.equal('Source file not found')
+    })
+  })
+
+  describe('with a linked project_file from a v1 project that has not been imported', function () {
+    beforeEach(async function () {
+      projectOneId = await owner.createProject('plf-v1-test-one', {
+        template: 'blank',
+      })
+      projectOne = await owner.getProject(projectOneId)
+      projectOneRootFolderId = projectOne.rootFolder[0]._id.toString()
+      projectOne.rootFolder[0].fileRefs.push({
+        linkedFileData: {
+          provider: 'project_file',
+          v1_source_doc_id: 9999999, // We won't find this id in the database
+          source_entity_path: 'example.jpeg',
+        },
+        _id: 'abcd',
+        rev: 0,
+        created: new Date(),
+        name: 'example.jpeg',
+      })
+      await owner.saveProject(projectOne)
+    })
+
+    it('should refuse to refresh', async function () {
+      const { response, body } = await owner.doRequest('post', {
+        url: `/project/${projectOneId}/linked_file/abcd/refresh`,
+        json: true,
+      })
+      expect(response.statusCode).to.equal(409)
+      expect(body).to.equal(
+        'Sorry, the source project is not yet imported to Overleaf v2. Please import it to Overleaf v2 to refresh this file'
+      )
+    })
+  })
+
+  describe('creating a URL based linked file', function () {
+    beforeEach(async function () {
+      projectOneId = await owner.createProject('url-linked-files-project', {
+        template: 'blank',
+      })
+      projectOne = await owner.getProject(projectOneId)
+      projectOneRootFolderId = projectOne.rootFolder[0]._id.toString()
+    })
+
+    it('should download, create and replace a file', async function () {
+      // downloading the initial file
+      let { response, body } = await owner.doRequest('post', {
+        url: `/project/${projectOneId}/linked_file`,
+        json: {
+          provider: 'url',
+          data: {
+            url: 'http://example.com/foo',
+          },
+          parent_folder_id: projectOneRootFolderId,
+          name: 'url-test-file-1',
+        },
+      })
+      expect(response.statusCode).to.equal(200)
+
+      let updatedProject = await owner.getProject(projectOneId)
+      let file = updatedProject.rootFolder[0].fileRefs[0]
+      expect(file.linkedFileData).to.deep.equal({
+        provider: 'url',
+        url: 'http://example.com/foo',
+        importedAt: new Date().toISOString(),
+      })
+      ;({ response, body } = await owner.doRequest(
+        'get',
+        `/project/${projectOneId}/file/${file._id}`
+      ))
+      expect(response.statusCode).to.equal(200)
+      expect(body).to.equal('foo foo foo')
+
+      // replacing the file
+      ;({ response, body } = await owner.doRequest('post', {
+        url: `/project/${projectOneId}/linked_file`,
+        json: {
+          provider: 'url',
+          data: {
+            url: 'http://example.com/foo',
+          },
+          parent_folder_id: projectOneRootFolderId,
+          name: 'url-test-file-2',
+        },
+      }))
+      expect(response.statusCode).to.equal(200)
+      ;({ response, body } = await owner.doRequest('post', {
+        url: `/project/${projectOneId}/linked_file`,
+        json: {
+          provider: 'url',
+          data: {
+            url: 'http://example.com/bar',
+          },
+          parent_folder_id: projectOneRootFolderId,
+          name: 'url-test-file-2',
+        },
+      }))
+      expect(response.statusCode).to.equal(200)
+
+      updatedProject = await owner.getProject(projectOneId)
+      file = updatedProject.rootFolder[0].fileRefs[1]
+      expect(file.linkedFileData).to.deep.equal({
+        provider: 'url',
+        url: 'http://example.com/bar',
+        importedAt: new Date().toISOString(),
+      })
+      ;({ response, body } = await owner.doRequest(
+        'get',
+        `/project/${projectOneId}/file/${file._id}`
+      ))
+      expect(response.statusCode).to.equal(200)
+      expect(body).to.equal('bar bar bar')
+    })
+
+    it('should return an error if the file exceeds the maximum size', async function () {
+      // download does not succeed
+      const { response, body } = await owner.doRequest('post', {
+        url: `/project/${projectOneId}/linked_file`,
+        json: {
+          provider: 'url',
+          data: {
+            url: 'http://example.com/large',
+          },
+          parent_folder_id: projectOneRootFolderId,
+          name: 'url-large-file-1',
+        },
+      })
+      expect(response.statusCode).to.equal(422)
+      expect(body).to.equal('File too large')
+    })
+
+    it("should return an error if the file can't be downloaded", async function () {
+      // download does not succeed
+      let { response, body } = await owner.doRequest('post', {
+        url: `/project/${projectOneId}/linked_file`,
+        json: {
+          provider: 'url',
+          data: {
+            url: 'http://example.com/does-not-exist',
+          },
+          parent_folder_id: projectOneRootFolderId,
+          name: 'url-test-file-3',
+        },
+      })
+      expect(response.statusCode).to.equal(422) // unprocessable
+      expect(body).to.equal(
+        'Your URL could not be reached (404 status code). Please check it and try again.'
+      )
+
+      // url is invalid
+      ;({ response, body } = await owner.doRequest('post', {
+        url: `/project/${projectOneId}/linked_file`,
+        json: {
+          provider: 'url',
+          data: {
+            url: '!^$%',
+          },
+          parent_folder_id: projectOneRootFolderId,
+          name: 'url-test-file-4',
+        },
+      }))
+      expect(response.statusCode).to.equal(422) // unprocessable
+      expect(body).to.equal(
+        'Your URL is not valid. Please check it and try again.'
+      )
+
+      // URL is non-http
+      ;({ response, body } = await owner.doRequest('post', {
+        url: `/project/${projectOneId}/linked_file`,
+        json: {
+          provider: 'url',
+          data: {
+            url: 'ftp://127.0.0.1',
+          },
+          parent_folder_id: projectOneRootFolderId,
+          name: 'url-test-file-5',
+        },
+      }))
+      expect(response.statusCode).to.equal(422) // unprocessable
+      expect(body).to.equal(
+        'Your URL is not valid. Please check it and try again.'
+      )
+    })
+
+    it('should accept a URL withuot a leading http://, and add it', async function () {
+      let { response, body } = await owner.doRequest('post', {
+        url: `/project/${projectOneId}/linked_file`,
+        json: {
+          provider: 'url',
+          data: {
+            url: 'example.com/foo',
+          },
+          parent_folder_id: projectOneRootFolderId,
+          name: 'url-test-file-6',
+        },
+      })
+      expect(response.statusCode).to.equal(200)
+
+      const updatedProject = await owner.getProject(projectOneId)
+
+      const file = _.find(
+        updatedProject.rootFolder[0].fileRefs,
+        file => file.name === 'url-test-file-6'
+      )
+      expect(file.linkedFileData).to.deep.equal({
+        provider: 'url',
+        url: 'http://example.com/foo',
+        importedAt: new Date().toISOString(),
+      })
+      ;({ response, body } = await owner.doRequest(
+        'get',
+        `/project/${projectOneId}/file/${file._id}`
+      ))
+      expect(response.statusCode).to.equal(200)
+      expect(body).to.equal('foo foo foo')
+    })
+  })
+
+  // TODO: Add test for asking for host that return ENOTFOUND
+  // (This will probably end up handled by the proxy)
+
+  describe('creating a linked output file', function () {
+    beforeEach(async function () {
+      projectOneId = await owner.createProject('output-test-one', {
+        template: 'blank',
+      })
+      projectOne = await owner.getProject(projectOneId)
+
+      projectOneRootFolderId = projectOne.rootFolder[0]._id.toString()
+      projectTwoId = await owner.createProject('output-test-two', {
+        template: 'blank',
+      })
+      projectTwo = await owner.getProject(projectTwoId)
+      projectTwoRootFolderId = projectTwo.rootFolder[0]._id.toString()
+    })
+
+    it('should import the project.pdf file from the source project and refresh it', async function () {
+      // import the file
+      let { response, body } = await owner.doRequest('post', {
+        url: `/project/${projectOneId}/linked_file`,
+        json: {
+          name: 'test.pdf',
+          parent_folder_id: projectOneRootFolderId,
+          provider: 'project_output_file',
+          data: {
+            source_project_id: projectTwoId,
+            source_output_file_path: 'project.pdf',
+            build_id: '1234-abcd',
+          },
+        },
+      })
+      expect(response.statusCode).to.equal(200)
+      const existingFileId = body.new_file_id
+      expect(existingFileId).to.exist
+
+      const updatedProject = await owner.getProject(projectOneId)
+      const firstFile = updatedProject.rootFolder[0].fileRefs[0]
+      expect(firstFile._id.toString()).to.equal(existingFileId.toString())
+      expect(firstFile.linkedFileData).to.deep.equal({
+        provider: 'project_output_file',
+        source_project_id: projectTwoId,
+        source_output_file_path: 'project.pdf',
+        build_id: '1234-abcd',
+        importedAt: new Date().toISOString(),
+      })
+      expect(firstFile.name).to.equal('test.pdf')
+
+      // refresh the file
+      ;({ response, body } = await owner.doRequest('post', {
+        url: `/project/${projectOneId}/linked_file/${existingFileId}/refresh`,
+        json: true,
+      }))
+      expect(response.statusCode).to.equal(200)
+      const refreshedFileId = body.new_file_id
+      expect(refreshedFileId).to.exist
+      expect(refreshedFileId).to.not.equal(existingFileId)
+
+      const refreshedProject = await owner.getProject(projectOneId)
+      const refreshedFile = refreshedProject.rootFolder[0].fileRefs[0]
+      expect(refreshedFile._id.toString()).to.equal(refreshedFileId.toString())
+      expect(refreshedFile.name).to.equal('test.pdf')
+    })
+  })
+
+  describe('with a linked project_output_file from a v1 project that has not been imported', function () {
+    beforeEach(async function () {
+      projectOneId = await owner.createProject('output-v1-test-one', {
+        template: 'blank',
+      })
+
+      projectOne = await owner.getProject(projectOneId)
+      projectOneRootFolderId = projectOne.rootFolder[0]._id.toString()
+      projectOne.rootFolder[0].fileRefs.push({
+        linkedFileData: {
+          provider: 'project_output_file',
+          v1_source_doc_id: 9999999, // We won't find this id in the database
+          source_output_file_path: 'project.pdf',
+        },
+        _id: 'abcdef',
+        rev: 0,
+        created: new Date(),
+        name: 'whatever.pdf',
+      })
+      await owner.saveProject(projectOne)
+    })
+
+    it('should refuse to refresh', async function () {
+      const { response, body } = await owner.doRequest('post', {
+        url: `/project/${projectOneId}/linked_file/abcdef/refresh`,
+        json: true,
+      })
+      expect(response.statusCode).to.equal(409)
+      expect(body).to.equal(
+        'Sorry, the source project is not yet imported to Overleaf v2. Please import it to Overleaf v2 to refresh this file'
+      )
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/MalformedFiletreesTests.mjs b/services/web/test/acceptance/src/MalformedFiletreesTests.mjs
new file mode 100644
index 0000000..16282d5
--- /dev/null
+++ b/services/web/test/acceptance/src/MalformedFiletreesTests.mjs
@@ -0,0 +1,733 @@
+import { exec } from 'node:child_process'
+import { promisify } from 'node:util'
+import { expect } from 'chai'
+import logger from '@overleaf/logger'
+import { filterOutput } from './helpers/settings.mjs'
+import { db, ObjectId } from '../../../app/src/infrastructure/mongodb.js'
+
+const lastUpdated = new Date(42)
+const lastUpdatedBy = new ObjectId()
+const lastUpdatedChanged = new Date(1337)
+
+async function runScriptFind() {
+  try {
+    const result = await promisify(exec)(
+      ['node', 'scripts/find_malformed_filetrees.mjs'].join(' ')
+    )
+    return result.stdout.split('\n').filter(filterOutput)
+  } catch (error) {
+    logger.error({ error }, 'script failed')
+    throw error
+  }
+}
+
+async function runScriptFix(instructions) {
+  const adhocFile = instructions.map(entry => JSON.stringify(entry)).join('\n')
+  try {
+    return await promisify(exec)(
+      [
+        'node',
+        'scripts/fix_malformed_filetree.mjs',
+        `--logs=<(echo '${adhocFile}')`,
+      ].join(' '),
+      { shell: '/bin/bash' }
+    )
+  } catch (error) {
+    logger.error({ error }, 'fix script failed unexpectedly')
+    throw error
+  }
+}
+
+const findProjects = () =>
+  db.projects
+    .find(
+      {},
+      {
+        projection: {
+          rootFolder: 1,
+          _id: 1,
+          version: 1,
+          lastUpdated: 1,
+          lastUpdatedBy: 1,
+        },
+      }
+    )
+    .toArray()
+
+const projectId = new ObjectId()
+const rootFolderId = new ObjectId()
+
+const idDic = {}
+
+const id = key => {
+  if (!idDic[key]) {
+    idDic[key] = new ObjectId()
+  }
+  return idDic[key]
+}
+const strId = key => {
+  return idDic[key].toString()
+}
+
+const wellFormedFolder = name => ({
+  _id: id(name),
+  name,
+  folders: [],
+  docs: [],
+  fileRefs: [],
+})
+const wellFormedDoc = name => ({ _id: id(name), name })
+const wellFormedFileRef = name => ({ _id: id(name), name, hash: 'h' })
+
+const wellFormedProject = {
+  _id: projectId,
+  rootFolder: [
+    {
+      _id: rootFolderId,
+      name: 'rootFolder',
+      folders: [wellFormedFolder('f00'), wellFormedFolder('f01')],
+      docs: [wellFormedDoc('d00'), wellFormedDoc('d01')],
+      fileRefs: [wellFormedFileRef('fr00'), wellFormedFileRef('fr01')],
+    },
+  ],
+  lastUpdated,
+  lastUpdatedBy,
+}
+
+const testCases = [
+  ...[{}, { rootFolder: undefined }, { rootFolder: '1234' }].map(
+    (project, idx) => ({
+      name: `bad rootFolder ${idx + 1}`,
+      project: { _id: projectId, ...project, lastUpdated, lastUpdatedBy },
+      expectFind: [
+        {
+          _id: null,
+          projectId: projectId.toString(),
+          msg: 'bad file-tree path',
+          reason: 'bad rootFolder',
+          path: 'rootFolder',
+        },
+      ],
+      // FIXME: This is a bug in the script.
+      expectFixError: 'Unexpected mongo path: rootFolder',
+    })
+  ),
+
+  {
+    name: `missing rootFolder`,
+    project: { _id: projectId, rootFolder: [], lastUpdated, lastUpdatedBy },
+    expectFind: [
+      {
+        _id: null,
+        projectId: projectId.toString(),
+        msg: 'bad file-tree path',
+        reason: 'missing rootFolder',
+        path: 'rootFolder.0',
+      },
+    ],
+    expectFixStdout:
+      '"gracefulShutdownInitiated":false,"processedLines":1,"success":1,"alreadyProcessed":0,"hash":0,"failed":0,"unmatched":0',
+    expectProject: updatedProject => {
+      expect(updatedProject.rootFolder[0]._id).to.be.an.instanceOf(ObjectId)
+      expect(updatedProject).to.deep.equal({
+        _id: projectId,
+        rootFolder: [
+          {
+            _id: updatedProject.rootFolder[0]._id,
+            name: 'rootFolder',
+            folders: [],
+            fileRefs: [],
+            docs: [],
+          },
+        ],
+        lastUpdated: lastUpdatedChanged,
+        lastUpdatedBy: null,
+      })
+    },
+  },
+
+  {
+    name: 'empty folder',
+    project: {
+      _id: projectId,
+      rootFolder: [{ _id: '1234' }],
+      lastUpdated,
+      lastUpdatedBy,
+    },
+    expectFind: [
+      { reason: 'bad folder id', path: 'rootFolder.0._id' },
+      { reason: 'bad folder name', path: 'rootFolder.0.name' },
+      { reason: 'missing .folders', path: 'rootFolder.0.folders' },
+      { reason: 'missing .docs', path: 'rootFolder.0.docs' },
+      { reason: 'missing .fileRefs', path: 'rootFolder.0.fileRefs' },
+    ].map(entry => ({
+      ...entry,
+      _id: '1234',
+      msg: 'bad file-tree path',
+      projectId: String(projectId),
+    })),
+    // FIXME: This is a bug in the script.
+    expectFixError: 'Unexpected mongo path: rootFolder.0._id',
+  },
+
+  {
+    name: 'missing fields',
+    project: {
+      _id: projectId,
+      rootFolder: [{ _id: rootFolderId }],
+      lastUpdated,
+      lastUpdatedBy,
+    },
+    expectFind: [
+      { reason: 'bad folder name', path: 'rootFolder.0.name' },
+      { reason: 'missing .folders', path: 'rootFolder.0.folders' },
+      { reason: 'missing .docs', path: 'rootFolder.0.docs' },
+      { reason: 'missing .fileRefs', path: 'rootFolder.0.fileRefs' },
+    ].map(entry => ({
+      ...entry,
+      _id: rootFolderId.toString(),
+      msg: 'bad file-tree path',
+      projectId: String(projectId),
+    })),
+    expectFixStdout:
+      '"gracefulShutdownInitiated":false,"processedLines":4,"success":4,"alreadyProcessed":0,"hash":0,"failed":0,"unmatched":0',
+    expectProject: updatedProject => {
+      expect(updatedProject).to.deep.equal({
+        _id: projectId,
+        rootFolder: [
+          {
+            _id: rootFolderId,
+            docs: [],
+            fileRefs: [],
+            folders: [],
+            name: 'rootFolder',
+          },
+        ],
+        lastUpdated: lastUpdatedChanged,
+        lastUpdatedBy: null,
+      })
+    },
+  },
+
+  {
+    name: 'bad folder, bad doc, bad fileRef',
+    project: {
+      _id: projectId,
+      rootFolder: [
+        {
+          _id: rootFolderId,
+          name: 'rootFolder',
+          folders: [null],
+          docs: [null],
+          fileRefs: [null, null],
+        },
+      ],
+      lastUpdated,
+      lastUpdatedBy,
+    },
+    expectFind: [
+      {
+        path: 'rootFolder.0.folders.0',
+        reason: 'bad folder',
+      },
+      {
+        path: 'rootFolder.0.docs.0',
+        reason: 'bad doc',
+      },
+      {
+        path: 'rootFolder.0.fileRefs.0',
+        reason: 'bad file',
+      },
+      {
+        path: 'rootFolder.0.fileRefs.1',
+        reason: 'bad file',
+      },
+    ].map(entry => ({
+      ...entry,
+      _id: rootFolderId.toString(),
+      projectId: projectId.toString(),
+      msg: 'bad file-tree path',
+    })),
+    expectFixStdout:
+      '"gracefulShutdownInitiated":false,"processedLines":4,"success":1,"alreadyProcessed":3,"hash":0,"failed":0,"unmatched":0',
+    expectProject: updatedProject => {
+      expect(updatedProject).to.deep.equal({
+        _id: projectId,
+        rootFolder: [
+          {
+            _id: rootFolderId,
+            name: 'rootFolder',
+            docs: [],
+            fileRefs: [],
+            folders: [],
+          },
+        ],
+        lastUpdated: lastUpdatedChanged,
+        lastUpdatedBy: null,
+      })
+    },
+  },
+
+  {
+    name: 'bad [folder|doc|fileRef] id',
+    project: {
+      _id: projectId,
+      rootFolder: [
+        {
+          _id: rootFolderId,
+          name: 'rootFolder',
+          folders: [
+            { _id: 123, name: 'file-a', folders: [], docs: [], fileRefs: [] },
+            { name: 'file-b', folders: [], docs: [], fileRefs: [] },
+          ],
+          docs: [{ _id: '456', name: 'doc-a' }, { name: 'doc-b' }],
+          fileRefs: [{ _id: null, name: 'ref-a' }, { name: 'ref-b' }],
+        },
+      ],
+      lastUpdated,
+      lastUpdatedBy,
+    },
+    expectFind: [
+      { reason: 'bad folder id', path: 'rootFolder.0.folders.0._id', _id: 123 },
+      { reason: 'bad folder id', path: 'rootFolder.0.folders.1._id' },
+      { reason: 'bad doc id', path: 'rootFolder.0.docs.0._id', _id: '456' },
+      { reason: 'bad doc id', path: 'rootFolder.0.docs.1._id' },
+      { reason: 'bad file id', path: 'rootFolder.0.fileRefs.0._id', _id: null },
+      { reason: 'bad file id', path: 'rootFolder.0.fileRefs.1._id' },
+    ].map(entry => ({
+      ...entry,
+      projectId: projectId.toString(),
+      msg: 'bad file-tree path',
+    })),
+    expectFixStdout:
+      '"gracefulShutdownInitiated":false,"processedLines":6,"success":3,"alreadyProcessed":3,"hash":0,"failed":0,"unmatched":0',
+    expectProject: updatedProject => {
+      expect(updatedProject).to.deep.equal({
+        _id: projectId,
+        rootFolder: [
+          {
+            _id: rootFolderId,
+            name: 'rootFolder',
+            folders: [
+              { _id: 123, name: 'file-a', folders: [], docs: [], fileRefs: [] },
+              {
+                _id: updatedProject.rootFolder[0].folders[1]._id,
+                name: 'file-b',
+                folders: [],
+                docs: [],
+                fileRefs: [],
+              },
+            ],
+            docs: [{ _id: '456', name: 'doc-a' }],
+            fileRefs: [],
+          },
+        ],
+        lastUpdated: lastUpdatedChanged,
+        lastUpdatedBy: null,
+      })
+    },
+  },
+
+  {
+    name: 'bad [folder|doc|fileRef] name',
+    project: {
+      _id: projectId,
+      rootFolder: [
+        {
+          _id: rootFolderId,
+          name: 'rootFolder',
+          folders: [
+            { _id: id('f00'), folders: [], docs: [], fileRefs: [] },
+            { _id: id('f01'), name: 8, folders: [], docs: [], fileRefs: [] },
+          ],
+          docs: [{ _id: id('d00') }, { _id: id('d01'), name: null }],
+          fileRefs: [
+            { _id: id('fr00'), hash: 'h' },
+            { _id: id('fr01'), hash: 'h', name: [] },
+          ],
+        },
+      ],
+      lastUpdated,
+      lastUpdatedBy,
+    },
+    expectFind: [
+      {
+        reason: 'bad folder name',
+        path: 'rootFolder.0.folders.0.name',
+        _id: strId('f00'),
+      },
+      {
+        reason: 'bad folder name',
+        path: 'rootFolder.0.folders.1.name',
+        _id: strId('f01'),
+      },
+      {
+        reason: 'bad doc name',
+        path: 'rootFolder.0.docs.0.name',
+        _id: strId('d00'),
+      },
+      {
+        reason: 'bad doc name',
+        path: 'rootFolder.0.docs.1.name',
+        _id: strId('d01'),
+      },
+      {
+        reason: 'bad file name',
+        path: 'rootFolder.0.fileRefs.0.name',
+        _id: strId('fr00'),
+      },
+      {
+        reason: 'bad file name',
+        path: 'rootFolder.0.fileRefs.1.name',
+        _id: strId('fr01'),
+      },
+    ].map(entry => ({
+      ...entry,
+      projectId: projectId.toString(),
+      msg: 'bad file-tree path',
+    })),
+    expectFixStdout:
+      '"gracefulShutdownInitiated":false,"processedLines":6,"success":6,"alreadyProcessed":0,"hash":0,"failed":0,"unmatched":0',
+    expectProject: updatedProject => {
+      expect(updatedProject).to.deep.equal({
+        _id: projectId,
+        rootFolder: [
+          {
+            _id: rootFolderId,
+            name: 'rootFolder',
+            folders: [
+              {
+                _id: id('f00'),
+                name: 'untitled',
+                folders: [],
+                docs: [],
+                fileRefs: [],
+              },
+              {
+                _id: id('f01'),
+                name: 'untitled-1',
+                folders: [],
+                docs: [],
+                fileRefs: [],
+              },
+            ],
+            docs: [
+              { _id: id('d00'), name: 'untitled' },
+              { _id: id('d01'), name: 'untitled-1' },
+            ],
+            fileRefs: [
+              { _id: id('fr00'), hash: 'h', name: 'untitled' },
+              { _id: id('fr01'), hash: 'h', name: 'untitled-1' },
+            ],
+          },
+        ],
+        lastUpdated: lastUpdatedChanged,
+        lastUpdatedBy: null,
+      })
+    },
+  },
+
+  {
+    name: 'bad file hash',
+    project: {
+      ...wellFormedProject,
+      rootFolder: [
+        {
+          ...wellFormedProject.rootFolder[0],
+          fileRefs: [
+            { _id: id('fa'), name: 'ref-a', hash: null },
+            { _id: id('fb'), name: 'ref-b', hash: {} },
+          ],
+        },
+      ],
+      lastUpdated,
+      lastUpdatedBy,
+    },
+    expectFind: [
+      { path: 'rootFolder.0.fileRefs.0.hash', _id: strId('fa') },
+      { path: 'rootFolder.0.fileRefs.1.hash', _id: strId('fb') },
+    ].map(entry => ({
+      ...entry,
+      projectId: projectId.toString(),
+      reason: 'bad file hash',
+      msg: 'bad file-tree path',
+    })),
+    expectFixError: new RegExp(
+      `Missing file hash: ${projectId.toString()}/${id('fa').toString()}`
+    ),
+  },
+
+  {
+    name: 'well formed filetrees',
+    project: wellFormedProject,
+    expectFind: [],
+    expectFixStdout:
+      '"gracefulShutdownInitiated":false,"processedLines":1,"success":0,"alreadyProcessed":0,"hash":0,"failed":0,"unmatched":0',
+    expectProject: updatedProject => {
+      expect(updatedProject).to.deep.equal(wellFormedProject)
+    },
+  },
+
+  {
+    name: 'bug: shifted arrays in filetree',
+    project: {
+      _id: projectId,
+      rootFolder: [
+        {
+          _id: rootFolderId,
+          name: 'rootFolder',
+          folders: [null, null, { ...wellFormedFolder('f02'), name: null }],
+          docs: [null, null, { ...wellFormedDoc('d02'), name: null }],
+          fileRefs: [null, null, { ...wellFormedFileRef('fr02'), name: null }],
+        },
+      ],
+      lastUpdated,
+      lastUpdatedBy,
+    },
+    expectFind: [
+      {
+        _id: rootFolderId.toString(),
+        path: 'rootFolder.0.folders.0',
+        reason: 'bad folder',
+      },
+      {
+        _id: rootFolderId.toString(),
+        path: 'rootFolder.0.folders.1',
+        reason: 'bad folder',
+      },
+      {
+        _id: strId('f02'),
+        path: 'rootFolder.0.folders.2.name',
+        reason: 'bad folder name',
+      },
+      {
+        _id: rootFolderId.toString(),
+        path: 'rootFolder.0.docs.0',
+        reason: 'bad doc',
+      },
+      {
+        _id: rootFolderId.toString(),
+        path: 'rootFolder.0.docs.1',
+        reason: 'bad doc',
+      },
+      {
+        _id: strId('d02'),
+        path: 'rootFolder.0.docs.2.name',
+        reason: 'bad doc name',
+      },
+      {
+        _id: rootFolderId.toString(),
+        path: 'rootFolder.0.fileRefs.0',
+        reason: 'bad file',
+      },
+      {
+        _id: rootFolderId.toString(),
+        path: 'rootFolder.0.fileRefs.1',
+        reason: 'bad file',
+      },
+      {
+        _id: strId('fr02'),
+        path: 'rootFolder.0.fileRefs.2.name',
+        reason: 'bad file name',
+      },
+    ].map(entry => ({
+      ...entry,
+      projectId: projectId.toString(),
+      msg: 'bad file-tree path',
+    })),
+    expectFixStdout:
+      '"gracefulShutdownInitiated":false,"processedLines":9,"success":4,"alreadyProcessed":5,"hash":0,"failed":0,"unmatched":0',
+    expectProject: updatedProject => {
+      expect(updatedProject).to.deep.equal({
+        _id: projectId,
+        rootFolder: [
+          {
+            _id: rootFolderId,
+            name: 'rootFolder',
+            folders: [{ ...wellFormedFolder('f02'), name: 'untitled' }],
+            docs: [{ ...wellFormedDoc('d02'), name: 'untitled' }],
+            fileRefs: [{ ...wellFormedFileRef('fr02'), name: 'untitled' }],
+          },
+        ],
+        lastUpdated: lastUpdatedChanged,
+        lastUpdatedBy: null,
+      })
+    },
+  },
+  {
+    name: 'bug: shifted arrays in filetree folder',
+    project: {
+      _id: projectId,
+      rootFolder: [
+        {
+          _id: rootFolderId,
+          name: 'rootFolder',
+          folders: [
+            null,
+            null,
+            {
+              ...wellFormedFolder('f02'),
+              name: 'folder 1',
+              folders: [null, null, { ...wellFormedFolder('f022') }],
+              docs: [null, null, { ...wellFormedDoc('d022'), name: null }],
+              fileRefs: [
+                null,
+                null,
+                { ...wellFormedFileRef('fr022'), name: null },
+              ],
+            },
+          ],
+
+          docs: [],
+          fileRefs: [],
+        },
+      ],
+      lastUpdated,
+      lastUpdatedBy,
+    },
+    expectFind: [
+      {
+        _id: rootFolderId.toString(),
+        path: 'rootFolder.0.folders.0',
+        reason: 'bad folder',
+      },
+      {
+        _id: rootFolderId.toString(),
+        path: 'rootFolder.0.folders.1',
+        reason: 'bad folder',
+      },
+      {
+        _id: strId('f02'),
+        path: 'rootFolder.0.folders.2.folders.0',
+        reason: 'bad folder',
+      },
+      {
+        _id: strId('f02'),
+        path: 'rootFolder.0.folders.2.folders.1',
+        reason: 'bad folder',
+      },
+      {
+        _id: strId('f02'),
+        path: 'rootFolder.0.folders.2.docs.0',
+        reason: 'bad doc',
+      },
+      {
+        _id: strId('f02'),
+        path: 'rootFolder.0.folders.2.docs.1',
+        reason: 'bad doc',
+      },
+      {
+        _id: strId('d022'),
+        path: 'rootFolder.0.folders.2.docs.2.name',
+        reason: 'bad doc name',
+      },
+      {
+        _id: strId('f02'),
+        path: 'rootFolder.0.folders.2.fileRefs.0',
+        reason: 'bad file',
+      },
+      {
+        _id: strId('f02'),
+        path: 'rootFolder.0.folders.2.fileRefs.1',
+        reason: 'bad file',
+      },
+      {
+        _id: strId('fr022'),
+        path: 'rootFolder.0.folders.2.fileRefs.2.name',
+        reason: 'bad file name',
+      },
+    ].map(entry => ({
+      ...entry,
+      projectId: projectId.toString(),
+      msg: 'bad file-tree path',
+    })),
+    expectFixStdout:
+      '"gracefulShutdownInitiated":false,"processedLines":10,"success":4,"alreadyProcessed":6,"hash":0,"failed":0,"unmatched":0',
+    expectProject: updatedProject => {
+      expect(updatedProject).to.deep.equal({
+        _id: projectId,
+        rootFolder: [
+          {
+            _id: rootFolderId,
+            name: 'rootFolder',
+            folders: [
+              {
+                ...wellFormedFolder('f02'),
+                name: 'folder 1',
+                docs: [
+                  {
+                    ...wellFormedDoc('d022'),
+                    name: 'untitled',
+                  },
+                ],
+                fileRefs: [
+                  {
+                    ...wellFormedFileRef('fr022'),
+                    // FIXME: Make the names unique across different file types
+                    name: 'untitled',
+                  },
+                ],
+                folders: [
+                  {
+                    ...wellFormedFolder('f022'),
+                    name: 'f022',
+                    folders: [],
+                    docs: [],
+                    fileRefs: [],
+                  },
+                ],
+              },
+            ],
+            docs: [],
+            fileRefs: [],
+          },
+        ],
+        lastUpdated: lastUpdatedChanged,
+        lastUpdatedBy: null,
+      })
+    },
+  },
+]
+
+describe('find_malformed_filetrees and fix_malformed_filetree scripts', function () {
+  testCases.forEach(
+    ({
+      name,
+      project,
+      expectFind,
+      expectFixStdout,
+      expectFixError,
+      expectProject,
+    }) => {
+      describe(name, function () {
+        beforeEach(async function () {
+          await db.projects.insertOne(project)
+        })
+
+        it('finds malformed filetree', async function () {
+          const stdout = await runScriptFind()
+          expect(stdout.map(line => JSON.parse(line))).to.deep.equal(expectFind)
+        })
+
+        if (expectFixError) {
+          it('fails to fix malformed filetrees', async function () {
+            await expect(runScriptFix(expectFind)).to.be.rejectedWith(
+              expectFixError
+            )
+          })
+        } else {
+          it('fixes malformed filetrees', async function () {
+            const { stdout } = await runScriptFix(expectFind)
+            expect(expectFixStdout).to.be.a('string')
+            expect(stdout).to.include(expectFixStdout)
+            const [updatedProject] = await findProjects()
+            if (updatedProject.lastUpdated > lastUpdated) {
+              updatedProject.lastUpdated = lastUpdatedChanged
+            }
+            expectProject(updatedProject)
+          })
+        }
+      })
+    }
+  )
+})
diff --git a/services/web/test/acceptance/src/ModelTests.mjs b/services/web/test/acceptance/src/ModelTests.mjs
new file mode 100644
index 0000000..7a58cf0
--- /dev/null
+++ b/services/web/test/acceptance/src/ModelTests.mjs
@@ -0,0 +1,82 @@
+import { expect } from 'chai'
+import { User } from '../../../app/src/models/User.js'
+import { Subscription } from '../../../app/src/models/Subscription.js'
+
+describe('mongoose', function () {
+  describe('User', function () {
+    const email = 'wombat@potato.net'
+
+    it('allows the creation of a user', async function () {
+      await expect(User.create({ email })).to.be.fulfilled
+      await expect(User.findOne({ email }, { _id: 1 })).to.eventually.exist
+    })
+
+    it('does not allow the creation of multiple users with the same email', async function () {
+      await expect(User.create({ email })).to.be.fulfilled
+      await expect(User.create({ email })).to.be.rejected
+      await expect(User.countDocuments({ email })).to.eventually.equal(1)
+    })
+
+    it('formats assignedAt as Date', async function () {
+      await expect(
+        User.create({
+          email,
+          splitTests: {
+            'some-test': [
+              {
+                variantName: 'control',
+                versionNumber: 1,
+                phase: 'release',
+                assignedAt: '2021-09-24T11:53:18.313Z',
+              },
+              {
+                variantName: 'control',
+                versionNumber: 2,
+                phase: 'release',
+                assignedAt: new Date(),
+              },
+            ],
+          },
+        })
+      ).to.be.fulfilled
+
+      const user = await User.findOne({ email }, { splitTests: 1 })
+      expect(user.splitTests['some-test'][0].assignedAt).to.be.a('date')
+      expect(user.splitTests['some-test'][1].assignedAt).to.be.a('date')
+    })
+  })
+
+  describe('Subscription', function () {
+    let user
+
+    beforeEach(async function () {
+      user = await User.create({ email: 'wombat@potato.net' })
+    })
+
+    it('allows the creation of a subscription', async function () {
+      await expect(
+        Subscription.create({
+          admin_id: user._id,
+          manager_ids: [user._id],
+          salesforce_id: 'a0a0a00000AAA0AAAA',
+        })
+      ).to.be.fulfilled
+      await expect(Subscription.findOne({ admin_id: user._id })).to.eventually
+        .exist
+    })
+
+    it('does not allow the creation of a subscription without a manager', async function () {
+      await expect(Subscription.create({ admin_id: user._id })).to.be.rejected
+    })
+
+    it('does not allow the creation of a subscription with an invalid salesforce_id', async function () {
+      await expect(
+        Subscription.create({
+          admin_id: user._id,
+          manager_ids: [user._id],
+          salesforce_id: 'a00aaaAAa0000a',
+        })
+      ).to.be.rejected
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/MongoHelper.mjs b/services/web/test/acceptance/src/MongoHelper.mjs
new file mode 100644
index 0000000..269939e
--- /dev/null
+++ b/services/web/test/acceptance/src/MongoHelper.mjs
@@ -0,0 +1,197 @@
+import { expect } from 'chai'
+import mongodb from 'mongodb-legacy'
+import mongoose from 'mongoose'
+import { User as UserModel } from '../../../app/src/models/User.js'
+import { db } from '../../../app/src/infrastructure/mongodb.js'
+import {
+  normalizeQuery,
+  normalizeMultiQuery,
+} from '../../../app/src/Features/Helpers/Mongo.js'
+import UserHelper from './helpers/User.mjs'
+
+const User = UserHelper.promises
+
+const NativeObjectId = mongodb.ObjectId
+
+const MongooseObjectId = mongoose.Types.ObjectId
+
+describe('MongoTests', function () {
+  let userIdAsString, userEmail, userIds
+  beforeEach(async function setUpUsers() {
+    // the first user in the db should not match the target user
+    const otherUser = new User()
+    await otherUser.ensureUserExists()
+
+    const user = new User()
+    await user.ensureUserExists()
+    userIdAsString = user.id
+    userEmail = user.email
+
+    // the last user in the db should not match the target user
+    const yetAnotherUser = new User()
+    await yetAnotherUser.ensureUserExists()
+
+    userIds = [otherUser.id, user.id, yetAnotherUser.id]
+  })
+
+  describe('normalizeQuery', function () {
+    async function expectToWork(blob) {
+      const query = normalizeQuery(blob)
+
+      expect(query).to.exist
+      expect(query._id).to.be.instanceof(NativeObjectId)
+      expect(query._id).to.deep.equal(new NativeObjectId(userIdAsString))
+
+      const user = await db.users.findOne(query)
+      expect(user).to.exist
+      expect(user.email).to.equal(userEmail)
+    }
+
+    it('should work with the user id as string', async function () {
+      await expectToWork(userIdAsString)
+    })
+
+    it('should work with the user id in an object', async function () {
+      await expectToWork({ _id: userIdAsString })
+    })
+
+    it('should pass back the object with id', function () {
+      const inputQuery = { _id: userIdAsString, other: 1 }
+      const query = normalizeMultiQuery(inputQuery)
+      expect(inputQuery).to.equal(query)
+    })
+
+    describe('with an ObjectId from mongoose', function () {
+      let user
+      beforeEach(async function getUser() {
+        user = await UserModel.findById(userIdAsString).exec()
+        expect(user).to.exist
+        expect(user._id).to.exist
+        expect(user.email).to.equal(userEmail)
+      })
+
+      it('should have a mongoose ObjectId', function () {
+        expect(user._id).to.be.instanceof(MongooseObjectId)
+      })
+
+      it('should work with the users _id field', async function () {
+        await expectToWork(user._id)
+      })
+    })
+
+    describe('with an ObjectId from the native driver', function () {
+      let user
+      beforeEach(async function getUser() {
+        user = await db.users.findOne({
+          _id: new NativeObjectId(userIdAsString),
+        })
+        expect(user).to.exist
+        expect(user._id).to.exist
+        expect(user.email).to.equal(userEmail)
+      })
+
+      it('should have a native ObjectId', function () {
+        expect(user._id).to.be.instanceof(NativeObjectId)
+      })
+
+      it('should work with the users _id field', async function () {
+        await expectToWork(user._id)
+      })
+    })
+  })
+
+  describe('normalizeMultiQuery', function () {
+    let ghost
+    beforeEach(async function addGhost() {
+      // add a user which is not part of the initial three users
+      ghost = new User()
+      ghost.emails[0].email = ghost.email = 'ghost@ghost.com'
+      await ghost.ensureUserExists()
+    })
+
+    async function expectToFindTheThreeUsers(query) {
+      const users = await db.users.find(query).toArray()
+
+      expect(users).to.have.length(3)
+      expect(users.map(user => user._id.toString()).sort()).to.deep.equal(
+        userIds.sort()
+      )
+    }
+
+    describe('with an array as query', function () {
+      function expectInQueryWithNativeObjectIds(query) {
+        expect(query).to.exist
+        expect(query._id).to.exist
+        expect(query._id.$in).to.exist
+        expect(
+          query._id.$in.map(id => id instanceof NativeObjectId)
+        ).to.deep.equal([true, true, true])
+      }
+
+      it('should transform all strings to native ObjectIds', function () {
+        const query = normalizeMultiQuery(userIds)
+        expectInQueryWithNativeObjectIds(query)
+      })
+      it('should transform all Mongoose ObjectIds to native ObjectIds', function () {
+        const query = normalizeMultiQuery(
+          userIds.map(userId => new NativeObjectId(userId))
+        )
+        expectInQueryWithNativeObjectIds(query)
+      })
+      it('should leave all native Objects as native ObjectIds', function () {
+        const query = normalizeMultiQuery(
+          userIds.map(userId => new NativeObjectId(userId))
+        )
+        expectInQueryWithNativeObjectIds(query)
+      })
+
+      it('should find the three users from string ids', async function () {
+        const query = normalizeMultiQuery(userIds)
+        await expectToFindTheThreeUsers(query)
+      })
+      it('should find the three users from Mongoose ObjectIds', async function () {
+        const query = normalizeMultiQuery(
+          userIds.map(userId => new NativeObjectId(userId))
+        )
+        await expectToFindTheThreeUsers(query)
+      })
+      it('should find the three users from native ObjectIds', async function () {
+        const query = normalizeMultiQuery(
+          userIds.map(userId => new NativeObjectId(userId))
+        )
+        await expectToFindTheThreeUsers(query)
+      })
+    })
+
+    describe('with an object as query', function () {
+      beforeEach(async function addHiddenFlag() {
+        // add a mongo field that does not exist on the other users
+        await ghost.mongoUpdate({ $set: { hidden: 1 } })
+      })
+
+      it('should pass through the query', function () {
+        const inputQuery = { complex: 1 }
+        const query = normalizeMultiQuery(inputQuery)
+        expect(inputQuery).to.equal(query)
+      })
+
+      describe('when searching for hidden users', function () {
+        it('should match the ghost only', async function () {
+          const query = normalizeMultiQuery({ hidden: 1 })
+
+          const users = await db.users.find(query).toArray()
+          expect(users).to.have.length(1)
+          expect(users[0]._id.toString()).to.equal(ghost.id)
+        })
+      })
+
+      describe('when searching for non hidden users', function () {
+        it('should find the three users', async function () {
+          const query = normalizeMultiQuery({ hidden: { $exists: false } })
+
+          await expectToFindTheThreeUsers(query)
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/PasswordResetTests.mjs b/services/web/test/acceptance/src/PasswordResetTests.mjs
new file mode 100644
index 0000000..5b040e7
--- /dev/null
+++ b/services/web/test/acceptance/src/PasswordResetTests.mjs
@@ -0,0 +1,502 @@
+import { expect } from 'chai'
+import UserHelper from './helpers/UserHelper.mjs'
+import { db } from '../../../app/src/infrastructure/mongodb.js'
+
+describe('PasswordReset', function () {
+  let email, response, user, userHelper, token, emailQuery
+  beforeEach(async function () {
+    userHelper = new UserHelper()
+    email = 'somecooluser@example.com'
+    emailQuery = `?email=${encodeURIComponent(email)}`
+    userHelper = await UserHelper.createUser({ email })
+    user = userHelper.user
+
+    // generate the token
+    await userHelper.getCsrfToken()
+    response = await userHelper.fetch('/user/password/reset', {
+      method: 'POST',
+      body: new URLSearchParams({ email }),
+    })
+
+    token = (
+      await db.tokens.findOne({
+        'data.user_id': user._id.toString(),
+      })
+    ).token
+  })
+  describe('with a valid token', function () {
+    describe('when logged in', function () {
+      beforeEach(async function () {
+        userHelper = await UserHelper.loginUser({
+          email,
+          password: userHelper.getDefaultPassword(),
+        })
+        response = await userHelper.fetch(
+          `/user/password/set?passwordResetToken=${token}&email=${email}`
+        )
+        expect(response.status).to.equal(302)
+        expect(response.headers.get('location')).to.equal(
+          UserHelper.url(`/user/password/set${emailQuery}`).toString()
+        )
+        // send reset request
+        response = await userHelper.fetch('/user/password/set', {
+          method: 'POST',
+          body: new URLSearchParams({
+            passwordResetToken: token,
+            password: 'a-password',
+          }),
+        })
+        userHelper = await UserHelper.getUser({ email })
+        user = userHelper.user
+      })
+      it('update the password', async function () {
+        expect(user.hashedPassword).to.exist
+        expect(user.password).to.not.exist
+      })
+      it('log the change with initiatorId', async function () {
+        const auditLog = userHelper.getAuditLogWithoutNoise()
+        expect(auditLog).to.exist
+        expect(auditLog[0]).to.exist
+        expect(typeof auditLog[0].initiatorId).to.equal('object')
+        expect(auditLog[0].initiatorId).to.deep.equal(user._id)
+        expect(auditLog[0].operation).to.equal('reset-password')
+        expect(auditLog[0].ipAddress).to.equal('127.0.0.1')
+        expect(auditLog[0].timestamp).to.exist
+      })
+    })
+    describe('when logged in as another user', function () {
+      let otherUser, otherUserEmail
+      beforeEach(async function () {
+        otherUserEmail = userHelper.getDefaultEmail()
+        userHelper = await UserHelper.createUser({ email: otherUserEmail })
+        otherUser = userHelper.user
+        userHelper = await UserHelper.loginUser({
+          email: otherUserEmail,
+          password: userHelper.getDefaultPassword(),
+        })
+        response = await userHelper.fetch(
+          `/user/password/set?passwordResetToken=${token}&email=${email}`
+        )
+        expect(response.status).to.equal(302)
+        expect(response.headers.get('location')).to.equal(
+          UserHelper.url(`/user/password/set${emailQuery}`).toString()
+        )
+        // send reset request
+        response = await userHelper.fetch('/user/password/set', {
+          method: 'POST',
+          body: new URLSearchParams({
+            passwordResetToken: token,
+            password: 'a-password',
+          }),
+        })
+        userHelper = await UserHelper.getUser({ email })
+        user = userHelper.user
+      })
+      it('update the password', async function () {
+        expect(user.hashedPassword).to.exist
+        expect(user.password).to.not.exist
+      })
+      it('log the change with the logged in user as the initiatorId', async function () {
+        const auditLog = userHelper.getAuditLogWithoutNoise()
+        expect(auditLog).to.exist
+        expect(auditLog[0]).to.exist
+        expect(typeof auditLog[0].initiatorId).to.equal('object')
+        expect(auditLog[0].initiatorId).to.deep.equal(otherUser._id)
+        expect(auditLog[0].operation).to.equal('reset-password')
+        expect(auditLog[0].ipAddress).to.equal('127.0.0.1')
+        expect(auditLog[0].timestamp).to.exist
+      })
+    })
+    describe('when not logged in', function () {
+      beforeEach(async function () {
+        response = await userHelper.fetch(
+          `/user/password/set?passwordResetToken=${token}&email=${email}`
+        )
+        expect(response.status).to.equal(302)
+        expect(response.headers.get('location')).to.equal(
+          UserHelper.url(`/user/password/set${emailQuery}`).toString()
+        )
+        // send reset request
+        response = await userHelper.fetch('/user/password/set', {
+          method: 'POST',
+          body: new URLSearchParams({
+            passwordResetToken: token,
+            password: 'a-password',
+          }),
+        })
+        userHelper = await UserHelper.getUser({ email })
+        user = userHelper.user
+      })
+      it('updates the password', function () {
+        expect(user.hashedPassword).to.exist
+        expect(user.password).to.not.exist
+      })
+      it('log the change', async function () {
+        const auditLog = userHelper.getAuditLogWithoutNoise()
+        expect(auditLog).to.exist
+        expect(auditLog[0]).to.exist
+        expect(auditLog[0].initiatorId).to.equal(null)
+        expect(auditLog[0].operation).to.equal('reset-password')
+        expect(auditLog[0].ipAddress).to.equal('127.0.0.1')
+        expect(auditLog[0].timestamp).to.exist
+      })
+    })
+    describe('password checks', function () {
+      beforeEach(async function () {
+        response = await userHelper.fetch(
+          `/user/password/set?passwordResetToken=${token}&email=${email}`
+        )
+        expect(response.status).to.equal(302)
+        expect(response.headers.get('location')).to.equal(
+          UserHelper.url(`/user/password/set${emailQuery}`).toString()
+        )
+      })
+      it('without a password should return 400 and not log the change', async function () {
+        // send reset request
+        response = await userHelper.fetch('/user/password/set', {
+          method: 'POST',
+          body: new URLSearchParams({
+            passwordResetToken: token,
+          }),
+        })
+        expect(response.status).to.equal(400)
+        userHelper = await UserHelper.getUser({ email })
+
+        const auditLog = userHelper.getAuditLogWithoutNoise()
+        expect(auditLog).to.deep.equal([])
+      })
+
+      it('without a valid password should return 400 and not log the change', async function () {
+        // send reset request
+        response = await userHelper.fetch('/user/password/set', {
+          method: 'POST',
+          body: new URLSearchParams({
+            passwordResetToken: token,
+            password: 'short',
+          }),
+        })
+        expect(response.status).to.equal(400)
+        userHelper = await UserHelper.getUser({ email })
+
+        const auditLog = userHelper.getAuditLogWithoutNoise()
+        expect(auditLog).to.deep.equal([])
+      })
+
+      it('should flag email in password', async function () {
+        const localPart = email.split('@').shift()
+        // send bad password
+        response = await userHelper.fetch('/user/password/set', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            Accept: 'application/json',
+          },
+          body: JSON.stringify({
+            passwordResetToken: token,
+            password: localPart,
+            email,
+          }),
+        })
+        expect(response.status).to.equal(400)
+        const body = await response.json()
+        expect(body).to.deep.equal({
+          message: {
+            type: 'error',
+            key: 'password-contains-email',
+            text: 'Password cannot contain parts of email address',
+          },
+        })
+      })
+
+      it('should flag password too similar to email', async function () {
+        const localPart = email.split('@').shift()
+        const localPartReversed = localPart.split('').reverse().join('')
+        // send bad password
+        response = await userHelper.fetch('/user/password/set', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            Accept: 'application/json',
+          },
+          body: JSON.stringify({
+            passwordResetToken: token,
+            password: `${localPartReversed}123`,
+            email,
+          }),
+        })
+        expect(response.status).to.equal(400)
+        const body = await response.json()
+        expect(body).to.deep.equal({
+          message: {
+            type: 'error',
+            key: 'password-too-similar',
+            text: 'Password is too similar to parts of email address',
+          },
+        })
+      })
+
+      it('should be able to retry after providing an invalid password', async function () {
+        // send bad password
+        response = await userHelper.fetch('/user/password/set', {
+          method: 'POST',
+          body: new URLSearchParams({
+            passwordResetToken: token,
+            password: 'short',
+          }),
+        })
+        expect(response.status).to.equal(400)
+
+        // send good password
+        response = await userHelper.fetch('/user/password/set', {
+          method: 'POST',
+          body: new URLSearchParams({
+            passwordResetToken: token,
+            password: 'SomeThingVeryStrong!11',
+          }),
+        })
+        expect(response.status).to.equal(200)
+        userHelper = await UserHelper.getUser({ email })
+
+        const auditLog = userHelper.getAuditLogWithoutNoise()
+        expect(auditLog.length).to.equal(1)
+      })
+
+      it('when the password is the same as current, should return 400 and log the change', async function () {
+        // send reset request
+        response = await userHelper.fetch('/user/password/set', {
+          method: 'POST',
+          body: new URLSearchParams({
+            passwordResetToken: token,
+            password: userHelper.getDefaultPassword(),
+          }),
+        })
+        expect(response.status).to.equal(400)
+        const body = await response.json()
+        expect(body.message.key).to.equal('password-must-be-different')
+        userHelper = await UserHelper.getUser({ email })
+
+        const auditLog = userHelper.getAuditLogWithoutNoise()
+        expect(auditLog.length).to.equal(1)
+      })
+    })
+  })
+
+  describe('multiple attempts to set the password, reaching attempt limit', async function () {
+    beforeEach(async function () {
+      response = await userHelper.fetch(
+        `/user/password/set?passwordResetToken=${token}&email=${email}`
+      )
+      expect(response.status).to.equal(302)
+      expect(response.headers.get('location')).to.equal(
+        UserHelper.url(`/user/password/set${emailQuery}`).toString()
+      )
+    })
+
+    it('should allow multiple attempts with same-password error, then deny further attempts', async function () {
+      const sendSamePasswordRequest = async function () {
+        return userHelper.fetch('/user/password/set', {
+          method: 'POST',
+          headers: {
+            Accept: 'application/json',
+          },
+          body: new URLSearchParams({
+            passwordResetToken: token,
+            password: userHelper.getDefaultPassword(),
+          }),
+        })
+      }
+      // Three attempts at setting the password, all rejected for being the same as
+      // the current password
+      const response1 = await sendSamePasswordRequest()
+      expect(response1.status).to.equal(400)
+      const body1 = await response1.json()
+      expect(body1.message.key).to.equal('password-must-be-different')
+      const response2 = await sendSamePasswordRequest()
+      expect(response2.status).to.equal(400)
+      const body2 = await response2.json()
+      expect(body2.message.key).to.equal('password-must-be-different')
+      const response3 = await sendSamePasswordRequest()
+      expect(response3.status).to.equal(400)
+      const body3 = await response3.json()
+      expect(body3.message.key).to.equal('password-must-be-different')
+      // Fourth attempt is rejected because the token has been used too many times
+      const response4 = await sendSamePasswordRequest()
+      expect(response4.status).to.equal(404)
+      const body4 = await response4.json()
+      expect(body4.message.key).to.equal('token-expired')
+    })
+
+    it('should allow multiple attempts with same-password error, then set the password', async function () {
+      const sendSamePasswordRequest = async function () {
+        return userHelper.fetch('/user/password/set', {
+          method: 'POST',
+          headers: {
+            Accept: 'application/json',
+          },
+          body: new URLSearchParams({
+            passwordResetToken: token,
+            password: userHelper.getDefaultPassword(),
+          }),
+        })
+      }
+      // Two attempts at setting the password, all rejected for being the same as
+      // the current password
+      const response1 = await sendSamePasswordRequest()
+      expect(response1.status).to.equal(400)
+      const body1 = await response1.json()
+      expect(body1.message.key).to.equal('password-must-be-different')
+      const response2 = await sendSamePasswordRequest()
+      expect(response2.status).to.equal(400)
+      const body2 = await response2.json()
+      expect(body2.message.key).to.equal('password-must-be-different')
+      // Third attempt is succeeds
+      const response3 = await userHelper.fetch('/user/password/set', {
+        method: 'POST',
+        body: new URLSearchParams({
+          passwordResetToken: token,
+          password: 'some-new-password',
+        }),
+      })
+      expect(response3.status).to.equal(200)
+      // Check the user and audit log
+      userHelper = await UserHelper.getUser({ email })
+      user = userHelper.user
+      expect(user.hashedPassword).to.exist
+      expect(user.password).to.not.exist
+      const auditLog = userHelper.getAuditLogWithoutNoise()
+      expect(auditLog).to.exist
+      expect(auditLog[0]).to.exist
+      expect(auditLog[0].initiatorId).to.equal(null)
+      expect(auditLog[0].operation).to.equal('reset-password')
+      expect(auditLog[0].ipAddress).to.equal('127.0.0.1')
+      expect(auditLog[0].timestamp).to.exist
+    })
+  })
+
+  describe('without a valid token', function () {
+    it('no token should redirect to page to re-request reset token', async function () {
+      response = await userHelper.fetch(`/user/password/set?&email=${email}`)
+      expect(response.status).to.equal(302)
+      expect(response.headers.get('location')).to.equal(
+        UserHelper.url('/user/password/reset').toString()
+      )
+    })
+    it('should show error for invalid tokens and return 404 if used', async function () {
+      const invalidToken = 'not-real-token'
+      response = await userHelper.fetch(
+        `/user/password/set?&passwordResetToken=${invalidToken}&email=${email}`
+      )
+      expect(response.status).to.equal(302)
+      expect(response.headers.get('location')).to.equal(
+        UserHelper.url('/user/password/reset?error=token_expired').toString()
+      )
+      // send reset request
+      response = await userHelper.fetch('/user/password/set', {
+        method: 'POST',
+        body: new URLSearchParams({
+          passwordResetToken: invalidToken,
+          password: 'a-password',
+        }),
+      })
+      expect(response.status).to.equal(404)
+    })
+  })
+  describe('password reset', function () {
+    it('should return 200 if email field is valid', async function () {
+      response = await userHelper.fetch(`/user/password/reset`, {
+        method: 'POST',
+        body: new URLSearchParams({ email }),
+      })
+      expect(response.status).to.equal(200)
+    })
+
+    it('should return 400 if email field is missing', async function () {
+      response = await userHelper.fetch(`/user/password/reset`, {
+        method: 'POST',
+        body: new URLSearchParams({ mail: email }),
+      })
+      expect(response.status).to.equal(400)
+    })
+  })
+  describe('password set', function () {
+    it('should return 200 if password and passwordResetToken fields are valid', async function () {
+      response = await userHelper.fetch(`/user/password/set`, {
+        method: 'POST',
+        body: new URLSearchParams({
+          password: 'new-password',
+          passwordResetToken: token,
+        }),
+      })
+      expect(response.status).to.equal(200)
+    })
+
+    it('should return 400 if password field is missing', async function () {
+      response = await userHelper.fetch(`/user/password/set`, {
+        method: 'POST',
+        body: new URLSearchParams({
+          passwordResetToken: token,
+        }),
+      })
+      expect(response.status).to.equal(400)
+    })
+
+    it('should return 400 if passwordResetToken field is missing', async function () {
+      response = await userHelper.fetch(`/user/password/set`, {
+        method: 'POST',
+        body: new URLSearchParams({
+          password: 'new-password',
+        }),
+      })
+      expect(response.status).to.equal(400)
+    })
+  })
+
+  describe('reconfirm flag', function () {
+    const getReconfirmAuditLogEntry = async function (email) {
+      const userHelper = await UserHelper.getUser({ email })
+      const auditLog = userHelper.getAuditLogWithoutNoise()
+      return auditLog.find(
+        entry => entry.operation === 'must-reset-password-unset'
+      )
+    }
+    it('should add audit log entry when flag changes from true to false', async function () {
+      // Set must_reconfirm to true
+      await db.users.updateOne(
+        { _id: user._id },
+        { $set: { must_reconfirm: true } }
+      )
+      response = await userHelper.fetch('/user/password/set', {
+        method: 'POST',
+        body: new URLSearchParams({
+          passwordResetToken: token,
+          password: 'a-password',
+        }),
+      })
+      expect(response.status).to.equal(200)
+
+      const reconfirmEntry = await getReconfirmAuditLogEntry(email)
+      expect(reconfirmEntry).to.exist
+      expect(reconfirmEntry.ipAddress).to.equal('127.0.0.1')
+      expect(reconfirmEntry.timestamp).to.exist
+    })
+
+    it('should not add audit log entry when flag was already false', async function () {
+      await db.users.updateOne(
+        { _id: user._id },
+        { $set: { must_reconfirm: false } }
+      )
+
+      response = await userHelper.fetch('/user/password/set', {
+        method: 'POST',
+        body: new URLSearchParams({
+          passwordResetToken: token,
+          password: 'a-password',
+        }),
+      })
+      expect(response.status).to.equal(200)
+
+      const reconfirmEntry = await getReconfirmAuditLogEntry(email)
+      expect(reconfirmEntry).to.not.exist
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/PasswordUpdateTests.mjs b/services/web/test/acceptance/src/PasswordUpdateTests.mjs
new file mode 100644
index 0000000..d65100b
--- /dev/null
+++ b/services/web/test/acceptance/src/PasswordUpdateTests.mjs
@@ -0,0 +1,212 @@
+import { expect } from 'chai'
+import PasswordResetRouter from '../../../app/src/Features/PasswordReset/PasswordResetRouter.mjs'
+import UserHelper from './helpers/UserHelper.mjs'
+
+describe('PasswordUpdate', function () {
+  let email, password, response, user, userHelper
+  afterEach(async function () {
+    await PasswordResetRouter.rateLimiter.delete('127.0.0.1')
+  })
+  beforeEach(async function () {
+    userHelper = new UserHelper()
+    email = 'somecooluser@example.com'
+    password = 'old-password'
+    userHelper = await UserHelper.createUser({ email, password })
+    userHelper = await UserHelper.loginUser({
+      email,
+      password,
+    })
+    await userHelper.getCsrfToken()
+  })
+  describe('success', function () {
+    beforeEach(async function () {
+      response = await userHelper.fetch('/user/password/update', {
+        method: 'POST',
+        body: new URLSearchParams({
+          currentPassword: password,
+          newPassword1: 'new-password',
+          newPassword2: 'new-password',
+        }),
+      })
+      userHelper = await UserHelper.getUser({ email })
+      user = userHelper.user
+    })
+    it('should return 200', async function () {
+      expect(response.status).to.equal(200)
+    })
+    it('should update the audit log', function () {
+      const auditLog = userHelper.getAuditLogWithoutNoise()
+      expect(auditLog[0]).to.exist
+      expect(typeof auditLog[0].initiatorId).to.equal('object')
+      expect(auditLog[0].initiatorId).to.deep.equal(user._id)
+      expect(auditLog[0].operation).to.equal('update-password')
+      expect(auditLog[0].ipAddress).to.equal('127.0.0.1')
+      expect(auditLog[0].timestamp).to.exist
+    })
+  })
+  describe('errors', function () {
+    describe('missing current password', function () {
+      beforeEach(async function () {
+        response = await userHelper.fetch('/user/password/update', {
+          method: 'POST',
+          body: new URLSearchParams({
+            newPassword1: 'new-password',
+            newPassword2: 'new-password',
+          }),
+        })
+        userHelper = await UserHelper.getUser({ email })
+      })
+      it('should return 500', async function () {
+        expect(response.status).to.equal(500)
+      })
+      it('should not update audit log', async function () {
+        const auditLog = userHelper.getAuditLogWithoutNoise()
+        expect(auditLog).to.deep.equal([])
+      })
+    })
+    describe('wrong current password', function () {
+      beforeEach(async function () {
+        response = await userHelper.fetch('/user/password/update', {
+          method: 'POST',
+          body: new URLSearchParams({
+            currentPassword: 'wrong-password',
+            newPassword1: 'new-password',
+            newPassword2: 'new-password',
+          }),
+        })
+        userHelper = await UserHelper.getUser({ email })
+      })
+      it('should return 400', async function () {
+        expect(response.status).to.equal(400)
+      })
+      it('should not update audit log', async function () {
+        const auditLog = userHelper.getAuditLogWithoutNoise()
+        expect(auditLog).to.deep.equal([])
+      })
+    })
+    describe('newPassword1 does not match newPassword2', function () {
+      beforeEach(async function () {
+        response = await userHelper.fetch('/user/password/update', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            Accept: 'application/json',
+          },
+          body: JSON.stringify({
+            currentPassword: password,
+            newPassword1: 'new-password',
+            newPassword2: 'oops-password',
+          }),
+        })
+        userHelper = await UserHelper.getUser({ email })
+      })
+      it('should return 400', async function () {
+        expect(response.status).to.equal(400)
+      })
+      it('should return error message', async function () {
+        const body = await response.json()
+        expect(body.message).to.equal('Passwords do not match')
+      })
+      it('should not update audit log', async function () {
+        const auditLog = userHelper.getAuditLogWithoutNoise()
+        expect(auditLog).to.deep.equal([])
+      })
+    })
+    describe('new password is not valid', function () {
+      beforeEach(async function () {
+        response = await userHelper.fetch('/user/password/update', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            Accept: 'application/json',
+          },
+          body: JSON.stringify({
+            currentPassword: password,
+            newPassword1: 'short',
+            newPassword2: 'short',
+          }),
+        })
+        userHelper = await UserHelper.getUser({ email })
+      })
+      it('should return 400', async function () {
+        expect(response.status).to.equal(400)
+      })
+      it('should return error message', async function () {
+        const body = await response.json()
+        expect(body.message).to.deep.equal({
+          type: 'error',
+          key: 'password-too-short',
+          text: 'Password too short, minimum 8',
+        })
+      })
+      it('should not update audit log', async function () {
+        const auditLog = userHelper.getAuditLogWithoutNoise()
+        expect(auditLog).to.deep.equal([])
+      })
+    })
+    describe('new password contains part of email', function () {
+      beforeEach(async function () {
+        response = await userHelper.fetch('/user/password/update', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            Accept: 'application/json',
+          },
+          body: JSON.stringify({
+            currentPassword: password,
+            newPassword1: 'somecooluser123',
+            newPassword2: 'somecooluser123',
+          }),
+        })
+        userHelper = await UserHelper.getUser({ email })
+      })
+      it('should return 400', async function () {
+        expect(response.status).to.equal(400)
+      })
+      it('should return error message', async function () {
+        const body = await response.json()
+        expect(body.message).to.deep.equal({
+          key: 'password-contains-email',
+          type: 'error',
+          text: 'Password cannot contain parts of email address',
+        })
+      })
+      it('should not update audit log', async function () {
+        const auditLog = userHelper.getAuditLogWithoutNoise()
+        expect(auditLog).to.deep.equal([])
+      })
+    })
+    describe('new password is too similar to email', function () {
+      beforeEach(async function () {
+        response = await userHelper.fetch('/user/password/update', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+            Accept: 'application/json',
+          },
+          body: JSON.stringify({
+            currentPassword: password,
+            newPassword1: 'coolusersome123',
+            newPassword2: 'coolusersome123',
+          }),
+        })
+        userHelper = await UserHelper.getUser({ email })
+      })
+      it('should return 400', async function () {
+        expect(response.status).to.equal(400)
+      })
+      it('should return error message', async function () {
+        const body = await response.json()
+        expect(body.message).to.deep.equal({
+          key: 'password-too-similar',
+          type: 'error',
+          text: 'Password is too similar to parts of email address',
+        })
+      })
+      it('should not update audit log', async function () {
+        const auditLog = userHelper.getAuditLogWithoutNoise()
+        expect(auditLog).to.deep.equal([])
+      })
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/PrimaryEmailCheckTests.mjs b/services/web/test/acceptance/src/PrimaryEmailCheckTests.mjs
new file mode 100644
index 0000000..1598373
--- /dev/null
+++ b/services/web/test/acceptance/src/PrimaryEmailCheckTests.mjs
@@ -0,0 +1,332 @@
+import UserHelper from './helpers/UserHelper.mjs'
+import Settings from '@overleaf/settings'
+import { expect } from 'chai'
+import Features from '../../../app/src/infrastructure/Features.js'
+import MockV1ApiClass from './mocks/MockV1Api.mjs'
+import SubscriptionHelper from './helpers/Subscription.mjs'
+
+const Subscription = SubscriptionHelper.promises
+
+describe('PrimaryEmailCheck', function () {
+  let userHelper
+  let MockV1Api
+
+  before(function () {
+    MockV1Api = MockV1ApiClass.instance()
+  })
+
+  beforeEach(async function () {
+    userHelper = await UserHelper.createUser()
+    userHelper = await UserHelper.loginUser(
+      userHelper.getDefaultEmailPassword()
+    )
+  })
+
+  describe('redirections in Overleaf Community Edition/Server Pro', function () {
+    before(async function () {
+      if (Features.hasFeature('saas')) {
+        this.skip()
+      }
+    })
+
+    describe('when the user has signed up recently', function () {
+      it("shouldn't be redirected from project list to the primary email check page", async function () {
+        const response = await userHelper.fetch('/project')
+        expect(response.status).to.equal(200)
+      })
+
+      it('should be redirected from the primary email check page to the project list', async function () {
+        const response = await userHelper.fetch(
+          '/user/emails/primary-email-check'
+        )
+        expect(response.status).to.equal(302)
+        expect(response.headers.get('location')).to.equal(
+          UserHelper.url('/project').toString()
+        )
+      })
+    })
+
+    describe('when the user has checked their email recently', function () {
+      beforeEach(async function () {
+        const time = Date.now() - Settings.primary_email_check_expiration * 0.5
+        await UserHelper.updateUser(userHelper.user._id, {
+          $set: { lastPrimaryEmailCheck: new Date(time) },
+        })
+      })
+
+      it("shouldn't be redirected from project list to the primary email check page", async function () {
+        const response = await userHelper.fetch('/project')
+        expect(response.status).to.equal(200)
+      })
+    })
+
+    describe('when the user has confirmed their primary email recently', function () {
+      beforeEach(async function () {
+        // the user should check again their email according to `lastPrimaryEmailCheck` timestamp, but the behaviour is
+        // overridden by email confirmation
+        const time = Date.now() - Settings.primary_email_check_expiration * 2
+        await UserHelper.updateUser(userHelper.user._id, {
+          $set: { lastPrimaryEmailCheck: new Date(time) },
+        })
+
+        await userHelper.confirmEmail(
+          userHelper.user._id,
+          userHelper.user.email
+        )
+      })
+
+      it("shouldn't be redirected from project list to the primary email check page", async function () {
+        const response = await userHelper.fetch('/project')
+        expect(response.status).to.equal(200)
+      })
+    })
+
+    describe('when the user has signed for longer than the email check expiration period', function () {
+      beforeEach(async function () {
+        const time = Date.now() - Settings.primary_email_check_expiration * 2
+        await UserHelper.updateUser(userHelper.user._id, {
+          $set: { lastPrimaryEmailCheck: new Date(time) },
+        })
+      })
+
+      it("shouldn't be redirected from project list to the primary email check page", async function () {
+        const response = await userHelper.fetch('/project')
+        expect(response.status).to.equal(200)
+      })
+    })
+  })
+
+  describe('redirections in SAAS', function () {
+    before(async function () {
+      if (!Features.hasFeature('saas')) {
+        this.skip()
+      }
+    })
+
+    describe('when the user has signed up recently', function () {
+      it("shouldn't be redirected from project list to the primary email check page", async function () {
+        const response = await userHelper.fetch('/project')
+        expect(response.status).to.equal(200)
+      })
+
+      it('should be redirected from the primary email check page to the project list', async function () {
+        const response = await userHelper.fetch(
+          '/user/emails/primary-email-check'
+        )
+        expect(response.status).to.equal(302)
+        expect(response.headers.get('location')).to.equal(
+          UserHelper.url('/project').toString()
+        )
+      })
+    })
+
+    describe('when the user has checked their email recently', function () {
+      beforeEach(async function () {
+        const time = Date.now() - Settings.primary_email_check_expiration * 0.5
+        await UserHelper.updateUser(userHelper.user._id, {
+          $set: { lastPrimaryEmailCheck: new Date(time) },
+        })
+      })
+
+      it("shouldn't be redirected from project list to the primary email check page", async function () {
+        const response = await userHelper.fetch('/project')
+        expect(response.status).to.equal(200)
+      })
+
+      it('should be redirected from the primary email check page to the project list', async function () {
+        const response = await userHelper.fetch(
+          '/user/emails/primary-email-check'
+        )
+        expect(response.status).to.equal(302)
+        expect(response.headers.get('location')).to.equal(
+          UserHelper.url('/project').toString()
+        )
+      })
+    })
+
+    describe('when the user has confirmed their primary email recently', function () {
+      beforeEach(async function () {
+        // the user should check again their email according to `lastPrimaryEmailCheck` timestamp, but the behaviour is
+        // overridden by email confirmation
+        const time = Date.now() - Settings.primary_email_check_expiration * 2
+        await UserHelper.updateUser(userHelper.user._id, {
+          $set: { lastPrimaryEmailCheck: new Date(time) },
+        })
+
+        await userHelper.confirmEmail(
+          userHelper.user._id,
+          userHelper.user.email
+        )
+      })
+
+      it("shouldn't be redirected from project list to the primary email check page", async function () {
+        const response = await userHelper.fetch('/project')
+        expect(response.status).to.equal(200)
+      })
+
+      it('should be redirected from the primary email check page to the project list', async function () {
+        const response = await userHelper.fetch(
+          '/user/emails/primary-email-check'
+        )
+        expect(response.status).to.equal(302)
+        expect(response.headers.get('location')).to.equal(
+          UserHelper.url('/project').toString()
+        )
+      })
+    })
+
+    describe('when the user has signed for longer than the email check expiration period', function () {
+      beforeEach(async function () {
+        const time = Date.now() - Settings.primary_email_check_expiration * 2
+        await UserHelper.updateUser(userHelper.user._id, {
+          $set: { lastPrimaryEmailCheck: new Date(time) },
+        })
+      })
+
+      it('should be redirected from project list to the primary email check page', async function () {
+        const response = await userHelper.fetch('/project')
+        expect(response.status).to.equal(302)
+        expect(response.headers.get('location')).to.equal(
+          UserHelper.url('/user/emails/primary-email-check').toString()
+        )
+      })
+
+      it('can visit the primary email check page', async function () {
+        const response = await userHelper.fetch(
+          '/user/emails/primary-email-check'
+        )
+        expect(response.status).to.equal(200)
+      })
+    })
+  })
+
+  describe('when user checks their primary email address', function () {
+    let checkResponse
+
+    beforeEach(async function () {
+      // make sure the user requires checking their primary email address
+      const time = Date.now() - Settings.primary_email_check_expiration * 2
+      await UserHelper.updateUser(userHelper.user._id, {
+        $set: { lastPrimaryEmailCheck: new Date(time) },
+      })
+    })
+
+    describe('when the user has a secondary email address', function () {
+      before(async function () {
+        if (!Features.hasFeature('saas')) {
+          this.skip()
+        }
+      })
+
+      beforeEach(async function () {
+        await userHelper.confirmEmail(
+          userHelper.user._id,
+          userHelper.user.email
+        )
+        await userHelper.addEmailAndConfirm(
+          userHelper.user._id,
+          'secondary@overleaf.com'
+        )
+
+        checkResponse = await userHelper.fetch(
+          '/user/emails/primary-email-check',
+          { method: 'POST' }
+        )
+      })
+
+      it('should be redirected to the project list page', function () {
+        expect(checkResponse.status).to.equal(302)
+        expect(checkResponse.headers.get('location')).to.equal(
+          UserHelper.url('/project').toString()
+        )
+      })
+    })
+
+    describe('when the user has an institutional email and no secondary', function () {
+      before(async function () {
+        if (!Features.hasFeature('saas')) {
+          this.skip()
+        }
+
+        if (!Features.hasFeature('saml')) {
+          this.skip()
+        }
+      })
+
+      beforeEach(async function () {
+        MockV1Api.createInstitution({
+          name: 'Exampe Institution',
+          hostname: 'example.com',
+          licence: 'pro_plus',
+          confirmed: true,
+        })
+        MockV1Api.addAffiliation(userHelper.user._id, userHelper.user.email)
+      })
+
+      it('should be redirected to the add secondary email page', async function () {
+        const response = await userHelper.fetch(
+          '/user/emails/primary-email-check',
+          { method: 'POST' }
+        )
+        expect(response.status).to.equal(302)
+        expect(response.headers.get('location')).to.equal(
+          UserHelper.url('/user/emails/add-secondary').toString()
+        )
+      })
+    })
+
+    describe('when the user is a managed user', function () {
+      beforeEach(async function () {
+        const adminUser = await UserHelper.createUser()
+        this.subscription = new Subscription({
+          adminId: adminUser._id,
+          memberIds: [userHelper.user._id],
+          groupPlan: true,
+          planCode: 'group_professional_5_enterprise',
+        })
+        await this.subscription.ensureExists()
+        await this.subscription.enableManagedUsers()
+      })
+
+      it('should be redirected to the project list page', async function () {
+        const response = await userHelper.fetch(
+          '/user/emails/primary-email-check',
+          { method: 'POST' }
+        )
+
+        expect(response.status).to.equal(302)
+        expect(response.headers.get('location')).to.equal(
+          UserHelper.url('/project').toString()
+        )
+      })
+    })
+  })
+
+  describe('when user has checked their primary email address', function () {
+    beforeEach(async function () {
+      const time = Date.now() - Settings.primary_email_check_expiration * 2
+      await UserHelper.updateUser(userHelper.user._id, {
+        $set: { lastPrimaryEmailCheck: new Date(time) },
+      })
+
+      await userHelper.fetch('/user/emails/primary-email-check', {
+        method: 'POST',
+      })
+    })
+
+    it("shouldn't be redirected from project list to the primary email check page any longer", async function () {
+      const response = await userHelper.fetch('/project')
+      expect(response.status).to.equal(200)
+    })
+
+    it('visiting the primary email check page should redirect to the project list page', async function () {
+      const response = await userHelper.fetch(
+        '/user/emails/primary-email-check'
+      )
+      expect(response.status).to.equal(302)
+      expect(response.headers.get('location')).to.equal(
+        UserHelper.url('/project').toString()
+      )
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/ProjectCRUDTests.mjs b/services/web/test/acceptance/src/ProjectCRUDTests.mjs
new file mode 100644
index 0000000..2212dc8
--- /dev/null
+++ b/services/web/test/acceptance/src/ProjectCRUDTests.mjs
@@ -0,0 +1,192 @@
+import { expect } from 'chai'
+import UserHelper from './helpers/User.mjs'
+import { Project } from '../../../app/src/models/Project.js'
+import mongodb from 'mongodb-legacy'
+import cheerio from 'cheerio'
+import { Subscription } from '../../../app/src/models/Subscription.js'
+import Features from '../../../app/src/infrastructure/Features.js'
+
+const ObjectId = mongodb.ObjectId
+
+const User = UserHelper.promises
+
+describe('Project CRUD', function () {
+  beforeEach(async function () {
+    this.user = new User()
+    await this.user.login()
+    this.projectId = await this.user.createProject('example-project')
+  })
+
+  describe('project page', function () {
+    const loadProject = async function (user, projectId) {
+      const { response, body } = await user.doRequest(
+        'GET',
+        `/project/${projectId}`
+      )
+      expect(response.statusCode).to.equal(200)
+      return body
+    }
+
+    it('should cast refProviders to booleans', async function () {
+      await this.user.mongoUpdate({
+        $set: {
+          refProviders: {
+            mendeley: { encrypted: 'aaa' },
+            zotero: { encrypted: 'bbb' },
+          },
+        },
+      })
+      const body = await loadProject(this.user, this.projectId)
+      const dom = cheerio.load(body)
+      const metaOlUser = dom('meta[name="ol-user"]')[0]
+      const userData = JSON.parse(metaOlUser.attribs.content)
+      expect(userData.refProviders.mendeley).to.equal(true)
+      expect(userData.refProviders.zotero).to.equal(true)
+    })
+
+    it('should show UpgradePrompt for user without a subscription', async function () {
+      const body = await loadProject(this.user, this.projectId)
+      expect(body).to.include(
+        Features.hasFeature('saas')
+          ? // `content` means true in this context
+            '<meta name="ol-showUpgradePrompt" data-type="boolean" content>'
+          : '<meta name="ol-showUpgradePrompt" data-type="boolean">'
+      )
+    })
+
+    it('should not show UpgradePrompt for user with a subscription', async function () {
+      await Subscription.create({
+        admin_id: this.user._id,
+        manager_ids: [this.user._id],
+      })
+      const body = await loadProject(this.user, this.projectId)
+      // having no `content` means false in this context
+      expect(body).to.include(
+        '<meta name="ol-showUpgradePrompt" data-type="boolean">'
+      )
+    })
+  })
+
+  describe("when project doesn't exist", function () {
+    it('should return 404', async function () {
+      const { response } = await this.user.doRequest(
+        'GET',
+        '/project/aaaaaaaaaaaaaaaaaaaaaaaa'
+      )
+      expect(response.statusCode).to.equal(404)
+    })
+  })
+
+  describe('when project has malformed id', function () {
+    it('should return 404', async function () {
+      const { response } = await this.user.doRequest('GET', '/project/blah')
+      expect(response.statusCode).to.equal(404)
+    })
+  })
+
+  describe('when trashing a project', function () {
+    it('should mark the project as trashed for the user', async function () {
+      const { response } = await this.user.doRequest(
+        'POST',
+        `/project/${this.projectId}/trash`
+      )
+      expect(response.statusCode).to.equal(200)
+
+      const trashedProject = await Project.findById(this.projectId).exec()
+      expectObjectIdArrayEqual(trashedProject.trashed, [this.user._id])
+    })
+
+    it('does nothing if the user has already trashed the project', async function () {
+      // Mark as trashed the first time
+      await this.user.doRequest('POST', `/project/${this.projectId}/trash`)
+
+      // And then a second time
+      await this.user.doRequest('POST', `/project/${this.projectId}/trash`)
+
+      const trashedProject = await Project.findById(this.projectId).exec()
+      expectObjectIdArrayEqual(trashedProject.trashed, [this.user._id])
+    })
+
+    describe('with an array archived state', function () {
+      it('should mark the project as not archived for the user', async function () {
+        await Project.updateOne(
+          { _id: this.projectId },
+          { $set: { archived: [new ObjectId(this.user._id)] } }
+        ).exec()
+
+        const { response } = await this.user.doRequest(
+          'POST',
+          `/project/${this.projectId}/trash`
+        )
+
+        expect(response.statusCode).to.equal(200)
+
+        const trashedProject = await Project.findById(this.projectId).exec()
+        expectObjectIdArrayEqual(trashedProject.archived, [])
+      })
+    })
+
+    describe('with a legacy boolean state', function () {
+      it('should mark the project as not archived for the user', async function () {
+        await Project.updateOne(
+          { _id: this.projectId },
+          { $set: { archived: true } }
+        ).exec()
+
+        const { response } = await this.user.doRequest(
+          'POST',
+          `/project/${this.projectId}/trash`
+        )
+
+        expect(response.statusCode).to.equal(200)
+
+        const trashedProject = await Project.findById(this.projectId).exec()
+        expectObjectIdArrayEqual(trashedProject.archived, [])
+      })
+    })
+  })
+
+  describe('when untrashing a project', function () {
+    it('should mark the project as untrashed for the user', async function () {
+      await Project.updateOne(
+        { _id: this.projectId },
+        { trashed: [new ObjectId(this.user._id)] }
+      ).exec()
+      const { response } = await this.user.doRequest(
+        'DELETE',
+        `/project/${this.projectId}/trash`
+      )
+      expect(response.statusCode).to.equal(200)
+
+      const trashedProject = await Project.findById(this.projectId).exec()
+      expectObjectIdArrayEqual(trashedProject.trashed, [])
+    })
+
+    it('does nothing if the user has already untrashed the project', async function () {
+      await Project.updateOne(
+        { _id: this.projectId },
+        { trashed: [new ObjectId(this.user._id)] }
+      ).exec()
+      // Mark as untrashed the first time
+      await this.user.doRequest('DELETE', `/project/${this.projectId}/trash`)
+
+      // And then a second time
+      await this.user.doRequest('DELETE', `/project/${this.projectId}/trash`)
+
+      const trashedProject = await Project.findById(this.projectId).exec()
+      expectObjectIdArrayEqual(trashedProject.trashed, [])
+    })
+
+    it('sets trashed to an empty array if not set', async function () {
+      await this.user.doRequest('DELETE', `/project/${this.projectId}/trash`)
+
+      const trashedProject = await Project.findById(this.projectId).exec()
+      expectObjectIdArrayEqual(trashedProject.trashed, [])
+    })
+  })
+})
+
+function expectObjectIdArrayEqual(objectIdArray, stringArray) {
+  const stringifiedArray = objectIdArray.map(id => id.toString())
+  expect(stringifiedArray).to.deep.equal(stringArray)
+}
diff --git a/services/web/test/acceptance/src/ProjectDuplicateNameTests.mjs b/services/web/test/acceptance/src/ProjectDuplicateNameTests.mjs
new file mode 100644
index 0000000..b9a0e72
--- /dev/null
+++ b/services/web/test/acceptance/src/ProjectDuplicateNameTests.mjs
@@ -0,0 +1,696 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+import Path from 'node:path'
+import fs from 'node:fs'
+import _ from 'lodash'
+import User from './helpers/User.mjs'
+import UserHelper from './helpers/UserHelper.mjs'
+import MockDocstoreApiClass from './mocks/MockDocstoreApi.mjs'
+import MockFilestoreApiClass from './mocks/MockFilestoreApi.mjs'
+import MockV1HistoryApiClass from './mocks/MockV1HistoryApi.mjs'
+import { fileURLToPath } from 'node:url'
+import Features from '../../../app/src/infrastructure/Features.js'
+
+let MockDocstoreApi, MockFilestoreApi, MockV1HistoryApi
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+before(function () {
+  MockDocstoreApi = MockDocstoreApiClass.instance()
+  MockFilestoreApi = MockFilestoreApiClass.instance()
+  MockV1HistoryApi = MockV1HistoryApiClass.instance()
+})
+
+describe('ProjectDuplicateNames', function () {
+  beforeEach(function (done) {
+    this.owner = new User()
+    this.owner.login(done)
+    this.project = {}
+    this.callback = sinon.stub()
+  })
+
+  describe('creating a project from the example template', function () {
+    beforeEach(function (done) {
+      this.owner.createProject(
+        'example-project',
+        { template: 'example' },
+        (error, projectId) => {
+          expect(error).to.not.exist
+          this.example_project_id = projectId
+          this.owner.getProject(projectId, (error, project) => {
+            expect(error).to.not.exist
+            this.project = project
+            this.mainTexDoc = _.find(
+              project.rootFolder[0].docs,
+              doc => doc.name === 'main.tex'
+            )
+            this.refBibDoc = _.find(
+              project.rootFolder[0].docs,
+              doc => doc.name === 'sample.bib'
+            )
+            this.imageFile = _.find(
+              project.rootFolder[0].fileRefs,
+              file => file.name === 'frog.jpg'
+            )
+            this.rootFolderId = project.rootFolder[0]._id.toString()
+            // create a folder called 'testfolder'
+            this.owner.request.post(
+              {
+                uri: `/project/${this.example_project_id}/folder`,
+                json: {
+                  name: 'testfolder',
+                  parent_folder_id: this.rootFolderId,
+                },
+              },
+              (err, res, body) => {
+                expect(err).to.not.exist
+                this.testFolderId = body._id
+                done()
+              }
+            )
+          })
+        }
+      )
+    })
+
+    it('should create a project', function () {
+      expect(this.project.rootFolder[0].docs.length).to.equal(2)
+      expect(this.project.rootFolder[0].fileRefs.length).to.equal(1)
+    })
+
+    it('should create two docs in the docstore', function () {
+      const docs = MockDocstoreApi.docs[this.example_project_id]
+      expect(Object.keys(docs).length).to.equal(2)
+    })
+
+    if (Features.hasFeature('project-history-blobs')) {
+      it('should create one file in the history-v1', function () {
+        const files =
+          MockV1HistoryApi.blobs[this.project.overleaf.history.id.toString()]
+        expect(Object.keys(files).length).to.equal(1)
+      })
+    }
+    if (Features.hasFeature('filestore')) {
+      it('should create one file in the filestore', function () {
+        const files = MockFilestoreApi.files[this.example_project_id]
+        expect(Object.keys(files).length).to.equal(1)
+      })
+    }
+
+    describe('for an existing doc', function () {
+      describe('trying to add a doc with the same name', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/doc`,
+              json: {
+                name: 'main.tex',
+                parent_folder_id: this.rootFolderId,
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with 400 error status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+
+      describe('trying to add a folder with the same name', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/folder`,
+              json: {
+                name: 'main.tex',
+                parent_folder_id: this.rootFolderId,
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with 400 error status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+    })
+
+    describe('for an existing file', function () {
+      describe('trying to add a doc with the same name', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/doc`,
+              json: {
+                name: 'frog.jpg',
+                parent_folder_id: this.rootFolderId,
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with 400 error status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+
+      describe('trying to add a folder with the same name', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/folder`,
+              json: {
+                name: 'frog.jpg',
+                parent_folder_id: this.rootFolderId,
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with 400 error status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+
+      describe('trying to upload a file with the same name', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/upload`,
+              json: true,
+              qs: {
+                folder_id: this.rootFolderId,
+                qqfilename: 'frog.jpg',
+              },
+              formData: {
+                name: 'frog.jpg',
+                qqfile: {
+                  value: fs.createReadStream(
+                    Path.join(__dirname, '/../files/1pixel.png')
+                  ),
+                  options: {
+                    filename: 'frog.jpg',
+                    contentType: 'image/jpeg',
+                  },
+                },
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.body = body
+              // update the image id because we have replaced the file
+              this.imageFile._id = this.body.entity_id
+              done()
+            }
+          )
+        })
+
+        it('should succeed (overwriting the file)', function () {
+          expect(this.body.success).to.equal(true)
+        })
+      })
+    })
+    // at this point the @imageFile._id has changed
+
+    describe('for an existing folder', function () {
+      describe('trying to add a doc with the same name', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/doc`,
+              json: {
+                name: 'testfolder',
+                parent_folder_id: this.rootFolderId,
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with 400 error status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+
+      describe('trying to add a folder with the same name', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/folder`,
+              json: {
+                name: 'testfolder',
+                parent_folder_id: this.rootFolderId,
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with 400 error status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+
+      describe('trying to upload a file with the same name', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/upload`,
+              json: true,
+              qs: {
+                folder_id: this.rootFolderId,
+                qqfilename: 'frog.jpg',
+              },
+              formData: {
+                qqfile: {
+                  value: fs.createReadStream(
+                    Path.join(__dirname, '/../files/1pixel.png')
+                  ),
+                  options: {
+                    filename: 'testfolder',
+                    contentType: 'image/jpeg',
+                  },
+                },
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.body = body
+              done()
+            }
+          )
+        })
+
+        it('should respond with failure status', function () {
+          expect(this.body.success).to.equal(false)
+        })
+      })
+    })
+
+    describe('rename for an existing doc', function () {
+      describe('trying to rename a doc to the same name', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/doc/${this.refBibDoc._id}/rename`,
+              json: {
+                name: 'main.tex',
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with 400 error status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+
+      describe('trying to rename a folder to the same name', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/folder/${this.testFolderId}/rename`,
+              json: {
+                name: 'main.tex',
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with 400 error status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+
+      describe('trying to rename a file to the same name', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/file/${this.imageFile._id}/rename`,
+              json: {
+                name: 'main.tex',
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with failure status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+    })
+
+    describe('rename for an existing file', function () {
+      describe('trying to rename a doc to the same name', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/doc/${this.refBibDoc._id}/rename`,
+              json: {
+                name: 'frog.jpg',
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with 400 error status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+
+      describe('trying to rename a folder to the same name', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/folder/${this.testFolderId}/rename`,
+              json: {
+                name: 'frog.jpg',
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with 400 error status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+
+      describe('trying to rename a file to the same name', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/file/${this.imageFile._id}/rename`,
+              json: {
+                name: 'frog.jpg',
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with failure status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+    })
+
+    describe('rename for an existing folder', function () {
+      describe('trying to rename a doc to the same name', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/doc/${this.refBibDoc._id}/rename`,
+              json: {
+                name: 'testfolder',
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with 400 error status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+
+      describe('trying to rename a folder to the same name', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/folder/${this.testFolderId}/rename`,
+              json: {
+                name: 'testfolder',
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with 400 error status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+
+      describe('trying to rename a file to the same name', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/file/${this.imageFile._id}/rename`,
+              json: {
+                name: 'testfolder',
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with failure status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+    })
+
+    describe('for an existing folder with a file with the same name', function () {
+      beforeEach(function (done) {
+        this.owner.request.post(
+          {
+            uri: `/project/${this.example_project_id}/doc`,
+            json: {
+              name: 'main.tex',
+              parent_folder_id: this.testFolderId,
+            },
+          },
+          (err, res, body) => {
+            if (err) {
+              throw err
+            }
+            this.owner.request.post(
+              {
+                uri: `/project/${this.example_project_id}/doc`,
+                json: {
+                  name: 'frog.jpg',
+                  parent_folder_id: this.testFolderId,
+                },
+              },
+              (err, res, body) => {
+                if (err) {
+                  throw err
+                }
+                this.owner.request.post(
+                  {
+                    uri: `/project/${this.example_project_id}/folder`,
+                    json: {
+                      name: 'otherFolder',
+                      parent_folder_id: this.testFolderId,
+                    },
+                  },
+                  (err, res, body) => {
+                    if (err) {
+                      throw err
+                    }
+                    this.subFolderId = body._id
+                    this.owner.request.post(
+                      {
+                        uri: `/project/${this.example_project_id}/folder`,
+                        json: {
+                          name: 'otherFolder',
+                          parent_folder_id: this.rootFolderId,
+                        },
+                      },
+                      (err, res, body) => {
+                        if (err) {
+                          throw err
+                        }
+                        this.otherFolderId = body._id
+                        done()
+                      }
+                    )
+                  }
+                )
+              }
+            )
+          }
+        )
+      })
+
+      describe('trying to move a doc into the folder', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/doc/${this.mainTexDoc._id}/move`,
+              json: {
+                folder_id: this.testFolderId,
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with 400 error status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+
+      describe('trying to move a file into the folder', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/file/${this.imageFile._id}/move`,
+              json: {
+                folder_id: this.testFolderId,
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with 400 error status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+
+      describe('trying to move a folder into the folder', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/folder/${this.otherFolderId}/move`,
+              json: {
+                folder_id: this.testFolderId,
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with 400 error status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+
+      describe('trying to move a folder into a subfolder of itself', function () {
+        beforeEach(function (done) {
+          this.owner.request.post(
+            {
+              uri: `/project/${this.example_project_id}/folder/${this.testFolderId}/move`,
+              json: {
+                folder_id: this.subFolderId,
+              },
+            },
+            (err, res, body) => {
+              expect(err).to.not.exist
+              this.res = res
+              done()
+            }
+          )
+        })
+
+        it('should respond with 400 error status', function () {
+          expect(this.res.statusCode).to.equal(400)
+        })
+      })
+    })
+  })
+
+  describe('regex characters in title', function () {
+    let response, userHelper
+    beforeEach(async function () {
+      userHelper = new UserHelper()
+      userHelper = await UserHelper.createUser()
+      userHelper = await UserHelper.loginUser(
+        userHelper.getDefaultEmailPassword()
+      )
+    })
+    it('should handle characters that would cause an invalid regular expression', async function () {
+      const projectName = 'Example (test'
+      response = await userHelper.fetch('/project/new', {
+        method: 'POST',
+        body: new URLSearchParams([['projectName', projectName]]),
+      })
+      const body = await response.json()
+      expect(response.status).to.equal(200) // can create project
+      response = await userHelper.fetch(`/project/${body.project_id}`)
+      expect(response.status).to.equal(200) // can open project
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/ProjectFeaturesTests.mjs b/services/web/test/acceptance/src/ProjectFeaturesTests.mjs
new file mode 100644
index 0000000..30304fd
--- /dev/null
+++ b/services/web/test/acceptance/src/ProjectFeaturesTests.mjs
@@ -0,0 +1,97 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { expect } from 'chai'
+
+import async from 'async'
+import User from './helpers/User.mjs'
+import request from './helpers/request.js'
+import settings from '@overleaf/settings'
+
+const joinProject = (userId, projectId, callback) =>
+  request.post(
+    {
+      url: `/project/${projectId}/join`,
+      auth: {
+        user: settings.apis.web.user,
+        pass: settings.apis.web.pass,
+        sendImmediately: true,
+      },
+      json: { userId },
+      jar: false,
+    },
+    callback
+  )
+
+describe('ProjectFeatures', function () {
+  beforeEach(function (done) {
+    this.timeout(90000)
+    this.owner = new User()
+    return async.series([cb => this.owner.login(cb)], done)
+  })
+
+  describe('with private project', function () {
+    beforeEach(function (done) {
+      return this.owner.createProject('private-project', (error, projectId) => {
+        if (error != null) {
+          return done(error)
+        }
+        this.project_id = projectId
+        return done()
+      })
+    })
+
+    describe('with an upgraded account', function () {
+      beforeEach(function (done) {
+        return this.owner.upgradeSomeFeatures(done)
+      })
+      after(function (done) {
+        return this.owner.defaultFeatures(done)
+      })
+
+      it('should have premium features', function (done) {
+        return joinProject(
+          this.owner._id,
+          this.project_id,
+          (error, response, body) => {
+            expect(body.project.features.compileGroup).to.equal('priority')
+            expect(body.project.features.versioning).to.equal(true)
+            expect(body.project.features.dropbox).to.equal(true)
+            return done()
+          }
+        )
+      })
+    })
+
+    describe('with an basic account', function () {
+      beforeEach(function (done) {
+        return this.owner.downgradeFeatures(done)
+      })
+      after(function (done) {
+        return this.owner.defaultFeatures(done)
+      })
+
+      it('should have basic features', function (done) {
+        return joinProject(
+          this.owner._id,
+          this.project_id,
+          (error, response, body) => {
+            expect(body.project.features.compileGroup).to.equal('standard')
+            expect(body.project.features.versioning).to.equal(false)
+            expect(body.project.features.dropbox).to.equal(false)
+            return done()
+          }
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/ProjectInviteTests.mjs b/services/web/test/acceptance/src/ProjectInviteTests.mjs
new file mode 100644
index 0000000..df13d71
--- /dev/null
+++ b/services/web/test/acceptance/src/ProjectInviteTests.mjs
@@ -0,0 +1,865 @@
+import { expect } from 'chai'
+import Async from 'async'
+import User from './helpers/User.mjs'
+import settings from '@overleaf/settings'
+import CollaboratorsEmailHandler from '../../../app/src/Features/Collaborators/CollaboratorsEmailHandler.mjs'
+import CollaboratorsInviteHelper from '../../../app/src/Features/Collaborators/CollaboratorsInviteHelper.js'
+import Features from '../../../app/src/infrastructure/Features.js'
+import cheerio from 'cheerio'
+import sinon from 'sinon'
+
+let generateTokenSpy
+
+const createInvite = (sendingUser, projectId, email, callback) => {
+  sendingUser.getCsrfToken(err => {
+    if (err) {
+      return callback(err)
+    }
+    sendingUser.request.post(
+      {
+        uri: `/project/${projectId}/invite`,
+        json: {
+          email,
+          privileges: 'readAndWrite',
+        },
+      },
+      (err, response, body) => {
+        if (err) {
+          return callback(err)
+        }
+        expect(response.statusCode).to.equal(200)
+        expect(body.error).to.not.exist
+        expect(body.invite).to.exist
+        callback(null, body.invite)
+      }
+    )
+  })
+}
+
+const createProject = (owner, projectName, callback) => {
+  owner.createProject(projectName, (err, projectId) => {
+    if (err) {
+      throw err
+    }
+    const fakeProject = {
+      _id: projectId,
+      name: projectName,
+      owner_ref: owner,
+    }
+    callback(err, projectId, fakeProject)
+  })
+}
+
+const createProjectAndInvite = (owner, projectName, email, callback) => {
+  createProject(owner, projectName, (err, projectId, project) => {
+    if (err) {
+      return callback(err)
+    }
+    createInvite(owner, projectId, email, (err, invite) => {
+      if (err) {
+        return callback(err)
+      }
+      // attach the token to the invite
+      invite.token = generateTokenSpy.getCall(0).returnValue
+      const link = CollaboratorsEmailHandler._buildInviteUrl(project, invite)
+      callback(null, project, invite, link)
+    })
+  })
+}
+
+const revokeInvite = (sendingUser, projectId, inviteId, callback) => {
+  sendingUser.getCsrfToken(err => {
+    if (err) {
+      return callback(err)
+    }
+    sendingUser.request.delete(
+      {
+        uri: `/project/${projectId}/invite/${inviteId}`,
+      },
+      err => {
+        if (err) {
+          return callback(err)
+        }
+        callback()
+      }
+    )
+  })
+}
+
+// Actions
+const tryFollowInviteLink = (user, link, callback) => {
+  user.request.get(
+    {
+      uri: link,
+      baseUrl: null,
+    },
+    callback
+  )
+}
+
+const tryAcceptInvite = (user, invite, projectId, callback) => {
+  user.getCsrfToken(err => {
+    if (err) {
+      return callback(err)
+    }
+    user.request.post(
+      {
+        uri: `/project/${projectId}/invite/token/${invite.token}/accept`,
+        json: {
+          token: invite.token,
+        },
+      },
+      callback
+    )
+  })
+}
+
+const tryFollowLoginLink = (user, loginLink, callback) => {
+  user.getCsrfToken(error => {
+    if (error != null) {
+      return callback(error)
+    }
+    user.request.get(loginLink, callback)
+  })
+}
+
+const tryLoginUser = (user, callback) => {
+  user.getCsrfToken(error => {
+    if (error != null) {
+      return callback(error)
+    }
+    user.request.post(
+      {
+        url: '/login',
+        json: {
+          email: user.email,
+          password: user.password,
+          'g-recaptcha-response': 'valid',
+        },
+      },
+      callback
+    )
+  })
+}
+
+const tryGetInviteList = (user, projectId, callback) => {
+  user.getCsrfToken(error => {
+    if (error != null) {
+      return callback(error)
+    }
+    user.request.get(
+      {
+        url: `/project/${projectId}/invites`,
+        json: true,
+      },
+      callback
+    )
+  })
+}
+
+const tryJoinProject = (user, projectId, callback) => {
+  return user.getCsrfToken(error => {
+    if (error != null) {
+      return callback(error)
+    }
+    user.request.post(
+      {
+        url: `/project/${projectId}/join`,
+        auth: {
+          user: settings.apis.web.user,
+          pass: settings.apis.web.pass,
+          sendImmediately: true,
+        },
+        json: { userId: user._id },
+        jar: false,
+      },
+      callback
+    )
+  })
+}
+
+// Expectations
+const expectProjectAccess = (user, projectId, callback) => {
+  // should have access to project
+  user.openProject(projectId, err => {
+    expect(err).not.to.exist
+    callback()
+  })
+}
+
+const expectNoProjectAccess = (user, projectId, callback) => {
+  // should not have access to project page
+  user.openProject(projectId, err => {
+    expect(err).to.be.instanceof(Error)
+    callback()
+  })
+}
+
+const expectInvitePage = (user, link, callback) => {
+  // view invite
+  tryFollowInviteLink(user, link, (err, response, body) => {
+    expect(err).not.to.exist
+    expect(response.statusCode).to.equal(200)
+    expect(body).to.match(/<title>Project Invite - .*<\/title>/)
+    callback()
+  })
+}
+
+const expectInvalidInvitePage = (user, link, callback) => {
+  // view invalid invite
+  tryFollowInviteLink(user, link, (err, response, body) => {
+    expect(err).not.to.exist
+    expect(response.statusCode).to.equal(404)
+    expect(body).to.match(/<title>Invalid Invite - .*<\/title>/)
+    callback()
+  })
+}
+
+const expectInviteRedirectToRegister = (user, link, callback) => {
+  // view invite, redirect to `/register`
+  tryFollowInviteLink(user, link, (err, response) => {
+    expect(err).not.to.exist
+    expect(response.statusCode).to.equal(302)
+    expect(response.headers.location).to.match(/^\/register.*$/)
+
+    user.getSession((err, session) => {
+      if (err) return callback(err)
+      expect(session.sharedProjectData).deep.equals({
+        project_name: PROJECT_NAME,
+        user_first_name: OWNER_NAME,
+      })
+      callback()
+    })
+  })
+}
+
+const expectLoginPage = (user, callback) => {
+  tryFollowLoginLink(user, '/login', (err, response, body) => {
+    expect(err).not.to.exist
+    expect(response.statusCode).to.equal(200)
+    expect(body).to.match(/<title>(Login|Log in to Overleaf) - .*<\/title>/)
+    callback()
+  })
+}
+
+const expectLoginRedirectToInvite = (user, link, callback) => {
+  tryLoginUser(user, (err, response) => {
+    expect(err).not.to.exist
+    expect(response.statusCode).to.equal(200)
+    callback()
+  })
+}
+
+const expectRegistrationRedirectToInvite = (user, link, callback) => {
+  user.register((err, _user, response) => {
+    expect(err).not.to.exist
+    expect(response.statusCode).to.equal(200)
+
+    if (response.body.redir === '/registration/try-premium') {
+      user.request.get('/registration/onboarding', (err, response) => {
+        if (err) return callback(err)
+        expect(response.statusCode).to.equal(200)
+        const dom = cheerio.load(response.body)
+        const skipUrl = dom('meta[name="ol-skipUrl"]')[0].attribs.content
+        expect(new URL(skipUrl, settings.siteUrl).href).to.equal(
+          new URL(link, settings.siteUrl).href
+        )
+        callback()
+      })
+    } else {
+      expect(response.body.redir).to.equal(link)
+      callback()
+    }
+  })
+}
+
+const expectInviteRedirectToProject = (user, link, projectId, callback) => {
+  // view invite, redirect straight to project
+  tryFollowInviteLink(user, link, (err, response) => {
+    expect(err).not.to.exist
+    expect(response.statusCode).to.equal(302)
+    expect(response.headers.location).to.equal(`/project/${projectId}`)
+    callback()
+  })
+}
+
+const expectAcceptInviteAndRedirect = (user, invite, projectId, callback) => {
+  // should accept the invite and redirect to project
+  tryAcceptInvite(user, invite, projectId, (err, response) => {
+    expect(err).not.to.exist
+    expect(response.statusCode).to.equal(302)
+    expect(response.headers.location).to.equal(`/project/${projectId}`)
+    callback()
+  })
+}
+
+const expectInviteListCount = (user, projectId, count, callback) => {
+  tryGetInviteList(user, projectId, (err, response, body) => {
+    expect(err).not.to.exist
+    expect(response.statusCode).to.equal(200)
+    expect(body).to.have.all.keys(['invites'])
+    expect(body.invites.length).to.equal(count)
+    callback()
+  })
+}
+
+const expectInvitesInJoinProjectCount = (user, projectId, count, callback) => {
+  tryJoinProject(user, projectId, (err, response, body) => {
+    expect(err).not.to.exist
+    expect(response.statusCode).to.equal(200)
+    expect(body.project).to.contain.keys(['invites'])
+    expect(body.project.invites.length).to.equal(count)
+    callback()
+  })
+}
+
+const PROJECT_NAME = 'project name for sharing test'
+const OWNER_NAME = 'sending user name'
+
+describe('ProjectInviteTests', function () {
+  beforeEach(function (done) {
+    this.sendingUser = new User()
+    this.user = new User()
+    this.site_admin = new User({ email: `admin+${Math.random()}@example.com` })
+    this.email = `smoketestuser+${Math.random()}@example.com`
+
+    generateTokenSpy = sinon.spy(CollaboratorsInviteHelper, 'generateToken')
+
+    Async.series(
+      [
+        cb => this.sendingUser.ensureUserExists(cb),
+        cb => this.sendingUser.upgradeFeatures({ collaborators: 10 }, cb),
+        cb => this.sendingUser.login(cb),
+        cb =>
+          this.sendingUser.mongoUpdate(
+            {
+              $set: { first_name: OWNER_NAME },
+            },
+            cb
+          ),
+      ],
+      done
+    )
+  })
+
+  afterEach(function () {
+    generateTokenSpy.restore()
+  })
+
+  describe('creating invites', function () {
+    describe('creating two invites', function () {
+      beforeEach(function (done) {
+        createProject(
+          this.sendingUser,
+          PROJECT_NAME,
+          (err, projectId, project) => {
+            expect(err).not.to.exist
+            this.projectId = projectId
+            this.fakeProject = project
+            done()
+          }
+        )
+      })
+
+      it('should fail if email is not a string', function (done) {
+        this.sendingUser.getCsrfToken(err => {
+          if (err) {
+            return done(err)
+          }
+          this.sendingUser.request.post(
+            {
+              uri: `/project/${this.projectId}/invite`,
+              json: {
+                email: {},
+                privileges: 'readAndWrite',
+              },
+            },
+            (err, response, body) => {
+              if (err) {
+                return done(err)
+              }
+              expect(response.statusCode).to.equal(400)
+              expect(response.body.validation.body.message).to.equal(
+                '"email" must be a string'
+              )
+              done()
+            }
+          )
+        })
+      })
+
+      it('should fail on invalid privileges', function (done) {
+        this.sendingUser.getCsrfToken(err => {
+          if (err) {
+            return done(err)
+          }
+          this.sendingUser.request.post(
+            {
+              uri: `/project/${this.projectId}/invite`,
+              json: {
+                email: this.email,
+                privileges: 'invalid-privilege',
+              },
+            },
+            (err, response, body) => {
+              if (err) {
+                return done(err)
+              }
+              expect(response.statusCode).to.equal(400)
+              expect(response.body.validation.body.message).to.equal(
+                '"privileges" must be one of [readOnly, readAndWrite, review]'
+              )
+              done()
+            }
+          )
+        })
+      })
+
+      it('should allow the project owner to create and remove invites', function (done) {
+        Async.series(
+          [
+            cb => expectProjectAccess(this.sendingUser, this.projectId, cb),
+            cb =>
+              expectInviteListCount(this.sendingUser, this.projectId, 0, cb),
+            // create invite, check invite list count
+            cb => {
+              createInvite(
+                this.sendingUser,
+                this.projectId,
+                this.email,
+                (err, invite) => {
+                  if (err) {
+                    return cb(err)
+                  }
+                  this.invite = invite
+                  cb()
+                }
+              )
+            },
+            cb =>
+              expectInviteListCount(this.sendingUser, this.projectId, 1, cb),
+            cb =>
+              revokeInvite(
+                this.sendingUser,
+                this.projectId,
+                this.invite._id,
+                cb
+              ),
+            cb =>
+              expectInviteListCount(this.sendingUser, this.projectId, 0, cb),
+            // and a second time
+            cb => {
+              createInvite(
+                this.sendingUser,
+                this.projectId,
+                this.email,
+                (err, invite) => {
+                  if (err) {
+                    return cb(err)
+                  }
+                  this.invite = invite
+                  cb()
+                }
+              )
+            },
+            cb =>
+              expectInviteListCount(this.sendingUser, this.projectId, 1, cb),
+            // check the joinProject view
+            cb =>
+              expectInvitesInJoinProjectCount(
+                this.sendingUser,
+                this.projectId,
+                1,
+                cb
+              ),
+            // revoke invite
+            cb =>
+              revokeInvite(
+                this.sendingUser,
+                this.projectId,
+                this.invite._id,
+                cb
+              ),
+            cb =>
+              expectInviteListCount(this.sendingUser, this.projectId, 0, cb),
+            cb =>
+              expectInvitesInJoinProjectCount(
+                this.sendingUser,
+                this.projectId,
+                0,
+                cb
+              ),
+          ],
+          done
+        )
+      })
+
+      it('should allow the project owner to create many invites at once', function (done) {
+        Async.series(
+          [
+            cb => expectProjectAccess(this.sendingUser, this.projectId, cb),
+            cb =>
+              expectInviteListCount(this.sendingUser, this.projectId, 0, cb),
+            // create first invite
+            cb => {
+              createInvite(
+                this.sendingUser,
+                this.projectId,
+                this.email,
+                (err, invite) => {
+                  if (err) {
+                    return cb(err)
+                  }
+                  this.inviteOne = invite
+                  cb()
+                }
+              )
+            },
+            cb =>
+              expectInviteListCount(this.sendingUser, this.projectId, 1, cb),
+            // and a second
+            cb => {
+              createInvite(
+                this.sendingUser,
+                this.projectId,
+                this.email,
+                (err, invite) => {
+                  if (err) {
+                    return cb(err)
+                  }
+                  this.inviteTwo = invite
+                  cb()
+                }
+              )
+            },
+            // should have two
+            cb =>
+              expectInviteListCount(this.sendingUser, this.projectId, 2, cb),
+            cb =>
+              expectInvitesInJoinProjectCount(
+                this.sendingUser,
+                this.projectId,
+                2,
+                cb
+              ),
+            // revoke first
+            cb =>
+              revokeInvite(
+                this.sendingUser,
+                this.projectId,
+                this.inviteOne._id,
+                cb
+              ),
+            cb =>
+              expectInviteListCount(this.sendingUser, this.projectId, 1, cb),
+            // revoke second
+            cb =>
+              revokeInvite(
+                this.sendingUser,
+                this.projectId,
+                this.inviteTwo._id,
+                cb
+              ),
+            cb =>
+              expectInviteListCount(this.sendingUser, this.projectId, 0, cb),
+          ],
+          done
+        )
+      })
+    })
+  })
+
+  describe('clicking the invite link', function () {
+    beforeEach(function (done) {
+      createProjectAndInvite(
+        this.sendingUser,
+        PROJECT_NAME,
+        this.email,
+        (err, project, invite, link) => {
+          expect(err).not.to.exist
+          this.projectId = project._id
+          this.fakeProject = project
+          this.invite = invite
+          this.link = link
+          done()
+        }
+      )
+    })
+
+    describe('user is logged in already', function () {
+      beforeEach(function (done) {
+        this.user.login(done)
+      })
+
+      describe('user is already a member of the project', function () {
+        beforeEach(function (done) {
+          Async.series(
+            [
+              cb => expectInvitePage(this.user, this.link, cb),
+              cb =>
+                expectAcceptInviteAndRedirect(
+                  this.user,
+                  this.invite,
+                  this.projectId,
+                  cb
+                ),
+              cb => expectProjectAccess(this.user, this.projectId, cb),
+            ],
+            done
+          )
+        })
+
+        describe('when user clicks on the invite a second time', function () {
+          it('should just redirect to the project page', function (done) {
+            Async.series(
+              [
+                cb => expectProjectAccess(this.user, this.projectId, cb),
+                cb =>
+                  expectInviteRedirectToProject(
+                    this.user,
+                    this.link,
+                    this.projectId,
+                    cb
+                  ),
+                cb => expectProjectAccess(this.user, this.projectId, cb),
+              ],
+              done
+            )
+          })
+
+          describe('when the user recieves another invite to the same project', function () {
+            it('should redirect to the project page', function (done) {
+              Async.series(
+                [
+                  cb => {
+                    createInvite(
+                      this.sendingUser,
+                      this.projectId,
+                      this.email,
+                      (err, invite) => {
+                        if (err) {
+                          throw err
+                        }
+                        this.secondInvite = invite
+                        const token = generateTokenSpy.getCall(1).returnValue
+                        this.secondLink =
+                          CollaboratorsEmailHandler._buildInviteUrl(
+                            this.fakeProject,
+                            { ...invite, token }
+                          )
+                        cb()
+                      }
+                    )
+                  },
+                  cb =>
+                    expectInviteRedirectToProject(
+                      this.user,
+                      this.secondLink,
+                      this.projectId,
+                      cb
+                    ),
+                  cb => expectProjectAccess(this.user, this.projectId, cb),
+                  cb =>
+                    revokeInvite(
+                      this.sendingUser,
+                      this.projectId,
+                      this.secondInvite._id,
+                      cb
+                    ),
+                ],
+                done
+              )
+            })
+          })
+        })
+      })
+
+      describe('user is not a member of the project', function () {
+        it('should not grant access if the user does not accept the invite', function (done) {
+          Async.series(
+            [
+              cb => expectInvitePage(this.user, this.link, cb),
+              cb => expectNoProjectAccess(this.user, this.projectId, cb),
+            ],
+            done
+          )
+        })
+
+        it('should render the invalid-invite page if the token is invalid', function (done) {
+          Async.series(
+            [
+              cb => {
+                const link = this.link.replace(
+                  this.invite.token,
+                  'not_a_real_token'
+                )
+                expectInvalidInvitePage(this.user, link, cb)
+              },
+              cb => expectNoProjectAccess(this.user, this.projectId, cb),
+              cb => expectNoProjectAccess(this.user, this.projectId, cb),
+            ],
+            done
+          )
+        })
+
+        it('should allow the user to accept the invite and access the project', function (done) {
+          Async.series(
+            [
+              cb => expectInvitePage(this.user, this.link, cb),
+              cb =>
+                expectAcceptInviteAndRedirect(
+                  this.user,
+                  this.invite,
+                  this.projectId,
+                  cb
+                ),
+              cb => expectProjectAccess(this.user, this.projectId, cb),
+            ],
+            done
+          )
+        })
+      })
+    })
+
+    describe('user is not logged in initially', function () {
+      describe('registration prompt workflow with valid token', function () {
+        before(function () {
+          if (!Features.hasFeature('registration')) {
+            this.skip()
+          }
+        })
+
+        it('should redirect to the register page', function (done) {
+          expectInviteRedirectToRegister(this.user, this.link, done)
+        })
+
+        it('should allow user to accept the invite if the user registers a new account', function (done) {
+          Async.series(
+            [
+              cb => expectInviteRedirectToRegister(this.user, this.link, cb),
+              cb =>
+                expectRegistrationRedirectToInvite(this.user, this.link, cb),
+              cb => expectInvitePage(this.user, this.link, cb),
+              cb =>
+                expectAcceptInviteAndRedirect(
+                  this.user,
+                  this.invite,
+                  this.projectId,
+                  cb
+                ),
+              cb => expectProjectAccess(this.user, this.projectId, cb),
+            ],
+            done
+          )
+        })
+      })
+
+      describe('registration prompt workflow with non-valid token', function () {
+        before(function () {
+          if (!Features.hasFeature('registration')) {
+            this.skip()
+          }
+        })
+
+        it('should redirect to the register page', function (done) {
+          Async.series(
+            [
+              cb => expectInviteRedirectToRegister(this.user, this.link, cb),
+              cb => expectNoProjectAccess(this.user, this.projectId, cb),
+            ],
+            done
+          )
+        })
+
+        it('should display invalid-invite right away', function (done) {
+          const badLink = this.link.replace(
+            this.invite.token,
+            'not_a_real_token'
+          )
+          Async.series(
+            [
+              cb => expectInvalidInvitePage(this.user, badLink, cb),
+              cb => expectNoProjectAccess(this.user, this.projectId, cb),
+            ],
+            done
+          )
+        })
+      })
+
+      describe('login workflow with valid token', function () {
+        beforeEach(function (done) {
+          this.user.ensureUserExists(done)
+        })
+
+        it('should redirect to the register page', function (done) {
+          Async.series(
+            [
+              cb => expectInviteRedirectToRegister(this.user, this.link, cb),
+              cb => expectNoProjectAccess(this.user, this.projectId, cb),
+            ],
+            done
+          )
+        })
+
+        it('should allow the user to login to view the invite', function (done) {
+          Async.series(
+            [
+              cb => expectInviteRedirectToRegister(this.user, this.link, cb),
+              cb => expectLoginPage(this.user, cb),
+              cb => expectLoginRedirectToInvite(this.user, this.link, cb),
+              cb => expectInvitePage(this.user, this.link, cb),
+              cb => expectNoProjectAccess(this.user, this.projectId, cb),
+            ],
+            done
+          )
+        })
+
+        it('should allow user to accept the invite if the user logs in', function (done) {
+          Async.series(
+            [
+              cb => expectInviteRedirectToRegister(this.user, this.link, cb),
+              cb => expectLoginPage(this.user, cb),
+              cb => expectLoginRedirectToInvite(this.user, this.link, cb),
+              cb => expectInvitePage(this.user, this.link, cb),
+              cb =>
+                expectAcceptInviteAndRedirect(
+                  this.user,
+                  this.invite,
+                  this.projectId,
+                  cb
+                ),
+              cb => expectProjectAccess(this.user, this.projectId, cb),
+            ],
+            done
+          )
+        })
+      })
+
+      describe('login workflow with non-valid token', function () {
+        it('should redirect to the register page', function (done) {
+          Async.series(
+            [
+              cb => expectInviteRedirectToRegister(this.user, this.link, cb),
+              cb => expectNoProjectAccess(this.user, this.projectId, cb),
+            ],
+            done
+          )
+        })
+
+        it('should show the invalid-invite page right away', function (done) {
+          const badLink = this.link.replace(
+            this.invite.token,
+            'not_a_real_token'
+          )
+          Async.series(
+            [
+              cb => expectInvalidInvitePage(this.user, badLink, cb),
+              cb => expectNoProjectAccess(this.user, this.projectId, cb),
+            ],
+            done
+          )
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/ProjectOwnershipTransferTests.mjs b/services/web/test/acceptance/src/ProjectOwnershipTransferTests.mjs
new file mode 100644
index 0000000..9d01efd
--- /dev/null
+++ b/services/web/test/acceptance/src/ProjectOwnershipTransferTests.mjs
@@ -0,0 +1,124 @@
+import { expect } from 'chai'
+import UserHelper from './helpers/User.mjs'
+
+const User = UserHelper.promises
+
+describe('Project ownership transfer', function () {
+  beforeEach(async function () {
+    this.ownerSession = new User()
+    this.collaboratorSession = new User()
+    this.strangerSession = new User()
+    this.adminSession = new User()
+    this.invitedAdminSession = new User()
+    await this.invitedAdminSession.ensureUserExists()
+    await this.invitedAdminSession.ensureAdmin()
+    await this.invitedAdminSession.login()
+    await this.adminSession.ensureUserExists()
+    await this.adminSession.ensureAdmin()
+    await this.ownerSession.login()
+    await this.collaboratorSession.login()
+    await this.strangerSession.login()
+    await this.adminSession.login()
+    this.owner = await this.ownerSession.get()
+    this.collaborator = await this.collaboratorSession.get()
+    this.stranger = await this.strangerSession.get()
+    this.admin = await this.adminSession.get()
+    this.invitedAdmin = await this.invitedAdminSession.get()
+    this.projectId = await this.ownerSession.createProject('Test project')
+    await this.ownerSession.addUserToProject(
+      this.projectId,
+      this.invitedAdmin,
+      'readAndWrite'
+    )
+    await this.ownerSession.addUserToProject(
+      this.projectId,
+      this.collaborator,
+      'readAndWrite'
+    )
+  })
+
+  describe('happy path', function () {
+    beforeEach(async function () {
+      await this.ownerSession.transferProjectOwnership(
+        this.projectId,
+        this.collaborator._id
+      )
+    })
+
+    it('changes the project owner', async function () {
+      const project = await this.collaboratorSession.getProject(this.projectId)
+      expect(project.owner_ref.toString()).to.equal(
+        this.collaborator._id.toString()
+      )
+    })
+
+    it('adds the previous owner as a read/write collaborator', async function () {
+      const project = await this.collaboratorSession.getProject(this.projectId)
+      expect(project.collaberator_refs.map(x => x.toString())).to.have.members([
+        this.owner._id.toString(),
+        this.invitedAdmin._id.toString(),
+      ])
+    })
+
+    it('lets the new owner open the project', async function () {
+      await this.collaboratorSession.openProject(this.projectId)
+    })
+
+    it('lets the previous owner open the project', async function () {
+      await this.ownerSession.openProject(this.projectId)
+    })
+  })
+
+  describe('ownership change as admin', function () {
+    it('lets the invited admin transfer ownership', async function () {
+      await this.invitedAdminSession.transferProjectOwnership(
+        this.projectId,
+        this.collaborator._id
+      )
+      const project = await this.invitedAdminSession.getProject(this.projectId)
+      expect(project.owner_ref.toString()).to.equal(
+        this.collaborator._id.toString()
+      )
+    })
+
+    it('lets the non-invited admin transfer ownership', async function () {
+      await this.adminSession.transferProjectOwnership(
+        this.projectId,
+        this.collaborator._id
+      )
+      const project = await this.adminSession.getProject(this.projectId)
+      expect(project.owner_ref.toString()).to.equal(
+        this.collaborator._id.toString()
+      )
+    })
+  })
+
+  describe('validation', function () {
+    it('lets only the project owner transfer ownership', async function () {
+      await expect(
+        this.collaboratorSession.transferProjectOwnership(
+          this.projectId,
+          this.collaborator._id
+        )
+      ).to.be.rejectedWith(/failed: status=403 /)
+    })
+
+    it('prevents transfers to a non-collaborator', async function () {
+      await expect(
+        this.ownerSession.transferProjectOwnership(
+          this.projectId,
+          this.stranger._id
+        )
+      ).to.be.rejectedWith(/failed: status=403 /)
+    })
+
+    it('allows an admin to transfer to any project to a non-collaborator', async function () {
+      await expect(
+        this.adminSession.transferProjectOwnership(
+          this.projectId,
+          this.stranger._id
+        )
+      ).to.be.fulfilled
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/ProjectStructureMongoLockTest.mjs b/services/web/test/acceptance/src/ProjectStructureMongoLockTest.mjs
new file mode 100644
index 0000000..e414f39
--- /dev/null
+++ b/services/web/test/acceptance/src/ProjectStructureMongoLockTest.mjs
@@ -0,0 +1,176 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+
+import LockManager from '../../../app/src/infrastructure/LockManager.js'
+
+import ProjectCreationHandler from '../../../app/src/Features/Project/ProjectCreationHandler.js'
+import ProjectGetter from '../../../app/src/Features/Project/ProjectGetter.js'
+import ProjectEntityMongoUpdateHandler from '../../../app/src/Features/Project/ProjectEntityMongoUpdateHandler.js'
+import UserCreator from '../../../app/src/Features/User/UserCreator.js'
+import { expect } from 'chai'
+import _ from 'lodash'
+
+// These tests are neither acceptance tests nor unit tests. It's difficult to
+// test/verify that our locking is doing what we hope.
+// These tests call methods in ProjectGetter and ProjectEntityMongoUpdateHandler
+// to see that they DO NOT work when a lock has been taken.
+//
+// It is tested that these methods DO work when the lock has not been taken in
+// other acceptance tests.
+
+describe('ProjectStructureMongoLock', function () {
+  describe('whilst a project lock is taken', function () {
+    let oldMaxLockWaitTime
+    before(function () {
+      oldMaxLockWaitTime = LockManager.MAX_LOCK_WAIT_TIME
+    })
+    after(function () {
+      LockManager.MAX_LOCK_WAIT_TIME = oldMaxLockWaitTime
+    })
+
+    beforeEach(function (done) {
+      // We want to instantly fail if the lock is taken
+      LockManager.MAX_LOCK_WAIT_TIME = 1
+      this.lockValue = 'lock-value'
+      const userDetails = {
+        holdingAccount: false,
+        email: 'test@example.com',
+      }
+      UserCreator.createNewUser(userDetails, {}, (err, user) => {
+        this.user = user
+        if (err != null) {
+          throw err
+        }
+        return ProjectCreationHandler.createBlankProject(
+          user._id,
+          'locked-project',
+          (err, project) => {
+            if (err != null) {
+              throw err
+            }
+            this.locked_project = project
+            const namespace = ProjectEntityMongoUpdateHandler.LOCK_NAMESPACE
+            this.lock_key = `lock:web:${namespace}:${project._id}`
+            return LockManager._getLock(
+              this.lock_key,
+              namespace,
+              (err, lockValue) => {
+                this.lockValue = lockValue
+                return done()
+              }
+            )
+          }
+        )
+      })
+    })
+
+    afterEach(function (done) {
+      return LockManager._releaseLock(this.lock_key, this.lockValue, done)
+    })
+
+    describe('interacting with the locked project', function () {
+      const LOCKING_UPDATE_METHODS = [
+        'addDoc',
+        'addFile',
+        'mkdirp',
+        'moveEntity',
+        'renameEntity',
+        'addFolder',
+      ]
+      for (const methodName of Array.from(LOCKING_UPDATE_METHODS)) {
+        it(`cannot call ProjectEntityMongoUpdateHandler.${methodName}`, function (done) {
+          const method = ProjectEntityMongoUpdateHandler[methodName]
+          const args = _.times(method.length - 2, _.constant(null))
+          return method(this.locked_project._id, args, err => {
+            expect(err).to.be.instanceOf(Error)
+            expect(err).to.have.property('message', 'Timeout')
+            return done()
+          })
+        })
+      }
+
+      it('cannot get the project without a projection', function (done) {
+        return ProjectGetter.getProject(this.locked_project._id, err => {
+          expect(err).to.be.instanceOf(Error)
+          expect(err).to.have.property('message', 'Timeout')
+          return done()
+        })
+      })
+
+      it('cannot get the project if rootFolder is in the projection', function (done) {
+        return ProjectGetter.getProject(
+          this.locked_project._id,
+          { rootFolder: true },
+          err => {
+            expect(err).to.be.instanceOf(Error)
+            expect(err).to.have.property('message', 'Timeout')
+            return done()
+          }
+        )
+      })
+
+      it('can get the project if rootFolder is not in the projection', function (done) {
+        return ProjectGetter.getProject(
+          this.locked_project._id,
+          { _id: true },
+          (err, project) => {
+            expect(err).to.equal(null)
+            expect(project._id).to.deep.equal(this.locked_project._id)
+            return done()
+          }
+        )
+      })
+    })
+
+    describe('interacting with other projects', function () {
+      beforeEach(function (done) {
+        return ProjectCreationHandler.createBlankProject(
+          this.user._id,
+          'unlocked-project',
+          (err, project) => {
+            if (err != null) {
+              throw err
+            }
+            this.unlocked_project = project
+            return done()
+          }
+        )
+      })
+
+      it('can add folders to other projects', function (done) {
+        return ProjectEntityMongoUpdateHandler.addFolder(
+          this.unlocked_project._id,
+          this.unlocked_project.rootFolder[0]._id,
+          'new folder',
+          (err, folder) => {
+            expect(err).to.equal(null)
+            expect(folder).to.exist
+            return done()
+          }
+        )
+      })
+
+      it('can get other projects without a projection', function (done) {
+        return ProjectGetter.getProject(
+          this.unlocked_project._id,
+          (err, project) => {
+            expect(err).to.equal(null)
+            expect(project._id).to.deep.equal(this.unlocked_project._id)
+            return done()
+          }
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/ProjectStructureTests.mjs b/services/web/test/acceptance/src/ProjectStructureTests.mjs
new file mode 100644
index 0000000..a1f48a8
--- /dev/null
+++ b/services/web/test/acceptance/src/ProjectStructureTests.mjs
@@ -0,0 +1,317 @@
+import chai, { expect } from 'chai'
+import mongodb from 'mongodb-legacy'
+import Path from 'node:path'
+import fs from 'node:fs'
+import { Project } from '../../../app/src/models/Project.js'
+import ProjectGetter from '../../../app/src/Features/Project/ProjectGetter.js'
+import UserHelper from './helpers/User.mjs'
+import MockDocStoreApiClass from './mocks/MockDocstoreApi.mjs'
+import MockDocUpdaterApiClass from './mocks/MockDocUpdaterApi.mjs'
+import chaiAsPromised from 'chai-as-promised'
+
+chai.use(chaiAsPromised)
+
+const User = UserHelper.promises
+
+const ObjectId = mongodb.ObjectId
+
+let MockDocStoreApi, MockDocUpdaterApi
+
+before(function () {
+  MockDocUpdaterApi = MockDocUpdaterApiClass.instance()
+  MockDocStoreApi = MockDocStoreApiClass.instance()
+})
+
+describe('ProjectStructureChanges', function () {
+  let owner
+
+  beforeEach(async function () {
+    owner = new User()
+    await owner.login()
+  })
+
+  async function createExampleProject(owner) {
+    const projectId = await owner.createProject('example-project', {
+      template: 'example',
+    })
+
+    const project = await ProjectGetter.promises.getProject(projectId)
+
+    const rootFolderId = project.rootFolder[0]._id.toString()
+    return { projectId, rootFolderId }
+  }
+
+  async function createExampleDoc(owner, projectId) {
+    const project = await ProjectGetter.promises.getProject(projectId)
+
+    const { response, body } = await owner.doRequest('POST', {
+      uri: `project/${projectId}/doc`,
+      json: {
+        name: 'new.tex',
+        parent_folder_id: project.rootFolder[0]._id,
+      },
+    })
+
+    if (response.statusCode < 200 || response.statusCode >= 300) {
+      throw new Error(`failed to add doc ${response.statusCode}`)
+    }
+
+    return body._id
+  }
+
+  async function createExampleFolder(owner, projectId) {
+    const { response, body } = await owner.doRequest('POST', {
+      uri: `project/${projectId}/folder`,
+      json: {
+        name: 'foo',
+      },
+    })
+
+    if (response.statusCode < 200 || response.statusCode >= 300) {
+      throw new Error(`failed to add doc ${response.statusCode}`)
+    }
+
+    return body._id
+  }
+
+  async function uploadExampleProject(owner, zipFilename, options = {}) {
+    const zipFile = fs.createReadStream(
+      Path.resolve(Path.join(import.meta.dirname, '..', 'files', zipFilename))
+    )
+
+    const { response, body } = await owner.doRequest('POST', {
+      uri: 'project/new/upload',
+      formData: {
+        name: zipFilename,
+        qqfile: zipFile,
+      },
+    })
+
+    if (
+      !options.allowBadStatus &&
+      (response.statusCode < 200 || response.statusCode >= 300)
+    ) {
+      throw new Error(`failed to upload project ${response.statusCode}`)
+    }
+
+    return { projectId: JSON.parse(body).project_id, response }
+  }
+
+  async function deleteItem(owner, projectId, type, itemId) {
+    return await owner.deleteItemInProject(projectId, type, itemId)
+  }
+
+  describe('uploading a project with a name', function () {
+    let exampleProjectId
+    const testProjectName = 'wombat'
+
+    beforeEach(async function () {
+      const { projectId } = await uploadExampleProject(
+        owner,
+        'test_project_with_name.zip'
+      )
+      exampleProjectId = projectId
+    })
+
+    it('should set the project name from the zip contents', async function () {
+      const project = await ProjectGetter.promises.getProject(exampleProjectId)
+      expect(project.name).to.equal(testProjectName)
+    })
+  })
+
+  describe('uploading a project with an invalid name', function () {
+    let exampleProjectId
+    const testProjectMatch = /^bad[^\\]+name$/
+
+    beforeEach(async function () {
+      const { projectId } = await uploadExampleProject(
+        owner,
+        'test_project_with_invalid_name.zip'
+      )
+
+      exampleProjectId = projectId
+    })
+
+    it('should set the project name from the zip contents', async function () {
+      const project = await ProjectGetter.promises.getProject(exampleProjectId)
+      expect(project.name).to.match(testProjectMatch)
+    })
+  })
+
+  describe('uploading an empty zipfile', function () {
+    let res
+
+    beforeEach(async function () {
+      const { response } = await uploadExampleProject(
+        owner,
+        'test_project_empty.zip',
+        { allowBadStatus: true }
+      )
+      res = response
+    })
+
+    it('should fail with 422 error', function () {
+      expect(res.statusCode).to.equal(422)
+    })
+  })
+
+  describe('uploading a zipfile containing only empty directories', function () {
+    let res
+
+    beforeEach(async function () {
+      const { response } = await uploadExampleProject(
+        owner,
+        'test_project_with_empty_folder.zip',
+        { allowBadStatus: true }
+      )
+
+      res = response
+    })
+
+    it('should fail with 422 error', function () {
+      expect(res.statusCode).to.equal(422)
+    })
+  })
+
+  describe('uploading a project with a shared top-level folder', function () {
+    let exampleProjectId
+
+    beforeEach(async function () {
+      const { projectId } = await uploadExampleProject(
+        owner,
+        'test_project_with_shared_top_level_folder.zip'
+      )
+      exampleProjectId = projectId
+    })
+
+    it('should not create the top-level folder', async function () {
+      const project = await ProjectGetter.promises.getProject(exampleProjectId)
+      expect(project.rootFolder[0].folders.length).to.equal(0)
+      expect(project.rootFolder[0].docs.length).to.equal(2)
+    })
+  })
+
+  describe('uploading a project with backslashes in the path names', function () {
+    let exampleProjectId
+
+    beforeEach(async function () {
+      const { projectId } = await uploadExampleProject(
+        owner,
+        'test_project_with_backslash_in_filename.zip'
+      )
+      exampleProjectId = projectId
+    })
+
+    it('should treat the backslash as a directory separator', async function () {
+      const project = await ProjectGetter.promises.getProject(exampleProjectId)
+      expect(project.rootFolder[0].folders[0].name).to.equal('styles')
+      expect(project.rootFolder[0].folders[0].docs[0].name).to.equal('ao.sty')
+    })
+  })
+
+  describe('deleting folders', function () {
+    beforeEach(async function () {
+      const { projectId } = await createExampleProject(owner)
+      this.exampleProjectId = projectId
+    })
+    describe('when the folder is the rootFolder', function () {
+      beforeEach(async function () {
+        const project = await ProjectGetter.promises.getProject(
+          this.exampleProjectId
+        )
+        this.rootFolderId = project.rootFolder[0]._id
+      })
+
+      it('should fail with a 422 error', async function () {
+        await expect(
+          deleteItem(owner, this.exampleProjectId, 'folder', this.rootFolderId)
+        )
+          .to.be.rejected.and.eventually.match(/status=422/)
+          .and.eventually.match(/body="cannot delete root folder"/)
+      })
+    })
+
+    describe('when the folder is not the rootFolder', function () {
+      beforeEach(async function () {
+        const folderId = await createExampleFolder(owner, this.exampleProjectId)
+        this.exampleFolderId = folderId
+      })
+
+      it('should succeed', async function () {
+        await expect(
+          deleteItem(
+            owner,
+            this.exampleProjectId,
+            'folder',
+            this.exampleFolderId
+          )
+        ).to.be.fulfilled
+      })
+    })
+  })
+
+  describe('deleting docs', function () {
+    beforeEach(async function () {
+      const { projectId } = await createExampleProject(owner)
+      this.exampleProjectId = projectId
+
+      const folderId = await createExampleFolder(owner, projectId)
+      this.exampleFolderId = folderId
+
+      const docId = await createExampleDoc(owner, projectId)
+      this.exampleDocId = docId
+
+      MockDocUpdaterApi.reset()
+
+      const project = await ProjectGetter.promises.getProject(
+        this.exampleProjectId
+      )
+      this.project0 = project
+    })
+
+    it('should pass the doc name to docstore', async function () {
+      await deleteItem(owner, this.exampleProjectId, 'doc', this.exampleDocId)
+
+      expect(
+        MockDocStoreApi.getDeletedDocs(this.exampleProjectId)
+      ).to.deep.equal([{ _id: this.exampleDocId, name: 'new.tex' }])
+    })
+
+    describe('when rootDoc_id matches doc being deleted', function () {
+      beforeEach(async function () {
+        await Project.updateOne(
+          { _id: this.exampleProjectId },
+          { $set: { rootDoc_id: this.exampleDocId } }
+        ).exec()
+      })
+
+      it('should clear rootDoc_id', async function () {
+        await deleteItem(owner, this.exampleProjectId, 'doc', this.exampleDocId)
+        const project = ProjectGetter.promises.getProject(this.exampleProjectId)
+        expect(project.rootDoc_id).to.be.undefined
+      })
+    })
+
+    describe('when rootDoc_id does not match doc being deleted', function () {
+      beforeEach(async function () {
+        this.exampleRootDocId = new ObjectId()
+        await Project.updateOne(
+          { _id: this.exampleProjectId },
+          { $set: { rootDoc_id: this.exampleRootDocId } }
+        ).exec()
+      })
+
+      it('should not clear rootDoc_id', async function () {
+        await deleteItem(owner, this.exampleProjectId, 'doc', this.exampleDocId)
+
+        const project = await ProjectGetter.promises.getProject(
+          this.exampleProjectId
+        )
+
+        expect(project.rootDoc_id.toString()).to.equal(
+          this.exampleRootDocId.toString()
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/RedirectUrlsTests.mjs b/services/web/test/acceptance/src/RedirectUrlsTests.mjs
new file mode 100644
index 0000000..7ebc89d
--- /dev/null
+++ b/services/web/test/acceptance/src/RedirectUrlsTests.mjs
@@ -0,0 +1,92 @@
+/* eslint-disable
+    max-len,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { expect } from 'chai'
+import request from './helpers/request.js'
+
+const assertRedirect = (method, path, expectedStatusCode, destination, cb) =>
+  request[method](path, (error, response) => {
+    expect(error).not.to.exist
+    response.statusCode.should.equal(expectedStatusCode)
+    response.headers.location.should.equal(destination)
+    return cb()
+  })
+
+describe('RedirectUrls', function () {
+  beforeEach(function () {
+    return this.timeout(1000)
+  })
+
+  it('proxy static URLs', function (done) {
+    return assertRedirect('get', '/redirect/one', 302, '/destination/one', done)
+  })
+
+  it('proxy dynamic URLs', function (done) {
+    return assertRedirect(
+      'get',
+      '/redirect/params/42',
+      302,
+      '/destination/42/params',
+      done
+    )
+  })
+
+  it('proxy URLs with baseUrl', function (done) {
+    return assertRedirect(
+      'get',
+      '/redirect/base_url',
+      302,
+      'https://example.com/destination/base_url',
+      done
+    )
+  })
+
+  it('proxy URLs with POST with a 307', function (done) {
+    return assertRedirect(
+      'post',
+      '/redirect/get_and_post',
+      307,
+      '/destination/get_and_post',
+      done
+    )
+  })
+
+  it('proxy URLs with multiple support methods', function (done) {
+    return assertRedirect(
+      'get',
+      '/redirect/get_and_post',
+      302,
+      '/destination/get_and_post',
+      done
+    )
+  })
+
+  it('redirects with query params', function (done) {
+    return assertRedirect(
+      'get',
+      '/redirect/qs?foo=bar&baz[]=qux1&baz[]=qux2',
+      302,
+      '/destination/qs?foo=bar&baz[]=qux1&baz[]=qux2',
+      done
+    )
+  })
+
+  it("skips redirects if the 'skip-redirects' header is set", function (done) {
+    return request.get(
+      { url: '/redirect/one', headers: { 'x-skip-redirects': 'true' } },
+      (error, response) => {
+        expect(error).not.to.exist
+        response.statusCode.should.equal(404)
+        return done()
+      }
+    )
+  })
+})
diff --git a/services/web/test/acceptance/src/RegenerateDuplicateReferralIdsTests.mjs b/services/web/test/acceptance/src/RegenerateDuplicateReferralIdsTests.mjs
new file mode 100644
index 0000000..801ebfd
--- /dev/null
+++ b/services/web/test/acceptance/src/RegenerateDuplicateReferralIdsTests.mjs
@@ -0,0 +1,152 @@
+import { exec } from 'node:child_process'
+import { promisify } from 'node:util'
+import { expect } from 'chai'
+import logger from '@overleaf/logger'
+import { filterOutput } from './helpers/settings.mjs'
+import { db } from '../../../app/src/infrastructure/mongodb.js'
+import { renderObjectId } from '@overleaf/mongo-utils/batchedUpdate.js'
+
+const BATCH_SIZE = 100
+let n = 0
+function getUniqueReferralId() {
+  return `unique_${n++}`
+}
+function getUserWithReferralId(referralId) {
+  const email = `${Math.random()}@example.com`
+  return {
+    referal_id: referralId,
+    // Make the unique indexes happy.
+    email,
+    emails: [{ email }],
+  }
+}
+async function getBatch(batchCounter) {
+  return (
+    await db.users
+      .find(
+        {},
+        {
+          projection: { _id: 1 },
+          skip: BATCH_SIZE * --batchCounter,
+          limit: BATCH_SIZE,
+        }
+      )
+      .toArray()
+  ).map(user => user._id)
+}
+
+describe('RegenerateDuplicateReferralIds', function () {
+  let firstBatch, secondBatch, thirdBatch, forthBatch, duplicateAcrossBatch
+  beforeEach('insert duplicates', async function () {
+    // full batch of duplicates
+    await db.users.insertMany(
+      Array(BATCH_SIZE)
+        .fill(0)
+        .map(() => {
+          return getUserWithReferralId('duplicate1')
+        })
+    )
+    firstBatch = await getBatch(1)
+
+    // batch of 999 duplicates and 1 unique
+    await db.users.insertMany(
+      Array(BATCH_SIZE - 1)
+        .fill(0)
+        .map(() => {
+          return getUserWithReferralId('duplicate2')
+        })
+        .concat([getUserWithReferralId(getUniqueReferralId())])
+    )
+    secondBatch = await getBatch(2)
+
+    // duplicate outside batch
+    duplicateAcrossBatch = getUniqueReferralId()
+    await db.users.insertMany(
+      Array(BATCH_SIZE - 1)
+        .fill(0)
+        .map(() => {
+          return getUserWithReferralId(getUniqueReferralId())
+        })
+        .concat([getUserWithReferralId(duplicateAcrossBatch)])
+    )
+    thirdBatch = await getBatch(3)
+
+    // no new duplicates onwards
+    await db.users.insertMany(
+      Array(BATCH_SIZE - 1)
+        .fill(0)
+        .map(() => {
+          return getUserWithReferralId(getUniqueReferralId())
+        })
+        .concat([getUserWithReferralId(duplicateAcrossBatch)])
+    )
+    forthBatch = await getBatch(4)
+  })
+
+  let result
+  beforeEach('run script', async function () {
+    try {
+      result = await promisify(exec)(
+        [
+          // set low BATCH_SIZE
+          `BATCH_SIZE=${BATCH_SIZE}`,
+          // log details on duplicate matching
+          'VERBOSE_LOGGING=true',
+          // disable verbose logging
+          'LOG_LEVEL=ERROR',
+
+          // actual command
+          'node',
+          'scripts/regenerate_duplicate_referral_ids.mjs',
+        ].join(' ')
+      )
+    } catch (err) {
+      // dump details like exit code, stdErr and stdOut
+      logger.error({ err }, 'script failed')
+      throw err
+    }
+  })
+
+  it('should do the correct operations', function () {
+    let { stderr: stdErr, stdout: stdOut } = result
+    stdErr = stdErr.split('\n').filter(filterOutput)
+    stdOut = stdOut.split('\n').filter(filterOutput)
+    expect(stdErr).to.include.members([
+      `Completed batch ending ${renderObjectId(firstBatch[BATCH_SIZE - 1])}`,
+      `Completed batch ending ${renderObjectId(secondBatch[BATCH_SIZE - 1])}`,
+      `Completed batch ending ${renderObjectId(thirdBatch[BATCH_SIZE - 1])}`,
+      `Completed batch ending ${renderObjectId(forthBatch[BATCH_SIZE - 1])}`,
+      'Done.',
+    ])
+    expect(stdOut.filter(filterOutput)).to.include.members([
+      // only duplicates
+      `Running update on batch with ids ${JSON.stringify(firstBatch)}`,
+      'Got duplicates from looking at batch.',
+      'Found duplicate: duplicate1',
+
+      // duplicate in batch
+      `Running update on batch with ids ${JSON.stringify(secondBatch)}`,
+      'Got duplicates from looking at batch.',
+      'Found duplicate: duplicate2',
+
+      // duplicate with next batch
+      `Running update on batch with ids ${JSON.stringify(thirdBatch)}`,
+      'Got duplicates from running count.',
+      `Found duplicate: ${duplicateAcrossBatch}`,
+
+      // no new duplicates
+      `Running update on batch with ids ${JSON.stringify(forthBatch)}`,
+    ])
+  })
+
+  it('should give all users a unique refereal_id', async function () {
+    const users = await db.users
+      .find({}, { projection: { referal_id: 1 } })
+      .toArray()
+    const uniqueReferralIds = Array.from(
+      new Set(users.map(user => user.referal_id))
+    )
+    expect(users).to.have.length(4 * BATCH_SIZE)
+    expect(uniqueReferralIds).to.have.length(users.length)
+  })
+})
diff --git a/services/web/test/acceptance/src/RegistrationTests.mjs b/services/web/test/acceptance/src/RegistrationTests.mjs
new file mode 100644
index 0000000..f062d3d
--- /dev/null
+++ b/services/web/test/acceptance/src/RegistrationTests.mjs
@@ -0,0 +1,414 @@
+import { expect } from 'chai'
+import async from 'async'
+import metrics from './helpers/metrics.mjs'
+import User from './helpers/User.mjs'
+import redis from './helpers/redis.mjs'
+import Features from '../../../app/src/infrastructure/Features.js'
+
+const UserPromises = User.promises
+
+// Expectations
+const expectProjectAccess = function (user, projectId, callback) {
+  // should have access to project
+  user.openProject(projectId, err => {
+    expect(err).to.be.oneOf([null, undefined])
+    return callback()
+  })
+}
+
+const expectNoProjectAccess = function (user, projectId, callback) {
+  // should not have access to project page
+  user.openProject(projectId, err => {
+    expect(err).to.be.instanceof(Error)
+    return callback()
+  })
+}
+
+// Actions
+const tryLoginThroughRegistrationForm = function (
+  user,
+  email,
+  password,
+  callback
+) {
+  user.getCsrfToken(err => {
+    if (err != null) {
+      return callback(err)
+    }
+    user.request.post(
+      {
+        url: '/register',
+        json: {
+          email,
+          password,
+        },
+      },
+      callback
+    )
+  })
+}
+
+describe('Registration', function () {
+  describe('LoginRateLimit', function () {
+    let userA
+    beforeEach(function () {
+      userA = new UserPromises()
+    })
+    function loginRateLimited(line) {
+      return line.includes('rate_limit_hit') && line.includes('login')
+    }
+    async function getLoginRateLimitHitMetricValue() {
+      return await metrics.promises.getMetric(loginRateLimited)
+    }
+    let beforeCount
+    beforeEach('get baseline metric value', async function () {
+      beforeCount = await getLoginRateLimitHitMetricValue()
+    })
+    beforeEach('setup csrf token', async function () {
+      await userA.getCsrfToken()
+    })
+
+    describe('pushing an account just below the rate limit', function () {
+      async function doLoginAttempts(user, n, pushInto) {
+        while (n--) {
+          const { body } = await user.doRequest('POST', {
+            url: '/login',
+            json: {
+              email: user.email,
+              password: 'invalid-password',
+              'g-recaptcha-response': 'valid',
+            },
+          })
+          const message = body && body.message && body.message.key
+          pushInto.push(message)
+        }
+      }
+
+      let results = []
+      beforeEach('do 9 login attempts', async function () {
+        results = []
+        await doLoginAttempts(userA, 9, results)
+      })
+
+      it('should not record any rate limited requests', async function () {
+        const afterCount = await getLoginRateLimitHitMetricValue()
+        expect(afterCount).to.equal(beforeCount)
+      })
+
+      it('should produce the correct responses so far', function () {
+        expect(results.length).to.equal(9)
+        expect(results).to.deep.equal(
+          Array(9).fill('invalid-password-retry-or-reset')
+        )
+      })
+
+      describe('pushing the account past the limit', function () {
+        beforeEach('do 6 login attempts', async function () {
+          await doLoginAttempts(userA, 6, results)
+        })
+
+        it('should record 5 rate limited requests', async function () {
+          const afterCount = await getLoginRateLimitHitMetricValue()
+          expect(afterCount).to.equal(beforeCount + 5)
+        })
+
+        it('should produce the correct responses', function () {
+          expect(results.length).to.equal(15)
+          expect(results).to.deep.equal(
+            Array(10)
+              .fill('invalid-password-retry-or-reset')
+              .concat(Array(5).fill('to-many-login-requests-2-mins'))
+          )
+        })
+
+        describe('logging in with another user', function () {
+          let userB
+          beforeEach(function () {
+            userB = new UserPromises()
+          })
+
+          beforeEach('update baseline metric value', async function () {
+            beforeCount = await getLoginRateLimitHitMetricValue()
+          })
+          beforeEach('setup csrf token', async function () {
+            await userB.getCsrfToken()
+          })
+
+          let messages = []
+          beforeEach('do bad login', async function () {
+            messages = []
+            await doLoginAttempts(userB, 1, messages)
+          })
+
+          it('should not rate limit their request', function () {
+            expect(messages).to.deep.equal(['invalid-password-retry-or-reset'])
+          })
+
+          it('should not record any further rate limited requests', async function () {
+            const afterCount = await getLoginRateLimitHitMetricValue()
+            expect(afterCount).to.equal(beforeCount)
+          })
+        })
+      })
+
+      describe('performing a valid login for clearing the limit', function () {
+        beforeEach('do login', async function () {
+          await userA.login()
+        })
+
+        it('should log the user in', async function () {
+          const { response } = await userA.doRequest('GET', '/project')
+          expect(response.statusCode).to.equal(200)
+        })
+
+        it('should not record any rate limited requests', async function () {
+          const afterCount = await getLoginRateLimitHitMetricValue()
+          expect(afterCount).to.equal(beforeCount)
+        })
+
+        describe('logging out and performing more invalid login requests', function () {
+          beforeEach('logout', async function () {
+            await userA.logout()
+          })
+          beforeEach('fetch new csrf token', async function () {
+            await userA.getCsrfToken()
+          })
+
+          let results = []
+          beforeEach('do 9 login attempts', async function () {
+            results = []
+            await doLoginAttempts(userA, 9, results)
+          })
+
+          it('should not record any rate limited requests yet', async function () {
+            const afterCount = await getLoginRateLimitHitMetricValue()
+            expect(afterCount).to.equal(beforeCount)
+          })
+
+          it('should not emit any rate limited responses yet', function () {
+            expect(results.length).to.equal(9)
+            expect(results).to.deep.equal(
+              Array(9).fill('invalid-password-retry-or-reset')
+            )
+          })
+        })
+      })
+    })
+  })
+
+  describe('CSRF protection', function () {
+    before(function () {
+      if (!Features.hasFeature('registration')) {
+        this.skip()
+      }
+    })
+
+    beforeEach(function () {
+      this.user = new User()
+      this.email = `test+${Math.random()}@example.com`
+      this.password = 'password11'
+    })
+
+    afterEach(function (done) {
+      this.user.fullDeleteUser(this.email, done)
+    })
+
+    it('should register with the csrf token', function (done) {
+      this.user.request.get('/login', (err, res, body) => {
+        expect(err).to.not.exist
+        this.user.getCsrfToken(error => {
+          expect(error).to.not.exist
+          this.user.request.post(
+            {
+              url: '/register',
+              json: {
+                email: this.email,
+                password: this.password,
+              },
+              headers: {
+                'x-csrf-token': this.user.csrfToken,
+              },
+            },
+            (error, response, body) => {
+              expect(error).to.not.exist
+              expect(response.statusCode).to.equal(200)
+              return done()
+            }
+          )
+        })
+      })
+    })
+
+    it('should fail with no csrf token', function (done) {
+      this.user.request.get('/login', (err, res, body) => {
+        expect(err).to.not.exist
+        this.user.getCsrfToken(error => {
+          expect(error).to.not.exist
+          this.user.request.post(
+            {
+              url: '/register',
+              json: {
+                email: this.email,
+                password: this.password,
+              },
+              headers: {
+                'x-csrf-token': '',
+              },
+            },
+            (error, response, body) => {
+              expect(error).to.not.exist
+              expect(response.statusCode).to.equal(403)
+              return done()
+            }
+          )
+        })
+      })
+    })
+
+    it('should fail with a stale csrf token', function (done) {
+      this.user.request.get('/login', (err, res, body) => {
+        expect(err).to.not.exist
+        this.user.getCsrfToken(error => {
+          expect(error).to.not.exist
+          const oldCsrfToken = this.user.csrfToken
+          this.user.logout(err => {
+            expect(err).to.not.exist
+            this.user.request.post(
+              {
+                url: '/register',
+                json: {
+                  email: this.email,
+                  password: this.password,
+                },
+                headers: {
+                  'x-csrf-token': oldCsrfToken,
+                },
+              },
+              (error, response, body) => {
+                expect(error).to.not.exist
+                expect(response.statusCode).to.equal(403)
+                return done()
+              }
+            )
+          })
+        })
+      })
+    })
+  })
+
+  describe('Register', function () {
+    before(function () {
+      if (!Features.hasFeature('registration')) {
+        this.skip()
+      }
+    })
+
+    beforeEach(function () {
+      this.user = new User()
+    })
+
+    it('Set emails attribute', function (done) {
+      this.user.register((error, user) => {
+        expect(error).to.not.exist
+        user.email.should.equal(this.user.email)
+        user.emails.should.exist
+        user.emails.should.be.a('array')
+        user.emails.length.should.equal(1)
+        user.emails[0].email.should.equal(this.user.email)
+        return done()
+      })
+    })
+  })
+
+  describe('LoginViaRegistration', function () {
+    beforeEach(function (done) {
+      this.timeout(60000)
+      this.user1 = new User()
+      this.user2 = new User()
+      async.series(
+        [
+          cb => this.user1.login(cb),
+          cb => this.user1.logout(cb),
+          cb => redis.clearUserSessions(this.user1, cb),
+          cb => this.user2.login(cb),
+          cb => this.user2.logout(cb),
+          cb => redis.clearUserSessions(this.user2, cb),
+        ],
+        done
+      )
+      this.project_id = null
+    })
+
+    describe('[Security] Trying to register/login as another user', function () {
+      before(function () {
+        if (!Features.hasFeature('registration')) {
+          this.skip()
+        }
+      })
+
+      it('should not allow sign in with secondary email', function (done) {
+        const secondaryEmail = 'acceptance-test-secondary@example.com'
+        this.user1.addEmail(secondaryEmail, err => {
+          expect(err).to.not.exist
+          this.user1.loginWith(secondaryEmail, err => {
+            expect(err).to.match(/login failed: status=401/)
+            expect(err.info.body).to.deep.equal({
+              message: {
+                type: 'error',
+                key: 'invalid-password-retry-or-reset',
+              },
+            })
+            this.user1.isLoggedIn((err, isLoggedIn) => {
+              expect(err).to.not.exist
+              expect(isLoggedIn).to.equal(false)
+              return done()
+            })
+          })
+        })
+      })
+
+      it('should have user1 login and create a project, which user2 cannot access', function (done) {
+        let projectId
+        async.series(
+          [
+            // user1 logs in and creates a project which only they can access
+            cb => {
+              this.user1.login(err => {
+                expect(err).not.to.exist
+                cb()
+              })
+            },
+            cb => {
+              this.user1.createProject('Private Project', (err, id) => {
+                expect(err).not.to.exist
+                projectId = id
+                cb()
+              })
+            },
+            cb => expectProjectAccess(this.user1, projectId, cb),
+            cb => expectNoProjectAccess(this.user2, projectId, cb),
+            // should prevent user2 from login/register with user1 email address
+            cb => {
+              tryLoginThroughRegistrationForm(
+                this.user2,
+                this.user1.email,
+                'totally_not_the_right_password',
+                (err, response, body) => {
+                  expect(err).to.not.exist
+                  expect(body.redir != null).to.equal(false)
+                  expect(body.message != null).to.equal(true)
+                  expect(body.message).to.have.all.keys('type', 'text')
+                  expect(body.message.type).to.equal('error')
+                  cb()
+                }
+              )
+            },
+            // check user still can't access the project
+            cb => expectNoProjectAccess(this.user2, projectId, done),
+          ],
+          done
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/RemoveDeletedUsersFromTokenAccessRefsTests.mjs b/services/web/test/acceptance/src/RemoveDeletedUsersFromTokenAccessRefsTests.mjs
new file mode 100644
index 0000000..ce596a1
--- /dev/null
+++ b/services/web/test/acceptance/src/RemoveDeletedUsersFromTokenAccessRefsTests.mjs
@@ -0,0 +1,256 @@
+import { db, ObjectId } from '../../../app/src/infrastructure/mongodb.js'
+import { promisify } from 'node:util'
+import { exec } from 'node:child_process'
+import logger from '@overleaf/logger'
+import { expect } from 'chai'
+
+describe('RemoveDeletedUsersFromTokenAccessRefsTests', function () {
+  const userId1 = new ObjectId()
+  const userId2 = new ObjectId()
+  const userId3 = new ObjectId()
+
+  let insertedUsersCount
+  beforeEach('insert users', async function () {
+    const users = await db.users.insertMany([
+      { _id: userId1, email: 'user1@example.com' },
+    ])
+    insertedUsersCount = users.insertedCount
+  })
+
+  const projectId1 = new ObjectId('65d726e807c024c8db43be22')
+  const projectId2 = new ObjectId('65d726e807c024c8db43be23')
+  const projectId3 = new ObjectId('65d726e807c024c8db43be24')
+  const projectId4 = new ObjectId('65d726e807c024c8db43be25')
+
+  let insertedProjects
+  beforeEach('insert projects', async function () {
+    insertedProjects = await db.projects.insertMany([
+      {
+        _id: projectId1,
+        tokenAccessReadAndWrite_refs: [userId1],
+        tokenAccessReadOnly_refs: [],
+      },
+      {
+        _id: projectId2,
+        tokenAccessReadAndWrite_refs: [userId2],
+        tokenAccessReadOnly_refs: [],
+      },
+      {
+        _id: projectId3,
+        tokenAccessReadAndWrite_refs: [userId3],
+      },
+      {
+        _id: projectId4,
+      },
+    ])
+  })
+
+  let stdOut
+
+  const runScript = async (dryRun, projectsList) => {
+    let result
+    try {
+      result = await promisify(exec)(
+        [
+          'VERBOSE_LOGGING=true',
+          'node',
+          'scripts/remove_deleted_users_from_token_access_refs.mjs',
+          dryRun,
+          projectsList,
+        ].join(' ')
+      )
+    } catch (error) {
+      // dump details like exit code, stdErr and stdOut
+      logger.error({ error }, 'script failed')
+      throw error
+    }
+    const { stdout } = result
+    stdOut = stdout
+
+    expect(stdOut).to.match(new RegExp(`User ids count: ${insertedUsersCount}`))
+  }
+
+  describe('dry-run=true', function () {
+    beforeEach('run script', async function () {
+      await runScript('--dry-run=true')
+      expect(stdOut).to.match(/doing dry run/i)
+    })
+
+    it('should show current user id to be removed', function () {
+      expect(stdOut).to.match(
+        new RegExp(
+          `Found deleted user id: ${userId2.toString()} in project: ${projectId2.toString()}`
+        )
+      )
+      expect(stdOut).to.match(
+        new RegExp(
+          `DRY RUN - would remove deleted ${userId2.toString()} from all projects \\(found in project ${projectId2.toString()}\\)`
+        )
+      )
+      expect(stdOut).to.match(
+        new RegExp(
+          `Found deleted user id: ${userId3.toString()} in project: ${projectId3.toString()}`
+        )
+      )
+      expect(stdOut).to.match(
+        new RegExp(
+          `DRY RUN - would remove deleted ${userId3.toString()} from all projects \\(found in project ${projectId3.toString()}\\)`
+        )
+      )
+    })
+
+    it('should show projects with non-existing token access fields', function () {
+      expect(stdOut)
+        .to.match(
+          new RegExp(
+            `DRY RUN - would fix non-existing token access fields in project ${projectId3.toString()}`
+          )
+        )
+        .and.match(
+          new RegExp(
+            `DRY RUN - would fix non-existing token access fields in project ${projectId4.toString()}`
+          )
+        )
+    })
+
+    it('should show the user ids (and their count) to be deleted', function () {
+      expect(stdOut).to.match(
+        new RegExp(
+          `DRY RUN - would delete user ids \\(2\\)\\n${userId2.toString()}\\n${userId3.toString()}`
+        )
+      )
+    })
+
+    it('should show the project ids (and their count) that needs fixing', function () {
+      expect(stdOut).to.match(
+        new RegExp(
+          `Projects with deleted user ids \\(2\\)\\n${projectId2.toString()}\\n${projectId3.toString()}`
+        )
+      )
+    })
+
+    it('should not fix the token access fields of projects', async function () {
+      const projects = await db.projects
+        .find({}, { $sort: { _id: 1 } })
+        .toArray()
+      expect(projects).to.deep.equal([
+        {
+          _id: projectId1,
+          tokenAccessReadAndWrite_refs: [userId1],
+          tokenAccessReadOnly_refs: [],
+        },
+        {
+          _id: projectId2,
+          tokenAccessReadAndWrite_refs: [userId2],
+          tokenAccessReadOnly_refs: [],
+        },
+        {
+          _id: projectId3,
+          tokenAccessReadAndWrite_refs: [userId3],
+        },
+        {
+          _id: projectId4,
+        },
+      ])
+    })
+  })
+
+  describe('dry-run=false', function () {
+    beforeEach('run script', async function () {
+      await runScript('--dry-run=false')
+      expect(stdOut).to.not.match(/dry run/i)
+    })
+
+    it('should show current user id to be removed', function () {
+      expect(stdOut).to.match(
+        new RegExp(
+          `Found deleted user id: ${userId2.toString()} in project: ${projectId2.toString()}`
+        )
+      )
+      expect(stdOut).to.match(
+        new RegExp(
+          `Removing deleted ${userId2.toString()} from all projects \\(found in project ${projectId2.toString()}\\)`
+        )
+      )
+      expect(stdOut).to.match(
+        new RegExp(
+          `Found deleted user id: ${userId3.toString()} in project: ${projectId3.toString()}`
+        )
+      )
+      expect(stdOut).to.match(
+        new RegExp(
+          `Removing deleted ${userId3.toString()} from all projects \\(found in project ${projectId3.toString()}\\)`
+        )
+      )
+    })
+
+    it('should show fixed projects with non-existing token access fields', function () {
+      expect(stdOut)
+        .to.match(
+          new RegExp(
+            `Fixed non-existing token access fields in project ${projectId3.toString()}`
+          )
+        )
+        .and.match(
+          new RegExp(
+            `Fixed non-existing token access fields in project ${projectId4.toString()}`
+          )
+        )
+    })
+
+    it('should show the deleted user ids (and their count) that were removed', function () {
+      expect(stdOut).to.match(
+        new RegExp(
+          `Deleted user ids \\(2\\)\\n${userId2.toString()}\\n${userId3.toString()}`
+        )
+      )
+    })
+
+    it('should show the project ids (and their count) that were fixed', function () {
+      expect(stdOut).to.match(
+        new RegExp(
+          `Projects with deleted user ids \\(2\\)\\n${projectId2.toString()}\\n${projectId3.toString()}`
+        )
+      )
+    })
+
+    it('should fix the token access fields of projects', async function () {
+      const [, ...fixedProjects] = await db.projects
+        .find({}, { $sort: { _id: 1 } })
+        .toArray()
+      expect(fixedProjects).to.deep.equal([
+        {
+          _id: projectId2,
+          tokenAccessReadAndWrite_refs: [],
+          tokenAccessReadOnly_refs: [],
+        },
+        {
+          _id: projectId3,
+          tokenAccessReadAndWrite_refs: [],
+          tokenAccessReadOnly_refs: [],
+        },
+        {
+          _id: projectId4,
+          tokenAccessReadOnly_refs: [],
+          tokenAccessReadAndWrite_refs: [],
+        },
+      ])
+    })
+  })
+
+  describe('projects=projectId2', function () {
+    beforeEach('run script', async function () {
+      const projectId2 = insertedProjects.insertedIds[1]
+      await runScript('--dry-run=false', `--projects=${projectId2.toString()}`)
+    })
+
+    it('should fix only the projects provided', async function () {
+      const [project1, project2, project3] = await db.projects
+        .find({}, { $sort: { _id: 1 } })
+        .toArray()
+      expect(project1.tokenAccessReadAndWrite_refs.length).to.be.gt(0)
+      expect(project2.tokenAccessReadAndWrite_refs.length).to.eq(0) // deleted user removed
+      expect(project3.tokenAccessReadAndWrite_refs.length).to.be.gt(0)
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/RemoveUnconfirmedEmailsScriptTests.mjs b/services/web/test/acceptance/src/RemoveUnconfirmedEmailsScriptTests.mjs
new file mode 100644
index 0000000..6bb5996
--- /dev/null
+++ b/services/web/test/acceptance/src/RemoveUnconfirmedEmailsScriptTests.mjs
@@ -0,0 +1,290 @@
+import { promisify } from 'node:util'
+import { exec } from 'node:child_process'
+import { expect } from 'chai'
+import { filterOutput } from './helpers/settings.mjs'
+import { db, ObjectId } from '../../../app/src/infrastructure/mongodb.js'
+import fs from 'node:fs/promises'
+
+const CSV_FILENAME = '/tmp/remove_unconfirmed_emails.csv'
+
+async function runScript(mode, commit) {
+  const result = await promisify(exec)(
+    [
+      'node',
+      'scripts/remove_unconfirmed_emails.mjs',
+      mode === 'generate' ? '--generate' : '--consume',
+      commit && '--commit',
+    ]
+      .filter(Boolean)
+      .join(' ')
+  )
+  return {
+    ...result,
+    stdout: result.stdout.split('\n').filter(filterOutput),
+  }
+}
+
+function createUser(signUpDate, emails, userIdx) {
+  const email = `primary${userIdx ?? ''}@overleaf.com`
+  return {
+    _id: new ObjectId(),
+    email,
+    emails,
+    signUpDate,
+  }
+}
+
+describe('scripts/remove_unconfirmed_emails', function () {
+  let user
+
+  afterEach(async function () {
+    try {
+      await fs.unlink(CSV_FILENAME)
+    } catch (err) {
+      // Ignore errors if file doesn't exist
+    }
+  })
+
+  describe('when removing unconfirmed secondary emails', function () {
+    beforeEach(async function () {
+      user = createUser(new Date('2000-01-01'), [
+        { email: 'primary@overleaf.com', confirmedAt: new Date() },
+        { email: 'unconfirmed1@overleaf.com' },
+        { email: 'unconfirmed-special-,\'"@overleaf.com' },
+      ])
+      await db.users.insertOne(user)
+    })
+
+    it('should remove all unconfirmed secondary emails', async function () {
+      await runScript('generate')
+      const r = await runScript('consume', true)
+
+      expect(r.stdout).to.include('Total emails in the CSV: 2')
+      expect(r.stdout).to.include('Total users processed: 1')
+
+      const updatedUser = await db.users.findOne({ _id: user._id })
+      expect(updatedUser.emails).to.have.length(1)
+      expect(updatedUser.emails[0].email).to.equal(user.email)
+    })
+
+    it('should not modify anything in dry run mode', async function () {
+      await runScript('generate')
+      const r = await runScript('consume', false)
+
+      expect(r.stdout).to.include('Total emails in the CSV: 2')
+      expect(r.stdout).to.include('Total users processed: 1')
+      expect(r.stdout).to.include(
+        'Note: this was a dry-run. No changes were made.'
+      )
+
+      const updatedUser = await db.users.findOne({ _id: user._id })
+      expect(updatedUser.emails).to.have.length(3)
+    })
+  })
+
+  describe('when handling confirmed secondary emails', function () {
+    beforeEach(async function () {
+      user = createUser(new Date('2000-01-01'), [
+        { email: 'primary@overleaf.com', confirmedAt: new Date() },
+        { email: 'confirmed@overleaf.com', confirmedAt: new Date() },
+      ])
+      await db.users.insertOne(user)
+    })
+
+    it('should preserve confirmed secondary emails', async function () {
+      await runScript('generate')
+      const r = await runScript('consume', true)
+
+      expect(r.stdout).to.include('Total emails in the CSV: 0')
+      expect(r.stdout).to.include('Total users processed: 0')
+
+      const updatedUser = await db.users.findOne({ _id: user._id })
+      expect(updatedUser.emails).to.have.length(2)
+      expect(updatedUser.emails[1].confirmedAt).to.exist
+    })
+  })
+
+  describe('when handling unconfirmed primary emails', function () {
+    beforeEach(async function () {
+      user = createUser(new Date('2000-01-01'), [
+        { email: 'primary@overleaf.com' },
+      ])
+      await db.users.insertOne(user)
+    })
+
+    it('should not remove unconfirmed primary emails', async function () {
+      await runScript('generate')
+      const r = await runScript('consume', true)
+
+      expect(r.stdout).to.include('Total emails in the CSV: 0')
+      expect(r.stdout).to.include('Total users processed: 0')
+
+      const updatedUser = await db.users.findOne({ _id: user._id })
+      expect(updatedUser.emails).to.have.length(1)
+      expect(updatedUser.emails[0].email).to.equal('primary@overleaf.com')
+    })
+  })
+
+  describe('when users confirmed their email in between', function () {
+    beforeEach(async function () {
+      user = createUser(new Date('2000-01-01'), [
+        { email: 'primary@overleaf.com' },
+        { email: 'secondary@overleaf.com' },
+      ])
+      await db.users.insertOne(user)
+    })
+
+    it('should not remove emails from users who confirmed their email in between', async function () {
+      await runScript('generate')
+
+      await db.users.updateOne(
+        { _id: user._id },
+        { $set: { 'emails.1.confirmedAt': new Date() } }
+      )
+
+      const r = await runScript('consume', true)
+
+      expect(r.stdout).to.include('Total emails in the CSV: 1')
+      expect(r.stdout).to.include('Skipped emails: 1')
+      expect(r.stdout).to.include('  - Email now confirmed: 1')
+
+      const updatedUser = await db.users.findOne({ _id: user._id })
+      expect(updatedUser.emails).to.have.length(2)
+    })
+  })
+
+  describe('when users changed their primary email in between', function () {
+    beforeEach(async function () {
+      user = createUser(new Date('2000-01-01'), [
+        { email: 'primary@overleaf.com' },
+        { email: 'secondary@overleaf.com' },
+      ])
+      await db.users.insertOne(user)
+    })
+
+    it('should not remove emails from users who changed their primary email in between', async function () {
+      await runScript('generate')
+
+      await db.users.updateOne(
+        { _id: user._id },
+        { $set: { email: 'secondary@overleaf.com' } }
+      )
+      const r = await runScript('consume', true)
+
+      expect(r.stdout).to.include('Total emails in the CSV: 1')
+      expect(r.stdout).to.include('Skipped emails: 1')
+      expect(r.stdout).to.include('  - Email now primary: 1')
+
+      const updatedUser = await db.users.findOne({ _id: user._id })
+      expect(updatedUser.emails).to.have.length(2)
+    })
+  })
+
+  describe('when users account was deleted in between', function () {
+    beforeEach(async function () {
+      user = createUser(new Date('2000-01-01'), [
+        { email: 'primary@overleaf.com' },
+        { email: 'secondary@overleaf.com' },
+      ])
+      await db.users.insertOne(user)
+    })
+
+    it('should skip emails from users whose account was deleted', async function () {
+      await runScript('generate')
+
+      // Delete the user
+      await db.users.deleteOne({ _id: user._id })
+
+      const r = await runScript('consume', true)
+
+      expect(r.stdout).to.include('Total emails in the CSV: 1')
+      expect(r.stdout).to.include('Skipped emails: 1')
+      expect(r.stdout).to.include('  - User not found: 1')
+    })
+  })
+
+  describe('when users email was deleted in between', function () {
+    beforeEach(async function () {
+      user = createUser(new Date('2000-01-01'), [
+        { email: 'primary@overleaf.com' },
+        { email: 'secondary@overleaf.com' },
+      ])
+      await db.users.insertOne(user)
+    })
+
+    it('should skip emails that were already removed', async function () {
+      await runScript('generate')
+
+      // Remove the secondary email
+      await db.users.updateOne(
+        { _id: user._id },
+        { $pull: { emails: { email: 'secondary@overleaf.com' } } }
+      )
+
+      const r = await runScript('consume', true)
+
+      expect(r.stdout).to.include('Total emails in the CSV: 1')
+      expect(r.stdout).to.include('Skipped emails: 1')
+      expect(r.stdout).to.include('  - Email now removed: 1')
+
+      const updatedUser = await db.users.findOne({ _id: user._id })
+      expect(updatedUser.emails).to.have.length(1)
+      expect(updatedUser.emails[0].email).to.equal('primary@overleaf.com')
+    })
+  })
+
+  describe('when handling confirmation field edge cases', function () {
+    beforeEach(async function () {
+      user = createUser(new Date('2000-01-01'), [
+        { email: 'primary@overleaf.com', confirmedAt: new Date() },
+        { email: 'secondary1@overleaf.com', confirmedAt: null },
+        { email: 'secondary2@overleaf.com' },
+      ])
+      await db.users.insertOne(user)
+    })
+
+    it('should remove emails with both missing and null confirmedAt', async function () {
+      await runScript('generate')
+      const r = await runScript('consume', true)
+
+      expect(r.stdout).to.include('Total emails in the CSV: 2')
+      expect(r.stdout).to.include('Total users processed: 1')
+
+      const updatedUser = await db.users.findOne({ _id: user._id })
+      expect(updatedUser.emails).to.have.length(1)
+      expect(updatedUser.emails[0].email).to.equal(user.email)
+    })
+  })
+
+  describe('CSV file generation', function () {
+    beforeEach(async function () {
+      user = createUser(new Date('2000-01-01'), [
+        { email: 'primary@overleaf.com', confirmedAt: new Date() },
+        { email: 'unconfirmed1@overleaf.com' },
+        { email: 'confirmed1@overleaf.com', confirmedAt: new Date() },
+        { email: 'unconfirmed2@overleaf.com' },
+        { email: '!,@overleaf.com' },
+        { email: "!'@overleaf.com" },
+        { email: '!,\'"@overleaf.com' },
+      ])
+      await db.users.insertOne(user)
+    })
+
+    it('should generate a valid CSV file', async function () {
+      const r = await runScript('generate')
+
+      expect(r.stdout).to.include(
+        'Generated CSV file: /tmp/remove_unconfirmed_emails.csv'
+      )
+      expect(r.stdout).to.include('Total emails in the CSV: 5')
+      const csvContent = await fs.readFile(CSV_FILENAME, 'utf8')
+      expect(csvContent).to.equal(`User ID,Email,Sign Up Date
+${user._id},unconfirmed1@overleaf.com,2000-01-01T00:00:00.000Z
+${user._id},unconfirmed2@overleaf.com,2000-01-01T00:00:00.000Z
+${user._id},"!,@overleaf.com",2000-01-01T00:00:00.000Z
+${user._id},!'@overleaf.com,2000-01-01T00:00:00.000Z
+${user._id},"!,'""@overleaf.com",2000-01-01T00:00:00.000Z
+`)
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/SecurityHeadersTests.mjs b/services/web/test/acceptance/src/SecurityHeadersTests.mjs
new file mode 100644
index 0000000..6b11fee
--- /dev/null
+++ b/services/web/test/acceptance/src/SecurityHeadersTests.mjs
@@ -0,0 +1,203 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { assert } from 'chai'
+
+import async from 'async'
+import User from './helpers/User.mjs'
+import request from './helpers/request.js'
+import ProjectGetter from '../../../app/src/Features/Project/ProjectGetter.js'
+
+const assertHasCommonHeaders = function (response) {
+  const { headers } = response
+  assert.include(headers, {
+    'x-download-options': 'noopen',
+    'x-xss-protection': '0',
+    'cross-origin-resource-policy': 'same-origin',
+    'cross-origin-opener-policy': 'same-origin-allow-popups',
+    'x-content-type-options': 'nosniff',
+    'x-permitted-cross-domain-policies': 'none',
+    'referrer-policy': 'origin-when-cross-origin',
+  })
+  assert.isUndefined(headers['cross-origin-embedder-policy'])
+}
+
+const assertHasCacheHeaders = function (response) {
+  assert.include(response.headers, {
+    'surrogate-control': 'no-store',
+    'cache-control': 'no-store, no-cache, must-revalidate, proxy-revalidate',
+    pragma: 'no-cache',
+    expires: '0',
+  })
+}
+
+const assertHasNoCacheHeaders = function (response) {
+  assert.doesNotHaveAnyKeys(response.headers, [
+    'surrogate-control',
+    'cache-control',
+    'pragma',
+    'expires',
+  ])
+}
+
+const assertHasAssetCachingHeaders = function (response) {
+  assert.equal(response.headers['cache-control'], 'public, max-age=31536000')
+}
+
+describe('SecurityHeaders', function () {
+  beforeEach(function () {
+    return (this.user = new User())
+  })
+
+  it('should not have x-powered-by header', function (done) {
+    return request.get('/', (err, res, body) => {
+      assert.isUndefined(res.headers['x-powered-by'])
+      return done()
+    })
+  })
+
+  it('should have all common headers', function (done) {
+    return request.get('/', (err, res, body) => {
+      assertHasCommonHeaders(res)
+      return done()
+    })
+  })
+
+  it('should not have cache headers on public pages', function (done) {
+    return request.get('/', (err, res, body) => {
+      assertHasNoCacheHeaders(res)
+      return done()
+    })
+  })
+
+  it('should have caching headers on static assets', function (done) {
+    request.get('/favicon.ico', (err, res) => {
+      assertHasAssetCachingHeaders(res)
+      done(err)
+    })
+  })
+
+  it('should have cache headers when user is logged in', function (done) {
+    return async.series(
+      [
+        cb => this.user.login(cb),
+        cb => this.user.request.get('/', cb),
+        cb => this.user.logout(cb),
+      ],
+      (err, results) => {
+        const mainResponse = results[1][0]
+        assertHasCacheHeaders(mainResponse)
+        return done()
+      }
+    )
+  })
+
+  it('should have cache headers on project page when user is logged out', function (done) {
+    return async.series(
+      [
+        cb => this.user.login(cb),
+        cb =>
+          this.user.createProject('public-project', (error, projectId) => {
+            if (error != null) {
+              return done(error)
+            }
+            this.project_id = projectId
+            return this.user.makePublic(this.project_id, 'readAndWrite', cb)
+          }),
+        cb => this.user.logout(cb),
+        cb => request.get(`/project/${this.project_id}`, cb),
+      ],
+      (err, res) => {
+        const mainResponse = res[3][0]
+        assertHasCacheHeaders(mainResponse)
+        return done()
+      }
+    )
+  })
+
+  it('should have private cache headers on project file', function (done) {
+    return async.series(
+      [
+        cb => this.user.login(cb),
+        cb =>
+          this.user.createProject(
+            'public-project',
+            (error, projectId, folderId) => {
+              if (error != null) {
+                return done(error)
+              }
+              this.project_id = projectId
+              return this.user.makePublic(this.project_id, 'readAndWrite', cb)
+            }
+          ),
+        cb =>
+          ProjectGetter.getProject(this.project_id, (error, project) => {
+            if (error) {
+              return cb(error)
+            }
+            this.root_folder_id = project.rootFolder[0]._id.toString()
+            cb()
+          }),
+        cb => {
+          return this.user.uploadFileInProject(
+            this.project_id,
+            this.root_folder_id,
+            '2pixel.png',
+            '1pixel.png',
+            'image/png',
+            (error, fileId) => {
+              if (error) {
+                return cb(error)
+              }
+              this.file_id = fileId
+              cb()
+            }
+          )
+        },
+        cb =>
+          request.get(`/project/${this.project_id}/file/${this.file_id}`, cb),
+        cb => this.user.logout(cb),
+      ],
+      (err, results) => {
+        const res = results[4][0]
+
+        assert.include(res.headers, {
+          'cache-control': 'private, max-age=3600',
+        })
+
+        assert.doesNotHaveAnyKeys(res.headers, [
+          'surrogate-control',
+          'pragma',
+          'expires',
+        ])
+
+        return done()
+      }
+    )
+  })
+
+  it('should have caching headers on static assets when user is logged in', function (done) {
+    async.series(
+      [
+        cb => this.user.login(cb),
+        cb => this.user.request.get('/favicon.ico', cb),
+        cb => this.user.logout(cb),
+      ],
+      (err, results) => {
+        const res = results[1][0]
+        assertHasAssetCachingHeaders(res)
+        done()
+      }
+    )
+  })
+})
diff --git a/services/web/test/acceptance/src/ServerCrashTests.mjs b/services/web/test/acceptance/src/ServerCrashTests.mjs
new file mode 100644
index 0000000..765a3b4
--- /dev/null
+++ b/services/web/test/acceptance/src/ServerCrashTests.mjs
@@ -0,0 +1,35 @@
+import { expect } from 'chai'
+import fs from 'node:fs'
+import Path from 'node:path'
+import fetch from 'node-fetch'
+import UserHelper from './helpers/UserHelper.mjs'
+import glob from 'glob'
+import { fileURLToPath } from 'node:url'
+
+const BASE_URL = UserHelper.baseUrl()
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+// Test all files in the crash_test_urls directory
+const CRASH_TEST_FILES = glob.sync(
+  Path.join(__dirname, '../files/crash_test_urls/*.txt')
+)
+
+describe('Server Crash Tests', function () {
+  for (const file of CRASH_TEST_FILES) {
+    const crashTestUrls = fs.readFileSync(file).toString().split('\n')
+    it(`should not crash on bad urls in ${file}`, async function () {
+      // increase the timeout for these tests due to the number of urls
+      this.timeout(60 * 1000)
+      // test each url in the list
+      for (let i = 0; i < crashTestUrls.length; i++) {
+        const url = BASE_URL + crashTestUrls[i]
+        const response = await fetch(url)
+        expect(response.status).to.not.match(
+          /5\d\d/,
+          `Request to ${url} failed with status ${response.status}`
+        )
+      }
+    })
+  }
+})
diff --git a/services/web/test/acceptance/src/SessionTests.mjs b/services/web/test/acceptance/src/SessionTests.mjs
new file mode 100644
index 0000000..3a8cfb0
--- /dev/null
+++ b/services/web/test/acceptance/src/SessionTests.mjs
@@ -0,0 +1,559 @@
+import { expect } from 'chai'
+import async from 'async'
+import UserHelper from './helpers/User.mjs'
+import redis from './helpers/redis.mjs'
+import UserSessionsRedis from '../../../app/src/Features/User/UserSessionsRedis.js'
+const rclient = UserSessionsRedis.client()
+
+describe('Sessions', function () {
+  beforeEach(function (done) {
+    this.timeout(20000)
+    this.user1 = new UserHelper()
+    this.site_admin = new UserHelper({ email: 'admin@example.com' })
+    async.series(
+      [cb => this.user1.login(cb), cb => this.user1.logout(cb)],
+      done
+    )
+  })
+
+  describe('one session', function () {
+    it('should have one session in UserSessions set', function (done) {
+      async.series(
+        [
+          next => {
+            redis.clearUserSessions(this.user1, next)
+          },
+
+          // login, should add session to set
+          next => {
+            this.user1.login(err => next(err))
+          },
+
+          next => {
+            redis.getUserSessions(this.user1, (err, sessions) => {
+              expect(err).to.not.exist
+              expect(sessions.length).to.equal(1)
+              expect(sessions[0].slice(0, 5)).to.equal('sess:')
+              next()
+            })
+          },
+
+          // should be able to access project list page
+          next => {
+            this.user1.getProjectListPage((err, statusCode) => {
+              expect(err).to.equal(null)
+              expect(statusCode).to.equal(200)
+              next()
+            })
+          },
+
+          // logout, should remove session from set
+          next => {
+            this.user1.logout(err => next(err))
+          },
+
+          next => {
+            redis.getUserSessions(this.user1, (err, sessions) => {
+              expect(err).to.not.exist
+              expect(sessions.length).to.equal(0)
+              next()
+            })
+          },
+        ],
+        (err, result) => {
+          if (err) {
+            throw err
+          }
+          done()
+        }
+      )
+    })
+  })
+
+  describe('two sessions', function () {
+    beforeEach(function () {
+      // set up second session for this user
+      this.user2 = new UserHelper()
+      this.user2.email = this.user1.email
+      this.user2.emails = this.user1.emails
+      this.user2.password = this.user1.password
+    })
+
+    it('should have two sessions in UserSessions set', function (done) {
+      async.series(
+        [
+          next => {
+            redis.clearUserSessions(this.user1, next)
+          },
+
+          // login, should add session to set
+          next => {
+            this.user1.login(err => next(err))
+          },
+
+          next => {
+            redis.getUserSessions(this.user1, (err, sessions) => {
+              expect(err).to.not.exist
+              expect(sessions.length).to.equal(1)
+              expect(sessions[0].slice(0, 5)).to.equal('sess:')
+              next()
+            })
+          },
+
+          // login again, should add the second session to set
+          next => {
+            this.user2.login(err => next(err))
+          },
+
+          next => {
+            redis.getUserSessions(this.user1, (err, sessions) => {
+              expect(err).to.not.exist
+              expect(sessions.length).to.equal(2)
+              expect(sessions[0].slice(0, 5)).to.equal('sess:')
+              expect(sessions[1].slice(0, 5)).to.equal('sess:')
+              next()
+            })
+          },
+
+          // both should be able to access project list page
+          next => {
+            this.user1.getProjectListPage((err, statusCode) => {
+              expect(err).to.equal(null)
+              expect(statusCode).to.equal(200)
+              next()
+            })
+          },
+
+          next => {
+            this.user2.getProjectListPage((err, statusCode) => {
+              expect(err).to.equal(null)
+              expect(statusCode).to.equal(200)
+              next()
+            })
+          },
+
+          // logout first session, should remove session from set
+          next => {
+            this.user1.logout(err => next(err))
+          },
+
+          next => {
+            redis.getUserSessions(this.user1, (err, sessions) => {
+              expect(err).to.not.exist
+              expect(sessions.length).to.equal(1)
+              next()
+            })
+          },
+
+          // first session should not have access to project list page
+          next => {
+            this.user1.getProjectListPage((err, statusCode) => {
+              expect(err).to.equal(null)
+              expect(statusCode).to.equal(302)
+              next()
+            })
+          },
+
+          // second session should still have access to settings
+          next => {
+            this.user2.getProjectListPage((err, statusCode) => {
+              expect(err).to.equal(null)
+              expect(statusCode).to.equal(200)
+              next()
+            })
+          },
+
+          // logout second session, should remove last session from set
+          next => {
+            this.user2.logout(err => next(err))
+          },
+
+          next => {
+            redis.getUserSessions(this.user1, (err, sessions) => {
+              expect(err).to.not.exist
+              expect(sessions.length).to.equal(0)
+              next()
+            })
+          },
+
+          // second session should not have access to project list page
+          next => {
+            this.user2.getProjectListPage((err, statusCode) => {
+              expect(err).to.equal(null)
+              expect(statusCode).to.equal(302)
+              next()
+            })
+          },
+        ],
+        (err, result) => {
+          if (err) {
+            throw err
+          }
+          done()
+        }
+      )
+    })
+  })
+
+  describe('three sessions, password reset', function () {
+    beforeEach(function () {
+      // set up second session for this user
+      this.user2 = new UserHelper()
+      this.user2.email = this.user1.email
+      this.user2.emails = this.user1.emails
+      this.user2.password = this.user1.password
+      this.user3 = new UserHelper()
+      this.user3.email = this.user1.email
+      this.user3.emails = this.user1.emails
+      this.user3.password = this.user1.password
+    })
+
+    it('should erase both sessions when password is reset', function (done) {
+      async.series(
+        [
+          next => {
+            redis.clearUserSessions(this.user1, next)
+          },
+
+          // login, should add session to set
+          next => {
+            this.user1.login(err => next(err))
+          },
+
+          next => {
+            redis.getUserSessions(this.user1, (err, sessions) => {
+              expect(err).to.not.exist
+              expect(sessions.length).to.equal(1)
+              expect(sessions[0].slice(0, 5)).to.equal('sess:')
+              next()
+            })
+          },
+
+          // login again, should add the second session to set
+          next => {
+            this.user2.login(err => next(err))
+          },
+
+          next => {
+            redis.getUserSessions(this.user1, (err, sessions) => {
+              expect(err).to.not.exist
+              expect(sessions.length).to.equal(2)
+              expect(sessions[0].slice(0, 5)).to.equal('sess:')
+              expect(sessions[1].slice(0, 5)).to.equal('sess:')
+              next()
+            })
+          },
+
+          // login third session, should add the second session to set
+          next => {
+            this.user3.login(err => next(err))
+          },
+
+          next => {
+            redis.getUserSessions(this.user1, (err, sessions) => {
+              expect(err).to.not.exist
+              expect(sessions.length).to.equal(3)
+              expect(sessions[0].slice(0, 5)).to.equal('sess:')
+              expect(sessions[1].slice(0, 5)).to.equal('sess:')
+              next()
+            })
+          },
+
+          // password reset from second session, should erase two of the three sessions
+          next => {
+            this.user2.changePassword(`password${Date.now()}`, err => next(err))
+          },
+
+          next => {
+            redis.getUserSessions(this.user2, (err, sessions) => {
+              expect(err).to.not.exist
+              expect(sessions.length).to.equal(1)
+              next()
+            })
+          },
+
+          // users one and three should not be able to access project list page
+          next => {
+            this.user1.getProjectListPage((err, statusCode) => {
+              expect(err).to.equal(null)
+              expect(statusCode).to.equal(302)
+              next()
+            })
+          },
+
+          next => {
+            this.user3.getProjectListPage((err, statusCode) => {
+              expect(err).to.equal(null)
+              expect(statusCode).to.equal(302)
+              next()
+            })
+          },
+
+          // user two should still be logged in, and able to access project list page
+          next => {
+            this.user2.getProjectListPage((err, statusCode) => {
+              expect(err).to.equal(null)
+              expect(statusCode).to.equal(200)
+              next()
+            })
+          },
+
+          // logout second session, should remove last session from set
+          next => {
+            this.user2.logout(err => next(err))
+          },
+
+          next => {
+            redis.getUserSessions(this.user1, (err, sessions) => {
+              expect(err).to.not.exist
+              expect(sessions.length).to.equal(0)
+              next()
+            })
+          },
+        ],
+        (err, result) => {
+          if (err) {
+            throw err
+          }
+          done()
+        }
+      )
+    })
+  })
+
+  describe('three sessions, sessions page', function () {
+    beforeEach(function (done) {
+      // set up second session for this user
+      this.user2 = new UserHelper()
+      this.user2.email = this.user1.email
+      this.user2.emails = this.user1.emails
+      this.user2.password = this.user1.password
+      this.user3 = new UserHelper()
+      this.user3.email = this.user1.email
+      this.user3.emails = this.user1.emails
+      this.user3.password = this.user1.password
+      async.series([this.user2.login.bind(this.user2)], done)
+    })
+
+    it('should allow the user to erase the other two sessions', function (done) {
+      async.series(
+        [
+          next => {
+            redis.clearUserSessions(this.user1, next)
+          },
+
+          // login, should add session to set
+          next => {
+            this.user1.login(err => next(err))
+          },
+
+          next => {
+            redis.getUserSessions(this.user1, (err, sessions) => {
+              expect(err).to.not.exist
+              expect(sessions.length).to.equal(1)
+              expect(sessions[0].slice(0, 5)).to.equal('sess:')
+              next()
+            })
+          },
+
+          // login again, should add the second session to set
+          next => {
+            this.user2.login(err => next(err))
+          },
+
+          next => {
+            redis.getUserSessions(this.user1, (err, sessions) => {
+              expect(err).to.not.exist
+              expect(sessions.length).to.equal(2)
+              expect(sessions[0].slice(0, 5)).to.equal('sess:')
+              expect(sessions[1].slice(0, 5)).to.equal('sess:')
+              next()
+            })
+          },
+
+          // login third session, should add the second session to set
+          next => {
+            this.user3.login(err => next(err))
+          },
+
+          next => {
+            redis.getUserSessions(this.user1, (err, sessions) => {
+              expect(err).to.not.exist
+              expect(sessions.length).to.equal(3)
+              expect(sessions[0].slice(0, 5)).to.equal('sess:')
+              expect(sessions[1].slice(0, 5)).to.equal('sess:')
+              next()
+            })
+          },
+
+          // check the sessions page
+          next => {
+            this.user2.request.get(
+              {
+                uri: '/user/sessions',
+              },
+              (err, response, body) => {
+                expect(err).to.be.oneOf([null, undefined])
+                expect(response.statusCode).to.equal(200)
+                next()
+              }
+            )
+          },
+
+          // clear sessions from second session, should erase two of the three sessions
+          next => {
+            this.user2.getCsrfToken(err => {
+              expect(err).to.be.oneOf([null, undefined])
+              this.user2.request.post(
+                {
+                  uri: '/user/sessions/clear',
+                },
+                err => next(err)
+              )
+            })
+          },
+
+          next => {
+            redis.getUserSessions(this.user2, (err, sessions) => {
+              expect(err).to.not.exist
+              expect(sessions.length).to.equal(1)
+              next()
+            })
+          },
+
+          // users one and three should not be able to access project list page
+          next => {
+            this.user1.getProjectListPage((err, statusCode) => {
+              expect(err).to.equal(null)
+              expect(statusCode).to.equal(302)
+              next()
+            })
+          },
+
+          next => {
+            this.user3.getProjectListPage((err, statusCode) => {
+              expect(err).to.equal(null)
+              expect(statusCode).to.equal(302)
+              next()
+            })
+          },
+
+          // user two should still be logged in, and able to access project list page
+          next => {
+            this.user2.getProjectListPage((err, statusCode) => {
+              expect(err).to.equal(null)
+              expect(statusCode).to.equal(200)
+              next()
+            })
+          },
+
+          // logout second session, should remove last session from set
+          next => {
+            this.user2.logout(err => next(err))
+          },
+
+          next => {
+            redis.getUserSessions(this.user1, (err, sessions) => {
+              expect(err).to.not.exist
+              expect(sessions.length).to.equal(0)
+              next()
+            })
+          },
+
+          // the user audit log should have been updated
+          next => {
+            this.user1.getAuditLogWithoutNoise((error, auditLog) => {
+              expect(error).not.to.exist
+              expect(auditLog).to.exist
+              expect(auditLog[0].operation).to.equal('clear-sessions')
+              expect(auditLog[0].ipAddress).to.exist
+              expect(auditLog[0].initiatorId).to.exist
+              expect(auditLog[0].timestamp).to.exist
+              expect(auditLog[0].info.sessions.length).to.equal(2)
+              next()
+            })
+          },
+        ],
+        (err, result) => {
+          if (err) {
+            throw err
+          }
+          done()
+        }
+      )
+    })
+  })
+
+  describe('validationToken', function () {
+    const User = UserHelper.promises
+
+    async function tryWithValidationToken(validationToken) {
+      const user = new User()
+      await user.login()
+
+      await checkSessionIsValid(user)
+
+      const [, sid] = user.sessionCookie().value.match(/^s:(.+?)\./)
+      const key = `sess:${sid}`
+      const sess = JSON.parse(await rclient.get(key))
+
+      expect(sess.validationToken).to.equal('v1:' + sid.slice(-4))
+
+      sess.validationToken = validationToken
+      await rclient.set(key, JSON.stringify(sess))
+
+      {
+        // The current code destroys the session and throws an error/500.
+        // Check for login redirect on page reload.
+        await user.doRequest('GET', '/project')
+
+        const { response } = await user.doRequest('GET', '/project')
+        expect(response.statusCode).to.equal(302)
+        expect(response.headers.location).to.equal('/login?')
+      }
+    }
+
+    async function getOtherUsersValidationToken() {
+      const otherUser = new User()
+      await otherUser.login()
+      await checkSessionIsValid(otherUser)
+      const { validationToken } = await otherUser.getSession()
+      expect(validationToken).to.match(/^v1:.{4}$/)
+      return validationToken
+    }
+    async function checkSessionIsValid(user) {
+      const { response } = await user.doRequest('GET', '/project')
+      expect(response.statusCode).to.equal(200)
+    }
+
+    it('should reject the redis value when missing', async function () {
+      await tryWithValidationToken(undefined)
+    })
+    it('should reject the redis value when empty', async function () {
+      await tryWithValidationToken('')
+    })
+    it('should reject the redis value when out of sync', async function () {
+      await tryWithValidationToken(await getOtherUsersValidationToken())
+    })
+    it('should ignore overwrites in app code', async function () {
+      const otherUsersValidationToken = await getOtherUsersValidationToken()
+
+      const user = new User()
+      await user.login()
+      await checkSessionIsValid(user)
+
+      const { validationToken: token1 } = await user.getSession()
+      const allowedUpdateValue = 'allowed-update-value'
+      await user.setInSession({
+        validationToken: otherUsersValidationToken,
+        // also update another field to check that the write operation went through
+        allowedUpdate: allowedUpdateValue,
+      })
+      const { validationToken: token2, allowedUpdate } = await user.getSession()
+      expect(allowedUpdate).to.equal(allowedUpdateValue)
+      expect(token1).to.equal(token2)
+
+      await checkSessionIsValid(user)
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/SettingsTests.mjs b/services/web/test/acceptance/src/SettingsTests.mjs
new file mode 100644
index 0000000..3d0c015
--- /dev/null
+++ b/services/web/test/acceptance/src/SettingsTests.mjs
@@ -0,0 +1,61 @@
+/* eslint-disable
+    n/handle-callback-err,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { expect } from 'chai'
+
+import async from 'async'
+import User from './helpers/User.mjs'
+import Features from '../../../app/src/infrastructure/Features.js'
+
+describe('SettingsPage', function () {
+  beforeEach(function (done) {
+    this.user = new User()
+    return async.series(
+      [
+        this.user.ensureUserExists.bind(this.user),
+        this.user.login.bind(this.user),
+      ],
+      done
+    )
+  })
+
+  it('load settings page', function (done) {
+    return this.user.getUserSettingsPage((err, statusCode) => {
+      statusCode.should.equal(200)
+      return done()
+    })
+  })
+
+  it('update main email address', function (done) {
+    if (Features.externalAuthenticationSystemUsed()) {
+      this.skip()
+      return
+    }
+    const newEmail = 'foo@bar.com'
+    return this.user.updateSettings({ email: newEmail }, error => {
+      expect(error).not.to.exist
+      return this.user.get((error, user) => {
+        user.email.should.equal(newEmail)
+        user.emails.length.should.equal(1)
+        user.emails[0].email.should.equal(newEmail)
+        return done()
+      })
+    })
+  })
+
+  it('prevents first name from being updated to a string longer than 255 characters', function (done) {
+    const newFirstName = 'a'.repeat(256)
+    return this.user.updateSettings({ first_name: newFirstName }, error => {
+      expect(error).to.exist
+      expect(error.message).to.contain('update settings failed: status=400')
+      return done()
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/SharingTests.mjs b/services/web/test/acceptance/src/SharingTests.mjs
new file mode 100644
index 0000000..d70c47a
--- /dev/null
+++ b/services/web/test/acceptance/src/SharingTests.mjs
@@ -0,0 +1,152 @@
+import { expect } from 'chai'
+import UserHelper from './helpers/User.mjs'
+
+const User = UserHelper.promises
+
+describe('Sharing', function () {
+  beforeEach(async function () {
+    this.ownerSession = new User()
+    this.collaboratorSession = new User()
+    this.strangerSession = new User()
+    this.reviewerSession = new User()
+    await this.ownerSession.login()
+    await this.collaboratorSession.login()
+    await this.strangerSession.login()
+    await this.reviewerSession.login()
+    this.owner = await this.ownerSession.get()
+    this.collaborator = await this.collaboratorSession.get()
+    this.stranger = await this.strangerSession.get()
+    this.reviewer = await this.reviewerSession.get()
+    this.projectId = await this.ownerSession.createProject('Test project')
+  })
+
+  describe('with read-only collaborator', function () {
+    beforeEach(async function () {
+      await this.ownerSession.addUserToProject(
+        this.projectId,
+        this.collaborator,
+        'readOnly'
+      )
+    })
+
+    it('sets the privilege level to read-write', async function () {
+      await this.ownerSession.setCollaboratorInfo(
+        this.projectId,
+        this.collaborator._id,
+        { privilegeLevel: 'readAndWrite' }
+      )
+      const project = await this.ownerSession.getProject(this.projectId)
+      expect(project.collaberator_refs).to.deep.equal([this.collaborator._id])
+      expect(project.readOnly_refs).to.deep.equal([])
+      expect(project.reviewer_refs).to.deep.equal([])
+    })
+
+    it('sets the privilege level to review', async function () {
+      await this.ownerSession.setCollaboratorInfo(
+        this.projectId,
+        this.collaborator._id,
+        { privilegeLevel: 'review' }
+      )
+      const project = await this.ownerSession.getProject(this.projectId)
+      expect(project.reviewer_refs).to.deep.equal([this.collaborator._id])
+      expect(project.collaberator_refs).to.deep.equal([])
+      expect(project.readOnly_refs).to.deep.equal([])
+    })
+
+    it('treats setting the privilege to read-only as a noop', async function () {
+      await this.ownerSession.setCollaboratorInfo(
+        this.projectId,
+        this.collaborator._id,
+        { privilegeLevel: 'readOnly' }
+      )
+      const project = await this.ownerSession.getProject(this.projectId)
+      expect(project.collaberator_refs).to.deep.equal([])
+      expect(project.reviewer_refs).to.deep.equal([])
+      expect(project.readOnly_refs).to.deep.equal([this.collaborator._id])
+    })
+
+    it('prevents non-owners to set the privilege level', async function () {
+      await expect(
+        this.collaboratorSession.setCollaboratorInfo(
+          this.projectId,
+          this.collaborator._id,
+          { privilegeLevel: 'readAndWrite' }
+        )
+      ).to.be.rejectedWith(/failed: status=403 /)
+    })
+
+    it('validates the privilege level', async function () {
+      await expect(
+        this.collaboratorSession.setCollaboratorInfo(
+          this.projectId,
+          this.collaborator._id,
+          { privilegeLevel: 'superpowers' }
+        )
+      ).to.be.rejectedWith(/failed: status=400 /)
+    })
+
+    it('returns 404 if the user is not already a collaborator', async function () {
+      await expect(
+        this.ownerSession.setCollaboratorInfo(
+          this.projectId,
+          this.stranger._id,
+          { privilegeLevel: 'readOnly' }
+        )
+      ).to.be.rejectedWith(/failed: status=404 /)
+    })
+  })
+
+  describe('with read-write collaborator', function () {
+    beforeEach(async function () {
+      await this.ownerSession.addUserToProject(
+        this.projectId,
+        this.collaborator,
+        'readAndWrite'
+      )
+    })
+
+    it('sets the privilege level to read-only', async function () {
+      await this.ownerSession.setCollaboratorInfo(
+        this.projectId,
+        this.collaborator._id,
+        { privilegeLevel: 'readOnly' }
+      )
+      const project = await this.ownerSession.getProject(this.projectId)
+      expect(project.collaberator_refs).to.deep.equal([])
+      expect(project.reviewer_refs).to.deep.equal([])
+      expect(project.readOnly_refs).to.deep.equal([this.collaborator._id])
+    })
+  })
+
+  describe('with reviewer collaborator', function () {
+    beforeEach(async function () {
+      await this.ownerSession.addUserToProject(
+        this.projectId,
+        this.reviewer,
+        'review'
+      )
+    })
+
+    it('prevents non-owners to set the privilege level', async function () {
+      await expect(
+        this.collaboratorSession.setCollaboratorInfo(
+          this.projectId,
+          this.reviewer._id,
+          { privilegeLevel: 'review' }
+        )
+      ).to.be.rejectedWith(/failed: status=403 /)
+    })
+
+    it('sets the privilege level to read-only', async function () {
+      await this.ownerSession.setCollaboratorInfo(
+        this.projectId,
+        this.reviewer._id,
+        { privilegeLevel: 'readOnly' }
+      )
+      const project = await this.ownerSession.getProject(this.projectId)
+      expect(project.collaberator_refs).to.deep.equal([])
+      expect(project.reviewer_refs).to.deep.equal([])
+      expect(project.readOnly_refs).to.deep.equal([this.reviewer._id])
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/TagsTests.mjs b/services/web/test/acceptance/src/TagsTests.mjs
new file mode 100644
index 0000000..7c17353
--- /dev/null
+++ b/services/web/test/acceptance/src/TagsTests.mjs
@@ -0,0 +1,388 @@
+import User from './helpers/User.mjs'
+import async from 'async'
+import { expect } from 'chai'
+import _ from 'lodash'
+import request from './helpers/request.js'
+import expectErrorResponse from './helpers/expectErrorResponse.mjs'
+
+const _initUser = (user, callback) => {
+  async.series([cb => user.login(cb), cb => user.getCsrfToken(cb)], callback)
+}
+
+const _initUsers = (users, callback) => {
+  async.each(users, _initUser, callback)
+}
+
+const _expect200 = (err, response) => {
+  expect(err).to.not.exist
+  expect(response.statusCode).to.equal(200)
+}
+
+const _expect204 = (err, response) => {
+  expect(err).to.not.exist
+  expect(response.statusCode).to.equal(204)
+}
+
+const _createTag = (user, name, callback) => {
+  user.request.post({ url: `/tag`, json: { name } }, callback)
+}
+
+const _createTags = (user, tagNames, callback) => {
+  const tags = []
+  async.series(
+    tagNames.map(
+      tagName => cb =>
+        _createTag(user, tagName, (err, response, body) => {
+          _expect200(err, response)
+          tags.push(body)
+          cb()
+        })
+    ),
+    err => {
+      callback(err, tags)
+    }
+  )
+}
+
+const _getTags = (user, callback) => {
+  user.request.get({ url: `/tag`, json: true }, callback)
+}
+
+const _names = tags => {
+  return tags.map(tag => tag.name)
+}
+
+const _ids = tags => {
+  return tags.map(tag => tag._id)
+}
+
+const _expectTagStructure = tag => {
+  expect(tag).to.have.keys('_id', 'user_id', 'name', 'project_ids', '__v')
+  expect(typeof tag._id).to.equal('string')
+  expect(typeof tag.user_id).to.equal('string')
+  expect(typeof tag.name).to.equal('string')
+  expect(tag.project_ids).to.deep.equal([])
+}
+
+describe('Tags', function () {
+  beforeEach(function (done) {
+    this.user = new User()
+    this.otherUser = new User()
+    _initUsers([this.user, this.otherUser], done)
+  })
+
+  describe('get tags, anonymous', function () {
+    it('should refuse to get user tags', function (done) {
+      this.user.logout(err => {
+        if (err) {
+          return done(err)
+        }
+        _getTags(this.user, (err, response, body) => {
+          expect(err).to.not.exist
+          expectErrorResponse.requireLogin.json(response, body)
+          done()
+        })
+      })
+    })
+  })
+
+  describe('get tags, none', function () {
+    it('should get user tags', function (done) {
+      _getTags(this.user, (err, response, body) => {
+        _expect200(err, response)
+        expect(body).to.deep.equal([])
+        done()
+      })
+    })
+  })
+
+  describe('create some tags, then get', function () {
+    it('should get tags only for that user', function (done) {
+      // Create a few tags
+      _createTags(this.user, ['one', 'two', 'three'], (err, tags) => {
+        expect(err).to.not.exist
+        // Check structure of tags we just created
+        expect(tags.length).to.equal(3)
+        for (const tag of tags) {
+          _expectTagStructure(tag)
+          expect(tag.user_id).to.equal(this.user._id.toString())
+        }
+        // Get the list of tags for this user
+        _getTags(this.user, (err, response, body) => {
+          _expect200(err, response)
+          expect(body).to.be.an.instanceof(Array)
+          expect(body.length).to.equal(3)
+          // Check structure of each tag in response
+          for (const tag of body) {
+            _expectTagStructure(tag)
+            expect(tag.user_id).to.equal(this.user._id.toString())
+          }
+          // Check that the set of ids we created are the same as
+          // the ids we got in the tag-list body
+          expect(_.sortBy(_ids(tags))).to.deep.equal(_.sortBy(_ids(body)))
+          // Check that the other user can't see these tags
+          _getTags(this.otherUser, (err, response, body) => {
+            _expect200(err, response)
+            expect(body).to.deep.equal([])
+            done()
+          })
+        })
+      })
+    })
+  })
+
+  describe('get tags via api', function () {
+    const auth = Buffer.from('overleaf:password').toString('base64')
+    const authedRequest = request.defaults({
+      headers: {
+        Authorization: `Basic ${auth}`,
+      },
+    })
+
+    it('should disallow without appropriate auth headers', function (done) {
+      _createTags(this.user, ['one', 'two', 'three'], (err, tags) => {
+        expect(err).to.not.exist
+        // Get the tags, but with a regular request, not authorized
+        request.get(
+          { url: `/user/${this.user._id}/tag`, json: true },
+          (err, response, body) => {
+            expect(err).to.not.exist
+            expect(response.statusCode).to.equal(401)
+            expect(body).to.equal('Unauthorized')
+            done()
+          }
+        )
+      })
+    })
+
+    it('should get the tags from api endpoint', function (done) {
+      _createTags(this.user, ['one', 'two', 'three'], (err, tags) => {
+        expect(err).to.not.exist
+        // Get tags for user
+        authedRequest.get(
+          { url: `/user/${this.user._id}/tag`, json: true },
+          (err, response, body) => {
+            _expect200(err, response)
+            expect(body.length).to.equal(3)
+            // Get tags for other user, expect none
+            authedRequest.get(
+              { url: `/user/${this.otherUser._id}/tag`, json: true },
+              (err, response, body) => {
+                _expect200(err, response)
+                expect(body.length).to.equal(0)
+                done()
+              }
+            )
+          }
+        )
+      })
+    })
+  })
+
+  describe('rename tag', function () {
+    it('should reject malformed tag id', function (done) {
+      this.user.request.post(
+        { url: `/tag/lol/rename`, json: { name: 'five' } },
+        (err, response) => {
+          expect(err).to.not.exist
+          expect(response.statusCode).to.equal(500)
+          done()
+        }
+      )
+    })
+
+    it('should allow user to rename a tag', function (done) {
+      _createTags(this.user, ['one', 'two'], (err, tags) => {
+        expect(err).to.not.exist
+        // Pick out the first tag
+        const firstTagId = tags[0]._id
+        // Change its name
+        this.user.request.post(
+          { url: `/tag/${firstTagId}/rename`, json: { name: 'five' } },
+          (err, response) => {
+            _expect204(err, response)
+            // Get the tag list
+            _getTags(this.user, (err, response, body) => {
+              _expect200(err, response)
+              expect(body.length).to.equal(2)
+              // Check the set of tag names is correct
+              const tagNames = _names(body)
+              expect(_.sortBy(tagNames)).to.deep.equal(
+                _.sortBy(['five', 'two'])
+              )
+              // Check the id is the same
+              const tagWithNameFive = _.find(body, t => t.name === 'five')
+              expect(tagWithNameFive._id).to.equal(firstTagId)
+              done()
+            })
+          }
+        )
+      })
+    })
+
+    it('should not allow other user to change name', function (done) {
+      const initialTagNames = ['one', 'two']
+      _createTags(this.user, initialTagNames, (err, tags) => {
+        expect(err).to.not.exist
+        const firstTagId = tags[0]._id
+        // Post with the other user
+        this.otherUser.request.post(
+          { url: `/tag/${firstTagId}/rename`, json: { name: 'six' } },
+          (err, response) => {
+            _expect204(err, response)
+            // Should not have altered the tag
+            this.user.request.get(
+              { url: `/tag`, json: true },
+              (err, response, body) => {
+                _expect200(err, response)
+                expect(_.sortBy(_names(body))).to.deep.equal(
+                  _.sortBy(initialTagNames)
+                )
+                done()
+              }
+            )
+          }
+        )
+      })
+    })
+  })
+
+  describe('delete tag', function () {
+    it('should reject malformed tag id', function (done) {
+      this.user.request.delete(
+        { url: `/tag/lol`, json: { name: 'five' } },
+        (err, response) => {
+          expect(err).to.not.exist
+          expect(response.statusCode).to.equal(500)
+          done()
+        }
+      )
+    })
+
+    it('should delete a tag', function (done) {
+      const initialTagNames = ['one', 'two', 'three']
+      _createTags(this.user, initialTagNames, (err, tags) => {
+        expect(err).to.not.exist
+        const firstTagId = tags[0]._id
+        this.user.request.delete(
+          { url: `/tag/${firstTagId}` },
+          (err, response) => {
+            _expect204(err, response)
+            // Check the tag list
+            _getTags(this.user, (err, response, body) => {
+              _expect200(err, response)
+              expect(_.sortBy(_names(body))).to.deep.equal(
+                _.sortBy(['two', 'three'])
+              )
+              done()
+            })
+          }
+        )
+      })
+    })
+  })
+
+  describe('add project to tag', function () {
+    beforeEach(function (done) {
+      this.user.createProject('test 1', (err, projectId) => {
+        if (err) {
+          return done(err)
+        }
+        this.projectId = projectId
+        done()
+      })
+    })
+
+    it('should reject malformed tag id', function (done) {
+      this.user.request.post(
+        { url: `/tag/lol/project/bad` },
+        (err, response) => {
+          expect(err).to.not.exist
+          expect(response.statusCode).to.equal(500)
+          done()
+        }
+      )
+    })
+
+    it('should allow the user to add a project to a tag, and remove it', function (done) {
+      _createTags(this.user, ['one', 'two'], (err, tags) => {
+        expect(err).to.not.exist
+        const firstTagId = tags[0]._id
+        _getTags(this.user, (err, response, body) => {
+          _expect200(err, response)
+          // Confirm that project_ids is empty for this tag
+          expect(
+            _.find(body, tag => tag.name === 'one').project_ids
+          ).to.deep.equal([])
+          // Add the project to the tag
+          this.user.request.post(
+            { url: `/tag/${firstTagId}/project/${this.projectId}` },
+            (err, response) => {
+              _expect204(err, response)
+              // Get tags again
+              _getTags(this.user, (err, response, body) => {
+                _expect200(err, response)
+                // Check the project has been added to project_ids
+                expect(
+                  _.find(body, tag => tag.name === 'one').project_ids
+                ).to.deep.equal([this.projectId])
+                // Remove the project from the tag
+                this.user.request.delete(
+                  { url: `/tag/${firstTagId}/project/${this.projectId}` },
+                  (err, response) => {
+                    _expect204(err, response)
+                    // Check tag list again
+                    _getTags(this.user, (err, response, body) => {
+                      _expect200(err, response)
+                      // Check the project has been removed from project_ids
+                      expect(
+                        _.find(body, tag => tag.name === 'one').project_ids
+                      ).to.deep.equal([])
+                      done()
+                    })
+                  }
+                )
+              })
+            }
+          )
+        })
+      })
+    })
+
+    it('should not allow another user to add a project to the tag', function (done) {
+      _createTags(this.user, ['one', 'two'], (err, tags) => {
+        expect(err).to.not.exist
+        const firstTagId = tags[0]._id
+        _getTags(this.user, (err, response, body) => {
+          _expect200(err, response)
+          // Confirm that project_ids is empty for this tag
+          expect(
+            _.find(body, tag => tag.name === 'one').project_ids
+          ).to.deep.equal([])
+          // Have the other user try to add their own project to the tag
+          this.otherUser.createProject(
+            'rogue project',
+            (err, rogueProjectId) => {
+              expect(err).to.not.exist
+              this.otherUser.request.post(
+                { url: `/tag/${firstTagId}/project/${rogueProjectId}` },
+                (err, response) => {
+                  _expect204(err, response)
+                  // Get original user tags again
+                  _getTags(this.user, (err, response, body) => {
+                    _expect200(err, response)
+                    // Check the rogue project has not been added to project_ids
+                    expect(
+                      _.find(body, tag => tag.name === 'one').project_ids
+                    ).to.deep.equal([])
+                    done()
+                  })
+                }
+              )
+            }
+          )
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/TokenAccessTests.mjs b/services/web/test/acceptance/src/TokenAccessTests.mjs
new file mode 100644
index 0000000..41bcc0c
--- /dev/null
+++ b/services/web/test/acceptance/src/TokenAccessTests.mjs
@@ -0,0 +1,1455 @@
+import { expect } from 'chai'
+import async from 'async'
+import User from './helpers/User.mjs'
+import request from './helpers/request.js'
+import settings from '@overleaf/settings'
+import { db } from '../../../app/src/infrastructure/mongodb.js'
+import expectErrorResponse from './helpers/expectErrorResponse.mjs'
+
+const tryEditorAccess = (user, projectId, test, callback) =>
+  async.series(
+    [
+      cb =>
+        user.request.get(`/project/${projectId}`, (error, response, body) => {
+          if (error != null) {
+            return cb(error)
+          }
+          test(response, body)
+          cb()
+        }),
+      cb =>
+        user.request.get(
+          `/project/${projectId}/download/zip`,
+          (error, response, body) => {
+            if (error != null) {
+              return cb(error)
+            }
+            test(response, body)
+            cb()
+          }
+        ),
+    ],
+    callback
+  )
+
+const tryReadOnlyTokenAccess = (
+  user,
+  token,
+  testPageLoad,
+  testFormPost,
+  callback
+) => {
+  _doTryTokenAccess(
+    `/read/${token}`,
+    user,
+    token,
+    testPageLoad,
+    testFormPost,
+    callback
+  )
+}
+
+const tryReadAndWriteTokenAccess = (
+  user,
+  token,
+  testPageLoad,
+  testFormPost,
+  callback
+) => {
+  _doTryTokenAccess(
+    `/${token}`,
+    user,
+    token,
+    testPageLoad,
+    testFormPost,
+    callback
+  )
+}
+
+const _doTryTokenAccess = (
+  url,
+  user,
+  token,
+  testPageLoad,
+  testFormPost,
+  callback
+) => {
+  user.request.get(url, (err, response, body) => {
+    if (err) {
+      return callback(err)
+    }
+    testPageLoad(response, body)
+    if (!testFormPost) {
+      return callback()
+    }
+    user.request.post(
+      `${url}/grant`,
+      { json: { token } },
+      (err, response, body) => {
+        if (err) {
+          return callback(err)
+        }
+        testFormPost(response, body)
+        callback()
+      }
+    )
+  })
+}
+
+const tryReadOnlyTokenAccept = (
+  user,
+  token,
+  testPageLoad,
+  testFormPost,
+  callback
+) => {
+  _doTryTokenAccept(
+    `/read/${token}`,
+    user,
+    token,
+    testPageLoad,
+    testFormPost,
+    callback
+  )
+}
+
+const _doTryTokenAccept = (
+  url,
+  user,
+  token,
+  testPageLoad,
+  testFormPost,
+  callback
+) => {
+  user.request.get(url, (err, response, body) => {
+    if (err) {
+      return callback(err)
+    }
+    testPageLoad(response, body)
+    if (!testFormPost) {
+      return callback()
+    }
+    user.request.post(
+      `${url}/grant`,
+      { json: { token, confirmedByUser: true } },
+      (err, response, body) => {
+        if (err) {
+          return callback(err)
+        }
+        testFormPost(response, body)
+        callback()
+      }
+    )
+  })
+}
+
+const tryContentAccess = (user, projcetId, test, callback) => {
+  // The real-time service calls this end point to determine the user's
+  // permissions.
+  let userId
+  if (user.id != null) {
+    userId = user.id
+  } else {
+    userId = 'anonymous-user'
+  }
+  request.post(
+    {
+      url: `/project/${projcetId}/join`,
+      auth: {
+        user: settings.apis.web.user,
+        pass: settings.apis.web.pass,
+        sendImmediately: true,
+      },
+      json: {
+        userId,
+      },
+      jar: false,
+    },
+    (error, response, body) => {
+      if (error != null) {
+        return callback(error)
+      }
+      test(response, body)
+      callback()
+    }
+  )
+}
+
+const tryAnonContentAccess = (user, projectId, token, test, callback) => {
+  // The real-time service calls this end point to determine the user's
+  // permissions.
+  let userId
+  if (user.id != null) {
+    userId = user.id
+  } else {
+    userId = 'anonymous-user'
+  }
+  request.post(
+    {
+      url: `/project/${projectId}/join`,
+      auth: {
+        user: settings.apis.web.user,
+        pass: settings.apis.web.pass,
+        sendImmediately: true,
+      },
+      json: {
+        userId,
+        anonymousAccessToken: token,
+      },
+      jar: false,
+    },
+    (error, response, body) => {
+      if (error != null) {
+        return callback(error)
+      }
+      test(response, body)
+      callback()
+    }
+  )
+}
+
+const tryFetchProjectTokens = (user, projectId, callback) => {
+  user.request.get(
+    { url: `/project/${projectId}/tokens`, json: true },
+    (error, response, body) => {
+      if (error) {
+        return callback(error)
+      }
+      callback(null, response, body)
+    }
+  )
+}
+
+const trySharingUpdatesPage = (user, projectId, test, callback) =>
+  user.request.get(
+    `/project/${projectId}/sharing-updates`,
+    (error, response, body) => {
+      if (error != null) {
+        return callback(error)
+      }
+      test(response, body, projectId)
+      callback()
+    }
+  )
+
+const trySharingUpdatesJoin = (user, projectId, test, callback) =>
+  user.request.post(
+    `/project/${projectId}/sharing-updates/join`,
+    (error, response, body) => {
+      if (error != null) {
+        return callback(error)
+      }
+      test(response, body, projectId)
+      callback()
+    }
+  )
+
+const trySharingUpdatesView = (user, projectId, test, callback) =>
+  user.request.post(
+    `/project/${projectId}/sharing-updates/view`,
+    (error, response, body) => {
+      if (error != null) {
+        return callback(error)
+      }
+      test(response, body, projectId)
+      callback()
+    }
+  )
+
+const expectRedirectToProject = (response, body, projectId) => {
+  expect(response.statusCode).to.equal(302)
+  expect(response.headers.location).to.equal(`/project/${projectId}`)
+}
+
+describe('TokenAccess', function () {
+  beforeEach(function (done) {
+    this.timeout(90000)
+    this.owner = new User()
+    this.other1 = new User()
+    this.other2 = new User()
+    this.anon = new User()
+    this.siteAdmin = new User({ email: 'admin@example.com' })
+    async.parallel(
+      [
+        cb =>
+          this.siteAdmin.login(err => {
+            if (err) {
+              return cb(err)
+            }
+            this.siteAdmin.ensureAdmin(cb)
+          }),
+        cb => this.owner.login(cb),
+        cb => this.other1.login(cb),
+        cb => this.other2.login(cb),
+        cb => this.anon.getCsrfToken(cb),
+      ],
+      done
+    )
+  })
+
+  describe('no token-access', function () {
+    beforeEach(function (done) {
+      this.owner.createProject(
+        `token-ro-test${Math.random()}`,
+        (err, projectId) => {
+          if (err != null) {
+            return done(err)
+          }
+          this.projectId = projectId
+          // Note, never made token-based,
+          // thus no tokens
+          done()
+        }
+      )
+    })
+
+    it('should deny access ', function (done) {
+      async.series(
+        [
+          cb => {
+            tryEditorAccess(
+              this.other1,
+              this.projectId,
+              expectErrorResponse.restricted.html,
+              cb
+            )
+          },
+          cb => {
+            tryContentAccess(
+              this.other1,
+              this.projectId,
+              (response, body) => {
+                expect(response.statusCode).to.equal(403)
+                expect(body).to.equal('Forbidden')
+              },
+              cb
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should deny access to access tokens', function (done) {
+      tryFetchProjectTokens(this.other1, this.projectId, (error, response) => {
+        expect(error).to.equal(null)
+        expect(response.statusCode).to.equal(403)
+        done()
+      })
+    })
+  })
+
+  describe('owner', function () {
+    beforeEach(function (done) {
+      this.projectName = `token-owner-test${Math.random()}`
+      this.owner.createProject(this.projectName, (err, projectId) => {
+        if (err != null) {
+          return done(err)
+        }
+        this.projectId = projectId
+        this.owner.makeTokenBased(this.projectId, err => {
+          if (err != null) {
+            return done(err)
+          }
+          this.owner.getProject(this.projectId, (err, project) => {
+            if (err != null) {
+              return done(err)
+            }
+            this.tokens = project.tokens
+            done()
+          })
+        })
+      })
+    })
+
+    it('should be able to fetch read-only and read-write tokens', function (done) {
+      tryFetchProjectTokens(
+        this.owner,
+        this.projectId,
+        (error, response, body) => {
+          expect(error).to.equal(null)
+          expect(response.statusCode).to.equal(200)
+          expect(body).to.include({
+            readOnly: this.tokens.readOnly,
+            readAndWrite: this.tokens.readAndWrite,
+            readAndWritePrefix: this.tokens.readAndWritePrefix,
+          })
+          expect(body.readOnlyHashPrefix).to.exist
+          expect(body.readAndWriteHashPrefix).to.exist
+          expect(Object.keys(body).length).to.equal(5)
+          done()
+        }
+      )
+    })
+  })
+
+  describe('read-only token', function () {
+    beforeEach(function (done) {
+      this.projectName = `token-ro-test${Math.random()}`
+      this.owner.createProject(this.projectName, (err, projectId) => {
+        if (err != null) {
+          return done(err)
+        }
+        this.projectId = projectId
+        this.owner.makeTokenBased(this.projectId, err => {
+          if (err != null) {
+            return done(err)
+          }
+          this.owner.getProject(this.projectId, (err, project) => {
+            if (err != null) {
+              return done(err)
+            }
+            this.tokens = project.tokens
+            done()
+          })
+        })
+      })
+    })
+
+    it('allow the user read-only access to the project', function (done) {
+      async.series(
+        [
+          cb => {
+            // deny access before token is used
+            tryEditorAccess(
+              this.other1,
+              this.projectId,
+              expectErrorResponse.restricted.html,
+              cb
+            )
+          },
+          cb => {
+            // try token
+            tryReadOnlyTokenAccess(
+              this.other1,
+              this.tokens.readOnly,
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+              },
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+                expect(body.requireAccept.projectName).to.equal(
+                  this.projectName
+                )
+              },
+              cb
+            )
+          },
+          cb => {
+            // deny access before token is accepted
+            tryEditorAccess(
+              this.other1,
+              this.projectId,
+              expectErrorResponse.restricted.html,
+              cb
+            )
+          },
+          cb => {
+            // accept token
+            tryReadOnlyTokenAccept(
+              this.other1,
+              this.tokens.readOnly,
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+              },
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+                expect(body.redirect).to.equal(`/project/${this.projectId}`)
+                expect(body.tokenAccessGranted).to.equal('readOnly')
+              },
+              cb
+            )
+          },
+          cb => {
+            // allow content access read-only
+            tryContentAccess(
+              this.other1,
+              this.projectId,
+              (response, body) => {
+                expect(body.privilegeLevel).to.equal('readOnly')
+                expect(body.isRestrictedUser).to.equal(true)
+                expect(body.isTokenMember).to.equal(true)
+                expect(body.isInvitedMember).to.equal(false)
+                expect(body.project.owner).to.have.keys('_id')
+                expect(body.project.owner).to.not.have.any.keys(
+                  'email',
+                  'first_name',
+                  'last_name'
+                )
+              },
+              cb
+            )
+          },
+          cb => {
+            tryEditorAccess(
+              this.other1,
+              this.projectId,
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+              },
+              cb
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should allow the user to fetch the read-only token', function (done) {
+      async.series(
+        [
+          cb => {
+            // accept token
+            tryReadOnlyTokenAccept(
+              this.other1,
+              this.tokens.readOnly,
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+              },
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+                expect(body.redirect).to.equal(`/project/${this.projectId}`)
+                expect(body.tokenAccessGranted).to.equal('readOnly')
+              },
+              cb
+            )
+          },
+          cb => {
+            tryFetchProjectTokens(
+              this.other1,
+              this.projectId,
+              (error, response, body) => {
+                expect(error).to.equal(null)
+                expect(response.statusCode).to.equal(200)
+                expect(body).to.include({ readOnly: this.tokens.readOnly })
+                expect(body.readOnlyHashPrefix).to.exist
+                cb()
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should redirect the admin to the project (with rw access)', function (done) {
+      async.series(
+        [
+          cb => {
+            // use token
+            tryReadOnlyTokenAccess(
+              this.siteAdmin,
+              this.tokens.readOnly,
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+              },
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+                expect(body.redirect).to.equal(`/project/${this.projectId}`)
+              },
+              cb
+            )
+          },
+          cb => {
+            // allow content access read-and-write
+            tryContentAccess(
+              this.siteAdmin,
+              this.projectId,
+              (response, body) => {
+                expect(body.privilegeLevel).to.equal('owner')
+                expect(body.isRestrictedUser).to.equal(false)
+                expect(body.isTokenMember).to.equal(false)
+                expect(body.isInvitedMember).to.equal(false)
+              },
+              cb
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    describe('made private again', function () {
+      beforeEach(function (done) {
+        this.owner.makePrivate(this.projectId, () => setTimeout(done, 1000))
+      })
+
+      it('should not allow the user to access the project', function (done) {
+        async.series(
+          [
+            // no access before token is used
+            cb =>
+              tryEditorAccess(
+                this.other1,
+                this.projectId,
+                expectErrorResponse.restricted.html,
+                cb
+              ),
+            // token goes nowhere
+            cb =>
+              tryReadOnlyTokenAccess(
+                this.other1,
+                this.tokens.readOnly,
+                (response, body) => {
+                  expect(response.statusCode).to.equal(200)
+                },
+                (response, body) => {
+                  expect(response.statusCode).to.equal(404)
+                },
+                cb
+              ),
+            // still no access
+            cb =>
+              tryEditorAccess(
+                this.other1,
+                this.projectId,
+                expectErrorResponse.restricted.html,
+                cb
+              ),
+            cb =>
+              tryContentAccess(
+                this.other1,
+                this.projectId,
+                (response, body) => {
+                  expect(response.statusCode).to.equal(403)
+                  expect(body).to.equal('Forbidden')
+                },
+                cb
+              ),
+          ],
+          done
+        )
+      })
+    })
+
+    it('should deny access to access tokens', function (done) {
+      tryFetchProjectTokens(this.other1, this.projectId, (error, response) => {
+        expect(error).to.equal(null)
+        expect(response.statusCode).to.equal(403)
+        done()
+      })
+    })
+  })
+
+  describe('anonymous read-only token', function () {
+    beforeEach(function (done) {
+      this.owner.createProject(
+        `token-anon-ro-test${Math.random()}`,
+        (err, projectId) => {
+          if (err != null) {
+            return done(err)
+          }
+          this.projectId = projectId
+          this.owner.makeTokenBased(this.projectId, err => {
+            if (err != null) {
+              return done(err)
+            }
+            this.owner.getProject(this.projectId, (err, project) => {
+              if (err != null) {
+                return done(err)
+              }
+              this.tokens = project.tokens
+              done()
+            })
+          })
+        }
+      )
+    })
+
+    it('should allow the user to access project via read-only token url', function (done) {
+      async.series(
+        [
+          cb =>
+            tryEditorAccess(
+              this.anon,
+              this.projectId,
+              expectErrorResponse.restricted.html,
+              cb
+            ),
+          cb =>
+            tryReadOnlyTokenAccess(
+              this.anon,
+              this.tokens.readOnly,
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+              },
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+                expect(body.redirect).to.equal(`/project/${this.projectId}`)
+                expect(body.grantAnonymousAccess).to.equal('readOnly')
+              },
+              cb
+            ),
+          cb =>
+            tryEditorAccess(
+              this.anon,
+              this.projectId,
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+              },
+              cb
+            ),
+          cb =>
+            tryAnonContentAccess(
+              this.anon,
+              this.projectId,
+              this.tokens.readOnly,
+              (response, body) => {
+                expect(body.privilegeLevel).to.equal('readOnly')
+                expect(body.isRestrictedUser).to.equal(true)
+                expect(body.isTokenMember).to.equal(false)
+                expect(body.isInvitedMember).to.equal(false)
+                expect(body.project.owner).to.have.keys('_id')
+                expect(body.project.owner).to.not.have.any.keys(
+                  'email',
+                  'first_name',
+                  'last_name'
+                )
+              },
+              cb
+            ),
+        ],
+        done
+      )
+    })
+
+    it('should allow the anonymous user to fetch the read-only token', function (done) {
+      async.series(
+        [
+          cb =>
+            tryReadOnlyTokenAccess(
+              this.anon,
+              this.tokens.readOnly,
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+              },
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+                expect(body.redirect).to.equal(`/project/${this.projectId}`)
+                expect(body.grantAnonymousAccess).to.equal('readOnly')
+              },
+              cb
+            ),
+          cb => {
+            tryFetchProjectTokens(
+              this.anon,
+              this.projectId,
+              (error, response, body) => {
+                expect(error).to.equal(null)
+                expect(response.statusCode).to.equal(200)
+                expect(body).to.include({ readOnly: this.tokens.readOnly })
+                expect(body.readOnlyHashPrefix).to.exist
+                expect(Object.keys(body).length).to.equal(2)
+                cb()
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    describe('made private again', function () {
+      beforeEach(function (done) {
+        this.owner.makePrivate(this.projectId, () => setTimeout(done, 1000))
+      })
+
+      it('should deny access to project', function (done) {
+        async.series(
+          [
+            cb =>
+              tryEditorAccess(
+                this.anon,
+                this.projectId,
+                expectErrorResponse.restricted.html,
+                cb
+              ),
+            // should not allow the user to access read-only token
+            cb =>
+              tryReadOnlyTokenAccess(
+                this.anon,
+                this.tokens.readOnly,
+                (response, body) => {
+                  expect(response.statusCode).to.equal(200)
+                },
+                (response, body) => {
+                  expect(response.statusCode).to.equal(404)
+                },
+                cb
+              ),
+            // still no access
+            cb =>
+              tryEditorAccess(
+                this.anon,
+                this.projectId,
+                expectErrorResponse.restricted.html,
+                cb
+              ),
+            // should not allow the user to join the project
+            cb =>
+              tryAnonContentAccess(
+                this.anon,
+                this.projectId,
+                this.tokens.readOnly,
+                (response, body) => {
+                  expect(response.statusCode).to.equal(403)
+                  expect(body).to.equal('Forbidden')
+                },
+                cb
+              ),
+          ],
+          done
+        )
+      })
+
+      it('should deny access to access tokens', function (done) {
+        tryFetchProjectTokens(this.anon, this.projectId, (error, response) => {
+          expect(error).to.equal(null)
+          expect(response.statusCode).to.equal(403)
+          done()
+        })
+      })
+    })
+  })
+
+  describe('anonymous read-and-write token, disabled (feature is deprecated)', function () {
+    beforeEach(function (done) {
+      this.owner.createProject(
+        `token-anon-rw-test${Math.random()}`,
+        (err, projectId) => {
+          if (err != null) {
+            return done(err)
+          }
+          this.projectId = projectId
+          this.owner.makeTokenBased(this.projectId, err => {
+            if (err != null) {
+              return done(err)
+            }
+            this.owner.getProject(this.projectId, (err, project) => {
+              if (err != null) {
+                return done(err)
+              }
+              this.tokens = project.tokens
+              done()
+            })
+          })
+        }
+      )
+    })
+
+    it('should not allow the user to access read-and-write token', function (done) {
+      async.series(
+        [
+          cb =>
+            tryEditorAccess(
+              this.anon,
+              this.projectId,
+              expectErrorResponse.restricted.html,
+              cb
+            ),
+          cb =>
+            tryReadAndWriteTokenAccess(
+              this.anon,
+              this.tokens.readAndWrite,
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+              },
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+                expect(body).to.deep.equal({
+                  redirect: '/restricted',
+                  anonWriteAccessDenied: true,
+                })
+              },
+              cb
+            ),
+          cb =>
+            tryAnonContentAccess(
+              this.anon,
+              this.projectId,
+              this.tokens.readAndWrite,
+              (response, body) => {
+                expect(response.statusCode).to.equal(403)
+                expect(body).to.equal('Forbidden')
+              },
+              cb
+            ),
+          cb =>
+            this.anon.login((err, response, body) => {
+              expect(err).to.not.exist
+              expect(response.statusCode).to.equal(200)
+              expect(body.redir).to.equal(`/${this.tokens.readAndWrite}`)
+              cb()
+            }),
+        ],
+        done
+      )
+    })
+
+    it('should deny access to access tokens', function (done) {
+      tryFetchProjectTokens(this.anon, this.projectId, (error, response) => {
+        expect(error).to.equal(null)
+        expect(response.statusCode).to.equal(403)
+        done()
+      })
+    })
+
+    it('should require login if project does not exist', function (done) {
+      async.series(
+        [
+          // delete project
+          cb => {
+            this.owner.deleteProject(this.projectId, cb)
+          },
+          cb =>
+            tryReadAndWriteTokenAccess(
+              this.anon,
+              this.tokens.readAndWrite,
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+              },
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+                expect(body).to.deep.equal({
+                  redirect: '/restricted',
+                  anonWriteAccessDenied: true,
+                })
+              },
+              cb
+            ),
+          cb =>
+            this.anon.login((err, response, body) => {
+              expect(err).to.not.exist
+              expect(response.statusCode).to.equal(200)
+              expect(body.redir).to.equal(`/${this.tokens.readAndWrite}`)
+              cb()
+            }),
+        ],
+        done
+      )
+    })
+
+    it('should save URL hash in redirect', function (done) {
+      const urlFragment = '#123456'
+      const tokenWithUrlFragment = `${this.tokens.readAndWrite}${urlFragment}`
+
+      async.series(
+        [
+          cb =>
+            tryEditorAccess(
+              this.anon,
+              this.projectId,
+              expectErrorResponse.restricted.html,
+              cb
+            ),
+          cb =>
+            this.anon.request.get(
+              tokenWithUrlFragment,
+              (err, response, body) => {
+                if (err) {
+                  return cb(err)
+                }
+                expect(response.statusCode).to.equal(200)
+
+                this.anon.request.post(
+                  `${this.tokens.readAndWrite}/grant`,
+                  {
+                    json: {
+                      token: this.tokens.readAndWrite,
+                      tokenHashPrefix: urlFragment,
+                    },
+                  },
+                  (err, response, body) => {
+                    if (err) {
+                      return cb(err)
+                    }
+                    expect(response.statusCode).to.equal(200)
+                    expect(body).to.deep.equal({
+                      redirect: '/restricted',
+                      anonWriteAccessDenied: true,
+                    })
+                    cb()
+                  }
+                )
+              }
+            ),
+          cb =>
+            tryAnonContentAccess(
+              this.anon,
+              this.projectId,
+              this.tokens.readAndWrite,
+              (response, body) => {
+                expect(response.statusCode).to.equal(403)
+                expect(body).to.equal('Forbidden')
+              },
+              cb
+            ),
+          cb =>
+            this.anon.login((err, response, body) => {
+              expect(err).to.not.exist
+              expect(response.statusCode).to.equal(200)
+              expect(body.redir).to.equal(`/${tokenWithUrlFragment}`)
+              cb()
+            }),
+        ],
+        done
+      )
+    })
+  })
+
+  describe('private overleaf project', function () {
+    beforeEach(function (done) {
+      this.owner.createProject('overleaf-import', (err, projectId) => {
+        expect(err).not.to.exist
+        this.projectId = projectId
+        this.owner.makeTokenBased(this.projectId, err => {
+          expect(err).not.to.exist
+          this.owner.getProject(this.projectId, (err, project) => {
+            expect(err).not.to.exist
+            this.tokens = project.tokens
+            this.owner.makePrivate(this.projectId, () => {
+              db.projects.updateOne(
+                { _id: project._id },
+                {
+                  $set: {
+                    overleaf: { id: 1234 },
+                  },
+                },
+                err => {
+                  expect(err).not.to.exist
+                  done()
+                }
+              )
+            })
+          })
+        })
+      })
+    })
+
+    it('should only allow the owner access to the project', function (done) {
+      async.series(
+        [
+          // should redirect to canonical path, when owner uses read-write token
+          cb =>
+            tryReadAndWriteTokenAccess(
+              this.owner,
+              this.tokens.readAndWrite,
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+              },
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+                expect(response.body.redirect).to.equal(
+                  `/project/${this.projectId}`
+                )
+                expect(response.body.higherAccess).to.equal(true)
+              },
+              cb
+            ),
+          cb =>
+            tryEditorAccess(
+              this.owner,
+              this.projectId,
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+              },
+              cb
+            ),
+          cb =>
+            tryContentAccess(
+              this.owner,
+              this.projectId,
+              (response, body) => {
+                expect(body.privilegeLevel).to.equal('owner')
+              },
+              cb
+            ),
+          // non-owner should be denied access
+          cb =>
+            tryContentAccess(
+              this.other2,
+              this.projectId,
+              (response, body) => {
+                expect(response.statusCode).to.equal(403)
+                expect(body).to.equal('Forbidden')
+              },
+              cb
+            ),
+        ],
+        done
+      )
+    })
+  })
+
+  describe('private project, with higher access', function () {
+    beforeEach(function (done) {
+      this.owner.createProject(
+        `higher-access-test-${Math.random()}`,
+        (err, projectId) => {
+          expect(err).not.to.exist
+          this.projectId = projectId
+          this.owner.addUserToProject(
+            this.projectId,
+            this.other1,
+            'readAndWrite',
+            err => {
+              expect(err).not.to.exist
+              this.owner.makeTokenBased(this.projectId, err => {
+                expect(err).not.to.exist
+                this.owner.getProject(this.projectId, (err, project) => {
+                  expect(err).not.to.exist
+                  this.tokens = project.tokens
+                  this.owner.makePrivate(this.projectId, () => {
+                    setTimeout(done, 1000)
+                  })
+                })
+              })
+            }
+          )
+        }
+      )
+    })
+
+    it('should allow the user access to the project', function (done) {
+      async.series(
+        [
+          // should redirect to canonical path, when user uses read-write token
+          cb =>
+            tryReadAndWriteTokenAccess(
+              this.other1,
+              this.tokens.readAndWrite,
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+              },
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+                expect(response.body.redirect).to.equal(
+                  `/project/${this.projectId}`
+                )
+                expect(response.body.higherAccess).to.equal(true)
+              },
+              cb
+            ),
+          // should redirect to canonical path, when user uses read-only token
+          cb =>
+            tryReadOnlyTokenAccess(
+              this.other1,
+              this.tokens.readOnly,
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+              },
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+                expect(response.body.redirect).to.equal(
+                  `/project/${this.projectId}`
+                )
+                expect(response.body.higherAccess).to.equal(true)
+              },
+              cb
+            ),
+          // should allow the user access to the project
+          cb =>
+            tryEditorAccess(
+              this.other1,
+              this.projectId,
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+              },
+              cb
+            ),
+          // should allow user to join the project
+          cb =>
+            tryContentAccess(
+              this.other1,
+              this.projectId,
+              (response, body) => {
+                expect(body.privilegeLevel).to.equal('readAndWrite')
+                expect(body.isRestrictedUser).to.equal(false)
+                expect(body.isTokenMember).to.equal(false)
+                expect(body.isInvitedMember).to.equal(true)
+              },
+              cb
+            ),
+          // should not allow a different user to join the project
+          cb =>
+            tryEditorAccess(
+              this.other2,
+              this.projectId,
+              expectErrorResponse.restricted.html,
+              cb
+            ),
+          cb =>
+            tryContentAccess(
+              this.other2,
+              this.projectId,
+              (response, body) => {
+                expect(response.statusCode).to.equal(403)
+                expect(body).to.equal('Forbidden')
+              },
+              cb
+            ),
+        ],
+        done
+      )
+    })
+  })
+
+  describe('deleted project', function () {
+    beforeEach(function (done) {
+      this.owner.createProject(
+        `delete-test${Math.random()}`,
+        (err, projectId) => {
+          if (err != null) {
+            return done(err)
+          }
+          this.projectId = projectId
+          this.owner.makeTokenBased(this.projectId, err => {
+            if (err != null) {
+              return done(err)
+            }
+            this.owner.getProject(this.projectId, (err, project) => {
+              if (err != null) {
+                return done(err)
+              }
+              this.tokens = project.tokens
+              done()
+            })
+          })
+        }
+      )
+    })
+
+    it('should 404', function (done) {
+      async.series(
+        [
+          // delete project
+          cb => {
+            this.owner.deleteProject(this.projectId, cb)
+          },
+          cb => {
+            // use read-only token
+            tryReadOnlyTokenAccess(
+              this.other1,
+              this.tokens.readOnly,
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+              },
+              (response, body) => {
+                expect(response.statusCode).to.equal(404)
+              },
+              cb
+            )
+          },
+          cb => {
+            // use read-write token
+            tryReadAndWriteTokenAccess(
+              this.other1,
+              this.tokens.readAndWrite,
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+              },
+              (response, body) => {
+                expect(response.statusCode).to.equal(404)
+              },
+              cb
+            )
+          },
+        ],
+        done
+      )
+    })
+
+    it('should deny access to access tokens with a 404', function (done) {
+      async.series(
+        [
+          // delete project
+          cb => {
+            this.owner.deleteProject(this.projectId, cb)
+          },
+          cb => {
+            // use read-only token
+            tryReadOnlyTokenAccess(
+              this.other1,
+              this.tokens.readOnly,
+              (response, body) => {
+                expect(response.statusCode).to.equal(200)
+              },
+              (response, body) => {
+                expect(response.statusCode).to.equal(404)
+              },
+              cb
+            )
+          },
+          cb => {
+            tryFetchProjectTokens(
+              this.other1,
+              this.projectId,
+              (error, response) => {
+                expect(error).to.equal(null)
+                expect(response.statusCode).to.equal(404)
+                cb()
+              }
+            )
+          },
+        ],
+        done
+      )
+    })
+  })
+
+  describe('sharing updates consent page for read-and-write token deprecation', function () {
+    describe('not a member of the project', function () {
+      beforeEach(function (done) {
+        this.projectName = `token-link-sharing-changes${Math.random()}`
+        this.owner.createProject(this.projectName, (err, projectId) => {
+          if (err != null) {
+            return done(err)
+          }
+          this.projectId = projectId
+          this.owner.makeTokenBased(this.projectId, err => {
+            if (err != null) {
+              return done(err)
+            }
+            this.owner.getProject(this.projectId, (err, project) => {
+              if (err != null) {
+                return done(err)
+              }
+              this.tokens = project.tokens
+              done()
+            })
+          })
+        })
+      })
+
+      it('should deny access', function (done) {
+        async.series(
+          [
+            cb => {
+              trySharingUpdatesPage(
+                this.other1,
+                this.projectId,
+                expectErrorResponse.restricted.html,
+                cb
+              )
+            },
+            cb => {
+              trySharingUpdatesJoin(
+                this.other1,
+                this.projectId,
+                expectErrorResponse.restricted.html,
+                cb
+              )
+            },
+            cb => {
+              trySharingUpdatesView(
+                this.other1,
+                this.projectId,
+                expectErrorResponse.restricted.html,
+                cb
+              )
+            },
+          ],
+          done
+        )
+      })
+    })
+
+    describe('read-only token member of project', function () {
+      beforeEach(function (done) {
+        this.projectName = `token-link-sharing-changes${Math.random()}`
+        this.owner.createProject(this.projectName, (err, projectId) => {
+          if (err != null) {
+            return done(err)
+          }
+          this.projectId = projectId
+          this.owner.makeTokenBased(this.projectId, err => {
+            if (err != null) {
+              return done(err)
+            }
+            this.owner.getProject(this.projectId, (err, project) => {
+              if (err != null) {
+                return done(err)
+              }
+              this.tokens = project.tokens
+              tryReadOnlyTokenAccept(
+                this.other1,
+                this.tokens.readOnly,
+                (response, body) => {
+                  expect(response.statusCode).to.equal(200)
+                },
+                (response, body) => {
+                  expect(response.statusCode).to.equal(200)
+                  expect(body.redirect).to.equal(`/project/${this.projectId}`)
+                  expect(body.tokenAccessGranted).to.equal('readOnly')
+                },
+                done
+              )
+            })
+          })
+        })
+      })
+
+      it('should redirect to project', function (done) {
+        async.series(
+          [
+            cb => {
+              trySharingUpdatesPage(
+                this.other1,
+                this.projectId,
+                expectRedirectToProject,
+                cb
+              )
+            },
+            cb => {
+              trySharingUpdatesJoin(
+                this.other1,
+                this.projectId,
+                expectRedirectToProject,
+                cb
+              )
+            },
+            cb => {
+              trySharingUpdatesView(
+                this.other1,
+                this.projectId,
+                expectRedirectToProject,
+                cb
+              )
+            },
+            cb => {
+              // allow content access read-only
+              tryContentAccess(
+                this.other1,
+                this.projectId,
+                (response, body) => {
+                  expect(body.privilegeLevel).to.equal('readOnly')
+                  expect(body.isRestrictedUser).to.equal(true)
+                  expect(body.isTokenMember).to.equal(true)
+                  expect(body.isInvitedMember).to.equal(false)
+                  expect(body.project.owner).to.have.keys('_id')
+                  expect(body.project.owner).to.not.have.any.keys(
+                    'email',
+                    'first_name',
+                    'last_name'
+                  )
+                },
+                cb
+              )
+            },
+            cb => {
+              tryEditorAccess(
+                this.other1,
+                this.projectId,
+                (response, body) => {
+                  expect(response.statusCode).to.equal(200)
+                },
+                cb
+              )
+            },
+          ],
+          done
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/TpdsUpdateTests.mjs b/services/web/test/acceptance/src/TpdsUpdateTests.mjs
new file mode 100644
index 0000000..3515e03
--- /dev/null
+++ b/services/web/test/acceptance/src/TpdsUpdateTests.mjs
@@ -0,0 +1,200 @@
+import { expect } from 'chai'
+import ProjectGetter from '../../../app/src/Features/Project/ProjectGetter.js'
+import request from './helpers/request.js'
+import User from './helpers/User.mjs'
+
+describe('TpdsUpdateTests', function () {
+  beforeEach(function (done) {
+    this.owner = new User()
+    this.owner.login(error => {
+      if (error) {
+        throw error
+      }
+      this.owner.createProject(
+        'test-project',
+        { template: 'example' },
+        (error, projectId) => {
+          if (error) {
+            throw error
+          }
+          this.projectId = projectId
+          done()
+        }
+      )
+    })
+  })
+
+  describe('adding a file', function () {
+    beforeEach(function (done) {
+      request(
+        {
+          method: 'POST',
+          url: `/project/${this.projectId}/contents/test.tex`,
+          auth: {
+            username: 'overleaf',
+            password: 'password',
+            sendImmediately: true,
+          },
+          body: 'test one two',
+        },
+        (error, response, body) => {
+          if (error) {
+            throw error
+          }
+          expect(response.statusCode).to.equal(200)
+          done()
+        }
+      )
+    })
+
+    it('should have added the file', function (done) {
+      ProjectGetter.getProject(this.projectId, (error, project) => {
+        if (error) {
+          throw error
+        }
+        const projectFolder = project.rootFolder[0]
+        const file = projectFolder.docs.find(e => e.name === 'test.tex')
+        expect(file).to.exist
+        done()
+      })
+    })
+  })
+
+  describe('deleting a file', function () {
+    beforeEach(function (done) {
+      request(
+        {
+          method: 'DELETE',
+          url: `/project/${this.projectId}/contents/main.tex`,
+          auth: {
+            username: 'overleaf',
+            password: 'password',
+            sendImmediately: true,
+          },
+        },
+        (error, response, body) => {
+          if (error) {
+            throw error
+          }
+          expect(response.statusCode).to.equal(200)
+          done()
+        }
+      )
+    })
+
+    it('should have deleted the file', function (done) {
+      ProjectGetter.getProject(this.projectId, (error, project) => {
+        if (error) {
+          throw error
+        }
+        const projectFolder = project.rootFolder[0]
+        for (const doc of projectFolder.docs) {
+          if (doc.name === 'main.tex') {
+            throw new Error('expected main.tex to have been deleted')
+          }
+        }
+        done()
+      })
+    })
+  })
+
+  describe('update a new file', function () {
+    beforeEach(function (done) {
+      request(
+        {
+          method: 'POST',
+          url: `/user/${this.owner._id}/update/test-project/other.tex`,
+          auth: {
+            username: 'overleaf',
+            password: 'password',
+            sendImmediately: true,
+          },
+          body: 'test one two',
+        },
+        (error, response, body) => {
+          if (error) {
+            throw error
+          }
+          expect(response.statusCode).to.equal(200)
+          const json = JSON.parse(response.body)
+          expect(json.status).to.equal('applied')
+          expect(json.entityType).to.equal('doc')
+          expect(json).to.have.property('entityId')
+          expect(json).to.have.property('rev')
+          done()
+        }
+      )
+    })
+
+    it('should have added the file', function (done) {
+      ProjectGetter.getProject(this.projectId, (error, project) => {
+        if (error) {
+          throw error
+        }
+        const projectFolder = project.rootFolder[0]
+        const file = projectFolder.docs.find(e => e.name === 'other.tex')
+        expect(file).to.exist
+        done()
+      })
+    })
+  })
+
+  describe('update when the project is archived', function () {
+    beforeEach(function (done) {
+      this.owner.request(
+        {
+          url: `/Project/${this.projectId}/archive`,
+          method: 'post',
+        },
+        (err, response, body) => {
+          expect(err).to.not.exist
+          request(
+            {
+              method: 'POST',
+              url: `/user/${this.owner._id}/update/test-project/test.tex`,
+              auth: {
+                username: 'overleaf',
+                password: 'password',
+                sendImmediately: true,
+              },
+              body: 'test one two',
+            },
+            (error, response, body) => {
+              if (error) {
+                throw error
+              }
+              expect(response.statusCode).to.equal(200)
+              const json = JSON.parse(response.body)
+              expect(json.status).to.equal('rejected')
+              done()
+            }
+          )
+        }
+      )
+    })
+
+    it('should not have created a new project', function (done) {
+      ProjectGetter.findAllUsersProjects(
+        this.owner._id,
+        'name',
+        (err, projects) => {
+          expect(err).to.not.exist
+          expect(projects.owned.length).to.equal(1)
+          done()
+        }
+      )
+    })
+
+    it('should not have added the file', function (done) {
+      ProjectGetter.getProject(this.projectId, (error, project) => {
+        if (error) {
+          throw error
+        }
+        const projectFolder = project.rootFolder[0]
+        const file = projectFolder.docs.find(e => e.name === 'test.tex')
+        expect(file).to.not.exist
+        done()
+      })
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/UnsupportedBrowserTests.mjs b/services/web/test/acceptance/src/UnsupportedBrowserTests.mjs
new file mode 100644
index 0000000..28093e6
--- /dev/null
+++ b/services/web/test/acceptance/src/UnsupportedBrowserTests.mjs
@@ -0,0 +1,201 @@
+import { expect } from 'chai'
+import User from './helpers/User.mjs'
+
+const botUserAgents = new Map([
+  [
+    'Googlebot',
+    'Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)',
+  ],
+])
+
+const unsupportedUserAgents = new Map([
+  ['IE 11', 'Mozilla/5.0 (Windows NT 10.0; Trident/7.0; rv:11.0) like Gecko'],
+  [
+    'Safari 13',
+    'Mozilla/5.0 (Macintosh; Intel Mac OS X 11_12_2) AppleWebKit/629.24.7 (KHTML, like Gecko) Version/13.0.26 Safari/629.24.7',
+  ],
+  [
+    'Safari 14',
+    'Mozilla/5.0 (Macintosh; Intel Mac OS X 11_5_2) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1.2 Safari/605.1.15',
+  ],
+  [
+    'Firefox 78',
+    'Mozilla/5.0 (Macintosh; Intel Mac OS X 11.1; rv:78.0) Gecko/20100101 Firefox/78.0',
+  ],
+])
+
+const supportedUserAgents = new Map([
+  [
+    'Chrome 90',
+    'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.72 Safari/537.36',
+  ],
+  [
+    'Chrome 121',
+    'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/121.0.0.0 Safari/537.36',
+  ],
+  [
+    'Firefox 79',
+    'Mozilla/5.0 (Macintosh; Intel Mac OS X 10.16; rv:79.0) Gecko/20100101 Firefox/79.0',
+  ],
+  [
+    'Firefox 122',
+    'Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:122.0) Gecko/20100101 Firefox/122.0',
+  ],
+  [
+    'Safari 15',
+    'Mozilla/5.0 (Macintosh; Intel Mac OS X 13_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.0 Safari/605.1.15',
+  ],
+  [
+    'Safari 17',
+    'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.3.1 Safari/605.1.15',
+  ],
+])
+
+describe('UnsupportedBrowsers', function () {
+  beforeEach(function () {
+    this.user = new User()
+  })
+
+  describe('allows bots', function () {
+    const url = '/login'
+    for (const [name, userAgent] of botUserAgents) {
+      it(name, function (done) {
+        this.user.request(
+          {
+            url,
+            headers: {
+              'user-agent': userAgent,
+            },
+          },
+          (error, response) => {
+            expect(error).to.not.exist
+            expect(response.statusCode).to.equal(200)
+            done()
+          }
+        )
+      })
+    }
+  })
+
+  describe('allows supported browsers', function () {
+    const url = '/login'
+    for (const [name, userAgent] of supportedUserAgents) {
+      it(name, function (done) {
+        this.user.request(
+          {
+            url,
+            headers: {
+              'user-agent': userAgent,
+            },
+          },
+          (error, response) => {
+            expect(error).to.not.exist
+            expect(response.statusCode).to.equal(200)
+            done()
+          }
+        )
+      })
+    }
+  })
+
+  describe('redirects unsupported browsers to unsupported page', function () {
+    const url = '/login'
+    for (const [name, userAgent] of unsupportedUserAgents) {
+      it(name, function (done) {
+        this.user.request(
+          {
+            url,
+            headers: {
+              'user-agent': userAgent,
+            },
+          },
+          (error, response) => {
+            expect(error).to.not.exist
+            expect(response.statusCode).to.equal(302)
+            expect(response.headers.location).to.equal(
+              '/unsupported-browser?fromURL=' + encodeURIComponent(url)
+            )
+            done()
+          }
+        )
+      })
+    }
+  })
+
+  it('redirects unsupported browsers from any page', function (done) {
+    const url = '/foo/bar/baz'
+    this.user.request(
+      {
+        url,
+        headers: {
+          'user-agent': unsupportedUserAgents.get('IE 11'),
+        },
+      },
+      (error, response) => {
+        expect(error).to.not.exist
+        expect(response.statusCode).to.equal(302)
+        expect(response.headers.location).to.equal(
+          '/unsupported-browser?fromURL=' + encodeURIComponent(url)
+        )
+        done()
+      }
+    )
+  })
+
+  it('should render the unsupported browser page for unsupported browser', function (done) {
+    const url =
+      '/unsupported-browser?fromURL=' + encodeURIComponent('/foo/bar/baz')
+    this.user.request(
+      {
+        url,
+        headers: {
+          'user-agent': unsupportedUserAgents.get('IE 11'),
+        },
+      },
+      (error, response) => {
+        expect(error).to.not.exist
+        expect(response.statusCode).to.equal(200)
+        done()
+      }
+    )
+  })
+
+  it('shows the previous URL', function (done) {
+    const url = '/project/60867f47174dfd13f1e00000'
+    this.user.request(
+      {
+        url: '/unsupported-browser?fromURL=' + encodeURIComponent(url),
+        headers: {
+          'user-agent': unsupportedUserAgents.get('IE 11'),
+        },
+      },
+      (error, response, body) => {
+        expect(error).to.not.exist
+        expect(response.statusCode).to.equal(200)
+        expect(body).to.include('URL:')
+        expect(body).to.include(url)
+        done()
+      }
+    )
+  })
+
+  it('shows a sanitized URL', function (done) {
+    const url = 'https://evil.com/the/pathname'
+    this.user.request(
+      {
+        url: '/unsupported-browser?fromURL=' + encodeURIComponent(url),
+        headers: {
+          'user-agent': unsupportedUserAgents.get('IE 11'),
+        },
+      },
+      (error, response, body) => {
+        expect(error).to.not.exist
+        expect(response.statusCode).to.equal(200)
+        expect(body).to.include('URL:')
+        expect(body).to.not.include('evil.com')
+        expect(body).to.include('/the/pathname')
+        done()
+      }
+    )
+  })
+})
diff --git a/services/web/test/acceptance/src/UserHelperTests.mjs b/services/web/test/acceptance/src/UserHelperTests.mjs
new file mode 100644
index 0000000..bde8429
--- /dev/null
+++ b/services/web/test/acceptance/src/UserHelperTests.mjs
@@ -0,0 +1,204 @@
+import AuthenticationManager from '../../../app/src/Features/Authentication/AuthenticationManager.js'
+import UserHelper from './helpers/UserHelper.mjs'
+import Features from '../../../app/src/infrastructure/Features.js'
+import { expect } from 'chai'
+
+describe('UserHelper', function () {
+  // Disable all tests unless the registration feature is enabled
+  beforeEach(function () {
+    if (!Features.hasFeature('registration')) {
+      this.skip()
+    }
+  })
+
+  describe('UserHelper.createUser', function () {
+    describe('with no args', function () {
+      it('should create new user with default username and password', async function () {
+        const userHelper = await UserHelper.createUser()
+        userHelper.user.email.should.equal(userHelper.getDefaultEmail())
+        const { user: authedUser } =
+          await AuthenticationManager.promises.authenticate(
+            { _id: userHelper.user._id },
+            userHelper.getDefaultPassword(),
+            null,
+            { enforceHIBPCheck: false }
+          )
+        expect(authedUser).to.not.be.null
+      })
+    })
+
+    describe('with email', function () {
+      it('should create new user with provided email and default password', async function () {
+        const userHelper = await UserHelper.createUser({
+          email: 'foo@test.com',
+        })
+        userHelper.user.email.should.equal('foo@test.com')
+        const { user: authedUser } =
+          await AuthenticationManager.promises.authenticate(
+            { _id: userHelper.user._id },
+            userHelper.getDefaultPassword(),
+            null,
+            { enforceHIBPCheck: false }
+          )
+        expect(authedUser).to.not.be.null
+      })
+    })
+
+    describe('with password', function () {
+      it('should create new user with provided password and default email', async function () {
+        const userHelper = await UserHelper.createUser({
+          password: 'foofoofoo',
+        })
+        userHelper.user.email.should.equal(userHelper.getDefaultEmail())
+        const { user: authedUser } =
+          await AuthenticationManager.promises.authenticate(
+            { _id: userHelper.user._id },
+            'foofoofoo',
+            null,
+            { enforceHIBPCheck: false }
+          )
+        expect(authedUser).to.not.be.null
+      })
+    })
+  })
+
+  describe('UserHelper.getUser', function () {
+    let user
+
+    beforeEach(async function () {
+      user = (await UserHelper.createUser()).user
+    })
+
+    describe('with string id', function () {
+      it('should fetch user', async function () {
+        const userHelper = await UserHelper.getUser(user._id.toString())
+        userHelper.user.email.should.equal(user.email)
+      })
+    })
+
+    describe('with _id', function () {
+      it('should fetch user', async function () {
+        const userHelper = await UserHelper.getUser({ _id: user._id })
+        userHelper.user.email.should.equal(user.email)
+      })
+    })
+  })
+
+  describe('UserHelper.loginUser', function () {
+    let userHelper
+
+    beforeEach(async function () {
+      userHelper = await UserHelper.createUser()
+    })
+
+    describe('with email and password', function () {
+      it('should login user', async function () {
+        const newUserHelper = await UserHelper.loginUser({
+          email: userHelper.getDefaultEmail(),
+          password: userHelper.getDefaultPassword(),
+        })
+        newUserHelper.user.email.should.equal(userHelper.user.email)
+      })
+    })
+
+    describe('without email', function () {
+      it('should throw error', async function () {
+        await UserHelper.loginUser({
+          password: userHelper.getDefaultPassword(),
+        }).should.be.rejectedWith('email and password required')
+      })
+    })
+
+    describe('without password', function () {
+      it('should throw error', async function () {
+        await UserHelper.loginUser({
+          email: userHelper.getDefaultEmail(),
+        }).should.be.rejectedWith('email and password required')
+      })
+    })
+
+    describe('without email and password', function () {
+      it('should throw error', async function () {
+        await UserHelper.loginUser().should.be.rejectedWith(
+          'email and password required'
+        )
+      })
+    })
+  })
+
+  describe('UserHelper.registerUser', function () {
+    describe('with no args', function () {
+      it('should create new user with default username and password', async function () {
+        const userHelper = await UserHelper.registerUser()
+        userHelper.user.email.should.equal(userHelper.getDefaultEmail())
+        const { user: authedUser } =
+          await AuthenticationManager.promises.authenticate(
+            { _id: userHelper.user._id },
+            userHelper.getDefaultPassword(),
+            null,
+            { enforceHIBPCheck: false }
+          )
+        expect(authedUser).to.not.be.null
+      })
+    })
+
+    describe('with email', function () {
+      it('should create new user with provided email and default password', async function () {
+        const userHelper = await UserHelper.registerUser({
+          email: 'foo2@test.com',
+        })
+        userHelper.user.email.should.equal('foo2@test.com')
+        const { user: authedUser } =
+          await AuthenticationManager.promises.authenticate(
+            { _id: userHelper.user._id },
+            userHelper.getDefaultPassword(),
+            null,
+            { enforceHIBPCheck: false }
+          )
+        expect(authedUser).to.not.be.null
+      })
+    })
+
+    describe('with password', function () {
+      it('should create new user with provided password and default email', async function () {
+        const userHelper = await UserHelper.registerUser({
+          password: 'foofoofoo',
+        })
+        userHelper.user.email.should.equal(userHelper.getDefaultEmail())
+        const { user: authedUser } =
+          await AuthenticationManager.promises.authenticate(
+            { _id: userHelper.user._id },
+            'foofoofoo',
+            null,
+            { enforceHIBPCheck: false }
+          )
+        expect(authedUser).to.not.be.null
+      })
+    })
+  })
+
+  describe('getCsrfToken', function () {
+    it('should fetch csrfToken', async function () {
+      const userHelper = new UserHelper()
+      await userHelper.getCsrfToken()
+      expect(userHelper.csrfToken).to.be.a.string
+    })
+  })
+
+  describe('after logout', function () {
+    let userHelper, oldCsrfToken
+
+    beforeEach(async function () {
+      userHelper = await UserHelper.registerUser()
+      oldCsrfToken = userHelper.csrfToken
+    })
+
+    it('refreshes csrf token after logout', async function () {
+      await userHelper.logout()
+      expect(userHelper._csrfToken).to.equal('')
+      await userHelper.getCsrfToken()
+      expect(userHelper._csrfToken).to.not.equal('')
+      expect(userHelper._csrfToken).to.not.equal(oldCsrfToken)
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/UserMembershipAuthorizationTests.mjs b/services/web/test/acceptance/src/UserMembershipAuthorizationTests.mjs
new file mode 100644
index 0000000..a5f659c
--- /dev/null
+++ b/services/web/test/acceptance/src/UserMembershipAuthorizationTests.mjs
@@ -0,0 +1,172 @@
+import { expect } from 'chai'
+import async from 'async'
+import User from './helpers/User.mjs'
+import Institution from './helpers/Institution.mjs'
+import Subscription from './helpers/Subscription.mjs'
+import Publisher from './helpers/Publisher.mjs'
+import sinon from 'sinon'
+import RecurlyClient from '../../../app/src/Features/Subscription/RecurlyClient.js'
+
+describe('UserMembershipAuthorization', function () {
+  beforeEach(function (done) {
+    this.user = new User()
+    sinon.stub(RecurlyClient.promises, 'getSubscription').resolves({})
+    async.series([this.user.ensureUserExists.bind(this.user)], done)
+  })
+
+  afterEach(function () {
+    RecurlyClient.promises.getSubscription.restore()
+  })
+
+  describe('group', function () {
+    beforeEach(function (done) {
+      this.subscription = new Subscription({
+        groupPlan: true,
+      })
+      async.series(
+        [
+          this.subscription.ensureExists.bind(this.subscription),
+          cb => this.user.login(cb),
+        ],
+        done
+      )
+    })
+
+    describe('users management', function () {
+      it('should allow managers only', function (done) {
+        const url = `/manage/groups/${this.subscription._id}/members`
+        async.series(
+          [
+            expectAccess(this.user, url, 403),
+            cb => this.subscription.setManagerIds([this.user._id], cb),
+            expectAccess(this.user, url, 200),
+          ],
+          done
+        )
+      })
+    })
+
+    describe('managers management', function () {
+      it('should allow managers only', function (done) {
+        const url = `/manage/groups/${this.subscription._id}/managers`
+        async.series(
+          [
+            expectAccess(this.user, url, 403),
+            cb => this.subscription.setManagerIds([this.user._id], cb),
+            expectAccess(this.user, url, 200),
+          ],
+          done
+        )
+      })
+    })
+  })
+
+  describe('institution', function () {
+    beforeEach(async function () {
+      this.institution = new Institution()
+      await this.institution.ensureExists(this.institution)
+    })
+
+    describe('users management', function () {
+      it('should allow managers only', function (done) {
+        const url = `/manage/institutions/${this.institution.v1Id}/managers`
+        async.series(
+          [
+            this.user.login.bind(this.user),
+            expectAccess(this.user, url, 403),
+            cb => this.institution.setManagerIds([this.user._id], cb),
+            expectAccess(this.user, url, 200),
+          ],
+          done
+        )
+      })
+    })
+
+    describe('creation', function () {
+      it('should allow staff only', function (done) {
+        const url = `/entities/institution/create/foo`
+        async.series(
+          [
+            this.user.login.bind(this.user),
+            expectAccess(this.user, url, 403),
+            cb => this.user.ensureStaffAccess('institutionManagement', cb),
+            this.user.login.bind(this.user),
+            expectAccess(this.user, url, 200),
+          ],
+          done
+        )
+      })
+    })
+  })
+
+  describe('publisher', function () {
+    beforeEach(function (done) {
+      this.publisher = new Publisher({})
+      async.series(
+        [
+          this.publisher.ensureExists.bind(this.publisher),
+          cb => this.user.login(cb),
+        ],
+        done
+      )
+    })
+
+    describe('managers management', function () {
+      it('should allow managers only', function (done) {
+        const url = `/manage/publishers/${this.publisher.slug}/managers`
+        async.series(
+          [
+            expectAccess(this.user, url, 403),
+            cb => this.publisher.setManagerIds([this.user._id], cb),
+            expectAccess(this.user, url, 200),
+          ],
+          done
+        )
+      })
+    })
+
+    describe('creation', function () {
+      it('should redirect staff only', function (done) {
+        const url = `/manage/publishers/foo/managers`
+        async.series(
+          [
+            this.user.login.bind(this.user),
+            expectAccess(this.user, url, 404),
+            cb => this.user.ensureStaffAccess('publisherManagement', cb),
+            this.user.login.bind(this.user),
+            expectAccess(this.user, url, 302, /\/create/),
+          ],
+          done
+        )
+      })
+
+      it('should allow staff only', function (done) {
+        const url = `/entities/publisher/create/foo`
+        async.series(
+          [
+            expectAccess(this.user, url, 403),
+            cb => this.user.ensureStaffAccess('publisherManagement', cb),
+            this.user.login.bind(this.user),
+            expectAccess(this.user, url, 200),
+          ],
+          done
+        )
+      })
+    })
+  })
+})
+
+function expectAccess(user, url, status, pattern) {
+  return callback => {
+    user.request.get({ url }, (error, response, body) => {
+      if (error) {
+        return callback(error)
+      }
+      expect(response.statusCode).to.equal(status)
+      if (pattern) {
+        expect(body).to.match(pattern)
+      }
+      callback()
+    })
+  }
+}
diff --git a/services/web/test/acceptance/src/UserReconfirmTests.mjs b/services/web/test/acceptance/src/UserReconfirmTests.mjs
new file mode 100644
index 0000000..abce68c
--- /dev/null
+++ b/services/web/test/acceptance/src/UserReconfirmTests.mjs
@@ -0,0 +1,64 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import { expect } from 'chai'
+
+import async from 'async'
+import User from './helpers/User.mjs'
+
+describe('User Must Reconfirm', function () {
+  beforeEach(function (done) {
+    this.user = new User()
+    return async.series(
+      [
+        this.user.ensureUserExists.bind(this.user),
+        cb => this.user.mongoUpdate({ $set: { must_reconfirm: true } }, cb),
+      ],
+      done
+    )
+  })
+
+  it('should not allow sign in', function (done) {
+    return this.user.login(err => {
+      expect(err != null).to.equal(false)
+      return this.user.isLoggedIn((err, isLoggedIn) => {
+        expect(isLoggedIn).to.equal(false)
+        return done()
+      })
+    })
+  })
+
+  describe('Requesting reconfirmation email', function () {
+    it('should return a success to client for existing account', function (done) {
+      return this.user.reconfirmAccountRequest(
+        this.user.email,
+        (err, response) => {
+          expect(err != null).to.equal(false)
+          expect(response.statusCode).to.equal(200)
+          return done()
+        }
+      )
+    })
+
+    it('should return a 404 to client for non-existent account', function (done) {
+      return this.user.reconfirmAccountRequest(
+        'fake@overleaf.com',
+        (err, response) => {
+          expect(err != null).to.equal(false)
+          expect(response.statusCode).to.equal(404)
+          return done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/web/test/acceptance/src/helpers/DeletedSubscription.mjs b/services/web/test/acceptance/src/helpers/DeletedSubscription.mjs
new file mode 100644
index 0000000..2d1c8f1
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/DeletedSubscription.mjs
@@ -0,0 +1,44 @@
+import { expect } from 'chai'
+import MockSubscription from './Subscription.mjs'
+import SubscriptionUpdater from '../../../../app/src/Features/Subscription/SubscriptionUpdater.js'
+import { Subscription as SubscriptionModel } from '../../../../app/src/models/Subscription.js'
+import { DeletedSubscription as DeletedSubscriptionModel } from '../../../../app/src/models/DeletedSubscription.js'
+
+class DeletedSubscription {
+  constructor(options = {}) {
+    this.subscription = new MockSubscription(options)
+  }
+
+  ensureExists(callback) {
+    this.subscription.ensureExists(error => {
+      if (error) {
+        return callback(error)
+      }
+      SubscriptionUpdater.deleteSubscription(this.subscription, {}, callback)
+    })
+  }
+
+  expectRestored(callback) {
+    DeletedSubscriptionModel.findOne({
+      'subscription._id': this.subscription._id,
+    })
+      .then(deletedSubscription => {
+        expect(deletedSubscription).to.be.null
+        SubscriptionModel.findById(this.subscription._id)
+          .then(subscription => {
+            expect(subscription).to.exist
+            expect(subscription._id.toString()).to.equal(
+              this.subscription._id.toString()
+            )
+            expect(subscription.admin_id.toString()).to.equal(
+              this.subscription.admin_id.toString()
+            )
+            callback()
+          })
+          .catch(callback)
+      })
+      .catch(callback)
+  }
+}
+
+export default DeletedSubscription
diff --git a/services/web/test/acceptance/src/helpers/InitApp.mjs b/services/web/test/acceptance/src/helpers/InitApp.mjs
new file mode 100644
index 0000000..d1ea137
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/InitApp.mjs
@@ -0,0 +1,116 @@
+import App from '../../../../app.mjs'
+import QueueWorkers from '../../../../app/src/infrastructure/QueueWorkers.js'
+import MongoHelper from './MongoHelper.mjs'
+import RedisHelper from './RedisHelper.mjs'
+import Settings from '@overleaf/settings'
+import MockReCAPTCHAApi from '../mocks/MockReCaptchaApi.mjs'
+import { gracefulShutdown } from '../../../../app/src/infrastructure/GracefulShutdown.js'
+import Server from '../../../../app/src/infrastructure/Server.mjs'
+import { injectRouteAfter } from './injectRoute.mjs'
+import SplitTestHandler from '../../../../app/src/Features/SplitTests/SplitTestHandler.js'
+import SplitTestSessionHandler from '../../../../app/src/Features/SplitTests/SplitTestSessionHandler.js'
+import Modules from '../../../../app/src/infrastructure/Modules.js'
+
+const app = Server.app
+
+MongoHelper.initialize()
+RedisHelper.initialize()
+MockReCAPTCHAApi.initialize(2222)
+
+let server
+
+before('start main app', function (done) {
+  // We expose addition routes in the test environment for acceptance tests.
+  injectRouteAfter(
+    app,
+    route => route.path && route.path === '/dev/csrf',
+    router => {
+      router.get('/dev/session', (req, res) => {
+        // allow changing the session directly for testing, assign any
+        // properties in the query string to req.session
+        if (req.query && Object.keys(req.query).length > 0) {
+          Object.assign(req.session, req.query)
+        }
+        return res.json(req.session)
+      })
+    }
+  )
+  injectRouteAfter(
+    app,
+    route => route.path && route.path === '/dev/csrf',
+    router => {
+      router.post('/dev/set_in_session', (req, res) => {
+        for (const [key, value] of Object.entries(req.body)) {
+          req.session[key] = value
+        }
+        return res.sendStatus(200)
+      })
+    }
+  )
+  injectRouteAfter(
+    app,
+    route => route.path && route.path === '/dev/csrf',
+    router => {
+      router.get('/dev/split_test/get_assignment', (req, res) => {
+        const { splitTestName } = req.query
+        SplitTestHandler.promises
+          .getAssignment(req, res, splitTestName, {
+            sync: true,
+          })
+          .then(assignment => res.json(assignment))
+          .catch(error => {
+            res.status(500).json({ error: JSON.stringify(error) })
+          })
+      })
+    }
+  )
+  injectRouteAfter(
+    app,
+    route => route.path && route.path === '/dev/csrf',
+    router => {
+      router.post('/dev/split_test/session_maintenance', (req, res) => {
+        SplitTestSessionHandler.promises
+          .sessionMaintenance(req)
+          .then(res.sendStatus(200))
+          .catch(error => {
+            res.status(500).json({ error: JSON.stringify(error) })
+          })
+      })
+    }
+  )
+  injectRouteAfter(
+    app,
+    route => route.path && route.path === '/dev/csrf',
+    router => {
+      router.csrf.disableDefaultCsrfProtection(
+        '/dev/no_autostart_post_gateway',
+        'POST'
+      )
+      router.sessionAutostartMiddleware.disableSessionAutostartForRoute(
+        '/dev/no_autostart_post_gateway',
+        'POST',
+        (req, res, next) => {
+          next()
+        }
+      )
+      router.post('/dev/no_autostart_post_gateway', (req, res) => {
+        res.status(200).json({ message: 'no autostart' })
+      })
+    }
+  )
+
+  server = App.listen(23000, '127.0.0.1', done)
+})
+
+before('start queue workers', async function () {
+  QueueWorkers.start()
+  await Modules.start()
+})
+
+after('stop main app', async function () {
+  if (!server) {
+    return
+  }
+  Settings.gracefulShutdownDelayInMs = 1
+  await gracefulShutdown(server, 'tests')
+})
diff --git a/services/web/test/acceptance/src/helpers/Institution.mjs b/services/web/test/acceptance/src/helpers/Institution.mjs
new file mode 100644
index 0000000..eb2bd0b
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/Institution.mjs
@@ -0,0 +1,37 @@
+import mongodb from 'mongodb-legacy'
+import { Institution as InstitutionModel } from '../../../../app/src/models/Institution.js'
+
+const { ObjectId } = mongodb
+
+let count = parseInt(Math.random() * 999999)
+
+class Institution {
+  constructor(options = {}) {
+    this.v1Id = options.v1Id || count
+    this.managerIds = []
+
+    count += 1
+  }
+
+  async ensureExists() {
+    const filter = { v1Id: this.v1Id }
+    const options = { upsert: true, new: true, setDefaultsOnInsert: true }
+    const institution = await InstitutionModel.findOneAndUpdate(
+      filter,
+      {},
+      options
+    )
+    this._id = institution._id
+  }
+
+  setManagerIds(managerIds, callback) {
+    return InstitutionModel.findOneAndUpdate(
+      { _id: new ObjectId(this._id) },
+      { managerIds }
+    )
+      .then((...args) => callback(null, ...args))
+      .catch(callback)
+  }
+}
+
+export default Institution
diff --git a/services/web/test/acceptance/src/helpers/MongoHelper.mjs b/services/web/test/acceptance/src/helpers/MongoHelper.mjs
new file mode 100644
index 0000000..fc4a0fe
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/MongoHelper.mjs
@@ -0,0 +1,39 @@
+import { execFile } from 'node:child_process'
+import {
+  connectionPromise,
+  cleanupTestDatabase,
+  dropTestDatabase,
+} from '../../../../app/src/infrastructure/mongodb.js'
+import Settings from '@overleaf/settings'
+
+const DEFAULT_ENV = 'saas'
+
+export default {
+  initialize() {
+    before('wait for db', async function () {
+      await connectionPromise
+    })
+    if (process.env.CLEANUP_MONGO === 'true') {
+      before('drop test database', dropTestDatabase)
+    }
+
+    before('run migrations', function (done) {
+      const args = [
+        'run',
+        'migrations',
+        '--',
+        'migrate',
+        '-t',
+        Settings.env || DEFAULT_ENV,
+      ]
+      execFile('npm', args, (error, stdout, stderr) => {
+        if (error) {
+          throw error
+        }
+        done()
+      })
+    })
+
+    afterEach('purge mongo data', cleanupTestDatabase)
+  },
+}
diff --git a/services/web/test/acceptance/src/helpers/Publisher.mjs b/services/web/test/acceptance/src/helpers/Publisher.mjs
new file mode 100644
index 0000000..8300157
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/Publisher.mjs
@@ -0,0 +1,40 @@
+import mongodb from 'mongodb-legacy'
+import { Publisher as PublisherModel } from '../../../../app/src/models/Publisher.js'
+import { callbackifyClass } from '@overleaf/promise-utils'
+
+const { ObjectId } = mongodb
+
+let count = parseInt(Math.random() * 999999)
+
+class PromisifiedPublisher {
+  constructor(options = {}) {
+    this.slug = options.slug || `publisher-slug-${count}`
+    this.managerIds = []
+
+    count += 1
+  }
+
+  async ensureExists() {
+    const filter = { slug: this.slug }
+    const options = { upsert: true, new: true, setDefaultsOnInsert: true }
+    const publisher = await PublisherModel.findOneAndUpdate(
+      filter,
+      {},
+      options
+    ).exec()
+
+    this._id = publisher._id
+  }
+
+  async setManagerIds(managerIds) {
+    return await PublisherModel.findOneAndUpdate(
+      { _id: new ObjectId(this._id) },
+      { managerIds }
+    ).exec()
+  }
+}
+
+const Publisher = callbackifyClass(PromisifiedPublisher)
+Publisher.promises = class extends PromisifiedPublisher {}
+
+export default Publisher
diff --git a/services/web/test/acceptance/src/helpers/RecurlySubscription.mjs b/services/web/test/acceptance/src/helpers/RecurlySubscription.mjs
new file mode 100644
index 0000000..0934045
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/RecurlySubscription.mjs
@@ -0,0 +1,65 @@
+import mongodb from 'mongodb-legacy'
+import Subscription from './Subscription.mjs'
+import MockRecurlyApiClass from '../mocks/MockRecurlyApi.mjs'
+import RecurlyWrapper from '../../../../app/src/Features/Subscription/RecurlyWrapper.js'
+import { promisifyClass } from '@overleaf/promise-utils'
+
+const { ObjectId } = mongodb
+let MockRecurlyApi
+
+before(function () {
+  MockRecurlyApi = MockRecurlyApiClass.instance()
+})
+
+class RecurlySubscription {
+  constructor(options = {}) {
+    options.recurlySubscription_id = new ObjectId().toString()
+    this.subscription = new Subscription(options)
+
+    this.uuid = options.recurlySubscription_id
+    this.state = options.state || 'active'
+    this.tax_in_cents = 100
+    this.tax_rate = 0.2
+    this.unit_amount_in_cents = 500
+    this.currency = 'GBP'
+    this.current_period_ends_at = new Date(2018, 4, 5)
+    this.trial_ends_at = new Date(2018, 6, 7)
+    this.account = {
+      id: this.subscription.admin_id.toString(),
+      email: options.account && options.account.email,
+      hosted_login_token: options.account && options.account.hosted_login_token,
+    }
+    this.planCode = options.planCode || 'personal'
+  }
+
+  ensureExists(callback) {
+    this.subscription.ensureExists(error => {
+      if (error) {
+        return callback(error)
+      }
+      MockRecurlyApi.addMockSubscription(this)
+      callback()
+    })
+  }
+
+  buildCallbackXml(event) {
+    return RecurlyWrapper._buildXml(event, {
+      subscription: {
+        uuid: this.uuid,
+        state: this.state,
+        plan: {
+          plan_code: this.planCode,
+        },
+      },
+      account: {
+        account_code: this.account.id,
+      },
+    })
+  }
+}
+
+export default RecurlySubscription
+
+export const promises = promisifyClass(RecurlySubscription, {
+  without: ['buildCallbackXml'],
+})
diff --git a/services/web/test/acceptance/src/helpers/RedisHelper.mjs b/services/web/test/acceptance/src/helpers/RedisHelper.mjs
new file mode 100644
index 0000000..e38d7ad
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/RedisHelper.mjs
@@ -0,0 +1,10 @@
+import RedisWrapper from '../../../../app/src/infrastructure/RedisWrapper.js'
+const client = RedisWrapper.client('ratelimiter')
+
+export default {
+  initialize() {
+    beforeEach('clear redis', function (done) {
+      client.flushdb(done)
+    })
+  },
+}
diff --git a/services/web/test/acceptance/src/helpers/SAMLHelper.mjs b/services/web/test/acceptance/src/helpers/SAMLHelper.mjs
new file mode 100644
index 0000000..6732454
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/SAMLHelper.mjs
@@ -0,0 +1,254 @@
+import fs from 'node:fs'
+import path from 'node:path'
+import { SignedXml } from 'xml-crypto'
+import { SamlLog } from '../../../../app/src/models/SamlLog.js'
+import { expect } from 'chai'
+import zlib from 'node:zlib'
+import { fileURLToPath } from 'node:url'
+import xml2js from 'xml2js'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+const samlDataDefaults = {
+  firstName: 'first-name',
+  hasEntitlement: 'Y',
+  issuer: 'Overleaf',
+  lastName: 'last-name',
+  requestId: 'dummy-request-id',
+}
+
+function samlValue(val) {
+  if (!Array.isArray(val)) {
+    val = [val]
+  }
+  return val
+    .map(
+      v =>
+        `<saml:AttributeValue xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:type="xs:string">${v}</saml:AttributeValue>`
+    )
+    .join('')
+}
+
+function makeAttribute(attribute, value) {
+  if (!value) {
+    return ''
+  }
+
+  return `<saml:AttributeStatement>
+  <saml:Attribute Name="${attribute}" NameFormat="urn:oasis:names:tc:SAML:2.0:attrname-format:unspecified">
+    ${samlValue(value)}
+  </saml:Attribute>
+</saml:AttributeStatement>`
+}
+
+function createMockSamlAssertion(samlData = {}, opts = {}) {
+  const {
+    email,
+    firstName,
+    hasEntitlement,
+    issuer,
+    lastName,
+    uniqueId,
+    requestId,
+  } = {
+    ...samlDataDefaults,
+    ...samlData,
+  }
+  const { signedAssertion = true } = opts
+
+  const userIdAttributeName = samlData.userIdAttribute || 'uniqueId'
+  const userIdAttribute =
+    uniqueId &&
+    `<saml:AttributeStatement>
+    <saml:Attribute Name="${userIdAttributeName}" NameFormat="urn:oasis:names:tc:SAML:2.0:attrname-format:unspecified">
+      <saml:AttributeValue xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:type="xs:string">${uniqueId}</saml:AttributeValue>
+    </saml:Attribute>
+  </saml:AttributeStatement>`
+
+  const userIdAttributeLegacy =
+    samlData.userIdAttributeLegacy && samlData.uniqueIdLegacy
+      ? `<saml:AttributeStatement><saml:Attribute Name="${samlData.userIdAttributeLegacy}" NameFormat="urn:oasis:names:tc:SAML:2.0:attrname-format:unspecified"><saml:AttributeValue xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:type="xs:string">${samlData.uniqueIdLegacy}</saml:AttributeValue></saml:Attribute></saml:AttributeStatement>`
+      : ''
+
+  const nameId =
+    userIdAttributeName && userIdAttributeName !== 'nameID'
+      ? `<saml:NameID Format="urn:oasis:names:tc:SAML:1.1:nameid-format:unspecified">mock@email.com</saml:NameID>`
+      : ''
+
+  const samlAssertion = `<saml:Assertion xmlns:saml="urn:oasis:names:tc:SAML:2.0:assertion" ID="t835VaiI1fph1yk8yhdD4OtyBQ4" IssueInstant="2018-08-09T08:56:30.126Z" Version="2.0">
+    <saml:Issuer>${issuer}</saml:Issuer>
+    <saml:Subject>
+      ${nameId}
+      <saml:SubjectConfirmation Method="urn:oasis:names:tc:SAML:2.0:cm:bearer">
+        <saml:SubjectConfirmationData Recipient="*******" NotOnOrAfter="2028-08-09T09:01:30.126Z" InResponseTo="${requestId}" />
+      </saml:SubjectConfirmation>
+    </saml:Subject>
+    <saml:Conditions NotBefore="2008-08-09T08:51:30.126Z" NotOnOrAfter="2028-08-09T09:01:30.126Z">
+      <saml:AudienceRestriction>
+        <saml:Audience>${issuer}</saml:Audience>
+      </saml:AudienceRestriction>
+    </saml:Conditions>
+    <saml:AuthnStatement SessionIndex="t835VaiI1fph1yk8yhdD4OtyBQ4" AuthnInstant="2018-08-09T08:56:30.118Z">
+      <saml:AuthnContext>
+        <saml:AuthnContextClassRef>urn:oasis:names:tc:SAML:2.0:ac:classes:unspecified</saml:AuthnContextClassRef>
+      </saml:AuthnContext>
+    </saml:AuthnStatement>
+    ${makeAttribute('email', email)}
+    ${makeAttribute('firstName', firstName)}
+    <saml:AttributeStatement>
+      <saml:Attribute Name="hasEntitlement" NameFormat="urn:oasis:names:tc:SAML:2.0:attrname-format:unspecified">
+        <saml:AttributeValue xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:type="xs:string">${hasEntitlement}</saml:AttributeValue>
+      </saml:Attribute>
+    </saml:AttributeStatement>
+    <saml:AttributeStatement>
+      <saml:Attribute Name="issuer" NameFormat="urn:oasis:names:tc:SAML:2.0:attrname-format:unspecified">
+        <saml:AttributeValue xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:type="xs:string">${issuer}</saml:AttributeValue>
+      </saml:Attribute>
+    </saml:AttributeStatement>
+    ${makeAttribute('lastName', lastName)}
+    ${userIdAttribute}
+    ${userIdAttributeLegacy}
+  </saml:Assertion>`
+
+  if (!signedAssertion) {
+    return samlAssertion
+  }
+
+  const sig = new SignedXml()
+  sig.addReference(
+    "//*[local-name(.)='Assertion']",
+    [
+      'http://www.w3.org/2000/09/xmldsig#enveloped-signature',
+      'http://www.w3.org/2001/10/xml-exc-c14n#',
+    ],
+    'http://www.w3.org/2000/09/xmldsig#sha1'
+  )
+
+  sig.signingKey = fs.readFileSync(
+    path.resolve(__dirname, '../../files/saml-key.pem'),
+    'utf8'
+  )
+  sig.computeSignature(samlAssertion)
+  return sig.getSignedXml()
+}
+
+function createMockSamlResponse(samlData = {}, opts = {}) {
+  const { issuer, requestId } = {
+    ...samlDataDefaults,
+    ...samlData,
+  }
+  const { signedResponse = true } = opts
+
+  const samlAssertion = createMockSamlAssertion(samlData, opts)
+
+  let samlResponse = `
+<?xml version="1.0" encoding="UTF-8"?>
+<samlp:Response xmlns:samlp="urn:oasis:names:tc:SAML:2.0:protocol" Version="2.0" ID="WQMXUw8BBp4_XWzcuKgaN5tmxpT" IssueInstant="2018-08-09T08:56:30.106Z" InResponseTo="${requestId}">
+  <saml:Issuer xmlns:saml="urn:oasis:names:tc:SAML:2.0:assertion">${issuer}</saml:Issuer>
+  <samlp:Status>
+    <samlp:StatusCode Value="urn:oasis:names:tc:SAML:2.0:status:Success" />
+  </samlp:Status>
+  ${samlAssertion}
+</samlp:Response>
+  `
+
+  if (signedResponse) {
+    const sig = new SignedXml()
+    sig.addReference(
+      "//*[local-name(.)='Response']",
+      [
+        'http://www.w3.org/2000/09/xmldsig#enveloped-signature',
+        'http://www.w3.org/2001/10/xml-exc-c14n#',
+      ],
+      'http://www.w3.org/2000/09/xmldsig#sha1'
+    )
+
+    sig.signingKey = fs.readFileSync(
+      path.resolve(__dirname, '../../files/saml-key.pem'),
+      'utf8'
+    )
+    sig.computeSignature(samlResponse)
+    samlResponse = sig.getSignedXml()
+  }
+
+  return Buffer.from(samlResponse).toString('base64')
+}
+
+function samlUniversity(config = {}) {
+  return {
+    hostname: 'example-sso.com',
+    sso_cert: fs
+      .readFileSync(
+        path.resolve(__dirname, '../../files/saml-cert.crt'),
+        'utf8'
+      )
+      .replace(/-----BEGIN CERTIFICATE-----/, '')
+      .replace(/-----END CERTIFICATE-----/, '')
+      .replace(/\n/g, ''),
+    sso_enabled: true,
+    sso_entry_point: 'http://example-sso.com/saml',
+    sso_entity_id: 'http://example-sso.com/saml/idp',
+    university_id: 9999,
+    university_name: 'Example University',
+    sso_user_email_attribute: 'email',
+    sso_user_first_name_attribute: 'firstName',
+    sso_user_id_attribute: 'uniqueId',
+    sso_user_last_name_attribute: 'lastName',
+    sso_license_entitlement_attribute: 'hasEntitlement',
+    sso_license_entitlement_matcher: 'Y',
+    sso_signature_algorithm: 'sha256',
+    ...config,
+  }
+}
+
+async function getParseAndDoChecksForSamlLogs(numberOfLog) {
+  const logs = await SamlLog.find({}, {})
+    .sort({ $natural: -1 })
+    .limit(numberOfLog || 1)
+    .exec()
+  logs.forEach(log => {
+    expect(log.sessionId).to.exist
+    expect(log.sessionId.length).to.equal(8) // not full session ID
+    expect(log.createdAt).to.exist
+    expect(log.jsonData).to.exist
+    log.parsedJsonData = JSON.parse(log.jsonData)
+    if (log.samlAssertion) {
+      log.parsedSamlAssertion = JSON.parse(log.samlAssertion)
+    }
+  })
+
+  return logs
+}
+
+/**
+ * Parses a SAML request from a redirect URI.
+ *
+ * @param {URL} redirectUri - The redirect URI containing the SAML request.
+ * @returns {Promise<Object>} - A promise that resolves to the parsed SAML request object.
+ */
+async function parseSamlRequest(redirectUri) {
+  const decoded = redirectUri.searchParams.get('SAMLRequest')
+  const base64Decoded = Buffer.from(decoded, 'base64')
+  const inflated = zlib.inflateRawSync(base64Decoded)
+  return xml2js.parseStringPromise(inflated.toString('utf8'))
+}
+
+/**
+ * Parses the SAML request from the given redirect URI and returns the request ID.
+ * @param {URL} redirectUri - The redirect URI containing the SAML request.
+ * @returns {Promise<string>} - A Promise that resolves to the request ID.
+ */
+async function getRequestId(redirectUri) {
+  const samlRequest = await parseSamlRequest(redirectUri)
+  return samlRequest['samlp:AuthnRequest'].$.ID
+}
+
+const SAMLHelper = {
+  createMockSamlResponse,
+  samlUniversity,
+  getParseAndDoChecksForSamlLogs,
+  parseSamlRequest,
+  getRequestId,
+}
+
+export default SAMLHelper
diff --git a/services/web/test/acceptance/src/helpers/SplitTestHelper.mjs b/services/web/test/acceptance/src/helpers/SplitTestHelper.mjs
new file mode 100644
index 0000000..600c5b8
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/SplitTestHelper.mjs
@@ -0,0 +1,60 @@
+import { assert } from 'chai'
+import { CacheFlow } from 'cache-flow'
+
+const sendStaffRequest = async function (
+  staffUser,
+  { method, path, payload, clearCache = true }
+) {
+  const response = await staffUser.doRequest(method, {
+    uri: path,
+    json: payload,
+  })
+  if (clearCache) {
+    await CacheFlow.reset('split-test')
+  }
+  return response
+}
+
+const createTest = async function (staffUser, payload) {
+  const response = await sendStaffRequest(staffUser, {
+    method: 'POST',
+    path: '/admin/api/split-test/create',
+    payload,
+  })
+  return response.body
+}
+
+const updateTestConfig = async function (staffUser, payload) {
+  const response = await sendStaffRequest(staffUser, {
+    method: 'POST',
+    path: '/admin/api/split-test/update-config',
+    payload,
+  })
+  return response.body
+}
+
+const expectResponse = async function (
+  staffUser,
+  { method, path, payload },
+  { status, body, excluding, excludingEvery }
+) {
+  const result = await sendStaffRequest(staffUser, { method, path, payload })
+
+  assert.equal(result.response.statusCode, status)
+  if (body) {
+    if (excludingEvery) {
+      assert.deepEqualExcludingEvery(result.body, body, excludingEvery)
+    } else if (excluding) {
+      assert.deepEqualExcludingEvery(result.body, body, excluding)
+    } else {
+      assert.deepEqual(result.body, body)
+    }
+  }
+}
+
+export default {
+  sendStaffRequest,
+  createTest,
+  updateTestConfig,
+  expectResponse,
+}
diff --git a/services/web/test/acceptance/src/helpers/Subscription.mjs b/services/web/test/acceptance/src/helpers/Subscription.mjs
new file mode 100644
index 0000000..db5c9c5
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/Subscription.mjs
@@ -0,0 +1,181 @@
+import { db, ObjectId } from '../../../../app/src/infrastructure/mongodb.js'
+import { expect } from 'chai'
+import { callbackifyClass } from '@overleaf/promise-utils'
+import SubscriptionUpdater from '../../../../app/src/Features/Subscription/SubscriptionUpdater.js'
+import PermissionsManager from '../../../../app/src/Features/Authorization/PermissionsManager.js'
+import SSOConfigManager from '../../../../modules/group-settings/app/src/sso/SSOConfigManager.mjs'
+import { Subscription as SubscriptionModel } from '../../../../app/src/models/Subscription.js'
+import { DeletedSubscription as DeletedSubscriptionModel } from '../../../../app/src/models/DeletedSubscription.js'
+import Modules from '../../../../app/src/infrastructure/Modules.js'
+
+class PromisifiedSubscription {
+  constructor(options = {}) {
+    this.admin_id = options.adminId || new ObjectId()
+    this.overleaf = options.overleaf || {}
+    this.groupPlan = options.groupPlan
+    this.manager_ids = options.managerIds || [this.admin_id]
+    this.member_ids = options.memberIds || []
+    this.membersLimit = options.membersLimit || 0
+    this.invited_emails = options.invitedEmails || []
+    this.teamName = options.teamName
+    this.teamInvites = options.teamInvites || []
+    this.planCode = options.planCode
+    this.recurlySubscription_id = options.recurlySubscription_id
+    this.features = options.features
+    this.ssoConfig = options.ssoConfig
+    this.groupPolicy = options.groupPolicy
+    this.addOns = options.addOns
+    this.paymentProvider = options.paymentProvider
+  }
+
+  async ensureExists() {
+    if (this._id) {
+      return null
+    }
+    const options = { upsert: true, new: true, setDefaultsOnInsert: true }
+    const subscription = await SubscriptionModel.findOneAndUpdate(
+      { admin_id: this.admin_id },
+      this,
+      options
+    ).exec()
+    this._id = subscription._id
+  }
+
+  async get() {
+    return await db.subscriptions.findOne({ _id: new ObjectId(this._id) })
+  }
+
+  async getWithGroupPolicy() {
+    // eslint-disable-next-line no-restricted-syntax
+    return await SubscriptionModel.findById(this._id)
+      .populate('groupPolicy')
+      .exec()
+  }
+
+  async setManagerIds(managerIds) {
+    return await SubscriptionModel.findOneAndUpdate(
+      { _id: new ObjectId(this._id) },
+      { manager_ids: managerIds }
+    )
+  }
+
+  async setSSOConfig(ssoConfig) {
+    const subscription = await this.get()
+
+    return await SSOConfigManager.promises.updateSubscriptionSSOConfig(
+      subscription,
+      ssoConfig
+    )
+  }
+
+  async refreshUsersFeatures() {
+    return await SubscriptionUpdater.promises.refreshUsersFeatures(this)
+  }
+
+  async enableManagedUsers() {
+    await Modules.promises.hooks.fire('enableManagedUsers', this._id)
+  }
+
+  async enableFeatureSSO() {
+    await SubscriptionModel.findOneAndUpdate(
+      { _id: new ObjectId(this._id) },
+      { 'features.groupSSO': true }
+    ).exec()
+  }
+
+  async setValidatedSSO() {
+    const doc = await db.subscriptions.findOne({ _id: new ObjectId(this._id) })
+
+    const ssoConfigId = doc.ssoConfig
+
+    return await db.ssoConfigs.findOneAndUpdate(
+      { _id: ssoConfigId },
+      { $set: { validated: true } }
+    )
+  }
+
+  async setValidatedAndEnabledSSO() {
+    const doc = await db.subscriptions.findOne({ _id: new ObjectId(this._id) })
+
+    const ssoConfigId = doc.ssoConfig
+
+    return await db.ssoConfigs.findOneAndUpdate(
+      { _id: ssoConfigId },
+      { $set: { enabled: true, validated: true } }
+    )
+  }
+
+  async getEnrollmentForUser(user) {
+    const [enrollment] = await Modules.promises.hooks.fire(
+      'getManagedUsersEnrollmentForUser',
+      user
+    )
+    return enrollment
+  }
+
+  getCapabilities(groupPolicy) {
+    return PermissionsManager.getUserCapabilities(groupPolicy)
+  }
+
+  async getUserValidationStatus(params) {
+    return await PermissionsManager.promises.getUserValidationStatus(params)
+  }
+
+  async enrollManagedUser(user) {
+    const subscription = await SubscriptionModel.findById(this._id).exec()
+    return await Modules.promises.hooks.fire(
+      'enrollInManagedSubscription',
+      user._id,
+      subscription
+    )
+  }
+
+  async expectDeleted(deleterData) {
+    const deletedSubscriptions = await DeletedSubscriptionModel.find({
+      'subscription._id': this._id,
+    }).exec()
+
+    expect(deletedSubscriptions.length).to.equal(1)
+
+    const deletedSubscription = deletedSubscriptions[0]
+    expect(deletedSubscription.subscription.teamInvites).to.be.empty
+    expect(deletedSubscription.subscription.invited_emails).to.be.empty
+    expect(deletedSubscription.deleterData.deleterIpAddress).to.equal(
+      deleterData.ip
+    )
+    if (deleterData.id) {
+      expect(deletedSubscription.deleterData.deleterId.toString()).to.equal(
+        deleterData.id.toString()
+      )
+    } else {
+      expect(deletedSubscription.deleterData.deleterId).to.be.undefined
+    }
+
+    const subscription = await SubscriptionModel.findById(this._id).exec()
+    expect(subscription).to.be.null
+  }
+
+  async addMember(userId) {
+    return await SubscriptionModel.findOneAndUpdate(
+      { _id: new ObjectId(this._id) },
+      { $push: { member_ids: userId } }
+    ).exec()
+  }
+
+  async inviteUser(adminUser, email) {
+    await adminUser.login()
+    return await adminUser.doRequest('POST', {
+      url: `/manage/groups/${this._id}/invites`,
+      json: {
+        email,
+      },
+    })
+  }
+}
+
+const Subscription = callbackifyClass(PromisifiedSubscription, {
+  without: ['getCapabilities'],
+})
+Subscription.promises = class extends PromisifiedSubscription {}
+
+export default Subscription
diff --git a/services/web/test/acceptance/src/helpers/User.mjs b/services/web/test/acceptance/src/helpers/User.mjs
new file mode 100644
index 0000000..5f8ac29
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/User.mjs
@@ -0,0 +1,1327 @@
+import OError from '@overleaf/o-error'
+import request from './request.js'
+import settings from '@overleaf/settings'
+import { db, ObjectId } from '../../../../app/src/infrastructure/mongodb.js'
+import { User as UserModel } from '../../../../app/src/models/User.js'
+import UserUpdater from '../../../../app/src/Features/User/UserUpdater.js'
+import AuthenticationManager from '../../../../app/src/Features/Authentication/AuthenticationManager.js'
+import { promisifyClass } from '@overleaf/promise-utils'
+import fs from 'node:fs'
+import Path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { Cookie } from 'tough-cookie'
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+const COOKIE_DOMAIN = settings.cookieDomain
+// The cookie domain has a leading '.' but the cookie jar stores it without.
+const DEFAULT_COOKIE_URL = `https://${COOKIE_DOMAIN.replace(/^\./, '')}/`
+
+let count = settings.test.counterInit
+
+class User {
+  constructor(options) {
+    if (options == null) {
+      options = {}
+    }
+    this.emails = [
+      {
+        email: options.email || `acceptance-test-${count}@example.com`,
+        createdAt: new Date(),
+        confirmedAt: options.confirmedAt,
+      },
+    ]
+    this.email = this.emails[0].email
+    this.password = `a-terrible-secret-${count}`
+    count++
+    this.jar = request.jar()
+    this.request = request.defaults({
+      jar: this.jar,
+    })
+  }
+
+  getSession(options, callback) {
+    if (typeof options === 'function') {
+      callback = options
+      options = {}
+    }
+    this.request.get(
+      {
+        url: '/dev/session',
+        qs: options.set,
+      },
+      (err, response, body) => {
+        if (err != null) {
+          return callback(err)
+        }
+        if (response.statusCode !== 200) {
+          return callback(
+            new Error(
+              `get session failed: status=${
+                response.statusCode
+              } body=${JSON.stringify(body)}`
+            )
+          )
+        }
+
+        const session = JSON.parse(response.body)
+        callback(null, session)
+      }
+    )
+  }
+
+  setInSession(params, callback) {
+    this.getCsrfToken(error => {
+      if (error != null) {
+        return callback(error)
+      }
+      this.request.post(
+        {
+          url: '/dev/set_in_session',
+          json: params,
+        },
+        (err, response, body) => {
+          if (err != null) {
+            return callback(err)
+          }
+          if (response.statusCode !== 200) {
+            return callback(
+              new Error(
+                `post set in session failed: status=${
+                  response.statusCode
+                } body=${JSON.stringify(body)}`
+              )
+            )
+          }
+          callback(null)
+        }
+      )
+    })
+  }
+
+  getSplitTestAssignment(splitTestName, query, callback) {
+    if (!callback) {
+      callback = query
+    }
+    const params = new URLSearchParams({
+      splitTestName,
+      ...query,
+    }).toString()
+    this.request.get(
+      {
+        url: `/dev/split_test/get_assignment?${params}`,
+      },
+      (err, response, body) => {
+        if (err != null) {
+          return callback(err)
+        }
+        if (response.statusCode !== 200) {
+          return callback(
+            new Error(
+              `get split test assignment failed: status=${
+                response.statusCode
+              } body=${JSON.stringify(body)}`
+            )
+          )
+        }
+        const assignment = JSON.parse(response.body)
+        callback(null, assignment)
+      }
+    )
+  }
+
+  doSessionMaintenance(callback) {
+    this.request.post(
+      {
+        url: `/dev/split_test/session_maintenance`,
+      },
+      (err, response, body) => {
+        if (err != null) {
+          return callback(err)
+        }
+        if (response.statusCode !== 200) {
+          return callback(
+            new Error(
+              `post session maintenance failed: status=${
+                response.statusCode
+              } body=${JSON.stringify(body)}`
+            )
+          )
+        }
+        callback(null)
+      }
+    )
+  }
+
+  optIntoBeta(callback) {
+    this.request.post(
+      {
+        url: '/beta/opt-in',
+      },
+      (err, response, body) => {
+        if (err != null) {
+          return callback(err)
+        }
+        if (response.statusCode !== 302) {
+          return callback(
+            new Error(
+              `post beta opt-in failed: status=${
+                response.statusCode
+              } body=${JSON.stringify(body)}`
+            )
+          )
+        }
+        callback(null)
+      }
+    )
+  }
+
+  optOutOfBeta(callback) {
+    this.request.post(
+      {
+        url: '/beta/opt-out',
+      },
+      (err, response, body) => {
+        if (err != null) {
+          return callback(err)
+        }
+        if (response.statusCode !== 302) {
+          return callback(
+            new Error(
+              `post beta opt-out failed: status=${
+                response.statusCode
+              } body=${JSON.stringify(body)}`
+            )
+          )
+        }
+        callback(null)
+      }
+    )
+  }
+
+  /* Return the session cookie, url decoded. Use the option {raw:true} to get the original undecoded value */
+
+  sessionCookie(options) {
+    const cookie = Cookie.parse(this.jar.getCookieString(DEFAULT_COOKIE_URL))
+    if (cookie?.value && !options?.raw) {
+      cookie.value = decodeURIComponent(cookie.value)
+    }
+    return cookie
+  }
+
+  /* Set the session cookie from a string and store it in the cookie jar, so that it will be used
+     for subsequent requests. */
+
+  setSessionCookie(cookie) {
+    const sessionCookie = request.cookie(
+      `${settings.cookieName}=${cookie}; Domain=${COOKIE_DOMAIN}; Max-age=3600; Path=/; SameSite=Lax`
+    )
+    this.jar.setCookie(sessionCookie, DEFAULT_COOKIE_URL)
+  }
+
+  getEmailConfirmationCode(callback) {
+    this.getSession((err, session) => {
+      if (err != null) {
+        return callback(err)
+      }
+
+      const code = session.pendingUserRegistration?.confirmCode
+      if (!code) {
+        return callback(new Error('No confirmation code found in session'))
+      }
+
+      callback(null, code)
+    })
+  }
+
+  resetCookies() {
+    this.jar = request.jar()
+    this.request = request.defaults({
+      jar: this.jar,
+    })
+  }
+
+  setExtraAttributes(user) {
+    if (!user?._id) {
+      throw new Error('User does not exist')
+    }
+    this.id = user._id.toString()
+    this._id = user._id.toString()
+    this.first_name = user.first_name
+    this.referal_id = user.referal_id
+    this.enrollment = user.enrollment
+  }
+
+  get(callback) {
+    db.users.findOne({ _id: new ObjectId(this._id) }, callback)
+  }
+
+  getAuditLog(callback) {
+    this.get((error, user) => {
+      if (error) return callback(error)
+      if (!user) return callback(new Error('User not found'))
+
+      db.userAuditLogEntries
+        .find({ userId: new ObjectId(this._id) })
+        .toArray((error, auditLog) => {
+          if (error) return callback(error)
+          callback(null, auditLog || [])
+        })
+    })
+  }
+
+  getAuditLogWithoutNoise(callback) {
+    this.getAuditLog((error, auditLog) => {
+      if (error) return callback(error)
+      callback(
+        null,
+        auditLog.filter(entry => {
+          return entry.operation !== 'login'
+        })
+      )
+    })
+  }
+
+  mongoUpdate(updateOp, callback) {
+    db.users.updateOne({ _id: new ObjectId(this._id) }, updateOp, callback)
+  }
+
+  register(callback) {
+    this.registerWithQuery('', callback)
+  }
+
+  registerWithQuery(query, callback) {
+    if (this._id != null) {
+      return callback(new Error('User already registered'))
+    }
+    this.getCsrfToken(error => {
+      if (error != null) {
+        return callback(error)
+      }
+      this.request.post(
+        {
+          url: `/register${query}`,
+          json: { email: this.email, password: this.password },
+        },
+        (error, response, body) => {
+          if (error != null) {
+            return callback(error)
+          }
+          if (response.statusCode !== 200) {
+            return callback(
+              new Error(
+                `register failed: status=${
+                  response.statusCode
+                } body=${JSON.stringify(body)}`
+              )
+            )
+          }
+
+          this.getEmailConfirmationCode((error, code) => {
+            if (error != null) {
+              return callback(error)
+            }
+
+            this.request.post(
+              {
+                url: '/registration/confirm-email',
+                json: { code },
+              },
+              (error, response, body) => {
+                if (error != null) {
+                  return callback(error)
+                }
+                if (response.statusCode !== 200) {
+                  return callback(
+                    new Error(
+                      `email confirmation failed: status=${
+                        response.statusCode
+                      } body=${JSON.stringify(body)}`
+                    )
+                  )
+                }
+
+                db.users.findOne({ email: this.email }, (error, user) => {
+                  if (error != null) {
+                    return callback(error)
+                  }
+                  this.setExtraAttributes(user)
+                  callback(null, user, response)
+                })
+              }
+            )
+          })
+        }
+      )
+    })
+  }
+
+  login(callback) {
+    this.loginWith(this.email, callback)
+  }
+
+  loginWith(email, callback) {
+    this.ensureUserExists(error => {
+      if (error != null) {
+        return callback(error)
+      }
+      this.loginWithEmailPassword(email, this.password, callback)
+    })
+  }
+
+  loginNoUpdate(callback) {
+    this.loginWithEmailPassword(this.email, this.password, callback)
+  }
+
+  loginWithEmailPassword(email, password, callback) {
+    this.getCsrfToken(error => {
+      if (error != null) {
+        return callback(error)
+      }
+      this.request.post(
+        {
+          url: settings.enableLegacyLogin ? '/login/legacy' : '/login',
+          json: {
+            email,
+            password,
+            'g-recaptcha-response': 'valid',
+          },
+        },
+        (error, response, body) => {
+          if (error != null) {
+            return callback(error)
+          }
+          if (response.statusCode !== 200) {
+            return callback(
+              new OError(
+                `login failed: status=${
+                  response.statusCode
+                } body=${JSON.stringify(body)}`,
+                { response, body }
+              )
+            )
+          }
+          // get new csrf token, then return result of login
+          this.getCsrfToken(err => {
+            if (err) {
+              return callback(OError.tag(err, 'after login'))
+            }
+            callback(null, response, body)
+          })
+        }
+      )
+    })
+  }
+
+  ensureUserExists(callback) {
+    if (this._id) return callback() // already exists
+    const filter = { email: this.email }
+    const options = { upsert: true, new: true, setDefaultsOnInsert: true }
+
+    AuthenticationManager.hashPassword(
+      this.password,
+      (error, hashedPassword) => {
+        if (error != null) {
+          return callback(error)
+        }
+
+        UserModel.findOneAndUpdate(
+          filter,
+          { $set: { hashedPassword, emails: this.emails } },
+          options
+        )
+          .then(user => {
+            this.setExtraAttributes(user)
+            callback(null, this.password)
+          })
+          .catch(callback)
+      }
+    )
+  }
+
+  // Update and persist feature upgrade. Downgrades will be flaky!
+  upgradeFeatures(features, callback) {
+    this.setFeatures(features, err => {
+      if (err) return callback(err)
+      // Persist the feature update, otherwise the next feature refresh will reset them.
+      this.setFeaturesOverride(
+        {
+          createdAt: new Date(),
+          note: 'Some note',
+          features,
+        },
+        callback
+      )
+    })
+  }
+
+  // Low-level. Temporary feature change. A feature refresh might reset them, e.g. "some time" after logging in.
+  setFeatures(features, callback) {
+    const update = {}
+    for (const key in features) {
+      const value = features[key]
+      update[`features.${key}`] = value
+    }
+    UserModel.updateOne({ _id: this.id }, update)
+      .then((...args) => callback(null, ...args))
+      .catch(callback)
+  }
+
+  // Low-level. Permanent feature change. Feature overrides are not applied right away. A feature refresh might populate them "some time" after login/changing subscriptions.
+  setFeaturesOverride(featuresOverride, callback) {
+    if (!featuresOverride?.features) {
+      throw new Error('bad featuresOverride schema')
+    }
+    const update = { $push: { featuresOverrides: featuresOverride } }
+    UserModel.updateOne({ _id: this.id }, update)
+      .then((...args) => callback(null, ...args))
+      .catch(callback)
+  }
+
+  setOverleafId(overleafId, callback) {
+    UserModel.updateOne({ _id: this.id }, { 'overleaf.id': overleafId })
+      .then((...args) => callback(null, ...args))
+      .catch(callback)
+  }
+
+  setEmails(emails, callback) {
+    UserModel.updateOne({ _id: this.id }, { emails })
+      .then((...args) => callback(null, ...args))
+      .catch(callback)
+  }
+
+  setSuspended(suspended, callback) {
+    UserModel.updateOne({ _id: this.id }, { suspended })
+      .then((...args) => callback(null, ...args))
+      .catch(callback)
+  }
+
+  logout(callback) {
+    this.getCsrfToken(error => {
+      if (error != null) {
+        return callback(error)
+      }
+      this.request.post(
+        {
+          url: '/logout',
+        },
+        (error, response, body) => {
+          if (error != null) {
+            return callback(error)
+          }
+          if (response.statusCode >= 400) {
+            return callback(
+              new Error(
+                `logout failed: status=${
+                  response.statusCode
+                } body=${JSON.stringify(body)}`
+              )
+            )
+          }
+          db.users.findOne({ email: this.email }, (error, user) => {
+            if (error != null) {
+              return callback(error)
+            }
+            if (user == null) {
+              return callback()
+            }
+            this.id = user._id.toString()
+            this._id = user._id.toString()
+            callback()
+          })
+        }
+      )
+    })
+  }
+
+  addEmail(email, callback) {
+    this.emails.push({ email, createdAt: new Date() })
+    UserUpdater.addEmailAddress(
+      this.id,
+      email,
+      {},
+      { initiatorId: this._id, ipAddress: '127:0:0:0' },
+      callback
+    )
+  }
+
+  confirmEmail(email, callback) {
+    for (let idx = 0; idx < this.emails.length; idx++) {
+      const emailData = this.emails[idx]
+      if (emailData.email === email) {
+        this.emails[idx].confirmedAt = new Date()
+      }
+    }
+    UserUpdater.confirmEmail(this.id, email, callback)
+  }
+
+  ensureAdmin(callback) {
+    this.mongoUpdate({ $set: { isAdmin: true } }, callback)
+  }
+
+  ensureStaffAccess(flag, callback) {
+    const update = { $set: {} }
+    update.$set[`staffAccess.${flag}`] = true
+    this.mongoUpdate(update, callback)
+  }
+
+  upgradeSomeFeatures(callback) {
+    const features = {
+      collaborators: -1, // Infinite
+      versioning: true,
+      dropbox: true,
+      compileTimeout: 60,
+      compileGroup: 'priority',
+      references: true,
+      trackChanges: true,
+      trackChangesVisible: true,
+    }
+    this.mongoUpdate({ $set: { features } }, callback)
+  }
+
+  downgradeFeatures(callback) {
+    const features = {
+      collaborators: 1,
+      versioning: false,
+      dropbox: false,
+      compileTimeout: 60,
+      compileGroup: 'standard',
+      references: false,
+      trackChanges: false,
+      trackChangesVisible: false,
+    }
+    this.mongoUpdate({ $set: { features } }, callback)
+  }
+
+  defaultFeatures(callback) {
+    const features = settings.defaultFeatures
+    this.mongoUpdate({ $set: { features } }, callback)
+  }
+
+  getFeatures(callback) {
+    db.users.findOne(
+      { _id: new ObjectId(this.id) },
+      { projection: { features: 1 } },
+      (error, user) => callback(error, user && user.features)
+    )
+  }
+
+  fullDeleteUser(email, callback) {
+    db.users.findOne({ email }, (error, user) => {
+      if (error != null) {
+        return callback(error)
+      }
+      if (user == null) {
+        return callback()
+      }
+      const userId = user._id
+      db.projects.deleteMany({ owner_ref: new ObjectId(userId) }, err => {
+        if (err != null) {
+          callback(err)
+        }
+        db.users.deleteOne({ _id: new ObjectId(userId) }, callback)
+      })
+    })
+  }
+
+  deleteUser(callback) {
+    this.getCsrfToken(error => {
+      if (error) {
+        return callback(error)
+      }
+      this.request.post(
+        {
+          url: '/user/delete',
+          json: { password: this.password },
+        },
+        (err, response, body) => {
+          if (err) {
+            return callback(err)
+          }
+          if (response.statusCode !== 200) {
+            return callback(
+              new Error(
+                `user deletion failed: status=${
+                  response.statusCode
+                } body=${JSON.stringify(body)}`
+              )
+            )
+          }
+          callback()
+        }
+      )
+    })
+  }
+
+  getProject(projectId, callback) {
+    db.projects.findOne({ _id: new ObjectId(projectId.toString()) }, callback)
+  }
+
+  saveProject(project, callback) {
+    db.projects.updateOne({ _id: project._id }, { $set: project }, callback)
+  }
+
+  createProject(name, options, callback) {
+    if (typeof options === 'function') {
+      callback = options
+      options = {}
+    }
+
+    this.request.post(
+      {
+        url: '/project/new',
+        json: Object.assign({ projectName: name }, options),
+      },
+      (error, response, body) => {
+        if (error != null) {
+          return callback(error)
+        }
+        if (response.statusCode !== 200) {
+          return callback(
+            new Error(
+              `project creation failed: status=${
+                response.statusCode
+              } body=${JSON.stringify(body)}`
+            )
+          )
+        }
+        if ((body != null ? body.project_id : undefined) == null) {
+          error = new Error(
+            JSON.stringify([
+              'SOMETHING WENT WRONG CREATING PROJECT',
+              name,
+              options,
+              response.statusCode,
+              response.headers.location,
+              body,
+            ])
+          )
+          callback(error)
+        } else {
+          callback(null, body.project_id)
+        }
+      }
+    )
+  }
+
+  deleteProject(projectId, callback) {
+    this.request.delete(
+      {
+        url: `/project/${projectId}`,
+      },
+      (error, response, body) => {
+        if (error != null) {
+          return callback(error)
+        }
+        if (response.statusCode !== 200) {
+          return callback(
+            new Error(
+              `project deletion failed: status=${
+                response.statusCode
+              } body=${JSON.stringify(body)}`
+            )
+          )
+        }
+        callback(null)
+      }
+    )
+  }
+
+  undeleteProject(projectId, callback) {
+    this.request.post(
+      {
+        url: `/admin/project/${projectId}/undelete`,
+      },
+      (error, response, body) => {
+        if (error) {
+          return callback(error)
+        }
+        if (response.statusCode !== 204) {
+          return callback(
+            new Error(
+              `project un-deletion failed: status=${
+                response.statusCode
+              } body=${JSON.stringify(body)}`
+            )
+          )
+        }
+        callback(null)
+      }
+    )
+  }
+
+  deleteProjects(callback) {
+    db.projects.deleteMany({ owner_ref: new ObjectId(this.id) }, callback)
+  }
+
+  openProject(projectId, callback) {
+    this.request.get(
+      {
+        url: `/project/${projectId}`,
+      },
+      (error, response, body) => {
+        if (error != null) {
+          return callback(error)
+        }
+        if (response.statusCode !== 200) {
+          return callback(
+            new Error(
+              `opening project failed: status=${
+                response.statusCode
+              } body=${JSON.stringify(body)}`
+            )
+          )
+        }
+        callback(null)
+      }
+    )
+  }
+
+  createDocInProject(projectId, parentFolderId, name, callback) {
+    this.getCsrfToken(error => {
+      if (error != null) {
+        return callback(error)
+      }
+      this.request.post(
+        {
+          url: `/project/${projectId}/doc`,
+          json: {
+            name,
+            parentFolderId,
+          },
+        },
+        (error, response, body) => {
+          if (error != null) {
+            return callback(error)
+          }
+          if (response.statusCode !== 200) {
+            return callback(
+              new Error(
+                `doc creation in project failed: status=${
+                  response.statusCode
+                } body=${JSON.stringify(body)}`
+              )
+            )
+          }
+          callback(null, body._id)
+        }
+      )
+    })
+  }
+
+  uploadFileInProject(projectId, folderId, file, name, contentType, callback) {
+    this.uploadFileInProjectFull(
+      projectId,
+      folderId,
+      file,
+      name,
+      contentType,
+      (err, body) => callback(err, body?.entity_id)
+    )
+  }
+
+  uploadFileInProjectFull(
+    projectId,
+    folderId,
+    file,
+    name,
+    contentType,
+    callback
+  ) {
+    const fileStream = fs.createReadStream(
+      Path.resolve(Path.join(__dirname, '..', '..', 'files', file))
+    )
+
+    this.request.post(
+      {
+        uri: `project/${projectId}/upload`,
+        qs: {
+          folder_id: String(folderId),
+        },
+        formData: {
+          name,
+          qqfile: {
+            value: fileStream,
+            options: {
+              filename: name,
+              contentType,
+            },
+          },
+        },
+      },
+      (error, response, body) => {
+        if (error) {
+          return callback(error)
+        }
+        if (response.statusCode !== 200) {
+          return callback(
+            new Error(
+              `uploading file failed: status=${
+                response.statusCode
+              } body=${JSON.stringify(body)}`
+            )
+          )
+        }
+
+        callback(null, JSON.parse(body))
+      }
+    )
+  }
+
+  uploadExampleFileInProject(projectId, folderId, name, callback) {
+    this.uploadFileInProject(
+      projectId,
+      folderId,
+      '1pixel.png',
+      name,
+      'image/png',
+      callback
+    )
+  }
+
+  moveItemInProject(projectId, type, itemId, folderId, callback) {
+    this.request.post(
+      {
+        uri: `project/${projectId}/${type}/${itemId}/move`,
+        json: {
+          folder_id: folderId,
+        },
+      },
+      (error, response, body) => {
+        if (error) {
+          return callback(error)
+        }
+        if (response.statusCode !== 200) {
+          return callback(
+            new Error(
+              `move item in project failed: type=${type} status=${
+                response.statusCode
+              } body=${JSON.stringify(body)}`
+            )
+          )
+        }
+
+        callback()
+      }
+    )
+  }
+
+  renameItemInProject(projectId, type, itemId, name, callback) {
+    this.request.post(
+      {
+        uri: `project/${projectId}/${type}/${itemId}/rename`,
+        json: {
+          name,
+        },
+      },
+      (error, response, body) => {
+        if (error) {
+          return callback(error)
+        }
+        if (response.statusCode !== 204) {
+          return callback(
+            new Error(
+              `rename item in project failed: type=${type} status=${
+                response.statusCode
+              } body=${JSON.stringify(body)}`
+            )
+          )
+        }
+
+        callback()
+      }
+    )
+  }
+
+  deleteItemInProject(projectId, type, itemId, callback) {
+    this.request.delete(
+      `project/${projectId}/${type}/${itemId}`,
+      (error, response, body) => {
+        if (error) {
+          return callback(error)
+        }
+        if (response.statusCode !== 204) {
+          return callback(
+            new Error(
+              `delete item in project failed: type=${type} status=${
+                response.statusCode
+              } body=${JSON.stringify(body)}`
+            )
+          )
+        }
+        callback()
+      }
+    )
+  }
+
+  joinProject(projectId, callback) {
+    this.request.post(
+      {
+        url: `/project/${projectId}/join`,
+        auth: {
+          user: settings.apis.web.user,
+          pass: settings.apis.web.pass,
+          sendImmediately: true,
+        },
+        json: { userId: this._id },
+        jar: false,
+      },
+      (error, response, body) => {
+        if (error) {
+          return callback(error)
+        }
+        if (response.statusCode !== 200) {
+          return callback(
+            new Error(
+              `join project failed: status=${
+                response.statusCode
+              } body=${JSON.stringify(body)}`
+            )
+          )
+        }
+        callback(null, body)
+      }
+    )
+  }
+
+  addUserToProject(projectId, user, privileges, callback) {
+    let updateOp
+    if (privileges === 'readAndWrite') {
+      updateOp = { $addToSet: { collaberator_refs: user._id } }
+    } else if (privileges === 'readOnly') {
+      updateOp = { $addToSet: { readOnly_refs: user._id } }
+    } else if (privileges === 'pendingEditor') {
+      updateOp = {
+        $addToSet: { readOnly_refs: user._id, pendingEditor_refs: user._id },
+      }
+    } else if (privileges === 'pendingReviewer') {
+      updateOp = {
+        $addToSet: { readOnly_refs: user._id, pendingReviewer_refs: user._id },
+      }
+    } else if (privileges === 'review') {
+      updateOp = {
+        $addToSet: { reviewer_refs: user._id },
+      }
+    }
+    db.projects.updateOne({ _id: new ObjectId(projectId) }, updateOp, callback)
+  }
+
+  makePublic(projectId, level, callback) {
+    // A fudge, to get around the fact that `readOnly` and `readAndWrite` are now disallowed
+    // via the API, but we still need to test the behaviour of projects with these values set.
+    db.projects.updateOne(
+      { _id: new ObjectId(projectId) },
+      // NOTE: Yes, there is a typo in the db schema.
+      { $set: { publicAccesLevel: level } },
+      callback
+    )
+  }
+
+  makePrivate(projectId, callback) {
+    this.request.post(
+      {
+        url: `/project/${projectId}/settings/admin`,
+        json: {
+          publicAccessLevel: 'private',
+        },
+      },
+      (error, response, body) => {
+        if (error != null) {
+          return callback(error)
+        }
+        if (response.statusCode !== 204) {
+          return callback(
+            new Error(
+              `disable link sharing failed: status=${
+                response.statusCode
+              } body=${JSON.stringify(body)}`
+            )
+          )
+        }
+        callback(null)
+      }
+    )
+  }
+
+  makeTokenBased(projectId, callback) {
+    this.request.post(
+      {
+        url: `/project/${projectId}/settings/admin`,
+        json: {
+          publicAccessLevel: 'tokenBased',
+        },
+      },
+      (error, response, body) => {
+        if (error != null) {
+          return callback(error)
+        }
+        if (response.statusCode !== 204) {
+          return callback(
+            new Error(
+              `enable link sharing failed: status=${
+                response.statusCode
+              } body=${JSON.stringify(body)}`
+            )
+          )
+        }
+        callback(null)
+      }
+    )
+  }
+
+  getCsrfToken(callback) {
+    this.request.get(
+      {
+        url: '/dev/csrf',
+      },
+      (err, response, body) => {
+        if (err != null) {
+          return callback(err)
+        }
+        if (response.statusCode !== 200) {
+          return callback(
+            new Error(
+              `get csrf token failed: status=${
+                response.statusCode
+              } body=${JSON.stringify(body)}`
+            )
+          )
+        }
+        this.csrfToken = body
+        this.request = this.request.defaults({
+          headers: {
+            'x-csrf-token': this.csrfToken,
+          },
+        })
+        callback()
+      }
+    )
+  }
+
+  changePassword(newPassword, callback) {
+    this.getCsrfToken(error => {
+      if (error != null) {
+        return callback(error)
+      }
+      this.request.post(
+        {
+          url: '/user/password/update',
+          json: {
+            currentPassword: this.password,
+            newPassword1: newPassword,
+            newPassword2: newPassword,
+          },
+        },
+        (err, response, body) => {
+          if (err) {
+            return callback(err)
+          }
+          if (response.statusCode !== 200) {
+            return callback(
+              new Error(
+                `change password failed: status=${
+                  response.statusCode
+                } body=${JSON.stringify(body)}`
+              )
+            )
+          }
+          this.password = newPassword
+          callback()
+        }
+      )
+    })
+  }
+
+  reconfirmAccountRequest(userEmail, callback) {
+    this.getCsrfToken(error => {
+      if (error != null) {
+        return callback(error)
+      }
+      this.request.post(
+        {
+          url: '/user/reconfirm',
+          json: {
+            email: userEmail,
+          },
+        },
+        (error, response) => {
+          callback(error, response)
+        }
+      )
+    })
+  }
+
+  getUserSettingsPage(callback) {
+    this.getCsrfToken(error => {
+      if (error != null) {
+        return callback(error)
+      }
+      this.request.get(
+        {
+          url: '/user/settings',
+        },
+        (error, response, body) => {
+          if (error != null) {
+            return callback(error)
+          }
+          if (response.statusCode !== 200) {
+            return callback(
+              new Error(
+                `open settings page failed: status=${
+                  response.statusCode
+                } body=${JSON.stringify(body)}`
+              )
+            )
+          }
+          callback(null, response.statusCode)
+        }
+      )
+    })
+  }
+
+  updateSettings(newSettings, callback) {
+    this.getCsrfToken(error => {
+      if (error != null) {
+        return callback(error)
+      }
+      this.request.post(
+        {
+          url: '/user/settings',
+          json: newSettings,
+        },
+        (err, response, body) => {
+          if (err) return callback(err)
+          if (response.statusCode !== 200) {
+            return callback(
+              new Error(
+                `update settings failed: status=${
+                  response.statusCode
+                } body=${JSON.stringify(body)}`
+              )
+            )
+          }
+          callback()
+        }
+      )
+    })
+  }
+
+  getProjectListPage(callback) {
+    this.request.get('/project', (error, response) => {
+      if (error != null) {
+        return callback(error)
+      }
+      callback(null, response.statusCode)
+    })
+  }
+
+  isLoggedIn(callback) {
+    this.request.get('/user/personal_info', (error, response, body) => {
+      if (error != null) {
+        return callback(error)
+      }
+      if (response.statusCode === 200) {
+        callback(null, true)
+      } else if (response.statusCode === 302) {
+        callback(null, false)
+      } else {
+        callback(
+          new Error(
+            `unexpected status code from /user/personal_info: status=${response.statusCode} body=${body}`
+          )
+        )
+      }
+    })
+  }
+
+  transferProjectOwnership(projectId, userId, callback) {
+    this.getCsrfToken(err => {
+      if (err != null) {
+        return callback(err)
+      }
+      this.request.post(
+        {
+          url: `/project/${projectId.toString()}/transfer-ownership`,
+          json: {
+            user_id: userId.toString(),
+          },
+        },
+        (err, response, body) => {
+          if (err != null) {
+            return callback(err)
+          }
+          if (response.statusCode !== 204) {
+            return callback(
+              new Error(
+                `transfer project ownership failed: status=${
+                  response.statusCode
+                } body=${JSON.stringify(body)}`
+              )
+            )
+          }
+          callback()
+        }
+      )
+    })
+  }
+
+  setV1Id(v1Id, callback) {
+    UserModel.updateOne(
+      {
+        _id: this._id,
+      },
+      {
+        overleaf: {
+          id: v1Id,
+        },
+      }
+    )
+      .then((...args) => callback(null, ...args))
+      .catch(callback)
+  }
+
+  setCollaboratorInfo(projectId, userId, info, callback) {
+    this.getCsrfToken(err => {
+      if (err != null) {
+        return callback(err)
+      }
+      this.request.put(
+        {
+          url: `/project/${projectId.toString()}/users/${userId.toString()}`,
+          json: info,
+        },
+        (err, response, body) => {
+          if (err != null) {
+            return callback(err)
+          }
+          if (response.statusCode !== 204) {
+            return callback(
+              new Error(
+                `update collaborator access failed: status=${
+                  response.statusCode
+                } body=${JSON.stringify(body)}`
+              )
+            )
+          }
+          callback()
+        }
+      )
+    })
+  }
+}
+
+User.promises = promisifyClass(User, {
+  without: ['setExtraAttributes', 'sessionCookie', 'setSessionCookie'],
+})
+
+User.promises.prototype.doRequest = async function (method, params) {
+  return new Promise((resolve, reject) => {
+    this.request[method.toLowerCase()](params, (err, response, body) => {
+      if (err) {
+        reject(err)
+      } else {
+        resolve({ response, body })
+      }
+    })
+  })
+}
+
+export default User
diff --git a/services/web/test/acceptance/src/helpers/UserHelper.mjs b/services/web/test/acceptance/src/helpers/UserHelper.mjs
new file mode 100644
index 0000000..cfeafed
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/UserHelper.mjs
@@ -0,0 +1,559 @@
+import { CookieJar } from 'tough-cookie'
+import AuthenticationManager from '../../../../app/src/Features/Authentication/AuthenticationManager.js'
+import Settings from '@overleaf/settings'
+import InstitutionsAPI from '../../../../app/src/Features/Institutions/InstitutionsAPI.js'
+import UserCreator from '../../../../app/src/Features/User/UserCreator.js'
+import UserGetter from '../../../../app/src/Features/User/UserGetter.js'
+import UserUpdater from '../../../../app/src/Features/User/UserUpdater.js'
+import moment from 'moment'
+import fetch from 'node-fetch'
+import { db } from '../../../../app/src/infrastructure/mongodb.js'
+import mongodb from 'mongodb-legacy'
+
+import { UserAuditLogEntry } from '../../../../app/src/models/UserAuditLogEntry.js'
+
+// Import the rate limiter so we can clear it between tests
+
+import { RateLimiter } from '../../../../app/src/infrastructure/RateLimiter.js'
+
+const { ObjectId } = mongodb
+
+const rateLimiters = {
+  resendConfirmation: new RateLimiter('resend-confirmation'),
+}
+
+let globalUserNum = Settings.test.counterInit
+
+class UserHelper {
+  /**
+   * Create UserHelper
+   * @param {object} [user] - Mongo User object
+   */
+  constructor(user = null) {
+    // used for constructing default emails, etc
+    this.userNum = globalUserNum++
+    // initialize all internal state properties to defaults
+    this.reset()
+    // set user if passed in, may be null
+    this.user = user
+  }
+
+  /* sync functions */
+
+  /**
+   * Get auditLog, ignore the login
+   * @return {object[]}
+   */
+  getAuditLogWithoutNoise() {
+    return (this.user.auditLog || []).filter(entry => {
+      return entry.operation !== 'login'
+    })
+  }
+
+  /**
+   * Generate default email from unique (per instantiation) user number
+   * @returns {string} email
+   */
+  getDefaultEmail() {
+    return `test.user.${this.userNum}@example.com`
+  }
+
+  /**
+   * Generate email, password args object. Default values will be used if
+   * email and password are not passed in args.
+   * @param {object} [userData]
+   * @param {string} [userData.email] email to use
+   * @param {string} [userData.password] password to use
+   * @returns {object} email, password object
+   */
+  getDefaultEmailPassword(userData = {}) {
+    return {
+      email: this.getDefaultEmail(),
+      password: this.getDefaultPassword(),
+      ...userData,
+    }
+  }
+
+  /**
+   * Generate default password from unique (per instantiation) user number
+   * @returns {string} password
+   */
+  getDefaultPassword() {
+    return `New-Password-${this.userNum}!`
+  }
+
+  /**
+   * (Re)set internal state of UserHelper object.
+   */
+  reset() {
+    // cached csrf token
+    this._csrfToken = ''
+    // used to store mongo user object once created/loaded
+    this.user = null
+    // cookie jar
+    this.jar = new CookieJar()
+  }
+
+  async fetch(url, opts = {}) {
+    url = UserHelper.url(url)
+    const headers = {}
+    const cookieString = this.jar.getCookieStringSync(url.toString())
+    if (cookieString) {
+      headers.Cookie = cookieString
+    }
+    if (this._csrfToken) {
+      headers['x-csrf-token'] = this._csrfToken
+    }
+    const response = await fetch(url, {
+      redirect: 'manual',
+      ...opts,
+      headers: { ...headers, ...opts.headers },
+    })
+
+    // From https://www.npmjs.com/package/node-fetch#extract-set-cookie-header
+    const cookies = response.headers.raw()['set-cookie']
+    if (cookies != null) {
+      for (const cookie of cookies) {
+        this.jar.setCookieSync(cookie, url.toString())
+      }
+    }
+    return response
+  }
+
+  /* async http api call methods */
+
+  /**
+   * Requests csrf token unless already cached in internal state
+   */
+  async getCsrfToken() {
+    // get csrf token from api and store
+    const response = await this.fetch('/dev/csrf')
+    const body = await response.text()
+    if (response.status !== 200) {
+      throw new Error(
+        `get csrf token failed: status=${response.status} body=${JSON.stringify(
+          body
+        )}`
+      )
+    }
+    this._csrfToken = body
+  }
+
+  /**
+   * Requests user session
+   */
+  async getSession() {
+    const response = await this.fetch('/dev/session')
+    const body = await response.text()
+
+    if (response.status !== 200) {
+      throw new Error(
+        `get session failed: status=${response.status} body=${JSON.stringify(
+          body
+        )}`
+      )
+    }
+    return JSON.parse(body)
+  }
+
+  async getSplitTestAssignment(splitTestName) {
+    const response = await this.fetch(
+      `/dev/split_test/get_assignment?splitTestName=${splitTestName}`
+    )
+    const body = await response.text()
+
+    if (response.status !== 200) {
+      throw new Error(
+        `get split test assignment failed: status=${response.status} body=${JSON.stringify(
+          body
+        )}`
+      )
+    }
+    return JSON.parse(body)
+  }
+
+  async getEmailConfirmationCode() {
+    const session = await this.getSession()
+
+    const code = session.pendingUserRegistration?.confirmCode
+    if (!code) {
+      throw new Error('No confirmation code found in session')
+    }
+    return code
+  }
+
+  /**
+   * Make request to POST /logout
+   * @param {object} [options] options to pass to request
+   * @returns {object} http response
+   */
+  async logout(options = {}) {
+    // post logout
+    const response = await this.fetch('/logout', { method: 'POST', ...options })
+    if (
+      response.status !== 302 ||
+      !response.headers.get('location').includes('/login')
+    ) {
+      const body = await response.text()
+      throw new Error(
+        `logout failed: status=${response.status} body=${JSON.stringify(
+          body
+        )} headers=${JSON.stringify(
+          Object.fromEntries(response.headers.entries())
+        )}`
+      )
+    }
+    // after logout CSRF token becomes invalid
+    this._csrfToken = ''
+    // resolve with http request response
+    return response
+  }
+
+  /* static sync methods */
+
+  /**
+   * Generates base URL from env options
+   * @returns {string} baseUrl
+   */
+  static baseUrl() {
+    return `http://${process.env.HTTP_TEST_HOST || '127.0.0.1'}:23000`
+  }
+
+  /**
+   * Generates a full URL given a path
+   */
+  static url(path) {
+    return new URL(path, UserHelper.baseUrl())
+  }
+
+  /* static async instantiation methods */
+
+  /**
+   * Create a new user via UserCreator and return UserHelper instance
+   * @param {object} attributes user data for UserCreator
+   * @param {object} options options for UserCreator
+   * @returns {UserHelper}
+   */
+  static async createUser(attributes = {}) {
+    const userHelper = new UserHelper()
+    attributes = userHelper.getDefaultEmailPassword(attributes)
+
+    // hash password and delete plaintext if set
+    if (attributes.password) {
+      attributes.hashedPassword =
+        await AuthenticationManager.promises.hashPassword(attributes.password)
+      delete attributes.password
+    }
+
+    userHelper.user = await UserCreator.promises.createNewUser(attributes)
+
+    return userHelper
+  }
+
+  /**
+   * Get existing user via UserGetter and return UserHelper instance.
+   * All args passed to UserGetter.getUser.
+   * @returns {UserHelper}
+   */
+  static async getUser(...args) {
+    const user = await UserGetter.promises.getUser(...args)
+
+    if (!user) {
+      throw new Error(`no user found for args: ${JSON.stringify([...args])}`)
+    }
+
+    user.auditLog = await UserAuditLogEntry.find(
+      { userId: user._id },
+      {},
+      { sort: { timestamp: 'asc' } }
+    ).exec()
+
+    return new UserHelper(user)
+  }
+
+  /**
+   * Update an existing user via UserUpdater and return the updated UserHelper
+   * instance.
+   * All args passed to UserUpdater.getUser.
+   * @returns {UserHelper}
+   */
+  static async updateUser(userId, update) {
+    // TODO(das7pad): revert back to args pass-through after mongo upgrades
+    const user = await UserUpdater.promises.updateUser(
+      { _id: new ObjectId(userId) },
+      update
+    )
+
+    if (!user) {
+      throw new Error(`no user found for args: ${JSON.stringify([userId])}`)
+    }
+
+    return new UserHelper(user)
+  }
+
+  /**
+   * Login to existing account via request and return UserHelper instance
+   * @param {object} userData
+   * @param {string} userData.email
+   * @param {string} userData.password
+   * @returns {UserHelper}
+   */
+  static async loginUser(userData, expectedRedirect) {
+    if (!userData || !userData.email || !userData.password) {
+      throw new Error('email and password required')
+    }
+    const userHelper = new UserHelper()
+    const loginPath = Settings.enableLegacyLogin ? '/login/legacy' : '/login'
+    await userHelper.getCsrfToken()
+    const response = await userHelper.fetch(loginPath, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Accept: 'application/json',
+      },
+      body: JSON.stringify({
+        'g-recaptcha-response': 'valid',
+        ...userData,
+      }),
+    })
+    if (!response.ok) {
+      const body = await response.text()
+      const error = new Error(
+        `login failed: status=${response.status} body=${JSON.stringify(body)}`
+      )
+      error.response = response
+      throw error
+    }
+
+    const body = await response.json()
+    if (
+      body.redir !== '/project' &&
+      expectedRedirect &&
+      body.redir !== expectedRedirect
+    ) {
+      const error = new Error(
+        `login should redirect to /project: status=${
+          response.status
+        } body=${JSON.stringify(body)}`
+      )
+      error.response = response
+      throw error
+    }
+
+    userHelper.user = await UserGetter.promises.getUser({
+      email: userData.email,
+    })
+    if (!userHelper.user) {
+      throw new Error(`user not found for email: ${userData.email}`)
+    }
+    await userHelper.getCsrfToken()
+
+    return userHelper
+  }
+
+  /**
+   * Check if user is logged in by requesting an endpoint behind authentication.
+   * @returns {Boolean}
+   */
+  async isLoggedIn() {
+    const response = await this.fetch('/user/sessions', {
+      redirect: 'follow',
+    })
+    return !response.redirected
+  }
+
+  /**
+   * Register new account via request and return UserHelper instance.
+   * If userData is not provided the default email and password will be used.
+   * @param {object} [userData]
+   * @param {string} [userData.email]
+   * @param {string} [userData.password]
+   * @returns {UserHelper}
+   */
+  static async registerUser(userData, options = {}) {
+    const userHelper = new UserHelper()
+    await userHelper.getCsrfToken()
+    userData = userHelper.getDefaultEmailPassword(userData)
+    const response = await userHelper.fetch('/register', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Accept: 'application/json',
+      },
+      body: JSON.stringify(userData),
+      ...options,
+    })
+    const body = await response.json()
+    if (response.status !== 200) {
+      throw new Error(
+        `register failed: status=${response.status} body=${JSON.stringify(
+          body
+        )}`
+      )
+    }
+    if (body.message && body.message.type === 'error') {
+      throw new Error(`register api error: ${body.message.text}`)
+    }
+    if (body.redir === '/sso-login') {
+      throw new Error(
+        `cannot register intitutional email: ${options.json.email}`
+      )
+    }
+
+    const code = await userHelper.getEmailConfirmationCode()
+
+    const confirmationResponse = await userHelper.fetch(
+      '/registration/confirm-email',
+      {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+          Accept: 'application/json',
+        },
+        body: JSON.stringify({ code }),
+        ...options,
+      }
+    )
+
+    if (confirmationResponse.status !== 200) {
+      throw new Error(
+        `email confirmation failed: status=${
+          response.status
+        } body=${JSON.stringify(body)}`
+      )
+    }
+
+    userHelper.user = await UserGetter.promises.getUser({
+      email: userData.email,
+    })
+    if (!userHelper.user) {
+      throw new Error(`user not found for email: ${userData.email}`)
+    }
+    await userHelper.getCsrfToken()
+
+    return userHelper
+  }
+
+  async refreshMongoUser() {
+    this.user = await UserGetter.promises.getUser({
+      _id: this.user._id,
+    })
+    return this.user
+  }
+
+  async addEmail(email) {
+    const response = await this.fetch('/user/emails', {
+      method: 'POST',
+      body: new URLSearchParams([['email', email]]),
+    })
+    const body = await response.text()
+    if (response.status !== 204) {
+      throw new Error(
+        `add email failed: status=${response.status} body=${JSON.stringify(
+          body
+        )}`
+      )
+    }
+  }
+
+  async addEmailAndConfirm(userId, email) {
+    await this.addEmail(email)
+    await this.confirmEmail(userId, email)
+  }
+
+  async changeConfirmationDate(userId, email, date) {
+    const query = {
+      _id: userId,
+      'emails.email': email,
+    }
+    const update = {
+      $set: {
+        'emails.$.confirmedAt': date,
+        'emails.$.reconfirmedAt': date,
+      },
+    }
+    await UserUpdater.promises.updateUser(query, update)
+    await InstitutionsAPI.promises.addAffiliation(userId, email, {
+      confirmedAt: date,
+    })
+  }
+
+  async changeConfirmedToNotificationPeriod(
+    userId,
+    email,
+    maxConfirmationMonths
+  ) {
+    // set a user's confirmation date so that
+    // it is within the notification period to reconfirm
+    // but not older than the last day to reconfirm
+    const notificationDays = Settings.reconfirmNotificationDays
+    if (!notificationDays) return
+
+    const middleOfNotificationPeriod = Math.ceil(notificationDays / 2)
+    // use the middle of the notification rather than the start or end due to
+    // variations in days in months.
+
+    const lastDayToReconfirm = moment().subtract(
+      maxConfirmationMonths,
+      'months'
+    )
+    const notificationsStart = lastDayToReconfirm
+      .add(middleOfNotificationPeriod, 'days')
+      .toDate()
+    await this.changeConfirmationDate(userId, email, notificationsStart)
+  }
+
+  async changeConfirmedToPastReconfirmation(
+    userId,
+    email,
+    maxConfirmationMonths
+  ) {
+    // set a user's confirmation date so that they are past the reconfirmation window
+    const date = moment()
+      .subtract(maxConfirmationMonths, 'months')
+      .subtract(1, 'week')
+      .toDate()
+
+    await this.changeConfirmationDate(userId, email, date)
+  }
+
+  async confirmEmail(userId, email) {
+    // clear ratelimiting on resend confirmation endpoint
+    await rateLimiters.resendConfirmation.delete(userId)
+    // UserHelper.createUser does not create a confirmation token
+    let response = await this.fetch('/user/emails/resend_confirmation', {
+      method: 'POST',
+      body: new URLSearchParams([['email', email]]),
+    })
+    if (response.status !== 200) {
+      const body = await response.text()
+      throw new Error(
+        `resend confirmation failed: status=${
+          response.status
+        } body=${JSON.stringify(body)}`
+      )
+    }
+    const tokenData = await db.tokens
+      .find({
+        use: 'email_confirmation',
+        'data.user_id': userId.toString(),
+        'data.email': email,
+        usedAt: { $exists: false },
+      })
+      .next()
+    response = await this.fetch('/user/emails/confirm', {
+      method: 'POST',
+      body: new URLSearchParams([['token', tokenData.token]]),
+    })
+    if (response.status !== 200) {
+      const body = await response.text()
+      throw new Error(
+        `confirm email failed: status=${response.status} body=${JSON.stringify(
+          body
+        )}`
+      )
+    }
+  }
+}
+
+export default UserHelper
diff --git a/services/web/test/acceptance/src/helpers/expectErrorResponse.mjs b/services/web/test/acceptance/src/helpers/expectErrorResponse.mjs
new file mode 100644
index 0000000..e79bfd5
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/expectErrorResponse.mjs
@@ -0,0 +1,22 @@
+import { expect } from 'chai'
+
+export default {
+  requireLogin: {
+    json(response, body) {
+      expect(response.statusCode).to.equal(401)
+      expect(body).to.equal('Unauthorized')
+      expect(response.headers['www-authenticate']).to.equal('OverleafLogin')
+    },
+  },
+
+  restricted: {
+    html(response, body) {
+      expect(response.statusCode).to.equal(403)
+      expect(body).to.match(/<head><title>Restricted/)
+    },
+    json(response, body) {
+      expect(response.statusCode).to.equal(403)
+      expect(body).to.deep.equal({ message: 'restricted' })
+    },
+  },
+}
diff --git a/services/web/test/acceptance/src/helpers/groupSSO.mjs b/services/web/test/acceptance/src/helpers/groupSSO.mjs
new file mode 100644
index 0000000..f7efeb9
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/groupSSO.mjs
@@ -0,0 +1,220 @@
+import fs from 'node:fs'
+import Path from 'node:path'
+import UserModule from './User.mjs'
+import SubscriptionHelper from './Subscription.mjs'
+import { SSOConfig } from '../../../../app/src/models/SSOConfig.js'
+import UserHelper from './UserHelper.mjs'
+import SAMLHelper from './SAMLHelper.mjs'
+import Settings from '@overleaf/settings'
+import { getProviderId } from '../../../../app/src/Features/Subscription/GroupUtils.js'
+import UserGetter from '../../../../app/src/Features/User/UserGetter.js'
+import { fileURLToPath } from 'node:url'
+import { Subscription as SubscriptionModel } from '../../../../app/src/models/Subscription.js'
+
+const { promises: User } = UserModule
+const { promises: Subscription } = SubscriptionHelper
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+const SAML_TEST_CERT = fs
+  .readFileSync(Path.resolve(__dirname, '../../files/saml-cert.crt'), 'utf8')
+  .replace(/-----BEGIN CERTIFICATE-----/, '')
+  .replace(/-----END CERTIFICATE-----/, '')
+  .replace(/\n/g, '')
+
+function getEnrollmentUrl(groupId) {
+  return `/subscription/${groupId}/sso_enrollment`
+}
+
+const userIdAttribute = 'nameID'
+
+export const baseSsoConfig = {
+  entryPoint: 'http://example-sso.com/saml',
+  certificates: [SAML_TEST_CERT],
+  signatureAlgorithm: 'sha256',
+  userIdAttribute,
+} // the database also sets enabled and validated, but we cannot set that in the POST request for /manage/groups/:ID/settings/sso
+
+export async function createGroupSSO() {
+  const nonSSOMemberHelper = await UserHelper.createUser()
+  const nonSSOMember = nonSSOMemberHelper.user
+
+  const groupAdminUser = new User()
+  const memberUser = new User()
+
+  await groupAdminUser.ensureUserExists()
+  await memberUser.ensureUserExists()
+
+  const ssoConfig = new SSOConfig({
+    ...baseSsoConfig,
+    enabled: true,
+    validated: true,
+  })
+
+  await ssoConfig.save()
+
+  const subscription = new Subscription({
+    adminId: groupAdminUser._id,
+    memberIds: [memberUser._id, nonSSOMember._id, groupAdminUser._id],
+    groupPlan: true,
+    planCode: 'group_professional_10_enterprise',
+    features: {
+      groupSSO: true,
+    },
+    ssoConfig: ssoConfig._id,
+    membersLimit: 10,
+  })
+  await subscription.ensureExists()
+  const subscriptionId = subscription._id.toString()
+  const enrollmentUrl = getEnrollmentUrl(subscriptionId)
+  const internalProviderId = getProviderId(subscriptionId)
+
+  await linkGroupMember(
+    memberUser.email,
+    memberUser.password,
+    subscriptionId,
+    'mock@email.com'
+  )
+
+  const userHelper = new UserHelper()
+
+  return {
+    ssoConfig,
+    internalProviderId,
+    userIdAttribute,
+    subscription,
+    subscriptionId,
+    groupAdminUser,
+    memberUser,
+    nonSSOMemberHelper,
+    nonSSOMember,
+    userHelper,
+    enrollmentUrl,
+  }
+}
+
+export async function linkGroupMember(
+  userEmail,
+  userPassword,
+  groupId,
+  externalUserId
+) {
+  // eslint-disable-next-line no-restricted-syntax
+  const subscription = await SubscriptionModel.findById(groupId)
+    .populate('ssoConfig')
+    .exec()
+  const userIdAttribute = subscription?.ssoConfig?.userIdAttribute
+
+  const internalProviderId = getProviderId(groupId)
+  const enrollmentUrl = getEnrollmentUrl(groupId)
+  const userHelper = await UserHelper.loginUser(
+    {
+      email: userEmail,
+      password: userPassword,
+    },
+    `/subscription/${groupId}/sso_enrollment`
+  )
+
+  const { headers } = await userHelper.fetch(enrollmentUrl, {
+    method: 'POST',
+  })
+  if (
+    !headers.get('location') ||
+    !headers.get('location').includes(Settings.saml.groupSSO.initPath)
+  ) {
+    throw new Error('invalid redirect when linking to group SSO')
+  }
+
+  const redirectTo = new URL(headers.get('location'))
+
+  const initSSOResponse = await userHelper.fetch(redirectTo)
+
+  // redirect to IdP
+  const idpEntryPointUrl = new URL(initSSOResponse.headers.get('location'))
+  const requestId = await SAMLHelper.getRequestId(idpEntryPointUrl)
+  const response = await userHelper.fetch(Settings.saml.groupSSO.path, {
+    method: 'POST',
+    body: new URLSearchParams({
+      SAMLResponse: SAMLHelper.createMockSamlResponse({
+        requestId,
+        userIdAttribute,
+        uniqueId: externalUserId,
+        issuer: 'https://www.overleaf.test/saml/group-sso/meta',
+      }),
+    }),
+  })
+  if (response.status !== 302) {
+    throw new Error('failed to link group SSO')
+  }
+
+  // ensure user linked
+  const user = await UserGetter.promises.getUser(
+    { email: userEmail },
+    { samlIdentifiers: 1, enrollment: 1 }
+  )
+
+  const { enrollment, samlIdentifiers } = user
+  const linkedToGroupSSO = samlIdentifiers.some(
+    identifier => identifier.providerId === internalProviderId
+  )
+  const userIsEnrolledInSSO = enrollment.sso.some(
+    sso => sso.groupId.toString() === groupId.toString()
+  )
+  if (!linkedToGroupSSO || !userIsEnrolledInSSO) {
+    throw new Error('error setting up test user with group SSO linked')
+  }
+
+  return userHelper
+}
+
+export async function setConfigAndEnableSSO(
+  subscriptionHelper,
+  adminEmailPassword,
+  config
+) {
+  config = config || {
+    entryPoint: 'http://idp.example.com/entry_point',
+    certificates: [SAML_TEST_CERT],
+    userIdAttribute: 'email',
+    userLastNameAttribute: 'lastName',
+  }
+
+  const { email, password } = adminEmailPassword
+  const userHelper = await UserHelper.loginUser({
+    email,
+    password,
+  })
+
+  const createResponse = await userHelper.fetch(
+    `/manage/groups/${subscriptionHelper._id}/settings/sso`,
+    {
+      method: 'POST',
+      body: JSON.stringify(config),
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    }
+  )
+  if (createResponse.status !== 201) {
+    throw new Error(
+      `failed to set SSO config. Status = ${createResponse.status}`
+    )
+  }
+
+  await subscriptionHelper.setValidatedSSO()
+
+  const enableResponse = await userHelper.fetch(
+    `/manage/groups/${subscriptionHelper._id}/settings/enableSSO`,
+    { method: 'POST' }
+  )
+
+  if (enableResponse.status !== 200) {
+    throw new Error(`failed to enable SSO. Status = ${enableResponse.status}`)
+  }
+}
+
+export default {
+  createGroupSSO,
+  linkGroupMember,
+  baseSsoConfig,
+  setConfigAndEnableSSO,
+}
diff --git a/services/web/test/acceptance/src/helpers/injectRoute.mjs b/services/web/test/acceptance/src/helpers/injectRoute.mjs
new file mode 100644
index 0000000..8377216
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/injectRoute.mjs
@@ -0,0 +1,39 @@
+/**
+ * Used to inject an endpoint into our app that should only be available
+ * when running in the test environment.
+ *
+ * @param app - a reference to the app.
+ * @param searchFilter - a filter function to locate a route to position the new route immediatley after.
+ * @param addRouteCallback - a callback that takes a router and creates the new route.
+ */
+export function injectRouteAfter(app, searchFilter, addRouteCallback) {
+  const stack = app._router.stack
+
+  stack.forEach(layer => {
+    if (layer.name !== 'router' || !layer.handle || !layer.handle.stack) {
+      return
+    }
+
+    // Find the route that we want to position out new route after.
+    const newRouteIndex = layer.handle.stack.findIndex(
+      route => route && route.route && searchFilter(route.route)
+    )
+
+    if (newRouteIndex !== -1) {
+      // Add our new endpoint to the end of the router stack.
+      addRouteCallback(layer.handle)
+
+      const routeStack = layer.handle.stack
+      const sessionRoute = routeStack[routeStack.length - 1]
+
+      // Then we reposition it next to the route we found previously.
+      layer.handle.stack = [
+        ...routeStack.slice(0, newRouteIndex),
+        sessionRoute,
+        ...routeStack.slice(newRouteIndex, routeStack.length - 1),
+      ]
+    }
+  })
+}
+
+export default { injectRouteAfter }
diff --git a/services/web/test/acceptance/src/helpers/metrics.mjs b/services/web/test/acceptance/src/helpers/metrics.mjs
new file mode 100644
index 0000000..cb47f3d
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/metrics.mjs
@@ -0,0 +1,25 @@
+import { callbackify } from 'node:util'
+import request from './request.js'
+import metrics from '@overleaf/metrics'
+
+async function getMetric(matcher) {
+  const { body } = await request.promises.request('/metrics')
+  const found = body.split('\n').find(matcher)
+  if (!found) return 0
+  return parseInt(found.split(' ')[1], 0)
+}
+
+/* sets all metrics to zero
+   https://github.com/siimon/prom-client?tab=readme-ov-file#resetting-metrics
+*/
+function resetMetrics() {
+  metrics.register.resetMetrics()
+}
+
+export default {
+  getMetric: callbackify(getMetric),
+  resetMetrics,
+  promises: {
+    getMetric,
+  },
+}
diff --git a/services/web/test/acceptance/src/helpers/redis.mjs b/services/web/test/acceptance/src/helpers/redis.mjs
new file mode 100644
index 0000000..2f8575f
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/redis.mjs
@@ -0,0 +1,57 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import Settings from '@overleaf/settings'
+
+import logger from '@overleaf/logger'
+import Async from 'async'
+import UserSessionsRedis from '../../../../app/src/Features/User/UserSessionsRedis.js'
+
+// rclient = redis.createClient(Settings.redis.web)
+const rclient = UserSessionsRedis.client()
+
+export default {
+  getUserSessions(user, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    return rclient.smembers(
+      UserSessionsRedis.sessionSetKey(user),
+      (err, result) => callback(err, result)
+    )
+  },
+
+  clearUserSessions(user, callback) {
+    if (callback == null) {
+      callback = function () {}
+    }
+    const sessionSetKey = UserSessionsRedis.sessionSetKey(user)
+    return rclient.smembers(sessionSetKey, (err, sessionKeys) => {
+      if (err) {
+        return callback(err)
+      }
+      if (sessionKeys.length === 0) {
+        return callback(null)
+      }
+      const actions = sessionKeys.map(k => cb => rclient.del(k, err => cb(err)))
+      return Async.series(actions, (err, results) =>
+        rclient.srem(sessionSetKey, sessionKeys, err => {
+          if (err) {
+            return callback(err)
+          }
+          return callback(null)
+        })
+      )
+    })
+  },
+}
diff --git a/services/web/test/acceptance/src/helpers/request.js b/services/web/test/acceptance/src/helpers/request.js
new file mode 100644
index 0000000..16f8db0
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/request.js
@@ -0,0 +1,24 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Sanity-check the conversion and remove this comment.
+const BASE_URL = `http://${process.env.HTTP_TEST_HOST || '127.0.0.1'}:23000`
+const request = require('request').defaults({
+  baseUrl: BASE_URL,
+  followRedirect: false,
+})
+
+module.exports = request
+module.exports.BASE_URL = BASE_URL
+
+module.exports.promises = {
+  request: function (options) {
+    return new Promise((resolve, reject) => {
+      request(options, (err, response) => {
+        if (err) {
+          reject(err)
+        } else {
+          resolve(response)
+        }
+      })
+    })
+  },
+}
diff --git a/services/web/test/acceptance/src/helpers/settings.mjs b/services/web/test/acceptance/src/helpers/settings.mjs
new file mode 100644
index 0000000..9d92dc8
--- /dev/null
+++ b/services/web/test/acceptance/src/helpers/settings.mjs
@@ -0,0 +1,11 @@
+export function filterOutput(line) {
+  return (
+    !!line &&
+    !line.startsWith('Using settings from ') &&
+    !line.startsWith('Using default settings from ') &&
+    !line.startsWith('CoffeeScript settings file') &&
+    !line.includes('mongoose default connection open')
+  )
+}
+
+export default { filterOutput }
diff --git a/services/web/test/acceptance/src/mocks/AbstractMockApi.mjs b/services/web/test/acceptance/src/mocks/AbstractMockApi.mjs
new file mode 100644
index 0000000..37f5cd3
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/AbstractMockApi.mjs
@@ -0,0 +1,193 @@
+import OError from '@overleaf/o-error'
+import express from 'express'
+import bodyParser from 'body-parser'
+
+/**
+ * Abstract class for running a mock API via Express. Handles setting up of
+ * the server on a specific port, and provides an overridable method to
+ * initialise routes.
+ *
+ * Mocks are singletons, and must be initialized with the `initialize` method.
+ * Instance objects are available via the `instance()` method.
+ *
+ * You must override 'reset' and 'applyRoutes' when subclassing this
+ *
+ * Wraps the express app's http verb methods for convenience
+ *
+ * @hideconstructor
+ * @member {number} port - the port for the http server
+ * @member app - the Express application
+ */
+class AbstractMockApi {
+  /**
+   * Create a new API. No not call directly - use the `initialize` method
+   *
+   * @param {number} port - The TCP port to start the API on
+   * @param {object} options - An optional hash of options to modify the behaviour of the mock
+   * @param {boolean} options.debug - When true, print http requests and responses to stdout
+   *                                  Set this to 'true' from the constructor of your derived class
+   */
+  constructor(port, { debug } = {}) {
+    if (!this.constructor._fromInit) {
+      throw new OError(
+        'do not create this class directly - use the initialize method',
+        { className: this.constructor.name }
+      )
+    }
+    if (this.constructor._obj) {
+      throw new OError('mock already initialized', {
+        className: this.constructor._obj.constructor.name,
+        port: this.port,
+      })
+    }
+    if (this.constructor === AbstractMockApi) {
+      throw new OError(
+        'Do not construct AbstractMockApi directly - use a subclass'
+      )
+    }
+
+    this.debug = debug
+    this.port = port
+    this.app = express()
+    this.app.use(bodyParser.json())
+    this.app.use(bodyParser.urlencoded({ extended: true }))
+  }
+
+  /**
+   * Apply debugging routes to print out API activity to stdout
+   */
+  applyDebugRoutes() {
+    if (!this.debug) return
+    this.app.use((req, res, next) => {
+      const { method, path, query, params, body } = req
+      // eslint-disable-next-line no-console
+      console.log(`${this.constructor.name} REQUEST`, {
+        method,
+        path,
+        query,
+        params,
+        body,
+      })
+      const oldEnd = res.end
+      const oldJson = res.json
+      res.json = (...args) => {
+        // eslint-disable-next-line no-console
+        console.log(`${this.constructor.name} RESPONSE JSON`, args[0])
+        oldJson.call(res, ...args)
+      }
+      res.end = (...args) => {
+        // eslint-disable-next-line no-console
+        console.log(`${this.constructor.name} STATUS`, res.statusCode)
+        if (res.statusCode >= 500) {
+          // eslint-disable-next-line no-console
+          console.log('ERROR RESPONSE:', args)
+        }
+        oldEnd.call(res, ...args)
+      }
+      next()
+    })
+  }
+
+  /**
+   * Overridable method to add routes - should be overridden in derived classes
+   * @abstract
+   */
+  applyRoutes() {
+    throw new OError(
+      'AbstractMockApi base class implementation should not be called'
+    )
+  }
+
+  /**
+   * Resets member data and restores the API to a clean state for the next test run
+   * - may be overridden in derived classes
+   */
+  reset() {}
+
+  /**
+   * Applies mocha hooks to start and stop the API at the beginning/end of
+   * the test suite, and reset before each test run
+   *
+   * @param {number} port - The TCP port to start the API on
+   * @param {object} options - An optional hash of options to modify the behaviour of the mock
+   * @param {boolean} options.debug - When true, print http requests and responses to stdout
+   *                                  Set this to 'true' from the constructor of your derived class
+   */
+  static initialize(port, { debug } = {}) {
+    // `this` refers to the derived class
+    this._fromInit = true
+    this._obj = new this(port, { debug })
+
+    this._obj.applyDebugRoutes()
+    this._obj.applyRoutes()
+
+    /* eslint-disable mocha/no-mocha-arrows */
+    const name = this.constructor.name
+    before(`starting mock ${name}`, () => this._obj.start())
+    after(`stopping mock ${name}`, () => this._obj.stop())
+    beforeEach(`resetting mock ${name}`, () => this._obj.reset())
+  }
+
+  /**
+   * Starts the API on the configured port
+   *
+   * @return {Promise<void>}
+   */
+  async start() {
+    return new Promise((resolve, reject) => {
+      if (this.debug) {
+        // eslint-disable-next-line no-console
+        console.log('Starting mock on port', this.constructor.name, this.port)
+      }
+      this.server = this.app
+        .listen(this.port, err => {
+          if (err) {
+            return reject(err)
+          }
+          resolve()
+        })
+        .on('error', error => {
+          // eslint-disable-next-line no-console
+          console.error(
+            'error starting mock:',
+            this.constructor.name,
+            error.message
+          )
+          process.exit(1)
+        })
+    })
+  }
+
+  /**
+   * Returns the constructed object
+   *
+   * @return {AbstractMockApi}
+   */
+  static instance() {
+    return this._obj
+  }
+
+  /**
+   * Shuts down the API and waits for it to stop listening
+   *
+   * @return {Promise<void>}
+   */
+  async stop() {
+    if (!this.server) return
+    return new Promise((resolve, reject) => {
+      if (this.debug) {
+        // eslint-disable-next-line no-console
+        console.log('Stopping mock', this.constructor.name)
+      }
+      this.server.close(err => {
+        delete this.server
+        if (err) {
+          return reject(err)
+        }
+        resolve()
+      })
+    })
+  }
+}
+
+export default AbstractMockApi
diff --git a/services/web/test/acceptance/src/mocks/MockAnalyticsApi.mjs b/services/web/test/acceptance/src/mocks/MockAnalyticsApi.mjs
new file mode 100644
index 0000000..b5aaa45
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/MockAnalyticsApi.mjs
@@ -0,0 +1,41 @@
+import AbstractMockApi from './AbstractMockApi.mjs'
+
+class MockAnalyticsApi extends AbstractMockApi {
+  reset() {
+    this.updates = {}
+  }
+
+  applyRoutes() {
+    this.app.get('/graphs/:graph', (req, res) => {
+      return res.json({})
+    })
+
+    this.app.get('/recentInstitutionActivity', (req, res) => {
+      res.json({
+        institutionId: 123,
+        day: {
+          projects: 0,
+          users: 0,
+        },
+        week: {
+          projects: 0,
+          users: 0,
+        },
+        month: {
+          projects: 1,
+          users: 2,
+        },
+      })
+    })
+  }
+}
+
+export default MockAnalyticsApi
+
+// type hint for the inherited `instance` method
+/**
+ * @function instance
+ * @memberOf MockAnalyticsApi
+ * @static
+ * @returns {MockAnalyticsApi}
+ */
diff --git a/services/web/test/acceptance/src/mocks/MockChatApi.mjs b/services/web/test/acceptance/src/mocks/MockChatApi.mjs
new file mode 100644
index 0000000..ee33465
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/MockChatApi.mjs
@@ -0,0 +1,52 @@
+import AbstractMockApi from './AbstractMockApi.mjs'
+
+class MockChatApi extends AbstractMockApi {
+  reset() {
+    this.projects = {}
+  }
+
+  getGlobalMessages(req, res) {
+    res.json(this.projects[req.params.project_id] || [])
+  }
+
+  sendGlobalMessage(req, res) {
+    const projectId = req.params.project_id
+    const message = {
+      id: Math.random().toString(),
+      content: req.body.content,
+      timestamp: Date.now(),
+      user_id: req.body.user_id,
+    }
+    this.projects[projectId] = this.projects[projectId] || []
+    this.projects[projectId].push(message)
+    res.json(Object.assign({ room_id: projectId }, message))
+  }
+
+  destroyProject(req, res) {
+    const projectId = req.params.project_id
+    delete this.projects[projectId]
+    res.sendStatus(204)
+  }
+
+  applyRoutes() {
+    this.app.get('/project/:project_id/messages', (req, res) =>
+      this.getGlobalMessages(req, res)
+    )
+    this.app.post('/project/:project_id/messages', (req, res) =>
+      this.sendGlobalMessage(req, res)
+    )
+    this.app.delete('/project/:project_id', (req, res) =>
+      this.destroyProject(req, res)
+    )
+  }
+}
+
+export default MockChatApi
+
+// type hint for the inherited `instance` method
+/**
+ * @function instance
+ * @memberOf MockChatApi
+ * @static
+ * @returns {MockChatApi}
+ */
diff --git a/services/web/test/acceptance/src/mocks/MockClsiApi.mjs b/services/web/test/acceptance/src/mocks/MockClsiApi.mjs
new file mode 100644
index 0000000..102b75b
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/MockClsiApi.mjs
@@ -0,0 +1,70 @@
+import AbstractMockApi from './AbstractMockApi.mjs'
+import { plainTextResponse } from '../../../../app/src/infrastructure/Response.js'
+
+class MockClsiApi extends AbstractMockApi {
+  static compile(req, res) {
+    res.json({
+      compile: {
+        status: 'success',
+        error: null,
+        outputFiles: [
+          {
+            url: `http://clsi:3013/project/${req.params.project_id}/build/1234/output/project.pdf`,
+            path: 'project.pdf',
+            type: 'pdf',
+            build: 1234,
+          },
+          {
+            url: `http://clsi:3013/project/${req.params.project_id}/build/1234/output/project.log`,
+            path: 'project.log',
+            type: 'log',
+            build: 1234,
+          },
+        ],
+      },
+    })
+  }
+
+  applyRoutes() {
+    this.app.post('/project/:project_id/compile', MockClsiApi.compile)
+    this.app.post(
+      '/project/:project_id/user/:user_id/compile',
+      MockClsiApi.compile
+    )
+
+    this.app.get(
+      '/project/:project_id/build/:build_id/output/*',
+      (req, res) => {
+        const filename = req.params[0]
+        if (filename === 'project.pdf') {
+          plainTextResponse(res, 'mock-pdf')
+        } else if (filename === 'project.log') {
+          plainTextResponse(res, 'mock-log')
+        } else {
+          res.sendStatus(404)
+        }
+      }
+    )
+
+    this.app.get(
+      '/project/:project_id/user/:user_id/build/:build_id/output/:output_path',
+      (req, res) => {
+        plainTextResponse(res, 'hello')
+      }
+    )
+
+    this.app.get('/project/:project_id/status', (req, res) => {
+      res.sendStatus(200)
+    })
+  }
+}
+
+export default MockClsiApi
+
+// type hint for the inherited `instance` method
+/**
+ * @function instance
+ * @memberOf MockClsiApi
+ * @static
+ * @returns {MockClsiApi}
+ */
diff --git a/services/web/test/acceptance/src/mocks/MockDocUpdaterApi.mjs b/services/web/test/acceptance/src/mocks/MockDocUpdaterApi.mjs
new file mode 100644
index 0000000..d94c8eb
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/MockDocUpdaterApi.mjs
@@ -0,0 +1,67 @@
+import AbstractMockApi from './AbstractMockApi.mjs'
+
+class MockDocUpdaterApi extends AbstractMockApi {
+  reset() {
+    this.updates = {}
+  }
+
+  getProjectStructureUpdates(projectId) {
+    return this.updates[projectId] || { updates: [] }
+  }
+
+  addProjectStructureUpdates(projectId, userId, updates, version) {
+    if (!this.updates[projectId]) {
+      this.updates[projectId] = { updates: [] }
+    }
+
+    for (const update of updates) {
+      update.userId = userId
+      this.updates[projectId].updates.push(update)
+    }
+
+    this.updates[projectId].version = version
+  }
+
+  applyRoutes() {
+    this.app.post('/project/:projectId/flush', (req, res) => {
+      res.sendStatus(204)
+    })
+
+    this.app.post('/project/:projectId', (req, res) => {
+      const { projectId } = req.params
+      const { userId, updates, version } = req.body
+      this.addProjectStructureUpdates(projectId, userId, updates, version)
+      res.sendStatus(200)
+    })
+
+    this.app.post('/project/:projectId/doc/:doc_id', (req, res) => {
+      res.sendStatus(204)
+    })
+
+    this.app.delete('/project/:projectId', (req, res) => {
+      res.sendStatus(204)
+    })
+
+    this.app.post('/project/:projectId/doc/:doc_id/flush', (req, res) => {
+      res.sendStatus(204)
+    })
+
+    this.app.delete('/project/:projectId/doc/:doc_id', (req, res) => {
+      res.sendStatus(204)
+    })
+
+    this.app.post('/project/:projectId/history/resync', (req, res) => {
+      res.sendStatus(204)
+    })
+  }
+}
+
+export default MockDocUpdaterApi
+
+// type hint for the inherited `instance` method
+/**
+ * @function instance
+ * @memberOf MockDocUpdaterApi
+ * @static
+ * @returns {MockDocUpdaterApi}
+ */
diff --git a/services/web/test/acceptance/src/mocks/MockDocstoreApi.mjs b/services/web/test/acceptance/src/mocks/MockDocstoreApi.mjs
new file mode 100644
index 0000000..2126035
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/MockDocstoreApi.mjs
@@ -0,0 +1,108 @@
+import { db, ObjectId } from '../../../../app/src/infrastructure/mongodb.js'
+import AbstractMockApi from './AbstractMockApi.mjs'
+
+class MockDocstoreApi extends AbstractMockApi {
+  reset() {
+    this.docs = {}
+  }
+
+  createLegacyDeletedDoc(projectId, docId) {
+    if (!this.docs[projectId]) {
+      this.docs[projectId] = {}
+    }
+    this.docs[projectId][docId] = {
+      lines: [],
+      version: 1,
+      ranges: {},
+      deleted: true,
+    }
+  }
+
+  getDeletedDocs(projectId) {
+    return Object.entries(this.docs[projectId] || {})
+      .filter(([_, doc]) => doc.deleted)
+      .map(([docId, doc]) => {
+        return { _id: docId, name: doc.name }
+      })
+  }
+
+  applyRoutes() {
+    this.app.post('/project/:projectId/doc/:docId', (req, res) => {
+      const { projectId, docId } = req.params
+      const { lines, version, ranges } = req.body
+      if (this.docs[projectId] == null) {
+        this.docs[projectId] = {}
+      }
+      if (this.docs[projectId][docId] == null) {
+        this.docs[projectId][docId] = {}
+      }
+      const { version: oldVersion, deleted } = this.docs[projectId][docId]
+      this.docs[projectId][docId] = { lines, version, ranges, deleted }
+      if (this.docs[projectId][docId].rev == null) {
+        this.docs[projectId][docId].rev = 0
+      }
+      this.docs[projectId][docId].rev += 1
+      this.docs[projectId][docId]._id = docId
+      res.json({
+        modified: oldVersion !== version,
+        rev: this.docs[projectId][docId].rev,
+      })
+    })
+
+    this.app.get('/project/:projectId/doc', (req, res) => {
+      res.json(Object.values(this.docs[req.params.projectId] || {}))
+    })
+
+    this.app.get('/project/:projectId/doc-deleted', (req, res) => {
+      res.json(this.getDeletedDocs(req.params.projectId))
+    })
+
+    this.app.get('/project/:projectId/doc/:docId', (req, res) => {
+      const { projectId, docId } = req.params
+      const doc = this.docs[projectId][docId]
+      if (!doc || (doc.deleted && !req.query.include_deleted)) {
+        res.sendStatus(404)
+      } else {
+        res.json(doc)
+      }
+    })
+
+    this.app.get('/project/:projectId/doc/:docId/deleted', (req, res) => {
+      const { projectId, docId } = req.params
+      if (!this.docs[projectId] || !this.docs[projectId][docId]) {
+        res.sendStatus(404)
+      } else {
+        res.json({ deleted: Boolean(this.docs[projectId][docId].deleted) })
+      }
+    })
+
+    this.app.patch('/project/:projectId/doc/:docId', (req, res) => {
+      const { projectId, docId } = req.params
+      if (!this.docs[projectId]) {
+        res.sendStatus(404)
+      } else if (!this.docs[projectId][docId]) {
+        res.sendStatus(404)
+      } else {
+        Object.assign(this.docs[projectId][docId], req.body)
+        res.sendStatus(204)
+      }
+    })
+
+    this.app.post('/project/:projectId/destroy', async (req, res) => {
+      const { projectId } = req.params
+      delete this.docs[projectId]
+      await db.docs.deleteMany({ project_id: new ObjectId(projectId) })
+      res.sendStatus(204)
+    })
+  }
+}
+
+export default MockDocstoreApi
+
+// type hint for the inherited `instance` method
+/**
+ * @function instance
+ * @memberOf MockDocstoreApi
+ * @static
+ * @returns {MockDocstoreApi}
+ */
diff --git a/services/web/test/acceptance/src/mocks/MockFilestoreApi.mjs b/services/web/test/acceptance/src/mocks/MockFilestoreApi.mjs
new file mode 100644
index 0000000..bfb4e9e
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/MockFilestoreApi.mjs
@@ -0,0 +1,81 @@
+import AbstractMockApi from './AbstractMockApi.mjs'
+
+class MockFilestoreApi extends AbstractMockApi {
+  reset() {
+    this.files = {}
+  }
+
+  applyRoutes() {
+    this.app.post('/project/:projectId/file/:fileId', (req, res) => {
+      const chunks = []
+      req.on('data', chunk => chunks.push(chunk))
+
+      req.on('end', () => {
+        const content = Buffer.concat(chunks)
+        const { projectId, fileId } = req.params
+        if (!this.files[projectId]) {
+          this.files[projectId] = {}
+        }
+        this.files[projectId][fileId] = content
+        res.sendStatus(200)
+      })
+    })
+
+    this.app.head('/project/:projectId/file/:fileId', (req, res) => {
+      const { projectId, fileId } = req.params
+      const content = this.files[projectId]?.[fileId]
+      if (!content) return res.status(404).end()
+      res.set('Content-Length', content.byteLength)
+      res.status(200).end()
+    })
+
+    this.app.get('/project/:projectId/file/:fileId', (req, res) => {
+      const { projectId, fileId } = req.params
+      const content = this.files[projectId]?.[fileId]
+      if (!content) return res.status(404).end()
+      res.status(200).end(content)
+    })
+
+    // handle file copying
+    this.app.put('/project/:projectId/file/:fileId', (req, res) => {
+      const { projectId, fileId } = req.params
+      const { source } = req.body
+      const content =
+        this.files[source.project_id] &&
+        this.files[source.project_id][source.file_id]
+      if (!content) {
+        res.sendStatus(500)
+      } else {
+        if (!this.files[projectId]) {
+          this.files[projectId] = {}
+        }
+        this.files[projectId][fileId] = content
+        res.sendStatus(200)
+      }
+    })
+
+    this.app.delete('/project/:projectId', (req, res) => {
+      const { projectId } = req.params
+      delete this.files[projectId]
+      res.sendStatus(204)
+    })
+  }
+
+  getFile(projectId, fileId) {
+    return (
+      this.files[projectId] &&
+      this.files[projectId][fileId] &&
+      this.files[projectId][fileId].toString()
+    )
+  }
+}
+
+export default MockFilestoreApi
+
+// type hint for the inherited `instance` method
+/**
+ * @function instance
+ * @memberOf MockFilestoreApi
+ * @static
+ * @returns {MockFilestoreApi}
+ */
diff --git a/services/web/test/acceptance/src/mocks/MockGitBridgeApi.mjs b/services/web/test/acceptance/src/mocks/MockGitBridgeApi.mjs
new file mode 100644
index 0000000..4927814
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/MockGitBridgeApi.mjs
@@ -0,0 +1,21 @@
+import AbstractMockApi from './AbstractMockApi.mjs'
+
+class MockGitBridgeApi extends AbstractMockApi {
+  reset() {
+    this.projects = {}
+  }
+
+  applyRoutes() {
+    this.app.delete('/api/projects/:projectId', (req, res) => {
+      this.deleteProject(req, res)
+    })
+  }
+
+  deleteProject(req, res) {
+    const projectId = req.params.projectId
+    delete this.projects[projectId]
+    res.sendStatus(204)
+  }
+}
+
+export default MockGitBridgeApi
diff --git a/services/web/test/acceptance/src/mocks/MockGoogleOauthApi.mjs b/services/web/test/acceptance/src/mocks/MockGoogleOauthApi.mjs
new file mode 100644
index 0000000..5661f66
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/MockGoogleOauthApi.mjs
@@ -0,0 +1,46 @@
+import AbstractMockApi from './AbstractMockApi.mjs'
+
+class MockGoogleOauthApi extends AbstractMockApi {
+  reset() {
+    this.profiles = {}
+    this.tokens = {}
+  }
+
+  addProfile(profile, token, authorizationCode) {
+    this.profiles[token] = {
+      picture: 'https://example.com/picture.jpg',
+      email_verified: true,
+      locale: 'en-GB',
+      ...profile,
+    }
+    this.tokens[authorizationCode] = token
+  }
+
+  applyRoutes() {
+    this.app.post('/oauth/token', (req, res, next) => {
+      if (!this.tokens[req.body.code]) {
+        return res.sendStatus(400)
+      }
+      res.json({
+        access_token: this.tokens[req.body.code],
+      })
+    })
+
+    this.app.get('/oauth2/v3/userinfo', (req, res, next) => {
+      if (!this.profiles[req.query.access_token]) {
+        return res.sendStatus(400)
+      }
+      res.json(this.profiles[req.query.access_token])
+    })
+  }
+}
+
+export default MockGoogleOauthApi
+
+// type hint for the inherited `instance` method
+/**
+ * @function instance
+ * @memberOf MockGoogleOauthApi
+ * @static
+ * @returns {MockGoogleOauthApi}
+ */
diff --git a/services/web/test/acceptance/src/mocks/MockHaveIBeenPwnedApi.mjs b/services/web/test/acceptance/src/mocks/MockHaveIBeenPwnedApi.mjs
new file mode 100644
index 0000000..2aa47f8
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/MockHaveIBeenPwnedApi.mjs
@@ -0,0 +1,51 @@
+import AbstractMockApi from './AbstractMockApi.mjs'
+import { plainTextResponse } from '../../../../app/src/infrastructure/Response.js'
+
+class MockHaveIBeenPwnedApi extends AbstractMockApi {
+  reset() {
+    this.seenPasswords = {}
+  }
+
+  addPasswordByHash(hash) {
+    this.seenPasswords[hash] |= 0
+    this.seenPasswords[hash]++
+  }
+
+  getPasswordsByRange(prefix) {
+    if (prefix.length !== 5) {
+      throw new Error('prefix must be of length 5')
+    }
+    const matches = [
+      // padding
+      '274CCEF6AB4DFAAF86599792FA9C3FE4689:42',
+      '29780E39FF6511C0FC227744B2817D122F4:1337',
+    ]
+    for (const [hash, score] of Object.entries(this.seenPasswords)) {
+      if (hash.startsWith(prefix)) {
+        matches.push(hash.slice(5) + ':' + score)
+      }
+    }
+    return matches.join('\r\n')
+  }
+
+  applyRoutes() {
+    this.app.get('/range/:prefix', (req, res) => {
+      const { prefix } = req.params
+      if (prefix === 'C8893') {
+        plainTextResponse(res, '74D74EFD7B158D2ADD283D67FF3E53B55D7:broken')
+      } else {
+        plainTextResponse(res, this.getPasswordsByRange(prefix))
+      }
+    })
+  }
+}
+
+export default MockHaveIBeenPwnedApi
+
+// type hint for the inherited `instance` method
+/**
+ * @function instance
+ * @memberOf MockHaveIBeenPwnedApi
+ * @static
+ * @returns {MockHaveIBeenPwnedApi}
+ */
diff --git a/services/web/test/acceptance/src/mocks/MockHistoryBackupDeletionApi.mjs b/services/web/test/acceptance/src/mocks/MockHistoryBackupDeletionApi.mjs
new file mode 100644
index 0000000..e16ddf9
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/MockHistoryBackupDeletionApi.mjs
@@ -0,0 +1,37 @@
+import AbstractMockApi from './AbstractMockApi.mjs'
+
+class MockHistoryBackupDeletionApi extends AbstractMockApi {
+  reset() {
+    this.projects = {}
+  }
+
+  prepareProject(projectId, status) {
+    this.projects[projectId.toString()] = status
+  }
+
+  deleteProject(req, res) {
+    const projectId = req.params.project_id
+    const status = this.projects[projectId]
+    if (status === 422) {
+      return res.sendStatus(422)
+    }
+    delete this.projects[projectId]
+    res.sendStatus(204)
+  }
+
+  applyRoutes() {
+    this.app.delete('/project/:project_id/backup', (req, res) =>
+      this.deleteProject(req, res)
+    )
+  }
+}
+
+export default MockHistoryBackupDeletionApi
+
+// type hint for the inherited `instance` method
+/**
+ * @function instance
+ * @memberOf MockHistoryBackupDeletionApi
+ * @static
+ * @returns {MockHistoryBackupDeletionApi}
+ */
diff --git a/services/web/test/acceptance/src/mocks/MockNotificationsApi.mjs b/services/web/test/acceptance/src/mocks/MockNotificationsApi.mjs
new file mode 100644
index 0000000..2e88939
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/MockNotificationsApi.mjs
@@ -0,0 +1,22 @@
+import AbstractMockApi from './AbstractMockApi.mjs'
+
+// Currently there is nothing implemented here as we have no acceptance tests
+// for the notifications API. This does however stop errors appearing in the
+// output when the acceptance tests try to connect.
+
+class MockNotificationsApi extends AbstractMockApi {
+  applyRoutes() {
+    this.app.get('/*', (req, res) => res.json([]))
+    this.app.post('/*', (req, res) => res.sendStatus(200))
+  }
+}
+
+export default MockNotificationsApi
+
+// type hint for the inherited `instance` method
+/**
+ * @function instance
+ * @memberOf MockNotificationsApi
+ * @static
+ * @returns {MockNotificationsApi}
+ */
diff --git a/services/web/test/acceptance/src/mocks/MockProjectHistoryApi.mjs b/services/web/test/acceptance/src/mocks/MockProjectHistoryApi.mjs
new file mode 100644
index 0000000..82908dc
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/MockProjectHistoryApi.mjs
@@ -0,0 +1,159 @@
+import AbstractMockApi from './AbstractMockApi.mjs'
+import _ from 'lodash'
+import mongodb from 'mongodb-legacy'
+import { plainTextResponse } from '../../../../app/src/infrastructure/Response.js'
+
+const { ObjectId } = mongodb
+
+class MockProjectHistoryApi extends AbstractMockApi {
+  reset() {
+    this.docs = {}
+    this.oldFiles = {}
+    this.projectVersions = {}
+    this.labels = {}
+    this.projectSnapshots = {}
+    this.projectHistoryId = 1
+  }
+
+  addOldFile(projectId, version, pathname, content) {
+    this.oldFiles[`${projectId}:${version}:${pathname}`] = content
+  }
+
+  addProjectSnapshot(projectId, version, snapshot) {
+    this.projectSnapshots[`${projectId}:${version}`] = snapshot
+  }
+
+  setProjectVersion(projectId, version) {
+    this.projectVersions[projectId] = { version }
+  }
+
+  setProjectVersionInfo(projectId, versionInfo) {
+    this.projectVersions[projectId] = versionInfo
+  }
+
+  addLabel(projectId, label) {
+    if (label.id == null) {
+      label.id = new ObjectId().toString()
+    }
+    if (this.labels[projectId] == null) {
+      this.labels[projectId] = {}
+    }
+    this.labels[projectId][label.id] = label
+  }
+
+  deleteLabel(projectId, labelId) {
+    delete this.labels[projectId][labelId]
+  }
+
+  getLabels(projectId) {
+    if (this.labels[projectId] == null) {
+      return null
+    }
+    return _.values(this.labels[projectId])
+  }
+
+  applyRoutes() {
+    this.app.post('/project', (req, res) => {
+      res.json({ project: { id: this.projectHistoryId++ } })
+    })
+
+    this.app.delete('/project/:projectId', (req, res) => {
+      res.sendStatus(204)
+    })
+
+    this.app.get(
+      '/project/:projectId/version/:version/:pathname',
+      (req, res) => {
+        const { projectId, version, pathname } = req.params
+        const key = `${projectId}:${version}:${pathname}`
+        if (this.oldFiles[key] != null) {
+          plainTextResponse(res, this.oldFiles[key])
+        } else {
+          res.sendStatus(404)
+        }
+      }
+    )
+
+    this.app.get('/project/:projectId/version/:version', (req, res) => {
+      const { projectId, version } = req.params
+      const key = `${projectId}:${version}`
+      if (this.projectSnapshots[key] != null) {
+        res.json(this.projectSnapshots[key])
+      } else {
+        res.sendStatus(404)
+      }
+    })
+
+    this.app.get('/project/:projectId/version', (req, res) => {
+      const { projectId } = req.params
+      if (this.projectVersions[projectId] != null) {
+        res.json(this.projectVersions[projectId])
+      } else {
+        res.sendStatus(404)
+      }
+    })
+
+    this.app.get('/project/:projectId/labels', (req, res) => {
+      const { projectId } = req.params
+      const labels = this.getLabels(projectId)
+      if (labels != null) {
+        res.json(labels)
+      } else {
+        res.sendStatus(404)
+      }
+    })
+
+    this.app.post('/project/:projectId/labels', (req, res) => {
+      const { projectId } = req.params
+      const { comment, version } = req.body
+      const labelId = new ObjectId().toString()
+      this.addLabel(projectId, { id: labelId, comment, version })
+      res.json({ label_id: labelId, comment, version })
+    })
+
+    this.app.delete(
+      '/project/:projectId/user/:user_id/labels/:labelId',
+      (req, res) => {
+        const { projectId, labelId } = req.params
+        const label =
+          this.labels[projectId] != null
+            ? this.labels[projectId][labelId]
+            : undefined
+        if (label != null) {
+          this.deleteLabel(projectId, labelId)
+          res.sendStatus(204)
+        } else {
+          res.sendStatus(404)
+        }
+      }
+    )
+
+    this.app.delete('/project/:projectId/labels/:labelId', (req, res) => {
+      const { projectId, labelId } = req.params
+      const label =
+        this.labels[projectId] != null
+          ? this.labels[projectId][labelId]
+          : undefined
+      if (label != null) {
+        this.deleteLabel(projectId, labelId)
+        res.sendStatus(204)
+      } else {
+        res.sendStatus(404)
+      }
+    })
+
+    this.app.post('/project/:projectId/flush', (req, res) => {
+      res.sendStatus(200)
+    })
+  }
+}
+
+export default MockProjectHistoryApi
+
+// type hint for the inherited `instance` method
+/**
+ * @function instance
+ * @memberOf MockProjectHistoryApi
+ * @static
+ * @returns {MockProjectHistoryApi}
+ */
diff --git a/services/web/test/acceptance/src/mocks/MockReCaptchaApi.mjs b/services/web/test/acceptance/src/mocks/MockReCaptchaApi.mjs
new file mode 100644
index 0000000..cb12e8b
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/MockReCaptchaApi.mjs
@@ -0,0 +1,21 @@
+import AbstractMockApi from './AbstractMockApi.mjs'
+
+class MockReCaptchaApi extends AbstractMockApi {
+  applyRoutes() {
+    this.app.post('/recaptcha/api/siteverify', (req, res) => {
+      res.json({
+        success: req.body.response === 'valid',
+      })
+    })
+  }
+}
+
+export default MockReCaptchaApi
+
+// type hint for the inherited `instance` method
+/**
+ * @function instance
+ * @memberOf MockReCaptchaApi
+ * @static
+ * @returns {MockReCaptchaApi}
+ */
diff --git a/services/web/test/acceptance/src/mocks/MockRecurlyApi.mjs b/services/web/test/acceptance/src/mocks/MockRecurlyApi.mjs
new file mode 100644
index 0000000..c1e7c2a
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/MockRecurlyApi.mjs
@@ -0,0 +1,143 @@
+import AbstractMockApi from './AbstractMockApi.mjs'
+import SubscriptionController from '../../../../app/src/Features/Subscription/SubscriptionController.js'
+import { xmlResponse } from '../../../../app/src/infrastructure/Response.js'
+
+class MockRecurlyApi extends AbstractMockApi {
+  reset() {
+    this.mockSubscriptions = []
+    this.redemptions = {}
+    this.coupons = {}
+  }
+
+  addMockSubscription(recurlySubscription) {
+    this.mockSubscriptions.push(recurlySubscription)
+  }
+
+  getMockSubscriptionByAccountId(accountId) {
+    return this.mockSubscriptions.find(
+      mockSubscription => mockSubscription.account.id === accountId
+    )
+  }
+
+  getMockSubscriptionById(uuid) {
+    return this.mockSubscriptions.find(
+      mockSubscription => mockSubscription.uuid === uuid
+    )
+  }
+
+  applyRoutes() {
+    this.app.get('/subscriptions/:id', (req, res) => {
+      const subscription = this.getMockSubscriptionById(req.params.id)
+      if (!subscription) {
+        res.sendStatus(404)
+      } else {
+        xmlResponse(
+          res,
+          `\
+<subscription>
+	<plan><plan_code>${subscription.planCode}</plan_code></plan>
+	<currency>${subscription.currency}</currency>
+	<state>${subscription.state}</state>
+	<tax_in_cents type="integer">${subscription.tax_in_cents}</tax_in_cents>
+	<tax_rate type="float">${subscription.tax_rate}</tax_rate>
+	<current_period_ends_at type="datetime">${subscription.current_period_ends_at}</current_period_ends_at>
+	<unit_amount_in_cents type="integer">${subscription.unit_amount_in_cents}</unit_amount_in_cents>
+	<account href="accounts/${subscription.account.id}" />
+	<trial_ends_at type="datetime">${subscription.trial_ends_at}</trial_ends_at>
+</subscription>\
+`
+        )
+      }
+    })
+
+    this.app.get('/accounts/:id', (req, res) => {
+      const subscription = this.getMockSubscriptionByAccountId(req.params.id)
+      if (!subscription) {
+        res.sendStatus(404)
+      } else {
+        xmlResponse(
+          res,
+          `\
+<account>
+	<account_code>${req.params.id}</account_code>
+	<hosted_login_token>${subscription.account.hosted_login_token}</hosted_login_token>
+	<email>${subscription.account.email}</email>
+</account>\
+`
+        )
+      }
+    })
+
+    this.app.put(
+      '/accounts/:id',
+      SubscriptionController.recurlyNotificationParser, // required to parse XML requests
+      (req, res) => {
+        const subscription = this.getMockSubscriptionByAccountId(req.params.id)
+        if (!subscription) {
+          res.sendStatus(404)
+        } else {
+          Object.assign(subscription.account, req.body.account)
+          xmlResponse(
+            res,
+            `\
+<account>
+	<account_code>${req.params.id}</account_code>
+	<email>${subscription.account.email}</email>
+</account>\
+`
+          )
+        }
+      }
+    )
+
+    this.app.get('/coupons/:code', (req, res) => {
+      const coupon = this.coupons[req.params.code]
+      if (!coupon) {
+        res.sendStatus(404)
+      } else {
+        xmlResponse(
+          res,
+          `\
+<coupon>
+	<coupon_code>${req.params.code}</coupon_code>
+	<name>${coupon.name || ''}</name>
+	<description>${coupon.description || ''}</description>
+</coupon>\
+`
+        )
+      }
+    })
+
+    this.app.get('/accounts/:id/redemptions', (req, res) => {
+      const redemptions = this.redemptions[req.params.id] || []
+      let redemptionsListXml = ''
+      for (const redemption of Array.from(redemptions)) {
+        redemptionsListXml += `\
+<redemption>
+	<state>${redemption.state}</state>
+	<coupon_code>${redemption.coupon_code}</coupon_code>
+</redemption>\
+`
+      }
+
+      xmlResponse(
+        res,
+        `\
+<redemptions type="array">
+	${redemptionsListXml}
+</redemptions>\
+`
+      )
+    })
+  }
+}
+
+export default MockRecurlyApi
+
+// type hint for the inherited `instance` method
+/**
+ * @function instance
+ * @memberOf MockRecurlyApi
+ * @static
+ * @returns {MockRecurlyApi}
+ */
diff --git a/services/web/test/acceptance/src/mocks/MockSpellingApi.mjs b/services/web/test/acceptance/src/mocks/MockSpellingApi.mjs
new file mode 100644
index 0000000..55a31c4
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/MockSpellingApi.mjs
@@ -0,0 +1,55 @@
+import AbstractMockApi from './AbstractMockApi.mjs'
+
+class MockSpellingApi extends AbstractMockApi {
+  reset() {
+    this.words = {}
+  }
+
+  applyRoutes() {
+    this.app.get('/user/:userId', (req, res) => {
+      const { userId } = req.params
+      const words = this.words[userId] || []
+      res.json(words)
+    })
+
+    this.app.delete('/user/:userId', (req, res) => {
+      const { userId } = req.params
+      this.words.delete(userId)
+      res.sendStatus(200)
+    })
+
+    this.app.post('/user/:userId/learn', (req, res) => {
+      const word = req.body.word
+      const { userId } = req.params
+      if (word) {
+        this.words[userId] = this.words[userId] || []
+        if (!this.words[userId].includes(word)) {
+          this.words[userId].push(word)
+        }
+      }
+      res.sendStatus(200)
+    })
+
+    this.app.post('/user/:userId/unlearn', (req, res) => {
+      const word = req.body.word
+      const { userId } = req.params
+      if (word && this.words[userId]) {
+        const wordIndex = this.words[userId].indexOf(word)
+        if (wordIndex !== -1) {
+          this.words[userId].splice(wordIndex, 1)
+        }
+      }
+      res.sendStatus(200)
+    })
+  }
+}
+
+export default MockSpellingApi
+
+// type hint for the inherited `instance` method
+/**
+ * @function instance
+ * @memberOf MockSpellingApi
+ * @static
+ * @returns {MockSpellingApi}
+ */
diff --git a/services/web/test/acceptance/src/mocks/MockThirdPartyDataStoreApi.mjs b/services/web/test/acceptance/src/mocks/MockThirdPartyDataStoreApi.mjs
new file mode 100644
index 0000000..cc597db
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/MockThirdPartyDataStoreApi.mjs
@@ -0,0 +1,30 @@
+import AbstractMockApi from './AbstractMockApi.mjs'
+
+class MockThirdPartyDataStoreApi extends AbstractMockApi {
+  reset() {}
+
+  deleteUser(req, res) {
+    res.sendStatus(200)
+  }
+
+  unlinkUser(req, res) {
+    res.sendStatus(200)
+  }
+
+  applyRoutes() {
+    this.app.delete('/user/:user_id', (req, res) => this.deleteUser(req, res))
+    this.app.delete('/user/:user_id/dropbox', (req, res) =>
+      this.unlinkUser(req, res)
+    )
+  }
+}
+
+export default MockThirdPartyDataStoreApi
+
+// type hint for the inherited `instance` method
+/**
+ * @function instance
+ * @memberOf MockThirdPartyDataStoreApi
+ * @static
+ * @returns {MockThirdPartyDataStoreApi}
+ */
diff --git a/services/web/test/acceptance/src/mocks/MockV1Api.mjs b/services/web/test/acceptance/src/mocks/MockV1Api.mjs
new file mode 100644
index 0000000..70740d6
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/MockV1Api.mjs
@@ -0,0 +1,473 @@
+import AbstractMockApi from './AbstractMockApi.mjs'
+import moment from 'moment'
+import sinon from 'sinon'
+
+class MockV1Api extends AbstractMockApi {
+  reset() {
+    this.affiliations = []
+    this.allInstitutionDomains = new Set()
+    this.blocklistedDomains = []
+    this.brand_variations = {}
+    this.brands = {}
+    this.doc_exported = {}
+    this.docInfo = {}
+    this.existingEmails = []
+    this.exportId = null
+    this.exportParams = null
+    this.institutionDomains = {}
+    this.institutionId = 1000
+    this.institutions = {}
+    this.syncUserFeatures = sinon.stub()
+    this.templates = {}
+    this.updateEmail = sinon.stub()
+    this.users = {}
+    this.v1Id = 1000
+    this.validation_clients = {}
+  }
+
+  nextInstitutionId() {
+    return this.institutionId++
+  }
+
+  nextV1Id() {
+    return this.v1Id++
+  }
+
+  setUser(id, user) {
+    this.users[id] = user
+  }
+
+  getDocInfo(token) {
+    return this.docInfo[token] || null
+  }
+
+  setDocInfo(token, info) {
+    this.docInfo[token] = info
+  }
+
+  setExportId(id) {
+    this.exportId = id
+  }
+
+  getLastExportParams() {
+    return this.exportParams
+  }
+
+  clearExportParams() {
+    this.exportParams = null
+  }
+
+  createInstitution(options = {}) {
+    const id = options.university_id || this.nextInstitutionId()
+    options.id = id // include ID so that it is included in APIs
+    this.institutions[id] = { ...options }
+    if (options && options.hostname) {
+      this.addInstitutionDomain(id, options.hostname, {
+        confirmed: options.confirmed,
+      })
+    }
+    return id
+  }
+
+  addInstitutionDomain(institutionId, domain, options = {}) {
+    if (this.allInstitutionDomains.has(domain)) return
+    if (!this.institutionDomains[institutionId]) {
+      this.institutionDomains[institutionId] = {}
+    }
+    this.institutionDomains[institutionId][domain] = options
+    this.allInstitutionDomains.add(domain)
+  }
+
+  updateInstitution(id, options) {
+    Object.assign(this.institutions[id], options)
+  }
+
+  updateInstitutionDomain(id, domain, options = {}) {
+    if (!this.institutionDomains[id] || !this.institutionDomains[id][domain])
+      return
+    this.institutionDomains[id][domain] = Object.assign(
+      {},
+      this.institutionDomains[id][domain],
+      options
+    )
+  }
+
+  addAffiliation(userId, email, entitlement, confirmedAt) {
+    let newAffiliation = true
+    const institution = {}
+    if (!email) return
+    if (!this.affiliations[userId]) this.affiliations[userId] = []
+
+    if (
+      this.affiliations[userId].find(affiliationData => {
+        return affiliationData.email === email
+      })
+    )
+      newAffiliation = false
+
+    if (newAffiliation) {
+      const domain = email.split('@').pop()
+
+      if (this.blocklistedDomains.indexOf(domain.replace('.com', '')) !== -1) {
+        return
+      }
+
+      if (this.allInstitutionDomains.has(domain)) {
+        for (const [institutionId, domainData] of Object.entries(
+          this.institutionDomains
+        )) {
+          if (domainData[domain]) {
+            institution.id = institutionId
+          }
+        }
+      }
+
+      if (institution.id) {
+        this.affiliations[userId].push({ email, institution })
+      }
+    }
+
+    if (entitlement !== undefined) {
+      this.affiliations[userId].forEach(affiliation => {
+        if (affiliation.email === email) {
+          affiliation.cached_entitlement = entitlement
+        }
+      })
+    }
+
+    if (confirmedAt) {
+      this.affiliations[userId].forEach(affiliation => {
+        if (affiliation.email === email) {
+          if (!affiliation.cached_confirmed_at) {
+            affiliation.cached_confirmed_at = confirmedAt
+          }
+          affiliation.cached_reconfirmed_at = confirmedAt
+        }
+      })
+    }
+  }
+
+  setDocExported(token, info) {
+    this.doc_exported[token] = info
+  }
+
+  setTemplates(templates) {
+    this.templates = templates
+  }
+
+  applyRoutes() {
+    this.app.get('/api/v1/overleaf/users/:v1_user_id/plan_code', (req, res) => {
+      const user = this.users[req.params.v1_user_id]
+      if (user) {
+        res.json(user)
+      } else {
+        res.sendStatus(404)
+      }
+    })
+
+    this.app.get(
+      '/api/v1/overleaf/users/:v1_user_id/subscriptions',
+      (req, res) => {
+        const user = this.users[req.params.v1_user_id]
+        if (user && user.subscription) {
+          res.json(user.subscription)
+        } else {
+          res.sendStatus(404)
+        }
+      }
+    )
+
+    this.app.get(
+      '/api/v1/overleaf/users/:v1_user_id/subscription_status',
+      (req, res) => {
+        const user = this.users[req.params.v1_user_id]
+        if (user && user.subscription_status) {
+          res.json(user.subscription_status)
+        } else {
+          res.sendStatus(404)
+        }
+      }
+    )
+
+    this.app.delete(
+      '/api/v1/overleaf/users/:v1_user_id/subscription',
+      (req, res) => {
+        const user = this.users[req.params.v1_user_id]
+        if (user) {
+          user.canceled = true
+          res.sendStatus(200)
+        } else {
+          res.sendStatus(404)
+        }
+      }
+    )
+
+    this.app.post('/api/v1/overleaf/users/:v1_user_id/sync', (req, res) => {
+      this.syncUserFeatures(req.params.v1_user_id)
+      res.sendStatus(200)
+    })
+
+    this.app.post('/api/v1/overleaf/exports', (req, res) => {
+      this.exportParams = Object.assign({}, req.body)
+      res.json({ exportId: this.exportId })
+    })
+
+    this.app.get('/api/v2/users/:userId/affiliations', (req, res) => {
+      if (!this.affiliations[req.params.userId]) return res.json([])
+      const affiliations = this.affiliations[req.params.userId].map(
+        affiliation => {
+          const institutionId = affiliation.institution.id
+          const domain = affiliation.email.split('@').pop()
+          const domainData =
+            this.institutionDomains[institutionId][domain] || {}
+          const institutionData = this.institutions[institutionId] || {}
+
+          affiliation.institution = {
+            id: institutionId,
+            name: institutionData.name,
+            commonsAccount: institutionData.commonsAccount,
+            isUniversity: !institutionData.institution,
+            ssoBeta: institutionData.sso_beta || false,
+            ssoEnabled: institutionData.sso_enabled || false,
+            maxConfirmationMonths:
+              institutionData.maxConfirmationMonths || null,
+          }
+
+          affiliation.institution.confirmed = !!domainData.confirmed
+
+          affiliation.licence = 'free'
+          if (
+            institutionData.commonsAccount &&
+            (!institutionData.sso_enabled ||
+              (institutionData.sso_enabled &&
+                affiliation.cached_entitlement === true))
+          ) {
+            affiliation.licence = 'pro_plus'
+          }
+
+          if (
+            institutionData.maxConfirmationMonths &&
+            affiliation.cached_reconfirmed_at
+          ) {
+            const lastDayToReconfirm = moment(
+              affiliation.cached_reconfirmed_at
+            ).add(institutionData.maxConfirmationMonths, 'months')
+            affiliation.last_day_to_reconfirm = lastDayToReconfirm.toDate()
+            affiliation.past_reconfirm_date = lastDayToReconfirm.isBefore()
+          }
+
+          return affiliation
+        }
+      )
+      res.json(affiliations)
+    })
+
+    this.app.post('/api/v2/users/:userId/affiliations', (req, res) => {
+      this.addAffiliation(
+        req.params.userId,
+        req.body.email,
+        req.body.entitlement,
+        req.body.confirmedAt
+      )
+      res.sendStatus(201)
+    })
+
+    this.app.delete('/api/v2/users/:userId/affiliations', (req, res) => {
+      res.sendStatus(201)
+    })
+
+    this.app.delete('/api/v2/users/:userId/affiliations/:email', (req, res) => {
+      res.sendStatus(204)
+    })
+
+    this.app.post(
+      '/api/v2/institutions/reconfirmation_lapsed_processed',
+      (req, res) => {
+        res.sendStatus(200)
+      }
+    )
+
+    this.app.get(
+      '/api/v2/institutions/need_reconfirmation_lapsed_processed',
+      (req, res) => {
+        const usersWithAffiliations = []
+        Object.keys(this.affiliations).forEach(userId => {
+          if (this.affiliations[userId].length > 0) {
+            usersWithAffiliations.push(userId)
+          }
+        })
+        res.json({ data: { users: usersWithAffiliations } })
+      }
+    )
+
+    this.app.get('/api/v2/brands/:slug', (req, res) => {
+      let brand
+      if ((brand = this.brands[req.params.slug])) {
+        res.json(brand)
+      } else {
+        res.sendStatus(404)
+      }
+    })
+
+    this.app.get('/universities/list', (req, res) => {
+      const response = []
+
+      const university1 = {
+        id: 1337,
+        name: 'Institution 1337',
+        country_code: 'en',
+        departments: [],
+      }
+
+      const university2 = {
+        id: 243,
+        name: 'Institution 243',
+        country_code: 'en',
+        departments: [],
+      }
+
+      if (req.query.country_code === 'en') {
+        response.push(university1)
+      }
+      if (req.query.search === 'Institution') {
+        response.push(university1)
+        if (req.query.max_results !== '1') {
+          response.push(university2)
+        }
+      }
+      res.json(response)
+    })
+
+    this.app.get('/universities/list/:id', (req, res) =>
+      res.json({
+        id: parseInt(req.params.id),
+        name: `Institution ${req.params.id}`,
+      })
+    )
+
+    this.app.get('/university/domains', (req, res) => {
+      if (req.query.hostname === 'overleaf.com') {
+        res.json([
+          {
+            id: 42,
+            hostname: 'overleaf.com',
+            department: 'Overleaf',
+            confirmed: true,
+            university: {
+              id: 1337,
+              name: 'Institution 1337',
+              departments: [],
+              ssoBeta: false,
+              ssoEnabled: false,
+            },
+          },
+        ])
+      } else {
+        res.json([])
+      }
+    })
+
+    this.app.put('/api/v1/overleaf/users/:id/email', (req, res) => {
+      const { email } = req.body && req.body.user
+      if (this.existingEmails.includes(email)) {
+        res.sendStatus(409)
+      } else {
+        this.updateEmail(parseInt(req.params.id), email)
+        res.sendStatus(200)
+      }
+    })
+
+    this.app.post('/api/v1/overleaf/login', (req, res) => {
+      for (const id in this.users) {
+        const user = this.users[id]
+        if (
+          user &&
+          user.email === req.body.email &&
+          user.password === req.body.password
+        ) {
+          return res.json({
+            email: user.email,
+            valid: true,
+            user_profile: user.profile,
+          })
+        }
+      }
+      res.status(403).json({
+        email: req.body.email,
+        valid: false,
+      })
+    })
+
+    this.app.get('/api/v2/partners/:partner/conversions/:id', (req, res) => {
+      const partner = this.validation_clients[req.params.partner]
+      const conversion =
+        partner && partner.conversions && partner.conversions[req.params.id]
+
+      if (conversion) {
+        res.status(200).json({
+          input_file_uri: conversion,
+          brand_variation_id: partner.brand_variation_id,
+        })
+      } else {
+        res.status(404).json({})
+      }
+    })
+
+    this.app.get('/api/v2/brand_variations/:id', (req, res) => {
+      const variation = this.brand_variations[req.params.id]
+      if (variation) {
+        res.status(200).json(variation)
+      } else {
+        res.status(404).json({})
+      }
+    })
+
+    this.app.get('/api/v1/overleaf/docs/:token/is_published', (req, res) => {
+      return res.json({ allow: true })
+    })
+
+    this.app.get(
+      '/api/v1/overleaf/users/:user_id/docs/:token/info',
+      (req, res) => {
+        const info = this.getDocInfo(req.params.token) || {
+          exists: false,
+          exported: false,
+        }
+        res.json(info)
+      }
+    )
+
+    this.app.get('/api/v1/overleaf/docs/:token/info', (req, res) => {
+      const info = this.getDocInfo(req.params.token) || {
+        exists: false,
+        exported: false,
+      }
+      res.json(info)
+    })
+
+    this.app.get(
+      '/api/v1/overleaf/docs/read_token/:token/exists',
+      (req, res) => {
+        res.json({ exists: false })
+      }
+    )
+
+    this.app.get('/api/v2/templates/:templateId', (req, res) => {
+      const template = this.templates[req.params.templateId]
+      if (!template) {
+        return res.sendStatus(404)
+      }
+      res.json(template)
+    })
+  }
+}
+
+export default MockV1Api
+
+// type hint for the inherited `instance` method
+/**
+ * @function instance
+ * @memberOf MockV1Api
+ * @static
+ * @returns {MockV1Api}
+ */
diff --git a/services/web/test/acceptance/src/mocks/MockV1HistoryApi.mjs b/services/web/test/acceptance/src/mocks/MockV1HistoryApi.mjs
new file mode 100644
index 0000000..d190f61
--- /dev/null
+++ b/services/web/test/acceptance/src/mocks/MockV1HistoryApi.mjs
@@ -0,0 +1,131 @@
+import AbstractMockApi from './AbstractMockApi.mjs'
+import { EventEmitter } from 'node:events'
+import {
+  zipAttachment,
+  prepareZipAttachment,
+} from '../../../../app/src/infrastructure/Response.js'
+import Joi from 'joi'
+
+class MockV1HistoryApi extends AbstractMockApi {
+  reset() {
+    this.fakeZipCall = 0
+    this.requestedZipPacks = 0
+    this.sentChunks = 0
+    this.events = new EventEmitter()
+    this.blobs = {}
+  }
+
+  applyRoutes() {
+    this.app.get(
+      '/api/projects/:project_id/version/:version/zip',
+      (req, res, next) => {
+        this.sentChunks++
+        zipAttachment(
+          res,
+          `Mock zip for ${req.params.project_id} at version ${req.params.version}`,
+          'project.zip'
+        )
+      }
+    )
+
+    this.app.get(
+      '/fake-zip-download/:project_id/version/:version',
+      (req, res, next) => {
+        if (!(this.fakeZipCall++ > 0)) {
+          return res.sendStatus(404)
+        }
+        if (req.params.version === '42') {
+          return zipAttachment(
+            res,
+            `Mock zip for ${req.params.project_id} at version ${req.params.version}`,
+            'project.zip'
+          )
+        }
+        prepareZipAttachment(res, 'project.zip')
+        const writeChunk = () => {
+          res.write('chunk' + this.sentChunks++)
+        }
+        const writeEvery = interval => {
+          if (req.destroyed) return
+
+          // setInterval delays the first run
+          writeChunk()
+          const periodicWrite = setInterval(writeChunk, interval)
+          req.on('close', () => clearInterval(periodicWrite))
+
+          const deadLine = setTimeout(() => {
+            clearInterval(periodicWrite)
+            res.end()
+          }, 10 * 1000)
+          res.on('end', () => clearTimeout(deadLine))
+        }
+        if (req.params.version === '100') {
+          return writeEvery(100)
+        }
+        res.sendStatus(400)
+      }
+    )
+
+    this.app.post(
+      '/api/projects/:project_id/version/:version/zip',
+      (req, res, next) => {
+        this.requestedZipPacks++
+        this.events.emit('v1-history-pack-zip')
+        res.json({
+          zipUrl: `http://127.0.0.1:23100/fake-zip-download/${req.params.project_id}/version/${req.params.version}`,
+        })
+      }
+    )
+
+    this.app.delete('/api/projects/:project_id', (req, res, next) => {
+      res.sendStatus(204)
+    })
+
+    this.app.put('/api/projects/:projectId/blobs/:hash', (req, res, next) => {
+      const chunks = []
+      req.on('data', chunk => chunks.push(chunk))
+      req.on('end', () => {
+        const { projectId, hash } = req.params
+        if (!this.blobs[projectId]) {
+          this.blobs[projectId] = {}
+        }
+        this.blobs[projectId][hash] = Buffer.concat(chunks)
+        res.sendStatus(200)
+      })
+    })
+    this.app.head('/api/projects/:projectId/blobs/:hash', (req, res, next) => {
+      const { projectId, hash } = req.params
+      const buf = this.blobs[projectId]?.[hash]
+      if (!buf) return res.status(404).end()
+      res.set('Content-Length', buf.byteLength)
+      res.status(200).end()
+    })
+    this.app.get('/api/projects/:projectId/blobs/:hash', (req, res, next) => {
+      const { projectId, hash } = req.params
+      const buf = this.blobs[projectId]?.[hash]
+      if (!buf) return res.status(404).end()
+      res.status(200).end(buf)
+    })
+
+    this.app.post('/api/projects/:project_id/blobs/:hash', (req, res, next) => {
+      const schema = Joi.object({
+        copyFrom: Joi.number().required(),
+      })
+      const { error } = schema.validate(req.query)
+      if (error) {
+        return res.sendStatus(400)
+      }
+      res.sendStatus(204)
+    })
+  }
+}
+
+export default MockV1HistoryApi
+
+// type hint for the inherited `instance` method
+/**
+ * @function instance
+ * @memberOf MockV1HistoryApi
+ * @static
+ * @returns {MockV1HistoryApi}
+ */
diff --git a/services/web/test/acceptance/tsconfig.json b/services/web/test/acceptance/tsconfig.json
new file mode 100644
index 0000000..126da92
--- /dev/null
+++ b/services/web/test/acceptance/tsconfig.json
@@ -0,0 +1 @@
+{ "extends": "../../tsconfig.backend.json" }
diff --git a/services/web/test/frontend/bootstrap.js b/services/web/test/frontend/bootstrap.js
new file mode 100644
index 0000000..e98d2c3
--- /dev/null
+++ b/services/web/test/frontend/bootstrap.js
@@ -0,0 +1,106 @@
+// Run babel on tests to allow support for import/export statements in Node
+require('@babel/register')({
+  extensions: ['.ts', '.tsx', '.js', '.jsx', '.mjs'],
+  plugins: [['module-resolver', { alias: { '^@/(.+)': './frontend/js/\\1' } }]],
+})
+
+// Load JSDOM to mock the DOM in Node
+// Set pretendToBeVisual to enable requestAnimationFrame
+require('jsdom-global')(undefined, {
+  pretendToBeVisual: true,
+  url: 'https://www.test-overleaf.com/',
+})
+
+const path = require('path')
+process.env.OVERLEAF_CONFIG = path.resolve(
+  __dirname,
+  '../../config/settings.webpack.js'
+)
+
+// Load sinon-chai assertions so expect(stubFn).to.have.been.calledWith('abc')
+// has a nicer failure messages
+const chai = require('chai')
+chai.use(require('sinon-chai'))
+chai.use(require('chai-as-promised'))
+
+// Populate meta for top-level access in modules on import
+const { resetMeta } = require('./helpers/reset-meta')
+resetMeta()
+// i18n requires access to 'ol-i18n' as defined above
+require('../../frontend/js/i18n')
+
+const moment = require('moment')
+moment.updateLocale('en', {
+  calendar: {
+    lastDay: '[Yesterday]',
+    sameDay: '[Today]',
+    nextDay: '[Tomorrow]',
+    lastWeek: 'ddd, Do MMM YY',
+    nextWeek: 'ddd, Do MMM YY',
+    sameElse: 'ddd, Do MMM YY',
+  },
+})
+
+// workaround for missing keys in jsdom-global's keys.js
+globalThis.AbortController = global.AbortController = window.AbortController
+globalThis.MutationObserver = global.MutationObserver = window.MutationObserver
+globalThis.StorageEvent = global.StorageEvent = window.StorageEvent
+globalThis.SVGElement = global.SVGElement = window.SVGElement
+globalThis.localStorage = global.localStorage = window.localStorage
+globalThis.performance = global.performance = window.performance
+globalThis.cancelAnimationFrame = global.cancelAnimationFrame =
+  window.cancelAnimationFrame
+globalThis.requestAnimationFrame = global.requestAnimationFrame =
+  window.requestAnimationFrame
+globalThis.sessionStorage = global.sessionStorage = window.sessionStorage
+
+// add polyfill for ResizeObserver
+globalThis.ResizeObserver =
+  global.ResizeObserver =
+  window.ResizeObserver =
+    require('@juggle/resize-observer').ResizeObserver
+
+// add stub for BroadcastChannel (unused in these tests)
+globalThis.BroadcastChannel =
+  global.BroadcastChannel =
+  window.BroadcastChannel =
+    class BroadcastChannel {
+      addEventListener(type, listener) {}
+      removeEventListener(type, listener) {}
+      postMessage(message) {}
+    }
+
+// add stub for WebSocket state enum
+globalThis.WebSocket = class WebSocket {
+  static CONNECTING = 0
+  static OPEN = 1
+  static CLOSING = 2
+  static CLOSED = 3
+}
+
+// node-fetch doesn't accept relative URL's: https://github.com/node-fetch/node-fetch/blob/master/docs/v2-LIMITS.md#known-differences
+const fetch = require('node-fetch')
+globalThis.fetch =
+  global.fetch =
+  window.fetch =
+    (url, ...options) => fetch(new URL(url, 'http://127.0.0.1'), ...options)
+
+// ignore style/image files
+const { addHook } = require('pirates')
+addHook(() => '', {
+  exts: ['.css', '.less', '.svg', '.png', '.gif', '.mp4'],
+  ignoreNodeModules: false,
+})
+
+globalThis.HTMLElement.prototype.scrollIntoView = () => {}
+
+globalThis.DOMParser = window.DOMParser
+
+// Polyfill for IndexedDB
+require('fake-indexeddb/auto')
+
+const fetchMock = require('fetch-mock').default
+
+fetchMock.spyGlobal()
+fetchMock.config.fetch = global.fetch
+fetchMock.config.Response = fetch.Response
diff --git a/services/web/test/frontend/components/editor-left-menu/editor-left-menu.spec.tsx b/services/web/test/frontend/components/editor-left-menu/editor-left-menu.spec.tsx
new file mode 100644
index 0000000..b5e4976
--- /dev/null
+++ b/services/web/test/frontend/components/editor-left-menu/editor-left-menu.spec.tsx
@@ -0,0 +1,905 @@
+import EditorLeftMenu from '../../../../frontend/js/features/editor-left-menu/components/editor-left-menu'
+import {
+  AllowedImageName,
+  OverallThemeMeta,
+  SpellCheckLanguage,
+} from '../../../../types/project-settings'
+import { EditorProviders } from '../../helpers/editor-providers'
+import { mockScope } from './scope'
+import { Folder } from '../../../../types/folder'
+import { docsInFolder } from '@/features/file-tree/util/docs-in-folder'
+import getMeta from '@/utils/meta'
+
+describe('<EditorLeftMenu />', function () {
+  beforeEach(function () {
+    cy.viewport(800, 800)
+    cy.interceptCompile()
+  })
+
+  describe('for non-anonymous users', function () {
+    const overallThemes: OverallThemeMeta[] = [
+      {
+        name: 'Overall Theme 1',
+        val: '',
+        path: 'https://overleaf.com/overalltheme-1.css',
+      },
+      {
+        name: 'Overall Theme 2',
+        val: 'light-',
+        path: 'https://overleaf.com/overalltheme-2.css',
+      },
+    ]
+
+    const allowedImageNames: AllowedImageName[] = [
+      {
+        imageDesc: 'Image 1',
+        imageName: 'img-1',
+      },
+      {
+        imageDesc: 'Image 2',
+        imageName: 'img-2',
+      },
+    ]
+
+    beforeEach(function () {
+      window.metaAttributesCache.set('ol-overallThemes', overallThemes)
+      window.metaAttributesCache.set('ol-allowedImageNames', allowedImageNames)
+      window.metaAttributesCache.set('ol-anonymous', false)
+      window.metaAttributesCache.set('ol-gitBridgeEnabled', true)
+      window.metaAttributesCache.set('ol-showSupport', true)
+      Object.assign(getMeta('ol-ExposedSettings'), { ieeeBrandId: 123 })
+      window.metaAttributesCache.set('ol-user', {
+        email: 'sherlock@holmes.co.uk',
+        first_name: 'Sherlock',
+        last_name: 'Holmes',
+      })
+    })
+
+    it('render full menu', function () {
+      const scope = mockScope({
+        ui: {
+          leftMenuShown: true,
+        },
+      })
+
+      cy.mount(
+        <EditorProviders scope={scope}>
+          <EditorLeftMenu />
+        </EditorProviders>
+      )
+
+      // Download Menu
+      cy.findByRole('heading', { name: 'Download' })
+      cy.findByRole('link', { name: 'Source' })
+      cy.findByRole('link', { name: 'PDF' })
+
+      // Actions Menu
+      cy.findByRole('heading', { name: 'Actions' })
+      cy.findByRole('button', { name: 'Copy Project' })
+      cy.findByRole('button', { name: 'Word Count' })
+
+      // Sync Menu
+      cy.findByRole('heading', { name: 'Sync' })
+      cy.findByRole('button', { name: 'Dropbox' })
+      cy.findByRole('button', { name: 'Git' })
+      cy.findByRole('button', { name: 'GitHub' })
+
+      // Settings Menu
+      cy.findByRole('heading', { name: 'Settings' })
+      cy.findByLabelText('Compiler')
+      cy.findByLabelText('TeX Live version')
+      cy.findByLabelText('Main document')
+      cy.findByLabelText('Spell check')
+      cy.findByLabelText('Auto-complete')
+      cy.findByLabelText('Auto-close brackets')
+      cy.findByLabelText('Code check')
+      cy.findByLabelText('Editor theme')
+      cy.findByLabelText('Overall theme')
+      cy.findByLabelText('Keybindings')
+      cy.findByLabelText('Font Size')
+      cy.findByLabelText('Font Family')
+      cy.findByLabelText('Line Height')
+      cy.findByLabelText('PDF Viewer')
+
+      // Help Menu
+      cy.findByRole('heading', { name: 'Help' })
+      cy.findByRole('button', { name: 'Show Hotkeys' })
+      cy.findByRole('link', { name: 'Documentation' })
+      cy.findByRole('button', { name: 'Contact Us' })
+    })
+
+    describe('download menu', function () {
+      it('have a correct source & pdf download url', function () {
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.findByRole('link', { name: 'Source' }).should(
+          'have.attr',
+          'href',
+          '/project/project123/download/zip'
+        )
+
+        cy.findByRole('link', { name: 'PDF' })
+          .should('have.attr', 'href')
+          .and('match', /\/download\/project\/project123\/build/)
+      })
+    })
+
+    describe('actions menu', function () {
+      it('shows copy project modal correctly', function () {
+        cy.intercept('POST', '/project/*/clone', {
+          body: {
+            project_id: 'new_project_id',
+          },
+        })
+
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.findByRole('button', { name: 'Copy Project' }).click()
+        cy.findByRole('heading', { name: 'Copy Project' })
+
+        // try closing & re-opening the modal with different methods
+        cy.findByRole('button', { name: 'Close' }).click()
+        cy.findByRole('button', { name: 'Copy Project' }).click()
+        cy.findByRole('button', { name: 'Cancel' }).click()
+        cy.findByRole('button', { name: 'Copy Project' }).click()
+
+        cy.findByLabelText('New Name').focus()
+        cy.findByLabelText('New Name').clear()
+        cy.findByLabelText('New Name').type('Project Renamed')
+        cy.get('#clone-project-form-name[value="Project Renamed"')
+      })
+
+      it('shows word count modal correctly', function () {
+        cy.intercept('GET', '/project/*/wordcount*', {
+          texcount: {
+            encode: 'ascii',
+            textWords: 781,
+            headWords: 66,
+            outside: 11,
+            headers: 41,
+            elements: 2,
+            mathInline: 6,
+            mathDisplay: 1,
+            errors: 0,
+          },
+        }).as('wordCount')
+
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.findByRole('button', { name: 'Word Count' }).click()
+
+        cy.wait('@wordCount')
+        cy.findByText('Total Words:')
+        cy.findByText('781')
+        cy.findByText('Headers:')
+        cy.findByText('41')
+        cy.findByText('Math Inline:')
+        cy.findByText('6')
+        cy.findByText('Math Display:')
+        cy.findByText('1')
+      })
+    })
+
+    describe('sync menu', function () {
+      it('shows dropbox modal correctly', function () {
+        cy.intercept('GET', '/dropbox/status', {
+          registered: true,
+        })
+
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+          project: {
+            members: [],
+            owner: {
+              _id: '123',
+            },
+          },
+          user: {
+            features: {
+              dropbox: false,
+            },
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.findByRole('button', { name: 'Dropbox' }).click()
+        cy.findByText('Dropbox Sync')
+      })
+
+      it('shows git modal correctly', function () {
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+          project: {
+            owner: {
+              _id: '123',
+            },
+            features: {
+              gitBridge: true,
+            },
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.findByRole('button', { name: 'Git' }).click()
+        cy.findByText('Clone with Git')
+        cy.findByText(/clone your project by using the link below/)
+      })
+
+      it('shows git modal paywall correctly', function () {
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+          project: {
+            owner: {
+              _id: '123',
+            },
+            features: {
+              gitBridge: false,
+            },
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.findByRole('button', { name: 'Git' }).click()
+        cy.findByText('Collaborate online and offline, using your own workflow')
+      })
+
+      it('shows github modal correctly', function () {
+        cy.intercept('GET', '/user/github-sync/status', {
+          available: false,
+          enabled: false,
+        }).as('user-status')
+
+        cy.intercept('GET', '/project/*/github-sync/status', {
+          enabled: false,
+        }).as('project-status')
+
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.wait('@compile')
+        cy.findByRole('button', { name: 'GitHub' }).click()
+        cy.findByText('GitHub Sync')
+
+        cy.wait(['@user-status', '@project-status'])
+        cy.findByText('Push to GitHub, pull to Overleaf')
+      })
+
+      it('hides the entire sync section when git bridge is disabled', function () {
+        window.metaAttributesCache.set('ol-gitBridgeEnabled', false)
+
+        cy.findByRole('button', { name: 'Dropbox' }).should('not.exist')
+        cy.findByRole('button', { name: 'Git' }).should('not.exist')
+        cy.findByRole('button', { name: 'GitHub' }).should('not.exist')
+      })
+    })
+
+    describe('settings menu', function () {
+      it('shows compiler menu correctly', function () {
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.get<HTMLOptionElement>('#settings-menu-compiler option').then(
+          options => {
+            const values = [...options].map(o => o.value)
+            expect(values).to.deep.eq([
+              'pdflatex',
+              'latex',
+              'xelatex',
+              'lualatex',
+            ])
+
+            const texts = [...options].map(o => o.text)
+            expect(texts).to.deep.eq([
+              'pdfLaTeX',
+              'LaTeX',
+              'XeLaTeX',
+              'LuaLaTeX',
+            ])
+          }
+        )
+      })
+
+      it('shows texlive version menu correctly', function () {
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.get<HTMLOptionElement>('#settings-menu-imageName option').then(
+          options => {
+            const values = [...options].map(o => o.value)
+            expect(values).to.deep.eq(['img-1', 'img-2'])
+
+            const texts = [...options].map(o => o.text)
+            expect(texts).to.deep.eq(['Image 1', 'Image 2'])
+          }
+        )
+      })
+
+      it('shows document menu correctly', function () {
+        const rootFolder: Folder = {
+          _id: 'root-folder-id',
+          name: 'rootFolder',
+          docs: [
+            {
+              _id: 'id1',
+              name: 'main.tex',
+            },
+            {
+              _id: 'id2',
+              name: 'main2.tex',
+            },
+          ],
+          fileRefs: [],
+          folders: [],
+        }
+
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope} rootFolder={[rootFolder as any]}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        const docs = docsInFolder(rootFolder)
+
+        cy.get<HTMLOptionElement>('#settings-menu-rootDocId option').then(
+          options => {
+            const values = [...options].map(o => o.value)
+            expect(values).to.deep.eq(docs.map(doc => doc.doc.id))
+
+            const texts = [...options].map(o => o.text)
+            expect(texts).to.deep.eq(docs.map(doc => doc.path))
+          }
+        )
+      })
+
+      it('shows spellcheck menu correctly', function () {
+        const languages: SpellCheckLanguage[] = [
+          {
+            name: 'Lang 1',
+            code: 'lang-1',
+            dic: 'lang_1',
+          },
+          {
+            name: 'Lang 2',
+            code: 'lang-2',
+            dic: 'lang_2',
+          },
+        ]
+
+        window.metaAttributesCache.set('ol-languages', languages)
+
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.get<HTMLOptionElement>(
+          '#settings-menu-spellCheckLanguage option'
+        ).then(options => {
+          const values = [...options].map(o => o.value)
+          expect(values).to.deep.eq(['', 'lang-1', 'lang-2'])
+
+          const texts = [...options].map(o => o.text)
+          expect(texts).to.deep.eq(['Off', 'Lang 1', 'Lang 2'])
+        })
+      })
+
+      it('shows dictionary modal correctly', function () {
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.get('label[for="dictionary-settings"] ~ button').click()
+        cy.findByText('Edit Dictionary')
+        cy.findByText('Your custom dictionary is empty.')
+      })
+
+      it('shows auto-complete menu correctly', function () {
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.get<HTMLOptionElement>('#settings-menu-autoComplete option').then(
+          options => {
+            const values = [...options].map(o => o.value)
+            expect(values).to.deep.eq(['true', 'false'])
+
+            const texts = [...options].map(o => o.text)
+            expect(texts).to.deep.eq(['On', 'Off'])
+          }
+        )
+      })
+
+      it('shows auto-close brackets menu correctly', function () {
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.get<HTMLOptionElement>(
+          '#settings-menu-autoPairDelimiters option'
+        ).then(options => {
+          const values = [...options].map(o => o.value)
+          expect(values).to.deep.eq(['true', 'false'])
+
+          const texts = [...options].map(o => o.text)
+          expect(texts).to.deep.eq(['On', 'Off'])
+        })
+      })
+
+      it('shows code check menu correctly', function () {
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.get<HTMLOptionElement>(
+          '#settings-menu-syntaxValidation option'
+        ).then(options => {
+          const values = [...options].map(o => o.value)
+          expect(values).to.deep.eq(['true', 'false'])
+
+          const texts = [...options].map(o => o.text)
+          expect(texts).to.deep.eq(['On', 'Off'])
+        })
+      })
+
+      it('shows editor theme menu correctly', function () {
+        const editorThemes = ['editortheme-1', 'editortheme-2', 'editortheme-3']
+
+        const legacyEditorThemes = [
+          'legacytheme-1',
+          'legacytheme-2',
+          'legacytheme-3',
+        ]
+
+        window.metaAttributesCache.set('ol-editorThemes', editorThemes)
+        window.metaAttributesCache.set(
+          'ol-legacyEditorThemes',
+          legacyEditorThemes
+        )
+
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.get<HTMLOptionElement>('#settings-menu-editorTheme option').then(
+          options => {
+            const values = [...options].map(o => o.value)
+            expect(values).to.deep.eq([
+              'editortheme-1',
+              'editortheme-2',
+              'editortheme-3',
+              '-',
+              'legacytheme-1',
+              'legacytheme-2',
+              'legacytheme-3',
+            ])
+
+            const texts = [...options].map(o => o.text)
+            expect(texts).to.deep.eq([
+              'editortheme-1',
+              'editortheme-2',
+              'editortheme-3',
+              '—————————————————',
+              'legacytheme-1 (Legacy)',
+              'legacytheme-2 (Legacy)',
+              'legacytheme-3 (Legacy)',
+            ])
+          }
+        )
+      })
+
+      it('shows overall theme menu correctly', function () {
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.get<HTMLOptionElement>('#settings-menu-overallTheme option').then(
+          options => {
+            const values = [...options].map(o => o.value)
+            expect(values).to.deep.eq(['', 'light-'])
+
+            const texts = [...options].map(o => o.text)
+            expect(texts).to.deep.eq(['Overall Theme 1', 'Overall Theme 2'])
+          }
+        )
+      })
+
+      it('shows keybindings menu correctly', function () {
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.get<HTMLOptionElement>('#settings-menu-mode option').then(
+          options => {
+            const values = [...options].map(o => o.value)
+            expect(values).to.deep.eq(['default', 'vim', 'emacs'])
+
+            const texts = [...options].map(o => o.text)
+            expect(texts).to.deep.eq(['None', 'Vim', 'Emacs'])
+          }
+        )
+      })
+
+      it('shows font size menu correctly', function () {
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.get<HTMLOptionElement>('#settings-menu-fontSize option').then(
+          options => {
+            const values = [...options].map(o => o.value)
+            expect(values).to.deep.eq([
+              '10',
+              '11',
+              '12',
+              '13',
+              '14',
+              '16',
+              '18',
+              '20',
+              '22',
+              '24',
+            ])
+
+            const texts = [...options].map(o => o.text)
+            expect(texts).to.deep.eq([
+              '10px',
+              '11px',
+              '12px',
+              '13px',
+              '14px',
+              '16px',
+              '18px',
+              '20px',
+              '22px',
+              '24px',
+            ])
+          }
+        )
+      })
+
+      it('shows font family menu correctly', function () {
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.get<HTMLOptionElement>('#settings-menu-fontFamily option').then(
+          options => {
+            const values = [...options].map(o => o.value)
+            expect(values).to.deep.eq(['monaco', 'lucida', 'opendyslexicmono'])
+
+            const texts = [...options].map(o => o.text)
+            expect(texts).to.deep.eq([
+              'Monaco / Menlo / Consolas',
+              'Lucida / Source Code Pro',
+              'OpenDyslexic Mono',
+            ])
+          }
+        )
+      })
+
+      it('shows line height menu correctly', function () {
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.get<HTMLOptionElement>('#settings-menu-lineHeight option').then(
+          options => {
+            const values = [...options].map(o => o.value)
+            expect(values).to.deep.eq(['compact', 'normal', 'wide'])
+
+            const texts = [...options].map(o => o.text)
+            expect(texts).to.deep.eq(['Compact', 'Normal', 'Wide'])
+          }
+        )
+      })
+
+      it('shows pdf viewer menu correctly', function () {
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.get<HTMLOptionElement>('#settings-menu-pdfViewer option').then(
+          options => {
+            const values = [...options].map(o => o.value)
+            expect(values).to.deep.eq(['pdfjs', 'native'])
+
+            const texts = [...options].map(o => o.text)
+            expect(texts).to.deep.eq(['Overleaf', 'Browser'])
+          }
+        )
+      })
+    })
+
+    describe('help menu', function () {
+      it('shows hotkeys modal correctly', function () {
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.findByRole('button', { name: 'Show Hotkeys' }).click()
+        cy.findByText('Hotkeys')
+      })
+
+      it('shows correct url for documentation', function () {
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.findByRole('link', { name: 'Documentation' }).should(
+          'have.attr',
+          'href',
+          '/learn'
+        )
+      })
+
+      it('shows correct contact us modal', function () {
+        const scope = mockScope({
+          ui: {
+            leftMenuShown: true,
+          },
+        })
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <EditorLeftMenu />
+          </EditorProviders>
+        )
+
+        cy.findByRole('button', { name: 'Contact Us' }).click()
+        cy.findByText('Affected project URL (Optional)')
+      })
+    })
+  })
+
+  describe('for anonymous users', function () {
+    it('render minimal menu', function () {
+      const scope = mockScope({
+        ui: {
+          leftMenuShown: true,
+        },
+      })
+      window.metaAttributesCache.set('ol-anonymous', true)
+      Object.assign(getMeta('ol-ExposedSettings'), { ieeeBrandId: 123 })
+
+      cy.mount(
+        <EditorProviders scope={scope}>
+          <EditorLeftMenu />
+        </EditorProviders>
+      )
+
+      // Download Menu
+      cy.findByRole('heading', { name: 'Download' })
+      cy.findByRole('link', { name: 'Source' })
+      cy.findByRole('link', { name: 'PDF' })
+
+      // Actions Menu
+      cy.findByRole('heading', { name: 'Actions' }).should('not.exist')
+      cy.findByRole('button', { name: 'Copy Project' }).should('not.exist')
+      cy.findByRole('button', { name: 'Word Count' }).should('not.exist')
+
+      // Sync Menu
+      cy.findByRole('heading', { name: 'Sync' }).should('not.exist')
+      cy.findByRole('button', { name: 'Dropbox' }).should('not.exist')
+      cy.findByRole('button', { name: 'Git' }).should('not.exist')
+      cy.findByRole('button', { name: 'GitHub' }).should('not.exist')
+
+      // Settings Menu
+      cy.findByRole('heading', { name: 'Settings' }).should('not.exist')
+      cy.findByLabelText('Compiler').should('not.exist')
+      cy.findByLabelText('TeX Live version').should('not.exist')
+      cy.findByLabelText('Main document').should('not.exist')
+      cy.findByLabelText('Spell check').should('not.exist')
+      cy.findByLabelText('Auto-complete').should('not.exist')
+      cy.findByLabelText('Auto-close brackets').should('not.exist')
+      cy.findByLabelText('Code check').should('not.exist')
+      cy.findByLabelText('Editor theme').should('not.exist')
+      cy.findByLabelText('Overall theme').should('not.exist')
+      cy.findByLabelText('Keybindings').should('not.exist')
+      cy.findByLabelText('Font Size').should('not.exist')
+      cy.findByLabelText('Font Family').should('not.exist')
+      cy.findByLabelText('Line Height').should('not.exist')
+      cy.findByLabelText('PDF Viewer').should('not.exist')
+
+      // Help Menu
+      cy.findByRole('heading', { name: 'Help' })
+      cy.findByRole('button', { name: 'Show Hotkeys' })
+      cy.findByRole('button', { name: 'Documentation' }).should('not.exist')
+      cy.findByRole('link', { name: 'Contact Us' }).should('not.exist')
+    })
+  })
+})
diff --git a/services/web/test/frontend/components/editor-left-menu/scope.tsx b/services/web/test/frontend/components/editor-left-menu/scope.tsx
new file mode 100644
index 0000000..ba1764c
--- /dev/null
+++ b/services/web/test/frontend/components/editor-left-menu/scope.tsx
@@ -0,0 +1,56 @@
+import { MainDocument } from '../../../../types/project-settings'
+import { PdfViewer } from '../../../../types/user-settings'
+
+type Scope = {
+  settings?: {
+    syntaxValidation?: boolean
+    pdfViewer?: PdfViewer
+  }
+  editor?: {
+    sharejs_doc?: {
+      doc_id?: string
+      getSnapshot?: () => string
+    }
+  }
+  hasLintingError?: boolean
+  ui?: {
+    view?: 'editor' | 'history' | 'file' | 'pdf'
+    pdfLayout?: 'flat' | 'sideBySide' | 'split'
+    leftMenuShown?: boolean
+  }
+  project?: {
+    members?: any[]
+    owner: {
+      _id: string
+    }
+    features?: {
+      gitBridge?: boolean
+    }
+  }
+  user?: {
+    features?: {
+      dropbox: boolean
+    }
+  }
+  docs?: MainDocument[]
+}
+
+export const mockScope = (scope?: Scope) => ({
+  settings: {
+    syntaxValidation: false,
+    pdfViewer: 'pdfjs',
+  },
+  editor: {
+    sharejs_doc: {
+      doc_id: 'test-doc',
+      getSnapshot: () => 'some doc content',
+    },
+  },
+  hasLintingError: false,
+  ui: {
+    view: 'editor',
+    pdfLayout: 'sideBySide',
+    leftMenuShown: false,
+  },
+  ...scope,
+})
diff --git a/services/web/test/frontend/components/pdf-preview/detach-compile-button.spec.tsx b/services/web/test/frontend/components/pdf-preview/detach-compile-button.spec.tsx
new file mode 100644
index 0000000..3591bca
--- /dev/null
+++ b/services/web/test/frontend/components/pdf-preview/detach-compile-button.spec.tsx
@@ -0,0 +1,84 @@
+import { EditorProviders } from '../../helpers/editor-providers'
+import DetachCompileButtonWrapper from '../../../../frontend/js/features/pdf-preview/components/detach-compile-button-wrapper'
+import { mockScope } from './scope'
+import { testDetachChannel } from '../../helpers/detach-channel'
+
+describe('<DetachCompileButtonWrapper />', function () {
+  beforeEach(function () {
+    cy.interceptEvents()
+  })
+
+  it('detacher mode and not linked: does not show button ', function () {
+    cy.interceptCompile()
+
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-detachRole', 'detacher')
+    })
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <DetachCompileButtonWrapper />
+      </EditorProviders>
+    )
+
+    cy.waitForCompile()
+
+    cy.findByRole('button', { name: 'Recompile' }).should('not.exist')
+  })
+
+  it('detacher mode and linked: show button', function () {
+    cy.interceptCompile()
+
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-detachRole', 'detacher')
+    })
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <DetachCompileButtonWrapper />
+      </EditorProviders>
+    )
+
+    cy.waitForCompile()
+
+    cy.wrap(null).then(() => {
+      testDetachChannel.postMessage({
+        role: 'detached',
+        event: 'connected',
+      })
+    })
+
+    cy.findByRole('button', { name: 'Recompile' })
+  })
+
+  it('not detacher mode and linked: does not show button ', function () {
+    cy.interceptCompile()
+
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-detachRole', 'detached')
+    })
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <DetachCompileButtonWrapper />
+      </EditorProviders>
+    )
+
+    cy.waitForCompile()
+
+    cy.wrap(null).then(() => {
+      testDetachChannel.postMessage({
+        role: 'detacher',
+        event: 'connected',
+      })
+    })
+
+    cy.findByRole('button', { name: 'Recompile' }).should('not.exist')
+  })
+})
diff --git a/services/web/test/frontend/components/pdf-preview/pdf-js-viewer.spec.tsx b/services/web/test/frontend/components/pdf-preview/pdf-js-viewer.spec.tsx
new file mode 100644
index 0000000..fda113e
--- /dev/null
+++ b/services/web/test/frontend/components/pdf-preview/pdf-js-viewer.spec.tsx
@@ -0,0 +1,103 @@
+import { EditorProviders } from '../../helpers/editor-providers'
+import PdfJsViewer from '../../../../frontend/js/features/pdf-preview/components/pdf-js-viewer'
+import { mockScope } from './scope'
+import { getContainerEl } from 'cypress/react'
+import { unmountComponentAtNode } from 'react-dom'
+import { PdfPreviewProvider } from '../../../../frontend/js/features/pdf-preview/components/pdf-preview-provider'
+
+// Unicode directional isolates, added around placeables by @fluent/bundle/esm/resolver
+const FSI = '\u2068'
+const PDI = '\u2069'
+
+describe('<PdfJSViewer/>', function () {
+  beforeEach(function () {
+    cy.interceptEvents()
+  })
+
+  it('loads all PDF pages', function () {
+    cy.interceptCompile()
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <PdfPreviewProvider>
+          <div className="pdf-viewer">
+            <PdfJsViewer url="/build/123/output.pdf?clsiserverid=foo" />
+          </div>
+        </PdfPreviewProvider>
+      </EditorProviders>
+    )
+
+    cy.waitForCompile({ pdf: true })
+
+    cy.findByRole('region', { name: `Page ${FSI}1${PDI}` })
+    cy.findByRole('region', { name: `Page ${FSI}2${PDI}` })
+    cy.findByRole('region', { name: `Page ${FSI}3${PDI}` })
+    cy.findByRole('region', { name: `Page ${FSI}4${PDI}` }).should('not.exist')
+
+    cy.contains('Your Paper')
+  })
+
+  it('renders pages in a "loading" state', function () {
+    cy.interceptCompile()
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <PdfPreviewProvider>
+          <div className="pdf-viewer">
+            <PdfJsViewer url="/build/123/output.pdf" />
+          </div>
+        </PdfPreviewProvider>
+      </EditorProviders>
+    )
+
+    cy.waitForCompile()
+
+    cy.get('.page.loading')
+  })
+
+  it('can be unmounted while loading a document', function () {
+    cy.interceptCompile()
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <PdfPreviewProvider>
+          <div className="pdf-viewer">
+            <PdfJsViewer url="/build/123/output.pdf?clsiserverid=foo" />
+          </div>
+        </PdfPreviewProvider>
+      </EditorProviders>
+    )
+
+    cy.waitForCompile()
+
+    cy.then(() => unmountComponentAtNode(getContainerEl()))
+  })
+
+  it('can be unmounted after loading a document', function () {
+    cy.interceptCompile()
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <PdfPreviewProvider>
+          <div className="pdf-viewer">
+            <PdfJsViewer url="/build/123/output.pdf?clsiserverid=foo" />
+          </div>
+        </PdfPreviewProvider>
+      </EditorProviders>
+    )
+
+    cy.waitForCompile({ pdf: true })
+
+    cy.findByRole('region', { name: `Page ${FSI}1${PDI}` })
+
+    cy.then(() => unmountComponentAtNode(getContainerEl()))
+  })
+})
diff --git a/services/web/test/frontend/components/pdf-preview/pdf-logs-entries.spec.tsx b/services/web/test/frontend/components/pdf-preview/pdf-logs-entries.spec.tsx
new file mode 100644
index 0000000..4f13400
--- /dev/null
+++ b/services/web/test/frontend/components/pdf-preview/pdf-logs-entries.spec.tsx
@@ -0,0 +1,186 @@
+import { EditorProviders } from '../../helpers/editor-providers'
+import PdfLogsEntries from '../../../../frontend/js/features/pdf-preview/components/pdf-logs-entries'
+import { detachChannel, testDetachChannel } from '../../helpers/detach-channel'
+import { FileTreePathContext } from '@/features/file-tree/contexts/file-tree-path'
+import { FindResult } from '@/features/file-tree/util/path'
+import { FC } from 'react'
+import {
+  EditorManager,
+  EditorManagerContext,
+} from '@/features/ide-react/context/editor-manager-context'
+import { EditorView } from '@codemirror/view'
+import { OpenDocuments } from '@/features/ide-react/editor/open-documents'
+import { LogEntry } from '@/features/pdf-preview/util/types'
+
+describe('<PdfLogsEntries/>', function () {
+  const fakeFindEntityResult: FindResult = {
+    type: 'doc',
+    entity: { _id: '123', name: '123 Doc' },
+  }
+
+  const FileTreePathProvider: FC = ({ children }) => (
+    <FileTreePathContext.Provider
+      value={{
+        dirname: cy.stub(),
+        findEntityByPath: cy
+          .stub()
+          .as('findEntityByPath')
+          .returns(fakeFindEntityResult),
+        pathInFolder: cy.stub(),
+        previewByPath: cy.stub(),
+      }}
+    >
+      {children}
+    </FileTreePathContext.Provider>
+  )
+
+  const EditorManagerProvider: FC = ({ children }) => {
+    const value = {
+      openDocWithId: cy.spy().as('openDocWithId'),
+      // @ts-ignore
+      openDocs: new OpenDocuments(),
+    } as unknown as EditorManager
+
+    return (
+      <EditorManagerContext.Provider value={value}>
+        {children}
+      </EditorManagerContext.Provider>
+    )
+  }
+
+  const logEntries: LogEntry[] = [
+    {
+      file: 'main.tex',
+      line: 9,
+      column: 8,
+      level: 'error',
+      message: 'LaTeX Error',
+      content: 'See the LaTeX manual',
+      raw: '',
+      ruleId: 'hint_misplaced_alignment_tab_character',
+      key: '',
+    },
+  ]
+
+  const scope = {
+    'editor.view': new EditorView({ doc: '\\documentclass{article}' }),
+  }
+
+  beforeEach(function () {
+    cy.interceptCompile()
+    cy.interceptEvents()
+  })
+
+  it('displays human readable hint', function () {
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <PdfLogsEntries entries={logEntries} />
+      </EditorProviders>
+    )
+
+    cy.contains('You have placed an alignment tab character')
+  })
+
+  it('opens doc on click', function () {
+    cy.mount(
+      <EditorProviders
+        scope={scope}
+        providers={{ EditorManagerProvider, FileTreePathProvider }}
+      >
+        <PdfLogsEntries entries={logEntries} />
+      </EditorProviders>
+    )
+
+    cy.findByRole('button', {
+      name: 'Navigate to log position in source code: main.tex, 9',
+    }).click()
+
+    cy.get('@findEntityByPath').should('have.been.calledOnceWith', 'main.tex')
+    cy.get('@openDocWithId').should(
+      'have.been.calledOnceWith',
+      fakeFindEntityResult.entity._id,
+      {
+        gotoLine: 9,
+        gotoColumn: 8,
+        keepCurrentView: false,
+      }
+    )
+  })
+
+  it('opens doc via detached action', function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-detachRole', 'detacher')
+    })
+
+    cy.mount(
+      <EditorProviders
+        scope={scope}
+        providers={{ EditorManagerProvider, FileTreePathProvider }}
+      >
+        <PdfLogsEntries entries={logEntries} />
+      </EditorProviders>
+    ).then(() => {
+      testDetachChannel.postMessage({
+        role: 'detached',
+        event: 'action-sync-to-entry',
+        data: {
+          args: [
+            {
+              file: 'main.tex',
+              line: 7,
+              column: 6,
+            },
+          ],
+        },
+      })
+    })
+
+    cy.get('@findEntityByPath').should('have.been.calledOnce')
+    cy.get('@openDocWithId').should(
+      'have.been.calledOnceWith',
+      fakeFindEntityResult.entity._id,
+      {
+        gotoLine: 7,
+        gotoColumn: 6,
+        keepCurrentView: false,
+      }
+    )
+  })
+
+  it('sends open doc clicks via detached action', function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-detachRole', 'detached')
+    })
+
+    cy.mount(
+      <EditorProviders
+        scope={scope}
+        providers={{ EditorManagerProvider, FileTreePathProvider }}
+      >
+        <PdfLogsEntries entries={logEntries} />
+      </EditorProviders>
+    )
+
+    cy.spy(detachChannel, 'postMessage').as('postDetachMessage')
+
+    cy.findByRole('button', {
+      name: 'Navigate to log position in source code: main.tex, 9',
+    }).click()
+
+    cy.get('@findEntityByPath').should('not.have.been.called')
+    cy.get('@openDocWithId').should('not.have.been.called')
+    cy.get('@postDetachMessage').should('have.been.calledWith', {
+      role: 'detached',
+      event: 'action-sync-to-entry',
+      data: {
+        args: [
+          {
+            file: 'main.tex',
+            line: 9,
+            column: 8,
+          },
+        ],
+      },
+    })
+  })
+})
diff --git a/services/web/test/frontend/components/pdf-preview/pdf-preview-detached-root.spec.tsx b/services/web/test/frontend/components/pdf-preview/pdf-preview-detached-root.spec.tsx
new file mode 100644
index 0000000..cbb6586
--- /dev/null
+++ b/services/web/test/frontend/components/pdf-preview/pdf-preview-detached-root.spec.tsx
@@ -0,0 +1,73 @@
+import PdfPreviewDetachedRoot from '../../../../frontend/js/features/pdf-preview/components/pdf-preview-detached-root'
+import { detachChannel, testDetachChannel } from '../../helpers/detach-channel'
+
+describe('<PdfPreviewDetachedRoot/>', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-user', { id: 'user1' })
+    window.metaAttributesCache.set('ol-project_id', 'project1')
+    window.metaAttributesCache.set('ol-detachRole', 'detached')
+    window.metaAttributesCache.set('ol-projectName', 'Project Name')
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+
+    cy.interceptEvents()
+  })
+
+  it('syncs compiling state', function () {
+    cy.interceptCompile()
+
+    cy.mount(<PdfPreviewDetachedRoot />)
+
+    cy.wrap(null).then(() => {
+      testDetachChannel.postMessage({
+        role: 'detacher',
+        event: 'connected',
+      })
+
+      testDetachChannel.postMessage({
+        role: 'detacher',
+        event: 'state-compiling',
+        data: { value: true },
+      })
+    })
+
+    cy.findByRole('button', { name: 'Compiling…' })
+    cy.findByRole('button', { name: 'Recompile' }).should('not.exist')
+    cy.wrap(null).then(() => {
+      testDetachChannel.postMessage({
+        role: 'detacher',
+        event: 'state-compiling',
+        data: { value: false },
+      })
+    })
+    cy.findByRole('button', { name: 'Recompile' })
+    cy.findByRole('button', { name: 'Compiling…' }).should('not.exist')
+  })
+
+  it('sends a clear cache request when the button is pressed', function () {
+    cy.interceptCompile()
+
+    cy.mount(<PdfPreviewDetachedRoot />)
+
+    cy.wrap(null).then(() => {
+      testDetachChannel.postMessage({
+        role: 'detacher',
+        event: 'state-showLogs',
+        data: { value: true },
+      })
+    })
+
+    cy.spy(detachChannel, 'postMessage').as('postDetachMessage')
+
+    cy.findByRole('button', { name: 'Clear cached files' })
+      .should('not.be.disabled')
+      .click()
+
+    cy.get('@postDetachMessage').should('have.been.calledWith', {
+      role: 'detached',
+      event: 'action-clearCache',
+      data: {
+        args: [],
+      },
+    })
+  })
+})
diff --git a/services/web/test/frontend/components/pdf-preview/pdf-preview-hybrid-toolbar.spec.tsx b/services/web/test/frontend/components/pdf-preview/pdf-preview-hybrid-toolbar.spec.tsx
new file mode 100644
index 0000000..a7bc154
--- /dev/null
+++ b/services/web/test/frontend/components/pdf-preview/pdf-preview-hybrid-toolbar.spec.tsx
@@ -0,0 +1,100 @@
+import { EditorProviders } from '../../helpers/editor-providers'
+import PdfPreviewHybridToolbar from '../../../../frontend/js/features/pdf-preview/components/pdf-preview-hybrid-toolbar'
+import { testDetachChannel } from '../../helpers/detach-channel'
+
+describe('<PdfPreviewHybridToolbar/>', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    cy.interceptEvents()
+  })
+
+  it('shows normal mode', function () {
+    cy.mount(
+      <EditorProviders>
+        <PdfPreviewHybridToolbar />
+      </EditorProviders>
+    )
+
+    cy.findByRole('button', { name: 'Recompile' })
+  })
+
+  describe('orphan mode', function () {
+    it('shows connecting message  on load', function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-detachRole', 'detached')
+      })
+
+      cy.mount(
+        <EditorProviders>
+          <PdfPreviewHybridToolbar />
+        </EditorProviders>
+      )
+
+      cy.contains('Connecting with the editor')
+    })
+
+    it('shows compile UI when connected', function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-detachRole', 'detached')
+      })
+
+      cy.mount(
+        <EditorProviders>
+          <PdfPreviewHybridToolbar />
+        </EditorProviders>
+      )
+
+      cy.wrap(null).then(() => {
+        testDetachChannel.postMessage({
+          role: 'detacher',
+          event: 'connected',
+        })
+      })
+
+      cy.findByRole('button', { name: 'Recompile' })
+    })
+
+    it('shows connecting message when disconnected', function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-detachRole', 'detached')
+      })
+
+      cy.mount(
+        <EditorProviders>
+          <PdfPreviewHybridToolbar />
+        </EditorProviders>
+      )
+
+      cy.wrap(null).then(() => {
+        testDetachChannel.postMessage({
+          role: 'detacher',
+          event: 'connected',
+        })
+        testDetachChannel.postMessage({
+          role: 'detacher',
+          event: 'closed',
+        })
+      })
+
+      cy.contains('Connecting with the editor')
+    })
+
+    it('shows redirect button after timeout', function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-detachRole', 'detached')
+      })
+
+      cy.clock()
+
+      cy.mount(
+        <EditorProviders>
+          <PdfPreviewHybridToolbar />
+        </EditorProviders>
+      )
+
+      cy.tick(6000)
+
+      cy.findByRole('button', { name: 'Redirect to editor' })
+    })
+  })
+})
diff --git a/services/web/test/frontend/components/pdf-preview/pdf-preview.spec.tsx b/services/web/test/frontend/components/pdf-preview/pdf-preview.spec.tsx
new file mode 100644
index 0000000..a1cbed1
--- /dev/null
+++ b/services/web/test/frontend/components/pdf-preview/pdf-preview.spec.tsx
@@ -0,0 +1,872 @@
+import localStorage from '@/infrastructure/local-storage'
+import PdfPreview from '../../../../frontend/js/features/pdf-preview/components/pdf-preview'
+import { EditorProviders } from '../../helpers/editor-providers'
+import { mockScope } from './scope'
+import {
+  IdeLayout,
+  IdeView,
+  useLayoutContext,
+} from '../../../../frontend/js/shared/context/layout-context'
+import { FC, useEffect } from 'react'
+
+const storeAndFireEvent = (win: typeof window, key: string, value: unknown) => {
+  localStorage.setItem(key, value)
+  win.dispatchEvent(new StorageEvent('storage', { key }))
+}
+
+const Layout: FC<{ layout: IdeLayout; view?: IdeView }> = ({
+  layout,
+  view,
+}) => {
+  const { changeLayout } = useLayoutContext()
+
+  useEffect(() => {
+    changeLayout(layout, view)
+  }, [changeLayout, layout, view])
+
+  return null
+}
+
+describe('<PdfPreview/>', function () {
+  let projectId: string
+  beforeEach(function () {
+    /**
+     * There are time sensitive tests in this test suite. They need to wait for a Promise before resolving a request.
+     *
+     * Using a promise across the test-env (browser) vs stub-env (server) causes additional latency.
+     *
+     * This latency seems to stack up when adding more intercepts for the same path. Using static responses for some of these intercepts does not help.
+     *
+     * All of that seems like a bug in Cypress. For now just work around it by using a unique projectId for each intercept.
+     */
+    projectId = Math.random().toString().slice(2)
+
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    window.metaAttributesCache.set(
+      'ol-compilesUserContentDomain',
+      'https://compiles-user.dev-overleaf.com'
+    )
+    window.metaAttributesCache.set('ol-splitTestVariants', {
+      'initial-compile-from-clsi-cache': 'enabled',
+    })
+    cy.interceptEvents()
+  })
+
+  it('renders the PDF preview', function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', false)
+    cy.interceptCompile()
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <div className="pdf-viewer">
+          <PdfPreview />
+        </div>
+      </EditorProviders>
+    )
+
+    // wait for "compile on load" to finish
+    cy.waitForCompile({ pdf: true })
+
+    cy.findByRole('button', { name: 'Recompile' })
+  })
+
+  it('uses the cache when available', function () {
+    cy.interceptCompile({
+      prefix: 'compile',
+      times: 1,
+      cached: true,
+      regular: false,
+    })
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <div className="pdf-viewer">
+          <PdfPreview />
+        </div>
+      </EditorProviders>
+    )
+
+    // wait for "compile from cache on load" to finish
+    cy.waitForCompile({ pdf: true, cached: true, regular: false })
+
+    cy.contains('Your Paper')
+  })
+
+  it('uses the cache when available then compiles', function () {
+    cy.interceptCompile({
+      prefix: 'compile',
+      times: 1,
+      cached: true,
+      regular: false,
+    })
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <div className="pdf-viewer">
+          <PdfPreview />
+        </div>
+      </EditorProviders>
+    )
+
+    // wait for "compile from cache on load" to finish
+    cy.waitForCompile({ pdf: true, cached: true, regular: false })
+    cy.contains('Your Paper')
+
+    // Then trigger a new compile
+    cy.interceptCompile({
+      prefix: 'recompile',
+      times: 1,
+      cached: false,
+      outputPDFFixture: 'output-2.pdf',
+    })
+
+    // press the Recompile button => compile
+    cy.findByRole('button', { name: 'Recompile' }).click()
+
+    // wait for compile to finish
+    cy.waitForCompile({ prefix: 'recompile', pdf: true })
+    cy.contains('Modern Authoring Tools for Science')
+  })
+
+  describe('racing compile from cache and regular compile trigger', function () {
+    for (const [timing] of ['before rendering', 'after rendering']) {
+      it(`replaces the compile from cache with a regular compile - ${timing}`, function () {
+        const requestedOnce = new Set()
+        ;['log', 'pdf', 'blg'].forEach(ext => {
+          cy.intercept({ pathname: `/build/*/output.${ext}` }, req => {
+            if (requestedOnce.has(ext)) {
+              throw new Error(
+                `compile from cache triggered extra ${ext} request: ${req.url}`
+              )
+            }
+            requestedOnce.add(ext)
+            req.reply({ fixture: `build/output.${ext},null` })
+          }).as(`compile-${ext}`)
+        })
+        const { promise, resolve } = Promise.withResolvers<void>()
+        cy.interceptCompileFromCacheRequest({
+          promise,
+          times: 1,
+        }).as('cached-compile')
+        cy.interceptCompileRequest().as('compile')
+
+        const scope = mockScope()
+        cy.mount(
+          <EditorProviders scope={scope} projectId={projectId}>
+            <div className="pdf-viewer">
+              <PdfPreview />
+            </div>
+          </EditorProviders>
+        )
+
+        // press the Recompile button => compile
+        cy.findByRole('button', { name: 'Recompile' }).click()
+
+        if (timing === 'before rendering') {
+          cy.then(() => resolve())
+          cy.wait('@cached-compile')
+        }
+
+        // wait for rendering to finish
+        cy.waitForCompile({ pdf: true, cached: false })
+
+        if (timing === 'after rendering') {
+          cy.then(() => resolve())
+          cy.wait('@cached-compile')
+        }
+
+        cy.contains('Your Paper')
+        cy.then(() => Array.from(requestedOnce).sort().join(',')).should(
+          'equal',
+          'blg,log,pdf'
+        )
+      })
+    }
+  })
+
+  describe('clsi-cache project settings validation', function () {
+    const cases = {
+      // Flaky, skip for now
+      'uses compile from cache when nothing changed': {
+        cached: true,
+        setup: () => {},
+        props: {},
+      },
+      'ignores the compile from cache when imageName changed': {
+        cached: false,
+        setup: () => {},
+        props: {
+          imageName: 'texlive-full:2025.1',
+        },
+      },
+      'ignores the compile from cache when compiler changed': {
+        cached: false,
+        setup: () => {},
+        props: {
+          compiler: 'lualatex',
+        },
+      },
+      'ignores the compile from cache when draft mode changed': {
+        cached: false,
+        setup: () => {
+          cy.window().then(w =>
+            w.localStorage.setItem(`draft:${projectId}`, 'true')
+          )
+        },
+        props: {},
+      },
+      'ignores the compile from cache when stopOnFirstError mode changed': {
+        cached: false,
+        setup: () => {
+          cy.window().then(w =>
+            w.localStorage.setItem(`stop_on_first_error:${projectId}`, 'true')
+          )
+        },
+        props: {},
+      },
+      'ignores the compile from cache when rootDoc changed': {
+        cached: false,
+        setup: () => {},
+        props: {
+          rootDocId: 'new-root-doc-id',
+          rootFolder: [
+            {
+              _id: 'root-folder-id',
+              name: 'rootFolder',
+              docs: [
+                {
+                  _id: '_root_doc_id',
+                  name: 'main.tex',
+                },
+                {
+                  _id: 'new-root-doc-id',
+                  name: 'new-main.tex',
+                },
+              ],
+              folders: [],
+              fileRefs: [],
+            },
+          ],
+        },
+      },
+    }
+    Object.entries(cases).forEach(([name, { cached, setup, props }]) => {
+      it(name, function () {
+        cy.interceptCompile({
+          cached: true,
+          regular: !cached,
+        })
+
+        const scope = mockScope()
+        window.metaAttributesCache.set('ol-preventCompileOnLoad', false)
+        setup()
+
+        cy.mount(
+          <EditorProviders scope={scope} projectId={projectId} {...props}>
+            <div className="pdf-viewer">
+              <PdfPreview />
+            </div>
+          </EditorProviders>
+        )
+
+        // wait for compile to finish
+        cy.waitForCompile({ pdf: true, cached, regular: !cached })
+        cy.contains('Your Paper')
+      })
+    })
+  })
+
+  it('runs a compile when the Recompile button is pressed', function () {
+    cy.interceptCompile()
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <div className="pdf-viewer">
+          <PdfPreview />
+        </div>
+      </EditorProviders>
+    )
+
+    // press the Recompile button => compile
+    cy.findByRole('button', { name: 'Recompile' }).click()
+
+    // wait for compile to finish
+    cy.waitForCompile({ pdf: true })
+
+    cy.contains('Your Paper')
+  })
+
+  it('runs a compile on `pdf:recompile` event', function () {
+    cy.interceptCompile()
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <div className="pdf-viewer">
+          <PdfPreview />
+        </div>
+      </EditorProviders>
+    )
+
+    cy.window().then(win => {
+      win.dispatchEvent(new CustomEvent('pdf:recompile'))
+    })
+
+    // wait for compile to finish
+    cy.waitForCompile({ pdf: true })
+
+    cy.contains('Your Paper')
+  })
+
+  it('does not compile while compiling', function () {
+    let counter = 0
+    cy.interceptDeferredCompile(() => counter++).then(
+      resolveDeferredCompile => {
+        const scope = mockScope()
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <div className="pdf-viewer">
+              <PdfPreview />
+            </div>
+          </EditorProviders>
+        )
+
+        // start compiling
+        cy.findByRole('button', { name: 'Recompile' }).click()
+
+        cy.findByRole('button', { name: 'Compiling…' }).then(() => {
+          // trigger a recompile
+          cy.window().then(win => {
+            win.dispatchEvent(new CustomEvent('pdf:recompile'))
+          })
+
+          // finish the original compile
+          resolveDeferredCompile()
+
+          // wait for the original compile to finish
+          cy.waitForCompile().then(() => {
+            // NOTE: difficult to assert that a second request won't be sent, at some point
+            expect(counter).to.equal(1)
+          })
+        })
+      }
+    )
+  })
+
+  it('disables compile button while compile is running', function () {
+    cy.interceptDeferredCompile().then(resolveDeferredCompile => {
+      const scope = mockScope()
+
+      cy.mount(
+        <EditorProviders scope={scope}>
+          <div className="pdf-viewer">
+            <PdfPreview />
+          </div>
+        </EditorProviders>
+      )
+
+      cy.findByRole('button', { name: 'Recompile' }).click()
+      cy.findByRole('button', { name: 'Compiling…' })
+        .should('be.disabled')
+        .then(() => resolveDeferredCompile())
+
+      cy.waitForCompile()
+      cy.findByRole('button', { name: 'Recompile' }).should('not.be.disabled')
+    })
+  })
+
+  it('runs a compile on doc change if autocompile is enabled', function () {
+    cy.interceptCompile()
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <div className="pdf-viewer">
+          <PdfPreview />
+        </div>
+      </EditorProviders>
+    )
+
+    cy.window().then(win => {
+      cy.clock()
+
+      // switch on auto compile
+      storeAndFireEvent(win, 'autocompile_enabled:project123', true)
+
+      // fire a doc:changed event => compile
+      win.dispatchEvent(new CustomEvent('doc:changed'))
+
+      // wait enough time for the compile to start
+      cy.tick(6000) // > AUTO_COMPILE_DEBOUNCE
+
+      cy.clock().invoke('restore')
+    })
+
+    // wait for compile to finish
+    cy.waitForCompile({ pdf: true })
+
+    cy.findByRole('button', { name: 'Recompile' })
+  })
+
+  it('does not run a compile on doc change if autocompile is disabled', function () {
+    cy.interceptCompile()
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <div className="pdf-viewer">
+          <PdfPreview />
+        </div>
+      </EditorProviders>
+    )
+
+    cy.window().then(win => {
+      cy.clock()
+
+      // make sure auto compile is switched off
+      storeAndFireEvent(win, 'autocompile_enabled:project123', false)
+
+      // fire a doc:changed event => no compile
+      win.dispatchEvent(new CustomEvent('doc:changed'))
+
+      // wait enough time for the compile to start
+      cy.tick(6000) // AUTO_COMPILE_DEBOUNCE
+
+      cy.clock().invoke('restore')
+    })
+
+    // NOTE: difficult to assert that a request hasn't been sent
+    cy.findByRole('button', { name: 'Recompile' })
+  })
+
+  it('does not run a compile on doc change if autocompile is blocked by syntax check', function () {
+    cy.interceptCompile()
+
+    const scope = mockScope()
+    // enable linting in the editor
+    const userSettings = { syntaxValidation: true }
+    // mock a linting error
+    scope.hasLintingError = true
+
+    cy.mount(
+      <EditorProviders scope={scope} userSettings={userSettings}>
+        <div className="pdf-viewer">
+          <PdfPreview />
+        </div>
+      </EditorProviders>
+    )
+
+    cy.window().then(win => {
+      cy.clock()
+
+      // switch on auto compile
+      storeAndFireEvent(win, 'autocompile_enabled:project123', true)
+
+      // switch on syntax checking
+      storeAndFireEvent(win, 'stop_on_validation_error', true)
+
+      // fire a doc:changed event => no compile
+      win.dispatchEvent(new CustomEvent('doc:changed'))
+
+      // wait enough time for the compile to start
+      cy.tick(6000) // AUTO_COMPILE_DEBOUNCE
+
+      cy.clock().invoke('restore')
+    })
+
+    // NOTE: difficult to assert that a request hasn't been sent
+    cy.findByRole('button', { name: 'Recompile' })
+
+    cy.findByText('Code check failed')
+  })
+
+  it('does not run a compile on doc change if the PDF preview is not open', function () {
+    cy.interceptCompile()
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <Layout layout="flat" view="editor" />
+        <div className="pdf-viewer">
+          <PdfPreview />
+        </div>
+      </EditorProviders>
+    )
+
+    cy.window().then(win => {
+      cy.clock()
+
+      // switch on auto compile
+      storeAndFireEvent(win, 'autocompile_enabled:project123', true)
+
+      // fire a doc:changed event => compile
+      win.dispatchEvent(new CustomEvent('doc:changed'))
+
+      // wait enough time for the compile to start
+      cy.tick(6000) // > AUTO_COMPILE_DEBOUNCE
+
+      cy.clock().invoke('restore')
+    })
+
+    // NOTE: difficult to assert that a request hasn't been sent
+    cy.findByRole('button', { name: 'Recompile' })
+  })
+
+  describe('error messages', function () {
+    const compileErrorStatuses = {
+      'clear-cache':
+        'Sorry, something went wrong and your project could not be compiled. Please try again in a few moments.',
+      'clsi-maintenance':
+        'The compile servers are down for maintenance, and will be back shortly.',
+      'compile-in-progress':
+        'A previous compile is still running. Please wait a minute and try compiling again.',
+      exited: 'Server Error',
+      failure: 'No PDF',
+      generic: 'Server Error',
+      'project-too-large': 'Project too large',
+      'rate-limited': 'Compile rate limit hit',
+      terminated: 'Compilation cancelled',
+      timedout: 'Timed out',
+      'too-recently-compiled':
+        'This project was compiled very recently, so this compile has been skipped.',
+      unavailable:
+        'Sorry, the compile server for your project was temporarily unavailable. Please try again in a few moments.',
+      foo: 'Sorry, something went wrong and your project could not be compiled. Please try again in a few moments.',
+    }
+
+    for (const [status, message] of Object.entries(compileErrorStatuses)) {
+      it(`displays error message for '${status}' status`, function () {
+        cy.intercept('POST', '/project/*/compile*', {
+          body: {
+            status,
+            clsiServerId: 'foo',
+            compileGroup: 'priority',
+          },
+        }).as('compile')
+
+        const scope = mockScope()
+
+        cy.mount(
+          <EditorProviders scope={scope}>
+            <div className="pdf-viewer">
+              <PdfPreview />
+            </div>
+          </EditorProviders>
+        )
+
+        cy.findByRole('button', { name: 'Recompile' }).click()
+        cy.wait('@compile')
+        cy.findByText(message)
+      })
+    }
+  })
+
+  it('displays expandable raw logs', function () {
+    cy.interceptCompile()
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <div className="pdf-viewer">
+          <PdfPreview />
+        </div>
+      </EditorProviders>
+    )
+
+    cy.findByRole('button', { name: 'Recompile' }).click()
+    cy.waitForCompile({ pdf: true })
+
+    cy.findByRole('button', { name: 'View logs' }).click()
+    cy.findByRole('button', { name: 'View PDF' })
+
+    cy.findByRole('button', { name: 'Expand' }).click()
+    cy.findByRole('button', { name: 'Collapse' }).click()
+  })
+
+  it('displays error messages if there were validation problems', function () {
+    const validationProblems = {
+      sizeCheck: {
+        resources: [
+          { path: 'foo/bar', kbSize: 76221 },
+          { path: 'bar/baz', kbSize: 2342 },
+        ],
+      },
+      mainFile: true,
+      conflictedPaths: [
+        {
+          path: 'foo/bar',
+        },
+        {
+          path: 'foo/baz',
+        },
+      ],
+    }
+
+    cy.intercept('POST', '/project/*/compile*', {
+      body: {
+        status: 'validation-problems',
+        validationProblems,
+        clsiServerId: 'foo',
+        compileGroup: 'priority',
+      },
+    }).as('compile')
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <div className="pdf-viewer">
+          <PdfPreview />
+        </div>
+      </EditorProviders>
+    )
+
+    cy.findByRole('button', { name: 'Recompile' }).click()
+    cy.wait('@compile')
+
+    cy.findByText('Project too large')
+    cy.findByText('Unknown main document')
+    cy.findByText('Conflicting Paths Found')
+  })
+
+  describe('clear cache', function () {
+    it('sends a clear cache request when the button is pressed', function () {
+      cy.interceptCompile()
+
+      const scope = mockScope()
+
+      cy.mount(
+        <EditorProviders scope={scope}>
+          <div className="pdf-viewer">
+            <PdfPreview />
+          </div>
+        </EditorProviders>
+      )
+
+      cy.findByRole('button', { name: 'Recompile' }).click()
+      cy.waitForCompile({ pdf: true })
+
+      cy.findByRole('button', { name: 'View logs' }).click()
+      cy.findByRole('button', { name: 'Clear cached files' }).should(
+        'not.be.disabled'
+      )
+
+      const { promise, resolve } = Promise.withResolvers<void>()
+
+      cy.intercept('DELETE', '/project/*/output*', req => {
+        return promise
+          .then(() => Cypress.Promise.delay(100))
+          .then(() => {
+            req.reply({ statusCode: 204 })
+          })
+      }).as('clear-cache')
+
+      // click the button
+      cy.findByRole('button', { name: 'Clear cached files' }).click()
+      cy.findByRole('button', { name: 'Clear cached files' }).should(
+        'be.disabled'
+      )
+      cy.then(() => {
+        resolve()
+      })
+      cy.wait('@clear-cache')
+      cy.findByRole('button', { name: 'Clear cached files' }).should(
+        'not.be.disabled'
+      )
+    })
+
+    it('handle "recompile from scratch"', function () {
+      cy.interceptCompile()
+
+      const scope = mockScope()
+
+      cy.mount(
+        <EditorProviders scope={scope}>
+          <div className="pdf-viewer">
+            <PdfPreview />
+          </div>
+        </EditorProviders>
+      )
+
+      cy.findByRole('button', { name: 'Recompile' }).click()
+      cy.waitForCompile({ pdf: true })
+      cy.interceptCompile({ prefix: 'recompile' })
+
+      cy.intercept('DELETE', '/project/*/output*', {
+        statusCode: 204,
+        delay: 100,
+      }).as('clear-cache')
+
+      // show the logs UI
+      cy.findByRole('button', { name: 'View logs' }).click()
+
+      cy.findByRole('button', { name: 'Clear cached files' }).should(
+        'not.be.disabled'
+      )
+
+      cy.interceptDeferredCompile().then(resolveDeferredCompile => {
+        cy.findByRole('button', { name: 'Toggle compile options menu' }).click()
+
+        cy.findByRole('menuitem', {
+          name: 'Recompile from scratch',
+        }).trigger('click')
+
+        cy.findByRole('button', { name: 'Clear cached files' }).should(
+          'be.disabled'
+        )
+
+        cy.wait('@clear-cache')
+
+        cy.findByRole('button', { name: 'Compiling…' }).then(() =>
+          resolveDeferredCompile()
+        )
+
+        // wait for recompile from scratch to finish
+        cy.waitForCompile({ pdf: true })
+
+        cy.findByRole('button', { name: 'Recompile' })
+      })
+    })
+  })
+
+  describe('invalid URLs and broken PDFs', function () {
+    it('shows an error for an invalid URL', function () {
+      cy.interceptCompile()
+
+      cy.intercept('/build/*/output.pdf*', {
+        statusCode: 500,
+        body: {
+          message: 'something awful happened',
+          code: 'AWFUL_ERROR',
+        },
+      }).as('compile-pdf-error')
+
+      const scope = mockScope()
+
+      cy.mount(
+        <EditorProviders scope={scope}>
+          <div className="pdf-viewer">
+            <PdfPreview />
+          </div>
+        </EditorProviders>
+      )
+
+      cy.findByRole('button', { name: 'Recompile' }).click()
+      cy.waitForCompile()
+      cy.wait('@compile-pdf-error')
+
+      cy.contains('Something went wrong while rendering this PDF.')
+      cy.contains(
+        'Please try recompiling the project from scratch, and if that doesn’t help, follow our troubleshooting guide.'
+      )
+      cy.findByLabelText('Page 1').should('not.exist')
+    })
+
+    it('shows an error for a corrupt PDF', function () {
+      cy.interceptCompile()
+
+      cy.intercept('/build/*/output.pdf*', {
+        fixture: 'build/output-corrupt.pdf,null',
+      }).as('compile-pdf-corrupt')
+
+      const scope = mockScope()
+
+      cy.mount(
+        <EditorProviders scope={scope}>
+          <div className="pdf-viewer">
+            <PdfPreview />
+          </div>
+        </EditorProviders>
+      )
+
+      cy.findByRole('button', { name: 'Recompile' }).click()
+      cy.waitForCompile()
+      cy.wait('@compile-pdf-corrupt')
+
+      cy.contains('Something went wrong while rendering this PDF.')
+      cy.contains(
+        'Please try recompiling the project from scratch, and if that doesn’t help, follow our troubleshooting guide.'
+      )
+      cy.findByLabelText('Page 1').should('not.exist')
+    })
+  })
+
+  describe('human readable logs', function () {
+    it('shows human readable hint for undefined reference errors', function () {
+      cy.interceptCompile()
+
+      cy.intercept('/build/*/output.log*', {
+        fixture: 'build/output-human-readable.log',
+      }).as('compile-log')
+
+      const scope = mockScope()
+
+      cy.mount(
+        <EditorProviders scope={scope}>
+          <div className="pdf-viewer">
+            <PdfPreview />
+          </div>
+        </EditorProviders>
+      )
+
+      cy.findByRole('button', { name: 'Recompile' }).click()
+      cy.waitForCompile()
+      cy.findByRole('button', { name: 'View logs' }).click()
+
+      cy.findByText(
+        "Reference `intorduction' on page 1 undefined on input line 11."
+      )
+      cy.findByText(
+        "Reference `section1' on page 1 undefined on input line 13."
+      )
+      cy.findByText('There were undefined references.')
+
+      cy.findAllByText(
+        /You have referenced something which has not yet been labelled/
+      ).should('have.length', 3)
+    })
+
+    it('does not show human readable hint when no undefined reference errors', function () {
+      cy.interceptCompile()
+      cy.intercept('/build/*/output.log?*', {
+        fixture: 'build/output-undefined-references.log',
+      }).as('compile-log')
+
+      const scope = mockScope()
+
+      cy.mount(
+        <EditorProviders scope={scope}>
+          <div className="pdf-viewer">
+            <PdfPreview />
+          </div>
+        </EditorProviders>
+      )
+
+      cy.findByRole('button', { name: 'Recompile' }).click()
+      cy.waitForCompile()
+      cy.findByRole('button', { name: 'View logs' }).click()
+
+      cy.findByText(
+        "Package rerunfilecheck Warning: File `output.brf' has changed. Rerun to get bibliographical references right."
+      )
+
+      cy.findByText(
+        /You have referenced something which has not yet been labelled/
+      ).should('not.exist')
+    })
+  })
+})
diff --git a/services/web/test/frontend/components/pdf-preview/pdf-synctex-controls.spec.tsx b/services/web/test/frontend/components/pdf-preview/pdf-synctex-controls.spec.tsx
new file mode 100644
index 0000000..b2a64b8
--- /dev/null
+++ b/services/web/test/frontend/components/pdf-preview/pdf-synctex-controls.spec.tsx
@@ -0,0 +1,439 @@
+import PdfSynctexControls from '../../../../frontend/js/features/pdf-preview/components/pdf-synctex-controls'
+import { cloneDeep } from 'lodash'
+import { useDetachCompileContext as useCompileContext } from '../../../../frontend/js/shared/context/detach-compile-context'
+import { useFileTreeData } from '../../../../frontend/js/shared/context/file-tree-data-context'
+import { useEffect } from 'react'
+import { EditorProviders } from '../../helpers/editor-providers'
+import { mockScope } from './scope'
+import { detachChannel, testDetachChannel } from '../../helpers/detach-channel'
+import { FindResult } from '@/features/file-tree/util/path'
+
+const mockHighlights = [
+  {
+    page: 1,
+    h: 85.03936,
+    v: 509.999878,
+    width: 441.921265,
+    height: 8.855677,
+  },
+  {
+    page: 1,
+    h: 85.03936,
+    v: 486.089539,
+    width: 441.921265,
+    height: 8.855677,
+  },
+]
+
+type Position = {
+  page: number
+  offset: { top: number; left: number }
+  pageSize: { height: number; width: number }
+}
+
+const mockPosition: Position = {
+  page: 1,
+  offset: { top: 10, left: 10 },
+  pageSize: { height: 500, width: 500 },
+}
+
+const mockSelectedEntities = [{ type: 'doc' }] as FindResult[]
+
+const WithPosition = ({ mockPosition }: { mockPosition: Position }) => {
+  const { setPosition } = useCompileContext()
+
+  // mock PDF scroll position update
+  useEffect(() => {
+    setPosition(mockPosition)
+  }, [mockPosition, setPosition])
+
+  return null
+}
+
+// mock PDF scroll position update
+const setDetachedPosition = (mockPosition: Position) => {
+  testDetachChannel.postMessage({
+    role: 'detacher',
+    event: 'state-position',
+    data: { value: mockPosition },
+  })
+}
+
+const WithSelectedEntities = ({
+  mockSelectedEntities = [],
+}: {
+  mockSelectedEntities: FindResult[]
+}) => {
+  const { setSelectedEntities } = useFileTreeData()
+
+  useEffect(() => {
+    setSelectedEntities(mockSelectedEntities)
+  }, [mockSelectedEntities, setSelectedEntities])
+
+  return null
+}
+
+describe('<PdfSynctexControls/>', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-project_id', 'test-project')
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', false)
+    cy.interceptEvents()
+  })
+
+  it('handles clicks on sync buttons', function () {
+    cy.interceptCompile()
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <WithPosition mockPosition={mockPosition} />
+        <WithSelectedEntities mockSelectedEntities={mockSelectedEntities} />
+        <PdfSynctexControls />
+      </EditorProviders>
+    )
+
+    cy.waitForCompile()
+
+    cy.get('.synctex-control-icon').should('have.length', 2)
+
+    // mock editor cursor position update
+    cy.window().then(win => {
+      win.dispatchEvent(
+        new CustomEvent('cursor:editor:update', {
+          detail: { row: 100, column: 10 },
+        })
+      )
+    })
+
+    cy.wrap(null).then(() => {
+      setDetachedPosition(mockPosition)
+    })
+
+    cy.interceptAsync({ pathname: '/project/*/sync/code' }, 'sync-code').then(
+      syncCodeResponse => {
+        cy.findByRole('button', { name: 'Go to code location in PDF' }).click()
+        cy.findByRole('button', { name: 'Go to code location in PDF' })
+          .should('be.disabled')
+          .then(() => {
+            syncCodeResponse.resolve({
+              body: { pdf: cloneDeep(mockHighlights) },
+            })
+          })
+
+        cy.wait('@sync-code')
+      }
+    )
+
+    cy.interceptAsync({ pathname: '/project/*/sync/pdf' }, 'sync-pdf').then(
+      syncPdfResponse => {
+        cy.findByRole('button', { name: /^Go to PDF location in code/ }).click()
+        cy.findByRole('button', { name: /^Go to PDF location in code/ })
+          .should('be.disabled')
+          .then(() => {
+            syncPdfResponse.resolve({
+              body: { code: [{ file: 'main.tex', line: 100 }] },
+            })
+          })
+
+        cy.wait('@sync-pdf')
+      }
+    )
+  })
+
+  it('disables button when multiple entities are selected', function () {
+    cy.interceptCompile()
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <WithPosition mockPosition={mockPosition} />
+        <WithSelectedEntities
+          mockSelectedEntities={
+            [{ type: 'doc' }, { type: 'doc' }] as FindResult[]
+          }
+        />
+        <PdfSynctexControls />
+      </EditorProviders>
+    )
+
+    cy.waitForCompile()
+
+    cy.findByRole('button', { name: 'Go to code location in PDF' }).should(
+      'be.disabled'
+    )
+  })
+
+  it('disables button when a file is selected', function () {
+    cy.interceptCompile()
+
+    const scope = mockScope()
+
+    cy.mount(
+      <EditorProviders scope={scope}>
+        <WithPosition mockPosition={mockPosition} />
+        <WithSelectedEntities
+          mockSelectedEntities={[{ type: 'fileRef' }] as FindResult[]}
+        />
+        <PdfSynctexControls />
+      </EditorProviders>
+    )
+
+    cy.waitForCompile()
+
+    cy.findByRole('button', { name: 'Go to code location in PDF' }).should(
+      'be.disabled'
+    )
+  })
+
+  describe('with detacher role', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set('ol-detachRole', 'detacher')
+    })
+
+    it('does not have go to PDF location button nor arrow icon', function () {
+      cy.interceptCompile()
+
+      const scope = mockScope()
+
+      cy.mount(
+        <EditorProviders scope={scope}>
+          <WithPosition mockPosition={mockPosition} />
+          <WithSelectedEntities mockSelectedEntities={mockSelectedEntities} />
+          <PdfSynctexControls />
+        </EditorProviders>
+      )
+
+      cy.waitForCompile()
+
+      cy.findByRole('button', { name: /^Go to PDF location in code/ }).should(
+        'not.exist'
+      )
+
+      cy.get('.synctex-control-icon').should('not.exist')
+    })
+
+    it('send set highlights action', function () {
+      cy.interceptCompile()
+
+      const scope = mockScope()
+
+      cy.mount(
+        <EditorProviders scope={scope}>
+          <WithPosition mockPosition={mockPosition} />
+          <WithSelectedEntities mockSelectedEntities={mockSelectedEntities} />
+          <PdfSynctexControls />
+        </EditorProviders>
+      )
+
+      cy.waitForCompile()
+
+      // mock editor cursor position update
+      cy.window().then(win => {
+        win.dispatchEvent(
+          new CustomEvent('cursor:editor:update', {
+            detail: { row: 100, column: 10 },
+          })
+        )
+      })
+
+      cy.spy(detachChannel, 'postMessage').as('postDetachMessage')
+
+      cy.interceptAsync({ pathname: '/project/*/sync/code' }, 'sync-code').then(
+        syncCodeResponse => {
+          cy.findByRole('button', {
+            name: 'Go to code location in PDF',
+          })
+            .should('not.be.disabled')
+            .click()
+
+          cy.findByRole('button', {
+            name: 'Go to code location in PDF',
+          })
+            .should('be.disabled')
+            .then(() => {
+              syncCodeResponse.resolve({
+                body: { pdf: cloneDeep(mockHighlights) },
+              })
+            })
+
+          cy.wait('@sync-code')
+        }
+      )
+
+      cy.findByRole('button', {
+        name: 'Go to code location in PDF',
+      }).should('not.be.disabled')
+
+      // synctex is called locally and the result are broadcast for the detached tab
+      // NOTE: can't use `.to.deep.include({…})` as it doesn't match the nested array
+      cy.get('@postDetachMessage').should('have.been.calledWith', {
+        role: 'detacher',
+        event: 'action-setHighlights',
+        data: { args: [mockHighlights] },
+      })
+    })
+
+    it('reacts to sync to code action', function () {
+      cy.interceptCompile()
+
+      const scope = mockScope()
+
+      cy.mount(
+        <EditorProviders scope={scope}>
+          <WithPosition mockPosition={mockPosition} />
+          <WithSelectedEntities mockSelectedEntities={mockSelectedEntities} />
+          <PdfSynctexControls />
+        </EditorProviders>
+      )
+
+      cy.waitForCompile()
+
+      cy.interceptAsync({ pathname: '/project/*/sync/pdf' }, 'sync-pdf')
+        .then(syncPdfResponse => {
+          syncPdfResponse.resolve({
+            body: { code: [{ file: 'main.tex', line: 100 }] },
+          })
+
+          testDetachChannel.postMessage({
+            role: 'detached',
+            event: 'action-sync-to-code',
+            data: {
+              args: [mockPosition],
+            },
+          })
+        })
+        .wait('@sync-pdf')
+    })
+  })
+
+  describe('with detached role', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set('ol-detachRole', 'detached')
+    })
+
+    it('does not have go to code location button nor arrow icon', function () {
+      cy.interceptCompile()
+
+      const scope = mockScope()
+
+      cy.mount(
+        <EditorProviders scope={scope}>
+          <WithPosition mockPosition={mockPosition} />
+          <PdfSynctexControls />
+        </EditorProviders>
+      )
+
+      cy.waitForCompile()
+
+      cy.findByRole('button', {
+        name: 'Go to code location in PDF',
+      }).should('not.exist')
+
+      cy.get('.synctex-control-icon').should('not.exist')
+    })
+
+    it('send go to code line action', function () {
+      cy.interceptCompile()
+
+      const scope = mockScope()
+
+      cy.mount(
+        <EditorProviders scope={scope}>
+          <PdfSynctexControls />
+        </EditorProviders>
+      )
+
+      cy.waitForCompile().then(() => {
+        testDetachChannel.postMessage({
+          role: 'detacher',
+          event: `state-position`,
+          data: { value: mockPosition },
+        })
+      })
+
+      cy.findByRole('button', {
+        name: /^Go to PDF location in code/,
+      })
+
+      cy.findByRole('button', { name: /^Go to PDF location in code/ }).should(
+        'not.be.disabled'
+      )
+
+      cy.spy(detachChannel, 'postMessage').as('postDetachMessage')
+
+      cy.findByRole('button', { name: /^Go to PDF location in code/ }).click()
+
+      // the button is only disabled when the state is updated
+      cy.findByRole('button', { name: /^Go to PDF location in code/ }).should(
+        'not.be.disabled'
+      )
+
+      cy.get('.synctex-spin-icon').should('not.exist')
+
+      cy.get('@postDetachMessage').should('have.been.calledWith', {
+        role: 'detached',
+        event: 'action-sync-to-code',
+        data: {
+          args: [{ visualOffset: 72 }],
+        },
+      })
+    })
+
+    it('update inflight state', function () {
+      cy.interceptCompile()
+
+      const scope = mockScope()
+
+      cy.mount(
+        <EditorProviders scope={scope}>
+          <WithPosition mockPosition={mockPosition} />
+          <PdfSynctexControls />
+        </EditorProviders>
+      )
+
+      cy.waitForCompile().then(() => {
+        testDetachChannel.postMessage({
+          role: 'detacher',
+          event: `state-position`,
+          data: { value: mockPosition },
+        })
+      })
+
+      cy.findByRole('button', { name: /^Go to PDF location in code/ }).should(
+        'not.be.disabled'
+      )
+
+      cy.findByRole('status', { hidden: true }).should('not.exist')
+
+      cy.wrap(null).then(() => {
+        testDetachChannel.postMessage({
+          role: 'detacher',
+          event: 'state-sync-to-code-inflight',
+          data: { value: true },
+        })
+      })
+
+      cy.findByRole('button', { name: /^Go to PDF location in code/ }).should(
+        'be.disabled'
+      )
+
+      cy.findByRole('status', { hidden: true }).should('have.length', 1)
+
+      cy.wrap(null).then(() => {
+        testDetachChannel.postMessage({
+          role: 'detacher',
+          event: 'state-sync-to-code-inflight',
+          data: { value: false },
+        })
+      })
+
+      cy.findByRole('button', { name: /^Go to PDF location in code/ }).should(
+        'not.be.disabled'
+      )
+
+      cy.get('.synctex-spin-icon').should('not.exist')
+    })
+  })
+})
diff --git a/services/web/test/frontend/components/pdf-preview/scope.tsx b/services/web/test/frontend/components/pdf-preview/scope.tsx
new file mode 100644
index 0000000..bb4e4d9
--- /dev/null
+++ b/services/web/test/frontend/components/pdf-preview/scope.tsx
@@ -0,0 +1,24 @@
+import { EditorView } from '@codemirror/view'
+
+export const mockScope = () => ({
+  settings: {
+    syntaxValidation: false,
+    pdfViewer: 'pdfjs',
+  },
+  editor: {
+    open_doc_name: 'main.tex',
+    sharejs_doc: {
+      doc_id: 'test-doc',
+      getSnapshot: () => 'some doc content',
+      hasBufferedOps: () => false,
+    },
+    view: new EditorView({
+      doc: '\\documentclass{article}',
+    }),
+  },
+  hasLintingError: false,
+  ui: {
+    view: 'editor',
+    pdfLayout: 'sideBySide',
+  },
+})
diff --git a/services/web/test/frontend/components/project-list/notifications/group-invitation.spec.tsx b/services/web/test/frontend/components/project-list/notifications/group-invitation.spec.tsx
new file mode 100644
index 0000000..5767302
--- /dev/null
+++ b/services/web/test/frontend/components/project-list/notifications/group-invitation.spec.tsx
@@ -0,0 +1,133 @@
+import GroupInvitationNotification from '@/features/project-list/components/notifications/groups/group-invitation/group-invitation'
+import { NotificationGroupInvitation } from '../../../../../types/project/dashboard/notification'
+
+type Props = {
+  notification: NotificationGroupInvitation
+}
+
+function GroupInvitation({ notification }: Props) {
+  return (
+    <div className="user-notifications">
+      <ul className="list-unstyled">
+        <GroupInvitationNotification notification={notification} />
+      </ul>
+    </div>
+  )
+}
+
+describe('<GroupInvitationNotification />', function () {
+  const notification: NotificationGroupInvitation = {
+    _id: 1,
+    templateKey: 'notification_group_invitation',
+    messageOpts: {
+      inviterName: 'inviter@overleaf.com',
+      token: '123abc',
+      managedUsersEnabled: false,
+    },
+  }
+
+  beforeEach(function () {
+    cy.intercept(
+      'PUT',
+      `/subscription/invites/${notification.messageOpts.token}`,
+      {
+        statusCode: 204,
+      }
+    ).as('acceptInvite')
+  })
+
+  describe('user without existing personal subscription', function () {
+    it('is able to join group successfully', function () {
+      cy.mount(<GroupInvitation notification={notification} />)
+
+      cy.findByRole('alert')
+
+      cy.contains(
+        'inviter@overleaf.com has invited you to join a group subscription on Overleaf'
+      )
+
+      cy.findByRole('button', { name: 'Join now' }).click()
+
+      cy.wait('@acceptInvite')
+
+      cy.findByText(
+        'Congratulations! You‘ve successfully joined the group subscription.'
+      )
+
+      cy.findByRole('button', { name: /close/i }).click()
+
+      cy.findByRole('alert').should('not.exist')
+    })
+  })
+
+  describe('user with existing personal subscription', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set(
+        'ol-hasIndividualRecurlySubscription',
+        true
+      )
+    })
+
+    it('is able to join group successfully without cancelling personal subscription', function () {
+      cy.mount(<GroupInvitation notification={notification} />)
+
+      cy.findByRole('alert')
+
+      cy.contains(
+        'inviter@overleaf.com has invited you to join a group Overleaf subscription. If you join this group, you may not need your individual subscription. Would you like to cancel it?'
+      )
+
+      cy.findByRole('button', { name: 'Not now' }).click()
+
+      cy.contains(
+        'inviter@overleaf.com has invited you to join a group subscription on Overleaf'
+      )
+
+      cy.findByRole('button', { name: 'Join now' }).click()
+
+      cy.wait('@acceptInvite')
+
+      cy.findByText(
+        'Congratulations! You‘ve successfully joined the group subscription.'
+      )
+
+      cy.findByRole('button', { name: /close/i }).click()
+
+      cy.findByRole('alert').should('not.exist')
+    })
+
+    it('is able to join group successfully after cancelling personal subscription', function () {
+      cy.intercept('POST', '/user/subscription/cancel', {
+        statusCode: 204,
+      }).as('cancelPersonalSubscription')
+
+      cy.mount(<GroupInvitation notification={notification} />)
+
+      cy.findByRole('alert')
+
+      cy.contains(
+        'inviter@overleaf.com has invited you to join a group Overleaf subscription. If you join this group, you may not need your individual subscription. Would you like to cancel it?'
+      )
+
+      cy.findByRole('button', { name: 'Cancel my subscription' }).click()
+
+      cy.wait('@cancelPersonalSubscription')
+
+      cy.contains(
+        'inviter@overleaf.com has invited you to join a group subscription on Overleaf'
+      )
+
+      cy.findByRole('button', { name: 'Join now' }).click()
+
+      cy.wait('@acceptInvite')
+
+      cy.findByText(
+        'Congratulations! You‘ve successfully joined the group subscription.'
+      )
+
+      cy.findByRole('button', { name: /close/i }).click()
+
+      cy.findByRole('alert').should('not.exist')
+    })
+  })
+})
diff --git a/services/web/test/frontend/components/shared/beta-badge.spec.tsx b/services/web/test/frontend/components/shared/beta-badge.spec.tsx
new file mode 100644
index 0000000..67a9b47
--- /dev/null
+++ b/services/web/test/frontend/components/shared/beta-badge.spec.tsx
@@ -0,0 +1,17 @@
+import BetaBadge from '../../../../frontend/js/shared/components/beta-badge'
+
+describe('beta badge', function () {
+  it('renders the url and tooltip text', function () {
+    cy.mount(
+      <BetaBadge
+        link={{ href: '/foo' }}
+        tooltip={{
+          id: 'test-tooltip',
+          text: 'This is a test',
+        }}
+      />
+    )
+
+    cy.get('a[href="/foo"]').contains('This is a test')
+  })
+})
diff --git a/services/web/test/frontend/components/shared/language-picker.spec.tsx b/services/web/test/frontend/components/shared/language-picker.spec.tsx
new file mode 100644
index 0000000..b69e883
--- /dev/null
+++ b/services/web/test/frontend/components/shared/language-picker.spec.tsx
@@ -0,0 +1,50 @@
+import React from 'react'
+import LanguagePicker from '../../../../frontend/js/features/ui/components/bootstrap-5/language-picker'
+import getMeta from '@/utils/meta'
+import exposedSettings from '../../../../modules/admin-panel/test/frontend/js/features/user/data/exposedSettings'
+
+describe('LanguagePicker', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-i18n', {
+      currentLangCode: 'en',
+    })
+    window.metaAttributesCache.set('ol-footer', {
+      showThinFooter: false,
+      translatedLanguages: {
+        en: 'English',
+        fr: 'Français',
+        es: 'Español',
+      },
+      subdomainLang: {
+        en: { lngCode: 'en', url: 'overleaf.com' },
+        fr: { lngCode: 'fr', url: 'fr.overleaf.com' },
+        es: { lngCode: 'es', url: 'es.overleaf.com' },
+      },
+    })
+
+    Object.assign(getMeta('ol-ExposedSettings'), exposedSettings)
+  })
+
+  it('renders the language picker with the current language', function () {
+    cy.mount(<LanguagePicker showHeader />)
+    cy.get('#language-picker-toggle').should('contain', 'English')
+  })
+
+  it('opens the dropdown and lists available languages', function () {
+    cy.mount(<LanguagePicker showHeader />)
+    cy.get('#language-picker-toggle').click()
+
+    cy.get('.dropdown-menu').within(() => {
+      cy.contains('English').should('exist')
+      cy.contains('Français').should('exist')
+      cy.contains('Español').should('exist')
+    })
+  })
+
+  it('changes the language and updates the URL when a language is selected', function () {
+    cy.mount(<LanguagePicker showHeader />)
+    cy.get('#language-picker-toggle').should('exist').click()
+    cy.contains('Français').click()
+    cy.url().should('include', 'fr.overleaf.com')
+  })
+})
diff --git a/services/web/test/frontend/components/shared/material-icon.spec.tsx b/services/web/test/frontend/components/shared/material-icon.spec.tsx
new file mode 100644
index 0000000..6a87afd
--- /dev/null
+++ b/services/web/test/frontend/components/shared/material-icon.spec.tsx
@@ -0,0 +1,30 @@
+import MaterialIcon from '@/shared/components/material-icon'
+import unfilledIconTypes from '../../../../frontend/fonts/material-symbols/unfilled-symbols.mjs'
+
+const FONT_SIZE = 40
+
+describe('MaterialIcon', function () {
+  describe('Filled', function () {
+    it('contains symbols', function () {
+      cy.mount(<MaterialIcon type="home" style={{ fontSize: FONT_SIZE }} />)
+      cy.get('.material-symbols').as('icon')
+      cy.get('@icon')
+        .invoke('width')
+        .should('be.within', FONT_SIZE - 1, FONT_SIZE + 1)
+    })
+  })
+
+  describe('Unfilled', function () {
+    it('Contain all unfilled symbol', function () {
+      for (const type of unfilledIconTypes) {
+        cy.mount(
+          <MaterialIcon type={type} unfilled style={{ fontSize: FONT_SIZE }} />
+        )
+        cy.get('.material-symbols').as('icon')
+        cy.get('@icon')
+          .invoke('width')
+          .should('be.within', FONT_SIZE - 1, FONT_SIZE + 1)
+      }
+    })
+  })
+})
diff --git a/services/web/test/frontend/components/shared/select.spec.tsx b/services/web/test/frontend/components/shared/select.spec.tsx
new file mode 100644
index 0000000..eb96b20
--- /dev/null
+++ b/services/web/test/frontend/components/shared/select.spec.tsx
@@ -0,0 +1,345 @@
+import { useCallback, FormEvent } from 'react'
+import OLButton from '@/features/ui/components/ol/ol-button'
+import OLForm from '@/features/ui/components/ol/ol-form'
+import OLFormControl from '@/features/ui/components/ol/ol-form-control'
+import {
+  Select,
+  SelectProps,
+} from '../../../../frontend/js/shared/components/select'
+
+const testData = [1, 2, 3].map(index => ({
+  key: index,
+  value: `Demo item ${index}`,
+  sub: `Subtitle ${index}`,
+}))
+
+type RenderProps = Partial<SelectProps<(typeof testData)[number]>> & {
+  onSubmit?: (formData: object) => void
+}
+
+function render(props: RenderProps) {
+  const submitHandler = (event: FormEvent<HTMLFormElement>) => {
+    event.preventDefault()
+    if (props.onSubmit) {
+      const formData = new FormData(event.target as HTMLFormElement)
+      // a plain object is more convenient to work later with assertions
+      props.onSubmit(Object.fromEntries(formData.entries()))
+    }
+  }
+  cy.mount(
+    <div
+      style={{
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100vh',
+      }}
+    >
+      <form onSubmit={submitHandler}>
+        <Select
+          items={testData}
+          itemToString={x => String(x?.value)}
+          label={props.label}
+          name="select_control"
+          defaultText={props.defaultText}
+          defaultItem={props.defaultItem}
+          itemToSubtitle={props.itemToSubtitle}
+          itemToKey={x => String(x.key)}
+          onSelectedItemChanged={props.onSelectedItemChanged}
+          selected={props.selected}
+          disabled={props.disabled}
+          itemToDisabled={props.itemToDisabled}
+          optionalLabel={props.optionalLabel}
+          loading={props.loading}
+          selectedIcon={props.selectedIcon}
+        />
+        <button type="submit">submit</button>
+      </form>
+    </div>
+  )
+}
+
+describe('<Select />', function () {
+  describe('initial rendering', function () {
+    it('renders default text', function () {
+      render({ defaultText: 'Choose an item' })
+      cy.findByTestId('spinner').should('not.exist')
+      cy.findByRole('textbox', { name: 'Choose an item' })
+    })
+
+    it('renders default item', function () {
+      render({ defaultItem: testData[2] })
+      cy.findByRole('textbox', { name: 'Demo item 3' })
+    })
+
+    it('default item takes precedence over default text', function () {
+      render({ defaultText: 'Choose an item', defaultItem: testData[2] })
+      cy.findByRole('textbox', { name: 'Demo item 3' })
+    })
+
+    it('renders label', function () {
+      render({
+        defaultText: 'Choose an item',
+        label: 'test label',
+        optionalLabel: false,
+      })
+      cy.findByRole('textbox', { name: 'test label' })
+      cy.findByRole('textbox', { name: '(Optional)' }).should('not.exist')
+    })
+
+    it('renders optional label', function () {
+      render({
+        defaultText: 'Choose an item',
+        label: 'test label',
+        optionalLabel: true,
+      })
+      cy.findByRole('textbox', { name: 'test label (Optional)' })
+    })
+
+    it('renders a spinner while loading when there is a label', function () {
+      render({
+        defaultText: 'Choose an item',
+        label: 'test label',
+        loading: true,
+      })
+      cy.findByTestId('spinner')
+    })
+
+    it('does not render a spinner while loading if there is no label', function () {
+      render({
+        defaultText: 'Choose an item',
+        loading: true,
+      })
+      cy.findByTestId('spinner').should('not.exist')
+    })
+  })
+
+  describe('items rendering', function () {
+    it('renders all items', function () {
+      render({ defaultText: 'Choose an item' })
+      cy.findByRole('textbox', { name: 'Choose an item' }).click()
+
+      cy.findByRole('option', { name: 'Demo item 1' })
+      cy.findByRole('option', { name: 'Demo item 2' })
+      cy.findByRole('option', { name: 'Demo item 3' })
+    })
+
+    it('renders subtitles', function () {
+      render({
+        defaultText: 'Choose an item',
+        itemToSubtitle: x => String(x?.sub),
+      })
+      cy.findByRole('textbox', { name: 'Choose an item' }).click()
+
+      cy.findByRole('option', { name: 'Demo item 1 Subtitle 1' })
+      cy.findByRole('option', { name: 'Demo item 2 Subtitle 2' })
+      cy.findByRole('option', { name: 'Demo item 3 Subtitle 3' })
+    })
+  })
+
+  describe('item selection', function () {
+    it('cannot select an item when disabled', function () {
+      render({ defaultText: 'Choose an item', disabled: true })
+      cy.findByRole('textbox', { name: 'Choose an item' }).click({
+        force: true,
+      })
+      cy.findByRole('option', { name: 'Demo item 1' }).should('not.exist')
+      cy.findByRole('option', { name: 'Demo item 2' }).should('not.exist')
+      cy.findByRole('option', { name: 'Demo item 3' }).should('not.exist')
+      cy.findByRole('textbox', { name: 'Choose an item' })
+    })
+
+    it('renders only the selected item after selection', function () {
+      render({ defaultText: 'Choose an item' })
+      cy.findByRole('textbox', { name: 'Choose an item' }).click()
+
+      cy.findByRole('option', { name: 'Demo item 1' })
+      cy.findByRole('option', { name: 'Demo item 2' })
+      cy.findByRole('option', { name: 'Demo item 3' }).click()
+
+      cy.findByRole('textbox', { name: 'Choose an item' }).should('not.exist')
+      cy.findByRole('option', { name: 'Demo item 1' }).should('not.exist')
+      cy.findByRole('option', { name: 'Demo item 2' }).should('not.exist')
+      cy.findByRole('textbox', { name: 'Demo item 3' })
+    })
+
+    it('invokes callback after selection', function () {
+      const selectionHandler = cy.stub().as('selectionHandler')
+
+      render({
+        defaultText: 'Choose an item',
+        onSelectedItemChanged: selectionHandler,
+      })
+      cy.findByRole('textbox', { name: 'Choose an item' }).click()
+      cy.findByRole('option', { name: 'Demo item 2' }).click()
+
+      cy.get('@selectionHandler').should(
+        'have.been.calledOnceWith',
+        testData[1]
+      )
+    })
+  })
+
+  describe('when the form is submitted', function () {
+    it('populates FormData with the default selected item', function () {
+      const submitHandler = cy.stub().as('submitHandler')
+      render({ defaultItem: testData[1], onSubmit: submitHandler })
+
+      cy.findByText('submit').click()
+      cy.get('@submitHandler').should('have.been.calledOnceWith', {
+        select_control: 'Demo item 2',
+      })
+    })
+
+    it('populates FormData with the selected item', function () {
+      const submitHandler = cy.stub().as('submitHandler')
+      render({ defaultItem: testData[1], onSubmit: submitHandler })
+
+      cy.findByRole('textbox', { name: 'Demo item 2' }).click() // open dropdown
+      cy.findByText('Demo item 3').click() // choose a different item
+
+      cy.findByText('submit').click()
+      cy.get('@submitHandler').should('have.been.calledOnceWith', {
+        select_control: 'Demo item 3',
+      })
+    })
+
+    it('does not populate FormData when no item is selected', function () {
+      const submitHandler = cy.stub().as('submitHandler')
+      render({ defaultText: 'Choose an item', onSubmit: submitHandler })
+
+      cy.findByText('submit').click()
+      cy.get('@submitHandler').should('have.been.calledOnceWith', {})
+    })
+  })
+
+  describe('with react-bootstrap forms', function () {
+    type FormWithSelectProps = {
+      onSubmit: (formData: object) => void
+    }
+
+    const FormWithSelect = ({ onSubmit }: FormWithSelectProps) => {
+      const selectComponent = useCallback(
+        () => (
+          <Select
+            name="select_control"
+            items={testData}
+            defaultItem={testData[0]}
+            itemToString={x => String(x?.value)}
+            itemToKey={x => String(x.key)}
+          />
+        ),
+        []
+      )
+
+      function handleSubmit(event: FormEvent<HTMLFormElement>) {
+        event.preventDefault()
+        const formData = new FormData(event.target as HTMLFormElement)
+        // a plain object is more convenient to work later with assertions
+        onSubmit(Object.fromEntries(formData.entries()))
+      }
+
+      return (
+        <OLForm onSubmit={handleSubmit}>
+          <OLFormControl as={selectComponent} />
+          <OLButton type="submit">submit</OLButton>
+        </OLForm>
+      )
+    }
+
+    it('populates FormData with the selected item when the form is submitted', function () {
+      const submitHandler = cy.stub().as('submitHandler')
+      cy.mount(
+        <div
+          style={{
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: '100vh',
+          }}
+        >
+          <FormWithSelect onSubmit={submitHandler} />
+        </div>
+      )
+
+      cy.findByRole('textbox', { name: 'Demo item 1' }).click() // open dropdown
+      cy.findByRole('option', { name: 'Demo item 3' }).click() // choose a different item
+
+      cy.findByText('submit').click()
+      cy.get('@submitHandler').should('have.been.calledOnceWith', {
+        select_control: 'Demo item 3',
+      })
+    })
+  })
+
+  describe('keyboard navigation', function () {
+    it('can select an item using the keyboard', function () {
+      render({ defaultText: 'Choose an item' })
+      cy.findByRole('textbox', { name: 'Choose an item' }).type(
+        '{Enter}{downArrow}{Enter}',
+        { force: true }
+      )
+      cy.findByRole('textbox', { name: 'Demo item 1' }).should('exist')
+      cy.findByRole('option', { name: 'Demo item 2' }).should('not.exist')
+    })
+  })
+
+  describe('selectedIcon', function () {
+    it('renders a selected icon if the prop is set', function () {
+      render({
+        defaultText: 'Choose an item',
+        selectedIcon: true,
+      })
+      cy.findByRole('textbox', { name: 'Choose an item' }).click()
+      cy.findByRole('option', { name: 'Demo item 1' }).click()
+      cy.findByRole('textbox', { name: 'Demo item 1' }).click()
+
+      cy.findByText('check').should('exist')
+    })
+    it('renders no selected icon if the prop is not set', function () {
+      render({
+        defaultText: 'Choose an item',
+        selectedIcon: false,
+      })
+      cy.findByRole('textbox', { name: 'Choose an item' }).click()
+      cy.findByRole('option', { name: 'Demo item 1' }).click()
+      cy.findByRole('textbox', { name: 'Demo item 1' }).click()
+
+      cy.findByText('check').should('not.exist')
+    })
+  })
+
+  describe('itemToDisabled', function () {
+    it('prevents selecting a disabled item', function () {
+      render({
+        defaultText: 'Choose an item',
+        itemToDisabled: x => x?.key === 2,
+      })
+      cy.findByRole('textbox', { name: 'Choose an item' }).click()
+      cy.findByRole('option', { name: 'Demo item 2' }).click({ force: true })
+      // still showing other list items
+      cy.findByRole('option', { name: 'Demo item 3' }).should('exist')
+      cy.findByRole('option', { name: 'Demo item 1' }).click()
+      // clicking an enabled item dismisses the list
+      cy.findByRole('option', { name: 'Demo item 3' }).should('not.exist')
+    })
+  })
+
+  describe('selected', function () {
+    it('shows the item provided in the selected prop', function () {
+      render({
+        defaultText: 'Choose an item',
+        selected: testData[1],
+      })
+      cy.findByRole('textbox', { name: 'Demo item 2' }).should('exist')
+    })
+
+    it('should show default text when selected is null', function () {
+      render({
+        selected: null,
+        defaultText: 'Choose an item',
+      })
+      cy.findByRole('textbox', { name: 'Choose an item' }).should('exist')
+    })
+  })
+})
diff --git a/services/web/test/frontend/components/shared/split-test-badge.spec.tsx b/services/web/test/frontend/components/shared/split-test-badge.spec.tsx
new file mode 100644
index 0000000..1f77f25
--- /dev/null
+++ b/services/web/test/frontend/components/shared/split-test-badge.spec.tsx
@@ -0,0 +1,228 @@
+import SplitTestBadge from '../../../../frontend/js/shared/components/split-test-badge'
+import { EditorProviders } from '../../helpers/editor-providers'
+
+describe('split test badge', function () {
+  it('renders an alpha badge with the url and tooltip text', function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-splitTestVariants', {
+        'cypress-test': 'active',
+      })
+      win.metaAttributesCache.set('ol-splitTestInfo', {
+        'cypress-test': {
+          phase: 'alpha',
+          badgeInfo: {
+            url: '/alpha/participate',
+            tooltipText: 'This is an alpha feature',
+          },
+        },
+      })
+    })
+
+    cy.mount(
+      <EditorProviders>
+        <SplitTestBadge
+          splitTestName="cypress-test"
+          displayOnVariants={['active']}
+        />
+      </EditorProviders>
+    )
+
+    cy.findByRole('link', { name: /this is an alpha feature/i })
+      .should('have.attr', 'href', '/alpha/participate')
+      .find('.badge')
+      .contains('α')
+  })
+
+  it('does not render the alpha badge when user is not assigned to the variant', function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-splitTestVariants', {
+        'cypress-test': 'default',
+      })
+      win.metaAttributesCache.set('ol-splitTestInfo', {
+        'cypress-test': {
+          phase: 'alpha',
+          badgeInfo: {
+            url: '/alpha/participate',
+            tooltipText: 'This is an alpha feature',
+          },
+        },
+      })
+    })
+
+    cy.mount(
+      <EditorProviders>
+        <SplitTestBadge
+          splitTestName="cypress-test"
+          displayOnVariants={['active']}
+        />
+      </EditorProviders>
+    )
+
+    cy.get('.badge').should('not.exist')
+  })
+
+  it('renders a beta badge with the url and tooltip text', function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-splitTestVariants', {
+        'cypress-test': 'active',
+      })
+      win.metaAttributesCache.set('ol-splitTestInfo', {
+        'cypress-test': {
+          phase: 'beta',
+          badgeInfo: {
+            url: '/beta/participate',
+            tooltipText: 'This is a beta feature',
+          },
+        },
+      })
+    })
+
+    cy.mount(
+      <EditorProviders>
+        <SplitTestBadge
+          splitTestName="cypress-test"
+          displayOnVariants={['active']}
+        />
+      </EditorProviders>
+    )
+
+    cy.findByRole('link', { name: /this is a beta feature/i })
+      .should('have.attr', 'href', '/beta/participate')
+      .find('.badge')
+      .contains('β')
+  })
+
+  it('does not render the beta badge when user is not assigned to the variant', function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-splitTestVariants', {
+        'cypress-test': 'default',
+      })
+      win.metaAttributesCache.set('ol-splitTestInfo', {
+        'cypress-test': {
+          phase: 'beta',
+          badgeInfo: {
+            url: '/beta/participate',
+            tooltipText: 'This is a beta feature',
+          },
+        },
+      })
+    })
+
+    cy.mount(
+      <EditorProviders>
+        <SplitTestBadge
+          splitTestName="cypress-test"
+          displayOnVariants={['active']}
+        />
+      </EditorProviders>
+    )
+
+    cy.get('.badge').should('not.exist')
+  })
+
+  it('renders an info badge with the url and tooltip text', function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-splitTestVariants', {
+        'cypress-test': 'active',
+      })
+      win.metaAttributesCache.set('ol-splitTestInfo', {
+        'cypress-test': {
+          phase: 'release',
+          badgeInfo: {
+            url: '/feedback/form',
+            tooltipText: 'This is a new feature',
+          },
+        },
+      })
+    })
+
+    cy.mount(
+      <EditorProviders>
+        <SplitTestBadge
+          splitTestName="cypress-test"
+          displayOnVariants={['active']}
+        />
+      </EditorProviders>
+    )
+
+    cy.findByRole('link', { name: /this is a new feature/i })
+      .should('have.attr', 'href', '/feedback/form')
+      .find('.info-badge')
+  })
+
+  it('does not render the info badge when user is not assigned to the variant', function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-splitTestVariants', {
+        'cypress-test': 'default',
+      })
+      win.metaAttributesCache.set('ol-splitTestInfo', {
+        'cypress-test': {
+          phase: 'release',
+          badgeInfo: {
+            url: '/feedback/form',
+            tooltipText: 'This is a new feature',
+          },
+        },
+      })
+    })
+
+    cy.mount(
+      <EditorProviders>
+        <SplitTestBadge
+          splitTestName="cypress-test"
+          displayOnVariants={['active']}
+        />
+      </EditorProviders>
+    )
+
+    cy.get('.badge').should('not.exist')
+  })
+
+  it('does not render the badge when no split test info is available', function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-splitTestVariants', {
+        'cypress-test': 'active',
+      })
+      win.metaAttributesCache.set('ol-splitTestInfo', {})
+    })
+
+    cy.mount(
+      <EditorProviders>
+        <SplitTestBadge
+          splitTestName="cypress-test"
+          displayOnVariants={['active']}
+        />
+      </EditorProviders>
+    )
+
+    cy.get('.badge').should('not.exist')
+  })
+
+  it('default badge url and text are used when not provided', function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-splitTestVariants', {
+        'cypress-test': 'active',
+      })
+      win.metaAttributesCache.set('ol-splitTestInfo', {
+        'cypress-test': {
+          phase: 'release',
+        },
+      })
+    })
+
+    cy.mount(
+      <EditorProviders>
+        <SplitTestBadge
+          splitTestName="cypress-test"
+          displayOnVariants={['active']}
+        />
+      </EditorProviders>
+    )
+
+    cy.findByRole('link', {
+      name: /we are testing this new feature.*click to give feedback/i,
+    })
+      .should('have.attr', 'href', '/beta/participate')
+      .find('.info-badge')
+  })
+})
diff --git a/services/web/test/frontend/components/shared/start-free-trial-button.spec.tsx b/services/web/test/frontend/components/shared/start-free-trial-button.spec.tsx
new file mode 100644
index 0000000..0e61acd
--- /dev/null
+++ b/services/web/test/frontend/components/shared/start-free-trial-button.spec.tsx
@@ -0,0 +1,95 @@
+import StartFreeTrialButton from '../../../../frontend/js/shared/components/start-free-trial-button'
+import getMeta from '@/utils/meta'
+
+describe('start free trial button', function () {
+  beforeEach(function () {
+    cy.intercept('POST', '/event/paywall-prompt', {
+      statusCode: 204,
+    }).as('event-paywall-prompt')
+    cy.intercept('POST', '/event/paywall-click', {
+      statusCode: 204,
+    }).as('event-paywall-click')
+
+    getMeta('ol-ExposedSettings').isOverleaf = true
+  })
+
+  it('renders the button with default text', function () {
+    cy.mount(<StartFreeTrialButton source="cypress-test" />)
+
+    cy.wait('@event-paywall-prompt')
+      .its('request.body.paywall-type')
+      .should('eq', 'cypress-test')
+
+    cy.get('button').contains('Start Free Trial!')
+  })
+
+  it('renders the button with custom text', function () {
+    cy.mount(
+      <StartFreeTrialButton source="cypress-test">
+        Some Custom Text
+      </StartFreeTrialButton>
+    )
+
+    cy.wait('@event-paywall-prompt')
+      .its('request.body.paywall-type')
+      .should('eq', 'cypress-test')
+
+    cy.get('button').contains('Some Custom Text')
+  })
+
+  it('renders the button with styled button', function () {
+    cy.mount(
+      <StartFreeTrialButton
+        source="cypress-test"
+        buttonProps={{
+          variant: 'danger',
+          size: 'lg',
+        }}
+      />
+    )
+
+    cy.wait('@event-paywall-prompt')
+
+    cy.get('button.btn.btn-danger.btn-lg').contains('Start Free Trial!')
+  })
+
+  it('renders the button with custom class', function () {
+    cy.mount(
+      <StartFreeTrialButton
+        source="cypress-test"
+        buttonProps={{ className: 'ct-test-class' }}
+      />
+    )
+
+    cy.wait('@event-paywall-prompt')
+      .its('request.body.paywall-type')
+      .should('eq', 'cypress-test')
+
+    cy.get('.ct-test-class').contains('Start Free Trial!')
+  })
+
+  it('calls onClick callback and opens a new tab to the subscription page on click', function () {
+    const onClickStub = cy.stub()
+    cy.mount(
+      <StartFreeTrialButton source="cypress-test" handleClick={onClickStub} />
+    )
+
+    cy.wait('@event-paywall-prompt')
+
+    cy.window().then(win => {
+      cy.stub(win, 'open').as('Open')
+    })
+    cy.get('button.btn').contains('Start Free Trial!').click()
+
+    cy.wrap(null).then(() => {
+      cy.wait('@event-paywall-click')
+        .its('request.body.paywall-type')
+        .should('eq', 'cypress-test')
+      cy.get('@Open').should(
+        'have.been.calledOnceWithExactly',
+        '/user/subscription/choose-your-plan?itm_campaign=cypress-test'
+      )
+      expect(onClickStub).to.be.called
+    })
+  })
+})
diff --git a/services/web/test/frontend/components/shared/tooltip.spec.tsx b/services/web/test/frontend/components/shared/tooltip.spec.tsx
new file mode 100644
index 0000000..29b2c75
--- /dev/null
+++ b/services/web/test/frontend/components/shared/tooltip.spec.tsx
@@ -0,0 +1,35 @@
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
+
+describe('<OLTooltip />', function () {
+  it('calls the bound handler and blur then hides text on click', function () {
+    const clickHandler = cy.stub().as('clickHandler')
+    const blurHandler = cy.stub().as('blurHandler')
+    const description = 'foo'
+    const btnText = 'Click me!'
+
+    cy.mount(
+      <div
+        style={{
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          height: '100vh',
+        }}
+      >
+        <OLTooltip id="abc" description={description}>
+          <button onClick={clickHandler} onBlur={blurHandler}>
+            {btnText}
+          </button>
+        </OLTooltip>
+      </div>
+    )
+
+    cy.findByRole('button', { name: btnText }).as('button')
+    cy.get('@button').trigger('mouseover')
+    cy.findByText(description)
+    cy.get('@button').click()
+    cy.get('@clickHandler').should('have.been.calledOnce')
+    cy.get('@blurHandler').should('have.been.calledOnce')
+    cy.findByText(description).should('not.exist')
+  })
+})
diff --git a/services/web/test/frontend/components/token-access/token-access-page.spec.tsx b/services/web/test/frontend/components/token-access/token-access-page.spec.tsx
new file mode 100644
index 0000000..829485a
--- /dev/null
+++ b/services/web/test/frontend/components/token-access/token-access-page.spec.tsx
@@ -0,0 +1,164 @@
+import TokenAccessPage from '@/features/token-access/components/token-access-root'
+import { location } from '@/shared/components/location'
+
+describe('<TokenAccessPage/>', function () {
+  // this is a URL for a read-only token, but the process is the same for read-write tokens
+  const url = '/read/123/grant'
+
+  beforeEach(function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-postUrl', url)
+      win.metaAttributesCache.set('ol-user', { email: 'test@example.com' })
+    })
+  })
+
+  it('handles a successful token access request', function () {
+    cy.intercept(
+      { method: 'post', url, times: 1 },
+      {
+        body: {
+          requireAccept: { projectName: 'Test Project' },
+        },
+      }
+    ).as('grantRequest')
+
+    cy.mount(<TokenAccessPage />)
+
+    cy.wait('@grantRequest').then(interception => {
+      expect(interception.request.body.confirmedByUser).to.be.false
+    })
+
+    cy.get('.link-sharing-invite-header').should(
+      'have.text',
+      ['You’re joining', 'Test Project', 'as test@example.com'].join('')
+    )
+
+    cy.intercept(
+      { method: 'post', url, times: 1 },
+      {
+        body: {
+          redirect: '/project/123',
+        },
+      }
+    ).as('confirmedGrantRequest')
+
+    cy.stub(location, 'replace').as('replaceLocation')
+
+    cy.findByRole('button', { name: 'OK, join project' }).click()
+
+    cy.wait('@confirmedGrantRequest').then(interception => {
+      expect(interception.request.body.confirmedByUser).to.be.true
+    })
+
+    cy.get('@replaceLocation').should(
+      'have.been.calledOnceWith',
+      '/project/123'
+    )
+  })
+
+  it('handles a project not found response', function () {
+    cy.intercept({ method: 'post', url, times: 1 }, { statusCode: 404 }).as(
+      'grantRequest'
+    )
+
+    cy.mount(<TokenAccessPage />)
+
+    cy.wait('@grantRequest')
+
+    cy.get('h3').should('have.text', 'Join Project')
+    cy.get('h4').should('have.text', 'Project not found')
+
+    cy.findByRole('button', { name: 'Join Project' }).should('not.exist')
+  })
+
+  it('handles a redirect response', function () {
+    cy.intercept(
+      { method: 'post', url, times: 1 },
+      {
+        body: {
+          redirect: '/restricted',
+        },
+      }
+    ).as('grantRequest')
+
+    cy.stub(location, 'replace').as('replaceLocation')
+
+    cy.mount(<TokenAccessPage />)
+
+    cy.wait('@grantRequest')
+
+    cy.get('@replaceLocation').should('have.been.calledOnceWith', '/restricted')
+  })
+
+  it('handles a v1 "must login" response', function () {
+    cy.intercept(
+      { method: 'post', url, times: 1 },
+      {
+        body: {
+          v1Import: { status: 'mustLogin' },
+        },
+      }
+    ).as('grantRequest')
+
+    cy.stub(location, 'replace').as('replaceLocation')
+
+    cy.mount(<TokenAccessPage />)
+
+    cy.wait('@grantRequest')
+
+    cy.get('h1').should('have.text', 'Please log in')
+
+    cy.findByRole('link', { name: 'Log in to access project' })
+      .should('have.attr', 'href')
+      .and('match', /^\/login\?redir=/)
+  })
+
+  it('handles a v1 "cannot import" response', function () {
+    cy.intercept(
+      { method: 'post', url, times: 1 },
+      {
+        body: {
+          v1Import: { status: 'cannotImport' },
+        },
+      }
+    ).as('grantRequest')
+
+    cy.stub(location, 'replace').as('replaceLocation')
+
+    cy.mount(<TokenAccessPage />)
+
+    cy.wait('@grantRequest')
+
+    cy.get('h1').should('have.text', 'Overleaf v1 Project')
+    cy.get('h2').should('have.text', 'Cannot Access Overleaf v1 Project')
+  })
+
+  it('handles a v1 "can download zip" response', function () {
+    cy.intercept(
+      { method: 'post', url, times: 1 },
+      {
+        body: {
+          v1Import: {
+            status: 'canDownloadZip',
+            projectId: '123',
+            name: 'Test Project',
+          },
+        },
+      }
+    ).as('grantRequest')
+
+    cy.stub(location, 'replace').as('replaceLocation')
+
+    cy.mount(<TokenAccessPage />)
+
+    cy.wait('@grantRequest')
+
+    cy.get('h1').should('have.text', 'Overleaf v1 Project')
+
+    cy.findByRole('link', { name: 'Download project zip file' }).should(
+      'have.attr',
+      'href',
+      '/overleaf/project/123/download/zip'
+    )
+  })
+})
diff --git a/services/web/test/frontend/cut-log-noise.js b/services/web/test/frontend/cut-log-noise.js
new file mode 100644
index 0000000..feba2e2
--- /dev/null
+++ b/services/web/test/frontend/cut-log-noise.js
@@ -0,0 +1,10 @@
+/* eslint-disable no-console */
+import { debugConsole } from '@/utils/debugging'
+
+if (process.env.VERBOSE_LOGGING === 'true') {
+  debugConsole.debug = console.debug
+  debugConsole.log = console.log
+} else {
+  debugConsole.warn = () => {}
+  debugConsole.error = () => {}
+}
diff --git a/services/web/test/frontend/features/chat/components/chat-pane.test.jsx b/services/web/test/frontend/features/chat/components/chat-pane.test.jsx
new file mode 100644
index 0000000..514993a
--- /dev/null
+++ b/services/web/test/frontend/features/chat/components/chat-pane.test.jsx
@@ -0,0 +1,123 @@
+import { expect } from 'chai'
+import {
+  fireEvent,
+  screen,
+  waitForElementToBeRemoved,
+} from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+
+import ChatPane from '../../../../../frontend/js/features/chat/components/chat-pane'
+import {
+  cleanUpContext,
+  renderWithEditorContext,
+} from '../../../helpers/render-with-context'
+import { stubMathJax, tearDownMathJaxStubs } from './stubs'
+
+describe('<ChatPane />', function () {
+  const user = {
+    id: 'fake_user',
+    first_name: 'fake_user_first_name',
+    email: 'fake@example.com',
+  }
+
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-user', user)
+    window.metaAttributesCache.set('ol-chatEnabled', true)
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  const testMessages = [
+    {
+      id: 'msg_1',
+      content: 'a message',
+      user,
+      timestamp: new Date().getTime(),
+    },
+    {
+      id: 'msg_2',
+      content: 'another message',
+      user,
+      timestamp: new Date().getTime(),
+    },
+  ]
+
+  beforeEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+    cleanUpContext()
+
+    stubMathJax()
+  })
+
+  afterEach(function () {
+    tearDownMathJaxStubs()
+  })
+
+  it('renders multiple messages', async function () {
+    fetchMock.get(/messages/, testMessages)
+
+    renderWithEditorContext(<ChatPane />, { user })
+
+    await screen.findByText('a message')
+    await screen.findByText('another message')
+  })
+
+  it('provides error message with reload button on FetchError', async function () {
+    fetchMock.get(/messages/, 500)
+
+    renderWithEditorContext(<ChatPane />, { user })
+
+    // should have hit a FetchError and will prompt user to reconnect
+    await screen.findByText('Try again')
+
+    // bring chat back up
+    fetchMock.removeRoutes().clearHistory()
+    fetchMock.get(/messages/, [])
+
+    const reconnectButton = screen.getByRole('button', {
+      name: 'Try again',
+    })
+    expect(reconnectButton).to.exist
+
+    // should now reconnect with placeholder message
+    fireEvent.click(reconnectButton)
+    await screen.findByText('Send your first message to your collaborators')
+  })
+
+  it('a loading spinner is rendered while the messages are loading, then disappears', async function () {
+    fetchMock.get(/messages/, [], { delay: 1000 })
+
+    renderWithEditorContext(<ChatPane />, { user })
+
+    // not displayed initially
+    expect(screen.queryByText('Loading…')).to.not.exist
+
+    // eventually displayed
+    await screen.findByText('Loading…')
+
+    // eventually removed when the fetch call returns
+    await waitForElementToBeRemoved(() => screen.getByText('Loading…'))
+  })
+
+  describe('"send your first message" placeholder', function () {
+    it('is rendered when there are no messages ', async function () {
+      fetchMock.get(/messages/, [])
+
+      renderWithEditorContext(<ChatPane />, { user })
+
+      await screen.findByText('Send your first message to your collaborators')
+    })
+
+    it('is not rendered when messages are displayed', function () {
+      fetchMock.get(/messages/, testMessages)
+
+      renderWithEditorContext(<ChatPane />, { user })
+
+      expect(
+        screen.queryByText('Send your first message to your collaborators')
+      ).to.not.exist
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/chat/components/message-input.test.jsx b/services/web/test/frontend/features/chat/components/message-input.test.jsx
new file mode 100644
index 0000000..8db59fa
--- /dev/null
+++ b/services/web/test/frontend/features/chat/components/message-input.test.jsx
@@ -0,0 +1,57 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+import { screen, render, fireEvent } from '@testing-library/react'
+
+import MessageInput from '../../../../../frontend/js/features/chat/components/message-input'
+
+describe('<MessageInput />', function () {
+  let resetUnreadMessages, sendMessage
+
+  beforeEach(function () {
+    resetUnreadMessages = sinon.stub()
+    sendMessage = sinon.stub()
+  })
+
+  it('renders successfully', function () {
+    render(
+      <MessageInput
+        sendMessage={sendMessage}
+        resetUnreadMessages={resetUnreadMessages}
+      />
+    )
+
+    screen.getByLabelText('Send a message to your collaborators')
+  })
+
+  it('sends a message after typing and hitting enter', function () {
+    render(
+      <MessageInput
+        sendMessage={sendMessage}
+        resetUnreadMessages={resetUnreadMessages}
+      />
+    )
+
+    const input = screen.getByRole('textbox')
+
+    fireEvent.change(input, { target: { value: 'hello world' } })
+    fireEvent.keyDown(input, { key: 'Enter' })
+    expect(sendMessage).to.be.calledOnce
+    expect(sendMessage).to.be.calledWith('hello world')
+  })
+
+  it('resets the number of unread messages after clicking on the input', function () {
+    render(
+      <MessageInput
+        sendMessage={sendMessage}
+        resetUnreadMessages={resetUnreadMessages}
+      />
+    )
+
+    const input = screen.getByPlaceholderText(
+      'Send a message to your collaborators…'
+    )
+
+    fireEvent.click(input)
+    expect(resetUnreadMessages).to.be.calledOnce
+  })
+})
diff --git a/services/web/test/frontend/features/chat/components/message-list.test.jsx b/services/web/test/frontend/features/chat/components/message-list.test.jsx
new file mode 100644
index 0000000..a1016ed
--- /dev/null
+++ b/services/web/test/frontend/features/chat/components/message-list.test.jsx
@@ -0,0 +1,119 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import { screen, render, fireEvent } from '@testing-library/react'
+
+import MessageList from '../../../../../frontend/js/features/chat/components/message-list'
+import { stubMathJax, tearDownMathJaxStubs } from './stubs'
+import { UserProvider } from '@/shared/context/user-context'
+
+describe('<MessageList />', function () {
+  const currentUser = {
+    id: 'fake_user',
+    first_name: 'fake_user_first_name',
+    email: 'fake@example.com',
+  }
+
+  function createMessages() {
+    return [
+      {
+        id: '1',
+        contents: ['a message'],
+        user: currentUser,
+        timestamp: new Date().getTime(),
+      },
+      {
+        id: '2',
+        contents: ['another message'],
+        user: currentUser,
+        timestamp: new Date().getTime(),
+      },
+    ]
+  }
+
+  before(function () {
+    stubMathJax()
+  })
+
+  after(function () {
+    tearDownMathJaxStubs()
+  })
+
+  let olUser
+  beforeEach(function () {
+    olUser = window.metaAttributesCache.get('ol-user')
+    window.metaAttributesCache.set('ol-user', currentUser)
+  })
+
+  afterEach(function () {
+    window.metaAttributesCache.set('ol-user', olUser)
+  })
+
+  it('renders multiple messages', function () {
+    render(
+      <UserProvider>
+        <MessageList
+          userId={currentUser.id}
+          messages={createMessages()}
+          resetUnreadMessages={() => {}}
+        />
+      </UserProvider>
+    )
+
+    screen.getByText('a message')
+    screen.getByText('another message')
+  })
+
+  it('renders a single timestamp for all messages within 5 minutes', function () {
+    const msgs = createMessages()
+    msgs[0].timestamp = new Date(2019, 6, 3, 4, 23).getTime()
+    msgs[1].timestamp = new Date(2019, 6, 3, 4, 27).getTime()
+
+    render(
+      <UserProvider>
+        <MessageList
+          userId={currentUser.id}
+          messages={msgs}
+          resetUnreadMessages={() => {}}
+        />
+      </UserProvider>
+    )
+
+    screen.getByText('4:23 am Wed, 3rd Jul 19')
+    expect(screen.queryByText('4:27 am Wed, 3rd Jul 19')).to.not.exist
+  })
+
+  it('renders a timestamp for each messages separated for more than 5 minutes', function () {
+    const msgs = createMessages()
+    msgs[0].timestamp = new Date(2019, 6, 3, 4, 23).getTime()
+    msgs[1].timestamp = new Date(2019, 6, 3, 4, 31).getTime()
+
+    render(
+      <UserProvider>
+        <MessageList
+          userId={currentUser.id}
+          messages={msgs}
+          resetUnreadMessages={() => {}}
+        />
+      </UserProvider>
+    )
+
+    screen.getByText('4:23 am Wed, 3rd Jul 19')
+    screen.getByText('4:31 am Wed, 3rd Jul 19')
+  })
+
+  it('resets the number of unread messages after clicking on the input', function () {
+    const resetUnreadMessages = sinon.stub()
+    render(
+      <UserProvider>
+        <MessageList
+          userId={currentUser.id}
+          messages={createMessages()}
+          resetUnreadMessages={resetUnreadMessages}
+        />
+      </UserProvider>
+    )
+
+    fireEvent.click(screen.getByRole('list'))
+    expect(resetUnreadMessages).to.be.calledOnce
+  })
+})
diff --git a/services/web/test/frontend/features/chat/components/message.test.jsx b/services/web/test/frontend/features/chat/components/message.test.jsx
new file mode 100644
index 0000000..a3b4574
--- /dev/null
+++ b/services/web/test/frontend/features/chat/components/message.test.jsx
@@ -0,0 +1,105 @@
+import { expect } from 'chai'
+import { render, screen } from '@testing-library/react'
+
+import Message from '../../../../../frontend/js/features/chat/components/message'
+import { stubMathJax, tearDownMathJaxStubs } from './stubs'
+
+describe('<Message />', function () {
+  const currentUser = {
+    id: 'fake_user',
+    first_name: 'fake_user_first_name',
+    email: 'fake@example.com',
+  }
+
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-user', currentUser)
+    stubMathJax()
+  })
+
+  afterEach(function () {
+    tearDownMathJaxStubs()
+  })
+
+  it('renders a basic message', function () {
+    const message = {
+      contents: ['a message'],
+      user: currentUser,
+    }
+
+    render(<Message message={message} fromSelf />)
+
+    screen.getByText('a message')
+  })
+
+  it('renders a message with multiple contents', function () {
+    const message = {
+      contents: ['a message', 'another message'],
+      user: currentUser,
+    }
+
+    render(<Message message={message} fromSelf />)
+
+    screen.getByText('a message')
+    screen.getByText('another message')
+  })
+
+  it('renders HTML links within messages', function () {
+    const message = {
+      contents: [
+        'a message with a <a href="https://overleaf.com">link to Overleaf</a>',
+      ],
+      user: currentUser,
+    }
+
+    render(<Message message={message} fromSelf />)
+
+    screen.getByRole('link', { name: 'https://overleaf.com' })
+  })
+
+  describe('when the message is from the user themselves', function () {
+    const message = {
+      contents: ['a message'],
+      user: currentUser,
+    }
+
+    it('does not render the user name nor the email', function () {
+      render(<Message message={message} fromSelf />)
+
+      expect(screen.queryByText(currentUser.first_name)).to.not.exist
+      expect(screen.queryByText(currentUser.email)).to.not.exist
+    })
+  })
+
+  describe('when the message is from other user', function () {
+    const otherUser = {
+      id: 'other_user',
+      first_name: 'other_user_first_name',
+    }
+
+    const message = {
+      contents: ['a message'],
+      user: otherUser,
+    }
+
+    it('should render the other user name', function () {
+      render(<Message message={message} />)
+
+      screen.getByText(otherUser.first_name)
+    })
+
+    it('should render the other user email when their name is not available', function () {
+      const msg = {
+        contents: message.contents,
+        user: {
+          id: otherUser.id,
+          email: 'other@example.com',
+        },
+      }
+
+      render(<Message message={msg} />)
+
+      expect(screen.queryByText(otherUser.first_name)).to.not.exist
+      screen.getByText(msg.user.email)
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/chat/components/stubs.js b/services/web/test/frontend/features/chat/components/stubs.js
new file mode 100644
index 0000000..47b93b8
--- /dev/null
+++ b/services/web/test/frontend/features/chat/components/stubs.js
@@ -0,0 +1,14 @@
+import sinon from 'sinon'
+
+export function stubMathJax() {
+  window.MathJax = {
+    Hub: {
+      Queue: sinon.stub(),
+      config: { tex2jax: { inlineMath: [['$', '$']] } },
+    },
+  }
+}
+
+export function tearDownMathJaxStubs() {
+  delete window.MathJax
+}
diff --git a/services/web/test/frontend/features/chat/context/chat-context.test.jsx b/services/web/test/frontend/features/chat/context/chat-context.test.jsx
new file mode 100644
index 0000000..5bc71c1
--- /dev/null
+++ b/services/web/test/frontend/features/chat/context/chat-context.test.jsx
@@ -0,0 +1,614 @@
+// Disable prop type checks for test harnesses
+/* eslint-disable react/prop-types */
+
+import { renderHook, act } from '@testing-library/react-hooks/dom'
+import { expect } from 'chai'
+import sinon from 'sinon'
+import fetchMock from 'fetch-mock'
+import {
+  useChatContext,
+  chatClientIdGenerator,
+} from '@/features/chat/context/chat-context'
+import { cleanUpContext } from '../../../helpers/render-with-context'
+import { stubMathJax, tearDownMathJaxStubs } from '../components/stubs'
+import { SocketIOMock } from '@/ide/connection/SocketIoShim'
+import { EditorProviders } from '../../../helpers/editor-providers'
+
+describe('ChatContext', function () {
+  const user = {
+    id: 'fake_user',
+    first_name: 'fake_user_first_name',
+    email: 'fake@example.com',
+  }
+  const uuidValue = '00000000-0000-0000-0000-000000000000'
+
+  beforeEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+    cleanUpContext()
+
+    stubMathJax()
+
+    window.metaAttributesCache.set('ol-user', user)
+    window.metaAttributesCache.set('ol-chatEnabled', true)
+
+    this.stub = sinon.stub(chatClientIdGenerator, 'generate').returns(uuidValue)
+  })
+
+  afterEach(function () {
+    tearDownMathJaxStubs()
+
+    this.stub.restore()
+  })
+
+  describe('socket connection', function () {
+    beforeEach(function () {
+      // Mock GET messages to return no messages
+      // FIXME?
+      // fetchMock.get('express:/project/:projectId/messages', [])
+
+      // Mock POST new message to return 200
+      fetchMock.post('express:/project/:projectId/messages', 200)
+    })
+
+    afterEach(function () {
+      fetchMock.removeRoutes().clearHistory()
+    })
+
+    it('subscribes when mounted', function () {
+      const socket = new SocketIOMock()
+      renderChatContextHook({ socket })
+      expect(socket.countEventListeners('new-chat-message')).to.equal(1)
+    })
+
+    it('unsubscribes when unmounted', function () {
+      const socket = new SocketIOMock()
+      const { unmount } = renderChatContextHook({ socket })
+
+      unmount()
+
+      expect(socket.countEventListeners('new-chat-message')).to.equal(0)
+    })
+
+    it('adds received messages to the list', async function () {
+      // Mock socket: we only need to emit events, not mock actual connections
+      const socket = new SocketIOMock()
+      const { result, waitForNextUpdate } = renderChatContextHook({
+        socket,
+      })
+
+      // Wait until initial messages have loaded
+      result.current.loadInitialMessages()
+      await waitForNextUpdate()
+
+      // No messages shown at first
+      expect(result.current.messages).to.deep.equal([])
+
+      // Mock message being received from another user
+      socket.emitToClient('new-chat-message', {
+        id: 'msg_1',
+        content: 'new message',
+        timestamp: Date.now(),
+        user: {
+          id: 'another_fake_user',
+          first_name: 'another_fake_user_first_name',
+          email: 'another_fake@example.com',
+        },
+      })
+
+      const message = result.current.messages[0]
+      expect(message.id).to.equal('msg_1')
+      expect(message.contents).to.deep.equal(['new message'])
+    })
+
+    it('deduplicate messages from preloading', async function () {
+      // Mock socket: we only need to emit events, not mock actual connections
+      const socket = new SocketIOMock()
+      const { result, waitForNextUpdate } = renderChatContextHook({
+        socket,
+      })
+
+      fetchMock.get('express:/project/:projectId/messages', [
+        {
+          id: 'msg_1',
+          content: 'new message',
+          timestamp: Date.now(),
+          user: {
+            id: 'another_fake_user',
+            first_name: 'another_fake_user_first_name',
+            email: 'another_fake@example.com',
+          },
+        },
+      ])
+
+      // Mock message being received from another user
+      socket.emitToClient('new-chat-message', {
+        id: 'msg_1',
+        content: 'new message',
+        timestamp: Date.now(),
+        user: {
+          id: 'another_fake_user',
+          first_name: 'another_fake_user_first_name',
+          email: 'another_fake@example.com',
+        },
+      })
+
+      // Check if received the message ID
+      expect(result.current.messages).to.have.length(1)
+
+      // Wait until initial messages have loaded
+      result.current.loadInitialMessages()
+      await waitForNextUpdate()
+
+      // Check if there are no message duplication
+      expect(result.current.messages).to.have.length(1)
+
+      const message = result.current.messages[0]
+      expect(message.id).to.equal('msg_1')
+      expect(message.contents).to.deep.equal(['new message'])
+    })
+
+    it('deduplicate messages from websocket', async function () {
+      // Mock socket: we only need to emit events, not mock actual connections
+      const socket = new SocketIOMock()
+      const { result, waitForNextUpdate } = renderChatContextHook({
+        socket,
+      })
+
+      fetchMock.get('express:/project/:projectId/messages', [
+        {
+          id: 'msg_1',
+          content: 'new message',
+          timestamp: Date.now(),
+          user: {
+            id: 'another_fake_user',
+            first_name: 'another_fake_user_first_name',
+            email: 'another_fake@example.com',
+          },
+        },
+      ])
+
+      // Wait until initial messages have loaded
+      result.current.loadInitialMessages()
+      await waitForNextUpdate()
+
+      // Check if received the message ID
+      expect(result.current.messages).to.have.length(1)
+
+      // Mock message being received from another user
+      socket.emitToClient('new-chat-message', {
+        id: 'msg_1',
+        content: 'new message',
+        timestamp: Date.now(),
+        user: {
+          id: 'another_fake_user',
+          first_name: 'another_fake_user_first_name',
+          email: 'another_fake@example.com',
+        },
+      })
+
+      // Check if there are no message duplication
+      expect(result.current.messages).to.have.length(1)
+
+      const message = result.current.messages[0]
+      expect(message.id).to.equal('msg_1')
+      expect(message.contents).to.deep.equal(['new message'])
+    })
+
+    it("doesn't add received messages from the current user if a message was just sent", async function () {
+      const socket = new SocketIOMock()
+      const { result, waitForNextUpdate } = renderChatContextHook({
+        socket,
+      })
+
+      // Wait until initial messages have loaded
+      result.current.loadInitialMessages()
+      await waitForNextUpdate()
+
+      // Send a message from the current user
+      const sentMsg = 'sent message'
+      result.current.sendMessage(sentMsg)
+
+      act(() => {
+        // Receive a message from the current user
+        socket.emitToClient('new-chat-message', {
+          id: 'msg_1',
+          content: 'received message',
+          timestamp: Date.now(),
+          user,
+          clientId: uuidValue,
+        })
+      })
+
+      expect(result.current.messages).to.have.length(1)
+
+      const [message] = result.current.messages
+
+      expect(message.contents).to.deep.equal([sentMsg])
+    })
+
+    it('adds the new message from the current user if another message was received after sending', async function () {
+      const socket = new SocketIOMock()
+      const { result, waitForNextUpdate } = renderChatContextHook({
+        socket,
+      })
+
+      // Wait until initial messages have loaded
+      result.current.loadInitialMessages()
+      await waitForNextUpdate()
+
+      // Send a message from the current user
+      const sentMsg = 'sent message from current user'
+      result.current.sendMessage(sentMsg)
+
+      const [sentMessageFromCurrentUser] = result.current.messages
+      expect(sentMessageFromCurrentUser.contents).to.deep.equal([sentMsg])
+
+      const otherMsg = 'new message from other user'
+
+      act(() => {
+        // Receive a message from another user.
+        socket.emitToClient('new-chat-message', {
+          id: 'msg_1',
+          content: otherMsg,
+          timestamp: Date.now(),
+          user: {
+            id: 'another_fake_user',
+            first_name: 'another_fake_user_first_name',
+            email: 'another_fake@example.com',
+          },
+          clientId: '123',
+        })
+      })
+
+      const [, messageFromOtherUser] = result.current.messages
+      expect(messageFromOtherUser.contents).to.deep.equal([otherMsg])
+
+      act(() => {
+        // Receive a message from the current user
+        socket.emitToClient('new-chat-message', {
+          id: 'msg_2',
+          content: 'received message from current user',
+          timestamp: Date.now(),
+          user,
+          clientId: uuidValue,
+        })
+      })
+
+      // Since the current user didn't just send a message, it is now shown
+      expect(result.current.messages).to.deep.equal([
+        sentMessageFromCurrentUser,
+        messageFromOtherUser,
+      ])
+    })
+  })
+
+  describe('loadInitialMessages', function () {
+    beforeEach(function () {
+      fetchMock.get('express:/project/:projectId/messages', [
+        {
+          id: 'msg_1',
+          content: 'a message',
+          user,
+          timestamp: Date.now(),
+        },
+      ])
+    })
+
+    it('adds messages to the list', async function () {
+      const { result, waitForNextUpdate } = renderChatContextHook({})
+
+      result.current.loadInitialMessages()
+      await waitForNextUpdate()
+
+      expect(result.current.messages[0].contents).to.deep.equal(['a message'])
+    })
+
+    it("won't load messages a second time", async function () {
+      const { result, waitForNextUpdate } = renderChatContextHook({})
+
+      result.current.loadInitialMessages()
+      await waitForNextUpdate()
+
+      expect(result.current.initialMessagesLoaded).to.equal(true)
+
+      // Calling a second time won't do anything
+      result.current.loadInitialMessages()
+      expect(
+        fetchMock.callHistory.calls('express:/project/:projectId/messages')
+      ).to.have.lengthOf(1)
+    })
+
+    it('provides an error on failure', async function () {
+      fetchMock.removeRoutes().clearHistory()
+      fetchMock.get('express:/project/:projectId/messages', 500)
+      const { result, waitForNextUpdate } = renderChatContextHook({})
+
+      result.current.loadInitialMessages()
+      await waitForNextUpdate()
+
+      expect(result.current.error).to.exist
+      expect(result.current.status).to.equal('error')
+    })
+  })
+
+  describe('loadMoreMessages', function () {
+    it('adds messages to the list', async function () {
+      // Mock a GET request for an initial message
+      fetchMock.getOnce('express:/project/:projectId/messages', [
+        {
+          id: 'msg_1',
+          content: 'first message',
+          user,
+          timestamp: new Date('2021-03-04T10:00:00').getTime(),
+        },
+      ])
+
+      const { result, waitForNextUpdate } = renderChatContextHook({})
+
+      result.current.loadMoreMessages()
+      await waitForNextUpdate()
+
+      expect(result.current.messages[0].contents).to.deep.equal([
+        'first message',
+      ])
+
+      // The before query param is not set
+      expect(getLastFetchMockQueryParam('before')).to.be.null
+    })
+
+    it('adds more messages if called a second time', async function () {
+      // Mock 2 GET requests, with different content
+      fetchMock
+        .getOnce(
+          'express:/project/:projectId/messages',
+          // Resolve a full "page" of messages (50)
+          createMessages(50, user, new Date('2021-03-04T10:00:00').getTime())
+        )
+        .getOnce('express:/project/:projectId/messages', [
+          {
+            id: 'msg_51',
+            content: 'message from second page',
+            user,
+            timestamp: new Date('2021-03-04T11:00:00').getTime(),
+          },
+        ])
+
+      const { result, waitForNextUpdate } = renderChatContextHook({})
+
+      result.current.loadMoreMessages()
+      await waitForNextUpdate()
+
+      // Call a second time
+      result.current.loadMoreMessages()
+      await waitForNextUpdate()
+
+      // The second request is added to the list
+      // Since both messages from the same user, they are collapsed into the
+      // same "message"
+      expect(result.current.messages[0].contents).to.include(
+        'message from second page'
+      )
+
+      // The before query param for the second request matches the timestamp
+      // of the first message
+      const beforeParam = parseInt(getLastFetchMockQueryParam('before'), 10)
+      expect(beforeParam).to.equal(new Date('2021-03-04T10:00:00').getTime())
+    })
+
+    it("won't load more messages if there are no more messages", async function () {
+      // Mock a GET request for 49 messages. This is less the the full page size
+      // (50 messages), meaning that there are no further messages to be loaded
+      fetchMock.getOnce(
+        'express:/project/:projectId/messages',
+        createMessages(49, user)
+      )
+
+      const { result, waitForNextUpdate } = renderChatContextHook({})
+
+      result.current.loadMoreMessages()
+      await waitForNextUpdate()
+
+      expect(result.current.messages[0].contents).to.have.length(49)
+
+      result.current.loadMoreMessages()
+
+      expect(result.current.atEnd).to.be.true
+      expect(
+        fetchMock.callHistory.calls('express:/project/:projectId/messages')
+      ).to.have.lengthOf(1)
+    })
+
+    it('handles socket messages while loading', async function () {
+      // Mock GET messages so that we can control when the promise is resolved
+      let resolveLoadingMessages
+      fetchMock.get(
+        'express:/project/:projectId/messages',
+        new Promise(resolve => {
+          resolveLoadingMessages = resolve
+        })
+      )
+
+      const socket = new SocketIOMock()
+      const { result, waitForNextUpdate } = renderChatContextHook({
+        socket,
+      })
+
+      // Start loading messages
+      result.current.loadMoreMessages()
+
+      // Mock message being received from the socket while the request is in
+      // flight
+      socket.emitToClient('new-chat-message', {
+        id: 'socket_msg',
+        content: 'socket message',
+        timestamp: Date.now(),
+        user: {
+          id: 'another_fake_user',
+          first_name: 'another_fake_user_first_name',
+          email: 'another_fake@example.com',
+        },
+      })
+
+      // Resolve messages being loaded
+      resolveLoadingMessages([
+        {
+          id: 'fetched_msg',
+          content: 'loaded message',
+          user,
+          timestamp: Date.now(),
+        },
+      ])
+      await waitForNextUpdate()
+
+      // Although the loaded message was resolved last, it appears first (since
+      // requested messages must have come first)
+      const messageContents = result.current.messages.map(
+        ({ contents }) => contents[0]
+      )
+      expect(messageContents).to.deep.equal([
+        'loaded message',
+        'socket message',
+      ])
+    })
+
+    it('provides an error on failures', async function () {
+      fetchMock.removeRoutes().clearHistory()
+      fetchMock.get('express:/project/:projectId/messages', 500)
+      const { result, waitForNextUpdate } = renderChatContextHook({})
+
+      result.current.loadMoreMessages()
+      await waitForNextUpdate()
+
+      expect(result.current.error).to.exist
+      expect(result.current.status).to.equal('error')
+    })
+  })
+
+  describe('sendMessage', function () {
+    beforeEach(function () {
+      // Mock GET messages to return no messages and POST new message to be
+      // successful
+      fetchMock
+        .get('express:/project/:projectId/messages', [])
+        .postOnce('express:/project/:projectId/messages', 200)
+    })
+
+    it('optimistically adds the message to the list', function () {
+      const { result } = renderChatContextHook({})
+
+      result.current.sendMessage('sent message')
+
+      expect(result.current.messages[0].contents).to.deep.equal([
+        'sent message',
+      ])
+    })
+
+    it('POSTs the message to the backend', function () {
+      const { result } = renderChatContextHook({})
+
+      result.current.sendMessage('sent message')
+
+      const {
+        options: { body },
+      } = fetchMock.callHistory
+        .calls('express:/project/:projectId/messages', { method: 'POST' })
+        .at(-1)
+      expect(JSON.parse(body)).to.deep.include({ content: 'sent message' })
+    })
+
+    it("doesn't send if the content is empty", function () {
+      const { result } = renderChatContextHook({})
+
+      result.current.sendMessage('')
+
+      expect(result.current.messages).to.be.empty
+      expect(
+        fetchMock.callHistory.called('express:/project/:projectId/messages', {
+          method: 'post',
+        })
+      ).to.be.false
+    })
+
+    it('provides an error on failure', async function () {
+      fetchMock.removeRoutes().clearHistory()
+      fetchMock
+        .get('express:/project/:projectId/messages', [])
+        .postOnce('express:/project/:projectId/messages', 500)
+      const { result, waitForNextUpdate } = renderChatContextHook({})
+
+      result.current.sendMessage('sent message')
+      await waitForNextUpdate()
+
+      expect(result.current.error).to.exist
+      expect(result.current.status).to.equal('error')
+    })
+  })
+
+  describe('unread messages', function () {
+    beforeEach(function () {
+      // Mock GET messages to return no messages
+      fetchMock.get('express:/project/:projectId/messages', [])
+    })
+
+    it('increments unreadMessageCount when a new message is received', function () {
+      const socket = new SocketIOMock()
+      const { result } = renderChatContextHook({ socket })
+
+      // Receive a new message from the socket
+      socket.emitToClient('new-chat-message', {
+        id: 'msg_1',
+        content: 'new message',
+        timestamp: Date.now(),
+        user,
+      })
+
+      expect(result.current.unreadMessageCount).to.equal(1)
+    })
+
+    it('resets unreadMessageCount when markMessagesAsRead is called', function () {
+      const socket = new SocketIOMock()
+      const { result } = renderChatContextHook({ socket })
+
+      // Receive a new message from the socket, incrementing unreadMessageCount
+      // by 1
+      socket.emitToClient('new-chat-message', {
+        id: 'msg_1',
+        content: 'new message',
+        timestamp: Date.now(),
+        user,
+      })
+
+      result.current.markMessagesAsRead()
+
+      expect(result.current.unreadMessageCount).to.equal(0)
+    })
+  })
+})
+
+function renderChatContextHook(props) {
+  return renderHook(() => useChatContext(), {
+    // Wrap with ChatContext.Provider (and the other editor context providers)
+    // eslint-disable-next-line react/display-name
+    wrapper: ({ children }) => (
+      <EditorProviders {...props}>{children}</EditorProviders>
+    ),
+  })
+}
+
+function createMessages(number, user, timestamp = Date.now()) {
+  return Array.from({ length: number }, (_m, idx) => ({
+    id: `msg_${idx + 1}`,
+    content: `message ${idx + 1}`,
+    user,
+    timestamp,
+  }))
+}
+
+/*
+ * Get query param by key from the last fetchMock response
+ */
+function getLastFetchMockQueryParam(key) {
+  const { url } = fetchMock.callHistory.calls().at(-1)
+  const { searchParams } = new URL(url, 'https://www.overleaf.com')
+  return searchParams.get(key)
+}
diff --git a/services/web/test/frontend/features/chat/util/message-list-appender.test.js b/services/web/test/frontend/features/chat/util/message-list-appender.test.js
new file mode 100644
index 0000000..0338f1a
--- /dev/null
+++ b/services/web/test/frontend/features/chat/util/message-list-appender.test.js
@@ -0,0 +1,264 @@
+import { expect } from 'chai'
+import {
+  appendMessage,
+  prependMessages,
+} from '../../../../../frontend/js/features/chat/utils/message-list-appender'
+
+const testUser = {
+  id: '123abc',
+}
+
+const otherUser = {
+  id: '234other',
+}
+
+function createTestMessageList() {
+  return [
+    {
+      id: 'msg_1',
+      contents: ['hello', 'world'],
+      timestamp: new Date().getTime(),
+      user: otherUser,
+    },
+    {
+      id: 'msg_2',
+      contents: ['foo'],
+      timestamp: new Date().getTime(),
+      user: testUser,
+    },
+  ]
+}
+
+describe('prependMessages()', function () {
+  function createTestMessages() {
+    const message1 = {
+      id: 'prepended_message',
+      content: 'hello',
+      timestamp: new Date().getTime(),
+      user: testUser,
+    }
+    const message2 = { ...message1, id: 'prepended_message_2' }
+    return [message1, message2]
+  }
+
+  it('to an empty list', function () {
+    const messages = createTestMessages()
+    const uniqueMessageIds = []
+
+    expect(
+      prependMessages([], messages, uniqueMessageIds).messages
+    ).to.deep.equal([
+      {
+        id: messages[0].id,
+        timestamp: messages[0].timestamp,
+        user: messages[0].user,
+        contents: [messages[0].content, messages[1].content],
+      },
+    ])
+  })
+
+  describe('when the messages to prepend are from the same user', function () {
+    let list, messages, uniqueMessageIds
+
+    beforeEach(function () {
+      list = createTestMessageList()
+      messages = createTestMessages()
+      messages[0].user = testUser // makes all the messages have the same author
+      uniqueMessageIds = []
+    })
+
+    it('when the prepended messages are close in time, contents should be merged into the same message', function () {
+      const result = prependMessages(
+        createTestMessageList(),
+        messages,
+        uniqueMessageIds
+      ).messages
+      expect(result.length).to.equal(list.length + 1)
+      expect(result[0]).to.deep.equal({
+        id: messages[0].id,
+        timestamp: messages[0].timestamp,
+        user: messages[0].user,
+        contents: [messages[0].content, messages[1].content],
+      })
+    })
+
+    it('when the prepended messages are separated in time, each message is prepended', function () {
+      messages[0].timestamp = messages[1].timestamp - 6 * 60 * 1000 // 6 minutes before the next message
+      const result = prependMessages(
+        createTestMessageList(),
+        messages,
+        uniqueMessageIds
+      ).messages
+      expect(result.length).to.equal(list.length + 2)
+      expect(result[0]).to.deep.equal({
+        id: messages[0].id,
+        timestamp: messages[0].timestamp,
+        user: messages[0].user,
+        contents: [messages[0].content],
+      })
+      expect(result[1]).to.deep.equal({
+        id: messages[1].id,
+        timestamp: messages[1].timestamp,
+        user: messages[1].user,
+        contents: [messages[1].content],
+      })
+    })
+  })
+
+  describe('when the messages to prepend are from different users', function () {
+    let list, messages, uniqueMessageIds
+
+    beforeEach(function () {
+      list = createTestMessageList()
+      messages = createTestMessages()
+      uniqueMessageIds = []
+    })
+
+    it('should prepend separate messages to the list', function () {
+      messages[0].user = otherUser
+      const result = prependMessages(
+        createTestMessageList(),
+        messages,
+        uniqueMessageIds
+      ).messages
+      expect(result.length).to.equal(list.length + 2)
+      expect(result[0]).to.deep.equal({
+        id: messages[0].id,
+        timestamp: messages[0].timestamp,
+        user: messages[0].user,
+        contents: [messages[0].content],
+      })
+      expect(result[1]).to.deep.equal({
+        id: messages[1].id,
+        timestamp: messages[1].timestamp,
+        user: messages[1].user,
+        contents: [messages[1].content],
+      })
+    })
+  })
+
+  it('should merge the prepended messages into the first existing one when user is same user and are close in time', function () {
+    const list = createTestMessageList()
+    const messages = createTestMessages()
+    messages[0].user = messages[1].user = list[0].user
+    const uniqueMessageIds = []
+
+    const result = prependMessages(
+      createTestMessageList(),
+      messages,
+      uniqueMessageIds
+    ).messages
+    expect(result.length).to.equal(list.length)
+    expect(result[0]).to.deep.equal({
+      id: messages[0].id,
+      timestamp: messages[0].timestamp,
+      user: messages[0].user,
+      contents: [messages[0].content, messages[1].content, ...list[0].contents],
+    })
+  })
+})
+
+describe('appendMessage()', function () {
+  function createTestMessage() {
+    return {
+      id: 'appended_message',
+      content: 'hi!',
+      timestamp: new Date().getTime(),
+      user: testUser,
+    }
+  }
+
+  it('to an empty list', function () {
+    const testMessage = createTestMessage()
+    const uniqueMessageIds = []
+
+    expect(
+      appendMessage([], testMessage, uniqueMessageIds).messages
+    ).to.deep.equal([
+      {
+        id: 'appended_message',
+        timestamp: testMessage.timestamp,
+        user: testMessage.user,
+        contents: [testMessage.content],
+      },
+    ])
+  })
+
+  describe('messages appended shortly after the last message on the list', function () {
+    let list, message, uniqueMessageIds
+
+    beforeEach(function () {
+      list = createTestMessageList()
+      message = createTestMessage()
+      message.timestamp = list[1].timestamp + 6 * 1000 // 6 seconds after the last message in the list
+      uniqueMessageIds = []
+    })
+
+    describe('when the author is the same as the last message', function () {
+      it('should append the content to the last message', function () {
+        const result = appendMessage(list, message, uniqueMessageIds).messages
+        expect(result.length).to.equal(list.length)
+        expect(result[1].contents).to.deep.equal(
+          list[1].contents.concat(message.content)
+        )
+      })
+
+      it('should update the last message timestamp', function () {
+        const result = appendMessage(list, message, uniqueMessageIds).messages
+        expect(result[1].timestamp).to.equal(message.timestamp)
+      })
+    })
+
+    describe('when the author is different than the last message', function () {
+      beforeEach(function () {
+        message.user = otherUser
+      })
+
+      it('should append the new message to the list', function () {
+        const result = appendMessage(list, message, uniqueMessageIds).messages
+        expect(result.length).to.equal(list.length + 1)
+        expect(result[2]).to.deep.equal({
+          id: 'appended_message',
+          timestamp: message.timestamp,
+          user: message.user,
+          contents: [message.content],
+        })
+      })
+    })
+  })
+
+  describe('messages appended later after the last message on the list', function () {
+    let list, message, uniqueMessageIds
+
+    beforeEach(function () {
+      list = createTestMessageList()
+      message = createTestMessage()
+      message.timestamp = list[1].timestamp + 6 * 60 * 1000 // 6 minutes after the last message in the list
+      uniqueMessageIds = []
+    })
+
+    it('when the author is the same as the last message, should be appended as new message', function () {
+      const result = appendMessage(list, message, uniqueMessageIds).messages
+      expect(result.length).to.equal(3)
+      expect(result[2]).to.deep.equal({
+        id: 'appended_message',
+        timestamp: message.timestamp,
+        user: message.user,
+        contents: [message.content],
+      })
+    })
+
+    it('when the author is the different than the last message, should be appended as new message', function () {
+      message.user = otherUser
+
+      const result = appendMessage(list, message, uniqueMessageIds).messages
+      expect(result.length).to.equal(3)
+      expect(result[2]).to.deep.equal({
+        id: 'appended_message',
+        timestamp: message.timestamp,
+        user: message.user,
+        contents: [message.content],
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/clone-project-modal/components/clone-project-modal.test.jsx b/services/web/test/frontend/features/clone-project-modal/components/clone-project-modal.test.jsx
new file mode 100644
index 0000000..3b0db23
--- /dev/null
+++ b/services/web/test/frontend/features/clone-project-modal/components/clone-project-modal.test.jsx
@@ -0,0 +1,182 @@
+import { fireEvent, screen, waitFor } from '@testing-library/react'
+import { expect } from 'chai'
+import sinon from 'sinon'
+import fetchMock from 'fetch-mock'
+import EditorCloneProjectModalWrapper from '../../../../../frontend/js/features/clone-project-modal/components/editor-clone-project-modal-wrapper'
+import { renderWithEditorContext } from '../../../helpers/render-with-context'
+
+describe('<EditorCloneProjectModalWrapper />', function () {
+  beforeEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  after(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  const project = {
+    _id: 'project-1',
+    name: 'Test Project',
+  }
+
+  it('renders the translated modal title', async function () {
+    const handleHide = sinon.stub()
+    const openProject = sinon.stub()
+
+    renderWithEditorContext(
+      <EditorCloneProjectModalWrapper
+        handleHide={handleHide}
+        openProject={openProject}
+        show
+      />,
+      { scope: { project } }
+    )
+
+    await screen.findByText('Copy Project')
+  })
+
+  it('posts the generated project name', async function () {
+    fetchMock.post(
+      'express:/project/:projectId/clone',
+      {
+        status: 200,
+        body: { project_id: 'cloned-project' },
+      },
+      { delay: 10 }
+    )
+
+    const handleHide = sinon.stub()
+    const openProject = sinon.stub()
+
+    renderWithEditorContext(
+      <EditorCloneProjectModalWrapper
+        handleHide={handleHide}
+        openProject={openProject}
+        show
+      />,
+      { scope: { project } }
+    )
+
+    const cancelButton = await screen.findByRole('button', { name: 'Cancel' })
+    expect(cancelButton.disabled).to.be.false
+
+    const submitButton = await screen.findByRole('button', { name: 'Copy' })
+    expect(submitButton.disabled).to.be.false
+
+    const input = await screen.getByLabelText('New Name')
+
+    fireEvent.change(input, {
+      target: { value: '' },
+    })
+    expect(submitButton.disabled).to.be.true
+
+    fireEvent.change(input, {
+      target: { value: 'A Cloned Project' },
+    })
+    expect(submitButton.disabled).to.be.false
+
+    fireEvent.click(submitButton)
+    expect(submitButton.disabled).to.be.true
+
+    await fetchMock.callHistory.flush(true)
+    expect(fetchMock.callHistory.done()).to.be.true
+    const { url, options } = fetchMock.callHistory
+      .calls('express:/project/:projectId/clone')
+      .at(-1)
+    expect(url).to.equal(
+      'https://www.test-overleaf.com/project/project-1/clone'
+    )
+
+    expect(JSON.parse(options.body)).to.deep.equal({
+      projectName: 'A Cloned Project',
+      tags: [],
+    })
+
+    await waitFor(() => {
+      expect(openProject).to.be.calledOnce
+    })
+
+    const errorMessage = screen.queryByText('Sorry, something went wrong')
+    expect(errorMessage).to.be.null
+
+    await waitFor(() => {
+      expect(submitButton.disabled).to.be.false
+      expect(cancelButton.disabled).to.be.false
+    })
+  })
+
+  it('handles a generic error response', async function () {
+    const matcher = 'express:/project/:projectId/clone'
+
+    fetchMock.postOnce(matcher, {
+      status: 500,
+      body: 'There was an error!',
+    })
+
+    const handleHide = sinon.stub()
+    const openProject = sinon.stub()
+
+    renderWithEditorContext(
+      <EditorCloneProjectModalWrapper
+        handleHide={handleHide}
+        openProject={openProject}
+        show
+      />,
+      { scope: { project } }
+    )
+
+    const button = await screen.findByRole('button', { name: 'Copy' })
+    expect(button.disabled).to.be.false
+
+    const cancelButton = await screen.findByRole('button', { name: 'Cancel' })
+    expect(cancelButton.disabled).to.be.false
+
+    fireEvent.click(button)
+
+    expect(fetchMock.callHistory.done(matcher)).to.be.true
+    expect(openProject).not.to.be.called
+
+    await screen.findByText('Sorry, something went wrong')
+
+    expect(button.disabled).to.be.false
+    expect(cancelButton.disabled).to.be.false
+  })
+
+  it('handles a specific error response', async function () {
+    const matcher = 'express:/project/:projectId/clone'
+
+    fetchMock.postOnce(matcher, {
+      status: 400,
+      body: 'There was an error!',
+    })
+
+    const handleHide = sinon.stub()
+    const openProject = sinon.stub()
+
+    renderWithEditorContext(
+      <EditorCloneProjectModalWrapper
+        handleHide={handleHide}
+        openProject={openProject}
+        show
+      />,
+      { scope: { project } }
+    )
+
+    const button = await screen.findByRole('button', { name: 'Copy' })
+    expect(button.disabled).to.be.false
+
+    const cancelButton = await screen.findByRole('button', { name: 'Cancel' })
+    expect(cancelButton.disabled).to.be.false
+
+    fireEvent.click(button)
+    await fetchMock.callHistory.flush(true)
+
+    expect(fetchMock.callHistory.done(matcher)).to.be.true
+    expect(openProject).not.to.be.called
+
+    await screen.findByText('There was an error!')
+
+    expect(button.disabled).to.be.false
+    expect(cancelButton.disabled).to.be.false
+  })
+})
diff --git a/services/web/test/frontend/features/dictionary/components/dictionary-modal-content.spec.jsx b/services/web/test/frontend/features/dictionary/components/dictionary-modal-content.spec.jsx
new file mode 100644
index 0000000..c28eef6
--- /dev/null
+++ b/services/web/test/frontend/features/dictionary/components/dictionary-modal-content.spec.jsx
@@ -0,0 +1,102 @@
+import DictionaryModal from '@/features/dictionary/components/dictionary-modal'
+import { EditorProviders } from '../../../helpers/editor-providers'
+import { learnedWords } from '@/features/source-editor/extensions/spelling/learned-words'
+
+describe('<DictionaryModalContent />', function () {
+  let originalLearnedWords
+
+  beforeEach(function () {
+    cy.then(() => {
+      originalLearnedWords = learnedWords.global
+    })
+    cy.interceptCompile()
+  })
+
+  afterEach(function () {
+    cy.then(() => {
+      learnedWords.global = originalLearnedWords
+    })
+  })
+
+  it('list words', function () {
+    cy.then(win => {
+      learnedWords.global = new Set(['foo', 'bar'])
+    })
+
+    cy.mount(
+      <EditorProviders>
+        <DictionaryModal show handleHide={cy.stub()} />
+      </EditorProviders>
+    )
+
+    cy.findByText('foo')
+    cy.findByText('bar')
+  })
+
+  it('shows message when empty', function () {
+    cy.then(win => {
+      learnedWords.global = new Set([])
+    })
+
+    cy.mount(
+      <EditorProviders>
+        <DictionaryModal show handleHide={cy.stub()} />
+      </EditorProviders>
+    )
+
+    cy.contains('Your custom dictionary is empty.')
+  })
+
+  it('removes words', function () {
+    cy.intercept('/spelling/unlearn', { statusCode: 200 })
+
+    cy.then(win => {
+      learnedWords.global = new Set(['Foo', 'bar'])
+    })
+
+    cy.mount(
+      <EditorProviders>
+        <DictionaryModal show handleHide={cy.stub()} />
+      </EditorProviders>
+    )
+
+    cy.findByText('Foo')
+    cy.findByText('bar')
+
+    cy.findAllByRole('button', {
+      name: 'Remove from dictionary',
+    })
+      .eq(0)
+      .click()
+
+    cy.findByText('bar').should('not.exist')
+    cy.findByText('Foo')
+  })
+
+  it('handles errors', function () {
+    cy.intercept('/spelling/unlearn', { statusCode: 500 }).as('unlearn')
+
+    cy.then(win => {
+      learnedWords.global = new Set(['foo'])
+    })
+
+    cy.mount(
+      <EditorProviders>
+        <DictionaryModal show handleHide={cy.stub()} />
+      </EditorProviders>
+    )
+
+    cy.findByText('foo')
+
+    cy.findAllByRole('button', {
+      name: 'Remove from dictionary',
+    })
+      .eq(0)
+      .click()
+
+    cy.wait('@unlearn')
+
+    cy.findByText('Sorry, something went wrong')
+    cy.findByText('foo')
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/actions-copy-project.test.jsx b/services/web/test/frontend/features/editor-left-menu/components/actions-copy-project.test.jsx
new file mode 100644
index 0000000..5e38e25
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/actions-copy-project.test.jsx
@@ -0,0 +1,60 @@
+import { fireEvent, screen, waitFor } from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+import sinon from 'sinon'
+import { expect } from 'chai'
+import ActionsCopyProject from '../../../../../frontend/js/features/editor-left-menu/components/actions-copy-project'
+import { renderWithEditorContext } from '../../../helpers/render-with-context'
+import * as useLocationModule from '../../../../../frontend/js/shared/hooks/use-location'
+
+describe('<ActionsCopyProject />', function () {
+  let assignStub
+
+  beforeEach(function () {
+    assignStub = sinon.stub()
+    this.locationStub = sinon.stub(useLocationModule, 'useLocation').returns({
+      assign: assignStub,
+      replace: sinon.stub(),
+      reload: sinon.stub(),
+    })
+  })
+
+  afterEach(function () {
+    this.locationStub.restore()
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows correct modal when clicked', async function () {
+    renderWithEditorContext(<ActionsCopyProject />)
+
+    fireEvent.click(screen.getByRole('button', { name: 'Copy Project' }))
+
+    screen.getByPlaceholderText('New Project Name')
+  })
+
+  it('loads the project page when submitted', async function () {
+    fetchMock.post('express:/project/:id/clone', {
+      status: 200,
+      body: {
+        project_id: 'new-project',
+      },
+    })
+
+    renderWithEditorContext(<ActionsCopyProject />)
+
+    fireEvent.click(screen.getByRole('button', { name: 'Copy Project' }))
+
+    const input = screen.getByPlaceholderText('New Project Name')
+    fireEvent.change(input, { target: { value: 'New Project' } })
+
+    const button = screen.getByRole('button', { name: 'Copy' })
+    button.click()
+
+    await waitFor(() => {
+      expect(button.textContent).to.equal('Copying…')
+    })
+
+    await waitFor(() => {
+      expect(assignStub).to.have.been.calledOnceWith('/project/new-project')
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/actions-menu.test.jsx b/services/web/test/frontend/features/editor-left-menu/components/actions-menu.test.jsx
new file mode 100644
index 0000000..d48e172
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/actions-menu.test.jsx
@@ -0,0 +1,84 @@
+import { screen, waitFor } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import ActionsMenu from '../../../../../frontend/js/features/editor-left-menu/components/actions-menu'
+import { renderWithEditorContext } from '../../../helpers/render-with-context'
+
+describe('<ActionsMenu />', function () {
+  beforeEach(function () {
+    fetchMock.post('express:/project/:projectId/compile', {
+      status: 'success',
+      pdfDownloadDomain: 'https://clsi.test-overleaf.com',
+      outputFiles: [
+        {
+          path: 'output.pdf',
+          build: 'build-123',
+          url: '/build/build-123/output.pdf',
+          type: 'pdf',
+        },
+      ],
+    })
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows correct menu for non-anonymous users', async function () {
+    window.metaAttributesCache.set('ol-anonymous', false)
+
+    renderWithEditorContext(<ActionsMenu />, {
+      projectId: '123abc',
+      scope: {
+        editor: {
+          sharejs_doc: {
+            doc_id: 'test-doc',
+            getSnapshot: () => 'some doc content',
+          },
+        },
+      },
+    })
+
+    screen.getByText('Actions')
+    screen.getByRole('button', {
+      name: 'Copy Project',
+    })
+
+    await waitFor(() => {
+      screen.getByRole('button', {
+        name: 'Word Count',
+      })
+    })
+  })
+
+  it('does not show anything for anonymous users', async function () {
+    window.metaAttributesCache.set('ol-anonymous', true)
+
+    renderWithEditorContext(<ActionsMenu />, {
+      projectId: '123abc',
+      scope: {
+        editor: {
+          sharejs_doc: {
+            doc_id: 'test-doc',
+            getSnapshot: () => 'some doc content',
+          },
+        },
+      },
+    })
+
+    expect(screen.queryByText('Actions')).to.equal(null)
+    expect(
+      screen.queryByRole('button', {
+        name: 'Copy Project',
+      })
+    ).to.equal(null)
+
+    await waitFor(() => {
+      expect(
+        screen.queryByRole('button', {
+          name: 'Word Count',
+        })
+      ).to.equal(null)
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/actions-word-count.test.jsx b/services/web/test/frontend/features/editor-left-menu/components/actions-word-count.test.jsx
new file mode 100644
index 0000000..ec45304
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/actions-word-count.test.jsx
@@ -0,0 +1,65 @@
+import { screen, waitFor } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import ActionsWordCount from '../../../../../frontend/js/features/editor-left-menu/components/actions-word-count'
+import { renderWithEditorContext } from '../../../helpers/render-with-context'
+
+describe('<ActionsWordCount />', function () {
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows correct modal when clicked after document is compiled', async function () {
+    const compileEndpoint = 'express:/project/:projectId/compile'
+    const wordcountEndpoint = 'express:/project/:projectId/wordcount'
+
+    fetchMock.post(compileEndpoint, {
+      status: 'success',
+      pdfDownloadDomain: 'https://clsi.test-overleaf.com',
+      outputFiles: [
+        {
+          path: 'output.pdf',
+          build: 'build-123',
+          url: '/build/build-123/output.pdf',
+          type: 'pdf',
+        },
+      ],
+    })
+
+    fetchMock.get(wordcountEndpoint, {
+      texcount: {
+        encode: 'ascii',
+        textWords: 0,
+        headers: 0,
+        mathInline: 0,
+        mathDisplay: 0,
+      },
+    })
+
+    renderWithEditorContext(<ActionsWordCount />, {
+      projectId: '123abc',
+      scope: {
+        editor: {
+          sharejs_doc: {
+            doc_id: 'test-doc',
+            getSnapshot: () => 'some doc content',
+          },
+        },
+      },
+    })
+
+    // when loading, we don't render the "Word Count" as button yet
+    expect(screen.queryByRole('button', { name: 'Word Count' })).to.equal(null)
+
+    await waitFor(
+      () => expect(fetchMock.callHistory.called(compileEndpoint)).to.be.true
+    )
+
+    const button = await screen.findByRole('button', { name: 'Word Count' })
+    button.click()
+
+    await waitFor(
+      () => expect(fetchMock.callHistory.called(wordcountEndpoint)).to.be.true
+    )
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/download-menu.test.jsx b/services/web/test/frontend/features/editor-left-menu/components/download-menu.test.jsx
new file mode 100644
index 0000000..b6295df
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/download-menu.test.jsx
@@ -0,0 +1,58 @@
+import { screen, waitFor } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import DownloadMenu from '../../../../../frontend/js/features/editor-left-menu/components/download-menu'
+import { renderWithEditorContext } from '../../../helpers/render-with-context'
+
+describe('<DownloadMenu />', function () {
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows download links with correct url', async function () {
+    fetchMock.post('express:/project/:projectId/compile', {
+      clsiServerId: 'foo',
+      compileGroup: 'priority',
+      status: 'success',
+      pdfDownloadDomain: 'https://clsi.test-overleaf.com',
+      outputFiles: [
+        {
+          path: 'output.pdf',
+          build: 'build-123',
+          url: '/build/build-123/output.pdf',
+          type: 'pdf',
+        },
+      ],
+    })
+
+    renderWithEditorContext(<DownloadMenu />, {
+      projectId: '123abc',
+      scope: {
+        editor: {
+          sharejs_doc: {
+            doc_id: 'test-doc',
+            getSnapshot: () => 'some doc content',
+          },
+        },
+      },
+    })
+
+    const sourceLink = screen.getByRole('link', {
+      name: 'Source',
+    })
+
+    expect(sourceLink.getAttribute('href')).to.equal(
+      '/project/123abc/download/zip'
+    )
+
+    await waitFor(() => {
+      const pdfLink = screen.getByRole('link', {
+        name: 'PDF',
+      })
+
+      expect(pdfLink.getAttribute('href')).to.equal(
+        '/download/project/123abc/build/build-123/output/output.pdf?compileGroup=priority&clsiserverid=foo&popupDownload=true'
+      )
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/help-contact-us.test.jsx b/services/web/test/frontend/features/editor-left-menu/components/help-contact-us.test.jsx
new file mode 100644
index 0000000..9b37107
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/help-contact-us.test.jsx
@@ -0,0 +1,29 @@
+import { expect } from 'chai'
+import { screen, fireEvent, within } from '@testing-library/react'
+import HelpContactUs from '../../../../../frontend/js/features/editor-left-menu/components/help-contact-us'
+import { renderWithEditorContext } from '../../../helpers/render-with-context'
+import fetchMock from 'fetch-mock'
+
+describe('<HelpContactUs />', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-user', {
+      email: 'sherlock@holmes.co.uk',
+      first_name: 'Sherlock',
+      last_name: 'Holmes',
+    })
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('open contact us modal when clicked', function () {
+    renderWithEditorContext(<HelpContactUs />)
+
+    expect(screen.queryByRole('dialog')).to.equal(null)
+    fireEvent.click(screen.getByRole('button', { name: 'Contact Us' }))
+    const modal = screen.getAllByRole('dialog')[0]
+    within(modal).getAllByText('Get in touch')
+    within(modal).getByText('Subject')
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/help-documentation.test.jsx b/services/web/test/frontend/features/editor-left-menu/components/help-documentation.test.jsx
new file mode 100644
index 0000000..c423c47
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/help-documentation.test.jsx
@@ -0,0 +1,12 @@
+import { expect } from 'chai'
+import { screen, render } from '@testing-library/react'
+import HelpDocumentation from '../../../../../frontend/js/features/editor-left-menu/components/help-documentation'
+
+describe('<HelpDocumentation />', function () {
+  it('has correct href attribute', function () {
+    render(<HelpDocumentation />)
+
+    const link = screen.getByRole('link', { name: 'Documentation' })
+    expect(link.getAttribute('href')).to.equal('/learn')
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/help-menu.test.jsx b/services/web/test/frontend/features/editor-left-menu/components/help-menu.test.jsx
new file mode 100644
index 0000000..eec6fdc
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/help-menu.test.jsx
@@ -0,0 +1,39 @@
+import { screen } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import HelpMenu from '../../../../../frontend/js/features/editor-left-menu/components/help-menu'
+import { renderWithEditorContext } from '../../../helpers/render-with-context'
+
+describe('<HelpMenu />', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-user', {
+      email: 'sherlock@holmes.co.uk',
+      first_name: 'Sherlock',
+      last_name: 'Holmes',
+    })
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows correct menu if `showSupport` is `true`', function () {
+    window.metaAttributesCache.set('ol-showSupport', true)
+
+    renderWithEditorContext(<HelpMenu />)
+
+    screen.getByRole('button', { name: 'Show Hotkeys' })
+    screen.getByRole('button', { name: 'Contact Us' })
+    screen.getByRole('link', { name: 'Documentation' })
+  })
+
+  it('shows correct menu if `showSupport` is `false`', function () {
+    window.metaAttributesCache.set('ol-showSupport', false)
+
+    renderWithEditorContext(<HelpMenu />)
+
+    screen.getByRole('button', { name: 'Show Hotkeys' })
+    expect(screen.queryByRole('button', { name: 'Contact Us' })).to.equal(null)
+    expect(screen.queryByRole('link', { name: 'Documentation' })).to.equal(null)
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/help-show-hotkeys.test.jsx b/services/web/test/frontend/features/editor-left-menu/components/help-show-hotkeys.test.jsx
new file mode 100644
index 0000000..369fd5b
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/help-show-hotkeys.test.jsx
@@ -0,0 +1,20 @@
+import { expect } from 'chai'
+import { screen, fireEvent, within } from '@testing-library/react'
+import HelpShowHotkeys from '../../../../../frontend/js/features/editor-left-menu/components/help-show-hotkeys'
+import { renderWithEditorContext } from '../../../helpers/render-with-context'
+import fetchMock from 'fetch-mock'
+
+describe('<HelpShowHotkeys />', function () {
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('open hotkeys modal when clicked', function () {
+    renderWithEditorContext(<HelpShowHotkeys />)
+
+    expect(screen.queryByRole('dialog')).to.equal(null)
+    fireEvent.click(screen.getByRole('button', { name: 'Show Hotkeys' }))
+    const modal = screen.getAllByRole('dialog')[0]
+    within(modal).getByText('Common')
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-auto-close-brackets.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-auto-close-brackets.test.tsx
new file mode 100644
index 0000000..fff0f3a
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-auto-close-brackets.test.tsx
@@ -0,0 +1,30 @@
+import { screen, within, render } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import SettingsAutoCloseBrackets from '../../../../../../frontend/js/features/editor-left-menu/components/settings/settings-auto-close-brackets'
+import { EditorLeftMenuProvider } from '@/features/editor-left-menu/components/editor-left-menu-context'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+
+describe('<SettingsAutoCloseBrackets />', function () {
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows correct menu', async function () {
+    render(
+      <EditorProviders>
+        <EditorLeftMenuProvider>
+          <SettingsAutoCloseBrackets />
+        </EditorLeftMenuProvider>
+      </EditorProviders>
+    )
+
+    const select = screen.getByLabelText('Auto-close brackets')
+
+    const optionOn = within(select).getByText('On')
+    expect(optionOn.getAttribute('value')).to.equal('true')
+
+    const optionOff = within(select).getByText('Off')
+    expect(optionOff.getAttribute('value')).to.equal('false')
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-auto-complete.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-auto-complete.test.tsx
new file mode 100644
index 0000000..c0b58d3
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-auto-complete.test.tsx
@@ -0,0 +1,30 @@
+import { screen, within, render } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import SettingsAutoComplete from '../../../../../../frontend/js/features/editor-left-menu/components/settings/settings-auto-complete'
+import { EditorLeftMenuProvider } from '@/features/editor-left-menu/components/editor-left-menu-context'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+
+describe('<SettingsAutoComplete />', function () {
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows correct menu', async function () {
+    render(
+      <EditorProviders>
+        <EditorLeftMenuProvider>
+          <SettingsAutoComplete />
+        </EditorLeftMenuProvider>
+      </EditorProviders>
+    )
+
+    const select = screen.getByLabelText('Auto-complete')
+
+    const optionOn = within(select).getByText('On')
+    expect(optionOn.getAttribute('value')).to.equal('true')
+
+    const optionOff = within(select).getByText('Off')
+    expect(optionOff.getAttribute('value')).to.equal('false')
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-compiler.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-compiler.test.tsx
new file mode 100644
index 0000000..3471b3d
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-compiler.test.tsx
@@ -0,0 +1,36 @@
+import { screen, within, render } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import SettingsCompiler from '../../../../../../frontend/js/features/editor-left-menu/components/settings/settings-compiler'
+import { EditorLeftMenuProvider } from '@/features/editor-left-menu/components/editor-left-menu-context'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+
+describe('<SettingsCompiler />', function () {
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows correct menu', async function () {
+    render(
+      <EditorProviders>
+        <EditorLeftMenuProvider>
+          <SettingsCompiler />
+        </EditorLeftMenuProvider>
+      </EditorProviders>
+    )
+
+    const select = screen.getByLabelText('Compiler')
+
+    const optionPdfLaTeX = within(select).getByText('pdfLaTeX')
+    expect(optionPdfLaTeX.getAttribute('value')).to.equal('pdflatex')
+
+    const optionLaTeX = within(select).getByText('LaTeX')
+    expect(optionLaTeX.getAttribute('value')).to.equal('latex')
+
+    const optionXeLaTeX = within(select).getByText('XeLaTeX')
+    expect(optionXeLaTeX.getAttribute('value')).to.equal('xelatex')
+
+    const optionLuaLaTeX = within(select).getByText('LuaLaTeX')
+    expect(optionLuaLaTeX.getAttribute('value')).to.equal('lualatex')
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-dictionary.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-dictionary.test.tsx
new file mode 100644
index 0000000..e094698
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-dictionary.test.tsx
@@ -0,0 +1,33 @@
+import { fireEvent, screen, within, render } from '@testing-library/react'
+import { expect } from 'chai'
+import SettingsDictionary from '../../../../../../frontend/js/features/editor-left-menu/components/settings/settings-dictionary'
+import { EditorLeftMenuProvider } from '@/features/editor-left-menu/components/editor-left-menu-context'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+
+describe('<SettingsDictionary />', function () {
+  it('open dictionary modal', function () {
+    render(
+      <EditorProviders>
+        <EditorLeftMenuProvider>
+          <SettingsDictionary />
+        </EditorLeftMenuProvider>
+      </EditorProviders>
+    )
+
+    screen.getByText('Dictionary')
+
+    const button = screen.getByText('Edit')
+    fireEvent.click(button)
+
+    const modal = screen.getByTestId('dictionary-modal')
+
+    within(modal).getByRole('heading', { name: 'Edit Dictionary' })
+    within(modal).getByText('Your custom dictionary is empty.')
+
+    const [, closeButton] = within(modal).getAllByRole('button', {
+      name: 'Close',
+    })
+    fireEvent.click(closeButton)
+    expect(screen.getByTestId('dictionary-modal')).to.not.be.null
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-document.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-document.test.tsx
new file mode 100644
index 0000000..41b6d67
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-document.test.tsx
@@ -0,0 +1,51 @@
+import { screen, within, render } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import SettingsDocument from '../../../../../../frontend/js/features/editor-left-menu/components/settings/settings-document'
+import { Folder } from '../../../../../../types/folder'
+import { EditorLeftMenuProvider } from '@/features/editor-left-menu/components/editor-left-menu-context'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+
+describe('<SettingsDocument />', function () {
+  const rootFolder: Folder = {
+    _id: 'root-folder-id',
+    name: 'rootFolder',
+    docs: [
+      {
+        _id: '123abc',
+        name: 'main.tex',
+      },
+    ],
+    fileRefs: [],
+    folders: [],
+  }
+
+  let originalSettings: typeof window.metaAttributesCache
+
+  beforeEach(function () {
+    originalSettings = window.metaAttributesCache.get('ol-ExposedSettings')
+    window.metaAttributesCache.set('ol-ExposedSettings', {
+      validRootDocExtensions: ['tex'],
+    })
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+    window.metaAttributesCache.set('ol-ExposedSettings', originalSettings)
+  })
+
+  it('shows correct menu', async function () {
+    render(
+      <EditorProviders rootFolder={[rootFolder as any]}>
+        <EditorLeftMenuProvider>
+          <SettingsDocument />
+        </EditorLeftMenuProvider>
+      </EditorProviders>
+    )
+
+    const select = screen.getByLabelText('Main document')
+
+    const optionOn = within(select).getByText('main.tex')
+    expect(optionOn.getAttribute('value')).to.equal('123abc')
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-editor-theme.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-editor-theme.test.tsx
new file mode 100644
index 0000000..f7b716e
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-editor-theme.test.tsx
@@ -0,0 +1,45 @@
+import { screen, within, render } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import SettingsEditorTheme from '../../../../../../frontend/js/features/editor-left-menu/components/settings/settings-editor-theme'
+import { EditorLeftMenuProvider } from '@/features/editor-left-menu/components/editor-left-menu-context'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+
+describe('<SettingsEditorTheme />', function () {
+  const editorThemes = ['editortheme-1', 'editortheme-2', 'editortheme-3']
+
+  const legacyEditorThemes = ['legacytheme-1', 'legacytheme-2', 'legacytheme-3']
+
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-editorThemes', editorThemes)
+    window.metaAttributesCache.set('ol-legacyEditorThemes', legacyEditorThemes)
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows correct menu', async function () {
+    render(
+      <EditorProviders>
+        <EditorLeftMenuProvider>
+          <SettingsEditorTheme />
+        </EditorLeftMenuProvider>
+      </EditorProviders>
+    )
+
+    const select = screen.getByLabelText('Editor theme')
+
+    for (const theme of editorThemes) {
+      const option = within(select).getByText(theme.replace(/_/g, ' '))
+      expect(option.getAttribute('value')).to.equal(theme)
+    }
+
+    for (const theme of legacyEditorThemes) {
+      const option = within(select).getByText(
+        theme.replace(/_/g, ' ') + ' (Legacy)'
+      )
+      expect(option.getAttribute('value')).to.equal(theme)
+    }
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-font-family.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-font-family.test.tsx
new file mode 100644
index 0000000..36a4f38
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-font-family.test.tsx
@@ -0,0 +1,35 @@
+import { screen, within, render } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import SettingsFontFamily from '../../../../../../frontend/js/features/editor-left-menu/components/settings/settings-font-family'
+import { EditorLeftMenuProvider } from '@/features/editor-left-menu/components/editor-left-menu-context'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+
+describe('<SettingsFontFamily />', function () {
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows correct menu', async function () {
+    render(
+      <EditorProviders>
+        <EditorLeftMenuProvider>
+          <SettingsFontFamily />
+        </EditorLeftMenuProvider>
+      </EditorProviders>
+    )
+
+    const select = screen.getByLabelText('Font Family')
+
+    const optionMonaco = within(select).getByText('Monaco / Menlo / Consolas')
+    expect(optionMonaco.getAttribute('value')).to.equal('monaco')
+
+    const optionLucida = within(select).getByText('Lucida / Source Code Pro')
+    expect(optionLucida.getAttribute('value')).to.equal('lucida')
+
+    const optionOpenDyslexicMono = within(select).getByText('OpenDyslexic Mono')
+    expect(optionOpenDyslexicMono.getAttribute('value')).to.equal(
+      'opendyslexicmono'
+    )
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-font-size.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-font-size.test.tsx
new file mode 100644
index 0000000..b65dabb
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-font-size.test.tsx
@@ -0,0 +1,31 @@
+import { screen, within, render } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import SettingsFontSize from '../../../../../../frontend/js/features/editor-left-menu/components/settings/settings-font-size'
+import { EditorLeftMenuProvider } from '@/features/editor-left-menu/components/editor-left-menu-context'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+
+describe('<SettingsFontSize />', function () {
+  const sizes = ['10', '11', '12', '13', '14', '16', '18', '20', '22', '24']
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows correct menu', async function () {
+    render(
+      <EditorProviders>
+        <EditorLeftMenuProvider>
+          <SettingsFontSize />
+        </EditorLeftMenuProvider>
+      </EditorProviders>
+    )
+
+    const select = screen.getByLabelText('Font Size')
+
+    for (const size of sizes) {
+      const option = within(select).getByText(`${size}px`)
+      expect(option.getAttribute('value')).to.equal(size)
+    }
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-image-name.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-image-name.test.tsx
new file mode 100644
index 0000000..b164c02
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-image-name.test.tsx
@@ -0,0 +1,45 @@
+import { screen, within, render } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import SettingsImageName from '../../../../../../frontend/js/features/editor-left-menu/components/settings/settings-image-name'
+import type { AllowedImageName } from '../../../../../../types/project-settings'
+import { EditorLeftMenuProvider } from '@/features/editor-left-menu/components/editor-left-menu-context'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+
+describe('<SettingsImageName />', function () {
+  const allowedImageNames: AllowedImageName[] = [
+    {
+      imageDesc: 'Image 1',
+      imageName: 'img-1',
+    },
+    {
+      imageDesc: 'Image 2',
+      imageName: 'img-2',
+    },
+  ]
+
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-allowedImageNames', allowedImageNames)
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows correct menu', async function () {
+    render(
+      <EditorProviders>
+        <EditorLeftMenuProvider>
+          <SettingsImageName />
+        </EditorLeftMenuProvider>
+      </EditorProviders>
+    )
+
+    const select = screen.getByLabelText('TeX Live version')
+
+    for (const { imageName, imageDesc } of allowedImageNames) {
+      const option = within(select).getByText(imageDesc)
+      expect(option.getAttribute('value')).to.equal(imageName)
+    }
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-keybindings.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-keybindings.test.tsx
new file mode 100644
index 0000000..d02f4a0
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-keybindings.test.tsx
@@ -0,0 +1,33 @@
+import { screen, within, render } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import SettingsKeybindings from '../../../../../../frontend/js/features/editor-left-menu/components/settings/settings-keybindings'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+import { EditorLeftMenuProvider } from '@/features/editor-left-menu/components/editor-left-menu-context'
+
+describe('<SettingsKeybindings />', function () {
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows correct menu', async function () {
+    render(
+      <EditorProviders>
+        <EditorLeftMenuProvider>
+          <SettingsKeybindings />
+        </EditorLeftMenuProvider>
+      </EditorProviders>
+    )
+
+    const select = screen.getByLabelText('Keybindings')
+
+    const optionNone = within(select).getByText('None')
+    expect(optionNone.getAttribute('value')).to.equal('default')
+
+    const optionVim = within(select).getByText('Vim')
+    expect(optionVim.getAttribute('value')).to.equal('vim')
+
+    const optionEmacs = within(select).getByText('Emacs')
+    expect(optionEmacs.getAttribute('value')).to.equal('emacs')
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-line-height.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-line-height.test.tsx
new file mode 100644
index 0000000..c914a9e
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-line-height.test.tsx
@@ -0,0 +1,33 @@
+import { screen, within, render } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import SettingsLineHeight from '../../../../../../frontend/js/features/editor-left-menu/components/settings/settings-line-height'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+import { EditorLeftMenuProvider } from '@/features/editor-left-menu/components/editor-left-menu-context'
+
+describe('<SettingsLineHeight />', function () {
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows correct menu', async function () {
+    render(
+      <EditorProviders>
+        <EditorLeftMenuProvider>
+          <SettingsLineHeight />
+        </EditorLeftMenuProvider>
+      </EditorProviders>
+    )
+
+    const select = screen.getByLabelText('Line Height')
+
+    const optionCompact = within(select).getByText('Compact')
+    expect(optionCompact.getAttribute('value')).to.equal('compact')
+
+    const optionNormal = within(select).getByText('Normal')
+    expect(optionNormal.getAttribute('value')).to.equal('normal')
+
+    const optionWide = within(select).getByText('Wide')
+    expect(optionWide.getAttribute('value')).to.equal('wide')
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-math-preview.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-math-preview.test.tsx
new file mode 100644
index 0000000..ecd2fbe
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-math-preview.test.tsx
@@ -0,0 +1,30 @@
+import { screen, within, render } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import SettingsMathPreview from '@/features/editor-left-menu/components/settings/settings-math-preview'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+import { EditorLeftMenuProvider } from '@/features/editor-left-menu/components/editor-left-menu-context'
+
+describe('<SettingsMathPreview />', function () {
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows correct menu', async function () {
+    render(
+      <EditorProviders>
+        <EditorLeftMenuProvider>
+          <SettingsMathPreview />
+        </EditorLeftMenuProvider>
+      </EditorProviders>
+    )
+
+    const select = screen.getByLabelText('Equation preview')
+
+    const optionOn = within(select).getByText('On')
+    expect(optionOn.getAttribute('value')).to.equal('true')
+
+    const optionOff = within(select).getByText('Off')
+    expect(optionOff.getAttribute('value')).to.equal('false')
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-overall-theme.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-overall-theme.test.tsx
new file mode 100644
index 0000000..83a46e6
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-overall-theme.test.tsx
@@ -0,0 +1,98 @@
+import { screen, within, render } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import SettingsOverallTheme from '../../../../../../frontend/js/features/editor-left-menu/components/settings/settings-overall-theme'
+import type { OverallThemeMeta } from '../../../../../../types/project-settings'
+import getMeta from '@/utils/meta'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+import { EditorLeftMenuProvider } from '@/features/editor-left-menu/components/editor-left-menu-context'
+
+const IEEE_BRAND_ID = 1234
+const OTHER_BRAND_ID = 2234
+
+describe('<SettingsOverallTheme />', function () {
+  const overallThemes: OverallThemeMeta[] = [
+    {
+      name: 'Overall Theme 1',
+      val: '',
+      path: 'https://overleaf.com/overalltheme-1.css',
+    },
+    {
+      name: 'Overall Theme 2',
+      val: 'light-',
+      path: 'https://overleaf.com/overalltheme-2.css',
+    },
+  ]
+
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-overallThemes', overallThemes)
+    Object.assign(getMeta('ol-ExposedSettings'), {
+      ieeeBrandId: IEEE_BRAND_ID,
+    })
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows correct menu', async function () {
+    render(
+      <EditorProviders>
+        <EditorLeftMenuProvider>
+          <SettingsOverallTheme />
+        </EditorLeftMenuProvider>
+      </EditorProviders>
+    )
+
+    const select = screen.getByLabelText('Overall theme')
+
+    for (const theme of overallThemes) {
+      const option = within(select).getByText(theme.name)
+      expect(option.getAttribute('value')).to.equal(theme.val)
+    }
+  })
+  describe('Branded Project', function () {
+    it('should hide overall theme picker for IEEE branded projects', function () {
+      window.metaAttributesCache.set('ol-brandVariation', {
+        brand_id: IEEE_BRAND_ID,
+      })
+      render(
+        <EditorProviders>
+          <EditorLeftMenuProvider>
+            <SettingsOverallTheme />
+          </EditorLeftMenuProvider>
+        </EditorProviders>
+      )
+      const select = screen.queryByText('Overall theme')
+      expect(select).to.not.exist
+    })
+
+    it('should show overall theme picker for branded projects that are not IEEE', function () {
+      window.metaAttributesCache.set('ol-brandVariation', {
+        brand_id: OTHER_BRAND_ID,
+      })
+      render(
+        <EditorProviders>
+          <EditorLeftMenuProvider>
+            <SettingsOverallTheme />
+          </EditorLeftMenuProvider>
+        </EditorProviders>
+      )
+      const select = screen.getByLabelText('Overall theme')
+      expect(select).to.exist
+    })
+
+    it('should show overall theme picker for non branded projects', function () {
+      window.metaAttributesCache.set('ol-brandVariation', undefined)
+      render(
+        <EditorProviders>
+          <EditorLeftMenuProvider>
+            <SettingsOverallTheme />
+          </EditorLeftMenuProvider>
+        </EditorProviders>
+      )
+      const select = screen.getByLabelText('Overall theme')
+      expect(select).to.exist
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-pdf-viewer.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-pdf-viewer.test.tsx
new file mode 100644
index 0000000..d9b15e6
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-pdf-viewer.test.tsx
@@ -0,0 +1,30 @@
+import { screen, within, render } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import SettingsPdfViewer from '../../../../../../frontend/js/features/editor-left-menu/components/settings/settings-pdf-viewer'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+import { EditorLeftMenuProvider } from '@/features/editor-left-menu/components/editor-left-menu-context'
+
+describe('<SettingsPdfViewer />', function () {
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows correct menu', async function () {
+    render(
+      <EditorProviders>
+        <EditorLeftMenuProvider>
+          <SettingsPdfViewer />
+        </EditorLeftMenuProvider>
+      </EditorProviders>
+    )
+
+    const select = screen.getByLabelText('PDF Viewer')
+
+    const optionOverleaf = within(select).getByText('Overleaf')
+    expect(optionOverleaf.getAttribute('value')).to.equal('pdfjs')
+
+    const optionBrowser = within(select).getByText('Browser')
+    expect(optionBrowser.getAttribute('value')).to.equal('native')
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-spell-check-language.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-spell-check-language.test.tsx
new file mode 100644
index 0000000..1b345f9
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-spell-check-language.test.tsx
@@ -0,0 +1,50 @@
+import { screen, within, render } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import SettingsSpellCheckLanguage from '../../../../../../frontend/js/features/editor-left-menu/components/settings/settings-spell-check-language'
+import type { SpellCheckLanguage } from '../../../../../../types/project-settings'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+import { EditorLeftMenuProvider } from '@/features/editor-left-menu/components/editor-left-menu-context'
+
+describe('<SettingsSpellCheckLanguage />', function () {
+  const languages: SpellCheckLanguage[] = [
+    {
+      name: 'Lang 1',
+      code: 'lang-1',
+      dic: 'lang_1',
+    },
+    {
+      name: 'Lang 2',
+      code: 'lang-2',
+      dic: 'lang_2',
+    },
+  ]
+
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-languages', languages)
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows correct menu', async function () {
+    render(
+      <EditorProviders>
+        <EditorLeftMenuProvider>
+          <SettingsSpellCheckLanguage />
+        </EditorLeftMenuProvider>
+      </EditorProviders>
+    )
+
+    const select = screen.getByLabelText('Spell check')
+
+    const optionEmpty = within(select).getByText('Off')
+    expect(optionEmpty.getAttribute('value')).to.equal('')
+
+    for (const language of languages) {
+      const option = within(select).getByText(language.name)
+      expect(option.getAttribute('value')).to.equal(language.code)
+    }
+  })
+})
diff --git a/services/web/test/frontend/features/editor-left-menu/components/settings/settings-syntax-validation.test.tsx b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-syntax-validation.test.tsx
new file mode 100644
index 0000000..3b1034f
--- /dev/null
+++ b/services/web/test/frontend/features/editor-left-menu/components/settings/settings-syntax-validation.test.tsx
@@ -0,0 +1,30 @@
+import { screen, within, render } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import SettingsSyntaxValidation from '../../../../../../frontend/js/features/editor-left-menu/components/settings/settings-syntax-validation'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+import { EditorLeftMenuProvider } from '@/features/editor-left-menu/components/editor-left-menu-context'
+
+describe('<SettingsSyntaxValidation />', function () {
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows correct menu', async function () {
+    render(
+      <EditorProviders>
+        <EditorLeftMenuProvider>
+          <SettingsSyntaxValidation />
+        </EditorLeftMenuProvider>
+      </EditorProviders>
+    )
+
+    const select = screen.getByLabelText('Code check')
+
+    const optionOn = within(select).getByText('On')
+    expect(optionOn.getAttribute('value')).to.equal('true')
+
+    const optionOff = within(select).getByText('Off')
+    expect(optionOff.getAttribute('value')).to.equal('false')
+  })
+})
diff --git a/services/web/test/frontend/features/editor-navigation-toolbar/components/chat-toggle-button.test.jsx b/services/web/test/frontend/features/editor-navigation-toolbar/components/chat-toggle-button.test.jsx
new file mode 100644
index 0000000..76e408d
--- /dev/null
+++ b/services/web/test/frontend/features/editor-navigation-toolbar/components/chat-toggle-button.test.jsx
@@ -0,0 +1,26 @@
+import { expect } from 'chai'
+import { render, screen } from '@testing-library/react'
+
+import ChatToggleButton from '../../../../../frontend/js/features/editor-navigation-toolbar/components/chat-toggle-button'
+
+describe('<ChatToggleButton />', function () {
+  const defaultProps = {
+    chatIsOpen: false,
+    unreadMessageCount: 0,
+    onClick: () => {},
+  }
+
+  it('displays the number of unread messages', function () {
+    const props = {
+      ...defaultProps,
+      unreadMessageCount: 113,
+    }
+    render(<ChatToggleButton {...props} />)
+    screen.getByText('113')
+  })
+
+  it("doesn't display the unread messages badge when the number of unread messages is zero", function () {
+    render(<ChatToggleButton {...defaultProps} />)
+    expect(screen.queryByText('0')).to.not.exist
+  })
+})
diff --git a/services/web/test/frontend/features/editor-navigation-toolbar/components/layout-dropdown-button.test.jsx b/services/web/test/frontend/features/editor-navigation-toolbar/components/layout-dropdown-button.test.jsx
new file mode 100644
index 0000000..e7eb625
--- /dev/null
+++ b/services/web/test/frontend/features/editor-navigation-toolbar/components/layout-dropdown-button.test.jsx
@@ -0,0 +1,219 @@
+import sinon from 'sinon'
+import fetchMock from 'fetch-mock'
+import { expect } from 'chai'
+import { screen } from '@testing-library/react'
+import LayoutDropdownButton from '../../../../../frontend/js/features/editor-navigation-toolbar/components/layout-dropdown-button'
+import { renderWithEditorContext } from '../../../helpers/render-with-context'
+import * as eventTracking from '@/infrastructure/event-tracking'
+
+describe('<LayoutDropdownButton />', function () {
+  let openStub
+  let sendMBSpy
+  const defaultUi = {
+    pdfLayout: 'flat',
+    view: 'pdf',
+  }
+
+  beforeEach(function () {
+    openStub = sinon.stub(window, 'open')
+    sendMBSpy = sinon.spy(eventTracking, 'sendMB')
+  })
+
+  afterEach(function () {
+    openStub.restore()
+    sendMBSpy.restore()
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('should mark current layout option as selected', async function () {
+    // Selected is aria-label, visually we show a checkmark
+    renderWithEditorContext(<LayoutDropdownButton />, { ui: defaultUi })
+
+    screen.getByRole('button', { name: 'Layout' }).click()
+
+    expect(
+      screen
+        .getByRole('menuitem', {
+          name: 'Editor & PDF',
+        })
+        .getAttribute('aria-selected')
+    ).to.equal('false')
+
+    expect(
+      screen
+        .getByRole('menuitem', {
+          name: 'PDF only (hide editor)',
+        })
+        .getAttribute('aria-selected')
+    ).to.equal('true')
+
+    expect(
+      screen
+        .getByRole('menuitem', {
+          name: 'Editor only (hide PDF)',
+        })
+        .getAttribute('aria-selected')
+    ).to.equal('false')
+
+    expect(
+      screen
+        .getByRole('menuitem', {
+          name: 'PDF in separate tab',
+        })
+        .getAttribute('aria-selected')
+    ).to.equal('false')
+  })
+
+  it('should not select any option in history view', function () {
+    // Selected is aria-label, visually we show a checkmark
+    renderWithEditorContext(<LayoutDropdownButton />, {
+      ui: { ...defaultUi, view: 'history' },
+    })
+
+    screen.getByRole('button', { name: 'Layout' }).click()
+
+    expect(
+      screen
+        .getByRole('menuitem', {
+          name: 'Editor & PDF',
+        })
+        .getAttribute('aria-selected')
+    ).to.equal('false')
+
+    expect(
+      screen
+        .getByRole('menuitem', {
+          name: 'PDF only (hide editor)',
+        })
+        .getAttribute('aria-selected')
+    ).to.equal('false')
+
+    expect(
+      screen
+        .getByRole('menuitem', {
+          name: 'Editor only (hide PDF)',
+        })
+        .getAttribute('aria-selected')
+    ).to.equal('false')
+
+    expect(
+      screen
+        .getByRole('menuitem', {
+          name: 'PDF in separate tab',
+        })
+        .getAttribute('aria-selected')
+    ).to.equal('false')
+  })
+
+  it('should treat file and editor views the same way', function () {
+    // Selected is aria-label, visually we show a checkmark
+    renderWithEditorContext(<LayoutDropdownButton />, {
+      ui: {
+        pdfLayout: 'flat',
+        view: 'file',
+      },
+    })
+
+    screen.getByRole('button', { name: 'Layout' }).click()
+
+    expect(
+      screen
+        .getByRole('menuitem', {
+          name: 'Editor & PDF',
+        })
+        .getAttribute('aria-selected')
+    ).to.equal('false')
+
+    expect(
+      screen
+        .getByRole('menuitem', {
+          name: 'PDF only (hide editor)',
+        })
+        .getAttribute('aria-selected')
+    ).to.equal('false')
+
+    expect(
+      screen
+        .getByRole('menuitem', {
+          name: 'Editor only (hide PDF)',
+        })
+        .getAttribute('aria-selected')
+    ).to.equal('true')
+
+    expect(
+      screen
+        .getByRole('menuitem', {
+          name: 'PDF in separate tab',
+        })
+        .getAttribute('aria-selected')
+    ).to.equal('false')
+  })
+
+  describe('on detach', function () {
+    let originalBroadcastChannel
+    beforeEach(function () {
+      window.BroadcastChannel = originalBroadcastChannel || true // ensure that window.BroadcastChannel is truthy
+
+      renderWithEditorContext(<LayoutDropdownButton />, {
+        ui: { ...defaultUi, view: 'editor' },
+      })
+
+      screen.getByRole('button', { name: 'Layout' }).click()
+
+      screen
+        .getByRole('menuitem', {
+          name: 'PDF in separate tab',
+        })
+        .click()
+    })
+
+    afterEach(function () {
+      window.BroadcastChannel = originalBroadcastChannel
+    })
+
+    it('should show processing', function () {
+      screen.getByText('Layout processing')
+    })
+
+    it('should record event', function () {
+      sinon.assert.calledWith(sendMBSpy, 'project-layout-detach')
+    })
+  })
+
+  describe('on layout change / reattach', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set('ol-detachRole', 'detacher')
+      renderWithEditorContext(<LayoutDropdownButton />, {
+        ui: { ...defaultUi, view: 'editor' },
+      })
+
+      screen.getByRole('button', { name: 'Layout' }).click()
+
+      screen
+        .getByRole('menuitem', {
+          name: 'Editor only (hide PDF)',
+        })
+        .click()
+    })
+
+    it('should not show processing', function () {
+      const processingText = screen.queryByText('Layout processing')
+      expect(processingText).to.not.exist
+    })
+
+    it('should record events', function () {
+      sinon.assert.calledWith(sendMBSpy, 'project-layout-reattach')
+      sinon.assert.calledWith(sendMBSpy, 'project-layout-change', {
+        layout: 'flat',
+        view: 'editor',
+        page: '/detacher',
+      })
+    })
+
+    it('should select new menu item', function () {
+      screen.getByRole('menuitem', {
+        name: 'Editor only (hide PDF)',
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/editor-navigation-toolbar/components/online-users-widget.test.jsx b/services/web/test/frontend/features/editor-navigation-toolbar/components/online-users-widget.test.jsx
new file mode 100644
index 0000000..96a8abe
--- /dev/null
+++ b/services/web/test/frontend/features/editor-navigation-toolbar/components/online-users-widget.test.jsx
@@ -0,0 +1,104 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+import { fireEvent, render, screen } from '@testing-library/react'
+
+import OnlineUsersWidget from '../../../../../frontend/js/features/editor-navigation-toolbar/components/online-users-widget'
+
+describe('<OnlineUsersWidget />', function () {
+  const defaultProps = {
+    onlineUsers: [
+      {
+        user_id: 'test_user',
+        name: 'test_user',
+      },
+      {
+        user_id: 'another_test_user',
+        name: 'another_test_user',
+      },
+    ],
+    goToUser: () => {},
+  }
+
+  describe('with less than 4 users', function () {
+    it('displays user initials', function () {
+      render(<OnlineUsersWidget {...defaultProps} />)
+      screen.getByText('t')
+      screen.getByText('a')
+    })
+
+    it('displays user name in a tooltip', async function () {
+      render(<OnlineUsersWidget {...defaultProps} />)
+      const icon = screen.getByText('t')
+      fireEvent.mouseOver(icon)
+      await screen.findByRole('tooltip', { name: 'test_user' })
+    })
+
+    it('calls "goToUser" when the user initial is clicked', function () {
+      const props = {
+        ...defaultProps,
+        goToUser: sinon.stub(),
+      }
+      render(<OnlineUsersWidget {...props} />)
+
+      const icon = screen.getByText('t')
+      fireEvent.click(icon)
+
+      expect(props.goToUser).to.be.calledWith({
+        name: 'test_user',
+        user_id: 'test_user',
+      })
+    })
+  })
+
+  describe('with 4 users and more', function () {
+    const props = {
+      ...defaultProps,
+      onlineUsers: defaultProps.onlineUsers.concat([
+        {
+          user_id: 'user_3',
+          name: 'user_3',
+        },
+        {
+          user_id: 'user_4',
+          name: 'user_4',
+        },
+      ]),
+    }
+
+    it('displays the count of users', function () {
+      render(<OnlineUsersWidget {...props} />)
+      screen.getByText('4')
+    })
+
+    it('displays user names on hover', function () {
+      render(<OnlineUsersWidget {...props} />)
+
+      const toggleButton = screen.getByRole('button')
+      fireEvent.click(toggleButton)
+
+      screen.getByText('test_user')
+      screen.getByText('another_test_user')
+      screen.getByText('user_3')
+      screen.getByText('user_4')
+    })
+
+    it('calls "goToUser" when the user name is clicked', function () {
+      const testProps = {
+        ...props,
+        goToUser: sinon.stub(),
+      }
+      render(<OnlineUsersWidget {...testProps} />)
+
+      const toggleButton = screen.getByRole('button')
+      fireEvent.click(toggleButton)
+
+      const icon = screen.getByText('user_3')
+      fireEvent.click(icon)
+
+      expect(testProps.goToUser).to.be.calledWith({
+        name: 'user_3',
+        user_id: 'user_3',
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/editor-navigation-toolbar/components/project-name-editable-label.test.jsx b/services/web/test/frontend/features/editor-navigation-toolbar/components/project-name-editable-label.test.jsx
new file mode 100644
index 0000000..cb7de63
--- /dev/null
+++ b/services/web/test/frontend/features/editor-navigation-toolbar/components/project-name-editable-label.test.jsx
@@ -0,0 +1,78 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+import { fireEvent, render, screen } from '@testing-library/react'
+
+import ProjectNameEditableLabel from '../../../../../frontend/js/features/editor-navigation-toolbar/components/project-name-editable-label'
+
+describe('<ProjectNameEditableLabel />', function () {
+  const defaultProps = { projectName: 'test-project', onChange: () => {} }
+
+  it('displays the project name', function () {
+    render(<ProjectNameEditableLabel {...defaultProps} />)
+    screen.getByText('test-project')
+  })
+
+  describe('when the name is editable', function () {
+    const editableProps = { ...defaultProps, hasRenamePermissions: true }
+
+    it('displays an editable input when the edit button is clicked', function () {
+      render(<ProjectNameEditableLabel {...editableProps} />)
+      fireEvent.click(screen.getByRole('button'))
+      screen.getByRole('textbox')
+    })
+
+    it('displays an editable input when the project name is double clicked', function () {
+      render(<ProjectNameEditableLabel {...editableProps} />)
+      fireEvent.doubleClick(screen.getByText('test-project'))
+      screen.getByRole('textbox')
+    })
+
+    it('calls "onChange" when the project name is updated', function () {
+      const props = {
+        ...editableProps,
+        onChange: sinon.stub(),
+      }
+      render(<ProjectNameEditableLabel {...props} />)
+
+      fireEvent.doubleClick(screen.getByText('test-project'))
+      const input = screen.getByRole('textbox')
+
+      fireEvent.change(input, { target: { value: 'new project name' } })
+      fireEvent.keyDown(input, { key: 'Enter' })
+
+      expect(props.onChange).to.be.calledWith('new project name')
+    })
+
+    it('calls "onChange" when the input loses focus', function () {
+      const props = {
+        ...editableProps,
+        onChange: sinon.stub(),
+      }
+      render(<ProjectNameEditableLabel {...props} />)
+
+      fireEvent.doubleClick(screen.getByText('test-project'))
+      const input = screen.getByRole('textbox')
+
+      fireEvent.change(input, { target: { value: 'new project name' } })
+
+      fireEvent.blur(screen.getByRole('textbox'))
+
+      expect(props.onChange).to.be.calledWith('new project name')
+    })
+  })
+
+  describe('when the name is not editable', function () {
+    const nonEditableProps = { hasRenamePermissions: false, ...defaultProps }
+
+    it('the edit button is not displayed', function () {
+      render(<ProjectNameEditableLabel {...nonEditableProps} />)
+      expect(screen.queryByRole('button')).to.not.exist
+    })
+
+    it('does not display an editable input when the project name is double clicked', function () {
+      render(<ProjectNameEditableLabel {...nonEditableProps} />)
+      fireEvent.doubleClick(screen.getByText('test-project'))
+      expect(screen.queryByRole('textbox')).to.not.exist
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/editor-navigation-toolbar/components/toolbar-header.test.jsx b/services/web/test/frontend/features/editor-navigation-toolbar/components/toolbar-header.test.jsx
new file mode 100644
index 0000000..f8441aa
--- /dev/null
+++ b/services/web/test/frontend/features/editor-navigation-toolbar/components/toolbar-header.test.jsx
@@ -0,0 +1,116 @@
+import { expect } from 'chai'
+import { screen } from '@testing-library/react'
+
+import ToolbarHeader from '../../../../../frontend/js/features/editor-navigation-toolbar/components/toolbar-header'
+import { renderWithEditorContext } from '../../../helpers/render-with-context'
+
+describe('<ToolbarHeader />', function () {
+  const defaultProps = {
+    onShowLeftMenuClick: () => {},
+    toggleChatOpen: () => {},
+    toggleReviewPanelOpen: () => {},
+    toggleHistoryOpen: () => {},
+    unreadMessageCount: 0,
+    onlineUsers: [],
+    goToUser: () => {},
+    projectName: 'test project',
+    renameProject: () => {},
+    openShareModal: () => {},
+    hasPublishPermissions: true,
+    chatVisible: true,
+    trackChangesVisible: true,
+    handleChangeLayout: () => {},
+    pdfLayout: 'sideBySide',
+    view: 'editor',
+    reattach: () => {},
+    detach: () => {},
+  }
+
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-chatEnabled', true)
+  })
+
+  describe('cobranding logo', function () {
+    it('is not displayed by default', function () {
+      renderWithEditorContext(<ToolbarHeader {...defaultProps} />)
+      expect(screen.queryByRole('link', { name: 'variation' })).to.not.exist
+    })
+
+    it('is displayed when cobranding data is available', function () {
+      const props = {
+        ...defaultProps,
+        cobranding: {
+          brandVariationHomeUrl: 'http://cobranding',
+          brandVariationName: 'variation',
+          logoImgUrl: 'http://cobranding/logo',
+        },
+      }
+      renderWithEditorContext(<ToolbarHeader {...props} />)
+      screen.getByRole('link', { name: 'variation' })
+    })
+  })
+
+  describe('track changes toggle button', function () {
+    it('is displayed by default', function () {
+      renderWithEditorContext(<ToolbarHeader {...defaultProps} />)
+      screen.getByText('Review')
+    })
+
+    it('is not displayed when "trackChangesVisible" prop is set to false', function () {
+      const props = {
+        ...defaultProps,
+        trackChangesVisible: false,
+      }
+      renderWithEditorContext(<ToolbarHeader {...props} />)
+      expect(screen.queryByText('Review')).to.not.exist
+    })
+  })
+
+  describe('History toggle button', function () {
+    it('is displayed by default', function () {
+      renderWithEditorContext(<ToolbarHeader {...defaultProps} />)
+      screen.getByText('History')
+    })
+
+    it('is not displayed when "isRestrictedTokenMember" prop is set to true', function () {
+      const props = {
+        ...defaultProps,
+        isRestrictedTokenMember: true,
+      }
+      renderWithEditorContext(<ToolbarHeader {...props} />)
+      expect(screen.queryByText('History')).to.not.exist
+    })
+  })
+
+  describe('Chat toggle button', function () {
+    it('is displayed by default', function () {
+      renderWithEditorContext(<ToolbarHeader {...defaultProps} />)
+      screen.getByText('Chat')
+    })
+
+    it('is not displayed when "chatVisible" prop is set to false', function () {
+      const props = {
+        ...defaultProps,
+        chatVisible: false,
+      }
+      renderWithEditorContext(<ToolbarHeader {...props} />)
+      expect(screen.queryByText('Chat')).to.not.exist
+    })
+  })
+
+  describe('Publish button', function () {
+    it('is displayed by default', function () {
+      renderWithEditorContext(<ToolbarHeader {...defaultProps} />)
+      screen.getByText('Submit')
+    })
+
+    it('is not displayed for users with no publish permissions', function () {
+      const props = {
+        ...defaultProps,
+        hasPublishPermissions: false,
+      }
+      renderWithEditorContext(<ToolbarHeader {...props} />)
+      expect(screen.queryByText('Submit')).to.not.exist
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-create-name-input.spec.tsx b/services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-create-name-input.spec.tsx
new file mode 100644
index 0000000..be721e8
--- /dev/null
+++ b/services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-create-name-input.spec.tsx
@@ -0,0 +1,92 @@
+import FileTreeCreateNameInput from '../../../../../../frontend/js/features/file-tree/components/file-tree-create/file-tree-create-name-input'
+import FileTreeCreateNameProvider from '../../../../../../frontend/js/features/file-tree/contexts/file-tree-create-name'
+
+describe('<FileTreeCreateNameInput/>', function () {
+  it('renders an empty input', function () {
+    cy.mount(
+      <FileTreeCreateNameProvider>
+        <FileTreeCreateNameInput inFlight={false} />
+      </FileTreeCreateNameProvider>
+    )
+
+    cy.findByLabelText('File Name')
+    cy.findByPlaceholderText('File Name')
+  })
+
+  it('renders a custom label and placeholder', function () {
+    cy.mount(
+      <FileTreeCreateNameProvider>
+        <FileTreeCreateNameInput
+          label="File name in this project"
+          placeholder="Enter a file name…"
+          inFlight={false}
+        />
+      </FileTreeCreateNameProvider>
+    )
+
+    cy.findByLabelText('File name in this project')
+    cy.findByPlaceholderText('Enter a file name…')
+  })
+
+  it('uses an initial name', function () {
+    cy.mount(
+      <FileTreeCreateNameProvider initialName="test.tex">
+        <FileTreeCreateNameInput inFlight={false} />
+      </FileTreeCreateNameProvider>
+    )
+
+    cy.findByLabelText('File Name').should('have.value', 'test.tex')
+  })
+
+  it('focuses the name', function () {
+    cy.spy(window, 'requestAnimationFrame').as('requestAnimationFrame')
+
+    cy.mount(
+      <FileTreeCreateNameProvider initialName="test.tex">
+        <FileTreeCreateNameInput focusName inFlight={false} />
+      </FileTreeCreateNameProvider>
+    )
+
+    cy.findByLabelText('File Name').as('input')
+
+    cy.get('@input').should('have.value', 'test.tex')
+
+    cy.get('@requestAnimationFrame').should('have.been.calledOnce')
+
+    // https://github.com/jsdom/jsdom/issues/2995
+    // "window.getSelection doesn't work with selection of <input> element"
+    // const selection = window.getSelection().toString()
+    // expect(selection).to.equal('test')
+
+    // wait for the selection to update
+    // eslint-disable-next-line cypress/no-unnecessary-waiting
+    cy.wait(100)
+
+    cy.get<HTMLInputElement>('@input').then(element => {
+      expect(element.get(0).selectionStart).to.equal(0)
+      expect(element.get(0).selectionEnd).to.equal(4)
+    })
+  })
+
+  it('disables the input when in flight', function () {
+    cy.mount(
+      <FileTreeCreateNameProvider initialName="test.tex">
+        <FileTreeCreateNameInput inFlight={false} />
+      </FileTreeCreateNameProvider>
+    ).then(({ rerender }) => {
+      cy.findByLabelText('File Name').should('not.be.disabled')
+      rerender(
+        <FileTreeCreateNameProvider initialName="test.tex">
+          <FileTreeCreateNameInput inFlight />
+        </FileTreeCreateNameProvider>
+      )
+      cy.findByLabelText('File Name').should('be.disabled')
+      rerender(
+        <FileTreeCreateNameProvider initialName="test.tex">
+          <FileTreeCreateNameInput inFlight={false} />
+        </FileTreeCreateNameProvider>
+      )
+      cy.findByLabelText('File Name').should('not.be.disabled')
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-modal-create-file.spec.tsx b/services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-modal-create-file.spec.tsx
new file mode 100644
index 0000000..6ef9215
--- /dev/null
+++ b/services/web/test/frontend/features/file-tree/components/file-tree-create/file-tree-modal-create-file.spec.tsx
@@ -0,0 +1,497 @@
+import { useEffect } from 'react'
+import FileTreeModalCreateFile from '../../../../../../frontend/js/features/file-tree/components/modals/file-tree-modal-create-file'
+import { useFileTreeActionable } from '../../../../../../frontend/js/features/file-tree/contexts/file-tree-actionable'
+import { useFileTreeData } from '../../../../../../frontend/js/shared/context/file-tree-data-context'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+import { FileTreeProvider } from '../../helpers/file-tree-provider'
+import getMeta from '@/utils/meta'
+
+describe('<FileTreeModalCreateFile/>', function () {
+  it('handles invalid file names', function () {
+    cy.mount(
+      <EditorProviders>
+        <FileTreeProvider>
+          <OpenWithMode mode="doc" />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByLabelText('File Name').as('input')
+    cy.findByRole('button', { name: 'Create' }).as('submit')
+
+    cy.get('@input').should('have.value', 'name.tex')
+    cy.get('@submit').should('not.be.disabled')
+    cy.findByRole('alert').should('not.exist')
+
+    cy.get('@input').clear()
+    cy.get('@submit').should('be.disabled')
+    cy.findByRole('alert').should('contain.text', 'File name is empty')
+
+    cy.get('@input').type('test.tex')
+    cy.get('@submit').should('not.be.disabled')
+    cy.findByRole('alert').should('not.exist')
+
+    cy.get('@input').type('oops/i/did/it/again')
+    cy.get('@submit').should('be.disabled')
+    cy.findByRole('alert').should('contain.text', 'contains invalid characters')
+  })
+
+  it('displays an error when the file limit is reached', function () {
+    getMeta('ol-ExposedSettings').maxEntitiesPerProject = 10
+
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: Array.from({ length: 10 }, (_, index) => ({
+          _id: `entity-${index}`,
+        })),
+        fileRefs: [],
+        folders: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders rootFolder={rootFolder as any}>
+        <FileTreeProvider>
+          <OpenWithMode mode="doc" />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByRole('alert')
+      .invoke('text')
+      .should('match', /This project has reached the \d+ file limit/)
+  })
+
+  it('displays a warning when the file limit is nearly reached', function () {
+    getMeta('ol-ExposedSettings').maxEntitiesPerProject = 10
+
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: Array.from({ length: 9 }, (_, index) => ({
+          _id: `entity-${index}`,
+        })),
+        fileRefs: [],
+        folders: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders rootFolder={rootFolder as any}>
+        <FileTreeProvider>
+          <OpenWithMode mode="doc" />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByText(/This project is approaching the file limit \(\d+\/\d+\)/)
+  })
+
+  it('counts files in nested folders', function () {
+    getMeta('ol-ExposedSettings').maxEntitiesPerProject = 10
+
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [{ _id: 'doc-1' }],
+        fileRefs: [],
+        folders: [
+          {
+            docs: [{ _id: 'doc-2' }],
+            fileRefs: [],
+            folders: [
+              {
+                docs: [
+                  { _id: 'doc-3' },
+                  { _id: 'doc-4' },
+                  { _id: 'doc-5' },
+                  { _id: 'doc-6' },
+                  { _id: 'doc-7' },
+                ],
+                fileRefs: [],
+                folders: [],
+              },
+            ],
+          },
+        ],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders rootFolder={rootFolder as any}>
+        <FileTreeProvider>
+          <OpenWithMode mode="doc" />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByText(/This project is approaching the file limit \(\d+\/\d+\)/)
+  })
+
+  it('counts folders toward the limit', function () {
+    getMeta('ol-ExposedSettings').maxEntitiesPerProject = 10
+
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [{ _id: 'doc-1' }],
+        fileRefs: [],
+        folders: [
+          { docs: [], fileRefs: [], folders: [] },
+          { docs: [], fileRefs: [], folders: [] },
+          { docs: [], fileRefs: [], folders: [] },
+          { docs: [], fileRefs: [], folders: [] },
+          { docs: [], fileRefs: [], folders: [] },
+          { docs: [], fileRefs: [], folders: [] },
+          { docs: [], fileRefs: [], folders: [] },
+          { docs: [], fileRefs: [], folders: [] },
+        ],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders rootFolder={rootFolder as any}>
+        <FileTreeProvider>
+          <OpenWithMode mode="doc" />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByText(/This project is approaching the file limit \(\d+\/\d+\)/)
+  })
+
+  it('creates a new file when the form is submitted', function () {
+    cy.intercept('post', '/project/*/doc', {
+      statusCode: 204,
+    }).as('createDoc')
+
+    cy.mount(
+      <EditorProviders>
+        <FileTreeProvider>
+          <OpenWithMode mode="doc" />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByLabelText('File Name').type('test')
+    cy.findByRole('button', { name: 'Create' }).click()
+
+    cy.wait('@createDoc')
+
+    cy.get('@createDoc').its('request.body').should('deep.equal', {
+      parent_folder_id: 'root-folder-id',
+      name: 'test.tex',
+    })
+  })
+
+  it('imports a new file from a project', function () {
+    getMeta('ol-ExposedSettings').hasLinkedProjectFileFeature = true
+    getMeta('ol-ExposedSettings').hasLinkedProjectOutputFileFeature = true
+
+    cy.intercept('/user/projects', {
+      body: {
+        projects: [
+          {
+            _id: 'test-project',
+            name: 'This Project',
+          },
+          {
+            _id: 'project-1',
+            name: 'Project One',
+          },
+          {
+            _id: 'project-2',
+            name: 'Project Two',
+          },
+        ],
+      },
+    })
+
+    cy.intercept('/project/*/entities', {
+      body: {
+        entities: [
+          {
+            path: '/foo.tex',
+          },
+          {
+            path: '/bar.tex',
+          },
+        ],
+      },
+    })
+
+    cy.intercept('post', '/project/*/compile', {
+      body: {
+        status: 'success',
+        outputFiles: [
+          {
+            build: 'test',
+            path: 'baz.jpg',
+          },
+          {
+            build: 'test',
+            path: 'ball.jpg',
+          },
+        ],
+      },
+    })
+
+    cy.intercept('post', '/project/*/linked_file', {
+      statusCode: 204,
+    }).as('createLinkedFile')
+
+    cy.mount(
+      <EditorProviders>
+        <FileTreeProvider>
+          <OpenWithMode mode="project" />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    // initial state, no project selected
+    cy.findByLabelText('Select a Project').should('not.be.disabled')
+
+    // the submit button should be disabled
+    cy.findByRole('button', { name: 'Create' }).should('be.disabled')
+
+    // the source file selector should be disabled
+    cy.findByLabelText('Select a File').should('be.disabled')
+    cy.findByLabelText('Select an Output File').should('not.exist')
+    // TODO: check for options length, excluding current project
+
+    // select a project
+    cy.findByLabelText('Select a Project').select('project-2')
+
+    // wait for the source file selector to be enabled
+    cy.findByLabelText('Select a File').should('not.be.disabled')
+    cy.findByLabelText('Select an Output File').should('not.exist')
+    cy.findByRole('button', { name: 'Create' }).should('be.disabled')
+
+    // TODO: check for fileInput options length, excluding current project
+
+    // click on the button to toggle between source and output files
+    cy.findByRole('button', {
+      // NOTE: When changing the label, update the other tests with this label as well.
+      name: 'select from output files',
+    }).click()
+
+    // wait for the output file selector to be enabled
+    cy.findByLabelText('Select an Output File').should('not.be.disabled')
+    cy.findByLabelText('Select a File').should('not.exist')
+    cy.findByRole('button', { name: 'Create' }).should('be.disabled')
+
+    // TODO: check for entityInput options length, excluding current project
+    cy.findByLabelText('Select an Output File').select('ball.jpg')
+    cy.findByRole('button', { name: 'Create' }).should('not.be.disabled')
+    cy.findByRole('button', { name: 'Create' }).click()
+
+    cy.get('@createLinkedFile')
+      .its('request.body')
+      .should('deep.equal', {
+        name: 'ball.jpg',
+        provider: 'project_output_file',
+        parent_folder_id: 'root-folder-id',
+        data: {
+          source_project_id: 'project-2',
+          source_output_file_path: 'ball.jpg',
+          build_id: 'test',
+        },
+      })
+  })
+
+  describe('when the output files feature is not available', function () {
+    beforeEach(function () {
+      getMeta('ol-ExposedSettings').hasLinkedProjectFileFeature = true
+      getMeta('ol-ExposedSettings').hasLinkedProjectOutputFileFeature = false
+    })
+
+    it('should not show the import from output file mode', function () {
+      cy.intercept('/user/projects', {
+        body: {
+          projects: [
+            {
+              _id: 'test-project',
+              name: 'This Project',
+            },
+            {
+              _id: 'project-1',
+              name: 'Project One',
+            },
+            {
+              _id: 'project-2',
+              name: 'Project Two',
+            },
+          ],
+        },
+      })
+
+      cy.mount(
+        <EditorProviders>
+          <FileTreeProvider>
+            <OpenWithMode mode="project" />
+          </FileTreeProvider>
+        </EditorProviders>
+      )
+
+      cy.findByLabelText('Select a File')
+
+      cy.findByRole('button', {
+        name: 'select from output files',
+      }).should('not.exist')
+    })
+  })
+
+  it('import from a URL when the form is submitted', function () {
+    cy.intercept('/project/*/linked_file', {
+      statusCode: 204,
+    }).as('createLinkedFile')
+
+    cy.mount(
+      <EditorProviders>
+        <FileTreeProvider>
+          <OpenWithMode mode="url" />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByLabelText('URL to fetch the file from').type(
+      'https://example.com/example.tex'
+    )
+    cy.findByLabelText('File Name In This Project').should(
+      'have.value',
+      'example.tex'
+    )
+
+    // check that the name can still be edited manually
+    cy.findByLabelText('File Name In This Project').clear()
+    cy.findByLabelText('File Name In This Project').type('test.tex')
+    cy.findByLabelText('File Name In This Project').should(
+      'have.value',
+      'test.tex'
+    )
+
+    cy.findByRole('button', { name: 'Create' }).click()
+
+    cy.get('@createLinkedFile')
+      .its('request.body')
+      .should('deep.equal', {
+        name: 'test.tex',
+        provider: 'url',
+        parent_folder_id: 'root-folder-id',
+        data: { url: 'https://example.com/example.tex' },
+      })
+  })
+
+  it('uploads a dropped file', function () {
+    cy.intercept('post', '/project/*/upload?folder_id=root-folder-id', {
+      statusCode: 204,
+    }).as('uploadFile')
+
+    cy.mount(
+      <EditorProviders>
+        <FileTreeProvider>
+          <OpenWithMode mode="upload" />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    // the submit button should not be present
+    cy.findByRole('button', { name: 'Create' }).should('not.exist')
+
+    cy.get('input[type=file]')
+      .eq(0)
+      .selectFile(
+        {
+          contents: Cypress.Buffer.from('test'),
+          fileName: 'test.tex',
+          mimeType: 'text/plain',
+          lastModified: Date.now(),
+        },
+        {
+          action: 'drag-drop',
+          force: true, // invisible element
+        }
+      )
+
+    cy.wait('@uploadFile')
+  })
+
+  it('uploads a pasted file', function () {
+    cy.intercept('post', '/project/*/upload?folder_id=root-folder-id', {
+      statusCode: 204,
+    }).as('uploadFile')
+
+    cy.mount(
+      <EditorProviders>
+        <FileTreeProvider>
+          <OpenWithMode mode="upload" />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    // the submit button should not be present
+    cy.findByRole('button', { name: 'Create' }).should('not.exist')
+
+    cy.wrap(null).then(() => {
+      const clipboardData = new DataTransfer()
+      clipboardData.items.add(
+        new File(['test'], 'test.tex', { type: 'text/plain' })
+      )
+      cy.findByLabelText('Uppy Dashboard').trigger('paste', { clipboardData })
+    })
+
+    cy.wait('@uploadFile')
+  })
+
+  it('displays upload errors', function () {
+    cy.intercept('post', '/project/*/upload?folder_id=root-folder-id', {
+      statusCode: 422,
+      body: { success: false, error: 'invalid_filename' },
+    }).as('uploadFile')
+
+    cy.mount(
+      <EditorProviders>
+        <FileTreeProvider>
+          <OpenWithMode mode="upload" />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    // the submit button should not be present
+    cy.findByRole('button', { name: 'Create' }).should('not.exist')
+
+    cy.wrap(null).then(() => {
+      const clipboardData = new DataTransfer()
+      clipboardData.items.add(
+        new File(['test'], 'tes!t.tex', { type: 'text/plain' })
+      )
+      cy.findByLabelText('Uppy Dashboard').trigger('paste', { clipboardData })
+    })
+
+    cy.wait('@uploadFile')
+
+    cy.findByText(
+      `Upload failed: check that the file name doesn’t contain special characters, trailing/leading whitespace or more than 150 characters`
+    )
+  })
+})
+
+function OpenWithMode({ mode }: { mode: string }) {
+  const { newFileCreateMode, startCreatingFile } = useFileTreeActionable()
+
+  const { fileCount } = useFileTreeData()
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(() => startCreatingFile(mode), [])
+
+  if (!fileCount || !newFileCreateMode) {
+    return null
+  }
+
+  return <FileTreeModalCreateFile />
+}
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-doc.spec.tsx b/services/web/test/frontend/features/file-tree/components/file-tree-doc.spec.tsx
new file mode 100644
index 0000000..975e02d
--- /dev/null
+++ b/services/web/test/frontend/features/file-tree/components/file-tree-doc.spec.tsx
@@ -0,0 +1,77 @@
+import FileTreeDoc from '../../../../../frontend/js/features/file-tree/components/file-tree-doc'
+import { EditorProviders } from '../../../helpers/editor-providers'
+import { FileTreeProvider } from '../helpers/file-tree-provider'
+
+describe('<FileTreeDoc/>', function () {
+  it('renders unselected', function () {
+    cy.mount(
+      <EditorProviders>
+        <FileTreeProvider>
+          <FileTreeDoc name="foo.tex" id="123abc" />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByRole('treeitem', { selected: false })
+    cy.get('.linked-file-highlight').should('not.exist')
+  })
+
+  it('renders selected', function () {
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [{ _id: '123abc' }],
+        fileRefs: [],
+        folders: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders rootFolder={rootFolder as any}>
+        <FileTreeProvider>
+          <FileTreeDoc name="foo.tex" id="123abc" />,
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByRole('treeitem', { selected: false }).click()
+    cy.findByRole('treeitem', { selected: true })
+  })
+
+  it('renders as linked file', function () {
+    cy.mount(
+      <EditorProviders>
+        <FileTreeProvider>
+          <FileTreeDoc name="foo.tex" id="123abc" isLinkedFile />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByRole('treeitem')
+    cy.get('.linked-file-highlight')
+  })
+
+  it('multi-selects', function () {
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [{ _id: '123abc' }],
+        fileRefs: [],
+        folders: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders rootFolder={rootFolder as any}>
+        <FileTreeProvider>
+          <FileTreeDoc name="foo.tex" id="123abc" />,
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByRole('treeitem').click({ ctrlKey: true, cmdKey: true })
+    cy.findByRole('treeitem', { selected: true })
+  })
+})
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-folder-list.spec.tsx b/services/web/test/frontend/features/file-tree/components/file-tree-folder-list.spec.tsx
new file mode 100644
index 0000000..0eb5b74
--- /dev/null
+++ b/services/web/test/frontend/features/file-tree/components/file-tree-folder-list.spec.tsx
@@ -0,0 +1,197 @@
+import FileTreeFolderList from '../../../../../frontend/js/features/file-tree/components/file-tree-folder-list'
+import { EditorProviders } from '../../../helpers/editor-providers'
+import { FileTreeProvider } from '../helpers/file-tree-provider'
+
+describe('<FileTreeFolderList/>', function () {
+  it('renders empty', function () {
+    cy.mount(
+      <EditorProviders>
+        <FileTreeProvider>
+          <FileTreeFolderList folders={[]} docs={[]} files={[]} />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByRole('tree')
+    cy.findByRole('treeitem').should('not.exist')
+  })
+
+  it('renders docs, files and folders', function () {
+    cy.mount(
+      <EditorProviders>
+        <FileTreeProvider>
+          <FileTreeFolderList
+            folders={[
+              {
+                _id: '456def',
+                name: 'A Folder',
+                folders: [],
+                docs: [],
+                fileRefs: [],
+              },
+            ]}
+            docs={[{ _id: '789ghi', name: 'doc.tex' }]}
+            files={[
+              {
+                _id: '987jkl',
+                name: 'file.bib',
+                hash: 'some hash',
+                linkedFileData: {},
+              },
+            ]}
+          />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByRole('tree')
+    cy.findByRole('treeitem', { name: 'A Folder' })
+    cy.findByRole('treeitem', { name: 'doc.tex' })
+    cy.findByRole('treeitem', { name: 'file.bib' })
+  })
+
+  describe('selection and multi-selection', function () {
+    it('without write permissions', function () {
+      const rootFolder = [
+        {
+          _id: 'root-folder-id',
+          name: 'rootFolder',
+          docs: [{ _id: '1' }, { _id: '2' }],
+          fileRefs: [],
+          folders: [],
+        },
+      ]
+
+      cy.mount(
+        <EditorProviders
+          rootFolder={rootFolder as any}
+          permissionsLevel="readOnly"
+        >
+          <FileTreeProvider>
+            <FileTreeFolderList
+              folders={[]}
+              docs={[
+                { _id: '1', name: '1.tex' },
+                { _id: '2', name: '2.tex' },
+              ]}
+              files={[]}
+            />
+          </FileTreeProvider>
+        </EditorProviders>
+      )
+
+      // click on item 1: it gets selected
+      cy.findByRole('treeitem', { name: '1.tex' }).click()
+      cy.findByRole('treeitem', { name: '1.tex', selected: true })
+      cy.findByRole('treeitem', { name: '2.tex', selected: false })
+
+      // meta-click on item 2: no changes
+      cy.findByRole('treeitem', { name: '2.tex' }).click({
+        ctrlKey: true,
+        cmdKey: true,
+      })
+      cy.findByRole('treeitem', { name: '1.tex', selected: true })
+      cy.findByRole('treeitem', { name: '2.tex', selected: false })
+    })
+
+    it('with write permissions', function () {
+      const rootFolder = [
+        {
+          _id: 'root-folder-id',
+          name: 'rootFolder',
+          docs: [{ _id: '1' }, { _id: '2' }, { _id: '3' }],
+          fileRefs: [],
+          folders: [],
+        },
+      ]
+
+      cy.mount(
+        <EditorProviders rootFolder={rootFolder as any}>
+          <FileTreeProvider>
+            <FileTreeFolderList
+              folders={[]}
+              docs={[
+                { _id: '1', name: '1.tex' },
+                { _id: '2', name: '2.tex' },
+                { _id: '3', name: '3.tex' },
+              ]}
+              files={[]}
+            />
+          </FileTreeProvider>
+        </EditorProviders>
+      )
+
+      // click item 1: it gets selected
+      cy.findByRole('treeitem', { name: '1.tex' }).click()
+      cy.findByRole('treeitem', { name: '1.tex', selected: true })
+      cy.findByRole('treeitem', { name: '2.tex', selected: false })
+      cy.findByRole('treeitem', { name: '3.tex', selected: false })
+
+      // click on item 2: it gets selected and item 1 is not selected anymore
+      cy.findByRole('treeitem', { name: '2.tex' }).click()
+      cy.findByRole('treeitem', { name: '1.tex', selected: false })
+      cy.findByRole('treeitem', { name: '2.tex', selected: true })
+      cy.findByRole('treeitem', { name: '3.tex', selected: false })
+
+      // meta-click on item 3: it gets selected and item 2 as well
+      cy.findByRole('treeitem', { name: '3.tex' }).click({
+        ctrlKey: true,
+        cmdKey: true,
+      })
+      cy.findByRole('treeitem', { name: '1.tex', selected: false })
+      cy.findByRole('treeitem', { name: '2.tex', selected: true })
+      cy.findByRole('treeitem', { name: '3.tex', selected: true })
+
+      // meta-click on item 1: add to selection
+      cy.findByRole('treeitem', { name: '1.tex' }).click({
+        ctrlKey: true,
+        cmdKey: true,
+      })
+      cy.findByRole('treeitem', { name: '1.tex', selected: true })
+      cy.findByRole('treeitem', { name: '2.tex', selected: true })
+      cy.findByRole('treeitem', { name: '3.tex', selected: true })
+
+      // meta-click on item 1: remove from selection
+      cy.findByRole('treeitem', { name: '1.tex' }).click({
+        ctrlKey: true,
+        cmdKey: true,
+      })
+      cy.findByRole('treeitem', { name: '1.tex', selected: false })
+      cy.findByRole('treeitem', { name: '2.tex', selected: true })
+      cy.findByRole('treeitem', { name: '3.tex', selected: true })
+
+      // meta-click on item 3: remove from selection
+      cy.findByRole('treeitem', { name: '3.tex' }).click({
+        ctrlKey: true,
+        cmdKey: true,
+      })
+      cy.findByRole('treeitem', { name: '1.tex', selected: false })
+      cy.findByRole('treeitem', { name: '2.tex', selected: true })
+      cy.findByRole('treeitem', { name: '3.tex', selected: false })
+
+      // meta-click on item 2: cannot unselect
+      cy.findByRole('treeitem', { name: '2.tex' }).click({
+        ctrlKey: true,
+        cmdKey: true,
+      })
+      cy.findByRole('treeitem', { name: '1.tex', selected: false })
+      cy.findByRole('treeitem', { name: '2.tex', selected: true })
+      cy.findByRole('treeitem', { name: '3.tex', selected: false })
+
+      // meta-click on item 3: add back to selection
+      cy.findByRole('treeitem', { name: '3.tex' }).click({
+        ctrlKey: true,
+        cmdKey: true,
+      })
+      cy.findByRole('treeitem', { name: '1.tex', selected: false })
+      cy.findByRole('treeitem', { name: '2.tex', selected: true })
+      cy.findByRole('treeitem', { name: '3.tex', selected: true })
+
+      // click on item 3: unselect other items
+      cy.findByRole('treeitem', { name: '3.tex' }).click()
+      cy.findByRole('treeitem', { name: '1.tex', selected: false })
+      cy.findByRole('treeitem', { name: '2.tex', selected: false })
+      cy.findByRole('treeitem', { name: '3.tex', selected: true })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-folder.spec.tsx b/services/web/test/frontend/features/file-tree/components/file-tree-folder.spec.tsx
new file mode 100644
index 0000000..24dc139
--- /dev/null
+++ b/services/web/test/frontend/features/file-tree/components/file-tree-folder.spec.tsx
@@ -0,0 +1,134 @@
+import FileTreeFolder from '../../../../../frontend/js/features/file-tree/components/file-tree-folder'
+import { EditorProviders } from '../../../helpers/editor-providers'
+import { FileTreeProvider } from '../helpers/file-tree-provider'
+import { getContainerEl } from 'cypress/react'
+import ReactDom from 'react-dom'
+
+describe('<FileTreeFolder/>', function () {
+  it('renders unselected', function () {
+    cy.mount(
+      <EditorProviders>
+        <FileTreeProvider>
+          <FileTreeFolder
+            name="foo"
+            id="123abc"
+            folders={[]}
+            docs={[]}
+            files={[]}
+          />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByRole('treeitem', { selected: false })
+    cy.findByRole('tree').should('not.exist')
+  })
+
+  it('renders selected', function () {
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [{ _id: '123abc' }],
+        fileRefs: [],
+        folders: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders rootFolder={rootFolder as any}>
+        <FileTreeProvider>
+          <FileTreeFolder
+            name="foo"
+            id="123abc"
+            folders={[]}
+            docs={[]}
+            files={[]}
+          />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByRole('treeitem', { selected: false }).click()
+    cy.findByRole('treeitem', { selected: true })
+    cy.findByRole('tree').should('not.exist')
+  })
+
+  it('expands', function () {
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [{ _id: '123abc' }],
+        fileRefs: [],
+        folders: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders rootFolder={rootFolder as any}>
+        <FileTreeProvider>
+          <FileTreeFolder
+            name="foo"
+            id="123abc"
+            folders={[]}
+            docs={[]}
+            files={[]}
+          />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByRole('treeitem')
+    cy.findByRole('button', { name: 'Expand' }).click()
+    cy.findByRole('tree')
+  })
+
+  it('saves the expanded state for the next render', function () {
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [{ _id: '123abc' }],
+        fileRefs: [],
+        folders: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders rootFolder={rootFolder as any}>
+        <FileTreeProvider>
+          <FileTreeFolder
+            name="foo"
+            id="123abc"
+            folders={[]}
+            docs={[]}
+            files={[]}
+          />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByRole('tree').should('not.exist')
+    cy.findByRole('button', { name: 'Expand' }).click()
+    cy.findByRole('tree')
+
+    cy.then(() => ReactDom.unmountComponentAtNode(getContainerEl()))
+
+    cy.mount(
+      <EditorProviders>
+        <FileTreeProvider>
+          <FileTreeFolder
+            name="foo"
+            id="123abc"
+            folders={[]}
+            docs={[]}
+            files={[]}
+          />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByRole('tree')
+  })
+})
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-item/file-tree-item-inner.spec.tsx b/services/web/test/frontend/features/file-tree/components/file-tree-item/file-tree-item-inner.spec.tsx
new file mode 100644
index 0000000..388cbf9
--- /dev/null
+++ b/services/web/test/frontend/features/file-tree/components/file-tree-item/file-tree-item-inner.spec.tsx
@@ -0,0 +1,124 @@
+import FileTreeitemInner from '../../../../../../frontend/js/features/file-tree/components/file-tree-item/file-tree-item-inner'
+import FileTreeContextMenu from '../../../../../../frontend/js/features/file-tree/components/file-tree-context-menu'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+import { FileTreeProvider } from '../../helpers/file-tree-provider'
+
+describe('<FileTreeitemInner />', function () {
+  describe('menu', function () {
+    it('does not display if file is not selected', function () {
+      cy.mount(
+        <EditorProviders>
+          <FileTreeProvider>
+            <FileTreeitemInner
+              id="123abc"
+              name="bar.tex"
+              isSelected={false}
+              type="doc"
+            />
+            ,
+          </FileTreeProvider>
+        </EditorProviders>
+      )
+
+      cy.findByRole('menu', { hidden: true }).should('not.exist')
+    })
+  })
+
+  describe('context menu', function () {
+    it('does not display without write permissions', function () {
+      cy.mount(
+        <EditorProviders permissionsLevel="readOnly">
+          <FileTreeProvider>
+            <FileTreeitemInner
+              id="123abc"
+              name="bar.tex"
+              isSelected
+              type="doc"
+            />
+            <FileTreeContextMenu />
+          </FileTreeProvider>
+        </EditorProviders>
+      )
+
+      cy.get('div.entity').trigger('contextmenu')
+      cy.findByRole('menu', { hidden: true }).should('not.exist')
+    })
+
+    it('open / close', function () {
+      cy.mount(
+        <EditorProviders>
+          <FileTreeProvider>
+            <FileTreeitemInner
+              id="123abc"
+              name="bar.tex"
+              isSelected
+              type="doc"
+            />
+            <FileTreeContextMenu />
+          </FileTreeProvider>
+        </EditorProviders>
+      )
+
+      cy.findByRole('menu', { hidden: true }).should('not.exist')
+
+      // open the context menu
+      cy.get('div.entity').trigger('contextmenu')
+      cy.findByRole('menu')
+
+      // close the context menu
+      cy.get('div.entity').click()
+      cy.findByRole('menu').should('not.exist')
+    })
+  })
+
+  describe('name', function () {
+    it('renders name', function () {
+      cy.mount(
+        <EditorProviders>
+          <FileTreeProvider>
+            <FileTreeitemInner
+              id="123abc"
+              name="bar.tex"
+              isSelected
+              type="doc"
+            />
+          </FileTreeProvider>
+        </EditorProviders>
+      )
+
+      cy.findByRole('button', { name: 'bar.tex' })
+      cy.findByRole('textbox').should('not.exist')
+    })
+
+    it('starts rename on menu item click', function () {
+      const rootFolder = [
+        {
+          _id: 'root-folder-id',
+          name: 'rootFolder',
+          docs: [{ _id: '123abc', name: 'bar.tex' }],
+          folders: [],
+          fileRefs: [],
+        },
+      ]
+
+      cy.mount(
+        <EditorProviders rootDocId="123abc" rootFolder={rootFolder as any}>
+          <FileTreeProvider>
+            <FileTreeitemInner
+              id="123abc"
+              name="bar.tex"
+              isSelected
+              type="doc"
+            />
+            <FileTreeContextMenu />
+          </FileTreeProvider>
+        </EditorProviders>
+      )
+
+      cy.findByRole('button', { name: 'Open bar.tex action menu' }).click()
+      cy.findByRole('menuitem', { name: 'Rename' }).click()
+      cy.findByRole('button', { name: 'bar.tex' }).should('not.exist')
+      cy.findByRole('textbox')
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-item/file-tree-item-name.spec.tsx b/services/web/test/frontend/features/file-tree/components/file-tree-item/file-tree-item-name.spec.tsx
new file mode 100644
index 0000000..c699e07
--- /dev/null
+++ b/services/web/test/frontend/features/file-tree/components/file-tree-item/file-tree-item-name.spec.tsx
@@ -0,0 +1,108 @@
+import FileTreeItemName from '../../../../../../frontend/js/features/file-tree/components/file-tree-item/file-tree-item-name'
+import { EditorProviders } from '../../../../helpers/editor-providers'
+import { FileTreeProvider } from '../../helpers/file-tree-provider'
+
+describe('<FileTreeItemName />', function () {
+  it('renders name as button', function () {
+    cy.mount(
+      <EditorProviders>
+        <FileTreeProvider>
+          <FileTreeItemName
+            name="foo.tex"
+            isSelected
+            setIsDraggable={cy.stub()}
+          />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByRole('button', { name: 'foo.tex' })
+    cy.findByRole('textbox').should('not.exist')
+  })
+
+  it("doesn't start renaming on unselected component", function () {
+    cy.mount(
+      <EditorProviders>
+        <FileTreeProvider>
+          <FileTreeItemName
+            name="foo.tex"
+            isSelected={false}
+            setIsDraggable={cy.stub()}
+          />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByRole('button').click()
+    cy.findByRole('button').click()
+    cy.findByRole('button').dblclick()
+    cy.findByRole('textbox').should('not.exist')
+  })
+
+  it('start renaming on double-click', function () {
+    cy.mount(
+      <EditorProviders>
+        <FileTreeProvider>
+          <FileTreeItemName
+            name="foo.tex"
+            isSelected
+            setIsDraggable={cy.stub().as('setIsDraggable')}
+          />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByRole('button').click()
+    cy.findByRole('button').click()
+    cy.findByRole('button').dblclick()
+    cy.findByRole('textbox')
+    cy.findByRole('button').should('not.exist')
+    cy.get('@setIsDraggable').should('have.been.calledWith', false)
+  })
+
+  it('cannot start renaming in read-only', function () {
+    cy.mount(
+      <EditorProviders permissionsLevel="readOnly">
+        <FileTreeProvider>
+          <FileTreeItemName
+            name="foo.tex"
+            isSelected
+            setIsDraggable={cy.stub()}
+          />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findByRole('button').click()
+    cy.findByRole('button').click()
+    cy.findByRole('button').dblclick()
+
+    cy.findByRole('textbox').should('not.exist')
+  })
+
+  describe('stop renaming', function () {
+    it('on Escape', function () {
+      cy.mount(
+        <EditorProviders>
+          <FileTreeProvider>
+            <FileTreeItemName
+              name="foo.tex"
+              isSelected
+              setIsDraggable={cy.stub().as('setIsDraggable')}
+            />
+          </FileTreeProvider>
+        </EditorProviders>
+      )
+
+      cy.findByRole('button').click()
+      cy.findByRole('button').click()
+      cy.findByRole('button').dblclick()
+
+      cy.findByRole('textbox').clear()
+      cy.findByRole('textbox').type('bar.tex{esc}')
+
+      cy.findByRole('button', { name: 'foo.tex' })
+      cy.get('@setIsDraggable').should('have.been.calledWith', true)
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-root.spec.tsx b/services/web/test/frontend/features/file-tree/components/file-tree-root.spec.tsx
new file mode 100644
index 0000000..6e56b1b
--- /dev/null
+++ b/services/web/test/frontend/features/file-tree/components/file-tree-root.spec.tsx
@@ -0,0 +1,354 @@
+import FileTreeRoot from '../../../../../frontend/js/features/file-tree/components/file-tree-root'
+import { EditorProviders } from '../../../helpers/editor-providers'
+import { SocketIOMock } from '@/ide/connection/SocketIoShim'
+
+describe('<FileTreeRoot/>', function () {
+  beforeEach(function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-user', { id: 'user1' })
+    })
+  })
+
+  it('renders', function () {
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [{ _id: '456def', name: 'main.tex' }],
+        folders: [],
+        fileRefs: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders
+        rootFolder={rootFolder as any}
+        projectId="123abc"
+        rootDocId="456def"
+        features={{} as any}
+        permissionsLevel="owner"
+      >
+        <FileTreeRoot
+          refProviders={{}}
+          setRefProviderEnabled={cy.stub()}
+          setStartedFreeTrial={cy.stub()}
+          onSelect={cy.stub()}
+          onInit={cy.stub()}
+          isConnected
+        />
+      </EditorProviders>
+    )
+
+    cy.findByRole('tree')
+    cy.findByRole('treeitem')
+    cy.findByRole('treeitem', { name: 'main.tex', selected: true })
+    cy.get('.disconnected-overlay').should('not.exist')
+  })
+
+  it('renders with invalid selected doc in local storage', function () {
+    global.localStorage.setItem(
+      'doc.open_id.123abc',
+      JSON.stringify('not-a-valid-id')
+    )
+
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [{ _id: '456def', name: 'main.tex' }],
+        folders: [],
+        fileRefs: [],
+      },
+    ]
+
+    cy.mount(
+      <div style={{ width: 400 }}>
+        <EditorProviders
+          rootFolder={rootFolder as any}
+          projectId="123abc"
+          rootDocId="456def"
+          features={{} as any}
+          permissionsLevel="owner"
+        >
+          <FileTreeRoot
+            refProviders={{}}
+            setRefProviderEnabled={cy.stub()}
+            setStartedFreeTrial={cy.stub()}
+            onSelect={cy.stub()}
+            onInit={cy.stub()}
+            isConnected
+          />
+        </EditorProviders>
+      </div>
+    )
+
+    // as a proxy to check that the invalid entity has not been select we start
+    // a delete and ensure the modal is displayed (the cancel button can be
+    // selected) This is needed to make sure the test fail.
+    cy.findByRole('treeitem', { name: 'main.tex' }).click({
+      ctrlKey: true,
+      cmdKey: true,
+    })
+    cy.findByRole('button', { name: 'Open main.tex action menu' }).click()
+    cy.findByRole('menuitem', { name: 'Delete' }).click()
+    cy.findByRole('button', { name: 'Cancel' })
+  })
+
+  it('renders disconnected overlay', function () {
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [{ _id: '456def', name: 'main.tex' }],
+        folders: [],
+        fileRefs: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders
+        rootFolder={rootFolder as any}
+        projectId="123abc"
+        rootDocId="456def"
+        features={{} as any}
+        permissionsLevel="owner"
+      >
+        <FileTreeRoot
+          refProviders={{}}
+          setRefProviderEnabled={cy.stub()}
+          setStartedFreeTrial={cy.stub()}
+          onSelect={cy.stub()}
+          onInit={cy.stub()}
+          isConnected={false}
+        />
+      </EditorProviders>
+    )
+
+    cy.get('.disconnected-overlay')
+  })
+
+  it('fire onSelect', function () {
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [
+          { _id: '456def', name: 'main.tex' },
+          { _id: '789ghi', name: 'other.tex' },
+        ],
+        folders: [],
+        fileRefs: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders
+        rootFolder={rootFolder as any}
+        projectId="123abc"
+        rootDocId="456def"
+        features={{} as any}
+        permissionsLevel="readOnly"
+      >
+        <FileTreeRoot
+          refProviders={{}}
+          setRefProviderEnabled={cy.stub()}
+          setStartedFreeTrial={cy.stub()}
+          onSelect={cy.stub().as('onSelect')}
+          onInit={cy.stub()}
+          isConnected
+        />
+      </EditorProviders>
+    )
+
+    cy.get('@onSelect').should('have.been.calledOnceWith', [
+      Cypress.sinon.match({
+        entity: Cypress.sinon.match({ _id: '456def', name: 'main.tex' }),
+      }),
+    ])
+    cy.findByRole('tree')
+    cy.findByRole('treeitem', { name: 'other.tex' }).click()
+    cy.get('@onSelect').should('have.been.calledWith', [
+      Cypress.sinon.match({
+        entity: Cypress.sinon.match({ _id: '789ghi', name: 'other.tex' }),
+      }),
+    ])
+  })
+
+  it('only shows a menu button when a single item is selected', function () {
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [
+          { _id: '456def', name: 'main.tex' },
+          { _id: '789ghi', name: 'other.tex' },
+        ],
+        folders: [],
+        fileRefs: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders
+        rootFolder={rootFolder as any}
+        projectId="123abc"
+        rootDocId="456def"
+        features={{} as any}
+        permissionsLevel="owner"
+      >
+        <FileTreeRoot
+          refProviders={{}}
+          setRefProviderEnabled={cy.stub()}
+          setStartedFreeTrial={cy.stub()}
+          onSelect={cy.stub()}
+          onInit={cy.stub()}
+          isConnected
+        />
+      </EditorProviders>
+    )
+
+    cy.findByRole('treeitem', { name: 'main.tex', selected: true })
+    cy.findByRole('treeitem', { name: 'other.tex', selected: false })
+
+    // single item selected: menu button is visible
+    cy.findAllByRole('button', { name: 'Open main.tex action menu' }).should(
+      'have.length',
+      1
+    )
+
+    // select the other item
+    cy.findByRole('treeitem', { name: 'other.tex' }).click()
+
+    cy.findByRole('treeitem', { name: 'main.tex', selected: false })
+    cy.findByRole('treeitem', { name: 'other.tex', selected: true })
+
+    // single item selected: menu button is visible
+    cy.findAllByRole('button', { name: 'Open other.tex action menu' }).should(
+      'have.length',
+      1
+    )
+
+    // multi-select the main item
+    cy.findByRole('treeitem', { name: 'main.tex' }).click({
+      ctrlKey: true,
+      cmdKey: true,
+    })
+
+    cy.findByRole('treeitem', { name: 'main.tex', selected: true })
+    cy.findByRole('treeitem', { name: 'other.tex', selected: true })
+
+    // multiple items selected: no menu button is visible
+    cy.findAllByRole('button', { name: 'Open main.tex action menu' }).should(
+      'have.length',
+      0
+    )
+  })
+
+  describe('when deselecting files', function () {
+    let socket: SocketIOMock
+    beforeEach(function () {
+      socket = new SocketIOMock()
+      const rootFolder = [
+        {
+          _id: 'root-folder-id',
+          name: 'rootFolder',
+          docs: [{ _id: '123abc', name: 'main.tex' }],
+          folders: [
+            {
+              _id: '789ghi',
+              name: 'thefolder',
+              docs: [{ _id: '456def', name: 'sub.tex' }],
+              fileRefs: [],
+              folders: [],
+            },
+          ],
+          fileRefs: [],
+        },
+      ]
+
+      cy.mount(
+        <EditorProviders
+          rootFolder={rootFolder as any}
+          projectId="123abc"
+          rootDocId="456def"
+          features={{} as any}
+          permissionsLevel="owner"
+          socket={socket}
+        >
+          <FileTreeRoot
+            refProviders={{}}
+            setRefProviderEnabled={cy.stub()}
+            setStartedFreeTrial={cy.stub()}
+            onSelect={cy.stub()}
+            onInit={cy.stub()}
+            isConnected
+          />
+        </EditorProviders>
+      )
+
+      // select the sub file
+      cy.findByRole('treeitem', { name: 'sub.tex' }).click()
+      cy.findByRole('treeitem', { name: 'sub.tex' }).should(
+        'have.attr',
+        'aria-selected',
+        'true'
+      )
+
+      // click on empty area (after giving it extra height below the tree)
+      cy.findByTestId('file-tree-inner')
+        .invoke('attr', 'style', 'height: 400px')
+        .click()
+    })
+
+    it('removes the selected indicator', function () {
+      cy.findByRole('treeitem', { selected: true }).should('not.exist')
+    })
+
+    it('disables the "rename" and "delete" buttons', function () {
+      cy.findByRole('button', { name: 'Rename' }).should('not.exist')
+      cy.findByRole('button', { name: 'Delete' }).should('not.exist')
+    })
+
+    it('creates new file in the root folder', function () {
+      cy.intercept('project/*/doc', { statusCode: 200 })
+
+      cy.findByRole('button', { name: /new file/i }).click()
+      cy.findByRole('button', { name: /create/i }).click()
+
+      cy.then(() => {
+        socket.emitToClient('reciveNewDoc', 'root-folder-id', {
+          _id: '12345',
+          name: 'abcdef.tex',
+          docs: [],
+          fileRefs: [],
+          folders: [],
+        })
+      })
+
+      cy.findByRole('treeitem', { name: 'abcdef.tex' }).then($itemEl => {
+        cy.findByTestId('file-tree-list-root').then($rootEl => {
+          expect($itemEl.get(0).parentNode?.parentNode).to.equal($rootEl.get(0))
+        })
+      })
+    })
+
+    it('starts a new selection', function () {
+      cy.findByRole('treeitem', { name: 'sub.tex' }).should(
+        'have.attr',
+        'aria-selected',
+        'false'
+      )
+
+      cy.findByRole('treeitem', { name: 'main.tex' }).click({
+        ctrlKey: true,
+        cmdKey: true,
+      })
+
+      cy.findByRole('treeitem', { name: 'main.tex' }).should(
+        'have.attr',
+        'aria-selected',
+        'true'
+      )
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/file-tree/components/file-tree-toolbar.spec.tsx b/services/web/test/frontend/features/file-tree/components/file-tree-toolbar.spec.tsx
new file mode 100644
index 0000000..e663541
--- /dev/null
+++ b/services/web/test/frontend/features/file-tree/components/file-tree-toolbar.spec.tsx
@@ -0,0 +1,59 @@
+import FileTreeToolbar from '../../../../../frontend/js/features/file-tree/components/file-tree-toolbar'
+import { EditorProviders } from '../../../helpers/editor-providers'
+import { FileTreeProvider } from '../helpers/file-tree-provider'
+
+describe('<FileTreeToolbar/>', function () {
+  it('without selected files', function () {
+    cy.mount(
+      <EditorProviders rootDocId="">
+        <FileTreeProvider>
+          <FileTreeToolbar />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findAllByRole('button', { name: 'New file' })
+    cy.findAllByRole('button', { name: 'New folder' })
+    cy.findAllByRole('button', { name: 'Upload' })
+    cy.findAllByRole('button', { name: 'Rename' }).should('not.exist')
+    cy.findAllByRole('button', { name: 'Delete' }).should('not.exist')
+  })
+
+  it('read-only', function () {
+    cy.mount(
+      <EditorProviders permissionsLevel="readOnly">
+        <FileTreeProvider>
+          <FileTreeToolbar />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findAllByRole('button').should('not.exist')
+  })
+
+  it('with one selected file', function () {
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [{ _id: '456def', name: 'main.tex' }],
+        folders: [],
+        fileRefs: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders rootDocId="456def" rootFolder={rootFolder as any}>
+        <FileTreeProvider>
+          <FileTreeToolbar />
+        </FileTreeProvider>
+      </EditorProviders>
+    )
+
+    cy.findAllByRole('button', { name: 'New file' })
+    cy.findAllByRole('button', { name: 'New folder' })
+    cy.findAllByRole('button', { name: 'Upload' })
+    cy.findAllByRole('button', { name: 'Rename' })
+    cy.findAllByRole('button', { name: 'Delete' })
+  })
+})
diff --git a/services/web/test/frontend/features/file-tree/flows/context-menu.spec.tsx b/services/web/test/frontend/features/file-tree/flows/context-menu.spec.tsx
new file mode 100644
index 0000000..11eb1a9
--- /dev/null
+++ b/services/web/test/frontend/features/file-tree/flows/context-menu.spec.tsx
@@ -0,0 +1,114 @@
+import FileTreeRoot from '../../../../../frontend/js/features/file-tree/components/file-tree-root'
+import { EditorProviders } from '../../../helpers/editor-providers'
+
+describe('FileTree Context Menu Flow', function () {
+  beforeEach(function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-user', { id: 'user1' })
+    })
+  })
+
+  it('opens on contextMenu event', function () {
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [{ _id: '456def', name: 'main.tex' }],
+        folders: [],
+        fileRefs: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders
+        rootFolder={rootFolder as any}
+        projectId="123abc"
+        rootDocId="456def"
+      >
+        <FileTreeRoot
+          refProviders={{}}
+          setRefProviderEnabled={cy.stub()}
+          setStartedFreeTrial={cy.stub()}
+          onSelect={cy.stub()}
+          onInit={cy.stub()}
+          isConnected
+        />
+      </EditorProviders>
+    )
+
+    cy.findByRole('menu').should('not.exist')
+    cy.findByRole('button', { name: 'main.tex' }).trigger('contextmenu')
+    cy.findByRole('menu')
+  })
+
+  it('closes when a new selection is started', function () {
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [
+          { _id: '456def', name: 'main.tex' },
+          { _id: '456def', name: 'foo.tex' },
+        ],
+        folders: [],
+        fileRefs: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders
+        rootFolder={rootFolder as any}
+        projectId="123abc"
+        rootDocId="456def"
+      >
+        <FileTreeRoot
+          refProviders={{}}
+          setRefProviderEnabled={cy.stub()}
+          setStartedFreeTrial={cy.stub()}
+          onSelect={cy.stub()}
+          onInit={cy.stub()}
+          isConnected
+        />
+      </EditorProviders>
+    )
+
+    cy.findByRole('menu').should('not.exist')
+    cy.findByRole('button', { name: 'main.tex' }).trigger('contextmenu')
+    cy.findByRole('menu')
+    cy.findAllByRole('button', { name: 'foo.tex' }).click()
+    cy.findByRole('menu').should('not.exist')
+  })
+
+  it("doesn't open in read only mode", function () {
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [{ _id: '456def', name: 'main.tex' }],
+        folders: [],
+        fileRefs: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders
+        rootFolder={rootFolder as any}
+        projectId="123abc"
+        rootDocId="456def"
+        permissionsLevel="readOnly"
+      >
+        <FileTreeRoot
+          refProviders={{}}
+          setRefProviderEnabled={cy.stub()}
+          setStartedFreeTrial={cy.stub()}
+          onSelect={cy.stub()}
+          onInit={cy.stub()}
+          isConnected
+        />
+      </EditorProviders>
+    )
+
+    cy.findAllByRole('button', { name: 'main.tex' }).trigger('contextmenu')
+    cy.findByRole('menu').should('not.exist')
+  })
+})
diff --git a/services/web/test/frontend/features/file-tree/flows/create-folder.spec.tsx b/services/web/test/frontend/features/file-tree/flows/create-folder.spec.tsx
new file mode 100644
index 0000000..a7ccca4
--- /dev/null
+++ b/services/web/test/frontend/features/file-tree/flows/create-folder.spec.tsx
@@ -0,0 +1,281 @@
+import FileTreeRoot from '../../../../../frontend/js/features/file-tree/components/file-tree-root'
+import { EditorProviders } from '../../../helpers/editor-providers'
+import { SocketIOMock } from '@/ide/connection/SocketIoShim'
+
+describe('FileTree Create Folder Flow', function () {
+  let socket: SocketIOMock
+  beforeEach(function () {
+    socket = new SocketIOMock()
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-user', { id: 'user1' })
+    })
+  })
+
+  it('add to root when no files are selected', function () {
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [{ _id: '456def', name: 'main.tex' }],
+        folders: [],
+        fileRefs: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders
+        rootFolder={rootFolder as any}
+        projectId="123abc"
+        socket={socket}
+      >
+        <FileTreeRoot
+          refProviders={{}}
+          setRefProviderEnabled={cy.stub()}
+          setStartedFreeTrial={cy.stub()}
+          onSelect={cy.stub()}
+          onInit={cy.stub()}
+          isConnected
+        />
+      </EditorProviders>
+    )
+
+    const name = 'Foo Bar In Root'
+
+    cy.intercept('post', '/project/*/folder', {
+      body: {
+        folders: [],
+        fileRefs: [],
+        docs: [],
+        _id: fakeId(),
+        name,
+      },
+    }).as('createFolder')
+
+    createFolder(name)
+
+    cy.get('@createFolder').its('request.body').should('deep.equal', {
+      parent_folder_id: 'root-folder-id',
+      name,
+    })
+
+    cy.then(() => {
+      socket.emitToClient('reciveNewFolder', 'root-folder-id', {
+        _id: fakeId(),
+        name,
+        docs: [],
+        fileRefs: [],
+        folders: [],
+      })
+    })
+
+    cy.findByRole('treeitem', { name })
+  })
+
+  it('add to folder from folder', function () {
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [],
+        folders: [
+          {
+            _id: '789ghi',
+            name: 'thefolder',
+            docs: [],
+            fileRefs: [],
+            folders: [],
+          },
+        ],
+        fileRefs: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders
+        rootFolder={rootFolder as any}
+        projectId="123abc"
+        rootDocId="789ghi"
+        socket={socket}
+      >
+        <FileTreeRoot
+          refProviders={{}}
+          setRefProviderEnabled={cy.stub()}
+          setStartedFreeTrial={cy.stub()}
+          onSelect={cy.stub()}
+          onInit={cy.stub()}
+          isConnected
+        />
+      </EditorProviders>
+    )
+
+    cy.findByRole('button', { name: 'Expand' }).click()
+
+    const name = 'Foo Bar In thefolder'
+
+    cy.intercept('post', '/project/*/folder', {
+      body: {
+        folders: [],
+        fileRefs: [],
+        docs: [],
+        _id: fakeId(),
+        name,
+      },
+    }).as('createFolder')
+
+    createFolder(name)
+
+    cy.get('@createFolder').its('request.body').should('deep.equal', {
+      parent_folder_id: '789ghi',
+      name,
+    })
+
+    cy.then(() => {
+      socket.emitToClient('reciveNewFolder', '789ghi', {
+        _id: fakeId(),
+        name,
+        docs: [],
+        fileRefs: [],
+        folders: [],
+      })
+    })
+
+    // find the created folder
+    cy.findByRole('treeitem', { name })
+
+    // collapse the parent folder; created folder should not be rendered anymore
+    cy.findByRole('button', { name: 'Collapse' }).click()
+    cy.findByRole('treeitem', { name }).should('not.exist')
+  })
+
+  it('add to folder from child', function () {
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [],
+        folders: [
+          {
+            _id: '789ghi',
+            name: 'thefolder',
+            docs: [],
+            fileRefs: [{ _id: '456def', name: 'sub.tex' }],
+            folders: [],
+          },
+        ],
+        fileRefs: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders
+        rootFolder={rootFolder as any}
+        projectId="123abc"
+        rootDocId="456def"
+        socket={socket}
+      >
+        <FileTreeRoot
+          refProviders={{}}
+          setRefProviderEnabled={cy.stub()}
+          setStartedFreeTrial={cy.stub()}
+          onSelect={cy.stub()}
+          onInit={cy.stub()}
+          isConnected
+        />
+      </EditorProviders>
+    )
+
+    const name = 'Foo Bar In thefolder'
+
+    cy.intercept('post', '/project/*/folder', {
+      body: {
+        folders: [],
+        fileRefs: [],
+        docs: [],
+        _id: fakeId(),
+        name,
+      },
+    }).as('createFolder')
+
+    createFolder(name)
+
+    cy.get('@createFolder').its('request.body').should('deep.equal', {
+      parent_folder_id: '789ghi',
+      name,
+    })
+
+    cy.then(() => {
+      socket.emitToClient('reciveNewFolder', '789ghi', {
+        _id: fakeId(),
+        name,
+        docs: [],
+        fileRefs: [],
+        folders: [],
+      })
+    })
+
+    // find the created folder
+    cy.findByRole('treeitem', { name })
+
+    // collapse the parent folder; created folder should not be rendered anymore
+    cy.findByRole('button', { name: 'Collapse' }).click()
+    cy.findByRole('treeitem', { name }).should('not.exist')
+  })
+
+  it('prevents adding duplicate or invalid names', function () {
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [{ _id: '456def', name: 'existingFile' }],
+        folders: [],
+        fileRefs: [],
+      },
+    ]
+
+    cy.mount(
+      <EditorProviders
+        rootFolder={rootFolder as any}
+        projectId="123abc"
+        rootDocId="456def"
+        socket={socket}
+      >
+        <FileTreeRoot
+          refProviders={{}}
+          setRefProviderEnabled={cy.stub()}
+          setStartedFreeTrial={cy.stub()}
+          onSelect={cy.stub()}
+          onInit={cy.stub()}
+          isConnected
+        />
+      </EditorProviders>
+    )
+
+    const name = 'existingFile'
+
+    cy.intercept('post', '/project/*/folder', cy.spy().as('createFolder'))
+
+    createFolder(name)
+
+    cy.get('@createFolder').should('not.have.been.called')
+
+    cy.findByRole('alert', {
+      name: 'A file or folder with this name already exists',
+    })
+
+    cy.findByRole('textbox').type('in/valid ')
+
+    cy.findByRole('alert', {
+      name: 'File name is empty or contains invalid characters',
+    })
+  })
+
+  function createFolder(name: string) {
+    cy.findByRole('button', { name: 'New folder' }).click()
+    cy.findByRole('textbox').type(name)
+    cy.findByRole('button', { name: 'Create' }).click()
+  }
+
+  function fakeId() {
+    return Math.random().toString(16).replace(/0\./, 'random-test-id-')
+  }
+})
diff --git a/services/web/test/frontend/features/file-tree/flows/delete-entity.spec.tsx b/services/web/test/frontend/features/file-tree/flows/delete-entity.spec.tsx
new file mode 100644
index 0000000..af85aa2
--- /dev/null
+++ b/services/web/test/frontend/features/file-tree/flows/delete-entity.spec.tsx
@@ -0,0 +1,291 @@
+import FileTreeRoot from '../../../../../frontend/js/features/file-tree/components/file-tree-root'
+import { EditorProviders } from '../../../helpers/editor-providers'
+import { SocketIOMock } from '@/ide/connection/SocketIoShim'
+
+describe('FileTree Delete Entity Flow', function () {
+  beforeEach(function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-user', { id: 'user1' })
+    })
+  })
+
+  describe('single entity', function () {
+    let socket: SocketIOMock
+    beforeEach(function () {
+      socket = new SocketIOMock()
+      const rootFolder = [
+        {
+          _id: 'root-folder-id',
+          name: 'rootFolder',
+          docs: [
+            { _id: '123abc', name: 'foo.tex' },
+            { _id: '456def', name: 'main.tex' },
+          ],
+          folders: [],
+          fileRefs: [],
+        },
+      ]
+
+      cy.mount(
+        <div style={{ width: 400 }}>
+          <EditorProviders
+            rootFolder={rootFolder as any}
+            projectId="123abc"
+            socket={socket}
+          >
+            <FileTreeRoot
+              refProviders={{}}
+              setRefProviderEnabled={cy.stub()}
+              setStartedFreeTrial={cy.stub()}
+              onSelect={cy.stub()}
+              onInit={cy.stub()}
+              isConnected
+            />
+          </EditorProviders>
+        </div>
+      )
+
+      cy.findByRole('treeitem', { name: 'main.tex' }).click()
+      cy.findByRole('button', { name: 'Open main.tex action menu' }).click()
+      cy.findByRole('menuitem', { name: 'Delete' }).click()
+    })
+
+    it('removes item', function () {
+      cy.intercept('delete', '/project/*/doc/*', { statusCode: 204 }).as(
+        'deleteDoc'
+      )
+
+      cy.findByRole('dialog').within(() => {
+        // check that the confirmation modal is open
+        cy.findByText(
+          'Are you sure you want to permanently delete the following files?'
+        )
+
+        cy.findByRole('button', { name: 'Delete' }).click()
+      })
+
+      cy.wait('@deleteDoc')
+
+      cy.then(() => {
+        socket.emitToClient('removeEntity', '456def')
+      })
+
+      cy.findByRole('treeitem', {
+        name: 'main.tex',
+        hidden: true, // treeitem might be hidden behind the modal
+      }).should('not.exist')
+
+      cy.findByRole('treeitem', {
+        name: 'main.tex',
+      }).should('not.exist')
+
+      // check that the confirmation modal is closed
+      cy.findByText(
+        'Are you sure you want to permanently delete the following files?'
+      ).should('not.exist')
+
+      cy.get('@deleteDoc.all').should('have.length', 1)
+    })
+
+    it('continues delete on 404s', function () {
+      cy.intercept('delete', '/project/*/doc/*', { statusCode: 404 }).as(
+        'deleteDoc'
+      )
+
+      cy.findByRole('dialog').within(() => {
+        // check that the confirmation modal is open
+        cy.findByText(
+          'Are you sure you want to permanently delete the following files?'
+        )
+
+        cy.findByRole('button', { name: 'Delete' }).click()
+      })
+
+      cy.then(() => {
+        socket.emitToClient('removeEntity', '456def')
+      })
+
+      cy.findByRole('treeitem', {
+        name: 'main.tex',
+        hidden: true, // treeitem might be hidden behind the modal
+      }).should('not.exist')
+
+      cy.findByRole('treeitem', {
+        name: 'main.tex',
+      }).should('not.exist')
+
+      // check that the confirmation modal is closed
+      // is not, the 404 probably triggered a bug
+      cy.findByText(
+        'Are you sure you want to permanently delete the following files?'
+      ).should('not.exist')
+    })
+
+    it('aborts delete on error', function () {
+      cy.intercept('delete', '/project/*/doc/*', { statusCode: 500 }).as(
+        'deleteDoc'
+      )
+
+      cy.findByRole('dialog').within(() => {
+        cy.findByRole('button', { name: 'Delete' }).click()
+      })
+
+      // The modal should still be open, but the file should not be deleted
+      cy.findByRole('treeitem', { name: 'main.tex', hidden: true })
+    })
+  })
+
+  describe('folders', function () {
+    let socket: SocketIOMock
+    beforeEach(function () {
+      socket = new SocketIOMock()
+      const rootFolder = [
+        {
+          _id: 'root-folder-id',
+          name: 'rootFolder',
+          docs: [{ _id: '456def', name: 'main.tex' }],
+          folders: [
+            {
+              _id: '123abc',
+              name: 'folder',
+              docs: [],
+              folders: [],
+              fileRefs: [{ _id: '789ghi', name: 'my.bib' }],
+            },
+          ],
+          fileRefs: [],
+        },
+      ]
+
+      cy.mount(
+        <div style={{ width: 400 }}>
+          <EditorProviders
+            rootFolder={rootFolder as any}
+            projectId="123abc"
+            socket={socket}
+          >
+            <FileTreeRoot
+              refProviders={{}}
+              setRefProviderEnabled={cy.stub()}
+              setStartedFreeTrial={cy.stub()}
+              onSelect={cy.stub()}
+              onInit={cy.stub()}
+              isConnected
+            />
+          </EditorProviders>
+        </div>
+      )
+
+      cy.findByRole('button', { name: 'Expand' }).click()
+      cy.findByRole('treeitem', { name: 'main.tex' }).click()
+      cy.findByRole('treeitem', { name: 'my.bib' }).click({
+        ctrlKey: true,
+        cmdKey: true,
+      })
+
+      cy.then(() => {
+        socket.emitToClient('removeEntity', '123abc')
+      })
+    })
+
+    it('removes the folder', function () {
+      cy.findByRole('treeitem', { name: 'folder' }).should('not.exist')
+    })
+
+    it('leaves the main file selected', function () {
+      cy.findByRole('treeitem', { name: 'main.tex', selected: true })
+    })
+
+    it('unselect the child entity', function () {
+      // as a proxy to check that the child entity has been unselect we start
+      // a delete and ensure the modal is displayed (the cancel button can be
+      // selected) This is needed to make sure the test fail.
+      cy.findByRole('button', { name: 'Open main.tex action menu' }).click()
+      cy.findByRole('menuitem', { name: 'Delete' }).click()
+      cy.findByRole('button', { name: 'Cancel' })
+    })
+  })
+
+  describe('multiple entities', function () {
+    let socket: SocketIOMock
+    beforeEach(function () {
+      socket = new SocketIOMock()
+      const rootFolder = [
+        {
+          _id: 'root-folder-id',
+          name: 'rootFolder',
+          docs: [{ _id: '456def', name: 'main.tex' }],
+          folders: [],
+          fileRefs: [{ _id: '789ghi', name: 'my.bib' }],
+        },
+      ]
+
+      cy.mount(
+        <div style={{ width: 400 }}>
+          <EditorProviders
+            rootFolder={rootFolder as any}
+            projectId="123abc"
+            socket={socket}
+          >
+            <FileTreeRoot
+              refProviders={{}}
+              setRefProviderEnabled={cy.stub()}
+              setStartedFreeTrial={cy.stub()}
+              onSelect={cy.stub()}
+              onInit={cy.stub()}
+              isConnected
+            />
+          </EditorProviders>
+        </div>
+      )
+
+      // select two files
+      cy.findByRole('treeitem', { name: 'main.tex' }).click()
+      cy.findByRole('treeitem', { name: 'my.bib' }).click({
+        ctrlKey: true,
+        cmdKey: true,
+      })
+
+      // open the context menu
+      cy.findByRole('button', { name: 'my.bib' }).trigger('contextmenu')
+
+      // make sure the menu has opened, with only a "Delete" item (as multiple files are selected)
+      cy.findByRole('menu')
+      cy.findAllByRole('menuitem').should('have.length', 1)
+
+      // select the Delete menu item
+      cy.findByRole('menuitem', { name: 'Delete' }).click()
+    })
+
+    it('removes all items and reindexes references after deleting .bib file', function () {
+      cy.intercept('delete', '/project/123abc/doc/456def', {
+        statusCode: 204,
+      }).as('deleteDoc')
+
+      cy.intercept('delete', '/project/123abc/file/789ghi', {
+        statusCode: 204,
+      }).as('deleteFile')
+
+      cy.findByRole('dialog').within(() => {
+        cy.findByRole('button', { name: 'Delete' }).click()
+      })
+
+      cy.then(() => {
+        socket.emitToClient('removeEntity', '456def')
+        socket.emitToClient('removeEntity', '789ghi')
+      })
+
+      for (const name of ['main.tex', 'my.bib']) {
+        for (const hidden of [true, false]) {
+          cy.findByRole('treeitem', { name, hidden }).should('not.exist')
+        }
+      }
+
+      // check that the confirmation modal is closed
+      cy.findByText('Are you sure').should('not.exist')
+
+      cy.get('@deleteDoc.all').should('have.length', 1)
+      cy.get('@deleteFile.all').should('have.length', 1)
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/file-tree/flows/rename-entity.spec.tsx b/services/web/test/frontend/features/file-tree/flows/rename-entity.spec.tsx
new file mode 100644
index 0000000..afa849c
--- /dev/null
+++ b/services/web/test/frontend/features/file-tree/flows/rename-entity.spec.tsx
@@ -0,0 +1,164 @@
+import FileTreeRoot from '../../../../../frontend/js/features/file-tree/components/file-tree-root'
+import { EditorProviders } from '../../../helpers/editor-providers'
+import { SocketIOMock } from '@/ide/connection/SocketIoShim'
+
+describe('FileTree Rename Entity Flow', function () {
+  beforeEach(function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-user', { id: 'user1' })
+    })
+  })
+
+  let socket: SocketIOMock
+  beforeEach(function () {
+    socket = new SocketIOMock()
+    const rootFolder = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [{ _id: '456def', name: 'a.tex' }],
+        folders: [
+          {
+            _id: '987jkl',
+            name: 'folder',
+            docs: [],
+            fileRefs: [
+              { _id: '789ghi', name: 'c.tex' },
+              { _id: '981gkp', name: 'e.tex' },
+            ],
+            folders: [],
+          },
+        ],
+        fileRefs: [],
+      },
+    ]
+
+    cy.mount(
+      <div style={{ width: 400 }}>
+        <EditorProviders
+          rootFolder={rootFolder as any}
+          projectId="123abc"
+          socket={socket}
+        >
+          <FileTreeRoot
+            refProviders={{}}
+            setRefProviderEnabled={cy.stub()}
+            setStartedFreeTrial={cy.stub()}
+            onSelect={cy.stub().as('onSelect')}
+            onInit={cy.stub()}
+            isConnected
+          />
+        </EditorProviders>
+      </div>
+    )
+  })
+
+  it('renames doc', function () {
+    cy.intercept('/project/*/doc/*/rename', { statusCode: 204 }).as('renameDoc')
+
+    renameItem('a.tex', 'b.tex')
+
+    cy.findByRole('treeitem', { name: 'b.tex' })
+
+    cy.get('@renameDoc').its('request.body').should('deep.equal', {
+      name: 'b.tex',
+    })
+  })
+
+  it('renames folder', function () {
+    cy.intercept('/project/*/folder/*/rename', { statusCode: 204 }).as(
+      'renameFolder'
+    )
+
+    renameItem('folder', 'new folder name')
+
+    cy.findByRole('treeitem', { name: 'new folder name' })
+
+    cy.get('@renameFolder').its('request.body').should('deep.equal', {
+      name: 'new folder name',
+    })
+  })
+
+  it('renames file in subfolder', function () {
+    cy.intercept('/project/*/file/*/rename', { statusCode: 204 }).as(
+      'renameFile'
+    )
+
+    cy.findByRole('button', { name: 'Expand' }).click()
+
+    renameItem('c.tex', 'd.tex')
+
+    cy.findByRole('treeitem', { name: 'folder' })
+    cy.findByRole('treeitem', { name: 'd.tex' })
+
+    cy.get('@renameFile').its('request.body').should('deep.equal', {
+      name: 'd.tex',
+    })
+  })
+
+  it('reverts rename on error', function () {
+    cy.intercept('/project/*/doc/*/rename', { statusCode: 500 })
+
+    renameItem('a.tex', 'b.tex')
+
+    cy.findByRole('treeitem', { name: 'a.tex' })
+  })
+
+  it('shows error modal on invalid filename', function () {
+    renameItem('a.tex', '///')
+
+    cy.findByRole('alert', {
+      name: 'File name is empty or contains invalid characters',
+      hidden: true,
+    })
+  })
+
+  it('shows error modal on duplicate filename', function () {
+    renameItem('a.tex', 'folder')
+
+    cy.findByRole('alert', {
+      name: 'A file or folder with this name already exists',
+      hidden: true,
+    })
+  })
+
+  it('shows error modal on duplicate filename in subfolder', function () {
+    cy.findByRole('button', { name: 'Expand' }).click()
+
+    renameItem('c.tex', 'e.tex')
+
+    cy.findByRole('alert', {
+      name: 'A file or folder with this name already exists',
+      hidden: true,
+    })
+  })
+
+  it('shows error modal on blocked filename', function () {
+    renameItem('a.tex', 'prototype')
+
+    cy.findByRole('alert', {
+      name: 'This file name is blocked.',
+      hidden: true,
+    })
+  })
+
+  describe('via socket event', function () {
+    it('renames doc', function () {
+      cy.findByRole('treeitem', { name: 'a.tex' })
+
+      cy.then(() => {
+        socket.emitToClient('reciveEntityRename', '456def', 'socket.tex')
+      })
+
+      cy.findByRole('treeitem', { name: 'socket.tex' })
+    })
+  })
+
+  function renameItem(from: string, to: string) {
+    cy.findByRole('treeitem', { name: from }).click()
+    cy.findByRole('button', { name: `Open ${from} action menu` }).click()
+    cy.findByRole('menuitem', { name: 'Rename' }).click()
+    cy.findByRole('textbox').clear()
+    cy.findByRole('textbox').type(to + '{enter}')
+  }
+})
diff --git a/services/web/test/frontend/features/file-tree/helpers/file-tree-provider.tsx b/services/web/test/frontend/features/file-tree/helpers/file-tree-provider.tsx
new file mode 100644
index 0000000..714128f
--- /dev/null
+++ b/services/web/test/frontend/features/file-tree/helpers/file-tree-provider.tsx
@@ -0,0 +1,34 @@
+import { ComponentProps, FC, useRef, useState } from 'react'
+import FileTreeContext from '@/features/file-tree/components/file-tree-context'
+
+export const FileTreeProvider: FC<{
+  refProviders?: Record<string, boolean>
+}> = ({ children, refProviders = {} }) => {
+  const [fileTreeContainer, setFileTreeContainer] =
+    useState<HTMLDivElement | null>(null)
+
+  const propsRef =
+    useRef<Omit<ComponentProps<typeof FileTreeContext>, 'refProviders'>>()
+
+  if (propsRef.current === undefined) {
+    propsRef.current = {
+      setRefProviderEnabled: cy.stub().as('setRefProviderEnabled'),
+      setStartedFreeTrial: cy.stub().as('setStartedFreeTrial'),
+      onSelect: cy.stub(),
+    }
+  }
+
+  return (
+    <div ref={setFileTreeContainer}>
+      {fileTreeContainer && (
+        <FileTreeContext
+          refProviders={refProviders}
+          fileTreeContainer={fileTreeContainer}
+          {...propsRef.current}
+        >
+          <>{children}</>
+        </FileTreeContext>
+      )}
+    </div>
+  )
+}
diff --git a/services/web/test/frontend/features/file-tree/util/icon-type-from-name.test.js b/services/web/test/frontend/features/file-tree/util/icon-type-from-name.test.js
new file mode 100644
index 0000000..855244d
--- /dev/null
+++ b/services/web/test/frontend/features/file-tree/util/icon-type-from-name.test.js
@@ -0,0 +1,21 @@
+import { expect } from 'chai'
+
+import iconTypeFromName from '../../../../../frontend/js/features/file-tree/util/icon-type-from-name'
+
+describe('iconTypeFromName', function () {
+  it('returns correct icon type', function () {
+    expect(iconTypeFromName('main.tex')).to.equal('description')
+    expect(iconTypeFromName('main.png')).to.equal('image')
+    expect(iconTypeFromName('main.csv')).to.equal('table_chart')
+    expect(iconTypeFromName('main.py')).to.equal('code')
+    expect(iconTypeFromName('main.bib')).to.equal('menu_book')
+  })
+
+  it('handles missing extensions', function () {
+    expect(iconTypeFromName('main')).to.equal('description')
+  })
+
+  it('lowercases extension', function () {
+    expect(iconTypeFromName('ZOTERO.BIB')).to.equal('menu_book')
+  })
+})
diff --git a/services/web/test/frontend/features/file-tree/util/path.test.ts b/services/web/test/frontend/features/file-tree/util/path.test.ts
new file mode 100644
index 0000000..e820c14
--- /dev/null
+++ b/services/web/test/frontend/features/file-tree/util/path.test.ts
@@ -0,0 +1,162 @@
+import { expect } from 'chai'
+import { Folder } from '../../../../../types/folder'
+import { docId } from '../../source-editor/helpers/mock-doc'
+import {
+  findEntityByPath,
+  pathInFolder,
+  previewByPath,
+} from '@/features/file-tree/util/path'
+
+describe('Path utils', function () {
+  let rootFolder: Folder
+
+  beforeEach(function () {
+    rootFolder = {
+      _id: 'root-folder-id',
+      name: 'rootFolder',
+      docs: [
+        {
+          _id: docId,
+          name: 'main.tex',
+        },
+      ],
+      folders: [
+        {
+          _id: 'test-folder-id',
+          name: 'test-folder',
+          docs: [
+            {
+              _id: 'test-doc-in-folder',
+              name: 'example.tex',
+            },
+          ],
+          fileRefs: [
+            {
+              _id: 'test-file-in-folder',
+              name: 'example.png',
+              hash: '42',
+            },
+          ],
+          folders: [
+            {
+              _id: 'test-subfolder-id',
+              name: 'test-subfolder',
+              docs: [
+                {
+                  _id: 'test-doc-in-subfolder',
+                  name: 'nested-example.tex',
+                },
+              ],
+              fileRefs: [
+                {
+                  _id: 'test-file-in-subfolder',
+                  name: 'nested-example.png',
+                  hash: '43',
+                },
+              ],
+              folders: [],
+            },
+          ],
+        },
+      ],
+      fileRefs: [
+        {
+          _id: 'test-image-file',
+          name: 'frog.jpg',
+          hash: '21',
+        },
+        {
+          _id: 'uppercase-extension-image-file',
+          name: 'frog.JPG',
+          hash: '22',
+        },
+      ],
+    }
+  })
+
+  describe('pathInFolder', function () {
+    it('gets null path for non-existent entity', function () {
+      const retrieved = pathInFolder(rootFolder, 'non-existent.tex')
+      expect(retrieved).to.be.null
+    })
+
+    it('gets correct path for document in the root', function () {
+      const retrieved = pathInFolder(rootFolder, docId)
+      expect(retrieved).to.equal('main.tex')
+    })
+
+    it('gets correct path for document in a folder', function () {
+      const retrieved = pathInFolder(rootFolder, 'test-doc-in-folder')
+      expect(retrieved).to.equal('test-folder/example.tex')
+    })
+
+    it('gets correct path for document in a nested folder', function () {
+      const retrieved = pathInFolder(rootFolder, 'test-doc-in-subfolder')
+      expect(retrieved).to.equal(
+        'test-folder/test-subfolder/nested-example.tex'
+      )
+    })
+
+    it('gets correct path for file in a nested folder', function () {
+      const retrieved = pathInFolder(rootFolder, 'test-file-in-subfolder')
+      expect(retrieved).to.equal(
+        'test-folder/test-subfolder/nested-example.png'
+      )
+    })
+
+    it('gets correct path for file in a nested folder relative to folder', function () {
+      const retrieved = pathInFolder(
+        rootFolder.folders[0],
+        'test-file-in-subfolder'
+      )
+      expect(retrieved).to.equal('test-subfolder/nested-example.png')
+    })
+  })
+
+  describe('findEntityByPath', function () {
+    it('returns null for a non-existent path', function () {
+      const retrieved = findEntityByPath(rootFolder, 'not-a-real-document.tex')
+      expect(retrieved).to.be.null
+    })
+
+    it('finds a document in the root', function () {
+      const retrieved = findEntityByPath(rootFolder, 'main.tex')
+      expect(retrieved?.entity._id).to.equal(docId)
+    })
+
+    it('finds a document in a folder', function () {
+      const retrieved = findEntityByPath(rootFolder, 'test-folder/example.tex')
+      expect(retrieved?.entity._id).to.equal('test-doc-in-folder')
+    })
+
+    it('finds a document in a nested folder', function () {
+      const retrieved = findEntityByPath(
+        rootFolder,
+        'test-folder/test-subfolder/nested-example.tex'
+      )
+      expect(retrieved?.entity._id).to.equal('test-doc-in-subfolder')
+    })
+
+    it('finds a file in a nested folder', function () {
+      const retrieved = findEntityByPath(
+        rootFolder,
+        'test-folder/test-subfolder/nested-example.png'
+      )
+      expect(retrieved?.entity._id).to.equal('test-file-in-subfolder')
+    })
+  })
+
+  describe('previewByPath', function () {
+    it('returns extension without preceding dot', function () {
+      const preview = previewByPath(
+        rootFolder,
+        'test-project-id',
+        'test-folder/example.png'
+      )
+      expect(preview).to.deep.equal({
+        url: '/project/test-project-id/blob/42?fallback=test-file-in-folder',
+        extension: 'png',
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/file-view/components/file-view-header.test.jsx b/services/web/test/frontend/features/file-view/components/file-view-header.test.jsx
new file mode 100644
index 0000000..11a61d9
--- /dev/null
+++ b/services/web/test/frontend/features/file-view/components/file-view-header.test.jsx
@@ -0,0 +1,108 @@
+import { screen } from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+
+import { renderWithEditorContext } from '../../../helpers/render-with-context'
+import FileViewHeader from '../../../../../frontend/js/features/file-view/components/file-view-header'
+import { USER_ID } from '../../../helpers/editor-providers'
+import { fileViewFile } from '@/features/ide-react/util/file-view'
+
+describe('<FileViewHeader/>', function () {
+  const urlFile = {
+    name: 'example.tex',
+    linkedFileData: {
+      url: 'https://overleaf.com',
+      provider: 'url',
+    },
+    created: new Date(2021, 1, 17, 3, 24).toISOString(),
+  }
+
+  const projectFile = {
+    name: 'example.tex',
+    linkedFileData: {
+      v1_source_doc_id: 'v1-source-id',
+      source_project_id: 'source-project-id',
+      source_entity_path: '/source-entity-path.ext',
+      provider: 'project_file',
+      importer_id: USER_ID,
+    },
+    created: new Date(2021, 1, 17, 3, 24).toISOString(),
+  }
+
+  const projectOutputFile = {
+    name: 'example.pdf',
+    linkedFileData: {
+      v1_source_doc_id: 'v1-source-id',
+      source_output_file_path: '/source-entity-path.ext',
+      provider: 'project_output_file',
+    },
+    created: new Date(2021, 1, 17, 3, 24).toISOString(),
+  }
+
+  beforeEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  describe('header text', function () {
+    it('Renders the correct text for a file with the url provider', function () {
+      renderWithEditorContext(<FileViewHeader file={urlFile} />)
+      screen.getByText('Imported from', { exact: false })
+      screen.getByText('at 3:24 am Wed, 17th Feb 21', {
+        exact: false,
+      })
+    })
+
+    it('Renders the correct text for a file with the project_file provider', function () {
+      renderWithEditorContext(<FileViewHeader file={projectFile} />)
+      screen.getByText('Imported from', { exact: false })
+      screen.getByText('Another project', { exact: false })
+      screen.getByText('/source-entity-path.ext, at 3:24 am Wed, 17th Feb 21', {
+        exact: false,
+      })
+    })
+
+    it('Renders the correct text for a file with the project_output_file provider', function () {
+      renderWithEditorContext(
+        <FileViewHeader
+          file={projectOutputFile}
+          storeReferencesKeys={() => {}}
+        />
+      )
+      screen.getByText('Imported from the output of', { exact: false })
+      screen.getByText('Another project', { exact: false })
+      screen.getByText('/source-entity-path.ext, at 3:24 am Wed, 17th Feb 21', {
+        exact: false,
+      })
+    })
+  })
+
+  describe('The download button', function () {
+    it('exists', function () {
+      renderWithEditorContext(<FileViewHeader file={urlFile} />)
+
+      screen.getByText('Download')
+    })
+  })
+
+  it('should use importedAt as timestamp when present in the linked file data', function () {
+    const fileFromServer = {
+      name: 'example.tex',
+      linkedFileData: {
+        v1_source_doc_id: 'v1-source-id',
+        source_project_id: 'source-project-id',
+        source_entity_path: '/source-entity-path.ext',
+        provider: 'project_file',
+        importer_id: USER_ID,
+        importedAt: new Date(2024, 8, 16, 1, 30).getTime(),
+      },
+      created: new Date(2021, 1, 17, 3, 24).toISOString(),
+    }
+    // FIXME: This should be tested through the <EditorAndPdf /> component instead
+    const fileShown = fileViewFile(fileFromServer)
+    renderWithEditorContext(<FileViewHeader file={fileShown} />)
+    screen.getByText('Imported from', { exact: false })
+    screen.getByText('Another project', { exact: false })
+    screen.getByText('/source-entity-path.ext, at 1:30 am Mon, 16th Sep 24', {
+      exact: false,
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/file-view/components/file-view-image.test.jsx b/services/web/test/frontend/features/file-view/components/file-view-image.test.jsx
new file mode 100644
index 0000000..7ff204c
--- /dev/null
+++ b/services/web/test/frontend/features/file-view/components/file-view-image.test.jsx
@@ -0,0 +1,23 @@
+import { screen } from '@testing-library/react'
+
+import { renderWithEditorContext } from '../../../helpers/render-with-context'
+import FileViewImage from '../../../../../frontend/js/features/file-view/components/file-view-image'
+
+describe('<FileViewImage />', function () {
+  const file = {
+    id: '60097ca20454610027c442a8',
+    name: 'file.jpg',
+    hash: 'hash',
+    linkedFileData: {
+      source_entity_path: '/source-entity-path',
+      provider: 'project_file',
+    },
+  }
+
+  it('renders an image', function () {
+    renderWithEditorContext(
+      <FileViewImage file={file} onError={() => {}} onLoad={() => {}} />
+    )
+    screen.getByRole('img')
+  })
+})
diff --git a/services/web/test/frontend/features/file-view/components/file-view-refresh-button.test.jsx b/services/web/test/frontend/features/file-view/components/file-view-refresh-button.test.jsx
new file mode 100644
index 0000000..da29252
--- /dev/null
+++ b/services/web/test/frontend/features/file-view/components/file-view-refresh-button.test.jsx
@@ -0,0 +1,53 @@
+import {
+  screen,
+  fireEvent,
+  waitForElementToBeRemoved,
+} from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+import sinon from 'sinon'
+import FileViewRefreshButton from '@/features/file-view/components/file-view-refresh-button'
+import { renderWithEditorContext } from '../../../helpers/render-with-context'
+import { USER_ID } from '../../../helpers/editor-providers'
+
+describe('<FileViewRefreshButton />', function () {
+  const projectFile = {
+    name: 'example.tex',
+    linkedFileData: {
+      v1_source_doc_id: 'v1-source-id',
+      source_project_id: 'source-project-id',
+      source_entity_path: '/source-entity-path.ext',
+      provider: 'project_file',
+      importer_id: USER_ID,
+    },
+    created: new Date(2021, 1, 17, 3, 24).toISOString(),
+  }
+
+  beforeEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  // eslint-disable-next-line mocha/no-skipped-tests
+  it.skip('Changes text when the file is refreshing', async function () {
+    fetchMock.post(
+      'express:/project/:project_id/linked_file/:file_id/refresh',
+      {
+        new_file_id: '5ff7418157b4e144321df5c4',
+      }
+    )
+
+    renderWithEditorContext(
+      <FileViewRefreshButton
+        file={projectFile}
+        setRefreshError={sinon.stub()}
+      />
+    )
+
+    fireEvent.click(screen.getByRole('button', { name: 'Refresh' }))
+
+    await waitForElementToBeRemoved(() =>
+      screen.getByText('Refreshing', { exact: false })
+    )
+
+    await screen.findByRole('button', { name: 'Refresh' })
+  })
+})
diff --git a/services/web/test/frontend/features/file-view/components/file-view-refresh-error.test.tsx b/services/web/test/frontend/features/file-view/components/file-view-refresh-error.test.tsx
new file mode 100644
index 0000000..c4aa796
--- /dev/null
+++ b/services/web/test/frontend/features/file-view/components/file-view-refresh-error.test.tsx
@@ -0,0 +1,31 @@
+import { render, screen } from '@testing-library/react'
+import FileViewRefreshError from '@/features/file-view/components/file-view-refresh-error'
+import type { BinaryFile } from '@/features/file-view/types/binary-file'
+
+describe('<FileViewRefreshError />', function () {
+  it('shows correct error message', function () {
+    const anotherProjectFile: BinaryFile<'project_file'> = {
+      id: '123abc',
+      _id: '123abc',
+      linkedFileData: {
+        provider: 'project_file',
+        source_project_id: 'some-id',
+        source_entity_path: '/path/',
+      },
+      created: new Date(2023, 1, 17, 3, 24),
+      name: 'frog.jpg',
+      type: 'file',
+      selected: true,
+      hash: '42',
+    }
+
+    render(
+      <FileViewRefreshError
+        file={anotherProjectFile}
+        refreshError="An error message"
+      />
+    )
+
+    screen.getByText('Access Denied: An error message')
+  })
+})
diff --git a/services/web/test/frontend/features/file-view/components/file-view-text.test.jsx b/services/web/test/frontend/features/file-view/components/file-view-text.test.jsx
new file mode 100644
index 0000000..8ab978b
--- /dev/null
+++ b/services/web/test/frontend/features/file-view/components/file-view-text.test.jsx
@@ -0,0 +1,41 @@
+import { screen } from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+
+import { renderWithEditorContext } from '../../../helpers/render-with-context'
+import FileViewText from '../../../../../frontend/js/features/file-view/components/file-view-text'
+
+describe('<FileViewText/>', function () {
+  const file = {
+    id: '123',
+    hash: '1234',
+    name: 'example.tex',
+    linkedFileData: {
+      v1_source_doc_id: 'v1-source-id',
+      source_project_id: 'source-project-id',
+      source_entity_path: '/source-entity-path.ext',
+      provider: 'project_file',
+    },
+    created: new Date(2021, 1, 17, 3, 24).toISOString(),
+  }
+
+  beforeEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('renders a text view', async function () {
+    fetchMock.head('express:/project/:project_id/blob/:hash', {
+      status: 201,
+      headers: { 'Content-Length': 10000 },
+    })
+    fetchMock.get(
+      'express:/project/:project_id/blob/:hash',
+      'Text file content'
+    )
+
+    renderWithEditorContext(
+      <FileViewText file={file} onError={() => {}} onLoad={() => {}} />
+    )
+
+    await screen.findByText('Text file content', { exact: false })
+  })
+})
diff --git a/services/web/test/frontend/features/file-view/components/file-view.test.jsx b/services/web/test/frontend/features/file-view/components/file-view.test.jsx
new file mode 100644
index 0000000..07ad612
--- /dev/null
+++ b/services/web/test/frontend/features/file-view/components/file-view.test.jsx
@@ -0,0 +1,88 @@
+import {
+  screen,
+  waitForElementToBeRemoved,
+  fireEvent,
+} from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+
+import { renderWithEditorContext } from '../../../helpers/render-with-context'
+import FileView from '../../../../../frontend/js/features/file-view/components/file-view'
+
+describe('<FileView/>', function () {
+  const textFile = {
+    id: 'text-file',
+    name: 'example.tex',
+    linkedFileData: {
+      v1_source_doc_id: 'v1-source-id',
+      source_project_id: 'source-project-id',
+      source_entity_path: '/source-entity-path.ext',
+      provider: 'project_file',
+    },
+    hash: '012345678901234567890123',
+    created: new Date(2021, 1, 17, 3, 24).toISOString(),
+  }
+
+  const imageFile = {
+    id: '60097ca20454610027c442a8',
+    name: 'file.jpg',
+    linkedFileData: {
+      source_entity_path: '/source-entity-path',
+      provider: 'project_file',
+    },
+  }
+
+  beforeEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  describe('for a text file', function () {
+    it('shows a loading indicator while the file is loading', async function () {
+      fetchMock.head('express:/project/:project_id/blob/:hash', {
+        status: 201,
+        headers: { 'Content-Length': 10000 },
+      })
+      fetchMock.get(
+        'express:/project/:project_id/blob/:hash',
+        'Text file content'
+      )
+
+      renderWithEditorContext(<FileView file={textFile} />)
+
+      await waitForElementToBeRemoved(() =>
+        screen.getByTestId('loading-panel-file-view')
+      )
+    })
+
+    it('shows messaging if the text view could not be loaded', async function () {
+      const unpreviewableTextFile = {
+        ...textFile,
+        name: 'example.not-tex',
+      }
+
+      renderWithEditorContext(<FileView file={unpreviewableTextFile} />)
+
+      await screen.findByText('Sorry, no preview is available', {
+        exact: false,
+      })
+    })
+  })
+
+  describe('for an image file', function () {
+    it('shows a loading indicator while the file is loading', async function () {
+      renderWithEditorContext(<FileView file={imageFile} />)
+
+      screen.getByTestId('loading-panel-file-view')
+    })
+
+    it('shows messaging if the image could not be loaded', async function () {
+      renderWithEditorContext(<FileView file={imageFile} />)
+
+      // Fake the image request failing as the request is handled by the browser
+      fireEvent.error(screen.getByRole('img'))
+
+      await screen.findByText('Sorry, no preview is available', {
+        exact: false,
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/full-project-search/components/full-project-search.spec.tsx b/services/web/test/frontend/features/full-project-search/components/full-project-search.spec.tsx
new file mode 100644
index 0000000..9041214
--- /dev/null
+++ b/services/web/test/frontend/features/full-project-search/components/full-project-search.spec.tsx
@@ -0,0 +1,160 @@
+import { EditorProviders } from '../../../helpers/editor-providers'
+import FullProjectSearch from '../../../../../modules/full-project-search/frontend/js/components/full-project-search'
+import {
+  LayoutContext,
+  LayoutContextValue,
+} from '@/shared/context/layout-context'
+import { FC, useState } from 'react'
+
+describe('<FullProjectSearch/>', function () {
+  beforeEach(function () {
+    cy.interceptCompile()
+
+    cy.intercept('/project/*/flush', {
+      statusCode: 204,
+    }).as('project-history-flush')
+
+    cy.intercept('/project/*/changes?*', {
+      body: [],
+    }).as('project-history-changes')
+
+    cy.intercept('/project/*/latest/history', {
+      body: { chunk: mockHistoryChunk },
+    }).as('project-history-snapshot')
+
+    cy.intercept('get', '/project/*/blob/*', req => {
+      const blobId = req.url.split('/').pop() as string
+
+      req.reply({
+        fixture: `blobs/${blobId}`,
+      })
+    }).as('project-history-blob')
+  })
+
+  it('displays the search form', function () {
+    cy.mount(
+      <EditorProviders providers={{ LayoutProvider }}>
+        <FullProjectSearch />
+      </EditorProviders>
+    )
+
+    cy.findByRole('button', { name: 'Search' })
+  })
+
+  it('displays a close button', function () {
+    cy.mount(
+      <EditorProviders providers={{ LayoutProvider }}>
+        <FullProjectSearch />
+      </EditorProviders>
+    )
+
+    cy.findByRole('button', { name: 'Close' })
+  })
+
+  it('displays matched content', function () {
+    cy.mount(
+      <EditorProviders providers={{ LayoutProvider }}>
+        <FullProjectSearch />
+      </EditorProviders>
+    )
+
+    cy.findByRole('searchbox', { name: 'Search' }).type('and{enter}')
+
+    cy.findByRole('button', { name: 'main.tex 5' }) // TODO: remove count from name?
+
+    cy.get('.matched-file-hit').as('matches')
+    cy.get('@matches').should('have.length', 5)
+
+    cy.get('@matches').first().click()
+    cy.get('@matches').first().should('have.class', 'matched-file-hit-selected')
+  })
+})
+
+const createInitialValue = () =>
+  ({
+    reattach: cy.stub(),
+    detach: cy.stub(),
+    detachIsLinked: false,
+    detachRole: null,
+    changeLayout: cy.stub(),
+    view: 'editor',
+    setView: cy.stub(),
+    chatIsOpen: false,
+    setChatIsOpen: cy.stub(),
+    reviewPanelOpen: false,
+    setReviewPanelOpen: cy.stub(),
+    miniReviewPanelVisible: false,
+    setMiniReviewPanelVisible: cy.stub(),
+    leftMenuShown: false,
+    setLeftMenuShown: cy.stub(),
+    loadingStyleSheet: false,
+    setLoadingStyleSheet: cy.stub(),
+    pdfLayout: 'flat',
+    pdfPreviewOpen: false,
+    projectSearchIsOpen: true,
+    setProjectSearchIsOpen: cy.stub(),
+  }) satisfies LayoutContextValue
+
+const LayoutProvider: FC = ({ children }) => {
+  const [value] = useState(createInitialValue)
+
+  return (
+    <LayoutContext.Provider value={value}>{children}</LayoutContext.Provider>
+  )
+}
+
+const mockHistoryChunk = {
+  history: {
+    snapshot: {
+      files: {},
+    },
+    changes: [
+      {
+        operations: [
+          {
+            pathname: 'main.tex',
+            file: {
+              hash: '5199b66d9d1226551be436c66bad9d962cc05537',
+              stringLength: 7066,
+            },
+          },
+        ],
+        timestamp: '2025-01-03T10:10:40.840Z',
+        authors: [],
+        v2Authors: ['66e040e0da7136ec75ffe8a3'],
+        projectVersion: '1.0',
+      },
+      {
+        operations: [
+          {
+            pathname: 'sample.bib',
+            file: {
+              hash: 'a0e21c740cf81e868f158e30e88985b5ea1d6c19',
+              stringLength: 244,
+            },
+          },
+        ],
+        timestamp: '2025-01-03T10:10:40.856Z',
+        authors: [],
+        v2Authors: ['66e040e0da7136ec75ffe8a3'],
+        projectVersion: '2.0',
+      },
+      {
+        operations: [
+          {
+            pathname: 'frog.jpg',
+            file: {
+              hash: '5b889ef3cf71c83a4c027c4e4dc3d1a106b27809',
+              byteLength: 97080,
+            },
+          },
+        ],
+        timestamp: '2025-01-03T10:10:40.890Z',
+        authors: [],
+        v2Authors: ['66e040e0da7136ec75ffe8a3'],
+        projectVersion: '3.0',
+      },
+    ],
+  },
+  startVersion: 0,
+}
diff --git a/services/web/test/frontend/features/group-management/components/add-seats.spec.tsx b/services/web/test/frontend/features/group-management/components/add-seats.spec.tsx
new file mode 100644
index 0000000..ab5ddb8
--- /dev/null
+++ b/services/web/test/frontend/features/group-management/components/add-seats.spec.tsx
@@ -0,0 +1,374 @@
+import AddSeats, {
+  MAX_NUMBER_OF_USERS,
+} from '@/features/group-management/components/add-seats/add-seats'
+
+describe('<AddSeats />', function () {
+  beforeEach(function () {
+    this.totalLicenses = 5
+
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-groupName', 'My Awesome Team')
+      win.metaAttributesCache.set('ol-subscriptionId', '123')
+      win.metaAttributesCache.set('ol-totalLicenses', this.totalLicenses)
+      win.metaAttributesCache.set('ol-isProfessional', false)
+    })
+
+    cy.mount(<AddSeats />)
+
+    cy.findByRole('button', { name: /buy licenses/i })
+    cy.findByTestId('add-more-users-group-form')
+  })
+
+  it('renders the back button', function () {
+    cy.findByTestId('group-heading').within(() => {
+      cy.findByRole('button', { name: /back to subscription/i }).should(
+        'have.attr',
+        'href',
+        '/user/subscription'
+      )
+    })
+  })
+
+  it('shows the group name', function () {
+    cy.findByTestId('group-heading').within(() => {
+      cy.findByRole('heading', { name: 'My Awesome Team' })
+    })
+  })
+
+  it('shows the "Buy more licenses" label', function () {
+    cy.findByText(/buy more licenses/i)
+  })
+
+  it('shows the maximum supported users', function () {
+    cy.findByText(
+      new RegExp(
+        `your current plan supports up to ${this.totalLicenses} licenses`,
+        'i'
+      )
+    )
+  })
+
+  it('shows instructions on how to reduce licenses on a plan', function () {
+    cy.contains(
+      /if you want to reduce the number of licenses on your plan, please contact customer support/i
+    ).within(() => {
+      cy.findByRole('link', { name: /contact customer support/i }).should(
+        'have.attr',
+        'href',
+        '/contact'
+      )
+    })
+  })
+
+  it('renders the cancel button', function () {
+    cy.findByRole('button', { name: /cancel/i }).should(
+      'have.attr',
+      'href',
+      '/user/subscription'
+    )
+  })
+
+  describe('"Upgrade my plan" link', function () {
+    it('shows the link', function () {
+      cy.findByRole('link', { name: /upgrade my plan/i }).should(
+        'have.attr',
+        'href',
+        '/user/subscription/group/upgrade-subscription'
+      )
+    })
+
+    it('hides the link', function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-isProfessional', true)
+      })
+
+      cy.mount(<AddSeats />)
+
+      cy.findByRole('link', { name: /upgrade my plan/i }).should('not.exist')
+    })
+  })
+
+  describe('cost summary', function () {
+    beforeEach(function () {
+      cy.findByLabelText(/how many licenses do you want to buy/i).as('input')
+    })
+
+    it('shows the title', function () {
+      cy.findByTestId('cost-summary').within(() => {
+        cy.findByText(/cost summary/i)
+      })
+    })
+
+    describe('shows default content when', function () {
+      afterEach(function () {
+        cy.findByTestId('cost-summary').within(() => {
+          cy.findByText(
+            /enter the number of licenses you’d like to add to see the cost breakdown/i
+          )
+        })
+      })
+
+      it('leaves input empty', function () {
+        cy.get('@input').should('have.value', '')
+      })
+
+      it('fills in a non-numeric value', function () {
+        cy.get('@input').type('ab')
+        cy.findByText(/value must be a number/i)
+      })
+
+      it('fills in a decimal value', function () {
+        cy.get('@input').type('1.5')
+        cy.findByText(/value must be a whole number/i)
+      })
+
+      it('fills in a "0" value', function () {
+        cy.get('@input').type('0')
+        cy.findByText(/value must be at least 1/i)
+      })
+
+      it('fills in a value and clears the input', function () {
+        cy.get('@input').type('a{backspace}')
+        cy.get('@input').should('have.text', '')
+        cy.findByText(/this field is required/i)
+      })
+    })
+
+    describe('entered more than the maximum allowed number of users', function () {
+      beforeEach(function () {
+        this.numberOfUsersExceedingMaxLimit = MAX_NUMBER_OF_USERS + 1
+
+        cy.get('@input').type(this.numberOfUsersExceedingMaxLimit.toString())
+        cy.findByRole('button', { name: /buy licenses/i }).should('not.exist')
+        cy.findByRole('button', { name: /send request/i }).as('sendRequestBtn')
+      })
+
+      it('renders a notification', function () {
+        cy.findByTestId('cost-summary').should('not.exist')
+        cy.findByRole('alert').should(
+          'contain.text',
+          `If you want more than ${MAX_NUMBER_OF_USERS} licenses on your plan, we need to add them for you. Just click Send request below and we’ll be happy to help.`
+        )
+      })
+
+      describe('request', function () {
+        afterEach(function () {
+          cy.findByRole('button', { name: /go to subscriptions/i }).should(
+            'have.attr',
+            'href',
+            '/user/subscription'
+          )
+        })
+
+        function makeRequest(statusCode: number, adding: string) {
+          cy.intercept(
+            'POST',
+            '/user/subscription/group/add-users/sales-contact-form',
+            {
+              statusCode,
+            }
+          ).as('addUsersRequest')
+          cy.get('@sendRequestBtn').click()
+          cy.get('@addUsersRequest').its('request.body').should('deep.equal', {
+            adding,
+          })
+          cy.findByTestId('add-more-users-group-form').should('not.exist')
+        }
+
+        it('sends a request that succeeds', function () {
+          makeRequest(204, this.numberOfUsersExceedingMaxLimit.toString())
+          cy.findByTestId('title').should(
+            'contain.text',
+            'We’ve got your request'
+          )
+          cy.findByText(/our team will get back to you shortly/i)
+        })
+
+        it('sends a request that fails', function () {
+          makeRequest(400, this.numberOfUsersExceedingMaxLimit.toString())
+          cy.findByTestId('title').should(
+            'contain.text',
+            'Something went wrong'
+          )
+          cy.contains(
+            /it looks like that didn’t work. You can try again or get in touch with our Support team for more help/i
+          ).within(() => {
+            cy.findByRole('link', { name: /get in touch/i }).should(
+              'have.attr',
+              'href',
+              '/contact'
+            )
+          })
+        })
+      })
+    })
+
+    describe('entered less than the maximum allowed number of users', function () {
+      beforeEach(function () {
+        this.adding = 1
+        this.body = {
+          change: {
+            type: 'add-on-update',
+            addOn: {
+              code: 'additional-license',
+              quantity: this.totalLicenses + this.adding,
+              prevQuantity: this.totalLicenses,
+            },
+          },
+          currency: 'USD',
+          immediateCharge: {
+            subtotal: 100,
+            tax: 20,
+            total: 120,
+            discount: 0,
+          },
+          nextInvoice: {
+            date: '2025-12-01T00:00:00.000Z',
+            plan: {
+              name: 'Overleaf Standard Group',
+              amount: 0,
+            },
+            subtotal: 895,
+            tax: {
+              rate: 0.2,
+              amount: 105,
+            },
+            total: 1000,
+          },
+        }
+
+        cy.findByRole('button', { name: /buy licenses/i }).as('addUsersBtn')
+        cy.findByRole('button', { name: /send request/i }).should('not.exist')
+      })
+
+      it('renders the preview data', function () {
+        cy.intercept('POST', '/user/subscription/group/add-users/preview', {
+          statusCode: 200,
+          body: this.body,
+        }).as('addUsersRequest')
+        cy.get('@input').type(this.adding.toString())
+
+        cy.findByTestId('cost-summary').within(() => {
+          cy.contains(
+            new RegExp(
+              `you’re adding ${this.adding} licenses to your plan giving you a total of ${this.body.change.addOn.quantity} licenses`,
+              'i'
+            )
+          )
+
+          cy.findByTestId('plan').within(() => {
+            cy.findByText(
+              `${this.body.nextInvoice.plan.name} x ${this.adding} Licenses`
+            )
+            cy.findByTestId('price').should(
+              'have.text',
+              `$${this.body.immediateCharge.subtotal}.00`
+            )
+          })
+
+          cy.findByTestId('tax').within(() => {
+            cy.findByText(
+              new RegExp(`VAT · ${this.body.nextInvoice.tax.rate * 100}%`, 'i')
+            )
+            cy.findByTestId('price').should(
+              'have.text',
+              `$${this.body.immediateCharge.tax}.00`
+            )
+          })
+
+          cy.findByTestId('discount').should('not.exist')
+
+          cy.findByTestId('total').within(() => {
+            cy.findByText(/total due today/i)
+            cy.findByTestId('price').should(
+              'have.text',
+              `$${this.body.immediateCharge.total}.00`
+            )
+          })
+
+          cy.findByText(
+            /we’ll charge you now for the cost of your additional licenses based on the remaining months of your current subscription/i
+          )
+          cy.findByText(
+            /after that, we’ll bill you \$1,000\.00 \(\$895\.00 \+ \$105\.00 tax\) annually on December 1, unless you cancel/i
+          )
+        })
+      })
+
+      it('renders the preview data with discount', function () {
+        this.body.immediateCharge.discount = 50
+
+        cy.intercept('POST', '/user/subscription/group/add-users/preview', {
+          statusCode: 200,
+          body: this.body,
+        }).as('addUsersRequest')
+        cy.get('@input').type(this.adding.toString())
+
+        cy.findByTestId('cost-summary').within(() => {
+          cy.findByTestId('discount').within(() => {
+            cy.findByText(`($${this.body.immediateCharge.discount}.00)`)
+          })
+
+          cy.findByText(
+            /This does not include your current discounts, which will be applied automatically before your next payment/i
+          )
+        })
+      })
+
+      describe('request', function () {
+        afterEach(function () {
+          cy.findByRole('button', { name: /go to subscriptions/i }).should(
+            'have.attr',
+            'href',
+            '/user/subscription'
+          )
+        })
+
+        function makeRequest(statusCode: number, adding: string) {
+          cy.intercept('POST', '/user/subscription/group/add-users/create', {
+            statusCode,
+          }).as('addUsersRequest')
+          cy.get('@input').type(adding)
+          cy.get('@addUsersBtn').click()
+          cy.get('@addUsersRequest')
+            .its('request.body')
+            .should('deep.equal', {
+              adding: Number(adding),
+            })
+          cy.findByTestId('add-more-users-group-form').should('not.exist')
+        }
+
+        it('sends a request that succeeds', function () {
+          makeRequest(204, this.adding.toString())
+          cy.findByTestId('title').should(
+            'contain.text',
+            'You’ve added more license(s)'
+          )
+          cy.findByText(/you’ve added more license\(s\) to your subscription/i)
+          cy.findByRole('link', { name: /invite people/i }).should(
+            'have.attr',
+            'href',
+            '/manage/groups/123/members'
+          )
+        })
+
+        it('sends a request that fails', function () {
+          makeRequest(400, this.adding.toString())
+          cy.findByTestId('title').should(
+            'contain.text',
+            'Something went wrong'
+          )
+          cy.contains(
+            /it looks like that didn’t work. You can try again or get in touch with our Support team for more help/i
+          ).within(() => {
+            cy.findByRole('link', { name: /get in touch/i }).should(
+              'have.attr',
+              'href',
+              '/contact'
+            )
+          })
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/group-management/components/group-managers.spec.tsx b/services/web/test/frontend/features/group-management/components/group-managers.spec.tsx
new file mode 100644
index 0000000..d5c31c4
--- /dev/null
+++ b/services/web/test/frontend/features/group-management/components/group-managers.spec.tsx
@@ -0,0 +1,175 @@
+import GroupManagers from '@/features/group-management/components/group-managers'
+
+const JOHN_DOE = {
+  _id: 'abc123def456',
+  first_name: 'John',
+  last_name: 'Doe',
+  email: 'john.doe@test.com',
+  last_active_at: new Date('2023-01-15'),
+  invite: true,
+}
+const BOBBY_LAPOINTE = {
+  _id: 'bcd234efa567',
+  first_name: 'Bobby',
+  last_name: 'Lapointe',
+  email: 'bobby.lapointe@test.com',
+  last_active_at: new Date('2023-01-02'),
+  invite: false,
+}
+const GROUP_ID = '888fff888fff'
+const PATHS = {
+  addMember: `/manage/groups/${GROUP_ID}/managers`,
+  removeMember: `/manage/groups/${GROUP_ID}/managers`,
+}
+
+describe('group managers', function () {
+  beforeEach(function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-users', [JOHN_DOE, BOBBY_LAPOINTE])
+      win.metaAttributesCache.set('ol-groupId', GROUP_ID)
+      win.metaAttributesCache.set('ol-groupName', 'My Awesome Team')
+    })
+
+    cy.mount(<GroupManagers />)
+  })
+
+  it('renders the group management page', function () {
+    cy.findByRole('heading', { name: /my awesome team/i, level: 1 })
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByText('john.doe@test.com')
+          cy.findByText('John Doe')
+          cy.findByText('15th Jan 2023')
+          cy.findByText('Invite not yet accepted')
+        })
+
+        cy.get('tr:nth-child(2)').within(() => {
+          cy.findByText('bobby.lapointe@test.com')
+          cy.findByText('Bobby Lapointe')
+          cy.findByText('2nd Jan 2023')
+          cy.findByText('Accepted invite')
+        })
+      })
+  })
+
+  it('sends an invite', function () {
+    cy.intercept('POST', PATHS.addMember, {
+      statusCode: 201,
+      body: {
+        user: {
+          email: 'someone.else@test.com',
+          invite: true,
+        },
+      },
+    })
+
+    cy.findByTestId('add-members-form').within(() => {
+      cy.findByRole('textbox').type('someone.else@test.com')
+      cy.findByRole('button').click()
+    })
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(3)').within(() => {
+          cy.findByText('someone.else@test.com')
+          cy.findByText('N/A')
+          cy.findByText('Invite not yet accepted')
+        })
+      })
+  })
+
+  it('tries to send an invite and displays the error', function () {
+    cy.intercept('POST', PATHS.addMember, {
+      statusCode: 500,
+      body: {
+        error: {
+          message: 'User already added',
+        },
+      },
+    })
+
+    cy.findByTestId('add-members-form').within(() => {
+      cy.findByRole('textbox').type('someone.else@test.com')
+      cy.findByRole('button').click()
+    })
+    cy.findByRole('alert').should('contain.text', 'Error: User already added')
+  })
+
+  it('checks the select all checkbox', function () {
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByLabelText(/select user/i).should('not.be.checked')
+        })
+        cy.get('tr:nth-child(2)').within(() => {
+          cy.findByLabelText(/select user/i).should('not.be.checked')
+        })
+      })
+
+    cy.findByTestId('managed-entities-table')
+      .find('thead')
+      .within(() => {
+        cy.findByLabelText(/select all/i).check()
+      })
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByLabelText(/select user/i).should('be.checked')
+        })
+        cy.get('tr:nth-child(2)').within(() => {
+          cy.findByLabelText(/select user/i).should('be.checked')
+        })
+      })
+  })
+
+  it('remove a member', function () {
+    cy.intercept('DELETE', `${PATHS.removeMember}/abc123def456`, {
+      statusCode: 200,
+    })
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByLabelText(/select user/i).check()
+        })
+      })
+
+    cy.findByRole('button', { name: /remove manager/i }).click()
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByText('bobby.lapointe@test.com')
+          cy.findByText('Bobby Lapointe')
+          cy.findByText('2nd Jan 2023')
+          cy.findByText('Accepted invite')
+        })
+      })
+  })
+
+  it('tries to remove a manager and displays the error', function () {
+    cy.intercept('DELETE', `${PATHS.removeMember}/abc123def456`, {
+      statusCode: 500,
+    })
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByLabelText(/select user/i).check()
+        })
+      })
+    cy.findByRole('button', { name: /remove manager/i }).click()
+
+    cy.findByRole('alert').should('contain.text', 'Sorry, something went wrong')
+  })
+})
diff --git a/services/web/test/frontend/features/group-management/components/group-members.spec.tsx b/services/web/test/frontend/features/group-management/components/group-members.spec.tsx
new file mode 100644
index 0000000..2e2024a
--- /dev/null
+++ b/services/web/test/frontend/features/group-management/components/group-members.spec.tsx
@@ -0,0 +1,577 @@
+import GroupMembers from '@/features/group-management/components/group-members'
+import { GroupMembersProvider } from '@/features/group-management/context/group-members-context'
+import { User } from '../../../../../types/group-management/user'
+
+const GROUP_ID = '777fff777fff'
+const PATHS = {
+  addMember: `/manage/groups/${GROUP_ID}/invites`,
+  removeMember: `/manage/groups/${GROUP_ID}/user`,
+  removeInvite: `/manage/groups/${GROUP_ID}/invites`,
+  exportMembers: `/manage/groups/${GROUP_ID}/members/export`,
+}
+
+describe('GroupMembers', function () {
+  function mountGroupMembersProvider() {
+    cy.mount(
+      <GroupMembersProvider>
+        <GroupMembers />
+      </GroupMembersProvider>
+    )
+  }
+
+  describe('with Managed Users and Group SSO disabled', function () {
+    const JOHN_DOE = {
+      _id: 'abc123def456',
+      first_name: 'John',
+      last_name: 'Doe',
+      email: 'john.doe@test.com',
+      last_active_at: new Date('2023-01-15'),
+      invite: true,
+    }
+    const BOBBY_LAPOINTE = {
+      _id: 'bcd234efa567',
+      first_name: 'Bobby',
+      last_name: 'Lapointe',
+      email: 'bobby.lapointe@test.com',
+      last_active_at: new Date('2023-01-02'),
+      invite: false,
+    }
+
+    beforeEach(function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-groupId', GROUP_ID)
+        win.metaAttributesCache.set('ol-groupName', 'My Awesome Team')
+        win.metaAttributesCache.set('ol-groupSize', 10)
+        win.metaAttributesCache.set('ol-users', [JOHN_DOE, BOBBY_LAPOINTE])
+      })
+
+      cy.mount(
+        <GroupMembersProvider>
+          <GroupMembers />
+        </GroupMembersProvider>
+      )
+    })
+
+    it('renders the group members page', function () {
+      cy.findByRole('heading', { name: /my awesome team/i, level: 1 })
+      cy.findByTestId('page-header-members-details').contains(
+        'You have added 2 of 10 available members'
+      )
+
+      cy.findByTestId('managed-entities-table')
+        .find('tbody')
+        .within(() => {
+          cy.get('tr:nth-child(1)').within(() => {
+            cy.contains('john.doe@test.com')
+            cy.contains('John Doe')
+            cy.contains('15th Jan 2023')
+            cy.findByTestId('badge-pending-invite').should(
+              'have.text',
+              'Pending invite'
+            )
+          })
+
+          cy.get('tr:nth-child(2)').within(() => {
+            cy.contains('bobby.lapointe@test.com')
+            cy.contains('Bobby Lapointe')
+            cy.contains('2nd Jan 2023')
+            cy.findByTestId('badge-pending-invite').should('not.exist')
+          })
+        })
+    })
+
+    it('sends an invite', function () {
+      cy.intercept('POST', PATHS.addMember, {
+        statusCode: 201,
+        body: {
+          user: {
+            email: 'someone.else@test.com',
+            invite: true,
+          },
+        },
+      })
+
+      cy.get('.form-control').type('someone.else@test.com')
+      cy.get('.add-more-members-form button').click()
+
+      cy.findByTestId('managed-entities-table')
+        .find('tbody')
+        .within(() => {
+          cy.get('tr:nth-child(3)').within(() => {
+            cy.contains('someone.else@test.com')
+            cy.contains('N/A')
+            cy.findByTestId('badge-pending-invite').should(
+              'have.text',
+              'Pending invite'
+            )
+          })
+        })
+    })
+
+    it('tries to send an invite and displays the error', function () {
+      cy.intercept('POST', PATHS.addMember, {
+        statusCode: 500,
+        body: {
+          error: {
+            message: 'User already added',
+          },
+        },
+      })
+
+      cy.get('.form-control').type('someone.else@test.com')
+      cy.get('.add-more-members-form button').click()
+      cy.findByRole('alert').contains('Error: User already added')
+    })
+
+    it('checks the select all checkbox', function () {
+      cy.findByTestId('managed-entities-table')
+        .find('tbody')
+        .within(() => {
+          cy.get('tr:nth-child(1)').within(() => {
+            cy.findByTestId('select-single-checkbox').should('not.be.checked')
+          })
+          cy.get('tr:nth-child(2)').within(() => {
+            cy.findByTestId('select-single-checkbox').should('not.be.checked')
+          })
+        })
+
+      cy.findByTestId('select-all-checkbox').click()
+
+      cy.findByTestId('managed-entities-table')
+        .find('tbody')
+        .within(() => {
+          cy.get('tr:nth-child(1)').within(() => {
+            cy.findByTestId('select-single-checkbox').should('be.checked')
+          })
+          cy.get('tr:nth-child(2)').within(() => {
+            cy.findByTestId('select-single-checkbox').should('be.checked')
+          })
+        })
+    })
+
+    it('remove a member', function () {
+      cy.intercept('DELETE', `${PATHS.removeMember}/abc123def456`, {
+        statusCode: 200,
+      })
+
+      cy.findByTestId('managed-entities-table')
+        .find('tbody')
+        .within(() => {
+          cy.get('tr:nth-child(1)').within(() => {
+            cy.findByTestId('select-single-checkbox').check()
+          })
+        })
+
+      cy.get('button').contains('Remove from group').click()
+
+      cy.get('small').contains('You have added 1 of 10 available members')
+      cy.findByTestId('managed-entities-table')
+        .find('tbody')
+        .within(() => {
+          cy.get('tr:nth-child(1)').within(() => {
+            cy.contains('bobby.lapointe@test.com')
+            cy.contains('Bobby Lapointe')
+            cy.contains('2nd Jan 2023')
+            cy.contains('Pending invite').should('not.exist')
+          })
+        })
+    })
+
+    it('tries to remove a user and displays the error', function () {
+      cy.intercept('DELETE', `${PATHS.removeMember}/abc123def456`, {
+        statusCode: 500,
+      })
+
+      cy.findByTestId('managed-entities-table')
+        .find('tbody')
+        .within(() => {
+          cy.get('tr:nth-child(1)').within(() => {
+            cy.findByTestId('select-single-checkbox').check()
+          })
+        })
+      cy.get('button').contains('Remove from group').click()
+
+      cy.findByRole('alert').contains('Sorry, something went wrong')
+    })
+  })
+
+  describe('with Managed Users enabled', function () {
+    const JOHN_DOE: User = {
+      _id: 'abc123def456',
+      first_name: 'John',
+      last_name: 'Doe',
+      email: 'john.doe@test.com',
+      last_active_at: new Date('2023-01-15'),
+      invite: true,
+    }
+    const BOBBY_LAPOINTE: User = {
+      _id: 'bcd234efa567',
+      first_name: 'Bobby',
+      last_name: 'Lapointe',
+      email: 'bobby.lapointe@test.com',
+      last_active_at: new Date('2023-01-02'),
+      invite: false,
+    }
+    const CLAIRE_JENNINGS: User = {
+      _id: 'defabc231453',
+      first_name: 'Claire',
+      last_name: 'Jennings',
+      email: 'claire.jennings@test.com',
+      last_active_at: new Date('2023-01-03'),
+      invite: false,
+      enrollment: {
+        managedBy: GROUP_ID,
+        enrolledAt: new Date('2023-01-03'),
+        sso: [
+          {
+            groupId: GROUP_ID,
+            linkedAt: new Date(),
+            primary: true,
+          },
+        ],
+      },
+    }
+
+    beforeEach(function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-users', [
+          JOHN_DOE,
+          BOBBY_LAPOINTE,
+          CLAIRE_JENNINGS,
+        ])
+        win.metaAttributesCache.set('ol-groupId', GROUP_ID)
+        win.metaAttributesCache.set('ol-groupName', 'My Awesome Team')
+        win.metaAttributesCache.set('ol-groupSize', 10)
+        win.metaAttributesCache.set('ol-managedUsersActive', true)
+      })
+      mountGroupMembersProvider()
+    })
+
+    it('renders the group members page', function () {
+      cy.get('h1').contains('My Awesome Team')
+      cy.get('small').contains('You have added 3 of 10 available members')
+
+      cy.findByTestId('managed-entities-table')
+        .find('tbody')
+        .within(() => {
+          cy.get('tr:nth-child(1)').within(() => {
+            cy.contains('john.doe@test.com')
+            cy.contains('John Doe')
+            cy.contains('15th Jan 2023')
+            cy.get('.visually-hidden').contains('Pending invite')
+            cy.findByTestId('badge-pending-invite').should(
+              'have.text',
+              'Pending invite'
+            )
+            cy.get(`.security-state-invite-pending`).should('exist')
+          })
+
+          cy.get('tr:nth-child(2)').within(() => {
+            cy.contains('bobby.lapointe@test.com')
+            cy.contains('Bobby Lapointe')
+            cy.contains('2nd Jan 2023')
+            cy.findByTestId('badge-pending-invite').should('not.exist')
+            cy.get('.visually-hidden').contains('Not managed')
+          })
+
+          cy.get('tr:nth-child(3)').within(() => {
+            cy.contains('claire.jennings@test.com')
+            cy.contains('Claire Jennings')
+            cy.contains('3rd Jan 2023')
+            cy.findByTestId('badge-pending-invite').should('not.exist')
+            cy.get('.visually-hidden').contains('Managed')
+          })
+        })
+    })
+
+    it('sends an invite', function () {
+      cy.intercept('POST', PATHS.addMember, {
+        statusCode: 201,
+        body: {
+          user: {
+            email: 'someone.else@test.com',
+            invite: true,
+          },
+        },
+      })
+
+      cy.get('.form-control').type('someone.else@test.com')
+      cy.get('.add-more-members-form button').click()
+
+      cy.findByTestId('managed-entities-table')
+        .find('tbody')
+        .within(() => {
+          cy.get('tr:nth-child(4)').within(() => {
+            cy.contains('someone.else@test.com')
+            cy.contains('N/A')
+            cy.get('.visually-hidden').contains('Pending invite')
+            cy.findByTestId('badge-pending-invite').should(
+              'have.text',
+              'Pending invite'
+            )
+            cy.get(`.security-state-invite-pending`).should('exist')
+          })
+        })
+    })
+
+    it('tries to send an invite and displays the error', function () {
+      cy.intercept('POST', PATHS.addMember, {
+        statusCode: 500,
+        body: {
+          error: {
+            message: 'User already added',
+          },
+        },
+      })
+
+      cy.get('.form-control').type('someone.else@test.com')
+      cy.get('.add-more-members-form button').click()
+      cy.findByRole('alert').contains('Error: User already added')
+    })
+
+    it('checks the select all checkbox', function () {
+      cy.findByTestId('managed-entities-table')
+        .find('tbody')
+        .within(() => {
+          cy.get('tr:nth-child(1)').within(() => {
+            cy.findByTestId('select-single-checkbox').should('not.be.checked')
+          })
+          cy.get('tr:nth-child(2)').within(() => {
+            cy.findByTestId('select-single-checkbox').should('not.be.checked')
+          })
+        })
+
+      cy.findByTestId('select-all-checkbox').click()
+
+      cy.findByTestId('managed-entities-table')
+        .find('tbody')
+        .within(() => {
+          cy.get('tr:nth-child(1)').within(() => {
+            cy.findByTestId('select-single-checkbox').should('be.checked')
+          })
+          cy.get('tr:nth-child(2)').within(() => {
+            cy.findByTestId('select-single-checkbox').should('be.checked')
+          })
+        })
+
+      cy.get('button').contains('Remove from group').click()
+    })
+
+    it('remove a member', function () {
+      cy.intercept('DELETE', `${PATHS.removeMember}/abc123def456`, {
+        statusCode: 200,
+      })
+
+      cy.findByTestId('managed-entities-table')
+        .find('tbody')
+        .within(() => {
+          cy.get('tr:nth-child(1)').within(() => {
+            cy.findByTestId('select-single-checkbox').check()
+          })
+        })
+
+      cy.get('button').contains('Remove from group').click()
+
+      cy.get('small').contains('You have added 2 of 10 available members')
+      cy.findByTestId('managed-entities-table')
+        .find('tbody')
+        .within(() => {
+          cy.get('tr:nth-child(1)').within(() => {
+            cy.contains('bobby.lapointe@test.com')
+            cy.contains('Bobby Lapointe')
+            cy.contains('2nd Jan 2023')
+          })
+        })
+    })
+
+    it('cannot remove a managed member', function () {
+      cy.intercept('DELETE', `${PATHS.removeMember}/abc123def456`, {
+        statusCode: 200,
+      })
+
+      cy.findByTestId('managed-entities-table')
+        .find('tbody')
+        .within(() => {
+          // no checkbox should be shown for 'Claire Jennings', a managed user
+          cy.get('tr:nth-child(3)').within(() => {
+            cy.findByTestId('select-single-checkbox').should('not.exist')
+          })
+        })
+    })
+
+    it('tries to remove a user and displays the error', function () {
+      cy.intercept('DELETE', `${PATHS.removeMember}/abc123def456`, {
+        statusCode: 500,
+      })
+
+      cy.findByTestId('managed-entities-table')
+        .find('tbody')
+        .within(() => {
+          cy.get('tr:nth-child(1)').within(() => {
+            cy.findByTestId('select-single-checkbox').check()
+          })
+        })
+      cy.get('.page-header').within(() => {
+        cy.get('button').contains('Remove from group').click()
+      })
+
+      cy.findByRole('alert').contains('Sorry, something went wrong')
+    })
+  })
+
+  describe('with Group SSO enabled', function () {
+    const JOHN_DOE: User = {
+      _id: 'abc123def456',
+      first_name: 'John',
+      last_name: 'Doe',
+      email: 'john.doe@test.com',
+      last_active_at: new Date('2023-01-15'),
+      invite: true,
+    }
+    const BOBBY_LAPOINTE: User = {
+      _id: 'bcd234efa567',
+      first_name: 'Bobby',
+      last_name: 'Lapointe',
+      email: 'bobby.lapointe@test.com',
+      last_active_at: new Date('2023-01-02'),
+      invite: false,
+    }
+    const CLAIRE_JENNINGS: User = {
+      _id: 'defabc231453',
+      first_name: 'Claire',
+      last_name: 'Jennings',
+      email: 'claire.jennings@test.com',
+      last_active_at: new Date('2023-01-03'),
+      invite: false,
+      enrollment: {
+        managedBy: GROUP_ID,
+        enrolledAt: new Date('2023-01-03'),
+        sso: [
+          {
+            groupId: GROUP_ID,
+            linkedAt: new Date(),
+            primary: true,
+          },
+        ],
+      },
+    }
+
+    beforeEach(function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-users', [
+          JOHN_DOE,
+          BOBBY_LAPOINTE,
+          CLAIRE_JENNINGS,
+        ])
+        win.metaAttributesCache.set('ol-groupId', GROUP_ID)
+        win.metaAttributesCache.set('ol-groupName', 'My Awesome Team')
+        win.metaAttributesCache.set('ol-groupSize', 10)
+        win.metaAttributesCache.set('ol-managedUsersActive', false)
+        win.metaAttributesCache.set('ol-groupSSOActive', true)
+      })
+
+      mountGroupMembersProvider()
+    })
+
+    it('should display the Security column', function () {
+      cy.findByTestId('managed-entities-table')
+        .find('tbody')
+        .within(() => {
+          cy.get('tr:nth-child(2)').within(() => {
+            cy.contains('bobby.lapointe@test.com')
+            cy.get('.visually-hidden').contains('SSO not active')
+          })
+
+          cy.get('tr:nth-child(3)').within(() => {
+            cy.contains('claire.jennings@test.com')
+            cy.get('.visually-hidden').contains('SSO active')
+          })
+        })
+    })
+  })
+
+  describe('with flexible group licensing enabled', function () {
+    beforeEach(function () {
+      this.JOHN_DOE = {
+        _id: 'abc123def456',
+        first_name: 'John',
+        last_name: 'Doe',
+        email: 'john.doe@test.com',
+        last_active_at: new Date('2023-01-15'),
+        invite: false,
+      }
+      this.BOBBY_LAPOINTE = {
+        _id: 'bcd234efa567',
+        first_name: 'Bobby',
+        last_name: 'Lapointe',
+        email: 'bobby.lapointe@test.com',
+        last_active_at: new Date('2023-01-02'),
+        invite: false,
+      }
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-groupId', GROUP_ID)
+        win.metaAttributesCache.set('ol-groupName', 'My Awesome Team')
+        win.metaAttributesCache.set('ol-groupSize', 10)
+        win.metaAttributesCache.set('ol-canUseFlexibleLicensing', true)
+        win.metaAttributesCache.set('ol-canUseAddSeatsFeature', true)
+      })
+    })
+
+    it('renders the group members page with the new text', function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-users', [
+          this.JOHN_DOE,
+          this.BOBBY_LAPOINTE,
+        ])
+      })
+
+      cy.mount(
+        <GroupMembersProvider>
+          <GroupMembers />
+        </GroupMembersProvider>
+      )
+
+      cy.findByTestId('group-size-details').contains(
+        'You have 2 licenses and your plan supports up to 10. Buy more licenses.'
+      )
+      cy.findByTestId('add-more-members-form').within(() => {
+        cy.contains('Invite more members')
+        cy.get('button').contains('Invite')
+      })
+    })
+
+    it('renders the group members page with new text when only has one group member', function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-users', [this.JOHN_DOE])
+      })
+
+      cy.mount(
+        <GroupMembersProvider>
+          <GroupMembers />
+        </GroupMembersProvider>
+      )
+
+      cy.findByTestId('group-size-details').contains(
+        'You have 1 license and your plan supports up to 10. Buy more licenses.'
+      )
+    })
+
+    it('renders the group members page without "buy more licenses" link when not admin', function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-users', [this.JOHN_DOE])
+        win.metaAttributesCache.set('ol-canUseAddSeatsFeature', false)
+      })
+
+      cy.mount(
+        <GroupMembersProvider>
+          <GroupMembers />
+        </GroupMembersProvider>
+      )
+
+      cy.findByTestId('group-size-details').within(() => {
+        cy.findByText(/you have \d+ license and your plan supports up to \d+/i)
+        cy.findByText(/buy more licenses/i).should('not.exist')
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/group-management/components/institution-managers.spec.tsx b/services/web/test/frontend/features/group-management/components/institution-managers.spec.tsx
new file mode 100644
index 0000000..5754eaf
--- /dev/null
+++ b/services/web/test/frontend/features/group-management/components/institution-managers.spec.tsx
@@ -0,0 +1,175 @@
+import InstitutionManagers from '@/features/group-management/components/institution-managers'
+
+const JOHN_DOE = {
+  _id: 'abc123def456',
+  first_name: 'John',
+  last_name: 'Doe',
+  email: 'john.doe@test.com',
+  last_active_at: new Date('2023-01-15'),
+  invite: true,
+}
+const BOBBY_LAPOINTE = {
+  _id: 'bcd234efa567',
+  first_name: 'Bobby',
+  last_name: 'Lapointe',
+  email: 'bobby.lapointe@test.com',
+  last_active_at: new Date('2023-01-02'),
+  invite: false,
+}
+const GROUP_ID = '999fff999fff'
+const PATHS = {
+  addMember: `/manage/institutions/${GROUP_ID}/managers`,
+  removeMember: `/manage/institutions/${GROUP_ID}/managers`,
+}
+
+describe('institution managers', function () {
+  beforeEach(function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-users', [JOHN_DOE, BOBBY_LAPOINTE])
+      win.metaAttributesCache.set('ol-groupId', GROUP_ID)
+      win.metaAttributesCache.set('ol-groupName', 'My Awesome Institution')
+    })
+
+    cy.mount(<InstitutionManagers />)
+  })
+
+  it('renders the institution management page', function () {
+    cy.findByRole('heading', { name: /my awesome institution/i, level: 1 })
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByText('john.doe@test.com')
+          cy.findByText('John Doe')
+          cy.findByText('15th Jan 2023')
+          cy.findByText('Invite not yet accepted')
+        })
+
+        cy.get('tr:nth-child(2)').within(() => {
+          cy.findByText('bobby.lapointe@test.com')
+          cy.findByText('Bobby Lapointe')
+          cy.findByText('2nd Jan 2023')
+          cy.findByText('Accepted invite')
+        })
+      })
+  })
+
+  it('sends an invite', function () {
+    cy.intercept('POST', PATHS.addMember, {
+      statusCode: 201,
+      body: {
+        user: {
+          email: 'someone.else@test.com',
+          invite: true,
+        },
+      },
+    })
+
+    cy.findByTestId('add-members-form').within(() => {
+      cy.findByRole('textbox').type('someone.else@test.com')
+      cy.findByRole('button').click()
+    })
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(3)').within(() => {
+          cy.findByText('someone.else@test.com')
+          cy.findByText('N/A')
+          cy.findByText('Invite not yet accepted')
+        })
+      })
+  })
+
+  it('tries to send an invite and displays the error', function () {
+    cy.intercept('POST', PATHS.addMember, {
+      statusCode: 500,
+      body: {
+        error: {
+          message: 'User already added',
+        },
+      },
+    })
+
+    cy.findByTestId('add-members-form').within(() => {
+      cy.findByRole('textbox').type('someone.else@test.com')
+      cy.findByRole('button').click()
+    })
+    cy.findByRole('alert').should('contain.text', 'Error: User already added')
+  })
+
+  it('checks the select all checkbox', function () {
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByLabelText(/select user/i).should('not.be.checked')
+        })
+        cy.get('tr:nth-child(2)').within(() => {
+          cy.findByLabelText(/select user/i).should('not.be.checked')
+        })
+      })
+
+    cy.findByTestId('managed-entities-table')
+      .find('thead')
+      .within(() => {
+        cy.findByLabelText(/select all/i).check()
+      })
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByLabelText(/select user/i).should('be.checked')
+        })
+        cy.get('tr:nth-child(2)').within(() => {
+          cy.findByLabelText(/select user/i).should('be.checked')
+        })
+      })
+  })
+
+  it('remove a member', function () {
+    cy.intercept('DELETE', `${PATHS.removeMember}/abc123def456`, {
+      statusCode: 200,
+    })
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByLabelText(/select user/i).check()
+        })
+      })
+
+    cy.findByRole('button', { name: /remove manager/i }).click()
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByText('bobby.lapointe@test.com')
+          cy.findByText('Bobby Lapointe')
+          cy.findByText('2nd Jan 2023')
+          cy.findByText('Accepted invite')
+        })
+      })
+  })
+
+  it('tries to remove a manager and displays the error', function () {
+    cy.intercept('DELETE', `${PATHS.removeMember}/abc123def456`, {
+      statusCode: 500,
+    })
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByLabelText(/select user/i).check()
+        })
+      })
+    cy.findByRole('button', { name: /remove manager/i }).click()
+
+    cy.findByRole('alert').should('contain.text', 'Sorry, something went wrong')
+  })
+})
diff --git a/services/web/test/frontend/features/group-management/components/managed-group-members.spec.tsx b/services/web/test/frontend/features/group-management/components/managed-group-members.spec.tsx
new file mode 100644
index 0000000..7ce99b5
--- /dev/null
+++ b/services/web/test/frontend/features/group-management/components/managed-group-members.spec.tsx
@@ -0,0 +1,313 @@
+import GroupMembers from '@/features/group-management/components/group-members'
+import { GroupMembersProvider } from '@/features/group-management/context/group-members-context'
+import { User } from '../../../../../types/group-management/user'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+
+const GROUP_ID = '777fff777fff'
+const JOHN_DOE: User = {
+  _id: 'abc123def456',
+  first_name: 'John',
+  last_name: 'Doe',
+  email: 'john.doe@test.com',
+  last_active_at: new Date('2023-01-15'),
+  invite: true,
+}
+const BOBBY_LAPOINTE: User = {
+  _id: 'bcd234efa567',
+  first_name: 'Bobby',
+  last_name: 'Lapointe',
+  email: 'bobby.lapointe@test.com',
+  last_active_at: new Date('2023-01-02'),
+  invite: false,
+  enrollment: {
+    sso: [
+      {
+        groupId: 'another',
+        linkedAt: new Date(),
+        primary: true,
+      },
+    ],
+  },
+}
+const CLAIRE_JENNINGS: User = {
+  _id: 'defabc231453',
+  first_name: 'Claire',
+  last_name: 'Jennings',
+  email: 'claire.jennings@test.com',
+  last_active_at: new Date('2023-01-03'),
+  invite: false,
+  enrollment: {
+    managedBy: GROUP_ID,
+    enrolledAt: new Date('2023-01-03'),
+    sso: [
+      {
+        groupId: GROUP_ID,
+        linkedAt: new Date(),
+        primary: true,
+      },
+    ],
+  },
+}
+const PATHS = {
+  addMember: `/manage/groups/${GROUP_ID}/invites`,
+  removeMember: `/manage/groups/${GROUP_ID}/user`,
+  removeInvite: `/manage/groups/${GROUP_ID}/invites`,
+  exportMembers: `/manage/groups/${GROUP_ID}/members/export`,
+}
+
+function mountGroupMembersProvider() {
+  cy.mount(
+    <SplitTestProvider>
+      <GroupMembersProvider>
+        <GroupMembers />
+      </GroupMembersProvider>
+    </SplitTestProvider>
+  )
+}
+
+describe('group members, with managed users', function () {
+  beforeEach(function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-users', [
+        JOHN_DOE,
+        BOBBY_LAPOINTE,
+        CLAIRE_JENNINGS,
+      ])
+      win.metaAttributesCache.set('ol-groupId', GROUP_ID)
+      win.metaAttributesCache.set('ol-groupName', 'My Awesome Team')
+      win.metaAttributesCache.set('ol-groupSize', 10)
+      win.metaAttributesCache.set('ol-managedUsersActive', true)
+    })
+    mountGroupMembersProvider()
+  })
+
+  it('renders the group members page', function () {
+    cy.get('h1').contains('My Awesome Team')
+    cy.get('small').contains('You have added 3 of 10 available members')
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.contains('john.doe@test.com')
+          cy.contains('John Doe')
+          cy.contains('15th Jan 2023')
+          cy.get('.visually-hidden').contains('Pending invite')
+
+          cy.findByTestId('badge-pending-invite').should(
+            'have.text',
+            'Pending invite'
+          )
+          cy.get(`.security-state-invite-pending`).should('exist')
+        })
+
+        cy.get('tr:nth-child(2)').within(() => {
+          cy.contains('bobby.lapointe@test.com')
+          cy.contains('Bobby Lapointe')
+          cy.contains('2nd Jan 2023')
+          cy.findByTestId('badge-pending-invite').should('not.exist')
+          cy.get('.visually-hidden').contains('Not managed')
+        })
+
+        cy.get('tr:nth-child(3)').within(() => {
+          cy.contains('claire.jennings@test.com')
+          cy.contains('Claire Jennings')
+          cy.contains('3rd Jan 2023')
+          cy.findByTestId('badge-pending-invite').should('not.exist')
+          cy.get('.visually-hidden').contains('Managed')
+        })
+      })
+  })
+
+  it('sends an invite', function () {
+    cy.intercept('POST', PATHS.addMember, {
+      statusCode: 201,
+      body: {
+        user: {
+          email: 'someone.else@test.com',
+          invite: true,
+        },
+      },
+    })
+
+    cy.get('.form-control').type('someone.else@test.com')
+    cy.get('.add-more-members-form button').click()
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(4)').within(() => {
+          cy.contains('someone.else@test.com')
+          cy.contains('N/A')
+          cy.get('.visually-hidden').contains('Pending invite')
+          cy.findByTestId('badge-pending-invite').should(
+            'have.text',
+            'Pending invite'
+          )
+          cy.get(`.security-state-invite-pending`).should('exist')
+        })
+      })
+  })
+
+  it('tries to send an invite and displays the error', function () {
+    cy.intercept('POST', PATHS.addMember, {
+      statusCode: 500,
+      body: {
+        error: {
+          message: 'User already added',
+        },
+      },
+    })
+
+    cy.get('.form-control').type('someone.else@test.com')
+    cy.get('.add-more-members-form button').click()
+    cy.findByRole('alert').contains('Error: User already added')
+  })
+
+  it('checks the select all checkbox', function () {
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByTestId('select-single-checkbox').should('not.be.checked')
+        })
+        cy.get('tr:nth-child(2)').within(() => {
+          cy.findByTestId('select-single-checkbox').should('not.be.checked')
+        })
+      })
+
+    cy.findByTestId('select-all-checkbox').click()
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByTestId('select-single-checkbox').should('be.checked')
+        })
+        cy.get('tr:nth-child(2)').within(() => {
+          cy.findByTestId('select-single-checkbox').should('be.checked')
+        })
+      })
+
+    cy.get('button').contains('Remove from group').click()
+  })
+
+  it('remove a member', function () {
+    cy.intercept('DELETE', `${PATHS.removeMember}/abc123def456`, {
+      statusCode: 200,
+    })
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByTestId('select-single-checkbox').check()
+        })
+      })
+
+    cy.get('button').contains('Remove from group').click()
+
+    cy.get('small').contains('You have added 2 of 10 available members')
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.contains('bobby.lapointe@test.com')
+          cy.contains('Bobby Lapointe')
+          cy.contains('2nd Jan 2023')
+        })
+      })
+  })
+
+  it('cannot remove a managed member', function () {
+    cy.intercept('DELETE', `${PATHS.removeMember}/abc123def456`, {
+      statusCode: 200,
+    })
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        // no checkbox should be shown for 'Claire Jennings', a managed user
+        cy.get('tr:nth-child(3)').within(() => {
+          cy.findByTestId('select-single-checkbox').should('not.exist')
+        })
+      })
+  })
+
+  it('tries to remove a user and displays the error', function () {
+    cy.intercept('DELETE', `${PATHS.removeMember}/abc123def456`, {
+      statusCode: 500,
+    })
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByTestId('select-single-checkbox').check()
+        })
+      })
+    cy.get('.page-header').within(() => {
+      cy.get('button').contains('Remove from group').click()
+    })
+
+    cy.findByRole('alert').contains('Sorry, something went wrong')
+  })
+})
+
+describe('Group members when group SSO is enabled', function () {
+  beforeEach(function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-users', [
+        JOHN_DOE,
+        BOBBY_LAPOINTE,
+        CLAIRE_JENNINGS,
+      ])
+      win.metaAttributesCache.set('ol-groupId', GROUP_ID)
+      win.metaAttributesCache.set('ol-groupName', 'My Awesome Team')
+      win.metaAttributesCache.set('ol-groupSize', 10)
+      win.metaAttributesCache.set('ol-managedUsersActive', true)
+    })
+  })
+
+  it('should not display SSO Column when group sso is not enabled', function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-groupSSOActive', false)
+    })
+    mountGroupMembersProvider()
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(2)').within(() => {
+          cy.contains('bobby.lapointe@test.com')
+          cy.get('.visually-hidden')
+            .contains('SSO not active')
+            .should('not.exist')
+        })
+
+        cy.get('tr:nth-child(3)').within(() => {
+          cy.contains('claire.jennings@test.com')
+          cy.get('.visually-hidden').contains('SSO active').should('not.exist')
+        })
+      })
+  })
+
+  it('should display SSO Column when Group SSO is enabled', function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-groupSSOActive', true)
+    })
+    mountGroupMembersProvider()
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(2)').within(() => {
+          cy.contains('bobby.lapointe@test.com')
+          cy.get('.visually-hidden').contains('SSO not active')
+        })
+
+        cy.get('tr:nth-child(3)').within(() => {
+          cy.contains('claire.jennings@test.com')
+          cy.get('.visually-hidden').contains('SSO active')
+        })
+      })
+  })
+})
diff --git a/services/web/test/frontend/features/group-management/components/members-table/dropdown-button.spec.tsx b/services/web/test/frontend/features/group-management/components/members-table/dropdown-button.spec.tsx
new file mode 100644
index 0000000..9213069
--- /dev/null
+++ b/services/web/test/frontend/features/group-management/components/members-table/dropdown-button.spec.tsx
@@ -0,0 +1,802 @@
+import type { PropsWithChildren } from 'react'
+import sinon from 'sinon'
+import DropdownButton from '@/features/group-management/components/members-table/dropdown-button'
+import { GroupMembersProvider } from '@/features/group-management/context/group-members-context'
+import { User } from '../../../../../../types/group-management/user'
+
+function Wrapper({ children }: PropsWithChildren<Record<string, unknown>>) {
+  return (
+    <table className="table">
+      <tbody>
+        <tr>
+          <td className="managed-users-actions" style={{ textAlign: 'right' }}>
+            <GroupMembersProvider>{children}</GroupMembersProvider>
+          </td>
+        </tr>
+      </tbody>
+    </table>
+  )
+}
+
+function mountDropDownComponent(user: User, subscriptionId: string) {
+  cy.mount(
+    <Wrapper>
+      <DropdownButton
+        user={user}
+        openOffboardingModalForUser={sinon.stub()}
+        openUnlinkUserModal={sinon.stub()}
+        groupId={subscriptionId}
+        setGroupUserAlert={sinon.stub()}
+      />
+    </Wrapper>
+  )
+}
+
+describe('DropdownButton', function () {
+  const subscriptionId = '123abc123abc'
+
+  describe('with a standard group', function () {
+    describe('for a pending user (has not joined group)', function () {
+      const user: User = {
+        _id: 'some-user',
+        email: 'some.user@example.com',
+        first_name: 'Some',
+        last_name: 'User',
+        invite: true,
+        last_active_at: new Date(),
+        enrollment: {},
+        isEntityAdmin: undefined,
+      }
+
+      beforeEach(function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        mountDropDownComponent(user, subscriptionId)
+      })
+
+      it('should render dropdown button', function () {
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+        cy.findByRole('button', { name: /actions/i })
+      })
+
+      it('should show the correct menu when dropdown button is clicked', function () {
+        cy.findByRole('button', { name: /actions/i }).click()
+        cy.findByTestId('resend-group-invite-action').should('be.visible')
+        cy.findByTestId('remove-user-action').should('be.visible')
+
+        cy.findByTestId('resend-managed-user-invite-action').should('not.exist')
+        cy.findByTestId('resend-sso-link-invite-action').should('not.exist')
+        cy.findByTestId('no-actions-available').should('not.exist')
+      })
+    })
+
+    describe('for the group admin', function () {
+      const user: User = {
+        _id: 'some-user',
+        email: 'some.user@example.com',
+        first_name: 'Some',
+        last_name: 'User',
+        invite: false,
+        last_active_at: new Date(),
+        enrollment: {},
+        isEntityAdmin: true,
+      }
+
+      beforeEach(function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+        mountDropDownComponent(user, subscriptionId)
+      })
+
+      it('should render dropdown button', function () {
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+        cy.findByRole('button', { name: /actions/i })
+      })
+
+      it('should show the correct menu when dropdown button is clicked', function () {
+        cy.findByRole('button', { name: /actions/i }).click()
+
+        cy.findByTestId('remove-user-action').should('be.visible')
+
+        cy.findByTestId('no-actions-available').should('not.exist')
+      })
+    })
+  })
+
+  describe('with Managed Users enabled', function () {
+    beforeEach(function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-managedUsersActive', true)
+        win.metaAttributesCache.set('ol-groupSSOActive', false)
+      })
+    })
+
+    describe('for a pending user (has not joined group)', function () {
+      const user: User = {
+        _id: 'some-user',
+        email: 'some.user@example.com',
+        first_name: 'Some',
+        last_name: 'User',
+        invite: true,
+        last_active_at: new Date(),
+        enrollment: {},
+        isEntityAdmin: undefined,
+      }
+
+      beforeEach(function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        mountDropDownComponent(user, subscriptionId)
+      })
+
+      it('should render dropdown button', function () {
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+        cy.findByRole('button', { name: /actions/i })
+      })
+
+      it('should show the correct menu when dropdown button is clicked', function () {
+        cy.findByRole('button', { name: /actions/i }).click()
+        cy.findByTestId('resend-group-invite-action').should('be.visible')
+        cy.findByTestId('remove-user-action').should('be.visible')
+
+        cy.findByTestId('resend-managed-user-invite-action').should('not.exist')
+        cy.findByTestId('resend-sso-link-invite-action').should('not.exist')
+        cy.findByTestId('no-actions-available').should('not.exist')
+      })
+    })
+
+    describe('for a managed group member', function () {
+      const user: User = {
+        _id: 'some-user',
+        email: 'some.user@example.com',
+        first_name: 'Some',
+        last_name: 'User',
+        invite: false,
+        last_active_at: new Date(),
+        enrollment: {
+          managedBy: subscriptionId,
+          enrolledAt: new Date(),
+        },
+        isEntityAdmin: undefined,
+      }
+
+      beforeEach(function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+        mountDropDownComponent(user, subscriptionId)
+      })
+
+      it('should render the dropdown button', function () {
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+        cy.findByRole('button', { name: /actions/i })
+      })
+
+      it('should show the correct menu when dropdown button is clicked', function () {
+        cy.findByRole('button', { name: /actions/i }).click()
+
+        cy.findByTestId('delete-user-action').should('be.visible')
+
+        cy.findByTestId('remove-user-action').should('not.exist')
+        cy.findByTestId('resend-managed-user-invite-action').should('not.exist')
+        cy.findByTestId('resend-sso-link-invite-action').should('not.exist')
+        cy.findByTestId('no-actions-available').should('not.exist')
+      })
+    })
+
+    describe('for a non-managed group member', function () {
+      const user: User = {
+        _id: 'some-user',
+        email: 'some.user@example.com',
+        first_name: 'Some',
+        last_name: 'User',
+        invite: false,
+        last_active_at: new Date(),
+        enrollment: {},
+        isEntityAdmin: undefined,
+      }
+
+      beforeEach(function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        mountDropDownComponent(user, subscriptionId)
+      })
+
+      it('should render dropdown button', function () {
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+        cy.findByRole('button', { name: /actions/i })
+      })
+
+      it('should show the correct menu when dropdown button is clicked', function () {
+        cy.findByRole('button', { name: /actions/i }).click()
+
+        cy.findByTestId('resend-managed-user-invite-action').should(
+          'be.visible'
+        )
+        cy.findByTestId('remove-user-action').should('be.visible')
+
+        cy.findByTestId('resend-sso-link-invite-action').should('not.exist')
+        cy.findByTestId('no-actions-available').should('not.exist')
+      })
+    })
+
+    describe('for a managed group admin user', function () {
+      const user: User = {
+        _id: 'some-user',
+        email: 'some.user@example.com',
+        first_name: 'Some',
+        last_name: 'User',
+        invite: false,
+        last_active_at: new Date(),
+        enrollment: {
+          managedBy: subscriptionId,
+          enrolledAt: new Date(),
+        },
+        isEntityAdmin: true,
+      }
+
+      beforeEach(function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        mountDropDownComponent(user, subscriptionId)
+      })
+
+      it('should render the button', function () {
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+        cy.findByRole('button', { name: /actions/i })
+      })
+
+      it('should show the (empty) menu when the button is clicked', function () {
+        cy.findByRole('button', { name: /actions/i }).click()
+        cy.findByTestId('no-actions-available').should('exist')
+      })
+    })
+  })
+
+  describe('with Group SSO enabled', function () {
+    beforeEach(function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-managedUsersActive', false)
+        win.metaAttributesCache.set('ol-groupSSOActive', true)
+      })
+    })
+
+    describe('for a pending user (has not joined group)', function () {
+      const user: User = {
+        _id: 'some-user',
+        email: 'some.user@example.com',
+        first_name: 'Some',
+        last_name: 'User',
+        invite: true,
+        last_active_at: new Date(),
+        enrollment: {},
+        isEntityAdmin: undefined,
+      }
+
+      beforeEach(function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        mountDropDownComponent(user, subscriptionId)
+      })
+
+      it('should render dropdown button', function () {
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+        cy.findByRole('button', { name: /actions/i })
+      })
+
+      it('should show the correct menu when dropdown button is clicked', function () {
+        cy.findByRole('button', { name: /actions/i }).click()
+        cy.findByTestId('resend-group-invite-action').should('be.visible')
+        cy.findByTestId('remove-user-action').should('be.visible')
+
+        cy.findByTestId('resend-managed-user-invite-action').should('not.exist')
+        cy.findByTestId('resend-sso-link-invite-action').should('not.exist')
+        cy.findByTestId('unlink-user-action').should('not.exist')
+        cy.findByTestId('no-actions-available').should('not.exist')
+      })
+    })
+
+    describe('for a group member not linked with SSO yet', function () {
+      const user: User = {
+        _id: 'some-user',
+        email: 'some.user@example.com',
+        first_name: 'Some',
+        last_name: 'User',
+        invite: false,
+        last_active_at: new Date(),
+        enrollment: {},
+        isEntityAdmin: undefined,
+      }
+
+      beforeEach(function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+      })
+
+      it('should show resend invite when user is admin', function () {
+        mountDropDownComponent({ ...user, isEntityAdmin: true }, '123abc')
+        cy.findByRole('button', { name: /actions/i }).click()
+        cy.findByTestId('resend-sso-link-invite-action').should('exist')
+      })
+
+      it('should not show resend invite when SSO is disabled', function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-groupSSOActive', false)
+        })
+        mountDropDownComponent(user, '123abc')
+        cy.findByRole('button', { name: /actions/i }).click()
+        cy.findByTestId('resend-sso-link-invite-action').should('not.exist')
+      })
+
+      it('should show the resend SSO invite option when dropdown button is clicked', function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-groupSSOActive', true)
+        })
+        mountDropDownComponent(user, '123abc')
+        cy.findByRole('button', { name: /actions/i }).click()
+        cy.findByTestId('resend-sso-link-invite-action').should('be.visible')
+      })
+
+      it('should make the correct post request when resend SSO invite is clicked ', function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-groupSSOActive', true)
+        })
+        cy.intercept(
+          'POST',
+          '/manage/groups/123abc/resendSSOLinkInvite/some-user',
+          { success: true }
+        ).as('resendInviteRequest')
+        mountDropDownComponent(user, '123abc')
+        cy.findByRole('button', { name: /actions/i }).click()
+        cy.findByTestId('resend-sso-link-invite-action')
+          .should('exist')
+          .as('resendInvite')
+        cy.get('@resendInvite').click()
+        cy.wait('@resendInviteRequest')
+      })
+    })
+  })
+
+  describe('with Managed Users and Group SSO enabled', function () {
+    beforeEach(function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-managedUsersActive', true)
+        win.metaAttributesCache.set('ol-groupSSOActive', true)
+      })
+    })
+
+    describe('for a pending user (has not joined group)', function () {
+      const user: User = {
+        _id: 'some-user',
+        email: 'some.user@example.com',
+        first_name: 'Some',
+        last_name: 'User',
+        invite: true,
+        last_active_at: new Date(),
+        enrollment: {},
+        isEntityAdmin: undefined,
+      }
+
+      beforeEach(function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        mountDropDownComponent(user, subscriptionId)
+      })
+
+      it('should render dropdown button', function () {
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+        cy.findByRole('button', { name: /actions/i })
+      })
+
+      it('should show the correct menu when dropdown button is clicked', function () {
+        cy.findByRole('button', { name: /actions/i }).click()
+        cy.findByTestId('resend-group-invite-action').should('be.visible')
+        cy.findByTestId('remove-user-action').should('be.visible')
+
+        cy.findByTestId('resend-managed-user-invite-action').should('not.exist')
+        cy.findByTestId('resend-sso-link-invite-action').should('not.exist')
+        cy.findByTestId('unlink-user-action').should('not.exist')
+        cy.findByTestId('no-actions-available').should('not.exist')
+      })
+    })
+
+    describe('for a non-managed group member with SSO linked', function () {
+      const user: User = {
+        _id: 'some-user',
+        email: 'some.user@example.com',
+        first_name: 'Some',
+        last_name: 'User',
+        invite: false,
+        last_active_at: new Date(),
+        enrollment: {
+          sso: [
+            {
+              groupId: subscriptionId,
+              linkedAt: new Date(),
+              primary: true,
+            },
+          ],
+        },
+        isEntityAdmin: undefined,
+      }
+
+      beforeEach(function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        mountDropDownComponent(user, subscriptionId)
+      })
+
+      it('should render dropdown button', function () {
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+        cy.findByRole('button', { name: /actions/i })
+      })
+
+      it('should show the correct menu when dropdown button is clicked', function () {
+        cy.findByRole('button', { name: /actions/i }).click()
+
+        cy.findByTestId('resend-managed-user-invite-action').should(
+          'be.visible'
+        )
+        cy.findByTestId('remove-user-action').should('be.visible')
+        cy.findByTestId('unlink-user-action').should('be.visible')
+
+        cy.findByTestId('resend-sso-link-invite-action').should('not.exist')
+      })
+    })
+
+    describe('for a non-managed group member with SSO not linked', function () {
+      const user: User = {
+        _id: 'some-user',
+        email: 'some.user@example.com',
+        first_name: 'Some',
+        last_name: 'User',
+        invite: false,
+        last_active_at: new Date(),
+        enrollment: {
+          sso: [],
+        },
+        isEntityAdmin: undefined,
+      }
+
+      beforeEach(function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        mountDropDownComponent(user, subscriptionId)
+      })
+
+      it('should render dropdown button', function () {
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+        cy.findByRole('button', { name: /actions/i })
+      })
+
+      it('should show the correct menu when dropdown button is clicked', function () {
+        cy.findByRole('button', { name: /actions/i }).click()
+
+        cy.findByTestId('resend-managed-user-invite-action').should(
+          'be.visible'
+        )
+        cy.findByTestId('remove-user-action').should('be.visible')
+        cy.findByTestId('resend-sso-link-invite-action').should('be.visible')
+
+        cy.findByTestId('no-actions-available').should('not.exist')
+        cy.findByTestId('unlink-user-action').should('not.exist')
+      })
+    })
+
+    describe('for a non-managed group admin with SSO linked', function () {
+      const user: User = {
+        _id: 'some-user',
+        email: 'some.user@example.com',
+        first_name: 'Some',
+        last_name: 'User',
+        invite: false,
+        last_active_at: new Date(),
+        enrollment: {
+          sso: [
+            {
+              groupId: subscriptionId,
+              linkedAt: new Date(),
+              primary: true,
+            },
+          ],
+        },
+        isEntityAdmin: true,
+      }
+
+      beforeEach(function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        mountDropDownComponent(user, subscriptionId)
+      })
+
+      it('should render dropdown button', function () {
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+        cy.findByRole('button', { name: /actions/i })
+      })
+
+      it('should show the correct menu when dropdown button is clicked', function () {
+        cy.findByRole('button', { name: /actions/i }).click()
+
+        cy.findByTestId('resend-managed-user-invite-action').should(
+          'be.visible'
+        )
+        cy.findByTestId('remove-user-action').should('be.visible')
+        cy.findByTestId('unlink-user-action').should('be.visible')
+
+        cy.findByTestId('delete-user-action').should('not.exist')
+        cy.findByTestId('resend-sso-link-invite-action').should('not.exist')
+        cy.findByTestId('no-actions-available').should('not.exist')
+      })
+    })
+
+    describe('for a non-managed group admin with SSO not linked', function () {
+      const user: User = {
+        _id: 'some-user',
+        email: 'some.user@example.com',
+        first_name: 'Some',
+        last_name: 'User',
+        invite: false,
+        last_active_at: new Date(),
+        enrollment: {
+          sso: [],
+        },
+        isEntityAdmin: true,
+      }
+
+      beforeEach(function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        mountDropDownComponent(user, subscriptionId)
+      })
+
+      it('should render dropdown button', function () {
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+        cy.findByRole('button', { name: /actions/i })
+      })
+
+      it('should show the correct menu when dropdown button is clicked', function () {
+        cy.findByRole('button', { name: /actions/i }).click()
+
+        cy.findByTestId('resend-managed-user-invite-action').should(
+          'be.visible'
+        )
+        cy.findByTestId('remove-user-action').should('be.visible')
+        cy.findByTestId('delete-user-action').should('not.exist')
+        cy.findByTestId('resend-sso-link-invite-action').should('exist')
+
+        cy.findByTestId('no-actions-available').should('not.exist')
+      })
+    })
+
+    describe('for a managed group member with SSO not linked', function () {
+      const user: User = {
+        _id: 'some-user',
+        email: 'some.user@example.com',
+        first_name: 'Some',
+        last_name: 'User',
+        invite: false,
+        last_active_at: new Date(),
+        enrollment: {
+          managedBy: subscriptionId,
+          enrolledAt: new Date(),
+          sso: [],
+        },
+        isEntityAdmin: undefined,
+      }
+
+      beforeEach(function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+        mountDropDownComponent(user, subscriptionId)
+      })
+
+      it('should render the dropdown button', function () {
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+        cy.findByRole('button', { name: /actions/i })
+      })
+
+      it('should show the correct menu when dropdown button is clicked', function () {
+        cy.findByRole('button', { name: /actions/i }).click()
+
+        cy.findByTestId('delete-user-action').should('be.visible')
+
+        cy.findByTestId('remove-user-action').should('not.exist')
+        cy.findByTestId('resend-managed-user-invite-action').should('not.exist')
+        cy.findByTestId('resend-sso-link-invite-action').should('exist')
+
+        cy.findByTestId('no-actions-available').should('not.exist')
+      })
+    })
+
+    describe('for a managed group member with SSO linked', function () {
+      const user: User = {
+        _id: 'some-user',
+        email: 'some.user@example.com',
+        first_name: 'Some',
+        last_name: 'User',
+        invite: false,
+        last_active_at: new Date(),
+        enrollment: {
+          managedBy: subscriptionId,
+          enrolledAt: new Date(),
+          sso: [
+            {
+              groupId: subscriptionId,
+              linkedAt: new Date(),
+              primary: true,
+            },
+          ],
+        },
+        isEntityAdmin: undefined,
+      }
+
+      beforeEach(function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+        mountDropDownComponent(user, subscriptionId)
+      })
+
+      it('should render the dropdown button', function () {
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+        cy.findByRole('button', { name: /actions/i })
+      })
+
+      it('should show the correct menu when dropdown button is clicked', function () {
+        cy.findByRole('button', { name: /actions/i }).click()
+
+        cy.findByTestId('delete-user-action').should('be.visible')
+
+        cy.findByTestId('remove-user-action').should('not.exist')
+        cy.findByTestId('resend-managed-user-invite-action').should('not.exist')
+        cy.findByTestId('resend-sso-link-invite-action').should('not.exist')
+
+        cy.findByTestId('no-actions-available').should('not.exist')
+      })
+    })
+
+    describe('for a managed group admin with SSO not linked', function () {
+      const user: User = {
+        _id: 'some-user',
+        email: 'some.user@example.com',
+        first_name: 'Some',
+        last_name: 'User',
+        invite: false,
+        last_active_at: new Date(),
+        enrollment: {
+          managedBy: subscriptionId,
+          enrolledAt: new Date(),
+          sso: [],
+        },
+        isEntityAdmin: true,
+      }
+
+      beforeEach(function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        mountDropDownComponent(user, subscriptionId)
+      })
+
+      it('should render the button', function () {
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+        cy.findByRole('button', { name: /actions/i })
+      })
+
+      it('should show the correct menu when dropdown button is clicked', function () {
+        cy.findByRole('button', { name: /actions/i }).click()
+
+        cy.findByTestId('resend-sso-link-invite-action').should('exist')
+
+        cy.findByTestId('resend-managed-user-invite-action').should('not.exist')
+        cy.findByTestId('remove-user-action').should('not.exist')
+        cy.findByTestId('delete-user-action').should('not.exist')
+        cy.findByTestId('no-actions-available').should('not.exist')
+      })
+    })
+
+    describe('for a managed group admin with SSO linked', function () {
+      const user: User = {
+        _id: 'some-user',
+        email: 'some.user@example.com',
+        first_name: 'Some',
+        last_name: 'User',
+        invite: false,
+        last_active_at: new Date(),
+        enrollment: {
+          managedBy: subscriptionId,
+          enrolledAt: new Date(),
+          sso: [
+            {
+              groupId: subscriptionId,
+              linkedAt: new Date(),
+              primary: true,
+            },
+          ],
+        },
+        isEntityAdmin: true,
+      }
+
+      beforeEach(function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        mountDropDownComponent(user, subscriptionId)
+      })
+
+      it('should render the button', function () {
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+        cy.findByRole('button', { name: /actions/i })
+      })
+
+      it('should show no actions except to unlink when dropdown button is clicked', function () {
+        cy.findByRole('button', { name: /actions/i }).click()
+
+        cy.findByTestId('unlink-user-action').should('exist')
+
+        cy.findByTestId('no-actions-available').should('not.exist')
+        cy.findByTestId('delete-user-action').should('not.exist')
+        cy.findByTestId('remove-user-action').should('not.exist')
+        cy.findByTestId('resend-managed-user-invite-action').should('not.exist')
+        cy.findByTestId('resend-sso-link-invite-action').should('not.exist')
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/group-management/components/members-table/managed-user-status.spec.tsx b/services/web/test/frontend/features/group-management/components/members-table/managed-user-status.spec.tsx
new file mode 100644
index 0000000..49cadfe
--- /dev/null
+++ b/services/web/test/frontend/features/group-management/components/members-table/managed-user-status.spec.tsx
@@ -0,0 +1,86 @@
+import ManagedUserStatus from '@/features/group-management/components/members-table/managed-user-status'
+import { User } from '../../../../../../types/group-management/user'
+
+describe('MemberStatus', function () {
+  describe('with a pending invite', function () {
+    const user: User = {
+      _id: 'some-user',
+      email: 'some.user@example.com',
+      first_name: 'Some',
+      last_name: 'User',
+      invite: true,
+      last_active_at: new Date(),
+      enrollment: undefined,
+      isEntityAdmin: undefined,
+    }
+    beforeEach(function () {
+      cy.mount(<ManagedUserStatus user={user} />)
+    })
+
+    it('should render a pending state', function () {
+      cy.get('.security-state-invite-pending').contains('Managed')
+    })
+  })
+
+  describe('with a managed user', function () {
+    const user: User = {
+      _id: 'some-user',
+      email: 'some.user@example.com',
+      first_name: 'Some',
+      last_name: 'User',
+      invite: false,
+      last_active_at: new Date(),
+      enrollment: { managedBy: 'some-group', enrolledAt: new Date() },
+      isEntityAdmin: undefined,
+    }
+    beforeEach(function () {
+      cy.mount(<ManagedUserStatus user={user} />)
+    })
+
+    it('should render a pending state', function () {
+      cy.get('.security-state-managed').contains('Managed')
+    })
+  })
+
+  describe('with an un-managed user', function () {
+    const user: User = {
+      _id: 'some-user',
+      email: 'some.user@example.com',
+      first_name: 'Some',
+      last_name: 'User',
+      invite: false,
+      last_active_at: new Date(),
+      enrollment: undefined,
+      isEntityAdmin: undefined,
+    }
+    beforeEach(function () {
+      cy.mount(<ManagedUserStatus user={user} />)
+    })
+
+    it('should render an un-managed state', function () {
+      cy.get('.security-state-not-managed').contains('Managed')
+    })
+  })
+
+  describe('with the group admin', function () {
+    const user: User = {
+      _id: 'some-user',
+      email: 'some.user@example.com',
+      first_name: 'Some',
+      last_name: 'User',
+      invite: false,
+      last_active_at: new Date(),
+      enrollment: undefined,
+      isEntityAdmin: true,
+    }
+    beforeEach(function () {
+      cy.mount(<ManagedUserStatus user={user} />)
+    })
+
+    it('should render no state indicator', function () {
+      cy.get('.security-state-group-admin')
+        .contains('Managed')
+        .should('not.exist')
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/group-management/components/members-table/member-row.spec.tsx b/services/web/test/frontend/features/group-management/components/members-table/member-row.spec.tsx
new file mode 100644
index 0000000..538e303
--- /dev/null
+++ b/services/web/test/frontend/features/group-management/components/members-table/member-row.spec.tsx
@@ -0,0 +1,710 @@
+import sinon from 'sinon'
+import MemberRow from '@/features/group-management/components/members-table/member-row'
+import { GroupMembersProvider } from '@/features/group-management/context/group-members-context'
+import { User } from '../../../../../../types/group-management/user'
+
+describe('MemberRow', function () {
+  const subscriptionId = '123abc'
+
+  describe('default view', function () {
+    describe('with an ordinary user', function () {
+      let user: User
+
+      beforeEach(function () {
+        user = {
+          _id: 'some-user',
+          email: 'some.user@example.com',
+          first_name: 'Some',
+          last_name: 'User',
+          invite: false,
+          last_active_at: new Date('2070-11-21T03:00:00'),
+          enrollment: undefined,
+          isEntityAdmin: undefined,
+        }
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        cy.mount(
+          <GroupMembersProvider>
+            <MemberRow
+              user={user}
+              openOffboardingModalForUser={sinon.stub()}
+              openUnlinkUserModal={sinon.stub()}
+              groupId={subscriptionId}
+              setGroupUserAlert={sinon.stub()}
+            />
+          </GroupMembersProvider>
+        )
+      })
+
+      it('renders the row', function () {
+        cy.get('tr')
+        // Checkbox
+        cy.findByTestId('select-single-checkbox').should('not.be.checked')
+        // Email
+        cy.get('tr').contains(user.email)
+        // Name
+        cy.get('tr').contains(user.first_name)
+        cy.get('tr').contains(user.last_name)
+        // Last active date
+        cy.get('tr').contains('21st Nov 2070')
+        // Dropdown button
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+
+        cy.get('tr').contains('SSO').should('not.exist')
+        cy.get('tr').contains('Managed').should('not.exist')
+      })
+    })
+
+    describe('with a pending invite', function () {
+      let user: User
+
+      beforeEach(function () {
+        user = {
+          _id: 'some-user',
+          email: 'some.user@example.com',
+          first_name: 'Some',
+          last_name: 'User',
+          invite: true,
+          last_active_at: new Date('2070-11-21T03:00:00'),
+          enrollment: undefined,
+          isEntityAdmin: undefined,
+        }
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        cy.mount(
+          <GroupMembersProvider>
+            <MemberRow
+              user={user}
+              openOffboardingModalForUser={sinon.stub()}
+              openUnlinkUserModal={sinon.stub()}
+              groupId={subscriptionId}
+              setGroupUserAlert={sinon.stub()}
+            />
+          </GroupMembersProvider>
+        )
+      })
+
+      it('should render a "Pending invite" badge', function () {
+        cy.findByTestId('badge-pending-invite').should(
+          'have.text',
+          'Pending invite'
+        )
+      })
+    })
+
+    describe('with a group admin', function () {
+      let user: User
+
+      beforeEach(function () {
+        user = {
+          _id: 'some-user',
+          email: 'some.user@example.com',
+          first_name: 'Some',
+          last_name: 'User',
+          invite: false,
+          last_active_at: new Date('2070-11-21T03:00:00'),
+          enrollment: undefined,
+          isEntityAdmin: true,
+        }
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        cy.mount(
+          <GroupMembersProvider>
+            <MemberRow
+              user={user}
+              openOffboardingModalForUser={sinon.stub()}
+              openUnlinkUserModal={sinon.stub()}
+              groupId={subscriptionId}
+              setGroupUserAlert={sinon.stub()}
+            />
+          </GroupMembersProvider>
+        )
+      })
+
+      it('should render a "Group admin" symbol', function () {
+        cy.findByTestId('group-admin-symbol').within(() => {
+          cy.findByText(/group admin/i)
+        })
+      })
+    })
+
+    describe('selecting and unselecting user row', function () {
+      let user: User
+
+      beforeEach(function () {
+        user = {
+          _id: 'some-user',
+          email: 'some.user@example.com',
+          first_name: 'Some',
+          last_name: 'User',
+          invite: false,
+          last_active_at: new Date('2070-11-21T03:00:00'),
+          enrollment: undefined,
+          isEntityAdmin: undefined,
+        }
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        cy.mount(
+          <GroupMembersProvider>
+            <MemberRow
+              user={user}
+              openOffboardingModalForUser={sinon.stub()}
+              openUnlinkUserModal={sinon.stub()}
+              groupId={subscriptionId}
+              setGroupUserAlert={sinon.stub()}
+            />
+          </GroupMembersProvider>
+        )
+      })
+
+      it('should select and unselect the user', function () {
+        cy.findByTestId('select-single-checkbox').should('not.be.checked')
+        cy.findByTestId('select-single-checkbox').click()
+        cy.findByTestId('select-single-checkbox').should('be.checked')
+        cy.findByTestId('select-single-checkbox').click()
+        cy.findByTestId('select-single-checkbox').should('not.be.checked')
+      })
+    })
+  })
+
+  describe('with Managed Users enabled', function () {
+    beforeEach(function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-managedUsersActive', true)
+      })
+    })
+
+    describe('with an ordinary user', function () {
+      let user: User
+
+      beforeEach(function () {
+        user = {
+          _id: 'some-user',
+          email: 'some.user@example.com',
+          first_name: 'Some',
+          last_name: 'User',
+          invite: false,
+          last_active_at: new Date('2070-11-21T03:00:00'),
+          enrollment: undefined,
+          isEntityAdmin: undefined,
+        }
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        cy.mount(
+          <GroupMembersProvider>
+            <MemberRow
+              user={user}
+              openOffboardingModalForUser={sinon.stub()}
+              openUnlinkUserModal={sinon.stub()}
+              groupId={subscriptionId}
+              setGroupUserAlert={sinon.stub()}
+            />
+          </GroupMembersProvider>
+        )
+      })
+
+      it('renders the row', function () {
+        cy.get('tr').should('exist')
+        // Checkbox
+        cy.findByTestId('select-single-checkbox').should('not.be.checked')
+        // Email
+        cy.get('tr').contains(user.email)
+        // Name
+        cy.get('tr').contains(user.first_name)
+        cy.get('tr').contains(user.last_name)
+        // Last active date
+        cy.get('tr').contains('21st Nov 2070')
+        // Managed status
+        cy.get('tr').contains('Managed')
+        // Dropdown button
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+      })
+    })
+
+    describe('with a pending invite', function () {
+      let user: User
+
+      beforeEach(function () {
+        user = {
+          _id: 'some-user',
+          email: 'some.user@example.com',
+          first_name: 'Some',
+          last_name: 'User',
+          invite: true,
+          last_active_at: new Date('2070-11-21T03:00:00'),
+          enrollment: undefined,
+          isEntityAdmin: undefined,
+        }
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        cy.mount(
+          <GroupMembersProvider>
+            <MemberRow
+              user={user}
+              openOffboardingModalForUser={sinon.stub()}
+              openUnlinkUserModal={sinon.stub()}
+              groupId={subscriptionId}
+              setGroupUserAlert={sinon.stub()}
+            />
+          </GroupMembersProvider>
+        )
+      })
+
+      it('should render a "Pending invite" badge', function () {
+        cy.findByTestId('badge-pending-invite').should(
+          'have.text',
+          'Pending invite'
+        )
+      })
+    })
+
+    describe('with a group admin', function () {
+      let user: User
+
+      beforeEach(function () {
+        user = {
+          _id: 'some-user',
+          email: 'some.user@example.com',
+          first_name: 'Some',
+          last_name: 'User',
+          invite: false,
+          last_active_at: new Date('2070-11-21T03:00:00'),
+          enrollment: undefined,
+          isEntityAdmin: true,
+        }
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        cy.mount(
+          <GroupMembersProvider>
+            <MemberRow
+              user={user}
+              openOffboardingModalForUser={sinon.stub()}
+              openUnlinkUserModal={sinon.stub()}
+              groupId={subscriptionId}
+              setGroupUserAlert={sinon.stub()}
+            />
+          </GroupMembersProvider>
+        )
+      })
+
+      it('should render a "Group admin" symbol', function () {
+        cy.findByTestId('group-admin-symbol').within(() => {
+          cy.findByText(/group admin/i)
+        })
+      })
+    })
+
+    describe('selecting and unselecting user row', function () {
+      let user: User
+
+      beforeEach(function () {
+        user = {
+          _id: 'some-user',
+          email: 'some.user@example.com',
+          first_name: 'Some',
+          last_name: 'User',
+          invite: false,
+          last_active_at: new Date('2070-11-21T03:00:00'),
+          enrollment: undefined,
+          isEntityAdmin: undefined,
+        }
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        cy.mount(
+          <GroupMembersProvider>
+            <MemberRow
+              user={user}
+              openOffboardingModalForUser={sinon.stub()}
+              openUnlinkUserModal={sinon.stub()}
+              groupId={subscriptionId}
+              setGroupUserAlert={sinon.stub()}
+            />
+          </GroupMembersProvider>
+        )
+      })
+
+      it('should select and unselect the user', function () {
+        cy.findByTestId('select-single-checkbox').should('not.be.checked')
+        cy.findByTestId('select-single-checkbox').click()
+        cy.findByTestId('select-single-checkbox').should('be.checked')
+        cy.findByTestId('select-single-checkbox').click()
+        cy.findByTestId('select-single-checkbox').should('not.be.checked')
+      })
+    })
+  })
+
+  describe('with Group SSO enabled', function () {
+    beforeEach(function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-groupSSOActive', true)
+      })
+    })
+
+    describe('with an ordinary user', function () {
+      let user: User
+
+      beforeEach(function () {
+        user = {
+          _id: 'some-user',
+          email: 'some.user@example.com',
+          first_name: 'Some',
+          last_name: 'User',
+          invite: false,
+          last_active_at: new Date('2070-11-21T03:00:00'),
+          enrollment: undefined,
+          isEntityAdmin: undefined,
+        }
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        cy.mount(
+          <GroupMembersProvider>
+            <MemberRow
+              user={user}
+              openOffboardingModalForUser={sinon.stub()}
+              openUnlinkUserModal={sinon.stub()}
+              groupId={subscriptionId}
+              setGroupUserAlert={sinon.stub()}
+            />
+          </GroupMembersProvider>
+        )
+      })
+
+      it('renders the row', function () {
+        // Checkbox
+        cy.findByTestId('select-single-checkbox').should('not.be.checked')
+        // Email
+        cy.get('tr').contains(user.email)
+        // Name
+        cy.get('tr').contains(user.first_name)
+        cy.get('tr').contains(user.last_name)
+        // Last active date
+        cy.get('tr').contains('21st Nov 2070')
+        // SSO status
+        cy.get('tr').contains('SSO')
+        // Dropdown button
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+
+        cy.get('tr').contains('Managed').should('not.exist')
+      })
+    })
+
+    describe('with a pending invite', function () {
+      let user: User
+
+      beforeEach(function () {
+        user = {
+          _id: 'some-user',
+          email: 'some.user@example.com',
+          first_name: 'Some',
+          last_name: 'User',
+          invite: true,
+          last_active_at: new Date('2070-11-21T03:00:00'),
+          enrollment: undefined,
+          isEntityAdmin: undefined,
+        }
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        cy.mount(
+          <GroupMembersProvider>
+            <MemberRow
+              user={user}
+              openOffboardingModalForUser={sinon.stub()}
+              openUnlinkUserModal={sinon.stub()}
+              groupId={subscriptionId}
+              setGroupUserAlert={sinon.stub()}
+            />
+          </GroupMembersProvider>
+        )
+      })
+
+      it('should render a "Pending invite" badge', function () {
+        cy.findByTestId('badge-pending-invite').should(
+          'have.text',
+          'Pending invite'
+        )
+      })
+    })
+
+    describe('with a group admin', function () {
+      let user: User
+
+      beforeEach(function () {
+        user = {
+          _id: 'some-user',
+          email: 'some.user@example.com',
+          first_name: 'Some',
+          last_name: 'User',
+          invite: false,
+          last_active_at: new Date('2070-11-21T03:00:00'),
+          enrollment: undefined,
+          isEntityAdmin: true,
+        }
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        cy.mount(
+          <GroupMembersProvider>
+            <MemberRow
+              user={user}
+              openOffboardingModalForUser={sinon.stub()}
+              openUnlinkUserModal={sinon.stub()}
+              groupId={subscriptionId}
+              setGroupUserAlert={sinon.stub()}
+            />
+          </GroupMembersProvider>
+        )
+      })
+
+      it('should render a "Group admin" symbol', function () {
+        cy.findByTestId('group-admin-symbol').within(() => {
+          cy.findByText(/group admin/i)
+        })
+      })
+    })
+
+    describe('selecting and unselecting user row', function () {
+      let user: User
+
+      beforeEach(function () {
+        user = {
+          _id: 'some-user',
+          email: 'some.user@example.com',
+          first_name: 'Some',
+          last_name: 'User',
+          invite: false,
+          last_active_at: new Date('2070-11-21T03:00:00'),
+          enrollment: undefined,
+          isEntityAdmin: undefined,
+        }
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        cy.mount(
+          <GroupMembersProvider>
+            <MemberRow
+              user={user}
+              openOffboardingModalForUser={sinon.stub()}
+              openUnlinkUserModal={sinon.stub()}
+              groupId={subscriptionId}
+              setGroupUserAlert={sinon.stub()}
+            />
+          </GroupMembersProvider>
+        )
+      })
+
+      it('should select and unselect the user', function () {
+        cy.findByTestId('select-single-checkbox').should('not.be.checked')
+        cy.findByTestId('select-single-checkbox').click()
+        cy.findByTestId('select-single-checkbox').should('be.checked')
+        cy.findByTestId('select-single-checkbox').click()
+        cy.findByTestId('select-single-checkbox').should('not.be.checked')
+      })
+    })
+  })
+
+  describe('with Managed Users and Group SSO enabled', function () {
+    beforeEach(function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-managedUsersActive', true)
+        win.metaAttributesCache.set('ol-groupSSOActive', true)
+      })
+    })
+
+    describe('with an ordinary user', function () {
+      let user: User
+
+      beforeEach(function () {
+        user = {
+          _id: 'some-user',
+          email: 'some.user@example.com',
+          first_name: 'Some',
+          last_name: 'User',
+          invite: false,
+          last_active_at: new Date('2070-11-21T03:00:00'),
+          enrollment: undefined,
+          isEntityAdmin: undefined,
+        }
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        cy.mount(
+          <GroupMembersProvider>
+            <MemberRow
+              user={user}
+              openOffboardingModalForUser={sinon.stub()}
+              openUnlinkUserModal={sinon.stub()}
+              groupId={subscriptionId}
+              setGroupUserAlert={sinon.stub()}
+            />
+          </GroupMembersProvider>
+        )
+      })
+
+      it('renders the row', function () {
+        // Checkbox
+        cy.findByTestId('select-single-checkbox').should('not.be.checked')
+        // Email
+        cy.get('tr').contains(user.email)
+        // Name
+        cy.get('tr').contains(user.first_name)
+        cy.get('tr').contains(user.last_name)
+        // Last active date
+        cy.get('tr').contains('21st Nov 2070')
+        // Managed status
+        cy.get('tr').contains('Managed')
+        // SSO status
+        cy.get('tr').contains('SSO')
+        // Dropdown button
+        cy.get('#managed-user-dropdown-some\\.user\\@example\\.com').should(
+          'exist'
+        )
+      })
+    })
+
+    describe('with a pending invite', function () {
+      let user: User
+
+      beforeEach(function () {
+        user = {
+          _id: 'some-user',
+          email: 'some.user@example.com',
+          first_name: 'Some',
+          last_name: 'User',
+          invite: true,
+          last_active_at: new Date('2070-11-21T03:00:00'),
+          enrollment: undefined,
+          isEntityAdmin: undefined,
+        }
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        cy.mount(
+          <GroupMembersProvider>
+            <MemberRow
+              user={user}
+              openOffboardingModalForUser={sinon.stub()}
+              openUnlinkUserModal={sinon.stub()}
+              groupId={subscriptionId}
+              setGroupUserAlert={sinon.stub()}
+            />
+          </GroupMembersProvider>
+        )
+      })
+
+      it('should render a "Pending invite" badge', function () {
+        cy.findByTestId('badge-pending-invite').should(
+          'have.text',
+          'Pending invite'
+        )
+      })
+    })
+
+    describe('with a group admin', function () {
+      let user: User
+
+      beforeEach(function () {
+        user = {
+          _id: 'some-user',
+          email: 'some.user@example.com',
+          first_name: 'Some',
+          last_name: 'User',
+          invite: false,
+          last_active_at: new Date('2070-11-21T03:00:00'),
+          enrollment: undefined,
+          isEntityAdmin: true,
+        }
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        cy.mount(
+          <GroupMembersProvider>
+            <MemberRow
+              user={user}
+              openOffboardingModalForUser={sinon.stub()}
+              openUnlinkUserModal={sinon.stub()}
+              groupId={subscriptionId}
+              setGroupUserAlert={sinon.stub()}
+            />
+          </GroupMembersProvider>
+        )
+      })
+
+      it('should render a "Group admin" symbol', function () {
+        cy.findByTestId('group-admin-symbol').within(() => {
+          cy.findByText(/group admin/i)
+        })
+      })
+    })
+
+    describe('selecting and unselecting user row', function () {
+      let user: User
+
+      beforeEach(function () {
+        user = {
+          _id: 'some-user',
+          email: 'some.user@example.com',
+          first_name: 'Some',
+          last_name: 'User',
+          invite: false,
+          last_active_at: new Date('2070-11-21T03:00:00'),
+          enrollment: undefined,
+          isEntityAdmin: undefined,
+        }
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-users', [user])
+        })
+
+        cy.mount(
+          <GroupMembersProvider>
+            <MemberRow
+              user={user}
+              openOffboardingModalForUser={sinon.stub()}
+              openUnlinkUserModal={sinon.stub()}
+              groupId={subscriptionId}
+              setGroupUserAlert={sinon.stub()}
+            />
+          </GroupMembersProvider>
+        )
+      })
+
+      it('should select and unselect the user', function () {
+        cy.findByTestId('select-single-checkbox').should('not.be.checked')
+        cy.findByTestId('select-single-checkbox').click()
+        cy.findByTestId('select-single-checkbox').should('be.checked')
+        cy.findByTestId('select-single-checkbox').click()
+        cy.findByTestId('select-single-checkbox').should('not.be.checked')
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/group-management/components/members-table/members-list.spec.tsx b/services/web/test/frontend/features/group-management/components/members-table/members-list.spec.tsx
new file mode 100644
index 0000000..0861ab6
--- /dev/null
+++ b/services/web/test/frontend/features/group-management/components/members-table/members-list.spec.tsx
@@ -0,0 +1,332 @@
+import MembersList from '@/features/group-management/components/members-table/members-list'
+import { GroupMembersProvider } from '@/features/group-management/context/group-members-context'
+import { User } from '../../../../../../types/group-management/user'
+
+const groupId = 'somegroup'
+
+function mountManagedUsersList() {
+  cy.mount(
+    <GroupMembersProvider>
+      <MembersList groupId={groupId} />
+    </GroupMembersProvider>
+  )
+}
+
+describe('MembersList', function () {
+  describe('with users', function () {
+    const users = [
+      {
+        _id: 'user-one',
+        email: 'sarah.brennan@example.com',
+        first_name: 'Sarah',
+        last_name: 'Brennan',
+        invite: false,
+        last_active_at: new Date('2070-10-22T03:00:00'),
+        enrollment: undefined,
+        isEntityAdmin: undefined,
+      },
+      {
+        _id: 'some-user',
+        email: 'some.user@example.com',
+        first_name: 'Some',
+        last_name: 'User',
+        invite: false,
+        last_active_at: new Date('2070-11-21T03:00:00'),
+        enrollment: undefined,
+        isEntityAdmin: undefined,
+      },
+    ]
+
+    beforeEach(function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-users', users)
+      })
+      mountManagedUsersList()
+    })
+
+    it('should render the table headers but not SSO Column', function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-groupSSOActive', false)
+      })
+      mountManagedUsersList()
+
+      // Select-all checkbox
+      cy.findByTestId('managed-entities-table').within(() => {
+        cy.findByTestId('select-all-checkbox')
+      })
+      cy.findByTestId('managed-entities-table').should('contain.text', 'Email')
+      cy.findByTestId('managed-entities-table').should('contain.text', 'Name')
+      cy.findByTestId('managed-entities-table').should(
+        'contain.text',
+        'Last Active'
+      )
+      cy.findByTestId('managed-entities-table').should(
+        'not.contain.text',
+        'Security'
+      )
+    })
+    it('should render the table headers with SSO Column', function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-groupSSOActive', true)
+      })
+      mountManagedUsersList()
+
+      // Select-all checkbox
+      cy.findByTestId('managed-entities-table').within(() => {
+        cy.findByTestId('select-all-checkbox')
+      })
+
+      cy.findByTestId('managed-entities-table').should('contain.text', 'Email')
+      cy.findByTestId('managed-entities-table').should('contain.text', 'Name')
+      cy.findByTestId('managed-entities-table').should(
+        'contain.text',
+        'Last Active'
+      )
+      cy.findByTestId('managed-entities-table').should(
+        'contain.text',
+        'Security'
+      )
+    })
+
+    it('should render the list of users', function () {
+      cy.findByTestId('managed-entities-table')
+        .find('tbody')
+        .within(() => {
+          cy.findAllByRole('row').should('have.length', 2)
+        })
+      // First user
+      cy.findByTestId('managed-entities-table').should(
+        'contain.text',
+        users[0].email
+      )
+      cy.findByTestId('managed-entities-table').should(
+        'contain.text',
+        users[0].first_name
+      )
+      cy.findByTestId('managed-entities-table').should(
+        'contain.text',
+        users[0].last_name
+      )
+      // Second user
+      cy.findByTestId('managed-entities-table').should(
+        'contain.text',
+        users[1].email
+      )
+      cy.findByTestId('managed-entities-table').should(
+        'contain.text',
+        users[1].first_name
+      )
+      cy.findByTestId('managed-entities-table').should(
+        'contain.text',
+        users[1].last_name
+      )
+    })
+  })
+
+  describe('empty user list', function () {
+    beforeEach(function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-users', [])
+      })
+      cy.mount(
+        <GroupMembersProvider>
+          <MembersList groupId={groupId} />
+        </GroupMembersProvider>
+      )
+    })
+
+    it('should render the list, with a "no members" message', function () {
+      cy.findByTestId('managed-entities-table').should(
+        'contain.text',
+        'No members'
+      )
+      cy.findByTestId('managed-entities-table')
+        .find('tbody')
+        .within(() => {
+          cy.findAllByRole('row')
+            .should('have.length', 1)
+            .and('contain.text', 'No members')
+        })
+    })
+  })
+
+  describe('SSO unlinking', function () {
+    const USER_PENDING_INVITE: User = {
+      _id: 'abc123def456',
+      first_name: 'John',
+      last_name: 'Doe',
+      email: 'john.doe@test.com',
+      last_active_at: new Date('2023-01-15'),
+      invite: true,
+    }
+    const USER_NOT_LINKED: User = {
+      _id: 'bcd234efa567',
+      first_name: 'Bobby',
+      last_name: 'Lapointe',
+      email: 'bobby.lapointe@test.com',
+      last_active_at: new Date('2023-01-02'),
+      invite: false,
+    }
+    const USER_LINKED: User = {
+      _id: 'defabc231453',
+      first_name: 'Claire',
+      last_name: 'Jennings',
+      email: 'claire.jennings@test.com',
+      last_active_at: new Date('2023-01-03'),
+      invite: false,
+      enrollment: {
+        sso: [
+          {
+            groupId,
+            linkedAt: new Date('2023-01-03'),
+            primary: true,
+          },
+        ],
+      },
+    }
+    const USER_LINKED_AND_MANAGED: User = {
+      _id: 'defabc231453',
+      first_name: 'Jean-Luc',
+      last_name: 'Picard',
+      email: 'picard@test.com',
+      last_active_at: new Date('2023-01-03'),
+      invite: false,
+      enrollment: {
+        managedBy: groupId,
+        enrolledAt: new Date('2023-01-03'),
+        sso: [
+          {
+            groupId,
+            linkedAt: new Date('2023-01-03'),
+            primary: true,
+          },
+        ],
+      },
+    }
+    const users = [
+      USER_PENDING_INVITE,
+      USER_NOT_LINKED,
+      USER_LINKED,
+      USER_LINKED_AND_MANAGED,
+    ]
+
+    beforeEach(function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-groupId', groupId)
+        win.metaAttributesCache.set('ol-users', users)
+        win.metaAttributesCache.set('ol-groupSSOActive', true)
+      })
+
+      cy.intercept('POST', `manage/groups/${groupId}/unlink-user/*`, {
+        statusCode: 200,
+      })
+    })
+
+    describe('unlinking user', function () {
+      beforeEach(function () {
+        mountManagedUsersList()
+        cy.findByTestId('managed-entities-table')
+          .find('tbody')
+          .within(() => {
+            cy.get('tr:nth-child(3)').within(() => {
+              cy.findByText('SSO active')
+              cy.findByRole('button', { name: /actions/i }).click()
+              cy.findByTestId('unlink-user-action').click()
+            })
+          })
+      })
+
+      it('should show successs notification and update the user row after unlinking', function () {
+        cy.findByRole('dialog').within(() => {
+          cy.findByRole('button', { name: /unlink user/i }).click()
+        })
+        cy.findByRole('alert').should(
+          'contain.text',
+          `SSO reauthentication request has been sent to ${USER_LINKED.email}`
+        )
+        cy.findByTestId('managed-entities-table')
+          .find('tbody')
+          .within(() => {
+            cy.get('tr:nth-child(3)').within(() => {
+              cy.findByText('SSO not active')
+            })
+          })
+      })
+    })
+
+    describe('managed users enabled', function () {
+      beforeEach(function () {
+        cy.window().then(win => {
+          win.metaAttributesCache.set('ol-managedUsersActive', true)
+        })
+        mountManagedUsersList()
+      })
+
+      describe('when user is not managed', function () {
+        beforeEach(function () {
+          cy.findByTestId('managed-entities-table')
+            .find('tbody')
+            .within(() => {
+              cy.get('tr:nth-child(3)').within(() => {
+                cy.findByText('SSO active')
+                cy.findByText('Not managed')
+                cy.findByRole('button', { name: /actions/i }).click()
+                cy.findByTestId('unlink-user-action').click()
+              })
+            })
+        })
+
+        it('should show successs notification and update the user row after unlinking', function () {
+          cy.findByRole('dialog').within(() => {
+            cy.findByRole('button', { name: /unlink user/i }).click()
+          })
+          cy.findByRole('alert').should(
+            'contain.text',
+            `SSO reauthentication request has been sent to ${USER_LINKED.email}`
+          )
+          cy.findByTestId('managed-entities-table')
+            .find('tbody')
+            .within(() => {
+              cy.get('tr:nth-child(3)').within(() => {
+                cy.findByText('SSO not active')
+                cy.findByText('Not managed')
+              })
+            })
+        })
+      })
+
+      describe('when user is managed', function () {
+        beforeEach(function () {
+          cy.findByTestId('managed-entities-table')
+            .find('tbody')
+            .within(() => {
+              cy.get('tr:nth-child(4)').within(() => {
+                cy.findByText('SSO active')
+                cy.findAllByText('Managed')
+                cy.findByRole('button', { name: /actions/i }).click()
+                cy.findByTestId('unlink-user-action').click()
+              })
+            })
+        })
+
+        it('should show successs notification and update the user row after unlinking', function () {
+          cy.findByRole('dialog').within(() => {
+            cy.findByRole('button', { name: /unlink user/i }).click()
+          })
+          cy.findByRole('alert').should(
+            'contain.text',
+            `SSO reauthentication request has been sent to ${USER_LINKED_AND_MANAGED.email}`
+          )
+          cy.findByTestId('managed-entities-table')
+            .find('tbody')
+            .within(() => {
+              cy.get('tr:nth-child(4)').within(() => {
+                cy.findByText('SSO not active')
+                cy.findAllByText('Managed')
+              })
+            })
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/group-management/components/members-table/offboard-managed-user-modal.spec.tsx b/services/web/test/frontend/features/group-management/components/members-table/offboard-managed-user-modal.spec.tsx
new file mode 100644
index 0000000..2db12d8
--- /dev/null
+++ b/services/web/test/frontend/features/group-management/components/members-table/offboard-managed-user-modal.spec.tsx
@@ -0,0 +1,107 @@
+import OffboardManagedUserModal from '@/features/group-management/components/members-table/offboard-managed-user-modal'
+import sinon from 'sinon'
+
+describe('OffboardManagedUserModal', function () {
+  describe('happy path', function () {
+    const groupId = 'some-group'
+    const user = {
+      _id: 'some-user',
+      email: 'some.user@example.com',
+      first_name: 'Some',
+      last_name: 'User',
+      invite: true,
+      last_active_at: new Date(),
+      enrollment: {
+        managedBy: `${groupId}`,
+        enrolledAt: new Date(),
+      },
+      isEntityAdmin: undefined,
+    }
+    const otherUser = {
+      _id: 'other-user',
+      email: 'other.user@example.com',
+      first_name: 'Other',
+      last_name: 'User',
+      invite: false,
+      last_active_at: new Date(),
+      enrollment: {
+        managedBy: `${groupId}`,
+        enrolledAt: new Date(),
+      },
+      isEntityAdmin: undefined,
+    }
+    const allMembers = [user, otherUser]
+
+    beforeEach(function () {
+      cy.mount(
+        <OffboardManagedUserModal
+          user={user}
+          allMembers={allMembers}
+          groupId={groupId}
+          onClose={sinon.stub()}
+        />
+      )
+    })
+
+    it('should render the modal', function () {
+      cy.get('#delete-user-form').should('exist')
+    })
+
+    it('should disable the button if a recipient is not selected', function () {
+      // Button should be disabled initially
+      cy.get('button[type="submit"]').should('be.disabled')
+
+      // Not selecting a recipient...
+
+      // Fill in the email input
+      cy.get('#supplied-email-input').type(user.email)
+
+      // Button still disabled
+      cy.get('button[type="submit"]').should('be.disabled')
+    })
+
+    it('should disable the button if the email is not filled in', function () {
+      // Button should be disabled initially
+      cy.get('button[type="submit"]').should('be.disabled')
+
+      // Select a recipient
+      cy.get('#recipient-select-input').select('other.user@example.com')
+
+      // Not filling in the email...
+
+      // Button still disabled
+      cy.get('button[type="submit"]').should('be.disabled')
+    })
+
+    it('should disable the button if the email does not match the user', function () {
+      // Button should be disabled initially
+      cy.get('button[type="submit"]').should('be.disabled')
+
+      // Select a recipient
+      cy.get('#recipient-select-input').select('other.user@example.com')
+
+      // Fill in the email input, with the wrong email address
+      cy.get('#supplied-email-input').type('totally.wrong@example.com')
+
+      // Button still disabled
+      cy.get('button[type="submit"]').should('be.disabled')
+    })
+
+    it('should fill out the form, and enable the delete button', function () {
+      // Button should be disabled initially
+      cy.get('button[type="submit"]').should('be.disabled')
+
+      // Select a recipient
+      cy.get('#recipient-select-input').select('other.user@example.com')
+
+      // Button still disabled
+      cy.get('button[type="submit"]').should('be.disabled')
+
+      // Fill in the email input
+      cy.get('#supplied-email-input').type(user.email)
+
+      // Button should be enabled now
+      cy.get('button[type="submit"]').should('not.be.disabled')
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/group-management/components/members-table/unlink-user-modal.test.tsx b/services/web/test/frontend/features/group-management/components/members-table/unlink-user-modal.test.tsx
new file mode 100644
index 0000000..c52e83a
--- /dev/null
+++ b/services/web/test/frontend/features/group-management/components/members-table/unlink-user-modal.test.tsx
@@ -0,0 +1,74 @@
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import { ReactElement } from 'react'
+import sinon from 'sinon'
+import fetchMock from 'fetch-mock'
+import UnlinkUserModal from '@/features/group-management/components/members-table/unlink-user-modal'
+import { GroupMembersProvider } from '@/features/group-management/context/group-members-context'
+import { expect } from 'chai'
+
+export function renderWithContext(component: ReactElement, props = {}) {
+  const GroupMembersProviderWrapper = ({
+    children,
+  }: {
+    children: ReactElement
+  }) => <GroupMembersProvider {...props}>{children}</GroupMembersProvider>
+
+  return render(component, { wrapper: GroupMembersProviderWrapper })
+}
+
+describe('<UnlinkUserModal />', function () {
+  let defaultProps: any
+  const groupId = 'group123'
+  const userId = 'user123'
+
+  beforeEach(function () {
+    defaultProps = {
+      onClose: sinon.stub(),
+      user: { _id: userId },
+      setGroupUserAlert: sinon.stub(),
+    }
+    window.metaAttributesCache.set('ol-groupId', groupId)
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('displays the modal', async function () {
+    renderWithContext(<UnlinkUserModal {...defaultProps} />)
+    await screen.findByRole('heading', {
+      name: 'Unlink user',
+    })
+    screen.getByText('You’re about to remove the SSO login option for', {
+      exact: false,
+    })
+  })
+
+  it('closes the modal on success', async function () {
+    fetchMock.post(`/manage/groups/${groupId}/unlink-user/${userId}`, 200)
+
+    renderWithContext(<UnlinkUserModal {...defaultProps} />)
+    await screen.findByRole('heading', {
+      name: 'Unlink user',
+    })
+
+    const confirmButton = screen.getByRole('button', { name: 'Unlink user' })
+    fireEvent.click(confirmButton)
+
+    await waitFor(() => expect(defaultProps.onClose).to.have.been.called)
+  })
+
+  it('handles errors', async function () {
+    fetchMock.post(`/manage/groups/${groupId}/unlink-user/${userId}`, 500)
+
+    renderWithContext(<UnlinkUserModal {...defaultProps} />)
+    await screen.findByRole('heading', {
+      name: 'Unlink user',
+    })
+
+    const confirmButton = screen.getByRole('button', { name: 'Unlink user' })
+    fireEvent.click(confirmButton)
+
+    await waitFor(() => screen.findByText('Sorry, something went wrong'))
+  })
+})
diff --git a/services/web/test/frontend/features/group-management/components/missing-billing-information.spec.tsx b/services/web/test/frontend/features/group-management/components/missing-billing-information.spec.tsx
new file mode 100644
index 0000000..4eb137c
--- /dev/null
+++ b/services/web/test/frontend/features/group-management/components/missing-billing-information.spec.tsx
@@ -0,0 +1,38 @@
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+import MissingBillingInformation from '@/features/group-management/components/missing-billing-information'
+
+describe('<MissingBillingInformation />', function () {
+  beforeEach(function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-groupName', 'My Awesome Team')
+    })
+
+    cy.mount(
+      <SplitTestProvider>
+        <MissingBillingInformation />
+      </SplitTestProvider>
+    )
+  })
+
+  it('shows missing payment details notification', function () {
+    cy.findByRole('alert').within(() => {
+      cy.findByText(/missing payment details/i)
+      cy.findByText(
+        /it looks like your payment details are missing\. Please.*, or.*with our Support team for more help/i
+      ).within(() => {
+        cy.findByRole('link', {
+          name: /update your billing information/i,
+        }).should(
+          'have.attr',
+          'href',
+          '/user/subscription/recurly/billing-details'
+        )
+        cy.findByRole('link', { name: /get in touch/i }).should(
+          'have.attr',
+          'href',
+          '/contact'
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/group-management/components/publisher-managers.spec.tsx b/services/web/test/frontend/features/group-management/components/publisher-managers.spec.tsx
new file mode 100644
index 0000000..d8fea9d
--- /dev/null
+++ b/services/web/test/frontend/features/group-management/components/publisher-managers.spec.tsx
@@ -0,0 +1,171 @@
+import PublisherManagers from '@/features/group-management/components/publisher-managers'
+
+const JOHN_DOE = {
+  _id: 'abc123def456',
+  first_name: 'John',
+  last_name: 'Doe',
+  email: 'john.doe@test.com',
+  last_active_at: new Date('2023-01-15'),
+  invite: true,
+}
+const BOBBY_LAPOINTE = {
+  _id: 'bcd234efa567',
+  first_name: 'Bobby',
+  last_name: 'Lapointe',
+  email: 'bobby.lapointe@test.com',
+  last_active_at: new Date('2023-01-02'),
+  invite: false,
+}
+const GROUP_ID = '000fff000fff'
+const PATHS = {
+  addMember: `/manage/publishers/${GROUP_ID}/managers`,
+  removeMember: `/manage/publishers/${GROUP_ID}/managers`,
+}
+
+describe('publisher managers', function () {
+  beforeEach(function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-users', [JOHN_DOE, BOBBY_LAPOINTE])
+      win.metaAttributesCache.set('ol-groupId', GROUP_ID)
+      win.metaAttributesCache.set('ol-groupName', 'My Awesome Publisher')
+    })
+
+    cy.mount(<PublisherManagers />)
+  })
+
+  it('renders the publisher management page', function () {
+    cy.findByRole('heading', { name: /my awesome publisher/i, level: 1 })
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByText('john.doe@test.com')
+          cy.findByText('John Doe')
+          cy.findByText('15th Jan 2023')
+          cy.findByText('Invite not yet accepted')
+        })
+
+        cy.get('tr:nth-child(2)').within(() => {
+          cy.findByText('bobby.lapointe@test.com')
+          cy.findByText('Bobby Lapointe')
+          cy.findByText('2nd Jan 2023')
+          cy.findByText('Accepted invite')
+        })
+      })
+  })
+
+  it('sends an invite', function () {
+    cy.intercept('POST', PATHS.addMember, {
+      statusCode: 201,
+      body: {
+        user: {
+          email: 'someone.else@test.com',
+          invite: true,
+        },
+      },
+    })
+
+    cy.findByTestId('add-members-form').within(() => {
+      cy.findByRole('textbox').type('someone.else@test.com')
+      cy.findByRole('button').click()
+    })
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(3)').within(() => {
+          cy.findByText('someone.else@test.com')
+          cy.findByText('N/A')
+          cy.findByText('Invite not yet accepted')
+        })
+      })
+  })
+
+  it('tries to send an invite and displays the error', function () {
+    cy.intercept('POST', PATHS.addMember, {
+      statusCode: 500,
+      body: {
+        error: {
+          message: 'User already added',
+        },
+      },
+    })
+
+    cy.findByTestId('add-members-form').within(() => {
+      cy.findByRole('textbox').type('someone.else@test.com')
+      cy.findByRole('button').click()
+    })
+    cy.findByRole('alert').should('contain.text', 'Error: User already added')
+  })
+
+  it('checks the select all checkbox', function () {
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByLabelText(/select user/i).should('not.be.checked')
+        })
+        cy.get('tr:nth-child(2)').within(() => {
+          cy.findByLabelText(/select user/i).should('not.be.checked')
+        })
+      })
+
+    cy.findByTestId('select-all-checkbox').click()
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByLabelText(/select user/i).should('be.checked')
+        })
+        cy.get('tr:nth-child(2)').within(() => {
+          cy.findByLabelText(/select user/i).should('be.checked')
+        })
+      })
+  })
+
+  it('remove a member', function () {
+    cy.intercept('DELETE', `${PATHS.removeMember}/abc123def456`, {
+      statusCode: 200,
+    })
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByLabelText(/select user/i).check()
+        })
+      })
+
+    cy.findByRole('button', { name: 'Remove manager' }).click()
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByText('bobby.lapointe@test.com')
+          cy.findByText('Bobby Lapointe')
+          cy.findByText('2nd Jan 2023')
+          cy.findByText('Accepted invite')
+        })
+      })
+  })
+
+  it('tries to remove a manager and displays the error', function () {
+    cy.intercept('DELETE', `${PATHS.removeMember}/abc123def456`, {
+      statusCode: 500,
+    })
+
+    cy.findByTestId('managed-entities-table')
+      .find('tbody')
+      .within(() => {
+        cy.get('tr:nth-child(1)').within(() => {
+          cy.findByLabelText(/select user/i).check()
+        })
+      })
+    cy.findByRole('button', { name: /remove manager/i }).click()
+
+    cy.findByRole('alert').should('contain.text', 'Sorry, something went wrong')
+  })
+})
diff --git a/services/web/test/frontend/features/group-management/components/request-status.spec.tsx b/services/web/test/frontend/features/group-management/components/request-status.spec.tsx
new file mode 100644
index 0000000..79982a1
--- /dev/null
+++ b/services/web/test/frontend/features/group-management/components/request-status.spec.tsx
@@ -0,0 +1,44 @@
+import RequestStatus from '@/features/group-management/components/request-status'
+
+describe('<RequestStatus />', function () {
+  beforeEach(function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-groupName', 'My Awesome Team')
+    })
+    cy.mount(
+      <RequestStatus icon="email" title="Test title" content="Test content" />
+    )
+  })
+
+  it('renders the back button', function () {
+    cy.findByTestId('group-heading').within(() => {
+      cy.findByRole('button', { name: /back to subscription/i }).should(
+        'have.attr',
+        'href',
+        '/user/subscription'
+      )
+    })
+  })
+
+  it('shows the group name', function () {
+    cy.findByTestId('group-heading').within(() => {
+      cy.findByRole('heading', { name: 'My Awesome Team' })
+    })
+  })
+
+  it('shows the title', function () {
+    cy.findByTestId('title').should('contain.text', 'Test title')
+  })
+
+  it('shows the content', function () {
+    cy.findByText('Test content')
+  })
+
+  it('renders the link to subscriptions', function () {
+    cy.findByRole('button', { name: /go to subscriptions/i }).should(
+      'have.attr',
+      'href',
+      '/user/subscription'
+    )
+  })
+})
diff --git a/services/web/test/frontend/features/group-management/components/subtotal-limit-exceeded.spec.tsx b/services/web/test/frontend/features/group-management/components/subtotal-limit-exceeded.spec.tsx
new file mode 100644
index 0000000..9d9ccc5
--- /dev/null
+++ b/services/web/test/frontend/features/group-management/components/subtotal-limit-exceeded.spec.tsx
@@ -0,0 +1,23 @@
+import SubtotalLimitExceeded from '@/features/group-management/components/subtotal-limit-exceeded'
+
+describe('<SubtotalLimitExceeded />', function () {
+  beforeEach(function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-groupName', 'My Awesome Team')
+    })
+
+    cy.mount(<SubtotalLimitExceeded />)
+  })
+
+  it('shows subtotal limit exceeded notification', function () {
+    cy.findByRole('alert').within(() => {
+      cy.findByText(
+        /sorry, there was an issue upgrading your subscription\. Please.*for help/i
+      ).within(() => {
+        cy.findByRole('link', {
+          name: /contact our support team/i,
+        }).should('have.attr', 'href', '/contact')
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/group-management/components/upgrade-subscription.spec.tsx b/services/web/test/frontend/features/group-management/components/upgrade-subscription.spec.tsx
new file mode 100644
index 0000000..5918c1b
--- /dev/null
+++ b/services/web/test/frontend/features/group-management/components/upgrade-subscription.spec.tsx
@@ -0,0 +1,150 @@
+import UpgradeSubscription from '@/features/group-management/components/upgrade-subscription/upgrade-subscription'
+import { SubscriptionChangePreview } from '../../../../../types/subscription/subscription-change-preview'
+
+describe('<UpgradeSubscription />', function () {
+  const resetPreviewAndRemount = (preview: SubscriptionChangePreview) => {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-subscriptionChangePreview', preview)
+    })
+
+    cy.mount(<UpgradeSubscription />)
+  }
+  beforeEach(function () {
+    this.totalLicenses = 2
+    this.preview = {
+      change: {
+        type: 'group-plan-upgrade',
+        prevPlan: { name: 'Overleaf Standard Group' },
+      },
+      currency: 'USD',
+      immediateCharge: {
+        subtotal: 353.99,
+        tax: 70.8,
+        total: 424.79,
+        discount: 0,
+      },
+      paymentMethod: 'Visa **** 1111',
+      nextPlan: { annual: true },
+      nextInvoice: {
+        date: '2025-11-05T11:35:32.000Z',
+        plan: { name: 'Overleaf Professional Group', amount: 0 },
+        addOns: [
+          {
+            code: 'additional-license',
+            name: 'Seat',
+            quantity: 2,
+            unitAmount: 399,
+            amount: 798,
+          },
+        ],
+        subtotal: 798,
+        tax: { rate: 0.2, amount: 159.6 },
+        total: 957.6,
+      },
+    }
+
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-groupName', 'My Awesome Team')
+      win.metaAttributesCache.set('ol-totalLicenses', this.totalLicenses)
+    })
+    resetPreviewAndRemount(this.preview)
+  })
+
+  it('shows the group name', function () {
+    cy.findByTestId('group-heading').within(() => {
+      cy.findByRole('heading', { name: 'My Awesome Team' })
+    })
+  })
+
+  it('shows the "Add more licenses to my plan" label', function () {
+    cy.findByText(/add more licenses to my plan/i).should(
+      'have.attr',
+      'href',
+      '/user/subscription/group/add-users'
+    )
+  })
+
+  it('shows the "Upgrade" and "Cancel" buttons', function () {
+    cy.findByRole('button', { name: /upgrade/i })
+    cy.findByRole('button', { name: /cancel/i }).should(
+      'have.attr',
+      'href',
+      '/user/subscription'
+    )
+  })
+
+  describe('shows plan details', function () {
+    it('shows per user price', function () {
+      cy.findByTestId('per-user-price').within(() => {
+        cy.findByText('$399')
+      })
+    })
+
+    it('shows additional features', function () {
+      cy.findByText(/unlimited collaborators per project/i)
+      cy.findByText(/sso/i)
+      cy.findByText(/managed user accounts/i)
+    })
+  })
+
+  describe('shows upgrade summary', function () {
+    it('shows subtotal, tax and total price', function () {
+      cy.findByTestId('subtotal').within(() => {
+        cy.findByText('$353.99')
+      })
+      cy.findByTestId('tax').within(() => {
+        cy.findByText('$70.80')
+      })
+      cy.findByTestId('total').within(() => {
+        cy.findByText('$424.79')
+      })
+      cy.findByTestId('discount').should('not.exist')
+    })
+
+    it('shows subtotal, discount, tax and total price', function () {
+      resetPreviewAndRemount({
+        ...this.preview,
+        immediateCharge: {
+          subtotal: 353.99,
+          tax: 70.8,
+          total: 424.79,
+          discount: 50,
+        },
+      })
+      cy.findByTestId('subtotal').within(() => {
+        cy.findByText('$353.99')
+      })
+      cy.findByTestId('tax').within(() => {
+        cy.findByText('$70.80')
+      })
+      cy.findByTestId('total').within(() => {
+        cy.findByText('$424.79')
+      })
+      cy.findByTestId('discount').within(() => {
+        cy.findByText('($50.00)')
+      })
+    })
+
+    it('shows total users', function () {
+      cy.findByText(/you have 2 licenses on your subscription./i)
+    })
+  })
+
+  describe('submit upgrade request', function () {
+    it('request succeeded', function () {
+      cy.intercept('POST', '/user/subscription/group/upgrade-subscription', {
+        statusCode: 200,
+      }).as('upgradeRequest')
+      cy.findByRole('button', { name: /upgrade/i }).click()
+      cy.findByText(/you’ve upgraded your plan!/i)
+    })
+
+    it('request failed', function () {
+      cy.intercept('POST', '/user/subscription/group/upgrade-subscription', {
+        statusCode: 400,
+      }).as('upgradeRequest')
+      cy.findByRole('button', { name: /upgrade/i }).click()
+      cy.findByText(/something went wrong/i)
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/history/components/change-list.spec.tsx b/services/web/test/frontend/features/history/components/change-list.spec.tsx
new file mode 100644
index 0000000..05021e9
--- /dev/null
+++ b/services/web/test/frontend/features/history/components/change-list.spec.tsx
@@ -0,0 +1,680 @@
+import { useState } from 'react'
+import ToggleSwitch from '../../../../../frontend/js/features/history/components/change-list/toggle-switch'
+import ChangeList from '../../../../../frontend/js/features/history/components/change-list/change-list'
+import {
+  EditorProviders,
+  USER_EMAIL,
+  USER_ID,
+} from '../../../helpers/editor-providers'
+import { HistoryProvider } from '../../../../../frontend/js/features/history/context/history-context'
+import { updates } from '../fixtures/updates'
+import { labels } from '../fixtures/labels'
+import { formatTime, relativeDate } from '@/features/utils/format-date'
+
+const mountWithEditorProviders = (
+  component: React.ReactNode,
+  scope: Record<string, unknown> = {},
+  props: Record<string, unknown> = {}
+) => {
+  cy.mount(
+    <EditorProviders scope={scope} {...props}>
+      <HistoryProvider>
+        <div style={{ display: 'flex', justifyContent: 'center' }}>
+          <div className="history-react">{component}</div>
+        </div>
+      </HistoryProvider>
+    </EditorProviders>
+  )
+}
+
+describe('change list (Bootstrap 5)', function () {
+  const scope = {
+    ui: { view: 'history', pdfLayout: 'sideBySide', chatOpen: true },
+  }
+
+  const waitForData = () => {
+    cy.wait('@updates')
+    cy.wait('@labels')
+    cy.wait('@diff')
+  }
+
+  beforeEach(function () {
+    cy.intercept('GET', '/project/*/updates*', {
+      body: updates,
+    }).as('updates')
+    cy.intercept('GET', '/project/*/labels', {
+      body: labels,
+    }).as('labels')
+    cy.intercept('GET', '/project/*/filetree/diff*', {
+      body: { diff: [{ pathname: 'main.tex' }, { pathname: 'name.tex' }] },
+    }).as('diff')
+    window.metaAttributesCache.set('ol-inactiveTutorials', [
+      'react-history-buttons-tutorial',
+    ])
+  })
+
+  describe('toggle switch', function () {
+    it('renders switch buttons', function () {
+      mountWithEditorProviders(
+        <ToggleSwitch labelsOnly={false} setLabelsOnly={() => {}} />
+      )
+
+      cy.findByLabelText(/all history/i)
+      cy.findByLabelText(/labels/i)
+    })
+
+    it('toggles "all history" and "labels" buttons', function () {
+      function ToggleSwitchWrapped({ labelsOnly }: { labelsOnly: boolean }) {
+        const [labelsOnlyLocal, setLabelsOnlyLocal] = useState(labelsOnly)
+        return (
+          <ToggleSwitch
+            labelsOnly={labelsOnlyLocal}
+            setLabelsOnly={setLabelsOnlyLocal}
+          />
+        )
+      }
+
+      mountWithEditorProviders(<ToggleSwitchWrapped labelsOnly={false} />)
+
+      cy.findByLabelText(/all history/i).as('all-history')
+      cy.findByLabelText(/labels/i).as('labels')
+      cy.get('@all-history').should('be.checked')
+      cy.get('@labels').should('not.be.checked')
+      cy.get('@labels').click({ force: true })
+      cy.get('@all-history').should('not.be.checked')
+      cy.get('@labels').should('be.checked')
+    })
+  })
+
+  describe('tags', function () {
+    it('renders tags', function () {
+      mountWithEditorProviders(<ChangeList />, scope, {
+        user: {
+          id: USER_ID,
+          email: USER_EMAIL,
+          isAdmin: true,
+        },
+      })
+      waitForData()
+
+      cy.findByLabelText(/all history/i).click({ force: true })
+      cy.findAllByTestId('history-version-details').as('details')
+      cy.get('@details').should('have.length', 5)
+      // start with 2nd details entry, as first has no tags
+      cy.get('@details')
+        .eq(1)
+        .within(() => {
+          cy.findAllByTestId('history-version-badge').as('tags')
+        })
+      cy.get('@tags').should('have.length', 2)
+      cy.get('@tags').eq(0).should('contain.text', 'tag-2')
+      cy.get('@tags').eq(1).should('contain.text', 'tag-1')
+      // should have delete buttons
+      cy.get('@tags').each(tag =>
+        cy.wrap(tag).within(() => {
+          cy.findByRole('button', { name: /delete/i })
+        })
+      )
+      // 3rd details entry
+      cy.get('@details')
+        .eq(2)
+        .within(() => {
+          cy.findAllByTestId('history-version-badge').should('have.length', 0)
+        })
+      // 4th details entry
+      cy.get('@details')
+        .eq(3)
+        .within(() => {
+          cy.findAllByTestId('history-version-badge').as('tags')
+        })
+      cy.get('@tags').should('have.length', 2)
+      cy.get('@tags').eq(0).should('contain.text', 'tag-4')
+      cy.get('@tags').eq(1).should('contain.text', 'tag-3')
+      // should not have delete buttons
+      cy.get('@tags').each(tag =>
+        cy.wrap(tag).within(() => {
+          cy.findByRole('button', { name: /delete/i }).should('not.exist')
+        })
+      )
+      cy.findByLabelText(/labels/i).click({ force: true })
+      cy.findAllByTestId('history-version-details').as('details')
+      // first details on labels is always "current version", start testing on second
+      cy.get('@details').should('have.length', 3)
+      cy.get('@details')
+        .eq(1)
+        .within(() => {
+          cy.findAllByTestId('history-version-badge').as('tags')
+        })
+      cy.get('@tags').should('have.length', 2)
+      cy.get('@tags').eq(0).should('contain.text', 'tag-2')
+      cy.get('@tags').eq(1).should('contain.text', 'tag-1')
+      cy.get('@details')
+        .eq(2)
+        .within(() => {
+          cy.findAllByTestId('history-version-badge').as('tags')
+        })
+      cy.get('@tags').should('have.length', 3)
+      cy.get('@tags').eq(0).should('contain.text', 'tag-5')
+      cy.get('@tags').eq(1).should('contain.text', 'tag-4')
+      cy.get('@tags').eq(2).should('contain.text', 'tag-3')
+    })
+
+    it('deletes tag', function () {
+      mountWithEditorProviders(<ChangeList />, scope, {
+        user: {
+          id: USER_ID,
+          email: USER_EMAIL,
+          isAdmin: true,
+        },
+      })
+      waitForData()
+
+      cy.findByLabelText(/all history/i).click({ force: true })
+
+      const labelToDelete = 'tag-2'
+      cy.findAllByTestId('history-version-details').eq(1).as('details')
+      cy.get('@details').within(() => {
+        cy.findAllByTestId('history-version-badge').eq(0).as('tag')
+      })
+      cy.get('@tag').should('contain.text', labelToDelete)
+      cy.get('@tag').within(() => {
+        cy.findByRole('button', { name: /delete/i }).as('delete-btn')
+      })
+      cy.get('@delete-btn').click()
+      cy.findByRole('dialog').as('modal')
+      cy.get('@modal').within(() => {
+        cy.findByRole('heading', { name: /delete label/i })
+      })
+      cy.get('@modal').contains(
+        new RegExp(
+          `are you sure you want to delete the following label "${labelToDelete}"?`,
+          'i'
+        )
+      )
+      cy.get('@modal').within(() => {
+        cy.findByRole('button', { name: /cancel/i }).click()
+      })
+      cy.findByRole('dialog').should('not.exist')
+      cy.get('@delete-btn').click()
+      cy.findByRole('dialog').as('modal')
+      cy.intercept('DELETE', '/project/*/labels/*', {
+        statusCode: 500,
+      }).as('delete')
+      cy.get('@modal').within(() => {
+        cy.findByRole('button', { name: /delete/i }).click()
+      })
+      cy.wait('@delete')
+      cy.get('@modal').within(() => {
+        cy.findByRole('alert').within(() => {
+          cy.contains(/sorry, something went wrong/i)
+        })
+      })
+      cy.findByText(labelToDelete).should('have.length', 1)
+
+      cy.intercept('DELETE', '/project/*/labels/*', {
+        statusCode: 204,
+      }).as('delete')
+      cy.get('@modal').within(() => {
+        cy.findByRole('button', { name: /delete/i }).click()
+      })
+      cy.wait('@delete')
+      cy.findByText(labelToDelete).should('not.exist')
+    })
+
+    it('verifies that selecting the same list item will not trigger a new diff', function () {
+      mountWithEditorProviders(<ChangeList />, scope, {
+        user: {
+          id: USER_ID,
+          email: USER_EMAIL,
+          isAdmin: true,
+        },
+      })
+      waitForData()
+
+      const stub = cy.stub().as('diffStub')
+      cy.intercept('GET', '/project/*/filetree/diff*', stub).as('diff')
+
+      cy.findAllByTestId('history-version-details').eq(2).as('details')
+      cy.get('@details').click() // 1st click
+      cy.wait('@diff')
+      cy.get('@details').click() // 2nd click
+      cy.get('@diffStub').should('have.been.calledOnce')
+    })
+  })
+
+  describe('all history', function () {
+    beforeEach(function () {
+      mountWithEditorProviders(<ChangeList />, scope, {
+        user: {
+          id: USER_ID,
+          email: USER_EMAIL,
+          isAdmin: true,
+        },
+      })
+      waitForData()
+    })
+
+    it('shows grouped versions date', function () {
+      cy.findByText(relativeDate(updates.updates[0].meta.end_ts))
+      cy.findByText(relativeDate(updates.updates[1].meta.end_ts))
+    })
+
+    it('shows the date of the version', function () {
+      cy.findAllByTestId('history-version-details')
+        .eq(1)
+        .within(() => {
+          cy.findByTestId('history-version-metadata-time').should(
+            'have.text',
+            formatTime(updates.updates[0].meta.end_ts, 'Do MMMM, h:mm a')
+          )
+        })
+    })
+
+    it('shows change action', function () {
+      cy.findAllByTestId('history-version-details')
+        .eq(1)
+        .within(() => {
+          cy.findByTestId('history-version-change-action').should(
+            'have.text',
+            'Created'
+          )
+        })
+    })
+
+    it('shows changed document name', function () {
+      cy.findAllByTestId('history-version-details')
+        .eq(2)
+        .within(() => {
+          cy.findByTestId('history-version-change-doc').should(
+            'have.text',
+            updates.updates[2].pathnames[0]
+          )
+        })
+    })
+
+    it('shows users', function () {
+      cy.findAllByTestId('history-version-details')
+        .eq(1)
+        .within(() => {
+          cy.findByTestId('history-version-metadata-users')
+            .should('contain.text', 'You')
+            .and('contain.text', updates.updates[1].meta.users[1].first_name)
+        })
+    })
+  })
+
+  describe('labels only', function () {
+    beforeEach(function () {
+      mountWithEditorProviders(<ChangeList />, scope, {
+        user: {
+          id: USER_ID,
+          email: USER_EMAIL,
+          isAdmin: true,
+        },
+      })
+      waitForData()
+      cy.findByLabelText(/labels/i).click({ force: true })
+    })
+
+    it('shows the dropdown menu item for adding new labels', function () {
+      cy.findAllByTestId('history-version-details')
+        .eq(1)
+        .within(() => {
+          cy.findByRole('button', { name: /more actions/i }).click()
+          cy.findByRole('menu').within(() => {
+            cy.findByRole('menuitem', {
+              name: /label this version/i,
+            }).should('exist')
+          })
+        })
+    })
+
+    it('resets from compare to view mode when switching tabs', function () {
+      cy.findAllByTestId('history-version-details')
+        .eq(1)
+        .within(() => {
+          cy.findByRole('button', {
+            name: /Compare/i,
+          }).click()
+        })
+      cy.findByLabelText(/all history/i).click({ force: true })
+      cy.findAllByTestId('history-version-details').should($versions => {
+        const [selected, ...rest] = Array.from($versions)
+        expect(selected).to.have.attr('data-selected', 'selected')
+        expect(
+          rest.every(version => version.dataset.selected === 'belowSelected')
+        ).to.be.true
+      })
+    })
+    it('opens the compare drop down and compares with selected version', function () {
+      cy.findByLabelText(/all history/i).click({ force: true })
+      cy.findAllByTestId('history-version-details')
+        .eq(3)
+        .within(() => {
+          cy.findByRole('button', {
+            name: /compare from this version/i,
+          }).click()
+        })
+
+      cy.findAllByTestId('history-version-details')
+        .eq(1)
+        .within(() => {
+          cy.get('[aria-label="Compare"]').click()
+          cy.findByRole('menu').within(() => {
+            cy.findByRole('menuitem', {
+              name: /compare up to this version/i,
+            }).click()
+          })
+        })
+
+      cy.findAllByTestId('history-version-details').should($versions => {
+        const [
+          aboveSelected,
+          upperSelected,
+          withinSelected,
+          lowerSelected,
+          belowSelected,
+        ] = Array.from($versions)
+        expect(aboveSelected).to.have.attr('data-selected', 'aboveSelected')
+        expect(upperSelected).to.have.attr('data-selected', 'upperSelected')
+        expect(withinSelected).to.have.attr('data-selected', 'withinSelected')
+        expect(lowerSelected).to.have.attr('data-selected', 'lowerSelected')
+        expect(belowSelected).to.have.attr('data-selected', 'belowSelected')
+      })
+    })
+  })
+
+  describe('compare mode', function () {
+    beforeEach(function () {
+      mountWithEditorProviders(<ChangeList />, scope, {
+        user: {
+          id: USER_ID,
+          email: USER_EMAIL,
+          isAdmin: true,
+        },
+      })
+      waitForData()
+    })
+
+    it('compares versions', function () {
+      cy.findAllByTestId('history-version-details').should($versions => {
+        const [first, ...rest] = Array.from($versions)
+        expect(first).to.have.attr('data-selected', 'selected')
+        rest.forEach(version =>
+          // Based on the fact that we are selecting first version as we load the page
+          // Every other version will be belowSelected
+          expect(version).to.have.attr('data-selected', 'belowSelected')
+        )
+      })
+
+      cy.intercept('GET', '/project/*/filetree/diff*', {
+        body: { diff: [{ pathname: 'main.tex' }, { pathname: 'name.tex' }] },
+      }).as('compareDiff')
+
+      cy.findAllByTestId('history-version-details')
+        .last()
+        .within(() => {
+          cy.findByTestId('compare-icon-version').click()
+        })
+      cy.wait('@compareDiff')
+    })
+  })
+
+  describe('dropdown', function () {
+    beforeEach(function () {
+      mountWithEditorProviders(<ChangeList />, scope, {
+        user: {
+          id: USER_ID,
+          email: USER_EMAIL,
+          isAdmin: true,
+        },
+      })
+      waitForData()
+    })
+
+    it('adds badge/label', function () {
+      cy.findAllByTestId('history-version-details').eq(1).as('version')
+      cy.get('@version').within(() => {
+        cy.findByRole('button', { name: /more actions/i }).click()
+        cy.findByRole('menu').within(() => {
+          cy.findByRole('menuitem', {
+            name: /label this version/i,
+          }).click()
+        })
+      })
+      cy.intercept('POST', '/project/*/labels', req => {
+        req.reply(200, {
+          id: '64633ee158e9ef7da614c000',
+          comment: req.body.comment,
+          version: req.body.version,
+          user_id: USER_ID,
+          created_at: '2023-05-16T08:29:21.250Z',
+          user_display_name: 'john.doe',
+        })
+      }).as('addLabel')
+      const newLabel = 'my new label'
+      cy.findByRole('dialog').within(() => {
+        cy.findByRole('heading', { name: /add label/i })
+        cy.findByRole('button', { name: /cancel/i })
+        cy.findByRole('button', { name: /add label/i }).should('be.disabled')
+        cy.findByPlaceholderText(/new label name/i).as('input')
+        cy.get('@input').type(newLabel)
+        cy.findByRole('button', { name: /add label/i }).should('be.enabled')
+        cy.get('@input').type('{enter}')
+      })
+      cy.wait('@addLabel')
+      cy.get('@version').within(() => {
+        cy.findAllByTestId('history-version-badge').should($badges => {
+          const includes = Array.from($badges).some(badge =>
+            badge.textContent?.includes(newLabel)
+          )
+          expect(includes).to.be.true
+        })
+      })
+    })
+
+    it('downloads version', function () {
+      cy.intercept('GET', '/project/*/version/*/zip', { statusCode: 200 }).as(
+        'download'
+      )
+      cy.findAllByTestId('history-version-details')
+        .eq(0)
+        .within(() => {
+          cy.findByRole('button', { name: /more actions/i }).click()
+          cy.findByRole('menu').within(() => {
+            cy.findByRole('menuitem', {
+              name: /download this version/i,
+            }).click()
+          })
+        })
+      cy.wait('@download')
+    })
+  })
+
+  describe('paywall', function () {
+    const now = Date.now()
+    const oneMinuteAgo = now - 60 * 1000
+    const justOverADayAgo = now - 25 * 60 * 60 * 1000
+    const twoDaysAgo = now - 48 * 60 * 60 * 1000
+
+    const updates = {
+      updates: [
+        {
+          fromV: 3,
+          toV: 4,
+          meta: {
+            users: [
+              {
+                first_name: 'john.doe',
+                last_name: '',
+                email: 'john.doe@test.com',
+                id: '1',
+              },
+            ],
+            start_ts: oneMinuteAgo,
+            end_ts: oneMinuteAgo,
+          },
+          labels: [],
+          pathnames: [],
+          project_ops: [{ add: { pathname: 'name.tex' }, atV: 3 }],
+        },
+        {
+          fromV: 1,
+          toV: 3,
+          meta: {
+            users: [
+              {
+                first_name: 'bobby.lapointe',
+                last_name: '',
+                email: 'bobby.lapointe@test.com',
+                id: '2',
+              },
+            ],
+            start_ts: justOverADayAgo,
+            end_ts: justOverADayAgo - 10 * 1000,
+          },
+          labels: [],
+          pathnames: ['main.tex'],
+          project_ops: [],
+        },
+        {
+          fromV: 0,
+          toV: 1,
+          meta: {
+            users: [
+              {
+                first_name: 'john.doe',
+                last_name: '',
+                email: 'john.doe@test.com',
+                id: '1',
+              },
+            ],
+            start_ts: twoDaysAgo,
+            end_ts: twoDaysAgo,
+          },
+          labels: [
+            {
+              id: 'label1',
+              comment: 'tag-1',
+              version: 0,
+              user_id: USER_ID,
+              created_at: justOverADayAgo,
+            },
+          ],
+          pathnames: [],
+          project_ops: [{ add: { pathname: 'main.tex' }, atV: 0 }],
+        },
+      ],
+    }
+
+    const labels = [
+      {
+        id: 'label1',
+        comment: 'tag-1',
+        version: 0,
+        user_id: USER_ID,
+        created_at: justOverADayAgo,
+        user_display_name: 'john.doe',
+      },
+    ]
+
+    const waitForData = () => {
+      cy.wait('@updates')
+      cy.wait('@labels')
+      cy.wait('@diff')
+    }
+
+    beforeEach(function () {
+      cy.intercept('GET', '/project/*/updates*', {
+        body: updates,
+      }).as('updates')
+      cy.intercept('GET', '/project/*/labels', {
+        body: labels,
+      }).as('labels')
+      cy.intercept('GET', '/project/*/filetree/diff*', {
+        body: { diff: [{ pathname: 'main.tex' }, { pathname: 'name.tex' }] },
+      }).as('diff')
+    })
+
+    it('shows non-owner paywall', function () {
+      const scope = {
+        ui: {
+          view: 'history',
+          pdfLayout: 'sideBySide',
+          chatOpen: true,
+        },
+      }
+
+      mountWithEditorProviders(<ChangeList />, scope, {
+        user: {
+          id: USER_ID,
+          email: USER_EMAIL,
+          isAdmin: false,
+        },
+      })
+
+      waitForData()
+
+      cy.get('.history-paywall-prompt').should('have.length', 1)
+      cy.findAllByTestId('history-version').should('have.length', 2)
+      cy.get('.history-paywall-prompt button').should('not.exist')
+    })
+
+    it('shows owner paywall', function () {
+      const scope = {
+        ui: {
+          view: 'history',
+          pdfLayout: 'sideBySide',
+          chatOpen: true,
+        },
+      }
+
+      mountWithEditorProviders(<ChangeList />, scope, {
+        user: {
+          id: USER_ID,
+          email: USER_EMAIL,
+          isAdmin: false,
+        },
+        projectOwner: {
+          _id: USER_ID,
+          email: USER_EMAIL,
+        },
+      })
+
+      waitForData()
+
+      cy.get('.history-paywall-prompt').should('have.length', 1)
+      cy.findAllByTestId('history-version').should('have.length', 2)
+      cy.get('.history-paywall-prompt button').should('have.length', 1)
+    })
+
+    it('shows all labels in free tier', function () {
+      const scope = {
+        ui: {
+          view: 'history',
+          pdfLayout: 'sideBySide',
+          chatOpen: true,
+        },
+      }
+
+      mountWithEditorProviders(<ChangeList />, scope, {
+        user: {
+          id: USER_ID,
+          email: USER_EMAIL,
+          isAdmin: false,
+        },
+        projectOwner: {
+          _id: USER_ID,
+          email: USER_EMAIL,
+        },
+      })
+
+      waitForData()
+
+      cy.findByLabelText(/labels/i).click({ force: true })
+
+      // One pseudo-label for the current state, one for our label
+      cy.get('.history-version-label').should('have.length', 2)
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/history/components/document-diff-viewer.spec.tsx b/services/web/test/frontend/features/history/components/document-diff-viewer.spec.tsx
new file mode 100644
index 0000000..940626b
--- /dev/null
+++ b/services/web/test/frontend/features/history/components/document-diff-viewer.spec.tsx
@@ -0,0 +1,256 @@
+import DocumentDiffViewer from '../../../../../frontend/js/features/history/components/diff-view/document-diff-viewer'
+import { Highlight } from '../../../../../frontend/js/features/history/services/types/doc'
+import { FC } from 'react'
+import { EditorProviders } from '../../../helpers/editor-providers'
+
+const doc = `\\documentclass{article}
+
+% Language setting
+% Replace \`english' with e.g. \`spanish' to change the document language
+\\usepackage[english]{babel}
+
+% Set page size and margins
+% Replace \`letterpaper' with \`a4paper' for UK/EU standard size
+\\usepackage[letterpaper,top=2cm,bottom=2cm,left=3cm,right=3cm,marginparwidth=1.75cm]{geometry}
+
+% Useful packages
+\\usepackage{amsmath}
+\\usepackage{graphicx}
+\\usepackage[colorlinks=true, allcolors=blue]{hyperref}
+
+\\title{Your Paper}
+\\author{You}
+
+\\begin{document}
+\\maketitle
+
+\\begin{abstract}
+Your abstract.
+\\end{abstract}
+
+\\section{Introduction}
+
+Your introduction goes here! Simply start writing your document and use the Recompile button to view the updated PDF preview. Examples of commonly used commands and features are listed below, to help you get started.
+
+Once you're familiar with the editor, you can find various project settings in the Overleaf menu, accessed via the button in the very top left of the editor. To view tutorials, user guides, and further documentation, please visit our \\href{https://www.overleaf.com/learn}{help library}, or head to our plans page to \\href{https://www.overleaf.com/user/subscription/plans}{choose your plan}.
+
+${'\n'.repeat(200)}
+
+\\end{document}`
+
+const highlights: Highlight[] = [
+  {
+    type: 'addition',
+    range: { from: 15, to: 22 },
+    hue: 200,
+    label: 'Added by Wombat on Monday',
+  },
+  {
+    type: 'deletion',
+    range: { from: 27, to: 35 },
+    hue: 200,
+    label: 'Deleted by Wombat on Tuesday',
+  },
+  {
+    type: 'addition',
+    range: { from: doc.length - 9, to: doc.length - 1 },
+    hue: 200,
+    label: 'Added by Wombat on Wednesday',
+  },
+]
+
+const Container: FC = ({ children }) => (
+  <div style={{ width: 600, height: 400 }}>{children}</div>
+)
+
+const mockScope = () => {
+  return {
+    settings: {
+      fontSize: 12,
+      fontFamily: 'monaco',
+      lineHeight: 'normal',
+      overallTheme: '',
+    },
+  }
+}
+
+describe('document diff viewer', function () {
+  it('displays highlights with hover tooltips', function () {
+    const scope = mockScope()
+
+    cy.mount(
+      <Container>
+        <EditorProviders scope={scope}>
+          <DocumentDiffViewer doc={doc} highlights={highlights} />
+        </EditorProviders>
+      </Container>
+    )
+
+    cy.get('.ol-cm-addition-marker').should('have.length', 1)
+    cy.get('.ol-cm-addition-marker').first().as('addition')
+    cy.get('@addition').should('have.text', 'article')
+
+    cy.get('.ol-cm-deletion-marker').should('have.length', 1)
+    cy.get('.ol-cm-deletion-marker').first().as('deletion')
+    cy.get('@deletion').should('have.text', 'Language')
+
+    // Check hover tooltips
+    cy.get('@addition').trigger('mouseover')
+    cy.get('.ol-cm-highlight-tooltip').should('have.length', 1)
+    cy.get('.ol-cm-highlight-tooltip')
+      .first()
+      .should('have.text', 'Added by Wombat on Monday')
+
+    cy.get('@deletion').trigger('mouseover')
+    cy.get('.ol-cm-highlight-tooltip').should('have.length', 1)
+    cy.get('.ol-cm-highlight-tooltip')
+      .first()
+      .should('have.text', 'Deleted by Wombat on Tuesday')
+  })
+
+  it('displays highlights with hover tooltips for empty lines', function () {
+    const scope = mockScope()
+
+    const doc = `1
+Addition
+
+
+End
+2
+Deletion
+
+End
+3`
+    const highlights: Highlight[] = [
+      {
+        type: 'addition',
+        range: { from: 2, to: 16 },
+        hue: 200,
+        label: 'Added by Wombat on Monday',
+      },
+      {
+        type: 'deletion',
+        range: { from: 19, to: 32 },
+        hue: 200,
+        label: 'Deleted by Wombat on Tuesday',
+      },
+    ]
+
+    cy.mount(
+      <Container>
+        <EditorProviders scope={scope}>
+          <DocumentDiffViewer doc={doc} highlights={highlights} />
+        </EditorProviders>
+      </Container>
+    )
+
+    cy.get('.ol-cm-empty-line-addition-marker').should('have.length', 2)
+    cy.get('.ol-cm-empty-line-deletion-marker').should('have.length', 1)
+
+    // For an empty line marker, we need to trigger mouseover on the containing
+    // line beause the marker itself does not trigger mouseover
+    cy.get('.ol-cm-empty-line-addition-marker')
+      .first()
+      .parent()
+      .as('firstAdditionLine')
+    cy.get('.ol-cm-empty-line-addition-marker')
+      .first()
+      .parent()
+      .as('lastAdditionLine')
+    cy.get('.ol-cm-empty-line-deletion-marker')
+      .last()
+      .parent()
+      .as('deletionLine')
+
+    // Check hover tooltips
+    cy.get('@lastAdditionLine').trigger('mouseover')
+    cy.get('.ol-cm-highlight-tooltip').should('have.length', 1)
+    cy.get('.ol-cm-highlight-tooltip')
+      .first()
+      .should('have.text', 'Added by Wombat on Monday')
+
+    cy.get('@lastAdditionLine').trigger('mouseleave')
+
+    cy.get('@firstAdditionLine').trigger('mouseover')
+    cy.get('.ol-cm-highlight-tooltip').should('have.length', 1)
+    cy.get('.ol-cm-highlight-tooltip')
+      .first()
+      .should('have.text', 'Added by Wombat on Monday')
+
+    cy.get('@deletionLine').trigger('mouseover')
+    cy.get('.ol-cm-highlight-tooltip').should('have.length', 1)
+    cy.get('.ol-cm-highlight-tooltip')
+      .first()
+      .should('have.text', 'Deleted by Wombat on Tuesday')
+  })
+
+  it("renders 'More updates' buttons", function () {
+    const scope = mockScope()
+
+    cy.mount(
+      <Container>
+        <EditorProviders scope={scope}>
+          <DocumentDiffViewer doc={doc} highlights={highlights} />
+        </EditorProviders>
+      </Container>
+    )
+
+    cy.get('.cm-scroller').first().as('scroller')
+
+    // Check the initial state, which should be a "More updates below" button
+    // but no "More updates above", with the editor scrolled to the top
+    cy.get('.ol-cm-addition-marker').should('have.length', 1)
+    cy.get('.ol-cm-deletion-marker').should('have.length', 1)
+    cy.get('.previous-highlight-button').should('have.length', 0)
+    cy.get('.next-highlight-button').should('have.length', 1)
+    cy.get('@scroller').invoke('scrollTop').should('equal', 0)
+
+    // Click the "More updates below" button, which should scroll the editor,
+    // and check the new state
+    cy.get('.next-highlight-button').first().click()
+
+    cy.get('@scroller').invoke('scrollTop').should('not.equal', 0)
+    cy.get('.previous-highlight-button').should('have.length', 1)
+    cy.get('.next-highlight-button').should('have.length', 0)
+
+    // Click the "More updates above" button, which should scroll the editor up
+    // but not quite to the top, and check the new state
+    cy.get('.previous-highlight-button').first().click()
+    cy.get('@scroller').invoke('scrollTop').should('equal', 0)
+    cy.get('.previous-highlight-button').should('not.exist')
+    cy.get('.next-highlight-button').should('have.length', 1)
+  })
+
+  it('scrolls to first change', function () {
+    const scope = mockScope()
+    const finalHighlightOnly = highlights.slice(-1)
+
+    cy.mount(
+      <Container>
+        <EditorProviders scope={scope}>
+          <DocumentDiffViewer doc={doc} highlights={finalHighlightOnly} />
+        </EditorProviders>
+      </Container>
+    )
+
+    cy.get('.cm-scroller').first().invoke('scrollTop').should('not.equal', 0)
+    cy.get('.ol-cm-addition-marker')
+      .first()
+      .then($marker => {
+        cy.get('.cm-content')
+          .first()
+          .then($content => {
+            const contentRect = $content[0].getBoundingClientRect()
+            const markerRect = $marker[0].getBoundingClientRect()
+            expect(markerRect.top).to.be.within(
+              contentRect.top,
+              contentRect.bottom
+            )
+            expect(markerRect.bottom).to.be.within(
+              contentRect.top,
+              contentRect.bottom
+            )
+          })
+      })
+  })
+})
diff --git a/services/web/test/frontend/features/history/components/toolbar.spec.tsx b/services/web/test/frontend/features/history/components/toolbar.spec.tsx
new file mode 100644
index 0000000..18b8b92
--- /dev/null
+++ b/services/web/test/frontend/features/history/components/toolbar.spec.tsx
@@ -0,0 +1,126 @@
+import Toolbar from '../../../../../frontend/js/features/history/components/diff-view/toolbar/toolbar'
+import { HistoryProvider } from '../../../../../frontend/js/features/history/context/history-context'
+import { HistoryContextValue } from '../../../../../frontend/js/features/history/context/types/history-context-value'
+import { Diff } from '../../../../../frontend/js/features/history/services/types/doc'
+import { EditorProviders } from '../../../helpers/editor-providers'
+
+describe('history toolbar', function () {
+  const editorProvidersScope = {
+    ui: { view: 'history', pdfLayout: 'sideBySide', chatOpen: true },
+  }
+
+  const diff: Diff = {
+    binary: false,
+    docDiff: {
+      highlights: [
+        {
+          range: {
+            from: 0,
+            to: 3,
+          },
+          hue: 1,
+          type: 'addition',
+          label: 'label',
+        },
+      ],
+      doc: 'doc',
+    },
+  }
+
+  it('renders viewing mode', function () {
+    const selection: HistoryContextValue['selection'] = {
+      updateRange: {
+        fromV: 3,
+        toV: 6,
+        fromVTimestamp: 1681413775958,
+        toVTimestamp: 1681413775958,
+      },
+      comparing: false,
+      files: [
+        {
+          pathname: 'main.tex',
+          operation: 'edited',
+        },
+        {
+          pathname: 'sample.bib',
+          editable: true,
+        },
+        {
+          pathname: 'frog.jpg',
+          editable: false,
+        },
+      ],
+      selectedFile: {
+        pathname: 'main.tex',
+        editable: true,
+      },
+      previouslySelectedPathname: null,
+    }
+
+    cy.mount(
+      <EditorProviders scope={editorProvidersScope}>
+        <HistoryProvider>
+          <div className="history-react">
+            <Toolbar diff={diff} selection={selection} />
+          </div>
+        </HistoryProvider>
+      </EditorProviders>
+    )
+
+    cy.get('.history-react-toolbar').within(() => {
+      cy.get('div:first-child').contains('Viewing 13th April')
+    })
+
+    cy.get('.history-react-toolbar-file-info').contains('1 change in main.tex')
+  })
+
+  it('renders comparing mode', function () {
+    const selection: HistoryContextValue['selection'] = {
+      updateRange: {
+        fromV: 0,
+        toV: 6,
+        fromVTimestamp: 1681313775958,
+        toVTimestamp: 1681413775958,
+      },
+      comparing: true,
+      files: [
+        {
+          pathname: 'main.tex',
+          operation: 'added',
+          editable: true,
+        },
+        {
+          pathname: 'sample.bib',
+          operation: 'added',
+          editable: true,
+        },
+        {
+          pathname: 'frog.jpg',
+          operation: 'added',
+          editable: false,
+        },
+      ],
+      selectedFile: {
+        pathname: 'main.tex',
+        editable: true,
+      },
+      previouslySelectedPathname: null,
+    }
+
+    cy.mount(
+      <EditorProviders scope={editorProvidersScope}>
+        <HistoryProvider>
+          <div className="history-react">
+            <Toolbar diff={diff} selection={selection} />
+          </div>
+        </HistoryProvider>
+      </EditorProviders>
+    )
+
+    cy.get('.history-react-toolbar').within(() => {
+      cy.get('div:first-child').contains('Comparing from 12th April')
+
+      cy.get('div:first-child').contains('to 13th April')
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/history/fixtures/labels.ts b/services/web/test/frontend/features/history/fixtures/labels.ts
new file mode 100644
index 0000000..e5e78e7
--- /dev/null
+++ b/services/web/test/frontend/features/history/fixtures/labels.ts
@@ -0,0 +1,44 @@
+import { USER_ID } from '../../../helpers/editor-providers'
+
+export const labels = [
+  {
+    id: '643561cdfa2b2beac88f0024',
+    comment: 'tag-1',
+    version: 4,
+    user_id: USER_ID,
+    created_at: '2023-04-11T13:34:05.856Z',
+    user_display_name: 'john.doe',
+  },
+  {
+    id: '643561d1fa2b2beac88f0025',
+    comment: 'tag-2',
+    version: 4,
+    user_id: USER_ID,
+    created_at: '2023-04-11T13:34:09.280Z',
+    user_display_name: 'john.doe',
+  },
+  {
+    id: '6436bcf630293cb49e7f13a4',
+    comment: 'tag-3',
+    version: 1,
+    user_id: '631710ab1094c5002647184e',
+    created_at: '2023-04-12T14:15:18.892Z',
+    user_display_name: 'bobby.lapointe',
+  },
+  {
+    id: '6436bcf830293cb49e7f13a5',
+    comment: 'tag-4',
+    version: 1,
+    user_id: '631710ab1094c5002647184e',
+    created_at: '2023-04-12T14:15:20.814Z',
+    user_display_name: 'bobby.lapointe',
+  },
+  {
+    id: '6436bcfb30293cb49e7f13a6',
+    comment: 'tag-5',
+    version: 1,
+    user_id: '631710ab1094c5002647184e',
+    created_at: '2023-04-12T14:15:23.481Z',
+    user_display_name: 'bobby.lapointe',
+  },
+]
diff --git a/services/web/test/frontend/features/history/fixtures/updates.ts b/services/web/test/frontend/features/history/fixtures/updates.ts
new file mode 100644
index 0000000..667fe6b
--- /dev/null
+++ b/services/web/test/frontend/features/history/fixtures/updates.ts
@@ -0,0 +1,149 @@
+import { USER_ID, USER_EMAIL } from '../../../helpers/editor-providers'
+
+export const updates = {
+  updates: [
+    {
+      fromV: 5,
+      toV: 6,
+      meta: {
+        users: [
+          {
+            first_name: 'testuser',
+            last_name: '',
+            email: USER_EMAIL,
+            id: USER_ID,
+          },
+          {
+            first_name: 'john.doe',
+            last_name: '',
+            email: 'john.doe@test.com',
+            id: '631710ab1094c5002647184e',
+          },
+        ],
+        start_ts: 1681220036519,
+        end_ts: 1681220036619,
+      },
+      labels: [],
+      pathnames: ['name.tex'],
+      project_ops: [],
+    },
+    {
+      fromV: 4,
+      toV: 5,
+      meta: {
+        users: [
+          {
+            first_name: 'testuser',
+            last_name: '',
+            email: USER_EMAIL,
+            id: USER_ID,
+          },
+          {
+            first_name: 'john.doe',
+            last_name: '',
+            email: 'john.doe@test.com',
+            id: '631710ab1094c5002647184e',
+          },
+        ],
+        start_ts: 1681220036419,
+        end_ts: 1681220036419,
+      },
+      labels: [
+        {
+          id: '643561cdfa2b2beac88f0024',
+          comment: 'tag-1',
+          version: 4,
+          user_id: USER_ID,
+          created_at: '2023-04-11T13:34:05.856Z',
+        },
+        {
+          id: '643561d1fa2b2beac88f0025',
+          comment: 'tag-2',
+          version: 4,
+          user_id: USER_ID,
+          created_at: '2023-04-11T13:34:09.280Z',
+        },
+      ],
+      pathnames: [],
+      project_ops: [{ add: { pathname: 'name.tex' }, atV: 3 }],
+    },
+    {
+      fromV: 2,
+      toV: 4,
+      meta: {
+        users: [
+          {
+            first_name: 'bobby.lapointe',
+            last_name: '',
+            email: 'bobby.lapointe@test.com',
+            id: '631710ab1094c5002647184e',
+          },
+        ],
+        start_ts: 1681220029569,
+        end_ts: 1681220031589,
+      },
+      labels: [],
+      pathnames: ['main.tex'],
+      project_ops: [],
+    },
+    {
+      fromV: 1,
+      toV: 2,
+      meta: {
+        users: [
+          {
+            first_name: 'john.doe',
+            last_name: '',
+            email: 'john.doe@test.com',
+            id: '631710ab1094c5002647184e',
+          },
+        ],
+        start_ts: 1669218226672,
+        end_ts: 1669218226672,
+      },
+      labels: [
+        {
+          id: '6436bcf630293cb49e7f13a4',
+          comment: 'tag-3',
+          version: 3,
+          user_id: '631710ab1094c5002647184e',
+          created_at: '2023-04-12T14:15:18.892Z',
+        },
+        {
+          id: '6436bcf830293cb49e7f13a5',
+          comment: 'tag-4',
+          version: 3,
+          user_id: '631710ab1094c5002647184e',
+          created_at: '2023-04-12T14:15:20.814Z',
+        },
+      ],
+      pathnames: ['main.tex'],
+      project_ops: [],
+    },
+    {
+      fromV: 0,
+      toV: 1,
+      meta: {
+        users: [
+          {
+            first_name: 'testuser',
+            last_name: '',
+            email: USER_EMAIL,
+            id: USER_ID,
+          },
+          {
+            first_name: 'john.doe',
+            last_name: '',
+            email: 'john.doe@test.com',
+            id: '631710ab1094c5002647184e',
+          },
+        ],
+        start_ts: 1669218226500,
+        end_ts: 1669218226600,
+      },
+      labels: [],
+      pathnames: [],
+      project_ops: [{ add: { pathname: 'main.tex' }, atV: 3 }],
+    },
+  ],
+}
diff --git a/services/web/test/frontend/features/history/utils/auto-select-file.test.ts b/services/web/test/frontend/features/history/utils/auto-select-file.test.ts
new file mode 100644
index 0000000..aeda3ff
--- /dev/null
+++ b/services/web/test/frontend/features/history/utils/auto-select-file.test.ts
@@ -0,0 +1,899 @@
+import { expect } from 'chai'
+import type { FileDiff } from '../../../../../frontend/js/features/history/services/types/file'
+import { autoSelectFile } from '../../../../../frontend/js/features/history/utils/auto-select-file'
+import type { User } from '../../../../../frontend/js/features/history/services/types/shared'
+import { LoadedUpdate } from '../../../../../frontend/js/features/history/services/types/update'
+import { fileFinalPathname } from '../../../../../frontend/js/features/history/utils/file-diff'
+import { getUpdateForVersion } from '../../../../../frontend/js/features/history/utils/history-details'
+
+describe('autoSelectFile', function () {
+  const historyUsers: User[] = [
+    {
+      first_name: 'first_name',
+      last_name: 'last_name',
+      email: 'email@overleaf.com',
+      id: '6266xb6b7a366460a66186xx',
+    },
+  ]
+
+  describe('for comparing version with previous', function () {
+    const comparing = false
+
+    it('return the file with `edited` as the last operation', function () {
+      const files: FileDiff[] = [
+        {
+          pathname: 'main.tex',
+          editable: true,
+        },
+        {
+          pathname: 'sample.bib',
+          editable: true,
+        },
+        {
+          pathname: 'frog.jpg',
+          editable: false,
+        },
+        {
+          pathname: 'newfile5.tex',
+          editable: true,
+        },
+        {
+          pathname: 'newfolder1/newfolder2/newfile2.tex',
+          editable: true,
+        },
+        {
+          pathname: 'newfolder1/newfile10.tex',
+          operation: 'edited',
+        },
+      ]
+
+      const updates: LoadedUpdate[] = [
+        {
+          fromV: 25,
+          toV: 26,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680888731881,
+            end_ts: 1680888731881,
+          },
+          labels: [],
+          pathnames: ['newfolder1/newfile10.tex'],
+          project_ops: [],
+        },
+        {
+          fromV: 23,
+          toV: 25,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680888725098,
+            end_ts: 1680888729123,
+          },
+          labels: [],
+          pathnames: [],
+          project_ops: [
+            {
+              rename: {
+                pathname: 'newfolder1/newfile3.tex',
+                newPathname: 'newfolder1/newfile10.tex',
+              },
+              atV: 24,
+            },
+            {
+              rename: {
+                pathname: 'newfile3.tex',
+                newPathname: 'newfolder1/newfile3.tex',
+              },
+              atV: 23,
+            },
+          ],
+        },
+        {
+          fromV: 22,
+          toV: 23,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680888721015,
+            end_ts: 1680888721015,
+          },
+          labels: [],
+          pathnames: ['newfile3.tex'],
+          project_ops: [],
+        },
+        {
+          fromV: 19,
+          toV: 22,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680888715364,
+            end_ts: 1680888718726,
+          },
+          labels: [],
+          pathnames: [],
+          project_ops: [
+            {
+              rename: {
+                pathname: 'newfolder1/newfolder2/newfile3.tex',
+                newPathname: 'newfile3.tex',
+              },
+              atV: 21,
+            },
+            {
+              rename: {
+                pathname: 'newfolder1/newfile2.tex',
+                newPathname: 'newfolder1/newfolder2/newfile2.tex',
+              },
+              atV: 20,
+            },
+            {
+              rename: {
+                pathname: 'newfolder1/newfile5.tex',
+                newPathname: 'newfile5.tex',
+              },
+              atV: 19,
+            },
+          ],
+        },
+        {
+          fromV: 16,
+          toV: 19,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680888705042,
+            end_ts: 1680888712662,
+          },
+          labels: [],
+          pathnames: [
+            'main.tex',
+            'newfolder1/newfile2.tex',
+            'newfolder1/newfile5.tex',
+          ],
+          project_ops: [],
+        },
+        {
+          fromV: 0,
+          toV: 16,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680888456499,
+            end_ts: 1680888640774,
+          },
+          labels: [],
+          pathnames: [],
+          project_ops: [
+            {
+              add: {
+                pathname: 'newfolder1/newfile2.tex',
+              },
+              atV: 15,
+            },
+            {
+              remove: {
+                pathname: 'newfile2.tex',
+              },
+              atV: 14,
+            },
+            {
+              rename: {
+                pathname: 'newfolder1/frog.jpg',
+                newPathname: 'frog.jpg',
+              },
+              atV: 13,
+            },
+            {
+              rename: {
+                pathname: 'newfolder1/newfile2.tex',
+                newPathname: 'newfile2.tex',
+              },
+              atV: 12,
+            },
+            {
+              rename: {
+                pathname: 'newfile5.tex',
+                newPathname: 'newfolder1/newfile5.tex',
+              },
+              atV: 11,
+            },
+            {
+              rename: {
+                pathname: 'newfile4.tex',
+                newPathname: 'newfile5.tex',
+              },
+              atV: 10,
+            },
+            {
+              add: {
+                pathname: 'newfile4.tex',
+              },
+              atV: 9,
+            },
+            {
+              remove: {
+                pathname: 'newfolder1/newfolder2/newfile1.tex',
+              },
+              atV: 8,
+            },
+            {
+              rename: {
+                pathname: 'frog.jpg',
+                newPathname: 'newfolder1/frog.jpg',
+              },
+              atV: 7,
+            },
+            {
+              add: {
+                pathname: 'newfolder1/newfolder2/newfile3.tex',
+              },
+              atV: 6,
+            },
+            {
+              add: {
+                pathname: 'newfolder1/newfile2.tex',
+              },
+              atV: 5,
+            },
+            {
+              rename: {
+                pathname: 'newfolder1/newfile1.tex',
+                newPathname: 'newfolder1/newfolder2/newfile1.tex',
+              },
+              atV: 4,
+            },
+            {
+              add: {
+                pathname: 'newfolder1/newfile1.tex',
+              },
+              atV: 3,
+            },
+            {
+              add: {
+                pathname: 'frog.jpg',
+              },
+              atV: 2,
+            },
+            {
+              add: {
+                pathname: 'sample.bib',
+              },
+              atV: 1,
+            },
+            {
+              add: {
+                pathname: 'main.tex',
+              },
+              atV: 0,
+            },
+          ],
+        },
+      ]
+
+      const { pathname } = autoSelectFile(
+        files,
+        updates[0].toV,
+        comparing,
+        getUpdateForVersion(updates[0].toV, updates),
+        null
+      )
+
+      expect(pathname).to.equal('newfolder1/newfile10.tex')
+    })
+
+    it('return file with `added` operation on highest `atV` value if no other operation is available on the latest `updates` entry', function () {
+      const files: FileDiff[] = [
+        {
+          pathname: 'main.tex',
+          operation: 'added',
+          editable: true,
+        },
+        {
+          pathname: 'sample.bib',
+          operation: 'added',
+          editable: true,
+        },
+        {
+          pathname: 'frog.jpg',
+          operation: 'added',
+          editable: false,
+        },
+        {
+          pathname: 'newfile1.tex',
+          operation: 'added',
+          editable: true,
+        },
+      ]
+
+      const updates: LoadedUpdate[] = [
+        {
+          fromV: 0,
+          toV: 4,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680861468999,
+            end_ts: 1680861491861,
+          },
+          labels: [],
+          pathnames: [],
+          project_ops: [
+            {
+              add: {
+                pathname: 'newfile1.tex',
+              },
+              atV: 3,
+            },
+            {
+              add: {
+                pathname: 'frog.jpg',
+              },
+              atV: 2,
+            },
+            {
+              add: {
+                pathname: 'sample.bib',
+              },
+              atV: 1,
+            },
+            {
+              add: {
+                pathname: 'main.tex',
+              },
+              atV: 0,
+            },
+          ],
+        },
+      ]
+
+      const { pathname } = autoSelectFile(
+        files,
+        updates[0].toV,
+        comparing,
+        getUpdateForVersion(updates[0].toV, updates),
+        null
+      )
+
+      expect(pathname).to.equal('newfile1.tex')
+    })
+
+    it('return the last non-`removed` operation with the highest `atV` value', function () {
+      const files: FileDiff[] = [
+        {
+          pathname: 'main.tex',
+          operation: 'removed',
+          deletedAtV: 6,
+          editable: true,
+        },
+        {
+          pathname: 'sample.bib',
+          editable: true,
+        },
+        {
+          pathname: 'main2.tex',
+          operation: 'added',
+          editable: true,
+        },
+        {
+          pathname: 'main3.tex',
+          operation: 'added',
+          editable: true,
+        },
+      ]
+
+      const updates: LoadedUpdate[] = [
+        {
+          fromV: 4,
+          toV: 7,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680874742389,
+            end_ts: 1680874755552,
+          },
+          labels: [],
+          pathnames: [],
+          project_ops: [
+            {
+              remove: {
+                pathname: 'main.tex',
+              },
+              atV: 6,
+            },
+            {
+              add: {
+                pathname: 'main3.tex',
+              },
+              atV: 5,
+            },
+            {
+              add: {
+                pathname: 'main2.tex',
+              },
+              atV: 4,
+            },
+          ],
+        },
+        {
+          fromV: 0,
+          toV: 4,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680861975947,
+            end_ts: 1680861988442,
+          },
+          labels: [],
+          pathnames: [],
+          project_ops: [
+            {
+              remove: {
+                pathname: 'frog.jpg',
+              },
+              atV: 3,
+            },
+            {
+              add: {
+                pathname: 'frog.jpg',
+              },
+              atV: 2,
+            },
+            {
+              add: {
+                pathname: 'sample.bib',
+              },
+              atV: 1,
+            },
+            {
+              add: {
+                pathname: 'main.tex',
+              },
+              atV: 0,
+            },
+          ],
+        },
+      ]
+
+      const { pathname } = autoSelectFile(
+        files,
+        updates[0].toV,
+        comparing,
+        getUpdateForVersion(updates[0].toV, updates),
+        null
+      )
+
+      expect(pathname).to.equal('main3.tex')
+    })
+
+    it('if `removed` is the last operation, and no other operation is available on the latest `updates` entry, with `main.tex` available as a file name somewhere in the file tree, return `main.tex`', function () {
+      const files: FileDiff[] = [
+        {
+          pathname: 'main.tex',
+          editable: true,
+        },
+        {
+          pathname: 'sample.bib',
+          editable: true,
+        },
+        {
+          pathname: 'frog.jpg',
+          editable: false,
+        },
+        {
+          pathname: 'newfolder/maybewillbedeleted.tex',
+          newPathname: 'newfolder2/maybewillbedeleted.tex',
+          operation: 'removed',
+          deletedAtV: 10,
+          editable: true,
+        },
+      ]
+
+      const updates: LoadedUpdate[] = [
+        {
+          fromV: 9,
+          toV: 11,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680904414419,
+            end_ts: 1680904417538,
+          },
+          labels: [],
+          pathnames: [],
+          project_ops: [
+            {
+              remove: {
+                pathname: 'newfolder2/maybewillbedeleted.tex',
+              },
+              atV: 10,
+            },
+            {
+              rename: {
+                pathname: 'newfolder/maybewillbedeleted.tex',
+                newPathname: 'newfolder2/maybewillbedeleted.tex',
+              },
+              atV: 9,
+            },
+          ],
+        },
+        {
+          fromV: 8,
+          toV: 9,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680904410333,
+            end_ts: 1680904410333,
+          },
+          labels: [],
+          pathnames: ['newfolder/maybewillbedeleted.tex'],
+          project_ops: [],
+        },
+        {
+          fromV: 7,
+          toV: 8,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680904407448,
+            end_ts: 1680904407448,
+          },
+          labels: [],
+          pathnames: [],
+          project_ops: [
+            {
+              rename: {
+                pathname: 'newfolder/tobedeleted.tex',
+                newPathname: 'newfolder/maybewillbedeleted.tex',
+              },
+              atV: 7,
+            },
+          ],
+        },
+        {
+          fromV: 6,
+          toV: 7,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680904400839,
+            end_ts: 1680904400839,
+          },
+          labels: [],
+          pathnames: ['newfolder/tobedeleted.tex'],
+          project_ops: [],
+        },
+        {
+          fromV: 5,
+          toV: 6,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680904398544,
+            end_ts: 1680904398544,
+          },
+          labels: [],
+          pathnames: [],
+          project_ops: [
+            {
+              rename: {
+                pathname: 'tobedeleted.tex',
+                newPathname: 'newfolder/tobedeleted.tex',
+              },
+              atV: 5,
+            },
+          ],
+        },
+        {
+          fromV: 4,
+          toV: 5,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680904389891,
+            end_ts: 1680904389891,
+          },
+          labels: [],
+          pathnames: ['tobedeleted.tex'],
+          project_ops: [],
+        },
+        {
+          fromV: 0,
+          toV: 4,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680904363778,
+            end_ts: 1680904385308,
+          },
+          labels: [],
+          pathnames: [],
+          project_ops: [
+            {
+              add: {
+                pathname: 'tobedeleted.tex',
+              },
+              atV: 3,
+            },
+            {
+              add: {
+                pathname: 'frog.jpg',
+              },
+              atV: 2,
+            },
+            {
+              add: {
+                pathname: 'sample.bib',
+              },
+              atV: 1,
+            },
+            {
+              add: {
+                pathname: 'main.tex',
+              },
+              atV: 0,
+            },
+          ],
+        },
+      ]
+
+      const { pathname } = autoSelectFile(
+        files,
+        updates[0].toV,
+        comparing,
+        getUpdateForVersion(updates[0].toV, updates),
+        null
+      )
+
+      expect(pathname).to.equal('main.tex')
+    })
+
+    it('if `removed` is the last operation, and no other operation is available on the latest `updates` entry, with `main.tex` is not available as a file name somewhere in the file tree, return any tex file based on ascending alphabetical order', function () {
+      const files: FileDiff[] = [
+        {
+          pathname: 'certainly_not_main.tex',
+          editable: true,
+        },
+        {
+          pathname: 'newfile.tex',
+          editable: true,
+        },
+        {
+          pathname: 'file2.tex',
+          editable: true,
+        },
+      ]
+
+      const updates: LoadedUpdate[] = [
+        {
+          fromV: 7,
+          toV: 8,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680905536168,
+            end_ts: 1680905536168,
+          },
+          labels: [],
+          pathnames: [],
+          project_ops: [
+            {
+              remove: {
+                pathname: 'newfolder/tobedeleted.txt',
+              },
+              atV: 7,
+            },
+          ],
+        },
+        {
+          fromV: 6,
+          toV: 7,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680905531816,
+            end_ts: 1680905531816,
+          },
+          labels: [],
+          pathnames: ['newfolder/tobedeleted.txt'],
+          project_ops: [],
+        },
+        {
+          fromV: 0,
+          toV: 6,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680905492130,
+            end_ts: 1680905529186,
+          },
+          labels: [],
+          pathnames: [],
+          project_ops: [
+            {
+              rename: {
+                pathname: 'tobedeleted.txt',
+                newPathname: 'newfolder/tobedeleted.txt',
+              },
+              atV: 5,
+            },
+            {
+              add: {
+                pathname: 'file2.tex',
+              },
+              atV: 4,
+            },
+            {
+              add: {
+                pathname: 'newfile.tex',
+              },
+              atV: 3,
+            },
+            {
+              add: {
+                pathname: 'tobedeleted.txt',
+              },
+              atV: 2,
+            },
+            {
+              rename: {
+                pathname: 'main.tex',
+                newPathname: 'certainly_not_main.tex',
+              },
+              atV: 1,
+            },
+            {
+              add: {
+                pathname: 'main.tex',
+              },
+              atV: 0,
+            },
+          ],
+        },
+      ]
+
+      const { pathname } = autoSelectFile(
+        files,
+        updates[0].toV,
+        comparing,
+        getUpdateForVersion(updates[0].toV, updates),
+        null
+      )
+
+      expect(pathname).to.equal('certainly_not_main.tex')
+    })
+
+    it('selects renamed file', function () {
+      const files: FileDiff[] = [
+        {
+          pathname: 'main.tex',
+          editable: true,
+        },
+        {
+          pathname: 'original.bib',
+          newPathname: 'new.bib',
+          operation: 'renamed',
+          editable: true,
+        },
+      ]
+
+      const updates: LoadedUpdate[] = [
+        {
+          fromV: 4,
+          toV: 7,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680874742389,
+            end_ts: 1680874755552,
+          },
+          labels: [],
+          pathnames: [],
+          project_ops: [
+            {
+              rename: {
+                pathname: 'original.bib',
+                newPathname: 'new.bib',
+              },
+              atV: 5,
+            },
+          ],
+        },
+        {
+          fromV: 0,
+          toV: 4,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680861975947,
+            end_ts: 1680861988442,
+          },
+          labels: [],
+          pathnames: [],
+          project_ops: [
+            {
+              add: {
+                pathname: 'original.bib',
+              },
+              atV: 1,
+            },
+            {
+              add: {
+                pathname: 'main.tex',
+              },
+              atV: 0,
+            },
+          ],
+        },
+      ]
+
+      const pathname = fileFinalPathname(
+        autoSelectFile(
+          files,
+          updates[0].toV,
+          comparing,
+          getUpdateForVersion(updates[0].toV, updates),
+          null
+        )
+      )
+
+      expect(pathname).to.equal('new.bib')
+    })
+
+    it('ignores binary file', function () {
+      const files: FileDiff[] = [
+        {
+          pathname: 'frog.jpg',
+          editable: false,
+          operation: 'added',
+        },
+        {
+          pathname: 'main.tex',
+          editable: true,
+        },
+        {
+          pathname: 'sample.bib',
+          editable: true,
+        },
+      ]
+
+      const updates: LoadedUpdate[] = [
+        {
+          fromV: 4,
+          toV: 7,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680874742389,
+            end_ts: 1680874755552,
+          },
+          labels: [],
+          pathnames: [],
+          project_ops: [
+            {
+              add: {
+                pathname: 'frog.jpg',
+              },
+              atV: 5,
+            },
+          ],
+        },
+        {
+          fromV: 0,
+          toV: 4,
+          meta: {
+            users: historyUsers,
+            start_ts: 1680861975947,
+            end_ts: 1680861988442,
+          },
+          labels: [],
+          pathnames: [],
+          project_ops: [
+            {
+              add: {
+                pathname: 'sample.bib',
+              },
+              atV: 1,
+            },
+            {
+              add: {
+                pathname: 'main.tex',
+              },
+              atV: 0,
+            },
+          ],
+        },
+      ]
+
+      const { pathname } = autoSelectFile(
+        files,
+        updates[0].toV,
+        comparing,
+        getUpdateForVersion(updates[0].toV, updates),
+        null
+      )
+
+      expect(pathname).to.equal('main.tex')
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/history/utils/display-name-for-user.test.ts b/services/web/test/frontend/features/history/utils/display-name-for-user.test.ts
new file mode 100644
index 0000000..07d454a
--- /dev/null
+++ b/services/web/test/frontend/features/history/utils/display-name-for-user.test.ts
@@ -0,0 +1,68 @@
+import { expect } from 'chai'
+import displayNameForUser from '@/features/history/utils/display-name-for-user'
+
+describe('displayNameForUser', function () {
+  const currentUsersId = 'user-a'
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-user', { id: currentUsersId })
+  })
+
+  it("should return 'Anonymous' with no user", function () {
+    return expect(displayNameForUser(null)).to.equal('Anonymous')
+  })
+
+  it("should return 'you' when the user has the same id as the window", function () {
+    return expect(
+      displayNameForUser({
+        id: currentUsersId,
+        email: 'james.allen@overleaf.com',
+        first_name: 'James',
+        last_name: 'Allen',
+      })
+    ).to.equal('you')
+  })
+
+  it('should return the first_name and last_name when present', function () {
+    return expect(
+      displayNameForUser({
+        id: currentUsersId + 1,
+        email: 'james.allen@overleaf.com',
+        first_name: 'James',
+        last_name: 'Allen',
+      })
+    ).to.equal('James Allen')
+  })
+
+  it('should return only the first_name if no last_name', function () {
+    return expect(
+      displayNameForUser({
+        id: currentUsersId + 1,
+        email: 'james.allen@overleaf.com',
+        first_name: 'James',
+        last_name: '',
+      })
+    ).to.equal('James')
+  })
+
+  it('should return the email username if there are no names', function () {
+    return expect(
+      displayNameForUser({
+        id: currentUsersId + 1,
+        email: 'james.allen@overleaf.com',
+        first_name: '',
+        last_name: '',
+      })
+    ).to.equal('james.allen')
+  })
+
+  it("should return the '?' if it has nothing", function () {
+    return expect(
+      displayNameForUser({
+        id: currentUsersId + 1,
+        email: '',
+        first_name: '',
+        last_name: '',
+      })
+    ).to.equal('?')
+  })
+})
diff --git a/services/web/test/frontend/features/hotkeys-modal/components/hotkeys-modal-bottom-text.test.jsx b/services/web/test/frontend/features/hotkeys-modal/components/hotkeys-modal-bottom-text.test.jsx
new file mode 100644
index 0000000..c3baeef
--- /dev/null
+++ b/services/web/test/frontend/features/hotkeys-modal/components/hotkeys-modal-bottom-text.test.jsx
@@ -0,0 +1,21 @@
+import { render, screen } from '@testing-library/react'
+import { expect } from 'chai'
+import HotkeysModalBottomText from '../../../../../frontend/js/features/hotkeys-modal/components/hotkeys-modal-bottom-text'
+
+describe('<HotkeysModalBottomText />', function () {
+  it('renders the correct text', function () {
+    render(<HotkeysModalBottomText />)
+
+    screen.getByText(
+      /A more comprehensive list of keyboard shortcuts can be found in/
+    )
+
+    const link = screen.getByRole('link', {
+      name: /this Overleaf project template/,
+    })
+
+    expect(link.getAttribute('href')).to.equal(
+      `/articles/overleaf-keyboard-shortcuts/qykqfvmxdnjf`
+    )
+  })
+})
diff --git a/services/web/test/frontend/features/hotkeys-modal/components/hotkeys-modal.test.jsx b/services/web/test/frontend/features/hotkeys-modal/components/hotkeys-modal.test.jsx
new file mode 100644
index 0000000..8d18f80
--- /dev/null
+++ b/services/web/test/frontend/features/hotkeys-modal/components/hotkeys-modal.test.jsx
@@ -0,0 +1,61 @@
+import { render, screen } from '@testing-library/react'
+import HotkeysModal from '../../../../../frontend/js/features/hotkeys-modal/components/hotkeys-modal'
+import { expect } from 'chai'
+import sinon from 'sinon'
+
+const modalProps = {
+  show: true,
+  handleHide: sinon.stub(),
+  trackChangesVisible: false,
+}
+
+describe('<HotkeysModal />', function () {
+  it('renders the translated modal title on cm6', async function () {
+    const { baseElement } = render(<HotkeysModal {...modalProps} />)
+
+    expect(baseElement.querySelector('.modal-title').textContent).to.equal(
+      'Hotkeys'
+    )
+  })
+
+  it('renders translated heading with embedded code', function () {
+    const { baseElement } = render(<HotkeysModal {...modalProps} />)
+
+    const results = baseElement.querySelectorAll('h3 code')
+    expect(results).to.have.length(1)
+  })
+
+  it('renders the hotkey descriptions', function () {
+    const { baseElement } = render(<HotkeysModal {...modalProps} />)
+
+    const hotkeys = baseElement.querySelectorAll(
+      '[data-test-selector="hotkey"]'
+    )
+    expect(hotkeys).to.have.length(19)
+  })
+
+  it('adds extra hotkey descriptions when Track Changes is enabled', function () {
+    const { baseElement } = render(
+      <HotkeysModal {...modalProps} trackChangesVisible />
+    )
+
+    const hotkeys = baseElement.querySelectorAll(
+      '[data-test-selector="hotkey"]'
+    )
+    expect(hotkeys).to.have.length(22)
+  })
+
+  it('uses Ctrl for non-macOS', function () {
+    render(<HotkeysModal {...modalProps} />)
+
+    expect(screen.getAllByText(/Ctrl/)).to.have.length(16)
+    expect(screen.queryByText(/Cmd/)).to.not.exist
+  })
+
+  it('uses Cmd for macOS', function () {
+    render(<HotkeysModal {...modalProps} isMac />)
+
+    expect(screen.getAllByText(/Cmd/)).to.have.length(12)
+    expect(screen.getAllByText(/Ctrl/)).to.have.length(4)
+  })
+})
diff --git a/services/web/test/frontend/features/ide-react/unit/react-scope-value-store.test.ts b/services/web/test/frontend/features/ide-react/unit/react-scope-value-store.test.ts
new file mode 100644
index 0000000..7f867ca
--- /dev/null
+++ b/services/web/test/frontend/features/ide-react/unit/react-scope-value-store.test.ts
@@ -0,0 +1,328 @@
+import { expect } from 'chai'
+import { ReactScopeValueStore } from '@/features/ide-react/scope-value-store/react-scope-value-store'
+import sinon from 'sinon'
+import customLocalStorage from '@/infrastructure/local-storage'
+
+function waitForWatchers(callback: () => void) {
+  return new Promise(resolve => {
+    callback()
+    window.setTimeout(resolve, 1)
+  })
+}
+
+describe('ReactScopeValueStore', function () {
+  it('can set and retrieve a value', function () {
+    const store = new ReactScopeValueStore()
+    store.set('test', 'wombat')
+    const retrieved = store.get('test')
+    expect(retrieved).to.equal('wombat')
+  })
+
+  it('can overwrite a value', function () {
+    const store = new ReactScopeValueStore()
+    store.set('test', 'wombat')
+    store.set('test', 'not a wombat')
+    const retrieved = store.get('test')
+    expect(retrieved).to.equal('not a wombat')
+  })
+
+  it('can overwrite a nested value', function () {
+    const store = new ReactScopeValueStore()
+    store.set('test', { prop: 'wombat' })
+    store.set('test.prop', 'not a wombat')
+    const retrieved = store.get('test.prop')
+    expect(retrieved).to.equal('not a wombat')
+  })
+
+  it('throws an error when retrieving an unknown value', function () {
+    const store = new ReactScopeValueStore()
+    expect(() => store.get('test')).to.throw
+  })
+
+  it('can watch a value', async function () {
+    const store = new ReactScopeValueStore()
+    store.set('changing', 'one')
+    store.set('fixed', 'one')
+    const changingItemWatcher = sinon.stub()
+    const fixedItemWatcher = sinon.stub()
+    await waitForWatchers(() => {
+      store.watch('changing', changingItemWatcher)
+      store.watch('fixed', fixedItemWatcher)
+    })
+    expect(changingItemWatcher).to.have.been.calledWith('one')
+    expect(fixedItemWatcher).to.have.been.calledWith('one')
+    changingItemWatcher.reset()
+    fixedItemWatcher.reset()
+    await waitForWatchers(() => {
+      store.set('changing', 'two')
+    })
+    expect(changingItemWatcher).to.have.been.calledWith('two')
+    expect(fixedItemWatcher).not.to.have.been.called
+  })
+
+  it('allows synchronous watcher updates', function () {
+    const store = new ReactScopeValueStore()
+    store.set('test', 'wombat')
+    const watcher = sinon.stub()
+    store.watch('test', watcher)
+    store.set('test', 'not a wombat')
+    expect(watcher).not.to.have.been.called
+    store.flushUpdates()
+    expect(watcher).to.have.been.calledWith('not a wombat')
+  })
+
+  it('removes a watcher', async function () {
+    const store = new ReactScopeValueStore()
+    store.set('test', 'wombat')
+    const watcher = sinon.stub()
+    const removeWatcher = store.watch('test', watcher)
+    store.flushUpdates()
+    watcher.reset()
+    removeWatcher()
+    store.set('test', 'not a wombat')
+    store.flushUpdates()
+    expect(watcher).not.to.have.been.called
+  })
+
+  it('does not call a watcher removed between observing change and being called', async function () {
+    const store = new ReactScopeValueStore()
+    store.set('test', 'wombat')
+    const watcher = sinon.stub()
+    const removeWatcher = store.watch('test', watcher)
+    store.flushUpdates()
+    watcher.reset()
+    store.set('test', 'not a wombat')
+    removeWatcher()
+    store.flushUpdates()
+    expect(watcher).not.to.have.been.called
+  })
+
+  it('does not trigger watcher on setting to an identical value', async function () {
+    const store = new ReactScopeValueStore()
+    store.set('test', 'wombat')
+    const watcher = sinon.stub()
+    await waitForWatchers(() => {
+      store.watch('test', watcher)
+    })
+    expect(watcher).to.have.been.calledWith('wombat')
+    watcher.reset()
+    await waitForWatchers(() => {
+      store.set('test', 'wombat')
+    })
+    expect(watcher).not.to.have.been.called
+  })
+
+  it('can watch a value before it has been set', async function () {
+    const store = new ReactScopeValueStore()
+    const watcher = sinon.stub()
+    store.watch('test', watcher)
+    await waitForWatchers(() => {
+      store.set('test', 'wombat')
+    })
+    expect(watcher).to.have.been.calledWith('wombat')
+  })
+
+  it('handles multiple watchers for the same path added at the same time before the value is set', async function () {
+    const store = new ReactScopeValueStore()
+
+    const watcherOne = sinon.stub()
+    const watcherTwo = sinon.stub()
+    store.watch('test', watcherOne)
+    store.watch('test', watcherTwo)
+    await waitForWatchers(() => {
+      store.set('test', 'wombat')
+    })
+
+    expect(watcherOne).to.have.been.calledWith('wombat')
+    expect(watcherTwo).to.have.been.calledWith('wombat')
+  })
+
+  it('handles multiple watchers for the same path added at the same time after the value is set', async function () {
+    const store = new ReactScopeValueStore()
+    store.set('test', 'wombat')
+
+    const watcherOne = sinon.stub()
+    const watcherTwo = sinon.stub()
+    store.watch('test', watcherOne)
+    store.watch('test', watcherTwo)
+    store.flushUpdates()
+
+    expect(watcherOne).to.have.been.calledWith('wombat')
+    expect(watcherTwo).to.have.been.calledWith('wombat')
+  })
+
+  it('throws an error when watching an unknown value', function () {
+    const store = new ReactScopeValueStore()
+    expect(() => store.watch('test', () => {})).to.throw
+  })
+
+  it('sets nested value if watched', function () {
+    const store = new ReactScopeValueStore()
+    store.set('test', { nested: 'one' })
+    const watcher = sinon.stub()
+    store.watch('test.nested', watcher)
+    const retrieved = store.get('test.nested')
+    expect(retrieved).to.equal('one')
+  })
+
+  it('does not set nested value if not watched', function () {
+    const store = new ReactScopeValueStore()
+    store.set('test', { nested: 'one' })
+    expect(() => store.get('test.nested')).to.throw
+  })
+
+  it('can watch a nested value', async function () {
+    const store = new ReactScopeValueStore()
+    store.set('test', { nested: 'one' })
+    const watcher = sinon.stub()
+    store.watch('test.nested', watcher)
+    await waitForWatchers(() => {
+      store.set('test', { nested: 'two' })
+    })
+    expect(watcher).to.have.been.calledWith('two')
+  })
+
+  it('can watch a deeply nested value', async function () {
+    const store = new ReactScopeValueStore()
+    store.set('test', { levelOne: { levelTwo: { levelThree: 'one' } } })
+    const watcher = sinon.stub()
+    store.watch('test.levelOne.levelTwo.levelThree', watcher)
+    await waitForWatchers(() => {
+      store.set('test', { levelOne: { levelTwo: { levelThree: 'two' } } })
+    })
+    expect(watcher).to.have.been.calledWith('two')
+  })
+
+  it('does not inform nested value watcher when nested value does not change', async function () {
+    const store = new ReactScopeValueStore()
+    store.set('test', { nestedOne: 'one', nestedTwo: 'one' })
+    const nestedOneWatcher = sinon.stub()
+    const nestedTwoWatcher = sinon.stub()
+    await waitForWatchers(() => {
+      store.watch('test.nestedOne', nestedOneWatcher)
+      store.watch('test.nestedTwo', nestedTwoWatcher)
+    })
+    nestedOneWatcher.reset()
+    nestedTwoWatcher.reset()
+    await waitForWatchers(() => {
+      store.set('test', { nestedOne: 'two', nestedTwo: 'one' })
+    })
+    expect(nestedOneWatcher).to.have.been.calledWith('two')
+    expect(nestedTwoWatcher).not.to.have.been.called
+  })
+
+  it('deletes nested values that no longer exist', function () {
+    const store = new ReactScopeValueStore()
+    store.set('test', { levelOne: { levelTwo: { levelThree: 'one' } } })
+    store.set('test', { levelOne: { different: 'wombat' } })
+    const retrieved = store.get('test.levelOne.different')
+    expect(retrieved).to.equal('wombat')
+    expect(() => store.get('test.levelOne.levelTwo')).to.throw
+    expect(() => store.get('test.levelOne.levelTwo.levelThree')).to.throw
+  })
+
+  it('does not throw for allowed non-existent path', function () {
+    const store = new ReactScopeValueStore()
+    store.allowNonExistentPath('wombat')
+    store.set('test', { levelOne: { levelTwo: { levelThree: 'one' } } })
+    store.set('test', { levelOne: { different: 'wombat' } })
+    expect(() => store.get('test')).not.to.throw
+    expect(store.get('wombat')).to.equal(undefined)
+  })
+
+  it('does not throw for deep allowed non-existent path', function () {
+    const store = new ReactScopeValueStore()
+    store.allowNonExistentPath('wombat', true)
+    expect(() => store.get('wombat')).not.to.throw
+    expect(() => store.get('wombat.nested')).not.to.throw
+    expect(() => store.get('wombat.really.very.nested')).not.to.throw
+  })
+
+  it('throws for nested value in non-deep allowed non-existent path', function () {
+    const store = new ReactScopeValueStore()
+    store.allowNonExistentPath('wombat', false)
+    expect(() => store.get('wombat.nested')).to.throw
+  })
+
+  it('throws for ancestor of allowed non-existent path', function () {
+    const store = new ReactScopeValueStore()
+    store.allowNonExistentPath('wombat.nested', true)
+    expect(() => store.get('wombat.really.very.nested')).not.to.throw
+    expect(() => store.get('wombat')).to.throw
+  })
+
+  it('updates ancestors', async function () {
+    const store = new ReactScopeValueStore()
+    const testValue = {
+      prop1: {
+        subProp: 'wombat',
+      },
+      prop2: {
+        subProp: 'wombat',
+      },
+    }
+    store.set('test', testValue)
+    const rootWatcher = sinon.stub()
+    const prop1Watcher = sinon.stub()
+    const subPropWatcher = sinon.stub()
+    const prop2Watcher = sinon.stub()
+    await waitForWatchers(() => {
+      store.watch('test', rootWatcher)
+      store.watch('test.prop1', prop1Watcher)
+      store.watch('test.prop1.subProp', subPropWatcher)
+      store.watch('test.prop2', prop2Watcher)
+    })
+    rootWatcher.reset()
+    prop1Watcher.reset()
+    subPropWatcher.reset()
+    prop2Watcher.reset()
+    await waitForWatchers(() => {
+      store.set('test.prop1.subProp', 'picard')
+    })
+    expect(store.get('test')).to.deep.equal({
+      prop1: {
+        subProp: 'picard',
+      },
+      prop2: {
+        subProp: 'wombat',
+      },
+    })
+    expect(store.get('test.prop2')).to.equal(testValue.prop2)
+    expect(rootWatcher).to.have.been.called
+    expect(prop1Watcher).to.have.been.called
+    expect(subPropWatcher).to.have.been.called
+    expect(prop2Watcher).not.to.have.been.called
+  })
+
+  describe('persistence', function () {
+    beforeEach(function () {
+      customLocalStorage.clear()
+    })
+
+    it('persists string to local storage', function () {
+      const store = new ReactScopeValueStore()
+      store.persisted('test-path', 'fallback value', 'test-storage-key')
+      expect(store.get('test-path')).to.equal('fallback value')
+      store.set('test-path', 'new value')
+      expect(customLocalStorage.getItem('test-storage-key')).to.equal(
+        'new value'
+      )
+    })
+
+    it("doesn't persist string to local storage until set() is called", function () {
+      const store = new ReactScopeValueStore()
+      store.persisted('test-path', 'fallback value', 'test-storage-key')
+      expect(customLocalStorage.getItem('test-storage-key')).to.equal(null)
+    })
+
+    it('converts persisted value', function () {
+      const store = new ReactScopeValueStore()
+      store.persisted('test-path', false, 'test-storage-key', {
+        toPersisted: value => (value ? 'on' : 'off'),
+        fromPersisted: persistedValue => persistedValue === 'on',
+      })
+      store.set('test-path', true)
+      expect(customLocalStorage.getItem('test-storage-key')).to.equal('on')
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/layout/components/switch-to-editor-button.spec.tsx b/services/web/test/frontend/features/layout/components/switch-to-editor-button.spec.tsx
new file mode 100644
index 0000000..3cb8ea2
--- /dev/null
+++ b/services/web/test/frontend/features/layout/components/switch-to-editor-button.spec.tsx
@@ -0,0 +1,38 @@
+import { EditorProviders } from '../../../helpers/editor-providers'
+import SwitchToEditorButton from '@/features/pdf-preview/components/switch-to-editor-button'
+
+describe('<SwitchToEditorButton />', function () {
+  it('shows button in full screen pdf layout', function () {
+    cy.mount(
+      <EditorProviders ui={{ view: 'pdf', pdfLayout: 'flat', chatOpen: false }}>
+        <SwitchToEditorButton />
+      </EditorProviders>
+    )
+
+    cy.findByRole('button', { name: 'Switch to editor' })
+  })
+
+  it('does not show button in split screen layout', function () {
+    cy.mount(
+      <EditorProviders
+        ui={{ view: 'pdf', pdfLayout: 'sideBySide', chatOpen: false }}
+      >
+        <SwitchToEditorButton />
+      </EditorProviders>
+    )
+
+    cy.findByRole('button', { name: 'Switch to editor' }).should('not.exist')
+  })
+
+  it('does not show button when detached', function () {
+    window.metaAttributesCache.set('ol-detachRole', 'detacher')
+
+    cy.mount(
+      <EditorProviders ui={{ view: 'pdf', pdfLayout: 'flat', chatOpen: false }}>
+        <SwitchToEditorButton />
+      </EditorProviders>
+    )
+
+    cy.findByRole('button', { name: 'Switch to editor' }).should('not.exist')
+  })
+})
diff --git a/services/web/test/frontend/features/layout/components/switch-to-pdf-button.spec.tsx b/services/web/test/frontend/features/layout/components/switch-to-pdf-button.spec.tsx
new file mode 100644
index 0000000..43fc1ca
--- /dev/null
+++ b/services/web/test/frontend/features/layout/components/switch-to-pdf-button.spec.tsx
@@ -0,0 +1,42 @@
+import SwitchToPDFButton from '@/features/source-editor/components/switch-to-pdf-button'
+import { EditorProviders } from '../../../helpers/editor-providers'
+
+describe('<SwitchToPDFButton />', function () {
+  it('shows button in full screen editor layout', function () {
+    cy.mount(
+      <EditorProviders
+        ui={{ view: 'editor', pdfLayout: 'flat', chatOpen: false }}
+      >
+        <SwitchToPDFButton />
+      </EditorProviders>
+    )
+
+    cy.findByRole('button', { name: 'Switch to PDF' })
+  })
+
+  it('does not show button in split screen layout', function () {
+    cy.mount(
+      <EditorProviders
+        ui={{ view: 'editor', pdfLayout: 'sideBySide', chatOpen: false }}
+      >
+        <SwitchToPDFButton />
+      </EditorProviders>
+    )
+
+    cy.findByRole('button', { name: 'Switch to PDF' }).should('not.exist')
+  })
+
+  it('does not show button when detached', function () {
+    window.metaAttributesCache.set('ol-detachRole', 'detacher')
+
+    cy.mount(
+      <EditorProviders
+        ui={{ view: 'editor', pdfLayout: 'flat', chatOpen: false }}
+      >
+        <SwitchToPDFButton />
+      </EditorProviders>
+    )
+
+    cy.findByRole('button', { name: 'Switch to PDF' }).should('not.exist')
+  })
+})
diff --git a/services/web/test/frontend/features/outline/components/outline-item.spec.tsx b/services/web/test/frontend/features/outline/components/outline-item.spec.tsx
new file mode 100644
index 0000000..b30ba59
--- /dev/null
+++ b/services/web/test/frontend/features/outline/components/outline-item.spec.tsx
@@ -0,0 +1,97 @@
+import OutlineItem from '../../../../../frontend/js/features/outline/components/outline-item'
+
+describe('<OutlineItem />', function () {
+  it('renders basic item', function () {
+    cy.mount(
+      <OutlineItem
+        // @ts-ignore
+        outlineItem={{
+          title: 'Test Title',
+          line: 1,
+        }}
+        jumpToLine={cy.stub()}
+      />
+    )
+
+    cy.findByRole('treeitem', { current: false })
+    cy.findByRole('button', { name: 'Test Title' })
+    cy.findByRole('button', { name: 'Collapse' }).should('not.exist')
+  })
+
+  it('collapses and expands', function () {
+    cy.mount(
+      <OutlineItem
+        // @ts-ignore
+        outlineItem={{
+          title: 'Parent',
+          line: 1,
+          children: [{ title: 'Child', line: 2 }],
+        }}
+        jumpToLine={cy.stub()}
+      />
+    )
+
+    cy.findByRole('button', { name: 'Child' })
+    cy.findByRole('button', { name: 'Collapse' }).click()
+    cy.findByRole('button', { name: 'Expand' })
+    cy.findByRole('button', { name: 'Child' }).should('not.exist')
+  })
+
+  it('highlights', function () {
+    cy.mount(
+      <OutlineItem
+        // @ts-ignore
+        outlineItem={{
+          title: 'Parent',
+          line: 1,
+        }}
+        jumpToLine={cy.stub()}
+        highlightedLine={1}
+        matchesHighlightedLine
+      />
+    )
+
+    cy.findByRole('treeitem', { current: true })
+  })
+
+  it('highlights when has collapsed highlighted child', function () {
+    cy.mount(
+      <OutlineItem
+        // @ts-ignore
+        outlineItem={{
+          title: 'Parent',
+          line: 1,
+          children: [{ title: 'Child', line: 2 }],
+        }}
+        jumpToLine={cy.stub()}
+        highlightedLine={2}
+        containsHighlightedLine
+      />
+    )
+
+    cy.findByRole('treeitem', { name: 'Parent', current: false })
+    cy.findByRole('treeitem', { name: 'Child', current: true })
+    cy.findByRole('button', { name: 'Collapse' }).click()
+    cy.findByRole('treeitem', { name: 'Parent', current: true })
+  })
+
+  it('click and double-click jump to location', function () {
+    cy.mount(
+      <OutlineItem
+        // @ts-ignore
+        outlineItem={{
+          title: 'Parent',
+          line: 1,
+        }}
+        jumpToLine={cy.stub().as('jumpToLine')}
+      />
+    )
+
+    cy.findByRole('button', { name: 'Parent' }).click()
+    cy.get('@jumpToLine').should('have.been.calledOnceWith', 1, false)
+
+    cy.findByRole('button', { name: 'Parent' }).dblclick()
+    cy.get('@jumpToLine').should('have.been.calledThrice')
+    cy.get('@jumpToLine').should('have.been.calledWith', 1, true)
+  })
+})
diff --git a/services/web/test/frontend/features/outline/components/outline-list.spec.tsx b/services/web/test/frontend/features/outline/components/outline-list.spec.tsx
new file mode 100644
index 0000000..88912a9
--- /dev/null
+++ b/services/web/test/frontend/features/outline/components/outline-list.spec.tsx
@@ -0,0 +1,45 @@
+import OutlineList from '../../../../../frontend/js/features/outline/components/outline-list'
+
+describe('<OutlineList />', function () {
+  it('renders items', function () {
+    cy.mount(
+      <OutlineList
+        // @ts-ignore
+        outline={[
+          { title: 'Section 1', line: 1, level: 10 },
+          { title: 'Section 2', line: 2, level: 10 },
+        ]}
+        isRoot
+        jumpToLine={cy.stub()}
+      />
+    )
+
+    cy.findByRole('treeitem', { name: 'Section 1' })
+    cy.findByRole('treeitem', { name: 'Section 2' })
+  })
+
+  it('renders as root', function () {
+    cy.mount(
+      <OutlineList
+        // @ts-ignore
+        outline={[{ title: 'Section', line: 1, level: 10 }]}
+        isRoot
+        jumpToLine={cy.stub()}
+      />
+    )
+
+    cy.findByRole('tree')
+  })
+
+  it('renders as non-root', function () {
+    cy.mount(
+      <OutlineList
+        // @ts-ignore
+        outline={[{ title: 'Section', line: 1, level: 10 }]}
+        jumpToLine={cy.stub()}
+      />
+    )
+
+    cy.findByRole('group')
+  })
+})
diff --git a/services/web/test/frontend/features/outline/components/outline-pane.spec.tsx b/services/web/test/frontend/features/outline/components/outline-pane.spec.tsx
new file mode 100644
index 0000000..06f5365
--- /dev/null
+++ b/services/web/test/frontend/features/outline/components/outline-pane.spec.tsx
@@ -0,0 +1,119 @@
+import OutlinePane from '@/features/outline/components/outline-pane'
+import { EditorProviders, PROJECT_ID } from '../../../helpers/editor-providers'
+import { useState } from 'react'
+import customLocalStorage from '@/infrastructure/local-storage'
+
+describe('<OutlinePane />', function () {
+  it('renders expanded outline', function () {
+    cy.mount(
+      <EditorProviders>
+        <OutlinePane
+          isTexFile
+          outline={[{ title: 'Section', line: 1, level: 10 }]}
+          jumpToLine={cy.stub()}
+          onToggle={cy.stub()}
+          expanded
+          toggleExpanded={cy.stub()}
+        />
+      </EditorProviders>
+    )
+
+    cy.findByRole('tree')
+  })
+
+  it('renders disabled outline', function () {
+    cy.mount(
+      <EditorProviders>
+        <OutlinePane
+          isTexFile
+          outline={[]}
+          jumpToLine={cy.stub()}
+          onToggle={cy.stub()}
+          expanded
+          toggleExpanded={cy.stub()}
+        />
+      </EditorProviders>
+    )
+
+    cy.findByRole('tree').should('not.exist')
+  })
+
+  it('expand outline and use local storage', function () {
+    customLocalStorage.setItem(`file_outline.expanded.${PROJECT_ID}`, false)
+
+    const onToggle = cy.stub()
+
+    const Container = () => {
+      const [expanded, setExpanded] = useState(false)
+
+      return (
+        <OutlinePane
+          isTexFile
+          outline={[{ title: 'Section', line: 1, level: 10 }]}
+          jumpToLine={cy.stub()}
+          onToggle={onToggle}
+          expanded={expanded}
+          toggleExpanded={() => {
+            customLocalStorage.setItem(
+              `file_outline.expanded.${PROJECT_ID}`,
+              !expanded
+            )
+            setExpanded(!expanded)
+          }}
+        />
+      )
+    }
+
+    cy.mount(
+      <EditorProviders>
+        <Container />
+      </EditorProviders>
+    )
+
+    cy.findByRole('tree').should('not.exist')
+
+    cy.findByRole('button', {
+      name: 'Show File outline',
+    }).click()
+
+    cy.findByRole('tree').then(() => {
+      expect(onToggle).to.be.calledTwice
+      expect(
+        customLocalStorage.getItem(`file_outline.expanded.${PROJECT_ID}`)
+      ).to.equal(true)
+    })
+  })
+
+  it('shows warning on partial result', function () {
+    cy.mount(
+      <EditorProviders>
+        <OutlinePane
+          isTexFile
+          outline={[]}
+          jumpToLine={cy.stub()}
+          onToggle={cy.stub()}
+          toggleExpanded={cy.stub()}
+          isPartial
+        />
+      </EditorProviders>
+    )
+
+    cy.findByRole('status')
+  })
+
+  it('shows no warning on non-partial result', function () {
+    cy.mount(
+      <EditorProviders>
+        <OutlinePane
+          isTexFile
+          outline={[]}
+          jumpToLine={cy.stub()}
+          onToggle={cy.stub()}
+          toggleExpanded={cy.stub()}
+        />
+      </EditorProviders>
+    )
+
+    cy.findByRole('status').should('not.exist')
+  })
+})
diff --git a/services/web/test/frontend/features/outline/components/outline-root.spec.tsx b/services/web/test/frontend/features/outline/components/outline-root.spec.tsx
new file mode 100644
index 0000000..2bf1151
--- /dev/null
+++ b/services/web/test/frontend/features/outline/components/outline-root.spec.tsx
@@ -0,0 +1,22 @@
+import OutlineRoot from '../../../../../frontend/js/features/outline/components/outline-root'
+
+describe('<OutlineRoot />', function () {
+  it('renders outline', function () {
+    cy.mount(
+      <OutlineRoot
+        outline={[{ title: 'Section', line: 1, level: 10 }]}
+        jumpToLine={cy.stub()}
+      />
+    )
+
+    cy.findByRole('tree')
+    cy.findByRole('link').should('not.exist')
+  })
+
+  it('renders placeholder', function () {
+    cy.mount(<OutlineRoot outline={[]} jumpToLine={cy.stub()} />)
+
+    cy.findByRole('tree').should('not.exist')
+    cy.findByRole('link')
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/current-plan-widget.test.tsx b/services/web/test/frontend/features/project-list/components/current-plan-widget.test.tsx
new file mode 100644
index 0000000..0ec6db3
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/current-plan-widget.test.tsx
@@ -0,0 +1,322 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+import { fireEvent, render, screen } from '@testing-library/react'
+import {
+  CommonsPlanSubscription,
+  GroupPlanSubscription,
+  IndividualPlanSubscription,
+} from '../../../../../types/project/dashboard/subscription'
+import { DeepReadonly } from '../../../../../types/utils'
+import * as eventTracking from '@/infrastructure/event-tracking'
+import CurrentPlanWidget from '../../../../../frontend/js/features/project-list/components/current-plan-widget/current-plan-widget'
+
+describe('<CurrentPlanWidget />', function () {
+  const freePlanTooltipMessage =
+    /click to find out how you could benefit from overleaf premium features/i
+  const paidPlanTooltipMessage =
+    /click to find out how to make the most of your overleaf premium features/i
+  const pausedTooltipMessage =
+    /click to unpause and reactivate your overleaf premium features/i
+
+  let sendMBSpy: sinon.SinonSpy
+
+  beforeEach(function () {
+    sendMBSpy = sinon.spy(eventTracking, 'sendMB')
+  })
+  afterEach(function () {
+    sendMBSpy.restore()
+  })
+
+  describe('paused', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set('ol-usersBestSubscription', {
+        type: 'individual',
+        subscription: {
+          recurlyStatus: {
+            state: 'paused',
+          },
+        },
+      })
+
+      render(<CurrentPlanWidget />)
+    })
+
+    it('shows text and tooltip on mouseover', async function () {
+      const link = screen.getByRole('link', {
+        name: /plan is paused/i,
+      })
+      fireEvent.mouseOver(link)
+
+      await screen.findByRole('tooltip', { name: pausedTooltipMessage })
+    })
+  })
+
+  describe('free plan', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set('ol-usersBestSubscription', {
+        type: 'free',
+      })
+
+      render(<CurrentPlanWidget />)
+    })
+
+    it('shows text and tooltip on mouseover', async function () {
+      const link = screen.getByRole('link', {
+        name: /you’re on the free plan/i,
+      })
+      fireEvent.mouseOver(link)
+
+      await screen.findByRole('tooltip', { name: freePlanTooltipMessage })
+    })
+
+    it('clicks on upgrade button', function () {
+      const upgradeLink = screen.getByRole('button', { name: /upgrade/i })
+      fireEvent.click(upgradeLink)
+      expect(sendMBSpy).to.be.calledOnce
+      expect(sendMBSpy).calledWith('upgrade-button-click', {
+        source: 'dashboard-top',
+        page: '/',
+        'project-dashboard-react': 'enabled',
+        'is-dashboard-sidebar-hidden': false,
+        'is-screen-width-less-than-768px': false,
+      })
+    })
+  })
+
+  describe('paid plan', function () {
+    describe('trial', function () {
+      const subscription = {
+        type: 'individual',
+        plan: {
+          name: 'Abc',
+        },
+        subscription: {
+          name: 'Example Name',
+        },
+        remainingTrialDays: -1,
+      } as DeepReadonly<IndividualPlanSubscription>
+
+      beforeEach(function () {
+        window.metaAttributesCache.set('ol-usersBestSubscription', {
+          ...subscription,
+        })
+      })
+
+      it('shows remaining days', function () {
+        const newSubscription: IndividualPlanSubscription = {
+          ...subscription,
+          remainingTrialDays: 5,
+        }
+
+        window.metaAttributesCache.set(
+          'ol-usersBestSubscription',
+          newSubscription
+        )
+
+        render(<CurrentPlanWidget />)
+
+        screen.getByRole('link', {
+          name: new RegExp(
+            `${newSubscription.remainingTrialDays} more days on your overleaf premium trial`,
+            'i'
+          ),
+        })
+      })
+
+      it('shows last day message', function () {
+        window.metaAttributesCache.set('ol-usersBestSubscription', {
+          ...subscription,
+          remainingTrialDays: 1,
+        })
+
+        render(<CurrentPlanWidget />)
+
+        screen.getByRole('link', {
+          name: /this is the last day of your overleaf premium trial/i,
+        })
+      })
+    })
+
+    describe('individual', function () {
+      const subscription = {
+        type: 'individual',
+        plan: {
+          name: 'Abc',
+        },
+        subscription: {
+          teamName: 'Example Team',
+          name: 'Example Name',
+        },
+        remainingTrialDays: -1,
+      } as DeepReadonly<IndividualPlanSubscription>
+
+      beforeEach(function () {
+        window.metaAttributesCache.set('ol-usersBestSubscription', {
+          ...subscription,
+        })
+      })
+
+      it('shows text and tooltip on mouseover', async function () {
+        render(<CurrentPlanWidget />)
+
+        const link = screen.getByRole('link', {
+          name: /you’re using overleaf premium/i,
+        })
+        fireEvent.mouseOver(link)
+
+        await screen.findByRole('tooltip', {
+          name: new RegExp(`on the ${subscription.plan.name}`, 'i'),
+        })
+        await screen.findByRole('tooltip', { name: paidPlanTooltipMessage })
+      })
+    })
+
+    describe('group', function () {
+      const subscription = {
+        type: 'group',
+        plan: {
+          name: 'Abc',
+        },
+        subscription: {
+          name: 'Example Name',
+        },
+        remainingTrialDays: -1,
+      } as DeepReadonly<GroupPlanSubscription>
+
+      beforeEach(function () {
+        window.metaAttributesCache.set('ol-usersBestSubscription', {
+          ...subscription,
+        })
+      })
+
+      it('shows text and tooltip on mouseover (without subscription team name)', async function () {
+        render(<CurrentPlanWidget />)
+
+        const link = screen.getByRole('link', {
+          name: /you’re using overleaf premium/i,
+        })
+        fireEvent.mouseOver(link)
+
+        expect(subscription.subscription.teamName).to.be.undefined
+        await screen.findByRole('tooltip', {
+          name: new RegExp(
+            `on the ${subscription.plan.name} plan as a member of a group subscription`,
+            'i'
+          ),
+        })
+        await screen.findByRole('tooltip', { name: paidPlanTooltipMessage })
+      })
+
+      it('shows text and tooltip on mouseover (with subscription team name)', async function () {
+        const newSubscription = {
+          ...subscription,
+          subscription: {
+            teamName: 'Example Team',
+          },
+        }
+
+        window.metaAttributesCache.set(
+          'ol-usersBestSubscription',
+          newSubscription
+        )
+
+        render(<CurrentPlanWidget />)
+
+        const link = screen.getByRole('link', {
+          name: /you’re using overleaf premium/i,
+        })
+        fireEvent.mouseOver(link)
+
+        await screen.findByRole('tooltip', {
+          name: new RegExp(
+            `on the ${newSubscription.plan.name} plan as a member of a group subscription, ${newSubscription.subscription.teamName}`,
+            'i'
+          ),
+        })
+        await screen.findByRole('tooltip', { name: paidPlanTooltipMessage })
+      })
+    })
+
+    describe('commons', function () {
+      it('shows text and tooltip on mouseover', async function () {
+        const subscription = {
+          type: 'commons',
+          plan: {
+            name: 'Abc',
+          },
+          subscription: {
+            name: 'Example Name',
+          },
+        } as DeepReadonly<CommonsPlanSubscription>
+
+        window.metaAttributesCache.set('ol-usersBestSubscription', {
+          ...subscription,
+        })
+
+        render(<CurrentPlanWidget />)
+
+        const link = screen.getByRole('link', {
+          name: /you’re using overleaf premium/i,
+        })
+        fireEvent.mouseOver(link)
+
+        await screen.findByRole('tooltip', {
+          name: new RegExp(
+            `on the ${subscription.plan.name} plan because of your affiliation with ${subscription.subscription.name}`,
+            'i'
+          ),
+        })
+        await screen.findByRole('tooltip', { name: paidPlanTooltipMessage })
+      })
+    })
+  })
+
+  describe('features page', function () {
+    const plans = [
+      { type: 'free' },
+      {
+        type: 'individual',
+        plan: {
+          name: 'Abc',
+        },
+      },
+      {
+        type: 'group',
+        plan: {
+          name: 'Abc',
+        },
+        subscription: {
+          teamName: 'Example Team',
+          name: 'Example Name',
+        },
+      },
+      {
+        type: 'commons',
+        plan: {
+          name: 'Abc',
+        },
+        subscription: {
+          name: 'Example Name',
+        },
+      },
+    ]
+
+    for (const plan of plans) {
+      it(`links to features page on ${plan.type} plan`, function () {
+        window.metaAttributesCache.set('ol-usersBestSubscription', {
+          ...plan,
+        })
+        render(<CurrentPlanWidget />)
+
+        const links = screen.getAllByRole('link')
+        expect(links[0].getAttribute('href')).to.equal(
+          '/learn/how-to/Overleaf_premium_features'
+        )
+
+        fireEvent.click(links[0])
+
+        window.metaAttributesCache.delete('ol-usersBestSubscription')
+      })
+    }
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/inr-banner.test.tsx b/services/web/test/frontend/features/project-list/components/inr-banner.test.tsx
new file mode 100644
index 0000000..8f9cb07
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/inr-banner.test.tsx
@@ -0,0 +1,84 @@
+import INRBanner from '@/features/project-list/components/notifications/ads/inr-banner'
+import customLocalStorage from '@/infrastructure/local-storage'
+import { fireEvent, render, screen } from '@testing-library/react'
+import { expect } from 'chai'
+
+describe('<INRBanner />', function () {
+  beforeEach(function () {
+    customLocalStorage.clear()
+  })
+
+  it('renders correctly', async function () {
+    render(<INRBanner />)
+    await screen.findByRole('dialog')
+
+    await screen.findByText(
+      '70% off all Overleaf premium plans for users in India'
+    )
+
+    await screen.findByText(
+      'Get document history, track changes, additional collaborators, and more at Purchasing Power Parity prices.'
+    )
+
+    await screen.findByRole('button', { name: 'Maybe later' })
+
+    await screen.findByRole('button', { name: 'Get discounted plan' })
+  })
+
+  it('dismisses the modal when the "Maybe later" button is clicked', async function () {
+    render(<INRBanner />)
+    await screen.findByRole('dialog')
+
+    fireEvent.click(screen.getByRole('button', { name: 'Maybe later' }))
+
+    expect(screen.queryByRole('dialog')).to.be.null
+
+    const dismissedUntil = customLocalStorage.getItem(
+      'has_dismissed_inr_banner_until'
+    )
+
+    expect(dismissedUntil).to.not.be.null
+
+    const nowPlus2Days = new Date()
+    nowPlus2Days.setDate(nowPlus2Days.getDate() + 2)
+
+    // check if dismissal date is around 1 days after the dismissal via "Maybe later" button
+    expect(new Date(dismissedUntil)).to.be.greaterThan(new Date())
+    expect(new Date(dismissedUntil)).to.be.lessThan(nowPlus2Days)
+  })
+
+  it('dismisses the modal when close button is clicked', async function () {
+    render(<INRBanner />)
+    await screen.findByRole('dialog')
+
+    fireEvent.click(screen.getByRole('button', { name: /close/i }))
+
+    expect(screen.queryByRole('dialog')).to.be.null
+
+    const dismissedUntil = customLocalStorage.getItem(
+      'has_dismissed_inr_banner_until'
+    )
+
+    expect(dismissedUntil).to.not.be.null
+
+    const nowPlus29Days = new Date()
+    nowPlus29Days.setDate(nowPlus29Days.getDate() + 29)
+
+    const nowPlus31Days = new Date()
+    nowPlus31Days.setDate(nowPlus31Days.getDate() + 31)
+
+    // check if dismissal date is around 30 days after the dismissal via close button
+    expect(new Date(dismissedUntil)).to.be.greaterThan(nowPlus29Days)
+    expect(new Date(dismissedUntil)).to.be.lessThan(nowPlus31Days)
+  })
+
+  it('hides the modal when user visits while current date is less than local storage date', function () {
+    const until = new Date()
+    until.setDate(until.getDate() + 30) // 30 days
+    customLocalStorage.setItem('has_dismissed_inr_banner_until', until)
+
+    render(<INRBanner />)
+
+    expect(screen.queryByRole('dialog')).to.be.null
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/load-more.test.tsx b/services/web/test/frontend/features/project-list/components/load-more.test.tsx
new file mode 100644
index 0000000..553fbcc
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/load-more.test.tsx
@@ -0,0 +1,101 @@
+import { fireEvent, screen, waitFor } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import LoadMore from '../../../../../frontend/js/features/project-list/components/load-more'
+import {
+  projectsData,
+  makeLongProjectList,
+  currentProjects,
+} from '../fixtures/projects-data'
+import { renderWithProjectListContext } from '../helpers/render-with-context'
+
+describe('<LoadMore />', function () {
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('renders on a project list longer than 40', async function () {
+    const { fullList, currentList } = makeLongProjectList(55)
+
+    renderWithProjectListContext(<LoadMore />, {
+      projects: fullList,
+    })
+
+    await screen.findByRole('button', {
+      name: /Show 20 more projects/i,
+    })
+
+    await screen.findByText(`Showing 20 out of ${currentList.length} projects.`)
+
+    await screen.findByRole('button', {
+      name: /Show all projects/i,
+    })
+  })
+
+  it('renders on a project list longer than 20 and shorter than 40', async function () {
+    const { fullList, currentList } = makeLongProjectList(30)
+
+    renderWithProjectListContext(<LoadMore />, { projects: fullList })
+
+    await screen.findByRole('button', {
+      name: new RegExp(`Show ${currentList.length - 20} more projects`, 'i'),
+    })
+
+    await screen.findByText(`Showing 20 out of ${currentList.length} projects.`)
+
+    await screen.findByRole('button', {
+      name: /Show all projects/i,
+    })
+  })
+
+  it('renders on a project list shorter than 20', async function () {
+    renderWithProjectListContext(<LoadMore />, { projects: projectsData })
+
+    await waitFor(() => {
+      expect(screen.queryByRole('button', { name: 'Show all' })).to.not.exist
+      screen.getByText(
+        `Showing ${currentProjects.length} out of ${currentProjects.length} projects.`
+      )
+    })
+  })
+
+  it('change text when pressing the "Show 20 more" once for project list longer than 40', async function () {
+    const { fullList, currentList } = makeLongProjectList(55)
+
+    renderWithProjectListContext(<LoadMore />, { projects: fullList })
+
+    await waitFor(() => {
+      const showMoreBtn = screen.getByRole('button', {
+        name: /Show 20 more projects/i,
+      })
+      fireEvent.click(showMoreBtn)
+    })
+
+    await waitFor(() => {
+      screen.getByRole('button', {
+        name: `Show ${currentList.length - 20 - 20} more projects`,
+      })
+      screen.getByText(`Showing 40 out of ${currentList.length} projects.`)
+    })
+  })
+
+  it('change text when pressing the "Show 20 more" once for project list longer than 20 and shorter than 40', async function () {
+    const { fullList, currentList } = makeLongProjectList(30)
+
+    renderWithProjectListContext(<LoadMore />, { projects: fullList })
+
+    await waitFor(() => {
+      const showMoreBtn = screen.getByRole('button', {
+        name: /Show 7 more projects/i,
+      })
+      fireEvent.click(showMoreBtn)
+    })
+
+    await waitFor(() => {
+      expect(screen.queryByRole('button', { name: /Show/ })).to.not.exist
+      screen.getByText(
+        `Showing ${currentList.length} out of ${currentList.length} projects.`
+      )
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/new-project-button.test.tsx b/services/web/test/frontend/features/project-list/components/new-project-button.test.tsx
new file mode 100644
index 0000000..1c86b86
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/new-project-button.test.tsx
@@ -0,0 +1,134 @@
+import { fireEvent, screen } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import NewProjectButton from '../../../../../frontend/js/features/project-list/components/new-project-button'
+import { renderWithProjectListContext } from '../helpers/render-with-context'
+import getMeta from '@/utils/meta'
+
+describe('<NewProjectButton />', function () {
+  beforeEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  describe('for every user (affiliated and non-affiliated)', function () {
+    beforeEach(function () {
+      Object.assign(getMeta('ol-ExposedSettings'), {
+        templateLinks: [
+          {
+            name: 'Journal articles',
+            url: '/gallery/tagged/academic-journal',
+          },
+          {
+            name: 'View All',
+            url: '/latex/templates',
+          },
+        ],
+      })
+
+      renderWithProjectListContext(<NewProjectButton id="test" />)
+
+      const newProjectButton = screen.getByRole('button', {
+        name: 'New Project',
+      })
+      fireEvent.click(newProjectButton)
+    })
+
+    it('shows the correct dropdown menu', function () {
+      // static menu
+      screen.getByText('Blank Project')
+      screen.getByText('Example Project')
+      screen.getByText('Upload Project')
+      screen.getByText('Import from GitHub')
+
+      // static text
+      screen.getByText('Templates')
+
+      // dynamic menu based on templateLinks
+      screen.getByText('Journal articles')
+      screen.getByText('View All')
+    })
+
+    it('open new project modal when clicking at Blank Project', function () {
+      fireEvent.click(screen.getByRole('menuitem', { name: 'Blank Project' }))
+
+      screen.getByPlaceholderText('Project Name')
+    })
+
+    it('open new project modal when clicking at Example Project', function () {
+      fireEvent.click(screen.getByRole('menuitem', { name: 'Example Project' }))
+
+      screen.getByPlaceholderText('Project Name')
+    })
+
+    it('close the new project modal when clicking at the top right "x" button', function () {
+      fireEvent.click(screen.getByRole('menuitem', { name: 'Blank Project' }))
+      fireEvent.click(screen.getByRole('button', { name: 'Close' }))
+
+      expect(screen.queryByRole('dialog')).to.be.null
+    })
+
+    it('close the new project modal when clicking at the Cancel button', function () {
+      fireEvent.click(screen.getByRole('menuitem', { name: 'Blank Project' }))
+      fireEvent.click(screen.getByRole('button', { name: 'Cancel' }))
+
+      expect(screen.queryByRole('dialog')).to.be.null
+    })
+  })
+
+  describe('for affiliated user with custom templates', function () {
+    beforeEach(function () {
+      Object.assign(getMeta('ol-ExposedSettings'), {
+        templateLinks: [
+          {
+            name: 'Journal articles',
+            url: '/gallery/tagged/academic-journal',
+          },
+          {
+            name: 'View All',
+            url: '/latex/templates',
+          },
+        ],
+      })
+
+      window.metaAttributesCache.set('ol-portalTemplates', [
+        {
+          name: 'Affiliation 1',
+          url: '/edu/test-new-template',
+        },
+      ])
+    })
+
+    it('shows the correct dropdown menu', function () {
+      renderWithProjectListContext(<NewProjectButton id="test" />)
+
+      const newProjectButton = screen.getByRole('button', {
+        name: 'New Project',
+      })
+
+      fireEvent.click(newProjectButton)
+      // static menu
+      screen.getByText('Blank Project')
+      screen.getByText('Example Project')
+      screen.getByText('Upload Project')
+      screen.getByText('Import from GitHub')
+
+      // static text for institution templates
+      screen.getByText('Institution Templates')
+
+      // dynamic menu based on portalTemplates
+      const affiliationTemplate = screen.getByRole('menuitem', {
+        name: 'Affiliation 1 Template',
+      })
+      expect(affiliationTemplate.getAttribute('href')).to.equal(
+        '/edu/test-new-template#templates'
+      )
+
+      // static text
+      screen.getByText('Templates')
+
+      // dynamic menu based on templateLinks
+      screen.getByText('Journal articles')
+      screen.getByText('View All')
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/new-project-button/modal-content-new-project-form.test.tsx b/services/web/test/frontend/features/project-list/components/new-project-button/modal-content-new-project-form.test.tsx
new file mode 100644
index 0000000..3db0c66
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/new-project-button/modal-content-new-project-form.test.tsx
@@ -0,0 +1,150 @@
+import { render, fireEvent, screen, waitFor } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import sinon from 'sinon'
+import ModalContentNewProjectForm from '../../../../../../frontend/js/features/project-list/components/new-project-button/modal-content-new-project-form'
+import * as useLocationModule from '../../../../../../frontend/js/shared/hooks/use-location'
+
+describe('<ModalContentNewProjectForm />', function () {
+  let assignStub: sinon.SinonStub
+
+  beforeEach(function () {
+    assignStub = sinon.stub()
+    this.locationStub = sinon.stub(useLocationModule, 'useLocation').returns({
+      assign: assignStub,
+      replace: sinon.stub(),
+      reload: sinon.stub(),
+      setHash: sinon.stub(),
+    })
+  })
+
+  afterEach(function () {
+    this.locationStub.restore()
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('submits form', async function () {
+    const projectId = 'ab123'
+
+    const newProjectMock = fetchMock.post('/project/new', {
+      status: 200,
+      body: {
+        project_id: projectId,
+      },
+    })
+
+    render(<ModalContentNewProjectForm onCancel={() => {}} />)
+
+    const createButton = screen.getByRole('button', {
+      name: 'Create',
+    })
+
+    expect(createButton.getAttribute('disabled')).to.exist
+
+    fireEvent.change(screen.getByPlaceholderText('Project Name'), {
+      target: { value: 'Test Name' },
+    })
+
+    expect(createButton.getAttribute('disabled')).to.be.null
+
+    fireEvent.click(createButton)
+
+    expect(newProjectMock.callHistory.called()).to.be.true
+
+    await waitFor(() => {
+      sinon.assert.calledOnce(assignStub)
+      sinon.assert.calledWith(assignStub, `/project/${projectId}`)
+    })
+  })
+
+  it('shows error when project name contains "/"', async function () {
+    const errorMessage = 'Project name cannot contain / characters'
+
+    const newProjectMock = fetchMock.post('/project/new', {
+      status: 400,
+      body: errorMessage,
+    })
+
+    render(<ModalContentNewProjectForm onCancel={() => {}} />)
+
+    fireEvent.change(screen.getByPlaceholderText('Project Name'), {
+      target: { value: '/' },
+    })
+
+    const createButton = screen.getByRole('button', {
+      name: 'Create',
+    })
+    fireEvent.click(createButton)
+
+    expect(newProjectMock.callHistory.called()).to.be.true
+
+    await waitFor(() => {
+      screen.getByText(errorMessage)
+    })
+  })
+
+  it('shows error when project name contains "\\" character', async function () {
+    const errorMessage = 'Project name cannot contain \\ characters'
+
+    const newProjectMock = fetchMock.post('/project/new', {
+      status: 400,
+      body: errorMessage,
+    })
+
+    render(<ModalContentNewProjectForm onCancel={() => {}} />)
+
+    fireEvent.change(screen.getByPlaceholderText('Project Name'), {
+      target: { value: '\\' },
+    })
+
+    const createButton = screen.getByRole('button', {
+      name: 'Create',
+    })
+    fireEvent.click(createButton)
+
+    expect(newProjectMock.callHistory.called()).to.be.true
+
+    await waitFor(() => {
+      screen.getByText(errorMessage)
+    })
+  })
+
+  it('shows error when project name is too long ', async function () {
+    const errorMessage = 'Project name is too long'
+
+    const newProjectMock = fetchMock.post('/project/new', {
+      status: 400,
+      body: errorMessage,
+    })
+
+    render(<ModalContentNewProjectForm onCancel={() => {}} />)
+
+    fireEvent.change(screen.getByPlaceholderText('Project Name'), {
+      target: {
+        value: `
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Arcu risus quis varius quam quisque id diam vel quam. Sit amet porttitor eget dolor morbi non arcu risus quis. In aliquam sem fringilla ut. Gravida cum sociis natoque penatibus. Semper risus in hendrerit gravida rutrum quisque non. Ut aliquam purus sit amet luctus venenatis. Neque ornare aenean euismod elementum nisi. Adipiscing bibendum est ultricies integer quis auctor elit. Nulla posuere sollicitudin aliquam ultrices sagittis. Nulla facilisi nullam vehicula ipsum a arcu cursus. Tristique senectus et netus et malesuada fames ac. Pulvinar pellentesque habitant morbi tristique senectus et netus et. Nisi scelerisque eu ultrices vitae auctor eu. Hendrerit gravida rutrum quisque non tellus orci. Volutpat blandit aliquam etiam erat velit scelerisque in dictum non. Donec enim diam vulputate ut pharetra sit amet aliquam id. Ullamcorper eget nulla facilisi etiam.
+      Enim praesent elementum facilisis leo vel fringilla est. Semper eget duis at tellus. Lacus luctus accumsan tortor posuere ac ut consequat semper viverra. Et malesuada fames ac turpis egestas maecenas pharetra convallis posuere. Ultrices in iaculis nunc sed augue lacus. Tellus orci ac auctor augue mauris augue. Velit scelerisque in dictum non consectetur a erat. Sed turpis tincidunt id aliquet risus. Felis eget velit aliquet sagittis id. Convallis tellus id interdum velit laoreet id.
+      Habitasse platea dictumst quisque sagittis. Massa sed elementum tempus egestas sed. Cursus eget nunc scelerisque viverra mauris in aliquam sem. Sociis natoque penatibus et magnis dis parturient montes nascetur. Mi in nulla posuere sollicitudin aliquam ultrices sagittis orci a. Fames ac turpis egestas sed tempus urna et pharetra. Pellentesque massa placerat duis ultricies lacus sed turpis tincidunt id. Erat pellentesque adipiscing commodo elit at imperdiet dui. Lectus magna fringilla urna porttitor rhoncus dolor purus non enim. Sagittis nisl rhoncus mattis rhoncus urna neque viverra. Nibh sed pulvinar proin gravida. Sed adipiscing diam donec adipiscing tristique risus nec feugiat in. Elit duis tristique sollicitudin nibh sit amet commodo. Vivamus arcu felis bibendum ut tristique et egestas. Tellus in hac habitasse platea dictumst vestibulum rhoncus est pellentesque. Vitae purus faucibus ornare suspendisse sed. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla.
+      Vitae congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Erat imperdiet sed euismod nisi porta lorem mollis aliquam. Accumsan tortor posuere ac ut consequat semper viverra nam libero. Malesuada fames ac turpis egestas sed tempus urna et. Tellus mauris a diam maecenas sed enim ut sem viverra. Mauris in aliquam sem fringilla ut. Feugiat pretium nibh ipsum consequat. Nisl tincidunt eget nullam non nisi. Tortor consequat id porta nibh. Mattis rhoncus urna neque viverra justo nec ultrices dui sapien. Ac tincidunt vitae semper quis lectus nulla at. Risus quis varius quam quisque id diam. Nisl nunc mi ipsum faucibus vitae aliquet.
+      Fringilla phasellus faucibus scelerisque eleifend. Eget egestas purus viverra accumsan in nisl nisi scelerisque eu. Mauris commodo quis imperdiet massa tincidunt nunc. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit. Elit duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Phasellus egestas tellus rutrum tellus pellentesque eu tincidunt tortor aliquam. Mi sit amet mauris commodo quis imperdiet massa. Urna nec tincidunt praesent semper feugiat nibh sed pulvinar proin. Tempor nec feugiat nisl pretium fusce id velit ut. Morbi tristique senectus et netus et.
+      Accumsan in nisl nisi scelerisque eu ultrices vitae. Metus vulputate eu scelerisque felis imperdiet proin fermentum leo. Viverra tellus in hac habitasse platea dictumst vestibulum. Non arcu risus quis varius quam quisque id diam. Turpis cursus in hac habitasse platea dictumst. Erat imperdiet sed euismod nisi porta. Eu augue ut lectus arcu bibendum at varius vel pharetra. Aliquam ultrices sagittis orci a scelerisque. Amet consectetur adipiscing elit pellentesque habitant morbi tristique. Lobortis scelerisque fermentum dui faucibus in ornare quam. Commodo sed egestas egestas fringilla phasellus faucibus. Mauris augue neque gravida in fermentum. Ut eu sem integer vitae justo eget magna fermentum. Phasellus egestas tellus rutrum tellus pellentesque eu. Lorem ipsum dolor sit amet consectetur adipiscing. Nulla facilisi morbi tempus iaculis urna id. In egestas erat imperdiet sed euismod nisi porta lorem. Ipsum faucibus vitae aliquet nec ullamcorper sit amet risus.
+      Feugiat in fermentum posuere urna nec. Elementum eu facilisis sed odio morbi quis commodo. Vel fringilla est ullamcorper eget nulla facilisi. Nunc sed blandit libero volutpat sed cras ornare arcu dui. Tortor id aliquet lectus proin nibh nisl condimentum id venenatis. Sapien pellentesque habitant morbi tristique senectus et. Quam elementum pulvinar etiam non quam lacus suspendisse faucibus. Sem nulla pharetra diam sit amet nisl suscipit adipiscing bibendum. Porttitor leo a diam sollicitudin tempor id. In iaculis nunc sed augue.
+      Velit euismod in pellentesque massa placerat duis ultricies lacus sed. Dictum fusce ut placerat orci nulla pellentesque dignissim enim. Dui id ornare arcu odio. Dignissim cras tincidunt lobortis feugiat vivamus at augue. Non tellus orci ac auctor. Egestas fringilla phasellus faucibus scelerisque eleifend donec. Nisi vitae suscipit tellus mauris a diam maecenas. Orci dapibus ultrices in iaculis nunc sed. Facilisi morbi tempus iaculis urna id volutpat lacus laoreet non. Aliquam etiam erat velit scelerisque in dictum. Sed enim ut sem viverra. Eleifend donec pretium vulputate sapien nec sagittis. Quisque egestas diam in arcu cursus euismod quis. Faucibus a pellentesque sit amet porttitor eget dolor. Elementum facilisis leo vel fringilla. Pellentesque habitant morbi tristique senectus et netus. Viverra tellus in hac habitasse platea dictumst vestibulum. Tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada proin. Sit amet porttitor eget dolor morbi non. Neque egestas congue quisque egestas.
+      Convallis posuere morbi leo urna molestie at. Posuere sollicitudin aliquam ultrices sagittis orci. Lacus vestibulum sed arcu non odio. Sit amet dictum sit amet. Nunc scelerisque viverra mauris in aliquam sem fringilla ut morbi. Vestibulum morbi blandit cursus risus at ultrices mi. Purus gravida quis blandit turpis cursus. Diam maecenas sed enim ut. Senectus et netus et malesuada fames ac turpis. Massa tempor nec feugiat nisl pretium fusce id velit. Mollis nunc sed id semper. Elit sed vulputate mi sit. Vitae et leo duis ut diam. Pellentesque sit amet porttitor eget dolor morbi non arcu risus.
+      Mi quis hendrerit dolor magna eget est lorem. Quam vulputate dignissim suspendisse in est ante in nibh. Nisi porta lorem mollis aliquam. Duis tristique sollicitudin nibh sit amet commodo nulla facilisi nullam. Euismod nisi porta lorem mollis aliquam ut porttitor leo a. Tempus imperdiet nulla malesuada pellentesque elit eget. Amet nisl purus in mollis nunc sed id. Id velit ut tortor pretium viverra suspendisse. Integer quis auctor elit sed. Tortor at risus viverra adipiscing. Ac auctor augue mauris augue neque gravida in. Lacus laoreet non curabitur gravida arcu ac tortor dignissim convallis. A diam sollicitudin tempor id eu nisl nunc mi. Tellus id interdum velit laoreet id donec. Lacus vestibulum sed arcu non odio euismod lacinia. Tellus at urna condimentum mattis.
+      `,
+      },
+    })
+
+    const createButton = screen.getByRole('button', {
+      name: 'Create',
+    })
+    fireEvent.click(createButton)
+
+    expect(newProjectMock.callHistory.called()).to.be.true
+
+    await waitFor(() => {
+      screen.getByText(errorMessage)
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/new-project-button/upload-project-modal.spec.tsx b/services/web/test/frontend/features/project-list/components/new-project-button/upload-project-modal.spec.tsx
new file mode 100644
index 0000000..9b44a37
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/new-project-button/upload-project-modal.spec.tsx
@@ -0,0 +1,105 @@
+import UploadProjectModal from '../../../../../../frontend/js/features/project-list/components/new-project-button/upload-project-modal'
+
+describe('<UploadProjectModal />', function () {
+  const maxUploadSize = 10 * 1024 * 1024 // 10 MB
+
+  beforeEach(function () {
+    cy.window().then(win => {
+      win.metaAttributesCache.set('ol-ExposedSettings', { maxUploadSize })
+    })
+  })
+
+  it('uploads a dropped file', function () {
+    cy.intercept('post', '/project/new/upload', {
+      body: { success: true, project_id: '123abc' },
+    }).as('uploadProject')
+
+    cy.mount(
+      <UploadProjectModal
+        onHide={cy.stub()}
+        openProject={cy.stub().as('openProject')}
+      />
+    )
+
+    cy.findByRole('button', {
+      name: 'Select a .zip file',
+    }).trigger('drop', {
+      dataTransfer: {
+        files: [new File(['test'], 'test.zip', { type: 'application/zip' })],
+      },
+    })
+
+    cy.wait('@uploadProject')
+    cy.get('@openProject').should('have.been.calledOnceWith', '123abc')
+  })
+
+  it('shows error on file type other than zip', function () {
+    cy.mount(
+      <UploadProjectModal
+        onHide={cy.stub()}
+        openProject={cy.stub().as('openProject')}
+      />
+    )
+
+    cy.findByRole('button', {
+      name: 'Select a .zip file',
+    }).trigger('drop', {
+      dataTransfer: {
+        files: [new File(['test'], 'test.png', { type: 'image/png' })],
+      },
+    })
+
+    cy.findByText('You can only upload: .zip')
+    cy.get('@openProject').should('not.have.been.called')
+  })
+
+  it('shows error for files bigger than maxUploadSize', function () {
+    cy.mount(
+      <UploadProjectModal
+        onHide={cy.stub()}
+        openProject={cy.stub().as('openProject')}
+      />
+    )
+
+    const file = new File(['test'], 'test.zip', { type: 'application/zip' })
+    Object.defineProperty(file, 'size', { value: maxUploadSize + 1 })
+
+    cy.findByRole('button', {
+      name: 'Select a .zip file',
+    }).trigger('drop', {
+      dataTransfer: {
+        files: [file],
+      },
+    })
+
+    cy.findByText('test.zip exceeds maximum allowed size of 10 MB')
+    cy.get('@openProject').should('not.have.been.called')
+  })
+
+  it('handles server error', function () {
+    cy.intercept('post', '/project/new/upload', {
+      statusCode: 422,
+      body: { success: false },
+    }).as('uploadProject')
+
+    cy.mount(
+      <UploadProjectModal
+        onHide={cy.stub()}
+        openProject={cy.stub().as('openProject')}
+      />
+    )
+
+    cy.findByRole('button', {
+      name: 'Select a .zip file',
+    }).trigger('drop', {
+      dataTransfer: {
+        files: [new File(['test'], 'test.zip', { type: 'application/zip' })],
+      },
+    })
+
+    cy.wait('@uploadProject')
+
+    cy.findByText('Upload failed')
+    cy.get('@openProject').should('not.have.been.called')
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/notifications.test.tsx b/services/web/test/frontend/features/project-list/components/notifications.test.tsx
new file mode 100644
index 0000000..c75b0dc
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/notifications.test.tsx
@@ -0,0 +1,1059 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+import {
+  fireEvent,
+  render,
+  screen,
+  waitForElementToBeRemoved,
+  within,
+} from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+import { merge, cloneDeep } from 'lodash'
+import {
+  professionalUserData,
+  unconfirmedUserData,
+  untrustedUserData,
+  unconfirmedCommonsUserData,
+  confirmedUserData,
+} from '../../settings/fixtures/test-user-email-data'
+import {
+  notificationDropboxDuplicateProjectNames,
+  notificationGroupInviteDefault,
+  notificationIPMatchedAffiliation,
+  notificationProjectInvite,
+  notificationTPDSFileLimit,
+  notificationsInstitution,
+} from '../fixtures/notifications-data'
+import Common from '../../../../../frontend/js/features/project-list/components/notifications/groups/common'
+import Institution from '../../../../../frontend/js/features/project-list/components/notifications/groups/institution'
+import ConfirmEmail, {
+  getEmailDeletionDate,
+} from '../../../../../frontend/js/features/project-list/components/notifications/groups/confirm-email'
+import ReconfirmationInfo from '../../../../../frontend/js/features/project-list/components/notifications/groups/affiliation/reconfirmation-info'
+import { ProjectListProvider } from '../../../../../frontend/js/features/project-list/context/project-list-context'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+import {
+  Notification,
+  Institution as InstitutionType,
+} from '../../../../../types/project/dashboard/notification'
+import { DeepPartial } from '../../../../../types/utils'
+import { Project } from '../../../../../types/project/dashboard/api'
+import GroupsAndEnterpriseBanner from '../../../../../frontend/js/features/project-list/components/notifications/groups-and-enterprise-banner'
+import GroupSsoSetupSuccess from '../../../../../frontend/js/features/project-list/components/notifications/groups/group-sso-setup-success'
+import localStorage from '@/infrastructure/local-storage'
+import * as useLocationModule from '../../../../../frontend/js/shared/hooks/use-location'
+import {
+  commonsSubscription,
+  freeSubscription,
+  groupSubscription,
+  individualSubscription,
+} from '../fixtures/user-subscriptions'
+import getMeta from '@/utils/meta'
+
+const renderWithinProjectListProvider = (Component: React.ComponentType) => {
+  render(<Component />, {
+    wrapper: ({ children }) => (
+      <ProjectListProvider>
+        <SplitTestProvider>
+          <ul className="list-unstyled">{children}</ul>
+        </SplitTestProvider>
+      </ProjectListProvider>
+    ),
+  })
+}
+
+describe('<UserNotifications />', function () {
+  const exposedSettings = {
+    samlInitPath: '/fakeSaml/',
+    appName: 'Overleaf',
+  }
+
+  beforeEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+
+    // at least one project is required to show some notifications
+    const projects = [{}] as Project[]
+    fetchMock.post(/\/api\/project/, {
+      status: 200,
+      body: {
+        projects,
+        totalSize: projects.length,
+      },
+    })
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  describe('<Common>', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set('ol-user', {})
+      Object.assign(getMeta('ol-ExposedSettings'), exposedSettings)
+    })
+
+    afterEach(function () {
+      fetchMock.removeRoutes().clearHistory()
+    })
+
+    it('accepts project invite', async function () {
+      const reconfiguredNotification: DeepPartial<Notification> = {
+        _id: 1,
+        templateKey: 'notification_project_invite',
+      }
+      window.metaAttributesCache.set('ol-notifications', [
+        merge(cloneDeep(notificationProjectInvite), reconfiguredNotification),
+      ])
+
+      renderWithinProjectListProvider(Common)
+      await fetchMock.callHistory.flush(true)
+
+      const deleteMock = fetchMock.delete(
+        `/notifications/${reconfiguredNotification._id}`,
+        200
+      )
+      const acceptMock = fetchMock.post(
+        `/project/${notificationProjectInvite.messageOpts.projectId}/invite/token/${notificationProjectInvite.messageOpts.token}/accept`,
+        200
+      )
+
+      screen.getByRole('alert')
+      screen.getByText(/would like you to join/i)
+
+      const joinBtn = screen.getByRole('button', {
+        name: /join project/i,
+      }) as HTMLButtonElement
+
+      expect(joinBtn.disabled).to.be.false
+
+      fireEvent.click(joinBtn)
+
+      expect(joinBtn.disabled).to.be.true
+
+      await waitForElementToBeRemoved(() =>
+        screen.getByRole('button', { name: /joining/i })
+      )
+
+      expect(acceptMock.callHistory.called()).to.be.true
+      await screen.findByText(/joined/i)
+
+      expect(screen.queryByRole('button', { name: /join project/i })).to.be.null
+
+      const openProject = screen.getByRole('button', { name: /open project/i })
+      expect(openProject.getAttribute('href')).to.equal(
+        `/project/${notificationProjectInvite.messageOpts.projectId}`
+      )
+
+      const closeBtn = screen.getByRole('button', { name: /close/i })
+      fireEvent.click(closeBtn)
+
+      expect(deleteMock.callHistory.called()).to.be.true
+      expect(screen.queryByRole('alert')).to.be.null
+    })
+
+    it('fails to accept project invite', async function () {
+      const reconfiguredNotification: DeepPartial<Notification> = {
+        _id: 1,
+        templateKey: 'notification_project_invite',
+      }
+      window.metaAttributesCache.set('ol-notifications', [
+        merge(cloneDeep(notificationProjectInvite), reconfiguredNotification),
+      ])
+
+      renderWithinProjectListProvider(Common)
+      await fetchMock.callHistory.flush(true)
+      fetchMock.post(
+        `/project/${notificationProjectInvite.messageOpts.projectId}/invite/token/${notificationProjectInvite.messageOpts.token}/accept`,
+        500
+      )
+
+      screen.getByRole('alert')
+      screen.getByText(/would like you to join/i)
+
+      const joinBtn = screen.getByRole('button', {
+        name: /join project/i,
+      }) as HTMLButtonElement
+
+      fireEvent.click(joinBtn)
+
+      await waitForElementToBeRemoved(() =>
+        screen.getByRole('button', { name: /joining/i })
+      )
+
+      expect(fetchMock.callHistory.called()).to.be.true
+      screen.getByRole('button', { name: /join project/i })
+      expect(screen.queryByRole('button', { name: /open project/i })).to.be.null
+    })
+
+    it('shows WFH2020', async function () {
+      const reconfiguredNotification: DeepPartial<Notification> = {
+        _id: 1,
+        templateKey: 'wfh_2020_upgrade_offer',
+      }
+      window.metaAttributesCache.set('ol-notifications', [
+        merge(reconfiguredNotification),
+      ])
+
+      renderWithinProjectListProvider(Common)
+      await fetchMock.callHistory.flush(true)
+      fetchMock.delete(`/notifications/${reconfiguredNotification._id}`, 200)
+
+      screen.getByRole('alert')
+      screen.getByText(/your free WFH2020 upgrade came to an end on/i)
+
+      const viewLink = screen.getByRole('button', { name: /view/i })
+      expect(viewLink.getAttribute('href')).to.equal(
+        'https://www.overleaf.com/events/wfh2020'
+      )
+      const closeBtn = screen.getByRole('button', { name: /close/i })
+      fireEvent.click(closeBtn)
+
+      expect(fetchMock.callHistory.called()).to.be.true
+      expect(screen.queryByRole('alert')).to.be.null
+    })
+
+    it('shows IP matched affiliation with SSO enabled', async function () {
+      const reconfiguredNotification: DeepPartial<Notification> = {
+        _id: 1,
+        templateKey: 'notification_ip_matched_affiliation',
+        messageOpts: { ssoEnabled: true },
+      }
+      window.metaAttributesCache.set('ol-notifications', [
+        merge(
+          cloneDeep(notificationIPMatchedAffiliation),
+          reconfiguredNotification
+        ),
+      ])
+
+      renderWithinProjectListProvider(Common)
+      await fetchMock.callHistory.flush(true)
+      fetchMock.delete(`/notifications/${reconfiguredNotification._id}`, 200)
+
+      screen.getByRole('alert')
+      screen.getByText(/it looks like you’re at/i)
+      screen.getByText(/you can now log in through your institution/i)
+      screen.getByText(
+        /link an institutional email address to your account to get started/i
+      )
+
+      const findOutMore = screen.getByRole('link', { name: /find out more/i })
+      expect(findOutMore.getAttribute('href')).to.equal(
+        'https://www.overleaf.com/learn/how-to/Institutional_Login'
+      )
+      const linkAccount = screen.getByRole('button', { name: /link account/i })
+      expect(linkAccount.getAttribute('href')).to.equal(
+        `${exposedSettings.samlInitPath}?university_id=${notificationIPMatchedAffiliation.messageOpts.institutionId}&auto=/project`
+      )
+      const closeBtn = screen.getByRole('button', { name: /close/i })
+      fireEvent.click(closeBtn)
+
+      expect(fetchMock.callHistory.called()).to.be.true
+      expect(screen.queryByRole('alert')).to.be.null
+    })
+
+    it('shows IP matched affiliation with SSO disabled', async function () {
+      const reconfiguredNotification: DeepPartial<Notification> = {
+        _id: 1,
+        templateKey: 'notification_ip_matched_affiliation',
+        messageOpts: { ssoEnabled: false },
+      }
+      window.metaAttributesCache.set('ol-notifications', [
+        merge(
+          cloneDeep(notificationIPMatchedAffiliation),
+          reconfiguredNotification
+        ),
+      ])
+
+      renderWithinProjectListProvider(Common)
+      await fetchMock.callHistory.flush(true)
+      fetchMock.delete(`/notifications/${reconfiguredNotification._id}`, 200)
+
+      screen.getByRole('alert')
+      screen.getByText(/it looks like you’re at/i)
+      screen.getByText(/did you know that/i)
+      screen.getByText(
+        /add an institutional email address to claim your features/i
+      )
+
+      const addAffiliation = screen.getByRole('button', {
+        name: /add affiliation/i,
+      })
+      expect(addAffiliation.getAttribute('href')).to.equal(`/user/settings`)
+      const closeBtn = screen.getByRole('button', { name: /close/i })
+      fireEvent.click(closeBtn)
+
+      expect(fetchMock.callHistory.called()).to.be.true
+      expect(screen.queryByRole('alert')).to.be.null
+    })
+
+    it('shows tpds file limit', async function () {
+      const reconfiguredNotification: DeepPartial<Notification> = {
+        templateKey: 'notification_tpds_file_limit',
+      }
+      window.metaAttributesCache.set('ol-notifications', [
+        merge(cloneDeep(notificationTPDSFileLimit), reconfiguredNotification),
+      ])
+
+      renderWithinProjectListProvider(Common)
+      await fetchMock.callHistory.flush(true)
+
+      screen.getByRole('alert')
+      screen.getByText(/file limit/i)
+      screen.getByText(/You can't add more files to the project or sync it/i)
+
+      const accountSettings = screen.getByRole('button', {
+        name: /Open project/i,
+      })
+      expect(accountSettings.getAttribute('href')).to.equal('/project/123')
+      const closeBtn = screen.getByRole('button', { name: /close/i })
+      fireEvent.click(closeBtn)
+
+      expect(screen.queryByRole('alert')).to.be.null
+    })
+
+    it('shows dropbox duplicate project names warning', async function () {
+      const reconfiguredNotification: DeepPartial<Notification> = {
+        _id: 1,
+        templateKey: 'notification_dropbox_duplicate_project_names',
+      }
+      window.metaAttributesCache.set('ol-notifications', [
+        merge(
+          cloneDeep(notificationDropboxDuplicateProjectNames),
+          reconfiguredNotification
+        ),
+      ])
+
+      renderWithinProjectListProvider(Common)
+      await fetchMock.callHistory.flush(true)
+      fetchMock.delete(`/notifications/${reconfiguredNotification._id}`, 200)
+
+      screen.getByRole('alert')
+      screen.getByText(/you have more than one project called/i)
+      screen.getByText(/make your project names unique/i)
+
+      const learnMore = screen.getByRole('link', { name: /learn more/i })
+      expect(learnMore.getAttribute('href')).to.equal(
+        '/learn/how-to/Dropbox_Synchronization#Troubleshooting'
+      )
+      const closeBtn = screen.getByRole('button', { name: /close/i })
+      fireEvent.click(closeBtn)
+
+      expect(fetchMock.callHistory.called()).to.be.true
+      expect(screen.queryByRole('alert')).to.be.null
+    })
+
+    it('shows dropbox unlinked tue to lapsed reconfirmation', async function () {
+      const reconfiguredNotification: DeepPartial<Notification> = {
+        _id: 1,
+        templateKey:
+          'notification_dropbox_unlinked_due_to_lapsed_reconfirmation',
+      }
+      window.metaAttributesCache.set('ol-notifications', [
+        merge(
+          cloneDeep(notificationDropboxDuplicateProjectNames),
+          reconfiguredNotification
+        ),
+      ])
+
+      renderWithinProjectListProvider(Common)
+      await fetchMock.callHistory.flush(true)
+      fetchMock.delete(`/notifications/${reconfiguredNotification._id}`, 200)
+
+      screen.getByRole('alert')
+      screen.getByText(/your Dropbox account has been unlinked/i)
+      screen.getByText(
+        /confirm you are still at the institution and on their license, or upgrade your account in order to relink your dropbox account/i
+      )
+
+      const learnMore = screen.getByRole('link', { name: /learn more/i })
+      expect(learnMore.getAttribute('href')).to.equal(
+        '/learn/how-to/Institutional_Email_Reconfirmation'
+      )
+      const closeBtn = screen.getByRole('button', { name: /close/i })
+      fireEvent.click(closeBtn)
+
+      expect(fetchMock.callHistory.called()).to.be.true
+      expect(screen.queryByRole('alert')).to.be.null
+    })
+
+    it('shows non specific notification', async function () {
+      const reconfiguredNotification: DeepPartial<Notification> = {
+        _id: 1,
+        html: 'unspecific message',
+      }
+      window.metaAttributesCache.set('ol-notifications', [
+        reconfiguredNotification,
+      ])
+
+      renderWithinProjectListProvider(Common)
+      await fetchMock.callHistory.flush(true)
+      fetchMock.delete(`/notifications/${reconfiguredNotification._id}`, 200)
+
+      screen.getByRole('alert')
+      screen.getByText(reconfiguredNotification.html!)
+
+      const closeBtn = screen.getByRole('button', { name: /close/i })
+      fireEvent.click(closeBtn)
+
+      expect(fetchMock.callHistory.called()).to.be.true
+      expect(screen.queryByRole('alert')).to.be.null
+    })
+
+    describe('<GroupInvitation />', function () {
+      describe('without existing personal subscription', function () {
+        it('shows group invitation notification for user without personal subscription', async function () {
+          const notificationGroupInvite: DeepPartial<Notification> = {
+            _id: 1,
+            templateKey: 'notification_group_invitation',
+          }
+
+          window.metaAttributesCache.set('ol-notifications', [
+            merge(
+              cloneDeep(notificationGroupInviteDefault),
+              notificationGroupInvite
+            ),
+          ])
+
+          renderWithinProjectListProvider(Common)
+          await fetchMock.callHistory.flush(true)
+          fetchMock.delete(`/notifications/${notificationGroupInvite._id}`, 200)
+          screen.getByRole('alert')
+          screen.getByText('inviter@overleaf.com')
+          screen.getByText(
+            /has invited you to join a group subscription on Overleaf/
+          )
+          screen.getByRole('button', { name: 'Join now' })
+          screen.getByRole('button', { name: /close/i })
+        })
+
+        describe('with existing personal subscription', function () {
+          it('shows group invitation notification for user with personal subscription', async function () {
+            const notificationGroupInvite: DeepPartial<Notification> = {
+              _id: 1,
+              templateKey: 'notification_group_invitation',
+            }
+
+            window.metaAttributesCache.set('ol-notifications', [
+              merge(
+                cloneDeep(notificationGroupInviteDefault),
+                notificationGroupInvite
+              ),
+            ])
+            window.metaAttributesCache.set(
+              'ol-hasIndividualRecurlySubscription',
+              true
+            )
+
+            renderWithinProjectListProvider(Common)
+            await fetchMock.callHistory.flush(true)
+            fetchMock.delete(
+              `/notifications/${notificationGroupInvite._id}`,
+              200
+            )
+
+            screen.getByRole('alert')
+            screen.getByText(
+              /inviter@overleaf.com has invited you to join a group Overleaf subscription. If you join this group, you may not need your individual subscription. Would you like to cancel it/
+            )
+            screen.getByRole('button', { name: 'Not now' })
+            screen.getByRole('button', { name: 'Cancel my subscription' })
+          })
+        })
+      })
+    })
+  })
+
+  describe('<Institution>', function () {
+    beforeEach(function () {
+      Object.assign(getMeta('ol-ExposedSettings'), exposedSettings)
+      fetchMock.removeRoutes().clearHistory()
+    })
+
+    afterEach(function () {
+      fetchMock.removeRoutes().clearHistory()
+    })
+
+    it('shows sso available', function () {
+      const institution: DeepPartial<InstitutionType> = {
+        templateKey: 'notification_institution_sso_available',
+      }
+      window.metaAttributesCache.set('ol-notificationsInstitution', [
+        { ...notificationsInstitution, ...institution },
+      ])
+      render(<Institution />)
+
+      screen.getByRole('alert')
+      screen.getByText(/you can now link/i)
+      screen.getByText(/doing this will allow you to log in/i)
+
+      const learnMore = screen.getByRole('link', { name: /learn more/i })
+      expect(learnMore.getAttribute('href')).to.equal(
+        '/learn/how-to/Institutional_Login'
+      )
+
+      const action = screen.getByRole('button', { name: /link account/i })
+      expect(action.getAttribute('href')).to.equal(
+        `${exposedSettings.samlInitPath}?university_id=${notificationsInstitution.institutionId}&auto=/project&email=${notificationsInstitution.email}`
+      )
+    })
+
+    it('shows sso linked', function () {
+      const institution: DeepPartial<InstitutionType> = {
+        _id: 1,
+        templateKey: 'notification_institution_sso_linked',
+      }
+      window.metaAttributesCache.set('ol-notificationsInstitution', [
+        { ...notificationsInstitution, ...institution },
+      ])
+      render(<Institution />)
+      fetchMock.delete(`/notifications/${institution._id}`, 200)
+
+      screen.getByRole('alert')
+      screen.getByText(/has been linked to your/i)
+
+      const closeBtn = screen.getByRole('button', { name: /close/i })
+      fireEvent.click(closeBtn)
+
+      expect(fetchMock.callHistory.called()).to.be.true
+      expect(screen.queryByRole('alert')).to.be.null
+    })
+
+    it('shows sso non canonical', function () {
+      const institution: DeepPartial<InstitutionType> = {
+        _id: 1,
+        templateKey: 'notification_institution_sso_non_canonical',
+      }
+      window.metaAttributesCache.set('ol-notificationsInstitution', [
+        { ...notificationsInstitution, ...institution },
+      ])
+      render(<Institution />)
+      fetchMock.delete(`/notifications/${institution._id}`, 200)
+
+      screen.getByRole('alert')
+      screen.getByText(/you’ve tried to log in with/i)
+      screen.getByText(
+        /in order to match your institutional metadata, your account is associated with/i
+      )
+
+      const closeBtn = screen.getByRole('button', { name: /close/i })
+      fireEvent.click(closeBtn)
+
+      expect(fetchMock.callHistory.called()).to.be.true
+      expect(screen.queryByRole('alert')).to.be.null
+    })
+
+    it('shows sso already registered', function () {
+      const institution: DeepPartial<InstitutionType> = {
+        _id: 1,
+        templateKey: 'notification_institution_sso_already_registered',
+      }
+      window.metaAttributesCache.set('ol-notificationsInstitution', [
+        { ...notificationsInstitution, ...institution },
+      ])
+      render(<Institution />)
+      fetchMock.delete(`/notifications/${institution._id}`, 200)
+
+      screen.getByRole('alert')
+      screen.getByText(/which is already registered with/i)
+
+      const action = screen.getByRole('button', { name: /find out more/i })
+      expect(action.getAttribute('href')).to.equal(
+        '/learn/how-to/Institutional_Login'
+      )
+
+      const closeBtn = screen.getByRole('button', { name: /close/i })
+      fireEvent.click(closeBtn)
+
+      expect(fetchMock.callHistory.called()).to.be.true
+      expect(screen.queryByRole('alert')).to.be.null
+    })
+
+    it('shows sso error', function () {
+      const institution: DeepPartial<InstitutionType> = {
+        templateKey: 'notification_institution_sso_error',
+        error: {
+          message: 'fake message',
+          tryAgain: true,
+        },
+      }
+      window.metaAttributesCache.set('ol-notificationsInstitution', [
+        { ...notificationsInstitution, ...institution },
+      ])
+      render(<Institution />)
+
+      screen.getByRole('alert')
+      screen.getByText(/something went wrong/i)
+      screen.getByText(institution.error!.message!)
+      screen.getByText(/please try again/i)
+
+      const closeBtn = screen.getByRole('button', { name: /close/i })
+      fireEvent.click(closeBtn)
+
+      expect(screen.queryByRole('alert')).to.be.null
+    })
+  })
+
+  describe('getEmailDeletionDate', function () {
+    beforeEach(async function () {
+      window.metaAttributesCache.set('ol-userEmails', [
+        confirmedUserData,
+        untrustedUserData,
+      ])
+      this.clock = sinon.useFakeTimers(new Date('2025-07-01').getTime())
+    })
+
+    afterEach(function () {
+      this.clock.restore()
+    })
+
+    it('returns deletion date for unconfirmed email within notification window', function () {
+      window.metaAttributesCache.set('ol-userEmails', [unconfirmedUserData])
+      const signUpDate = '2022-01-01' // Before cutoff '2025-03-03'
+      const emailDeletionDate = getEmailDeletionDate(
+        unconfirmedUserData,
+        signUpDate
+      )
+      expect(emailDeletionDate).to.equal(
+        new Date('2025-09-03').toLocaleDateString()
+      )
+    })
+
+    it('returns false for primary email', function () {
+      const primaryUserData = { ...unconfirmedUserData, default: true }
+      const signUpDate = '2022-01-01'
+      const emailDeletionDate = getEmailDeletionDate(
+        primaryUserData,
+        signUpDate
+      )
+      expect(emailDeletionDate).to.be.false
+    })
+
+    it('returns false for already confirmed email', function () {
+      window.metaAttributesCache.set('ol-userEmails', [confirmedUserData])
+      const signUpDate = '2022-01-01'
+      const emailDeletionDate = getEmailDeletionDate(
+        confirmedUserData,
+        signUpDate
+      )
+      expect(emailDeletionDate).to.be.false
+    })
+  })
+
+  describe('<ConfirmEmail/>', function () {
+    beforeEach(async function () {
+      Object.assign(getMeta('ol-ExposedSettings'), {
+        emailConfirmationDisabled: false,
+      })
+      window.metaAttributesCache.set('ol-userEmails', [
+        confirmedUserData,
+        untrustedUserData,
+      ])
+      window.metaAttributesCache.set(
+        'ol-usersBestSubscription',
+        freeSubscription
+      )
+      window.metaAttributesCache.set('ol-user', {
+        signUpDate: new Date('2024-01-01').toISOString(),
+      })
+      this.clock = sinon.useFakeTimers(new Date('2025-07-01').getTime())
+    })
+
+    afterEach(function () {
+      fetchMock.removeRoutes().clearHistory()
+      this.clock.restore()
+    })
+
+    function testUnconfirmedNotification(
+      userEmails: any[],
+      isPrimary: boolean
+    ) {
+      it(`sends unconfirmed notification email successfully when email is ${isPrimary ? 'primary' : 'secondary'}`, async function () {
+        window.metaAttributesCache.set('ol-userEmails', userEmails)
+
+        renderWithinProjectListProvider(ConfirmEmail)
+        await fetchMock.callHistory.flush(true)
+        fetchMock.post('/user/emails/resend_confirmation', 200)
+
+        const email = userEmails[0].email
+        const notificationBody = screen.getByTestId('pro-notification-body')
+
+        if (isPrimary) {
+          expect(notificationBody.textContent).to.contain(
+            `Please confirm your primary email address ${email} by clicking on the link in the confirmation email.`
+          )
+        } else {
+          expect(notificationBody.textContent).to.contain(
+            `Please confirm your secondary email address ${email} by clicking on the link in the confirmation email.`
+          )
+        }
+
+        const resendButton = screen.getByRole('button', { name: /resend/i })
+        fireEvent.click(resendButton)
+
+        await waitForElementToBeRemoved(() =>
+          screen.getByRole('button', { name: /resend/i })
+        )
+
+        expect(fetchMock.callHistory.called()).to.be.true
+        expect(screen.queryByRole('alert')).to.be.null
+      })
+    }
+
+    testUnconfirmedNotification(
+      [{ email: 'baz@overleaf.com', default: true }],
+      true
+    )
+
+    testUnconfirmedNotification(
+      [{ email: 'baz@overleaf.com', default: false }],
+      false
+    )
+
+    it('sends untrusted notification email successfully', async function () {
+      window.metaAttributesCache.set('ol-userEmails', [untrustedUserData])
+
+      renderWithinProjectListProvider(ConfirmEmail)
+      await fetchMock.callHistory.flush(true)
+      fetchMock.post('/user/emails/resend_confirmation', 200)
+
+      const email = untrustedUserData.email
+      const notificationBody = screen.getByTestId(
+        'not-trusted-notification-body'
+      )
+      expect(notificationBody.textContent).to.contain(
+        `To enhance the security of your Overleaf account, please reconfirm your secondary email address ${email}.`
+      )
+
+      const resendButton = screen.getByRole('button', { name: /resend/i })
+      fireEvent.click(resendButton)
+
+      await waitForElementToBeRemoved(() =>
+        screen.getByRole('button', { name: /resend/i })
+      )
+
+      expect(fetchMock.callHistory.called()).to.be.true
+      expect(screen.queryByRole('alert')).to.be.null
+    })
+
+    it('fails to send', async function () {
+      window.metaAttributesCache.set('ol-userEmails', [unconfirmedUserData])
+
+      renderWithinProjectListProvider(ConfirmEmail)
+      await fetchMock.callHistory.flush(true)
+      fetchMock.post('/user/emails/resend_confirmation', 500)
+
+      const resendButtons = screen.getAllByRole('button', { name: /resend/i })
+      const resendButton = resendButtons[0]
+      fireEvent.click(resendButton)
+      const notificationBody = screen.getByTestId('pro-notification-body')
+
+      await waitForElementToBeRemoved(() =>
+        within(notificationBody).getByTestId(
+          'loading-resending-confirmation-email'
+        )
+      )
+
+      expect(fetchMock.callHistory.called()).to.be.true
+      screen.getByText(/something went wrong/i)
+    })
+
+    for (const subscription of [freeSubscription, individualSubscription]) {
+      it(`shows commons notification for commons account when user is on ${subscription.type} plan`, async function () {
+        window.metaAttributesCache.set('ol-userEmails', [
+          unconfirmedCommonsUserData,
+        ])
+        window.metaAttributesCache.set('ol-usersBestSubscription', subscription)
+
+        renderWithinProjectListProvider(ConfirmEmail)
+        await fetchMock.callHistory.flush(true)
+
+        const alert = screen.getByRole('alert')
+        const email = unconfirmedCommonsUserData.email
+        const notificationBody = within(alert).getByTestId('notification-body')
+        expect(notificationBody.textContent).to.contain(
+          'You are one step away from accessing Overleaf Professional features'
+        )
+        expect(notificationBody.textContent).to.contain(
+          `Overleaf has an Overleaf subscription. Click the confirmation link sent to ${email} to upgrade to Overleaf Professional`
+        )
+      })
+    }
+    for (const subscription of [groupSubscription, commonsSubscription]) {
+      it(`shows default notification for commons account when user is on ${subscription.type} plan`, async function () {
+        window.metaAttributesCache.set('ol-userEmails', [
+          unconfirmedCommonsUserData,
+        ])
+        window.metaAttributesCache.set('ol-usersBestSubscription', subscription)
+
+        renderWithinProjectListProvider(ConfirmEmail)
+        await fetchMock.callHistory.flush(true)
+
+        const alert = screen.getByRole('alert')
+        const email = unconfirmedCommonsUserData.email
+        const notificationBody = within(alert).getByTestId(
+          'pro-notification-body'
+        )
+        const isPrimary = unconfirmedCommonsUserData.default
+        if (isPrimary) {
+          expect(notificationBody.textContent).to.contain(
+            `Please confirm your primary email address ${email} by clicking on the link in the confirmation email`
+          )
+        } else {
+          expect(notificationBody.textContent).to.contain(
+            `Please confirm your secondary email address ${email} by clicking on the link in the confirmation email`
+          )
+        }
+      })
+    }
+  })
+
+  describe('<Affiliation/>', function () {
+    let assignStub: sinon.SinonStub
+
+    beforeEach(function () {
+      Object.assign(getMeta('ol-ExposedSettings'), exposedSettings)
+      assignStub = sinon.stub()
+      this.locationStub = sinon.stub(useLocationModule, 'useLocation').returns({
+        assign: assignStub,
+        replace: sinon.stub(),
+        reload: sinon.stub(),
+        setHash: sinon.stub(),
+      })
+      fetchMock.removeRoutes().clearHistory()
+    })
+
+    afterEach(function () {
+      this.locationStub.restore()
+      fetchMock.removeRoutes().clearHistory()
+    })
+
+    it('shows reconfirm message with SSO disabled', async function () {
+      window.metaAttributesCache.set('ol-allInReconfirmNotificationPeriods', [
+        { ...professionalUserData, samlProviderId: 'Saml Provider' },
+      ])
+
+      render(<ReconfirmationInfo />)
+      screen.getByRole('alert')
+      screen.getByText(
+        /take a moment to confirm your institutional email address/i
+      )
+
+      const removeLink = screen.getByRole('link', { name: /remove it/i })
+      expect(removeLink.getAttribute('href')).to.equal(
+        `/user/settings?remove=${professionalUserData.email}`
+      )
+      const learnMore = screen.getByRole('link', { name: /learn more/i })
+      expect(learnMore.getAttribute('href')).to.equal(
+        '/learn/how-to/Institutional_Email_Reconfirmation'
+      )
+
+      const sendReconfirmationMock = fetchMock.post(
+        '/user/emails/send-reconfirmation',
+        200
+      )
+      fireEvent.click(
+        screen.getByRole('button', { name: /confirm affiliation/i })
+      )
+
+      await waitForElementToBeRemoved(() => screen.getByText(/loading/i))
+      screen.getByText(/check your email inbox to confirm/i)
+      expect(screen.queryByRole('button', { name: /confirm affiliation/i })).to
+        .be.null
+      expect(screen.queryByRole('link', { name: /remove it/i })).to.be.null
+      expect(screen.queryByRole('link', { name: /learn more/i })).to.be.null
+      expect(sendReconfirmationMock.callHistory.called()).to.be.true
+      fireEvent.click(
+        screen.getByRole('button', { name: /resend confirmation email/i })
+      )
+      await waitForElementToBeRemoved(() => screen.getByText('Sending…'))
+      expect(sendReconfirmationMock.callHistory.calls()).to.have.lengthOf(2)
+    })
+
+    it('shows reconfirm message with SSO enabled', async function () {
+      window.metaAttributesCache.set('ol-allInReconfirmNotificationPeriods', [
+        merge(cloneDeep(professionalUserData), {
+          affiliation: { institution: { ssoEnabled: true } },
+        }),
+      ])
+      render(<ReconfirmationInfo />)
+      fireEvent.click(
+        screen.getByRole('button', { name: /confirm affiliation/i })
+      )
+      sinon.assert.calledOnce(assignStub)
+      sinon.assert.calledWithMatch(
+        assignStub,
+        `${exposedSettings.samlInitPath}?university_id=${professionalUserData.affiliation.institution.id}&reconfirm=/project`
+      )
+    })
+
+    it('shows success reconfirmation message', function () {
+      window.metaAttributesCache.set('ol-userEmails', [
+        { ...professionalUserData, samlProviderId: 'Saml Provider' },
+      ])
+      window.metaAttributesCache.set('ol-reconfirmedViaSAML', 'Saml Provider')
+
+      const { rerender } = render(<ReconfirmationInfo />)
+      screen.getByRole('alert')
+      screen.getByText(professionalUserData.affiliation!.institution!.name!)
+      screen.getByText(/affiliation is confirmed/i)
+
+      window.metaAttributesCache.set('ol-reconfirmedViaSAML', '')
+      rerender(<ReconfirmationInfo />)
+      expect(screen.queryByRole('alert')).to.be.null
+    })
+  })
+
+  describe('<GroupsAndEnterpriseBanner />', function () {
+    beforeEach(function () {
+      localStorage.clear()
+      fetchMock.removeRoutes().clearHistory()
+
+      // at least one project is required to show some notifications
+      const projects = [{}] as Project[]
+      fetchMock.post(/\/api\/project/, {
+        status: 200,
+        body: {
+          projects,
+          totalSize: projects.length,
+        },
+      })
+
+      window.metaAttributesCache.set(
+        'ol-groupsAndEnterpriseBannerVariant',
+        'on-premise'
+      )
+    })
+
+    afterEach(function () {
+      fetchMock.removeRoutes().clearHistory()
+    })
+
+    it('does not show the banner for users that are in group or are affiliated', async function () {
+      window.metaAttributesCache.set('ol-showGroupsAndEnterpriseBanner', false)
+
+      renderWithinProjectListProvider(GroupsAndEnterpriseBanner)
+      await fetchMock.callHistory.flush(true)
+
+      expect(screen.queryByRole('button', { name: 'Contact Sales' })).to.be.null
+    })
+
+    it('shows the banner for users that have dismissed the previous banners', async function () {
+      window.metaAttributesCache.set('ol-showGroupsAndEnterpriseBanner', true)
+      localStorage.setItem('has_dismissed_groups_and_enterprise_banner', true)
+
+      renderWithinProjectListProvider(GroupsAndEnterpriseBanner)
+      await fetchMock.callHistory.flush(true)
+
+      expect(screen.queryByRole('button', { name: 'Contact Sales' })).to.not.be
+        .null
+    })
+
+    it('shows the banner for users that have dismissed the banner more than 30 days ago', async function () {
+      const dismissed = new Date()
+      dismissed.setDate(dismissed.getDate() - 31) // 31 days
+      window.metaAttributesCache.set('ol-showGroupsAndEnterpriseBanner', true)
+      localStorage.setItem(
+        'has_dismissed_groups_and_enterprise_banner',
+        dismissed
+      )
+
+      renderWithinProjectListProvider(GroupsAndEnterpriseBanner)
+      await fetchMock.callHistory.flush(true)
+
+      expect(screen.queryByRole('button', { name: 'Contact Sales' })).to.not.be
+        .null
+    })
+
+    it('does not show the banner for users that have dismissed the banner within the last 30 days', async function () {
+      const dismissed = new Date()
+      dismissed.setDate(dismissed.getDate() - 29) // 29 days
+      window.metaAttributesCache.set('ol-showGroupsAndEnterpriseBanner', true)
+      localStorage.setItem(
+        'has_dismissed_groups_and_enterprise_banner',
+        dismissed
+      )
+
+      renderWithinProjectListProvider(GroupsAndEnterpriseBanner)
+      await fetchMock.callHistory.flush(true)
+
+      expect(screen.queryByRole('button', { name: 'Contact Sales' })).to.be.null
+    })
+
+    describe('users that are not in group and are not affiliated', function () {
+      beforeEach(function () {
+        localStorage.clear()
+        fetchMock.removeRoutes().clearHistory()
+
+        // at least one project is required to show some notifications
+        const projects = [{}] as Project[]
+        fetchMock.post(/\/api\/project/, {
+          status: 200,
+          body: {
+            projects,
+            totalSize: projects.length,
+          },
+        })
+
+        window.metaAttributesCache.set('ol-showGroupsAndEnterpriseBanner', true)
+      })
+
+      afterEach(function () {
+        fetchMock.removeRoutes().clearHistory()
+      })
+
+      after(function () {
+        localStorage.clear()
+      })
+
+      it('will show the correct text for the `on-premise` variant', async function () {
+        window.metaAttributesCache.set(
+          'ol-groupsAndEnterpriseBannerVariant',
+          'on-premise'
+        )
+
+        renderWithinProjectListProvider(GroupsAndEnterpriseBanner)
+        await fetchMock.callHistory.flush(true)
+
+        screen.getByText(
+          'Overleaf On-Premises: Does your company want to keep its data within its firewall? Overleaf offers Server Pro, an on-premises solution for companies. Get in touch to learn more.'
+        )
+        const link = screen.getByRole('button', { name: 'Contact Sales' })
+
+        expect(link.getAttribute('href')).to.equal(`/for/contact-sales-2`)
+      })
+
+      it('will show the correct text for the `FOMO` variant', async function () {
+        window.metaAttributesCache.set(
+          'ol-groupsAndEnterpriseBannerVariant',
+          'FOMO'
+        )
+
+        renderWithinProjectListProvider(GroupsAndEnterpriseBanner)
+        await fetchMock.callHistory.flush(true)
+
+        screen.getByText(
+          'Why do Fortune 500 companies and top research institutions trust Overleaf to streamline their collaboration? Get in touch to learn more.'
+        )
+        const link = screen.getByRole('button', { name: 'Contact Sales' })
+
+        expect(link.getAttribute('href')).to.equal(`/for/contact-sales-4`)
+      })
+    })
+  })
+
+  describe('GroupSsoSetupSuccess', function () {
+    it('shows group SSO linked notification', function () {
+      window.metaAttributesCache.set('ol-groupSsoSetupSuccess', true)
+      renderWithinProjectListProvider(GroupSsoSetupSuccess)
+      screen.getByText('Success! Single sign-on is all set up for you.')
+    })
+
+    it('does not show group SSO linked notification', function () {
+      window.metaAttributesCache.set('ol-groupSsoSetupSuccess', false)
+      renderWithinProjectListProvider(GroupSsoSetupSuccess)
+      expect(
+        screen.queryByText('Success! Single sign-on is all set up for you.')
+      ).to.be.null
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/project-list-root.test.tsx b/services/web/test/frontend/features/project-list/components/project-list-root.test.tsx
new file mode 100644
index 0000000..91331da
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/project-list-root.test.tsx
@@ -0,0 +1,1200 @@
+import {
+  fireEvent,
+  screen,
+  waitFor,
+  waitForElementToBeRemoved,
+  within,
+} from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import sinon from 'sinon'
+import ProjectListRoot from '../../../../../frontend/js/features/project-list/components/project-list-root'
+import { renderWithProjectListContext } from '../helpers/render-with-context'
+import * as eventTracking from '@/infrastructure/event-tracking'
+import {
+  projectsData,
+  owner,
+  archivedProjects,
+  makeLongProjectList,
+  archiveableProject,
+  copyableProject,
+} from '../fixtures/projects-data'
+import * as useLocationModule from '../../../../../frontend/js/shared/hooks/use-location'
+import getMeta from '@/utils/meta'
+
+const {
+  fullList,
+  currentList,
+  archivedList,
+  trashedList,
+  leavableList,
+  deletableList,
+} = makeLongProjectList(40)
+
+const userId = owner.id
+
+describe('<ProjectListRoot />', function () {
+  this.timeout('10s')
+
+  let sendMBSpy: sinon.SinonSpy
+  let assignStub: sinon.SinonStub
+
+  beforeEach(async function () {
+    global.localStorage.clear()
+    sendMBSpy = sinon.spy(eventTracking, 'sendMB')
+    this.tagId = '999fff999fff'
+    this.tagName = 'First tag name'
+    window.metaAttributesCache.set('ol-tags', [
+      {
+        _id: this.tagId,
+        name: this.tagName,
+        project_ids: [projectsData[0].id, projectsData[1].id],
+      },
+    ])
+    Object.assign(getMeta('ol-ExposedSettings'), {
+      templateLinks: [],
+    })
+    window.metaAttributesCache.set('ol-userEmails', [
+      { email: 'test@overleaf.com', default: true },
+    ])
+    // we need a blank user here since its used in checking if we should display certain ads
+    window.metaAttributesCache.set('ol-user', {})
+    window.metaAttributesCache.set('ol-user_id', userId)
+    window.metaAttributesCache.set('ol-footer', {
+      showThinFooter: false,
+      translatedLanguages: { en: 'English' },
+      subdomainLang: { en: { lngCode: 'en', url: 'overleaf.com' } },
+    })
+    window.metaAttributesCache.set('ol-navbar', {
+      items: [],
+    })
+    assignStub = sinon.stub()
+    this.locationStub = sinon.stub(useLocationModule, 'useLocation').returns({
+      assign: assignStub,
+      replace: sinon.stub(),
+      reload: sinon.stub(),
+      setHash: sinon.stub(),
+    })
+  })
+
+  afterEach(function () {
+    sendMBSpy.restore()
+    fetchMock.removeRoutes().clearHistory()
+    this.locationStub.restore()
+  })
+
+  describe('welcome page', function () {
+    beforeEach(async function () {
+      renderWithProjectListContext(<ProjectListRoot />, {
+        projects: [],
+      })
+      await fetchMock.callHistory.flush(true)
+    })
+
+    it('the welcome page is displayed', async function () {
+      await screen.findByRole('heading', { name: 'Welcome to Overleaf' })
+    })
+
+    it('the email confirmation alert is not displayed', async function () {
+      expect(
+        screen.queryByText(
+          'Please confirm your primary email address test@overleaf.com by clicking on the link in the confirmation email.'
+        )
+      ).to.be.null
+    })
+  })
+
+  describe('project table', function () {
+    beforeEach(async function () {
+      const { unmount } = renderWithProjectListContext(<ProjectListRoot />, {
+        projects: fullList,
+      })
+      this.unmount = unmount
+      await fetchMock.callHistory.flush(true)
+      await screen.findByRole('table')
+    })
+
+    describe('checkboxes', function () {
+      let allCheckboxes: Array<HTMLInputElement> = []
+      let actionsToolbar: HTMLElement
+      let project1Id: string | null, project2Id: string | null
+
+      describe('all projects', function () {
+        beforeEach(function () {
+          allCheckboxes = screen.getAllByRole<HTMLInputElement>('checkbox')
+          // first one is the select all checkbox
+          fireEvent.click(allCheckboxes[1])
+          fireEvent.click(allCheckboxes[2])
+
+          project1Id = allCheckboxes[1].getAttribute('data-project-id')
+          project2Id = allCheckboxes[2].getAttribute('data-project-id')
+          actionsToolbar = screen.getAllByRole('toolbar')[0]
+        })
+
+        it('downloads all selected projects and then unselects them', async function () {
+          const downloadButton =
+            within(actionsToolbar).getByLabelText('Download')
+          fireEvent.click(downloadButton)
+
+          await waitFor(() => {
+            expect(assignStub).to.have.been.called
+          })
+
+          sinon.assert.calledWithMatch(
+            assignStub,
+            `/project/download/zip?project_ids=${project1Id},${project2Id}`
+          )
+
+          const allCheckboxes =
+            screen.getAllByRole<HTMLInputElement>('checkbox')
+          const allCheckboxesChecked = allCheckboxes.filter(c => c.checked)
+          expect(allCheckboxesChecked.length).to.equal(0)
+        })
+
+        it('opens archive modal for all selected projects and archives all', async function () {
+          const archiveProjectMock = fetchMock.post(
+            `express:/project/:projectId/archive`,
+            {
+              status: 200,
+            },
+            { delay: 0 }
+          )
+
+          const archiveButton = within(actionsToolbar).getByLabelText('Archive')
+          fireEvent.click(archiveButton)
+
+          const confirmBtn = screen.getByRole('button', {
+            name: 'Confirm',
+          }) as HTMLButtonElement
+          fireEvent.click(confirmBtn)
+          expect(confirmBtn.disabled).to.be.true
+
+          await waitFor(
+            () =>
+              expect(
+                archiveProjectMock.callHistory.called(
+                  `/project/${project1Id}/archive`
+                )
+              ).to.be.true
+          )
+          await waitFor(
+            () =>
+              expect(
+                archiveProjectMock.callHistory.called(
+                  `/project/${project2Id}/archive`
+                )
+              ).to.be.true
+          )
+        })
+
+        it('opens trash modal for all selected projects and trashes all', async function () {
+          const trashProjectMock = fetchMock.post(
+            `express:/project/:projectId/trash`,
+            {
+              status: 200,
+            },
+            { delay: 0 }
+          )
+
+          const archiveButton = within(actionsToolbar).getByLabelText('Trash')
+          fireEvent.click(archiveButton)
+
+          const confirmBtn = screen.getByRole('button', {
+            name: 'Confirm',
+          }) as HTMLButtonElement
+          fireEvent.click(confirmBtn)
+          expect(confirmBtn.disabled).to.be.true
+
+          await waitFor(
+            () =>
+              expect(
+                trashProjectMock.callHistory.called(
+                  `/project/${project1Id}/trash`
+                )
+              ).to.be.true
+          )
+          await waitFor(
+            () =>
+              expect(
+                trashProjectMock.callHistory.called(
+                  `/project/${project2Id}/trash`
+                )
+              ).to.be.true
+          )
+        })
+
+        it('only checks the projects that are viewable when there is a load more button', async function () {
+          // first one is the select all checkbox
+          fireEvent.click(allCheckboxes[0])
+
+          allCheckboxes = screen.getAllByRole<HTMLInputElement>('checkbox')
+          let checked = allCheckboxes.filter(c => c.checked)
+          expect(checked.length).to.equal(21) // max projects viewable by default is 20, and plus one for check all
+
+          const loadMoreButton = screen.getByRole('button', {
+            name: 'Show 17 more projects',
+          })
+          fireEvent.click(loadMoreButton)
+
+          allCheckboxes = screen.getAllByRole<HTMLInputElement>('checkbox')
+          expect(allCheckboxes.length).to.equal(currentList.length + 1)
+          checked = allCheckboxes.filter(c => c.checked)
+          expect(checked.length).to.equal(20) // remains same even after showing more
+        })
+
+        it('maintains viewable and selected projects after loading more and then selecting all', async function () {
+          const loadMoreButton = screen.getByRole('button', {
+            name: 'Show 17 more projects',
+          })
+          fireEvent.click(loadMoreButton)
+          // verify button gone
+          screen.getByText(
+            `Showing ${currentList.length} out of ${currentList.length} projects.`
+          )
+          // first one is the select all checkbox
+          fireEvent.click(allCheckboxes[0])
+          // verify button still gone
+          screen.getByText(
+            `Showing ${currentList.length} out of ${currentList.length} projects.`
+          )
+
+          // allCheckboxes = screen.getAllByRole<HTMLInputElement>('checkbox')
+          // expect(allCheckboxes.length).to.equal(currentList.length + 1)
+        })
+      })
+
+      describe('archived projects', function () {
+        beforeEach(function () {
+          const filterButton = screen.getAllByText('Archived Projects')[0]
+          fireEvent.click(filterButton)
+
+          allCheckboxes = screen.getAllByRole<HTMLInputElement>('checkbox')
+          expect(allCheckboxes.length === 2).to.be.true
+          // first one is the select all checkbox
+          fireEvent.click(allCheckboxes[1])
+          project1Id = allCheckboxes[1].getAttribute('data-project-id')
+
+          actionsToolbar = screen.getAllByRole('toolbar')[0]
+        })
+
+        it('does not show the archive button in toolbar when archive view selected', function () {
+          expect(screen.queryByLabelText('Archive')).to.be.null
+        })
+
+        it('restores all projects when selected', async function () {
+          fetchMock.delete(`express:/project/:id/archive`, {
+            status: 200,
+          })
+
+          const unarchiveButton = within(actionsToolbar).getByRole('button', {
+            name: 'Restore',
+          })
+          fireEvent.click(unarchiveButton)
+
+          await fetchMock.callHistory.flush(true)
+          expect(fetchMock.callHistory.done()).to.be.true
+
+          await screen.findByText('No projects')
+        })
+
+        it('only unarchive the selected projects', async function () {
+          // beforeEach selected all, so uncheck the 1st project
+          fireEvent.click(allCheckboxes[1])
+
+          const allCheckboxesChecked = allCheckboxes.filter(c => c.checked)
+          expect(allCheckboxesChecked.length).to.equal(
+            archivedProjects.length - 1
+          )
+
+          await fetchMock.callHistory.flush(true)
+          expect(fetchMock.callHistory.done()).to.be.true
+
+          expect(screen.queryByText('No projects')).to.be.null
+        })
+      })
+
+      describe('trashed projects', function () {
+        beforeEach(function () {
+          const filterButton = screen.getAllByText('Trashed Projects')[0]
+          fireEvent.click(filterButton)
+
+          allCheckboxes = screen.getAllByRole<HTMLInputElement>('checkbox')
+          // + 1 because of select all
+          expect(allCheckboxes.length).to.equal(trashedList.length + 1)
+
+          // first one is the select all checkbox
+          fireEvent.click(allCheckboxes[0])
+
+          const allCheckboxesChecked = allCheckboxes.filter(c => c.checked)
+          // + 1 because of select all
+          expect(allCheckboxesChecked.length).to.equal(trashedList.length + 1)
+
+          actionsToolbar = screen.getAllByRole('toolbar')[0]
+        })
+
+        it('shows the download, archive, and restore buttons in top toolbar', function () {
+          expect(screen.queryByLabelText('Trash')).to.be.null
+          within(actionsToolbar).queryByLabelText('Download')
+          within(actionsToolbar).queryByLabelText('Archive')
+          within(actionsToolbar).getByText('Restore') // no icon for this button
+        })
+
+        it('clears selected projects when filter changed', function () {
+          const filterButton = screen.getAllByText('All Projects')[0]
+          fireEvent.click(filterButton)
+
+          const allCheckboxes =
+            screen.getAllByRole<HTMLInputElement>('checkbox')
+          const allCheckboxesChecked = allCheckboxes.filter(c => c.checked)
+          expect(allCheckboxesChecked.length).to.equal(0)
+        })
+
+        it('untrashes all the projects', async function () {
+          fetchMock.delete(`express:/project/:id/trash`, {
+            status: 200,
+          })
+
+          const untrashButton =
+            within(actionsToolbar).getByText<HTMLButtonElement>('Restore')
+          fireEvent.click(untrashButton)
+
+          await fetchMock.callHistory.flush(true)
+          expect(fetchMock.callHistory.done()).to.be.true
+
+          await screen.findByText('No projects')
+        })
+
+        it('only untrashes the selected projects', async function () {
+          // beforeEach selected all, so uncheck the 1st project
+          fireEvent.click(allCheckboxes[1])
+
+          const allCheckboxesChecked = allCheckboxes.filter(c => c.checked)
+          expect(allCheckboxesChecked.length).to.equal(trashedList.length - 1)
+
+          await fetchMock.callHistory.flush(true)
+          expect(fetchMock.callHistory.done()).to.be.true
+
+          expect(screen.queryByText('No projects')).to.be.null
+        })
+
+        it('removes project from view when archiving', async function () {
+          fetchMock.post(
+            `express:/project/:id/archive`,
+            {
+              status: 200,
+            },
+            { repeat: trashedList.length }
+          )
+
+          const archiveButton =
+            within(actionsToolbar).getByLabelText<HTMLButtonElement>('Archive')
+          fireEvent.click(archiveButton)
+
+          const confirmButton = screen.getByRole('button', {
+            name: 'Confirm',
+          }) as HTMLButtonElement
+          fireEvent.click(confirmButton)
+          expect(confirmButton.disabled).to.be.true
+
+          await fetchMock.callHistory.flush(true)
+          expect(fetchMock.callHistory.done()).to.be.true
+
+          const calls = fetchMock.callHistory.calls().map(({ url }) => url)
+
+          trashedList.forEach(project => {
+            expect(calls).to.contain(
+              `https://www.test-overleaf.com/project/${project.id}/archive`
+            )
+          })
+        })
+
+        it('removes only selected projects from view when leaving', async function () {
+          // rerender content with different projects
+          this.unmount()
+          fetchMock.removeRoutes().clearHistory()
+
+          renderWithProjectListContext(<ProjectListRoot />, {
+            projects: leavableList,
+          })
+
+          await fetchMock.callHistory.flush(true)
+          await screen.findByRole('table')
+
+          expect(leavableList.length).to.be.greaterThan(0)
+
+          fetchMock.post(
+            `express:/project/:id/leave`,
+            {
+              status: 200,
+            },
+            { repeat: leavableList.length }
+          )
+
+          allCheckboxes = screen.getAllByRole<HTMLInputElement>('checkbox')
+          // + 1 because of select all
+          expect(allCheckboxes.length).to.equal(leavableList.length + 1)
+
+          // first one is the select all checkbox
+          fireEvent.click(allCheckboxes[0])
+
+          actionsToolbar = screen.getAllByRole('toolbar')[0]
+
+          const toolbar = within(actionsToolbar)
+          expect(toolbar.queryByRole('button', { name: /delete/i })).to.be.null
+          expect(
+            toolbar.queryByRole('button', {
+              name: /delete \/ leave/i,
+            })
+          ).to.be.null
+
+          const leaveButton = toolbar.getByRole('button', {
+            name: /leave/i,
+          })
+          fireEvent.click(leaveButton)
+
+          const confirmButton = screen.getByRole('button', {
+            name: 'Confirm',
+          }) as HTMLButtonElement
+          fireEvent.click(confirmButton)
+          expect(confirmButton.disabled).to.be.true
+
+          await fetchMock.callHistory.flush(true)
+          expect(fetchMock.callHistory.done()).to.be.true
+
+          const calls = fetchMock.callHistory.calls().map(({ url }) => url)
+          leavableList.forEach(project => {
+            expect(calls).to.contain(
+              `https://www.test-overleaf.com/project/${project.id}/leave`
+            )
+          })
+        })
+
+        it('removes only selected projects from view when deleting', async function () {
+          // rerender content with different projects
+          this.unmount()
+          fetchMock.removeRoutes().clearHistory()
+
+          renderWithProjectListContext(<ProjectListRoot />, {
+            projects: deletableList,
+          })
+
+          await fetchMock.callHistory.flush(true)
+          await screen.findByRole('table')
+
+          expect(deletableList.length).to.be.greaterThan(0)
+
+          fetchMock.delete(
+            `express:/project/:id`,
+            {
+              status: 200,
+            },
+            { repeat: deletableList.length }
+          )
+
+          allCheckboxes = screen.getAllByRole<HTMLInputElement>('checkbox')
+          // + 1 because of select all
+          expect(allCheckboxes.length).to.equal(deletableList.length + 1)
+
+          // first one is the select all checkbox
+          fireEvent.click(allCheckboxes[0])
+
+          actionsToolbar = screen.getAllByRole('toolbar')[0]
+
+          const toolbar = within(actionsToolbar)
+          expect(toolbar.queryByRole('button', { name: /leave/i })).to.be.null
+          expect(
+            toolbar.queryByRole('button', {
+              name: /delete \/ leave/i,
+            })
+          ).to.be.null
+
+          const deleteButton = toolbar.getByRole('button', {
+            name: /delete/i,
+          })
+          fireEvent.click(deleteButton)
+
+          const confirmButton = screen.getByRole('button', {
+            name: 'Confirm',
+          }) as HTMLButtonElement
+          fireEvent.click(confirmButton)
+          expect(confirmButton.disabled).to.be.true
+
+          await fetchMock.callHistory.flush(true)
+          expect(fetchMock.callHistory.done()).to.be.true
+
+          const calls = fetchMock.callHistory.calls().map(({ url }) => url)
+          deletableList.forEach(project => {
+            expect(calls).to.contain(
+              `https://www.test-overleaf.com/project/${project.id}`
+            )
+          })
+        })
+
+        it('removes only selected projects from view when deleting and leaving', async function () {
+          // rerender content with different projects
+          this.unmount()
+          fetchMock.removeRoutes().clearHistory()
+
+          const deletableAndLeavableList = [...deletableList, ...leavableList]
+
+          renderWithProjectListContext(<ProjectListRoot />, {
+            projects: deletableAndLeavableList,
+          })
+
+          await fetchMock.callHistory.flush(true)
+          await screen.findByRole('table')
+
+          expect(deletableList.length).to.be.greaterThan(0)
+          expect(leavableList.length).to.be.greaterThan(0)
+
+          fetchMock
+            .delete(
+              `express:/project/:id`,
+              {
+                status: 200,
+              },
+              { repeat: deletableList.length }
+            )
+            .post(
+              `express:/project/:id/leave`,
+              {
+                status: 200,
+              },
+              { repeat: leavableList.length }
+            )
+
+          allCheckboxes = screen.getAllByRole<HTMLInputElement>('checkbox')
+          // + 1 because of select all
+          expect(allCheckboxes.length).to.equal(
+            deletableAndLeavableList.length + 1
+          )
+
+          // first one is the select all checkbox
+          fireEvent.click(allCheckboxes[0])
+
+          actionsToolbar = screen.getAllByRole('toolbar')[0]
+
+          const toolbar = within(actionsToolbar)
+          expect(toolbar.queryByRole('button', { name: 'Leave' })).to.be.null
+          expect(toolbar.queryByRole('button', { name: 'Delete' })).to.be.null
+
+          const deleteLeaveButton = toolbar.getByRole('button', {
+            name: /delete \/ leave/i,
+          })
+          fireEvent.click(deleteLeaveButton)
+
+          const confirmButton = screen.getByRole('button', {
+            name: 'Confirm',
+          }) as HTMLButtonElement
+          fireEvent.click(confirmButton)
+          expect(confirmButton.disabled).to.be.true
+
+          await fetchMock.callHistory.flush(true)
+          expect(fetchMock.callHistory.done()).to.be.true
+
+          const calls = fetchMock.callHistory.calls().map(({ url }) => url)
+          deletableAndLeavableList.forEach(project => {
+            expect(calls).to.contain.oneOf([
+              `https://www.test-overleaf.com/project/${project.id}`,
+              `https://www.test-overleaf.com/project/${project.id}/leave`,
+            ])
+          })
+        })
+      })
+
+      describe('tags', function () {
+        it('does not show archived or trashed project', async function () {
+          this.unmount()
+          fetchMock.removeRoutes().clearHistory()
+          window.metaAttributesCache.set('ol-tags', [
+            {
+              _id: this.tagId,
+              name: this.tagName,
+              project_ids: [
+                projectsData[0].id,
+                projectsData[1].id,
+                ...archivedList.map(p => p.id),
+                ...trashedList.map(p => p.id),
+              ],
+            },
+          ])
+
+          const trashProjectMock = fetchMock.post(
+            `express:/project/:projectId/trash`,
+            { status: 200 }
+          )
+
+          renderWithProjectListContext(<ProjectListRoot />, {
+            projects: fullList,
+          })
+
+          await screen.findByRole('table')
+
+          let visibleProjectsCount = 2
+          const [tagBtn] = screen.getAllByRole('button', {
+            name: `${this.tagName} (${visibleProjectsCount})`,
+          })
+          fireEvent.click(tagBtn)
+
+          const nonArchivedAndTrashedProjects = [
+            projectsData[0],
+            projectsData[1],
+          ]
+          nonArchivedAndTrashedProjects.forEach(p => {
+            screen.getByText(p.name)
+          })
+          const archivedAndTrashedProjects = [...archivedList, ...trashedList]
+          archivedAndTrashedProjects.forEach(p => {
+            expect(screen.queryByText(p.name)).to.be.null
+          })
+
+          const trashBtns = screen.getAllByRole('button', { name: 'Trash' })
+          for (const [index, trashBtn] of trashBtns.entries()) {
+            fireEvent.click(trashBtn)
+            fireEvent.click(
+              screen.getByRole('button', {
+                name: 'Confirm',
+              })
+            )
+            await waitFor(() => {
+              expect(
+                trashProjectMock.callHistory.called(
+                  `/project/${projectsData[index].id}/trash`
+                )
+              ).to.be.true
+            })
+            expect(
+              screen.queryAllByText(projectsData[index].name)
+            ).to.have.length(0)
+
+            screen.getAllByRole('button', {
+              name: `${this.tagName} (${--visibleProjectsCount})`,
+            })
+          }
+        })
+      })
+
+      describe('tags dropdown', function () {
+        beforeEach(async function () {
+          allCheckboxes = screen.getAllByRole<HTMLInputElement>('checkbox')
+          // first one is the select all checkbox
+          fireEvent.click(allCheckboxes[1])
+          fireEvent.click(allCheckboxes[2])
+          actionsToolbar = screen.getAllByRole('toolbar')[0]
+
+          this.newTagName = 'Some tag name'
+          this.newTagId = 'abc123def456'
+        })
+
+        it('opens the tags dropdown and creates a new tag', async function () {
+          fetchMock.post(`express:/tag`, {
+            status: 200,
+            body: {
+              _id: this.newTagId,
+              name: this.newTagName,
+              project_ids: [],
+            },
+          })
+          fetchMock.post(`express:/tag/:id/projects`, {
+            status: 204,
+          })
+
+          await waitFor(() => {
+            const tagsDropdown = within(actionsToolbar).getByLabelText('Tags')
+            fireEvent.click(tagsDropdown)
+          })
+          screen.getByText('Add to tag')
+
+          const newTagButton = screen.getByText('Create new tag')
+          fireEvent.click(newTagButton)
+
+          const modal = screen.getAllByRole('dialog')[0]
+          const input = within(modal).getByRole<HTMLInputElement>('textbox')
+          fireEvent.change(input, {
+            target: { value: this.newTagName },
+          })
+          const createButton = within(modal).getByRole('button', {
+            name: 'Create',
+          })
+          fireEvent.click(createButton)
+
+          await fetchMock.callHistory.flush(true)
+
+          expect(
+            fetchMock.callHistory.called('/tag', { name: this.newTagName })
+          ).to.be.true
+          expect(
+            fetchMock.callHistory.called(`/tag/${this.newTagId}/projects`, {
+              body: {
+                projectIds: [projectsData[0].id, projectsData[1].id],
+              },
+            })
+          ).to.be.true
+
+          screen.getByRole('button', { name: `${this.newTagName} (2)` })
+        })
+
+        it('opens the tags dropdown and remove a tag from selected projects', async function () {
+          const deleteProjectsFromTagMock = fetchMock.post(
+            `express:/tag/:id/projects/remove`,
+            {
+              status: 204,
+            }
+          )
+          screen.getByRole('button', { name: `${this.tagName} (2)` })
+
+          const tagsDropdown = within(actionsToolbar).getByLabelText('Tags')
+          fireEvent.click(tagsDropdown)
+          within(actionsToolbar).getByText('Add to tag')
+
+          const tagButton = within(actionsToolbar).getByLabelText(
+            `Add or remove project from tag ${this.tagName}`
+          )
+          fireEvent.click(tagButton)
+
+          await fetchMock.callHistory.flush(true)
+
+          expect(
+            deleteProjectsFromTagMock.callHistory.called(
+              `/tag/${this.tagId}/projects/remove`,
+              {
+                body: {
+                  projectIds: [projectsData[0].id, projectsData[1].id],
+                },
+              }
+            )
+          ).to.be.true
+          screen.getByRole('button', { name: `${this.tagName} (0)` })
+        })
+
+        it('select another project, opens the tags dropdown and add a tag only to the untagged project', async function () {
+          const addProjectsToTagMock = fetchMock.post(
+            `express:/tag/:id/projects`,
+            {
+              status: 204,
+            }
+          )
+
+          fireEvent.click(allCheckboxes[3])
+
+          screen.getByRole('button', { name: `${this.tagName} (2)` })
+
+          const tagsDropdown = within(actionsToolbar).getByLabelText('Tags')
+          fireEvent.click(tagsDropdown)
+          within(actionsToolbar).getByText('Add to tag')
+
+          const tagButton = within(actionsToolbar).getByLabelText(
+            `Add or remove project from tag ${this.tagName}`
+          )
+          fireEvent.click(tagButton)
+
+          await fetchMock.callHistory.flush(true)
+
+          expect(
+            addProjectsToTagMock.callHistory.called(
+              `/tag/${this.tagId}/projects`,
+              {
+                body: {
+                  projectIds: [projectsData[2].id],
+                },
+              }
+            )
+          ).to.be.true
+          screen.getByRole('button', { name: `${this.tagName} (3)` })
+        })
+      })
+
+      describe('project tools', function () {
+        it('renders download, archive, trash buttons followed by tags and "more" dropdowns when selecting an archived or trashed filter before selecting tag filter', function () {
+          const assertToolbarButtonsExists = () => {
+            within(actionsToolbar).getByLabelText(/download/i)
+            within(actionsToolbar).getByLabelText(/archive/i)
+            within(actionsToolbar).getByLabelText(/trash/i)
+            within(actionsToolbar).getByLabelText(/tags/i)
+            within(actionsToolbar).getByText(/more/i)
+          }
+
+          // Select archived projects
+          const [archivedProjectsButton] =
+            screen.getAllByText(/archived projects/i)
+          fireEvent.click(archivedProjectsButton)
+          const [tag] = screen.getAllByText(this.tagName)
+          fireEvent.click(tag)
+
+          allCheckboxes = screen.getAllByRole('checkbox')
+          fireEvent.click(allCheckboxes[1])
+          actionsToolbar = screen.getAllByRole('toolbar')[0]
+
+          assertToolbarButtonsExists()
+
+          // select trashed projects
+          const [trashedProjectsButton] =
+            screen.getAllByText(/trashed projects/i)
+          fireEvent.click(trashedProjectsButton)
+          fireEvent.click(tag)
+
+          allCheckboxes = screen.getAllByRole('checkbox')
+          fireEvent.click(allCheckboxes[1])
+          actionsToolbar = screen.getAllByRole('toolbar')[0]
+
+          assertToolbarButtonsExists()
+        })
+
+        describe('"More" dropdown', function () {
+          beforeEach(async function () {
+            const filterButton = screen.getAllByText('All Projects')[0]
+            fireEvent.click(filterButton)
+            allCheckboxes = screen.getAllByRole<HTMLInputElement>('checkbox')
+          })
+
+          it('does not show the dropdown when more than 1 project is selected', async function () {
+            fireEvent.click(allCheckboxes[2]) // select a project
+
+            const actionsToolbar = screen.getAllByRole('toolbar')[0]
+            await waitFor(() => {
+              within(actionsToolbar).getByText<HTMLElement>('More')
+            })
+            fireEvent.click(allCheckboxes[0]) // select all
+            expect(within(actionsToolbar).queryByText<HTMLElement>('More')).to
+              .be.null
+          })
+
+          it('validates the project name', async function () {
+            fireEvent.click(allCheckboxes[1]) // select a project owned by the current user
+
+            const actionsToolbar = screen.getAllByRole('toolbar')[0]
+            const moreDropdown =
+              await within(actionsToolbar).findByText<HTMLElement>('More')
+            fireEvent.click(moreDropdown)
+
+            const editButton =
+              screen.getAllByText<HTMLButtonElement>('Rename')[0]
+            fireEvent.click(editButton)
+
+            const modals = await screen.findAllByRole('dialog')
+            const modal = modals[0]
+
+            expect(sendMBSpy).to.have.been.calledTwice
+            expect(sendMBSpy).to.have.been.calledWith('loads_v2_dash')
+            expect(sendMBSpy).to.have.been.calledWith(
+              'project-list-page-interaction',
+              {
+                action: 'rename',
+                page: '/',
+                projectId: copyableProject.id,
+                isSmallDevice: true,
+              }
+            )
+
+            // same name
+            let confirmButton = within(modal).getByRole('button', {
+              name: 'Rename',
+            }) as HTMLButtonElement
+            expect(confirmButton.disabled).to.be.true
+
+            // no name
+            const input = screen.getByLabelText('New Name') as HTMLButtonElement
+            fireEvent.change(input, {
+              target: { value: '' },
+            })
+            confirmButton = within(modal).getByRole('button', {
+              name: 'Rename',
+            }) as HTMLButtonElement
+            expect(confirmButton.disabled).to.be.true
+          })
+
+          it('opens the rename modal, and can rename the project, and view updated', async function () {
+            fireEvent.click(allCheckboxes[1]) // select a project owned by the current user
+            const actionsToolbar = screen.getAllByRole('toolbar')[0]
+
+            const renameProjectMock = fetchMock.post(
+              `express:/project/:id/rename`,
+              {
+                status: 200,
+              }
+            )
+            const moreDropdown =
+              await within(actionsToolbar).findByText<HTMLElement>('More')
+            fireEvent.click(moreDropdown)
+
+            const renameButton =
+              within(actionsToolbar).getByText<HTMLButtonElement>('Rename')
+            fireEvent.click(renameButton)
+
+            const modals = await screen.findAllByRole('dialog')
+            const modal = modals[0]
+
+            // a valid name
+            const newProjectName = 'A new project name'
+            const input = (await within(modal).findByLabelText(
+              'New Name'
+            )) as HTMLButtonElement
+            const oldName = input.value
+            fireEvent.change(input, {
+              target: { value: newProjectName },
+            })
+
+            const confirmButton = within(modal).getByRole('button', {
+              name: 'Rename',
+            }) as HTMLButtonElement
+            expect(confirmButton.disabled).to.be.false
+            fireEvent.click(confirmButton)
+
+            await fetchMock.callHistory.flush(true)
+
+            expect(
+              renameProjectMock.callHistory.called(
+                `/project/${projectsData[0].id}/rename`
+              )
+            ).to.be.true
+
+            const table = await screen.findByRole('table')
+            within(table).getByText(newProjectName)
+            expect(within(table).queryByText(oldName)).to.be.null
+
+            const allCheckboxesInTable =
+              await within(table).findAllByRole<HTMLInputElement>('checkbox')
+            const allCheckboxesChecked = allCheckboxesInTable.filter(
+              c => c.checked
+            )
+            expect(allCheckboxesChecked.length).to.equal(0)
+          })
+
+          it('opens the copy modal, can copy the project, and view updated', async function () {
+            fireEvent.click(allCheckboxes[2])
+            const actionsToolbar = screen.getAllByRole('toolbar')[0]
+
+            const tableRows = screen.getAllByRole('row')
+            const linkForProjectToCopy = within(tableRows[1]).getByRole('link')
+            const projectNameToCopy = linkForProjectToCopy.textContent || '' // needed for type checking
+            screen.getByText(projectNameToCopy) // make sure not just empty string
+            const copiedProjectName = `${projectNameToCopy} (Copy)`
+            const cloneProjectMock = fetchMock.post(
+              `express:/project/:id/clone`,
+              {
+                status: 200,
+                body: {
+                  name: copiedProjectName,
+                  lastUpdated: new Date(),
+                  project_id: userId,
+                  owner_ref: userId,
+                  owner,
+                  id: '6328e14abec0df019fce0be5',
+                  lastUpdatedBy: owner,
+                  accessLevel: 'owner',
+                  source: 'owner',
+                  trashed: false,
+                  archived: false,
+                },
+              }
+            )
+
+            await waitFor(() => {
+              const moreDropdown =
+                within(actionsToolbar).getByText<HTMLElement>('More')
+              fireEvent.click(moreDropdown)
+            })
+
+            const copyButton =
+              within(actionsToolbar).getByText<HTMLButtonElement>('Make a copy')
+            fireEvent.click(copyButton)
+
+            // confirm in modal
+            const copyConfirmButton = document.querySelector(
+              'button[type="submit"]'
+            ) as HTMLElement
+            fireEvent.click(copyConfirmButton)
+
+            await fetchMock.callHistory.flush(true)
+
+            expect(
+              cloneProjectMock.callHistory.called(
+                `/project/${projectsData[1].id}/clone`
+              )
+            ).to.be.true
+
+            expect(sendMBSpy).to.have.been.calledTwice
+            expect(sendMBSpy).to.have.been.calledWith('loads_v2_dash')
+            expect(sendMBSpy).to.have.been.calledWith(
+              'project-list-page-interaction',
+              {
+                action: 'clone',
+                page: '/',
+                projectId: archiveableProject.id,
+                isSmallDevice: true,
+              }
+            )
+
+            screen.getByText(copiedProjectName)
+          })
+        })
+      })
+
+      describe('projects list in actions modal', function () {
+        let modal: HTMLElement
+        let projectsToProcess: any[]
+
+        function selectedProjectNames() {
+          projectsToProcess = []
+          // needs to be done ahead of opening modal
+
+          allCheckboxes = screen.getAllByRole<HTMLInputElement>('checkbox')
+          // update list so we know which are checked
+
+          const tableRows = screen.getAllByRole('row')
+
+          for (const [index, checkbox] of allCheckboxes.entries()) {
+            if (checkbox.checked) {
+              const linkForProjectToCopy = within(tableRows[index]).getByRole(
+                'link'
+              )
+              const projectNameToCopy = linkForProjectToCopy.textContent
+              projectsToProcess.push(projectNameToCopy)
+            }
+          }
+
+          expect(projectsToProcess.length > 0).to.be.true
+        }
+
+        function selectedMatchesDisplayed(expectedLength: number) {
+          selectedProjectNames()
+          // any action will work for check since they all use the same modal
+          const archiveButton = within(actionsToolbar).getByLabelText('Archive')
+          fireEvent.click(archiveButton)
+          modal = screen.getAllByRole('dialog')[0]
+
+          const listitems = within(modal).getAllByRole('listitem')
+          expect(listitems.length).to.equal(projectsToProcess.length)
+          expect(listitems.length).to.equal(expectedLength)
+
+          for (const projectName of projectsToProcess) {
+            within(modal).getByText(projectName)
+          }
+        }
+
+        beforeEach(function () {
+          allCheckboxes = screen.getAllByRole<HTMLInputElement>('checkbox')
+          // first one is the select all checkbox, just check 2 at first
+          fireEvent.click(allCheckboxes[1])
+          fireEvent.click(allCheckboxes[2])
+
+          actionsToolbar = screen.getAllByRole('toolbar')[0]
+        })
+
+        it('opens the modal with the 2 originally selected projects', function () {
+          selectedMatchesDisplayed(2)
+        })
+
+        it('shows correct list after closing modal, changing selection, and reopening modal', async function () {
+          selectedMatchesDisplayed(2)
+
+          const modal = screen.getAllByRole('dialog', { hidden: false })[0]
+          const cancelButton = within(modal).getByRole('button', {
+            name: 'Cancel',
+          })
+          fireEvent.click(cancelButton)
+
+          await waitForElementToBeRemoved(
+            screen.getByRole('dialog', { hidden: false })
+          )
+
+          await screen.findAllByRole('checkbox')
+          fireEvent.click(allCheckboxes[3])
+          selectedMatchesDisplayed(3)
+        })
+
+        it('maintains original list even after some have been processed', async function () {
+          const totalProjectsToProcess = 2
+          selectedMatchesDisplayed(totalProjectsToProcess)
+          const button = screen.getByRole('button', { name: 'Confirm' })
+          fireEvent.click(button)
+          project1Id = allCheckboxes[1].getAttribute('data-project-id')
+          fetchMock.post('express:/project/:id/archive', {
+            status: 200,
+          })
+          fetchMock.post(`/project/${project2Id}/archive`, {
+            status: 500,
+          })
+
+          await screen.findByRole('alert') // ensure that error was thrown for the 2nd project
+          const listitems = within(modal).getAllByRole('listitem')
+          expect(listitems.length).to.equal(totalProjectsToProcess)
+        })
+      })
+    })
+
+    describe('search', function () {
+      it('shows only projects based on the input', async function () {
+        const input = screen.getAllByRole('textbox', {
+          name: /search in all projects/i,
+        })[0]
+        const value = currentList[0].name
+
+        fireEvent.change(input, { target: { value } })
+
+        const results = screen.getAllByRole('row')
+        expect(results.length).to.equal(2) // first is header
+      })
+    })
+
+    describe('copying project', function () {
+      it('correctly updates the view after copying a shared project', async function () {
+        const filterButton = screen.getAllByText('Shared with you')[0]
+        fireEvent.click(filterButton)
+
+        const tableRows = screen.getAllByRole('row')
+
+        const linkForProjectToCopy = within(tableRows[1]).getByRole('link')
+        const projectNameToCopy = linkForProjectToCopy.textContent
+        const copiedProjectName = `${projectNameToCopy} Copy`
+        fetchMock.post(`express:/project/:id/clone`, {
+          status: 200,
+          body: {
+            name: copiedProjectName,
+            lastUpdated: new Date(),
+            project_id: userId,
+            owner_ref: userId,
+            owner,
+            id: '6328e14abec0df019fce0be5',
+            lastUpdatedBy: owner,
+            accessLevel: 'owner',
+            source: 'owner',
+            trashed: false,
+            archived: false,
+          },
+        })
+        const copyButton = within(tableRows[1]).getAllByRole('button', {
+          name: 'Copy',
+        })[0]
+        fireEvent.click(copyButton)
+
+        // confirm in modal
+        const copyConfirmButton = document.querySelector(
+          'button[type="submit"]'
+        ) as HTMLElement
+        fireEvent.click(copyConfirmButton)
+
+        await fetchMock.callHistory.flush(true)
+        expect(fetchMock.callHistory.done()).to.be.true
+
+        expect(sendMBSpy).to.have.been.calledTwice
+        expect(sendMBSpy).to.have.been.calledWith('loads_v2_dash')
+        expect(sendMBSpy).to.have.been.calledWith(
+          'project-list-page-interaction',
+          {
+            action: 'clone',
+            page: '/',
+            projectId: archiveableProject.id,
+            isSmallDevice: true,
+          }
+        )
+
+        expect(screen.queryByText(copiedProjectName)).to.be.null
+
+        const yourProjectFilter = screen.getAllByText('Your Projects')[0]
+        fireEvent.click(yourProjectFilter)
+        await screen.findByText(copiedProjectName)
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/project-list-title.tsx b/services/web/test/frontend/features/project-list/components/project-list-title.tsx
new file mode 100644
index 0000000..8e34c6c
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/project-list-title.tsx
@@ -0,0 +1,79 @@
+import { render, screen } from '@testing-library/react'
+import { Filter } from '../../../../../frontend/js/features/project-list/context/project-list-context'
+import { Tag } from '../../../../../app/src/Features/Tags/types'
+import ProjectListTitle from '../../../../../frontend/js/features/project-list/components/title/project-list-title'
+
+describe('<ProjectListTitle />', function () {
+  type TestCase = {
+    filter: Filter
+    selectedTag: Tag | undefined
+    expectedText: string
+    selectedTagId: string | undefined
+  }
+
+  const testCases: Array<TestCase> = [
+    // Filter, without tag
+    {
+      filter: 'all',
+      selectedTag: undefined,
+      expectedText: 'all projects',
+      selectedTagId: undefined,
+    },
+    {
+      filter: 'owned',
+      selectedTag: undefined,
+      expectedText: 'your projects',
+      selectedTagId: undefined,
+    },
+    {
+      filter: 'shared',
+      selectedTag: undefined,
+      expectedText: 'shared with you',
+      selectedTagId: undefined,
+    },
+    {
+      filter: 'archived',
+      selectedTag: undefined,
+      expectedText: 'archived projects',
+      selectedTagId: undefined,
+    },
+    {
+      filter: 'trashed',
+      selectedTag: undefined,
+      expectedText: 'trashed projects',
+      selectedTagId: undefined,
+    },
+    // Tags
+    {
+      filter: 'all',
+      selectedTag: undefined,
+      expectedText: 'uncategorized',
+      selectedTagId: 'uncategorized',
+    },
+    {
+      filter: 'all',
+      selectedTag: { _id: '', user_id: '', name: 'sometag' },
+      expectedText: 'sometag',
+      selectedTagId: '',
+    },
+    {
+      filter: 'shared',
+      selectedTag: { _id: '', user_id: '', name: 'othertag' },
+      expectedText: 'othertag',
+      selectedTagId: '',
+    },
+  ]
+
+  for (const testCase of testCases) {
+    it(`renders the title text for filter: ${testCase.filter}, tag: ${testCase?.selectedTag?.name}`, function () {
+      render(
+        <ProjectListTitle
+          filter={testCase.filter}
+          selectedTag={testCase.selectedTag}
+          selectedTagId={testCase.selectedTagId}
+        />
+      )
+      screen.getByText(new RegExp(testCase.expectedText, 'i'))
+    })
+  }
+})
diff --git a/services/web/test/frontend/features/project-list/components/project-search.test.tsx b/services/web/test/frontend/features/project-list/components/project-search.test.tsx
new file mode 100644
index 0000000..06820a3
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/project-search.test.tsx
@@ -0,0 +1,155 @@
+import sinon from 'sinon'
+import { render, screen, fireEvent } from '@testing-library/react'
+import { expect } from 'chai'
+import SearchForm from '../../../../../frontend/js/features/project-list/components/search-form'
+import * as eventTracking from '@/infrastructure/event-tracking'
+import fetchMock from 'fetch-mock'
+import { Filter } from '../../../../../frontend/js/features/project-list/context/project-list-context'
+import { Tag } from '../../../../../app/src/Features/Tags/types'
+
+describe('Project list search form', function () {
+  let sendMBSpy: sinon.SinonSpy
+
+  beforeEach(function () {
+    sendMBSpy = sinon.spy(eventTracking, 'sendMB')
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+    sendMBSpy.restore()
+  })
+
+  it('renders the search form', function () {
+    const filter: Filter = 'all'
+    const selectedTag = undefined
+    render(
+      <SearchForm
+        inputValue=""
+        setInputValue={() => {}}
+        filter={filter}
+        selectedTag={selectedTag}
+      />
+    )
+    screen.getByRole('search')
+    screen.getByRole('textbox', { name: /search in all projects/i })
+  })
+
+  it('calls clear text when clear button is clicked', function () {
+    const filter: Filter = 'all'
+    const selectedTag = undefined
+    const setInputValueMock = sinon.stub()
+    render(
+      <SearchForm
+        inputValue="abc"
+        setInputValue={setInputValueMock}
+        filter={filter}
+        selectedTag={selectedTag}
+      />
+    )
+
+    const input = screen.getByRole<HTMLInputElement>('textbox', {
+      name: /search in all projects/i,
+    })
+
+    expect(input.value).to.equal('abc')
+
+    const clearBtn = screen.getByRole('button', { name: 'clear search' })
+    fireEvent.click(clearBtn)
+
+    expect(setInputValueMock).to.be.calledWith('')
+  })
+
+  it('changes text', function () {
+    const setInputValueMock = sinon.stub()
+
+    const filter: Filter = 'all'
+    const selectedTag = undefined
+
+    render(
+      <SearchForm
+        inputValue=""
+        setInputValue={setInputValueMock}
+        filter={filter}
+        selectedTag={selectedTag}
+      />
+    )
+    const input = screen.getByRole('textbox', {
+      name: /search in all projects/i,
+    })
+    const value = 'abc'
+
+    fireEvent.change(input, { target: { value } })
+
+    expect(sendMBSpy).to.have.been.calledOnce
+    expect(sendMBSpy).to.have.been.calledWith('project-list-page-interaction', {
+      action: 'search',
+      page: '/',
+      isSmallDevice: true,
+    })
+    expect(setInputValueMock).to.be.calledWith(value)
+  })
+
+  type TestCase = {
+    filter: Filter
+    selectedTag: Tag | undefined
+    expectedText: string
+  }
+
+  const placeholderTestCases: Array<TestCase> = [
+    // Filter, without tag
+    {
+      filter: 'all',
+      selectedTag: undefined,
+      expectedText: 'search in all projects',
+    },
+    {
+      filter: 'owned',
+      selectedTag: undefined,
+      expectedText: 'search in your projects',
+    },
+    {
+      filter: 'shared',
+      selectedTag: undefined,
+      expectedText: 'search in projects shared with you',
+    },
+    {
+      filter: 'archived',
+      selectedTag: undefined,
+      expectedText: 'search in archived projects',
+    },
+    {
+      filter: 'trashed',
+      selectedTag: undefined,
+      expectedText: 'search in trashed projects',
+    },
+    // Tags
+    {
+      filter: 'all',
+      selectedTag: { _id: '', user_id: '', name: 'sometag' },
+      expectedText: 'search sometag',
+    },
+    {
+      filter: 'shared',
+      selectedTag: { _id: '', user_id: '', name: 'othertag' },
+      expectedText: 'search othertag',
+    },
+  ]
+
+  for (const testCase of placeholderTestCases) {
+    it(`renders placeholder text for filter:${testCase.filter}, tag:${testCase?.selectedTag?.name}`, function () {
+      render(
+        <SearchForm
+          inputValue=""
+          setInputValue={() => {}}
+          filter={testCase.filter}
+          selectedTag={testCase.selectedTag}
+        />
+      )
+      screen.getByRole('search')
+      screen.getByRole('textbox', {
+        name: new RegExp(testCase.expectedText, 'i'),
+      })
+    })
+  }
+})
diff --git a/services/web/test/frontend/features/project-list/components/sidebar/add-affiliation.test.tsx b/services/web/test/frontend/features/project-list/components/sidebar/add-affiliation.test.tsx
new file mode 100644
index 0000000..852c069
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/sidebar/add-affiliation.test.tsx
@@ -0,0 +1,77 @@
+import { screen, waitFor } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import { renderWithProjectListContext } from '../../helpers/render-with-context'
+import AddAffiliation from '../../../../../../frontend/js/features/project-list/components/add-affiliation'
+import { Affiliation } from '../../../../../../types/affiliation'
+import getMeta from '@/utils/meta'
+
+describe('Add affiliation widget', function () {
+  const validateNonExistence = () => {
+    expect(screen.queryByText(/are you affiliated with an institution/i)).to.be
+      .null
+    expect(screen.queryByRole('link', { name: /add affiliation/i })).to.be.null
+  }
+
+  beforeEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('renders the component', async function () {
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: true })
+    window.metaAttributesCache.set('ol-userAffiliations', [])
+
+    renderWithProjectListContext(<AddAffiliation />)
+
+    await fetchMock.callHistory.flush(true)
+    await waitFor(() => expect(fetchMock.callHistory.called('/api/project')))
+
+    screen.getByText(/are you affiliated with an institution/i)
+    const addAffiliationLink = screen.getByRole('button', {
+      name: /add affiliation/i,
+    })
+    expect(addAffiliationLink.getAttribute('href')).to.equal('/user/settings')
+  })
+
+  it('does not render when `isOverleaf` is `false`', async function () {
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: false })
+    window.metaAttributesCache.set('ol-userAffiliations', [])
+
+    renderWithProjectListContext(<AddAffiliation />)
+
+    await fetchMock.callHistory.flush(true)
+    await waitFor(() => expect(fetchMock.callHistory.called('/api/project')))
+
+    validateNonExistence()
+  })
+
+  it('does not render when there no projects', async function () {
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: true })
+    window.metaAttributesCache.set('ol-userAffiliations', [])
+
+    renderWithProjectListContext(<AddAffiliation />, {
+      projects: [],
+    })
+
+    await fetchMock.callHistory.flush(true)
+    await waitFor(() => expect(fetchMock.callHistory.called('/api/project')))
+
+    validateNonExistence()
+  })
+
+  it('does not render when there are affiliations', async function () {
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: true })
+    window.metaAttributesCache.set('ol-userAffiliations', [{} as Affiliation])
+
+    renderWithProjectListContext(<AddAffiliation />)
+
+    await fetchMock.callHistory.flush(true)
+    await waitFor(() => expect(fetchMock.callHistory.called('/api/project')))
+
+    validateNonExistence()
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/sidebar/tags-list.test.tsx b/services/web/test/frontend/features/project-list/components/sidebar/tags-list.test.tsx
new file mode 100644
index 0000000..199319a
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/sidebar/tags-list.test.tsx
@@ -0,0 +1,311 @@
+import { fireEvent, screen, waitFor, within } from '@testing-library/react'
+import { assert, expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import TagsList from '../../../../../../frontend/js/features/project-list/components/sidebar/tags-list'
+import { projectsData } from '../../fixtures/projects-data'
+import { renderWithProjectListContext } from '../../helpers/render-with-context'
+
+describe('<TagsList />', function () {
+  beforeEach(async function () {
+    global.localStorage.clear()
+    window.metaAttributesCache.set('ol-tags', [
+      {
+        _id: 'abc123def456',
+        name: 'Tag 1',
+        project_ids: [projectsData[0].id],
+      },
+      {
+        _id: 'bcd234efg567',
+        name: 'Another tag',
+        project_ids: [projectsData[0].id, projectsData[1].id],
+      },
+    ])
+    window.metaAttributesCache.set('ol-ExposedSettings', { isOverleaf: true })
+
+    fetchMock.post('/tag', {
+      _id: 'eee888eee888',
+      name: 'New Tag',
+      project_ids: [],
+    })
+    fetchMock.post('express:/tag/:tagId/projects', 200)
+    fetchMock.post('express:/tag/:tagId/edit', 200)
+    fetchMock.delete('express:/tag/:tagId', 200, { name: 'delete tag' })
+
+    renderWithProjectListContext(<TagsList />)
+
+    await fetchMock.callHistory.flush(true)
+    await waitFor(() => expect(fetchMock.callHistory.called('/api/project')))
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('displays the tags list', function () {
+    const header = screen.getByTestId('organize-projects')
+    expect(header.textContent).to.equal('Organize Tags')
+
+    screen.getByRole('button', {
+      name: 'New Tag',
+    })
+    screen.getByRole('button', {
+      name: 'Tag 1 (1)',
+    })
+    screen.getByRole('button', {
+      name: 'Another tag (2)',
+    })
+    screen.getByRole('button', {
+      name: 'Uncategorized (3)',
+    })
+  })
+
+  it('selects the tag when clicked', async function () {
+    const tag1Button = screen.getByText('Tag 1')
+    assert.isFalse(tag1Button.closest('li')?.classList.contains('active'))
+
+    await fireEvent.click(tag1Button)
+    assert.isTrue(tag1Button.closest('li')?.classList.contains('active'))
+  })
+
+  it('selects uncategorized when clicked', function () {
+    const uncategorizedButton = screen.getByText('Uncategorized')
+    assert.isFalse(
+      uncategorizedButton.closest('li')?.classList.contains('active')
+    )
+
+    fireEvent.click(uncategorizedButton)
+    assert.isTrue(
+      uncategorizedButton.closest('li')?.classList.contains('active')
+    )
+  })
+
+  describe('Create modal', function () {
+    beforeEach(async function () {
+      const newTagButton = screen.getByRole('button', {
+        name: 'New Tag',
+      })
+
+      await fireEvent.click(newTagButton)
+    })
+
+    it('modal is open', async function () {
+      const modal = screen.getAllByRole('dialog', { hidden: false })[0]
+      within(modal).getByRole('heading', { name: 'Create new tag' })
+    })
+
+    it('click on cancel closes the modal', async function () {
+      const modal = screen.getAllByRole('dialog', { hidden: false })[0]
+      const cancelButton = within(modal).getByRole('button', { name: 'Cancel' })
+
+      await fireEvent.click(cancelButton)
+      expect(screen.queryByRole('dialog', { hidden: false })).to.be.null
+    })
+
+    it('Create button is disabled when input is empty', async function () {
+      const modal = screen.getAllByRole('dialog', { hidden: false })[0]
+      const createButton = within(modal).getByRole('button', { name: 'Create' })
+
+      expect(createButton.hasAttribute('disabled')).to.be.true
+    })
+
+    it('Create button is disabled with error message when tag name is too long', async function () {
+      const modal = screen.getAllByRole('dialog', { hidden: false })[0]
+      const input = within(modal).getByRole('textbox')
+      fireEvent.change(input, {
+        target: {
+          value: 'This is a very very very very very very long tag name',
+        },
+      })
+
+      const createButton = within(modal).getByRole('button', { name: 'Create' })
+      expect(createButton.hasAttribute('disabled')).to.be.true
+      screen.getByText('Tag name cannot exceed 50 characters')
+    })
+
+    it('Create button is disabled with error message when tag name is already used', async function () {
+      const modal = screen.getAllByRole('dialog', { hidden: false })[0]
+      const input = within(modal).getByRole('textbox')
+      fireEvent.change(input, {
+        target: {
+          value: 'Tag 1',
+        },
+      })
+
+      const createButton = within(modal).getByRole('button', { name: 'Create' })
+      expect(createButton.hasAttribute('disabled')).to.be.true
+      screen.getByText('Tag "Tag 1" already exists')
+    })
+
+    it('filling the input and clicking Create sends a request', async function () {
+      const modal = screen.getAllByRole('dialog', { hidden: false })[0]
+      const input = within(modal).getByRole('textbox')
+      fireEvent.change(input, { target: { value: 'New Tag' } })
+
+      const createButton = within(modal).getByRole('button', { name: 'Create' })
+      expect(createButton.hasAttribute('disabled')).to.be.false
+
+      await fireEvent.click(createButton)
+
+      await waitFor(
+        () => expect(fetchMock.callHistory.called(`/tag`)).to.be.true
+      )
+
+      expect(screen.queryByRole('dialog', { hidden: false })).to.be.null
+
+      screen.getByRole('button', {
+        name: 'New Tag (0)',
+      })
+    })
+  })
+
+  describe('Edit modal', function () {
+    beforeEach(async function () {
+      const tag1Button = screen.getByText('Tag 1')
+      const dropdownToggle = within(
+        tag1Button.closest('li') as HTMLElement
+      ).getByTestId('tag-dropdown-toggle')
+      await fireEvent.click(dropdownToggle)
+      const editMenuItem = await screen.findByRole('menuitem', { name: 'Edit' })
+      await fireEvent.click(editMenuItem)
+    })
+
+    it('modal is open', async function () {
+      const modal = screen.getAllByRole('dialog', { hidden: false })[0]
+      within(modal).getByRole('heading', { name: 'Edit Tag' })
+    })
+
+    it('click on cancel closes the modal', async function () {
+      const modal = screen.getAllByRole('dialog', { hidden: false })[0]
+      const cancelButton = within(modal).getByRole('button', { name: 'Cancel' })
+
+      await fireEvent.click(cancelButton)
+      expect(screen.queryByRole('dialog', { hidden: false })).to.be.null
+    })
+
+    it('Save button is disabled when input is empty', async function () {
+      const modal = screen.getAllByRole('dialog', { hidden: false })[0]
+      const input = within(modal).getByRole('textbox')
+      fireEvent.change(input, {
+        target: {
+          value: '',
+        },
+      })
+      const saveButton = within(modal).getByRole('button', { name: 'Save' })
+
+      expect(saveButton.hasAttribute('disabled')).to.be.true
+    })
+
+    it('Save button is disabled with error message when tag name is too long', async function () {
+      const modal = screen.getAllByRole('dialog', { hidden: false })[0]
+      const input = within(modal).getByRole('textbox')
+      fireEvent.change(input, {
+        target: {
+          value: 'This is a very very very very very very long tag name',
+        },
+      })
+
+      const saveButton = within(modal).getByRole('button', { name: 'Save' })
+      expect(saveButton.hasAttribute('disabled')).to.be.true
+      screen.getByText('Tag name cannot exceed 50 characters')
+    })
+
+    it('Save button is disabled with no error message when tag name is unchanged', async function () {
+      const modal = screen.getAllByRole('dialog', { hidden: false })[0]
+      const saveButton = within(modal).getByRole('button', { name: 'Save' })
+      expect(saveButton.hasAttribute('disabled')).to.be.true
+    })
+
+    it('Save button is disabled with error message when tag name is already used', async function () {
+      const modal = screen.getAllByRole('dialog', { hidden: false })[0]
+      const input = within(modal).getByRole('textbox')
+      fireEvent.change(input, {
+        target: {
+          value: 'Another tag',
+        },
+      })
+
+      const saveButton = within(modal).getByRole('button', { name: 'Save' })
+      expect(saveButton.hasAttribute('disabled')).to.be.true
+      screen.getByText('Tag "Another tag" already exists')
+    })
+
+    it('filling the input and clicking Save sends a request', async function () {
+      const modal = screen.getAllByRole('dialog', { hidden: false })[0]
+      const input = within(modal).getByRole('textbox')
+      fireEvent.change(input, { target: { value: 'New Tag Name' } })
+
+      const saveButton = within(modal).getByRole('button', { name: 'Save' })
+      expect(saveButton.hasAttribute('disabled')).to.be.false
+
+      await fireEvent.click(saveButton)
+
+      await waitFor(() =>
+        expect(fetchMock.callHistory.called(`/tag/abc123def456/rename`))
+      )
+
+      expect(screen.queryByRole('dialog', { hidden: false })).to.be.null
+
+      screen.getByRole('button', {
+        name: 'New Tag Name (1)',
+      })
+    })
+  })
+
+  describe('Delete modal', function () {
+    beforeEach(async function () {
+      const tag1Button = screen.getByText('Tag 1')
+      const dropdownToggle = within(
+        tag1Button.closest('li') as HTMLElement
+      ).getByTestId('tag-dropdown-toggle')
+      await fireEvent.click(dropdownToggle)
+      const deleteMenuItem = await screen.findByRole('menuitem', {
+        name: 'Delete',
+      })
+      await fireEvent.click(deleteMenuItem)
+    })
+
+    it('modal is open', async function () {
+      const modal = screen.getAllByRole('dialog', { hidden: false })[0]
+      within(modal).getByRole('heading', { name: 'Delete Tag' })
+    })
+
+    it('click on Cancel closes the modal', async function () {
+      const modal = screen.getAllByRole('dialog', { hidden: false })[0]
+      const cancelButton = within(modal).getByRole('button', { name: 'Cancel' })
+
+      await fireEvent.click(cancelButton)
+      expect(screen.queryByRole('dialog', { hidden: false })).to.be.null
+    })
+
+    it('clicking Delete sends a request', async function () {
+      const modal = screen.getAllByRole('dialog', { hidden: false })[0]
+      const deleteButton = within(modal).getByRole('button', { name: 'Delete' })
+      await fireEvent.click(deleteButton)
+
+      await waitFor(() =>
+        expect(fetchMock.callHistory.called(`/tag/bcd234efg567`))
+      )
+
+      expect(screen.queryByRole('dialog', { hidden: false })).to.be.null
+      expect(
+        screen.queryByRole('button', {
+          name: 'Another Tag (2)',
+        })
+      ).to.be.null
+    })
+
+    it('a failed request displays an error message', async function () {
+      fetchMock.modifyRoute('delete tag', { response: { status: 500 } })
+
+      const modal = screen.getAllByRole('dialog', { hidden: false })[0]
+      const deleteButton = within(modal).getByRole('button', { name: 'Delete' })
+      await fireEvent.click(deleteButton)
+
+      await waitFor(() =>
+        expect(fetchMock.callHistory.called(`/tag/bcd234efg567`))
+      )
+
+      within(modal).getByText('Sorry, something went wrong')
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/survey-widget.test.tsx b/services/web/test/frontend/features/project-list/components/survey-widget.test.tsx
new file mode 100644
index 0000000..bd6aeb6
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/survey-widget.test.tsx
@@ -0,0 +1,105 @@
+import { expect } from 'chai'
+import { fireEvent, render, screen } from '@testing-library/react'
+import { SurveyWidgetDsNav } from '../../../../../frontend/js/features/project-list/components/survey-widget-ds-nav'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+
+describe('<SurveyWidgetDsNav />', function () {
+  beforeEach(function () {
+    this.name = 'my-survey'
+    this.preText = 'To help shape the future of Overleaf'
+    this.linkText = 'Click here!'
+    this.url = 'https://example.com/my-survey'
+
+    localStorage.clear()
+  })
+
+  describe('survey widget is visible', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set('ol-survey', {
+        name: this.name,
+        preText: this.preText,
+        linkText: this.linkText,
+        url: this.url,
+      })
+
+      render(
+        <SplitTestProvider>
+          <SurveyWidgetDsNav />
+        </SplitTestProvider>
+      )
+    })
+
+    it('shows text and link', function () {
+      const dismissed = localStorage.getItem('dismissed-my-survey')
+      expect(dismissed).to.equal(null)
+
+      screen.getByText(this.preText)
+      screen.getByText(this.linkText)
+
+      const link = screen.getByRole('button', {
+        name: 'Take survey',
+      }) as HTMLAnchorElement
+      expect(link.href).to.equal(this.url)
+    })
+
+    it('it is dismissed on click on the dismiss button', function () {
+      const dismissButton = screen.getByRole('button', {
+        name: 'Close',
+      })
+      fireEvent.click(dismissButton)
+
+      const text = screen.queryByText(this.preText)
+      expect(text).to.be.null
+
+      const link = screen.queryByRole('button')
+      expect(link).to.be.null
+
+      const dismissed = localStorage.getItem('dismissed-my-survey')
+      expect(dismissed).to.equal('true')
+    })
+  })
+
+  describe('survey widget is not shown when already dismissed', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set('ol-survey', {
+        name: this.name,
+        preText: this.preText,
+        linkText: this.linkText,
+        url: this.url,
+      })
+      localStorage.setItem('dismissed-my-survey', 'true')
+
+      render(
+        <SplitTestProvider>
+          <SurveyWidgetDsNav />
+        </SplitTestProvider>
+      )
+    })
+
+    it('nothing is displayed', function () {
+      const text = screen.queryByText(this.preText)
+      expect(text).to.be.null
+
+      const link = screen.queryByRole('button')
+      expect(link).to.be.null
+    })
+  })
+
+  describe('survey widget is not shown when no survey is configured', function () {
+    beforeEach(function () {
+      render(
+        <SplitTestProvider>
+          <SurveyWidgetDsNav />
+        </SplitTestProvider>
+      )
+    })
+
+    it('nothing is displayed', function () {
+      const text = screen.queryByText(this.preText)
+      expect(text).to.be.null
+
+      const link = screen.queryByRole('button')
+      expect(link).to.be.null
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/system-messages.test.tsx b/services/web/test/frontend/features/project-list/components/system-messages.test.tsx
new file mode 100644
index 0000000..0433ebc
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/system-messages.test.tsx
@@ -0,0 +1,84 @@
+import { expect } from 'chai'
+import { render, screen, fireEvent } from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+import SystemMessages from '@/shared/components/system-messages'
+
+describe('<SystemMessages />', function () {
+  beforeEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+    localStorage.clear()
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+    localStorage.clear()
+  })
+
+  it('renders non-dismissable system message', async function () {
+    const data = {
+      _id: 'protected',
+      content: 'Random content',
+    }
+    fetchMock.get(/\/system\/messages/, [data])
+    render(<SystemMessages />)
+
+    await fetchMock.callHistory.flush(true)
+
+    screen.getByText(data.content)
+    expect(screen.queryByRole('button', { name: /close/i })).to.be.null
+  })
+
+  it('renders and closes dismissable system message', async function () {
+    const data = {
+      _id: 1,
+      content: 'Random content',
+    }
+    fetchMock.get(/\/system\/messages/, [data])
+    render(<SystemMessages />)
+
+    await fetchMock.callHistory.flush(true)
+
+    screen.getByText(data.content)
+    const closeBtn = screen.getByRole('button', { name: /close/i })
+    fireEvent.click(closeBtn)
+
+    expect(screen.queryByText(data.content)).to.be.null
+
+    const dismissed = localStorage.getItem(`systemMessage.hide.${data._id}`)
+    expect(dismissed).to.equal('true')
+  })
+
+  it('renders and closes translation message', async function () {
+    const data = {
+      url: '/dev/null',
+      lngName: 'German',
+      imgUrl: 'https://flagcdn.com/w40/de.png',
+    }
+    const currentUrl = '/project'
+    fetchMock.get(/\/system\/messages/, [])
+    window.metaAttributesCache.set('ol-suggestedLanguage', data)
+    window.metaAttributesCache.set('ol-currentUrl', currentUrl)
+    render(<SystemMessages />)
+
+    await fetchMock.callHistory.flush(true)
+
+    const link = screen.getByRole('link', { name: /click here/i })
+    expect(link.getAttribute('href')).to.equal(`${data.url}${currentUrl}`)
+
+    const flag = screen.getByRole('img', { hidden: true })
+    expect(flag.getAttribute('src')).to.equal(data.imgUrl)
+
+    const closeBtn = screen.getByRole('button', { name: /close/i })
+    fireEvent.click(closeBtn)
+
+    expect(
+      screen.queryByRole('link', {
+        name: `Click here to use Overleaf in ${data.lngName}`,
+      })
+    ).to.be.null
+    expect(screen.queryByRole('img')).to.be.null
+
+    const dismissed = localStorage.getItem('hide-i18n-notification')
+    expect(dismissed).to.equal('true')
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/archive-project-button.test.tsx b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/archive-project-button.test.tsx
new file mode 100644
index 0000000..216f08a
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/archive-project-button.test.tsx
@@ -0,0 +1,77 @@
+import { expect } from 'chai'
+import { fireEvent, screen, waitFor } from '@testing-library/react'
+import { ArchiveProjectButtonTooltip } from '../../../../../../../../frontend/js/features/project-list/components/table/cells/action-buttons/archive-project-button'
+import {
+  archiveableProject,
+  archivedProject,
+} from '../../../../fixtures/projects-data'
+import fetchMock from 'fetch-mock'
+import {
+  resetProjectListContextFetch,
+  renderWithProjectListContext,
+} from '../../../../helpers/render-with-context'
+
+describe('<ArchiveProjectButton />', function () {
+  afterEach(function () {
+    resetProjectListContextFetch()
+  })
+
+  it('renders tooltip for button', async function () {
+    renderWithProjectListContext(
+      <ArchiveProjectButtonTooltip project={archiveableProject} />
+    )
+    const btn = screen.getByRole('button', { name: 'Archive' })
+    fireEvent.mouseOver(btn)
+    await screen.findByRole('tooltip', { name: 'Archive' })
+  })
+
+  it('opens the modal when clicked', function () {
+    renderWithProjectListContext(
+      <ArchiveProjectButtonTooltip project={archiveableProject} />
+    )
+    const btn = screen.getByRole('button', { name: 'Archive' })
+    fireEvent.click(btn)
+    screen.getByText('Archive Projects')
+    screen.getByText(archiveableProject.name)
+  })
+
+  it('does not render the button when already archived', function () {
+    renderWithProjectListContext(
+      <ArchiveProjectButtonTooltip project={archivedProject} />
+    )
+    expect(screen.queryByRole('button', { name: 'Archive' })).to.be.null
+  })
+
+  it('should archive the projects', async function () {
+    const project = Object.assign({}, archiveableProject)
+    const archiveProjectMock = fetchMock.post(
+      `express:/project/:projectId/archive`,
+      {
+        status: 200,
+      },
+      { delay: 0 }
+    )
+    renderWithProjectListContext(
+      <ArchiveProjectButtonTooltip project={project} />
+    )
+    const btn = screen.getByRole('button', { name: 'Archive' })
+    fireEvent.click(btn)
+    screen.getByText('Archive Projects')
+    screen.getByText('You are about to archive the following projects:')
+    screen.getByText('Archiving projects won’t affect your collaborators.')
+    const confirmBtn = screen.getByRole('button', {
+      name: 'Confirm',
+    }) as HTMLButtonElement
+    fireEvent.click(confirmBtn)
+    expect(confirmBtn.disabled).to.be.true
+
+    await waitFor(
+      () =>
+        expect(
+          archiveProjectMock.callHistory.called(
+            `/project/${project.id}/archive`
+          )
+        ).to.be.true
+    )
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/compile-and-download-project-pdf-button.test.tsx b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/compile-and-download-project-pdf-button.test.tsx
new file mode 100644
index 0000000..86bbf54
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/compile-and-download-project-pdf-button.test.tsx
@@ -0,0 +1,93 @@
+import { expect } from 'chai'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import sinon from 'sinon'
+import { projectsData } from '../../../../fixtures/projects-data'
+import * as useLocationModule from '../../../../../../../../frontend/js/shared/hooks/use-location'
+import { CompileAndDownloadProjectPDFButtonTooltip } from '../../../../../../../../frontend/js/features/project-list/components/table/cells/action-buttons/compile-and-download-project-pdf-button'
+import fetchMock from 'fetch-mock'
+import * as eventTracking from '@/infrastructure/event-tracking'
+
+describe('<CompileAndDownloadProjectPDFButton />', function () {
+  let assignStub: sinon.SinonStub
+  let locationStub: sinon.SinonStub
+  let sendMBSpy: sinon.SinonSpy
+
+  beforeEach(function () {
+    sendMBSpy = sinon.spy(eventTracking, 'sendMB')
+    assignStub = sinon.stub()
+    locationStub = sinon.stub(useLocationModule, 'useLocation').returns({
+      assign: assignStub,
+      replace: sinon.stub(),
+      reload: sinon.stub(),
+      setHash: sinon.stub(),
+    })
+    render(
+      <CompileAndDownloadProjectPDFButtonTooltip project={projectsData[0]} />
+    )
+  })
+
+  afterEach(function () {
+    locationStub.restore()
+    fetchMock.removeRoutes().clearHistory()
+    sendMBSpy.restore()
+  })
+
+  it('renders tooltip for button', async function () {
+    const btn = screen.getByRole('button', { name: 'Download PDF' })
+    fireEvent.mouseOver(btn)
+    await screen.findByRole('tooltip', { name: 'Download PDF' })
+  })
+
+  it('downloads the project PDF when clicked', async function () {
+    fetchMock.post(
+      `/project/${projectsData[0].id}/compile`,
+      {
+        status: 'success',
+        compileGroup: 'standard',
+        clsiServerId: 'server-1',
+        outputFiles: [{ path: 'output.pdf', build: '123-321' }],
+      },
+      { delay: 10 }
+    )
+
+    const btn = screen.getByRole('button', { name: 'Download PDF' })
+    fireEvent.click(btn)
+
+    await waitFor(() => {
+      screen.getByRole('button', { name: 'Compiling…' })
+    })
+
+    await waitFor(() => {
+      expect(assignStub).to.have.been.called
+    })
+
+    expect(assignStub).to.have.been.calledOnce
+    expect(assignStub).to.have.been.calledWith(
+      `/download/project/${projectsData[0].id}/build/123-321/output/output.pdf?compileGroup=standard&popupDownload=true&clsiserverid=server-1`
+    )
+
+    expect(sendMBSpy).to.have.been.calledOnce
+    expect(sendMBSpy).to.have.been.calledWith('project-list-page-interaction', {
+      action: 'downloadPDF',
+      page: '/',
+      projectId: projectsData[0].id,
+      isSmallDevice: true,
+    })
+  })
+
+  it('displays a modal when the compile failed', async function () {
+    fetchMock.post(`/project/${projectsData[0].id}/compile`, {
+      status: 'failure',
+    })
+
+    const btn = screen.getByRole('button', {
+      name: 'Download PDF',
+    }) as HTMLButtonElement
+    fireEvent.click(btn)
+
+    await waitFor(() => {
+      screen.getByText(`${projectsData[0].name}: PDF unavailable for download`)
+    })
+    expect(assignStub).to.have.not.been.called
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/copy-project-button.test.tsx b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/copy-project-button.test.tsx
new file mode 100644
index 0000000..37c38d1
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/copy-project-button.test.tsx
@@ -0,0 +1,76 @@
+import { expect } from 'chai'
+import { fireEvent, screen, waitFor } from '@testing-library/react'
+import { CopyProjectButtonTooltip } from '../../../../../../../../frontend/js/features/project-list/components/table/cells/action-buttons/copy-project-button'
+import {
+  archivedProject,
+  copyableProject,
+  trashedProject,
+} from '../../../../fixtures/projects-data'
+import {
+  renderWithProjectListContext,
+  resetProjectListContextFetch,
+} from '../../../../helpers/render-with-context'
+import fetchMock from 'fetch-mock'
+
+describe('<CopyProjectButton />', function () {
+  afterEach(function () {
+    resetProjectListContextFetch()
+  })
+
+  it('renders tooltip for button', async function () {
+    renderWithProjectListContext(
+      <CopyProjectButtonTooltip project={copyableProject} />
+    )
+    const btn = screen.getByRole('button', { name: 'Copy' })
+    fireEvent.mouseOver(btn)
+    await screen.findByRole('tooltip', { name: 'Copy' })
+  })
+
+  it('does not render the button when project is archived', function () {
+    renderWithProjectListContext(
+      <CopyProjectButtonTooltip project={archivedProject} />
+    )
+    expect(screen.queryByRole('button', { name: 'Copy' })).to.be.null
+  })
+
+  it('does not render the button when project is trashed', function () {
+    renderWithProjectListContext(
+      <CopyProjectButtonTooltip project={trashedProject} />
+    )
+    expect(screen.queryByRole('button', { name: 'Copy' })).to.be.null
+  })
+
+  it('opens the modal and copies the project', async function () {
+    const copyProjectMock = fetchMock.post(
+      `express:/project/:projectId/clone`,
+      {
+        status: 200,
+      },
+      { delay: 0 }
+    )
+    renderWithProjectListContext(
+      <CopyProjectButtonTooltip project={copyableProject} />
+    )
+
+    const btn = screen.getByRole('button', { name: 'Copy' })
+
+    fireEvent.click(btn)
+    screen.getByText('Copy Project')
+    screen.getByLabelText('New Name')
+    screen.getByDisplayValue(`${copyableProject.name} (Copy)`)
+    const copyBtn = screen.getAllByRole<HTMLButtonElement>('button', {
+      name: 'Copy',
+    })[1]
+    fireEvent.click(copyBtn)
+    expect(copyBtn.disabled).to.be.true
+
+    await waitFor(
+      () =>
+        expect(
+          copyProjectMock.callHistory.called(
+            `/project/${copyableProject.id}/clone`
+          )
+        ).to.be.true
+    )
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/delete-project-button.test.tsx b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/delete-project-button.test.tsx
new file mode 100644
index 0000000..1f51d4b
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/delete-project-button.test.tsx
@@ -0,0 +1,76 @@
+import { expect } from 'chai'
+import { fireEvent, screen, waitFor } from '@testing-library/react'
+import { DeleteProjectButtonTooltip } from '../../../../../../../../frontend/js/features/project-list/components/table/cells/action-buttons/delete-project-button'
+import {
+  archiveableProject,
+  trashedAndNotOwnedProject,
+  trashedProject,
+} from '../../../../fixtures/projects-data'
+import fetchMock from 'fetch-mock'
+import {
+  renderWithProjectListContext,
+  resetProjectListContextFetch,
+} from '../../../../helpers/render-with-context'
+
+describe('<DeleteProjectButton />', function () {
+  afterEach(function () {
+    resetProjectListContextFetch()
+  })
+
+  it('renders tooltip for button', async function () {
+    window.metaAttributesCache.set('ol-user_id', trashedProject.owner?.id)
+    renderWithProjectListContext(
+      <DeleteProjectButtonTooltip project={trashedProject} />
+    )
+    const btn = screen.getByRole('button', { name: 'Delete' })
+    fireEvent.mouseOver(btn)
+    await screen.findByRole('tooltip', { name: 'Delete' })
+  })
+
+  it('does not render button when trashed and not owner', function () {
+    window.metaAttributesCache.set('ol-user_id', '123abc')
+    renderWithProjectListContext(
+      <DeleteProjectButtonTooltip project={trashedAndNotOwnedProject} />
+    )
+    const btn = screen.queryByRole('button', { name: 'Delete' })
+    expect(btn).to.be.null
+  })
+
+  it('does not render the button when project is current', function () {
+    renderWithProjectListContext(
+      <DeleteProjectButtonTooltip project={archiveableProject} />
+    )
+    expect(screen.queryByRole('button', { name: 'Delete' })).to.be.null
+  })
+
+  it('opens the modal and deletes the project', async function () {
+    window.metaAttributesCache.set('ol-user_id', trashedProject.owner?.id)
+    const project = Object.assign({}, trashedProject)
+    const deleteProjectMock = fetchMock.delete(
+      `express:/project/:projectId`,
+      {
+        status: 200,
+      },
+      { delay: 0 }
+    )
+    renderWithProjectListContext(
+      <DeleteProjectButtonTooltip project={project} />
+    )
+    const btn = screen.getByRole('button', { name: 'Delete' })
+    fireEvent.click(btn)
+    screen.getByText('Delete Projects')
+    screen.getByText('You are about to delete the following projects:')
+    screen.getByText('This action cannot be undone.')
+    const confirmBtn = screen.getByRole('button', {
+      name: 'Confirm',
+    }) as HTMLButtonElement
+    fireEvent.click(confirmBtn)
+    expect(confirmBtn.disabled).to.be.true
+
+    await waitFor(
+      () =>
+        expect(deleteProjectMock.callHistory.called(`/project/${project.id}`))
+          .to.be.true
+    )
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/download-project-button.test.tsx b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/download-project-button.test.tsx
new file mode 100644
index 0000000..89e215c
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/download-project-button.test.tsx
@@ -0,0 +1,49 @@
+import { expect } from 'chai'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import sinon from 'sinon'
+import { DownloadProjectButtonTooltip } from '../../../../../../../../frontend/js/features/project-list/components/table/cells/action-buttons/download-project-button'
+import { projectsData } from '../../../../fixtures/projects-data'
+import * as useLocationModule from '../../../../../../../../frontend/js/shared/hooks/use-location'
+
+describe('<DownloadProjectButton />', function () {
+  let assignStub: sinon.SinonStub
+
+  beforeEach(function () {
+    assignStub = sinon.stub()
+    this.locationStub = sinon.stub(useLocationModule, 'useLocation').returns({
+      assign: assignStub,
+      replace: sinon.stub(),
+      reload: sinon.stub(),
+      setHash: sinon.stub(),
+    })
+    render(<DownloadProjectButtonTooltip project={projectsData[0]} />)
+  })
+
+  afterEach(function () {
+    this.locationStub.restore()
+  })
+
+  it('renders tooltip for button', async function () {
+    const btn = screen.getByRole('button', { name: 'Download .zip file' })
+    fireEvent.mouseOver(btn)
+    await screen.findByRole('tooltip', { name: 'Download .zip file' })
+  })
+
+  it('downloads the project when clicked', async function () {
+    const btn = screen.getByRole('button', {
+      name: 'Download .zip file',
+    }) as HTMLButtonElement
+    fireEvent.click(btn)
+
+    await waitFor(() => {
+      expect(assignStub).to.have.been.called
+    })
+
+    sinon.assert.calledOnce(assignStub)
+
+    sinon.assert.calledWithMatch(
+      assignStub,
+      `/project/${projectsData[0].id}/download/zip`
+    )
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/leave-project-button.test.tsx b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/leave-project-button.test.tsx
new file mode 100644
index 0000000..ef0fc52
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/leave-project-button.test.tsx
@@ -0,0 +1,83 @@
+import { expect } from 'chai'
+import { fireEvent, screen, waitFor } from '@testing-library/react'
+import { LeaveProjectButtonTooltip } from '../../../../../../../../frontend/js/features/project-list/components/table/cells/action-buttons/leave-project-button'
+import {
+  trashedProject,
+  trashedAndNotOwnedProject,
+  archivedProject,
+  archiveableProject,
+} from '../../../../fixtures/projects-data'
+import fetchMock from 'fetch-mock'
+import {
+  renderWithProjectListContext,
+  resetProjectListContextFetch,
+} from '../../../../helpers/render-with-context'
+
+describe('<LeaveProjectButtton />', function () {
+  afterEach(function () {
+    resetProjectListContextFetch()
+  })
+
+  it('renders tooltip for button', async function () {
+    renderWithProjectListContext(
+      <LeaveProjectButtonTooltip project={trashedAndNotOwnedProject} />
+    )
+    const btn = screen.getByRole('button', { name: 'Leave' })
+    fireEvent.mouseOver(btn)
+    await screen.findByRole('tooltip', { name: 'Leave' })
+  })
+
+  it('does not render button when owner', function () {
+    window.metaAttributesCache.set('ol-user_id', trashedProject.owner?.id)
+    renderWithProjectListContext(
+      <LeaveProjectButtonTooltip project={trashedProject} />
+    )
+    const btn = screen.queryByRole('button', { name: 'Leave' })
+    expect(btn).to.be.null
+  })
+
+  it('does not render the button when project is archived', function () {
+    renderWithProjectListContext(
+      <LeaveProjectButtonTooltip project={archivedProject} />
+    )
+    expect(screen.queryByRole('button', { name: 'Leave' })).to.be.null
+  })
+
+  it('does not render the button when project is current', function () {
+    renderWithProjectListContext(
+      <LeaveProjectButtonTooltip project={archiveableProject} />
+    )
+    expect(screen.queryByRole('button', { name: 'Leave' })).to.be.null
+  })
+
+  it('opens the modal and leaves the project', async function () {
+    const project = Object.assign({}, trashedAndNotOwnedProject)
+    const leaveProjectMock = fetchMock.post(
+      `express:/project/${project.id}/leave`,
+      {
+        status: 200,
+      },
+      { delay: 0 }
+    )
+    renderWithProjectListContext(
+      <LeaveProjectButtonTooltip project={project} />
+    )
+    const btn = screen.getByRole('button', { name: 'Leave' })
+    fireEvent.click(btn)
+    screen.getByText('Leave Projects')
+    screen.getByText('You are about to leave the following projects:')
+    screen.getByText('This action cannot be undone.')
+    const confirmBtn = screen.getByRole('button', {
+      name: 'Confirm',
+    }) as HTMLButtonElement
+    fireEvent.click(confirmBtn)
+    expect(confirmBtn.disabled).to.be.true
+
+    await waitFor(
+      () =>
+        expect(
+          leaveProjectMock.callHistory.called(`/project/${project.id}/leave`)
+        ).to.be.true
+    )
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/rename-project-button.test.tsx b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/rename-project-button.test.tsx
new file mode 100644
index 0000000..b383c70
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/rename-project-button.test.tsx
@@ -0,0 +1,71 @@
+import RenameProjectButton from '@/features/project-list/components/table/cells/action-buttons/rename-project-button'
+import {
+  renderWithProjectListContext,
+  resetProjectListContextFetch,
+} from '../../../../helpers/render-with-context'
+import { ownedProject, sharedProject } from '../../../../fixtures/projects-data'
+import { Project } from '../../../../../../../../types/project/dashboard/api'
+import { fireEvent, screen, waitFor } from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+import { expect } from 'chai'
+
+// Little test jig for rendering the button
+function renderWithProject(project: Project) {
+  renderWithProjectListContext(
+    <RenameProjectButton project={project}>
+      {(text, onClick) => {
+        return <button onClick={onClick}>Rename Project Button</button>
+      }}
+    </RenameProjectButton>
+  )
+}
+
+describe('<RenameProjectButton />', function () {
+  afterEach(function () {
+    resetProjectListContextFetch()
+  })
+
+  it('opens the modal when clicked', function () {
+    renderWithProject(ownedProject)
+    const btn = screen.getByRole('button')
+    fireEvent.click(btn)
+    screen.getByText('Rename Project')
+    screen.getByDisplayValue(ownedProject.name)
+  })
+
+  it('does not render the button when already archived', function () {
+    renderWithProject(sharedProject)
+    expect(screen.queryByRole('button')).to.be.null
+  })
+
+  it('should rename the project', async function () {
+    const project = Object.assign({}, ownedProject)
+    const renameProjectMock = fetchMock.post(
+      `express:/project/:projectId/rename`,
+      {
+        status: 200,
+      },
+      { delay: 0 }
+    )
+    renderWithProject(ownedProject)
+    const btn = screen.getByRole('button')
+    fireEvent.click(btn)
+    screen.getByText('Rename Project')
+    const confirmBtn = screen.getByRole('button', {
+      name: 'Rename',
+    }) as HTMLButtonElement
+    expect(confirmBtn.disabled).to.be.true
+    const nameInput = screen.getByDisplayValue(ownedProject.name)
+    fireEvent.change(nameInput, { target: { value: 'new name' } })
+    expect(confirmBtn.disabled).to.be.false
+    fireEvent.click(confirmBtn)
+    expect(confirmBtn.disabled).to.be.true
+
+    await waitFor(
+      () =>
+        expect(
+          renameProjectMock.callHistory.called(`/project/${project.id}/rename`)
+        ).to.be.true
+    )
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/trash-project-button.test.tsx b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/trash-project-button.test.tsx
new file mode 100644
index 0000000..7b4dac0
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/trash-project-button.test.tsx
@@ -0,0 +1,65 @@
+import { expect } from 'chai'
+import { fireEvent, screen, waitFor } from '@testing-library/react'
+import { TrashProjectButtonTooltip } from '../../../../../../../../frontend/js/features/project-list/components/table/cells/action-buttons/trash-project-button'
+import {
+  archivedProject,
+  trashedProject,
+} from '../../../../fixtures/projects-data'
+import fetchMock from 'fetch-mock'
+import {
+  renderWithProjectListContext,
+  resetProjectListContextFetch,
+} from '../../../../helpers/render-with-context'
+
+describe('<TrashProjectButton />', function () {
+  afterEach(function () {
+    resetProjectListContextFetch()
+  })
+
+  it('renders tooltip for button', async function () {
+    renderWithProjectListContext(
+      <TrashProjectButtonTooltip project={archivedProject} />
+    )
+    const btn = screen.getByRole('button', { name: 'Trash' })
+    fireEvent.mouseOver(btn)
+    await screen.findByRole('tooltip', { name: 'Trash' })
+  })
+
+  it('does not render the button when project is trashed', function () {
+    renderWithProjectListContext(
+      <TrashProjectButtonTooltip project={trashedProject} />
+    )
+    expect(screen.queryByRole('button', { name: 'Trash' })).to.be.null
+  })
+
+  it('opens the modal and trashes the project', async function () {
+    const project = Object.assign({}, archivedProject)
+    const trashProjectMock = fetchMock.post(
+      `express:/project/:projectId/trash`,
+      {
+        status: 200,
+      },
+      { delay: 0 }
+    )
+    renderWithProjectListContext(
+      <TrashProjectButtonTooltip project={project} />
+    )
+    const btn = screen.getByRole('button', { name: 'Trash' })
+    fireEvent.click(btn)
+    screen.getByText('Trash Projects')
+    screen.getByText('You are about to trash the following projects:')
+    screen.getByText('Trashing projects won’t affect your collaborators.')
+    const confirmBtn = screen.getByRole('button', {
+      name: 'Confirm',
+    }) as HTMLButtonElement
+    fireEvent.click(confirmBtn)
+    expect(confirmBtn.disabled).to.be.true
+
+    await waitFor(
+      () =>
+        expect(
+          trashProjectMock.callHistory.called(`/project/${project.id}/trash`)
+        ).to.be.true
+    )
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/unarchive-project-button.test.tsx b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/unarchive-project-button.test.tsx
new file mode 100644
index 0000000..c7f6c34
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/unarchive-project-button.test.tsx
@@ -0,0 +1,67 @@
+import { expect } from 'chai'
+import { fireEvent, screen, waitFor } from '@testing-library/react'
+import { UnarchiveProjectButtonTooltip } from '../../../../../../../../frontend/js/features/project-list/components/table/cells/action-buttons/unarchive-project-button'
+import {
+  archiveableProject,
+  archivedProject,
+  trashedProject,
+} from '../../../../fixtures/projects-data'
+import fetchMock from 'fetch-mock'
+import {
+  resetProjectListContextFetch,
+  renderWithProjectListContext,
+} from '../../../../helpers/render-with-context'
+
+describe('<UnarchiveProjectButton />', function () {
+  afterEach(function () {
+    resetProjectListContextFetch()
+  })
+
+  it('renders tooltip for button', async function () {
+    renderWithProjectListContext(
+      <UnarchiveProjectButtonTooltip project={archivedProject} />
+    )
+    const btn = screen.getByRole('button', { name: 'Restore' })
+    fireEvent.mouseOver(btn)
+    await screen.findByRole('tooltip', { name: 'Restore' })
+  })
+
+  it('does not render the button when project is trashed', function () {
+    renderWithProjectListContext(
+      <UnarchiveProjectButtonTooltip project={trashedProject} />
+    )
+    expect(screen.queryByRole('button', { name: 'Restore' })).to.be.null
+  })
+
+  it('does not render the button when project is current', function () {
+    renderWithProjectListContext(
+      <UnarchiveProjectButtonTooltip project={archiveableProject} />
+    )
+    expect(screen.queryByRole('button', { name: 'Restore' })).to.be.null
+  })
+
+  it('unarchive the project and updates the view data', async function () {
+    const project = Object.assign({}, archivedProject)
+    const unarchiveProjectMock = fetchMock.delete(
+      `express:/project/:projectId/archive`,
+      {
+        status: 200,
+      },
+      { delay: 0 }
+    )
+    renderWithProjectListContext(
+      <UnarchiveProjectButtonTooltip project={project} />
+    )
+    const btn = screen.getByRole('button', { name: 'Restore' })
+    fireEvent.click(btn)
+
+    await waitFor(
+      () =>
+        expect(
+          unarchiveProjectMock.callHistory.called(
+            `/project/${project.id}/archive`
+          )
+        ).to.be.true
+    )
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/untrash-project-button.test.tsx b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/untrash-project-button.test.tsx
new file mode 100644
index 0000000..cde2987
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/cells/action-buttons/untrash-project-button.test.tsx
@@ -0,0 +1,57 @@
+import { expect } from 'chai'
+import { fireEvent, screen, waitFor } from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+import { UntrashProjectButtonTooltip } from '../../../../../../../../frontend/js/features/project-list/components/table/cells/action-buttons/untrash-project-button'
+import {
+  archiveableProject,
+  trashedProject,
+} from '../../../../fixtures/projects-data'
+import {
+  renderWithProjectListContext,
+  resetProjectListContextFetch,
+} from '../../../../helpers/render-with-context'
+
+describe('<UntrashProjectButton />', function () {
+  afterEach(function () {
+    resetProjectListContextFetch()
+  })
+
+  it('renders tooltip for button', async function () {
+    renderWithProjectListContext(
+      <UntrashProjectButtonTooltip project={trashedProject} />
+    )
+    const btn = screen.getByRole('button', { name: 'Restore' })
+    fireEvent.mouseOver(btn)
+    await screen.findByRole('tooltip', { name: 'Restore' })
+  })
+
+  it('does not render the button when project is current', function () {
+    renderWithProjectListContext(
+      <UntrashProjectButtonTooltip project={archiveableProject} />
+    )
+    expect(screen.queryByRole('button', { name: 'Restore' })).to.be.null
+  })
+
+  it('untrashes the project and updates the view data', async function () {
+    const project = Object.assign({}, trashedProject)
+    const untrashProjectMock = fetchMock.delete(
+      `express:/project/:projectId/trash`,
+      {
+        status: 200,
+      },
+      { delay: 0 }
+    )
+    renderWithProjectListContext(
+      <UntrashProjectButtonTooltip project={project} />
+    )
+    const btn = screen.getByRole('button', { name: 'Restore' })
+    fireEvent.click(btn)
+
+    await waitFor(
+      () =>
+        expect(
+          untrashProjectMock.callHistory.called(`/project/${project.id}/trash`)
+        ).to.be.true
+    )
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/cells/inline-tags.test.tsx b/services/web/test/frontend/features/project-list/components/table/cells/inline-tags.test.tsx
new file mode 100644
index 0000000..99550b4
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/cells/inline-tags.test.tsx
@@ -0,0 +1,74 @@
+import { expect } from 'chai'
+import { fireEvent, screen, waitFor } from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+import {
+  resetProjectListContextFetch,
+  renderWithProjectListContext,
+} from '../../../helpers/render-with-context'
+import InlineTags from '../../../../../../../frontend/js/features/project-list/components/table/cells/inline-tags'
+import {
+  archivedProject,
+  copyableProject,
+} from '../../../fixtures/projects-data'
+
+describe('<InlineTags />', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-tags', [
+      {
+        _id: '789fff789fff',
+        name: 'My Test Tag',
+        project_ids: [copyableProject.id, archivedProject.id],
+      },
+      {
+        _id: '555eee555eee',
+        name: 'Tag 2',
+        project_ids: [copyableProject.id],
+      },
+      {
+        _id: '444ddd444ddd',
+        name: 'Tag 3',
+        project_ids: [archivedProject.id],
+      },
+    ])
+    this.projectId = copyableProject.id
+  })
+
+  afterEach(function () {
+    resetProjectListContextFetch()
+  })
+
+  it('renders tags list for a project', function () {
+    renderWithProjectListContext(<InlineTags projectId={this.projectId} />)
+    screen.getByText('My Test Tag')
+    screen.getByText('Tag 2')
+    expect(screen.queryByText('Tag 3')).to.not.exist
+  })
+
+  it('handles removing a project from a tag', async function () {
+    fetchMock.delete(
+      `express:/tag/789fff789fff/project/${copyableProject.id}`,
+      {
+        status: 204,
+      },
+      { delay: 0 }
+    )
+
+    renderWithProjectListContext(<InlineTags projectId={this.projectId} />)
+    const removeButton = screen.getByRole('button', {
+      name: 'Remove tag My Test Tag',
+    })
+    await fireEvent.click(removeButton)
+    await waitFor(() =>
+      expect(
+        fetchMock.callHistory.called(
+          `/tag/789fff789fff/project/${copyableProject.id}`,
+          {
+            method: 'DELETE',
+          }
+        )
+      )
+    )
+    expect(screen.queryByText('My Test Tag')).to.not.exist
+    screen.getByText('Tag 2')
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/project-list-table.test.tsx b/services/web/test/frontend/features/project-list/components/table/project-list-table.test.tsx
new file mode 100644
index 0000000..33b14eb
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/project-list-table.test.tsx
@@ -0,0 +1,183 @@
+import { screen, within, fireEvent } from '@testing-library/react'
+import { expect } from 'chai'
+import ProjectListTable from '../../../../../../frontend/js/features/project-list/components/table/project-list-table'
+import { currentProjects } from '../../fixtures/projects-data'
+import fetchMock from 'fetch-mock'
+import { renderWithProjectListContext } from '../../helpers/render-with-context'
+
+const userId = '624333f147cfd8002622a1d3'
+
+describe('<ProjectListTable />', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-tags', [])
+    window.metaAttributesCache.set('ol-user_id', userId)
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('renders the table', function () {
+    renderWithProjectListContext(<ProjectListTable />)
+    screen.getByRole('table')
+  })
+
+  it('sets aria-sort on column header currently sorted', function () {
+    renderWithProjectListContext(<ProjectListTable />)
+    let foundSortedColumn = false
+    const columns = screen.getAllByRole('columnheader')
+    columns.forEach(col => {
+      if (col.getAttribute('aria-label') === 'Last Modified') {
+        expect(col.getAttribute('aria-sort')).to.equal('descending')
+        foundSortedColumn = true
+      } else {
+        expect(col.getAttribute('aria-sort')).to.be.null
+      }
+    })
+    expect(foundSortedColumn).to.be.true
+  })
+
+  it('keeps the order type when selecting different column for sorting', function () {
+    renderWithProjectListContext(<ProjectListTable />)
+    const lastModifiedBtn = screen.getByRole('button', {
+      name: /last modified/i,
+    })
+    const lastModifiedCol = lastModifiedBtn.closest('th')
+    expect(lastModifiedCol?.getAttribute('aria-sort')).to.equal('descending')
+    const ownerBtn = screen.getByRole('button', { name: /owner/i })
+    const ownerCol = ownerBtn.closest('th')
+    expect(ownerCol?.getAttribute('aria-sort')).to.be.null
+    fireEvent.click(ownerBtn)
+    expect(ownerCol?.getAttribute('aria-sort')).to.equal('descending')
+    fireEvent.click(ownerBtn)
+    expect(ownerCol?.getAttribute('aria-sort')).to.equal('ascending')
+  })
+
+  it('renders buttons for sorting all sortable columns', function () {
+    renderWithProjectListContext(<ProjectListTable />)
+    screen.getByRole('button', { name: 'Sort by Title' })
+    screen.getByRole('button', { name: 'Sort by Owner' })
+    screen.getByRole('button', { name: 'Reverse Last Modified sort order' }) // currently sorted
+  })
+
+  it('renders project title, owner, last modified, and action buttons', async function () {
+    this.timeout(10000)
+
+    renderWithProjectListContext(<ProjectListTable />)
+    await fetchMock.callHistory.flush(true)
+
+    const rows = screen.getAllByRole('row')
+    rows.shift() // remove first row since it's the header
+    expect(rows.length).to.equal(currentProjects.length)
+
+    // Project name cell
+    currentProjects.forEach(project => {
+      screen.getByText(project.name)
+    })
+
+    // Owner Column and Last Modified Column
+    const row1 = screen
+      .getByRole('cell', { name: currentProjects[0].name })
+      .closest('tr')!
+    within(row1).getByText('You')
+    within(row1).getAllByText('a day ago by Jean-Luc Picard', { exact: false })
+    const row2 = screen
+      .getByRole('cell', { name: currentProjects[1].name })
+      .closest('tr')!
+    within(row2).getByText('Jean-Luc Picard')
+    within(row2).getAllByText('7 days ago by Jean-Luc Picard')
+    const row3 = screen
+      .getByRole('cell', { name: currentProjects[2].name })
+      .closest('tr')!
+    within(row3).getByText('worf@overleaf.com')
+    within(row3).getAllByText('a month ago by worf@overleaf.com')
+    // link sharing project
+    const row4 = screen
+      .getByRole('cell', { name: currentProjects[3].name })
+      .closest('tr')!
+    within(row4).getByText('La Forge')
+    within(row4).getByText('Link sharing')
+    within(row4).getAllByText('2 months ago by La Forge')
+    // link sharing read only, so it will not show an owner
+    const row5 = screen
+      .getByRole('cell', { name: currentProjects[4].name })
+      .closest('tr')!
+    within(row5).getByText('Link sharing')
+    within(row5).getAllByText('2 years ago')
+
+    // Action Column
+    // temporary count tests until we add filtering for archived/trashed
+    const copyButtons = screen.getAllByRole('button', {
+      name: 'Copy',
+    })
+    expect(copyButtons.length).to.equal(currentProjects.length)
+    const downloadButtons = screen.getAllByRole('button', {
+      name: 'Download .zip file',
+    })
+    expect(downloadButtons.length).to.equal(currentProjects.length)
+    const downloadPDFButtons = screen.getAllByRole('button', {
+      name: 'Download PDF',
+    })
+    expect(downloadPDFButtons.length).to.equal(currentProjects.length)
+    const archiveButtons = screen.getAllByRole('button', {
+      name: 'Archive',
+    })
+    expect(archiveButtons.length).to.equal(currentProjects.length)
+    const trashButtons = screen.getAllByRole('button', {
+      name: 'Trash',
+    })
+    expect(trashButtons.length).to.equal(currentProjects.length)
+
+    // TODO to be implemented when the component renders trashed & archived projects
+    // const restoreButtons = screen.getAllByLabelText('Restore')
+    // expect(restoreButtons.length).to.equal(2)
+    // const deleteButtons = screen.getAllByLabelText('Delete')
+    // expect(deleteButtons.length).to.equal(1)
+  })
+
+  it('selects all projects when header checkbox checked', async function () {
+    renderWithProjectListContext(<ProjectListTable />)
+    await fetchMock.callHistory.flush(true)
+    const checkbox = screen.getByLabelText('Select all projects')
+    fireEvent.click(checkbox)
+    const allCheckboxes = screen.getAllByRole<HTMLInputElement>('checkbox')
+    const allCheckboxesChecked = allCheckboxes.filter(c => c.checked)
+    // + 1 because of select all checkbox
+    expect(allCheckboxesChecked.length).to.equal(currentProjects.length + 1)
+  })
+
+  it('unselects all projects when select all checkbox uchecked', async function () {
+    renderWithProjectListContext(<ProjectListTable />)
+    await fetchMock.callHistory.flush(true)
+    const checkbox = screen.getByLabelText('Select all projects')
+    fireEvent.click(checkbox)
+    fireEvent.click(checkbox)
+    const allCheckboxes = screen.getAllByRole<HTMLInputElement>('checkbox')
+    const allCheckboxesChecked = allCheckboxes.filter(c => c.checked)
+    expect(allCheckboxesChecked.length).to.equal(0)
+  })
+
+  it('unselects select all projects checkbox when one project is unchecked', async function () {
+    renderWithProjectListContext(<ProjectListTable />)
+    await fetchMock.callHistory.flush(true)
+    const checkbox = screen.getByLabelText('Select all projects')
+    fireEvent.click(checkbox)
+    let allCheckboxes = screen.getAllByRole<HTMLInputElement>('checkbox')
+    expect(allCheckboxes[1].getAttribute('data-project-id')).to.exist // make sure we are unchecking a project checkbox
+    fireEvent.click(allCheckboxes[1])
+    allCheckboxes = screen.getAllByRole<HTMLInputElement>('checkbox')
+    const allCheckboxesChecked = allCheckboxes.filter(c => c.checked)
+    expect(allCheckboxesChecked.length).to.equal(currentProjects.length - 1)
+  })
+
+  it('only checks the checked project', async function () {
+    renderWithProjectListContext(<ProjectListTable />)
+    await fetchMock.callHistory.flush(true)
+    const checkbox = screen.getByLabelText(`Select ${currentProjects[0].name}`)
+    fireEvent.click(checkbox)
+    const allCheckboxes = screen.getAllByRole<HTMLInputElement>('checkbox')
+    const allCheckboxesChecked = allCheckboxes.filter(c => c.checked)
+    expect(allCheckboxesChecked.length).to.equal(1)
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/project-tools/buttons/archive-projects.button.test.tsx b/services/web/test/frontend/features/project-list/components/table/project-tools/buttons/archive-projects.button.test.tsx
new file mode 100644
index 0000000..2963592
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/project-tools/buttons/archive-projects.button.test.tsx
@@ -0,0 +1,26 @@
+import { fireEvent, screen } from '@testing-library/react'
+import ArchiveProjectsButton from '../../../../../../../../frontend/js/features/project-list/components/table/project-tools/buttons/archive-projects-button'
+import {
+  resetProjectListContextFetch,
+  renderWithProjectListContext,
+} from '../../../../helpers/render-with-context'
+
+describe('<ArchiveProjectsButton />', function () {
+  afterEach(function () {
+    resetProjectListContextFetch()
+  })
+
+  it('renders tooltip for button', async function () {
+    renderWithProjectListContext(<ArchiveProjectsButton />)
+    const btn = screen.getByRole('button', { name: 'Archive' })
+    fireEvent.mouseOver(btn)
+    await screen.findByRole('tooltip', { name: 'Archive' })
+  })
+
+  it('opens the modal when clicked', function () {
+    renderWithProjectListContext(<ArchiveProjectsButton />)
+    const btn = screen.getByRole('button', { name: 'Archive' })
+    fireEvent.click(btn)
+    screen.getByText('Archive Projects')
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/project-tools/buttons/delete-leave-projects-button.test.tsx b/services/web/test/frontend/features/project-list/components/table/project-tools/buttons/delete-leave-projects-button.test.tsx
new file mode 100644
index 0000000..928265c
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/project-tools/buttons/delete-leave-projects-button.test.tsx
@@ -0,0 +1,29 @@
+import { fireEvent, screen, render } from '@testing-library/react'
+import DeleteLeaveProjectsButton from '../../../../../../../../frontend/js/features/project-list/components/table/project-tools/buttons/delete-leave-projects-button'
+import { makeLongProjectList } from '../../../../fixtures/projects-data'
+import {
+  ProjectListContext,
+  ProjectListContextValue,
+} from '../../../../../../../../frontend/js/features/project-list/context/project-list-context'
+
+const { deletableList, leavableList } = makeLongProjectList(40)
+
+describe('<DeleteLeaveProjectsButton />', function () {
+  it('opens the modal when clicked', function () {
+    const value = {
+      selectedProjects: [...deletableList, ...leavableList],
+      hasDeletableProjectsSelected: true,
+      hasLeavableProjectsSelected: true,
+    } as ProjectListContextValue
+
+    render(
+      <ProjectListContext.Provider value={value}>
+        <DeleteLeaveProjectsButton />
+      </ProjectListContext.Provider>
+    )
+
+    const btn = screen.getByRole('button', { name: /delete \/ leave/i })
+    fireEvent.click(btn)
+    screen.getByRole('heading', { name: /delete and leave projects/i })
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/project-tools/buttons/delete-projects-button.test.tsx b/services/web/test/frontend/features/project-list/components/table/project-tools/buttons/delete-projects-button.test.tsx
new file mode 100644
index 0000000..ffcaa51
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/project-tools/buttons/delete-projects-button.test.tsx
@@ -0,0 +1,29 @@
+import { fireEvent, screen, render } from '@testing-library/react'
+import DeleteProjectsButton from '../../../../../../../../frontend/js/features/project-list/components/table/project-tools/buttons/delete-projects-button'
+import { makeLongProjectList } from '../../../../fixtures/projects-data'
+import {
+  ProjectListContext,
+  ProjectListContextValue,
+} from '../../../../../../../../frontend/js/features/project-list/context/project-list-context'
+
+const { deletableList } = makeLongProjectList(40)
+
+describe('<DeleteProjectsButton />', function () {
+  it('opens the modal when clicked', function () {
+    const value = {
+      selectedProjects: deletableList,
+      hasDeletableProjectsSelected: true,
+      hasLeavableProjectsSelected: false,
+    } as ProjectListContextValue
+
+    render(
+      <ProjectListContext.Provider value={value}>
+        <DeleteProjectsButton />
+      </ProjectListContext.Provider>
+    )
+
+    const btn = screen.getByRole('button', { name: /delete/i })
+    fireEvent.click(btn)
+    screen.getByRole('heading', { name: /delete projects/i })
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/project-tools/buttons/download-projects-button.test.tsx b/services/web/test/frontend/features/project-list/components/table/project-tools/buttons/download-projects-button.test.tsx
new file mode 100644
index 0000000..17d28ef
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/project-tools/buttons/download-projects-button.test.tsx
@@ -0,0 +1,19 @@
+import { fireEvent, screen } from '@testing-library/react'
+import DownloadProjectsButton from '../../../../../../../../frontend/js/features/project-list/components/table/project-tools/buttons/download-projects-button'
+import {
+  resetProjectListContextFetch,
+  renderWithProjectListContext,
+} from '../../../../helpers/render-with-context'
+
+describe('<DownloadProjectsButton />', function () {
+  afterEach(function () {
+    resetProjectListContextFetch()
+  })
+
+  it('renders tooltip for button', async function () {
+    renderWithProjectListContext(<DownloadProjectsButton />)
+    const btn = screen.getByRole('button', { name: 'Download' })
+    fireEvent.mouseOver(btn)
+    await screen.findByRole('tooltip', { name: 'Download' })
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/project-tools/buttons/leave-projects-button.test.tsx b/services/web/test/frontend/features/project-list/components/table/project-tools/buttons/leave-projects-button.test.tsx
new file mode 100644
index 0000000..71e11c9
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/project-tools/buttons/leave-projects-button.test.tsx
@@ -0,0 +1,28 @@
+import { fireEvent, screen, render } from '@testing-library/react'
+import LeaveProjectsButton from '../../../../../../../../frontend/js/features/project-list/components/table/project-tools/buttons/leave-projects-button'
+import { makeLongProjectList } from '../../../../fixtures/projects-data'
+import {
+  ProjectListContext,
+  ProjectListContextValue,
+} from '../../../../../../../../frontend/js/features/project-list/context/project-list-context'
+
+const { leavableList } = makeLongProjectList(40)
+
+describe('<LeaveProjectsButton />', function () {
+  it('opens the modal when clicked', function () {
+    const value = {
+      selectedProjects: leavableList,
+      hasDeletableProjectsSelected: false,
+      hasLeavableProjectsSelected: true,
+    } as ProjectListContextValue
+
+    render(
+      <ProjectListContext.Provider value={value}>
+        <LeaveProjectsButton />
+      </ProjectListContext.Provider>
+    )
+    const btn = screen.getByRole('button', { name: /leave/i })
+    fireEvent.click(btn)
+    screen.getByRole('heading', { name: /leave projects/i })
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/project-tools/buttons/trash-projects.button.test.tsx b/services/web/test/frontend/features/project-list/components/table/project-tools/buttons/trash-projects.button.test.tsx
new file mode 100644
index 0000000..3e20d0a
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/project-tools/buttons/trash-projects.button.test.tsx
@@ -0,0 +1,26 @@
+import { fireEvent, screen } from '@testing-library/react'
+import TrashProjectsButton from '../../../../../../../../frontend/js/features/project-list/components/table/project-tools/buttons/trash-projects-button'
+import {
+  resetProjectListContextFetch,
+  renderWithProjectListContext,
+} from '../../../../helpers/render-with-context'
+
+describe('<TrashProjectsButton />', function () {
+  afterEach(function () {
+    resetProjectListContextFetch()
+  })
+
+  it('renders tooltip for button', async function () {
+    renderWithProjectListContext(<TrashProjectsButton />)
+    const btn = screen.getByRole('button', { name: 'Trash' })
+    fireEvent.mouseOver(btn)
+    await screen.findByRole('tooltip', { name: 'Trash' })
+  })
+
+  it('opens the modal when clicked', function () {
+    renderWithProjectListContext(<TrashProjectsButton />)
+    const btn = screen.getByRole('button', { name: 'Trash' })
+    fireEvent.click(btn)
+    screen.getByText('Trash Projects')
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/project-tools/project-tools-rename.test.tsx b/services/web/test/frontend/features/project-list/components/table/project-tools/project-tools-rename.test.tsx
new file mode 100644
index 0000000..842e664
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/project-tools/project-tools-rename.test.tsx
@@ -0,0 +1,91 @@
+import { render, screen, within } from '@testing-library/react'
+import { expect } from 'chai'
+import moment from 'moment/moment'
+import fetchMock from 'fetch-mock'
+import { Project } from '../../../../../../../types/project/dashboard/api'
+import { ProjectListRootInner } from '@/features/project-list/components/project-list-root'
+
+const users = {
+  picard: {
+    id: '62d6d0b4c5c5030a4d696c7a',
+    email: 'picard@overleaf.com',
+    firstName: 'Jean-Luc',
+    lastName: 'Picard',
+  },
+  riker: {
+    id: '624333f147cfd8002622a1d3',
+    email: 'riker@overleaf.com',
+    firstName: 'William',
+    lastName: 'Riker',
+  },
+}
+
+const projects: Project[] = [
+  {
+    id: '62f17f594641b405ca2b3264',
+    name: 'Starfleet Report (owner)',
+    lastUpdated: moment().subtract(1, 'day').toISOString(),
+    lastUpdatedBy: users.riker,
+    accessLevel: 'owner',
+    source: 'owner',
+    archived: false,
+    trashed: false,
+    owner: users.picard,
+  },
+  {
+    id: '62f17f594641b405ca2b3265',
+    name: 'Starfleet Report (readAndWrite)',
+    lastUpdated: moment().subtract(1, 'day').toISOString(),
+    lastUpdatedBy: users.picard,
+    accessLevel: 'readAndWrite',
+    source: 'owner',
+    archived: false,
+    trashed: false,
+    owner: users.riker,
+  },
+]
+
+describe('<ProjectTools />', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-user', {})
+    window.metaAttributesCache.set('ol-prefetchedProjectsBlob', {
+      projects,
+      totalSize: 100,
+    })
+    window.metaAttributesCache.set('ol-footer', {
+      showThinFooter: false,
+      translatedLanguages: { en: 'English' },
+      subdomainLang: { en: { lngCode: 'en', url: 'overleaf.com' } },
+    })
+    window.metaAttributesCache.set('ol-navbar', {
+      items: [],
+    })
+    fetchMock.get('/system/messages', [])
+  })
+
+  afterEach(function () {
+    window.metaAttributesCache.clear()
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('does not show the Rename option for a project owned by a different user', function () {
+    render(<ProjectListRootInner />)
+    screen.getByLabelText('Select Starfleet Report (readAndWrite)').click()
+    screen.getByRole('button', { name: 'More' }).click()
+    expect(
+      within(
+        screen.getByTestId('project-tools-more-dropdown-menu')
+      ).queryByRole('menuitem', { name: 'Rename' })
+    ).to.be.null
+  })
+
+  it('displays the Rename option for a project owned by the current user', function () {
+    render(<ProjectListRootInner />)
+    screen.getByLabelText('Select Starfleet Report (owner)').click()
+    screen.getByRole('button', { name: 'More' }).click()
+    within(screen.getByTestId('project-tools-more-dropdown-menu'))
+      .getByRole('menuitem', { name: 'Rename' })
+      .click()
+    within(screen.getByRole('dialog')).getByText('Rename Project')
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/project-tools/project-tools.test.tsx b/services/web/test/frontend/features/project-list/components/table/project-tools/project-tools.test.tsx
new file mode 100644
index 0000000..cc2cee1
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/project-tools/project-tools.test.tsx
@@ -0,0 +1,32 @@
+import { screen } from '@testing-library/react'
+import { expect } from 'chai'
+import ProjectTools from '../../../../../../../frontend/js/features/project-list/components/table/project-tools/project-tools'
+import {
+  renderWithProjectListContext,
+  resetProjectListContextFetch,
+} from '../../../helpers/render-with-context'
+
+describe('<ProjectTools />', function () {
+  afterEach(function () {
+    resetProjectListContextFetch()
+  })
+
+  it('renders the project tools for the all projects filter', async function () {
+    renderWithProjectListContext(<ProjectTools />)
+
+    const initialButtons = screen.getAllByRole('button')
+    expect(initialButtons).to.have.length(4)
+
+    expect(screen.getByLabelText('Download')).to.exist
+    expect(screen.getByLabelText('Archive')).to.exist
+    expect(screen.getByLabelText('Trash')).to.exist
+    expect(screen.getByLabelText('Tags')).to.exist
+
+    expect(screen.queryByText('Create new tag')).to.not.exist
+
+    screen.getByLabelText('Tags').click()
+
+    const createTagButton = await screen.findByText('Create new tag')
+    expect(createTagButton).to.exist
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/project-tools/rename-project-modal.test.tsx b/services/web/test/frontend/features/project-list/components/table/project-tools/rename-project-modal.test.tsx
new file mode 100644
index 0000000..230f861
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/project-tools/rename-project-modal.test.tsx
@@ -0,0 +1,97 @@
+import { fireEvent, screen, waitFor, within } from '@testing-library/react'
+import { expect } from 'chai'
+import RenameProjectModal from '../../../../../../../frontend/js/features/project-list/components/modals/rename-project-modal'
+import {
+  renderWithProjectListContext,
+  resetProjectListContextFetch,
+} from '../../../helpers/render-with-context'
+import { currentProjects } from '../../../fixtures/projects-data'
+import fetchMock from 'fetch-mock'
+
+describe('<RenameProjectModal />', function () {
+  beforeEach(function () {
+    resetProjectListContextFetch()
+  })
+
+  afterEach(function () {
+    resetProjectListContextFetch()
+  })
+
+  it('renders the modal and validates new name', async function () {
+    const renameProjectMock = fetchMock.post(
+      'express:/project/:projectId/rename',
+      {
+        status: 200,
+      }
+    )
+    renderWithProjectListContext(
+      <RenameProjectModal
+        handleCloseModal={() => {}}
+        showModal
+        project={currentProjects[0]}
+      />
+    )
+    screen.getByText('Rename Project')
+    const input = screen.getByRole('textbox', {
+      name: 'New Name',
+    }) as HTMLInputElement
+    expect(input.value).to.equal(currentProjects[0].name)
+
+    const submitButton = screen.getByRole('button', {
+      name: 'Rename',
+    }) as HTMLButtonElement
+    expect(submitButton.disabled).to.be.true
+
+    fireEvent.change(input, {
+      target: { value: '' },
+    })
+    expect(submitButton.disabled).to.be.true
+
+    fireEvent.change(input, {
+      target: { value: 'A new name' },
+    })
+    expect(submitButton.disabled).to.be.false
+
+    fireEvent.click(submitButton)
+    expect(submitButton.disabled).to.be.true
+
+    await waitFor(
+      () =>
+        expect(
+          renameProjectMock.callHistory.called(
+            `/project/${currentProjects[0].id}/rename`
+          )
+        ).to.be.true
+    )
+  })
+
+  it('shows error message from API', async function () {
+    const postRenameMock = fetchMock.post(
+      'express:/project/:projectId/rename',
+      {
+        status: 500,
+      }
+    )
+    renderWithProjectListContext(
+      <RenameProjectModal
+        handleCloseModal={() => {}}
+        showModal
+        project={currentProjects[0]}
+      />
+    )
+    screen.getByText('Rename Project')
+    const input = screen.getByLabelText('New Name') as HTMLButtonElement
+    expect(input.value).to.equal(currentProjects[0].name)
+
+    fireEvent.change(input, {
+      target: { value: 'A new name' },
+    })
+    const modal = screen.getAllByRole('dialog')[0]
+    const submitButton = within(modal).getByText('Rename') as HTMLButtonElement
+    fireEvent.click(submitButton)
+
+    await waitFor(() => expect(postRenameMock.callHistory.called()).to.be.true)
+
+    screen.getByText('Something went wrong. Please try again.')
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/table/projects-action-modal.test.tsx b/services/web/test/frontend/features/project-list/components/table/projects-action-modal.test.tsx
new file mode 100644
index 0000000..e0a4b9d
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/table/projects-action-modal.test.tsx
@@ -0,0 +1,99 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+import { fireEvent, screen, waitFor } from '@testing-library/react'
+import ProjectsActionModal from '../../../../../../frontend/js/features/project-list/components/modals/projects-action-modal'
+import { projectsData } from '../../fixtures/projects-data'
+import {
+  resetProjectListContextFetch,
+  renderWithProjectListContext,
+} from '../../helpers/render-with-context'
+import * as eventTracking from '@/infrastructure/event-tracking'
+
+describe('<ProjectsActionModal />', function () {
+  const actionHandler = sinon.stub().resolves({})
+  let sendMBSpy: sinon.SinonSpy
+
+  beforeEach(function () {
+    sendMBSpy = sinon.spy(eventTracking, 'sendMB')
+  })
+
+  afterEach(function () {
+    sendMBSpy.restore()
+    resetProjectListContextFetch()
+  })
+
+  it('should handle the action passed', async function () {
+    renderWithProjectListContext(
+      <ProjectsActionModal
+        action="archive"
+        actionHandler={actionHandler}
+        projects={[projectsData[0], projectsData[1]]}
+        handleCloseModal={() => {}}
+        showModal
+      />
+    )
+    const confirmBtn = screen.getByRole('button', {
+      name: 'Confirm',
+    }) as HTMLButtonElement
+    fireEvent.click(confirmBtn)
+    expect(confirmBtn.disabled).to.be.true
+    // verify action handled
+    await waitFor(() => expect(actionHandler.callCount).to.equal(2))
+  })
+
+  it('should show an error message for all actions that fail', async function () {
+    actionHandler
+      .withArgs(projectsData[2])
+      .rejects(new Error('Something went wrong. Please try again.'))
+    actionHandler
+      .withArgs(projectsData[3])
+      .rejects(new Error('Something went wrong. Please try again.'))
+
+    renderWithProjectListContext(
+      <ProjectsActionModal
+        action="archive"
+        actionHandler={actionHandler}
+        projects={[
+          projectsData[0],
+          projectsData[1],
+          projectsData[2],
+          projectsData[3],
+        ]}
+        handleCloseModal={() => {}}
+        showModal
+      />
+    )
+    const confirmBtn = screen.getByText('Confirm') as HTMLButtonElement
+    fireEvent.click(confirmBtn)
+
+    await waitFor(() => {
+      const alerts = screen.getAllByRole('alert')
+      expect(alerts.length).to.equal(2)
+      expect(alerts[0].textContent).to.contain(
+        `${projectsData[2].name}Something went wrong. Please try again.`
+      )
+      expect(alerts[1].textContent).to.contain(
+        `${projectsData[3].name}Something went wrong. Please try again.`
+      )
+    })
+  })
+
+  it('should send an analytics event when opened', function () {
+    renderWithProjectListContext(
+      <ProjectsActionModal
+        action="archive"
+        actionHandler={actionHandler}
+        projects={[projectsData[0], projectsData[1]]}
+        handleCloseModal={() => {}}
+        showModal
+      />
+    )
+
+    expect(sendMBSpy).to.have.been.calledOnce
+    expect(sendMBSpy).to.have.been.calledWith('project-list-page-interaction', {
+      action: 'archive',
+      page: '/',
+      isSmallDevice: true,
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/components/welcome-message.test.tsx b/services/web/test/frontend/features/project-list/components/welcome-message.test.tsx
new file mode 100644
index 0000000..064a488
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/components/welcome-message.test.tsx
@@ -0,0 +1,153 @@
+import { fireEvent, render, screen } from '@testing-library/react'
+import WelcomeMessage from '../../../../../frontend/js/features/project-list/components/welcome-message'
+import { expect } from 'chai'
+import getMeta from '@/utils/meta'
+
+describe('<WelcomeMessage />', function () {
+  beforeEach(function () {
+    Object.assign(getMeta('ol-ExposedSettings'), {
+      isOverleaf: true,
+      wikiEnabled: true,
+      templatesEnabled: true,
+    })
+  })
+
+  it('renders welcome page correctly', function () {
+    render(<WelcomeMessage />)
+
+    screen.getByText('Welcome to Overleaf')
+    screen.getByText('Create a new project')
+    screen.getByText('Learn LaTeX with a tutorial')
+    screen.getByText('Browse templates')
+  })
+
+  it('shows correct dropdown when clicking create a new project', function () {
+    render(<WelcomeMessage />)
+
+    const button = screen.getByRole('button', {
+      name: 'Create a new project',
+    })
+
+    fireEvent.click(button)
+
+    screen.getByText('Blank Project')
+    screen.getByText('Example Project')
+    screen.getByText('Upload Project')
+    screen.getByText('Import from GitHub')
+  })
+
+  it('show the correct dropdown menu for affiliated users', function () {
+    window.metaAttributesCache.set('ol-portalTemplates', [
+      {
+        name: 'Affiliation 1',
+        url: '/edu/test-new-template',
+      },
+    ])
+
+    render(<WelcomeMessage />)
+
+    const button = screen.getByRole('button', {
+      name: 'Create a new project',
+    })
+
+    fireEvent.click(button)
+    // static menu
+    screen.getByText('Blank Project')
+    screen.getByText('Example Project')
+    screen.getByText('Upload Project')
+    screen.getByText('Import from GitHub')
+
+    // static text for institution templates
+    screen.getByText('Institution Templates')
+
+    // dynamic menu based on portalTemplates
+    const affiliationTemplate = screen.getByRole('menuitem', {
+      name: 'Affiliation 1',
+    })
+
+    expect(affiliationTemplate.getAttribute('href')).to.equal(
+      '/edu/test-new-template#templates'
+    )
+  })
+
+  it('shows correct dropdown when clicking create a new project with a portal template', function () {
+    render(<WelcomeMessage />)
+
+    const button = screen.getByRole('button', {
+      name: 'Create a new project',
+    })
+
+    fireEvent.click(button)
+
+    screen.getByText('Blank Project')
+    screen.getByText('Example Project')
+    screen.getByText('Upload Project')
+    screen.getByText('Import from GitHub')
+  })
+
+  it('shows correct link for latex tutorial menu', function () {
+    render(<WelcomeMessage />)
+
+    const link = screen.getByRole('link', {
+      name: 'Learn LaTeX with a tutorial',
+    })
+
+    expect(link.getAttribute('href')).to.equal(
+      '/learn/latex/Learn_LaTeX_in_30_minutes'
+    )
+  })
+
+  it('shows correct link for browse templates menu', function () {
+    render(<WelcomeMessage />)
+
+    const link = screen.getByRole('link', {
+      name: 'Browse templates',
+    })
+
+    expect(link.getAttribute('href')).to.equal('/templates')
+  })
+
+  describe('when not in SaaS', function () {
+    beforeEach(function () {
+      getMeta('ol-ExposedSettings').isOverleaf = false
+    })
+
+    it('renders welcome page correctly', function () {
+      render(<WelcomeMessage />)
+
+      screen.getByText('Welcome to Overleaf')
+      screen.getByText('Create a new project')
+      screen.getByText('Learn LaTeX with a tutorial')
+      screen.getByText('Browse templates')
+    })
+
+    it("doesn't display github in the dropdown when clicking create a new project", function () {
+      render(<WelcomeMessage />)
+
+      const button = screen.getByRole('button', {
+        name: 'Create a new project',
+      })
+
+      fireEvent.click(button)
+
+      screen.getByText('Blank Project')
+      screen.getByText('Example Project')
+      screen.getByText('Upload Project')
+      expect(screen.queryByText('Import from GitHub')).to.not.exist
+    })
+
+    it('does not render the tutorial link when the learn wiki is not configured', function () {
+      getMeta('ol-ExposedSettings').wikiEnabled = false
+      render(<WelcomeMessage />)
+
+      expect(screen.queryByText('Learn LaTeX with a tutorial')).to.not.exist
+    })
+
+    it('does not render the templates link when templates are not configured', function () {
+      getMeta('ol-ExposedSettings').templatesEnabled = false
+      render(<WelcomeMessage />)
+
+      expect(screen.queryByText('Browse templates')).to.not.exist
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/project-list/fixtures/notifications-data.ts b/services/web/test/frontend/features/project-list/fixtures/notifications-data.ts
new file mode 100644
index 0000000..2fae97a
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/fixtures/notifications-data.ts
@@ -0,0 +1,63 @@
+import { DeepReadonly } from '../../../../../types/utils'
+import {
+  Institution,
+  NotificationDropboxDuplicateProjectNames,
+  NotificationGroupInvitation,
+  NotificationIPMatchedAffiliation,
+  NotificationProjectInvite,
+  NotificationTPDSFileLimit,
+} from '../../../../../types/project/dashboard/notification'
+
+export const notificationsInstitution = {
+  email: 'email@example.com',
+  institutionEmail: 'institution@example.com',
+  institutionId: 123,
+  institutionName: 'Abc Institution',
+  requestedEmail: 'requested@example.com',
+} as DeepReadonly<Institution>
+
+export const notificationProjectInvite = {
+  messageOpts: {
+    projectId: '123',
+    projectName: 'Abc Project',
+    userName: 'fakeUser',
+    token: 'abcdef',
+  },
+} as DeepReadonly<NotificationProjectInvite>
+
+export const notificationIPMatchedAffiliation = {
+  messageOpts: {
+    university_name: 'Abc University',
+    ssoEnabled: false,
+    institutionId: '456',
+  },
+} as DeepReadonly<NotificationIPMatchedAffiliation>
+
+export const notificationTPDSFileLimit = {
+  messageOpts: {
+    projectName: 'Abc Project',
+    projectId: '123',
+  },
+} as DeepReadonly<NotificationTPDSFileLimit>
+
+export const notificationDropboxDuplicateProjectNames = {
+  messageOpts: {
+    projectName: 'Abc Project',
+  },
+} as DeepReadonly<NotificationDropboxDuplicateProjectNames>
+
+export const notificationGroupInviteDefault = {
+  messageOpts: {
+    token: '123abc',
+    inviterName: 'inviter@overleaf.com',
+    managedUsersEnabled: false,
+  },
+} as DeepReadonly<NotificationGroupInvitation>
+
+export const notificationGroupInviteManagedUsers = {
+  messageOpts: {
+    token: '123abc',
+    inviterName: 'inviter@overleaf.com',
+    managedUsersEnabled: true,
+  },
+} as DeepReadonly<NotificationGroupInvitation>
diff --git a/services/web/test/frontend/features/project-list/fixtures/projects-data.ts b/services/web/test/frontend/features/project-list/fixtures/projects-data.ts
new file mode 100644
index 0000000..cf5b542
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/fixtures/projects-data.ts
@@ -0,0 +1,170 @@
+import { Project } from '../../../../../types/project/dashboard/api'
+import {
+  isDeletableProject,
+  isLeavableProject,
+} from '../../../../../frontend/js/features/project-list/util/project'
+import moment from 'moment'
+
+export const owner = {
+  id: '624333f147cfd8002622a1d3',
+  email: 'riker@overleaf.com',
+  firstName: 'William',
+  lastName: 'Riker',
+}
+
+const users = {
+  laforge: {
+    id: '624371e98a21dd0026a5bfef',
+    email: 'laforge@overleaf.com',
+    firstName: '',
+    lastName: 'La Forge',
+  },
+  picard: {
+    id: '62d6d0b4c5c5030a4d696c7a',
+    email: 'picard@overleaf.com',
+    firstName: 'Jean-Luc',
+    lastName: 'Picard',
+  },
+  riker: owner,
+  worf: {
+    id: '624371708a21dd0026a5bf86',
+    email: 'worf@overleaf.com',
+    firstName: '',
+    lastName: '',
+  },
+}
+
+export const copyableProject = <Project>{
+  id: '62f17f594641b405ca2b3264',
+  name: 'Starfleet Report (owner)',
+  lastUpdated: moment().subtract(1, 'day').toISOString(),
+  lastUpdatedBy: users.picard,
+  accessLevel: 'owner',
+  source: 'owner',
+  archived: false,
+  trashed: false,
+  owner: users.riker,
+}
+
+export const archiveableProject = <Project>{
+  id: '62d6d3721357e20a682110d5',
+  name: "Captain's logs (Invite & Read Only)",
+  lastUpdated: moment().subtract(1, 'week').toISOString(),
+  lastUpdatedBy: users.picard,
+  accessLevel: 'readOnly',
+  source: 'invite',
+  archived: false,
+  trashed: false,
+  owner: users.picard,
+}
+
+export const trashedProject = <Project>{
+  id: '42f17f594641b405ca2b3265',
+  name: 'Starfleet Report draft (owner & trashed)',
+  lastUpdated: moment().subtract(2, 'year').toISOString(),
+  lastUpdatedBy: users.picard,
+  accessLevel: 'owner',
+  source: 'owner',
+  archived: false,
+  trashed: true,
+  owner: users.riker,
+}
+
+export const archivedProject = <Project>{
+  id: '52f17f594641b405ca2b3266',
+  name: 'Starfleet Report old (owner & archive)',
+  lastUpdated: moment().subtract(1, 'year').toISOString(),
+  lastUpdatedBy: users.picard,
+  accessLevel: 'owner',
+  source: 'owner',
+  archived: true,
+  trashed: false,
+  owner: users.riker,
+}
+
+export const trashedAndNotOwnedProject = <Project>{
+  id: '63d6d3721357e20a682110d5',
+  name: "Captain's logs very old (Trashed & Read Only & Not Owned)",
+  lastUpdated: moment().subtract(11, 'year').toISOString(),
+  lastUpdatedBy: users.picard,
+  accessLevel: 'readOnly',
+  source: 'invite',
+  archived: false,
+  trashed: true,
+  owner: users.picard,
+}
+
+export const sharedProject = archiveableProject
+
+export const ownedProject = copyableProject
+
+export const projectsData: Array<Project> = [
+  copyableProject,
+  archiveableProject,
+  {
+    id: '62b5cdf85212090c2244161c',
+    name: 'Enterprise Security Analysis | Deflector Shields, Sensors, Tractor Beams, and Cloaking Devices (Invite & Edit)',
+    lastUpdated: moment().subtract(1, 'month').toISOString(),
+    lastUpdatedBy: users.worf,
+    accessLevel: 'readWrite',
+    source: 'invite',
+    archived: false,
+    trashed: false,
+    owner: users.worf,
+  },
+  {
+    id: '624380431c2e40006c59b922',
+    name: 'VISOR Sensors (Link Sharing & Edit)',
+    lastUpdated: moment().subtract(2, 'months').toISOString(),
+    lastUpdatedBy: users.laforge,
+    accessLevel: 'readAndWrite',
+    source: 'token',
+    archived: false,
+    trashed: false,
+    owner: users.laforge,
+  },
+  {
+    id: '62f51b31f6f4c60027e8935f',
+    name: 'United Federation of Planets (Link Sharing & View Only)',
+    lastUpdated: moment().subtract(2, 'year').toISOString(),
+    lastUpdatedBy: null,
+    accessLevel: 'readOnly',
+    source: 'token',
+    archived: false,
+    trashed: false,
+  },
+  archivedProject,
+  trashedProject,
+  trashedAndNotOwnedProject,
+]
+
+export const archivedProjects = projectsData.filter(({ archived }) => archived)
+
+export const currentProjects = projectsData.filter(
+  ({ archived, trashed }) => !archived && !trashed
+)
+
+export const trashedProjects = projectsData.filter(({ trashed }) => trashed)
+
+export const makeLongProjectList = (listLength: number) => {
+  const longList = [...projectsData]
+  while (longList.length < listLength) {
+    longList.push(
+      Object.assign({}, copyableProject, {
+        name: `Report (${longList.length})`,
+        id: `newProjectId${longList.length}`,
+      })
+    )
+  }
+
+  return {
+    fullList: longList,
+    currentList: longList.filter(
+      ({ archived, trashed }) => !archived && !trashed
+    ),
+    trashedList: longList.filter(({ trashed }) => trashed),
+    archivedList: longList.filter(({ archived }) => archived),
+    leavableList: longList.filter(isLeavableProject),
+    deletableList: longList.filter(isDeletableProject),
+  }
+}
diff --git a/services/web/test/frontend/features/project-list/fixtures/tags-data.ts b/services/web/test/frontend/features/project-list/fixtures/tags-data.ts
new file mode 100644
index 0000000..bf6e9da
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/fixtures/tags-data.ts
@@ -0,0 +1,18 @@
+import { Tag } from '../../../../../app/src/Features/Tags/types'
+
+export const tags: Tag[] = [
+  {
+    _id: 'tag-1',
+    name: 'foo',
+    color: '#f00',
+    user_id: '624333f147cfd8002622a1d3',
+    project_ids: ['62f17f594641b405ca2b3264'],
+  },
+  {
+    _id: 'tag-2',
+    name: 'bar',
+    color: '#0f0',
+    user_id: '624333f147cfd8002622a1d3',
+    project_ids: ['62f17f594641b405ca2b3264'],
+  },
+]
diff --git a/services/web/test/frontend/features/project-list/fixtures/user-subscriptions.ts b/services/web/test/frontend/features/project-list/fixtures/user-subscriptions.ts
new file mode 100644
index 0000000..8daba52
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/fixtures/user-subscriptions.ts
@@ -0,0 +1,41 @@
+import {
+  CommonsPlanSubscription,
+  FreePlanSubscription,
+  GroupPlanSubscription,
+  IndividualPlanSubscription,
+} from '../../../../../types/project/dashboard/subscription'
+
+export const freeSubscription: FreePlanSubscription = {
+  type: 'free',
+  featuresPageURL: '/features',
+}
+
+export const individualSubscription: IndividualPlanSubscription = {
+  type: 'individual',
+  plan: { name: 'professional' },
+  featuresPageURL: '/features',
+  remainingTrialDays: -1,
+  subscription: {
+    name: 'professional',
+  },
+}
+
+export const commonsSubscription: CommonsPlanSubscription = {
+  type: 'commons',
+  plan: { name: 'professional' },
+  featuresPageURL: '/features',
+  subscription: {
+    name: 'professional',
+  },
+}
+
+export const groupSubscription: GroupPlanSubscription = {
+  type: 'group',
+  plan: { name: 'professional' },
+  featuresPageURL: '/features',
+  remainingTrialDays: -1,
+  subscription: {
+    name: 'professional',
+    teamName: 'My group',
+  },
+}
diff --git a/services/web/test/frontend/features/project-list/helpers/render-with-context.tsx b/services/web/test/frontend/features/project-list/helpers/render-with-context.tsx
new file mode 100644
index 0000000..ef807db
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/helpers/render-with-context.tsx
@@ -0,0 +1,62 @@
+import { render } from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+import React from 'react'
+import { ColorPickerProvider } from '../../../../../frontend/js/features/project-list/context/color-picker-context'
+import { ProjectListProvider } from '../../../../../frontend/js/features/project-list/context/project-list-context'
+import { Project } from '../../../../../types/project/dashboard/api'
+import { projectsData } from '../fixtures/projects-data'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+import { UserProvider } from '@/shared/context/user-context'
+
+type Options = {
+  projects?: Project[]
+}
+
+export function renderWithProjectListContext(
+  component: React.ReactElement,
+  options: Options = {}
+) {
+  let { projects } = options
+
+  if (!projects) {
+    projects = projectsData
+  }
+
+  fetchMock.post('express:/api/project', {
+    status: 200,
+    body: { projects, totalSize: projects.length },
+  })
+
+  fetchMock.get('express:/system/messages', {
+    status: 200,
+    body: [],
+  })
+
+  window.metaAttributesCache.set('ol-user', {
+    id: 'fake_user',
+    first_name: 'fake_user_first_name',
+    email: 'fake@example.com',
+  })
+
+  const ProjectListProviderWrapper = ({
+    children,
+  }: {
+    children: React.ReactNode
+  }) => (
+    <UserProvider>
+      <ProjectListProvider>
+        <SplitTestProvider>
+          <ColorPickerProvider>{children}</ColorPickerProvider>
+        </SplitTestProvider>
+      </ProjectListProvider>
+    </UserProvider>
+  )
+
+  return render(component, {
+    wrapper: ProjectListProviderWrapper,
+  })
+}
+
+export function resetProjectListContextFetch() {
+  fetchMock.removeRoutes().clearHistory()
+}
diff --git a/services/web/test/frontend/features/project-list/unit/sort-projects.test.ts b/services/web/test/frontend/features/project-list/unit/sort-projects.test.ts
new file mode 100644
index 0000000..9e34481
--- /dev/null
+++ b/services/web/test/frontend/features/project-list/unit/sort-projects.test.ts
@@ -0,0 +1,133 @@
+import { expect } from 'chai'
+import {
+  ownerNameComparator,
+  defaultComparator,
+} from '../../../../../frontend/js/features/project-list/util/sort-projects'
+import { Project } from '../../../../../types/project/dashboard/api'
+
+const now = new Date()
+const dateAddDays = (days = 0) => {
+  return new Date(new Date().setDate(now.getDate() + days)).toISOString()
+}
+
+describe('sort comparators', function () {
+  describe('default comparator', function () {
+    it('sorts by `name`', function () {
+      const projectsData = [
+        { name: '#2' },
+        { name: '#1' },
+        { name: '#3' },
+      ] as Project[]
+
+      const result = [...projectsData].sort((v1, v2) => {
+        return defaultComparator(v1, v2, 'name')
+      })
+
+      expect(result[0]).to.include(projectsData[1])
+      expect(result[1]).to.include(projectsData[0])
+      expect(result[2]).to.include(projectsData[2])
+    })
+
+    it('sorts by `lastUpdated`', function () {
+      const projectsData = [
+        { lastUpdated: dateAddDays(0) },
+        { lastUpdated: dateAddDays(2) },
+        { lastUpdated: dateAddDays(1) },
+      ] as Project[]
+
+      const result = [...projectsData].sort((v1, v2) => {
+        return defaultComparator(v1, v2, 'lastUpdated')
+      })
+
+      expect(result[0]).to.include(projectsData[0])
+      expect(result[1]).to.include(projectsData[2])
+      expect(result[2]).to.include(projectsData[1])
+    })
+  })
+
+  describe('owner comparator', function () {
+    const owner = {
+      id: '62d6d0b4c5c5030a4d696c7a',
+      email: 'picard@overleaf.com',
+      firstName: 'Jean-Luc',
+      lastName: 'Picard',
+    }
+    const projectsData = [
+      {
+        lastUpdated: dateAddDays(0),
+        accessLevel: 'readOnly',
+        source: 'invite',
+        owner,
+      },
+      {
+        lastUpdated: dateAddDays(2),
+        accessLevel: 'owner',
+        source: 'owner',
+        owner,
+      },
+      {
+        lastUpdated: dateAddDays(1),
+        accessLevel: 'readWrite',
+        source: 'invite',
+        owner,
+      },
+      {
+        lastUpdated: dateAddDays(3),
+        accessLevel: 'owner',
+        source: 'owner',
+        owner,
+      },
+      {
+        lastUpdated: dateAddDays(8),
+        accessLevel: 'readAndWrite',
+        source: 'token',
+        owner,
+      },
+      {
+        lastUpdated: dateAddDays(1),
+        accessLevel: 'owner',
+        source: 'owner',
+        owner,
+      },
+      {
+        lastUpdated: dateAddDays(4),
+        source: 'token',
+        accessLevel: 'readOnly',
+      },
+      {
+        lastUpdated: dateAddDays(1),
+        source: 'token',
+        accessLevel: 'readAndWrite',
+        owner,
+      },
+      {
+        lastUpdated: dateAddDays(3),
+        source: 'token',
+        accessLevel: 'readOnly',
+      },
+      {
+        lastUpdated: dateAddDays(1),
+        source: 'token',
+        accessLevel: 'readAndWrite',
+        owner,
+      },
+    ] as Project[]
+
+    it('sorts by owner name', function () {
+      const result = [...projectsData].sort((v1, v2) => {
+        return ownerNameComparator(v1, v2)
+      })
+
+      expect(result[0]).to.include(projectsData[8])
+      expect(result[1]).to.include(projectsData[6])
+      expect(result[2]).to.include(projectsData[9])
+      expect(result[3]).to.include(projectsData[7])
+      expect(result[4]).to.include(projectsData[4])
+      expect(result[5]).to.include(projectsData[0])
+      expect(result[6]).to.include(projectsData[2])
+      expect(result[7]).to.include(projectsData[5])
+      expect(result[8]).to.include(projectsData[1])
+      expect(result[9]).to.include(projectsData[3])
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/review-panel/review-panel.spec.tsx b/services/web/test/frontend/features/review-panel/review-panel.spec.tsx
new file mode 100644
index 0000000..f9ed6e3
--- /dev/null
+++ b/services/web/test/frontend/features/review-panel/review-panel.spec.tsx
@@ -0,0 +1,280 @@
+import CodeMirrorEditor from '../../../../frontend/js/features/source-editor/components/codemirror-editor'
+import { EditorProviders } from '../../helpers/editor-providers'
+import { mockScope } from '../source-editor/helpers/mock-scope'
+import { TestContainer } from '../source-editor/helpers/test-container'
+
+// TODO: update tests and re-enable once reviewer role is active
+// eslint-disable-next-line mocha/no-skipped-tests
+describe.skip('<ReviewPanel />', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+
+    cy.interceptEvents()
+
+    const scope = mockScope('')
+    scope.editor.showVisual = true
+
+    // The tests expect no documents, so remove them from the scope
+    scope.project.rootFolder = []
+
+    cy.wrap(scope).as('scope')
+
+    cy.mount(
+      <TestContainer className="rp-size-expanded">
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.findByTestId('review-panel').as('review-panel')
+  })
+
+  describe('toolbar', function () {
+    describe('resolved comments dropdown', function () {
+      it('renders dropdown button', function () {
+        cy.findByRole('button', { name: /resolved comments/i })
+      })
+
+      // eslint-disable-next-line mocha/no-skipped-tests
+      it.skip('opens dropdown', function () {
+        cy.findByRole('button', { name: /resolved comments/i }).click()
+        // TODO dropdown opens/closes
+      })
+
+      // eslint-disable-next-line mocha/no-skipped-tests
+      it.skip('renders list of resolved comments', function () {})
+
+      // eslint-disable-next-line mocha/no-skipped-tests
+      it.skip('reopens resolved comment', function () {})
+
+      // eslint-disable-next-line mocha/no-skipped-tests
+      it.skip('deletes resolved comment', function () {})
+    })
+
+    describe('track changes toggle menu', function () {
+      it('renders track changes toolbar', function () {
+        cy.get('@review-panel').within(() => {
+          cy.findByRole('button', { name: /track changes is (on|off)$/i })
+        })
+      })
+
+      it('opens/closes toggle menu', function () {
+        cy.get('@review-panel').within(() => {
+          cy.findByTestId('review-panel-track-changes-menu').should('not.exist')
+          cy.findByRole('button', { name: /track changes is/i }).click()
+          // verify the menu is expanded
+          cy.findByTestId('review-panel-track-changes-menu')
+            .as('menu')
+            .then($el => {
+              const height = window
+                .getComputedStyle($el[0])
+                .getPropertyValue('height')
+              return parseFloat(height)
+            })
+            .should('be.gt', 1)
+          cy.findByRole('button', { name: /track changes is/i }).click()
+          cy.get('@menu').should('not.exist')
+        })
+      })
+
+      it('toggles the "everyone" track changes switch', function () {
+        cy.get('@review-panel').within(() => {
+          cy.findByRole('button', { name: /track changes is off/i }).click()
+          cy.findByLabelText(/track changes for everyone/i).click({
+            force: true,
+          })
+          cy.findByLabelText(/track changes for everyone/i).should('be.checked')
+          // TODO: assert that track changes is on for everyone
+        })
+      })
+
+      // eslint-disable-next-line mocha/no-skipped-tests
+      it.skip('renders track changes with "on" state', function () {
+        const scope = mockScope('')
+        scope.editor.showVisual = true
+        scope.editor.wantTrackChanges = true
+
+        cy.mount(
+          <TestContainer className="rp-size-expanded">
+            <EditorProviders scope={scope}>
+              <CodeMirrorEditor />
+            </EditorProviders>
+          </TestContainer>
+        )
+
+        cy.findByTestId('review-panel').within(() => {
+          cy.findByRole('button', { name: /track changes is on/i }).click()
+        })
+      })
+
+      it('renders a disabled guests switch', function () {
+        cy.findByRole('button', { name: /track changes is off/i }).click()
+        cy.findByLabelText(/track changes for guests/i).should('be.disabled')
+      })
+    })
+  })
+
+  describe('toggler', function () {
+    it('renders toggler button', function () {
+      cy.get('@review-panel').within(() => {
+        cy.findByRole('button', { name: /toggle review panel/i })
+      })
+    })
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('calls the toggler function on click', function () {
+      cy.get('@review-panel').within(() => {
+        cy.findByRole('button', { name: /toggle review panel/i }).click()
+        cy.get('@scope').its('toggleReviewPanel').should('be.calledOnce')
+      })
+    })
+  })
+
+  describe('navigation', function () {
+    it('renders navigation', function () {
+      cy.get('@review-panel').within(() => {
+        cy.findByRole('tab', { name: /current file/i })
+        cy.findByRole('tab', { name: /overview/i })
+      })
+    })
+
+    it('selects the active tab', function () {
+      cy.get('@review-panel').within(() => {
+        cy.findByRole('tab', { name: /current file/i }).should(
+          'have.attr',
+          'aria-selected',
+          'true'
+        )
+        cy.findByRole('tab', { name: /overview/i }).should(
+          'have.attr',
+          'aria-selected',
+          'false'
+        )
+        cy.findByRole('tab', { name: /overview/i }).click()
+        cy.findByRole('tab', { name: /current file/i }).should(
+          'have.attr',
+          'aria-selected',
+          'false'
+        )
+        cy.findByRole('tab', { name: /overview/i }).should(
+          'have.attr',
+          'aria-selected',
+          'true'
+        )
+      })
+    })
+  })
+
+  describe('comment entries', function () {
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('shows threads and comments', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('edits comment', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('deletes comment', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('cancels comment editing', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('cancels comment deletion', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('adds new comment (replies) to a thread', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('resolves comment', function () {})
+  })
+
+  describe('change entries', function () {
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('renders inserted entries in current file mode', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('renders deleted entries in current file mode', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('renders inserted entries in overview mode', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('renders deleted entries in overview mode', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('accepts change', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('rejects change', function () {})
+  })
+
+  describe('aggregate change entries', function () {
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('renders changed entries in current file mode', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('renders changed entries in overview mode', function () {})
+  })
+
+  describe('add comment entry', function () {
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('renders `add comment button`', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('cancels adding comment', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('adds comment', function () {})
+  })
+
+  describe('bulk actions entry', function () {
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('renders the reject and accept all buttons`', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('accepts all changes', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('rejects all changes', function () {})
+  })
+
+  describe('overview mode', function () {
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('shows list of files changed', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('renders comments', function () {})
+  })
+
+  describe('in editor widgets', function () {
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('toggle review panel', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('accepts all changes', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('rejects all changes', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('add comment', function () {})
+  })
+
+  describe('upgrade track changes', function () {
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('renders modal', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('closes modal', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('opens subscription page after clicking on `upgrade`', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('opens subscription page after clicking on `try it for free`', function () {})
+
+    // eslint-disable-next-line mocha/no-skipped-tests
+    it.skip('shows `ask project owner to upgrade` message', function () {})
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/account-info-section.test.tsx b/services/web/test/frontend/features/settings/components/account-info-section.test.tsx
new file mode 100644
index 0000000..112e7d9
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/account-info-section.test.tsx
@@ -0,0 +1,224 @@
+import { expect } from 'chai'
+import { fireEvent, screen, render } from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+import AccountInfoSection from '../../../../../frontend/js/features/settings/components/account-info-section'
+import { UserProvider } from '../../../../../frontend/js/shared/context/user-context'
+import getMeta from '@/utils/meta'
+
+function renderSectionWithUserProvider() {
+  render(<AccountInfoSection />, {
+    wrapper: ({ children }) => <UserProvider>{children}</UserProvider>,
+  })
+}
+
+describe('<AccountInfoSection />', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-user', {
+      email: 'sherlock@holmes.co.uk',
+      first_name: 'Sherlock',
+      last_name: 'Holmes',
+    })
+    Object.assign(getMeta('ol-ExposedSettings'), {
+      hasAffiliationsFeature: false,
+    })
+    window.metaAttributesCache.set(
+      'ol-isExternalAuthenticationSystemUsed',
+      false
+    )
+    window.metaAttributesCache.set('ol-shouldAllowEditingDetails', true)
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('submits all inputs', async function () {
+    const updateMock = fetchMock.post('/user/settings', 200)
+    renderSectionWithUserProvider()
+
+    fireEvent.change(screen.getByLabelText('Email'), {
+      target: { value: 'john@watson.co.uk' },
+    })
+    fireEvent.change(screen.getByLabelText('First name'), {
+      target: { value: 'John' },
+    })
+    fireEvent.change(screen.getByLabelText('Last name'), {
+      target: { value: 'Watson' },
+    })
+    fireEvent.click(
+      screen.getByRole('button', {
+        name: 'Update',
+      })
+    )
+    expect(updateMock.callHistory.called()).to.be.true
+    expect(
+      JSON.parse(updateMock.callHistory.calls().at(-1)?.options.body as string)
+    ).to.deep.equal({
+      email: 'john@watson.co.uk',
+      first_name: 'John',
+      last_name: 'Watson',
+    })
+  })
+
+  it('disables button on invalid email', async function () {
+    const updateMock = fetchMock.post('/user/settings', 200)
+    renderSectionWithUserProvider()
+
+    fireEvent.change(screen.getByLabelText('Email'), {
+      target: { value: 'john' },
+    })
+    const button = screen.getByRole('button', {
+      name: 'Update',
+    }) as HTMLButtonElement
+
+    expect(button.disabled).to.be.true
+    fireEvent.click(button)
+
+    expect(updateMock.callHistory.called()).to.be.false
+  })
+
+  it('shows inflight state and success message', async function () {
+    let finishUpdateCall: (value: any) => void = () => {}
+    fetchMock.post(
+      '/user/settings',
+      new Promise(resolve => (finishUpdateCall = resolve))
+    )
+    renderSectionWithUserProvider()
+
+    fireEvent.click(
+      screen.getByRole('button', {
+        name: 'Update',
+      })
+    )
+    await screen.findByRole('button', { name: /saving/i })
+
+    finishUpdateCall(200)
+    await screen.findByRole('button', {
+      name: 'Update',
+    })
+    screen.getByText('Thanks, your settings have been updated.')
+  })
+
+  it('shows server error', async function () {
+    fetchMock.post('/user/settings', 500)
+    renderSectionWithUserProvider()
+
+    fireEvent.click(
+      screen.getByRole('button', {
+        name: 'Update',
+      })
+    )
+    await screen.findByText('Something went wrong. Please try again.')
+  })
+
+  it('shows invalid error', async function () {
+    fetchMock.post('/user/settings', 400)
+    renderSectionWithUserProvider()
+
+    fireEvent.click(
+      screen.getByRole('button', {
+        name: 'Update',
+      })
+    )
+    await screen.findByText(
+      'Invalid Request. Please correct the data and try again.'
+    )
+  })
+
+  it('shows conflict error', async function () {
+    fetchMock.post('/user/settings', {
+      status: 409,
+      body: {
+        message: 'This email is already registered',
+      },
+    })
+    renderSectionWithUserProvider()
+
+    fireEvent.click(
+      screen.getByRole('button', {
+        name: 'Update',
+      })
+    )
+    await screen.findByText('This email is already registered')
+  })
+
+  it('hides email input', async function () {
+    Object.assign(getMeta('ol-ExposedSettings'), {
+      hasAffiliationsFeature: true,
+    })
+    const updateMock = fetchMock.post('/user/settings', 200)
+
+    renderSectionWithUserProvider()
+    expect(screen.queryByLabelText('Email')).to.not.exist
+
+    fireEvent.click(
+      screen.getByRole('button', {
+        name: 'Update',
+      })
+    )
+    expect(
+      JSON.parse(updateMock.callHistory.calls().at(-1)?.options.body as string)
+    ).to.deep.equal({
+      first_name: 'Sherlock',
+      last_name: 'Holmes',
+    })
+  })
+
+  it('disables email input', async function () {
+    window.metaAttributesCache.set(
+      'ol-isExternalAuthenticationSystemUsed',
+      true
+    )
+    const updateMock = fetchMock.post('/user/settings', 200)
+
+    renderSectionWithUserProvider()
+    expect(screen.getByLabelText('Email')).to.have.property('readOnly', true)
+    expect(screen.getByLabelText('First name')).to.have.property(
+      'readOnly',
+      false
+    )
+    expect(screen.getByLabelText('Last name')).to.have.property(
+      'readOnly',
+      false
+    )
+
+    fireEvent.click(
+      screen.getByRole('button', {
+        name: 'Update',
+      })
+    )
+    expect(
+      JSON.parse(updateMock.callHistory.calls().at(-1)?.options.body as string)
+    ).to.deep.equal({
+      first_name: 'Sherlock',
+      last_name: 'Holmes',
+    })
+  })
+
+  it('disables names input', async function () {
+    window.metaAttributesCache.set('ol-shouldAllowEditingDetails', false)
+    const updateMock = fetchMock.post('/user/settings', 200)
+
+    renderSectionWithUserProvider()
+    expect(screen.getByLabelText('Email')).to.have.property('readOnly', false)
+    expect(screen.getByLabelText('First name')).to.have.property(
+      'readOnly',
+      true
+    )
+    expect(screen.getByLabelText('Last name')).to.have.property(
+      'readOnly',
+      true
+    )
+
+    fireEvent.click(
+      screen.getByRole('button', {
+        name: 'Update',
+      })
+    )
+    expect(
+      JSON.parse(updateMock.callHistory.calls().at(-1)?.options.body as string)
+    ).to.deep.equal({
+      email: 'sherlock@holmes.co.uk',
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/beta-program-section.test.tsx b/services/web/test/frontend/features/settings/components/beta-program-section.test.tsx
new file mode 100644
index 0000000..6cfe6e4
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/beta-program-section.test.tsx
@@ -0,0 +1,42 @@
+import { expect } from 'chai'
+import { screen, render } from '@testing-library/react'
+import BetaProgramSection from '../../../../../frontend/js/features/settings/components/beta-program-section'
+import { UserProvider } from '../../../../../frontend/js/shared/context/user-context'
+
+function renderSectionWithUserProvider() {
+  render(<BetaProgramSection />, {
+    wrapper: ({ children }) => <UserProvider>{children}</UserProvider>,
+  })
+}
+
+describe('<BetaProgramSection />', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-user', {
+      betaProgram: true,
+    })
+  })
+
+  it('shows link to sessions', async function () {
+    renderSectionWithUserProvider()
+
+    const link = screen.getByRole('link', {
+      name: 'Manage Beta Program Membership',
+    })
+
+    expect(link.getAttribute('href')).to.equal('/beta/participate')
+  })
+
+  it('shows enrolled status', async function () {
+    renderSectionWithUserProvider()
+    screen.getByText('You are enrolled in the Beta Program')
+  })
+
+  it('shows not enrolled status', async function () {
+    window.metaAttributesCache.set('ol-user', {
+      betaProgram: false,
+    })
+    renderSectionWithUserProvider()
+    screen.getByText('You are not enrolled in the Beta Program')
+    screen.getByText(/By joining this program you can have/)
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/emails/add-email-input.test.tsx b/services/web/test/frontend/features/settings/components/emails/add-email-input.test.tsx
new file mode 100644
index 0000000..dae80cd
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/emails/add-email-input.test.tsx
@@ -0,0 +1,401 @@
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import { expect } from 'chai'
+import sinon from 'sinon'
+import fetchMock from 'fetch-mock'
+import Input, {
+  clearDomainCache,
+} from '../../../../../../frontend/js/features/settings/components/emails/add-email/input'
+import domainBlocklist from '../../../../../../frontend/js/features/settings/domain-blocklist'
+
+const testInstitutionData = [
+  { university: { id: 124 }, hostname: 'domain.edu' },
+]
+
+describe('<AddEmailInput/>', function () {
+  const defaultProps = {
+    onChange: (value: string) => {},
+    handleAddNewEmail: () => {},
+  }
+
+  beforeEach(function () {
+    clearDomainCache()
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  describe('on initial render', function () {
+    it('should render an input with a placeholder', function () {
+      render(<Input {...defaultProps} />)
+      screen.getByPlaceholderText('e.g. johndoe@mit.edu')
+    })
+
+    it('should not dispatch any `change` event', function () {
+      const onChangeStub = sinon.stub()
+      render(<Input {...defaultProps} onChange={onChangeStub} />)
+      expect(onChangeStub.called).to.equal(false)
+    })
+  })
+
+  describe('when typing text that does not contain any potential domain match', function () {
+    let onChangeStub: sinon.SinonStub
+    let handleAddNewEmailStub: sinon.SinonStub
+
+    beforeEach(function () {
+      fetchMock.get('express:/institutions/domains', 200)
+      onChangeStub = sinon.stub()
+      handleAddNewEmailStub = sinon.stub()
+      render(
+        <Input
+          {...defaultProps}
+          onChange={onChangeStub}
+          handleAddNewEmail={handleAddNewEmailStub}
+        />
+      )
+      fireEvent.change(screen.getByTestId('affiliations-email'), {
+        target: { value: 'user' },
+      })
+    })
+
+    it('should render the text being typed', function () {
+      const input = screen.getByTestId('affiliations-email') as HTMLInputElement
+      expect(input.value).to.equal('user')
+    })
+
+    it('should dispatch a `change` event on every stroke', function () {
+      expect(onChangeStub.calledWith('user')).to.equal(true)
+      fireEvent.change(screen.getByTestId('affiliations-email'), {
+        target: { value: 's' },
+      })
+      expect(onChangeStub.calledWith('s')).to.equal(true)
+    })
+
+    it('should not make any request for institution domains', function () {
+      expect(fetchMock.callHistory.called()).to.be.false
+    })
+
+    it('should submit on Enter if email looks valid', async function () {
+      fireEvent.change(screen.getByTestId('affiliations-email'), {
+        target: { value: 'user@domain.com' },
+      })
+      fireEvent.keyDown(screen.getByTestId('affiliations-email'), {
+        key: 'Enter',
+      })
+      expect(handleAddNewEmailStub.calledWith()).to.equal(true)
+    })
+
+    it('should not submit on Enter if email does not look valid', async function () {
+      fireEvent.change(screen.getByTestId('affiliations-email'), {
+        target: { value: 'user@' },
+      })
+      fireEvent.keyDown(screen.getByTestId('affiliations-email'), {
+        key: 'Enter',
+      })
+      expect(handleAddNewEmailStub.calledWith()).to.equal(false)
+    })
+  })
+
+  describe('when typing text that contains a potential domain match', function () {
+    let onChangeStub: sinon.SinonStub
+
+    beforeEach(function () {
+      onChangeStub = sinon.stub()
+      render(<Input {...defaultProps} onChange={onChangeStub} />)
+    })
+
+    describe('when there are no matches', function () {
+      beforeEach(function () {
+        fetchMock.get('express:/institutions/domains', 200)
+        fireEvent.change(screen.getByTestId('affiliations-email'), {
+          target: { value: 'user@d' },
+        })
+      })
+
+      it('should render the text being typed', function () {
+        const input = screen.getByTestId(
+          'affiliations-email'
+        ) as HTMLInputElement
+        expect(input.value).to.equal('user@d')
+      })
+    })
+
+    describe('when there is a domain match', function () {
+      beforeEach(async function () {
+        fetchMock.get('express:/institutions/domains', testInstitutionData)
+        fireEvent.change(screen.getByTestId('affiliations-email'), {
+          target: { value: 'user@d' },
+        })
+        // Wait for component to process the change and update the shadow input
+        await waitFor(() => {
+          const shadowInput = screen.getByTestId(
+            'affiliations-email-shadow'
+          ) as HTMLInputElement
+          expect(shadowInput.value).to.equal('user@domain.edu')
+        })
+      })
+
+      it('should render the text being typed along with the suggestion', async function () {
+        const input = screen.getByTestId(
+          'affiliations-email'
+        ) as HTMLInputElement
+        expect(input.value).to.equal('user@d')
+        await waitFor(() => {
+          const shadowInput = screen.getByTestId(
+            'affiliations-email-shadow'
+          ) as HTMLInputElement
+          expect(shadowInput.value).to.equal('user@domain.edu')
+        })
+      })
+
+      it('should dispatch a `change` event with the typed text', function () {
+        expect(onChangeStub.calledWith('user@d')).to.equal(true)
+      })
+
+      it('should dispatch a `change` event with institution data when the typed email contains the institution domain', async function () {
+        fireEvent.change(screen.getByTestId('affiliations-email'), {
+          target: { value: 'user@domain.edu' },
+        })
+        await fetchMock.callHistory.flush(true)
+        expect(
+          onChangeStub.calledWith(
+            'user@domain.edu',
+            sinon.match(testInstitutionData[0])
+          )
+        ).to.equal(true)
+      })
+
+      it('should clear the suggestion when the potential domain match is completely deleted', async function () {
+        await waitFor(() => {
+          const shadowInput = screen.getByTestId(
+            'affiliations-email-shadow'
+          ) as HTMLInputElement
+          expect(shadowInput.value).to.equal('user@domain.edu')
+        })
+        fireEvent.change(screen.getByTestId('affiliations-email'), {
+          target: { value: '' },
+        })
+        expect(screen.queryByText('user@domain.edu')).to.be.null
+      })
+
+      describe('when there is a suggestion and "Tab" key is pressed', function () {
+        beforeEach(async function () {
+          // wait until autocompletion available
+          await waitFor(() => {
+            const shadowInput = screen.getByTestId(
+              'affiliations-email-shadow'
+            ) as HTMLInputElement
+            expect(shadowInput.value).to.equal('user@domain.edu')
+          })
+          fireEvent.keyDown(screen.getByTestId('affiliations-email'), {
+            key: 'Tab',
+          })
+        })
+
+        it('it should autocomplete the input', async function () {
+          const input = screen.getByTestId(
+            'affiliations-email'
+          ) as HTMLInputElement
+          expect(input.value).to.equal('user@domain.edu')
+        })
+
+        it('should dispatch a `change` event with the domain matched', async function () {
+          expect(
+            onChangeStub.calledWith(
+              'user@domain.edu',
+              sinon.match(testInstitutionData[0])
+            )
+          ).to.equal(true)
+        })
+      })
+
+      describe('when there is a suggestion and "Enter" key is pressed', function () {
+        beforeEach(async function () {
+          // wait until autocompletion available
+          await waitFor(() => {
+            const shadowInput = screen.getByTestId(
+              'affiliations-email-shadow'
+            ) as HTMLInputElement
+            expect(shadowInput.value).to.equal('user@domain.edu')
+          })
+          fireEvent.keyDown(screen.getByTestId('affiliations-email'), {
+            key: 'Enter',
+          })
+        })
+
+        it('it should autocomplete the input', async function () {
+          const input = screen.getByTestId(
+            'affiliations-email'
+          ) as HTMLInputElement
+          expect(input.value).to.equal('user@domain.edu')
+        })
+
+        it('should dispatch a `change` event with the domain matched', async function () {
+          expect(
+            onChangeStub.calledWith(
+              'user@domain.edu',
+              sinon.match(testInstitutionData[0])
+            )
+          ).to.equal(true)
+        })
+      })
+
+      it('should cache the result and skip subsequent requests', async function () {
+        fetchMock.removeRoutes().clearHistory()
+
+        // clear input
+        fireEvent.change(screen.getByTestId('affiliations-email'), {
+          target: { value: '' },
+        })
+        // type a hint to trigger the domain search
+        fireEvent.change(screen.getByTestId('affiliations-email'), {
+          target: { value: 'user@d' },
+        })
+
+        expect(fetchMock.callHistory.called()).to.be.false
+        expect(onChangeStub.calledWith('user@d')).to.equal(true)
+        await waitFor(() => {
+          const shadowInput = screen.getByTestId(
+            'affiliations-email-shadow'
+          ) as HTMLInputElement
+          expect(shadowInput.value).to.equal('user@domain.edu')
+        })
+      })
+    })
+
+    describe('when there is a match for a blocklisted domain', function () {
+      const [blockedDomain] = domainBlocklist
+
+      afterEach(function () {
+        clearDomainCache()
+        fetchMock.removeRoutes().clearHistory()
+      })
+
+      it('should not render the suggestion with blocked domain', async function () {
+        const blockedInstitution = [
+          { university: { id: 1 }, hostname: blockedDomain },
+        ]
+        fetchMock.get('express:/institutions/domains', blockedInstitution)
+        fireEvent.change(screen.getByTestId('affiliations-email'), {
+          target: { value: `user@${blockedDomain.split('.')[0]}` },
+        })
+        await fetchMock.callHistory.flush(true)
+        expect(screen.queryByText(`user@${blockedDomain}`)).to.be.null
+      })
+
+      it('should not render the suggestion with blocked domain having a subdomain', async function () {
+        const blockedInstitution = [
+          {
+            university: { id: 1 },
+            hostname: `subdomain.${blockedDomain}`,
+          },
+        ]
+        fetchMock.get('express:/institutions/domains', blockedInstitution)
+        fireEvent.change(screen.getByTestId('affiliations-email'), {
+          target: {
+            value: `user@subdomain.${blockedDomain.split('.')[0]}`,
+          },
+        })
+        await fetchMock.callHistory.flush(true)
+        expect(screen.queryByText(`user@subdomain.${blockedDomain}`)).to.be.null
+      })
+    })
+
+    describe('while waiting for a response', function () {
+      beforeEach(async function () {
+        // type an initial suggestion
+        fetchMock.get('express:/institutions/domains', testInstitutionData)
+        fireEvent.change(screen.getByTestId('affiliations-email'), {
+          target: { value: 'user@d' },
+        })
+        await waitFor(() => {
+          const shadowInput = screen.getByTestId(
+            'affiliations-email-shadow'
+          ) as HTMLInputElement
+          expect(shadowInput.value).to.equal('user@domain.edu')
+        })
+
+        // make sure the next suggestions are delayed
+        clearDomainCache()
+        fetchMock.removeRoutes().clearHistory()
+        fetchMock.get('express:/institutions/domains', 200, { delay: 1000 })
+      })
+
+      it('should keep the suggestion if the hint matches the previously matched domain', async function () {
+        fireEvent.change(screen.getByTestId('affiliations-email'), {
+          target: { value: 'user@do' },
+        })
+        const shadowInput = screen.getByTestId(
+          'affiliations-email-shadow'
+        ) as HTMLInputElement
+        expect(shadowInput.value).to.equal('user@domain.edu')
+      })
+
+      it('should remove the suggestion if the hint does not match the previously matched domain', async function () {
+        fireEvent.change(screen.getByTestId('affiliations-email'), {
+          target: { value: 'user@foo' },
+        })
+        await waitFor(() => {
+          const shadowInput = screen.getByTestId(
+            'affiliations-email-shadow'
+          ) as HTMLInputElement
+          expect(shadowInput.value).to.equal('')
+        })
+      })
+    })
+  })
+
+  describe('when the request to fetch institution domains fail', function () {
+    let onChangeStub
+
+    beforeEach(async function () {
+      // initial request populates the suggestion
+      fetchMock.get('express:/institutions/domains', testInstitutionData)
+      onChangeStub = sinon.stub()
+      render(<Input {...defaultProps} onChange={onChangeStub} />)
+      fireEvent.change(screen.getByTestId('affiliations-email'), {
+        target: { value: 'user@d' },
+      })
+      await waitFor(() => {
+        const shadowInput = screen.getByTestId(
+          'affiliations-email-shadow'
+        ) as HTMLInputElement
+        expect(shadowInput.value).to.equal('user@domain.edu')
+      })
+
+      // subsequent requests fail
+      fetchMock.removeRoutes().clearHistory()
+      fetchMock.get('express:/institutions/domains', 500)
+    })
+
+    it('should clear suggestions', async function () {
+      fireEvent.change(screen.getByTestId('affiliations-email'), {
+        target: { value: 'user@dom' },
+      })
+
+      const input = screen.getByTestId('affiliations-email') as HTMLInputElement
+      expect(input.value).to.equal('user@dom')
+
+      await waitFor(() => {
+        const shadowInput = screen.getByTestId(
+          'affiliations-email-shadow'
+        ) as HTMLInputElement
+        expect(shadowInput.value).to.equal('')
+      })
+
+      expect(fetchMock.callHistory.called()).to.be.true // ensures `domainCache` hasn't been hit
+    })
+  })
+
+  describe('when the request to fetch institution is not matching input', function () {
+    it('should clear suggestion', async function () {
+      fetchMock.get('express:/institutions/domains', testInstitutionData)
+      render(<Input {...defaultProps} onChange={sinon.stub()} />)
+      fireEvent.change(screen.getByTestId('affiliations-email'), {
+        target: { value: 'user@other' },
+      })
+      await fetchMock.callHistory.flush(true)
+      const shadowInput = screen.getByTestId(
+        'affiliations-email-shadow'
+      ) as HTMLInputElement
+      expect(shadowInput.value).to.equal('')
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/emails/emails-row.test.tsx b/services/web/test/frontend/features/settings/components/emails/emails-row.test.tsx
new file mode 100644
index 0000000..990d905
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/emails/emails-row.test.tsx
@@ -0,0 +1,121 @@
+import { render, screen } from '@testing-library/react'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import { cloneDeep } from 'lodash'
+import EmailsRow from '../../../../../../frontend/js/features/settings/components/emails/row'
+import {
+  professionalUserData,
+  unconfirmedUserData,
+} from '../../fixtures/test-user-email-data'
+import { UserEmailData } from '../../../../../../types/user-email'
+import { UserEmailsProvider } from '../../../../../../frontend/js/features/settings/context/user-email-context'
+import { Affiliation } from '../../../../../../types/affiliation'
+import getMeta from '@/utils/meta'
+
+function renderEmailsRow(data: UserEmailData) {
+  return render(
+    <UserEmailsProvider>
+      <EmailsRow userEmailData={data} />
+    </UserEmailsProvider>
+  )
+}
+
+function getByTextContent(text: string) {
+  return screen.getAllByText(
+    (content, node) =>
+      content === text || node?.children[0]?.textContent === text
+  )
+}
+
+describe('<EmailsRow/>', function () {
+  beforeEach(function () {
+    Object.assign(getMeta('ol-ExposedSettings'), {
+      samlInitPath: '/saml',
+      hasSamlBeta: true,
+    })
+    fetchMock.get('/user/emails?ensureAffiliation=true', [])
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  describe('with unaffiliated email data', function () {
+    it('renders email info', function () {
+      renderEmailsRow(unconfirmedUserData)
+      screen.getByText('baz@overleaf.com')
+    })
+
+    it('renders actions', function () {
+      renderEmailsRow(unconfirmedUserData)
+      screen.getByRole('button', { name: 'Make Primary' })
+    })
+  })
+
+  describe('with affiliated email data', function () {
+    it('renders email info', function () {
+      renderEmailsRow(professionalUserData)
+      screen.getByText('foo@overleaf.com')
+      screen.getByText('Primary')
+    })
+
+    it('renders actions', function () {
+      renderEmailsRow(professionalUserData)
+      screen.getByRole('button', { name: 'Remove' })
+    })
+
+    it('renders institution info', function () {
+      renderEmailsRow(professionalUserData)
+      screen.getByText('Overleaf')
+      screen.getByText('Reader, Art History')
+    })
+  })
+
+  describe('with email data affiliated to an institution with SSO available', function () {
+    let affiliatedEmail: UserEmailData & { affiliation: Affiliation }
+
+    beforeEach(function () {
+      window.metaAttributesCache.get('ol-ExposedSettings').hasSamlFeature = true
+
+      // make sure the institution has SSO available
+      affiliatedEmail = cloneDeep(professionalUserData)
+      affiliatedEmail.affiliation.institution.confirmed = true
+      affiliatedEmail.affiliation.institution.isUniversity = true
+      affiliatedEmail.affiliation.institution.ssoEnabled = true
+    })
+
+    describe('when the email is not yet linked to the institution', function () {
+      beforeEach(async function () {
+        fetchMock.removeRoutes().clearHistory()
+        fetchMock.get(/\/user\/emails/, [affiliatedEmail, unconfirmedUserData])
+        await fetchMock.callHistory.flush(true)
+      })
+
+      it('prompts the user to link to their institutional account', function () {
+        renderEmailsRow(affiliatedEmail)
+        getByTextContent(
+          'You can now link your Overleaf account to your Overleaf institutional account.'
+        )
+        screen.getByRole('button', { name: 'Link Accounts' })
+      })
+    })
+
+    describe('when the email is already linked to the institution', function () {
+      beforeEach(async function () {
+        affiliatedEmail.samlProviderId = '1'
+        fetchMock.removeRoutes().clearHistory()
+        fetchMock.get(/\/user\/emails/, [affiliatedEmail, unconfirmedUserData])
+        await fetchMock.callHistory.flush(true)
+      })
+
+      it('prompts the user to login using their institutional account', function () {
+        renderEmailsRow(affiliatedEmail)
+        getByTextContent(
+          'You can log in to Overleaf through your Overleaf institutional login.'
+        )
+        expect(screen.queryByRole('button', { name: 'Link Accounts' })).to.be
+          .null
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/emails/emails-section-actions.test.tsx b/services/web/test/frontend/features/settings/components/emails/emails-section-actions.test.tsx
new file mode 100644
index 0000000..fca5714
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/emails/emails-section-actions.test.tsx
@@ -0,0 +1,272 @@
+import {
+  render,
+  screen,
+  waitForElementToBeRemoved,
+  within,
+  fireEvent,
+} from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import { expect } from 'chai'
+import { UserEmailData } from '../../../../../../types/user-email'
+import fetchMock from 'fetch-mock'
+import EmailsSection from '../../../../../../frontend/js/features/settings/components/emails-section'
+import { Institution } from '../../../../../../types/institution'
+import { Affiliation } from '../../../../../../types/affiliation'
+import getMeta from '@/utils/meta'
+
+const userEmailData: UserEmailData = {
+  confirmedAt: '2022-03-10T10:59:44.139Z',
+  email: 'bar@overleaf.com',
+  default: false,
+}
+
+const userEmailData2: UserEmailData & { affiliation: Affiliation } = {
+  affiliation: {
+    inReconfirmNotificationPeriod: false,
+    institution: {
+      confirmed: false,
+    } as Institution,
+  } as Affiliation,
+  confirmedAt: '2022-03-10T10:59:44.139Z',
+  email: 'bar@overleaf.com',
+  default: false,
+}
+
+describe('email actions - make primary', function () {
+  beforeEach(function () {
+    Object.assign(getMeta('ol-ExposedSettings'), {
+      hasAffiliationsFeature: true,
+    })
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  describe('disabled `make primary` button', function () {
+    it('when renders with unconfirmed email', async function () {
+      const userEmailDataCopy = { ...userEmailData2 }
+      const { confirmedAt: _, ...userEmailData } = userEmailDataCopy
+      fetchMock.get('/user/emails?ensureAffiliation=true', [userEmailData])
+      render(<EmailsSection />)
+
+      const button = (await screen.findByRole('button', {
+        name: /make primary/i,
+      })) as HTMLButtonElement
+      expect(button.disabled).to.be.true
+    })
+
+    it('when renders with email in reconfirmation period', async function () {
+      const userEmailDataCopy = {
+        ...userEmailData2,
+        affiliation: {
+          ...userEmailData2.affiliation,
+          inReconfirmNotificationPeriod: true,
+        },
+      }
+      fetchMock.get('/user/emails?ensureAffiliation=true', [userEmailDataCopy])
+      render(<EmailsSection />)
+
+      const button = (await screen.findByRole('button', {
+        name: /make primary/i,
+      })) as HTMLButtonElement
+      expect(button.disabled).to.be.true
+    })
+  })
+
+  describe('button tooltips', function () {
+    it('when the email is in reconfirmation period', async function () {
+      const userEmailDataCopy = {
+        ...userEmailData2,
+        affiliation: {
+          ...userEmailData2.affiliation,
+          inReconfirmNotificationPeriod: true,
+        },
+      }
+
+      fetchMock.get('/user/emails?ensureAffiliation=true', [userEmailDataCopy])
+      render(<EmailsSection />)
+
+      const button = (await screen.findByRole('button', {
+        name: /make primary/i,
+      })) as HTMLButtonElement
+
+      await userEvent.hover(button.parentElement!)
+
+      await screen.findByText(
+        /Please confirm your affiliation before making this the primary/i
+      )
+    })
+
+    it('when the email is confirmed', async function () {
+      const userEmailDataCopy = { ...userEmailData2 }
+
+      fetchMock.get('/user/emails?ensureAffiliation=true', [userEmailDataCopy])
+      render(<EmailsSection />)
+
+      const button = (await screen.findByRole('button', {
+        name: /make primary/i,
+      })) as HTMLButtonElement
+
+      await userEvent.hover(button.parentElement!)
+
+      await screen.findByText('Make this the primary email, used to log in', {
+        exact: false,
+      })
+    })
+
+    it('when not linked to institution', async function () {
+      Object.assign(getMeta('ol-ExposedSettings'), {
+        hasAffiliationsFeature: true,
+        hasSamlFeature: true,
+      })
+
+      const userEmailDataCopy = { ...userEmailData2 }
+      const { confirmedAt: _, ...userEmailData } = userEmailDataCopy
+      const userEmailDataCopy1 = { ...userEmailData }
+      const userEmailDataCopy2 = {
+        ...userEmailData,
+        email: 'baz@overleaf.com',
+        affiliation: {
+          ...userEmailData.affiliation,
+          institution: {
+            ...userEmailData.affiliation.institution,
+            id: 123,
+            confirmed: true,
+            isUniversity: true,
+            ssoEnabled: true,
+          },
+        },
+      }
+
+      fetchMock.get('/user/emails?ensureAffiliation=true', [
+        userEmailDataCopy1,
+        userEmailDataCopy2,
+      ])
+      render(<EmailsSection />)
+
+      const buttons = (await screen.findAllByRole('button', {
+        name: /make primary/i,
+      })) as HTMLButtonElement[]
+
+      await userEvent.hover(buttons[1].parentElement!)
+
+      await screen.findByText(
+        'Please confirm your email by linking to your institutional account before making it the primary email',
+        {
+          exact: false,
+        }
+      )
+    })
+  })
+
+  describe('make an email primary', function () {
+    const confirmPrimaryEmail = async () => {
+      const button = await screen.findByRole('button', {
+        name: /make primary/i,
+      })
+      fireEvent.click(button)
+
+      const withinModal = within(screen.getByRole('dialog'))
+      fireEvent.click(
+        withinModal.getByRole('button', { name: 'Change primary email' })
+      )
+      await waitForElementToBeRemoved(() => screen.getByRole('dialog'))
+    }
+
+    it('shows confirmation modal and closes it', async function () {
+      fetchMock.get('/user/emails?ensureAffiliation=true', [userEmailData])
+      render(<EmailsSection />)
+
+      const button = await screen.findByRole('button', {
+        name: /make primary/i,
+      })
+      fireEvent.click(button)
+
+      const withinModal = within(screen.getByRole('dialog'))
+      withinModal.getByText(
+        /do you want to change your primary email address to .*/i
+      )
+      withinModal.getByText(
+        /this will be the email address to use if you log in with an email address and password/i
+      )
+      withinModal.getByText(
+        /important .* notifications will be sent to this email address/i
+      )
+      withinModal.getByRole('button', { name: 'Change primary email' })
+
+      fireEvent.click(withinModal.getByRole('button', { name: /cancel/i }))
+
+      await waitForElementToBeRemoved(screen.getByRole('dialog'))
+    })
+
+    it('shows loader and removes button', async function () {
+      fetchMock
+        .get('/user/emails?ensureAffiliation=true', [userEmailData])
+        .post('/user/emails/default?delete-unconfirmed-primary', 200)
+      render(<EmailsSection />)
+
+      await confirmPrimaryEmail()
+
+      expect(
+        screen.queryByText(
+          /an error has occurred while performing your request/i
+        )
+      ).to.be.null
+      expect(screen.queryByRole('button', { name: /make primary/i })).to.be.null
+    })
+
+    it('shows error', async function () {
+      fetchMock
+        .get('/user/emails?ensureAffiliation=true', [userEmailData])
+        .post('/user/emails/default?delete-unconfirmed-primary', 503)
+      render(<EmailsSection />)
+
+      await confirmPrimaryEmail()
+
+      screen.getByText(/sorry, something went wrong/i)
+      await screen.findByRole('button', { name: /make primary/i })
+    })
+  })
+})
+
+describe('email actions - delete', function () {
+  beforeEach(function () {
+    Object.assign(getMeta('ol-ExposedSettings'), {
+      hasAffiliationsFeature: true,
+    })
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows loader when deleting and removes the row', async function () {
+    fetchMock
+      .get('/user/emails?ensureAffiliation=true', [userEmailData])
+      .post('/user/emails/delete', 200)
+    render(<EmailsSection />)
+
+    const button = await screen.findByRole('button', { name: /remove/i })
+    fireEvent.click(button)
+
+    await waitForElementToBeRemoved(() =>
+      screen.queryByText(userEmailData.email)
+    )
+  })
+
+  it('shows error when deleting', async function () {
+    fetchMock
+      .get('/user/emails?ensureAffiliation=true', [userEmailData])
+      .post('/user/emails/delete', 503)
+    render(<EmailsSection />)
+
+    const button = await screen.findByRole('button', { name: /remove/i })
+    fireEvent.click(button)
+
+    await screen.queryByText(/sorry, something went wrong/i)
+    screen.getByRole('button', { name: /remove/i })
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/emails/emails-section-add-new-email.test.tsx b/services/web/test/frontend/features/settings/components/emails/emails-section-add-new-email.test.tsx
new file mode 100644
index 0000000..4a96308
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/emails/emails-section-add-new-email.test.tsx
@@ -0,0 +1,697 @@
+import {
+  render,
+  screen,
+  fireEvent,
+  waitForElementToBeRemoved,
+} from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import EmailsSection from '../../../../../../frontend/js/features/settings/components/emails-section'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import { UserEmailData } from '../../../../../../types/user-email'
+import { Affiliation } from '../../../../../../types/affiliation'
+import withMarkup from '../../../../helpers/with-markup'
+import getMeta from '@/utils/meta'
+
+const userEmailData: UserEmailData & { affiliation: Affiliation } = {
+  affiliation: {
+    cachedConfirmedAt: null,
+    cachedEntitlement: null,
+    cachedLastDayToReconfirm: null,
+    cachedPastReconfirmDate: false,
+    cachedReconfirmedAt: null,
+    department: 'Art History',
+    institution: {
+      commonsAccount: false,
+      writefullCommonsAccount: false,
+      confirmed: true,
+      id: 1,
+      isUniversity: true,
+      maxConfirmationMonths: null,
+      name: 'Overleaf',
+      ssoEnabled: false,
+      ssoBeta: false,
+    },
+    inReconfirmNotificationPeriod: false,
+    inferred: false,
+    licence: 'pro_plus',
+    pastReconfirmDate: false,
+    portal: { slug: '', templates_count: 1 },
+    role: 'Reader',
+  },
+  email: 'baz@overleaf.com',
+  default: false,
+}
+
+const institutionDomainData = [
+  {
+    university: {
+      id: 1234,
+      ssoEnabled: true,
+      name: 'Auto Complete University',
+    },
+    hostname: 'autocomplete.edu',
+    confirmed: true,
+  },
+] as const
+
+function resetFetchMock() {
+  fetchMock.removeRoutes().clearHistory()
+  fetchMock.get('express:/institutions/domains', [])
+}
+
+async function confirmCodeForEmail(email: string) {
+  screen.getByText(`Enter the 6-digit confirmation code sent to ${email}.`)
+  const inputCode = screen.getByLabelText(/6-digit confirmation code/i)
+  fireEvent.change(inputCode, { target: { value: '123456' } })
+  const submitCodeBtn = screen.getByRole<HTMLButtonElement>('button', {
+    name: 'Confirm',
+  })
+  fireEvent.click(submitCodeBtn)
+  await waitForElementToBeRemoved(() =>
+    screen.getByRole('button', { name: /confirming/i })
+  )
+}
+
+describe('<EmailsSection />', function () {
+  beforeEach(function () {
+    Object.assign(getMeta('ol-ExposedSettings'), {
+      hasAffiliationsFeature: true,
+      hasSamlFeature: true,
+      samlInitPath: 'saml/init',
+    })
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  afterEach(function () {
+    resetFetchMock()
+  })
+
+  it('renders "add another email" button', async function () {
+    fetchMock.get('/user/emails?ensureAffiliation=true', [])
+    render(<EmailsSection />)
+
+    await screen.findByRole('button', { name: /add another email/i })
+  })
+
+  it('renders input', async function () {
+    fetchMock.get('/user/emails?ensureAffiliation=true', [])
+    render(<EmailsSection />)
+    await fetchMock.callHistory.flush(true)
+
+    const button = await screen.findByRole<HTMLButtonElement>('button', {
+      name: /add another email/i,
+    })
+    fireEvent.click(button)
+
+    await screen.findByLabelText(/email/i)
+  })
+
+  it('renders "Start adding your address" until a valid email is typed', async function () {
+    fetchMock.get('/user/emails?ensureAffiliation=true', [])
+    fetchMock.get(`/institutions/domains?hostname=email.com&limit=1`, 200)
+    fetchMock.get(`/institutions/domains?hostname=email&limit=1`, 200)
+    render(<EmailsSection />)
+    await fetchMock.callHistory.flush(true)
+
+    const button = await screen.findByRole<HTMLButtonElement>('button', {
+      name: /add another email/i,
+    })
+    fireEvent.click(button)
+
+    const input = screen.getByLabelText(/email/i)
+
+    // initially the text is displayed and the "add email" button disabled
+    screen.getByText('Start by adding your email address.')
+    expect(
+      screen.getByRole<HTMLButtonElement>('button', {
+        name: /add new email/i,
+      }).disabled
+    ).to.be.true
+
+    // no changes while writing the email address
+    fireEvent.change(input, {
+      target: { value: 'partial@email' },
+    })
+    screen.getByText('Start by adding your email address.')
+    expect(
+      screen.getByRole<HTMLButtonElement>('button', {
+        name: /add new email/i,
+      }).disabled
+    ).to.be.true
+
+    // the text is removed when the complete email address is typed, and the "add button" is reenabled
+    fireEvent.change(input, {
+      target: { value: 'valid@email.com' },
+    })
+    expect(screen.queryByText('Start by adding your email address.')).to.be.null
+    expect(
+      screen.getByRole<HTMLButtonElement>('button', {
+        name: /add new email/i,
+      }).disabled
+    ).to.be.false
+  })
+
+  it('renders "add new email" button', async function () {
+    fetchMock.get('/user/emails?ensureAffiliation=true', [])
+    render(<EmailsSection />)
+
+    const button = await screen.findByRole<HTMLButtonElement>('button', {
+      name: /add another email/i,
+    })
+    fireEvent.click(button)
+
+    screen.getByRole('button', { name: /add new email/i })
+  })
+
+  it('prevent users from adding new emails when the limit is reached', async function () {
+    const emails = []
+    for (let i = 0; i < 10; i++) {
+      emails.push({ email: `bar${i}@overleaf.com` })
+    }
+    fetchMock.get('/user/emails?ensureAffiliation=true', emails)
+    render(<EmailsSection />)
+
+    const findByTextWithMarkup = withMarkup(screen.findByText)
+    await findByTextWithMarkup(
+      'You can have a maximum of 10 email addresses on this account. To add another email address, please delete an existing one.'
+    )
+
+    expect(screen.queryByRole('button', { name: /add another email/i })).to.not
+      .exist
+  })
+
+  it('adds new email address', async function () {
+    fetchMock.get('/user/emails?ensureAffiliation=true', [])
+    render(<EmailsSection />)
+
+    const addAnotherEmailBtn = await screen.findByRole<HTMLButtonElement>(
+      'button',
+      { name: /add another email/i }
+    )
+
+    await fetchMock.callHistory.flush(true)
+    resetFetchMock()
+    fetchMock
+      .get('/user/emails?ensureAffiliation=true', [userEmailData])
+      .post('/user/emails/secondary', 200)
+      .post('/user/emails/confirm-secondary', 200)
+
+    fireEvent.click(addAnotherEmailBtn)
+    const input = screen.getByLabelText(/email/i)
+
+    fireEvent.change(input, {
+      target: { value: userEmailData.email },
+    })
+
+    const submitBtn = screen.getByRole<HTMLButtonElement>('button', {
+      name: /add new email/i,
+    })
+
+    expect(submitBtn.disabled).to.be.false
+
+    fireEvent.click(submitBtn)
+
+    expect(submitBtn.disabled).to.be.true
+
+    await waitForElementToBeRemoved(() =>
+      screen.getByRole('button', {
+        name: /Loading/i,
+      })
+    )
+
+    await confirmCodeForEmail(userEmailData.email)
+    await screen.findByText(userEmailData.email)
+  })
+
+  it('fails to add add new email address', async function () {
+    fetchMock.get('/user/emails?ensureAffiliation=true', [])
+    render(<EmailsSection />)
+
+    const addAnotherEmailBtn = await screen.findByRole<HTMLButtonElement>(
+      'button',
+      { name: /add another email/i }
+    )
+
+    await fetchMock.callHistory.flush(true)
+    resetFetchMock()
+    fetchMock
+      .get('/user/emails?ensureAffiliation=true', [])
+      .post('/user/emails/secondary', 400)
+
+    fireEvent.click(addAnotherEmailBtn)
+    const input = screen.getByLabelText(/email/i)
+
+    fireEvent.change(input, {
+      target: { value: userEmailData.email },
+    })
+
+    const submitBtn = screen.getByRole<HTMLButtonElement>('button', {
+      name: /add new email/i,
+    })
+
+    expect(submitBtn.disabled).to.be.false
+
+    fireEvent.click(submitBtn)
+
+    expect(submitBtn.disabled).to.be.true
+
+    await screen.findByText(
+      /Invalid Request. Please correct the data and try again./i
+    )
+    expect(submitBtn).to.not.be.null
+    expect(submitBtn.disabled).to.be.false
+  })
+
+  it('can link email address to an existing SSO institution', async function () {
+    fetchMock.get('/user/emails?ensureAffiliation=true', [])
+    render(<EmailsSection />)
+
+    const button = await screen.findByRole<HTMLButtonElement>('button', {
+      name: /add another email/i,
+    })
+
+    await fetchMock.callHistory.flush(true)
+    fetchMock.removeRoutes().clearHistory()
+    fetchMock.get('express:/institutions/domains', institutionDomainData)
+
+    await userEvent.click(button)
+
+    const input = screen.getByLabelText(/email/i)
+    fireEvent.change(input, {
+      target: { value: 'user@autocomplete.edu' },
+    })
+
+    await screen.findByRole('button', { name: 'Link Accounts and Add Email' })
+  })
+
+  it('adds new email address with existing institution and custom departments', async function () {
+    const country = 'Germany'
+    const customDepartment = 'Custom department'
+    fetchMock.get('/user/emails?ensureAffiliation=true', [])
+    render(<EmailsSection />)
+
+    const button = await screen.findByRole<HTMLButtonElement>('button', {
+      name: /add another email/i,
+    })
+
+    await fetchMock.callHistory.flush(true)
+    resetFetchMock()
+
+    await userEvent.click(button)
+
+    await userEvent.type(screen.getByLabelText(/email/i), userEmailData.email)
+
+    await userEvent.click(screen.getByRole('button', { name: /let us know/i }))
+
+    const universityInput = screen.getByRole<HTMLInputElement>('textbox', {
+      name: /university/i,
+    })
+
+    expect(universityInput.disabled).to.be.true
+
+    fetchMock.get('/institutions/list?country_code=de', [
+      {
+        id: userEmailData.affiliation.institution.id,
+        name: userEmailData.affiliation.institution.name,
+        country_code: 'de',
+        departments: [customDepartment],
+      },
+    ])
+
+    // Select the country from dropdown
+    await userEvent.type(
+      screen.getByRole('textbox', {
+        name: /country/i,
+      }),
+      country
+    )
+    await userEvent.click(screen.getByText(country))
+
+    expect(universityInput.disabled).to.be.false
+
+    await fetchMock.callHistory.flush(true)
+    resetFetchMock()
+
+    // Select the university from dropdown
+    await userEvent.click(universityInput)
+    await userEvent.click(
+      await screen.findByText(userEmailData.affiliation.institution.name)
+    )
+
+    const roleInput = screen.getByRole('textbox', { name: /role/i })
+    await userEvent.type(roleInput, userEmailData.affiliation.role!)
+    const departmentInput = screen.getByRole('textbox', { name: /department/i })
+    await userEvent.click(departmentInput)
+    await userEvent.click(screen.getByText(customDepartment))
+
+    const userEmailDataCopy = {
+      ...userEmailData,
+      affiliation: {
+        ...userEmailData.affiliation,
+        department: customDepartment,
+      },
+    }
+
+    fetchMock
+      .get('/user/emails?ensureAffiliation=true', [userEmailDataCopy])
+      .post('/user/emails/secondary', 200)
+      .post('/user/emails/confirm-secondary', 200)
+
+    await userEvent.click(
+      screen.getByRole('button', {
+        name: /add new email/i,
+      })
+    )
+
+    const request = fetchMock.callHistory.calls(/\/user\/emails/).at(0)
+
+    expect(
+      JSON.parse(request?.options.body?.toString() || '{}')
+    ).to.deep.include({
+      email: userEmailData.email,
+      university: {
+        id: userEmailData.affiliation?.institution.id,
+      },
+      role: userEmailData.affiliation?.role,
+      department: customDepartment,
+    })
+
+    screen.getByText(
+      `Enter the 6-digit confirmation code sent to ${userEmailData.email}.`
+    )
+
+    await confirmCodeForEmail(userEmailData.email)
+
+    await screen.findByText(userEmailData.affiliation.role!, { exact: false })
+    await screen.findByText(customDepartment, { exact: false })
+  })
+
+  it('autocompletes institution name', async function () {
+    fetchMock.get('/user/emails?ensureAffiliation=true', [])
+    render(<EmailsSection />)
+
+    const button = await screen.findByRole<HTMLButtonElement>('button', {
+      name: /add another email/i,
+    })
+
+    await fetchMock.callHistory.flush(true)
+    resetFetchMock()
+
+    fetchMock.get('/institutions/list?country_code=de', [
+      {
+        id: 1,
+        name: 'University of Bonn',
+      },
+      {
+        id: 2,
+        name: 'Bochum institute of Science',
+      },
+    ])
+
+    // open "add new email" section and click "let us know" to open the Country/University form
+    await userEvent.click(button)
+    await userEvent.type(screen.getByLabelText(/email/i), userEmailData.email)
+    await userEvent.click(screen.getByRole('button', { name: /let us know/i }))
+
+    // select a country
+    const countryInput = screen.getByRole<HTMLInputElement>('textbox', {
+      name: /country/i,
+    })
+    await userEvent.click(countryInput)
+    await userEvent.type(countryInput, 'Germ')
+    await userEvent.click(await screen.findByText('Germany'))
+
+    // match several universities on initial typing
+    const universityInput = screen.getByRole<HTMLInputElement>('textbox', {
+      name: /university/i,
+    })
+    await userEvent.click(universityInput)
+    await userEvent.type(universityInput, 'bo')
+    await screen.findByText('University of Bonn')
+    await screen.findByText('Bochum institute of Science')
+
+    // match a single university when typing to refine the search
+    await userEvent.type(universityInput, 'nn')
+    await screen.findByText('University of Bonn')
+    expect(screen.queryByText('Bochum institute of Science')).to.be.null
+  })
+
+  it('adds new email address without existing institution', async function () {
+    const country = 'Germany'
+    const countryCode = 'de'
+    const newUniversity = 'Abcdef'
+    fetchMock.get('/user/emails?ensureAffiliation=true', [])
+    render(<EmailsSection />)
+
+    const button = await screen.findByRole<HTMLButtonElement>('button', {
+      name: /add another email/i,
+    })
+
+    await fetchMock.callHistory.flush(true)
+    resetFetchMock()
+
+    await userEvent.click(button)
+
+    await userEvent.type(screen.getByLabelText(/email/i), userEmailData.email)
+
+    await userEvent.click(screen.getByRole('button', { name: /let us know/i }))
+
+    const universityInput = screen.getByRole<HTMLInputElement>('textbox', {
+      name: /university/i,
+    })
+
+    expect(universityInput.disabled).to.be.true
+
+    fetchMock.get(/\/institutions\/list/, [
+      {
+        id: userEmailData.affiliation.institution.id,
+        name: userEmailData.affiliation.institution.name,
+        country_code: 'de',
+        departments: [],
+      },
+    ])
+
+    // Select the country from dropdown
+    await userEvent.type(
+      screen.getByRole('textbox', {
+        name: /country/i,
+      }),
+      country
+    )
+    await userEvent.click(screen.getByText(country))
+
+    expect(universityInput.disabled).to.be.false
+
+    await fetchMock.callHistory.flush(true)
+    resetFetchMock()
+
+    // Enter the university manually
+    await userEvent.type(universityInput, newUniversity)
+
+    const roleInput = screen.getByRole('textbox', { name: /role/i })
+    await userEvent.type(roleInput, userEmailData.affiliation.role!)
+    const departmentInput = screen.getByRole('textbox', { name: /department/i })
+    await userEvent.type(departmentInput, userEmailData.affiliation.department!)
+
+    const userEmailDataCopy = {
+      ...userEmailData,
+      affiliation: {
+        ...userEmailData.affiliation,
+        institution: {
+          ...userEmailData.affiliation.institution,
+          name: newUniversity,
+        },
+      },
+    }
+
+    fetchMock
+      .get('/user/emails?ensureAffiliation=true', [userEmailDataCopy])
+      .post('/user/emails/secondary', 200)
+      .post('/user/emails/confirm-secondary', 200)
+
+    await userEvent.click(
+      screen.getByRole('button', {
+        name: /add new email/i,
+      })
+    )
+
+    await confirmCodeForEmail(userEmailData.email)
+
+    const request = fetchMock.callHistory.calls(/\/user\/emails/).at(0)
+
+    expect(
+      JSON.parse(request?.options.body?.toString() || '{}')
+    ).to.deep.include({
+      email: userEmailData.email,
+      university: {
+        name: newUniversity,
+        country_code: countryCode,
+      },
+      role: userEmailData.affiliation?.role,
+      department: userEmailData.affiliation?.department,
+    })
+
+    await screen.findByText(userEmailData.email)
+    await screen.findByText(newUniversity)
+    await screen.findByText(userEmailData.affiliation.role!, { exact: false })
+    await screen.findByText(userEmailData.affiliation.department!, {
+      exact: false,
+    })
+  })
+
+  it('shows country, university, role and department fields based on whether `change` was clicked or not', async function () {
+    const institutionDomainDataCopy = [
+      {
+        ...institutionDomainData[0],
+        university: {
+          ...institutionDomainData[0].university,
+          ssoEnabled: false,
+        },
+      },
+    ]
+    const hostnameFirstChar = institutionDomainDataCopy[0].hostname.charAt(0)
+    fetchMock.get('/user/emails?ensureAffiliation=true', [])
+    render(<EmailsSection />)
+
+    const button = await screen.findByRole<HTMLButtonElement>('button', {
+      name: /add another email/i,
+    })
+
+    await fetchMock.callHistory.flush(true)
+    fetchMock.removeRoutes().clearHistory()
+    fetchMock.get(
+      `/institutions/domains?hostname=${hostnameFirstChar}&limit=1`,
+      institutionDomainDataCopy
+    )
+
+    await userEvent.click(button)
+
+    await userEvent.type(
+      screen.getByLabelText(/email/i),
+      `user@${hostnameFirstChar}`
+    )
+
+    await userEvent.keyboard('{Tab}')
+    await fetchMock.callHistory.flush(true)
+    fetchMock.removeRoutes().clearHistory()
+
+    expect(
+      screen.queryByRole('textbox', {
+        name: /country/i,
+      })
+    ).to.be.null
+    expect(
+      screen.queryByRole('textbox', {
+        name: /university/i,
+      })
+    ).to.be.null
+    screen.getByRole('textbox', {
+      name: /role/i,
+    })
+    screen.getByRole('textbox', {
+      name: /department/i,
+    })
+
+    await userEvent.click(screen.getByRole('button', { name: /change/i }))
+
+    screen.getByRole('textbox', {
+      name: /country/i,
+    })
+    screen.getByRole('textbox', {
+      name: /university/i,
+    })
+    expect(
+      screen.queryByRole('textbox', {
+        name: /role/i,
+      })
+    ).to.be.null
+    expect(
+      screen.queryByRole('textbox', {
+        name: /department/i,
+      })
+    ).to.be.null
+  })
+
+  it('displays institution name with change button when autocompleted and adds new record', async function () {
+    const institutionDomainDataCopy = [
+      {
+        ...institutionDomainData[0],
+        university: {
+          ...institutionDomainData[0].university,
+          ssoEnabled: false,
+        },
+      },
+    ]
+    const hostnameFirstChar = institutionDomainDataCopy[0].hostname.charAt(0)
+    fetchMock.get('/user/emails?ensureAffiliation=true', [])
+    render(<EmailsSection />)
+
+    const button = await screen.findByRole<HTMLButtonElement>('button', {
+      name: /add another email/i,
+    })
+
+    await fetchMock.callHistory.flush(true)
+    fetchMock.removeRoutes().clearHistory()
+    fetchMock.get(
+      `/institutions/domains?hostname=${hostnameFirstChar}&limit=1`,
+      institutionDomainDataCopy
+    )
+
+    await userEvent.click(button)
+
+    await userEvent.type(
+      screen.getByLabelText(/email/i),
+      `user@${hostnameFirstChar}`
+    )
+
+    await userEvent.keyboard('{Tab}')
+    await fetchMock.callHistory.flush(true)
+    fetchMock.removeRoutes().clearHistory()
+
+    screen.getByText(institutionDomainDataCopy[0].university.name)
+
+    const userEmailDataCopy = {
+      ...userEmailData,
+      affiliation: {
+        ...userEmailData.affiliation,
+        institution: {
+          ...userEmailData.affiliation.institution,
+          name: institutionDomainDataCopy[0].university.name,
+        },
+      },
+    }
+
+    fetchMock
+      .get('/user/emails?ensureAffiliation=true', [userEmailDataCopy])
+      .post('/user/emails/secondary', 200)
+      .post('/user/emails/confirm-secondary', 200)
+
+    await userEvent.type(
+      screen.getByRole('textbox', { name: /role/i }),
+      userEmailData.affiliation.role!
+    )
+    await userEvent.type(
+      screen.getByRole('textbox', { name: /department/i }),
+      userEmailData.affiliation.department!
+    )
+    await userEvent.click(
+      screen.getByRole('button', {
+        name: /add new email/i,
+      })
+    )
+
+    await confirmCodeForEmail('user@autocomplete.edu')
+
+    await fetchMock.callHistory.flush(true)
+    fetchMock.removeRoutes().clearHistory()
+
+    screen.getByText(userEmailDataCopy.affiliation.institution.name, {
+      exact: false,
+    })
+    screen.getByText(userEmailDataCopy.affiliation.role!, { exact: false })
+    screen.getByText(userEmailDataCopy.affiliation.department!, {
+      exact: false,
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/emails/emails-section-institution-and-role.test.tsx b/services/web/test/frontend/features/settings/components/emails/emails-section-institution-and-role.test.tsx
new file mode 100644
index 0000000..56366ef
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/emails/emails-section-institution-and-role.test.tsx
@@ -0,0 +1,199 @@
+import {
+  render,
+  screen,
+  fireEvent,
+  waitForElementToBeRemoved,
+} from '@testing-library/react'
+import { expect } from 'chai'
+import { UserEmailData } from '../../../../../../types/user-email'
+import fetchMock from 'fetch-mock'
+import InstitutionAndRole from '../../../../../../frontend/js/features/settings/components/emails/institution-and-role'
+import { UserEmailsProvider } from '../../../../../../frontend/js/features/settings/context/user-email-context'
+import EmailsSection from '../../../../../../frontend/js/features/settings/components/emails-section'
+import { Affiliation } from '../../../../../../types/affiliation'
+import getMeta from '@/utils/meta'
+
+const userData1: UserEmailData & { affiliation: Affiliation } = {
+  affiliation: {
+    cachedConfirmedAt: null,
+    cachedEntitlement: null,
+    cachedLastDayToReconfirm: null,
+    cachedPastReconfirmDate: false,
+    cachedReconfirmedAt: null,
+    department: null,
+    institution: {
+      commonsAccount: false,
+      writefullCommonsAccount: false,
+      confirmed: true,
+      id: 1,
+      isUniversity: false,
+      maxConfirmationMonths: null,
+      name: 'Overleaf',
+      ssoEnabled: false,
+      ssoBeta: false,
+    },
+    inReconfirmNotificationPeriod: false,
+    inferred: false,
+    licence: 'pro_plus',
+    pastReconfirmDate: false,
+    portal: { slug: '', templates_count: 1 },
+    role: null,
+  },
+  confirmedAt: '2022-03-09T10:59:44.139Z',
+  email: 'foo@overleaf.com',
+  default: true,
+}
+
+const userData2: UserEmailData & { affiliation: Affiliation } = {
+  affiliation: {
+    cachedConfirmedAt: null,
+    cachedEntitlement: null,
+    cachedLastDayToReconfirm: null,
+    cachedPastReconfirmDate: false,
+    cachedReconfirmedAt: null,
+    department: 'Art History',
+    institution: {
+      commonsAccount: false,
+      writefullCommonsAccount: false,
+      confirmed: true,
+      id: 1,
+      isUniversity: false,
+      maxConfirmationMonths: null,
+      name: 'Overleaf',
+      ssoEnabled: false,
+      ssoBeta: false,
+    },
+    inReconfirmNotificationPeriod: false,
+    inferred: false,
+    licence: 'pro_plus',
+    pastReconfirmDate: false,
+    portal: { slug: '', templates_count: 1 },
+    role: 'Reader',
+  },
+  email: 'baz@overleaf.com',
+  default: false,
+}
+
+describe('user role and institution', function () {
+  beforeEach(function () {
+    Object.assign(getMeta('ol-ExposedSettings'), {
+      hasAffiliationsFeature: true,
+    })
+    fetchMock.removeRoutes().clearHistory()
+    fetchMock.get('/user/emails?ensureAffiliation=true', [], {
+      name: 'get user emails',
+    })
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('renders affiliation name with add role/department button', function () {
+    const userEmailData = userData1
+    render(
+      <UserEmailsProvider>
+        <InstitutionAndRole userEmailData={userEmailData} />
+      </UserEmailsProvider>
+    )
+
+    screen.getByText(userEmailData.affiliation.institution.name, {
+      exact: false,
+    })
+    screen.getByRole('button', { name: /add role and department/i })
+    expect(screen.queryByRole('button', { name: /change/i })).to.not.exist
+  })
+
+  it('renders affiliation name, role and department with change button', function () {
+    const userEmailData = userData2
+    render(
+      <UserEmailsProvider>
+        <InstitutionAndRole userEmailData={userEmailData} />
+      </UserEmailsProvider>
+    )
+
+    screen.getByText(userEmailData.affiliation.institution.name, {
+      exact: false,
+    })
+    screen.getByText(userEmailData.affiliation.department!, { exact: false })
+    screen.getByText(userEmailData.affiliation.role!, { exact: false })
+    screen.getByRole('button', { name: /change/i })
+    expect(screen.queryByRole('button', { name: /add role and department/i }))
+      .to.not.exist
+  })
+
+  it('fetches institution data and replaces departments dropdown on add/change', async function () {
+    const userEmailData = userData1
+    fetchMock.modifyRoute('get user emails', { response: [userEmailData] })
+    render(<EmailsSection />)
+
+    await fetchMock.callHistory.flush(true)
+    fetchMock.removeRoutes().clearHistory()
+
+    const fakeDepartment = 'Fake department'
+    const institution = userEmailData.affiliation.institution
+    fetchMock.get(`/institutions/list/${institution.id}`, {
+      id: institution.id,
+      name: institution.name,
+      country_code: 'de',
+      departments: [fakeDepartment],
+    })
+
+    fireEvent.click(
+      screen.getByRole('button', { name: /add role and department/i })
+    )
+
+    await fetchMock.callHistory.flush(true)
+    fetchMock.removeRoutes().clearHistory()
+
+    fireEvent.click(screen.getByRole('textbox', { name: /department/i }))
+
+    screen.getByText(fakeDepartment)
+  })
+
+  it('adds new role and department', async function () {
+    fetchMock
+      .modifyRoute('get user emails', { response: [userData1] })
+      .get(/\/institutions\/list/, { departments: [] })
+      .post('/user/emails/endorse', 200)
+    render(<EmailsSection />)
+
+    const addBtn = await screen.findByRole('button', {
+      name: /add role and department/i,
+    })
+    fireEvent.click(addBtn)
+
+    const submitBtn = screen.getByRole('button', {
+      name: /save/i,
+    }) as HTMLButtonElement
+    expect(submitBtn.disabled).to.be.true
+
+    const roleValue = 'Dummy role'
+    const departmentValue = 'Dummy department'
+
+    const roleInput = screen.getByPlaceholderText(/role/i)
+    fireEvent.change(roleInput, {
+      target: { value: roleValue },
+    })
+
+    expect(submitBtn.disabled).to.be.true
+
+    const departmentInput = screen.getByPlaceholderText(/department/i)
+    fireEvent.change(departmentInput, {
+      target: { value: departmentValue },
+    })
+
+    expect(submitBtn.disabled).to.be.false
+
+    fireEvent.click(submitBtn)
+
+    expect(submitBtn.disabled).to.be.true
+
+    await waitForElementToBeRemoved(() =>
+      screen.getByRole('button', { name: /saving/i })
+    )
+
+    await screen.findByText(roleValue, { exact: false })
+    await screen.findByText(departmentValue, { exact: false })
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/emails/emails-section.test.tsx b/services/web/test/frontend/features/settings/components/emails/emails-section.test.tsx
new file mode 100644
index 0000000..451a510
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/emails/emails-section.test.tsx
@@ -0,0 +1,163 @@
+import {
+  render,
+  screen,
+  within,
+  fireEvent,
+  waitFor,
+  waitForElementToBeRemoved,
+} from '@testing-library/react'
+import EmailsSection from '../../../../../../frontend/js/features/settings/components/emails-section'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import {
+  confirmedUserData,
+  fakeUsersData,
+  professionalUserData,
+  unconfirmedUserData,
+} from '../../fixtures/test-user-email-data'
+import getMeta from '@/utils/meta'
+
+describe('<EmailsSection />', function () {
+  beforeEach(function () {
+    Object.assign(getMeta('ol-ExposedSettings'), {
+      hasAffiliationsFeature: true,
+    })
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('renders translated heading', function () {
+    render(<EmailsSection />)
+
+    screen.getByRole('heading', { name: /emails and affiliations/i })
+  })
+
+  it('renders translated description', function () {
+    render(<EmailsSection />)
+
+    screen.getByText(/add additional email addresses/i)
+    screen.getByText(/to change your primary email/i)
+  })
+
+  it('renders a loading message when loading', async function () {
+    render(<EmailsSection />)
+
+    await screen.findByText(/loading/i)
+  })
+
+  it('renders an error message and hides loading message on error', async function () {
+    fetchMock.get('/user/emails?ensureAffiliation=true', 500)
+    render(<EmailsSection />)
+
+    await screen.findByText(
+      /an error has occurred while performing your request/i
+    )
+    expect(screen.queryByText(/loading/i)).to.be.null
+  })
+
+  it('renders user emails', async function () {
+    fetchMock.get('/user/emails?ensureAffiliation=true', fakeUsersData)
+    render(<EmailsSection />)
+
+    await waitFor(() => {
+      fakeUsersData.forEach(userData => {
+        screen.getByText(new RegExp(userData.email, 'i'))
+      })
+    })
+  })
+
+  it('renders primary status', async function () {
+    fetchMock.get('/user/emails?ensureAffiliation=true', [professionalUserData])
+    render(<EmailsSection />)
+
+    await screen.findByText(`${professionalUserData.email}`)
+    screen.getByText('Primary')
+  })
+
+  it('shows confirmation status for unconfirmed users', async function () {
+    fetchMock.get('/user/emails?ensureAffiliation=true', [unconfirmedUserData])
+    render(<EmailsSection />)
+
+    await screen.findByText(/unconfirmed/i)
+  })
+
+  it('hides confirmation status for confirmed users', async function () {
+    fetchMock.get('/user/emails?ensureAffiliation=true', [confirmedUserData])
+    render(<EmailsSection />)
+    await waitForElementToBeRemoved(() => screen.getByText(/loading/i))
+
+    expect(screen.queryByText(/please check your inbox/i)).to.be.null
+  })
+
+  it('renders resend link', async function () {
+    fetchMock.get('/user/emails?ensureAffiliation=true', [unconfirmedUserData])
+    render(<EmailsSection />)
+
+    await screen.findByRole('button', { name: /resend confirmation code/i })
+  })
+
+  it('renders professional label', async function () {
+    fetchMock.get('/user/emails?ensureAffiliation=true', [professionalUserData])
+    render(<EmailsSection />)
+
+    const node = await screen.findByText(professionalUserData.email, {
+      exact: false,
+    })
+    expect(within(node).getByText(/professional/i)).to.exist
+  })
+
+  it('shows loader when resending email', async function () {
+    fetchMock.get('/user/emails?ensureAffiliation=true', [unconfirmedUserData])
+
+    render(<EmailsSection />)
+    await waitForElementToBeRemoved(() => screen.getByText(/loading/i))
+
+    fetchMock.post('/user/emails/send-confirmation-code', 200)
+
+    const button = screen.getByRole('button', {
+      name: /resend confirmation code/i,
+    })
+    fireEvent.click(button)
+
+    expect(
+      screen.queryByRole('button', {
+        name: /resend confirmation code/i,
+      })
+    ).to.be.null
+
+    await waitForElementToBeRemoved(() => screen.getByText(/sending/i))
+
+    expect(
+      screen.queryByText(/an error has occurred while performing your request/i)
+    ).to.be.null
+
+    await screen.findAllByRole('button', {
+      name: /resend confirmation code/i,
+    })
+  })
+
+  it('shows error when resending email fails', async function () {
+    fetchMock.get('/user/emails?ensureAffiliation=true', [unconfirmedUserData])
+
+    render(<EmailsSection />)
+    await waitForElementToBeRemoved(() => screen.getByText(/loading/i))
+
+    fetchMock.post('/user/emails/send-confirmation-code', 503)
+
+    const button = screen.getByRole('button', {
+      name: /resend confirmation code/i,
+    })
+    fireEvent.click(button)
+
+    expect(screen.queryByRole('button', { name: /resend confirmation code/i }))
+      .to.be.null
+
+    await waitForElementToBeRemoved(() => screen.getByText(/sending/i))
+
+    screen.getByText(/sorry, something went wrong/i)
+    screen.getByRole('button', { name: /resend confirmation code/i })
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/emails/reconfirmation-info.test.tsx b/services/web/test/frontend/features/settings/components/emails/reconfirmation-info.test.tsx
new file mode 100644
index 0000000..8eccdac
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/emails/reconfirmation-info.test.tsx
@@ -0,0 +1,171 @@
+import {
+  fireEvent,
+  render,
+  screen,
+  waitFor,
+  waitForElementToBeRemoved,
+} from '@testing-library/react'
+import sinon from 'sinon'
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import { cloneDeep } from 'lodash'
+import ReconfirmationInfo from '../../../../../../frontend/js/features/settings/components/emails/reconfirmation-info'
+import { ssoUserData } from '../../fixtures/test-user-email-data'
+import { UserEmailData } from '../../../../../../types/user-email'
+import { UserEmailsProvider } from '../../../../../../frontend/js/features/settings/context/user-email-context'
+import * as useLocationModule from '../../../../../../frontend/js/shared/hooks/use-location'
+import getMeta from '@/utils/meta'
+
+function renderReconfirmationInfo(data: UserEmailData) {
+  return render(
+    <UserEmailsProvider>
+      <ReconfirmationInfo userEmailData={data} />
+    </UserEmailsProvider>
+  )
+}
+
+describe('<ReconfirmationInfo/>', function () {
+  let assignStub: sinon.SinonStub
+
+  beforeEach(function () {
+    Object.assign(getMeta('ol-ExposedSettings'), {
+      samlInitPath: '/saml',
+    })
+    fetchMock.get('/user/emails?ensureAffiliation=true', [])
+    assignStub = sinon.stub()
+    this.locationStub = sinon.stub(useLocationModule, 'useLocation').returns({
+      assign: assignStub,
+      replace: sinon.stub(),
+      reload: sinon.stub(),
+      setHash: sinon.stub(),
+    })
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+    this.locationStub.restore()
+  })
+
+  describe('reconfirmed via SAML', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set(
+        'ol-reconfirmedViaSAML',
+        'sso-prof-saml-id'
+      )
+    })
+
+    it('show reconfirmed confirmation', function () {
+      renderReconfirmationInfo(ssoUserData)
+      screen.getByText('SSO University')
+      screen.getByText(/affiliation is confirmed/)
+      screen.getByText(/Thank you!/)
+    })
+  })
+
+  describe('in reconfirm notification period', function () {
+    let inReconfirmUserData: UserEmailData
+
+    beforeEach(function () {
+      Object.assign(getMeta('ol-ExposedSettings'), {
+        samlInitPath: '/saml',
+      })
+
+      inReconfirmUserData = cloneDeep(ssoUserData)
+      if (inReconfirmUserData.affiliation) {
+        inReconfirmUserData.affiliation.inReconfirmNotificationPeriod = true
+      }
+    })
+
+    it('renders prompt', function () {
+      renderReconfirmationInfo(inReconfirmUserData)
+      screen.getByText(/Are you still at/)
+      screen.getByText('SSO University')
+      screen.getByText(
+        /Please take a moment to confirm your institutional email address/
+      )
+      screen.getByRole('link', { name: 'Learn more' })
+      expect(screen.queryByText(/add a new primary email address/)).to.not.exist
+    })
+
+    it('renders default emails prompt', function () {
+      inReconfirmUserData.default = true
+      renderReconfirmationInfo(inReconfirmUserData)
+      screen.getByText(/add a new primary email address/)
+    })
+
+    describe('SAML reconfirmations', function () {
+      beforeEach(function () {
+        Object.assign(getMeta('ol-ExposedSettings'), {
+          hasSamlFeature: true,
+          samlInitPath: '/saml/init',
+        })
+      })
+
+      it('redirects to SAML flow', async function () {
+        renderReconfirmationInfo(inReconfirmUserData)
+        const confirmButton = screen.getByRole('button', {
+          name: 'Confirm Affiliation',
+        }) as HTMLButtonElement
+
+        await waitFor(() => {
+          expect(confirmButton.disabled).to.be.false
+        })
+        fireEvent.click(confirmButton)
+
+        await waitFor(() => {
+          expect(confirmButton.disabled).to.be.true
+        })
+        sinon.assert.calledOnce(assignStub)
+        sinon.assert.calledWithMatch(
+          assignStub,
+          '/saml/init?university_id=2&reconfirm=/user/settings'
+        )
+      })
+    })
+
+    describe('Email reconfirmations', function () {
+      beforeEach(function () {
+        Object.assign(getMeta('ol-ExposedSettings'), {
+          hasSamlFeature: false,
+        })
+        fetchMock.post('/user/emails/send-reconfirmation', 200)
+      })
+
+      it('sends and resends confirmation email', async function () {
+        renderReconfirmationInfo(inReconfirmUserData)
+        const confirmButton = (await screen.findByRole('button', {
+          name: 'Confirm Affiliation',
+        })) as HTMLButtonElement
+
+        await waitFor(() => {
+          expect(confirmButton.disabled).to.be.false
+        })
+        fireEvent.click(confirmButton)
+
+        await waitFor(() => {
+          expect(confirmButton.disabled).to.be.true
+        })
+        expect(fetchMock.callHistory.called()).to.be.true
+
+        // the confirmation text should now be displayed
+        await screen.findByText(/Please check your email inbox to confirm/)
+
+        // try the resend button
+        fetchMock.clearHistory()
+        const resendButton = await screen.findByRole('button', {
+          name: 'Resend confirmation email',
+        })
+
+        fireEvent.click(resendButton)
+
+        // commented out as it's already gone by this point
+        // await screen.findByText(/Sending/)
+        expect(fetchMock.callHistory.called()).to.be.true
+        await waitForElementToBeRemoved(() => screen.getByText('Sending…'))
+        await screen.findByRole('button', {
+          name: 'Resend confirmation email',
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/emails/sso-alert.test.tsx b/services/web/test/frontend/features/settings/components/emails/sso-alert.test.tsx
new file mode 100644
index 0000000..1bce35d
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/emails/sso-alert.test.tsx
@@ -0,0 +1,96 @@
+import { render, screen, fireEvent } from '@testing-library/react'
+import { expect } from 'chai'
+import { SSOAlert } from '../../../../../../frontend/js/features/settings/components/emails/sso-alert'
+
+describe('<SSOAlert/>', function () {
+  describe('when there is no institutional linking information', function () {
+    it('should be empty', function () {
+      render(<SSOAlert />)
+      expect(screen.queryByRole('alert')).to.be.null
+    })
+  })
+
+  describe('when there is institutional linking information', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set('ol-institutionLinked', {
+        universityName: 'Overleaf University',
+      })
+    })
+
+    it('should render an information alert with the university name', function () {
+      render(<SSOAlert />)
+      screen.getByRole('alert')
+      screen.getByText('account was successfully linked', { exact: false })
+      screen.getByText('Overleaf University', { exact: false })
+    })
+
+    it('when entitled, it should render access granted to "professional" features', function () {
+      window.metaAttributesCache.get('ol-institutionLinked').hasEntitlement =
+        true
+      render(<SSOAlert />)
+      screen.getByText('this grants you access', { exact: false })
+      screen.getByText('Professional')
+    })
+
+    it('when the email is not canonical it should also render a warning alert', function () {
+      window.metaAttributesCache.set(
+        'ol-institutionEmailNonCanonical',
+        'user@example.com'
+      )
+      render(<SSOAlert />)
+      const alerts = screen.getAllByRole('alert')
+      expect(alerts.length).to.equal(2)
+    })
+
+    it('the alerts should be closeable', function () {
+      window.metaAttributesCache.set(
+        'ol-institutionEmailNonCanonical',
+        'user@example.com'
+      )
+      render(<SSOAlert />)
+      const closeButtons = screen.getAllByRole('button', {
+        name: 'Close',
+      })
+      fireEvent.click(closeButtons[0])
+      fireEvent.click(closeButtons[1])
+      expect(screen.queryByRole('button', { name: 'Close' })).to.be.null
+    })
+  })
+
+  describe('when there is a SAML Error', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set('ol-samlError', {
+        message: 'there was an error',
+      })
+    })
+
+    it('should render an error alert', function () {
+      render(<SSOAlert />)
+      screen.getByRole('alert')
+      screen.getByText('there was an error')
+    })
+
+    it('should render translated error if available', function () {
+      window.metaAttributesCache.get('ol-samlError').translatedMessage =
+        'translated error'
+      render(<SSOAlert />)
+      screen.getByText('translated error')
+      expect(screen.queryByText('there was an error')).to.be.null
+    })
+
+    it('should render a "try again" label when requested by the error payload', function () {
+      window.metaAttributesCache.get('ol-samlError').tryAgain = true
+      render(<SSOAlert />)
+      screen.getByText('Please try again')
+    })
+
+    it('the alert should be closeable', function () {
+      render(<SSOAlert />)
+      const closeButton = screen.getByRole('button', {
+        name: 'Close',
+      })
+      fireEvent.click(closeButton)
+      expect(screen.queryByRole('button', { name: 'Close' })).to.be.null
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/leave-section.test.tsx b/services/web/test/frontend/features/settings/components/leave-section.test.tsx
new file mode 100644
index 0000000..80d068a
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/leave-section.test.tsx
@@ -0,0 +1,45 @@
+import {
+  fireEvent,
+  screen,
+  waitForElementToBeRemoved,
+  render,
+} from '@testing-library/react'
+
+import LeaveSection from '../../../../../frontend/js/features/settings/components/leave-section'
+import getMeta from '@/utils/meta'
+
+describe('<LeaveSection />', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-usersEmail', 'foo@bar.com')
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: true })
+    window.metaAttributesCache.set('ol-hasPassword', true)
+  })
+
+  it('opens modal', async function () {
+    render(<LeaveSection />)
+
+    const button = screen.getByRole('button', {
+      name: 'Delete your account',
+    })
+
+    fireEvent.click(button)
+    await screen.findByText('Delete Account')
+  })
+
+  it('closes modal', async function () {
+    render(<LeaveSection />)
+    fireEvent.click(
+      screen.getByRole('button', {
+        name: 'Delete your account',
+      })
+    )
+
+    const cancelButton = screen.getByRole('button', {
+      name: 'Close',
+    })
+
+    fireEvent.click(cancelButton)
+
+    await waitForElementToBeRemoved(() => screen.getByText('Delete Account'))
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/leave/modal-content.test.tsx b/services/web/test/frontend/features/settings/components/leave/modal-content.test.tsx
new file mode 100644
index 0000000..4759980
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/leave/modal-content.test.tsx
@@ -0,0 +1,50 @@
+import { expect } from 'chai'
+import { screen, render } from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+
+import LeaveModalContent from '../../../../../../frontend/js/features/settings/components/leave/modal-content'
+import getMeta from '@/utils/meta'
+
+describe('<LeaveModalContent />', function () {
+  beforeEach(function () {
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: true })
+    window.metaAttributesCache.set('ol-hasPassword', true)
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('disable delete button if form is not valid', function () {
+    render(
+      <LeaveModalContent
+        handleHide={() => {}}
+        inFlight={false}
+        setInFlight={() => {}}
+      />
+    )
+    screen.getByLabelText('Email')
+
+    const deleteButton = screen.getByRole('button', {
+      name: 'Delete',
+    })
+    expect(deleteButton.hasAttribute('disabled')).to.be.true
+  })
+
+  it('shows no password message', function () {
+    window.metaAttributesCache.set('ol-isSaas', true)
+    window.metaAttributesCache.set('ol-hasPassword', false)
+    render(
+      <LeaveModalContent
+        handleHide={() => {}}
+        inFlight={false}
+        setInFlight={() => {}}
+      />
+    )
+
+    const link = screen.getByRole('link', {
+      name: 'Please use the password reset form to set a password before deleting your account',
+    })
+    expect(link.getAttribute('href')).to.equal('/user/password/reset')
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/leave/modal-form.test.tsx b/services/web/test/frontend/features/settings/components/leave/modal-form.test.tsx
new file mode 100644
index 0000000..5c3863d
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/leave/modal-form.test.tsx
@@ -0,0 +1,196 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+import { fireEvent, screen, render, waitFor } from '@testing-library/react'
+import fetchMock, { type FetchMock } from 'fetch-mock'
+
+import LeaveModalForm from '../../../../../../frontend/js/features/settings/components/leave/modal-form'
+import * as useLocationModule from '../../../../../../frontend/js/shared/hooks/use-location'
+import getMeta from '@/utils/meta'
+
+describe('<LeaveModalForm />', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-usersEmail', 'foo@bar.com')
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: true })
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('validates form', async function () {
+    const setIsFormValid = sinon.stub()
+    render(
+      <LeaveModalForm
+        setInFlight={() => {}}
+        isFormValid={false}
+        setIsFormValid={setIsFormValid}
+      />
+    )
+
+    const emailInput = screen.getByLabelText('Email')
+    fireEvent.change(emailInput, { target: { value: 'FOO@bar.com' } })
+
+    const passwordInput = screen.getByLabelText('Password')
+    fireEvent.change(passwordInput, { target: { value: 'foobar' } })
+
+    const checkbox = screen.getByLabelText(
+      'I understand this will delete all projects in my Overleaf account with email address foo@bar.com'
+    )
+    fireEvent.click(checkbox)
+
+    const setIsFormValidCalls = setIsFormValid.getCalls()
+    const lastSetIsFormValidCall = setIsFormValidCalls.pop()
+    expect(lastSetIsFormValidCall!.args[0]).to.be.true
+
+    for (const setIsFormValidCall of setIsFormValidCalls) {
+      expect(setIsFormValidCall.args[0]).to.be.false
+    }
+  })
+
+  describe('submits', async function () {
+    let setInFlight: sinon.SinonStub
+    let setIsFormValid: sinon.SinonStub
+    let deleteMock: FetchMock
+    let assignStub: sinon.SinonStub
+
+    beforeEach(function () {
+      setInFlight = sinon.stub()
+      setIsFormValid = sinon.stub()
+      deleteMock = fetchMock.post('/user/delete', 200)
+      assignStub = sinon.stub()
+      this.locationStub = sinon.stub(useLocationModule, 'useLocation').returns({
+        assign: assignStub,
+        replace: sinon.stub(),
+        reload: sinon.stub(),
+        setHash: sinon.stub(),
+      })
+      Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: true })
+    })
+
+    afterEach(function () {
+      fetchMock.removeRoutes().clearHistory()
+      this.locationStub.restore()
+    })
+
+    it('with valid form', async function () {
+      render(
+        <LeaveModalForm
+          setInFlight={setInFlight}
+          isFormValid
+          setIsFormValid={setIsFormValid}
+        />
+      )
+
+      fireEvent.submit(screen.getByLabelText('Email'))
+
+      sinon.assert.calledOnce(setInFlight)
+      sinon.assert.calledWithMatch(setInFlight, true)
+      expect(deleteMock.callHistory.called()).to.be.true
+      await waitFor(() => {
+        sinon.assert.calledTwice(setInFlight)
+        sinon.assert.calledWithMatch(setInFlight, false)
+        sinon.assert.calledOnce(assignStub)
+        sinon.assert.calledWith(assignStub, '/')
+      })
+    })
+
+    it('with invalid form', async function () {
+      render(
+        <LeaveModalForm
+          setInFlight={setInFlight}
+          isFormValid={false}
+          setIsFormValid={setIsFormValid}
+        />
+      )
+
+      fireEvent.submit(screen.getByLabelText('Email'))
+
+      expect(deleteMock.callHistory.called()).to.be.false
+      sinon.assert.notCalled(setInFlight)
+    })
+  })
+
+  it('handles credentials error without Saas tip', async function () {
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: false })
+    fetchMock.post('/user/delete', 403)
+    render(
+      <LeaveModalForm
+        setInFlight={() => {}}
+        isFormValid
+        setIsFormValid={() => {}}
+      />
+    )
+
+    fireEvent.submit(screen.getByLabelText('Email'))
+
+    await waitFor(() => {
+      screen.getByText(/Your email or password is incorrect. Please try again/)
+    })
+    expect(screen.queryByText(/If you cannot remember your password/)).to.not
+      .exist
+  })
+
+  it('handles credentials error with Saas tip', async function () {
+    fetchMock.post('/user/delete', 403)
+    render(
+      <LeaveModalForm
+        setInFlight={() => {}}
+        isFormValid
+        setIsFormValid={() => {}}
+      />
+    )
+
+    fireEvent.submit(screen.getByLabelText('Email'))
+
+    await waitFor(() => {
+      screen.getByText(/Your email or password is incorrect. Please try again/)
+    })
+    screen.getByText(/If you cannot remember your password/)
+    const link = screen.getByRole('link', { name: 'reset your password' })
+    expect(link.getAttribute('href')).to.equal('/user/password/reset')
+  })
+
+  it('handles subscription error', async function () {
+    fetchMock.post('/user/delete', {
+      status: 422,
+      body: {
+        error: 'SubscriptionAdminDeletionError',
+      },
+    })
+
+    render(
+      <LeaveModalForm
+        setInFlight={() => {}}
+        isFormValid
+        setIsFormValid={() => {}}
+      />
+    )
+
+    fireEvent.submit(screen.getByLabelText('Email'))
+
+    await waitFor(() => {
+      screen.getByText(
+        'You cannot delete your account while on a subscription. Please cancel your subscription and try again. If you keep seeing this message please contact us.'
+      )
+    })
+  })
+
+  it('handles generic error', async function () {
+    fetchMock.post('/user/delete', 500)
+    render(
+      <LeaveModalForm
+        setInFlight={() => {}}
+        isFormValid
+        setIsFormValid={() => {}}
+      />
+    )
+
+    fireEvent.submit(screen.getByLabelText('Email'))
+
+    await waitFor(() => {
+      screen.getByText(
+        'Sorry, something went wrong deleting your account. Please try again in a minute.'
+      )
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/leave/modal.test.tsx b/services/web/test/frontend/features/settings/components/leave/modal.test.tsx
new file mode 100644
index 0000000..3e52f01
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/leave/modal.test.tsx
@@ -0,0 +1,66 @@
+import sinon from 'sinon'
+import { fireEvent, screen, render, waitFor } from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+
+import LeaveModal from '../../../../../../frontend/js/features/settings/components/leave/modal'
+import getMeta from '@/utils/meta'
+
+describe('<LeaveModal />', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-usersEmail', 'foo@bar.com')
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: true })
+    window.metaAttributesCache.set('ol-hasPassword', true)
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('closes modal on cancel', async function () {
+    const handleClose = sinon.stub()
+    render(<LeaveModal isOpen handleClose={handleClose} />)
+
+    const cancelButton = screen.getByRole('button', {
+      name: 'Cancel',
+    })
+    fireEvent.click(cancelButton)
+
+    sinon.assert.calledOnce(handleClose)
+  })
+
+  it('does not close modal while in flight', async function () {
+    fetchMock.post('/user/delete', new Promise(() => {}))
+    const handleClose = sinon.stub()
+    render(<LeaveModal isOpen handleClose={handleClose} />)
+
+    fillValidForm()
+
+    const deleteButton = screen.getByRole('button', {
+      name: 'Delete',
+    })
+    fireEvent.click(deleteButton)
+
+    await waitFor(() => {
+      screen.getByRole('button', {
+        name: 'Deleting…',
+      })
+    })
+
+    const cancelButton = screen.getByRole('button', {
+      name: 'Cancel',
+    })
+    fireEvent.click(cancelButton)
+
+    sinon.assert.notCalled(handleClose)
+  })
+})
+
+function fillValidForm() {
+  fireEvent.change(screen.getByLabelText('Email'), {
+    target: { value: 'foo@bar.com' },
+  })
+  fireEvent.change(screen.getByLabelText('Password'), {
+    target: { value: 'foobar' },
+  })
+  fireEvent.click(screen.getByLabelText(/I understand/))
+}
diff --git a/services/web/test/frontend/features/settings/components/leavers-survey-alert.test.tsx b/services/web/test/frontend/features/settings/components/leavers-survey-alert.test.tsx
new file mode 100644
index 0000000..b5de65d
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/leavers-survey-alert.test.tsx
@@ -0,0 +1,109 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+import { fireEvent, screen, render } from '@testing-library/react'
+import { UserEmailsProvider } from '../../../../../frontend/js/features/settings/context/user-email-context'
+import { LeaversSurveyAlert } from '../../../../../frontend/js/features/settings/components/leavers-survey-alert'
+import * as eventTracking from '@/infrastructure/event-tracking'
+import localStorage from '@/infrastructure/local-storage'
+import fetchMock from 'fetch-mock'
+
+function renderWithProvider() {
+  render(<LeaversSurveyAlert />, {
+    wrapper: ({ children }) => (
+      <UserEmailsProvider>{children}</UserEmailsProvider>
+    ),
+  })
+}
+
+describe('<LeaversSurveyAlert/>', function () {
+  beforeEach(function () {
+    fetchMock.get('/user/emails?ensureAffiliation=true', [])
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('should render before the expiration date', function () {
+    const tomorrow = Date.now() + 1000 * 60 * 60 * 24
+    localStorage.setItem('showInstitutionalLeaversSurveyUntil', tomorrow)
+    localStorage.setItem('hideInstitutionalLeaversSurvey', false)
+    renderWithProvider()
+    screen.getByRole('alert')
+    screen.getByText(/Provide some quick feedback/)
+    screen.getByRole('link', { name: 'Take a short survey' })
+  })
+
+  it('should not render after the expiration date', function () {
+    const yesterday = Date.now() - 1000 * 60 * 60 * 24
+    localStorage.setItem('showInstitutionalLeaversSurveyUntil', yesterday)
+    localStorage.setItem('hideInstitutionalLeaversSurvey', false)
+    renderWithProvider()
+    expect(screen.queryByRole('alert')).to.be.null
+  })
+
+  it('should not render if it has been hidden', function () {
+    const tomorrow = Date.now() + 1000 * 60 * 60 * 24
+    localStorage.setItem('showInstitutionalLeaversSurveyUntil', tomorrow)
+    localStorage.setItem('hideInstitutionalLeaversSurvey', true)
+    renderWithProvider()
+    expect(screen.queryByRole('alert')).to.be.null
+  })
+
+  it('should reset the expiration date when it is closed', function () {
+    const tomorrow = Date.now() + 1000 * 60 * 60 * 24
+    localStorage.setItem('showInstitutionalLeaversSurveyUntil', tomorrow)
+    localStorage.setItem('hideInstitutionalLeaversSurvey', false)
+    renderWithProvider()
+    screen.getByRole('alert')
+
+    fireEvent.click(screen.getByRole('button'))
+    expect(screen.queryByRole('alert')).to.be.null
+
+    expect(localStorage.getItem('showInstitutionalLeaversSurveyUntil')).to.be
+      .null
+  })
+
+  describe('event tracking', function () {
+    let sendMBSpy: sinon.SinonSpy
+
+    beforeEach(function () {
+      sendMBSpy = sinon.spy(eventTracking, 'sendMB')
+      const tomorrow = Date.now() + 1000 * 60 * 60 * 24
+      localStorage.setItem('showInstitutionalLeaversSurveyUntil', tomorrow)
+      localStorage.setItem('hideInstitutionalLeaversSurvey', false)
+      renderWithProvider()
+    })
+
+    afterEach(function () {
+      sendMBSpy.restore()
+      localStorage.clear()
+    })
+
+    it('should sent a `view` event on load', function () {
+      expect(sendMBSpy).to.be.calledOnce
+      expect(sendMBSpy).calledWith(
+        'institutional-leavers-survey-notification',
+        { type: 'view', page: '/' }
+      )
+    })
+
+    it('should sent a `click` event when the link is clicked', function () {
+      fireEvent.click(screen.getByRole('link'))
+      expect(sendMBSpy).to.be.calledTwice
+      expect(sendMBSpy).calledWith(
+        'institutional-leavers-survey-notification',
+        { type: 'click', page: '/' }
+      )
+    })
+
+    it('should sent a `close` event when it is closed', function () {
+      fireEvent.click(screen.getByRole('button'))
+      expect(sendMBSpy).to.be.calledTwice
+      expect(sendMBSpy).calledWith(
+        'institutional-leavers-survey-notification',
+        { type: 'close', page: '/' }
+      )
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/linking-section.test.tsx b/services/web/test/frontend/features/settings/components/linking-section.test.tsx
new file mode 100644
index 0000000..d134ffe
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/linking-section.test.tsx
@@ -0,0 +1,97 @@
+import { expect } from 'chai'
+import { screen, render } from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+import LinkingSection from '@/features/settings/components/linking-section'
+import { UserProvider } from '@/shared/context/user-context'
+import { SSOProvider } from '@/features/settings/context/sso-context'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+
+function renderSectionWithProviders() {
+  render(<LinkingSection />, {
+    wrapper: ({ children }) => (
+      <SplitTestProvider>
+        <UserProvider>
+          <SSOProvider>{children}</SSOProvider>
+        </UserProvider>
+      </SplitTestProvider>
+    ),
+  })
+}
+
+const mockOauthProviders = {
+  google: {
+    descriptionKey: 'login_with_service',
+    descriptionOptions: { service: 'Google' },
+    name: 'Google',
+    linkPath: '/auth/google',
+  },
+  orcid: {
+    descriptionKey: 'oauth_orcid_description',
+    descriptionOptions: {
+      link: '/blog/434',
+      appName: 'Overleaf',
+    },
+    name: 'ORCID',
+    linkPath: '/auth/orcid',
+  },
+}
+
+describe('<LinkingSection />', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-user', {})
+
+    // suppress integrations and references widgets as they cannot be tested in
+    // all environments
+    window.metaAttributesCache.set('ol-hideLinkingWidgets', true)
+
+    window.metaAttributesCache.set('ol-thirdPartyIds', {
+      google: 'google-id',
+    })
+
+    window.metaAttributesCache.set('ol-oauthProviders', mockOauthProviders)
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows header', async function () {
+    renderSectionWithProviders()
+
+    screen.getByText('Integrations')
+    screen.getByText(
+      'You can link your Overleaf account with other services to enable the features described below.'
+    )
+  })
+
+  it('lists SSO providers', async function () {
+    renderSectionWithProviders()
+    screen.getByText('linked accounts')
+
+    screen.getByText('Google')
+    screen.getByText('Log in with Google.')
+    screen.getByRole('button', { name: 'Unlink' })
+
+    screen.getByText('ORCID')
+    screen.getByText(
+      /Securely establish your identity by linking your ORCID iD/
+    )
+    const helpLink = screen.getByRole('link', { name: 'Learn more' })
+    expect(helpLink.getAttribute('href')).to.equal('/blog/434')
+    const linkButton = screen.getByRole('button', { name: 'Link' })
+    expect(linkButton.getAttribute('href')).to.equal('/auth/orcid?intent=link')
+  })
+
+  it('shows SSO error message', async function () {
+    window.metaAttributesCache.set('ol-ssoErrorMessage', 'You no SSO')
+    renderSectionWithProviders()
+    screen.getByText('Error linking account: You no SSO')
+  })
+
+  it('does not show providers section when empty', async function () {
+    window.metaAttributesCache.delete('ol-oauthProviders')
+    renderSectionWithProviders()
+
+    expect(screen.queryByText('linked accounts')).to.not.exist
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/linking/integration-widget.test.tsx b/services/web/test/frontend/features/settings/components/linking/integration-widget.test.tsx
new file mode 100644
index 0000000..ed65605
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/linking/integration-widget.test.tsx
@@ -0,0 +1,111 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+import { screen, fireEvent, render, within } from '@testing-library/react'
+import { IntegrationLinkingWidget } from '../../../../../../frontend/js/features/settings/components/linking/integration-widget'
+import * as eventTracking from '@/infrastructure/event-tracking'
+
+describe('<IntegrationLinkingWidgetTest/>', function () {
+  const defaultProps = {
+    logo: <div />,
+    title: 'Integration',
+    description: 'paragraph1',
+    helpPath: '/learn',
+    linkPath: '/link',
+    unlinkPath: '/unlink',
+    unlinkConfirmationTitle: 'confirm unlink',
+    unlinkConfirmationText: 'you will be unlinked',
+  }
+
+  describe('when the feature is not available', function () {
+    let sendMBSpy: sinon.SinonSpy
+    beforeEach(function () {
+      sendMBSpy = sinon.spy(eventTracking, 'sendMB')
+      render(<IntegrationLinkingWidget {...defaultProps} hasFeature={false} />)
+    })
+
+    afterEach(function () {
+      sendMBSpy.restore()
+    })
+
+    it("should render 'Premium feature' label", function () {
+      screen.getByText('Premium feature')
+    })
+
+    it('should render an upgrade link and track clicks', function () {
+      const upgradeLink = screen.getByRole('button', { name: 'Upgrade' })
+      expect(upgradeLink.getAttribute('href')).to.equal(
+        '/user/subscription/plans'
+      )
+      fireEvent.click(upgradeLink)
+      expect(sendMBSpy).to.be.calledOnce
+      expect(sendMBSpy).calledWith('settings-upgrade-click')
+    })
+  })
+
+  describe('when the integration is not linked', function () {
+    beforeEach(function () {
+      render(
+        <IntegrationLinkingWidget {...defaultProps} hasFeature linked={false} />
+      )
+    })
+
+    it('should render a link to initiate integration linking', function () {
+      expect(
+        screen.getByRole('button', { name: 'Link' }).getAttribute('href')
+      ).to.equal('/link')
+    })
+
+    it("should not render 'premium feature' labels", function () {
+      expect(screen.queryByText('premium_feature')).to.not.exist
+      expect(screen.queryByText('integration_is_a_premium_feature')).to.not
+        .exist
+    })
+  })
+
+  describe('when the integration is linked', function () {
+    beforeEach(function () {
+      render(
+        <IntegrationLinkingWidget
+          {...defaultProps}
+          hasFeature
+          linked
+          statusIndicator={<div>status indicator</div>}
+        />
+      )
+    })
+
+    it('should render a status indicator', function () {
+      screen.getByText('status indicator')
+    })
+
+    it("should not render 'premium feature' labels", function () {
+      expect(screen.queryByText('premium_feature')).to.not.exist
+      expect(screen.queryByText('integration_is_a_premium_feature')).to.not
+        .exist
+    })
+
+    it('should display an `unlink` button', function () {
+      screen.getByRole('button', { name: 'Unlink' })
+    })
+
+    it('should open a modal with a link to confirm integration unlinking', function () {
+      fireEvent.click(screen.getByRole('button', { name: 'Unlink' }))
+      const withinModal = within(screen.getByRole('dialog'))
+      withinModal.getByText('confirm unlink')
+      withinModal.getByText('you will be unlinked')
+      withinModal.getByRole('button', { name: 'Cancel' })
+      withinModal.getByRole('button', { name: 'Unlink' })
+    })
+
+    it('should cancel unlinking when clicking "cancel" in the confirmation modal', async function () {
+      fireEvent.click(screen.getByRole('button', { name: 'Unlink' }))
+      screen.getByText('confirm unlink')
+      const cancelBtn = screen.getByRole('button', {
+        name: 'Cancel',
+        hidden: false,
+      })
+      fireEvent.click(cancelBtn)
+      await screen.findByRole('button', { name: 'Cancel', hidden: true })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/linking/sso-widget.test.tsx b/services/web/test/frontend/features/settings/components/linking/sso-widget.test.tsx
new file mode 100644
index 0000000..d78de73
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/linking/sso-widget.test.tsx
@@ -0,0 +1,136 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+import {
+  screen,
+  fireEvent,
+  render,
+  waitFor,
+  within,
+} from '@testing-library/react'
+import { FetchError } from '../../../../../../frontend/js/infrastructure/fetch-json'
+import { SSOLinkingWidget } from '../../../../../../frontend/js/features/settings/components/linking/sso-widget'
+
+describe('<SSOLinkingWidget />', function () {
+  const defaultProps = {
+    providerId: 'integration_id',
+    title: 'integration',
+    description: 'integration description',
+    helpPath: '/help/integration',
+    linkPath: '/integration/link',
+    onUnlink: () => Promise.resolve(),
+  }
+
+  it('should render', function () {
+    render(<SSOLinkingWidget {...defaultProps} />)
+    screen.getByText('integration')
+    screen.getByText('integration description')
+    expect(
+      screen.getByRole('link', { name: 'Learn more' }).getAttribute('href')
+    ).to.equal('/help/integration')
+  })
+
+  describe('when unlinked', function () {
+    it('should render a link to `linkPath`', function () {
+      render(<SSOLinkingWidget {...defaultProps} linked={false} />)
+      expect(
+        screen.getByRole('button', { name: 'Link' }).getAttribute('href')
+      ).to.equal('/integration/link?intent=link')
+    })
+  })
+
+  describe('when linked', function () {
+    let unlinkFunction: sinon.SinonStub
+
+    beforeEach(function () {
+      unlinkFunction = sinon.stub()
+      render(
+        <SSOLinkingWidget {...defaultProps} linked onUnlink={unlinkFunction} />
+      )
+    })
+
+    it('should display an `unlink` button', function () {
+      screen.getByRole('button', { name: 'Unlink' })
+    })
+
+    it('should open a modal to confirm integration unlinking', function () {
+      fireEvent.click(screen.getByRole('button', { name: 'Unlink' }))
+      screen.getByText('Unlink integration Account')
+      screen.getByText(
+        'Warning: When you unlink your account from integration you will not be able to sign in using integration anymore.'
+      )
+    })
+
+    it('should cancel unlinking when clicking cancel in the confirmation modal', async function () {
+      fireEvent.click(screen.getByRole('button', { name: 'Unlink' }))
+      const cancelBtn = screen.getByRole('button', {
+        name: 'Cancel',
+        hidden: false,
+      })
+      fireEvent.click(cancelBtn)
+      await screen.findByRole('button', { name: 'Cancel', hidden: true })
+      expect(unlinkFunction).not.to.have.been.called
+    })
+  })
+
+  describe('unlinking an account', function () {
+    let confirmBtn: HTMLElement, unlinkFunction: sinon.SinonStub
+
+    beforeEach(function () {
+      unlinkFunction = sinon.stub()
+      render(
+        <SSOLinkingWidget {...defaultProps} linked onUnlink={unlinkFunction} />
+      )
+      fireEvent.click(screen.getByRole('button', { name: 'Unlink' }))
+      confirmBtn = within(screen.getByRole('dialog')).getByRole('button', {
+        name: 'Unlink',
+        hidden: false,
+      })
+    })
+
+    it('should make an `unlink` request', function () {
+      unlinkFunction.resolves()
+      fireEvent.click(confirmBtn)
+      expect(unlinkFunction).to.have.been.called
+    })
+
+    it('should display feedback while the request is inflight', async function () {
+      unlinkFunction.returns(
+        new Promise<void>(resolve => {
+          setTimeout(resolve, 500)
+        })
+      )
+      fireEvent.click(confirmBtn)
+      await waitFor(() =>
+        expect(screen.getByRole('button', { name: 'Unlinking' }))
+      )
+    })
+  })
+
+  describe('when unlinking fails', function () {
+    beforeEach(function () {
+      const unlinkFunction = sinon
+        .stub()
+        .rejects(new FetchError('unlinking failed', ''))
+      render(
+        <SSOLinkingWidget {...defaultProps} linked onUnlink={unlinkFunction} />
+      )
+      fireEvent.click(screen.getByRole('button', { name: 'Unlink' }))
+      const confirmBtn = within(screen.getByRole('dialog')).getByRole(
+        'button',
+        {
+          name: 'Unlink',
+          hidden: false,
+        }
+      )
+      fireEvent.click(confirmBtn)
+    })
+
+    it('should display an error message ', async function () {
+      await screen.findByText('Something went wrong. Please try again.')
+    })
+
+    it('should display the unlink button ', async function () {
+      await screen.findByRole('button', { name: 'Unlink' })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/newsletter-section.test.tsx b/services/web/test/frontend/features/settings/components/newsletter-section.test.tsx
new file mode 100644
index 0000000..a1fdeee
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/newsletter-section.test.tsx
@@ -0,0 +1,16 @@
+import { expect } from 'chai'
+import { screen, render } from '@testing-library/react'
+
+import NewsletterSection from '../../../../../frontend/js/features/settings/components/newsletter-section'
+
+describe('<NewsletterSection />', function () {
+  it('shows link to sessions', async function () {
+    render(<NewsletterSection />)
+
+    const link = screen.getByRole('link', {
+      name: 'Manage Your Newsletter Preferences',
+    })
+
+    expect(link.getAttribute('href')).to.equal('/user/email-preferences')
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/password-section.test.tsx b/services/web/test/frontend/features/settings/components/password-section.test.tsx
new file mode 100644
index 0000000..63f151a
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/password-section.test.tsx
@@ -0,0 +1,213 @@
+import { expect } from 'chai'
+import { fireEvent, screen, render } from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+import PasswordSection from '../../../../../frontend/js/features/settings/components/password-section'
+import getMeta from '@/utils/meta'
+
+describe('<PasswordSection />', function () {
+  beforeEach(function () {
+    Object.assign(getMeta('ol-ExposedSettings'), {
+      isOverleaf: true,
+    })
+    window.metaAttributesCache.set(
+      'ol-isExternalAuthenticationSystemUsed',
+      false
+    )
+    window.metaAttributesCache.set('ol-hasPassword', true)
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows password managed externally message', async function () {
+    Object.assign(getMeta('ol-ExposedSettings'), {
+      isOverleaf: false,
+    })
+    window.metaAttributesCache.set(
+      'ol-isExternalAuthenticationSystemUsed',
+      true
+    )
+    render(<PasswordSection />)
+
+    screen.getByText('Password settings are managed externally')
+  })
+
+  it('shows no existing password message', async function () {
+    window.metaAttributesCache.set('ol-hasPassword', false)
+    render(<PasswordSection />)
+
+    screen.getByText('Please use the password reset form to set your password')
+  })
+
+  it('submits all inputs', async function () {
+    const updateMock = fetchMock.post('/user/password/update', 200)
+    render(<PasswordSection />)
+    submitValidForm()
+
+    expect(updateMock.callHistory.called()).to.be.true
+    expect(
+      JSON.parse(updateMock.callHistory.calls().at(-1)?.options.body as string)
+    ).to.deep.equal({
+      currentPassword: 'foobar',
+      newPassword1: 'barbaz',
+      newPassword2: 'barbaz',
+    })
+  })
+
+  it('disables button on invalid form', async function () {
+    const updateMock = fetchMock.post('/user/password/update', 200)
+    render(<PasswordSection />)
+
+    fireEvent.click(
+      screen.getByRole('button', {
+        name: 'Change',
+      })
+    )
+    expect(updateMock.callHistory.called()).to.be.false
+  })
+
+  it('validates inputs', async function () {
+    render(<PasswordSection />)
+
+    const button = screen.getByRole('button', {
+      name: 'Change',
+    }) as HTMLButtonElement
+    expect(button.disabled).to.be.true
+
+    fireEvent.change(screen.getByLabelText('Current password'), {
+      target: { value: 'foobar' },
+    })
+    expect(button.disabled).to.be.true
+
+    fireEvent.change(screen.getByLabelText('New password'), {
+      target: { value: 'barbaz' },
+    })
+    expect(button.disabled).to.be.true
+
+    fireEvent.change(screen.getByLabelText('Confirm new password'), {
+      target: { value: 'bar' },
+    })
+    screen.getByText('Doesn’t match')
+    expect(button.disabled).to.be.true
+
+    fireEvent.change(screen.getByLabelText('Confirm new password'), {
+      target: { value: 'barbaz' },
+    })
+    expect(button.disabled).to.be.false
+  })
+
+  it('sets browser validation attributes', async function () {
+    window.metaAttributesCache.set('ol-passwordStrengthOptions', {
+      length: {
+        min: 3,
+      },
+    })
+    render(<PasswordSection />)
+
+    const currentPasswordInput = screen.getByLabelText(
+      'Current password'
+    ) as HTMLInputElement
+    const newPassword1Input = screen.getByLabelText(
+      'New password'
+    ) as HTMLInputElement
+    const newPassword2Input = screen.getByLabelText(
+      'Confirm new password'
+    ) as HTMLInputElement
+
+    expect(newPassword1Input.minLength).to.equal(3)
+
+    // not required before changes
+    expect(currentPasswordInput.required).to.be.false
+    expect(newPassword1Input.required).to.be.false
+    expect(newPassword2Input.required).to.be.false
+
+    fireEvent.change(currentPasswordInput, {
+      target: { value: 'foobar' },
+    })
+    fireEvent.change(newPassword1Input, {
+      target: { value: 'barbaz' },
+    })
+    fireEvent.change(newPassword2Input, {
+      target: { value: 'barbaz' },
+    })
+    expect(currentPasswordInput.required).to.be.true
+    expect(newPassword1Input.required).to.be.true
+    expect(newPassword2Input.required).to.be.true
+  })
+
+  it('shows inflight state and success message', async function () {
+    let finishUpdateCall: (value: any) => void = () => {}
+    fetchMock.post(
+      '/user/password/update',
+      new Promise(resolve => (finishUpdateCall = resolve))
+    )
+    render(<PasswordSection />)
+    submitValidForm()
+
+    await screen.findByRole('button', { name: 'Saving…' })
+
+    finishUpdateCall({
+      status: 200,
+      body: {
+        message: {
+          type: 'success',
+          email: 'tim.alby@overleaf.com',
+          text: 'Password changed',
+        },
+      },
+    })
+    await screen.findByRole('button', {
+      name: 'Change',
+    })
+    screen.getByText('Password changed')
+  })
+
+  it('shows server error', async function () {
+    fetchMock.post('/user/password/update', 500)
+    render(<PasswordSection />)
+    submitValidForm()
+    await screen.findByText('Something went wrong. Please try again.')
+  })
+
+  it('shows server error message', async function () {
+    fetchMock.post('/user/password/update', {
+      status: 400,
+      body: {
+        message: 'Your old password is wrong',
+      },
+    })
+    render(<PasswordSection />)
+    submitValidForm()
+
+    await screen.findByText('Your old password is wrong')
+  })
+
+  it('shows message when user cannot use password log in', async function () {
+    window.metaAttributesCache.set('ol-cannot-change-password', true)
+    render(<PasswordSection />)
+    await screen.findByRole('heading', { name: 'Change Password' })
+    screen.getByText(
+      'You can’t add or change your password because your group or organization uses',
+      { exact: false }
+    )
+    screen.getByRole('link', { name: 'single sign-on (SSO)' })
+  })
+})
+
+function submitValidForm() {
+  fireEvent.change(screen.getByLabelText('Current password'), {
+    target: { value: 'foobar' },
+  })
+  fireEvent.change(screen.getByLabelText('New password'), {
+    target: { value: 'barbaz' },
+  })
+  fireEvent.change(screen.getByLabelText('Confirm new password'), {
+    target: { value: 'barbaz' },
+  })
+  fireEvent.click(
+    screen.getByRole('button', {
+      name: 'Change',
+    })
+  )
+}
diff --git a/services/web/test/frontend/features/settings/components/root.test.tsx b/services/web/test/frontend/features/settings/components/root.test.tsx
new file mode 100644
index 0000000..ea4de26
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/root.test.tsx
@@ -0,0 +1,83 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+import { screen, render, waitFor } from '@testing-library/react'
+import * as eventTracking from '@/infrastructure/event-tracking'
+import SettingsPageRoot from '../../../../../frontend/js/features/settings/components/root'
+import getMeta from '@/utils/meta'
+
+describe('<SettingsPageRoot />', function () {
+  let sendMBSpy: sinon.SinonSpy
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-usersEmail', 'foo@bar.com')
+    Object.assign(getMeta('ol-ExposedSettings'), { isOverleaf: true })
+    window.metaAttributesCache.set('ol-hasPassword', true)
+    Object.assign(getMeta('ol-ExposedSettings'), {
+      hasAffiliationsFeature: true,
+      isOverleaf: true,
+    })
+    window.metaAttributesCache.set('ol-user', {
+      features: { github: true, dropbox: true, mendeley: true, zotero: true },
+      refProviders: {
+        mendeley: true,
+        zotero: true,
+      },
+    })
+    window.metaAttributesCache.set('ol-github', { enabled: true })
+    window.metaAttributesCache.set('ol-dropbox', { registered: true })
+    window.metaAttributesCache.set('ol-oauthProviders', {})
+    sendMBSpy = sinon.spy(eventTracking, 'sendMB')
+  })
+
+  afterEach(function () {
+    sendMBSpy.restore()
+  })
+
+  it('displays page for Overleaf', async function () {
+    render(<SettingsPageRoot />)
+
+    await waitFor(() => {
+      screen.getByText('Account Settings')
+    })
+    screen.getByText('Emails and Affiliations')
+    screen.getByText('Update Account Info')
+    screen.getByText('Change Password')
+    screen.getByText('Integrations')
+    screen.getByText('Overleaf Beta Program')
+    screen.getByText('Sessions')
+    screen.getByText('Newsletter')
+    screen.getByRole('button', {
+      name: 'Delete your account',
+    })
+  })
+
+  it('displays page for non-Overleaf', async function () {
+    Object.assign(getMeta('ol-ExposedSettings'), {
+      hasAffiliationsFeature: false,
+      isOverleaf: false,
+    })
+    render(<SettingsPageRoot />)
+
+    await waitFor(() => {
+      screen.getByText('Account Settings')
+    })
+    expect(screen.queryByText('Emails and Affiliations')).to.not.exist
+    screen.getByText('Update Account Info')
+    screen.getByText('Change Password')
+    screen.getByText('Integrations')
+    expect(screen.queryByText('Overleaf Beta Program')).to.not.exist
+    screen.getByText('Sessions')
+    expect(screen.queryByText('Newsletter')).to.not.exist
+    expect(
+      screen.queryByRole('button', {
+        name: 'Delete your account',
+      })
+    ).to.not.exist
+  })
+
+  it('sends tracking event on load', async function () {
+    render(<SettingsPageRoot />)
+
+    sinon.assert.calledOnce(sendMBSpy)
+    sinon.assert.calledWith(sendMBSpy, 'settings-view')
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/security-section.test.tsx b/services/web/test/frontend/features/settings/components/security-section.test.tsx
new file mode 100644
index 0000000..08aa89e
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/security-section.test.tsx
@@ -0,0 +1,40 @@
+import SecuritySection from '@/features/settings/components/security-section'
+import { expect } from 'chai'
+import { screen, render } from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+
+describe('<SecuritySection />', function () {
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows Group SSO rows in security section', async function () {
+    window.metaAttributesCache.set('ol-memberOfSSOEnabledGroups', [
+      {
+        groupId: 'abc123abc123',
+        linked: true,
+      },
+      {
+        groupId: 'fff999fff999',
+        linked: false,
+      },
+    ])
+    render(<SecuritySection />)
+
+    expect(screen.getAllByText('Single Sign-On (SSO)').length).to.equal(2)
+    const link = screen.getByRole('button', {
+      name: /Set up SSO/i,
+    })
+    expect(link).to.exist
+    expect(link.getAttribute('href')).to.equal(
+      '/subscription/fff999fff999/sso_enrollment'
+    )
+  })
+
+  it('does not show the security section with no groups with SSO enabled', async function () {
+    window.metaAttributesCache.set('ol-memberOfSSOEnabledGroups', [])
+    render(<SecuritySection />)
+
+    expect(screen.queryByText('Security')).to.not.exist
+  })
+})
diff --git a/services/web/test/frontend/features/settings/components/sessions-section.test.tsx b/services/web/test/frontend/features/settings/components/sessions-section.test.tsx
new file mode 100644
index 0000000..9dc84b1
--- /dev/null
+++ b/services/web/test/frontend/features/settings/components/sessions-section.test.tsx
@@ -0,0 +1,16 @@
+import { expect } from 'chai'
+import { screen, render } from '@testing-library/react'
+
+import SessionsSection from '../../../../../frontend/js/features/settings/components/sessions-section'
+
+describe('<SessionsSection />', function () {
+  it('shows link to sessions', async function () {
+    render(<SessionsSection />)
+
+    const link = screen.getByRole('link', {
+      name: 'Manage Your Sessions',
+    })
+
+    expect(link.getAttribute('href')).to.equal('/user/sessions')
+  })
+})
diff --git a/services/web/test/frontend/features/settings/context/sso-context.test.tsx b/services/web/test/frontend/features/settings/context/sso-context.test.tsx
new file mode 100644
index 0000000..e6b3113
--- /dev/null
+++ b/services/web/test/frontend/features/settings/context/sso-context.test.tsx
@@ -0,0 +1,82 @@
+import { expect } from 'chai'
+import { renderHook } from '@testing-library/react-hooks'
+import {
+  SSOProvider,
+  useSSOContext,
+} from '../../../../../frontend/js/features/settings/context/sso-context'
+import fetchMock from 'fetch-mock'
+
+const mockOauthProviders = {
+  google: {
+    descriptionKey: 'login_with_service',
+    descriptionOptions: { service: 'Google' },
+    name: 'Google',
+    linkPath: '/auth/google',
+  },
+  orcid: {
+    descriptionKey: 'oauth_orcid_description',
+    descriptionOptions: {
+      link: '/blog/434',
+      appName: 'Overleaf',
+    },
+    name: 'ORCID',
+    linkPath: '/auth/orcid',
+  },
+}
+
+describe('SSOContext', function () {
+  const renderSSOContext = () =>
+    renderHook(() => useSSOContext(), {
+      wrapper: ({ children }) => <SSOProvider>{children}</SSOProvider>,
+    })
+
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-thirdPartyIds', {
+      google: 'google-id',
+    })
+    window.metaAttributesCache.set('ol-oauthProviders', mockOauthProviders)
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('should initialise subscriptions with their linked status', function () {
+    const { result } = renderSSOContext()
+    expect(result.current.subscriptions).to.deep.equal({
+      google: {
+        providerId: 'google',
+        provider: mockOauthProviders.google,
+        linked: true,
+      },
+      orcid: {
+        providerId: 'orcid',
+        provider: mockOauthProviders.orcid,
+        linked: false,
+      },
+    })
+  })
+
+  describe('unlink', function () {
+    beforeEach(function () {
+      fetchMock.post('express:/user/oauth-unlink', 200)
+    })
+
+    it('should unlink an existing subscription', async function () {
+      const { result, waitForNextUpdate } = renderSSOContext()
+      result.current.unlink('google')
+      await waitForNextUpdate()
+      expect(result.current.subscriptions.google.linked).to.be.false
+    })
+
+    it('when the provider is not linked, should do nothing', function () {
+      const { result } = renderSSOContext()
+      result.current.unlink('orcid')
+      expect(fetchMock.callHistory.called()).to.be.false
+    })
+
+    it('supports unmounting the component while the request is inflight', async function () {
+      const { result, unmount } = renderSSOContext()
+      result.current.unlink('google')
+      expect(fetchMock.callHistory.called()).to.be.true
+      unmount()
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/settings/context/user-email-context.test.tsx b/services/web/test/frontend/features/settings/context/user-email-context.test.tsx
new file mode 100644
index 0000000..6398be1
--- /dev/null
+++ b/services/web/test/frontend/features/settings/context/user-email-context.test.tsx
@@ -0,0 +1,364 @@
+import { expect } from 'chai'
+import { cloneDeep } from 'lodash'
+import { renderHook } from '@testing-library/react-hooks'
+import { waitFor } from '@testing-library/react'
+
+import {
+  EmailContextType,
+  UserEmailsProvider,
+  useUserEmailsContext,
+} from '../../../../../frontend/js/features/settings/context/user-email-context'
+import fetchMock from 'fetch-mock'
+import {
+  confirmedUserData,
+  professionalUserData,
+  unconfirmedUserData,
+  fakeUsersData,
+  unconfirmedCommonsUserData,
+  untrustedUserData,
+} from '../fixtures/test-user-email-data'
+import localStorage from '@/infrastructure/local-storage'
+
+const renderUserEmailsContext = () =>
+  renderHook(() => useUserEmailsContext(), {
+    wrapper: ({ children }) => (
+      <UserEmailsProvider>{children}</UserEmailsProvider>
+    ),
+  })
+
+describe('UserEmailContext', function () {
+  beforeEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  describe('context bootstrap', function () {
+    it('should start with an "in progress" initialisation state', function () {
+      const { result } = renderUserEmailsContext()
+
+      expect(result.current.isInitializing).to.equal(true)
+      expect(result.current.isInitializingSuccess).to.equal(false)
+      expect(result.current.isInitializingError).to.equal(false)
+    })
+
+    it('should start with an empty state', function () {
+      const { result } = renderUserEmailsContext()
+
+      expect(result.current.state.data.byId).to.deep.equal({})
+      expect(result.current.state.data.emailAffiliationBeingEdited).to.be.null
+      expect(result.current.state.data.linkedInstitutionIds).to.have.length(0)
+    })
+
+    it('should load all user emails and update the initialisation state to "success"', async function () {
+      fetchMock.get(/\/user\/emails/, fakeUsersData)
+      const { result } = renderUserEmailsContext()
+      await fetchMock.callHistory.flush(true)
+      expect(fetchMock.callHistory.calls()).to.have.lengthOf(1)
+      expect(result.current.state.data.byId).to.deep.equal({
+        'bar@overleaf.com': { ...untrustedUserData, ...confirmedUserData },
+        'baz@overleaf.com': unconfirmedUserData,
+        'foo@overleaf.com': professionalUserData,
+        'qux@overleaf.com': unconfirmedCommonsUserData,
+      })
+      expect(result.current.state.data.linkedInstitutionIds).to.have.lengthOf(0)
+
+      expect(result.current.isInitializing).to.equal(false)
+      expect(result.current.isInitializingSuccess).to.equal(true)
+    })
+
+    it('when loading user email fails, it should update the initialisation state to "failed"', async function () {
+      fetchMock.get(/\/user\/emails/, 500)
+      const { result } = renderUserEmailsContext()
+      await fetchMock.callHistory.flush()
+
+      await waitFor(() => {
+        expect(result.current.isInitializing).to.equal(false)
+        expect(result.current.isInitializingError).to.equal(true)
+      })
+    })
+
+    describe('state.isLoading', function () {
+      it('should be `true` on bootstrap', function () {
+        const { result } = renderUserEmailsContext()
+        expect(result.current.state.isLoading).to.equal(true)
+      })
+
+      it('should be updated with `setLoading`', function () {
+        const { result } = renderUserEmailsContext()
+        result.current.setLoading(true)
+        expect(result.current.state.isLoading).to.equal(true)
+        result.current.setLoading(false)
+        expect(result.current.state.isLoading).to.equal(false)
+      })
+    })
+  })
+  describe('context initialised', function () {
+    let result: { current: EmailContextType }
+
+    beforeEach(async function () {
+      fetchMock.get(/\/user\/emails/, fakeUsersData)
+      const value = renderUserEmailsContext()
+      result = value.result
+      await fetchMock.callHistory.flush(true)
+    })
+
+    describe('getEmails()', function () {
+      beforeEach(async function () {
+        fetchMock.removeRoutes().clearHistory()
+      })
+
+      it('should set `isLoading === true`', function () {
+        fetchMock.get(/\/user\/emails/, [
+          {
+            email: 'new@email.com',
+            default: true,
+          },
+        ])
+        result.current.getEmails()
+        expect(result.current.state.isLoading).to.be.true
+      })
+
+      it('requests a new set of emails', async function () {
+        const emailData = {
+          email: 'new@email.com',
+          default: true,
+        }
+        fetchMock.get(/\/user\/emails/, [emailData])
+        result.current.getEmails()
+        await fetchMock.callHistory.flush(true)
+        expect(result.current.state.data.byId).to.deep.equal({
+          'new@email.com': emailData,
+        })
+      })
+
+      it('should populate `linkedInstitutionIds`', async function () {
+        fetchMock.get(/\/user\/emails/, [
+          confirmedUserData,
+          { ...unconfirmedUserData, samlProviderId: 'saml_provider_1' },
+          { ...professionalUserData, samlProviderId: 'saml_provider_2' },
+        ])
+        const { result } = renderUserEmailsContext()
+        await fetchMock.callHistory.flush(true)
+        expect(result.current.state.data.linkedInstitutionIds).to.deep.equal([
+          'saml_provider_1',
+          'saml_provider_2',
+        ])
+      })
+    })
+
+    describe('makePrimary()', function () {
+      it('sets an email as `default`', function () {
+        expect(result.current.state.data.byId['bar@overleaf.com'].default).to.be
+          .false
+        result.current.makePrimary('bar@overleaf.com')
+        expect(result.current.state.data.byId['bar@overleaf.com'].default).to.be
+          .true
+      })
+
+      it('sets `default=false` for the current primary email ', function () {
+        expect(result.current.state.data.byId['foo@overleaf.com'].default).to.be
+          .true
+        result.current.makePrimary('bar@overleaf.com')
+        expect(result.current.state.data.byId['foo@overleaf.com'].default).to.be
+          .false
+      })
+
+      it('produces no effect when passing a non-existing email', function () {
+        const emails = cloneDeep(result.current.state.data.byId)
+        result.current.makePrimary('non-existing@email.com')
+        expect(result.current.state.data.byId).to.deep.equal(emails)
+      })
+    })
+
+    describe('deleteEmail()', function () {
+      it('removes data from the deleted email', function () {
+        result.current.deleteEmail('bar@overleaf.com')
+        expect(result.current.state.data.byId['bar@overleaf.com']).to.be
+          .undefined
+      })
+
+      it('produces no effect when passing a non-existing email', function () {
+        const emails = cloneDeep(result.current.state.data.byId)
+        result.current.deleteEmail('non-existing@email.com')
+        expect(result.current.state.data.byId).to.deep.equal(emails)
+      })
+    })
+
+    describe('setEmailAffiliationBeingEdited()', function () {
+      it('sets an email as currently being edited', function () {
+        result.current.setEmailAffiliationBeingEdited('bar@overleaf.com')
+        expect(result.current.state.data.emailAffiliationBeingEdited).to.equal(
+          'bar@overleaf.com'
+        )
+
+        result.current.setEmailAffiliationBeingEdited(null)
+        expect(result.current.state.data.emailAffiliationBeingEdited).to.be.null
+      })
+
+      it('produces no effect when passing a non-existing email', function () {
+        expect(result.current.state.data.emailAffiliationBeingEdited).to.be.null
+        result.current.setEmailAffiliationBeingEdited('non-existing@email.com')
+        expect(result.current.state.data.emailAffiliationBeingEdited).to.be.null
+      })
+    })
+
+    describe('updateAffiliation()', function () {
+      it('updates affiliation data for an email', function () {
+        result.current.updateAffiliation(
+          'foo@overleaf.com',
+          'new role',
+          'new department'
+        )
+        expect(
+          result.current.state.data.byId['foo@overleaf.com'].affiliation!.role
+        ).to.equal('new role')
+        expect(
+          result.current.state.data.byId['foo@overleaf.com'].affiliation!
+            .department
+        ).to.equal('new department')
+      })
+
+      it('clears an email from currently being edited', function () {
+        result.current.setEmailAffiliationBeingEdited('foo@overleaf.com')
+        result.current.updateAffiliation(
+          'foo@overleaf.com',
+          'new role',
+          'new department'
+        )
+        expect(result.current.state.data.emailAffiliationBeingEdited).to.be.null
+      })
+
+      it('produces no effect when passing an email with no affiliation', function () {
+        const emails = cloneDeep(result.current.state.data.byId)
+        result.current.updateAffiliation(
+          'bar@overleaf.com',
+          'new role',
+          'new department'
+        )
+        expect(result.current.state.data.byId).to.deep.equal(emails)
+      })
+
+      it('produces no effect when passing a non-existing email', function () {
+        const emails = cloneDeep(result.current.state.data.byId)
+        result.current.updateAffiliation(
+          'non-existing@email.com',
+          'new role',
+          'new department'
+        )
+        expect(result.current.state.data.byId).to.deep.equal(emails)
+      })
+    })
+
+    describe('resetLeaversSurveyExpiration()', function () {
+      beforeEach(function () {
+        localStorage.removeItem('showInstitutionalLeaversSurveyUntil')
+      })
+
+      it('when the leaver has institution license, and there is another email with institution license, it should not reset the survey expiration date', async function () {
+        const affiliatedEmail1 = cloneDeep(professionalUserData)
+        affiliatedEmail1.email = 'institution-test@example.com'
+        affiliatedEmail1.emailHasInstitutionLicence = true
+
+        const affiliatedEmail2 = cloneDeep(professionalUserData)
+        affiliatedEmail2.emailHasInstitutionLicence = true
+
+        fetchMock.removeRoutes().clearHistory()
+        fetchMock.get(/\/user\/emails/, [affiliatedEmail1, affiliatedEmail2])
+
+        result.current.getEmails()
+        await fetchMock.callHistory.flush(true)
+
+        // `resetLeaversSurveyExpiration` always happens after deletion
+        result.current.deleteEmail(affiliatedEmail1.email)
+        result.current.resetLeaversSurveyExpiration(affiliatedEmail1)
+
+        const expiration = localStorage.getItem(
+          'showInstitutionalLeaversSurveyUntil'
+        ) as number
+        expect(expiration).to.be.null
+      })
+
+      it("when the leaver's affiliation is past reconfirmation date, and there is another email with institution license, it should not reset the survey expiration date", async function () {
+        const affiliatedEmail1 = cloneDeep(professionalUserData)
+        affiliatedEmail1.email = 'institution-test@example.com'
+        affiliatedEmail1.affiliation.pastReconfirmDate = true
+
+        const affiliatedEmail2 = cloneDeep(professionalUserData)
+        affiliatedEmail2.emailHasInstitutionLicence = true
+
+        fetchMock.removeRoutes().clearHistory()
+        fetchMock.get(/\/user\/emails/, [affiliatedEmail1, affiliatedEmail2])
+
+        result.current.getEmails()
+        await fetchMock.callHistory.flush(true)
+
+        // `resetLeaversSurveyExpiration` always happens after deletion
+        result.current.deleteEmail(affiliatedEmail1.email)
+        result.current.resetLeaversSurveyExpiration(affiliatedEmail1)
+
+        const expiration = localStorage.getItem(
+          'showInstitutionalLeaversSurveyUntil'
+        ) as number
+        expect(expiration).to.be.null
+      })
+
+      it('when there are no other emails with institution license, it should reset the survey expiration date', async function () {
+        const affiliatedEmail1 = cloneDeep(professionalUserData)
+        affiliatedEmail1.emailHasInstitutionLicence = true
+        affiliatedEmail1.email = 'institution-test@example.com'
+        affiliatedEmail1.affiliation.pastReconfirmDate = true
+
+        fetchMock.removeRoutes().clearHistory()
+        fetchMock.get(/\/user\/emails/, [confirmedUserData, affiliatedEmail1])
+
+        result.current.getEmails()
+        await fetchMock.callHistory.flush(true)
+
+        // `resetLeaversSurveyExpiration` always happens after deletion
+        result.current.deleteEmail(affiliatedEmail1.email)
+        result.current.resetLeaversSurveyExpiration(affiliatedEmail1)
+
+        expect(
+          localStorage.getItem('showInstitutionalLeaversSurveyUntil')
+        ).to.be.greaterThan(Date.now())
+      })
+
+      it("when the leaver has no institution license, it shouldn't reset the survey expiration date", async function () {
+        const emailWithInstitutionLicense = cloneDeep(professionalUserData)
+        emailWithInstitutionLicense.email = 'institution-licensed@example.com'
+        emailWithInstitutionLicense.emailHasInstitutionLicence = false
+
+        fetchMock.removeRoutes().clearHistory()
+        fetchMock.get(/\/user\/emails/, [emailWithInstitutionLicense])
+
+        result.current.getEmails()
+        await fetchMock.callHistory.flush(true)
+
+        // `resetLeaversSurveyExpiration` always happens after deletion
+        result.current.deleteEmail(emailWithInstitutionLicense.email)
+        result.current.resetLeaversSurveyExpiration(professionalUserData)
+
+        expect(localStorage.getItem('showInstitutionalLeaversSurveyUntil')).to
+          .be.null
+      })
+
+      it("when the leaver is not past its reconfirmation date, it shouldn't reset the survey expiration date", async function () {
+        const emailWithInstitutionLicense = cloneDeep(professionalUserData)
+        emailWithInstitutionLicense.email = 'institution-licensed@example.com'
+        emailWithInstitutionLicense.affiliation.pastReconfirmDate = false
+
+        fetchMock.removeRoutes().clearHistory()
+        fetchMock.get(/\/user\/emails/, [emailWithInstitutionLicense])
+
+        result.current.getEmails()
+        await fetchMock.callHistory.flush(true)
+
+        // `resetLeaversSurveyExpiration` always happens after deletion
+        result.current.deleteEmail(emailWithInstitutionLicense.email)
+        result.current.resetLeaversSurveyExpiration(professionalUserData)
+
+        expect(localStorage.getItem('showInstitutionalLeaversSurveyUntil')).to
+          .be.null
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/settings/fixtures/test-user-email-data.ts b/services/web/test/frontend/features/settings/fixtures/test-user-email-data.ts
new file mode 100644
index 0000000..857a3dc
--- /dev/null
+++ b/services/web/test/frontend/features/settings/fixtures/test-user-email-data.ts
@@ -0,0 +1,123 @@
+import { UserEmailData } from '../../../../../types/user-email'
+import { Affiliation } from '../../../../../types/affiliation'
+
+export const confirmedUserData: UserEmailData = {
+  confirmedAt: '2022-03-10T10:59:44.139Z',
+  email: 'bar@overleaf.com',
+  default: false,
+}
+
+export const unconfirmedUserData: UserEmailData = {
+  email: 'baz@overleaf.com',
+  default: false,
+}
+
+export const untrustedUserData = {
+  ...confirmedUserData,
+  lastConfirmedAt: '2024-01-01T10:59:44.139Z',
+}
+
+export const professionalUserData: UserEmailData & {
+  affiliation: Affiliation
+} = {
+  affiliation: {
+    cachedConfirmedAt: null,
+    cachedEntitlement: null,
+    cachedLastDayToReconfirm: null,
+    cachedPastReconfirmDate: false,
+    cachedReconfirmedAt: null,
+    department: 'Art History',
+    institution: {
+      commonsAccount: false,
+      writefullCommonsAccount: false,
+      confirmed: true,
+      id: 1,
+      isUniversity: false,
+      maxConfirmationMonths: null,
+      name: 'Overleaf',
+      ssoEnabled: false,
+      ssoBeta: false,
+    },
+    inReconfirmNotificationPeriod: false,
+    inferred: false,
+    licence: 'pro_plus',
+    pastReconfirmDate: false,
+    portal: { slug: '', templates_count: 1 },
+    role: 'Reader',
+  },
+  confirmedAt: '2022-03-09T10:59:44.139Z',
+  email: 'foo@overleaf.com',
+  default: true,
+}
+
+export const unconfirmedCommonsUserData: UserEmailData & {
+  affiliation: Affiliation
+} = {
+  affiliation: {
+    cachedConfirmedAt: null,
+    cachedEntitlement: null,
+    cachedLastDayToReconfirm: null,
+    cachedPastReconfirmDate: false,
+    cachedReconfirmedAt: null,
+    department: 'Art History',
+    institution: {
+      commonsAccount: true,
+      writefullCommonsAccount: false,
+      confirmed: true,
+      id: 1,
+      isUniversity: false,
+      maxConfirmationMonths: null,
+      name: 'Overleaf',
+      ssoEnabled: false,
+      ssoBeta: false,
+    },
+    inReconfirmNotificationPeriod: false,
+    inferred: false,
+    licence: 'free',
+    pastReconfirmDate: false,
+    portal: { slug: '', templates_count: 1 },
+    role: 'Reader',
+  },
+  email: 'qux@overleaf.com',
+  default: true,
+}
+
+export const ssoUserData: UserEmailData = {
+  affiliation: {
+    cachedConfirmedAt: '2022-02-03T11:46:28.249Z',
+    cachedEntitlement: null,
+    cachedLastDayToReconfirm: null,
+    cachedPastReconfirmDate: false,
+    cachedReconfirmedAt: null,
+    department: 'Art History',
+    institution: {
+      commonsAccount: true,
+      writefullCommonsAccount: false,
+      confirmed: true,
+      id: 2,
+      isUniversity: true,
+      maxConfirmationMonths: 12,
+      name: 'SSO University',
+      ssoEnabled: true,
+      ssoBeta: false,
+    },
+    inReconfirmNotificationPeriod: false,
+    inferred: false,
+    licence: 'pro_plus',
+    pastReconfirmDate: false,
+    portal: { slug: '', templates_count: 0 },
+    role: 'Prof',
+  },
+  confirmedAt: '2022-02-03T11:46:28.249Z',
+  email: 'sso-prof@sso-university.edu',
+  samlProviderId: 'sso-prof-saml-id',
+  default: false,
+}
+
+export const fakeUsersData = [
+  { ...confirmedUserData },
+  { ...unconfirmedUserData },
+  { ...untrustedUserData },
+  { ...professionalUserData },
+  { ...unconfirmedCommonsUserData },
+]
diff --git a/services/web/test/frontend/features/share-project-modal/components/share-project-modal.test.jsx b/services/web/test/frontend/features/share-project-modal/components/share-project-modal.test.jsx
new file mode 100644
index 0000000..e44a7d9
--- /dev/null
+++ b/services/web/test/frontend/features/share-project-modal/components/share-project-modal.test.jsx
@@ -0,0 +1,1038 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+import { screen, fireEvent, render, waitFor } from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+import userEvent from '@testing-library/user-event'
+
+import ShareProjectModal from '../../../../../frontend/js/features/share-project-modal/components/share-project-modal'
+import {
+  renderWithEditorContext,
+  cleanUpContext,
+} from '../../../helpers/render-with-context'
+import {
+  EditorProviders,
+  USER_EMAIL,
+  USER_ID,
+} from '../../../helpers/editor-providers'
+import * as useLocationModule from '../../../../../frontend/js/shared/hooks/use-location'
+
+async function changePrivilegeLevel(screen, { current, next }) {
+  const select = screen.getByDisplayValue(current)
+  await fireEvent.click(select)
+  const option = screen.getByRole('option', {
+    name: next,
+  })
+  await fireEvent.click(option)
+}
+
+describe('<ShareProjectModal/>', function () {
+  const project = {
+    _id: 'test-project',
+    name: 'Test Project',
+    features: {
+      collaborators: 10,
+      compileGroup: 'standard',
+    },
+    owner: {
+      _id: USER_ID,
+      email: USER_EMAIL,
+    },
+    members: [],
+    invites: [],
+  }
+
+  const contacts = [
+    // user with edited name
+    {
+      type: 'user',
+      email: 'test-user@example.com',
+      first_name: 'Test',
+      last_name: 'User',
+      name: 'Test User',
+    },
+    // user with default name (email prefix)
+    {
+      type: 'user',
+      email: 'test@example.com',
+      first_name: 'test',
+    },
+    // no last name
+    {
+      type: 'user',
+      first_name: 'Eratosthenes',
+      email: 'eratosthenes@example.com',
+    },
+    // more users
+    {
+      type: 'user',
+      first_name: 'Claudius',
+      last_name: 'Ptolemy',
+      email: 'ptolemy@example.com',
+    },
+    {
+      type: 'user',
+      first_name: 'Abd al-Rahman',
+      last_name: 'Al-Sufi',
+      email: 'al-sufi@example.com',
+    },
+    {
+      type: 'user',
+      first_name: 'Nicolaus',
+      last_name: 'Copernicus',
+      email: 'copernicus@example.com',
+    },
+  ]
+
+  const modalProps = {
+    show: true,
+    handleHide: sinon.stub(),
+  }
+
+  beforeEach(function () {
+    this.locationStub = sinon.stub(useLocationModule, 'useLocation').returns({
+      assign: sinon.stub(),
+      replace: sinon.stub(),
+      reload: sinon.stub(),
+    })
+    fetchMock.get('/user/contacts', { contacts })
+    window.metaAttributesCache.set('ol-user', { allowedFreeTrial: true })
+    window.metaAttributesCache.set('ol-showUpgradePrompt', true)
+    window.metaAttributesCache.set('ol-isReviewerRoleEnabled', true)
+  })
+
+  afterEach(function () {
+    this.locationStub.restore()
+    fetchMock.removeRoutes().clearHistory()
+    cleanUpContext()
+  })
+
+  it('renders the modal', async function () {
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: { project },
+    })
+
+    await screen.findByText('Share Project')
+  })
+
+  it('calls handleHide when a Close button is pressed', async function () {
+    const handleHide = sinon.stub()
+
+    renderWithEditorContext(
+      <ShareProjectModal {...modalProps} handleHide={handleHide} />,
+      { scope: { project } }
+    )
+
+    const [headerCloseButton, footerCloseButton] = await screen.findAllByRole(
+      'button',
+      { name: 'Close' }
+    )
+
+    await userEvent.click(headerCloseButton)
+    await userEvent.click(footerCloseButton)
+
+    expect(handleHide.callCount).to.equal(2)
+  })
+
+  it('handles access level "private"', async function () {
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: { project: { ...project, publicAccesLevel: 'private' } },
+    })
+
+    await screen.findByText('Link sharing is off')
+    await screen.findByRole('button', { name: 'Turn on link sharing' })
+
+    expect(screen.queryByText('Anyone with this link can view this project')).to
+      .be.null
+    expect(screen.queryByText('Anyone with this link can edit this project')).to
+      .be.null
+  })
+
+  it('handles access level "tokenBased"', async function () {
+    const tokens = {
+      readAndWrite: '6862414195fwtbrtrdtskb',
+      readAndWritePrefix: '6862414195',
+      readOnly: 'wrnjfzkysqkr',
+      readAndWriteHashPrefix: 'taEVki',
+      readOnlyHashPrefix: 'j2xYbL',
+    }
+    fetchMock.get(`/project/${project._id}/tokens`, tokens)
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: { project: { ...project, publicAccesLevel: 'tokenBased' } },
+    })
+
+    await screen.findByText('Link sharing is on')
+    await screen.findByRole('button', { name: 'Turn off link sharing' })
+
+    expect(screen.queryByText('Anyone with this link can view this project'))
+      .not.to.be.null
+    expect(screen.queryByText('Anyone with this link can edit this project'))
+      .not.to.be.null
+
+    screen.getByText(
+      `https://www.test-overleaf.com/${tokens.readAndWrite}#${tokens.readAndWriteHashPrefix}`
+    )
+    screen.getByText(
+      `https://www.test-overleaf.com/read/${tokens.readOnly}#${tokens.readOnlyHashPrefix}`
+    )
+  })
+
+  it('handles legacy access level "readAndWrite"', async function () {
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: { project: { ...project, publicAccesLevel: 'readAndWrite' } },
+    })
+
+    await screen.findByText(
+      'This project is public and can be edited by anyone with the URL.'
+    )
+    await screen.findByRole('button', { name: 'Make Private' })
+  })
+
+  it('handles legacy access level "readOnly"', async function () {
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: { project: { ...project, publicAccesLevel: 'readOnly' } },
+    })
+
+    await screen.findByText(
+      'This project is public and can be viewed but not edited by anyone with the URL'
+    )
+    await screen.findByRole('button', { name: 'Make Private' })
+  })
+
+  it('displays actions for project-owners', async function () {
+    const invites = [
+      {
+        _id: 'invited-author',
+        email: 'invited-author@example.com',
+        privileges: 'readAndWrite',
+      },
+    ]
+
+    // render as project owner: actions should be present
+    render(
+      <EditorProviders
+        scope={{
+          project: {
+            ...project,
+            invites,
+            publicAccesLevel: 'tokenBased',
+          },
+        }}
+      >
+        <ShareProjectModal {...modalProps} />
+      </EditorProviders>
+    )
+
+    await screen.findByRole('button', { name: 'Turn off link sharing' })
+    await screen.findByRole('button', { name: 'Resend' })
+  })
+
+  it('hides actions from non-project-owners when link sharing on', async function () {
+    const invites = [
+      {
+        _id: 'invited-author',
+        email: 'invited-author@example.com',
+        privileges: 'readAndWrite',
+      },
+    ]
+
+    render(
+      <EditorProviders
+        scope={{
+          project: {
+            ...project,
+            invites,
+            publicAccesLevel: 'tokenBased',
+          },
+        }}
+        user={{
+          id: 'non-project-owner',
+          email: 'non-project-owner@example.com',
+        }}
+      >
+        <ShareProjectModal {...modalProps} />
+      </EditorProviders>
+    )
+
+    await screen.findByText(
+      'To change access permissions, please ask the project owner'
+    )
+
+    expect(screen.queryByRole('button', { name: 'Turn off link sharing' })).to
+      .be.null
+    expect(screen.queryByRole('button', { name: 'Turn on link sharing' })).to.be
+      .null
+    expect(screen.queryByRole('button', { name: 'Resend' })).to.be.null
+  })
+
+  it('hides actions from non-project-owners when link sharing off', async function () {
+    const invites = [
+      {
+        _id: 'invited-author',
+        email: 'invited-author@example.com',
+        privileges: 'readAndWrite',
+      },
+    ]
+
+    render(
+      <EditorProviders
+        scope={{
+          project: {
+            ...project,
+            invites,
+            publicAccesLevel: 'private',
+          },
+        }}
+        user={{
+          id: 'non-project-owner',
+          email: 'non-project-owner@example.com',
+        }}
+      >
+        <ShareProjectModal {...modalProps} />
+      </EditorProviders>
+    )
+
+    await screen.findByText(
+      'To add more collaborators or turn on link sharing, please ask the project owner'
+    )
+
+    expect(screen.queryByRole('button', { name: 'Turn off link sharing' })).to
+      .be.null
+    expect(screen.queryByRole('button', { name: 'Turn on link sharing' })).to.be
+      .null
+    expect(screen.queryByRole('button', { name: 'Resend' })).to.be.null
+  })
+
+  it('only shows read-only token link to restricted token members', async function () {
+    window.metaAttributesCache.set('ol-isRestrictedTokenMember', true)
+
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      isRestrictedTokenMember: true,
+      scope: { project: { ...project, publicAccesLevel: 'tokenBased' } },
+    })
+
+    // no buttons
+    expect(screen.queryByRole('button', { name: 'Turn on link sharing' })).to.be
+      .null
+    expect(screen.queryByRole('button', { name: 'Turn off link sharing' })).to
+      .be.null
+
+    // only read-only token link
+    await screen.findByText('Anyone with this link can view this project')
+    expect(screen.queryByText('Anyone with this link can edit this project')).to
+      .be.null
+  })
+
+  it('displays project members and invites', async function () {
+    const members = [
+      {
+        _id: 'member-author',
+        email: 'member-author@example.com',
+        privileges: 'readAndWrite',
+      },
+      {
+        _id: 'member-viewer',
+        email: 'member-viewer@example.com',
+        privileges: 'readOnly',
+      },
+    ]
+
+    const invites = [
+      {
+        _id: 'invited-author',
+        email: 'invited-author@example.com',
+        privileges: 'readAndWrite',
+      },
+      {
+        _id: 'invited-viewer',
+        email: 'invited-viewer@example.com',
+        privileges: 'readOnly',
+      },
+    ]
+
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: {
+        project: {
+          ...project,
+          members,
+          invites,
+          publicAccesLevel: 'tokenBased',
+        },
+      },
+    })
+
+    const projectOwnerEmail = USER_EMAIL
+
+    await screen.findByText(projectOwnerEmail)
+    expect(screen.queryAllByText(projectOwnerEmail)).to.have.length(1)
+    expect(screen.queryAllByText('member-author@example.com')).to.have.length(1)
+    expect(screen.queryAllByText('member-viewer@example.com')).to.have.length(1)
+    expect(screen.queryAllByText('invited-author@example.com')).to.have.length(
+      1
+    )
+    expect(screen.queryAllByText('invited-viewer@example.com')).to.have.length(
+      1
+    )
+
+    expect(screen.queryAllByText('Invite not yet accepted.')).to.have.length(
+      invites.length
+    )
+    expect(screen.queryAllByRole('button', { name: 'Resend' })).to.have.length(
+      invites.length
+    )
+  })
+
+  it('resends an invite', async function () {
+    fetchMock.postOnce(
+      'express:/project/:projectId/invite/:inviteId/resend',
+      204
+    )
+
+    const invites = [
+      {
+        _id: 'invited-author',
+        email: 'invited-author@example.com',
+        privileges: 'readAndWrite',
+      },
+    ]
+
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: {
+        project: {
+          ...project,
+          invites,
+          publicAccesLevel: 'tokenBased',
+        },
+      },
+    })
+
+    const [, closeButton] = screen.getAllByRole('button', {
+      name: 'Close',
+    })
+
+    const resendButton = screen.getByRole('button', { name: 'Resend' })
+    fireEvent.click(resendButton)
+
+    await waitFor(() => expect(closeButton.disabled).to.be.true)
+
+    expect(fetchMock.callHistory.done()).to.be.true
+    expect(closeButton.disabled).to.be.false
+  })
+
+  it('revokes an invite', async function () {
+    fetchMock.deleteOnce('express:/project/:projectId/invite/:inviteId', 204)
+
+    const invites = [
+      {
+        _id: 'invited-author',
+        email: 'invited-author@example.com',
+        privileges: 'readAndWrite',
+      },
+    ]
+
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: {
+        project: {
+          ...project,
+          invites,
+          publicAccesLevel: 'tokenBased',
+        },
+      },
+    })
+
+    const [, closeButton] = screen.getAllByRole('button', {
+      name: 'Close',
+    })
+
+    const revokeButton = screen.getByRole('button', { name: 'Revoke' })
+    fireEvent.click(revokeButton)
+    await waitFor(() => expect(closeButton.disabled).to.be.true)
+
+    expect(fetchMock.callHistory.done()).to.be.true
+    expect(closeButton.disabled).to.be.false
+  })
+
+  it('changes member privileges to read + write', async function () {
+    fetchMock.putOnce('express:/project/:projectId/users/:userId', 204)
+
+    const members = [
+      {
+        _id: 'member-viewer',
+        email: 'member-viewer@example.com',
+        privileges: 'readOnly',
+      },
+    ]
+
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: {
+        project: {
+          ...project,
+          members,
+          publicAccesLevel: 'tokenBased',
+        },
+      },
+    })
+
+    const [, closeButton] = await screen.getAllByRole('button', {
+      name: 'Close',
+    })
+
+    expect(
+      await screen.findAllByText('member-viewer@example.com')
+    ).to.have.length(1)
+
+    await changePrivilegeLevel(screen, { current: 'Viewer', next: 'Editor' })
+
+    await waitFor(() => expect(closeButton.disabled).to.be.true)
+
+    const { body } = fetchMock.callHistory.calls().at(-1).options
+    expect(JSON.parse(body)).to.deep.equal({ privilegeLevel: 'readAndWrite' })
+
+    expect(fetchMock.callHistory.done()).to.be.true
+    expect(closeButton.disabled).to.be.false
+  })
+
+  it('removes a member from the project', async function () {
+    fetchMock.deleteOnce('express:/project/:projectId/users/:userId', 204)
+
+    const members = [
+      {
+        _id: 'member-viewer',
+        email: 'member-viewer@example.com',
+        privileges: 'readOnly',
+      },
+    ]
+
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: {
+        project: {
+          ...project,
+          members,
+          publicAccesLevel: 'tokenBased',
+        },
+      },
+    })
+
+    expect(
+      await screen.findAllByText('member-viewer@example.com')
+    ).to.have.length(1)
+
+    await changePrivilegeLevel(screen, {
+      current: 'Viewer',
+      next: 'Remove access',
+    })
+    const removeButton = screen.getByRole('button', {
+      name: 'Change',
+    })
+    fireEvent.click(removeButton)
+
+    const url = fetchMock.callHistory.calls().at(-1).url
+    expect(url).to.equal(
+      'https://www.test-overleaf.com/project/test-project/users/member-viewer'
+    )
+
+    expect(fetchMock.callHistory.done()).to.be.true
+  })
+
+  it('changes member privileges to owner with confirmation', async function () {
+    fetchMock.postOnce('express:/project/:projectId/transfer-ownership', 204)
+
+    const members = [
+      {
+        _id: 'member-viewer',
+        email: 'member-viewer@example.com',
+        privileges: 'readOnly',
+      },
+    ]
+
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: {
+        project: {
+          ...project,
+          members,
+          publicAccesLevel: 'tokenBased',
+        },
+      },
+    })
+
+    await screen.findByText('member-viewer@example.com')
+    expect(screen.queryAllByText('member-viewer@example.com')).to.have.length(1)
+
+    await changePrivilegeLevel(screen, {
+      current: 'Viewer',
+      next: 'Make owner',
+    })
+
+    screen.getByText((_, node) => {
+      return (
+        node.textContent ===
+        'Are you sure you want to make member-viewer@example.com the owner of Test Project?'
+      )
+    })
+
+    const confirmButton = screen.getByRole('button', {
+      name: 'Change owner',
+    })
+    fireEvent.click(confirmButton)
+    await waitFor(() => expect(confirmButton.disabled).to.be.true)
+
+    const { body } = fetchMock.callHistory.calls().at(-1).options
+    expect(JSON.parse(body)).to.deep.equal({ user_id: 'member-viewer' })
+
+    expect(fetchMock.callHistory.done()).to.be.true
+  })
+
+  it('sends invites to input email addresses', async function () {
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: {
+        project: {
+          ...project,
+          publicAccesLevel: 'tokenBased',
+        },
+      },
+    })
+
+    const [inputElement] = await screen.findAllByLabelText('Add people')
+
+    // loading contacts
+    await waitFor(() => {
+      expect(fetchMock.callHistory.called('express:/user/contacts')).to.be.true
+    })
+
+    // displaying a list of matching contacts
+    inputElement.focus()
+    fireEvent.change(inputElement, { target: { value: 'ptolemy' } })
+
+    await screen.findByText(/ptolemy@example.com/)
+
+    // sending invitations
+
+    fetchMock.post(
+      'express:/project/:projectId/invite',
+      ({ args: [url, req] }) => {
+        const data = JSON.parse(req.body)
+
+        if (data.email === 'a@b.c') {
+          return {
+            status: 400,
+            body: { errorReason: 'invalid_email' },
+          }
+        }
+
+        return {
+          status: 200,
+          body: {
+            invite: {
+              ...data,
+              _id: data.email,
+            },
+          },
+        }
+      }
+    )
+
+    fireEvent.paste(inputElement, {
+      clipboardData: {
+        getData: () =>
+          `test@example.com; foo@example.com
+          bar@example.com, a@b.c`,
+      },
+    })
+
+    const user = userEvent.setup()
+    await user.click(screen.getByTestId('add-collaborator-select'))
+    await user.click(screen.getByText('Viewer'))
+
+    const submitButton = screen.getByRole('button', { name: 'Invite' })
+    await userEvent.click(submitButton)
+
+    let calls
+    await waitFor(
+      () => {
+        calls = fetchMock.callHistory.calls(
+          'express:/project/:projectId/invite'
+        )
+        expect(calls).to.have.length(4)
+      },
+      { timeout: 5000 } // allow time for delay between each request
+    )
+
+    expect(calls[0].args[1].body).to.equal(
+      JSON.stringify({ email: 'test@example.com', privileges: 'readOnly' })
+    )
+    expect(calls[1].args[1].body).to.equal(
+      JSON.stringify({ email: 'foo@example.com', privileges: 'readOnly' })
+    )
+    expect(calls[2].args[1].body).to.equal(
+      JSON.stringify({ email: 'bar@example.com', privileges: 'readOnly' })
+    )
+    expect(calls[3].args[1].body).to.equal(
+      JSON.stringify({ email: 'a@b.c', privileges: 'readOnly' })
+    )
+
+    // error from the last invite
+    screen.getByText('An email address is invalid')
+  })
+
+  it('displays a message when the collaborator limit is reached', async function () {
+    fetchMock.post(
+      '/event/paywall-prompt',
+      {},
+      { body: { 'paywall-type': 'project-sharing' } }
+    )
+
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: {
+        project: {
+          ...project,
+          publicAccesLevel: 'tokenBased',
+          features: {
+            collaborators: 0,
+            compileGroup: 'standard',
+          },
+        },
+      },
+    })
+
+    await screen.findByText('Add more collaborators')
+
+    const user = userEvent.setup()
+    await user.click(screen.getByTestId('add-collaborator-select'))
+    const editorOption = screen.getByText('Editor').closest('button')
+    const reviewerOption = screen.getByText('Reviewer').closest('button')
+    const viewerOption = screen.getByText('Viewer').closest('button')
+
+    expect(editorOption.classList.contains('disabled')).to.be.true
+    expect(reviewerOption.classList.contains('disabled')).to.be.true
+    expect(viewerOption.classList.contains('disabled')).to.be.false
+
+    screen.getByText(
+      /Upgrade to add more collaborators and access collaboration features like track changes and full project history/
+    )
+  })
+
+  it('counts reviewers towards the collaborator limit', async function () {
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: {
+        project: {
+          ...project,
+          features: {
+            collaborators: 1,
+          },
+          members: [
+            {
+              _id: 'reviewer-id',
+              email: 'reviewer@example.com',
+              privileges: 'review',
+            },
+          ],
+        },
+      },
+    })
+
+    await screen.findByText('Add more collaborators')
+
+    const user = userEvent.setup()
+    await user.click(screen.getByTestId('add-collaborator-select'))
+
+    const editorOption = screen.getByText('Editor').closest('button')
+    const reviewerOption = screen.getByText('Reviewer').closest('button')
+    const viewerOption = screen.getByText('Viewer').closest('button')
+
+    expect(editorOption.classList.contains('disabled')).to.be.true
+    expect(reviewerOption.classList.contains('disabled')).to.be.true
+    expect(viewerOption.classList.contains('disabled')).to.be.false
+
+    screen.getByText(
+      /Upgrade to add more collaborators and access collaboration features like track changes and full project history/
+    )
+  })
+
+  it('handles server error responses', async function () {
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: {
+        project: {
+          ...project,
+          publicAccesLevel: 'tokenBased',
+        },
+      },
+    })
+
+    // loading contacts
+    await waitFor(() => {
+      expect(fetchMock.callHistory.called('express:/user/contacts')).to.be.true
+    })
+
+    const [inputElement] = await screen.findAllByLabelText('Add people')
+
+    const submitButton = screen.getByRole('button', { name: 'Invite' })
+
+    const respondWithError = async function (errorReason) {
+      fireEvent.focus(inputElement)
+      fireEvent.change(inputElement, {
+        target: { value: 'invited-author-1@example.com' },
+      })
+      fireEvent.blur(inputElement)
+
+      fetchMock.postOnce('express:/project/:projectId/invite', {
+        status: 400,
+        body: { errorReason },
+      })
+
+      expect(submitButton.disabled).to.be.false
+      await userEvent.click(submitButton)
+      await fetchMock.callHistory.flush(true)
+      expect(fetchMock.callHistory.done()).to.be.true
+    }
+
+    await respondWithError('cannot_invite_non_user')
+    await screen.findByText(
+      `Can’t send invite. Recipient must already have an Overleaf account`
+    )
+
+    await respondWithError('cannot_verify_user_not_robot')
+    await screen.findByText(
+      `Sorry, we could not verify that you are not a robot. Please check that Google reCAPTCHA is not being blocked by an ad blocker or firewall.`
+    )
+
+    await respondWithError('cannot_invite_self')
+    await screen.findByText(`Can’t send invite to yourself`)
+
+    await respondWithError('invalid_email')
+    await screen.findByText(`An email address is invalid`)
+
+    await respondWithError('too_many_requests')
+    await screen.findByText(
+      `Too many requests were received in a short space of time. Please wait for a few moments and try again.`
+    )
+  })
+
+  it('handles switching between access levels', async function () {
+    fetchMock.post('express:/project/:projectId/settings/admin', 204)
+
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: {
+        project: { ...project, publicAccesLevel: 'private' },
+      },
+    })
+
+    await screen.findByText('Link sharing is off')
+
+    const enableButton = await screen.findByRole('button', {
+      name: 'Turn on link sharing',
+    })
+    fireEvent.click(enableButton)
+    await waitFor(() => expect(enableButton.disabled).to.be.true)
+
+    const { body: tokenBody } = fetchMock.callHistory.calls().at(-1).options
+    expect(JSON.parse(tokenBody)).to.deep.equal({
+      publicAccessLevel: 'tokenBased',
+    })
+
+    // NOTE: updating the scoped project data manually,
+    // as the project data is usually updated via the websocket connection
+    window.overleaf.unstable.store.set('project', {
+      ...project,
+      publicAccesLevel: 'tokenBased',
+    })
+    // watchCallbacks.project({ ...project, publicAccesLevel: 'tokenBased' })
+
+    await screen.findByText('Link sharing is on')
+    const disableButton = await screen.findByRole('button', {
+      name: 'Turn off link sharing',
+    })
+    fireEvent.click(disableButton)
+    await waitFor(() => expect(disableButton.disabled).to.be.true)
+
+    const { body: privateBody } = fetchMock.callHistory.calls().at(-1).options
+    expect(JSON.parse(privateBody)).to.deep.equal({
+      publicAccessLevel: 'private',
+    })
+
+    // NOTE: updating the scoped project data manually,
+    // as the project data is usually updated via the websocket connection
+    window.overleaf.unstable.store.set('project', {
+      ...project,
+      publicAccesLevel: 'private',
+    })
+    // watchCallbacks.project({ ...project, publicAccesLevel: 'private' })
+
+    await screen.findByText('Link sharing is off')
+  })
+
+  it('avoids selecting unmatched contact', async function () {
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: { project },
+    })
+
+    const [inputElement] = await screen.findAllByLabelText('Add people')
+
+    // Wait for contacts to load
+    await waitFor(() => {
+      expect(fetchMock.callHistory.called('express:/user/contacts')).to.be.true
+    })
+
+    // Enter a prefix that matches a contact
+    inputElement.focus()
+    fireEvent.change(inputElement, { target: { value: 'ptolemy' } })
+
+    // The matching contact should now be present and selected
+    await screen.findByRole('option', {
+      name: `Claudius Ptolemy <ptolemy@example.com>`,
+      selected: true,
+    })
+
+    // Keep entering text so the contact no longer matches
+    fireEvent.change(inputElement, {
+      target: { value: 'ptolemy.new@example.com' },
+    })
+
+    // The matching contact should no longer be present
+    expect(
+      screen.queryByRole('option', {
+        name: `Claudius Ptolemy <ptolemy@example.com>`,
+      })
+    ).to.be.null
+
+    // No items should be added yet
+    expect(screen.queryByRole('button', { name: 'Remove' })).to.be.null
+
+    // Pressing Tab should add the entered item
+    fireEvent.keyDown(inputElement, { key: 'Tab', code: 'Tab' })
+    await waitFor(() => {
+      expect(screen.getAllByRole('button', { name: /Remove/ })).to.have.length(
+        1
+      )
+    })
+
+    // Blurring the input should not add another contact
+    fireEvent.blur(inputElement)
+    await waitFor(() => {
+      expect(screen.getAllByRole('button', { name: /Remove/ })).to.have.length(
+        1
+      )
+    })
+  })
+
+  it('selects contact by typing the entire email and blurring the input', async function () {
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: { project },
+    })
+
+    const [inputElement] = await screen.findAllByLabelText('Add people')
+
+    // Wait for contacts to load
+    await waitFor(() => {
+      expect(fetchMock.callHistory.called('express:/user/contacts')).to.be.true
+    })
+
+    // Enter a prefix that matches a contact
+    await userEvent.type(inputElement, 'ptolemy@example.com')
+
+    // The matching contact should now be present and selected
+    await screen.findByRole('option', {
+      name: `Claudius Ptolemy <ptolemy@example.com>`,
+      selected: true,
+    })
+
+    // No items should be added yet
+    expect(screen.queryByRole('button', { name: /Remove/ })).to.be.null
+
+    // Click anywhere on the form to blur the input
+    await userEvent.click(screen.getByRole('dialog'))
+
+    // The contact should be added
+    await waitFor(() => {
+      expect(screen.getAllByRole('button', { name: /Remove/ })).to.have.length(
+        1
+      )
+    })
+  })
+
+  it('selects contact by typing a partial email and selecting the suggestion', async function () {
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: { project },
+    })
+
+    const [inputElement] = await screen.findAllByLabelText('Add people')
+
+    // Wait for contacts to load
+    await waitFor(() => {
+      expect(fetchMock.callHistory.called('express:/user/contacts')).to.be.true
+    })
+
+    // Enter a prefix that matches a contact
+    await userEvent.type(inputElement, 'pto')
+
+    // The matching contact should now be present and selected
+    await userEvent.click(
+      screen.getByRole('option', {
+        name: `Claudius Ptolemy <ptolemy@example.com>`,
+        selected: true,
+      })
+    )
+
+    // Click anywhere on the form to blur the input
+    await userEvent.click(screen.getByRole('dialog'))
+
+    // The contact should be added
+    await waitFor(() => {
+      expect(screen.getAllByRole('button', { name: /Remove/ })).to.have.length(
+        1
+      )
+    })
+  })
+
+  it('allows an email address to be selected, removed, then re-added', async function () {
+    renderWithEditorContext(<ShareProjectModal {...modalProps} />, {
+      scope: { project },
+    })
+
+    const [inputElement] = await screen.findAllByLabelText('Add people')
+
+    // Wait for contacts to load
+    await waitFor(() => {
+      expect(fetchMock.callHistory.called('express:/user/contacts')).to.be.true
+    })
+
+    // Enter a prefix that matches a contact
+    await userEvent.type(inputElement, 'pto')
+
+    // Select the suggested contact
+    await userEvent.click(
+      screen.getByRole('option', {
+        name: `Claudius Ptolemy <ptolemy@example.com>`,
+        selected: true,
+      })
+    )
+
+    // Click anywhere on the form to blur the input
+    await userEvent.click(screen.getByRole('dialog'))
+
+    // Remove the just-added collaborator
+    await userEvent.click(screen.getByRole('button', { name: /Remove/ }))
+
+    // Remove button should now be gone
+    expect(screen.queryByRole('button', { name: /Remove/ })).to.be.null
+
+    // Add the same collaborator again
+    await userEvent.type(inputElement, 'pto')
+
+    // Click the suggested contact again
+    await userEvent.click(
+      screen.getByRole('option', {
+        name: `Claudius Ptolemy <ptolemy@example.com>`,
+        selected: true,
+      })
+    )
+
+    // Click anywhere on the form to blur the input
+    await userEvent.click(screen.getByRole('dialog'))
+
+    // The contact should be added
+    await waitFor(() => {
+      expect(screen.getAllByRole('button', { name: /Remove/ })).to.have.length(
+        1
+      )
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/commands/ranges.test.ts b/services/web/test/frontend/features/source-editor/commands/ranges.test.ts
new file mode 100644
index 0000000..9d5123d
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/commands/ranges.test.ts
@@ -0,0 +1,223 @@
+import { expect, use } from 'chai'
+import { toggleRanges } from '../../../../../frontend/js/features/source-editor/commands/ranges'
+import { CodemirrorTestSession, viewHelpers } from '../helpers/codemirror'
+
+use(viewHelpers)
+
+const BOLD_COMMAND = toggleRanges('\\textbf')
+
+describe('toggleRanges', function () {
+  describe('when text outside of a command is selected', function () {
+    it('wraps the selection in a command', function () {
+      const cm = new CodemirrorTestSession(['this <is my> range'])
+      cm.applyCommand(BOLD_COMMAND)
+      expect(cm).line(1).to.equal('this \\textbf{<is my>} range')
+    })
+
+    describe('when it is an empty selection', function () {
+      it('inserts a wrapping command and keep cursor inside the argument', function () {
+        const cm = new CodemirrorTestSession(['this is | my range'])
+        cm.applyCommand(BOLD_COMMAND)
+        expect(cm).line(1).to.equal('this is \\textbf{|} my range')
+      })
+    })
+
+    describe('when it is an empty selection before a command', function () {
+      it('inserts a wrapping command and keep cursor inside the argument', function () {
+        const cm = new CodemirrorTestSession(['this is |\\textbf{my range}'])
+        cm.applyCommand(BOLD_COMMAND)
+        expect(cm).line(1).to.equal('this is \\textbf{|}\\textbf{my range}')
+      })
+    })
+  })
+
+  describe('when text inside a command is selected', function () {
+    describe('if the whole command is selected', function () {
+      it('removes the wrapping command', function () {
+        const cm = new CodemirrorTestSession(['this \\textbf{<is my>} range'])
+        cm.applyCommand(BOLD_COMMAND)
+        expect(cm).line(1).to.equal('this <is my> range')
+      })
+    })
+
+    describe('if the command is empty', function () {
+      it('removes the command', function () {
+        const cm = new CodemirrorTestSession(['\\textbf{|}'])
+        cm.applyCommand(BOLD_COMMAND)
+        expect(cm).line(1).to.equal('|')
+      })
+    })
+
+    describe('if the selection is at the beginning of a wrapping command', function () {
+      it('shifts the start of the command', function () {
+        const cm = new CodemirrorTestSession(['\\textbf{<this is> my} range'])
+        cm.applyCommand(BOLD_COMMAND)
+        expect(cm).line(1).to.equal('this is\\textbf{ my} range')
+      })
+    })
+
+    describe('if the selection is at the end of a wrapping command', function () {
+      it('shifts the end of the command', function () {
+        const cm = new CodemirrorTestSession(['\\textbf{this <is my>} range'])
+        cm.applyCommand(BOLD_COMMAND)
+        expect(cm).line(1).to.equal('\\textbf{this }<is my> range')
+      })
+    })
+
+    describe('if the selection is in the middle of a wrapping command', function () {
+      it('splits command in two with non-empty selection', function () {
+        const cm = new CodemirrorTestSession(['\\textbf{this <is my> range}'])
+        cm.applyCommand(BOLD_COMMAND)
+        expect(cm).line(1).to.equal('\\textbf{this }<is my>\\textbf{ range}')
+      })
+
+      it('splits command in two with empty selection', function () {
+        const cm = new CodemirrorTestSession(['\\textbf{this is | my range}'])
+        cm.applyCommand(BOLD_COMMAND)
+        expect(cm).line(1).to.equal('\\textbf{this is }|\\textbf{ my range}')
+      })
+    })
+  })
+
+  describe('when selection spans between two wrapping commands', function () {
+    it('joins the two commands into one', function () {
+      const cm = new CodemirrorTestSession([
+        '\\textbf{this <is} my \\textbf{ran>ge}',
+      ])
+      cm.applyCommand(BOLD_COMMAND)
+      expect(cm).line(1).to.equal('\\textbf{this <is my ran>ge}')
+    })
+  })
+
+  describe('when selection spans across a wrapping command', function () {
+    it('extends to the left', function () {
+      const cm = new CodemirrorTestSession(['<this \\textbf{is my> range}'])
+      cm.applyCommand(BOLD_COMMAND)
+      expect(cm).line(1).to.equal('\\textbf{<this is my> range}')
+    })
+
+    it('extends to the right', function () {
+      const cm = new CodemirrorTestSession(['\\textbf{this is <my} range>'])
+      cm.applyCommand(BOLD_COMMAND)
+      expect(cm).line(1).to.equal('\\textbf{this is <my range>}')
+    })
+  })
+
+  describe('when selection includes more than content', function () {
+    describe('when selection contains command', function () {
+      it('still unbolds', function () {
+        const cm = new CodemirrorTestSession(['<\\textbf{this is my range>}'])
+        cm.applyCommand(BOLD_COMMAND)
+        expect(cm).line(1).to.equal('<this is my range>')
+      })
+    })
+
+    describe('when selection contains opening bracket', function () {
+      it('still unbolds', function () {
+        const cm = new CodemirrorTestSession(['\\textbf<{this is my range>}'])
+        cm.applyCommand(BOLD_COMMAND)
+        expect(cm).line(1).to.equal('<this is my range>')
+      })
+    })
+
+    describe('when selection contains closing bracket', function () {
+      it('still unbolds', function () {
+        const cm = new CodemirrorTestSession(['\\textbf{<this is my range}>'])
+        cm.applyCommand(BOLD_COMMAND)
+        expect(cm).line(1).to.equal('<this is my range>')
+      })
+    })
+
+    describe('when selection contains both brackets', function () {
+      it('still unbolds', function () {
+        const cm = new CodemirrorTestSession(['\\textbf<{this is my range}>'])
+        cm.applyCommand(BOLD_COMMAND)
+        expect(cm).line(1).to.equal('<this is my range>')
+      })
+    })
+
+    describe('when selection contains entire command', function () {
+      it('still unbolds', function () {
+        const cm = new CodemirrorTestSession(['<\\textbf{this is my range}>'])
+        cm.applyCommand(BOLD_COMMAND)
+        expect(cm).line(1).to.equal('<this is my range>')
+      })
+    })
+
+    describe('when toggling outer command', function () {
+      it('it functions on the outer command', function () {
+        const cm = new CodemirrorTestSession([
+          '\\textbf{\\textit{<this is my range>}}',
+        ])
+        cm.applyCommand(BOLD_COMMAND)
+        expect(cm).line(1).to.equal('<\\textit{this is my range}>')
+      })
+
+      it('prevents breaking commands', function () {
+        const cm = new CodemirrorTestSession([
+          '\\textbf{\\textit{this <is} my} range>',
+        ])
+        cm.applyCommand(BOLD_COMMAND)
+        expect(cm).line(1).to.equal('\\textbf{\\textit{this <is} my} range>')
+      })
+    })
+
+    describe('when range is after a command', function () {
+      it('still formats list items', function () {
+        const cm = new CodemirrorTestSession([
+          '\\begin{itemize}',
+          '    \\item <My item>',
+          '\\end{itemize}',
+        ])
+        cm.applyCommand(BOLD_COMMAND)
+        expect(cm).line(2).to.equal('    \\item \\textbf{<My item>}')
+      })
+
+      it('still formats after command', function () {
+        const cm = new CodemirrorTestSession(['\\noindent <My paragraph>'])
+        cm.applyCommand(BOLD_COMMAND)
+        expect(cm).line(1).to.equal('\\noindent \\textbf{<My paragraph>}')
+      })
+
+      it('still formats after unknown command with arguments', function () {
+        const cm = new CodemirrorTestSession(['\\foo{test}<My paragraph>'])
+        cm.applyCommand(BOLD_COMMAND)
+        expect(cm).line(1).to.equal('\\foo{test}\\textbf{<My paragraph>}')
+      })
+
+      it('still formats after known command with arguments', function () {
+        const cm1 = new CodemirrorTestSession(['\\cite{foo}<text>'])
+        cm1.applyCommand(BOLD_COMMAND)
+        expect(cm1).line(1).to.equal('\\cite{foo}\\textbf{<text>}')
+
+        const cm2 = new CodemirrorTestSession(['\\href{url}{title}<text>'])
+        cm2.applyCommand(BOLD_COMMAND)
+        expect(cm2).line(1).to.equal('\\href{url}{title}\\textbf{<text>}')
+      })
+    })
+  })
+
+  it('still formats text next to a command', function () {
+    const cm = new CodemirrorTestSession(['<item>\\foo'])
+    cm.applyCommand(BOLD_COMMAND)
+    expect(cm).line(1).to.equal('\\textbf{item}\\foo')
+  })
+
+  it('still formats part of a text next to command', function () {
+    const cm = new CodemirrorTestSession(['hello <world>\\foo'])
+    cm.applyCommand(BOLD_COMMAND)
+    expect(cm).line(1).to.equal('hello \\textbf{world}\\foo')
+  })
+
+  it('still formats command without arguments', function () {
+    const cm = new CodemirrorTestSession(['\\item<\\foo>'])
+    cm.applyCommand(BOLD_COMMAND)
+    expect(cm).line(1).to.equal('\\item\\textbf{<\\foo>}')
+  })
+
+  it('skips formatting if in the middle of two commands', function () {
+    const cm = new CodemirrorTestSession(['\\f<oo\\b>ar'])
+    cm.applyCommand(BOLD_COMMAND)
+    expect(cm).line(1).to.equal('\\foo\\bar')
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-autocomplete.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-autocomplete.spec.tsx
new file mode 100644
index 0000000..46f0709
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-autocomplete.spec.tsx
@@ -0,0 +1,990 @@
+import { Folder } from '../../../../../types/folder'
+import { docId, mockDocContent } from '../helpers/mock-doc'
+import { mockScope } from '../helpers/mock-scope'
+import { EditorProviders } from '../../../helpers/editor-providers'
+import CodeMirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
+import { activeEditorLine } from '../helpers/active-editor-line'
+import { TestContainer } from '../helpers/test-container'
+import { FC } from 'react'
+import { MetadataContext } from '@/features/ide-react/context/metadata-context'
+import { ReferencesContext } from '@/features/ide-react/context/references-context'
+
+describe('autocomplete', { scrollBehavior: false }, function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    window.metaAttributesCache.set('ol-showSymbolPalette', true)
+    cy.interceptEvents()
+    cy.interceptMetadata()
+  })
+
+  it('opens autocomplete on matched text', function () {
+    const rootFolder: Folder[] = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [
+          {
+            _id: docId,
+            name: 'main.tex',
+          },
+        ],
+        folders: [
+          {
+            _id: 'test-folder-id',
+            name: 'test-folder',
+            docs: [
+              {
+                _id: 'test-doc-in-folder',
+                name: 'example.tex',
+              },
+            ],
+            fileRefs: [
+              {
+                _id: 'test-file-in-folder',
+                name: 'example.png',
+                hash: '42',
+              },
+            ],
+            folders: [],
+          },
+        ],
+        fileRefs: [
+          {
+            _id: 'test-image-file',
+            name: 'frog.jpg',
+            hash: '21',
+          },
+          {
+            _id: 'uppercase-extension-image-file',
+            name: 'frog.JPG',
+            hash: '22',
+          },
+        ],
+      },
+    ]
+
+    const scope = mockScope()
+    scope.project.rootFolder = rootFolder
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope} rootFolder={rootFolder as any}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.get('.cm-editor').as('editor')
+
+    cy.contains('\\section{Results}')
+
+    // no autocomplete
+    cy.findAllByRole('listbox').should('have.length', 0)
+
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    // single backslash
+    cy.get('@line').type('\\')
+
+    // autocomplete
+    cy.findAllByRole('listbox').should('have.length', 1)
+
+    // another backslash
+    cy.get('@line').type('\\')
+
+    // no autocomplete open
+    cy.findAllByRole('listbox').should('have.length', 0)
+
+    // a space then another backslash
+    cy.get('@line').type(' \\')
+
+    // autocomplete open
+    cy.findAllByRole('listbox').should('have.length', 1)
+
+    // start a command
+    cy.get('@line').type('includegr')
+
+    // select option from autocomplete
+    // disabled as selector not working (Cypress bug?)
+    // cy.findByRole('listbox')
+    //   .findByRole('option', {
+    //     name: '\\includegraphics[]{}',
+    //     selected: true,
+    //   })
+    //   .click()
+    cy.contains('\\includegraphics[]{}').click()
+
+    // start a command in the optional argument
+    cy.get('@line').type('width=0.3\\text')
+
+    // select option from autocomplete
+    // disabled as selector not working (Cypress bug?)
+    // cy.findByRole('listbox')
+    //   .findByRole('option', {
+    //     name: '\\textwidth',
+    //     selected: false,
+    //   })
+    //   .click()
+    cy.contains('\\textwidth').click()
+
+    // move to required argument and start a label
+    cy.get('@line')
+      // .type('{tab}') // Tab not supported in Cypress
+      .type('{rightArrow}{rightArrow}')
+    cy.get('@line').type('fr')
+
+    // select option from autocomplete
+    // disabled as selector not working (Cypress bug?)
+    // cy.findByRole('listbox')
+    //   .findByRole('option', {
+    //     name: 'frog.jpg',
+    //     selected: true,
+    //   })
+    //   .click()
+    cy.contains('frog.jpg').click()
+
+    cy.contains('\\includegraphics[width=0.3\\textwidth]{frog.jpg}')
+
+    // start a new line and select an "includegraphics" command completion
+    cy.get('@line').type('{Enter}')
+    activeEditorLine().type('\\includegr')
+    cy.contains('\\includegraphics[]{}').click()
+
+    // select a completion for a file in a folder, without typing the folder name
+    activeEditorLine()
+      .type('{rightArrow}{rightArrow}')
+      .type('examp')
+      .type('{Backspace}')
+      .type('ple')
+    cy.contains('test-folder/example.png').click()
+    cy.contains('\\includegraphics[]{test-folder/example.png}')
+
+    activeEditorLine()
+      .type(`${'{leftArrow}'.repeat('test-folder/example.png}'.length)}fr`)
+      .type('{ctrl+ }')
+
+    cy.findAllByRole('listbox').should('have.length', 1)
+    cy.findByRole('listbox').contains('frog.JPG').click()
+    activeEditorLine().should('have.text', '\\includegraphics[]{frog.JPG}')
+  })
+
+  it('opens autocomplete on begin environment', function () {
+    const rootFolder: Folder[] = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [
+          {
+            _id: docId,
+            name: 'main.tex',
+          },
+        ],
+        folders: [
+          {
+            _id: 'test-folder-id',
+            name: 'test-folder',
+            docs: [
+              {
+                _id: 'test-doc-in-folder',
+                name: 'example.tex',
+              },
+            ],
+            fileRefs: [
+              {
+                _id: 'test-file-in-folder',
+                name: 'example.png',
+                hash: '42',
+              },
+            ],
+            folders: [],
+          },
+        ],
+        fileRefs: [
+          {
+            _id: 'test-image-file',
+            name: 'frog.jpg',
+            hash: '43',
+          },
+        ],
+      },
+    ]
+
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope} rootFolder={rootFolder as any}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.get('.cm-editor').as('editor')
+
+    cy.contains('\\section{Results}')
+
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    // ---- Basic autocomplete of environments
+    cy.get('@line').type('\\begin{itemi')
+    cy.findAllByRole('option').contains('\\begin{itemize}').click()
+    cy.get('.cm-line').eq(16).contains('\\begin{itemize}')
+    cy.get('.cm-line').eq(17).contains('\\item')
+    cy.get('.cm-line').eq(18).contains('\\end{itemize}')
+
+    // ---- Autocomplete on a malformed `\begin{`
+    // first, ensure that the "abcdef" environment is present in the doc
+    cy.get('.cm-line')
+      .eq(20)
+      .type('\\begin{{}abcdef}{Enter}{Enter}\\end{{}abcdef}{Enter}{Enter}')
+
+    cy.get('.cm-line').eq(24).as('line')
+
+    cy.get('@line').type('\\begin{abcdef')
+    cy.findAllByRole('option').contains('\\begin{abcdef}').click()
+
+    cy.get('.cm-line').eq(24).contains('\\begin{abcdef}')
+    cy.get('.cm-line').eq(26).contains('\\end{abcdef}')
+
+    // ---- Autocomplete starting from end of `\begin`
+    cy.get('.cm-line').eq(22).type('{Enter}{Enter}{Enter}')
+
+    cy.get('.cm-line').eq(24).as('line')
+    cy.get('@line').type('\\begin  {leftArrow}{leftArrow}')
+    cy.get('@line').type('{ctrl} ')
+
+    cy.findAllByRole('option').contains('\\begin{align}').click()
+
+    cy.get('.cm-line').eq(24).contains('\\begin{align}')
+    cy.get('.cm-line').eq(26).contains('\\end{align}')
+
+    // ---- Start typing a begin command
+    cy.get('.cm-line').eq(28).as('line')
+    cy.get('@line').click()
+    cy.get('@line').type('\\begin{{}ab')
+    cy.findAllByRole('option').as('options')
+    cy.get('@options').should('have.length', 5)
+
+    // ---- The environment being typed should appear in the list
+    cy.get('@options').contains('\\begin{ab}')
+
+    // ---- A new environment used elsewhere in the doc should appear next
+    cy.get('@options')
+      .eq(0)
+      .invoke('text')
+      .should('match', /^\\begin\{abcdef}/)
+
+    // ---- The built-in environments should appear at the top of the list
+    cy.get('@options')
+      .eq(1)
+      .invoke('text')
+      .should('match', /^\\begin\{abstract}/)
+  })
+
+  it('opens autocomplete using metadata for usepackage parameter', function () {
+    const rootFolder: Folder[] = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [
+          {
+            _id: docId,
+            name: 'main.tex',
+          },
+        ],
+        folders: [],
+        fileRefs: [],
+      },
+    ]
+
+    const metadata = {
+      commands: [],
+      labels: new Set<string>(),
+      packageNames: new Set(['foo']),
+    }
+
+    const MetadataProvider: FC = ({ children }) => {
+      return (
+        <MetadataContext.Provider value={metadata}>
+          {children}
+        </MetadataContext.Provider>
+      )
+    }
+
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders
+          scope={scope}
+          rootFolder={rootFolder as any}
+          providers={{ MetadataProvider }}
+        >
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.get('.cm-editor').as('editor')
+
+    // no autocomplete
+    cy.findAllByRole('listbox').should('have.length', 0)
+
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    // a usepackage command
+    cy.get('@line').type('\\usepackage')
+
+    // autocomplete open
+    cy.findAllByRole('listbox').should('have.length', 1)
+
+    cy.findAllByRole('option').eq(0).should('contain.text', '\\usepackage{}')
+    cy.findAllByRole('option').eq(1).should('contain.text', '\\usepackage[]{}')
+
+    // the start of a package name from the metadata
+    cy.get('@line').type('{fo')
+
+    // autocomplete open
+    cy.findAllByRole('listbox')
+      .should('have.length', 1)
+      .type('{downArrow}{downArrow}{Enter}')
+
+    cy.contains('\\usepackage{foo}')
+  })
+
+  it('opens autocomplete using metadata for cite parameter', function () {
+    const rootFolder: Folder[] = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [
+          {
+            _id: docId,
+            name: 'main.tex',
+          },
+        ],
+        folders: [],
+        fileRefs: [],
+      },
+    ]
+
+    const scope = mockScope()
+
+    const ReferencesProvider: FC = ({ children }) => {
+      return (
+        <ReferencesContext.Provider
+          value={{
+            referenceKeys: new Set(['ref-1', 'ref-2', 'ref-3']),
+            indexAllReferences: cy.stub(),
+          }}
+        >
+          {children}
+        </ReferencesContext.Provider>
+      )
+    }
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders
+          scope={scope}
+          providers={{ ReferencesProvider }}
+          rootFolder={rootFolder as any}
+        >
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.get('.cm-editor').as('editor')
+
+    // no autocomplete
+    cy.findAllByRole('listbox').should('have.length', 0)
+
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    // a cite command with no opening brace
+    cy.get('@line').type('\\cite')
+
+    // select completion
+    cy.findAllByRole('listbox').contains('\\cite{}').click()
+    cy.get('@line').contains('\\cite{}')
+
+    // autocomplete open again
+    cy.findAllByRole('listbox').contains('ref-2').click()
+    cy.get('@line').contains('\\cite{ref-2}')
+
+    // start typing another reference
+    cy.get('@line').type('{leftArrow}, re')
+
+    // autocomplete open again
+    cy.findAllByRole('listbox').contains('ref-3').click()
+    cy.get('@line').contains('\\cite{ref-2, ref-3}')
+  })
+
+  it('autocomplete stops after space after command', function () {
+    const rootFolder: Folder[] = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [
+          {
+            _id: docId,
+            name: 'main.tex',
+          },
+        ],
+        folders: [],
+        fileRefs: [],
+      },
+    ]
+
+    const scope = mockScope()
+    scope.project.rootFolder = rootFolder
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope} rootFolder={rootFolder as any}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.get('.cm-editor').as('editor')
+
+    cy.contains('\\section{Results}')
+
+    // no autocomplete
+    cy.findAllByRole('listbox').should('have.length', 0)
+
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    // single backslash
+    cy.get('@line').type('\\')
+
+    // autocomplete
+    cy.findAllByRole('listbox').should('have.length', 1)
+
+    // start a command
+    cy.get('@line').type('ite')
+
+    // offers completion for item
+    cy.contains(/\\item.*cmd/).click()
+
+    cy.get('@line').type('{Enter}{Enter}\\item ')
+    cy.contains('\\begin{itemize').should('not.exist')
+  })
+
+  it('autocomplete does not remove closing brackets in commands with multiple braces {}{}', function () {
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    cy.get('@line').type('\\frac')
+
+    // select completion
+    cy.findAllByRole('listbox').contains('\\frac{}{}').click()
+
+    cy.get('@line').type('\\textbf')
+
+    // select completion
+    cy.findAllByRole('listbox').contains('\\textbf{}').click()
+
+    cy.get('@line').should('contain.text', '\\frac{\\textbf{}}{}')
+
+    // go to new line
+    cy.get('@line').click()
+    cy.get('@line').type('{enter}')
+
+    cy.get('.cm-line').eq(17).as('line')
+    cy.get('@line').click()
+    cy.get('@line').type('\\frac')
+
+    // select completion
+    cy.findAllByRole('listbox').contains('\\frac{}{}').click()
+
+    cy.get('@line').type('\\partial')
+
+    // select completion
+    cy.findAllByRole('listbox').contains('\\partial').click()
+
+    cy.get('@line').should('contain.text', '\\frac{\\partial}{}')
+  })
+
+  it('autocomplete does not remove paired closing brackets in nested commands', function () {
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    // type some commands
+    // note: '{{}' is a single opening brace
+    cy.get('@line').type('\\sqrt{{}2} some more text \\sqrt{{}\\sqrt{{}}}')
+
+    // put the cursor inside the middle pair of braces
+    cy.get('@line').type('{leftArrow}{leftArrow}')
+
+    // start a command
+    cy.get('@line').type('\\sqrt')
+
+    // select completion
+    cy.findAllByRole('listbox').contains('\\sqrt{}').click()
+
+    // assert that the existing closing brace hasn't been removed
+    cy.get('@line').should(
+      'have.text',
+      '\\sqrt{2} some more text \\sqrt{\\sqrt{\\sqrt{}}}'
+    )
+  })
+
+  it('autocomplete does remove unpaired closing brackets in nested commands', function () {
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    // type some commands
+    // note: '{{}' is a single opening brace
+    cy.get('@line').type('\\sqrt{{}2} some more text \\sqrt{{}\\sqrt{{}}}}')
+
+    // put the cursor inside the middle pair of braces
+    cy.get('@line').type('{leftArrow}{leftArrow}{leftArrow}')
+
+    // start a command
+    cy.get('@line').type('\\sqrt')
+
+    // select completion
+    cy.findAllByRole('listbox').contains('\\sqrt{}').click()
+
+    // assert that the existing closing brace hasn't been removed
+    cy.get('@line').should(
+      'have.text',
+      '\\sqrt{2} some more text \\sqrt{\\sqrt{\\sqrt{}}}'
+    )
+  })
+
+  it('displays completions for existing commands with multiple parameters', function () {
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.get('.cm-editor').as('editor')
+
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    // a new command, then the start of the command on a new blank line
+    cy.get('@line').type('\\foo[bar]{{}baz}{{}zap}')
+
+    // enter, to create a new line
+    cy.get('@editor').trigger('keydown', { key: 'Enter' })
+
+    // put the cursor on the new line to type in
+    cy.get('.cm-line').eq(17).as('line')
+    cy.get('@line').click()
+
+    // the start of the command
+    cy.get('@line').type('\\foo')
+
+    // select the new completion
+    cy.findAllByRole('listbox').contains('\\foo[]{}{}').click()
+
+    // fill in the optional parameter
+    cy.get('@line').type('bar')
+
+    cy.get('@editor').contains('\\foo[bar]{}{}')
+  })
+
+  it('displays completions for existing commands in math mode', function () {
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.get('.cm-editor').as('editor')
+
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    // a new command, then the start of the command on a new blank line
+    cy.get('@line').type('$\\somemathcommand$')
+
+    // enter, to create a new line
+    cy.get('@editor').trigger('keydown', { key: 'Enter' })
+
+    // put the cursor on the new line to type in
+    cy.get('.cm-line').eq(17).as('line')
+    cy.get('@line').click()
+
+    // the start of the command
+    cy.get('@line').type('hello \\somema')
+
+    // select the new completion
+    cy.findAllByRole('listbox').contains('\\somemathcommand').click()
+
+    cy.get('@editor').contains('hello \\somemathcommand')
+  })
+
+  it('displays completions for nested existing commands', function () {
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.get('.cm-editor').as('editor')
+
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    // a new command, then the start of the command on a new blank line
+    cy.get('@line').type('\\newcommand{{}\\foo}[1]{{}#1}')
+
+    // enter, to create a new line
+    cy.get('@editor').trigger('keydown', { key: 'Enter' })
+
+    // put the cursor on the new line to type in
+    cy.get('.cm-line').eq(17).as('line')
+    cy.get('@line').click()
+
+    // the start of the command
+    cy.get('@line').type('\\fo')
+
+    // select the new completion
+    cy.findAllByRole('listbox')
+      .contains(/\\foo{}\s*cmd/)
+      .click()
+
+    cy.get('@line').contains('\\foo')
+  })
+
+  it('displays unique completions for commands', function () {
+    const scope = mockScope()
+
+    const metadata = {
+      commands: [
+        {
+          caption: '\\label{}', // label{} is also included in top-hundred-snippets
+          meta: 'amsmath-cmd',
+          score: 1,
+          snippet: '\\label{$1}',
+        },
+      ],
+      labels: new Set<string>(),
+      packageNames: new Set<string>('amsmath'),
+    }
+
+    const MetadataProvider: FC = ({ children }) => {
+      return (
+        <MetadataContext.Provider value={metadata}>
+          {children}
+        </MetadataContext.Provider>
+      )
+    }
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope} providers={{ MetadataProvider }}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.get('.cm-editor').as('editor')
+
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    // start typing a command
+    cy.get('@line').type('\\label')
+
+    cy.findAllByRole('option').contains('\\label{}').should('have.length', 1)
+  })
+
+  it('displays symbol completions in autocomplete when the feature is enabled', function () {
+    const scope = mockScope()
+
+    window.metaAttributesCache.set('ol-showSymbolPalette', true)
+    const user = {
+      id: '123abd',
+      email: 'testuser@example.com',
+    }
+    cy.mount(
+      <TestContainer>
+        <EditorProviders user={user} scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    // type the name of a symbol
+    cy.get('@line').type(' \\alpha')
+
+    cy.findAllByRole('listbox').should('have.length', 1)
+
+    // the symbol completion should exist
+    cy.findAllByRole('option', {
+      name: /^\\alpha\s+𝛼\s+Greek$/,
+    }).should('have.length', 1)
+  })
+
+  it('does not display symbol completions in autocomplete when the feature is disabled', function () {
+    const scope = mockScope()
+
+    window.metaAttributesCache.set('ol-showSymbolPalette', false)
+    const user = {
+      id: '123abd',
+      email: 'testuser@example.com',
+    }
+    cy.mount(
+      <TestContainer>
+        <EditorProviders user={user} scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    // type the name of a symbol
+    cy.get('@line').type(' \\alpha')
+
+    cy.findAllByRole('listbox').should('have.length', 1)
+
+    cy.findAllByRole('option', {
+      name: /^\\alpha\s+𝛼\s+Greek$/,
+    }).should('have.length', 0)
+  })
+
+  it('displays environment completion when typing up to closing brace', function () {
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    // Put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    // Type \begin{itemize}.
+    // Note: '{{}' is a single opening brace
+    cy.get('@line').type('\\begin{{}itemize}', {
+      delay: 100,
+    })
+
+    cy.findAllByRole('listbox').should('have.length', 1)
+  })
+
+  it('displays environment completion when typing inside \\begin{}', function () {
+    const scope = mockScope(mockDocContent('\\begin{}'))
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    // Put the cursor on a blank line above target line
+    cy.get('.cm-line').eq(20).as('line')
+    cy.get('@line').click()
+
+    // Move to the position between the braces then type 'itemize'
+    cy.get('@line').type(`{downArrow}${'{rightArrow}'.repeat(7)}itemize`, {
+      delay: 100,
+    })
+
+    cy.findAllByRole('listbox').should('have.length', 1)
+  })
+
+  it('displays environment completion when typing after \\begin{', function () {
+    const scope = mockScope(mockDocContent('\\begin{'))
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    // Put the cursor on a blank line above target line
+    cy.get('.cm-line').eq(20).as('line')
+    cy.get('@line').click()
+
+    // Move to the position after the opening brace then type 'itemize}'
+    cy.get('@line').type(`{downArrow}${'{rightArrow}'.repeat(7)}itemize}`, {
+      delay: 100,
+    })
+
+    cy.findAllByRole('listbox').should('have.length', 1)
+  })
+
+  it('removes .tex but not .txt file extension from \\include and \\input', function () {
+    const rootFolder: Folder[] = [
+      {
+        _id: 'root-folder-id',
+        name: 'rootFolder',
+        docs: [
+          {
+            _id: docId,
+            name: 'main.tex',
+          },
+          {
+            _id: 'test-include-tex-doc',
+            name: 'example.tex',
+          },
+          {
+            _id: 'test-include-txt',
+            name: 'sometext.txt',
+          },
+        ],
+        folders: [],
+        fileRefs: [],
+      },
+    ]
+
+    const scope = mockScope()
+    scope.project.rootFolder = rootFolder
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope} rootFolder={rootFolder as any}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    // Put the cursor on a blank line and type
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+    cy.get('@line').type('\\include{e', { delay: 100 })
+    cy.findAllByRole('option').contains('example.tex').click()
+    activeEditorLine().contains('\\include{example')
+    activeEditorLine().type('}{Enter}')
+
+    activeEditorLine().type('\\include{s', { delay: 100 })
+    cy.findAllByRole('option').contains('sometext.txt').click()
+    activeEditorLine().should('have.text', '\\include{sometext.txt}')
+    activeEditorLine().type('{Enter}')
+
+    activeEditorLine().type('\\inclu', { delay: 100 })
+    cy.contains('\\include{}').click()
+    cy.contains('example.tex').click()
+    activeEditorLine().should('have.text', '\\include{example}')
+    activeEditorLine().type('{Enter}')
+
+    activeEditorLine().type('\\inclu', { delay: 100 })
+    cy.findAllByRole('option').contains('\\include{}').click()
+    cy.findAllByRole('option').contains('sometext.txt').click()
+    activeEditorLine().should('have.text', '\\include{sometext.txt}')
+    activeEditorLine().type('{Enter}')
+
+    activeEditorLine().click().as('line')
+    activeEditorLine().type('\\input{e', { delay: 100 })
+    cy.findAllByRole('option').contains('example.tex').click()
+    activeEditorLine().should('have.text', '\\input{example}')
+    activeEditorLine().type('{Enter}')
+
+    activeEditorLine().click().as('line')
+    activeEditorLine().type('\\input{s', { delay: 100 })
+    cy.findAllByRole('option').contains('sometext.txt').click()
+    activeEditorLine().should('have.text', '\\input{sometext.txt}')
+    activeEditorLine().type('{Enter}')
+
+    activeEditorLine().type('\\inpu', { delay: 100 })
+    cy.findAllByRole('option').contains('\\input{}').click()
+    cy.findAllByRole('option').contains('example.tex').click()
+    activeEditorLine().should('have.text', '\\input{example}')
+    activeEditorLine().type('{Enter}')
+
+    activeEditorLine().type('\\inpu', { delay: 100 })
+    cy.findAllByRole('option').contains('\\input{}').click()
+    cy.findAllByRole('option').contains('sometext.txt').click()
+    activeEditorLine().should('have.text', '\\input{sometext.txt}')
+  })
+
+  it('excludes the current command from completions', function () {
+    const scope = mockScope(mockDocContent(''))
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.get('.cm-line').eq(21).type('\\fff \\ff')
+
+    cy.findAllByRole('listbox').should('have.length', 1)
+    cy.findAllByRole('option').contains('\\fff').click()
+
+    cy.get('.cm-line').eq(21).should('have.text', '\\fff \\fff')
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-close-brackets.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-close-brackets.spec.tsx
new file mode 100644
index 0000000..f9d11ef
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-close-brackets.spec.tsx
@@ -0,0 +1,206 @@
+import { mockScope } from '../helpers/mock-scope'
+import { EditorProviders } from '../../../helpers/editor-providers'
+import CodeMirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
+import { TestContainer } from '../helpers/test-container'
+
+describe('close brackets', { scrollBehavior: false }, function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    cy.interceptEvents()
+
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.get('.cm-line').eq(20).as('active-line')
+    cy.get('@active-line').click()
+  })
+
+  describe('unprefixed characters', function () {
+    it('auto-closes a curly bracket', function () {
+      cy.get('@active-line').type('{{}')
+      cy.get('@active-line').should('have.text', '{}')
+      cy.get('@active-line').type('{backspace}')
+      cy.get('@active-line').should('have.text', '')
+    })
+
+    it('auto-closes a square bracket', function () {
+      cy.get('@active-line').type('[')
+      cy.get('@active-line').should('have.text', '[]')
+      cy.get('@active-line').type('{backspace}')
+      cy.get('@active-line').should('have.text', '')
+    })
+
+    it('does not auto-close a round bracket', function () {
+      cy.get('@active-line').type('(')
+      cy.get('@active-line').should('have.text', '(')
+    })
+
+    it('auto-closes a dollar sign', function () {
+      cy.get('@active-line').type('$')
+      cy.get('@active-line').should('have.text', '$$')
+      cy.get('@active-line').type('{backspace}')
+      cy.get('@active-line').should('have.text', '')
+    })
+
+    it('auto-closes another dollar sign', function () {
+      cy.get('@active-line').type('$$')
+      cy.get('@active-line').should('have.text', '$$$$')
+      cy.get('@active-line').type('{backspace}{backspace}')
+      cy.get('@active-line').should('have.text', '')
+    })
+
+    it('avoids creating an odd number of adjacent dollar signs', function () {
+      cy.get('@active-line').type('$2')
+      cy.get('@active-line').should('have.text', '$2$')
+      cy.get('@active-line').type('{leftArrow}$')
+      cy.get('@active-line').should('have.text', '$$2$')
+    })
+  })
+
+  describe('prefixed characters', function () {
+    it('auto-closes a backslash-prefixed round bracket', function () {
+      cy.get('@active-line').type('\\(')
+      cy.get('@active-line').should('have.text', '\\(\\)')
+    })
+
+    it('auto-closes a backslash-prefixed square bracket', function () {
+      cy.get('@active-line').type('\\[')
+      cy.get('@active-line').should('have.text', '\\[\\]')
+    })
+
+    it('does not auto-close a backslash-prefixed curly bracket', function () {
+      cy.get('@active-line').type('\\{{}')
+      cy.get('@active-line').should('have.text', '\\{')
+    })
+
+    it('does not auto-close a backslash-prefixed dollar sign', function () {
+      cy.get('@active-line').type('\\$')
+      cy.get('@active-line').should('have.text', '\\$')
+    })
+  })
+
+  describe('double-prefixed characters', function () {
+    it('auto-closes a double-backslash-prefixed square bracket with a square bracket', function () {
+      cy.get('@active-line').type('\\\\[')
+      cy.get('@active-line').should('have.text', '\\\\[]')
+    })
+
+    it('auto-closes a double-backslash-prefixed curly bracket with a curly bracket', function () {
+      cy.get('@active-line').type('\\\\{')
+      cy.get('@active-line').should('have.text', '\\\\{}')
+    })
+
+    it('auto-closes a double-backslash-prefixed dollar sign with a dollar sign', function () {
+      cy.get('@active-line').type('\\\\$')
+      cy.get('@active-line').should('have.text', '\\\\$$')
+    })
+
+    it('does not auto-close a double-backslash-prefixed round bracket', function () {
+      cy.get('@active-line').type('\\\\(')
+      cy.get('@active-line').should('have.text', '\\\\(')
+    })
+  })
+
+  describe('adjacent characters', function () {
+    it('does auto-close a dollar sign before punctuation', function () {
+      cy.get('@active-line').type(':2')
+      cy.get('@active-line').type('{leftArrow}{leftArrow}$')
+      cy.get('@active-line').should('have.text', '$$:2')
+    })
+
+    it('does auto-close a dollar sign after punctuation', function () {
+      cy.get('@active-line').type('2:')
+      cy.get('@active-line').type('$')
+      cy.get('@active-line').should('have.text', '2:$$')
+    })
+
+    it('does not auto-close a dollar sign before text', function () {
+      cy.get('@active-line').type('2')
+      cy.get('@active-line').type('{leftArrow}$')
+      cy.get('@active-line').should('have.text', '$2')
+    })
+
+    it('does not auto-close a dollar sign after text', function () {
+      cy.get('@active-line').type('2')
+      cy.get('@active-line').type('$')
+      cy.get('@active-line').should('have.text', '2$')
+    })
+
+    it('does not auto-close a dollar sign before a command', function () {
+      cy.get('@active-line').type('\\nu')
+      cy.get('@active-line').type('{leftArrow}{leftArrow}{leftArrow}$')
+      cy.get('@active-line').should('have.text', '$\\nu')
+    })
+
+    it('does auto-close a dollar sign before a newline', function () {
+      cy.get('@active-line').type('\\\\')
+      cy.get('@active-line').type('{leftArrow}{leftArrow}$')
+      cy.get('@active-line').should('have.text', '$$\\\\')
+    })
+
+    it('does auto-close a curly bracket before punctuation', function () {
+      cy.get('@active-line').type(':2')
+      cy.get('@active-line').type('{leftArrow}{leftArrow}{{}')
+      cy.get('@active-line').should('have.text', '{}:2')
+    })
+
+    it('does auto-close a curly bracket after punctuation', function () {
+      cy.get('@active-line').type('2:')
+      cy.get('@active-line').type('{{}')
+      cy.get('@active-line').should('have.text', '2:{}')
+    })
+
+    it('does not auto-close a curly bracket before text', function () {
+      cy.get('@active-line').type('2')
+      cy.get('@active-line').type('{leftArrow}{{}')
+      cy.get('@active-line').should('have.text', '{2')
+    })
+
+    it('does auto-close a curly bracket after text', function () {
+      cy.get('@active-line').type('2')
+      cy.get('@active-line').type('{{}')
+      cy.get('@active-line').should('have.text', '2{}')
+    })
+
+    it('does auto-close $$ before punctuation', function () {
+      cy.get('@active-line').type(':2')
+      cy.get('@active-line').type('{leftArrow}{leftArrow}$$')
+      cy.get('@active-line').should('have.text', '$$$$:2')
+    })
+
+    it('does not auto-close $$ before text', function () {
+      cy.get('@active-line').type('2')
+      cy.get('@active-line').type('{leftArrow}$$')
+      cy.get('@active-line').should('have.text', '$$2')
+    })
+  })
+
+  describe('closed brackets', function () {
+    it('does type over a closing dollar sign', function () {
+      cy.get('@active-line').type('$2$')
+      cy.get('@active-line').should('have.text', '$2$')
+    })
+
+    it('does type over two closing dollar signs', function () {
+      cy.get('@active-line').type('$$2$$')
+      cy.get('@active-line').should('have.text', '$$2$$')
+    })
+
+    it('does type over a closing curly bracket', function () {
+      cy.get('@active-line').type('{{}2}')
+      cy.get('@active-line').should('have.text', '{2}')
+    })
+
+    it('does type over a closing square bracket', function () {
+      cy.get('@active-line').type('[2]')
+      cy.get('@active-line').should('have.text', '[2]')
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-cursor.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-cursor.spec.tsx
new file mode 100644
index 0000000..33894a6
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-cursor.spec.tsx
@@ -0,0 +1,118 @@
+import { EditorProviders } from '../../../helpers/editor-providers'
+import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
+import { mockScope } from '../helpers/mock-scope'
+import { TestContainer } from '../helpers/test-container'
+import { isMac } from '@/shared/utils/os'
+
+describe('Cursor and active line highlight', function () {
+  const content = `line 1
+
+${'long line '.repeat(200)}`
+
+  function assertIsFullLineHeight($item: JQuery<HTMLElement>) {
+    cy.get('@line').then($line => {
+      expect(Math.round($item.outerHeight()!)).to.equal(
+        Math.round($line.outerHeight()!)
+      )
+    })
+  }
+
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    cy.interceptEvents()
+
+    const scope = mockScope(content)
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodemirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+  })
+
+  it('has cursor', function () {
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(1).as('line')
+    cy.get('@line').click()
+
+    cy.get('.cm-cursor').as('cursor')
+
+    cy.get('.cm-cursor').then(assertIsFullLineHeight)
+  })
+
+  it('has cursor on empty line whose height is the same as the line', function () {
+    // Put the cursor on a blank line
+    cy.get('.cm-line').eq(1).as('line')
+    cy.get('@line').click()
+
+    cy.get('.cm-cursor').as('cursor')
+
+    cy.get('@cursor').then(assertIsFullLineHeight)
+  })
+
+  it('has cursor on non-empty line whose height is the same as the line', function () {
+    // Put the cursor on a blank line
+    cy.get('.cm-line').eq(1).as('line')
+    cy.get('@line').click()
+    cy.get('@line').type('wombat')
+
+    cy.get('.cm-cursor').as('cursor')
+
+    cy.get('@cursor').then(assertIsFullLineHeight)
+  })
+
+  it('puts cursor in the correct place inside brackets', function () {
+    // Put the cursor on a blank line
+    cy.get('.cm-line').eq(1).as('line')
+    cy.get('@line').click()
+    cy.get('@line').type('[{Enter}')
+
+    // Get the line inside the bracket
+    cy.get('.cm-line').eq(2).as('line')
+
+    // Check that the middle of the cursor is within the line boundaries
+    cy.get('.cm-cursor').then($cursor => {
+      cy.get('@line').then($line => {
+        const cursorCentreY = $cursor.offset()!.top + $cursor.outerHeight()! / 2
+        const lineTop = $line.offset()!.top
+        const lineBottom = lineTop + $line.outerHeight()!
+        expect(cursorCentreY).to.be.within(lineTop, lineBottom)
+      })
+    })
+  })
+
+  it('has active line highlight line decoration of same height as line when there is no selection and line does not wrap', function () {
+    // Put the cursor on a blank line
+    cy.get('.cm-line').eq(1).as('line')
+    cy.get('@line').click()
+
+    cy.get('.cm-content .cm-activeLine').as('highlight')
+    cy.get('.ol-cm-activeLineLayer .cm-activeLine').should('not.exist')
+
+    cy.get('@highlight').then(assertIsFullLineHeight)
+  })
+
+  it('has active line highlight layer decoration of same height as non-wrapped line when there is no selection and line wraps', function () {
+    // Put the cursor on a blank line
+    cy.get('.cm-line').eq(2).as('line')
+    cy.get('@line').click()
+
+    cy.get('.ol-cm-activeLineLayer .cm-activeLine').as('highlight')
+    cy.get('.cm-content .cm-activeLine').should('not.exist')
+
+    cy.get('.cm-line').eq(1).as('line')
+
+    cy.get('@highlight').then(assertIsFullLineHeight)
+  })
+
+  it('has no active line highlight when there is a selection', function () {
+    // Put the cursor on a blank line
+    cy.get('.cm-line').eq(1).as('line')
+    cy.get('@line').click()
+    cy.get('@line').type(isMac ? '{cmd}A' : '{ctrl}A')
+
+    cy.get('.cm-activeLine').should('not.exist')
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-figure-modal.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-figure-modal.spec.tsx
new file mode 100644
index 0000000..0986e0e
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-figure-modal.spec.tsx
@@ -0,0 +1,599 @@
+import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
+import { EditorProviders } from '../../../helpers/editor-providers'
+import { mockScope, rootFolderId } from '../helpers/mock-scope'
+import { FC } from 'react'
+import { FileTreePathContext } from '@/features/file-tree/contexts/file-tree-path'
+import { TestContainer } from '../helpers/test-container'
+import getMeta from '@/utils/meta'
+
+const clickToolbarButton = (text: string) => {
+  cy.findByLabelText(text).click()
+  cy.findByLabelText(text).trigger('mouseout')
+}
+
+const chooseFileFromComputer = () => {
+  cy.get('@file-input').selectFile(
+    {
+      fileName: 'frog.jpg',
+      contents: Cypress.Buffer.from('image-data'),
+      mimeType: 'image/jpg',
+    },
+    {
+      force: true,
+    }
+  )
+}
+
+const matchUrl = (urlToMatch: RegExp | string) =>
+  Cypress.sinon.match(req => {
+    if (!req || typeof req.url !== 'string') {
+      return false
+    }
+    if (typeof urlToMatch === 'string') {
+      return req.url.endsWith(urlToMatch)
+    }
+    return Boolean(req.url.match(urlToMatch))
+  })
+
+describe('<FigureModal />', function () {
+  // TODO: rewrite these tests to be in source mode when toolbar is added there
+  // TODO: Write tests for width toggle, when we can match on source code
+  function mount() {
+    const content = ''
+    const scope = mockScope(content)
+    scope.editor.showVisual = true
+
+    const FileTreePathProvider: FC = ({ children }) => (
+      <FileTreePathContext.Provider
+        value={{
+          dirname: cy.stub(),
+          findEntityByPath: cy.stub(),
+          pathInFolder: cy.stub(),
+          previewByPath: cy
+            .stub()
+            .as('previewByPath')
+            .returns({ url: 'frog.jpg', extension: 'jpg' }),
+        }}
+      >
+        {children}
+      </FileTreePathContext.Provider>
+    )
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope} providers={{ FileTreePathProvider }}>
+          <CodemirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+  }
+
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    cy.interceptMathJax()
+    cy.interceptEvents()
+    cy.interceptMetadata()
+
+    mount()
+  })
+
+  describe('Upload from computer source', function () {
+    beforeEach(function () {
+      cy.interceptFileUpload()
+      clickToolbarButton('Insert Figure')
+      cy.findByRole('menu').within(() => {
+        cy.findByText('Upload from computer').click()
+      })
+      cy.findByLabelText('Uppy Dashboard')
+        .get('.uppy-Dashboard-input:first')
+        .as('file-input')
+    })
+
+    it('Shows file name and size when selecting file', function () {
+      chooseFileFromComputer()
+      cy.findByLabelText('File name').should('have.text', 'frog.jpg')
+      cy.findByLabelText('File size').should('have.text', '10 B')
+    })
+
+    it('Uploads file when clicking insert', function () {
+      chooseFileFromComputer()
+      cy.get('@uploadRequest').should('not.have.been.called')
+      cy.findByText('Insert figure').click()
+      cy.get('@uploadRequest').should(
+        'have.been.calledWith',
+        matchUrl(`/project/test-project/upload?folder_id=${rootFolderId}`)
+      )
+
+      cy.get('.cm-content').should(
+        'have.text',
+        '\\begin{figure}    \\centering    \\caption{Enter Caption}    🏷fig:enter-label\\end{figure}'
+      )
+    })
+
+    it('Enables insert button when choosing file', function () {
+      cy.findByRole('button', { name: 'Insert figure' }).should('be.disabled')
+      chooseFileFromComputer()
+      cy.findByRole('button', { name: 'Insert figure' }).should('be.enabled')
+    })
+  })
+
+  describe('Upload from project files source', function () {
+    beforeEach(function () {
+      clickToolbarButton('Insert Figure')
+      cy.findByRole('menu').within(() => {
+        cy.findByText('From project files').click()
+      })
+    })
+
+    it('Lists files from project', function () {
+      cy.findByRole('textbox', { name: 'Image file' }).click()
+      cy.findByRole('listbox')
+        .children()
+        .should('have.length', 2)
+        .should('contain.text', 'frog.jpg')
+        .should('contain.text', 'unicorn.png')
+        .should('contain.text', 'figures/')
+    })
+
+    it('Enables insert button when choosing file', function () {
+      cy.findByRole('button', { name: 'Insert figure' }).should('be.disabled')
+      cy.findByRole('textbox', { name: 'Image file' }).click()
+      cy.findByRole('listbox').within(() => {
+        cy.findByText('frog.jpg').click()
+      })
+      cy.findByRole('button', { name: 'Insert figure' }).should('be.enabled')
+    })
+
+    it('Inserts file when pressing insert button', function () {
+      cy.findByRole('textbox', { name: 'Image file' }).click()
+      cy.findByRole('listbox').within(() => {
+        cy.findByText('frog.jpg').click()
+      })
+      cy.findByRole('button', { name: 'Insert figure' }).click()
+      cy.get('.cm-content').should(
+        'have.text',
+        '\\begin{figure}    \\centering    \\caption{Enter Caption}    🏷fig:enter-label\\end{figure}'
+      )
+    })
+  })
+
+  describe('From another project source', function () {
+    beforeEach(function () {
+      cy.interceptProjectListing()
+      cy.interceptCompile()
+      cy.interceptLinkedFile()
+      clickToolbarButton('Insert Figure')
+      cy.findByRole('menu').within(() => {
+        cy.findByRole('button', { name: 'From another project' }).click()
+      })
+      cy.findByRole('textbox', { name: 'Project' }).as('project-dropdown')
+      cy.findByRole('textbox', { name: 'Image file' }).as('file-dropdown')
+    })
+
+    it('List projects and files in projects', function () {
+      cy.findByRole('button', { name: 'Insert figure' }).should('be.disabled')
+      cy.get('@file-dropdown').should('be.disabled')
+      cy.get('@project-dropdown').click()
+      cy.findByRole('listbox').within(() => {
+        cy.findAllByRole('option').should('have.length', 2)
+        cy.findByRole('option', { name: 'My first project' }).click()
+      })
+      cy.get('@file-dropdown').should('be.enabled')
+      cy.get('@file-dropdown').click()
+      cy.findByRole('listbox').as('file-select')
+      cy.get('@file-select').children().should('have.length', 2)
+      cy.get('@file-select').should('contain.text', 'frog.jpg')
+      cy.get('@file-select').should('contain.text', 'figures/unicorn.png')
+      cy.get('@file-select').within(() => {
+        cy.findByText('frog.jpg').click()
+      })
+      cy.findByRole('button', { name: 'Insert figure' }).should('be.enabled')
+    })
+
+    it('Enables insert button when choosing file', function () {
+      cy.findByRole('button', { name: 'Insert figure' }).should('be.disabled')
+      cy.get('@project-dropdown').click()
+      cy.findByRole('listbox').within(() => {
+        cy.findByRole('option', { name: 'My first project' }).click()
+      })
+      cy.get('@file-dropdown').click()
+      cy.findByRole('listbox').within(() => {
+        cy.findByRole('option', { name: 'frog.jpg' }).click()
+      })
+      cy.findByRole('button', { name: 'Insert figure' }).should('be.enabled')
+    })
+
+    it('Creates linked file when pressing insert', function () {
+      cy.get('@project-dropdown').click()
+      cy.findByRole('listbox').within(() => {
+        cy.findByRole('option', { name: 'My first project' }).click()
+      })
+      cy.get('@file-dropdown').click()
+      cy.findByRole('listbox').within(() => {
+        cy.findByText('frog.jpg').click()
+      })
+      cy.findByText('Insert figure').click()
+      cy.get('@linked-file-request').should('have.been.calledWithMatch', {
+        body: {
+          provider: 'project_file',
+          data: {
+            source_entity_path: '/frog.jpg',
+            source_project_id: 'fake-project-1',
+          },
+        },
+      })
+
+      cy.get('.cm-content').should(
+        'have.text',
+        '\\begin{figure}    \\centering    \\caption{Enter Caption}    🏷fig:enter-label\\end{figure}'
+      )
+    })
+
+    it('Creates linked output file when pressing insert', function () {
+      cy.get('@project-dropdown').click()
+      cy.findByRole('listbox').within(() => {
+        cy.findByRole('option', { name: 'My first project' }).click()
+      })
+      cy.findByRole('button', { name: 'select from output files' }).click()
+      cy.findByRole('textbox', { name: 'Output file' }).click()
+      cy.findByRole('listbox').within(() => {
+        cy.findByRole('option', { name: 'output.pdf' }).click()
+      })
+      cy.findByText('Insert figure').click()
+      cy.get('@linked-file-request').should('have.been.calledWithMatch', {
+        body: {
+          provider: 'project_output_file',
+          data: {
+            source_output_file_path: 'output.pdf',
+            source_project_id: 'fake-project-1',
+          },
+        },
+      })
+
+      cy.get('.cm-content').should(
+        'have.text',
+        '\\begin{figure}    \\centering    \\caption{Enter Caption}    🏷fig:enter-label\\end{figure}'
+      )
+    })
+  })
+
+  describe('Feature flags', function () {
+    describe('with hasLinkUrlFeature=false', function () {
+      beforeEach(function () {
+        Object.assign(getMeta('ol-ExposedSettings'), {
+          hasLinkedProjectFileFeature: true,
+          hasLinkedProjectOutputFileFeature: true,
+          hasLinkUrlFeature: false,
+        })
+        mount()
+        clickToolbarButton('Insert Figure')
+      })
+      it('should not have import from url option', function () {
+        cy.findByRole('menu').within(() => {
+          cy.findByText('From URL').should('not.exist')
+        })
+      })
+    })
+    describe('with hasLinkedProjectFileFeature=false and hasLinkedProjectOutputFileFeature=false', function () {
+      beforeEach(function () {
+        Object.assign(getMeta('ol-ExposedSettings'), {
+          hasLinkedProjectFileFeature: false,
+          hasLinkedProjectOutputFileFeature: false,
+          hasLinkUrlFeature: true,
+        })
+        mount()
+        clickToolbarButton('Insert Figure')
+      })
+      it('should not have import from project file option', function () {
+        cy.findByRole('menu').within(() => {
+          cy.findByText('From another project').should('not.exist')
+        })
+      })
+    })
+
+    function setupFromAnotherProject() {
+      mount()
+      cy.interceptProjectListing()
+      clickToolbarButton('Insert Figure')
+      cy.findByRole('menu').within(() => {
+        cy.findByText('From another project').click()
+      })
+      cy.findByRole('textbox', { name: 'Project' }).click()
+      cy.findByRole('listbox').within(() => {
+        cy.findByRole('option', { name: 'My first project' }).click()
+      })
+    }
+    function expectNoOutputSwitch() {
+      it('should hide output switch', function () {
+        cy.findByText('select from output files').should('not.exist')
+        cy.findByText('select from source files').should('not.exist')
+      })
+    }
+
+    describe('with hasLinkedProjectFileFeature=false', function () {
+      beforeEach(function () {
+        Object.assign(getMeta('ol-ExposedSettings'), {
+          hasLinkedProjectFileFeature: false,
+          hasLinkedProjectOutputFileFeature: true,
+          hasLinkUrlFeature: true,
+        })
+        cy.interceptCompile()
+        setupFromAnotherProject()
+      })
+      expectNoOutputSwitch()
+      it('should show output file selector', function () {
+        cy.findByRole('textbox', { name: 'Output file' }).click()
+        cy.findByRole('listbox').within(() => {
+          cy.findByRole('option', { name: 'output.pdf' }).click()
+        })
+      })
+    })
+
+    describe('with hasLinkedProjectOutputFileFeature=false', function () {
+      beforeEach(function () {
+        Object.assign(getMeta('ol-ExposedSettings'), {
+          hasLinkedProjectFileFeature: true,
+          hasLinkedProjectOutputFileFeature: false,
+          hasLinkUrlFeature: true,
+        })
+        setupFromAnotherProject()
+      })
+      expectNoOutputSwitch()
+
+      it('should show source file selector', function () {
+        cy.findByRole('textbox', { name: 'Image file' }).click()
+        cy.findByRole('listbox').within(() => {
+          cy.findByRole('option', { name: 'frog.jpg' }).click()
+        })
+      })
+    })
+  })
+
+  describe('From URL source', function () {
+    beforeEach(function () {
+      cy.interceptLinkedFile()
+      clickToolbarButton('Insert Figure')
+      cy.findByRole('menu').within(() => {
+        cy.findByText('From URL').click()
+      })
+      cy.findByLabelText('File name in this project').as(
+        'relocated-file-name-input'
+      )
+      cy.findByLabelText('Image URL').as('image-url-input')
+      cy.findByRole('checkbox', { name: 'Include label' }).as(
+        'include-label-checkbox'
+      )
+      cy.findByRole('checkbox', { name: 'Include caption' }).as(
+        'include-caption-checkbox'
+      )
+    })
+
+    it('Auto fills name based on url', function () {
+      cy.get('@image-url-input').type('https://my-fake-website.com/frog.jpg')
+      cy.get('@relocated-file-name-input').should('have.value', 'frog.jpg')
+      cy.get('@relocated-file-name-input').type('pig')
+      cy.get('@relocated-file-name-input').should('have.value', 'pig.jpg')
+    })
+
+    it('Enables insert button when name and url is available', function () {
+      cy.findByRole('button', { name: 'Insert figure' }).should('be.disabled')
+      cy.get('@image-url-input').type('https://my-fake-website.com/frog.jpg')
+      cy.findByRole('button', { name: 'Insert figure' }).should('be.enabled')
+    })
+
+    it('Adds linked file when pressing insert', function () {
+      cy.get('@image-url-input').type('https://my-fake-website.com/frog.jpg')
+      cy.findByRole('button', { name: 'Insert figure' }).click()
+
+      cy.get('@linked-file-request').should('have.been.calledWithMatch', {
+        body: {
+          provider: 'url',
+          data: {
+            url: 'https://my-fake-website.com/frog.jpg',
+          },
+        },
+      })
+
+      cy.get('.cm-content').should(
+        'have.text',
+        '\\begin{figure}    \\centering    \\caption{Enter Caption}    🏷fig:enter-label\\end{figure}'
+      )
+    })
+
+    it('Selects the caption when the figure is inserted with a caption', function () {
+      cy.get('@image-url-input').type('https://my-fake-website.com/frog.jpg')
+      cy.findByRole('button', { name: 'Insert figure' }).click()
+
+      cy.get('@linked-file-request').should('have.been.calledWithMatch', {
+        body: {
+          provider: 'url',
+          data: {
+            url: 'https://my-fake-website.com/frog.jpg',
+          },
+        },
+      })
+
+      cy.get('.cm-selectionLayer .cm-selectionBackground').should(
+        'have.length',
+        1
+      )
+
+      // If caption is selected then typing will replace the whole caption
+      cy.focused().type('My caption')
+      cy.get('.cm-content').should(
+        'have.text',
+        '\\begin{figure}    \\centering    \\caption{My caption}    🏷fig:enter-label\\end{figure}'
+      )
+    })
+
+    it('Selects the label when the figure is inserted without a caption', function () {
+      cy.get('@image-url-input').type('https://my-fake-website.com/frog.jpg')
+      cy.get('@include-caption-checkbox').uncheck()
+      cy.findByRole('button', { name: 'Insert figure' }).click()
+
+      cy.get('@linked-file-request').should('have.been.calledWithMatch', {
+        body: {
+          provider: 'url',
+          data: {
+            url: 'https://my-fake-website.com/frog.jpg',
+          },
+        },
+      })
+
+      cy.get('.cm-selectionLayer .cm-selectionBackground').should(
+        'have.length',
+        1
+      )
+
+      // If label is selected then typing will replace the whole label
+      cy.focused().type('fig:my-label')
+      cy.get('.cm-content').should(
+        'have.text',
+        '\\begin{figure}    \\centering    \\label{fig:my-label}\\end{figure}'
+      )
+    })
+
+    it('Places the cursor after the figure if it is inserted without a caption or a label', function () {
+      cy.get('@image-url-input').type('https://my-fake-website.com/frog.jpg')
+      cy.get('@include-caption-checkbox').uncheck()
+      cy.get('@include-label-checkbox').uncheck()
+
+      cy.findByRole('button', { name: 'Insert figure' }).click()
+
+      cy.get('@linked-file-request').should('have.been.calledWithMatch', {
+        body: {
+          provider: 'url',
+          data: {
+            url: 'https://my-fake-website.com/frog.jpg',
+          },
+        },
+      })
+
+      cy.get('.cm-content').should(
+        'have.text',
+        '\\begin{figure}    \\centering\\end{figure}'
+      )
+
+      cy.focused().type('Some more text')
+
+      cy.get('.cm-content').should(
+        'have.text',
+        '\\begin{figure}    \\centering\\end{figure}Some more text'
+      )
+    })
+  })
+
+  describe('Editing existing figure', function () {
+    it('Parses existing label and caption', function () {
+      cy.get('.cm-content').type(
+        `\\begin{{}figure}
+\\centering
+\\includegraphics[width=0.5\\linewidth]{{}frog.jpg}
+\\caption{{}My caption}
+\\label{{}fig:my-label}
+\\end{{}figure}`,
+        { delay: 0 }
+      )
+      cy.get('[aria-label="Edit figure"]').click()
+      cy.findByRole('checkbox', { name: 'Include caption' }).should(
+        'be.checked'
+      )
+      cy.findByRole('checkbox', { name: 'Include label' }).should('be.checked')
+    })
+
+    it('Parses existing width', function () {
+      cy.get('.cm-content').type(
+        `\\begin{{}figure}
+\\centering
+\\includegraphics[width=0.75\\linewidth]{{}frog.jpg}
+\\caption{{}My caption}
+\\label{{}fig:my-label}
+\\end{{}figure}`,
+        { delay: 0 }
+      )
+      cy.get('[aria-label="Edit figure"]').click()
+      cy.get('[value="0.75"]').should('be.checked')
+    })
+
+    it('Removes existing label when unchecked', function () {
+      cy.get('.cm-content').type(
+        `\\begin{{}figure}
+\\centering
+\\includegraphics[width=0.75\\linewidth]{{}frog.jpg}
+\\label{{}fig:my-label}
+\\end{{}figure}`,
+        { delay: 0 }
+      )
+      cy.get('[aria-label="Edit figure"]').click()
+      cy.findByRole('checkbox', { name: 'Include label' }).click()
+      cy.findByRole('checkbox', { name: 'Include label' }).should(
+        'not.be.checked'
+      )
+      cy.findByText('Done').click()
+      cy.get('.cm-content').should(
+        'have.text',
+        '\\begin{figure}\\centering\\end{figure}'
+      )
+    })
+
+    it('Removes existing caption when unchecked', function () {
+      cy.get('.cm-content').type(
+        `\\begin{{}figure}
+\\centering
+\\includegraphics[width=0.75\\linewidth]{{}frog.jpg}
+\\caption{{}My caption}
+\\label{{}fig:my-label}
+\\end{{}figure}`,
+        { delay: 0 }
+      )
+      cy.get('[aria-label="Edit figure"]').click()
+      cy.findByRole('checkbox', { name: 'Include caption' }).click()
+      cy.findByRole('checkbox', { name: 'Include caption' }).should(
+        'not.be.checked'
+      )
+      cy.findByText('Done').click()
+      cy.get('.cm-content').should(
+        'have.text',
+        '\\begin{figure}\\centering🏷fig:my-label\\end{figure}'
+      )
+    })
+
+    it('Preserves other content when removing figure', function () {
+      cy.get('.cm-content').type(
+        `text above
+\\begin{{}figure}
+\\centering
+\\includegraphics[width=0.75\\linewidth]{{}frog.jpg}
+\\caption{{}My caption}
+\\label{{}fig:my-label}
+\\end{{}figure}
+text below`,
+        { delay: 0 }
+      )
+      cy.get('[aria-label="Edit figure"]').click()
+      cy.findByRole('button', { name: 'Remove or replace figure' }).click()
+      cy.findByText('Delete figure').click()
+      cy.get('.cm-content').should('have.text', 'text abovetext below')
+    })
+
+    it('Opens figure modal on pasting image', function () {
+      cy.fixture<Uint8Array>('images/gradient.png').then(gradientBuffer => {
+        const gradientFile = new File([gradientBuffer], 'gradient.png', {
+          type: 'image/png',
+        })
+        const clipboardData = new DataTransfer()
+        clipboardData.items.add(gradientFile)
+        cy.wrap(clipboardData.files).should('have.length', 1)
+        cy.get('.cm-content').trigger('paste', { clipboardData })
+        cy.findByText('Upload from computer').should('be.visible')
+        cy.findByLabelText('File name in this project').should(
+          'have.value',
+          'gradient.png'
+        )
+      })
+    })
+
+    // TODO: Add tests for replacing image when we can match on image path
+    // TODO: Add tests for changing image size when we can match on figure width
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-fundamentals.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-fundamentals.spec.tsx
new file mode 100644
index 0000000..cd61b88
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-fundamentals.spec.tsx
@@ -0,0 +1,73 @@
+import { EditorProviders } from '../../../helpers/editor-providers'
+import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
+import { mockScope } from '../helpers/mock-scope'
+import { TestContainer } from '../helpers/test-container'
+
+describe('<CodeMirrorEditor/> fundamentals', function () {
+  const content = `
+test
+`
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    cy.interceptEvents()
+
+    const scope = mockScope(content)
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodemirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.get('.cm-line').eq(0).as('first-line')
+    cy.get('.cm-line').eq(1).as('line')
+    cy.get('.cm-line').eq(2).as('empty-line')
+
+    cy.get('@line').click()
+  })
+
+  it('deletes with backspace', function () {
+    cy.get('@line').type('{backspace}')
+    cy.get('@line').should('have.text', 'tes')
+  })
+
+  it('moves with arrow keys', function () {
+    cy.get('@line').type('{leftArrow}1')
+    cy.get('@line').should('have.text', 'tes1t')
+    cy.get('@line').type('{rightArrow}2')
+    cy.get('@line').should('have.text', 'tes1t2')
+    cy.get('@line').type('{downArrow}3')
+    cy.get('@line').type('{upArrow}{upArrow}4')
+    cy.get('@empty-line').should('have.text', '3')
+    cy.get('@first-line').should('have.text', '4')
+  })
+
+  it('deletes with delete', function () {
+    cy.get('@line').type('{leftArrow}{del}')
+    cy.get('@line').should('have.text', 'tes')
+  })
+
+  it('types characters', function () {
+    cy.get('@empty-line').type('hello codemirror!')
+    cy.get('@empty-line').should('have.text', 'hello codemirror!')
+  })
+
+  it('replaces selections', function () {
+    cy.get('@line').type('{shift}{leftArrow}{leftArrow}{leftArrow}')
+    cy.get('@line').type('abby cat')
+    cy.get('@line').should('have.text', 'tabby cat')
+  })
+
+  it('inserts LaTeX commands', function () {
+    cy.get('@empty-line').type('\\cmd[opt]{{}arg}')
+    cy.get('@empty-line').should('have.text', '\\cmd[opt]{arg}')
+  })
+
+  it('allows line-breaks', function () {
+    cy.get('.cm-content').find('.cm-line').should('have.length', 3)
+    cy.get('@empty-line').type('{enter}{enter}')
+    cy.get('.cm-content').find('.cm-line').should('have.length', 5)
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-shortcuts.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-shortcuts.spec.tsx
new file mode 100644
index 0000000..9e56819
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-shortcuts.spec.tsx
@@ -0,0 +1,280 @@
+import { mockScope } from '../helpers/mock-scope'
+import { EditorProviders } from '../../../helpers/editor-providers'
+import CodeMirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
+import { metaKey } from '../helpers/meta-key'
+import { activeEditorLine } from '../helpers/active-editor-line'
+import { TestContainer } from '../helpers/test-container'
+
+const CHARACTERS =
+  'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ\\0123456789'
+
+describe('keyboard shortcuts', { scrollBehavior: false }, function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    cy.interceptEvents()
+    cy.interceptMetadata()
+
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+    cy.get('.cm-editor').as('editor')
+  })
+
+  it('comment line with {meta+/}', function () {
+    cy.get('@line').type('text')
+    cy.get('@line').type(`{${metaKey}+/}`)
+    cy.get('@line').should('have.text', '% text')
+
+    cy.get('@line').type(`{${metaKey}+/}`)
+    cy.get('@line').should('have.text', 'text')
+  })
+
+  it('comment line with {ctrl+#}', function () {
+    cy.get('@line').type('text')
+    cy.get('@editor').trigger('keydown', { key: '#', ctrlKey: true })
+    cy.get('@line').should('have.text', '% text')
+
+    cy.get('@editor').trigger('keydown', { key: '#', ctrlKey: true })
+    cy.get('@line').should('have.text', 'text')
+  })
+
+  it('undo line with {meta+z}', function () {
+    cy.get('@line').type('text')
+    cy.get('@line').type(`{${metaKey}+z}`)
+    cy.get('@line').should('have.text', '')
+  })
+
+  it('redo line with {meta+shift+z}', function () {
+    cy.get('@line').type('text')
+    cy.get('@line').type(`{${metaKey}+z}`) // undo
+    cy.get('@line').type(`{${metaKey}+shift+z}`) // redo
+    cy.get('@line').should('have.text', 'text')
+  })
+
+  it('redo line with {meta+y}', function () {
+    cy.get('@line').type('text')
+    cy.get('@line').type(`{${metaKey}+z}`) // undo
+    cy.get('@line').type(`{${metaKey}+y}`) // redo
+    cy.get('@line').should('have.text', 'text')
+  })
+
+  it('delete line with {meta+d}', function () {
+    cy.get('.cm-line').then($lines => {
+      const linesCount = $lines.length
+      cy.get('@line').type(`{${metaKey}+d}`)
+      cy.get('.cm-line').should('have.length', linesCount - 1)
+    })
+  })
+
+  it('indent line with {tab}', function () {
+    cy.get('@line').trigger('keydown', { key: 'Tab' })
+    cy.get('@line').should('have.text', '    ')
+  })
+
+  it('unindent line with {shift+tab}', function () {
+    cy.get('@line').trigger('keydown', { key: 'Tab' }) // indent
+    cy.get('@line').trigger('keydown', { key: 'Tab', shiftKey: true }) // unindent
+    cy.get('@line').should('have.text', '')
+  })
+
+  it('uppercase selection with {ctrl+u}', function () {
+    cy.get('@line').type('a')
+    cy.get('@line').type('{shift+leftArrow}') // select text
+    cy.get('@line').type('{ctrl+u}')
+    cy.get('@line').should('have.text', 'A')
+  })
+
+  it('lowercase selection with {ctrl+shift+u}', function () {
+    if (navigator.platform.startsWith('Linux')) {
+      // Skip test as {ctrl+shift+u} is bound elsewhere in some Linux systems
+      // eslint-disable-next-line mocha/no-skipped-tests
+      this.skip()
+    }
+
+    cy.get('@line').type('A')
+    cy.get('@line').type('{shift+leftArrow}') // select text
+    cy.get('@line').type('{ctrl+shift+u}') // TODO: ctrl+shift+u is a system shortcut so this fails in CI
+    cy.get('@line').should('have.text', 'a')
+  })
+
+  it('wrap selection with "\\textbf{}" by using {meta+b}', function () {
+    cy.get('@line').type('a')
+    cy.get('@line').type('{shift+leftArrow}') // select text
+    cy.get('@line').type(`{${metaKey}+b}`)
+    cy.get('@line').should('have.text', '\\textbf{a}')
+  })
+
+  it('wrap selection with "\\textit{}" by using {meta+i}', function () {
+    cy.get('@line').type('a')
+    cy.get('@line').type('{shift+leftArrow}') // select text
+    cy.get('@line').type(`{${metaKey}+i}`)
+    cy.get('@line').should('have.text', '\\textit{a}')
+  })
+})
+
+describe('emacs keybindings', { scrollBehavior: false }, function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    cy.interceptEvents()
+    cy.interceptMetadata()
+
+    const shortDoc = `
+\\documentclass{article}
+\\begin{document}
+contentLine1
+contentLine2
+contentLine3
+\\end{document}`
+
+    const scope = mockScope(shortDoc)
+    const userSettings = { mode: 'emacs' }
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope} userSettings={userSettings}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+    cy.get('.cm-line').eq(1).as('line')
+    cy.get('@line').scrollIntoView()
+    cy.get('@line').click()
+
+    cy.get('.cm-editor').as('editor')
+  })
+
+  it('emulates search behaviour', function () {
+    activeEditorLine().should('have.text', '\\documentclass{article}')
+
+    // Search should be closed
+    cy.findByRole('search').should('have.length', 0)
+
+    // Invoke C-s
+    cy.get('@line').type('{ctrl}s')
+
+    // Search should now be open
+    cy.findByRole('search').should('have.length', 1)
+    cy.findByRole('textbox', { name: 'Find' }).as('search-input')
+
+    // Write a search query
+    cy.get('@search-input').should('have.focus').type('contentLine')
+    cy.contains(`1 of 3`)
+    // Should assert that activeEditorLine.index() === 21, but activeEditorLine
+    // only works if editor is focused, not the search box.
+
+    // Repeated C-s should go to next match
+    cy.get('@search-input').type('{ctrl}s')
+    cy.contains(`2 of 3`)
+    // Should assert that activeEditorLine.index() === 22, but activeEditorLine
+    // only works if editor is focused, not the search box.
+
+    // C-g should close the search
+    cy.get('@search-input').type('{ctrl}g')
+    cy.findByRole('search').should('have.length', 0)
+
+    // Cursor should be back to where the search originated from
+    activeEditorLine().should('have.text', '\\documentclass{article}')
+
+    // Invoke C-r
+    cy.get('@line').type('{ctrl}r')
+
+    // Search should now be open at first match
+    cy.findByRole('search').should('have.length', 1)
+    cy.contains(`0 of 3`)
+
+    // Repeated C-r should go to previous match
+    cy.get('@search-input').type('{ctrl}r')
+    cy.contains(`3 of 3`)
+
+    // Close search panel to clear global variable
+    cy.get('@search-input').type('{ctrl}g')
+    cy.findByRole('search').should('have.length', 0)
+  })
+
+  it('toggle comments with M-;', function () {
+    cy.get('@line').should('have.text', '\\documentclass{article}')
+    cy.get('@line').type('{alt};')
+    cy.get('@line').should('have.text', '% \\documentclass{article}')
+  })
+
+  it('should jump between start and end with M-S-, and M-S-.', function () {
+    activeEditorLine().should('have.text', '\\documentclass{article}')
+    activeEditorLine().type('{alt}{shift},')
+    activeEditorLine().should('have.text', '')
+    activeEditorLine().type('{alt}{shift}.')
+    activeEditorLine().should('have.text', '\\end{document}')
+  })
+
+  it('can enter characters', function () {
+    cy.get('.cm-line').eq(0).as('line')
+    cy.get('@line').scrollIntoView()
+    cy.get('@line').click()
+    cy.get('@line').type(CHARACTERS)
+    cy.get('@line').should('have.text', CHARACTERS)
+  })
+})
+
+describe('vim keybindings', { scrollBehavior: false }, function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    cy.interceptEvents()
+    cy.interceptMetadata()
+
+    // Make a short doc that will fit entirely into the dom tree, so that
+    // index() corresponds to line number - 1
+    const shortDoc = `
+\\documentclass{article}
+\\begin{document}
+contentLine1
+contentLine2
+contentLine3
+\\end{document}
+`
+
+    const scope = mockScope(shortDoc)
+    const userSettings = { mode: 'vim' }
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope} userSettings={userSettings}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+    cy.get('.cm-line').eq(1).as('line')
+    cy.get('@line').scrollIntoView()
+    cy.get('@line').click()
+    cy.get('.cm-editor').as('editor')
+  })
+
+  it('can enter characters', function () {
+    cy.get('.cm-line').eq(0).as('line')
+    cy.get('@line').scrollIntoView()
+    cy.get('@line').click()
+    cy.get('@line').type(`i${CHARACTERS}{esc}`)
+    cy.get('@line').should('have.text', CHARACTERS)
+  })
+
+  it('can move around in normal mode', function () {
+    // Move cursor up
+    cy.get('@line').type('k')
+    activeEditorLine().should('have.text', '')
+
+    // Move cursor down
+    cy.get('@line').type('j')
+    activeEditorLine().should('have.text', '\\begin{document}')
+
+    // Move the cursor left, insert 1, move it right, insert a 2
+    cy.get('@line').type('hi1{esc}la2{esc}')
+    cy.get('@line').should('have.text', '\\documentclass{article1}2')
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-spellchecker-client.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-spellchecker-client.spec.tsx
new file mode 100644
index 0000000..ee96d76
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-spellchecker-client.spec.tsx
@@ -0,0 +1,157 @@
+import { mockScope } from '../helpers/mock-scope'
+import { EditorProviders } from '../../../helpers/editor-providers'
+import CodeMirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
+import { TestContainer } from '../helpers/test-container'
+import forEach from 'mocha-each'
+import PackageVersions from '../../../../../app/src/infrastructure/PackageVersions'
+
+const languages = [
+  { code: 'af', dic: 'af_ZA', name: 'Afrikaans' },
+  { code: 'an', dic: 'an_ES', name: 'Aragonese' },
+  { code: 'ar', dic: 'ar', name: 'Arabic' },
+  { code: 'be_BY', dic: 'be_BY', name: 'Belarusian' },
+  { code: 'bg', dic: 'bg_BG', name: 'Bulgarian' },
+  { code: 'bn_BD', dic: 'bn_BD', name: 'Bengali' },
+  { code: 'bo', dic: 'bo', name: 'Tibetan' },
+  { code: 'br', dic: 'br_FR', name: 'Breton' },
+  { code: 'bs_BA', dic: 'bs_BA', name: 'Bosnian' },
+  { code: 'ca', dic: 'ca', name: 'Catalan' },
+  { code: 'cs', dic: 'cs_CZ', name: 'Czech' },
+  { code: 'de', dic: 'de_DE', name: 'German' },
+  { code: 'de_AT', dic: 'de_AT', name: 'German (Austria)' },
+  { code: 'de_CH', dic: 'de_CH', name: 'German (Switzerland)' },
+  { code: 'dz', dic: 'dz', name: 'Dzongkha' },
+  { code: 'el', dic: 'el_GR', name: 'Greek' },
+  { code: 'en_AU', dic: 'en_AU', name: 'English (Australian)' },
+  { code: 'en_CA', dic: 'en_CA', name: 'English (Canadian)' },
+  { code: 'en_GB', dic: 'en_GB', name: 'English (British)' },
+  { code: 'en_US', dic: 'en_US', name: 'English (American)' },
+  { code: 'en_ZA', dic: 'en_ZA', name: 'English (South African)' },
+  { code: 'eo', dic: 'eo', name: 'Esperanto' },
+  { code: 'es', dic: 'es_ES', name: 'Spanish' },
+  { code: 'et', dic: 'et_EE', name: 'Estonian' },
+  { code: 'eu', dic: 'eu', name: 'Basque' },
+  { code: 'fa', dic: 'fa_IR', name: 'Persian' },
+  { code: 'fo', dic: 'fo', name: 'Faroese' },
+  { code: 'fr', dic: 'fr', name: 'French' },
+  { code: 'ga', dic: 'ga_IE', name: 'Irish' },
+  { code: 'gd_GB', dic: 'gd_GB', name: 'Scottish Gaelic' },
+  { code: 'gl', dic: 'gl_ES', name: 'Galician' },
+  { code: 'gu_IN', dic: 'gu_IN', name: 'Gujarati' },
+  { code: 'gug_PY', dic: 'gug_PY', name: 'Guarani' },
+  { code: 'he_IL', dic: 'he_IL', name: 'Hebrew' },
+  { code: 'hi_IN', dic: 'hi_IN', name: 'Hindi' },
+  { code: 'hr', dic: 'hr_HR', name: 'Croatian' },
+  { code: 'hu_HU', dic: 'hu_HU', name: 'Hungarian' },
+  { code: 'id', dic: 'id_ID', name: 'Indonesian' },
+  { code: 'is_IS', dic: 'is_IS', name: 'Icelandic' },
+  { code: 'it', dic: 'it_IT', name: 'Italian' },
+  { code: 'kk', dic: 'kk_KZ', name: 'Kazakh' },
+  { code: 'kmr', dic: 'kmr_Latn', name: 'Kurmanji' },
+  { code: 'ko', dic: 'ko', name: 'Korean' },
+  { code: 'lo_LA', dic: 'lo_LA', name: 'Laotian' },
+  { code: 'lt', dic: 'lt_LT', name: 'Lithuanian' },
+  { code: 'lv', dic: 'lv_LV', name: 'Latvian' },
+  { code: 'ml_IN', dic: 'ml_IN', name: 'Malayalam' },
+  { code: 'mn_MN', dic: 'mn_MN', name: 'Mongolian' },
+  { code: 'nb_NO', dic: 'nb_NO', name: 'Norwegian (Bokmål)' },
+  { code: 'ne_NP', dic: 'ne_NP', name: 'Nepali' },
+  { code: 'nl', dic: 'nl', name: 'Dutch' },
+  { code: 'nn_NO', dic: 'nn_NO', name: 'Norwegian (Nynorsk)' },
+  { code: 'oc_FR', dic: 'oc_FR', name: 'Occitan' },
+  { code: 'pl', dic: 'pl_PL', name: 'Polish' },
+  { code: 'pt_BR', dic: 'pt_BR', name: 'Portuguese (Brazilian)' },
+  { code: 'pt_PT', dic: 'pt_PT', name: 'Portuguese (European)' },
+  { code: 'ro', dic: 'ro_RO', name: 'Romanian' },
+  { code: 'ru', dic: 'ru_RU', name: 'Russian' },
+  { code: 'si_LK', dic: 'si_LK', name: 'Sinhala' },
+  { code: 'sk', dic: 'sk_SK', name: 'Slovak' },
+  { code: 'sl', dic: 'sl_SI', name: 'Slovenian' },
+  { code: 'sr_RS', dic: 'sr_RS', name: 'Serbian' },
+  { code: 'sv', dic: 'sv_SE', name: 'Swedish' },
+  { code: 'sw_TZ', dic: 'sw_TZ', name: 'Swahili' },
+  { code: 'te_IN', dic: 'te_IN', name: 'Telugu' },
+  { code: 'th_TH', dic: 'th_TH', name: 'Thai' },
+  { code: 'tl', dic: 'tl', name: 'Tagalog' },
+  { code: 'tr_TR', dic: 'tr_TR', name: 'Turkish' },
+  { code: 'uz_UZ', dic: 'uz_UZ', name: 'Uzbek' },
+  { code: 'vi_VN', dic: 'vi_VN', name: 'Vietnamese' },
+]
+
+const suggestions = {
+  af: ['medicyne', 'medisyne'],
+  be_BY: ['лекi', 'лекі'],
+  bg: ['лекарствo', 'лекарство'],
+  de: ['Medicin', 'Medizin'],
+  en_CA: ['theatr', 'theatre'],
+  en_GB: ['medecine', 'medicine'],
+  en_US: ['theatr', 'theater'],
+  es: ['medicaminto', 'medicamento'],
+  fr: ['medecin', 'médecin'],
+  sv: ['medecin', 'medicin'],
+}
+
+forEach(Object.keys(suggestions)).describe(
+  'Spell check in client (%s)',
+  (spellCheckLanguage: keyof typeof suggestions) => {
+    const content = `
+\\documentclass{}
+
+\\title{}
+\\author{}
+
+\\begin{document}
+\\maketitle
+
+\\begin{abstract}
+\\end{abstract}
+
+\\section{}
+
+\\end{document}`
+
+    beforeEach(function () {
+      cy.window().then(win => {
+        win.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+        win.metaAttributesCache.set('ol-learnedWords', ['baz'])
+        win.metaAttributesCache.set(
+          'ol-dictionariesRoot',
+          `js/dictionaries/${PackageVersions.version.dictionaries}/`
+        )
+        win.metaAttributesCache.set('ol-baseAssetPath', '/__cypress/src/')
+        win.metaAttributesCache.set('ol-languages', languages)
+      })
+
+      cy.interceptEvents()
+
+      const scope = mockScope(content)
+      scope.project.spellCheckLanguage = spellCheckLanguage
+
+      cy.mount(
+        <TestContainer>
+          <EditorProviders scope={scope}>
+            <CodeMirrorEditor />
+          </EditorProviders>
+        </TestContainer>
+      )
+
+      cy.get('.cm-line').eq(13).as('line')
+      cy.get('@line').click()
+    })
+
+    it('shows suggestions for misspelled word', function () {
+      const [from, to] = suggestions[spellCheckLanguage]
+
+      cy.get('@line').type(`${from} ${to}`)
+      cy.get('@line')
+        .get('.ol-cm-spelling-error', { timeout: 10000 })
+        .should('have.length', 1)
+      cy.get('@line').get('.ol-cm-spelling-error').should('have.text', from)
+
+      cy.get('@line').get('.ol-cm-spelling-error').rightclick()
+      cy.findByRole('menuitem', { name: to }).click()
+      cy.get('@line').contains(`${to} ${to}`)
+      cy.get('@line').find('.ol-cm-spelling-error').should('not.exist')
+    })
+  }
+)
diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-table-generator.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-table-generator.spec.tsx
new file mode 100644
index 0000000..25b205e
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-table-generator.spec.tsx
@@ -0,0 +1,787 @@
+// Needed since eslint gets confused by mocha-each
+/* eslint-disable mocha/prefer-arrow-callback */
+import { EditorProviders } from '../../../helpers/editor-providers'
+import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
+import { mockScope } from '../helpers/mock-scope'
+import forEach from 'mocha-each'
+import { TestContainer } from '../helpers/test-container'
+
+const mountEditor = (content: string | string[]) => {
+  if (Array.isArray(content)) {
+    content = content.join('\n')
+  }
+  if (!content.startsWith('\n')) {
+    content = '\n' + content
+  }
+  const scope = mockScope(content)
+  scope.editor.showVisual = true
+  cy.viewport(1000, 800)
+  cy.mount(
+    <TestContainer style={{ width: 1000, height: 800 }}>
+      <EditorProviders scope={scope}>
+        <CodemirrorEditor />
+      </EditorProviders>
+    </TestContainer>
+  )
+
+  // wait for the content to be parsed and revealed
+  cy.get('.cm-content').should('have.css', 'opacity', '1')
+  cy.get('.cm-line').first().click()
+}
+
+function checkTable(
+  expected: (string | { text: string; colspan: number })[][]
+) {
+  cy.get('.table-generator').as('table').should('exist')
+  cy.get('@table')
+    .find('tbody')
+    .as('body')
+    .find('tr')
+    .should('have.length', expected.length)
+  cy.get('@body')
+    .find('tr')
+    .each((row, rowIndex) => {
+      // Add one to the expected length to account for the row selector
+      cy.wrap(row)
+        .find('.table-generator-cell')
+        .as('cells')
+        .should('have.length', expected[rowIndex].length)
+      cy.get('@cells').each((cell, cellIndex) => {
+        const expectation = expected[rowIndex][cellIndex]
+        const cellText =
+          typeof expectation === 'string' ? expectation : expectation.text
+        const colspan =
+          typeof expectation === 'string' ? undefined : expectation.colspan
+        cy.wrap(cell).should('contain.text', cellText)
+        if (colspan) {
+          cy.wrap(cell).should('have.attr', 'colspan', colspan.toString())
+        }
+      })
+    })
+}
+
+function checkBordersWithNoMultiColumn(
+  verticalBorderIndices: boolean[],
+  horizontalBorderIndices: boolean[]
+) {
+  cy.get('.table-generator').as('table').should('have.length', 1)
+  cy.get('@table')
+    .find('tbody')
+    .as('body')
+    .find('tr')
+    .should('have.length', verticalBorderIndices.length - 1)
+    .each((row, rowIndex) => {
+      cy.wrap(row)
+        .find('.table-generator-cell')
+        .should('have.length', horizontalBorderIndices.length - 1)
+        .each((cell, cellIndex) => {
+          if (cellIndex === 0) {
+            cy.wrap(cell).should(
+              horizontalBorderIndices[0] ? 'have.class' : 'not.have.class',
+              'table-generator-cell-border-left'
+            )
+          }
+          cy.wrap(cell).should(
+            horizontalBorderIndices[cellIndex + 1]
+              ? 'have.class'
+              : 'not.have.class',
+            'table-generator-cell-border-right'
+          )
+          cy.wrap(cell).should(
+            verticalBorderIndices[rowIndex] ? 'have.class' : 'not.have.class',
+            'table-generator-row-border-top'
+          )
+          if (rowIndex === verticalBorderIndices.length - 2) {
+            cy.wrap(cell).should(
+              verticalBorderIndices[rowIndex + 1]
+                ? 'have.class'
+                : 'not.have.class',
+              'table-generator-row-border-bottom'
+            )
+          }
+        })
+    })
+}
+
+describe('<CodeMirrorEditor/> Table editor', function () {
+  beforeEach(function () {
+    cy.interceptEvents()
+
+    cy.interceptMathJax()
+    cy.interceptCompile({ prefix: 'compile', times: Number.MAX_SAFE_INTEGER })
+    cy.intercept('/project/*/doc/*/metadata', { body: {} })
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+  })
+
+  describe('Table rendering', function () {
+    it('Renders a simple table', function () {
+      mountEditor(`
+\\begin{tabular}{ccc}
+  cell 1 & cell 2 & cell 3 \\\\
+  cell 4 & cell 5 & cell 6 \\\\
+\\end{tabular}`)
+
+      // Find cell in table
+      checkTable([
+        ['cell 1', 'cell 2', 'cell 3'],
+        ['cell 4', 'cell 5', 'cell 6'],
+      ])
+    })
+
+    it('Renders a table with \\multicolumn', function () {
+      mountEditor(`
+\\begin{tabular}{ccc}
+  \\multicolumn{2}{c}{cell 1 and cell 2} & cell 3 \\\\
+  cell 4 & cell 5 & cell 6 \\\\
+\\end{tabular}`)
+
+      // Find cell in table
+      checkTable([
+        [{ text: 'cell 1 and cell 2', colspan: 2 }, 'cell 3'],
+        ['cell 4', 'cell 5', 'cell 6'],
+      ])
+    })
+
+    it('Renders borders', function () {
+      mountEditor(`
+\\begin{tabular}{c|c}
+cell 1 & cell 2 \\\\
+\\hline
+cell 3 & cell 4 \\\\
+\\end{tabular}`)
+
+      checkBordersWithNoMultiColumn([false, true, false], [false, true, false])
+    })
+
+    it('Renders math in cells', function () {
+      mountEditor(`
+\\begin{tabular}{c}
+  $\\pi$
+\\end{tabular}`)
+      cy.get('.MathJax').should('have.text', '$\\pi$')
+    })
+  })
+
+  describe('The toolbar', function () {
+    it('Renders the toolbar when the table is selected', function () {
+      mountEditor(`
+\\begin{tabular}{c}
+    cell
+\\end{tabular}
+      `)
+      cy.get('.table-generator-floating-toolbar').should('not.exist')
+      cy.get('.table-generator-cell').click()
+      cy.get('.table-generator-floating-toolbar').should('exist')
+      // The element is partially covered, but we can still click it
+      cy.get('.cm-line').first().click({ force: true })
+      cy.get('.table-generator-floating-toolbar').should('not.exist')
+    })
+
+    it('Adds and removes borders when theme is changed', function () {
+      mountEditor(`
+\\begin{tabular}{c|c}
+    cell 1 & cell 2 \\\\
+    cell 3 & cell 4 \\\\
+\\end{tabular}
+`)
+      checkBordersWithNoMultiColumn([false, false, false], [false, true, false])
+      cy.get('.table-generator-floating-toolbar').should('not.exist')
+      cy.get('.table-generator-cell').first().click()
+      cy.get('.table-generator-floating-toolbar').as('toolbar').should('exist')
+      cy.get('@toolbar').findByText('Custom borders').click({ force: true })
+      cy.get('.table-generator').findByText('All borders').click()
+      // The element is partially covered, but we can still click it
+      cy.get('.cm-line').first().click({ force: true })
+      // Table should be unchanged
+      checkTable([
+        ['cell 1', 'cell 2'],
+        ['cell 3', 'cell 4'],
+      ])
+      checkBordersWithNoMultiColumn([true, true, true], [true, true, true])
+
+      cy.get('.table-generator-cell').first().click()
+      cy.get('@toolbar').findByText('All borders').click()
+      cy.get('.table-generator').findByText('No borders').click()
+      // The element is partially covered, but we can still click it
+      cy.get('.cm-line').first().click({ force: true })
+      // Table should be unchanged
+      checkTable([
+        ['cell 1', 'cell 2'],
+        ['cell 3', 'cell 4'],
+      ])
+      checkBordersWithNoMultiColumn(
+        [false, false, false],
+        [false, false, false]
+      )
+    })
+
+    it('Changes the column alignment with dropdown buttons', function () {
+      mountEditor(`
+\\begin{tabular}{cc}
+    cell 1 & cell 2 \\\\
+    cell 3 & cell 4 \\\\
+\\end{tabular}
+      `)
+
+      cy.get('.table-generator-cell')
+        .should('have.class', 'alignment-center')
+        .first()
+        .click()
+
+      cy.get('.table-generator-floating-toolbar').as('toolbar').should('exist')
+      cy.get('@toolbar')
+        .findByLabelText('Alignment')
+        .should('be.disabled')
+        .should('contain.text', 'format_align_center')
+
+      cy.get('.column-selector').first().click()
+      cy.get('@toolbar')
+        .findByLabelText('Alignment')
+        .should('not.be.disabled')
+        .click()
+      cy.get('.table-generator').findByLabelText('Left').click()
+      // The element is partially covered, but we can still click it
+      cy.get('.cm-line').first().click({ force: true })
+      // Table contents shouldn't have changed
+      checkTable([
+        ['cell 1', 'cell 2'],
+        ['cell 3', 'cell 4'],
+      ])
+      // Check that alignment button updated to reflect the left alignment
+      cy.get('.table-generator-cell').first().click()
+      cy.get('@toolbar')
+        .findByLabelText('Alignment')
+        .should('be.disabled')
+        .should('contain.text', 'format_align_left')
+
+      cy.get('.table-generator-cell')
+        .eq(0)
+        .should('have.class', 'alignment-left')
+      cy.get('.table-generator-cell')
+        .eq(1)
+        .should('have.class', 'alignment-center')
+      cy.get('.table-generator-cell')
+        .eq(2)
+        .should('have.class', 'alignment-left')
+      cy.get('.table-generator-cell')
+        .eq(3)
+        .should('have.class', 'alignment-center')
+    })
+
+    it('Removes rows and columns', function () {
+      mountEditor(`
+\\begin{tabular}{|c|c|c|}
+    \\hline
+    cell 1 & cell 2 & cell 3 \\\\ \\hline
+    cell 4 & cell 5 & cell 6 \\\\ \\hline
+    cell 7 & cell 8 & cell 9 \\\\ \\hline
+\\end{tabular}
+      `)
+      checkTable([
+        ['cell 1', 'cell 2', 'cell 3'],
+        ['cell 4', 'cell 5', 'cell 6'],
+        ['cell 7', 'cell 8', 'cell 9'],
+      ])
+      cy.get('.table-generator-cell').first().click()
+      cy.get('.table-generator-floating-toolbar').as('toolbar').should('exist')
+      cy.get('@toolbar')
+        .findByLabelText('Delete row or column')
+        .should('be.disabled')
+      cy.get('.column-selector').eq(1).click()
+      cy.get('@toolbar').findByLabelText('Delete row or column').click()
+      checkTable([
+        ['cell 1', 'cell 3'],
+        ['cell 4', 'cell 6'],
+        ['cell 7', 'cell 9'],
+      ])
+      cy.get('.row-selector').eq(2).click()
+      cy.get('@toolbar').findByLabelText('Delete row or column').click()
+      checkTable([
+        ['cell 1', 'cell 3'],
+        ['cell 4', 'cell 6'],
+      ])
+      checkBordersWithNoMultiColumn([true, true, true], [true, true, true])
+    })
+
+    it('Removes rows correctly when removing from the left', function () {
+      mountEditor(`
+\\begin{tabular}{|c|c|c|}\\hline
+    cell 1&cell 2&cell 3 \\\\\\hline
+\\end{tabular}
+      `)
+      checkTable([['cell 1', 'cell 2', 'cell 3']])
+      cy.get('.table-generator').findByText('cell 1').click()
+      cy.get('.table-generator')
+        .findByText('cell 1')
+        .type('{shift}{rightarrow}')
+      cy.get('.table-generator-floating-toolbar').as('toolbar').should('exist')
+      cy.get('@toolbar')
+        .findByLabelText('Delete row or column')
+        .should('be.enabled')
+      cy.get('@toolbar').findByLabelText('Delete row or column').click()
+      checkTable([['cell 3']])
+      checkBordersWithNoMultiColumn([true, true], [true, true])
+    })
+
+    it('Merges and unmerged cells', function () {
+      mountEditor(`
+\\begin{tabular}{ccc}
+    cell 1 & cell 2 & cell 3 \\\\
+    cell 4 & cell 5 & cell 6 \\\\
+\\end{tabular}
+      `)
+      cy.get('.table-generator-cell').first().click()
+      cy.get('.table-generator-cell').first().type('{shift}{rightarrow}')
+      cy.get('.table-generator-floating-toolbar').as('toolbar').should('exist')
+      cy.get('@toolbar').findByLabelText('Merge cells').click()
+      checkTable([
+        [{ text: 'cell 1 cell 2', colspan: 2 }, 'cell 3'],
+        ['cell 4', 'cell 5', 'cell 6'],
+      ])
+      cy.get('@toolbar').findByLabelText('Unmerge cells').click()
+      checkTable([
+        ['cell 1 cell 2', '', 'cell 3'],
+        ['cell 4', 'cell 5', 'cell 6'],
+      ])
+    })
+
+    it('Adds rows and columns', function () {
+      mountEditor(`
+\\begin{tabular}{c}
+    cell 1
+\\end{tabular}
+      `)
+      cy.get('.table-generator').findByText('cell 1').click()
+      cy.get('.table-generator-floating-toolbar').as('toolbar').should('exist')
+
+      // Set border theme to "All borders" so that we can check that theme is
+      // preserved when adding new rows and columns
+      cy.get('@toolbar').findByText('No borders').click()
+      cy.get('.table-generator').findByText('All borders').click()
+
+      cy.get('.table-generator').findByText('cell 1').click()
+      cy.get('@toolbar').findByLabelText('Insert').click()
+      cy.get('.table-generator').findByText('Insert column left').click()
+      checkTable([['', 'cell 1']])
+      checkBordersWithNoMultiColumn([true, true], [true, true, true])
+
+      cy.get('.table-generator').findByText('cell 1').click()
+      cy.get('@toolbar').findByLabelText('Insert').click()
+      cy.get('.table-generator').findByText('Insert column right').click()
+      checkTable([['', 'cell 1', '']])
+      checkBordersWithNoMultiColumn([true, true], [true, true, true, true])
+
+      cy.get('.table-generator').findByText('cell 1').click()
+      cy.get('@toolbar').findByLabelText('Insert').click()
+      cy.get('.table-generator').findByText('Insert row above').click()
+      checkTable([
+        ['', '', ''],
+        ['', 'cell 1', ''],
+      ])
+      checkBordersWithNoMultiColumn(
+        [true, true, true],
+        [true, true, true, true]
+      )
+
+      cy.get('.table-generator').findByText('cell 1').click()
+      cy.get('@toolbar').findByLabelText('Insert').click()
+      cy.get('.table-generator').findByText('Insert row below').click()
+      checkTable([
+        ['', '', ''],
+        ['', 'cell 1', ''],
+        ['', '', ''],
+      ])
+      checkBordersWithNoMultiColumn(
+        [true, true, true, true],
+        [true, true, true, true]
+      )
+    })
+
+    it('Removes the table on toolbar button click', function () {
+      mountEditor(`
+\\begin{tabular}{c}
+    cell 1
+\\end{tabular}`)
+      cy.get('.table-generator').findByText('cell 1').click()
+      cy.get('.table-generator-floating-toolbar').as('toolbar').should('exist')
+      cy.get('@toolbar').findByLabelText('Delete table').click()
+      cy.get('.table-generator').should('not.exist')
+    })
+
+    it('Moves the caption when using dropdown', function () {
+      mountEditor(`
+\\begin{table}
+  \\caption{Table caption}
+  \\label{tab:table}
+  \\begin{tabular}{c}
+    cell 1
+  \\end{tabular}
+\\end{table}`)
+      cy.get('.table-generator').findByText('cell 1').click()
+      cy.get('.table-generator-floating-toolbar').as('toolbar').should('exist')
+      cy.get('@toolbar').findByText('Caption above').click()
+      cy.get('.table-generator-toolbar-dropdown-menu')
+        .findByText('Caption below')
+        .click()
+      // Check that caption is below table
+      cy.get('.ol-cm-command-caption').then(([caption]) => {
+        const { top: captionYPosition } = caption.getBoundingClientRect()
+        cy.get('.table-generator').then(([table]) => {
+          const { top: tableYPosition } = table.getBoundingClientRect()
+          cy.wrap(captionYPosition).should('be.greaterThan', tableYPosition)
+        })
+      })
+
+      cy.get('@toolbar').findByText('Caption below').click()
+      cy.get('.table-generator-toolbar-dropdown-menu')
+        .findByText('Caption above')
+        .click()
+      // Check that caption is above table
+      cy.get('.ol-cm-command-caption').then(([caption]) => {
+        const { top: captionYPosition } = caption.getBoundingClientRect()
+        cy.get('.table-generator').then(([table]) => {
+          const { top: tableYPosition } = table.getBoundingClientRect()
+          cy.wrap(captionYPosition).should('be.lessThan', tableYPosition)
+        })
+      })
+
+      // Removes caption when clicking "No caption"
+      cy.get('@toolbar').findByText('Caption above').click()
+      cy.get('.table-generator-toolbar-dropdown-menu')
+        .findByText('No caption')
+        .click()
+      cy.get('@toolbar').findByText('No caption').should('exist')
+      cy.get('.ol-cm-command-caption').should('not.exist')
+      cy.get('.ol-cm-command-label').should('not.exist')
+    })
+
+    it('Renders a table with custom column spacing', function () {
+      mountEditor(`
+\\begin{tabular}{@{}c@{}l!{}}
+  cell 1 & cell 2 \\\\
+  cell 3 & cell 4 \\\\
+\\end{tabular}`)
+      checkTable([
+        ['cell 1', 'cell 2'],
+        ['cell 3', 'cell 4'],
+      ])
+      cy.get('.table-generator-cell').first().click()
+      cy.get('.table-generator-floating-toolbar').as('toolbar').should('exist')
+      cy.get('@toolbar').findByText('No borders').click()
+      cy.get('.table-generator').findByText('All borders').click()
+      // The element is partially covered, but we can still click it
+      cy.get('.cm-line').first().click({ force: true })
+      checkTable([
+        ['cell 1', 'cell 2'],
+        ['cell 3', 'cell 4'],
+      ])
+      checkBordersWithNoMultiColumn([true, true, true], [true, true, true])
+    })
+
+    it('Disables caption dropdown when not directly inside table environment', function () {
+      mountEditor(`
+\\begin{table}
+  \\caption{Table caption}
+  \\label{tab:table}
+  \\begin{adjustbox}{max width=\\textwidth}
+    \\begin{tabular}{c}
+      cell 1
+    \\end{tabular}
+  \\end{adjustbox}
+\\end{table}`)
+      cy.get('.table-generator').findByText('cell 1').click()
+      cy.get('.table-generator-floating-toolbar').as('toolbar').should('exist')
+      cy.get('@toolbar')
+        .contains('button', 'Caption above')
+        .should('be.disabled')
+    })
+
+    describe('Fixed width columns', function () {
+      it('Can add fixed width columns', function () {
+        // Check that no column indicators exist
+        mountEditor(`
+        \\begin{tabular}{cc}
+        cell 1 & cell 2\\\\
+        cell 3 & cell 4 \\\\
+        \\end{tabular}`)
+        cy.get('.table-generator-column-indicator-label').should('not.exist')
+        cy.get('.table-generator-cell').eq(0).as('cell')
+        // Activate the table
+        cy.get('@cell').click()
+        cy.get('.table-generator-floating-toolbar')
+          .as('toolbar')
+          .should('exist')
+        // Select the second column
+        cy.get('.column-selector').eq(1).click()
+        cy.get('@toolbar').findByLabelText('Adjust column width').click()
+        cy.get('.table-generator-toolbar-dropdown-menu')
+          .findByText('Fixed width, wrap text')
+          .click()
+        // The modal should be open
+        cy.get('.table-generator-width-modal').as('modal').should('be.visible')
+        // The width input should be focused
+        cy.get('@modal')
+          .get('#column-width-modal-width')
+          .should('be.focused')
+          .type('20')
+        // Change the unit to inches
+        cy.get('@modal')
+          .findAllByLabelText(/Length unit/)
+          .first()
+          .click()
+        cy.get('@modal')
+          .findByRole('listbox')
+          .as('dropdown')
+          .should('be.visible')
+        cy.get('@dropdown').findByText('in').click()
+        // Confirm the change
+        cy.get('@modal').findByText('OK').click()
+        // Modal should close
+        cy.get('@modal').should('not.exist')
+        // Check that the width is applied to the right column
+        cy.get('.table-generator-column-widths-row td')
+          // 3rd element (buffer, column 1, column 2)
+          .eq(2)
+          .should('contain.text', '20in')
+      })
+
+      forEach([
+        ['20in', 'in'],
+        ['20', 'Custom'],
+        ['\\foobar', 'Custom'],
+      ]).it(
+        `Understands '%s' width descriptor`,
+        function (width, expectedUnit) {
+          // Check that no column indicators exist
+          mountEditor(`
+          \\begin{tabular}{cp{${width}}}
+          cell 1 & cell 2\\\\
+          cell 3 & cell 4 \\\\
+          \\end{tabular}`)
+          // Activate the table
+          cy.get('.table-generator-cell').eq(0).click()
+          // Click the column width indicator
+          cy.get('.table-generator-column-indicator-label').click()
+          // The modal should be open
+          cy.get('.table-generator-width-modal')
+            .as('modal')
+            .should('be.visible')
+          cy.get('@modal')
+            .findAllByLabelText(/Length unit/)
+            .first()
+            .should('have.value', expectedUnit)
+          cy.get('@modal').findByText('Cancel').click()
+        }
+      )
+
+      it(`It can justify fixed width cells`, function () {
+        // Check that no column indicators exist
+        mountEditor(`
+        \\begin{tabular}{>{\\raggedright\\arraybackslash}p{2cm}c}
+        cell 1 & cell 2\\\\
+        cell 3 & cell 4 \\\\
+        \\end{tabular}`)
+        // Activate the table
+        cy.get('.table-generator-cell').eq(0).click()
+        cy.get('.table-generator-floating-toolbar')
+          .as('toolbar')
+          .should('exist')
+        // Select the first column
+        cy.get('.column-selector').first().click()
+        // Verify current alignment is left, and open the menu
+        cy.get('@toolbar')
+          .findByLabelText('Alignment')
+          .should('not.be.disabled')
+          .should('contain.text', 'format_align_left')
+          .click()
+        // Change to justified alignment
+        cy.get('.table-generator').findByLabelText('Justify').click()
+        // Verify that alignment icon and class alignments were updated
+        cy.get('@toolbar')
+          .findByLabelText('Alignment')
+          .should('contain.text', 'format_align_justify')
+        cy.get('.table-generator-cell')
+          .eq(0)
+          .should('have.class', 'alignment-paragraph')
+        cy.get('.table-generator-cell')
+          .eq(1)
+          .should('have.class', 'alignment-center')
+        cy.get('.table-generator-cell')
+          .eq(2)
+          .should('have.class', 'alignment-paragraph')
+        cy.get('.table-generator-cell')
+          .eq(3)
+          .should('have.class', 'alignment-center')
+      })
+    })
+  })
+
+  describe('Tabular interactions', function () {
+    it('Can type into cells', function () {
+      mountEditor(`
+      \\begin{tabular}{cccc}
+        cell 1 & cell 2 & cell 3 & cell 4\\\\
+        cell 5 & \\multicolumn{2}{c}cell 6} & cell 7 \\\\
+      \\end{tabular}`)
+
+      cy.get('.table-generator-cell').eq(0).as('cell-1')
+      cy.get('.table-generator-cell').eq(5).as('cell-6')
+
+      // Escape should cancel editing
+      cy.get('@cell-1').type('foo{Esc}')
+      cy.get('@cell-1').should('have.text', 'cell 1')
+
+      // Enter should commit change. Direct typing should override the current contents
+      cy.get('@cell-1').type('foo{Enter}')
+      cy.get('@cell-1').should('have.text', 'foo')
+
+      // Enter should start editing at the end of current text
+      cy.get('@cell-1').type('{Enter}')
+      cy.get('@cell-1').find('textarea').should('exist')
+      cy.get('@cell-1').type('bar{Enter}')
+      cy.get('@cell-1').should('have.text', 'foobar')
+
+      // Double clicking should start editing at the end of current text
+      cy.get('@cell-1').dblclick()
+      cy.get('@cell-1').find('textarea').should('exist')
+      cy.get('@cell-1').type('baz{Enter}')
+      cy.get('@cell-1').should('have.text', 'foobarbaz')
+
+      cy.get('@cell-1').type('{Backspace}')
+      cy.get('@cell-1').should('have.text', '')
+
+      // Typing also works for multicolumn cells
+      cy.get('@cell-6').type('foo{Enter}')
+      checkTable([
+        ['', 'cell 2', 'cell 3', 'cell 4'],
+        ['cell 5', { text: 'foo', colspan: 2 }, 'cell 7'],
+      ])
+    })
+
+    it('Can paste tabular data into cells', function () {
+      mountEditor(`
+      \\begin{tabular}{cc }
+        cell 1 & cell 2\\\\
+        cell 3 & cell 4 \\\\
+      \\end{tabular}`)
+      cy.get('.table-generator-cell').eq(0).as('cell-1')
+      // TODO: Seems as cypress can't access clipboard, so we can't test copying
+      cy.get('@cell-1').click()
+      const clipboardData = new DataTransfer()
+      clipboardData.setData('text/plain', 'foo\tbar\nbaz\tqux')
+      cy.get('@cell-1').trigger('paste', { clipboardData })
+      checkTable([
+        ['foo', 'bar'],
+        ['baz', 'qux'],
+      ])
+    })
+
+    it('Can navigate cells with keyboard', function () {
+      mountEditor(`
+      \\begin{tabular}{cc }
+        cell 1 & cell 2\\\\
+        cell 3 & cell 4 \\\\
+      \\end{tabular}`)
+      cy.get('.table-generator-cell').eq(0).as('cell-1')
+      cy.get('.table-generator-cell').eq(1).as('cell-2')
+      cy.get('.table-generator-cell').eq(2).as('cell-3')
+      cy.get('.table-generator-cell').eq(3).as('cell-4')
+
+      // Arrow key navigation
+      cy.get('@cell-1').click()
+      cy.get('@cell-1').type('{rightarrow}')
+      cy.get('@cell-2').should('have.focus').should('have.class', 'selected')
+      cy.get('@cell-2').type('{leftarrow}')
+      cy.get('@cell-1').should('have.focus').should('have.class', 'selected')
+      cy.get('@cell-1').type('{downarrow}')
+      cy.get('@cell-3').should('have.focus').should('have.class', 'selected')
+      cy.get('@cell-3').type('{rightarrow}')
+      cy.get('@cell-4').should('have.focus').should('have.class', 'selected')
+      cy.get('@cell-4').type('{uparrow}')
+      cy.get('@cell-2').should('have.focus').should('have.class', 'selected')
+      cy.get('@cell-2').type('{leftarrow}')
+      cy.get('@cell-1').should('have.focus').should('have.class', 'selected')
+
+      // Tab navigation
+      cy.get('@cell-1').tab()
+      cy.get('@cell-2').should('have.focus').should('have.class', 'selected')
+      cy.get('@cell-2').tab()
+      cy.get('@cell-3').should('have.focus').should('have.class', 'selected')
+      cy.get('@cell-3').tab()
+      cy.get('@cell-4').should('have.focus').should('have.class', 'selected')
+      cy.get('@cell-4').tab({ shift: true })
+      cy.get('@cell-3').should('have.focus').should('have.class', 'selected')
+      cy.get('@cell-3').tab({ shift: true })
+      cy.get('@cell-2').should('have.focus').should('have.class', 'selected')
+      cy.get('@cell-2').tab({ shift: true })
+      cy.get('@cell-1').should('have.focus').should('have.class', 'selected')
+      // Tabbing when editing a cell should commit change and move to next cell
+      cy.get('@cell-1').type('foo')
+      cy.get('@cell-1').tab()
+      cy.get('@cell-2').should('have.focus').should('have.class', 'selected')
+      cy.get('@cell-1').should('have.text', 'foo')
+    })
+
+    it('Can select rows and columns with selectors', function () {
+      mountEditor(`
+\\begin{tabular}{cc }
+  cell 1 & cell 2\\\\
+  cell 3 & cell 4 \\\\
+\\end{tabular}`)
+      cy.get('.table-generator-cell').eq(0).as('cell-1')
+      cy.get('.table-generator-cell').eq(1).as('cell-2')
+      cy.get('.table-generator-cell').eq(2).as('cell-3')
+      cy.get('.table-generator-cell').eq(3).as('cell-4')
+
+      cy.get('.column-selector').eq(0).click()
+      cy.get('@cell-1').should('have.class', 'selected')
+      cy.get('@cell-2').should('not.have.class', 'selected')
+      cy.get('@cell-3').should('have.class', 'selected')
+      cy.get('@cell-4').should('not.have.class', 'selected')
+      cy.get('.column-selector').eq(1).click()
+      cy.get('@cell-1').should('not.have.class', 'selected')
+      cy.get('@cell-2').should('have.class', 'selected')
+      cy.get('@cell-3').should('not.have.class', 'selected')
+      cy.get('@cell-4').should('have.class', 'selected')
+      cy.get('.column-selector').eq(0).click({ shiftKey: true })
+      cy.get('@cell-1').should('have.class', 'selected')
+      cy.get('@cell-2').should('have.class', 'selected')
+      cy.get('@cell-3').should('have.class', 'selected')
+      cy.get('@cell-4').should('have.class', 'selected')
+
+      cy.get('.row-selector').eq(0).click()
+      cy.get('@cell-1').should('have.class', 'selected')
+      cy.get('@cell-2').should('have.class', 'selected')
+      cy.get('@cell-3').should('not.have.class', 'selected')
+      cy.get('@cell-4').should('not.have.class', 'selected')
+      cy.get('.row-selector').eq(1).click()
+      cy.get('@cell-1').should('not.have.class', 'selected')
+      cy.get('@cell-2').should('not.have.class', 'selected')
+      cy.get('@cell-3').should('have.class', 'selected')
+      cy.get('@cell-4').should('have.class', 'selected')
+      cy.get('.row-selector').eq(0).click({ shiftKey: true })
+      cy.get('@cell-1').should('have.class', 'selected')
+      cy.get('@cell-2').should('have.class', 'selected')
+      cy.get('@cell-3').should('have.class', 'selected')
+      cy.get('@cell-4').should('have.class', 'selected')
+    })
+
+    it('Allow compilation shortcuts to work', function () {
+      mountEditor(`
+\\begin{tabular}{cc }
+cell 1 & cell 2\\\\
+cell 3 & cell 4 \\\\
+\\end{tabular}`)
+      cy.get('.table-generator-cell').eq(0).as('cell-1').click()
+      cy.get('@cell-1').type('{ctrl}{enter}')
+      cy.wait('@compile')
+      cy.get('@cell-1').type('foo{ctrl}{enter}')
+      cy.wait('@compile')
+      cy.get('@cell-1').type('{esc}')
+      cy.get('@cell-1').type('{ctrl}{s}')
+      cy.wait('@compile')
+      cy.get('@cell-1').type('foo{ctrl}{s}')
+      cy.wait('@compile')
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-command-tooltip.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-command-tooltip.spec.tsx
new file mode 100644
index 0000000..28f1363
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-command-tooltip.spec.tsx
@@ -0,0 +1,191 @@
+import { EditorProviders } from '../../../helpers/editor-providers'
+import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
+import { mockScope } from '../helpers/mock-scope'
+import { TestContainer } from '../helpers/test-container'
+
+const mountEditor = (content: string) => {
+  const scope = mockScope(content)
+  scope.editor.showVisual = true
+
+  cy.mount(
+    <TestContainer>
+      <EditorProviders scope={scope}>
+        <CodemirrorEditor />
+      </EditorProviders>
+    </TestContainer>
+  )
+
+  // wait for the content to be parsed and revealed
+  cy.get('.cm-content').should('have.css', 'opacity', '1')
+}
+
+describe('<CodeMirrorEditor/> command tooltip in Visual mode', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    cy.interceptEvents()
+    cy.interceptMetadata()
+  })
+
+  it('shows a tooltip for \\href', function () {
+    const content = [
+      '\\documentclass{article}',
+      '\\usepackage{hyperref}',
+      '\\begin{document}',
+      '',
+      '\\end{document}',
+    ].join('\n')
+    mountEditor(content)
+
+    cy.window().then(win => {
+      cy.stub(win, 'open').as('window-open')
+    })
+
+    // wait for preamble to be escaped
+    cy.get('.cm-line').eq(0).should('have.text', '')
+
+    // enter the command
+    cy.get('.cm-line').eq(0).as('content-line')
+    cy.get('@content-line').type('\\href{{}}{{}foo')
+    cy.get('@content-line').should('have.text', '{foo}')
+
+    // enter the URL in the tooltip form
+    cy.findByLabelText('URL').type('https://example.com')
+
+    // open the link
+    cy.findByRole('button', { name: 'Go to page' }).click()
+    cy.get('@window-open').should(
+      'have.been.calledWithMatch',
+      Cypress.sinon.match.has('href', 'https://example.com/'),
+      '_blank'
+    )
+
+    // remove the link
+    cy.findByRole('menu').should('have.length', 1)
+    cy.findByRole('button', { name: 'Remove link' }).click()
+    cy.findByRole('menu').should('have.length', 0)
+    cy.get('@content-line').should('have.text', 'foo')
+  })
+
+  it('can navigate the \\href tooltip using the keyboard', function () {
+    const content = [
+      '\\documentclass{article}',
+      '\\usepackage{hyperref}',
+      '\\begin{document}',
+      '',
+      '\\end{document}',
+    ].join('\n')
+    mountEditor(content)
+
+    // wait for preamble to be escaped
+    cy.get('.cm-line').eq(0).should('have.text', '')
+
+    // enter the command
+    cy.get('.cm-line').eq(0).as('content-line')
+    cy.get('@content-line').type('\\href{{}}{{}foo')
+
+    // into tooltip URL form input
+    cy.tab()
+    // down to first button
+    cy.tab()
+    // back into tooltip URL form input
+    cy.tab({ shift: true })
+    // back into document
+    cy.tab({ shift: true })
+
+    // close the tooltip
+    cy.get('@content-line').trigger('keydown', { key: 'Escape' })
+    cy.findByRole('menu').should('have.length', 0)
+  })
+
+  it('shows a tooltip for \\url', function () {
+    mountEditor('')
+
+    cy.window().then(win => {
+      cy.stub(win, 'open').as('window-open')
+    })
+
+    // enter the command and URL
+    cy.get('.cm-line').eq(0).as('content-line')
+    cy.get('@content-line').type('\\url{{}https://example.com')
+    cy.get('@content-line').should('have.text', '{https://example.com}')
+
+    // open the link
+    cy.findByRole('button', { name: 'Go to page' }).click()
+    cy.get('@window-open').should(
+      'have.been.calledWithMatch',
+      Cypress.sinon.match.has('href', 'https://example.com/'),
+      '_blank'
+    )
+  })
+
+  it('shows a tooltip for \\include', function () {
+    mountEditor('')
+
+    // enter the command and file name
+    cy.get('.cm-line').eq(0).as('content-line')
+    cy.get('@content-line').type('\\include{{}foo')
+
+    // assert the focused command is undecorated
+    cy.get('@content-line').should('have.text', '\\include{foo}')
+
+    cy.contains('figures/foo.tex').click()
+    cy.get('@content-line').should('have.text', '\\include{figures/foo}')
+    cy.get('@content-line').type('{leftArrow}')
+
+    // assert the unfocused command has a menu
+    cy.findByRole('menu').should('have.length', 1)
+    cy.findByText('Edit file')
+
+    // assert the unfocused command is decorated
+    cy.get('@content-line').type('{downArrow}')
+    cy.findByRole('menu').should('have.length', 0)
+    cy.get('@content-line').should('have.text', '\\include{figures/foo}')
+  })
+
+  it('shows a tooltip for \\input', function () {
+    mountEditor('')
+
+    // enter the command and file name
+    cy.get('.cm-line').eq(0).as('content-line')
+    cy.get('@content-line').type('\\input{{}foo')
+
+    // assert the focused command is undecorated
+    cy.get('@content-line').should('have.text', '\\input{foo}')
+
+    cy.contains('figures/foo.tex').click()
+    cy.get('@content-line').should('have.text', '\\input{figures/foo}')
+    cy.get('@content-line').type('{leftArrow}')
+
+    // open the target
+    cy.findByRole('menu').should('have.length', 1)
+    cy.findByRole('button', { name: 'Edit file' })
+
+    // assert the unfocused command is decorated
+    cy.get('@content-line').type('{downArrow}')
+    cy.findByRole('menu').should('have.length', 0)
+    cy.get('@content-line').should('have.text', '\\input{figures/foo}')
+  })
+
+  it('shows a tooltip for \\ref', function () {
+    const content = ['\\section{Foo} \\label{sec:foo}', ''].join('\n')
+
+    mountEditor(content)
+
+    // assert the unfocused label is decorated
+    cy.get('.cm-line').eq(0).as('heading-line')
+    cy.get('@heading-line').should('have.text', '{Foo} 🏷sec:foo')
+
+    // enter the command and cross-reference label
+    cy.get('.cm-line').eq(1).as('content-line')
+    cy.get('@content-line').type('\\ref{{}sec:foo')
+    cy.get('@content-line').should('have.text', '🏷{sec:foo}')
+
+    // open the target
+    cy.findByRole('menu').should('have.length', 1)
+    cy.findByRole('button', { name: 'Go to target' }).click()
+    cy.findByRole('menu').should('have.length', 0)
+
+    // assert the focused label is undecorated
+    cy.get('@heading-line').should('have.text', 'Foo \\label{sec:foo}')
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-floats.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-floats.spec.tsx
new file mode 100644
index 0000000..0e40641
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-floats.spec.tsx
@@ -0,0 +1,63 @@
+import { EditorProviders } from '../../../helpers/editor-providers'
+import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
+import { mockScope } from '../helpers/mock-scope'
+import { TestContainer } from '../helpers/test-container'
+
+const mountEditor = (content: string) => {
+  const scope = mockScope(content)
+  scope.editor.showVisual = true
+
+  cy.mount(
+    <TestContainer>
+      <EditorProviders scope={scope}>
+        <CodemirrorEditor />
+      </EditorProviders>
+    </TestContainer>
+  )
+
+  // wait for the content to be parsed and revealed
+  cy.get('.cm-content').should('have.css', 'opacity', '1')
+}
+
+describe('<CodeMirrorEditor/> floats', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    cy.interceptEvents()
+  })
+
+  it('decorates a caption', function () {
+    mountEditor('\n\\caption{Foo}\n')
+    cy.get('.cm-line').eq(2).click()
+    cy.get('.cm-content').should('have.text', 'Foo')
+  })
+
+  it('decorates a caption in a figure', function () {
+    mountEditor('\\begin{figure}\n\\caption{Foo}\n\\end{figure}\n')
+    cy.get('.cm-line').eq(3).click()
+    cy.get('.cm-content').should('have.text', 'Foo')
+  })
+
+  it('decorates a caption in a table', function () {
+    mountEditor('\\begin{table}\n\\caption{Foo}\n\\end{table}\n')
+    cy.get('.cm-line').eq(3).click()
+    cy.get('.cm-content').should('have.text', 'Foo')
+  })
+
+  it('decorates a starred caption', function () {
+    mountEditor('\n\\caption*{Foo}\n')
+    cy.get('.cm-line').eq(2).click()
+    cy.get('.cm-content').should('have.text', 'Foo')
+  })
+
+  it('decorates a starred figure', function () {
+    mountEditor('\\begin{figure*}\n\\caption{Foo}\n\\end{figure*}\n')
+    cy.get('.cm-line').eq(3).click()
+    cy.get('.cm-content').should('have.text', 'Foo')
+  })
+
+  it('decorates a starred table', function () {
+    mountEditor('\\begin{table*}\n\\caption{Foo}\n\\end{table*}\n')
+    cy.get('.cm-line').eq(3).click()
+    cy.get('.cm-content').should('have.text', 'Foo')
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-list.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-list.spec.tsx
new file mode 100644
index 0000000..f2ae1df
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-list.spec.tsx
@@ -0,0 +1,314 @@
+import { EditorProviders } from '../../../helpers/editor-providers'
+import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
+import { mockScope } from '../helpers/mock-scope'
+import { TestContainer } from '../helpers/test-container'
+import { isMac } from '@/shared/utils/os'
+
+const mountEditor = (content: string) => {
+  const scope = mockScope(content)
+  scope.editor.showVisual = true
+
+  cy.mount(
+    <TestContainer>
+      <EditorProviders scope={scope}>
+        <CodemirrorEditor />
+      </EditorProviders>
+    </TestContainer>
+  )
+
+  // wait for the content to be parsed and revealed
+  cy.get('.cm-content').should('have.css', 'opacity', '1')
+}
+
+describe('<CodeMirrorEditor/> lists in Rich Text mode', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    cy.interceptEvents()
+  })
+
+  it('creates a nested list inside an unindented list', function () {
+    const content = [
+      '\\begin{itemize}',
+      '\\item Test',
+      '\\item Test',
+      '\\end{itemize}',
+    ].join('\n')
+    mountEditor(content)
+
+    // create a nested list
+    cy.get('.cm-line')
+      .eq(1)
+      .type(isMac ? '{cmd}]' : '{ctrl}]')
+
+    cy.get('.cm-content').should('have.text', [' Test', ' Test'].join(''))
+  })
+
+  it('creates a nested list inside an indented list', function () {
+    const content = [
+      '\\begin{itemize}',
+      '  \\item Test',
+      '  \\item Test',
+      '\\end{itemize}',
+    ].join('\n')
+    mountEditor(content)
+
+    // create a nested list
+    cy.get('.cm-line')
+      .eq(1)
+      .type(isMac ? '{cmd}]' : '{ctrl}]')
+
+    cy.get('.cm-content').should('have.text', [' Test', ' Test'].join(''))
+  })
+
+  it('creates a nested list on Tab at the start of an item', function () {
+    const content = [
+      '\\begin{itemize}',
+      '\\item Test',
+      '\\item Test',
+      '\\end{itemize}',
+    ].join('\n')
+    mountEditor(content)
+
+    // move to the start of the item and press Tab
+    cy.get('.cm-line').eq(1).as('line')
+    cy.get('@line').click()
+    cy.get('@line').type('{leftArrow}'.repeat(4))
+    cy.get('@line').trigger('keydown', {
+      key: 'Tab',
+    })
+
+    cy.get('.cm-content').should('have.text', [' Test', ' Test'].join(''))
+  })
+
+  it('does not creates a nested list on Tab when not at the start of an item', function () {
+    const content = [
+      '\\begin{itemize}',
+      '\\item Test',
+      '\\item Test',
+      '\\end{itemize}',
+    ].join('\n')
+    mountEditor(content)
+
+    // focus a line (at the end of a list item) and press Tab
+    cy.get('.cm-line').eq(2).click()
+    cy.get('.cm-line').eq(1).trigger('keydown', {
+      key: 'Tab',
+    })
+
+    cy.get('.cm-content').should('have.text', [' Test', ' Test  '].join(''))
+  })
+
+  it('removes a nested list on Shift-Tab', function () {
+    const content = [
+      '\\begin{itemize}',
+      '\\item Test',
+      '\\item Test',
+      '\\end{itemize}',
+    ].join('\n')
+    mountEditor(content)
+
+    // move to the start of the list item and press Tab
+    cy.get('.cm-line').eq(1).as('line')
+    cy.get('@line').click()
+    cy.get('@line').type('{leftArrow}'.repeat(4))
+    cy.get('@line').trigger('keydown', {
+      key: 'Tab',
+    })
+
+    cy.get('.cm-content').should('have.text', [' Test', ' Test'].join(''))
+
+    // focus the indented line and press Shift-Tab
+    cy.get('.cm-line').eq(1).trigger('keydown', {
+      key: 'Tab',
+      shiftKey: true,
+    })
+
+    cy.get('.cm-content').should('have.text', [' Test', ' Test'].join(''))
+  })
+
+  it('does not remove a top-level nested list on Shift-Tab', function () {
+    const content = [
+      '\\begin{itemize}',
+      '\\item Test',
+      '\\item Test',
+      '\\end{itemize}',
+    ].join('\n')
+    mountEditor(content)
+
+    // focus a list item and press Shift-Tab
+    cy.get('.cm-line').eq(2).click()
+    cy.get('.cm-line').eq(1).trigger('keydown', {
+      key: 'Tab',
+      shiftKey: true,
+    })
+
+    cy.get('.cm-content').should('have.text', [' Test', ' Test'].join(''))
+  })
+
+  it('handles up arrow at the start of a list item', function () {
+    const content = [
+      '\\begin{itemize}',
+      '\\item One',
+      '\\item Two',
+      '\\end{itemize}',
+    ].join('\n')
+    mountEditor(content)
+
+    cy.get('.cm-line').eq(1).as('line')
+    cy.get('@line').click()
+    cy.get('@line').type('{leftArrow}'.repeat(3)) // to the start of the item
+    cy.get('@line').type('{upArrow}{Shift}{rightArrow}{rightArrow}{rightArrow}') // up and extend to the end of the item
+
+    cy.window().should(win => {
+      expect(win.getSelection()?.toString()).to.equal('One')
+    })
+  })
+
+  it('handles up arrow at the start of an indented list item', function () {
+    const content = [
+      '\\begin{itemize}',
+      '    \\item One',
+      '    \\item Two',
+      '\\end{itemize}',
+    ].join('\n')
+    mountEditor(content)
+
+    cy.get('.cm-line').eq(1).as('line')
+    cy.get('@line').click()
+    cy.get('@line').type('{leftArrow}'.repeat(3)) // to the start of the item
+    cy.get('@line').type('{upArrow}{Shift}{rightArrow}{rightArrow}{rightArrow}') // up and extend to the end of the item
+
+    cy.window().should(win => {
+      expect(win.getSelection()?.toString()).to.equal('One')
+    })
+  })
+
+  it('handles keyboard navigation around a list', function () {
+    const content = [
+      '',
+      '\\begin{itemize}',
+      '\\item One',
+      '\\item Two',
+      '\\end{itemize}',
+      '',
+    ].join('\n')
+    mountEditor(content)
+
+    cy.get('.cm-line').eq(0).as('line')
+    cy.get('@line').click('left')
+    cy.get('@line').type(
+      '{downArrow}'.repeat(2) + // down to the second list item
+        '{rightArrow}'.repeat(2) + // along a few characters
+        '{upArrow}'.repeat(1) + // up to the first list item
+        '{rightArrow}'.repeat(2) + // along to the start of the second list item
+        '{shift}' + // start extending the selection
+        '{rightArrow}'.repeat(3) // cover the word
+    )
+
+    cy.window().should(win => {
+      expect(win.getSelection()?.toString()).to.equal('Two')
+    })
+  })
+
+  it('positions the cursor after creating a new line with leading whitespace', function () {
+    const content = [
+      '\\begin{itemize}',
+      '\\item foo bar',
+      '\\end{itemize}',
+    ].join('\n')
+    mountEditor(content)
+
+    cy.get('.cm-line').eq(1).click()
+    cy.get('.cm-line').eq(0).type('{leftArrow}'.repeat(4))
+    cy.get('.cm-line').eq(0).type('{enter}baz')
+
+    cy.get('.cm-content').should('have.text', [' foo', ' bazbar'].join(''))
+  })
+
+  it('handles Enter in an empty list item at the end of a top-level list', function () {
+    const content = [
+      '\\begin{itemize}',
+      '\\item foo',
+      '\\item ',
+      '\\end{itemize}',
+      '',
+    ].join('\n')
+    mountEditor(content)
+
+    cy.get('.cm-line').eq(2).click()
+    cy.focused().type('{enter}')
+
+    cy.get('.cm-content').should('have.text', [' foo'].join(''))
+  })
+
+  it('handles Enter in an empty list item at the end of a nested list', function () {
+    const content = [
+      '\\begin{itemize}',
+      '\\item foo bar',
+      '\\begin{itemize}',
+      '\\item baz',
+      '\\item ',
+      '\\end{itemize}',
+      '\\end{itemize}',
+    ].join('\n')
+    mountEditor(content)
+
+    cy.get('.cm-line').eq(3).click()
+    cy.focused().type('{enter}')
+
+    cy.get('.cm-content').should(
+      'have.text',
+      [' foo', ' bar', ' baz', ' '].join('')
+    )
+  })
+
+  it('handles Enter in an empty list item at the end of a nested list with subsequent items', function () {
+    const content = [
+      '\\begin{itemize}',
+      '\\item foo bar',
+      '\\begin{itemize}',
+      '\\item baz',
+      '\\item ',
+      '\\end{itemize}',
+      '\\item test',
+      '\\end{itemize}',
+    ].join('\n')
+    mountEditor(content)
+
+    cy.get('.cm-line').eq(3).click()
+    cy.focused().type('{enter}')
+
+    cy.get('.cm-content').should(
+      'have.text',
+      [' foo', ' bar', ' baz', ' ', ' test'].join('')
+    )
+  })
+
+  it('decorates a description list', function () {
+    const content = [
+      '\\begin{description}',
+      '\\item[foo] Bar',
+      '\\item Test',
+      '\\end{description}',
+    ].join('\n')
+    mountEditor(content)
+
+    cy.get('.cm-line').eq(1).click()
+
+    cy.get('.cm-content').should('have.text', ['foo Bar', 'Test'].join(''))
+
+    cy.get('.cm-line').eq(1).type('{Enter}baz')
+
+    cy.get('.cm-content').should(
+      'have.text',
+      ['foo Bar', 'Test', '[baz] '].join('')
+    )
+
+    cy.get('.cm-line').eq(2).type('{rightArrow}{rightArrow}Test')
+
+    cy.get('.cm-content').should(
+      'have.text',
+      ['foo Bar', 'Test', 'baz Test'].join('')
+    )
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-paste-html.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-paste-html.spec.tsx
new file mode 100644
index 0000000..450af37
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-paste-html.spec.tsx
@@ -0,0 +1,802 @@
+import { EditorProviders } from '../../../helpers/editor-providers'
+import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
+import { mockScope } from '../helpers/mock-scope'
+import { TestContainer } from '../helpers/test-container'
+
+const menuIconsText = 'content_copyexpand_more'
+
+const mountEditor = (content = '') => {
+  const scope = mockScope(content)
+  scope.editor.showVisual = true
+
+  cy.mount(
+    <TestContainer>
+      <EditorProviders scope={scope}>
+        <CodemirrorEditor />
+      </EditorProviders>
+    </TestContainer>
+  )
+
+  // wait for the content to be parsed and revealed
+  cy.get('.cm-content').as('content')
+  cy.get('@content').should('have.css', 'opacity', '1')
+}
+
+describe('<CodeMirrorEditor/> paste HTML in Visual mode', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    cy.interceptEvents()
+  })
+
+  it('handles paste', function () {
+    mountEditor()
+
+    const data = 'foo'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.spy(clipboardData, 'getData').as('get-data')
+    cy.get('@content').trigger('paste', { clipboardData })
+    cy.get('@content').type('{esc}')
+
+    cy.get('@content').should('have.text', 'foo' + menuIconsText)
+    cy.get('@get-data').should('have.been.calledTwice')
+    cy.get('@get-data').should('have.been.calledWithExactly', 'text/html')
+    cy.get('@get-data').should('have.been.calledWithExactly', 'text/plain')
+  })
+
+  it('handles a pasted bullet list', function () {
+    mountEditor()
+
+    const data = '<ul><li>foo</li><li>bar</li></ul>'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', ' foo bar' + menuIconsText)
+    cy.get('.ol-cm-item').should('have.length', 2)
+  })
+
+  it('handles a pasted numbered list', function () {
+    mountEditor()
+
+    const data = '<ol><li>foo</li><li>bar</li></ol>'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', ' foo bar' + menuIconsText)
+    cy.get('.ol-cm-item').should('have.length', 2)
+  })
+
+  it('handles a pasted nested bullet list', function () {
+    mountEditor()
+
+    const data =
+      '<ul><li>foo</li><li><ul><li>bar</li><li>baz</li></ul></li></ul>'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', ' foo  bar baz' + menuIconsText)
+    cy.get('.ol-cm-item').should('have.length', 4)
+    cy.get('.cm-line').should('have.length', 6)
+  })
+
+  it('handles a pasted nested numbered list', function () {
+    mountEditor()
+
+    const data =
+      '<ol><li>foo</li><li><ol><li>bar</li><li>baz</li></ol></li></ol>'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', ' foo  bar baz' + menuIconsText)
+    cy.get('.ol-cm-item').should('have.length', 4)
+    cy.get('.cm-line').should('have.length', 6)
+  })
+
+  it('removes a solitary item from a list', function () {
+    mountEditor()
+
+    const data = '<ul><li>foo</li></ul>'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foo' + menuIconsText)
+    cy.get('.ol-cm-item').should('have.length', 0)
+  })
+
+  it('handles a pasted table', function () {
+    mountEditor()
+
+    const data =
+      '<table><tbody><tr><td>foo</td><td>bar</td></tr></tbody></table>'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foobar' + menuIconsText)
+    cy.get('.table-generator-cell').should('have.length', 2)
+  })
+
+  it('handles a pasted table with cell borders', function () {
+    mountEditor()
+
+    const data =
+      '<table><tbody><tr><td style="border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black">foo</td><td style="border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black">bar</td></tr></tbody></table>'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foobar' + menuIconsText)
+    cy.get('.table-generator-cell').should('have.length', 2)
+    cy.get('.table-generator-cell-border-left').should('have.length', 1)
+    cy.get('.table-generator-cell-border-right').should('have.length', 2)
+    cy.get('.table-generator-row-border-top').should('have.length', 2)
+    cy.get('.table-generator-row-border-bottom').should('have.length', 2)
+  })
+
+  it('handles a pasted table with row borders', function () {
+    mountEditor()
+
+    const data =
+      '<table><tbody><tr style="border-top:1px solid black;border-bottom:1px solid black"><td>foo</td><td>bar</td></tr></tbody></table>'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foobar' + menuIconsText)
+    cy.get('.table-generator-cell').should('have.length', 2)
+    cy.get('.table-generator-cell-border-left').should('have.length', 0)
+    cy.get('.table-generator-cell-border-right').should('have.length', 0)
+    cy.get('.table-generator-row-border-top').should('have.length', 2)
+    cy.get('.table-generator-row-border-bottom').should('have.length', 2)
+  })
+
+  it('handles a pasted table with adjacent borders', function () {
+    mountEditor()
+
+    const data = [
+      '<table><tbody>',
+      '<tr><td style="border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black">foo</td><td style="border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black">bar</td></tr>',
+      '<tr><td style="border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black">foo</td><td style="border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black">bar</td></tr>',
+      '<tr><td style="border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black">foo</td><td style="border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black">bar</td></tr>',
+      '</tbody></table>',
+    ].join('\n')
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foobarfoobarfoobar' + menuIconsText)
+    cy.get('.table-generator-cell').should('have.length', 6)
+    cy.get('.table-generator-cell-border-left').should('have.length', 3)
+    cy.get('.table-generator-cell-border-right').should('have.length', 6)
+    cy.get('.table-generator-row-border-top').should('have.length', 6)
+    cy.get('.table-generator-row-border-bottom').should('have.length', 2)
+  })
+
+  it('handles a pasted table with alignment', function () {
+    mountEditor()
+
+    const data =
+      '<table><tbody><tr><td>foo</td><td style="text-align:left">foo</td><td style="text-align:center">foo</td><td style="text-align:right">foo</td><td style="text-align:justify">foo</td></tr></tbody></table>'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foofoofoofoofoo' + menuIconsText)
+    cy.get('.table-generator-cell').should('have.length', 5)
+    cy.get('.table-generator-cell.alignment-left').should('have.length', 3)
+    cy.get('.table-generator-cell.alignment-center').should('have.length', 1)
+    cy.get('.table-generator-cell.alignment-right').should('have.length', 1)
+  })
+
+  it('handles a pasted table with merged columns', function () {
+    mountEditor()
+
+    const data = [
+      `<table><tbody>`,
+      `<tr><td>test</td><td>test</td><td>test</td></tr>`,
+      `<tr><td colspan="2">test</td><td>test</td></tr>`,
+      `<tr><td>test</td><td colspan="2" style="text-align:right">test</td></tr>`,
+      `</tbody></table>`,
+    ].join('')
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should(
+      'have.text',
+      'testtesttesttesttesttesttest' + menuIconsText
+    )
+    cy.get('.table-generator-cell').should('have.length', 7)
+    cy.get('.table-generator-cell[colspan="2"]').should('have.length', 2)
+  })
+
+  it('handles a pasted table with merged rows', function () {
+    mountEditor()
+
+    const data = [
+      `<table><tbody>`,
+      `<tr><td>test</td><td>test</td><td>test</td></tr>`,
+      `<tr><td rowspan="2">test</td><td>test</td><td>test</td></tr>`,
+      `<tr><td>test</td><td>test</td></tr>`,
+      `</tbody></table>`,
+    ].join('')
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should(
+      'have.text',
+      'testtesttest\\multirow{2}{*}{test}testtesttesttest' + menuIconsText
+    )
+    cy.get('.table-generator-cell').should('have.length', 9)
+  })
+
+  it('handles a pasted table with merged rows and columns', function () {
+    mountEditor()
+
+    const data = [
+      `<table><tbody>`,
+      `<tr><td colspan="2" rowspan="2">test</td><td>test</td></tr>`,
+      `<tr><td>test</td></tr>`,
+      `<tr><td>test</td><td>test</td><td>test</td></tr>`,
+      `</tbody></table>`,
+    ].join('')
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should(
+      'have.text',
+      '\\multirow{2}{*}{test}testtesttesttesttest' + menuIconsText
+    )
+    cy.get('.table-generator-cell').should('have.length', 8)
+    cy.get('.table-generator-cell[colspan="2"]').should('have.length', 1)
+  })
+
+  it('ignores rowspan="1" and colspan="1"', function () {
+    mountEditor()
+
+    const data = [
+      `<table><tbody>`,
+      `<tr><td colspan="1" rowspan="1">test</td><td>test</td><td>test</td></tr>`,
+      `<tr><td>test</td><td>test</td><td>test</td></tr>`,
+      `</tbody></table>`,
+    ].join('')
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should(
+      'have.text',
+      'testtesttesttesttesttest' + menuIconsText
+    )
+    cy.get('.table-generator-cell').should('have.length', 6)
+    cy.get('.table-generator-cell[colspan]').should('have.length', 0)
+  })
+
+  it('handles a pasted table with adjacent borders and merged cells', function () {
+    mountEditor()
+
+    const data = [
+      '<table><tbody>',
+      '<tr><td style="border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black" colspan="2">foo</td></tr>',
+      '<tr><td style="border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black">foo</td><td style="border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black">bar</td></tr>',
+      '<tr><td style="border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black">foo</td><td style="border-left:1px solid black;border-right:1px solid black;border-top:1px solid black;border-bottom:1px solid black">bar</td></tr>',
+      '</tbody></table>',
+    ].join('\n')
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foofoobarfoobar' + menuIconsText)
+    cy.get('.table-generator-cell').should('have.length', 5)
+    cy.get('.table-generator-cell[colspan="2"]').should('have.length', 1)
+    cy.get('.table-generator-cell-border-left').should('have.length', 2)
+    cy.get('.table-generator-cell-border-right').should('have.length', 4)
+    cy.get('.table-generator-row-border-top').should('have.length', 5)
+    cy.get('.table-generator-row-border-bottom').should('have.length', 2)
+  })
+
+  it('handles a pasted table with cell styles', function () {
+    mountEditor()
+
+    const data =
+      '<table><tbody><tr><td style="font-weight:bold">foo</td><td style="font-style:italic">bar</td><td style="font-style:italic;font-weight:bold">baz</td></tr></tbody></table>'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foobarbaz' + menuIconsText)
+    cy.findByText(/Sorry/).should('not.exist')
+    cy.get('td b').should('have.length', 2)
+    cy.get('td i').should('have.length', 2)
+  })
+
+  it('handles a pasted table with formatting markup', function () {
+    mountEditor()
+
+    const data =
+      '<table><tbody><tr>' +
+      '<td><b>foo</b></td>' +
+      '<td><i>bar</i></td>' +
+      '<td><b><i>baz</i></b></td>' +
+      '<td><i><b>buzz</b></i></td>' +
+      '<td><sup>up</sup></td>' +
+      '<td><sub>down</sub></td>' +
+      '</tr></tbody></table>'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should(
+      'have.text',
+      'foobarbazbuzzupdown' + menuIconsText
+    )
+    cy.findByText(/Sorry/).should('not.exist')
+    cy.get('td b').should('have.length', 3)
+    cy.get('td i').should('have.length', 3)
+    cy.get('td sup').should('have.length', 1)
+    cy.get('td sub').should('have.length', 1)
+  })
+
+  it('handles a pasted table with a caption', function () {
+    mountEditor()
+
+    const data =
+      '<table><caption>A table</caption><tbody><tr><td>foo</td><td>bar</td></tr></tbody></table>'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'A tablefoobar' + menuIconsText)
+    cy.get('.table-generator-cell').should('have.length', 2)
+    cy.get('.ol-cm-command-caption').should('have.length', 1)
+  })
+
+  it('handles a pasted link', function () {
+    mountEditor()
+
+    const data =
+      '<a href="https://example.com/?q=$foo_~bar&x=\\bar#fragment{y}%2">foo</a>'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', '{foo}' + menuIconsText)
+    cy.get('.ol-cm-command-href').should('have.length', 1)
+
+    cy.get('.cm-line').eq(0).type('{leftArrow}')
+    cy.findByLabelText('URL').should(
+      'have.value',
+      'https://example.com/?q=$foo_~bar&x=\\\\bar\\#fragment%7By%7D\\%2'
+    )
+    // TODO: assert that the "Go to page" link has been unescaped
+  })
+
+  it('handles pasted code in pre blocks', function () {
+    mountEditor()
+
+    const data = `test <pre><code>\\textbf{foo}</code></pre> <pre style="font-family: 'Lucida Console', monospace">\\textbf{foo}</pre> test`
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should(
+      'have.text',
+      'test \\textbf{foo}\\textbf{foo}test' + menuIconsText
+    )
+    cy.get('.ol-cm-environment-verbatim').should('have.length', 10)
+  })
+
+  it('handles a pasted blockquote', function () {
+    mountEditor()
+
+    const data = 'test <blockquote>foo</blockquote> test'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'test footest' + menuIconsText)
+    cy.get('.ol-cm-environment-quote').should('have.length', 5)
+
+    cy.get('.cm-line').eq(2).click()
+    cy.get('@content').should(
+      'have.text',
+      'test \\begin{quote}foo\\end{quote}test' + menuIconsText
+    )
+  })
+
+  it('handles pasted paragraphs', function () {
+    mountEditor()
+
+    const data = [
+      'test',
+      '<p>foo</p>',
+      '<p>bar</p>',
+      '<p>baz</p>',
+      'test',
+    ].join('\n')
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'test foobarbaztest' + menuIconsText)
+    cy.get('.cm-line').should('have.length', 7)
+  })
+
+  it('handles pasted paragraphs in list items and table cells', function () {
+    mountEditor()
+
+    const data = [
+      'test',
+      '<p>foo</p><p>bar</p><p>baz</p>',
+      '<ul><li><p>foo</p></li><li><p>foo</p></li></ul>',
+      '<ol><li><p>foo</p></li><li><p>foo</p></li></ol>',
+      '<table><tbody><tr><td><p>foo</p></td></tr></tbody></table>',
+      'test',
+    ].join('\n')
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should(
+      'have.text',
+      'test foobarbaz foo foo foo foofootest' + menuIconsText
+    )
+    cy.get('.cm-line').should('have.length', 14)
+  })
+
+  it('handles pasted inline code', function () {
+    mountEditor()
+
+    const data = 'test <code>foo</code> test'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'test foo test' + menuIconsText)
+    cy.get('.ol-cm-command-verb')
+      .should('have.length', 1)
+      .should('have.text', 'foo')
+  })
+
+  it('use text/plain for a wrapper code element', function () {
+    mountEditor()
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', '<code>foo</code>')
+    clipboardData.setData('text/plain', 'foo')
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foo')
+    cy.get('.ol-cm-command-verb').should('have.length', 0)
+  })
+
+  it('use text/plain for a code element in a pre element', function () {
+    mountEditor()
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', '<pre><code>foo</code></pre>')
+    clipboardData.setData('text/plain', 'foo')
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foo')
+    cy.get('.ol-cm-command-verb').should('have.length', 0)
+    cy.get('.ol-cm-environment-verbatim').should('have.length', 0)
+  })
+
+  it('use text/plain for a pre element with monospace font', function () {
+    mountEditor()
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData(
+      'text/html',
+      '<pre style="font-family:Courier,monospace">foo</pre>'
+    )
+    clipboardData.setData('text/plain', 'foo')
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foo')
+    cy.get('.ol-cm-command-verb').should('have.length', 0)
+    cy.get('.ol-cm-environment-verbatim').should('have.length', 0)
+  })
+
+  it('handles pasted text with formatting', function () {
+    mountEditor()
+
+    const data =
+      '<b>foo</b><sup>th</sup> <i>bar</i><sub>2</sub> baz <em>woo</em> <strong>woo</strong> woo'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should(
+      'have.text',
+      'footh bar2 baz woo woo woo' + menuIconsText
+    )
+    cy.get('.ol-cm-command-textbf').should('have.length', 2)
+    cy.get('.ol-cm-command-textit').should('have.length', 2)
+    cy.get('.ol-cm-command-textsuperscript').should('have.length', 1)
+    cy.get('.ol-cm-command-textsubscript').should('have.length', 1)
+  })
+
+  it('handles pasted text with bold CSS formatting', function () {
+    mountEditor()
+
+    const data =
+      '<span style="font-weight:bold">foo</span> <span style="font-weight:800">foo</span> foo'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foo foo foo' + menuIconsText)
+    cy.get('.ol-cm-command-textbf').should('have.length', 2)
+  })
+
+  it('handles pasted text with italic CSS formatting', function () {
+    mountEditor()
+
+    const data = '<span style="font-style:italic">foo</span> foo'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foo foo' + menuIconsText)
+    cy.get('.ol-cm-command-textit').should('have.length', 1)
+  })
+
+  it('handles pasted text with non-bold CSS', function () {
+    mountEditor()
+
+    const data =
+      '<strong style="font-weight:normal">foo</strong> <strong style="font-weight:200">foo</strong> foo'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foo foo foo' + menuIconsText)
+    cy.get('.ol-cm-command-textbf').should('have.length', 0)
+  })
+
+  it('handles pasted text with non-italic CSS', function () {
+    mountEditor()
+
+    const data =
+      '<em style="font-style:normal">foo</em> <i style="font-style:normal">foo</i> foo'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foo foo foo' + menuIconsText)
+    cy.get('.ol-cm-command-textit').should('have.length', 0)
+  })
+
+  it('handles pasted elements with duplicate CSS formatting', function () {
+    mountEditor()
+
+    const data = [
+      '<strong style="font-weight:bold">foo</strong>',
+      '<b style="font-weight:bold">foo</b>',
+      '<em style="font-style:italic">foo</em>',
+      '<i style="font-style:italic">foo</i>',
+      'foo',
+    ].join(' ')
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('.ol-cm-command-textbf').should('have.length', 2)
+    cy.get('.ol-cm-command-textit').should('have.length', 2)
+  })
+
+  it('removes a non-breaking space when a text node contains no other content', function () {
+    mountEditor()
+
+    const data = 'foo<span>\xa0</span>bar'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foo bar' + menuIconsText)
+  })
+
+  it('does not remove a non-breaking space when a text node contains other content', function () {
+    mountEditor()
+
+    const data = 'foo\xa0bar'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foo bar' + menuIconsText)
+  })
+
+  it('removes all zero-width spaces', function () {
+    mountEditor()
+
+    const data = 'foo\u200bbar'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foobar' + menuIconsText)
+  })
+
+  it('ignores HTML pasted from VS Code', function () {
+    mountEditor()
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', '<b>foo</b>')
+    clipboardData.setData('text/plain', 'foo')
+    clipboardData.setData('application/vnd.code.copymetadata', 'test')
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foo')
+    cy.get('.ol-cm-command-textbf').should('have.length', 0)
+  })
+
+  it('protects special characters', function () {
+    mountEditor()
+
+    const data = 'foo & bar~baz'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foo & bar~baz' + menuIconsText)
+    cy.get('.ol-cm-character').should('have.length', 2)
+  })
+
+  it('does not protect special characters in code blocks', function () {
+    mountEditor()
+
+    const data = 'foo & bar~baz <code>\\textbf{foo}</code>'
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should(
+      'have.text',
+      'foo & bar~baz \\verb|\\textbf{foo}|' + menuIconsText
+    )
+
+    cy.get('.cm-line').eq(0).type('{Enter}')
+    cy.get('@content').should('have.text', 'foo & bar~baz \\textbf{foo}')
+    cy.get('.ol-cm-character').should('have.length', 2)
+    cy.get('.ol-cm-command-verb').should('have.length', 1)
+  })
+
+  // FIXME: need to assert on source code
+  // eslint-disable-next-line mocha/no-skipped-tests
+  it.skip('tidies whitespace in pasted tables', function () {
+    mountEditor()
+
+    const data = `<table>
+ <tr>
+  <td>
+  <p><b>test</b></p>
+  </td>
+</tr>
+</table>`
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('.cm-line').should('have.length', 8)
+  })
+
+  it('tidies whitespace in pasted lists', function () {
+    mountEditor()
+
+    const data = `<ul>
+<li>  foo  </li>
+   <li>
+
+  <p>
+
+  <b>test</b></p>
+<p>test test test
+test test
+test test test</p>
+    </li>
+</ul>`
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('.cm-line').should('have.length', 6)
+    cy.get('@content').should(
+      'have.text',
+      ' foo  testtest test test test test test test test' + menuIconsText
+    )
+  })
+
+  it('collapses whitespace in adjacent inline elements', function () {
+    mountEditor()
+
+    const data = `<p><b> foo </b><span> test </span><i> bar </i> baz</p>`
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/html', data)
+    cy.get('@content').trigger('paste', { clipboardData })
+
+    cy.get('@content').should('have.text', 'foo test bar baz' + menuIconsText)
+  })
+
+  it('treats a pasted image as a figure even if there is HTML', function () {
+    mountEditor()
+
+    cy.fixture<Uint8Array>('images/gradient.png').then(image => {
+      const file = new File([image], 'gradient.png', { type: 'image/png' })
+      const html = `<meta charset="utf-8"><img src="https://example.com/gradient.png" alt="gradient">`
+
+      const clipboardData = new DataTransfer()
+      clipboardData.setData('text/html', html)
+      clipboardData.items.add(file)
+      cy.get('.cm-content').trigger('paste', { clipboardData })
+
+      // figure modal paste handler should appear
+      cy.findByText('Upload from computer').should('be.visible')
+    })
+  })
+
+  it('does not treat a pasted image as a figure if there is Office HTML', function () {
+    mountEditor()
+
+    cy.fixture<Uint8Array>('images/gradient.png').then(image => {
+      const file = new File([image], 'gradient.png', { type: 'image/png' })
+      const html = `<meta charset="utf-8"><meta name="ProgId" content="MS.Word"><img src="https://example.com/gradient.png" alt="gradient">`
+
+      const clipboardData = new DataTransfer()
+      clipboardData.setData('text/html', html)
+      clipboardData.items.add(file)
+      cy.get('.cm-content').trigger('paste', { clipboardData })
+
+      // paste options button should appear
+      cy.findByLabelText('Paste options').should('be.visible')
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-readonly.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-readonly.spec.tsx
new file mode 100644
index 0000000..c51ae8b
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-readonly.spec.tsx
@@ -0,0 +1,148 @@
+import { mockScope } from '../helpers/mock-scope'
+import { EditorProviders } from '../../../helpers/editor-providers'
+import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
+import { FC } from 'react'
+import { FileTreePathContext } from '@/features/file-tree/contexts/file-tree-path'
+import { TestContainer } from '../helpers/test-container'
+import { PermissionsContext } from '@/features/ide-react/context/permissions-context'
+
+const FileTreePathProvider: FC = ({ children }) => (
+  <FileTreePathContext.Provider
+    value={{
+      dirname: cy.stub(),
+      findEntityByPath: cy.stub(),
+      pathInFolder: cy.stub(),
+      previewByPath: cy
+        .stub()
+        .as('previewByPath')
+        .returns({ url: '/images/frog.jpg', extension: 'jpg' }),
+    }}
+  >
+    {children}
+  </FileTreePathContext.Provider>
+)
+
+const PermissionsProvider: FC = ({ children }) => (
+  <PermissionsContext.Provider
+    value={{
+      read: true,
+      comment: true,
+      resolveOwnComments: false,
+      resolveAllComments: false,
+      trackedWrite: false,
+      write: false,
+      admin: false,
+      labelVersion: false,
+    }}
+  >
+    {children}
+  </PermissionsContext.Provider>
+)
+
+const mountEditor = (content: string) => {
+  const scope = mockScope(content)
+  scope.permissions.write = false
+  scope.permissions.trackedWrite = false
+  scope.editor.showVisual = true
+
+  cy.mount(
+    <TestContainer>
+      <EditorProviders
+        scope={scope}
+        providers={{ FileTreePathProvider, PermissionsProvider }}
+      >
+        <CodemirrorEditor />
+      </EditorProviders>
+    </TestContainer>
+  )
+
+  // wait for the content to be parsed and revealed
+  cy.get('.cm-content').should('have.css', 'opacity', '1')
+}
+
+describe('<CodeMirrorEditor/> in Visual mode with read-only permission', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    cy.interceptMathJax()
+    cy.interceptEvents()
+    cy.interceptMetadata()
+  })
+
+  it('decorates footnote content', function () {
+    mountEditor('Foo \\footnote{Bar.} ')
+
+    // select the footnote, so it expands
+    cy.get('.ol-cm-footnote').click()
+
+    cy.get('.cm-line').eq(0).as('first-line')
+    cy.get('@first-line').should('contain', 'Foo')
+    cy.get('@first-line').should('contain', 'Bar')
+  })
+
+  it('does not display the table toolbar', function () {
+    mountEditor('\\begin{tabular}{c}\n    cell\n\\end{tabular}')
+
+    cy.get('.table-generator-floating-toolbar').should('not.exist')
+    cy.get('.table-generator-cell').click()
+    cy.get('.table-generator-floating-toolbar').should('not.exist')
+  })
+
+  it('does not enter a table cell on double-click', function () {
+    mountEditor('\\begin{tabular}{c}\n    cell\n\\end{tabular}\n\n')
+
+    cy.get('.table-generator-cell').dblclick()
+    cy.get('.table-generator-cell').get('textarea').should('not.exist')
+  })
+
+  it('does not enter a table cell on Enter', function () {
+    mountEditor('\\begin{tabular}{c}\n    cell\n\\end{tabular}')
+
+    cy.get('.table-generator-cell').trigger('keydown', { key: 'Enter' })
+    cy.get('.table-generator-cell').get('textarea').should('not.exist')
+  })
+
+  it('does not paste into a table cell', function () {
+    mountEditor('\\begin{tabular}{c}\n    cell\n\\end{tabular}\n\n')
+
+    cy.get('.cm-line').last().click()
+    cy.get('.table-generator-cell-render').eq(0).click()
+
+    const clipboardData = new DataTransfer()
+    clipboardData.setData('text/plain', 'bar')
+    cy.get('.table-generator-cell-render')
+      .eq(0)
+      .trigger('paste', { clipboardData })
+
+    cy.get('.cm-content').should('have.text', 'cell')
+  })
+
+  it('does not display the figure edit button', function () {
+    cy.intercept('/images/frog.jpg', { fixture: 'images/gradient.png' })
+
+    mountEditor(
+      `\\begin{figure}
+\\centering
+\\includegraphics[width=0.5\\linewidth]{frog.jpg}
+\\caption{My caption}
+\\label{fig:my-label}
+\\end{figure}`
+    )
+
+    cy.get('img.ol-cm-graphics').should('have.length', 1)
+    cy.findByRole('button', { name: 'Edit figure' }).should('not.exist')
+  })
+
+  it('does not display editing features in the href tooltip', function () {
+    mountEditor('\\href{https://example.com/}{foo}\n\n')
+
+    // move the selection outside the link
+    cy.get('.cm-line').eq(2).click()
+
+    // put the selection inside the href command
+    cy.findByText('foo').click()
+
+    cy.findByRole('button', { name: 'Go to page' })
+    cy.findByLabelText('URL').should('be.disabled')
+    cy.findByRole('button', { name: 'Remove link' }).should('not.exist')
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-toolbar.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-toolbar.spec.tsx
new file mode 100644
index 0000000..dc34940
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-toolbar.spec.tsx
@@ -0,0 +1,332 @@
+import { EditorProviders } from '../../../helpers/editor-providers'
+import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
+import { mockScope } from '../helpers/mock-scope'
+import { TestContainer } from '../helpers/test-container'
+import { isMac } from '@/shared/utils/os'
+
+const selectAll = () => {
+  cy.get('.cm-content').trigger(
+    'keydown',
+    isMac ? { key: 'a', metaKey: true } : { key: 'a', ctrlKey: true }
+  )
+}
+
+const clickToolbarButton = (name: string) => {
+  cy.findByRole('button', { name }).click()
+  cy.findByRole('button', { name }).trigger('mouseout')
+}
+
+const mountEditor = (content: string) => {
+  const scope = mockScope(content)
+  scope.editor.showVisual = true
+
+  cy.mount(
+    <TestContainer>
+      <EditorProviders scope={scope}>
+        <CodemirrorEditor />
+      </EditorProviders>
+    </TestContainer>
+  )
+
+  // wait for the content to be parsed and revealed
+  cy.get('.cm-content').should('have.css', 'opacity', '1')
+}
+
+describe('<CodeMirrorEditor/> toolbar in Rich Text mode', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    cy.interceptEvents()
+    cy.interceptMetadata()
+  })
+
+  it('should handle Undo and Redo', function () {
+    mountEditor('')
+    cy.get('.cm-line').eq(0).type('hi')
+    cy.get('.cm-content').should('have.text', 'hi')
+    clickToolbarButton('Undo')
+    cy.get('.cm-content').should('have.text', '')
+    clickToolbarButton('Redo')
+    cy.get('.cm-content').should('have.text', 'hi')
+  })
+
+  it('should handle section level changes', function () {
+    mountEditor('hi')
+    cy.get('.cm-content').should('have.text', 'hi')
+
+    clickToolbarButton('Choose section heading level')
+    cy.findByRole('menu').within(() => {
+      cy.findByText('Subsection').click()
+    })
+    cy.get('.cm-content').should('have.text', 'hi')
+    cy.get('.ol-cm-command-subsection').should('have.length', 1)
+
+    clickToolbarButton('Choose section heading level')
+    cy.findByRole('menu').within(() => {
+      cy.findByText('Normal text').click()
+    })
+    cy.get('.cm-content').should('have.text', 'hi')
+    cy.get('.ol-cm-command-subsection').should('have.length', 0)
+  })
+
+  it('should toggle Bold and Italic', function () {
+    mountEditor('hi')
+    cy.get('.cm-content').should('have.text', 'hi')
+    selectAll()
+
+    // bold
+    clickToolbarButton('Format Bold')
+    cy.get('.cm-content').should('have.text', '{hi}')
+    cy.get('.ol-cm-command-textbf').should('have.length', 1)
+    clickToolbarButton('Format Bold')
+    cy.get('.cm-content').should('have.text', 'hi')
+    cy.get('.ol-cm-command-textbf').should('have.length', 0)
+
+    // italic
+    clickToolbarButton('Format Italic')
+    cy.get('.cm-content').should('have.text', '{hi}')
+    cy.get('.ol-cm-command-textit').should('have.length', 1)
+    clickToolbarButton('Format Italic')
+    cy.get('.cm-content').should('have.text', 'hi')
+    cy.get('.ol-cm-command-textit').should('have.length', 0)
+  })
+
+  it('should wrap content with inline math', function () {
+    mountEditor('2+3=5')
+    selectAll()
+
+    clickToolbarButton('Insert Math')
+    cy.findByRole('button', { name: 'Insert Inline Math' }).click()
+    cy.get('.cm-content').should('have.text', '\\(2+3=5\\)')
+  })
+
+  it('should wrap content with display math', function () {
+    mountEditor('2+3=5')
+    selectAll()
+
+    clickToolbarButton('Insert Math')
+    cy.findByRole('button', { name: 'Insert Display Math' }).click()
+    cy.get('.cm-content').should('have.text', '\\[2+3=5\\]')
+  })
+
+  it('should wrap content with a link', function () {
+    mountEditor('test')
+    selectAll()
+
+    clickToolbarButton('Insert Link')
+    cy.get('.cm-content').should('have.text', '{test}')
+    cy.findByLabelText('URL') // tooltip form
+  })
+
+  it('should insert a bullet list', function () {
+    mountEditor('test')
+    selectAll()
+
+    clickToolbarButton('More')
+    clickToolbarButton('Bullet List')
+
+    cy.get('.cm-content').should('have.text', ' test')
+
+    cy.get('.cm-line').eq(0).type('ing')
+    cy.get('.cm-line').eq(0).should('have.text', ' testing')
+  })
+
+  it('should insert a numbered list', function () {
+    mountEditor('test')
+    selectAll()
+
+    clickToolbarButton('More')
+    clickToolbarButton('Numbered List')
+
+    cy.get('.cm-content').should('have.text', ' test')
+
+    cy.get('.cm-line').eq(0).type('ing')
+    cy.get('.cm-line').eq(0).should('have.text', ' testing')
+  })
+
+  it('should toggle between list types', function () {
+    mountEditor('test')
+    selectAll()
+
+    clickToolbarButton('More')
+    clickToolbarButton('Numbered List')
+
+    // expose the markup
+    cy.get('.cm-line').eq(0).type('{rightArrow}')
+
+    cy.get('.cm-content').should(
+      'have.text',
+      [
+        //
+        '\\begin{enumerate}',
+        ' test',
+        '\\end{enumerate}',
+      ].join('')
+    )
+
+    clickToolbarButton('Bullet List')
+
+    cy.get('.cm-content').should(
+      'have.text',
+      [
+        //
+        '\\begin{itemize}',
+        ' test',
+        '\\end{itemize}',
+      ].join('')
+    )
+  })
+
+  it('should remove a list', function () {
+    mountEditor('test')
+    selectAll()
+
+    clickToolbarButton('More')
+    clickToolbarButton('Numbered List')
+
+    // expose the markup
+    cy.get('.cm-line').eq(0).type('{rightArrow}')
+
+    cy.get('.cm-content').should(
+      'have.text',
+      [
+        //
+        '\\begin{enumerate}',
+        ' test',
+        '\\end{enumerate}',
+      ].join('')
+    )
+
+    clickToolbarButton('Numbered List')
+
+    cy.get('.cm-content').should('have.text', 'test')
+  })
+
+  it('should not remove a parent list', function () {
+    mountEditor('test\ntest')
+    selectAll()
+
+    clickToolbarButton('More')
+    clickToolbarButton('Numbered List')
+
+    // expose the markup
+    cy.get('.cm-line').eq(1).type('{rightArrow}')
+
+    cy.get('.cm-content').should(
+      'have.text',
+      [
+        //
+        '\\begin{enumerate}',
+        ' test',
+        ' test',
+        '\\end{enumerate}',
+      ].join('')
+    )
+
+    cy.get('.cm-line').eq(2).click()
+
+    cy.findByRole('button', { name: 'Increase Indent' }).click()
+
+    // expose the markup
+    cy.get('.cm-line').eq(1).type('{rightArrow}')
+
+    cy.get('.cm-content').should(
+      'have.text',
+      [
+        //
+        ' test',
+        '    \\begin{enumerate}',
+        ' test',
+        '    \\end{enumerate}',
+      ].join('')
+    )
+
+    cy.get('.cm-line').eq(1).click()
+
+    clickToolbarButton('More')
+    clickToolbarButton('Numbered List')
+
+    cy.get('.cm-line').eq(0).type('{upArrow}')
+
+    cy.get('.cm-content').should(
+      'have.text',
+      [
+        //
+        '\\begin{enumerate}',
+        ' test',
+        '    test',
+        '\\end{enumerate}',
+      ].join('')
+    )
+  })
+
+  it('should not remove a nested list', function () {
+    mountEditor('test\ntest')
+    selectAll()
+
+    clickToolbarButton('More')
+    clickToolbarButton('Numbered List')
+
+    // expose the markup
+    cy.get('.cm-line').eq(1).type('{rightArrow}')
+
+    cy.get('.cm-content').should(
+      'have.text',
+      [
+        //
+        '\\begin{enumerate}',
+        ' test',
+        ' test',
+        '\\end{enumerate}',
+      ].join('')
+    )
+
+    cy.get('.cm-line').eq(2).click()
+
+    cy.findByRole('button', { name: 'Increase Indent' }).click()
+
+    // expose the markup
+    cy.get('.cm-line').eq(1).type('{rightArrow}')
+
+    cy.get('.cm-content').should(
+      'have.text',
+      [
+        //
+        ' test',
+        '    \\begin{enumerate}',
+        ' test',
+        '    \\end{enumerate}',
+      ].join('')
+    )
+
+    cy.get('.cm-line').eq(0).click()
+
+    clickToolbarButton('More')
+    clickToolbarButton('Numbered List')
+
+    // expose the markup
+    cy.get('.cm-line').eq(1).type('{rightArrow}')
+
+    cy.get('.cm-content').should(
+      'have.text',
+      [
+        //
+        'test',
+        '    \\begin{enumerate}',
+        ' test',
+        '    \\end{enumerate}',
+      ].join('')
+    )
+  })
+
+  it('should display the Toggle Symbol Palette button when available', function () {
+    window.metaAttributesCache.set('ol-symbolPaletteAvailable', true)
+    mountEditor('')
+    clickToolbarButton('Toggle Symbol Palette')
+  })
+
+  it('should not display the Toggle Symbol Palette button when not available', function () {
+    window.metaAttributesCache.set('ol-symbolPaletteAvailable', false)
+    mountEditor('')
+    cy.findByLabelText('Toggle Symbol Palette').should('not.exist')
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-tooltips.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-tooltips.spec.tsx
new file mode 100644
index 0000000..7dcc10d
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual-tooltips.spec.tsx
@@ -0,0 +1,114 @@
+import { mockScope } from '../helpers/mock-scope'
+import { EditorProviders } from '../../../helpers/editor-providers'
+import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
+import { TestContainer } from '../helpers/test-container'
+
+describe('<CodeMirrorEditor/> tooltips in Visual mode', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    cy.interceptMathJax()
+    cy.interceptMetadata()
+    cy.interceptEvents()
+
+    const scope = mockScope('\n\n\n')
+    scope.editor.showVisual = true
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodemirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    // wait for the content to be parsed and revealed
+    cy.get('.cm-content').should('have.css', 'opacity', '1')
+
+    cy.get('.cm-line').eq(0).as('first-line')
+  })
+
+  it('displays a tooltip for \\href commands', function () {
+    cy.get('@first-line').type(
+      '\\href{{}https://example.com}{{}foo}{leftArrow}'
+    )
+    cy.get('.cm-content').should('have.text', '{foo}')
+    cy.get('.cm-tooltip').should('have.length', 1)
+    cy.get('.cm-tooltip').within(() => {
+      cy.findByLabelText('URL').should('have.value', 'https://example.com')
+      cy.findByLabelText('URL').type('/foo')
+      cy.findByLabelText('URL').should('have.value', 'https://example.com/foo')
+      cy.window().then(win => {
+        cy.stub(win, 'open').as('open-window')
+      })
+      cy.findByRole('button', { name: 'Go to page' }).click()
+      cy.get('@open-window').should(
+        'have.been.calledWithMatch',
+        Cypress.sinon.match.has('href', 'https://example.com/foo'),
+        '_blank'
+      )
+      cy.findByRole('button', { name: 'Remove link' }).click()
+    })
+    cy.get('.cm-content').should('have.text', 'foo')
+    cy.get('.cm-tooltip').should('have.length', 0)
+  })
+
+  it('displays a tooltip for \\url commands', function () {
+    cy.get('@first-line').type('\\url{{}https://example.com}{leftArrow}')
+    cy.get('.cm-content').should('have.text', '{https://example.com}')
+    cy.get('.cm-tooltip').should('have.length', 1)
+    cy.get('.cm-tooltip').within(() => {
+      cy.window().then(win => {
+        cy.stub(win, 'open').as('open-window')
+      })
+      cy.findByRole('button', { name: 'Go to page' }).click()
+      cy.get('@open-window').should(
+        'have.been.calledWithMatch',
+        Cypress.sinon.match.has('href', 'https://example.com/'),
+        '_blank'
+      )
+    })
+    cy.get('@first-line').type('{rightArrow}{rightArrow}')
+    cy.get('.cm-content').should('have.text', 'https://example.com')
+    cy.get('.cm-tooltip').should('have.length', 0)
+  })
+
+  it('displays a tooltip for \\ref commands', function () {
+    cy.get('@first-line').type(
+      '\\label{{}fig:frog}{Enter}\\ref{{}fig:frog}{leftArrow}'
+    )
+    cy.get('.cm-content').should('have.text', '🏷fig:frog🏷{fig:frog}')
+    cy.get('.cm-tooltip').should('have.length', 1)
+    cy.get('.cm-tooltip').within(() => {
+      cy.findByRole('button', { name: 'Go to target' }).click()
+    })
+    cy.window().then(win => {
+      expect(win.getSelection()?.toString()).to.equal('fig:frog')
+    })
+  })
+
+  it('displays a tooltip for \\include commands', function () {
+    cy.get('@first-line').type('\\include{{}main}{leftArrow}')
+    cy.get('.cm-content').should('have.text', '\\include{main}')
+    cy.get('.cm-tooltip').should('have.length', 1)
+    cy.get('.cm-tooltip').within(() => {
+      cy.findByRole('button', { name: 'Edit file' }).click()
+      // TODO: assert event fired with "main.tex" as the name?
+    })
+    cy.get('@first-line').type('{rightArrow}{rightArrow}')
+    cy.get('.cm-content').should('have.text', '🔗main')
+    cy.get('.cm-tooltip').should('have.length', 0)
+  })
+
+  it('displays a tooltip for \\input commands', function () {
+    cy.get('@first-line').type('\\input{{}main}{leftArrow}')
+    cy.get('.cm-content').should('have.text', '\\input{main}')
+    cy.get('.cm-tooltip').should('have.length', 1)
+    cy.get('.cm-tooltip').within(() => {
+      cy.findByRole('button', { name: 'Edit file' }).click()
+      // TODO: assert event fired with "main.tex" as the name?
+    })
+    cy.get('@first-line').type('{rightArrow}{rightArrow}')
+    cy.get('.cm-content').should('have.text', '🔗main')
+    cy.get('.cm-tooltip').should('have.length', 0)
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual.spec.tsx
new file mode 100644
index 0000000..d8c88b4
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor-visual.spec.tsx
@@ -0,0 +1,735 @@
+// Needed since eslint gets confused by mocha-each
+/* eslint-disable mocha/prefer-arrow-callback */
+import { FC } from 'react'
+import { EditorProviders } from '../../../helpers/editor-providers'
+import CodemirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
+import { mockScope } from '../helpers/mock-scope'
+import forEach from 'mocha-each'
+import { FileTreePathContext } from '@/features/file-tree/contexts/file-tree-path'
+import { TestContainer } from '../helpers/test-container'
+
+describe('<CodeMirrorEditor/> in Visual mode', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    cy.interceptEvents()
+    cy.interceptMetadata()
+    cy.interceptMathJax()
+
+    // 3 blank lines
+    const content = '\n'.repeat(3)
+
+    const scope = mockScope(content)
+    scope.editor.showVisual = true
+
+    const FileTreePathProvider: FC = ({ children }) => (
+      <FileTreePathContext.Provider
+        value={{
+          dirname: cy.stub(),
+          findEntityByPath: cy.stub(),
+          pathInFolder: cy.stub(),
+          previewByPath: cy
+            .stub()
+            .as('previewByPath')
+            .callsFake(path => ({ url: path, extension: 'png' })),
+        }}
+      >
+        {children}
+      </FileTreePathContext.Provider>
+    )
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope} providers={{ FileTreePathProvider }}>
+          <CodemirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    // wait for the content to be parsed and revealed
+    cy.get('.cm-content').should('have.css', 'opacity', '1')
+
+    cy.get('.cm-line').eq(0).as('first-line')
+    cy.get('.cm-line').eq(1).as('second-line')
+    cy.get('.cm-line').eq(2).as('third-line')
+    cy.get('.cm-line').eq(3).as('fourth-line')
+    cy.get('.ol-cm-toolbar [aria-label="Format Bold"]').as('toolbar-bold')
+
+    cy.get('@first-line').click()
+  })
+
+  afterEach(function () {
+    window.metaAttributesCache.clear()
+  })
+
+  forEach(['LaTeX', 'TeX']).it('renders the %s logo', function (logo) {
+    cy.get('@first-line').type(`\\${logo}{{}}{Enter}`)
+    cy.get('@first-line').should('have.text', logo)
+  })
+
+  it('renders \\dots', function () {
+    cy.get('@first-line').type('\\dots{Esc}')
+    cy.get('@first-line').should('have.text', '\\dots')
+    cy.get('@first-line').type('{Enter}')
+    cy.get('@first-line').should('have.text', '…')
+  })
+
+  it('creates a new list item on Enter', function () {
+    cy.get('@first-line').type('\\begin{{}itemize')
+
+    // select the first autocomplete item
+    cy.findByRole('option').eq(0).click()
+
+    cy.get('@first-line')
+      .should('have.text', ' ')
+      .find('.ol-cm-item')
+      .should('have.length', 1)
+
+    cy.get('@first-line').type('test{Enter}test')
+
+    cy.get('@first-line')
+      .should('have.text', ' test')
+      .find('.ol-cm-item')
+      .should('have.length', 1)
+    cy.get('@second-line')
+      .should('have.text', ' test')
+      .find('.ol-cm-item')
+      .should('have.length', 1)
+  })
+
+  it('finishes a list on Enter in the last item if empty', function () {
+    cy.get('@first-line').type('\\begin{{}itemize')
+
+    // select the first autocomplete item
+    cy.findByRole('option').eq(0).click()
+
+    cy.get('@first-line').type('test{Enter}{Enter}')
+
+    cy.get('@first-line')
+      .should('have.text', ' test')
+      .find('.ol-cm-item')
+      .should('have.length', 1)
+
+    cy.get('.cm-line').eq(1).should('have.text', '')
+  })
+
+  it('does not finish a list on Enter in an earlier item if empty', function () {
+    cy.get('@first-line').type('\\begin{{}itemize')
+
+    // select the first autocomplete item
+    cy.findByRole('option').eq(0).click()
+
+    cy.get('@second-line').type('test{Enter}test{Enter}{upArrow}{Enter}{Enter}')
+    cy.get('.cm-content').should('have.text', ' testtest')
+  })
+
+  forEach(['textbf', 'textit']).it('handles \\%s text', function (command) {
+    cy.get('@first-line').type(`\\${command}{`)
+    cy.get('@first-line').should('have.text', `{}`)
+    cy.get('@first-line').type('{rightArrow} ')
+    cy.get('@first-line').should('have.text', '{} ')
+    cy.get('@first-line').type('{Backspace}{leftArrow}test text')
+    cy.get('@first-line').should('have.text', '{test text}')
+    cy.get('@first-line').type('{rightArrow} foo')
+    cy.get('@first-line').should('have.text', 'test text foo') // no braces
+    cy.get('@first-line').find(`.ol-cm-command-${command}`)
+  })
+
+  forEach([
+    'part',
+    'chapter',
+    'section',
+    'subsection',
+    'subsubsection',
+    'paragraph',
+    'subparagraph',
+  ]).it('handles \\%s sectioning command', function (command) {
+    cy.get('@first-line').type(`\\${command}{`)
+    cy.get('@first-line').should('have.text', `\\${command}{}`)
+    cy.get('@first-line').type('{rightArrow} ')
+    cy.get('@first-line').should('have.text', `\\${command}{} `)
+    // Type a section heading
+    cy.get('@first-line').type('{Backspace}{leftArrow}title')
+    cy.get('@first-line').should('have.text', '{title}') // braces are visible as cursor is adjacent
+    cy.get('@first-line').type('{leftArrow}')
+    cy.get('@first-line').should('have.text', 'title') // braces are hidden as cursor is not adjacent
+    cy.get('@first-line').type('{Enter}')
+    cy.get('@first-line').should('have.text', 'title') // braces are hidden as cursor is on the next line
+    cy.get('@first-line').find(`.ol-cm-heading.ol-cm-command-${command}`)
+  })
+
+  forEach([
+    'textsc',
+    'texttt',
+    'textmd',
+    'textsf',
+    'textsubscript',
+    'textsuperscript',
+    'sout',
+    'emph',
+    'underline',
+    'url',
+    'caption',
+  ]).it('handles \\%s text', function (command) {
+    cy.get('@first-line').type(`\\${command}{`)
+    cy.get('@first-line').should('have.text', `\\${command}{}`)
+    cy.get('@first-line').type('{rightArrow} ')
+    cy.get('@first-line').should('have.text', `\\${command}{} `)
+    cy.get('@first-line').type('{Backspace}{leftArrow}test text{rightArrow} ')
+    cy.get('@first-line').should('have.text', 'test text ')
+    cy.get('@first-line').find(`.ol-cm-command-${command}`)
+  })
+
+  it('handles \\verb text', function () {
+    cy.get('@first-line').type(`\\verb|`)
+    cy.get('@first-line').should('have.text', `\\verb|`)
+    cy.get('@first-line').type('| ')
+    cy.get('@first-line').should('have.text', `\\verb|| `)
+    cy.get('@first-line').type('{Backspace}{leftArrow}test text{rightArrow} ')
+    cy.get('@first-line').should('have.text', 'test text ')
+    cy.get('@first-line').find(`.ol-cm-command-verb`)
+  })
+
+  forEach([
+    ['label', '🏷'],
+    ['cite', '📚'],
+    ['include', '🔗'],
+  ]).it('handles \\%s commands', function (command, icon) {
+    cy.get('@first-line').type(`\\${command}{} `)
+    cy.get('@first-line').should('have.text', `\\${command}{} `)
+    cy.get('@first-line').type('{Backspace}{leftArrow}key')
+    cy.get('@first-line').should('have.text', `\\${command}{key}`)
+    cy.get('@first-line').type('{rightArrow}')
+    cy.get('@first-line').should('have.text', `\\${command}{key}`)
+    cy.get('@first-line').type(' ')
+    cy.get('@first-line').should('have.text', `${icon}key `)
+  })
+
+  forEach([['ref', '🏷']]).it(
+    'handles \\%s commands',
+    function (command, icon) {
+      cy.get('@first-line').type(`\\${command}{} `)
+      cy.get('@first-line').should('have.text', `${icon} `)
+      cy.get('@first-line').type('{Backspace}{leftArrow}key')
+      cy.get('@first-line').should('have.text', `${icon}{key}`)
+      cy.get('@first-line').type('{rightArrow}')
+      cy.get('@first-line').should('have.text', `${icon}{key}`)
+      cy.get('@first-line').type(' ')
+      cy.get('@first-line').should('have.text', `${icon}key `)
+    }
+  )
+
+  it('handles \\href command', function () {
+    cy.get('@first-line').type('\\href{{}https://overleaf.com} ')
+    cy.get('@first-line').should('have.text', '\\href{https://overleaf.com} ')
+    cy.get('@first-line').type('{Backspace}{{}{Del}Overleaf ')
+    cy.get('@first-line').should(
+      'have.text',
+      '\\href{https://overleaf.com}{Overleaf '
+    )
+    cy.get('@first-line').type('{Backspace}} ')
+    cy.get('@first-line').should('have.text', 'Overleaf ')
+    cy.get('@first-line').find('.ol-cm-link-text')
+  })
+
+  it('displays unknown commands unchanged', function () {
+    cy.get('@first-line').type('\\foo[bar]{{}baz} ')
+    cy.get('@first-line').should('have.text', '\\foo[bar]{baz} ')
+  })
+
+  describe('Figure environments', function () {
+    beforeEach(function () {
+      cy.get('@first-line').type('\\begin{{}figure')
+      cy.get('@first-line').type('{Enter}') // end with cursor in file path
+    })
+
+    it('loads figures', function () {
+      cy.get('@third-line').type('path/to/image')
+
+      cy.get('@third-line').should(
+        'contain.text',
+        '    \\includegraphics[width=0.5\\linewidth]{path/to/image}'
+      )
+
+      // move the cursor out of the figure
+      cy.get('@third-line').type('{DownArrow}{DownArrow}{DownArrow}{DownArrow}')
+
+      // Should be removed from dom when line is hidden
+      cy.get('.cm-content').should(
+        'not.contain.text',
+        '\\includegraphics[width=0.5\\linewidth]{path/to/image}'
+      )
+
+      cy.get('img.ol-cm-graphics').should('have.attr', 'src', 'path/to/image')
+    })
+
+    it('marks lines as figure environments', function () {
+      // inside the figure
+      cy.get('@second-line').should('have.class', 'ol-cm-environment-figure')
+      // outside the figure
+      cy.get('.cm-line')
+        .eq(6)
+        .should('not.have.class', 'ol-cm-environment-figure')
+    })
+
+    it('marks environment has centered when it has \\centering command', function () {
+      // inside the figure
+      cy.get('@third-line').should('have.class', 'ol-cm-environment-centered')
+      // outside the figure
+      cy.get('.cm-line')
+        .eq(6)
+        .should('not.have.class', 'ol-cm-environment-centered')
+      // the line containing \centering
+      cy.get('@second-line')
+        .should('have.text', '    \\centering')
+        .should('have.class', 'ol-cm-environment-centered')
+      cy.get('@second-line').type('{Backspace}')
+      cy.get('@second-line')
+        .should('have.text', '    \\centerin')
+        .should('not.have.class', 'ol-cm-environment-centered')
+    })
+  })
+
+  describe('verbatim environments', function () {
+    beforeEach(function () {
+      cy.get('@first-line').type('\\begin{{}verbatim')
+      cy.get('@first-line').type('{Enter}test') // end with cursor in content
+    })
+
+    it('marks lines as verbatim environments', function () {
+      // inside the environment
+      cy.get('@second-line').should('have.class', 'ol-cm-environment-verbatim')
+
+      // outside the environment
+      cy.get('.cm-line')
+        .eq(4)
+        .should('not.have.class', 'ol-cm-environment-verbatim')
+
+      // move the cursor out of the environment
+      cy.get('.cm-line').eq(4).click()
+
+      cy.get('.cm-content').should('have.text', '    test')
+    })
+  })
+
+  describe('lstlisting environments', function () {
+    beforeEach(function () {
+      cy.get('@first-line').type('\\begin{{}lstlisting')
+      cy.get('@first-line').type('{Enter}test') // end with cursor in content
+    })
+
+    it('marks lines as lstlisting environments', function () {
+      // inside the environment
+      cy.get('@second-line').should(
+        'have.class',
+        'ol-cm-environment-lstlisting'
+      )
+
+      // outside the environment
+      cy.get('.cm-line')
+        .eq(4)
+        .should('not.have.class', 'ol-cm-environment-lstlisting')
+
+      // move the cursor out of the environment
+      cy.get('.cm-line').eq(4).click()
+
+      cy.get('.cm-content').should('have.text', '    test')
+    })
+  })
+
+  describe('Toolbar', function () {
+    describe('Formatting buttons highlighting', function () {
+      it('handles empty selections inside of bold', function () {
+        cy.get('@first-line').type('\\textbf{{}test}{LeftArrow}') // \textbf{test|}
+        cy.get('@toolbar-bold').should('have.class', 'active')
+        cy.get('@first-line').type('{LeftArrow}') // \textbf{tes|t}
+        cy.get('@toolbar-bold').should('have.class', 'active')
+        cy.get('@first-line').type('{LeftArrow}'.repeat(3)) // \textbf{|test}
+        cy.get('@toolbar-bold').should('have.class', 'active')
+      })
+
+      it('handles empty selections outside bold', function () {
+        cy.get('@first-line').type('\\textbf{{}test}')
+        cy.get('@toolbar-bold').should('not.have.class', 'active')
+        cy.get('@first-line').type('{LeftArrow}'.repeat(6))
+        cy.get('@toolbar-bold').should('not.have.class', 'active')
+      })
+
+      it('handles range selections inside bold', function () {
+        cy.get('@first-line').type('\\textbf{{}test}')
+        cy.get('@first-line').type('{LeftArrow}'.repeat(4))
+        cy.get('@first-line').type('{Shift}{RightArrow}{RightArrow}')
+        cy.get('@toolbar-bold').should('have.class', 'active')
+      })
+
+      it('handles range selections spanning bold', function () {
+        cy.get('@first-line').type('\\textbf{{}test} outside')
+        cy.get('@first-line').type('{LeftArrow}'.repeat(10))
+        cy.get('@first-line').type('{Shift}' + '{RightArrow}'.repeat(5))
+        cy.get('@toolbar-bold').should('not.have.class', 'active')
+      })
+
+      it('does not highlight bold when commands at selection ends are different', function () {
+        cy.get('@first-line').type('\\textbf{{}first} \\textbf{{}second}')
+        cy.get('@first-line').type('{LeftArrow}'.repeat(12))
+        cy.get('@first-line').type('{Shift}' + '{RightArrow}'.repeat(7))
+        cy.get('@toolbar-bold').should('not.have.class', 'active')
+      })
+
+      it('highlight when ends share common formatting ancestor', function () {
+        cy.get('@first-line').type(
+          '\\textbf{{}\\textit{{}first} \\textit{{}second}}'
+        )
+        cy.get('@first-line').type('{LeftArrow}'.repeat(13))
+        cy.get('@first-line').type('{Shift}' + '{RightArrow}'.repeat(7))
+        cy.get('@toolbar-bold').should('have.class', 'active')
+      })
+    })
+  })
+
+  describe('Beamer frames', function () {
+    it('hides markup', function () {
+      cy.get('@first-line').type(
+        '\\begin{{}frame}{{}Slide\\\\title}{Enter}\\end{{}frame}{Enter}'
+      )
+      cy.get('.ol-cm-divider')
+      cy.get('.ol-cm-frame-title')
+    })
+    it('typesets title', function () {
+      cy.get('@first-line').type(
+        '\\begin{{}frame}{{}Slide\\\\title}{Enter}\\end{{}frame}{Enter}'
+      )
+      cy.get('.ol-cm-frame-title').should('contain.html', 'Slide<br>title')
+    })
+
+    it('typesets math in title', function () {
+      cy.get('@first-line').type(
+        '\\begin{{}frame}{{}Slide $\\pi$}{Enter}\\end{{}frame}{Enter}'
+      )
+      cy.get('.MathJax').should('contain.text', '$\\pi$')
+    })
+
+    it('typesets subtitle', function () {
+      cy.get('@first-line').type(
+        '\\begin{{}frame}{{}Slide title}{{}Slide subtitle}{Enter}\\end{{}frame}{Enter}'
+      )
+      cy.get('.ol-cm-frame-subtitle').should('have.html', 'Slide subtitle')
+    })
+  })
+
+  it('typesets \\maketitle', function () {
+    cy.get('@first-line').type(
+      [
+        '\\author{{}Author}',
+        '\\title{{}Document title\\\\with $\\pi$}',
+        '\\begin{{}document}',
+        '\\maketitle',
+        '\\end{{}document}',
+        '',
+      ].join('{Enter}')
+    )
+
+    cy.get('.ol-cm-maketitle').should('have.class', 'MathJax')
+    cy.get('.ol-cm-title').should('contain.html', 'Document title<br>with')
+    cy.get('.ol-cm-author').should('have.text', 'Author')
+
+    cy.get('.ol-cm-preamble-widget').click()
+    const deleteLine =
+      '{command}{leftArrow}{shift}{command}{rightArrow}{backspace}'
+
+    // italic, bold and emph
+    cy.get('@second-line').type(deleteLine)
+    cy.get('@second-line').type(
+      '\\title{{}formatted with \\textit{{}italic} \\textbf{{}bold} \\emph{{}emph}}'
+    )
+    cy.get('.ol-cm-title').should(
+      'contain.html',
+      'formatted with <i>italic</i> <b>bold</b> <em>emph</em>'
+    )
+
+    cy.get('@second-line').type(deleteLine)
+    cy.get('@second-line').type(
+      '\\title{{}title\\\\ \\textbf{{}\\textit{{}\\emph{{}formated}}} \\textit{{}only italic}}'
+    )
+    cy.get('.ol-cm-title').should(
+      'contain.html',
+      'title<br> <b><i><em>formated</em></i></b> <i>only italic</i>'
+    )
+
+    // texttt command
+    cy.get('@second-line').type(deleteLine)
+    cy.get('@second-line').type('\\title{{}title with \\texttt{{}command}}')
+    cy.get('.ol-cm-title').should(
+      'contain.html',
+      'title with <span class="ol-cm-command-texttt">command</span>'
+    )
+
+    cy.get('@second-line').type(deleteLine)
+    cy.get('@second-line').type(
+      '\\title{{}title with \\texttt{{}\\textbf{{}command}}}'
+    )
+    cy.get('.ol-cm-title').should(
+      'contain.html',
+      'title with <span class="ol-cm-command-texttt"><b>command</b></span>'
+    )
+
+    cy.get('@second-line').type(deleteLine)
+    cy.get('@second-line').type('\\title{{}Title with \\& ampersands}')
+    cy.get('.ol-cm-title').should('contain.html', 'Title with &amp; ampersands')
+
+    // unsupported command
+    cy.get('@second-line').type(deleteLine)
+    cy.get('@second-line').type('\\title{{}My \\LaTeX{{}} document}')
+    cy.get('.ol-cm-title').should('contain.html', 'My \\LaTeX{} document')
+  })
+
+  it('decorates footnotes', function () {
+    cy.get('@first-line').type('Foo \\footnote{{}Bar.} ')
+    cy.get('@first-line').should('contain', 'Foo')
+    cy.get('@first-line').should('not.contain', 'Bar')
+    cy.get('@first-line').type('{leftArrow}')
+    cy.get('@first-line').should('have.text', 'Foo \\footnote{Bar.} ')
+  })
+
+  it('should show document preamble', function () {
+    cy.get('@first-line').type(
+      [
+        '\\author{{}Author}',
+        '\\title{{}Document title}',
+        '\\begin{{}document}',
+        '\\maketitle',
+        '\\end{{}document}',
+        '',
+      ].join('{Enter}')
+    )
+    cy.get('.ol-cm-preamble-widget').should('have.length', 1)
+    cy.get('.ol-cm-preamble-widget').click()
+
+    cy.get('.ol-cm-preamble-line').eq(0).should('contain', '\\author{Author}')
+    cy.get('.ol-cm-preamble-line')
+      .eq(1)
+      .should('contain', '\\title{Document title}')
+    cy.get('.ol-cm-preamble-line').eq(2).should('contain', '\\begin{document}')
+    cy.get('.ol-cm-preamble-line').eq(3).should('not.exist')
+  })
+
+  it('should exclude maketitle from preamble extents if nested in another environment', function () {
+    cy.get('@first-line').type(
+      [
+        '\\author{{}Author}',
+        '\\title{{}Document title}',
+        '\\begin{{}document}',
+        '\\begin{{}frame}{{}Foo}',
+        '\\maketitle',
+        '\\end{{}frame}',
+        '\\end{{}document}',
+        '',
+      ].join('{Enter}')
+    )
+    cy.get('.ol-cm-preamble-widget').should('have.length', 1)
+    cy.get('.ol-cm-preamble-widget').click()
+
+    cy.get('.ol-cm-preamble-line').should('have.length', 3)
+  })
+
+  it('should show multiple authors', function () {
+    cy.get('@first-line').type(
+      [
+        '\\author{{}Author \\and Author2}',
+        '\\author{{}Author3}',
+        '\\title{{}Document title}',
+        '\\begin{{}document}',
+        '\\maketitle',
+        '\\end{{}document}',
+        '',
+      ].join('{Enter}')
+    )
+    cy.get('.ol-cm-preamble-widget').should('have.length', 1)
+    cy.get('.ol-cm-preamble-widget').click()
+
+    cy.get('.ol-cm-authors').should('have.length', 1)
+    cy.get('.ol-cm-authors .ol-cm-author').should('have.length', 3)
+  })
+
+  it('should update authors', function () {
+    cy.get('@first-line').type(
+      [
+        '\\author{{}Author \\and Author2}',
+        '\\author{{}Author3}',
+        '\\title{{}Document title}',
+        '\\begin{{}document}',
+        '\\maketitle',
+        '\\end{{}document}',
+        '',
+      ].join('{Enter}')
+    )
+    cy.get('.ol-cm-preamble-widget').should('have.length', 1)
+    cy.get('.ol-cm-preamble-widget').click()
+
+    cy.get('.ol-cm-authors').should('have.length', 1)
+    cy.get('.ol-cm-author').eq(0).should('contain', 'Author')
+    cy.get('.ol-cm-author').eq(1).should('contain', 'Author2')
+    cy.get('.ol-cm-author').eq(2).should('contain', 'Author3')
+
+    cy.get('.ol-cm-author').eq(0).click()
+    cy.get('.ol-cm-preamble-line').eq(0).type('{leftarrow}{backspace}New')
+    cy.get('.ol-cm-author').eq(1).should('contain', 'AuthorNew')
+
+    // update author without changing node from/to coordinates
+    cy.get('.ol-cm-author').eq(0).click()
+    cy.get('.ol-cm-preamble-line').eq(0).type('{leftarrow}{shift}{leftarrow}X')
+    cy.get('.ol-cm-author').eq(1).should('contain', 'AuthorNeX')
+  })
+
+  it('should ignore some commands in author', function () {
+    cy.get('@first-line').type(
+      [
+        '\\author{{}Author with \\corref{{}cor1} and \\fnref{{}label2} in the name}',
+        '\\title{{}Document title}',
+        '\\begin{{}document}',
+        '\\maketitle',
+        '\\end{{}document}',
+        '',
+      ].join('{Enter}')
+    )
+
+    cy.get('.ol-cm-authors').should('have.length', 1)
+    cy.get('.ol-cm-author').should(
+      'contain.html',
+      'Author with  and  in the name'
+    )
+  })
+
+  describe('decorates color commands', function () {
+    it('decorates textcolor', function () {
+      cy.get('@first-line').type('\\textcolor{{}red}{{}foo}')
+      cy.get('.ol-cm-textcolor')
+        .should('have.length', 1)
+        .should('have.text', 'foo')
+        .should('have.attr', 'style', 'color: rgb(255,0,0)')
+    })
+
+    it('decorates colorbox', function () {
+      cy.get('@first-line').type('\\colorbox{{}yellow}{{}foo}')
+      cy.get('.ol-cm-colorbox')
+        .should('have.length', 1)
+        .should('have.text', 'foo')
+        .should('have.attr', 'style', 'background-color: rgb(255,255,0)')
+    })
+  })
+
+  describe('handling of special characters', function () {
+    it('decorates a tilde with a non-breaking space', function () {
+      cy.get('@first-line').type('Test~test')
+      cy.get('@first-line').should('have.text', 'Test\xa0test')
+    })
+
+    it('decorates a backslash-prefixed tilde with a tilde', function () {
+      cy.get('@first-line').type('Test\\~test')
+      cy.get('@first-line').should('have.text', 'Test~test')
+    })
+
+    it('decorates a backslash-prefixed dollar sign with a dollar sign', function () {
+      cy.get('@first-line').type('\\$5.00')
+      cy.get('@first-line').should('have.text', '$5.00')
+      cy.get('.ol-cm-character').should('have.length', 1)
+    })
+
+    it('decorates line breaks', function () {
+      cy.get('@first-line').type('Test \\\\ test')
+      cy.get('@second-line').click()
+      cy.get('@first-line').should('have.text', 'Test ↩ test')
+    })
+
+    it('decorates spacing commands', function () {
+      cy.get('@first-line').type('\\thinspace')
+      cy.get('@second-line').click()
+      cy.get('@first-line')
+        .find('.ol-cm-space')
+        .should('have.attr', 'style', 'width: calc(0.166667em);')
+    })
+
+    it('decorates spacing symbols', function () {
+      cy.get('@first-line').type('\\,')
+      cy.get('@second-line').click()
+      cy.get('@first-line')
+        .find('.ol-cm-space')
+        .should('have.attr', 'style', 'width: calc(0.166667em);')
+    })
+  })
+
+  describe('decorates theorems', function () {
+    it('decorates a proof environment', function () {
+      cy.get('@first-line').type(
+        ['\\begin{{}proof}{Enter}', 'foo{Enter}', '\\end{{}proof}{Enter}'].join(
+          ''
+        )
+      )
+      cy.get('.cm-content').should('have.text', 'Prooffoo')
+    })
+
+    it('decorates a theorem environment', function () {
+      cy.get('@first-line').type(
+        [
+          '\\begin{{}theorem}{Enter}',
+          'foo{Enter}',
+          '\\end{{}theorem}{Enter}',
+        ].join('')
+      )
+      cy.get('.cm-content').should('have.text', 'Theoremfoo')
+    })
+
+    it('decorates a theorem environment with a label', function () {
+      cy.get('@first-line').type(
+        [
+          '\\begin{{}theorem}[Bar]{Enter}',
+          'foo{Enter}',
+          '\\end{{}theorem}{Enter}',
+        ].join('')
+      )
+      cy.get('.cm-content').should('have.text', 'Theorem (Bar)foo')
+    })
+
+    it('decorates a custom theorem environment with a label', function () {
+      cy.get('@first-line').type(
+        [
+          '\\newtheorem{{}thm}{{}Foo}{Enter}',
+          '\\begin{{}thm}[Bar]{Enter}',
+          'foo{Enter}',
+          '\\end{{}thm}{Enter}',
+        ].join('')
+      )
+      cy.get('.cm-content').should(
+        'have.text',
+        ['\\newtheorem{thm}{Foo}', 'Foo (Bar)foo'].join('')
+      )
+    })
+  })
+
+  forEach(['quote', 'quotation', 'quoting', 'displayquote']).it(
+    'renders a %s environment',
+    function (environment) {
+      cy.get('@first-line').type(`\\begin{{}${environment}`)
+      cy.findAllByRole('listbox').should('have.length', 1)
+      cy.findByRole('listbox').contains(`\\begin{${environment}}`).click()
+      cy.get('@second-line').type('foo')
+      cy.get('.cm-content').should(
+        'have.text',
+        [`\\begin{${environment}}`, '    foo', `\\end{${environment}}`].join('')
+      )
+      cy.get('.cm-line').eq(4).click()
+      cy.get('.cm-content').should('have.text', '    foo')
+    }
+  )
+
+  it('invokes MathJax when math is written', function () {
+    cy.get('@first-line').type('foo $\\pi$ bar')
+    cy.get('@second-line').type(
+      'foo \n\\[\\epsilon{rightArrow}{rightArrow}\nbar'
+    )
+    cy.get('.MathJax').first().should('have.text', '\\pi')
+    cy.get('.MathJax').eq(1).should('have.text', '\\epsilon')
+  })
+
+  // TODO: \input
+  // TODO: Abstract
+})
diff --git a/services/web/test/frontend/features/source-editor/components/codemirror-editor.spec.tsx b/services/web/test/frontend/features/source-editor/components/codemirror-editor.spec.tsx
new file mode 100644
index 0000000..a280367
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/components/codemirror-editor.spec.tsx
@@ -0,0 +1,597 @@
+import CodeMirrorEditor from '../../../../../frontend/js/features/source-editor/components/codemirror-editor'
+import { EditorProviders } from '../../../helpers/editor-providers'
+import { mockScope } from '../helpers/mock-scope'
+import { metaKey } from '../helpers/meta-key'
+import { docId } from '../helpers/mock-doc'
+import { activeEditorLine } from '../helpers/active-editor-line'
+import { TestContainer } from '../helpers/test-container'
+import customLocalStorage from '@/infrastructure/local-storage'
+import { OnlineUsersContext } from '@/features/ide-react/context/online-users-context'
+import { FC } from 'react'
+
+describe('<CodeMirrorEditor/>', { scrollBehavior: false }, function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    cy.interceptEvents()
+  })
+
+  it('deletes selected text on Backspace', function () {
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    cy.get('@line').type('this is some text')
+    cy.get('@line').should('have.text', 'this is some text')
+    cy.get('@line').type('{shift}{leftArrow}{leftArrow}{leftArrow}{leftArrow}')
+    cy.get('@line').type('{backspace}')
+    cy.get('@line').should('have.text', 'this is some ')
+  })
+
+  it('renders client-side lint annotations in the gutter', function () {
+    const scope = mockScope()
+    const userSettings = { syntaxValidation: true }
+
+    cy.clock()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope} userSettings={userSettings}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.tick(1000)
+    cy.clock().invoke('restore')
+
+    // TODO: aria role/label for gutter markers?
+    cy.get('.cm-lint-marker-error').should('have.length', 2)
+    cy.get('.cm-lint-marker-warning').should('have.length', 0)
+  })
+
+  it('renders annotations in the gutter', function () {
+    const scope = mockScope()
+
+    scope.pdf.logEntryAnnotations = {
+      [docId]: [
+        {
+          row: 20,
+          type: 'error',
+          text: 'Another error',
+        },
+        {
+          row: 19,
+          type: 'error',
+          text: 'An error',
+        },
+        {
+          row: 20,
+          type: 'warning',
+          text: 'A warning on the same line',
+        },
+        {
+          row: 25,
+          type: 'warning',
+          text: 'Another warning',
+        },
+      ],
+    }
+
+    const userSettings = { syntaxValidation: false }
+
+    cy.clock()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope} userSettings={userSettings}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.tick(1000)
+    cy.clock().invoke('restore')
+
+    // TODO: aria role/label for gutter markers?
+    cy.get('.cm-lint-marker-error').should('have.length', 2)
+    cy.get('.cm-lint-marker-warning').should('have.length', 1)
+  })
+
+  it('renders code in an editor', function () {
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.contains('Your introduction goes here!')
+  })
+
+  it('does not indent when entering new line off non-empty line', function () {
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+    cy.get('@line').type('foo{enter}')
+
+    activeEditorLine().should('have.text', '')
+  })
+
+  it('indents automatically when using snippet', function () {
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    cy.get('@line').type('\\begin{{}itemiz')
+    cy.findAllByRole('listbox').contains('\\begin{itemize}').click()
+
+    activeEditorLine().invoke('text').should('match', /^ {4}/)
+  })
+
+  it('keeps indentation when going to a new line', function () {
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    // Single indentation
+    cy.get('@line').trigger('keydown', { key: 'Tab' })
+    cy.get('@line').type('{enter}')
+
+    activeEditorLine().should('have.text', '    ')
+
+    // Double indentation
+    activeEditorLine().trigger('keydown', { key: 'Tab' }).type('{enter}')
+
+    activeEditorLine().should('have.text', '        ')
+  })
+
+  it('renders cursor highlights', function () {
+    const scope = mockScope()
+
+    const value = {
+      onlineUsers: {},
+      onlineUserCursorHighlights: {
+        [docId]: [
+          {
+            label: 'Test User',
+            cursor: { row: 10, column: 5 },
+            hue: 150,
+          },
+          {
+            label: 'Another User',
+            cursor: { row: 7, column: 2 },
+            hue: 50,
+          },
+          {
+            label: 'Starter User',
+            cursor: { row: 0, column: 0 },
+            hue: 0,
+          },
+        ],
+      },
+      onlineUsersArray: [],
+      onlineUsersCount: 3,
+    }
+
+    const OnlineUsersProvider: FC = ({ children }) => {
+      return (
+        <OnlineUsersContext.Provider value={value}>
+          {children}
+        </OnlineUsersContext.Provider>
+      )
+    }
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope} providers={{ OnlineUsersProvider }}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.get('.ol-cm-cursorHighlight').should('have.length', 3)
+  })
+
+  it('does not allow typing to the document in read-only mode', function () {
+    const scope = mockScope()
+    scope.permissionsLevel = 'readOnly'
+    scope.permissions.write = false
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    // Handling the thrown error on failing to type text
+    cy.on('fail', error => {
+      if (error.message.includes('it requires a valid typeable element')) {
+        return
+      }
+
+      throw error
+    })
+
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    cy.get('@line').type('text')
+    cy.get('@line').should('not.contain.text', 'text')
+  })
+
+  it('highlights matching brackets', function () {
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).click()
+
+    const pairs = ['()', '[]', '{}']
+
+    pairs.forEach(pair => {
+      activeEditorLine().type(pair).as('line')
+      cy.get('@line').find('.cm-matchingBracket')
+      cy.get('@line').type('{enter}')
+    })
+  })
+
+  it('folds code', function () {
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    // select foldable line
+    cy.get('.cm-line').eq(9).as('line')
+    cy.get('@line').click()
+
+    const testUnfoldedState = () => {
+      cy.get('.cm-gutterElement').eq(11).should('have.text', '11')
+
+      cy.get('.cm-gutterElement').eq(12).should('have.text', '12')
+    }
+
+    const testFoldedState = () => {
+      cy.get('.cm-gutterElement').eq(11).should('have.text', '13')
+
+      cy.get('.cm-gutterElement').eq(12).should('have.text', '14')
+    }
+
+    testUnfoldedState()
+
+    // Fold
+    cy.get('span[title="Fold line"]').eq(1).click()
+
+    testFoldedState()
+
+    // Unfold
+    cy.get('span[title="Unfold line"]').eq(1).click()
+
+    testUnfoldedState()
+  })
+
+  it('save file with `:w` command in vim mode', function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', false)
+    cy.interceptCompile()
+
+    const scope = mockScope()
+    const userSettings = { mode: 'vim' }
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope} userSettings={userSettings}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    // Compile on initial load
+    cy.waitForCompile()
+    cy.interceptCompile()
+
+    // put the cursor on a blank line to type in
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+
+    cy.get('.cm-vim-panel').should('have.length', 0)
+
+    cy.get('@line').type(':')
+
+    cy.get('.cm-vim-panel').should('have.length', 1)
+
+    cy.get('.cm-vim-panel input').type('w')
+    cy.get('.cm-vim-panel input').type('{enter}')
+
+    // Compile after save
+    cy.waitForCompile()
+  })
+
+  it('search and replace text', function () {
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    cy.get('.cm-line').eq(16).as('line')
+
+    cy.get('@line').click()
+    cy.get('@line').type(
+      '{enter}text_to_find{enter}abcde 1{enter}abcde 2{enter}abcde 3{enter}ABCDE 4{enter}'
+    )
+
+    // select text `text_to_find`
+    cy.get('.cm-line').eq(17).as('lineToFind')
+    cy.get('@lineToFind').dblclick()
+
+    // search panel is not displayed
+    cy.findByRole('search').should('have.length', 0)
+
+    cy.get('@lineToFind').type(`{${metaKey}+f}`)
+
+    // search panel is displayed
+    cy.findByRole('search').should('have.length', 1)
+
+    cy.findByRole('textbox', { name: 'Find' }).as('search-input')
+    cy.findByRole('textbox', { name: 'Replace' }).as('replace-input')
+
+    cy.get('@search-input')
+      // search input should be focused
+      .should('be.focused')
+      // search input's value should be set to the selected text
+      .should('have.value', 'text_to_find')
+
+    cy.get('@search-input').clear()
+    cy.get('@search-input').type('abcde')
+
+    cy.findByRole('button', { name: 'next' }).as('next-btn')
+    cy.findByRole('button', { name: 'previous' }).as('previous-btn')
+
+    // shows the number of matches
+    cy.contains(`1 of 4`)
+
+    for (let i = 4; i; i--) {
+      // go to previous occurrence
+      cy.get('@previous-btn').click()
+
+      // shows the number of matches
+      cy.contains(`${i} of 4`)
+    }
+
+    for (let i = 1; i <= 4; i++) {
+      // shows the number of matches
+      cy.contains(`${i} of 4`)
+
+      // go to next occurrence
+      cy.get('@next-btn').click()
+    }
+
+    // roll round to 1
+    cy.contains(`1 of 4`)
+
+    // matches case
+    cy.contains('Aa').click()
+    cy.get('@search-input').clear()
+    cy.get('@search-input').type('ABCDE')
+    cy.get('.cm-searchMatch-selected').should('contain.text', 'ABCDE')
+    cy.get('@search-input').clear()
+    cy.contains('Aa').click()
+
+    // matches regex
+    cy.contains('[.*]').click()
+    cy.get('@search-input').type('\\\\author\\{{}\\w+\\}')
+    cy.get('.cm-searchMatch-selected').should('contain.text', '\\author{You}')
+    cy.contains('[.*]').click()
+    cy.get('@search-input').clear()
+    cy.get('.cm-searchMatch-selected').should('not.exist')
+
+    // replace
+    cy.get('@search-input').type('abcde 1')
+    cy.get('@replace-input').type('test 1')
+    cy.findByRole('button', { name: 'Replace' }).click()
+    cy.get('.cm-line')
+      .eq(18)
+      .should('contain.text', 'test 1')
+      .should('not.contain.text', 'abcde')
+
+    // replace all
+    cy.get('@search-input').clear()
+    cy.get('@search-input').type('abcde')
+    cy.get('@replace-input').clear()
+    cy.get('@replace-input').type('test')
+    cy.findByRole('button', { name: /replace all/i }).click()
+    cy.get('@search-input').clear()
+    cy.get('@replace-input').clear()
+    cy.should('not.contain.text', 'abcde')
+
+    // replace all within selection
+    cy.get('@search-input').clear()
+    cy.get('@search-input').type('contentLine')
+    cy.get('.ol-cm-search-form-position').should('have.text', '1 of 100')
+
+    cy.get('.cm-line').eq(27).as('contentLine')
+    cy.get('@contentLine').should('contain.text', 'contentLine 0')
+    cy.get('@contentLine').click()
+    cy.get('@contentLine').type('{shift}{downArrow}{downArrow}{downArrow}')
+
+    cy.findByLabelText('Within selection').click()
+    cy.get('.ol-cm-search-form-position').should('have.text', '1 of 3')
+    cy.get('@replace-input').clear()
+    cy.get('@replace-input').type('contentedLine')
+    cy.findByRole('button', { name: /replace all/i }).click()
+    cy.get('.cm-line:contains("contentedLine")').should('have.length', 3)
+    cy.findByLabelText('Within selection').click()
+    cy.get('.ol-cm-search-form-position').should('have.text', '2 of 97')
+    cy.get('@search-input').clear()
+    cy.get('@replace-input').clear()
+
+    // close the search form, to clear the stored query
+    cy.findByRole('button', { name: 'Close' }).click()
+  })
+
+  it('navigates in the search panel', function () {
+    const scope = mockScope()
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    // Open the search panel
+    cy.get('.cm-line').eq(16).as('line')
+    cy.get('@line').click()
+    cy.get('@line').type(`{${metaKey}+f}`)
+
+    cy.findByRole('search').within(() => {
+      cy.findByLabelText('Find').as('find-input')
+      cy.findByLabelText('Replace').as('replace-input')
+      cy.get('[type="checkbox"][name="caseSensitive"]').as('case-sensitive')
+      cy.get('[type="checkbox"][name="regexp"]').as('regexp')
+      cy.get('[type="checkbox"][name="wholeWord"]').as('whole-word')
+      cy.get('[type="checkbox"][name="withinSelection"]').as('within-selection')
+      cy.get('label').contains('Aa').as('case-sensitive-label')
+      cy.get('label').contains('[.*]').as('regexp-label')
+      cy.get('label').contains('W').as('whole-word-label')
+      cy.findByLabelText('Within selection').as('within-selection-label')
+      cy.findByRole('button', { name: 'Replace' }).as('replace')
+      cy.findByRole('button', { name: 'Replace All' }).as('replace-all')
+      cy.findByRole('button', { name: 'previous' }).as('find-previous')
+      cy.findByRole('button', { name: 'next' }).as('find-next')
+      cy.findByRole('button', { name: 'Close' }).as('close')
+
+      // Tab forwards...
+      cy.get('@find-input').should('be.focused').tab()
+      cy.get('@replace-input').should('be.focused').tab()
+      cy.get('@case-sensitive').should('be.focused').tab()
+      cy.get('@regexp').should('be.focused').tab()
+      cy.get('@whole-word').should('be.focused').tab()
+      cy.get('@within-selection').should('be.focused').tab()
+      cy.get('@find-previous').should('be.focused').tab()
+      cy.get('@find-next').should('be.focused').tab()
+      cy.get('@replace').should('be.focused').tab()
+      cy.get('@replace-all').should('be.focused').tab()
+
+      // ... then backwards
+      cy.get('@close').should('be.focused').tab({ shift: true })
+      cy.get('@replace-all').should('be.focused').tab({ shift: true })
+      cy.get('@replace').should('be.focused').tab({ shift: true })
+      cy.get('@find-next').should('be.focused').tab({ shift: true })
+      cy.get('@find-previous').should('be.focused').tab({ shift: true })
+      cy.get('@within-selection').should('be.focused').tab({ shift: true })
+      cy.get('@whole-word').should('be.focused').tab({ shift: true })
+      cy.get('@regexp').should('be.focused').tab({ shift: true })
+      cy.get('@case-sensitive').should('be.focused').tab({ shift: true })
+      cy.get('@replace-input').should('be.focused').tab({ shift: true })
+      cy.get('@find-input').should('be.focused')
+
+      for (const option of [
+        '@case-sensitive-label',
+        '@regexp-label',
+        '@whole-word-label',
+        '@within-selection-label',
+      ]) {
+        // Toggle when clicked, then focus the search input
+        cy.get(option).click()
+        cy.get(option).should('have.class', 'checked')
+        cy.get('@find-input').should('be.focused')
+
+        // Toggle when clicked again, then focus the search input
+        cy.get(option).click()
+        cy.get(option).should('not.have.class', 'checked')
+        cy.get('@find-input').should('be.focused')
+      }
+    })
+  })
+
+  it('restores stored cursor and scroll position', function () {
+    const scope = mockScope()
+
+    customLocalStorage.setItem(`doc.position.${docId}`, {
+      cursorPosition: { row: 50, column: 5 },
+      firstVisibleLine: 45,
+    })
+
+    cy.mount(
+      <TestContainer>
+        <EditorProviders scope={scope}>
+          <CodeMirrorEditor />
+        </EditorProviders>
+      </TestContainer>
+    )
+
+    activeEditorLine()
+      .should('have.text', 'contentLine 29')
+      .should(() => {
+        const selection = window.getSelection() as Selection
+        expect(selection.isCollapsed).to.be.true
+
+        const rect = selection.getRangeAt(0).getBoundingClientRect()
+        expect(Math.round(rect.top)).to.be.gte(100)
+        expect(Math.round(rect.left)).to.be.gte(90)
+      })
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/extensions/cursor-position.test.ts b/services/web/test/frontend/features/source-editor/extensions/cursor-position.test.ts
new file mode 100644
index 0000000..66b1ae2
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/extensions/cursor-position.test.ts
@@ -0,0 +1,113 @@
+import sinon from 'sinon'
+import { waitFor } from '@testing-library/react'
+import { expect } from 'chai'
+import { EditorView } from '@codemirror/view'
+import { EditorSelection, EditorState } from '@codemirror/state'
+import {
+  cursorPosition,
+  restoreCursorPosition,
+} from '../../../../../frontend/js/features/source-editor/extensions/cursor-position'
+
+const doc = `
+\\documentclass{article}
+\\title{Your Paper}
+\\author{You}
+\\begin{document}
+\\maketitle
+\\begin{abstract}
+Your abstract.
+\\end{abstract}
+\\section{Introduction}
+Your introduction goes here!
+\\end{document}`
+
+const mockDoc = () => {
+  return {
+    doc_id: 'test-doc',
+  }
+}
+
+describe('CodeMirror cursor position extension', function () {
+  afterEach(function () {
+    sinon.restore()
+  })
+
+  it('stores cursor position when the view is destroyed', async function () {
+    const currentDoc = mockDoc()
+
+    sinon.stub(window.Storage.prototype, 'getItem').callsFake(key => {
+      switch (key) {
+        case 'doc.position.test-doc':
+          return JSON.stringify({
+            cursorPosition: { row: 1, column: 1 },
+            firstVisibleLine: 5,
+          })
+        default:
+          return null
+      }
+    })
+
+    const setItem = sinon.spy(window.Storage.prototype, 'setItem')
+
+    const view = new EditorView({
+      state: EditorState.create({
+        doc,
+        extensions: [cursorPosition({ currentDoc })],
+      }),
+    })
+
+    view.dispatch({
+      selection: EditorSelection.cursor(50),
+    })
+
+    view.destroy()
+
+    await waitFor(() => {
+      expect(setItem).to.have.been.calledWith(
+        'doc.position.test-doc',
+        JSON.stringify({
+          cursorPosition: {
+            row: 3,
+            column: 6,
+          },
+          firstVisibleLine: 5,
+        })
+      )
+    })
+  })
+
+  it('restores cursor position', async function () {
+    const currentDoc = mockDoc()
+
+    const getItem = sinon
+      .stub(window.Storage.prototype, 'getItem')
+      .callsFake(key => {
+        switch (key) {
+          case 'doc.position.test-doc':
+            return JSON.stringify({
+              cursorPosition: { row: 3, column: 5 },
+              firstVisibleLine: 0,
+            })
+          default:
+            return null
+        }
+      })
+
+    const view = new EditorView({
+      state: EditorState.create({
+        doc,
+        extensions: [cursorPosition({ currentDoc })],
+      }),
+    })
+    view.dispatch(restoreCursorPosition(view.state.doc, 'test-doc'))
+
+    expect(getItem).to.have.been.calledWith('doc.position.test-doc')
+
+    await waitFor(() => {
+      const [range] = view.state.selection.ranges
+      expect(range.head).to.eq(49)
+      expect(range.anchor).to.eq(49)
+      expect(range.empty).to.eq(true)
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/extensions/line-duplication-command.test.ts b/services/web/test/frontend/features/source-editor/extensions/line-duplication-command.test.ts
new file mode 100644
index 0000000..46314a2
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/extensions/line-duplication-command.test.ts
@@ -0,0 +1,169 @@
+import { foldEffect, foldState } from '@codemirror/language'
+import { EditorSelection, EditorState } from '@codemirror/state'
+import { DecorationSet, EditorView } from '@codemirror/view'
+import { expect } from 'chai'
+import { duplicateSelection } from '../../../../../frontend/js/features/source-editor/commands/ranges'
+
+type Position = {
+  from: number
+  to: number
+}
+
+function folds(foldRanges: DecorationSet) {
+  const ranges: Position[] = []
+  foldRanges.between(Number.MIN_VALUE, Number.MAX_VALUE, (from, to) => {
+    ranges.push({ from, to })
+  })
+  return ranges
+}
+
+describe('Line duplication command', function () {
+  describe('For single selections', function () {
+    describe('For cursor selection', function () {
+      it('Cursor selection duplicates line downwards', function () {
+        const view = new EditorView({
+          doc: 'line1\nline2',
+          selection: EditorSelection.cursor(0),
+        })
+
+        duplicateSelection(view)
+
+        expect(view.state.doc.toString()).to.equal('line1\nline1\nline2')
+
+        expect(view.state.selection.ranges.length).to.equal(1)
+        expect(view.state.selection.ranges[0].eq(EditorSelection.cursor(0))).to
+          .be.true
+      })
+
+      it('Preserves folded ranges', function () {
+        const view = new EditorView({
+          doc: '\\begin{itemize}\n\t\\item test\n\\end{itemize}',
+          extensions: foldState,
+        })
+
+        view.dispatch(
+          view.state.update({
+            selection: EditorSelection.cursor(0),
+            // Fold to \begin{itemize}...\end{itemize}
+            effects: [foldEffect.of({ from: 15, to: 28 })],
+          })
+        )
+
+        duplicateSelection(view)
+
+        expect(folds(view.state.field(foldState))).to.deep.equal([
+          { from: 15, to: 28 },
+          { from: 57, to: 70 },
+        ])
+
+        expect(view.state.selection.ranges.length).to.equal(1)
+        expect(view.state.selection.ranges[0].eq(EditorSelection.cursor(0))).to
+          .be.true
+      })
+    })
+    describe('For range selections', function () {
+      it('Duplicates line with a cursor downwards', function () {
+        const view = new EditorView({
+          doc: 'line1\nline2',
+          selection: EditorSelection.cursor(0),
+        })
+
+        duplicateSelection(view)
+
+        expect(view.state.doc.toString()).to.equal('line1\nline1\nline2')
+      })
+
+      it('Duplicates range forwards', function () {
+        const view = new EditorView({
+          doc: 'line1\nline2',
+          selection: EditorSelection.range(0, 5),
+        })
+
+        duplicateSelection(view)
+
+        expect(view.state.doc.toString()).to.equal('line1line1\nline2')
+        expect(view.state.selection.ranges.length).to.equal(1)
+        expect(view.state.selection.ranges[0].eq(EditorSelection.range(5, 10)))
+          .to.be.true
+      })
+
+      it('Duplicates range backwards', function () {
+        const view = new EditorView({
+          doc: 'line1\nline2',
+          selection: EditorSelection.range(5, 0),
+        })
+
+        duplicateSelection(view)
+
+        expect(view.state.doc.toString()).to.equal('line1line1\nline2')
+        expect(view.state.selection.ranges.length).to.equal(1)
+        expect(view.state.selection.ranges[0].eq(EditorSelection.range(5, 0)))
+          .to.be.true
+      })
+    })
+  })
+
+  describe('For multiple selections', function () {
+    it('Preserves folded ranges', function () {
+      const doc =
+        '\\begin{itemize}\n\t\\item line1\n\\end{itemize}\n\\begin{itemize}\n\t\\item line2\n\\end{itemize}'
+      const view = new EditorView({
+        doc,
+        extensions: [foldState, EditorState.allowMultipleSelections.of(true)],
+      })
+
+      view.dispatch(
+        view.state.update({
+          selection: EditorSelection.create([
+            EditorSelection.cursor(0),
+            EditorSelection.cursor(43),
+          ]),
+          effects: [
+            foldEffect.of({ from: 15, to: 29 }),
+            foldEffect.of({ from: 58, to: 72 }),
+          ],
+        })
+      )
+
+      duplicateSelection(view)
+
+      expect(view.state.doc.toString()).to.equal(
+        '\\begin{itemize}\n\t\\item line1\n\\end{itemize}\n\\begin{itemize}\n\t\\item line1\n\\end{itemize}\n\\begin{itemize}\n\t\\item line2\n\\end{itemize}\n\\begin{itemize}\n\t\\item line2\n\\end{itemize}'
+      )
+
+      expect(folds(view.state.field(foldState))).to.deep.equal([
+        { from: 15, to: 29 },
+        { from: 58, to: 72 },
+        { from: 101, to: 115 },
+        { from: 144, to: 158 },
+      ])
+
+      expect(view.state.selection.ranges.length).to.equal(2)
+      expect(view.state.selection.ranges[0].eq(EditorSelection.cursor(0))).to.be
+        .true
+      expect(view.state.selection.ranges[1].eq(EditorSelection.cursor(86))).to
+        .be.true
+    })
+
+    it('Duplicates all selections', function () {
+      const view = new EditorView({
+        doc: 'line1\nline2',
+        extensions: [EditorState.allowMultipleSelections.of(true)],
+        selection: EditorSelection.create([
+          EditorSelection.cursor(1),
+          EditorSelection.range(7, 9),
+        ]),
+      })
+
+      duplicateSelection(view)
+
+      expect(view.state.doc.toString()).to.equal('line1\nline1\nlinine2')
+
+      expect(view.state.selection.ranges.length).to.equal(2)
+      expect(view.state.selection.ranges[0].eq(EditorSelection.cursor(1))).to.be
+        .true
+      expect(view.state.selection.ranges[1].eq(EditorSelection.range(15, 17)))
+        .to.be.true
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/extensions/line-wrapping-indentation.test.ts b/services/web/test/frontend/features/source-editor/extensions/line-wrapping-indentation.test.ts
new file mode 100644
index 0000000..3db8088
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/extensions/line-wrapping-indentation.test.ts
@@ -0,0 +1,115 @@
+import { expect } from 'chai'
+import { EditorView, DecorationSet } from '@codemirror/view'
+import { EditorState } from '@codemirror/state'
+import { buildDecorations } from '../../../../../frontend/js/features/source-editor/extensions/line-wrapping-indentation'
+
+const basicDoc = `
+\\begin{document}
+Test
+\\end{document}
+`
+
+const docLongLineNoIndentation = `
+\\begin{document}
+Test
+Hello one two three four one two three four  one two three four one two three four  one two three four one two three four  one two three four one two three four  one two three four one two three four  one two three four one two three four
+\\end{document}
+`
+
+const docLongLineWithIndentation = `
+\\begin{document}
+Test
+  Hello one two three four one two three four  one two three four one two three four  one two three four one two three four  one two three four one two three four  one two three four one two three four  one two three four one two three four
+\\end{document}
+`
+
+const docLongLineWithLotsOfIndentation = `
+\\begin{document}
+Test
+  Hello one two three four one two three four  one two three four one two three four  one two three four one two three four  one two three four one two three four  one two three four one two three four  one two three four one two three four
+
+  Hello one two three four one two three four  one two three four one two three four  one two three four one two three four  one two three four one two three four  one two three four one two three four  one two three four one two three four
+
+    Hello one two three four one two three four  one two three four one two three four  one two three four one two three four  one two three four one two three four  one two three four one two three four  one two three four one two three four
+
+Hello
+
+  Hello one two three four one two three four  one two three four one two three four  one two three four one two three four  one two three four one two three four  one two three four one two three four  one two three four one two three four
+
+Hello
+\\end{document}
+`
+
+describe('line-wrapping-indentation', function () {
+  describe('buildDecorations', function () {
+    const _buildView = (doc: string) => {
+      return new EditorView({
+        state: EditorState.create({
+          doc,
+        }),
+      })
+    }
+
+    const _toArray = (decorations: DecorationSet) => {
+      const result = []
+      const cursor = decorations.iter()
+      while (cursor.value) {
+        result.push({ from: cursor.from, to: cursor.to, value: cursor.value })
+        cursor.next()
+      }
+      return result
+    }
+
+    describe('basic document', function () {
+      it('should have no decorations', function () {
+        const view = _buildView(basicDoc)
+
+        const decorations = buildDecorations(view, 24)
+        expect(decorations).to.exist
+        expect(decorations.size).to.equal(0)
+      })
+    })
+
+    describe('document with long lines, no indentation', function () {
+      it('should have no decorations', function () {
+        const view = _buildView(docLongLineNoIndentation)
+
+        const decorations = buildDecorations(view, 24)
+        expect(decorations).to.exist
+        expect(decorations.size).to.equal(0)
+      })
+    })
+
+    describe('document with long lines, with indentation', function () {
+      it('should have a decoration', function () {
+        const view = _buildView(docLongLineWithIndentation)
+
+        const decorations = buildDecorations(view, 24)
+        expect(decorations).to.exist
+        expect(decorations.size).to.equal(1)
+
+        const decorationItem = _toArray(decorations)[0]
+        expect(decorationItem.from).to.equal(23)
+        expect(decorationItem.to).to.equal(23)
+      })
+    })
+
+    describe('document with long lines, with lots of indentation', function () {
+      it('should have a decoration', function () {
+        const view = _buildView(docLongLineWithLotsOfIndentation)
+
+        const decorations = buildDecorations(view, 24)
+        expect(decorations).to.exist
+        expect(decorations.size).to.equal(4)
+
+        const decorationsArray = _toArray(decorations)
+        const expectedPositions = [23, 265, 507, 758]
+
+        decorationsArray.forEach((item, index) => {
+          expect(item.from).to.equal(expectedPositions[index])
+          expect(item.to).to.equal(expectedPositions[index])
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/extensions/realtime.test.ts b/services/web/test/frontend/features/source-editor/extensions/realtime.test.ts
new file mode 100644
index 0000000..7e301fd
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/extensions/realtime.test.ts
@@ -0,0 +1,66 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import { EditorFacade } from '../../../../../frontend/js/features/source-editor/extensions/realtime'
+import { EditorView } from '@codemirror/view'
+import { EditorState } from '@codemirror/state'
+
+describe('CodeMirror EditorFacade', function () {
+  let state: EditorState, view: EditorView
+  beforeEach(function () {
+    state = EditorState.create()
+    view = new EditorView({ state })
+  })
+
+  it('should allow us to manipulate the CodeMirror document', function () {
+    const editor = new EditorFacade(view)
+    const text = 'basic test, nothing more'
+
+    editor.cmInsert(0, text)
+
+    expect(editor.getValue()).to.equal(text)
+
+    editor.cmDelete(0, 'b')
+
+    expect(editor.getValue()).to.equal(text.slice(1))
+  })
+
+  it('should allow us to attach change listeners', function () {
+    const editor = new EditorFacade(view)
+    const listenerA = sinon.stub()
+    const listenerB = sinon.stub()
+
+    editor.on('change', listenerA)
+    editor.on('change', listenerB)
+
+    expect(listenerA).to.not.have.been.called
+    expect(listenerB).to.not.have.been.called
+
+    const magicNumber = Math.random()
+    editor.emit('change', magicNumber)
+
+    expect(listenerA).to.have.been.calledWith(magicNumber)
+    expect(listenerB).to.have.been.calledWith(magicNumber)
+  })
+
+  it('should attach to ShareJs document', function () {
+    const editor = new EditorFacade(view)
+    const text = 'something nice'
+    const shareDoc = {
+      on: sinon.stub(),
+      getText: sinon.stub().returns(text),
+      removeListener: sinon.stub(),
+      detach_cm6: undefined,
+    }
+
+    editor.cmInsert(0, text)
+
+    // @ts-ignore
+    editor.attachShareJs(shareDoc)
+
+    expect(shareDoc.on.callCount).to.equal(2)
+    expect(shareDoc.on).to.have.been.calledWith('insert')
+    expect(shareDoc.on).to.have.been.calledWith('delete')
+
+    expect(shareDoc.detach_cm6).to.be.a('function')
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/extensions/scroll-position.test.ts b/services/web/test/frontend/features/source-editor/extensions/scroll-position.test.ts
new file mode 100644
index 0000000..d5b9b68
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/extensions/scroll-position.test.ts
@@ -0,0 +1,119 @@
+import sinon from 'sinon'
+import { fireEvent, waitFor } from '@testing-library/react'
+import { expect } from 'chai'
+import { EditorView } from '@codemirror/view'
+import { EditorState } from '@codemirror/state'
+import {
+  restoreScrollPosition,
+  scrollPosition,
+} from '../../../../../frontend/js/features/source-editor/extensions/scroll-position'
+
+const doc = `
+\\documentclass{article}
+\\title{Your Paper}
+\\author{You}
+\\begin{document}
+\\maketitle
+\\begin{abstract}
+Your abstract.
+\\end{abstract}
+\\section{Introduction}
+Your introduction goes here!
+\\end{document}`
+
+const mockDoc = () => {
+  return {
+    doc_id: 'test-doc',
+  }
+}
+
+describe('CodeMirror scroll position extension', function () {
+  beforeEach(function () {
+    sinon.stub(HTMLElement.prototype, 'scrollHeight').returns(800)
+    sinon.stub(HTMLElement.prototype, 'scrollWidth').returns(500)
+    sinon.stub(HTMLElement.prototype, 'clientHeight').returns(200)
+    sinon.stub(HTMLElement.prototype, 'clientWidth').returns(500)
+
+    sinon
+      .stub(HTMLElement.prototype, 'getBoundingClientRect')
+      .returns({ top: 100, left: 0, right: 500, bottom: 200 } as DOMRect)
+
+    // Range.getClientRects doesn't exist yet in jsdom
+    window.Range.prototype.getClientRects = sinon.stub().returns([])
+  })
+
+  afterEach(function () {
+    sinon.restore()
+    // @ts-ignore
+    delete window.Range.prototype.getClientRects
+  })
+
+  it('stores scroll position when the view is destroyed', async function () {
+    const currentDoc = mockDoc()
+
+    sinon.stub(window.Storage.prototype, 'getItem').callsFake(key => {
+      switch (key) {
+        case 'doc.position.test-doc':
+          return JSON.stringify({
+            cursorPosition: { row: 2, column: 2 },
+            firstVisibleLine: 5,
+          })
+        default:
+          return null
+      }
+    })
+
+    const view = new EditorView({
+      state: EditorState.create({
+        doc,
+        extensions: [scrollPosition({ currentDoc }, { visual: false })],
+      }),
+    })
+
+    const setItem = sinon.spy(window.Storage.prototype, 'setItem')
+    fireEvent.scroll(view.scrollDOM, { target: { scrollTop: 10 } })
+
+    view.destroy()
+
+    const expected = JSON.stringify({
+      cursorPosition: { row: 2, column: 2 },
+      firstVisibleLine: 12,
+    })
+
+    await waitFor(() => {
+      expect(setItem).to.have.been.calledWith('doc.position.test-doc', expected)
+    })
+  })
+
+  it('restores scroll position', async function () {
+    const currentDoc = mockDoc()
+
+    const getItem = sinon
+      .stub(window.Storage.prototype, 'getItem')
+      .callsFake(key => {
+        switch (key) {
+          case 'editor.position.test-doc':
+            return JSON.stringify({ firstVisibleLine: 12 })
+          default:
+            return null
+        }
+      })
+
+    const view = new EditorView({
+      state: EditorState.create({
+        doc,
+        extensions: [scrollPosition({ currentDoc }, { visual: false })],
+      }),
+    })
+    view.dispatch(restoreScrollPosition())
+
+    await waitFor(() => {
+      expect(getItem).to.have.been.calledWith('doc.position.test-doc')
+    })
+
+    // TODO: scrollTop should be a higher value but requires more mocking
+    // await waitFor(() => {
+    //   expect(view.scrollDOM.scrollTop).to.eq(0)
+    // })
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/extensions/spelling/cache.test.ts b/services/web/test/frontend/features/source-editor/extensions/spelling/cache.test.ts
new file mode 100644
index 0000000..c4c9802
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/extensions/spelling/cache.test.ts
@@ -0,0 +1,61 @@
+import { WordCache } from '@/features/source-editor/extensions/spelling/cache'
+import { expect } from 'chai'
+import { Word } from '@/features/source-editor/extensions/spelling/spellchecker'
+
+describe('WordCache', function () {
+  describe('basic operations', function () {
+    let cache: WordCache, lang: string
+    beforeEach(function () {
+      cache = new WordCache()
+      lang = 'xx'
+    })
+
+    it('should store values in cache', function () {
+      let word = 'foo'
+      expect(cache.get(lang, word)).to.not.exist
+      cache.set(lang, word, true)
+      expect(cache.get(lang, word)).to.equal(true)
+
+      word = 'bar'
+      expect(cache.get(lang, word)).to.not.exist
+      cache.set(lang, word, false)
+      expect(cache.get(lang, word)).to.equal(false)
+    })
+
+    it('should store words in separate languages', function () {
+      const word = 'foo'
+      const otherLang = 'zz'
+
+      cache.set(lang, word, true)
+      expect(cache.get(lang, word)).to.equal(true)
+      expect(cache.get(otherLang, word)).to.not.exist
+
+      cache.set(otherLang, word, false)
+      expect(cache.get(lang, word)).to.equal(true)
+      expect(cache.get(otherLang, word)).to.equal(false)
+    })
+
+    it('should check words against cache', function () {
+      cache.set(lang, 'foo', false)
+      cache.set(lang, 'bar', true)
+      cache.set(lang, 'baz', true)
+      const wordsToCheck = [
+        { text: 'foo', from: 0 },
+        { text: 'baz', from: 1 },
+        { text: 'quux', from: 2 },
+        { text: 'foo', from: 3 },
+        { text: 'zaz', from: 4 },
+      ] as Word[]
+      const result = cache.checkWords(lang, wordsToCheck)
+      expect(result).to.have.keys('knownMisspelledWords', 'unknownWords')
+      expect(result.knownMisspelledWords).to.deep.equal([
+        { text: 'foo', from: 0 },
+        { text: 'foo', from: 3 },
+      ])
+      expect(result.unknownWords).to.deep.equal([
+        { text: 'quux', from: 2 },
+        { text: 'zaz', from: 4 },
+      ])
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/extensions/spelling/spellchecker.test.ts b/services/web/test/frontend/features/source-editor/extensions/spelling/spellchecker.test.ts
new file mode 100644
index 0000000..7500a67
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/extensions/spelling/spellchecker.test.ts
@@ -0,0 +1,135 @@
+import {
+  getWordsFromLine,
+  buildSpellCheckResult,
+  Word,
+} from '@/features/source-editor/extensions/spelling/spellchecker'
+import { expect } from 'chai'
+import { EditorView } from '@codemirror/view'
+import { LaTeXLanguage } from '@/features/source-editor/languages/latex/latex-language'
+import { LanguageSupport } from '@codemirror/language'
+
+const extensions = [new LanguageSupport(LaTeXLanguage)]
+
+describe('SpellChecker', function () {
+  describe('getWordsFromLine', function () {
+    let lang: string
+    beforeEach(function () {
+      /* Note: ignore the word 'test' */
+      lang = 'en'
+    })
+
+    it('should get words from a line', function () {
+      const view = new EditorView({
+        doc: 'Hello test one two',
+        extensions,
+      })
+      const line = view.state.doc.line(1)
+      const words = Array.from(getWordsFromLine(view, line, lang))
+      expect(words).to.deep.equal([
+        { text: 'Hello', from: 0, to: 5, lineNumber: 1, lang: 'en' },
+        { text: 'test', from: 6, to: 10, lineNumber: 1, lang: 'en' },
+        { text: 'one', from: 11, to: 14, lineNumber: 1, lang: 'en' },
+        { text: 'two', from: 15, to: 18, lineNumber: 1, lang: 'en' },
+      ])
+    })
+
+    it('should get no words from an empty line', function () {
+      const view = new EditorView({
+        doc: '    ',
+        extensions,
+      })
+      const line = view.state.doc.line(1)
+      const words = Array.from(getWordsFromLine(view, line, lang))
+      expect(words).to.deep.equal([])
+    })
+
+    it('should ignore content of some commands in the text', function () {
+      const view = new EditorView({
+        doc: '\\usepackage[foo]{ bar } seven eight',
+        extensions,
+      })
+      const line = view.state.doc.line(1)
+      const words = Array.from(getWordsFromLine(view, line, lang))
+      expect(words).to.deep.equal([
+        { text: 'seven', from: 24, to: 29, lineNumber: 1, lang: 'en' },
+        { text: 'eight', from: 30, to: 35, lineNumber: 1, lang: 'en' },
+      ])
+    })
+
+    it('should ignore command names in the text', function () {
+      const view = new EditorView({
+        doc: '\\foo nine \\bar ten \\baz[]{}',
+        extensions,
+      })
+      const line = view.state.doc.line(1)
+      const words = Array.from(getWordsFromLine(view, line, lang))
+      expect(words).to.deep.equal([
+        { text: 'nine', from: 5, to: 9, lineNumber: 1, lang: 'en' },
+        { text: 'ten', from: 15, to: 18, lineNumber: 1, lang: 'en' },
+      ])
+    })
+  })
+
+  describe('buildSpellCheckResult', function () {
+    it('should build an empty result', function () {
+      const knownMisspelledWords: Word[] = []
+      const unknownWords: Word[] = []
+      const misspellings: { index: number }[] = []
+      const result = buildSpellCheckResult(
+        knownMisspelledWords,
+        unknownWords,
+        misspellings
+      )
+      expect(result).to.deep.equal({
+        cacheAdditions: [],
+        misspelledWords: [],
+      })
+    })
+    it('should build a realistic result', function () {
+      const _makeWord = (text: string) => {
+        return new Word({
+          text,
+          from: 0,
+          to: 0,
+          lineNumber: 0,
+          lang: 'xx',
+        })
+      }
+      // We know this word is misspelled
+      const knownMisspelledWords = [_makeWord('fff')]
+      // These words we didn't know
+      const unknownWords = [
+        _makeWord('aaa'),
+        _makeWord('bbb'),
+        _makeWord('ccc'),
+        _makeWord('ddd'),
+      ]
+      // These are the suggestions we got back from the backend
+      const misspellings = [{ index: 1 }, { index: 3 }]
+      // Build the result structure
+      const result = buildSpellCheckResult(
+        knownMisspelledWords,
+        unknownWords,
+        misspellings
+      )
+      expect(result).to.have.keys('cacheAdditions', 'misspelledWords')
+      // Check cache additions
+      expect(result.cacheAdditions.map(([k, v]) => [k.text, v])).to.deep.equal([
+        // Put these in cache as known misspellings
+        ['bbb', false],
+        ['ddd', false],
+        // Put these in cache as known-correct
+        ['aaa', true],
+        ['ccc', true],
+      ])
+      // Check misspellings
+      expect(result.misspelledWords.map(w => w.text)).to.deep.equal([
+        // Words in the payload that we now know were misspelled
+        'bbb',
+        'ddd',
+        // Word we already knew was misspelled, preserved here
+        'fff',
+      ])
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/helpers/active-editor-line.ts b/services/web/test/frontend/features/source-editor/helpers/active-editor-line.ts
new file mode 100644
index 0000000..9e558b6
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/helpers/active-editor-line.ts
@@ -0,0 +1,26 @@
+export const activeEditorLine = () => {
+  // wait for the selection to be in the editor content DOM
+  cy.window().then(win => {
+    cy.get('.cm-content').should($el => {
+      const contentNode = $el.get(0)
+      const range = win.getSelection()?.getRangeAt(0)
+      expect(range?.intersectsNode(contentNode)).to.be.true
+    })
+  })
+
+  // find the closest line block ancestor of the selection
+  return cy.window().then(win => {
+    const activeNode = win.getSelection()?.focusNode
+
+    if (!activeNode) {
+      return cy.wrap(null)
+    }
+
+    // use the parent element if this is a node, e.g. text
+    const activeElement = (
+      'closest' in activeNode ? activeNode : activeNode.parentElement
+    ) as HTMLElement | undefined
+
+    return cy.wrap(activeElement?.closest('.cm-line'))
+  })
+}
diff --git a/services/web/test/frontend/features/source-editor/helpers/codemirror.ts b/services/web/test/frontend/features/source-editor/helpers/codemirror.ts
new file mode 100644
index 0000000..93e5bf7
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/helpers/codemirror.ts
@@ -0,0 +1,249 @@
+/* eslint-disable no-dupe-class-members */
+import { LanguageSupport } from '@codemirror/language'
+import { EditorSelection, Line, SelectionRange } from '@codemirror/state'
+import { EditorView } from '@codemirror/view'
+import { Assertion } from 'chai'
+import { LaTeXLanguage } from '../../../../../frontend/js/features/source-editor/languages/latex/latex-language'
+
+export class CodemirrorTestSession {
+  public view: EditorView
+
+  constructor(content: string[] | string) {
+    this.view = createView(content)
+  }
+
+  insert(content: string): void {
+    this.view.dispatch(
+      this.view.state.changeByRange(range => {
+        const changeDescription = [
+          {
+            from: range.from,
+            to: range.to,
+            insert: content,
+          },
+        ]
+
+        const changes = this.view.state.changes(changeDescription)
+
+        return {
+          range: EditorSelection.cursor(range.head).map(changes),
+          changes,
+        }
+      })
+    )
+  }
+
+  insertAt(position: number, content: string) {
+    const changes = [{ from: position, insert: content }]
+    this.view.dispatch({
+      changes,
+      selection: this.view.state.selection.map(
+        this.view.state.changes(changes),
+        1
+      ),
+    })
+  }
+
+  insertAtLine(line: number, offset: number, content: string): void
+  insertAtLine(line: number, content: string): void
+  insertAtLine(
+    lineNumber: number,
+    offsetOrContent: string | number,
+    content?: string
+  ) {
+    const line = this.view.state.doc.line(lineNumber)
+    if (typeof offsetOrContent === 'string' && typeof content === 'string') {
+      throw new Error(
+        'If a third argument is provided, the second must be an integer'
+      )
+    }
+    // Insert at end of line
+    if (typeof offsetOrContent === 'string') {
+      content = offsetOrContent
+      offsetOrContent = line.to
+    }
+
+    if (typeof content !== 'string') {
+      throw new Error('content must be provided to insertAtLine')
+    }
+
+    if (offsetOrContent < line.from || offsetOrContent > line.to) {
+      throw new Error('Offset is outside the range of the line')
+    }
+    this.insertAt(line.from + offsetOrContent, content)
+  }
+
+  delete(position: number, length: number) {
+    this.view.dispatch({
+      changes: [{ from: position - length, to: position }],
+    })
+  }
+
+  applyCommand(command: (view: EditorView) => any) {
+    return command(this.view)
+  }
+
+  setCursor(position: number): void
+  setCursor(line: number, offset: number): void
+  setCursor(positionOrLine: number, offset?: number) {
+    if (offset !== undefined) {
+      const line = this.view.state.doc.line(positionOrLine)
+      positionOrLine = line.from + offset
+    }
+    this.view.dispatch({
+      selection: EditorSelection.cursor(positionOrLine),
+    })
+  }
+
+  setSelection(selection: EditorSelection) {
+    this.view.dispatch({
+      selection,
+    })
+  }
+}
+
+const latex = new LanguageSupport(LaTeXLanguage)
+function createView(content: string[] | string): EditorView {
+  if (Array.isArray(content)) {
+    content = content.join('\n')
+  }
+  return new EditorView({
+    doc: stripSelectionMarkers(content),
+    selection: createSelections(content) ?? EditorSelection.cursor(0),
+    extensions: [latex],
+  })
+}
+
+function stripSelectionMarkers(content: string) {
+  return content.replaceAll(/[<|>]/g, '')
+}
+
+function hasSelectionMarkers(content: string) {
+  return !!content.match(/[<|>]/g)
+}
+
+function createSelections(content: string, offset = 0) {
+  const selections = []
+  let index = 0
+  for (let i = 0; i < content.length; i++) {
+    if (content[i] === '|') {
+      selections.push(EditorSelection.cursor(index + offset))
+    }
+    if (content[i] === '<') {
+      // find end
+      const startOfRange = index
+      let foundEnd = false
+      for (++i; i < content.length; ++i) {
+        if (content[i] === '|') {
+          throw new Error(
+            "Invalid cursor indicator '|' within a range started with '<'"
+          )
+        }
+        if (content[i] === '<') {
+          throw new Error(
+            "Invalid start range indicator '<' inside another range"
+          )
+        }
+        if (content[i] === '>') {
+          foundEnd = true
+          selections.push(
+            EditorSelection.range(startOfRange + offset, index + offset)
+          )
+          break
+        }
+        index++
+      }
+      if (!foundEnd) {
+        throw new Error("Missing end range indicator '>'")
+      }
+    }
+    index++
+  }
+  if (selections.length) {
+    return EditorSelection.create(selections)
+  }
+  return null
+}
+
+declare global {
+  // eslint-disable-next-line @typescript-eslint/no-namespace
+  export namespace Chai {
+    interface Assertion {
+      line(lineNumber: number): Assertion
+    }
+  }
+}
+
+export function viewHelpers(chai: Chai.ChaiStatic, utils: Chai.ChaiUtils) {
+  utils.addMethod(
+    chai.Assertion.prototype,
+    'line',
+    function getLine(this: Chai.Assertion, line: number) {
+      const object = utils.flag(this, 'object')
+      new Assertion(object).to.be.instanceOf(CodemirrorTestSession)
+      const testSession = object as CodemirrorTestSession
+      const lineInEditor = testSession.view.state.doc.line(line)
+      utils.flag(this, 'object', lineInEditor.text)
+      utils.flag(this, 'cmSession', testSession)
+      utils.flag(this, 'line', lineInEditor)
+    }
+  )
+  utils.overwriteMethod(chai.Assertion.prototype, 'equal', (_super: any) => {
+    return function newEqual(
+      this: Chai.Assertion,
+      value: string,
+      requireSelections?: boolean
+    ) {
+      const session = utils.flag(this, 'cmSession') as
+        | CodemirrorTestSession
+        | undefined
+      utils.flag(this, 'cmSession', null)
+      const line = utils.flag(this, 'line') as Line | undefined
+      utils.flag(this, 'line', null)
+
+      if (!session || !line) {
+        // eslint-disable-next-line prefer-rest-params
+        return _super.apply(this, arguments)
+      }
+
+      const lineContent = stripSelectionMarkers(value)
+
+      if (requireSelections === undefined) {
+        requireSelections = hasSelectionMarkers(value)
+      }
+
+      // We can now check selections as well
+      const selections = createSelections(value, line.from)
+      const contentAssertion = new Assertion(line.text)
+      utils.transferFlags(this, contentAssertion)
+      contentAssertion.to.equal(lineContent)
+
+      if (selections) {
+        const selectionAssertion = new Assertion(
+          session.view.state.selection.ranges
+        )
+        utils.transferFlags(this, selectionAssertion, false)
+        for (const rangeToMatch of selections.ranges) {
+          selectionAssertion.satisfies(
+            (ranges: SelectionRange[]) =>
+              ranges.some(
+                possibleMatch =>
+                  possibleMatch.eq(rangeToMatch) ||
+                  // Allow reverse selections as well, as we don't syntactically
+                  // distinguish them
+                  EditorSelection.range(
+                    possibleMatch.to,
+                    possibleMatch.from
+                  ).eq(rangeToMatch)
+              ),
+            `Selections [${session.view.state.selection.ranges
+              .map(range => `{ from: ${range.from}, to: ${range.to}}`)
+              .join(', ')}] did not include selection {from: ${
+              rangeToMatch.from
+            }, to: ${rangeToMatch.to}}`
+          )
+        }
+      }
+    }
+  })
+}
diff --git a/services/web/test/frontend/features/source-editor/helpers/meta-key.ts b/services/web/test/frontend/features/source-editor/helpers/meta-key.ts
new file mode 100644
index 0000000..4e1231b
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/helpers/meta-key.ts
@@ -0,0 +1,3 @@
+import { isMac } from '@/shared/utils/os'
+
+export const metaKey = isMac ? 'meta' : 'ctrl'
diff --git a/services/web/test/frontend/features/source-editor/helpers/mock-doc.ts b/services/web/test/frontend/features/source-editor/helpers/mock-doc.ts
new file mode 100644
index 0000000..91f6cc6
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/helpers/mock-doc.ts
@@ -0,0 +1,104 @@
+import { ShareDoc } from '../../../../../types/share-doc'
+import { EventEmitter } from 'events'
+
+export const docId = 'test-doc'
+
+export function mockDocContent(content: string) {
+  return `
+\\documentclass{article}
+
+\\title{Your Paper}
+\\author{You}
+
+\\begin{document}
+\\maketitle
+
+\\begin{abstract}
+Your abstract.
+\\end{abstracts}
+
+\\section{Introduction}
+
+Your introduction goes here!
+
+\\section{Results}
+
+Your results go here! \\cite{foo}
+
+${content}
+
+\\end{document}`
+}
+
+const contentLines = Array.from(Array(100), (e, i) => `contentLine ${i}`)
+const defaultContent = mockDocContent(contentLines.join('\n'))
+
+const MAX_DOC_LENGTH = 2 * 1024 * 1024 // ol-maxDocLength
+
+class MockShareDoc extends EventEmitter {
+  constructor(public text: string) {
+    super()
+  }
+
+  getText() {
+    return this.text
+  }
+
+  insert() {
+    // do nothing
+  }
+
+  del() {
+    // do nothing
+  }
+}
+
+export const mockDoc = (content = defaultContent) => {
+  const mockShareJSDoc: ShareDoc = new MockShareDoc(content)
+
+  return {
+    doc_id: docId,
+    getSnapshot: () => {
+      return content
+    },
+    attachToCM6: (cm6: any) => {
+      cm6.attachShareJs(mockShareJSDoc, MAX_DOC_LENGTH)
+    },
+    detachFromCM6: () => {
+      // Do nothing
+    },
+    on: () => {
+      // Do nothing
+    },
+    off: () => {
+      // Do nothing
+    },
+    ranges: {
+      changes: [],
+      comments: [],
+      getIdSeed: () => '123',
+      setIdSeed: () => {},
+      getTrackedDeletesLength: () => 0,
+      getDirtyState: () => ({
+        comment: {
+          moved: {},
+          removed: {},
+          added: {},
+        },
+        change: {
+          moved: {},
+          removed: {},
+          added: {},
+        },
+      }),
+      resetDirtyState: () => {},
+    },
+    setTrackChangesIdSeeds: () => {},
+    getTrackingChanges: () => true,
+    setTrackingChanges: () => {},
+    getInflightOp: () => null,
+    getPendingOp: () => null,
+    hasBufferedOps: () => false,
+    leaveAndCleanUpPromise: () => false,
+  }
+}
diff --git a/services/web/test/frontend/features/source-editor/helpers/mock-scope.ts b/services/web/test/frontend/features/source-editor/helpers/mock-scope.ts
new file mode 100644
index 0000000..8eafae4
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/helpers/mock-scope.ts
@@ -0,0 +1,85 @@
+import { docId, mockDoc } from './mock-doc'
+import { sleep } from '../../../helpers/sleep'
+import { Folder } from '../../../../../types/folder'
+
+export const rootFolderId = '012345678901234567890123'
+export const figuresFolderId = '123456789012345678901234'
+export const figureId = '234567890123456789012345'
+export const mockScope = (content?: string) => {
+  return {
+    editor: {
+      sharejs_doc: mockDoc(content),
+      open_doc_name: 'test.tex',
+      open_doc_id: docId,
+      showVisual: false,
+      wantTrackChanges: false,
+    },
+    pdf: {
+      logEntryAnnotations: {},
+    },
+    project: {
+      _id: 'test-project',
+      name: 'Test Project',
+      spellCheckLanguage: 'en',
+      rootFolder: [
+        {
+          _id: rootFolderId,
+          name: 'rootFolder',
+          docs: [
+            {
+              _id: docId,
+              name: 'test.tex',
+            },
+          ],
+          folders: [
+            {
+              _id: figuresFolderId,
+              name: 'figures',
+              docs: [
+                {
+                  _id: 'fake-nested-doc-id',
+                  name: 'foo.tex',
+                },
+              ],
+              folders: [],
+              fileRefs: [
+                {
+                  _id: figureId,
+                  name: 'frog.jpg',
+                  hash: '42',
+                },
+                {
+                  _id: 'fake-figure-id',
+                  name: 'unicorn.png',
+                  hash: '43',
+                },
+              ],
+            },
+          ],
+          fileRefs: [],
+        },
+      ] as Folder[],
+      features: {
+        trackChanges: true,
+      },
+      trackChangesState: {},
+      members: [],
+    },
+    permissions: {
+      comment: true,
+      trackedWrite: true,
+      write: true,
+    },
+    ui: {
+      reviewPanelOpen: false,
+    },
+    toggleReviewPanel: cy.stub(),
+    toggleTrackChangesForEveryone: cy.stub(),
+    refreshResolvedCommentsDropdown: cy.stub(() => sleep(1000)),
+    onlineUserCursorHighlights: {},
+    permissionsLevel: 'owner',
+    $on: cy.stub().log(false),
+    $broadcast: cy.stub().log(false),
+    $emit: cy.stub().log(false),
+  }
+}
diff --git a/services/web/test/frontend/features/source-editor/helpers/test-container.tsx b/services/web/test/frontend/features/source-editor/helpers/test-container.tsx
new file mode 100644
index 0000000..8de4dcd
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/helpers/test-container.tsx
@@ -0,0 +1,12 @@
+import { FC, ComponentProps, Suspense } from 'react'
+
+const style = { width: 785, height: 785 }
+
+export const TestContainer: FC<ComponentProps<'div'>> = ({
+  children,
+  ...rest
+}) => (
+  <div style={style} {...rest}>
+    <Suspense fallback={null}>{children}</Suspense>
+  </div>
+)
diff --git a/services/web/test/frontend/features/source-editor/languages/latex/latex-folding.test.ts b/services/web/test/frontend/features/source-editor/languages/latex/latex-folding.test.ts
new file mode 100644
index 0000000..8825164
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/languages/latex/latex-folding.test.ts
@@ -0,0 +1,329 @@
+import { expect } from 'chai'
+import { EditorState, Text } from '@codemirror/state'
+import { LaTeXLanguage } from '../../../../../../frontend/js/features/source-editor/languages/latex/latex-language'
+import {
+  ensureSyntaxTree,
+  foldNodeProp,
+  LanguageSupport,
+} from '@codemirror/language'
+import { EditorView } from '@codemirror/view'
+const latex = new LanguageSupport(LaTeXLanguage)
+
+const makeView = (lines: string[]): EditorView => {
+  const text = Text.of(lines)
+  const view = new EditorView({
+    state: EditorState.create({
+      doc: text,
+      extensions: [latex],
+    }),
+  })
+  return view
+}
+
+type Fold = { from: number; to: number }
+
+const _getFolds = (view: EditorView) => {
+  const ranges: Fold[] = []
+  const tree = ensureSyntaxTree(view.state, view.state.doc.length)
+  if (!tree) {
+    throw new Error("Couldn't get Syntax Tree")
+  }
+  tree.iterate({
+    enter: nodeRef => {
+      const prop = nodeRef.type.prop(foldNodeProp)
+      if (prop) {
+        const hasFold = prop(nodeRef.node, view.state)
+        if (hasFold) {
+          ranges.push({ from: hasFold.from, to: hasFold.to })
+        }
+      }
+    },
+  })
+  return ranges
+}
+
+describe('CodeMirror LaTeX-folding', function () {
+  describe('With empty document', function () {
+    let view: EditorView, content: string[]
+    beforeEach(function () {
+      content = ['']
+      view = makeView(content)
+    })
+
+    it('should not produce any folds', function () {
+      const folds = _getFolds(view)
+      expect(folds).to.be.empty
+    })
+  })
+
+  describe('Sectioning command folding', function () {
+    describe('with no foldable sections', function () {
+      let view: EditorView, content: string[]
+      beforeEach(function () {
+        content = ['hello', 'test']
+        view = makeView(content)
+      })
+
+      it('should not produce any folds', function () {
+        const folds = _getFolds(view)
+        expect(folds).to.be.empty
+      })
+    })
+
+    describe('with one foldable section', function () {
+      let view: EditorView, content: string[]
+
+      beforeEach(function () {
+        content = ['hello', '\\section{one}', 'a', 'b', 'c']
+        view = makeView(content)
+      })
+
+      it('should produce one fold', function () {
+        const folds = _getFolds(view)
+        expect(folds.length).to.equal(1)
+      })
+
+      it('should fold from the section line to last line', function () {
+        const folds = _getFolds(view)
+        const fold = folds[0]
+        expect(view.state.doc.lineAt(fold.from).number).to.equal(2)
+        expect(view.state.doc.lineAt(fold.to).number).to.equal(
+          view.state.doc.lines
+        )
+      })
+    })
+
+    describe('with two foldable sections', function () {
+      let view: EditorView, content: string[]
+
+      beforeEach(function () {
+        content = [
+          'hello',
+          '\\section{one}',
+          'a',
+          'b',
+          '\\section{two}',
+          'c',
+          'd',
+        ]
+        view = makeView(content)
+      })
+
+      it('should produce two folds', function () {
+        const folds = _getFolds(view)
+        expect(folds.length).to.equal(2)
+        expect(view.state.doc.lineAt(folds[0].from).number).to.equal(2)
+        expect(view.state.doc.lineAt(folds[0].to).number).to.equal(4)
+        expect(view.state.doc.lineAt(folds[1].from).number).to.equal(5)
+        expect(view.state.doc.lineAt(folds[1].to).number).to.equal(
+          view.state.doc.lines
+        )
+      })
+    })
+
+    describe('with realistic nesting', function () {
+      let view: EditorView, content: string[]
+
+      beforeEach(function () {
+        content = [
+          'hello',
+          '\\chapter{1}',
+          '  a',
+          '  \\section{1.1}',
+          '    a',
+          '    \\subsection{1.1.1}',
+          '      a',
+          '   \\section{1.2}',
+          '     a',
+          '     \\subsection{1.2.1}',
+          '       a',
+          '\\chapter{2}',
+          '  a',
+          '  \\section{2.1}',
+          '    a',
+          '  \\section{2.2}',
+          '    a',
+        ]
+        view = makeView(content)
+      })
+
+      it('should produce many folds', function () {
+        const folds = _getFolds(view)
+        expect(folds.length).to.equal(8)
+
+        const foldDescriptions = folds.map(fold => {
+          const fromLine = view.state.doc.lineAt(fold.from).number
+          const toLine = view.state.doc.lineAt(fold.to).number
+          return { fromLine, toLine }
+        })
+
+        expect(foldDescriptions).to.deep.equal([
+          { fromLine: 2, toLine: 11 },
+          { fromLine: 4, toLine: 7 },
+          { fromLine: 6, toLine: 7 },
+          { fromLine: 8, toLine: 11 },
+          { fromLine: 10, toLine: 11 },
+          { fromLine: 12, toLine: 17 },
+          { fromLine: 14, toLine: 15 },
+          { fromLine: 16, toLine: 17 },
+        ])
+      })
+    })
+  })
+
+  describe('Environment folding', function () {
+    describe('with single environment', function () {
+      let view: EditorView, content: string[]
+      beforeEach(function () {
+        content = ['\\begin{foo}', 'content', '\\end{foo}']
+        view = makeView(content)
+      })
+
+      it('should fold the environment', function () {
+        const folds = _getFolds(view)
+        expect(folds.length).to.equal(1)
+        expect(folds).to.deep.equal([{ from: 11, to: 20 }])
+      })
+    })
+
+    describe('with nested environment', function () {
+      let view: EditorView, content: string[]
+      beforeEach(function () {
+        content = [
+          '\\begin{foo}',
+          '\\begin{bar}',
+          'content',
+          '\\end{bar}',
+          '\\end{foo}',
+        ]
+        view = makeView(content)
+      })
+
+      it('should fold the environment', function () {
+        const folds = _getFolds(view)
+        expect(folds.length).to.equal(2)
+        expect(folds).to.deep.equal([
+          { from: 11, to: 42 },
+          { from: 23, to: 32 },
+        ])
+      })
+    })
+  })
+
+  describe('Comment folding', function () {
+    describe('with a single set of comments', function () {
+      let view: EditorView, content: string[]
+      beforeEach(function () {
+        content = ['Hello', '% {', 'this is folded', '% }', 'End']
+        view = makeView(content)
+      })
+
+      it('should fold the region marked by comments', function () {
+        const folds = _getFolds(view)
+        expect(folds.length).to.equal(1)
+        expect(folds).to.deep.equal([{ from: 9, to: 27 }])
+      })
+    })
+
+    describe('with several sets of comments', function () {
+      let view: EditorView, content: string[]
+      beforeEach(function () {
+        content = [
+          'Hello',
+          '% {',
+          'this is folded',
+          '% }',
+          '',
+          '% {',
+          'and this also',
+          '% }',
+          'End',
+        ]
+        view = makeView(content)
+      })
+
+      it('should fold both regions marked by comments', function () {
+        const folds = _getFolds(view)
+        expect(folds.length).to.equal(2)
+        expect(folds).to.deep.equal([
+          { from: 9, to: 27 },
+          { from: 33, to: 50 },
+        ])
+      })
+    })
+
+    describe('with nested sets of comments', function () {
+      let view: EditorView, content: string[]
+      beforeEach(function () {
+        content = [
+          'Hello',
+          '% {',
+          'one',
+          '% {',
+          'two',
+          '% {',
+          'three',
+          '% }',
+          'two',
+          '% }',
+          'one',
+          '% }',
+          'End',
+        ]
+        view = makeView(content)
+      })
+
+      it('should fold all the regions marked by comments, with nesting', function () {
+        const folds = _getFolds(view)
+        expect(folds.length).to.equal(3)
+        expect(folds).to.deep.equal([
+          { from: 9, to: 50 },
+          { from: 17, to: 42 },
+          { from: 25, to: 34 },
+        ])
+      })
+    })
+
+    describe('with fold comment spanning entire document', function () {
+      let view: EditorView, content: string[]
+      beforeEach(function () {
+        content = ['% {', 'Hello', '% }']
+        view = makeView(content)
+      })
+
+      it('should fold', function () {
+        const folds = _getFolds(view)
+        expect(folds.length).to.equal(1)
+        expect(folds).to.deep.equal([{ from: 3, to: 12 }])
+      })
+    })
+
+    describe('with fold comment at start of document', function () {
+      let view: EditorView, content: string[]
+      beforeEach(function () {
+        content = ['% {', 'Hello', '% }', 'Test']
+        view = makeView(content)
+      })
+
+      it('should fold', function () {
+        const folds = _getFolds(view)
+        expect(folds.length).to.equal(1)
+        expect(folds).to.deep.equal([{ from: 3, to: 12 }])
+      })
+    })
+
+    describe('with fold comment at end of document', function () {
+      let view: EditorView, content: string[]
+      beforeEach(function () {
+        content = ['Test', '% {', 'Hello', '% }']
+        view = makeView(content)
+      })
+
+      it('should fold', function () {
+        const folds = _getFolds(view)
+        expect(folds.length).to.equal(1)
+        expect(folds).to.deep.equal([{ from: 8, to: 17 }])
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/languages/latex/latex-linter.test.ts b/services/web/test/frontend/features/source-editor/languages/latex/latex-linter.test.ts
new file mode 100644
index 0000000..f5c3740
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/languages/latex/latex-linter.test.ts
@@ -0,0 +1,786 @@
+import { assert } from 'chai'
+import LintWorker from '../../../../../../frontend/js/features/source-editor/languages/latex/linter/latex-linter.worker.js'
+import { errorsToDiagnostics } from '../../../../../../frontend/js/features/source-editor/languages/latex/linter/errors-to-diagnostics'
+import { Diagnostic } from '@codemirror/lint'
+import { mergeCompatibleOverlappingDiagnostics } from '../../../../../../frontend/js/features/source-editor/languages/latex/linter/merge-overlapping-diagnostics'
+
+const { Parse } = new LintWorker()
+
+describe('LatexLinter', function () {
+  it('should accept a simple environment match without errors', function () {
+    const { errors } = Parse('\\begin{foo}\n' + '\\end{foo}\n')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept an invalid \\it* command', function () {
+    const { errors } = Parse('\\it*hello\n' + '\\bye\n')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept newcomlumntype', function () {
+    const { errors } = Parse(
+      'hello\n' +
+        '\\newcolumntype{M}[1]{>{\\begin{varwidth}[t]{#1}}l<{\\end{varwidth}}}\n' +
+        'bye'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept newenvironment', function () {
+    const { errors } = Parse(
+      '\\newenvironment{Algorithm}[2][tbh]%\n' +
+        '{\\begin{myalgo}[#1]\n' +
+        '\\centering\n' +
+        '\\part{title}\\begin{minipage}{#2}\n' +
+        '\\begin{algorithm}[H]}%\n' +
+        '{\\end{algorithm}\n' +
+        '\\end{minipage}\n' +
+        '\\end{myalgo}}'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept newenvironment II', function () {
+    const { errors } = Parse(
+      '\\newenvironment{claimproof}[1][\\myproofname]{\\begin{proof}[#1]\\renewcommand*{\\qedsymbol}{\\(\\diamondsuit\\)}}{\\end{proof}}'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept superscript inside math mode', function () {
+    const { errors } = Parse('this is $a^b$ test')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept subscript inside math mode', function () {
+    const { errors } = Parse('this is $a_b$ test')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should return an error for superscript outside math mode', function () {
+    const { errors } = Parse('this is a^b test')
+    assert.equal(errors.length, 1)
+    assert.equal(errors[0].text, '^ must be inside math mode')
+    assert.equal(errors[0].type, 'error')
+  })
+
+  it('should return an error subscript outside math mode', function () {
+    const { errors } = Parse('this is a_b test')
+    assert.equal(errors.length, 1)
+    assert.equal(errors[0].text, '_ must be inside math mode')
+    assert.equal(errors[0].type, 'error')
+  })
+
+  it('should accept math mode inside \\hbox outside math mode', function () {
+    const { errors } = Parse('this is \\hbox{for every $bar$}')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept math mode inside \\hbox inside math mode', function () {
+    const { errors } = Parse('this is $foo = \\hbox{for every $bar$}$ test')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept math mode inside \\text inside math mode', function () {
+    const { errors } = Parse('this is $foo = \\text{for every $bar$}$ test')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept verbatim', function () {
+    const { errors } = Parse(
+      'this is text\n' +
+        '\\begin{verbatim}\n' +
+        'this is verbatim\n' +
+        '\\end{verbatim}\n' +
+        'this is more text\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept verbatim with environment inside', function () {
+    const { errors } = Parse(
+      'this is text\n' +
+        '\\begin{verbatim}\n' +
+        'this is verbatim\n' +
+        '\\begin{foo}\n' +
+        'this is verbatim too\n' +
+        '\\end{foo}\n' +
+        '\\end{verbatim}\n' +
+        'this is more text\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept verbatim with \\begin{verbatim} inside', function () {
+    const { errors } = Parse(
+      'this is text\n' +
+        '\\begin{verbatim}\n' +
+        'this is verbatim\n' +
+        '\\begin{verbatim}\n' +
+        'this is verbatim too\n' +
+        '\\end{verbatim}\n' +
+        'this is more text\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept equation', function () {
+    const { errors } = Parse(
+      'this is text\n' +
+        '\\begin{equation}\n' +
+        '\\alpha^2 + b^2 = c^2\n' +
+        '\\end{equation}\n' +
+        'this is more text\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept $$', function () {
+    const { errors } = Parse(
+      'this is text\n' +
+        '$$\n' +
+        '\\alpha^2 + b^2 = c^2\n' +
+        '$$\n' +
+        'this is more text\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept $', function () {
+    const { errors } = Parse(
+      'this is text $\\alpha^2 + b^2 = c^2$' + ' this is more text\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept \\[', function () {
+    const { errors } = Parse(
+      'this is text\n' +
+        '\\[\n' +
+        '\\alpha^2 + b^2 = c^2\n' +
+        '\\]\n' +
+        'this is more text\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept \\(', function () {
+    const { errors } = Parse(
+      'this is text \\(\\alpha^2 + b^2 = c^2\\)' + ' this is more text\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept \\begin{foo}', function () {
+    const { errors } = Parse(
+      'this is text\n' +
+        '\\begin{foo}\n' +
+        'this is foo\n' +
+        '\\end{foo}\n' +
+        'this is more text\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept \\begin{foo_bar}', function () {
+    const { errors } = Parse(
+      'this is text\n' +
+        '\\begin{foo_bar}\n' +
+        'this is foo bar\n' +
+        '\\end{foo_bar}\n' +
+        'this is more text\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept \\begin{foo} \\begin{bar}', function () {
+    const { errors } = Parse(
+      'this is text\n' +
+        '\\begin{foo}\n' +
+        '\\begin{bar}\n' +
+        '\\begin{baz}\n' +
+        'this is foo bar baz\n' +
+        '\\end{baz}\n' +
+        '\\end{bar}\n' +
+        '\\end{foo}\n' +
+        'this is more text\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept \\verb|...|', function () {
+    const { errors } = Parse('this is text \\verb|hello| and more\n')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept \\verb|...| with special chars', function () {
+    const { errors } = Parse('this is text \\verb|{}()^_@$xhello| and more\n')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept \\url|...|', function () {
+    const { errors } = Parse(
+      'this is text \\url|http://www.overleaf.com/| and more\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept \\url{...}', function () {
+    const { errors } = Parse(
+      'this is text \\url{http://www.overleaf.com/} and more\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept \\url{...} with % chars', function () {
+    const { errors } = Parse(
+      'this is text \\url{http://www.overleaf.com/hello%20world} and more\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept \\href{...}{...}', function () {
+    const { errors } = Parse(
+      'this is text \\href{http://www.overleaf.com/}{test} and more\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept \\href{...}{...} with dollarsign in url', function () {
+    const { errors } = Parse(
+      'this is text \\href{http://www.overleaf.com/foo=$bar}{test} and more\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should not accept \\href|...|{...}', function () {
+    const { errors } = Parse(
+      'this is text \\href|http://www.overleaf.com|{test} and more\n'
+    )
+    assert.equal(errors.length, 1)
+    assert.equal(errors[0].text, 'invalid href command')
+    assert.equal(errors[0].type, 'error')
+  })
+
+  it('should catch error in text argument of \\href{...}{...}', function () {
+    const { errors } = Parse(
+      'this is text \\href{http://www.overleaf.com/foo=$bar}{i have made an $error} and more\n'
+    )
+    assert.equal(errors.length, 2)
+    assert.equal(errors[0].text, 'unclosed $ found at close group }')
+    assert.equal(errors[0].type, 'error')
+    assert.equal(errors[1].text, 'unexpected close group } after $')
+    assert.equal(errors[1].type, 'error')
+  })
+
+  it('should accept \\left( and \\right)', function () {
+    const { errors } = Parse('math $\\left( x + y \\right) = y + x$ and more\n')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept \\left( and \\right.', function () {
+    const { errors } = Parse('math $\\left( x + y \\right. = y + x$ and more\n')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept \\left. and \\right)', function () {
+    const { errors } = Parse('math $\\left. x + y \\right) = y + x$ and more\n')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept complex math nesting', function () {
+    const { errors } = Parse(
+      'math $\\left( {x + {y + z} + x} \\right\\} = \\left[y + x\\right.$ and more\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept math toggling $a$$b$', function () {
+    const { errors } = Parse('math $a$$b$ and more\n')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept math toggling $$display$$$inline$', function () {
+    const { errors } = Parse('math $$display$$$inline$ and more\n')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept math definition commands', function () {
+    const { errors } = Parse(
+      '\\let\\originalleft\\left\n' +
+        '\\let\\originalright\\right\n' +
+        '\\renewcommand{\\left}{\\mathopen{}\\mathclose\\bgroup\\originalleft}\n' +
+        '\\renewcommand{\\right}{\\aftergroup\\egroup\\originalright}\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept math reflectbox commands', function () {
+    const { errors } = Parse('$\\reflectbox{$alpha$}$\n')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept math scalebox commands', function () {
+    const { errors } = Parse('$\\scalebox{2}{$alpha$}$\n')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept math rotatebox commands', function () {
+    const { errors } = Parse('$\\rotatebox{60}{$alpha$}$\n')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept math resizebox commands', function () {
+    const { errors } = Parse('$\\resizebox{2}{3}{$alpha$}$\n')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept all math box commands', function () {
+    const { errors } = Parse(
+      '\\[ \\left(\n' +
+        '\\shiftright{2ex}{\\raisebox{-2ex}{\\scalebox{2}{$\\ast$}}}\n' +
+        '\\reflectbox{$ddots$}\n' +
+        '\\right). \\]\n'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept math tag commands', function () {
+    const { errors } = Parse('$\\tag{$alpha$}$\n')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept math \\def commands', function () {
+    const { errors } = Parse(
+      '\\def\\peb[#1]{{\\left\\lfloor #1\\right\\rfloor}}'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept math \\def commands II', function () {
+    const { errors } = Parse('\\def\\foo#1{\\gamma^#1}')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept DeclareMathOperator', function () {
+    const { errors } = Parse('\\DeclareMathOperator{\\var}{\\Delta^2\\!}')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept DeclarePairedDelimiter', function () {
+    const { errors } = Parse(
+      '\\DeclarePairedDelimiter{\\spro}{\\left(}{\\right)^{\\ast}}'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept nested user-defined math commands', function () {
+    const { errors } = Parse(
+      '$\\foo{$\\alpha \\bar{x^y}{\\cite{hello}}$}{\\gamma}{$\\beta\\baz{\\alpha}$}{\\cite{foo}}$'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept nested user-defined math commands II', function () {
+    const { errors } = Parse(
+      '\\foo{$\\alpha \\bar{x^y}{\\cite{hello}}$}{\\gamma}{$\\beta\\baz{\\alpha}$}{\\cite{foo}}'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept newenvironment with multiple parameters', function () {
+    const { errors } = Parse(
+      '\\newenvironment{case}[1][\\textsc{Case}]\n' +
+        '{\\begin{trivlist}\\item[\\hskip \\labelsep {\\textsc{#1}}]}{\\end{trivlist}}'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept newenvironment with no parameters', function () {
+    const { errors } = Parse(
+      '\\newenvironment{case}{\\begin{trivlist}\\item[\\hskip \\labelsep {\\textsc{#1}}]}{\\end{trivlist}}'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept tikzfeynman', function () {
+    const { errors } = Parse(
+      '\\begin{equation*}\n' +
+        '\\feynmandiagram[layered layout, medium, horizontal=a to b] {\n' +
+        ' a [particle=\\(H\\)] -- [scalar] b [dot] -- [photon] f1 [particle=\\(W^{\\pm}\\)],\n' +
+        ' b -- [boson, edge label=\\(W^{\\mp}\\)] c [dot],\n' +
+        ' c -- [fermion] f2 [particle=\\(f\\)],\n' +
+        " c -- [anti fermion] f3 [particle=\\(\\bar{f}'\\)],\n" +
+        ' };this is a change\n' +
+        '\\end{equation*}'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should return errors from malformed \\end', function () {
+    const { errors } = Parse(
+      'this is text\n' +
+        '\\begin{foo}\n' +
+        '\\begin{bar}\n' +
+        'this is foo bar baz\n' +
+        '\\end{bar\n' +
+        '\\end{foo}\n' +
+        'this is more text\n'
+    )
+    assert.equal(errors.length, 4)
+    assert.equal(errors[0].text, 'unclosed \\begin{bar} found at \\end{foo}')
+    assert.equal(errors[1].text, 'invalid environment command \\end{bar')
+    assert.equal(errors[2].text, 'unclosed open group { found at \\end{foo}')
+    assert.equal(errors[3].text, 'unexpected \\end{foo} after \\begin{bar}')
+  })
+
+  it('should accept \\newcommand*', function () {
+    const { errors } = Parse('\\newcommand*{\\foo}{\\bar}')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept incomplete \\newcommand*', function () {
+    const { errors } = Parse('\\newcommand*{\\beq' + '}')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept a plain hyperref command', function () {
+    const { errors } = Parse('\\hyperref{http://www.overleaf.com/}')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept a hyperref command with underscores in the url ', function () {
+    const { errors } = Parse('\\hyperref{http://www.overleaf.com/my_page.html}')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept a hyperref command with category, name and text arguments ', function () {
+    const { errors } = Parse(
+      '\\hyperref{http://www.overleaf.com/}{category}{name}{text}'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept an underscore in a hyperref label', function () {
+    const { errors } = Parse('\\hyperref[foo_bar]{foo bar}')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should reject a $ in a hyperref label', function () {
+    const { errors } = Parse('\\hyperref[foo$bar]{foo bar}')
+    assert.equal(errors.length, 1)
+  })
+
+  it('should reject an unclosed hyperref label', function () {
+    const { errors } = Parse('\\hyperref[foo_bar{foo bar}')
+    assert.equal(errors.length, 2)
+    assert.equal(errors[0].text, 'invalid hyperref label')
+    assert.equal(errors[1].text, 'unexpected close group }')
+  })
+
+  it('should accept a hyperref command without an optional argument', function () {
+    const { errors } = Parse('{\\hyperref{hello}}')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept a hyperref command without an optional argument and multiple other arguments', function () {
+    const { errors } = Parse('{\\hyperref{}{}{fig411}}')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept a hyperref command without an optional argument in an unclosed group', function () {
+    const { errors } = Parse('{\\hyperref{}{}{fig411}')
+    assert.equal(errors.length, 1)
+    assert.equal(errors[0].text, 'unclosed group {')
+  })
+
+  it('should accept documentclass with no options', function () {
+    const { errors } = Parse('\\documentclass{article}')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept documentclass with options', function () {
+    const { errors } = Parse('\\documentclass[a4paper]{article}')
+    assert.equal(errors.length, 0)
+  })
+
+  it('should accept documentclass with underscore in options', function () {
+    const { errors } = Parse(
+      '\\documentclass[my_custom_document_class_option]{my-custom-class}'
+    )
+    assert.equal(errors.length, 0)
+  })
+
+  // %novalidate
+  // %begin novalidate
+  // %end novalidate
+  // \begin{foo}
+  // \begin{new_theorem}
+  // \begin{foo   invalid environment command
+  // \newcommand{\foo}{\bar}
+  // \newcommand[1]{\foo}{\bar #1}
+  // \renewcommand...
+  // \def
+  // \DeclareRobustCommand
+  // \newcolumntype
+  // \newenvironment
+  // \renewenvironment
+  // \verb|....|
+  // \url|...|
+  // \url{...}
+  // \left(   \right)
+  // \left.   \right.
+  // $...$
+  // $$....$$
+  // $...$$...$
+  // $a^b$ vs a^b
+  // $$a^b$$ vs a^b
+  // Matrix for envs for {} left/right \[ \] \( \) $ $$ begin end
+  // begin equation
+  // align(*)
+  // equation(*)
+  // ]
+  // array(*)
+  // eqnarray(*)
+  // split
+  // aligned
+  // cases
+  // pmatrix
+  // gathered
+  // matrix
+  // alignedat
+  // smallmatrix
+  // subarray
+  // vmatrix
+  // shortintertext
+
+  it('should return math mode contexts', function () {
+    const { contexts } = Parse(
+      '\\begin{document}\n' +
+        '$$\n' +
+        '\\begin{array}\n' +
+        '\\left( \\foo{bar} \\right] & 2\n' +
+        '\\end{array}\n' +
+        '$$\n' +
+        '\\end{document}'
+    )
+    assert.equal(contexts.length, 1)
+    assert.equal(contexts[0].type, 'math')
+    assert.equal(contexts[0].range.start.row, 1)
+    assert.equal(contexts[0].range.start.column, 0)
+    assert.equal(contexts[0].range.end.row, 5)
+    assert.equal(contexts[0].range.end.column, 2)
+  })
+
+  it('should remove error when cursor is inside incomplete command', function () {
+    const { errors } = Parse('\\begin{}')
+    const diagnostics = errorsToDiagnostics(errors, 7, 9)
+    assert.equal(errors.length, 1)
+    assert.equal(diagnostics.length, 0)
+  })
+
+  it('should show an error when cursor is outside incomplete command', function () {
+    const { errors } = Parse('\\begin{}')
+    const diagnostics = errorsToDiagnostics(errors, 6, 9)
+    assert.equal(errors.length, 1)
+    assert.equal(diagnostics.length, 1)
+    assert.equal(diagnostics[0].from, 0)
+    assert.equal(diagnostics[0].to, 6)
+  })
+
+  it('should adjust an error range when the cursor is inside that range', function () {
+    const { errors } = Parse('\\begin{}')
+    const diagnostics = errorsToDiagnostics(errors, 4, 7)
+    assert.equal(errors.length, 1)
+    assert.equal(errors[0].startPos, 0)
+    assert.equal(errors[0].endPos, 7)
+    assert.equal(diagnostics.length, 1)
+    assert.equal(diagnostics[0].from, 0)
+    assert.equal(diagnostics[0].to, 4)
+  })
+
+  it('should reject an error when part of the error range is outside of the document boundaries', function () {
+    const { errors } = Parse('\\begin{}')
+    const diagnostics = errorsToDiagnostics(errors, 8, 6)
+    assert.equal(errors.length, 1)
+    assert.equal(diagnostics.length, 0)
+  })
+
+  it('should merge two overlapping identical diagnostics', function () {
+    const diagnostics: Diagnostic[] = [
+      {
+        from: 0,
+        to: 2,
+        message: 'Message 1',
+        severity: 'error',
+      },
+      {
+        from: 1,
+        to: 3,
+        message: 'Message 1',
+        severity: 'error',
+      },
+    ]
+    const mergedDiagnostics = mergeCompatibleOverlappingDiagnostics(diagnostics)
+    assert.deepEqual(mergedDiagnostics, [
+      {
+        from: 0,
+        to: 3,
+        message: 'Message 1',
+        severity: 'error',
+      },
+    ])
+  })
+
+  it('should merge two touching identical diagnostics', function () {
+    const diagnostics: Diagnostic[] = [
+      {
+        from: 0,
+        to: 2,
+        message: 'Message 1',
+        severity: 'error',
+      },
+      {
+        from: 2,
+        to: 3,
+        message: 'Message 1',
+        severity: 'error',
+      },
+    ]
+    const mergedDiagnostics = mergeCompatibleOverlappingDiagnostics(diagnostics)
+    assert.deepEqual(mergedDiagnostics, [
+      {
+        from: 0,
+        to: 3,
+        message: 'Message 1',
+        severity: 'error',
+      },
+    ])
+  })
+
+  it('should not merge two overlapping diagnostics with different messages', function () {
+    const diagnostics: Diagnostic[] = [
+      {
+        from: 0,
+        to: 2,
+        message: 'Message 1',
+        severity: 'error',
+      },
+      {
+        from: 1,
+        to: 3,
+        message: 'Message 2',
+        severity: 'error',
+      },
+    ]
+    const mergedDiagnostics = mergeCompatibleOverlappingDiagnostics(diagnostics)
+    assert.deepEqual(diagnostics, mergedDiagnostics)
+  })
+
+  it('should not merge two overlapping diagnostics with different severities', function () {
+    const diagnostics: Diagnostic[] = [
+      {
+        from: 0,
+        to: 2,
+        message: 'Message 1',
+        severity: 'error',
+      },
+      {
+        from: 1,
+        to: 3,
+        message: 'Message 1',
+        severity: 'warning',
+      },
+    ]
+    const mergedDiagnostics = mergeCompatibleOverlappingDiagnostics(diagnostics)
+    assert.deepEqual(diagnostics, mergedDiagnostics)
+  })
+
+  it('should merge three overlapping identical diagnostics', function () {
+    const diagnostics: Diagnostic[] = [
+      {
+        from: 0,
+        to: 2,
+        message: 'Message 1',
+        severity: 'error',
+      },
+      {
+        from: 1,
+        to: 4,
+        message: 'Message 1',
+        severity: 'error',
+      },
+      {
+        from: 3,
+        to: 5,
+        message: 'Message 1',
+        severity: 'error',
+      },
+    ]
+    const mergedDiagnostics = mergeCompatibleOverlappingDiagnostics(diagnostics)
+    assert.deepEqual(mergedDiagnostics, [
+      {
+        from: 0,
+        to: 5,
+        message: 'Message 1',
+        severity: 'error',
+      },
+    ])
+  })
+
+  it('should merge two separate sets of overlapping identical diagnostics', function () {
+    const diagnostics: Diagnostic[] = [
+      {
+        from: 0,
+        to: 2,
+        message: 'Message 1',
+        severity: 'error',
+      },
+      {
+        from: 2,
+        to: 3,
+        message: 'Message 1',
+        severity: 'error',
+      },
+      {
+        from: 2,
+        to: 5,
+        message: 'Message 2',
+        severity: 'error',
+      },
+      {
+        from: 4,
+        to: 6,
+        message: 'Message 3',
+        severity: 'error',
+      },
+      {
+        from: 5,
+        to: 7,
+        message: 'Message 3',
+        severity: 'error',
+      },
+    ]
+    const mergedDiagnostics = mergeCompatibleOverlappingDiagnostics(diagnostics)
+    assert.deepEqual(mergedDiagnostics, [
+      {
+        from: 0,
+        to: 3,
+        message: 'Message 1',
+        severity: 'error',
+      },
+      {
+        from: 2,
+        to: 5,
+        message: 'Message 2',
+        severity: 'error',
+      },
+      {
+        from: 4,
+        to: 7,
+        message: 'Message 3',
+        severity: 'error',
+      },
+    ])
+  })
+})
diff --git a/services/web/test/frontend/features/source-editor/languages/latex/latex-outline.test.ts b/services/web/test/frontend/features/source-editor/languages/latex/latex-outline.test.ts
new file mode 100644
index 0000000..9d5429e
--- /dev/null
+++ b/services/web/test/frontend/features/source-editor/languages/latex/latex-outline.test.ts
@@ -0,0 +1,537 @@
+import { LanguageSupport } from '@codemirror/language'
+import { EditorState, Text } from '@codemirror/state'
+import { EditorView } from '@codemirror/view'
+import { expect } from 'chai'
+import { documentOutline } from '../../../../../../frontend/js/features/source-editor/languages/latex/document-outline'
+import {
+  FlatOutline,
+  getNestingLevel,
+} from '../../../../../../frontend/js/features/source-editor/utils/tree-query'
+import { LaTeXLanguage } from '../../../../../../frontend/js/features/source-editor/languages/latex/latex-language'
+import {
+  Book,
+  Chapter,
+  Paragraph,
+  Part,
+  Section,
+  SubParagraph,
+  SubSection,
+  SubSubSection,
+} from '../../../../../../frontend/js/features/source-editor/lezer-latex/latex.terms.mjs'
+
+const latex = new LanguageSupport(LaTeXLanguage, documentOutline.extension)
+
+const makeView = (lines: string[]): EditorView => {
+  const text = Text.of(lines)
+  const view = new EditorView({
+    state: EditorState.create({
+      doc: text,
+      extensions: [latex],
+    }),
+  })
+  return view
+}
+
+const BOOK_LEVEL = getNestingLevel(Book)
+const PART_LEVEL = getNestingLevel(Part)
+const CHAPTER_LEVEL = getNestingLevel(Chapter)
+const SECTION_LEVEL = getNestingLevel(Section)
+const SUB_SECTION_LEVEL = getNestingLevel(SubSection)
+const SUB_SUB_SECTION_LEVEL = getNestingLevel(SubSubSection)
+const PARAGRAPH_LEVEL = getNestingLevel(Paragraph)
+const SUB_PARAGRAPH_LEVEL = getNestingLevel(SubParagraph)
+const FRAME_LEVEL = getNestingLevel('frame')
+
+const insertText = (view: EditorView, position: number, text: string) => {
+  view.dispatch({
+    changes: [{ from: position, insert: text }],
+  })
+}
+
+const deleteText = (view: EditorView, position: number, length: number) => {
+  view.dispatch({
+    changes: [{ from: position - length, to: position }],
+  })
+}
+
+const getOutline = (view: EditorView): FlatOutline | null => {
+  return view.state.field(documentOutline)?.items || null
+}
+
+describe('CodeMirror LaTeX-FileOutline', function () {
+  describe('with no update', function () {
+    describe('an empty document', function () {
+      let view: EditorView, content: string[]
+      beforeEach(function () {
+        content = ['']
+        view = makeView(content)
+      })
+
+      it('should have empty outline', function () {
+        const outline = getOutline(view)
+        expect(outline).to.be.empty
+      })
+    })
+
+    describe('a document with nested sections', function () {
+      let view: EditorView, content: string[]
+      beforeEach(function () {
+        content = [
+          'line 1',
+          '\\section{sec title}',
+          'content',
+          '\\subsection{subsec title}',
+        ]
+        view = makeView(content)
+      })
+
+      it('should have outline with different levels', function () {
+        const outline = getOutline(view)
+        expect(outline).to.be.deep.equal([
+          {
+            from: 7,
+            to: 26,
+            level: SECTION_LEVEL,
+            title: 'sec title',
+            line: 2,
+          },
+          {
+            from: 35,
+            to: 60,
+            level: SUB_SECTION_LEVEL,
+            title: 'subsec title',
+            line: 4,
+          },
+        ])
+      })
+    })
+
+    describe('a document with sibling sections', function () {
+      let view: EditorView, content: string[]
+      beforeEach(function () {
+        content = [
+          'line 1',
+          '\\section{sec title 1}',
+          'content',
+          '\\section{sec title 2}',
+        ]
+        view = makeView(content)
+      })
+
+      it('should have outline with same levels for siblings', function () {
+        const outline = getOutline(view)
+        expect(outline).to.be.deep.equal([
+          {
+            from: 7,
+            to: 28,
+            level: SECTION_LEVEL,
+            title: 'sec title 1',
+            line: 2,
+          },
+          {
+            from: 37,
+            to: 58,
+            level: SECTION_LEVEL,
+            title: 'sec title 2',
+            line: 4,
+          },
+        ])
+      })
+    })
+  })
+
+  describe('with change to title', function () {
+    let view: EditorView, content: string[]
+    beforeEach(function () {
+      content = ['\\section{title }']
+      view = makeView(content)
+      const initialOutline = getOutline(view)
+      expect(initialOutline).to.deep.equal([
+        {
+          from: 0,
+          to: 16,
+          title: 'title ',
+          line: 1,
+          level: SECTION_LEVEL,
+        },
+      ])
+    })
+
+    describe('for appending to title', function () {
+      beforeEach(function () {
+        insertText(view, 15, '1')
+      })
+
+      it('should update title in outline', function () {
+        const updatedOutline = getOutline(view)
+        expect(updatedOutline).to.deep.equal([
+          {
+            from: 0,
+            to: 17,
+            title: 'title 1',
+            line: 1,
+            level: SECTION_LEVEL,
+          },
+        ])
+      })
+    })
+
+    describe('for removing from title', function () {
+      beforeEach(function () {
+        deleteText(view, 15, 1)
+      })
+
+      it('should update title in outline', function () {
+        const updatedOutline = getOutline(view)
+        expect(updatedOutline).to.deep.equal([
+          {
+            from: 0,
+            to: 15,
+            title: 'title',
+            line: 1,
+            level: SECTION_LEVEL,
+          },
+        ])
+      })
+    })
+  })
+
+  describe('for moving section', function () {
+    let view: EditorView, content: string[]
+    beforeEach(function () {
+      content = ['\\section{title}', '\\subsection{subtitle}']
+      view = makeView(content)
+      const initialOutline = getOutline(view)
+      expect(initialOutline).to.deep.equal([
+        {
+          from: 0,
+          to: 15,
+          title: 'title',
+          line: 1,
+          level: SECTION_LEVEL,
+        },
+        {
+          from: 16,
+          to: 37,
+          title: 'subtitle',
+          line: 2,
+          level: SUB_SECTION_LEVEL,
+        },
+      ])
+      insertText(view, 15, '\n')
+    })
+
+    it('should update position for moved section', function () {
+      const updatedOutline = getOutline(view)
+      expect(updatedOutline).to.deep.equal([
+        {
+          from: 0,
+          to: 15,
+          title: 'title',
+          line: 1,
+          level: SECTION_LEVEL,
+        },
+        {
+          from: 17,
+          to: 38,
+          title: 'subtitle',
+          line: 3,
+          level: SUB_SECTION_LEVEL,
+        },
+      ])
+    })
+  })
+
+  describe('for removing a section', function () {
+    let view: EditorView, content: string[]
+    beforeEach(function () {
+      content = ['\\section{title}']
+      view = makeView(content)
+      const initialOutline = getOutline(view)
+      expect(initialOutline).to.deep.equal([
+        {
+          from: 0,
+          to: 15,
+          title: 'title',
+          line: 1,
+          level: SECTION_LEVEL,
+        },
+      ])
+      deleteText(view, 4, 1)
+    })
+
+    it('should remove the section from the outline', function () {
+      const updatedOutline = getOutline(view)
+      expect(updatedOutline).to.be.empty
+    })
+  })
+
+  describe('for changing parent section', function () {
+    let view: EditorView, content: string[]
+    beforeEach(function () {
+      content = [
+        '\\section{section}',
+        '%\\subsection{subsection}', // initially commented out
+        '\\subsubsection{subsubsection}',
+      ]
+      view = makeView(content)
+      const initialOutline = getOutline(view)
+      expect(initialOutline).to.deep.equal([
+        {
+          from: 0,
+          to: 17,
+          title: 'section',
+          line: 1,
+          level: SECTION_LEVEL,
+        },
+        {
+          from: 43,
+          to: 72,
+          title: 'subsubsection',
+          line: 3,
+          level: SUB_SUB_SECTION_LEVEL,
+        },
+      ])
+      // Remove the %
+      deleteText(view, 19, 1)
+    })
+
+    it('should be nested properly', function () {
+      const updatedOutline = getOutline(view)
+      expect(updatedOutline).to.deep.equal([
+        {
+          from: 0,
+          to: 17,
+          title: 'section',
+          line: 1,
+          level: SECTION_LEVEL,
+        },
+        {
+          from: 18,
+          to: 41,
+          title: 'subsection',
+          line: 2,
+          level: SUB_SECTION_LEVEL,
+        },
+        {
+          from: 42,
+          to: 71,
+          title: 'subsubsection',
+          line: 3,
+          level: SUB_SUB_SECTION_LEVEL,
+        },
+      ])
+    })
+  })
+
+  describe('for a sectioning command inside a newcommand or renewcommand', function () {
+    let view: EditorView, content: string[]
+    beforeEach(function () {
+      content = [
+        '\\section{section}',
+        '\\newcommand{\\test}{\\section{should not display}}',
+        '\\renewcommand{\\test}{\\section{should still not display}}',
+      ]
+      view = makeView(content)
+    })
+    it('should not include them in the outline', function () {
+      const outline = getOutline(view)
+      expect(outline?.length).to.equal(1)
+      expect(outline).to.deep.equal([
+        {
+          from: 0,
+          to: 17,
+          title: 'section',
+          line: 1,
+          level: SECTION_LEVEL,
+        },
+      ])
+    })
+  })
+
+  describe('for all section types', function () {
+    let view: EditorView, content: string[]
+    beforeEach(function () {
+      content = [
+        '\\book{book}',
+        '\\part{part}',
+        '\\chapter{chapter}',
+        '\\section{section}',
+        '\\subsection{subsection}',
+        '\\subsubsection{subsubsection}',
+        '\\paragraph{paragraph}',
+        '\\subparagraph{subparagraph}',
+      ]
+      view = makeView(content)
+    })
+
+    it('should include them in the file outline', function () {
+      const outline = getOutline(view)
+      expect(outline).to.deep.equal([
+        {
+          from: 0,
+          to: 11,
+          title: 'book',
+          line: 1,
+          level: BOOK_LEVEL,
+        },
+        {
+          from: 12,
+          to: 23,
+          title: 'part',
+          line: 2,
+          level: PART_LEVEL,
+        },
+        {
+          from: 24,
+          to: 41,
+          title: 'chapter',
+          line: 3,
+          level: CHAPTER_LEVEL,
+        },
+        {
+          from: 42,
+          to: 59,
+          title: 'section',
+          line: 4,
+          level: SECTION_LEVEL,
+        },
+        {
+          from: 60,
+          to: 83,
+          title: 'subsection',
+          line: 5,
+          level: SUB_SECTION_LEVEL,
+        },
+        {
+          from: 84,
+          to: 113,
+          title: 'subsubsection',
+          line: 6,
+          level: SUB_SUB_SECTION_LEVEL,
+        },
+        {
+          from: 114,
+          to: 135,
+          title: 'paragraph',
+          line: 7,
+          level: PARAGRAPH_LEVEL,
+        },
+        {
+          from: 136,
+          to: 163,
+          title: 'subparagraph',
+          line: 8,
+          level: SUB_PARAGRAPH_LEVEL,
+        },
+      ])
+    })
+  })
+
+  describe('sectioning commands with optional arguments', function () {
+    let view: EditorView, content: string[]
+    beforeEach(function () {
+      content = ['\\section[short title]{section}']
+      view = makeView(content)
+    })
+
+    it('should use the long argument as title', function () {
+      const outline = getOutline(view)
+      expect(outline).to.deep.equal([
+        {
+          from: 0,
+          to: 30,
+          title: 'section',
+          line: 1,
+          level: SECTION_LEVEL,
+        },
+      ])
+    })
+  })
+
+  describe('for labels using texorpdfstring', function () {
+    let view: EditorView, content: string[]
+    beforeEach(function () {
+      content = [
+        '\\section{The \\texorpdfstring{function $f(x) = x^2$}{function f(x) = x^2}: Properties of \\texorpdfstring{$x$}{x}.}',
+      ]
+      view = makeView(content)
+    })
+
+    it('should use the text argument as title', function () {
+      const outline = getOutline(view)
+      expect(outline).to.deep.equal([
+        {
+          from: 0,
+          to: 113,
+          title: 'The function f(x) = x^2: Properties of x.',
+          line: 1,
+          level: SECTION_LEVEL,
+        },
+      ])
+    })
+  })
+
+  describe('for ill-formed \\def command', function () {
+    let view: EditorView, content: string[]
+    beforeEach(function () {
+      content = ['\\def\\x{', '\\section{test}', '\\subsection{test2}']
+      view = makeView(content)
+    })
+
+    it('still shows an outline', function () {
+      const outline = getOutline(view)
+      expect(outline).to.deep.equal([
+        {
+          from: 8,
+          to: 22,
+          title: 'test',
+          line: 2,
+          level: SECTION_LEVEL,
+        },
+        {
+          from: 23,
+          to: 41,
+          title: 'test2',
+          line: 3,
+          level: SUB_SECTION_LEVEL,
+        },
+      ])
+    })
+  })
+
+  describe('for beamer frames', function () {
+    describe('with titles', function () {
+      let view: EditorView, content: string[]
+      beforeEach(function () {
+        content = ['\\begin{frame}{frame title}{}', '\\end{frame}']
+        view = makeView(content)
+      })
+
+      it('should show up in the file outline', function () {
+        const outline = getOutline(view)
+        expect(outline).to.deep.equal([
+          {
+            from: 0,
+            to: 28,
+            title: 'frame title',
+            line: 1,
+            level: FRAME_LEVEL,
+          },
+        ])
+      })
+    })
+    describe('without titles', function () {
+      let view: EditorView, content: string[]
+      beforeEach(function () {
+        content = ['\\begin{frame}', '\\end{frame}']
+        view = makeView(content)
+      })
+
+      it('should not show up in the file outline', function () {
+        const outline = getOutline(view)
+        expect(outline).to.be.empty
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/canceled-subscription/canceled-subscription.test.tsx b/services/web/test/frontend/features/subscription/components/canceled-subscription/canceled-subscription.test.tsx
new file mode 100644
index 0000000..a0baa0e
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/canceled-subscription/canceled-subscription.test.tsx
@@ -0,0 +1,24 @@
+import { expect } from 'chai'
+import { render, screen, within } from '@testing-library/react'
+import CanceledSubscription from '../../../../../../frontend/js/features/subscription/components/canceled-subscription/canceled'
+
+describe('canceled subscription page', function () {
+  it('renders the invoices link', function () {
+    render(<CanceledSubscription />)
+
+    screen.getByRole('heading', { name: /subscription canceled/i })
+    const alert = screen.getByRole('alert')
+    within(alert).getByText(/to modify your subscription go to/i)
+    const manageSubscriptionLink = within(alert).getByRole('link', {
+      name: /manage subscription/i,
+    })
+    expect(manageSubscriptionLink.getAttribute('href')).to.equal(
+      '/user/subscription'
+    )
+
+    const backToYourProjectsLink = screen.getByRole('link', {
+      name: /back to your projects/i,
+    })
+    expect(backToYourProjectsLink.getAttribute('href')).to.equal('/project')
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/dashboard/free-plan.test.tsx b/services/web/test/frontend/features/subscription/components/dashboard/free-plan.test.tsx
new file mode 100644
index 0000000..0aec07d
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/dashboard/free-plan.test.tsx
@@ -0,0 +1,17 @@
+import { render, screen } from '@testing-library/react'
+import FreePlan from '../../../../../../frontend/js/features/subscription/components/dashboard/free-plan'
+
+describe('<FreePlan />', function () {
+  it('renders free plan dash', function () {
+    render(<FreePlan />)
+
+    screen.getByText(
+      'You are on the Overleaf Free plan. Upgrade to access these',
+      {
+        exact: false,
+      }
+    )
+
+    screen.getByText('Upgrade now')
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/dashboard/group-subscription-memberships.test.tsx b/services/web/test/frontend/features/subscription/components/dashboard/group-subscription-memberships.test.tsx
new file mode 100644
index 0000000..f861193
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/dashboard/group-subscription-memberships.test.tsx
@@ -0,0 +1,154 @@
+import { expect } from 'chai'
+import {
+  fireEvent,
+  render,
+  screen,
+  waitFor,
+  within,
+} from '@testing-library/react'
+import sinon from 'sinon'
+import GroupSubscriptionMemberships from '../../../../../../frontend/js/features/subscription/components/dashboard/group-subscription-memberships'
+import { SubscriptionDashboardProvider } from '../../../../../../frontend/js/features/subscription/context/subscription-dashboard-context'
+import fetchMock from 'fetch-mock'
+import { MemberGroupSubscription } from '../../../../../../types/subscription/dashboard/subscription'
+import {
+  groupActiveSubscription,
+  groupActiveSubscriptionWithPendingLicenseChange,
+} from '../../fixtures/subscriptions'
+import * as useLocationModule from '../../../../../../frontend/js/shared/hooks/use-location'
+import { UserId } from '../../../../../../types/user'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+
+const userId = 'fff999fff999'
+const memberGroupSubscriptions: MemberGroupSubscription[] = [
+  {
+    ...groupActiveSubscription,
+    userIsGroupManager: false,
+    planLevelName: 'Professional',
+    admin_id: {
+      id: 'abc123abc123' as UserId,
+      email: 'you@example.com',
+    },
+  },
+  {
+    ...groupActiveSubscriptionWithPendingLicenseChange,
+    userIsGroupManager: true,
+    planLevelName: 'Collaborator',
+    admin_id: {
+      id: 'bcd456bcd456' as UserId,
+      email: 'someone@example.com',
+    },
+  },
+] as MemberGroupSubscription[]
+
+describe('<GroupSubscriptionMemberships />', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set(
+      'ol-memberGroupSubscriptions',
+      memberGroupSubscriptions
+    )
+    window.metaAttributesCache.set('ol-user_id', userId)
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('renders all group subscriptions not managed', function () {
+    render(
+      <SplitTestProvider>
+        <SubscriptionDashboardProvider>
+          <GroupSubscriptionMemberships />
+        </SubscriptionDashboardProvider>
+      </SplitTestProvider>
+    )
+
+    const elements = screen.getAllByText('You are on our', {
+      exact: false,
+    })
+    expect(elements.length).to.equal(1)
+    expect(elements[0].textContent).to.equal(
+      'You are on our Professional plan as a member of the group subscription GAS administered by you@example.com'
+    )
+  })
+
+  describe('opens leave group modal when button is clicked', function () {
+    let reloadStub: sinon.SinonStub
+
+    beforeEach(function () {
+      reloadStub = sinon.stub()
+      this.locationStub = sinon.stub(useLocationModule, 'useLocation').returns({
+        assign: sinon.stub(),
+        replace: sinon.stub(),
+        reload: reloadStub,
+        setHash: sinon.stub(),
+      })
+
+      render(
+        <SplitTestProvider>
+          <SubscriptionDashboardProvider>
+            <GroupSubscriptionMemberships />
+          </SubscriptionDashboardProvider>
+        </SplitTestProvider>
+      )
+
+      const leaveGroupButton = screen.getByRole('button', {
+        name: 'Leave group',
+      })
+      fireEvent.click(leaveGroupButton)
+
+      this.confirmModal = screen.getByRole('dialog')
+      within(this.confirmModal).getByText(
+        'Are you sure you want to leave this group?'
+      )
+
+      this.cancelButton = within(this.confirmModal).getByRole('button', {
+        name: 'Cancel',
+      })
+      this.leaveNowButton = within(this.confirmModal).getByRole('button', {
+        name: 'Leave now',
+      })
+    })
+
+    afterEach(function () {
+      this.locationStub.restore()
+    })
+
+    it('close the modal', function () {
+      fireEvent.click(this.cancelButton)
+      expect(screen.queryByRole('dialog')).to.not.exist
+    })
+
+    it('leave the group', async function () {
+      const leaveGroupApiMock = fetchMock.delete(
+        `/subscription/group/user?subscriptionId=bcd567`,
+        {
+          status: 204,
+        }
+      )
+
+      fireEvent.click(this.leaveNowButton)
+
+      expect(leaveGroupApiMock.callHistory.called()).to.be.true
+      await waitFor(() => {
+        expect(reloadStub).to.have.been.called
+      })
+    })
+  })
+
+  it('renders nothing when there are no group subscriptions', function () {
+    window.metaAttributesCache.set('ol-memberGroupSubscriptions', undefined)
+
+    render(
+      <SplitTestProvider>
+        <SubscriptionDashboardProvider>
+          <GroupSubscriptionMemberships />
+        </SubscriptionDashboardProvider>
+      </SplitTestProvider>
+    )
+    const elements = screen.queryAllByText('You are on our', {
+      exact: false,
+    })
+    expect(elements.length).to.equal(0)
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/dashboard/institution-memberships.test.tsx b/services/web/test/frontend/features/subscription/components/dashboard/institution-memberships.test.tsx
new file mode 100644
index 0000000..b880464
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/dashboard/institution-memberships.test.tsx
@@ -0,0 +1,65 @@
+import { expect } from 'chai'
+import { screen } from '@testing-library/react'
+import InstitutionMemberships from '../../../../../../frontend/js/features/subscription/components/dashboard/institution-memberships'
+import {
+  cleanUpContext,
+  renderWithSubscriptionDashContext,
+} from '../../helpers/render-with-subscription-dash-context'
+import { Institution } from '../../../../../../types/institution'
+
+const memberships: Institution[] = [
+  {
+    id: 9258,
+    name: 'Test University',
+    commonsAccount: true,
+    isUniversity: true,
+    confirmed: true,
+    ssoBeta: false,
+    ssoEnabled: false,
+    maxConfirmationMonths: 6,
+    writefullCommonsAccount: false,
+  },
+  {
+    id: 9259,
+    name: 'Example Institution',
+    commonsAccount: true,
+    isUniversity: true,
+    confirmed: true,
+    ssoBeta: false,
+    ssoEnabled: true,
+    maxConfirmationMonths: 12,
+    writefullCommonsAccount: false,
+  },
+]
+
+describe('<InstitutionMemberships />', function () {
+  afterEach(function () {
+    cleanUpContext()
+  })
+
+  it('renders all insitutions with license', function () {
+    renderWithSubscriptionDashContext(<InstitutionMemberships />, {
+      metaTags: [
+        { name: 'ol-currentInstitutionsWithLicence', value: memberships },
+      ],
+    })
+
+    const elements = screen.getAllByText('You are on our', {
+      exact: false,
+    })
+    expect(elements.length).to.equal(2)
+    expect(elements[0].textContent).to.equal(
+      'You are on our Professional plan as a confirmed member of Test University'
+    )
+    expect(elements[1].textContent).to.equal(
+      'You are on our Professional plan as a confirmed member of Example Institution'
+    )
+  })
+
+  it('renders error message when failed to check commons licenses', function () {
+    renderWithSubscriptionDashContext(<InstitutionMemberships />)
+    screen.getByText(
+      'Sorry, something went wrong. Subscription information related to institutional affiliations may not be displayed. Please try again later.'
+    )
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/dashboard/managed-group-subscriptions.test.tsx b/services/web/test/frontend/features/subscription/components/dashboard/managed-group-subscriptions.test.tsx
new file mode 100644
index 0000000..b4e701e
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/dashboard/managed-group-subscriptions.test.tsx
@@ -0,0 +1,236 @@
+import { expect } from 'chai'
+import { screen } from '@testing-library/react'
+import ManagedGroupSubscriptions from '../../../../../../frontend/js/features/subscription/components/dashboard/managed-group-subscriptions'
+import { ManagedGroupSubscription } from '../../../../../../types/subscription/dashboard/subscription'
+import {
+  cleanUpContext,
+  renderWithSubscriptionDashContext,
+} from '../../helpers/render-with-subscription-dash-context'
+
+function getManagedGroupSubscriptions(
+  groupSSO: boolean | null,
+  managedUsers: boolean | null
+): ManagedGroupSubscription[] {
+  const subscriptionOne = {
+    _id: 'bcd567',
+    userIsGroupMember: true,
+    planLevelName: 'Professional',
+    admin_id: {
+      email: 'you@example.com',
+    },
+    features: {
+      groupSSO,
+      managedUsers,
+    },
+    teamName: 'GAS',
+  }
+
+  const subscriptionTwo = {
+    _id: 'def456',
+    userIsGroupMember: false,
+    planLevelName: 'Collaborator',
+    admin_id: {
+      email: 'someone@example.com',
+    },
+    features: {
+      groupSSO,
+      managedUsers,
+    },
+    teamName: 'GASWPLC',
+  }
+
+  const subscriptionMemberAndAdmin = {
+    _id: 'group2abc',
+    userIsGroupMember: true,
+    planLevelName: 'Collaborator',
+    admin_id: {
+      email: 'admin@example.com',
+    },
+    features: {
+      groupSSO,
+      managedUsers,
+    },
+    teamName: 'Testing',
+  }
+
+  const subscriptionAdmin = {
+    _id: 'group123abc',
+    userIsGroupMember: false,
+    planLevelName: 'Collaborator',
+    admin_id: {
+      email: 'admin@example.com',
+    },
+    features: {
+      groupSSO,
+      managedUsers,
+    },
+    teamName: 'Testing Another',
+  }
+
+  return [
+    subscriptionOne,
+    subscriptionTwo,
+    subscriptionMemberAndAdmin,
+    subscriptionAdmin,
+  ]
+}
+
+const managedGroupSubscriptions: ManagedGroupSubscription[] =
+  getManagedGroupSubscriptions(false, false)
+const managedGroupSubscriptions2: ManagedGroupSubscription[] =
+  getManagedGroupSubscriptions(true, true)
+const managedGroupSubscriptions3: ManagedGroupSubscription[] =
+  getManagedGroupSubscriptions(true, false)
+const managedGroupSubscriptions4: ManagedGroupSubscription[] =
+  getManagedGroupSubscriptions(false, true)
+
+describe('<ManagedGroupSubscriptions />', function () {
+  afterEach(function () {
+    cleanUpContext()
+  })
+
+  it('renders all managed group subscriptions', async function () {
+    renderWithSubscriptionDashContext(<ManagedGroupSubscriptions />, {
+      metaTags: [
+        {
+          name: 'ol-managedGroupSubscriptions',
+          value: managedGroupSubscriptions,
+        },
+        { name: 'ol-usersEmail', value: 'admin@example.com' },
+      ],
+    })
+
+    const elements = screen.getAllByText('You are a', {
+      exact: false,
+    })
+    expect(elements.length).to.equal(4)
+    expect(elements[0].textContent).to.equal(
+      'You are a manager and member of the Professional group subscription GAS administered by you@example.com.'
+    )
+    expect(elements[1].textContent).to.equal(
+      'You are a manager of the Collaborator group subscription GASWPLC administered by someone@example.com.'
+    )
+    expect(elements[2].textContent).to.equal(
+      'You are a manager and member of the Collaborator group subscription Testing administered by you (admin@example.com).'
+    )
+    expect(elements[3].textContent).to.equal(
+      'You are a manager of the Collaborator group subscription Testing Another administered by you (admin@example.com).'
+    )
+
+    const links = screen.getAllByRole('link')
+    expect(links[1].getAttribute('href')).to.equal(
+      '/manage/groups/bcd567/members'
+    )
+    expect(links[2].getAttribute('href')).to.equal(
+      '/manage/groups/bcd567/managers'
+    )
+    expect(links[3].getAttribute('href')).to.equal('/metrics/groups/bcd567')
+    expect(links[5].getAttribute('href')).to.equal(
+      '/manage/groups/def456/members'
+    )
+    expect(links[6].getAttribute('href')).to.equal(
+      '/manage/groups/def456/managers'
+    )
+    expect(links[7].getAttribute('href')).to.equal('/metrics/groups/def456')
+    expect(links[9].getAttribute('href')).to.equal(
+      '/manage/groups/group2abc/members'
+    )
+    expect(links[10].getAttribute('href')).to.equal(
+      '/manage/groups/group2abc/managers'
+    )
+    expect(links[11].getAttribute('href')).to.equal('/metrics/groups/group2abc')
+    expect(links[13].getAttribute('href')).to.equal(
+      '/manage/groups/group123abc/members'
+    )
+    expect(links[14].getAttribute('href')).to.equal(
+      '/manage/groups/group123abc/managers'
+    )
+    expect(links[15].getAttribute('href')).to.equal(
+      '/metrics/groups/group123abc'
+    )
+  })
+
+  it('renders nothing when there are no group memberships', function () {
+    renderWithSubscriptionDashContext(<ManagedGroupSubscriptions />)
+    const elements = screen.queryAllByText('You are a', {
+      exact: false,
+    })
+    expect(elements.length).to.equal(0)
+  })
+
+  it('does not render the Manage group settings row when the user is not the group admin', function () {
+    renderWithSubscriptionDashContext(<ManagedGroupSubscriptions />, {
+      metaTags: [
+        {
+          name: 'ol-managedGroupSubscriptions',
+          value: managedGroupSubscriptions2,
+        },
+        {
+          name: 'ol-groupSettingsEnabledFor',
+          value: [],
+        },
+      ],
+    })
+
+    expect(screen.queryByText('Manage group settings')).to.be.null
+    expect(screen.queryByText('Configure and manage SSO and Managed Users')).to
+      .be.null
+  })
+
+  it('renders Managed Group / Group SSO settings row when both features are turned on', async function () {
+    renderWithSubscriptionDashContext(<ManagedGroupSubscriptions />, {
+      metaTags: [
+        {
+          name: 'ol-managedGroupSubscriptions',
+          value: managedGroupSubscriptions2,
+        },
+        {
+          name: 'ol-groupSettingsEnabledFor',
+          value: [managedGroupSubscriptions2[0]._id],
+        },
+      ],
+    })
+    await screen.findAllByText('Group settings')
+    await screen.findAllByText('Configure and manage SSO and Managed Users')
+  })
+
+  it('does not render Group SSO settings when the feature is turned off', async function () {
+    renderWithSubscriptionDashContext(<ManagedGroupSubscriptions />, {
+      metaTags: [
+        {
+          name: 'ol-managedGroupSubscriptions',
+          value: managedGroupSubscriptions4,
+        },
+        {
+          name: 'ol-groupSettingsEnabledFor',
+          value: [managedGroupSubscriptions4[0]._id],
+        },
+      ],
+    })
+    await screen.findAllByText('Group settings')
+    await screen.findAllByText('Turn on Managed Users')
+    expect(screen.queryByText('Configure and manage SSO and Managed Users')).to
+      .not.exist
+    expect(screen.queryByText('Configure and manage SSO')).to.not.exist
+  })
+
+  it('does not render MAnaged Group settings when the feature is turned off', async function () {
+    renderWithSubscriptionDashContext(<ManagedGroupSubscriptions />, {
+      metaTags: [
+        {
+          name: 'ol-managedGroupSubscriptions',
+          value: managedGroupSubscriptions3,
+        },
+        {
+          name: 'ol-groupSettingsEnabledFor',
+          value: [managedGroupSubscriptions3[0]._id],
+        },
+      ],
+    })
+    await screen.findAllByText('Group settings')
+    await screen.findAllByText('Configure and manage SSO')
+    expect(screen.queryByText('Turn on Managed Users')).to.not.exist
+    expect(screen.queryByText('Configure and manage SSO and Managed Users')).to
+      .not.exist
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/dashboard/managed-institutions.test.tsx b/services/web/test/frontend/features/subscription/components/dashboard/managed-institutions.test.tsx
new file mode 100644
index 0000000..7253e0c
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/dashboard/managed-institutions.test.tsx
@@ -0,0 +1,152 @@
+import { expect } from 'chai'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import ManagedInstitutions from '../../../../../../frontend/js/features/subscription/components/dashboard/managed-institutions'
+import { SubscriptionDashboardProvider } from '../../../../../../frontend/js/features/subscription/context/subscription-dashboard-context'
+import fetchMock from 'fetch-mock'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+import { ManagedInstitution } from '../../../../../../types/subscription/dashboard/managed-institution'
+
+const userId = 'fff999fff999'
+const institution1 = {
+  v1Id: 123,
+  managerIds: [],
+  metricsEmail: {
+    optedOutUserIds: [],
+    lastSent: new Date(),
+  },
+  name: 'Inst 1',
+}
+const institution2 = {
+  v1Id: 456,
+  managerIds: [],
+  metricsEmail: {
+    optedOutUserIds: [userId],
+    lastSent: new Date(),
+  },
+  name: 'Inst 2',
+}
+const managedInstitutions: ManagedInstitution[] = [institution1, institution2]
+
+describe('<ManagedInstitutions />', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set(
+      'ol-managedInstitutions',
+      managedInstitutions
+    )
+    window.metaAttributesCache.set('ol-user_id', userId)
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('renders all managed institutions', function () {
+    render(
+      <SplitTestProvider>
+        <SubscriptionDashboardProvider>
+          <ManagedInstitutions />
+        </SubscriptionDashboardProvider>
+      </SplitTestProvider>
+    )
+
+    const elements = screen.getAllByText('You are a', {
+      exact: false,
+    })
+    expect(elements.length).to.equal(2)
+    expect(elements[0].textContent).to.equal(
+      'You are a manager of the Overleaf Commons subscription at Inst 1'
+    )
+    expect(elements[1].textContent).to.equal(
+      'You are a manager of the Overleaf Commons subscription at Inst 2'
+    )
+
+    const links = screen.getAllByRole('link')
+    expect(links[0].getAttribute('href')).to.equal('/metrics/institutions/123')
+    expect(links[1].getAttribute('href')).to.equal('/institutions/123/hub')
+    expect(links[2].getAttribute('href')).to.equal(
+      '/manage/institutions/123/managers'
+    )
+    expect(links[3].getAttribute('href')).to.equal('/metrics/institutions/456')
+    expect(links[4].getAttribute('href')).to.equal('/institutions/456/hub')
+    expect(links[5].getAttribute('href')).to.equal(
+      '/manage/institutions/456/managers'
+    )
+
+    const subscribeLinks = screen.getAllByText('Subscribe')
+    expect(subscribeLinks.length).to.equal(1)
+
+    const unsubscribeLinks = screen.getAllByText('Unsubscribe')
+    expect(unsubscribeLinks.length).to.equal(1)
+  })
+
+  it('clicking unsubscribe should unsubscribe from metrics emails', async function () {
+    window.metaAttributesCache.set('ol-managedInstitutions', [institution1])
+    const unsubscribeUrl = '/institutions/123/emailSubscription'
+
+    fetchMock.post(unsubscribeUrl, {
+      status: 204,
+      body: [userId],
+    })
+
+    render(
+      <SplitTestProvider>
+        <SubscriptionDashboardProvider>
+          <ManagedInstitutions />
+        </SubscriptionDashboardProvider>
+      </SplitTestProvider>
+    )
+
+    const unsubscribeLink = screen.getByText('Unsubscribe')
+    await fireEvent.click(unsubscribeLink)
+    await waitFor(
+      () => expect(fetchMock.callHistory.called(unsubscribeUrl)).to.be.true
+    )
+
+    await waitFor(() => {
+      expect(screen.getByText('Subscribe')).to.exist
+    })
+  })
+
+  it('clicking subscribe should subscribe to metrics emails', async function () {
+    window.metaAttributesCache.set('ol-managedInstitutions', [institution2])
+    const subscribeUrl = '/institutions/456/emailSubscription'
+
+    fetchMock.post(subscribeUrl, {
+      status: 204,
+      body: [],
+    })
+
+    render(
+      <SplitTestProvider>
+        <SubscriptionDashboardProvider>
+          <ManagedInstitutions />
+        </SubscriptionDashboardProvider>
+      </SplitTestProvider>
+    )
+
+    const subscribeLink = await screen.findByText('Subscribe')
+
+    await fireEvent.click(subscribeLink)
+    await waitFor(
+      () => expect(fetchMock.callHistory.called(subscribeUrl)).to.be.true
+    )
+
+    await screen.findByText('Unsubscribe')
+  })
+
+  it('renders nothing when there are no institutions', function () {
+    window.metaAttributesCache.set('ol-managedInstitutions', undefined)
+
+    render(
+      <SplitTestProvider>
+        <SubscriptionDashboardProvider>
+          <ManagedInstitutions />
+        </SubscriptionDashboardProvider>
+      </SplitTestProvider>
+    )
+    const elements = screen.queryAllByText('You are a', {
+      exact: false,
+    })
+    expect(elements.length).to.equal(0)
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/dashboard/managed-publishers.test.tsx b/services/web/test/frontend/features/subscription/components/dashboard/managed-publishers.test.tsx
new file mode 100644
index 0000000..e350e3e
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/dashboard/managed-publishers.test.tsx
@@ -0,0 +1,76 @@
+import { expect } from 'chai'
+import { render, screen } from '@testing-library/react'
+import { SubscriptionDashboardProvider } from '../../../../../../frontend/js/features/subscription/context/subscription-dashboard-context'
+import fetchMock from 'fetch-mock'
+import ManagedPublishers from '../../../../../../frontend/js/features/subscription/components/dashboard/managed-publishers'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+import { Publisher } from '../../../../../../types/subscription/dashboard/publisher'
+
+const userId = 'fff999fff999'
+const publisher1 = {
+  slug: 'pub-1',
+  managerIds: [],
+  name: 'Pub 1',
+  partner: 'p1',
+}
+const publisher2 = {
+  slug: 'pub-2',
+  managerIds: [],
+  name: 'Pub 2',
+  partner: 'p2',
+}
+const managedPublishers: Publisher[] = [publisher1, publisher2]
+
+describe('<ManagedPublishers />', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-managedPublishers', managedPublishers)
+    window.metaAttributesCache.set('ol-user_id', userId)
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('renders all managed publishers', function () {
+    render(
+      <SplitTestProvider>
+        <SubscriptionDashboardProvider>
+          <ManagedPublishers />
+        </SubscriptionDashboardProvider>
+      </SplitTestProvider>
+    )
+
+    const elements = screen.getAllByText('You are a', {
+      exact: false,
+    })
+    expect(elements.length).to.equal(2)
+    expect(elements[0].textContent).to.equal('You are a manager of Pub 1')
+    expect(elements[1].textContent).to.equal('You are a manager of Pub 2')
+
+    const links = screen.getAllByRole('link')
+    expect(links[0].getAttribute('href')).to.equal('/publishers/pub-1/hub')
+    expect(links[1].getAttribute('href')).to.equal(
+      '/manage/publishers/pub-1/managers'
+    )
+    expect(links[2].getAttribute('href')).to.equal('/publishers/pub-2/hub')
+    expect(links[3].getAttribute('href')).to.equal(
+      '/manage/publishers/pub-2/managers'
+    )
+  })
+
+  it('renders nothing when there are no publishers', function () {
+    window.metaAttributesCache.set('ol-managedPublishers', undefined)
+
+    render(
+      <SplitTestProvider>
+        <SubscriptionDashboardProvider>
+          <ManagedPublishers />
+        </SubscriptionDashboardProvider>
+      </SplitTestProvider>
+    )
+    const elements = screen.queryAllByText('You are a', {
+      exact: false,
+    })
+    expect(elements.length).to.equal(0)
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/dashboard/pause-modal.test.tsx b/services/web/test/frontend/features/subscription/components/dashboard/pause-modal.test.tsx
new file mode 100644
index 0000000..1292a93
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/dashboard/pause-modal.test.tsx
@@ -0,0 +1,142 @@
+import { fireEvent, screen, waitFor } from '@testing-library/react'
+import fetchMock from 'fetch-mock'
+import sinon from 'sinon'
+import { expect } from 'chai'
+import {
+  annualActiveSubscription,
+  groupActiveSubscription,
+  monthlyActiveCollaborator,
+  trialSubscription,
+} from '../../fixtures/subscriptions'
+import { renderActiveSubscription } from '../../helpers/render-active-subscription'
+import * as useLocationModule from '../../../../../../frontend/js/shared/hooks/use-location'
+import { MetaTag } from '@/utils/meta'
+
+const pauseSubscriptionSplitTestMeta: MetaTag[] = [
+  { name: 'ol-splitTestVariants', value: { 'pause-subscription': 'enabled' } },
+]
+
+function renderSubscriptionWithPauseSupport(
+  subscription = monthlyActiveCollaborator
+) {
+  return renderActiveSubscription(subscription, pauseSubscriptionSplitTestMeta)
+}
+
+function clickCancelButton() {
+  const button = screen.getByRole('button', {
+    name: /Cancel your subscription/i,
+  })
+  fireEvent.click(button)
+}
+
+function clickDurationSelect() {
+  const pauseDurationSelect = screen.getByLabelText('Pause subscription for', {
+    selector: 'input',
+  })
+  fireEvent.click(pauseDurationSelect)
+}
+
+function clickSubmitButton() {
+  const buttonConfirm = screen.getByRole('button', {
+    name: 'Pause subscription',
+  })
+  fireEvent.click(buttonConfirm)
+}
+
+describe('<PauseSubscriptionModal />', function () {
+  beforeEach(function () {
+    reloadStub = sinon.stub()
+    this.locationStub = sinon.stub(useLocationModule, 'useLocation').returns({
+      assign: sinon.stub(),
+      replace: sinon.stub(),
+      reload: reloadStub,
+      setHash: sinon.stub(),
+      toString: sinon
+        .stub()
+        .returns('https://www.dev-overleaf.com/user/subscription'),
+    })
+    this.replaceStateStub = sinon.stub(window.history, 'replaceState')
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+    this.locationStub.restore()
+    this.replaceStateStub.restore()
+  })
+
+  it('does not render with an annual subscription', async function () {
+    renderSubscriptionWithPauseSupport(annualActiveSubscription)
+    clickCancelButton()
+    // goes straight to cancel
+    await screen.findByText('We’d love you to stay')
+  })
+
+  it('does not render with a group plan', async function () {
+    renderSubscriptionWithPauseSupport(groupActiveSubscription)
+    clickCancelButton()
+    // goes straight to cancel
+    await screen.findByText('We’d love you to stay')
+  })
+
+  it('does not render when in a trial', async function () {
+    renderSubscriptionWithPauseSupport(trialSubscription)
+    clickCancelButton()
+    await screen.findByText('We’d love you to stay')
+  })
+
+  it('renders when trying to cancel subscription', async function () {
+    renderSubscriptionWithPauseSupport()
+    clickCancelButton()
+    await screen.findByText('Pause instead, to pick up where you left off')
+  })
+  let reloadStub: sinon.SinonStub
+
+  it('renders options for pause duration', async function () {
+    renderSubscriptionWithPauseSupport()
+    clickCancelButton()
+    clickDurationSelect()
+    await screen.findByRole('option', { name: '1 month' })
+    await screen.findByRole('option', { name: '2 months' })
+    await screen.findByRole('option', { name: '3 months' })
+  })
+
+  it('changes to selected duration', async function () {
+    renderSubscriptionWithPauseSupport()
+    clickCancelButton()
+    clickDurationSelect()
+    const twoMonthsOption = await screen.findByRole('option', {
+      name: '2 months',
+      selected: false,
+    })
+    fireEvent.click(twoMonthsOption)
+    clickDurationSelect()
+    await screen.findByRole('option', { name: '2 months', selected: true })
+  })
+
+  it('shows error if pausing failed', async function () {
+    const endPointResponse = {
+      status: 500,
+    }
+    fetchMock.post(`/user/subscription/pause/1`, endPointResponse)
+    renderSubscriptionWithPauseSupport()
+    clickCancelButton()
+    clickSubmitButton()
+
+    await screen.findByText('Sorry, something went wrong. ', {
+      exact: false,
+    })
+  })
+
+  it('reloads if pause successful', async function () {
+    const endPointResponse = {
+      status: 200,
+    }
+    fetchMock.post(`/user/subscription/pause/1`, endPointResponse)
+    renderSubscriptionWithPauseSupport()
+    clickCancelButton()
+    clickSubmitButton()
+    await waitFor(() => {
+      expect(reloadStub).to.have.been.called
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/dashboard/personal-subscription.test.tsx b/services/web/test/frontend/features/subscription/components/dashboard/personal-subscription.test.tsx
new file mode 100644
index 0000000..2680f1e
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/dashboard/personal-subscription.test.tsx
@@ -0,0 +1,237 @@
+import { expect } from 'chai'
+import {
+  screen,
+  fireEvent,
+  waitForElementToBeRemoved,
+  within,
+} from '@testing-library/react'
+import PersonalSubscription from '../../../../../../frontend/js/features/subscription/components/dashboard/personal-subscription'
+import {
+  annualActiveSubscription,
+  canceledSubscription,
+  customSubscription,
+  pastDueExpiredSubscription,
+} from '../../fixtures/subscriptions'
+import {
+  cleanUpContext,
+  renderWithSubscriptionDashContext,
+} from '../../helpers/render-with-subscription-dash-context'
+import { reactivateSubscriptionUrl } from '../../../../../../frontend/js/features/subscription/data/subscription-url'
+import fetchMock from 'fetch-mock'
+import sinon from 'sinon'
+import * as useLocationModule from '../../../../../../frontend/js/shared/hooks/use-location'
+
+describe('<PersonalSubscription />', function () {
+  afterEach(function () {
+    cleanUpContext()
+  })
+
+  describe('no subscription', function () {
+    it('returns empty container', function () {
+      const { container } = renderWithSubscriptionDashContext(
+        <PersonalSubscription />
+      )
+      expect(container.firstChild).to.be.null
+    })
+  })
+
+  describe('custom subscription', function () {
+    it('displays contact support message', function () {
+      renderWithSubscriptionDashContext(<PersonalSubscription />, {
+        metaTags: [{ name: 'ol-subscription', value: customSubscription }],
+      })
+
+      screen.getByText('Please', { exact: false })
+      screen.getByText('contact support', { exact: false })
+      screen.getByText('to make changes to your plan', { exact: false })
+    })
+  })
+
+  describe('subscription states  ', function () {
+    let reloadStub: sinon.SinonStub
+
+    beforeEach(function () {
+      reloadStub = sinon.stub()
+      this.locationStub = sinon.stub(useLocationModule, 'useLocation').returns({
+        assign: sinon.stub(),
+        replace: sinon.stub(),
+        reload: reloadStub,
+        setHash: sinon.stub(),
+        toString: sinon.stub(),
+      })
+    })
+
+    afterEach(function () {
+      this.locationStub.restore()
+    })
+
+    it('renders the active dash', function () {
+      renderWithSubscriptionDashContext(<PersonalSubscription />, {
+        metaTags: [
+          { name: 'ol-subscription', value: annualActiveSubscription },
+        ],
+      })
+
+      screen.getByRole('heading', { name: /billing/i })
+    })
+
+    it('renders the canceled dash', function () {
+      renderWithSubscriptionDashContext(<PersonalSubscription />, {
+        metaTags: [{ name: 'ol-subscription', value: canceledSubscription }],
+      })
+      screen.getByText(
+        'Your subscription has been canceled and will terminate on',
+        { exact: false }
+      )
+      screen.getByText(canceledSubscription.payment!.nextPaymentDueAt, {
+        exact: false,
+      })
+
+      screen.getByText('No further payments will be taken.', { exact: false })
+
+      screen.getByRole('button', { name: 'View your invoices' })
+      screen.getByRole('button', { name: 'Reactivate your subscription' })
+    })
+
+    it('reactivates canceled plan', async function () {
+      renderWithSubscriptionDashContext(<PersonalSubscription />, {
+        metaTags: [{ name: 'ol-subscription', value: canceledSubscription }],
+      })
+
+      const reactivateBtn = screen.getByRole<HTMLButtonElement>('button', {
+        name: 'Reactivate your subscription',
+      })
+
+      // 1st click - fail
+      fetchMock.postOnce(reactivateSubscriptionUrl, 400)
+      fireEvent.click(reactivateBtn)
+      expect(reactivateBtn.disabled).to.be.true
+      await fetchMock.callHistory.flush(true)
+      expect(reactivateBtn.disabled).to.be.false
+      expect(reloadStub).not.to.have.been.called
+      fetchMock.removeRoutes().clearHistory()
+
+      // 2nd click - success
+      fetchMock.postOnce(reactivateSubscriptionUrl, 200)
+      fireEvent.click(reactivateBtn)
+      await fetchMock.callHistory.flush(true)
+      expect(reloadStub).to.have.been.calledOnce
+      expect(reactivateBtn.disabled).to.be.true
+      fetchMock.removeRoutes().clearHistory()
+    })
+
+    it('renders the expired dash', function () {
+      renderWithSubscriptionDashContext(<PersonalSubscription />, {
+        metaTags: [
+          { name: 'ol-subscription', value: pastDueExpiredSubscription },
+        ],
+      })
+      screen.getByText('Your subscription has expired.')
+    })
+
+    it('renders error message when an unknown subscription state', function () {
+      const withStateDeleted = Object.assign(
+        {},
+        JSON.parse(JSON.stringify(annualActiveSubscription))
+      )
+      withStateDeleted.payment.state = undefined
+      renderWithSubscriptionDashContext(<PersonalSubscription />, {
+        metaTags: [{ name: 'ol-subscription', value: withStateDeleted }],
+      })
+      screen.getByText(
+        'There is a problem with your subscription. Please contact us for more information.'
+      )
+    })
+  })
+
+  describe('past due subscription', function () {
+    it('renders error alert', function () {
+      renderWithSubscriptionDashContext(<PersonalSubscription />, {
+        metaTags: [
+          { name: 'ol-subscription', value: pastDueExpiredSubscription },
+        ],
+      })
+      screen.getByRole('alert')
+      screen.getByText(
+        'Your account currently has a past due invoice. You will not be able to change your plan until this is resolved.',
+        { exact: false }
+      )
+      const invoiceLinks = screen.getAllByText('View Your Invoices', {
+        exact: false,
+      })
+      expect(invoiceLinks.length).to.equal(2)
+    })
+  })
+
+  describe('Recurly JS', function () {
+    const recurlyFailedToLoadText =
+      'Sorry, there was an error talking to our payment provider. Please try again in a few moments. If you are using any ad or script blocking extensions in your browser, you may need to temporarily disable them.'
+
+    it('shows an alert and hides "Change plan" option when Recurly did not load', function () {
+      renderWithSubscriptionDashContext(<PersonalSubscription />, {
+        metaTags: [
+          { name: 'ol-subscription', value: annualActiveSubscription },
+        ],
+        recurlyNotLoaded: true,
+      })
+
+      screen.getByRole('alert')
+      screen.getByText(recurlyFailedToLoadText)
+
+      expect(screen.queryByText('Change plan')).to.be.null
+    })
+
+    it('should not show an alert and should show "Change plan" option when Recurly did load', function () {
+      renderWithSubscriptionDashContext(<PersonalSubscription />, {
+        metaTags: [
+          { name: 'ol-subscription', value: annualActiveSubscription },
+        ],
+      })
+
+      expect(screen.queryByRole('alert')).to.be.null
+
+      screen.getByText('Change plan')
+    })
+  })
+
+  it('shows different payment email address section', async function () {
+    fetchMock.post('/user/subscription/account/email', 200)
+    const usersEmail = 'foo@example.com'
+    renderWithSubscriptionDashContext(<PersonalSubscription />, {
+      metaTags: [
+        { name: 'ol-subscription', value: annualActiveSubscription },
+        { name: 'ol-usersEmail', value: usersEmail },
+      ],
+    })
+
+    const billingText = screen.getByText(
+      /your billing email address is currently/i
+    ).textContent
+    expect(billingText).to.contain(
+      `Your billing email address is currently ${annualActiveSubscription.payment.accountEmail}.` +
+        ` If needed you can update your billing address to ${usersEmail}`
+    )
+
+    const submitBtn = screen.getByRole<HTMLButtonElement>('button', {
+      name: /update/i,
+    })
+    expect(submitBtn.disabled).to.be.false
+    fireEvent.click(submitBtn)
+    expect(submitBtn.disabled).to.be.true
+    expect(
+      screen.getByRole<HTMLButtonElement>('button', { name: /updating/i })
+        .disabled
+    ).to.be.true
+
+    await waitForElementToBeRemoved(() =>
+      screen.getByText(/your billing email address is currently/i)
+    )
+
+    within(screen.getByRole('alert')).getByText(
+      /your billing email address was successfully updated/i
+    )
+
+    expect(screen.queryByRole('button', { name: /update/i })).to.be.null
+    expect(screen.queryByRole('button', { name: /updating/i })).to.be.null
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/dashboard/states/active/active.test.tsx b/services/web/test/frontend/features/subscription/components/dashboard/states/active/active.test.tsx
new file mode 100644
index 0000000..14e08bb
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/dashboard/states/active/active.test.tsx
@@ -0,0 +1,533 @@
+import { expect } from 'chai'
+import { fireEvent, screen, waitFor } from '@testing-library/react'
+import * as eventTracking from '@/infrastructure/event-tracking'
+import { PaidSubscription } from '../../../../../../../../types/subscription/dashboard/subscription'
+import {
+  annualActiveSubscription,
+  groupActiveSubscription,
+  groupActiveSubscriptionWithPendingLicenseChange,
+  monthlyActiveCollaborator,
+  pendingSubscriptionChange,
+  trialCollaboratorSubscription,
+  trialSubscription,
+} from '../../../../fixtures/subscriptions'
+import sinon from 'sinon'
+import { cleanUpContext } from '../../../../helpers/render-with-subscription-dash-context'
+import { renderActiveSubscription } from '../../../../helpers/render-active-subscription'
+import { cloneDeep } from 'lodash'
+import fetchMock from 'fetch-mock'
+import {
+  cancelSubscriptionUrl,
+  extendTrialUrl,
+  subscriptionUpdateUrl,
+} from '@/features/subscription/data/subscription-url'
+import * as useLocationModule from '../../../../../../../../frontend/js/shared/hooks/use-location'
+import { MetaTag } from '@/utils/meta'
+
+describe('<ActiveSubscription />', function () {
+  let sendMBSpy: sinon.SinonSpy
+
+  beforeEach(function () {
+    sendMBSpy = sinon.spy(eventTracking, 'sendMB')
+  })
+
+  afterEach(function () {
+    cleanUpContext()
+    sendMBSpy.restore()
+  })
+
+  function expectedInActiveSubscription(subscription: PaidSubscription) {
+    // sentence broken up by bolding
+    screen.getByText('You are currently subscribed to the', { exact: false })
+    screen.getByText(subscription.plan.name, { exact: false })
+
+    screen.getByRole('button', { name: 'Change plan' })
+
+    // sentence broken up by bolding
+    screen.getByText('The next payment of', { exact: false })
+    screen.getByText(subscription.payment.displayPrice, {
+      exact: false,
+    })
+    screen.getByText('will be collected on', { exact: false })
+    const dates = screen.getAllByText(subscription.payment.nextPaymentDueAt, {
+      exact: false,
+    })
+    expect(dates.length).to.equal(2)
+
+    screen.getByText(
+      '* Prices may be subject to additional VAT, depending on your country.'
+    )
+
+    screen.getByRole('link', { name: 'Update your billing details' })
+    screen.getByRole('link', { name: 'View your invoices' })
+  }
+
+  it('renders the dash annual active subscription', function () {
+    renderActiveSubscription(annualActiveSubscription)
+    expectedInActiveSubscription(annualActiveSubscription)
+  })
+
+  it('shows change plan UI when button clicked', async function () {
+    renderActiveSubscription(annualActiveSubscription)
+
+    const button = screen.getByRole('button', { name: 'Change plan' })
+    fireEvent.click(button)
+
+    // confirm main dash UI still shown
+    screen.getByText('You are currently subscribed to the', { exact: false })
+
+    await screen.findByRole('heading', { name: 'Change plan' })
+    expect(
+      screen.getAllByRole('button', { name: 'Change to this plan' }).length > 0
+    ).to.be.true
+  })
+
+  it('notes when user is changing plan at end of current plan term', function () {
+    renderActiveSubscription(pendingSubscriptionChange)
+
+    expectedInActiveSubscription(pendingSubscriptionChange)
+
+    screen.getByText('Your plan is changing to', { exact: false })
+
+    screen.getByText(pendingSubscriptionChange.pendingPlan!.name)
+    screen.getByText(' at the end of the current billing period', {
+      exact: false,
+    })
+
+    screen.getByText(
+      'If you wish this change to apply before the end of your current billing period, please contact us.'
+    )
+
+    expect(screen.queryByRole('link', { name: 'contact support' })).to.be.null
+    expect(screen.queryByText('if you wish to change your group subscription.'))
+      .to.be.null
+  })
+
+  it('does not show "Change plan" option when past due', function () {
+    // account is likely in expired state, but be sure to not show option if state is still active
+    const activePastDueSubscription = Object.assign(
+      {},
+      JSON.parse(JSON.stringify(annualActiveSubscription))
+    )
+
+    activePastDueSubscription.payment.hasPastDueInvoice = true
+
+    renderActiveSubscription(activePastDueSubscription)
+
+    const changePlan = screen.queryByRole('button', { name: 'Change plan' })
+    expect(changePlan).to.be.null
+  })
+
+  it('shows the pending license change message when plan change is pending', function () {
+    renderActiveSubscription(groupActiveSubscriptionWithPendingLicenseChange)
+
+    screen.getByText('Your subscription is changing to include', {
+      exact: false,
+    })
+
+    screen.getByText(
+      groupActiveSubscriptionWithPendingLicenseChange.payment
+        .pendingAdditionalLicenses!
+    )
+
+    screen.getByText('additional license(s) for a total of', { exact: false })
+
+    screen.getByText(
+      groupActiveSubscriptionWithPendingLicenseChange.payment
+        .pendingTotalLicenses!
+    )
+
+    expect(
+      screen.queryByText(
+        'If you wish this change to apply before the end of your current billing period, please contact us.'
+      )
+    ).to.be.null
+  })
+
+  it('shows the pending license change message when plan change is not pending', function () {
+    const subscription = Object.assign({}, groupActiveSubscription)
+    subscription.payment.additionalLicenses = 4
+    subscription.payment.totalLicenses =
+      subscription.payment.totalLicenses +
+      subscription.payment.additionalLicenses
+
+    renderActiveSubscription(subscription)
+
+    screen.getByText('Your subscription includes', {
+      exact: false,
+    })
+
+    screen.getByText(subscription.payment.additionalLicenses)
+
+    screen.getByText('additional license(s) for a total of', { exact: false })
+
+    screen.getByText(subscription.payment.totalLicenses)
+  })
+
+  it('shows when trial ends and first payment collected and when subscription would become inactive if cancelled', function () {
+    renderActiveSubscription(trialSubscription)
+    screen.getByText('You’re on a free trial which ends on', { exact: false })
+
+    const endDate = screen.getAllByText(
+      trialSubscription.payment.trialEndsAtFormatted!
+    )
+    expect(endDate.length).to.equal(3)
+  })
+
+  it('shows current discounts', function () {
+    const subscriptionWithActiveCoupons = cloneDeep(annualActiveSubscription)
+    subscriptionWithActiveCoupons.payment.activeCoupons = [
+      {
+        name: 'fake coupon name',
+        code: 'fake-coupon',
+        description: '',
+      },
+    ]
+    renderActiveSubscription(subscriptionWithActiveCoupons)
+    screen.getByText(
+      /this does not include your current discounts, which will be applied automatically before your next payment/i
+    )
+    screen.getByText(
+      subscriptionWithActiveCoupons.payment.activeCoupons[0].name
+    )
+  })
+
+  describe('cancel plan', function () {
+    const assignStub = sinon.stub()
+    const reloadStub = sinon.stub()
+
+    beforeEach(function () {
+      this.locationStub = sinon.stub(useLocationModule, 'useLocation').returns({
+        assign: assignStub,
+        replace: sinon.stub(),
+        reload: reloadStub,
+        setHash: sinon.stub(),
+        toString: sinon.stub(),
+      })
+    })
+
+    afterEach(function () {
+      this.locationStub.restore()
+      fetchMock.removeRoutes().clearHistory()
+    })
+
+    function showConfirmCancelUI() {
+      const button = screen.getByRole('button', {
+        name: 'Cancel your subscription',
+      })
+      fireEvent.click(button)
+    }
+
+    it('shows cancel UI', function () {
+      renderActiveSubscription(annualActiveSubscription)
+      screen.getByText(
+        'Your subscription will remain active until the end of your billing period',
+        { exact: false }
+      )
+      const dates = screen.getAllByText(
+        annualActiveSubscription.payment.nextPaymentDueAt,
+        {
+          exact: false,
+        }
+      )
+      expect(dates.length).to.equal(2)
+      const button = screen.getByRole('button', {
+        name: 'Cancel your subscription',
+      })
+      expect(button).to.exist
+    })
+
+    it('shows cancel UI when still in a trial period', function () {
+      renderActiveSubscription(trialSubscription)
+      screen.getByText(
+        'Your subscription will remain active until the end of your trial period',
+        { exact: false }
+      )
+      const dates = screen.getAllByText(
+        trialSubscription.payment.trialEndsAtFormatted!
+      )
+      expect(dates.length).to.equal(3)
+      const button = screen.getByRole('button', {
+        name: 'Cancel your subscription',
+      })
+      expect(button).to.exist
+    })
+
+    it('shows cancel prompt on button click and sends event', function () {
+      renderActiveSubscription(annualActiveSubscription)
+
+      showConfirmCancelUI()
+
+      expect(sendMBSpy).to.be.calledOnceWith(
+        'subscription-page-cancel-button-click'
+      )
+
+      screen.getByText('We’d love you to stay')
+      screen.getByRole('button', { name: 'Cancel my subscription' })
+    })
+
+    it('cancels subscription and redirects page', async function () {
+      const endPointResponse = {
+        status: 200,
+      }
+      fetchMock.post(cancelSubscriptionUrl, endPointResponse)
+      renderActiveSubscription(annualActiveSubscription)
+      showConfirmCancelUI()
+      const button = screen.getByRole('button', {
+        name: 'Cancel my subscription',
+      })
+      fireEvent.click(button)
+      await waitFor(() => {
+        expect(assignStub).to.have.been.called
+      })
+      sinon.assert.calledWithMatch(assignStub, '/user/subscription/canceled')
+    })
+
+    it('shows an error message if canceling subscription failed', async function () {
+      const endPointResponse = {
+        status: 500,
+      }
+      fetchMock.post(cancelSubscriptionUrl, endPointResponse)
+      renderActiveSubscription(annualActiveSubscription)
+      showConfirmCancelUI()
+      const button = screen.getByRole('button', {
+        name: 'Cancel my subscription',
+      })
+      fireEvent.click(button)
+      await screen.findByText('Sorry, something went wrong. ', {
+        exact: false,
+      })
+      screen.getByText('Please try again. ', { exact: false })
+      screen.getByText('If the problem continues please contact us.', {
+        exact: false,
+      })
+    })
+
+    it('disables cancels subscription button after clicking and shows loading spinner', async function () {
+      renderActiveSubscription(annualActiveSubscription)
+      showConfirmCancelUI()
+      screen.getByRole('button', {
+        name: 'I want to stay',
+      })
+      const button = screen.getByRole('button', {
+        name: 'Cancel my subscription',
+      })
+      fireEvent.click(button)
+
+      const cancelButton = screen.getByRole('button', {
+        name: 'Processing…',
+      }) as HTMLButtonElement
+      expect(cancelButton.disabled).to.be.true
+
+      const hiddenText = screen.getByText('Cancel my subscription')
+      expect(hiddenText.getAttribute('aria-hidden')).to.equal('true')
+    })
+
+    describe('extend trial', function () {
+      const canExtend: MetaTag = {
+        name: 'ol-userCanExtendTrial',
+        value: true,
+      }
+      const cancelButtonText = 'No thanks, I still want to cancel'
+      const extendTrialButtonText = 'I’ll take it!'
+      it('shows alternate cancel subscription button text for cancel button and option to extend trial', function () {
+        renderActiveSubscription(trialCollaboratorSubscription, [canExtend])
+        showConfirmCancelUI()
+        screen.getByText('Have another', { exact: false })
+        screen.getByText('14 days', { exact: false })
+        screen.getByText('on your Trial!', { exact: false })
+        screen.getByRole('button', {
+          name: cancelButtonText,
+        })
+        screen.getByRole('button', {
+          name: extendTrialButtonText,
+        })
+      })
+
+      it('disables both buttons and updates text for when trial button clicked', function () {
+        renderActiveSubscription(trialCollaboratorSubscription, [canExtend])
+        showConfirmCancelUI()
+        const extendTrialButton = screen.getByRole('button', {
+          name: extendTrialButtonText,
+        })
+        fireEvent.click(extendTrialButton)
+
+        const buttons = screen.getAllByRole('button')
+        expect(buttons.length).to.equal(2)
+        expect(buttons[0].getAttribute('disabled')).to.equal('')
+        expect(buttons[1].getAttribute('disabled')).to.equal('')
+        screen.getByRole('button', {
+          name: cancelButtonText,
+        })
+        screen.getByRole('button', {
+          name: 'Processing…',
+        })
+      })
+
+      it('disables both buttons and updates text for when cancel button clicked', function () {
+        renderActiveSubscription(trialCollaboratorSubscription, [canExtend])
+        showConfirmCancelUI()
+        const cancelButtton = screen.getByRole('button', {
+          name: cancelButtonText,
+        })
+        fireEvent.click(cancelButtton)
+
+        const buttons = screen.getAllByRole('button')
+        expect(buttons.length).to.equal(2)
+        expect(buttons[0].getAttribute('disabled')).to.equal('')
+        expect(buttons[1].getAttribute('disabled')).to.equal('')
+        screen.getByRole('button', {
+          name: 'Processing…',
+        })
+        screen.getByRole('button', {
+          name: extendTrialButtonText,
+        })
+      })
+
+      it('does not show option to extend trial when user is not eligible', function () {
+        renderActiveSubscription(trialCollaboratorSubscription)
+        showConfirmCancelUI()
+        expect(
+          screen.queryByRole('button', {
+            name: extendTrialButtonText,
+          })
+        ).to.be.null
+      })
+
+      it('reloads page after the successful request to extend trial', async function () {
+        const endPointResponse = {
+          status: 200,
+        }
+        fetchMock.put(extendTrialUrl, endPointResponse)
+        renderActiveSubscription(trialCollaboratorSubscription, [canExtend])
+        showConfirmCancelUI()
+        const extendTrialButton = screen.getByRole('button', {
+          name: extendTrialButtonText,
+        })
+        fireEvent.click(extendTrialButton)
+        // page is reloaded on success
+        await waitFor(() => {
+          expect(reloadStub).to.have.been.called
+        })
+      })
+    })
+
+    describe('downgrade plan', function () {
+      const cancelButtonText = 'No thanks, I still want to cancel'
+      const downgradeButtonText = 'Yes, move me to the Personal plan'
+      it('shows alternate cancel subscription button text', async function () {
+        renderActiveSubscription(monthlyActiveCollaborator)
+        showConfirmCancelUI()
+        await screen.findByRole('button', {
+          name: cancelButtonText,
+        })
+        screen.getByRole('button', {
+          name: downgradeButtonText,
+        })
+        screen.getByText('Would you be interested in the cheaper', {
+          exact: false,
+        })
+        screen.getByText('Personal plan?', {
+          exact: false,
+        })
+      })
+
+      it('disables both buttons and updates text for when trial button clicked', async function () {
+        renderActiveSubscription(monthlyActiveCollaborator)
+        showConfirmCancelUI()
+        const downgradeButton = await screen.findByRole('button', {
+          name: downgradeButtonText,
+        })
+        fireEvent.click(downgradeButton)
+
+        const buttons = screen.getAllByRole('button')
+        expect(buttons.length).to.equal(2)
+        expect(buttons[0].getAttribute('disabled')).to.equal('')
+        expect(buttons[1].getAttribute('disabled')).to.equal('')
+        screen.getByRole('button', {
+          name: cancelButtonText,
+        })
+        screen.getByRole('button', {
+          name: 'Processing…',
+        })
+      })
+
+      it('disables both buttons and updates text for when cancel button clicked', async function () {
+        renderActiveSubscription(monthlyActiveCollaborator)
+        showConfirmCancelUI()
+        const cancelButtton = await screen.findByRole('button', {
+          name: cancelButtonText,
+        })
+        fireEvent.click(cancelButtton)
+
+        const buttons = screen.getAllByRole('button')
+        expect(buttons.length).to.equal(2)
+        expect(buttons[0].getAttribute('disabled')).to.equal('')
+        expect(buttons[1].getAttribute('disabled')).to.equal('')
+        screen.getByRole('button', {
+          name: 'Processing…',
+        })
+        screen.getByRole('button', {
+          name: downgradeButtonText,
+        })
+      })
+
+      it('does not show option to downgrade when not a collaborator plan', function () {
+        const trialPlan = cloneDeep(monthlyActiveCollaborator)
+        trialPlan.plan.planCode = 'anotherplan'
+        renderActiveSubscription(trialPlan)
+        showConfirmCancelUI()
+        expect(
+          screen.queryByRole('button', {
+            name: downgradeButtonText,
+          })
+        ).to.be.null
+      })
+
+      it('does not show option to extend trial when on a collaborator trial', function () {
+        const trialPlan = cloneDeep(trialCollaboratorSubscription)
+        renderActiveSubscription(trialPlan)
+        showConfirmCancelUI()
+        expect(
+          screen.queryByRole('button', {
+            name: downgradeButtonText,
+          })
+        ).to.be.null
+      })
+
+      it('reloads page after the successful request to downgrade plan', async function () {
+        const endPointResponse = {
+          status: 200,
+        }
+        fetchMock.post(subscriptionUpdateUrl, endPointResponse)
+        renderActiveSubscription(monthlyActiveCollaborator)
+        showConfirmCancelUI()
+        const downgradeButton = await screen.findByRole('button', {
+          name: downgradeButtonText,
+        })
+        fireEvent.click(downgradeButton)
+        // page is reloaded on success
+        await waitFor(() => {
+          expect(reloadStub).to.have.been.called
+        })
+      })
+    })
+  })
+
+  describe('group plans', function () {
+    it('does not show "Change plan" option for group plans', function () {
+      renderActiveSubscription(groupActiveSubscription)
+
+      const changePlan = screen.queryByRole('button', { name: 'Change plan' })
+      expect(changePlan).to.be.null
+    })
+
+    it('shows contact support message for group plan change requests', function () {
+      renderActiveSubscription(groupActiveSubscription)
+      screen.getByRole('link', { name: 'contact support' })
+      screen.getByText('if you wish to change your group subscription.', {
+        exact: false,
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/dashboard/states/active/change-plan/change-plan.test.tsx b/services/web/test/frontend/features/subscription/components/dashboard/states/active/change-plan/change-plan.test.tsx
new file mode 100644
index 0000000..7878663
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/dashboard/states/active/change-plan/change-plan.test.tsx
@@ -0,0 +1,561 @@
+import { expect } from 'chai'
+import { fireEvent, screen, waitFor, within } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import { groupPlans, plans } from '../../../../../fixtures/plans'
+import {
+  annualActiveSubscription,
+  annualActiveSubscriptionEuro,
+  annualActiveSubscriptionPro,
+  pendingSubscriptionChange,
+} from '../../../../../fixtures/subscriptions'
+import { ActiveSubscription } from '../../../../../../../../../frontend/js/features/subscription/components/dashboard/states/active/active'
+import {
+  cleanUpContext,
+  renderWithSubscriptionDashContext,
+} from '../../../../../helpers/render-with-subscription-dash-context'
+import sinon from 'sinon'
+import fetchMock from 'fetch-mock'
+import {
+  cancelPendingSubscriptionChangeUrl,
+  subscriptionUpdateUrl,
+} from '../../../../../../../../../frontend/js/features/subscription/data/subscription-url'
+import { renderActiveSubscription } from '../../../../../helpers/render-active-subscription'
+import * as useLocationModule from '../../../../../../../../../frontend/js/shared/hooks/use-location'
+
+describe('<ChangePlanModal />', function () {
+  let reloadStub: sinon.SinonStub
+
+  beforeEach(function () {
+    reloadStub = sinon.stub()
+    this.locationStub = sinon.stub(useLocationModule, 'useLocation').returns({
+      assign: sinon.stub(),
+      replace: sinon.stub(),
+      reload: reloadStub,
+      setHash: sinon.stub(),
+      toString: sinon.stub(),
+    })
+  })
+
+  afterEach(function () {
+    cleanUpContext()
+    fetchMock.removeRoutes().clearHistory()
+    this.locationStub.restore()
+  })
+
+  it('renders the individual plans table and group plans UI', async function () {
+    renderActiveSubscription(annualActiveSubscription)
+    const button = screen.getByRole('button', { name: 'Change plan' })
+    fireEvent.click(button)
+
+    await screen.findByText('Looking for multiple licenses?')
+
+    const changeToPlanButtons = screen.queryAllByRole('button', {
+      name: 'Change to this plan',
+    })
+    expect(changeToPlanButtons.length).to.equal(plans.length - 3) // excludes paid-personal and paid-personal-annual
+    screen.getByText('Your plan')
+
+    const annualPlans = plans.filter(plan => plan.annual)
+    expect(screen.getAllByText('/ year', { exact: false }).length).to.equal(
+      annualPlans.length - 1
+    ) // excludes paid-personal-annual
+
+    expect(screen.getAllByText('/ month', { exact: false }).length).to.equal(
+      plans.length - annualPlans.length - 1
+    ) // excludes paid-personal
+
+    expect(screen.queryByText('loading', { exact: false })).to.be.null
+  })
+
+  it('renders "Your new plan" and "Keep current plan" when there is a pending plan change', async function () {
+    renderActiveSubscription(pendingSubscriptionChange)
+
+    const button = screen.getByRole('button', { name: 'Change plan' })
+    fireEvent.click(button)
+
+    await screen.findByText('Your new plan')
+    screen.getByRole('button', { name: 'Keep my current plan' })
+  })
+
+  it('does not render when Recurly did not load', function () {
+    const { container } = renderWithSubscriptionDashContext(
+      <ActiveSubscription subscription={annualActiveSubscription} />,
+      {
+        metaTags: [
+          { name: 'ol-subscription', value: annualActiveSubscription },
+          { name: 'ol-plans', value: plans },
+        ],
+      }
+    )
+    expect(container).not.to.be.null
+  })
+
+  it('shows a loading message while still querying Recurly for prices', async function () {
+    renderWithSubscriptionDashContext(
+      <ActiveSubscription subscription={pendingSubscriptionChange} />,
+      {
+        metaTags: [
+          { name: 'ol-subscription', value: pendingSubscriptionChange },
+        ],
+      }
+    )
+
+    const button = screen.getByRole('button', { name: 'Change plan' })
+    fireEvent.click(button)
+
+    await screen.findByText('Loading', { exact: false })
+  })
+
+  describe('Change plan modal', function () {
+    it('open confirmation modal when "Change to this plan" clicked', async function () {
+      renderActiveSubscription(annualActiveSubscription)
+
+      const button = screen.getByRole('button', { name: 'Change plan' })
+      fireEvent.click(button)
+
+      const buttons = await screen.findAllByRole('button', {
+        name: 'Change to this plan',
+      })
+      fireEvent.click(buttons[0])
+
+      const confirmModal = screen.getByRole('dialog')
+      await within(confirmModal).findByText(
+        'Are you sure you want to change plan to',
+        {
+          exact: false,
+        }
+      )
+      within(confirmModal).getByRole('button', { name: 'Change plan' })
+
+      expect(
+        screen.queryByText(
+          'Your existing plan and its features will remain active until the end of the current billing period.'
+        )
+      ).to.be.null
+
+      expect(
+        screen.queryByText(
+          'If you wish this change to apply before the end of your current billing period, please contact us.'
+        )
+      ).to.be.null
+    })
+
+    it('shows message in confirmation dialog about plan remaining active until end of term when expected', async function () {
+      let planIndex = 0
+      const planThatWillChange = plans.find((p, i) => {
+        if (p.planCode !== annualActiveSubscription.planCode) {
+          planIndex = i
+        }
+        return p.planCode !== annualActiveSubscription.planCode
+      })
+
+      renderActiveSubscription(annualActiveSubscription, [
+        {
+          name: 'ol-planCodesChangingAtTermEnd',
+          value: [planThatWillChange!.planCode],
+        },
+      ])
+
+      const button = screen.getByRole('button', { name: 'Change plan' })
+      fireEvent.click(button)
+
+      const buttons = await screen.findAllByRole('button', {
+        name: 'Change to this plan',
+      })
+      fireEvent.click(buttons[planIndex])
+
+      const confirmModal = screen.getByRole('dialog')
+      await within(confirmModal).findByText(
+        'Your existing plan and its features will remain active until the end of the current billing period.'
+      )
+
+      screen.getByText(
+        'If you wish this change to apply before the end of your current billing period, please contact us.'
+      )
+    })
+
+    it('changes plan after confirmed in modal', async function () {
+      const endPointResponse = {
+        status: 200,
+      }
+      fetchMock.post(
+        `${subscriptionUpdateUrl}?origin=confirmChangePlan`,
+        endPointResponse
+      )
+
+      renderActiveSubscription(annualActiveSubscription, [
+        {
+          name: 'ol-planCodesChangingAtTermEnd',
+          value: [annualActiveSubscription.planCode],
+        },
+      ])
+
+      const button = screen.getByRole('button', { name: 'Change plan' })
+      fireEvent.click(button)
+
+      const buttons = await screen.findAllByRole('button', {
+        name: 'Change to this plan',
+      })
+      fireEvent.click(buttons[0])
+
+      await screen.findByText('Are you sure you want to change plan to', {
+        exact: false,
+      })
+      const buttonConfirm = within(screen.getByRole('dialog')).getByRole(
+        'button',
+        { name: 'Change plan' }
+      )
+      fireEvent.click(buttonConfirm)
+
+      screen.getByRole('button', { name: 'Processing…' })
+
+      // page is reloaded on success
+      await waitFor(() => {
+        expect(reloadStub).to.have.been.called
+      })
+    })
+
+    it('shows error if changing plan failed', async function () {
+      const endPointResponse = {
+        status: 500,
+      }
+      fetchMock.post(
+        `${subscriptionUpdateUrl}?origin=confirmChangePlan`,
+        endPointResponse
+      )
+
+      renderActiveSubscription(annualActiveSubscription)
+
+      const button = screen.getByRole('button', { name: 'Change plan' })
+      fireEvent.click(button)
+
+      const buttons = await screen.findAllByRole('button', {
+        name: 'Change to this plan',
+      })
+      fireEvent.click(buttons[0])
+
+      await screen.findByText('Are you sure you want to change plan to', {
+        exact: false,
+      })
+      const buttonConfirm = within(screen.getByRole('dialog')).getByRole(
+        'button',
+        { name: 'Change plan' }
+      )
+      fireEvent.click(buttonConfirm)
+
+      screen.getByRole('button', { name: 'Processing…' })
+
+      await screen.findByText('Sorry, something went wrong. ', { exact: false })
+      await screen.findByText('Please try again. ', { exact: false })
+      await screen.findByText('If the problem continues please contact us.', {
+        exact: false,
+      })
+
+      expect(
+        within(screen.getByRole('dialog'))
+          .getByRole('button', { name: 'Change plan' })
+          .getAttribute('disabled')
+      ).to.not.exist
+    })
+  })
+
+  describe('Keep current plan modal', function () {
+    let confirmModal: HTMLElement
+
+    beforeEach(async function () {
+      renderActiveSubscription(pendingSubscriptionChange)
+
+      const button = screen.getByRole('button', { name: 'Change plan' })
+      fireEvent.click(button)
+
+      const keepPlanButton = await screen.findByRole('button', {
+        name: 'Keep my current plan',
+      })
+      fireEvent.click(keepPlanButton)
+
+      confirmModal = screen.getByRole('dialog')
+    })
+
+    it('opens confirmation modal when "Keep my current plan" is clicked', async function () {
+      within(confirmModal).getByText(
+        'Are you sure you want to revert your scheduled plan change? You will remain subscribed to the',
+        {
+          exact: false,
+        }
+      )
+      screen.getByRole('button', { name: 'Revert scheduled plan change' })
+    })
+
+    it('keeps current plan when "Revert scheduled plan change" is clicked in modal', async function () {
+      const endPointResponse = {
+        status: 200,
+      }
+      fetchMock.post(cancelPendingSubscriptionChangeUrl, endPointResponse)
+      const buttonConfirm = within(confirmModal).getByRole('button', {
+        name: 'Revert scheduled plan change',
+      })
+      fireEvent.click(buttonConfirm)
+
+      screen.getByRole('button', { name: 'Processing…' })
+
+      // page is reloaded on success
+      await waitFor(() => {
+        expect(reloadStub).to.have.been.called
+      })
+    })
+
+    it('shows error if keeping plan failed', async function () {
+      const endPointResponse = {
+        status: 500,
+      }
+      fetchMock.post(cancelPendingSubscriptionChangeUrl, endPointResponse)
+      const buttonConfirm = within(confirmModal).getByRole('button', {
+        name: 'Revert scheduled plan change',
+      })
+      fireEvent.click(buttonConfirm)
+
+      screen.getByRole('button', { name: 'Processing…' })
+      await screen.findByText('Sorry, something went wrong. ', { exact: false })
+      await screen.findByText('Please try again. ', { exact: false })
+      await screen.findByText('If the problem continues please contact us.', {
+        exact: false,
+      })
+      expect(
+        within(screen.getByRole('dialog'))
+          .getByRole('button', { name: 'Revert scheduled plan change' })
+          .getAttribute('disabled')
+      ).to.not.exist
+    })
+  })
+
+  describe('Change to group plan modal', function () {
+    const standardPlanCollaboratorText = '10 collaborators per project'
+    const professionalPlanCollaboratorText = 'Unlimited collaborators'
+    const educationInputLabel =
+      'Get a total of 40% off for groups using Overleaf for teaching'
+
+    let modal: HTMLElement
+    async function openModal() {
+      const button = screen.getByRole('button', { name: 'Change plan' })
+      fireEvent.click(button)
+
+      const buttonGroupModal = await screen.findByRole('button', {
+        name: 'Change to a group plan',
+      })
+      fireEvent.click(buttonGroupModal)
+
+      modal = await screen.findByRole('dialog')
+    }
+
+    it('open group plan modal "Change to a group plan" clicked', async function () {
+      renderActiveSubscription(annualActiveSubscription)
+      await openModal()
+
+      within(modal).getByText('Customize your group subscription')
+
+      within(modal).getByText('$1,290 per year')
+      expect(within(modal).getAllByText('$129 per user').length).to.equal(2)
+
+      within(modal).getByText('Each user will have access to:')
+      within(modal).getByText('All premium features')
+      within(modal).getByText('Sync with Dropbox and GitHub')
+      within(modal).getByText('Full document history')
+      within(modal).getByText('plus more')
+
+      within(modal).getByText(standardPlanCollaboratorText)
+      expect(within(modal).queryByText(professionalPlanCollaboratorText)).to.be
+        .null
+
+      const plans = within(modal).getByRole('group')
+      const planOptions = within(plans).getAllByRole('radio')
+      expect(planOptions.length).to.equal(groupPlans.plans.length)
+      const standardPlanRadioInput = within(modal).getByLabelText(
+        'Standard'
+      ) as HTMLInputElement
+      expect(standardPlanRadioInput.checked).to.be.true
+
+      const sizeSelect = within(modal).getByRole('combobox') as HTMLInputElement
+      expect(sizeSelect.value).to.equal('10')
+      const sizeOption = within(sizeSelect).getAllByRole('option')
+      expect(sizeOption.length).to.equal(groupPlans.sizes.length)
+      within(modal).getByText(
+        'Get a total of 40% off for groups using Overleaf for teaching'
+      )
+
+      const educationalCheckbox = within(modal).getByRole(
+        'checkbox'
+      ) as HTMLInputElement
+      expect(educationalCheckbox.checked).to.be.false
+
+      within(modal).getByText(
+        'Your new subscription will be billed immediately to your current payment method.'
+      )
+
+      expect(within(modal).queryByText('tax', { exact: false })).to.be.null
+
+      within(modal).getByRole('button', { name: 'Upgrade now' })
+
+      within(modal).getByRole('button', {
+        name: 'Need more than 20 licenses? Please get in touch',
+      })
+    })
+
+    it('changes the collaborator count when the plan changes', async function () {
+      renderActiveSubscription(annualActiveSubscription)
+      await openModal()
+
+      const professionalPlanOption =
+        within(modal).getByLabelText('Professional')
+      fireEvent.click(professionalPlanOption)
+
+      await within(modal).findByText(professionalPlanCollaboratorText)
+      expect(within(modal).queryByText(standardPlanCollaboratorText)).to.be.null
+    })
+
+    it('shows educational discount applied when input checked', async function () {
+      const discountAppliedText = '40% educational discount applied!'
+      renderActiveSubscription(annualActiveSubscription)
+
+      await openModal()
+
+      const educationInput = within(modal).getByLabelText(educationInputLabel)
+      fireEvent.click(educationInput)
+      await within(modal).findByText(discountAppliedText)
+
+      const sizeSelect = within(modal).getByRole('combobox') as HTMLInputElement
+      await userEvent.selectOptions(sizeSelect, [screen.getByText('5')])
+      await within(modal).findByText(discountAppliedText)
+    })
+
+    it('shows total with tax when tax applied', async function () {
+      renderActiveSubscription(annualActiveSubscriptionEuro, undefined, 'EUR')
+
+      await openModal()
+
+      within(modal).getByText('Total:', { exact: false })
+      expect(
+        within(modal).getAllByText('€1,438.40', { exact: false }).length
+      ).to.equal(3)
+      within(modal).getByText('(€1,160.00 + €278.40 tax) per year', {
+        exact: false,
+      })
+    })
+
+    it('changes the price when options change', async function () {
+      renderActiveSubscription(annualActiveSubscription)
+
+      await openModal()
+
+      within(modal).getByText('$1,290 per year')
+      within(modal).getAllByText('$129 per user')
+
+      // plan type (pro collab)
+      let standardPlanRadioInput = within(modal).getByLabelText(
+        'Standard'
+      ) as HTMLInputElement
+      expect(standardPlanRadioInput.checked).to.be.true
+      let professionalPlanRadioInput = within(modal).getByLabelText(
+        'Professional'
+      ) as HTMLInputElement
+      expect(professionalPlanRadioInput.checked).to.be.false
+
+      fireEvent.click(professionalPlanRadioInput)
+
+      standardPlanRadioInput = within(modal).getByLabelText(
+        'Standard'
+      ) as HTMLInputElement
+      expect(standardPlanRadioInput.checked).to.be.false
+      professionalPlanRadioInput = within(modal).getByLabelText(
+        'Professional'
+      ) as HTMLInputElement
+      expect(professionalPlanRadioInput.checked).to.be.true
+
+      await within(modal).findByText('$2,590 per year')
+      await within(modal).findAllByText('$259 per user')
+
+      // user count
+      let sizeSelect = within(modal).getByRole('combobox') as HTMLInputElement
+      expect(sizeSelect.value).to.equal('10')
+      await userEvent.selectOptions(sizeSelect, [screen.getByText('5')])
+      sizeSelect = within(modal).getByRole('combobox') as HTMLInputElement
+      expect(sizeSelect.value).to.equal('5')
+
+      await within(modal).findByText('$1,395 per year')
+      await within(modal).findAllByText('$279 per user')
+
+      // usage (enterprise or educational)
+      let educationInput = within(modal).getByLabelText(
+        educationInputLabel
+      ) as HTMLInputElement
+      expect(educationInput.checked).to.be.false
+      fireEvent.click(educationInput)
+      educationInput = within(modal).getByLabelText(
+        educationInputLabel
+      ) as HTMLInputElement
+      expect(educationInput.checked).to.be.true
+
+      // make sure doesn't change price until back at min user to qualify
+      await within(modal).findByText('$1,395 per year')
+      await within(modal).findAllByText('$279 per user')
+
+      await userEvent.selectOptions(sizeSelect, [screen.getByText('10')])
+
+      await within(modal).findByText('$1,550 per year')
+      await within(modal).findAllByText('$155 per user')
+    })
+
+    it('has pro as the default group plan type if user is on a pro plan', async function () {
+      renderActiveSubscription(annualActiveSubscriptionPro)
+
+      await openModal()
+
+      const standardPlanRadioInput = within(modal).getByLabelText(
+        'Professional'
+      ) as HTMLInputElement
+      expect(standardPlanRadioInput.checked).to.be.true
+    })
+
+    it('submits the changes and reloads the page', async function () {
+      const endPointResponse = {
+        status: 200,
+      }
+      fetchMock.post(subscriptionUpdateUrl, endPointResponse)
+
+      renderActiveSubscription(annualActiveSubscriptionPro)
+
+      await openModal()
+
+      const buttonConfirm = screen.getByRole('button', { name: 'Upgrade now' })
+      fireEvent.click(buttonConfirm)
+
+      screen.getByRole('button', { name: 'Processing…' })
+
+      // // page is reloaded on success
+      await waitFor(() => {
+        expect(reloadStub).to.have.been.called
+      })
+    })
+
+    it('shows message if error after submitting form', async function () {
+      const endPointResponse = {
+        status: 500,
+      }
+      fetchMock.post(subscriptionUpdateUrl, endPointResponse)
+
+      renderActiveSubscription(annualActiveSubscriptionPro)
+
+      await openModal()
+
+      const buttonConfirm = screen.getByRole('button', { name: 'Upgrade now' })
+      fireEvent.click(buttonConfirm)
+
+      screen.getByRole('button', { name: 'Processing…' })
+
+      await screen.findByText('Sorry, something went wrong. ', { exact: false })
+      await screen.findByText('Please try again. ', { exact: false })
+      await screen.findByText('If the problem continues please contact us.', {
+        exact: false,
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/dashboard/states/expired.test.tsx b/services/web/test/frontend/features/subscription/components/dashboard/states/expired.test.tsx
new file mode 100644
index 0000000..d95ca3b
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/dashboard/states/expired.test.tsx
@@ -0,0 +1,13 @@
+import { render, screen } from '@testing-library/react'
+import { ExpiredSubscription } from '../../../../../../../frontend/js/features/subscription/components/dashboard/states/expired'
+import { pastDueExpiredSubscription } from '../../../fixtures/subscriptions'
+
+describe('<ExpiredSubscription />', function () {
+  it('renders the invoices link', function () {
+    render(<ExpiredSubscription subscription={pastDueExpiredSubscription} />)
+
+    screen.getByText('View Your Invoices', {
+      exact: false,
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/dashboard/subscription-dashboard.test.tsx b/services/web/test/frontend/features/subscription/components/dashboard/subscription-dashboard.test.tsx
new file mode 100644
index 0000000..77d377c
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/dashboard/subscription-dashboard.test.tsx
@@ -0,0 +1,98 @@
+import { expect } from 'chai'
+import { screen } from '@testing-library/react'
+import SubscriptionDashboard from '../../../../../../frontend/js/features/subscription/components/dashboard/subscription-dashboard'
+import {
+  cleanUpContext,
+  renderWithSubscriptionDashContext,
+} from '../../helpers/render-with-subscription-dash-context'
+import { groupPlans, plans } from '../../fixtures/plans'
+import { annualActiveSubscription } from '../../fixtures/subscriptions'
+
+describe('<SubscriptionDashboard />', function () {
+  afterEach(function () {
+    cleanUpContext()
+  })
+
+  describe('With an active subscription', function () {
+    beforeEach(function () {
+      renderWithSubscriptionDashContext(<SubscriptionDashboard />, {
+        metaTags: [
+          { name: 'ol-plans', value: plans },
+          {
+            name: 'ol-groupPlans',
+            value: groupPlans,
+          },
+          { name: 'ol-subscription', value: annualActiveSubscription },
+          {
+            name: 'ol-recommendedCurrency',
+            value: 'USD',
+          },
+        ],
+      })
+    })
+
+    it('renders the "Get the most from your subscription" text', function () {
+      screen.getByText(/get the most from your Overleaf subscription/i)
+    })
+  })
+
+  describe('Free Plan', function () {
+    beforeEach(function () {
+      renderWithSubscriptionDashContext(<SubscriptionDashboard />)
+    })
+
+    it('does not render the "Get the most out of your" subscription text', function () {
+      const text = screen.queryByText('Get the most out of your', {
+        exact: false,
+      })
+      expect(text).to.be.null
+    })
+
+    it('does not render the contact support message', function () {
+      const text = screen.queryByText(
+        `You’re on an Overleaf Paid plan. Contact`,
+        {
+          exact: false,
+        }
+      )
+      expect(text).to.be.null
+    })
+  })
+
+  describe('Custom subscription', function () {
+    it('renders the contact support message', function () {
+      renderWithSubscriptionDashContext(<SubscriptionDashboard />, {
+        metaTags: [
+          {
+            name: 'ol-currentInstitutionsWithLicence',
+            value: [],
+          },
+          {
+            name: 'ol-hasSubscription',
+            value: true,
+          },
+        ],
+      })
+
+      screen.getByText(`You’re on an Overleaf Paid plan.`, {
+        exact: false,
+      })
+      screen.getByText(`Contact support`, {
+        exact: false,
+      })
+    })
+  })
+
+  it('Show a warning when coming from plans page', function () {
+    renderWithSubscriptionDashContext(<SubscriptionDashboard />, {
+      metaTags: [
+        {
+          name: 'ol-fromPlansPage',
+          value: true,
+        },
+      ],
+    })
+
+    screen.getByText('You already have a subscription')
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/group-invite/accepted-invite.test.tsx b/services/web/test/frontend/features/subscription/components/group-invite/accepted-invite.test.tsx
new file mode 100644
index 0000000..a3d0a44
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/group-invite/accepted-invite.test.tsx
@@ -0,0 +1,35 @@
+import { render, screen } from '@testing-library/react'
+import AcceptedInvite from '../../../../../../frontend/js/features/subscription/components/group-invite/accepted-invite'
+import { expect } from 'chai'
+
+describe('accepted group invite', function () {
+  it('renders', async function () {
+    window.metaAttributesCache.set('ol-inviterName', 'example@overleaf.com')
+    render(<AcceptedInvite />)
+    await screen.findByText(
+      'You have joined the group subscription managed by example@overleaf.com'
+    )
+  })
+
+  it('links to SSO enrollment page for SSO groups', async function () {
+    window.metaAttributesCache.set('ol-inviterName', 'example@overleaf.com')
+    window.metaAttributesCache.set('ol-groupSSOActive', true)
+    window.metaAttributesCache.set('ol-subscriptionId', 'group123')
+    render(<AcceptedInvite />)
+    const linkBtn = (await screen.findByRole('link', {
+      name: 'Done',
+    })) as HTMLLinkElement
+    expect(linkBtn.href).to.equal(
+      'https://www.test-overleaf.com/subscription/group123/sso_enrollment'
+    )
+  })
+
+  it('links to dash for non-SSO groups', async function () {
+    window.metaAttributesCache.set('ol-inviterName', 'example@overleaf.com')
+    render(<AcceptedInvite />)
+    const linkBtn = (await screen.findByRole('link', {
+      name: 'Done',
+    })) as HTMLLinkElement
+    expect(linkBtn.href).to.equal('https://www.test-overleaf.com/project')
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/group-invite/group-invite.test.tsx b/services/web/test/frontend/features/subscription/components/group-invite/group-invite.test.tsx
new file mode 100644
index 0000000..cc70eff
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/group-invite/group-invite.test.tsx
@@ -0,0 +1,120 @@
+import { render, screen } from '@testing-library/react'
+import { expect } from 'chai'
+import GroupInvite from '../../../../../../frontend/js/features/subscription/components/group-invite/group-invite'
+
+describe('group invite', function () {
+  const inviterName = 'example@overleaf.com'
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-inviterName', inviterName)
+  })
+
+  it('renders header', async function () {
+    render(<GroupInvite />)
+    await screen.findByText(inviterName)
+    screen.getByText(`has invited you to join a group subscription on Overleaf`)
+    expect(screen.queryByText('Email link expired, please request a new one.'))
+      .to.be.null
+  })
+
+  describe('when user has personal subscription', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set(
+        'ol-hasIndividualRecurlySubscription',
+        true
+      )
+    })
+
+    it('renders cancel personal subscription view', async function () {
+      render(<GroupInvite />)
+      await screen.findByText(
+        'You already have an individual subscription, would you like us to cancel this first before joining the group licence?'
+      )
+    })
+
+    describe('and in a managed group', function () {
+      // note: this should not be possible but managed user view takes priority over all
+      beforeEach(function () {
+        window.metaAttributesCache.set(
+          'ol-currentManagedUserAdminEmail',
+          'example@overleaf.com'
+        )
+        window.metaAttributesCache.set('ol-cannot-join-subscription', true)
+      })
+
+      it('renders managed user cannot join view', async function () {
+        render(<GroupInvite />)
+        await screen.findByText('You can’t join this group subscription')
+        screen.getByText(
+          'Your Overleaf account is managed by your current group admin (example@overleaf.com). This means you can’t join additional group subscriptions',
+          { exact: false }
+        )
+        screen.getByRole('link', { name: 'Read more about Managed Users.' })
+      })
+    })
+  })
+
+  describe('when user does not have a personal subscription', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set(
+        'ol-hasIndividualRecurlySubscription',
+        false
+      )
+      window.metaAttributesCache.set('ol-inviteToken', 'token123')
+    })
+
+    it('does not render cancel personal subscription view', async function () {
+      render(<GroupInvite />)
+      await screen.findByText(
+        'Please click the button below to join the group subscription and enjoy the benefits of an upgraded Overleaf account'
+      )
+    })
+  })
+
+  describe('when the user is already a managed user in another group', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set(
+        'ol-currentManagedUserAdminEmail',
+        'example@overleaf.com'
+      )
+      window.metaAttributesCache.set('ol-cannot-join-subscription', true)
+    })
+
+    it('renders managed user cannot join view', async function () {
+      render(<GroupInvite />)
+      await screen.findByText(inviterName)
+      screen.getByText(
+        `has invited you to join a group subscription on Overleaf`
+      )
+      screen.getByText('You can’t join this group subscription')
+      screen.getByText(
+        'Your Overleaf account is managed by your current group admin (example@overleaf.com). This means you can’t join additional group subscriptions',
+        { exact: false }
+      )
+      screen.getByRole('link', { name: 'Read more about Managed Users.' })
+    })
+  })
+
+  describe('expired', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set('ol-expired', true)
+    })
+
+    it('shows error notification when expired', async function () {
+      render(<GroupInvite />)
+      await screen.findByText('Email link expired, please request a new one.')
+    })
+  })
+
+  describe('join view', function () {
+    beforeEach(function () {
+      window.metaAttributesCache.set('ol-inviteToken', 'token123')
+    })
+
+    it('shows view to join group', async function () {
+      render(<GroupInvite />)
+      await screen.findByText(
+        'Please click the button below to join the group subscription and enjoy the benefits of an upgraded Overleaf account'
+      )
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/group-invite/has-individual-recurly-subscription.test.tsx b/services/web/test/frontend/features/subscription/components/group-invite/has-individual-recurly-subscription.test.tsx
new file mode 100644
index 0000000..b5bf4ec
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/group-invite/has-individual-recurly-subscription.test.tsx
@@ -0,0 +1,48 @@
+import { expect } from 'chai'
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import HasIndividualRecurlySubscription from '../../../../../../frontend/js/features/subscription/components/group-invite/has-individual-recurly-subscription'
+import sinon from 'sinon'
+import fetchMock from 'fetch-mock'
+
+describe('group invite', function () {
+  describe('user has a personal subscription', function () {
+    afterEach(function () {
+      fetchMock.removeRoutes().clearHistory()
+    })
+
+    it('shows option to cancel subscription', async function () {
+      render(<HasIndividualRecurlySubscription setView={() => {}} />)
+      await screen.findByText(
+        'You already have an individual subscription, would you like us to cancel this first before joining the group licence?'
+      )
+      screen.getByRole('button', { name: 'Not now' })
+      screen.getByRole('button', { name: 'Cancel your subscription' })
+    })
+
+    it('handles subscription cancellation and calls to change invite view', async function () {
+      fetchMock.post('/user/subscription/cancel', 200)
+      const setView = sinon.stub()
+      render(<HasIndividualRecurlySubscription setView={setView} />)
+      const button = await screen.findByRole('button', {
+        name: 'Cancel your subscription',
+      })
+      fireEvent.click(button)
+      await waitFor(() => {
+        expect(setView).to.have.been.calledOnce
+      })
+    })
+
+    it('shows error message when cancelling subscription fails', async function () {
+      render(<HasIndividualRecurlySubscription setView={() => {}} />)
+      const button = await screen.findByRole('button', {
+        name: 'Cancel your subscription',
+      })
+      fireEvent.click(button)
+      await waitFor(() => {
+        screen.getByText(
+          'Something went wrong canceling your subscription. Please contact support.'
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/group-invite/join-group.test.tsx b/services/web/test/frontend/features/subscription/components/group-invite/join-group.test.tsx
new file mode 100644
index 0000000..4899f29
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/group-invite/join-group.test.tsx
@@ -0,0 +1,48 @@
+import { fireEvent, render, screen, waitFor } from '@testing-library/react'
+import { expect } from 'chai'
+import JoinGroup from '../../../../../../frontend/js/features/subscription/components/group-invite/join-group'
+import fetchMock from 'fetch-mock'
+import sinon from 'sinon'
+
+describe('join group', function () {
+  const inviteToken = 'token123'
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-inviteToken', inviteToken)
+  })
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  it('shows option to join subscription', async function () {
+    render(<JoinGroup setView={() => {}} />)
+    await screen.findByText(
+      'Please click the button below to join the group subscription and enjoy the benefits of an upgraded Overleaf account'
+    )
+    screen.getByRole('link', { name: 'Not now' })
+    screen.getByRole('button', { name: 'Accept invitation' })
+  })
+
+  it('handles success when accepting invite', async function () {
+    fetchMock.put(`/subscription/invites/${inviteToken}`, 200)
+    const setView = sinon.stub()
+    render(<JoinGroup setView={setView} />)
+    const button = await screen.getByRole('button', {
+      name: 'Accept invitation',
+    })
+    fireEvent.click(button)
+    await waitFor(() => {
+      expect(setView).to.have.been.calledOnce
+    })
+  })
+
+  it('handles errors when accepting invite', async function () {
+    render(<JoinGroup setView={() => {}} />)
+    const button = await screen.getByRole('button', {
+      name: 'Accept invitation',
+    })
+    fireEvent.click(button)
+    await waitFor(() => {
+      screen.getByText('Sorry, something went wrong')
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/group-invite/managed-user-cannot-join.test.tsx b/services/web/test/frontend/features/subscription/components/group-invite/managed-user-cannot-join.test.tsx
new file mode 100644
index 0000000..bb1001f
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/group-invite/managed-user-cannot-join.test.tsx
@@ -0,0 +1,21 @@
+import { render, screen } from '@testing-library/react'
+import ManagedUserCannotJoin from '../../../../../../frontend/js/features/subscription/components/group-invite/managed-user-cannot-join'
+
+describe('ManagedUserCannotJoin', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set(
+      'ol-currentManagedUserAdminEmail',
+      'example@overleaf.com'
+    )
+    window.metaAttributesCache.set('ol-cannot-join-subscription', true)
+  })
+
+  it('renders the component', async function () {
+    render(<ManagedUserCannotJoin />)
+    await screen.findByText(
+      'Your Overleaf account is managed by your current group admin (example@overleaf.com). This means you can’t join additional group subscriptions',
+      { exact: false }
+    )
+    screen.getByRole('link', { name: 'Read more about Managed Users.' })
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/components/successful-subscription/successful-subscription.test.tsx b/services/web/test/frontend/features/subscription/components/successful-subscription/successful-subscription.test.tsx
new file mode 100644
index 0000000..33979e6
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/components/successful-subscription/successful-subscription.test.tsx
@@ -0,0 +1,80 @@
+import { expect } from 'chai'
+import { screen, within } from '@testing-library/react'
+import SuccessfulSubscription from '../../../../../../frontend/js/features/subscription/components/successful-subscription/successful-subscription'
+import { renderWithSubscriptionDashContext } from '../../helpers/render-with-subscription-dash-context'
+import { annualActiveSubscription } from '../../fixtures/subscriptions'
+import { ExposedSettings } from '../../../../../../types/exposed-settings'
+
+describe('successful subscription page', function () {
+  it('renders the invoices link', function () {
+    const adminEmail = 'foo@example.com'
+    renderWithSubscriptionDashContext(<SuccessfulSubscription />, {
+      metaTags: [
+        {
+          name: 'ol-ExposedSettings',
+          value: {
+            adminEmail,
+          } as ExposedSettings,
+        },
+        { name: 'ol-subscription', value: annualActiveSubscription },
+      ],
+    })
+
+    screen.getByRole('heading', { name: /thanks for subscribing/i })
+    const alert = screen.getByRole('alert')
+    within(alert).getByText(/to modify your subscription go to/i)
+    const manageSubscriptionLink = within(alert).getByRole('link', {
+      name: /manage subscription/i,
+    })
+    expect(manageSubscriptionLink.getAttribute('href')).to.equal(
+      '/user/subscription'
+    )
+    screen.getByText(
+      `Thank you for subscribing to the ${annualActiveSubscription.plan.name} plan.`,
+      { exact: false }
+    )
+    screen.getByText(
+      /it’s support from people like yourself that allows .* to continue to grow and improve/i
+    )
+    expect(screen.getByText(/get the most from your/i).textContent).to.match(
+      /get the most from your .* subscription\. discover premium features/i
+    )
+    expect(
+      screen
+        .getByText(/if there is anything you ever/i)
+        .textContent?.replace(/\xA0/g, ' ')
+    ).to.equal(
+      `If there is anything you ever need please feel free to contact us directly at ${adminEmail}.`
+    )
+
+    const contactLink = screen.getByRole('link', {
+      name: adminEmail,
+    })
+    expect(contactLink.getAttribute('href')).to.equal(`mailto:${adminEmail}`)
+
+    expect(
+      screen.getByText(/if you would like to help us improve/i).textContent
+    ).to.match(
+      /if you would like to help us improve .*, please take a moment to fill out this survey/i
+    )
+
+    const surveyLink = screen.getByRole('link', {
+      name: /this survey/i,
+    })
+    expect(surveyLink.getAttribute('href')).to.equal(
+      'https://forms.gle/CdLNX9m6NLxkv1yr5'
+    )
+
+    const helpLink = screen.getByRole('link', {
+      name: /discover premium features/i,
+    })
+    expect(helpLink.getAttribute('href')).to.equal(
+      '/learn/how-to/Overleaf_premium_features'
+    )
+
+    const backToYourProjectsLink = screen.getByRole('link', {
+      name: /back to your projects/i,
+    })
+    expect(backToYourProjectsLink.getAttribute('href')).to.equal('/project')
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/fixtures/plans.ts b/services/web/test/frontend/features/subscription/fixtures/plans.ts
new file mode 100644
index 0000000..368449f
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/fixtures/plans.ts
@@ -0,0 +1,405 @@
+import { GroupPlans } from '../../../../../types/subscription/dashboard/group-plans'
+import { Plan } from '../../../../../types/subscription/plan'
+
+const features = {
+  student: {
+    collaborators: 6,
+    dropbox: true,
+    versioning: true,
+    github: true,
+    templates: true,
+    references: true,
+    referencesSearch: true,
+    gitBridge: true,
+    zotero: true,
+    mendeley: true,
+    compileTimeout: 240,
+    compileGroup: 'priority',
+    trackChanges: true,
+    symbolPalette: true,
+  },
+  personal: {
+    collaborators: 1,
+    dropbox: true,
+    versioning: true,
+    github: true,
+    gitBridge: true,
+    templates: true,
+    references: true,
+    referencesSearch: true,
+    zotero: true,
+    mendeley: true,
+    compileTimeout: 240,
+    compileGroup: 'priority',
+    trackChanges: false,
+    symbolPalette: true,
+  },
+  collaborator: {
+    collaborators: 10,
+    dropbox: true,
+    versioning: true,
+    github: true,
+    templates: true,
+    references: true,
+    referencesSearch: true,
+    zotero: true,
+    gitBridge: true,
+    mendeley: true,
+    compileTimeout: 240,
+    compileGroup: 'priority',
+    trackChanges: true,
+    symbolPalette: true,
+  },
+  professional: {
+    collaborators: -1,
+    dropbox: true,
+    versioning: true,
+    github: true,
+    templates: true,
+    references: true,
+    referencesSearch: true,
+    zotero: true,
+    gitBridge: true,
+    mendeley: true,
+    compileTimeout: 240,
+    compileGroup: 'priority',
+    trackChanges: true,
+    symbolPalette: true,
+  },
+}
+
+const studentAccounts: Array<Plan> = [
+  {
+    planCode: 'student',
+    name: 'Student',
+    price_in_cents: 1000,
+    features: features.student,
+    featureDescription: [],
+  },
+  {
+    planCode: 'student-annual',
+    name: 'Student Annual',
+    price_in_cents: 9900,
+    annual: true,
+    features: features.student,
+    featureDescription: [],
+  },
+  {
+    planCode: 'student_free_trial',
+    name: 'Student',
+    price_in_cents: 800,
+    features: features.student,
+    hideFromUsers: true,
+    featureDescription: [],
+  },
+  {
+    planCode: 'student_free_trial_7_days',
+    name: 'Student',
+    price_in_cents: 1000,
+    features: features.student,
+    hideFromUsers: true,
+    featureDescription: [],
+  },
+]
+
+const individualMonthlyPlans: Array<Plan> = [
+  {
+    planCode: 'paid-personal',
+    name: 'Personal',
+    price_in_cents: 1500,
+    features: features.personal,
+    featureDescription: [],
+  },
+  {
+    planCode: 'paid-personal_free_trial_7_days',
+    name: 'Personal (Hidden)',
+    price_in_cents: 1500,
+    features: features.personal,
+    featureDescription: [],
+    hideFromUsers: true,
+  },
+  {
+    planCode: 'collaborator',
+    name: 'Standard (Collaborator)',
+    price_in_cents: 2300,
+    features: features.collaborator,
+    featureDescription: [],
+  },
+  {
+    planCode: 'professional',
+    name: 'Professional',
+    price_in_cents: 4500,
+    features: features.professional,
+    featureDescription: [],
+  },
+  {
+    planCode: 'collaborator_free_trial',
+    name: 'Standard (Collaborator) (Hidden)',
+    price_in_cents: 1900,
+    features: features.collaborator,
+    hideFromUsers: true,
+    featureDescription: [],
+  },
+  {
+    planCode: 'collaborator_free_trial_14_days',
+    name: 'Standard (Collaborator) (Hidden)',
+    price_in_cents: 1900,
+    features: features.collaborator,
+    hideFromUsers: true,
+    featureDescription: [],
+  },
+  {
+    planCode: 'collaborator_free_trial_7_days',
+    name: 'Standard (Collaborator) (Hidden)',
+    price_in_cents: 2300,
+    features: features.collaborator,
+    hideFromUsers: true,
+    featureDescription: [],
+  },
+  {
+    planCode: 'collaborator-annual_free_trial',
+    name: 'Standard (Collaborator) Annual (Hidden)',
+    price_in_cents: 18000,
+    features: features.collaborator,
+    hideFromUsers: true,
+    featureDescription: [],
+  },
+  {
+    planCode: 'professional_free_trial',
+    name: 'Professional (Hidden)',
+    price_in_cents: 3000,
+    features: features.professional,
+    hideFromUsers: true,
+    featureDescription: [],
+  },
+  {
+    planCode: 'professional_free_trial_7_days',
+    name: 'Professional (Hidden)',
+    price_in_cents: 4500,
+    features: features.professional,
+    hideFromUsers: true,
+    featureDescription: [],
+  },
+]
+
+const individualAnnualPlans: Array<Plan> = [
+  {
+    planCode: 'paid-personal-annual',
+    name: 'Personal Annual',
+    price_in_cents: 13900,
+    annual: true,
+    features: features.personal,
+    featureDescription: [],
+  },
+  {
+    planCode: 'collaborator-annual',
+    name: 'Standard (Collaborator) Annual',
+    price_in_cents: 21900,
+    annual: true,
+    features: features.collaborator,
+    featureDescription: [],
+  },
+  {
+    planCode: 'professional-annual',
+    name: 'Professional Annual',
+    price_in_cents: 42900,
+    annual: true,
+    features: features.professional,
+    featureDescription: [],
+  },
+]
+
+export const plans = [
+  ...studentAccounts,
+  ...individualMonthlyPlans,
+  ...individualAnnualPlans,
+]
+
+export const groupPlans: GroupPlans = {
+  plans: [
+    {
+      display: 'Standard',
+      code: 'collaborator',
+    },
+    {
+      display: 'Professional',
+      code: 'professional',
+    },
+  ],
+  sizes: ['2', '3', '4', '5', '10', '20'],
+}
+
+export const groupPriceByUsageTypeAndSize = {
+  educational: {
+    professional: {
+      EUR: {
+        '2': {
+          price_in_cents: 51600,
+        },
+        '3': {
+          price_in_cents: 77400,
+        },
+        '4': {
+          price_in_cents: 103200,
+        },
+        '5': {
+          price_in_cents: 129000,
+        },
+        '10': {
+          price_in_cents: 143000,
+        },
+        '20': {
+          price_in_cents: 264000,
+        },
+      },
+      USD: {
+        '2': {
+          price_in_cents: 55800,
+        },
+        '3': {
+          price_in_cents: 83700,
+        },
+        '4': {
+          price_in_cents: 111600,
+        },
+        '5': {
+          price_in_cents: 139500,
+        },
+        '10': {
+          price_in_cents: 155000,
+        },
+        '20': {
+          price_in_cents: 286000,
+        },
+      },
+    },
+    collaborator: {
+      EUR: {
+        '2': {
+          price_in_cents: 25000,
+        },
+        '3': {
+          price_in_cents: 37500,
+        },
+        '4': {
+          price_in_cents: 50000,
+        },
+        '5': {
+          price_in_cents: 62500,
+        },
+        '10': {
+          price_in_cents: 69000,
+        },
+        '20': {
+          price_in_cents: 128000,
+        },
+      },
+      USD: {
+        '2': {
+          price_in_cents: 27800,
+        },
+        '3': {
+          price_in_cents: 41700,
+        },
+        '4': {
+          price_in_cents: 55600,
+        },
+        '5': {
+          price_in_cents: 69500,
+        },
+        '10': {
+          price_in_cents: 77000,
+        },
+        '20': {
+          price_in_cents: 142000,
+        },
+      },
+    },
+  },
+  enterprise: {
+    professional: {
+      EUR: {
+        '2': {
+          price_in_cents: 51600,
+        },
+        '3': {
+          price_in_cents: 77400,
+        },
+        '4': {
+          price_in_cents: 103200,
+        },
+        '5': {
+          price_in_cents: 129000,
+        },
+        '10': {
+          price_in_cents: 239000,
+        },
+        '20': {
+          price_in_cents: 442000,
+        },
+      },
+      USD: {
+        '2': {
+          price_in_cents: 55800,
+        },
+        '3': {
+          price_in_cents: 83700,
+        },
+        '4': {
+          price_in_cents: 111600,
+        },
+        '5': {
+          price_in_cents: 139500,
+        },
+        '10': {
+          price_in_cents: 259000,
+        },
+        '20': {
+          price_in_cents: 478000,
+        },
+      },
+    },
+    collaborator: {
+      EUR: {
+        '2': {
+          price_in_cents: 25000,
+        },
+        '3': {
+          price_in_cents: 37500,
+        },
+        '4': {
+          price_in_cents: 50000,
+        },
+        '5': {
+          price_in_cents: 62500,
+        },
+        '10': {
+          price_in_cents: 116000,
+        },
+        '20': {
+          price_in_cents: 214000,
+        },
+      },
+      USD: {
+        '2': {
+          price_in_cents: 27800,
+        },
+        '3': {
+          price_in_cents: 41700,
+        },
+        '4': {
+          price_in_cents: 55600,
+        },
+        '5': {
+          price_in_cents: 69500,
+        },
+        '10': {
+          price_in_cents: 129000,
+        },
+        '20': {
+          price_in_cents: 238000,
+        },
+      },
+    },
+  },
+}
diff --git a/services/web/test/frontend/features/subscription/fixtures/subscriptions.ts b/services/web/test/frontend/features/subscription/fixtures/subscriptions.ts
new file mode 100644
index 0000000..3a05c87
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/fixtures/subscriptions.ts
@@ -0,0 +1,503 @@
+import {
+  CustomSubscription,
+  GroupSubscription,
+  PaidSubscription,
+} from '../../../../../types/subscription/dashboard/subscription'
+import dateformat from 'dateformat'
+
+const today = new Date()
+const oneYearFromToday = new Date().setFullYear(today.getFullYear() + 1)
+const nextPaymentDueAt = dateformat(oneYearFromToday, 'dS mmmm yyyy')
+const nextPaymentDueDate = dateformat(oneYearFromToday, 'dS mmmm yyyy')
+const sevenDaysFromToday = new Date().setDate(today.getDate() + 7)
+const sevenDaysFromTodayFormatted = dateformat(
+  sevenDaysFromToday,
+  'dS mmmm yyyy'
+)
+
+export const annualActiveSubscription: PaidSubscription = {
+  manager_ids: ['abc123'],
+  member_ids: [],
+  invited_emails: [],
+  groupPlan: false,
+  membersLimit: 0,
+  _id: 'def456',
+  admin_id: 'abc123',
+  teamInvites: [],
+  planCode: 'collaborator-annual',
+  recurlySubscription_id: 'ghi789',
+  plan: {
+    planCode: 'collaborator-annual',
+    name: 'Standard (Collaborator) Annual',
+    price_in_cents: 21900,
+    annual: true,
+    featureDescription: [],
+  },
+  payment: {
+    taxRate: 0,
+    billingDetailsLink: '/user/subscription/recurly/billing-details',
+    accountManagementLink: '/user/subscription/recurly/account-management',
+    additionalLicenses: 0,
+    totalLicenses: 0,
+    nextPaymentDueAt,
+    nextPaymentDueDate,
+    currency: 'USD',
+    state: 'active',
+    trialEndsAtFormatted: null,
+    trialEndsAt: null,
+    activeCoupons: [],
+    accountEmail: 'fake@example.com',
+    hasPastDueInvoice: false,
+    displayPrice: '$199.00',
+    planOnlyDisplayPrice: '',
+    addOns: [],
+    addOnDisplayPricesWithoutAdditionalLicense: {},
+  },
+}
+
+export const annualActiveSubscriptionEuro: PaidSubscription = {
+  manager_ids: ['abc123'],
+  member_ids: [],
+  invited_emails: [],
+  groupPlan: false,
+  membersLimit: 0,
+  _id: 'def456',
+  admin_id: 'abc123',
+  teamInvites: [],
+  planCode: 'collaborator-annual',
+  recurlySubscription_id: 'ghi789',
+  plan: {
+    planCode: 'collaborator-annual',
+    name: 'Standard (Collaborator) Annual',
+    price_in_cents: 21900,
+    annual: true,
+    featureDescription: [],
+  },
+  payment: {
+    taxRate: 0.24,
+    billingDetailsLink: '/user/subscription/recurly/billing-details',
+    accountManagementLink: '/user/subscription/recurly/account-management',
+    additionalLicenses: 0,
+    totalLicenses: 0,
+    nextPaymentDueAt,
+    nextPaymentDueDate,
+    currency: 'EUR',
+    state: 'active',
+    trialEndsAtFormatted: null,
+    trialEndsAt: null,
+    activeCoupons: [],
+    accountEmail: 'fake@example.com',
+    hasPastDueInvoice: false,
+    displayPrice: '€221.96',
+    planOnlyDisplayPrice: '',
+    addOns: [],
+    addOnDisplayPricesWithoutAdditionalLicense: {},
+  },
+}
+
+export const annualActiveSubscriptionPro: PaidSubscription = {
+  manager_ids: ['abc123'],
+  member_ids: [],
+  invited_emails: [],
+  groupPlan: false,
+  membersLimit: 0,
+  _id: 'def456',
+  admin_id: 'abc123',
+  teamInvites: [],
+  planCode: 'professional',
+  recurlySubscription_id: 'ghi789',
+  plan: {
+    planCode: 'professional',
+    name: 'Professional',
+    price_in_cents: 4500,
+    featureDescription: [],
+  },
+  payment: {
+    taxRate: 0,
+    billingDetailsLink: '/user/subscription/recurly/billing-details',
+    accountManagementLink: '/user/subscription/recurly/account-management',
+    additionalLicenses: 0,
+    totalLicenses: 0,
+    nextPaymentDueAt,
+    nextPaymentDueDate,
+    currency: 'USD',
+    state: 'active',
+    trialEndsAtFormatted: null,
+    trialEndsAt: null,
+    activeCoupons: [],
+    accountEmail: 'fake@example.com',
+    hasPastDueInvoice: false,
+    displayPrice: '$42.00',
+    planOnlyDisplayPrice: '',
+    addOns: [],
+    addOnDisplayPricesWithoutAdditionalLicense: {},
+  },
+}
+
+export const pastDueExpiredSubscription: PaidSubscription = {
+  manager_ids: ['abc123'],
+  member_ids: [],
+  invited_emails: [],
+  groupPlan: false,
+  membersLimit: 0,
+  _id: 'def456',
+  admin_id: 'abc123',
+  teamInvites: [],
+  planCode: 'collaborator-annual',
+  recurlySubscription_id: 'ghi789',
+  plan: {
+    planCode: 'collaborator-annual',
+    name: 'Standard (Collaborator) Annual',
+    price_in_cents: 21900,
+    annual: true,
+    featureDescription: [],
+  },
+  payment: {
+    taxRate: 0,
+    billingDetailsLink: '/user/subscription/recurly/billing-details',
+    accountManagementLink: '/user/subscription/recurly/account-management',
+    additionalLicenses: 0,
+    totalLicenses: 0,
+    nextPaymentDueAt,
+    nextPaymentDueDate,
+    currency: 'USD',
+    state: 'expired',
+    trialEndsAtFormatted: null,
+    trialEndsAt: null,
+    activeCoupons: [],
+    accountEmail: 'fake@example.com',
+    hasPastDueInvoice: true,
+    displayPrice: '$199.00',
+    planOnlyDisplayPrice: '',
+    addOns: [],
+    addOnDisplayPricesWithoutAdditionalLicense: {},
+  },
+}
+
+export const canceledSubscription: PaidSubscription = {
+  manager_ids: ['abc123'],
+  member_ids: [],
+  invited_emails: [],
+  groupPlan: false,
+  membersLimit: 0,
+  _id: 'def456',
+  admin_id: 'abc123',
+  teamInvites: [],
+  planCode: 'collaborator-annual',
+  recurlySubscription_id: 'ghi789',
+  plan: {
+    planCode: 'collaborator-annual',
+    name: 'Standard (Collaborator) Annual',
+    price_in_cents: 21900,
+    annual: true,
+    featureDescription: [],
+  },
+  payment: {
+    taxRate: 0,
+    billingDetailsLink: '/user/subscription/recurly/billing-details',
+    accountManagementLink: '/user/subscription/recurly/account-management',
+    additionalLicenses: 0,
+    totalLicenses: 0,
+    nextPaymentDueAt,
+    nextPaymentDueDate,
+    currency: 'USD',
+    state: 'canceled',
+    trialEndsAtFormatted: null,
+    trialEndsAt: null,
+    activeCoupons: [],
+    accountEmail: 'fake@example.com',
+    hasPastDueInvoice: false,
+    displayPrice: '$199.00',
+    planOnlyDisplayPrice: '',
+    addOns: [],
+    addOnDisplayPricesWithoutAdditionalLicense: {},
+  },
+}
+
+export const pendingSubscriptionChange: PaidSubscription = {
+  manager_ids: ['abc123'],
+  member_ids: [],
+  invited_emails: [],
+  groupPlan: false,
+  membersLimit: 0,
+  _id: 'def456',
+  admin_id: 'abc123',
+  teamInvites: [],
+  planCode: 'collaborator-annual',
+  recurlySubscription_id: 'ghi789',
+  plan: {
+    planCode: 'collaborator-annual',
+    name: 'Standard (Collaborator) Annual',
+    price_in_cents: 21900,
+    annual: true,
+    featureDescription: [],
+  },
+  payment: {
+    taxRate: 0,
+    billingDetailsLink: '/user/subscription/recurly/billing-details',
+    accountManagementLink: '/user/subscription/recurly/account-management',
+    additionalLicenses: 0,
+    totalLicenses: 0,
+    nextPaymentDueAt,
+    nextPaymentDueDate,
+    currency: 'USD',
+    state: 'active',
+    trialEndsAtFormatted: null,
+    trialEndsAt: null,
+    activeCoupons: [],
+    accountEmail: 'fake@example.com',
+    hasPastDueInvoice: false,
+    displayPrice: '$199.00',
+    planOnlyDisplayPrice: '',
+    addOns: [],
+    addOnDisplayPricesWithoutAdditionalLicense: {},
+  },
+  pendingPlan: {
+    planCode: 'professional-annual',
+    name: 'Professional Annual',
+    price_in_cents: 42900,
+    annual: true,
+    featureDescription: [],
+  },
+}
+
+export const groupActiveSubscription: GroupSubscription = {
+  manager_ids: ['abc123'],
+  member_ids: ['abc123'],
+  invited_emails: [],
+  groupPlan: true,
+  teamName: 'GAS',
+  membersLimit: 10,
+  _id: 'bcd567',
+  admin_id: 'abc123',
+  teamInvites: [],
+  planCode: 'group_collaborator_10_enterprise',
+  recurlySubscription_id: 'ghi789',
+  plan: {
+    planCode: 'group_collaborator_10_enterprise',
+    name: 'Overleaf Standard (Collaborator) - Group Account (10 licenses) - Enterprise',
+    hideFromUsers: true,
+    price_in_cents: 129000,
+    annual: true,
+    groupPlan: true,
+    membersLimit: 10,
+    membersLimitAddOn: 'additional-license',
+  },
+  payment: {
+    taxRate: 0,
+    billingDetailsLink: '/user/subscription/recurly/billing-details',
+    accountManagementLink: '/user/subscription/recurly/account-management',
+    additionalLicenses: 0,
+    totalLicenses: 10,
+    nextPaymentDueAt,
+    nextPaymentDueDate,
+    currency: 'USD',
+    state: 'active',
+    trialEndsAtFormatted: null,
+    trialEndsAt: null,
+    activeCoupons: [],
+    accountEmail: 'fake@example.com',
+    hasPastDueInvoice: false,
+    displayPrice: '$1290.00',
+    planOnlyDisplayPrice: '',
+    addOns: [],
+    addOnDisplayPricesWithoutAdditionalLicense: {},
+  },
+}
+
+export const groupActiveSubscriptionWithPendingLicenseChange: GroupSubscription =
+  {
+    manager_ids: ['abc123'],
+    member_ids: ['abc123'],
+    invited_emails: [],
+    groupPlan: true,
+    teamName: 'GASWPLC',
+    membersLimit: 10,
+    _id: 'def456',
+    admin_id: 'abc123',
+    teamInvites: [],
+    planCode: 'group_collaborator_10_enterprise',
+    recurlySubscription_id: 'ghi789',
+    plan: {
+      planCode: 'group_collaborator_10_enterprise',
+      name: 'Overleaf Standard (Collaborator) - Group Account (10 licenses) - Enterprise',
+      hideFromUsers: true,
+      price_in_cents: 129000,
+      annual: true,
+      groupPlan: true,
+      membersLimit: 10,
+      membersLimitAddOn: 'additional-license',
+    },
+    payment: {
+      taxRate: 0,
+      billingDetailsLink: '/user/subscription/recurly/billing-details',
+      accountManagementLink: '/user/subscription/recurly/account-management',
+      additionalLicenses: 11,
+      totalLicenses: 21,
+      nextPaymentDueAt,
+      nextPaymentDueDate,
+      currency: 'USD',
+      state: 'active',
+      trialEndsAtFormatted: null,
+      trialEndsAt: null,
+      activeCoupons: [],
+      accountEmail: 'fake@example.com',
+      hasPastDueInvoice: false,
+      displayPrice: '$2967.00',
+      pendingAdditionalLicenses: 13,
+      pendingTotalLicenses: 23,
+      planOnlyDisplayPrice: '',
+      addOns: [],
+      addOnDisplayPricesWithoutAdditionalLicense: {},
+    },
+    pendingPlan: {
+      planCode: 'group_collaborator_10_enterprise',
+      name: 'Overleaf Standard (Collaborator) - Group Account (10 licenses) - Enterprise',
+      hideFromUsers: true,
+      price_in_cents: 129000,
+      annual: true,
+      groupPlan: true,
+      membersLimit: 10,
+      membersLimitAddOn: 'additional-license',
+    },
+  }
+
+export const trialSubscription: PaidSubscription = {
+  manager_ids: ['abc123'],
+  member_ids: [],
+  invited_emails: [],
+  groupPlan: false,
+  membersLimit: 0,
+  _id: 'def456',
+  admin_id: 'abc123',
+  teamInvites: [],
+  planCode: 'paid-personal_free_trial_7_days',
+  recurlySubscription_id: 'ghi789',
+  plan: {
+    planCode: 'paid-personal_free_trial_7_days',
+    name: 'Personal',
+    price_in_cents: 1500,
+    featureDescription: [],
+    hideFromUsers: true,
+  },
+  payment: {
+    taxRate: 0,
+    billingDetailsLink: '/user/subscription/recurly/billing-details',
+    accountManagementLink: '/user/subscription/recurly/account-management',
+    additionalLicenses: 0,
+    totalLicenses: 0,
+    nextPaymentDueAt: sevenDaysFromTodayFormatted,
+    nextPaymentDueDate: sevenDaysFromTodayFormatted,
+    currency: 'USD',
+    state: 'active',
+    trialEndsAtFormatted: sevenDaysFromTodayFormatted,
+    trialEndsAt: new Date(sevenDaysFromToday).toString(),
+    activeCoupons: [],
+    accountEmail: 'fake@example.com',
+    hasPastDueInvoice: false,
+    displayPrice: '$14.00',
+    planOnlyDisplayPrice: '',
+    addOns: [],
+    addOnDisplayPricesWithoutAdditionalLicense: {},
+  },
+}
+
+export const customSubscription: CustomSubscription = {
+  manager_ids: ['abc123'],
+  member_ids: [],
+  invited_emails: [],
+  groupPlan: false,
+  membersLimit: 0,
+  _id: 'def456',
+  admin_id: 'abc123',
+  teamInvites: [],
+  planCode: 'collaborator-annual',
+  recurlySubscription_id: 'ghi789',
+  plan: {
+    planCode: 'collaborator-annual',
+    name: 'Standard (Collaborator) Annual',
+    price_in_cents: 21900,
+    annual: true,
+    featureDescription: [],
+  },
+  customAccount: true,
+}
+
+export const trialCollaboratorSubscription: PaidSubscription = {
+  manager_ids: ['abc123'],
+  member_ids: [],
+  invited_emails: [],
+  groupPlan: false,
+  membersLimit: 0,
+  _id: 'def456',
+  admin_id: 'abc123',
+  teamInvites: [],
+  planCode: 'collaborator_free_trial_7_days',
+  recurlySubscription_id: 'ghi789',
+  plan: {
+    planCode: 'collaborator_free_trial_7_days',
+    name: 'Standard (Collaborator)',
+    price_in_cents: 2300,
+    featureDescription: [],
+    hideFromUsers: true,
+  },
+  payment: {
+    taxRate: 0,
+    billingDetailsLink: '/user/subscription/recurly/billing-details',
+    accountManagementLink: '/user/subscription/recurly/account-management',
+    additionalLicenses: 0,
+    totalLicenses: 0,
+    nextPaymentDueAt: sevenDaysFromTodayFormatted,
+    nextPaymentDueDate: sevenDaysFromTodayFormatted,
+    currency: 'USD',
+    state: 'active',
+    trialEndsAtFormatted: sevenDaysFromTodayFormatted,
+    trialEndsAt: new Date(sevenDaysFromToday).toString(),
+    activeCoupons: [],
+    accountEmail: 'foo@example.com',
+    hasPastDueInvoice: false,
+    displayPrice: '$21.00',
+    planOnlyDisplayPrice: '',
+    addOns: [],
+    addOnDisplayPricesWithoutAdditionalLicense: {},
+  },
+}
+
+export const monthlyActiveCollaborator: PaidSubscription = {
+  manager_ids: ['abc123'],
+  member_ids: [],
+  invited_emails: [],
+  groupPlan: false,
+  membersLimit: 0,
+  _id: 'def456',
+  admin_id: 'abc123',
+  teamInvites: [],
+  planCode: 'collaborator',
+  recurlySubscription_id: 'ghi789',
+  plan: {
+    planCode: 'collaborator',
+    name: 'Standard (Collaborator)',
+    price_in_cents: 212300900,
+    featureDescription: [],
+  },
+  payment: {
+    taxRate: 0,
+    billingDetailsLink: '/user/subscription/recurly/billing-details',
+    accountManagementLink: '/user/subscription/recurly/account-management',
+    additionalLicenses: 0,
+    totalLicenses: 0,
+    nextPaymentDueAt,
+    nextPaymentDueDate,
+    currency: 'USD',
+    state: 'active',
+    trialEndsAtFormatted: null,
+    trialEndsAt: null,
+    activeCoupons: [],
+    accountEmail: 'foo@example.com',
+    hasPastDueInvoice: false,
+    displayPrice: '$21.00',
+    planOnlyDisplayPrice: '',
+    addOns: [],
+    addOnDisplayPricesWithoutAdditionalLicense: {},
+  },
+}
diff --git a/services/web/test/frontend/features/subscription/helpers/render-active-subscription.tsx b/services/web/test/frontend/features/subscription/helpers/render-active-subscription.tsx
new file mode 100644
index 0000000..110c6c4
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/helpers/render-active-subscription.tsx
@@ -0,0 +1,32 @@
+import { ActiveSubscription } from '../../../../../frontend/js/features/subscription/components/dashboard/states/active/active'
+import { PaidSubscription } from '../../../../../types/subscription/dashboard/subscription'
+import { groupPlans, plans } from '../fixtures/plans'
+import { renderWithSubscriptionDashContext } from './render-with-subscription-dash-context'
+import { MetaTag } from '@/utils/meta'
+import { CurrencyCode } from '../../../../../types/subscription/currency'
+
+export function renderActiveSubscription(
+  subscription: PaidSubscription,
+  tags: MetaTag[] = [],
+  currencyCode?: CurrencyCode
+) {
+  renderWithSubscriptionDashContext(
+    <ActiveSubscription subscription={subscription} />,
+    {
+      currencyCode,
+      metaTags: [
+        ...tags,
+        { name: 'ol-plans', value: plans },
+        {
+          name: 'ol-groupPlans',
+          value: groupPlans,
+        },
+        { name: 'ol-subscription', value: subscription },
+        {
+          name: 'ol-recommendedCurrency',
+          value: currencyCode || 'USD',
+        },
+      ],
+    }
+  )
+}
diff --git a/services/web/test/frontend/features/subscription/helpers/render-with-subscription-dash-context.tsx b/services/web/test/frontend/features/subscription/helpers/render-with-subscription-dash-context.tsx
new file mode 100644
index 0000000..1246b72
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/helpers/render-with-subscription-dash-context.tsx
@@ -0,0 +1,94 @@
+import { render } from '@testing-library/react'
+import _ from 'lodash'
+import { SubscriptionDashboardProvider } from '../../../../../frontend/js/features/subscription/context/subscription-dashboard-context'
+import { groupPriceByUsageTypeAndSize, plans } from '../fixtures/plans'
+import fetchMock from 'fetch-mock'
+import { SplitTestProvider } from '@/shared/context/split-test-context'
+import { MetaTag } from '@/utils/meta'
+
+export function renderWithSubscriptionDashContext(
+  component: React.ReactElement,
+  options?: {
+    metaTags?: MetaTag[]
+    recurlyNotLoaded?: boolean
+    queryingRecurly?: boolean
+    currencyCode?: string
+  }
+) {
+  const SubscriptionDashboardProviderWrapper = ({
+    children,
+  }: {
+    children: React.ReactNode
+  }) => (
+    <SplitTestProvider>
+      <SubscriptionDashboardProvider>{children}</SubscriptionDashboardProvider>
+    </SplitTestProvider>
+  )
+
+  options?.metaTags?.forEach(tag =>
+    window.metaAttributesCache.set(tag!.name, tag!.value)
+  )
+  window.metaAttributesCache.set('ol-user', {})
+
+  if (!options?.recurlyNotLoaded) {
+    // @ts-ignore
+    global.recurly = {
+      configure: () => {},
+      Pricing: {
+        Subscription: () => {
+          return {
+            plan: (planCode: string) => {
+              let plan
+              const isGroupPlan = planCode.includes('group')
+              if (isGroupPlan) {
+                const [, planType, size, usage] = planCode.split('_')
+                const currencyCode = options?.currencyCode || 'USD'
+                plan = _.get(groupPriceByUsageTypeAndSize, [
+                  usage,
+                  planType,
+                  currencyCode,
+                  size,
+                ])
+              } else {
+                plan = plans.find(p => p.planCode === planCode)
+              }
+
+              const response = {
+                next: {
+                  total: plan?.price_in_cents
+                    ? plan.price_in_cents / 100
+                    : undefined,
+                },
+              }
+              return {
+                currency: () => {
+                  return {
+                    catch: () => {
+                      return {
+                        done: (callback: (response: object) => void) => {
+                          if (!options?.queryingRecurly) {
+                            return callback(response)
+                          }
+                        },
+                      }
+                    },
+                  }
+                },
+              }
+            },
+          }
+        },
+      },
+    }
+  }
+
+  return render(component, {
+    wrapper: SubscriptionDashboardProviderWrapper,
+  })
+}
+
+export function cleanUpContext() {
+  // @ts-ignore
+  delete global.recurly
+  fetchMock.removeRoutes().clearHistory()
+}
diff --git a/services/web/test/frontend/features/subscription/util/is-in-free-trial.test.ts b/services/web/test/frontend/features/subscription/util/is-in-free-trial.test.ts
new file mode 100644
index 0000000..1ba3fdc
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/util/is-in-free-trial.test.ts
@@ -0,0 +1,24 @@
+import { expect } from 'chai'
+import isInFreeTrial from '../../../../../frontend/js/features/subscription/util/is-in-free-trial'
+import dateformat from 'dateformat'
+
+describe('isInFreeTrial', function () {
+  it('returns false when no date sent', function () {
+    expect(isInFreeTrial()).to.be.false
+  })
+  it('returns false when date is null', function () {
+    expect(isInFreeTrial(null)).to.be.false
+  })
+  it('returns false when date is in the past', function () {
+    expect(isInFreeTrial('2000-02-16T17:59:07.000Z')).to.be.false
+  })
+  it('returns true when date is in the future', function () {
+    const today = new Date()
+    const sevenDaysFromToday = new Date().setDate(today.getDate() + 7)
+    const sevenDaysFromTodayFormatted = dateformat(
+      sevenDaysFromToday,
+      'dS mmmm yyyy'
+    )
+    expect(isInFreeTrial(sevenDaysFromTodayFormatted)).to.be.true
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/util/is-monthly-collaborator-plan.test.ts b/services/web/test/frontend/features/subscription/util/is-monthly-collaborator-plan.test.ts
new file mode 100644
index 0000000..dd9c2a6
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/util/is-monthly-collaborator-plan.test.ts
@@ -0,0 +1,17 @@
+import { expect } from 'chai'
+import isMonthlyCollaboratorPlan from '../../../../../frontend/js/features/subscription/util/is-monthly-collaborator-plan'
+
+describe('isMonthlyCollaboratorPlan', function () {
+  it('returns false when a plan code without "collaborator" ', function () {
+    expect(isMonthlyCollaboratorPlan('test', false)).to.be.false
+  })
+  it('returns false when on a plan with "collaborator" and "ann"', function () {
+    expect(isMonthlyCollaboratorPlan('collaborator-annual', false)).to.be.false
+  })
+  it('returns false when on a plan with "collaborator" and without "ann" but is a group plan', function () {
+    expect(isMonthlyCollaboratorPlan('collaborator', true)).to.be.false
+  })
+  it('returns true when on a plan with non-group "collaborator" monthly plan', function () {
+    expect(isMonthlyCollaboratorPlan('collaborator', false)).to.be.true
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/util/recurly-pricing.test.ts b/services/web/test/frontend/features/subscription/util/recurly-pricing.test.ts
new file mode 100644
index 0000000..6804df6
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/util/recurly-pricing.test.ts
@@ -0,0 +1,37 @@
+import { expect } from 'chai'
+import { formatPriceForDisplayData } from '../../../../../frontend/js/features/subscription/util/recurly-pricing'
+
+describe('formatPriceForDisplayData', function () {
+  it('should handle no tax rate', function () {
+    const data = formatPriceForDisplayData('1000', 0, 'USD', 'en')
+    expect(data).to.deep.equal({
+      totalForDisplay: '$1,000',
+      totalAsNumber: 1000,
+      subtotal: '$1,000.00',
+      tax: '$0.00',
+      includesTax: false,
+    })
+  })
+
+  it('should handle a tax rate', function () {
+    const data = formatPriceForDisplayData('380', 0.2, 'EUR', 'en')
+    expect(data).to.deep.equal({
+      totalForDisplay: '€456',
+      totalAsNumber: 456,
+      subtotal: '€380.00',
+      tax: '€76.00',
+      includesTax: true,
+    })
+  })
+
+  it('should handle total with cents', function () {
+    const data = formatPriceForDisplayData('8', 0.2, 'EUR', 'en')
+    expect(data).to.deep.equal({
+      totalForDisplay: '€9.60',
+      totalAsNumber: 9.6,
+      subtotal: '€8.00',
+      tax: '€1.60',
+      includesTax: true,
+    })
+  })
+})
diff --git a/services/web/test/frontend/features/subscription/util/show-downgrade-option.test.ts b/services/web/test/frontend/features/subscription/util/show-downgrade-option.test.ts
new file mode 100644
index 0000000..8a464ac
--- /dev/null
+++ b/services/web/test/frontend/features/subscription/util/show-downgrade-option.test.ts
@@ -0,0 +1,68 @@
+import { expect } from 'chai'
+import showDowngradeOption from '../../../../../frontend/js/features/subscription/util/show-downgrade-option'
+import dateformat from 'dateformat'
+
+describe('showDowngradeOption', function () {
+  const today = new Date()
+  const sevenDaysFromToday = new Date().setDate(today.getDate() + 7)
+  const sevenDaysFromTodayFormatted = dateformat(
+    sevenDaysFromToday,
+    'dS mmmm yyyy'
+  )
+
+  it('returns false when no trial end date', function () {
+    expect(showDowngradeOption('collab')).to.be.false
+  })
+  it('returns false when a plan code without "collaborator" ', function () {
+    expect(showDowngradeOption('test', false, sevenDaysFromTodayFormatted)).to
+      .be.false
+  })
+  it('returns false when on a plan with trial date in future but has "collaborator" and "ann" in plan code', function () {
+    expect(
+      showDowngradeOption(
+        'collaborator-annual',
+        false,
+        sevenDaysFromTodayFormatted
+      )
+    ).to.be.false
+  })
+  it('returns false when on a plan with trial date in future and plan code has "collaborator" and no "ann" but is a group plan', function () {
+    expect(
+      showDowngradeOption('collaborator', true, sevenDaysFromTodayFormatted)
+    ).to.be.false
+  })
+  it('returns false when on a plan with "collaborator" and without "ann" and trial date in future', function () {
+    expect(
+      showDowngradeOption('collaborator', false, sevenDaysFromTodayFormatted)
+    ).to.be.false
+  })
+  it('returns true when on a plan with "collaborator" and without "ann" and no trial date', function () {
+    expect(showDowngradeOption('collaborator', false)).to.be.true
+  })
+  it('returns true when on a plan with "collaborator" and without "ann" and trial date is in the past', function () {
+    expect(
+      showDowngradeOption('collaborator', false, '2000-02-16T17:59:07.000Z')
+    ).to.be.true
+  })
+  it('returns false when on a monthly collaborator plan with a pending pause', function () {
+    expect(
+      showDowngradeOption(
+        'collaborator',
+        false,
+        null,
+        '2030-01-01T12:00:00.000Z'
+      )
+    ).to.be.false
+  })
+  it('returns false when on a monthly collaborator plan with an active pause', function () {
+    expect(
+      showDowngradeOption(
+        'collaborator',
+        false,
+        null,
+        '2030-01-01T12:00:00.000Z',
+        5
+      )
+    ).to.be.false
+  })
+})
diff --git a/services/web/test/frontend/features/token-access/components/leave-project-modal.test.tsx b/services/web/test/frontend/features/token-access/components/leave-project-modal.test.tsx
new file mode 100644
index 0000000..06a1bde
--- /dev/null
+++ b/services/web/test/frontend/features/token-access/components/leave-project-modal.test.tsx
@@ -0,0 +1,59 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+import { render, screen } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import LeaveProjectModal from '@/features/token-access/components/leave-project-modal'
+
+describe('<LeaveProjectModal/>', function () {
+  const closeHandler = sinon.stub()
+  const leaveHandler = sinon.stub()
+  it('does not render when no show prop is passed', function () {
+    render(
+      <LeaveProjectModal
+        handleCloseModal={closeHandler}
+        handleLeaveAction={leaveHandler}
+        showModal={false}
+      />
+    )
+    const leaveText = screen.queryByText('Leave Project')
+    expect(leaveText).to.be.null
+  })
+
+  it('renders when the show prop is passed', function () {
+    render(
+      <LeaveProjectModal
+        handleCloseModal={closeHandler}
+        handleLeaveAction={leaveHandler}
+        showModal
+      />
+    )
+    const leaveText = screen.queryByText('Leave Project')
+    expect(leaveText).to.exist
+  })
+
+  it('calls the close handler when dismissed', async function () {
+    const user = userEvent.setup()
+    render(
+      <LeaveProjectModal
+        handleCloseModal={closeHandler}
+        handleLeaveAction={leaveHandler}
+        showModal
+      />
+    )
+    await user.click(screen.getByRole('button', { name: /Cancel/i }))
+    expect(closeHandler).to.have.been.calledOnce
+  })
+
+  it('calls the leave handler when confirmed', async function () {
+    const user = userEvent.setup()
+    render(
+      <LeaveProjectModal
+        handleCloseModal={closeHandler}
+        handleLeaveAction={leaveHandler}
+        showModal
+      />
+    )
+    await user.click(screen.getByRole('button', { name: /Confirm/i }))
+    expect(leaveHandler).to.have.been.calledOnce
+  })
+})
diff --git a/services/web/test/frontend/features/word-count-modal/components/word-count-modal.test.jsx b/services/web/test/frontend/features/word-count-modal/components/word-count-modal.test.jsx
new file mode 100644
index 0000000..baff2c2
--- /dev/null
+++ b/services/web/test/frontend/features/word-count-modal/components/word-count-modal.test.jsx
@@ -0,0 +1,122 @@
+import { screen } from '@testing-library/react'
+import { expect } from 'chai'
+import sinon from 'sinon'
+import fetchMock from 'fetch-mock'
+import { renderWithEditorContext } from '../../../helpers/render-with-context'
+import WordCountModal from '../../../../../frontend/js/features/word-count-modal/components/word-count-modal'
+
+describe('<WordCountModal />', function () {
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  const contextProps = {
+    projectId: 'project-1',
+    clsiServerId: 'clsi-server-1',
+  }
+
+  it('renders the translated modal title', async function () {
+    fetchMock.get('express:/project/:projectId/wordcount', () => {
+      return { status: 200, body: { texcount: { messages: 'This is a test' } } }
+    })
+
+    const handleHide = sinon.stub()
+
+    renderWithEditorContext(
+      <WordCountModal show handleHide={handleHide} />,
+      contextProps
+    )
+
+    await screen.findByText('Word Count')
+  })
+
+  it('renders a loading message when loading', async function () {
+    fetchMock.get('express:/project/:projectId/wordcount', () => {
+      return { status: 200, body: { texcount: { messages: 'This is a test' } } }
+    })
+
+    const handleHide = sinon.stub()
+
+    renderWithEditorContext(
+      <WordCountModal show handleHide={handleHide} />,
+      contextProps
+    )
+
+    await screen.findByText('Loading…')
+
+    await screen.findByText('This is a test')
+  })
+
+  it('renders an error message and hides loading message on error', async function () {
+    fetchMock.get('express:/project/:projectId/wordcount', 500)
+
+    const handleHide = sinon.stub()
+
+    renderWithEditorContext(
+      <WordCountModal show handleHide={handleHide} />,
+      contextProps
+    )
+
+    await screen.findByText('Sorry, something went wrong')
+
+    expect(screen.queryByText(/Loading/)).to.not.exist
+  })
+
+  it('displays messages', async function () {
+    fetchMock.get('express:/project/:projectId/wordcount', () => {
+      return {
+        status: 200,
+        body: {
+          texcount: {
+            messages: 'This is a test',
+          },
+        },
+      }
+    })
+
+    const handleHide = sinon.stub()
+
+    renderWithEditorContext(
+      <WordCountModal show handleHide={handleHide} />,
+      contextProps
+    )
+
+    await screen.findByText('This is a test')
+  })
+
+  it('displays counts data', async function () {
+    fetchMock.get('express:/project/:projectId/wordcount', () => {
+      return {
+        status: 200,
+        body: {
+          texcount: {
+            textWords: 100,
+            mathDisplay: 200,
+            mathInline: 300,
+            headers: 400,
+          },
+        },
+      }
+    })
+
+    const handleHide = sinon.stub()
+
+    renderWithEditorContext(
+      <WordCountModal show handleHide={handleHide} />,
+      contextProps
+    )
+
+    await screen.findByText((content, element) =>
+      element.textContent.trim().match(/^Total Words\s*:\s*100$/)
+    )
+    await screen.findByText((content, element) =>
+      element.textContent.trim().match(/^Math Display\s*:\s*200$/)
+    )
+    await screen.findByText((content, element) =>
+      element.textContent.trim().match(/^Math Inline\s*:\s*300$/)
+    )
+    await screen.findByText((content, element) =>
+      element.textContent.trim().match(/^Headers\s*:\s*400$/)
+    )
+  })
+})
diff --git a/services/web/test/frontend/helpers/bootstrap-5.ts b/services/web/test/frontend/helpers/bootstrap-5.ts
new file mode 100644
index 0000000..a055f27
--- /dev/null
+++ b/services/web/test/frontend/helpers/bootstrap-5.ts
@@ -0,0 +1 @@
+import '../../../frontend/stylesheets/bootstrap-5/main-style.scss'
diff --git a/services/web/test/frontend/helpers/detach-channel.ts b/services/web/test/frontend/helpers/detach-channel.ts
new file mode 100644
index 0000000..bd140bf
--- /dev/null
+++ b/services/web/test/frontend/helpers/detach-channel.ts
@@ -0,0 +1,10 @@
+import {
+  detachChannelId,
+  detachChannel as _detachChannel,
+} from '../../../frontend/js/shared/context/detach-context'
+
+// for tests, assert that detachChannel is defined, as BroadcastChannel is available
+export const detachChannel = _detachChannel!
+
+// simulate messages from another tab by posting them to this channel
+export const testDetachChannel = new BroadcastChannel(detachChannelId)
diff --git a/services/web/test/frontend/helpers/editor-providers.jsx b/services/web/test/frontend/helpers/editor-providers.jsx
new file mode 100644
index 0000000..a6bc9c3
--- /dev/null
+++ b/services/web/test/frontend/helpers/editor-providers.jsx
@@ -0,0 +1,237 @@
+// Disable prop type checks for test harnesses
+/* eslint-disable react/prop-types */
+import sinon from 'sinon'
+import { get, merge } from 'lodash'
+import { SocketIOMock } from '@/ide/connection/SocketIoShim'
+import { IdeContext } from '@/shared/context/ide-context'
+import React, { useEffect, useState } from 'react'
+import {
+  createReactScopeValueStore,
+  IdeReactContext,
+} from '@/features/ide-react/context/ide-react-context'
+import { IdeEventEmitter } from '@/features/ide-react/create-ide-event-emitter'
+import { ReactScopeEventEmitter } from '@/features/ide-react/scope-event-emitter/react-scope-event-emitter'
+import { ConnectionContext } from '@/features/ide-react/context/connection-context'
+import { ReactContextRoot } from '@/features/ide-react/context/react-context-root'
+
+// these constants can be imported in tests instead of
+// using magic strings
+export const PROJECT_ID = 'project123'
+export const PROJECT_NAME = 'project-name'
+export const USER_ID = '123abd'
+export const USER_EMAIL = 'testuser@example.com'
+
+const defaultUserSettings = {
+  pdfViewer: 'pdfjs',
+  fontSize: 12,
+  fontFamily: 'monaco',
+  lineHeight: 'normal',
+  editorTheme: 'textmate',
+  overallTheme: '',
+  mode: 'default',
+  autoComplete: true,
+  autoPairDelimiters: true,
+  trackChanges: true,
+  syntaxValidation: false,
+  mathPreview: true,
+}
+
+export function EditorProviders({
+  user = { id: USER_ID, email: USER_EMAIL },
+  projectId = PROJECT_ID,
+  projectOwner = {
+    _id: '124abd',
+    email: 'owner@example.com',
+  },
+  rootDocId = '_root_doc_id',
+  imageName = 'texlive-full:2024.1',
+  compiler = 'pdflatex',
+  socket = new SocketIOMock(),
+  isRestrictedTokenMember = false,
+  clsiServerId = '1234',
+  scope = {},
+  features = {
+    referencesSearch: true,
+  },
+  projectFeatures = features,
+  permissionsLevel = 'owner',
+  children,
+  rootFolder = [
+    {
+      _id: 'root-folder-id',
+      name: 'rootFolder',
+      docs: [
+        {
+          _id: '_root_doc_id',
+          name: 'main.tex',
+        },
+      ],
+      folders: [],
+      fileRefs: [],
+    },
+  ],
+  ui = { view: 'editor', pdfLayout: 'sideBySide', chatOpen: true },
+  fileTreeManager = {
+    findEntityById: () => null,
+    findEntityByPath: () => null,
+    getEntityPath: () => '',
+    getRootDocDirname: () => '',
+    getPreviewByPath: path => ({ url: path, extension: 'png' }),
+  },
+  editorManager = {
+    getCurrentDocumentId: () => 'foo',
+    getCurrentDocValue: () => {},
+    openDoc: sinon.stub(),
+  },
+  userSettings = {},
+  providers = {},
+}) {
+  window.metaAttributesCache.set(
+    'ol-gitBridgePublicBaseUrl',
+    'https://git.overleaf.test'
+  )
+  window.metaAttributesCache.set(
+    'ol-isRestrictedTokenMember',
+    isRestrictedTokenMember
+  )
+  window.metaAttributesCache.set(
+    'ol-userSettings',
+    merge({}, defaultUserSettings, userSettings)
+  )
+
+  const $scope = merge(
+    {
+      user,
+      editor: {
+        sharejs_doc: {
+          doc_id: 'test-doc',
+          getSnapshot: () => 'some doc content',
+          hasBufferedOps: () => false,
+          on: () => {},
+          off: () => {},
+          leaveAndCleanUpPromise: async () => {},
+        },
+      },
+      project: {
+        _id: projectId,
+        name: PROJECT_NAME,
+        owner: projectOwner,
+        features: projectFeatures,
+        rootDoc_id: rootDocId,
+        rootFolder,
+        imageName,
+        compiler,
+      },
+      ui,
+      $watch: (path, callback) => {
+        callback(get($scope, path))
+        return () => null
+      },
+      $on: sinon.stub(),
+      $applyAsync: sinon.stub(),
+      permissionsLevel,
+    },
+    scope
+  )
+
+  window._ide = {
+    $scope,
+    socket,
+    clsiServerId,
+    editorManager,
+    fileTreeManager,
+  }
+
+  // Add details for useUserContext
+  window.metaAttributesCache.set('ol-user', { ...user, features })
+  window.metaAttributesCache.set('ol-project_id', projectId)
+
+  return (
+    <ReactContextRoot
+      providers={{
+        ConnectionProvider,
+        IdeReactProvider,
+        ...providers,
+      }}
+    >
+      {children}
+    </ReactContextRoot>
+  )
+}
+
+const ConnectionProvider = ({ children }) => {
+  const [value] = useState(() => ({
+    socket: window._ide.socket,
+    connectionState: {
+      readyState: WebSocket.OPEN,
+      forceDisconnected: false,
+      inactiveDisconnect: false,
+      reconnectAt: null,
+      forcedDisconnectDelay: 0,
+      lastConnectionAttempt: 0,
+      error: '',
+    },
+    isConnected: true,
+    isStillReconnecting: false,
+    secondsUntilReconnect: () => 0,
+    tryReconnectNow: () => {},
+    registerUserActivity: () => {},
+    disconnect: () => {},
+  }))
+
+  return (
+    <ConnectionContext.Provider value={value}>
+      {children}
+    </ConnectionContext.Provider>
+  )
+}
+
+const IdeReactProvider = ({ children }) => {
+  const [startedFreeTrial, setStartedFreeTrial] = useState(false)
+
+  const [ideReactContextValue] = useState(() => ({
+    projectId: PROJECT_ID,
+    eventEmitter: new IdeEventEmitter(),
+    startedFreeTrial,
+    setStartedFreeTrial,
+    reportError: () => {},
+    projectJoined: true,
+  }))
+
+  const [ideContextValue] = useState(() => {
+    const ide = window._ide
+
+    const scopeStore = createReactScopeValueStore(PROJECT_ID)
+    for (const [key, value] of Object.entries(ide.$scope)) {
+      // TODO: path for nested entries
+      scopeStore.set(key, value)
+    }
+    scopeStore.set('editor.sharejs_doc', ide.$scope.editor.sharejs_doc)
+    scopeStore.set('ui.chatOpen', ide.$scope.ui.chatOpen)
+    const scopeEventEmitter = new ReactScopeEventEmitter(new IdeEventEmitter())
+
+    return {
+      ...ide,
+      scopeStore,
+      scopeEventEmitter,
+    }
+  })
+
+  useEffect(() => {
+    window.overleaf = {
+      ...window.overleaf,
+      unstable: {
+        ...window.overleaf?.unstable,
+        store: ideContextValue.scopeStore,
+      },
+    }
+  }, [ideContextValue.scopeStore])
+
+  return (
+    <IdeReactContext.Provider value={ideReactContextValue}>
+      <IdeContext.Provider value={ideContextValue}>
+        {children}
+      </IdeContext.Provider>
+    </IdeReactContext.Provider>
+  )
+}
diff --git a/services/web/test/frontend/helpers/fixtures/logs/bad-boxes.log b/services/web/test/frontend/helpers/fixtures/logs/bad-boxes.log
new file mode 100644
index 0000000..fdd16b2
--- /dev/null
+++ b/services/web/test/frontend/helpers/fixtures/logs/bad-boxes.log
@@ -0,0 +1,167 @@
+This is pdfTeX, Version 3.1415926-1.40.10 (TeX Live 2009) (format=pdflatex 2010.5.16)  16 APR 2012 09:05
+entering extended mode
+ %&-line parsing enabled.
+**logs/bad-boxes.tex
+(compiles/b6cf470376785e64ad84c57e3296c912/logs/bad-boxes.tex
+LaTeX2e <2009/09/24>
+Babel <v3.8l> and hyphenation patterns for english, usenglishmax, dumylang, noh
+yphenation, german-x-2009-06-19, ngerman-x-2009-06-19, ancientgreek, ibycus, ar
+abic, basque, bulgarian, catalan, pinyin, coptic, croatian, czech, danish, dutc
+h, esperanto, estonian, farsi, finnish, french, galician, german, ngerman, mono
+greek, greek, hungarian, icelandic, assamese, bengali, gujarati, hindi, kannada
+, malayalam, marathi, oriya, panjabi, tamil, telugu, indonesian, interlingua, i
+rish, italian, kurmanji, latin, latvian, lithuanian, mongolian, mongolianlmc, b
+okmal, nynorsk, polish, portuguese, romanian, russian, sanskrit, serbian, slova
+k, slovenian, spanish, swedish, turkish, turkmen, ukenglish, ukrainian, upperso
+rbian, welsh, loaded.
+(/usr/local/texlive/2009/texmf-dist/tex/latex/base/article.cls
+Document Class: article 2007/10/19 v1.4h Standard LaTeX document class
+(/usr/local/texlive/2009/texmf-dist/tex/latex/base/size10.clo
+File: size10.clo 2007/10/19 v1.4h Standard LaTeX file (size option)
+)
+\c@part=\count79
+\c@section=\count80
+\c@subsection=\count81
+\c@subsubsection=\count82
+\c@paragraph=\count83
+\c@subparagraph=\count84
+\c@figure=\count85
+\c@table=\count86
+\abovecaptionskip=\skip41
+\belowcaptionskip=\skip42
+\bibindent=\dimen102
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/multirow/multirow.sty
+\bigstrutjot=\dimen103
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/polynom/polynom.sty
+Package: polynom 2006/04/20 0.17 (CH,HA)
+(/usr/local/texlive/2009/texmf-dist/tex/latex/graphics/keyval.sty
+Package: keyval 1999/03/16 v1.13 key=value parser (DPC)
+\KV@toks@=\toks14
+)
+\pld@currstage=\count87
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/amsmath/amsmath.sty
+Package: amsmath 2000/07/18 v2.13 AMS math features
+\@mathmargin=\skip43
+For additional information on amsmath, use the `?' option.
+(/usr/local/texlive/2009/texmf-dist/tex/latex/amsmath/amstext.sty
+Package: amstext 2000/06/29 v2.01
+(/usr/local/texlive/2009/texmf-dist/tex/latex/amsmath/amsgen.sty
+File: amsgen.sty 1999/11/30 v2.0
+\@emptytoks=\toks15
+\ex@=\dimen104
+)) (/usr/local/texlive/2009/texmf-dist/tex/latex/amsmath/amsbsy.sty
+Package: amsbsy 1999/11/29 v1.2d
+\pmbraise@=\dimen105
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/amsmath/amsopn.sty
+Package: amsopn 1999/12/14 v2.01 operator names
+)
+\inf@bad=\count88
+LaTeX Info: Redefining \frac on input line 211.
+\uproot@=\count89
+\leftroot@=\count90
+LaTeX Info: Redefining \overline on input line 307.
+\classnum@=\count91
+\DOTSCASE@=\count92
+LaTeX Info: Redefining \ldots on input line 379.
+LaTeX Info: Redefining \dots on input line 382.
+LaTeX Info: Redefining \cdots on input line 467.
+\Mathstrutbox@=\box26
+\strutbox@=\box27
+\big@size=\dimen106
+LaTeX Font Info:    Redeclaring font encoding OML on input line 567.
+LaTeX Font Info:    Redeclaring font encoding OMS on input line 568.
+\macc@depth=\count93
+\c@MaxMatrixCols=\count94
+\dotsspace@=\muskip10
+\c@parentequation=\count95
+\dspbrk@lvl=\count96
+\tag@help=\toks16
+\row@=\count97
+\column@=\count98
+\maxfields@=\count99
+\andhelp@=\toks17
+\eqnshift@=\dimen107
+\alignsep@=\dimen108
+\tagshift@=\dimen109
+\tagwidth@=\dimen110
+\totwidth@=\dimen111
+\lineht@=\dimen112
+\@envbody=\toks18
+\multlinegap=\skip44
+\multlinetaggap=\skip45
+\mathdisplay@stack=\toks19
+LaTeX Info: Redefining \[ on input line 2666.
+LaTeX Info: Redefining \] on input line 2667.
+)
+No file output.aux.
+\openout1 = `output.aux'.
+
+LaTeX Font Info:    Checking defaults for OML/cmm/m/it on input line 7.
+LaTeX Font Info:    ... okay on input line 7.
+LaTeX Font Info:    Checking defaults for T1/cmr/m/n on input line 7.
+LaTeX Font Info:    ... okay on input line 7.
+LaTeX Font Info:    Checking defaults for OT1/cmr/m/n on input line 7.
+LaTeX Font Info:    ... okay on input line 7.
+LaTeX Font Info:    Checking defaults for OMS/cmsy/m/n on input line 7.
+LaTeX Font Info:    ... okay on input line 7.
+LaTeX Font Info:    Checking defaults for OMX/cmex/m/n on input line 7.
+LaTeX Font Info:    ... okay on input line 7.
+LaTeX Font Info:    Checking defaults for U/cmr/m/n on input line 7.
+LaTeX Font Info:    ... okay on input line 7.
+
+Overfull \hbox (29.11179pt too wide) in paragraph at lines 9--10
+[]\OT1/cmr/m/n/10 This line will be too long thanks to an email ad-dress james-
+james-james@scribtex.com 
+ []
+
+
+Underfull \hbox (badness 10000) in paragraph at lines 11--13
+
+ []
+
+
+Overfull \vbox (12.00034pt too high) detected at line 27
+ []
+
+
+Underfull \vbox (badness 10000) detected at line 46
+ []
+
+
+Underfull \hbox (badness 10000) in paragraph at lines 54--55
+
+ []
+
+
+Underfull \hbox (badness 10000) in paragraph at lines 58--60
+
+ []
+
+[1
+
+{/usr/local/texlive/2009/texmf-var/fonts/map/pdftex/updmap/pdftex.map}] [2] (co
+mpiles/b6cf470376785e64ad84c57e3296c912/output.aux) ) 
+Here is how much of TeX's memory you used:
+ 1219 strings out of 493773
+ 15510 string characters out of 3145367
+ 73808 words of memory out of 3000000
+ 4559 multiletter control sequences out of 15000+200000
+ 4709 words of font info for 18 fonts, out of 3000000 for 9000
+ 714 hyphenation exceptions out of 8191
+ 27i,16n,35p,210b,192s stack positions out of 5000i,500n,10000p,200000b,50000s
+</usr/local/texlive/2009/t
+exmf-dist/fonts/type1/public/amsfonts/cm/cmbx10.pfb></usr/local/texlive/2009/te
+xmf-dist/fonts/type1/public/amsfonts/cm/cmbx12.pfb></usr/local/texlive/2009/tex
+mf-dist/fonts/type1/public/amsfonts/cm/cmex10.pfb></usr/local/texlive/2009/texm
+f-dist/fonts/type1/public/amsfonts/cm/cmmi10.pfb></usr/local/texlive/2009/texmf
+-dist/fonts/type1/public/amsfonts/cm/cmmi7.pfb></usr/local/texlive/2009/texmf-d
+ist/fonts/type1/public/amsfonts/cm/cmr10.pfb></usr/local/texlive/2009/texmf-dis
+t/fonts/type1/public/amsfonts/cm/cmr7.pfb></usr/local/texlive/2009/texmf-dist/f
+onts/type1/public/amsfonts/cm/cmsy10.pfb>
+Output written on compiles/b6cf470376785e64ad84c57e3296c912/output.pdf (2 pages
+, 77420 bytes).
+PDF statistics:
+ 41 PDF objects out of 1000 (max. 8388607)
+ 0 named destinations out of 1000 (max. 500000)
+ 1 words of extra memory for PDF output out of 10000 (max. 10000000)
+
diff --git a/services/web/test/frontend/helpers/fixtures/logs/biber-warnings.log b/services/web/test/frontend/helpers/fixtures/logs/biber-warnings.log
new file mode 100644
index 0000000..7a0cf1d
--- /dev/null
+++ b/services/web/test/frontend/helpers/fixtures/logs/biber-warnings.log
@@ -0,0 +1,353 @@
+This is pdfTeX, Version 3.1415926-2.5-1.40.14 (TeX Live 2013) (format=pdflatex 2014.4.2)  30 MAY 2014 14:44
+entering extended mode
+ \write18 enabled.
+ %&-line parsing enabled.
+**main.tex
+(/compile/main.tex
+LaTeX2e <2011/06/27>
+Babel <3.9k> and hyphenation patterns for 78 languages loaded.
+(/usr/local/texlive/2013/texmf-dist/tex/latex/base/article.cls
+Document Class: article 2007/10/19 v1.4h Standard LaTeX document class
+(/usr/local/texlive/2013/texmf-dist/tex/latex/base/size10.clo
+File: size10.clo 2007/10/19 v1.4h Standard LaTeX file (size option)
+)
+\c@part=\count79
+\c@section=\count80
+\c@subsection=\count81
+\c@subsubsection=\count82
+\c@paragraph=\count83
+\c@subparagraph=\count84
+\c@figure=\count85
+\c@table=\count86
+\abovecaptionskip=\skip41
+\belowcaptionskip=\skip42
+\bibindent=\dimen102
+) (/usr/local/texlive/2013/texmf-dist/tex/latex/biblatex/biblatex.sty
+Package: biblatex 2013/11/25 v2.8a programmable bibliographies (PK/JW/AB)
+
+Package biblatex Warning: No "backend" specified, using Biber backend.
+(biblatex)                To use BibTeX, load biblatex with
+(biblatex)                the "backend=bibtex" option.
+
+(/usr/local/texlive/2013/texmf-dist/tex/latex/biblatex/biblatex2.sty
+Package: biblatex2 2013/11/25 v2.8a programmable bibliographies (biber) (PK/JW/
+AB)
+(/usr/local/texlive/2013/texmf-dist/tex/latex/etoolbox/etoolbox.sty
+Package: etoolbox 2011/01/03 v2.1 e-TeX tools for LaTeX
+(/usr/local/texlive/2013/texmf-dist/tex/latex/etex-pkg/etex.sty
+Package: etex 1998/03/26 v2.0 eTeX basic definition package (PEB)
+\et@xins=\count87
+)
+\etb@tempcnta=\count88
+) (/usr/local/texlive/2013/texmf-dist/tex/latex/graphics/keyval.sty
+Package: keyval 1999/03/16 v1.13 key=value parser (DPC)
+\KV@toks@=\toks14
+) (/usr/local/texlive/2013/texmf-dist/tex/latex/oberdiek/kvoptions.sty
+Package: kvoptions 2011/06/30 v3.11 Key value format for package options (HO)
+(/usr/local/texlive/2013/texmf-dist/tex/generic/oberdiek/ltxcmds.sty
+Package: ltxcmds 2011/11/09 v1.22 LaTeX kernel commands for general use (HO)
+) (/usr/local/texlive/2013/texmf-dist/tex/generic/oberdiek/kvsetkeys.sty
+Package: kvsetkeys 2012/04/25 v1.16 Key value parser (HO)
+(/usr/local/texlive/2013/texmf-dist/tex/generic/oberdiek/infwarerr.sty
+Package: infwarerr 2010/04/08 v1.3 Providing info/warning/error messages (HO)
+) (/usr/local/texlive/2013/texmf-dist/tex/generic/oberdiek/etexcmds.sty
+Package: etexcmds 2011/02/16 v1.5 Avoid name clashes with e-TeX commands (HO)
+(/usr/local/texlive/2013/texmf-dist/tex/generic/oberdiek/ifluatex.sty
+Package: ifluatex 2010/03/01 v1.3 Provides the ifluatex switch (HO)
+Package ifluatex Info: LuaTeX not detected.
+)
+Package etexcmds Info: Could not find \expanded.
+(etexcmds)             That can mean that you are not using pdfTeX 1.50 or
+(etexcmds)             that some package has redefined \expanded.
+(etexcmds)             In the latter case, load this package earlier.
+))) (/usr/local/texlive/2013/texmf-dist/tex/latex/logreq/logreq.sty
+Package: logreq 2010/08/04 v1.0 xml request logger
+\lrq@indent=\count89
+(/usr/local/texlive/2013/texmf-dist/tex/latex/logreq/logreq.def
+File: logreq.def 2010/08/04 v1.0 logreq spec v1.0
+)) (/usr/local/texlive/2013/texmf-dist/tex/latex/base/ifthen.sty
+Package: ifthen 2001/05/26 v1.1c Standard LaTeX ifthen package (DPC)
+) (/usr/local/texlive/2013/texmf-dist/tex/latex/url/url.sty
+\Urlmuskip=\muskip10
+Package: url 2013/09/16  ver 3.4  Verb mode for urls, etc.
+)
+\c@tabx@nest=\count90
+\c@listtotal=\count91
+\c@listcount=\count92
+\c@liststart=\count93
+\c@liststop=\count94
+\c@citecount=\count95
+\c@citetotal=\count96
+\c@multicitecount=\count97
+\c@multicitetotal=\count98
+\c@instcount=\count99
+\c@maxnames=\count100
+\c@minnames=\count101
+\c@maxitems=\count102
+\c@minitems=\count103
+\c@citecounter=\count104
+\c@savedcitecounter=\count105
+\c@uniquelist=\count106
+\c@uniquename=\count107
+\c@refsection=\count108
+\c@refsegment=\count109
+\c@maxextratitle=\count110
+\c@maxextratitleyear=\count111
+\c@maxextrayear=\count112
+\c@maxextraalpha=\count113
+\c@abbrvpenalty=\count114
+\c@highnamepenalty=\count115
+\c@lownamepenalty=\count116
+\c@maxparens=\count117
+\c@parenlevel=\count118
+\blx@tempcnta=\count119
+\blx@tempcntb=\count120
+\blx@tempcntc=\count121
+\blx@maxsection=\count122
+\blx@maxsegment@0=\count123
+\blx@notetype=\count124
+\blx@parenlevel@text=\count125
+\blx@parenlevel@foot=\count126
+\blx@sectionciteorder@0=\count127
+\labelnumberwidth=\skip43
+\labelalphawidth=\skip44
+\shorthandwidth=\skip45
+\biblabelsep=\skip46
+\bibitemsep=\skip47
+\bibnamesep=\skip48
+\bibinitsep=\skip49
+\bibparsep=\skip50
+\bibhang=\skip51
+\blx@bcfin=\read1
+\blx@bcfout=\write3
+\c@mincomprange=\count128
+\c@maxcomprange=\count129
+\c@mincompwidth=\count130
+Package biblatex Info: Trying to load biblatex default data model...
+Package biblatex Info: ... file 'blx-dm.def' found.
+(/usr/local/texlive/2013/texmf-dist/tex/latex/biblatex/blx-dm.def)
+Package biblatex Info: Trying to load biblatex style data model...
+Package biblatex Info: ... file 'ieee.dbx' not found.
+Package biblatex Info: Trying to load biblatex custom data model...
+Package biblatex Info: ... file 'biblatex-dm.cfg' not found.
+\c@afterword=\count131
+\c@savedafterword=\count132
+\c@annotator=\count133
+\c@savedannotator=\count134
+\c@author=\count135
+\c@savedauthor=\count136
+\c@bookauthor=\count137
+\c@savedbookauthor=\count138
+\c@commentator=\count139
+\c@savedcommentator=\count140
+\c@editor=\count141
+\c@savededitor=\count142
+\c@editora=\count143
+\c@savededitora=\count144
+\c@editorb=\count145
+\c@savededitorb=\count146
+\c@editorc=\count147
+\c@savededitorc=\count148
+\c@foreword=\count149
+\c@savedforeword=\count150
+\c@holder=\count151
+\c@savedholder=\count152
+\c@introduction=\count153
+\c@savedintroduction=\count154
+\c@namea=\count155
+\c@savednamea=\count156
+\c@nameb=\count157
+\c@savednameb=\count158
+\c@namec=\count159
+\c@savednamec=\count160
+\c@shortauthor=\count161
+\c@savedshortauthor=\count162
+\c@shorteditor=\count163
+\c@savedshorteditor=\count164
+\c@translator=\count165
+\c@savedtranslator=\count166
+\c@labelname=\count167
+\c@savedlabelname=\count168
+\c@institution=\count169
+\c@savedinstitution=\count170
+\c@lista=\count171
+\c@savedlista=\count172
+\c@listb=\count173
+\c@savedlistb=\count174
+\c@listc=\count175
+\c@savedlistc=\count176
+\c@listd=\count177
+\c@savedlistd=\count178
+\c@liste=\count179
+\c@savedliste=\count180
+\c@listf=\count181
+\c@savedlistf=\count182
+\c@location=\count183
+\c@savedlocation=\count184
+\c@organization=\count185
+\c@savedorganization=\count186
+\c@origlocation=\count187
+\c@savedoriglocation=\count188
+\c@origpublisher=\count189
+\c@savedorigpublisher=\count190
+\c@publisher=\count191
+\c@savedpublisher=\count192
+\c@language=\count193
+\c@savedlanguage=\count194
+\c@pageref=\count195
+\c@savedpageref=\count196
+Package biblatex Info: Trying to load compatibility code...
+Package biblatex Info: ... file 'blx-compat.def' found.
+(/usr/local/texlive/2013/texmf-dist/tex/latex/biblatex/blx-compat.def
+File: blx-compat.def 2013/11/25 v2.8a biblatex compatibility (PK/JW/AB)
+)
+Package biblatex Info: Trying to load generic definitions...
+Package biblatex Info: ... file 'biblatex.def' found.
+(/usr/local/texlive/2013/texmf-dist/tex/latex/biblatex/biblatex.def
+File: biblatex.def
+\c@textcitecount=\count197
+\c@textcitetotal=\count198
+\c@textcitemaxnames=\count199
+\c@biburlnumpenalty=\count200
+\c@biburlucpenalty=\count201
+\c@biburllcpenalty=\count202
+\c@smartand=\count203
+)
+Package biblatex Info: Trying to load bibliography style 'ieee'...
+Package biblatex Info: ... file 'ieee.bbx' found.
+(/usr/local/texlive/2013/texmf-dist/tex/latex/biblatex-ieee/ieee.bbx
+File: ieee.bbx 2013/10/25 v1.1j biblatex bibliography style
+Package biblatex Info: Trying to load bibliography style 'numeric-comp'...
+Package biblatex Info: ... file 'numeric-comp.bbx' found.
+(/usr/local/texlive/2013/texmf-dist/tex/latex/biblatex/bbx/numeric-comp.bbx
+File: numeric-comp.bbx 2013/11/25 v2.8a biblatex bibliography style (PK/JW/AB)
+Package biblatex Info: Trying to load bibliography style 'numeric'...
+Package biblatex Info: ... file 'numeric.bbx' found.
+(/usr/local/texlive/2013/texmf-dist/tex/latex/biblatex/bbx/numeric.bbx
+File: numeric.bbx 2013/11/25 v2.8a biblatex bibliography style (PK/JW/AB)
+Package biblatex Info: Trying to load bibliography style 'standard'...
+Package biblatex Info: ... file 'standard.bbx' found.
+(/usr/local/texlive/2013/texmf-dist/tex/latex/biblatex/bbx/standard.bbx
+File: standard.bbx 2013/11/25 v2.8a biblatex bibliography style (PK/JW/AB)
+\c@bbx:relatedcount=\count204
+\c@bbx:relatedtotal=\count205
+))))
+Package biblatex Info: Trying to load citation style 'ieee'...
+Package biblatex Info: ... file 'ieee.cbx' found.
+(/usr/local/texlive/2013/texmf-dist/tex/latex/biblatex-ieee/ieee.cbx
+File: ieee.cbx 2013/10/25 v1.1j biblatex citation style
+Package biblatex Info: Trying to load citation style 'numeric-comp'...
+Package biblatex Info: ... file 'numeric-comp.cbx' found.
+(/usr/local/texlive/2013/texmf-dist/tex/latex/biblatex/cbx/numeric-comp.cbx
+File: numeric-comp.cbx 2013/11/25 v2.8a biblatex citation style (PK/JW/AB)
+\c@cbx@tempcnta=\count206
+\c@cbx@tempcntb=\count207
+Package biblatex Info: Redefining '\cite'.
+Package biblatex Info: Redefining '\parencite'.
+Package biblatex Info: Redefining '\footcite'.
+Package biblatex Info: Redefining '\footcitetext'.
+Package biblatex Info: Redefining '\smartcite'.
+Package biblatex Info: Redefining '\supercite'.
+Package biblatex Info: Redefining '\textcite'.
+Package biblatex Info: Redefining '\textcites'.
+Package biblatex Info: Redefining '\cites'.
+Package biblatex Info: Redefining '\parencites'.
+Package biblatex Info: Redefining '\smartcites'.
+)
+Package biblatex Info: Redefining '\cite'.
+Package biblatex Info: Redefining '\cites'.
+)
+Package biblatex Info: Trying to load configuration file...
+Package biblatex Info: ... file 'biblatex.cfg' found.
+(/usr/local/texlive/2013/texmf-dist/tex/latex/biblatex/biblatex.cfg
+File: biblatex.cfg
+)))
+Package biblatex Info: Trying to load language 'english'...
+Package biblatex Info: ... file 'english.lbx' found.
+(/usr/local/texlive/2013/texmf-dist/tex/latex/biblatex/lbx/english.lbx
+File: english.lbx 2013/11/25 v2.8a biblatex localization (PK/JW/AB)
+)
+\@quotelevel=\count208
+\@quotereset=\count209
+(/compile/output.aux)
+\openout1 = `output.aux'.
+
+LaTeX Font Info:    Checking defaults for OML/cmm/m/it on input line 5.
+LaTeX Font Info:    ... okay on input line 5.
+LaTeX Font Info:    Checking defaults for T1/cmr/m/n on input line 5.
+LaTeX Font Info:    ... okay on input line 5.
+LaTeX Font Info:    Checking defaults for OT1/cmr/m/n on input line 5.
+LaTeX Font Info:    ... okay on input line 5.
+LaTeX Font Info:    Checking defaults for OMS/cmsy/m/n on input line 5.
+LaTeX Font Info:    ... okay on input line 5.
+LaTeX Font Info:    Checking defaults for OMX/cmex/m/n on input line 5.
+LaTeX Font Info:    ... okay on input line 5.
+LaTeX Font Info:    Checking defaults for U/cmr/m/n on input line 5.
+LaTeX Font Info:    ... okay on input line 5.
+Package biblatex Info: No input encoding detected.
+(biblatex)             Assuming 'ascii'.
+Package biblatex Info: Automatic encoding selection.
+(biblatex)             Assuming data encoding 'ascii'.
+\openout3 = `output.bcf'.
+
+Package biblatex Info: Trying to load bibliographic data...
+Package biblatex Info: ... file 'output.bbl' found.
+(/compile/output.bbl
+
+Package biblatex Warning: The following entry could not be found
+(biblatex)                in the database:
+(biblatex)                Missing3
+(biblatex)                Please verify the spelling and rerun
+(biblatex)                LaTeX afterwards.
+
+
+Package biblatex Warning: The following entry could not be found
+(biblatex)                in the database:
+(biblatex)                Missing2
+(biblatex)                Please verify the spelling and rerun
+(biblatex)                LaTeX afterwards.
+
+
+Package biblatex Warning: The following entry could not be found
+(biblatex)                in the database:
+(biblatex)                Missing1
+(biblatex)                Please verify the spelling and rerun
+(biblatex)                LaTeX afterwards.
+
+)
+Package biblatex Info: Reference section=0 on input line 5.
+Package biblatex Info: Reference segment=0 on input line 5.
+LaTeX Font Info:    External font `cmex10' loaded for size
+(Font)              <12> on input line 11.
+LaTeX Font Info:    External font `cmex10' loaded for size
+(Font)              <8> on input line 11.
+LaTeX Font Info:    External font `cmex10' loaded for size
+(Font)              <6> on input line 11.
+[1
+
+{/usr/local/texlive/2013/texmf-var/fonts/map/pdftex/updmap/pdftex.map}] (/compi
+le/output.aux)
+Package logreq Info: Writing requests to 'output.run.xml'.
+\openout1 = `output.run.xml'.
+
+ )
+Here is how much of TeX's memory you used:
+ 5875 strings out of 493308
+ 101409 string characters out of 6137823
+ 481464 words of memory out of 5000000
+ 9308 multiletter control sequences out of 15000+600000
+ 8233 words of font info for 29 fonts, out of 8000000 for 9000
+ 957 hyphenation exceptions out of 8191
+ 44i,6n,49p,820b,967s stack positions out of 5000i,500n,10000p,200000b,80000s
+</usr/local/texlive/2013/texmf-dist/fonts/type1/public/amsfonts/cm/cmbx10.pfb
+></usr/local/texlive/2013/texmf-dist/fonts/type1/public/amsfonts/cm/cmbx12.pfb>
+</usr/local/texlive/2013/texmf-dist/fonts/type1/public/amsfonts/cm/cmr10.pfb></
+usr/local/texlive/2013/texmf-dist/fonts/type1/public/amsfonts/cm/cmr12.pfb></us
+r/local/texlive/2013/texmf-dist/fonts/type1/public/amsfonts/cm/cmr17.pfb></usr/
+local/texlive/2013/texmf-dist/fonts/type1/public/amsfonts/cm/cmti10.pfb>
+Output written on /compile/output.pdf (1 page, 68642 bytes).
+PDF statistics:
+ 32 PDF objects out of 1000 (max. 8388607)
+ 22 compressed objects within 1 object stream
+ 0 named destinations out of 1000 (max. 500000)
+ 1 words of extra memory for PDF output out of 10000 (max. 10000000)
diff --git a/services/web/test/frontend/helpers/fixtures/logs/biber.blg b/services/web/test/frontend/helpers/fixtures/logs/biber.blg
new file mode 100644
index 0000000..e673350
--- /dev/null
+++ b/services/web/test/frontend/helpers/fixtures/logs/biber.blg
@@ -0,0 +1,14 @@
+[0] Config.pm:324> INFO - This is Biber 2.1
+[0] Config.pm:327> INFO - Logfile is 'output.blg'
+[44] biber-darwin:276> INFO - === Thu Mar  3, 2016, 16:00:52
+[45] Biber.pm:333> INFO - Reading 'output.bcf'
+[148] Biber.pm:645> INFO - Found 1 citekeys in bib section 0
+[168] Biber.pm:2977> INFO - Processing section 0
+[184] Biber.pm:3115> INFO - Looking for bibtex format file 'bibliography.bib' for section 0
+[186] bibtex.pm:1021> INFO - Decoding LaTeX character macros into UTF-8
+[187] bibtex.pm:895> INFO - Found BibTeX data source 'bibliography.bib'
+[187] Utils.pm:146> WARN - Entry small does not parse correctly
+[187] Utils.pm:146> WARN - BibTeX subsystem: /var/folders/xz/jm214r5n7dv36_q3nclqxvpm0000gn/T/w5cKkglymq/bibliography.bib_46723.utf8, line 4, warning: possible runaway string started at line 3
+[187] Utils.pm:162> ERROR - BibTeX subsystem: /var/folders/xz/jm214r5n7dv36_q3nclqxvpm0000gn/T/w5cKkglymq/bibliography.bib_46723.utf8, line 8, syntax error: at end of input, expected end of entry ("}" or ")") (skipping to next "@")
+[188] Biber.pm:106> INFO - WARNINGS: 2
+[188] Biber.pm:110> INFO - ERRORS: 1
diff --git a/services/web/test/frontend/helpers/fixtures/logs/bibtex.blg b/services/web/test/frontend/helpers/fixtures/logs/bibtex.blg
new file mode 100644
index 0000000..3483010
--- /dev/null
+++ b/services/web/test/frontend/helpers/fixtures/logs/bibtex.blg
@@ -0,0 +1,87 @@
+This is BibTeX, Version 0.99d (TeX Live 2014)
+Capacity: max_strings=35307, hash_size=35307, hash_prime=30011
+The top-level auxiliary file: output.aux
+The style file: apj.bst
+Database file #1: outputNotes.bib
+Database file #2: references.bib
+I was expecting a `,' or a `}'---line 196 of file references.bib
+ :
+ : @ARTICLE{Biviano03,
+(Error may have been on previous line)
+I'm skipping whatever remains of this entry
+I was expecting a `,' or a `}'---line 1133 of file references.bib
+ :
+ : @ARTICLE{Saro13,
+(Error may have been on previous line)
+I'm skipping whatever remains of this entry
+Repeated entry---line 541 of file references.bib
+ :  @article{abe1984influence
+ :                           ,
+I'm skipping whatever remains of this entry
+I was expecting a `,' or a `}'---line 1213 of file references.bib
+ :
+ : @ARTICLE{Springel05,
+(Error may have been on previous line)
+I'm skipping whatever remains of this entry
+You're missing a field part---line 1255 of file references.bib
+ :     month =
+ :             ,
+I'm skipping whatever remains of this entry
+Reallocated wiz_functions (elt_size=4) to 6000 items from 3000.
+Warning--string name "something" is undefined
+--line 152 of file references.bib
+Warning--can't use both author and editor fields in Binney87
+Warning--empty booktitle in Dietterich-00
+Warning--empty publisher in Binney87
+Warning--string name "august" is undefined
+--line 152 of file references.bib
+Warning--empty note in Svensmark14
+A bad cross reference---entry "conf/icde/FilhoTTF01"
+refers to entry "conf/icde/2001", which doesn't exist
+I couldn't open style file aa.bst
+---line 31 of file output.aux
+ : \bibstyle{aa
+ :             }
+I'm skipping whatever remains of this command
+You've used 48 entries,
+            3010 wiz_defined-function locations,
+            957 strings with 17710 characters,
+and the built_in function-call counts, 25881 in all, are:
+= -- 1937
+> -- 2358
+< -- 11
++ -- 783
+- -- 852
+* -- 2444
+:= -- 5047
+add.period$ -- 48
+call.type$ -- 48
+change.case$ -- 320
+chr.to.int$ -- 48
+cite$ -- 51
+duplicate$ -- 899
+empty$ -- 1291
+format.name$ -- 904
+if$ -- 4963
+int.to.chr$ -- 1
+int.to.str$ -- 1
+missing$ -- 47
+newline$ -- 148
+num.names$ -- 193
+pop$ -- 349
+preamble$ -- 1
+purify$ -- 320
+quote$ -- 0
+skip$ -- 744
+stack$ -- 0
+substring$ -- 989
+swap$ -- 1
+text.length$ -- 0
+text.prefix$ -- 0
+top$ -- 0
+type$ -- 429
+warning$ -- 3
+while$ -- 173
+width$ -- 0
+write$ -- 478
+(There were 4 error messages)
\ No newline at end of file
diff --git a/services/web/test/frontend/helpers/fixtures/logs/caption-warnings.log b/services/web/test/frontend/helpers/fixtures/logs/caption-warnings.log
new file mode 100644
index 0000000..ae50f90
--- /dev/null
+++ b/services/web/test/frontend/helpers/fixtures/logs/caption-warnings.log
@@ -0,0 +1,339 @@
+This is pdfTeX, Version 3.14159265-2.6-1.40.15 (TeX Live 2014) (preloaded format=pdflatex 2015.3.24)  28 OCT 2015 00:36
+entering extended mode
+ \write18 enabled.
+ %&-line parsing enabled.
+**main.tex
+(/compile/main.tex
+LaTeX2e <2014/05/01>
+Babel <3.9l> and hyphenation patterns for 79 languages loaded.
+(/usr/local/texlive/2014/texmf-dist/tex/latex/IEEEtran/IEEEtran.cls
+Document Class: IEEEtran 2014/09/17 V1.8a by Michael Shell
+-- See the "IEEEtran_HOWTO" manual for usage information.
+-- http://www.michaelshell.org/tex/ieeetran/
+\@IEEEtrantmpdimenA=\dimen102
+\@IEEEtrantmpdimenB=\dimen103
+\@IEEEtrantmpdimenC=\dimen104
+\@IEEEtrantmpcountA=\count79
+\@IEEEtrantmpcountB=\count80
+\@IEEEtrantmpcountC=\count81
+\@IEEEtrantmptoksA=\toks14
+LaTeX Font Info:    Try loading font information for OT1+ptm on input line 458.
+
+(/usr/local/texlive/2014/texmf-dist/tex/latex/psnfss/ot1ptm.fd
+File: ot1ptm.fd 2001/06/04 font definitions for OT1/ptm.
+)
+-- Using 8.5in x 11in (letter) paper.
+-- Using PDF output.
+\@IEEEnormalsizeunitybaselineskip=\dimen105
+-- This is a 10 point document.
+\CLASSINFOnormalsizebaselineskip=\dimen106
+\CLASSINFOnormalsizeunitybaselineskip=\dimen107
+\IEEEnormaljot=\dimen108
+LaTeX Font Info:    Font shape `OT1/ptm/bx/n' in size <5> not available
+(Font)              Font shape `OT1/ptm/b/n' tried instead on input line 1039.
+LaTeX Font Info:    Font shape `OT1/ptm/bx/it' in size <5> not available
+(Font)              Font shape `OT1/ptm/b/it' tried instead on input line 1039.
+
+LaTeX Font Info:    Font shape `OT1/ptm/bx/n' in size <7> not available
+(Font)              Font shape `OT1/ptm/b/n' tried instead on input line 1039.
+LaTeX Font Info:    Font shape `OT1/ptm/bx/it' in size <7> not available
+(Font)              Font shape `OT1/ptm/b/it' tried instead on input line 1039.
+
+LaTeX Font Info:    Font shape `OT1/ptm/bx/n' in size <8> not available
+(Font)              Font shape `OT1/ptm/b/n' tried instead on input line 1039.
+LaTeX Font Info:    Font shape `OT1/ptm/bx/it' in size <8> not available
+(Font)              Font shape `OT1/ptm/b/it' tried instead on input line 1039.
+
+LaTeX Font Info:    Font shape `OT1/ptm/bx/n' in size <9> not available
+(Font)              Font shape `OT1/ptm/b/n' tried instead on input line 1039.
+LaTeX Font Info:    Font shape `OT1/ptm/bx/it' in size <9> not available
+(Font)              Font shape `OT1/ptm/b/it' tried instead on input line 1039.
+
+LaTeX Font Info:    Font shape `OT1/ptm/bx/n' in size <10> not available
+(Font)              Font shape `OT1/ptm/b/n' tried instead on input line 1039.
+LaTeX Font Info:    Font shape `OT1/ptm/bx/it' in size <10> not available
+(Font)              Font shape `OT1/ptm/b/it' tried instead on input line 1039.
+
+LaTeX Font Info:    Font shape `OT1/ptm/bx/n' in size <11> not available
+(Font)              Font shape `OT1/ptm/b/n' tried instead on input line 1039.
+LaTeX Font Info:    Font shape `OT1/ptm/bx/it' in size <11> not available
+(Font)              Font shape `OT1/ptm/b/it' tried instead on input line 1039.
+
+LaTeX Font Info:    Font shape `OT1/ptm/bx/n' in size <12> not available
+(Font)              Font shape `OT1/ptm/b/n' tried instead on input line 1039.
+LaTeX Font Info:    Font shape `OT1/ptm/bx/it' in size <12> not available
+(Font)              Font shape `OT1/ptm/b/it' tried instead on input line 1039.
+
+LaTeX Font Info:    Font shape `OT1/ptm/bx/n' in size <17> not available
+(Font)              Font shape `OT1/ptm/b/n' tried instead on input line 1039.
+LaTeX Font Info:    Font shape `OT1/ptm/bx/it' in size <17> not available
+(Font)              Font shape `OT1/ptm/b/it' tried instead on input line 1039.
+
+LaTeX Font Info:    Font shape `OT1/ptm/bx/n' in size <20> not available
+(Font)              Font shape `OT1/ptm/b/n' tried instead on input line 1039.
+LaTeX Font Info:    Font shape `OT1/ptm/bx/it' in size <20> not available
+(Font)              Font shape `OT1/ptm/b/it' tried instead on input line 1039.
+
+LaTeX Font Info:    Font shape `OT1/ptm/bx/n' in size <24> not available
+(Font)              Font shape `OT1/ptm/b/n' tried instead on input line 1039.
+LaTeX Font Info:    Font shape `OT1/ptm/bx/it' in size <24> not available
+(Font)              Font shape `OT1/ptm/b/it' tried instead on input line 1039.
+
+\IEEEquantizedlength=\dimen109
+\IEEEquantizedlengthdiff=\dimen110
+\IEEEquantizedtextheightdiff=\dimen111
+\IEEEilabelindentA=\dimen112
+\IEEEilabelindentB=\dimen113
+\IEEEilabelindent=\dimen114
+\IEEEelabelindent=\dimen115
+\IEEEdlabelindent=\dimen116
+\IEEElabelindent=\dimen117
+\IEEEiednormlabelsep=\dimen118
+\IEEEiedmathlabelsep=\dimen119
+\IEEEiedtopsep=\skip41
+\c@section=\count82
+\c@subsection=\count83
+\c@subsubsection=\count84
+\c@paragraph=\count85
+\c@IEEEsubequation=\count86
+\abovecaptionskip=\skip42
+\belowcaptionskip=\skip43
+\c@figure=\count87
+\c@table=\count88
+\@IEEEeqnnumcols=\count89
+\@IEEEeqncolcnt=\count90
+\@IEEEsubeqnnumrollback=\count91
+\@IEEEquantizeheightA=\dimen120
+\@IEEEquantizeheightB=\dimen121
+\@IEEEquantizeheightC=\dimen122
+\@IEEEquantizeprevdepth=\dimen123
+\@IEEEquantizemultiple=\count92
+\@IEEEquantizeboxA=\box26
+\@IEEEtmpitemindent=\dimen124
+\c@IEEEbiography=\count93
+\@IEEEtranrubishbin=\box27
+) (/usr/local/texlive/2014/texmf-dist/tex/latex/caption/subcaption.sty
+Package: subcaption 2013/02/03 v1.1-62 Sub-captions (AR)
+(/usr/local/texlive/2014/texmf-dist/tex/latex/caption/caption.sty
+Package: caption 2013/05/02 v3.3-89 Customizing captions (AR)
+(/usr/local/texlive/2014/texmf-dist/tex/latex/caption/caption3.sty
+Package: caption3 2013/05/02 v1.6-88 caption3 kernel (AR)
+Package caption3 Info: TeX engine: e-TeX on input line 57.
+(/usr/local/texlive/2014/texmf-dist/tex/latex/graphics/keyval.sty
+Package: keyval 2014/10/28 v1.15 key=value parser (DPC)
+\KV@toks@=\toks15
+)
+\captionmargin=\dimen125
+\captionmargin@=\dimen126
+\captionwidth=\dimen127
+\caption@tempdima=\dimen128
+\caption@indent=\dimen129
+\caption@parindent=\dimen130
+\caption@hangindent=\dimen131
+Package caption Info: Unknown document class (or package),
+(caption)             standard defaults will be used.
+)
+
+Package caption Warning: Unsupported document class (or package) detected,
+(caption)                usage of the caption package is not recommended.
+See the caption package documentation for explanation.
+
+Package caption Info: \@makecaption = \long macro:#1#2->\ifx \@captype \@IEEEta
+blestring \footnotesize \bgroup \par \centering \@IEEEtabletopskipstrut {\norma
+lfont \footnotesize #1}\\{\normalfont \footnotesize \scshape #2}\par \addvspace
+ {0.5\baselineskip }\egroup \@IEEEtablecaptionsepspace \else \@IEEEfigurecaptio
+nsepspace \setbox \@tempboxa \hbox {\normalfont \footnotesize {#1.}\nobreakspac
+e \nobreakspace #2}\ifdim \wd \@tempboxa >\hsize \setbox \@tempboxa \hbox {\nor
+malfont \footnotesize {#1.}\nobreakspace \nobreakspace }\parbox [t]{\hsize }{\n
+ormalfont \footnotesize \noindent \unhbox \@tempboxa #2}\else \ifCLASSOPTIONcon
+ference \hbox to\hsize {\normalfont \footnotesize \hfil \box \@tempboxa \hfil }
+\else \hbox to\hsize {\normalfont \footnotesize \box \@tempboxa \hfil }\fi \fi 
+\fi .
+\c@ContinuedFloat=\count94
+)
+\c@subfigure=\count95
+\c@subtable=\count96
+) (/usr/local/texlive/2014/texmf-dist/tex/latex/listing/listing.sty
+Package: listing 1999/05/25
+Package `listing', V1.2, <1999/05/25>
+\c@listing=\count97
+) (/usr/local/texlive/2014/texmf-dist/tex/latex/hyperref/hyperref.sty
+Package: hyperref 2012/11/06 v6.83m Hypertext links for LaTeX
+(/usr/local/texlive/2014/texmf-dist/tex/generic/oberdiek/hobsub-hyperref.sty
+Package: hobsub-hyperref 2012/05/28 v1.13 Bundle oberdiek, subset hyperref (HO)
+
+(/usr/local/texlive/2014/texmf-dist/tex/generic/oberdiek/hobsub-generic.sty
+Package: hobsub-generic 2012/05/28 v1.13 Bundle oberdiek, subset generic (HO)
+Package: hobsub 2012/05/28 v1.13 Construct package bundles (HO)
+Package: infwarerr 2010/04/08 v1.3 Providing info/warning/error messages (HO)
+Package: ltxcmds 2011/11/09 v1.22 LaTeX kernel commands for general use (HO)
+Package: ifluatex 2010/03/01 v1.3 Provides the ifluatex switch (HO)
+Package ifluatex Info: LuaTeX not detected.
+Package: ifvtex 2010/03/01 v1.5 Detect VTeX and its facilities (HO)
+Package ifvtex Info: VTeX not detected.
+Package: intcalc 2007/09/27 v1.1 Expandable calculations with integers (HO)
+Package: ifpdf 2011/01/30 v2.3 Provides the ifpdf switch (HO)
+Package ifpdf Info: pdfTeX in PDF mode is detected.
+Package: etexcmds 2011/02/16 v1.5 Avoid name clashes with e-TeX commands (HO)
+Package etexcmds Info: Could not find \expanded.
+(etexcmds)             That can mean that you are not using pdfTeX 1.50 or
+(etexcmds)             that some package has redefined \expanded.
+(etexcmds)             In the latter case, load this package earlier.
+Package: kvsetkeys 2012/04/25 v1.16 Key value parser (HO)
+Package: kvdefinekeys 2011/04/07 v1.3 Define keys (HO)
+Package: pdftexcmds 2011/11/29 v0.20 Utility functions of pdfTeX for LuaTeX (HO
+)
+Package pdftexcmds Info: LuaTeX not detected.
+Package pdftexcmds Info: \pdf@primitive is available.
+Package pdftexcmds Info: \pdf@ifprimitive is available.
+Package pdftexcmds Info: \pdfdraftmode found.
+Package: pdfescape 2011/11/25 v1.13 Implements pdfTeX's escape features (HO)
+Package: bigintcalc 2012/04/08 v1.3 Expandable calculations on big integers (HO
+)
+Package: bitset 2011/01/30 v1.1 Handle bit-vector datatype (HO)
+Package: uniquecounter 2011/01/30 v1.2 Provide unlimited unique counter (HO)
+)
+Package hobsub Info: Skipping package `hobsub' (already loaded).
+Package: letltxmacro 2010/09/02 v1.4 Let assignment for LaTeX macros (HO)
+Package: hopatch 2012/05/28 v1.2 Wrapper for package hooks (HO)
+Package: xcolor-patch 2011/01/30 xcolor patch
+Package: atveryend 2011/06/30 v1.8 Hooks at the very end of document (HO)
+Package atveryend Info: \enddocument detected (standard20110627).
+Package: atbegshi 2011/10/05 v1.16 At begin shipout hook (HO)
+Package: refcount 2011/10/16 v3.4 Data extraction from label references (HO)
+Package: hycolor 2011/01/30 v1.7 Color options for hyperref/bookmark (HO)
+) (/usr/local/texlive/2014/texmf-dist/tex/generic/ifxetex/ifxetex.sty
+Package: ifxetex 2010/09/12 v0.6 Provides ifxetex conditional
+) (/usr/local/texlive/2014/texmf-dist/tex/latex/oberdiek/auxhook.sty
+Package: auxhook 2011/03/04 v1.3 Hooks for auxiliary files (HO)
+) (/usr/local/texlive/2014/texmf-dist/tex/latex/oberdiek/kvoptions.sty
+Package: kvoptions 2011/06/30 v3.11 Key value format for package options (HO)
+)
+\@linkdim=\dimen132
+\Hy@linkcounter=\count98
+\Hy@pagecounter=\count99
+(/usr/local/texlive/2014/texmf-dist/tex/latex/hyperref/pd1enc.def
+File: pd1enc.def 2012/11/06 v6.83m Hyperref: PDFDocEncoding definition (HO)
+)
+\Hy@SavedSpaceFactor=\count100
+(/usr/local/texlive/2014/texmf-dist/tex/latex/latexconfig/hyperref.cfg
+File: hyperref.cfg 2002/06/06 v1.2 hyperref configuration of TeXLive
+)
+Package hyperref Info: Hyper figures OFF on input line 4443.
+Package hyperref Info: Link nesting OFF on input line 4448.
+Package hyperref Info: Hyper index ON on input line 4451.
+Package hyperref Info: Plain pages OFF on input line 4458.
+Package hyperref Info: Backreferencing OFF on input line 4463.
+Package hyperref Info: Implicit mode ON; LaTeX internals redefined.
+Package hyperref Info: Bookmarks ON on input line 4688.
+\c@Hy@tempcnt=\count101
+(/usr/local/texlive/2014/texmf-dist/tex/latex/url/url.sty
+\Urlmuskip=\muskip10
+Package: url 2013/09/16  ver 3.4  Verb mode for urls, etc.
+)
+LaTeX Info: Redefining \url on input line 5041.
+\XeTeXLinkMargin=\dimen133
+\Fld@menulength=\count102
+\Field@Width=\dimen134
+\Fld@charsize=\dimen135
+Package hyperref Info: Hyper figures OFF on input line 6295.
+Package hyperref Info: Link nesting OFF on input line 6300.
+Package hyperref Info: Hyper index ON on input line 6303.
+Package hyperref Info: backreferencing OFF on input line 6310.
+Package hyperref Info: Link coloring OFF on input line 6315.
+Package hyperref Info: Link coloring with OCG OFF on input line 6320.
+Package hyperref Info: PDF/A mode OFF on input line 6325.
+LaTeX Info: Redefining \ref on input line 6365.
+LaTeX Info: Redefining \pageref on input line 6369.
+\Hy@abspage=\count103
+\c@Item=\count104
+\c@Hfootnote=\count105
+)
+
+Package hyperref Message: Driver (autodetected): hpdftex.
+
+(/usr/local/texlive/2014/texmf-dist/tex/latex/hyperref/hpdftex.def
+File: hpdftex.def 2012/11/06 v6.83m Hyperref driver for pdfTeX
+\Fld@listcount=\count106
+\c@bookmark@seq@number=\count107
+(/usr/local/texlive/2014/texmf-dist/tex/latex/oberdiek/rerunfilecheck.sty
+Package: rerunfilecheck 2011/04/15 v1.7 Rerun checks for auxiliary files (HO)
+Package uniquecounter Info: New unique counter `rerunfilecheck' on input line 2
+82.
+)
+\Hy@SectionHShift=\skip44
+) (/compile/output.aux)
+\openout1 = `output.aux'.
+
+LaTeX Font Info:    Checking defaults for OML/cmm/m/it on input line 36.
+LaTeX Font Info:    ... okay on input line 36.
+LaTeX Font Info:    Checking defaults for T1/cmr/m/n on input line 36.
+LaTeX Font Info:    ... okay on input line 36.
+LaTeX Font Info:    Checking defaults for OT1/cmr/m/n on input line 36.
+LaTeX Font Info:    ... okay on input line 36.
+LaTeX Font Info:    Checking defaults for OMS/cmsy/m/n on input line 36.
+LaTeX Font Info:    ... okay on input line 36.
+LaTeX Font Info:    Checking defaults for OMX/cmex/m/n on input line 36.
+LaTeX Font Info:    ... okay on input line 36.
+LaTeX Font Info:    Checking defaults for U/cmr/m/n on input line 36.
+LaTeX Font Info:    ... okay on input line 36.
+LaTeX Font Info:    Checking defaults for PD1/pdf/m/n on input line 36.
+LaTeX Font Info:    ... okay on input line 36.
+-- Lines per column: 58 (exact).
+Package caption Info: Begin \AtBeginDocument code.
+Package caption Info: hyperref package is loaded.
+Package caption Info: End \AtBeginDocument code.
+\AtBeginShipoutBox=\box28
+Package hyperref Info: Link coloring OFF on input line 36.
+(/usr/local/texlive/2014/texmf-dist/tex/latex/hyperref/nameref.sty
+Package: nameref 2012/10/27 v2.43 Cross-referencing by name of section
+(/usr/local/texlive/2014/texmf-dist/tex/generic/oberdiek/gettitlestring.sty
+Package: gettitlestring 2010/12/03 v1.4 Cleanup title references (HO)
+)
+\c@section@level=\count108
+)
+LaTeX Info: Redefining \ref on input line 36.
+LaTeX Info: Redefining \pageref on input line 36.
+LaTeX Info: Redefining \nameref on input line 36.
+(/compile/output.out) (/compile/output.out)
+\@outlinefile=\write3
+\openout3 = `output.out'.
+
+
+Package caption Warning: The option `hypcap=true' will be ignored for this
+(caption)                particular \caption on input line 46.
+See the caption package documentation for explanation.
+
+LaTeX Font Info:    External font `cmex10' loaded for size
+(Font)              <7> on input line 53.
+LaTeX Font Info:    External font `cmex10' loaded for size
+(Font)              <5> on input line 53.
+Package atveryend Info: Empty hook `BeforeClearDocument' on input line 68.
+[1{/usr/local/texlive/2014/texmf-var/fonts/map/pdftex/updmap/pdftex.map}
+
+
+]
+Package atveryend Info: Empty hook `AfterLastShipout' on input line 68.
+(/compile/output.aux)
+Package atveryend Info: Executing hook `AtVeryEndDocument' on input line 68.
+Package atveryend Info: Executing hook `AtEndAfterFileList' on input line 68.
+Package rerunfilecheck Info: File `output.out' has not changed.
+(rerunfilecheck)             Checksum: D41D8CD98F00B204E9800998ECF8427E;0.
+Package atveryend Info: Empty hook `AtVeryVeryEnd' on input line 68.
+ ) 
+Here is how much of TeX's memory you used:
+ 6094 strings out of 493109
+ 99653 string characters out of 6135010
+ 179577 words of memory out of 5000000
+ 9567 multiletter control sequences out of 15000+600000
+ 27944 words of font info for 57 fonts, out of 8000000 for 9000
+ 1141 hyphenation exceptions out of 8191
+ 42i,6n,44p,244b,359s stack positions out of 5000i,500n,10000p,200000b,80000s
+{/usr/local/texlive/2014/texmf-dist/fonts/enc/dvips/base/8r.enc}</usr/local/t
+exlive/2014/texmf-dist/fonts/type1/urw/times/utmr8a.pfb>
+Output written on /compile/output.pdf (1 page, 13958 bytes).
+PDF statistics:
+ 23 PDF objects out of 1000 (max. 8388607)
+ 18 compressed objects within 1 object stream
+ 4 named destinations out of 1000 (max. 500000)
+ 1 words of extra memory for PDF output out of 10000 (max. 10000000)
diff --git a/services/web/test/frontend/helpers/fixtures/logs/errors.log b/services/web/test/frontend/helpers/fixtures/logs/errors.log
new file mode 100644
index 0000000..790aa5b
--- /dev/null
+++ b/services/web/test/frontend/helpers/fixtures/logs/errors.log
@@ -0,0 +1,573 @@
+This is pdfTeX, Version 3.1415926-1.40.10 (TeX Live 2009) (format=pdflatex 2010.5.16)  13 APR 2012 21:52
+entering extended mode
+ %&-line parsing enabled.
+**instantons.tex
+(compiles/dff0c37d892f346e58fc14975a16bf69/instantons.tex
+LaTeX2e <2009/09/24>
+Babel <v3.8l> and hyphenation patterns for english, usenglishmax, dumylang, noh
+yphenation, german-x-2009-06-19, ngerman-x-2009-06-19, ancientgreek, ibycus, ar
+abic, basque, bulgarian, catalan, pinyin, coptic, croatian, czech, danish, dutc
+h, esperanto, estonian, farsi, finnish, french, galician, german, ngerman, mono
+greek, greek, hungarian, icelandic, assamese, bengali, gujarati, hindi, kannada
+, malayalam, marathi, oriya, panjabi, tamil, telugu, indonesian, interlingua, i
+rish, italian, kurmanji, latin, latvian, lithuanian, mongolian, mongolianlmc, b
+okmal, nynorsk, polish, portuguese, romanian, russian, sanskrit, serbian, slova
+k, slovenian, spanish, swedish, turkish, turkmen, ukenglish, ukrainian, upperso
+rbian, welsh, loaded.
+(/usr/local/texlive/2009/texmf-dist/tex/latex/base/article.cls
+Document Class: article 2007/10/19 v1.4h Standard LaTeX document class
+(/usr/local/texlive/2009/texmf-dist/tex/latex/base/size10.clo
+File: size10.clo 2007/10/19 v1.4h Standard LaTeX file (size option)
+)
+\c@part=\count79
+\c@section=\count80
+\c@subsection=\count81
+\c@subsubsection=\count82
+\c@paragraph=\count83
+\c@subparagraph=\count84
+\c@figure=\count85
+\c@table=\count86
+\abovecaptionskip=\skip41
+\belowcaptionskip=\skip42
+\bibindent=\dimen102
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/relsize/relsize.sty
+Package: relsize 2003/07/04 ver 3.1
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/preprint/fullpage.sty
+Package: fullpage 1999/02/23 1.1 (PWD)
+\FP@margin=\skip43
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/amsmath/amsmath.sty
+Package: amsmath 2000/07/18 v2.13 AMS math features
+\@mathmargin=\skip44
+For additional information on amsmath, use the `?' option.
+(/usr/local/texlive/2009/texmf-dist/tex/latex/amsmath/amstext.sty
+Package: amstext 2000/06/29 v2.01
+(/usr/local/texlive/2009/texmf-dist/tex/latex/amsmath/amsgen.sty
+File: amsgen.sty 1999/11/30 v2.0
+\@emptytoks=\toks14
+\ex@=\dimen103
+)) (/usr/local/texlive/2009/texmf-dist/tex/latex/amsmath/amsbsy.sty
+Package: amsbsy 1999/11/29 v1.2d
+\pmbraise@=\dimen104
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/amsmath/amsopn.sty
+Package: amsopn 1999/12/14 v2.01 operator names
+)
+\inf@bad=\count87
+LaTeX Info: Redefining \frac on input line 211.
+\uproot@=\count88
+\leftroot@=\count89
+LaTeX Info: Redefining \overline on input line 307.
+\classnum@=\count90
+\DOTSCASE@=\count91
+LaTeX Info: Redefining \ldots on input line 379.
+LaTeX Info: Redefining \dots on input line 382.
+LaTeX Info: Redefining \cdots on input line 467.
+\Mathstrutbox@=\box26
+\strutbox@=\box27
+\big@size=\dimen105
+LaTeX Font Info:    Redeclaring font encoding OML on input line 567.
+LaTeX Font Info:    Redeclaring font encoding OMS on input line 568.
+\macc@depth=\count92
+\c@MaxMatrixCols=\count93
+\dotsspace@=\muskip10
+\c@parentequation=\count94
+\dspbrk@lvl=\count95
+\tag@help=\toks15
+\row@=\count96
+\column@=\count97
+\maxfields@=\count98
+\andhelp@=\toks16
+\eqnshift@=\dimen106
+\alignsep@=\dimen107
+\tagshift@=\dimen108
+\tagwidth@=\dimen109
+\totwidth@=\dimen110
+\lineht@=\dimen111
+\@envbody=\toks17
+\multlinegap=\skip45
+\multlinetaggap=\skip46
+\mathdisplay@stack=\toks18
+LaTeX Info: Redefining \[ on input line 2666.
+LaTeX Info: Redefining \] on input line 2667.
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/amscls/amsthm.sty
+Package: amsthm 2004/08/06 v2.20
+\thm@style=\toks19
+\thm@bodyfont=\toks20
+\thm@headfont=\toks21
+\thm@notefont=\toks22
+\thm@headpunct=\toks23
+\thm@preskip=\skip47
+\thm@postskip=\skip48
+\thm@headsep=\skip49
+\dth@everypar=\toks24
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/amsfonts/amsfonts.sty
+Package: amsfonts 2009/06/22 v3.00 Basic AMSFonts support
+\symAMSa=\mathgroup4
+\symAMSb=\mathgroup5
+LaTeX Font Info:    Overwriting math alphabet `\mathfrak' in version `bold'
+(Font)                  U/euf/m/n --> U/euf/b/n on input line 96.
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/hyperref/hyperref.sty
+Package: hyperref 2010/05/04 v6.81a Hypertext links for LaTeX
+(/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/ltxcmds.sty
+Package: ltxcmds 2010/04/26 v1.7 LaTeX kernel commands for general use (HO)
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/graphics/keyval.sty
+Package: keyval 1999/03/16 v1.13 key=value parser (DPC)
+\KV@toks@=\toks25
+) (/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/kvsetkeys.sty
+Package: kvsetkeys 2010/03/01 v1.9 Key value parser (HO)
+(/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/infwarerr.sty
+Package: infwarerr 2010/04/08 v1.3 Providing info/warning/message (HO)
+) (/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/etexcmds.sty
+Package: etexcmds 2010/01/28 v1.3 Prefix for e-TeX command names (HO)
+Package etexcmds Info: Could not find \expanded.
+(etexcmds)             That can mean that you are not using pdfTeX 1.50 or
+(etexcmds)             that some package has redefined \expanded.
+(etexcmds)             In the latter case, load this package earlier.
+)) (/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/pdfescape.sty
+Package: pdfescape 2010/03/01 v1.9 Provides hex, PDF name and string conversion
+s (HO)
+(/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/pdftexcmds.sty
+Package: pdftexcmds 2010/04/01 v0.9 Utility functions of pdfTeX for LuaTeX (HO)
+
+(/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/ifluatex.sty
+Package: ifluatex 2010/03/01 v1.3 Provides the ifluatex switch (HO)
+Package ifluatex Info: LuaTeX not detected.
+)
+Package pdftexcmds Info: LuaTeX not detected.
+Package pdftexcmds Info: \pdf@primitive is available.
+Package pdftexcmds Info: \pdf@ifprimitive is available.
+)) (/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/ifpdf.sty
+Package: ifpdf 2010/01/28 v2.1 Provides the ifpdf switch (HO)
+Package ifpdf Info: pdfTeX in pdf mode detected.
+) (/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/ifvtex.sty
+Package: ifvtex 2010/03/01 v1.5 Switches for detecting VTeX and its modes (HO)
+Package ifvtex Info: VTeX not detected.
+) (/usr/local/texlive/2009/texmf-dist/tex/generic/ifxetex/ifxetex.sty
+Package: ifxetex 2009/01/23 v0.5 Provides ifxetex conditional
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/oberdiek/hycolor.sty
+Package: hycolor 2009/12/12 v1.6 Color options of hyperref/bookmark (HO)
+(/usr/local/texlive/2009/texmf-dist/tex/latex/oberdiek/xcolor-patch.sty
+Package: xcolor-patch 2009/12/12 xcolor patch
+)) (/usr/local/texlive/2009/texmf-dist/tex/latex/oberdiek/letltxmacro.sty
+Package: letltxmacro 2008/06/24 v1.3 Let assignment for LaTeX macros (HO)
+)
+\@linkdim=\dimen112
+\Hy@linkcounter=\count99
+\Hy@pagecounter=\count100
+(/usr/local/texlive/2009/texmf-dist/tex/latex/hyperref/pd1enc.def
+File: pd1enc.def 2010/05/04 v6.81a Hyperref: PDFDocEncoding definition (HO)
+) (/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/intcalc.sty
+Package: intcalc 2007/09/27 v1.1 Expandable integer calculations (HO)
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/latexconfig/hyperref.cfg
+File: hyperref.cfg 2002/06/06 v1.2 hyperref configuration of TeXLive
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/oberdiek/kvoptions.sty
+Package: kvoptions 2010/02/22 v3.7 Keyval support for LaTeX options (HO)
+)
+Package hyperref Info: Hyper figures OFF on input line 3639.
+Package hyperref Info: Link nesting OFF on input line 3644.
+Package hyperref Info: Hyper index ON on input line 3647.
+Package hyperref Info: Plain pages OFF on input line 3654.
+Package hyperref Info: Backreferencing OFF on input line 3659.
+Implicit mode ON; LaTeX internals redefined
+Package hyperref Info: Bookmarks ON on input line 3855.
+(/usr/local/texlive/2009/texmf-dist/tex/latex/url/url.sty
+\Urlmuskip=\muskip11
+Package: url 2006/04/12  ver 3.3  Verb mode for urls, etc.
+)
+LaTeX Info: Redefining \url on input line 4140.
+(/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/bitset.sty
+Package: bitset 2007/09/28 v1.0 Data type bit set (HO)
+(/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/bigintcalc.sty
+Package: bigintcalc 2007/11/11 v1.1 Expandable big integer calculations (HO)
+))
+\Fld@menulength=\count101
+\Field@Width=\dimen113
+\Fld@charsize=\dimen114
+\Field@toks=\toks26
+Package hyperref Info: Hyper figures OFF on input line 5118.
+Package hyperref Info: Link nesting OFF on input line 5123.
+Package hyperref Info: Hyper index ON on input line 5126.
+Package hyperref Info: backreferencing OFF on input line 5133.
+Package hyperref Info: Link coloring OFF on input line 5138.
+Package hyperref Info: Link coloring with OCG OFF on input line 5143.
+Package hyperref Info: PDF/A mode OFF on input line 5148.
+LaTeX Info: Redefining \ref on input line 5188.
+LaTeX Info: Redefining \pageref on input line 5192.
+(/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/atbegshi.sty
+Package: atbegshi 2010/03/25 v1.12 At begin shipout hook (HO)
+)
+\Hy@abspage=\count102
+\c@Item=\count103
+\c@Hfootnote=\count104
+)
+* hyperref using default driver hpdftex *
+(/usr/local/texlive/2009/texmf-dist/tex/latex/hyperref/hpdftex.def
+File: hpdftex.def 2010/05/04 v6.81a Hyperref driver for pdfTeX
+(/usr/local/texlive/2009/texmf-dist/tex/latex/oberdiek/atveryend.sty
+Package: atveryend 2010/03/24 v1.5 Hooks at very end of document (HO)
+Package atveryend Info: \enddocument detected (standard).
+)
+\Fld@listcount=\count105
+\c@bookmark@seq@number=\count106
+(/usr/local/texlive/2009/texmf-dist/tex/latex/oberdiek/rerunfilecheck.sty
+Package: rerunfilecheck 2010/03/16 v1.6 Rerun checks for auxiliary files (HO)
+(/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/uniquecounter.sty
+Package: uniquecounter 2009/12/18 v1.1 Provides unlimited unique counter (HO)
+)
+Package uniquecounter Info: New unique counter `rerunfilecheck' on input line 2
+71.
+)
+\Hy@SectionHShift=\skip50
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/subfig/subfig.sty
+Package: subfig 2005/06/28 ver: 1.3 subfig package
+(/usr/local/texlive/2009/texmf-dist/tex/latex/caption/caption.sty
+Package: caption 2010/01/09 v3.1m Customizing captions (AR)
+(/usr/local/texlive/2009/texmf-dist/tex/latex/caption/caption3.sty
+Package: caption3 2010/01/14 v3.1m caption3 kernel (AR)
+\captionmargin=\dimen115
+\captionmargin@=\dimen116
+\captionwidth=\dimen117
+\caption@indent=\dimen118
+\caption@parindent=\dimen119
+\caption@hangindent=\dimen120
+)
+\c@ContinuedFloat=\count107
+Package caption Info: hyperref package is loaded.
+)
+\c@KVtest=\count108
+\sf@farskip=\skip51
+\sf@captopadj=\dimen121
+\sf@capskip=\skip52
+\sf@nearskip=\skip53
+\c@subfigure=\count109
+\c@subfigure@save=\count110
+\c@lofdepth=\count111
+\c@subtable=\count112
+\c@subtable@save=\count113
+\c@lotdepth=\count114
+\sf@top=\skip54
+\sf@bottom=\skip55
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/graphics/graphicx.sty
+Package: graphicx 1999/02/16 v1.0f Enhanced LaTeX Graphics (DPC,SPQR)
+(/usr/local/texlive/2009/texmf-dist/tex/latex/graphics/graphics.sty
+Package: graphics 2009/02/05 v1.0o Standard LaTeX Graphics (DPC,SPQR)
+(/usr/local/texlive/2009/texmf-dist/tex/latex/graphics/trig.sty
+Package: trig 1999/03/16 v1.09 sin cos tan (DPC)
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/latexconfig/graphics.cfg
+File: graphics.cfg 2009/08/28 v1.8 graphics configuration of TeX Live
+)
+Package graphics Info: Driver file: pdftex.def on input line 91.
+(/usr/local/texlive/2009/texmf-dist/tex/latex/pdftex-def/pdftex.def
+File: pdftex.def 2010/02/14 v0.04n Graphics/color for pdfTeX
+\Gread@gobject=\count115
+))
+\Gin@req@height=\dimen122
+\Gin@req@width=\dimen123
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/showlabels/showlabels.sty
+Package: showlabels 2009/05/29 v1.6.5
+Package: `showlabels' v1.6.5 <2009/05/29>
+with amsmath equation tags
+\SL@labelposition=\count116
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/mh/mathtools.sty
+Package: mathtools 2008/08/01 v1.06 mathematical typesetting tools (MH)
+(/usr/local/texlive/2009/texmf-dist/tex/latex/tools/calc.sty
+Package: calc 2007/08/22 v4.3 Infix arithmetic (KKT,FJ)
+\calc@Acount=\count117
+\calc@Bcount=\count118
+\calc@Adimen=\dimen124
+\calc@Bdimen=\dimen125
+\calc@Askip=\skip56
+\calc@Bskip=\skip57
+LaTeX Info: Redefining \setlength on input line 76.
+LaTeX Info: Redefining \addtolength on input line 77.
+\calc@Ccount=\count119
+\calc@Cskip=\skip58
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/mh/mhsetup.sty
+Package: mhsetup 2010/01/21 v1.2a programming setup (MH)
+)
+\g_MT_multlinerow_int=\count120
+\l_MT_multwidth_dim=\dimen126
+)
+\c@claim=\count121
+(compiles/dff0c37d892f346e58fc14975a16bf69/output.aux)
+\openout1 = `output.aux'.
+
+LaTeX Font Info:    Checking defaults for OML/cmm/m/it on input line 30.
+LaTeX Font Info:    ... okay on input line 30.
+LaTeX Font Info:    Checking defaults for T1/cmr/m/n on input line 30.
+LaTeX Font Info:    ... okay on input line 30.
+LaTeX Font Info:    Checking defaults for OT1/cmr/m/n on input line 30.
+LaTeX Font Info:    ... okay on input line 30.
+LaTeX Font Info:    Checking defaults for OMS/cmsy/m/n on input line 30.
+LaTeX Font Info:    ... okay on input line 30.
+LaTeX Font Info:    Checking defaults for OMX/cmex/m/n on input line 30.
+LaTeX Font Info:    ... okay on input line 30.
+LaTeX Font Info:    Checking defaults for U/cmr/m/n on input line 30.
+LaTeX Font Info:    ... okay on input line 30.
+LaTeX Font Info:    Checking defaults for PD1/pdf/m/n on input line 30.
+LaTeX Font Info:    ... okay on input line 30.
+\AtBeginShipoutBox=\box28
+Package hyperref Info: Link coloring OFF on input line 30.
+(/usr/local/texlive/2009/texmf-dist/tex/latex/hyperref/nameref.sty
+Package: nameref 2010/04/30 v2.40 Cross-referencing by name of section
+(/usr/local/texlive/2009/texmf-dist/tex/latex/oberdiek/refcount.sty
+Package: refcount 2008/08/11 v3.1 Data extraction from references (HO)
+) (/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/gettitlestring.sty
+Package: gettitlestring 2009/12/18 v1.3 Cleanup title references (HO)
+)
+\c@section@level=\count122
+)
+LaTeX Info: Redefining \ref on input line 30.
+LaTeX Info: Redefining \pageref on input line 30.
+LaTeX Info: Redefining \nameref on input line 30.
+(compiles/dff0c37d892f346e58fc14975a16bf69/output.out) (compiles/dff0c37d892f34
+6e58fc14975a16bf69/output.out)
+\@outlinefile=\write3
+\openout3 = `output.out'.
+
+Package caption Info: Begin \AtBeginDocument code.
+Package caption3 Info: subfig package 1.2 or 1.3 is loaded.
+LaTeX Info: Redefining \subref on input line 30.
+Package caption Info: End \AtBeginDocument code.
+(/usr/local/texlive/2009/texmf-dist/tex/context/base/supp-pdf.mkii
+[Loading MPS to PDF converter (version 2006.09.02).]
+\scratchcounter=\count123
+\scratchdimen=\dimen127
+\scratchbox=\box29
+\nofMPsegments=\count124
+\nofMParguments=\count125
+\everyMPshowfont=\toks27
+\MPscratchCnt=\count126
+\MPscratchDim=\dimen128
+\MPnumerator=\count127
+\everyMPtoPDFconversion=\toks28
+) (compiles/dff0c37d892f346e58fc14975a16bf69/output.toc
+LaTeX Font Info:    Try loading font information for U+msa on input line 3.
+(/usr/local/texlive/2009/texmf-dist/tex/latex/amsfonts/umsa.fd
+File: umsa.fd 2009/06/22 v3.00 AMS symbols A
+)
+LaTeX Font Info:    Try loading font information for U+msb on input line 3.
+(/usr/local/texlive/2009/texmf-dist/tex/latex/amsfonts/umsb.fd
+File: umsb.fd 2009/06/22 v3.00 AMS symbols B
+))
+\tf@toc=\write4
+\openout4 = `output.toc'.
+
+(compiles/dff0c37d892f346e58fc14975a16bf69/sections/introduction.tex) (compiles
+/dff0c37d892f346e58fc14975a16bf69/sections/instantons.tex [1
+
+{/usr/local/texlive/2009/texmf-var/fonts/map/pdftex/updmap/pdftex.map}]
+LaTeX Font Info:    Try loading font information for U+euf on input line 7.
+(/usr/local/texlive/2009/texmf-dist/tex/latex/amsfonts/ueuf.fd
+File: ueuf.fd 2009/06/22 v3.00 Euler Fraktur
+) [2] [3] [4] [5] [6] [7])
+(compiles/dff0c37d892f346e58fc14975a16bf69/sections/moduli_space_approximation.
+tex [8] [9] [10] [11] [12])
+(compiles/dff0c37d892f346e58fc14975a16bf69/sections/dynamics_of_single_instanto
+n.tex [13] <figures/variation_of_theta_dot.png, id=342, 361.35pt x 228.855pt>
+File: figures/variation_of_theta_dot.png Graphic file (type png)
+<use figures/variation_of_theta_dot.png> <figures/variation_of_rho_dot.png, id=
+343, 361.35pt x 232.87pt>
+File: figures/variation_of_rho_dot.png Graphic file (type png)
+<use figures/variation_of_rho_dot.png>
+Overfull \hbox (13.3333pt too wide) in paragraph at lines 55--61
+ [][][][] 
+ []
+
+)
+(compiles/dff0c37d892f346e58fc14975a16bf69/sections/dynamics_of_two_instantons.
+tex [14 <compiles/dff0c37d892f346e58fc14975a16bf69/figures/variation_of_theta_d
+ot.png (PNG copy)> <compiles/dff0c37d892f346e58fc14975a16bf69/figures/variation
+_of_rho_dot.png (PNG copy)>] [15] [16] <figures/higgs_field/fig1.png, id=392, 3
+61.35pt x 285.065pt>
+File: figures/higgs_field/fig1.png Graphic file (type png)
+<use figures/higgs_field/fig1.png> <figures/higgs_field/fig2.png, id=393, 361.3
+5pt x 286.06876pt>
+File: figures/higgs_field/fig2.png Graphic file (type png)
+<use figures/higgs_field/fig2.png> <figures/higgs_field/fig3.png, id=394, 361.3
+5pt x 285.065pt>
+File: figures/higgs_field/fig3.png Graphic file (type png)
+<use figures/higgs_field/fig3.png> [17] <figures/fig4.png, id=414, 320.8788pt x
+ 198.7425pt>
+File: figures/fig4.png Graphic file (type png)
+<use figures/fig4.png> [18 <compiles/dff0c37d892f346e58fc14975a16bf69/figures/h
+iggs_field/fig1.png (PNG copy)> <compiles/dff0c37d892f346e58fc14975a16bf69/figu
+res/higgs_field/fig2.png (PNG copy)> <compiles/dff0c37d892f346e58fc14975a16bf69
+/figures/higgs_field/fig3.png (PNG copy)> <compiles/dff0c37d892f346e58fc14975a1
+6bf69/figures/fig4.png>] <figures/attraction_and_repulsion.png, id=429, 769.876
+25pt x 473.77pt>
+File: figures/attraction_and_repulsion.png Graphic file (type png)
+<use figures/attraction_and_repulsion.png> <figures/scatterings/flower.png, id=
+431, 361.35pt x 363.3575pt>
+File: figures/scatterings/flower.png Graphic file (type png)
+<use figures/scatterings/flower.png> <figures/scatterings/circle.png, id=432, 3
+61.35pt x 361.35pt>
+File: figures/scatterings/circle.png Graphic file (type png)
+<use figures/scatterings/circle.png> <figures/scatterings/right_angle.png, id=4
+33, 361.35pt x 363.3575pt>
+File: figures/scatterings/right_angle.png Graphic file (type png)
+<use figures/scatterings/right_angle.png> [19 <compiles/dff0c37d892f346e58fc149
+75a16bf69/figures/attraction_and_repulsion.png (PNG copy)>] [20 <compiles/dff0c
+37d892f346e58fc14975a16bf69/figures/scatterings/flower.png (PNG copy)> <compile
+s/dff0c37d892f346e58fc14975a16bf69/figures/scatterings/circle.png (PNG copy)> <
+compiles/dff0c37d892f346e58fc14975a16bf69/figures/scatterings/right_angle.png (
+PNG copy)>] <figures/angular_momentum_exchange_rho.png, id=456, 361.35pt x 232.
+87pt>
+File: figures/angular_momentum_exchange_rho.png Graphic file (type png)
+<use figures/angular_momentum_exchange_rho.png> <figures/angular_momentum_excha
+nge_L.png, id=457, 361.35pt x 210.7875pt>
+File: figures/angular_momentum_exchange_L.png Graphic file (type png)
+<use figures/angular_momentum_exchange_L.png>) (compiles/dff0c37d892f346e58fc14
+975a16bf69/output.bbl [21 <compiles/dff0c37d892f346e58fc14975a16bf69/figures/an
+gular_momentum_exchange_rho.png (PNG copy)> <compiles/dff0c37d892f346e58fc14975
+a16bf69/figures/angular_momentum_exchange_L.png (PNG copy)>]) (compiles/dff0c37
+d892f346e58fc14975a16bf69/sections/appendices.tex
+! Undefined control sequence.
+l.29 \T
+        \left( Z_{ri} Z_{si} \right) = \tfrac{1}{2} \partial^2 \Tr \left( C_...
+The control sequence at the end of the top line
+of your error message was never \def'ed. If you have
+misspelled it (e.g., `\hobx'), type `I' and the correct
+spelling (e.g., `I\hbox'). Otherwise just continue,
+and I'll forget about whatever was undefined.
+
+
+! LaTeX Error: \begin{equation} on input line 28 ended by \end{equaion}.
+
+See the LaTeX manual or LaTeX Companion for explanation.
+Type  H <return>  for immediate help.
+ ...                                              
+                                                  
+l.30 \end{equaion}
+                  
+Your command was ignored.
+Type  I <command> <return>  to replace it with another command,
+or  <return>  to continue without it.
+
+! Missing $ inserted.
+<inserted text> 
+                $
+l.30 \end{equaion}
+                  
+I've inserted something that you may have forgotten.
+(See the <inserted text> above.)
+With luck, this will get me unwedged. But if you
+really didn't forget anything, try typing `2' now; then
+my insertion and my current dilemma will both disappear.
+
+! Display math should end with $$.
+<to be read again> 
+                   \endgroup 
+l.30 \end{equaion}
+                  
+The `$' that I just saw supposedly matches a previous `$$'.
+So I shall assume that you typed `$$' both times.
+
+! Extra }, or forgotten \right.
+<template> }
+            $}\ifmeasuring@ \savefieldlength@ \fi \set@field \hfil \endtempl...
+l.46 \end{align}
+                
+I've deleted a group-closing symbol because it seems to be
+spurious, as in `$x}$'. But perhaps the } is legitimate and
+you forgot something else, as in `\hbox{$x}'. In such cases
+the way to recover is to insert both the forgotten and the
+deleted material, e.g., by typing `I$}'.
+
+! Missing \right. inserted.
+<inserted text> 
+                \right .
+l.46 \end{align}
+                
+I've inserted something that you may have forgotten.
+(See the <inserted text> above.)
+With luck, this will get me unwedged. But if you
+really didn't forget anything, try typing `2' now; then
+my insertion and my current dilemma will both disappear.
+
+! Missing } inserted.
+<inserted text> 
+                }
+l.46 \end{align}
+                
+I've inserted something that you may have forgotten.
+(See the <inserted text> above.)
+With luck, this will get me unwedged. But if you
+really didn't forget anything, try typing `2' now; then
+my insertion and my current dilemma will both disappear.
+
+! Extra }, or forgotten \right.
+<template> }
+            $}\ifmeasuring@ \savefieldlength@ \fi \set@field \hfil \endtempl...
+l.46 \end{align}
+                
+I've deleted a group-closing symbol because it seems to be
+spurious, as in `$x}$'. But perhaps the } is legitimate and
+you forgot something else, as in `\hbox{$x}'. In such cases
+the way to recover is to insert both the forgotten and the
+deleted material, e.g., by typing `I$}'.
+
+! Missing \right. inserted.
+<inserted text> 
+                \right .
+l.46 \end{align}
+                
+I've inserted something that you may have forgotten.
+(See the <inserted text> above.)
+With luck, this will get me unwedged. But if you
+really didn't forget anything, try typing `2' now; then
+my insertion and my current dilemma will both disappear.
+
+! Missing } inserted.
+<inserted text> 
+                }
+l.46 \end{align}
+                
+I've inserted something that you may have forgotten.
+(See the <inserted text> above.)
+With luck, this will get me unwedged. But if you
+really didn't forget anything, try typing `2' now; then
+my insertion and my current dilemma will both disappear.
+
+[22] [23] [24] [25] [26] [27] [28] [29] [30])
+Package atveryend Info: Empty hook `BeforeClearDocument' on input line 51.
+[31]
+Package atveryend Info: Empty hook `AfterLastShipout' on input line 51.
+(compiles/dff0c37d892f346e58fc14975a16bf69/output.aux)
+Package atveryend Info: Executing hook `AtVeryEndDocument' on input line 51.
+Package rerunfilecheck Info: File `output.out' has not changed.
+(rerunfilecheck)             Checksum: 47077DD58F3BF93130F2EA39E2DC1E25;1709.
+ ) 
+Here is how much of TeX's memory you used:
+ 7454 strings out of 493773
+ 116048 string characters out of 3145367
+ 210341 words of memory out of 3000000
+ 10213 multiletter control sequences out of 15000+200000
+ 13189 words of font info for 51 fonts, out of 3000000 for 9000
+ 714 hyphenation exceptions out of 8191
+ 44i,20n,45p,1356b,436s stack positions out of 5000i,500n,10000p,200000b,50000s
+</usr/local/texlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmbx10.pfb
+></usr/local/texlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmbx12.pfb>
+</usr/local/texlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmex10.pfb><
+/usr/local/texlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmmi10.pfb></
+usr/local/texlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmmi5.pfb></us
+r/local/texlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmmi7.pfb></usr/
+local/texlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmmi8.pfb></usr/lo
+cal/texlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmr10.pfb></usr/loca
+l/texlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmr5.pfb></usr/local/t
+exlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmr6.pfb></usr/local/texl
+ive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmr7.pfb></usr/local/texlive
+/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmr8.pfb></usr/local/texlive/20
+09/texmf-dist/fonts/type1/public/amsfonts/cm/cmsy10.pfb></usr/local/texlive/200
+9/texmf-dist/fonts/type1/public/amsfonts/cm/cmsy7.pfb></usr/local/texlive/2009/
+texmf-dist/fonts/type1/public/amsfonts/cm/cmsy8.pfb></usr/local/texlive/2009/te
+xmf-dist/fonts/type1/public/amsfonts/cm/cmti10.pfb></usr/local/texlive/2009/tex
+mf-dist/fonts/type1/public/amsfonts/cm/cmtt9.pfb></usr/local/texlive/2009/texmf
+-dist/fonts/type1/public/amsfonts/euler/eufm10.pfb></usr/local/texlive/2009/tex
+mf-dist/fonts/type1/public/amsfonts/symbols/msbm10.pfb>
+Output written on compiles/dff0c37d892f346e58fc14975a16bf69/output.pdf (31 page
+s, 650810 bytes).
+PDF statistics:
+ 801 PDF objects out of 1000 (max. 8388607)
+ 360 named destinations out of 1000 (max. 500000)
+ 253 words of extra memory for PDF output out of 10000 (max. 10000000)
+
diff --git a/services/web/test/frontend/helpers/fixtures/logs/file-line-error-2.log b/services/web/test/frontend/helpers/fixtures/logs/file-line-error-2.log
new file mode 100644
index 0000000..4019379
--- /dev/null
+++ b/services/web/test/frontend/helpers/fixtures/logs/file-line-error-2.log
@@ -0,0 +1,105 @@
+This is pdfTeX, Version 3.141592653-2.6-1.40.23 (TeX Live 2021) (preloaded format=pdflatex 2021.9.30)  9 NOV 2021 16:55
+entering extended mode
+ \write18 enabled.
+ %&-line parsing enabled.
+**main.tex
+(./main.tex
+LaTeX2e <2021-06-01> patch level 1
+L3 programming layer <2021-07-12> (/usr/local/texlive/2021/texmf-dist/tex/latex
+/base/article.cls
+Document Class: article 2021/02/12 v1.4n Standard LaTeX document class
+(/usr/local/texlive/2021/texmf-dist/tex/latex/base/size10.clo
+File: size10.clo 2021/02/12 v1.4n Standard LaTeX file (size option)
+)
+\c@part=\count182
+\c@section=\count183
+\c@subsection=\count184
+\c@subsubsection=\count185
+\c@paragraph=\count186
+\c@subparagraph=\count187
+\c@figure=\count188
+\c@table=\count189
+\abovecaptionskip=\skip47
+\belowcaptionskip=\skip48
+\bibindent=\dimen138
+) (/usr/local/texlive/2021/texmf-dist/tex/latex/base/inputenc.sty
+Package: inputenc 2021/02/14 v1.3d Input encoding file
+\inpenc@prehook=\toks16
+\inpenc@posthook=\toks17
+) (/usr/local/texlive/2021/texmf-dist/tex/latex/l3backend/l3backend-pdftex.def
+File: l3backend-pdftex.def 2021-07-12 L3 backend support: PDF output (pdfTeX)
+\l__color_backend_stack_int=\count190
+\l__pdf_internal_box=\box50
+) (./output.aux (./acks/name.aux))
+\openout1 = `output.aux'.
+
+LaTeX Font Info:    Checking defaults for OML/cmm/m/it on input line 8.
+LaTeX Font Info:    ... okay on input line 8.
+LaTeX Font Info:    Checking defaults for OMS/cmsy/m/n on input line 8.
+LaTeX Font Info:    ... okay on input line 8.
+LaTeX Font Info:    Checking defaults for OT1/cmr/m/n on input line 8.
+LaTeX Font Info:    ... okay on input line 8.
+LaTeX Font Info:    Checking defaults for T1/cmr/m/n on input line 8.
+LaTeX Font Info:    ... okay on input line 8.
+LaTeX Font Info:    Checking defaults for TS1/cmr/m/n on input line 8.
+LaTeX Font Info:    ... okay on input line 8.
+LaTeX Font Info:    Checking defaults for OMX/cmex/m/n on input line 8.
+LaTeX Font Info:    ... okay on input line 8.
+LaTeX Font Info:    Checking defaults for U/cmr/m/n on input line 8.
+LaTeX Font Info:    ... okay on input line 8.
+LaTeX Font Info:    External font `cmex10' loaded for size
+(Font)              <12> on input line 10.
+LaTeX Font Info:    External font `cmex10' loaded for size
+(Font)              <8> on input line 10.
+LaTeX Font Info:    External font `cmex10' loaded for size
+(Font)              <6> on input line 10.
+[1
+
+{/usr/local/texlive/2021/texmf-var/fonts/map/pdftex/updmap/pdftex.map}]
+\openout2 = `acks/name.aux'.
+
+(./acks/name.tex
+! Misplaced alignment tab character &.
+l.1 inserting an ampersand &
+                            
+I can't figure out why you would want to use a tab mark
+here. If you just want an ampersand, the remedy is
+simple: Just type `I\&' now. But if some right brace
+up above has ended a previous alignment prematurely,
+you're probably due for more error messages, and you
+might try typing `S' now just to see what is salvageable.
+
+) [2
+
+]
+! Misplaced alignment tab character &.
+l.14 &
+      
+I can't figure out why you would want to use a tab mark
+here. If you just want an ampersand, the remedy is
+simple: Just type `I\&' now. But if some right brace
+up above has ended a previous alignment prematurely,
+you're probably due for more error messages, and you
+might try typing `S' now just to see what is salvageable.
+
+(./output.aux (./acks/name.aux)) ) 
+Here is how much of TeX's memory you used:
+ 450 strings out of 478542
+ 7915 string characters out of 5850413
+ 299724 words of memory out of 5000000
+ 18449 multiletter control sequences out of 15000+600000
+ 407070 words of font info for 39 fonts, out of 8000000 for 9000
+ 1141 hyphenation exceptions out of 8191
+ 34i,6n,41p,150b,191s stack positions out of 5000i,500n,10000p,200000b,80000s
+</usr/local/texlive/2021/texmf-dist/fonts/typ
+e1/public/amsfonts/cm/cmbx12.pfb></usr/local/texlive/2021/texmf-dist/fonts/type
+1/public/amsfonts/cm/cmr10.pfb></usr/local/texlive/2021/texmf-dist/fonts/type1/
+public/amsfonts/cm/cmr12.pfb></usr/local/texlive/2021/texmf-dist/fonts/type1/pu
+blic/amsfonts/cm/cmr17.pfb>
+Output written on output.pdf (2 pages, 42045 bytes).
+PDF statistics:
+ 31 PDF objects out of 1000 (max. 8388607)
+ 18 compressed objects within 1 object stream
+ 0 named destinations out of 1000 (max. 500000)
+ 1 words of extra memory for PDF output out of 10000 (max. 10000000)
+
diff --git a/services/web/test/frontend/helpers/fixtures/logs/file-line-error.log b/services/web/test/frontend/helpers/fixtures/logs/file-line-error.log
new file mode 100644
index 0000000..3e3b848
--- /dev/null
+++ b/services/web/test/frontend/helpers/fixtures/logs/file-line-error.log
@@ -0,0 +1,375 @@
+This is pdfTeX, Version 3.14159265-2.6-1.40.21 (TeX Live 2020) (preloaded format=pdflatex 2020.9.10)  2 SEP 2021 10:57
+entering extended mode
+ \write18 enabled.
+ file:line:error style messages enabled.
+ %&-line parsing enabled.
+**main.tex
+(/compile/main.tex
+LaTeX2e <2020-02-02> patch level 5
+L3 programming layer <2020-07-17> (/usr/local/texlive/2020/texmf-dist/tex/latex/base/article.cls
+Document Class: article 2019/12/20 v1.4l Standard LaTeX document class
+(/usr/local/texlive/2020/texmf-dist/tex/latex/base/size10.clo
+File: size10.clo 2019/12/20 v1.4l Standard LaTeX file (size option)
+)
+\c@part=\count168
+\c@section=\count169
+\c@subsection=\count170
+\c@subsubsection=\count171
+\c@paragraph=\count172
+\c@subparagraph=\count173
+\c@figure=\count174
+\c@table=\count175
+\abovecaptionskip=\skip47
+\belowcaptionskip=\skip48
+\bibindent=\dimen134
+) (/usr/local/texlive/2020/texmf-dist/tex/generic/babel/babel.sty
+Package: babel 2020/07/13 3.47 The Babel package
+(/usr/local/texlive/2020/texmf-dist/tex/generic/babel/babel.def
+File: babel.def 2020/07/13 3.47 Babel common definitions
+\babel@savecnt=\count176
+\U@D=\dimen135
+\l@babelnohyphens=\language86
+(/usr/local/texlive/2020/texmf-dist/tex/generic/babel/txtbabel.def)
+\bbl@readstream=\read2
+)
+\bbl@dirlevel=\count177
+(/usr/local/texlive/2020/texmf-dist/tex/generic/babel-english/english.ldf
+Language: english 2017/06/06 v3.3r English support from the babel system
+Package babel Info: \l@canadian = using hyphenrules for english
+(babel)             (\language0) on input line 102.
+Package babel Info: \l@australian = using hyphenrules for ukenglish
+(babel)             (\language21) on input line 105.
+Package babel Info: \l@newzealand = using hyphenrules for ukenglish
+(babel)             (\language21) on input line 108.
+)) (/usr/local/texlive/2020/texmf-dist/tex/latex/geometry/geometry.sty
+Package: geometry 2020/01/02 v5.9 Page Geometry
+(/usr/local/texlive/2020/texmf-dist/tex/latex/graphics/keyval.sty
+Package: keyval 2014/10/28 v1.15 key=value parser (DPC)
+\KV@toks@=\toks15
+) (/usr/local/texlive/2020/texmf-dist/tex/generic/iftex/ifvtex.sty
+Package: ifvtex 2019/10/25 v1.7 ifvtex legacy package. Use iftex instead.
+(/usr/local/texlive/2020/texmf-dist/tex/generic/iftex/iftex.sty
+Package: iftex 2020/03/06 v1.0d TeX engine tests
+))
+\Gm@cnth=\count178
+\Gm@cntv=\count179
+\c@Gm@tempcnt=\count180
+\Gm@bindingoffset=\dimen136
+\Gm@wd@mp=\dimen137
+\Gm@odd@mp=\dimen138
+\Gm@even@mp=\dimen139
+\Gm@layoutwidth=\dimen140
+\Gm@layoutheight=\dimen141
+\Gm@layouthoffset=\dimen142
+\Gm@layoutvoffset=\dimen143
+\Gm@dimlist=\toks16
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/amsmath/amsmath.sty
+Package: amsmath 2020/01/20 v2.17e AMS math features
+\@mathmargin=\skip49
+For additional information on amsmath, use the `?' option.
+(/usr/local/texlive/2020/texmf-dist/tex/latex/amsmath/amstext.sty
+Package: amstext 2000/06/29 v2.01 AMS text
+(/usr/local/texlive/2020/texmf-dist/tex/latex/amsmath/amsgen.sty
+File: amsgen.sty 1999/11/30 v2.0 generic functions
+\@emptytoks=\toks17
+\ex@=\dimen144
+)) (/usr/local/texlive/2020/texmf-dist/tex/latex/amsmath/amsbsy.sty
+Package: amsbsy 1999/11/29 v1.2d Bold Symbols
+\pmbraise@=\dimen145
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/amsmath/amsopn.sty
+Package: amsopn 2016/03/08 v2.02 operator names
+)
+\inf@bad=\count181
+LaTeX Info: Redefining \frac on input line 227.
+\uproot@=\count182
+\leftroot@=\count183
+LaTeX Info: Redefining \overline on input line 389.
+\classnum@=\count184
+\DOTSCASE@=\count185
+LaTeX Info: Redefining \ldots on input line 486.
+LaTeX Info: Redefining \dots on input line 489.
+LaTeX Info: Redefining \cdots on input line 610.
+\Mathstrutbox@=\box45
+\strutbox@=\box46
+\big@size=\dimen146
+LaTeX Font Info:    Redeclaring font encoding OML on input line 733.
+LaTeX Font Info:    Redeclaring font encoding OMS on input line 734.
+\macc@depth=\count186
+\c@MaxMatrixCols=\count187
+\dotsspace@=\muskip16
+\c@parentequation=\count188
+\dspbrk@lvl=\count189
+\tag@help=\toks18
+\row@=\count190
+\column@=\count191
+\maxfields@=\count192
+\andhelp@=\toks19
+\eqnshift@=\dimen147
+\alignsep@=\dimen148
+\tagshift@=\dimen149
+\tagwidth@=\dimen150
+\totwidth@=\dimen151
+\lineht@=\dimen152
+\@envbody=\toks20
+\multlinegap=\skip50
+\multlinetaggap=\skip51
+\mathdisplay@stack=\toks21
+LaTeX Info: Redefining \[ on input line 2859.
+LaTeX Info: Redefining \] on input line 2860.
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/graphics/graphicx.sty
+Package: graphicx 2019/11/30 v1.2a Enhanced LaTeX Graphics (DPC,SPQR)
+(/usr/local/texlive/2020/texmf-dist/tex/latex/graphics/graphics.sty
+Package: graphics 2019/11/30 v1.4a Standard LaTeX Graphics (DPC,SPQR)
+(/usr/local/texlive/2020/texmf-dist/tex/latex/graphics/trig.sty
+Package: trig 2016/01/03 v1.10 sin cos tan (DPC)
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/graphics-cfg/graphics.cfg
+File: graphics.cfg 2016/06/04 v1.11 sample graphics configuration
+)
+Package graphics Info: Driver file: pdftex.def on input line 105.
+(/usr/local/texlive/2020/texmf-dist/tex/latex/graphics-def/pdftex.def
+File: pdftex.def 2018/01/08 v1.0l Graphics/color driver for pdftex
+))
+\Gin@req@height=\dimen153
+\Gin@req@width=\dimen154
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/hyperref/hyperref.sty
+Package: hyperref 2020-05-15 v7.00e Hypertext links for LaTeX
+(/usr/local/texlive/2020/texmf-dist/tex/generic/ltxcmds/ltxcmds.sty
+Package: ltxcmds 2019/12/15 v1.24 LaTeX kernel commands for general use (HO)
+) (/usr/local/texlive/2020/texmf-dist/tex/generic/pdftexcmds/pdftexcmds.sty
+Package: pdftexcmds 2020-06-27 v0.33 Utility functions of pdfTeX for LuaTeX (HO)
+(/usr/local/texlive/2020/texmf-dist/tex/generic/infwarerr/infwarerr.sty
+Package: infwarerr 2019/12/03 v1.5 Providing info/warning/error messages (HO)
+)
+Package pdftexcmds Info: \pdf@primitive is available.
+Package pdftexcmds Info: \pdf@ifprimitive is available.
+Package pdftexcmds Info: \pdfdraftmode found.
+) (/usr/local/texlive/2020/texmf-dist/tex/generic/kvsetkeys/kvsetkeys.sty
+Package: kvsetkeys 2019/12/15 v1.18 Key value parser (HO)
+) (/usr/local/texlive/2020/texmf-dist/tex/generic/kvdefinekeys/kvdefinekeys.sty
+Package: kvdefinekeys 2019-12-19 v1.6 Define keys (HO)
+) (/usr/local/texlive/2020/texmf-dist/tex/generic/pdfescape/pdfescape.sty
+Package: pdfescape 2019/12/09 v1.15 Implements pdfTeX's escape features (HO)
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/hycolor/hycolor.sty
+Package: hycolor 2020-01-27 v1.10 Color options for hyperref/bookmark (HO)
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/letltxmacro/letltxmacro.sty
+Package: letltxmacro 2019/12/03 v1.6 Let assignment for LaTeX macros (HO)
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/auxhook/auxhook.sty
+Package: auxhook 2019-12-17 v1.6 Hooks for auxiliary files (HO)
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/kvoptions/kvoptions.sty
+Package: kvoptions 2019/11/29 v3.13 Key value format for package options (HO)
+)
+\@linkdim=\dimen155
+\Hy@linkcounter=\count193
+\Hy@pagecounter=\count194
+(/usr/local/texlive/2020/texmf-dist/tex/latex/hyperref/pd1enc.def
+File: pd1enc.def 2020-05-15 v7.00e Hyperref: PDFDocEncoding definition (HO)
+Now handling font encoding PD1 ...
+... no UTF-8 mapping file for font encoding PD1
+) (/usr/local/texlive/2020/texmf-dist/tex/generic/intcalc/intcalc.sty
+Package: intcalc 2019/12/15 v1.3 Expandable calculations with integers (HO)
+) (/usr/local/texlive/2020/texmf-dist/tex/generic/etexcmds/etexcmds.sty
+Package: etexcmds 2019/12/15 v1.7 Avoid name clashes with e-TeX commands (HO)
+)
+\Hy@SavedSpaceFactor=\count195
+Package hyperref Info: Option `colorlinks' set `true' on input line 4338.
+Package hyperref Info: Hyper figures OFF on input line 4464.
+Package hyperref Info: Link nesting OFF on input line 4469.
+Package hyperref Info: Hyper index ON on input line 4472.
+Package hyperref Info: Plain pages OFF on input line 4479.
+Package hyperref Info: Backreferencing OFF on input line 4484.
+Package hyperref Info: Implicit mode ON; LaTeX internals redefined.
+Package hyperref Info: Bookmarks ON on input line 4717.
+\c@Hy@tempcnt=\count196
+(/usr/local/texlive/2020/texmf-dist/tex/latex/url/url.sty
+\Urlmuskip=\muskip17
+Package: url 2013/09/16  ver 3.4  Verb mode for urls, etc.
+)
+LaTeX Info: Redefining \url on input line 5076.
+\XeTeXLinkMargin=\dimen156
+(/usr/local/texlive/2020/texmf-dist/tex/generic/bitset/bitset.sty
+Package: bitset 2019/12/09 v1.3 Handle bit-vector datatype (HO)
+(/usr/local/texlive/2020/texmf-dist/tex/generic/bigintcalc/bigintcalc.sty
+Package: bigintcalc 2019/12/15 v1.5 Expandable calculations on big integers (HO)
+))
+\Fld@menulength=\count197
+\Field@Width=\dimen157
+\Fld@charsize=\dimen158
+Package hyperref Info: Hyper figures OFF on input line 6347.
+Package hyperref Info: Link nesting OFF on input line 6352.
+Package hyperref Info: Hyper index ON on input line 6355.
+Package hyperref Info: backreferencing OFF on input line 6362.
+Package hyperref Info: Link coloring ON on input line 6365.
+Package hyperref Info: Link coloring with OCG OFF on input line 6372.
+Package hyperref Info: PDF/A mode OFF on input line 6377.
+LaTeX Info: Redefining \ref on input line 6417.
+LaTeX Info: Redefining \pageref on input line 6421.
+(/usr/local/texlive/2020/texmf-dist/tex/generic/atbegshi/atbegshi.sty
+Package: atbegshi 2019/12/05 v1.19 At begin shipout hook (HO)
+)
+\Hy@abspage=\count198
+\c@Item=\count199
+\c@Hfootnote=\count266
+)
+Package hyperref Info: Driver (autodetected): hpdftex.
+(/usr/local/texlive/2020/texmf-dist/tex/latex/hyperref/hpdftex.def
+File: hpdftex.def 2020-05-15 v7.00e Hyperref driver for pdfTeX
+(/usr/local/texlive/2020/texmf-dist/tex/latex/atveryend/atveryend.sty
+Package: atveryend 2019-12-11 v1.11 Hooks at the very end of document (HO)
+Package atveryend Info: \enddocument detected (standard20110627).
+)
+\Fld@listcount=\count267
+\c@bookmark@seq@number=\count268
+(/usr/local/texlive/2020/texmf-dist/tex/latex/rerunfilecheck/rerunfilecheck.sty
+Package: rerunfilecheck 2019/12/05 v1.9 Rerun checks for auxiliary files (HO)
+(/usr/local/texlive/2020/texmf-dist/tex/generic/uniquecounter/uniquecounter.sty
+Package: uniquecounter 2019/12/15 v1.4 Provide unlimited unique counter (HO)
+)
+Package uniquecounter Info: New unique counter `rerunfilecheck' on input line 286.
+)
+\Hy@SectionHShift=\skip52
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/l3backend/l3backend-pdfmode.def
+File: l3backend-pdfmode.def 2020-06-29 L3 backend support: PDF mode
+\l__kernel_color_stack_int=\count269
+\l__pdf_internal_box=\box47
+) (/compile/output.aux)
+\openout1 = `output.aux'.
+
+LaTeX Font Info:    Checking defaults for OML/cmm/m/it on input line 19.
+LaTeX Font Info:    ... okay on input line 19.
+LaTeX Font Info:    Checking defaults for OMS/cmsy/m/n on input line 19.
+LaTeX Font Info:    ... okay on input line 19.
+LaTeX Font Info:    Checking defaults for OT1/cmr/m/n on input line 19.
+LaTeX Font Info:    ... okay on input line 19.
+LaTeX Font Info:    Checking defaults for T1/cmr/m/n on input line 19.
+LaTeX Font Info:    ... okay on input line 19.
+LaTeX Font Info:    Checking defaults for TS1/cmr/m/n on input line 19.
+LaTeX Font Info:    ... okay on input line 19.
+LaTeX Font Info:    Checking defaults for OMX/cmex/m/n on input line 19.
+LaTeX Font Info:    ... okay on input line 19.
+LaTeX Font Info:    Checking defaults for U/cmr/m/n on input line 19.
+LaTeX Font Info:    ... okay on input line 19.
+LaTeX Font Info:    Checking defaults for PD1/pdf/m/n on input line 19.
+LaTeX Font Info:    ... okay on input line 19.
+*geometry* driver: auto-detecting
+*geometry* detected driver: pdftex
+*geometry* verbose mode - [ preamble ] result:
+* driver: pdftex
+* paper: letterpaper
+* layout: <same size as paper>
+* layoutoffset:(h,v)=(0.0pt,0.0pt)
+* modes: 
+* h-part:(L,W,R)=(85.35826pt, 443.57848pt, 85.35826pt)
+* v-part:(T,H,B)=(56.9055pt, 681.15898pt, 56.9055pt)
+* \paperwidth=614.295pt
+* \paperheight=794.96999pt
+* \textwidth=443.57848pt
+* \textheight=681.15898pt
+* \oddsidemargin=13.08827pt
+* \evensidemargin=13.08827pt
+* \topmargin=-52.36449pt
+* \headheight=12.0pt
+* \headsep=25.0pt
+* \topskip=10.0pt
+* \footskip=30.0pt
+* \marginparwidth=49.79231pt
+* \marginparsep=11.0pt
+* \columnsep=10.0pt
+* \skip\footins=9.0pt plus 4.0pt minus 2.0pt
+* \hoffset=0.0pt
+* \voffset=0.0pt
+* \mag=1000
+* \@twocolumnfalse
+* \@twosidefalse
+* \@mparswitchfalse
+* \@reversemarginfalse
+* (1in=72.27pt=25.4mm, 1cm=28.453pt)
+
+(/usr/local/texlive/2020/texmf-dist/tex/context/base/mkii/supp-pdf.mkii
+[Loading MPS to PDF converter (version 2006.09.02).]
+\scratchcounter=\count270
+\scratchdimen=\dimen159
+\scratchbox=\box48
+\nofMPsegments=\count271
+\nofMParguments=\count272
+\everyMPshowfont=\toks22
+\MPscratchCnt=\count273
+\MPscratchDim=\dimen160
+\MPnumerator=\count274
+\makeMPintoPDFobject=\count275
+\everyMPtoPDFconversion=\toks23
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/epstopdf-pkg/epstopdf-base.sty
+Package: epstopdf-base 2020-01-24 v2.11 Base part for package epstopdf
+Package epstopdf-base Info: Redefining graphics rule for `.eps' on input line 485.
+(/usr/local/texlive/2020/texmf-dist/tex/latex/latexconfig/epstopdf-sys.cfg
+File: epstopdf-sys.cfg 2010/07/13 v1.3 Configuration of (r)epstopdf for TeX Live
+))
+\AtBeginShipoutBox=\box49
+(/usr/local/texlive/2020/texmf-dist/tex/latex/graphics/color.sty
+Package: color 2019/11/23 v1.2a Standard LaTeX Color (DPC)
+(/usr/local/texlive/2020/texmf-dist/tex/latex/graphics-cfg/color.cfg
+File: color.cfg 2016/01/02 v1.6 sample color configuration
+)
+Package color Info: Driver file: pdftex.def on input line 147.
+)
+Package hyperref Info: Link coloring ON on input line 19.
+(/usr/local/texlive/2020/texmf-dist/tex/latex/hyperref/nameref.sty
+Package: nameref 2019/09/16 v2.46 Cross-referencing by name of section
+(/usr/local/texlive/2020/texmf-dist/tex/latex/refcount/refcount.sty
+Package: refcount 2019/12/15 v3.6 Data extraction from label references (HO)
+) (/usr/local/texlive/2020/texmf-dist/tex/generic/gettitlestring/gettitlestring.sty
+Package: gettitlestring 2019/12/15 v1.6 Cleanup title references (HO)
+)
+\c@section@level=\count276
+)
+LaTeX Info: Redefining \ref on input line 19.
+LaTeX Info: Redefining \pageref on input line 19.
+LaTeX Info: Redefining \nameref on input line 19.
+(/compile/output.out) (/compile/output.out)
+\@outlinefile=\write3
+\openout3 = `output.out'.
+
+(/compile/a folder with spaces/a subfolder with spaces/a subsubfolder with spaces/another file with spaces.tex
+/compile/a folder with spaces/a subfolder with spaces/a subsubfolder with spaces/another file with spaces.tex:1: Undefined control sequence.
+l.1 \anotherbadcommand
+                      {}
+The control sequence at the end of the top line
+of your error message was never \def'ed. If you have
+misspelled it (e.g., `\hobx'), type `I' and the correct
+spelling (e.g., `I\hbox'). Otherwise just continue,
+and I'll forget about whatever was undefined.
+
+)
+<frog.jpg, id=56, 748.7975pt x 741.77126pt>
+File: frog.jpg Graphic file (type jpg)
+<use frog.jpg>
+Package pdftex.def Info: frog.jpg  used on input line 49.
+(pdftex.def)             Requested size: 133.07489pt x 131.8266pt.
+[1
+
+{/usr/local/texlive/2020/texmf-var/fonts/map/pdftex/updmap/pdftex.map} </compile/frog.jpg>] [2] (/compile/output.bbl)
+Package atveryend Info: Empty hook `BeforeClearDocument' on input line 122.
+[3]
+Package atveryend Info: Empty hook `AfterLastShipout' on input line 122.
+(/compile/output.aux)
+Package atveryend Info: Executing hook `AtVeryEndDocument' on input line 122.
+Package atveryend Info: Executing hook `AtEndAfterFileList' on input line 122.
+Package rerunfilecheck Info: File `output.out' has not changed.
+(rerunfilecheck)             Checksum: 232689D72843F283B3EE1BBB7D69ECDC;910.
+Package atveryend Info: Empty hook `AtVeryVeryEnd' on input line 122.
+ ) 
+Here is how much of TeX's memory you used:
+ 7045 strings out of 480906
+ 106112 string characters out of 5908280
+ 398548 words of memory out of 5000000
+ 22494 multiletter control sequences out of 15000+600000
+ 541619 words of font info for 52 fonts, out of 8000000 for 9000
+ 1141 hyphenation exceptions out of 8191
+ 43i,8n,37p,464b,360s stack positions out of 5000i,500n,10000p,200000b,80000s
+{/usr/local/texlive/2020/texmf-dist/fonts/enc/dvips/cm-super/cm-super-ts1.enc}</usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmbx12.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmbx9.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmex10.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmmi10.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmmi7.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmr10.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmr12.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmr17.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmr7.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmr9.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmsy10.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmti10.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmtt10.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/cm-super/sfrm1000.pfb>
+Output written on /compile/output.pdf (3 pages, 246983 bytes).
+PDF statistics:
+ 153 PDF objects out of 1000 (max. 8388607)
+ 131 compressed objects within 2 object streams
+ 22 named destinations out of 1000 (max. 500000)
+ 102 words of extra memory for PDF output out of 10000 (max. 10000000)
+
diff --git a/services/web/test/frontend/helpers/fixtures/logs/filenames.log b/services/web/test/frontend/helpers/fixtures/logs/filenames.log
new file mode 100644
index 0000000..d589b6c
--- /dev/null
+++ b/services/web/test/frontend/helpers/fixtures/logs/filenames.log
@@ -0,0 +1,391 @@
+This is pdfTeX, Version 3.14159265-2.6-1.40.21 (TeX Live 2020) (preloaded format=pdflatex 2020.9.10)  1 SEP 2021 10:52
+entering extended mode
+ \write18 enabled.
+ %&-line parsing enabled.
+**main.tex
+(/compile/main.tex
+LaTeX2e <2020-02-02> patch level 5
+L3 programming layer <2020-07-17> (/usr/local/texlive/2020/texmf-dist/tex/latex/base/article.cls
+Document Class: article 2019/12/20 v1.4l Standard LaTeX document class
+(/usr/local/texlive/2020/texmf-dist/tex/latex/base/size10.clo
+File: size10.clo 2019/12/20 v1.4l Standard LaTeX file (size option)
+)
+\c@part=\count168
+\c@section=\count169
+\c@subsection=\count170
+\c@subsubsection=\count171
+\c@paragraph=\count172
+\c@subparagraph=\count173
+\c@figure=\count174
+\c@table=\count175
+\abovecaptionskip=\skip47
+\belowcaptionskip=\skip48
+\bibindent=\dimen134
+) (/usr/local/texlive/2020/texmf-dist/tex/generic/babel/babel.sty
+Package: babel 2020/07/13 3.47 The Babel package
+(/usr/local/texlive/2020/texmf-dist/tex/generic/babel/babel.def
+File: babel.def 2020/07/13 3.47 Babel common definitions
+\babel@savecnt=\count176
+\U@D=\dimen135
+\l@babelnohyphens=\language86
+(/usr/local/texlive/2020/texmf-dist/tex/generic/babel/txtbabel.def)
+\bbl@readstream=\read2
+)
+\bbl@dirlevel=\count177
+(/usr/local/texlive/2020/texmf-dist/tex/generic/babel-english/english.ldf
+Language: english 2017/06/06 v3.3r English support from the babel system
+Package babel Info: \l@canadian = using hyphenrules for english
+(babel)             (\language0) on input line 102.
+Package babel Info: \l@australian = using hyphenrules for ukenglish
+(babel)             (\language21) on input line 105.
+Package babel Info: \l@newzealand = using hyphenrules for ukenglish
+(babel)             (\language21) on input line 108.
+)) (/usr/local/texlive/2020/texmf-dist/tex/latex/geometry/geometry.sty
+Package: geometry 2020/01/02 v5.9 Page Geometry
+(/usr/local/texlive/2020/texmf-dist/tex/latex/graphics/keyval.sty
+Package: keyval 2014/10/28 v1.15 key=value parser (DPC)
+\KV@toks@=\toks15
+) (/usr/local/texlive/2020/texmf-dist/tex/generic/iftex/ifvtex.sty
+Package: ifvtex 2019/10/25 v1.7 ifvtex legacy package. Use iftex instead.
+(/usr/local/texlive/2020/texmf-dist/tex/generic/iftex/iftex.sty
+Package: iftex 2020/03/06 v1.0d TeX engine tests
+))
+\Gm@cnth=\count178
+\Gm@cntv=\count179
+\c@Gm@tempcnt=\count180
+\Gm@bindingoffset=\dimen136
+\Gm@wd@mp=\dimen137
+\Gm@odd@mp=\dimen138
+\Gm@even@mp=\dimen139
+\Gm@layoutwidth=\dimen140
+\Gm@layoutheight=\dimen141
+\Gm@layouthoffset=\dimen142
+\Gm@layoutvoffset=\dimen143
+\Gm@dimlist=\toks16
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/amsmath/amsmath.sty
+Package: amsmath 2020/01/20 v2.17e AMS math features
+\@mathmargin=\skip49
+For additional information on amsmath, use the `?' option.
+(/usr/local/texlive/2020/texmf-dist/tex/latex/amsmath/amstext.sty
+Package: amstext 2000/06/29 v2.01 AMS text
+(/usr/local/texlive/2020/texmf-dist/tex/latex/amsmath/amsgen.sty
+File: amsgen.sty 1999/11/30 v2.0 generic functions
+\@emptytoks=\toks17
+\ex@=\dimen144
+)) (/usr/local/texlive/2020/texmf-dist/tex/latex/amsmath/amsbsy.sty
+Package: amsbsy 1999/11/29 v1.2d Bold Symbols
+\pmbraise@=\dimen145
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/amsmath/amsopn.sty
+Package: amsopn 2016/03/08 v2.02 operator names
+)
+\inf@bad=\count181
+LaTeX Info: Redefining \frac on input line 227.
+\uproot@=\count182
+\leftroot@=\count183
+LaTeX Info: Redefining \overline on input line 389.
+\classnum@=\count184
+\DOTSCASE@=\count185
+LaTeX Info: Redefining \ldots on input line 486.
+LaTeX Info: Redefining \dots on input line 489.
+LaTeX Info: Redefining \cdots on input line 610.
+\Mathstrutbox@=\box45
+\strutbox@=\box46
+\big@size=\dimen146
+LaTeX Font Info:    Redeclaring font encoding OML on input line 733.
+LaTeX Font Info:    Redeclaring font encoding OMS on input line 734.
+\macc@depth=\count186
+\c@MaxMatrixCols=\count187
+\dotsspace@=\muskip16
+\c@parentequation=\count188
+\dspbrk@lvl=\count189
+\tag@help=\toks18
+\row@=\count190
+\column@=\count191
+\maxfields@=\count192
+\andhelp@=\toks19
+\eqnshift@=\dimen147
+\alignsep@=\dimen148
+\tagshift@=\dimen149
+\tagwidth@=\dimen150
+\totwidth@=\dimen151
+\lineht@=\dimen152
+\@envbody=\toks20
+\multlinegap=\skip50
+\multlinetaggap=\skip51
+\mathdisplay@stack=\toks21
+LaTeX Info: Redefining \[ on input line 2859.
+LaTeX Info: Redefining \] on input line 2860.
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/graphics/graphicx.sty
+Package: graphicx 2019/11/30 v1.2a Enhanced LaTeX Graphics (DPC,SPQR)
+(/usr/local/texlive/2020/texmf-dist/tex/latex/graphics/graphics.sty
+Package: graphics 2019/11/30 v1.4a Standard LaTeX Graphics (DPC,SPQR)
+(/usr/local/texlive/2020/texmf-dist/tex/latex/graphics/trig.sty
+Package: trig 2016/01/03 v1.10 sin cos tan (DPC)
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/graphics-cfg/graphics.cfg
+File: graphics.cfg 2016/06/04 v1.11 sample graphics configuration
+)
+Package graphics Info: Driver file: pdftex.def on input line 105.
+(/usr/local/texlive/2020/texmf-dist/tex/latex/graphics-def/pdftex.def
+File: pdftex.def 2018/01/08 v1.0l Graphics/color driver for pdftex
+))
+\Gin@req@height=\dimen153
+\Gin@req@width=\dimen154
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/hyperref/hyperref.sty
+Package: hyperref 2020-05-15 v7.00e Hypertext links for LaTeX
+(/usr/local/texlive/2020/texmf-dist/tex/generic/ltxcmds/ltxcmds.sty
+Package: ltxcmds 2019/12/15 v1.24 LaTeX kernel commands for general use (HO)
+) (/usr/local/texlive/2020/texmf-dist/tex/generic/pdftexcmds/pdftexcmds.sty
+Package: pdftexcmds 2020-06-27 v0.33 Utility functions of pdfTeX for LuaTeX (HO)
+(/usr/local/texlive/2020/texmf-dist/tex/generic/infwarerr/infwarerr.sty
+Package: infwarerr 2019/12/03 v1.5 Providing info/warning/error messages (HO)
+)
+Package pdftexcmds Info: \pdf@primitive is available.
+Package pdftexcmds Info: \pdf@ifprimitive is available.
+Package pdftexcmds Info: \pdfdraftmode found.
+) (/usr/local/texlive/2020/texmf-dist/tex/generic/kvsetkeys/kvsetkeys.sty
+Package: kvsetkeys 2019/12/15 v1.18 Key value parser (HO)
+) (/usr/local/texlive/2020/texmf-dist/tex/generic/kvdefinekeys/kvdefinekeys.sty
+Package: kvdefinekeys 2019-12-19 v1.6 Define keys (HO)
+) (/usr/local/texlive/2020/texmf-dist/tex/generic/pdfescape/pdfescape.sty
+Package: pdfescape 2019/12/09 v1.15 Implements pdfTeX's escape features (HO)
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/hycolor/hycolor.sty
+Package: hycolor 2020-01-27 v1.10 Color options for hyperref/bookmark (HO)
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/letltxmacro/letltxmacro.sty
+Package: letltxmacro 2019/12/03 v1.6 Let assignment for LaTeX macros (HO)
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/auxhook/auxhook.sty
+Package: auxhook 2019-12-17 v1.6 Hooks for auxiliary files (HO)
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/kvoptions/kvoptions.sty
+Package: kvoptions 2019/11/29 v3.13 Key value format for package options (HO)
+)
+\@linkdim=\dimen155
+\Hy@linkcounter=\count193
+\Hy@pagecounter=\count194
+(/usr/local/texlive/2020/texmf-dist/tex/latex/hyperref/pd1enc.def
+File: pd1enc.def 2020-05-15 v7.00e Hyperref: PDFDocEncoding definition (HO)
+Now handling font encoding PD1 ...
+... no UTF-8 mapping file for font encoding PD1
+) (/usr/local/texlive/2020/texmf-dist/tex/generic/intcalc/intcalc.sty
+Package: intcalc 2019/12/15 v1.3 Expandable calculations with integers (HO)
+) (/usr/local/texlive/2020/texmf-dist/tex/generic/etexcmds/etexcmds.sty
+Package: etexcmds 2019/12/15 v1.7 Avoid name clashes with e-TeX commands (HO)
+)
+\Hy@SavedSpaceFactor=\count195
+Package hyperref Info: Option `colorlinks' set `true' on input line 4338.
+Package hyperref Info: Hyper figures OFF on input line 4464.
+Package hyperref Info: Link nesting OFF on input line 4469.
+Package hyperref Info: Hyper index ON on input line 4472.
+Package hyperref Info: Plain pages OFF on input line 4479.
+Package hyperref Info: Backreferencing OFF on input line 4484.
+Package hyperref Info: Implicit mode ON; LaTeX internals redefined.
+Package hyperref Info: Bookmarks ON on input line 4717.
+\c@Hy@tempcnt=\count196
+(/usr/local/texlive/2020/texmf-dist/tex/latex/url/url.sty
+\Urlmuskip=\muskip17
+Package: url 2013/09/16  ver 3.4  Verb mode for urls, etc.
+)
+LaTeX Info: Redefining \url on input line 5076.
+\XeTeXLinkMargin=\dimen156
+(/usr/local/texlive/2020/texmf-dist/tex/generic/bitset/bitset.sty
+Package: bitset 2019/12/09 v1.3 Handle bit-vector datatype (HO)
+(/usr/local/texlive/2020/texmf-dist/tex/generic/bigintcalc/bigintcalc.sty
+Package: bigintcalc 2019/12/15 v1.5 Expandable calculations on big integers (HO)
+))
+\Fld@menulength=\count197
+\Field@Width=\dimen157
+\Fld@charsize=\dimen158
+Package hyperref Info: Hyper figures OFF on input line 6347.
+Package hyperref Info: Link nesting OFF on input line 6352.
+Package hyperref Info: Hyper index ON on input line 6355.
+Package hyperref Info: backreferencing OFF on input line 6362.
+Package hyperref Info: Link coloring ON on input line 6365.
+Package hyperref Info: Link coloring with OCG OFF on input line 6372.
+Package hyperref Info: PDF/A mode OFF on input line 6377.
+LaTeX Info: Redefining \ref on input line 6417.
+LaTeX Info: Redefining \pageref on input line 6421.
+(/usr/local/texlive/2020/texmf-dist/tex/generic/atbegshi/atbegshi.sty
+Package: atbegshi 2019/12/05 v1.19 At begin shipout hook (HO)
+)
+\Hy@abspage=\count198
+\c@Item=\count199
+\c@Hfootnote=\count266
+)
+Package hyperref Info: Driver (autodetected): hpdftex.
+(/usr/local/texlive/2020/texmf-dist/tex/latex/hyperref/hpdftex.def
+File: hpdftex.def 2020-05-15 v7.00e Hyperref driver for pdfTeX
+(/usr/local/texlive/2020/texmf-dist/tex/latex/atveryend/atveryend.sty
+Package: atveryend 2019-12-11 v1.11 Hooks at the very end of document (HO)
+Package atveryend Info: \enddocument detected (standard20110627).
+)
+\Fld@listcount=\count267
+\c@bookmark@seq@number=\count268
+(/usr/local/texlive/2020/texmf-dist/tex/latex/rerunfilecheck/rerunfilecheck.sty
+Package: rerunfilecheck 2019/12/05 v1.9 Rerun checks for auxiliary files (HO)
+(/usr/local/texlive/2020/texmf-dist/tex/generic/uniquecounter/uniquecounter.sty
+Package: uniquecounter 2019/12/15 v1.4 Provide unlimited unique counter (HO)
+)
+Package uniquecounter Info: New unique counter `rerunfilecheck' on input line 286.
+)
+\Hy@SectionHShift=\skip52
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/l3backend/l3backend-pdfmode.def
+File: l3backend-pdfmode.def 2020-06-29 L3 backend support: PDF mode
+\l__kernel_color_stack_int=\count269
+\l__pdf_internal_box=\box47
+) (/compile/output.aux)
+\openout1 = `output.aux'.
+
+LaTeX Font Info:    Checking defaults for OML/cmm/m/it on input line 19.
+LaTeX Font Info:    ... okay on input line 19.
+LaTeX Font Info:    Checking defaults for OMS/cmsy/m/n on input line 19.
+LaTeX Font Info:    ... okay on input line 19.
+LaTeX Font Info:    Checking defaults for OT1/cmr/m/n on input line 19.
+LaTeX Font Info:    ... okay on input line 19.
+LaTeX Font Info:    Checking defaults for T1/cmr/m/n on input line 19.
+LaTeX Font Info:    ... okay on input line 19.
+LaTeX Font Info:    Checking defaults for TS1/cmr/m/n on input line 19.
+LaTeX Font Info:    ... okay on input line 19.
+LaTeX Font Info:    Checking defaults for OMX/cmex/m/n on input line 19.
+LaTeX Font Info:    ... okay on input line 19.
+LaTeX Font Info:    Checking defaults for U/cmr/m/n on input line 19.
+LaTeX Font Info:    ... okay on input line 19.
+LaTeX Font Info:    Checking defaults for PD1/pdf/m/n on input line 19.
+LaTeX Font Info:    ... okay on input line 19.
+*geometry* driver: auto-detecting
+*geometry* detected driver: pdftex
+*geometry* verbose mode - [ preamble ] result:
+* driver: pdftex
+* paper: letterpaper
+* layout: <same size as paper>
+* layoutoffset:(h,v)=(0.0pt,0.0pt)
+* modes: 
+* h-part:(L,W,R)=(85.35826pt, 443.57848pt, 85.35826pt)
+* v-part:(T,H,B)=(56.9055pt, 681.15898pt, 56.9055pt)
+* \paperwidth=614.295pt
+* \paperheight=794.96999pt
+* \textwidth=443.57848pt
+* \textheight=681.15898pt
+* \oddsidemargin=13.08827pt
+* \evensidemargin=13.08827pt
+* \topmargin=-52.36449pt
+* \headheight=12.0pt
+* \headsep=25.0pt
+* \topskip=10.0pt
+* \footskip=30.0pt
+* \marginparwidth=49.79231pt
+* \marginparsep=11.0pt
+* \columnsep=10.0pt
+* \skip\footins=9.0pt plus 4.0pt minus 2.0pt
+* \hoffset=0.0pt
+* \voffset=0.0pt
+* \mag=1000
+* \@twocolumnfalse
+* \@twosidefalse
+* \@mparswitchfalse
+* \@reversemarginfalse
+* (1in=72.27pt=25.4mm, 1cm=28.453pt)
+
+(/usr/local/texlive/2020/texmf-dist/tex/context/base/mkii/supp-pdf.mkii
+[Loading MPS to PDF converter (version 2006.09.02).]
+\scratchcounter=\count270
+\scratchdimen=\dimen159
+\scratchbox=\box48
+\nofMPsegments=\count271
+\nofMParguments=\count272
+\everyMPshowfont=\toks22
+\MPscratchCnt=\count273
+\MPscratchDim=\dimen160
+\MPnumerator=\count274
+\makeMPintoPDFobject=\count275
+\everyMPtoPDFconversion=\toks23
+) (/usr/local/texlive/2020/texmf-dist/tex/latex/epstopdf-pkg/epstopdf-base.sty
+Package: epstopdf-base 2020-01-24 v2.11 Base part for package epstopdf
+Package epstopdf-base Info: Redefining graphics rule for `.eps' on input line 485.
+(/usr/local/texlive/2020/texmf-dist/tex/latex/latexconfig/epstopdf-sys.cfg
+File: epstopdf-sys.cfg 2010/07/13 v1.3 Configuration of (r)epstopdf for TeX Live
+))
+\AtBeginShipoutBox=\box49
+(/usr/local/texlive/2020/texmf-dist/tex/latex/graphics/color.sty
+Package: color 2019/11/23 v1.2a Standard LaTeX Color (DPC)
+(/usr/local/texlive/2020/texmf-dist/tex/latex/graphics-cfg/color.cfg
+File: color.cfg 2016/01/02 v1.6 sample color configuration
+)
+Package color Info: Driver file: pdftex.def on input line 147.
+)
+Package hyperref Info: Link coloring ON on input line 19.
+(/usr/local/texlive/2020/texmf-dist/tex/latex/hyperref/nameref.sty
+Package: nameref 2019/09/16 v2.46 Cross-referencing by name of section
+(/usr/local/texlive/2020/texmf-dist/tex/latex/refcount/refcount.sty
+Package: refcount 2019/12/15 v3.6 Data extraction from label references (HO)
+) (/usr/local/texlive/2020/texmf-dist/tex/generic/gettitlestring/gettitlestring.sty
+Package: gettitlestring 2019/12/15 v1.6 Cleanup title references (HO)
+)
+\c@section@level=\count276
+)
+
+%%%% these are artificial test cases
+(/compile/main [1] [2] [3]
+
+LaTeX Warning: Citation `Peeters:2001np' on page 13 undefined on input line 9.
+
+[]
+
+(/compile/main.tex (/compile/otherfile
+
+Overfull \hbox (4.56pt too wide) in paragraph at lines 123--456
+
+[]
+
+%%%% end of artificial test cases
+
+LaTeX Info: Redefining \ref on input line 19.
+LaTeX Info: Redefining \pageref on input line 19.
+LaTeX Info: Redefining \nameref on input line 19.
+(/compile/output.out) (/compile/output.out)
+\@outlinefile=\write3
+\openout3 = `output.out'.
+
+(/compile/a folder with spaces/a subfolder with spaces/a subsubfolder with spaces/another file with spaces.tex
+! Undefined control sequence.
+l.1 \anotherbadcommand
+                      {}
+The control sequence at the end of the top line
+of your error message was never \def'ed. If you have
+misspelled it (e.g., `\hobx'), type `I' and the correct
+spelling (e.g., `I\hbox'). Otherwise just continue,
+and I'll forget about whatever was undefined.
+
+)
+<frog.jpg, id=56, 748.7975pt x 741.77126pt>
+File: frog.jpg Graphic file (type jpg)
+<use frog.jpg>
+Package pdftex.def Info: frog.jpg  used on input line 49.
+(pdftex.def)             Requested size: 133.07489pt x 131.8266pt.
+[1
+
+{/usr/local/texlive/2020/texmf-var/fonts/map/pdftex/updmap/pdftex.map} </compile/frog.jpg>] [2] (/compile/output.bbl)
+Package atveryend Info: Empty hook `BeforeClearDocument' on input line 122.
+[3]
+Package atveryend Info: Empty hook `AfterLastShipout' on input line 122.
+(/compile/output.aux)
+Package atveryend Info: Executing hook `AtVeryEndDocument' on input line 122.
+Package atveryend Info: Executing hook `AtEndAfterFileList' on input line 122.
+Package rerunfilecheck Info: File `output.out' has not changed.
+(rerunfilecheck)             Checksum: 232689D72843F283B3EE1BBB7D69ECDC;910.
+Package atveryend Info: Empty hook `AtVeryVeryEnd' on input line 122.
+ ) 
+Here is how much of TeX's memory you used:
+ 7045 strings out of 480906
+ 106112 string characters out of 5908280
+ 398548 words of memory out of 5000000
+ 22494 multiletter control sequences out of 15000+600000
+ 541619 words of font info for 52 fonts, out of 8000000 for 9000
+ 1141 hyphenation exceptions out of 8191
+ 43i,8n,37p,464b,360s stack positions out of 5000i,500n,10000p,200000b,80000s
+{/usr/local/texlive/2020/texmf-dist/fonts/enc/dvips/cm-super/cm-super-ts1.enc}</usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmbx12.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmbx9.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmex10.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmmi10.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmmi7.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmr10.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmr12.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmr17.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmr7.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmr9.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmsy10.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmti10.pfb></usr/local/texli
+ve/2020/texmf-dist/fonts/type1/public/amsfonts/cm/cmtt10.pfb></usr/local/texlive/2020/texmf-dist/fonts/type1/public/cm-super/sfrm1000.pfb>
+Output written on /compile/output.pdf (3 pages, 246983 bytes).
+PDF statistics:
+ 153 PDF objects out of 1000 (max. 8388607)
+ 131 compressed objects within 2 object streams
+ 22 named destinations out of 1000 (max. 500000)
+ 102 words of extra memory for PDF output out of 10000 (max. 10000000)
+
diff --git a/services/web/test/frontend/helpers/fixtures/logs/geometry-warnings.log b/services/web/test/frontend/helpers/fixtures/logs/geometry-warnings.log
new file mode 100644
index 0000000..4e5589f
--- /dev/null
+++ b/services/web/test/frontend/helpers/fixtures/logs/geometry-warnings.log
@@ -0,0 +1,275 @@
+This is pdfTeX, Version 3.14159265-2.6-1.40.15 (TeX Live 2014) (preloaded format=pdflatex 2015.3.24)  28 OCT 2015 00:28
+entering extended mode
+ \write18 enabled.
+ %&-line parsing enabled.
+**main.tex
+(/compile/main.tex
+LaTeX2e <2014/05/01>
+Babel <3.9l> and hyphenation patterns for 79 languages loaded.
+(/usr/local/texlive/2014/texmf-dist/tex/latex/base/article.cls
+Document Class: article 2014/09/29 v1.4h Standard LaTeX document class
+(/usr/local/texlive/2014/texmf-dist/tex/latex/base/size10.clo
+File: size10.clo 2014/09/29 v1.4h Standard LaTeX file (size option)
+)
+\c@part=\count79
+\c@section=\count80
+\c@subsection=\count81
+\c@subsubsection=\count82
+\c@paragraph=\count83
+\c@subparagraph=\count84
+\c@figure=\count85
+\c@table=\count86
+\abovecaptionskip=\skip41
+\belowcaptionskip=\skip42
+\bibindent=\dimen102
+) (/usr/local/texlive/2014/texmf-dist/tex/latex/geometry/geometry.sty
+Package: geometry 2010/09/12 v5.6 Page Geometry
+(/usr/local/texlive/2014/texmf-dist/tex/latex/graphics/keyval.sty
+Package: keyval 2014/10/28 v1.15 key=value parser (DPC)
+\KV@toks@=\toks14
+) (/usr/local/texlive/2014/texmf-dist/tex/generic/oberdiek/ifpdf.sty
+Package: ifpdf 2011/01/30 v2.3 Provides the ifpdf switch (HO)
+Package ifpdf Info: pdfTeX in PDF mode is detected.
+) (/usr/local/texlive/2014/texmf-dist/tex/generic/oberdiek/ifvtex.sty
+Package: ifvtex 2010/03/01 v1.5 Detect VTeX and its facilities (HO)
+Package ifvtex Info: VTeX not detected.
+) (/usr/local/texlive/2014/texmf-dist/tex/generic/ifxetex/ifxetex.sty
+Package: ifxetex 2010/09/12 v0.6 Provides ifxetex conditional
+)
+\Gm@cnth=\count87
+\Gm@cntv=\count88
+\c@Gm@tempcnt=\count89
+\Gm@bindingoffset=\dimen103
+\Gm@wd@mp=\dimen104
+\Gm@odd@mp=\dimen105
+\Gm@even@mp=\dimen106
+\Gm@layoutwidth=\dimen107
+\Gm@layoutheight=\dimen108
+\Gm@layouthoffset=\dimen109
+\Gm@layoutvoffset=\dimen110
+\Gm@dimlist=\toks15
+)
+
+Package geometry Warning: Over-specification in `h'-direction.
+    `width' (597.50787pt) is ignored.
+
+
+Package geometry Warning: Over-specification in `v'-direction.
+    `height' (845.04684pt) is ignored.
+
+(/usr/local/texlive/2014/texmf-dist/tex/latex/caption/caption.sty
+Package: caption 2013/05/02 v3.3-89 Customizing captions (AR)
+(/usr/local/texlive/2014/texmf-dist/tex/latex/caption/caption3.sty
+Package: caption3 2013/05/02 v1.6-88 caption3 kernel (AR)
+Package caption3 Info: TeX engine: e-TeX on input line 57.
+\captionmargin=\dimen111
+\captionmargin@=\dimen112
+\captionwidth=\dimen113
+\caption@tempdima=\dimen114
+\caption@indent=\dimen115
+\caption@parindent=\dimen116
+\caption@hangindent=\dimen117
+)
+\c@ContinuedFloat=\count90
+) (/usr/local/texlive/2014/texmf-dist/tex/latex/listing/listing.sty
+Package: listing 1999/05/25
+Package `listing', V1.2, <1999/05/25>
+\c@listing=\count91
+) (/usr/local/texlive/2014/texmf-dist/tex/latex/hyperref/hyperref.sty
+Package: hyperref 2012/11/06 v6.83m Hypertext links for LaTeX
+(/usr/local/texlive/2014/texmf-dist/tex/generic/oberdiek/hobsub-hyperref.sty
+Package: hobsub-hyperref 2012/05/28 v1.13 Bundle oberdiek, subset hyperref (HO)
+
+(/usr/local/texlive/2014/texmf-dist/tex/generic/oberdiek/hobsub-generic.sty
+Package: hobsub-generic 2012/05/28 v1.13 Bundle oberdiek, subset generic (HO)
+Package: hobsub 2012/05/28 v1.13 Construct package bundles (HO)
+Package: infwarerr 2010/04/08 v1.3 Providing info/warning/error messages (HO)
+Package: ltxcmds 2011/11/09 v1.22 LaTeX kernel commands for general use (HO)
+Package: ifluatex 2010/03/01 v1.3 Provides the ifluatex switch (HO)
+Package ifluatex Info: LuaTeX not detected.
+Package hobsub Info: Skipping package `ifvtex' (already loaded).
+Package: intcalc 2007/09/27 v1.1 Expandable calculations with integers (HO)
+Package hobsub Info: Skipping package `ifpdf' (already loaded).
+Package: etexcmds 2011/02/16 v1.5 Avoid name clashes with e-TeX commands (HO)
+Package etexcmds Info: Could not find \expanded.
+(etexcmds)             That can mean that you are not using pdfTeX 1.50 or
+(etexcmds)             that some package has redefined \expanded.
+(etexcmds)             In the latter case, load this package earlier.
+Package: kvsetkeys 2012/04/25 v1.16 Key value parser (HO)
+Package: kvdefinekeys 2011/04/07 v1.3 Define keys (HO)
+Package: pdftexcmds 2011/11/29 v0.20 Utility functions of pdfTeX for LuaTeX (HO
+)
+Package pdftexcmds Info: LuaTeX not detected.
+Package pdftexcmds Info: \pdf@primitive is available.
+Package pdftexcmds Info: \pdf@ifprimitive is available.
+Package pdftexcmds Info: \pdfdraftmode found.
+Package: pdfescape 2011/11/25 v1.13 Implements pdfTeX's escape features (HO)
+Package: bigintcalc 2012/04/08 v1.3 Expandable calculations on big integers (HO
+)
+Package: bitset 2011/01/30 v1.1 Handle bit-vector datatype (HO)
+Package: uniquecounter 2011/01/30 v1.2 Provide unlimited unique counter (HO)
+)
+Package hobsub Info: Skipping package `hobsub' (already loaded).
+Package: letltxmacro 2010/09/02 v1.4 Let assignment for LaTeX macros (HO)
+Package: hopatch 2012/05/28 v1.2 Wrapper for package hooks (HO)
+Package: xcolor-patch 2011/01/30 xcolor patch
+Package: atveryend 2011/06/30 v1.8 Hooks at the very end of document (HO)
+Package atveryend Info: \enddocument detected (standard20110627).
+Package: atbegshi 2011/10/05 v1.16 At begin shipout hook (HO)
+Package: refcount 2011/10/16 v3.4 Data extraction from label references (HO)
+Package: hycolor 2011/01/30 v1.7 Color options for hyperref/bookmark (HO)
+) (/usr/local/texlive/2014/texmf-dist/tex/latex/oberdiek/auxhook.sty
+Package: auxhook 2011/03/04 v1.3 Hooks for auxiliary files (HO)
+) (/usr/local/texlive/2014/texmf-dist/tex/latex/oberdiek/kvoptions.sty
+Package: kvoptions 2011/06/30 v3.11 Key value format for package options (HO)
+)
+\@linkdim=\dimen118
+\Hy@linkcounter=\count92
+\Hy@pagecounter=\count93
+(/usr/local/texlive/2014/texmf-dist/tex/latex/hyperref/pd1enc.def
+File: pd1enc.def 2012/11/06 v6.83m Hyperref: PDFDocEncoding definition (HO)
+)
+\Hy@SavedSpaceFactor=\count94
+(/usr/local/texlive/2014/texmf-dist/tex/latex/latexconfig/hyperref.cfg
+File: hyperref.cfg 2002/06/06 v1.2 hyperref configuration of TeXLive
+)
+Package hyperref Info: Hyper figures OFF on input line 4443.
+Package hyperref Info: Link nesting OFF on input line 4448.
+Package hyperref Info: Hyper index ON on input line 4451.
+Package hyperref Info: Plain pages OFF on input line 4458.
+Package hyperref Info: Backreferencing OFF on input line 4463.
+Package hyperref Info: Implicit mode ON; LaTeX internals redefined.
+Package hyperref Info: Bookmarks ON on input line 4688.
+\c@Hy@tempcnt=\count95
+(/usr/local/texlive/2014/texmf-dist/tex/latex/url/url.sty
+\Urlmuskip=\muskip10
+Package: url 2013/09/16  ver 3.4  Verb mode for urls, etc.
+)
+LaTeX Info: Redefining \url on input line 5041.
+\XeTeXLinkMargin=\dimen119
+\Fld@menulength=\count96
+\Field@Width=\dimen120
+\Fld@charsize=\dimen121
+Package hyperref Info: Hyper figures OFF on input line 6295.
+Package hyperref Info: Link nesting OFF on input line 6300.
+Package hyperref Info: Hyper index ON on input line 6303.
+Package hyperref Info: backreferencing OFF on input line 6310.
+Package hyperref Info: Link coloring OFF on input line 6315.
+Package hyperref Info: Link coloring with OCG OFF on input line 6320.
+Package hyperref Info: PDF/A mode OFF on input line 6325.
+LaTeX Info: Redefining \ref on input line 6365.
+LaTeX Info: Redefining \pageref on input line 6369.
+\Hy@abspage=\count97
+\c@Item=\count98
+\c@Hfootnote=\count99
+)
+
+Package hyperref Message: Driver (autodetected): hpdftex.
+
+(/usr/local/texlive/2014/texmf-dist/tex/latex/hyperref/hpdftex.def
+File: hpdftex.def 2012/11/06 v6.83m Hyperref driver for pdfTeX
+\Fld@listcount=\count100
+\c@bookmark@seq@number=\count101
+(/usr/local/texlive/2014/texmf-dist/tex/latex/oberdiek/rerunfilecheck.sty
+Package: rerunfilecheck 2011/04/15 v1.7 Rerun checks for auxiliary files (HO)
+Package uniquecounter Info: New unique counter `rerunfilecheck' on input line 2
+82.
+)
+\Hy@SectionHShift=\skip43
+) (/compile/output.aux)
+\openout1 = `output.aux'.
+
+LaTeX Font Info:    Checking defaults for OML/cmm/m/it on input line 34.
+LaTeX Font Info:    ... okay on input line 34.
+LaTeX Font Info:    Checking defaults for T1/cmr/m/n on input line 34.
+LaTeX Font Info:    ... okay on input line 34.
+LaTeX Font Info:    Checking defaults for OT1/cmr/m/n on input line 34.
+LaTeX Font Info:    ... okay on input line 34.
+LaTeX Font Info:    Checking defaults for OMS/cmsy/m/n on input line 34.
+LaTeX Font Info:    ... okay on input line 34.
+LaTeX Font Info:    Checking defaults for OMX/cmex/m/n on input line 34.
+LaTeX Font Info:    ... okay on input line 34.
+LaTeX Font Info:    Checking defaults for U/cmr/m/n on input line 34.
+LaTeX Font Info:    ... okay on input line 34.
+LaTeX Font Info:    Checking defaults for PD1/pdf/m/n on input line 34.
+LaTeX Font Info:    ... okay on input line 34.
+*geometry* driver: auto-detecting
+*geometry* detected driver: pdftex
+*geometry* verbose mode - [ preamble ] result:
+* driver: pdftex
+* paper: a4paper
+* layout: <same size as paper>
+* layoutoffset:(h,v)=(0.0pt,0.0pt)
+* modes: 
+* h-part:(L,W,R)=(56.9055pt, 483.69687pt, 56.9055pt)
+* v-part:(T,H,B)=(56.9055pt, 731.23584pt, 56.9055pt)
+* \paperwidth=597.50787pt
+* \paperheight=845.04684pt
+* \textwidth=483.69687pt
+* \textheight=731.23584pt
+* \oddsidemargin=-15.36449pt
+* \evensidemargin=-15.36449pt
+* \topmargin=-52.36449pt
+* \headheight=12.0pt
+* \headsep=25.0pt
+* \topskip=10.0pt
+* \footskip=30.0pt
+* \marginparwidth=65.0pt
+* \marginparsep=11.0pt
+* \columnsep=10.0pt
+* \skip\footins=9.0pt plus 4.0pt minus 2.0pt
+* \hoffset=0.0pt
+* \voffset=0.0pt
+* \mag=1000
+* \@twocolumnfalse
+* \@twosidefalse
+* \@mparswitchfalse
+* \@reversemarginfalse
+* (1in=72.27pt=25.4mm, 1cm=28.453pt)
+
+Package caption Info: Begin \AtBeginDocument code.
+Package caption Info: hyperref package is loaded.
+Package caption Info: End \AtBeginDocument code.
+\AtBeginShipoutBox=\box26
+Package hyperref Info: Link coloring OFF on input line 34.
+(/usr/local/texlive/2014/texmf-dist/tex/latex/hyperref/nameref.sty
+Package: nameref 2012/10/27 v2.43 Cross-referencing by name of section
+(/usr/local/texlive/2014/texmf-dist/tex/generic/oberdiek/gettitlestring.sty
+Package: gettitlestring 2010/12/03 v1.4 Cleanup title references (HO)
+)
+\c@section@level=\count102
+)
+LaTeX Info: Redefining \ref on input line 34.
+LaTeX Info: Redefining \pageref on input line 34.
+LaTeX Info: Redefining \nameref on input line 34.
+(/compile/output.out) (/compile/output.out)
+\@outlinefile=\write3
+\openout3 = `output.out'.
+
+Package atveryend Info: Empty hook `BeforeClearDocument' on input line 59.
+[1
+
+{/usr/local/texlive/2014/texmf-var/fonts/map/pdftex/updmap/pdftex.map}]
+Package atveryend Info: Empty hook `AfterLastShipout' on input line 59.
+(/compile/output.aux)
+Package atveryend Info: Executing hook `AtVeryEndDocument' on input line 59.
+Package atveryend Info: Executing hook `AtEndAfterFileList' on input line 59.
+Package rerunfilecheck Info: File `output.out' has not changed.
+(rerunfilecheck)             Checksum: D41D8CD98F00B204E9800998ECF8427E;0.
+Package atveryend Info: Empty hook `AtVeryVeryEnd' on input line 59.
+ ) 
+Here is how much of TeX's memory you used:
+ 5675 strings out of 493109
+ 88933 string characters out of 6135010
+ 171878 words of memory out of 5000000
+ 9151 multiletter control sequences out of 15000+600000
+ 3640 words of font info for 14 fonts, out of 8000000 for 9000
+ 1141 hyphenation exceptions out of 8191
+ 36i,4n,38p,205b,317s stack positions out of 5000i,500n,10000p,200000b,80000s
+</usr/local/texlive/2014/texmf-dist/fonts/type1/public/amsfonts/cm/cmr10.pfb>
+Output written on /compile/output.pdf (1 page, 15639 bytes).
+PDF statistics:
+ 17 PDF objects out of 1000 (max. 8388607)
+ 12 compressed objects within 1 object stream
+ 2 named destinations out of 1000 (max. 500000)
+ 1 words of extra memory for PDF output out of 10000 (max. 10000000)
diff --git a/services/web/test/frontend/helpers/fixtures/logs/lncs-undefined-control-sequence.log b/services/web/test/frontend/helpers/fixtures/logs/lncs-undefined-control-sequence.log
new file mode 100644
index 0000000..963a47f
--- /dev/null
+++ b/services/web/test/frontend/helpers/fixtures/logs/lncs-undefined-control-sequence.log
@@ -0,0 +1,19 @@
+This is pdfTeX, Version 3.141592653-2.6-1.40.25 (TeX Live 2023) (preloaded format=latex 2023.8.28)  4 JAN 2024 10:26
+entering extended mode
+ \write18 enabled.
+ %&-line parsing enabled.
+**main.tex
+(./main.tex
+LaTeX2e <2023-06-01> patch level 1
+L3 programming layer <2023-06-30>
+(Font)              Font shape `OT1/cmss/m/sl' tried instead on input line 100.
+! Undefined control sequence.
+l.102         but here: "\anUndefinedCommand
+                                            " lorem ipsum ...
+The control sequence at the end of the top line
+of your error message was never \def'ed. If you have
+misspelled it (e.g., `\hobx'), type `I' and the correct
+spelling (e.g., `I\hbox'). Otherwise just continue,
+and I'll forget about whatever was undefined.
+
+Output written on output.dvi (1 page, 796 bytes).
\ No newline at end of file
diff --git a/services/web/test/frontend/helpers/fixtures/logs/natbib-warnings.log b/services/web/test/frontend/helpers/fixtures/logs/natbib-warnings.log
new file mode 100644
index 0000000..04df60e
--- /dev/null
+++ b/services/web/test/frontend/helpers/fixtures/logs/natbib-warnings.log
@@ -0,0 +1,72 @@
+This is pdfTeX, Version 3.1415926-2.5-1.40.14 (TeX Live 2013) (format=pdflatex 2014.4.2)  30 MAY 2014 17:03
+entering extended mode
+ \write18 enabled.
+ %&-line parsing enabled.
+**main.tex
+(/compile/main.tex
+LaTeX2e <2011/06/27>
+Babel <3.9k> and hyphenation patterns for 78 languages loaded.
+(/usr/local/texlive/2013/texmf-dist/tex/latex/base/article.cls
+Document Class: article 2007/10/19 v1.4h Standard LaTeX document class
+(/usr/local/texlive/2013/texmf-dist/tex/latex/base/size10.clo
+File: size10.clo 2007/10/19 v1.4h Standard LaTeX file (size option)
+)
+\c@part=\count79
+\c@section=\count80
+\c@subsection=\count81
+\c@subsubsection=\count82
+\c@paragraph=\count83
+\c@subparagraph=\count84
+\c@figure=\count85
+\c@table=\count86
+\abovecaptionskip=\skip41
+\belowcaptionskip=\skip42
+\bibindent=\dimen102
+) (/usr/local/texlive/2013/texmf-dist/tex/latex/natbib/natbib.sty
+Package: natbib 2010/09/13 8.31b (PWD, AO)
+\bibhang=\skip43
+\bibsep=\skip44
+LaTeX Info: Redefining \cite on input line 694.
+\c@NAT@ctr=\count87
+) (/compile/output.aux)
+\openout1 = `output.aux'.
+
+LaTeX Font Info:    Checking defaults for OML/cmm/m/it on input line 4.
+LaTeX Font Info:    ... okay on input line 4.
+LaTeX Font Info:    Checking defaults for T1/cmr/m/n on input line 4.
+LaTeX Font Info:    ... okay on input line 4.
+LaTeX Font Info:    Checking defaults for OT1/cmr/m/n on input line 4.
+LaTeX Font Info:    ... okay on input line 4.
+LaTeX Font Info:    Checking defaults for OMS/cmsy/m/n on input line 4.
+LaTeX Font Info:    ... okay on input line 4.
+LaTeX Font Info:    Checking defaults for OMX/cmex/m/n on input line 4.
+LaTeX Font Info:    ... okay on input line 4.
+LaTeX Font Info:    Checking defaults for U/cmr/m/n on input line 4.
+LaTeX Font Info:    ... okay on input line 4.
+
+Package natbib Warning: Citation `blah' on page 1 undefined on input line 6.
+
+
+Package natbib Warning: There were undefined citations.
+
+[1
+
+{/usr/local/texlive/2013/texmf-var/fonts/map/pdftex/updmap/pdftex.map}] (/compi
+le/output.aux) )
+Here is how much of TeX's memory you used:
+ 543 strings out of 493308
+ 6236 string characters out of 6137823
+ 56957 words of memory out of 5000000
+ 4080 multiletter control sequences out of 15000+600000
+ 3948 words of font info for 15 fonts, out of 8000000 for 9000
+ 957 hyphenation exceptions out of 8191
+ 23i,4n,22p,154b,107s stack positions out of 5000i,500n,10000p,200000b,80000s
+</usr/local/texlive/2013/texmf-dist/fonts/type1/public/amsfonts
+/cm/cmbx10.pfb></usr/local/texlive/2013/texmf-dist/fonts/type1/public/amsfonts/
+cm/cmr10.pfb>
+Output written on /compile/output.pdf (1 page, 17052 bytes).
+PDF statistics:
+ 16 PDF objects out of 1000 (max. 8388607)
+ 10 compressed objects within 1 object stream
+ 0 named destinations out of 1000 (max. 500000)
+ 1 words of extra memory for PDF output out of 10000 (max. 10000000)
\ No newline at end of file
diff --git a/services/web/test/frontend/helpers/fixtures/logs/open-source-issue-1023.log b/services/web/test/frontend/helpers/fixtures/logs/open-source-issue-1023.log
new file mode 100644
index 0000000..83aed6f
--- /dev/null
+++ b/services/web/test/frontend/helpers/fixtures/logs/open-source-issue-1023.log
@@ -0,0 +1,217 @@
+This is pdfTeX, Version 3.141592653-2.6-1.40.23 (TeX Live 2021) (preloaded format=pdflatex 2021.9.30)  27 MAY 2022 15:25
+entering extended mode
+ \write18 enabled.
+ %&-line parsing enabled.
+**main.tex
+(./main.tex
+LaTeX2e <2021-06-01> patch level 1
+L3 programming layer <2021-07-12> (/usr/local/texlive/2021/texmf-dist/tex/latex
+/base/article.cls
+Document Class: article 2021/02/12 v1.4n Standard LaTeX document class
+(/usr/local/texlive/2021/texmf-dist/tex/latex/base/size10.clo
+File: size10.clo 2021/02/12 v1.4n Standard LaTeX file (size option)
+)
+\c@part=\count182
+\c@section=\count183
+\c@subsection=\count184
+\c@subsubsection=\count185
+\c@paragraph=\count186
+\c@subparagraph=\count187
+\c@figure=\count188
+\c@table=\count189
+\abovecaptionskip=\skip47
+\belowcaptionskip=\skip48
+\bibindent=\dimen138
+)
+\infos=\count190
+\warnings=\count191
+\errors=\count192
+
+BEGIN INFOS/ERRORS/WARNINGS
+
+Package PACKAGE Info: TEXT PackageInfo on input line 35.
+
+Package PACKAGE Warning: TEXT PackageWarning on input line 37.
+
+
+! Package PACKAGE Error: TEXT PackageError.
+
+See the PACKAGE package documentation for explanation.
+Type  H <return>  for immediate help.
+ ...
+
+l.38 ...EXT PackageError}{ADDITIONAL PackageError}
+                                                   \increment\errors
+ADDITIONAL PackageError
+
+Class PACKAGE Info: TEXT ClassInfo on input line 42.
+
+Class PACKAGE Warning: TEXT ClassWarning on input line 44.
+
+
+! Class PACKAGE Error: TEXT ClassError.
+
+See the PACKAGE class documentation for explanation.
+Type  H <return>  for immediate help.
+ ...
+
+l.45 ...E}{TEXT ClassError}{ADDITIONAL ClassError}
+                                                   \increment\errors
+ADDITIONAL ClassError
+
+LaTeX Info: TEXT @latex@info on input line 50.
+
+LaTeX Warning: TEXT @latex@warning on input line 52.
+
+
+! LaTeX Error: TEXT @latex@error.
+
+See the LaTeX manual or LaTeX Companion for explanation.
+Type  H <return>  for immediate help.
+ ...
+
+l.53 ...EXT @latex@error}{ADDITIONAL @latex@error}
+                                                   \increment\errors
+ADDITIONAL @latex@error
+
+LaTeX Font Info:    TEXT @font@info on input line 57.
+
+LaTeX Font Warning: TEXT @font@warning on input line 58.
+
+
+Package PACKAGE Info: TEXT msg_info package
+
+
+Package PACKAGE Info: TEXT msg_note package
+
+
+Package PACKAGE Warning: TEXT msg_warning package
+
+
+! Package PACKAGE Error: TEXT msg_error package
+
+For immediate help type H <return>.
+ ...
+
+l.72 ...E } { message-name } { msg_error~package }
+                                                   \increment\errors
+
+ADDITIONAL msg_error package
+
+
+
+Class PACKAGE Info: TEXT msg_info class
+
+
+Class PACKAGE Info: TEXT msg_note class
+
+
+Class PACKAGE Warning: TEXT msg_warning class
+
+
+! Class PACKAGE Error: TEXT msg_error class
+
+For immediate help type H <return>.
+ ...
+
+l.84 ...AGE } { message-name } { msg_error~class }
+                                                   \increment\errors
+
+ADDITIONAL msg_error class
+
+
+
+LaTeX3 Info: TEXT msg_info latex3
+
+
+LaTeX3 Info: TEXT msg_note latex3
+
+
+LaTeX3 Warning: TEXT msg_warning latex3
+
+
+! LaTeX3 Error: TEXT msg_error latex3
+
+For immediate help type H <return>.
+ ...
+
+l.97 ...GE } { message-name } { msg_error~latex3 }
+                                                   \increment\errors
+
+ADDITIONAL msg_error latex3
+
+
+
+LaTeX Warning: File `output-critical' already exists on the system.
+               Not generating it from this source.
+
+(./output-critical.tex
+
+! Critical LaTeX3 Error: TEXT msg_critical latex3
+
+For immediate help type H <return>.
+ ...
+
+l.6 ... } { message-name } { msg_critical~latex3 }
+                                                   \increment\errors
+
+ADDITIONAL msg_critical latex3
+
+Reading the current file 'output' will stop.
+
+
+) (/usr/local/texlive/2021/texmf-dist/tex/latex/l3backend/l3backend-pdftex.def
+File: l3backend-pdftex.def 2021-07-12 L3 backend support: PDF output (pdfTeX)
+\l__color_backend_stack_int=\count193
+\l__pdf_internal_box=\box50
+) (./output.aux)
+\openout1 = `output.aux'.
+
+LaTeX Font Info:    Checking defaults for OML/cmm/m/it on input line 129.
+LaTeX Font Info:    ... okay on input line 129.
+LaTeX Font Info:    Checking defaults for OMS/cmsy/m/n on input line 129.
+LaTeX Font Info:    ... okay on input line 129.
+LaTeX Font Info:    Checking defaults for OT1/cmr/m/n on input line 129.
+LaTeX Font Info:    ... okay on input line 129.
+LaTeX Font Info:    Checking defaults for T1/cmr/m/n on input line 129.
+LaTeX Font Info:    ... okay on input line 129.
+LaTeX Font Info:    Checking defaults for TS1/cmr/m/n on input line 129.
+LaTeX Font Info:    ... okay on input line 129.
+LaTeX Font Info:    Checking defaults for OMX/cmex/m/n on input line 129.
+LaTeX Font Info:    ... okay on input line 129.
+LaTeX Font Info:    Checking defaults for U/cmr/m/n on input line 129.
+LaTeX Font Info:    ... okay on input line 129.
+
+! Missing character: There is no 3 ("33) in font nullfont.
+<recently read> 3
+
+l.133     {\nullfont 3
+                      }\increment\errors
+
+Missing character: There is no 1 in font nullfont!
+[1
+
+{/usr/local/texlive/2021/texmf-var/fonts/map/pdftex/updmap/pdftex.map}]
+(./output.aux)
+Infos 13
+Warnings 9
+Errors 9
+
+ )
+Here is how much of TeX's memory you used:
+ 403 strings out of 478542
+ 7227 string characters out of 5850413
+ 298530 words of memory out of 5000000
+ 18420 multiletter control sequences out of 15000+600000
+ 403430 words of font info for 27 fonts, out of 8000000 for 9000
+ 1141 hyphenation exceptions out of 8191
+ 34i,5n,44p,166b,318s stack positions out of 5000i,500n,10000p,200000b,80000s
+pdfTeX warning (dest): Page 9999999 has been referenced but does not exist!
+
+</usr/local/texlive/2021/texmf-dist/fonts/type1/public/amsfonts/cm/cmr10.pfb>
+Output written on output.pdf (1 page, 9003 bytes).
+PDF statistics:
+ 14 PDF objects out of 1000 (max. 8388607)
+ 7 compressed objects within 1 object stream
+ 0 named destinations out of 1000 (max. 500000)
+ 1 words of extra memory for PDF output out of 10000 (max. 10000000)
diff --git a/services/web/test/frontend/helpers/fixtures/logs/runaway-arguments.log b/services/web/test/frontend/helpers/fixtures/logs/runaway-arguments.log
new file mode 100644
index 0000000..fac6e59
--- /dev/null
+++ b/services/web/test/frontend/helpers/fixtures/logs/runaway-arguments.log
@@ -0,0 +1,74 @@
+This is pdfTeX, Version 3.14159265-2.6-1.40.15 (TeX Live 2014) (preloaded format=pdflatex 2014.11.3)  22 SEP 2016 13:28
+entering extended mode
+ \write18 enabled.
+ %&-line parsing enabled.
+**runaway_argument.tex
+(/compile/runaway_argument.tex
+LaTeX2e <2014/05/01>
+Babel <3.9l> and hyphenation patterns for 21 languages loaded.
+(/usr/local/texlive/2014/texmf-dist/tex/latex/base/article.cls
+Document Class: article 2007/10/19 v1.4h Standard LaTeX document class
+(/usr/local/texlive/2014/texmf-dist/tex/latex/base/size10.clo
+File: size10.clo 2007/10/19 v1.4h Standard LaTeX file (size option)
+)
+\c@part=\count79
+\c@section=\count80
+\c@subsection=\count81
+\c@subsubsection=\count82
+\c@paragraph=\count83
+\c@subparagraph=\count84
+\c@figure=\count85
+\c@table=\count86
+\abovecaptionskip=\skip41
+\belowcaptionskip=\skip42
+\bibindent=\dimen102
+) (/compile/output.aux)
+\openout1 = `output.aux'.
+
+LaTeX Font Info:    Checking defaults for OML/cmm/m/it on input line 8.
+LaTeX Font Info:    ... okay on input line 8.
+LaTeX Font Info:    Checking defaults for T1/cmr/m/n on input line 8.
+LaTeX Font Info:    ... okay on input line 8.
+LaTeX Font Info:    Checking defaults for OT1/cmr/m/n on input line 8.
+LaTeX Font Info:    ... okay on input line 8.
+LaTeX Font Info:    Checking defaults for OMS/cmsy/m/n on input line 8.
+LaTeX Font Info:    ... okay on input line 8.
+LaTeX Font Info:    Checking defaults for OMX/cmex/m/n on input line 8.
+LaTeX Font Info:    ... okay on input line 8.
+LaTeX Font Info:    Checking defaults for U/cmr/m/n on input line 8.
+LaTeX Font Info:    ... okay on input line 8.
+LaTeX Font Info:    External font `cmex10' loaded for size
+(Font)              <12> on input line 10.
+LaTeX Font Info:    External font `cmex10' loaded for size
+(Font)              <8> on input line 10.
+LaTeX Font Info:    External font `cmex10' loaded for size
+(Font)              <6> on input line 10.
+)
+Runaway argument?
+{Introduction \^^M\end {document} 
+! File ended while scanning use of \@xdblarg.
+<inserted text> 
+                \par 
+<*> runaway_argument.tex
+                        
+I suspect you have forgotten a `}', causing me
+to read past where you wanted me to stop.
+I'll try to recover; but if the error is serious,
+you'd better type `E' or `X' now and fix your file.
+
+! Emergency stop.
+<*> runaway_argument.tex
+                        
+*** (job aborted, no legal \end found)
+
+ 
+Here is how much of TeX's memory you used:
+ 221 strings out of 494521
+ 2433 string characters out of 6168058
+ 48172 words of memory out of 5000000
+ 3561 multiletter control sequences out of 15000+600000
+ 6675 words of font info for 24 fonts, out of 8000000 for 9000
+ 319 hyphenation exceptions out of 8191
+ 23i,6n,17p,124b,187s stack positions out of 5000i,500n,10000p,200000b,80000s
+!  ==> Fatal error occurred, no output PDF file produced!
+ 
\ No newline at end of file
diff --git a/services/web/test/frontend/helpers/fixtures/logs/undefined-control-sequence.log b/services/web/test/frontend/helpers/fixtures/logs/undefined-control-sequence.log
new file mode 100644
index 0000000..206317f
--- /dev/null
+++ b/services/web/test/frontend/helpers/fixtures/logs/undefined-control-sequence.log
@@ -0,0 +1,179 @@
+This is pdfTeX, Version 3.141592653-2.6-1.40.25 (TeX Live 2023) (preloaded format=pdflatex 2023.8.28)  14 DEC 2023 11:46
+entering extended mode
+ \write18 enabled.
+ %&-line parsing enabled.
+**main.tex
+(./main.tex
+LaTeX2e <2023-06-01> patch level 1
+L3 programming layer <2023-06-30>
+(/usr/local/texlive/2023/texmf-dist/tex/latex/base/article.cls
+Document Class: article 2023/05/17 v1.4n Standard LaTeX document class
+(/usr/local/texlive/2023/texmf-dist/tex/latex/base/size10.clo
+File: size10.clo 2023/05/17 v1.4n Standard LaTeX file (size option)
+)
+\c@part=\count185
+\c@section=\count186
+\c@subsection=\count187
+\c@subsubsection=\count188
+\c@paragraph=\count189
+\c@subparagraph=\count190
+\c@figure=\count191
+\c@table=\count192
+\abovecaptionskip=\skip48
+\belowcaptionskip=\skip49
+\bibindent=\dimen140
+) (/usr/local/texlive/2023/texmf-dist/tex/latex/l3backend/l3backend-pdftex.def
+File: l3backend-pdftex.def 2023-04-19 L3 backend support: PDF output (pdfTeX)
+\l__color_backend_stack_int=\count193
+\l__pdf_internal_box=\box51
+) (./output.aux)
+\openout1 = `output.aux'.
+
+LaTeX Font Info:    Checking defaults for OML/cmm/m/it on input line 2.
+LaTeX Font Info:    ... okay on input line 2.
+LaTeX Font Info:    Checking defaults for OMS/cmsy/m/n on input line 2.
+LaTeX Font Info:    ... okay on input line 2.
+LaTeX Font Info:    Checking defaults for OT1/cmr/m/n on input line 2.
+LaTeX Font Info:    ... okay on input line 2.
+LaTeX Font Info:    Checking defaults for T1/cmr/m/n on input line 2.
+LaTeX Font Info:    ... okay on input line 2.
+LaTeX Font Info:    Checking defaults for TS1/cmr/m/n on input line 2.
+LaTeX Font Info:    ... okay on input line 2.
+LaTeX Font Info:    Checking defaults for OMX/cmex/m/n on input line 2.
+LaTeX Font Info:    ... okay on input line 2.
+LaTeX Font Info:    Checking defaults for U/cmr/m/n on input line 2.
+LaTeX Font Info:    ... okay on input line 2.
+! Undefined control sequence.
+l.3 \foo
+        
+The control sequence at the end of the top line
+of your error message was never \def'ed. If you have
+misspelled it (e.g., `\hobx'), type `I' and the correct
+spelling (e.g., `I\hbox'). Otherwise just continue,
+and I'll forget about whatever was undefined.
+
+! Undefined control sequence.
+l.4 bar \baz
+            
+The control sequence at the end of the top line
+of your error message was never \def'ed. If you have
+misspelled it (e.g., `\hobx'), type `I' and the correct
+spelling (e.g., `I\hbox'). Otherwise just continue,
+and I'll forget about whatever was undefined.
+
+LaTeX Font Info:    External font `cmex10' loaded for size
+(Font)              <7> on input line 5.
+LaTeX Font Info:    External font `cmex10' loaded for size
+(Font)              <5> on input line 5.
+! Undefined control sequence.
+<argument> >{\qux 
+                  }p{2cm}|c
+l.5 \begin{tabular}{>{\qux}p{2cm}|c}
+                                    \end{tabular}
+The control sequence at the end of the top line
+of your error message was never \def'ed. If you have
+misspelled it (e.g., `\hobx'), type `I' and the correct
+spelling (e.g., `I\hbox'). Otherwise just continue,
+and I'll forget about whatever was undefined.
+
+
+! LaTeX Error: Illegal character in array arg.
+
+See the LaTeX manual or LaTeX Companion for explanation.
+Type  H <return>  for immediate help.
+ ...                                              
+                                                  
+l.5 \begin{tabular}{>{\qux}p{2cm}|c}
+                                    \end{tabular}
+You're in trouble here.  Try typing  <return>  to proceed.
+If that doesn't work, type  X <return>  to quit.
+
+
+! LaTeX Error: Illegal character in array arg.
+
+See the LaTeX manual or LaTeX Companion for explanation.
+Type  H <return>  for immediate help.
+ ...                                              
+                                                  
+l.5 \begin{tabular}{>{\qux}p{2cm}|c}
+                                    \end{tabular}
+You're in trouble here.  Try typing  <return>  to proceed.
+If that doesn't work, type  X <return>  to quit.
+
+! Undefined control sequence.
+l.6 \url
+        {http://example.com}
+The control sequence at the end of the top line
+of your error message was never \def'ed. If you have
+misspelled it (e.g., `\hobx'), type `I' and the correct
+spelling (e.g., `I\hbox'). Otherwise just continue,
+and I'll forget about whatever was undefined.
+
+! Undefined control sequence.
+l.7 my \text
+            {foo}
+The control sequence at the end of the top line
+of your error message was never \def'ed. If you have
+misspelled it (e.g., `\hobx'), type `I' and the correct
+spelling (e.g., `I\hbox'). Otherwise just continue,
+and I'll forget about whatever was undefined.
+
+! Undefined control sequence.
+<argument> >{\arraybackslash 
+                             }p{2cm}|c
+l.8 \begin{tabular}{>{\arraybackslash}p{2cm}|c}
+                                               \end{tabular}
+The control sequence at the end of the top line
+of your error message was never \def'ed. If you have
+misspelled it (e.g., `\hobx'), type `I' and the correct
+spelling (e.g., `I\hbox'). Otherwise just continue,
+and I'll forget about whatever was undefined.
+
+
+! LaTeX Error: Illegal character in array arg.
+
+See the LaTeX manual or LaTeX Companion for explanation.
+Type  H <return>  for immediate help.
+ ...                                              
+                                                  
+l.8 \begin{tabular}{>{\arraybackslash}p{2cm}|c}
+                                               \end{tabular}
+You're in trouble here.  Try typing  <return>  to proceed.
+If that doesn't work, type  X <return>  to quit.
+
+
+! LaTeX Error: Illegal character in array arg.
+
+See the LaTeX manual or LaTeX Companion for explanation.
+Type  H <return>  for immediate help.
+ ...                                              
+                                                  
+l.8 \begin{tabular}{>{\arraybackslash}p{2cm}|c}
+                                               \end{tabular}
+You're in trouble here.  Try typing  <return>  to proceed.
+If that doesn't work, type  X <return>  to quit.
+
+[1
+
+{/usr/local/texlive/2023/texmf-var/fonts/map/pdftex/updmap/pdftex.map}] (./output.aux)
+ ***********
+LaTeX2e <2023-06-01> patch level 1
+L3 programming layer <2023-06-30>
+ ***********
+ ) 
+Here is how much of TeX's memory you used:
+ 433 strings out of 475237
+ 8319 string characters out of 5764570
+ 1916244 words of memory out of 5000000
+ 21757 multiletter control sequences out of 15000+600000
+ 558069 words of font info for 36 fonts, out of 8000000 for 9000
+ 1141 hyphenation exceptions out of 8191
+ 35i,5n,50p,139b,107s stack positions out of 10000i,1000n,20000p,200000b,200000s
+</usr/local/texlive/2023/texmf-dist/fonts/type1/public/amsfonts/cm/cmr10.pfb>
+Output written on output.pdf (1 page, 14417 bytes).
+PDF statistics:
+ 13 PDF objects out of 1000 (max. 8388607)
+ 7 compressed objects within 1 object stream
+ 0 named destinations out of 1000 (max. 500000)
+ 1 words of extra memory for PDF output out of 10000 (max. 10000000)
+
diff --git a/services/web/test/frontend/helpers/fixtures/logs/warnings.log b/services/web/test/frontend/helpers/fixtures/logs/warnings.log
new file mode 100644
index 0000000..6568ade
--- /dev/null
+++ b/services/web/test/frontend/helpers/fixtures/logs/warnings.log
@@ -0,0 +1,527 @@
+This is pdfTeX, Version 3.1415926-1.40.10 (TeX Live 2009) (format=pdflatex 2010.5.16)  1 MAY 2012 07:40
+entering extended mode
+ %&-line parsing enabled.
+**instantons.tex
+(compiles/d1585ce575dea4cab55f784a22a88652/instantons.tex
+LaTeX2e <2009/09/24>
+Babel <v3.8l> and hyphenation patterns for english, usenglishmax, dumylang, noh
+yphenation, german-x-2009-06-19, ngerman-x-2009-06-19, ancientgreek, ibycus, ar
+abic, basque, bulgarian, catalan, pinyin, coptic, croatian, czech, danish, dutc
+h, esperanto, estonian, farsi, finnish, french, galician, german, ngerman, mono
+greek, greek, hungarian, icelandic, assamese, bengali, gujarati, hindi, kannada
+, malayalam, marathi, oriya, panjabi, tamil, telugu, indonesian, interlingua, i
+rish, italian, kurmanji, latin, latvian, lithuanian, mongolian, mongolianlmc, b
+okmal, nynorsk, polish, portuguese, romanian, russian, sanskrit, serbian, slova
+k, slovenian, spanish, swedish, turkish, turkmen, ukenglish, ukrainian, upperso
+rbian, welsh, loaded.
+(/usr/local/texlive/2009/texmf-dist/tex/latex/base/article.cls
+Document Class: article 2007/10/19 v1.4h Standard LaTeX document class
+(/usr/local/texlive/2009/texmf-dist/tex/latex/base/size10.clo
+File: size10.clo 2007/10/19 v1.4h Standard LaTeX file (size option)
+)
+\c@part=\count79
+\c@section=\count80
+\c@subsection=\count81
+\c@subsubsection=\count82
+\c@paragraph=\count83
+\c@subparagraph=\count84
+\c@figure=\count85
+\c@table=\count86
+\abovecaptionskip=\skip41
+\belowcaptionskip=\skip42
+\bibindent=\dimen102
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/relsize/relsize.sty
+Package: relsize 2003/07/04 ver 3.1
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/preprint/fullpage.sty
+Package: fullpage 1999/02/23 1.1 (PWD)
+\FP@margin=\skip43
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/amsmath/amsmath.sty
+Package: amsmath 2000/07/18 v2.13 AMS math features
+\@mathmargin=\skip44
+For additional information on amsmath, use the `?' option.
+(/usr/local/texlive/2009/texmf-dist/tex/latex/amsmath/amstext.sty
+Package: amstext 2000/06/29 v2.01
+(/usr/local/texlive/2009/texmf-dist/tex/latex/amsmath/amsgen.sty
+File: amsgen.sty 1999/11/30 v2.0
+\@emptytoks=\toks14
+\ex@=\dimen103
+)) (/usr/local/texlive/2009/texmf-dist/tex/latex/amsmath/amsbsy.sty
+Package: amsbsy 1999/11/29 v1.2d
+\pmbraise@=\dimen104
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/amsmath/amsopn.sty
+Package: amsopn 1999/12/14 v2.01 operator names
+)
+\inf@bad=\count87
+LaTeX Info: Redefining \frac on input line 211.
+\uproot@=\count88
+\leftroot@=\count89
+LaTeX Info: Redefining \overline on input line 307.
+\classnum@=\count90
+\DOTSCASE@=\count91
+LaTeX Info: Redefining \ldots on input line 379.
+LaTeX Info: Redefining \dots on input line 382.
+LaTeX Info: Redefining \cdots on input line 467.
+\Mathstrutbox@=\box26
+\strutbox@=\box27
+\big@size=\dimen105
+LaTeX Font Info:    Redeclaring font encoding OML on input line 567.
+LaTeX Font Info:    Redeclaring font encoding OMS on input line 568.
+\macc@depth=\count92
+\c@MaxMatrixCols=\count93
+\dotsspace@=\muskip10
+\c@parentequation=\count94
+\dspbrk@lvl=\count95
+\tag@help=\toks15
+\row@=\count96
+\column@=\count97
+\maxfields@=\count98
+\andhelp@=\toks16
+\eqnshift@=\dimen106
+\alignsep@=\dimen107
+\tagshift@=\dimen108
+\tagwidth@=\dimen109
+\totwidth@=\dimen110
+\lineht@=\dimen111
+\@envbody=\toks17
+\multlinegap=\skip45
+\multlinetaggap=\skip46
+\mathdisplay@stack=\toks18
+LaTeX Info: Redefining \[ on input line 2666.
+LaTeX Info: Redefining \] on input line 2667.
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/amscls/amsthm.sty
+Package: amsthm 2004/08/06 v2.20
+\thm@style=\toks19
+\thm@bodyfont=\toks20
+\thm@headfont=\toks21
+\thm@notefont=\toks22
+\thm@headpunct=\toks23
+\thm@preskip=\skip47
+\thm@postskip=\skip48
+\thm@headsep=\skip49
+\dth@everypar=\toks24
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/amsfonts/amsfonts.sty
+Package: amsfonts 2009/06/22 v3.00 Basic AMSFonts support
+\symAMSa=\mathgroup4
+\symAMSb=\mathgroup5
+LaTeX Font Info:    Overwriting math alphabet `\mathfrak' in version `bold'
+(Font)                  U/euf/m/n --> U/euf/b/n on input line 96.
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/hyperref/hyperref.sty
+Package: hyperref 2010/05/04 v6.81a Hypertext links for LaTeX
+(/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/ltxcmds.sty
+Package: ltxcmds 2010/04/26 v1.7 LaTeX kernel commands for general use (HO)
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/graphics/keyval.sty
+Package: keyval 1999/03/16 v1.13 key=value parser (DPC)
+\KV@toks@=\toks25
+) (/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/kvsetkeys.sty
+Package: kvsetkeys 2010/03/01 v1.9 Key value parser (HO)
+(/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/infwarerr.sty
+Package: infwarerr 2010/04/08 v1.3 Providing info/warning/message (HO)
+) (/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/etexcmds.sty
+Package: etexcmds 2010/01/28 v1.3 Prefix for e-TeX command names (HO)
+Package etexcmds Info: Could not find \expanded.
+(etexcmds)             That can mean that you are not using pdfTeX 1.50 or
+(etexcmds)             that some package has redefined \expanded.
+(etexcmds)             In the latter case, load this package earlier.
+)) (/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/pdfescape.sty
+Package: pdfescape 2010/03/01 v1.9 Provides hex, PDF name and string conversion
+s (HO)
+(/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/pdftexcmds.sty
+Package: pdftexcmds 2010/04/01 v0.9 Utility functions of pdfTeX for LuaTeX (HO)
+
+(/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/ifluatex.sty
+Package: ifluatex 2010/03/01 v1.3 Provides the ifluatex switch (HO)
+Package ifluatex Info: LuaTeX not detected.
+)
+Package pdftexcmds Info: LuaTeX not detected.
+Package pdftexcmds Info: \pdf@primitive is available.
+Package pdftexcmds Info: \pdf@ifprimitive is available.
+)) (/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/ifpdf.sty
+Package: ifpdf 2010/01/28 v2.1 Provides the ifpdf switch (HO)
+Package ifpdf Info: pdfTeX in pdf mode detected.
+) (/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/ifvtex.sty
+Package: ifvtex 2010/03/01 v1.5 Switches for detecting VTeX and its modes (HO)
+Package ifvtex Info: VTeX not detected.
+) (/usr/local/texlive/2009/texmf-dist/tex/generic/ifxetex/ifxetex.sty
+Package: ifxetex 2009/01/23 v0.5 Provides ifxetex conditional
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/oberdiek/hycolor.sty
+Package: hycolor 2009/12/12 v1.6 Color options of hyperref/bookmark (HO)
+(/usr/local/texlive/2009/texmf-dist/tex/latex/oberdiek/xcolor-patch.sty
+Package: xcolor-patch 2009/12/12 xcolor patch
+)) (/usr/local/texlive/2009/texmf-dist/tex/latex/oberdiek/letltxmacro.sty
+Package: letltxmacro 2008/06/24 v1.3 Let assignment for LaTeX macros (HO)
+)
+\@linkdim=\dimen112
+\Hy@linkcounter=\count99
+\Hy@pagecounter=\count100
+(/usr/local/texlive/2009/texmf-dist/tex/latex/hyperref/pd1enc.def
+File: pd1enc.def 2010/05/04 v6.81a Hyperref: PDFDocEncoding definition (HO)
+) (/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/intcalc.sty
+Package: intcalc 2007/09/27 v1.1 Expandable integer calculations (HO)
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/latexconfig/hyperref.cfg
+File: hyperref.cfg 2002/06/06 v1.2 hyperref configuration of TeXLive
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/oberdiek/kvoptions.sty
+Package: kvoptions 2010/02/22 v3.7 Keyval support for LaTeX options (HO)
+)
+Package hyperref Info: Hyper figures OFF on input line 3639.
+Package hyperref Info: Link nesting OFF on input line 3644.
+Package hyperref Info: Hyper index ON on input line 3647.
+Package hyperref Info: Plain pages OFF on input line 3654.
+Package hyperref Info: Backreferencing OFF on input line 3659.
+Implicit mode ON; LaTeX internals redefined
+Package hyperref Info: Bookmarks ON on input line 3855.
+(/usr/local/texlive/2009/texmf-dist/tex/latex/url/url.sty
+\Urlmuskip=\muskip11
+Package: url 2006/04/12  ver 3.3  Verb mode for urls, etc.
+)
+LaTeX Info: Redefining \url on input line 4140.
+(/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/bitset.sty
+Package: bitset 2007/09/28 v1.0 Data type bit set (HO)
+(/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/bigintcalc.sty
+Package: bigintcalc 2007/11/11 v1.1 Expandable big integer calculations (HO)
+))
+\Fld@menulength=\count101
+\Field@Width=\dimen113
+\Fld@charsize=\dimen114
+\Field@toks=\toks26
+Package hyperref Info: Hyper figures OFF on input line 5118.
+Package hyperref Info: Link nesting OFF on input line 5123.
+Package hyperref Info: Hyper index ON on input line 5126.
+Package hyperref Info: backreferencing OFF on input line 5133.
+Package hyperref Info: Link coloring OFF on input line 5138.
+Package hyperref Info: Link coloring with OCG OFF on input line 5143.
+Package hyperref Info: PDF/A mode OFF on input line 5148.
+LaTeX Info: Redefining \ref on input line 5188.
+LaTeX Info: Redefining \pageref on input line 5192.
+(/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/atbegshi.sty
+Package: atbegshi 2010/03/25 v1.12 At begin shipout hook (HO)
+)
+\Hy@abspage=\count102
+\c@Item=\count103
+\c@Hfootnote=\count104
+)
+* hyperref using default driver hpdftex *
+(/usr/local/texlive/2009/texmf-dist/tex/latex/hyperref/hpdftex.def
+File: hpdftex.def 2010/05/04 v6.81a Hyperref driver for pdfTeX
+(/usr/local/texlive/2009/texmf-dist/tex/latex/oberdiek/atveryend.sty
+Package: atveryend 2010/03/24 v1.5 Hooks at very end of document (HO)
+Package atveryend Info: \enddocument detected (standard).
+)
+\Fld@listcount=\count105
+\c@bookmark@seq@number=\count106
+(/usr/local/texlive/2009/texmf-dist/tex/latex/oberdiek/rerunfilecheck.sty
+Package: rerunfilecheck 2010/03/16 v1.6 Rerun checks for auxiliary files (HO)
+(/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/uniquecounter.sty
+Package: uniquecounter 2009/12/18 v1.1 Provides unlimited unique counter (HO)
+)
+Package uniquecounter Info: New unique counter `rerunfilecheck' on input line 2
+71.
+)
+\Hy@SectionHShift=\skip50
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/subfig/subfig.sty
+Package: subfig 2005/06/28 ver: 1.3 subfig package
+(/usr/local/texlive/2009/texmf-dist/tex/latex/caption/caption.sty
+Package: caption 2010/01/09 v3.1m Customizing captions (AR)
+(/usr/local/texlive/2009/texmf-dist/tex/latex/caption/caption3.sty
+Package: caption3 2010/01/14 v3.1m caption3 kernel (AR)
+\captionmargin=\dimen115
+\captionmargin@=\dimen116
+\captionwidth=\dimen117
+\caption@indent=\dimen118
+\caption@parindent=\dimen119
+\caption@hangindent=\dimen120
+)
+\c@ContinuedFloat=\count107
+Package caption Info: hyperref package is loaded.
+)
+\c@KVtest=\count108
+\sf@farskip=\skip51
+\sf@captopadj=\dimen121
+\sf@capskip=\skip52
+\sf@nearskip=\skip53
+\c@subfigure=\count109
+\c@subfigure@save=\count110
+\c@lofdepth=\count111
+\c@subtable=\count112
+\c@subtable@save=\count113
+\c@lotdepth=\count114
+\sf@top=\skip54
+\sf@bottom=\skip55
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/graphics/graphicx.sty
+Package: graphicx 1999/02/16 v1.0f Enhanced LaTeX Graphics (DPC,SPQR)
+(/usr/local/texlive/2009/texmf-dist/tex/latex/graphics/graphics.sty
+Package: graphics 2009/02/05 v1.0o Standard LaTeX Graphics (DPC,SPQR)
+(/usr/local/texlive/2009/texmf-dist/tex/latex/graphics/trig.sty
+Package: trig 1999/03/16 v1.09 sin cos tan (DPC)
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/latexconfig/graphics.cfg
+File: graphics.cfg 2009/08/28 v1.8 graphics configuration of TeX Live
+)
+Package graphics Info: Driver file: pdftex.def on input line 91.
+(/usr/local/texlive/2009/texmf-dist/tex/latex/pdftex-def/pdftex.def
+File: pdftex.def 2010/02/14 v0.04n Graphics/color for pdfTeX
+\Gread@gobject=\count115
+))
+\Gin@req@height=\dimen122
+\Gin@req@width=\dimen123
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/showlabels/showlabels.sty
+Package: showlabels 2009/05/29 v1.6.5
+Package: `showlabels' v1.6.5 <2009/05/29>
+with amsmath equation tags
+\SL@labelposition=\count116
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/mh/mathtools.sty
+Package: mathtools 2008/08/01 v1.06 mathematical typesetting tools (MH)
+(/usr/local/texlive/2009/texmf-dist/tex/latex/tools/calc.sty
+Package: calc 2007/08/22 v4.3 Infix arithmetic (KKT,FJ)
+\calc@Acount=\count117
+\calc@Bcount=\count118
+\calc@Adimen=\dimen124
+\calc@Bdimen=\dimen125
+\calc@Askip=\skip56
+\calc@Bskip=\skip57
+LaTeX Info: Redefining \setlength on input line 76.
+LaTeX Info: Redefining \addtolength on input line 77.
+\calc@Ccount=\count119
+\calc@Cskip=\skip58
+) (/usr/local/texlive/2009/texmf-dist/tex/latex/mh/mhsetup.sty
+Package: mhsetup 2010/01/21 v1.2a programming setup (MH)
+)
+\g_MT_multlinerow_int=\count120
+\l_MT_multwidth_dim=\dimen126
+)
+\c@claim=\count121
+(compiles/d1585ce575dea4cab55f784a22a88652/output.aux)
+\openout1 = `output.aux'.
+
+LaTeX Font Info:    Checking defaults for OML/cmm/m/it on input line 30.
+LaTeX Font Info:    ... okay on input line 30.
+LaTeX Font Info:    Checking defaults for T1/cmr/m/n on input line 30.
+LaTeX Font Info:    ... okay on input line 30.
+LaTeX Font Info:    Checking defaults for OT1/cmr/m/n on input line 30.
+LaTeX Font Info:    ... okay on input line 30.
+LaTeX Font Info:    Checking defaults for OMS/cmsy/m/n on input line 30.
+LaTeX Font Info:    ... okay on input line 30.
+LaTeX Font Info:    Checking defaults for OMX/cmex/m/n on input line 30.
+LaTeX Font Info:    ... okay on input line 30.
+LaTeX Font Info:    Checking defaults for U/cmr/m/n on input line 30.
+LaTeX Font Info:    ... okay on input line 30.
+LaTeX Font Info:    Checking defaults for PD1/pdf/m/n on input line 30.
+LaTeX Font Info:    ... okay on input line 30.
+\AtBeginShipoutBox=\box28
+Package hyperref Info: Link coloring OFF on input line 30.
+(/usr/local/texlive/2009/texmf-dist/tex/latex/hyperref/nameref.sty
+Package: nameref 2010/04/30 v2.40 Cross-referencing by name of section
+(/usr/local/texlive/2009/texmf-dist/tex/latex/oberdiek/refcount.sty
+Package: refcount 2008/08/11 v3.1 Data extraction from references (HO)
+) (/usr/local/texlive/2009/texmf-dist/tex/generic/oberdiek/gettitlestring.sty
+Package: gettitlestring 2009/12/18 v1.3 Cleanup title references (HO)
+)
+\c@section@level=\count122
+)
+LaTeX Info: Redefining \ref on input line 30.
+LaTeX Info: Redefining \pageref on input line 30.
+LaTeX Info: Redefining \nameref on input line 30.
+(compiles/d1585ce575dea4cab55f784a22a88652/output.out) (compiles/d1585ce575dea4
+cab55f784a22a88652/output.out)
+\@outlinefile=\write3
+\openout3 = `output.out'.
+
+Package caption Info: Begin \AtBeginDocument code.
+Package caption3 Info: subfig package 1.2 or 1.3 is loaded.
+LaTeX Info: Redefining \subref on input line 30.
+Package caption Info: End \AtBeginDocument code.
+(/usr/local/texlive/2009/texmf-dist/tex/context/base/supp-pdf.mkii
+[Loading MPS to PDF converter (version 2006.09.02).]
+\scratchcounter=\count123
+\scratchdimen=\dimen127
+\scratchbox=\box29
+\nofMPsegments=\count124
+\nofMParguments=\count125
+\everyMPshowfont=\toks27
+\MPscratchCnt=\count126
+\MPscratchDim=\dimen128
+\MPnumerator=\count127
+\everyMPtoPDFconversion=\toks28
+) (compiles/d1585ce575dea4cab55f784a22a88652/output.toc
+LaTeX Font Info:    Try loading font information for U+msa on input line 3.
+(/usr/local/texlive/2009/texmf-dist/tex/latex/amsfonts/umsa.fd
+File: umsa.fd 2009/06/22 v3.00 AMS symbols A
+)
+LaTeX Font Info:    Try loading font information for U+msb on input line 3.
+(/usr/local/texlive/2009/texmf-dist/tex/latex/amsfonts/umsb.fd
+File: umsb.fd 2009/06/22 v3.00 AMS symbols B
+))
+\tf@toc=\write4
+\openout4 = `output.toc'.
+
+(compiles/d1585ce575dea4cab55f784a22a88652/sections/introduction.tex
+
+LaTeX Warning: Citation `Lambert:2010iw' on page 1 undefined on input line 7.
+
+
+LaTeX Warning: Citation `Lambert:2010iw' on page 1 undefined on input line 7.
+
+) (compiles/d1585ce575dea4cab55f784a22a88652/sections/instantons.tex [1
+
+{/usr/local/texlive/2009/texmf-var/fonts/map/pdftex/updmap/pdftex.map}]
+LaTeX Font Info:    Try loading font information for U+euf on input line 7.
+(/usr/local/texlive/2009/texmf-dist/tex/latex/amsfonts/ueuf.fd
+File: ueuf.fd 2009/06/22 v3.00 Euler Fraktur
+) [2]
+
+LaTeX Warning: Citation `Manton:2004tk' on page 3 undefined on input line 72.
+
+[3]
+
+LaTeX Warning: Citation `Atiyah1978' on page 4 undefined on input line 108.
+
+[4]
+
+LaTeX Warning: Citation `Dorey:1996hu' on page 5 undefined on input line 176.
+
+[5] [6] [7])
+(compiles/d1585ce575dea4cab55f784a22a88652/sections/moduli_space_approximation.
+tex
+
+LaTeX Warning: Citation `Manton1982' on page 8 undefined on input line 3.
+
+[8]
+
+LaTeX Warning: Citation `Weinberg:2006rq' on page 9 undefined on input line 21.
+
+
+[9] [10] [11]
+
+LaTeX Warning: Citation `Bak:1999sv' on page 12 undefined on input line 192.
+
+[12])
+(compiles/d1585ce575dea4cab55f784a22a88652/sections/dynamics_of_single_instanto
+n.tex
+
+LaTeX Warning: Citation `Peeters:2001np' on page 13 undefined on input line 9.
+
+[13] <figures/variation_of_theta_dot.png, id=325, 361.35pt x 228.855pt>
+File: figures/variation_of_theta_dot.png Graphic file (type png)
+<use figures/variation_of_theta_dot.png> <figures/variation_of_rho_dot.png, id=
+326, 361.35pt x 232.87pt>
+File: figures/variation_of_rho_dot.png Graphic file (type png)
+<use figures/variation_of_rho_dot.png>
+Overfull \hbox (13.3333pt too wide) in paragraph at lines 55--61
+ [][][][] 
+ []
+
+)
+(compiles/d1585ce575dea4cab55f784a22a88652/sections/dynamics_of_two_instantons.
+tex [14 <compiles/d1585ce575dea4cab55f784a22a88652/figures/variation_of_theta_d
+ot.png (PNG copy)> <compiles/d1585ce575dea4cab55f784a22a88652/figures/variation
+_of_rho_dot.png (PNG copy)>]
+
+LaTeX Warning: Citation `Osborn:1981yf' on page 15 undefined on input line 27.
+
+
+LaTeX Warning: Citation `Peeters:2001np' on page 15 undefined on input line 27.
+
+
+[15] [16] <figures/higgs_field/fig1.png, id=372, 361.35pt x 285.065pt>
+File: figures/higgs_field/fig1.png Graphic file (type png)
+<use figures/higgs_field/fig1.png> <figures/higgs_field/fig2.png, id=373, 361.3
+5pt x 286.06876pt>
+File: figures/higgs_field/fig2.png Graphic file (type png)
+<use figures/higgs_field/fig2.png> <figures/higgs_field/fig3.png, id=374, 361.3
+5pt x 285.065pt>
+File: figures/higgs_field/fig3.png Graphic file (type png)
+<use figures/higgs_field/fig3.png> [17] <figures/fig4.png, id=394, 320.8788pt x
+ 198.7425pt>
+File: figures/fig4.png Graphic file (type png)
+<use figures/fig4.png> [18 <compiles/d1585ce575dea4cab55f784a22a88652/figures/h
+iggs_field/fig1.png (PNG copy)> <compiles/d1585ce575dea4cab55f784a22a88652/figu
+res/higgs_field/fig2.png (PNG copy)> <compiles/d1585ce575dea4cab55f784a22a88652
+/figures/higgs_field/fig3.png (PNG copy)> <compiles/d1585ce575dea4cab55f784a22a
+88652/figures/fig4.png>] <figures/attraction_and_repulsion.png, id=409, 769.876
+25pt x 473.77pt>
+File: figures/attraction_and_repulsion.png Graphic file (type png)
+<use figures/attraction_and_repulsion.png> <figures/scatterings/flower.png, id=
+411, 361.35pt x 363.3575pt>
+File: figures/scatterings/flower.png Graphic file (type png)
+<use figures/scatterings/flower.png> <figures/scatterings/circle.png, id=412, 3
+61.35pt x 361.35pt>
+File: figures/scatterings/circle.png Graphic file (type png)
+<use figures/scatterings/circle.png> <figures/scatterings/right_angle.png, id=4
+13, 361.35pt x 363.3575pt>
+File: figures/scatterings/right_angle.png Graphic file (type png)
+<use figures/scatterings/right_angle.png> [19 <compiles/d1585ce575dea4cab55f784
+a22a88652/figures/attraction_and_repulsion.png (PNG copy)>] [20 <compiles/d1585
+ce575dea4cab55f784a22a88652/figures/scatterings/flower.png (PNG copy)> <compile
+s/d1585ce575dea4cab55f784a22a88652/figures/scatterings/circle.png (PNG copy)> <
+compiles/d1585ce575dea4cab55f784a22a88652/figures/scatterings/right_angle.png (
+PNG copy)>] <figures/angular_momentum_exchange_rho.png, id=436, 361.35pt x 232.
+87pt>
+File: figures/angular_momentum_exchange_rho.png Graphic file (type png)
+<use figures/angular_momentum_exchange_rho.png> <figures/angular_momentum_excha
+nge_L.png, id=437, 361.35pt x 210.7875pt>
+File: figures/angular_momentum_exchange_L.png Graphic file (type png)
+<use figures/angular_momentum_exchange_L.png>) (compiles/d1585ce575dea4cab55f78
+4a22a88652/sections/appendices.tex [21 <compiles/d1585ce575dea4cab55f784a22a886
+52/figures/angular_momentum_exchange_rho.png (PNG copy)> <compiles/d1585ce575de
+a4cab55f784a22a88652/figures/angular_momentum_exchange_L.png (PNG copy)>]
+
+LaTeX Warning: Citation `Osborn:1981yf' on page 22 undefined on input line 20.
+
+[22]
+
+LaTeX Warning: Citation `Osborn:1981yf' on page 23 undefined on input line 103.
+
+
+
+LaTeX Warning: Citation `Peeters:2001np' on page 23 undefined on input line 103
+.
+
+[23] [24] [25] [26]
+
+LaTeX Warning: Citation `Peeters:2001np' on page 27 undefined on input line 352
+.
+
+[27] [28] [29] [30])
+Package atveryend Info: Empty hook `BeforeClearDocument' on input line 50.
+[31]
+Package atveryend Info: Empty hook `AfterLastShipout' on input line 50.
+(compiles/d1585ce575dea4cab55f784a22a88652/output.aux)
+Package atveryend Info: Executing hook `AtVeryEndDocument' on input line 50.
+Package rerunfilecheck Info: File `output.out' has not changed.
+(rerunfilecheck)             Checksum: 47077DD58F3BF93130F2EA39E2DC1E25;1709.
+
+LaTeX Warning: There were undefined references.
+
+ ) 
+Here is how much of TeX's memory you used:
+ 7439 strings out of 493773
+ 115753 string characters out of 3145367
+ 210032 words of memory out of 3000000
+ 10211 multiletter control sequences out of 15000+200000
+ 13189 words of font info for 51 fonts, out of 3000000 for 9000
+ 714 hyphenation exceptions out of 8191
+ 44i,20n,45p,1356b,432s stack positions out of 5000i,500n,10000p,200000b,50000s
+</usr/local/texlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmbx10.pfb
+></usr/local/texlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmbx12.pfb>
+</usr/local/texlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmex10.pfb><
+/usr/local/texlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmmi10.pfb></
+usr/local/texlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmmi5.pfb></us
+r/local/texlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmmi7.pfb></usr/
+local/texlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmmi8.pfb></usr/lo
+cal/texlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmr10.pfb></usr/loca
+l/texlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmr5.pfb></usr/local/t
+exlive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmr6.pfb></usr/local/texl
+ive/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmr7.pfb></usr/local/texlive
+/2009/texmf-dist/fonts/type1/public/amsfonts/cm/cmr8.pfb></usr/local/texlive/20
+09/texmf-dist/fonts/type1/public/amsfonts/cm/cmsy10.pfb></usr/local/texlive/200
+9/texmf-dist/fonts/type1/public/amsfonts/cm/cmsy7.pfb></usr/local/texlive/2009/
+texmf-dist/fonts/type1/public/amsfonts/cm/cmsy8.pfb></usr/local/texlive/2009/te
+xmf-dist/fonts/type1/public/amsfonts/cm/cmti10.pfb></usr/local/texlive/2009/tex
+mf-dist/fonts/type1/public/amsfonts/cm/cmtt9.pfb></usr/local/texlive/2009/texmf
+-dist/fonts/type1/public/amsfonts/euler/eufm10.pfb></usr/local/texlive/2009/tex
+mf-dist/fonts/type1/public/amsfonts/symbols/msbm10.pfb>
+Output written on compiles/d1585ce575dea4cab55f784a22a88652/output.pdf (31 page
+s, 644890 bytes).
+PDF statistics:
+ 775 PDF objects out of 1000 (max. 8388607)
+ 350 named destinations out of 1000 (max. 500000)
+ 253 words of extra memory for PDF output out of 10000 (max. 10000000)
+
diff --git a/services/web/test/frontend/helpers/render-with-context.jsx b/services/web/test/frontend/helpers/render-with-context.jsx
new file mode 100644
index 0000000..e3aba62
--- /dev/null
+++ b/services/web/test/frontend/helpers/render-with-context.jsx
@@ -0,0 +1,24 @@
+// Disable prop type checks for test harnesses
+/* eslint-disable react/prop-types */
+
+import { render } from '@testing-library/react'
+import { EditorProviders } from './editor-providers'
+
+export function renderWithEditorContext(
+  component,
+  contextProps,
+  renderOptions = {}
+) {
+  const EditorProvidersWrapper = ({ children }) => (
+    <EditorProviders {...contextProps}>{children}</EditorProviders>
+  )
+
+  return render(component, {
+    wrapper: EditorProvidersWrapper,
+    ...renderOptions,
+  })
+}
+
+export function cleanUpContext() {
+  delete window._ide
+}
diff --git a/services/web/test/frontend/helpers/reset-meta.ts b/services/web/test/frontend/helpers/reset-meta.ts
new file mode 100644
index 0000000..f5a9798
--- /dev/null
+++ b/services/web/test/frontend/helpers/reset-meta.ts
@@ -0,0 +1,52 @@
+export function resetMeta() {
+  window.metaAttributesCache = new Map()
+  window.metaAttributesCache.set('ol-projectHistoryBlobsEnabled', true)
+  window.metaAttributesCache.set('ol-i18n', { currentLangCode: 'en' })
+  window.metaAttributesCache.set('ol-ExposedSettings', {
+    appName: 'Overleaf',
+    maxEntitiesPerProject: 10,
+    maxUploadSize: 5 * 1024 * 1024,
+    siteUrl: 'https://www.dev-overleaf.com',
+    hasLinkUrlFeature: true,
+    hasLinkedProjectFileFeature: true,
+    hasLinkedProjectOutputFileFeature: true,
+    textExtensions: [
+      'tex',
+      'latex',
+      'sty',
+      'cls',
+      'bst',
+      'bib',
+      'bibtex',
+      'txt',
+      'tikz',
+      'mtx',
+      'rtex',
+      'md',
+      'asy',
+      'lbx',
+      'bbx',
+      'cbx',
+      'm',
+      'lco',
+      'dtx',
+      'ins',
+      'ist',
+      'def',
+      'clo',
+      'ldf',
+      'rmd',
+      'lua',
+      'gv',
+      'mf',
+      'lhs',
+      'mk',
+      'xmpdata',
+      'cfg',
+      'rnw',
+      'ltx',
+      'inc',
+    ],
+    editableFilenames: ['latexmkrc', '.latexmkrc', 'makefile', 'gnumakefile'],
+  })
+}
diff --git a/services/web/test/frontend/helpers/sleep.ts b/services/web/test/frontend/helpers/sleep.ts
new file mode 100644
index 0000000..0cca7a6
--- /dev/null
+++ b/services/web/test/frontend/helpers/sleep.ts
@@ -0,0 +1,3 @@
+export const sleep = (timeout: number) => {
+  return new Promise(resolve => setTimeout(resolve, timeout))
+}
diff --git a/services/web/test/frontend/helpers/with-markup.ts b/services/web/test/frontend/helpers/with-markup.ts
new file mode 100644
index 0000000..e92aa60
--- /dev/null
+++ b/services/web/test/frontend/helpers/with-markup.ts
@@ -0,0 +1,30 @@
+import { MatcherFunction } from '@testing-library/react'
+
+type Query = (f: MatcherFunction) => Element | Promise<Element>
+
+/*
+ Utility function to run testing-library queries over nodes that contain html tags, as in
+ `<p>this includes some <strong>bold</strong> text</p>`.
+
+ Usage:
+    const getByTextWithMarkup = withMarkup(screen.getByText)
+    getByTextWithMarkup('this includes some bold text')
+
+    const findByTextWithMarkup = withMarkup(screen.findByText)
+    await findByTextWithMarkup('this includes some bold text')
+ */
+const withMarkup =
+  (query: Query) =>
+  (text: string): Element | Promise<Element> =>
+    query((content: string, node: Element | null) => {
+      if (!node) {
+        return false
+      }
+      const hasText = (node: Element) => node.textContent === text
+      const childrenDontHaveText = Array.from(node.children).every(
+        child => !hasText(child as HTMLElement)
+      )
+      return hasText(node) && childrenDontHaveText
+    })
+
+export default withMarkup
diff --git a/services/web/test/frontend/ide/human-readable-logs/human-readable-logs.test.js b/services/web/test/frontend/ide/human-readable-logs/human-readable-logs.test.js
new file mode 100644
index 0000000..d2f7b8d
--- /dev/null
+++ b/services/web/test/frontend/ide/human-readable-logs/human-readable-logs.test.js
@@ -0,0 +1,81 @@
+import { expect } from 'chai'
+import HumanReadableLogs from '../../../../frontend/js/ide/human-readable-logs/HumanReadableLogs'
+import { readFile } from 'fs/promises'
+import { join } from 'path'
+import { some } from 'lodash'
+
+const fixturePath = '../../helpers/fixtures/logs/'
+
+async function parse(fixtureName) {
+  const filePath = join(__dirname, fixturePath, fixtureName)
+  const data = await readFile(filePath, 'utf-8', 'r')
+  return HumanReadableLogs.parse(data)
+}
+
+describe('HumanReadableLogs', function () {
+  describe('Undefined commands', function () {
+    before(async function () {
+      this.errors = (await parse('undefined-control-sequence.log')).errors
+    })
+
+    describe('For unknown commands', function () {
+      it('Identifies command at beginning of line', function () {
+        expect(
+          some(this.errors, {
+            line: 3,
+            level: 'error',
+            message: 'Undefined control sequence.',
+          })
+        ).to.be.true
+      })
+      it('Identifies command at end of line', function () {
+        expect(
+          some(this.errors, {
+            line: 4,
+            level: 'error',
+            message: 'Undefined control sequence.',
+          })
+        ).to.be.true
+      })
+      it('Identifies command inside argument', function () {
+        expect(
+          some(this.errors, {
+            line: 5,
+            level: 'error',
+            message: 'Undefined control sequence.',
+          })
+        ).to.be.true
+      })
+    })
+
+    describe('For known commands', function () {
+      it('Identifies command at beginning of line', function () {
+        expect(
+          some(this.errors, {
+            line: 6,
+            level: 'error',
+            message: 'Is \\usepackage{url} missing?',
+          })
+        ).to.be.true
+      })
+      it('Identifies command at end of line', function () {
+        expect(
+          some(this.errors, {
+            line: 7,
+            level: 'error',
+            message: 'Is \\usepackage{amsmath} missing?',
+          })
+        ).to.be.true
+      })
+      it('Identifies command inside argument', function () {
+        expect(
+          some(this.errors, {
+            line: 8,
+            level: 'error',
+            message: 'Is \\usepackage{array} missing?',
+          })
+        ).to.be.true
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/ide/log-parser/logParserTests.js b/services/web/test/frontend/ide/log-parser/logParserTests.js
new file mode 100644
index 0000000..098ee05
--- /dev/null
+++ b/services/web/test/frontend/ide/log-parser/logParserTests.js
@@ -0,0 +1,443 @@
+import { expect } from 'chai'
+import LatexLogParser from '../../../../frontend/js/ide/log-parser/latex-log-parser'
+import BibLogParser from '../../../../frontend/js/ide/log-parser/bib-log-parser'
+
+const fixturePath = '../../helpers/fixtures/logs/'
+const fs = require('fs')
+const path = require('path')
+
+describe('logParser', function (done) {
+  it('should parse errors', function () {
+    const { errors } = parseLatexLog('errors.log', { ignoreDuplicates: true })
+    expect(errors.map(e => [e.line, e.message])).to.deep.equal([
+      [29, 'Undefined control sequence.'],
+      [
+        30,
+        'LaTeX Error: \\begin{equation} on input line 28 ended by \\end{equaion}.',
+      ],
+      [30, 'Missing $ inserted.'],
+      [30, 'Display math should end with $$.'],
+      [46, 'Extra }, or forgotten \\right.'],
+      [46, 'Missing \\right. inserted.'],
+      [46, 'Missing } inserted.'],
+    ])
+  })
+
+  it('should parse Badbox errors', function () {
+    const { typesetting } = parseLatexLog('bad-boxes.log')
+    expect(typesetting.map(e => [e.line, e.message])).to.deep.equal([
+      [9, 'Overfull \\hbox (29.11179pt too wide) in paragraph at lines 9--10'],
+      [11, 'Underfull \\hbox (badness 10000) in paragraph at lines 11--13'],
+      [27, 'Overfull \\vbox (12.00034pt too high) detected at line 27'],
+      [46, 'Underfull \\vbox (badness 10000) detected at line 46'],
+      [54, 'Underfull \\hbox (badness 10000) in paragraph at lines 54--55'],
+      [58, 'Underfull \\hbox (badness 10000) in paragraph at lines 58--60'],
+    ])
+  })
+
+  it('should parse Warnings', function () {
+    const { warnings } = parseLatexLog('warnings.log')
+    expect(warnings.map(e => [e.line, e.message, e.file])).to.deep.equal([
+      [
+        7,
+        "Citation `Lambert:2010iw' on page 1 undefined on input line 7.",
+        'compiles/d1585ce575dea4cab55f784a22a88652/sections/introduction.tex',
+      ],
+      [
+        7,
+        "Citation `Lambert:2010iw' on page 1 undefined on input line 7.",
+        'compiles/d1585ce575dea4cab55f784a22a88652/sections/introduction.tex',
+      ],
+      [
+        72,
+        "Citation `Manton:2004tk' on page 3 undefined on input line 72.",
+        'compiles/d1585ce575dea4cab55f784a22a88652/sections/instantons.tex',
+      ],
+      [
+        108,
+        "Citation `Atiyah1978' on page 4 undefined on input line 108.",
+        'compiles/d1585ce575dea4cab55f784a22a88652/sections/instantons.tex',
+      ],
+      [
+        176,
+        "Citation `Dorey:1996hu' on page 5 undefined on input line 176.",
+        'compiles/d1585ce575dea4cab55f784a22a88652/sections/instantons.tex',
+      ],
+      [
+        3,
+        "Citation `Manton1982' on page 8 undefined on input line 3.",
+        'compiles/d1585ce575dea4cab55f784a22a88652/sections/moduli_space_approximation.tex',
+      ],
+      [
+        21,
+        "Citation `Weinberg:2006rq' on page 9 undefined on input line 21.",
+        'compiles/d1585ce575dea4cab55f784a22a88652/sections/moduli_space_approximation.tex',
+      ],
+      [
+        192,
+        "Citation `Bak:1999sv' on page 12 undefined on input line 192.",
+        'compiles/d1585ce575dea4cab55f784a22a88652/sections/moduli_space_approximation.tex',
+      ],
+      [
+        9,
+        "Citation `Peeters:2001np' on page 13 undefined on input line 9.",
+        'compiles/d1585ce575dea4cab55f784a22a88652/sections/dynamics_of_single_instanton.tex',
+      ],
+      [
+        27,
+        "Citation `Osborn:1981yf' on page 15 undefined on input line 27.",
+        'compiles/d1585ce575dea4cab55f784a22a88652/sections/dynamics_of_two_instantons.tex',
+      ],
+      [
+        27,
+        "Citation `Peeters:2001np' on page 15 undefined on input line 27.",
+        'compiles/d1585ce575dea4cab55f784a22a88652/sections/dynamics_of_two_instantons.tex',
+      ],
+      [
+        20,
+        "Citation `Osborn:1981yf' on page 22 undefined on input line 20.",
+        'compiles/d1585ce575dea4cab55f784a22a88652/sections/appendices.tex',
+      ],
+      [
+        103,
+        "Citation `Osborn:1981yf' on page 23 undefined on input line 103.",
+        'compiles/d1585ce575dea4cab55f784a22a88652/sections/appendices.tex',
+      ],
+      [
+        103,
+        "Citation `Peeters:2001np' on page 23 undefined on input line 103.",
+        'compiles/d1585ce575dea4cab55f784a22a88652/sections/appendices.tex',
+      ],
+      [
+        352,
+        "Citation `Peeters:2001np' on page 27 undefined on input line 352.",
+        'compiles/d1585ce575dea4cab55f784a22a88652/sections/appendices.tex',
+      ],
+      // the logs display an additional summary error for undefined references
+      [
+        null,
+        'There were undefined references.',
+        'compiles/d1585ce575dea4cab55f784a22a88652/instantons.tex',
+      ],
+    ])
+  })
+
+  it('should parse Biber warnings', function () {
+    const { warnings } = parseLatexLog('biber-warnings.log')
+    expect(warnings.map(w => [w.line, w.message, w.file])).to.deep.equal([
+      [
+        null,
+        'Package biblatex Warning: No "backend" specified, using Biber backend. To use BibTeX, load biblatex with the "backend=bibtex" option.',
+        '/usr/local/texlive/2013/texmf-dist/tex/latex/biblatex/biblatex.sty',
+      ],
+      [
+        null,
+        'Package biblatex Warning: The following entry could not be found in the database: Missing3 Please verify the spelling and rerun LaTeX afterwards.',
+        '/compile/output.bbl',
+      ],
+      [
+        null,
+        'Package biblatex Warning: The following entry could not be found in the database: Missing2 Please verify the spelling and rerun LaTeX afterwards.',
+        '/compile/output.bbl',
+      ],
+      [
+        null,
+        'Package biblatex Warning: The following entry could not be found in the database: Missing1 Please verify the spelling and rerun LaTeX afterwards.',
+        '/compile/output.bbl',
+      ],
+    ])
+  })
+
+  it('should parse Natbib warnings', function () {
+    const { warnings } = parseLatexLog('natbib-warnings.log')
+    expect(warnings.map(w => [w.line, w.message, w.file])).to.deep.equal([
+      [
+        6,
+        "Package natbib Warning: Citation `blah' on page 1 undefined on input line 6.",
+        '/compile/main.tex',
+      ],
+      [
+        null,
+        'Package natbib Warning: There were undefined citations.',
+        '/compile/main.tex',
+      ],
+    ])
+  })
+
+  it('should parse Geometry warnings', function () {
+    const { warnings } = parseLatexLog('geometry-warnings.log')
+    expect(warnings.map(w => [w.line, w.message, w.file])).to.deep.equal([
+      [
+        null,
+        "Package geometry Warning: Over-specification in `h'-direction. `width' (597.50787pt) is ignored.",
+        '/compile/main.tex',
+      ],
+      [
+        null,
+        "Package geometry Warning: Over-specification in `v'-direction. `height' (845.04684pt) is ignored.",
+        '/compile/main.tex',
+      ],
+    ])
+  })
+
+  it('should parse Caption warnings', function () {
+    const { warnings } = parseLatexLog('caption-warnings.log')
+    expect(warnings.map(w => [w.line, w.message, w.file])).to.deep.equal([
+      [
+        null,
+        'Package caption Warning: Unsupported document class (or package) detected, usage of the caption package is not recommended. See the caption package documentation for explanation.',
+        '/usr/local/texlive/2014/texmf-dist/tex/latex/caption/caption.sty',
+      ],
+      [
+        46,
+        "Package caption Warning: The option `hypcap=true' will be ignored for this particular \\caption on input line 46. See the caption package documentation for explanation.",
+        '/compile/main.tex',
+      ],
+    ])
+  })
+
+  it('should parse Runaway Arguments', function () {
+    const { errors } = parseLatexLog('runaway-arguments.log')
+    expect(errors.map(e => [e.line, e.message, e.file])).to.deep.equal([
+      [null, 'Runaway argument?', '/compile/runaway_argument.tex'],
+      [null, 'Emergency stop.', '/compile/runaway_argument.tex'],
+    ])
+  })
+
+  it('should parse filenames', function () {
+    const { errors, warnings, typesetting } = parseLatexLog('filenames.log')
+
+    expect(errors.map(e => [e.line, e.message, e.file])).to.deep.equal([
+      [
+        1,
+        'Undefined control sequence.',
+        '/compile/a folder with spaces/a subfolder with spaces/a subsubfolder with spaces/another file with spaces.tex',
+      ],
+    ])
+    expect(warnings.map(w => [w.line, w.message, w.file])).to.deep.equal([
+      [
+        9,
+        "Citation `Peeters:2001np' on page 13 undefined on input line 9.",
+        '/compile/main',
+      ],
+    ])
+    expect(typesetting.map(e => [e.line, e.message, e.file])).to.deep.equal([
+      [
+        123,
+        'Overfull \\hbox (4.56pt too wide) in paragraph at lines 123--456',
+        '/compile/otherfile',
+      ],
+    ])
+  })
+
+  it('should perform file line error parsing', function () {
+    const { errors } = parseLatexLog('file-line-error.log')
+    expect(errors.map(e => [e.line, e.message, e.file])).to.deep.equal([
+      [
+        '1',
+        'Undefined control sequence.',
+        '/compile/a folder with spaces/a subfolder with spaces/a subsubfolder with spaces/another file with spaces.tex',
+      ],
+    ])
+  })
+
+  it('should perform more complex file line error parsing', function () {
+    const { errors } = parseLatexLog('file-line-error-2.log')
+    expect(errors.map(e => [e.line, e.message, e.file])).to.deep.equal([
+      [1, 'Misplaced alignment tab character &.', './acks/name.tex'],
+      [14, 'Misplaced alignment tab character &.', './main.tex'],
+    ])
+  })
+
+  it('should ignore duplicates', function () {
+    // duplicates included
+    const { errors } = parseLatexLog('errors.log')
+    expect(errors.length).to.equal(10)
+
+    // duplicates excluded
+    const { errors: errorsDeduplicated } = parseLatexLog('errors.log', {
+      ignoreDuplicates: true,
+    })
+    expect(errorsDeduplicated.length).to.equal(7)
+  })
+
+  it('should get file paths', function () {
+    const { errors } = parseLatexLog('errors.log')
+
+    for (const error of errors) {
+      expect(error.file).to.equal(
+        'compiles/dff0c37d892f346e58fc14975a16bf69/sections/appendices.tex'
+      )
+    }
+
+    const { all: badBoxesErrors } = parseLatexLog('bad-boxes.log')
+    for (const error of badBoxesErrors) {
+      expect(error.file).to.equal(
+        'compiles/b6cf470376785e64ad84c57e3296c912/logs/bad-boxes.tex'
+      )
+    }
+  })
+
+  it('should parse a typical biber .blg file', function () {
+    const log = readLog('biber.blg')
+    const bibParser = new BibLogParser(log, {})
+    const result = bibParser.parse()
+    expect(typeof result).to.equal('object')
+    expect(result.all.length).to.equal(14)
+    expect(result.errors.length).to.equal(1)
+    expect(result.warnings.length).to.equal(2)
+
+    const error = result.errors[0]
+    expect(error.level).to.equal('error')
+    expect(error.line).to.equal('8')
+    expect(error.file).to.equal('bibliography.bib')
+    expect(error.message).to.equal(
+      'syntax error: at end of input, expected end of entry ("}" or ")") (skipping to next "@")'
+    )
+  })
+
+  it('should throw an error when non-biblog passed to BibLogParser', function () {
+    const log = readLog('caption-warnings.log')
+    const bibParser = new BibLogParser(log, {})
+    expect(() => bibParser.parse()).to.throw()
+  })
+
+  it('should throw an error when empty string passed to BibLogParser', function () {
+    const bibParser = new BibLogParser('', {})
+    expect(() => bibParser.parse()).to.throw()
+  })
+
+  it('should throw an error when non-string passed to BibLogParser', function () {
+    expect(() => new BibLogParser({ a: 1 }, {})).to.throw()
+  })
+
+  it('should parse a typical bibtex .blg file', function () {
+    const log = readLog('bibtex.blg')
+    const bibParser = new BibLogParser(log, {})
+    const result = bibParser.parse()
+
+    expect(typeof result).to.equal('object')
+    expect(result.all.length).to.equal(13)
+
+    expect(result.warnings.length).to.equal(6)
+    const firstWarning = result.warnings[0]
+    expect(firstWarning.file).to.equal('references.bib')
+    expect(firstWarning.line).to.equal('152')
+    expect(firstWarning.level).to.equal('warning')
+    expect(firstWarning.message).to.equal(
+      'string name "something" is undefined'
+    )
+
+    const thirdWarning = result.warnings[2]
+    expect(thirdWarning.message).to.equal(
+      "can't use both author and editor fields in Binney87"
+    )
+
+    expect(result.errors.length).to.equal(7)
+    const firstError = result.errors[0]
+    expect(firstError.file).to.equal('references.bib')
+    expect(firstError.line).to.equal('196')
+    expect(firstError.level).to.equal('error')
+    expect(
+      firstError.message.indexOf("I was expecting a `,' or a `}'")
+    ).to.equal(0)
+    expect(
+      firstError.message.indexOf('(Error may have been on previous line)') > 0
+    ).to.equal(true)
+    const crossReferenceError = result.errors[5]
+    expect(crossReferenceError.level).to.equal('error')
+    expect(
+      crossReferenceError.message.indexOf('A bad cross reference')
+    ).to.equal(0)
+    const styleError = result.errors[6]
+    expect(styleError.level).to.equal('error')
+    expect(
+      styleError.message.indexOf("I couldn't open style file aa.bst")
+    ).to.equal(0)
+  })
+
+  // https://github.com/overleaf/overleaf/issues/1023
+  it('should parse logs from issue 1023', function () {
+    const { errors, warnings } = parseLatexLog('open-source-issue-1023.log')
+    expect(errors.map(x => [x.line, x.message, x.file])).to.deep.equal([
+      [38, 'Package PACKAGE Error: TEXT PackageError.', './main.tex'],
+      [45, 'Class PACKAGE Error: TEXT ClassError.', './main.tex'],
+      [53, 'LaTeX Error: TEXT @latex@error.', './main.tex'],
+      [72, 'Package PACKAGE Error: TEXT msg_error package', './main.tex'],
+      [84, 'Class PACKAGE Error: TEXT msg_error class', './main.tex'],
+      [97, 'LaTeX3 Error: TEXT msg_error latex3', './main.tex'],
+      [
+        6,
+        'Critical LaTeX3 Error: TEXT msg_critical latex3',
+        './output-critical.tex',
+      ],
+      [
+        133,
+        'Missing character: There is no 3 ("33) in font nullfont.',
+        './main.tex',
+      ],
+    ])
+    expect(warnings.map(x => [x.line, x.message, x.file])).to.deep.equal([
+      [
+        37,
+        'Package PACKAGE Warning: TEXT PackageWarning on input line 37.',
+        './main.tex',
+      ],
+      [
+        44,
+        'Class PACKAGE Warning: TEXT ClassWarning on input line 44.',
+        './main.tex',
+      ],
+      [52, 'TEXT @latex@warning on input line 52.', './main.tex'],
+      [58, 'TEXT @font@warning on input line 58.', './main.tex'],
+      [null, 'Package PACKAGE Warning: TEXT msg_warning package', './main.tex'],
+      [null, 'Class PACKAGE Warning: TEXT msg_warning class', './main.tex'],
+      [null, 'TEXT msg_warning latex3', './main.tex'],
+      [
+        null,
+        "File `output-critical' already exists on the system.",
+        './main.tex',
+      ],
+    ])
+  })
+
+  it('should parse errors without blank lines between them', function () {
+    const { errors, warnings } = parseLatexLog('undefined-control-sequence.log')
+    expect(warnings).to.be.empty
+    expect(errors.map(x => [x.line, x.message, x.file])).to.deep.equal([
+      [3, 'Undefined control sequence.', './main.tex'],
+      [4, 'Undefined control sequence.', './main.tex'],
+      [5, 'Undefined control sequence.', './main.tex'],
+      [5, 'LaTeX Error: Illegal character in array arg.', './main.tex'],
+      [5, 'LaTeX Error: Illegal character in array arg.', './main.tex'],
+      [6, 'Undefined control sequence.', './main.tex'],
+      [7, 'Undefined control sequence.', './main.tex'],
+      [8, 'Undefined control sequence.', './main.tex'],
+      [8, 'LaTeX Error: Illegal character in array arg.', './main.tex'],
+      [8, 'LaTeX Error: Illegal character in array arg.', './main.tex'],
+    ])
+  })
+
+  it('should not unwrap errors into previous line', function () {
+    const { errors, warnings } = parseLatexLog(
+      'lncs-undefined-control-sequence.log'
+    )
+    expect(warnings).to.be.empty
+    expect(errors.map(x => [x.line, x.message, x.file])).to.deep.equal([
+      [102, 'Undefined control sequence.', './main.tex'],
+    ])
+  })
+})
+
+function readLog(filename) {
+  return fs.readFileSync(path.resolve(__dirname, fixturePath + filename), {
+    encoding: 'utf8',
+    flag: 'r',
+  })
+}
+
+function parseLatexLog(filename, opts = {}) {
+  const log = readLog(filename)
+  const parser = new LatexLogParser(log, opts)
+  return parser.parse()
+}
diff --git a/services/web/test/frontend/infrastructure/fetch-json.test.js b/services/web/test/frontend/infrastructure/fetch-json.test.js
new file mode 100644
index 0000000..b5c095e
--- /dev/null
+++ b/services/web/test/frontend/infrastructure/fetch-json.test.js
@@ -0,0 +1,208 @@
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import {
+  deleteJSON,
+  FetchError,
+  getUserFacingMessage,
+  getJSON,
+  postJSON,
+  putJSON,
+} from '../../../frontend/js/infrastructure/fetch-json'
+
+describe('fetchJSON', function () {
+  before(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  afterEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  const headers = {
+    Accept: 'application/json',
+    'Content-Type': 'application/json',
+  }
+
+  it('handles GET requests', function () {
+    fetchMock.once(
+      { method: 'GET', url: '/test', headers },
+      { status: 200, body: { result: 'success' } }
+    )
+
+    return expect(getJSON('/test')).to.eventually.deep.equal({
+      result: 'success',
+    })
+  })
+
+  it('handles 4xx responses', function () {
+    fetchMock.get('/test', {
+      status: 400,
+      body: { message: 'The request was invalid' },
+    })
+
+    return expect(getJSON('/test'))
+      .to.eventually.be.rejectedWith('Bad Request')
+      .and.be.an.instanceOf(FetchError)
+      .to.nested.include({
+        message: 'Bad Request',
+        'data.message': 'The request was invalid',
+        'response.status': 400,
+        'info.statusCode': 400,
+      })
+  })
+
+  it('handles 5xx responses', async function () {
+    fetchMock.get('/test', { status: 500 })
+
+    return expect(getJSON('/test'))
+      .to.eventually.be.rejectedWith('Internal Server Error')
+      .and.be.an.instanceOf(FetchError)
+      .to.nested.include({
+        'response.status': 500,
+        'info.statusCode': 500,
+      })
+  })
+
+  it('handles JSON error responses', async function () {
+    fetchMock.get('/test', {
+      status: 500,
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: { message: 'lorem ipsum' },
+    })
+
+    return expect(getJSON('/test'))
+      .to.eventually.be.rejectedWith('Internal Server Error')
+      .and.be.an.instanceOf(FetchError)
+      .to.nested.include({
+        'data.message': 'lorem ipsum',
+      })
+  })
+
+  it('handles text error responses', async function () {
+    fetchMock.get('/test', {
+      status: 500,
+      headers: {
+        'Content-Type': 'text/plain',
+      },
+      body: 'lorem ipsum',
+    })
+
+    return expect(getJSON('/test'))
+      .to.eventually.be.rejectedWith('Internal Server Error')
+      .and.be.an.instanceOf(FetchError)
+      .to.nested.include({
+        'data.message': 'lorem ipsum',
+      })
+  })
+
+  it('handles text error responses sent as HTML', async function () {
+    fetchMock.get('/test', {
+      status: 500,
+      headers: {
+        'Content-Type': 'text/html',
+      },
+      body: 'lorem ipsum',
+    })
+
+    return expect(getJSON('/test'))
+      .to.eventually.be.rejectedWith('Internal Server Error')
+      .and.be.an.instanceOf(FetchError)
+      .to.nested.include({
+        'data.message': 'lorem ipsum',
+      })
+  })
+
+  it('handles (ignores) HTML error responses sent as HTML', async function () {
+    fetchMock.get('/test', {
+      status: 500,
+      headers: {
+        'Content-Type': 'text/html',
+      },
+      body: '<!doctype html><html lang="en"><body><p>lorem ipsum</p></body></html>',
+    })
+
+    const promise = getJSON('/test')
+
+    expect(promise)
+      .to.eventually.be.rejectedWith('Internal Server Error')
+      .and.be.an.instanceOf(FetchError)
+
+    try {
+      await promise
+    } catch (error) {
+      expect(error.data).to.eql({})
+    }
+  })
+
+  it('handles 5xx responses without a status message', async function () {
+    fetchMock.get('/test', { status: 599 })
+
+    return expect(getJSON('/test'))
+      .to.eventually.be.rejectedWith('Unexpected Error: 599')
+      .and.be.an.instanceOf(FetchError)
+      .to.nested.include({
+        'response.status': 599,
+        'info.statusCode': 599,
+        message: 'Unexpected Error: 599',
+      })
+  })
+
+  it('handles POST requests', function () {
+    const body = { example: true }
+
+    fetchMock.once(
+      { method: 'POST', url: '/test', headers, body },
+      { status: 200, body: { result: 'success' } }
+    )
+
+    return expect(postJSON('/test', { body })).to.eventually.deep.equal({
+      result: 'success',
+    })
+  })
+
+  it('handles PUT requests', function () {
+    const body = { example: true }
+
+    fetchMock.once(
+      { method: 'PUT', url: '/test', headers, body },
+      { status: 200, body: { result: 'success' } }
+    )
+
+    return expect(putJSON('/test', { body })).to.eventually.deep.equal({
+      result: 'success',
+    })
+  })
+
+  it('handles DELETE requests', function () {
+    fetchMock.once({ method: 'DELETE', url: '/test', headers }, { status: 204 })
+
+    return expect(deleteJSON('/test')).to.eventually.deep.equal({})
+  })
+
+  describe('getUserFacingMessage()', function () {
+    it('returns the error facing message for FetchError instances', function () {
+      const error = new FetchError(
+        '403 error',
+        'http:/example.com',
+        {},
+        { status: 403 }
+      )
+      expect(getUserFacingMessage(error)).to.equal(
+        'Session error. Please check you have cookies enabled. If the problem persists, try clearing your cache and cookies.'
+      )
+    })
+
+    it('returns `message` for Error instances different than FetchError', function () {
+      const error = new Error('403 error')
+      expect(getUserFacingMessage(error)).to.equal('403 error')
+    })
+
+    it('returns `undefined` for non-Error instances', function () {
+      expect(getUserFacingMessage(undefined)).to.be.undefined
+      expect(getUserFacingMessage(null)).to.be.undefined
+      expect(getUserFacingMessage('error')).to.be.undefined
+    })
+  })
+})
diff --git a/services/web/test/frontend/infrastructure/i18n.spec.tsx b/services/web/test/frontend/infrastructure/i18n.spec.tsx
new file mode 100644
index 0000000..65f697a
--- /dev/null
+++ b/services/web/test/frontend/infrastructure/i18n.spec.tsx
@@ -0,0 +1,147 @@
+import { Trans, useTranslation } from 'react-i18next'
+
+describe('i18n', function () {
+  describe('t', function () {
+    it('translates a plain string', function () {
+      const Test = () => {
+        const { t } = useTranslation()
+        return <div>{t('accept_change')}</div>
+      }
+      cy.mount(<Test />)
+      cy.findByText('Accept change')
+    })
+
+    it('uses defaultValues', function () {
+      const Test = () => {
+        const { t } = useTranslation()
+        return <div>{t('welcome_to_sl')}</div>
+      }
+      cy.mount(<Test />)
+      cy.findByText('Welcome to Overleaf')
+    })
+
+    it('uses values', function () {
+      const Test = () => {
+        const { t } = useTranslation()
+        return <div>{t('sort_by_x', { x: 'name' })}</div>
+      }
+      cy.mount(<Test />)
+      cy.findByText('Sort by name')
+    })
+  })
+
+  describe('Trans', function () {
+    it('uses values', function () {
+      const Test = () => {
+        return (
+          <div>
+            <Trans
+              i18nKey="sort_by_x"
+              values={{ x: 'name' }}
+              shouldUnescape
+              tOptions={{ interpolation: { escapeValue: true } }}
+            />
+          </div>
+        )
+      }
+      cy.mount(<Test />)
+      cy.findByText('Sort by name')
+    })
+
+    it('uses an object of components', function () {
+      const Test = () => {
+        return (
+          <div data-testid="container">
+            <Trans
+              i18nKey="in_order_to_match_institutional_metadata_associated"
+              components={{ b: <b /> }}
+              values={{ email: 'test@example.com' }}
+              shouldUnescape
+              tOptions={{ interpolation: { escapeValue: true } }}
+            />
+          </div>
+        )
+      }
+      cy.mount(<Test />)
+      cy.findByTestId('container')
+        .should(
+          'have.text',
+          'In order to match your institutional metadata, your account is associated with the email test@example.com.'
+        )
+        .find('b')
+        .should('have.length', 1)
+        .should('have.text', 'test@example.com')
+    })
+
+    it('uses an array of components', function () {
+      const Test = () => {
+        return (
+          <div data-testid="container">
+            <Trans
+              i18nKey="are_you_still_at"
+              components={[<b />]} // eslint-disable-line react/jsx-key
+              values={{ institutionName: 'Test' }}
+              shouldUnescape
+              tOptions={{ interpolation: { escapeValue: true } }}
+            />
+          </div>
+        )
+      }
+      cy.mount(<Test />)
+      cy.findByTestId('container')
+        .should('have.text', 'Are you still at Test?')
+        .find('b')
+        .should('have.length', 1)
+        .should('have.text', 'Test')
+    })
+
+    it('escapes special characters', function () {
+      const Test = () => {
+        return (
+          <div data-testid="container">
+            <Trans
+              i18nKey="are_you_still_at"
+              components={[<b />]} // eslint-disable-line react/jsx-key
+              values={{ institutionName: "T&e's<code>t</code>ing" }}
+              shouldUnescape
+              tOptions={{ interpolation: { escapeValue: true } }}
+            />
+          </div>
+        )
+      }
+      cy.mount(<Test />)
+      cy.findByTestId('container')
+        .should('have.text', "Are you still at T&e's<code>t</code>ing?")
+        .find('b')
+        .should('have.length', 1)
+        .should('have.text', "T&e's<code>t</code>ing")
+    })
+
+    it('does not convert markup in values to components', function () {
+      const Test = () => {
+        return (
+          <div data-testid="container">
+            <Trans
+              i18nKey="are_you_still_at"
+              components={[<b />]} // eslint-disable-line react/jsx-key
+              values={{
+                institutionName: "<i>T</i>&<b>e</b>'s<code>t</code>ing",
+              }}
+              shouldUnescape
+              tOptions={{ interpolation: { escapeValue: true } }}
+            />
+          </div>
+        )
+      }
+      cy.mount(<Test />)
+      cy.findByTestId('container')
+        .should(
+          'have.text',
+          "Are you still at <i>T</i>&<b>e</b>'s<code>t</code>ing?"
+        )
+        .find('b')
+        .should('have.length', 1)
+        .should('have.text', "<i>T</i>&<b>e</b>'s<code>t</code>ing")
+    })
+  })
+})
diff --git a/services/web/test/frontend/infrastructure/local-storage.test.js b/services/web/test/frontend/infrastructure/local-storage.test.js
new file mode 100644
index 0000000..e6b07cc
--- /dev/null
+++ b/services/web/test/frontend/infrastructure/local-storage.test.js
@@ -0,0 +1,88 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+
+import customLocalStorage from '@/infrastructure/local-storage'
+import { debugConsole } from '@/utils/debugging'
+
+describe('localStorage', function () {
+  let originalLocalStorage
+  before(function () {
+    originalLocalStorage = global.localStorage
+  })
+
+  after(function () {
+    Object.defineProperty(global, 'localStorage', {
+      value: originalLocalStorage,
+    })
+  })
+
+  let spyOnDebugConsoleError
+  beforeEach(function () {
+    Object.defineProperty(global, 'localStorage', {
+      value: {
+        getItem: sinon.stub().returns(null),
+        setItem: sinon.stub(),
+        clear: sinon.stub(),
+        removeItem: sinon.stub(),
+      },
+    })
+
+    spyOnDebugConsoleError = sinon.spy(debugConsole, 'error')
+  })
+
+  afterEach(function () {
+    spyOnDebugConsoleError.restore()
+    Object.defineProperty(global, 'localStorage', { value: undefined })
+  })
+
+  it('getItem', function () {
+    expect(customLocalStorage.getItem('foo')).to.be.null
+
+    global.localStorage.getItem.returns('false')
+    expect(customLocalStorage.getItem('foo')).to.equal(false)
+
+    global.localStorage.getItem.returns('{"foo":"bar"}')
+    expect(customLocalStorage.getItem('foo')).to.deep.equal({ foo: 'bar' })
+
+    global.localStorage.getItem.throws(new Error('Nope'))
+    expect(customLocalStorage.getItem('foo')).to.be.null
+    expect(debugConsole.error).to.be.calledOnce
+  })
+
+  it('setItem', function () {
+    customLocalStorage.setItem('foo', 'bar')
+    expect(global.localStorage.setItem).to.be.calledOnceWith('foo', '"bar"')
+    global.localStorage.setItem.reset()
+
+    customLocalStorage.setItem('foo', true)
+    expect(global.localStorage.setItem).to.be.calledOnceWith('foo', 'true')
+    global.localStorage.setItem.reset()
+
+    customLocalStorage.setItem('foo', { bar: 1 })
+    expect(global.localStorage.setItem).to.be.calledOnceWith('foo', '{"bar":1}')
+    global.localStorage.setItem.reset()
+
+    global.localStorage.setItem.throws(new Error('Nope'))
+    expect(customLocalStorage.setItem('foo', 'bar')).to.be.null
+    expect(debugConsole.error).to.be.calledOnce
+  })
+
+  it('clear', function () {
+    customLocalStorage.clear()
+    expect(global.localStorage.clear).to.be.calledOnce
+
+    global.localStorage.clear.throws(new Error('Nope'))
+    expect(customLocalStorage.clear()).to.be.null
+    expect(debugConsole.error).to.be.calledOnce
+  })
+
+  it('removeItem', function () {
+    customLocalStorage.removeItem('foo')
+    expect(global.localStorage.removeItem).to.be.calledOnceWith('foo')
+    global.localStorage.removeItem.reset()
+
+    global.localStorage.removeItem.throws(new Error('Nope'))
+    expect(customLocalStorage.removeItem('foo')).to.be.null
+    expect(debugConsole.error).to.be.calledOnce
+  })
+})
diff --git a/services/web/test/frontend/infrastructure/project-snapshot.test.ts b/services/web/test/frontend/infrastructure/project-snapshot.test.ts
new file mode 100644
index 0000000..313436a
--- /dev/null
+++ b/services/web/test/frontend/infrastructure/project-snapshot.test.ts
@@ -0,0 +1,387 @@
+import { expect } from 'chai'
+import fetchMock from 'fetch-mock'
+import { ProjectSnapshot } from '@/infrastructure/project-snapshot'
+
+describe('ProjectSnapshot', function () {
+  let snapshot: ProjectSnapshot
+  const projectId = 'project-id'
+
+  beforeEach(function () {
+    snapshot = new ProjectSnapshot(projectId)
+  })
+
+  describe('before initialization', function () {
+    describe('getDocPaths()', function () {
+      it('returns an empty string', function () {
+        expect(snapshot.getDocPaths()).to.deep.equal([])
+      })
+    })
+
+    describe('getDocContents()', function () {
+      it('returns null', function () {
+        expect(snapshot.getDocContents('main.tex')).to.be.null
+      })
+    })
+  })
+
+  const files = {
+    'main.tex': {
+      contents: '\\documentclass{article}\netc.',
+      hash: 'bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb',
+    },
+    'hello.txt': {
+      contents: 'Hello history!',
+      hash: 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa',
+    },
+    'goodbye.txt': {
+      contents: "We're done here",
+      hash: 'dddddddddddddddddddddddddddddddddddddddd',
+    },
+  }
+
+  const chunk = {
+    history: {
+      snapshot: {
+        files: {},
+      },
+      changes: [
+        {
+          operations: [
+            {
+              pathname: 'hello.txt',
+              file: {
+                hash: files['hello.txt'].hash,
+                stringLength: files['hello.txt'].contents.length,
+              },
+            },
+            {
+              pathname: 'main.tex',
+              file: {
+                hash: files['main.tex'].hash,
+                stringLength: files['main.tex'].contents.length,
+              },
+            },
+            {
+              pathname: 'frog.jpg',
+              file: {
+                hash: 'cccccccccccccccccccccccccccccccccccccccc',
+                byteLength: 97080,
+              },
+            },
+          ],
+          timestamp: '2025-01-01T12:00:00.000Z',
+        },
+      ],
+    },
+    startVersion: 0,
+  }
+
+  const changes = [
+    {
+      operations: [
+        {
+          pathname: 'hello.txt',
+          textOperation: ['Quote: ', files['hello.txt'].contents.length],
+        },
+        {
+          pathname: 'goodbye.txt',
+          file: {
+            hash: files['goodbye.txt'].hash,
+            stringLength: files['goodbye.txt'].contents.length,
+          },
+        },
+      ],
+      timestamp: '2025-01-01T13:00:00.000Z',
+    },
+  ]
+
+  function mockFlush(
+    opts: { repeat?: number; failOnCall?: (call: number) => boolean } = {}
+  ) {
+    let currentCall = 0
+    const getResponse = () => {
+      currentCall += 1
+      return opts.failOnCall?.(currentCall) ? 500 : 200
+    }
+
+    fetchMock.post(`/project/${projectId}/flush`, getResponse, {
+      name: 'flush',
+      repeat: opts.repeat ?? 1,
+    })
+  }
+
+  function mockLatestChunk() {
+    fetchMock.getOnce(
+      `/project/${projectId}/latest/history`,
+      { chunk },
+      { name: 'latest-chunk' }
+    )
+  }
+
+  function mockChanges() {
+    fetchMock.getOnce(`/project/${projectId}/changes?since=1`, changes, {
+      name: 'changes-1',
+    })
+    fetchMock.get(`/project/${projectId}/changes?since=2`, [], {
+      name: 'changes-2',
+    })
+  }
+
+  function mockBlobs(paths = Object.keys(files) as (keyof typeof files)[]) {
+    for (const path of paths) {
+      const file = files[path]
+      fetchMock.get(`/project/${projectId}/blob/${file.hash}`, file.contents)
+    }
+  }
+
+  async function initializeSnapshot() {
+    mockFlush()
+    mockLatestChunk()
+    mockBlobs(['main.tex', 'hello.txt'])
+    await snapshot.refresh()
+    fetchMock.removeRoutes().clearHistory()
+  }
+
+  describe('after initialization', function () {
+    beforeEach(initializeSnapshot)
+
+    describe('getDocPaths()', function () {
+      it('returns the editable docs', function () {
+        expect(snapshot.getDocPaths()).to.have.members([
+          'main.tex',
+          'hello.txt',
+        ])
+      })
+    })
+
+    describe('getDocContents()', function () {
+      it('returns the doc contents', function () {
+        expect(snapshot.getDocContents('main.tex')).to.equal(
+          files['main.tex'].contents
+        )
+      })
+
+      it('returns null for binary files', function () {
+        expect(snapshot.getDocContents('frog.jpg')).to.be.null
+      })
+
+      it('returns null for inexistent files', function () {
+        expect(snapshot.getDocContents('does-not-exist.txt')).to.be.null
+      })
+    })
+  })
+
+  async function refreshSnapshot() {
+    mockFlush()
+    mockChanges()
+    mockBlobs(['goodbye.txt'])
+    await snapshot.refresh()
+    fetchMock.removeRoutes().clearHistory()
+  }
+
+  describe('after refresh', function () {
+    beforeEach(initializeSnapshot)
+    beforeEach(refreshSnapshot)
+
+    afterEach(function () {
+      fetchMock.removeRoutes().clearHistory()
+    })
+
+    describe('getDocPaths()', function () {
+      it('returns the editable docs', function () {
+        expect(snapshot.getDocPaths()).to.have.members([
+          'main.tex',
+          'hello.txt',
+          'goodbye.txt',
+        ])
+      })
+    })
+
+    describe('getDocContents()', function () {
+      it('returns the up to date content', function () {
+        expect(snapshot.getDocContents('hello.txt')).to.equal(
+          `Quote: ${files['hello.txt'].contents}`
+        )
+      })
+
+      it('returns contents of new files', function () {
+        expect(snapshot.getDocContents('goodbye.txt')).to.equal(
+          files['goodbye.txt'].contents
+        )
+      })
+    })
+  })
+
+  describe('concurrency', function () {
+    afterEach(function () {
+      fetchMock.removeRoutes().clearHistory()
+    })
+
+    specify('two concurrent inits', async function () {
+      mockFlush({ repeat: 2 })
+      mockLatestChunk()
+      mockChanges()
+      mockBlobs()
+
+      await Promise.all([snapshot.refresh(), snapshot.refresh()])
+
+      // The first request initializes, the second request loads changes
+      expect(fetchMock.callHistory.calls('flush')).to.have.length(2)
+      expect(fetchMock.callHistory.calls('latest-chunk')).to.have.length(1)
+      expect(fetchMock.callHistory.calls('changes-1')).to.have.length(1)
+    })
+
+    specify('three concurrent inits', async function () {
+      mockFlush({ repeat: 2 })
+      mockLatestChunk()
+      mockChanges()
+      mockBlobs()
+
+      await Promise.all([
+        snapshot.refresh(),
+        snapshot.refresh(),
+        snapshot.refresh(),
+      ])
+
+      // The first request initializes, the second and third are combined and
+      // load changes
+      expect(fetchMock.callHistory.calls('flush')).to.have.length(2)
+      expect(fetchMock.callHistory.calls('latest-chunk')).to.have.length(1)
+      expect(fetchMock.callHistory.calls('changes-1')).to.have.length(1)
+    })
+
+    specify('two concurrent inits - first fails', async function () {
+      mockFlush({ repeat: 2, failOnCall: call => call === 1 })
+      mockLatestChunk()
+      mockBlobs()
+
+      const results = await Promise.allSettled([
+        snapshot.refresh(),
+        snapshot.refresh(),
+      ])
+
+      // The first init fails, but the second succeeds
+      expect(results.filter(r => r.status === 'fulfilled')).to.have.length(1)
+      expect(fetchMock.callHistory.calls('flush')).to.have.length(2)
+      expect(fetchMock.callHistory.calls('latest-chunk')).to.have.length(1)
+      expect(fetchMock.callHistory.calls('changes-1')).to.have.length(0)
+    })
+
+    specify('three concurrent inits - second fails', async function () {
+      mockFlush({ repeat: 4, failOnCall: call => call === 2 })
+      mockLatestChunk()
+      mockChanges()
+      mockBlobs()
+
+      const results = await Promise.allSettled([
+        snapshot.refresh(),
+        snapshot.refresh(),
+        snapshot.refresh(),
+      ])
+
+      // Another request afterwards
+      await snapshot.refresh()
+
+      // The first init succeeds, the two queued requests fail, the last request
+      // succeeds
+      expect(results.filter(r => r.status === 'fulfilled')).to.have.length(1)
+      expect(fetchMock.callHistory.calls('flush')).to.have.length(3)
+      expect(fetchMock.callHistory.calls('latest-chunk')).to.have.length(1)
+      expect(fetchMock.callHistory.calls('changes-1')).to.have.length(1)
+      expect(fetchMock.callHistory.calls('changes-2')).to.have.length(0)
+    })
+
+    specify('two concurrent load changes', async function () {
+      mockFlush({ repeat: 3 })
+      mockLatestChunk()
+      mockChanges()
+      mockBlobs()
+
+      // Initialize
+      await snapshot.refresh()
+
+      // Two concurrent load changes
+      await Promise.all([snapshot.refresh(), snapshot.refresh()])
+
+      // One init, two load changes
+      expect(fetchMock.callHistory.calls('flush')).to.have.length(3)
+      expect(fetchMock.callHistory.calls('latest-chunk')).to.have.length(1)
+      expect(fetchMock.callHistory.calls('changes-1')).to.have.length(1)
+      expect(fetchMock.callHistory.calls('changes-2')).to.have.length(1)
+    })
+
+    specify('three concurrent load changes', async function () {
+      mockFlush({ repeat: 3 })
+      mockLatestChunk()
+      mockChanges()
+      mockBlobs()
+
+      // Initialize
+      await snapshot.refresh()
+
+      // Three concurrent load changes
+      await Promise.all([
+        snapshot.refresh(),
+        snapshot.refresh(),
+        snapshot.refresh(),
+      ])
+
+      // One init, two load changes (the two last are queued and combined)
+      expect(fetchMock.callHistory.calls('flush')).to.have.length(3)
+      expect(fetchMock.callHistory.calls('latest-chunk')).to.have.length(1)
+      expect(fetchMock.callHistory.calls('changes-1')).to.have.length(1)
+      expect(fetchMock.callHistory.calls('changes-2')).to.have.length(1)
+    })
+
+    specify('two concurrent load changes - first fails', async function () {
+      mockFlush({ repeat: 3, failOnCall: call => call === 2 })
+      mockLatestChunk()
+      mockChanges()
+      mockBlobs()
+
+      // Initialize
+      await snapshot.refresh()
+
+      // Two concurrent load changes
+      const results = await Promise.allSettled([
+        snapshot.refresh(),
+        snapshot.refresh(),
+      ])
+
+      // One init, one load changes fails, the second succeeds
+      expect(results.filter(r => r.status === 'fulfilled')).to.have.length(1)
+      expect(fetchMock.callHistory.calls('flush')).to.have.length(3)
+      expect(fetchMock.callHistory.calls('latest-chunk')).to.have.length(1)
+      expect(fetchMock.callHistory.calls('changes-1')).to.have.length(1)
+      expect(fetchMock.callHistory.calls('changes-2')).to.have.length(0)
+    })
+
+    specify('three concurrent load changes - second fails', async function () {
+      mockFlush({ repeat: 4, failOnCall: call => call === 3 })
+      mockLatestChunk()
+      mockChanges()
+      mockBlobs()
+
+      // Initialize
+      await snapshot.refresh()
+
+      // Two concurrent load changes
+      const results = await Promise.allSettled([
+        snapshot.refresh(),
+        snapshot.refresh(),
+        snapshot.refresh(),
+      ])
+
+      // Another request afterwards
+      await snapshot.refresh()
+
+      // One init, one load changes succeeds, the second and third are combined
+      // and fail, the last request succeeds
+      expect(results.filter(r => r.status === 'fulfilled')).to.have.length(1)
+      expect(fetchMock.callHistory.calls('flush')).to.have.length(4)
+      expect(fetchMock.callHistory.calls('latest-chunk')).to.have.length(1)
+      expect(fetchMock.callHistory.calls('changes-1')).to.have.length(1)
+      expect(fetchMock.callHistory.calls('changes-2')).to.have.length(1)
+    })
+  })
+})
diff --git a/services/web/test/frontend/prop-types.test.js b/services/web/test/frontend/prop-types.test.js
new file mode 100644
index 0000000..78f3829
--- /dev/null
+++ b/services/web/test/frontend/prop-types.test.js
@@ -0,0 +1,32 @@
+import { format } from 'util'
+
+/**
+ * Make tests fail when prop-types are incorrect.
+ *
+ * React's prop-types library logs an console.error when the types are
+ * incorrect. Since this error is only in the console, tests that fail the type-
+ * check will still pass.
+ *
+ * To ensure that type-checking is tested, monkey-patch the global console.error
+ * to fail the tests when prop-types errors.
+ */
+const originalConsoleError = global.console.error
+before(function () {
+  global.console.error = (message, ...args) => {
+    // Ensure we still log the error
+    originalConsoleError(message, ...args)
+
+    const formattedMessage = format(message, ...args)
+
+    // Check if the error is from prop-types
+    if (/Failed (prop|data) type/.test(formattedMessage)) {
+      // Throw an error, causing the test to fail
+      throw new Error(formattedMessage)
+    }
+  }
+})
+
+// Restore the original method
+after(function () {
+  global.console.error = originalConsoleError
+})
diff --git a/services/web/test/frontend/reset-meta-before-each.js b/services/web/test/frontend/reset-meta-before-each.js
new file mode 100644
index 0000000..928a27e
--- /dev/null
+++ b/services/web/test/frontend/reset-meta-before-each.js
@@ -0,0 +1,5 @@
+import { resetMeta } from './helpers/reset-meta'
+
+beforeEach(function () {
+  resetMeta()
+})
diff --git a/services/web/test/frontend/shared/components/icon.test.jsx b/services/web/test/frontend/shared/components/icon.test.jsx
new file mode 100644
index 0000000..b10bf0c
--- /dev/null
+++ b/services/web/test/frontend/shared/components/icon.test.jsx
@@ -0,0 +1,51 @@
+import { expect } from 'chai'
+import { screen, render } from '@testing-library/react'
+
+import Icon from '../../../../frontend/js/shared/components/icon'
+
+describe('<Icon />', function () {
+  it('renders basic fa classes', function () {
+    const { container } = render(<Icon type="angle-down" />)
+    const element = container.querySelector('i.fa.fa-angle-down')
+    expect(element).to.exist
+  })
+
+  it('renders with aria-hidden', function () {
+    const { container } = render(<Icon type="angle-down" />)
+    const element = container.querySelector('i[aria-hidden="true"]')
+    expect(element).to.exist
+  })
+
+  it('renders accessible label', function () {
+    render(<Icon type="angle-down" accessibilityLabel="Accessible Foo" />)
+    screen.getByText('Accessible Foo')
+  })
+
+  it('renders with spin', function () {
+    const { container } = render(<Icon type="angle-down" spin />)
+    const element = container.querySelector('i.fa.fa-angle-down.fa-spin')
+    expect(element).to.exist
+  })
+
+  it('renders with fw', function () {
+    const { container } = render(<Icon type="angle-down" fw />)
+    const element = container.querySelector('i.fa.fa-angle-down.fa-fw')
+    expect(element).to.exist
+  })
+
+  it('renders with modifier', function () {
+    const { container } = render(<Icon type="angle-down" modifier="2x" />)
+    const element = container.querySelector('i.fa.fa-angle-down.fa-2x')
+    expect(element).to.exist
+  })
+
+  it('renders with custom clases', function () {
+    const { container } = render(
+      <Icon type="angle-down" className="custom-icon-class" />
+    )
+    const element = container.querySelector(
+      'i.fa.fa-angle-down.custom-icon-class'
+    )
+    expect(element).to.exist
+  })
+})
diff --git a/services/web/test/frontend/shared/components/notification.test.tsx b/services/web/test/frontend/shared/components/notification.test.tsx
new file mode 100644
index 0000000..fbe5c04
--- /dev/null
+++ b/services/web/test/frontend/shared/components/notification.test.tsx
@@ -0,0 +1,62 @@
+import { expect } from 'chai'
+import { screen, render } from '@testing-library/react'
+import Notification from '../../../../frontend/js/shared/components/notification'
+import * as eventTracking from '@/infrastructure/event-tracking'
+import sinon from 'sinon'
+
+describe('<Notification />', function () {
+  let sendMBSpy: sinon.SinonSpy
+
+  beforeEach(function () {
+    sendMBSpy = sinon.spy(eventTracking, 'sendMB')
+  })
+
+  afterEach(function () {
+    sendMBSpy.restore()
+  })
+
+  it('renders and is not dismissible by default', function () {
+    render(<Notification type="info" content={<p>A notification</p>} />)
+    screen.getByText('A notification')
+    expect(screen.queryByRole('button', { name: 'Close' })).to.be.null
+  })
+
+  it('renders with action', function () {
+    render(
+      <Notification
+        type="info"
+        content={<p>A notification</p>}
+        action={<a href="/">Action</a>}
+      />
+    )
+    screen.getByText('A notification')
+    screen.getByRole('link', { name: 'Action' })
+  })
+
+  it('renders with close button', function () {
+    render(
+      <Notification type="info" content={<p>A notification</p>} isDismissible />
+    )
+    screen.getByText('A notification')
+    screen.getByRole('button', { name: 'Close' })
+  })
+
+  it('renders with title and content passed as HTML', function () {
+    render(
+      <Notification
+        type="info"
+        content={<p>A notification</p>}
+        title="A title"
+      />
+    )
+    screen.getByText('A title')
+    screen.getByText('A notification')
+  })
+
+  it('renders with content when passed as a string', function () {
+    render(
+      <Notification type="info" content="A notification" title="A title" />
+    )
+    screen.getByText('A notification')
+  })
+})
diff --git a/services/web/test/frontend/shared/components/pagination.test.jsx b/services/web/test/frontend/shared/components/pagination.test.jsx
new file mode 100644
index 0000000..c5e6e0e
--- /dev/null
+++ b/services/web/test/frontend/shared/components/pagination.test.jsx
@@ -0,0 +1,67 @@
+import { expect } from 'chai'
+import { render, screen } from '@testing-library/react'
+import Pagination from '../../../../frontend/js/shared/components/pagination'
+
+describe('<Pagination />', function () {
+  it('renders with current page handled', async function () {
+    render(
+      <Pagination currentPage={6} totalPages={10} handlePageClick={() => {}} />
+    )
+    await screen.findByLabelText('Page 6, Current Page')
+  })
+  it('renders with nearby page buttons and prev/next button', async function () {
+    render(
+      <Pagination currentPage={2} totalPages={4} handlePageClick={() => {}} />
+    )
+    await screen.findByLabelText('Page 2, Current Page')
+    await screen.findByLabelText('Go to page 1')
+    await screen.findByLabelText('Go to page 3')
+    await screen.findByLabelText('Go to page 4')
+    await screen.findByLabelText('Go to Previous Page')
+    await screen.findByLabelText('Go to Next Page')
+  })
+  it('does not render the prev button when expected', async function () {
+    render(
+      <Pagination currentPage={1} totalPages={2} handlePageClick={() => {}} />
+    )
+    await screen.findByLabelText('Page 1, Current Page')
+    await screen.findByLabelText('Go to Next Page')
+    expect(screen.queryByLabelText('Go to Prev Page')).to.be.null
+  })
+  it('does not render the next button when expected', async function () {
+    render(
+      <Pagination currentPage={2} totalPages={2} handlePageClick={() => {}} />
+    )
+    await screen.findByLabelText('Page 2, Current Page')
+    await screen.findByLabelText('Go to Previous Page')
+    expect(screen.queryByLabelText('Go to Next Page')).to.be.null
+  })
+  it('renders 1 ellipses when there are more pages than buttons and on first page', async function () {
+    render(
+      <Pagination currentPage={1} totalPages={10} handlePageClick={() => {}} />
+    )
+    const ellipses = await screen.findAllByText('…')
+    expect(ellipses.length).to.equal(1)
+  })
+  it('renders 1 ellipses when on last page and there are more previous pages than buttons', async function () {
+    render(
+      <Pagination currentPage={10} totalPages={10} handlePageClick={() => {}} />
+    )
+    const ellipses = await screen.findAllByText('…')
+    expect(ellipses.length).to.equal(1)
+  })
+  it('renders 2 ellipses when there are more pages than buttons', async function () {
+    render(
+      <Pagination currentPage={5} totalPages={10} handlePageClick={() => {}} />
+    )
+    const ellipses = await screen.findAllByText('…')
+    expect(ellipses.length).to.equal(2)
+  })
+  it('only renders the number of page buttons set by maxOtherPageButtons', async function () {
+    render(
+      <Pagination currentPage={1} totalPages={100} handlePageClick={() => {}} />
+    )
+    const items = document.querySelectorAll('button')
+    expect(items.length).to.equal(6) // 5 page buttons + next button
+  })
+})
diff --git a/services/web/test/frontend/shared/components/processing.test.jsx b/services/web/test/frontend/shared/components/processing.test.jsx
new file mode 100644
index 0000000..a053193
--- /dev/null
+++ b/services/web/test/frontend/shared/components/processing.test.jsx
@@ -0,0 +1,16 @@
+import { expect } from 'chai'
+import { render } from '@testing-library/react'
+import Processing from '../../../../frontend/js/shared/components/processing'
+
+describe('<Processing />', function () {
+  it('renders processing UI when isProcessing is true', function () {
+    const { container } = render(<Processing isProcessing />)
+    const element = container.querySelector('i.fa.fa-refresh')
+    expect(element).to.exist
+  })
+  it('does not render processing UI when isProcessing is false', function () {
+    const { container } = render(<Processing isProcessing={false} />)
+    const element = container.querySelector('i.fa.fa-refresh')
+    expect(element).to.not.exist
+  })
+})
diff --git a/services/web/test/frontend/shared/components/radio-chip.test.tsx b/services/web/test/frontend/shared/components/radio-chip.test.tsx
new file mode 100644
index 0000000..08e0b1b
--- /dev/null
+++ b/services/web/test/frontend/shared/components/radio-chip.test.tsx
@@ -0,0 +1,57 @@
+import { expect } from 'chai'
+import { render, screen } from '@testing-library/react'
+import RadioChip from '@/shared/components/radio-chip'
+
+describe('<RadioChip />', function () {
+  const defaultProps = {
+    name: 'test',
+    label: 'Test',
+    value: 'testValue',
+    onChange: () => {},
+  }
+
+  describe('component renders and with label', function () {
+    it('renders and label is provided', function () {
+      render(<RadioChip {...defaultProps} />)
+      screen.getByText('Test')
+    })
+  })
+
+  describe('props', function () {
+    it('should be checked when the checked prop is provided', function () {
+      render(<RadioChip {...defaultProps} checked />)
+      const radioChip = screen.getByRole('radio') as HTMLInputElement
+      expect(radioChip.checked).to.equal(true)
+    })
+
+    it('should be disabled when the disabled prop is provided', function () {
+      render(<RadioChip {...defaultProps} disabled />)
+      const radioChip = screen.getByRole('radio') as HTMLInputElement
+      expect(radioChip.disabled).to.equal(true)
+    })
+
+    it('should have the required attribute when the required prop is provided', function () {
+      render(<RadioChip {...defaultProps} required />)
+      const radioChip = screen.getByRole('radio') as HTMLInputElement
+      expect(radioChip.required).to.equal(true)
+    })
+
+    it('should use the provided name prop', function () {
+      render(<RadioChip {...defaultProps} name="testName" />)
+      const radioChip = screen.getByRole('radio') as HTMLInputElement
+      expect(radioChip.name).to.equal('testName')
+    })
+
+    it('should use the provided value prop', function () {
+      render(<RadioChip {...defaultProps} />)
+      const radioChip = screen.getByRole('radio') as HTMLInputElement
+      expect(radioChip.value).to.equal('testValue')
+    })
+
+    it('should have the data-disabled attribute when the disabled prop is provided', function () {
+      render(<RadioChip {...defaultProps} disabled />)
+      const label = screen.getByText('Test')?.closest('label')
+      expect(label?.getAttribute('data-disabled')).to.equal('true')
+    })
+  })
+})
diff --git a/services/web/test/frontend/shared/hooks/use-abort-controller.test.tsx b/services/web/test/frontend/shared/hooks/use-abort-controller.test.tsx
new file mode 100644
index 0000000..3b18913
--- /dev/null
+++ b/services/web/test/frontend/shared/hooks/use-abort-controller.test.tsx
@@ -0,0 +1,93 @@
+import fetchMock from 'fetch-mock'
+import { expect } from 'chai'
+import React from 'react'
+import { render, waitFor } from '@testing-library/react'
+import useAbortController from '../../../../frontend/js/shared/hooks/use-abort-controller'
+import { getJSON } from '../../../../frontend/js/infrastructure/fetch-json'
+
+describe('useAbortController', function () {
+  let status: {
+    loading: boolean
+    success: boolean | null
+    error: any | null
+  }
+
+  beforeEach(function () {
+    fetchMock.removeRoutes().clearHistory()
+
+    status = {
+      loading: false,
+      success: null,
+      error: null,
+    }
+  })
+
+  after(function () {
+    fetchMock.removeRoutes().clearHistory()
+  })
+
+  function AbortableRequest({ url }: { url: string }) {
+    const { signal } = useAbortController()
+
+    React.useEffect(() => {
+      status.loading = true
+
+      getJSON(url, { signal })
+        .then(() => {
+          status.success = true
+        })
+        .catch(error => {
+          status.error = error
+        })
+        .finally(() => {
+          status.loading = false
+        })
+    }, [signal, url])
+
+    return null
+  }
+
+  it('calls then when the request succeeds', async function () {
+    fetchMock.get('/test', { status: 204 }, { delay: 100 })
+
+    render(<AbortableRequest url="/test" />)
+
+    expect(status.loading).to.be.true
+    await waitFor(() => expect(status.loading).to.be.false)
+
+    expect(status.success).to.be.true
+    expect(status.error).to.be.null
+  })
+
+  it('calls catch when the request fails', async function () {
+    fetchMock.get('/test', { status: 500 }, { delay: 100 })
+
+    render(<AbortableRequest url="/test" />)
+
+    expect(status.loading).to.be.true
+    await waitFor(() => expect(status.loading).to.be.false)
+
+    expect(status.success).to.be.null
+    expect(status.error).not.to.be.null
+  })
+
+  it('cancels a request when unmounted', async function () {
+    fetchMock.get('/test', { status: 204 }, { delay: 100 })
+
+    const { unmount } = render(<AbortableRequest url="/test" />)
+
+    expect(status.loading).to.be.true
+
+    unmount()
+
+    await fetchMock.callHistory.flush(true)
+    expect(fetchMock.callHistory.done()).to.be.true
+
+    // wait for Promises to be resolved
+    await new Promise(resolve => setTimeout(resolve, 0))
+
+    expect(status.success).to.be.null
+    expect(status.error).to.be.null
+    expect(status.loading).to.be.true
+  })
+})
diff --git a/services/web/test/frontend/shared/hooks/use-async.test.ts b/services/web/test/frontend/shared/hooks/use-async.test.ts
new file mode 100644
index 0000000..ee0d033
--- /dev/null
+++ b/services/web/test/frontend/shared/hooks/use-async.test.ts
@@ -0,0 +1,182 @@
+import { renderHook, act } from '@testing-library/react-hooks'
+import { expect } from 'chai'
+import sinon from 'sinon'
+import useAsync from '../../../../frontend/js/shared/hooks/use-async'
+import { debugConsole } from '@/utils/debugging'
+
+function deferred() {
+  let res!: (
+    value: Record<string, unknown> | PromiseLike<Record<string, unknown>>
+  ) => void
+  let rej!: (reason?: any) => void
+
+  const promise = new Promise<Record<string, unknown>>((resolve, reject) => {
+    res = resolve
+    rej = reject
+  })
+
+  return { promise, resolve: res, reject: rej }
+}
+
+const defaultState = {
+  status: 'idle',
+  data: null,
+  error: null,
+
+  isIdle: true,
+  isLoading: false,
+  isError: false,
+  isSuccess: false,
+}
+
+const pendingState = {
+  ...defaultState,
+  status: 'pending',
+  isIdle: false,
+  isLoading: true,
+}
+
+const resolvedState = {
+  ...defaultState,
+  status: 'resolved',
+  isIdle: false,
+  isSuccess: true,
+}
+
+const rejectedState = {
+  ...defaultState,
+  status: 'rejected',
+  isIdle: false,
+  isError: true,
+}
+
+describe('useAsync', function () {
+  let spyOnDebugConsoleError: sinon.SinonSpy
+  beforeEach(function () {
+    spyOnDebugConsoleError = sinon.spy(debugConsole, 'error')
+  })
+
+  afterEach(function () {
+    spyOnDebugConsoleError.restore()
+  })
+
+  it('exposes the methods', function () {
+    const { result } = renderHook(() => useAsync())
+
+    expect(result.current.setData).to.be.a('function')
+    expect(result.current.setError).to.be.a('function')
+    expect(result.current.runAsync).to.be.a('function')
+  })
+
+  it('calling `runAsync` with a promise which resolves', async function () {
+    const { promise, resolve } = deferred()
+    const { result } = renderHook(() => useAsync())
+
+    expect(result.current).to.include(defaultState)
+
+    let p: Promise<unknown>
+    act(() => {
+      p = result.current.runAsync(promise)
+    })
+
+    expect(result.current).to.include(pendingState)
+
+    const resolvedValue = {}
+    await act(async () => {
+      resolve(resolvedValue)
+      await p
+    })
+
+    expect(result.current).to.include({
+      ...resolvedState,
+      data: resolvedValue,
+    })
+
+    act(() => {
+      result.current.reset()
+    })
+
+    expect(result.current).to.include(defaultState)
+  })
+
+  it('calling `runAsync` with a promise which rejects', async function () {
+    const { promise, reject } = deferred()
+    const { result } = renderHook(() => useAsync())
+
+    expect(result.current).to.include(defaultState)
+
+    let p: Promise<unknown>
+    act(() => {
+      p = result.current.runAsync(promise).catch(() => {})
+    })
+
+    expect(result.current).to.include(pendingState)
+
+    const rejectedValue = Symbol('rejected value')
+    await act(async () => {
+      reject(rejectedValue)
+      await p
+    })
+
+    expect(result.current).to.include({
+      ...rejectedState,
+      error: rejectedValue,
+    })
+  })
+
+  it('can specify an initial state', function () {
+    const mockData = Symbol('resolved value')
+    const customInitialState = { status: 'resolved' as const, data: mockData }
+    const { result } = renderHook(() => useAsync(customInitialState))
+
+    expect(result.current).to.include({
+      ...resolvedState,
+      ...customInitialState,
+    })
+  })
+
+  it('can set the data', function () {
+    const mockData = Symbol('resolved value')
+    const { result } = renderHook(() => useAsync())
+
+    act(() => {
+      result.current.setData(mockData)
+    })
+
+    expect(result.current).to.include({
+      ...resolvedState,
+      data: mockData,
+    })
+  })
+
+  it('can set the error', function () {
+    const mockError = new Error('rejected value')
+    const { result } = renderHook(() => useAsync())
+
+    act(() => {
+      result.current.setError(mockError)
+    })
+
+    expect(result.current).to.include({
+      ...rejectedState,
+      error: mockError,
+    })
+  })
+
+  it('no state updates happen if the component is unmounted while pending', async function () {
+    const { promise, resolve } = deferred()
+    const { result, unmount } = renderHook(() => useAsync())
+
+    let p: Promise<unknown>
+    act(() => {
+      p = result.current.runAsync(promise)
+    })
+    unmount()
+    await act(async () => {
+      resolve({})
+      await p
+    })
+
+    expect(debugConsole.error).not.to.have.been.called
+  })
+})
diff --git a/services/web/test/frontend/shared/hooks/use-callback-handlers.test.js b/services/web/test/frontend/shared/hooks/use-callback-handlers.test.js
new file mode 100644
index 0000000..f1ba354
--- /dev/null
+++ b/services/web/test/frontend/shared/hooks/use-callback-handlers.test.js
@@ -0,0 +1,34 @@
+import sinon from 'sinon'
+import { renderHook } from '@testing-library/react-hooks'
+import useCallbackHandlers from '../../../../frontend/js/shared/hooks/use-callback-handlers'
+
+describe('useCallbackHandlers', function () {
+  it('adds, removes and calls all handlers without duplicate', async function () {
+    const handler1 = sinon.stub()
+    const handler2 = sinon.stub()
+    const handler3 = sinon.stub()
+
+    const { result } = renderHook(() => useCallbackHandlers())
+
+    result.current.addHandler(handler1)
+    result.current.deleteHandler(handler1)
+    result.current.addHandler(handler1)
+
+    result.current.addHandler(handler2)
+    result.current.deleteHandler(handler2)
+
+    result.current.addHandler(handler3)
+    result.current.addHandler(handler3)
+
+    result.current.callHandlers('foo')
+    result.current.callHandlers(1337)
+
+    sinon.assert.calledTwice(handler1)
+    sinon.assert.calledWith(handler1, 'foo')
+    sinon.assert.calledWith(handler1, 1337)
+
+    sinon.assert.notCalled(handler2)
+
+    sinon.assert.calledTwice(handler3)
+  })
+})
diff --git a/services/web/test/frontend/shared/hooks/use-detach-action.spec.tsx b/services/web/test/frontend/shared/hooks/use-detach-action.spec.tsx
new file mode 100644
index 0000000..a7c024f
--- /dev/null
+++ b/services/web/test/frontend/shared/hooks/use-detach-action.spec.tsx
@@ -0,0 +1,113 @@
+import { FC } from 'react'
+import useDetachAction from '../../../../frontend/js/shared/hooks/use-detach-action'
+import { detachChannel, testDetachChannel } from '../../helpers/detach-channel'
+import { EditorProviders } from '../../helpers/editor-providers'
+
+const DetachActionTest: FC<{
+  actionName: string
+  actionFunction: () => void
+  handleClick: (trigger: (value: any) => void) => void
+}> = ({ actionName, actionFunction, handleClick }) => {
+  const trigger = useDetachAction(
+    actionName,
+    actionFunction,
+    'detacher',
+    'detached'
+  )
+
+  return (
+    <button id="trigger" onClick={() => handleClick(trigger)}>
+      trigger
+    </button>
+  )
+}
+
+describe('useDetachAction', function () {
+  it('broadcast message as sender', function () {
+    window.metaAttributesCache.set('ol-detachRole', 'detacher')
+
+    cy.mount(
+      <EditorProviders>
+        <DetachActionTest
+          actionName="some-action"
+          actionFunction={cy.stub().as('actionFunction')}
+          handleClick={trigger => trigger('foo')}
+        />
+      </EditorProviders>
+    )
+
+    cy.spy(detachChannel, 'postMessage').as('postDetachMessage')
+    cy.get('#trigger').click()
+    cy.get('@postDetachMessage').should('have.been.calledWith', {
+      role: 'detacher',
+      event: 'action-some-action',
+      data: { args: ['foo'] },
+    })
+    cy.get('@actionFunction').should('not.have.been.called')
+  })
+
+  it('call function as non-sender', function () {
+    cy.mount(
+      <EditorProviders>
+        <DetachActionTest
+          actionName="some-action"
+          actionFunction={cy.stub().as('actionFunction')}
+          handleClick={trigger => trigger('foo')}
+        />
+      </EditorProviders>
+    )
+
+    cy.spy(detachChannel, 'postMessage').as('postDetachMessage')
+    cy.get('#trigger').click()
+    cy.get('@postDetachMessage').should('not.have.been.called')
+    cy.get('@actionFunction').should('have.been.calledWith', 'foo')
+  })
+
+  it('receive message and call function as target', function () {
+    window.metaAttributesCache.set('ol-detachRole', 'detached')
+
+    cy.mount(
+      <EditorProviders>
+        <DetachActionTest
+          actionName="some-action"
+          actionFunction={cy.stub().as('actionFunction')}
+          handleClick={trigger => trigger('foo')}
+        />
+      </EditorProviders>
+    )
+
+    cy.wrap(null).then(() => {
+      testDetachChannel.postMessage({
+        role: 'detached',
+        event: 'action-some-action',
+        data: { args: ['foo'] },
+      })
+    })
+
+    cy.get('@actionFunction').should('have.been.calledWith', 'foo')
+  })
+
+  it('receive message and does not call function as non-target', function () {
+    window.metaAttributesCache.set('ol-detachRole', 'detacher')
+
+    cy.mount(
+      <EditorProviders>
+        <DetachActionTest
+          actionName="some-action"
+          actionFunction={cy.stub().as('actionFunction')}
+          handleClick={trigger => trigger('foo')}
+        />
+      </EditorProviders>
+    )
+
+    cy.wrap(null).then(() => {
+      testDetachChannel.postMessage({
+        role: 'detached',
+        event: 'action-some-action',
+        data: { args: [] },
+      })
+    })
+
+    cy.get('@actionFunction').should('not.have.been.called')
+  })
+})
diff --git a/services/web/test/frontend/shared/hooks/use-detach-layout.spec.tsx b/services/web/test/frontend/shared/hooks/use-detach-layout.spec.tsx
new file mode 100644
index 0000000..ea02820
--- /dev/null
+++ b/services/web/test/frontend/shared/hooks/use-detach-layout.spec.tsx
@@ -0,0 +1,249 @@
+import useDetachLayout from '../../../../frontend/js/shared/hooks/use-detach-layout'
+import { detachChannel, testDetachChannel } from '../../helpers/detach-channel'
+import { EditorProviders } from '../../helpers/editor-providers'
+import OLFormGroup from '@/features/ui/components/ol/ol-form-group'
+import OLFormCheckbox from '@/features/ui/components/ol/ol-form-checkbox'
+import OLFormLabel from '@/features/ui/components/ol/ol-form-label'
+import OLButton from '@/features/ui/components/ol/ol-button'
+
+const DetachLayoutTest = () => {
+  const { role, reattach, detach, isLinked, isLinking, isRedundant } =
+    useDetachLayout()
+
+  return (
+    <fieldset>
+      <legend>
+        role: <span id="role">{role || 'none'}</span>
+      </legend>
+      <OLFormGroup>
+        <OLFormCheckbox id="isLinked" inline checked={isLinked} readOnly />
+        <OLFormLabel>linked</OLFormLabel>
+      </OLFormGroup>
+      <OLFormGroup>
+        <OLFormCheckbox id="isLinking" inline checked={isLinking} readOnly />
+        <OLFormLabel>linking</OLFormLabel>
+      </OLFormGroup>
+      <OLFormGroup>
+        <OLFormCheckbox
+          id="isRedundant"
+          inline
+          checked={isRedundant}
+          readOnly
+        />
+        <OLFormLabel>redundant</OLFormLabel>
+      </OLFormGroup>
+      <OLButton id="reattach" onClick={reattach}>
+        reattach
+      </OLButton>
+      <OLButton id="detach" onClick={detach}>
+        detach
+      </OLButton>
+    </fieldset>
+  )
+}
+
+describe('useDetachLayout', function () {
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-preventCompileOnLoad', true)
+    cy.stub(window, 'open').as('openWindow')
+    cy.stub(window, 'close').as('closeWindow')
+    cy.interceptEvents()
+  })
+
+  it('detaching', function () {
+    // 1. create hook in normal mode
+    cy.mount(
+      <EditorProviders>
+        <DetachLayoutTest />
+      </EditorProviders>
+    )
+
+    cy.get('#isLinked').should('not.be.checked')
+    cy.get('#isLinking').should('not.be.checked')
+    cy.get('#role').should('have.text', 'none')
+
+    // 2. detach
+    cy.get('#detach').click()
+    cy.get('@openWindow').should(
+      'have.been.calledOnceWith',
+      Cypress.sinon.match(/\/detached/),
+      '_blank'
+    )
+    cy.get('#isLinked').should('not.be.checked')
+    cy.get('#isLinking').should('be.checked')
+    cy.get('#role').should('have.text', 'detacher')
+  })
+
+  it('detacher role', function () {
+    // 1. create hook in detacher mode
+    window.metaAttributesCache.set('ol-detachRole', 'detacher')
+
+    cy.mount(
+      <EditorProviders>
+        <DetachLayoutTest />
+      </EditorProviders>
+    )
+
+    cy.get('#isLinked').should('not.be.checked')
+    cy.get('#isLinking').should('not.be.checked')
+    cy.get('#role').should('have.text', 'detacher')
+
+    cy.spy(detachChannel, 'postMessage').as('postDetachMessage')
+
+    cy.wrap(null).then(() => {
+      testDetachChannel.postMessage({
+        role: 'detached',
+        event: 'connected',
+      })
+    })
+
+    // 2. simulate connected detached tab
+    cy.get('@postDetachMessage').should('have.been.calledWith', {
+      role: 'detacher',
+      event: 'up',
+    })
+
+    cy.get('#isLinked').should('be.checked')
+    cy.get('#isLinking').should('not.be.checked')
+    cy.get('#role').should('have.text', 'detacher')
+
+    // 3. simulate closed detached tab
+    cy.wrap(null).then(() => {
+      testDetachChannel.postMessage({
+        role: 'detached',
+        event: 'closed',
+      })
+    })
+    cy.get('#isLinked').should('not.be.checked')
+    cy.get('#isLinking').should('not.be.checked')
+    cy.get('#role').should('have.text', 'detacher')
+
+    // 4. simulate up detached tab
+    cy.wrap(null).then(() => {
+      testDetachChannel.postMessage({
+        role: 'detached',
+        event: 'up',
+      })
+    })
+
+    cy.get('#isLinked').should('be.checked')
+    cy.get('#isLinking').should('not.be.checked')
+    cy.get('#role').should('have.text', 'detacher')
+
+    // 5. reattach
+    cy.get('@postDetachMessage').invoke('resetHistory')
+    cy.get('#reattach').click()
+
+    cy.get('#isLinked').should('not.be.checked')
+    cy.get('#isLinking').should('not.be.checked')
+    cy.get('#role').should('have.text', 'none')
+    cy.get('@postDetachMessage').should('have.been.calledWith', {
+      role: 'detacher',
+      event: 'reattach',
+    })
+  })
+
+  it('reset detacher role when other detacher tab connects', function () {
+    // 1. create hook in detacher mode
+    window.metaAttributesCache.set('ol-detachRole', 'detacher')
+
+    cy.mount(
+      <EditorProviders>
+        <DetachLayoutTest />
+      </EditorProviders>
+    )
+
+    cy.get('#isLinked').should('not.be.checked')
+    cy.get('#isLinking').should('not.be.checked')
+    cy.get('#role').should('have.text', 'detacher')
+
+    // 2. simulate other detacher tab
+    cy.wrap(null).then(() => {
+      testDetachChannel.postMessage({
+        role: 'detacher',
+        event: 'up',
+      })
+    })
+
+    cy.get('#isRedundant').should('be.checked')
+    cy.get('#role').should('have.text', 'none')
+  })
+
+  it('detached role', function () {
+    // 1. create hook in detached mode
+    window.metaAttributesCache.set('ol-detachRole', 'detached')
+
+    cy.mount(
+      <EditorProviders>
+        <DetachLayoutTest />
+      </EditorProviders>
+    )
+
+    cy.get('#isLinked').should('not.be.checked')
+    cy.get('#isLinking').should('not.be.checked')
+    cy.get('#role').should('have.text', 'detached')
+
+    // 2. simulate up detacher tab
+    cy.wrap(null).then(() => {
+      testDetachChannel.postMessage({
+        role: 'detacher',
+        event: 'up',
+      })
+    })
+
+    cy.get('#isLinked').should('be.checked')
+    cy.get('#isLinking').should('not.be.checked')
+    cy.get('#role').should('have.text', 'detached')
+
+    // 3. simulate closed detacher tab
+    cy.wrap(null).then(() => {
+      testDetachChannel.postMessage({
+        role: 'detacher',
+        event: 'closed',
+      })
+    })
+    cy.get('#isLinked').should('not.be.checked')
+    cy.get('#isLinking').should('not.be.checked')
+    cy.get('#role').should('have.text', 'detached')
+
+    // 4. simulate up detacher tab
+    cy.wrap(null).then(() => {
+      testDetachChannel.postMessage({
+        role: 'detacher',
+        event: 'up',
+      })
+    })
+    cy.get('#isLinked').should('be.checked')
+    cy.get('#isLinking').should('not.be.checked')
+    cy.get('#role').should('have.text', 'detached')
+
+    // 5. simulate closed detached tab
+    cy.spy(detachChannel, 'postMessage').as('postDetachMessage')
+    cy.wrap(null).then(() => {
+      testDetachChannel.postMessage({
+        role: 'detached',
+        event: 'closed',
+      })
+    })
+    cy.get('#isLinked').should('be.checked')
+    cy.get('#isLinking').should('not.be.checked')
+    cy.get('#role').should('have.text', 'detached')
+    cy.get('@postDetachMessage').should('have.been.calledWith', {
+      role: 'detached',
+      event: 'up',
+    })
+
+    // 6. simulate reattach event
+    cy.get('@postDetachMessage').invoke('resetHistory')
+    cy.wrap(null).then(() => {
+      testDetachChannel.postMessage({
+        role: 'detacher',
+        event: 'reattach',
+      })
+    })
+    cy.get('#isLinked').should('not.be.checked')
+    cy.get('#isLinking').should('not.be.checked')
+    cy.get('#role').should('have.text', 'detached')
+    cy.get('@closeWindow').should('have.been.called')
+  })
+})
diff --git a/services/web/test/frontend/shared/hooks/use-detach-state.spec.tsx b/services/web/test/frontend/shared/hooks/use-detach-state.spec.tsx
new file mode 100644
index 0000000..cd06f86
--- /dev/null
+++ b/services/web/test/frontend/shared/hooks/use-detach-state.spec.tsx
@@ -0,0 +1,100 @@
+import { FC } from 'react'
+import useDetachState from '../../../../frontend/js/shared/hooks/use-detach-state'
+import { EditorProviders } from '../../helpers/editor-providers'
+import { detachChannel, testDetachChannel } from '../../helpers/detach-channel'
+
+const DetachStateTest: FC<{
+  stateKey: string
+  defaultValue: any
+  senderRole?: string
+  targetRole?: string
+  handleClick: (setValue: (value: any) => void) => void
+}> = ({ stateKey, defaultValue, handleClick, senderRole, targetRole }) => {
+  const [value, setValue] = useDetachState(
+    stateKey,
+    defaultValue,
+    senderRole,
+    targetRole
+  )
+
+  return (
+    <div>
+      <div id="value">{value}</div>
+      <button id="setValue" onClick={() => handleClick(setValue)}>
+        set value
+      </button>
+    </div>
+  )
+}
+
+describe('useDetachState', function () {
+  it('create and update state', function () {
+    cy.mount(
+      <EditorProviders>
+        <DetachStateTest
+          stateKey="some-key"
+          defaultValue="foobar"
+          handleClick={setValue => {
+            setValue('barbaz')
+          }}
+        />
+      </EditorProviders>
+    )
+
+    cy.get('#value').should('have.text', 'foobar')
+    cy.get('#setValue').click()
+    cy.get('#value').should('have.text', 'barbaz')
+  })
+
+  it('broadcast message as sender', function () {
+    window.metaAttributesCache.set('ol-detachRole', 'detacher')
+
+    cy.mount(
+      <EditorProviders>
+        <DetachStateTest
+          stateKey="some-key"
+          defaultValue={null}
+          senderRole="detacher"
+          targetRole="detached"
+          handleClick={setValue => {
+            setValue('barbaz1')
+          }}
+        />
+      </EditorProviders>
+    )
+
+    cy.spy(detachChannel, 'postMessage').as('postDetachMessage')
+    cy.get('#setValue').click()
+    cy.get('@postDetachMessage').should('have.been.calledWith', {
+      role: 'detacher',
+      event: 'state-some-key',
+      data: { value: 'barbaz1' },
+    })
+  })
+
+  it('receive message as target', function () {
+    window.metaAttributesCache.set('ol-detachRole', 'detached')
+
+    cy.mount(
+      <EditorProviders>
+        <DetachStateTest
+          stateKey="some-key"
+          defaultValue={null}
+          senderRole="detacher"
+          targetRole="detached"
+          handleClick={() => {}}
+        />
+      </EditorProviders>
+    )
+
+    cy.wrap(null).then(() => {
+      testDetachChannel.postMessage({
+        role: 'detached',
+        event: 'state-some-key',
+        data: { value: 'barbaz2' },
+      })
+    })
+
+    cy.get('#value').should('have.text', 'barbaz2')
+  })
+})
diff --git a/services/web/test/frontend/shared/hooks/use-expand-collapse.test.jsx b/services/web/test/frontend/shared/hooks/use-expand-collapse.test.jsx
new file mode 100644
index 0000000..15e08ed
--- /dev/null
+++ b/services/web/test/frontend/shared/hooks/use-expand-collapse.test.jsx
@@ -0,0 +1,157 @@
+import PropTypes from 'prop-types'
+import { expect } from 'chai'
+import { render } from '@testing-library/react'
+
+import useExpandCollapse from '../../../../frontend/js/shared/hooks/use-expand-collapse'
+
+const sampleContent = (
+  <div>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+    <p>Maecenas maximus ultrices sollicitudin.</p>
+    <p>Praesent mollis arcu eget molestie viverra.</p>
+    <p>Pellentesque eget molestie nisl, non hendrerit lectus.</p>
+  </div>
+)
+
+const originalScrollHeight = Object.getOwnPropertyDescriptor(
+  HTMLElement.prototype,
+  'offsetHeight'
+)
+const originalScrollWidth = Object.getOwnPropertyDescriptor(
+  HTMLElement.prototype,
+  'offsetWidth'
+)
+
+function ExpandCollapseTestUI({ expandCollapseArgs }) {
+  const { expandableProps } = useExpandCollapse(expandCollapseArgs)
+  return (
+    <>
+      <div {...expandableProps}>{sampleContent}</div>
+    </>
+  )
+}
+ExpandCollapseTestUI.propTypes = {
+  expandCollapseArgs: PropTypes.object,
+}
+
+describe('useExpandCollapse', function () {
+  // JSDom doesn't compute layout/sizing, so we need to simulate sizing for the elements
+  // Here we are simulating that the content is bigger than the `collapsedSize`, so
+  // the expand-collapse widget is used
+  beforeEach(function () {
+    Object.defineProperty(HTMLElement.prototype, 'scrollHeight', {
+      configurable: true,
+      value: 500,
+    })
+    Object.defineProperty(HTMLElement.prototype, 'scrollWidth', {
+      configurable: true,
+      value: 500,
+    })
+  })
+
+  afterEach(function () {
+    Object.defineProperty(
+      HTMLElement.prototype,
+      'scrollHeight',
+      originalScrollHeight
+    )
+    Object.defineProperty(
+      HTMLElement.prototype,
+      'scrollWidth',
+      originalScrollWidth
+    )
+  })
+
+  describe('custom CSS classes', function () {
+    it('supports a custom CSS class', function () {
+      const testArgs = {
+        classes: {
+          container: 'my-custom-class',
+        },
+      }
+      const { container } = render(
+        <ExpandCollapseTestUI expandCollapseArgs={testArgs} />
+      )
+      const elWithCustomCSSClass = container.querySelector('div')
+      expect(elWithCustomCSSClass).to.exist
+    })
+    it('supports an extra custom CSS class for the collapsed state', function () {
+      const testArgs = {
+        classes: {
+          containerCollapsed: 'my-custom-collapsed-class',
+        },
+      }
+
+      const { container } = render(
+        <ExpandCollapseTestUI expandCollapseArgs={testArgs} />
+      )
+      const elWithCustomCollapsedCSSClass = container.querySelector(
+        '.my-custom-collapsed-class'
+      )
+      expect(elWithCustomCollapsedCSSClass).to.exist
+    })
+    it('ignores the collapsed CSS class when expanded', function () {
+      const testArgs = {
+        initiallyExpanded: true,
+        classes: {
+          containerCollapsed: 'my-custom-collapsed-class',
+        },
+      }
+      const { container } = render(
+        <ExpandCollapseTestUI expandCollapseArgs={testArgs} />
+      )
+      const elWithCustomCollapsedCSSClass = container.querySelector(
+        '.my-custom-collapsed-class'
+      )
+      expect(elWithCustomCollapsedCSSClass).to.not.exist
+    })
+  })
+  describe('height and width support via dimension argument', function () {
+    it('defaults to height', function () {
+      const { container } = render(<ExpandCollapseTestUI />)
+      const expandCollapseEl = container.firstChild
+      expect(expandCollapseEl.style.height).to.not.be.empty
+      expect(expandCollapseEl.style.width).to.be.empty
+    })
+    it('supports width', function () {
+      const testArgs = {
+        dimension: 'width',
+      }
+      const { container } = render(
+        <ExpandCollapseTestUI expandCollapseArgs={testArgs} />
+      )
+      const expandCollapseEl = container.firstChild
+      expect(expandCollapseEl.style.height).to.be.empty
+      expect(expandCollapseEl.style.width).to.not.be.empty
+    })
+  })
+  describe('collapsed size support via collapsedSize argument', function () {
+    it('defaults to 0px', function () {
+      const { container } = render(<ExpandCollapseTestUI />)
+      const expandCollapseEl = container.firstChild
+      expect(expandCollapseEl.style.height).to.equal('0px')
+    })
+    it('supports a custom collapsed size', function () {
+      const testArgs = {
+        collapsedSize: 200,
+      }
+      const { container } = render(
+        <ExpandCollapseTestUI expandCollapseArgs={testArgs} />
+      )
+      const expandCollapseEl = container.firstChild
+      expect(expandCollapseEl.style.height).to.equal('200px')
+    })
+    it('supports a custom collapsed size for width', function () {
+      const testArgs = {
+        collapsedSize: 200,
+        dimension: 'width',
+      }
+      const { container } = render(
+        <ExpandCollapseTestUI expandCollapseArgs={testArgs} />
+      )
+      const expandCollapseEl = container.firstChild
+      expect(expandCollapseEl.style.height).to.be.empty
+      expect(expandCollapseEl.style.width).to.equal('200px')
+    })
+  })
+})
diff --git a/services/web/test/frontend/shared/hooks/use-persisted-state.test.tsx b/services/web/test/frontend/shared/hooks/use-persisted-state.test.tsx
new file mode 100644
index 0000000..5b67069
--- /dev/null
+++ b/services/web/test/frontend/shared/hooks/use-persisted-state.test.tsx
@@ -0,0 +1,183 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import { useEffect } from 'react'
+import { render, screen } from '@testing-library/react'
+import usePersistedState from '../../../../frontend/js/shared/hooks/use-persisted-state'
+import localStorage from '@/infrastructure/local-storage'
+
+describe('usePersistedState', function () {
+  beforeEach(function () {
+    sinon.spy(window.Storage.prototype, 'getItem')
+    sinon.spy(window.Storage.prototype, 'removeItem')
+    sinon.spy(window.Storage.prototype, 'setItem')
+  })
+
+  afterEach(function () {
+    sinon.restore()
+  })
+
+  it('reads the value from localStorage', function () {
+    const key = 'test'
+    localStorage.setItem(key, 'foo')
+    expect(window.Storage.prototype.setItem).to.have.callCount(1)
+
+    const Test = () => {
+      const [value] = usePersistedState(key)
+
+      return <div>{value}</div>
+    }
+
+    render(<Test />)
+    screen.getByText('foo')
+
+    expect(window.Storage.prototype.getItem).to.have.callCount(1)
+    expect(window.Storage.prototype.removeItem).to.have.callCount(0)
+    expect(window.Storage.prototype.setItem).to.have.callCount(1)
+
+    expect(localStorage.getItem(key)).to.equal('foo')
+  })
+
+  it('uses the default value without storing anything', function () {
+    const key = 'test:default'
+
+    const Test = () => {
+      const [value] = usePersistedState(key, 'foo')
+
+      return <div>{value}</div>
+    }
+
+    render(<Test />)
+    screen.getByText('foo')
+
+    expect(window.Storage.prototype.getItem).to.have.callCount(1)
+    expect(window.Storage.prototype.removeItem).to.have.callCount(0)
+    expect(window.Storage.prototype.setItem).to.have.callCount(0)
+
+    expect(localStorage.getItem(key)).to.be.null
+  })
+
+  it('stores the new value in localStorage', function () {
+    const key = 'test:store'
+    localStorage.setItem(key, 'foo')
+    expect(window.Storage.prototype.setItem).to.have.callCount(1)
+
+    const Test = () => {
+      const [value, setValue] = usePersistedState(key, 'bar')
+
+      useEffect(() => {
+        setValue('baz')
+      }, [setValue])
+
+      return <div>{value}</div>
+    }
+
+    render(<Test />)
+
+    screen.getByText('baz')
+
+    expect(window.Storage.prototype.getItem).to.have.callCount(1)
+    expect(window.Storage.prototype.removeItem).to.have.callCount(0)
+    expect(window.Storage.prototype.setItem).to.have.callCount(2)
+
+    expect(localStorage.getItem(key)).to.equal('baz')
+  })
+
+  it('removes the value from localStorage if it equals the default value', function () {
+    const key = 'test:store-default'
+    localStorage.setItem(key, 'foo')
+    expect(window.Storage.prototype.setItem).to.have.callCount(1)
+
+    const Test = () => {
+      const [value, setValue] = usePersistedState(key, 'bar')
+
+      useEffect(() => {
+        // set a different value
+        setValue('baz')
+        expect(localStorage.getItem(key)).to.equal('baz')
+
+        // set the default value again
+        setValue('bar')
+      }, [setValue])
+
+      return <div>{value}</div>
+    }
+
+    render(<Test />)
+
+    screen.getByText('bar')
+
+    expect(window.Storage.prototype.getItem).to.have.callCount(2)
+    expect(window.Storage.prototype.removeItem).to.have.callCount(1)
+    expect(window.Storage.prototype.setItem).to.have.callCount(2)
+
+    expect(localStorage.getItem(key)).to.be.null
+  })
+
+  it('handles function values', function () {
+    const key = 'test:store'
+    localStorage.setItem(key, 'foo')
+    expect(window.Storage.prototype.setItem).to.have.callCount(1)
+
+    const Test = () => {
+      const [value, setValue] = usePersistedState<string>(key)
+
+      useEffect(() => {
+        setValue(value => value + 'bar')
+      }, [setValue])
+
+      return <div>{value}</div>
+    }
+
+    render(<Test />)
+
+    screen.getByText('foobar')
+
+    expect(window.Storage.prototype.getItem).to.have.callCount(1)
+    expect(window.Storage.prototype.removeItem).to.have.callCount(0)
+    expect(window.Storage.prototype.setItem).to.have.callCount(2)
+
+    expect(localStorage.getItem(key)).to.equal('foobar')
+  })
+
+  it('handles syncing values via storage event', async function () {
+    const key = 'test:sync'
+    localStorage.setItem(key, 'foo')
+    expect(window.Storage.prototype.setItem).to.have.callCount(1)
+
+    // listen for storage events
+    const storageEventListener = sinon.stub()
+    window.addEventListener('storage', storageEventListener)
+
+    const Test = () => {
+      const [value, setValue] = usePersistedState(key, 'bar', true)
+
+      useEffect(() => {
+        setValue('baz')
+      }, [setValue])
+
+      return <div>{value}</div>
+    }
+
+    render(<Test />)
+
+    screen.getByText('baz')
+
+    expect(window.Storage.prototype.getItem).to.have.callCount(1)
+    expect(window.Storage.prototype.removeItem).to.have.callCount(0)
+    expect(window.Storage.prototype.setItem).to.have.callCount(2)
+
+    expect(localStorage.getItem(key)).to.equal('baz')
+
+    expect(storageEventListener).to.have.callCount(0)
+
+    // set the new value in localStorage
+    localStorage.setItem(key, 'cat')
+
+    // dispatch a "storage" event and check that it's picked up by the hook
+    window.dispatchEvent(new StorageEvent('storage', { key }))
+
+    await screen.findByText('cat')
+
+    expect(storageEventListener).to.have.callCount(1)
+  })
+})
diff --git a/services/web/test/frontend/shared/hooks/use-recaptcha.spec.tsx b/services/web/test/frontend/shared/hooks/use-recaptcha.spec.tsx
new file mode 100644
index 0000000..acc3f09
--- /dev/null
+++ b/services/web/test/frontend/shared/hooks/use-recaptcha.spec.tsx
@@ -0,0 +1,37 @@
+import { useRecaptcha } from '@/shared/hooks/use-recaptcha'
+import * as ReactGoogleRecaptcha from 'react-google-recaptcha'
+
+const ReCaptcha = () => {
+  const { ref: recaptchaRef, getReCaptchaToken } = useRecaptcha()
+
+  const handleClick = async () => {
+    await getReCaptchaToken()
+  }
+
+  return (
+    <>
+      <ReactGoogleRecaptcha.ReCAPTCHA
+        ref={recaptchaRef}
+        size="invisible"
+        sitekey="123456"
+        badge="inline"
+      />
+      <button onClick={handleClick}>Click</button>
+    </>
+  )
+}
+
+describe('useRecaptcha', function () {
+  it('should reset the captcha', function () {
+    cy.spy(ReactGoogleRecaptcha.ReCAPTCHA.prototype, 'reset').as('resetSpy')
+    cy.spy(ReactGoogleRecaptcha.ReCAPTCHA.prototype, 'executeAsync').as(
+      'executeAsyncSpy'
+    )
+
+    cy.mount(<ReCaptcha />)
+
+    cy.findByRole('button', { name: /click/i }).click()
+    cy.get('@resetSpy').should('have.been.calledOnce')
+    cy.get('@executeAsyncSpy').should('have.been.calledOnce')
+  })
+})
diff --git a/services/web/test/frontend/shared/hooks/use-resize.spec.tsx b/services/web/test/frontend/shared/hooks/use-resize.spec.tsx
new file mode 100644
index 0000000..4116eb8
--- /dev/null
+++ b/services/web/test/frontend/shared/hooks/use-resize.spec.tsx
@@ -0,0 +1,115 @@
+import {
+  usePersistedResize,
+  useResize,
+} from '../../../../frontend/js/shared/hooks/use-resize'
+
+function Template({
+  mousePos,
+  getTargetProps,
+  getHandleProps,
+}: ReturnType<typeof useResize>) {
+  return (
+    <div
+      style={{
+        height: '100vh',
+        display: 'flex',
+        alignItems: 'center',
+      }}
+    >
+      <div style={{ position: 'relative' }}>
+        <div
+          id="target"
+          {...getTargetProps({
+            style: {
+              width: '200px',
+              height: '200px',
+              border: '2px solid black',
+              ...(mousePos?.x && { width: `${mousePos.x}px` }),
+            },
+          })}
+        >
+          Demo content demo content demo content demo content demo content demo
+          content
+        </div>
+        <div
+          id="handle"
+          {...getHandleProps({
+            style: {
+              position: 'absolute',
+              top: 0,
+              right: 0,
+              height: '100%',
+              width: '4px',
+              backgroundColor: 'red',
+            },
+          })}
+        />
+      </div>
+    </div>
+  )
+}
+
+function PersistedResizeTest() {
+  const props = usePersistedResize({ name: 'test' })
+
+  return <Template {...props} />
+}
+
+function ResizeTest() {
+  const props = useResize()
+
+  return <Template {...props} />
+}
+
+describe('useResize', function () {
+  it('should apply provided styles to the target', function () {
+    cy.mount(<ResizeTest />)
+
+    // test a css prop being applied
+    cy.get('#target').should('have.css', 'width', '200px')
+  })
+
+  it('should apply provided styles to the handle', function () {
+    cy.mount(<ResizeTest />)
+
+    // test a css prop being applied
+    cy.get('#handle').should('have.css', 'width', '4px')
+  })
+
+  it('should apply default styles to the handle', function () {
+    cy.mount(<ResizeTest />)
+
+    cy.get('#handle')
+      .should('have.css', 'cursor', 'col-resize')
+      .and('have.css', 'user-select', 'none')
+  })
+
+  it('should resize the target horizontally on mousedown and mousemove', function () {
+    const xPos = 400
+    cy.mount(<ResizeTest />)
+
+    cy.get('#handle').trigger('mousedown', { button: 0 })
+    cy.get('#handle').trigger('mousemove', { clientX: xPos })
+    cy.get('#handle').trigger('mouseup')
+
+    cy.get('#target').should('have.css', 'width', `${xPos}px`)
+  })
+
+  it('should persist the resize data', function () {
+    const xPos = 400
+    cy.mount(<PersistedResizeTest />)
+
+    cy.get('#handle').trigger('mousedown', { button: 0 })
+    cy.get('#handle').trigger('mousemove', { clientX: xPos })
+    cy.get('#handle').trigger('mouseup')
+
+    cy.window()
+      .its('localStorage.resizeable-test')
+      .should('eq', `{"x":${xPos}}`)
+
+    // render the component again
+    cy.mount(<PersistedResizeTest />)
+
+    cy.get('#target').should('have.css', 'width', `${xPos}px`)
+  })
+})
diff --git a/services/web/test/frontend/shared/utils/colors.test.js b/services/web/test/frontend/shared/utils/colors.test.js
new file mode 100644
index 0000000..3b0f28c
--- /dev/null
+++ b/services/web/test/frontend/shared/utils/colors.test.js
@@ -0,0 +1,35 @@
+import { expect } from 'chai'
+
+import { getHueForUserId } from '@/shared/utils/colors'
+
+describe('colors', function () {
+  const currentUserId = '5bf7dab7a18b0b7a1cf6738c'
+
+  beforeEach(function () {
+    window.metaAttributesCache.set('ol-user_id', currentUserId)
+  })
+
+  describe('getHueForUserId', function () {
+    it('returns the OWN_HUE for the current user', function () {
+      expect(getHueForUserId(currentUserId)).to.equal(200)
+    })
+
+    it('returns the ANONYMOUS_HUE for an anonymous user', function () {
+      expect(getHueForUserId()).to.equal(100)
+      expect(getHueForUserId('anonymous-user')).to.equal(100)
+    })
+
+    it('generates a hue based on user id', function () {
+      expect(
+        getHueForUserId('59ad79f46337430b3d37cb9e', currentUserId)
+      ).to.equal(146)
+    })
+
+    it('shifts the hue away from the OWN_HUE if it is within a threshold', function () {
+      // Ordinarily, this user id would generate a hue of 183. However, this is
+      // visually "too close" to the OWN_HUE, meaning that it could be
+      // misinterpreted. Therefore we shift it away
+      expect(getHueForUserId('20ad79f46337430b3d37cb9f')).to.equal(323)
+    })
+  })
+})
diff --git a/services/web/test/frontend/shared/utils/currency.test.js b/services/web/test/frontend/shared/utils/currency.test.js
new file mode 100644
index 0000000..757b56a
--- /dev/null
+++ b/services/web/test/frontend/shared/utils/currency.test.js
@@ -0,0 +1,316 @@
+import { expect } from 'chai'
+import { formatCurrency } from '../../../../frontend/js/shared/utils/currency'
+
+/*
+  Users can select any language we support, regardless of the country where they are located.
+  Which mean that any combination of "supported language"-"supported currency" can be displayed
+  on the user's screen.
+
+  Users located in the USA visiting https://fr.overleaf.com/user/subscription/plans
+  should see amounts in USD (because of their IP address),
+  but with French text, number formatting and currency formats (because of language choice).
+  (e.g. 1 000,00 $)
+
+  Users located in the France visiting https://www.overleaf.com/user/subscription/plans
+  should see amounts in EUR (because of their IP address),
+  but with English text, number formatting and currency formats (because of language choice).
+  (e.g. €1,000.00)
+ */
+
+describe('formatCurrency', function () {
+  describe('en', function () {
+    const format = currency => priceInCents =>
+      formatCurrency(priceInCents, currency)
+
+    describe('USD', function () {
+      const formatUSD = format('USD')
+
+      it('should format basic amounts', function () {
+        expect(formatUSD(0)).to.equal('$0.00')
+        expect(formatUSD(12.34)).to.equal('$12.34')
+        expect(formatUSD(123)).to.equal('$123.00')
+      })
+
+      it('should format thousand separators', function () {
+        expect(formatUSD(1_000)).to.equal('$1,000.00')
+        expect(formatUSD(98_765_432.1)).to.equal('$98,765,432.10')
+      })
+
+      it('should format negative amounts', function () {
+        expect(formatUSD(-0.01)).to.equal('-$0.01')
+        expect(formatUSD(-12.34)).to.equal('-$12.34')
+        expect(formatUSD(-123)).to.equal('-$123.00')
+      })
+    })
+
+    describe('EUR', function () {
+      const formatEUR = format('EUR')
+
+      it('should format basic amounts', function () {
+        expect(formatEUR(0)).to.equal('€0.00')
+        expect(formatEUR(12.34)).to.equal('€12.34')
+        expect(formatEUR(123)).to.equal('€123.00')
+      })
+
+      it('should format thousand separators', function () {
+        expect(formatEUR(1_000)).to.equal('€1,000.00')
+        expect(formatEUR(98_765_432.1)).to.equal('€98,765,432.10')
+      })
+
+      it('should format negative amounts', function () {
+        expect(formatEUR(-0.01)).to.equal('-€0.01')
+        expect(formatEUR(-12.34)).to.equal('-€12.34')
+        expect(formatEUR(-123)).to.equal('-€123.00')
+      })
+    })
+
+    describe('HUF', function () {
+      const formatHUF = format('HUF')
+
+      it('should format basic amounts', function () {
+        expect(formatHUF(0)).to.equal('Ft 0.00')
+        expect(formatHUF(12.34)).to.equal('Ft 12.34')
+        expect(formatHUF(123)).to.equal('Ft 123.00')
+      })
+
+      it('should format thousand separators', function () {
+        expect(formatHUF(1_000)).to.equal('Ft 1,000.00')
+        expect(formatHUF(98_765_432.1)).to.equal('Ft 98,765,432.10')
+      })
+
+      it('should format negative amounts', function () {
+        expect(formatHUF(-0.01)).to.equal('-Ft 0.01')
+        expect(formatHUF(-12.34)).to.equal('-Ft 12.34')
+        expect(formatHUF(-123)).to.equal('-Ft 123.00')
+      })
+    })
+
+    describe('CLP', function () {
+      const formatCLP = format('CLP')
+
+      it('should format basic amounts', function () {
+        expect(formatCLP(0)).to.equal('$0')
+        expect(formatCLP(12.34)).to.equal('$12')
+        expect(formatCLP(123)).to.equal('$123')
+        expect(formatCLP(1234)).to.equal('$1,234')
+      })
+
+      it('should format thousand separators', function () {
+        expect(formatCLP(1_000)).to.equal('$1,000')
+        expect(formatCLP(98_765_432.1)).to.equal('$98,765,432')
+      })
+
+      it('should format negative amounts', function () {
+        expect(formatCLP(-1)).to.equal('-$1')
+        expect(formatCLP(-12.34)).to.equal('-$12')
+        expect(formatCLP(-1234)).to.equal('-$1,234')
+      })
+    })
+
+    describe('all currencies', function () {
+      it('should format 1 "minimal atomic units"', function () {
+        const amount = 1
+
+        // "no cents currencies"
+        expect(format('CLP')(amount)).to.equal('$1')
+        expect(format('JPY')(amount)).to.equal('¥1')
+        expect(format('KRW')(amount)).to.equal('₩1')
+        expect(format('VND')(amount)).to.equal('₫1')
+
+        // other currencies
+        expect(format('AUD')(amount)).to.equal('$1.00')
+        expect(format('BRL')(amount)).to.equal('R$1.00')
+        expect(format('CAD')(amount)).to.equal('$1.00')
+        expect(format('CHF')(amount)).to.equal('CHF 1.00')
+        expect(format('CNY')(amount)).to.equal('¥1.00')
+        expect(format('COP')(amount)).to.equal('$1.00')
+        expect(format('DKK')(amount)).to.equal('kr 1.00')
+        expect(format('EUR')(amount)).to.equal('€1.00')
+        expect(format('GBP')(amount)).to.equal('£1.00')
+        expect(format('HUF')(amount)).to.equal('Ft 1.00')
+        expect(format('IDR')(amount)).to.equal('Rp 1.00')
+        expect(format('INR')(amount)).to.equal('₹1.00')
+        expect(format('MXN')(amount)).to.equal('$1.00')
+        expect(format('MYR')(amount)).to.equal('RM 1.00')
+        expect(format('NOK')(amount)).to.equal('kr 1.00')
+        expect(format('NZD')(amount)).to.equal('$1.00')
+        expect(format('PEN')(amount)).to.equal('PEN 1.00')
+        expect(format('PHP')(amount)).to.equal('₱1.00')
+        expect(format('SEK')(amount)).to.equal('kr 1.00')
+        expect(format('SGD')(amount)).to.equal('$1.00')
+        expect(format('THB')(amount)).to.equal('฿1.00')
+        expect(format('USD')(amount)).to.equal('$1.00')
+      })
+
+      it('should format 1_234_567.897_654 "minimal atomic units"', function () {
+        const amount = 1_234_567.897_654
+
+        // "no cents currencies"
+        expect(format('CLP')(amount)).to.equal('$1,234,568')
+        expect(format('JPY')(amount)).to.equal('¥1,234,568')
+        expect(format('KRW')(amount)).to.equal('₩1,234,568')
+        expect(format('VND')(amount)).to.equal('₫1,234,568')
+
+        // other currencies
+        expect(format('AUD')(amount)).to.equal('$1,234,567.90')
+        expect(format('BRL')(amount)).to.equal('R$1,234,567.90')
+        expect(format('CAD')(amount)).to.equal('$1,234,567.90')
+        expect(format('CHF')(amount)).to.equal('CHF 1,234,567.90')
+        expect(format('CNY')(amount)).to.equal('¥1,234,567.90')
+        expect(format('COP')(amount)).to.equal('$1,234,567.90')
+        expect(format('DKK')(amount)).to.equal('kr 1,234,567.90')
+        expect(format('EUR')(amount)).to.equal('€1,234,567.90')
+        expect(format('GBP')(amount)).to.equal('£1,234,567.90')
+        expect(format('HUF')(amount)).to.equal('Ft 1,234,567.90')
+        expect(format('IDR')(amount)).to.equal('Rp 1,234,567.90')
+        expect(format('INR')(amount)).to.equal('₹1,234,567.90')
+        expect(format('MXN')(amount)).to.equal('$1,234,567.90')
+        expect(format('MYR')(amount)).to.equal('RM 1,234,567.90')
+        expect(format('NOK')(amount)).to.equal('kr 1,234,567.90')
+        expect(format('NZD')(amount)).to.equal('$1,234,567.90')
+        expect(format('PEN')(amount)).to.equal('PEN 1,234,567.90')
+        expect(format('PHP')(amount)).to.equal('₱1,234,567.90')
+        expect(format('SEK')(amount)).to.equal('kr 1,234,567.90')
+        expect(format('SGD')(amount)).to.equal('$1,234,567.90')
+        expect(format('THB')(amount)).to.equal('฿1,234,567.90')
+        expect(format('USD')(amount)).to.equal('$1,234,567.90')
+      })
+    })
+  })
+
+  describe('fr', function () {
+    const format = currency => priceInCents =>
+      formatCurrency(priceInCents, currency, 'fr')
+
+    describe('USD', function () {
+      const formatUSD = format('USD')
+
+      it('should format basic amounts', function () {
+        expect(formatUSD(0)).to.equal('0,00 $')
+        expect(formatUSD(12.34)).to.equal('12,34 $')
+        expect(formatUSD(123)).to.equal('123,00 $')
+      })
+
+      it('should format thousand separators', function () {
+        expect(formatUSD(1_000)).to.equal('1 000,00 $')
+        expect(formatUSD(98_765_432.1)).to.equal('98 765 432,10 $')
+      })
+
+      it('should format negative amounts', function () {
+        expect(formatUSD(-0.01)).to.equal('-0,01 $')
+        expect(formatUSD(-12.34)).to.equal('-12,34 $')
+        expect(formatUSD(-123)).to.equal('-123,00 $')
+      })
+    })
+
+    describe('EUR', function () {
+      const formatEUR = format('EUR')
+
+      it('should format basic amounts', function () {
+        expect(formatEUR(0)).to.equal('0,00 €')
+        expect(formatEUR(12.34)).to.equal('12,34 €')
+        expect(formatEUR(123)).to.equal('123,00 €')
+      })
+
+      it('should format thousand separators', function () {
+        expect(formatEUR(1_000)).to.equal('1 000,00 €')
+        expect(formatEUR(98_765_432.1)).to.equal('98 765 432,10 €')
+      })
+
+      it('should format negative amounts', function () {
+        expect(formatEUR(-0.01)).to.equal('-0,01 €')
+        expect(formatEUR(-12.34)).to.equal('-12,34 €')
+        expect(formatEUR(-123)).to.equal('-123,00 €')
+      })
+    })
+
+    describe('HUF', function () {
+      const formatHUF = format('HUF')
+
+      it('should format basic amounts', function () {
+        expect(formatHUF(0)).to.equal('0,00 Ft')
+        expect(formatHUF(12.34)).to.equal('12,34 Ft')
+        expect(formatHUF(123)).to.equal('123,00 Ft')
+      })
+
+      it('should format thousand separators', function () {
+        expect(formatHUF(1_000)).to.equal('1 000,00 Ft')
+        expect(formatHUF(98_765_432.1)).to.equal('98 765 432,10 Ft')
+      })
+
+      it('should format negative amounts', function () {
+        expect(formatHUF(-0.01)).to.equal('-0,01 Ft')
+        expect(formatHUF(-12.34)).to.equal('-12,34 Ft')
+        expect(formatHUF(-123)).to.equal('-123,00 Ft')
+      })
+    })
+
+    describe('CLP', function () {
+      const formatCLP = format('CLP')
+
+      it('should format basic amounts', function () {
+        expect(formatCLP(0)).to.equal('0 $')
+        expect(formatCLP(12.34)).to.equal('12 $')
+        expect(formatCLP(123)).to.equal('123 $')
+        expect(formatCLP(1234)).to.equal('1 234 $')
+      })
+
+      it('should format thousand separators', function () {
+        expect(formatCLP(100_000)).to.equal('100 000 $')
+        expect(formatCLP(9_876_543_210)).to.equal('9 876 543 210 $')
+      })
+
+      it('should format negative amounts', function () {
+        expect(formatCLP(-1)).to.equal('-1 $')
+        expect(formatCLP(-12.34)).to.equal('-12 $')
+        expect(formatCLP(-1234)).to.equal('-1 234 $')
+      })
+    })
+
+    describe('all currencies', function () {
+      it('should format 1 "minimal atomic units"', function () {
+        const amount = 1
+
+        // "no cents currencies"
+        expect(format('CLP')(amount)).to.equal('1 $')
+        expect(format('JPY')(amount)).to.equal('1 ¥')
+        expect(format('KRW')(amount)).to.equal('1 ₩')
+        expect(format('VND')(amount)).to.equal('1 ₫')
+
+        // other currencies
+        expect(format('AUD')(amount)).to.equal('1,00 $')
+        expect(format('BRL')(amount)).to.equal('1,00 R$')
+        expect(format('CAD')(amount)).to.equal('1,00 $')
+        expect(format('CHF')(amount)).to.equal('1,00 CHF')
+        expect(format('CNY')(amount)).to.equal('1,00 ¥')
+        expect(format('COP')(amount)).to.equal('1,00 $')
+
+        expect(format('EUR')(amount)).to.equal('1,00 €')
+        expect(format('GBP')(amount)).to.equal('1,00 £')
+        expect(format('USD')(amount)).to.equal('1,00 $')
+      })
+
+      it('should format 1_234_567.897_654 "minimal atomic units"', function () {
+        const amount = 1_234_567.897_654
+
+        // "no cents currencies"
+        expect(format('CLP')(amount)).to.equal('1 234 568 $')
+        expect(format('JPY')(amount)).to.equal('1 234 568 ¥')
+        expect(format('KRW')(amount)).to.equal('1 234 568 ₩')
+        expect(format('VND')(amount)).to.equal('1 234 568 ₫')
+
+        // other currencies
+        expect(format('AUD')(amount)).to.equal('1 234 567,90 $')
+        expect(format('BRL')(amount)).to.equal('1 234 567,90 R$')
+        expect(format('CAD')(amount)).to.equal('1 234 567,90 $')
+        expect(format('CHF')(amount)).to.equal('1 234 567,90 CHF')
+        expect(format('CNY')(amount)).to.equal('1 234 567,90 ¥')
+        expect(format('COP')(amount)).to.equal('1 234 567,90 $')
+
+        expect(format('EUR')(amount)).to.equal('1 234 567,90 €')
+        expect(format('GBP')(amount)).to.equal('1 234 567,90 £')
+        expect(format('USD')(amount)).to.equal('1 234 567,90 $')
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/shared/utils/email.test.tsx b/services/web/test/frontend/shared/utils/email.test.tsx
new file mode 100644
index 0000000..fd15f84
--- /dev/null
+++ b/services/web/test/frontend/shared/utils/email.test.tsx
@@ -0,0 +1,46 @@
+import { expect } from 'chai'
+import { isValidEmail } from '../../../../frontend/js/shared/utils/email'
+
+const validEmailAddresses = [
+  'email@example.com',
+  'firstname.lastname@example.com',
+  'firstname-lastname@example.com',
+  'email@subdomain.example.com',
+  'firstname+lastname@example.com',
+  '1234567890@example.com',
+  'email@example-one.com',
+  '_@example.com',
+  'email@example.name',
+  'email@example.co.jp',
+]
+
+const invalidEmailAddresses = [
+  'plaintext',
+  '#@%^%#$@#$@#.com',
+  '@example.com',
+  'email.example.com',
+  '.email@example.com',
+  'email.@example.com',
+  'email..email@example.com',
+  'email@example.com (Joe Smith)',
+  'email@example',
+  'email@111.222.333.44444',
+  'email@example..com',
+]
+
+describe('isValidEmail', function () {
+  it('should return true for valid email addresses', function () {
+    validEmailAddresses.forEach(email =>
+      expect(isValidEmail(email)).to.equal(true, email + ' should be valid ')
+    )
+  })
+
+  it('should return false for invalid email addresses', function () {
+    invalidEmailAddresses.forEach(email =>
+      expect(isValidEmail(email)).to.equal(
+        false,
+        email + ' should not be valid '
+      )
+    )
+  })
+})
diff --git a/services/web/test/frontend/shared/utils/md5.test.js b/services/web/test/frontend/shared/utils/md5.test.js
new file mode 100644
index 0000000..a47a9d5
--- /dev/null
+++ b/services/web/test/frontend/shared/utils/md5.test.js
@@ -0,0 +1,19 @@
+import { expect } from 'chai'
+
+import { generateMD5Hash } from '@/shared/utils/md5'
+
+describe('md5', function () {
+  describe('generateSHA1Hash', function () {
+    it('sample string 1', function () {
+      expect(generateMD5Hash('sample string 1')).to.equal(
+        'b7988250a49c21459260b41d2b435dae'
+      )
+    })
+
+    it('sample string 2', function () {
+      expect(generateMD5Hash('sample string 2')).to.equal(
+        '371b9c84c640a9e121523156aeae4958'
+      )
+    })
+  })
+})
diff --git a/services/web/test/frontend/shared/utils/sha1.test.js b/services/web/test/frontend/shared/utils/sha1.test.js
new file mode 100644
index 0000000..8ab7d87
--- /dev/null
+++ b/services/web/test/frontend/shared/utils/sha1.test.js
@@ -0,0 +1,79 @@
+import { expect } from 'chai'
+import { generateSHA1Hash } from '../../../../frontend/js/shared/utils/sha1'
+import crypto from 'node:crypto'
+
+function generateSHA1HashNode(content) {
+  return crypto.createHash('sha1').update(content, 'utf8').digest('hex')
+}
+
+function generateRandomUnicodeString(length) {
+  let result = ''
+  for (let i = 0; i < length; i++) {
+    const range = [0x0000, 0x10ffff]
+    const codePoint =
+      Math.floor(Math.random() * (range[1] - range[0] + 1)) + range[0]
+    result += String.fromCharCode(codePoint)
+  }
+  return result
+}
+
+function generateMultipleRandomStrings(numStrings, maxLength) {
+  const randomStrings = []
+  for (let i = 0; i < numStrings; i++) {
+    const length = Math.floor(Math.random() * maxLength)
+    randomStrings.push(generateRandomUnicodeString(length))
+  }
+  return [...new Set(randomStrings)]
+}
+
+describe('sha1', function () {
+  describe('generateSHA1Hash', function () {
+    const randomStrings = generateMultipleRandomStrings(100, 1000)
+
+    it('verify 100 random strings', function () {
+      for (const str of randomStrings) {
+        expect(generateSHA1Hash(str)).to.equal(generateSHA1HashNode(str))
+      }
+    })
+
+    it('sample string 1', function () {
+      expect(generateSHA1Hash('sample string 1')).to.equal(
+        '135028161629af5901ea2f15554730dc0de38a01'
+      )
+    })
+
+    it('sample string 2', function () {
+      expect(generateSHA1Hash('sample string 2')).to.equal(
+        'db9460374e49a7c737b609c2fb37302381f345d6'
+      )
+    })
+
+    it('abc', function () {
+      expect(generateSHA1Hash('abc')).to.equal(
+        'a9993e364706816aba3e25717850c26c9cd0d89d'
+      )
+    })
+
+    it('generates a sha1 for an empty string', function () {
+      expect(generateSHA1Hash('')).to.equal(
+        'da39a3ee5e6b4b0d3255bfef95601890afd80709'
+      )
+    })
+
+    it('abcdbcdecdefdefgefghfghighijhijkijkljklmklmnlmnomnopnopq', function () {
+      expect(
+        generateSHA1Hash(
+          'abcdbcdecdefdefgefghfghighijhijkijkljklmklmnlmnomnopnopq'
+        )
+      ).to.equal('84983e441c3bd26ebaae4aa1f95129e5e54670f1')
+    })
+
+    it('abcdefghbcdefghicdefghijdefghijkefghijklfghijklmghijklmnhijklmnoijklmnopjklmnopqklmnopqrlmnopqrsmnopqrstnopqrstu', function () {
+      expect(
+        generateSHA1Hash(
+          'abcdefghbcdefghicdefghijdefghijkefghijklfghijklmghijklmnhijklmnoijklmnopjklmnopqklmnopqrlmnopqrsmnopqrstnopqrstu'
+        )
+      ).to.equal('a49b2446a02c645bf419f995b67091253a04a259')
+    })
+  })
+})
diff --git a/services/web/test/frontend/shared/utils/url-helper.test.js b/services/web/test/frontend/shared/utils/url-helper.test.js
new file mode 100644
index 0000000..72571a1
--- /dev/null
+++ b/services/web/test/frontend/shared/utils/url-helper.test.js
@@ -0,0 +1,45 @@
+import { expect } from 'chai'
+import { cleanURL } from '@/shared/utils/url-helper'
+
+describe('url-helper', function () {
+  describe('cleanURL', function () {
+    describe('without mode', function () {
+      it('removes trailing slash', function () {
+        const url = new URL('https://www.ovelreaf.com/project/1abc/')
+        expect(cleanURL(url).href).to.equal(
+          'https://www.ovelreaf.com/project/1abc'
+        )
+      })
+
+      it('clears the mode from the detached URL', function () {
+        const url = new URL('https://www.ovelreaf.com/project/2abc/detached')
+        expect(cleanURL(url).href).to.equal(
+          'https://www.ovelreaf.com/project/2abc'
+        )
+      })
+
+      it('clears the mode from the detacher URL', function () {
+        const url = new URL('https://www.ovelreaf.com/project/2abc/detacher/')
+        expect(cleanURL(url).href).to.equal(
+          'https://www.ovelreaf.com/project/2abc'
+        )
+      })
+    })
+
+    describe('with mode', function () {
+      it('handles with trailing slash', function () {
+        const url = new URL('https://www.ovelreaf.com/project/3abc/')
+        expect(cleanURL(url, 'detacher').href).to.equal(
+          'https://www.ovelreaf.com/project/3abc/detacher'
+        )
+      })
+
+      it('handles without trailing slash', function () {
+        const url = new URL('https://www.ovelreaf.com/project/4abc')
+        expect(cleanURL(url, 'detached').href).to.equal(
+          'https://www.ovelreaf.com/project/4abc/detached'
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/frontend/utils/EventEmitterTests.js b/services/web/test/frontend/utils/EventEmitterTests.js
new file mode 100644
index 0000000..6f4f485
--- /dev/null
+++ b/services/web/test/frontend/utils/EventEmitterTests.js
@@ -0,0 +1,79 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+
+import EventEmitter from '@/utils/EventEmitter'
+
+describe('EventEmitter', function () {
+  beforeEach(function () {
+    this.eventEmitter = new EventEmitter()
+  })
+
+  it('calls listeners', function () {
+    const cb1 = sinon.stub()
+    const cb2 = sinon.stub()
+    this.eventEmitter.on('foo', cb1)
+    this.eventEmitter.on('bar', cb2)
+
+    this.eventEmitter.trigger('foo')
+
+    expect(cb1).to.have.been.called
+    expect(cb2).to.not.have.been.called
+  })
+
+  it('calls multiple listeners', function () {
+    const cb1 = sinon.stub()
+    const cb2 = sinon.stub()
+    this.eventEmitter.on('foo', cb1)
+    this.eventEmitter.on('foo', cb2)
+
+    this.eventEmitter.trigger('foo')
+
+    expect(cb1).to.have.been.called
+    expect(cb2).to.have.been.called
+  })
+
+  it('calls listeners with namespace', function () {
+    const cb1 = sinon.stub()
+    const cb2 = sinon.stub()
+    this.eventEmitter.on('foo', cb1)
+    this.eventEmitter.on('foo.bar', cb2)
+
+    this.eventEmitter.trigger('foo')
+
+    expect(cb1).to.have.been.called
+    expect(cb2).to.have.been.called
+  })
+
+  it('removes listeners', function () {
+    const cb = sinon.stub()
+    this.eventEmitter.on('foo', cb)
+    this.eventEmitter.off('foo')
+
+    this.eventEmitter.trigger('foo')
+
+    expect(cb).to.not.have.been.called
+  })
+
+  it('removes namespaced listeners', function () {
+    const cb = sinon.stub()
+    this.eventEmitter.on('foo.bar', cb)
+    this.eventEmitter.off('foo.bar')
+
+    this.eventEmitter.trigger('foo')
+
+    expect(cb).to.not.have.been.called
+  })
+
+  it('does not remove unnamespaced listeners if off called with namespace', function () {
+    const cb1 = sinon.stub()
+    const cb2 = sinon.stub()
+    this.eventEmitter.on('foo', cb1)
+    this.eventEmitter.on('foo.bar', cb2)
+    this.eventEmitter.off('foo.bar')
+
+    this.eventEmitter.trigger('foo')
+
+    expect(cb1).to.have.been.called
+    expect(cb2).to.not.have.been.called
+  })
+})
diff --git a/services/web/test/smoke/src/README.md b/services/web/test/smoke/src/README.md
new file mode 100644
index 0000000..ac8d9e2
--- /dev/null
+++ b/services/web/test/smoke/src/README.md
@@ -0,0 +1,39 @@
+# SmokeTests
+
+For the SmokeTests we implemented a Mini-Framework that is tailored for our
+ tooling, specifically OError, and does not need a large runner, such as mocha.
+
+The SmokeTests are separated into individual `steps`.
+Each `step` can have a `run` function and a `cleanup` function.
+The former will run in sequence with the other steps, the later in reverse
+ order from the finish, or the last failure.
+
+```js
+async function run(ctx) {
+  // do something
+}
+async function cleanup(ctx) {
+  // cleanup something
+}
+module.exports = { cleanup, run }
+```
+
+Steps will get called with a context object with common helpers and details:
+- `request` a promisified `request` module with defaults for `baseUrl`,
+   `timeout` and internals for cookie handling.
+- `assertHasStatusCode` a helper for asserting response status codes, pass
+   a response and desired status code. It will throw with OError context set.
+- `getCsrfTokenFor` a helper for retrieving CSRF tokens, pass an endpoint.
+- `processWithTimeout` a helper for awaiting Promises with a timeout, pass
+   `{ work: Promise.resolve(), timeout: 42, message: 'foo timedout' }`
+- `stats` an object for performance tracking.
+- `timeout` the step timeout
+
+Steps should handle timeouts locally to ensure appropriate cleanup of timed out
+ actions.
+
+Steps may pass values along to the next steps in returning an object with the
+ desired fields from the `run` or `cleanup` function.
+The returned values will overwrite existing details in the `ctx`.
+
+Alpha-numeric sorting of step filenames determines the processing sequence.
diff --git a/services/web/test/smoke/src/SmokeTests.js b/services/web/test/smoke/src/SmokeTests.js
new file mode 100644
index 0000000..ab25cc7
--- /dev/null
+++ b/services/web/test/smoke/src/SmokeTests.js
@@ -0,0 +1,95 @@
+const fs = require('fs')
+const Path = require('path')
+
+const Settings = require('@overleaf/settings')
+const { getCsrfTokenForFactory } = require('./support/Csrf')
+const { SmokeTestFailure } = require('./support/Errors')
+const {
+  requestFactory,
+  assertHasStatusCode,
+} = require('./support/requestHelper')
+const { processWithTimeout } = require('./support/timeoutHelper')
+
+const STEP_TIMEOUT = Settings.smokeTest.stepTimeout
+
+const PATH_STEPS = Path.join(__dirname, './steps')
+const STEPS = fs
+  .readdirSync(PATH_STEPS)
+  .sort()
+  .map(name => {
+    const step = require(Path.join(PATH_STEPS, name))
+    step.name = Path.basename(name, '.js')
+    return step
+  })
+
+async function runSmokeTests({ isAborted, stats }) {
+  let lastStep = stats.start
+  function completeStep(key) {
+    const step = Date.now()
+    stats.steps.push({ [key]: step - lastStep })
+    lastStep = step
+  }
+
+  const request = requestFactory({ timeout: STEP_TIMEOUT })
+  const getCsrfTokenFor = getCsrfTokenForFactory({ request })
+  const ctx = {
+    assertHasStatusCode,
+    getCsrfTokenFor,
+    processWithTimeout,
+    request,
+    stats,
+    timeout: STEP_TIMEOUT,
+  }
+  const cleanupSteps = []
+
+  async function runAndTrack(id, fn) {
+    let result
+    try {
+      result = await fn(ctx)
+    } catch (e) {
+      throw new SmokeTestFailure(`${id} failed`, {}, e)
+    } finally {
+      completeStep(id)
+    }
+    Object.assign(ctx, result)
+  }
+
+  completeStep('init')
+
+  let err
+  try {
+    for (const step of STEPS) {
+      if (isAborted()) break
+
+      const { name, run, cleanup } = step
+      if (cleanup) cleanupSteps.unshift({ name, cleanup })
+
+      await runAndTrack(`run.${name}`, run)
+    }
+  } catch (e) {
+    err = e
+  }
+
+  const cleanupErrors = []
+  for (const step of cleanupSteps) {
+    const { name, cleanup } = step
+
+    try {
+      await runAndTrack(`cleanup.${name}`, cleanup)
+    } catch (e) {
+      // keep going with cleanup
+      cleanupErrors.push(e)
+    }
+  }
+
+  if (err) throw err
+  if (cleanupErrors.length) {
+    if (cleanupErrors.length === 1) throw cleanupErrors[0]
+    throw new SmokeTestFailure('multiple cleanup steps failed', {
+      stats,
+      cleanupErrors,
+    })
+  }
+}
+
+module.exports = { runSmokeTests, SmokeTestFailure }
diff --git a/services/web/test/smoke/src/steps/000_getLoginCsrf.js b/services/web/test/smoke/src/steps/000_getLoginCsrf.js
new file mode 100644
index 0000000..cf1e5dc
--- /dev/null
+++ b/services/web/test/smoke/src/steps/000_getLoginCsrf.js
@@ -0,0 +1,7 @@
+async function run({ getCsrfTokenFor }) {
+  const loginCsrfToken = await getCsrfTokenFor('/login')
+
+  return { loginCsrfToken }
+}
+
+module.exports = { run }
diff --git a/services/web/test/smoke/src/steps/001_clearRateLimits.js b/services/web/test/smoke/src/steps/001_clearRateLimits.js
new file mode 100644
index 0000000..8ed81bd
--- /dev/null
+++ b/services/web/test/smoke/src/steps/001_clearRateLimits.js
@@ -0,0 +1,35 @@
+const Settings = require('@overleaf/settings')
+const {
+  overleafLoginRateLimiter,
+  openProjectRateLimiter,
+} = require('../../../../app/src/infrastructure/RateLimiter')
+const LoginRateLimiter = require('../../../../app/src/Features/Security/LoginRateLimiter')
+
+async function clearLoginRateLimit() {
+  await LoginRateLimiter.promises.recordSuccessfulLogin(Settings.smokeTest.user)
+}
+
+async function clearOverleafLoginRateLimit() {
+  if (!Settings.overleaf) return
+  await overleafLoginRateLimiter.delete(Settings.smokeTest.rateLimitSubject)
+}
+
+async function clearOpenProjectRateLimit() {
+  await openProjectRateLimiter.delete(
+    `${Settings.smokeTest.projectId}:${Settings.smokeTest.userId}`
+  )
+}
+
+async function run({ processWithTimeout, timeout }) {
+  await processWithTimeout({
+    work: Promise.all([
+      clearLoginRateLimit(),
+      clearOverleafLoginRateLimit(),
+      clearOpenProjectRateLimit(),
+    ]),
+    timeout,
+    message: 'cleanupRateLimits timed out',
+  })
+}
+
+module.exports = { run }
diff --git a/services/web/test/smoke/src/steps/002_login.js b/services/web/test/smoke/src/steps/002_login.js
new file mode 100644
index 0000000..c92e384
--- /dev/null
+++ b/services/web/test/smoke/src/steps/002_login.js
@@ -0,0 +1,35 @@
+const Settings = require('@overleaf/settings')
+
+async function run({ assertHasStatusCode, loginCsrfToken, request }) {
+  const response = await request('/login', {
+    method: 'POST',
+    json: {
+      _csrf: loginCsrfToken,
+      email: Settings.smokeTest.user,
+      password: Settings.smokeTest.password,
+    },
+  })
+
+  const body = response.body
+  // login success and login failure both receive a status code of 200
+  // see the frontend logic on how to handle the response:
+  //   frontend/js/directives/asyncForm.js -> submitRequest
+  if (body && body.message && body.message.type === 'error') {
+    throw new Error(`login failed: ${body.message.text}`)
+  }
+
+  assertHasStatusCode(response, 200)
+}
+
+async function cleanup({ assertHasStatusCode, getCsrfTokenFor, request }) {
+  const logoutCsrfToken = await getCsrfTokenFor('/project')
+  const response = await request('/logout', {
+    method: 'POST',
+    headers: {
+      'X-CSRF-Token': logoutCsrfToken,
+    },
+  })
+  assertHasStatusCode(response, 302)
+}
+
+module.exports = { cleanup, run }
diff --git a/services/web/test/smoke/src/steps/100_loadProjectDashboard.js b/services/web/test/smoke/src/steps/100_loadProjectDashboard.js
new file mode 100644
index 0000000..cea96bf
--- /dev/null
+++ b/services/web/test/smoke/src/steps/100_loadProjectDashboard.js
@@ -0,0 +1,13 @@
+const TITLE_REGEX = /<title>Your Projects - .*, Online LaTeX Editor<\/title>/
+
+async function run({ request, assertHasStatusCode }) {
+  const response = await request('/project')
+
+  assertHasStatusCode(response, 200)
+
+  if (!TITLE_REGEX.test(response.body)) {
+    throw new Error('body does not have correct title')
+  }
+}
+
+module.exports = { run }
diff --git a/services/web/test/smoke/src/steps/101_loadEditor.js b/services/web/test/smoke/src/steps/101_loadEditor.js
new file mode 100644
index 0000000..42d9af1
--- /dev/null
+++ b/services/web/test/smoke/src/steps/101_loadEditor.js
@@ -0,0 +1,16 @@
+const Settings = require('@overleaf/settings')
+
+async function run({ assertHasStatusCode, request }) {
+  const response = await request(`/project/${Settings.smokeTest.projectId}`)
+
+  assertHasStatusCode(response, 200)
+
+  const PROJECT_ID_REGEX = new RegExp(
+    `<meta name="ol-project_id" content="${Settings.smokeTest.projectId}">`
+  )
+  if (!PROJECT_ID_REGEX.test(response.body)) {
+    throw new Error('project page html does not have project_id')
+  }
+}
+
+module.exports = { run }
diff --git a/services/web/test/smoke/src/support/Csrf.js b/services/web/test/smoke/src/support/Csrf.js
new file mode 100644
index 0000000..820ec7a
--- /dev/null
+++ b/services/web/test/smoke/src/support/Csrf.js
@@ -0,0 +1,27 @@
+const OError = require('@overleaf/o-error')
+const { assertHasStatusCode } = require('./requestHelper')
+const CSRF_REGEX = /<meta name="ol-csrfToken" content="(.+?)">/
+
+function _parseCsrf(body) {
+  const match = CSRF_REGEX.exec(body)
+  if (!match) {
+    throw new Error('Cannot find csrfToken in HTML')
+  }
+  return match[1]
+}
+
+function getCsrfTokenForFactory({ request }) {
+  return async function getCsrfTokenFor(endpoint) {
+    try {
+      const response = await request(endpoint)
+      assertHasStatusCode(response, 200)
+      return _parseCsrf(response.body)
+    } catch (err) {
+      throw new OError(`error fetching csrf token on ${endpoint}`, {}, err)
+    }
+  }
+}
+
+module.exports = {
+  getCsrfTokenForFactory,
+}
diff --git a/services/web/test/smoke/src/support/Errors.js b/services/web/test/smoke/src/support/Errors.js
new file mode 100644
index 0000000..a40586e
--- /dev/null
+++ b/services/web/test/smoke/src/support/Errors.js
@@ -0,0 +1,7 @@
+const OError = require('@overleaf/o-error')
+
+class SmokeTestFailure extends OError {}
+
+module.exports = {
+  SmokeTestFailure,
+}
diff --git a/services/web/test/smoke/src/support/requestHelper.js b/services/web/test/smoke/src/support/requestHelper.js
new file mode 100644
index 0000000..2157a5f
--- /dev/null
+++ b/services/web/test/smoke/src/support/requestHelper.js
@@ -0,0 +1,60 @@
+const { Agent } = require('http')
+const { createConnection } = require('net')
+const { promisify } = require('util')
+
+const OError = require('@overleaf/o-error')
+const request = require('request')
+const Settings = require('@overleaf/settings')
+
+// send requests to web router if this is the api process
+const OWN_PORT = Settings.port || Settings.internal.web.port || 3000
+const PORT = (Settings.web && Settings.web.web_router_port) || OWN_PORT
+
+// like the curl option `--resolve DOMAIN:PORT:127.0.0.1`
+class LocalhostAgent extends Agent {
+  createConnection(options, callback) {
+    return createConnection(PORT, '127.0.0.1', callback)
+  }
+}
+
+// degrade the 'HttpOnly; Secure;' flags of the cookie
+class InsecureCookieJar extends request.jar().constructor {
+  setCookie(...args) {
+    const cookie = super.setCookie(...args)
+    cookie.secure = false
+    cookie.httpOnly = false
+    return cookie
+  }
+}
+
+function requestFactory({ timeout }) {
+  return promisify(
+    request.defaults({
+      agent: new LocalhostAgent(),
+      baseUrl: `http://smoke${Settings.cookieDomain}`,
+      headers: {
+        // emulate the header of a https proxy
+        // express wont emit a 'Secure;' cookie on a plain-text connection.
+        'X-Forwarded-Proto': 'https',
+      },
+      jar: new InsecureCookieJar(),
+      timeout,
+    })
+  )
+}
+
+function assertHasStatusCode(response, expected) {
+  const { statusCode: actual } = response
+  if (actual !== expected) {
+    throw new OError('unexpected response code', {
+      url: response.request.uri.href,
+      actual,
+      expected,
+    })
+  }
+}
+
+module.exports = {
+  assertHasStatusCode,
+  requestFactory,
+}
diff --git a/services/web/test/smoke/src/support/timeoutHelper.js b/services/web/test/smoke/src/support/timeoutHelper.js
new file mode 100644
index 0000000..6e7ea9c
--- /dev/null
+++ b/services/web/test/smoke/src/support/timeoutHelper.js
@@ -0,0 +1,18 @@
+async function processWithTimeout({ work, timeout, message }) {
+  let workDeadLine
+  function checkInResults() {
+    clearTimeout(workDeadLine)
+  }
+  await Promise.race([
+    new Promise((resolve, reject) => {
+      workDeadLine = setTimeout(() => {
+        reject(new Error(message))
+      }, timeout)
+    }),
+    work.finally(checkInResults),
+  ])
+}
+
+module.exports = {
+  processWithTimeout,
+}
diff --git a/services/web/test/smoke/tsconfig.json b/services/web/test/smoke/tsconfig.json
new file mode 100644
index 0000000..126da92
--- /dev/null
+++ b/services/web/test/smoke/tsconfig.json
@@ -0,0 +1 @@
+{ "extends": "../../tsconfig.backend.json" }
diff --git a/services/web/test/unit/bootstrap.js b/services/web/test/unit/bootstrap.js
new file mode 100644
index 0000000..fa2a7a5
--- /dev/null
+++ b/services/web/test/unit/bootstrap.js
@@ -0,0 +1,132 @@
+const Path = require('path')
+const chai = require('chai')
+const sinon = require('sinon')
+
+/*
+ * Chai configuration
+ */
+
+// add chai.should()
+chai.should()
+
+// Load sinon-chai assertions so expect(stubFn).to.have.been.calledWith('abc')
+// has a nicer failure messages
+chai.use(require('sinon-chai'))
+
+// Load promise support for chai
+chai.use(require('chai-as-promised'))
+
+// Do not truncate assertion errors
+chai.config.truncateThreshold = 0
+
+// add support for mongoose in sinon
+require('sinon-mongoose')
+
+// ensure every ObjectId has the id string as a property for correct comparisons
+require('mongodb-legacy').ObjectId.cacheHexString = true
+
+/*
+ * Global stubs
+ */
+const globalStubsSandbox = sinon.createSandbox()
+const globalStubs = {
+  logger: {
+    debug: globalStubsSandbox.stub(),
+    info: globalStubsSandbox.stub(),
+    log: globalStubsSandbox.stub(),
+    warn: globalStubsSandbox.stub(),
+    err: globalStubsSandbox.stub(),
+    error: globalStubsSandbox.stub(),
+    fatal: globalStubsSandbox.stub(),
+  },
+}
+
+/*
+ * Sandboxed module configuration
+ */
+
+const SandboxedModule = require('sandboxed-module')
+SandboxedModule.configure({
+  ignoreMissing: true,
+  requires: getSandboxedModuleRequires(),
+  globals: {
+    AbortController,
+    AbortSignal,
+    Buffer,
+    Promise,
+    console,
+    process,
+    URL,
+    TextEncoder,
+    TextDecoder,
+  },
+  sourceTransformers: {
+    removeNodePrefix: function (source) {
+      return source.replace(/require\(['"]node:/g, "require('")
+    },
+  },
+})
+
+function getSandboxedModuleRequires() {
+  const requires = {
+    '@overleaf/logger': globalStubs.logger,
+  }
+
+  const internalModules = [
+    '../../app/src/Features/Errors/Errors',
+    '../../app/src/Features/Helpers/Mongo',
+  ]
+  const externalLibs = [
+    'async',
+    'bull',
+    'json2csv',
+    'lodash',
+    'marked',
+    'moment',
+    '@overleaf/o-error',
+    'sanitize-html',
+    'sshpk',
+    'xml2js',
+    'mongodb',
+  ]
+  for (const modulePath of internalModules) {
+    requires[Path.resolve(__dirname, modulePath)] = require(modulePath)
+  }
+  for (const lib of externalLibs) {
+    requires[lib] = require(lib)
+  }
+  return requires
+}
+
+/*
+ * Mocha hooks
+ */
+
+// sandboxed-module somehow registers every fake module it creates in this
+// module's children array, which uses quite a big amount of memory. We'll take
+// a copy of the module children array and restore it after each test so that
+// the garbage collector has a chance to reclaim the fake modules.
+let initialModuleChildren
+
+exports.mochaHooks = {
+  beforeAll() {
+    // Record initial module children
+    initialModuleChildren = module.children.slice()
+  },
+
+  beforeEach() {
+    // Install logger stub
+    this.logger = globalStubs.logger
+  },
+
+  afterEach() {
+    // Delete leaking sandboxed modules
+    module.children = initialModuleChildren.slice()
+
+    // Reset global stubs
+    globalStubsSandbox.reset()
+
+    // Restore other stubs
+    sinon.restore()
+  },
+}
diff --git a/services/web/test/unit/src/Analytics/AccountMappingHelperTests.js b/services/web/test/unit/src/Analytics/AccountMappingHelperTests.js
new file mode 100644
index 0000000..91eb6b9
--- /dev/null
+++ b/services/web/test/unit/src/Analytics/AccountMappingHelperTests.js
@@ -0,0 +1,276 @@
+const SandboxedModule = require('sandboxed-module')
+const { expect } = require('chai')
+const { ObjectId } = require('mongodb-legacy')
+const path = require('node:path')
+
+const MODULE_PATH = path.join(
+  __dirname,
+  '../../../../app/src/Features/Analytics/AccountMappingHelper'
+)
+
+describe('AccountMappingHelper', function () {
+  beforeEach(function () {
+    this.AccountMappingHelper = SandboxedModule.require(MODULE_PATH)
+  })
+
+  describe('extractAccountMappingsFromSubscription', function () {
+    describe('when the v1 id is the same in the updated subscription and the subscription', function () {
+      describe('when the salesforce id is the same in the updated subscription and the subscription', function () {
+        beforeEach(function () {
+          this.subscription = {
+            id: new ObjectId('abc123abc123abc123abc123'),
+            salesforce_id: 'def456def456def456',
+          }
+          this.updatedSubscription = { salesforce_id: 'def456def456def456' }
+          this.result =
+            this.AccountMappingHelper.extractAccountMappingsFromSubscription(
+              this.subscription,
+              this.updatedSubscription
+            )
+        })
+
+        it('returns an empty array', function () {
+          expect(this.result).to.be.an('array')
+          expect(this.result).to.have.length(0)
+        })
+      })
+      describe('when the salesforce id has changed between the subscription and the updated subscription', function () {
+        beforeEach(function () {
+          this.subscription = {
+            id: new ObjectId('abc123abc123abc123abc123'),
+            salesforce_id: 'def456def456def456',
+          }
+          this.updatedSubscription = { salesforce_id: 'ghi789ghi789ghi789' }
+          this.result =
+            this.AccountMappingHelper.extractAccountMappingsFromSubscription(
+              this.subscription,
+              this.updatedSubscription
+            )
+        })
+
+        it('returns an array with a single item', function () {
+          expect(this.result).to.be.an('array')
+          expect(this.result).to.have.length(1)
+        })
+
+        it('uses "account" as sourceEntity', function () {
+          expect(this.result[0]).to.haveOwnProperty('sourceEntity', 'account')
+        })
+
+        it('uses the salesforceId from the updated subscription as sourceEntityId', function () {
+          expect(this.result[0]).to.haveOwnProperty(
+            'sourceEntityId',
+            this.updatedSubscription.salesforce_id
+          )
+        })
+
+        it('uses "subscription" as targetEntity', function () {
+          expect(this.result[0]).to.haveOwnProperty(
+            'targetEntity',
+            'subscription'
+          )
+        })
+
+        it('uses the subscriptionId as targetEntityId', function () {
+          expect(this.result[0]).to.haveOwnProperty(
+            'targetEntityId',
+            this.subscription.id
+          )
+        })
+      })
+      describe('when the update subscription has a salesforce id and the subscription has no salesforce_id', function () {
+        beforeEach(function () {
+          this.subscription = { id: new ObjectId('abc123abc123abc123abc123') }
+          this.updatedSubscription = { salesforce_id: 'def456def456def456' }
+          this.result =
+            this.AccountMappingHelper.extractAccountMappingsFromSubscription(
+              this.subscription,
+              this.updatedSubscription
+            )
+        })
+
+        it('returns an array with a single item', function () {
+          expect(this.result).to.be.an('array')
+          expect(this.result).to.have.length(1)
+        })
+
+        it('uses "account" as sourceEntity', function () {
+          expect(this.result[0]).to.haveOwnProperty('sourceEntity', 'account')
+        })
+
+        it('uses the salesforceId from the updated subscription as sourceEntityId', function () {
+          expect(this.result[0]).to.haveOwnProperty(
+            'sourceEntityId',
+            this.updatedSubscription.salesforce_id
+          )
+        })
+
+        it('uses "subscription" as targetEntity', function () {
+          expect(this.result[0]).to.haveOwnProperty(
+            'targetEntity',
+            'subscription'
+          )
+        })
+
+        it('uses the subscriptionId as targetEntityId', function () {
+          expect(this.result[0]).to.haveOwnProperty(
+            'targetEntityId',
+            this.subscription.id
+          )
+        })
+      })
+    })
+
+    describe('when the v1 id has changed between the subscription and the updated subscription', function () {
+      describe('when the salesforce id has not changed between the subscription and the updated subscription', function () {
+        beforeEach(function () {
+          this.subscription = {
+            id: new ObjectId('abc123abc123abc123abc123'),
+            v1_id: '1',
+            salesforce_id: '',
+          }
+          this.updatedSubscription = { v1_id: '2', salesforce_id: '' }
+          this.result =
+            this.AccountMappingHelper.extractAccountMappingsFromSubscription(
+              this.subscription,
+              this.updatedSubscription
+            )
+        })
+
+        it('returns an array with a single item', function () {
+          expect(this.result).to.be.an('array')
+          expect(this.result).to.have.length(1)
+        })
+
+        it('uses "university" as the sourceEntity', function () {
+          expect(this.result[0]).to.haveOwnProperty(
+            'sourceEntity',
+            'university'
+          )
+        })
+
+        it('uses the v1_id from the updated subscription as the sourceEntityId', function () {
+          expect(this.result[0]).to.haveOwnProperty(
+            'sourceEntityId',
+            this.updatedSubscription.v1_id
+          )
+        })
+
+        it('uses "subscription" as the targetEntity', function () {
+          expect(this.result[0]).to.haveOwnProperty(
+            'targetEntity',
+            'subscription'
+          )
+        })
+
+        it('uses the subscription id as the targetEntityId', function () {
+          expect(this.result[0]).to.haveOwnProperty(
+            'targetEntityId',
+            this.subscription.id
+          )
+        })
+      })
+      describe('when the salesforce id has changed between the subscription and the updated subscription', function () {
+        beforeEach(function () {
+          this.subscription = {
+            id: new ObjectId('abc123abc123abc123abc123'),
+            v1_id: '',
+            salesforce_id: 'def456def456def456',
+          }
+          this.updatedSubscription = {
+            v1_id: '2',
+            salesforce_id: '',
+          }
+          this.result =
+            this.AccountMappingHelper.extractAccountMappingsFromSubscription(
+              this.subscription,
+              this.updatedSubscription
+            )
+        })
+
+        it('returns an array with two items', function () {
+          expect(this.result).to.be.an('array')
+          expect(this.result).to.have.length(2)
+        })
+
+        it('uses the salesforce_id from the updated subscription as the sourceEntityId for the first item', function () {
+          expect(this.result[0]).to.haveOwnProperty(
+            'sourceEntityId',
+            this.updatedSubscription.salesforce_id
+          )
+        })
+
+        it('uses the subscription id as the targetEntityId for the first item', function () {
+          expect(this.result[0]).to.haveOwnProperty(
+            'targetEntityId',
+            this.subscription.id
+          )
+        })
+
+        it('uses the v1_id from the updated subscription as the sourceEntityId for the second item', function () {
+          expect(this.result[1]).to.haveOwnProperty(
+            'sourceEntityId',
+            this.updatedSubscription.v1_id
+          )
+        })
+
+        it('uses the subscription id as the targetEntityId for the second item', function () {
+          expect(this.result[1]).to.haveOwnProperty(
+            'targetEntityId',
+            this.subscription.id
+          )
+        })
+      })
+    })
+  })
+  describe('when the recurlySubscription_id has changed between the subscription and the updated subscription', function () {
+    beforeEach(function () {
+      this.subscription = {
+        id: new ObjectId('abc123abc123abc123abc123'),
+        recurlySubscription_id: '',
+      }
+      this.updatedSubscription = {
+        recurlySubscription_id: '1234a5678b90123cd4567e8f901a2b34',
+      }
+      this.result =
+        this.AccountMappingHelper.extractAccountMappingsFromSubscription(
+          this.subscription,
+          this.updatedSubscription
+        )
+    })
+    it('returns an array with one item', function () {
+      expect(this.result).to.be.an('array')
+      expect(this.result).to.have.length(1)
+    })
+
+    it('uses "recurly" as the source', function () {
+      expect(this.result[0]).to.haveOwnProperty('source', 'recurly')
+    })
+
+    it('uses "subscription" as the sourceEntity', function () {
+      expect(this.result[0]).to.haveOwnProperty('sourceEntity', 'subscription')
+    })
+
+    it('uses the recurlySubscription_id as the sourceEntityId', function () {
+      expect(this.result[0]).to.haveOwnProperty(
+        'sourceEntityId',
+        this.updatedSubscription.recurlySubscription_id
+      )
+    })
+
+    it('uses "v2" as the target', function () {
+      expect(this.result[0]).to.haveOwnProperty('target', 'v2')
+    })
+
+    it('uses "subscription" as the targetEntity', function () {
+      expect(this.result[0]).to.haveOwnProperty('targetEntity', 'subscription')
+    })
+
+    it('uses the subscription id as the targetEntityId', function () {
+      expect(this.result[0]).to.haveOwnProperty(
+        'targetEntityId',
+        this.subscription.id
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Analytics/AnalyticsControllerTests.mjs b/services/web/test/unit/src/Analytics/AnalyticsControllerTests.mjs
new file mode 100644
index 0000000..cba0e93
--- /dev/null
+++ b/services/web/test/unit/src/Analytics/AnalyticsControllerTests.mjs
@@ -0,0 +1,113 @@
+import esmock from 'esmock'
+import sinon from 'sinon'
+import MockResponse from '../helpers/MockResponse.js'
+const modulePath = new URL(
+  '../../../../app/src/Features/Analytics/AnalyticsController.mjs',
+  import.meta.url
+).pathname
+
+describe('AnalyticsController', function () {
+  beforeEach(async function () {
+    this.SessionManager = { getLoggedInUserId: sinon.stub() }
+
+    this.AnalyticsManager = {
+      updateEditingSession: sinon.stub(),
+      recordEventForSession: sinon.stub(),
+    }
+
+    this.Features = {
+      hasFeature: sinon.stub().returns(true),
+    }
+
+    this.controller = await esmock.strict(modulePath, {
+      '../../../../app/src/Features/Analytics/AnalyticsManager.js':
+        this.AnalyticsManager,
+      '../../../../app/src/Features/Authentication/SessionManager.js':
+        this.SessionManager,
+      '../../../../app/src/infrastructure/Features.js': this.Features,
+      '../../../../app/src/infrastructure/GeoIpLookup.js': (this.GeoIpLookup = {
+        promises: {
+          getDetails: sinon.stub().resolves(),
+        },
+      }),
+    })
+
+    this.res = new MockResponse()
+  })
+
+  describe('updateEditingSession', function () {
+    beforeEach(function () {
+      this.req = {
+        params: {
+          projectId: 'a project id',
+        },
+        session: {},
+        body: {
+          segmentation: {
+            editorType: 'abc',
+          },
+        },
+      }
+      this.GeoIpLookup.promises.getDetails = sinon
+        .stub()
+        .resolves({ country_code: 'XY' })
+    })
+
+    it('delegates to the AnalyticsManager', function (done) {
+      this.SessionManager.getLoggedInUserId.returns('1234')
+      this.res.callback = () => {
+        sinon.assert.calledWith(
+          this.AnalyticsManager.updateEditingSession,
+          '1234',
+          'a project id',
+          'XY',
+          { editorType: 'abc' }
+        )
+        done()
+      }
+      this.controller.updateEditingSession(this.req, this.res)
+    })
+  })
+
+  describe('recordEvent', function () {
+    beforeEach(function () {
+      const body = {
+        foo: 'stuff',
+        _csrf: 'atoken123',
+      }
+      this.req = {
+        params: {
+          event: 'i_did_something',
+        },
+        body,
+        sessionID: 'sessionIDHere',
+        session: {},
+      }
+
+      this.expectedData = Object.assign({}, body)
+      delete this.expectedData._csrf
+    })
+
+    it('should use the session', function (done) {
+      this.controller.recordEvent(this.req, this.res)
+      sinon.assert.calledWith(
+        this.AnalyticsManager.recordEventForSession,
+        this.req.session,
+        this.req.params.event,
+        this.expectedData
+      )
+      done()
+    })
+
+    it('should remove the CSRF token before sending to the manager', function (done) {
+      this.controller.recordEvent(this.req, this.res)
+      sinon.assert.calledWith(
+        this.AnalyticsManager.recordEventForSession,
+        this.req.session,
+        this.req.params.event,
+        this.expectedData
+      )
+      done()
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Analytics/AnalyticsManagerTests.js b/services/web/test/unit/src/Analytics/AnalyticsManagerTests.js
new file mode 100644
index 0000000..6d8a70a
--- /dev/null
+++ b/services/web/test/unit/src/Analytics/AnalyticsManagerTests.js
@@ -0,0 +1,424 @@
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const sinon = require('sinon')
+const MockRequest = require('../helpers/MockRequest')
+const MockResponse = require('../helpers/MockResponse')
+const { assert } = require('chai')
+const { ObjectId } = require('mongodb-legacy')
+
+const MODULE_PATH = path.join(
+  __dirname,
+  '../../../../app/src/Features/Analytics/AnalyticsManager'
+)
+
+describe('AnalyticsManager', function () {
+  beforeEach(function () {
+    this.fakeUserId = 'dbfc9438d14996f73dd172fb'
+    this.analyticsId = 'ecdb935a-52f3-4f91-aebc-7a70d2ffbb55'
+    this.Settings = {
+      analytics: { enabled: true },
+    }
+    this.analyticsEventsQueue = {
+      add: sinon.stub().resolves(),
+      process: sinon.stub().resolves(),
+    }
+    this.analyticsEditingSessionQueue = {
+      add: sinon.stub().resolves(),
+      process: sinon.stub().resolves(),
+    }
+    this.onboardingEmailsQueue = {
+      add: sinon.stub().resolves(),
+      process: sinon.stub().resolves(),
+    }
+    this.analyticsUserPropertiesQueue = {
+      add: sinon.stub().resolves(),
+      process: sinon.stub().resolves(),
+    }
+    this.analyticsAccountMappingQueue = {
+      add: sinon.stub().resolves(),
+      process: sinon.stub().resolves(),
+    }
+    const self = this
+    this.Queues = {
+      getQueue: queueName => {
+        switch (queueName) {
+          case 'analytics-events':
+            return self.analyticsEventsQueue
+          case 'analytics-editing-sessions':
+            return self.analyticsEditingSessionQueue
+          case 'emails-onboarding':
+            return self.onboardingEmailsQueue
+          case 'analytics-user-properties':
+            return self.analyticsUserPropertiesQueue
+          case 'analytics-account-mapping':
+            return self.analyticsAccountMappingQueue
+          default:
+            throw new Error('Unexpected queue name')
+        }
+      },
+      createScheduledJob: sinon.stub().resolves(),
+    }
+    this.backgroundRequest = sinon.stub().yields()
+    this.request = sinon.stub().yields()
+    this.AnalyticsManager = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '@overleaf/settings': this.Settings,
+        '../../infrastructure/Queues': this.Queues,
+        './UserAnalyticsIdCache': (this.UserAnalyticsIdCache = {
+          get: sinon.stub().resolves(this.analyticsId),
+        }),
+      },
+    })
+  })
+
+  describe('ignores when', function () {
+    it('user is smoke test user', function () {
+      this.Settings.smokeTest = { userId: this.fakeUserId }
+      this.AnalyticsManager.identifyUser(this.fakeUserId, '')
+      sinon.assert.notCalled(this.Queues.createScheduledJob)
+    })
+
+    it('analytics service is disabled', function () {
+      this.Settings.analytics.enabled = false
+      this.AnalyticsManager.identifyUser(this.fakeUserId, '')
+      sinon.assert.notCalled(this.Queues.createScheduledJob)
+    })
+
+    it('userId is missing', function () {
+      this.AnalyticsManager.identifyUser(undefined, this.analyticsId)
+      sinon.assert.notCalled(this.Queues.createScheduledJob)
+    })
+
+    it('analyticsId is missing', function () {
+      this.AnalyticsManager.identifyUser(
+        new ObjectId(this.fakeUserId),
+        undefined
+      )
+      sinon.assert.notCalled(this.Queues.createScheduledJob)
+    })
+
+    it('analyticsId is not a valid UUID', function () {
+      this.AnalyticsManager.identifyUser(
+        new ObjectId(this.fakeUserId),
+        this.fakeUserId
+      )
+      sinon.assert.notCalled(this.Queues.createScheduledJob)
+    })
+
+    it('userId and analyticsId are the same Mongo ID', function () {
+      this.AnalyticsManager.identifyUser(
+        new ObjectId(this.fakeUserId),
+        new ObjectId(this.fakeUserId)
+      )
+      sinon.assert.notCalled(this.Queues.createScheduledJob)
+    })
+
+    it('editing session segmentation is not valid', function () {
+      this.AnalyticsManager.updateEditingSession(
+        this.fakeUserId,
+        '789ghi',
+        'fr',
+        { '<alert>': 'foo' }
+      )
+      sinon.assert.called(this.logger.info)
+      sinon.assert.notCalled(this.analyticsEditingSessionQueue.add)
+    })
+
+    it('event is not valid', async function () {
+      await this.AnalyticsManager.recordEventForUser(
+        this.fakeUserId,
+        'not an event!'
+      )
+      sinon.assert.called(this.logger.info)
+      sinon.assert.notCalled(this.analyticsEventsQueue.add)
+    })
+
+    it('event segmentation is not valid', async function () {
+      await this.AnalyticsManager.recordEventForUser(
+        this.fakeUserId,
+        'an_event',
+        { 'not_a!': 'Valid Segmentation' }
+      )
+      sinon.assert.called(this.logger.info)
+      sinon.assert.notCalled(this.analyticsEventsQueue.add)
+    })
+
+    it('user property name is not valid', async function () {
+      await this.AnalyticsManager.setUserPropertyForUser(
+        this.fakeUserId,
+        'an invalid property',
+        'a_value'
+      )
+      sinon.assert.called(this.logger.info)
+      sinon.assert.notCalled(this.analyticsUserPropertiesQueue.add)
+    })
+
+    it('user property value is not valid', async function () {
+      await this.AnalyticsManager.setUserPropertyForUser(
+        this.fakeUserId,
+        'a_property',
+        'an invalid value'
+      )
+      sinon.assert.called(this.logger.info)
+      sinon.assert.notCalled(this.analyticsUserPropertiesQueue.add)
+    })
+  })
+
+  describe('queues the appropriate message for', function () {
+    it('identifyUser', function () {
+      const analyticsId = 'bd101c4c-722f-4204-9e2d-8303e5d9c120'
+      this.AnalyticsManager.identifyUser(this.fakeUserId, analyticsId, true)
+      sinon.assert.notCalled(this.logger.info)
+      sinon.assert.calledWithMatch(
+        this.Queues.createScheduledJob,
+        'analytics-events',
+        {
+          name: 'identify',
+          data: {
+            userId: this.fakeUserId,
+            analyticsId,
+            isNewUser: true,
+            createdAt: sinon.match.date,
+          },
+        },
+        60000
+      )
+    })
+
+    it('recordEventForUser', async function () {
+      const event = 'fake-event'
+      await this.AnalyticsManager.recordEventForUser(
+        this.fakeUserId,
+        event,
+        null
+      )
+      sinon.assert.notCalled(this.logger.info)
+      sinon.assert.calledWithMatch(this.analyticsEventsQueue.add, 'event', {
+        analyticsId: this.analyticsId,
+        event,
+        segmentation: null,
+        isLoggedIn: true,
+      })
+    })
+
+    it('updateEditingSession', function () {
+      const projectId = '789ghi'
+      const countryCode = 'fr'
+      const segmentation = { editorType: 'abc' }
+      this.AnalyticsManager.updateEditingSession(
+        this.fakeUserId,
+        projectId,
+        countryCode,
+        segmentation
+      )
+      sinon.assert.notCalled(this.logger.info)
+      sinon.assert.calledWithMatch(
+        this.analyticsEditingSessionQueue.add,
+        'editing-session',
+        {
+          userId: this.fakeUserId,
+          projectId,
+          countryCode,
+          segmentation,
+        }
+      )
+    })
+
+    it('empty field in event segmentation', async function () {
+      const timings = null
+      await this.AnalyticsManager.recordEventForUser(
+        this.fakeUserId,
+        'an_event',
+        { compileTime: timings?.compileE2E }
+      )
+      sinon.assert.notCalled(this.logger.info)
+      sinon.assert.calledWithMatch(this.analyticsEventsQueue.add, 'event', {
+        analyticsId: this.analyticsId,
+        event: 'an_event',
+        segmentation: { compileTime: undefined },
+        isLoggedIn: true,
+      })
+    })
+
+    it('empty space in event segmentation value', async function () {
+      await this.AnalyticsManager.recordEventForUser(
+        this.fakeUserId,
+        'an_event',
+        { segment: 'a value with spaces' }
+      )
+      sinon.assert.notCalled(this.logger.info)
+      sinon.assert.calledWithMatch(this.analyticsEventsQueue.add, 'event', {
+        analyticsId: this.analyticsId,
+        event: 'an_event',
+        segmentation: { segment: 'a value with spaces' },
+        isLoggedIn: true,
+      })
+    })
+
+    it('percent sign in event segmentation value', async function () {
+      await this.AnalyticsManager.recordEventForUser(
+        this.fakeUserId,
+        'an_event',
+        { segment: 'a value with escaped comma %2C' }
+      )
+      sinon.assert.notCalled(this.logger.info)
+      sinon.assert.calledWithMatch(this.analyticsEventsQueue.add, 'event', {
+        analyticsId: this.analyticsId,
+        event: 'an_event',
+        segmentation: { segment: 'a value with escaped comma %2C' },
+        isLoggedIn: true,
+      })
+    })
+
+    it('boolean field in event segmentation', async function () {
+      await this.AnalyticsManager.recordEventForUser(
+        this.fakeUserId,
+        'an_event',
+        { isAutoCompile: false }
+      )
+      sinon.assert.notCalled(this.logger.info)
+      sinon.assert.calledWithMatch(this.analyticsEventsQueue.add, 'event', {
+        analyticsId: this.analyticsId,
+        event: 'an_event',
+        segmentation: { isAutoCompile: false },
+        isLoggedIn: true,
+      })
+    })
+
+    it('account mapping', async function () {
+      const message = {
+        source: 'salesforce',
+        sourceEntity: 'account',
+        sourceEntityId: 'abc123abc123abc123',
+        target: 'v1',
+        targetEntity: 'university',
+        targetEntityId: 1,
+        createdAt: '2021-01-01T00:00:00Z',
+      }
+      await this.AnalyticsManager.registerAccountMapping(message)
+      sinon.assert.calledWithMatch(
+        this.analyticsAccountMappingQueue.add,
+        'account-mapping',
+        message
+      )
+    })
+  })
+
+  describe('AnalyticsIdMiddleware', function () {
+    beforeEach(function () {
+      this.userId = '123abc'
+      this.analyticsId = 'bccd308c-5d72-426e-a106-662e88557795'
+      const self = this
+      this.AnalyticsManager = SandboxedModule.require(MODULE_PATH, {
+        requires: {
+          '@overleaf/settings': {},
+          '../../infrastructure/Queues': {
+            getQueue: queueName => {
+              switch (queueName) {
+                case 'analytics-events':
+                  return self.analyticsEventsQueue
+                case 'analytics-editing-sessions':
+                  return self.analyticsEditingSessionQueue
+                case 'emails-onboarding':
+                  return self.onboardingEmailsQueue
+                case 'analytics-user-properties':
+                  return self.analyticsUserPropertiesQueue
+                case 'analytics-account-mapping':
+                  return self.analyticsAccountMappingQueue
+                default:
+                  throw new Error('Unexpected queue name')
+              }
+            },
+          },
+
+          './UserAnalyticsIdCache': (this.UserAnalyticsIdCache = {
+            get: sinon.stub().resolves(this.analyticsId),
+          }),
+          crypto: {
+            randomUUID: () => this.analyticsId,
+          },
+        },
+      })
+      this.req = new MockRequest()
+      this.req.session = {}
+      this.res = new MockResponse()
+      this.next = () => {}
+    })
+
+    it('sets session.analyticsId with no user in session', async function () {
+      await this.AnalyticsManager.analyticsIdMiddleware(
+        this.req,
+        this.res,
+        this.next
+      )
+      assert.equal(this.analyticsId, this.req.session.analyticsId)
+    })
+
+    it('does not update analyticsId when existing, with no user in session', async function () {
+      this.req.session.analyticsId = 'foo'
+      await this.AnalyticsManager.analyticsIdMiddleware(
+        this.req,
+        this.res,
+        this.next
+      )
+      assert.equal('foo', this.req.session.analyticsId)
+    })
+
+    it('sets session.analyticsId with a logged in user in session having an analyticsId', async function () {
+      this.req.session.user = {
+        _id: this.userId,
+        analyticsId: this.analyticsId,
+      }
+      await this.AnalyticsManager.analyticsIdMiddleware(
+        this.req,
+        this.res,
+        () => {
+          assert.equal(this.analyticsId, this.req.session.analyticsId)
+        }
+      )
+    })
+
+    it('sets session.analyticsId with a legacy user session without an analyticsId', async function () {
+      this.UserAnalyticsIdCache.get.resolves(this.userId)
+      this.req.session.user = {
+        _id: this.userId,
+        analyticsId: undefined,
+      }
+      await this.AnalyticsManager.analyticsIdMiddleware(
+        this.req,
+        this.res,
+        () => {
+          assert.equal(this.userId, this.req.session.analyticsId)
+        }
+      )
+    })
+
+    it('updates session.analyticsId with a legacy user session without an analyticsId if different', async function () {
+      this.UserAnalyticsIdCache.get.resolves(this.userId)
+      this.req.session.user = {
+        _id: this.userId,
+        analyticsId: undefined,
+      }
+      this.req.analyticsId = 'foo'
+      this.AnalyticsManager.analyticsIdMiddleware(this.req, this.res, () => {
+        assert.equal(this.userId, this.req.session.analyticsId)
+      })
+    })
+
+    it('does not update session.analyticsId with a legacy user session without an analyticsId if same', async function () {
+      this.UserAnalyticsIdCache.get.resolves(this.userId)
+      this.req.session.user = {
+        _id: this.userId,
+        analyticsId: undefined,
+      }
+      this.req.analyticsId = this.userId
+      await this.AnalyticsManager.analyticsIdMiddleware(
+        this.req,
+        this.res,
+        () => {
+          assert.equal(this.userId, this.req.session.analyticsId)
+        }
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Analytics/AnalyticsUTMTrackingMiddlewareTests.mjs b/services/web/test/unit/src/Analytics/AnalyticsUTMTrackingMiddlewareTests.mjs
new file mode 100644
index 0000000..461a2a7
--- /dev/null
+++ b/services/web/test/unit/src/Analytics/AnalyticsUTMTrackingMiddlewareTests.mjs
@@ -0,0 +1,200 @@
+import esmock from 'esmock'
+import sinon from 'sinon'
+import MockRequest from '../helpers/MockRequest.js'
+import MockResponse from '../helpers/MockResponse.js'
+import { assert } from 'chai'
+
+const MODULE_PATH = new URL(
+  '../../../../app/src/Features/Analytics/AnalyticsUTMTrackingMiddleware',
+  import.meta.url
+).pathname
+
+describe('AnalyticsUTMTrackingMiddleware', function () {
+  beforeEach(async function () {
+    this.analyticsId = 'ecdb935a-52f3-4f91-aebc-7a70d2ffbb55'
+    this.userId = '61795fcb013504bb7b663092'
+
+    this.req = new MockRequest()
+    this.res = new MockResponse()
+    this.next = sinon.stub().returns()
+    this.req.session = {
+      user: {
+        _id: this.userId,
+        analyticsId: this.analyticsId,
+      },
+    }
+
+    this.AnalyticsUTMTrackingMiddleware = await esmock.strict(MODULE_PATH, {
+      '../../../../app/src/Features/Analytics/AnalyticsManager.js':
+        (this.AnalyticsManager = {
+          recordEventForSession: sinon.stub().resolves(),
+          setUserPropertyForSessionInBackground: sinon.stub(),
+        }),
+      '@overleaf/settings': {
+        siteUrl: 'https://www.overleaf.com',
+      },
+    })
+
+    this.middleware = this.AnalyticsUTMTrackingMiddleware.recordUTMTags()
+  })
+
+  describe('without UTM tags in query', function () {
+    beforeEach(function () {
+      this.req.url = '/project'
+      this.middleware(this.req, this.res, this.next)
+    })
+
+    it('user is not redirected', function () {
+      assert.isFalse(this.res.redirected)
+    })
+
+    it('next middleware is executed', function () {
+      sinon.assert.calledOnce(this.next)
+    })
+
+    it('no event or user property is recorded', function () {
+      sinon.assert.notCalled(this.AnalyticsManager.recordEventForSession)
+      sinon.assert.notCalled(
+        this.AnalyticsManager.setUserPropertyForSessionInBackground
+      )
+    })
+  })
+
+  describe('with all UTM tags in query', function () {
+    beforeEach(function () {
+      this.req.url =
+        '/project?utm_source=Organic&utm_medium=Facebook&utm_campaign=Some%20Campaign&utm_content=foo-bar&utm_term=overridden'
+      this.req.query = {
+        utm_source: 'Organic',
+        utm_medium: 'Facebook',
+        utm_campaign: 'Some Campaign',
+        utm_content: 'foo-bar',
+        utm_term: 'overridden',
+      }
+      this.middleware(this.req, this.res, this.next)
+    })
+
+    it('user is redirected', function () {
+      assert.isTrue(this.res.redirected)
+      assert.equal('/project', this.res.redirectedTo)
+    })
+
+    it('next middleware is not executed', function () {
+      sinon.assert.notCalled(this.next)
+    })
+
+    it('page-view event is recorded for session', function () {
+      sinon.assert.calledWith(
+        this.AnalyticsManager.recordEventForSession,
+        this.req.session,
+        'page-view',
+        {
+          path: '/project',
+          utm_source: 'Organic',
+          utm_medium: 'Facebook',
+          utm_campaign: 'Some Campaign',
+          utm_content: 'foo-bar',
+          utm_term: 'overridden',
+        }
+      )
+    })
+
+    it('utm-tags user property is set for session', function () {
+      sinon.assert.calledWith(
+        this.AnalyticsManager.setUserPropertyForSessionInBackground,
+        this.req.session,
+        'utm-tags',
+        'Organic;Facebook;Some Campaign;foo-bar'
+      )
+    })
+  })
+
+  describe('with some UTM tags in query', function () {
+    beforeEach(function () {
+      this.req.url =
+        '/project?utm_medium=Facebook&utm_campaign=Some%20Campaign&utm_term=foo'
+      this.req.query = {
+        utm_medium: 'Facebook',
+        utm_campaign: 'Some Campaign',
+        utm_term: 'foo',
+      }
+      this.middleware(this.req, this.res, this.next)
+    })
+
+    it('user is redirected', function () {
+      assert.isTrue(this.res.redirected)
+      assert.equal('/project', this.res.redirectedTo)
+    })
+
+    it('next middleware is not executed', function () {
+      sinon.assert.notCalled(this.next)
+    })
+
+    it('page-view event is recorded for session', function () {
+      sinon.assert.calledWith(
+        this.AnalyticsManager.recordEventForSession,
+        this.req.session,
+        'page-view',
+        {
+          path: '/project',
+          utm_medium: 'Facebook',
+          utm_campaign: 'Some Campaign',
+          utm_term: 'foo',
+        }
+      )
+    })
+
+    it('utm-tags user property is set for session', function () {
+      sinon.assert.calledWith(
+        this.AnalyticsManager.setUserPropertyForSessionInBackground,
+        this.req.session,
+        'utm-tags',
+        'N/A;Facebook;Some Campaign;foo'
+      )
+    })
+  })
+
+  describe('with some UTM tags and additional parameters in query', function () {
+    beforeEach(function () {
+      this.req.url =
+        '/project?utm_medium=Facebook&utm_campaign=Some%20Campaign&other_param=some-value'
+      this.req.query = {
+        utm_medium: 'Facebook',
+        utm_campaign: 'Some Campaign',
+        other_param: 'some-value',
+      }
+      this.middleware(this.req, this.res, this.next)
+    })
+
+    it('user is redirected', function () {
+      assert.isTrue(this.res.redirected)
+      assert.equal('/project?other_param=some-value', this.res.redirectedTo)
+    })
+
+    it('next middleware is not executed', function () {
+      sinon.assert.notCalled(this.next)
+    })
+
+    it('page-view event is recorded for session', function () {
+      sinon.assert.calledWith(
+        this.AnalyticsManager.recordEventForSession,
+        this.req.session,
+        'page-view',
+        {
+          path: '/project',
+          utm_medium: 'Facebook',
+          utm_campaign: 'Some Campaign',
+        }
+      )
+    })
+
+    it('utm-tags user property is set for session', function () {
+      sinon.assert.calledWith(
+        this.AnalyticsManager.setUserPropertyForSessionInBackground,
+        this.req.session,
+        'utm-tags',
+        'N/A;Facebook;Some Campaign;N/A'
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Authentication/AuthenticationControllerTests.js b/services/web/test/unit/src/Authentication/AuthenticationControllerTests.js
new file mode 100644
index 0000000..0e4f675
--- /dev/null
+++ b/services/web/test/unit/src/Authentication/AuthenticationControllerTests.js
@@ -0,0 +1,1503 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath =
+  '../../../../app/src/Features/Authentication/AuthenticationController.js'
+const SandboxedModule = require('sandboxed-module')
+const tk = require('timekeeper')
+const MockRequest = require('../helpers/MockRequest')
+const MockResponse = require('../helpers/MockResponse')
+const { ObjectId } = require('mongodb-legacy')
+const AuthenticationErrors = require('../../../../app/src/Features/Authentication/AuthenticationErrors')
+
+describe('AuthenticationController', function () {
+  beforeEach(function () {
+    tk.freeze(Date.now())
+    this.UserModel = { findOne: sinon.stub() }
+    this.httpAuthUsers = {
+      'valid-test-user': Math.random().toString(16).slice(2),
+    }
+    this.user = {
+      _id: new ObjectId(),
+      email: (this.email = 'USER@example.com'),
+      first_name: 'bob',
+      last_name: 'brown',
+      referal_id: 1234,
+      isAdmin: false,
+    }
+    this.staffUser = {
+      ...this.user,
+      staffAccess: {
+        publisherMetrics: true,
+        publisherManagement: false,
+        institutionMetrics: true,
+        institutionManagement: false,
+        groupMetrics: true,
+        groupManagement: false,
+        adminMetrics: true,
+        splitTestMetrics: false,
+        splitTestManagement: true,
+      },
+    }
+    this.noStaffAccessUser = {
+      ...this.user,
+      staffAccess: {
+        publisherMetrics: false,
+        publisherManagement: false,
+        institutionMetrics: false,
+        institutionManagement: false,
+        groupMetrics: false,
+        groupManagement: false,
+        adminMetrics: false,
+        splitTestMetrics: false,
+        splitTestManagement: false,
+      },
+    }
+    this.password = 'banana'
+    this.req = new MockRequest()
+    this.res = new MockResponse()
+    this.callback = sinon.stub()
+    this.next = sinon.stub()
+    this.req.session.analyticsId = 'abc-123'
+
+    this.AuthenticationController = SandboxedModule.require(modulePath, {
+      requires: {
+        '../Helpers/AdminAuthorizationHelper': (this.AdminAuthorizationHelper =
+          {
+            hasAdminAccess: sinon.stub().returns(false),
+          }),
+        './AuthenticationErrors': AuthenticationErrors,
+        '../User/UserAuditLogHandler': (this.UserAuditLogHandler = {
+          addEntry: sinon.stub().yields(null),
+          promises: {
+            addEntry: sinon.stub().resolves(),
+          },
+        }),
+        '../Helpers/AsyncFormHelper': (this.AsyncFormHelper = {
+          redirect: sinon.stub(),
+        }),
+        '../../infrastructure/RequestContentTypeDetection': {
+          acceptsJson: (this.acceptsJson = sinon.stub().returns(false)),
+        },
+        './AuthenticationManager': (this.AuthenticationManager = {
+          promises: {},
+        }),
+        '../User/UserUpdater': (this.UserUpdater = {
+          updateUser: sinon.stub(),
+        }),
+        '@overleaf/metrics': (this.Metrics = { inc: sinon.stub() }),
+        '../Security/LoginRateLimiter': (this.LoginRateLimiter = {
+          processLoginRequest: sinon.stub(),
+          recordSuccessfulLogin: sinon.stub(),
+          promises: {
+            processLoginRequest: sinon.stub(),
+            recordSuccessfulLogin: sinon.stub(),
+          },
+        }),
+        '../User/UserHandler': (this.UserHandler = {
+          populateTeamInvites: sinon.stub(),
+        }),
+        '../Analytics/AnalyticsManager': (this.AnalyticsManager = {
+          recordEventForUserInBackground: sinon.stub(),
+          identifyUser: sinon.stub(),
+          getIdsFromSession: sinon.stub().returns({ userId: this.user._id }),
+        }),
+        '@overleaf/settings': (this.Settings = {
+          siteUrl: 'http://www.foo.bar',
+          httpAuthUsers: this.httpAuthUsers,
+          elevateAccountSecurityAfterFailedLogin: 90 * 24 * 60 * 60 * 1000,
+        }),
+        passport: (this.passport = {
+          authenticate: sinon.stub().returns(sinon.stub()),
+        }),
+        '../User/UserSessionsManager': (this.UserSessionsManager = {
+          trackSession: sinon.stub(),
+          untrackSession: sinon.stub(),
+          removeSessionsFromRedis: sinon.stub().yields(null),
+        }),
+        '../../infrastructure/Modules': (this.Modules = {
+          hooks: { fire: sinon.stub().yields(null, []) },
+          promises: { hooks: { fire: sinon.stub().resolves([]) } },
+        }),
+        '../Notifications/NotificationsBuilder': (this.NotificationsBuilder = {
+          ipMatcherAffiliation: sinon.stub().returns({ create: sinon.stub() }),
+        }),
+        '../../models/User': { User: this.UserModel },
+        '../../../../modules/oauth2-server/app/src/Oauth2Server':
+          (this.Oauth2Server = {
+            Request: sinon.stub(),
+            Response: sinon.stub(),
+            server: {
+              authenticate: sinon.stub(),
+            },
+          }),
+        '../Helpers/UrlHelper': (this.UrlHelper = {
+          getSafeRedirectPath: sinon.stub(),
+        }),
+        './SessionManager': (this.SessionManager = {
+          isUserLoggedIn: sinon.stub().returns(true),
+          getSessionUser: sinon.stub().returns(this.user),
+        }),
+      },
+    })
+    this.UrlHelper.getSafeRedirectPath
+      .withArgs('https://evil.com')
+      .returns(undefined)
+    this.UrlHelper.getSafeRedirectPath.returnsArg(0)
+  })
+
+  afterEach(function () {
+    tk.reset()
+  })
+
+  describe('validateAdmin', function () {
+    beforeEach(function () {
+      this.Settings.adminDomains = ['good.example.com']
+      this.goodAdmin = {
+        email: 'alice@good.example.com',
+        isAdmin: true,
+      }
+      this.badAdmin = {
+        email: 'beatrice@bad.example.com',
+        isAdmin: true,
+      }
+      this.normalUser = {
+        email: 'claire@whatever.example.com',
+        isAdmin: false,
+      }
+    })
+
+    it('should skip when adminDomains are not configured', function (done) {
+      this.Settings.adminDomains = []
+      this.SessionManager.getSessionUser = sinon.stub().returns(this.normalUser)
+      this.AuthenticationController.validateAdmin(this.req, this.res, err => {
+        this.SessionManager.getSessionUser.called.should.equal(false)
+        expect(err).to.not.exist
+        done()
+      })
+    })
+
+    it('should skip non-admin user', function (done) {
+      this.SessionManager.getSessionUser = sinon.stub().returns(this.normalUser)
+      this.AuthenticationController.validateAdmin(this.req, this.res, err => {
+        this.SessionManager.getSessionUser.called.should.equal(true)
+        expect(err).to.not.exist
+        done()
+      })
+    })
+
+    it('should permit an admin with the right doman', function (done) {
+      this.SessionManager.getSessionUser = sinon.stub().returns(this.goodAdmin)
+      this.AuthenticationController.validateAdmin(this.req, this.res, err => {
+        this.SessionManager.getSessionUser.called.should.equal(true)
+        expect(err).to.not.exist
+        done()
+      })
+    })
+
+    it('should block an admin with a missing email', function (done) {
+      this.SessionManager.getSessionUser = sinon
+        .stub()
+        .returns({ isAdmin: true })
+      this.AdminAuthorizationHelper.hasAdminAccess.returns(true)
+      this.AuthenticationController.validateAdmin(this.req, this.res, err => {
+        this.SessionManager.getSessionUser.called.should.equal(true)
+        expect(err).to.exist
+        done()
+      })
+    })
+
+    it('should block an admin with a bad domain', function (done) {
+      this.SessionManager.getSessionUser = sinon.stub().returns(this.badAdmin)
+      this.AdminAuthorizationHelper.hasAdminAccess.returns(true)
+      this.AuthenticationController.validateAdmin(this.req, this.res, err => {
+        this.SessionManager.getSessionUser.called.should.equal(true)
+        expect(err).to.exist
+        done()
+      })
+    })
+  })
+
+  describe('serializeUser', function () {
+    describe('when isAdmin is false', function () {
+      it('does not return an isAdmin field', function () {
+        const isAdminMatcher = sinon.match(value => {
+          return !('isAdmin' in value)
+        })
+
+        this.AuthenticationController.serializeUser(this.user, this.callback)
+        expect(this.callback).to.have.been.calledWith(null, isAdminMatcher)
+      })
+    })
+
+    describe('when staffAccess fields are provided', function () {
+      it('only returns the fields set to true', function () {
+        const expectedStaffAccess = {
+          publisherMetrics: true,
+          institutionMetrics: true,
+          groupMetrics: true,
+          adminMetrics: true,
+          splitTestManagement: true,
+        }
+        const staffAccessMatcher = sinon.match(value => {
+          return (
+            Object.keys(value.staffAccess).length ===
+            Object.keys(expectedStaffAccess).length
+          )
+        })
+
+        this.AuthenticationController.serializeUser(
+          this.staffUser,
+          this.callback
+        )
+        expect(this.callback).to.have.been.calledWith(null, staffAccessMatcher)
+      })
+    })
+
+    describe('when all staffAccess fields are false', function () {
+      it('no staffAccess attribute is set', function () {
+        const staffAccessMatcher = sinon.match(value => {
+          return !('staffAccess' in value)
+        })
+
+        this.AuthenticationController.serializeUser(
+          this.noStaffAccessUser,
+          this.callback
+        )
+        expect(this.callback).to.have.been.calledWith(null, staffAccessMatcher)
+      })
+    })
+  })
+
+  describe('passportLogin', function () {
+    beforeEach(function () {
+      this.info = null
+      this.req.login = sinon.stub().yields(null)
+      this.res.json = sinon.stub()
+      this.req.session = {
+        passport: { user: this.user },
+        postLoginRedirect: '/path/to/redir/to',
+      }
+      this.req.session.destroy = sinon.stub().yields(null)
+      this.req.session.save = sinon.stub().yields(null)
+      this.req.sessionStore = { generate: sinon.stub() }
+      this.AuthenticationController.promises.finishLogin = sinon.stub()
+      this.passport.authenticate.yields(null, this.user, this.info)
+      this.err = new Error('woops')
+    })
+
+    it('should call passport.authenticate', function () {
+      this.AuthenticationController.passportLogin(this.req, this.res, this.next)
+      this.passport.authenticate.callCount.should.equal(1)
+    })
+
+    describe('when authenticate produces an error', function () {
+      beforeEach(function () {
+        this.passport.authenticate.yields(this.err)
+      })
+
+      it('should return next with an error', function () {
+        this.AuthenticationController.passportLogin(
+          this.req,
+          this.res,
+          this.next
+        )
+        this.next.calledWith(this.err).should.equal(true)
+      })
+    })
+
+    describe('when authenticate produces a user', function () {
+      beforeEach(function () {
+        this.req.session.postLoginRedirect = 'some_redirect'
+        this.passport.authenticate.yields(null, this.user, this.info)
+      })
+
+      afterEach(function () {
+        delete this.req.session.postLoginRedirect
+      })
+
+      it('should call finishLogin', function (done) {
+        this.AuthenticationController.promises.finishLogin.callsFake(() => {
+          this.AuthenticationController.promises.finishLogin.callCount.should.equal(
+            1
+          )
+          this.AuthenticationController.promises.finishLogin
+            .calledWith(this.user, this.req, this.res)
+            .should.equal(true)
+          done()
+        })
+        this.AuthenticationController.passportLogin(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+    })
+
+    describe('when authenticate does not produce a user', function () {
+      beforeEach(function () {
+        this.info = { text: 'a', type: 'b' }
+        this.passport.authenticate.yields(null, false, this.info)
+      })
+
+      it('should not call finishLogin', function () {
+        this.AuthenticationController.passportLogin(
+          this.req,
+          this.res,
+          this.next
+        )
+        this.AuthenticationController.promises.finishLogin.callCount.should.equal(
+          0
+        )
+      })
+
+      it('should not send a json response with redirect', function () {
+        this.AuthenticationController.passportLogin(
+          this.req,
+          this.res,
+          this.next
+        )
+        this.res.json.callCount.should.equal(1)
+        this.res.json.should.have.been.calledWith({ message: this.info })
+        expect(this.res.json.lastCall.args[0].redir != null).to.equal(false)
+      })
+    })
+  })
+
+  describe('doPassportLogin', function () {
+    beforeEach(function () {
+      this.AuthenticationController._recordFailedLogin = sinon.stub()
+      this.AuthenticationController._recordSuccessfulLogin = sinon.stub()
+      this.req.body = {
+        email: this.email,
+        password: this.password,
+        session: {
+          postLoginRedirect: '/path/to/redir/to',
+        },
+      }
+      this.req.__authAuditInfo = { captcha: 'disabled' }
+      this.cb = sinon.stub()
+    })
+
+    describe('when the authentication errors', function () {
+      beforeEach(function () {
+        this.LoginRateLimiter.promises.processLoginRequest.resolves(true)
+        this.errorsWith = (error, done) => {
+          this.AuthenticationManager.promises.authenticate = sinon
+            .stub()
+            .rejects(error)
+          this.AuthenticationController.doPassportLogin(
+            this.req,
+            this.req.body.email,
+            this.req.body.password,
+            this.cb.callsFake(() => done())
+          )
+        }
+      })
+      describe('with "password is too long"', function () {
+        beforeEach(function (done) {
+          this.errorsWith(new Error('password is too long'), done)
+        })
+        it('should send a 429', function () {
+          this.cb.should.have.been.calledWith(undefined, false, {
+            status: 422,
+            type: 'error',
+            key: 'password-too-long',
+            text: 'password_too_long_please_reset',
+          })
+        })
+      })
+      describe('with ParallelLoginError', function () {
+        beforeEach(function (done) {
+          this.errorsWith(new AuthenticationErrors.ParallelLoginError(), done)
+        })
+        it('should send a 429', function () {
+          this.cb.should.have.been.calledWith(undefined, false, {
+            status: 429,
+          })
+        })
+      })
+      describe('with PasswordReusedError', function () {
+        beforeEach(function (done) {
+          this.errorsWith(new AuthenticationErrors.PasswordReusedError(), done)
+        })
+        it('should send a 400', function () {
+          this.cb.should.have.been.calledWith(undefined, false, {
+            status: 400,
+            type: 'error',
+            key: 'password-compromised',
+            text: 'password_compromised_try_again_or_use_known_device_or_reset.',
+          })
+        })
+      })
+      describe('with another error', function () {
+        const err = new Error('unhandled error')
+        beforeEach(function (done) {
+          this.errorsWith(err, done)
+        })
+        it('should send a 400', function () {
+          this.cb.should.have.been.calledWith(err)
+        })
+      })
+    })
+
+    describe('when the user is authenticated', function () {
+      beforeEach(function () {
+        this.cb = sinon.stub()
+        this.LoginRateLimiter.promises.processLoginRequest.resolves(true)
+        this.AuthenticationManager.promises.authenticate = sinon
+          .stub()
+          .resolves({ user: this.user })
+        this.req.sessionID = Math.random()
+      })
+
+      describe('happy path', function () {
+        beforeEach(function (done) {
+          this.AuthenticationController.doPassportLogin(
+            this.req,
+            this.req.body.email,
+            this.req.body.password,
+            this.cb.callsFake(() => done())
+          )
+        })
+        it('should attempt to authorise the user', function () {
+          this.AuthenticationManager.promises.authenticate
+            .calledWith({ email: this.email.toLowerCase() }, this.password)
+            .should.equal(true)
+        })
+
+        it("should establish the user's session", function () {
+          this.cb.calledWith(undefined, this.user).should.equal(true)
+        })
+      })
+
+      describe('with a user having a recent failed login ', function () {
+        beforeEach(function () {
+          this.user.lastFailedLogin = new Date()
+        })
+
+        describe('with captcha disabled', function () {
+          beforeEach(function (done) {
+            this.req.__authAuditInfo.captcha = 'disabled'
+            this.AuthenticationController.doPassportLogin(
+              this.req,
+              this.req.body.email,
+              this.req.body.password,
+              this.cb.callsFake(() => done())
+            )
+          })
+
+          it('should let the user log in', function () {
+            this.cb.should.have.been.calledWith(undefined, this.user)
+          })
+        })
+
+        describe('with a solved captcha', function () {
+          beforeEach(function (done) {
+            this.req.__authAuditInfo.captcha = 'solved'
+            this.AuthenticationController.doPassportLogin(
+              this.req,
+              this.req.body.email,
+              this.req.body.password,
+              this.cb.callsFake(() => done())
+            )
+          })
+
+          it('should let the user log in', function () {
+            this.cb.should.have.been.calledWith(undefined, this.user)
+          })
+        })
+
+        describe('with a skipped captcha', function () {
+          beforeEach(function (done) {
+            this.req.__authAuditInfo.captcha = 'skipped'
+            this.AuthenticationController.doPassportLogin(
+              this.req,
+              this.req.body.email,
+              this.req.body.password,
+              this.cb.callsFake(() => done())
+            )
+          })
+
+          it('should request a captcha', function () {
+            this.cb.should.have.been.calledWith(undefined, false, {
+              text: 'cannot_verify_user_not_robot',
+              type: 'error',
+              errorReason: 'cannot_verify_user_not_robot',
+              status: 400,
+            })
+          })
+        })
+      })
+    })
+
+    describe('when the user is not authenticated', function () {
+      beforeEach(function (done) {
+        this.LoginRateLimiter.promises.processLoginRequest.resolves(true)
+        this.AuthenticationManager.promises.authenticate = sinon
+          .stub()
+          .resolves({ user: null })
+        this.cb = sinon.stub().callsFake(() => done())
+        this.AuthenticationController.doPassportLogin(
+          this.req,
+          this.req.body.email,
+          this.req.body.password,
+          this.cb
+        )
+      })
+
+      it('should not establish the login', function () {
+        this.cb.callCount.should.equal(1)
+        this.cb.calledWith(null, false)
+        expect(this.cb.lastCall.args[2]).to.deep.equal({
+          type: 'error',
+          key: 'invalid-password-retry-or-reset',
+          status: 401,
+        })
+      })
+
+      it('should not setup the user data in the background', function () {
+        this.UserHandler.populateTeamInvites.called.should.equal(false)
+      })
+
+      it('should record a failed login', function () {
+        this.AuthenticationController._recordFailedLogin.called.should.equal(
+          true
+        )
+      })
+
+      it('should log the failed login', function () {
+        this.logger.debug
+          .calledWith({ email: this.email.toLowerCase() }, 'failed log in')
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('requireLogin', function () {
+    beforeEach(function () {
+      this.user = {
+        _id: 'user-id-123',
+        email: 'user@overleaf.com',
+      }
+      this.middleware = this.AuthenticationController.requireLogin()
+    })
+
+    describe('when the user is logged in', function () {
+      beforeEach(function () {
+        this.req.session = {
+          user: (this.user = {
+            _id: 'user-id-123',
+            email: 'user@overleaf.com',
+          }),
+        }
+        this.middleware(this.req, this.res, this.next)
+      })
+
+      it('should call the next method in the chain', function () {
+        this.next.called.should.equal(true)
+      })
+    })
+
+    describe('when the user is not logged in', function () {
+      beforeEach(function () {
+        this.req.session = {}
+        this.AuthenticationController._redirectToLoginOrRegisterPage =
+          sinon.stub()
+        this.req.query = {}
+        this.SessionManager.isUserLoggedIn = sinon.stub().returns(false)
+        this.middleware(this.req, this.res, this.next)
+      })
+
+      it('should redirect to the register or login page', function () {
+        this.AuthenticationController._redirectToLoginOrRegisterPage
+          .calledWith(this.req, this.res)
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('requireOauth', function () {
+    beforeEach(function () {
+      this.res.json = sinon.stub()
+      this.res.status = sinon.stub().returns(this.res)
+      this.res.sendStatus = sinon.stub()
+      this.middleware = this.AuthenticationController.requireOauth('scope')
+    })
+
+    describe('when Oauth2Server authenticates', function () {
+      beforeEach(function (done) {
+        this.token = {
+          accessToken: 'token',
+          user: 'user',
+        }
+        this.Oauth2Server.server.authenticate = sinon
+          .stub()
+          .resolves(this.token)
+        this.middleware(this.req, this.res, () => done())
+      })
+
+      it('should set oauth_token on request', function () {
+        this.req.oauth_token.should.equal(this.token)
+      })
+
+      it('should set oauth on request', function () {
+        this.req.oauth.access_token.should.equal(this.token.accessToken)
+      })
+
+      it('should set oauth_user on request', function () {
+        this.req.oauth_user.should.equal('user')
+      })
+    })
+
+    describe('when Oauth2Server returns 401 error', function () {
+      beforeEach(function (done) {
+        this.res.json.callsFake(() => done())
+        this.Oauth2Server.server.authenticate.rejects({ code: 401 })
+        this.middleware(this.req, this.res, this.next)
+      })
+
+      it('should return 401 error', function () {
+        this.res.status.should.have.been.calledWith(401)
+      })
+
+      it('should not call next', function () {
+        this.next.should.have.not.been.calledOnce
+      })
+    })
+  })
+
+  describe('requireGlobalLogin', function () {
+    beforeEach(function () {
+      this.req.headers = {}
+      this.middleware = sinon.stub()
+      this.AuthenticationController.requirePrivateApiAuth = sinon
+        .stub()
+        .returns(this.middleware)
+      this.setRedirect = sinon.spy(
+        this.AuthenticationController,
+        'setRedirectInSession'
+      )
+    })
+
+    afterEach(function () {
+      this.setRedirect.restore()
+    })
+
+    describe('with white listed url', function () {
+      beforeEach(function () {
+        this.AuthenticationController.addEndpointToLoginWhitelist('/login')
+        this.req._parsedUrl.pathname = '/login'
+        this.AuthenticationController.requireGlobalLogin(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should call next() directly', function () {
+        this.next.called.should.equal(true)
+      })
+    })
+
+    describe('with white listed url and a query string', function () {
+      beforeEach(function () {
+        this.AuthenticationController.addEndpointToLoginWhitelist('/login')
+        this.req._parsedUrl.pathname = '/login'
+        this.req.url = '/login?query=something'
+        this.AuthenticationController.requireGlobalLogin(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should call next() directly', function () {
+        this.next.called.should.equal(true)
+      })
+    })
+
+    describe('with http auth', function () {
+      beforeEach(function () {
+        this.req.headers.authorization = 'Mock Basic Auth'
+        this.AuthenticationController.requireGlobalLogin(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should pass the request onto requirePrivateApiAuth middleware', function () {
+        this.middleware
+          .calledWith(this.req, this.res, this.next)
+          .should.equal(true)
+      })
+    })
+
+    describe('with a user session', function () {
+      beforeEach(function () {
+        this.req.session = { user: { mock: 'user', _id: 'some_id' } }
+        this.AuthenticationController.requireGlobalLogin(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should call next() directly', function () {
+        this.next.called.should.equal(true)
+      })
+    })
+
+    describe('with no login credentials', function () {
+      beforeEach(function () {
+        this.req.session = {}
+        this.SessionManager.isUserLoggedIn = sinon.stub().returns(false)
+        this.AuthenticationController.requireGlobalLogin(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should have called setRedirectInSession', function () {
+        this.setRedirect.callCount.should.equal(1)
+      })
+
+      it('should redirect to the /login page', function () {
+        this.res.redirectedTo.should.equal('/login')
+      })
+    })
+  })
+
+  describe('requireBasicAuth', function () {
+    beforeEach(function () {
+      this.basicAuthUsers = {
+        'basic-auth-user': 'basic-auth-password',
+      }
+      this.middleware = this.AuthenticationController.requireBasicAuth(
+        this.basicAuthUsers
+      )
+    })
+
+    describe('with http auth', function () {
+      it('should error with incorrect user', function (done) {
+        this.req.headers = {
+          authorization: `Basic ${Buffer.from('user:nope').toString('base64')}`,
+        }
+        this.req.sendStatus = status => {
+          expect(status).to.equal(401)
+          done()
+        }
+        this.middleware(this.req, this.req)
+      })
+
+      it('should error with incorrect password', function (done) {
+        this.req.headers = {
+          authorization: `Basic ${Buffer.from('basic-auth-user:nope').toString(
+            'base64'
+          )}`,
+        }
+        this.req.sendStatus = status => {
+          expect(status).to.equal(401)
+          done()
+        }
+        this.middleware(this.req, this.req)
+      })
+
+      it('should fail with empty pass', function (done) {
+        this.req.headers = {
+          authorization: `Basic ${Buffer.from(`basic-auth-user:`).toString(
+            'base64'
+          )}`,
+        }
+        this.req.sendStatus = status => {
+          expect(status).to.equal(401)
+          done()
+        }
+        this.middleware(this.req, this.req)
+      })
+
+      it('should fail with empty user and password of "undefined"', function (done) {
+        this.req.headers = {
+          authorization: `Basic ${Buffer.from(`:undefined`).toString(
+            'base64'
+          )}`,
+        }
+        this.req.sendStatus = status => {
+          expect(status).to.equal(401)
+          done()
+        }
+        this.middleware(this.req, this.req)
+      })
+
+      it('should fail with empty user and empty password', function (done) {
+        this.req.headers = {
+          authorization: `Basic ${Buffer.from(`:`).toString('base64')}`,
+        }
+        this.req.sendStatus = status => {
+          expect(status).to.equal(401)
+          done()
+        }
+        this.middleware(this.req, this.req)
+      })
+
+      it('should fail with a user that is not a valid property', function (done) {
+        this.req.headers = {
+          authorization: `Basic ${Buffer.from(
+            `constructor:[Function ]`
+          ).toString('base64')}`,
+        }
+        this.req.sendStatus = status => {
+          expect(status).to.equal(401)
+          done()
+        }
+        this.middleware(this.req, this.req)
+      })
+
+      it('should succeed with correct user/pass', function (done) {
+        this.req.headers = {
+          authorization: `Basic ${Buffer.from(
+            `basic-auth-user:${this.basicAuthUsers['basic-auth-user']}`
+          ).toString('base64')}`,
+        }
+        this.middleware(this.req, this.res, done)
+      })
+    })
+  })
+
+  describe('requirePrivateApiAuth', function () {
+    beforeEach(function () {
+      this.AuthenticationController.requireBasicAuth = sinon.stub()
+    })
+
+    it('should call requireBasicAuth with the private API user details', function () {
+      this.AuthenticationController.requirePrivateApiAuth()
+      this.AuthenticationController.requireBasicAuth
+        .calledWith(this.httpAuthUsers)
+        .should.equal(true)
+    })
+  })
+
+  describe('_redirectToLoginOrRegisterPage', function () {
+    beforeEach(function () {
+      this.middleware = this.AuthenticationController.requireLogin(
+        (this.options = { load_from_db: false })
+      )
+      this.req.session = {}
+      this.AuthenticationController._redirectToRegisterPage = sinon.stub()
+      this.AuthenticationController._redirectToLoginPage = sinon.stub()
+      this.req.query = {}
+    })
+
+    describe('they have come directly to the url', function () {
+      beforeEach(function () {
+        this.req.query = {}
+        this.SessionManager.isUserLoggedIn = sinon.stub().returns(false)
+        this.middleware(this.req, this.res, this.next)
+      })
+
+      it('should redirect to the login page', function () {
+        this.AuthenticationController._redirectToRegisterPage
+          .calledWith(this.req, this.res)
+          .should.equal(false)
+        this.AuthenticationController._redirectToLoginPage
+          .calledWith(this.req, this.res)
+          .should.equal(true)
+      })
+    })
+
+    describe('they have come via a templates link', function () {
+      beforeEach(function () {
+        this.req.query.zipUrl = 'something'
+        this.SessionManager.isUserLoggedIn = sinon.stub().returns(false)
+        this.middleware(this.req, this.res, this.next)
+      })
+
+      it('should redirect to the register page', function () {
+        this.AuthenticationController._redirectToRegisterPage
+          .calledWith(this.req, this.res)
+          .should.equal(true)
+        this.AuthenticationController._redirectToLoginPage
+          .calledWith(this.req, this.res)
+          .should.equal(false)
+      })
+    })
+
+    describe('they have been invited to a project', function () {
+      beforeEach(function () {
+        this.req.session.sharedProjectData = {
+          project_name: 'something',
+          user_first_name: 'else',
+        }
+        this.SessionManager.isUserLoggedIn = sinon.stub().returns(false)
+        this.middleware(this.req, this.res, this.next)
+      })
+
+      it('should redirect to the register page', function () {
+        this.AuthenticationController._redirectToRegisterPage
+          .calledWith(this.req, this.res)
+          .should.equal(true)
+        this.AuthenticationController._redirectToLoginPage
+          .calledWith(this.req, this.res)
+          .should.equal(false)
+      })
+    })
+  })
+
+  describe('_redirectToRegisterPage', function () {
+    beforeEach(function () {
+      this.req.path = '/target/url'
+      this.req.query = { extra_query: 'foo' }
+      this.AuthenticationController._redirectToRegisterPage(this.req, this.res)
+    })
+
+    it('should redirect to the register page with a query string attached', function () {
+      this.req.session.postLoginRedirect.should.equal(
+        '/target/url?extra_query=foo'
+      )
+      this.res.redirectedTo.should.equal('/register?extra_query=foo')
+    })
+
+    it('should log out a message', function () {
+      this.logger.debug
+        .calledWith(
+          { url: this.url },
+          'user not logged in so redirecting to register page'
+        )
+        .should.equal(true)
+    })
+  })
+
+  describe('_redirectToLoginPage', function () {
+    beforeEach(function () {
+      this.req.path = '/target/url'
+      this.req.query = { extra_query: 'foo' }
+      this.AuthenticationController._redirectToLoginPage(this.req, this.res)
+    })
+
+    it('should redirect to the register page with a query string attached', function () {
+      this.req.session.postLoginRedirect.should.equal(
+        '/target/url?extra_query=foo'
+      )
+      this.res.redirectedTo.should.equal('/login?extra_query=foo')
+    })
+  })
+
+  describe('_recordSuccessfulLogin', function () {
+    beforeEach(function () {
+      this.UserUpdater.updateUser = sinon.stub().yields()
+      this.AuthenticationController._recordSuccessfulLogin(
+        this.user._id,
+        this.callback
+      )
+    })
+
+    it('should increment the user.login.success metric', function () {
+      this.Metrics.inc.calledWith('user.login.success').should.equal(true)
+    })
+
+    it("should update the user's login count and last logged in date", function () {
+      this.UserUpdater.updateUser.args[0][1].$set.lastLoggedIn.should.not.equal(
+        undefined
+      )
+      this.UserUpdater.updateUser.args[0][1].$inc.loginCount.should.equal(1)
+    })
+
+    it('should call the callback', function () {
+      this.callback.called.should.equal(true)
+    })
+  })
+
+  describe('_recordFailedLogin', function () {
+    beforeEach(function () {
+      this.AuthenticationController._recordFailedLogin(this.callback)
+    })
+
+    it('should increment the user.login.failed metric', function () {
+      this.Metrics.inc.calledWith('user.login.failed').should.equal(true)
+    })
+
+    it('should call the callback', function () {
+      this.callback.called.should.equal(true)
+    })
+  })
+
+  describe('setRedirectInSession', function () {
+    beforeEach(function () {
+      this.req = { session: {} }
+      this.req.path = '/somewhere'
+      this.req.query = { one: '1' }
+    })
+
+    it('should set redirect property on session', function () {
+      this.AuthenticationController.setRedirectInSession(this.req)
+      expect(this.req.session.postLoginRedirect).to.equal('/somewhere?one=1')
+    })
+
+    it('should set the supplied value', function () {
+      this.AuthenticationController.setRedirectInSession(
+        this.req,
+        '/somewhere/specific'
+      )
+      expect(this.req.session.postLoginRedirect).to.equal('/somewhere/specific')
+    })
+
+    it('should not allow open redirects', function () {
+      this.AuthenticationController.setRedirectInSession(
+        this.req,
+        'https://evil.com'
+      )
+      expect(this.req.session.postLoginRedirect).to.be.undefined
+    })
+
+    describe('with a png', function () {
+      beforeEach(function () {
+        this.req = { session: {} }
+      })
+
+      it('should not set the redirect', function () {
+        this.AuthenticationController.setRedirectInSession(
+          this.req,
+          '/something.png'
+        )
+        expect(this.req.session.postLoginRedirect).to.equal(undefined)
+      })
+    })
+
+    describe('with a js path', function () {
+      beforeEach(function () {
+        this.req = { session: {} }
+      })
+
+      it('should not set the redirect', function () {
+        this.AuthenticationController.setRedirectInSession(
+          this.req,
+          '/js/something.js'
+        )
+        expect(this.req.session.postLoginRedirect).to.equal(undefined)
+      })
+    })
+  })
+
+  describe('getRedirectFromSession', function () {
+    it('should get redirect property from session', function () {
+      this.req = { session: { postLoginRedirect: '/a?b=c' } }
+      expect(
+        this.AuthenticationController.getRedirectFromSession(this.req)
+      ).to.equal('/a?b=c')
+    })
+
+    it('should not allow open redirects', function () {
+      this.req = { session: { postLoginRedirect: 'https://evil.com' } }
+      expect(this.AuthenticationController.getRedirectFromSession(this.req)).to
+        .be.null
+    })
+
+    it('handle null values', function () {
+      this.req = { session: {} }
+      expect(this.AuthenticationController.getRedirectFromSession(this.req)).to
+        .be.null
+    })
+  })
+
+  describe('_clearRedirectFromSession', function () {
+    beforeEach(function () {
+      this.req = { session: { postLoginRedirect: '/a?b=c' } }
+    })
+
+    it('should remove the redirect property from session', function () {
+      this.AuthenticationController._clearRedirectFromSession(this.req)
+      expect(this.req.session.postLoginRedirect).to.equal(undefined)
+    })
+  })
+
+  describe('finishLogin', function () {
+    // - get redirect
+    // - async handlers
+    // - afterLoginSessionSetup
+    // - clear redirect
+    // - issue redir, two ways
+    beforeEach(function () {
+      this.AuthenticationController.getRedirectFromSession = sinon
+        .stub()
+        .returns('/some/page')
+
+      this.req.sessionID = 'thisisacryptographicallysecurerandomid'
+      this.req.session = {
+        passport: { user: { _id: 'one' } },
+      }
+      this.req.session.destroy = sinon.stub().yields(null)
+      this.req.session.save = sinon.stub().yields(null)
+      this.req.sessionStore = { generate: sinon.stub() }
+      this.req.login = sinon.stub().yields(null)
+
+      this.AuthenticationController._clearRedirectFromSession = sinon.stub()
+      this.AuthenticationController._redirectToReconfirmPage = sinon.stub()
+      this.UserSessionsManager.trackSession = sinon.stub()
+      this.UserHandler.populateTeamInvites = sinon.stub()
+      this.LoginRateLimiter.recordSuccessfulLogin = sinon.stub()
+      this.AuthenticationController._recordSuccessfulLogin = sinon.stub()
+      this.AnalyticsManager.recordEvent = sinon.stub()
+      this.AnalyticsManager.identifyUser = sinon.stub()
+      this.acceptsJson.returns(true)
+      this.res.json = sinon.stub()
+      this.res.redirect = sinon.stub()
+    })
+
+    it('should extract the redirect from the session', async function () {
+      await this.AuthenticationController.promises.finishLogin(
+        this.user,
+        this.req,
+        this.res,
+        this.next
+      )
+      expect(
+        this.AuthenticationController.getRedirectFromSession.callCount
+      ).to.equal(1)
+      expect(
+        this.AuthenticationController.getRedirectFromSession.calledWith(
+          this.req
+        )
+      ).to.equal(true)
+    })
+
+    it('should clear redirect from session', async function () {
+      await this.AuthenticationController.promises.finishLogin(
+        this.user,
+        this.req,
+        this.res,
+        this.next
+      )
+      expect(
+        this.AuthenticationController._clearRedirectFromSession.callCount
+      ).to.equal(1)
+      expect(
+        this.AuthenticationController._clearRedirectFromSession.calledWith(
+          this.req
+        )
+      ).to.equal(true)
+    })
+
+    it('should issue a json response with a redirect', async function () {
+      await this.AuthenticationController.promises.finishLogin(
+        this.user,
+        this.req,
+        this.res,
+        this.next
+      )
+      expect(
+        this.AsyncFormHelper.redirect.calledWith(
+          this.req,
+          this.res,
+          '/some/page'
+        )
+      ).to.equal(true)
+    })
+
+    describe('with a non-json request', function () {
+      beforeEach(function () {
+        this.acceptsJson.returns(false)
+        this.res.json = sinon.stub()
+        this.res.redirect = sinon.stub()
+      })
+
+      it('should issue a plain redirect', async function () {
+        await this.AuthenticationController.promises.finishLogin(
+          this.user,
+          this.req,
+          this.res,
+          this.next
+        )
+        expect(
+          this.AsyncFormHelper.redirect.calledWith(
+            this.req,
+            this.res,
+            '/some/page'
+          )
+        ).to.equal(true)
+      })
+    })
+
+    describe('when user is flagged to reconfirm', function () {
+      beforeEach(function () {
+        this.req.session = {}
+        this.user.must_reconfirm = true
+      })
+      it('should redirect to reconfirm page', async function () {
+        await this.AuthenticationController.promises.finishLogin(
+          this.user,
+          this.req,
+          this.res,
+          this.next
+        )
+        expect(
+          this.AuthenticationController._redirectToReconfirmPage.calledWith(
+            this.req
+          )
+        ).to.equal(true)
+      })
+    })
+
+    describe('when user account is suspended', function () {
+      beforeEach(function () {
+        this.req.session = {}
+        this.user.suspended = true
+      })
+      it('should not log in and instead redirect to suspended account page', async function () {
+        await this.AuthenticationController.promises.finishLogin(
+          this.user,
+          this.req,
+          this.res,
+          this.next
+        )
+        sinon.assert.notCalled(this.req.login)
+        sinon.assert.calledWith(
+          this.AsyncFormHelper.redirect,
+          this.req,
+          this.res,
+          '/account-suspended'
+        )
+      })
+    })
+
+    describe('preFinishLogin hook', function () {
+      it('call hook and proceed', async function () {
+        await this.AuthenticationController.promises.finishLogin(
+          this.user,
+          this.req,
+          this.res,
+          this.next
+        )
+        sinon.assert.calledWith(
+          this.Modules.promises.hooks.fire,
+          'preFinishLogin',
+          this.req,
+          this.res,
+          this.user
+        )
+        expect(this.AsyncFormHelper.redirect.called).to.equal(true)
+      })
+
+      it('stop if hook has redirected', async function () {
+        this.Modules.promises.hooks.fire = sinon
+          .stub()
+          .resolves([{ doNotFinish: true }])
+        await this.AuthenticationController.promises.finishLogin(
+          this.user,
+          this.req,
+          this.res,
+          this.next
+        )
+        expect(this.next.callCount).to.equal(0)
+        expect(this.res.json.callCount).to.equal(0)
+      })
+
+      it('call next with hook errors', function (done) {
+        this.Modules.promises.hooks.fire = sinon.stub().yields(new Error())
+        this.AuthenticationController.promises
+          .finishLogin(this.user, this.req, this.res)
+          .catch(err => {
+            expect(err).to.exist
+            expect(this.res.json.callCount).to.equal(0)
+            done()
+          })
+      })
+    })
+
+    describe('UserAuditLog', function () {
+      it('should add an audit log entry', async function () {
+        await this.AuthenticationController.promises.finishLogin(
+          this.user,
+          this.req,
+          this.res,
+          this.next
+        )
+        expect(
+          this.UserAuditLogHandler.promises.addEntry
+        ).to.have.been.calledWith(
+          this.user._id,
+          'login',
+          this.user._id,
+          '42.42.42.42'
+        )
+      })
+
+      it('should add an audit log entry before logging the user in', async function () {
+        await this.AuthenticationController.promises.finishLogin(
+          this.user,
+          this.req,
+          this.res,
+          this.next
+        )
+        expect(
+          this.UserAuditLogHandler.promises.addEntry
+        ).to.have.been.calledBefore(this.req.login)
+      })
+
+      it('should not log the user in without an audit log entry', function (done) {
+        const theError = new Error()
+        this.UserAuditLogHandler.promises.addEntry.rejects(theError)
+        this.next.callsFake(err => {
+          expect(err).to.equal(theError)
+          expect(this.next).to.have.been.calledWith(theError)
+          expect(this.req.login).to.not.have.been.called
+          done()
+        })
+        this.AuthenticationController.finishLogin(
+          this.user,
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should pass along auditInfo when present', async function () {
+        this.AuthenticationController.setAuditInfo(this.req, {
+          method: 'Login',
+        })
+        await this.AuthenticationController.promises.finishLogin(
+          this.user,
+          this.req,
+          this.res
+        )
+        expect(
+          this.UserAuditLogHandler.promises.addEntry
+        ).to.have.been.calledWith(
+          this.user._id,
+          'login',
+          this.user._id,
+          '42.42.42.42',
+          { method: 'Login' }
+        )
+      })
+    })
+
+    describe('_afterLoginSessionSetup', function () {
+      beforeEach(function () {})
+
+      it('should call req.login', async function () {
+        await this.AuthenticationController.promises.finishLogin(
+          this.user,
+          this.req,
+          this.res,
+          this.next
+        )
+        this.req.login.callCount.should.equal(1)
+      })
+
+      it('should erase the CSRF secret', async function () {
+        await this.AuthenticationController.promises.finishLogin(
+          this.user,
+          this.req,
+          this.res,
+          this.next
+        )
+        expect(this.req.session.csrfSecret).to.not.exist
+      })
+
+      it('should call req.session.save', async function () {
+        await this.AuthenticationController.promises.finishLogin(
+          this.user,
+          this.req,
+          this.res,
+          this.next
+        )
+        this.req.session.save.callCount.should.equal(1)
+      })
+
+      it('should call UserSessionsManager.trackSession', async function () {
+        await this.AuthenticationController.promises.finishLogin(
+          this.user,
+          this.req,
+          this.res,
+          this.next
+        )
+        this.UserSessionsManager.trackSession.callCount.should.equal(1)
+      })
+
+      describe('when req.session.save produces an error', function () {
+        beforeEach(function () {
+          this.req.session.save = sinon.stub().yields(new Error('woops'))
+        })
+
+        it('should produce an error', function (done) {
+          this.AuthenticationController.promises
+            .finishLogin(this.user, this.req, this.res)
+            .catch(err => {
+              expect(err).to.not.be.oneOf([null, undefined])
+              expect(err).to.be.instanceof(Error)
+              done()
+            })
+        })
+
+        it('should not call UserSessionsManager.trackSession', function (done) {
+          this.AuthenticationController.promises
+            .finishLogin(this.user, this.req, this.res)
+            .catch(err => {
+              expect(err).to.exist
+              this.UserSessionsManager.trackSession.callCount.should.equal(0)
+              done()
+            })
+        })
+      })
+    })
+
+    describe('_loginAsyncHandlers', function () {
+      beforeEach(async function () {
+        await this.AuthenticationController.promises.finishLogin(
+          this.user,
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should call identifyUser', function () {
+        sinon.assert.calledWith(
+          this.AnalyticsManager.identifyUser,
+          this.user._id,
+          this.req.session.analyticsId
+        )
+      })
+
+      it('should setup the user data in the background', function () {
+        this.UserHandler.populateTeamInvites
+          .calledWith(this.user)
+          .should.equal(true)
+      })
+
+      it('should set res.session.justLoggedIn', function () {
+        this.req.session.justLoggedIn.should.equal(true)
+      })
+
+      it('should record the successful login', function () {
+        this.AuthenticationController._recordSuccessfulLogin
+          .calledWith(this.user._id)
+          .should.equal(true)
+      })
+
+      it('should tell the rate limiter that there was a success for that email', function () {
+        this.LoginRateLimiter.recordSuccessfulLogin
+          .calledWith(this.user.email)
+          .should.equal(true)
+      })
+
+      it('should log the successful login', function () {
+        this.logger.debug
+          .calledWith(
+            { email: this.user.email, userId: this.user._id.toString() },
+            'successful log in'
+          )
+          .should.equal(true)
+      })
+
+      it('should track the login event', function () {
+        sinon.assert.calledWith(
+          this.AnalyticsManager.recordEventForUserInBackground,
+          this.user._id,
+          'user-logged-in'
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Authentication/AuthenticationManagerTests.js b/services/web/test/unit/src/Authentication/AuthenticationManagerTests.js
new file mode 100644
index 0000000..b2a3a6a
--- /dev/null
+++ b/services/web/test/unit/src/Authentication/AuthenticationManagerTests.js
@@ -0,0 +1,1038 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const { ObjectId } = require('mongodb-legacy')
+const AuthenticationErrors = require('../../../../app/src/Features/Authentication/AuthenticationErrors')
+const tk = require('timekeeper')
+
+const modulePath =
+  '../../../../app/src/Features/Authentication/AuthenticationManager.js'
+
+describe('AuthenticationManager', function () {
+  beforeEach(function () {
+    tk.freeze(Date.now())
+    this.settings = { security: { bcryptRounds: 4 } }
+    this.metrics = { inc: sinon.stub().returns() }
+    this.HaveIBeenPwned = {
+      promises: {
+        checkPasswordForReuse: sinon.stub().resolves(false),
+      },
+      checkPasswordForReuseInBackground: sinon.stub(),
+    }
+    this.AuthenticationManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../models/User': {
+          User: (this.User = {
+            updateOne: sinon
+              .stub()
+              .returns({ exec: sinon.stub().resolves({ modifiedCount: 1 }) }),
+          }),
+        },
+        '../../infrastructure/mongodb': {
+          db: (this.db = { users: {} }),
+          ObjectId,
+        },
+        bcrypt: (this.bcrypt = {
+          getRounds: sinon.stub().returns(4),
+        }),
+        '@overleaf/settings': this.settings,
+        '../User/UserGetter': (this.UserGetter = { promises: {} }),
+        './AuthenticationErrors': AuthenticationErrors,
+        './HaveIBeenPwned': this.HaveIBeenPwned,
+        '../User/UserAuditLogHandler': (this.UserAuditLogHandler = {
+          promises: {
+            addEntry: sinon.stub().resolves(null),
+          },
+        }),
+        '@overleaf/metrics': this.metrics,
+      },
+    })
+  })
+
+  afterEach(function () {
+    tk.reset()
+  })
+
+  describe('with real bcrypt', function () {
+    beforeEach(function () {
+      const bcrypt = require('bcrypt')
+      this.bcrypt.compare = bcrypt.compare
+      this.bcrypt.getRounds = bcrypt.getRounds
+      this.bcrypt.genSalt = bcrypt.genSalt
+      this.bcrypt.hash = bcrypt.hash
+      // Hash of 'testpassword'
+      this.testPassword =
+        '$2a$04$DcU/3UeJf1PfsWlQL./5H.rGTQL1Z1iyz6r7bN9Do8cy6pVWxpKpK'
+    })
+
+    describe('authenticate', function () {
+      beforeEach(function () {
+        this.user = {
+          _id: 'user-id',
+          email: (this.email = 'USER@overleaf.com'),
+        }
+        this.user.hashedPassword = this.testPassword
+        this.User.findOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().resolves(this.user) })
+        this.metrics.inc.reset()
+      })
+
+      describe('when the hashed password matches', function () {
+        beforeEach(async function () {
+          this.unencryptedPassword = 'testpassword'
+          ;({ user: this.result } =
+            await this.AuthenticationManager.promises.authenticate(
+              { email: this.email },
+              this.unencryptedPassword,
+              null,
+              { enforceHIBPCheck: false }
+            ))
+        })
+
+        it('should look up the correct user in the database', function () {
+          this.User.findOne.calledWith({ email: this.email }).should.equal(true)
+        })
+
+        it('should bump epoch', function () {
+          this.User.updateOne.should.have.been.calledWith(
+            {
+              _id: this.user._id,
+              loginEpoch: this.user.loginEpoch,
+            },
+            {
+              $inc: { loginEpoch: 1 },
+            },
+            {}
+          )
+        })
+
+        it('should return the user', function () {
+          this.result.should.equal(this.user)
+        })
+
+        it('should send metrics', function () {
+          expect(
+            this.metrics.inc.calledWith('check-password', { status: 'success' })
+          ).to.equal(true)
+        })
+      })
+
+      describe('when the encrypted passwords do not match', function () {
+        beforeEach(async function () {
+          ;({ user: this.result } =
+            await this.AuthenticationManager.promises.authenticate(
+              { email: this.email },
+              'notthecorrectpassword',
+              null,
+              { enforceHIBPCheck: false }
+            ))
+        })
+
+        it('should persist the login failure and bump epoch', function () {
+          this.User.updateOne.should.have.been.calledWith(
+            {
+              _id: this.user._id,
+              loginEpoch: this.user.loginEpoch,
+            },
+            {
+              $inc: { loginEpoch: 1 },
+              $set: { lastFailedLogin: new Date() },
+            }
+          )
+        })
+
+        it('should not return the user', function () {
+          expect(this.result).to.equal(null)
+        })
+      })
+
+      describe('when another request runs in parallel', function () {
+        beforeEach(function () {
+          this.User.updateOne = sinon
+            .stub()
+            .returns({ exec: sinon.stub().resolves({ modifiedCount: 0 }) })
+        })
+
+        describe('correct password', function () {
+          it('should return an error', async function () {
+            await expect(
+              this.AuthenticationManager.promises.authenticate(
+                { email: this.email },
+                'testpassword',
+                null,
+                { enforceHIBPCheck: false }
+              )
+            ).to.be.rejectedWith(AuthenticationErrors.ParallelLoginError)
+          })
+        })
+
+        describe('bad password', function () {
+          beforeEach(function () {
+            this.User.updateOne = sinon
+              .stub()
+              .returns({ exec: sinon.stub().resolves({ modifiedCount: 0 }) })
+          })
+          it('should return an error', async function () {
+            await expect(
+              this.AuthenticationManager.promises.authenticate(
+                { email: this.email },
+                'notthecorrectpassword',
+                null,
+                { enforceHIBPCheck: false }
+              )
+            ).to.be.rejectedWith(AuthenticationErrors.ParallelLoginError)
+          })
+        })
+      })
+    })
+
+    describe('setUserPasswordInV2', function () {
+      beforeEach(function () {
+        this.user = {
+          _id: '5c8791477192a80b5e76ca7e',
+          email: (this.email = 'USER@overleaf.com'),
+        }
+        this.db.users.updateOne = sinon
+        this.User.findOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().resolves(this.user) })
+        this.bcrypt.compare = sinon.stub().resolves(false)
+        this.db.users.updateOne = sinon.stub().resolves({ modifiedCount: 1 })
+      })
+
+      it('should not produce an error', async function () {
+        const updated =
+          await this.AuthenticationManager.promises.setUserPasswordInV2(
+            this.user,
+            'testpassword'
+          )
+        expect(updated).to.equal(true)
+      })
+
+      it('should set the hashed password', async function () {
+        await this.AuthenticationManager.promises.setUserPasswordInV2(
+          this.user,
+          'testpassword'
+        )
+
+        const { hashedPassword } = this.db.users.updateOne.lastCall.args[1].$set
+        expect(hashedPassword).to.exist
+        expect(hashedPassword.length).to.equal(60)
+        expect(hashedPassword).to.match(/^\$2a\$04\$[a-zA-Z0-9/.]{53}$/)
+      })
+    })
+  })
+
+  describe('hashPassword', function () {
+    it('should block too long passwords', async function () {
+      await expect(
+        this.AuthenticationManager.promises.hashPassword('x'.repeat(100))
+      ).to.be.rejectedWith('password is too long')
+    })
+  })
+
+  describe('authenticate', function () {
+    describe('when the user exists in the database', function () {
+      beforeEach(function () {
+        this.user = {
+          _id: 'user-id',
+          email: (this.email = 'USER@overleaf.com'),
+        }
+        this.unencryptedPassword = 'banana'
+        this.User.findOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().resolves(this.user) })
+        this.metrics.inc.reset()
+      })
+
+      describe('when the hashed password matches', function () {
+        beforeEach(async function () {
+          this.user.hashedPassword = this.hashedPassword = 'asdfjadflasdf'
+          this.bcrypt.compare = sinon.stub().resolves(true)
+          this.bcrypt.getRounds = sinon.stub().returns(4)
+          ;({ user: this.result } =
+            await this.AuthenticationManager.promises.authenticate(
+              { email: this.email },
+              this.unencryptedPassword,
+              null,
+              { enforceHIBPCheck: false }
+            ))
+        })
+
+        it('should look up the correct user in the database', function () {
+          this.User.findOne.calledWith({ email: this.email }).should.equal(true)
+        })
+
+        it('should check that the passwords match', function () {
+          this.bcrypt.compare
+            .calledWith(this.unencryptedPassword, this.hashedPassword)
+            .should.equal(true)
+        })
+
+        it('should send metrics', function () {
+          expect(
+            this.metrics.inc.calledWith('check-password', {
+              status: 'too_short',
+            })
+          ).to.equal(true)
+        })
+
+        it('should return the user', function () {
+          this.result.should.equal(this.user)
+        })
+
+        describe('HIBP', function () {
+          it('should enforce HIBP if requested', async function () {
+            this.HaveIBeenPwned.promises.checkPasswordForReuse.resolves(true)
+
+            await expect(
+              this.AuthenticationManager.promises.authenticate(
+                { email: this.email },
+                this.unencryptedPassword,
+                null,
+                { enforceHIBPCheck: true }
+              )
+            ).to.be.rejectedWith(AuthenticationErrors.PasswordReusedError)
+          })
+
+          it('should check but not enforce HIBP if not requested', async function () {
+            this.HaveIBeenPwned.promises.checkPasswordForReuse.resolves(true)
+
+            const { user } =
+              await this.AuthenticationManager.promises.authenticate(
+                { email: this.email },
+                this.unencryptedPassword,
+                null,
+                { enforceHIBPCheck: false }
+              )
+
+            this.HaveIBeenPwned.promises.checkPasswordForReuse.should.have.been.calledWith(
+              this.unencryptedPassword
+            )
+            expect(user).to.equal(this.user)
+          })
+
+          it('should report password reused when check not enforced', async function () {
+            this.HaveIBeenPwned.promises.checkPasswordForReuse.resolves(true)
+
+            const { isPasswordReused } =
+              await this.AuthenticationManager.promises.authenticate(
+                { email: this.email },
+                this.unencryptedPassword,
+                null,
+                { enforceHIBPCheck: false }
+              )
+
+            expect(isPasswordReused).to.equal(true)
+          })
+
+          it('should report password not reused when check not enforced', async function () {
+            this.HaveIBeenPwned.promises.checkPasswordForReuse.resolves(false)
+
+            const { isPasswordReused } =
+              await this.AuthenticationManager.promises.authenticate(
+                { email: this.email },
+                this.unencryptedPassword,
+                null,
+                { enforceHIBPCheck: false }
+              )
+
+            expect(isPasswordReused).to.equal(false)
+          })
+        })
+      })
+
+      describe('when the encrypted passwords do not match', function () {
+        beforeEach(async function () {
+          this.user.hashedPassword = this.hashedPassword = 'asdfjadflasdf'
+          this.bcrypt.compare = sinon.stub().resolves(false)
+          ;({ user: this.result } =
+            await this.AuthenticationManager.promises.authenticate(
+              { email: this.email },
+              this.unencryptedPassword,
+              null,
+              { enforceHIBPCheck: false }
+            ))
+        })
+
+        it('should not return the user', function () {
+          expect(this.result).to.equal(null)
+          this.UserAuditLogHandler.promises.addEntry.callCount.should.equal(0)
+        })
+      })
+
+      describe('when the encrypted passwords do not match, with auditLog', function () {
+        beforeEach(async function () {
+          this.user.hashedPassword = this.hashedPassword = 'asdfjadflasdf'
+          this.bcrypt.compare = sinon.stub().resolves(false)
+          this.auditLog = { ipAddress: 'ip', info: { method: 'foo' } }
+          ;({ user: this.result } =
+            await this.AuthenticationManager.promises.authenticate(
+              { email: this.email },
+              this.unencryptedPassword,
+              this.auditLog,
+              { enforceHIBPCheck: false }
+            ))
+        })
+
+        it('should not return the user, but add entry to audit log', function () {
+          expect(this.result).to.equal(null)
+          this.UserAuditLogHandler.promises.addEntry.callCount.should.equal(1)
+          this.UserAuditLogHandler.promises.addEntry
+            .calledWith(
+              this.user._id,
+              'failed-password-match',
+              this.user._id,
+              this.auditLog.ipAddress,
+              this.auditLog.info
+            )
+            .should.equal(true)
+        })
+      })
+
+      describe('when the hashed password matches but the number of rounds is too low', function () {
+        beforeEach(async function () {
+          this.user.hashedPassword = this.hashedPassword = 'asdfjadflasdf'
+          this.bcrypt.compare = sinon.stub().resolves(true)
+          this.bcrypt.getRounds = sinon.stub().returns(1)
+          this.AuthenticationManager.promises._setUserPasswordInMongo = sinon
+            .stub()
+            .resolves()
+          ;({ user: this.result } =
+            await this.AuthenticationManager.promises.authenticate(
+              { email: this.email },
+              this.unencryptedPassword,
+              null,
+              { enforceHIBPCheck: false }
+            ))
+        })
+
+        it('should look up the correct user in the database', function () {
+          this.User.findOne.calledWith({ email: this.email }).should.equal(true)
+        })
+
+        it('should check that the passwords match', function () {
+          this.bcrypt.compare
+            .calledWith(this.unencryptedPassword, this.hashedPassword)
+            .should.equal(true)
+        })
+
+        it('should check the number of rounds', function () {
+          expect(this.metrics.inc).to.have.been.calledWith(
+            'bcrypt_check_rounds',
+            1,
+            { status: 'upgrade' }
+          )
+        })
+
+        it('should set the users password (with a higher number of rounds)', function () {
+          this.AuthenticationManager.promises._setUserPasswordInMongo
+            .calledWith(this.user, this.unencryptedPassword)
+            .should.equal(true)
+        })
+
+        it('should return the user', function () {
+          this.result.should.equal(this.user)
+        })
+      })
+
+      describe('when the hashed password matches but the number of rounds is too low, but upgrades disabled', function () {
+        beforeEach(async function () {
+          this.settings.security.disableBcryptRoundsUpgrades = true
+          this.user.hashedPassword = this.hashedPassword = 'asdfjadflasdf'
+          this.bcrypt.compare = sinon.stub().resolves(true)
+          this.bcrypt.getRounds = sinon.stub().returns(1)
+          this.AuthenticationManager.promises.setUserPassword = sinon
+            .stub()
+            .resolves()
+          ;({ user: this.result } =
+            await this.AuthenticationManager.promises.authenticate(
+              { email: this.email },
+              this.unencryptedPassword,
+              null,
+              { enforceHIBPCheck: false }
+            ))
+        })
+
+        it('should not check the number of rounds', function () {
+          expect(this.metrics.inc).to.have.been.calledWith(
+            'bcrypt_check_rounds',
+            1,
+            { status: 'disabled' }
+          )
+        })
+
+        it('should not set the users password (with a higher number of rounds)', function () {
+          this.AuthenticationManager.promises.setUserPassword
+            .calledWith(this.user, this.unencryptedPassword)
+            .should.equal(false)
+        })
+
+        it('should return the user', function () {
+          this.result.should.equal(this.user)
+        })
+      })
+    })
+
+    describe('when the user does not exist in the database', function () {
+      beforeEach(async function () {
+        this.User.findOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().resolves(null) })
+        ;({ user: this.result } =
+          await this.AuthenticationManager.promises.authenticate(
+            { email: this.email },
+            this.unencrpytedPassword,
+            null,
+            { enforceHIBPCheck: false }
+          ))
+      })
+
+      it('should not return a user', function () {
+        expect(this.result).to.equal(null)
+      })
+    })
+  })
+
+  describe('validateEmail', function () {
+    describe('valid', function () {
+      it('should return null', function () {
+        const result =
+          this.AuthenticationManager.validateEmail('foo@example.com')
+        expect(result).to.equal(null)
+      })
+    })
+
+    describe('invalid', function () {
+      it('should return validation error object for no email', function () {
+        const result = this.AuthenticationManager.validateEmail('')
+        expect(result).to.an.instanceOf(AuthenticationErrors.InvalidEmailError)
+        expect(result.message).to.equal('email not valid')
+      })
+
+      it('should return validation error object for invalid', function () {
+        const result = this.AuthenticationManager.validateEmail('notanemail')
+        expect(result).to.be.an.instanceOf(
+          AuthenticationErrors.InvalidEmailError
+        )
+        expect(result.message).to.equal('email not valid')
+      })
+    })
+  })
+
+  describe('validatePassword', function () {
+    beforeEach(function () {
+      // 73 characters:
+      this.longPassword =
+        '0123456789abcdef0123456789abcdef0123456789abcdef0123456789abcdef012345678'
+    })
+
+    describe('with a null password', function () {
+      it('should return an error', function () {
+        const result = this.AuthenticationManager.validatePassword()
+
+        expect(result).to.be.an.instanceOf(
+          AuthenticationErrors.InvalidPasswordError
+        )
+        expect(result.message).to.equal('password not set')
+        expect(result.info.code).to.equal('not_set')
+      })
+    })
+
+    describe('password length', function () {
+      describe('with the default password length options', function () {
+        beforeEach(function () {
+          this.metrics.inc.reset()
+        })
+
+        it('should send a metric', function () {
+          this.AuthenticationManager.validatePassword('foo')
+          expect(this.metrics.inc.calledWith('try-validate-password')).to.equal(
+            true
+          )
+        })
+
+        it('should reject passwords that are too short', function () {
+          const result1 = this.AuthenticationManager.validatePassword('')
+          expect(result1).to.be.an.instanceOf(
+            AuthenticationErrors.InvalidPasswordError
+          )
+          expect(result1.message).to.equal('password is too short')
+          expect(result1.info.code).to.equal('too_short')
+
+          const result2 = this.AuthenticationManager.validatePassword('foo')
+          expect(result2).to.be.an.instanceOf(
+            AuthenticationErrors.InvalidPasswordError
+          )
+          expect(result2.message).to.equal('password is too short')
+          expect(result2.info.code).to.equal('too_short')
+        })
+
+        it('should reject passwords that are too long', function () {
+          const result = this.AuthenticationManager.validatePassword(
+            this.longPassword
+          )
+
+          expect(result).to.be.an.instanceOf(
+            AuthenticationErrors.InvalidPasswordError
+          )
+          expect(result.message).to.equal('password is too long')
+          expect(result.info.code).to.equal('too_long')
+        })
+
+        it('should accept passwords that are a good length', function () {
+          expect(
+            this.AuthenticationManager.validatePassword('l337h4x0r')
+          ).to.equal(null)
+        })
+      })
+
+      describe('when the password length is specified in settings', function () {
+        beforeEach(function () {
+          this.settings.passwordStrengthOptions = {
+            length: {
+              min: 10,
+              max: 12,
+            },
+          }
+        })
+
+        it('should reject passwords that are too short', function () {
+          const result =
+            this.AuthenticationManager.validatePassword('012345678')
+
+          expect(result).to.be.an.instanceOf(
+            AuthenticationErrors.InvalidPasswordError
+          )
+          expect(result.message).to.equal('password is too short')
+          expect(result.info.code).to.equal('too_short')
+        })
+
+        it('should accept passwords of exactly minimum length', function () {
+          expect(
+            this.AuthenticationManager.validatePassword('0123456789')
+          ).to.equal(null)
+        })
+
+        it('should reject passwords that are too long', function () {
+          const result =
+            this.AuthenticationManager.validatePassword('0123456789abc')
+
+          expect(result).to.be.an.instanceOf(
+            AuthenticationErrors.InvalidPasswordError
+          )
+          expect(result.message).to.equal('password is too long')
+          expect(result.info.code).to.equal('too_long')
+        })
+
+        it('should accept passwords of exactly maximum length', function () {
+          expect(
+            this.AuthenticationManager.validatePassword('0123456789ab')
+          ).to.equal(null)
+        })
+      })
+
+      describe('when the maximum password length is set to >72 characters in settings', function () {
+        beforeEach(function () {
+          this.settings.passwordStrengthOptions = {
+            length: {
+              max: 128,
+            },
+          }
+        })
+
+        it('should still reject passwords > 72 characters in length', function () {
+          const result = this.AuthenticationManager.validatePassword(
+            this.longPassword
+          )
+
+          expect(result).to.be.an.instanceOf(
+            AuthenticationErrors.InvalidPasswordError
+          )
+          expect(result.message).to.equal('password is too long')
+          expect(result.info.code).to.equal('too_long')
+        })
+      })
+    })
+
+    describe('allowed characters', function () {
+      describe('with the default settings for allowed characters', function () {
+        it('should allow passwords with valid characters', function () {
+          expect(
+            this.AuthenticationManager.validatePassword(
+              'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'
+            )
+          ).to.equal(null)
+          expect(
+            this.AuthenticationManager.validatePassword(
+              '1234567890@#$%^&*()-_=+[]{};:<>/?!£€.,'
+            )
+          ).to.equal(null)
+        })
+
+        it('should not allow passwords with invalid characters', function () {
+          const result = this.AuthenticationManager.validatePassword(
+            'correct horse battery staple'
+          )
+
+          expect(result).to.be.an.instanceOf(
+            AuthenticationErrors.InvalidPasswordError
+          )
+          expect(result.message).to.equal(
+            'password contains an invalid character'
+          )
+          expect(result.info.code).to.equal('invalid_character')
+        })
+      })
+
+      describe('when valid characters are overridden in settings', function () {
+        beforeEach(function () {
+          this.settings.passwordStrengthOptions = {
+            chars: {
+              symbols: ' ',
+            },
+          }
+        })
+
+        it('should allow passwords with valid characters', function () {
+          expect(
+            this.AuthenticationManager.validatePassword(
+              'correct horse battery staple'
+            )
+          ).to.equal(null)
+        })
+
+        it('should disallow passwords with invalid characters', function () {
+          const result = this.AuthenticationManager.validatePassword(
+            '1234567890@#$%^&*()-_=+[]{};:<>/?!£€.,'
+          )
+
+          expect(result).to.be.an.instanceOf(
+            AuthenticationErrors.InvalidPasswordError
+          )
+          expect(result.message).to.equal(
+            'password contains an invalid character'
+          )
+          expect(result.info.code).to.equal('invalid_character')
+        })
+      })
+
+      describe('when allowAnyChars is set', function () {
+        beforeEach(function () {
+          this.settings.passwordStrengthOptions = {
+            allowAnyChars: true,
+          }
+        })
+
+        it('should allow any characters', function () {
+          expect(
+            this.AuthenticationManager.validatePassword(
+              'correct horse battery staple'
+            )
+          ).to.equal(null)
+          expect(
+            this.AuthenticationManager.validatePassword(
+              '1234567890@#$%^&*()-_=+[]{};:<>/?!£€.,'
+            )
+          ).to.equal(null)
+        })
+      })
+    })
+  })
+
+  describe('_validatePasswordNotTooSimilar', function () {
+    beforeEach(function () {
+      this.metrics.inc.reset()
+    })
+
+    it('should return an error when the password is too similar to email', function () {
+      const password = '12someuser34'
+      const email = 'someuser@example.com'
+      const error = this.AuthenticationManager._validatePasswordNotTooSimilar(
+        password,
+        email
+      )
+      expect(error).to.exist
+    })
+
+    it('should return an error when the password is re-arranged elements of the email', function () {
+      const badPasswords = [
+        'su2oe1em3oolc',
+        'someone.cool',
+        'someonecool',
+        'cool.someone',
+        'coolsomeone',
+        'example.com',
+        'examplecom',
+        'com.example',
+        'comexample',
+      ]
+      const email = 'someone.cool@example.com'
+      for (const password of badPasswords) {
+        const error = this.AuthenticationManager._validatePasswordNotTooSimilar(
+          password,
+          email
+        )
+        expect(error).to.exist
+      }
+    })
+
+    it('should return nothing when the password different from email', function () {
+      const password = '58WyLvr'
+      const email = 'someuser@example.com'
+      const error = this.AuthenticationManager._validatePasswordNotTooSimilar(
+        password,
+        email
+      )
+      expect(error).to.not.exist
+    })
+
+    it('should return nothing when the password is much longer than parts of the email', function () {
+      const password = new Array(30).fill('a').join('')
+      const email = 'a@cd.com'
+      const error = this.AuthenticationManager._validatePasswordNotTooSimilar(
+        password,
+        email
+      )
+      expect(error).to.not.exist
+    })
+  })
+
+  describe('setUserPassword', function () {
+    beforeEach(function () {
+      this.user_id = new ObjectId()
+      this.password = 'bananagram'
+      this.hashedPassword = 'asdkjfa;osiuvandf'
+      this.salt = 'saltaasdfasdfasdf'
+      this.user = {
+        _id: this.user_id,
+        email: 'user@example.com',
+        hashedPassword: this.hashedPassword,
+      }
+      this.bcrypt.compare = sinon.stub().resolves(false)
+      this.bcrypt.genSalt = sinon.stub().resolves(this.salt)
+      this.bcrypt.hash = sinon.stub().resolves(this.hashedPassword)
+      this.User.findOne = sinon
+        .stub()
+        .returns({ exec: sinon.stub().resolves(this.user) })
+      this.db.users.updateOne = sinon.stub().resolves()
+    })
+
+    describe('same as previous password', function () {
+      beforeEach(function () {
+        this.bcrypt.compare.resolves(true)
+      })
+
+      it('should be rejected', async function () {
+        await expect(
+          this.AuthenticationManager.promises.setUserPassword(
+            this.user,
+            this.password
+          )
+        ).to.be.rejectedWith(AuthenticationErrors.PasswordMustBeDifferentError)
+      })
+    })
+
+    describe('too long', function () {
+      beforeEach(function () {
+        this.settings.passwordStrengthOptions = {
+          length: {
+            max: 10,
+          },
+        }
+        this.password = 'dsdsadsadsadsadsadkjsadjsadjsadljs'
+      })
+
+      it('should return and error', async function () {
+        await expect(
+          this.AuthenticationManager.promises.setUserPassword(
+            this.user,
+            this.password
+          )
+        ).to.be.rejectedWith('password is too long')
+      })
+
+      it('should not start the bcrypt process', async function () {
+        await expect(
+          this.AuthenticationManager.promises.setUserPassword(
+            this.user,
+            this.password
+          )
+        ).to.be.rejected
+
+        this.bcrypt.genSalt.called.should.equal(false)
+        this.bcrypt.hash.called.should.equal(false)
+      })
+    })
+
+    describe('contains full email', function () {
+      beforeEach(function () {
+        this.password = `some${this.user.email}password`
+      })
+
+      it('should reject the password', async function () {
+        await expect(
+          this.AuthenticationManager.promises.setUserPassword(
+            this.user,
+            this.password
+          )
+        ).to.be.rejectedWith(AuthenticationErrors.InvalidPasswordError)
+      })
+    })
+
+    describe('contains first part of email', function () {
+      beforeEach(function () {
+        this.password = `some${this.user.email.split('@')[0]}password`
+      })
+
+      it('should reject the password', async function () {
+        await expect(
+          this.AuthenticationManager.promises.setUserPassword(
+            this.user,
+            this.password
+          )
+        ).to.be.rejectedWith(AuthenticationErrors.InvalidPasswordError)
+      })
+    })
+
+    describe('email contains password', function () {
+      let user, password
+      beforeEach(function () {
+        password = 'somedomain'
+        user = { _id: 'some-user-id', email: 'someuser@somedomain.com' }
+      })
+
+      it('should reject the password', async function () {
+        try {
+          await this.AuthenticationManager.promises.setUserPassword(
+            user,
+            password
+          )
+          expect.fail('should have thrown')
+        } catch (err) {
+          expect(err.name).to.equal('InvalidPasswordError')
+          expect(err?.info?.code).to.equal('contains_email')
+        }
+      })
+    })
+
+    describe('too short', function () {
+      beforeEach(function () {
+        this.settings.passwordStrengthOptions = {
+          length: {
+            max: 10,
+            min: 6,
+          },
+        }
+        this.password = 'dsd'
+      })
+
+      it('should return and error', async function () {
+        await expect(
+          this.AuthenticationManager.promises.setUserPassword(
+            this.user,
+            this.password
+          )
+        ).to.be.rejectedWith('password is too short')
+      })
+
+      it('should not start the bcrypt process', async function () {
+        await expect(
+          this.AuthenticationManager.promises.setUserPassword(
+            this.user,
+            this.password
+          )
+        ).to.be.rejected
+
+        this.bcrypt.genSalt.called.should.equal(false)
+        this.bcrypt.hash.called.should.equal(false)
+      })
+    })
+
+    describe('password too similar to email', function () {
+      beforeEach(function () {
+        this.user.email = 'foobarbazquux@example.com'
+        this.password = 'foo21barbaz'
+        this.metrics.inc.reset()
+      })
+
+      it('should produce an error when the password is too similar to the email', async function () {
+        try {
+          await this.AuthenticationManager.promises.setUserPassword(
+            this.user,
+            this.password
+          )
+          expect.fail('should have thrown')
+        } catch (err) {
+          expect(err.message).to.equal(
+            'password is too similar to email address'
+          )
+          expect(err?.info?.code).to.equal('too_similar')
+        }
+
+        expect(
+          this.metrics.inc.calledWith('password-too-similar-to-email')
+        ).to.equal(true)
+      })
+
+      it('should produce an error when the password is too similar to the email, regardless of case', async function () {
+        try {
+          await this.AuthenticationManager.promises.setUserPassword(
+            this.user,
+            this.password.toUpperCase()
+          )
+          expect.fail('should have thrown')
+        } catch (err) {
+          expect(err.message).to.equal(
+            'password is too similar to email address'
+          )
+          expect(err?.info?.code).to.equal('too_similar')
+        }
+
+        expect(
+          this.metrics.inc.calledWith('password-too-similar-to-email')
+        ).to.equal(true)
+      })
+    })
+
+    describe('successful password set attempt', function () {
+      beforeEach(async function () {
+        this.metrics.inc.reset()
+        this.UserGetter.promises.getUser = sinon
+          .stub()
+          .resolves({ overleaf: null })
+        await this.AuthenticationManager.promises.setUserPassword(
+          this.user,
+          this.password
+        )
+      })
+
+      it("should update the user's password in the database", function () {
+        const { args } = this.db.users.updateOne.lastCall
+        expect(args[0]).to.deep.equal({
+          _id: new ObjectId(this.user_id.toString()),
+        })
+        expect(args[1]).to.deep.equal({
+          $set: {
+            hashedPassword: this.hashedPassword,
+          },
+          $unset: {
+            password: true,
+          },
+        })
+      })
+
+      it('should hash the password', function () {
+        this.bcrypt.genSalt.calledWith(4).should.equal(true)
+        this.bcrypt.hash.calledWith(this.password, this.salt).should.equal(true)
+      })
+
+      it('should not send a metric for password-too-similar-to-email', function () {
+        expect(
+          this.metrics.inc.calledWith('password-too-similar-to-email')
+        ).to.equal(false)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Authentication/SessionManagerTests.js b/services/web/test/unit/src/Authentication/SessionManagerTests.js
new file mode 100644
index 0000000..a64b2c4
--- /dev/null
+++ b/services/web/test/unit/src/Authentication/SessionManagerTests.js
@@ -0,0 +1,114 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath =
+  '../../../../app/src/Features/Authentication/SessionManager.js'
+const SandboxedModule = require('sandboxed-module')
+const tk = require('timekeeper')
+const { ObjectId } = require('mongodb-legacy')
+
+describe('SessionManager', function () {
+  beforeEach(function () {
+    this.UserModel = { findOne: sinon.stub() }
+    this.SessionManager = SandboxedModule.require(modulePath, {
+      requires: {},
+    })
+    this.user = {
+      _id: new ObjectId(),
+      email: (this.email = 'USER@example.com'),
+      first_name: 'bob',
+      last_name: 'brown',
+      referal_id: 1234,
+      isAdmin: false,
+    }
+    this.session = sinon.stub()
+  })
+
+  afterEach(function () {
+    tk.reset()
+  })
+
+  describe('isUserLoggedIn', function () {
+    beforeEach(function () {
+      this.stub = sinon.stub(this.SessionManager, 'getLoggedInUserId')
+    })
+
+    afterEach(function () {
+      this.stub.restore()
+    })
+
+    it('should do the right thing in all cases', function () {
+      this.SessionManager.getLoggedInUserId.returns('some_id')
+      expect(this.SessionManager.isUserLoggedIn(this.session)).to.equal(true)
+      this.SessionManager.getLoggedInUserId.returns(null)
+      expect(this.SessionManager.isUserLoggedIn(this.session)).to.equal(false)
+      this.SessionManager.getLoggedInUserId.returns(false)
+      expect(this.SessionManager.isUserLoggedIn(this.session)).to.equal(false)
+      this.SessionManager.getLoggedInUserId.returns(undefined)
+      expect(this.SessionManager.isUserLoggedIn(this.session)).to.equal(false)
+    })
+  })
+
+  describe('setInSessionUser', function () {
+    beforeEach(function () {
+      this.user = {
+        _id: 'id',
+        first_name: 'a',
+        last_name: 'b',
+        email: 'c',
+      }
+      this.SessionManager.getSessionUser = sinon.stub().returns(this.user)
+    })
+
+    it('should update the right properties', function () {
+      this.SessionManager.setInSessionUser(this.session, {
+        first_name: 'new_first_name',
+        email: 'new_email',
+      })
+      const expectedUser = {
+        _id: 'id',
+        first_name: 'new_first_name',
+        last_name: 'b',
+        email: 'new_email',
+      }
+      expect(this.user).to.deep.equal(expectedUser)
+      expect(this.user).to.deep.equal(expectedUser)
+    })
+  })
+
+  describe('getLoggedInUserId', function () {
+    beforeEach(function () {
+      this.req = { session: {} }
+    })
+
+    it('should return the user id from the session', function () {
+      this.user_id = '2134'
+      this.session.user = { _id: this.user_id }
+      const result = this.SessionManager.getLoggedInUserId(this.session)
+      expect(result).to.equal(this.user_id)
+    })
+
+    it('should return user for passport session', function () {
+      this.user_id = '2134'
+      this.session = {
+        passport: {
+          user: {
+            _id: this.user_id,
+          },
+        },
+      }
+      const result = this.SessionManager.getLoggedInUserId(this.session)
+      expect(result).to.equal(this.user_id)
+    })
+
+    it('should return null if there is no user on the session', function () {
+      this.session = {}
+      const result = this.SessionManager.getLoggedInUserId(this.session)
+      expect(result).to.equal(null)
+    })
+
+    it('should return null if there is no session', function () {
+      const result = this.SessionManager.getLoggedInUserId(undefined)
+      expect(result).to.equal(null)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Authorization/AuthorizationManagerTests.js b/services/web/test/unit/src/Authorization/AuthorizationManagerTests.js
new file mode 100644
index 0000000..7463bbd
--- /dev/null
+++ b/services/web/test/unit/src/Authorization/AuthorizationManagerTests.js
@@ -0,0 +1,727 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath =
+  '../../../../app/src/Features/Authorization/AuthorizationManager.js'
+const SandboxedModule = require('sandboxed-module')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+const PrivilegeLevels = require('../../../../app/src/Features/Authorization/PrivilegeLevels')
+const PublicAccessLevels = require('../../../../app/src/Features/Authorization/PublicAccessLevels')
+const { ObjectId } = require('mongodb-legacy')
+
+describe('AuthorizationManager', function () {
+  beforeEach(function () {
+    this.user = { _id: new ObjectId() }
+    this.project = { _id: new ObjectId() }
+    this.doc = { _id: new ObjectId() }
+    this.thread = { _id: new ObjectId() }
+    this.token = 'some-token'
+
+    this.ProjectGetter = {
+      promises: {
+        getProject: sinon.stub().resolves(null),
+      },
+    }
+    this.ProjectGetter.promises.getProject
+      .withArgs(this.project._id)
+      .resolves(this.project)
+
+    this.CollaboratorsGetter = {
+      promises: {
+        getMemberIdPrivilegeLevel: sinon.stub().resolves(PrivilegeLevels.NONE),
+      },
+    }
+
+    this.CollaboratorsHandler = {}
+
+    this.User = {
+      findOne: sinon.stub().returns({ exec: sinon.stub().resolves(null) }),
+    }
+    this.User.findOne
+      .withArgs({ _id: this.user._id })
+      .returns({ exec: sinon.stub().resolves(this.user) })
+
+    this.TokenAccessHandler = {
+      promises: {
+        validateTokenForAnonymousAccess: sinon
+          .stub()
+          .resolves({ isValidReadAndWrite: false, isValidReadOnly: false }),
+      },
+    }
+
+    this.DocumentUpdaterHandler = {
+      promises: {
+        getComment: sinon
+          .stub()
+          .resolves({ metadata: { user_id: new ObjectId() } }),
+      },
+    }
+
+    this.AuthorizationManager = SandboxedModule.require(modulePath, {
+      requires: {
+        'mongodb-legacy': { ObjectId },
+        '../Collaborators/CollaboratorsGetter': this.CollaboratorsGetter,
+        '../Collaborators/CollaboratorsHandler': this.CollaboratorsHandler,
+        '../Project/ProjectGetter': this.ProjectGetter,
+        '../../models/User': { User: this.User },
+        '../TokenAccess/TokenAccessHandler': this.TokenAccessHandler,
+        '../DocumentUpdater/DocumentUpdaterHandler':
+          this.DocumentUpdaterHandler,
+        '@overleaf/settings': {
+          passwordStrengthOptions: {},
+          adminPrivilegeAvailable: true,
+        },
+      },
+    })
+  })
+
+  describe('isRestrictedUser', function () {
+    it('should produce the correct values', function () {
+      const notRestrictedScenarios = [
+        [null, 'readAndWrite', false, false],
+        ['id', 'readAndWrite', true, false],
+        ['id', 'readAndWrite', true, true],
+        ['id', 'readOnly', false, false],
+        ['id', 'readOnly', false, true],
+        ['id', 'review', false, true],
+      ]
+      const restrictedScenarios = [
+        [null, 'readOnly', false, false],
+        ['id', 'readOnly', true, false],
+        [null, false, true, false],
+        [null, false, false, false],
+        ['id', false, true, false],
+        ['id', false, false, false],
+      ]
+      for (const notRestrictedArgs of notRestrictedScenarios) {
+        expect(
+          this.AuthorizationManager.isRestrictedUser(...notRestrictedArgs)
+        ).to.equal(false)
+      }
+      for (const restrictedArgs of restrictedScenarios) {
+        expect(
+          this.AuthorizationManager.isRestrictedUser(...restrictedArgs)
+        ).to.equal(true)
+      }
+    })
+  })
+
+  describe('getPrivilegeLevelForProject', function () {
+    describe('with a token-based project', function () {
+      beforeEach(function () {
+        this.project.publicAccesLevel = 'tokenBased'
+      })
+
+      describe('with a user id with a privilege level', function () {
+        beforeEach(async function () {
+          this.CollaboratorsGetter.promises.getMemberIdPrivilegeLevel
+            .withArgs(this.user._id, this.project._id)
+            .resolves(PrivilegeLevels.READ_ONLY)
+          this.result =
+            await this.AuthorizationManager.promises.getPrivilegeLevelForProject(
+              this.user._id,
+              this.project._id,
+              this.token
+            )
+        })
+
+        it("should return the user's privilege level", function () {
+          expect(this.result).to.equal('readOnly')
+        })
+      })
+
+      describe('with a user id with no privilege level', function () {
+        beforeEach(async function () {
+          this.result =
+            await this.AuthorizationManager.promises.getPrivilegeLevelForProject(
+              this.user._id,
+              this.project._id,
+              this.token
+            )
+        })
+
+        it('should return false', function () {
+          expect(this.result).to.equal(false)
+        })
+      })
+
+      describe('with a user id who is an admin', function () {
+        beforeEach(async function () {
+          this.user.isAdmin = true
+          this.result =
+            await this.AuthorizationManager.promises.getPrivilegeLevelForProject(
+              this.user._id,
+              this.project._id,
+              this.token
+            )
+        })
+
+        it('should return the user as an owner', function () {
+          expect(this.result).to.equal('owner')
+        })
+      })
+
+      describe('with no user (anonymous)', function () {
+        describe('when the token is not valid', function () {
+          beforeEach(async function () {
+            this.result =
+              await this.AuthorizationManager.promises.getPrivilegeLevelForProject(
+                null,
+                this.project._id,
+                this.token
+              )
+          })
+
+          it('should not call CollaboratorsGetter.getMemberIdPrivilegeLevel', function () {
+            this.CollaboratorsGetter.promises.getMemberIdPrivilegeLevel.called.should.equal(
+              false
+            )
+          })
+
+          it('should check if the token is valid', function () {
+            this.TokenAccessHandler.promises.validateTokenForAnonymousAccess.should.have.been.calledWith(
+              this.project._id,
+              this.token
+            )
+          })
+
+          it('should return false', function () {
+            expect(this.result).to.equal(false)
+          })
+        })
+
+        describe('when the token is valid for read-and-write', function () {
+          beforeEach(async function () {
+            this.TokenAccessHandler.promises.validateTokenForAnonymousAccess =
+              sinon
+                .stub()
+                .withArgs(this.project._id, this.token)
+                .resolves({ isValidReadAndWrite: true, isValidReadOnly: false })
+            this.result =
+              await this.AuthorizationManager.promises.getPrivilegeLevelForProject(
+                null,
+                this.project._id,
+                this.token
+              )
+          })
+
+          it('should not call CollaboratorsGetter.getMemberIdPrivilegeLevel', function () {
+            this.CollaboratorsGetter.promises.getMemberIdPrivilegeLevel.called.should.equal(
+              false
+            )
+          })
+
+          it('should check if the token is valid', function () {
+            this.TokenAccessHandler.promises.validateTokenForAnonymousAccess.should.have.been.calledWith(
+              this.project._id,
+              this.token
+            )
+          })
+
+          it('should give read-write access', function () {
+            expect(this.result).to.equal('readAndWrite')
+          })
+        })
+
+        describe('when the token is valid for read-only', function () {
+          beforeEach(async function () {
+            this.TokenAccessHandler.promises.validateTokenForAnonymousAccess =
+              sinon
+                .stub()
+                .withArgs(this.project._id, this.token)
+                .resolves({ isValidReadAndWrite: false, isValidReadOnly: true })
+            this.result =
+              await this.AuthorizationManager.promises.getPrivilegeLevelForProject(
+                null,
+                this.project._id,
+                this.token
+              )
+          })
+
+          it('should not call CollaboratorsGetter.getMemberIdPrivilegeLevel', function () {
+            this.CollaboratorsGetter.promises.getMemberIdPrivilegeLevel.called.should.equal(
+              false
+            )
+          })
+
+          it('should check if the token is valid', function () {
+            this.TokenAccessHandler.promises.validateTokenForAnonymousAccess.should.have.been.calledWith(
+              this.project._id,
+              this.token
+            )
+          })
+
+          it('should give read-only access', function () {
+            expect(this.result).to.equal('readOnly')
+          })
+        })
+      })
+    })
+
+    describe('with a private project', function () {
+      beforeEach(function () {
+        this.project.publicAccesLevel = 'private'
+      })
+
+      describe('with a user id with a privilege level', function () {
+        beforeEach(async function () {
+          this.CollaboratorsGetter.promises.getMemberIdPrivilegeLevel
+            .withArgs(this.user._id, this.project._id)
+            .resolves(PrivilegeLevels.READ_ONLY)
+          this.result =
+            await this.AuthorizationManager.promises.getPrivilegeLevelForProject(
+              this.user._id,
+              this.project._id,
+              this.token
+            )
+        })
+
+        it("should return the user's privilege level", function () {
+          expect(this.result).to.equal('readOnly')
+        })
+      })
+
+      describe('with a user id with no privilege level', function () {
+        beforeEach(async function () {
+          this.result =
+            await this.AuthorizationManager.promises.getPrivilegeLevelForProject(
+              this.user._id,
+              this.project._id,
+              this.token
+            )
+        })
+
+        it('should return false', function () {
+          expect(this.result).to.equal(false)
+        })
+      })
+
+      describe('with a user id who is an admin', function () {
+        beforeEach(async function () {
+          this.user.isAdmin = true
+          this.result =
+            await this.AuthorizationManager.promises.getPrivilegeLevelForProject(
+              this.user._id,
+              this.project._id,
+              this.token
+            )
+        })
+
+        it('should return the user as an owner', function () {
+          expect(this.result).to.equal('owner')
+        })
+      })
+
+      describe('with no user (anonymous)', function () {
+        beforeEach(async function () {
+          this.result =
+            await this.AuthorizationManager.promises.getPrivilegeLevelForProject(
+              null,
+              this.project._id,
+              this.token
+            )
+        })
+
+        it('should not call CollaboratorsGetter.getMemberIdPrivilegeLevel', function () {
+          this.CollaboratorsGetter.promises.getMemberIdPrivilegeLevel.called.should.equal(
+            false
+          )
+        })
+
+        it('should return false', function () {
+          expect(this.result).to.equal(false)
+        })
+      })
+    })
+
+    describe('with a public project', function () {
+      beforeEach(function () {
+        this.project.publicAccesLevel = 'readAndWrite'
+      })
+
+      describe('with a user id with a privilege level', function () {
+        beforeEach(async function () {
+          this.CollaboratorsGetter.promises.getMemberIdPrivilegeLevel
+            .withArgs(this.user._id, this.project._id)
+            .resolves(PrivilegeLevels.READ_ONLY)
+          this.result =
+            await this.AuthorizationManager.promises.getPrivilegeLevelForProject(
+              this.user._id,
+              this.project._id,
+              this.token
+            )
+        })
+
+        it("should return the user's privilege level", function () {
+          expect(this.result).to.equal('readOnly')
+        })
+      })
+
+      describe('with a user id with no privilege level', function () {
+        beforeEach(async function () {
+          this.result =
+            await this.AuthorizationManager.promises.getPrivilegeLevelForProject(
+              this.user._id,
+              this.project._id,
+              this.token
+            )
+        })
+
+        it('should return the public privilege level', function () {
+          expect(this.result).to.equal('readAndWrite')
+        })
+      })
+
+      describe('with a user id who is an admin', function () {
+        beforeEach(async function () {
+          this.user.isAdmin = true
+          this.result =
+            await this.AuthorizationManager.promises.getPrivilegeLevelForProject(
+              this.user._id,
+              this.project._id,
+              this.token
+            )
+        })
+
+        it('should return the user as an owner', function () {
+          expect(this.result).to.equal('owner')
+        })
+      })
+
+      describe('with no user (anonymous)', function () {
+        beforeEach(async function () {
+          this.result =
+            await this.AuthorizationManager.promises.getPrivilegeLevelForProject(
+              null,
+              this.project._id,
+              this.token
+            )
+        })
+
+        it('should not call CollaboratorsGetter.getMemberIdPrivilegeLevel', function () {
+          this.CollaboratorsGetter.promises.getMemberIdPrivilegeLevel.called.should.equal(
+            false
+          )
+        })
+
+        it('should return the public privilege level', function () {
+          expect(this.result).to.equal('readAndWrite')
+        })
+      })
+    })
+
+    describe("when the project doesn't exist", function () {
+      it('should return a NotFoundError', async function () {
+        const someOtherId = new ObjectId()
+        await expect(
+          this.AuthorizationManager.promises.getPrivilegeLevelForProject(
+            this.user._id,
+            someOtherId,
+            this.token
+          )
+        ).to.be.rejectedWith(Errors.NotFoundError)
+      })
+    })
+
+    describe('when the project id is not valid', function () {
+      beforeEach(function () {
+        this.CollaboratorsGetter.promises.getMemberIdPrivilegeLevel
+          .withArgs(this.user._id, this.project._id)
+          .resolves(PrivilegeLevels.READ_ONLY)
+      })
+
+      it('should return a error', async function () {
+        await expect(
+          this.AuthorizationManager.promises.getPrivilegeLevelForProject(
+            undefined,
+            'not project id',
+            this.token
+          )
+        ).to.be.rejected
+      })
+    })
+  })
+
+  testPermission('canUserReadProject', {
+    siteAdmin: true,
+    owner: true,
+    readAndWrite: true,
+    review: true,
+    readOnly: true,
+    publicReadAndWrite: true,
+    publicReadOnly: true,
+    tokenReadAndWrite: true,
+    tokenReadOnly: true,
+  })
+
+  testPermission('canUserWriteOrReviewProjectContent', {
+    siteAdmin: true,
+    owner: true,
+    readAndWrite: true,
+    review: true,
+    publicReadAndWrite: true,
+    tokenReadAndWrite: true,
+  })
+
+  testPermission('canUserWriteProjectContent', {
+    siteAdmin: true,
+    owner: true,
+    readAndWrite: true,
+    publicReadAndWrite: true,
+    tokenReadAndWrite: true,
+  })
+
+  testPermission('canUserWriteProjectSettings', {
+    siteAdmin: true,
+    owner: true,
+    readAndWrite: true,
+    tokenReadAndWrite: true,
+  })
+
+  testPermission('canUserRenameProject', {
+    siteAdmin: true,
+    owner: true,
+  })
+
+  testPermission('canUserAdminProject', { siteAdmin: true, owner: true })
+
+  describe('isUserSiteAdmin', function () {
+    describe('when user is admin', function () {
+      beforeEach(function () {
+        this.user.isAdmin = true
+      })
+
+      it('should return true', async function () {
+        const isAdmin =
+          await this.AuthorizationManager.promises.isUserSiteAdmin(
+            this.user._id
+          )
+        expect(isAdmin).to.equal(true)
+      })
+    })
+
+    describe('when user is not admin', function () {
+      it('should return false', async function () {
+        const isAdmin =
+          await this.AuthorizationManager.promises.isUserSiteAdmin(
+            this.user._id
+          )
+        expect(isAdmin).to.equal(false)
+      })
+    })
+
+    describe('when user is not found', function () {
+      it('should return false', async function () {
+        const someOtherId = new ObjectId()
+        const isAdmin =
+          await this.AuthorizationManager.promises.isUserSiteAdmin(someOtherId)
+        expect(isAdmin).to.equal(false)
+      })
+    })
+
+    describe('when no user is passed', function () {
+      it('should return false', async function () {
+        const isAdmin =
+          await this.AuthorizationManager.promises.isUserSiteAdmin(null)
+        expect(isAdmin).to.equal(false)
+      })
+    })
+  })
+
+  describe('canUserDeleteOrResolveThread', function () {
+    it('should return true when user has write permissions', async function () {
+      this.CollaboratorsGetter.promises.getMemberIdPrivilegeLevel
+        .withArgs(this.user._id, this.project._id)
+        .resolves(PrivilegeLevels.READ_AND_WRITE)
+
+      const canResolve =
+        await this.AuthorizationManager.promises.canUserDeleteOrResolveThread(
+          this.user._id,
+          this.project._id,
+          this.doc._id,
+          this.thread._id,
+          this.token
+        )
+
+      expect(canResolve).to.equal(true)
+    })
+
+    it('should return false when user has read permission', async function () {
+      this.CollaboratorsGetter.promises.getMemberIdPrivilegeLevel
+        .withArgs(this.user._id, this.project._id)
+        .resolves(PrivilegeLevels.READ_ONLY)
+
+      const canResolve =
+        await this.AuthorizationManager.promises.canUserDeleteOrResolveThread(
+          this.user._id,
+          this.project._id,
+          this.doc._id,
+          this.thread._id,
+          this.token
+        )
+
+      expect(canResolve).to.equal(false)
+    })
+
+    describe('when user has review permission', function () {
+      beforeEach(function () {
+        this.CollaboratorsGetter.promises.getMemberIdPrivilegeLevel
+          .withArgs(this.user._id, this.project._id)
+          .resolves(PrivilegeLevels.REVIEW)
+      })
+
+      it('should return false when user is not the comment author', async function () {
+        const canResolve =
+          await this.AuthorizationManager.promises.canUserDeleteOrResolveThread(
+            this.user._id,
+            this.project._id,
+            this.doc._id,
+            this.thread._id,
+            this.token
+          )
+
+        expect(canResolve).to.equal(false)
+      })
+
+      it('should return true when user is the comment author', async function () {
+        this.DocumentUpdaterHandler.promises.getComment
+          .withArgs(this.project._id, this.doc._id, this.thread._id)
+          .resolves({ metadata: { user_id: this.user._id } })
+
+        const canResolve =
+          await this.AuthorizationManager.promises.canUserDeleteOrResolveThread(
+            this.user._id,
+            this.project._id,
+            this.doc._id,
+            this.thread._id,
+            this.token
+          )
+
+        expect(canResolve).to.equal(true)
+      })
+    })
+  })
+})
+
+function testPermission(permission, privilegeLevels) {
+  describe(permission, function () {
+    describe('when authenticated', function () {
+      describe('when user is site admin', function () {
+        beforeEach('set user as site admin', function () {
+          this.user.isAdmin = true
+        })
+        expectPermission(permission, privilegeLevels.siteAdmin || false)
+      })
+
+      describe('when user is owner', function () {
+        setupUserPrivilegeLevel(PrivilegeLevels.OWNER)
+        expectPermission(permission, privilegeLevels.owner || false)
+      })
+
+      describe('when user has read-write access', function () {
+        setupUserPrivilegeLevel(PrivilegeLevels.READ_AND_WRITE)
+        expectPermission(permission, privilegeLevels.readAndWrite || false)
+      })
+
+      describe('when user has review access', function () {
+        setupUserPrivilegeLevel(PrivilegeLevels.REVIEW)
+        expectPermission(permission, privilegeLevels.review || false)
+      })
+
+      describe('when user has read-only access', function () {
+        setupUserPrivilegeLevel(PrivilegeLevels.READ_ONLY)
+        expectPermission(permission, privilegeLevels.readOnly || false)
+      })
+
+      describe('when user has read-write access as the public', function () {
+        setupPublicAccessLevel(PublicAccessLevels.READ_AND_WRITE)
+        expectPermission(
+          permission,
+          privilegeLevels.publicReadAndWrite || false
+        )
+      })
+
+      describe('when user has read-only access as the public', function () {
+        setupPublicAccessLevel(PublicAccessLevels.READ_ONLY)
+        expectPermission(permission, privilegeLevels.publicReadOnly || false)
+      })
+
+      describe('when user is not found', function () {
+        it('should return false', async function () {
+          const otherUserId = new ObjectId()
+          const value = await this.AuthorizationManager.promises[permission](
+            otherUserId,
+            this.project._id,
+            this.token
+          )
+          expect(value).to.equal(false)
+        })
+      })
+    })
+
+    describe('when anonymous', function () {
+      beforeEach(function () {
+        this.user = null
+      })
+
+      describe('with read-write access through a token', function () {
+        setupTokenAccessLevel('readAndWrite')
+        expectPermission(permission, privilegeLevels.tokenReadAndWrite || false)
+      })
+
+      describe('with read-only access through a token', function () {
+        setupTokenAccessLevel('readOnly')
+        expectPermission(permission, privilegeLevels.tokenReadOnly || false)
+      })
+
+      describe('with public read-write access', function () {
+        setupPublicAccessLevel(PublicAccessLevels.READ_AND_WRITE)
+        expectPermission(
+          permission,
+          privilegeLevels.publicReadAndWrite || false
+        )
+      })
+
+      describe('with public read-only access', function () {
+        setupPublicAccessLevel(PublicAccessLevels.READ_ONLY)
+        expectPermission(permission, privilegeLevels.publicReadOnly || false)
+      })
+    })
+  })
+}
+
+function setupUserPrivilegeLevel(privilegeLevel) {
+  beforeEach(`set user privilege level to ${privilegeLevel}`, function () {
+    this.CollaboratorsGetter.promises.getMemberIdPrivilegeLevel
+      .withArgs(this.user._id, this.project._id)
+      .resolves(privilegeLevel)
+  })
+}
+
+function setupPublicAccessLevel(level) {
+  beforeEach(`set public access level to ${level}`, function () {
+    this.project.publicAccesLevel = level
+  })
+}
+
+function setupTokenAccessLevel(level) {
+  beforeEach(`set token access level to ${level}`, function () {
+    this.project.publicAccesLevel = PublicAccessLevels.TOKEN_BASED
+    this.TokenAccessHandler.promises.validateTokenForAnonymousAccess
+      .withArgs(this.project._id, this.token)
+      .resolves({
+        isValidReadAndWrite: level === 'readAndWrite',
+        isValidReadOnly: level === 'readOnly',
+      })
+  })
+}
+
+function expectPermission(permission, expectedValue) {
+  it(`should return ${expectedValue}`, async function () {
+    const value = await this.AuthorizationManager.promises[permission](
+      this.user && this.user._id,
+      this.project._id,
+      this.token
+    )
+    expect(value).to.equal(expectedValue)
+  })
+}
diff --git a/services/web/test/unit/src/Authorization/AuthorizationMiddlewareTests.js b/services/web/test/unit/src/Authorization/AuthorizationMiddlewareTests.js
new file mode 100644
index 0000000..33ff719
--- /dev/null
+++ b/services/web/test/unit/src/Authorization/AuthorizationMiddlewareTests.js
@@ -0,0 +1,461 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const { ObjectId } = require('mongodb-legacy')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+
+const MODULE_PATH =
+  '../../../../app/src/Features/Authorization/AuthorizationMiddleware.js'
+
+describe('AuthorizationMiddleware', function () {
+  beforeEach(function () {
+    this.userId = new ObjectId().toString()
+    this.project_id = new ObjectId().toString()
+    this.doc_id = new ObjectId().toString()
+    this.thread_id = new ObjectId().toString()
+    this.token = 'some-token'
+    this.AuthenticationController = {}
+    this.SessionManager = {
+      getSessionUser: sinon.stub().returns(null),
+      getLoggedInUserId: sinon.stub().returns(this.userId),
+      isUserLoggedIn: sinon.stub().returns(true),
+    }
+    this.AuthorizationManager = {
+      promises: {
+        canUserReadProject: sinon.stub(),
+        canUserWriteProjectSettings: sinon.stub(),
+        canUserWriteProjectContent: sinon.stub(),
+        canUserWriteOrReviewProjectContent: sinon.stub(),
+        canUserDeleteOrResolveThread: sinon.stub(),
+        canUserAdminProject: sinon.stub(),
+        canUserRenameProject: sinon.stub(),
+        isUserSiteAdmin: sinon.stub(),
+        isRestrictedUserForProject: sinon.stub(),
+      },
+    }
+    this.HttpErrorHandler = {
+      forbidden: sinon.stub(),
+    }
+    this.TokenAccessHandler = {
+      getRequestToken: sinon.stub().returns(this.token),
+    }
+    this.DocumentUpdaterHandler = {
+      promises: {
+        getComment: sinon.stub().resolves(),
+      },
+    }
+    this.AuthorizationMiddleware = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        './AuthorizationManager': this.AuthorizationManager,
+        '../Errors/HttpErrorHandler': this.HttpErrorHandler,
+        'mongodb-legacy': { ObjectId },
+        '../Authentication/AuthenticationController':
+          this.AuthenticationController,
+        '../Authentication/SessionManager': this.SessionManager,
+        '../TokenAccess/TokenAccessHandler': this.TokenAccessHandler,
+        '../Helpers/AdminAuthorizationHelper': {
+          canRedirectToAdminDomain: sinon.stub().returns(false),
+        },
+        '../DocumentUpdater/DocumentUpdaterHandler':
+          this.DocumentUpdaterHandler,
+      },
+    })
+    this.req = {
+      params: {
+        project_id: this.project_id,
+      },
+      body: {},
+    }
+    this.res = {
+      redirect: sinon.stub(),
+      locals: {
+        currentUrl: '/current/url',
+      },
+    }
+    this.next = sinon.stub()
+  })
+
+  describe('ensureCanReadProject', function () {
+    testMiddleware('ensureUserCanReadProject', 'canUserReadProject')
+  })
+
+  describe('ensureUserCanWriteProjectContent', function () {
+    testMiddleware(
+      'ensureUserCanWriteProjectContent',
+      'canUserWriteProjectContent'
+    )
+  })
+
+  describe('ensureUserCanWriteOrReviewProjectContent', function () {
+    testMiddleware(
+      'ensureUserCanWriteOrReviewProjectContent',
+      'canUserWriteOrReviewProjectContent'
+    )
+  })
+
+  describe('ensureUserCanDeleteOrResolveThread', function () {
+    beforeEach(function () {
+      this.req.params.doc_id = this.doc_id
+      this.req.params.thread_id = this.thread_id
+    })
+    describe('when user has permission', function () {
+      beforeEach(function () {
+        this.AuthorizationManager.promises.canUserDeleteOrResolveThread
+          .withArgs(
+            this.userId,
+            this.project_id,
+            this.doc_id,
+            this.thread_id,
+            this.token
+          )
+          .resolves(true)
+      })
+
+      invokeMiddleware('ensureUserCanDeleteOrResolveThread')
+      expectNext()
+    })
+
+    describe("when user doesn't have permission", function () {
+      beforeEach(function () {
+        this.AuthorizationManager.promises.canUserDeleteOrResolveThread
+          .withArgs(
+            this.userId,
+            this.project_id,
+            this.doc_id,
+            this.thread_id,
+            this.token
+          )
+          .resolves(false)
+      })
+
+      invokeMiddleware('ensureUserCanDeleteOrResolveThread')
+      expectForbidden()
+    })
+  })
+
+  describe('ensureUserCanWriteProjectSettings', function () {
+    describe('when renaming a project', function () {
+      beforeEach(function () {
+        this.req.body.name = 'new project name'
+      })
+
+      testMiddleware(
+        'ensureUserCanWriteProjectSettings',
+        'canUserRenameProject'
+      )
+    })
+
+    describe('when setting another parameter', function () {
+      beforeEach(function () {
+        this.req.body.compiler = 'texlive-2017'
+      })
+
+      testMiddleware(
+        'ensureUserCanWriteProjectSettings',
+        'canUserWriteProjectSettings'
+      )
+    })
+  })
+
+  describe('ensureUserCanAdminProject', function () {
+    testMiddleware('ensureUserCanAdminProject', 'canUserAdminProject')
+  })
+
+  describe('ensureUserIsSiteAdmin', function () {
+    describe('with logged in user', function () {
+      describe('when user has permission', function () {
+        setupSiteAdmin(true)
+        invokeMiddleware('ensureUserIsSiteAdmin')
+        expectNext()
+      })
+
+      describe("when user doesn't have permission", function () {
+        setupSiteAdmin(false)
+        invokeMiddleware('ensureUserIsSiteAdmin')
+        expectRedirectToRestricted()
+      })
+    })
+
+    describe('with oauth user', function () {
+      setupOAuthUser()
+
+      describe('when user has permission', function () {
+        setupSiteAdmin(true)
+        invokeMiddleware('ensureUserIsSiteAdmin')
+        expectNext()
+      })
+
+      describe("when user doesn't have permission", function () {
+        setupSiteAdmin(false)
+        invokeMiddleware('ensureUserIsSiteAdmin')
+        expectRedirectToRestricted()
+      })
+    })
+
+    describe('with anonymous user', function () {
+      setupAnonymousUser()
+      invokeMiddleware('ensureUserIsSiteAdmin')
+      expectRedirectToRestricted()
+    })
+  })
+
+  describe('blockRestrictedUserFromProject', function () {
+    describe('for a restricted user', function () {
+      setupPermission('isRestrictedUserForProject', true)
+      invokeMiddleware('blockRestrictedUserFromProject')
+      expectForbidden()
+    })
+
+    describe('for a regular user', function (done) {
+      setupPermission('isRestrictedUserForProject', false)
+      invokeMiddleware('blockRestrictedUserFromProject')
+      expectNext()
+    })
+  })
+
+  describe('ensureUserCanReadMultipleProjects', function () {
+    beforeEach(function () {
+      this.req.query = { project_ids: 'project1,project2' }
+    })
+
+    describe('with logged in user', function () {
+      describe('when user has permission to access all projects', function () {
+        beforeEach(function () {
+          this.AuthorizationManager.promises.canUserReadProject
+            .withArgs(this.userId, 'project1', this.token)
+            .resolves(true)
+          this.AuthorizationManager.promises.canUserReadProject
+            .withArgs(this.userId, 'project2', this.token)
+            .resolves(true)
+        })
+
+        invokeMiddleware('ensureUserCanReadMultipleProjects')
+        expectNext()
+      })
+
+      describe("when user doesn't have permission to access one of the projects", function () {
+        beforeEach(function () {
+          this.AuthorizationManager.promises.canUserReadProject
+            .withArgs(this.userId, 'project1', this.token)
+            .resolves(true)
+          this.AuthorizationManager.promises.canUserReadProject
+            .withArgs(this.userId, 'project2', this.token)
+            .resolves(false)
+        })
+
+        invokeMiddleware('ensureUserCanReadMultipleProjects')
+        expectRedirectToRestricted()
+      })
+    })
+
+    describe('with oauth user', function () {
+      setupOAuthUser()
+
+      beforeEach(function () {
+        this.AuthorizationManager.promises.canUserReadProject
+          .withArgs(this.userId, 'project1', this.token)
+          .resolves(true)
+        this.AuthorizationManager.promises.canUserReadProject
+          .withArgs(this.userId, 'project2', this.token)
+          .resolves(true)
+      })
+
+      invokeMiddleware('ensureUserCanReadMultipleProjects')
+      expectNext()
+    })
+
+    describe('with anonymous user', function () {
+      setupAnonymousUser()
+
+      describe('when user has permission', function () {
+        describe('when user has permission to access all projects', function () {
+          beforeEach(function () {
+            this.AuthorizationManager.promises.canUserReadProject
+              .withArgs(null, 'project1', this.token)
+              .resolves(true)
+            this.AuthorizationManager.promises.canUserReadProject
+              .withArgs(null, 'project2', this.token)
+              .resolves(true)
+          })
+
+          invokeMiddleware('ensureUserCanReadMultipleProjects')
+          expectNext()
+        })
+
+        describe("when user doesn't have permission to access one of the projects", function () {
+          beforeEach(function () {
+            this.AuthorizationManager.promises.canUserReadProject
+              .withArgs(null, 'project1', this.token)
+              .resolves(true)
+            this.AuthorizationManager.promises.canUserReadProject
+              .withArgs(null, 'project2', this.token)
+              .resolves(false)
+          })
+
+          invokeMiddleware('ensureUserCanReadMultipleProjects')
+          expectRedirectToRestricted()
+        })
+      })
+    })
+  })
+})
+
+function testMiddleware(middleware, permission) {
+  describe(middleware, function () {
+    describe('with missing project_id', function () {
+      setupMissingProjectId()
+      invokeMiddleware(middleware)
+      expectError()
+    })
+
+    describe('with logged in user', function () {
+      describe('when user has permission', function () {
+        setupPermission(permission, true)
+        invokeMiddleware(middleware)
+        expectNext()
+      })
+
+      describe("when user doesn't have permission", function () {
+        setupPermission(permission, false)
+        invokeMiddleware(middleware)
+        expectForbidden()
+      })
+    })
+
+    describe('with oauth user', function () {
+      setupOAuthUser()
+
+      describe('when user has permission', function () {
+        setupPermission(permission, true)
+        invokeMiddleware(middleware)
+        expectNext()
+      })
+
+      describe("when user doesn't have permission", function () {
+        setupPermission(permission, false)
+        invokeMiddleware(middleware)
+        expectForbidden()
+      })
+    })
+
+    describe('with anonymous user', function () {
+      setupAnonymousUser()
+
+      describe('when user has permission', function () {
+        setupAnonymousPermission(permission, true)
+        invokeMiddleware(middleware)
+        expectNext()
+      })
+
+      describe("when user doesn't have permission", function () {
+        setupAnonymousPermission(permission, false)
+        invokeMiddleware(middleware)
+        expectForbidden()
+      })
+    })
+
+    describe('with malformed project id', function () {
+      setupMalformedProjectId()
+      invokeMiddleware(middleware)
+      expectNotFound()
+    })
+  })
+}
+
+function setupAnonymousUser() {
+  beforeEach('set up anonymous user', function () {
+    this.SessionManager.getLoggedInUserId.returns(null)
+    this.SessionManager.isUserLoggedIn.returns(false)
+  })
+}
+
+function setupOAuthUser() {
+  beforeEach('set up oauth user', function () {
+    this.SessionManager.getLoggedInUserId.returns(null)
+    this.req.oauth_user = { _id: this.userId }
+  })
+}
+
+function setupPermission(permission, value) {
+  beforeEach(`set permission ${permission} to ${value}`, function () {
+    this.AuthorizationManager.promises[permission]
+      .withArgs(this.userId, this.project_id, this.token)
+      .resolves(value)
+  })
+}
+
+function setupAnonymousPermission(permission, value) {
+  beforeEach(`set anonymous permission ${permission} to ${value}`, function () {
+    this.AuthorizationManager.promises[permission]
+      .withArgs(null, this.project_id, this.token)
+      .resolves(value)
+  })
+}
+
+function setupSiteAdmin(value) {
+  beforeEach(`set site admin to ${value}`, function () {
+    this.AuthorizationManager.promises.isUserSiteAdmin
+      .withArgs(this.userId)
+      .resolves(value)
+  })
+}
+
+function setupMissingProjectId() {
+  beforeEach('set up missing project id', function () {
+    delete this.req.params.project_id
+  })
+}
+
+function setupMalformedProjectId() {
+  beforeEach('set up malformed project id', function () {
+    this.req.params = { project_id: 'bad-project-id' }
+  })
+}
+
+function invokeMiddleware(method) {
+  beforeEach(`invoke ${method}`, function (done) {
+    this.next.callsFake(() => done())
+    this.HttpErrorHandler.forbidden.callsFake(() => done())
+    this.res.redirect.callsFake(() => done())
+    this.AuthorizationMiddleware[method](this.req, this.res, this.next)
+  })
+}
+
+function expectNext() {
+  it('calls the next middleware', function () {
+    expect(this.next).to.have.been.calledWithExactly()
+  })
+}
+
+function expectError() {
+  it('calls the error middleware', function () {
+    expect(this.next).to.have.been.calledWith(sinon.match.instanceOf(Error))
+  })
+}
+
+function expectNotFound() {
+  it('raises a 404', function () {
+    expect(this.next).to.have.been.calledWith(
+      sinon.match.instanceOf(Errors.NotFoundError)
+    )
+  })
+}
+
+function expectForbidden() {
+  it('raises a 403', function () {
+    expect(this.HttpErrorHandler.forbidden).to.have.been.calledWith(
+      this.req,
+      this.res
+    )
+    expect(this.next).not.to.have.been.called
+  })
+}
+
+function expectRedirectToRestricted() {
+  it('redirects to restricted', function () {
+    expect(this.res.redirect).to.have.been.calledWith(
+      '/restricted?from=%2Fcurrent%2Furl'
+    )
+    expect(this.next).not.to.have.been.called
+  })
+}
diff --git a/services/web/test/unit/src/Authorization/PermissionsManagerTests.js b/services/web/test/unit/src/Authorization/PermissionsManagerTests.js
new file mode 100644
index 0000000..faec52d
--- /dev/null
+++ b/services/web/test/unit/src/Authorization/PermissionsManagerTests.js
@@ -0,0 +1,826 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath =
+  '../../../../app/src/Features/Authorization/PermissionsManager.js'
+const SandboxedModule = require('sandboxed-module')
+const { ForbiddenError } = require('../../../../app/src/Features/Errors/Errors')
+
+describe('PermissionsManager', function () {
+  beforeEach(function () {
+    this.PermissionsManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../infrastructure/Modules': (this.Modules = {
+          promises: {
+            hooks: {
+              fire: (this.hooksFire = sinon.stub().resolves([[]])),
+            },
+          },
+        }),
+      },
+    })
+    this.PermissionsManager.registerCapability('capability1', {
+      default: true,
+    })
+    this.PermissionsManager.registerCapability('capability2', {
+      default: true,
+    })
+    this.PermissionsManager.registerCapability('capability3', {
+      default: true,
+    })
+    this.PermissionsManager.registerCapability('capability4', {
+      default: false,
+    })
+    this.PermissionsManager.registerPolicy('openPolicy', {
+      capability1: true,
+      capability2: true,
+    })
+    this.PermissionsManager.registerPolicy('restrictivePolicy', {
+      capability1: true,
+      capability2: false,
+    })
+    this.openPolicyResponseSet = [
+      [
+        {
+          managedUsersEnabled: true,
+          groupPolicy: { openPolicy: true },
+        },
+        {
+          managedUsersEnabled: true,
+          groupPolicy: { openPolicy: true },
+        },
+      ],
+    ]
+    this.restrictivePolicyResponseSet = [
+      [
+        {
+          managedUsersEnabled: true,
+          groupPolicy: { openPolicy: true },
+        },
+        {
+          managedUsersEnabled: true,
+          groupPolicy: { restrictivePolicy: true },
+        },
+      ],
+    ]
+  })
+
+  describe('validatePolicies', function () {
+    it('accepts empty object', function () {
+      expect(() => this.PermissionsManager.validatePolicies({})).not.to.throw
+    })
+
+    it('accepts object with registered policies', function () {
+      expect(() =>
+        this.PermissionsManager.validatePolicies({
+          openPolicy: true,
+          restrictivePolicy: false,
+        })
+      ).not.to.throw
+    })
+
+    it('accepts object with policies containing non-boolean values', function () {
+      expect(() =>
+        this.PermissionsManager.validatePolicies({
+          openPolicy: 1,
+        })
+      ).to.throw('policy value must be a boolean: openPolicy = 1')
+      expect(() =>
+        this.PermissionsManager.validatePolicies({
+          openPolicy: undefined,
+        })
+      ).to.throw('policy value must be a boolean: openPolicy = undefined')
+      expect(() =>
+        this.PermissionsManager.validatePolicies({
+          openPolicy: null,
+        })
+      ).to.throw('policy value must be a boolean: openPolicy = null')
+    })
+
+    it('throws error on object with policies that are not registered', function () {
+      expect(() =>
+        this.PermissionsManager.validatePolicies({
+          openPolicy: true,
+          unregisteredPolicy: false,
+        })
+      ).to.throw('unknown policy: unregisteredPolicy')
+    })
+  })
+
+  describe('hasPermission', function () {
+    describe('when no policies apply to the user', function () {
+      it('should return true if default permission is true', function () {
+        const groupPolicy = {}
+        const capability = 'capability1'
+        const result = this.PermissionsManager.hasPermission(
+          groupPolicy,
+          capability
+        )
+        expect(result).to.be.true
+      })
+
+      it('should return false if the default permission is false', function () {
+        const groupPolicy = {}
+        const capability = 'capability4'
+        const result = this.PermissionsManager.hasPermission(
+          groupPolicy,
+          capability
+        )
+        expect(result).to.be.false
+      })
+    })
+
+    describe('when a policy applies to the user', function () {
+      it('should return true if the user has the capability after the policy is applied', function () {
+        this.PermissionsManager.registerPolicy('policy', {
+          capability1: true,
+          capability2: false,
+        })
+        const groupPolicy = {
+          policy: true,
+        }
+        const capability = 'capability1'
+        const result = this.PermissionsManager.hasPermission(
+          groupPolicy,
+          capability
+        )
+        expect(result).to.be.true
+      })
+
+      it('should return false if the user does not have the capability after the policy is applied', function () {
+        this.PermissionsManager.registerPolicy('policy', {
+          capability1: true,
+          capability2: false,
+        })
+        const groupPolicy = {
+          policy: true,
+        }
+        const capability = 'capability2'
+        const result = this.PermissionsManager.hasPermission(
+          groupPolicy,
+          capability
+        )
+        expect(result).to.be.false
+      })
+
+      it('should return the default permission if the policy does not apply to the capability', function () {
+        this.PermissionsManager.registerPolicy('policy', {
+          capability1: true,
+          capability2: false,
+        })
+        const groupPolicy = {
+          policy: true,
+        }
+        {
+          const capability = 'capability3'
+          const result = this.PermissionsManager.hasPermission(
+            groupPolicy,
+            capability
+          )
+          expect(result).to.be.true
+        }
+        {
+          const capability = 'capability4'
+          const result = this.PermissionsManager.hasPermission(
+            groupPolicy,
+            capability
+          )
+          expect(result).to.be.false
+        }
+      })
+
+      it('should return the default permission if the policy is not enforced', function () {
+        this.PermissionsManager.registerPolicy('policy', {
+          capability1: true,
+          capability2: false,
+        })
+        const groupPolicy = {
+          policy: false,
+        }
+        const capability1 = 'capability1'
+        const result1 = this.PermissionsManager.hasPermission(
+          groupPolicy,
+          capability1
+        )
+        const capability2 = 'capability2'
+        const result2 = this.PermissionsManager.hasPermission(
+          groupPolicy,
+          capability2
+        )
+        expect(result1).to.be.true
+        expect(result2).to.be.true
+      })
+    })
+
+    describe('when multiple policies apply to the user', function () {
+      it('should return true if all policies allow the capability', function () {
+        this.PermissionsManager.registerPolicy('policy1', {
+          capability1: true,
+          capability2: true,
+        })
+
+        this.PermissionsManager.registerPolicy('policy2', {
+          capability1: true,
+          capability2: true,
+        })
+        const groupPolicy = {
+          policy1: true,
+          policy2: true,
+        }
+        const capability = 'capability1'
+        const result = this.PermissionsManager.hasPermission(
+          groupPolicy,
+          capability
+        )
+        expect(result).to.be.true
+      })
+
+      it('should return false if any policy denies the capability', function () {
+        this.PermissionsManager.registerPolicy('policy1', {
+          capability1: true,
+          capability2: true,
+        })
+
+        this.PermissionsManager.registerPolicy('policy2', {
+          capability1: false,
+          capability2: true,
+        })
+        const groupPolicy = {
+          policy1: true,
+          policy2: true,
+        }
+        const capability = 'capability1'
+        const result = this.PermissionsManager.hasPermission(
+          groupPolicy,
+          capability
+        )
+        expect(result).to.be.false
+      })
+
+      it('should return the default permssion when the applicable policy is not enforced', function () {
+        this.PermissionsManager.registerPolicy('policy1', {
+          capability1: true,
+          capability2: true,
+        })
+
+        this.PermissionsManager.registerPolicy('policy2', {
+          capability1: false,
+          capability2: true,
+        })
+        const groupPolicy = {
+          policy1: true,
+          policy2: false,
+        }
+        const capability = 'capability1'
+        const result = this.PermissionsManager.hasPermission(
+          groupPolicy,
+          capability
+        )
+        expect(result).to.be.true
+      })
+
+      it('should return the default permission if the policies do not restrict to the capability', function () {
+        this.PermissionsManager.registerPolicy('policy', {
+          capability1: true,
+          capability2: false,
+        })
+        const groupPolicy = {
+          policy: true,
+        }
+        {
+          const capability = 'capability3'
+          const result = this.PermissionsManager.hasPermission(
+            groupPolicy,
+            capability
+          )
+          expect(result).to.be.true
+        }
+        {
+          const capability = 'capability4'
+          const result = this.PermissionsManager.hasPermission(
+            groupPolicy,
+            capability
+          )
+          expect(result).to.be.false
+        }
+      })
+    })
+  })
+
+  describe('getUserCapabilities', function () {
+    it('should return the default capabilities when no group policy is provided', function () {
+      const groupPolicy = {}
+      const capabilities =
+        this.PermissionsManager.getUserCapabilities(groupPolicy)
+      expect(capabilities).to.deep.equal(
+        new Set(['capability1', 'capability2', 'capability3'])
+      )
+    })
+
+    it('should return a reduced capability set when a group policy is provided', function () {
+      this.PermissionsManager.registerPolicy('policy', {
+        capability1: true,
+        capability2: false,
+      })
+      const groupPolicy = {
+        policy: true,
+      }
+      const capabilities =
+        this.PermissionsManager.getUserCapabilities(groupPolicy)
+      expect(capabilities).to.deep.equal(
+        new Set(['capability1', 'capability3'])
+      )
+    })
+
+    it('should return a reduced capability set when multiple group policies are provided', function () {
+      this.PermissionsManager.registerPolicy('policy1', {
+        capability1: true,
+        capability2: false,
+      })
+      this.PermissionsManager.registerPolicy('policy2', {
+        capability1: false,
+        capability2: true,
+      })
+
+      const groupPolicy = {
+        policy1: true,
+        policy2: true,
+      }
+      const capabilities =
+        this.PermissionsManager.getUserCapabilities(groupPolicy)
+      expect(capabilities).to.deep.equal(new Set(['capability3']))
+    })
+
+    it('should return an empty capability set when group policies remove all permissions', function () {
+      this.PermissionsManager.registerPolicy('policy1', {
+        capability1: true,
+        capability2: false,
+      })
+      this.PermissionsManager.registerPolicy('policy2', {
+        capability1: false,
+        capability2: true,
+      })
+      this.PermissionsManager.registerPolicy('policy3', {
+        capability1: true,
+        capability2: true,
+        capability3: false,
+      })
+      const groupPolicy = {
+        policy1: true,
+        policy2: true,
+        policy3: true,
+      }
+      const capabilities =
+        this.PermissionsManager.getUserCapabilities(groupPolicy)
+      expect(capabilities).to.deep.equal(new Set())
+    })
+  })
+
+  describe('getUserValidationStatus', function () {
+    it('should return the status for the policy when the user conforms', async function () {
+      this.PermissionsManager.registerPolicy(
+        'policy',
+        {},
+        {
+          validator: async ({ user, subscription }) => {
+            return user.prop === 'allowed' && subscription.prop === 'managed'
+          },
+        }
+      )
+      const groupPolicy = {
+        policy: true,
+      }
+      const user = { prop: 'allowed' }
+      const subscription = { prop: 'managed' }
+      const result =
+        await this.PermissionsManager.promises.getUserValidationStatus({
+          user,
+          groupPolicy,
+          subscription,
+        })
+      expect(result).to.deep.equal(new Map([['policy', true]]))
+    })
+
+    it('should return the status for the policy when the user does not conform', async function () {
+      this.PermissionsManager.registerPolicy(
+        'policy',
+        {},
+        {
+          validator: async ({ user, subscription }) => {
+            return user.prop === 'allowed' && subscription.prop === 'managed'
+          },
+        }
+      )
+      const groupPolicy = {
+        policy: true,
+      }
+      const user = { prop: 'not allowed' }
+      const subscription = { prop: 'managed' }
+      const result =
+        await this.PermissionsManager.promises.getUserValidationStatus({
+          user,
+          groupPolicy,
+          subscription,
+        })
+      expect(result).to.deep.equal(new Map([['policy', false]]))
+    })
+    it('should return the status for multiple policies according to whether the user conforms', async function () {
+      this.PermissionsManager.registerPolicy(
+        'policy1',
+        {},
+        {
+          validator: async ({ user, subscription }) => {
+            return user.prop === 'allowed' && subscription.prop === 'managed'
+          },
+        }
+      )
+      this.PermissionsManager.registerPolicy(
+        'policy2',
+        {},
+        {
+          validator: async ({ user, subscription }) => {
+            return user.prop === 'other' && subscription.prop === 'managed'
+          },
+        }
+      )
+      this.PermissionsManager.registerPolicy(
+        'policy3',
+        {},
+        {
+          validator: async ({ user, subscription }) => {
+            return user.prop === 'allowed' && subscription.prop === 'managed'
+          },
+        }
+      )
+
+      const groupPolicy = {
+        policy1: true,
+        policy2: true,
+        policy3: false, // this policy is not enforced
+      }
+      const user = { prop: 'allowed' }
+      const subscription = { prop: 'managed' }
+      const result =
+        await this.PermissionsManager.promises.getUserValidationStatus({
+          user,
+          groupPolicy,
+          subscription,
+        })
+      expect(result).to.deep.equal(
+        new Map([
+          ['policy1', true],
+          ['policy2', false],
+        ])
+      )
+    })
+  })
+  describe('assertUserPermissions', function () {
+    describe('allowed', function () {
+      it('should not error when managedUsersEnabled is not enabled for user', async function () {
+        const result =
+          await this.PermissionsManager.promises.assertUserPermissions(
+            { _id: 'user123' },
+            ['add-secondary-email']
+          )
+        expect(result).to.be.undefined
+      })
+
+      it('should not error when default capability is true', async function () {
+        this.PermissionsManager.registerCapability('some-policy-to-check', {
+          default: true,
+        })
+        this.hooksFire.resolves([
+          [
+            {
+              managedUsersEnabled: true,
+              groupPolicy: {},
+            },
+          ],
+        ])
+        const result =
+          await this.PermissionsManager.promises.assertUserPermissions(
+            { _id: 'user123' },
+            ['some-policy-to-check']
+          )
+        expect(result).to.be.undefined
+      })
+
+      it('should not error when default permission is false but user has permission', async function () {
+        this.PermissionsManager.registerCapability('some-policy-to-check', {
+          default: false,
+        })
+        this.PermissionsManager.registerPolicy('userCanDoSomePolicy', {
+          'some-policy-to-check': true,
+        })
+        this.hooksFire.resolves([
+          [
+            {
+              managedUsersEnabled: true,
+              groupPolicy: {
+                userCanDoSomePolicy: true,
+              },
+            },
+          ],
+        ])
+        const result =
+          await this.PermissionsManager.promises.assertUserPermissions(
+            { _id: 'user123' },
+            ['some-policy-to-check']
+          )
+        expect(result).to.be.undefined
+      })
+    })
+
+    describe('not allowed', function () {
+      it('should return error when managedUsersEnabled is enabled for user but there is no group policy', async function () {
+        this.hooksFire.resolves([[{ managedUsersEnabled: true }]])
+        await expect(
+          this.PermissionsManager.promises.assertUserPermissions(
+            { _id: 'user123' },
+            ['add-secondary-email']
+          )
+        ).to.be.rejectedWith(Error, 'unknown capability: add-secondary-email')
+      })
+
+      it('should return error when default permission is false', async function () {
+        this.PermissionsManager.registerCapability('some-policy-to-check', {
+          default: false,
+        })
+        this.hooksFire.resolves([
+          [
+            {
+              managedUsersEnabled: true,
+              groupPolicy: {},
+            },
+          ],
+        ])
+        await expect(
+          this.PermissionsManager.promises.assertUserPermissions(
+            { _id: 'user123' },
+            ['some-policy-to-check']
+          )
+        ).to.be.rejectedWith(ForbiddenError)
+      })
+
+      it('should return error when default permission is true but user does not have permission', async function () {
+        this.PermissionsManager.registerCapability('some-policy-to-check', {
+          default: true,
+        })
+        this.PermissionsManager.registerPolicy('userCannotDoSomePolicy', {
+          'some-policy-to-check': false,
+        })
+        this.hooksFire.resolves([
+          [
+            {
+              managedUsersEnabled: true,
+              groupPolicy: { userCannotDoSomePolicy: true },
+            },
+          ],
+        ])
+        await expect(
+          this.PermissionsManager.promises.assertUserPermissions(
+            { _id: 'user123' },
+            ['some-policy-to-check']
+          )
+        ).to.be.rejectedWith(ForbiddenError)
+      })
+    })
+  })
+
+  describe('registerAllowedProperty', function () {
+    it('allows us to register a property', async function () {
+      this.PermissionsManager.registerAllowedProperty('metadata1')
+      const result = await this.PermissionsManager.getAllowedProperties()
+      expect(result).to.deep.equal(new Set(['metadata1']))
+    })
+
+    // used if multiple modules would require the same prop, since we dont know which will load first, both must register
+    it('should handle multiple registrations of the same property', async function () {
+      this.PermissionsManager.registerAllowedProperty('metadata1')
+      this.PermissionsManager.registerAllowedProperty('metadata1')
+      const result = await this.PermissionsManager.getAllowedProperties()
+      expect(result).to.deep.equal(new Set(['metadata1']))
+    })
+  })
+
+  describe('combineAllowedProperties', function () {
+    it('should handle multiple occurences of the same property, preserving the first occurence', async function () {
+      const policy1 = {
+        groupPolicy: {
+          policy: false,
+        },
+        prop1: 'some other value here',
+      }
+      const policy2 = {
+        groupPolicy: {
+          policy: false,
+        },
+        prop1: 'some value here',
+      }
+
+      const results = [policy1, policy2]
+      this.PermissionsManager.registerAllowedProperty('prop1')
+
+      const combinedProps =
+        this.PermissionsManager.combineAllowedProperties(results)
+
+      expect(combinedProps).to.deep.equal({
+        prop1: 'some other value here',
+      })
+    })
+
+    it('should add registered properties to the set', async function () {
+      const policy = {
+        groupPolicy: {
+          policy: false,
+        },
+        prop1: 'some value here',
+        propNotMeThough: 'dont copy please',
+      }
+
+      const policy2 = {
+        groupPolicy: {
+          policy: false,
+        },
+        prop2: 'some value here',
+      }
+
+      const results = [policy, policy2]
+      this.PermissionsManager.registerAllowedProperty('prop1')
+      this.PermissionsManager.registerAllowedProperty('prop2')
+
+      const combinedProps =
+        this.PermissionsManager.combineAllowedProperties(results)
+
+      expect(combinedProps).to.deep.equal({
+        prop1: 'some value here',
+        prop2: 'some value here',
+      })
+    })
+
+    it('should not add unregistered properties to the req object', async function () {
+      const policy = {
+        groupPolicy: {
+          policy: false,
+        },
+        prop1: 'some value here',
+      }
+
+      const policy2 = {
+        groupPolicy: {
+          policy: false,
+        },
+        prop2: 'some value here',
+      }
+      this.PermissionsManager.registerAllowedProperty('prop1')
+
+      const results = [policy, policy2]
+
+      const combinedProps =
+        this.PermissionsManager.combineAllowedProperties(results)
+
+      expect(combinedProps).to.deep.equal({ prop1: 'some value here' })
+    })
+
+    it('should handle an empty array', async function () {
+      const results = []
+
+      const combinedProps =
+        this.PermissionsManager.combineAllowedProperties(results)
+
+      expect(combinedProps).to.deep.equal({})
+    })
+  })
+
+  describe('combineGroupPolicies', function () {
+    it('should return an empty object when an empty array is passed', async function () {
+      const results = []
+
+      const combinedPolicy =
+        this.PermissionsManager.combineGroupPolicies(results)
+      expect(combinedPolicy).to.deep.equal({})
+    })
+
+    it('should combine multiple group policies into a single policy object', async function () {
+      const groupPolicy = {
+        policy1: true,
+      }
+
+      const groupPolicy2 = {
+        policy2: false,
+        policy3: true,
+      }
+      this.PermissionsManager.registerAllowedProperty('prop1')
+
+      const results = [groupPolicy, groupPolicy2]
+
+      const combinedPolicy =
+        this.PermissionsManager.combineGroupPolicies(results)
+
+      expect(combinedPolicy).to.deep.equal({
+        policy1: true,
+        policy3: true,
+      })
+    })
+
+    it('should handle duplicate enforced policies across different group policies', async function () {
+      const groupPolicy = {
+        policy1: false,
+        policy2: true,
+      }
+
+      const groupPolicy2 = {
+        policy2: true,
+        policy3: true,
+      }
+      this.PermissionsManager.registerAllowedProperty('prop1')
+
+      const results = [groupPolicy, groupPolicy2]
+
+      const combinedPolicy =
+        this.PermissionsManager.combineGroupPolicies(results)
+
+      expect(combinedPolicy).to.deep.equal({
+        policy2: true,
+        policy3: true,
+      })
+    })
+
+    it('should handle group policies with no enforced policies', async function () {
+      const groupPolicy = {
+        policy1: false,
+        policy2: false,
+      }
+
+      const groupPolicy2 = {
+        policy2: false,
+        policy3: true,
+      }
+      this.PermissionsManager.registerAllowedProperty('prop1')
+
+      const results = [groupPolicy, groupPolicy2]
+
+      const combinedPolicy =
+        this.PermissionsManager.combineGroupPolicies(results)
+
+      expect(combinedPolicy).to.deep.equal({ policy3: true })
+    })
+
+    it('should choose the stricter option between two policy values', async function () {
+      const groupPolicy = {
+        policy1: false,
+        policy2: true,
+        policy4: true,
+      }
+
+      const groupPolicy2 = {
+        policy2: false,
+        policy3: true,
+        policy4: false,
+      }
+      this.PermissionsManager.registerAllowedProperty('prop1')
+
+      const results = [groupPolicy, groupPolicy2]
+
+      const combinedPolicy =
+        this.PermissionsManager.combineGroupPolicies(results)
+
+      expect(combinedPolicy).to.deep.equal({
+        policy2: true,
+        policy3: true,
+        policy4: true,
+      })
+    })
+  })
+
+  describe('checkUserListPermissions', function () {
+    it('should return true when all users have permissions required', async function () {
+      const userList = ['user1', 'user2', 'user3']
+      const capabilities = ['capability1', 'capability2']
+      this.hooksFire.onCall(0).resolves(this.openPolicyResponseSet)
+      this.hooksFire.onCall(1).resolves(this.openPolicyResponseSet)
+      this.hooksFire.onCall(2).resolves(this.openPolicyResponseSet)
+
+      const usersHavePermission =
+        await this.PermissionsManager.promises.checkUserListPermissions(
+          userList,
+          capabilities
+        )
+      expect(usersHavePermission).to.equal(true)
+    })
+
+    it('should return false if any user does not have permission', async function () {
+      const userList = ['user1', 'user2', 'user3']
+      const capabilities = ['capability1', 'capability2']
+      this.hooksFire.onCall(0).resolves(this.openPolicyResponseSet)
+      this.hooksFire.onCall(1).resolves(this.restrictivePolicyResponseSet)
+      this.hooksFire.onCall(2).resolves(this.openPolicyResponseSet)
+
+      const usersHavePermission =
+        await this.PermissionsManager.promises.checkUserListPermissions(
+          userList,
+          capabilities
+        )
+      expect(usersHavePermission).to.equal(false)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/BetaProgram/BetaProgramControllerTests.mjs b/services/web/test/unit/src/BetaProgram/BetaProgramControllerTests.mjs
new file mode 100644
index 0000000..78747b8
--- /dev/null
+++ b/services/web/test/unit/src/BetaProgram/BetaProgramControllerTests.mjs
@@ -0,0 +1,199 @@
+import esmock from 'esmock'
+import path from 'node:path'
+import sinon from 'sinon'
+import { expect } from 'chai'
+import MockResponse from '../helpers/MockResponse.js'
+import { fileURLToPath } from 'node:url'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+const modulePath = path.join(
+  __dirname,
+  '../../../../app/src/Features/BetaProgram/BetaProgramController'
+)
+
+describe('BetaProgramController', function () {
+  beforeEach(async function () {
+    this.user = {
+      _id: (this.user_id = 'a_simple_id'),
+      email: 'user@example.com',
+      features: {},
+      betaProgram: false,
+    }
+    this.req = {
+      query: {},
+      session: {
+        user: this.user,
+      },
+    }
+    this.SplitTestSessionHandler = {
+      promises: {
+        sessionMaintenance: sinon.stub(),
+      },
+    }
+    this.BetaProgramController = await esmock.strict(modulePath, {
+      '../../../../app/src/Features/SplitTests/SplitTestSessionHandler':
+        this.SplitTestSessionHandler,
+      '../../../../app/src/Features/BetaProgram/BetaProgramHandler':
+        (this.BetaProgramHandler = {
+          promises: {
+            optIn: sinon.stub().resolves(),
+            optOut: sinon.stub().resolves(),
+          },
+        }),
+      '../../../../app/src/Features/User/UserGetter': (this.UserGetter = {
+        promises: {
+          getUser: sinon.stub().resolves(),
+        },
+      }),
+      '@overleaf/settings': (this.settings = {
+        languages: {},
+      }),
+      '../../../../app/src/Features/Authentication/AuthenticationController':
+        (this.AuthenticationController = {
+          getLoggedInUserId: sinon.stub().returns(this.user._id),
+        }),
+    })
+    this.res = new MockResponse()
+    this.next = sinon.stub()
+  })
+
+  describe('optIn', function () {
+    it("should redirect to '/beta/participate'", function (done) {
+      this.res.callback = () => {
+        this.res.redirectedTo.should.equal('/beta/participate')
+        done()
+      }
+      this.BetaProgramController.optIn(this.req, this.res, done)
+    })
+
+    it('should not call next with an error', function () {
+      this.BetaProgramController.optIn(this.req, this.res, this.next)
+      this.next.callCount.should.equal(0)
+    })
+
+    it('should call BetaProgramHandler.optIn', function () {
+      this.BetaProgramController.optIn(this.req, this.res, this.next)
+      this.BetaProgramHandler.promises.optIn.callCount.should.equal(1)
+    })
+
+    it('should invoke the session maintenance', function (done) {
+      this.res.callback = () => {
+        this.SplitTestSessionHandler.promises.sessionMaintenance.should.have.been.calledWith(
+          this.req
+        )
+        done()
+      }
+      this.BetaProgramController.optIn(this.req, this.res, done)
+    })
+
+    describe('when BetaProgramHandler.opIn produces an error', function () {
+      beforeEach(function () {
+        this.BetaProgramHandler.promises.optIn.throws(new Error('woops'))
+      })
+
+      it("should not redirect to '/beta/participate'", function () {
+        this.BetaProgramController.optIn(this.req, this.res, this.next)
+        this.res.redirect.callCount.should.equal(0)
+      })
+
+      it('should produce an error', function (done) {
+        this.BetaProgramController.optIn(this.req, this.res, err => {
+          expect(err).to.be.instanceof(Error)
+          done()
+        })
+      })
+    })
+  })
+
+  describe('optOut', function () {
+    it("should redirect to '/beta/participate'", function (done) {
+      this.res.callback = () => {
+        expect(this.res.redirectedTo).to.equal('/beta/participate')
+        done()
+      }
+      this.BetaProgramController.optOut(this.req, this.res, done)
+    })
+
+    it('should not call next with an error', function (done) {
+      this.res.callback = () => {
+        this.next.callCount.should.equal(0)
+        done()
+      }
+      this.BetaProgramController.optOut(this.req, this.res, done)
+    })
+
+    it('should call BetaProgramHandler.optOut', function (done) {
+      this.res.callback = () => {
+        this.BetaProgramHandler.promises.optOut.callCount.should.equal(1)
+        done()
+      }
+      this.BetaProgramController.optOut(this.req, this.res, done)
+    })
+
+    it('should invoke the session maintenance', function (done) {
+      this.res.callback = () => {
+        this.SplitTestSessionHandler.promises.sessionMaintenance.should.have.been.calledWith(
+          this.req,
+          null
+        )
+        done()
+      }
+      this.BetaProgramController.optOut(this.req, this.res, done)
+    })
+
+    describe('when BetaProgramHandler.optOut produces an error', function () {
+      beforeEach(function () {
+        this.BetaProgramHandler.promises.optOut.throws(new Error('woops'))
+      })
+
+      it("should not redirect to '/beta/participate'", function (done) {
+        this.BetaProgramController.optOut(this.req, this.res, error => {
+          expect(error).to.exist
+          expect(this.res.redirected).to.equal(false)
+          done()
+        })
+      })
+
+      it('should produce an error', function (done) {
+        this.BetaProgramController.optOut(this.req, this.res, error => {
+          expect(error).to.exist
+          done()
+        })
+      })
+    })
+  })
+
+  describe('optInPage', function () {
+    beforeEach(function () {
+      this.UserGetter.promises.getUser.resolves(this.user)
+    })
+
+    it('should render the opt-in page', function (done) {
+      this.res.callback = () => {
+        expect(this.res.renderedTemplate).to.equal('beta_program/opt_in')
+        done()
+      }
+      this.BetaProgramController.optInPage(this.req, this.res, done)
+    })
+
+    describe('when UserGetter.getUser produces an error', function () {
+      beforeEach(function () {
+        this.UserGetter.promises.getUser.throws(new Error('woops'))
+      })
+
+      it('should not render the opt-in page', function () {
+        this.BetaProgramController.optInPage(this.req, this.res, this.next)
+        this.res.render.callCount.should.equal(0)
+      })
+
+      it('should produce an error', function (done) {
+        this.BetaProgramController.optInPage(this.req, this.res, error => {
+          expect(error).to.exist
+          expect(error).to.be.instanceof(Error)
+          done()
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/BetaProgram/BetaProgramHandlerTests.mjs b/services/web/test/unit/src/BetaProgram/BetaProgramHandlerTests.mjs
new file mode 100644
index 0000000..2b72271
--- /dev/null
+++ b/services/web/test/unit/src/BetaProgram/BetaProgramHandlerTests.mjs
@@ -0,0 +1,142 @@
+import esmock from 'esmock'
+import path from 'node:path'
+
+import sinon from 'sinon'
+import { expect } from 'chai'
+import { fileURLToPath } from 'node:url'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+
+const modulePath = path.join(
+  __dirname,
+  '../../../../app/src/Features/BetaProgram/BetaProgramHandler'
+)
+
+describe('BetaProgramHandler', function () {
+  beforeEach(async function () {
+    this.user_id = 'some_id'
+    this.user = {
+      _id: this.user_id,
+      email: 'user@example.com',
+      features: {},
+      betaProgram: false,
+      save: sinon.stub().callsArgWith(0, null),
+    }
+    this.handler = await esmock.strict(modulePath, {
+      '@overleaf/metrics': {
+        inc: sinon.stub(),
+      },
+      '../../../../app/src/Features/User/UserUpdater': (this.UserUpdater = {
+        promises: {
+          updateUser: sinon.stub().resolves(),
+        },
+      }),
+      '../../../../app/src/Features/Analytics/AnalyticsManager':
+        (this.AnalyticsManager = {
+          setUserPropertyForUserInBackground: sinon.stub(),
+        }),
+    })
+  })
+
+  describe('optIn', function () {
+    beforeEach(function () {
+      this.user.betaProgram = false
+      this.call = callback => {
+        this.handler.optIn(this.user_id, callback)
+      }
+    })
+
+    it('should call userUpdater', function (done) {
+      this.call(err => {
+        expect(err).to.not.exist
+        this.UserUpdater.promises.updateUser.callCount.should.equal(1)
+        done()
+      })
+    })
+
+    it('should set beta-program user property to true', function (done) {
+      this.call(err => {
+        expect(err).to.not.exist
+        sinon.assert.calledWith(
+          this.AnalyticsManager.setUserPropertyForUserInBackground,
+          this.user_id,
+          'beta-program',
+          true
+        )
+        done()
+      })
+    })
+
+    it('should not produce an error', function (done) {
+      this.call(err => {
+        expect(err).to.not.exist
+        done()
+      })
+    })
+
+    describe('when userUpdater produces an error', function () {
+      beforeEach(function () {
+        this.UserUpdater.promises.updateUser.rejects()
+      })
+
+      it('should produce an error', function (done) {
+        this.call(err => {
+          expect(err).to.exist
+          expect(err).to.be.instanceof(Error)
+          done()
+        })
+      })
+    })
+  })
+
+  describe('optOut', function () {
+    beforeEach(function () {
+      this.user.betaProgram = true
+      this.call = callback => {
+        this.handler.optOut(this.user_id, callback)
+      }
+    })
+
+    it('should call userUpdater', function (done) {
+      this.call(err => {
+        expect(err).to.not.exist
+        this.UserUpdater.promises.updateUser.callCount.should.equal(1)
+        done()
+      })
+    })
+
+    it('should set beta-program user property to false', function (done) {
+      this.call(err => {
+        expect(err).to.not.exist
+        sinon.assert.calledWith(
+          this.AnalyticsManager.setUserPropertyForUserInBackground,
+          this.user_id,
+          'beta-program',
+          false
+        )
+        done()
+      })
+    })
+
+    it('should not produce an error', function (done) {
+      this.call(err => {
+        expect(err).to.not.exist
+        done()
+      })
+    })
+
+    describe('when userUpdater produces an error', function () {
+      beforeEach(function () {
+        this.UserUpdater.promises.updateUser.rejects()
+      })
+
+      it('should produce an error', function (done) {
+        this.call(err => {
+          expect(err).to.exist
+          expect(err).to.be.instanceof(Error)
+          done()
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/BrandVariations/BrandVariationsHandlerTests.js b/services/web/test/unit/src/BrandVariations/BrandVariationsHandlerTests.js
new file mode 100644
index 0000000..08491cc
--- /dev/null
+++ b/services/web/test/unit/src/BrandVariations/BrandVariationsHandlerTests.js
@@ -0,0 +1,143 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const assert = require('assert')
+const path = require('path')
+const sinon = require('sinon')
+const modulePath = path.join(
+  __dirname,
+  '../../../../app/src/Features/BrandVariations/BrandVariationsHandler'
+)
+
+describe('BrandVariationsHandler', function () {
+  beforeEach(function () {
+    this.settings = {
+      apis: {
+        v1: {
+          publicUrl: 'http://overleaf.example.com',
+        },
+      },
+      modules: {
+        sanitize: {
+          options: {
+            allowedTags: ['br', 'strong'],
+            allowedAttributes: {
+              strong: ['style'],
+            },
+          },
+        },
+      },
+    }
+    this.V1Api = { request: sinon.stub() }
+    this.BrandVariationsHandler = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': this.settings,
+        '../V1/V1Api': this.V1Api,
+      },
+    })
+    return (this.mockedBrandVariationDetails = {
+      id: '12',
+      active: true,
+      brand_name: 'The journal',
+      logo_url: 'http://my.cdn.tld/journal-logo.png',
+      journal_cover_url: 'http://my.cdn.tld/journal-cover.jpg',
+      home_url: 'http://www.thejournal.com/',
+      publish_menu_link_html: 'Submit your paper to the <em>The Journal</em>',
+    })
+  })
+
+  describe('getBrandVariationById', function () {
+    it('should call the callback with an error when the branding variation id is not provided', function (done) {
+      return this.BrandVariationsHandler.getBrandVariationById(
+        null,
+        (err, brandVariationDetails) => {
+          expect(err).to.be.instanceof(Error)
+          return done()
+        }
+      )
+    })
+
+    it('should call the callback with an error when the request errors', function (done) {
+      this.V1Api.request.callsArgWith(1, new Error())
+      return this.BrandVariationsHandler.getBrandVariationById(
+        '12',
+        (err, brandVariationDetails) => {
+          expect(err).to.be.instanceof(Error)
+          return done()
+        }
+      )
+    })
+
+    it('should call the callback with branding details when request succeeds', function (done) {
+      this.V1Api.request.callsArgWith(
+        1,
+        null,
+        { statusCode: 200 },
+        this.mockedBrandVariationDetails
+      )
+      return this.BrandVariationsHandler.getBrandVariationById(
+        '12',
+        (err, brandVariationDetails) => {
+          expect(err).to.not.exist
+          expect(brandVariationDetails).to.deep.equal(
+            this.mockedBrandVariationDetails
+          )
+          return done()
+        }
+      )
+    })
+
+    it('should transform relative URLs in v1 absolute ones', function (done) {
+      this.mockedBrandVariationDetails.logo_url = '/journal-logo.png'
+      this.V1Api.request.callsArgWith(
+        1,
+        null,
+        { statusCode: 200 },
+        this.mockedBrandVariationDetails
+      )
+      return this.BrandVariationsHandler.getBrandVariationById(
+        '12',
+        (err, brandVariationDetails) => {
+          expect(
+            brandVariationDetails.logo_url.startsWith(
+              this.settings.apis.v1.publicUrl
+            )
+          ).to.be.true
+          return done()
+        }
+      )
+    })
+
+    it("should sanitize 'submit_button_html'", function (done) {
+      this.mockedBrandVariationDetails.submit_button_html =
+        '<br class="break"/><strong style="color:#B39500">AGU Journal</strong><iframe>hello</iframe>'
+      this.V1Api.request.callsArgWith(
+        1,
+        null,
+        { statusCode: 200 },
+        this.mockedBrandVariationDetails
+      )
+      return this.BrandVariationsHandler.getBrandVariationById(
+        '12',
+        (err, brandVariationDetails) => {
+          expect(brandVariationDetails.submit_button_html).to.equal(
+            '<br /><strong style="color:#B39500">AGU Journal</strong>hello'
+          )
+          return done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Chat/ChatApiHandlerTests.js b/services/web/test/unit/src/Chat/ChatApiHandlerTests.js
new file mode 100644
index 0000000..561e6f2
--- /dev/null
+++ b/services/web/test/unit/src/Chat/ChatApiHandlerTests.js
@@ -0,0 +1,230 @@
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const { RequestFailedError } = require('@overleaf/fetch-utils')
+
+const MODULE_PATH = path.join(
+  __dirname,
+  '../../../../app/src/Features/Chat/ChatApiHandler'
+)
+
+describe('ChatApiHandler', function () {
+  beforeEach(function () {
+    this.settings = {
+      apis: {
+        chat: {
+          internal_url: 'http://chat.overleaf.env',
+        },
+      },
+    }
+    this.FetchUtils = {
+      fetchJson: sinon.stub(),
+      fetchNothing: sinon.stub().resolves(),
+    }
+    this.ChatApiHandler = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '@overleaf/settings': this.settings,
+        '@overleaf/fetch-utils': this.FetchUtils,
+      },
+    })
+    this.project_id = '3213213kl12j'
+    this.user_id = '2k3jlkjs9'
+    this.content = 'my message here'
+  })
+
+  describe('sendGlobalMessage', function () {
+    describe('successfully', function () {
+      beforeEach(async function () {
+        this.message = { mock: 'message' }
+        this.FetchUtils.fetchJson.resolves(this.message)
+        this.result = await this.ChatApiHandler.promises.sendGlobalMessage(
+          this.project_id,
+          this.user_id,
+          this.content
+        )
+      })
+
+      it('should post the data to the chat api', function () {
+        this.FetchUtils.fetchJson.should.have.been.calledWith(
+          sinon.match(
+            url =>
+              url.toString() ===
+              `${this.settings.apis.chat.internal_url}/project/${this.project_id}/messages`
+          ),
+          {
+            method: 'POST',
+            json: {
+              content: this.content,
+              user_id: this.user_id,
+            },
+          }
+        )
+      })
+
+      it('should return the message from the post', function () {
+        expect(this.result).to.deep.equal(this.message)
+      })
+    })
+
+    describe('with a non-success status code', function () {
+      beforeEach(async function () {
+        this.error = new RequestFailedError('some-url', {}, { status: 500 })
+        this.FetchUtils.fetchJson.rejects(this.error)
+        await expect(
+          this.ChatApiHandler.promises.sendGlobalMessage(
+            this.project_id,
+            this.user_id,
+            this.content
+          )
+        ).to.be.rejectedWith(this.error)
+      })
+    })
+  })
+
+  describe('getGlobalMessages', function () {
+    beforeEach(function () {
+      this.messages = [{ mock: 'message' }]
+      this.limit = 30
+      this.before = '1234'
+    })
+
+    describe('successfully', function () {
+      beforeEach(async function () {
+        this.FetchUtils.fetchJson.resolves(this.messages)
+        this.result = await this.ChatApiHandler.promises.getGlobalMessages(
+          this.project_id,
+          this.limit,
+          this.before
+        )
+      })
+
+      it('should make get request for room to chat api', function () {
+        this.FetchUtils.fetchJson.should.have.been.calledWith(
+          sinon.match(
+            url =>
+              url.toString() ===
+              `${this.settings.apis.chat.internal_url}/project/${this.project_id}/messages?limit=${this.limit}&before=${this.before}`
+          )
+        )
+      })
+
+      it('should return the messages from the request', function () {
+        expect(this.result).to.deep.equal(this.messages)
+      })
+    })
+
+    describe('with failure error code', function () {
+      beforeEach(async function () {
+        this.error = new RequestFailedError('some-url', {}, { status: 500 })
+        this.FetchUtils.fetchJson.rejects(this.error)
+        await expect(
+          this.ChatApiHandler.getGlobalMessages(
+            this.project_id,
+            this.limit,
+            this.before
+          )
+        ).to.be.rejectedWith(this.error)
+      })
+    })
+  })
+
+  describe('duplicateCommentThreads', function () {
+    beforeEach(async function () {
+      this.FetchUtils.fetchJson.resolves(
+        (this.mapping = {
+          'comment-thread-1': 'comment-thread-1-dup',
+          'comment-thread-2': 'comment-thread-2-dup',
+          'comment-thread-3': 'comment-thread-3-dup',
+        })
+      )
+      this.threads = [
+        'comment-thread-1',
+        'comment-thread-2',
+        'comment-thread-3',
+      ]
+      this.result = await this.ChatApiHandler.promises.duplicateCommentThreads(
+        this.project_id,
+        this.threads
+      )
+    })
+
+    it('should make a post request to the chat api', function () {
+      expect(this.FetchUtils.fetchJson).to.have.been.calledWith(
+        sinon.match(
+          url =>
+            url.toString() ===
+            `${this.settings.apis.chat.internal_url}/project/${this.project_id}/duplicate-comment-threads`
+        ),
+        {
+          method: 'POST',
+          json: {
+            threads: this.threads,
+          },
+        }
+      )
+    })
+
+    it('should return the thread mapping', function () {
+      expect(this.result).to.deep.equal(this.mapping)
+    })
+  })
+
+  describe('generateThreadData', async function () {
+    beforeEach(async function () {
+      this.FetchUtils.fetchJson.resolves(
+        (this.chatResponse = {
+          'comment-thread-1': {
+            messages: [
+              {
+                content: 'message 1',
+                timestamp: '2024-01-01T00:00:00.000Z',
+                user_id: 'user-1',
+              },
+            ],
+          },
+          'comment-thread-2': {
+            messages: [
+              {
+                content: 'message 2',
+                timestamp: '2024-01-01T00:00:00.000Z',
+                user_id: 'user-2',
+              },
+            ],
+          },
+        })
+      )
+      // Chat won't return threads that couldn't be found, so response can have
+      // fewer threads
+      this.threads = [
+        'comment-thread-1',
+        'comment-thread-2',
+        'comment-thread-3',
+      ]
+      this.result = await this.ChatApiHandler.promises.generateThreadData(
+        this.project_id,
+        this.threads
+      )
+    })
+
+    it('should make a post request to the chat api', function () {
+      expect(this.FetchUtils.fetchJson).to.have.been.calledWith(
+        sinon.match(
+          url =>
+            url.toString() ===
+            `${this.settings.apis.chat.internal_url}/project/${this.project_id}/generate-thread-data`
+        ),
+        {
+          method: 'POST',
+          json: {
+            threads: this.threads,
+          },
+        }
+      )
+    })
+
+    it('should return the thread data', function () {
+      expect(this.result).to.deep.equal(this.chatResponse)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Chat/ChatControllerTests.js b/services/web/test/unit/src/Chat/ChatControllerTests.js
new file mode 100644
index 0000000..12cd2d8
--- /dev/null
+++ b/services/web/test/unit/src/Chat/ChatControllerTests.js
@@ -0,0 +1,127 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const assert = require('assert')
+const path = require('path')
+const sinon = require('sinon')
+const modulePath = path.join(
+  __dirname,
+  '../../../../app/src/Features/Chat/ChatController'
+)
+
+describe('ChatController', function () {
+  beforeEach(function () {
+    this.user_id = 'mock-user-id'
+    this.settings = {}
+    this.ChatApiHandler = {}
+    this.ChatManager = {}
+    this.EditorRealTimeController = { emitToRoom: sinon.stub() }
+    this.SessionManager = {
+      getLoggedInUserId: sinon.stub().returns(this.user_id),
+    }
+    this.ChatController = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': this.settings,
+        './ChatApiHandler': this.ChatApiHandler,
+        './ChatManager': this.ChatManager,
+        '../Editor/EditorRealTimeController': this.EditorRealTimeController,
+        '../Authentication/SessionManager': this.SessionManager,
+        '../User/UserInfoManager': (this.UserInfoManager = {}),
+        '../User/UserInfoController': (this.UserInfoController = {}),
+      },
+    })
+    this.req = {
+      params: {
+        project_id: this.project_id,
+      },
+    }
+    this.res = {
+      json: sinon.stub(),
+      send: sinon.stub(),
+      sendStatus: sinon.stub(),
+    }
+  })
+
+  describe('sendMessage', function () {
+    beforeEach(function () {
+      this.req.body = { content: (this.content = 'message-content') }
+      this.UserInfoManager.getPersonalInfo = sinon
+        .stub()
+        .yields(null, (this.user = { unformatted: 'user' }))
+      this.UserInfoController.formatPersonalInfo = sinon
+        .stub()
+        .returns((this.formatted_user = { formatted: 'user' }))
+      this.ChatApiHandler.sendGlobalMessage = sinon
+        .stub()
+        .yields(
+          null,
+          (this.message = { mock: 'message', user_id: this.user_id })
+        )
+      return this.ChatController.sendMessage(this.req, this.res)
+    })
+
+    it('should look up the user', function () {
+      return this.UserInfoManager.getPersonalInfo
+        .calledWith(this.user_id)
+        .should.equal(true)
+    })
+
+    it('should format and inject the user into the message', function () {
+      this.UserInfoController.formatPersonalInfo
+        .calledWith(this.user)
+        .should.equal(true)
+      return this.message.user.should.deep.equal(this.formatted_user)
+    })
+
+    it('should tell the chat handler about the message', function () {
+      return this.ChatApiHandler.sendGlobalMessage
+        .calledWith(this.project_id, this.user_id, this.content)
+        .should.equal(true)
+    })
+
+    it('should tell the editor real time controller about the update with the data from the chat handler', function () {
+      return this.EditorRealTimeController.emitToRoom
+        .calledWith(this.project_id, 'new-chat-message', this.message)
+        .should.equal(true)
+    })
+
+    it('should return a 204 status code', function () {
+      return this.res.sendStatus.calledWith(204).should.equal(true)
+    })
+  })
+
+  describe('getMessages', function () {
+    beforeEach(function () {
+      this.req.query = {
+        limit: (this.limit = '30'),
+        before: (this.before = '12345'),
+      }
+      this.ChatManager.injectUserInfoIntoThreads = sinon.stub().yields()
+      this.ChatApiHandler.getGlobalMessages = sinon
+        .stub()
+        .yields(null, (this.messages = ['mock', 'messages']))
+      return this.ChatController.getMessages(this.req, this.res)
+    })
+
+    it('should ask the chat handler about the request', function () {
+      return this.ChatApiHandler.getGlobalMessages
+        .calledWith(this.project_id, this.limit, this.before)
+        .should.equal(true)
+    })
+
+    it('should return the messages', function () {
+      return this.res.json.calledWith(this.messages).should.equal(true)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Chat/ChatManagerTests.js b/services/web/test/unit/src/Chat/ChatManagerTests.js
new file mode 100644
index 0000000..76d9b79
--- /dev/null
+++ b/services/web/test/unit/src/Chat/ChatManagerTests.js
@@ -0,0 +1,135 @@
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const sinon = require('sinon')
+const modulePath = path.join(
+  __dirname,
+  '../../../../app/src/Features/Chat/ChatManager'
+)
+const { expect } = require('chai')
+
+describe('ChatManager', function () {
+  beforeEach(function () {
+    this.user_id = 'mock-user-id'
+    this.ChatManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '../User/UserInfoManager': (this.UserInfoManager = {}),
+        '../User/UserInfoController': (this.UserInfoController = {}),
+      },
+    })
+    this.req = {
+      params: {
+        project_id: this.project_id,
+      },
+    }
+    this.res = {
+      json: sinon.stub(),
+      send: sinon.stub(),
+      sendStatus: sinon.stub(),
+    }
+  })
+
+  describe('injectUserInfoIntoThreads', function () {
+    beforeEach(function () {
+      this.users = {
+        user_id_1: {
+          mock: 'user_1',
+        },
+        user_id_2: {
+          mock: 'user_2',
+        },
+      }
+      this.UserInfoManager.getPersonalInfo = (userId, callback) => {
+        return callback(null, this.users[userId])
+      }
+      sinon.spy(this.UserInfoManager, 'getPersonalInfo')
+      return (this.UserInfoController.formatPersonalInfo = user => ({
+        formatted: user.mock,
+      }))
+    })
+
+    it('should inject a user object into messaged and resolved data', function (done) {
+      return this.ChatManager.injectUserInfoIntoThreads(
+        {
+          thread1: {
+            resolved: true,
+            resolved_by_user_id: 'user_id_1',
+            messages: [
+              {
+                user_id: 'user_id_1',
+                content: 'foo',
+              },
+              {
+                user_id: 'user_id_2',
+                content: 'bar',
+              },
+            ],
+          },
+          thread2: {
+            messages: [
+              {
+                user_id: 'user_id_1',
+                content: 'baz',
+              },
+            ],
+          },
+        },
+        (error, threads) => {
+          expect(error).to.be.null
+          expect(threads).to.deep.equal({
+            thread1: {
+              resolved: true,
+              resolved_by_user_id: 'user_id_1',
+              resolved_by_user: { formatted: 'user_1' },
+              messages: [
+                {
+                  user_id: 'user_id_1',
+                  user: { formatted: 'user_1' },
+                  content: 'foo',
+                },
+                {
+                  user_id: 'user_id_2',
+                  user: { formatted: 'user_2' },
+                  content: 'bar',
+                },
+              ],
+            },
+            thread2: {
+              messages: [
+                {
+                  user_id: 'user_id_1',
+                  user: { formatted: 'user_1' },
+                  content: 'baz',
+                },
+              ],
+            },
+          })
+          return done()
+        }
+      )
+    })
+
+    it('should only need to look up each user once', function (done) {
+      return this.ChatManager.injectUserInfoIntoThreads(
+        [
+          {
+            messages: [
+              {
+                user_id: 'user_id_1',
+                content: 'foo',
+              },
+              {
+                user_id: 'user_id_1',
+                content: 'bar',
+              },
+            ],
+          },
+        ],
+        (error, threads) => {
+          expect(error).to.be.null
+          this.UserInfoManager.getPersonalInfo.calledOnce.should.equal(true)
+          return done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Collaborators/CollaboratorsControllerTests.mjs b/services/web/test/unit/src/Collaborators/CollaboratorsControllerTests.mjs
new file mode 100644
index 0000000..27460da
--- /dev/null
+++ b/services/web/test/unit/src/Collaborators/CollaboratorsControllerTests.mjs
@@ -0,0 +1,435 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import esmock from 'esmock'
+import mongodb from 'mongodb-legacy'
+import Errors from '../../../../app/src/Features/Errors/Errors.js'
+import MockRequest from '../helpers/MockRequest.js'
+import MockResponse from '../helpers/MockResponse.js'
+
+const ObjectId = mongodb.ObjectId
+
+const MODULE_PATH =
+  '../../../../app/src/Features/Collaborators/CollaboratorsController.mjs'
+
+describe('CollaboratorsController', function () {
+  beforeEach(async function () {
+    this.res = new MockResponse()
+    this.req = new MockRequest()
+
+    this.user = { _id: new ObjectId() }
+    this.projectId = new ObjectId()
+    this.callback = sinon.stub()
+
+    this.CollaboratorsHandler = {
+      promises: {
+        removeUserFromProject: sinon.stub().resolves(),
+        setCollaboratorPrivilegeLevel: sinon.stub().resolves(),
+      },
+      createTokenHashPrefix: sinon.stub().returns('abc123'),
+    }
+    this.CollaboratorsGetter = {
+      promises: {
+        getAllInvitedMembers: sinon.stub(),
+      },
+    }
+    this.EditorRealTimeController = {
+      emitToRoom: sinon.stub(),
+    }
+    this.HttpErrorHandler = {
+      forbidden: sinon.stub(),
+      notFound: sinon.stub(),
+    }
+    this.TagsHandler = {
+      promises: {
+        removeProjectFromAllTags: sinon.stub().resolves(),
+      },
+    }
+    this.SessionManager = {
+      getSessionUser: sinon.stub().returns(this.user),
+      getLoggedInUserId: sinon.stub().returns(this.user._id),
+    }
+    this.OwnershipTransferHandler = {
+      promises: {
+        transferOwnership: sinon.stub().resolves(),
+      },
+    }
+    this.TokenAccessHandler = {
+      getRequestToken: sinon.stub().returns('access-token'),
+    }
+
+    this.ProjectAuditLogHandler = {
+      addEntryInBackground: sinon.stub(),
+    }
+
+    this.ProjectGetter = {
+      promises: {
+        getProject: sinon.stub().resolves({ owner_ref: this.user._id }),
+      },
+    }
+
+    this.SplitTestHandler = {
+      promises: {
+        getAssignmentForUser: sinon.stub().resolves({ variant: 'default' }),
+      },
+    }
+
+    this.LimitationsManager = {
+      promises: {
+        canAddXEditCollaborators: sinon.stub().resolves(),
+        canChangeCollaboratorPrivilegeLevel: sinon.stub().resolves(true),
+      },
+    }
+
+    this.CollaboratorsController = await esmock.strict(MODULE_PATH, {
+      'mongodb-legacy': { ObjectId },
+      '../../../../app/src/Features/Collaborators/CollaboratorsHandler.js':
+        this.CollaboratorsHandler,
+      '../../../../app/src/Features/Collaborators/CollaboratorsGetter.js':
+        this.CollaboratorsGetter,
+      '../../../../app/src/Features/Collaborators/OwnershipTransferHandler.js':
+        this.OwnershipTransferHandler,
+      '../../../../app/src/Features/Editor/EditorRealTimeController':
+        this.EditorRealTimeController,
+      '../../../../app/src/Features/Errors/HttpErrorHandler.js':
+        this.HttpErrorHandler,
+      '../../../../app/src/Features/Tags/TagsHandler.js': this.TagsHandler,
+      '../../../../app/src/Features/Authentication/SessionManager.js':
+        this.SessionManager,
+      '../../../../app/src/Features/TokenAccess/TokenAccessHandler.js':
+        this.TokenAccessHandler,
+      '../../../../app/src/Features/Project/ProjectAuditLogHandler.js':
+        this.ProjectAuditLogHandler,
+      '../../../../app/src/Features/Project/ProjectGetter.js':
+        this.ProjectGetter,
+      '../../../../app/src/Features/SplitTests/SplitTestHandler.js':
+        this.SplitTestHandler,
+      '../../../../app/src/Features/Subscription/LimitationsManager.js':
+        this.LimitationsManager,
+    })
+  })
+
+  describe('removeUserFromProject', function () {
+    beforeEach(function (done) {
+      this.req.params = {
+        Project_id: this.projectId,
+        user_id: this.user._id,
+      }
+      this.res.sendStatus = sinon.spy(() => {
+        done()
+      })
+      this.CollaboratorsController.removeUserFromProject(this.req, this.res)
+    })
+
+    it('should from the user from the project', function () {
+      expect(
+        this.CollaboratorsHandler.promises.removeUserFromProject
+      ).to.have.been.calledWith(this.projectId, this.user._id)
+    })
+
+    it('should emit a userRemovedFromProject event to the proejct', function () {
+      expect(this.EditorRealTimeController.emitToRoom).to.have.been.calledWith(
+        this.projectId,
+        'userRemovedFromProject',
+        this.user._id
+      )
+    })
+
+    it('should send the back a success response', function () {
+      this.res.sendStatus.calledWith(204).should.equal(true)
+    })
+
+    it('should have called emitToRoom', function () {
+      expect(this.EditorRealTimeController.emitToRoom).to.have.been.calledWith(
+        this.projectId,
+        'project:membership:changed'
+      )
+    })
+
+    it('should write a project audit log', function () {
+      this.ProjectAuditLogHandler.addEntryInBackground.should.have.been.calledWith(
+        this.projectId,
+        'remove-collaborator',
+        this.user._id,
+        this.req.ip,
+        { userId: this.user._id }
+      )
+    })
+  })
+
+  describe('removeSelfFromProject', function () {
+    beforeEach(function (done) {
+      this.req.params = { Project_id: this.projectId }
+      this.res.sendStatus = sinon.spy(() => {
+        done()
+      })
+      this.CollaboratorsController.removeSelfFromProject(this.req, this.res)
+    })
+
+    it('should remove the logged in user from the project', function () {
+      expect(
+        this.CollaboratorsHandler.promises.removeUserFromProject
+      ).to.have.been.calledWith(this.projectId, this.user._id)
+    })
+
+    it('should emit a userRemovedFromProject event to the proejct', function () {
+      expect(this.EditorRealTimeController.emitToRoom).to.have.been.calledWith(
+        this.projectId,
+        'userRemovedFromProject',
+        this.user._id
+      )
+    })
+
+    it('should remove the project from all tags', function () {
+      expect(
+        this.TagsHandler.promises.removeProjectFromAllTags
+      ).to.have.been.calledWith(this.user._id, this.projectId)
+    })
+
+    it('should return a success code', function () {
+      this.res.sendStatus.calledWith(204).should.equal(true)
+    })
+
+    it('should write a project audit log', function () {
+      this.ProjectAuditLogHandler.addEntryInBackground.should.have.been.calledWith(
+        this.projectId,
+        'leave-project',
+        this.user._id,
+        this.req.ip
+      )
+    })
+  })
+
+  describe('getAllMembers', function () {
+    beforeEach(function (done) {
+      this.req.params = { Project_id: this.projectId }
+      this.res.json = sinon.spy(() => {
+        done()
+      })
+      this.next = sinon.stub()
+      this.members = [{ a: 1 }]
+      this.CollaboratorsGetter.promises.getAllInvitedMembers.resolves(
+        this.members
+      )
+      this.CollaboratorsController.getAllMembers(this.req, this.res, this.next)
+    })
+
+    it('should not produce an error', function () {
+      this.next.callCount.should.equal(0)
+    })
+
+    it('should produce a json response', function () {
+      this.res.json.callCount.should.equal(1)
+      this.res.json.calledWith({ members: this.members }).should.equal(true)
+    })
+
+    it('should call CollaboratorsGetter.getAllInvitedMembers', function () {
+      expect(this.CollaboratorsGetter.promises.getAllInvitedMembers).to.have
+        .been.calledOnce
+    })
+
+    describe('when CollaboratorsGetter.getAllInvitedMembers produces an error', function () {
+      beforeEach(function (done) {
+        this.res.json = sinon.stub()
+        this.next = sinon.spy(() => {
+          done()
+        })
+        this.CollaboratorsGetter.promises.getAllInvitedMembers.rejects(
+          new Error('woops')
+        )
+        this.CollaboratorsController.getAllMembers(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should produce an error', function () {
+        expect(this.next).to.have.been.calledOnce
+        expect(this.next).to.have.been.calledWithMatch(
+          sinon.match.instanceOf(Error)
+        )
+      })
+
+      it('should not produce a json response', function () {
+        this.res.json.callCount.should.equal(0)
+      })
+    })
+  })
+
+  describe('setCollaboratorInfo', function () {
+    beforeEach(function () {
+      this.req.params = {
+        Project_id: this.projectId,
+        user_id: this.user._id,
+      }
+      this.req.body = { privilegeLevel: 'readOnly' }
+    })
+
+    it('should set the collaborator privilege level', function (done) {
+      this.res.sendStatus = status => {
+        expect(status).to.equal(204)
+        expect(
+          this.CollaboratorsHandler.promises.setCollaboratorPrivilegeLevel
+        ).to.have.been.calledWith(this.projectId, this.user._id, 'readOnly')
+        done()
+      }
+      this.CollaboratorsController.setCollaboratorInfo(this.req, this.res)
+    })
+
+    it('should return a 404 when the project or collaborator is not found', function (done) {
+      this.HttpErrorHandler.notFound = sinon.spy((req, res) => {
+        expect(req).to.equal(this.req)
+        expect(res).to.equal(this.res)
+        done()
+      })
+
+      this.CollaboratorsHandler.promises.setCollaboratorPrivilegeLevel.rejects(
+        new Errors.NotFoundError()
+      )
+      this.CollaboratorsController.setCollaboratorInfo(this.req, this.res)
+    })
+
+    it('should pass the error to the next handler when setting the privilege level fails', function (done) {
+      this.next = sinon.spy(err => {
+        expect(err).instanceOf(Error)
+        done()
+      })
+
+      this.CollaboratorsHandler.promises.setCollaboratorPrivilegeLevel.rejects(
+        new Error()
+      )
+      this.CollaboratorsController.setCollaboratorInfo(
+        this.req,
+        this.res,
+        this.next
+      )
+    })
+
+    describe('when setting privilege level to readAndWrite', function () {
+      beforeEach(function () {
+        this.req.body = { privilegeLevel: 'readAndWrite' }
+      })
+
+      describe('when owner can add new edit collaborators', function () {
+        it('should set privilege level after checking collaborators can be added', function (done) {
+          this.res.sendStatus = status => {
+            expect(status).to.equal(204)
+            expect(
+              this.LimitationsManager.promises
+                .canChangeCollaboratorPrivilegeLevel
+            ).to.have.been.calledWith(
+              this.projectId,
+              this.user._id,
+              'readAndWrite'
+            )
+            done()
+          }
+          this.CollaboratorsController.setCollaboratorInfo(this.req, this.res)
+        })
+      })
+
+      describe('when owner cannot add edit collaborators', function () {
+        beforeEach(function () {
+          this.LimitationsManager.promises.canChangeCollaboratorPrivilegeLevel.resolves(
+            false
+          )
+        })
+
+        it('should return a 403 if trying to set a new edit collaborator', function (done) {
+          this.HttpErrorHandler.forbidden = sinon.spy((req, res) => {
+            expect(req).to.equal(this.req)
+            expect(res).to.equal(this.res)
+            expect(
+              this.LimitationsManager.promises
+                .canChangeCollaboratorPrivilegeLevel
+            ).to.have.been.calledWith(
+              this.projectId,
+              this.user._id,
+              'readAndWrite'
+            )
+            expect(
+              this.CollaboratorsHandler.promises.setCollaboratorPrivilegeLevel
+            ).to.not.have.been.called
+            done()
+          })
+          this.CollaboratorsController.setCollaboratorInfo(this.req, this.res)
+        })
+      })
+    })
+
+    describe('when setting privilege level to readOnly', function () {
+      beforeEach(function () {
+        this.req.body = { privilegeLevel: 'readOnly' }
+      })
+
+      describe('when owner cannot add edit collaborators', function () {
+        beforeEach(function () {
+          this.LimitationsManager.promises.canAddXEditCollaborators.resolves(
+            false
+          )
+        })
+
+        it('should always allow setting a collaborator to viewer even if user cant add edit collaborators', function (done) {
+          this.res.sendStatus = status => {
+            expect(status).to.equal(204)
+            expect(this.LimitationsManager.promises.canAddXEditCollaborators).to
+              .not.have.been.called
+            expect(
+              this.CollaboratorsHandler.promises.setCollaboratorPrivilegeLevel
+            ).to.have.been.calledWith(this.projectId, this.user._id, 'readOnly')
+            done()
+          }
+          this.CollaboratorsController.setCollaboratorInfo(this.req, this.res)
+        })
+      })
+    })
+  })
+
+  describe('transferOwnership', function () {
+    beforeEach(function () {
+      this.req.body = { user_id: this.user._id.toString() }
+    })
+
+    it('returns 204 on success', function (done) {
+      this.res.sendStatus = status => {
+        expect(status).to.equal(204)
+        done()
+      }
+      this.CollaboratorsController.transferOwnership(this.req, this.res)
+    })
+
+    it('returns 404 if the project does not exist', function (done) {
+      this.HttpErrorHandler.notFound = sinon.spy((req, res, message) => {
+        expect(req).to.equal(this.req)
+        expect(res).to.equal(this.res)
+        expect(message).to.match(/project not found/)
+        done()
+      })
+      this.OwnershipTransferHandler.promises.transferOwnership.rejects(
+        new Errors.ProjectNotFoundError()
+      )
+      this.CollaboratorsController.transferOwnership(this.req, this.res)
+    })
+
+    it('returns 404 if the user does not exist', function (done) {
+      this.HttpErrorHandler.notFound = sinon.spy((req, res, message) => {
+        expect(req).to.equal(this.req)
+        expect(res).to.equal(this.res)
+        expect(message).to.match(/user not found/)
+        done()
+      })
+      this.OwnershipTransferHandler.promises.transferOwnership.rejects(
+        new Errors.UserNotFoundError()
+      )
+      this.CollaboratorsController.transferOwnership(this.req, this.res)
+    })
+
+    it('invokes HTTP forbidden error handler if the user is not a collaborator', function (done) {
+      this.HttpErrorHandler.forbidden = sinon.spy(() => done())
+      this.OwnershipTransferHandler.promises.transferOwnership.rejects(
+        new Errors.UserNotCollaboratorError()
+      )
+      this.CollaboratorsController.transferOwnership(this.req, this.res)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Collaborators/CollaboratorsGetterTests.js b/services/web/test/unit/src/Collaborators/CollaboratorsGetterTests.js
new file mode 100644
index 0000000..7bfbc1c
--- /dev/null
+++ b/services/web/test/unit/src/Collaborators/CollaboratorsGetterTests.js
@@ -0,0 +1,567 @@
+const Path = require('path')
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const { ObjectId } = require('mongodb-legacy')
+const { Project } = require('../helpers/models/Project')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+
+const MODULE_PATH = Path.join(
+  __dirname,
+  '../../../../app/src/Features/Collaborators/CollaboratorsGetter'
+)
+
+describe('CollaboratorsGetter', function () {
+  beforeEach(function () {
+    this.userId = 'efb93a186e9a06f15fea5abd'
+    this.ownerRef = new ObjectId()
+    this.readOnlyRef1 = new ObjectId()
+    this.readOnlyRef2 = new ObjectId()
+    this.pendingEditorRef = new ObjectId()
+    this.pendingReviewerRef = new ObjectId()
+    this.readWriteRef1 = new ObjectId()
+    this.readWriteRef2 = new ObjectId()
+    this.reviewer1Ref = new ObjectId()
+    this.reviewer2Ref = new ObjectId()
+    this.readOnlyTokenRef = new ObjectId()
+    this.readWriteTokenRef = new ObjectId()
+    this.nonMemberRef = new ObjectId()
+    this.project = {
+      _id: new ObjectId(),
+      owner_ref: [this.ownerRef],
+      readOnly_refs: [
+        this.readOnlyRef1,
+        this.readOnlyRef2,
+        this.pendingEditorRef,
+        this.pendingReviewerRef,
+      ],
+      pendingEditor_refs: [this.pendingEditorRef],
+      pendingReviewer_refs: [this.pendingReviewerRef],
+      collaberator_refs: [this.readWriteRef1, this.readWriteRef2],
+      reviewer_refs: [this.reviewer1Ref, this.reviewer2Ref],
+      tokenAccessReadAndWrite_refs: [this.readWriteTokenRef],
+      tokenAccessReadOnly_refs: [this.readOnlyTokenRef],
+      publicAccesLevel: 'tokenBased',
+      tokens: {
+        readOnly: 'ro',
+        readAndWrite: 'rw',
+        readAndWritePrefix: 'pre',
+      },
+    }
+
+    this.UserGetter = {
+      promises: {
+        getUser: sinon.stub().resolves(null),
+      },
+    }
+    this.ProjectMock = sinon.mock(Project)
+    this.ProjectGetter = {
+      promises: {
+        getProject: sinon.stub().resolves(this.project),
+      },
+    }
+    this.ProjectEditorHandler = {
+      buildOwnerAndMembersViews: sinon.stub(),
+    }
+    this.CollaboratorsGetter = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        'mongodb-legacy': { ObjectId },
+        '../User/UserGetter': this.UserGetter,
+        '../../models/Project': { Project },
+        '../Project/ProjectGetter': this.ProjectGetter,
+        '../Project/ProjectEditorHandler': this.ProjectEditorHandler,
+      },
+    })
+  })
+
+  afterEach(function () {
+    this.ProjectMock.verify()
+  })
+
+  describe('getMemberIdsWithPrivilegeLevels', function () {
+    describe('with project', function () {
+      it('should return an array of member ids with their privilege levels', async function () {
+        const result =
+          await this.CollaboratorsGetter.promises.getMemberIdsWithPrivilegeLevels(
+            this.project._id
+          )
+        expect(result).to.have.deep.members([
+          {
+            id: this.ownerRef.toString(),
+            privilegeLevel: 'owner',
+            source: 'owner',
+          },
+          {
+            id: this.readWriteRef1.toString(),
+            privilegeLevel: 'readAndWrite',
+            source: 'invite',
+          },
+          {
+            id: this.readWriteRef2.toString(),
+            privilegeLevel: 'readAndWrite',
+            source: 'invite',
+          },
+          {
+            id: this.readOnlyRef1.toString(),
+            privilegeLevel: 'readOnly',
+            source: 'invite',
+          },
+          {
+            id: this.readOnlyRef2.toString(),
+            privilegeLevel: 'readOnly',
+            source: 'invite',
+          },
+          {
+            id: this.pendingEditorRef.toString(),
+            privilegeLevel: 'readOnly',
+            source: 'invite',
+            pendingEditor: true,
+          },
+          {
+            id: this.pendingReviewerRef.toString(),
+            privilegeLevel: 'readOnly',
+            source: 'invite',
+            pendingReviewer: true,
+          },
+          {
+            id: this.readOnlyTokenRef.toString(),
+            privilegeLevel: 'readOnly',
+            source: 'token',
+          },
+          {
+            id: this.readWriteTokenRef.toString(),
+            privilegeLevel: 'readAndWrite',
+            source: 'token',
+          },
+          {
+            id: this.reviewer1Ref.toString(),
+            privilegeLevel: 'review',
+            source: 'invite',
+          },
+          {
+            id: this.reviewer2Ref.toString(),
+            privilegeLevel: 'review',
+            source: 'invite',
+          },
+        ])
+      })
+    })
+
+    describe('with a missing project', function () {
+      beforeEach(function () {
+        this.ProjectGetter.promises.getProject.resolves(null)
+      })
+
+      it('should return a NotFoundError', async function () {
+        await expect(
+          this.CollaboratorsGetter.promises.getMemberIdsWithPrivilegeLevels(
+            this.project._id
+          )
+        ).to.be.rejectedWith(Errors.NotFoundError)
+      })
+    })
+  })
+
+  describe('getMemberIds', function () {
+    it('should return the ids', async function () {
+      const memberIds = await this.CollaboratorsGetter.promises.getMemberIds(
+        this.project._id
+      )
+      expect(memberIds).to.have.members([
+        this.ownerRef.toString(),
+        this.readOnlyRef1.toString(),
+        this.readOnlyRef2.toString(),
+        this.readWriteRef1.toString(),
+        this.readWriteRef2.toString(),
+        this.pendingEditorRef.toString(),
+        this.pendingReviewerRef.toString(),
+        this.readWriteTokenRef.toString(),
+        this.readOnlyTokenRef.toString(),
+        this.reviewer1Ref.toString(),
+        this.reviewer2Ref.toString(),
+      ])
+    })
+  })
+
+  describe('getInvitedMemberIds', function () {
+    it('should return the invited ids', async function () {
+      const memberIds =
+        await this.CollaboratorsGetter.promises.getInvitedMemberIds(
+          this.project._id
+        )
+      expect(memberIds).to.have.members([
+        this.ownerRef.toString(),
+        this.readOnlyRef1.toString(),
+        this.readOnlyRef2.toString(),
+        this.readWriteRef1.toString(),
+        this.readWriteRef2.toString(),
+        this.pendingEditorRef.toString(),
+        this.pendingReviewerRef.toString(),
+        this.reviewer1Ref.toString(),
+        this.reviewer2Ref.toString(),
+      ])
+    })
+  })
+
+  describe('getInvitedMembersWithPrivilegeLevels', function () {
+    beforeEach(function () {
+      this.UserGetter.promises.getUser
+        .withArgs(this.readOnlyRef1.toString())
+        .resolves({ _id: this.readOnlyRef1 })
+      this.UserGetter.promises.getUser
+        .withArgs(this.readOnlyTokenRef.toString())
+        .resolves({ _id: this.readOnlyTokenRef })
+      this.UserGetter.promises.getUser
+        .withArgs(this.readWriteRef2.toString())
+        .resolves({ _id: this.readWriteRef2 })
+      this.UserGetter.promises.getUser
+        .withArgs(this.readWriteTokenRef.toString())
+        .resolves({ _id: this.readWriteTokenRef })
+      this.UserGetter.promises.getUser
+        .withArgs(this.reviewer1Ref.toString())
+        .resolves({ _id: this.reviewer1Ref })
+    })
+
+    it('should return an array of invited members with their privilege levels', async function () {
+      const result =
+        await this.CollaboratorsGetter.promises.getInvitedMembersWithPrivilegeLevels(
+          this.project._id
+        )
+      expect(result).to.have.deep.members([
+        { user: { _id: this.readOnlyRef1 }, privilegeLevel: 'readOnly' },
+        { user: { _id: this.readWriteRef2 }, privilegeLevel: 'readAndWrite' },
+        { user: { _id: this.reviewer1Ref }, privilegeLevel: 'review' },
+      ])
+    })
+  })
+
+  describe('getMemberIdPrivilegeLevel', function () {
+    it('should return the privilege level if it exists', async function () {
+      const level =
+        await this.CollaboratorsGetter.promises.getMemberIdPrivilegeLevel(
+          this.readOnlyRef1,
+          this.project._id
+        )
+      expect(level).to.equal('readOnly')
+    })
+
+    it('should return review privilege level', async function () {
+      const level =
+        await this.CollaboratorsGetter.promises.getMemberIdPrivilegeLevel(
+          this.reviewer1Ref,
+          this.project._id
+        )
+      expect(level).to.equal('review')
+    })
+
+    it('should return false if the member has no privilege level', async function () {
+      const level =
+        await this.CollaboratorsGetter.promises.getMemberIdPrivilegeLevel(
+          this.nonMemberRef,
+          this.project._id
+        )
+      expect(level).to.equal(false)
+    })
+  })
+
+  describe('isUserInvitedMemberOfProject', function () {
+    describe('when user is a member of the project', function () {
+      it('should return true and the privilegeLevel', async function () {
+        const isMember =
+          await this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject(
+            this.readOnlyRef1
+          )
+        expect(isMember).to.equal(true)
+      })
+    })
+
+    describe('when user is not a member of the project', function () {
+      it('should return false', async function () {
+        const isMember =
+          await this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject(
+            this.nonMemberRef
+          )
+        expect(isMember).to.equal(false)
+      })
+    })
+  })
+
+  describe('isUserInvitedReadWriteMemberOfProject', function () {
+    describe('when user is a read write member of the project', function () {
+      it('should return true', async function () {
+        const isMember =
+          await this.CollaboratorsGetter.promises.isUserInvitedReadWriteMemberOfProject(
+            this.readWriteRef1
+          )
+        expect(isMember).to.equal(true)
+      })
+    })
+
+    describe('when user is a read only member of the project', function () {
+      it('should return false', async function () {
+        const isMember =
+          await this.CollaboratorsGetter.promises.isUserInvitedReadWriteMemberOfProject(
+            this.readOnlyRef1
+          )
+        expect(isMember).to.equal(false)
+      })
+    })
+
+    describe('when user is not a member of the project', function () {
+      it('should return false', async function () {
+        const isMember =
+          await this.CollaboratorsGetter.promises.isUserInvitedReadWriteMemberOfProject(
+            this.nonMemberRef
+          )
+        expect(isMember).to.equal(false)
+      })
+    })
+  })
+
+  describe('getProjectsUserIsMemberOf', function () {
+    beforeEach(function () {
+      this.fields = 'mock fields'
+      this.ProjectMock.expects('find')
+        .withArgs({ collaberator_refs: this.userId }, this.fields)
+        .chain('exec')
+        .resolves(['mock-read-write-project-1', 'mock-read-write-project-2'])
+
+      this.ProjectMock.expects('find')
+        .withArgs({ readOnly_refs: this.userId }, this.fields)
+        .chain('exec')
+        .resolves(['mock-read-only-project-1', 'mock-read-only-project-2'])
+
+      this.ProjectMock.expects('find')
+        .withArgs({ reviewer_refs: this.userId }, this.fields)
+        .chain('exec')
+        .resolves(['mock-review-project-1', 'mock-review-project-2'])
+      this.ProjectMock.expects('find')
+        .withArgs(
+          {
+            tokenAccessReadAndWrite_refs: this.userId,
+            publicAccesLevel: 'tokenBased',
+          },
+          this.fields
+        )
+        .chain('exec')
+        .resolves([
+          'mock-token-read-write-project-1',
+          'mock-token-read-write-project-2',
+        ])
+      this.ProjectMock.expects('find')
+        .withArgs(
+          {
+            tokenAccessReadOnly_refs: this.userId,
+            publicAccesLevel: 'tokenBased',
+          },
+          this.fields
+        )
+        .chain('exec')
+        .resolves([
+          'mock-token-read-only-project-1',
+          'mock-token-read-only-project-2',
+        ])
+    })
+
+    it('should call the callback with the projects', async function () {
+      const projects =
+        await this.CollaboratorsGetter.promises.getProjectsUserIsMemberOf(
+          this.userId,
+          this.fields
+        )
+      expect(projects).to.deep.equal({
+        readAndWrite: [
+          'mock-read-write-project-1',
+          'mock-read-write-project-2',
+        ],
+        readOnly: ['mock-read-only-project-1', 'mock-read-only-project-2'],
+        tokenReadAndWrite: [
+          'mock-token-read-write-project-1',
+          'mock-token-read-write-project-2',
+        ],
+        tokenReadOnly: [
+          'mock-token-read-only-project-1',
+          'mock-token-read-only-project-2',
+        ],
+        review: ['mock-review-project-1', 'mock-review-project-2'],
+      })
+    })
+  })
+
+  describe('getAllInvitedMembers', function () {
+    beforeEach(async function () {
+      this.owningUser = {
+        _id: this.ownerRef,
+        email: 'owner@example.com',
+        features: { a: 1 },
+      }
+      this.readWriteUser = {
+        _id: this.readWriteRef1,
+        email: 'readwrite@example.com',
+      }
+      this.reviewUser = {
+        _id: this.reviewer1Ref,
+        email: 'review@example.com',
+      }
+      this.members = [
+        { user: this.owningUser, privilegeLevel: 'owner' },
+        { user: this.readWriteUser, privilegeLevel: 'readAndWrite' },
+        { user: this.reviewUser, privilegeLevel: 'review' },
+      ]
+      this.views = {
+        owner: this.owningUser,
+        ownerFeatures: this.owningUser.features,
+        members: [
+          { _id: this.readWriteUser._id, email: this.readWriteUser.email },
+          { _id: this.reviewUser._id, email: this.reviewUser.email },
+        ],
+      }
+      this.UserGetter.promises.getUser
+        .withArgs(this.owningUser._id.toString())
+        .resolves(this.owningUser)
+      this.UserGetter.promises.getUser
+        .withArgs(this.readWriteUser._id.toString())
+        .resolves(this.readWriteUser)
+      this.UserGetter.promises.getUser
+        .withArgs(this.reviewUser._id.toString())
+        .resolves(this.reviewUser)
+      this.ProjectEditorHandler.buildOwnerAndMembersViews.returns(this.views)
+      this.result =
+        await this.CollaboratorsGetter.promises.getAllInvitedMembers(
+          this.project._id
+        )
+    })
+
+    it('should produce a list of members', function () {
+      expect(this.result).to.deep.equal(this.views.members)
+    })
+
+    it('should call ProjectEditorHandler.buildOwnerAndMembersViews', function () {
+      expect(this.ProjectEditorHandler.buildOwnerAndMembersViews).to.have.been
+        .calledOnce
+      expect(
+        this.ProjectEditorHandler.buildOwnerAndMembersViews
+      ).to.have.been.calledWith(this.members)
+    })
+  })
+
+  describe('userIsTokenMember', function () {
+    it('should return true when the project is found', async function () {
+      this.ProjectMock.expects('findOne').chain('exec').resolves(this.project)
+      const isMember =
+        await this.CollaboratorsGetter.promises.userIsTokenMember(
+          this.userId,
+          this.project._id
+        )
+      expect(isMember).to.be.true
+    })
+
+    it('should return false when the project is not found', async function () {
+      this.ProjectMock.expects('findOne').chain('exec').resolves(null)
+      const isMember =
+        await this.CollaboratorsGetter.promises.userIsTokenMember(
+          this.userId,
+          this.project._id
+        )
+      expect(isMember).to.be.false
+    })
+  })
+
+  describe('userIsReadWriteTokenMember', function () {
+    it('should return true when the project is found', async function () {
+      this.ProjectMock.expects('findOne').chain('exec').resolves(this.project)
+      const isMember =
+        await this.CollaboratorsGetter.promises.userIsReadWriteTokenMember(
+          this.userId,
+          this.project._id
+        )
+      expect(isMember).to.be.true
+    })
+
+    it('should return false when the project is not found', async function () {
+      this.ProjectMock.expects('findOne').chain('exec').resolves(null)
+      const isMember =
+        await this.CollaboratorsGetter.promises.userIsReadWriteTokenMember(
+          this.userId,
+          this.project._id
+        )
+      expect(isMember).to.be.false
+    })
+  })
+
+  describe('getPublicShareTokens', function () {
+    const userMock = new ObjectId()
+
+    it('should return null when the project is not found', async function () {
+      this.ProjectMock.expects('findOne').chain('exec').resolves(undefined)
+      const tokens =
+        await this.CollaboratorsGetter.promises.getPublicShareTokens(
+          userMock,
+          this.project._id
+        )
+      expect(tokens).to.be.null
+    })
+
+    it('should return an empty object when the user is not owner or read-only collaborator', async function () {
+      this.ProjectMock.expects('findOne').chain('exec').resolves(this.project)
+      const tokens =
+        await this.CollaboratorsGetter.promises.getPublicShareTokens(
+          userMock,
+          this.project._id
+        )
+      expect(tokens).to.deep.equal({})
+    })
+
+    describe('when the user is a read-only token collaborator', function () {
+      it('should return the read-only token', async function () {
+        this.ProjectMock.expects('findOne')
+          .chain('exec')
+          .resolves({ hasTokenReadOnlyAccess: true, ...this.project })
+
+        const tokens =
+          await this.CollaboratorsGetter.promises.getPublicShareTokens(
+            userMock,
+            this.project._id
+          )
+        expect(tokens).to.deep.equal({ readOnly: tokens.readOnly })
+      })
+    })
+
+    describe('when the user is the owner of the project', function () {
+      beforeEach(function () {
+        this.ProjectMock.expects('findOne')
+          .chain('exec')
+          .resolves({ isOwner: true, ...this.project })
+      })
+
+      it('should return all the tokens', async function () {
+        const tokens =
+          await this.CollaboratorsGetter.promises.getPublicShareTokens(
+            userMock,
+            this.project._id
+          )
+        expect(tokens).to.deep.equal(tokens)
+      })
+    })
+  })
+
+  describe('getInvitedEditCollaboratorCount', function () {
+    it('should return the count of invited edit collaborators (readAndWrite, review)', async function () {
+      const count =
+        await this.CollaboratorsGetter.promises.getInvitedEditCollaboratorCount(
+          this.project._id
+        )
+      expect(count).to.equal(4)
+    })
+  })
+
+  describe('getInvitedPendingEditorCount', function () {
+    it('should return the count of pending editors and reviewers', async function () {
+      const count =
+        await this.CollaboratorsGetter.promises.getInvitedPendingEditorCount(
+          this.project._id
+        )
+      expect(count).to.equal(2)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Collaborators/CollaboratorsHandlerTests.js b/services/web/test/unit/src/Collaborators/CollaboratorsHandlerTests.js
new file mode 100644
index 0000000..8542bd8
--- /dev/null
+++ b/services/web/test/unit/src/Collaborators/CollaboratorsHandlerTests.js
@@ -0,0 +1,914 @@
+const { promisify } = require('util')
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+const { Project } = require('../helpers/models/Project')
+const { ObjectId } = require('mongodb-legacy')
+
+const MODULE_PATH = path.join(
+  __dirname,
+  '../../../../app/src/Features/Collaborators/CollaboratorsHandler'
+)
+
+const sleep = promisify(setTimeout)
+
+describe('CollaboratorsHandler', function () {
+  beforeEach(function () {
+    this.userId = new ObjectId()
+    this.addingUserId = new ObjectId()
+    this.project = {
+      _id: new ObjectId(),
+      owner_ref: this.addingUserId,
+      name: 'Foo',
+    }
+
+    this.archivedProject = {
+      _id: new ObjectId(),
+      archived: [new ObjectId(this.userId)],
+    }
+
+    this.oldArchivedProject = {
+      _id: new ObjectId(),
+      archived: true,
+    }
+
+    this.UserGetter = {
+      promises: {
+        getUser: sinon.stub().resolves(null),
+      },
+    }
+    this.ContactManager = {
+      addContact: sinon.stub(),
+    }
+    this.ProjectMock = sinon.mock(Project)
+    this.TpdsProjectFlusher = {
+      promises: {
+        flushProjectToTpds: sinon.stub().resolves(),
+      },
+    }
+    this.TpdsUpdateSender = {
+      promises: {
+        createProject: sinon.stub().resolves(),
+      },
+    }
+    this.ProjectGetter = {
+      promises: {
+        getProject: sinon.stub().resolves(this.project),
+      },
+    }
+
+    this.ProjectHelper = {
+      calculateArchivedArray: sinon.stub(),
+    }
+    this.CollaboratorsGetter = {
+      promises: {
+        dangerouslyGetAllProjectsUserIsMemberOf: sinon.stub(),
+        getMemberIdsWithPrivilegeLevels: sinon.stub().resolves([]),
+      },
+    }
+    this.EditorRealTimeController = { emitToRoom: sinon.stub() }
+    this.CollaboratorsHandler = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '../User/UserGetter': this.UserGetter,
+        '../Contacts/ContactManager': this.ContactManager,
+        '../../models/Project': { Project },
+        '../ThirdPartyDataStore/TpdsProjectFlusher': this.TpdsProjectFlusher,
+        '../ThirdPartyDataStore/TpdsUpdateSender': this.TpdsUpdateSender,
+        '../Project/ProjectGetter': this.ProjectGetter,
+        '../Project/ProjectHelper': this.ProjectHelper,
+        '../Editor/EditorRealTimeController': this.EditorRealTimeController,
+        './CollaboratorsGetter': this.CollaboratorsGetter,
+      },
+    })
+
+    // Helper function to set up mock expectations for null reference cleanup
+    this.expectNullReferenceCleanup = projectId => {
+      this.ProjectMock.expects('updateOne')
+        .withArgs(
+          {
+            _id: projectId,
+            pendingReviewer_refs: { $type: 'null' },
+          },
+          {
+            $set: { pendingReviewer_refs: [] },
+          }
+        )
+        .chain('exec')
+        .resolves()
+      this.ProjectMock.expects('updateOne')
+        .withArgs(
+          {
+            _id: projectId,
+            readOnly_refs: { $type: 'null' },
+          },
+          {
+            $set: { readOnly_refs: [] },
+          }
+        )
+        .chain('exec')
+        .resolves()
+      this.ProjectMock.expects('updateOne')
+        .withArgs(
+          {
+            _id: projectId,
+            reviewer_refs: { $type: 'null' },
+          },
+          {
+            $set: { reviewer_refs: [] },
+          }
+        )
+        .chain('exec')
+        .resolves()
+    }
+  })
+
+  afterEach(function () {
+    this.ProjectMock.verify()
+  })
+
+  describe('removeUserFromProject', function () {
+    describe('a non-archived project', function () {
+      beforeEach(function () {
+        this.ProjectMock.expects('findOne')
+          .withArgs({
+            _id: this.project._id,
+          })
+          .chain('exec')
+          .resolves(this.project)
+      })
+
+      it('should remove the user from mongo', async function () {
+        this.expectNullReferenceCleanup(this.project._id)
+        this.ProjectMock.expects('updateOne')
+          .withArgs(
+            {
+              _id: this.project._id,
+            },
+            {
+              $pull: {
+                collaberator_refs: this.userId,
+                reviewer_refs: this.userId,
+                readOnly_refs: this.userId,
+                pendingEditor_refs: this.userId,
+                pendingReviewer_refs: this.userId,
+                tokenAccessReadOnly_refs: this.userId,
+                tokenAccessReadAndWrite_refs: this.userId,
+                archived: this.userId,
+                trashed: this.userId,
+              },
+            }
+          )
+          .chain('exec')
+          .resolves()
+        await this.CollaboratorsHandler.promises.removeUserFromProject(
+          this.project._id,
+          this.userId
+        )
+      })
+    })
+
+    describe('an archived project, archived with a boolean value', function () {
+      beforeEach(function () {
+        const archived = [new ObjectId(this.userId)]
+        this.ProjectHelper.calculateArchivedArray.returns(archived)
+
+        this.ProjectMock.expects('findOne')
+          .withArgs({
+            _id: this.oldArchivedProject._id,
+          })
+          .chain('exec')
+          .resolves(this.oldArchivedProject)
+      })
+
+      it('should remove the user from mongo', async function () {
+        this.expectNullReferenceCleanup(this.oldArchivedProject._id)
+        this.ProjectMock.expects('updateOne')
+          .withArgs(
+            {
+              _id: this.oldArchivedProject._id,
+            },
+            {
+              $set: {
+                archived: [],
+              },
+              $pull: {
+                collaberator_refs: this.userId,
+                reviewer_refs: this.userId,
+                readOnly_refs: this.userId,
+                pendingEditor_refs: this.userId,
+                pendingReviewer_refs: this.userId,
+                tokenAccessReadOnly_refs: this.userId,
+                tokenAccessReadAndWrite_refs: this.userId,
+                trashed: this.userId,
+              },
+            }
+          )
+          .resolves()
+        await this.CollaboratorsHandler.promises.removeUserFromProject(
+          this.oldArchivedProject._id,
+          this.userId
+        )
+      })
+    })
+
+    describe('an archived project, archived with an array value', function () {
+      beforeEach(function () {
+        this.ProjectMock.expects('findOne')
+          .withArgs({
+            _id: this.archivedProject._id,
+          })
+          .chain('exec')
+          .resolves(this.archivedProject)
+      })
+
+      it('should remove the user from mongo', async function () {
+        this.expectNullReferenceCleanup(this.archivedProject._id)
+        this.ProjectMock.expects('updateOne')
+          .withArgs(
+            {
+              _id: this.archivedProject._id,
+            },
+            {
+              $pull: {
+                collaberator_refs: this.userId,
+                reviewer_refs: this.userId,
+                readOnly_refs: this.userId,
+                pendingEditor_refs: this.userId,
+                pendingReviewer_refs: this.userId,
+                tokenAccessReadOnly_refs: this.userId,
+                tokenAccessReadAndWrite_refs: this.userId,
+                archived: this.userId,
+                trashed: this.userId,
+              },
+            }
+          )
+          .resolves()
+        await this.CollaboratorsHandler.promises.removeUserFromProject(
+          this.archivedProject._id,
+          this.userId
+        )
+      })
+    })
+  })
+
+  describe('addUserIdToProject', function () {
+    describe('as readOnly', function () {
+      beforeEach(async function () {
+        this.ProjectMock.expects('updateOne')
+          .withArgs(
+            {
+              _id: this.project._id,
+            },
+            {
+              $addToSet: { readOnly_refs: this.userId },
+            }
+          )
+          .chain('exec')
+          .resolves()
+        await this.CollaboratorsHandler.promises.addUserIdToProject(
+          this.project._id,
+          this.addingUserId,
+          this.userId,
+          'readOnly'
+        )
+      })
+
+      it('should create the project folder in dropbox', function () {
+        expect(
+          this.TpdsUpdateSender.promises.createProject
+        ).to.have.been.calledWith({
+          projectId: this.project._id,
+          projectName: this.project.name,
+          ownerId: this.addingUserId,
+          userId: this.userId,
+        })
+      })
+
+      it('should flush the project to the TPDS', function () {
+        expect(
+          this.TpdsProjectFlusher.promises.flushProjectToTpds
+        ).to.have.been.calledWith(this.project._id)
+      })
+
+      it('should add the user as a contact for the adding user', function () {
+        expect(this.ContactManager.addContact).to.have.been.calledWith(
+          this.addingUserId,
+          this.userId
+        )
+      })
+
+      describe('and with pendingEditor flag', function () {
+        it('should add them to the pending editor refs', async function () {
+          this.ProjectMock.expects('updateOne')
+            .withArgs(
+              {
+                _id: this.project._id,
+              },
+              {
+                $addToSet: {
+                  readOnly_refs: this.userId,
+                  pendingEditor_refs: this.userId,
+                },
+              }
+            )
+            .chain('exec')
+            .resolves()
+          await this.CollaboratorsHandler.promises.addUserIdToProject(
+            this.project._id,
+            this.addingUserId,
+            this.userId,
+            'readOnly',
+            { pendingEditor: true }
+          )
+        })
+      })
+
+      describe('with pendingReviewer flag', function () {
+        it('should add them to the pending reviewer refs', async function () {
+          this.ProjectMock.expects('updateOne')
+            .withArgs(
+              {
+                _id: this.project._id,
+              },
+              {
+                $addToSet: {
+                  readOnly_refs: this.userId,
+                  pendingReviewer_refs: this.userId,
+                },
+              }
+            )
+            .chain('exec')
+            .resolves()
+          await this.CollaboratorsHandler.promises.addUserIdToProject(
+            this.project._id,
+            this.addingUserId,
+            this.userId,
+            'readOnly',
+            { pendingReviewer: true }
+          )
+        })
+      })
+    })
+
+    describe('as readAndWrite', function () {
+      beforeEach(async function () {
+        this.ProjectMock.expects('updateOne')
+          .withArgs(
+            {
+              _id: this.project._id,
+            },
+            {
+              $addToSet: { collaberator_refs: this.userId },
+            }
+          )
+          .chain('exec')
+          .resolves()
+        await this.CollaboratorsHandler.promises.addUserIdToProject(
+          this.project._id,
+          this.addingUserId,
+          this.userId,
+          'readAndWrite'
+        )
+      })
+
+      it('should flush the project to the TPDS', function () {
+        expect(
+          this.TpdsProjectFlusher.promises.flushProjectToTpds
+        ).to.have.been.calledWith(this.project._id)
+      })
+    })
+
+    describe('as reviewer', function () {
+      beforeEach(async function () {
+        this.ProjectMock.expects('updateOne')
+          .withArgs(
+            {
+              _id: this.project._id,
+            },
+            {
+              track_changes: { [this.userId]: true },
+              $addToSet: { reviewer_refs: this.userId },
+            }
+          )
+          .chain('exec')
+          .resolves()
+        await this.CollaboratorsHandler.promises.addUserIdToProject(
+          this.project._id,
+          this.addingUserId,
+          this.userId,
+          'review'
+        )
+      })
+
+      it('should update the client with new track changes settings', function () {
+        return this.EditorRealTimeController.emitToRoom
+          .calledWith(this.project._id, 'toggle-track-changes', {
+            [this.userId]: true,
+          })
+          .should.equal(true)
+      })
+
+      it('should flush the project to the TPDS', function () {
+        expect(
+          this.TpdsProjectFlusher.promises.flushProjectToTpds
+        ).to.have.been.calledWith(this.project._id)
+      })
+    })
+
+    describe('with invalid privilegeLevel', function () {
+      it('should call the callback with an error', async function () {
+        await expect(
+          this.CollaboratorsHandler.promises.addUserIdToProject(
+            this.project._id,
+            this.addingUserId,
+            this.userId,
+            'notValid'
+          )
+        ).to.be.rejected
+      })
+    })
+
+    describe('when user already exists as a collaborator', function () {
+      beforeEach(function () {
+        this.project.collaberator_refs = [this.userId]
+      })
+
+      it('should not add the user again', async function () {
+        await this.CollaboratorsHandler.promises.addUserIdToProject(
+          this.project._id,
+          this.addingUserId,
+          this.userId,
+          'readAndWrite'
+        )
+        // Project.updateOne() should not be called. If it is, it will fail because
+        // the mock is not set up.
+      })
+    })
+
+    describe('with null addingUserId', function () {
+      beforeEach(async function () {
+        this.project.collaberator_refs = []
+        this.ProjectMock.expects('updateOne')
+          .withArgs(
+            {
+              _id: this.project._id,
+            },
+            {
+              $addToSet: { collaberator_refs: this.userId },
+            }
+          )
+          .chain('exec')
+          .resolves()
+        await this.CollaboratorsHandler.promises.addUserIdToProject(
+          this.project._id,
+          null,
+          this.userId,
+          'readAndWrite'
+        )
+      })
+
+      it('should not add the adding user as a contact', function () {
+        expect(this.ContactManager.addContact).not.to.have.been.called
+      })
+    })
+  })
+
+  describe('removeUserFromAllProjects', function () {
+    it('should remove the user from each project', async function () {
+      this.CollaboratorsGetter.promises.dangerouslyGetAllProjectsUserIsMemberOf
+        .withArgs(this.userId, { _id: 1 })
+        .resolves({
+          readAndWrite: [
+            { _id: 'read-and-write-0' },
+            { _id: 'read-and-write-1' },
+          ],
+          readOnly: [{ _id: 'read-only-0' }, { _id: 'read-only-1' }],
+          tokenReadAndWrite: [
+            { _id: 'token-read-and-write-0' },
+            { _id: 'token-read-and-write-1' },
+          ],
+          tokenReadOnly: [
+            { _id: 'token-read-only-0' },
+            { _id: 'token-read-only-1' },
+          ],
+        })
+      const expectedProjects = [
+        'read-and-write-0',
+        'read-and-write-1',
+        'read-only-0',
+        'read-only-1',
+        'token-read-and-write-0',
+        'token-read-and-write-1',
+        'token-read-only-0',
+        'token-read-only-1',
+      ]
+      for (const projectId of expectedProjects) {
+        this.ProjectMock.expects('findOne')
+          .withArgs({
+            _id: projectId,
+          })
+          .chain('exec')
+          .resolves({ _id: projectId })
+
+        this.expectNullReferenceCleanup(projectId)
+        this.ProjectMock.expects('updateOne')
+          .withArgs(
+            {
+              _id: projectId,
+            },
+            {
+              $pull: {
+                collaberator_refs: this.userId,
+                reviewer_refs: this.userId,
+                readOnly_refs: this.userId,
+                pendingEditor_refs: this.userId,
+                pendingReviewer_refs: this.userId,
+                tokenAccessReadOnly_refs: this.userId,
+                tokenAccessReadAndWrite_refs: this.userId,
+                archived: this.userId,
+                trashed: this.userId,
+              },
+            }
+          )
+          .resolves()
+      }
+      await this.CollaboratorsHandler.promises.removeUserFromAllProjects(
+        this.userId
+      )
+    })
+  })
+
+  describe('transferProjects', function () {
+    beforeEach(function () {
+      this.fromUserId = new ObjectId()
+      this.toUserId = new ObjectId()
+      this.projects = [
+        {
+          _id: new ObjectId(),
+        },
+        {
+          _id: new ObjectId(),
+        },
+      ]
+      this.ProjectMock.expects('find')
+        .withArgs({
+          $or: [
+            { owner_ref: this.fromUserId },
+            { collaberator_refs: this.fromUserId },
+            { readOnly_refs: this.fromUserId },
+          ],
+        })
+        .chain('exec')
+        .resolves(this.projects)
+      this.ProjectMock.expects('updateMany')
+        .withArgs(
+          { owner_ref: this.fromUserId },
+          { $set: { owner_ref: this.toUserId } }
+        )
+        .chain('exec')
+        .resolves()
+      this.ProjectMock.expects('updateMany')
+        .withArgs(
+          { collaberator_refs: this.fromUserId },
+          {
+            $addToSet: { collaberator_refs: this.toUserId },
+          }
+        )
+        .chain('exec')
+        .resolves()
+      this.ProjectMock.expects('updateMany')
+        .withArgs(
+          { collaberator_refs: this.fromUserId },
+          {
+            $pull: { collaberator_refs: this.fromUserId },
+          }
+        )
+        .chain('exec')
+        .resolves()
+      this.ProjectMock.expects('updateMany')
+        .withArgs(
+          { readOnly_refs: this.fromUserId },
+          {
+            $addToSet: { readOnly_refs: this.toUserId },
+          }
+        )
+        .chain('exec')
+        .resolves()
+      this.ProjectMock.expects('updateMany')
+        .withArgs(
+          { readOnly_refs: this.fromUserId },
+          {
+            $pull: { readOnly_refs: this.fromUserId },
+          }
+        )
+        .chain('exec')
+        .resolves()
+      this.ProjectMock.expects('updateMany')
+        .withArgs(
+          { pendingEditor_refs: this.fromUserId },
+          {
+            $addToSet: { pendingEditor_refs: this.toUserId },
+          }
+        )
+        .chain('exec')
+        .resolves()
+      this.ProjectMock.expects('updateMany')
+        .withArgs(
+          { pendingEditor_refs: this.fromUserId },
+          {
+            $pull: { pendingEditor_refs: this.fromUserId },
+          }
+        )
+        .chain('exec')
+        .resolves()
+      this.ProjectMock.expects('updateMany')
+        .withArgs(
+          { pendingReviewer_refs: this.fromUserId },
+          {
+            $addToSet: { pendingReviewer_refs: this.toUserId },
+          }
+        )
+        .chain('exec')
+        .resolves()
+      this.ProjectMock.expects('updateMany')
+        .withArgs(
+          { pendingReviewer_refs: this.fromUserId },
+          {
+            $pull: { pendingReviewer_refs: this.fromUserId },
+          }
+        )
+        .chain('exec')
+        .resolves()
+    })
+
+    describe('successfully', function () {
+      it('should flush each project to the TPDS', async function () {
+        await this.CollaboratorsHandler.promises.transferProjects(
+          this.fromUserId,
+          this.toUserId
+        )
+        await sleep(10) // let the background tasks run
+        for (const project of this.projects) {
+          expect(
+            this.TpdsProjectFlusher.promises.flushProjectToTpds
+          ).to.have.been.calledWith(project._id)
+        }
+      })
+    })
+
+    describe('when flushing to TPDS fails', function () {
+      it('should log an error but not fail', async function () {
+        this.TpdsProjectFlusher.promises.flushProjectToTpds.rejects(
+          new Error('oops')
+        )
+        await this.CollaboratorsHandler.promises.transferProjects(
+          this.fromUserId,
+          this.toUserId
+        )
+        await sleep(10) // let the background tasks run
+        expect(this.logger.err).to.have.been.called
+      })
+    })
+  })
+
+  describe('setCollaboratorPrivilegeLevel', function () {
+    it('sets a collaborator to read-only', async function () {
+      this.expectNullReferenceCleanup(this.project._id)
+
+      this.ProjectMock.expects('updateOne')
+        .withArgs(
+          {
+            _id: this.project._id,
+            $or: [
+              { collaberator_refs: this.userId },
+              { readOnly_refs: this.userId },
+              { reviewer_refs: this.userId },
+            ],
+          },
+          {
+            $pull: {
+              collaberator_refs: this.userId,
+              pendingEditor_refs: this.userId,
+              pendingReviewer_refs: this.userId,
+              reviewer_refs: this.userId,
+            },
+            $addToSet: { readOnly_refs: this.userId },
+          }
+        )
+        .chain('exec')
+        .resolves({ matchedCount: 1 })
+      await this.CollaboratorsHandler.promises.setCollaboratorPrivilegeLevel(
+        this.project._id,
+        this.userId,
+        'readOnly'
+      )
+    })
+
+    it('sets a collaborator to read-write', async function () {
+      this.expectNullReferenceCleanup(this.project._id)
+
+      this.ProjectMock.expects('updateOne')
+        .withArgs(
+          {
+            _id: this.project._id,
+            $or: [
+              { collaberator_refs: this.userId },
+              { readOnly_refs: this.userId },
+              { reviewer_refs: this.userId },
+            ],
+          },
+          {
+            $addToSet: { collaberator_refs: this.userId },
+            $pull: {
+              readOnly_refs: this.userId,
+              reviewer_refs: this.userId,
+              pendingEditor_refs: this.userId,
+              pendingReviewer_refs: this.userId,
+            },
+          }
+        )
+        .chain('exec')
+        .resolves({ matchedCount: 1 })
+      await this.CollaboratorsHandler.promises.setCollaboratorPrivilegeLevel(
+        this.project._id,
+        this.userId,
+        'readAndWrite'
+      )
+    })
+
+    describe('sets a collaborator to reviewer when track changes is enabled for everyone', function () {
+      beforeEach(function () {
+        this.ProjectGetter.promises.getProject = sinon.stub().resolves({
+          _id: new ObjectId(),
+          owner_ref: this.addingUserId,
+          name: 'Foo',
+          track_changes: true,
+        })
+      })
+      it('should correctly update the project', async function () {
+        this.expectNullReferenceCleanup(this.project._id)
+
+        this.ProjectMock.expects('updateOne')
+          .withArgs(
+            {
+              _id: this.project._id,
+              $or: [
+                { collaberator_refs: this.userId },
+                { readOnly_refs: this.userId },
+                { reviewer_refs: this.userId },
+              ],
+            },
+            {
+              $addToSet: { reviewer_refs: this.userId },
+              $set: { track_changes: { [this.userId]: true } },
+              $pull: {
+                readOnly_refs: this.userId,
+                collaberator_refs: this.userId,
+                pendingEditor_refs: this.userId,
+                pendingReviewer_refs: this.userId,
+              },
+            }
+          )
+          .chain('exec')
+          .resolves({ matchedCount: 1 })
+        await this.CollaboratorsHandler.promises.setCollaboratorPrivilegeLevel(
+          this.project._id,
+          this.userId,
+          'review'
+        )
+      })
+    })
+
+    describe('sets a collaborator to reviewer when track changes is not enabled for everyone', function () {
+      beforeEach(function () {
+        this.ProjectGetter.promises.getProject = sinon.stub().resolves({
+          _id: new ObjectId(),
+          owner_ref: this.addingUserId,
+          name: 'Foo',
+          track_changes: {
+            [this.userId]: true,
+          },
+        })
+      })
+      it('should correctly update the project', async function () {
+        this.expectNullReferenceCleanup(this.project._id)
+
+        this.ProjectMock.expects('updateOne')
+          .withArgs(
+            {
+              _id: this.project._id,
+              $or: [
+                { collaberator_refs: this.userId },
+                { readOnly_refs: this.userId },
+                { reviewer_refs: this.userId },
+              ],
+            },
+            {
+              $addToSet: { reviewer_refs: this.userId },
+              $set: { [`track_changes.${this.userId}`]: true },
+              $pull: {
+                readOnly_refs: this.userId,
+                collaberator_refs: this.userId,
+                pendingEditor_refs: this.userId,
+                pendingReviewer_refs: this.userId,
+              },
+            }
+          )
+          .chain('exec')
+          .resolves({ matchedCount: 1 })
+        await this.CollaboratorsHandler.promises.setCollaboratorPrivilegeLevel(
+          this.project._id,
+          this.userId,
+          'review'
+        )
+      })
+    })
+
+    it('sets a collaborator to read-only as a pendingEditor', async function () {
+      this.expectNullReferenceCleanup(this.project._id)
+
+      this.ProjectMock.expects('updateOne')
+        .withArgs(
+          {
+            _id: this.project._id,
+            $or: [
+              { collaberator_refs: this.userId },
+              { readOnly_refs: this.userId },
+              { reviewer_refs: this.userId },
+            ],
+          },
+          {
+            $addToSet: {
+              readOnly_refs: this.userId,
+              pendingEditor_refs: this.userId,
+            },
+            $pull: {
+              collaberator_refs: this.userId,
+              reviewer_refs: this.userId,
+              pendingReviewer_refs: this.userId,
+            },
+          }
+        )
+        .chain('exec')
+        .resolves({ matchedCount: 1 })
+      await this.CollaboratorsHandler.promises.setCollaboratorPrivilegeLevel(
+        this.project._id,
+        this.userId,
+        'readOnly',
+        { pendingEditor: true }
+      )
+    })
+
+    it('sets a collaborator to read-only as a pendingReviewer', async function () {
+      this.expectNullReferenceCleanup(this.project._id)
+
+      this.ProjectMock.expects('updateOne')
+        .withArgs(
+          {
+            _id: this.project._id,
+            $or: [
+              { collaberator_refs: this.userId },
+              { readOnly_refs: this.userId },
+              { reviewer_refs: this.userId },
+            ],
+          },
+          {
+            $addToSet: {
+              readOnly_refs: this.userId,
+              pendingReviewer_refs: this.userId,
+            },
+            $pull: {
+              collaberator_refs: this.userId,
+              reviewer_refs: this.userId,
+              pendingEditor_refs: this.userId,
+            },
+          }
+        )
+        .chain('exec')
+        .resolves({ matchedCount: 1 })
+      await this.CollaboratorsHandler.promises.setCollaboratorPrivilegeLevel(
+        this.project._id,
+        this.userId,
+        'readOnly',
+        { pendingReviewer: true }
+      )
+    })
+
+    it('throws a NotFoundError if the project or collaborator does not exist', async function () {
+      this.expectNullReferenceCleanup(this.project._id)
+
+      this.ProjectMock.expects('updateOne')
+        .chain('exec')
+        .resolves({ matchedCount: 0 })
+      await expect(
+        this.CollaboratorsHandler.promises.setCollaboratorPrivilegeLevel(
+          this.project._id,
+          this.userId,
+          'readAndWrite'
+        )
+      ).to.be.rejectedWith(Errors.NotFoundError)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Collaborators/CollaboratorsInviteControllerTests.mjs b/services/web/test/unit/src/Collaborators/CollaboratorsInviteControllerTests.mjs
new file mode 100644
index 0000000..53f49d0
--- /dev/null
+++ b/services/web/test/unit/src/Collaborators/CollaboratorsInviteControllerTests.mjs
@@ -0,0 +1,1577 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import esmock from 'esmock'
+import MockRequest from '../helpers/MockRequest.js'
+import MockResponse from '../helpers/MockResponse.js'
+import mongodb from 'mongodb-legacy'
+import Errors from '../../../../app/src/Features/Errors/Errors.js'
+import _ from 'lodash'
+
+const ObjectId = mongodb.ObjectId
+
+const MODULE_PATH =
+  '../../../../app/src/Features/Collaborators/CollaboratorsInviteController.mjs'
+
+describe('CollaboratorsInviteController', function () {
+  beforeEach(async function () {
+    this.projectId = 'project-id-123'
+    this.token = 'some-opaque-token'
+    this.tokenHmac = 'some-hmac-token'
+    this.targetEmail = 'user@example.com'
+    this.privileges = 'readAndWrite'
+    this.projectOwner = {
+      _id: 'project-owner-id',
+      email: 'project-owner@example.com',
+    }
+    this.currentUser = {
+      _id: 'current-user-id',
+      email: 'current-user@example.com',
+    }
+    this.invite = {
+      _id: new ObjectId(),
+      token: this.token,
+      tokenHmac: this.tokenHmac,
+      sendingUserId: this.currentUser._id,
+      projectId: this.projectId,
+      email: this.targetEmail,
+      privileges: this.privileges,
+      createdAt: new Date(),
+    }
+    this.inviteReducedData = _.pick(this.invite, ['_id', 'email', 'privileges'])
+    this.project = {
+      _id: this.projectId,
+      owner_ref: this.projectOwner._id,
+    }
+
+    this.SessionManager = {
+      getSessionUser: sinon.stub().returns(this.currentUser),
+    }
+
+    this.AnalyticsManger = { recordEventForUserInBackground: sinon.stub() }
+
+    this.rateLimiter = {
+      consume: sinon.stub().resolves(),
+    }
+    this.RateLimiter = {
+      RateLimiter: sinon.stub().returns(this.rateLimiter),
+    }
+
+    this.LimitationsManager = {
+      promises: {
+        allowedNumberOfCollaboratorsForUser: sinon.stub(),
+        canAddXEditCollaborators: sinon.stub().resolves(true),
+      },
+    }
+
+    this.UserGetter = {
+      promises: {
+        getUserByAnyEmail: sinon.stub(),
+        getUser: sinon.stub(),
+      },
+    }
+
+    this.ProjectGetter = {
+      promises: {
+        getProject: sinon.stub(),
+      },
+    }
+
+    this.CollaboratorsGetter = {
+      promises: {
+        isUserInvitedMemberOfProject: sinon.stub(),
+      },
+    }
+
+    this.CollaboratorsInviteHandler = {
+      promises: {
+        inviteToProject: sinon.stub().resolves(this.inviteReducedData),
+        generateNewInvite: sinon.stub().resolves(this.invite),
+        revokeInvite: sinon.stub().resolves(this.invite),
+        acceptInvite: sinon.stub(),
+      },
+    }
+
+    this.CollaboratorsInviteGetter = {
+      promises: {
+        getAllInvites: sinon.stub(),
+        getInviteByToken: sinon.stub().resolves(this.invite),
+      },
+    }
+
+    this.EditorRealTimeController = {
+      emitToRoom: sinon.stub(),
+    }
+
+    this.settings = {}
+
+    this.ProjectAuditLogHandler = {
+      promises: {
+        addEntry: sinon.stub().resolves(),
+      },
+      addEntryInBackground: sinon.stub(),
+    }
+
+    this.AuthenticationController = {
+      setRedirectInSession: sinon.stub(),
+    }
+
+    this.SplitTestHandler = {
+      promises: {
+        getAssignmentForUser: sinon.stub().resolves({ variant: 'default' }),
+      },
+    }
+
+    this.CollaboratorsInviteController = await esmock.strict(MODULE_PATH, {
+      '../../../../app/src/Features/Project/ProjectGetter.js':
+        this.ProjectGetter,
+      '../../../../app/src/Features/Project/ProjectAuditLogHandler.js':
+        this.ProjectAuditLogHandler,
+      '../../../../app/src/Features/Subscription/LimitationsManager.js':
+        this.LimitationsManager,
+      '../../../../app/src/Features/User/UserGetter.js': this.UserGetter,
+      '../../../../app/src/Features/Collaborators/CollaboratorsGetter.js':
+        this.CollaboratorsGetter,
+      '../../../../app/src/Features/Collaborators/CollaboratorsInviteHandler.mjs':
+        this.CollaboratorsInviteHandler,
+      '../../../../app/src/Features/Collaborators/CollaboratorsInviteGetter.js':
+        this.CollaboratorsInviteGetter,
+      '../../../../app/src/Features/Editor/EditorRealTimeController.js':
+        this.EditorRealTimeController,
+      '../../../../app/src/Features/Analytics/AnalyticsManager.js':
+        this.AnalyticsManger,
+      '../../../../app/src/Features/Authentication/SessionManager.js':
+        this.SessionManager,
+      '@overleaf/settings': this.settings,
+      '../../../../app/src/infrastructure/RateLimiter': this.RateLimiter,
+      '../../../../app/src/Features/Authentication/AuthenticationController':
+        this.AuthenticationController,
+      '../../../../app/src/Features/SplitTests/SplitTestHandler':
+        this.SplitTestHandler,
+    })
+
+    this.res = new MockResponse()
+    this.req = new MockRequest()
+    this.next = sinon.stub()
+  })
+
+  describe('getAllInvites', function () {
+    beforeEach(function () {
+      this.fakeInvites = [
+        { _id: new ObjectId(), one: 1 },
+        { _id: new ObjectId(), two: 2 },
+      ]
+      this.req.params = { Project_id: this.projectId }
+    })
+
+    describe('when all goes well', function () {
+      beforeEach(function (done) {
+        this.CollaboratorsInviteGetter.promises.getAllInvites.resolves(
+          this.fakeInvites
+        )
+        this.res.callback = () => done()
+        this.CollaboratorsInviteController.getAllInvites(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should not produce an error', function () {
+        this.next.callCount.should.equal(0)
+      })
+
+      it('should produce a list of invite objects', function () {
+        this.res.json.callCount.should.equal(1)
+        this.res.json
+          .calledWith({ invites: this.fakeInvites })
+          .should.equal(true)
+      })
+
+      it('should have called CollaboratorsInviteHandler.getAllInvites', function () {
+        this.CollaboratorsInviteGetter.promises.getAllInvites.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsInviteGetter.promises.getAllInvites
+          .calledWith(this.projectId)
+          .should.equal(true)
+      })
+    })
+
+    describe('when CollaboratorsInviteHandler.getAllInvites produces an error', function () {
+      beforeEach(function (done) {
+        this.CollaboratorsInviteGetter.promises.getAllInvites.rejects(
+          new Error('woops')
+        )
+        this.next.callsFake(() => done())
+        this.CollaboratorsInviteController.getAllInvites(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should produce an error', function () {
+        this.next.callCount.should.equal(1)
+        this.next.firstCall.args[0].should.be.instanceof(Error)
+      })
+    })
+  })
+
+  describe('inviteToProject', function () {
+    beforeEach(function () {
+      this.req.params = { Project_id: this.projectId }
+      this.req.body = {
+        email: this.targetEmail,
+        privileges: this.privileges,
+      }
+      this.ProjectGetter.promises.getProject.resolves({
+        owner_ref: this.project.owner_ref,
+      })
+    })
+
+    describe('when all goes well', function (done) {
+      beforeEach(async function () {
+        this.CollaboratorsInviteController._checkShouldInviteEmail = sinon
+          .stub()
+          .resolves(true)
+        this.CollaboratorsInviteController._checkRateLimit = sinon
+          .stub()
+          .resolves(true)
+
+        await this.CollaboratorsInviteController.inviteToProject(
+          this.req,
+          this.res
+        )
+      })
+
+      it('should produce json response', function () {
+        this.res.json.callCount.should.equal(1)
+        expect(this.res.json.firstCall.args[0]).to.deep.equal({
+          invite: this.inviteReducedData,
+        })
+      })
+
+      it('should have called canAddXEditCollaborators', function () {
+        this.LimitationsManager.promises.canAddXEditCollaborators.callCount.should.equal(
+          1
+        )
+        this.LimitationsManager.promises.canAddXEditCollaborators
+          .calledWith(this.projectId)
+          .should.equal(true)
+      })
+
+      it('should have called _checkShouldInviteEmail', function () {
+        this.CollaboratorsInviteController._checkShouldInviteEmail.callCount.should.equal(
+          1
+        )
+
+        this.CollaboratorsInviteController._checkShouldInviteEmail
+          .calledWith(this.targetEmail)
+          .should.equal(true)
+      })
+
+      it('should have called inviteToProject', function () {
+        this.CollaboratorsInviteHandler.promises.inviteToProject.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsInviteHandler.promises.inviteToProject
+          .calledWith(
+            this.projectId,
+            this.currentUser,
+            this.targetEmail,
+            this.privileges
+          )
+          .should.equal(true)
+      })
+
+      it('should have called emitToRoom', function () {
+        this.EditorRealTimeController.emitToRoom.callCount.should.equal(1)
+        this.EditorRealTimeController.emitToRoom
+          .calledWith(this.projectId, 'project:membership:changed')
+          .should.equal(true)
+      })
+
+      it('adds a project audit log entry', function () {
+        this.ProjectAuditLogHandler.addEntryInBackground.should.have.been.calledWith(
+          this.projectId,
+          'send-invite',
+          this.currentUser._id,
+          this.req.ip,
+          {
+            inviteId: this.invite._id,
+            privileges: this.privileges,
+          }
+        )
+      })
+    })
+
+    describe('when the user is not allowed to add more edit collaborators', function () {
+      beforeEach(function () {
+        this.LimitationsManager.promises.canAddXEditCollaborators.resolves(
+          false
+        )
+      })
+
+      describe('readAndWrite collaborator', function () {
+        beforeEach(function (done) {
+          this.privileges = 'readAndWrite'
+          this.CollaboratorsInviteController._checkShouldInviteEmail = sinon
+            .stub()
+            .resolves(true)
+          this.CollaboratorsInviteController._checkRateLimit = sinon
+            .stub()
+            .resolves(true)
+          this.res.callback = () => done()
+          this.CollaboratorsInviteController.inviteToProject(
+            this.req,
+            this.res,
+            this.next
+          )
+        })
+
+        it('should produce json response without an invite', function () {
+          this.res.json.callCount.should.equal(1)
+          expect(this.res.json.firstCall.args[0]).to.deep.equal({
+            invite: null,
+          })
+        })
+
+        it('should not have called _checkShouldInviteEmail', function () {
+          this.CollaboratorsInviteController._checkShouldInviteEmail.callCount.should.equal(
+            0
+          )
+          this.CollaboratorsInviteController._checkShouldInviteEmail
+            .calledWith(this.currentUser, this.targetEmail)
+            .should.equal(false)
+        })
+
+        it('should not have called inviteToProject', function () {
+          this.CollaboratorsInviteHandler.promises.inviteToProject.callCount.should.equal(
+            0
+          )
+        })
+      })
+
+      describe('readOnly collaborator (always allowed)', function () {
+        beforeEach(function (done) {
+          this.req.body = {
+            email: this.targetEmail,
+            privileges: (this.privileges = 'readOnly'),
+          }
+          this.CollaboratorsInviteController._checkShouldInviteEmail = sinon
+            .stub()
+            .resolves(true)
+          this.CollaboratorsInviteController._checkRateLimit = sinon
+            .stub()
+            .resolves(true)
+          this.res.callback = () => done()
+          this.CollaboratorsInviteController.inviteToProject(
+            this.req,
+            this.res,
+            this.next
+          )
+        })
+
+        it('should produce json response', function () {
+          this.res.json.callCount.should.equal(1)
+          expect(this.res.json.firstCall.args[0]).to.deep.equal({
+            invite: this.inviteReducedData,
+          })
+        })
+
+        it('should not have called canAddXEditCollaborators', function () {
+          this.LimitationsManager.promises.canAddXEditCollaborators.callCount.should.equal(
+            0
+          )
+        })
+
+        it('should have called _checkShouldInviteEmail', function () {
+          this.CollaboratorsInviteController._checkShouldInviteEmail.callCount.should.equal(
+            1
+          )
+          this.CollaboratorsInviteController._checkShouldInviteEmail
+            .calledWith(this.targetEmail)
+            .should.equal(true)
+        })
+
+        it('should have called inviteToProject', function () {
+          this.CollaboratorsInviteHandler.promises.inviteToProject.callCount.should.equal(
+            1
+          )
+          this.CollaboratorsInviteHandler.promises.inviteToProject
+            .calledWith(
+              this.projectId,
+              this.currentUser,
+              this.targetEmail,
+              this.privileges
+            )
+            .should.equal(true)
+        })
+
+        it('should have called emitToRoom', function () {
+          this.EditorRealTimeController.emitToRoom.callCount.should.equal(1)
+          this.EditorRealTimeController.emitToRoom
+            .calledWith(this.projectId, 'project:membership:changed')
+            .should.equal(true)
+        })
+
+        it('adds a project audit log entry', function () {
+          this.ProjectAuditLogHandler.addEntryInBackground.should.have.been.calledWith(
+            this.projectId,
+            'send-invite',
+            this.currentUser._id,
+            this.req.ip,
+            {
+              inviteId: this.invite._id,
+              privileges: this.privileges,
+            }
+          )
+        })
+      })
+    })
+
+    describe('when inviteToProject produces an error', function () {
+      beforeEach(function (done) {
+        this.CollaboratorsInviteController._checkShouldInviteEmail = sinon
+          .stub()
+          .resolves(true)
+        this.CollaboratorsInviteController._checkRateLimit = sinon
+          .stub()
+          .resolves(true)
+        this.CollaboratorsInviteHandler.promises.inviteToProject.rejects(
+          new Error('woops')
+        )
+        this.next.callsFake(() => done())
+        this.CollaboratorsInviteController.inviteToProject(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should call next with an error', function () {
+        this.next.callCount.should.equal(1)
+        expect(this.next).to.have.been.calledWith(sinon.match.instanceOf(Error))
+      })
+
+      it('should have called canAddXEditCollaborators', function () {
+        this.LimitationsManager.promises.canAddXEditCollaborators.callCount.should.equal(
+          1
+        )
+        this.LimitationsManager.promises.canAddXEditCollaborators
+          .calledWith(this.projectId)
+          .should.equal(true)
+      })
+
+      it('should have called _checkShouldInviteEmail', function () {
+        this.CollaboratorsInviteController._checkShouldInviteEmail.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsInviteController._checkShouldInviteEmail
+          .calledWith(this.targetEmail)
+          .should.equal(true)
+      })
+
+      it('should have called inviteToProject', function () {
+        this.CollaboratorsInviteHandler.promises.inviteToProject.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsInviteHandler.promises.inviteToProject
+          .calledWith(
+            this.projectId,
+            this.currentUser,
+            this.targetEmail,
+            this.privileges
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('when _checkShouldInviteEmail disallows the invite', function () {
+      beforeEach(function (done) {
+        this.CollaboratorsInviteController._checkShouldInviteEmail = sinon
+          .stub()
+          .resolves(false)
+        this.CollaboratorsInviteController._checkRateLimit = sinon
+          .stub()
+          .resolves(true)
+        this.res.callback = () => done()
+        this.CollaboratorsInviteController.inviteToProject(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should produce json response with no invite, and an error property', function () {
+        this.res.json.callCount.should.equal(1)
+        expect(this.res.json.firstCall.args[0]).to.deep.equal({
+          invite: null,
+          error: 'cannot_invite_non_user',
+        })
+      })
+
+      it('should have called _checkShouldInviteEmail', function () {
+        this.CollaboratorsInviteController._checkShouldInviteEmail.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsInviteController._checkShouldInviteEmail
+          .calledWith(this.targetEmail)
+          .should.equal(true)
+      })
+
+      it('should not have called inviteToProject', function () {
+        this.CollaboratorsInviteHandler.promises.inviteToProject.callCount.should.equal(
+          0
+        )
+      })
+    })
+
+    describe('when _checkShouldInviteEmail produces an error', function () {
+      beforeEach(function (done) {
+        this.CollaboratorsInviteController._checkShouldInviteEmail = sinon
+          .stub()
+          .rejects(new Error('woops'))
+        this.CollaboratorsInviteController._checkRateLimit = sinon
+          .stub()
+          .resolves(true)
+        this.next.callsFake(() => done())
+        this.CollaboratorsInviteController.inviteToProject(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should call next with an error', function () {
+        this.next.callCount.should.equal(1)
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+
+      it('should have called _checkShouldInviteEmail', function () {
+        this.CollaboratorsInviteController._checkShouldInviteEmail.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsInviteController._checkShouldInviteEmail
+          .calledWith(this.targetEmail)
+          .should.equal(true)
+      })
+
+      it('should not have called inviteToProject', function () {
+        this.CollaboratorsInviteHandler.promises.inviteToProject.callCount.should.equal(
+          0
+        )
+      })
+    })
+
+    describe('when the user invites themselves to the project', function () {
+      beforeEach(function () {
+        this.req.body.email = this.currentUser.email
+        this.CollaboratorsInviteController._checkShouldInviteEmail = sinon
+          .stub()
+          .resolves(true)
+        this.CollaboratorsInviteController._checkRateLimit = sinon
+          .stub()
+          .resolves(true)
+        this.CollaboratorsInviteController.inviteToProject(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should reject action, return json response with error code', function () {
+        this.res.json.callCount.should.equal(1)
+        expect(this.res.json.firstCall.args[0]).to.deep.equal({
+          invite: null,
+          error: 'cannot_invite_self',
+        })
+      })
+
+      it('should not have called canAddXEditCollaborators', function () {
+        this.LimitationsManager.promises.canAddXEditCollaborators.callCount.should.equal(
+          0
+        )
+      })
+
+      it('should not have called _checkShouldInviteEmail', function () {
+        this.CollaboratorsInviteController._checkShouldInviteEmail.callCount.should.equal(
+          0
+        )
+      })
+
+      it('should not have called inviteToProject', function () {
+        this.CollaboratorsInviteHandler.promises.inviteToProject.callCount.should.equal(
+          0
+        )
+      })
+
+      it('should not have called emitToRoom', function () {
+        this.EditorRealTimeController.emitToRoom.callCount.should.equal(0)
+      })
+    })
+
+    describe('when _checkRateLimit returns false', function () {
+      beforeEach(async function () {
+        this.CollaboratorsInviteController._checkShouldInviteEmail = sinon
+          .stub()
+          .resolves(true)
+        this.CollaboratorsInviteController._checkRateLimit = sinon
+          .stub()
+          .resolves(false)
+        await this.CollaboratorsInviteController.inviteToProject(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should send a 429 response', function () {
+        this.res.sendStatus.calledWith(429).should.equal(true)
+      })
+
+      it('should not call inviteToProject', function () {
+        this.CollaboratorsInviteHandler.promises.inviteToProject.called.should.equal(
+          false
+        )
+      })
+
+      it('should not call emitToRoom', function () {
+        this.EditorRealTimeController.emitToRoom.called.should.equal(false)
+      })
+    })
+  })
+
+  describe('viewInvite', function () {
+    beforeEach(function () {
+      this.req.params = {
+        Project_id: this.projectId,
+        token: this.token,
+      }
+      this.fakeProject = {
+        _id: this.projectId,
+        name: 'some project',
+        owner_ref: this.invite.sendingUserId,
+        collaberator_refs: [],
+        readOnly_refs: [],
+      }
+      this.owner = {
+        _id: this.fakeProject.owner_ref,
+        first_name: 'John',
+        last_name: 'Doe',
+        email: 'john@example.com',
+      }
+
+      this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject.resolves(
+        false
+      )
+      this.CollaboratorsInviteGetter.promises.getInviteByToken.resolves(
+        this.invite
+      )
+      this.ProjectGetter.promises.getProject.resolves(this.fakeProject)
+      this.UserGetter.promises.getUser.resolves(this.owner)
+    })
+
+    describe('when the token is valid', function () {
+      beforeEach(function (done) {
+        this.res.callback = () => done()
+        this.CollaboratorsInviteController.viewInvite(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should render the view template', function () {
+        this.res.render.callCount.should.equal(1)
+        this.res.render.calledWith('project/invite/show').should.equal(true)
+      })
+
+      it('should not call next', function () {
+        this.next.callCount.should.equal(0)
+      })
+
+      it('should call CollaboratorsGetter.isUserInvitedMemberOfProject', function () {
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject
+          .calledWith(this.currentUser._id, this.projectId)
+          .should.equal(true)
+      })
+
+      it('should call getInviteByToken', function () {
+        this.CollaboratorsInviteGetter.promises.getInviteByToken.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsInviteGetter.promises.getInviteByToken
+          .calledWith(this.fakeProject._id, this.invite.token)
+          .should.equal(true)
+      })
+
+      it('should call User.getUser', function () {
+        this.UserGetter.promises.getUser.callCount.should.equal(1)
+        this.UserGetter.promises.getUser
+          .calledWith({ _id: this.fakeProject.owner_ref })
+          .should.equal(true)
+      })
+
+      it('should call ProjectGetter.getProject', function () {
+        this.ProjectGetter.promises.getProject.callCount.should.equal(1)
+        this.ProjectGetter.promises.getProject
+          .calledWith(this.projectId)
+          .should.equal(true)
+      })
+    })
+
+    describe('when not logged in', function () {
+      beforeEach(function (done) {
+        this.SessionManager.getSessionUser.returns(null)
+
+        this.res.callback = () => done()
+        this.CollaboratorsInviteController.viewInvite(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+      it('should not check member status', function () {
+        expect(this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject)
+          .to.not.have.been.called
+      })
+
+      it('should set redirect back to invite', function () {
+        expect(
+          this.AuthenticationController.setRedirectInSession
+        ).to.have.been.calledWith(this.req)
+      })
+
+      it('should redirect to the register page', function () {
+        expect(this.res.render).to.not.have.been.called
+        expect(this.res.redirect).to.have.been.calledOnce
+        expect(this.res.redirect).to.have.been.calledWith('/register')
+      })
+    })
+
+    describe('when user is already a member of the project', function () {
+      beforeEach(function (done) {
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject.resolves(
+          true
+        )
+        this.res.callback = () => done()
+        this.CollaboratorsInviteController.viewInvite(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should redirect to the project page', function () {
+        this.res.redirect.callCount.should.equal(1)
+        this.res.redirect
+          .calledWith(`/project/${this.projectId}`)
+          .should.equal(true)
+      })
+
+      it('should not call next with an error', function () {
+        this.next.callCount.should.equal(0)
+      })
+
+      it('should call CollaboratorsGetter.isUserInvitedMemberOfProject', function () {
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject
+          .calledWith(this.currentUser._id, this.projectId)
+          .should.equal(true)
+      })
+
+      it('should not call getInviteByToken', function () {
+        this.CollaboratorsInviteGetter.promises.getInviteByToken.callCount.should.equal(
+          0
+        )
+      })
+
+      it('should not call User.getUser', function () {
+        this.UserGetter.promises.getUser.callCount.should.equal(0)
+      })
+
+      it('should not call ProjectGetter.getProject', function () {
+        this.ProjectGetter.promises.getProject.callCount.should.equal(0)
+      })
+    })
+
+    describe('when isUserInvitedMemberOfProject produces an error', function () {
+      beforeEach(function (done) {
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject.rejects(
+          new Error('woops')
+        )
+        this.next.callsFake(() => done())
+        this.CollaboratorsInviteController.viewInvite(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should call next with an error', function () {
+        this.next.callCount.should.equal(1)
+        expect(this.next.firstCall.args[0]).to.be.instanceof(Error)
+      })
+
+      it('should call CollaboratorsGetter.isUserInvitedMemberOfProject', function () {
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject
+          .calledWith(this.currentUser._id, this.projectId)
+          .should.equal(true)
+      })
+
+      it('should not call getInviteByToken', function () {
+        this.CollaboratorsInviteGetter.promises.getInviteByToken.callCount.should.equal(
+          0
+        )
+      })
+
+      it('should not call User.getUser', function () {
+        this.UserGetter.promises.getUser.callCount.should.equal(0)
+      })
+
+      it('should not call ProjectGetter.getProject', function () {
+        this.ProjectGetter.promises.getProject.callCount.should.equal(0)
+      })
+    })
+
+    describe('when the getInviteByToken produces an error', function () {
+      beforeEach(function (done) {
+        this.CollaboratorsInviteGetter.promises.getInviteByToken.rejects(
+          new Error('woops')
+        )
+        this.next.callsFake(() => done())
+        this.CollaboratorsInviteController.viewInvite(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should call next with the error', function () {
+        this.next.callCount.should.equal(1)
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+
+      it('should call CollaboratorsGetter.isUserInvitedMemberOfProject', function () {
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject
+          .calledWith(this.currentUser._id, this.projectId)
+          .should.equal(true)
+      })
+
+      it('should call getInviteByToken', function () {
+        this.CollaboratorsInviteGetter.promises.getInviteByToken.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject
+          .calledWith(this.currentUser._id, this.projectId)
+          .should.equal(true)
+      })
+
+      it('should not call User.getUser', function () {
+        this.UserGetter.promises.getUser.callCount.should.equal(0)
+      })
+
+      it('should not call ProjectGetter.getProject', function () {
+        this.ProjectGetter.promises.getProject.callCount.should.equal(0)
+      })
+    })
+
+    describe('when the getInviteByToken does not produce an invite', function () {
+      beforeEach(function (done) {
+        this.CollaboratorsInviteGetter.promises.getInviteByToken.resolves(null)
+        this.res.callback = () => done()
+        this.CollaboratorsInviteController.viewInvite(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should render the not-valid view template', function () {
+        this.res.render.callCount.should.equal(1)
+        this.res.render
+          .calledWith('project/invite/not-valid')
+          .should.equal(true)
+      })
+
+      it('should not call next', function () {
+        this.next.callCount.should.equal(0)
+      })
+
+      it('should call CollaboratorsGetter.isUserInvitedMemberOfProject', function () {
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject
+          .calledWith(this.currentUser._id, this.projectId)
+          .should.equal(true)
+      })
+
+      it('should call getInviteByToken', function () {
+        this.CollaboratorsInviteGetter.promises.getInviteByToken.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject
+          .calledWith(this.currentUser._id, this.projectId)
+          .should.equal(true)
+      })
+
+      it('should not call User.getUser', function () {
+        this.UserGetter.promises.getUser.callCount.should.equal(0)
+      })
+
+      it('should not call ProjectGetter.getProject', function () {
+        this.ProjectGetter.promises.getProject.callCount.should.equal(0)
+      })
+    })
+
+    describe('when User.getUser produces an error', function () {
+      beforeEach(function (done) {
+        this.UserGetter.promises.getUser.rejects(new Error('woops'))
+        this.next.callsFake(() => done())
+        this.CollaboratorsInviteController.viewInvite(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should produce an error', function () {
+        this.next.callCount.should.equal(1)
+        expect(this.next.firstCall.args[0]).to.be.instanceof(Error)
+      })
+
+      it('should call CollaboratorsGetter.isUserInvitedMemberOfProject', function () {
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject
+          .calledWith(this.currentUser._id, this.projectId)
+          .should.equal(true)
+      })
+
+      it('should call getInviteByToken', function () {
+        this.CollaboratorsInviteGetter.promises.getInviteByToken.callCount.should.equal(
+          1
+        )
+      })
+
+      it('should call User.getUser', function () {
+        this.UserGetter.promises.getUser.callCount.should.equal(1)
+        this.UserGetter.promises.getUser
+          .calledWith({ _id: this.fakeProject.owner_ref })
+          .should.equal(true)
+      })
+
+      it('should not call ProjectGetter.getProject', function () {
+        this.ProjectGetter.promises.getProject.callCount.should.equal(0)
+      })
+    })
+
+    describe('when User.getUser does not find a user', function () {
+      beforeEach(function (done) {
+        this.UserGetter.promises.getUser.resolves(null)
+        this.res.callback = () => done()
+        this.CollaboratorsInviteController.viewInvite(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should render the not-valid view template', function () {
+        this.res.render.callCount.should.equal(1)
+        this.res.render
+          .calledWith('project/invite/not-valid')
+          .should.equal(true)
+      })
+
+      it('should not call next', function () {
+        this.next.callCount.should.equal(0)
+      })
+
+      it('should call CollaboratorsGetter.isUserInvitedMemberOfProject', function () {
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject
+          .calledWith(this.currentUser._id, this.projectId)
+          .should.equal(true)
+      })
+
+      it('should call getInviteByToken', function () {
+        this.CollaboratorsInviteGetter.promises.getInviteByToken.callCount.should.equal(
+          1
+        )
+      })
+
+      it('should call User.getUser', function () {
+        this.UserGetter.promises.getUser.callCount.should.equal(1)
+        this.UserGetter.promises.getUser
+          .calledWith({ _id: this.fakeProject.owner_ref })
+          .should.equal(true)
+      })
+
+      it('should not call ProjectGetter.getProject', function () {
+        this.ProjectGetter.promises.getProject.callCount.should.equal(0)
+      })
+    })
+
+    describe('when getProject produces an error', function () {
+      beforeEach(function (done) {
+        this.ProjectGetter.promises.getProject.rejects(new Error('woops'))
+        this.next.callsFake(() => done())
+        this.CollaboratorsInviteController.viewInvite(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should produce an error', function () {
+        this.next.callCount.should.equal(1)
+        expect(this.next.firstCall.args[0]).to.be.instanceof(Error)
+      })
+
+      it('should call CollaboratorsGetter.isUserInvitedMemberOfProject', function () {
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject
+          .calledWith(this.currentUser._id, this.projectId)
+          .should.equal(true)
+      })
+
+      it('should call getInviteByToken', function () {
+        this.CollaboratorsInviteGetter.promises.getInviteByToken.callCount.should.equal(
+          1
+        )
+      })
+
+      it('should call User.getUser', function () {
+        this.UserGetter.promises.getUser.callCount.should.equal(1)
+        this.UserGetter.promises.getUser
+          .calledWith({ _id: this.fakeProject.owner_ref })
+          .should.equal(true)
+      })
+
+      it('should call ProjectGetter.getProject', function () {
+        this.ProjectGetter.promises.getProject.callCount.should.equal(1)
+      })
+    })
+
+    describe('when Project.getUser does not find a user', function () {
+      beforeEach(function (done) {
+        this.ProjectGetter.promises.getProject.resolves(null)
+        this.res.callback = () => done()
+        this.CollaboratorsInviteController.viewInvite(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should render the not-valid view template', function () {
+        this.res.render.callCount.should.equal(1)
+        this.res.render
+          .calledWith('project/invite/not-valid')
+          .should.equal(true)
+      })
+
+      it('should not call next', function () {
+        this.next.callCount.should.equal(0)
+      })
+
+      it('should call CollaboratorsGetter.isUserInvitedMemberOfProject', function () {
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject
+          .calledWith(this.currentUser._id, this.projectId)
+          .should.equal(true)
+      })
+
+      it('should call getInviteByToken', function () {
+        this.CollaboratorsInviteGetter.promises.getInviteByToken.callCount.should.equal(
+          1
+        )
+      })
+
+      it('should call getUser', function () {
+        this.UserGetter.promises.getUser.callCount.should.equal(1)
+        this.UserGetter.promises.getUser
+          .calledWith({ _id: this.fakeProject.owner_ref })
+          .should.equal(true)
+      })
+
+      it('should call ProjectGetter.getProject', function () {
+        this.ProjectGetter.promises.getProject.callCount.should.equal(1)
+      })
+    })
+  })
+
+  describe('generateNewInvite', function () {
+    beforeEach(function () {
+      this.req.params = {
+        Project_id: this.projectId,
+        invite_id: this.invite._id.toString(),
+      }
+      this.CollaboratorsInviteController._checkRateLimit = sinon
+        .stub()
+        .resolves(true)
+    })
+
+    describe('when generateNewInvite does not produce an error', function () {
+      describe('and returns an invite object', function () {
+        beforeEach(function (done) {
+          this.res.callback = () => done()
+          this.CollaboratorsInviteController.generateNewInvite(
+            this.req,
+            this.res,
+            this.next
+          )
+        })
+
+        it('should produce a 201 response', function () {
+          this.res.sendStatus.callCount.should.equal(1)
+          this.res.sendStatus.calledWith(201).should.equal(true)
+        })
+
+        it('should have called generateNewInvite', function () {
+          this.CollaboratorsInviteHandler.promises.generateNewInvite.callCount.should.equal(
+            1
+          )
+        })
+
+        it('should have called emitToRoom', function () {
+          this.EditorRealTimeController.emitToRoom.callCount.should.equal(1)
+          this.EditorRealTimeController.emitToRoom
+            .calledWith(this.projectId, 'project:membership:changed')
+            .should.equal(true)
+        })
+
+        it('should check the rate limit', function () {
+          this.CollaboratorsInviteController._checkRateLimit.callCount.should.equal(
+            1
+          )
+        })
+
+        it('should add a project audit log entry', function () {
+          this.ProjectAuditLogHandler.addEntryInBackground.should.have.been.calledWith(
+            this.projectId,
+            'resend-invite',
+            this.currentUser._id,
+            this.req.ip,
+            {
+              inviteId: this.invite._id,
+              privileges: this.privileges,
+            }
+          )
+        })
+      })
+
+      describe('and returns a null invite', function () {
+        beforeEach(function (done) {
+          this.CollaboratorsInviteHandler.promises.generateNewInvite.resolves(
+            null
+          )
+          this.res.callback = () => done()
+          this.CollaboratorsInviteController.generateNewInvite(
+            this.req,
+            this.res,
+            this.next
+          )
+        })
+
+        it('should have called emitToRoom', function () {
+          this.EditorRealTimeController.emitToRoom.callCount.should.equal(1)
+          this.EditorRealTimeController.emitToRoom
+            .calledWith(this.projectId, 'project:membership:changed')
+            .should.equal(true)
+        })
+
+        it('should produce a 404 response when invite is null', function () {
+          this.res.sendStatus.callCount.should.equal(1)
+          this.res.sendStatus.should.have.been.calledWith(404)
+        })
+      })
+    })
+
+    describe('when generateNewInvite produces an error', function () {
+      beforeEach(function (done) {
+        this.CollaboratorsInviteHandler.promises.generateNewInvite.rejects(
+          new Error('woops')
+        )
+        this.next.callsFake(() => done())
+        this.CollaboratorsInviteController.generateNewInvite(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should not produce a 201 response', function () {
+        this.res.sendStatus.callCount.should.equal(0)
+      })
+
+      it('should call next with the error', function () {
+        this.next.callCount.should.equal(1)
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+
+      it('should have called generateNewInvite', function () {
+        this.CollaboratorsInviteHandler.promises.generateNewInvite.callCount.should.equal(
+          1
+        )
+      })
+    })
+  })
+
+  describe('revokeInvite', function () {
+    beforeEach(function () {
+      this.req.params = {
+        Project_id: this.projectId,
+        invite_id: this.invite._id.toString(),
+      }
+    })
+
+    describe('when revokeInvite does not produce an error', function () {
+      beforeEach(function (done) {
+        this.res.callback = () => done()
+        this.CollaboratorsInviteController.revokeInvite(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should produce a 204 response', function () {
+        this.res.sendStatus.callCount.should.equal(1)
+        this.res.sendStatus.should.have.been.calledWith(204)
+      })
+
+      it('should have called revokeInvite', function () {
+        this.CollaboratorsInviteHandler.promises.revokeInvite.callCount.should.equal(
+          1
+        )
+      })
+
+      it('should have called emitToRoom', function () {
+        this.EditorRealTimeController.emitToRoom.callCount.should.equal(1)
+        this.EditorRealTimeController.emitToRoom
+          .calledWith(this.projectId, 'project:membership:changed')
+          .should.equal(true)
+      })
+
+      it('should add a project audit log entry', function () {
+        this.ProjectAuditLogHandler.addEntryInBackground.should.have.been.calledWith(
+          this.projectId,
+          'revoke-invite',
+          this.currentUser._id,
+          this.req.ip,
+          {
+            inviteId: this.invite._id,
+            privileges: this.privileges,
+          }
+        )
+      })
+    })
+
+    describe('when revokeInvite produces an error', function () {
+      beforeEach(function (done) {
+        this.CollaboratorsInviteHandler.promises.revokeInvite.rejects(
+          new Error('woops')
+        )
+        this.next.callsFake(() => done())
+        this.CollaboratorsInviteController.revokeInvite(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should not produce a 201 response', function () {
+        this.res.sendStatus.callCount.should.equal(0)
+      })
+
+      it('should call next with the error', function () {
+        this.next.callCount.should.equal(1)
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+
+      it('should have called revokeInvite', function () {
+        this.CollaboratorsInviteHandler.promises.revokeInvite.callCount.should.equal(
+          1
+        )
+      })
+    })
+  })
+
+  describe('acceptInvite', function () {
+    beforeEach(function () {
+      this.req.params = {
+        Project_id: this.projectId,
+        token: this.token,
+      }
+    })
+
+    describe('when acceptInvite does not produce an error', function () {
+      beforeEach(function (done) {
+        this.res.callback = () => done()
+        this.CollaboratorsInviteController.acceptInvite(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should redirect to project page', function () {
+        this.res.redirect.should.have.been.calledOnce
+        this.res.redirect.should.have.been.calledWith(
+          `/project/${this.projectId}`
+        )
+      })
+
+      it('should have called acceptInvite', function () {
+        this.CollaboratorsInviteHandler.promises.acceptInvite.should.have.been.calledWith(
+          this.invite,
+          this.projectId,
+          this.currentUser
+        )
+      })
+
+      it('should have called emitToRoom', function () {
+        this.EditorRealTimeController.emitToRoom.should.have.been.calledOnce
+        this.EditorRealTimeController.emitToRoom.should.have.been.calledWith(
+          this.projectId,
+          'project:membership:changed'
+        )
+      })
+
+      it('should add a project audit log entry', function () {
+        this.ProjectAuditLogHandler.promises.addEntry.should.have.been.calledWith(
+          this.projectId,
+          'accept-invite',
+          this.currentUser._id,
+          this.req.ip,
+          {
+            inviteId: this.invite._id,
+            privileges: this.privileges,
+          }
+        )
+      })
+    })
+
+    describe('when the invite is not found', function () {
+      beforeEach(function (done) {
+        this.CollaboratorsInviteGetter.promises.getInviteByToken.resolves(null)
+        this.next.callsFake(() => done())
+        this.CollaboratorsInviteController.acceptInvite(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('throws a NotFoundError', function () {
+        expect(this.next).to.have.been.calledWith(
+          sinon.match.instanceOf(Errors.NotFoundError)
+        )
+      })
+    })
+
+    describe('when acceptInvite produces an error', function () {
+      beforeEach(function (done) {
+        this.CollaboratorsInviteHandler.promises.acceptInvite.rejects(
+          new Error('woops')
+        )
+        this.next.callsFake(() => done())
+        this.CollaboratorsInviteController.acceptInvite(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should not redirect to project page', function () {
+        this.res.redirect.callCount.should.equal(0)
+      })
+
+      it('should call next with the error', function () {
+        this.next.callCount.should.equal(1)
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+      })
+
+      it('should have called acceptInvite', function () {
+        this.CollaboratorsInviteHandler.promises.acceptInvite.callCount.should.equal(
+          1
+        )
+      })
+    })
+
+    describe('when the project audit log entry fails', function () {
+      beforeEach(function (done) {
+        this.ProjectAuditLogHandler.promises.addEntry.rejects(new Error('oops'))
+        this.next.callsFake(() => done())
+        this.CollaboratorsInviteController.acceptInvite(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should not accept the invite', function () {
+        this.CollaboratorsInviteHandler.promises.acceptInvite.should.not.have
+          .been.called
+      })
+    })
+  })
+
+  describe('_checkShouldInviteEmail', function () {
+    beforeEach(function () {
+      this.email = 'user@example.com'
+    })
+
+    describe('when we should be restricting to existing accounts', function () {
+      beforeEach(function () {
+        this.settings.restrictInvitesToExistingAccounts = true
+        this.call = () =>
+          this.CollaboratorsInviteController._checkShouldInviteEmail(this.email)
+      })
+
+      describe('when user account is present', function () {
+        beforeEach(function () {
+          this.user = { _id: new ObjectId().toString() }
+          this.UserGetter.promises.getUserByAnyEmail.resolves(this.user)
+        })
+
+        it('should callback with `true`', async function () {
+          const shouldAllow =
+            await this.CollaboratorsInviteController._checkShouldInviteEmail(
+              this.email
+            )
+          expect(shouldAllow).to.equal(true)
+        })
+      })
+
+      describe('when user account is absent', function () {
+        beforeEach(function () {
+          this.user = null
+          this.UserGetter.promises.getUserByAnyEmail.resolves(this.user)
+        })
+
+        it('should callback with `false`', async function () {
+          const shouldAllow =
+            await this.CollaboratorsInviteController._checkShouldInviteEmail(
+              this.email
+            )
+          expect(shouldAllow).to.equal(false)
+        })
+
+        it('should have called getUser', async function () {
+          await this.CollaboratorsInviteController._checkShouldInviteEmail(
+            this.email
+          )
+          this.UserGetter.promises.getUserByAnyEmail.callCount.should.equal(1)
+          this.UserGetter.promises.getUserByAnyEmail
+            .calledWith(this.email, { _id: 1 })
+            .should.equal(true)
+        })
+      })
+
+      describe('when getUser produces an error', function () {
+        beforeEach(function () {
+          this.user = null
+          this.UserGetter.promises.getUserByAnyEmail.rejects(new Error('woops'))
+        })
+
+        it('should callback with an error', async function () {
+          await expect(
+            this.CollaboratorsInviteController._checkShouldInviteEmail(
+              this.email
+            )
+          ).to.be.rejected
+        })
+      })
+    })
+  })
+
+  describe('_checkRateLimit', function () {
+    beforeEach(function () {
+      this.settings.restrictInvitesToExistingAccounts = false
+      this.currentUserId = '32312313'
+      this.LimitationsManager.promises.allowedNumberOfCollaboratorsForUser
+        .withArgs(this.currentUserId)
+        .resolves(17)
+    })
+
+    it('should callback with `true` when rate limit under', async function () {
+      const result = await this.CollaboratorsInviteController._checkRateLimit(
+        this.currentUserId
+      )
+      expect(this.rateLimiter.consume).to.have.been.calledWith(
+        this.currentUserId
+      )
+      result.should.equal(true)
+    })
+
+    it('should callback with `false` when rate limit hit', async function () {
+      this.rateLimiter.consume.rejects({ remainingPoints: 0 })
+      const result = await this.CollaboratorsInviteController._checkRateLimit(
+        this.currentUserId
+      )
+      expect(this.rateLimiter.consume).to.have.been.calledWith(
+        this.currentUserId
+      )
+      result.should.equal(false)
+    })
+
+    it('should allow 10x the collaborators', async function () {
+      await this.CollaboratorsInviteController._checkRateLimit(
+        this.currentUserId
+      )
+      expect(this.rateLimiter.consume).to.have.been.calledWith(
+        this.currentUserId,
+        Math.floor(40000 / 170)
+      )
+    })
+
+    it('should allow 200 requests when collaborators is -1', async function () {
+      this.LimitationsManager.promises.allowedNumberOfCollaboratorsForUser
+        .withArgs(this.currentUserId)
+        .resolves(-1)
+      await this.CollaboratorsInviteController._checkRateLimit(
+        this.currentUserId
+      )
+      expect(this.rateLimiter.consume).to.have.been.calledWith(
+        this.currentUserId,
+        Math.floor(40000 / 200)
+      )
+    })
+
+    it('should allow 10 requests when user has no collaborators set', async function () {
+      this.LimitationsManager.promises.allowedNumberOfCollaboratorsForUser
+        .withArgs(this.currentUserId)
+        .resolves(null)
+      await this.CollaboratorsInviteController._checkRateLimit(
+        this.currentUserId
+      )
+      expect(this.rateLimiter.consume).to.have.been.calledWith(
+        this.currentUserId,
+        Math.floor(40000 / 10)
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Collaborators/CollaboratorsInviteGetterTests.js b/services/web/test/unit/src/Collaborators/CollaboratorsInviteGetterTests.js
new file mode 100644
index 0000000..b190713
--- /dev/null
+++ b/services/web/test/unit/src/Collaborators/CollaboratorsInviteGetterTests.js
@@ -0,0 +1,202 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const { ObjectId } = require('mongodb-legacy')
+const Crypto = require('crypto')
+
+const MODULE_PATH =
+  '../../../../app/src/Features/Collaborators/CollaboratorsInviteGetter.js'
+
+describe('CollaboratorsInviteGetter', function () {
+  beforeEach(function () {
+    this.ProjectInvite = class ProjectInvite {
+      constructor(options) {
+        if (options == null) {
+          options = {}
+        }
+        this._id = new ObjectId()
+        for (const k in options) {
+          const v = options[k]
+          this[k] = v
+        }
+      }
+    }
+    this.ProjectInvite.prototype.save = sinon.stub()
+    this.ProjectInvite.findOne = sinon.stub()
+    this.ProjectInvite.find = sinon.stub()
+    this.ProjectInvite.deleteOne = sinon.stub()
+    this.ProjectInvite.findOneAndDelete = sinon.stub()
+    this.ProjectInvite.countDocuments = sinon.stub()
+
+    this.Crypto = {
+      randomBytes: sinon.stub().callsFake(Crypto.randomBytes),
+    }
+
+    this.CollaboratorsInviteHelper = {
+      generateToken: sinon.stub().returns(this.Crypto.randomBytes(24)),
+      hashInviteToken: sinon.stub().returns(this.tokenHmac),
+    }
+
+    this.CollaboratorsInviteGetter = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '../../models/ProjectInvite': { ProjectInvite: this.ProjectInvite },
+        './CollaboratorsInviteHelper': this.CollaboratorsInviteHelper,
+      },
+    })
+
+    this.projectId = new ObjectId()
+    this.sendingUserId = new ObjectId()
+    this.email = 'user@example.com'
+    this.userId = new ObjectId()
+    this.inviteId = new ObjectId()
+    this.token = 'hnhteaosuhtaeosuahs'
+    this.privileges = 'readAndWrite'
+    this.fakeInvite = {
+      _id: this.inviteId,
+      email: this.email,
+      token: this.token,
+      tokenHmac: this.tokenHmac,
+      sendingUserId: this.sendingUserId,
+      projectId: this.projectId,
+      privileges: this.privileges,
+      createdAt: new Date(),
+    }
+  })
+
+  describe('getEditInviteCount', function () {
+    beforeEach(function () {
+      this.ProjectInvite.countDocuments.returns({
+        exec: sinon.stub().resolves(2),
+      })
+      this.call = async () => {
+        return await this.CollaboratorsInviteGetter.promises.getEditInviteCount(
+          this.projectId
+        )
+      }
+    })
+
+    it('should produce the count of documents', async function () {
+      const count = await this.call()
+      expect(this.ProjectInvite.countDocuments).to.be.calledWith({
+        projectId: this.projectId,
+        privileges: { $ne: 'readOnly' },
+      })
+      expect(count).to.equal(2)
+    })
+
+    describe('when model.countDocuments produces an error', function () {
+      beforeEach(function () {
+        this.ProjectInvite.countDocuments.returns({
+          exec: sinon.stub().rejects(new Error('woops')),
+        })
+      })
+
+      it('should produce an error', async function () {
+        await expect(this.call()).to.be.rejectedWith(Error)
+      })
+    })
+  })
+
+  describe('getAllInvites', function () {
+    beforeEach(function () {
+      this.fakeInvites = [
+        { _id: new ObjectId(), one: 1 },
+        { _id: new ObjectId(), two: 2 },
+      ]
+      this.ProjectInvite.find.returns({
+        select: sinon.stub().returnsThis(),
+        exec: sinon.stub().resolves(this.fakeInvites),
+      })
+      this.call = async () => {
+        return await this.CollaboratorsInviteGetter.promises.getAllInvites(
+          this.projectId
+        )
+      }
+    })
+
+    describe('when all goes well', function () {
+      beforeEach(function () {})
+
+      it('should produce a list of invite objects', async function () {
+        const invites = await this.call()
+        expect(invites).to.not.be.oneOf([null, undefined])
+        expect(invites).to.deep.equal(this.fakeInvites)
+      })
+
+      it('should have called ProjectInvite.find', async function () {
+        await this.call()
+        this.ProjectInvite.find.callCount.should.equal(1)
+        this.ProjectInvite.find
+          .calledWith({ projectId: this.projectId })
+          .should.equal(true)
+      })
+    })
+
+    describe('when ProjectInvite.find produces an error', function () {
+      beforeEach(function () {
+        this.ProjectInvite.find.returns({
+          select: sinon.stub().returnsThis(),
+          exec: sinon.stub().rejects(new Error('woops')),
+        })
+      })
+
+      it('should produce an error', async function () {
+        await expect(this.call()).to.be.rejectedWith(Error)
+      })
+    })
+  })
+
+  describe('getInviteByToken', function () {
+    beforeEach(function () {
+      this.ProjectInvite.findOne.returns({
+        exec: sinon.stub().resolves(this.fakeInvite),
+      })
+      this.call = async () => {
+        return await this.CollaboratorsInviteGetter.promises.getInviteByToken(
+          this.projectId,
+          this.token
+        )
+      }
+    })
+
+    describe('when all goes well', function () {
+      it('should produce the invite object', async function () {
+        const invite = await this.call()
+        expect(invite).to.deep.equal(this.fakeInvite)
+      })
+
+      it('should call ProjectInvite.findOne', async function () {
+        await this.call()
+        this.ProjectInvite.findOne.callCount.should.equal(1)
+        this.ProjectInvite.findOne
+          .calledWith({ projectId: this.projectId, tokenHmac: this.tokenHmac })
+          .should.equal(true)
+      })
+    })
+
+    describe('when findOne produces an error', function () {
+      beforeEach(function () {
+        this.ProjectInvite.findOne.returns({
+          exec: sinon.stub().rejects(new Error('woops')),
+        })
+      })
+
+      it('should produce an error', async function () {
+        await expect(this.call()).to.be.rejectedWith(Error)
+      })
+    })
+
+    describe('when findOne does not find an invite', function () {
+      beforeEach(function () {
+        this.ProjectInvite.findOne.returns({
+          exec: sinon.stub().resolves(null),
+        })
+      })
+
+      it('should not produce an invite object', async function () {
+        const invite = await this.call()
+        expect(invite).to.be.oneOf([null, undefined])
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Collaborators/CollaboratorsInviteHandlerTests.mjs b/services/web/test/unit/src/Collaborators/CollaboratorsInviteHandlerTests.mjs
new file mode 100644
index 0000000..f386648
--- /dev/null
+++ b/services/web/test/unit/src/Collaborators/CollaboratorsInviteHandlerTests.mjs
@@ -0,0 +1,833 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import esmock from 'esmock'
+import mongodb from 'mongodb-legacy'
+import Crypto from 'crypto'
+
+const ObjectId = mongodb.ObjectId
+
+const MODULE_PATH =
+  '../../../../app/src/Features/Collaborators/CollaboratorsInviteHandler.mjs'
+
+describe('CollaboratorsInviteHandler', function () {
+  beforeEach(async function () {
+    this.ProjectInvite = class ProjectInvite {
+      constructor(options) {
+        if (options == null) {
+          options = {}
+        }
+        this._id = new ObjectId()
+        for (const k in options) {
+          const v = options[k]
+          this[k] = v
+        }
+      }
+    }
+    this.ProjectInvite.prototype.save = sinon.stub()
+    this.ProjectInvite.findOne = sinon.stub()
+    this.ProjectInvite.find = sinon.stub()
+    this.ProjectInvite.deleteOne = sinon.stub()
+    this.ProjectInvite.findOneAndDelete = sinon.stub()
+    this.ProjectInvite.countDocuments = sinon.stub()
+
+    this.Crypto = {
+      randomBytes: sinon.stub().callsFake(Crypto.randomBytes),
+    }
+    this.settings = {}
+    this.CollaboratorsEmailHandler = { promises: {} }
+    this.CollaboratorsHandler = {
+      promises: {
+        addUserIdToProject: sinon.stub(),
+      },
+    }
+    this.UserGetter = { promises: { getUser: sinon.stub() } }
+    this.ProjectGetter = { promises: { getProject: sinon.stub().resolves() } }
+    this.NotificationsBuilder = { promises: {} }
+    this.tokenHmac = 'jkhajkefhaekjfhkfg'
+    this.CollaboratorsInviteHelper = {
+      generateToken: sinon.stub().returns(this.Crypto.randomBytes(24)),
+      hashInviteToken: sinon.stub().returns(this.tokenHmac),
+    }
+
+    this.CollaboratorsInviteGetter = {
+      promises: {
+        getAllInvites: sinon.stub(),
+      },
+    }
+
+    this.SplitTestHandler = {
+      promises: {
+        getAssignmentForUser: sinon.stub().resolves(),
+      },
+    }
+
+    this.LimitationsManager = {
+      promises: {
+        canAcceptEditCollaboratorInvite: sinon.stub().resolves(),
+      },
+    }
+
+    this.ProjectAuditLogHandler = {
+      promises: {
+        addEntry: sinon.stub().resolves(),
+      },
+      addEntryInBackground: sinon.stub(),
+    }
+    this.logger = {
+      debug: sinon.stub(),
+      warn: sinon.stub(),
+      err: sinon.stub(),
+    }
+
+    this.CollaboratorsInviteHandler = await esmock.strict(MODULE_PATH, {
+      '@overleaf/settings': this.settings,
+      '../../../../app/src/models/ProjectInvite.js': {
+        ProjectInvite: this.ProjectInvite,
+      },
+      '@overleaf/logger': this.logger,
+      '../../../../app/src/Features/Collaborators/CollaboratorsEmailHandler.mjs':
+        this.CollaboratorsEmailHandler,
+      '../../../../app/src/Features/Collaborators/CollaboratorsHandler.js':
+        this.CollaboratorsHandler,
+      '../../../../app/src/Features/User/UserGetter.js': this.UserGetter,
+      '../../../../app/src/Features/Project/ProjectGetter.js':
+        this.ProjectGetter,
+      '../../../../app/src/Features/Notifications/NotificationsBuilder.js':
+        this.NotificationsBuilder,
+      '../../../../app/src/Features/Collaborators/CollaboratorsInviteHelper.js':
+        this.CollaboratorsInviteHelper,
+      '../../../../app/src/Features/Collaborators/CollaboratorsInviteGetter':
+        this.CollaboratorsInviteGetter,
+      '../../../../app/src/Features/SplitTests/SplitTestHandler.js':
+        this.SplitTestHandler,
+      '../../../../app/src/Features/Subscription/LimitationsManager.js':
+        this.LimitationsManager,
+      '../../../../app/src/Features/Project/ProjectAuditLogHandler.js':
+        this.ProjectAuditLogHandler,
+      crypto: this.CryptogetAssignmentForUser,
+    })
+
+    this.projectId = new ObjectId()
+    this.sendingUserId = new ObjectId()
+    this.sendingUser = {
+      _id: this.sendingUserId,
+      name: 'Bob',
+    }
+    this.email = 'user@example.com'
+    this.userId = new ObjectId()
+    this.user = {
+      _id: this.userId,
+      email: 'someone@example.com',
+    }
+    this.inviteId = new ObjectId()
+    this.token = 'hnhteaosuhtaeosuahs'
+    this.privileges = 'readAndWrite'
+    this.fakeInvite = {
+      _id: this.inviteId,
+      email: this.email,
+      token: this.token,
+      tokenHmac: this.tokenHmac,
+      sendingUserId: this.sendingUserId,
+      projectId: this.projectId,
+      privileges: this.privileges,
+      createdAt: new Date(),
+    }
+  })
+
+  describe('inviteToProject', function () {
+    beforeEach(function () {
+      this.ProjectInvite.prototype.save.callsFake(async function () {
+        Object.defineProperty(this, 'toObject', {
+          value: function () {
+            return this
+          },
+          writable: true,
+          configurable: true,
+          enumerable: false,
+        })
+        return this
+      })
+      this.CollaboratorsInviteHandler.promises._sendMessages = sinon
+        .stub()
+        .resolves()
+      this.call = async () => {
+        return await this.CollaboratorsInviteHandler.promises.inviteToProject(
+          this.projectId,
+          this.sendingUser,
+          this.email,
+          this.privileges
+        )
+      }
+    })
+
+    describe('when all goes well', function () {
+      it('should produce the invite object', async function () {
+        const invite = await this.call()
+        expect(invite).to.not.equal(null)
+        expect(invite).to.not.equal(undefined)
+        expect(invite).to.be.instanceof(Object)
+        expect(invite).to.have.all.keys(['_id', 'email', 'privileges'])
+      })
+
+      it('should have generated a random token', async function () {
+        await this.call()
+        this.Crypto.randomBytes.callCount.should.equal(1)
+      })
+
+      it('should have generated a HMAC token', async function () {
+        await this.call()
+        this.CollaboratorsInviteHelper.hashInviteToken.callCount.should.equal(1)
+      })
+
+      it('should have called ProjectInvite.save', async function () {
+        await this.call()
+        this.ProjectInvite.prototype.save.callCount.should.equal(1)
+      })
+
+      it('should have called _sendMessages', async function () {
+        await this.call()
+        this.CollaboratorsInviteHandler.promises._sendMessages.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsInviteHandler.promises._sendMessages
+          .calledWith(this.projectId, this.sendingUser)
+          .should.equal(true)
+      })
+    })
+
+    describe('when saving model produces an error', function () {
+      beforeEach(function () {
+        this.ProjectInvite.prototype.save.rejects(new Error('woops'))
+      })
+
+      it('should produce an error', async function () {
+        await expect(this.call()).to.be.rejectedWith(Error)
+      })
+    })
+  })
+
+  describe('_sendMessages', function () {
+    beforeEach(function () {
+      this.CollaboratorsEmailHandler.promises.notifyUserOfProjectInvite = sinon
+        .stub()
+        .resolves()
+      this.CollaboratorsInviteHandler.promises._trySendInviteNotification =
+        sinon.stub().resolves()
+      this.call = async () => {
+        await this.CollaboratorsInviteHandler.promises._sendMessages(
+          this.projectId,
+          this.sendingUser,
+          this.fakeInvite
+        )
+      }
+    })
+
+    describe('when all goes well', function () {
+      it('should call CollaboratorsEmailHandler.notifyUserOfProjectInvite', async function () {
+        await this.call()
+        this.CollaboratorsEmailHandler.promises.notifyUserOfProjectInvite.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsEmailHandler.promises.notifyUserOfProjectInvite
+          .calledWith(this.projectId, this.fakeInvite.email, this.fakeInvite)
+          .should.equal(true)
+      })
+
+      it('should call _trySendInviteNotification', async function () {
+        await this.call()
+        this.CollaboratorsInviteHandler.promises._trySendInviteNotification.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsInviteHandler.promises._trySendInviteNotification
+          .calledWith(this.projectId, this.sendingUser, this.fakeInvite)
+          .should.equal(true)
+      })
+    })
+
+    describe('when CollaboratorsEmailHandler.notifyUserOfProjectInvite produces an error', function () {
+      beforeEach(function () {
+        this.CollaboratorsEmailHandler.promises.notifyUserOfProjectInvite =
+          sinon.stub().rejects(new Error('woops'))
+      })
+
+      it('should not produce an error', async function () {
+        await expect(this.call()).to.be.fulfilled
+        expect(this.logger.err).to.be.calledOnce
+      })
+    })
+
+    describe('when _trySendInviteNotification produces an error', function () {
+      beforeEach(function () {
+        this.CollaboratorsInviteHandler.promises._trySendInviteNotification =
+          sinon.stub().rejects(new Error('woops'))
+      })
+
+      it('should not produce an error', async function () {
+        await expect(this.call()).to.be.fulfilled
+        expect(this.logger.err).to.be.calledOnce
+      })
+    })
+  })
+  describe('revokeInviteForUser', function () {
+    beforeEach(function () {
+      this.targetInvite = {
+        _id: new ObjectId(),
+        email: 'fake2@example.org',
+        two: 2,
+      }
+      this.fakeInvites = [
+        { _id: new ObjectId(), email: 'fake1@example.org', one: 1 },
+        this.targetInvite,
+      ]
+      this.fakeInvitesWithoutUser = [
+        { _id: new ObjectId(), email: 'fake1@example.org', one: 1 },
+        { _id: new ObjectId(), email: 'fake3@example.org', two: 2 },
+      ]
+      this.targetEmail = [{ email: 'fake2@example.org' }]
+
+      this.CollaboratorsInviteGetter.promises.getAllInvites.resolves(
+        this.fakeInvites
+      )
+      this.CollaboratorsInviteHandler.promises.revokeInvite = sinon
+        .stub()
+        .resolves(this.targetInvite)
+
+      this.call = async () => {
+        return await this.CollaboratorsInviteHandler.promises.revokeInviteForUser(
+          this.projectId,
+          this.targetEmail
+        )
+      }
+    })
+
+    describe('for a valid user', function () {
+      it('should have called CollaboratorsInviteGetter.getAllInvites', async function () {
+        await this.call()
+        this.CollaboratorsInviteGetter.promises.getAllInvites.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsInviteGetter.promises.getAllInvites
+          .calledWith(this.projectId)
+          .should.equal(true)
+      })
+
+      it('should have called revokeInvite', async function () {
+        await this.call()
+        this.CollaboratorsInviteHandler.promises.revokeInvite.callCount.should.equal(
+          1
+        )
+
+        this.CollaboratorsInviteHandler.promises.revokeInvite
+          .calledWith(this.projectId, this.targetInvite._id)
+          .should.equal(true)
+      })
+    })
+
+    describe('for a user without an invite in the project', function () {
+      beforeEach(function () {
+        this.CollaboratorsInviteGetter.promises.getAllInvites.resolves(
+          this.fakeInvitesWithoutUser
+        )
+      })
+      it('should not have called CollaboratorsInviteHandler.revokeInvite', async function () {
+        await this.call()
+        this.CollaboratorsInviteHandler.promises.revokeInvite.callCount.should.equal(
+          0
+        )
+      })
+    })
+  })
+
+  describe('revokeInvite', function () {
+    beforeEach(function () {
+      this.ProjectInvite.findOneAndDelete.returns({
+        exec: sinon.stub().resolves(this.fakeInvite),
+      })
+      this.CollaboratorsInviteHandler.promises._tryCancelInviteNotification =
+        sinon.stub().resolves()
+      this.call = async () => {
+        return await this.CollaboratorsInviteHandler.promises.revokeInvite(
+          this.projectId,
+          this.inviteId
+        )
+      }
+    })
+
+    describe('when all goes well', function () {
+      it('should call ProjectInvite.findOneAndDelete', async function () {
+        await this.call()
+        this.ProjectInvite.findOneAndDelete.should.have.been.calledOnce
+        this.ProjectInvite.findOneAndDelete.should.have.been.calledWith({
+          projectId: this.projectId,
+          _id: this.inviteId,
+        })
+      })
+
+      it('should call _tryCancelInviteNotification', async function () {
+        await this.call()
+        this.CollaboratorsInviteHandler.promises._tryCancelInviteNotification.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsInviteHandler.promises._tryCancelInviteNotification
+          .calledWith(this.inviteId)
+          .should.equal(true)
+      })
+
+      it('should return the deleted invite', async function () {
+        const invite = await this.call()
+        expect(invite).to.deep.equal(this.fakeInvite)
+      })
+    })
+
+    describe('when remove produces an error', function () {
+      beforeEach(function () {
+        this.ProjectInvite.findOneAndDelete.returns({
+          exec: sinon.stub().rejects(new Error('woops')),
+        })
+      })
+
+      it('should produce an error', async function () {
+        await expect(this.call()).to.be.rejectedWith(Error)
+      })
+    })
+  })
+
+  describe('generateNewInvite', function () {
+    beforeEach(function () {
+      this.fakeInviteToProjectObject = {
+        _id: new ObjectId(),
+        email: this.email,
+        privileges: this.privileges,
+      }
+      this.CollaboratorsInviteHandler.promises.revokeInvite = sinon
+        .stub()
+        .resolves(this.fakeInvite)
+      this.CollaboratorsInviteHandler.promises.inviteToProject = sinon
+        .stub()
+        .resolves(this.fakeInviteToProjectObject)
+      this.call = async () => {
+        return await this.CollaboratorsInviteHandler.promises.generateNewInvite(
+          this.projectId,
+          this.sendingUser,
+          this.inviteId
+        )
+      }
+    })
+
+    describe('when all goes well', function () {
+      it('should call revokeInvite', async function () {
+        await this.call()
+        this.CollaboratorsInviteHandler.promises.revokeInvite.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsInviteHandler.promises.revokeInvite
+          .calledWith(this.projectId, this.inviteId)
+          .should.equal(true)
+      })
+
+      it('should have called inviteToProject', async function () {
+        await this.call()
+        this.CollaboratorsInviteHandler.promises.inviteToProject.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsInviteHandler.promises.inviteToProject
+          .calledWith(
+            this.projectId,
+            this.sendingUser,
+            this.fakeInvite.email,
+            this.fakeInvite.privileges
+          )
+          .should.equal(true)
+      })
+
+      it('should return the invite', async function () {
+        const invite = await this.call()
+        expect(invite).to.deep.equal(this.fakeInviteToProjectObject)
+      })
+    })
+
+    describe('when revokeInvite produces an error', function () {
+      beforeEach(function () {
+        this.CollaboratorsInviteHandler.promises.revokeInvite = sinon
+          .stub()
+          .rejects(new Error('woops'))
+      })
+
+      it('should produce an error', async function () {
+        await expect(this.call()).to.be.rejectedWith(Error)
+      })
+
+      it('should not have called inviteToProject', async function () {
+        await expect(this.call()).to.be.rejected
+        this.CollaboratorsInviteHandler.promises.inviteToProject.callCount.should.equal(
+          0
+        )
+      })
+    })
+
+    describe('when findOne does not find an invite', function () {
+      beforeEach(function () {
+        this.CollaboratorsInviteHandler.promises.revokeInvite = sinon
+          .stub()
+          .resolves(null)
+      })
+
+      it('should not have called inviteToProject', async function () {
+        await this.call()
+        this.CollaboratorsInviteHandler.promises.inviteToProject.callCount.should.equal(
+          0
+        )
+      })
+    })
+  })
+
+  describe('acceptInvite', function () {
+    beforeEach(function () {
+      this.fakeProject = {
+        _id: this.projectId,
+        owner_ref: this.sendingUserId,
+      }
+      this.ProjectGetter.promises.getProject = sinon
+        .stub()
+        .resolves(this.fakeProject)
+      this.CollaboratorsHandler.promises.addUserIdToProject.resolves()
+      this.CollaboratorsInviteHandler.promises._tryCancelInviteNotification =
+        sinon.stub().resolves()
+      this.LimitationsManager.promises.canAcceptEditCollaboratorInvite.resolves(
+        true
+      )
+      this.ProjectInvite.deleteOne.returns({ exec: sinon.stub().resolves() })
+      this.call = async () => {
+        await this.CollaboratorsInviteHandler.promises.acceptInvite(
+          this.fakeInvite,
+          this.projectId,
+          this.user
+        )
+      }
+    })
+
+    describe('when all goes well', function () {
+      it('should add readAndWrite invitees to the project as normal', async function () {
+        await this.call()
+        this.CollaboratorsHandler.promises.addUserIdToProject.should.have.been.calledWith(
+          this.projectId,
+          this.sendingUserId,
+          this.userId,
+          this.fakeInvite.privileges
+        )
+      })
+
+      it('should have called ProjectInvite.deleteOne', async function () {
+        await this.call()
+        this.ProjectInvite.deleteOne.callCount.should.equal(1)
+        this.ProjectInvite.deleteOne
+          .calledWith({ _id: this.inviteId })
+          .should.equal(true)
+      })
+    })
+
+    describe('when the invite is for readOnly access', function () {
+      beforeEach(function () {
+        this.fakeInvite.privileges = 'readOnly'
+      })
+
+      it('should have called CollaboratorsHandler.addUserIdToProject', async function () {
+        await this.call()
+        this.CollaboratorsHandler.promises.addUserIdToProject.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsHandler.promises.addUserIdToProject
+          .calledWith(
+            this.projectId,
+            this.sendingUserId,
+            this.userId,
+            this.fakeInvite.privileges
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('when the project has no more edit collaborator slots', function () {
+      beforeEach(function () {
+        this.LimitationsManager.promises.canAcceptEditCollaboratorInvite.resolves(
+          false
+        )
+      })
+
+      it('should add readAndWrite invitees to the project as readOnly (pendingEditor) users', async function () {
+        await this.call()
+        this.ProjectAuditLogHandler.promises.addEntry.should.have.been.calledWith(
+          this.projectId,
+          'editor-moved-to-pending',
+          null,
+          null,
+          { userId: this.userId.toString(), role: 'editor' }
+        )
+        this.CollaboratorsHandler.promises.addUserIdToProject.should.have.been.calledWith(
+          this.projectId,
+          this.sendingUserId,
+          this.userId,
+          'readOnly',
+          { pendingEditor: true }
+        )
+      })
+    })
+
+    describe('when addUserIdToProject produces an error', function () {
+      beforeEach(function () {
+        this.CollaboratorsHandler.promises.addUserIdToProject.callsArgWith(
+          4,
+          new Error('woops')
+        )
+      })
+
+      it('should produce an error', async function () {
+        await expect(this.call()).to.be.rejectedWith(Error)
+      })
+
+      it('should have called CollaboratorsHandler.addUserIdToProject', async function () {
+        await expect(this.call()).to.be.rejected
+        this.CollaboratorsHandler.promises.addUserIdToProject.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsHandler.promises.addUserIdToProject
+          .calledWith(
+            this.projectId,
+            this.sendingUserId,
+            this.userId,
+            this.fakeInvite.privileges
+          )
+          .should.equal(true)
+      })
+
+      it('should not have called ProjectInvite.deleteOne', async function () {
+        await expect(this.call()).to.be.rejected
+        this.ProjectInvite.deleteOne.callCount.should.equal(0)
+      })
+    })
+
+    describe('when ProjectInvite.deleteOne produces an error', function () {
+      beforeEach(function () {
+        this.ProjectInvite.deleteOne.returns({
+          exec: sinon.stub().rejects(new Error('woops')),
+        })
+      })
+
+      it('should produce an error', async function () {
+        await expect(this.call()).to.be.rejectedWith(Error)
+      })
+
+      it('should have called CollaboratorsHandler.addUserIdToProject', async function () {
+        await expect(this.call()).to.be.rejected
+        this.CollaboratorsHandler.promises.addUserIdToProject.callCount.should.equal(
+          1
+        )
+        this.CollaboratorsHandler.promises.addUserIdToProject.should.have.been.calledWith(
+          this.projectId,
+          this.sendingUserId,
+          this.userId,
+          this.fakeInvite.privileges
+        )
+      })
+
+      it('should have called ProjectInvite.deleteOne', async function () {
+        await expect(this.call()).to.be.rejected
+        this.ProjectInvite.deleteOne.callCount.should.equal(1)
+      })
+    })
+  })
+
+  describe('_tryCancelInviteNotification', function () {
+    beforeEach(function () {
+      this.inviteId = new ObjectId()
+      this.currentUser = { _id: new ObjectId() }
+      this.notification = { read: sinon.stub().resolves() }
+      this.NotificationsBuilder.promises.projectInvite = sinon
+        .stub()
+        .returns(this.notification)
+      this.call = async () => {
+        await this.CollaboratorsInviteHandler.promises._tryCancelInviteNotification(
+          this.inviteId
+        )
+      }
+    })
+
+    it('should call notification.read', async function () {
+      await this.call()
+      this.notification.read.callCount.should.equal(1)
+    })
+
+    describe('when notification.read produces an error', function () {
+      beforeEach(function () {
+        this.notification = {
+          read: sinon.stub().rejects(new Error('woops')),
+        }
+        this.NotificationsBuilder.promises.projectInvite = sinon
+          .stub()
+          .returns(this.notification)
+      })
+
+      it('should produce an error', async function () {
+        await expect(this.call()).to.be.rejected
+      })
+    })
+  })
+
+  describe('_trySendInviteNotification', function () {
+    beforeEach(function () {
+      this.invite = {
+        _id: new ObjectId(),
+        token: 'some_token',
+        sendingUserId: new ObjectId(),
+        projectId: this.project_id,
+        targetEmail: 'user@example.com',
+        createdAt: new Date(),
+      }
+      this.sendingUser = {
+        _id: new ObjectId(),
+        first_name: 'jim',
+      }
+      this.existingUser = { _id: new ObjectId() }
+      this.UserGetter.promises.getUserByAnyEmail = sinon
+        .stub()
+        .resolves(this.existingUser)
+      this.fakeProject = {
+        _id: this.project_id,
+        name: 'some project',
+      }
+      this.ProjectGetter.promises.getProject = sinon
+        .stub()
+        .resolves(this.fakeProject)
+      this.notification = { create: sinon.stub().resolves() }
+      this.NotificationsBuilder.promises.projectInvite = sinon
+        .stub()
+        .returns(this.notification)
+      this.call = async () => {
+        await this.CollaboratorsInviteHandler.promises._trySendInviteNotification(
+          this.project_id,
+          this.sendingUser,
+          this.invite
+        )
+      }
+    })
+
+    describe('when the user exists', function () {
+      beforeEach(function () {})
+
+      it('should call getUser', async function () {
+        await this.call()
+        this.UserGetter.promises.getUserByAnyEmail.callCount.should.equal(1)
+        this.UserGetter.promises.getUserByAnyEmail
+          .calledWith(this.invite.email)
+          .should.equal(true)
+      })
+
+      it('should call getProject', async function () {
+        await this.call()
+        this.ProjectGetter.promises.getProject.callCount.should.equal(1)
+        this.ProjectGetter.promises.getProject
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should call NotificationsBuilder.projectInvite.create', async function () {
+        await this.call()
+        this.NotificationsBuilder.promises.projectInvite.callCount.should.equal(
+          1
+        )
+        this.notification.create.callCount.should.equal(1)
+      })
+
+      describe('when getProject produces an error', function () {
+        beforeEach(function () {
+          this.ProjectGetter.promises.getProject.callsArgWith(
+            2,
+            new Error('woops')
+          )
+        })
+
+        it('should produce an error', async function () {
+          await expect(this.call()).to.be.rejectedWith(Error)
+        })
+
+        it('should not call NotificationsBuilder.projectInvite.create', async function () {
+          await expect(this.call()).to.be.rejected
+          this.NotificationsBuilder.promises.projectInvite.callCount.should.equal(
+            0
+          )
+          this.notification.create.callCount.should.equal(0)
+        })
+      })
+
+      describe('when projectInvite.create produces an error', function () {
+        beforeEach(function () {
+          this.notification.create.callsArgWith(0, new Error('woops'))
+        })
+
+        it('should produce an error', async function () {
+          await expect(this.call()).to.be.rejectedWith(Error)
+        })
+      })
+    })
+
+    describe('when the user does not exist', function () {
+      beforeEach(function () {
+        this.UserGetter.promises.getUserByAnyEmail = sinon.stub().resolves(null)
+      })
+
+      it('should call getUser', async function () {
+        await this.call()
+        this.UserGetter.promises.getUserByAnyEmail.callCount.should.equal(1)
+        this.UserGetter.promises.getUserByAnyEmail
+          .calledWith(this.invite.email)
+          .should.equal(true)
+      })
+
+      it('should not call getProject', async function () {
+        await this.call()
+        this.ProjectGetter.promises.getProject.callCount.should.equal(0)
+      })
+
+      it('should not call NotificationsBuilder.projectInvite.create', async function () {
+        await this.call()
+        this.NotificationsBuilder.promises.projectInvite.callCount.should.equal(
+          0
+        )
+        this.notification.create.callCount.should.equal(0)
+      })
+    })
+
+    describe('when the getUser produces an error', function () {
+      beforeEach(function () {
+        this.UserGetter.promises.getUserByAnyEmail = sinon
+          .stub()
+          .rejects(new Error('woops'))
+      })
+
+      it('should produce an error', async function () {
+        await expect(this.call()).to.be.rejectedWith(Error)
+      })
+
+      it('should call getUser', async function () {
+        await expect(this.call()).to.be.rejected
+        this.UserGetter.promises.getUserByAnyEmail.callCount.should.equal(1)
+        this.UserGetter.promises.getUserByAnyEmail
+          .calledWith(this.invite.email)
+          .should.equal(true)
+      })
+
+      it('should not call getProject', async function () {
+        await expect(this.call()).to.be.rejected
+        this.ProjectGetter.promises.getProject.callCount.should.equal(0)
+      })
+
+      it('should not call NotificationsBuilder.projectInvite.create', async function () {
+        await expect(this.call()).to.be.rejected
+        this.NotificationsBuilder.promises.projectInvite.callCount.should.equal(
+          0
+        )
+        this.notification.create.callCount.should.equal(0)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Collaborators/CollaboratorsInviteHelperTests.js b/services/web/test/unit/src/Collaborators/CollaboratorsInviteHelperTests.js
new file mode 100644
index 0000000..fdd45a0
--- /dev/null
+++ b/services/web/test/unit/src/Collaborators/CollaboratorsInviteHelperTests.js
@@ -0,0 +1,21 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const path = require('path')
+const CollaboratorsInviteHelper = require(
+  path.join(
+    __dirname,
+    '/../../../../app/src/Features/Collaborators/CollaboratorsInviteHelper'
+  )
+)
+const Crypto = require('crypto')
+
+describe('CollaboratorsInviteHelper', function () {
+  it('should generate a HMAC token', function () {
+    const CryptoCreateHmac = sinon.spy(Crypto, 'createHmac')
+    const tokenHmac = CollaboratorsInviteHelper.hashInviteToken('abc')
+    CryptoCreateHmac.callCount.should.equal(1)
+    expect(tokenHmac).to.eq(
+      '3f76e274d83ffba85149f6850c095ce8481454d7446ca4e25beee01e08beb383'
+    )
+  })
+})
diff --git a/services/web/test/unit/src/Collaborators/OwnershipTransferHandlerTests.js b/services/web/test/unit/src/Collaborators/OwnershipTransferHandlerTests.js
new file mode 100644
index 0000000..3ef77e3
--- /dev/null
+++ b/services/web/test/unit/src/Collaborators/OwnershipTransferHandlerTests.js
@@ -0,0 +1,295 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const PrivilegeLevels = require('../../../../app/src/Features/Authorization/PrivilegeLevels')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+const { ObjectId } = require('mongodb-legacy')
+
+const MODULE_PATH =
+  '../../../../app/src/Features/Collaborators/OwnershipTransferHandler'
+
+describe('OwnershipTransferHandler', function () {
+  beforeEach(function () {
+    this.user = { _id: new ObjectId(), email: 'owner@example.com' }
+    this.collaborator = {
+      _id: new ObjectId(),
+      email: 'collaborator@example.com',
+    }
+    this.readOnlyCollaborator = {
+      _id: new ObjectId(),
+      email: 'readonly@example.com',
+    }
+    this.project = {
+      _id: new ObjectId(),
+      name: 'project',
+      owner_ref: this.user._id,
+      collaberator_refs: [this.collaborator._id],
+      readOnly_refs: [this.readOnlyCollaborator._id],
+    }
+    this.ProjectGetter = {
+      promises: {
+        getProject: sinon.stub().resolves(this.project),
+      },
+    }
+    this.ProjectModel = {
+      updateOne: sinon.stub().returns({
+        exec: sinon.stub().resolves(),
+      }),
+    }
+    this.UserGetter = {
+      promises: {
+        getUser: sinon.stub().resolves(this.user),
+      },
+    }
+    this.TpdsUpdateSender = {
+      promises: {
+        moveEntity: sinon.stub().resolves(),
+      },
+    }
+    this.TpdsProjectFlusher = {
+      promises: {
+        flushProjectToTpds: sinon.stub().resolves(),
+      },
+    }
+    this.CollaboratorsHandler = {
+      promises: {
+        removeUserFromProject: sinon.stub().resolves(),
+        addUserIdToProject: sinon.stub().resolves(),
+      },
+    }
+    this.EmailHandler = {
+      promises: {
+        sendEmail: sinon.stub().resolves(),
+      },
+    }
+    this.ProjectAuditLogHandler = {
+      promises: {
+        addEntry: sinon.stub().resolves(),
+      },
+    }
+    this.handler = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '../Project/ProjectGetter': this.ProjectGetter,
+        '../../models/Project': {
+          Project: this.ProjectModel,
+        },
+        '../User/UserGetter': this.UserGetter,
+        '../ThirdPartyDataStore/TpdsProjectFlusher': this.TpdsProjectFlusher,
+        '../Project/ProjectAuditLogHandler': this.ProjectAuditLogHandler,
+        '../Email/EmailHandler': this.EmailHandler,
+        './CollaboratorsHandler': this.CollaboratorsHandler,
+        '../Analytics/AnalyticsManager': {
+          recordEventForUserInBackground: (this.recordEventForUserInBackground =
+            sinon.stub()),
+        },
+      },
+    })
+  })
+
+  describe('transferOwnership', function () {
+    beforeEach(function () {
+      this.UserGetter.promises.getUser
+        .withArgs(this.user._id)
+        .resolves(this.user)
+      this.UserGetter.promises.getUser
+        .withArgs(this.collaborator._id)
+        .resolves(this.collaborator)
+      this.UserGetter.promises.getUser
+        .withArgs(this.readOnlyCollaborator._id)
+        .resolves(this.readOnlyCollaborator)
+    })
+
+    it("should return a not found error if the project can't be found", async function () {
+      this.ProjectGetter.promises.getProject.resolves(null)
+      await expect(
+        this.handler.promises.transferOwnership('abc', this.collaborator._id)
+      ).to.be.rejectedWith(Errors.ProjectNotFoundError)
+    })
+
+    it("should return a not found error if the user can't be found", async function () {
+      this.UserGetter.promises.getUser
+        .withArgs(this.collaborator._id)
+        .resolves(null)
+      await expect(
+        this.handler.promises.transferOwnership(
+          this.project._id,
+          this.collaborator._id
+        )
+      ).to.be.rejectedWith(Errors.UserNotFoundError)
+    })
+
+    it('should return an error if user cannot be removed as collaborator ', async function () {
+      this.CollaboratorsHandler.promises.removeUserFromProject.rejects(
+        new Error('user-cannot-be-removed')
+      )
+      await expect(
+        this.handler.promises.transferOwnership(
+          this.project._id,
+          this.collaborator._id
+        )
+      ).to.be.rejected
+    })
+
+    it('should transfer ownership of the project', async function () {
+      await this.handler.promises.transferOwnership(
+        this.project._id,
+        this.collaborator._id
+      )
+      expect(this.ProjectModel.updateOne).to.have.been.calledWith(
+        { _id: this.project._id },
+        sinon.match({ $set: { owner_ref: this.collaborator._id } })
+      )
+    })
+
+    it('should transfer ownership of the project to a read-only collaborator', async function () {
+      await this.handler.promises.transferOwnership(
+        this.project._id,
+        this.readOnlyCollaborator._id
+      )
+      expect(this.ProjectModel.updateOne).to.have.been.calledWith(
+        { _id: this.project._id },
+        sinon.match({ $set: { owner_ref: this.readOnlyCollaborator._id } })
+      )
+    })
+
+    it('gives old owner read-only permissions if new owner was previously a viewer', async function () {
+      await this.handler.promises.transferOwnership(
+        this.project._id,
+        this.readOnlyCollaborator._id
+      )
+      expect(
+        this.CollaboratorsHandler.promises.addUserIdToProject
+      ).to.have.been.calledWith(
+        this.project._id,
+        this.readOnlyCollaborator._id,
+        this.user._id,
+        PrivilegeLevels.READ_ONLY
+      )
+    })
+
+    it('should do nothing if transferring back to the owner', async function () {
+      await this.handler.promises.transferOwnership(
+        this.project._id,
+        this.user._id
+      )
+      expect(this.ProjectModel.updateOne).not.to.have.been.called
+    })
+
+    it("should remove the user from the project's collaborators", async function () {
+      await this.handler.promises.transferOwnership(
+        this.project._id,
+        this.collaborator._id
+      )
+      expect(
+        this.CollaboratorsHandler.promises.removeUserFromProject
+      ).to.have.been.calledWith(this.project._id, this.collaborator._id)
+    })
+
+    it('should add the former project owner as a read/write collaborator', async function () {
+      await this.handler.promises.transferOwnership(
+        this.project._id,
+        this.collaborator._id
+      )
+      expect(
+        this.CollaboratorsHandler.promises.addUserIdToProject
+      ).to.have.been.calledWith(
+        this.project._id,
+        this.collaborator._id,
+        this.user._id,
+        PrivilegeLevels.READ_AND_WRITE
+      )
+    })
+
+    it('should flush the project to tpds', async function () {
+      await this.handler.promises.transferOwnership(
+        this.project._id,
+        this.collaborator._id
+      )
+      expect(
+        this.TpdsProjectFlusher.promises.flushProjectToTpds
+      ).to.have.been.calledWith(this.project._id)
+    })
+
+    it('should send an email notification', async function () {
+      await this.handler.promises.transferOwnership(
+        this.project._id,
+        this.collaborator._id
+      )
+      expect(this.EmailHandler.promises.sendEmail).to.have.been.calledWith(
+        'ownershipTransferConfirmationPreviousOwner',
+        {
+          to: this.user.email,
+          project: this.project,
+          newOwner: this.collaborator,
+        }
+      )
+      expect(this.EmailHandler.promises.sendEmail).to.have.been.calledWith(
+        'ownershipTransferConfirmationNewOwner',
+        {
+          to: this.collaborator.email,
+          project: this.project,
+          previousOwner: this.user,
+        }
+      )
+    })
+
+    it('should not send an email notification with the skipEmails option', async function () {
+      await this.handler.promises.transferOwnership(
+        this.project._id,
+        this.collaborator._id,
+        { skipEmails: true }
+      )
+      expect(this.EmailHandler.promises.sendEmail).not.to.have.been.called
+    })
+
+    it('should track the change in BigQuery', async function () {
+      const sessionUserId = new ObjectId()
+      await this.handler.promises.transferOwnership(
+        this.project._id,
+        this.collaborator._id,
+        { sessionUserId }
+      )
+      expect(this.recordEventForUserInBackground).to.have.been.calledWith(
+        this.user._id,
+        'project-ownership-transfer',
+        {
+          projectId: this.project._id,
+          newOwnerId: this.collaborator._id,
+        }
+      )
+    })
+
+    it('should write an entry in the audit log', async function () {
+      const sessionUserId = new ObjectId()
+      const ipAddress = '1.2.3.4'
+      await this.handler.promises.transferOwnership(
+        this.project._id,
+        this.collaborator._id,
+        { sessionUserId, ipAddress }
+      )
+      expect(
+        this.ProjectAuditLogHandler.promises.addEntry
+      ).to.have.been.calledWith(
+        this.project._id,
+        'transfer-ownership',
+        sessionUserId,
+        ipAddress,
+        {
+          previousOwnerId: this.user._id,
+          newOwnerId: this.collaborator._id,
+        }
+      )
+    })
+
+    it('should decline to transfer ownership to a non-collaborator', async function () {
+      this.project.collaberator_refs = []
+      this.project.readOnly_refs = []
+      await expect(
+        this.handler.promises.transferOwnership(
+          this.project._id,
+          this.collaborator._id
+        )
+      ).to.be.rejectedWith(Errors.UserNotCollaboratorError)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Compile/ClsiCookieManagerTests.js b/services/web/test/unit/src/Compile/ClsiCookieManagerTests.js
new file mode 100644
index 0000000..b61991a
--- /dev/null
+++ b/services/web/test/unit/src/Compile/ClsiCookieManagerTests.js
@@ -0,0 +1,366 @@
+const sinon = require('sinon')
+const { assert, expect } = require('chai')
+const modulePath = '../../../../app/src/Features/Compile/ClsiCookieManager.js'
+const SandboxedModule = require('sandboxed-module')
+const realRequst = require('request')
+
+describe('ClsiCookieManager', function () {
+  beforeEach(function () {
+    this.redis = {
+      auth() {},
+      get: sinon.stub(),
+      setex: sinon.stub().callsArg(3),
+    }
+    this.project_id = '123423431321-proj-id'
+    this.user_id = 'abc-user-id'
+    this.request = {
+      post: sinon.stub(),
+      cookie: realRequst.cookie,
+      jar: realRequst.jar,
+      defaults: () => {
+        return this.request
+      },
+    }
+    this.settings = {
+      redis: {
+        web: 'redis.something',
+      },
+      apis: {
+        clsi: {
+          url: 'http://clsi.example.com',
+        },
+      },
+      clsiCookie: {
+        ttlInSeconds: Math.random().toString(),
+        ttlInSecondsRegular: Math.random().toString(),
+        key: 'coooookie',
+      },
+    }
+    this.requires = {
+      '../../infrastructure/RedisWrapper': (this.RedisWrapper = {
+        client: () => this.redis,
+      }),
+      '@overleaf/settings': this.settings,
+      request: this.request,
+    }
+    this.ClsiCookieManager = SandboxedModule.require(modulePath, {
+      requires: this.requires,
+    })()
+  })
+
+  describe('getServerId', function () {
+    it('should call get for the key', function (done) {
+      this.redis.get.callsArgWith(1, null, 'clsi-7')
+      this.ClsiCookieManager.getServerId(
+        this.project_id,
+        this.user_id,
+        '',
+        'e2',
+        (err, serverId) => {
+          if (err) {
+            return done(err)
+          }
+          this.redis.get
+            .calledWith(`clsiserver:${this.project_id}:${this.user_id}`)
+            .should.equal(true)
+          serverId.should.equal('clsi-7')
+          done()
+        }
+      )
+    })
+
+    it('should _populateServerIdViaRequest if no key is found', function (done) {
+      this.ClsiCookieManager._populateServerIdViaRequest = sinon
+        .stub()
+        .yields(null)
+      this.redis.get.callsArgWith(1, null)
+      this.ClsiCookieManager.getServerId(
+        this.project_id,
+        this.user_id,
+        '',
+        (err, serverId) => {
+          if (err) {
+            return done(err)
+          }
+          this.ClsiCookieManager._populateServerIdViaRequest
+            .calledWith(this.project_id, this.user_id)
+            .should.equal(true)
+          done()
+        }
+      )
+    })
+
+    it('should _populateServerIdViaRequest if no key is blank', function (done) {
+      this.ClsiCookieManager._populateServerIdViaRequest = sinon
+        .stub()
+        .yields(null)
+      this.redis.get.callsArgWith(1, null, '')
+      this.ClsiCookieManager.getServerId(
+        this.project_id,
+        this.user_id,
+        '',
+        'e2',
+        (err, serverId) => {
+          if (err) {
+            return done(err)
+          }
+          this.ClsiCookieManager._populateServerIdViaRequest
+            .calledWith(this.project_id, this.user_id)
+            .should.equal(true)
+          done()
+        }
+      )
+    })
+  })
+
+  describe('_populateServerIdViaRequest', function () {
+    beforeEach(function () {
+      this.clsiServerId = 'server-id'
+      this.ClsiCookieManager.setServerId = sinon.stub().yields()
+    })
+
+    describe('with a server id in the response', function () {
+      beforeEach(function () {
+        this.response = {
+          headers: {
+            'set-cookie': [
+              `${this.settings.clsiCookie.key}=${this.clsiServerId}`,
+            ],
+          },
+        }
+        this.request.post.callsArgWith(1, null, this.response)
+      })
+
+      it('should make a request to the clsi', function (done) {
+        this.ClsiCookieManager._populateServerIdViaRequest(
+          this.project_id,
+          this.user_id,
+          'standard',
+          'e2',
+          (err, serverId) => {
+            if (err) {
+              return done(err)
+            }
+            const args = this.ClsiCookieManager.setServerId.args[0]
+            args[0].should.equal(this.project_id)
+            args[1].should.equal(this.user_id)
+            args[2].should.equal('standard')
+            args[3].should.equal('e2')
+            args[4].should.deep.equal(this.clsiServerId)
+            done()
+          }
+        )
+      })
+
+      it('should return the server id', function (done) {
+        this.ClsiCookieManager._populateServerIdViaRequest(
+          this.project_id,
+          this.user_id,
+          '',
+          'e2',
+          (err, serverId) => {
+            if (err) {
+              return done(err)
+            }
+            serverId.should.equal(this.clsiServerId)
+            done()
+          }
+        )
+      })
+    })
+
+    describe('without a server id in the response', function () {
+      beforeEach(function () {
+        this.response = { headers: {} }
+        this.request.post.yields(null, this.response)
+      })
+      it('should not set the server id there is no server id in the response', function (done) {
+        this.ClsiCookieManager._parseServerIdFromResponse = sinon
+          .stub()
+          .returns(null)
+        this.ClsiCookieManager.setServerId(
+          this.project_id,
+          this.user_id,
+          'standard',
+          'e2',
+          this.clsiServerId,
+          null,
+          err => {
+            if (err) {
+              return done(err)
+            }
+            this.redis.setex.called.should.equal(false)
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('setServerId', function () {
+    beforeEach(function () {
+      this.clsiServerId = 'server-id'
+      this.ClsiCookieManager._parseServerIdFromResponse = sinon
+        .stub()
+        .returns('clsi-8')
+    })
+
+    it('should set the server id with a ttl', function (done) {
+      this.ClsiCookieManager.setServerId(
+        this.project_id,
+        this.user_id,
+        'standard',
+        'e2',
+        this.clsiServerId,
+        null,
+        err => {
+          if (err) {
+            return done(err)
+          }
+          this.redis.setex.should.have.been.calledWith(
+            `clsiserver:${this.project_id}:${this.user_id}`,
+            this.settings.clsiCookie.ttlInSeconds,
+            this.clsiServerId
+          )
+          done()
+        }
+      )
+    })
+
+    it('should set the server id with the regular ttl for reg instance', function (done) {
+      this.clsiServerId = 'clsi-reg-8'
+      this.ClsiCookieManager.setServerId(
+        this.project_id,
+        this.user_id,
+        'standard',
+        'e2',
+        this.clsiServerId,
+        null,
+        err => {
+          if (err) {
+            return done(err)
+          }
+          expect(this.redis.setex).to.have.been.calledWith(
+            `clsiserver:${this.project_id}:${this.user_id}`,
+            this.settings.clsiCookie.ttlInSecondsRegular,
+            this.clsiServerId
+          )
+          done()
+        }
+      )
+    })
+
+    it('should not set the server id if clsiCookies are not enabled', function (done) {
+      delete this.settings.clsiCookie.key
+      this.ClsiCookieManager = SandboxedModule.require(modulePath, {
+        globals: {
+          console,
+        },
+        requires: this.requires,
+      })()
+      this.ClsiCookieManager.setServerId(
+        this.project_id,
+        this.user_id,
+        'standard',
+        'e2',
+        this.clsiServerId,
+        null,
+        err => {
+          if (err) {
+            return done(err)
+          }
+          this.redis.setex.called.should.equal(false)
+          done()
+        }
+      )
+    })
+
+    it('should also set in the secondary if secondary redis is enabled', function (done) {
+      this.redis_secondary = { setex: sinon.stub().callsArg(3) }
+      this.settings.redis.clsi_cookie_secondary = {}
+      this.RedisWrapper.client = sinon.stub()
+      this.RedisWrapper.client.withArgs('clsi_cookie').returns(this.redis)
+      this.RedisWrapper.client
+        .withArgs('clsi_cookie_secondary')
+        .returns(this.redis_secondary)
+      this.ClsiCookieManager = SandboxedModule.require(modulePath, {
+        globals: {
+          console,
+        },
+        requires: this.requires,
+      })()
+      this.ClsiCookieManager._parseServerIdFromResponse = sinon
+        .stub()
+        .returns('clsi-8')
+      this.ClsiCookieManager.setServerId(
+        this.project_id,
+        this.user_id,
+        'standard',
+        'e2',
+        this.clsiServerId,
+        null,
+        err => {
+          if (err) {
+            return done(err)
+          }
+          this.redis_secondary.setex.should.have.been.calledWith(
+            `clsiserver:${this.project_id}:${this.user_id}`,
+            this.settings.clsiCookie.ttlInSeconds,
+            this.clsiServerId
+          )
+          done()
+        }
+      )
+    })
+  })
+
+  describe('getCookieJar', function () {
+    beforeEach(function () {
+      this.ClsiCookieManager.getServerId = sinon.stub().yields(null, 'clsi-11')
+    })
+
+    it('should return a jar with the cookie set populated from redis', function (done) {
+      this.ClsiCookieManager.getCookieJar(
+        this.project_id,
+        this.user_id,
+        '',
+        'e2',
+        (err, jar) => {
+          if (err) {
+            return done(err)
+          }
+          jar._jar.store.idx['clsi.example.com']['/'][
+            this.settings.clsiCookie.key
+          ].key.should.equal
+          jar._jar.store.idx['clsi.example.com']['/'][
+            this.settings.clsiCookie.key
+          ].value.should.equal('clsi-11')
+          done()
+        }
+      )
+    })
+
+    it('should return empty cookie jar if clsiCookies are not enabled', function (done) {
+      delete this.settings.clsiCookie.key
+      this.ClsiCookieManager = SandboxedModule.require(modulePath, {
+        globals: {
+          console,
+        },
+        requires: this.requires,
+      })()
+      this.ClsiCookieManager.getCookieJar(
+        this.project_id,
+        this.user_id,
+        '',
+        'e2',
+        (err, jar) => {
+          if (err) {
+            return done(err)
+          }
+          assert.deepEqual(jar, realRequst.jar())
+          done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Compile/ClsiFormatCheckerTests.js b/services/web/test/unit/src/Compile/ClsiFormatCheckerTests.js
new file mode 100644
index 0000000..347d9ab
--- /dev/null
+++ b/services/web/test/unit/src/Compile/ClsiFormatCheckerTests.js
@@ -0,0 +1,236 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../../app/src/Features/Compile/ClsiFormatChecker.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('ClsiFormatChecker', function () {
+  beforeEach(function () {
+    this.ClsiFormatChecker = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': (this.settings = {
+          compileBodySizeLimitMb: 5,
+        }),
+      },
+    })
+    return (this.project_id = 'project-id')
+  })
+
+  describe('checkRecoursesForProblems', function () {
+    beforeEach(function () {
+      return (this.resources = [
+        {
+          path: 'main.tex',
+          content: 'stuff',
+        },
+        {
+          path: 'chapters/chapter1',
+          content: 'other stuff',
+        },
+        {
+          path: 'stuff/image/image.png',
+          url: `http:somewhere.com/project/${this.project_id}/file/1234124321312`,
+          modified: 'more stuff',
+        },
+      ])
+    })
+
+    it('should call _checkDocsAreUnderSizeLimit and _checkForConflictingPaths', function (done) {
+      this.ClsiFormatChecker._checkForConflictingPaths = sinon
+        .stub()
+        .callsArgWith(1, null)
+      this.ClsiFormatChecker._checkDocsAreUnderSizeLimit = sinon
+        .stub()
+        .callsArgWith(1)
+      return this.ClsiFormatChecker.checkRecoursesForProblems(
+        this.resources,
+        (err, problems) => {
+          this.ClsiFormatChecker._checkForConflictingPaths.called.should.equal(
+            true
+          )
+          this.ClsiFormatChecker._checkDocsAreUnderSizeLimit.called.should.equal(
+            true
+          )
+          return done()
+        }
+      )
+    })
+
+    it('should remove undefined errors', function (done) {
+      this.ClsiFormatChecker._checkForConflictingPaths = sinon
+        .stub()
+        .callsArgWith(1, null, [])
+      this.ClsiFormatChecker._checkDocsAreUnderSizeLimit = sinon
+        .stub()
+        .callsArgWith(1, null, {})
+      return this.ClsiFormatChecker.checkRecoursesForProblems(
+        this.resources,
+        (err, problems) => {
+          expect(problems).to.not.exist
+          expect(problems).to.not.exist
+          return done()
+        }
+      )
+    })
+
+    it('should keep populated arrays', function (done) {
+      this.ClsiFormatChecker._checkForConflictingPaths = sinon
+        .stub()
+        .callsArgWith(1, null, [{ path: 'somewhere/main.tex' }])
+      this.ClsiFormatChecker._checkDocsAreUnderSizeLimit = sinon
+        .stub()
+        .callsArgWith(1, null, {})
+      return this.ClsiFormatChecker.checkRecoursesForProblems(
+        this.resources,
+        (err, problems) => {
+          problems.conflictedPaths[0].path.should.equal('somewhere/main.tex')
+          expect(problems.sizeCheck).to.not.exist
+          return done()
+        }
+      )
+    })
+
+    it('should keep populated object', function (done) {
+      this.ClsiFormatChecker._checkForConflictingPaths = sinon
+        .stub()
+        .callsArgWith(1, null, [])
+      this.ClsiFormatChecker._checkDocsAreUnderSizeLimit = sinon
+        .stub()
+        .callsArgWith(1, null, {
+          resources: [{ 'a.tex': 'a.tex' }, { 'b.tex': 'b.tex' }],
+          totalSize: 1000000,
+        })
+      return this.ClsiFormatChecker.checkRecoursesForProblems(
+        this.resources,
+        (err, problems) => {
+          problems.sizeCheck.resources.length.should.equal(2)
+          problems.sizeCheck.totalSize.should.equal(1000000)
+          expect(problems.conflictedPaths).to.not.exist
+          return done()
+        }
+      )
+    })
+
+    describe('_checkForConflictingPaths', function () {
+      beforeEach(function () {
+        this.resources.push({
+          path: 'chapters/chapter1.tex',
+          content: 'other stuff',
+        })
+
+        return this.resources.push({
+          path: 'chapters.tex',
+          content: 'other stuff',
+        })
+      })
+
+      it('should flag up when a nested file has folder with same subpath as file elsewhere', function (done) {
+        this.resources.push({
+          path: 'stuff/image',
+          url: 'http://somwhere.com',
+        })
+
+        return this.ClsiFormatChecker._checkForConflictingPaths(
+          this.resources,
+          (err, conflictPathErrors) => {
+            conflictPathErrors.length.should.equal(1)
+            conflictPathErrors[0].path.should.equal('stuff/image')
+            return done()
+          }
+        )
+      })
+
+      it('should flag up when a root level file has folder with same subpath as file elsewhere', function (done) {
+        this.resources.push({
+          path: 'stuff',
+          content: 'other stuff',
+        })
+
+        return this.ClsiFormatChecker._checkForConflictingPaths(
+          this.resources,
+          (err, conflictPathErrors) => {
+            conflictPathErrors.length.should.equal(1)
+            conflictPathErrors[0].path.should.equal('stuff')
+            return done()
+          }
+        )
+      })
+
+      it('should not flag up when the file is a substring of a path', function (done) {
+        this.resources.push({
+          path: 'stuf',
+          content: 'other stuff',
+        })
+
+        return this.ClsiFormatChecker._checkForConflictingPaths(
+          this.resources,
+          (err, conflictPathErrors) => {
+            conflictPathErrors.length.should.equal(0)
+            return done()
+          }
+        )
+      })
+    })
+
+    describe('_checkDocsAreUnderSizeLimit', function () {
+      it('should error when there is more than 5mb of data', function (done) {
+        this.resources.push({
+          path: 'massive.tex',
+          content: 'hello world'.repeat(833333), // over 5mb limit
+        })
+
+        while (this.resources.length < 20) {
+          this.resources.push({
+            path: 'chapters/chapter1.tex',
+            url: 'http://somwhere.com',
+          })
+        }
+
+        return this.ClsiFormatChecker._checkDocsAreUnderSizeLimit(
+          this.resources,
+          (err, sizeError) => {
+            sizeError.totalSize.should.equal(16 + 833333 * 11) // 16 is for earlier resources
+            sizeError.resources.length.should.equal(10)
+            sizeError.resources[0].path.should.equal('massive.tex')
+            sizeError.resources[0].size.should.equal(833333 * 11)
+            return done()
+          }
+        )
+      })
+
+      it('should return nothing when project is correct size', function (done) {
+        this.resources.push({
+          path: 'massive.tex',
+          content: 'x'.repeat(2 * 1000 * 1000),
+        })
+
+        while (this.resources.length < 20) {
+          this.resources.push({
+            path: 'chapters/chapter1.tex',
+            url: 'http://somwhere.com',
+          })
+        }
+
+        return this.ClsiFormatChecker._checkDocsAreUnderSizeLimit(
+          this.resources,
+          (err, sizeError) => {
+            expect(sizeError).to.not.exist
+            return done()
+          }
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Compile/ClsiManagerTests.js b/services/web/test/unit/src/Compile/ClsiManagerTests.js
new file mode 100644
index 0000000..b9b7d9a
--- /dev/null
+++ b/services/web/test/unit/src/Compile/ClsiManagerTests.js
@@ -0,0 +1,1072 @@
+const { setTimeout } = require('timers/promises')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const tk = require('timekeeper')
+const { RequestFailedError } = require('@overleaf/fetch-utils')
+
+const FILESTORE_URL = 'http://filestore.example.com'
+const CLSI_HOST = 'clsi.example.com'
+const MODULE_PATH = '../../../../app/src/Features/Compile/ClsiManager.js'
+
+const GLOBAL_BLOB_HASH = 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa'
+
+describe('ClsiManager', function () {
+  beforeEach(function () {
+    tk.freeze(Date.now())
+
+    this.user_id = 'user-id'
+    this.project = {
+      _id: 'project-id',
+      compiler: 'latex',
+      rootDoc_id: 'mock-doc-id-1',
+      imageName: 'mock-image-name',
+      overleaf: { history: { id: 42 } },
+    }
+    this.docs = {
+      '/main.tex': {
+        name: 'main.tex',
+        _id: 'mock-doc-id-1',
+        lines: ['Hello', 'world'],
+      },
+      '/chapters/chapter1.tex': {
+        name: 'chapter1.tex',
+        _id: 'mock-doc-id-2',
+        lines: ['Chapter 1'],
+      },
+    }
+    this.files = {
+      '/images/frog.png': {
+        name: 'frog.png',
+        _id: 'mock-file-id-1',
+        created: new Date(),
+        hash: GLOBAL_BLOB_HASH,
+      },
+      '/images/image.png': {
+        name: 'image.png',
+        _id: 'mock-file-id-2',
+        created: new Date(),
+        hash: 'bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb',
+      },
+      '/images/no-hash.png': {
+        name: 'no-hash.png',
+        _id: 'mock-file-id-3',
+        created: new Date(),
+      },
+    }
+    this.clsiCookieKey = 'clsiserver'
+    this.clsiServerId = 'clsi-server-id'
+    this.newClsiServerId = 'newserver'
+    this.rawOutputFiles = {}
+    this.responseBody = {
+      compile: { status: 'success' },
+    }
+    this.response = {
+      ok: true,
+      status: 200,
+      headers: {
+        raw: sinon.stub().returns({
+          'set-cookie': [`${this.clsiCookieKey}=${this.newClsiServerId}`],
+        }),
+      },
+    }
+
+    this.FetchUtils = {
+      fetchString: sinon
+        .stub()
+        .callsFake(() => Promise.resolve(JSON.stringify(this.responseBody))),
+      fetchStringWithResponse: sinon.stub().callsFake(() =>
+        Promise.resolve({
+          body: JSON.stringify(this.responseBody),
+          response: this.response,
+        })
+      ),
+      fetchStream: sinon.stub(),
+      RequestFailedError,
+    }
+    this.ClsiCookieManager = {
+      promises: {
+        clearServerId: sinon.stub().resolves(),
+        getServerId: sinon.stub().resolves('clsi-server-id'),
+        setServerId: sinon.stub().resolves(),
+      },
+    }
+    this.ClsiStateManager = {
+      computeHash: sinon.stub().returns('01234567890abcdef'),
+    }
+    this.ClsiFormatChecker = {
+      promises: {
+        checkRecoursesForProblems: sinon.stub().resolves(),
+      },
+    }
+    this.Project = {}
+    this.ProjectEntityHandler = {
+      getAllDocPathsFromProject: sinon.stub(),
+      promises: {
+        getAllDocs: sinon.stub().resolves(this.docs),
+        getAllFiles: sinon.stub().resolves(this.files),
+      },
+    }
+    this.ProjectGetter = {
+      promises: {
+        findById: sinon.stub().resolves(this.project),
+        getProject: sinon.stub().resolves(this.project),
+      },
+    }
+    this.DocumentUpdaterHandler = {
+      promises: {
+        clearProjectState: sinon.stub().resolves(),
+        flushProjectToMongo: sinon.stub().resolves(),
+        getProjectDocsIfMatch: sinon.stub().resolves(),
+      },
+    }
+    this.Metrics = {
+      Timer: class Metrics {
+        constructor() {
+          this.done = sinon.stub()
+        }
+      },
+      inc: sinon.stub(),
+      count: sinon.stub(),
+    }
+    this.Settings = {
+      apis: {
+        filestore: {
+          url: FILESTORE_URL,
+          secret: 'secret',
+        },
+        clsi: {
+          url: `http://${CLSI_HOST}`,
+          submissionBackendClass: 'n2d',
+        },
+        clsi_priority: {
+          url: 'https://clsipremium.example.com',
+        },
+      },
+      enablePdfCaching: true,
+      clsiCookie: { key: 'clsiserver' },
+    }
+    this.ClsiCacheHandler = {
+      clearCache: sinon.stub().resolves(),
+    }
+    this.Features = {
+      hasFeature: sinon.stub().withArgs('project-history-blobs').returns(true),
+    }
+    this.HistoryManager = {
+      getBlobLocation: sinon.stub().callsFake((historyId, hash) => {
+        if (hash === GLOBAL_BLOB_HASH) {
+          return {
+            bucket: 'global-blobs',
+            key: 'aa/aa/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa',
+          }
+        }
+        return { bucket: 'project-blobs', key: `${historyId}/${hash}` }
+      }),
+    }
+
+    this.ClsiManager = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '@overleaf/settings': this.Settings,
+        '../../models/Project': {
+          Project: this.Project,
+        },
+        '../../infrastructure/Features': this.Features,
+        '../Project/ProjectEntityHandler': this.ProjectEntityHandler,
+        '../Project/ProjectGetter': this.ProjectGetter,
+        '../DocumentUpdater/DocumentUpdaterHandler':
+          this.DocumentUpdaterHandler,
+        './ClsiCookieManager': () => this.ClsiCookieManager,
+        './ClsiStateManager': this.ClsiStateManager,
+        './ClsiCacheHandler': this.ClsiCacheHandler,
+        '@overleaf/fetch-utils': this.FetchUtils,
+        './ClsiFormatChecker': this.ClsiFormatChecker,
+        '@overleaf/metrics': this.Metrics,
+        '../History/HistoryManager': this.HistoryManager,
+      },
+    })
+  })
+
+  after(function () {
+    tk.reset()
+  })
+
+  describe('sendRequest', function () {
+    describe('with a successful compile', function () {
+      const buildId = '18fbe9e7564-30dcb2f71250c690'
+
+      beforeEach(async function () {
+        this.outputFiles = [
+          {
+            url: `/project/${this.project_id}/user/${this.user_id}/build/1234/output/output.pdf`,
+            path: 'output.pdf',
+            type: 'pdf',
+            build: buildId,
+          },
+          {
+            url: `/project/${this.project_id}/user/${this.user_id}/build/1234/output/output.log`,
+            path: 'output.log',
+            type: 'log',
+            build: buildId,
+          },
+        ]
+        this.responseBody.compile.outputFiles = this.outputFiles.map(
+          outputFile => ({
+            ...outputFile,
+            url: `http://${CLSI_HOST}${outputFile.url}`,
+          })
+        )
+        this.responseBody.compile.buildId = buildId
+        this.timeout = 100
+        this.result = await this.ClsiManager.promises.sendRequest(
+          this.project._id,
+          this.user_id,
+          {
+            compileBackendClass: 'e2',
+            compileGroup: 'standard',
+            timeout: this.timeout,
+          }
+        )
+      })
+
+      it('should send the request to the CLSI', function () {
+        this.FetchUtils.fetchStringWithResponse.should.have.been.calledWith(
+          sinon.match(
+            url =>
+              url.host === CLSI_HOST &&
+              url.pathname ===
+                `/project/${this.project._id}/user/${this.user_id}/compile` &&
+              url.searchParams.get('compileBackendClass') === 'e2' &&
+              url.searchParams.get('compileGroup') === 'standard'
+          ),
+          {
+            method: 'POST',
+            json: sinon.match({
+              compile: {
+                options: {
+                  compiler: this.project.compiler,
+                  imageName: this.project.imageName,
+                  timeout: this.timeout,
+                  draft: false,
+                  compileGroup: 'standard',
+                  metricsMethod: 'standard',
+                  stopOnFirstError: false,
+                  syncType: undefined,
+                },
+                rootResourcePath: 'main.tex',
+                resources: _makeResources(this.project, this.docs, this.files),
+              },
+            }),
+            headers: {
+              Accept: 'application/json',
+              'Content-Type': 'application/json',
+              Cookie: `${this.clsiCookieKey}=${this.clsiServerId}`,
+            },
+            signal: sinon.match.instanceOf(AbortSignal),
+          }
+        )
+      })
+
+      it('should get the project with the required fields', function () {
+        this.ProjectGetter.promises.getProject.should.have.been.calledWith(
+          this.project._id,
+          {
+            compiler: 1,
+            rootDoc_id: 1,
+            imageName: 1,
+            rootFolder: 1,
+            'overleaf.history.id': 1,
+          }
+        )
+      })
+
+      it('should flush the project to the database', function () {
+        this.DocumentUpdaterHandler.promises.flushProjectToMongo.should.have.been.calledWith(
+          this.project._id
+        )
+      })
+
+      it('should get all the docs', function () {
+        this.ProjectEntityHandler.promises.getAllDocs.should.have.been.calledWith(
+          this.project._id
+        )
+      })
+
+      it('should get all the files', function () {
+        this.ProjectEntityHandler.promises.getAllFiles.should.have.been.calledWith(
+          this.project._id
+        )
+      })
+
+      it('should return the status and output files', function () {
+        expect(this.result.status).to.equal('success')
+        expect(this.result.outputFiles.map(f => f.path)).to.have.members(
+          this.outputFiles.map(f => f.path)
+        )
+      })
+
+      it('should return the buildId', function () {
+        expect(this.result.buildId).to.equal(buildId)
+      })
+
+      it('should persist the cookie from the response', function () {
+        expect(
+          this.ClsiCookieManager.promises.setServerId
+        ).to.have.been.calledWith(
+          this.project._id,
+          this.user_id,
+          'standard',
+          'e2',
+          this.newClsiServerId
+        )
+      })
+    })
+
+    describe('with ranges on the pdf and stats/timings details', function () {
+      beforeEach(async function () {
+        this.ranges = [{ start: 1, end: 42, hash: 'foo' }]
+        this.startXRefTable = 123
+        this.size = 456
+        this.contentId = '123-321'
+        this.outputFiles = [
+          {
+            url: `/project/${this.project._id}/user/${this.user_id}/build/1234/output/output.pdf`,
+            path: 'output.pdf',
+            type: 'pdf',
+            build: 1234,
+            contentId: this.contentId,
+            ranges: this.ranges,
+            startXRefTable: this.startXRefTable,
+            size: this.size,
+          },
+          {
+            url: `/project/${this.project._id}/user/${this.user_id}/build/1234/output/output.log`,
+            path: 'output.log',
+            type: 'log',
+            build: 1234,
+          },
+        ]
+        this.stats = { fooStat: 1 }
+        this.timings = { barTiming: 2 }
+        this.responseBody.compile.outputFiles = this.outputFiles.map(
+          outputFile => ({
+            ...outputFile,
+            url: `http://${CLSI_HOST}${outputFile.url}`,
+          })
+        )
+        this.responseBody.compile.stats = this.stats
+        this.responseBody.compile.timings = this.timings
+        this.result = await this.ClsiManager.promises.sendRequest(
+          this.project._id,
+          this.user_id,
+          { compileBackendClass: 'e2', compileGroup: 'standard' }
+        )
+      })
+
+      it('should emit the caching details and stats/timings', function () {
+        expect(this.result.status).to.equal('success')
+        expect(this.result.clsiServerId).to.equal(this.newClsiServerId)
+        expect(this.result.validationError).to.be.undefined
+        expect(this.result.stats).to.deep.equal(this.stats)
+        expect(this.result.timings).to.deep.equal(this.timings)
+        const outputPdf = this.result.outputFiles.find(
+          f => f.path === 'output.pdf'
+        )
+        expect(outputPdf.ranges).to.deep.equal(this.ranges)
+        expect(outputPdf.startXRefTable).to.equal(this.startXRefTable)
+        expect(outputPdf.contentId).to.equal(this.contentId)
+        expect(outputPdf.size).to.equal(this.size)
+      })
+    })
+
+    describe('with the incremental compile option', function () {
+      beforeEach(async function () {
+        const doc = this.docs['/main.tex']
+        this.DocumentUpdaterHandler.promises.getProjectDocsIfMatch.resolves([
+          { _id: doc._id, lines: doc.lines, v: 123 },
+        ])
+        this.ProjectEntityHandler.getAllDocPathsFromProject.returns({
+          'mock-doc-id-1': 'main.tex',
+        })
+        this.result = await this.ClsiManager.promises.sendRequest(
+          this.project._id,
+          this.user_id,
+          {
+            timeout: 100,
+            incrementalCompilesEnabled: true,
+            compileBackendClass: 'e2',
+            compileGroup: 'priority',
+            compileFromClsiCache: true,
+            populateClsiCache: true,
+            enablePdfCaching: true,
+            pdfCachingMinChunkSize: 1337,
+          }
+        )
+      })
+
+      it('should get the project with the required fields', function () {
+        this.ProjectGetter.promises.getProject.should.have.been.calledWith(
+          this.project._id,
+          {
+            compiler: 1,
+            rootDoc_id: 1,
+            imageName: 1,
+            rootFolder: 1,
+            'overleaf.history.id': 1,
+          }
+        )
+      })
+
+      it('should not explicitly flush the project to the database', function () {
+        this.DocumentUpdaterHandler.promises.flushProjectToMongo.should.not.have.been.calledWith(
+          this.project._id
+        )
+      })
+
+      it('should get only the live docs from the docupdater with a background flush in docupdater', function () {
+        this.DocumentUpdaterHandler.promises.getProjectDocsIfMatch.should.have.been.calledWith(
+          this.project._id
+        )
+      })
+
+      it('should not get any of the files', function () {
+        this.ProjectEntityHandler.promises.getAllFiles.should.not.have.been
+          .called
+      })
+
+      it('should build up the CLSI request', function () {
+        this.FetchUtils.fetchStringWithResponse.should.have.been.calledWith(
+          sinon.match(
+            url =>
+              url.hostname === CLSI_HOST &&
+              url.pathname ===
+                `/project/${this.project._id}/user/${this.user_id}/compile` &&
+              url.searchParams.get('compileBackendClass') === 'e2' &&
+              url.searchParams.get('compileGroup') === 'priority'
+          ),
+          {
+            method: 'POST',
+            json: sinon.match({
+              compile: {
+                options: {
+                  compiler: this.project.compiler,
+                  timeout: 100,
+                  imageName: this.project.imageName,
+                  draft: false,
+                  syncType: 'incremental',
+                  syncState: '01234567890abcdef',
+                  compileGroup: 'priority',
+                  compileFromClsiCache: true,
+                  populateClsiCache: true,
+                  enablePdfCaching: true,
+                  pdfCachingMinChunkSize: 1337,
+                  metricsMethod: 'priority',
+                  stopOnFirstError: false,
+                },
+                rootResourcePath: 'main.tex',
+                resources: [
+                  {
+                    path: 'main.tex',
+                    content: this.docs['/main.tex'].lines.join('\n'),
+                  },
+                ],
+              },
+            }),
+            headers: {
+              Accept: 'application/json',
+              'Content-Type': 'application/json',
+              Cookie: `${this.clsiCookieKey}=${this.clsiServerId}`,
+            },
+            signal: sinon.match.instanceOf(AbortSignal),
+          }
+        )
+      })
+    })
+
+    describe('when the root doc is set and not in the docupdater', function () {
+      beforeEach(async function () {
+        const doc = this.docs['/main.tex']
+        this.DocumentUpdaterHandler.promises.getProjectDocsIfMatch.resolves([
+          { _id: doc._id, lines: doc.lines, v: 123 },
+        ])
+        this.ProjectEntityHandler.getAllDocPathsFromProject.returns({
+          'mock-doc-id-1': 'main.tex',
+          'mock-doc-id-2': '/chapters/chapter1.tex',
+        })
+        await this.ClsiManager.promises.sendRequest(
+          this.project._id,
+          this.user_id,
+          {
+            timeout: 100,
+            incrementalCompilesEnabled: true,
+            rootDoc_id: 'mock-doc-id-2',
+          }
+        )
+      })
+
+      it('should still change the root path', function () {
+        this.FetchUtils.fetchStringWithResponse.should.have.been.calledWith(
+          sinon.match.any,
+          sinon.match({
+            json: { compile: { rootResourcePath: 'chapters/chapter1.tex' } },
+          })
+        )
+      })
+    })
+
+    describe('when root doc override is valid', function () {
+      beforeEach(async function () {
+        await this.ClsiManager.promises.sendRequest(
+          this.project._id,
+          this.user_id,
+          { rootDoc_id: 'mock-doc-id-2' }
+        )
+      })
+
+      it('should change root path', function () {
+        this.FetchUtils.fetchStringWithResponse.should.have.been.calledWith(
+          sinon.match.any,
+          sinon.match({
+            json: { compile: { rootResourcePath: 'chapters/chapter1.tex' } },
+          })
+        )
+      })
+    })
+
+    describe('when root doc override is invalid', function () {
+      beforeEach(async function () {
+        await this.ClsiManager.promises.sendRequest(
+          this.project._id,
+          this.user_id,
+          { rootDoc_id: 'invalid-id' }
+        )
+      })
+
+      it('should fallback to default root doc', function () {
+        this.FetchUtils.fetchStringWithResponse.should.have.been.calledWith(
+          sinon.match.any,
+          sinon.match({
+            json: { compile: { rootResourcePath: 'main.tex' } },
+          })
+        )
+      })
+    })
+
+    describe('when the project has an invalid compiler', function () {
+      beforeEach(async function () {
+        this.project.compiler = 'context'
+        await this.ClsiManager.promises.sendRequest(
+          this.project._id,
+          this.user_id,
+          {}
+        )
+      })
+
+      it('should set the compiler to pdflatex', function () {
+        expect(this.FetchUtils.fetchStringWithResponse).to.have.been.calledWith(
+          sinon.match.any,
+          sinon.match({
+            json: { compile: { options: { compiler: 'pdflatex' } } },
+          })
+        )
+      })
+    })
+
+    describe('when there is no valid root document', function () {
+      beforeEach(async function () {
+        this.project.rootDoc_id = 'not-valid'
+        await this.ClsiManager.promises.sendRequest(
+          this.project._id,
+          this.user_id,
+          {}
+        )
+      })
+
+      it('should set to main.tex', function () {
+        expect(this.FetchUtils.fetchStringWithResponse).to.have.been.calledWith(
+          sinon.match.any,
+          sinon.match({
+            json: { compile: { rootResourcePath: 'main.tex' } },
+          })
+        )
+      })
+    })
+
+    describe('when there is no valid root document and no main.tex document', function () {
+      beforeEach(async function () {
+        this.project.rootDoc_id = 'not-valid'
+        this.docs = {
+          '/other.tex': {
+            name: 'other.tex',
+            _id: 'mock-doc-id-1',
+            lines: ['Hello', 'world'],
+          },
+          '/chapters/chapter1.tex': {
+            name: 'chapter1.tex',
+            _id: 'mock-doc-id-2',
+            lines: ['Chapter 1'],
+          },
+        }
+        this.ProjectEntityHandler.promises.getAllDocs.resolves(this.docs)
+        this.result = await this.ClsiManager.promises.sendRequest(
+          this.project._id,
+          this.user_id,
+          {}
+        )
+      })
+
+      it('should report a validation problem', function () {
+        expect(this.result.status).to.equal('validation-problems')
+      })
+    })
+
+    describe('when there is no valid root document and a single document which is not main.tex', function () {
+      beforeEach(async function () {
+        this.project.rootDoc_id = 'not-valid'
+        this.docs = {
+          '/other.tex': {
+            name: 'other.tex',
+            _id: 'mock-doc-id-1',
+            lines: ['Hello', 'world'],
+          },
+        }
+        this.ProjectEntityHandler.promises.getAllDocs.resolves(this.docs)
+        await this.ClsiManager.promises.sendRequest(
+          this.project._id,
+          this.user_id,
+          {}
+        )
+      })
+
+      it('should set io to the only file', function () {
+        expect(this.FetchUtils.fetchStringWithResponse).to.have.been.calledWith(
+          sinon.match.any,
+          sinon.match({
+            json: { compile: { rootResourcePath: 'other.tex' } },
+          })
+        )
+      })
+    })
+
+    describe('with the draft option', function () {
+      beforeEach(async function () {
+        await this.ClsiManager.promises.sendRequest(
+          this.project._id,
+          this.user_id,
+          {
+            timeout: 100,
+            draft: true,
+          }
+        )
+      })
+
+      it('should add the draft option into the request', function () {
+        expect(this.FetchUtils.fetchStringWithResponse).to.have.been.calledWith(
+          sinon.match.any,
+          sinon.match({
+            json: { compile: { options: { draft: true } } },
+          })
+        )
+      })
+    })
+
+    describe('with a failed compile', function () {
+      beforeEach(async function () {
+        this.responseBody.compile.status = 'failure'
+        this.result = await this.ClsiManager.promises.sendRequest(
+          this.project._id,
+          this.user_id,
+          {}
+        )
+      })
+
+      it('should return a failure status', function () {
+        expect(this.result.status).to.equal('failure')
+      })
+    })
+
+    describe('with a sync conflict', function () {
+      beforeEach(async function () {
+        const conflictResponseBody = { compile: { status: 'conflict' } }
+        this.FetchUtils.fetchStringWithResponse
+          .withArgs(
+            sinon.match.any,
+            sinon.match({
+              json: sinon.match(
+                json => json.compile.options.syncType !== 'full'
+              ),
+            })
+          )
+          .resolves({
+            body: JSON.stringify(conflictResponseBody),
+            response: this.response,
+          })
+        this.result = await this.ClsiManager.promises.sendRequest(
+          this.project._id,
+          this.user_id,
+          {}
+        )
+      })
+
+      it('should send two requests to CLSI', function () {
+        this.FetchUtils.fetchStringWithResponse.should.have.been.calledTwice
+      })
+
+      it('should call the CLSI first without syncType:full', function () {
+        const compileOptions =
+          this.FetchUtils.fetchStringWithResponse.getCall(0).args[1].json
+            .compile.options
+        expect(compileOptions.syncType).to.be.undefined
+      })
+
+      it('should call the CLSI a second time with syncType:full', function () {
+        const compileOptions =
+          this.FetchUtils.fetchStringWithResponse.getCall(1).args[1].json
+            .compile.options
+        expect(compileOptions.syncType).to.equal('full')
+      })
+
+      it('should return a success status', function () {
+        this.result.status.should.equal('success')
+      })
+    })
+
+    describe('with an unavailable response', function () {
+      beforeEach(async function () {
+        this.FetchUtils.fetchStringWithResponse.onCall(0).resolves({
+          body: JSON.stringify({ compile: { status: 'unavailable' } }),
+          response: this.response,
+        })
+        this.result = await this.ClsiManager.promises.sendRequest(
+          this.project._id,
+          this.user_id,
+          {}
+        )
+      })
+
+      it('should send two requests to CLSI', function () {
+        this.FetchUtils.fetchStringWithResponse.should.have.been.calledTwice
+      })
+
+      it('should call the CLSI first without syncType:full', function () {
+        const compileOptions =
+          this.FetchUtils.fetchStringWithResponse.getCall(0).args[1].json
+            .compile.options
+        expect(compileOptions.syncType).to.be.undefined
+      })
+
+      it('should call the CLSI a second time with syncType:full', function () {
+        const compileOptions =
+          this.FetchUtils.fetchStringWithResponse.getCall(1).args[1].json
+            .compile.options
+        expect(compileOptions.syncType).to.equal('full')
+      })
+
+      it('should clear the CLSI server id cookie', function () {
+        expect(
+          this.ClsiCookieManager.promises.clearServerId
+        ).to.have.been.calledWith(this.project._id, this.user_id)
+      })
+
+      it('should return a success status', function () {
+        expect(this.result.status).to.equal('success')
+      })
+    })
+
+    describe('when the resources fail the precompile check', function () {
+      beforeEach(function () {
+        this.ClsiFormatChecker.promises.checkRecoursesForProblems.rejects(
+          new Error('failed')
+        )
+      })
+
+      it('should throw an error', async function () {
+        await expect(
+          this.ClsiManager.promises.sendRequest(
+            this.project._id,
+            this.user_id,
+            {}
+          )
+        ).to.be.rejected
+      })
+    })
+
+    describe('when a new backend is configured', function () {
+      beforeEach(async function () {
+        this.Settings.apis.clsi_new = { url: 'https://compiles.somewhere.test' }
+        await this.ClsiManager.promises.sendRequest(
+          this.project._id,
+          this.user_id,
+          {
+            compileBackendClass: 'e2',
+            compileGroup: 'standard',
+          }
+        )
+        // wait for the background task to finish
+        await setTimeout(0)
+      })
+
+      it('makes a request to the new backend', function () {
+        expect(this.FetchUtils.fetchStringWithResponse).to.have.been.calledTwice
+        expect(this.FetchUtils.fetchStringWithResponse).to.have.been.calledWith(
+          sinon.match(
+            url =>
+              url.host === CLSI_HOST &&
+              url.pathname ===
+                `/project/${this.project._id}/user/${this.user_id}/compile` &&
+              url.searchParams.get('compileBackendClass') === 'e2' &&
+              url.searchParams.get('compileGroup') === 'standard'
+          )
+        )
+        expect(this.FetchUtils.fetchStringWithResponse).to.have.been.calledWith(
+          sinon.match(
+            url =>
+              url.toString() ===
+              `${this.Settings.apis.clsi_new.url}/project/${this.project._id}/user/${this.user_id}/compile?compileBackendClass=e2&compileGroup=standard`
+          )
+        )
+      })
+    })
+  })
+
+  describe('sendExternalRequest', function () {
+    beforeEach(function () {
+      this.submissionId = 'submission-id'
+      this.clsiRequest = 'mock-request'
+    })
+
+    describe('with a successful compile', function () {
+      beforeEach(async function () {
+        this.outputFiles = [
+          {
+            url: `/project/${this.submissionId}/build/1234/output/output.pdf`,
+            path: 'output.pdf',
+            type: 'pdf',
+            build: 1234,
+          },
+          {
+            url: `/project/${this.submissionId}/build/1234/output/output.log`,
+            path: 'output.log',
+            type: 'log',
+            build: 1234,
+          },
+        ]
+        this.responseBody.compile.outputFiles = this.outputFiles.map(
+          outputFile => ({
+            ...outputFile,
+            url: `http://${CLSI_HOST}${outputFile.url}`,
+          })
+        )
+        this.result = await this.ClsiManager.promises.sendExternalRequest(
+          this.submissionId,
+          this.clsiRequest,
+          { compileBackendClass: 'e2', compileGroup: 'standard' }
+        )
+      })
+
+      it('should send the request to the CLSI', function () {
+        this.FetchUtils.fetchStringWithResponse.should.have.been.calledWith(
+          sinon.match(
+            url =>
+              url.host === CLSI_HOST &&
+              url.pathname === `/project/${this.submissionId}/compile` &&
+              url.searchParams.get('compileBackendClass') === 'e2' &&
+              url.searchParams.get('compileGroup') === 'standard'
+          ),
+          {
+            method: 'POST',
+            json: this.clsiRequest,
+            headers: {
+              Accept: 'application/json',
+              'Content-Type': 'application/json',
+              Cookie: `${this.clsiCookieKey}=${this.clsiServerId}`,
+            },
+            signal: sinon.match.instanceOf(AbortSignal),
+          }
+        )
+      })
+
+      it('should return the status and output files', function () {
+        expect(this.result.status).to.equal('success')
+        expect(this.result.outputFiles.map(f => f.path)).to.have.members(
+          this.outputFiles.map(f => f.path)
+        )
+      })
+    })
+
+    describe('with a failed compile', function () {
+      beforeEach(async function () {
+        this.responseBody.compile.status = 'failure'
+        this.result = await this.ClsiManager.promises.sendExternalRequest(
+          this.submissionId,
+          this.clsiRequest,
+          {}
+        )
+      })
+
+      it('should return a failure status', function () {
+        expect(this.result.status).to.equal('failure')
+      })
+    })
+
+    describe('when the resources fail the precompile check', function () {
+      beforeEach(async function () {
+        this.ClsiFormatChecker.promises.checkRecoursesForProblems.rejects(
+          new Error('failed')
+        )
+        this.responseBody.compile.status = 'failure'
+      })
+
+      it('should throw an error', async function () {
+        await expect(
+          this.ClsiManager.promises.sendExternalRequest(
+            this.submissionId,
+            this.clsiRequest,
+            {}
+          )
+        ).to.be.rejected
+      })
+    })
+  })
+
+  describe('deleteAuxFiles', function () {
+    describe('with the standard compileGroup', function () {
+      beforeEach(async function () {
+        await this.ClsiManager.promises.deleteAuxFiles(
+          this.project._id,
+          this.user_id,
+          { compileBackendClass: 'e2', compileGroup: 'standard' },
+          'node-1'
+        )
+      })
+
+      it('should call the delete method in the standard CLSI', function () {
+        this.FetchUtils.fetchString.should.have.been.calledWith(
+          sinon.match(
+            url =>
+              url.host === CLSI_HOST &&
+              url.pathname ===
+                `/project/${this.project._id}/user/${this.user_id}` &&
+              url.searchParams.get('compileBackendClass') === 'e2' &&
+              url.searchParams.get('compileGroup') === 'standard' &&
+              url.searchParams.get('clsiserverid') === 'node-1'
+          ),
+          { method: 'DELETE' }
+        )
+      })
+
+      it('should clear the output.tar.gz files in clsi-cache', function () {
+        this.ClsiCacheHandler.clearCache
+          .calledWith(this.project._id, this.user_id)
+          .should.equal(true)
+      })
+
+      it('should clear the project state from the docupdater', function () {
+        this.DocumentUpdaterHandler.promises.clearProjectState
+          .calledWith(this.project._id)
+          .should.equal(true)
+      })
+
+      it('should clear the clsi persistance', function () {
+        this.ClsiCookieManager.promises.clearServerId
+          .calledWith(this.project._id, this.user_id)
+          .should.equal(true)
+      })
+
+      it('should not persist a cookie on response', function () {
+        expect(this.ClsiCookieManager.promises.setServerId).not.to.have.been
+          .called
+      })
+    })
+  })
+
+  describe('wordCount', function () {
+    describe('with root file', function () {
+      beforeEach(async function () {
+        await this.ClsiManager.promises.wordCount(
+          this.project._id,
+          this.user_id,
+          false,
+          { compileBackendClass: 'e2', compileGroup: 'standard' },
+          'node-1'
+        )
+      })
+
+      it('should call wordCount with root file', function () {
+        expect(this.FetchUtils.fetchString).to.have.been.calledWith(
+          sinon.match(
+            url =>
+              url.toString() ===
+              `http://clsi.example.com/project/${this.project._id}/user/${this.user_id}/wordcount?compileBackendClass=e2&compileGroup=standard&file=main.tex&image=mock-image-name&clsiserverid=node-1`
+          )
+        )
+      })
+
+      it('should not persist a cookie on response', function () {
+        expect(this.ClsiCookieManager.promises.setServerId).not.to.have.been
+          .called
+      })
+    })
+
+    describe('with param file', function () {
+      beforeEach(async function () {
+        await this.ClsiManager.promises.wordCount(
+          this.project._id,
+          this.user_id,
+          'other.tex',
+          { compileBackendClass: 'e2', compileGroup: 'standard' },
+          'node-2'
+        )
+      })
+
+      it('should call wordCount with param file', function () {
+        expect(this.FetchUtils.fetchString).to.have.been.calledWith(
+          sinon.match(
+            url =>
+              url.host === CLSI_HOST &&
+              url.pathname ===
+                `/project/${this.project._id}/user/${this.user_id}/wordcount` &&
+              url.searchParams.get('compileBackendClass') === 'e2' &&
+              url.searchParams.get('compileGroup') === 'standard' &&
+              url.searchParams.get('clsiserverid') === 'node-2' &&
+              url.searchParams.get('file') === 'other.tex' &&
+              url.searchParams.get('image') === 'mock-image-name'
+          )
+        )
+      })
+
+      it('should not persist a cookie on response', function () {
+        expect(this.ClsiCookieManager.promises.setServerId).not.to.have.been
+          .called
+      })
+    })
+  })
+})
+
+function _makeResources(project, docs, files) {
+  const resources = []
+  for (const [path, doc] of Object.entries(docs)) {
+    resources.push({
+      path: path.replace(/^\//, ''),
+      content: doc.lines.join('\n'),
+    })
+  }
+  for (const [path, file] of Object.entries(files)) {
+    let url, fallbackURL
+    if (file.hash === GLOBAL_BLOB_HASH) {
+      url = `${FILESTORE_URL}/bucket/global-blobs/key/aa/aa/aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa`
+      fallbackURL = `${FILESTORE_URL}/project/${project._id}/file/${file._id}`
+    } else if (file.hash) {
+      url = `${FILESTORE_URL}/bucket/project-blobs/key/${project.overleaf.history.id}/${file.hash}`
+      fallbackURL = `${FILESTORE_URL}/project/${project._id}/file/${file._id}`
+    } else {
+      url = `${FILESTORE_URL}/project/${project._id}/file/${file._id}`
+    }
+    resources.push({
+      path: path.replace(/^\//, ''),
+      url,
+      fallbackURL,
+      modified: file.created.getTime(),
+    })
+  }
+  return resources
+}
diff --git a/services/web/test/unit/src/Compile/ClsiStateManagerTests.js b/services/web/test/unit/src/Compile/ClsiStateManagerTests.js
new file mode 100644
index 0000000..c11240e
--- /dev/null
+++ b/services/web/test/unit/src/Compile/ClsiStateManagerTests.js
@@ -0,0 +1,204 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../../app/src/Features/Compile/ClsiStateManager.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('ClsiStateManager', function () {
+  beforeEach(function () {
+    this.ClsiStateManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': (this.settings = {}),
+        '../Project/ProjectEntityHandler': (this.ProjectEntityHandler = {}),
+      },
+    })
+    this.project = 'project'
+    this.options = { draft: true, isAutoCompile: false }
+    return (this.callback = sinon.stub())
+  })
+
+  describe('computeHash', function () {
+    beforeEach(function () {
+      this.docs = [
+        { path: '/main.tex', doc: { _id: 'doc-id-1' } },
+        { path: '/folder/sub.tex', doc: { _id: 'doc-id-2' } },
+      ]
+      this.files = [
+        {
+          path: '/figure.pdf',
+          file: { _id: 'file-id-1', rev: 123, created: 'aaaaaa' },
+        },
+        {
+          path: '/folder/fig2.pdf',
+          file: { _id: 'file-id-2', rev: 456, created: 'bbbbbb' },
+        },
+      ]
+      this.ProjectEntityHandler.getAllEntitiesFromProject = sinon
+        .stub()
+        .returns({ docs: this.docs, files: this.files })
+      this.hash0 = this.ClsiStateManager.computeHash(this.project, this.options)
+    })
+
+    describe('with a sample project', function () {
+      beforeEach(function () {})
+
+      it('should return a hash value', function () {
+        expect(
+          this.ClsiStateManager.computeHash(this.project, this.options)
+        ).to.equal('21b1ab73aa3892bec452baf8ffa0956179e1880f')
+      })
+    })
+
+    describe('when the files and docs are in a different order', function () {
+      beforeEach(function () {
+        ;[this.docs[0], this.docs[1]] = Array.from([this.docs[1], this.docs[0]])
+        ;[this.files[0], this.files[1]] = Array.from([
+          this.files[1],
+          this.files[0],
+        ])
+      })
+
+      it('should return the same hash value', function () {
+        expect(
+          this.ClsiStateManager.computeHash(this.project, this.options)
+        ).to.equal(this.hash0)
+      })
+    })
+
+    describe('when a doc is renamed', function () {
+      beforeEach(function () {
+        this.docs[0].path = '/new.tex'
+      })
+
+      it('should return a different hash value', function () {
+        expect(
+          this.ClsiStateManager.computeHash(this.project, this.options)
+        ).not.to.equal(this.hash0)
+      })
+    })
+
+    describe('when a file is renamed', function () {
+      beforeEach(function () {
+        this.files[0].path = '/newfigure.pdf'
+      })
+
+      it('should return a different hash value', function () {
+        expect(
+          this.ClsiStateManager.computeHash(this.project, this.options)
+        ).not.to.equal(this.hash0)
+      })
+    })
+
+    describe('when a doc is added', function () {
+      beforeEach(function () {
+        this.docs.push({ path: '/newdoc.tex', doc: { _id: 'newdoc-id' } })
+      })
+
+      it('should return a different hash value', function () {
+        expect(
+          this.ClsiStateManager.computeHash(this.project, this.options)
+        ).not.to.equal(this.hash0)
+      })
+    })
+
+    describe('when a file is added', function () {
+      beforeEach(function () {
+        this.files.push({
+          path: '/newfile.tex',
+          file: { _id: 'newfile-id', rev: 123 },
+        })
+      })
+
+      it('should return a different hash value', function () {
+        expect(
+          this.ClsiStateManager.computeHash(this.project, this.options)
+        ).not.to.equal(this.hash0)
+      })
+    })
+
+    describe('when a doc is removed', function () {
+      beforeEach(function () {
+        this.docs.pop()
+      })
+
+      it('should return a different hash value', function () {
+        expect(
+          this.ClsiStateManager.computeHash(this.project, this.options)
+        ).not.to.equal(this.hash0)
+      })
+    })
+
+    describe('when a file is removed', function () {
+      beforeEach(function () {
+        this.files.pop()
+      })
+
+      it('should return a different hash value', function () {
+        expect(
+          this.ClsiStateManager.computeHash(this.project, this.options)
+        ).not.to.equal(this.hash0)
+      })
+    })
+
+    describe("when a file's revision is updated", function () {
+      beforeEach(function () {
+        this.files[0].file.rev++
+      })
+
+      it('should return a different hash value', function () {
+        expect(
+          this.ClsiStateManager.computeHash(this.project, this.options)
+        ).not.to.equal(this.hash0)
+      })
+    })
+
+    describe("when a file's date is updated", function () {
+      beforeEach(function () {
+        this.files[0].file.created = 'zzzzzz'
+      })
+
+      it('should return a different hash value', function () {
+        expect(
+          this.ClsiStateManager.computeHash(this.project, this.options)
+        ).not.to.equal(this.hash0)
+      })
+    })
+
+    describe('when the compile options are changed', function () {
+      beforeEach(function () {
+        this.options.draft = !this.options.draft
+      })
+
+      it('should return a different hash value', function () {
+        expect(
+          this.ClsiStateManager.computeHash(this.project, this.options)
+        ).not.to.equal(this.hash0)
+      })
+    })
+
+    describe('when the isAutoCompile option is changed', function () {
+      beforeEach(function () {
+        this.options.isAutoCompile = !this.options.isAutoCompile
+      })
+
+      it('should return the same hash value', function () {
+        expect(
+          this.ClsiStateManager.computeHash(this.project, this.options)
+        ).to.equal(this.hash0)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Compile/CompileControllerTests.js b/services/web/test/unit/src/Compile/CompileControllerTests.js
new file mode 100644
index 0000000..aefa197
--- /dev/null
+++ b/services/web/test/unit/src/Compile/CompileControllerTests.js
@@ -0,0 +1,929 @@
+/* eslint-disable mocha/handle-done-callback */
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../../app/src/Features/Compile/CompileController.js'
+const SandboxedModule = require('sandboxed-module')
+const MockRequest = require('../helpers/MockRequest')
+const MockResponse = require('../helpers/MockResponse')
+const { Headers } = require('node-fetch')
+const { ReadableString } = require('@overleaf/stream-utils')
+
+describe('CompileController', function () {
+  beforeEach(function () {
+    this.user_id = 'wat'
+    this.user = {
+      _id: this.user_id,
+      email: 'user@example.com',
+      features: {
+        compileGroup: 'premium',
+        compileTimeout: 100,
+      },
+    }
+    this.CompileManager = { compile: sinon.stub() }
+    this.ClsiManager = {}
+    this.UserGetter = { getUser: sinon.stub() }
+    this.rateLimiter = {
+      consume: sinon.stub().resolves(),
+    }
+    this.RateLimiter = {
+      RateLimiter: sinon.stub().returns(this.rateLimiter),
+    }
+    this.settings = {
+      apis: {
+        clsi: {
+          url: 'http://clsi.example.com',
+          submissionBackendClass: 'n2d',
+        },
+        clsi_priority: {
+          url: 'http://clsi-priority.example.com',
+        },
+      },
+      defaultFeatures: {
+        compileGroup: 'standard',
+        compileTimeout: 60,
+      },
+      clsiCookie: {
+        key: 'cookie-key',
+      },
+    }
+    this.ClsiCookieManager = {
+      getServerId: sinon.stub().yields(null, 'clsi-server-id-from-redis'),
+    }
+    this.SessionManager = {
+      getLoggedInUser: sinon.stub().callsArgWith(1, null, this.user),
+      getLoggedInUserId: sinon.stub().returns(this.user_id),
+      getSessionUser: sinon.stub().returns(this.user),
+      isUserLoggedIn: sinon.stub().returns(true),
+    }
+    this.pipeline = sinon.stub().callsFake(async (stream, res) => {
+      if (res.callback) res.callback()
+    })
+    this.clsiStream = new ReadableString('{}')
+    this.clsiResponse = {
+      headers: new Headers({
+        'Content-Length': '2',
+        'Content-Type': 'application/json',
+      }),
+    }
+    this.fetchUtils = {
+      fetchStreamWithResponse: sinon.stub().resolves({
+        stream: this.clsiStream,
+        response: this.clsiResponse,
+      }),
+    }
+    this.CompileController = SandboxedModule.require(modulePath, {
+      requires: {
+        'stream/promises': { pipeline: this.pipeline },
+        '@overleaf/settings': this.settings,
+        '@overleaf/fetch-utils': this.fetchUtils,
+        request: (this.request = sinon.stub()),
+        '../Project/ProjectGetter': (this.ProjectGetter = {}),
+        '@overleaf/metrics': (this.Metrics = {
+          inc: sinon.stub(),
+          Timer: class {
+            constructor() {
+              this.labels = {}
+            }
+
+            done() {}
+          },
+        }),
+        './CompileManager': this.CompileManager,
+        '../User/UserGetter': this.UserGetter,
+        './ClsiManager': this.ClsiManager,
+        '../Authentication/SessionManager': this.SessionManager,
+        '../../infrastructure/RateLimiter': this.RateLimiter,
+        './ClsiCookieManager': () => this.ClsiCookieManager,
+        '../SplitTests/SplitTestHandler': {
+          getAssignment: (this.getAssignment = sinon.stub().yields(null, {
+            variant: 'default',
+          })),
+          promises: {
+            getAssignment: sinon.stub().resolves({
+              variant: 'default',
+            }),
+          },
+        },
+        '../Analytics/AnalyticsManager': {
+          recordEventForSession: sinon.stub(),
+        },
+      },
+    })
+    this.projectId = 'project-id'
+    this.build_id = '18fbe9e7564-30dcb2f71250c690'
+    this.next = sinon.stub()
+    this.req = new MockRequest()
+    this.res = new MockResponse()
+    this.res = new MockResponse()
+  })
+
+  describe('compile', function () {
+    beforeEach(function () {
+      this.req.params = { Project_id: this.projectId }
+      this.req.session = {}
+      this.CompileManager.compile = sinon.stub().callsArgWith(
+        3,
+        null,
+        (this.status = 'success'),
+        (this.outputFiles = [
+          {
+            path: 'output.pdf',
+            url: `/project/${this.projectId}/user/${this.user_id}/build/id/output.pdf`,
+            type: 'pdf',
+          },
+        ]),
+        undefined,
+        undefined,
+        undefined,
+        undefined,
+        undefined,
+        undefined,
+        this.build_id
+      )
+    })
+
+    describe('pdfDownloadDomain', function () {
+      beforeEach(function () {
+        this.settings.pdfDownloadDomain = 'https://compiles.overleaf.test'
+      })
+
+      describe('when clsi does not emit zone prefix', function () {
+        beforeEach(function (done) {
+          this.res.callback = done
+          this.CompileController.compile(this.req, this.res, this.next)
+        })
+
+        it('should add domain verbatim', function () {
+          this.res.statusCode.should.equal(200)
+          this.res.body.should.equal(
+            JSON.stringify({
+              status: this.status,
+              outputFiles: [
+                {
+                  path: 'output.pdf',
+                  url: `/project/${this.projectId}/user/${this.user_id}/build/id/output.pdf`,
+                  type: 'pdf',
+                },
+              ],
+              outputFilesArchive: {
+                path: 'output.zip',
+                url: `/project/${this.projectId}/user/wat/build/${this.build_id}/output/output.zip`,
+                type: 'zip',
+              },
+              pdfDownloadDomain: 'https://compiles.overleaf.test',
+            })
+          )
+        })
+      })
+
+      describe('when clsi emits a zone prefix', function () {
+        beforeEach(function (done) {
+          this.res.callback = done
+          this.CompileManager.compile = sinon.stub().callsArgWith(
+            3,
+            null,
+            (this.status = 'success'),
+            (this.outputFiles = [
+              {
+                path: 'output.pdf',
+                url: `/project/${this.projectId}/user/${this.user_id}/build/id/output.pdf`,
+                type: 'pdf',
+              },
+            ]),
+            undefined, // clsiServerId
+            undefined, // limits
+            undefined, // validationProblems
+            undefined, // stats
+            undefined, // timings
+            '/zone/b',
+            this.build_id
+          )
+          this.CompileController.compile(this.req, this.res, this.next)
+        })
+
+        it('should add the zone prefix', function () {
+          this.res.statusCode.should.equal(200)
+          this.res.body.should.equal(
+            JSON.stringify({
+              status: this.status,
+              outputFiles: [
+                {
+                  path: 'output.pdf',
+                  url: `/project/${this.projectId}/user/${this.user_id}/build/id/output.pdf`,
+                  type: 'pdf',
+                },
+              ],
+              outputFilesArchive: {
+                path: 'output.zip',
+                url: `/project/${this.projectId}/user/wat/build/${this.build_id}/output/output.zip`,
+                type: 'zip',
+              },
+              outputUrlPrefix: '/zone/b',
+              pdfDownloadDomain: 'https://compiles.overleaf.test/zone/b',
+            })
+          )
+        })
+      })
+    })
+
+    describe('when not an auto compile', function () {
+      beforeEach(function (done) {
+        this.res.callback = done
+        this.CompileController.compile(this.req, this.res, this.next)
+      })
+
+      it('should look up the user id', function () {
+        this.SessionManager.getLoggedInUserId
+          .calledWith(this.req.session)
+          .should.equal(true)
+      })
+
+      it('should do the compile without the auto compile flag', function () {
+        this.CompileManager.compile.should.have.been.calledWith(
+          this.projectId,
+          this.user_id,
+          {
+            isAutoCompile: false,
+            compileFromClsiCache: false,
+            populateClsiCache: false,
+            enablePdfCaching: false,
+            fileLineErrors: false,
+            stopOnFirstError: false,
+            editorId: undefined,
+          }
+        )
+      })
+
+      it('should set the content-type of the response to application/json', function () {
+        this.res.type.should.equal('application/json')
+      })
+
+      it('should send a successful response reporting the status and files', function () {
+        this.res.statusCode.should.equal(200)
+        this.res.body.should.equal(
+          JSON.stringify({
+            status: this.status,
+            outputFiles: this.outputFiles,
+            outputFilesArchive: {
+              path: 'output.zip',
+              url: `/project/${this.projectId}/user/wat/build/${this.build_id}/output/output.zip`,
+              type: 'zip',
+            },
+          })
+        )
+      })
+    })
+
+    describe('when an auto compile', function () {
+      beforeEach(function (done) {
+        this.res.callback = done
+        this.req.query = { auto_compile: 'true' }
+        this.CompileController.compile(this.req, this.res, this.next)
+      })
+
+      it('should do the compile with the auto compile flag', function () {
+        this.CompileManager.compile.should.have.been.calledWith(
+          this.projectId,
+          this.user_id,
+          {
+            isAutoCompile: true,
+            compileFromClsiCache: false,
+            populateClsiCache: false,
+            enablePdfCaching: false,
+            fileLineErrors: false,
+            stopOnFirstError: false,
+            editorId: undefined,
+          }
+        )
+      })
+    })
+
+    describe('with the draft attribute', function () {
+      beforeEach(function (done) {
+        this.res.callback = done
+        this.req.body = { draft: true }
+        this.CompileController.compile(this.req, this.res, this.next)
+      })
+
+      it('should do the compile without the draft compile flag', function () {
+        this.CompileManager.compile.should.have.been.calledWith(
+          this.projectId,
+          this.user_id,
+          {
+            isAutoCompile: false,
+            compileFromClsiCache: false,
+            populateClsiCache: false,
+            enablePdfCaching: false,
+            draft: true,
+            fileLineErrors: false,
+            stopOnFirstError: false,
+            editorId: undefined,
+          }
+        )
+      })
+    })
+
+    describe('with an editor id', function () {
+      beforeEach(function (done) {
+        this.res.callback = done
+        this.req.body = { editorId: 'the-editor-id' }
+        this.CompileController.compile(this.req, this.res, this.next)
+      })
+
+      it('should pass the editor id to the compiler', function () {
+        this.CompileManager.compile.should.have.been.calledWith(
+          this.projectId,
+          this.user_id,
+          {
+            isAutoCompile: false,
+            compileFromClsiCache: false,
+            populateClsiCache: false,
+            enablePdfCaching: false,
+            fileLineErrors: false,
+            stopOnFirstError: false,
+            editorId: 'the-editor-id',
+          }
+        )
+      })
+    })
+  })
+
+  describe('compileSubmission', function () {
+    beforeEach(function () {
+      this.submission_id = 'sub-1234'
+      this.req.params = { submission_id: this.submission_id }
+      this.req.body = {}
+      this.ClsiManager.sendExternalRequest = sinon
+        .stub()
+        .callsArgWith(
+          3,
+          null,
+          (this.status = 'success'),
+          (this.outputFiles = ['mock-output-files']),
+          (this.clsiServerId = 'mock-server-id'),
+          (this.validationProblems = null)
+        )
+    })
+
+    it('should set the content-type of the response to application/json', function () {
+      this.CompileController.compileSubmission(this.req, this.res, this.next)
+      this.res.contentType.calledWith('application/json').should.equal(true)
+    })
+
+    it('should send a successful response reporting the status and files', function () {
+      this.CompileController.compileSubmission(this.req, this.res, this.next)
+      this.res.statusCode.should.equal(200)
+      this.res.body.should.equal(
+        JSON.stringify({
+          status: this.status,
+          outputFiles: this.outputFiles,
+          clsiServerId: 'mock-server-id',
+          validationProblems: null,
+        })
+      )
+    })
+
+    describe('with compileGroup and timeout', function () {
+      beforeEach(function () {
+        this.req.body = {
+          compileGroup: 'special',
+          timeout: 600,
+        }
+        this.CompileController.compileSubmission(this.req, this.res, this.next)
+      })
+
+      it('should use the supplied values', function () {
+        this.ClsiManager.sendExternalRequest.should.have.been.calledWith(
+          this.submission_id,
+          { compileGroup: 'special', timeout: 600 },
+          { compileGroup: 'special', compileBackendClass: 'n2d', timeout: 600 }
+        )
+      })
+    })
+
+    describe('with other supported options but not compileGroup and timeout', function () {
+      beforeEach(function () {
+        this.req.body = {
+          rootResourcePath: 'main.tex',
+          compiler: 'lualatex',
+          draft: true,
+          check: 'validate',
+        }
+        this.CompileController.compileSubmission(this.req, this.res, this.next)
+      })
+
+      it('should use the other options but default values for compileGroup and timeout', function () {
+        this.ClsiManager.sendExternalRequest.should.have.been.calledWith(
+          this.submission_id,
+          {
+            rootResourcePath: 'main.tex',
+            compiler: 'lualatex',
+            draft: true,
+            check: 'validate',
+          },
+          {
+            rootResourcePath: 'main.tex',
+            compiler: 'lualatex',
+            draft: true,
+            check: 'validate',
+            compileGroup: 'standard',
+            compileBackendClass: 'n2d',
+            timeout: 60,
+          }
+        )
+      })
+    })
+  })
+
+  describe('downloadPdf', function () {
+    beforeEach(function () {
+      this.req.params = { Project_id: this.projectId }
+
+      this.project = { name: 'test namè; 1' }
+      this.ProjectGetter.getProject = sinon
+        .stub()
+        .callsArgWith(2, null, this.project)
+    })
+
+    describe('when downloading for embedding', function () {
+      beforeEach(function (done) {
+        this.CompileController.proxyToClsi = sinon
+          .stub()
+          .callsFake(() => done())
+        this.CompileController.downloadPdf(this.req, this.res, this.next)
+      })
+
+      it('should look up the project', function () {
+        this.ProjectGetter.getProject
+          .calledWith(this.projectId, { name: 1 })
+          .should.equal(true)
+      })
+
+      it('should set the content-type of the response to application/pdf', function () {
+        this.res.contentType.calledWith('application/pdf').should.equal(true)
+      })
+
+      it('should set the content-disposition header with a safe version of the project name', function () {
+        this.res.setContentDisposition.should.be.calledWith('inline', {
+          filename: 'test_namè__1.pdf',
+        })
+      })
+
+      it('should increment the pdf-downloads metric', function () {
+        this.Metrics.inc.calledWith('pdf-downloads').should.equal(true)
+      })
+
+      it('should proxy the PDF from the CLSI', function () {
+        this.CompileController.proxyToClsi
+          .calledWith(
+            this.projectId,
+            'output-file',
+            `/project/${this.projectId}/user/${this.user_id}/output/output.pdf`,
+            {},
+            this.req,
+            this.res,
+            this.next
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('when a build-id is provided', function () {
+      beforeEach(function (done) {
+        this.req.params.build_id = this.build_id
+        this.CompileController.proxyToClsi = sinon
+          .stub()
+          .callsFake(() => done())
+        this.CompileController.downloadPdf(this.req, this.res, this.next)
+      })
+
+      it('should proxy the PDF from the CLSI, with a build-id', function () {
+        this.CompileController.proxyToClsi
+          .calledWith(
+            this.projectId,
+            'output-file',
+            `/project/${this.projectId}/user/${this.user_id}/build/${this.build_id}/output/output.pdf`,
+            {},
+            this.req,
+            this.res,
+            this.next
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('getFileFromClsiWithoutUser', function () {
+    beforeEach(function () {
+      this.submission_id = 'sub-1234'
+      this.file = 'project.pdf'
+      this.req.params = {
+        submission_id: this.submission_id,
+        build_id: this.build_id,
+        file: this.file,
+      }
+      this.req.body = {}
+      this.expected_url = `/project/${this.submission_id}/build/${this.build_id}/output/${this.file}`
+      this.CompileController.proxyToClsiWithLimits = sinon.stub()
+    })
+
+    describe('without limits specified', function () {
+      beforeEach(function () {
+        this.CompileController.getFileFromClsiWithoutUser(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should proxy to CLSI with correct URL and default limits', function () {
+        this.CompileController.proxyToClsiWithLimits.should.have.been.calledWith(
+          this.submission_id,
+          'output-file',
+          this.expected_url,
+          {},
+          {
+            compileGroup: 'standard',
+            compileBackendClass: 'n2d',
+          }
+        )
+      })
+    })
+
+    describe('with limits specified', function () {
+      beforeEach(function () {
+        this.req.body = { compileTimeout: 600, compileGroup: 'special' }
+        this.CompileController.getFileFromClsiWithoutUser(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should proxy to CLSI with correct URL and specified limits', function () {
+        this.CompileController.proxyToClsiWithLimits.should.have.been.calledWith(
+          this.submission_id,
+          'output-file',
+          this.expected_url,
+          {},
+          {
+            compileGroup: 'special',
+            compileBackendClass: 'n2d',
+          }
+        )
+      })
+    })
+  })
+  describe('proxySyncCode', function () {
+    let file, line, column, imageName, editorId, buildId
+
+    beforeEach(function (done) {
+      this.req.params = { Project_id: this.projectId }
+      file = 'main.tex'
+      line = String(Date.now())
+      column = String(Date.now() + 1)
+      editorId = '172977cb-361e-4854-a4dc-a71cf11512e5'
+      buildId = '195b4a3f9e7-03e5be430a9e7796'
+      this.req.query = { file, line, column, editorId, buildId }
+
+      imageName = 'foo/bar:tag-0'
+      this.ProjectGetter.getProject = sinon.stub().yields(null, { imageName })
+
+      this.next.callsFake(done)
+      this.res.callback = done
+      this.CompileController.proxyToClsi = sinon.stub().callsFake(() => done())
+
+      this.CompileController.proxySyncCode(this.req, this.res, this.next)
+    })
+
+    it('should proxy the request with an imageName', function () {
+      expect(this.CompileController.proxyToClsi).to.have.been.calledWith(
+        this.projectId,
+        'sync-to-code',
+        `/project/${this.projectId}/user/${this.user_id}/sync/code`,
+        {
+          file,
+          line,
+          column,
+          imageName,
+          editorId,
+          buildId,
+          compileFromClsiCache: false,
+        },
+        this.req,
+        this.res,
+        this.next
+      )
+    })
+  })
+
+  describe('proxySyncPdf', function () {
+    let page, h, v, imageName, editorId, buildId
+
+    beforeEach(function (done) {
+      this.req.params = { Project_id: this.projectId }
+      page = String(Date.now())
+      h = String(Math.random())
+      v = String(Math.random())
+      editorId = '172977cb-361e-4854-a4dc-a71cf11512e5'
+      buildId = '195b4a3f9e7-03e5be430a9e7796'
+      this.req.query = { page, h, v, editorId, buildId }
+
+      imageName = 'foo/bar:tag-1'
+      this.ProjectGetter.getProject = sinon.stub().yields(null, { imageName })
+
+      this.next.callsFake(done)
+      this.res.callback = done
+      this.CompileController.proxyToClsi = sinon.stub().callsFake(() => done())
+
+      this.CompileController.proxySyncPdf(this.req, this.res, this.next)
+    })
+
+    it('should proxy the request with an imageName', function () {
+      expect(this.CompileController.proxyToClsi).to.have.been.calledWith(
+        this.projectId,
+        'sync-to-pdf',
+        `/project/${this.projectId}/user/${this.user_id}/sync/pdf`,
+        {
+          page,
+          h,
+          v,
+          imageName,
+          editorId,
+          buildId,
+          compileFromClsiCache: false,
+        },
+        this.req,
+        this.res,
+        this.next
+      )
+    })
+  })
+
+  describe('proxyToClsi', function () {
+    beforeEach(function () {
+      this.req.method = 'mock-method'
+      this.req.headers = {
+        Mock: 'Headers',
+        Range: '123-456',
+        'If-Range': 'abcdef',
+        'If-Modified-Since': 'Mon, 15 Dec 2014 15:23:56 GMT',
+      }
+    })
+
+    describe('old pdf viewer', function () {
+      describe('user with standard priority', function () {
+        beforeEach(function (done) {
+          this.res.callback = done
+          this.CompileManager.getProjectCompileLimits = sinon
+            .stub()
+            .callsArgWith(1, null, {
+              compileGroup: 'standard',
+              compileBackendClass: 'e2',
+            })
+          this.CompileController.proxyToClsi(
+            this.projectId,
+            'output-file',
+            (this.url = '/test'),
+            { query: 'foo' },
+            this.req,
+            this.res,
+            this.next
+          )
+        })
+
+        it('should open a request to the CLSI', function () {
+          this.fetchUtils.fetchStreamWithResponse.should.have.been.calledWith(
+            `${this.settings.apis.clsi.url}${this.url}?compileGroup=standard&compileBackendClass=e2&query=foo`
+          )
+        })
+
+        it('should pass the request on to the client', function () {
+          this.pipeline.should.have.been.calledWith(this.clsiStream, this.res)
+        })
+      })
+
+      describe('user with priority compile', function () {
+        beforeEach(function (done) {
+          this.res.callback = done
+          this.CompileManager.getProjectCompileLimits = sinon
+            .stub()
+            .callsArgWith(1, null, {
+              compileGroup: 'priority',
+              compileBackendClass: 'c2d',
+            })
+          this.CompileController.proxyToClsi(
+            this.projectId,
+            'output-file',
+            (this.url = '/test'),
+            {},
+            this.req,
+            this.res,
+            this.next
+          )
+        })
+
+        it('should open a request to the CLSI', function () {
+          this.fetchUtils.fetchStreamWithResponse.should.have.been.calledWith(
+            `${this.settings.apis.clsi.url}${this.url}?compileGroup=priority&compileBackendClass=c2d`
+          )
+        })
+      })
+
+      describe('user with standard priority via query string', function () {
+        beforeEach(function (done) {
+          this.res.callback = done
+          this.req.query = { compileGroup: 'standard' }
+          this.CompileManager.getProjectCompileLimits = sinon
+            .stub()
+            .callsArgWith(1, null, {
+              compileGroup: 'standard',
+              compileBackendClass: 'e2',
+            })
+          this.CompileController.proxyToClsi(
+            this.projectId,
+            'output-file',
+            (this.url = '/test'),
+            {},
+            this.req,
+            this.res,
+            this.next
+          )
+        })
+
+        it('should open a request to the CLSI', function () {
+          this.fetchUtils.fetchStreamWithResponse.should.have.been.calledWith(
+            `${this.settings.apis.clsi.url}${this.url}?compileGroup=standard&compileBackendClass=e2`
+          )
+        })
+
+        it('should pass the request on to the client', function () {
+          this.pipeline.should.have.been.calledWith(this.clsiStream, this.res)
+        })
+      })
+
+      describe('user with non-existent priority via query string', function () {
+        beforeEach(function (done) {
+          this.res.callback = done
+          this.req.query = { compileGroup: 'foobar' }
+          this.CompileManager.getProjectCompileLimits = sinon
+            .stub()
+            .callsArgWith(1, null, {
+              compileGroup: 'standard',
+              compileBackendClass: 'e2',
+            })
+          this.CompileController.proxyToClsi(
+            this.projectId,
+            'output-file',
+            (this.url = '/test'),
+            {},
+            this.req,
+            this.res,
+            this.next
+          )
+        })
+
+        it('should proxy to the standard url', function () {
+          this.fetchUtils.fetchStreamWithResponse.should.have.been.calledWith(
+            `${this.settings.apis.clsi.url}${this.url}?compileGroup=standard&compileBackendClass=e2`
+          )
+        })
+      })
+
+      describe('user with build parameter via query string', function () {
+        beforeEach(function (done) {
+          this.res.callback = done
+          this.CompileManager.getProjectCompileLimits = sinon
+            .stub()
+            .callsArgWith(1, null, {
+              compileGroup: 'standard',
+              compileBackendClass: 'e2',
+            })
+          this.req.query = { build: 1234 }
+          this.CompileController.proxyToClsi(
+            this.projectId,
+            'output-file',
+            (this.url = '/test'),
+            {},
+            this.req,
+            this.res,
+            this.next
+          )
+        })
+
+        it('should proxy to the standard url without the build parameter', function () {
+          this.fetchUtils.fetchStreamWithResponse.should.have.been.calledWith(
+            `${this.settings.apis.clsi.url}${this.url}?compileGroup=standard&compileBackendClass=e2`
+          )
+        })
+      })
+    })
+  })
+
+  describe('deleteAuxFiles', function () {
+    beforeEach(function () {
+      this.CompileManager.deleteAuxFiles = sinon.stub().yields()
+      this.req.params = { Project_id: this.projectId }
+      this.req.query = { clsiserverid: 'node-1' }
+      this.res.sendStatus = sinon.stub()
+      this.CompileController.deleteAuxFiles(this.req, this.res, this.next)
+    })
+
+    it('should proxy to the CLSI', function () {
+      this.CompileManager.deleteAuxFiles
+        .calledWith(this.projectId, this.user_id, 'node-1')
+        .should.equal(true)
+    })
+
+    it('should return a 200', function () {
+      this.res.sendStatus.calledWith(200).should.equal(true)
+    })
+  })
+
+  describe('compileAndDownloadPdf', function () {
+    beforeEach(function () {
+      this.req = {
+        params: {
+          project_id: this.projectId,
+        },
+      }
+      this.downloadPath = `/project/${this.projectId}/build/123/output/output.pdf`
+      this.CompileManager.compile.callsArgWith(3, null, 'success', [
+        {
+          path: 'output.pdf',
+          url: this.downloadPath,
+        },
+      ])
+      this.CompileController.proxyToClsi = sinon.stub()
+      this.res = { send: () => {}, sendStatus: sinon.stub() }
+    })
+
+    it('should call compile in the compile manager', function (done) {
+      this.CompileController.compileAndDownloadPdf(this.req, this.res)
+      this.CompileManager.compile.calledWith(this.projectId).should.equal(true)
+      done()
+    })
+
+    it('should proxy the res to the clsi with correct url', function (done) {
+      this.CompileController.compileAndDownloadPdf(this.req, this.res)
+      sinon.assert.calledWith(
+        this.CompileController.proxyToClsi,
+        this.projectId,
+        'output-file',
+        this.downloadPath,
+        {},
+        this.req,
+        this.res
+      )
+
+      this.CompileController.proxyToClsi
+        .calledWith(
+          this.projectId,
+          'output-file',
+          this.downloadPath,
+          {},
+          this.req,
+          this.res
+        )
+        .should.equal(true)
+      done()
+    })
+
+    it('should not download anything on compilation failures', function () {
+      this.CompileManager.compile.yields(new Error('failed'))
+      this.CompileController.compileAndDownloadPdf(this.req, this.res)
+      this.res.sendStatus.should.have.been.calledWith(500)
+      this.CompileController.proxyToClsi.should.not.have.been.called
+    })
+
+    it('should not download anything on missing pdf', function () {
+      this.CompileManager.compile.yields(null, 'success', [])
+      this.CompileController.compileAndDownloadPdf(this.req, this.res)
+      this.res.sendStatus.should.have.been.calledWith(500)
+      this.CompileController.proxyToClsi.should.not.have.been.called
+    })
+  })
+
+  describe('wordCount', function () {
+    beforeEach(function () {
+      this.CompileManager.wordCount = sinon
+        .stub()
+        .yields(null, { content: 'body' })
+      this.req.params = { Project_id: this.projectId }
+      this.req.query = { clsiserverid: 'node-42' }
+      this.res.json = sinon.stub()
+      this.res.contentType = sinon.stub()
+      this.CompileController.wordCount(this.req, this.res, this.next)
+    })
+
+    it('should proxy to the CLSI', function () {
+      this.CompileManager.wordCount
+        .calledWith(this.projectId, this.user_id, false, 'node-42')
+        .should.equal(true)
+    })
+
+    it('should return a 200 and body', function () {
+      this.res.json.calledWith({ content: 'body' }).should.equal(true)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Compile/CompileManagerTests.js b/services/web/test/unit/src/Compile/CompileManagerTests.js
new file mode 100644
index 0000000..41b27cb
--- /dev/null
+++ b/services/web/test/unit/src/Compile/CompileManagerTests.js
@@ -0,0 +1,431 @@
+const { expect } = require('chai')
+const sinon = require('sinon')
+const SandboxedModule = require('sandboxed-module')
+
+const MODULE_PATH = '../../../../app/src/Features/Compile/CompileManager.js'
+
+describe('CompileManager', function () {
+  beforeEach(function () {
+    this.rateLimiter = {
+      consume: sinon.stub().resolves(),
+    }
+    this.RateLimiter = {
+      RateLimiter: sinon.stub().returns(this.rateLimiter),
+    }
+    this.timer = {
+      done: sinon.stub(),
+    }
+    this.Metrics = {
+      Timer: sinon.stub().returns(this.timer),
+      inc: sinon.stub(),
+    }
+    this.CompileManager = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '@overleaf/settings': (this.settings = {
+          apis: {
+            clsi: { submissionBackendClass: 'n2d' },
+          },
+          redis: { web: { host: '127.0.0.1', port: 42 } },
+          rateLimit: { autoCompile: {} },
+        }),
+        '../../infrastructure/RedisWrapper': {
+          client: () =>
+            (this.rclient = {
+              auth() {},
+            }),
+        },
+        '../Project/ProjectRootDocManager': (this.ProjectRootDocManager = {
+          promises: {},
+        }),
+        '../Project/ProjectGetter': (this.ProjectGetter = { promises: {} }),
+        '../User/UserGetter': (this.UserGetter = { promises: {} }),
+        './ClsiManager': (this.ClsiManager = { promises: {} }),
+        '../../infrastructure/RateLimiter': this.RateLimiter,
+        '@overleaf/metrics': this.Metrics,
+        '../Analytics/UserAnalyticsIdCache': (this.UserAnalyticsIdCache = {
+          get: sinon.stub().resolves('abc'),
+        }),
+      },
+    })
+    this.project_id = 'mock-project-id-123'
+    this.user_id = 'mock-user-id-123'
+    this.callback = sinon.stub()
+    this.limits = {
+      timeout: 42,
+      compileGroup: 'standard',
+    }
+  })
+
+  describe('compile', function () {
+    beforeEach(function () {
+      this.CompileManager._checkIfRecentlyCompiled = sinon
+        .stub()
+        .resolves(false)
+      this.ProjectRootDocManager.promises.ensureRootDocumentIsSet = sinon
+        .stub()
+        .resolves()
+      this.CompileManager.promises.getProjectCompileLimits = sinon
+        .stub()
+        .resolves(this.limits)
+      this.ClsiManager.promises.sendRequest = sinon.stub().resolves({
+        status: (this.status = 'mock-status'),
+        outputFiles: (this.outputFiles = []),
+        clsiServerId: (this.output = 'mock output'),
+      })
+    })
+
+    describe('succesfully', function () {
+      let result
+      beforeEach(async function () {
+        this.CompileManager._checkIfAutoCompileLimitHasBeenHit = async (
+          isAutoCompile,
+          compileGroup
+        ) => true
+        this.ProjectGetter.promises.getProject = sinon
+          .stub()
+          .resolves(
+            (this.project = { owner_ref: (this.owner_id = 'owner-id-123') })
+          )
+        this.UserGetter.promises.getUser = sinon.stub().resolves(
+          (this.user = {
+            features: { compileTimeout: '20s', compileGroup: 'standard' },
+            analyticsId: 'abc',
+          })
+        )
+        result = await this.CompileManager.promises.compile(
+          this.project_id,
+          this.user_id,
+          {}
+        )
+      })
+
+      it('should check the project has not been recently compiled', function () {
+        this.CompileManager._checkIfRecentlyCompiled
+          .calledWith(this.project_id, this.user_id)
+          .should.equal(true)
+      })
+
+      it('should ensure that the root document is set', function () {
+        this.ProjectRootDocManager.promises.ensureRootDocumentIsSet
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should get the project compile limits', function () {
+        this.CompileManager.promises.getProjectCompileLimits
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should run the compile with the compile limits', function () {
+        this.ClsiManager.promises.sendRequest
+          .calledWith(this.project_id, this.user_id, {
+            timeout: this.limits.timeout,
+            compileGroup: 'standard',
+            buildId: sinon.match(/[a-f0-9]+-[a-f0-9]+/),
+          })
+          .should.equal(true)
+      })
+
+      it('should resolve with the output', function () {
+        expect(result).to.haveOwnProperty('status', this.status)
+        expect(result).to.haveOwnProperty('clsiServerId', this.output)
+        expect(result).to.haveOwnProperty('outputFiles', this.outputFiles)
+      })
+
+      it('should time the compile', function () {
+        this.timer.done.called.should.equal(true)
+      })
+    })
+
+    describe('when the project has been recently compiled', function () {
+      it('should return', function (done) {
+        this.CompileManager._checkIfAutoCompileLimitHasBeenHit = async (
+          isAutoCompile,
+          compileGroup
+        ) => true
+        this.CompileManager._checkIfRecentlyCompiled = sinon
+          .stub()
+          .resolves(true)
+        this.CompileManager.promises
+          .compile(this.project_id, this.user_id, {})
+          .then(({ status }) => {
+            status.should.equal('too-recently-compiled')
+            done()
+          })
+          .catch(error => {
+            // Catch any errors and fail the test
+            true.should.equal(false)
+            done(error)
+          })
+      })
+    })
+
+    describe('should check the rate limit', function () {
+      it('should return', function (done) {
+        this.CompileManager._checkIfAutoCompileLimitHasBeenHit = sinon
+          .stub()
+          .resolves(false)
+        this.CompileManager.promises
+          .compile(this.project_id, this.user_id, {})
+          .then(({ status }) => {
+            expect(status).to.equal('autocompile-backoff')
+            done()
+          })
+          .catch(err => done(err))
+      })
+    })
+  })
+
+  describe('getProjectCompileLimits', function () {
+    beforeEach(async function () {
+      this.features = {
+        compileTimeout: (this.timeout = 42),
+        compileGroup: (this.group = 'priority'),
+      }
+      this.ProjectGetter.promises.getProject = sinon
+        .stub()
+        .resolves(
+          (this.project = { owner_ref: (this.owner_id = 'owner-id-123') })
+        )
+      this.UserGetter.promises.getUser = sinon
+        .stub()
+        .resolves((this.user = { features: this.features, analyticsId: 'abc' }))
+      try {
+        const result =
+          await this.CompileManager.promises.getProjectCompileLimits(
+            this.project_id
+          )
+        this.callback(null, result)
+      } catch (error) {
+        this.callback(error)
+      }
+    })
+
+    it('should look up the owner of the project', function () {
+      this.ProjectGetter.promises.getProject
+        .calledWith(this.project_id, { owner_ref: 1 })
+        .should.equal(true)
+    })
+
+    it("should look up the owner's features", function () {
+      this.UserGetter.promises.getUser
+        .calledWith(this.project.owner_ref, {
+          _id: 1,
+          alphaProgram: 1,
+          analyticsId: 1,
+          betaProgram: 1,
+          features: 1,
+        })
+        .should.equal(true)
+    })
+
+    it('should return the limits', function () {
+      this.callback
+        .calledWith(null, {
+          timeout: this.timeout,
+          compileGroup: this.group,
+          compileBackendClass: 'c2d',
+          ownerAnalyticsId: 'abc',
+        })
+        .should.equal(true)
+    })
+  })
+
+  describe('compileBackendClass', function () {
+    beforeEach(function () {
+      this.features = {
+        compileTimeout: 42,
+        compileGroup: 'standard',
+      }
+      this.ProjectGetter.promises.getProject = sinon
+        .stub()
+        .resolves({ owner_ref: 'owner-id-123' })
+      this.UserGetter.promises.getUser = sinon
+        .stub()
+        .resolves({ features: this.features, analyticsId: 'abc' })
+    })
+
+    describe('with priority compile', function () {
+      beforeEach(function () {
+        this.features.compileGroup = 'priority'
+      })
+      it('should return the default class', function (done) {
+        this.CompileManager.getProjectCompileLimits(
+          this.project_id,
+          (err, { compileBackendClass }) => {
+            if (err) return done(err)
+            expect(compileBackendClass).to.equal('c2d')
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('deleteAuxFiles', function () {
+    let result
+
+    beforeEach(async function () {
+      this.CompileManager.promises.getProjectCompileLimits = sinon
+        .stub()
+        .resolves((this.limits = { compileGroup: 'mock-compile-group' }))
+      this.ClsiManager.promises.deleteAuxFiles = sinon.stub().resolves('test')
+      result = await this.CompileManager.promises.deleteAuxFiles(
+        this.project_id,
+        this.user_id
+      )
+    })
+
+    it('should look up the compile group to use', function () {
+      this.CompileManager.promises.getProjectCompileLimits
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+
+    it('should delete the aux files', function () {
+      this.ClsiManager.promises.deleteAuxFiles
+        .calledWith(this.project_id, this.user_id, this.limits)
+        .should.equal(true)
+    })
+
+    it('should resolve', function () {
+      expect(result).not.to.be.undefined
+    })
+  })
+
+  describe('_checkIfRecentlyCompiled', function () {
+    describe('when the key exists in redis', function () {
+      let result
+
+      beforeEach(async function () {
+        this.rclient.set = sinon.stub().resolves(null)
+        result = await this.CompileManager._checkIfRecentlyCompiled(
+          this.project_id,
+          this.user_id
+        )
+      })
+
+      it('should try to set the key', function () {
+        this.rclient.set
+          .calledWith(
+            `compile:${this.project_id}:${this.user_id}`,
+            true,
+            'EX',
+            this.CompileManager.COMPILE_DELAY,
+            'NX'
+          )
+          .should.equal(true)
+      })
+
+      it('should resolve with true', function () {
+        result.should.equal(true)
+      })
+    })
+
+    describe('when the key does not exist in redis', function () {
+      let result
+
+      beforeEach(async function () {
+        this.rclient.set = sinon.stub().resolves('OK')
+        result = await this.CompileManager._checkIfRecentlyCompiled(
+          this.project_id,
+          this.user_id
+        )
+      })
+
+      it('should try to set the key', function () {
+        this.rclient.set
+          .calledWith(
+            `compile:${this.project_id}:${this.user_id}`,
+            true,
+            'EX',
+            this.CompileManager.COMPILE_DELAY,
+            'NX'
+          )
+          .should.equal(true)
+      })
+
+      it('should resolve with false', function () {
+        result.should.equal(false)
+      })
+    })
+  })
+
+  describe('_checkIfAutoCompileLimitHasBeenHit', function () {
+    it('should be able to compile if it is not an autocompile', async function () {
+      const canCompile =
+        await this.CompileManager._checkIfAutoCompileLimitHasBeenHit(
+          false,
+          'everyone'
+        )
+      expect(canCompile).to.equal(true)
+    })
+
+    it('should be able to compile if rate limit has remaining', async function () {
+      const canCompile =
+        await this.CompileManager._checkIfAutoCompileLimitHasBeenHit(
+          true,
+          'everyone'
+        )
+
+      expect(this.rateLimiter.consume).to.have.been.calledWith('global')
+      expect(canCompile).to.equal(true)
+    })
+
+    it('should be not able to compile if rate limit has no remianing', async function () {
+      this.rateLimiter.consume.rejects({ remainingPoints: 0 })
+      const canCompile =
+        await this.CompileManager._checkIfAutoCompileLimitHasBeenHit(
+          true,
+          'everyone'
+        )
+
+      expect(canCompile).to.equal(false)
+    })
+
+    it('should return false if there is an error in the rate limit', async function () {
+      this.rateLimiter.consume.rejects(new Error('BOOM!'))
+      const canCompile =
+        await this.CompileManager._checkIfAutoCompileLimitHasBeenHit(
+          true,
+          'everyone'
+        )
+
+      expect(canCompile).to.equal(false)
+    })
+  })
+
+  describe('wordCount', function () {
+    let result
+    const wordCount = 1
+
+    beforeEach(async function () {
+      this.CompileManager.promises.getProjectCompileLimits = sinon
+        .stub()
+        .resolves((this.limits = { compileGroup: 'mock-compile-group' }))
+      this.ClsiManager.promises.wordCount = sinon.stub().resolves(wordCount)
+      result = await this.CompileManager.promises.wordCount(
+        this.project_id,
+        this.user_id,
+        false
+      )
+    })
+
+    it('should look up the compile group to use', function () {
+      this.CompileManager.promises.getProjectCompileLimits
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+
+    it('should call wordCount for project', function () {
+      this.ClsiManager.promises.wordCount
+        .calledWith(this.project_id, this.user_id, false, this.limits)
+        .should.equal(true)
+    })
+
+    it('should resolve with the wordCount from the ClsiManager', function () {
+      expect(result).to.equal(wordCount)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Contact/ContactControllerTests.mjs b/services/web/test/unit/src/Contact/ContactControllerTests.mjs
new file mode 100644
index 0000000..ea5a1d0
--- /dev/null
+++ b/services/web/test/unit/src/Contact/ContactControllerTests.mjs
@@ -0,0 +1,129 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import esmock from 'esmock'
+import MockResponse from '../helpers/MockResponse.js'
+const modulePath = '../../../../app/src/Features/Contacts/ContactController.mjs'
+
+describe('ContactController', function () {
+  beforeEach(async function () {
+    this.SessionManager = { getLoggedInUserId: sinon.stub() }
+    this.ContactController = await esmock.strict(modulePath, {
+      '../../../../app/src/Features/User/UserGetter': (this.UserGetter = {
+        promises: {},
+      }),
+      '../../../../app/src/Features/Contacts/ContactManager':
+        (this.ContactManager = { promises: {} }),
+      '../../../../app/src/Features/Authentication/SessionManager':
+        (this.SessionManager = {}),
+      '../../../../app/src/infrastructure/Modules': (this.Modules = {
+        promises: { hooks: {} },
+      }),
+    })
+
+    this.req = {}
+    this.res = new MockResponse()
+  })
+
+  describe('getContacts', function () {
+    beforeEach(function () {
+      this.user_id = 'mock-user-id'
+      this.contact_ids = ['contact-1', 'contact-2', 'contact-3']
+      this.contacts = [
+        {
+          _id: 'contact-1',
+          email: 'joe@example.com',
+          first_name: 'Joe',
+          last_name: 'Example',
+          unsued: 'foo',
+        },
+        {
+          _id: 'contact-2',
+          email: 'jane@example.com',
+          first_name: 'Jane',
+          last_name: 'Example',
+          unsued: 'foo',
+          holdingAccount: true,
+        },
+        {
+          _id: 'contact-3',
+          email: 'jim@example.com',
+          first_name: 'Jim',
+          last_name: 'Example',
+          unsued: 'foo',
+        },
+      ]
+      this.SessionManager.getLoggedInUserId = sinon.stub().returns(this.user_id)
+      this.ContactManager.promises.getContactIds = sinon
+        .stub()
+        .resolves(this.contact_ids)
+      this.UserGetter.promises.getUsers = sinon.stub().resolves(this.contacts)
+      this.Modules.promises.hooks.fire = sinon.stub()
+    })
+
+    it('should look up the logged in user id', async function () {
+      this.ContactController.getContacts(this.req, this.res)
+      this.SessionManager.getLoggedInUserId
+        .calledWith(this.req.session)
+        .should.equal(true)
+    })
+
+    it('should get the users contact ids', async function () {
+      this.res.callback = () => {
+        expect(
+          this.ContactManager.promises.getContactIds
+        ).to.have.been.calledWith(this.user_id, { limit: 50 })
+      }
+      this.ContactController.getContacts(this.req, this.res)
+    })
+
+    it('should populate the users contacts ids', function (done) {
+      this.res.callback = () => {
+        expect(this.UserGetter.promises.getUsers).to.have.been.calledWith(
+          this.contact_ids,
+          {
+            email: 1,
+            first_name: 1,
+            last_name: 1,
+            holdingAccount: 1,
+          }
+        )
+        done()
+      }
+      this.ContactController.getContacts(this.req, this.res, done)
+    })
+
+    it('should fire the getContact module hook', function (done) {
+      this.res.callback = () => {
+        expect(this.Modules.promises.hooks.fire).to.have.been.calledWith(
+          'getContacts',
+          this.user_id
+        )
+        done()
+      }
+      this.ContactController.getContacts(this.req, this.res, done)
+    })
+
+    it('should return a formatted list of contacts in contact list order, without holding accounts', function (done) {
+      this.res.callback = () => {
+        this.res.json.args[0][0].contacts.should.deep.equal([
+          {
+            id: 'contact-1',
+            email: 'joe@example.com',
+            first_name: 'Joe',
+            last_name: 'Example',
+            type: 'user',
+          },
+          {
+            id: 'contact-3',
+            email: 'jim@example.com',
+            first_name: 'Jim',
+            last_name: 'Example',
+            type: 'user',
+          },
+        ])
+        done()
+      }
+      this.ContactController.getContacts(this.req, this.res, done)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Contact/ContactManagerTests.js b/services/web/test/unit/src/Contact/ContactManagerTests.js
new file mode 100644
index 0000000..5d6029c
--- /dev/null
+++ b/services/web/test/unit/src/Contact/ContactManagerTests.js
@@ -0,0 +1,104 @@
+const { expect } = require('chai')
+const sinon = require('sinon')
+const modulePath = '../../../../app/src/Features/Contacts/ContactManager'
+const SandboxedModule = require('sandboxed-module')
+
+describe('ContactManager', function () {
+  beforeEach(function () {
+    this.user_id = 'user-id-123'
+    this.contact_id = 'contact-id-123'
+    this.contact_ids = ['mock', 'contact_ids']
+    this.FetchUtils = {
+      fetchJson: sinon.stub(),
+    }
+    this.ContactManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/fetch-utils': this.FetchUtils,
+        '@overleaf/settings': (this.settings = {
+          apis: {
+            contacts: {
+              url: 'http://contacts.overleaf.com',
+            },
+          },
+        }),
+      },
+    })
+  })
+
+  describe('getContacts', function () {
+    describe('with a successful response code', function () {
+      beforeEach(async function () {
+        this.FetchUtils.fetchJson.resolves({ contact_ids: this.contact_ids })
+
+        this.result = await this.ContactManager.promises.getContactIds(
+          this.user_id,
+          { limit: 42 }
+        )
+      })
+
+      it('should get the contacts from the contacts api', function () {
+        this.FetchUtils.fetchJson.should.have.been.calledWithMatch(
+          sinon.match(
+            url =>
+              url.toString() ===
+              `${this.settings.apis.contacts.url}/user/${this.user_id}/contacts?limit=42`
+          )
+        )
+      })
+
+      it('should return the contacts', function () {
+        this.result.should.equal(this.contact_ids)
+      })
+    })
+
+    describe('when an error occurs', function () {
+      beforeEach(async function () {
+        this.response = {
+          ok: false,
+          statusCode: 500,
+          json: sinon.stub().resolves({ contact_ids: this.contact_ids }),
+        }
+        this.FetchUtils.fetchJson.rejects(new Error('request error'))
+      })
+
+      it('should reject the promise', async function () {
+        await expect(
+          this.ContactManager.promises.getContactIds(this.user_id, {
+            limit: 42,
+          })
+        ).to.be.rejected
+      })
+    })
+  })
+
+  describe('addContact', function () {
+    describe('with a successful response code', function () {
+      beforeEach(async function () {
+        this.FetchUtils.fetchJson.resolves({ contact_ids: this.contact_ids })
+
+        this.result = await this.ContactManager.promises.addContact(
+          this.user_id,
+          this.contact_id
+        )
+      })
+
+      it('should add the contacts for the user in the contacts api', function () {
+        this.FetchUtils.fetchJson.should.have.been.calledWithMatch(
+          sinon.match(
+            url =>
+              url.toString() ===
+              `${this.settings.apis.contacts.url}/user/${this.user_id}/contacts`
+          ),
+          sinon.match({
+            method: 'POST',
+            json: { contact_id: this.contact_id },
+          })
+        )
+      })
+
+      it('should call the callback', function () {
+        this.result.should.equal(this.contact_ids)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Cooldown/CooldownManagerTests.js b/services/web/test/unit/src/Cooldown/CooldownManagerTests.js
new file mode 100644
index 0000000..ba4245e
--- /dev/null
+++ b/services/web/test/unit/src/Cooldown/CooldownManagerTests.js
@@ -0,0 +1,181 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = require('path').join(
+  __dirname,
+  '../../../../app/src/Features/Cooldown/CooldownManager'
+)
+
+describe('CooldownManager', function () {
+  beforeEach(function () {
+    this.projectId = 'abcdefg'
+    this.rclient = { set: sinon.stub(), get: sinon.stub() }
+    this.RedisWrapper = { client: () => this.rclient }
+    return (this.CooldownManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../infrastructure/RedisWrapper': this.RedisWrapper,
+      },
+    }))
+  })
+
+  describe('_buildKey', function () {
+    it('should build a properly formatted redis key', function () {
+      return expect(this.CooldownManager._buildKey('ABC')).to.equal(
+        'Cooldown:{ABC}'
+      )
+    })
+  })
+
+  describe('isProjectOnCooldown', function () {
+    beforeEach(function () {
+      return (this.call = cb => {
+        return this.CooldownManager.isProjectOnCooldown(this.projectId, cb)
+      })
+    })
+
+    describe('when project is on cooldown', function () {
+      beforeEach(function () {
+        return (this.rclient.get = sinon.stub().callsArgWith(1, null, '1'))
+      })
+
+      it('should fetch key from redis', function (done) {
+        return this.call((err, result) => {
+          this.rclient.get.callCount.should.equal(1)
+          this.rclient.get.calledWith('Cooldown:{abcdefg}').should.equal(true)
+          return done()
+        })
+      })
+
+      it('should not produce an error', function (done) {
+        return this.call((err, result) => {
+          expect(err).to.equal(null)
+          return done()
+        })
+      })
+
+      it('should produce a true result', function (done) {
+        return this.call((err, result) => {
+          expect(result).to.equal(true)
+          return done()
+        })
+      })
+    })
+
+    describe('when project is not on cooldown', function () {
+      beforeEach(function () {
+        return (this.rclient.get = sinon.stub().callsArgWith(1, null, null))
+      })
+
+      it('should fetch key from redis', function (done) {
+        return this.call((err, result) => {
+          this.rclient.get.callCount.should.equal(1)
+          this.rclient.get.calledWith('Cooldown:{abcdefg}').should.equal(true)
+          return done()
+        })
+      })
+
+      it('should not produce an error', function (done) {
+        return this.call((err, result) => {
+          expect(err).to.equal(null)
+          return done()
+        })
+      })
+
+      it('should produce a false result', function (done) {
+        return this.call((err, result) => {
+          expect(result).to.equal(false)
+          return done()
+        })
+      })
+    })
+
+    describe('when rclient.get produces an error', function () {
+      beforeEach(function () {
+        return (this.rclient.get = sinon
+          .stub()
+          .callsArgWith(1, new Error('woops')))
+      })
+
+      it('should fetch key from redis', function (done) {
+        return this.call((err, result) => {
+          this.rclient.get.callCount.should.equal(1)
+          this.rclient.get.calledWith('Cooldown:{abcdefg}').should.equal(true)
+          return done()
+        })
+      })
+
+      it('should produce an error', function (done) {
+        return this.call((err, result) => {
+          expect(err).to.not.equal(null)
+          expect(err).to.be.instanceof(Error)
+          return done()
+        })
+      })
+    })
+  })
+
+  describe('putProjectOnCooldown', function () {
+    beforeEach(function () {
+      return (this.call = cb => {
+        return this.CooldownManager.putProjectOnCooldown(this.projectId, cb)
+      })
+    })
+
+    describe('when rclient.set does not produce an error', function () {
+      beforeEach(function () {
+        return (this.rclient.set = sinon.stub().callsArgWith(4, null))
+      })
+
+      it('should set a key in redis', function (done) {
+        return this.call(err => {
+          this.rclient.set.callCount.should.equal(1)
+          this.rclient.set.calledWith('Cooldown:{abcdefg}').should.equal(true)
+          return done()
+        })
+      })
+
+      it('should not produce an error', function (done) {
+        return this.call(err => {
+          expect(err).to.equal(null)
+          return done()
+        })
+      })
+    })
+
+    describe('when rclient.set produces an error', function () {
+      beforeEach(function () {
+        return (this.rclient.set = sinon
+          .stub()
+          .callsArgWith(4, new Error('woops')))
+      })
+
+      it('should set a key in redis', function (done) {
+        return this.call(err => {
+          this.rclient.set.callCount.should.equal(1)
+          this.rclient.set.calledWith('Cooldown:{abcdefg}').should.equal(true)
+          return done()
+        })
+      })
+
+      it('produce an error', function (done) {
+        return this.call(err => {
+          expect(err).to.not.equal(null)
+          expect(err).to.be.instanceof(Error)
+          return done()
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Cooldown/CooldownMiddlewareTests.mjs b/services/web/test/unit/src/Cooldown/CooldownMiddlewareTests.mjs
new file mode 100644
index 0000000..22d05fb
--- /dev/null
+++ b/services/web/test/unit/src/Cooldown/CooldownMiddlewareTests.mjs
@@ -0,0 +1,134 @@
+/* eslint-disable
+    max-len,
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import esmock from 'esmock'
+import sinon from 'sinon'
+import { expect } from 'chai'
+const modulePath = new URL(
+  '../../../../app/src/Features/Cooldown/CooldownMiddleware.mjs',
+  import.meta.url
+).pathname
+
+describe('CooldownMiddleware', function () {
+  beforeEach(async function () {
+    this.CooldownManager = { isProjectOnCooldown: sinon.stub() }
+    return (this.CooldownMiddleware = await esmock.strict(modulePath, {
+      '../../../../app/src/Features/Cooldown/CooldownManager.js':
+        this.CooldownManager,
+    }))
+  })
+
+  describe('freezeProject', function () {
+    describe('when project is on cooldown', function () {
+      beforeEach(function () {
+        this.CooldownManager.isProjectOnCooldown = sinon
+          .stub()
+          .callsArgWith(1, null, true)
+        this.req = { params: { Project_id: 'abc' } }
+        this.res = { sendStatus: sinon.stub() }
+        return (this.next = sinon.stub())
+      })
+
+      it('should call CooldownManager.isProjectOnCooldown', function () {
+        this.CooldownMiddleware.freezeProject(this.req, this.res, this.next)
+        this.CooldownManager.isProjectOnCooldown.callCount.should.equal(1)
+        return this.CooldownManager.isProjectOnCooldown
+          .calledWith('abc')
+          .should.equal(true)
+      })
+
+      it('should not produce an error', function () {
+        this.CooldownMiddleware.freezeProject(this.req, this.res, this.next)
+        return this.next.callCount.should.equal(0)
+      })
+
+      it('should send a 429 status', function () {
+        this.CooldownMiddleware.freezeProject(this.req, this.res, this.next)
+        this.res.sendStatus.callCount.should.equal(1)
+        return this.res.sendStatus.calledWith(429).should.equal(true)
+      })
+    })
+
+    describe('when project is not on cooldown', function () {
+      beforeEach(function () {
+        this.CooldownManager.isProjectOnCooldown = sinon
+          .stub()
+          .callsArgWith(1, null, false)
+        this.req = { params: { Project_id: 'abc' } }
+        this.res = { sendStatus: sinon.stub() }
+        return (this.next = sinon.stub())
+      })
+
+      it('should call CooldownManager.isProjectOnCooldown', function () {
+        this.CooldownMiddleware.freezeProject(this.req, this.res, this.next)
+        this.CooldownManager.isProjectOnCooldown.callCount.should.equal(1)
+        return this.CooldownManager.isProjectOnCooldown
+          .calledWith('abc')
+          .should.equal(true)
+      })
+
+      it('call next with no arguments', function () {
+        this.CooldownMiddleware.freezeProject(this.req, this.res, this.next)
+        this.next.callCount.should.equal(1)
+        return expect(this.next.lastCall.args.length).to.equal(0)
+      })
+    })
+
+    describe('when isProjectOnCooldown produces an error', function () {
+      beforeEach(function () {
+        this.CooldownManager.isProjectOnCooldown = sinon
+          .stub()
+          .callsArgWith(1, new Error('woops'))
+        this.req = { params: { Project_id: 'abc' } }
+        this.res = { sendStatus: sinon.stub() }
+        return (this.next = sinon.stub())
+      })
+
+      it('should call CooldownManager.isProjectOnCooldown', function () {
+        this.CooldownMiddleware.freezeProject(this.req, this.res, this.next)
+        this.CooldownManager.isProjectOnCooldown.callCount.should.equal(1)
+        return this.CooldownManager.isProjectOnCooldown
+          .calledWith('abc')
+          .should.equal(true)
+      })
+
+      it('call next with an error', function () {
+        this.CooldownMiddleware.freezeProject(this.req, this.res, this.next)
+        this.next.callCount.should.equal(1)
+        return expect(this.next.lastCall.args[0]).to.be.instanceof(Error)
+      })
+    })
+
+    describe('when projectId is not part of route', function () {
+      beforeEach(function () {
+        this.CooldownManager.isProjectOnCooldown = sinon
+          .stub()
+          .callsArgWith(1, null, true)
+        this.req = { params: { lol: 'abc' } }
+        this.res = { sendStatus: sinon.stub() }
+        return (this.next = sinon.stub())
+      })
+
+      it('call next with an error', function () {
+        this.CooldownMiddleware.freezeProject(this.req, this.res, this.next)
+        this.next.callCount.should.equal(1)
+        return expect(this.next.lastCall.args[0]).to.be.instanceof(Error)
+      })
+
+      it('should not call CooldownManager.isProjectOnCooldown', function () {
+        this.CooldownMiddleware.freezeProject(this.req, this.res, this.next)
+        return this.CooldownManager.isProjectOnCooldown.callCount.should.equal(
+          0
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Docstore/DocstoreManagerTests.js b/services/web/test/unit/src/Docstore/DocstoreManagerTests.js
new file mode 100644
index 0000000..2995f90
--- /dev/null
+++ b/services/web/test/unit/src/Docstore/DocstoreManagerTests.js
@@ -0,0 +1,631 @@
+const sinon = require('sinon')
+const modulePath = '../../../../app/src/Features/Docstore/DocstoreManager'
+const SandboxedModule = require('sandboxed-module')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+const tk = require('timekeeper')
+
+describe('DocstoreManager', function () {
+  beforeEach(function () {
+    this.requestDefaults = sinon.stub().returns((this.request = sinon.stub()))
+    this.DocstoreManager = SandboxedModule.require(modulePath, {
+      requires: {
+        request: {
+          defaults: this.requestDefaults,
+        },
+        '@overleaf/settings': (this.settings = {
+          apis: {
+            docstore: {
+              url: 'docstore.overleaf.com',
+            },
+          },
+        }),
+      },
+    })
+
+    this.requestDefaults.calledWith({ jar: false }).should.equal(true)
+
+    this.project_id = 'project-id-123'
+    this.doc_id = 'doc-id-123'
+    this.callback = sinon.stub()
+  })
+
+  describe('deleteDoc', function () {
+    describe('with a successful response code', function () {
+      // for assertions on the deletedAt timestamp, we need to freeze the clock.
+      before(function () {
+        tk.freeze(Date.now())
+      })
+      after(function () {
+        tk.reset()
+      })
+
+      beforeEach(function () {
+        this.request.patch = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 204 }, '')
+        this.DocstoreManager.deleteDoc(
+          this.project_id,
+          this.doc_id,
+          'wombat.tex',
+          new Date(),
+          this.callback
+        )
+      })
+
+      it('should delete the doc in the docstore api', function () {
+        this.request.patch
+          .calledWith({
+            url: `${this.settings.apis.docstore.url}/project/${this.project_id}/doc/${this.doc_id}`,
+            json: { deleted: true, deletedAt: new Date(), name: 'wombat.tex' },
+            timeout: 30 * 1000,
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback without an error', function () {
+        this.callback.calledWith(null).should.equal(true)
+      })
+    })
+
+    describe('with a failed response code', function () {
+      beforeEach(function () {
+        this.request.patch = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 500 }, '')
+        this.DocstoreManager.deleteDoc(
+          this.project_id,
+          this.doc_id,
+          'main.tex',
+          new Date(),
+          this.callback
+        )
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'docstore api responded with non-success code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('with a missing (404) response code', function () {
+      beforeEach(function () {
+        this.request.patch = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 404 }, '')
+        this.DocstoreManager.deleteDoc(
+          this.project_id,
+          this.doc_id,
+          'main.tex',
+          new Date(),
+          this.callback
+        )
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Errors.NotFoundError)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'tried to delete doc not in docstore'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('updateDoc', function () {
+    beforeEach(function () {
+      this.lines = ['mock', 'doc', 'lines']
+      this.rev = 5
+      this.version = 42
+      this.ranges = { mock: 'ranges' }
+      this.modified = true
+    })
+
+    describe('with a successful response code', function () {
+      beforeEach(function () {
+        this.request.post = sinon
+          .stub()
+          .callsArgWith(
+            1,
+            null,
+            { statusCode: 204 },
+            { modified: this.modified, rev: this.rev }
+          )
+        this.DocstoreManager.updateDoc(
+          this.project_id,
+          this.doc_id,
+          this.lines,
+          this.version,
+          this.ranges,
+          this.callback
+        )
+      })
+
+      it('should update the doc in the docstore api', function () {
+        this.request.post
+          .calledWith({
+            url: `${this.settings.apis.docstore.url}/project/${this.project_id}/doc/${this.doc_id}`,
+            timeout: 30 * 1000,
+            json: {
+              lines: this.lines,
+              version: this.version,
+              ranges: this.ranges,
+            },
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback with the modified status and revision', function () {
+        this.callback
+          .calledWith(null, this.modified, this.rev)
+          .should.equal(true)
+      })
+    })
+
+    describe('with a failed response code', function () {
+      beforeEach(function () {
+        this.request.post = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 500 }, '')
+        this.DocstoreManager.updateDoc(
+          this.project_id,
+          this.doc_id,
+          this.lines,
+          this.version,
+          this.ranges,
+          this.callback
+        )
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'docstore api responded with non-success code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('getDoc', function () {
+    beforeEach(function () {
+      this.doc = {
+        lines: (this.lines = ['mock', 'doc', 'lines']),
+        rev: (this.rev = 5),
+        version: (this.version = 42),
+        ranges: (this.ranges = { mock: 'ranges' }),
+      }
+    })
+
+    describe('with a successful response code', function () {
+      beforeEach(function () {
+        this.request.get = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 204 }, this.doc)
+        this.DocstoreManager.getDoc(this.project_id, this.doc_id, this.callback)
+      })
+
+      it('should get the doc from the docstore api', function () {
+        this.request.get.should.have.been.calledWith({
+          url: `${this.settings.apis.docstore.url}/project/${this.project_id}/doc/${this.doc_id}`,
+          timeout: 30 * 1000,
+          json: true,
+        })
+      })
+
+      it('should call the callback with the lines, version and rev', function () {
+        this.callback
+          .calledWith(null, this.lines, this.rev, this.version, this.ranges)
+          .should.equal(true)
+      })
+    })
+
+    describe('with a failed response code', function () {
+      beforeEach(function () {
+        this.request.get = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 500 }, '')
+        this.DocstoreManager.getDoc(this.project_id, this.doc_id, this.callback)
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'docstore api responded with non-success code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('with include_deleted=true', function () {
+      beforeEach(function () {
+        this.request.get = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 204 }, this.doc)
+        this.DocstoreManager.getDoc(
+          this.project_id,
+          this.doc_id,
+          { include_deleted: true },
+          this.callback
+        )
+      })
+
+      it('should get the doc from the docstore api (including deleted)', function () {
+        this.request.get.should.have.been.calledWith({
+          url: `${this.settings.apis.docstore.url}/project/${this.project_id}/doc/${this.doc_id}`,
+          qs: { include_deleted: 'true' },
+          timeout: 30 * 1000,
+          json: true,
+        })
+      })
+
+      it('should call the callback with the lines, version and rev', function () {
+        this.callback
+          .calledWith(null, this.lines, this.rev, this.version, this.ranges)
+          .should.equal(true)
+      })
+    })
+
+    describe('with peek=true', function () {
+      beforeEach(function () {
+        this.request.get = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 204 }, this.doc)
+        this.DocstoreManager.getDoc(
+          this.project_id,
+          this.doc_id,
+          { peek: true },
+          this.callback
+        )
+      })
+
+      it('should call the docstore peek url', function () {
+        this.request.get.should.have.been.calledWith({
+          url: `${this.settings.apis.docstore.url}/project/${this.project_id}/doc/${this.doc_id}/peek`,
+          timeout: 30 * 1000,
+          json: true,
+        })
+      })
+    })
+
+    describe('with a missing (404) response code', function () {
+      beforeEach(function () {
+        this.request.get = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 404 }, '')
+        this.DocstoreManager.getDoc(this.project_id, this.doc_id, this.callback)
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Errors.NotFoundError)
+              .and(sinon.match.has('message', 'doc not found in docstore'))
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('getAllDocs', function () {
+    describe('with a successful response code', function () {
+      beforeEach(function () {
+        this.request.get = sinon
+          .stub()
+          .callsArgWith(
+            1,
+            null,
+            { statusCode: 204 },
+            (this.docs = [{ _id: 'mock-doc-id' }])
+          )
+        this.DocstoreManager.getAllDocs(this.project_id, this.callback)
+      })
+
+      it('should get all the project docs in the docstore api', function () {
+        this.request.get
+          .calledWith({
+            url: `${this.settings.apis.docstore.url}/project/${this.project_id}/doc`,
+            timeout: 30 * 1000,
+            json: true,
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback with the docs', function () {
+        this.callback.calledWith(null, this.docs).should.equal(true)
+      })
+    })
+
+    describe('with a failed response code', function () {
+      beforeEach(function () {
+        this.request.get = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 500 }, '')
+        this.DocstoreManager.getAllDocs(this.project_id, this.callback)
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'docstore api responded with non-success code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('getAllDeletedDocs', function () {
+    describe('with a successful response code', function () {
+      beforeEach(function (done) {
+        this.callback.callsFake(done)
+        this.docs = [{ _id: 'mock-doc-id', name: 'foo.tex' }]
+        this.request.get = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 200 }, this.docs)
+        this.DocstoreManager.getAllDeletedDocs(this.project_id, this.callback)
+      })
+
+      it('should get all the project docs in the docstore api', function () {
+        this.request.get.should.have.been.calledWith({
+          url: `${this.settings.apis.docstore.url}/project/${this.project_id}/doc-deleted`,
+          timeout: 30 * 1000,
+          json: true,
+        })
+      })
+
+      it('should call the callback with the docs', function () {
+        this.callback.should.have.been.calledWith(null, this.docs)
+      })
+    })
+
+    describe('with an error', function () {
+      beforeEach(function (done) {
+        this.callback.callsFake(() => done())
+        this.request.get = sinon
+          .stub()
+          .callsArgWith(1, new Error('connect failed'))
+        this.DocstoreManager.getAllDocs(this.project_id, this.callback)
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback.should.have.been.calledWith(
+          sinon.match
+            .instanceOf(Error)
+            .and(sinon.match.has('message', 'connect failed'))
+        )
+      })
+    })
+
+    describe('with a failed response code', function () {
+      beforeEach(function (done) {
+        this.callback.callsFake(() => done())
+        this.request.get = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 500 })
+        this.DocstoreManager.getAllDocs(this.project_id, this.callback)
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback.should.have.been.calledWith(
+          sinon.match
+            .instanceOf(Error)
+            .and(
+              sinon.match.has(
+                'message',
+                'docstore api responded with non-success code: 500'
+              )
+            )
+        )
+      })
+    })
+  })
+
+  describe('getAllRanges', function () {
+    describe('with a successful response code', function () {
+      beforeEach(function () {
+        this.request.get = sinon
+          .stub()
+          .callsArgWith(
+            1,
+            null,
+            { statusCode: 204 },
+            (this.docs = [{ _id: 'mock-doc-id', ranges: 'mock-ranges' }])
+          )
+        this.DocstoreManager.getAllRanges(this.project_id, this.callback)
+      })
+
+      it('should get all the project doc ranges in the docstore api', function () {
+        this.request.get
+          .calledWith({
+            url: `${this.settings.apis.docstore.url}/project/${this.project_id}/ranges`,
+            timeout: 30 * 1000,
+            json: true,
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback with the docs', function () {
+        this.callback.calledWith(null, this.docs).should.equal(true)
+      })
+    })
+
+    describe('with a failed response code', function () {
+      beforeEach(function () {
+        this.request.get = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 500 }, '')
+        this.DocstoreManager.getAllRanges(this.project_id, this.callback)
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'docstore api responded with non-success code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('archiveProject', function () {
+    describe('with a successful response code', function () {
+      beforeEach(function () {
+        this.request.post = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 204 })
+        this.DocstoreManager.archiveProject(this.project_id, this.callback)
+      })
+
+      it('should call the callback', function () {
+        this.callback.called.should.equal(true)
+      })
+    })
+
+    describe('with a failed response code', function () {
+      beforeEach(function () {
+        this.request.post = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 500 })
+        this.DocstoreManager.archiveProject(this.project_id, this.callback)
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'docstore api responded with non-success code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('unarchiveProject', function () {
+    describe('with a successful response code', function () {
+      beforeEach(function () {
+        this.request.post = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 204 })
+        this.DocstoreManager.unarchiveProject(this.project_id, this.callback)
+      })
+
+      it('should call the callback', function () {
+        this.callback.called.should.equal(true)
+      })
+    })
+
+    describe('with a failed response code', function () {
+      beforeEach(function () {
+        this.request.post = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 500 })
+        this.DocstoreManager.unarchiveProject(this.project_id, this.callback)
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'docstore api responded with non-success code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('destroyProject', function () {
+    describe('with a successful response code', function () {
+      beforeEach(function () {
+        this.request.post = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 204 })
+        this.DocstoreManager.destroyProject(this.project_id, this.callback)
+      })
+
+      it('should call the callback', function () {
+        this.callback.called.should.equal(true)
+      })
+    })
+
+    describe('with a failed response code', function () {
+      beforeEach(function () {
+        this.request.post = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 500 })
+        this.DocstoreManager.destroyProject(this.project_id, this.callback)
+      })
+
+      it('should call the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'docstore api responded with non-success code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/DocumentUpdater/DocumentUpdaterControllerTests.mjs b/services/web/test/unit/src/DocumentUpdater/DocumentUpdaterControllerTests.mjs
new file mode 100644
index 0000000..6a783d4
--- /dev/null
+++ b/services/web/test/unit/src/DocumentUpdater/DocumentUpdaterControllerTests.mjs
@@ -0,0 +1,93 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import esmock from 'esmock'
+import MockResponse from '../helpers/MockResponse.js'
+
+const MODULE_PATH =
+  '../../../../app/src/Features/DocumentUpdater/DocumentUpdaterController.mjs'
+
+describe('DocumentUpdaterController', function () {
+  beforeEach(async function () {
+    this.DocumentUpdaterHandler = {
+      promises: {
+        getDocument: sinon.stub(),
+      },
+    }
+    this.ProjectLocator = {
+      promises: {
+        findElement: sinon.stub(),
+      },
+    }
+    this.controller = await esmock.strict(MODULE_PATH, {
+      '@overleaf/settings': this.settings,
+      '../../../../app/src/Features/Project/ProjectLocator.js':
+        this.ProjectLocator,
+      '../../../../app/src/Features/DocumentUpdater/DocumentUpdaterHandler.js':
+        this.DocumentUpdaterHandler,
+    })
+    this.projectId = '2k3j1lk3j21lk3j'
+    this.fileId = '12321kklj1lk3jk12'
+    this.req = {
+      params: {
+        Project_id: this.projectId,
+        Doc_id: this.docId,
+      },
+      get(key) {
+        return undefined
+      },
+    }
+    this.lines = ['test', '', 'testing']
+    this.res = new MockResponse()
+    this.next = sinon.stub()
+    this.doc = { name: 'myfile.tex' }
+  })
+
+  describe('getDoc', function () {
+    beforeEach(function () {
+      this.DocumentUpdaterHandler.promises.getDocument.resolves({
+        lines: this.lines,
+      })
+      this.ProjectLocator.promises.findElement.resolves({
+        element: this.doc,
+      })
+      this.res = new MockResponse()
+    })
+
+    it('should call the document updater handler with the project_id and doc_id', async function () {
+      await this.controller.getDoc(this.req, this.res, this.next)
+      expect(
+        this.DocumentUpdaterHandler.promises.getDocument
+      ).to.have.been.calledOnceWith(
+        this.req.params.Project_id,
+        this.req.params.Doc_id,
+        -1
+      )
+    })
+
+    it('should return the content', async function () {
+      await this.controller.getDoc(this.req, this.res)
+      expect(this.next).to.not.have.been.called
+      expect(this.res.statusCode).to.equal(200)
+      expect(this.res.body).to.equal('test\n\ntesting')
+    })
+
+    it('should find the doc in the project', async function () {
+      await this.controller.getDoc(this.req, this.res)
+      expect(
+        this.ProjectLocator.promises.findElement
+      ).to.have.been.calledOnceWith({
+        project_id: this.projectId,
+        element_id: this.docId,
+        type: 'doc',
+      })
+    })
+
+    it('should set the Content-Disposition header', async function () {
+      await this.controller.getDoc(this.req, this.res)
+      expect(this.res.setContentDisposition).to.have.been.calledWith(
+        'attachment',
+        { filename: this.doc.name }
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/DocumentUpdater/DocumentUpdaterHandlerTests.js b/services/web/test/unit/src/DocumentUpdater/DocumentUpdaterHandlerTests.js
new file mode 100644
index 0000000..2d5a116
--- /dev/null
+++ b/services/web/test/unit/src/DocumentUpdater/DocumentUpdaterHandlerTests.js
@@ -0,0 +1,1976 @@
+const sinon = require('sinon')
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const { ObjectId } = require('mongodb-legacy')
+const modulePath = path.join(
+  __dirname,
+  '../../../../app/src/Features/DocumentUpdater/DocumentUpdaterHandler'
+)
+
+describe('DocumentUpdaterHandler', function () {
+  beforeEach(function () {
+    this.project_id = 'project-id-923'
+    this.projectHistoryId = 'ol-project-id-1'
+    this.doc_id = 'doc-id-394'
+    this.lines = ['one', 'two', 'three']
+    this.version = 42
+    this.user_id = 'mock-user-id-123'
+    this.project = { _id: this.project_id }
+
+    this.request = sinon.stub()
+    this.projectEntityHandler = {}
+    this.settings = {
+      apis: {
+        documentupdater: {
+          url: 'http://document_updater.example.com',
+        },
+        project_history: {
+          url: 'http://project_history.example.com',
+        },
+      },
+      moduleImportSequence: [],
+    }
+    this.source = 'dropbox'
+
+    this.callback = sinon.stub()
+    this.handler = SandboxedModule.require(modulePath, {
+      requires: {
+        request: {
+          defaults: () => {
+            return this.request
+          },
+        },
+        '@overleaf/settings': this.settings,
+        '../Project/ProjectEntityHandler': this.projectEntityHandler,
+        '../../models/Project': {
+          Project: (this.Project = {}),
+        },
+        '../Project/ProjectGetter': (this.ProjectGetter = {
+          getProjectWithoutLock: sinon.stub(),
+        }),
+        '../../Features/Project/ProjectLocator': {},
+        '@overleaf/metrics': {
+          Timer: class {
+            done() {}
+          },
+        },
+        '../FileStore/FileStoreHandler': {
+          _buildUrl: sinon.stub().callsFake((projectId, fileId) => {
+            return `http://filestore/project/${projectId}/file/${fileId}`
+          }),
+        },
+      },
+    })
+    this.ProjectGetter.getProjectWithoutLock
+      .withArgs(this.project_id)
+      .yields(null, this.project)
+  })
+
+  describe('flushProjectToMongo', function () {
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 204 }, '')
+        this.handler.flushProjectToMongo(this.project_id, this.callback)
+      })
+
+      it('should flush the document from the document updater', function () {
+        this.request
+          .calledWithMatch({
+            url: `${this.settings.apis.documentupdater.url}/project/${this.project_id}/flush`,
+            method: 'POST',
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback with no error', function () {
+        this.callback.calledWith(null).should.equal(true)
+      })
+    })
+
+    describe('when the document updater API returns an error', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(
+          1,
+          new Error('something went wrong'),
+          null,
+          null
+        )
+        this.handler.flushProjectToMongo(this.project_id, this.callback)
+      })
+
+      it('should return an error to the callback', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('when the document updater returns a failure error code', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 500 }, '')
+        this.handler.flushProjectToMongo(this.project_id, this.callback)
+      })
+
+      it('should return the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'document updater returned a failure status code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('flushProjectToMongoAndDelete', function () {
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 204 }, '')
+        this.handler.flushProjectToMongoAndDelete(
+          this.project_id,
+          this.callback
+        )
+      })
+
+      it('should delete the project from the document updater', function () {
+        this.request
+          .calledWithMatch({
+            url: `${this.settings.apis.documentupdater.url}/project/${this.project_id}`,
+            method: 'DELETE',
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback with no error', function () {
+        this.callback.calledWith(null).should.equal(true)
+      })
+    })
+
+    describe('when the document updater API returns an error', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(
+          1,
+          new Error('something went wrong'),
+          null,
+          null
+        )
+        this.handler.flushProjectToMongoAndDelete(
+          this.project_id,
+          this.callback
+        )
+      })
+
+      it('should return an error to the callback', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('when the document updater returns a failure error code', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 500 }, '')
+        this.handler.flushProjectToMongoAndDelete(
+          this.project_id,
+          this.callback
+        )
+      })
+
+      it('should return the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'document updater returned a failure status code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('flushDocToMongo', function () {
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 204 }, '')
+        this.handler.flushDocToMongo(
+          this.project_id,
+          this.doc_id,
+          this.callback
+        )
+      })
+
+      it('should flush the document from the document updater', function () {
+        this.request
+          .calledWithMatch({
+            url: `${this.settings.apis.documentupdater.url}/project/${this.project_id}/doc/${this.doc_id}/flush`,
+            method: 'POST',
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback with no error', function () {
+        this.callback.calledWith(null).should.equal(true)
+      })
+    })
+
+    describe('when the document updater API returns an error', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(
+          1,
+          new Error('something went wrong'),
+          null,
+          null
+        )
+        this.handler.flushDocToMongo(
+          this.project_id,
+          this.doc_id,
+          this.callback
+        )
+      })
+
+      it('should return an error to the callback', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('when the document updater returns a failure error code', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 500 }, '')
+        this.handler.flushDocToMongo(
+          this.project_id,
+          this.doc_id,
+          this.callback
+        )
+      })
+
+      it('should return the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'document updater returned a failure status code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('deleteDoc', function () {
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 204 }, '')
+        this.handler.deleteDoc(this.project_id, this.doc_id, this.callback)
+      })
+
+      it('should delete the document from the document updater', function () {
+        this.request
+          .calledWithMatch({
+            url: `${this.settings.apis.documentupdater.url}/project/${this.project_id}/doc/${this.doc_id}`,
+            method: 'DELETE',
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback with no error', function () {
+        this.callback.calledWith(null).should.equal(true)
+      })
+    })
+
+    describe('when the document updater API returns an error', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(
+          1,
+          new Error('something went wrong'),
+          null,
+          null
+        )
+        this.handler.deleteDoc(this.project_id, this.doc_id, this.callback)
+      })
+
+      it('should return an error to the callback', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('when the document updater returns a failure error code', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 500 }, '')
+        this.handler.deleteDoc(this.project_id, this.doc_id, this.callback)
+      })
+
+      it('should return the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'document updater returned a failure status code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe("with 'ignoreFlushErrors' option", function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 204 }, '')
+      })
+
+      it('when option is true, should send a `ignore_flush_errors=true` URL query to document-updater', function () {
+        this.handler.deleteDoc(
+          this.project_id,
+          this.doc_id,
+          true,
+          this.callback
+        )
+        this.request
+          .calledWithMatch({
+            url: `${this.settings.apis.documentupdater.url}/project/${this.project_id}/doc/${this.doc_id}?ignore_flush_errors=true`,
+            method: 'DELETE',
+          })
+          .should.equal(true)
+      })
+
+      it("when option is false, shouldn't send any URL query to document-updater", function () {
+        this.handler.deleteDoc(
+          this.project_id,
+          this.doc_id,
+          false,
+          this.callback
+        )
+        this.request
+          .calledWithMatch({
+            url: `${this.settings.apis.documentupdater.url}/project/${this.project_id}/doc/${this.doc_id}`,
+            method: 'DELETE',
+          })
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('setDocument', function () {
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 204 }, '')
+        this.handler.setDocument(
+          this.project_id,
+          this.doc_id,
+          this.user_id,
+          this.lines,
+          this.source,
+          this.callback
+        )
+      })
+
+      it('should set the document in the document updater', function () {
+        this.request
+          .calledWith({
+            url: `${this.settings.apis.documentupdater.url}/project/${this.project_id}/doc/${this.doc_id}`,
+            json: {
+              lines: this.lines,
+              source: this.source,
+              user_id: this.user_id,
+            },
+            method: 'POST',
+            timeout: 30 * 1000,
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback with no error', function () {
+        this.callback.calledWith(null).should.equal(true)
+      })
+    })
+
+    describe('when the document updater API returns an error', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(
+          1,
+          new Error('something went wrong'),
+          null,
+          null
+        )
+        this.handler.setDocument(
+          this.project_id,
+          this.doc_id,
+          this.user_id,
+          this.lines,
+          this.source,
+          this.callback
+        )
+      })
+
+      it('should return an error to the callback', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('when the document updater returns a failure error code', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 500 }, '')
+        this.handler.setDocument(
+          this.project_id,
+          this.doc_id,
+          this.user_id,
+          this.lines,
+          this.source,
+          this.callback
+        )
+      })
+
+      it('should return the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'document updater returned a failure status code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('getComment', function () {
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.comment = {
+          id: 'mock-comment-id-1',
+        }
+        this.body = this.comment
+        this.request.callsArgWith(1, null, { statusCode: 200 }, this.body)
+        this.handler.getComment(
+          this.project_id,
+          this.doc_id,
+          this.comment.id,
+          this.callback
+        )
+      })
+
+      it('should get the comment from the document updater', function () {
+        const url = `${this.settings.apis.documentupdater.url}/project/${this.project_id}/doc/${this.doc_id}/comment/${this.comment.id}`
+        this.request
+          .calledWith({
+            url,
+            method: 'GET',
+            json: true,
+            timeout: 30 * 1000,
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback with the comment', function () {
+        this.callback.calledWithExactly(null, this.comment).should.equal(true)
+      })
+    })
+  })
+
+  describe('getDocument', function () {
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.body = {
+          lines: this.lines,
+          version: this.version,
+          ops: (this.ops = ['mock-op-1', 'mock-op-2']),
+          ranges: (this.ranges = { mock: 'ranges' }),
+        }
+        this.fromVersion = 2
+        this.request.callsArgWith(1, null, { statusCode: 200 }, this.body)
+        this.handler.getDocument(
+          this.project_id,
+          this.doc_id,
+          this.fromVersion,
+          this.callback
+        )
+      })
+
+      it('should get the document from the document updater', function () {
+        this.request
+          .calledWith({
+            url: `${this.settings.apis.documentupdater.url}/project/${this.project_id}/doc/${this.doc_id}?fromVersion=${this.fromVersion}`,
+            method: 'GET',
+            json: true,
+            timeout: 30 * 1000,
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback with the lines and version', function () {
+        this.callback
+          .calledWith(null, this.lines, this.version, this.ranges, this.ops)
+          .should.equal(true)
+      })
+    })
+
+    describe('when the document updater API returns an error', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(
+          1,
+          new Error('something went wrong'),
+          null,
+          null
+        )
+        this.handler.getDocument(
+          this.project_id,
+          this.doc_id,
+          this.fromVersion,
+          this.callback
+        )
+      })
+
+      it('should return an error to the callback', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('when the document updater returns a failure error code', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 500 }, '')
+        this.handler.getDocument(
+          this.project_id,
+          this.doc_id,
+          this.fromVersion,
+          this.callback
+        )
+      })
+
+      it('should return the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'document updater returned a failure status code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('getProjectDocsIfMatch', function () {
+    beforeEach(function () {
+      this.project_state_hash = '1234567890abcdef'
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.doc0 = {
+          _id: this.doc_id,
+          lines: this.lines,
+          v: this.version,
+        }
+        this.docs = [this.doc0, this.doc0, this.doc0]
+        this.body = JSON.stringify(this.docs)
+        this.request.post = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 200 }, this.body)
+        this.handler.getProjectDocsIfMatch(
+          this.project_id,
+          this.project_state_hash,
+          this.callback
+        )
+      })
+
+      it('should get the documents from the document updater', function () {
+        const url = `${this.settings.apis.documentupdater.url}/project/${this.project_id}/get_and_flush_if_old?state=${this.project_state_hash}`
+        this.request.post.calledWith(url).should.equal(true)
+      })
+
+      it('should call the callback with the documents', function () {
+        this.callback.calledWithExactly(null, this.docs).should.equal(true)
+      })
+    })
+
+    describe('when the document updater API returns an error', function () {
+      beforeEach(function () {
+        this.request.post = sinon
+          .stub()
+          .callsArgWith(1, new Error('something went wrong'), null, null)
+        this.handler.getProjectDocsIfMatch(
+          this.project_id,
+          this.project_state_hash,
+          this.callback
+        )
+      })
+
+      it('should return an error to the callback', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('when the document updater returns a conflict error code', function () {
+      beforeEach(function () {
+        this.request.post = sinon
+          .stub()
+          .callsArgWith(1, null, { statusCode: 409 }, 'Conflict')
+        this.handler.getProjectDocsIfMatch(
+          this.project_id,
+          this.project_state_hash,
+          this.callback
+        )
+      })
+
+      it('should return the callback with no documents', function () {
+        this.callback.alwaysCalledWithExactly().should.equal(true)
+      })
+    })
+  })
+
+  describe('clearProjectState', function () {
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 200 })
+        this.handler.clearProjectState(this.project_id, this.callback)
+      })
+
+      it('should clear the project state from the document updater', function () {
+        this.request
+          .calledWithMatch({
+            url: `${this.settings.apis.documentupdater.url}/project/${this.project_id}/clearState`,
+            method: 'POST',
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback', function () {
+        this.callback.calledWith(null).should.equal(true)
+      })
+    })
+
+    describe('when the document updater API returns an error', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(
+          1,
+          new Error('something went wrong'),
+          null,
+          null
+        )
+        this.handler.clearProjectState(this.project_id, this.callback)
+      })
+
+      it('should return an error to the callback', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('when the document updater returns an error code', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 500 }, null)
+        this.handler.clearProjectState(this.project_id, this.callback)
+      })
+
+      it('should return the callback with no documents', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'document updater returned a failure status code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('acceptChanges', function () {
+    beforeEach(function () {
+      this.change_id = 'mock-change-id-1'
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 200 }, this.body)
+        this.handler.acceptChanges(
+          this.project_id,
+          this.doc_id,
+          [this.change_id],
+          this.callback
+        )
+      })
+
+      it('should accept the change in the document updater', function () {
+        this.request
+          .calledWith({
+            url: `${this.settings.apis.documentupdater.url}/project/${this.project_id}/doc/${this.doc_id}/change/accept`,
+            json: {
+              change_ids: [this.change_id],
+            },
+            method: 'POST',
+            timeout: 30 * 1000,
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback', function () {
+        this.callback.calledWith(null).should.equal(true)
+      })
+    })
+
+    describe('when the document updater API returns an error', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(
+          1,
+          new Error('something went wrong'),
+          null,
+          null
+        )
+        this.handler.acceptChanges(
+          this.project_id,
+          this.doc_id,
+          [this.change_id],
+          this.callback
+        )
+      })
+
+      it('should return an error to the callback', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('when the document updater returns a failure error code', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 500 }, '')
+        this.handler.acceptChanges(
+          this.project_id,
+          this.doc_id,
+          [this.change_id],
+          this.callback
+        )
+      })
+
+      it('should return the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'document updater returned a failure status code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('deleteThread', function () {
+    beforeEach(function () {
+      this.thread_id = 'mock-thread-id-1'
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 200 }, this.body)
+        this.handler.deleteThread(
+          this.project_id,
+          this.doc_id,
+          this.thread_id,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('should delete the thread in the document updater', function () {
+        this.request
+          .calledWithMatch({
+            url: `${this.settings.apis.documentupdater.url}/project/${this.project_id}/doc/${this.doc_id}/comment/${this.thread_id}`,
+            method: 'DELETE',
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback', function () {
+        this.callback.calledWith(null).should.equal(true)
+      })
+    })
+
+    describe('when the document updater API returns an error', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(
+          1,
+          new Error('something went wrong'),
+          null,
+          null
+        )
+        this.handler.deleteThread(
+          this.project_id,
+          this.doc_id,
+          this.thread_id,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('should return an error to the callback', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('when the document updater returns a failure error code', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 500 }, '')
+        this.handler.deleteThread(
+          this.project_id,
+          this.doc_id,
+          this.thread_id,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('should return the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'document updater returned a failure status code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('resolveThread', function () {
+    beforeEach(function () {
+      this.thread_id = 'mock-thread-id-1'
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 200 }, this.body)
+        this.handler.resolveThread(
+          this.project_id,
+          this.doc_id,
+          this.thread_id,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('should resolve the thread in the document updater', function () {
+        this.request
+          .calledWithMatch({
+            url: `${this.settings.apis.documentupdater.url}/project/${this.project_id}/doc/${this.doc_id}/comment/${this.thread_id}/resolve`,
+            method: 'POST',
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback', function () {
+        this.callback.calledWith(null).should.equal(true)
+      })
+    })
+
+    describe('when the document updater API returns an error', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(
+          1,
+          new Error('something went wrong'),
+          null,
+          null
+        )
+        this.handler.resolveThread(
+          this.project_id,
+          this.doc_id,
+          this.thread_id,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('should return an error to the callback', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('when the document updater returns a failure error code', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 500 }, '')
+        this.handler.resolveThread(
+          this.project_id,
+          this.doc_id,
+          this.thread_id,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('should return the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'document updater returned a failure status code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('reopenThread', function () {
+    beforeEach(function () {
+      this.thread_id = 'mock-thread-id-1'
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 200 }, this.body)
+        this.handler.reopenThread(
+          this.project_id,
+          this.doc_id,
+          this.thread_id,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('should reopen the thread in the document updater', function () {
+        this.request
+          .calledWithMatch({
+            url: `${this.settings.apis.documentupdater.url}/project/${this.project_id}/doc/${this.doc_id}/comment/${this.thread_id}/reopen`,
+            method: 'POST',
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback', function () {
+        this.callback.calledWith(null).should.equal(true)
+      })
+    })
+
+    describe('when the document updater API returns an error', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(
+          1,
+          new Error('something went wrong'),
+          null,
+          null
+        )
+        this.handler.reopenThread(
+          this.project_id,
+          this.doc_id,
+          this.thread_id,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('should return an error to the callback', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('when the document updater returns a failure error code', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 500 }, '')
+        this.handler.reopenThread(
+          this.project_id,
+          this.doc_id,
+          this.thread_id,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('should return the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'document updater returned a failure status code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('updateProjectStructure ', function () {
+    beforeEach(function () {
+      this.user_id = 1234
+      this.version = 999
+    })
+
+    describe('with project history disabled', function () {
+      beforeEach(function () {
+        this.settings.apis.project_history.sendProjectStructureOps = false
+        this.handler.updateProjectStructure(
+          this.project_id,
+          this.projectHistoryId,
+          this.user_id,
+          {},
+          this.source,
+          this.callback
+        )
+      })
+
+      it('does not make a web request', function () {
+        this.request.called.should.equal(false)
+      })
+
+      it('calls the callback', function () {
+        this.callback.called.should.equal(true)
+      })
+    })
+
+    describe('with project history enabled', function () {
+      beforeEach(function () {
+        this.settings.apis.project_history.sendProjectStructureOps = true
+        this.url = `${this.settings.apis.documentupdater.url}/project/${this.project_id}`
+        this.request.callsArgWith(1, null, { statusCode: 204 }, '')
+      })
+
+      describe('when an entity has changed name', function () {
+        it('should send the structure update to the document updater', function (done) {
+          this.docIdA = new ObjectId()
+          this.docIdB = new ObjectId()
+          this.changes = {
+            oldDocs: [
+              { path: '/old_a', doc: { _id: this.docIdA } },
+              { path: '/old_b', doc: { _id: this.docIdB } },
+            ],
+            // create new instances of the same ObjectIds so that == doesn't pass
+            newDocs: [
+              {
+                path: '/old_a',
+                doc: { _id: new ObjectId(this.docIdA.toString()) },
+              },
+              {
+                path: '/new_b',
+                doc: { _id: new ObjectId(this.docIdB.toString()) },
+              },
+            ],
+            newProject: { version: this.version },
+          }
+
+          const updates = [
+            {
+              type: 'rename-doc',
+              id: this.docIdB.toString(),
+              pathname: '/old_b',
+              newPathname: '/new_b',
+            },
+          ]
+
+          this.handler.updateProjectStructure(
+            this.project_id,
+            this.projectHistoryId,
+            this.user_id,
+            this.changes,
+            this.source,
+            () => {
+              this.request
+                .calledWith({
+                  url: this.url,
+                  method: 'POST',
+                  json: {
+                    updates,
+                    userId: this.user_id,
+                    version: this.version,
+                    projectHistoryId: this.projectHistoryId,
+                    source: this.source,
+                  },
+                  timeout: 30 * 1000,
+                })
+                .should.equal(true)
+              done()
+            }
+          )
+        })
+      })
+
+      describe('when a doc has been added', function () {
+        it('should send the structure update to the document updater', function (done) {
+          this.docId = new ObjectId()
+          this.changes = {
+            newDocs: [
+              { path: '/foo', docLines: 'a\nb', doc: { _id: this.docId } },
+            ],
+            newProject: { version: this.version },
+          }
+
+          const updates = [
+            {
+              type: 'add-doc',
+              id: this.docId.toString(),
+              pathname: '/foo',
+              docLines: 'a\nb',
+              historyRangesSupport: false,
+              url: undefined,
+              hash: undefined,
+              ranges: undefined,
+              metadata: undefined,
+              createdBlob: false,
+            },
+          ]
+
+          this.handler.updateProjectStructure(
+            this.project_id,
+            this.projectHistoryId,
+            this.user_id,
+            this.changes,
+            this.source,
+            () => {
+              this.request.should.have.been.calledWith({
+                url: this.url,
+                method: 'POST',
+                json: {
+                  updates,
+                  userId: this.user_id,
+                  version: this.version,
+                  projectHistoryId: this.projectHistoryId,
+                  source: this.source,
+                },
+                timeout: 30 * 1000,
+              })
+              done()
+            }
+          )
+        })
+      })
+
+      describe('when a file has been added', function () {
+        it('should send the structure update to the document updater', function (done) {
+          this.fileId = new ObjectId()
+          this.changes = {
+            newFiles: [
+              {
+                path: '/bar',
+                url: 'filestore.example.com/file',
+                file: { _id: this.fileId, hash: '12345' },
+              },
+            ],
+            newProject: { version: this.version },
+          }
+
+          const updates = [
+            {
+              type: 'add-file',
+              id: this.fileId.toString(),
+              pathname: '/bar',
+              url: 'filestore.example.com/file',
+              docLines: undefined,
+              historyRangesSupport: false,
+              hash: '12345',
+              ranges: undefined,
+              createdBlob: false,
+              metadata: undefined,
+            },
+          ]
+
+          this.handler.updateProjectStructure(
+            this.project_id,
+            this.projectHistoryId,
+            this.user_id,
+            this.changes,
+            this.source,
+            () => {
+              this.request.should.have.been.calledWith({
+                url: this.url,
+                method: 'POST',
+                json: {
+                  updates,
+                  userId: this.user_id,
+                  version: this.version,
+                  projectHistoryId: this.projectHistoryId,
+                  source: this.source,
+                },
+                timeout: 30 * 1000,
+              })
+              done()
+            }
+          )
+        })
+      })
+
+      describe('when an entity has been deleted', function () {
+        it('should end the structure update to the document updater', function (done) {
+          this.docId = new ObjectId()
+          this.changes = {
+            oldDocs: [
+              { path: '/foo', docLines: 'a\nb', doc: { _id: this.docId } },
+            ],
+            newProject: { version: this.version },
+          }
+
+          const updates = [
+            {
+              type: 'rename-doc',
+              id: this.docId.toString(),
+              pathname: '/foo',
+              newPathname: '',
+            },
+          ]
+
+          this.handler.updateProjectStructure(
+            this.project_id,
+            this.projectHistoryId,
+            this.user_id,
+            this.changes,
+            this.source,
+            () => {
+              this.request.should.have.been.calledWith({
+                url: this.url,
+                method: 'POST',
+                json: {
+                  updates,
+                  userId: this.user_id,
+                  version: this.version,
+                  projectHistoryId: this.projectHistoryId,
+                  source: this.source,
+                },
+                timeout: 30 * 1000,
+              })
+              done()
+            }
+          )
+        })
+      })
+
+      describe('when a file is converted to a doc', function () {
+        it('should send the delete first', function (done) {
+          this.docId = new ObjectId()
+          this.fileId = new ObjectId()
+          this.changes = {
+            oldFiles: [
+              {
+                path: '/foo.doc',
+                url: 'filestore.example.com/file',
+                file: { _id: this.fileId },
+              },
+            ],
+            newDocs: [
+              {
+                path: '/foo.doc',
+                docLines: 'hello there',
+                doc: { _id: this.docId },
+              },
+            ],
+            newProject: { version: this.version },
+          }
+
+          const updates = [
+            {
+              type: 'rename-file',
+              id: this.fileId.toString(),
+              pathname: '/foo.doc',
+              newPathname: '',
+            },
+            {
+              type: 'add-doc',
+              id: this.docId.toString(),
+              pathname: '/foo.doc',
+              docLines: 'hello there',
+              historyRangesSupport: false,
+              url: undefined,
+              hash: undefined,
+              ranges: undefined,
+              metadata: undefined,
+              createdBlob: false,
+            },
+          ]
+
+          this.handler.updateProjectStructure(
+            this.project_id,
+            this.projectHistoryId,
+            this.user_id,
+            this.changes,
+            this.source,
+            () => {
+              this.request.should.have.been.calledWith({
+                url: this.url,
+                method: 'POST',
+                json: {
+                  updates,
+                  userId: this.user_id,
+                  version: this.version,
+                  projectHistoryId: this.projectHistoryId,
+                  source: this.source,
+                },
+                timeout: 30 * 1000,
+              })
+              done()
+            }
+          )
+        })
+      })
+
+      describe('when the project version is missing', function () {
+        it('should call the callback with an error', function () {
+          this.docId = new ObjectId()
+          this.changes = {
+            oldDocs: [
+              { path: '/foo', docLines: 'a\nb', doc: { _id: this.docId } },
+            ],
+          }
+
+          this.handler.updateProjectStructure(
+            this.project_id,
+            this.projectHistoryId,
+            this.user_id,
+            this.changes,
+            this.source,
+            this.callback
+          )
+
+          this.callback
+            .calledWith(sinon.match.instanceOf(Error))
+            .should.equal(true)
+          const firstCallArgs = this.callback.args[0]
+          firstCallArgs[0].message.should.equal(
+            'did not receive project version in changes'
+          )
+        })
+      })
+
+      describe('when ranges are present', function () {
+        beforeEach(function () {
+          this.docId = new ObjectId()
+          this.ranges = {
+            changes: [
+              {
+                op: { p: 0, i: 'foo' },
+                metadata: { ts: '2024-01-01T00:00:00.000Z', user_id: 'user-1' },
+              },
+              {
+                op: { p: 7, d: ' baz' },
+                metadata: { ts: '2024-02-01T00:00:00.000Z', user_id: 'user-1' },
+              },
+            ],
+            comments: [
+              {
+                op: { p: 4, c: 'bar', t: 'comment-1' },
+                metadata: { resolved: false },
+              },
+            ],
+          }
+          this.changes = {
+            newDocs: [
+              {
+                path: '/foo',
+                docLines: 'foo\nbar',
+                doc: { _id: this.docId },
+                ranges: this.ranges,
+              },
+            ],
+            newProject: { version: this.version },
+          }
+        })
+
+        it('should forward ranges', function (done) {
+          const updates = [
+            {
+              type: 'add-doc',
+              id: this.docId.toString(),
+              pathname: '/foo',
+              docLines: 'foo\nbar',
+              historyRangesSupport: false,
+              url: undefined,
+              hash: undefined,
+              ranges: this.ranges,
+              metadata: undefined,
+              createdBlob: false,
+            },
+          ]
+
+          this.handler.updateProjectStructure(
+            this.project_id,
+            this.projectHistoryId,
+            this.user_id,
+            this.changes,
+            this.source,
+            () => {
+              this.request.should.have.been.calledWith({
+                url: this.url,
+                method: 'POST',
+                json: {
+                  updates,
+                  userId: this.user_id,
+                  version: this.version,
+                  projectHistoryId: this.projectHistoryId,
+                  source: this.source,
+                },
+                timeout: 30 * 1000,
+              })
+              done()
+            }
+          )
+        })
+
+        it('should include flag when history ranges support is enabled', function (done) {
+          this.ProjectGetter.getProjectWithoutLock
+            .withArgs(this.project_id)
+            .yields(null, {
+              _id: this.project_id,
+              overleaf: { history: { rangesSupportEnabled: true } },
+            })
+
+          const updates = [
+            {
+              type: 'add-doc',
+              id: this.docId.toString(),
+              pathname: '/foo',
+              docLines: 'foo\nbar',
+              historyRangesSupport: true,
+              url: undefined,
+              hash: undefined,
+              ranges: this.ranges,
+              metadata: undefined,
+              createdBlob: false,
+            },
+          ]
+
+          this.handler.updateProjectStructure(
+            this.project_id,
+            this.projectHistoryId,
+            this.user_id,
+            this.changes,
+            this.source,
+            () => {
+              this.request.should.have.been.calledWith({
+                url: this.url,
+                method: 'POST',
+                json: {
+                  updates,
+                  userId: this.user_id,
+                  version: this.version,
+                  projectHistoryId: this.projectHistoryId,
+                  source: this.source,
+                },
+                timeout: 30 * 1000,
+              })
+              done()
+            }
+          )
+        })
+      })
+
+      describe('with filestore disabled', function () {
+        beforeEach(function () {
+          this.settings.disableFilestore = true
+        })
+        it('should add files without URL and with createdBlob', function (done) {
+          this.fileId = new ObjectId()
+          this.changes = {
+            newFiles: [
+              {
+                path: '/bar',
+                url: 'filestore.example.com/file',
+                file: { _id: this.fileId, hash: '12345' },
+              },
+            ],
+            newProject: { version: this.version },
+          }
+
+          const updates = [
+            {
+              type: 'add-file',
+              id: this.fileId.toString(),
+              pathname: '/bar',
+              docLines: undefined,
+              historyRangesSupport: false,
+              url: undefined,
+              hash: '12345',
+              ranges: undefined,
+              createdBlob: true,
+              metadata: undefined,
+            },
+          ]
+
+          this.handler.updateProjectStructure(
+            this.project_id,
+            this.projectHistoryId,
+            this.user_id,
+            this.changes,
+            this.source,
+            () => {
+              this.request.should.have.been.calledWith({
+                url: this.url,
+                method: 'POST',
+                json: {
+                  updates,
+                  userId: this.user_id,
+                  version: this.version,
+                  projectHistoryId: this.projectHistoryId,
+                  source: this.source,
+                },
+                timeout: 30 * 1000,
+              })
+              done()
+            }
+          )
+        })
+        it('should flag files without hash', function (done) {
+          this.fileId = new ObjectId()
+          this.changes = {
+            newFiles: [
+              {
+                path: '/bar',
+                url: 'filestore.example.com/file',
+                file: { _id: this.fileId },
+              },
+            ],
+            newProject: { version: this.version },
+          }
+
+          this.handler.updateProjectStructure(
+            this.project_id,
+            this.projectHistoryId,
+            this.user_id,
+            this.changes,
+            this.source,
+            err => {
+              err.should.match(/found file with missing hash/)
+              this.request.should.not.have.been.called
+              done()
+            }
+          )
+        })
+      })
+    })
+  })
+
+  describe('resyncProjectHistory', function () {
+    it('should add docs', function (done) {
+      const docId1 = new ObjectId()
+      const docId2 = new ObjectId()
+      const docs = [
+        { doc: { _id: docId1 }, path: 'main.tex' },
+        { doc: { _id: docId2 }, path: 'references.bib' },
+      ]
+      const files = []
+      this.request.yields(null, { statusCode: 200 })
+      const projectId = new ObjectId()
+      const projectHistoryId = 99
+      this.handler.resyncProjectHistory(
+        projectId,
+        projectHistoryId,
+        docs,
+        files,
+        {},
+        () => {
+          this.request.should.have.been.calledWith({
+            url: `${this.settings.apis.documentupdater.url}/project/${projectId}/history/resync`,
+            method: 'POST',
+            json: {
+              docs: [
+                { doc: docId1, path: 'main.tex' },
+                { doc: docId2, path: 'references.bib' },
+              ],
+              files: [],
+              projectHistoryId,
+            },
+            timeout: 6 * 60 * 1000,
+          })
+          done()
+        }
+      )
+    })
+    it('should add files', function (done) {
+      const fileId1 = new ObjectId()
+      const fileId2 = new ObjectId()
+      const fileId3 = new ObjectId()
+      const fileCreated2 = new Date()
+      const fileCreated3 = new Date()
+      const otherProjectId = new ObjectId().toString()
+      const files = [
+        { file: { _id: fileId1, hash: '42' }, path: '1.png' },
+        {
+          file: {
+            _id: fileId2,
+            hash: '1337',
+            created: fileCreated2,
+            linkedFileData: {
+              provider: 'references-provider',
+            },
+          },
+          path: '1.bib',
+        },
+        {
+          file: {
+            _id: fileId3,
+            hash: '21',
+            created: fileCreated3,
+            linkedFileData: {
+              provider: 'project_output_file',
+              build_id: '1234-abc',
+              clsiServerId: 'server-1',
+              source_project_id: otherProjectId,
+              source_output_file_path: 'foo/bar.txt',
+            },
+          },
+          path: 'bar.txt',
+        },
+      ]
+      const docs = []
+      this.request.yields(null, { statusCode: 200 })
+      const projectId = new ObjectId()
+      const projectHistoryId = 99
+      this.handler.resyncProjectHistory(
+        projectId,
+        projectHistoryId,
+        docs,
+        files,
+        {},
+        () => {
+          this.request.should.have.been.calledWith({
+            url: `${this.settings.apis.documentupdater.url}/project/${projectId}/history/resync`,
+            method: 'POST',
+            json: {
+              docs: [],
+              files: [
+                {
+                  file: fileId1,
+                  _hash: '42',
+                  path: '1.png',
+                  url: `http://filestore/project/${projectId}/file/${fileId1}`,
+                  createdBlob: false,
+                  metadata: undefined,
+                },
+                {
+                  file: fileId2,
+                  _hash: '1337',
+                  path: '1.bib',
+                  url: `http://filestore/project/${projectId}/file/${fileId2}`,
+                  createdBlob: false,
+                  metadata: {
+                    importedAt: fileCreated2,
+                    provider: 'references-provider',
+                  },
+                },
+                {
+                  file: fileId3,
+                  _hash: '21',
+                  path: 'bar.txt',
+                  url: `http://filestore/project/${projectId}/file/${fileId3}`,
+                  createdBlob: false,
+                  metadata: {
+                    importedAt: fileCreated3,
+                    provider: 'project_output_file',
+                    source_project_id: otherProjectId,
+                    source_output_file_path: 'foo/bar.txt',
+                    // build_id and clsiServerId are omitted
+                  },
+                },
+              ],
+              projectHistoryId,
+            },
+            timeout: 6 * 60 * 1000,
+          })
+          done()
+        }
+      )
+    })
+    describe('with filestore disabled', function () {
+      beforeEach(function () {
+        this.settings.disableFilestore = true
+      })
+      it('should add files without URL', function (done) {
+        const fileId1 = new ObjectId()
+        const fileId2 = new ObjectId()
+        const fileId3 = new ObjectId()
+        const fileCreated2 = new Date()
+        const fileCreated3 = new Date()
+        const otherProjectId = new ObjectId().toString()
+        const files = [
+          { file: { _id: fileId1, hash: '42' }, path: '1.png' },
+          {
+            file: {
+              _id: fileId2,
+              hash: '1337',
+              created: fileCreated2,
+              linkedFileData: {
+                provider: 'references-provider',
+              },
+            },
+            path: '1.bib',
+          },
+          {
+            file: {
+              _id: fileId3,
+              hash: '21',
+              created: fileCreated3,
+              linkedFileData: {
+                provider: 'project_output_file',
+                build_id: '1234-abc',
+                clsiServerId: 'server-1',
+                source_project_id: otherProjectId,
+                source_output_file_path: 'foo/bar.txt',
+              },
+            },
+            path: 'bar.txt',
+          },
+        ]
+        const docs = []
+        this.request.yields(null, { statusCode: 200 })
+        const projectId = new ObjectId()
+        const projectHistoryId = 99
+        this.handler.resyncProjectHistory(
+          projectId,
+          projectHistoryId,
+          docs,
+          files,
+          {},
+          () => {
+            this.request.should.have.been.calledWith({
+              url: `${this.settings.apis.documentupdater.url}/project/${projectId}/history/resync`,
+              method: 'POST',
+              json: {
+                docs: [],
+                files: [
+                  {
+                    file: fileId1,
+                    _hash: '42',
+                    path: '1.png',
+                    url: undefined,
+                    createdBlob: true,
+                    metadata: undefined,
+                  },
+                  {
+                    file: fileId2,
+                    _hash: '1337',
+                    path: '1.bib',
+                    url: undefined,
+                    createdBlob: true,
+                    metadata: {
+                      importedAt: fileCreated2,
+                      provider: 'references-provider',
+                    },
+                  },
+                  {
+                    file: fileId3,
+                    _hash: '21',
+                    path: 'bar.txt',
+                    url: undefined,
+                    createdBlob: true,
+                    metadata: {
+                      importedAt: fileCreated3,
+                      provider: 'project_output_file',
+                      source_project_id: otherProjectId,
+                      source_output_file_path: 'foo/bar.txt',
+                      // build_id and clsiServerId are omitted
+                    },
+                  },
+                ],
+                projectHistoryId,
+              },
+              timeout: 6 * 60 * 1000,
+            })
+            done()
+          }
+        )
+      })
+      it('should flag files with missing hashes', function (done) {
+        const fileId1 = new ObjectId()
+        const fileId2 = new ObjectId()
+        const fileId3 = new ObjectId()
+        const fileCreated2 = new Date()
+        const fileCreated3 = new Date()
+        const otherProjectId = new ObjectId().toString()
+        const files = [
+          { file: { _id: fileId1, hash: '42' }, path: '1.png' },
+          {
+            file: {
+              _id: fileId2,
+              created: fileCreated2,
+              linkedFileData: {
+                provider: 'references-provider',
+              },
+            },
+            path: '1.bib',
+          },
+          {
+            file: {
+              _id: fileId3,
+              hash: '21',
+              created: fileCreated3,
+              linkedFileData: {
+                provider: 'project_output_file',
+                build_id: '1234-abc',
+                clsiServerId: 'server-1',
+                source_project_id: otherProjectId,
+                source_output_file_path: 'foo/bar.txt',
+              },
+            },
+            path: 'bar.txt',
+          },
+        ]
+        const docs = []
+        this.request.yields(null, { statusCode: 200 })
+        const projectId = new ObjectId()
+        const projectHistoryId = 99
+        this.handler.resyncProjectHistory(
+          projectId,
+          projectHistoryId,
+          docs,
+          files,
+          {},
+          err => {
+            err.should.match(/found file with missing hash/)
+            this.request.should.not.have.been.called
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('appendToDocument', function () {
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.body = {
+          rev: 1,
+        }
+        this.request.callsArgWith(1, null, { statusCode: 200 }, this.body)
+        this.handler.appendToDocument(
+          this.project_id,
+          this.doc_id,
+          this.user_id,
+          this.lines,
+          this.source,
+          this.callback
+        )
+      })
+
+      it('should append to the document in the document updater', function () {
+        this.request
+          .calledWith({
+            url: `${this.settings.apis.documentupdater.url}/project/${this.project_id}/doc/${this.doc_id}/append`,
+            json: {
+              lines: this.lines,
+              source: this.source,
+              user_id: this.user_id,
+            },
+            method: 'POST',
+            timeout: 30 * 1000,
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback with no error', function () {
+        this.callback.calledWith(null).should.equal(true)
+      })
+    })
+
+    describe('when the document updater API returns an error', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(
+          1,
+          new Error('something went wrong'),
+          null,
+          null
+        )
+        this.handler.appendToDocument(
+          this.project_id,
+          this.doc_id,
+          this.user_id,
+          this.lines,
+          this.source,
+          this.callback
+        )
+      })
+
+      it('should return an error to the callback', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('when the document updater returns a failure error code', function () {
+      beforeEach(function () {
+        this.request.callsArgWith(1, null, { statusCode: 500 }, '')
+        this.handler.appendToDocument(
+          this.project_id,
+          this.doc_id,
+          this.user_id,
+          this.lines,
+          this.source,
+          this.callback
+        )
+      })
+
+      it('should return the callback with an error', function () {
+        this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(
+                sinon.match.has(
+                  'message',
+                  'document updater returned a failure status code: 500'
+                )
+              )
+          )
+          .should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Documents/DocumentControllerTests.mjs b/services/web/test/unit/src/Documents/DocumentControllerTests.mjs
new file mode 100644
index 0000000..29d03f1
--- /dev/null
+++ b/services/web/test/unit/src/Documents/DocumentControllerTests.mjs
@@ -0,0 +1,208 @@
+import sinon from 'sinon'
+import esmock from 'esmock'
+import MockRequest from '../helpers/MockRequest.js'
+import MockResponse from '../helpers/MockResponse.js'
+import Errors from '../../../../app/src/Features/Errors/Errors.js'
+
+const MODULE_PATH =
+  '../../../../app/src/Features/Documents/DocumentController.mjs'
+
+describe('DocumentController', function () {
+  beforeEach(async function () {
+    this.res = new MockResponse()
+    this.req = new MockRequest()
+    this.next = sinon.stub()
+    this.doc = { _id: 'doc-id-123' }
+    this.doc_lines = ['one', 'two', 'three']
+    this.version = 42
+    this.ranges = {
+      comments: [
+        {
+          id: 'comment1',
+          op: {
+            c: 'foo',
+            p: 123,
+            t: 'comment1',
+          },
+        },
+        {
+          id: 'comment2',
+          op: {
+            c: 'bar',
+            p: 456,
+            t: 'comment2',
+          },
+        },
+      ],
+    }
+    this.pathname = '/a/b/c/file.tex'
+    this.lastUpdatedAt = new Date().getTime()
+    this.lastUpdatedBy = 'fake-last-updater-id'
+    this.rev = 5
+    this.project = {
+      _id: 'project-id-123',
+      overleaf: {
+        history: {
+          id: 1234,
+          display: true,
+        },
+      },
+    }
+    this.resolvedThreadIds = [
+      'comment2',
+      'comment4', // Comment in project but not in doc
+    ]
+
+    this.ProjectGetter = {
+      promises: {
+        getProject: sinon.stub().resolves(this.project),
+      },
+    }
+    this.ProjectLocator = {
+      promises: {
+        findElement: sinon
+          .stub()
+          .resolves({ element: this.doc, path: { fileSystem: this.pathname } }),
+      },
+    }
+    this.ProjectEntityHandler = {
+      promises: {
+        getDoc: sinon.stub().resolves({
+          lines: this.doc_lines,
+          rev: this.rev,
+          version: this.version,
+          ranges: this.ranges,
+        }),
+      },
+    }
+    this.ProjectEntityUpdateHandler = {
+      promises: {
+        updateDocLines: sinon.stub().resolves(),
+      },
+    }
+
+    this.ChatApiHandler = {
+      promises: {
+        getResolvedThreadIds: sinon.stub().resolves(this.resolvedThreadIds),
+      },
+    }
+
+    this.DocumentController = await esmock.strict(MODULE_PATH, {
+      '../../../../app/src/Features/Project/ProjectGetter': this.ProjectGetter,
+      '../../../../app/src/Features/Project/ProjectLocator':
+        this.ProjectLocator,
+      '../../../../app/src/Features/Project/ProjectEntityHandler':
+        this.ProjectEntityHandler,
+      '../../../../app/src/Features/Project/ProjectEntityUpdateHandler':
+        this.ProjectEntityUpdateHandler,
+      '../../../../app/src/Features/Chat/ChatApiHandler': this.ChatApiHandler,
+    })
+  })
+
+  describe('getDocument', function () {
+    beforeEach(function () {
+      this.req.params = {
+        Project_id: this.project._id,
+        doc_id: this.doc._id,
+      }
+    })
+
+    describe('when project exists with project history enabled', function () {
+      beforeEach(function (done) {
+        this.res.callback = err => {
+          done(err)
+        }
+        this.DocumentController.getDocument(this.req, this.res, this.next)
+      })
+
+      it('should return the history id and display setting to the client as JSON', function () {
+        this.res.type.should.equal('application/json')
+        JSON.parse(this.res.body).should.deep.equal({
+          lines: this.doc_lines,
+          version: this.version,
+          ranges: this.ranges,
+          pathname: this.pathname,
+          projectHistoryId: this.project.overleaf.history.id,
+          projectHistoryType: 'project-history',
+          resolvedCommentIds: ['comment2'],
+          historyRangesSupport: false,
+        })
+      })
+    })
+
+    describe('when the project does not exist', function () {
+      beforeEach(function (done) {
+        this.ProjectGetter.promises.getProject.resolves(null)
+        this.res.callback = err => {
+          done(err)
+        }
+        this.DocumentController.getDocument(this.req, this.res, this.next)
+      })
+
+      it('returns a 404', function () {
+        this.res.statusCode.should.equal(404)
+      })
+    })
+  })
+
+  describe('setDocument', function () {
+    beforeEach(function () {
+      this.req.params = {
+        Project_id: this.project._id,
+        doc_id: this.doc._id,
+      }
+    })
+
+    describe('when the document exists', function () {
+      beforeEach(function (done) {
+        this.req.body = {
+          lines: this.doc_lines,
+          version: this.version,
+          ranges: this.ranges,
+          lastUpdatedAt: this.lastUpdatedAt,
+          lastUpdatedBy: this.lastUpdatedBy,
+        }
+        this.res.callback = err => {
+          done(err)
+        }
+        this.DocumentController.setDocument(this.req, this.res, this.next)
+      })
+
+      it('should update the document in Mongo', function () {
+        sinon.assert.calledWith(
+          this.ProjectEntityUpdateHandler.promises.updateDocLines,
+          this.project._id,
+          this.doc._id,
+          this.doc_lines,
+          this.version,
+          this.ranges,
+          this.lastUpdatedAt,
+          this.lastUpdatedBy
+        )
+      })
+
+      it('should return a successful response', function () {
+        this.res.success.should.equal(true)
+      })
+    })
+
+    describe("when the document doesn't exist", function () {
+      beforeEach(function (done) {
+        this.ProjectEntityUpdateHandler.promises.updateDocLines.rejects(
+          new Errors.NotFoundError('document does not exist')
+        )
+        this.req.body = { lines: this.doc_lines }
+        this.next.callsFake(() => {
+          done()
+        })
+        this.DocumentController.setDocument(this.req, this.res, this.next)
+      })
+
+      it('should call next with the NotFoundError', function () {
+        this.next
+          .calledWith(sinon.match.instanceOf(Errors.NotFoundError))
+          .should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Documents/DocumentHelperTests.js b/services/web/test/unit/src/Documents/DocumentHelperTests.js
new file mode 100644
index 0000000..7a4017a
--- /dev/null
+++ b/services/web/test/unit/src/Documents/DocumentHelperTests.js
@@ -0,0 +1,162 @@
+/* eslint-disable
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../../app/src/Features/Documents/DocumentHelper.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('DocumentHelper', function () {
+  beforeEach(function () {
+    return (this.DocumentHelper = SandboxedModule.require(modulePath))
+  })
+
+  describe('getTitleFromTexContent', function () {
+    it('should return the title', function () {
+      const document = '\\begin{document}\n\\title{foo}\n\\end{document}'
+      return expect(
+        this.DocumentHelper.getTitleFromTexContent(document)
+      ).to.equal('foo')
+    })
+
+    it('should return the title if surrounded by space', function () {
+      const document = '\\begin{document}\n   \\title{foo}   \n\\end{document}'
+      return expect(
+        this.DocumentHelper.getTitleFromTexContent(document)
+      ).to.equal('foo')
+    })
+
+    it('should return null if there is no title', function () {
+      const document = '\\begin{document}\n\\end{document}'
+      return expect(
+        this.DocumentHelper.getTitleFromTexContent(document)
+      ).to.eql(null)
+    })
+
+    it('should accept an array', function () {
+      const document = ['\\begin{document}', '\\title{foo}', '\\end{document}']
+      return expect(
+        this.DocumentHelper.getTitleFromTexContent(document)
+      ).to.equal('foo')
+    })
+
+    it('should parse out formatting elements from the title', function () {
+      const document = '\\title{\\textbf{\\large{Second Year LaTeX Exercise}}}'
+      return expect(
+        this.DocumentHelper.getTitleFromTexContent(document)
+      ).to.equal('Second Year LaTeX Exercise')
+    })
+
+    it('should ignore junk after the title', function () {
+      const document = '\\title{wombat} potato'
+      return expect(
+        this.DocumentHelper.getTitleFromTexContent(document)
+      ).to.equal('wombat')
+    })
+
+    it('should ignore junk before the title', function () {
+      const document =
+        '% this is something that v1 relied on, even though it seems odd \\title{wombat}'
+      return expect(
+        this.DocumentHelper.getTitleFromTexContent(document)
+      ).to.equal('wombat')
+    })
+
+    // NICETOHAVE: Current implementation doesn't do this
+    // it "should keep content that surrounds formatting elements", ->
+    //	document = "\\title{Second Year \\large{LaTeX} Exercise}"
+    //	expect(@DocumentHelper.getTitleFromTexContent(document)).to.equal "Second Year LaTeX Exercise"
+
+    it('should collapse whitespace', function () {
+      const document = '\\title{Second    Year  LaTeX     Exercise}'
+      return expect(
+        this.DocumentHelper.getTitleFromTexContent(document)
+      ).to.equal('Second Year LaTeX Exercise')
+    })
+  })
+
+  describe('detex', function () {
+    // note, there are a number of tests for getTitleFromTexContent that also test cases here
+    it('leaves a non-TeX string unchanged', function () {
+      expect(this.DocumentHelper.detex('')).to.equal('')
+      expect(this.DocumentHelper.detex('a')).to.equal('a')
+      return expect(this.DocumentHelper.detex('a a')).to.equal('a a')
+    })
+
+    it('collapses spaces', function () {
+      expect(this.DocumentHelper.detex('a  a')).to.equal('a a')
+      return expect(this.DocumentHelper.detex('a \n a')).to.equal('a \n a')
+    })
+
+    it('replaces named commands', function () {
+      expect(this.DocumentHelper.detex('\\LaTeX')).to.equal('LaTeX')
+      expect(this.DocumentHelper.detex('\\TikZ')).to.equal('TikZ')
+      expect(this.DocumentHelper.detex('\\TeX')).to.equal('TeX')
+      return expect(this.DocumentHelper.detex('\\BibTeX')).to.equal('BibTeX')
+    })
+
+    it('removes general commands', function () {
+      expect(this.DocumentHelper.detex('\\foo')).to.equal('')
+      expect(this.DocumentHelper.detex('\\foo{}')).to.equal('')
+      expect(this.DocumentHelper.detex('\\foo~Test')).to.equal('Test')
+      expect(this.DocumentHelper.detex('\\"e')).to.equal('e')
+      return expect(this.DocumentHelper.detex('\\textit{e}')).to.equal('e')
+    })
+
+    it('leaves basic math', function () {
+      return expect(this.DocumentHelper.detex('$\\cal{O}(n^2)$')).to.equal(
+        'O(n^2)'
+      )
+    })
+
+    it('removes line spacing commands', function () {
+      return expect(this.DocumentHelper.detex('a \\\\[1.50cm] b')).to.equal(
+        'a b'
+      )
+    })
+  })
+
+  describe('contentHasDocumentclass', function () {
+    it('should return true if the content has a documentclass', function () {
+      const document = ['% line', '% line', '% line', '\\documentclass']
+      return expect(
+        this.DocumentHelper.contentHasDocumentclass(document)
+      ).to.equal(true)
+    })
+
+    it('should allow whitespace before the documentclass', function () {
+      const document = ['% line', '% line', '% line', '        \\documentclass']
+      return expect(
+        this.DocumentHelper.contentHasDocumentclass(document)
+      ).to.equal(true)
+    })
+
+    it('should not allow non-whitespace before the documentclass', function () {
+      const document = [
+        '% line',
+        '% line',
+        '% line',
+        '    asdf \\documentclass',
+      ]
+      return expect(
+        this.DocumentHelper.contentHasDocumentclass(document)
+      ).to.equal(false)
+    })
+
+    it('should return false when there is no documentclass', function () {
+      const document = ['% line', '% line', '% line']
+      return expect(
+        this.DocumentHelper.contentHasDocumentclass(document)
+      ).to.equal(false)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Downloads/ProjectDownloadsControllerTests.mjs b/services/web/test/unit/src/Downloads/ProjectDownloadsControllerTests.mjs
new file mode 100644
index 0000000..db9cf19
--- /dev/null
+++ b/services/web/test/unit/src/Downloads/ProjectDownloadsControllerTests.mjs
@@ -0,0 +1,152 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import sinon from 'sinon'
+import esmock from 'esmock'
+import MockRequest from '../helpers/MockRequest.js'
+import MockResponse from '../helpers/MockResponse.js'
+const modulePath =
+  '../../../../app/src/Features/Downloads/ProjectDownloadsController.mjs'
+
+describe('ProjectDownloadsController', function () {
+  beforeEach(async function () {
+    this.project_id = 'project-id-123'
+    this.req = new MockRequest()
+    this.res = new MockResponse()
+    this.next = sinon.stub()
+    this.DocumentUpdaterHandler = sinon.stub()
+    return (this.ProjectDownloadsController = await esmock.strict(modulePath, {
+      '../../../../app/src/Features/Downloads/ProjectZipStreamManager.mjs':
+        (this.ProjectZipStreamManager = {}),
+      '../../../../app/src/Features/Project/ProjectGetter.js':
+        (this.ProjectGetter = {}),
+      '@overleaf/metrics': (this.metrics = {}),
+      '../../../../app/src/Features/DocumentUpdater/DocumentUpdaterHandler.js':
+        this.DocumentUpdaterHandler,
+    }))
+  })
+
+  describe('downloadProject', function () {
+    beforeEach(function () {
+      this.stream = { pipe: sinon.stub() }
+      this.ProjectZipStreamManager.createZipStreamForProject = sinon
+        .stub()
+        .callsArgWith(1, null, this.stream)
+      this.req.params = { Project_id: this.project_id }
+      this.project_name = 'project name with accênts'
+      this.ProjectGetter.getProject = sinon
+        .stub()
+        .callsArgWith(2, null, { name: this.project_name })
+      this.DocumentUpdaterHandler.flushProjectToMongo = sinon
+        .stub()
+        .callsArgWith(1)
+      this.metrics.inc = sinon.stub()
+      return this.ProjectDownloadsController.downloadProject(
+        this.req,
+        this.res,
+        this.next
+      )
+    })
+
+    it('should create a zip from the project', function () {
+      return this.ProjectZipStreamManager.createZipStreamForProject
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+
+    it('should stream the zip to the request', function () {
+      return this.stream.pipe.calledWith(this.res).should.equal(true)
+    })
+
+    it('should set the correct content type on the request', function () {
+      return this.res.contentType
+        .calledWith('application/zip')
+        .should.equal(true)
+    })
+
+    it('should flush the project to mongo', function () {
+      return this.DocumentUpdaterHandler.flushProjectToMongo
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+
+    it("should look up the project's name", function () {
+      return this.ProjectGetter.getProject
+        .calledWith(this.project_id, { name: true })
+        .should.equal(true)
+    })
+
+    it('should name the downloaded file after the project', function () {
+      this.res.headers.should.deep.equal({
+        'Content-Disposition': `attachment; filename="${this.project_name}.zip"`,
+        'Content-Type': 'application/zip',
+        'X-Content-Type-Options': 'nosniff',
+      })
+    })
+
+    it('should record the action via Metrics', function () {
+      return this.metrics.inc.calledWith('zip-downloads').should.equal(true)
+    })
+  })
+
+  describe('downloadMultipleProjects', function () {
+    beforeEach(function () {
+      this.stream = { pipe: sinon.stub() }
+      this.ProjectZipStreamManager.createZipStreamForMultipleProjects = sinon
+        .stub()
+        .callsArgWith(1, null, this.stream)
+      this.project_ids = ['project-1', 'project-2']
+      this.req.query = { project_ids: this.project_ids.join(',') }
+      this.DocumentUpdaterHandler.flushMultipleProjectsToMongo = sinon
+        .stub()
+        .callsArgWith(1)
+      this.metrics.inc = sinon.stub()
+      return this.ProjectDownloadsController.downloadMultipleProjects(
+        this.req,
+        this.res,
+        this.next
+      )
+    })
+
+    it('should create a zip from the project', function () {
+      return this.ProjectZipStreamManager.createZipStreamForMultipleProjects
+        .calledWith(this.project_ids)
+        .should.equal(true)
+    })
+
+    it('should stream the zip to the request', function () {
+      return this.stream.pipe.calledWith(this.res).should.equal(true)
+    })
+
+    it('should set the correct content type on the request', function () {
+      return this.res.contentType
+        .calledWith('application/zip')
+        .should.equal(true)
+    })
+
+    it('should flush the projects to mongo', function () {
+      return this.DocumentUpdaterHandler.flushMultipleProjectsToMongo
+        .calledWith(this.project_ids)
+        .should.equal(true)
+    })
+
+    it('should name the downloaded file after the project', function () {
+      this.res.headers.should.deep.equal({
+        'Content-Disposition':
+          'attachment; filename="Overleaf Projects (2 items).zip"',
+        'Content-Type': 'application/zip',
+        'X-Content-Type-Options': 'nosniff',
+      })
+    })
+
+    it('should record the action via Metrics', function () {
+      return this.metrics.inc
+        .calledWith('zip-downloads-multiple')
+        .should.equal(true)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Downloads/ProjectZipStreamManagerTests.mjs b/services/web/test/unit/src/Downloads/ProjectZipStreamManagerTests.mjs
new file mode 100644
index 0000000..f86b99b
--- /dev/null
+++ b/services/web/test/unit/src/Downloads/ProjectZipStreamManagerTests.mjs
@@ -0,0 +1,477 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS201: Simplify complex destructure assignments
+ * DS205: Consider reworking code to avoid use of IIFEs
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import sinon from 'sinon'
+import esmock from 'esmock'
+import { EventEmitter } from 'events'
+const modulePath =
+  '../../../../app/src/Features/Downloads/ProjectZipStreamManager.mjs'
+
+describe('ProjectZipStreamManager', function () {
+  beforeEach(async function () {
+    this.project_id = 'project-id-123'
+    this.callback = sinon.stub()
+    this.archive = {
+      on() {},
+      append: sinon.stub(),
+    }
+    this.logger = {
+      error: sinon.stub(),
+      info: sinon.stub(),
+      debug: sinon.stub(),
+    }
+
+    return (this.ProjectZipStreamManager = await esmock.strict(modulePath, {
+      archiver: (this.archiver = sinon.stub().returns(this.archive)),
+      '@overleaf/logger': this.logger,
+      '../../../../app/src/Features/Project/ProjectEntityHandler':
+        (this.ProjectEntityHandler = {}),
+      '../../../../app/src/Features/History/HistoryManager.js':
+        (this.HistoryManager = {}),
+      '../../../../app/src/Features/Project/ProjectGetter':
+        (this.ProjectGetter = {}),
+      '../../../../app/src/Features/FileStore/FileStoreHandler':
+        (this.FileStoreHandler = {}),
+      '../../../../app/src/infrastructure/Features': (this.Features = {
+        hasFeature: sinon
+          .stub()
+          .withArgs('project-history-blobs')
+          .returns(true),
+      }),
+    }))
+  })
+
+  describe('createZipStreamForMultipleProjects', function () {
+    describe('successfully', function () {
+      beforeEach(function (done) {
+        this.project_ids = ['project-1', 'project-2']
+        this.zip_streams = {
+          'project-1': new EventEmitter(),
+          'project-2': new EventEmitter(),
+        }
+
+        this.project_names = {
+          'project-1': 'Project One Name',
+          'project-2': 'Project Two Name',
+        }
+
+        this.ProjectZipStreamManager.createZipStreamForProject = (
+          projectId,
+          callback
+        ) => {
+          callback(null, this.zip_streams[projectId])
+          setTimeout(() => {
+            return this.zip_streams[projectId].emit('end')
+          })
+          return 0
+        }
+        sinon.spy(this.ProjectZipStreamManager, 'createZipStreamForProject')
+
+        this.ProjectGetter.getProject = (projectId, fields, callback) => {
+          return callback(null, { name: this.project_names[projectId] })
+        }
+        sinon.spy(this.ProjectGetter, 'getProject')
+
+        this.ProjectZipStreamManager.createZipStreamForMultipleProjects(
+          this.project_ids,
+          (...args) => {
+            return this.callback(...Array.from(args || []))
+          }
+        )
+
+        return (this.archive.finalize = () => done())
+      })
+
+      it('should create a zip archive', function () {
+        return this.archiver.calledWith('zip').should.equal(true)
+      })
+
+      it('should return a stream before any processing is done', function () {
+        this.callback
+          .calledWith(sinon.match.falsy, this.archive)
+          .should.equal(true)
+        return this.callback
+          .calledBefore(this.ProjectZipStreamManager.createZipStreamForProject)
+          .should.equal(true)
+      })
+
+      it('should get a zip stream for all of the projects', function () {
+        return Array.from(this.project_ids).map(projectId =>
+          this.ProjectZipStreamManager.createZipStreamForProject
+            .calledWith(projectId)
+            .should.equal(true)
+        )
+      })
+
+      it('should get the names of each project', function () {
+        return Array.from(this.project_ids).map(projectId =>
+          this.ProjectGetter.getProject
+            .calledWith(projectId, { name: true })
+            .should.equal(true)
+        )
+      })
+
+      it('should add all of the projects to the zip', function () {
+        return Array.from(this.project_ids).map(projectId =>
+          this.archive.append
+            .calledWith(this.zip_streams[projectId], {
+              name: this.project_names[projectId] + '.zip',
+            })
+            .should.equal(true)
+        )
+      })
+    })
+
+    describe('with a project not existing', function () {
+      beforeEach(function (done) {
+        this.project_ids = ['project-1', 'wrong-id']
+        this.project_names = {
+          'project-1': 'Project One Name',
+        }
+        this.zip_streams = {
+          'project-1': new EventEmitter(),
+        }
+
+        this.ProjectZipStreamManager.createZipStreamForProject = (
+          projectId,
+          callback
+        ) => {
+          callback(null, this.zip_streams[projectId])
+          setTimeout(() => {
+            this.zip_streams[projectId].emit('end')
+          })
+        }
+        sinon.spy(this.ProjectZipStreamManager, 'createZipStreamForProject')
+
+        this.ProjectGetter.getProject = (projectId, fields, callback) => {
+          const name = this.project_names[projectId]
+          callback(null, name ? { name } : undefined)
+        }
+        sinon.spy(this.ProjectGetter, 'getProject')
+
+        this.ProjectZipStreamManager.createZipStreamForMultipleProjects(
+          this.project_ids,
+          this.callback
+        )
+
+        this.archive.finalize = () => done()
+      })
+
+      it('should create a zip archive', function () {
+        this.archiver.calledWith('zip').should.equal(true)
+      })
+
+      it('should return a stream before any processing is done', function () {
+        this.callback
+          .calledWith(sinon.match.falsy, this.archive)
+          .should.equal(true)
+        this.callback
+          .calledBefore(this.ProjectZipStreamManager.createZipStreamForProject)
+          .should.equal(true)
+      })
+
+      it('should get the names of each project', function () {
+        this.project_ids.map(projectId =>
+          this.ProjectGetter.getProject
+            .calledWith(projectId, { name: true })
+            .should.equal(true)
+        )
+      })
+
+      it('should get a zip stream only for the existing project', function () {
+        this.ProjectZipStreamManager.createZipStreamForProject
+          .calledWith('project-1')
+          .should.equal(true)
+        this.ProjectZipStreamManager.createZipStreamForProject
+          .calledWith('wrong-id')
+          .should.equal(false)
+      })
+
+      it('should only add the existing project to the zip', function () {
+        sinon.assert.calledOnce(this.archive.append)
+        this.archive.append
+          .calledWith(this.zip_streams['project-1'], {
+            name: this.project_names['project-1'] + '.zip',
+          })
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('createZipStreamForProject', function () {
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.ProjectZipStreamManager.addAllDocsToArchive = sinon
+          .stub()
+          .callsArg(2)
+        this.ProjectZipStreamManager.addAllFilesToArchive = sinon
+          .stub()
+          .callsArg(2)
+        this.archive.finalize = sinon.stub()
+        return this.ProjectZipStreamManager.createZipStreamForProject(
+          this.project_id,
+          this.callback
+        )
+      })
+
+      it('should create a zip archive', function () {
+        return this.archiver.calledWith('zip').should.equal(true)
+      })
+
+      it('should return a stream before any processing is done', function () {
+        this.callback
+          .calledWith(sinon.match.falsy, this.archive)
+          .should.equal(true)
+        this.callback
+          .calledBefore(this.ProjectZipStreamManager.addAllDocsToArchive)
+          .should.equal(true)
+        return this.callback
+          .calledBefore(this.ProjectZipStreamManager.addAllFilesToArchive)
+          .should.equal(true)
+      })
+
+      it('should add all of the project docs to the zip', function () {
+        return this.ProjectZipStreamManager.addAllDocsToArchive
+          .calledWith(this.project_id, this.archive)
+          .should.equal(true)
+      })
+
+      it('should add all of the project files to the zip', function () {
+        return this.ProjectZipStreamManager.addAllFilesToArchive
+          .calledWith(this.project_id, this.archive)
+          .should.equal(true)
+      })
+
+      it('should finalise the stream', function () {
+        return this.archive.finalize.called.should.equal(true)
+      })
+    })
+
+    describe('with an error adding docs', function () {
+      beforeEach(function () {
+        this.ProjectZipStreamManager.addAllDocsToArchive = sinon
+          .stub()
+          .callsArgWith(2, new Error('something went wrong'))
+        this.ProjectZipStreamManager.addAllFilesToArchive = sinon
+          .stub()
+          .callsArg(2)
+        this.archive.finalize = sinon.stub()
+        this.ProjectZipStreamManager.createZipStreamForProject(
+          this.project_id,
+          this.callback
+        )
+      })
+
+      it('should log out an error', function () {
+        return this.logger.error
+          .calledWith(sinon.match.any, 'error adding docs to zip stream')
+          .should.equal(true)
+      })
+
+      it('should continue with the process', function () {
+        this.ProjectZipStreamManager.addAllDocsToArchive.called.should.equal(
+          true
+        )
+        this.ProjectZipStreamManager.addAllFilesToArchive.called.should.equal(
+          true
+        )
+        return this.archive.finalize.called.should.equal(true)
+      })
+    })
+
+    describe('with an error adding files', function () {
+      beforeEach(function () {
+        this.ProjectZipStreamManager.addAllDocsToArchive = sinon
+          .stub()
+          .callsArg(2)
+        this.ProjectZipStreamManager.addAllFilesToArchive = sinon
+          .stub()
+          .callsArgWith(2, new Error('something went wrong'))
+        this.archive.finalize = sinon.stub()
+        return this.ProjectZipStreamManager.createZipStreamForProject(
+          this.project_id,
+          this.callback
+        )
+      })
+
+      it('should log out an error', function () {
+        return this.logger.error
+          .calledWith(sinon.match.any, 'error adding files to zip stream')
+          .should.equal(true)
+      })
+
+      it('should continue with the process', function () {
+        this.ProjectZipStreamManager.addAllDocsToArchive.called.should.equal(
+          true
+        )
+        this.ProjectZipStreamManager.addAllFilesToArchive.called.should.equal(
+          true
+        )
+        return this.archive.finalize.called.should.equal(true)
+      })
+    })
+  })
+
+  describe('addAllDocsToArchive', function () {
+    beforeEach(function (done) {
+      this.docs = {
+        '/main.tex': {
+          lines: [
+            '\\documentclass{article}',
+            '\\begin{document}',
+            'Hello world',
+            '\\end{document}',
+          ],
+        },
+        '/chapters/chapter1.tex': {
+          lines: ['chapter1', 'content'],
+        },
+      }
+      this.ProjectEntityHandler.getAllDocs = sinon
+        .stub()
+        .callsArgWith(1, null, this.docs)
+      return this.ProjectZipStreamManager.addAllDocsToArchive(
+        this.project_id,
+        this.archive,
+        error => {
+          this.callback(error)
+          return done()
+        }
+      )
+    })
+
+    it('should get the docs for the project', function () {
+      return this.ProjectEntityHandler.getAllDocs
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+
+    it('should add each doc to the archive', function () {
+      return (() => {
+        const result = []
+        for (let path in this.docs) {
+          const doc = this.docs[path]
+          path = path.slice(1) // remove "/"
+          result.push(
+            this.archive.append
+              .calledWith(doc.lines.join('\n'), { name: path })
+              .should.equal(true)
+          )
+        }
+        return result
+      })()
+    })
+  })
+
+  describe('addAllFilesToArchive', function () {
+    beforeEach(function () {
+      this.files = {
+        '/image.png': {
+          _id: 'file-id-1',
+          hash: 'abc',
+        },
+        '/folder/picture.png': {
+          _id: 'file-id-2',
+          hash: 'def',
+        },
+      }
+      this.streams = {
+        'file-id-1': new EventEmitter(),
+        'file-id-2': new EventEmitter(),
+      }
+      this.ProjectEntityHandler.getAllFiles = sinon
+        .stub()
+        .callsArgWith(1, null, this.files)
+    })
+    describe('with project-history-blobs feature enabled', function () {
+      beforeEach(function () {
+        this.HistoryManager.requestBlobWithFallback = (
+          projectId,
+          hash,
+          fileId,
+          callback
+        ) => {
+          return callback(null, { stream: this.streams[fileId] })
+        }
+        sinon.spy(this.HistoryManager, 'requestBlobWithFallback')
+        this.ProjectZipStreamManager.addAllFilesToArchive(
+          this.project_id,
+          this.archive,
+          this.callback
+        )
+        for (const path in this.streams) {
+          const stream = this.streams[path]
+          stream.emit('end')
+        }
+      })
+
+      it('should get the files for the project', function () {
+        return this.ProjectEntityHandler.getAllFiles
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should get a stream for each file', function () {
+        for (const path in this.files) {
+          const file = this.files[path]
+
+          this.HistoryManager.requestBlobWithFallback
+            .calledWith(this.project_id, file.hash, file._id)
+            .should.equal(true)
+        }
+      })
+
+      it('should add each file to the archive', function () {
+        for (let path in this.files) {
+          const file = this.files[path]
+          path = path.slice(1) // remove "/"
+          this.archive.append
+            .calledWith(this.streams[file._id], { name: path })
+            .should.equal(true)
+        }
+      })
+    })
+
+    describe('with project-history-blobs feature disabled', function () {
+      beforeEach(function () {
+        this.FileStoreHandler.getFileStream = (
+          projectId,
+          fileId,
+          query,
+          callback
+        ) => callback(null, this.streams[fileId])
+
+        sinon.spy(this.FileStoreHandler, 'getFileStream')
+        this.Features.hasFeature
+          .withArgs('project-history-blobs')
+          .returns(false)
+        this.ProjectZipStreamManager.addAllFilesToArchive(
+          this.project_id,
+          this.archive,
+          this.callback
+        )
+        for (const path in this.streams) {
+          const stream = this.streams[path]
+          stream.emit('end')
+        }
+      })
+
+      it('should get a stream for each file', function () {
+        for (const path in this.files) {
+          const file = this.files[path]
+
+          this.FileStoreHandler.getFileStream
+            .calledWith(this.project_id, file._id)
+            .should.equal(true)
+        }
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Editor/EditorControllerTests.js b/services/web/test/unit/src/Editor/EditorControllerTests.js
new file mode 100644
index 0000000..2dd11bd
--- /dev/null
+++ b/services/web/test/unit/src/Editor/EditorControllerTests.js
@@ -0,0 +1,1089 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const OError = require('@overleaf/o-error')
+
+const modulePath = require('path').join(
+  __dirname,
+  '../../../../app/src/Features/Editor/EditorController'
+)
+const MockClient = require('../helpers/MockClient')
+const assert = require('assert')
+const { ObjectId } = require('mongodb-legacy')
+
+describe('EditorController', function () {
+  beforeEach(function () {
+    this.project_id = 'test-project-id'
+    this.source = 'dropbox'
+    this.user_id = new ObjectId()
+
+    this.doc = { _id: (this.doc_id = 'test-doc-id') }
+    this.docName = 'doc.tex'
+    this.docLines = ['1234', 'dskl']
+    this.file = { _id: (this.file_id = 'dasdkjk') }
+    this.fileName = 'file.png'
+    this.fsPath = '/folder/file.png'
+    this.linkedFileData = { provider: 'url' }
+
+    this.newFile = { _id: 'new-file-id' }
+
+    this.folder_id = '123ksajdn'
+    this.folder = { _id: this.folder_id }
+    this.folderName = 'folder'
+
+    this.callback = sinon.stub()
+
+    return (this.EditorController = SandboxedModule.require(modulePath, {
+      requires: {
+        '../Project/ProjectEntityUpdateHandler':
+          (this.ProjectEntityUpdateHandler = {}),
+        '../Project/ProjectOptionsHandler': (this.ProjectOptionsHandler = {
+          setCompiler: sinon.stub().yields(),
+          setImageName: sinon.stub().yields(),
+          setSpellCheckLanguage: sinon.stub().yields(),
+        }),
+        '../Project/ProjectDetailsHandler': (this.ProjectDetailsHandler = {
+          setProjectDescription: sinon.stub().yields(),
+          renameProject: sinon.stub().yields(),
+          setPublicAccessLevel: sinon.stub().yields(),
+        }),
+        '../Project/ProjectDeleter': (this.ProjectDeleter = {}),
+        '../DocumentUpdater/DocumentUpdaterHandler':
+          (this.DocumentUpdaterHandler = {
+            flushDocToMongo: sinon.stub().yields(),
+            setDocument: sinon.stub().yields(),
+          }),
+        './EditorRealTimeController': (this.EditorRealTimeController = {
+          emitToRoom: sinon.stub(),
+        }),
+        '@overleaf/metrics': (this.Metrics = { inc: sinon.stub() }),
+      },
+    }))
+  })
+
+  describe('addDoc', function () {
+    beforeEach(function () {
+      this.ProjectEntityUpdateHandler.addDocWithRanges = sinon
+        .stub()
+        .yields(null, this.doc, this.folder_id)
+      return this.EditorController.addDoc(
+        this.project_id,
+        this.folder_id,
+        this.docName,
+        this.docLines,
+        this.source,
+        this.user_id,
+        this.callback
+      )
+    })
+
+    it('should add the doc using the project entity handler', function () {
+      return this.ProjectEntityUpdateHandler.addDocWithRanges
+        .calledWith(
+          this.project_id,
+          this.folder_id,
+          this.docName,
+          this.docLines,
+          {},
+          this.user_id,
+          this.source
+        )
+        .should.equal(true)
+    })
+
+    it('should send the update out to the users in the project', function () {
+      return this.EditorRealTimeController.emitToRoom
+        .calledWith(
+          this.project_id,
+          'reciveNewDoc',
+          this.folder_id,
+          this.doc,
+          this.source,
+          this.user_id
+        )
+        .should.equal(true)
+    })
+
+    it('calls the callback', function () {
+      return this.callback.calledWith(null, this.doc).should.equal(true)
+    })
+  })
+
+  describe('addFile', function () {
+    beforeEach(function () {
+      this.ProjectEntityUpdateHandler.addFile = sinon
+        .stub()
+        .yields(null, this.file, this.folder_id)
+      return this.EditorController.addFile(
+        this.project_id,
+        this.folder_id,
+        this.fileName,
+        this.fsPath,
+        this.linkedFileData,
+        this.source,
+        this.user_id,
+        this.callback
+      )
+    })
+
+    it('should add the folder using the project entity handler', function () {
+      return this.ProjectEntityUpdateHandler.addFile
+        .calledWith(
+          this.project_id,
+          this.folder_id,
+          this.fileName,
+          this.fsPath,
+          this.linkedFileData,
+          this.user_id,
+          this.source
+        )
+        .should.equal(true)
+    })
+
+    it('should send the update of a new folder out to the users in the project', function () {
+      return this.EditorRealTimeController.emitToRoom
+        .calledWith(
+          this.project_id,
+          'reciveNewFile',
+          this.folder_id,
+          this.file,
+          this.source,
+          this.linkedFileData,
+          this.user_id
+        )
+        .should.equal(true)
+    })
+
+    it('calls the callback', function () {
+      return this.callback.calledWith(null, this.file).should.equal(true)
+    })
+  })
+
+  describe('upsertDoc', function () {
+    beforeEach(function () {
+      this.ProjectEntityUpdateHandler.upsertDoc = sinon
+        .stub()
+        .yields(null, this.doc, false)
+      return this.EditorController.upsertDoc(
+        this.project_id,
+        this.folder_id,
+        this.docName,
+        this.docLines,
+        this.source,
+        this.user_id,
+        this.callback
+      )
+    })
+
+    it('upserts the doc using the project entity handler', function () {
+      return this.ProjectEntityUpdateHandler.upsertDoc
+        .calledWith(
+          this.project_id,
+          this.folder_id,
+          this.docName,
+          this.docLines,
+          this.source
+        )
+        .should.equal(true)
+    })
+
+    it('returns the doc', function () {
+      return this.callback.calledWith(null, this.doc).should.equal(true)
+    })
+
+    describe('doc does not exist', function () {
+      beforeEach(function () {
+        this.ProjectEntityUpdateHandler.upsertDoc = sinon
+          .stub()
+          .yields(null, this.doc, true)
+        return this.EditorController.upsertDoc(
+          this.project_id,
+          this.folder_id,
+          this.docName,
+          this.docLines,
+          this.source,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('sends an update out to users in the project', function () {
+        return this.EditorRealTimeController.emitToRoom
+          .calledWith(
+            this.project_id,
+            'reciveNewDoc',
+            this.folder_id,
+            this.doc,
+            this.source,
+            this.user_id
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('upsertFile', function () {
+    beforeEach(function () {
+      this.ProjectEntityUpdateHandler.upsertFile = sinon
+        .stub()
+        .yields(null, this.newFile, false, this.file)
+      return this.EditorController.upsertFile(
+        this.project_id,
+        this.folder_id,
+        this.fileName,
+        this.fsPath,
+        this.linkedFileData,
+        this.source,
+        this.user_id,
+        this.callback
+      )
+    })
+
+    it('upserts the file using the project entity handler', function () {
+      return this.ProjectEntityUpdateHandler.upsertFile
+        .calledWith(
+          this.project_id,
+          this.folder_id,
+          this.fileName,
+          this.fsPath,
+          this.linkedFileData,
+          this.user_id,
+          this.source
+        )
+        .should.equal(true)
+    })
+
+    it('returns the file', function () {
+      return this.callback.calledWith(null, this.newFile).should.equal(true)
+    })
+
+    describe('file does not exist', function () {
+      beforeEach(function () {
+        this.ProjectEntityUpdateHandler.upsertFile = sinon
+          .stub()
+          .yields(null, this.file, true)
+        return this.EditorController.upsertFile(
+          this.project_id,
+          this.folder_id,
+          this.fileName,
+          this.fsPath,
+          this.linkedFileData,
+          this.source,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('should send the update out to users in the project', function () {
+        return this.EditorRealTimeController.emitToRoom
+          .calledWith(
+            this.project_id,
+            'reciveNewFile',
+            this.folder_id,
+            this.file,
+            this.source,
+            this.linkedFileData,
+            this.user_id
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('upsertDocWithPath', function () {
+    beforeEach(function () {
+      this.docPath = '/folder/doc'
+
+      this.ProjectEntityUpdateHandler.upsertDocWithPath = sinon
+        .stub()
+        .yields(null, this.doc, false, [], this.folder)
+      return this.EditorController.upsertDocWithPath(
+        this.project_id,
+        this.docPath,
+        this.docLines,
+        this.source,
+        this.user_id,
+        this.callback
+      )
+    })
+
+    it('upserts the doc using the project entity handler', function () {
+      return this.ProjectEntityUpdateHandler.upsertDocWithPath
+        .calledWith(this.project_id, this.docPath, this.docLines, this.source)
+        .should.equal(true)
+    })
+
+    describe('doc does not exist', function () {
+      beforeEach(function () {
+        this.ProjectEntityUpdateHandler.upsertDocWithPath = sinon
+          .stub()
+          .yields(null, this.doc, true, [], this.folder)
+        return this.EditorController.upsertDocWithPath(
+          this.project_id,
+          this.docPath,
+          this.docLines,
+          this.source,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('should send the update for the doc out to users in the project', function () {
+        return this.EditorRealTimeController.emitToRoom
+          .calledWith(
+            this.project_id,
+            'reciveNewDoc',
+            this.folder_id,
+            this.doc,
+            this.source,
+            this.user_id
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('folders required for doc do not exist', function () {
+      beforeEach(function () {
+        const folders = [
+          (this.folderA = { _id: 2, parentFolder_id: 1 }),
+          (this.folderB = { _id: 3, parentFolder_id: 2 }),
+        ]
+        this.ProjectEntityUpdateHandler.upsertDocWithPath = sinon
+          .stub()
+          .yields(null, this.doc, true, folders, this.folderB)
+        return this.EditorController.upsertDocWithPath(
+          this.project_id,
+          this.docPath,
+          this.docLines,
+          this.source,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('should send the update for each folder to users in the project', function () {
+        this.EditorRealTimeController.emitToRoom
+          .calledWith(
+            this.project_id,
+            'reciveNewFolder',
+            this.folderA.parentFolder_id,
+            this.folderA
+          )
+          .should.equal(true)
+        return this.EditorRealTimeController.emitToRoom
+          .calledWith(
+            this.project_id,
+            'reciveNewFolder',
+            this.folderB.parentFolder_id,
+            this.folderB
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('upsertFileWithPath', function () {
+    beforeEach(function () {
+      this.filePath = '/folder/file'
+
+      this.ProjectEntityUpdateHandler.upsertFileWithPath = sinon
+        .stub()
+        .yields(null, this.newFile, false, this.file, [], this.folder)
+      return this.EditorController.upsertFileWithPath(
+        this.project_id,
+        this.filePath,
+        this.fsPath,
+        this.linkedFileData,
+        this.source,
+        this.user_id,
+        this.callback
+      )
+    })
+
+    it('upserts the file using the project entity handler', function () {
+      return this.ProjectEntityUpdateHandler.upsertFileWithPath
+        .calledWith(
+          this.project_id,
+          this.filePath,
+          this.fsPath,
+          this.linkedFileData,
+          this.user_id,
+          this.source
+        )
+        .should.equal(true)
+    })
+
+    describe('file does not exist', function () {
+      beforeEach(function () {
+        this.ProjectEntityUpdateHandler.upsertFileWithPath = sinon
+          .stub()
+          .yields(null, this.file, true, undefined, [], this.folder)
+        return this.EditorController.upsertFileWithPath(
+          this.project_id,
+          this.filePath,
+          this.fsPath,
+          this.linkedFileData,
+          this.source,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('should send the update for the file out to users in the project', function () {
+        return this.EditorRealTimeController.emitToRoom
+          .calledWith(
+            this.project_id,
+            'reciveNewFile',
+            this.folder_id,
+            this.file,
+            this.source,
+            this.linkedFileData,
+            this.user_id
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('folders required for file do not exist', function () {
+      beforeEach(function () {
+        const folders = [
+          (this.folderA = { _id: 2, parentFolder_id: 1 }),
+          (this.folderB = { _id: 3, parentFolder_id: 2 }),
+        ]
+        this.ProjectEntityUpdateHandler.upsertFileWithPath = sinon
+          .stub()
+          .yields(null, this.file, true, undefined, folders, this.folderB)
+        return this.EditorController.upsertFileWithPath(
+          this.project_id,
+          this.filePath,
+          this.fsPath,
+          this.linkedFileData,
+          this.source,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('should send the update for each folder to users in the project', function () {
+        this.EditorRealTimeController.emitToRoom
+          .calledWith(
+            this.project_id,
+            'reciveNewFolder',
+            this.folderA.parentFolder_id,
+            this.folderA
+          )
+          .should.equal(true)
+        return this.EditorRealTimeController.emitToRoom
+          .calledWith(
+            this.project_id,
+            'reciveNewFolder',
+            this.folderB.parentFolder_id,
+            this.folderB
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('addFolder', function () {
+    beforeEach(function () {
+      this.EditorController._notifyProjectUsersOfNewFolder = sinon
+        .stub()
+        .yields()
+      this.ProjectEntityUpdateHandler.addFolder = sinon
+        .stub()
+        .yields(null, this.folder, this.folder_id)
+      return this.EditorController.addFolder(
+        this.project_id,
+        this.folder_id,
+        this.folderName,
+        this.source,
+        this.user_id,
+        this.callback
+      )
+    })
+
+    it('should add the folder using the project entity handler', function () {
+      return this.ProjectEntityUpdateHandler.addFolder
+        .calledWith(
+          this.project_id,
+          this.folder_id,
+          this.folderName,
+          this.user_id
+        )
+        .should.equal(true)
+    })
+
+    it('should notifyProjectUsersOfNewFolder', function () {
+      return this.EditorController._notifyProjectUsersOfNewFolder
+        .calledWith(this.project_id, this.folder_id, this.folder, this.user_id)
+        .should.equal(true)
+    })
+
+    it('should return the folder in the callback', function () {
+      return this.callback.calledWith(null, this.folder).should.equal(true)
+    })
+  })
+
+  describe('mkdirp', function () {
+    beforeEach(function () {
+      this.path = 'folder1/folder2'
+      this.folders = [
+        (this.folderA = { _id: 2, parentFolder_id: 1 }),
+        (this.folderB = { _id: 3, parentFolder_id: 2 }),
+      ]
+      this.userId = new ObjectId().toString()
+      this.EditorController._notifyProjectUsersOfNewFolders = sinon
+        .stub()
+        .yields()
+      this.ProjectEntityUpdateHandler.mkdirp = sinon
+        .stub()
+        .yields(null, this.folders, this.folder)
+      return this.EditorController.mkdirp(
+        this.project_id,
+        this.path,
+        this.userId,
+        this.callback
+      )
+    })
+
+    it('should create the folder using the project entity handler', function () {
+      return this.ProjectEntityUpdateHandler.mkdirp
+        .calledWith(this.project_id, this.path, this.userId)
+        .should.equal(true)
+    })
+
+    it('should notifyProjectUsersOfNewFolder', function () {
+      return this.EditorController._notifyProjectUsersOfNewFolders.calledWith(
+        this.project_id,
+        this.folders
+      )
+    })
+
+    it('should return the folder in the callback', function () {
+      return this.callback
+        .calledWith(null, this.folders, this.folder)
+        .should.equal(true)
+    })
+  })
+
+  describe('deleteEntity', function () {
+    beforeEach(function () {
+      this.entity_id = 'entity_id_here'
+      this.type = 'doc'
+      this.ProjectEntityUpdateHandler.deleteEntity = sinon.stub().yields()
+      return this.EditorController.deleteEntity(
+        this.project_id,
+        this.entity_id,
+        this.type,
+        this.source,
+        this.user_id,
+        this.callback
+      )
+    })
+
+    it('should delete the folder using the project entity handler', function () {
+      return this.ProjectEntityUpdateHandler.deleteEntity
+        .calledWith(
+          this.project_id,
+          this.entity_id,
+          this.type,
+          this.user_id,
+          this.source
+        )
+        .should.equal(true)
+    })
+
+    it('notify users an entity has been deleted', function () {
+      return this.EditorRealTimeController.emitToRoom
+        .calledWith(
+          this.project_id,
+          'removeEntity',
+          this.entity_id,
+          this.source
+        )
+        .should.equal(true)
+    })
+  })
+
+  describe('deleteEntityWithPath', function () {
+    beforeEach(function () {
+      this.entity_id = 'entity_id_here'
+      this.ProjectEntityUpdateHandler.deleteEntityWithPath = sinon
+        .stub()
+        .yields(null, this.entity_id)
+      this.path = 'folder1/folder2'
+      return this.EditorController.deleteEntityWithPath(
+        this.project_id,
+        this.path,
+        this.source,
+        this.user_id,
+        this.callback
+      )
+    })
+
+    it('should delete the folder using the project entity handler', function () {
+      return this.ProjectEntityUpdateHandler.deleteEntityWithPath
+        .calledWith(this.project_id, this.path, this.user_id, this.source)
+        .should.equal(true)
+    })
+
+    it('notify users an entity has been deleted', function () {
+      return this.EditorRealTimeController.emitToRoom
+        .calledWith(
+          this.project_id,
+          'removeEntity',
+          this.entity_id,
+          this.source
+        )
+        .should.equal(true)
+    })
+  })
+
+  describe('updateProjectDescription', function () {
+    beforeEach(function () {
+      this.description = 'new description'
+      return this.EditorController.updateProjectDescription(
+        this.project_id,
+        this.description,
+        this.callback
+      )
+    })
+
+    it('should send the new description to the project details handler', function () {
+      return this.ProjectDetailsHandler.setProjectDescription
+        .calledWith(this.project_id, this.description)
+        .should.equal(true)
+    })
+
+    it('should notify the other clients about the updated description', function () {
+      return this.EditorRealTimeController.emitToRoom
+        .calledWith(
+          this.project_id,
+          'projectDescriptionUpdated',
+          this.description
+        )
+        .should.equal(true)
+    })
+  })
+
+  describe('deleteProject', function () {
+    beforeEach(function () {
+      this.err = 'errro'
+      return (this.ProjectDeleter.deleteProject = sinon
+        .stub()
+        .callsArgWith(1, this.err))
+    })
+
+    it('should call the project handler', function (done) {
+      return this.EditorController.deleteProject(this.project_id, err => {
+        err.should.equal(this.err)
+        this.ProjectDeleter.deleteProject
+          .calledWith(this.project_id)
+          .should.equal(true)
+        return done()
+      })
+    })
+  })
+
+  describe('renameEntity', function () {
+    beforeEach(function (done) {
+      this.entity_id = 'entity_id_here'
+      this.entityType = 'doc'
+      this.newName = 'bobsfile.tex'
+      this.ProjectEntityUpdateHandler.renameEntity = sinon.stub().yields()
+
+      return this.EditorController.renameEntity(
+        this.project_id,
+        this.entity_id,
+        this.entityType,
+        this.newName,
+        this.user_id,
+        this.source,
+        done
+      )
+    })
+
+    it('should call the project handler', function () {
+      return this.ProjectEntityUpdateHandler.renameEntity
+        .calledWith(
+          this.project_id,
+          this.entity_id,
+          this.entityType,
+          this.newName,
+          this.user_id,
+          this.source
+        )
+        .should.equal(true)
+    })
+
+    it('should emit the update to the room', function () {
+      return this.EditorRealTimeController.emitToRoom
+        .calledWith(
+          this.project_id,
+          'reciveEntityRename',
+          this.entity_id,
+          this.newName
+        )
+        .should.equal(true)
+    })
+  })
+
+  describe('moveEntity', function () {
+    beforeEach(function () {
+      this.entity_id = 'entity_id_here'
+      this.entityType = 'doc'
+      this.ProjectEntityUpdateHandler.moveEntity = sinon.stub().yields()
+      return this.EditorController.moveEntity(
+        this.project_id,
+        this.entity_id,
+        this.folder_id,
+        this.entityType,
+        this.user_id,
+        this.source,
+        this.callback
+      )
+    })
+
+    it('should call the ProjectEntityUpdateHandler', function () {
+      return this.ProjectEntityUpdateHandler.moveEntity
+        .calledWith(
+          this.project_id,
+          this.entity_id,
+          this.folder_id,
+          this.entityType,
+          this.user_id,
+          this.source
+        )
+        .should.equal(true)
+    })
+
+    it('should emit the update to the room', function () {
+      return this.EditorRealTimeController.emitToRoom
+        .calledWith(
+          this.project_id,
+          'reciveEntityMove',
+          this.entity_id,
+          this.folder_id
+        )
+        .should.equal(true)
+    })
+
+    it('calls the callback', function () {
+      return this.callback.called.should.equal(true)
+    })
+  })
+
+  describe('renameProject', function () {
+    beforeEach(function () {
+      this.err = 'errro'
+      this.newName = 'new name here'
+      return this.EditorController.renameProject(
+        this.project_id,
+        this.newName,
+        this.callback
+      )
+    })
+
+    it('should call the EditorController', function () {
+      return this.ProjectDetailsHandler.renameProject
+        .calledWith(this.project_id, this.newName)
+        .should.equal(true)
+    })
+
+    it('should emit the update to the room', function () {
+      return this.EditorRealTimeController.emitToRoom
+        .calledWith(this.project_id, 'projectNameUpdated', this.newName)
+        .should.equal(true)
+    })
+  })
+
+  describe('setCompiler', function () {
+    beforeEach(function () {
+      this.compiler = 'latex'
+      return this.EditorController.setCompiler(
+        this.project_id,
+        this.compiler,
+        this.callback
+      )
+    })
+
+    it('should send the new compiler and project id to the project options handler', function () {
+      this.ProjectOptionsHandler.setCompiler
+        .calledWith(this.project_id, this.compiler)
+        .should.equal(true)
+      return this.EditorRealTimeController.emitToRoom
+        .calledWith(this.project_id, 'compilerUpdated', this.compiler)
+        .should.equal(true)
+    })
+  })
+
+  describe('setImageName', function () {
+    beforeEach(function () {
+      this.imageName = 'texlive-1234.5'
+      return this.EditorController.setImageName(
+        this.project_id,
+        this.imageName,
+        this.callback
+      )
+    })
+
+    it('should send the new imageName and project id to the project options handler', function () {
+      this.ProjectOptionsHandler.setImageName
+        .calledWith(this.project_id, this.imageName)
+        .should.equal(true)
+      return this.EditorRealTimeController.emitToRoom
+        .calledWith(this.project_id, 'imageNameUpdated', this.imageName)
+        .should.equal(true)
+    })
+  })
+
+  describe('setSpellCheckLanguage', function () {
+    beforeEach(function () {
+      this.languageCode = 'fr'
+      return this.EditorController.setSpellCheckLanguage(
+        this.project_id,
+        this.languageCode,
+        this.callback
+      )
+    })
+
+    it('should send the new languageCode and project id to the project options handler', function () {
+      this.ProjectOptionsHandler.setSpellCheckLanguage
+        .calledWith(this.project_id, this.languageCode)
+        .should.equal(true)
+      return this.EditorRealTimeController.emitToRoom
+        .calledWith(
+          this.project_id,
+          'spellCheckLanguageUpdated',
+          this.languageCode
+        )
+        .should.equal(true)
+    })
+  })
+
+  describe('setPublicAccessLevel', function () {
+    describe('when setting to private', function () {
+      beforeEach(function () {
+        this.newAccessLevel = 'private'
+        this.ProjectDetailsHandler.ensureTokensArePresent = sinon
+          .stub()
+          .yields()
+        return this.EditorController.setPublicAccessLevel(
+          this.project_id,
+          this.newAccessLevel,
+          this.callback
+        )
+      })
+
+      it('should set the access level', function () {
+        return this.ProjectDetailsHandler.setPublicAccessLevel
+          .calledWith(this.project_id, this.newAccessLevel)
+          .should.equal(true)
+      })
+
+      it('should broadcast the access level change', function () {
+        return this.EditorRealTimeController.emitToRoom
+          .calledWith(this.project_id, 'project:publicAccessLevel:changed')
+          .should.equal(true)
+      })
+
+      it('should not ensure tokens are present for project', function () {
+        return this.ProjectDetailsHandler.ensureTokensArePresent
+          .calledWith(this.project_id)
+          .should.equal(false)
+      })
+    })
+
+    describe('when setting to tokenBased', function () {
+      beforeEach(function () {
+        this.newAccessLevel = 'tokenBased'
+        this.tokens = { readOnly: 'aaa', readAndWrite: '42bbb' }
+        this.ProjectDetailsHandler.ensureTokensArePresent = sinon
+          .stub()
+          .yields()
+        return this.EditorController.setPublicAccessLevel(
+          this.project_id,
+          this.newAccessLevel,
+          this.callback
+        )
+      })
+
+      it('should set the access level', function () {
+        return this.ProjectDetailsHandler.setPublicAccessLevel
+          .calledWith(this.project_id, this.newAccessLevel)
+          .should.equal(true)
+      })
+
+      it('should broadcast the access level change', function () {
+        return this.EditorRealTimeController.emitToRoom
+          .calledWith(this.project_id, 'project:publicAccessLevel:changed')
+          .should.equal(true)
+      })
+
+      it('should ensure tokens are present for project', function () {
+        return this.ProjectDetailsHandler.ensureTokensArePresent
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('setRootDoc', function () {
+    beforeEach(function () {
+      this.newRootDocID = '21312321321'
+      this.ProjectEntityUpdateHandler.setRootDoc = sinon.stub().yields()
+      return this.EditorController.setRootDoc(
+        this.project_id,
+        this.newRootDocID,
+        this.callback
+      )
+    })
+
+    it('should call the ProjectEntityUpdateHandler', function () {
+      return this.ProjectEntityUpdateHandler.setRootDoc
+        .calledWith(this.project_id, this.newRootDocID)
+        .should.equal(true)
+    })
+
+    it('should emit the update to the room', function () {
+      return this.EditorRealTimeController.emitToRoom
+        .calledWith(this.project_id, 'rootDocUpdated', this.newRootDocID)
+        .should.equal(true)
+    })
+  })
+
+  describe('setMainBibliographyDoc', function () {
+    describe('on success', function () {
+      beforeEach(function (done) {
+        this.mainBibliographyId = 'bib-doc-id'
+        this.ProjectEntityUpdateHandler.setMainBibliographyDoc = sinon
+          .stub()
+          .yields()
+
+        this.callback = sinon.stub().callsFake(done)
+        this.EditorController.setMainBibliographyDoc(
+          this.project_id,
+          this.mainBibliographyId,
+          this.callback
+        )
+      })
+
+      it('should forward the call to the ProjectEntityUpdateHandler', function () {
+        expect(
+          this.ProjectEntityUpdateHandler.setMainBibliographyDoc
+        ).to.have.been.calledWith(this.project_id, this.mainBibliographyId)
+      })
+
+      it('should emit the update to the room', function () {
+        expect(
+          this.EditorRealTimeController.emitToRoom
+        ).to.have.been.calledWith(
+          this.project_id,
+          'mainBibliographyDocUpdated',
+          this.mainBibliographyId
+        )
+      })
+
+      it('should return nothing', function () {
+        expect(this.callback).to.have.been.calledWithExactly()
+      })
+    })
+
+    describe('on error', function () {
+      beforeEach(function (done) {
+        this.mainBibliographyId = 'bib-doc-id'
+        this.error = new Error('oh no')
+        this.ProjectEntityUpdateHandler.setMainBibliographyDoc = sinon
+          .stub()
+          .yields(this.error)
+
+        this.callback = sinon.stub().callsFake(() => done())
+        this.EditorController.setMainBibliographyDoc(
+          this.project_id,
+          this.mainBibliographyId,
+          this.callback
+        )
+      })
+
+      it('should forward the call to the ProjectEntityUpdateHandler', function () {
+        expect(
+          this.ProjectEntityUpdateHandler.setMainBibliographyDoc
+        ).to.have.been.calledWith(this.project_id, this.mainBibliographyId)
+      })
+
+      it('should return the error', function () {
+        expect(this.callback).to.have.been.calledWithExactly(this.error)
+      })
+
+      it('should not emit the update to the room', function () {
+        expect(this.EditorRealTimeController.emitToRoom).to.not.have.been.called
+      })
+    })
+  })
+
+  describe('appendToDoc', function () {
+    describe('on success', function () {
+      beforeEach(function () {
+        this.docId = 'doc-1'
+        this.ProjectEntityUpdateHandler.appendToDoc = sinon
+          .stub()
+          .yields(null, { rev: '1' })
+        this.EditorController.appendToDoc(
+          this.project_id,
+          this.docId,
+          this.docLines,
+          this.source,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('appends to the doc using the project entity handler', function () {
+        this.ProjectEntityUpdateHandler.appendToDoc
+          .calledWith(this.project_id, this.docId, this.docLines, this.source)
+          .should.equal(true)
+      })
+    })
+
+    describe('on error', function () {
+      beforeEach(function () {
+        this.docId = 'doc-1'
+        this.ProjectEntityUpdateHandler.appendToDoc = sinon
+          .stub()
+          .yields(new Error('foo'))
+        this.EditorController.appendToDoc(
+          this.project_id,
+          this.docId,
+          this.docLines,
+          this.source,
+          this.user_id,
+          this.callback
+        )
+      })
+
+      it('tries to append to the doc using the project entity handler', function () {
+        this.ProjectEntityUpdateHandler.appendToDoc
+          .calledWith(this.project_id, this.docId, this.docLines, this.source)
+          .should.equal(true)
+      })
+
+      it('tags the error', function () {
+        this.callback.calledWith(sinon.match.instanceOf(OError))
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Editor/EditorHttpControllerTests.js b/services/web/test/unit/src/Editor/EditorHttpControllerTests.js
new file mode 100644
index 0000000..dffa2d2
--- /dev/null
+++ b/services/web/test/unit/src/Editor/EditorHttpControllerTests.js
@@ -0,0 +1,561 @@
+/* eslint-disable mocha/handle-done-callback */
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const { ObjectId } = require('mongodb-legacy')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+const MockRequest = require('../helpers/MockRequest')
+const MockResponse = require('../helpers/MockResponse')
+
+const MODULE_PATH = '../../../../app/src/Features/Editor/EditorHttpController'
+
+describe('EditorHttpController', function () {
+  beforeEach(function () {
+    this.ownerId = new ObjectId()
+    this.project = {
+      _id: new ObjectId(),
+      owner_ref: this.ownerId,
+    }
+    this.user = {
+      _id: new ObjectId(),
+      projects: {},
+    }
+    this.projectView = {
+      _id: this.project._id,
+      owner: {
+        _id: 'owner',
+        email: 'owner@example.com',
+        other_property: true,
+      },
+      members: [{ one: 1 }, { two: 2 }],
+      invites: [{ three: 3 }, { four: 4 }],
+    }
+    this.reducedProjectView = {
+      _id: this.projectView._id,
+      owner: { _id: this.projectView.owner._id },
+      members: [],
+      invites: [],
+    }
+    this.doc = { _id: new ObjectId(), name: 'excellent-original-idea.tex' }
+    this.file = { _id: new ObjectId() }
+    this.folder = { _id: new ObjectId() }
+    this.source = 'editor'
+
+    this.parentFolderId = 'mock-folder-id'
+    this.req = new MockRequest()
+    this.res = new MockResponse()
+    this.next = sinon.stub()
+    this.token = null
+    this.docLines = ['hello', 'overleaf']
+
+    this.AuthorizationManager = {
+      isRestrictedUser: sinon.stub().returns(false),
+      promises: {
+        getPrivilegeLevelForProject: sinon.stub().resolves('owner'),
+      },
+    }
+    this.CollaboratorsGetter = {
+      promises: {
+        getInvitedMembersWithPrivilegeLevels: sinon
+          .stub()
+          .resolves(['members', 'mock']),
+        isUserInvitedMemberOfProject: sinon.stub().resolves(false),
+      },
+    }
+    this.CollaboratorsHandler = {
+      promises: {
+        userIsTokenMember: sinon.stub().resolves(false),
+      },
+    }
+    this.CollaboratorsInviteGetter = {
+      promises: {
+        getAllInvites: sinon.stub().resolves([
+          {
+            _id: 'invite_one',
+            email: 'user-one@example.com',
+            privileges: 'readOnly',
+            projectId: this.project._id,
+          },
+          {
+            _id: 'invite_two',
+            email: 'user-two@example.com',
+            privileges: 'readOnly',
+            projectId: this.project._id,
+          },
+        ]),
+      },
+    }
+    this.EditorController = {
+      promises: {
+        addDoc: sinon.stub().resolves(this.doc),
+        addFile: sinon.stub().resolves(this.file),
+        addFolder: sinon.stub().resolves(this.folder),
+        renameEntity: sinon.stub().resolves(),
+        moveEntity: sinon.stub().resolves(),
+        deleteEntity: sinon.stub().resolves(),
+      },
+    }
+    this.ProjectDeleter = {
+      promises: {
+        unmarkAsDeletedByExternalSource: sinon.stub().resolves(),
+      },
+    }
+    this.ProjectGetter = {
+      promises: {
+        getProjectWithoutDocLines: sinon.stub().resolves(this.project),
+      },
+    }
+    this.ProjectEditorHandler = {
+      buildProjectModelView: sinon.stub().returns(this.projectView),
+    }
+    this.Metrics = { inc: sinon.stub() }
+    this.TokenAccessHandler = {
+      getRequestToken: sinon.stub().returns(this.token),
+    }
+    this.SessionManager = {
+      getLoggedInUserId: sinon.stub().returns(this.user._id),
+    }
+    this.ProjectEntityUpdateHandler = {
+      promises: {
+        convertDocToFile: sinon.stub().resolves(this.file),
+      },
+    }
+    this.DocstoreManager = {
+      promises: {
+        getAllDeletedDocs: sinon.stub().resolves([]),
+      },
+    }
+    this.HttpErrorHandler = {
+      notFound: sinon.stub(),
+      unprocessableEntity: sinon.stub(),
+    }
+    this.SplitTestHandler = {
+      promises: {
+        getAssignmentForUser: sinon.stub().resolves({ variant: 'default' }),
+      },
+    }
+    this.UserGetter = { promises: { getUser: sinon.stub().resolves(null, {}) } }
+    this.EditorHttpController = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '../Project/ProjectDeleter': this.ProjectDeleter,
+        '../Project/ProjectGetter': this.ProjectGetter,
+        '../Authorization/AuthorizationManager': this.AuthorizationManager,
+        '../Project/ProjectEditorHandler': this.ProjectEditorHandler,
+        './EditorController': this.EditorController,
+        '@overleaf/metrics': this.Metrics,
+        '../Collaborators/CollaboratorsGetter': this.CollaboratorsGetter,
+        '../Collaborators/CollaboratorsHandler': this.CollaboratorsHandler,
+        '../Collaborators/CollaboratorsInviteGetter':
+          this.CollaboratorsInviteGetter,
+        '../TokenAccess/TokenAccessHandler': this.TokenAccessHandler,
+        '../Authentication/SessionManager': this.SessionManager,
+        '../../infrastructure/FileWriter': this.FileWriter,
+        '../Project/ProjectEntityUpdateHandler':
+          this.ProjectEntityUpdateHandler,
+        '../Docstore/DocstoreManager': this.DocstoreManager,
+        '../Errors/HttpErrorHandler': this.HttpErrorHandler,
+        '../SplitTests/SplitTestHandler': this.SplitTestHandler,
+        '../Compile/CompileManager': {},
+        '../User/UserGetter': this.UserGetter,
+      },
+    })
+  })
+
+  describe('joinProject', function () {
+    beforeEach(function () {
+      this.req.params = { Project_id: this.project._id }
+      this.req.query = { user_id: this.user._id }
+      this.req.body = { userId: this.user._id }
+    })
+
+    describe('successfully', function () {
+      beforeEach(function (done) {
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject.resolves(
+          true
+        )
+        this.res.callback = done
+        this.EditorHttpController.joinProject(this.req, this.res)
+      })
+
+      it('should return the project and privilege level', function () {
+        expect(this.res.json).to.have.been.calledWith({
+          project: this.projectView,
+          privilegeLevel: 'owner',
+          isRestrictedUser: false,
+          isTokenMember: false,
+          isInvitedMember: true,
+        })
+      })
+
+      it('should not try to unmark the project as deleted', function () {
+        expect(this.ProjectDeleter.promises.unmarkAsDeletedByExternalSource).not
+          .to.have.been.called
+      })
+
+      it('should send an inc metric', function () {
+        expect(this.Metrics.inc).to.have.been.calledWith('editor.join-project')
+      })
+    })
+
+    describe('when the project is marked as deleted', function () {
+      beforeEach(function (done) {
+        this.projectView.deletedByExternalDataSource = true
+        this.res.callback = done
+        this.EditorHttpController.joinProject(this.req, this.res)
+      })
+
+      it('should unmark the project as deleted', function () {
+        expect(
+          this.ProjectDeleter.promises.unmarkAsDeletedByExternalSource
+        ).to.have.been.calledWith(this.project._id)
+      })
+    })
+
+    describe('with a restricted user', function () {
+      beforeEach(function (done) {
+        this.AuthorizationManager.isRestrictedUser.returns(true)
+        this.AuthorizationManager.promises.getPrivilegeLevelForProject.resolves(
+          'readOnly'
+        )
+        this.res.callback = done
+        this.EditorHttpController.joinProject(this.req, this.res)
+      })
+
+      it('should mark the user as restricted, and hide details of owner', function () {
+        expect(this.res.json).to.have.been.calledWith({
+          project: this.reducedProjectView,
+          privilegeLevel: 'readOnly',
+          isRestrictedUser: true,
+          isTokenMember: false,
+          isInvitedMember: false,
+        })
+      })
+    })
+
+    describe('when not authorized', function () {
+      beforeEach(function (done) {
+        this.AuthorizationManager.promises.getPrivilegeLevelForProject.resolves(
+          null
+        )
+        this.res.callback = done
+        this.EditorHttpController.joinProject(this.req, this.res)
+      })
+
+      it('should send a 403 response', function () {
+        expect(this.res.statusCode).to.equal(403)
+      })
+    })
+
+    describe('with an anonymous user', function () {
+      beforeEach(function (done) {
+        this.token = 'token'
+        this.TokenAccessHandler.getRequestToken.returns(this.token)
+        this.req.body = {
+          userId: 'anonymous-user',
+          anonymousAccessToken: this.token,
+        }
+        this.res.callback = done
+        this.AuthorizationManager.isRestrictedUser
+          .withArgs(null, 'readOnly', false, false)
+          .returns(true)
+        this.AuthorizationManager.promises.getPrivilegeLevelForProject
+          .withArgs(null, this.project._id, this.token)
+          .resolves('readOnly')
+        this.EditorHttpController.joinProject(this.req, this.res)
+      })
+
+      it('should mark the user as restricted', function () {
+        expect(this.res.json).to.have.been.calledWith({
+          project: this.reducedProjectView,
+          privilegeLevel: 'readOnly',
+          isRestrictedUser: true,
+          isTokenMember: false,
+          isInvitedMember: false,
+        })
+      })
+    })
+
+    describe('with a token access user', function () {
+      beforeEach(function (done) {
+        this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject.resolves(
+          false
+        )
+        this.CollaboratorsHandler.promises.userIsTokenMember.resolves(true)
+        this.AuthorizationManager.promises.getPrivilegeLevelForProject.resolves(
+          'readAndWrite'
+        )
+        this.res.callback = done
+        this.EditorHttpController.joinProject(this.req, this.res)
+      })
+
+      it('should mark the user as being a token-access member', function () {
+        expect(this.res.json).to.have.been.calledWith({
+          project: this.projectView,
+          privilegeLevel: 'readAndWrite',
+          isRestrictedUser: false,
+          isTokenMember: true,
+          isInvitedMember: false,
+        })
+      })
+    })
+
+    describe('when project is not found', function () {
+      beforeEach(function (done) {
+        this.ProjectGetter.promises.getProjectWithoutDocLines.resolves(null)
+        this.next.callsFake(() => done())
+        this.EditorHttpController.joinProject(this.req, this.res, this.next)
+      })
+
+      it('should handle return not found error', function () {
+        expect(this.next).to.have.been.calledWith(
+          sinon.match.instanceOf(Errors.NotFoundError)
+        )
+      })
+    })
+  })
+
+  describe('addDoc', function () {
+    beforeEach(function () {
+      this.req.params = { Project_id: this.project._id }
+      this.req.body = {
+        name: (this.name = 'doc-name'),
+        parent_folder_id: this.parentFolderId,
+      }
+    })
+
+    describe('successfully', function () {
+      beforeEach(function (done) {
+        this.res.callback = done
+        this.EditorHttpController.addDoc(this.req, this.res)
+      })
+
+      it('should call EditorController.addDoc', function () {
+        expect(this.EditorController.promises.addDoc).to.have.been.calledWith(
+          this.project._id,
+          this.parentFolderId,
+          this.name,
+          [],
+          'editor',
+          this.user._id
+        )
+      })
+
+      it('should send the doc back as JSON', function () {
+        expect(this.res.json).to.have.been.calledWith(this.doc)
+      })
+    })
+
+    describe('unsuccesfully', function () {
+      it('handle name too short', function (done) {
+        this.req.body.name = ''
+        this.res.callback = () => {
+          expect(this.res.statusCode).to.equal(400)
+          done()
+        }
+        this.EditorHttpController.addDoc(this.req, this.res)
+      })
+
+      it('handle too many files', function (done) {
+        this.EditorController.promises.addDoc.rejects(
+          new Error('project_has_too_many_files')
+        )
+        this.res.callback = () => {
+          expect(this.res.body).to.equal('"project_has_too_many_files"')
+          expect(this.res.status).to.have.been.calledWith(400)
+          done()
+        }
+        this.EditorHttpController.addDoc(this.req, this.res)
+      })
+    })
+  })
+
+  describe('addFolder', function () {
+    beforeEach(function () {
+      this.folderName = 'folder-name'
+      this.req.params = { Project_id: this.project._id }
+      this.req.body = {
+        name: this.folderName,
+        parent_folder_id: this.parentFolderId,
+      }
+    })
+
+    describe('successfully', function () {
+      beforeEach(function (done) {
+        this.res.callback = done
+        this.EditorHttpController.addFolder(this.req, this.res)
+      })
+
+      it('should call EditorController.addFolder', function () {
+        expect(
+          this.EditorController.promises.addFolder
+        ).to.have.been.calledWith(
+          this.project._id,
+          this.parentFolderId,
+          this.folderName,
+          'editor'
+        )
+      })
+
+      it('should send the folder back as JSON', function () {
+        expect(this.res.json).to.have.been.calledWith(this.folder)
+      })
+    })
+
+    describe('unsuccesfully', function () {
+      it('handle name too short', function (done) {
+        this.req.body.name = ''
+        this.res.callback = () => {
+          expect(this.res.statusCode).to.equal(400)
+          done()
+        }
+        this.EditorHttpController.addFolder(this.req, this.res)
+      })
+
+      it('handle too many files', function (done) {
+        this.EditorController.promises.addFolder.rejects(
+          new Error('project_has_too_many_files')
+        )
+        this.res.callback = () => {
+          expect(this.res.body).to.equal('"project_has_too_many_files"')
+          expect(this.res.statusCode).to.equal(400)
+          done()
+        }
+        this.EditorHttpController.addFolder(this.req, this.res)
+      })
+
+      it('handle invalid element name', function (done) {
+        this.EditorController.promises.addFolder.rejects(
+          new Error('invalid element name')
+        )
+        this.res.callback = () => {
+          expect(this.res.body).to.equal('"invalid_file_name"')
+          expect(this.res.statusCode).to.equal(400)
+          done()
+        }
+        this.EditorHttpController.addFolder(this.req, this.res)
+      })
+    })
+  })
+
+  describe('renameEntity', function () {
+    beforeEach(function () {
+      this.entityId = 'entity-id-123'
+      this.entityType = 'entity-type'
+      this.req.params = {
+        Project_id: this.project._id,
+        entity_id: this.entityId,
+        entity_type: this.entityType,
+      }
+    })
+
+    describe('successfully', function () {
+      beforeEach(function (done) {
+        this.newName = 'new-name'
+        this.req.body = { name: this.newName, source: this.source }
+        this.res.callback = done
+        this.EditorHttpController.renameEntity(this.req, this.res)
+      })
+
+      it('should call EditorController.renameEntity', function () {
+        expect(
+          this.EditorController.promises.renameEntity
+        ).to.have.been.calledWith(
+          this.project._id,
+          this.entityId,
+          this.entityType,
+          this.newName,
+          this.user._id,
+          this.source
+        )
+      })
+
+      it('should send back a success response', function () {
+        expect(this.res.sendStatus).to.have.been.calledWith(204)
+      })
+    })
+    describe('with long name', function () {
+      beforeEach(function () {
+        this.newName = 'long'.repeat(100)
+        this.req.body = { name: this.newName, source: this.source }
+        this.EditorHttpController.renameEntity(this.req, this.res)
+      })
+
+      it('should send back a bad request status code', function () {
+        expect(this.res.statusCode).to.equal(400)
+      })
+    })
+
+    describe('with 0 length name', function () {
+      beforeEach(function () {
+        this.newName = ''
+        this.req.body = { name: this.newName, source: this.source }
+        this.EditorHttpController.renameEntity(this.req, this.res)
+      })
+
+      it('should send back a bad request status code', function () {
+        expect(this.res.statusCode).to.equal(400)
+      })
+    })
+  })
+
+  describe('moveEntity', function () {
+    beforeEach(function (done) {
+      this.entityId = 'entity-id-123'
+      this.entityType = 'entity-type'
+      this.folderId = 'folder-id-123'
+      this.req.params = {
+        Project_id: this.project._id,
+        entity_id: this.entityId,
+        entity_type: this.entityType,
+      }
+      this.req.body = { folder_id: this.folderId, source: this.source }
+      this.res.callback = done
+      this.EditorHttpController.moveEntity(this.req, this.res)
+    })
+
+    it('should call EditorController.moveEntity', function () {
+      expect(this.EditorController.promises.moveEntity).to.have.been.calledWith(
+        this.project._id,
+        this.entityId,
+        this.folderId,
+        this.entityType,
+        this.user._id,
+        this.source
+      )
+    })
+
+    it('should send back a success response', function () {
+      expect(this.res.statusCode).to.equal(204)
+    })
+  })
+
+  describe('deleteEntity', function () {
+    beforeEach(function (done) {
+      this.entityId = 'entity-id-123'
+      this.entityType = 'entity-type'
+      this.req.params = {
+        Project_id: this.project._id,
+        entity_id: this.entityId,
+        entity_type: this.entityType,
+      }
+      this.res.callback = done
+      this.EditorHttpController.deleteEntity(this.req, this.res)
+    })
+
+    it('should call EditorController.deleteEntity', function () {
+      expect(
+        this.EditorController.promises.deleteEntity
+      ).to.have.been.calledWith(
+        this.project._id,
+        this.entityId,
+        this.entityType,
+        'editor',
+        this.user._id
+      )
+    })
+
+    it('should send back a success response', function () {
+      expect(this.res.statusCode).to.equal(204)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Editor/EditorRealTimeControllerTests.js b/services/web/test/unit/src/Editor/EditorRealTimeControllerTests.js
new file mode 100644
index 0000000..6c8c2ec
--- /dev/null
+++ b/services/web/test/unit/src/Editor/EditorRealTimeControllerTests.js
@@ -0,0 +1,103 @@
+/* eslint-disable
+    max-len,
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const modulePath = require('path').join(
+  __dirname,
+  '../../../../app/src/Features/Editor/EditorRealTimeController'
+)
+
+describe('EditorRealTimeController', function () {
+  beforeEach(function () {
+    this.rclient = { publish: sinon.stub() }
+    this.Metrics = { summary: sinon.stub() }
+    this.EditorRealTimeController = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../infrastructure/RedisWrapper': {
+          client: () => this.rclient,
+        },
+        '../../infrastructure/Server': {
+          io: (this.io = {}),
+        },
+        '@overleaf/settings': { redis: {} },
+        '@overleaf/metrics': this.Metrics,
+        crypto: (this.crypto = {
+          randomBytes: sinon
+            .stub()
+            .withArgs(4)
+            .returns(Buffer.from([0x1, 0x2, 0x3, 0x4])),
+        }),
+        os: (this.os = { hostname: sinon.stub().returns('somehost') }),
+      },
+    })
+
+    this.room_id = 'room-id'
+    this.message = 'message-to-editor'
+    return (this.payload = ['argument one', 42])
+  })
+
+  describe('emitToRoom', function () {
+    beforeEach(function () {
+      this.message_id = 'web:somehost:01020304-0'
+      return this.EditorRealTimeController.emitToRoom(
+        this.room_id,
+        this.message,
+        ...Array.from(this.payload)
+      )
+    })
+
+    it('should publish the message to redis', function () {
+      return this.rclient.publish
+        .calledWith(
+          'editor-events',
+          JSON.stringify({
+            room_id: this.room_id,
+            message: this.message,
+            payload: this.payload,
+            _id: this.message_id,
+          })
+        )
+        .should.equal(true)
+    })
+
+    it('should track the payload size', function () {
+      this.Metrics.summary
+        .calledWith(
+          'redis.publish.editor-events',
+          JSON.stringify({
+            room_id: this.room_id,
+            message: this.message,
+            payload: this.payload,
+            _id: this.message_id,
+          }).length
+        )
+        .should.equal(true)
+    })
+  })
+
+  describe('emitToAll', function () {
+    beforeEach(function () {
+      this.EditorRealTimeController.emitToRoom = sinon.stub()
+      return this.EditorRealTimeController.emitToAll(
+        this.message,
+        ...Array.from(this.payload)
+      )
+    })
+
+    it("should emit to the room 'all'", function () {
+      return this.EditorRealTimeController.emitToRoom
+        .calledWith('all', this.message, ...Array.from(this.payload))
+        .should.equal(true)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Email/EmailBuilderTests.js b/services/web/test/unit/src/Email/EmailBuilderTests.js
new file mode 100644
index 0000000..1f7628b
--- /dev/null
+++ b/services/web/test/unit/src/Email/EmailBuilderTests.js
@@ -0,0 +1,823 @@
+const SandboxedModule = require('sandboxed-module')
+const cheerio = require('cheerio')
+const path = require('path')
+const { expect } = require('chai')
+
+const MODULE_PATH = path.join(
+  __dirname,
+  '../../../../app/src/Features/Email/EmailBuilder'
+)
+
+const EmailMessageHelper = require('../../../../app/src/Features/Email/EmailMessageHelper')
+const ctaEmailBody = require('../../../../app/src/Features/Email/Bodies/cta-email')
+const NoCTAEmailBody = require('../../../../app/src/Features/Email/Bodies/NoCTAEmailBody')
+const BaseWithHeaderEmailLayout = require('../../../../app/src/Features/Email/Layouts/BaseWithHeaderEmailLayout')
+
+describe('EmailBuilder', function () {
+  before(function () {
+    this.settings = {
+      appName: 'testApp',
+      siteUrl: 'https://www.overleaf.com',
+    }
+    this.EmailBuilder = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        './EmailMessageHelper': EmailMessageHelper,
+        './Bodies/cta-email': ctaEmailBody,
+        './Bodies/NoCTAEmailBody': NoCTAEmailBody,
+        './Layouts/BaseWithHeaderEmailLayout': BaseWithHeaderEmailLayout,
+        '@overleaf/settings': this.settings,
+      },
+    })
+  })
+
+  describe('projectInvite', function () {
+    beforeEach(function () {
+      this.opts = {
+        to: 'bob@bob.com',
+        first_name: 'bob',
+        owner: {
+          email: 'sally@hally.com',
+        },
+        inviteUrl: 'http://example.com/invite',
+        project: {
+          url: 'http://www.project.com',
+          name: 'standard project',
+        },
+      }
+    })
+
+    describe('when sending a normal email', function () {
+      beforeEach(function () {
+        this.email = this.EmailBuilder.buildEmail('projectInvite', this.opts)
+      })
+
+      it('should have html and text properties', function () {
+        expect(this.email.html != null).to.equal(true)
+        expect(this.email.text != null).to.equal(true)
+      })
+
+      it('should not have undefined in it', function () {
+        this.email.html.indexOf('undefined').should.equal(-1)
+        this.email.subject.indexOf('undefined').should.equal(-1)
+      })
+    })
+
+    describe('when someone is up to no good', function () {
+      it('should not contain the project name at all if unsafe', function () {
+        this.opts.project.name = "<img src='http://evilsite.com/evil.php'>"
+        this.email = this.EmailBuilder.buildEmail('projectInvite', this.opts)
+        expect(this.email.html).to.not.contain('evilsite.com')
+        expect(this.email.subject).to.not.contain('evilsite.com')
+
+        // but email should appear
+        expect(this.email.html).to.contain(this.opts.owner.email)
+        expect(this.email.subject).to.contain(this.opts.owner.email)
+      })
+
+      it('should not contain the inviter email at all if unsafe', function () {
+        this.opts.owner.email =
+          'verylongemailaddressthatwillfailthecheck@longdomain.domain'
+        this.email = this.EmailBuilder.buildEmail('projectInvite', this.opts)
+
+        expect(this.email.html).to.not.contain(this.opts.owner.email)
+        expect(this.email.subject).to.not.contain(this.opts.owner.email)
+
+        // but title should appear
+        expect(this.email.html).to.contain(this.opts.project.name)
+        expect(this.email.subject).to.contain(this.opts.project.name)
+      })
+
+      it('should handle both email and title being unsafe', function () {
+        this.opts.project.name = "<img src='http://evilsite.com/evil.php'>"
+        this.opts.owner.email =
+          'verylongemailaddressthatwillfailthecheck@longdomain.domain'
+        this.email = this.EmailBuilder.buildEmail('projectInvite', this.opts)
+
+        expect(this.email.html).to.not.contain('evilsite.com')
+        expect(this.email.subject).to.not.contain('evilsite.com')
+        expect(this.email.html).to.not.contain(this.opts.owner.email)
+        expect(this.email.subject).to.not.contain(this.opts.owner.email)
+
+        expect(this.email.html).to.contain(
+          'Please view the project to find out more'
+        )
+      })
+    })
+  })
+
+  describe('SpamSafe', function () {
+    beforeEach(function () {
+      this.opts = {
+        to: 'bob@joe.com',
+        first_name: 'bob',
+        newOwner: {
+          email: 'sally@hally.com',
+        },
+        inviteUrl: 'http://example.com/invite',
+        project: {
+          url: 'http://www.project.com',
+          name: 'come buy my product at http://notascam.com',
+        },
+      }
+      this.email = this.EmailBuilder.buildEmail(
+        'ownershipTransferConfirmationPreviousOwner',
+        this.opts
+      )
+    })
+
+    it('should replace spammy project name', function () {
+      this.email.html.indexOf('your project').should.not.equal(-1)
+    })
+  })
+
+  describe('ctaTemplate', function () {
+    describe('missing required content', function () {
+      const content = {
+        title: () => {},
+        greeting: () => {},
+        message: () => {},
+        secondaryMessage: () => {},
+        ctaText: () => {},
+        ctaURL: () => {},
+        gmailGoToAction: () => {},
+      }
+      it('should throw an error when missing title', function () {
+        const { title, ...missing } = content
+        expect(() => {
+          this.EmailBuilder.ctaTemplate(missing)
+        }).to.throw(Error)
+      })
+      it('should throw an error when missing message', function () {
+        const { message, ...missing } = content
+        expect(() => {
+          this.EmailBuilder.ctaTemplate(missing)
+        }).to.throw(Error)
+      })
+      it('should throw an error when missing ctaText', function () {
+        const { ctaText, ...missing } = content
+        expect(() => {
+          this.EmailBuilder.ctaTemplate(missing)
+        }).to.throw(Error)
+      })
+      it('should throw an error when missing ctaURL', function () {
+        const { ctaURL, ...missing } = content
+        expect(() => {
+          this.EmailBuilder.ctaTemplate(missing)
+        }).to.throw(Error)
+      })
+    })
+  })
+
+  describe('templates', function () {
+    describe('CTA', function () {
+      describe('canceledSubscription', function () {
+        beforeEach(function () {
+          this.emailAddress = 'example@overleaf.com'
+          this.opts = {
+            to: this.emailAddress,
+          }
+          this.email = this.EmailBuilder.buildEmail(
+            'canceledSubscription',
+            this.opts
+          )
+          this.expectedUrl =
+            'https://docs.google.com/forms/d/e/1FAIpQLSfa7z_s-cucRRXm70N4jEcSbFsZeb0yuKThHGQL8ySEaQzF0Q/viewform?usp=sf_link'
+        })
+
+        it('should build the email', function () {
+          expect(this.email.html).to.exist
+          expect(this.email.text).to.exist
+        })
+
+        describe('HTML email', function () {
+          it('should include a CTA button and a fallback CTA link', function () {
+            const dom = cheerio.load(this.email.html)
+            const buttonLink = dom('a:contains("Leave Feedback")')
+            expect(buttonLink.length).to.equal(1)
+            expect(buttonLink.attr('href')).to.equal(this.expectedUrl)
+            const fallback = dom('.force-overleaf-style').last()
+            expect(fallback.length).to.equal(1)
+            const fallbackLink = fallback.html()
+            expect(fallbackLink).to.contain(this.expectedUrl)
+          })
+        })
+
+        describe('plain text email', function () {
+          it('should contain the CTA link', function () {
+            expect(this.email.text).to.contain(this.expectedUrl)
+          })
+        })
+      })
+
+      describe('confirmEmail', function () {
+        before(function () {
+          this.emailAddress = 'example@overleaf.com'
+          this.userId = 'abc123'
+          this.opts = {
+            to: this.emailAddress,
+            confirmEmailUrl: `${this.settings.siteUrl}/user/emails/confirm?token=aToken123`,
+            sendingUser_id: this.userId,
+          }
+          this.email = this.EmailBuilder.buildEmail('confirmEmail', this.opts)
+        })
+
+        it('should build the email', function () {
+          expect(this.email.html).to.exist
+          expect(this.email.text).to.exist
+        })
+
+        describe('HTML email', function () {
+          it('should include a CTA button and a fallback CTA link', function () {
+            const dom = cheerio.load(this.email.html)
+            const buttonLink = dom('a:contains("Confirm Email")')
+            expect(buttonLink.length).to.equal(1)
+            expect(buttonLink.attr('href')).to.equal(this.opts.confirmEmailUrl)
+            const fallback = dom('.force-overleaf-style').last()
+            expect(fallback.length).to.equal(1)
+            const fallbackLink = fallback.html()
+            expect(fallbackLink).to.contain(this.opts.confirmEmailUrl)
+          })
+        })
+
+        describe('plain text email', function () {
+          it('should contain the CTA link', function () {
+            expect(this.email.text).to.contain(this.opts.confirmEmailUrl)
+          })
+        })
+      })
+
+      describe('ownershipTransferConfirmationNewOwner', function () {
+        before(function () {
+          this.emailAddress = 'example@overleaf.com'
+          this.opts = {
+            to: this.emailAddress,
+            previousOwner: {},
+            project: {
+              _id: 'abc123',
+              name: 'example project',
+            },
+          }
+          this.email = this.EmailBuilder.buildEmail(
+            'ownershipTransferConfirmationNewOwner',
+            this.opts
+          )
+          this.expectedUrl = `${
+            this.settings.siteUrl
+          }/project/${this.opts.project._id.toString()}`
+        })
+
+        it('should build the email', function () {
+          expect(this.email.html).to.exist
+          expect(this.email.text).to.exist
+        })
+
+        describe('HTML email', function () {
+          it('should include a CTA button and a fallback CTA link', function () {
+            const dom = cheerio.load(this.email.html)
+            const buttonLink = dom('td a')
+            expect(buttonLink).to.exist
+            expect(buttonLink.attr('href')).to.equal(this.expectedUrl)
+            const fallback = dom('.force-overleaf-style').last()
+            expect(fallback).to.exist
+            const fallbackLink = fallback.html().replace(/&amp;/g, '&')
+            expect(fallbackLink).to.contain(this.expectedUrl)
+          })
+        })
+
+        describe('plain text email', function () {
+          it('should contain the CTA link', function () {
+            expect(this.email.text).to.contain(this.expectedUrl)
+          })
+        })
+      })
+
+      describe('passwordResetRequested', function () {
+        before(function () {
+          this.emailAddress = 'example@overleaf.com'
+          this.opts = {
+            to: this.emailAddress,
+            setNewPasswordUrl: `${
+              this.settings.siteUrl
+            }/user/password/set?passwordResetToken=aToken&email=${encodeURIComponent(
+              this.emailAddress
+            )}`,
+          }
+          this.email = this.EmailBuilder.buildEmail(
+            'passwordResetRequested',
+            this.opts
+          )
+        })
+
+        it('should build the email', function () {
+          expect(this.email.html).to.exist
+          expect(this.email.text).to.exist
+        })
+
+        describe('HTML email', function () {
+          it('should include a CTA button and a fallback CTA link', function () {
+            const dom = cheerio.load(this.email.html)
+            const buttonLink = dom('td a')
+            expect(buttonLink).to.exist
+            expect(buttonLink.attr('href')).to.equal(
+              this.opts.setNewPasswordUrl
+            )
+            const fallback = dom('.force-overleaf-style').last()
+            expect(fallback).to.exist
+            const fallbackLink = fallback.html().replace(/&amp;/g, '&')
+            expect(fallbackLink).to.contain(this.opts.setNewPasswordUrl)
+          })
+        })
+
+        describe('plain text email', function () {
+          it('should contain the CTA link', function () {
+            expect(this.email.text).to.contain(this.opts.setNewPasswordUrl)
+          })
+        })
+      })
+
+      describe('reconfirmEmail', function () {
+        before(function () {
+          this.emailAddress = 'example@overleaf.com'
+          this.userId = 'abc123'
+          this.opts = {
+            to: this.emailAddress,
+            confirmEmailUrl: `${this.settings.siteUrl}/user/emails/confirm?token=aToken123`,
+            sendingUser_id: this.userId,
+          }
+          this.email = this.EmailBuilder.buildEmail('reconfirmEmail', this.opts)
+        })
+
+        it('should build the email', function () {
+          expect(this.email.html).to.exist
+          expect(this.email.text).to.exist
+        })
+
+        describe('HTML email', function () {
+          it('should include a CTA button and a fallback CTA link', function () {
+            const dom = cheerio.load(this.email.html)
+            const buttonLink = dom('a:contains("Reconfirm Email")')
+            expect(buttonLink.length).to.equal(1)
+            expect(buttonLink.attr('href')).to.equal(this.opts.confirmEmailUrl)
+            const fallback = dom('.force-overleaf-style').last()
+            expect(fallback.length).to.equal(1)
+            const fallbackLink = fallback.html()
+            expect(fallbackLink).to.contain(this.opts.confirmEmailUrl)
+          })
+        })
+
+        describe('plain text email', function () {
+          it('should contain the CTA link', function () {
+            expect(this.email.text).to.contain(this.opts.confirmEmailUrl)
+          })
+        })
+      })
+
+      describe('verifyEmailToJoinTeam', function () {
+        before(function () {
+          this.emailAddress = 'example@overleaf.com'
+          this.opts = {
+            to: this.emailAddress,
+            acceptInviteUrl: `${this.settings.siteUrl}/subscription/invites/aToken123/`,
+            inviter: {
+              email: 'deanna@overleaf.com',
+              first_name: 'Deanna',
+              last_name: 'Troi',
+            },
+          }
+          this.email = this.EmailBuilder.buildEmail(
+            'verifyEmailToJoinTeam',
+            this.opts
+          )
+        })
+
+        it('should build the email', function () {
+          expect(this.email.html).to.exist
+          expect(this.email.text).to.exist
+        })
+
+        describe('HTML email', function () {
+          it('should include a CTA button and a fallback CTA link', function () {
+            const dom = cheerio.load(this.email.html)
+            const buttonLink = dom('a:contains("Join now")')
+            expect(buttonLink.length).to.equal(1)
+            expect(buttonLink.attr('href')).to.equal(this.opts.acceptInviteUrl)
+            const fallback = dom('.force-overleaf-style').last()
+            expect(fallback.length).to.equal(1)
+            const fallbackLink = fallback.html()
+            expect(fallbackLink).to.contain(this.opts.acceptInviteUrl)
+          })
+        })
+
+        describe('plain text email', function () {
+          it('should contain the CTA link', function () {
+            expect(this.email.text).to.contain(this.opts.acceptInviteUrl)
+          })
+        })
+      })
+
+      describe('reactivatedSubscription', function () {
+        before(function () {
+          this.emailAddress = 'example@overleaf.com'
+          this.opts = {
+            to: this.emailAddress,
+          }
+          this.email = this.EmailBuilder.buildEmail(
+            'reactivatedSubscription',
+            this.opts
+          )
+          this.expectedUrl = `${this.settings.siteUrl}/user/subscription`
+        })
+
+        it('should build the email', function () {
+          expect(this.email.html).to.exist
+          expect(this.email.text).to.exist
+        })
+
+        describe('HTML email', function () {
+          it('should include a CTA button and a fallback CTA link', function () {
+            const dom = cheerio.load(this.email.html)
+            const buttonLink = dom('a:contains("View Subscription Dashboard")')
+            expect(buttonLink.length).to.equal(1)
+            expect(buttonLink.attr('href')).to.equal(this.expectedUrl)
+            const fallback = dom('.force-overleaf-style').last()
+            expect(fallback.length).to.equal(1)
+            const fallbackLink = fallback.html()
+            expect(fallbackLink).to.contain(this.expectedUrl)
+          })
+        })
+
+        describe('plain text email', function () {
+          it('should contain the CTA link', function () {
+            expect(this.email.text).to.contain(this.expectedUrl)
+          })
+        })
+      })
+
+      describe('testEmail', function () {
+        before(function () {
+          this.emailAddress = 'example@overleaf.com'
+          this.opts = {
+            to: this.emailAddress,
+          }
+          this.email = this.EmailBuilder.buildEmail('testEmail', this.opts)
+        })
+
+        it('should build the email', function () {
+          expect(this.email.html).to.exist
+          expect(this.email.text).to.exist
+        })
+
+        describe('HTML email', function () {
+          it('should include a CTA button and a fallback CTA link', function () {
+            const dom = cheerio.load(this.email.html)
+            const buttonLink = dom(
+              `a:contains("Open ${this.settings.appName}")`
+            )
+            expect(buttonLink.length).to.equal(1)
+            expect(buttonLink.attr('href')).to.equal(this.settings.siteUrl)
+            const fallback = dom('.force-overleaf-style').last()
+            expect(fallback.length).to.equal(1)
+            const fallbackLink = fallback.html()
+            expect(fallbackLink).to.contain(this.settings.siteUrl)
+          })
+        })
+
+        describe('plain text email', function () {
+          it('should contain the CTA link', function () {
+            expect(this.email.text).to.contain(
+              `Open ${this.settings.appName}: ${this.settings.siteUrl}`
+            )
+          })
+        })
+      })
+
+      describe('registered', function () {
+        before(function () {
+          this.emailAddress = 'example@overleaf.com'
+          this.opts = {
+            to: this.emailAddress,
+            setNewPasswordUrl: `${this.settings.siteUrl}/user/activate?token=aToken123&user_id=aUserId123`,
+          }
+          this.email = this.EmailBuilder.buildEmail('registered', this.opts)
+        })
+
+        it('should build the email', function () {
+          expect(this.email.html).to.exist
+          expect(this.email.text).to.exist
+        })
+
+        describe('HTML email', function () {
+          it('should include a CTA button and a fallback CTA link', function () {
+            const dom = cheerio.load(this.email.html)
+            const buttonLink = dom('a:contains("Set password")')
+            expect(buttonLink.length).to.equal(1)
+            expect(buttonLink.attr('href')).to.equal(
+              this.opts.setNewPasswordUrl
+            )
+            const fallback = dom('.force-overleaf-style').last()
+            expect(fallback.length).to.equal(1)
+            const fallbackLink = fallback.html().replace(/&amp;/, '&')
+            expect(fallbackLink).to.contain(this.opts.setNewPasswordUrl)
+          })
+        })
+
+        describe('plain text email', function () {
+          it('should contain the CTA link', function () {
+            expect(this.email.text).to.contain(this.opts.setNewPasswordUrl)
+          })
+        })
+      })
+
+      describe('projectInvite', function () {
+        before(function () {
+          this.emailAddress = 'example@overleaf.com'
+          this.owner = {
+            email: 'owner@example.com',
+            name: 'Bailey',
+          }
+          this.projectName = 'Top Secret'
+          this.opts = {
+            inviteUrl: `${this.settings.siteUrl}/project/projectId123/invite/token/aToken123`,
+            owner: {
+              email: this.owner.email,
+            },
+            project: {
+              name: this.projectName,
+            },
+            to: this.emailAddress,
+          }
+          this.email = this.EmailBuilder.buildEmail('projectInvite', this.opts)
+        })
+
+        it('should build the email', function () {
+          expect(this.email.html).to.exist
+          expect(this.email.text).to.exist
+        })
+
+        describe('HTML email', function () {
+          it('should include a CTA button and a fallback CTA link', function () {
+            const dom = cheerio.load(this.email.html)
+            const buttonLink = dom('a:contains("View project")')
+            expect(buttonLink.length).to.equal(1)
+            expect(buttonLink.attr('href')).to.equal(this.opts.inviteUrl)
+            const fallback = dom('.force-overleaf-style').last()
+            expect(fallback.length).to.equal(1)
+            const fallbackLink = fallback.html().replace(/&amp;/g, '&')
+            expect(fallbackLink).to.contain(this.opts.inviteUrl)
+          })
+        })
+
+        describe('plain text email', function () {
+          it('should contain the CTA link', function () {
+            expect(this.email.text).to.contain(this.opts.inviteUrl)
+          })
+        })
+      })
+
+      describe('welcome', function () {
+        beforeEach(function () {
+          this.emailAddress = 'example@overleaf.com'
+          this.opts = {
+            to: this.emailAddress,
+            confirmEmailUrl: `${this.settings.siteUrl}/user/emails/confirm?token=token123`,
+          }
+          this.email = this.EmailBuilder.buildEmail('welcome', this.opts)
+          this.dom = cheerio.load(this.email.html)
+        })
+
+        it('should build the email', function () {
+          expect(this.email.html).to.exist
+          expect(this.email.text).to.exist
+        })
+
+        describe('HTML email', function () {
+          it('should include a CTA button and a fallback CTA link', function () {
+            const buttonLink = this.dom('a:contains("Confirm Email")')
+            expect(buttonLink.length).to.equal(1)
+            expect(buttonLink.attr('href')).to.equal(this.opts.confirmEmailUrl)
+            const fallback = this.dom('.force-overleaf-style').last()
+            expect(fallback.length).to.equal(1)
+            expect(fallback.html()).to.contain(this.opts.confirmEmailUrl)
+          })
+          it('should include help links', function () {
+            const helpGuidesLink = this.dom('a:contains("Help Guides")')
+            const templatesLink = this.dom('a:contains("Templates")')
+            const logInLink = this.dom('a:contains("log in")')
+            expect(helpGuidesLink.length).to.equal(1)
+            expect(templatesLink.length).to.equal(1)
+            expect(logInLink.length).to.equal(1)
+          })
+        })
+
+        describe('plain text email', function () {
+          it('should contain the CTA URL', function () {
+            expect(this.email.text).to.contain(this.opts.confirmEmailUrl)
+          })
+          it('should include help URL', function () {
+            expect(this.email.text).to.contain('/learn')
+            expect(this.email.text).to.contain('/login')
+            expect(this.email.text).to.contain('/templates')
+          })
+          it('should contain HTML links', function () {
+            expect(this.email.text).to.not.contain('<a')
+          })
+        })
+      })
+
+      describe('groupSSODisabled', function () {
+        it('should build the email for non managed and linked users', function () {
+          const setNewPasswordUrl = `${this.settings.siteUrl}/user/password/reset`
+          const emailAddress = 'example@overleaf.com'
+          const opts = {
+            to: emailAddress,
+            setNewPasswordUrl,
+            userIsManaged: false,
+          }
+          const email = this.EmailBuilder.buildEmail('groupSSODisabled', opts)
+          expect(email.subject).to.equal(
+            'A change to your Overleaf login options'
+          )
+          const dom = cheerio.load(email.html)
+          expect(email.html).to.exist
+          expect(email.html).to.contain(
+            'Your group administrator has disabled single sign-on for your group.'
+          )
+          expect(email.html).to.contain(
+            'You can still log in to Overleaf using one of our other'
+          )
+          const links = dom('a')
+          expect(links[0].attribs.href).to.equal(
+            `${this.settings.siteUrl}/login`
+          )
+          expect(links[1].attribs.href).to.equal(setNewPasswordUrl)
+          expect(email.html).to.contain(
+            "If you don't have a password, you can set one now."
+          )
+          expect(email.text).to.exist
+          const expectedPlainText = [
+            'Hi,',
+            '',
+            'Your group administrator has disabled single sign-on for your group.',
+            '',
+            '',
+            '',
+            'What does this mean for you?',
+            '',
+            'You can still log in to Overleaf using one of our other login options or with your email address and password.',
+            '',
+            "If you don't have a password, you can set one now.",
+            '',
+            `Set your new password: ${setNewPasswordUrl}`,
+            '',
+            '',
+            '',
+            'Regards,',
+            `The ${this.settings.appName} Team - ${this.settings.siteUrl}`,
+          ]
+          expect(email.text.split(/\r?\n/)).to.deep.equal(expectedPlainText)
+        })
+
+        it('should build the email for managed and linked users', function () {
+          const emailAddress = 'example@overleaf.com'
+          const setNewPasswordUrl = `${this.settings.siteUrl}/user/password/reset`
+          const opts = {
+            to: emailAddress,
+            setNewPasswordUrl,
+            userIsManaged: true,
+          }
+          const email = this.EmailBuilder.buildEmail('groupSSODisabled', opts)
+          expect(email.subject).to.equal(
+            'Action required: Set your Overleaf password'
+          )
+          const dom = cheerio.load(email.html)
+          expect(email.html).to.exist
+          expect(email.html).to.contain(
+            'Your group administrator has disabled single sign-on for your group.'
+          )
+          expect(email.html).to.contain(
+            'You now need an email address and password to sign in to your Overleaf account.'
+          )
+          const links = dom('a')
+          expect(links[0].attribs.href).to.equal(
+            `${this.settings.siteUrl}/user/password/reset`
+          )
+
+          expect(email.text).to.exist
+
+          const expectedPlainText = [
+            'Hi,',
+            '',
+            'Your group administrator has disabled single sign-on for your group.',
+            '',
+            '',
+            '',
+            'What does this mean for you?',
+            '',
+            'You now need an email address and password to sign in to your Overleaf account.',
+            '',
+            `Set your new password: ${setNewPasswordUrl}`,
+            '',
+            '',
+            '',
+            'Regards,',
+            `The ${this.settings.appName} Team - ${this.settings.siteUrl}`,
+          ]
+
+          expect(email.text.split(/\r?\n/)).to.deep.equal(expectedPlainText)
+        })
+      })
+    })
+
+    describe('no CTA', function () {
+      describe('securityAlert', function () {
+        before(function () {
+          this.message = 'more details about the action'
+          this.messageHTML = `<br /><span style="text-align:center" class="a-class"><b><i>${this.message}</i></b></span>`
+          this.messageNotAllowedHTML = `<div></div>${this.messageHTML}`
+
+          this.actionDescribed = 'an action described'
+          this.actionDescribedHTML = `<br /><span style="text-align:center" class="a-class"><b><i>${this.actionDescribed}</i></b>`
+          this.actionDescribedNotAllowedHTML = `<div></div>${this.actionDescribedHTML}`
+
+          this.opts = {
+            to: this.email,
+            actionDescribed: this.actionDescribedNotAllowedHTML,
+            action: 'an action',
+            message: [this.messageNotAllowedHTML],
+          }
+          this.email = this.EmailBuilder.buildEmail('securityAlert', this.opts)
+        })
+
+        it('should build the email', function () {
+          expect(this.email.html != null).to.equal(true)
+          expect(this.email.text != null).to.equal(true)
+        })
+
+        describe('HTML email', function () {
+          it('should clean HTML in opts.actionDescribed', function () {
+            expect(this.email.html).to.not.contain(
+              this.actionDescribedNotAllowedHTML
+            )
+            expect(this.email.html).to.contain(this.actionDescribedHTML)
+          })
+          it('should clean HTML in opts.message', function () {
+            expect(this.email.html).to.not.contain(this.messageNotAllowedHTML)
+            expect(this.email.html).to.contain(this.messageHTML)
+          })
+        })
+
+        describe('plain text email', function () {
+          it('should remove all HTML in opts.actionDescribed', function () {
+            expect(this.email.text).to.not.contain(this.actionDescribedHTML)
+            expect(this.email.text).to.contain(this.actionDescribed)
+          })
+          it('should remove all HTML in opts.message', function () {
+            expect(this.email.text).to.not.contain(this.messageHTML)
+            expect(this.email.text).to.contain(this.message)
+          })
+        })
+      })
+
+      describe('welcomeWithoutCTA', function () {
+        beforeEach(function () {
+          this.emailAddress = 'example@overleaf.com'
+          this.opts = {
+            to: this.emailAddress,
+          }
+          this.email = this.EmailBuilder.buildEmail(
+            'welcomeWithoutCTA',
+            this.opts
+          )
+          this.dom = cheerio.load(this.email.html)
+        })
+
+        it('should build the email', function () {
+          expect(this.email.html).to.exist
+          expect(this.email.text).to.exist
+        })
+
+        describe('HTML email', function () {
+          it('should include help links', function () {
+            const helpGuidesLink = this.dom('a:contains("Help Guides")')
+            const templatesLink = this.dom('a:contains("Templates")')
+            const logInLink = this.dom('a:contains("log in")')
+            expect(helpGuidesLink.length).to.equal(1)
+            expect(templatesLink.length).to.equal(1)
+            expect(logInLink.length).to.equal(1)
+          })
+        })
+
+        describe('plain text email', function () {
+          it('should include help URL', function () {
+            expect(this.email.text).to.contain('/learn')
+            expect(this.email.text).to.contain('/login')
+            expect(this.email.text).to.contain('/templates')
+          })
+          it('should contain HTML links', function () {
+            expect(this.email.text).to.not.contain('<a')
+          })
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Email/EmailHandlerTests.js b/services/web/test/unit/src/Email/EmailHandlerTests.js
new file mode 100644
index 0000000..fdd2404
--- /dev/null
+++ b/services/web/test/unit/src/Email/EmailHandlerTests.js
@@ -0,0 +1,122 @@
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const sinon = require('sinon')
+const { expect } = require('chai')
+
+const MODULE_PATH = path.join(
+  __dirname,
+  '../../../../app/src/Features/Email/EmailHandler'
+)
+
+describe('EmailHandler', function () {
+  beforeEach(function () {
+    this.html = '<html>hello</html>'
+    this.Settings = { email: {} }
+    this.EmailBuilder = {
+      buildEmail: sinon.stub().returns({ html: this.html }),
+    }
+    this.EmailSender = {
+      promises: {
+        sendEmail: sinon.stub().resolves(),
+      },
+    }
+    this.Queues = {
+      createScheduledJob: sinon.stub().resolves(),
+    }
+    this.EmailHandler = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        './EmailBuilder': this.EmailBuilder,
+        './EmailSender': this.EmailSender,
+        '@overleaf/settings': this.Settings,
+        '../../infrastructure/Queues': this.Queues,
+      },
+    })
+  })
+
+  describe('send email', function () {
+    it('should use the correct options', async function () {
+      const opts = { to: 'bob@bob.com' }
+      await this.EmailHandler.promises.sendEmail('welcome', opts)
+      expect(this.EmailSender.promises.sendEmail).to.have.been.calledWithMatch({
+        html: this.html,
+      })
+    })
+
+    it('should return the error', async function () {
+      this.EmailSender.promises.sendEmail.rejects(new Error('boom'))
+      const opts = {
+        to: 'bob@bob.com',
+        subject: 'hello bob',
+      }
+      await expect(this.EmailHandler.promises.sendEmail('welcome', opts)).to.be
+        .rejected
+    })
+
+    it('should not send an email if lifecycle is not enabled', async function () {
+      this.Settings.email.lifecycle = false
+      this.EmailBuilder.buildEmail.returns({ type: 'lifecycle' })
+      await this.EmailHandler.promises.sendEmail('welcome', {})
+      expect(this.EmailSender.promises.sendEmail).not.to.have.been.called
+    })
+
+    it('should send an email if lifecycle is not enabled but the type is notification', async function () {
+      this.Settings.email.lifecycle = false
+      this.EmailBuilder.buildEmail.returns({ type: 'notification' })
+      const opts = { to: 'bob@bob.com' }
+      await this.EmailHandler.promises.sendEmail('welcome', opts)
+      expect(this.EmailSender.promises.sendEmail).to.have.been.called
+    })
+
+    it('should send lifecycle email if it is enabled', async function () {
+      this.Settings.email.lifecycle = true
+      this.EmailBuilder.buildEmail.returns({ type: 'lifecycle' })
+      const opts = { to: 'bob@bob.com' }
+      await this.EmailHandler.promises.sendEmail('welcome', opts)
+      expect(this.EmailSender.promises.sendEmail).to.have.been.called
+    })
+
+    describe('with plain-text email content', function () {
+      beforeEach(function () {
+        this.text = 'hello there'
+      })
+
+      it('should pass along the text field', async function () {
+        this.EmailBuilder.buildEmail.returns({
+          html: this.html,
+          text: this.text,
+        })
+        const opts = { to: 'bob@bob.com' }
+        await this.EmailHandler.promises.sendEmail('welcome', opts)
+        expect(
+          this.EmailSender.promises.sendEmail
+        ).to.have.been.calledWithMatch({
+          html: this.html,
+          text: this.text,
+        })
+      })
+    })
+  })
+
+  describe('send deferred email', function () {
+    beforeEach(function () {
+      this.opts = {
+        to: 'bob@bob.com',
+        first_name: 'hello bob',
+      }
+      this.emailType = 'canceledSubscription'
+      this.ONE_HOUR_IN_MS = 1000 * 60 * 60
+      this.EmailHandler.sendDeferredEmail(
+        this.emailType,
+        this.opts,
+        this.ONE_HOUR_IN_MS
+      )
+    })
+    it('should add a email job to the queue', function () {
+      expect(this.Queues.createScheduledJob).to.have.been.calledWith(
+        'deferred-emails',
+        { data: { emailType: this.emailType, opts: this.opts } },
+        this.ONE_HOUR_IN_MS
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Email/EmailMessageHelperTests.js b/services/web/test/unit/src/Email/EmailMessageHelperTests.js
new file mode 100644
index 0000000..563c51a
--- /dev/null
+++ b/services/web/test/unit/src/Email/EmailMessageHelperTests.js
@@ -0,0 +1,35 @@
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const { expect } = require('chai')
+
+const MODULE_PATH = path.join(
+  __dirname,
+  '../../../../app/src/Features/Email/EmailMessageHelper'
+)
+
+describe('EmailMessageHelper', function () {
+  beforeEach(function () {
+    this.EmailMessageHelper = SandboxedModule.require(MODULE_PATH, {})
+  })
+  describe('cleanHTML', function () {
+    beforeEach(function () {
+      this.text = 'a message'
+      this.span = `<span style="text-align:center">${this.text}</span>`
+      this.fullMessage = `${this.span}<div></div>`
+    })
+    it('should remove HTML for plainText version', function () {
+      const processed = this.EmailMessageHelper.cleanHTML(
+        this.fullMessage,
+        true
+      )
+      expect(processed).to.equal(this.text)
+    })
+    it('should keep HTML for HTML version but remove tags not allowed', function () {
+      const processed = this.EmailMessageHelper.cleanHTML(
+        this.fullMessage,
+        false
+      )
+      expect(processed).to.equal(this.span)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Email/EmailSenderTests.js b/services/web/test/unit/src/Email/EmailSenderTests.js
new file mode 100644
index 0000000..5d03794
--- /dev/null
+++ b/services/web/test/unit/src/Email/EmailSenderTests.js
@@ -0,0 +1,131 @@
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const sinon = require('sinon')
+const { expect } = require('chai')
+
+const MODULE_PATH = path.join(
+  __dirname,
+  '../../../../app/src/Features/Email/EmailSender.js'
+)
+
+describe('EmailSender', function () {
+  beforeEach(function () {
+    this.rateLimiter = {
+      consume: sinon.stub().resolves(),
+    }
+    this.RateLimiter = {
+      RateLimiter: sinon.stub().returns(this.rateLimiter),
+    }
+
+    this.Settings = {
+      email: {
+        transport: 'ses',
+        parameters: {
+          AWSAccessKeyID: 'key',
+          AWSSecretKey: 'secret',
+        },
+        fromAddress: 'bob@bob.com',
+        replyToAddress: 'sally@gmail.com',
+      },
+    }
+
+    this.sesClient = { sendMail: sinon.stub().resolves() }
+
+    this.ses = { createTransport: () => this.sesClient }
+
+    this.EmailSender = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        nodemailer: this.ses,
+        'nodemailer-ses-transport': sinon.stub(),
+        '@overleaf/settings': this.Settings,
+        '../../infrastructure/RateLimiter': this.RateLimiter,
+        '@overleaf/metrics': {
+          inc() {},
+        },
+      },
+    })
+
+    this.opts = {
+      to: 'bob@bob.com',
+      subject: 'new email',
+      html: '<hello></hello>',
+    }
+  })
+
+  describe('sendEmail', function () {
+    it('should set the properties on the email to send', async function () {
+      await this.EmailSender.promises.sendEmail(this.opts)
+      expect(this.sesClient.sendMail).to.have.been.calledWithMatch({
+        html: this.opts.html,
+        to: this.opts.to,
+        subject: this.opts.subject,
+      })
+    })
+
+    it('should return a non-specific error', async function () {
+      this.sesClient.sendMail.rejects(new Error('boom'))
+      await expect(this.EmailSender.promises.sendEmail({})).to.be.rejectedWith(
+        'error sending message'
+      )
+    })
+
+    it('should use the from address from settings', async function () {
+      await this.EmailSender.promises.sendEmail(this.opts)
+      expect(this.sesClient.sendMail).to.have.been.calledWithMatch({
+        from: this.Settings.email.fromAddress,
+      })
+    })
+
+    it('should use the reply to address from settings', async function () {
+      await this.EmailSender.promises.sendEmail(this.opts)
+      expect(this.sesClient.sendMail).to.have.been.calledWithMatch({
+        replyTo: this.Settings.email.replyToAddress,
+      })
+    })
+
+    it('should use the reply to address in options as an override', async function () {
+      this.opts.replyTo = 'someone@else.com'
+      await this.EmailSender.promises.sendEmail(this.opts)
+      expect(this.sesClient.sendMail).to.have.been.calledWithMatch({
+        replyTo: this.opts.replyTo,
+      })
+    })
+
+    it('should not send an email when the rate limiter says no', async function () {
+      this.opts.sendingUser_id = '12321312321'
+      this.rateLimiter.consume.rejects({ remainingPoints: 0 })
+      await expect(this.EmailSender.promises.sendEmail(this.opts)).to.be
+        .rejected
+      expect(this.sesClient.sendMail).not.to.have.been.called
+    })
+
+    it('should send the email when the rate limtier says continue', async function () {
+      this.opts.sendingUser_id = '12321312321'
+      await this.EmailSender.promises.sendEmail(this.opts)
+      expect(this.sesClient.sendMail).to.have.been.called
+    })
+
+    it('should not check the rate limiter when there is no sendingUser_id', async function () {
+      this.EmailSender.sendEmail(this.opts, () => {
+        expect(this.sesClient.sendMail).to.have.been.called
+        expect(this.rateLimiter.consume).not.to.have.been.called
+      })
+    })
+
+    describe('with plain-text email content', function () {
+      beforeEach(function () {
+        this.opts.text = 'hello there'
+      })
+
+      it('should set the text property on the email to send', async function () {
+        await this.EmailSender.promises.sendEmail(this.opts)
+        expect(this.sesClient.sendMail).to.have.been.calledWithMatch({
+          html: this.opts.html,
+          text: this.opts.text,
+          to: this.opts.to,
+          subject: this.opts.subject,
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Email/SpamSafeTests.js b/services/web/test/unit/src/Email/SpamSafeTests.js
new file mode 100644
index 0000000..0af623b
--- /dev/null
+++ b/services/web/test/unit/src/Email/SpamSafeTests.js
@@ -0,0 +1,76 @@
+const path = require('path')
+const modulePath = path.join(
+  __dirname,
+  '../../../../app/src/Features/Email/SpamSafe'
+)
+const SpamSafe = require(modulePath)
+const { expect } = require('chai')
+
+describe('SpamSafe', function () {
+  it('should reject spammy names', function () {
+    expect(SpamSafe.isSafeUserName('Charline Wałęsa')).to.equal(true)
+    expect(
+      SpamSafe.isSafeUserName(
+        "hey come buy this product im selling it's really good for you and it'll make your latex 10x guaranteed"
+      )
+    ).to.equal(false)
+    expect(SpamSafe.isSafeUserName('隆太郎 宮本')).to.equal(true)
+    expect(SpamSafe.isSafeUserName('Visit haxx0red.com')).to.equal(false)
+    expect(
+      SpamSafe.isSafeUserName(
+        '加美汝VX：hihi661，金沙2001005com the first deposit will be _100%_'
+      )
+    ).to.equal(false)
+    expect(
+      SpamSafe.isSafeProjectName(
+        'Neural Networks: good for your health and will solve all your problems'
+      )
+    ).to.equal(false)
+    expect(
+      SpamSafe.isSafeProjectName(
+        'An analysis of the questions of the universe!'
+      )
+    ).to.equal(true)
+    expect(SpamSafe.isSafeProjectName("A'p'o's't'r'o'p'h'e gallore")).to.equal(
+      true
+    )
+    expect(
+      SpamSafe.isSafeProjectName(
+        'come buy this => http://www.dopeproduct.com/search/?q=user123'
+      )
+    ).to.equal(false)
+    expect(
+      SpamSafe.isSafeEmail('realistic-email+1@domain.sub-hyphen.com')
+    ).to.equal(true)
+    expect(SpamSafe.isSafeEmail('notquiteRight@evil$.com')).to.equal(false)
+
+    expect(SpamSafe.safeUserName('Tammy Weinstįen', 'A User')).to.equal(
+      'Tammy Weinstįen'
+    )
+    expect(SpamSafe.safeUserName('haxx0red.com', 'A User')).to.equal('A User')
+    expect(SpamSafe.safeUserName('What$ Upp', 'A User')).to.equal('A User')
+    expect(SpamSafe.safeProjectName('Math-ematics!', 'A Project')).to.equal(
+      'Math-ematics!'
+    )
+    expect(
+      SpamSafe.safeProjectName(
+        `A Very long title for a very long book that will never be read${'a'.repeat(
+          250
+        )}`,
+        'A Project'
+      )
+    ).to.equal('A Project')
+    expect(
+      SpamSafe.safeEmail('safe-ëmail@domain.com', 'A collaborator')
+    ).to.equal('safe-ëmail@domain.com')
+    expect(
+      SpamSafe.safeEmail('Բարեւ@another.domain', 'A collaborator')
+    ).to.equal('Բարեւ@another.domain')
+    expect(
+      SpamSafe.safeEmail(`me+${'a'.repeat(40)}@googoole.con`, 'A collaborator')
+    ).to.equal('A collaborator')
+    expect(
+      SpamSafe.safeEmail('sendME$$$@iAmAprince.com', 'A collaborator')
+    ).to.equal('A collaborator')
+  })
+})
diff --git a/services/web/test/unit/src/Errors/HttpErrorHandlerTests.js b/services/web/test/unit/src/Errors/HttpErrorHandlerTests.js
new file mode 100644
index 0000000..6959bfe
--- /dev/null
+++ b/services/web/test/unit/src/Errors/HttpErrorHandlerTests.js
@@ -0,0 +1,377 @@
+const { expect } = require('chai')
+const MockResponse = require('../helpers/MockResponse')
+const MockRequest = require('../helpers/MockRequest')
+const SandboxedModule = require('sandboxed-module')
+const modulePath = '../../../../app/src/Features/Errors/HttpErrorHandler.js'
+
+describe('HttpErrorHandler', function () {
+  beforeEach(function () {
+    this.req = new MockRequest()
+    this.res = new MockResponse()
+
+    this.HttpErrorHandler = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': {
+          appName: 'Overleaf',
+          statusPageUrl: 'https://status.overlaf.com',
+        },
+      },
+    })
+  })
+
+  describe('handleErrorByStatusCode', function () {
+    it('returns the http status code of 400 errors', function () {
+      const err = new Error()
+      this.HttpErrorHandler.handleErrorByStatusCode(
+        this.req,
+        this.res,
+        err,
+        400
+      )
+      expect(this.res.statusCode).to.equal(400)
+    })
+
+    it('returns the http status code of 500 errors', function () {
+      const err = new Error()
+      this.HttpErrorHandler.handleErrorByStatusCode(
+        this.req,
+        this.res,
+        err,
+        500
+      )
+      expect(this.res.statusCode).to.equal(500)
+    })
+
+    it('returns the http status code of any 5xx error', function () {
+      const err = new Error()
+      this.HttpErrorHandler.handleErrorByStatusCode(
+        this.req,
+        this.res,
+        err,
+        588
+      )
+      expect(this.res.statusCode).to.equal(588)
+    })
+
+    it('returns the http status code of any 4xx error', function () {
+      const err = new Error()
+      this.HttpErrorHandler.handleErrorByStatusCode(
+        this.req,
+        this.res,
+        err,
+        488
+      )
+      expect(this.res.statusCode).to.equal(488)
+    })
+
+    it('returns 500 for http status codes smaller than 400', function () {
+      const err = new Error()
+      this.HttpErrorHandler.handleErrorByStatusCode(
+        this.req,
+        this.res,
+        err,
+        302
+      )
+      expect(this.res.statusCode).to.equal(500)
+    })
+
+    it('returns 500 for http status codes larger than 600', function () {
+      const err = new Error()
+      this.HttpErrorHandler.handleErrorByStatusCode(
+        this.req,
+        this.res,
+        err,
+        302
+      )
+      expect(this.res.statusCode).to.equal(500)
+    })
+
+    it('returns 500 when the error has no http status code', function () {
+      const err = new Error()
+      this.HttpErrorHandler.handleErrorByStatusCode(this.req, this.res, err)
+      expect(this.res.statusCode).to.equal(500)
+    })
+
+    it('uses the conflict() error handler', function () {
+      const err = new Error()
+      this.HttpErrorHandler.handleErrorByStatusCode(
+        this.req,
+        this.res,
+        err,
+        409
+      )
+      expect(this.res.body).to.equal('conflict')
+    })
+
+    it('uses the forbidden() error handler', function () {
+      const err = new Error()
+      this.HttpErrorHandler.handleErrorByStatusCode(
+        this.req,
+        this.res,
+        err,
+        403
+      )
+      expect(this.res.body).to.equal('restricted')
+    })
+
+    it('uses the notFound() error handler', function () {
+      const err = new Error()
+      this.HttpErrorHandler.handleErrorByStatusCode(
+        this.req,
+        this.res,
+        err,
+        404
+      )
+      expect(this.res.body).to.equal('not found')
+    })
+
+    it('uses the unprocessableEntity() error handler', function () {
+      const err = new Error()
+      err.httpStatusCode = 422
+      this.HttpErrorHandler.handleErrorByStatusCode(
+        this.req,
+        this.res,
+        err,
+        422
+      )
+      expect(this.res.body).to.equal('unprocessable entity')
+    })
+  })
+
+  describe('badRequest', function () {
+    it('returns 400', function () {
+      this.HttpErrorHandler.badRequest(this.req, this.res)
+      expect(this.res.statusCode).to.equal(400)
+    })
+
+    it('should print a message when no content-type is included', function () {
+      this.HttpErrorHandler.badRequest(this.req, this.res)
+      expect(this.res.body).to.equal('client error')
+    })
+
+    it("should render a template including the error message when content-type is 'html'", function () {
+      this.req.accepts = () => 'html'
+      this.HttpErrorHandler.badRequest(this.req, this.res, 'an error')
+      expect(this.res.renderedTemplate).to.equal('general/400')
+      expect(this.res.renderedVariables).to.deep.equal({
+        title: 'Client Error',
+        message: 'an error',
+      })
+    })
+
+    it("should render a default template when content-type is 'html' and no message is provided", function () {
+      this.req.accepts = () => 'html'
+      this.HttpErrorHandler.badRequest(this.req, this.res)
+      expect(this.res.renderedTemplate).to.equal('general/400')
+      expect(this.res.renderedVariables).to.deep.equal({
+        title: 'Client Error',
+        message: undefined,
+      })
+    })
+
+    it("should return a json object when content-type is 'json'", function () {
+      this.req.accepts = () => 'json'
+      this.HttpErrorHandler.badRequest(this.req, this.res, 'an error', {
+        foo: 'bar',
+      })
+      expect(JSON.parse(this.res.body)).to.deep.equal({
+        message: 'an error',
+        foo: 'bar',
+      })
+    })
+
+    it("should return an empty json object when content-type is 'json' and no message and info are provided", function () {
+      this.req.accepts = () => 'json'
+      this.HttpErrorHandler.badRequest(this.req, this.res)
+      expect(JSON.parse(this.res.body)).to.deep.equal({})
+    })
+  })
+
+  describe('conflict', function () {
+    it('returns 409', function () {
+      this.HttpErrorHandler.conflict(this.req, this.res)
+      expect(this.res.statusCode).to.equal(409)
+    })
+
+    it('should print a message when no content-type is included', function () {
+      this.HttpErrorHandler.conflict(this.req, this.res)
+      expect(this.res.body).to.equal('conflict')
+    })
+
+    it("should render a template including the error message when content-type is 'html'", function () {
+      this.req.accepts = () => 'html'
+      this.HttpErrorHandler.unprocessableEntity(this.req, this.res, 'an error')
+      expect(this.res.renderedTemplate).to.equal('general/400')
+      expect(this.res.renderedVariables).to.deep.equal({
+        title: 'Client Error',
+        message: 'an error',
+      })
+    })
+
+    it("should return a json object when content-type is 'json'", function () {
+      this.req.accepts = () => 'json'
+      this.HttpErrorHandler.unprocessableEntity(
+        this.req,
+        this.res,
+        'an error',
+        {
+          foo: 'bar',
+        }
+      )
+      expect(JSON.parse(this.res.body)).to.deep.equal({
+        message: 'an error',
+        foo: 'bar',
+      })
+    })
+  })
+
+  describe('forbidden', function () {
+    it('returns 403', function () {
+      this.HttpErrorHandler.forbidden(this.req, this.res)
+      expect(this.res.statusCode).to.equal(403)
+    })
+
+    it('should print a message when no content-type is included', function () {
+      this.HttpErrorHandler.forbidden(this.req, this.res)
+      expect(this.res.body).to.equal('restricted')
+    })
+
+    it("should render a template when content-type is 'html'", function () {
+      this.req.accepts = () => 'html'
+      this.HttpErrorHandler.forbidden(this.req, this.res)
+      expect(this.res.renderedTemplate).to.equal('user/restricted')
+      expect(this.res.renderedVariables).to.deep.equal({
+        title: 'restricted',
+      })
+    })
+
+    it("should return a json object when content-type is 'json'", function () {
+      this.req.accepts = () => 'json'
+      this.HttpErrorHandler.forbidden(this.req, this.res, 'an error', {
+        foo: 'bar',
+      })
+      expect(JSON.parse(this.res.body)).to.deep.equal({
+        message: 'an error',
+        foo: 'bar',
+      })
+    })
+  })
+
+  describe('notFound', function () {
+    it('returns 404', function () {
+      this.HttpErrorHandler.notFound(this.req, this.res)
+      expect(this.res.statusCode).to.equal(404)
+    })
+
+    it('should print a message when no content-type is included', function () {
+      this.HttpErrorHandler.notFound(this.req, this.res)
+      expect(this.res.body).to.equal('not found')
+    })
+
+    it("should render a template when content-type is 'html'", function () {
+      this.req.accepts = () => 'html'
+      this.HttpErrorHandler.notFound(this.req, this.res)
+      expect(this.res.renderedTemplate).to.equal('general/404')
+      expect(this.res.renderedVariables).to.deep.equal({
+        title: 'page_not_found',
+      })
+    })
+
+    it("should return a json object when content-type is 'json'", function () {
+      this.req.accepts = () => 'json'
+      this.HttpErrorHandler.notFound(this.req, this.res, 'an error', {
+        foo: 'bar',
+      })
+      expect(JSON.parse(this.res.body)).to.deep.equal({
+        message: 'an error',
+        foo: 'bar',
+      })
+    })
+  })
+
+  describe('unprocessableEntity', function () {
+    it('returns 422', function () {
+      this.HttpErrorHandler.unprocessableEntity(this.req, this.res)
+      expect(this.res.statusCode).to.equal(422)
+    })
+
+    it('should print a message when no content-type is included', function () {
+      this.HttpErrorHandler.unprocessableEntity(this.req, this.res)
+      expect(this.res.body).to.equal('unprocessable entity')
+    })
+
+    it("should render a template including the error message when content-type is 'html'", function () {
+      this.req.accepts = () => 'html'
+      this.HttpErrorHandler.unprocessableEntity(this.req, this.res, 'an error')
+      expect(this.res.renderedTemplate).to.equal('general/400')
+      expect(this.res.renderedVariables).to.deep.equal({
+        title: 'Client Error',
+        message: 'an error',
+      })
+    })
+
+    it("should return a json object when content-type is 'json'", function () {
+      this.req.accepts = () => 'json'
+      this.HttpErrorHandler.unprocessableEntity(
+        this.req,
+        this.res,
+        'an error',
+        {
+          foo: 'bar',
+        }
+      )
+      expect(JSON.parse(this.res.body)).to.deep.equal({
+        message: 'an error',
+        foo: 'bar',
+      })
+    })
+
+    describe('legacyInternal', function () {
+      it('returns 500', function () {
+        this.HttpErrorHandler.legacyInternal(this.req, this.res, new Error())
+        expect(this.res.statusCode).to.equal(500)
+      })
+
+      it('should send the error to the logger', function () {
+        const error = new Error('message')
+        this.HttpErrorHandler.legacyInternal(
+          this.req,
+          this.res,
+          'message',
+          error
+        )
+        expect(this.req.logger.setLevel).to.have.been.calledWith('error')
+        expect(this.req.logger.addFields).to.have.been.calledWith({
+          err: error,
+        })
+      })
+
+      it('should print a message when no content-type is included', function () {
+        this.HttpErrorHandler.legacyInternal(this.req, this.res, new Error())
+        expect(this.res.body).to.equal('internal server error')
+      })
+
+      it("should render a template when content-type is 'html'", function () {
+        this.req.accepts = () => 'html'
+        this.HttpErrorHandler.legacyInternal(this.req, this.res, new Error())
+        expect(this.res.renderedTemplate).to.equal('general/500')
+        expect(this.res.renderedVariables).to.deep.equal({
+          title: 'Server Error',
+        })
+      })
+
+      it("should return a json object with a static message when content-type is 'json'", function () {
+        this.req.accepts = () => 'json'
+        this.HttpErrorHandler.legacyInternal(
+          this.req,
+          this.res,
+          'a message',
+          new Error()
+        )
+        expect(JSON.parse(this.res.body)).to.deep.equal({
+          message: 'a message',
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Exports/ExportsControllerTests.mjs b/services/web/test/unit/src/Exports/ExportsControllerTests.mjs
new file mode 100644
index 0000000..65e6e16
--- /dev/null
+++ b/services/web/test/unit/src/Exports/ExportsControllerTests.mjs
@@ -0,0 +1,196 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import esmock from 'esmock'
+import { expect } from 'chai'
+import sinon from 'sinon'
+const modulePath = new URL(
+  '../../../../app/src/Features/Exports/ExportsController.mjs',
+  import.meta.url
+).pathname
+
+describe('ExportsController', function () {
+  const projectId = '123njdskj9jlk'
+  const userId = '123nd3ijdks'
+  const brandVariationId = 22
+  const firstName = 'first'
+  const lastName = 'last'
+  const title = 'title'
+  const description = 'description'
+  const author = 'author'
+  const license = 'other'
+  const showSource = true
+
+  beforeEach(async function () {
+    this.handler = { getUserNotifications: sinon.stub().callsArgWith(1) }
+    this.req = {
+      params: {
+        project_id: projectId,
+        brand_variation_id: brandVariationId,
+      },
+      body: {
+        firstName,
+        lastName,
+      },
+      session: {
+        user: {
+          _id: userId,
+        },
+      },
+      i18n: {
+        translate() {},
+      },
+    }
+    this.res = {
+      json: sinon.stub(),
+      status: sinon.stub(),
+    }
+    this.res.status.returns(this.res)
+    this.next = sinon.stub()
+    this.AuthenticationController = {
+      getLoggedInUserId: sinon.stub().returns(this.req.session.user._id),
+    }
+    return (this.controller = await esmock.strict(modulePath, {
+      '../../../../app/src/Features/Exports/ExportsHandler.mjs': this.handler,
+      '../../../../app/src/Features/Authentication/AuthenticationController.js':
+        this.AuthenticationController,
+    }))
+  })
+
+  describe('without gallery fields', function () {
+    it('should ask the handler to perform the export', function (done) {
+      this.handler.exportProject = sinon
+        .stub()
+        .yields(null, { iAmAnExport: true, v1_id: 897 })
+      const expected = {
+        project_id: projectId,
+        user_id: userId,
+        brand_variation_id: brandVariationId,
+        first_name: firstName,
+        last_name: lastName,
+      }
+      return this.controller.exportProject(this.req, {
+        json: body => {
+          expect(this.handler.exportProject.args[0][0]).to.deep.equal(expected)
+          expect(body).to.deep.equal({ export_v1_id: 897, message: undefined })
+          return done()
+        },
+      })
+    })
+  })
+
+  describe('with a message from v1', function () {
+    it('should ask the handler to perform the export', function (done) {
+      this.handler.exportProject = sinon.stub().yields(null, {
+        iAmAnExport: true,
+        v1_id: 897,
+        message: 'RESUBMISSION',
+      })
+      const expected = {
+        project_id: projectId,
+        user_id: userId,
+        brand_variation_id: brandVariationId,
+        first_name: firstName,
+        last_name: lastName,
+      }
+      return this.controller.exportProject(this.req, {
+        json: body => {
+          expect(this.handler.exportProject.args[0][0]).to.deep.equal(expected)
+          expect(body).to.deep.equal({
+            export_v1_id: 897,
+            message: 'RESUBMISSION',
+          })
+          return done()
+        },
+      })
+    })
+  })
+
+  describe('with gallery fields', function () {
+    beforeEach(function () {
+      this.req.body.title = title
+      this.req.body.description = description
+      this.req.body.author = author
+      this.req.body.license = license
+      return (this.req.body.showSource = true)
+    })
+
+    it('should ask the handler to perform the export', function (done) {
+      this.handler.exportProject = sinon
+        .stub()
+        .yields(null, { iAmAnExport: true, v1_id: 897 })
+      const expected = {
+        project_id: projectId,
+        user_id: userId,
+        brand_variation_id: brandVariationId,
+        first_name: firstName,
+        last_name: lastName,
+        title,
+        description,
+        author,
+        license,
+        show_source: showSource,
+      }
+      return this.controller.exportProject(this.req, {
+        json: body => {
+          expect(this.handler.exportProject.args[0][0]).to.deep.equal(expected)
+          expect(body).to.deep.equal({ export_v1_id: 897, message: undefined })
+          return done()
+        },
+      })
+    })
+  })
+
+  describe('with an error return from v1 to forward to the publish modal', function () {
+    it('should forward the response onward', function (done) {
+      this.error_json = { status: 422, message: 'nope' }
+      this.handler.exportProject = sinon
+        .stub()
+        .yields({ forwardResponse: this.error_json })
+      this.controller.exportProject(this.req, this.res, this.next)
+      expect(this.res.json.args[0][0]).to.deep.equal(this.error_json)
+      expect(this.res.status.args[0][0]).to.equal(this.error_json.status)
+      return done()
+    })
+  })
+
+  it('should ask the handler to return the status of an export', function (done) {
+    this.handler.fetchExport = sinon.stub().yields(
+      null,
+      `{
+"id":897,
+"status_summary":"completed",
+"status_detail":"all done",
+"partner_submission_id":"abc123",
+"v2_user_email":"la@tex.com",
+"v2_user_first_name":"Arthur",
+"v2_user_last_name":"Author",
+"title":"my project",
+"token":"token"
+}`
+    )
+
+    this.req.params = { project_id: projectId, export_id: 897 }
+    return this.controller.exportStatus(this.req, {
+      json: body => {
+        expect(body).to.deep.equal({
+          export_json: {
+            status_summary: 'completed',
+            status_detail: 'all done',
+            partner_submission_id: 'abc123',
+            v2_user_email: 'la@tex.com',
+            v2_user_first_name: 'Arthur',
+            v2_user_last_name: 'Author',
+            title: 'my project',
+            token: 'token',
+          },
+        })
+        return done()
+      },
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Exports/ExportsHandlerTests.mjs b/services/web/test/unit/src/Exports/ExportsHandlerTests.mjs
new file mode 100644
index 0000000..1a7f985
--- /dev/null
+++ b/services/web/test/unit/src/Exports/ExportsHandlerTests.mjs
@@ -0,0 +1,698 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import sinon from 'sinon'
+import esmock from 'esmock'
+import { expect } from 'chai'
+const modulePath = '../../../../app/src/Features/Exports/ExportsHandler.mjs'
+
+describe('ExportsHandler', function () {
+  beforeEach(async function () {
+    this.stubRequest = {}
+    this.request = {
+      defaults: () => {
+        return this.stubRequest
+      },
+    }
+    this.ExportsHandler = await esmock.strict(modulePath, {
+      '../../../../app/src/Features/Project/ProjectGetter':
+        (this.ProjectGetter = {}),
+      '../../../../app/src/Features/Project/ProjectHistoryHandler':
+        (this.ProjectHistoryHandler = {}),
+      '../../../../app/src/Features/Project/ProjectLocator':
+        (this.ProjectLocator = {}),
+      '../../../../app/src/Features/Project/ProjectRootDocManager':
+        (this.ProjectRootDocManager = {}),
+      '../../../../app/src/Features/User/UserGetter': (this.UserGetter = {}),
+      '@overleaf/settings': (this.settings = {}),
+      request: this.request,
+    })
+    this.project_id = 'project-id-123'
+    this.project_history_id = 987
+    this.user_id = 'user-id-456'
+    this.brand_variation_id = 789
+    this.title = 'title'
+    this.description = 'description'
+    this.author = 'author'
+    this.license = 'other'
+    this.show_source = true
+    this.export_params = {
+      project_id: this.project_id,
+      brand_variation_id: this.brand_variation_id,
+      user_id: this.user_id,
+      title: this.title,
+      description: this.description,
+      author: this.author,
+      license: this.license,
+      show_source: this.show_source,
+    }
+    return (this.callback = sinon.stub())
+  })
+
+  describe('exportProject', function () {
+    beforeEach(function () {
+      this.export_data = { iAmAnExport: true }
+      this.response_body = { iAmAResponseBody: true }
+      this.ExportsHandler._buildExport = sinon
+        .stub()
+        .yields(null, this.export_data)
+      return (this.ExportsHandler._requestExport = sinon
+        .stub()
+        .yields(null, this.response_body))
+    })
+
+    describe('when all goes well', function () {
+      beforeEach(function (done) {
+        return this.ExportsHandler.exportProject(
+          this.export_params,
+          (error, exportData) => {
+            this.callback(error, exportData)
+            return done()
+          }
+        )
+      })
+
+      it('should build the export', function () {
+        return this.ExportsHandler._buildExport
+          .calledWith(this.export_params)
+          .should.equal(true)
+      })
+
+      it('should request the export', function () {
+        return this.ExportsHandler._requestExport
+          .calledWith(this.export_data)
+          .should.equal(true)
+      })
+
+      it('should return the export', function () {
+        return this.callback
+          .calledWith(null, this.export_data)
+          .should.equal(true)
+      })
+    })
+
+    describe("when request can't be built", function () {
+      beforeEach(function (done) {
+        this.ExportsHandler._buildExport = sinon
+          .stub()
+          .yields(new Error('cannot export project without root doc'))
+        return this.ExportsHandler.exportProject(
+          this.export_params,
+          (error, exportData) => {
+            this.callback(error, exportData)
+            return done()
+          }
+        )
+      })
+
+      it('should return an error', function () {
+        return (this.callback.args[0][0] instanceof Error).should.equal(true)
+      })
+    })
+
+    describe('when export request returns an error to forward to the user', function () {
+      beforeEach(function (done) {
+        this.error_json = { status: 422, message: 'nope' }
+        this.ExportsHandler._requestExport = sinon
+          .stub()
+          .yields(null, { forwardResponse: this.error_json })
+        return this.ExportsHandler.exportProject(
+          this.export_params,
+          (error, exportData) => {
+            this.callback(error, exportData)
+            return done()
+          }
+        )
+      })
+
+      it('should return success and the response to forward', function () {
+        ;(this.callback.args[0][0] instanceof Error).should.equal(false)
+        return this.callback.calledWith(null, {
+          forwardResponse: this.error_json,
+        })
+      })
+    })
+  })
+
+  describe('_buildExport', function () {
+    beforeEach(function (done) {
+      this.project = {
+        id: this.project_id,
+        rootDoc_id: 'doc1_id',
+        compiler: 'pdflatex',
+        imageName: 'mock-image-name',
+        overleaf: {
+          id: this.project_history_id, // for projects imported from v1
+          history: {
+            id: this.project_history_id,
+          },
+        },
+      }
+      this.user = {
+        id: this.user_id,
+        first_name: 'Arthur',
+        last_name: 'Author',
+        email: 'arthur.author@arthurauthoring.org',
+        overleaf: {
+          id: 876,
+        },
+      }
+      this.rootDocPath = 'main.tex'
+      this.historyVersion = 777
+      this.ProjectGetter.getProject = sinon.stub().yields(null, this.project)
+      this.ProjectHistoryHandler.ensureHistoryExistsForProject = sinon
+        .stub()
+        .yields(null)
+      this.ProjectLocator.findRootDoc = sinon
+        .stub()
+        .yields(null, [null, { fileSystem: 'main.tex' }])
+      this.ProjectRootDocManager.ensureRootDocumentIsValid = sinon
+        .stub()
+        .callsArgWith(1, null)
+      this.UserGetter.getUser = sinon.stub().yields(null, this.user)
+      this.ExportsHandler._requestVersion = sinon
+        .stub()
+        .yields(null, this.historyVersion)
+      return done()
+    })
+
+    describe('when all goes well', function () {
+      beforeEach(function (done) {
+        return this.ExportsHandler._buildExport(
+          this.export_params,
+          (error, exportData) => {
+            this.callback(error, exportData)
+            return done()
+          }
+        )
+      })
+
+      it('should ensure the project has history', function () {
+        return this.ProjectHistoryHandler.ensureHistoryExistsForProject.called.should.equal(
+          true
+        )
+      })
+
+      it('should request the project history version', function () {
+        return this.ExportsHandler._requestVersion.called.should.equal(true)
+      })
+
+      it('should return export data', function () {
+        const expectedExportData = {
+          project: {
+            id: this.project_id,
+            rootDocPath: this.rootDocPath,
+            historyId: this.project_history_id,
+            historyVersion: this.historyVersion,
+            v1ProjectId: this.project_history_id,
+            metadata: {
+              compiler: 'pdflatex',
+              imageName: 'mock-image-name',
+              title: this.title,
+              description: this.description,
+              author: this.author,
+              license: this.license,
+              showSource: this.show_source,
+            },
+          },
+          user: {
+            id: this.user_id,
+            firstName: this.user.first_name,
+            lastName: this.user.last_name,
+            email: this.user.email,
+            orcidId: null,
+            v1UserId: 876,
+          },
+          destination: {
+            brandVariationId: this.brand_variation_id,
+          },
+          options: {
+            callbackUrl: null,
+          },
+        }
+        return this.callback
+          .calledWith(null, expectedExportData)
+          .should.equal(true)
+      })
+    })
+
+    describe('when we send replacement user first and last name', function () {
+      beforeEach(function (done) {
+        this.custom_first_name = 'FIRST'
+        this.custom_last_name = 'LAST'
+        this.export_params.first_name = this.custom_first_name
+        this.export_params.last_name = this.custom_last_name
+        return this.ExportsHandler._buildExport(
+          this.export_params,
+          (error, exportData) => {
+            this.callback(error, exportData)
+            return done()
+          }
+        )
+      })
+
+      it('should send the data from the user input', function () {
+        const expectedExportData = {
+          project: {
+            id: this.project_id,
+            rootDocPath: this.rootDocPath,
+            historyId: this.project_history_id,
+            historyVersion: this.historyVersion,
+            v1ProjectId: this.project_history_id,
+            metadata: {
+              compiler: 'pdflatex',
+              imageName: 'mock-image-name',
+              title: this.title,
+              description: this.description,
+              author: this.author,
+              license: this.license,
+              showSource: this.show_source,
+            },
+          },
+          user: {
+            id: this.user_id,
+            firstName: this.custom_first_name,
+            lastName: this.custom_last_name,
+            email: this.user.email,
+            orcidId: null,
+            v1UserId: 876,
+          },
+          destination: {
+            brandVariationId: this.brand_variation_id,
+          },
+          options: {
+            callbackUrl: null,
+          },
+        }
+        return this.callback
+          .calledWith(null, expectedExportData)
+          .should.equal(true)
+      })
+    })
+
+    describe('when project is not found', function () {
+      beforeEach(function (done) {
+        this.ProjectGetter.getProject = sinon
+          .stub()
+          .yields(new Error('project not found'))
+        return this.ExportsHandler._buildExport(
+          this.export_params,
+          (error, exportData) => {
+            this.callback(error, exportData)
+            return done()
+          }
+        )
+      })
+
+      it('should return an error', function () {
+        return (this.callback.args[0][0] instanceof Error).should.equal(true)
+      })
+    })
+
+    describe('when project has no root doc', function () {
+      describe('when a root doc can be set automatically', function () {
+        beforeEach(function (done) {
+          this.project.rootDoc_id = null
+          this.ProjectLocator.findRootDoc = sinon
+            .stub()
+            .yields(null, [null, { fileSystem: 'other.tex' }])
+          return this.ExportsHandler._buildExport(
+            this.export_params,
+            (error, exportData) => {
+              this.callback(error, exportData)
+              return done()
+            }
+          )
+        })
+
+        it('should set a root doc', function () {
+          return this.ProjectRootDocManager.ensureRootDocumentIsValid.called.should.equal(
+            true
+          )
+        })
+
+        it('should return export data', function () {
+          const expectedExportData = {
+            project: {
+              id: this.project_id,
+              rootDocPath: 'other.tex',
+              historyId: this.project_history_id,
+              historyVersion: this.historyVersion,
+              v1ProjectId: this.project_history_id,
+              metadata: {
+                compiler: 'pdflatex',
+                imageName: 'mock-image-name',
+                title: this.title,
+                description: this.description,
+                author: this.author,
+                license: this.license,
+                showSource: this.show_source,
+              },
+            },
+            user: {
+              id: this.user_id,
+              firstName: this.user.first_name,
+              lastName: this.user.last_name,
+              email: this.user.email,
+              orcidId: null,
+              v1UserId: 876,
+            },
+            destination: {
+              brandVariationId: this.brand_variation_id,
+            },
+            options: {
+              callbackUrl: null,
+            },
+          }
+          return this.callback
+            .calledWith(null, expectedExportData)
+            .should.equal(true)
+        })
+      })
+    })
+
+    describe('when project has an invalid root doc', function () {
+      describe('when a new root doc can be set automatically', function () {
+        beforeEach(function (done) {
+          this.fakeDoc_id = '1a2b3c4d5e6f'
+          this.project.rootDoc_id = this.fakeDoc_id
+          this.ProjectLocator.findRootDoc = sinon
+            .stub()
+            .yields(null, [null, { fileSystem: 'other.tex' }])
+          return this.ExportsHandler._buildExport(
+            this.export_params,
+            (error, exportData) => {
+              this.callback(error, exportData)
+              return done()
+            }
+          )
+        })
+
+        it('should set a valid root doc', function () {
+          return this.ProjectRootDocManager.ensureRootDocumentIsValid.called.should.equal(
+            true
+          )
+        })
+
+        it('should return export data', function () {
+          const expectedExportData = {
+            project: {
+              id: this.project_id,
+              rootDocPath: 'other.tex',
+              historyId: this.project_history_id,
+              historyVersion: this.historyVersion,
+              v1ProjectId: this.project_history_id,
+              metadata: {
+                compiler: 'pdflatex',
+                imageName: 'mock-image-name',
+                title: this.title,
+                description: this.description,
+                author: this.author,
+                license: this.license,
+                showSource: this.show_source,
+              },
+            },
+            user: {
+              id: this.user_id,
+              firstName: this.user.first_name,
+              lastName: this.user.last_name,
+              email: this.user.email,
+              orcidId: null,
+              v1UserId: 876,
+            },
+            destination: {
+              brandVariationId: this.brand_variation_id,
+            },
+            options: {
+              callbackUrl: null,
+            },
+          }
+          return this.callback
+            .calledWith(null, expectedExportData)
+            .should.equal(true)
+        })
+      })
+
+      describe('when no root doc can be identified', function () {
+        beforeEach(function (done) {
+          this.ProjectLocator.findRootDoc = sinon
+            .stub()
+            .yields(null, [null, null])
+          return this.ExportsHandler._buildExport(
+            this.export_params,
+            (error, exportData) => {
+              this.callback(error, exportData)
+              return done()
+            }
+          )
+        })
+
+        it('should return an error', function () {
+          return (this.callback.args[0][0] instanceof Error).should.equal(true)
+        })
+      })
+    })
+
+    describe('when user is not found', function () {
+      beforeEach(function (done) {
+        this.UserGetter.getUser = sinon
+          .stub()
+          .yields(new Error('user not found'))
+        return this.ExportsHandler._buildExport(
+          this.export_params,
+          (error, exportData) => {
+            this.callback(error, exportData)
+            return done()
+          }
+        )
+      })
+
+      it('should return an error', function () {
+        return (this.callback.args[0][0] instanceof Error).should.equal(true)
+      })
+    })
+
+    describe('when project history request fails', function () {
+      beforeEach(function (done) {
+        this.ExportsHandler._requestVersion = sinon
+          .stub()
+          .yields(new Error('project history call failed'))
+        return this.ExportsHandler._buildExport(
+          this.export_params,
+          (error, exportData) => {
+            this.callback(error, exportData)
+            return done()
+          }
+        )
+      })
+
+      it('should return an error', function () {
+        return (this.callback.args[0][0] instanceof Error).should.equal(true)
+      })
+    })
+  })
+
+  describe('_requestExport', function () {
+    beforeEach(function (done) {
+      this.settings.apis = {
+        v1: {
+          url: 'http://127.0.0.1:5000',
+          user: 'overleaf',
+          pass: 'pass',
+          timeout: 15000,
+        },
+      }
+      this.export_data = { iAmAnExport: true }
+      this.export_id = 4096
+      this.stubPost = sinon
+        .stub()
+        .yields(null, { statusCode: 200 }, { exportId: this.export_id })
+      return done()
+    })
+
+    describe('when all goes well', function () {
+      beforeEach(function (done) {
+        this.stubRequest.post = this.stubPost
+        return this.ExportsHandler._requestExport(
+          this.export_data,
+          (error, exportV1Id) => {
+            this.callback(error, exportV1Id)
+            return done()
+          }
+        )
+      })
+
+      it('should issue the request', function () {
+        return expect(this.stubPost.getCall(0).args[0]).to.deep.equal({
+          url: this.settings.apis.v1.url + '/api/v1/overleaf/exports',
+          auth: {
+            user: this.settings.apis.v1.user,
+            pass: this.settings.apis.v1.pass,
+          },
+          json: this.export_data,
+          timeout: 15000,
+        })
+      })
+
+      it('should return the body with v1 export id', function () {
+        return this.callback
+          .calledWith(null, { exportId: this.export_id })
+          .should.equal(true)
+      })
+    })
+
+    describe('when the request fails', function () {
+      beforeEach(function (done) {
+        this.stubRequest.post = sinon
+          .stub()
+          .yields(new Error('export request failed'))
+        return this.ExportsHandler._requestExport(
+          this.export_data,
+          (error, exportV1Id) => {
+            this.callback(error, exportV1Id)
+            return done()
+          }
+        )
+      })
+
+      it('should return an error', function () {
+        return (this.callback.args[0][0] instanceof Error).should.equal(true)
+      })
+    })
+
+    describe('when the request returns an error response to forward', function () {
+      beforeEach(function (done) {
+        this.error_code = 422
+        this.error_json = { status: this.error_code, message: 'nope' }
+        this.stubRequest.post = sinon
+          .stub()
+          .yields(null, { statusCode: this.error_code }, this.error_json)
+        return this.ExportsHandler._requestExport(
+          this.export_data,
+          (error, exportV1Id) => {
+            this.callback(error, exportV1Id)
+            return done()
+          }
+        )
+      })
+
+      it('should return success and the response to forward', function () {
+        ;(this.callback.args[0][0] instanceof Error).should.equal(false)
+        return this.callback.calledWith(null, {
+          forwardResponse: this.error_json,
+        })
+      })
+    })
+  })
+
+  describe('fetchExport', function () {
+    beforeEach(function (done) {
+      this.settings.apis = {
+        v1: {
+          url: 'http://127.0.0.1:5000',
+          user: 'overleaf',
+          pass: 'pass',
+          timeout: 15000,
+        },
+      }
+      this.export_id = 897
+      this.body = '{"id":897, "status_summary":"completed"}'
+      this.stubGet = sinon
+        .stub()
+        .yields(null, { statusCode: 200 }, { body: this.body })
+      return done()
+    })
+
+    describe('when all goes well', function () {
+      beforeEach(function (done) {
+        this.stubRequest.get = this.stubGet
+        return this.ExportsHandler.fetchExport(
+          this.export_id,
+          (error, body) => {
+            this.callback(error, body)
+            return done()
+          }
+        )
+      })
+
+      it('should issue the request', function () {
+        return expect(this.stubGet.getCall(0).args[0]).to.deep.equal({
+          url:
+            this.settings.apis.v1.url +
+            '/api/v1/overleaf/exports/' +
+            this.export_id,
+          auth: {
+            user: this.settings.apis.v1.user,
+            pass: this.settings.apis.v1.pass,
+          },
+          timeout: 15000,
+        })
+      })
+
+      it('should return the v1 export id', function () {
+        return this.callback
+          .calledWith(null, { body: this.body })
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('fetchDownload', function () {
+    beforeEach(function (done) {
+      this.settings.apis = {
+        v1: {
+          url: 'http://127.0.0.1:5000',
+          user: 'overleaf',
+          pass: 'pass',
+          timeout: 15000,
+        },
+      }
+      this.export_id = 897
+      this.body =
+        'https://writelatex-conversions-dev.s3.amazonaws.com/exports/ieee_latexqc/tnb/2912/xggmprcrpfwbsnqzqqmvktddnrbqkqkr.zip?X-Amz-Expires=14400&X-Amz-Date=20180730T181003Z&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAJDGDIJFGLNVGZH6A/20180730/us-east-1/s3/aws4_request&X-Amz-SignedHeaders=host&X-Amz-Signature=dec990336913cef9933f0e269afe99722d7ab2830ebf2c618a75673ee7159fee'
+      this.stubGet = sinon
+        .stub()
+        .yields(null, { statusCode: 200 }, { body: this.body })
+      return done()
+    })
+
+    describe('when all goes well', function () {
+      beforeEach(function (done) {
+        this.stubRequest.get = this.stubGet
+        return this.ExportsHandler.fetchDownload(
+          this.export_id,
+          'zip',
+          (error, body) => {
+            this.callback(error, body)
+            return done()
+          }
+        )
+      })
+
+      it('should issue the request', function () {
+        return expect(this.stubGet.getCall(0).args[0]).to.deep.equal({
+          url:
+            this.settings.apis.v1.url +
+            '/api/v1/overleaf/exports/' +
+            this.export_id +
+            '/zip_url',
+          auth: {
+            user: this.settings.apis.v1.user,
+            pass: this.settings.apis.v1.pass,
+          },
+          timeout: 15000,
+        })
+      })
+
+      it('should return the v1 export id', function () {
+        return this.callback
+          .calledWith(null, { body: this.body })
+          .should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/FileStore/FileStoreControllerTests.mjs b/services/web/test/unit/src/FileStore/FileStoreControllerTests.mjs
new file mode 100644
index 0000000..2758068
--- /dev/null
+++ b/services/web/test/unit/src/FileStore/FileStoreControllerTests.mjs
@@ -0,0 +1,235 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+import esmock from 'esmock'
+import Errors from '../../../../app/src/Features/Errors/Errors.js'
+import MockResponse from '../helpers/MockResponse.js'
+
+const MODULE_PATH =
+  '../../../../app/src/Features/FileStore/FileStoreController.mjs'
+
+const expectedFileHeaders = {
+  'Cache-Control': 'private, max-age=3600',
+  'X-Served-By': 'filestore',
+}
+
+describe('FileStoreController', function () {
+  beforeEach(async function () {
+    this.FileStoreHandler = {
+      promises: {
+        getFileStream: sinon.stub(),
+        getFileSize: sinon.stub(),
+      },
+    }
+    this.ProjectLocator = { promises: { findElement: sinon.stub() } }
+    this.Stream = { pipeline: sinon.stub().resolves() }
+    this.HistoryManager = {}
+    this.controller = await esmock.strict(MODULE_PATH, {
+      'node:stream/promises': this.Stream,
+      '@overleaf/settings': this.settings,
+      '../../../../app/src/Features/Project/ProjectLocator':
+        this.ProjectLocator,
+      '../../../../app/src/Features/FileStore/FileStoreHandler':
+        this.FileStoreHandler,
+      '../../../../app/src/Features/History/HistoryManager':
+        this.HistoryManager,
+    })
+    this.stream = {}
+    this.projectId = '2k3j1lk3j21lk3j'
+    this.fileId = '12321kklj1lk3jk12'
+    this.req = {
+      params: {
+        Project_id: this.projectId,
+        File_id: this.fileId,
+      },
+      query: 'query string here',
+      get(key) {
+        return undefined
+      },
+      logger: {
+        addFields: sinon.stub(),
+      },
+    }
+    this.res = new MockResponse()
+    this.next = sinon.stub()
+    this.file = { name: 'myfile.png' }
+  })
+
+  describe('getFile', function () {
+    beforeEach(function () {
+      this.FileStoreHandler.promises.getFileStream.resolves(this.stream)
+      this.ProjectLocator.promises.findElement.resolves({ element: this.file })
+    })
+
+    it('should call the file store handler with the project_id file_id and any query string', async function () {
+      await this.controller.getFile(this.req, this.res)
+      this.FileStoreHandler.promises.getFileStream.should.have.been.calledWith(
+        this.req.params.Project_id,
+        this.req.params.File_id,
+        this.req.query
+      )
+    })
+
+    it('should pipe to res', async function () {
+      await this.controller.getFile(this.req, this.res)
+      this.Stream.pipeline.should.have.been.calledWith(this.stream, this.res)
+    })
+
+    it('should get the file from the db', async function () {
+      await this.controller.getFile(this.req, this.res)
+      this.ProjectLocator.promises.findElement.should.have.been.calledWith({
+        project_id: this.projectId,
+        element_id: this.fileId,
+        type: 'file',
+      })
+    })
+
+    it('should set the Content-Disposition header', async function () {
+      await this.controller.getFile(this.req, this.res)
+      this.res.setContentDisposition.should.be.calledWith('attachment', {
+        filename: this.file.name,
+      })
+    })
+
+    it('should return a 404 when not found', async function () {
+      this.ProjectLocator.promises.findElement.rejects(
+        new Errors.NotFoundError()
+      )
+      await this.controller.getFile(this.req, this.res)
+      expect(this.res.statusCode).to.equal(404)
+    })
+
+    // Test behaviour around handling html files
+    ;['.html', '.htm', '.xhtml'].forEach(extension => {
+      describe(`with a '${extension}' file extension`, function () {
+        beforeEach(function () {
+          this.file.name = `bad${extension}`
+          this.req.get = key => {
+            if (key === 'User-Agent') {
+              return 'A generic browser'
+            }
+          }
+        })
+
+        describe('from a non-ios browser', function () {
+          it('should not set Content-Type', async function () {
+            await this.controller.getFile(this.req, this.res)
+            this.res.headers.should.deep.equal({
+              ...expectedFileHeaders,
+            })
+          })
+        })
+
+        describe('from an iPhone', function () {
+          beforeEach(function () {
+            this.req.get = key => {
+              if (key === 'User-Agent') {
+                return 'An iPhone browser'
+              }
+            }
+          })
+
+          it("should set Content-Type to 'text/plain'", async function () {
+            await this.controller.getFile(this.req, this.res)
+            this.res.headers.should.deep.equal({
+              ...expectedFileHeaders,
+              'Content-Type': 'text/plain; charset=utf-8',
+              'X-Content-Type-Options': 'nosniff',
+            })
+          })
+        })
+
+        describe('from an iPad', function () {
+          beforeEach(function () {
+            this.req.get = key => {
+              if (key === 'User-Agent') {
+                return 'An iPad browser'
+              }
+            }
+          })
+
+          it("should set Content-Type to 'text/plain'", async function () {
+            await this.controller.getFile(this.req, this.res)
+            this.res.headers.should.deep.equal({
+              ...expectedFileHeaders,
+              'Content-Type': 'text/plain; charset=utf-8',
+              'X-Content-Type-Options': 'nosniff',
+            })
+          })
+        })
+      })
+    })
+    ;[
+      // None of these should trigger the iOS/html logic
+      'x.html-is-rad',
+      'html.pdf',
+      '.html-is-good-for-hidden-files',
+      'somefile',
+    ].forEach(filename => {
+      describe(`with filename as '${filename}'`, function () {
+        beforeEach(function () {
+          this.user_agent = 'A generic browser'
+          this.file.name = filename
+          this.req.get = key => {
+            if (key === 'User-Agent') {
+              return this.user_agent
+            }
+          }
+        })
+        ;['iPhone', 'iPad', 'Firefox', 'Chrome'].forEach(browser => {
+          describe(`downloaded from ${browser}`, function () {
+            beforeEach(function () {
+              this.user_agent = `Some ${browser} thing`
+            })
+
+            it('Should not set the Content-type', async function () {
+              await this.controller.getFile(this.req, this.res)
+              this.res.headers.should.deep.equal({
+                ...expectedFileHeaders,
+              })
+            })
+          })
+        })
+      })
+    })
+  })
+
+  describe('getFileHead', function () {
+    beforeEach(function () {
+      this.ProjectLocator.promises.findElement.resolves({ element: this.file })
+    })
+
+    it('reports the file size', function (done) {
+      const expectedFileSize = 99393
+      this.FileStoreHandler.promises.getFileSize.rejects(
+        new Error('getFileSize: unexpected arguments')
+      )
+      this.FileStoreHandler.promises.getFileSize
+        .withArgs(this.projectId, this.fileId)
+        .resolves(expectedFileSize)
+
+      this.res.end = () => {
+        expect(this.res.status.lastCall.args).to.deep.equal([200])
+        expect(this.res.header.lastCall.args).to.deep.equal([
+          'Content-Length',
+          expectedFileSize,
+        ])
+        done()
+      }
+
+      this.controller.getFileHead(this.req, this.res)
+    })
+
+    it('returns 404 on NotFoundError', function (done) {
+      this.FileStoreHandler.promises.getFileSize.rejects(
+        new Errors.NotFoundError()
+      )
+
+      this.res.end = () => {
+        expect(this.res.status.lastCall.args).to.deep.equal([404])
+        done()
+      }
+
+      this.controller.getFileHead(this.req, this.res)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/FileStore/FileStoreHandlerTests.js b/services/web/test/unit/src/FileStore/FileStoreHandlerTests.js
new file mode 100644
index 0000000..bf9fe6c
--- /dev/null
+++ b/services/web/test/unit/src/FileStore/FileStoreHandlerTests.js
@@ -0,0 +1,722 @@
+const { assert, expect } = require('chai')
+const sinon = require('sinon')
+const SandboxedModule = require('sandboxed-module')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+const OError = require('@overleaf/o-error')
+
+const MODULE_PATH = '../../../../app/src/Features/FileStore/FileStoreHandler.js'
+
+describe('FileStoreHandler', function () {
+  beforeEach(function () {
+    this.fileSize = 999
+    this.fs = {
+      createReadStream: sinon.stub(),
+      lstat: sinon.stub().callsArgWith(1, null, {
+        isFile() {
+          return true
+        },
+        isDirectory() {
+          return false
+        },
+        size: this.fileSize,
+      }),
+    }
+    this.writeStream = {
+      my: 'writeStream',
+      on(type, fn) {
+        if (type === 'response') {
+          fn({ statusCode: 200 })
+        }
+      },
+    }
+    this.readStream = { my: 'readStream', on: sinon.stub() }
+    this.request = sinon.stub()
+    this.request.head = sinon.stub()
+    this.filestoreUrl = 'http://filestore.overleaf.test'
+    this.settings = {
+      apis: { filestore: { url: this.filestoreUrl } },
+    }
+    this.hashValue = '0123456789'
+    this.fileArgs = { name: 'upload-filename' }
+    this.fileId = 'file_id_here'
+    this.projectId = '1312312312'
+    this.historyId = 123
+    this.hashValue = '2aae6c35c94fcfb415dbe95f408b9ce91ee846ed'
+    this.fsPath = 'uploads/myfile.eps'
+    this.getFileUrl = (projectId, fileId) =>
+      `${this.filestoreUrl}/project/${projectId}/file/${fileId}`
+    this.getProjectUrl = projectId =>
+      `${this.filestoreUrl}/project/${projectId}`
+    this.FileModel = class File {
+      constructor(options) {
+        ;({ name: this.name, hash: this.hash } = options)
+        this._id = 'file_id_here'
+        this.rev = 0
+        if (options.linkedFileData != null) {
+          this.linkedFileData = options.linkedFileData
+        }
+      }
+    }
+    this.FileHashManager = {
+      computeHash: sinon.stub().callsArgWith(1, null, this.hashValue),
+    }
+    this.HistoryManager = {
+      uploadBlobFromDisk: sinon.stub().callsArg(4),
+    }
+    this.ProjectDetailsHandler = {
+      getDetails: sinon.stub().callsArgWith(1, null, {
+        overleaf: { history: { id: this.historyId } },
+      }),
+    }
+
+    this.Features = {
+      hasFeature: sinon.stub(),
+    }
+
+    this.handler = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '@overleaf/settings': this.settings,
+        request: this.request,
+        '../History/HistoryManager': this.HistoryManager,
+        '../Project/ProjectDetailsHandler': this.ProjectDetailsHandler,
+        './FileHashManager': this.FileHashManager,
+        '../../infrastructure/Features': this.Features,
+        // FIXME: need to stub File object here
+        '../../models/File': {
+          File: this.FileModel,
+        },
+        fs: this.fs,
+      },
+    })
+  })
+
+  describe('uploadFileFromDisk', function () {
+    beforeEach(function () {
+      this.request.returns(this.writeStream)
+    })
+
+    it('should get the project details', function (done) {
+      this.fs.createReadStream.returns({
+        pipe() {},
+        on(type, cb) {
+          if (type === 'open') {
+            cb()
+          }
+        },
+      })
+      this.handler.uploadFileFromDisk(
+        this.projectId,
+        this.fileArgs,
+        this.fsPath,
+        () => {
+          this.ProjectDetailsHandler.getDetails
+            .calledWith(this.projectId)
+            .should.equal(true)
+          done()
+        }
+      )
+    })
+
+    it('should compute the file hash', function (done) {
+      this.fs.createReadStream.returns({
+        pipe() {},
+        on(type, cb) {
+          if (type === 'open') {
+            cb()
+          }
+        },
+      })
+      this.handler.uploadFileFromDisk(
+        this.projectId,
+        this.fileArgs,
+        this.fsPath,
+        () => {
+          this.FileHashManager.computeHash
+            .calledWith(this.fsPath)
+            .should.equal(true)
+          done()
+        }
+      )
+    })
+
+    describe('when project-history-blobs feature is enabled', function () {
+      it('should upload the file to the history store as a blob', function (done) {
+        this.fs.createReadStream.returns({
+          pipe() {},
+          on(type, cb) {
+            if (type === 'open') {
+              cb()
+            }
+          },
+        })
+        this.Features.hasFeature.withArgs('project-history-blobs').returns(true)
+        this.handler.uploadFileFromDisk(
+          this.projectId,
+          this.fileArgs,
+          this.fsPath,
+          () => {
+            this.HistoryManager.uploadBlobFromDisk
+              .calledWith(
+                this.historyId,
+                this.hashValue,
+                this.fileSize,
+                this.fsPath
+              )
+              .should.equal(true)
+            done()
+          }
+        )
+      })
+    })
+    describe('when project-history-blobs feature is disabled', function () {
+      it('should not upload the file to the history store as a blob', function (done) {
+        this.fs.createReadStream.returns({
+          pipe() {},
+          on(type, cb) {
+            if (type === 'open') {
+              cb()
+            }
+          },
+        })
+        this.handler.uploadFileFromDisk(
+          this.projectId,
+          this.fileArgs,
+          this.fsPath,
+          () => {
+            this.HistoryManager.uploadBlobFromDisk.called.should.equal(false)
+            done()
+          }
+        )
+      })
+    })
+
+    describe('when filestore feature is enabled', function () {
+      beforeEach(function () {
+        this.Features.hasFeature.withArgs('filestore').returns(true)
+      })
+      it('should create read stream', function (done) {
+        this.fs.createReadStream.returns({
+          pipe() {},
+          on(type, cb) {
+            if (type === 'open') {
+              cb()
+            }
+          },
+        })
+        this.handler.uploadFileFromDisk(
+          this.projectId,
+          this.fileArgs,
+          this.fsPath,
+          () => {
+            this.fs.createReadStream.calledWith(this.fsPath).should.equal(true)
+            done()
+          }
+        )
+      })
+
+      it('should pipe the read stream to request', function (done) {
+        this.request.returns(this.writeStream)
+        this.fs.createReadStream.returns({
+          on(type, cb) {
+            if (type === 'open') {
+              cb()
+            }
+          },
+          pipe: o => {
+            this.writeStream.should.equal(o)
+            done()
+          },
+        })
+        this.handler.uploadFileFromDisk(
+          this.projectId,
+          this.fileArgs,
+          this.fsPath,
+          () => {}
+        )
+      })
+
+      it('should pass the correct options to request', function (done) {
+        const fileUrl = this.getFileUrl(this.projectId, this.fileId)
+        this.fs.createReadStream.returns({
+          pipe() {},
+          on(type, cb) {
+            if (type === 'open') {
+              cb()
+            }
+          },
+        })
+        this.handler.uploadFileFromDisk(
+          this.projectId,
+          this.fileArgs,
+          this.fsPath,
+          () => {
+            this.request.args[0][0].method.should.equal('post')
+            this.request.args[0][0].uri.should.equal(fileUrl)
+            done()
+          }
+        )
+      })
+
+      it('should callback with the url and fileRef', function (done) {
+        const fileUrl = this.getFileUrl(this.projectId, this.fileId)
+        this.fs.createReadStream.returns({
+          pipe() {},
+          on(type, cb) {
+            if (type === 'open') {
+              cb()
+            }
+          },
+        })
+        this.handler.uploadFileFromDisk(
+          this.projectId,
+          this.fileArgs,
+          this.fsPath,
+          (err, url, fileRef) => {
+            expect(err).to.not.exist
+            expect(url).to.equal(fileUrl)
+            expect(fileRef._id).to.equal(this.fileId)
+            expect(fileRef.hash).to.equal(this.hashValue)
+            done()
+          }
+        )
+      })
+      describe('when upload to filestore fails', function () {
+        beforeEach(function () {
+          this.writeStream.on = function (type, fn) {
+            if (type === 'response') {
+              fn({ statusCode: 500 })
+            }
+          }
+        })
+
+        it('should callback with an error', function (done) {
+          this.fs.createReadStream.callCount = 0
+          this.fs.createReadStream.returns({
+            pipe() {},
+            on(type, cb) {
+              if (type === 'open') {
+                cb()
+              }
+            },
+          })
+          this.handler.uploadFileFromDisk(
+            this.projectId,
+            this.fileArgs,
+            this.fsPath,
+            err => {
+              expect(err).to.exist
+              expect(err).to.be.instanceof(Error)
+              expect(this.fs.createReadStream.callCount).to.equal(
+                this.handler.RETRY_ATTEMPTS
+              )
+              done()
+            }
+          )
+        })
+      })
+    })
+    describe('when filestore feature is disabled', function () {
+      beforeEach(function () {
+        this.Features.hasFeature.withArgs('filestore').returns(false)
+      })
+      it('should not open file handle', function (done) {
+        this.handler.uploadFileFromDisk(
+          this.projectId,
+          this.fileArgs,
+          this.fsPath,
+          () => {
+            expect(this.fs.createReadStream).to.not.have.been.called
+            done()
+          }
+        )
+      })
+
+      it('should not talk to filestore', function (done) {
+        this.handler.uploadFileFromDisk(
+          this.projectId,
+          this.fileArgs,
+          this.fsPath,
+          () => {
+            expect(this.request).to.not.have.been.called
+            done()
+          }
+        )
+      })
+
+      it('should callback with the url and fileRef', function (done) {
+        const fileUrl = this.getFileUrl(this.projectId, this.fileId)
+        this.handler.uploadFileFromDisk(
+          this.projectId,
+          this.fileArgs,
+          this.fsPath,
+          (err, url, fileRef) => {
+            expect(err).to.not.exist
+            expect(url).to.equal(fileUrl)
+            expect(fileRef._id).to.equal(this.fileId)
+            expect(fileRef.hash).to.equal(this.hashValue)
+            done()
+          }
+        )
+      })
+    })
+
+    describe('symlink', function () {
+      it('should not read file if it is symlink', function (done) {
+        this.fs.lstat = sinon.stub().callsArgWith(1, null, {
+          isFile() {
+            return false
+          },
+          isDirectory() {
+            return false
+          },
+        })
+
+        this.handler.uploadFileFromDisk(
+          this.projectId,
+          this.fileArgs,
+          this.fsPath,
+          () => {
+            this.fs.createReadStream.called.should.equal(false)
+            done()
+          }
+        )
+      })
+
+      it('should not read file stat returns nothing', function (done) {
+        this.fs.lstat = sinon.stub().callsArgWith(1, null, null)
+        this.handler.uploadFileFromDisk(
+          this.projectId,
+          this.fileArgs,
+          this.fsPath,
+          () => {
+            this.fs.createReadStream.called.should.equal(false)
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('deleteFile', function () {
+    it('should send a delete request to filestore api', function (done) {
+      const fileUrl = this.getFileUrl(this.projectId, this.fileId)
+      this.request.callsArgWith(1, null)
+
+      this.handler.deleteFile(this.projectId, this.fileId, err => {
+        assert.equal(err, undefined)
+        this.request.args[0][0].method.should.equal('delete')
+        this.request.args[0][0].uri.should.equal(fileUrl)
+        done()
+      })
+    })
+
+    it('should return the error if there is one', function (done) {
+      const error = 'my error'
+      this.request.callsArgWith(1, error)
+      this.handler.deleteFile(this.projectId, this.fileId, err => {
+        assert.equal(err, error)
+        done()
+      })
+    })
+  })
+
+  describe('deleteProject', function () {
+    describe('when filestore is enabled', function () {
+      beforeEach(function () {
+        this.Features.hasFeature.withArgs('filestore').returns(true)
+      })
+      it('should send a delete request to filestore api', function (done) {
+        const projectUrl = this.getProjectUrl(this.projectId)
+        this.request.callsArgWith(1, null)
+
+        this.handler.deleteProject(this.projectId, err => {
+          assert.equal(err, undefined)
+          this.request.args[0][0].method.should.equal('delete')
+          this.request.args[0][0].uri.should.equal(projectUrl)
+          done()
+        })
+      })
+
+      it('should wrap the error if there is one', function (done) {
+        const error = new Error('my error')
+        this.request.callsArgWith(1, error)
+        this.handler.deleteProject(this.projectId, err => {
+          expect(OError.getFullStack(err)).to.match(
+            /something went wrong deleting a project in filestore/
+          )
+          expect(OError.getFullStack(err)).to.match(/my error/)
+          done()
+        })
+      })
+    })
+    describe('when filestore is disabled', function () {
+      beforeEach(function () {
+        this.Features.hasFeature.withArgs('filestore').returns(false)
+      })
+      it('should not send a delete request to filestore api', function (done) {
+        this.handler.deleteProject(this.projectId, err => {
+          assert.equal(err, undefined)
+          this.request.called.should.equal(false)
+          done()
+        })
+      })
+    })
+  })
+
+  describe('getFileStream', function () {
+    describe('when filestore is disabled', function () {
+      beforeEach(function () {
+        this.Features.hasFeature.withArgs('filestore').returns(false)
+      })
+
+      it('should callback with a NotFoundError', function (done) {
+        this.handler.getFileStream(this.projectId, this.fileId, {}, err => {
+          expect(err).to.be.instanceof(Errors.NotFoundError)
+          done()
+        })
+      })
+
+      it('should not call request', function (done) {
+        this.handler.getFileStream(this.projectId, this.fileId, {}, () => {
+          this.request.called.should.equal(false)
+          done()
+        })
+      })
+    })
+    describe('when filestore is enabled', function () {
+      beforeEach(function () {
+        this.query = {}
+        this.request.returns(this.readStream)
+        this.Features.hasFeature.withArgs('filestore').returns(true)
+      })
+
+      it('should get the stream with the correct params', function (done) {
+        const fileUrl = this.getFileUrl(this.projectId, this.fileId)
+        this.handler.getFileStream(
+          this.projectId,
+          this.fileId,
+          this.query,
+          (err, stream) => {
+            if (err) {
+              return done(err)
+            }
+            this.request.args[0][0].method.should.equal('get')
+            this.request.args[0][0].uri.should.equal(
+              fileUrl + '?from=getFileStream'
+            )
+            done()
+          }
+        )
+      })
+
+      it('should get stream from request', function (done) {
+        this.handler.getFileStream(
+          this.projectId,
+          this.fileId,
+          this.query,
+          (err, stream) => {
+            if (err) {
+              return done(err)
+            }
+            stream.should.equal(this.readStream)
+            done()
+          }
+        )
+      })
+
+      it('should add an error handler', function (done) {
+        this.handler.getFileStream(
+          this.projectId,
+          this.fileId,
+          this.query,
+          (err, stream) => {
+            if (err) {
+              return done(err)
+            }
+            stream.on.calledWith('error').should.equal(true)
+            done()
+          }
+        )
+      })
+
+      describe('when range is specified in query', function () {
+        beforeEach(function () {
+          this.query = { range: '0-10' }
+        })
+
+        it('should add a range header', function (done) {
+          this.handler.getFileStream(
+            this.projectId,
+            this.fileId,
+            this.query,
+            (err, stream) => {
+              if (err) {
+                return done(err)
+              }
+              this.request.callCount.should.equal(1)
+              const { headers } = this.request.firstCall.args[0]
+              expect(headers).to.have.keys('range')
+              expect(headers.range).to.equal('bytes=0-10')
+              done()
+            }
+          )
+        })
+
+        describe('when range is invalid', function () {
+          ;['0-', '-100', 'one-two', 'nonsense'].forEach(r => {
+            beforeEach(function () {
+              this.query = { range: `${r}` }
+            })
+
+            it(`should not add a range header for '${r}'`, function (done) {
+              this.handler.getFileStream(
+                this.projectId,
+                this.fileId,
+                this.query,
+                (err, stream) => {
+                  if (err) {
+                    return done(err)
+                  }
+                  this.request.callCount.should.equal(1)
+                  const { headers } = this.request.firstCall.args[0]
+                  expect(headers).to.not.have.keys('range')
+                  done()
+                }
+              )
+            })
+          })
+        })
+      })
+    })
+  })
+
+  describe('getFileSize', function () {
+    it('returns the file size reported by filestore', function (done) {
+      const expectedFileSize = 32432
+      const fileUrl =
+        this.getFileUrl(this.projectId, this.fileId) + '?from=getFileSize'
+      this.request.head.yields(
+        new Error('request.head() received unexpected arguments')
+      )
+      this.request.head.withArgs(fileUrl).yields(null, {
+        statusCode: 200,
+        headers: {
+          'content-length': expectedFileSize,
+        },
+      })
+
+      this.handler.getFileSize(this.projectId, this.fileId, (err, fileSize) => {
+        if (err) {
+          return done(err)
+        }
+        expect(fileSize).to.equal(expectedFileSize)
+        done()
+      })
+    })
+
+    it('throws a NotFoundError on a 404 from filestore', function (done) {
+      this.request.head.yields(null, { statusCode: 404 })
+
+      this.handler.getFileSize(this.projectId, this.fileId, err => {
+        expect(err).to.be.instanceof(Errors.NotFoundError)
+        done()
+      })
+    })
+
+    it('throws an error on a non-200 from filestore', function (done) {
+      this.request.head.yields(null, { statusCode: 500 })
+
+      this.handler.getFileSize(this.projectId, this.fileId, err => {
+        expect(err).to.be.instanceof(Error)
+        done()
+      })
+    })
+
+    it('rethrows errors from filestore', function (done) {
+      this.request.head.yields(new Error())
+
+      this.handler.getFileSize(this.projectId, this.fileId, err => {
+        expect(err).to.be.instanceof(Error)
+        done()
+      })
+    })
+  })
+
+  describe('copyFile', function () {
+    beforeEach(function () {
+      this.newProjectId = 'new project'
+      this.newFileId = 'new file id'
+    })
+
+    it('should post json', function (done) {
+      const newFileUrl = this.getFileUrl(this.newProjectId, this.newFileId)
+      this.request.callsArgWith(1, null, { statusCode: 200 })
+
+      this.handler.copyFile(
+        this.projectId,
+        this.fileId,
+        this.newProjectId,
+        this.newFileId,
+        () => {
+          this.request.args[0][0].method.should.equal('put')
+          this.request.args[0][0].uri.should.equal(newFileUrl)
+          this.request.args[0][0].json.source.project_id.should.equal(
+            this.projectId
+          )
+          this.request.args[0][0].json.source.file_id.should.equal(this.fileId)
+          done()
+        }
+      )
+    })
+
+    it('returns the url', function (done) {
+      const expectedUrl = this.getFileUrl(this.newProjectId, this.newFileId)
+      this.request.callsArgWith(1, null, { statusCode: 200 })
+      this.handler.copyFile(
+        this.projectId,
+        this.fileId,
+        this.newProjectId,
+        this.newFileId,
+        (err, url) => {
+          if (err) {
+            return done(err)
+          }
+          url.should.equal(expectedUrl)
+          done()
+        }
+      )
+    })
+
+    it('should return the err', function (done) {
+      const error = new Error('error')
+      this.request.callsArgWith(1, error)
+      this.handler.copyFile(
+        this.projectId,
+        this.fileId,
+        this.newProjectId,
+        this.newFileId,
+        err => {
+          err.should.equal(error)
+          done()
+        }
+      )
+    })
+
+    it('should return an error for a non-success statusCode', function (done) {
+      this.request.callsArgWith(1, null, { statusCode: 500 })
+      this.handler.copyFile(
+        this.projectId,
+        this.fileId,
+        this.newProjectId,
+        this.newFileId,
+        err => {
+          err.should.be.an('error')
+          err.message.should.equal(
+            'non-ok response from filestore for copyFile: 500'
+          )
+          done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/HelperFiles/AuthorizationHelperTests.js b/services/web/test/unit/src/HelperFiles/AuthorizationHelperTests.js
new file mode 100644
index 0000000..ef8b5fc
--- /dev/null
+++ b/services/web/test/unit/src/HelperFiles/AuthorizationHelperTests.js
@@ -0,0 +1,134 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../../app/src/Features/Helpers/AuthorizationHelper'
+
+describe('AuthorizationHelper', function () {
+  beforeEach(function () {
+    this.AuthorizationHelper = SandboxedModule.require(modulePath, {
+      requires: {
+        './AdminAuthorizationHelper': (this.AdminAuthorizationHelper = {
+          hasAdminAccess: sinon.stub().returns(false),
+        }),
+        '../../models/User': {
+          UserSchema: {
+            obj: {
+              staffAccess: {
+                publisherMetrics: {},
+                publisherManagement: {},
+                institutionMetrics: {},
+                institutionManagement: {},
+                groupMetrics: {},
+                groupManagement: {},
+                adminMetrics: {},
+              },
+            },
+          },
+        },
+        '../Project/ProjectGetter': (this.ProjectGetter = { promises: {} }),
+        '../SplitTests/SplitTestHandler': (this.SplitTestHandler = {
+          promises: {},
+        }),
+      },
+    })
+  })
+
+  describe('hasAnyStaffAccess', function () {
+    it('with empty user', function () {
+      const user = {}
+      expect(this.AuthorizationHelper.hasAnyStaffAccess(user)).to.be.false
+    })
+
+    it('with no access user', function () {
+      const user = { isAdmin: false, staffAccess: { adminMetrics: false } }
+      expect(this.AuthorizationHelper.hasAnyStaffAccess(user)).to.be.false
+    })
+
+    it('with admin user', function () {
+      const user = { isAdmin: true }
+      this.AdminAuthorizationHelper.hasAdminAccess.returns(true)
+      expect(this.AuthorizationHelper.hasAnyStaffAccess(user)).to.be.false
+    })
+
+    it('with staff user', function () {
+      const user = { staffAccess: { adminMetrics: true, somethingElse: false } }
+      this.AdminAuthorizationHelper.hasAdminAccess.returns(true)
+      expect(this.AuthorizationHelper.hasAnyStaffAccess(user)).to.be.true
+    })
+
+    it('with non-staff user with extra attributes', function () {
+      // make sure that staffAccess attributes not declared on the model don't
+      // give user access
+      const user = { staffAccess: { adminMetrics: false, somethingElse: true } }
+      expect(this.AuthorizationHelper.hasAnyStaffAccess(user)).to.be.false
+    })
+  })
+
+  describe('isReviewerRoleEnabled', function () {
+    it('with no reviewers and no split test', async function () {
+      this.ProjectGetter.promises.getProject = sinon.stub().resolves({
+        reviewer_refs: {},
+        owner_ref: 'ownerId',
+      })
+      this.SplitTestHandler.promises.getAssignmentForUser = sinon
+        .stub()
+        .resolves({
+          variant: 'disabled',
+        })
+      expect(
+        await this.AuthorizationHelper.promises.isReviewerRoleEnabled(
+          'projectId'
+        )
+      ).to.be.false
+    })
+
+    it('with no reviewers and enabled split test', async function () {
+      this.ProjectGetter.promises.getProject = sinon.stub().resolves({
+        reviewer_refs: {},
+        owner_ref: 'userId',
+      })
+      this.SplitTestHandler.promises.getAssignmentForUser = sinon
+        .stub()
+        .resolves({
+          variant: 'enabled',
+        })
+      expect(
+        await this.AuthorizationHelper.promises.isReviewerRoleEnabled(
+          'projectId'
+        )
+      ).to.be.true
+    })
+
+    it('with reviewers and disabled split test', async function () {
+      this.ProjectGetter.promises.getProject = sinon.stub().resolves({
+        reviewer_refs: [{ $oid: 'userId' }],
+      })
+      this.SplitTestHandler.promises.getAssignmentForUser = sinon
+        .stub()
+        .resolves({
+          variant: 'default',
+        })
+      expect(
+        await this.AuthorizationHelper.promises.isReviewerRoleEnabled(
+          'projectId'
+        )
+      ).to.be.true
+    })
+
+    it('with reviewers and enabled split test', async function () {
+      this.ProjectGetter.promises.getProject = sinon.stub().resolves({
+        reviewer_refs: [{ $oid: 'userId' }],
+      })
+      this.SplitTestHandler.promises.getAssignmentForUser = sinon
+        .stub()
+        .resolves({
+          variant: 'enabled',
+        })
+      expect(
+        await this.AuthorizationHelper.promises.isReviewerRoleEnabled(
+          'projectId'
+        )
+      ).to.be.true
+    })
+  })
+})
diff --git a/services/web/test/unit/src/HelperFiles/DiffHelperTests.js b/services/web/test/unit/src/HelperFiles/DiffHelperTests.js
new file mode 100644
index 0000000..518bffc
--- /dev/null
+++ b/services/web/test/unit/src/HelperFiles/DiffHelperTests.js
@@ -0,0 +1,28 @@
+const { expect } = require('chai')
+const {
+  stringSimilarity,
+} = require('../../../../app/src/Features/Helpers/DiffHelper')
+
+describe('DiffHelper', function () {
+  describe('stringSimilarity', function () {
+    it('should have a ratio of 1 for identical strings', function () {
+      expect(stringSimilarity('abcdef', 'abcdef')).to.equal(1.0)
+    })
+
+    it('should have a ratio of 0 for completely different strings', function () {
+      expect(stringSimilarity('abcdef', 'qmglzxv')).to.equal(0.0)
+    })
+
+    it('should have a ratio of between 0 and 1 for strings that are similar', function () {
+      const ratio = stringSimilarity('abcdef', 'abcdef@zxvkp')
+      expect(ratio).to.equal(0.66)
+    })
+
+    it('should reject non-string inputs', function () {
+      expect(() => stringSimilarity(1, 'abc')).to.throw
+      expect(() => stringSimilarity('abc', 2)).to.throw
+      expect(() => stringSimilarity('abc', new Array(1000).fill('a').join('')))
+        .to.throw
+    })
+  })
+})
diff --git a/services/web/test/unit/src/HelperFiles/EmailHelperTests.js b/services/web/test/unit/src/HelperFiles/EmailHelperTests.js
new file mode 100644
index 0000000..2d56b7c
--- /dev/null
+++ b/services/web/test/unit/src/HelperFiles/EmailHelperTests.js
@@ -0,0 +1,56 @@
+const { expect } = require('chai')
+const {
+  parseEmail,
+} = require('../../../../app/src/Features/Helpers/EmailHelper')
+
+describe('EmailHelper', function () {
+  it('should parse a single email', function () {
+    const address = 'test@example.com'
+    const expected = 'test@example.com'
+    expect(parseEmail(address)).to.equal(expected)
+    expect(parseEmail(address, true)).to.equal(expected)
+  })
+
+  it('should parse a valid email address', function () {
+    const address = '"Test Person" <test@example.com>'
+    const expected = 'test@example.com'
+    expect(parseEmail(address)).to.equal(null)
+    expect(parseEmail(address, true)).to.equal(expected)
+  })
+
+  it('should return null for garbage input', function () {
+    const cases = [
+      undefined,
+      null,
+      '',
+      42,
+      ['test@example.com'],
+      {},
+      { length: 42 },
+      { trim: true, match: true },
+      { toString: true },
+    ]
+    for (const input of cases) {
+      expect(parseEmail(input)).to.equal(null, input)
+      expect(parseEmail(input, true)).to.equal(null, input)
+    }
+  })
+
+  it('should return null for an invalid single email', function () {
+    const address = 'testexample.com'
+    expect(parseEmail(address)).to.equal(null)
+    expect(parseEmail(address, true)).to.equal(null)
+  })
+
+  it('should return null for an invalid email address', function () {
+    const address = '"Test Person" test@example.com>'
+    expect(parseEmail(address)).to.equal(null)
+    expect(parseEmail(address, true)).to.equal(null)
+  })
+
+  it('should return null for a group of addresses', function () {
+    const address = 'Group name:test1@example.com,test2@example.com;'
+    expect(parseEmail(address)).to.equal(null)
+    expect(parseEmail(address, true)).to.equal(null)
+  })
+})
diff --git a/services/web/test/unit/src/HelperFiles/SafeHTMLSubstituteTests.js b/services/web/test/unit/src/HelperFiles/SafeHTMLSubstituteTests.js
new file mode 100644
index 0000000..8bd093c
--- /dev/null
+++ b/services/web/test/unit/src/HelperFiles/SafeHTMLSubstituteTests.js
@@ -0,0 +1,156 @@
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const MODULE_PATH = require('path').join(
+  __dirname,
+  '../../../../app/src/Features/Helpers/SafeHTMLSubstitution.js'
+)
+
+describe('SafeHTMLSubstitution', function () {
+  let SafeHTMLSubstitution
+  before(function () {
+    SafeHTMLSubstitution = SandboxedModule.require(MODULE_PATH)
+  })
+
+  describe('SPLIT_REGEX', function () {
+    const CASES = {
+      'PRE<0>INNER</0>POST': ['PRE', '0', 'INNER', 'POST'],
+      '<0>INNER</0>': ['', '0', 'INNER', ''],
+      '<0></0>': ['', '0', '', ''],
+      '<0>INNER</0><0>INNER2</0>': ['', '0', 'INNER', '', '0', 'INNER2', ''],
+      '<0><1>INNER</1></0>': ['', '0', '<1>INNER</1>', ''],
+      'PLAIN TEXT': ['PLAIN TEXT'],
+    }
+    Object.entries(CASES).forEach(([input, output]) => {
+      it(`should parse "${input}" as expected`, function () {
+        expect(input.split(SafeHTMLSubstitution.SPLIT_REGEX)).to.deep.equal(
+          output
+        )
+      })
+    })
+  })
+
+  describe('render', function () {
+    describe('substitution', function () {
+      it('should substitute a single component', function () {
+        expect(
+          SafeHTMLSubstitution.render('<0>good</0>', [{ name: 'b' }])
+        ).to.equal('<b>good</b>')
+      })
+
+      it('should substitute a single component as string', function () {
+        expect(SafeHTMLSubstitution.render('<0>good</0>', ['b'])).to.equal(
+          '<b>good</b>'
+        )
+      })
+
+      it('should substitute a single component twice', function () {
+        expect(
+          SafeHTMLSubstitution.render('<0>one</0><0>two</0>', [{ name: 'b' }])
+        ).to.equal('<b>one</b><b>two</b>')
+      })
+
+      it('should substitute two components', function () {
+        expect(
+          SafeHTMLSubstitution.render('<0>one</0><1>two</1>', [
+            { name: 'b' },
+            { name: 'i' },
+          ])
+        ).to.equal('<b>one</b><i>two</i>')
+      })
+
+      it('should substitute a single component with a class', function () {
+        expect(
+          SafeHTMLSubstitution.render('<0>text</0>', [
+            {
+              name: 'b',
+              attrs: {
+                class: 'magic',
+              },
+            },
+          ])
+        ).to.equal('<b class="magic">text</b>')
+      })
+
+      it('should substitute two nested components', function () {
+        expect(
+          SafeHTMLSubstitution.render('<0><1>nested</1></0>', [
+            { name: 'b' },
+            { name: 'i' },
+          ])
+        ).to.equal('<b><i>nested</i></b>')
+      })
+
+      it('should handle links', function () {
+        expect(
+          SafeHTMLSubstitution.render('<0>Go to Login</0>', [
+            { name: 'a', attrs: { href: 'https://www.overleaf.com/login' } },
+          ])
+        ).to.equal('<a href="https://www.overleaf.com/login">Go to Login</a>')
+      })
+
+      it('should not complain about too many components', function () {
+        expect(
+          SafeHTMLSubstitution.render('<0>good</0>', [
+            { name: 'b' },
+            { name: 'i' },
+            { name: 'u' },
+          ])
+        ).to.equal('<b>good</b>')
+      })
+    })
+
+    describe('pug.escape', function () {
+      it('should handle plain text', function () {
+        expect(SafeHTMLSubstitution.render('plain text')).to.equal('plain text')
+      })
+
+      it('should keep a simple string delimiter', function () {
+        expect(SafeHTMLSubstitution.render("'")).to.equal(`'`)
+      })
+
+      it('should escape double quotes', function () {
+        expect(SafeHTMLSubstitution.render('"')).to.equal(`&quot;`)
+      })
+
+      it('should escape &', function () {
+        expect(SafeHTMLSubstitution.render('&')).to.equal(`&amp;`)
+      })
+
+      it('should escape <', function () {
+        expect(SafeHTMLSubstitution.render('<')).to.equal(`&lt;`)
+      })
+
+      it('should escape >', function () {
+        expect(SafeHTMLSubstitution.render('>')).to.equal(`&gt;`)
+      })
+
+      it('should escape html', function () {
+        expect(SafeHTMLSubstitution.render('<b>bad</b>')).to.equal(
+          '&lt;b&gt;bad&lt;/b&gt;'
+        )
+      })
+    })
+
+    describe('escape around substitutions', function () {
+      it('should escape text inside a component', function () {
+        expect(
+          SafeHTMLSubstitution.render('<0><i>inner</i></0>', [{ name: 'b' }])
+        ).to.equal('<b>&lt;i&gt;inner&lt;/i&gt;</b>')
+      })
+
+      it('should escape text in front of a component', function () {
+        expect(
+          SafeHTMLSubstitution.render('<i>PRE</i><0>inner</0>', [{ name: 'b' }])
+        ).to.equal('&lt;i&gt;PRE&lt;/i&gt;<b>inner</b>')
+      })
+
+      it('should escape text after of a component', function () {
+        expect(
+          SafeHTMLSubstitution.render('<0>inner</0><i>POST</i>', [
+            { name: 'b' },
+          ])
+        ).to.equal('<b>inner</b>&lt;i&gt;POST&lt;/i&gt;')
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/HelperFiles/UrlHelperTests.js b/services/web/test/unit/src/HelperFiles/UrlHelperTests.js
new file mode 100644
index 0000000..455b99d
--- /dev/null
+++ b/services/web/test/unit/src/HelperFiles/UrlHelperTests.js
@@ -0,0 +1,44 @@
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const modulePath = require('path').join(
+  __dirname,
+  '../../../../app/src/Features/Helpers/UrlHelper.js'
+)
+
+describe('UrlHelper', function () {
+  beforeEach(function () {
+    this.settings = {
+      apis: { linkedUrlProxy: { url: undefined } },
+      siteUrl: 'http://127.0.0.1:3000',
+    }
+    this.UrlHelper = SandboxedModule.require(modulePath, {
+      requires: { '@overleaf/settings': this.settings },
+    })
+  })
+  describe('getSafeRedirectPath', function () {
+    it('sanitize redirect path to prevent open redirects', function () {
+      expect(this.UrlHelper.getSafeRedirectPath('https://evil.com')).to.be
+        .undefined
+
+      expect(this.UrlHelper.getSafeRedirectPath('//evil.com')).to.be.undefined
+
+      expect(this.UrlHelper.getSafeRedirectPath('//ol.com/evil')).to.equal(
+        '/evil'
+      )
+
+      expect(this.UrlHelper.getSafeRedirectPath('////evil.com')).to.be.undefined
+
+      expect(this.UrlHelper.getSafeRedirectPath('%2F%2Fevil.com')).to.equal(
+        '/%2F%2Fevil.com'
+      )
+
+      expect(
+        this.UrlHelper.getSafeRedirectPath('http://foo.com//evil.com/bad')
+      ).to.equal('/evil.com/bad')
+
+      return expect(this.UrlHelper.getSafeRedirectPath('.evil.com')).to.equal(
+        '/.evil.com'
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/History/HistoryControllerTests.js b/services/web/test/unit/src/History/HistoryControllerTests.js
new file mode 100644
index 0000000..f575859
--- /dev/null
+++ b/services/web/test/unit/src/History/HistoryControllerTests.js
@@ -0,0 +1,265 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const { RequestFailedError } = require('@overleaf/fetch-utils')
+
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+
+const modulePath = '../../../../app/src/Features/History/HistoryController'
+const SandboxedModule = require('sandboxed-module')
+const { ObjectId } = require('mongodb-legacy')
+
+describe('HistoryController', function () {
+  beforeEach(function () {
+    this.callback = sinon.stub()
+    this.user_id = 'user-id-123'
+    this.project_id = 'mock-project-id'
+    this.stream = sinon.stub()
+    this.fetchResponse = {
+      headers: {
+        get: sinon.stub(),
+      },
+    }
+    this.next = sinon.stub()
+
+    this.SessionManager = {
+      getLoggedInUserId: sinon.stub().returns(this.user_id),
+    }
+
+    this.Stream = {
+      pipeline: sinon.stub().resolves(),
+    }
+
+    this.HistoryManager = {
+      promises: {
+        injectUserDetails: sinon.stub(),
+      },
+    }
+
+    this.ProjectEntityUpdateHandler = {
+      promises: {
+        resyncProjectHistory: sinon.stub().resolves(),
+      },
+    }
+
+    this.fetchJson = sinon.stub()
+    this.fetchStream = sinon.stub().resolves(this.stream)
+    this.fetchStreamWithResponse = sinon
+      .stub()
+      .resolves({ stream: this.stream, response: this.fetchResponse })
+    this.fetchNothing = sinon.stub().resolves()
+
+    this.HistoryController = SandboxedModule.require(modulePath, {
+      requires: {
+        'stream/promises': this.Stream,
+        '@overleaf/settings': (this.settings = {}),
+        '@overleaf/fetch-utils': {
+          fetchJson: this.fetchJson,
+          fetchStream: this.fetchStream,
+          fetchStreamWithResponse: this.fetchStreamWithResponse,
+          fetchNothing: this.fetchNothing,
+        },
+        '@overleaf/Metrics': {},
+        '../../infrastructure/mongodb': { ObjectId },
+        '../Authentication/SessionManager': this.SessionManager,
+        './HistoryManager': this.HistoryManager,
+        '../Project/ProjectDetailsHandler': (this.ProjectDetailsHandler = {}),
+        '../Project/ProjectEntityUpdateHandler':
+          this.ProjectEntityUpdateHandler,
+        '../User/UserGetter': (this.UserGetter = {}),
+        '../Project/ProjectGetter': (this.ProjectGetter = {}),
+        './RestoreManager': (this.RestoreManager = {}),
+        '../../infrastructure/Features': (this.Features = sinon
+          .stub()
+          .withArgs('saas')
+          .returns(true)),
+      },
+    })
+    this.settings.apis = {
+      project_history: {
+        url: 'http://project_history.example.com',
+      },
+    }
+  })
+
+  describe('proxyToHistoryApi', function () {
+    beforeEach(async function () {
+      this.req = { url: '/mock/url', method: 'POST', session: sinon.stub() }
+      this.res = {
+        set: sinon.stub(),
+      }
+      this.contentType = 'application/json'
+      this.contentLength = 212
+      this.fetchResponse.headers.get
+        .withArgs('Content-Type')
+        .returns(this.contentType)
+      this.fetchResponse.headers.get
+        .withArgs('Content-Length')
+        .returns(this.contentLength)
+      await this.HistoryController.proxyToHistoryApi(
+        this.req,
+        this.res,
+        this.next
+      )
+    })
+
+    it('should get the user id', function () {
+      this.SessionManager.getLoggedInUserId.should.have.been.calledWith(
+        this.req.session
+      )
+    })
+
+    it('should call the project history api', function () {
+      this.fetchStreamWithResponse.should.have.been.calledWith(
+        `${this.settings.apis.project_history.url}${this.req.url}`,
+        {
+          method: this.req.method,
+          headers: {
+            'X-User-Id': this.user_id,
+          },
+        }
+      )
+    })
+
+    it('should pipe the response to the client', function () {
+      expect(this.Stream.pipeline).to.have.been.calledWith(
+        this.stream,
+        this.res
+      )
+    })
+
+    it('should propagate the appropriate headers', function () {
+      expect(this.res.set).to.have.been.calledWith(
+        'Content-Type',
+        this.contentType
+      )
+      expect(this.res.set).to.have.been.calledWith(
+        'Content-Length',
+        this.contentLength
+      )
+    })
+  })
+
+  describe('proxyToHistoryApiAndInjectUserDetails', function () {
+    beforeEach(async function () {
+      this.req = { url: '/mock/url', method: 'POST' }
+      this.res = { json: sinon.stub() }
+      this.data = 'mock-data'
+      this.dataWithUsers = 'mock-injected-data'
+      this.fetchJson.resolves(this.data)
+      this.HistoryManager.promises.injectUserDetails.resolves(
+        this.dataWithUsers
+      )
+      await this.HistoryController.proxyToHistoryApiAndInjectUserDetails(
+        this.req,
+        this.res,
+        this.next
+      )
+    })
+
+    it('should get the user id', function () {
+      this.SessionManager.getLoggedInUserId.should.have.been.calledWith(
+        this.req.session
+      )
+    })
+
+    it('should call the project history api', function () {
+      this.fetchJson.should.have.been.calledWith(
+        `${this.settings.apis.project_history.url}${this.req.url}`,
+        {
+          method: this.req.method,
+          headers: {
+            'X-User-Id': this.user_id,
+          },
+        }
+      )
+    })
+
+    it('should inject the user data', function () {
+      this.HistoryManager.promises.injectUserDetails.should.have.been.calledWith(
+        this.data
+      )
+    })
+
+    it('should return the data with users to the client', function () {
+      this.res.json.should.have.been.calledWith(this.dataWithUsers)
+    })
+  })
+
+  describe('proxyToHistoryApiAndInjectUserDetails (with the history API failing)', function () {
+    beforeEach(async function () {
+      this.url = '/mock/url'
+      this.req = { url: this.url, method: 'POST' }
+      this.res = { json: sinon.stub() }
+      this.err = new RequestFailedError(this.url, {}, { status: 500 })
+      this.fetchJson.rejects(this.err)
+      await this.HistoryController.proxyToHistoryApiAndInjectUserDetails(
+        this.req,
+        this.res,
+        this.next
+      )
+    })
+
+    it('should not inject the user data', function () {
+      this.HistoryManager.promises.injectUserDetails.should.not.have.been.called
+    })
+
+    it('should not return the data with users to the client', function () {
+      this.res.json.should.not.have.been.called
+    })
+
+    it('should throw an error', function () {
+      this.next.should.have.been.calledWith(this.err)
+    })
+  })
+
+  describe('resyncProjectHistory', function () {
+    describe('for a project without project-history enabled', function () {
+      beforeEach(async function () {
+        this.req = { params: { Project_id: this.project_id }, body: {} }
+        this.res = { setTimeout: sinon.stub(), sendStatus: sinon.stub() }
+
+        this.error = new Errors.ProjectHistoryDisabledError()
+        this.ProjectEntityUpdateHandler.promises.resyncProjectHistory.rejects(
+          this.error
+        )
+
+        await this.HistoryController.resyncProjectHistory(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('response with a 404', function () {
+        this.res.sendStatus.should.have.been.calledWith(404)
+      })
+    })
+
+    describe('for a project with project-history enabled', function () {
+      beforeEach(async function () {
+        this.req = { params: { Project_id: this.project_id }, body: {} }
+        this.res = { setTimeout: sinon.stub(), sendStatus: sinon.stub() }
+
+        await this.HistoryController.resyncProjectHistory(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('sets an extended response timeout', function () {
+        this.res.setTimeout.should.have.been.calledWith(6 * 60 * 1000)
+      })
+
+      it('resyncs the project', function () {
+        this.ProjectEntityUpdateHandler.promises.resyncProjectHistory.should.have.been.calledWith(
+          this.project_id
+        )
+      })
+
+      it('responds with a 204', function () {
+        this.res.sendStatus.should.have.been.calledWith(204)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/History/HistoryManagerTests.js b/services/web/test/unit/src/History/HistoryManagerTests.js
new file mode 100644
index 0000000..bfb13fe
--- /dev/null
+++ b/services/web/test/unit/src/History/HistoryManagerTests.js
@@ -0,0 +1,303 @@
+const { expect } = require('chai')
+const sinon = require('sinon')
+const SandboxedModule = require('sandboxed-module')
+const { ObjectId } = require('mongodb-legacy')
+
+const MODULE_PATH = '../../../../app/src/Features/History/HistoryManager'
+
+describe('HistoryManager', function () {
+  beforeEach(function () {
+    this.user_id = 'user-id-123'
+    this.historyId = new ObjectId().toString()
+    this.AuthenticationController = {
+      getLoggedInUserId: sinon.stub().returns(this.user_id),
+    }
+    this.FetchUtils = {
+      fetchJson: sinon.stub(),
+      fetchNothing: sinon.stub().resolves(),
+    }
+    this.projectHistoryUrl = 'http://project_history.example.com'
+    this.v1HistoryUrl = 'http://v1_history.example.com'
+    this.v1HistoryUser = 'system'
+    this.v1HistoryPassword = 'verysecret'
+    this.settings = {
+      apis: {
+        project_history: {
+          url: this.projectHistoryUrl,
+        },
+        v1_history: {
+          url: this.v1HistoryUrl,
+          user: this.v1HistoryUser,
+          pass: this.v1HistoryPassword,
+        },
+      },
+    }
+
+    this.UserGetter = {
+      promises: {
+        getUsersByV1Ids: sinon.stub(),
+        getUsers: sinon.stub(),
+      },
+    }
+
+    this.project = {
+      overleaf: {
+        history: {
+          id: this.historyId,
+        },
+      },
+    }
+
+    this.ProjectGetter = {
+      promises: {
+        getProject: sinon.stub().resolves(this.project),
+      },
+    }
+
+    this.HistoryBackupDeletionHandler = {
+      deleteProject: sinon.stub().resolves(),
+    }
+
+    this.HistoryManager = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '../../infrastructure/mongodb': { ObjectId },
+        '@overleaf/fetch-utils': this.FetchUtils,
+        '@overleaf/settings': this.settings,
+        '../User/UserGetter': this.UserGetter,
+        '../Project/ProjectGetter': this.ProjectGetter,
+        './HistoryBackupDeletionHandler': this.HistoryBackupDeletionHandler,
+      },
+    })
+  })
+
+  describe('initializeProject', function () {
+    beforeEach(function () {
+      this.settings.apis.project_history.initializeHistoryForNewProjects = true
+    })
+
+    describe('project history returns a successful response', function () {
+      beforeEach(async function () {
+        this.FetchUtils.fetchJson.resolves({ project: { id: this.historyId } })
+        this.result = await this.HistoryManager.promises.initializeProject(
+          this.historyId
+        )
+      })
+
+      it('should call the project history api', function () {
+        this.FetchUtils.fetchJson.should.have.been.calledWithMatch(
+          `${this.settings.apis.project_history.url}/project`,
+          { method: 'POST' }
+        )
+      })
+
+      it('should return the overleaf id', function () {
+        expect(this.result).to.equal(this.historyId)
+      })
+    })
+
+    describe('project history returns a response without the project id', function () {
+      it('should throw an error', async function () {
+        this.FetchUtils.fetchJson.resolves({ project: {} })
+        await expect(
+          this.HistoryManager.promises.initializeProject(this.historyId)
+        ).to.be.rejected
+      })
+    })
+
+    describe('project history errors', function () {
+      it('should propagate the error', async function () {
+        this.FetchUtils.fetchJson.rejects(new Error('problem connecting'))
+        await expect(
+          this.HistoryManager.promises.initializeProject(this.historyId)
+        ).to.be.rejected
+      })
+    })
+  })
+
+  describe('injectUserDetails', function () {
+    beforeEach(function () {
+      this.user1 = {
+        _id: (this.user_id1 = '123456'),
+        first_name: 'Jane',
+        last_name: 'Doe',
+        email: 'jane@example.com',
+        overleaf: { id: 5011 },
+      }
+      this.user1_view = {
+        id: this.user_id1,
+        first_name: 'Jane',
+        last_name: 'Doe',
+        email: 'jane@example.com',
+      }
+      this.user2 = {
+        _id: (this.user_id2 = 'abcdef'),
+        first_name: 'John',
+        last_name: 'Doe',
+        email: 'john@example.com',
+      }
+      this.user2_view = {
+        id: this.user_id2,
+        first_name: 'John',
+        last_name: 'Doe',
+        email: 'john@example.com',
+      }
+      this.UserGetter.promises.getUsersByV1Ids.resolves([this.user1])
+      this.UserGetter.promises.getUsers.resolves([this.user1, this.user2])
+    })
+
+    describe('with a diff', function () {
+      it('should turn user_ids into user objects', async function () {
+        const diff = await this.HistoryManager.promises.injectUserDetails({
+          diff: [
+            {
+              i: 'foo',
+              meta: {
+                users: [this.user_id1],
+              },
+            },
+            {
+              i: 'bar',
+              meta: {
+                users: [this.user_id2],
+              },
+            },
+          ],
+        })
+        expect(diff.diff[0].meta.users).to.deep.equal([this.user1_view])
+        expect(diff.diff[1].meta.users).to.deep.equal([this.user2_view])
+      })
+
+      it('should handle v1 user ids', async function () {
+        const diff = await this.HistoryManager.promises.injectUserDetails({
+          diff: [
+            {
+              i: 'foo',
+              meta: {
+                users: [5011],
+              },
+            },
+            {
+              i: 'bar',
+              meta: {
+                users: [this.user_id2],
+              },
+            },
+          ],
+        })
+        expect(diff.diff[0].meta.users).to.deep.equal([this.user1_view])
+        expect(diff.diff[1].meta.users).to.deep.equal([this.user2_view])
+      })
+
+      it('should leave user objects', async function () {
+        const diff = await this.HistoryManager.promises.injectUserDetails({
+          diff: [
+            {
+              i: 'foo',
+              meta: {
+                users: [this.user1_view],
+              },
+            },
+            {
+              i: 'bar',
+              meta: {
+                users: [this.user_id2],
+              },
+            },
+          ],
+        })
+        expect(diff.diff[0].meta.users).to.deep.equal([this.user1_view])
+        expect(diff.diff[1].meta.users).to.deep.equal([this.user2_view])
+      })
+
+      it('should handle a binary diff marker', async function () {
+        const diff = await this.HistoryManager.promises.injectUserDetails({
+          diff: { binary: true },
+        })
+        expect(diff.diff.binary).to.be.true
+      })
+    })
+
+    describe('with a list of updates', function () {
+      it('should turn user_ids into user objects', async function () {
+        const updates = await this.HistoryManager.promises.injectUserDetails({
+          updates: [
+            {
+              fromV: 5,
+              toV: 8,
+              meta: {
+                users: [this.user_id1],
+              },
+            },
+            {
+              fromV: 4,
+              toV: 5,
+              meta: {
+                users: [this.user_id2],
+              },
+            },
+          ],
+        })
+        expect(updates.updates[0].meta.users).to.deep.equal([this.user1_view])
+        expect(updates.updates[1].meta.users).to.deep.equal([this.user2_view])
+      })
+
+      it('should leave user objects', async function () {
+        const updates = await this.HistoryManager.promises.injectUserDetails({
+          updates: [
+            {
+              fromV: 5,
+              toV: 8,
+              meta: {
+                users: [this.user1_view],
+              },
+            },
+            {
+              fromV: 4,
+              toV: 5,
+              meta: {
+                users: [this.user_id2],
+              },
+            },
+          ],
+        })
+        expect(updates.updates[0].meta.users).to.deep.equal([this.user1_view])
+        expect(updates.updates[1].meta.users).to.deep.equal([this.user2_view])
+      })
+    })
+  })
+
+  describe('deleteProject', function () {
+    const projectId = new ObjectId()
+    const historyId = new ObjectId()
+
+    beforeEach(async function () {
+      await this.HistoryManager.promises.deleteProject(projectId, historyId)
+    })
+
+    it('should call the project-history service', async function () {
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWith(
+        `${this.projectHistoryUrl}/project/${projectId}`,
+        { method: 'DELETE' }
+      )
+    })
+
+    it('should call the v1-history service', async function () {
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWith(
+        `${this.v1HistoryUrl}/projects/${historyId}`,
+        {
+          method: 'DELETE',
+          basicAuth: {
+            user: this.v1HistoryUser,
+            password: this.v1HistoryPassword,
+          },
+        }
+      )
+    })
+
+    it('should call the history-backup-deletion service', async function () {
+      expect(
+        this.HistoryBackupDeletionHandler.deleteProject
+      ).to.have.been.calledWith(projectId)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/History/RestoreManagerTests.js b/services/web/test/unit/src/History/RestoreManagerTests.js
new file mode 100644
index 0000000..2474425
--- /dev/null
+++ b/services/web/test/unit/src/History/RestoreManagerTests.js
@@ -0,0 +1,869 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const modulePath = require('path').join(
+  __dirname,
+  '../../../../app/src/Features/History/RestoreManager'
+)
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+const tk = require('timekeeper')
+const moment = require('moment')
+const { expect } = require('chai')
+
+describe('RestoreManager', function () {
+  beforeEach(function () {
+    tk.freeze(Date.now()) // freeze the time for these tests
+    this.RestoreManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': {},
+        '../../infrastructure/FileWriter': (this.FileWriter = { promises: {} }),
+        '../Uploads/FileSystemImportManager': (this.FileSystemImportManager = {
+          promises: {},
+        }),
+        '../Editor/EditorController': (this.EditorController = {
+          promises: {},
+        }),
+        '../Project/ProjectLocator': (this.ProjectLocator = { promises: {} }),
+        '../DocumentUpdater/DocumentUpdaterHandler':
+          (this.DocumentUpdaterHandler = {
+            promises: { flushProjectToMongo: sinon.stub().resolves() },
+          }),
+        '../Docstore/DocstoreManager': (this.DocstoreManager = {
+          promises: {},
+        }),
+        '../Chat/ChatApiHandler': (this.ChatApiHandler = { promises: {} }),
+        '../Chat/ChatManager': (this.ChatManager = { promises: {} }),
+        '../Editor/EditorRealTimeController': (this.EditorRealTimeController =
+          {}),
+        '../Project/ProjectGetter': (this.ProjectGetter = { promises: {} }),
+        '../Project/ProjectEntityHandler': (this.ProjectEntityHandler = {
+          promises: {},
+        }),
+      },
+    })
+    this.user_id = 'mock-user-id'
+    this.project_id = 'mock-project-id'
+    this.version = 42
+  })
+
+  afterEach(function () {
+    tk.reset()
+  })
+
+  describe('restoreFileFromV2', function () {
+    beforeEach(function () {
+      this.RestoreManager.promises._writeFileVersionToDisk = sinon
+        .stub()
+        .resolves((this.fsPath = '/tmp/path/on/disk'))
+      this.RestoreManager.promises._findOrCreateFolder = sinon
+        .stub()
+        .resolves((this.folder_id = 'mock-folder-id'))
+      this.FileSystemImportManager.promises.addEntity = sinon
+        .stub()
+        .resolves((this.entity = 'mock-entity'))
+    })
+
+    describe('with a file not in a folder', function () {
+      beforeEach(async function () {
+        this.pathname = 'foo.tex'
+        this.result = await this.RestoreManager.promises.restoreFileFromV2(
+          this.user_id,
+          this.project_id,
+          this.version,
+          this.pathname
+        )
+      })
+
+      it('should write the file version to disk', function () {
+        this.RestoreManager.promises._writeFileVersionToDisk
+          .calledWith(this.project_id, this.version, this.pathname)
+          .should.equal(true)
+      })
+
+      it('should find the root folder', function () {
+        this.RestoreManager.promises._findOrCreateFolder
+          .calledWith(this.project_id, '', this.user_id)
+          .should.equal(true)
+      })
+
+      it('should add the entity', function () {
+        this.FileSystemImportManager.promises.addEntity
+          .calledWith(
+            this.user_id,
+            this.project_id,
+            this.folder_id,
+            'foo.tex',
+            this.fsPath,
+            false
+          )
+          .should.equal(true)
+      })
+
+      it('should return the entity', function () {
+        expect(this.result).to.equal(this.entity)
+      })
+    })
+
+    describe('with a file in a folder', function () {
+      beforeEach(async function () {
+        this.pathname = 'foo/bar.tex'
+        await this.RestoreManager.promises.restoreFileFromV2(
+          this.user_id,
+          this.project_id,
+          this.version,
+          this.pathname
+        )
+      })
+
+      it('should find the folder', function () {
+        this.RestoreManager.promises._findOrCreateFolder
+          .calledWith(this.project_id, 'foo', this.user_id)
+          .should.equal(true)
+      })
+
+      it('should add the entity by its basename', function () {
+        this.FileSystemImportManager.promises.addEntity
+          .calledWith(
+            this.user_id,
+            this.project_id,
+            this.folder_id,
+            'bar.tex',
+            this.fsPath,
+            false
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('_findOrCreateFolder', function () {
+    beforeEach(async function () {
+      this.EditorController.promises.mkdirp = sinon.stub().resolves({
+        newFolders: [],
+        lastFolder: { _id: (this.folder_id = 'mock-folder-id') },
+      })
+      this.result = await this.RestoreManager.promises._findOrCreateFolder(
+        this.project_id,
+        'folder/name',
+        this.user_id
+      )
+    })
+
+    it('should look up or create the folder', function () {
+      this.EditorController.promises.mkdirp
+        .calledWith(this.project_id, 'folder/name', this.user_id)
+        .should.equal(true)
+    })
+
+    it('should return the folder_id', function () {
+      expect(this.result).to.equal(this.folder_id)
+    })
+  })
+
+  describe('_addEntityWithUniqueName', function () {
+    beforeEach(function () {
+      this.addEntityWithName = sinon.stub()
+      this.name = 'foo.tex'
+    })
+
+    describe('with a valid name', function () {
+      beforeEach(async function () {
+        this.addEntityWithName.resolves((this.entity = 'mock-entity'))
+        this.result =
+          await this.RestoreManager.promises._addEntityWithUniqueName(
+            this.addEntityWithName,
+            this.name
+          )
+      })
+
+      it('should add the entity', function () {
+        this.addEntityWithName.calledWith(this.name).should.equal(true)
+      })
+
+      it('should return the entity', function () {
+        expect(this.result).to.equal(this.entity)
+      })
+    })
+
+    describe('with a duplicate name', function () {
+      beforeEach(async function () {
+        this.addEntityWithName.rejects(new Errors.DuplicateNameError())
+        this.addEntityWithName
+          .onSecondCall()
+          .resolves((this.entity = 'mock-entity'))
+        this.result =
+          await this.RestoreManager.promises._addEntityWithUniqueName(
+            this.addEntityWithName,
+            this.name
+          )
+      })
+
+      it('should try to add the entity with its original name', function () {
+        this.addEntityWithName.calledWith('foo.tex').should.equal(true)
+      })
+
+      it('should try to add the entity with a unique name', function () {
+        const date = moment(new Date()).format('Do MMM YY H:mm:ss')
+        this.addEntityWithName
+          .calledWith(`foo (Restored on ${date}).tex`)
+          .should.equal(true)
+      })
+
+      it('should return the entity', function () {
+        expect(this.result).to.equal(this.entity)
+      })
+    })
+  })
+
+  describe('revertFile', function () {
+    beforeEach(function () {
+      this.ProjectGetter.promises.getProject = sinon.stub()
+      this.ProjectGetter.promises.getProject
+        .withArgs(this.project_id)
+        .resolves({ overleaf: { history: { rangesSupportEnabled: true } } })
+      this.RestoreManager.promises._writeFileVersionToDisk = sinon
+        .stub()
+        .resolves((this.fsPath = '/tmp/path/on/disk'))
+      this.RestoreManager.promises._findOrCreateFolder = sinon
+        .stub()
+        .resolves((this.folder_id = 'mock-folder-id'))
+      this.FileSystemImportManager.promises.addEntity = sinon
+        .stub()
+        .resolves((this.entity = 'mock-entity'))
+      this.RestoreManager.promises._getRangesFromHistory = sinon
+        .stub()
+        .rejects()
+      this.RestoreManager.promises._getMetadataFromHistory = sinon
+        .stub()
+        .resolves({ metadata: undefined })
+    })
+
+    describe('reverting a project without ranges support', function () {
+      beforeEach(function () {
+        this.ProjectGetter.promises.getProject = sinon.stub().resolves({
+          overleaf: { history: { rangesSupportEnabled: false } },
+        })
+      })
+
+      it('should throw an error', async function () {
+        await expect(
+          this.RestoreManager.promises.revertFile(
+            this.user_id,
+            this.project_id,
+            this.version,
+            this.pathname
+          )
+        ).to.eventually.be.rejectedWith('project does not have ranges support')
+      })
+    })
+
+    describe('reverting a document with ranges', function () {
+      beforeEach(function () {
+        this.pathname = 'foo.tex'
+        this.comments = [
+          { op: { t: 'comment-in-other-doc', p: 0, c: 'foo' } },
+          { op: { t: 'single-comment', p: 10, c: 'bar' } },
+          { op: { t: 'deleted-comment', p: 20, c: 'baz' } },
+        ]
+        this.remappedComments = [
+          { op: { t: 'duplicate-comment', p: 0, c: 'foo' } },
+          { op: { t: 'single-comment', p: 10, c: 'bar' } },
+        ]
+        this.ProjectLocator.promises.findElementByPath = sinon.stub().rejects()
+        this.DocstoreManager.promises.getAllRanges = sinon.stub().resolves([
+          {
+            ranges: {
+              comments: this.comments.slice(0, 1),
+            },
+          },
+        ])
+        this.ChatApiHandler.promises.duplicateCommentThreads = sinon
+          .stub()
+          .resolves({
+            newThreads: {
+              'comment-in-other-doc': {
+                duplicateId: 'duplicate-comment',
+              },
+            },
+          })
+        this.ChatApiHandler.promises.generateThreadData = sinon.stub().resolves(
+          (this.threadData = {
+            'single-comment': {
+              messages: [
+                {
+                  content: 'message-content',
+                  timestamp: '2024-01-01T00:00:00.000Z',
+                  user_id: 'user-1',
+                },
+              ],
+            },
+            'duplicate-comment': {
+              messages: [
+                {
+                  content: 'another message',
+                  timestamp: '2024-01-01T00:00:00.000Z',
+                  user_id: 'user-1',
+                },
+              ],
+            },
+          })
+        )
+        this.ChatManager.promises.injectUserInfoIntoThreads = sinon
+          .stub()
+          .resolves(this.threadData)
+
+        this.EditorRealTimeController.emitToRoom = sinon.stub()
+        this.tracked_changes = [
+          {
+            op: { pos: 4, i: 'bar' },
+            metadata: { ts: '2024-01-01T00:00:00.000Z', user_id: 'user-1' },
+          },
+          {
+            op: { pos: 8, d: 'qux' },
+            metadata: { ts: '2024-01-01T00:00:00.000Z', user_id: 'user-2' },
+          },
+        ]
+        this.FileSystemImportManager.promises.importFile = sinon
+          .stub()
+          .resolves({ type: 'doc', lines: ['foo', 'bar', 'baz'] })
+        this.RestoreManager.promises._getRangesFromHistory = sinon
+          .stub()
+          .resolves({
+            changes: this.tracked_changes,
+            comments: this.comments,
+          })
+        this.RestoreManager.promises._getUpdatesFromHistory = sinon
+          .stub()
+          .resolves([
+            { toV: this.version, meta: { end_ts: (this.endTs = new Date()) } },
+          ])
+        this.EditorController.promises.addDocWithRanges = sinon
+          .stub()
+          .resolves((this.addedFile = { _id: 'mock-doc', type: 'doc' }))
+      })
+
+      describe("when reverting a file that doesn't current exist", function () {
+        beforeEach(async function () {
+          this.data = await this.RestoreManager.promises.revertFile(
+            this.user_id,
+            this.project_id,
+            this.version,
+            this.pathname
+          )
+        })
+
+        it('should flush the document before fetching ranges', function () {
+          expect(
+            this.DocumentUpdaterHandler.promises.flushProjectToMongo
+          ).to.have.been.calledBefore(
+            this.DocstoreManager.promises.getAllRanges
+          )
+        })
+
+        it('should import the file', function () {
+          expect(
+            this.EditorController.promises.addDocWithRanges
+          ).to.have.been.calledWith(
+            this.project_id,
+            this.folder_id,
+            'foo.tex',
+            ['foo', 'bar', 'baz'],
+            { changes: this.tracked_changes, comments: this.remappedComments }
+          )
+        })
+
+        it('should return the created entity', function () {
+          expect(this.data).to.deep.equal(this.addedFile)
+        })
+
+        it('should look up ranges', function () {
+          expect(
+            this.RestoreManager.promises._getRangesFromHistory
+          ).to.have.been.calledWith(
+            this.project_id,
+            this.version,
+            this.pathname
+          )
+        })
+      })
+
+      describe('with an existing file in the current project', function () {
+        beforeEach(async function () {
+          this.ProjectLocator.promises.findElementByPath = sinon
+            .stub()
+            .resolves({ type: 'file', element: { _id: 'mock-file-id' } })
+          this.EditorController.promises.deleteEntity = sinon.stub().resolves()
+
+          this.data = await this.RestoreManager.promises.revertFile(
+            this.user_id,
+            this.project_id,
+            this.version,
+            this.pathname
+          )
+        })
+
+        it('should delete the existing file', async function () {
+          expect(
+            this.EditorController.promises.deleteEntity
+          ).to.have.been.calledWith(
+            this.project_id,
+            'mock-file-id',
+            'file',
+            {
+              kind: 'file-restore',
+              path: this.pathname,
+              version: this.version,
+              timestamp: new Date(this.endTs).toISOString(),
+            },
+            this.user_id
+          )
+        })
+      })
+
+      describe('with an existing document in the current project', function () {
+        beforeEach(async function () {
+          this.ProjectLocator.promises.findElementByPath = sinon
+            .stub()
+            .resolves({ type: 'doc', element: { _id: 'mock-file-id' } })
+          this.EditorController.promises.deleteEntity = sinon.stub().resolves()
+
+          this.data = await this.RestoreManager.promises.revertFile(
+            this.user_id,
+            this.project_id,
+            this.version,
+            this.pathname
+          )
+        })
+
+        it('should delete the existing document', async function () {
+          expect(
+            this.EditorController.promises.deleteEntity
+          ).to.have.been.calledWith(
+            this.project_id,
+            'mock-file-id',
+            'doc',
+            {
+              kind: 'file-restore',
+              path: this.pathname,
+              version: this.version,
+              timestamp: new Date(this.endTs).toISOString(),
+            },
+            this.user_id
+          )
+        })
+
+        it('should delete the document before flushing', function () {
+          expect(
+            this.EditorController.promises.deleteEntity
+          ).to.have.been.calledBefore(
+            this.DocumentUpdaterHandler.promises.flushProjectToMongo
+          )
+        })
+
+        it('should flush the document before fetching ranges', function () {
+          expect(
+            this.DocumentUpdaterHandler.promises.flushProjectToMongo
+          ).to.have.been.calledBefore(
+            this.DocstoreManager.promises.getAllRanges
+          )
+        })
+
+        it('should import the file', function () {
+          expect(
+            this.EditorController.promises.addDocWithRanges
+          ).to.have.been.calledWith(
+            this.project_id,
+            this.folder_id,
+            'foo.tex',
+            ['foo', 'bar', 'baz'],
+            { changes: this.tracked_changes, comments: this.remappedComments },
+            {
+              kind: 'file-restore',
+              path: this.pathname,
+              version: this.version,
+              timestamp: new Date(this.endTs).toISOString(),
+            }
+          )
+        })
+
+        it('should return the created entity', function () {
+          expect(this.data).to.deep.equal(this.addedFile)
+        })
+
+        it('should look up ranges', function () {
+          expect(
+            this.RestoreManager.promises._getRangesFromHistory
+          ).to.have.been.calledWith(
+            this.project_id,
+            this.version,
+            this.pathname
+          )
+        })
+      })
+    })
+
+    describe('reverting a file or document with metadata', function () {
+      beforeEach(function () {
+        this.ProjectLocator.promises.findElementByPath = sinon.stub().rejects()
+        this.EditorController.promises.addDocWithRanges = sinon.stub()
+        this.RestoreManager.promises._getUpdatesFromHistory = sinon
+          .stub()
+          .resolves([
+            { toV: this.version, meta: { end_ts: (this.endTs = new Date()) } },
+          ])
+
+        this.EditorController.promises.upsertFile = sinon
+          .stub()
+          .resolves({ _id: 'mock-file-id', type: 'file' })
+        this.RestoreManager.promises._getRangesFromHistory = sinon
+          .stub()
+          .resolves({
+            changes: [],
+            comments: [],
+          })
+        this.EditorController.promises.addDocWithRanges = sinon
+          .stub()
+          .resolves((this.addedFile = { _id: 'mock-doc-id', type: 'doc' }))
+
+        this.DocstoreManager.promises.getAllRanges = sinon.stub().resolves([])
+        this.ChatApiHandler.promises.generateThreadData = sinon
+          .stub()
+          .resolves({})
+        this.ChatManager.promises.injectUserInfoIntoThreads = sinon
+          .stub()
+          .resolves({})
+        this.EditorRealTimeController.emitToRoom = sinon.stub()
+      })
+
+      describe('when reverting a linked file', function () {
+        beforeEach(async function () {
+          this.pathname = 'foo.png'
+          this.FileSystemImportManager.promises.importFile = sinon
+            .stub()
+            .resolves({ type: 'file' })
+          this.RestoreManager.promises._getMetadataFromHistory = sinon
+            .stub()
+            .resolves({ metadata: { provider: 'bar' } })
+          this.result = await this.RestoreManager.promises.revertFile(
+            this.user_id,
+            this.project_id,
+            this.version,
+            this.pathname
+          )
+        })
+
+        it('should revert it as a file', function () {
+          expect(this.result).to.deep.equal({
+            _id: 'mock-file-id',
+            type: 'file',
+          })
+        })
+
+        it('should upload to the project as a file', function () {
+          expect(
+            this.EditorController.promises.upsertFile
+          ).to.have.been.calledWith(
+            this.project_id,
+            'mock-folder-id',
+            'foo.png',
+            this.fsPath,
+            { provider: 'bar' },
+            {
+              kind: 'file-restore',
+              path: this.pathname,
+              version: this.version,
+              timestamp: new Date(this.endTs).toISOString(),
+            },
+            this.user_id
+          )
+        })
+
+        it('should not look up ranges', function () {
+          expect(this.RestoreManager.promises._getRangesFromHistory).to.not.have
+            .been.called
+        })
+
+        it('should not try to add a document', function () {
+          expect(this.EditorController.promises.addDocWithRanges).to.not.have
+            .been.called
+        })
+      })
+
+      describe('when reverting a linked document with provider', function () {
+        beforeEach(async function () {
+          this.pathname = 'foo.tex'
+          this.FileSystemImportManager.promises.importFile = sinon
+            .stub()
+            .resolves({ type: 'doc', lines: ['foo', 'bar', 'baz'] })
+          this.RestoreManager.promises._getMetadataFromHistory = sinon
+            .stub()
+            .resolves({ metadata: { provider: 'bar' } })
+          this.result = await this.RestoreManager.promises.revertFile(
+            this.user_id,
+            this.project_id,
+            this.version,
+            this.pathname
+          )
+        })
+
+        it('should revert it as a file', function () {
+          expect(this.result).to.deep.equal({
+            _id: 'mock-file-id',
+            type: 'file',
+          })
+        })
+
+        it('should upload to the project as a file', function () {
+          expect(
+            this.EditorController.promises.upsertFile
+          ).to.have.been.calledWith(
+            this.project_id,
+            'mock-folder-id',
+            'foo.tex',
+            this.fsPath,
+            { provider: 'bar' },
+            {
+              kind: 'file-restore',
+              path: this.pathname,
+              version: this.version,
+              timestamp: new Date(this.endTs).toISOString(),
+            },
+            this.user_id
+          )
+        })
+
+        it('should not look up ranges', function () {
+          expect(this.RestoreManager.promises._getRangesFromHistory).to.not.have
+            .been.called
+        })
+
+        it('should not try to add a document', function () {
+          expect(this.EditorController.promises.addDocWithRanges).to.not.have
+            .been.called
+        })
+      })
+
+      describe('when reverting a linked document with { main: true }', function () {
+        beforeEach(async function () {
+          this.pathname = 'foo.tex'
+          this.FileSystemImportManager.promises.importFile = sinon
+            .stub()
+            .resolves({ type: 'doc', lines: ['foo', 'bar', 'baz'] })
+          this.RestoreManager.promises._getMetadataFromHistory = sinon
+            .stub()
+            .resolves({ metadata: { main: true } })
+          this.result = await this.RestoreManager.promises.revertFile(
+            this.user_id,
+            this.project_id,
+            this.version,
+            this.pathname
+          )
+        })
+
+        it('should revert it as a document', function () {
+          expect(this.result).to.deep.equal({
+            _id: 'mock-doc-id',
+            type: 'doc',
+          })
+        })
+
+        it('should not upload to the project as a file', function () {
+          expect(this.EditorController.promises.upsertFile).to.not.have.been
+            .called
+        })
+
+        it('should look up ranges', function () {
+          expect(this.RestoreManager.promises._getRangesFromHistory).to.have
+            .been.called
+        })
+
+        it('should add the document', function () {
+          expect(
+            this.EditorController.promises.addDocWithRanges
+          ).to.have.been.calledWith(
+            this.project_id,
+            this.folder_id,
+            'foo.tex',
+            ['foo', 'bar', 'baz'],
+            { changes: [], comments: [] }
+          )
+        })
+      })
+    })
+
+    describe('when reverting a binary file', function () {
+      beforeEach(async function () {
+        this.pathname = 'foo.png'
+        this.FileSystemImportManager.promises.importFile = sinon
+          .stub()
+          .resolves({ type: 'file' })
+        this.EditorController.promises.upsertFile = sinon
+          .stub()
+          .resolves({ _id: 'mock-file-id', type: 'file' })
+        this.EditorController.promises.deleteEntity = sinon.stub().resolves()
+        this.RestoreManager.promises._getUpdatesFromHistory = sinon
+          .stub()
+          .resolves([{ toV: this.version, meta: { end_ts: Date.now() } }])
+      })
+
+      it('should return the created entity if file exists', async function () {
+        this.ProjectLocator.promises.findElementByPath = sinon
+          .stub()
+          .resolves({ type: 'file', element: { _id: 'existing-file-id' } })
+
+        const revertRes = await this.RestoreManager.promises.revertFile(
+          this.user_id,
+          this.project_id,
+          this.version,
+          this.pathname
+        )
+
+        expect(revertRes).to.deep.equal({ _id: 'mock-file-id', type: 'file' })
+      })
+
+      it('should return the created entity if file does not exists', async function () {
+        this.ProjectLocator.promises.findElementByPath = sinon.stub().rejects()
+
+        const revertRes = await this.RestoreManager.promises.revertFile(
+          this.user_id,
+          this.project_id,
+          this.version,
+          this.pathname
+        )
+
+        expect(revertRes).to.deep.equal({ _id: 'mock-file-id', type: 'file' })
+      })
+    })
+  })
+
+  describe('revertProject', function () {
+    beforeEach(function () {
+      this.ProjectGetter.promises.getProject = sinon.stub()
+      this.ProjectGetter.promises.getProject
+        .withArgs(this.project_id)
+        .resolves({ overleaf: { history: { rangesSupportEnabled: true } } })
+      this.RestoreManager.promises.revertFile = sinon.stub().resolves()
+      this.RestoreManager.promises._getProjectPathsAtVersion = sinon
+        .stub()
+        .resolves([])
+      this.ProjectEntityHandler.promises.getAllEntities = sinon
+        .stub()
+        .resolves({ docs: [], files: [] })
+      this.EditorController.promises.deleteEntityWithPath = sinon
+        .stub()
+        .resolves()
+      this.RestoreManager.promises._getUpdatesFromHistory = sinon
+        .stub()
+        .resolves([
+          { toV: this.version, meta: { end_ts: (this.end_ts = Date.now()) } },
+        ])
+    })
+
+    describe('reverting a project without ranges support', function () {
+      beforeEach(function () {
+        this.ProjectGetter.promises.getProject = sinon.stub().resolves({
+          overleaf: { history: { rangesSupportEnabled: false } },
+        })
+      })
+
+      it('should throw an error', async function () {
+        await expect(
+          this.RestoreManager.promises.revertProject(
+            this.user_id,
+            this.project_id,
+            this.version
+          )
+        ).to.eventually.be.rejectedWith('project does not have ranges support')
+      })
+    })
+
+    describe('for a project with overlap in current files and old files', function () {
+      beforeEach(async function () {
+        this.ProjectEntityHandler.promises.getAllEntities = sinon
+          .stub()
+          .resolves({
+            docs: [{ path: '/main.tex' }, { path: '/new-file.tex' }],
+            files: [{ path: '/figures/image.png' }],
+          })
+        this.RestoreManager.promises._getProjectPathsAtVersion = sinon
+          .stub()
+          .resolves(['main.tex', 'figures/image.png', 'since-deleted.tex'])
+
+        await this.RestoreManager.promises.revertProject(
+          this.user_id,
+          this.project_id,
+          this.version
+        )
+        this.origin = {
+          kind: 'project-restore',
+          version: this.version,
+          timestamp: new Date(this.end_ts).toISOString(),
+        }
+      })
+
+      it('should delete the old files', function () {
+        expect(
+          this.EditorController.promises.deleteEntityWithPath
+        ).to.have.been.calledWith(
+          this.project_id,
+          'new-file.tex',
+          this.origin,
+          this.user_id
+        )
+      })
+
+      it('should not delete the current files', function () {
+        expect(
+          this.EditorController.promises.deleteEntityWithPath
+        ).to.not.have.been.calledWith(
+          this.project_id,
+          'main.tex',
+          this.origin,
+          this.user_id
+        )
+
+        expect(
+          this.EditorController.promises.deleteEntityWithPath
+        ).to.not.have.been.calledWith(
+          this.project_id,
+          'figures/image.png',
+          this.origin,
+          this.user_id
+        )
+      })
+
+      it('should revert the old files', function () {
+        expect(this.RestoreManager.promises.revertFile).to.have.been.calledWith(
+          this.user_id,
+          this.project_id,
+          this.version,
+          'main.tex'
+        )
+
+        expect(this.RestoreManager.promises.revertFile).to.have.been.calledWith(
+          this.user_id,
+          this.project_id,
+          this.version,
+          'figures/image.png'
+        )
+
+        expect(this.RestoreManager.promises.revertFile).to.have.been.calledWith(
+          this.user_id,
+          this.project_id,
+          this.version,
+          'since-deleted.tex'
+        )
+      })
+
+      it('should not revert the current files', function () {
+        expect(
+          this.RestoreManager.promises.revertFile
+        ).to.not.have.been.calledWith(
+          this.user_id,
+          this.project_id,
+          this.version,
+          'new-file.tex'
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/InactiveData/InactiveProjectManagerTests.js b/services/web/test/unit/src/InactiveData/InactiveProjectManagerTests.js
new file mode 100644
index 0000000..5c0bf71
--- /dev/null
+++ b/services/web/test/unit/src/InactiveData/InactiveProjectManagerTests.js
@@ -0,0 +1,151 @@
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const sinon = require('sinon')
+const modulePath = path.join(
+  __dirname,
+  '../../../../app/src/Features/InactiveData/InactiveProjectManager'
+)
+const { ObjectId, ReadPreference } = require('mongodb-legacy')
+const { expect } = require('chai')
+
+describe('InactiveProjectManager', function () {
+  beforeEach(function () {
+    this.settings = {}
+    this.metrics = { inc: sinon.stub() }
+    this.DocstoreManager = {
+      promises: {
+        unarchiveProject: sinon.stub(),
+        archiveProject: sinon.stub(),
+      },
+    }
+    this.DocumentUpdaterHandler = {
+      promises: {
+        flushProjectToMongoAndDelete: sinon.stub(),
+      },
+    }
+    this.ProjectUpdateHandler = {
+      promises: {
+        markAsActive: sinon.stub(),
+        markAsInactive: sinon.stub(),
+      },
+    }
+    this.ProjectGetter = { promises: { getProject: sinon.stub() } }
+    this.Modules = { promises: { hooks: { fire: sinon.stub() } } }
+    this.InactiveProjectManager = SandboxedModule.require(modulePath, {
+      requires: {
+        'mongodb-legacy': { ObjectId },
+        '@overleaf/settings': this.settings,
+        '@overleaf/metrics': this.metrics,
+        '../Docstore/DocstoreManager': this.DocstoreManager,
+        '../DocumentUpdater/DocumentUpdaterHandler':
+          this.DocumentUpdaterHandler,
+        '../Project/ProjectUpdateHandler': this.ProjectUpdateHandler,
+        '../Project/ProjectGetter': this.ProjectGetter,
+        '../../models/Project': {},
+        '../../infrastructure/Modules': this.Modules,
+        '../../infrastructure/mongodb': {
+          ObjectId,
+          READ_PREFERENCE_SECONDARY: ReadPreference.secondaryPreferred.mode,
+        },
+      },
+    })
+    this.project_id = '1234'
+  })
+
+  describe('reactivateProjectIfRequired', function () {
+    beforeEach(function () {
+      this.project = { active: false }
+      this.ProjectGetter.promises.getProject.resolves(this.project)
+      this.ProjectUpdateHandler.promises.markAsActive.resolves()
+    })
+
+    it('should call unarchiveProject', async function () {
+      this.DocstoreManager.promises.unarchiveProject.resolves()
+      await this.InactiveProjectManager.promises.reactivateProjectIfRequired(
+        this.project_id
+      )
+
+      this.DocstoreManager.promises.unarchiveProject
+        .calledWith(this.project_id)
+        .should.equal(true)
+      this.ProjectUpdateHandler.promises.markAsActive
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+
+    it('should not mark project as active if error with unarchiving', async function () {
+      this.DocstoreManager.promises.unarchiveProject.rejects()
+      await expect(
+        this.InactiveProjectManager.promises.reactivateProjectIfRequired(
+          this.project_id
+        )
+      ).to.be.rejected
+
+      this.DocstoreManager.promises.unarchiveProject
+        .calledWith(this.project_id)
+        .should.equal(true)
+      this.ProjectUpdateHandler.promises.markAsActive
+        .calledWith(this.project_id)
+        .should.equal(false)
+    })
+
+    it('should not call unarchiveProject if it is active', async function () {
+      this.project.active = true
+      this.DocstoreManager.promises.unarchiveProject.resolves()
+      await this.InactiveProjectManager.promises.reactivateProjectIfRequired(
+        this.project_id
+      )
+      this.DocstoreManager.promises.unarchiveProject
+        .calledWith(this.project_id)
+        .should.equal(false)
+      this.ProjectUpdateHandler.promises.markAsActive
+        .calledWith(this.project_id)
+        .should.equal(false)
+    })
+  })
+
+  describe('deactivateProject', function () {
+    it('should call archiveProject and markAsInactive after flushing', async function () {
+      this.DocstoreManager.promises.archiveProject.resolves()
+      this.DocumentUpdaterHandler.promises.flushProjectToMongoAndDelete.resolves()
+      this.ProjectUpdateHandler.promises.markAsInactive.resolves()
+      this.Modules.promises.hooks.fire.resolves()
+
+      await this.InactiveProjectManager.promises.deactivateProject(
+        this.project_id
+      )
+      this.DocumentUpdaterHandler.promises.flushProjectToMongoAndDelete
+        .calledWith(this.project_id)
+        .should.equal(true)
+      this.Modules.promises.hooks.fire
+        .calledWith('deactivateProject', this.project_id)
+        .should.equal(true)
+      this.DocstoreManager.promises.archiveProject
+        .calledWith(this.project_id)
+        .should.equal(true)
+      this.ProjectUpdateHandler.promises.markAsInactive
+        .calledWith(this.project_id)
+        .should.equal(true)
+    })
+
+    it('should not call markAsInactive if there was a problem archiving in docstore', async function () {
+      this.DocstoreManager.promises.archiveProject.rejects()
+      this.DocumentUpdaterHandler.promises.flushProjectToMongoAndDelete.resolves()
+      this.ProjectUpdateHandler.promises.markAsInactive.resolves()
+      this.Modules.promises.hooks.fire.resolves()
+
+      await expect(
+        this.InactiveProjectManager.promises.deactivateProject(this.project_id)
+      ).to.be.rejected
+      this.DocumentUpdaterHandler.promises.flushProjectToMongoAndDelete
+        .calledWith(this.project_id)
+        .should.equal(true)
+      this.DocstoreManager.promises.archiveProject
+        .calledWith(this.project_id)
+        .should.equal(true)
+      this.ProjectUpdateHandler.promises.markAsInactive
+        .calledWith(this.project_id)
+        .should.equal(false)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Institutions/InstitutionHelperTests.js b/services/web/test/unit/src/Institutions/InstitutionHelperTests.js
new file mode 100644
index 0000000..9de43c4
--- /dev/null
+++ b/services/web/test/unit/src/Institutions/InstitutionHelperTests.js
@@ -0,0 +1,67 @@
+const { expect } = require('chai')
+const path = require('path')
+const InstitutionsHelper = require(
+  path.join(
+    __dirname,
+    '/../../../../app/src/Features/Institutions/InstitutionsHelper'
+  )
+)
+
+describe('InstitutionsHelper', function () {
+  describe('emailHasLicence', function () {
+    it('returns licence', function () {
+      const emailHasLicence = InstitutionsHelper.emailHasLicence({
+        confirmedAt: new Date(),
+        affiliation: {
+          institution: { confirmed: true },
+          licence: 'pro_plus',
+        },
+      })
+      expect(emailHasLicence).to.be.true
+    })
+
+    it('returns false if licence is free', function () {
+      const emailHasLicence = InstitutionsHelper.emailHasLicence({
+        confirmedAt: new Date(),
+        affiliation: {
+          institution: { confirmed: true },
+          licence: 'free',
+        },
+      })
+      expect(emailHasLicence).to.be.false
+    })
+
+    it('returns false if licence is null', function () {
+      const emailHasLicence = InstitutionsHelper.emailHasLicence({
+        confirmedAt: new Date(),
+        affiliation: {
+          institution: { confirmed: true },
+          licence: null,
+        },
+      })
+      expect(emailHasLicence).to.be.false
+    })
+
+    it('returns false if institution is not confirmed', function () {
+      const emailHasLicence = InstitutionsHelper.emailHasLicence({
+        confirmedAt: new Date(),
+        affiliation: {
+          institution: { confirmed: false },
+          licence: 'pro_plus',
+        },
+      })
+      expect(emailHasLicence).to.be.false
+    })
+
+    it('returns false if email is not confirmed', function () {
+      const emailHasLicence = InstitutionsHelper.emailHasLicence({
+        confirmedAt: null,
+        affiliation: {
+          institution: { confirmed: true },
+          licence: 'pro_plus',
+        },
+      })
+      expect(emailHasLicence).to.be.false
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Institutions/InstitutionsAPITests.js b/services/web/test/unit/src/Institutions/InstitutionsAPITests.js
new file mode 100644
index 0000000..eb98115
--- /dev/null
+++ b/services/web/test/unit/src/Institutions/InstitutionsAPITests.js
@@ -0,0 +1,423 @@
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const sinon = require('sinon')
+const modulePath = path.join(
+  __dirname,
+  '../../../../app/src/Features/Institutions/InstitutionsAPI'
+)
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+
+describe('InstitutionsAPI', function () {
+  beforeEach(function () {
+    this.settings = {
+      apis: { v1: { url: 'v1.url', user: '', pass: '', timeout: 5000 } },
+    }
+    this.request = sinon.stub()
+    this.fetchNothing = sinon.stub()
+    this.ipMatcherNotification = {
+      read: (this.markAsReadIpMatcher = sinon.stub().resolves()),
+    }
+    this.InstitutionsAPI = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': this.settings,
+        requestretry: this.request,
+        '@overleaf/fetch-utils': {
+          fetchNothing: this.fetchNothing,
+          fetchJson: (this.fetchJson = sinon.stub()),
+        },
+        '../Notifications/NotificationsBuilder': {
+          promises: {
+            ipMatcherAffiliation: sinon
+              .stub()
+              .returns(this.ipMatcherNotification),
+          },
+        },
+      },
+    })
+
+    this.stubbedUser = {
+      _id: '3131231',
+      name: 'bob',
+      email: 'hello@world.com',
+    }
+    this.newEmail = 'bob@bob.com'
+  })
+
+  describe('getInstitutionAffiliations', function () {
+    it('get affiliations', function (done) {
+      this.institutionId = 123
+      const responseBody = ['123abc', '456def']
+      this.request.yields(null, { statusCode: 200 }, responseBody)
+      this.InstitutionsAPI.getInstitutionAffiliations(
+        this.institutionId,
+        (err, body) => {
+          expect(err).not.to.exist
+          this.request.calledOnce.should.equal(true)
+          const requestOptions = this.request.lastCall.args[0]
+          const expectedUrl = `v1.url/api/v2/institutions/${this.institutionId}/affiliations`
+          requestOptions.url.should.equal(expectedUrl)
+          requestOptions.method.should.equal('GET')
+          requestOptions.maxAttempts.should.exist
+          requestOptions.maxAttempts.should.not.equal(0)
+          requestOptions.retryDelay.should.exist
+          expect(requestOptions.body).not.to.exist
+          body.should.equal(responseBody)
+          done()
+        }
+      )
+    })
+
+    it('handle empty response', function (done) {
+      this.settings.apis.v1.url = ''
+
+      this.InstitutionsAPI.getInstitutionAffiliations(
+        this.institutionId,
+        (err, body) => {
+          expect(err).not.to.exist
+          expect(body).to.be.a('Array')
+          body.length.should.equal(0)
+          done()
+        }
+      )
+    })
+  })
+
+  describe('getLicencesForAnalytics', function () {
+    const lag = 'daily'
+    const queryDate = '2017-01-07:00:00.000Z'
+    it('should send the request to v1', function (done) {
+      const v1Result = {
+        lag: 'daily',
+        date: queryDate,
+        data: {
+          user_counts: { total: [], new: [] },
+          max_confirmation_months: [],
+        },
+      }
+      this.request.callsArgWith(1, null, { statusCode: 201 }, v1Result)
+      this.InstitutionsAPI.getLicencesForAnalytics(
+        lag,
+        queryDate,
+        (error, result) => {
+          expect(error).not.to.exist
+          const requestOptions = this.request.lastCall.args[0]
+          expect(requestOptions.body.query_date).to.equal(queryDate)
+          expect(requestOptions.body.lag).to.equal(lag)
+          requestOptions.method.should.equal('GET')
+          done()
+        }
+      )
+    })
+    it('should handle errors', function (done) {
+      this.request.callsArgWith(1, null, { statusCode: 500 })
+      this.InstitutionsAPI.getLicencesForAnalytics(
+        lag,
+        queryDate,
+        (error, result) => {
+          expect(error).to.be.instanceof(Errors.V1ConnectionError)
+          done()
+        }
+      )
+    })
+  })
+
+  describe('getUserAffiliations', function () {
+    it('get affiliations', function (done) {
+      const responseBody = [{ foo: 'bar' }]
+      this.request.callsArgWith(1, null, { statusCode: 201 }, responseBody)
+      this.InstitutionsAPI.getUserAffiliations(
+        this.stubbedUser._id,
+        (err, body) => {
+          expect(err).not.to.exist
+          this.request.calledOnce.should.equal(true)
+          const requestOptions = this.request.lastCall.args[0]
+          const expectedUrl = `v1.url/api/v2/users/${this.stubbedUser._id}/affiliations`
+          requestOptions.url.should.equal(expectedUrl)
+          requestOptions.method.should.equal('GET')
+          requestOptions.maxAttempts.should.equal(3)
+          expect(requestOptions.body).not.to.exist
+          body.should.equal(responseBody)
+          done()
+        }
+      )
+    })
+
+    it('handle error', function (done) {
+      const body = { errors: 'affiliation error message' }
+      this.request.callsArgWith(1, null, { statusCode: 503 }, body)
+      this.InstitutionsAPI.getUserAffiliations(this.stubbedUser._id, err => {
+        expect(err).to.be.instanceof(Errors.V1ConnectionError)
+        done()
+      })
+    })
+
+    it('handle empty response', function (done) {
+      this.settings.apis.v1.url = ''
+      this.InstitutionsAPI.getUserAffiliations(
+        this.stubbedUser._id,
+        (err, body) => {
+          expect(err).not.to.exist
+          expect(body).to.be.a('Array')
+          body.length.should.equal(0)
+          done()
+        }
+      )
+    })
+  })
+
+  describe('getUsersNeedingReconfirmationsLapsedProcessed', function () {
+    it('get the list of users', function (done) {
+      this.fetchJson.resolves({ statusCode: 200 })
+      this.InstitutionsAPI.getUsersNeedingReconfirmationsLapsedProcessed(
+        error => {
+          expect(error).not.to.exist
+          this.fetchJson.calledOnce.should.equal(true)
+          const requestOptions = this.fetchJson.lastCall.args[1]
+          const expectedUrl = `v1.url/api/v2/institutions/need_reconfirmation_lapsed_processed`
+          this.fetchJson.lastCall.args[0].should.equal(expectedUrl)
+          requestOptions.method.should.equal('GET')
+          done()
+        }
+      )
+    })
+
+    it('handle error', function (done) {
+      this.fetchJson.throws({ info: { statusCode: 500 } })
+      this.InstitutionsAPI.getUsersNeedingReconfirmationsLapsedProcessed(
+        error => {
+          expect(error).to.exist
+          done()
+        }
+      )
+    })
+  })
+
+  describe('addAffiliation', function () {
+    beforeEach(function () {
+      this.fetchNothing.resolves({ status: 201 })
+    })
+
+    it('add affiliation', function (done) {
+      const affiliationOptions = {
+        university: { id: 1 },
+        department: 'Math',
+        role: 'Prof',
+        confirmedAt: new Date(),
+        entitlement: true,
+      }
+      this.InstitutionsAPI.addAffiliation(
+        this.stubbedUser._id,
+        this.newEmail,
+        affiliationOptions,
+        err => {
+          expect(err).not.to.exist
+          this.fetchNothing.calledOnce.should.equal(true)
+          const requestOptions = this.fetchNothing.lastCall.args[1]
+          const expectedUrl = `v1.url/api/v2/users/${this.stubbedUser._id}/affiliations`
+          expect(this.fetchNothing.lastCall.args[0]).to.equal(expectedUrl)
+          requestOptions.method.should.equal('POST')
+
+          const { json } = requestOptions
+          Object.keys(json).length.should.equal(7)
+          expect(json).to.deep.equal(
+            Object.assign(
+              { email: this.newEmail, rejectIfBlocklisted: undefined },
+              affiliationOptions
+            )
+          )
+          this.markAsReadIpMatcher.calledOnce.should.equal(true)
+          done()
+        }
+      )
+    })
+
+    it('handles 422 error', function (done) {
+      const messageFromApi = 'affiliation error message'
+      const body = JSON.stringify({ errors: messageFromApi })
+      this.fetchNothing.throws({ response: { status: 422 }, body })
+      this.InstitutionsAPI.addAffiliation(
+        this.stubbedUser._id,
+        this.newEmail,
+        {},
+        err => {
+          expect(err).to.exist
+          expect(err).to.be.instanceOf(Errors.InvalidInstitutionalEmailError)
+          err.message.should.have.string(422)
+          err.message.should.have.string(messageFromApi)
+          done()
+        }
+      )
+    })
+
+    it('handles 500 error', function (done) {
+      const body = { errors: 'affiliation error message' }
+      this.fetchNothing.throws({ response: { status: 500 }, body })
+      this.InstitutionsAPI.addAffiliation(
+        this.stubbedUser._id,
+        this.newEmail,
+        {},
+        err => {
+          expect(err).to.be.instanceOf(Errors.V1ConnectionError)
+          expect(err.message).to.equal('error getting affiliations from v1')
+          expect(err.info).to.deep.equal({ status: 500, body })
+          done()
+        }
+      )
+    })
+
+    it('uses default error message when no error body in response', function (done) {
+      this.fetchNothing.throws({ response: { status: 429 } })
+      this.InstitutionsAPI.addAffiliation(
+        this.stubbedUser._id,
+        this.newEmail,
+        {},
+        err => {
+          expect(err).to.exist
+          expect(err.message).to.equal("Couldn't create affiliation: 429")
+          done()
+        }
+      )
+    })
+
+    it('does not try to mark IP matcher notifications as read if no university passed', function (done) {
+      const affiliationOptions = {
+        confirmedAt: new Date(),
+      }
+
+      this.InstitutionsAPI.addAffiliation(
+        this.stubbedUser._id,
+        this.newEmail,
+        affiliationOptions,
+        err => {
+          expect(err).not.to.exist
+          expect(this.markAsReadIpMatcher.callCount).to.equal(0)
+          done()
+        }
+      )
+    })
+  })
+
+  describe('removeAffiliation', function () {
+    beforeEach(function () {
+      this.fetchNothing.throws({ response: { status: 404 } })
+    })
+
+    it('remove affiliation', function (done) {
+      this.InstitutionsAPI.removeAffiliation(
+        this.stubbedUser._id,
+        this.newEmail,
+        err => {
+          expect(err).not.to.exist
+          this.fetchNothing.calledOnce.should.equal(true)
+          const requestOptions = this.fetchNothing.lastCall.args[1]
+          const expectedUrl = `v1.url/api/v2/users/${this.stubbedUser._id}/affiliations/remove`
+          this.fetchNothing.lastCall.args[0].should.equal(expectedUrl)
+          requestOptions.method.should.equal('POST')
+          expect(requestOptions.json).to.deep.equal({ email: this.newEmail })
+          done()
+        }
+      )
+    })
+
+    it('handle error', function (done) {
+      this.fetchNothing.throws({ response: { status: 500 } })
+      this.InstitutionsAPI.removeAffiliation(
+        this.stubbedUser._id,
+        this.newEmail,
+        err => {
+          expect(err).to.exist
+          err.message.should.exist
+          done()
+        }
+      )
+    })
+  })
+
+  describe('deleteAffiliations', function () {
+    it('delete affiliations', function (done) {
+      this.request.callsArgWith(1, null, { statusCode: 200 })
+      this.InstitutionsAPI.deleteAffiliations(this.stubbedUser._id, err => {
+        expect(err).not.to.exist
+        this.request.calledOnce.should.equal(true)
+        const requestOptions = this.request.lastCall.args[0]
+        const expectedUrl = `v1.url/api/v2/users/${this.stubbedUser._id}/affiliations`
+        requestOptions.url.should.equal(expectedUrl)
+        requestOptions.method.should.equal('DELETE')
+        done()
+      })
+    })
+
+    it('handle error', function (done) {
+      const body = { errors: 'affiliation error message' }
+      this.request.callsArgWith(1, null, { statusCode: 518 }, body)
+      this.InstitutionsAPI.deleteAffiliations(this.stubbedUser._id, err => {
+        expect(err).to.be.instanceof(Errors.V1ConnectionError)
+        done()
+      })
+    })
+  })
+
+  describe('endorseAffiliation', function () {
+    beforeEach(function () {
+      this.request.callsArgWith(1, null, { statusCode: 204 })
+    })
+
+    it('endorse affiliation', function (done) {
+      this.InstitutionsAPI.endorseAffiliation(
+        this.stubbedUser._id,
+        this.newEmail,
+        'Student',
+        'Physics',
+        err => {
+          expect(err).not.to.exist
+          this.request.calledOnce.should.equal(true)
+          const requestOptions = this.request.lastCall.args[0]
+          const expectedUrl = `v1.url/api/v2/users/${this.stubbedUser._id}/affiliations/endorse`
+          requestOptions.url.should.equal(expectedUrl)
+          requestOptions.method.should.equal('POST')
+
+          const { body } = requestOptions
+          Object.keys(body).length.should.equal(3)
+          body.email.should.equal(this.newEmail)
+          body.role.should.equal('Student')
+          body.department.should.equal('Physics')
+          done()
+        }
+      )
+    })
+  })
+
+  describe('sendUsersWithReconfirmationsLapsedProcessed', function () {
+    const users = ['abc123', 'def456']
+
+    it('sends the list of users', function (done) {
+      this.request.callsArgWith(1, null, { statusCode: 200 })
+      this.InstitutionsAPI.sendUsersWithReconfirmationsLapsedProcessed(
+        users,
+        error => {
+          expect(error).not.to.exist
+          this.request.calledOnce.should.equal(true)
+          const requestOptions = this.request.lastCall.args[0]
+          const expectedUrl =
+            'v1.url/api/v2/institutions/reconfirmation_lapsed_processed'
+          requestOptions.url.should.equal(expectedUrl)
+          requestOptions.method.should.equal('POST')
+          expect(requestOptions.body).to.deep.equal({ users })
+          done()
+        }
+      )
+    })
+
+    it('handle error', function (done) {
+      this.request.callsArgWith(1, null, { statusCode: 500 })
+      this.InstitutionsAPI.sendUsersWithReconfirmationsLapsedProcessed(
+        users,
+        error => {
+          expect(error).to.exist
+          done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Institutions/InstitutionsFeaturesTests.js b/services/web/test/unit/src/Institutions/InstitutionsFeaturesTests.js
new file mode 100644
index 0000000..69def30
--- /dev/null
+++ b/services/web/test/unit/src/Institutions/InstitutionsFeaturesTests.js
@@ -0,0 +1,174 @@
+/* eslint-disable
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const assert = require('assert')
+const { expect } = require('chai')
+const sinon = require('sinon')
+const modulePath = require('path').join(
+  __dirname,
+  '../../../../app/src/Features/Institutions/InstitutionsFeatures.js'
+)
+
+describe('InstitutionsFeatures', function () {
+  beforeEach(function () {
+    this.UserGetter = {
+      promises: { getUserFullEmails: sinon.stub().resolves([]) },
+    }
+    this.PlansLocator = { findLocalPlanInSettings: sinon.stub() }
+    this.institutionPlanCode = 'institution_plan_code'
+    this.InstitutionsFeatures = SandboxedModule.require(modulePath, {
+      requires: {
+        '../User/UserGetter': this.UserGetter,
+        '../Subscription/PlansLocator': this.PlansLocator,
+        '@overleaf/settings': {
+          institutionPlanCode: this.institutionPlanCode,
+        },
+      },
+    })
+    this.emailDataWithLicense = [{ emailHasInstitutionLicence: true }]
+    this.emailDataWithoutLicense = [{ emailHasInstitutionLicence: false }]
+    return (this.userId = '12345abcde')
+  })
+
+  describe('hasLicence', function () {
+    it('should handle error', function (done) {
+      this.UserGetter.promises.getUserFullEmails.rejects(new Error('Nope'))
+      return this.InstitutionsFeatures.hasLicence(
+        this.userId,
+        (error, hasLicence) => {
+          expect(error).to.exist
+          return done()
+        }
+      )
+    })
+
+    it('should return false if user has no paid affiliations', function (done) {
+      this.UserGetter.promises.getUserFullEmails.resolves(
+        this.emailDataWithoutLicense
+      )
+      return this.InstitutionsFeatures.hasLicence(
+        this.userId,
+        (error, hasLicence) => {
+          expect(error).to.not.exist
+          expect(hasLicence).to.be.false
+          return done()
+        }
+      )
+    })
+
+    it('should return true if user has confirmed paid affiliation', function (done) {
+      const emailData = [
+        { emailHasInstitutionLicence: true },
+        { emailHasInstitutionLicence: false },
+      ]
+      this.UserGetter.promises.getUserFullEmails.resolves(emailData)
+      return this.InstitutionsFeatures.hasLicence(
+        this.userId,
+        (error, hasLicence) => {
+          expect(error).to.not.exist
+          expect(hasLicence).to.be.true
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('getInstitutionsFeatures', function () {
+    beforeEach(function () {
+      this.testFeatures = { features: { institution: 'all' } }
+      return this.PlansLocator.findLocalPlanInSettings
+        .withArgs(this.institutionPlanCode)
+        .returns(this.testFeatures)
+    })
+
+    it('should handle error', function (done) {
+      this.UserGetter.promises.getUserFullEmails.rejects(new Error('Nope'))
+      return this.InstitutionsFeatures.getInstitutionsFeatures(
+        this.userId,
+        (error, features) => {
+          expect(error).to.exist
+          return done()
+        }
+      )
+    })
+
+    it('should return no feaures if user has no plan code', function (done) {
+      this.UserGetter.promises.getUserFullEmails.resolves(
+        this.emailDataWithoutLicense
+      )
+      return this.InstitutionsFeatures.getInstitutionsFeatures(
+        this.userId,
+        (error, features) => {
+          expect(error).to.not.exist
+          expect(features).to.deep.equal({})
+          return done()
+        }
+      )
+    })
+
+    it('should return feaures if user has affiliations plan code', function (done) {
+      this.UserGetter.promises.getUserFullEmails.resolves(
+        this.emailDataWithLicense
+      )
+      return this.InstitutionsFeatures.getInstitutionsFeatures(
+        this.userId,
+        (error, features) => {
+          expect(error).to.not.exist
+          expect(features).to.deep.equal(this.testFeatures.features)
+          return done()
+        }
+      )
+    })
+  })
+
+  describe('getInstitutionsPlan', function () {
+    it('should handle error', function (done) {
+      this.UserGetter.promises.getUserFullEmails.rejects(new Error('Nope'))
+      return this.InstitutionsFeatures.getInstitutionsPlan(
+        this.userId,
+        error => {
+          expect(error).to.exist
+          return done()
+        }
+      )
+    })
+
+    it('should return no plan if user has no licence', function (done) {
+      this.UserGetter.promises.getUserFullEmails.resolves(
+        this.emailDataWithoutLicense
+      )
+      return this.InstitutionsFeatures.getInstitutionsPlan(
+        this.userId,
+        (error, plan) => {
+          expect(error).to.not.exist
+          expect(plan).to.equal(null)
+          return done()
+        }
+      )
+    })
+
+    it('should return plan if user has licence', function (done) {
+      this.UserGetter.promises.getUserFullEmails.resolves(
+        this.emailDataWithLicense
+      )
+      return this.InstitutionsFeatures.getInstitutionsPlan(
+        this.userId,
+        (error, plan) => {
+          expect(error).to.not.exist
+          expect(plan).to.equal(this.institutionPlanCode)
+          return done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Institutions/InstitutionsGetterTests.js b/services/web/test/unit/src/Institutions/InstitutionsGetterTests.js
new file mode 100644
index 0000000..76a445c
--- /dev/null
+++ b/services/web/test/unit/src/Institutions/InstitutionsGetterTests.js
@@ -0,0 +1,205 @@
+const SandboxedModule = require('sandboxed-module')
+const { expect } = require('chai')
+const sinon = require('sinon')
+const modulePath = require('path').join(
+  __dirname,
+  '../../../../app/src/Features/Institutions/InstitutionsGetter.js'
+)
+
+describe('InstitutionsGetter', function () {
+  beforeEach(function () {
+    this.UserGetter = {
+      getUserFullEmails: sinon.stub(),
+      promises: {
+        getUserFullEmails: sinon.stub(),
+      },
+    }
+    this.InstitutionsGetter = SandboxedModule.require(modulePath, {
+      requires: {
+        '../User/UserGetter': this.UserGetter,
+        '../UserMembership/UserMembershipsHandler':
+          (this.UserMembershipsHandler = {}),
+        '../UserMembership/UserMembershipEntityConfigs':
+          (this.UserMembershipEntityConfigs = {}),
+      },
+    })
+
+    this.userId = '12345abcde'
+    this.confirmedAffiliation = {
+      confirmedAt: new Date(),
+      affiliation: {
+        institution: { id: 456, confirmed: true },
+        cachedPastReconfirmDate: false,
+        pastReconfirmDate: false,
+      },
+    }
+    this.confirmedAffiliationPastReconfirmation = {
+      confirmedAt: new Date('2000-01-01'),
+      affiliation: {
+        institution: { id: 135, confirmed: true },
+        cachedPastReconfirmDate: true,
+        pastReconfirmDate: true,
+      },
+    }
+    this.licencedAffiliation = {
+      confirmedAt: new Date(),
+      affiliation: {
+        licence: 'pro_plus',
+        institution: { id: 777, confirmed: true },
+        cachedPastReconfirmDate: false,
+        pastReconfirmDate: false,
+      },
+    }
+    this.licencedAffiliationPastReconfirmation = {
+      confirmedAt: new Date('2000-01-01'),
+      affiliation: {
+        licence: 'pro_plus',
+        institution: { id: 888, confirmed: true },
+        cachedPastReconfirmDate: true,
+        pastReconfirmDate: true,
+      },
+    }
+    this.unconfirmedEmailLicensedAffiliation = {
+      confirmedAt: null,
+      affiliation: {
+        licence: 'pro_plus',
+        institution: {
+          id: 123,
+          confirmed: true,
+          cachedPastReconfirmDate: false,
+          pastReconfirmDate: false,
+        },
+      },
+    }
+    this.unconfirmedDomainLicensedAffiliation = {
+      confirmedAt: new Date(),
+      affiliation: {
+        licence: 'pro_plus',
+        institution: {
+          id: 789,
+          confirmed: false,
+          cachedPastReconfirmDate: false,
+          pastReconfirmDate: false,
+        },
+      },
+    }
+    this.userEmails = [
+      {
+        confirmedAt: null,
+        affiliation: {
+          institution: {
+            id: 123,
+            confirmed: true,
+            cachedPastReconfirmDate: false,
+            pastReconfirmDate: false,
+          },
+        },
+      },
+      this.confirmedAffiliation,
+      this.confirmedAffiliation,
+      this.confirmedAffiliationPastReconfirmation,
+      {
+        confirmedAt: new Date(),
+        affiliation: null,
+        cachedPastReconfirmDate: false,
+        pastReconfirmDate: false,
+      },
+      {
+        confirmedAt: new Date(),
+        affiliation: {
+          institution: null,
+          cachedPastReconfirmDate: false,
+          pastReconfirmDate: false,
+        },
+      },
+      {
+        confirmedAt: new Date(),
+        affiliation: {
+          institution: {
+            id: 789,
+            confirmed: false,
+            cachedPastReconfirmDate: false,
+            pastReconfirmDate: false,
+          },
+        },
+      },
+    ]
+    this.fullEmailCollection = [
+      this.licencedAffiliation,
+      this.licencedAffiliation,
+      this.licencedAffiliationPastReconfirmation,
+      this.confirmedAffiliation,
+      this.confirmedAffiliationPastReconfirmation,
+      this.unconfirmedDomainLicensedAffiliation,
+      this.unconfirmedEmailLicensedAffiliation,
+    ]
+  })
+
+  describe('getCurrentInstitutionIds', function () {
+    it('filters unconfirmed affiliations, those past reconfirmation, and returns only 1 result per institution', async function () {
+      this.UserGetter.promises.getUserFullEmails.resolves(this.userEmails)
+      const institutions =
+        await this.InstitutionsGetter.promises.getCurrentInstitutionIds(
+          this.userId
+        )
+      expect(institutions.length).to.equal(1)
+      expect(institutions[0]).to.equal(456)
+    })
+    it('handles empty response', async function () {
+      this.UserGetter.promises.getUserFullEmails.resolves([])
+      const institutions =
+        await this.InstitutionsGetter.promises.getCurrentInstitutionIds(
+          this.userId
+        )
+      expect(institutions).to.deep.equal([])
+    })
+    it('handles errors', async function () {
+      this.UserGetter.promises.getUserFullEmails.rejects(new Error('oops'))
+      let e
+      try {
+        await this.InstitutionsGetter.promises.getCurrentInstitutionIds(
+          this.userId
+        )
+      } catch (error) {
+        e = error
+      }
+      expect(e.message).to.equal('oops')
+    })
+  })
+
+  describe('getCurrentAndPastAffiliationIds', function () {
+    it('filters unconfirmed affiliations, preserves those past reconfirmation, and returns only 1 result per institution', async function () {
+      this.UserGetter.promises.getUserFullEmails.resolves(
+        this.fullEmailCollection
+      )
+      const institutions =
+        await this.InstitutionsGetter.promises.getCurrentAndPastAffiliationIds(
+          this.userId
+        )
+      expect(institutions).to.deep.equal([777, 888, 456, 135])
+    })
+    it('handles empty response', async function () {
+      this.UserGetter.promises.getUserFullEmails.resolves([])
+      const institutions =
+        await this.InstitutionsGetter.promises.getCurrentInstitutionIds(
+          this.userId
+        )
+      expect(institutions).to.deep.equal([])
+    })
+  })
+
+  describe('getCurrentInstitutionsWithLicence', function () {
+    it('returns one result per institution and filters out affiliations without license', async function () {
+      this.UserGetter.promises.getUserFullEmails.resolves(
+        this.fullEmailCollection
+      )
+      const institutions =
+        await this.InstitutionsGetter.promises.getCurrentInstitutionsWithLicence(
+          this.userId
+        )
+      expect(institutions.map(institution => institution.id)).to.deep.equal([
+        this.licencedAffiliation.affiliation.institution.id,
+      ])
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Institutions/InstitutionsManagerTests.js b/services/web/test/unit/src/Institutions/InstitutionsManagerTests.js
new file mode 100644
index 0000000..4811962
--- /dev/null
+++ b/services/web/test/unit/src/Institutions/InstitutionsManagerTests.js
@@ -0,0 +1,466 @@
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const { ObjectId } = require('mongodb-legacy')
+const modulePath = path.join(
+  __dirname,
+  '../../../../app/src/Features/Institutions/InstitutionsManager'
+)
+const Features = require('../../../../app/src/infrastructure/Features')
+
+describe('InstitutionsManager', function () {
+  beforeEach(function () {
+    this.institutionId = 123
+    this.user = {}
+    const lapsedUser = {
+      _id: '657300a08a14461b3d1aac3e',
+      features: {},
+    }
+    this.users = [
+      lapsedUser,
+      { _id: '657300a08a14461b3d1aac3f', features: {} },
+      { _id: '657300a08a14461b3d1aac40', features: {} },
+      { _id: '657300a08a14461b3d1aac41', features: {} },
+    ]
+    this.ssoUsers = [
+      {
+        _id: '657300a08a14461b3d1aac3f',
+        samlIdentifiers: [{ providerId: this.institutionId.toString() }],
+      },
+      {
+        _id: '657300a08a14461b3d1aac40',
+        samlIdentifiers: [
+          {
+            providerId: this.institutionId.toString(),
+            hasEntitlement: true,
+          },
+        ],
+      },
+      {
+        _id: '657300a08a14461b3d1aac3e',
+        samlIdentifiers: [{ providerId: this.institutionId.toString() }],
+        hasEntitlement: true,
+      },
+    ]
+
+    this.UserGetter = {
+      promises: {
+        getUser: sinon.stub().resolves(this.user),
+        getUsers: sinon.stub().resolves(this.users),
+        getUsersByAnyConfirmedEmail: sinon.stub().resolves(),
+        getSsoUsersAtInstitution: (this.getSsoUsersAtInstitution = sinon
+          .stub()
+          .resolves(this.ssoUsers)),
+      },
+    }
+    this.creator = { create: sinon.stub().resolves() }
+    this.NotificationsBuilder = {
+      promises: {
+        featuresUpgradedByAffiliation: sinon.stub().returns(this.creator),
+        redundantPersonalSubscription: sinon.stub().returns(this.creator),
+      },
+    }
+    this.SubscriptionLocator = {
+      promises: {
+        getUsersSubscription: sinon.stub().resolves(),
+      },
+    }
+    this.institutionWithV1Data = { name: 'Wombat University' }
+    this.institution = {
+      fetchV1DataPromise: sinon.stub().resolves(this.institutionWithV1Data),
+    }
+    this.InstitutionModel = {
+      Institution: {
+        findOne: sinon.stub().returns({
+          exec: sinon.stub().resolves(this.institution),
+        }),
+      },
+    }
+    this.subscriptionExec = sinon.stub().resolves()
+    const SubscriptionModel = {
+      Subscription: {
+        find: () => ({
+          populate: () => ({
+            exec: this.subscriptionExec,
+          }),
+        }),
+      },
+    }
+
+    this.Mongo = {
+      ObjectId,
+    }
+
+    this.v1Counts = {
+      user_ids: this.users.map(user => user._id),
+      current_users_count: 3,
+      lapsed_user_ids: [lapsedUser._id],
+      entitled_via_sso: 1, // 2 entitled, but 1 lapsed
+      with_confirmed_email: 2, // 1 non entitled SSO + 1 email user
+    }
+
+    this.InstitutionsManager = SandboxedModule.require(modulePath, {
+      requires: {
+        './InstitutionsAPI': {
+          promises: {
+            addAffiliation: (this.addAffiliationPromise = sinon
+              .stub()
+              .resolves()),
+            getInstitutionAffiliations:
+              (this.getInstitutionAffiliationsPromise = sinon
+                .stub()
+                .resolves(this.affiliations)),
+            getConfirmedInstitutionAffiliations:
+              (this.getConfirmedInstitutionAffiliationsPromise = sinon
+                .stub()
+                .resolves(this.affiliations)),
+            getInstitutionAffiliationsCounts:
+              (this.getInstitutionAffiliationsCounts = sinon
+                .stub()
+                .resolves(this.v1Counts)),
+          },
+        },
+        '../Subscription/FeaturesUpdater': {
+          promises: {
+            refreshFeatures: (this.refreshFeaturesPromise = sinon
+              .stub()
+              .resolves()),
+          },
+        },
+        '../Subscription/FeaturesHelper': {
+          isFeatureSetBetter: (this.isFeatureSetBetter = sinon.stub()),
+        },
+        '../User/UserGetter': this.UserGetter,
+        '../Notifications/NotificationsBuilder': this.NotificationsBuilder,
+        '../Subscription/SubscriptionLocator': this.SubscriptionLocator,
+        '../../models/Institution': this.InstitutionModel,
+        '../../models/Subscription': SubscriptionModel,
+        'mongodb-legacy': this.Mongo,
+        '@overleaf/settings': {
+          features: { professional: { 'test-feature': true } },
+        },
+      },
+    })
+  })
+
+  describe('refreshInstitutionUsers', function () {
+    beforeEach(function () {
+      this.user1Id = '123abc123abc123abc123abc'
+      this.user2Id = '456def456def456def456def'
+      this.user3Id = '789abd789abd789abd789abd'
+      this.user4Id = '321cba321cba321cba321cba'
+      this.affiliations = [
+        { user_id: this.user1Id },
+        { user_id: this.user2Id },
+        { user_id: this.user3Id },
+        { user_id: this.user4Id },
+      ]
+      this.user1 = { _id: this.user1Id }
+      this.user2 = { _id: this.user2Id }
+      this.user3 = { _id: this.user3Id }
+      this.user4 = { _id: this.user4Id }
+
+      this.UserGetter.promises.getUser
+        .withArgs(new ObjectId(this.user1Id))
+        .resolves(this.user1)
+      this.UserGetter.promises.getUser
+        .withArgs(new ObjectId(this.user2Id))
+        .resolves(this.user2)
+      this.UserGetter.promises.getUser
+        .withArgs(new ObjectId(this.user3Id))
+        .resolves(this.user3)
+      this.UserGetter.promises.getUser
+        .withArgs(new ObjectId(this.user4Id))
+        .resolves(this.user4)
+
+      this.SubscriptionLocator.promises.getUsersSubscription
+        .withArgs(this.user2)
+        .resolves({
+          planCode: 'pro',
+          groupPlan: false,
+        })
+      this.SubscriptionLocator.promises.getUsersSubscription
+        .withArgs(this.user3)
+        .resolves({
+          planCode: 'collaborator_free_trial_7_days',
+          groupPlan: false,
+        })
+      this.SubscriptionLocator.promises.getUsersSubscription
+        .withArgs(this.user4)
+        .resolves({
+          planCode: 'collaborator-annual',
+          groupPlan: true,
+        })
+
+      this.refreshFeaturesPromise.resolves({
+        newFeatures: {},
+        featuresChanged: false,
+      })
+      this.refreshFeaturesPromise
+        .withArgs(new ObjectId(this.user1Id))
+        .resolves({ newFeatures: {}, featuresChanged: true })
+      this.getInstitutionAffiliationsPromise.resolves(this.affiliations)
+      this.getConfirmedInstitutionAffiliationsPromise.resolves(
+        this.affiliations
+      )
+    })
+
+    it('refresh all users Features', async function () {
+      await this.InstitutionsManager.promises.refreshInstitutionUsers(
+        this.institutionId,
+        false
+      )
+      sinon.assert.callCount(this.refreshFeaturesPromise, 4)
+      // expect no notifications
+      sinon.assert.notCalled(
+        this.NotificationsBuilder.promises.featuresUpgradedByAffiliation
+      )
+      sinon.assert.notCalled(
+        this.NotificationsBuilder.promises.redundantPersonalSubscription
+      )
+    })
+
+    it('notifies users if their features have been upgraded', async function () {
+      await this.InstitutionsManager.promises.refreshInstitutionUsers(
+        this.institutionId,
+        true
+      )
+      sinon.assert.calledOnce(
+        this.NotificationsBuilder.promises.featuresUpgradedByAffiliation
+      )
+      sinon.assert.calledWith(
+        this.NotificationsBuilder.promises.featuresUpgradedByAffiliation,
+        this.affiliations[0],
+        this.user1
+      )
+    })
+
+    it('notifies users if they have a subscription, or a trial subscription, that should be cancelled', async function () {
+      await this.InstitutionsManager.promises.refreshInstitutionUsers(
+        this.institutionId,
+        true
+      )
+
+      sinon.assert.calledTwice(
+        this.NotificationsBuilder.promises.redundantPersonalSubscription
+      )
+      sinon.assert.calledWith(
+        this.NotificationsBuilder.promises.redundantPersonalSubscription,
+        this.affiliations[1],
+        this.user2
+      )
+      sinon.assert.calledWith(
+        this.NotificationsBuilder.promises.redundantPersonalSubscription,
+        this.affiliations[2],
+        this.user3
+      )
+    })
+  })
+
+  describe('checkInstitutionUsers', function () {
+    it('returns entitled/not, sso/not, lapsed/current, and pro counts', async function () {
+      if (Features.hasFeature('saas')) {
+        this.isFeatureSetBetter.returns(true)
+        const usersSummary =
+          await this.InstitutionsManager.promises.checkInstitutionUsers(
+            this.institutionId
+          )
+        expect(usersSummary).to.deep.equal({
+          emailUsers: {
+            total: 1,
+            current: 1,
+            lapsed: 0,
+            pro: {
+              current: 1, // isFeatureSetBetter stubbed to return true for all
+              lapsed: 0,
+            },
+            nonPro: {
+              current: 0,
+              lapsed: 0,
+            },
+          },
+          ssoUsers: {
+            total: 3,
+            lapsed: 1,
+            current: {
+              entitled: 1,
+              notEntitled: 1,
+            },
+            pro: {
+              current: 2,
+              lapsed: 1, // isFeatureSetBetter stubbed to return true for all users
+            },
+            nonPro: {
+              current: 0,
+              lapsed: 0,
+            },
+          },
+        })
+      }
+    })
+
+    it('includes withConfirmedEmailMismatch when v1 and v2 counts do not add up', async function () {
+      if (Features.hasFeature('saas')) {
+        this.isFeatureSetBetter.returns(true)
+        this.v1Counts.with_confirmed_email = 100
+        const usersSummary =
+          await this.InstitutionsManager.promises.checkInstitutionUsers(
+            this.institutionId
+          )
+        expect(usersSummary).to.deep.equal({
+          emailUsers: {
+            total: 1,
+            current: 1,
+            lapsed: 0,
+            pro: {
+              current: 1, // isFeatureSetBetter stubbed to return true for all
+              lapsed: 0,
+            },
+            nonPro: {
+              current: 0,
+              lapsed: 0,
+            },
+          },
+          ssoUsers: {
+            total: 3,
+            lapsed: 1,
+            current: {
+              entitled: 1,
+              notEntitled: 1,
+            },
+            pro: {
+              current: 2,
+              lapsed: 1, // isFeatureSetBetter stubbed to return true for all users
+            },
+            nonPro: {
+              current: 0,
+              lapsed: 0,
+            },
+          },
+          databaseMismatch: {
+            withConfirmedEmail: {
+              v1: 100,
+              v2: 2,
+            },
+          },
+        })
+      }
+    })
+  })
+
+  describe('getInstitutionUsersSubscriptions', function () {
+    it('returns all institution users subscriptions', async function () {
+      const stubbedUsers = [
+        { user_id: '123abc123abc123abc123abc' },
+        { user_id: '456def456def456def456def' },
+        { user_id: '789def789def789def789def' },
+      ]
+      this.getInstitutionAffiliationsPromise.resolves(stubbedUsers)
+      await this.InstitutionsManager.promises.getInstitutionUsersSubscriptions(
+        this.institutionId
+      )
+      sinon.assert.calledOnce(this.subscriptionExec)
+    })
+  })
+
+  describe('addAffiliations', function () {
+    beforeEach(function () {
+      this.host = 'mit.edu'.split('').reverse().join('')
+      this.stubbedUser1 = {
+        _id: '6573014d8a14461b3d1aac3f',
+        name: 'bob',
+        email: 'hello@world.com',
+        emails: [
+          { email: 'stubb1@mit.edu', reversedHostname: this.host },
+          { email: 'test@test.com', reversedHostname: 'test.com' },
+          { email: 'another@mit.edu', reversedHostname: this.host },
+        ],
+      }
+      this.stubbedUser1DecoratedEmails = [
+        {
+          email: 'stubb1@mit.edu',
+          reversedHostname: this.host,
+          samlIdentifier: { hasEntitlement: false },
+        },
+        { email: 'test@test.com', reversedHostname: 'test.com' },
+        {
+          email: 'another@mit.edu',
+          reversedHostname: this.host,
+          samlIdentifier: { hasEntitlement: true },
+        },
+      ]
+      this.stubbedUser2 = {
+        _id: '6573014d8a14461b3d1aac40',
+        name: 'test',
+        email: 'hello2@world.com',
+        emails: [{ email: 'subb2@mit.edu', reversedHostname: this.host }],
+      }
+      this.stubbedUser2DecoratedEmails = [
+        {
+          email: 'subb2@mit.edu',
+          reversedHostname: this.host,
+        },
+      ]
+
+      this.getInstitutionUsersByHostname = sinon.stub().resolves([
+        {
+          _id: this.stubbedUser1._id,
+          emails: this.stubbedUser1DecoratedEmails,
+        },
+        {
+          _id: this.stubbedUser2._id,
+          emails: this.stubbedUser2DecoratedEmails,
+        },
+      ])
+      this.UserGetter.promises.getInstitutionUsersByHostname =
+        this.getInstitutionUsersByHostname
+    })
+
+    describe('affiliateUsers', function () {
+      it('should add affiliations for matching users', async function () {
+        await this.InstitutionsManager.promises.affiliateUsers('mit.edu')
+
+        this.getInstitutionUsersByHostname.calledOnce.should.equal(true)
+        this.addAffiliationPromise.calledThrice.should.equal(true)
+        this.addAffiliationPromise
+          .calledWithMatch(
+            this.stubbedUser1._id,
+            this.stubbedUser1.emails[0].email,
+            { entitlement: false }
+          )
+          .should.equal(true)
+        this.addAffiliationPromise
+          .calledWithMatch(
+            this.stubbedUser1._id,
+            this.stubbedUser1.emails[2].email,
+            { entitlement: true }
+          )
+          .should.equal(true)
+        this.addAffiliationPromise
+          .calledWithMatch(
+            this.stubbedUser2._id,
+            this.stubbedUser2.emails[0].email,
+            { entitlement: undefined }
+          )
+          .should.equal(true)
+        this.refreshFeaturesPromise
+          .calledWith(this.stubbedUser1._id)
+          .should.equal(true)
+        this.refreshFeaturesPromise
+          .calledWith(this.stubbedUser2._id)
+          .should.equal(true)
+        this.refreshFeaturesPromise.should.have.been.calledTwice
+      })
+
+      it('should return errors if last affiliation cannot be added', async function () {
+        this.addAffiliationPromise.onCall(2).rejects()
+        await expect(
+          this.InstitutionsManager.promises.affiliateUsers('mit.edu')
+        ).to.be.rejected
+
+        this.getInstitutionUsersByHostname.calledOnce.should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/LinkedFiles/LinkedFilesControllerTests.mjs b/services/web/test/unit/src/LinkedFiles/LinkedFilesControllerTests.mjs
new file mode 100644
index 0000000..f1b7b58
--- /dev/null
+++ b/services/web/test/unit/src/LinkedFiles/LinkedFilesControllerTests.mjs
@@ -0,0 +1,155 @@
+import { expect } from 'chai'
+import esmock from 'esmock'
+import sinon from 'sinon'
+const modulePath =
+  '../../../../app/src/Features/LinkedFiles/LinkedFilesController.mjs'
+
+describe('LinkedFilesController', function () {
+  beforeEach(function () {
+    this.fakeTime = new Date()
+    this.clock = sinon.useFakeTimers(this.fakeTime.getTime())
+  })
+
+  afterEach(function () {
+    this.clock.restore()
+  })
+
+  beforeEach(async function () {
+    this.userId = 'user-id'
+    this.Agent = {
+      promises: {
+        createLinkedFile: sinon.stub().resolves(),
+        refreshLinkedFile: sinon.stub().resolves(),
+      },
+    }
+    this.projectId = 'projectId'
+    this.provider = 'provider'
+    this.name = 'linked-file-name'
+    this.data = { customAgentData: 'foo' }
+    this.LinkedFilesHandler = {
+      promises: {
+        getFileById: sinon.stub(),
+      },
+    }
+    this.AnalyticsManager = {}
+    this.SessionManager = {
+      getLoggedInUserId: sinon.stub().returns(this.userId),
+    }
+    this.EditorRealTimeController = {}
+    this.ReferencesHandler = {}
+    this.UrlAgent = {}
+    this.ProjectFileAgent = {}
+    this.ProjectOutputFileAgent = {}
+    this.EditorController = {}
+    this.ProjectLocator = {}
+    this.logger = {
+      error: sinon.stub(),
+    }
+    this.settings = { enabledLinkedFileTypes: [] }
+    this.LinkedFilesController = await esmock.strict(modulePath, {
+      '.../../../../app/src/Features/Authentication/SessionManager':
+        this.SessionManager,
+      '../../../../app/src/Features/Analytics/AnalyticsManager':
+        this.AnalyticsManager,
+      '../../../../app/src/Features/LinkedFiles/LinkedFilesHandler':
+        this.LinkedFilesHandler,
+      '../../../../app/src/Features/Editor/EditorRealTimeController':
+        this.EditorRealTimeController,
+      '../../../../app/src/Features/References/ReferencesHandler':
+        this.ReferencesHandler,
+      '../../../../app/src/Features/LinkedFiles/UrlAgent': this.UrlAgent,
+      '../../../../app/src/Features/LinkedFiles/ProjectFileAgent':
+        this.ProjectFileAgent,
+      '../../../../app/src/Features/LinkedFiles/ProjectOutputFileAgent':
+        this.ProjectOutputFileAgent,
+      '../../../../app/src/Features/Editor/EditorController':
+        this.EditorController,
+      '../../../../app/src/Features/Project/ProjectLocator':
+        this.ProjectLocator,
+      '@overleaf/logger': this.logger,
+      '@overleaf/settings': this.settings,
+    })
+    this.LinkedFilesController._getAgent = sinon.stub().resolves(this.Agent)
+  })
+
+  describe('createLinkedFile', function () {
+    beforeEach(function () {
+      this.req = {
+        params: { project_id: this.projectId },
+        body: {
+          name: this.name,
+          provider: this.provider,
+          data: this.data,
+        },
+      }
+      this.next = sinon.stub()
+    })
+
+    it('sets importedAt timestamp on linkedFileData', function (done) {
+      this.next = sinon.stub().callsFake(() => done('unexpected error'))
+      this.res = {
+        json: () => {
+          expect(this.Agent.promises.createLinkedFile).to.have.been.calledWith(
+            this.projectId,
+            { ...this.data, importedAt: this.fakeTime.toISOString() },
+            this.name,
+            undefined,
+            this.userId
+          )
+          done()
+        },
+      }
+      this.LinkedFilesController.createLinkedFile(this.req, this.res, this.next)
+    })
+  })
+  describe('refreshLinkedFiles', function () {
+    beforeEach(function () {
+      this.data.provider = this.provider
+      this.file = {
+        name: this.name,
+        linkedFileData: {
+          ...this.data,
+          importedAt: new Date(2020, 1, 1).toISOString(),
+        },
+      }
+      this.LinkedFilesHandler.promises.getFileById
+        .withArgs(this.projectId, 'file-id')
+        .resolves({
+          file: this.file,
+          path: 'fake-path',
+          parentFolder: {
+            _id: 'parent-folder-id',
+          },
+        })
+      this.req = {
+        params: { project_id: this.projectId, file_id: 'file-id' },
+        body: {},
+      }
+      this.next = sinon.stub()
+    })
+
+    it('resets importedAt timestamp on linkedFileData', function (done) {
+      this.next = sinon.stub().callsFake(() => done('unexpected error'))
+      this.res = {
+        json: () => {
+          expect(this.Agent.promises.refreshLinkedFile).to.have.been.calledWith(
+            this.projectId,
+            {
+              ...this.data,
+              importedAt: this.fakeTime.toISOString(),
+            },
+            this.name,
+            'parent-folder-id',
+            this.userId
+          )
+          done()
+        },
+      }
+      this.LinkedFilesController.refreshLinkedFile(
+        this.req,
+        this.res,
+        this.next
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Metadata/MetaControllerTests.mjs b/services/web/test/unit/src/Metadata/MetaControllerTests.mjs
new file mode 100644
index 0000000..5695d28
--- /dev/null
+++ b/services/web/test/unit/src/Metadata/MetaControllerTests.mjs
@@ -0,0 +1,163 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+import esmock from 'esmock'
+import MockResponse from '../helpers/MockResponse.js'
+const modulePath = '../../../../app/src/Features/Metadata/MetaController.mjs'
+
+describe('MetaController', function () {
+  beforeEach(async function () {
+    this.EditorRealTimeController = {
+      emitToRoom: sinon.stub(),
+    }
+
+    this.MetaHandler = {
+      promises: {
+        getAllMetaForProject: sinon.stub(),
+        getMetaForDoc: sinon.stub(),
+      },
+    }
+
+    this.MetadataController = await esmock.strict(modulePath, {
+      '../../../../app/src/Features/Editor/EditorRealTimeController':
+        this.EditorRealTimeController,
+      '../../../../app/src/Features/Metadata/MetaHandler': this.MetaHandler,
+    })
+  })
+
+  describe('getMetadata', function () {
+    it('should respond with json', async function () {
+      const projectMeta = {
+        'doc-id': {
+          labels: ['foo'],
+          packages: { a: { commands: [] } },
+          packageNames: ['a'],
+        },
+      }
+
+      this.MetaHandler.promises.getAllMetaForProject = sinon
+        .stub()
+        .resolves(projectMeta)
+
+      const req = { params: { project_id: 'project-id' } }
+      const res = new MockResponse()
+      const next = sinon.stub()
+
+      await this.MetadataController.getMetadata(req, res, next)
+
+      this.MetaHandler.promises.getAllMetaForProject.should.have.been.calledWith(
+        'project-id'
+      )
+      res.json.should.have.been.calledOnceWith({
+        projectId: 'project-id',
+        projectMeta,
+      })
+      next.should.not.have.been.called
+    })
+
+    it('should handle an error', async function () {
+      this.MetaHandler.promises.getAllMetaForProject = sinon
+        .stub()
+        .throws(new Error('woops'))
+
+      const req = { params: { project_id: 'project-id' } }
+      const res = new MockResponse()
+      const next = sinon.stub()
+
+      await this.MetadataController.getMetadata(req, res, next)
+
+      this.MetaHandler.promises.getAllMetaForProject.should.have.been.calledWith(
+        'project-id'
+      )
+      res.json.should.not.have.been.called
+      next.should.have.been.calledWithMatch(error => error instanceof Error)
+    })
+  })
+
+  describe('broadcastMetadataForDoc', function () {
+    it('should broadcast on broadcast:true ', async function () {
+      this.MetaHandler.promises.getMetaForDoc = sinon.stub().resolves({
+        labels: ['foo'],
+        packages: { a: { commands: [] } },
+        packageNames: ['a'],
+      })
+
+      this.EditorRealTimeController.emitToRoom = sinon.stub()
+
+      const req = {
+        params: { project_id: 'project-id', doc_id: 'doc-id' },
+        body: { broadcast: true },
+      }
+      const res = new MockResponse()
+      const next = sinon.stub()
+
+      await this.MetadataController.broadcastMetadataForDoc(req, res, next)
+
+      this.MetaHandler.promises.getMetaForDoc.should.have.been.calledWith(
+        'project-id'
+      )
+      res.json.should.not.have.been.called
+      res.sendStatus.should.have.been.calledOnceWith(200)
+      next.should.not.have.been.called
+
+      this.EditorRealTimeController.emitToRoom.should.have.been.calledOnce
+      const { lastCall } = this.EditorRealTimeController.emitToRoom
+      expect(lastCall.args[0]).to.equal('project-id')
+      expect(lastCall.args[1]).to.equal('broadcastDocMeta')
+      expect(lastCall.args[2]).to.have.all.keys(['docId', 'meta'])
+    })
+
+    it('should return json on broadcast:false ', async function () {
+      const docMeta = {
+        labels: ['foo'],
+        packages: { a: [] },
+        packageNames: ['a'],
+      }
+
+      this.MetaHandler.promises.getMetaForDoc = sinon.stub().resolves(docMeta)
+
+      this.EditorRealTimeController.emitToRoom = sinon.stub()
+
+      const req = {
+        params: { project_id: 'project-id', doc_id: 'doc-id' },
+        body: { broadcast: false },
+      }
+      const res = new MockResponse()
+      const next = sinon.stub()
+
+      await this.MetadataController.broadcastMetadataForDoc(req, res, next)
+
+      this.MetaHandler.promises.getMetaForDoc.should.have.been.calledWith(
+        'project-id'
+      )
+      this.EditorRealTimeController.emitToRoom.should.not.have.been.called
+      res.json.should.have.been.calledOnceWith({
+        docId: 'doc-id',
+        meta: docMeta,
+      })
+      next.should.not.have.been.called
+    })
+
+    it('should handle an error', async function () {
+      this.MetaHandler.promises.getMetaForDoc = sinon
+        .stub()
+        .throws(new Error('woops'))
+
+      this.EditorRealTimeController.emitToRoom = sinon.stub()
+
+      const req = {
+        params: { project_id: 'project-id', doc_id: 'doc-id' },
+        body: { broadcast: true },
+      }
+      const res = new MockResponse()
+      const next = sinon.stub()
+
+      await this.MetadataController.broadcastMetadataForDoc(req, res, next)
+
+      this.MetaHandler.promises.getMetaForDoc.should.have.been.calledWith(
+        'project-id'
+      )
+      res.json.should.not.have.been.called
+      next.should.have.been.calledWithMatch(error => error instanceof Error)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Metadata/MetaHandlerTests.mjs b/services/web/test/unit/src/Metadata/MetaHandlerTests.mjs
new file mode 100644
index 0000000..289fd0b
--- /dev/null
+++ b/services/web/test/unit/src/Metadata/MetaHandlerTests.mjs
@@ -0,0 +1,218 @@
+import { expect } from 'chai'
+import sinon from 'sinon'
+import esmock from 'esmock'
+
+const modulePath = '../../../../app/src/Features/Metadata/MetaHandler.mjs'
+
+describe('MetaHandler', function () {
+  beforeEach(async function () {
+    this.projectId = 'someprojectid'
+    this.docId = 'somedocid'
+
+    this.lines = [
+      '\\usepackage{ foo, bar }',
+      '\\usepackage{baz}',
+      'one',
+      '\\label{aaa}',
+      'two',
+      'commented label % \\label{bbb}', // bbb should not be in the returned labels
+      '\\label{ccc}%bar', // ccc should be in the returned labels
+      '\\label{ddd} % bar', // ddd should be in the returned labels
+      '\\label{ e,f,g }', // e,f,g should be in the returned labels
+      '\\begin{lstlisting}[label=foo, caption={Test}]', // foo should be in the returned labels
+      '\\begin{lstlisting}[label={lst:foo},caption={Test}]', // lst:foo should be in the returned labels
+    ]
+
+    this.docs = {
+      [this.docId]: {
+        _id: this.docId,
+        lines: this.lines,
+      },
+    }
+
+    this.ProjectEntityHandler = {
+      promises: {
+        getAllDocs: sinon.stub().resolves(this.docs),
+        getDoc: sinon.stub().resolves(this.docs[this.docId]),
+      },
+    }
+
+    this.DocumentUpdaterHandler = {
+      promises: {
+        flushDocToMongo: sinon.stub().resolves(),
+        flushProjectToMongo: sinon.stub().resolves(),
+      },
+    }
+
+    this.packageMapping = {
+      foo: [
+        {
+          caption: '\\bar',
+          snippet: '\\bar',
+          meta: 'foo-cmd',
+          score: 12,
+        },
+        {
+          caption: '\\bat[]{}',
+          snippet: '\\bar[$1]{$2}',
+          meta: 'foo-cmd',
+          score: 10,
+        },
+      ],
+      baz: [
+        {
+          caption: '\\longercommandtest{}',
+          snippet: '\\longercommandtest{$1}',
+          meta: 'baz-cmd',
+          score: 50,
+        },
+      ],
+    }
+
+    this.MetaHandler = await esmock.strict(modulePath, {
+      '../../../../app/src/Features/Project/ProjectEntityHandler':
+        this.ProjectEntityHandler,
+      '../../../../app/src/Features/DocumentUpdater/DocumentUpdaterHandler':
+        this.DocumentUpdaterHandler,
+      '../../../../app/src/Features/Metadata/packageMapping':
+        this.packageMapping,
+    })
+  })
+
+  describe('getMetaForDoc', function () {
+    it('should extract all the labels and packages', async function () {
+      const result = await this.MetaHandler.promises.getMetaForDoc(
+        this.projectId,
+        this.docId
+      )
+
+      expect(result).to.deep.equal({
+        labels: ['aaa', 'ccc', 'ddd', 'e,f,g', 'foo', 'lst:foo'],
+        packages: {
+          foo: this.packageMapping.foo,
+          baz: this.packageMapping.baz,
+        },
+        packageNames: ['foo', 'bar', 'baz'],
+      })
+
+      this.DocumentUpdaterHandler.promises.flushDocToMongo.should.be.calledWith(
+        this.projectId,
+        this.docId
+      )
+
+      this.ProjectEntityHandler.promises.getDoc.should.be.calledWith(
+        this.projectId,
+        this.docId
+      )
+    })
+  })
+
+  describe('getAllMetaForProject', function () {
+    it('should extract all metadata', async function () {
+      this.ProjectEntityHandler.promises.getAllDocs = sinon.stub().resolves({
+        doc_one: {
+          _id: 'id_one',
+          lines: ['one', '\\label{aaa} two', 'three'],
+        },
+        doc_two: {
+          _id: 'id_two',
+          lines: ['four'],
+        },
+        doc_three: {
+          _id: 'id_three',
+          lines: ['\\label{bbb}', 'five six', 'seven eight \\label{ccc} nine'],
+        },
+        doc_four: {
+          _id: 'id_four',
+          lines: [
+            '\\usepackage[width=\\textwidth]{baz}',
+            '\\usepackage{amsmath}',
+          ],
+        },
+        doc_five: {
+          _id: 'id_five',
+          lines: [
+            '\\usepackage{foo,baz}',
+            '\\usepackage[options=foo]{hello}',
+            'some text',
+            '\\section{this}\\label{sec:intro}',
+            'In Section \\ref{sec:intro} we saw',
+            'nothing',
+          ],
+        },
+      })
+
+      const result = await this.MetaHandler.promises.getAllMetaForProject(
+        this.projectId
+      )
+
+      expect(result).to.deep.equal({
+        id_one: {
+          labels: ['aaa'],
+          packages: {},
+          packageNames: [],
+        },
+        id_two: {
+          labels: [],
+          packages: {},
+          packageNames: [],
+        },
+        id_three: {
+          labels: ['bbb', 'ccc'],
+          packages: {},
+          packageNames: [],
+        },
+        id_four: {
+          labels: [],
+          packages: {
+            baz: [
+              {
+                caption: '\\longercommandtest{}',
+                snippet: '\\longercommandtest{$1}',
+                meta: 'baz-cmd',
+                score: 50,
+              },
+            ],
+          },
+          packageNames: ['baz', 'amsmath'],
+        },
+        id_five: {
+          labels: ['sec:intro'],
+          packages: {
+            foo: [
+              {
+                caption: '\\bar',
+                snippet: '\\bar',
+                meta: 'foo-cmd',
+                score: 12,
+              },
+              {
+                caption: '\\bat[]{}',
+                snippet: '\\bar[$1]{$2}',
+                meta: 'foo-cmd',
+                score: 10,
+              },
+            ],
+            baz: [
+              {
+                caption: '\\longercommandtest{}',
+                snippet: '\\longercommandtest{$1}',
+                meta: 'baz-cmd',
+                score: 50,
+              },
+            ],
+          },
+          packageNames: ['foo', 'baz', 'hello'],
+        },
+      })
+
+      this.DocumentUpdaterHandler.promises.flushProjectToMongo.should.be.calledWith(
+        this.projectId
+      )
+
+      this.ProjectEntityHandler.promises.getAllDocs.should.be.calledWith(
+        this.projectId
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Newsletter/NewsletterManagerTests.js b/services/web/test/unit/src/Newsletter/NewsletterManagerTests.js
new file mode 100644
index 0000000..193f962
--- /dev/null
+++ b/services/web/test/unit/src/Newsletter/NewsletterManagerTests.js
@@ -0,0 +1,214 @@
+const { expect } = require('chai')
+const sinon = require('sinon')
+const { RequestFailedError } = require('@overleaf/fetch-utils')
+const SandboxedModule = require('sandboxed-module')
+
+const MODULE_PATH = '../../../../app/src/Features/Newsletter/NewsletterManager'
+
+describe('NewsletterManager', function () {
+  beforeEach('setup mocks', function () {
+    this.Settings = {
+      mailchimp: {
+        api_key: 'api_key',
+        list_id: 'list_id',
+      },
+    }
+    this.mailchimp = {
+      get: sinon.stub(),
+      put: sinon.stub(),
+      patch: sinon.stub(),
+      delete: sinon.stub(),
+    }
+    this.Mailchimp = sinon.stub().returns(this.mailchimp)
+
+    this.mergeFields = {
+      FNAME: 'Overleaf',
+      LNAME: 'Duck',
+      MONGO_ID: 'user_id',
+    }
+
+    this.NewsletterManager = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        './MailChimpClient': this.Mailchimp,
+        '@overleaf/settings': this.Settings,
+      },
+      globals: { AbortController },
+    }).promises
+
+    this.NewsletterManager.get = sinon.stub()
+    this.NewsletterManager.delete = sinon.stub()
+
+    this.user = {
+      _id: 'user_id',
+      email: 'overleaf.duck@example.com',
+      first_name: 'Overleaf',
+      last_name: 'Duck',
+    }
+    // MD5 sum of the user email
+    this.emailHash = 'c02f60ed0ef51818186274e406c9a48f'
+  })
+
+  describe('subscribed', function () {
+    it('calls Mailchimp to get the user status', async function () {
+      await this.NewsletterManager.subscribed(this.user)
+      expect(this.mailchimp.get).to.have.been.calledWith(
+        `/lists/list_id/members/${this.emailHash}`
+      )
+    })
+
+    it('returns true when subscribed', async function () {
+      this.mailchimp.get.resolves({ status: 'subscribed' })
+
+      const subscribed = await this.NewsletterManager.subscribed(this.user)
+      expect(subscribed).to.be.true
+    })
+
+    it('returns false on 404', async function () {
+      this.mailchimp.get.rejects(
+        new RequestFailedError(
+          'http://some-url',
+          {},
+          { status: 404 },
+          'Not found'
+        )
+      )
+      const subscribed = await this.NewsletterManager.subscribed(this.user)
+      expect(subscribed).to.be.false
+    })
+  })
+
+  describe('subscribe', function () {
+    it('calls Mailchimp to subscribe the user', async function () {
+      await this.NewsletterManager.subscribe(this.user)
+      expect(this.mailchimp.put).to.have.been.calledWith(
+        `/lists/list_id/members/${this.emailHash}`,
+        {
+          email_address: this.user.email,
+          status: 'subscribed',
+          status_if_new: 'subscribed',
+          merge_fields: this.mergeFields,
+        }
+      )
+    })
+  })
+
+  describe('unsubscribe', function () {
+    describe('when unsubscribing normally', function () {
+      it('calls Mailchimp to unsubscribe the user', async function () {
+        await this.NewsletterManager.unsubscribe(this.user)
+        expect(this.mailchimp.patch).to.have.been.calledWith(
+          `/lists/list_id/members/${this.emailHash}`,
+          {
+            status: 'unsubscribed',
+            merge_fields: this.mergeFields,
+          }
+        )
+      })
+
+      it('ignores a Mailchimp error about fake emails', async function () {
+        this.mailchimp.patch.rejects(
+          new Error(
+            'overleaf.duck@example.com looks fake or invalid, please enter a real email address'
+          )
+        )
+        await expect(this.NewsletterManager.unsubscribe(this.user)).to.be
+          .fulfilled
+      })
+
+      it('rejects on other errors', async function () {
+        this.mailchimp.patch.rejects(
+          new Error('something really wrong is happening')
+        )
+        await expect(this.NewsletterManager.unsubscribe(this.user)).to.be
+          .rejected
+      })
+    })
+
+    describe('when deleting', function () {
+      it('calls Mailchimp to delete the user', async function () {
+        await this.NewsletterManager.unsubscribe(this.user, { delete: true })
+        expect(this.mailchimp.delete).to.have.been.calledWith(
+          `/lists/list_id/members/${this.emailHash}`
+        )
+      })
+
+      it('ignores a Mailchimp error about fake emails', async function () {
+        this.mailchimp.delete.rejects(
+          new Error(
+            'overleaf.duck@example.com looks fake or invalid, please enter a real email address'
+          )
+        )
+        await expect(
+          this.NewsletterManager.unsubscribe(this.user, { delete: true })
+        ).to.be.fulfilled
+      })
+
+      it('rejects on other errors', async function () {
+        this.mailchimp.delete.rejects(
+          new Error('something really wrong is happening')
+        )
+        await expect(
+          this.NewsletterManager.unsubscribe(this.user, { delete: true })
+        ).to.be.rejected
+      })
+    })
+  })
+
+  describe('changeEmail', function () {
+    it('calls Mailchimp to change the subscriber email', async function () {
+      await this.NewsletterManager.changeEmail(
+        this.user,
+        'overleaf.squirrel@example.com'
+      )
+      expect(this.mailchimp.patch).to.have.been.calledWith(
+        `/lists/list_id/members/${this.emailHash}`,
+        {
+          email_address: 'overleaf.squirrel@example.com',
+          merge_fields: this.mergeFields,
+        }
+      )
+    })
+
+    it('deletes the old email if changing the address fails', async function () {
+      this.mailchimp.patch
+        .withArgs(`/lists/list_id/members/${this.emailHash}`, {
+          email_address: 'overleaf.squirrel@example.com',
+          merge_fields: this.mergeFields,
+        })
+        .rejects(new Error('that did not work'))
+
+      await expect(
+        this.NewsletterManager.changeEmail(
+          this.user,
+          'overleaf.squirrel@example.com'
+        )
+      ).to.be.rejected
+
+      expect(this.mailchimp.delete).to.have.been.calledWith(
+        `/lists/list_id/members/${this.emailHash}`
+      )
+    })
+
+    it('does not reject on non-fatal error ', async function () {
+      const nonFatalError = new Error('merge fields were invalid')
+      this.mailchimp.patch.rejects(nonFatalError)
+      await expect(
+        this.NewsletterManager.changeEmail(
+          this.user,
+          'overleaf.squirrel@example.com'
+        )
+      ).to.be.fulfilled
+    })
+
+    it('rejects on any other error', async function () {
+      const fatalError = new Error('fatal error')
+      this.mailchimp.patch.rejects(fatalError)
+      await expect(
+        this.NewsletterManager.changeEmail(
+          this.user,
+          'overleaf.squirrel@example.com'
+        )
+      ).to.be.rejected
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Notifications/NotificationsBuilderTests.js b/services/web/test/unit/src/Notifications/NotificationsBuilderTests.js
new file mode 100644
index 0000000..234cf75
--- /dev/null
+++ b/services/web/test/unit/src/Notifications/NotificationsBuilderTests.js
@@ -0,0 +1,170 @@
+const SandboxedModule = require('sandboxed-module')
+const { expect } = require('chai')
+const sinon = require('sinon')
+const modulePath = require('path').join(
+  __dirname,
+  '../../../../app/src/Features/Notifications/NotificationsBuilder.js'
+)
+
+describe('NotificationsBuilder', function () {
+  const userId = '123nd3ijdks'
+
+  beforeEach(function () {
+    this.handler = { createNotification: sinon.stub().callsArgWith(6) }
+    this.settings = { apis: { v1: { url: 'v1.url', user: '', pass: '' } } }
+    this.request = sinon.stub()
+    this.controller = SandboxedModule.require(modulePath, {
+      requires: {
+        './NotificationsHandler': this.handler,
+        '@overleaf/settings': this.settings,
+        request: this.request,
+      },
+    })
+  })
+
+  describe('dropboxUnlinkedDueToLapsedReconfirmation', function (done) {
+    it('should create the notification', function (done) {
+      this.controller
+        .dropboxUnlinkedDueToLapsedReconfirmation(userId)
+        .create(error => {
+          expect(error).to.not.exist
+          expect(this.handler.createNotification).to.have.been.calledWith(
+            userId,
+            'drobox-unlinked-due-to-lapsed-reconfirmation',
+            'notification_dropbox_unlinked_due_to_lapsed_reconfirmation',
+            {},
+            null,
+            true
+          )
+          done()
+        })
+    })
+    describe('NotificationsHandler error', function () {
+      let anError
+      beforeEach(function () {
+        anError = new Error('oops')
+        this.handler.createNotification.yields(anError)
+      })
+      it('should return errors from NotificationsHandler', function (done) {
+        this.controller
+          .dropboxUnlinkedDueToLapsedReconfirmation(userId)
+          .create(error => {
+            expect(error).to.exist
+            expect(error).to.deep.equal(anError)
+            done()
+          })
+      })
+    })
+  })
+
+  describe('groupInvitation', function (done) {
+    const subscriptionId = '123123bcabca'
+    beforeEach(function () {
+      this.invite = {
+        token: '123123abcabc',
+        inviterName: 'Mr Overleaf',
+        managedUsersEnabled: false,
+      }
+    })
+
+    it('should create the notification', function (done) {
+      this.controller
+        .groupInvitation(
+          userId,
+          subscriptionId,
+          this.invite.managedUsersEnabled
+        )
+        .create(this.invite, error => {
+          expect(error).to.not.exist
+          expect(this.handler.createNotification).to.have.been.calledWith(
+            userId,
+            `groupInvitation-${subscriptionId}-${userId}`,
+            'notification_group_invitation',
+            {
+              token: this.invite.token,
+              inviterName: this.invite.inviterName,
+              managedUsersEnabled: this.invite.managedUsersEnabled,
+            },
+            null,
+            true
+          )
+          done()
+        })
+    })
+  })
+
+  describe('ipMatcherAffiliation', function () {
+    describe('with portal and with SSO', function () {
+      beforeEach(function () {
+        this.body = {
+          id: 1,
+          name: 'stanford',
+          enrolment_ad_html: 'v1 ad content',
+          is_university: true,
+          portal_slug: null,
+          sso_enabled: false,
+        }
+        this.request.callsArgWith(1, null, { statusCode: 200 }, this.body)
+      })
+
+      it('should call v1 and create affiliation notifications', function (done) {
+        const ip = '192.168.0.1'
+        this.controller.ipMatcherAffiliation(userId).create(ip, callback => {
+          this.request.calledOnce.should.equal(true)
+          const expectedOpts = {
+            institutionId: this.body.id,
+            university_name: this.body.name,
+            content: this.body.enrolment_ad_html,
+            ssoEnabled: false,
+            portalPath: undefined,
+          }
+          this.handler.createNotification
+            .calledWith(
+              userId,
+              `ip-matched-affiliation-${this.body.id}`,
+              'notification_ip_matched_affiliation',
+              expectedOpts
+            )
+            .should.equal(true)
+          done()
+        })
+      })
+    })
+    describe('without portal and without SSO', function () {
+      beforeEach(function () {
+        this.body = {
+          id: 1,
+          name: 'stanford',
+          enrolment_ad_html: 'v1 ad content',
+          is_university: true,
+          portal_slug: 'stanford',
+          sso_enabled: true,
+        }
+        this.request.callsArgWith(1, null, { statusCode: 200 }, this.body)
+      })
+
+      it('should call v1 and create affiliation notifications', function (done) {
+        const ip = '192.168.0.1'
+        this.controller.ipMatcherAffiliation(userId).create(ip, callback => {
+          this.request.calledOnce.should.equal(true)
+          const expectedOpts = {
+            institutionId: this.body.id,
+            university_name: this.body.name,
+            content: this.body.enrolment_ad_html,
+            ssoEnabled: true,
+            portalPath: '/edu/stanford',
+          }
+          this.handler.createNotification
+            .calledWith(
+              userId,
+              `ip-matched-affiliation-${this.body.id}`,
+              'notification_ip_matched_affiliation',
+              expectedOpts
+            )
+            .should.equal(true)
+          done()
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Notifications/NotificationsControllerTests.mjs b/services/web/test/unit/src/Notifications/NotificationsControllerTests.mjs
new file mode 100644
index 0000000..0e22b22
--- /dev/null
+++ b/services/web/test/unit/src/Notifications/NotificationsControllerTests.mjs
@@ -0,0 +1,66 @@
+import esmock from 'esmock'
+import sinon from 'sinon'
+
+const modulePath = new URL(
+  '../../../../app/src/Features/Notifications/NotificationsController.mjs',
+  import.meta.url
+).pathname
+
+describe('NotificationsController', function () {
+  const userId = '123nd3ijdks'
+  const notificationId = '123njdskj9jlk'
+
+  beforeEach(async function () {
+    this.handler = {
+      getUserNotifications: sinon.stub().callsArgWith(1),
+      markAsRead: sinon.stub().callsArgWith(2),
+    }
+    this.req = {
+      params: {
+        notificationId,
+      },
+      session: {
+        user: {
+          _id: userId,
+        },
+      },
+      i18n: {
+        translate() {},
+      },
+    }
+    this.AuthenticationController = {
+      getLoggedInUserId: sinon.stub().returns(this.req.session.user._id),
+    }
+    this.controller = await esmock.strict(modulePath, {
+      '../../../../app/src/Features/Notifications/NotificationsHandler':
+        this.handler,
+      '../../../../app/src/Features/Authentication/AuthenticationController':
+        this.AuthenticationController,
+    })
+  })
+
+  it('should ask the handler for all unread notifications', function (done) {
+    const allNotifications = [{ _id: notificationId, user_id: userId }]
+    this.handler.getUserNotifications = sinon
+      .stub()
+      .callsArgWith(1, null, allNotifications)
+    this.controller.getAllUnreadNotifications(this.req, {
+      json: body => {
+        body.should.deep.equal(allNotifications)
+        this.handler.getUserNotifications.calledWith(userId).should.equal(true)
+        done()
+      },
+    })
+  })
+
+  it('should send a delete request when a delete has been received to mark a notification', function (done) {
+    this.controller.markNotificationAsRead(this.req, {
+      sendStatus: () => {
+        this.handler.markAsRead
+          .calledWith(userId, notificationId)
+          .should.equal(true)
+        done()
+      },
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Notifications/NotificationsHandlerTests.js b/services/web/test/unit/src/Notifications/NotificationsHandlerTests.js
new file mode 100644
index 0000000..5eb431f
--- /dev/null
+++ b/services/web/test/unit/src/Notifications/NotificationsHandlerTests.js
@@ -0,0 +1,179 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const { assert } = require('chai')
+const sinon = require('sinon')
+const modulePath = require('path').join(
+  __dirname,
+  '../../../../app/src/Features/Notifications/NotificationsHandler.js'
+)
+const _ = require('lodash')
+
+describe('NotificationsHandler', function () {
+  const userId = '123nd3ijdks'
+  const notificationId = '123njdskj9jlk'
+  const notificationUrl = 'notification.overleaf.testing'
+
+  beforeEach(function () {
+    this.request = sinon.stub().callsArgWith(1)
+    return (this.handler = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': {
+          apis: { notifications: { url: notificationUrl } },
+        },
+        request: this.request,
+      },
+    }))
+  })
+
+  describe('getUserNotifications', function () {
+    it('should get unread notifications', function (done) {
+      const stubbedNotifications = [{ _id: notificationId, user_id: userId }]
+      this.request.callsArgWith(
+        1,
+        null,
+        { statusCode: 200 },
+        stubbedNotifications
+      )
+      return this.handler.getUserNotifications(
+        userId,
+        (err, unreadNotifications) => {
+          stubbedNotifications.should.deep.equal(unreadNotifications)
+          const getOpts = {
+            uri: `${notificationUrl}/user/${userId}`,
+            json: true,
+            timeout: 1000,
+            method: 'GET',
+          }
+          this.request.calledWith(getOpts).should.equal(true)
+          return done()
+        }
+      )
+    })
+
+    it('should return empty arrays if there are no notifications', function () {
+      this.request.callsArgWith(1, null, { statusCode: 200 }, null)
+      return this.handler.getUserNotifications(
+        userId,
+        (err, unreadNotifications) => {
+          return unreadNotifications.length.should.equal(0)
+        }
+      )
+    })
+  })
+
+  describe('markAsRead', function () {
+    beforeEach(function () {
+      return (this.key = 'some key here')
+    })
+
+    it('should send a delete request when a delete has been received to mark a notification', function (done) {
+      return this.handler.markAsReadWithKey(userId, this.key, () => {
+        const opts = {
+          uri: `${notificationUrl}/user/${userId}`,
+          json: {
+            key: this.key,
+          },
+          timeout: 1000,
+          method: 'DELETE',
+        }
+        this.request.calledWith(opts).should.equal(true)
+        return done()
+      })
+    })
+  })
+
+  describe('createNotification', function () {
+    beforeEach(function () {
+      this.key = 'some key here'
+      this.messageOpts = { value: 12344 }
+      this.templateKey = 'renderThisHtml'
+      return (this.expiry = null)
+    })
+
+    it('should post the message over', function (done) {
+      return this.handler.createNotification(
+        userId,
+        this.key,
+        this.templateKey,
+        this.messageOpts,
+        this.expiry,
+        () => {
+          const args = this.request.args[0][0]
+          args.uri.should.equal(`${notificationUrl}/user/${userId}`)
+          args.timeout.should.equal(1000)
+          const expectedJson = {
+            key: this.key,
+            templateKey: this.templateKey,
+            messageOpts: this.messageOpts,
+            forceCreate: true,
+          }
+          assert.deepEqual(args.json, expectedJson)
+          return done()
+        }
+      )
+    })
+
+    describe('when expiry date is supplied', function () {
+      beforeEach(function () {
+        this.key = 'some key here'
+        this.messageOpts = { value: 12344 }
+        this.templateKey = 'renderThisHtml'
+        return (this.expiry = new Date())
+      })
+
+      it('should post the message over with expiry field', function (done) {
+        return this.handler.createNotification(
+          userId,
+          this.key,
+          this.templateKey,
+          this.messageOpts,
+          this.expiry,
+          () => {
+            const args = this.request.args[0][0]
+            args.uri.should.equal(`${notificationUrl}/user/${userId}`)
+            args.timeout.should.equal(1000)
+            const expectedJson = {
+              key: this.key,
+              templateKey: this.templateKey,
+              messageOpts: this.messageOpts,
+              expires: this.expiry,
+              forceCreate: true,
+            }
+            assert.deepEqual(args.json, expectedJson)
+            return done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('markAsReadByKeyOnly', function () {
+    beforeEach(function () {
+      return (this.key = 'some key here')
+    })
+
+    it('should send a delete request when a delete has been received to mark a notification', function (done) {
+      return this.handler.markAsReadByKeyOnly(this.key, () => {
+        const opts = {
+          uri: `${notificationUrl}/key/${this.key}`,
+          timeout: 1000,
+          method: 'DELETE',
+        }
+        this.request.calledWith(opts).should.equal(true)
+        return done()
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/PasswordReset/PasswordResetControllerTests.mjs b/services/web/test/unit/src/PasswordReset/PasswordResetControllerTests.mjs
new file mode 100644
index 0000000..6df3c76
--- /dev/null
+++ b/services/web/test/unit/src/PasswordReset/PasswordResetControllerTests.mjs
@@ -0,0 +1,485 @@
+import esmock from 'esmock'
+import sinon from 'sinon'
+import { expect } from 'chai'
+import MockResponse from '../helpers/MockResponse.js'
+
+const MODULE_PATH = new URL(
+  '../../../../app/src/Features/PasswordReset/PasswordResetController.mjs',
+  import.meta.url
+).pathname
+
+describe('PasswordResetController', function () {
+  beforeEach(async function () {
+    this.email = 'bob@bob.com'
+    this.user_id = 'mock-user-id'
+    this.token = 'my security token that was emailed to me'
+    this.password = 'my new password'
+    this.req = {
+      body: {
+        email: this.email,
+        passwordResetToken: this.token,
+        password: this.password,
+      },
+      i18n: {
+        translate() {
+          return '.'
+        },
+      },
+      session: {},
+      query: {},
+    }
+    this.res = new MockResponse()
+
+    this.settings = {}
+    this.PasswordResetHandler = {
+      generateAndEmailResetToken: sinon.stub(),
+      promises: {
+        generateAndEmailResetToken: sinon.stub(),
+        setNewUserPassword: sinon.stub().resolves({
+          found: true,
+          reset: true,
+          userID: this.user_id,
+          mustReconfirm: true,
+        }),
+        getUserForPasswordResetToken: sinon
+          .stub()
+          .withArgs(this.token)
+          .resolves({
+            user: { _id: this.user_id },
+            remainingPeeks: 1,
+          }),
+      },
+    }
+    this.UserSessionsManager = {
+      promises: {
+        removeSessionsFromRedis: sinon.stub().resolves(),
+      },
+    }
+    this.UserUpdater = {
+      promises: {
+        removeReconfirmFlag: sinon.stub().resolves(),
+      },
+    }
+    this.SplitTestHandler = {
+      promises: {
+        getAssignment: sinon.stub().resolves('default'),
+      },
+    }
+    this.PasswordResetController = await esmock.strict(MODULE_PATH, {
+      '@overleaf/settings': this.settings,
+      '../../../../app/src/Features/PasswordReset/PasswordResetHandler':
+        this.PasswordResetHandler,
+      '../../../../app/src/Features/Authentication/AuthenticationManager': {
+        validatePassword: sinon.stub().returns(null),
+      },
+      '../../../../app/src/Features/Authentication/AuthenticationController':
+        (this.AuthenticationController = {
+          getLoggedInUserId: sinon.stub(),
+          finishLogin: sinon.stub(),
+          setAuditInfo: sinon.stub(),
+        }),
+      '../../../../app/src/Features/User/UserGetter': (this.UserGetter = {
+        promises: {
+          getUser: sinon.stub(),
+        },
+      }),
+      '../../../../app/src/Features/User/UserSessionsManager':
+        this.UserSessionsManager,
+      '../../../../app/src/Features/User/UserUpdater': this.UserUpdater,
+      '../../../../app/src/Features/SplitTests/SplitTestHandler':
+        this.SplitTestHandler,
+    })
+  })
+
+  describe('requestReset', function () {
+    it('should tell the handler to process that email', function (done) {
+      this.PasswordResetHandler.promises.generateAndEmailResetToken.resolves(
+        'primary'
+      )
+      this.res.callback = () => {
+        this.res.statusCode.should.equal(200)
+        this.res.json.calledWith(sinon.match.has('message')).should.equal(true)
+        expect(
+          this.PasswordResetHandler.promises.generateAndEmailResetToken.lastCall
+            .args[0]
+        ).equal(this.email)
+        done()
+      }
+      this.PasswordResetController.requestReset(this.req, this.res)
+    })
+
+    it('should send a 500 if there is an error', function (done) {
+      this.PasswordResetHandler.promises.generateAndEmailResetToken.rejects(
+        new Error('error')
+      )
+      this.PasswordResetController.requestReset(this.req, this.res, error => {
+        expect(error).to.exist
+        done()
+      })
+    })
+
+    it("should send a 404 if the email doesn't exist", function (done) {
+      this.PasswordResetHandler.promises.generateAndEmailResetToken.resolves(
+        null
+      )
+      this.res.callback = () => {
+        this.res.statusCode.should.equal(404)
+        this.res.json.calledWith(sinon.match.has('message')).should.equal(true)
+        done()
+      }
+      this.PasswordResetController.requestReset(this.req, this.res)
+    })
+
+    it('should send a 404 if the email is registered as a secondard email', function (done) {
+      this.PasswordResetHandler.promises.generateAndEmailResetToken.resolves(
+        'secondary'
+      )
+      this.res.callback = () => {
+        this.res.statusCode.should.equal(404)
+        this.res.json.calledWith(sinon.match.has('message')).should.equal(true)
+        done()
+      }
+      this.PasswordResetController.requestReset(this.req, this.res)
+    })
+
+    it('should normalize the email address', function (done) {
+      this.email = '  UPperCaseEMAILWithSpacesAround@example.Com '
+      this.req.body.email = this.email
+      this.PasswordResetHandler.promises.generateAndEmailResetToken.resolves(
+        'primary'
+      )
+      this.res.callback = () => {
+        this.res.statusCode.should.equal(200)
+        this.res.json.calledWith(sinon.match.has('message')).should.equal(true)
+        done()
+      }
+      this.PasswordResetController.requestReset(this.req, this.res)
+    })
+  })
+
+  describe('setNewUserPassword', function () {
+    beforeEach(function () {
+      this.req.session.resetToken = this.token
+    })
+
+    it('should tell the user handler to reset the password', function (done) {
+      this.res.sendStatus = code => {
+        code.should.equal(200)
+        this.PasswordResetHandler.promises.setNewUserPassword
+          .calledWith(this.token, this.password)
+          .should.equal(true)
+        done()
+      }
+      this.PasswordResetController.setNewUserPassword(this.req, this.res)
+    })
+
+    it('should preserve spaces in the password', function (done) {
+      this.password = this.req.body.password = ' oh! clever! spaces around!   '
+      this.res.sendStatus = code => {
+        code.should.equal(200)
+        this.PasswordResetHandler.promises.setNewUserPassword.should.have.been.calledWith(
+          this.token,
+          this.password
+        )
+        done()
+      }
+      this.PasswordResetController.setNewUserPassword(this.req, this.res)
+    })
+
+    it('should send 404 if the token was not found', function (done) {
+      this.PasswordResetHandler.promises.setNewUserPassword.resolves({
+        found: false,
+        reset: false,
+        userId: this.user_id,
+      })
+      this.res.status = code => {
+        code.should.equal(404)
+        return this.res
+      }
+      this.res.json = data => {
+        data.message.key.should.equal('token-expired')
+        done()
+      }
+      this.PasswordResetController.setNewUserPassword(this.req, this.res)
+    })
+
+    it('should return 500 if not reset', function (done) {
+      this.PasswordResetHandler.promises.setNewUserPassword.resolves({
+        found: true,
+        reset: false,
+        userId: this.user_id,
+      })
+      this.res.status = code => {
+        code.should.equal(500)
+        return this.res
+      }
+      this.res.json = data => {
+        expect(data.message).to.exist
+        done()
+      }
+      this.PasswordResetController.setNewUserPassword(this.req, this.res)
+    })
+
+    it('should return 400 (Bad Request) if there is no password', function (done) {
+      this.req.body.password = ''
+      this.res.status = code => {
+        code.should.equal(400)
+        return this.res
+      }
+      this.res.json = data => {
+        data.message.key.should.equal('invalid-password')
+        this.PasswordResetHandler.promises.setNewUserPassword.called.should.equal(
+          false
+        )
+        done()
+      }
+      this.PasswordResetController.setNewUserPassword(this.req, this.res)
+    })
+
+    it('should return 400 (Bad Request) if there is no passwordResetToken', function (done) {
+      this.req.body.passwordResetToken = ''
+      this.res.status = code => {
+        code.should.equal(400)
+        return this.res
+      }
+      this.res.json = data => {
+        data.message.key.should.equal('invalid-password')
+        this.PasswordResetHandler.promises.setNewUserPassword.called.should.equal(
+          false
+        )
+        done()
+      }
+      this.PasswordResetController.setNewUserPassword(this.req, this.res)
+    })
+
+    it('should return 400 (Bad Request) if the password is invalid', function (done) {
+      this.req.body.password = 'correct horse battery staple'
+      const err = new Error('bad')
+      err.name = 'InvalidPasswordError'
+      this.PasswordResetHandler.promises.setNewUserPassword.rejects(err)
+      this.res.status = code => {
+        code.should.equal(400)
+        return this.res
+      }
+      this.res.json = data => {
+        data.message.key.should.equal('invalid-password')
+        this.PasswordResetHandler.promises.setNewUserPassword.called.should.equal(
+          true
+        )
+        done()
+      }
+      this.PasswordResetController.setNewUserPassword(this.req, this.res)
+    })
+
+    it('should clear sessions', function (done) {
+      this.res.sendStatus = code => {
+        this.UserSessionsManager.promises.removeSessionsFromRedis.callCount.should.equal(
+          1
+        )
+        done()
+      }
+      this.PasswordResetController.setNewUserPassword(this.req, this.res)
+    })
+
+    it('should call removeReconfirmFlag if user.must_reconfirm', function (done) {
+      this.res.sendStatus = code => {
+        this.UserUpdater.promises.removeReconfirmFlag.callCount.should.equal(1)
+        done()
+      }
+      this.PasswordResetController.setNewUserPassword(this.req, this.res)
+    })
+
+    describe('catch errors', function () {
+      it('should return 404 for NotFoundError', function (done) {
+        const anError = new Error('oops')
+        anError.name = 'NotFoundError'
+        this.PasswordResetHandler.promises.setNewUserPassword.rejects(anError)
+        this.res.status = code => {
+          code.should.equal(404)
+          return this.res
+        }
+        this.res.json = data => {
+          data.message.key.should.equal('token-expired')
+          done()
+        }
+        this.PasswordResetController.setNewUserPassword(this.req, this.res)
+      })
+      it('should return 400 for InvalidPasswordError', function (done) {
+        const anError = new Error('oops')
+        anError.name = 'InvalidPasswordError'
+        this.PasswordResetHandler.promises.setNewUserPassword.rejects(anError)
+        this.res.status = code => {
+          code.should.equal(400)
+          return this.res
+        }
+        this.res.json = data => {
+          data.message.key.should.equal('invalid-password')
+          done()
+        }
+        this.PasswordResetController.setNewUserPassword(this.req, this.res)
+      })
+      it('should return 500 for other errors', function (done) {
+        const anError = new Error('oops')
+        this.PasswordResetHandler.promises.setNewUserPassword.rejects(anError)
+        this.res.status = code => {
+          code.should.equal(500)
+          return this.res
+        }
+        this.res.json = data => {
+          expect(data.message).to.exist
+          done()
+        }
+        this.res.sendStatus = code => {
+          code.should.equal(500)
+          done()
+        }
+        this.PasswordResetController.setNewUserPassword(this.req, this.res)
+      })
+    })
+
+    describe('when doLoginAfterPasswordReset is set', function () {
+      beforeEach(function () {
+        this.user = {
+          _id: this.userId,
+          email: 'joe@example.com',
+        }
+        this.UserGetter.promises.getUser.resolves(this.user)
+        this.req.session.doLoginAfterPasswordReset = 'true'
+      })
+
+      it('should login user', function (done) {
+        this.AuthenticationController.finishLogin.callsFake((...args) => {
+          expect(args[0]).to.equal(this.user)
+          done()
+        })
+        this.PasswordResetController.setNewUserPassword(this.req, this.res)
+      })
+    })
+  })
+
+  describe('renderSetPasswordForm', function () {
+    describe('with token in query-string', function () {
+      beforeEach(function () {
+        this.req.query.passwordResetToken = this.token
+      })
+
+      it('should set session.resetToken and redirect', function (done) {
+        this.req.session.should.not.have.property('resetToken')
+        this.res.redirect = path => {
+          path.should.equal('/user/password/set')
+          this.req.session.resetToken.should.equal(this.token)
+          done()
+        }
+        this.PasswordResetController.renderSetPasswordForm(this.req, this.res)
+      })
+    })
+
+    describe('with expired token in query', function () {
+      beforeEach(function () {
+        this.req.query.passwordResetToken = this.token
+        this.PasswordResetHandler.promises.getUserForPasswordResetToken = sinon
+          .stub()
+          .withArgs(this.token)
+          .resolves({ user: { _id: this.user_id }, remainingPeeks: 0 })
+      })
+
+      it('should redirect to the reset request page with an error message', function (done) {
+        this.res.redirect = path => {
+          path.should.equal('/user/password/reset?error=token_expired')
+          this.req.session.should.not.have.property('resetToken')
+          done()
+        }
+        this.res.render = (templatePath, options) => {
+          done('should not render')
+        }
+        this.PasswordResetController.renderSetPasswordForm(this.req, this.res)
+      })
+    })
+
+    describe('with token and email in query-string', function () {
+      beforeEach(function () {
+        this.req.query.passwordResetToken = this.token
+        this.req.query.email = 'foo@bar.com'
+      })
+
+      it('should set session.resetToken and redirect with email', function (done) {
+        this.req.session.should.not.have.property('resetToken')
+        this.res.redirect = path => {
+          path.should.equal('/user/password/set?email=foo%40bar.com')
+          this.req.session.resetToken.should.equal(this.token)
+          done()
+        }
+        this.PasswordResetController.renderSetPasswordForm(this.req, this.res)
+      })
+    })
+
+    describe('with token and invalid email in query-string', function () {
+      beforeEach(function () {
+        this.req.query.passwordResetToken = this.token
+        this.req.query.email = 'not-an-email'
+      })
+
+      it('should set session.resetToken and redirect without email', function (done) {
+        this.req.session.should.not.have.property('resetToken')
+        this.res.redirect = path => {
+          path.should.equal('/user/password/set')
+          this.req.session.resetToken.should.equal(this.token)
+          done()
+        }
+        this.PasswordResetController.renderSetPasswordForm(this.req, this.res)
+      })
+    })
+
+    describe('with token and non-string email in query-string', function () {
+      beforeEach(function () {
+        this.req.query.passwordResetToken = this.token
+        this.req.query.email = { foo: 'bar' }
+      })
+
+      it('should set session.resetToken and redirect without email', function (done) {
+        this.req.session.should.not.have.property('resetToken')
+        this.res.redirect = path => {
+          path.should.equal('/user/password/set')
+          this.req.session.resetToken.should.equal(this.token)
+          done()
+        }
+        this.PasswordResetController.renderSetPasswordForm(this.req, this.res)
+      })
+    })
+
+    describe('without a token in query-string', function () {
+      describe('with token in session', function () {
+        beforeEach(function () {
+          this.req.session.resetToken = this.token
+        })
+
+        it('should render the page, passing the reset token', function (done) {
+          this.res.render = (templatePath, options) => {
+            options.passwordResetToken.should.equal(this.token)
+            done()
+          }
+          this.PasswordResetController.renderSetPasswordForm(this.req, this.res)
+        })
+
+        it('should clear the req.session.resetToken', function (done) {
+          this.res.render = (templatePath, options) => {
+            this.req.session.should.not.have.property('resetToken')
+            done()
+          }
+          this.PasswordResetController.renderSetPasswordForm(this.req, this.res)
+        })
+      })
+
+      describe('without a token in session', function () {
+        it('should redirect to the reset request page', function (done) {
+          this.res.redirect = path => {
+            path.should.equal('/user/password/reset')
+            this.req.session.should.not.have.property('resetToken')
+            done()
+          }
+          this.PasswordResetController.renderSetPasswordForm(this.req, this.res)
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/PasswordReset/PasswordResetHandlerTests.mjs b/services/web/test/unit/src/PasswordReset/PasswordResetHandlerTests.mjs
new file mode 100644
index 0000000..b99cc52
--- /dev/null
+++ b/services/web/test/unit/src/PasswordReset/PasswordResetHandlerTests.mjs
@@ -0,0 +1,563 @@
+import esmock from 'esmock'
+import sinon from 'sinon'
+import { expect } from 'chai'
+const modulePath = new URL(
+  '../../../../app/src/Features/PasswordReset/PasswordResetHandler',
+  import.meta.url
+).pathname
+
+describe('PasswordResetHandler', function () {
+  beforeEach(async function () {
+    this.settings = { siteUrl: 'https://www.overleaf.com' }
+    this.OneTimeTokenHandler = {
+      promises: {
+        getNewToken: sinon.stub(),
+        peekValueFromToken: sinon.stub(),
+      },
+      peekValueFromToken: sinon.stub(),
+      expireToken: sinon.stub(),
+    }
+    this.UserGetter = {
+      getUserByMainEmail: sinon.stub(),
+      getUser: sinon.stub(),
+      promises: {
+        getUserByAnyEmail: sinon.stub(),
+        getUserByMainEmail: sinon.stub(),
+      },
+    }
+    this.EmailHandler = { promises: { sendEmail: sinon.stub() } }
+    this.AuthenticationManager = {
+      setUserPasswordInV2: sinon.stub(),
+      promises: {
+        setUserPassword: sinon.stub().resolves(),
+      },
+    }
+    this.PasswordResetHandler = await esmock.strict(modulePath, {
+      '../../../../app/src/Features/User/UserAuditLogHandler':
+        (this.UserAuditLogHandler = {
+          promises: {
+            addEntry: sinon.stub().resolves(),
+          },
+        }),
+      '../../../../app/src/Features/User/UserGetter': this.UserGetter,
+      '../../../../app/src/Features/Security/OneTimeTokenHandler':
+        this.OneTimeTokenHandler,
+      '../../../../app/src/Features/Email/EmailHandler': this.EmailHandler,
+      '../../../../app/src/Features/Authentication/AuthenticationManager':
+        this.AuthenticationManager,
+      '@overleaf/settings': this.settings,
+      '../../../../app/src/Features/Authorization/PermissionsManager':
+        (this.PermissionsManager = {
+          promises: {
+            assertUserPermissions: sinon.stub(),
+          },
+        }),
+    })
+    this.token = '12312321i'
+    this.user_id = 'user_id_here'
+    this.user = { email: (this.email = 'bob@bob.com'), _id: this.user_id }
+    this.password = 'my great secret password'
+    this.callback = sinon.stub()
+    // this should not have any effect now
+    this.settings.overleaf = true
+  })
+
+  afterEach(function () {
+    this.settings.overleaf = false
+  })
+
+  describe('generateAndEmailResetToken', function () {
+    it('should check the user exists', function () {
+      this.UserGetter.promises.getUserByAnyEmail.resolves()
+      this.PasswordResetHandler.generateAndEmailResetToken(
+        this.user.email,
+        this.callback
+      )
+      this.UserGetter.promises.getUserByAnyEmail.should.have.been.calledWith(
+        this.user.email
+      )
+    })
+
+    it('should send the email with the token', function (done) {
+      this.UserGetter.promises.getUserByAnyEmail.resolves(this.user)
+      this.OneTimeTokenHandler.promises.getNewToken.resolves(this.token)
+      this.EmailHandler.promises.sendEmail.resolves()
+      this.PasswordResetHandler.generateAndEmailResetToken(
+        this.user.email,
+        (err, status) => {
+          expect(err).to.not.exist
+          this.EmailHandler.promises.sendEmail.called.should.equal(true)
+          status.should.equal('primary')
+          const args = this.EmailHandler.promises.sendEmail.args[0]
+          args[0].should.equal('passwordResetRequested')
+          args[1].setNewPasswordUrl.should.equal(
+            `${this.settings.siteUrl}/user/password/set?passwordResetToken=${
+              this.token
+            }&email=${encodeURIComponent(this.user.email)}`
+          )
+          done()
+        }
+      )
+    })
+
+    it('should return errors from getUserByAnyEmail', function (done) {
+      const err = new Error('oops')
+      this.UserGetter.promises.getUserByAnyEmail.rejects(err)
+      this.PasswordResetHandler.generateAndEmailResetToken(
+        this.user.email,
+        err => {
+          expect(err).to.equal(err)
+          done()
+        }
+      )
+    })
+
+    describe('when the email exists', function () {
+      let result
+      beforeEach(async function () {
+        this.UserGetter.promises.getUserByAnyEmail.resolves(this.user)
+        this.OneTimeTokenHandler.promises.getNewToken.resolves(this.token)
+        this.EmailHandler.promises.sendEmail.resolves()
+        result =
+          await this.PasswordResetHandler.promises.generateAndEmailResetToken(
+            this.email
+          )
+      })
+
+      it('should set the password token data to the user id and email', function () {
+        this.OneTimeTokenHandler.promises.getNewToken.should.have.been.calledWith(
+          'password',
+          {
+            email: this.email,
+            user_id: this.user._id,
+          }
+        )
+      })
+
+      it('should send an email with the token', function () {
+        this.EmailHandler.promises.sendEmail.called.should.equal(true)
+        const args = this.EmailHandler.promises.sendEmail.args[0]
+        args[0].should.equal('passwordResetRequested')
+        args[1].setNewPasswordUrl.should.equal(
+          `${this.settings.siteUrl}/user/password/set?passwordResetToken=${
+            this.token
+          }&email=${encodeURIComponent(this.user.email)}`
+        )
+      })
+
+      it('should return status == true', async function () {
+        expect(result).to.equal('primary')
+      })
+    })
+
+    describe("when the email doesn't exist", function () {
+      let result
+      beforeEach(async function () {
+        this.UserGetter.promises.getUserByAnyEmail.resolves(null)
+        result =
+          await this.PasswordResetHandler.promises.generateAndEmailResetToken(
+            this.email
+          )
+      })
+
+      it('should not set the password token data', function () {
+        this.OneTimeTokenHandler.promises.getNewToken.called.should.equal(false)
+      })
+
+      it('should send an email with the token', function () {
+        this.EmailHandler.promises.sendEmail.called.should.equal(false)
+      })
+
+      it('should return status == null', function () {
+        expect(result).to.equal(null)
+      })
+    })
+
+    describe('when the email is a secondary email', function () {
+      let result
+      beforeEach(async function () {
+        this.UserGetter.promises.getUserByAnyEmail.resolves(this.user)
+        result =
+          await this.PasswordResetHandler.promises.generateAndEmailResetToken(
+            'secondary@email.com'
+          )
+      })
+
+      it('should not set the password token data', function () {
+        this.OneTimeTokenHandler.promises.getNewToken.called.should.equal(false)
+      })
+
+      it('should not send an email with the token', function () {
+        this.EmailHandler.promises.sendEmail.called.should.equal(false)
+      })
+
+      it('should return status == secondary', function () {
+        expect(result).to.equal('secondary')
+      })
+    })
+  })
+
+  describe('setNewUserPassword', function () {
+    beforeEach(function () {
+      this.auditLog = { ip: '0:0:0:0' }
+    })
+    describe('when no data is found', function () {
+      beforeEach(function () {
+        this.OneTimeTokenHandler.promises.peekValueFromToken.resolves(null)
+      })
+
+      it('should return found == false and reset == false', function () {
+        this.PasswordResetHandler.setNewUserPassword(
+          this.token,
+          this.password,
+          this.auditLog,
+          (error, result) => {
+            expect(error).to.not.exist
+            expect(result).to.deep.equal({
+              found: false,
+              reset: false,
+              userId: null,
+            })
+          }
+        )
+      })
+    })
+
+    describe('when the token has a user_id and email', function () {
+      beforeEach(function () {
+        this.OneTimeTokenHandler.promises.peekValueFromToken.resolves({
+          data: {
+            user_id: this.user._id,
+            email: this.email,
+          },
+        })
+        this.AuthenticationManager.promises.setUserPassword
+          .withArgs(this.user, this.password)
+          .resolves(true)
+        this.OneTimeTokenHandler.expireToken = sinon
+          .stub()
+          .callsArgWith(2, null)
+      })
+
+      describe('when no user is found with this email', function () {
+        beforeEach(function () {
+          this.UserGetter.getUserByMainEmail
+            .withArgs(this.email)
+            .yields(null, null)
+        })
+
+        it('should return found == false and reset == false', function (done) {
+          this.PasswordResetHandler.setNewUserPassword(
+            this.token,
+            this.password,
+            this.auditLog,
+            (err, result) => {
+              const { found, reset } = result
+              expect(err).to.not.exist
+              expect(found).to.be.false
+              expect(reset).to.be.false
+              expect(this.OneTimeTokenHandler.expireToken.callCount).to.equal(0)
+              done()
+            }
+          )
+        })
+      })
+
+      describe("when the email and user don't match", function () {
+        beforeEach(function () {
+          this.UserGetter.getUserByMainEmail
+            .withArgs(this.email)
+            .yields(null, { _id: 'not-the-same', email: this.email })
+          this.OneTimeTokenHandler.expireToken.callsArgWith(2, null)
+        })
+
+        it('should return found == false and reset == false', function (done) {
+          this.PasswordResetHandler.setNewUserPassword(
+            this.token,
+            this.password,
+            this.auditLog,
+            (err, result) => {
+              const { found, reset } = result
+              expect(err).to.not.exist
+              expect(found).to.be.false
+              expect(reset).to.be.false
+              expect(this.OneTimeTokenHandler.expireToken.callCount).to.equal(0)
+              done()
+            }
+          )
+        })
+      })
+
+      describe('when the email and user match', function () {
+        describe('success', function () {
+          beforeEach(function () {
+            this.UserGetter.promises.getUserByMainEmail.resolves(this.user)
+            this.OneTimeTokenHandler.expireToken = sinon
+              .stub()
+              .callsArgWith(2, null)
+          })
+
+          it('should update the user audit log', function (done) {
+            this.PasswordResetHandler.setNewUserPassword(
+              this.token,
+              this.password,
+              this.auditLog,
+              (error, result) => {
+                sinon.assert.calledWith(
+                  this.UserAuditLogHandler.promises.addEntry,
+                  this.user_id,
+                  'reset-password',
+                  undefined,
+                  this.auditLog.ip,
+                  { token: this.token.substring(0, 10) }
+                )
+                expect(error).to.not.exist
+                done()
+              }
+            )
+          })
+
+          it('should return reset == true and the user id', function (done) {
+            this.PasswordResetHandler.setNewUserPassword(
+              this.token,
+              this.password,
+              this.auditLog,
+              (err, result) => {
+                const { reset, userId } = result
+                expect(err).to.not.exist
+                expect(reset).to.be.true
+                expect(userId).to.equal(this.user._id)
+                done()
+              }
+            )
+          })
+
+          it('should expire the token', function (done) {
+            this.PasswordResetHandler.setNewUserPassword(
+              this.token,
+              this.password,
+              this.auditLog,
+              (_err, _result) => {
+                expect(this.OneTimeTokenHandler.expireToken.called).to.equal(
+                  true
+                )
+                done()
+              }
+            )
+          })
+
+          describe('when logged in', function () {
+            beforeEach(function () {
+              this.auditLog.initiatorId = this.user_id
+            })
+            it('should update the user audit log with initiatorId', function (done) {
+              this.PasswordResetHandler.setNewUserPassword(
+                this.token,
+                this.password,
+                this.auditLog,
+                (error, result) => {
+                  expect(error).to.not.exist
+                  sinon.assert.calledWith(
+                    this.UserAuditLogHandler.promises.addEntry,
+                    this.user_id,
+                    'reset-password',
+                    this.user_id,
+                    this.auditLog.ip,
+                    { token: this.token.substring(0, 10) }
+                  )
+                  done()
+                }
+              )
+            })
+          })
+        })
+
+        describe('errors', function () {
+          describe('via setUserPassword', function () {
+            beforeEach(function () {
+              this.PasswordResetHandler.promises.getUserForPasswordResetToken =
+                sinon.stub().withArgs(this.token).resolves({ user: this.user })
+              this.AuthenticationManager.promises.setUserPassword
+                .withArgs(this.user, this.password)
+                .rejects()
+            })
+            it('should return the error', function (done) {
+              this.PasswordResetHandler.setNewUserPassword(
+                this.token,
+                this.password,
+                this.auditLog,
+                (error, _result) => {
+                  expect(error).to.exist
+                  expect(
+                    this.UserAuditLogHandler.promises.addEntry.callCount
+                  ).to.equal(1)
+                  done()
+                }
+              )
+            })
+          })
+
+          describe('via UserAuditLogHandler', function () {
+            beforeEach(function () {
+              this.PasswordResetHandler.promises.getUserForPasswordResetToken =
+                sinon.stub().withArgs(this.token).resolves({ user: this.user })
+              this.UserAuditLogHandler.promises.addEntry.rejects(
+                new Error('oops')
+              )
+            })
+            it('should return the error', function (done) {
+              this.PasswordResetHandler.setNewUserPassword(
+                this.token,
+                this.password,
+                this.auditLog,
+                (error, _result) => {
+                  expect(error).to.exist
+                  expect(
+                    this.UserAuditLogHandler.promises.addEntry.callCount
+                  ).to.equal(1)
+                  expect(this.AuthenticationManager.promises.setUserPassword).to
+                    .not.have.been.called
+                  done()
+                }
+              )
+            })
+          })
+        })
+      })
+    })
+
+    describe('when the token has a v1_user_id and email', function () {
+      beforeEach(function () {
+        this.user.overleaf = { id: 184 }
+        this.OneTimeTokenHandler.promises.peekValueFromToken.resolves({
+          data: {
+            v1_user_id: this.user.overleaf.id,
+            email: this.email,
+          },
+        })
+        this.AuthenticationManager.promises.setUserPassword
+          .withArgs(this.user, this.password)
+          .resolves(true)
+        this.OneTimeTokenHandler.expireToken = sinon
+          .stub()
+          .callsArgWith(2, null)
+      })
+
+      describe('when no user is reset with this email', function () {
+        beforeEach(function () {
+          this.UserGetter.getUserByMainEmail
+            .withArgs(this.email)
+            .yields(null, null)
+        })
+
+        it('should return reset == false', function (done) {
+          this.PasswordResetHandler.setNewUserPassword(
+            this.token,
+            this.password,
+            this.auditLog,
+            (err, result) => {
+              const { reset } = result
+              expect(err).to.not.exist
+              expect(reset).to.be.false
+              expect(this.OneTimeTokenHandler.expireToken.called).to.equal(
+                false
+              )
+              done()
+            }
+          )
+        })
+      })
+
+      describe("when the email and user don't match", function () {
+        beforeEach(function () {
+          this.UserGetter.getUserByMainEmail.withArgs(this.email).yields(null, {
+            _id: this.user._id,
+            email: this.email,
+            overleaf: { id: 'not-the-same' },
+          })
+        })
+
+        it('should return reset == false', function (done) {
+          this.PasswordResetHandler.setNewUserPassword(
+            this.token,
+            this.password,
+            this.auditLog,
+            (err, result) => {
+              const { reset } = result
+              expect(err).to.not.exist
+              expect(reset).to.be.false
+              expect(this.OneTimeTokenHandler.expireToken.called).to.equal(
+                false
+              )
+              done()
+            }
+          )
+        })
+      })
+
+      describe('when the email and user match', function () {
+        beforeEach(function () {
+          this.UserGetter.promises.getUserByMainEmail.resolves(this.user)
+        })
+
+        it('should return reset == true and the user id', function (done) {
+          this.PasswordResetHandler.setNewUserPassword(
+            this.token,
+            this.password,
+            this.auditLog,
+            (err, result) => {
+              const { reset, userId } = result
+              expect(err).to.not.exist
+              expect(reset).to.be.true
+              expect(userId).to.equal(this.user._id)
+              expect(this.OneTimeTokenHandler.expireToken.called).to.equal(true)
+              done()
+            }
+          )
+        })
+      })
+    })
+  })
+
+  describe('getUserForPasswordResetToken', function () {
+    beforeEach(function () {
+      this.OneTimeTokenHandler.promises.peekValueFromToken.resolves({
+        data: {
+          user_id: this.user._id,
+          email: this.email,
+        },
+        remainingPeeks: 1,
+      })
+
+      this.UserGetter.promises.getUserByMainEmail.resolves({
+        _id: this.user._id,
+        email: this.email,
+      })
+    })
+
+    it('should returns errors from user permissions', async function () {
+      let error
+      const err = new Error('nope')
+      this.PermissionsManager.promises.assertUserPermissions.rejects(err)
+      try {
+        await this.PasswordResetHandler.promises.getUserForPasswordResetToken(
+          'abc123'
+        )
+      } catch (e) {
+        error = e
+      }
+      expect(error).to.deep.equal(error)
+    })
+
+    it('returns user when user has permissions and remaining peaks', async function () {
+      const result =
+        await this.PasswordResetHandler.promises.getUserForPasswordResetToken(
+          'abc123'
+        )
+      expect(result).to.deep.equal({
+        user: { _id: this.user._id, email: this.email },
+        remainingPeeks: 1,
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/DocLinesComparitorTests.mjs b/services/web/test/unit/src/Project/DocLinesComparitorTests.mjs
new file mode 100644
index 0000000..4f1f3b4
--- /dev/null
+++ b/services/web/test/unit/src/Project/DocLinesComparitorTests.mjs
@@ -0,0 +1,80 @@
+import esmock from 'esmock'
+
+const modulePath = '../../../../app/src/Features/Project/DocLinesComparitor.mjs'
+
+describe('doc lines comparitor', function () {
+  beforeEach(async function () {
+    this.comparitor = await esmock.strict(modulePath, {})
+  })
+
+  it('should return true when the lines are the same', function () {
+    const lines1 = ['hello', 'world']
+    const lines2 = ['hello', 'world']
+    const result = this.comparitor.areSame(lines1, lines2)
+    result.should.equal(true)
+  })
+  ;[
+    {
+      lines1: ['hello', 'world'],
+      lines2: ['diff', 'world'],
+    },
+    {
+      lines1: ['hello', 'world'],
+      lines2: ['hello', 'wrld'],
+    },
+  ].forEach(({ lines1, lines2 }) => {
+    it('should return false when the lines are different', function () {
+      const result = this.comparitor.areSame(lines1, lines2)
+      result.should.equal(false)
+    })
+  })
+
+  it('should return true when the lines are same', function () {
+    const lines1 = ['hello', 'world']
+    const lines2 = ['hello', 'world']
+    const result = this.comparitor.areSame(lines1, lines2)
+    result.should.equal(true)
+  })
+
+  it('should return false if the doc lines are different in length', function () {
+    const lines1 = ['hello', 'world']
+    const lines2 = ['hello', 'world', 'please']
+    const result = this.comparitor.areSame(lines1, lines2)
+    result.should.equal(false)
+  })
+
+  it('should return false if the first array is undefined', function () {
+    const lines1 = undefined
+    const lines2 = ['hello', 'world']
+    const result = this.comparitor.areSame(lines1, lines2)
+    result.should.equal(false)
+  })
+
+  it('should return false if the second array is undefined', function () {
+    const lines1 = ['hello']
+    const lines2 = undefined
+    const result = this.comparitor.areSame(lines1, lines2)
+    result.should.equal(false)
+  })
+
+  it('should return false if the second array is not an array', function () {
+    const lines1 = ['hello']
+    const lines2 = ''
+    const result = this.comparitor.areSame(lines1, lines2)
+    result.should.equal(false)
+  })
+
+  it('should return true when comparing equal orchard docs', function () {
+    const lines1 = [{ text: 'hello world' }]
+    const lines2 = [{ text: 'hello world' }]
+    const result = this.comparitor.areSame(lines1, lines2)
+    result.should.equal(true)
+  })
+
+  it('should return false when comparing different orchard docs', function () {
+    const lines1 = [{ text: 'goodbye world' }]
+    const lines2 = [{ text: 'hello world' }]
+    const result = this.comparitor.areSame(lines1, lines2)
+    result.should.equal(false)
+  })
+})
diff --git a/services/web/test/unit/src/Project/FolderStructureBuilderTests.js b/services/web/test/unit/src/Project/FolderStructureBuilderTests.js
new file mode 100644
index 0000000..0763ec7
--- /dev/null
+++ b/services/web/test/unit/src/Project/FolderStructureBuilderTests.js
@@ -0,0 +1,112 @@
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const { ObjectId } = require('mongodb-legacy')
+const sinon = require('sinon')
+
+const MODULE_PATH =
+  '../../../../app/src/Features/Project/FolderStructureBuilder'
+
+describe('FolderStructureBuilder', function () {
+  beforeEach(function () {
+    this.FolderStructureBuilder = SandboxedModule.require(MODULE_PATH, {
+      requires: { 'mongodb-legacy': { ObjectId } },
+    })
+  })
+
+  describe('buildFolderStructure', function () {
+    describe('when given no documents at all', function () {
+      beforeEach(function () {
+        this.result = this.FolderStructureBuilder.buildFolderStructure([], [])
+      })
+
+      it('returns an empty root folder', function () {
+        sinon.assert.match(this.result, {
+          _id: sinon.match.instanceOf(ObjectId),
+          name: 'rootFolder',
+          folders: [],
+          docs: [],
+          fileRefs: [],
+        })
+      })
+    })
+
+    describe('when given documents and files', function () {
+      beforeEach(function () {
+        const docUploads = [
+          { path: '/main.tex', doc: { _id: 'doc-1', name: 'main.tex' } },
+          { path: '/foo/other.tex', doc: { _id: 'doc-2', name: 'other.tex' } },
+          { path: '/foo/other.bib', doc: { _id: 'doc-3', name: 'other.bib' } },
+          {
+            path: '/foo/foo1/foo2/another.tex',
+            doc: { _id: 'doc-4', name: 'another.tex' },
+          },
+        ]
+        const fileUploads = [
+          { path: '/aaa.jpg', file: { _id: 'file-1', name: 'aaa.jpg' } },
+          { path: '/foo/bbb.jpg', file: { _id: 'file-2', name: 'bbb.jpg' } },
+          { path: '/bar/ccc.jpg', file: { _id: 'file-3', name: 'ccc.jpg' } },
+        ]
+        this.result = this.FolderStructureBuilder.buildFolderStructure(
+          docUploads,
+          fileUploads
+        )
+      })
+
+      it('returns a full folder structure', function () {
+        sinon.assert.match(this.result, {
+          _id: sinon.match.instanceOf(ObjectId),
+          name: 'rootFolder',
+          docs: [{ _id: 'doc-1', name: 'main.tex' }],
+          fileRefs: [{ _id: 'file-1', name: 'aaa.jpg' }],
+          folders: [
+            {
+              _id: sinon.match.instanceOf(ObjectId),
+              name: 'foo',
+              docs: [
+                { _id: 'doc-2', name: 'other.tex' },
+                { _id: 'doc-3', name: 'other.bib' },
+              ],
+              fileRefs: [{ _id: 'file-2', name: 'bbb.jpg' }],
+              folders: [
+                {
+                  _id: sinon.match.instanceOf(ObjectId),
+                  name: 'foo1',
+                  docs: [],
+                  fileRefs: [],
+                  folders: [
+                    {
+                      _id: sinon.match.instanceOf(ObjectId),
+                      name: 'foo2',
+                      docs: [{ _id: 'doc-4', name: 'another.tex' }],
+                      fileRefs: [],
+                      folders: [],
+                    },
+                  ],
+                },
+              ],
+            },
+            {
+              _id: sinon.match.instanceOf(ObjectId),
+              name: 'bar',
+              docs: [],
+              fileRefs: [{ _id: 'file-3', name: 'ccc.jpg' }],
+              folders: [],
+            },
+          ],
+        })
+      })
+    })
+
+    describe('when given duplicate files', function () {
+      it('throws an error', function () {
+        const docUploads = [
+          { path: '/foo/doc.tex', doc: { _id: 'doc-1', name: 'doc.tex' } },
+          { path: '/foo/doc.tex', doc: { _id: 'doc-2', name: 'doc.tex' } },
+        ]
+        expect(() =>
+          this.FolderStructureBuilder.buildFolderStructure(docUploads, [])
+        ).to.throw()
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/IterablePathTests.js b/services/web/test/unit/src/Project/IterablePathTests.js
new file mode 100644
index 0000000..e00607e
--- /dev/null
+++ b/services/web/test/unit/src/Project/IterablePathTests.js
@@ -0,0 +1,18 @@
+const { expect } = require('chai')
+const {
+  iterablePaths,
+} = require('../../../../app/src/Features/Project/IterablePath')
+
+describe('iterablePaths', function () {
+  it('returns an empty array for empty folders', function () {
+    expect(iterablePaths(null, 'docs')).to.deep.equal([])
+    expect(iterablePaths({}, 'docs')).to.deep.equal([])
+  })
+
+  it('returns the `docs` object when it is iterable', function () {
+    const folder = {
+      docs: [{ _id: 1 }, { _id: 2 }],
+    }
+    expect(iterablePaths(folder, 'docs')).to.equal(folder.docs)
+  })
+})
diff --git a/services/web/test/unit/src/Project/ProjectApiControllerTests.mjs b/services/web/test/unit/src/Project/ProjectApiControllerTests.mjs
new file mode 100644
index 0000000..bda54a9
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectApiControllerTests.mjs
@@ -0,0 +1,57 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import esmock from 'esmock'
+import sinon from 'sinon'
+
+const modulePath = '../../../../app/src/Features/Project/ProjectApiController'
+
+describe('Project api controller', function () {
+  beforeEach(async function () {
+    this.ProjectDetailsHandler = { getDetails: sinon.stub() }
+    this.controller = await esmock.strict(modulePath, {
+      '../../../../app/src/Features/Project/ProjectDetailsHandler':
+        this.ProjectDetailsHandler,
+    })
+    this.project_id = '321l3j1kjkjl'
+    this.req = {
+      params: {
+        project_id: this.project_id,
+      },
+      session: {
+        destroy: sinon.stub(),
+      },
+    }
+    this.res = {}
+    this.next = sinon.stub()
+    return (this.projDetails = { name: 'something' })
+  })
+
+  describe('getProjectDetails', function () {
+    it('should ask the project details handler for proj details', function (done) {
+      this.ProjectDetailsHandler.getDetails.callsArgWith(
+        1,
+        null,
+        this.projDetails
+      )
+      this.res.json = data => {
+        this.ProjectDetailsHandler.getDetails
+          .calledWith(this.project_id)
+          .should.equal(true)
+        data.should.deep.equal(this.projDetails)
+        return done()
+      }
+      return this.controller.getProjectDetails(this.req, this.res)
+    })
+
+    it('should send a 500 if there is an error', function () {
+      this.ProjectDetailsHandler.getDetails.callsArgWith(1, 'error')
+      this.controller.getProjectDetails(this.req, this.res, this.next)
+      return this.next.calledWith('error').should.equal(true)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/ProjectCollabratecDetailsTest.js b/services/web/test/unit/src/Project/ProjectCollabratecDetailsTest.js
new file mode 100644
index 0000000..d2de69e
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectCollabratecDetailsTest.js
@@ -0,0 +1,426 @@
+const { ObjectId } = require('mongodb-legacy')
+const Path = require('path')
+const SandboxedModule = require('sandboxed-module')
+const { expect } = require('chai')
+const sinon = require('sinon')
+
+const modulePath = Path.join(
+  __dirname,
+  '../../../../app/src/Features/Project/ProjectCollabratecDetailsHandler'
+)
+
+describe('ProjectCollabratecDetailsHandler', function () {
+  beforeEach(function () {
+    this.projectId = new ObjectId('5bea8747c7bba6012fcaceb3')
+    this.userId = new ObjectId('5be316a9c7f6aa03802ea8fb')
+    this.userId2 = new ObjectId('5c1794b3f0e89b1d1c577eca')
+    this.ProjectModel = {}
+    this.ProjectCollabratecDetailsHandler = SandboxedModule.require(
+      modulePath,
+      {
+        requires: {
+          'mongodb-legacy': { ObjectId },
+          '../../models/Project': { Project: this.ProjectModel },
+        },
+      }
+    )
+  })
+
+  describe('initializeCollabratecProject', function () {
+    describe('when update succeeds', function () {
+      beforeEach(async function () {
+        this.ProjectModel.updateOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().resolves() })
+        await this.ProjectCollabratecDetailsHandler.promises.initializeCollabratecProject(
+          this.projectId,
+          this.userId,
+          'collabratec-document-id',
+          'collabratec-private-group-id'
+        )
+      })
+
+      it('should update project model', function () {
+        const update = {
+          $set: {
+            collabratecUsers: [
+              {
+                user_id: this.userId,
+                collabratec_document_id: 'collabratec-document-id',
+                collabratec_privategroup_id: 'collabratec-private-group-id',
+              },
+            ],
+          },
+        }
+        expect(this.ProjectModel.updateOne).to.have.been.calledWith(
+          { _id: this.projectId },
+          update
+        )
+      })
+    })
+
+    describe('when update has error', function () {
+      beforeEach(function () {
+        this.ProjectModel.updateOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().rejects() })
+      })
+
+      it('should be rejected', async function () {
+        await expect(
+          this.ProjectCollabratecDetailsHandler.promises.initializeCollabratecProject(
+            this.projectId,
+            this.userId,
+            'collabratec-document-id',
+            'collabratec-private-group-id'
+          )
+        ).to.be.rejected
+      })
+    })
+
+    describe('with invalid args', function () {
+      beforeEach(function () {
+        this.ProjectModel.updateOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().resolves() })
+        this.resultPromise =
+          this.ProjectCollabratecDetailsHandler.promises.initializeCollabratecProject(
+            'bad-project-id',
+            'bad-user-id',
+            'collabratec-document-id',
+            'collabratec-private-group-id'
+          )
+      })
+
+      it('should be rejected without updating', async function () {
+        await expect(this.resultPromise).to.be.rejected
+        expect(this.ProjectModel.updateOne).not.to.have.been.called
+      })
+    })
+  })
+
+  describe('isLinkedCollabratecUserProject', function () {
+    beforeEach(function () {
+      this.ProjectModel.findOne = sinon.stub().resolves()
+    })
+
+    describe('when find succeeds', function () {
+      describe('when user project found', function () {
+        beforeEach(async function () {
+          this.ProjectModel.findOne = sinon
+            .stub()
+            .returns({ exec: sinon.stub().resolves('project') })
+          this.result =
+            await this.ProjectCollabratecDetailsHandler.promises.isLinkedCollabratecUserProject(
+              this.projectId,
+              this.userId
+            )
+        })
+
+        it('should call find with project and user id', function () {
+          expect(this.ProjectModel.findOne).to.have.been.calledWithMatch({
+            _id: new ObjectId(this.projectId),
+            collabratecUsers: {
+              $elemMatch: {
+                user_id: new ObjectId(this.userId),
+              },
+            },
+          })
+        })
+
+        it('should return true', function () {
+          expect(this.result).to.equal(true)
+        })
+      })
+
+      describe('when user project is not found', function () {
+        beforeEach(async function () {
+          this.ProjectModel.findOne = sinon
+            .stub()
+            .returns({ exec: sinon.stub().resolves(null) })
+          this.result =
+            await this.ProjectCollabratecDetailsHandler.promises.isLinkedCollabratecUserProject(
+              this.projectId,
+              this.userId
+            )
+        })
+
+        it('should return false', function () {
+          expect(this.result).to.equal(false)
+        })
+      })
+    })
+
+    describe('when find has error', function () {
+      beforeEach(function () {
+        this.ProjectModel.findOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().rejects() })
+      })
+
+      it('should be rejected', async function () {
+        await expect(
+          this.ProjectCollabratecDetailsHandler.promises.isLinkedCollabratecUserProject(
+            this.projectId,
+            this.userId
+          )
+        ).to.be.rejected
+      })
+    })
+
+    describe('with invalid args', function () {
+      beforeEach(function () {
+        this.ProjectModel.findOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().resolves() })
+        this.resultPromise =
+          this.ProjectCollabratecDetailsHandler.promises.isLinkedCollabratecUserProject(
+            'bad-project-id',
+            'bad-user-id'
+          )
+      })
+
+      it('should be rejected without updating', async function () {
+        await expect(this.resultPromise).to.be.rejected
+        expect(this.ProjectModel.findOne).not.to.have.been.called
+      })
+    })
+  })
+
+  describe('linkCollabratecUserProject', function () {
+    describe('when update succeeds', function () {
+      beforeEach(async function () {
+        this.ProjectModel.updateOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().resolves() })
+        await this.ProjectCollabratecDetailsHandler.promises.linkCollabratecUserProject(
+          this.projectId,
+          this.userId,
+          'collabratec-document-id'
+        )
+      })
+
+      it('should update project model', function () {
+        const query = {
+          _id: this.projectId,
+          collabratecUsers: {
+            $not: {
+              $elemMatch: {
+                collabratec_document_id: 'collabratec-document-id',
+                user_id: this.userId,
+              },
+            },
+          },
+        }
+        const update = {
+          $push: {
+            collabratecUsers: {
+              collabratec_document_id: 'collabratec-document-id',
+              user_id: this.userId,
+            },
+          },
+        }
+        expect(this.ProjectModel.updateOne).to.have.been.calledWith(
+          query,
+          update
+        )
+      })
+    })
+
+    describe('when update has error', function () {
+      beforeEach(function () {
+        this.ProjectModel.updateOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().rejects() })
+      })
+
+      it('should be rejected', async function () {
+        await expect(
+          this.ProjectCollabratecDetailsHandler.promises.linkCollabratecUserProject(
+            this.projectId,
+            this.userId,
+            'collabratec-document-id'
+          )
+        ).to.be.rejected
+      })
+    })
+
+    describe('with invalid args', function () {
+      beforeEach(function () {
+        this.ProjectModel.updateOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().resolves() })
+        this.resultPromise =
+          this.ProjectCollabratecDetailsHandler.promises.linkCollabratecUserProject(
+            'bad-project-id',
+            'bad-user-id',
+            'collabratec-document-id'
+          )
+      })
+
+      it('should be rejected without updating', async function () {
+        await expect(this.resultPromise).to.be.rejected
+        expect(this.ProjectModel.updateOne).not.to.have.been.called
+      })
+    })
+  })
+
+  describe('setCollabratecUsers', function () {
+    beforeEach(function () {
+      this.collabratecUsers = [
+        {
+          user_id: this.userId,
+          collabratec_document_id: 'collabratec-document-id-1',
+          collabratec_privategroup_id: 'collabratec-private-group-id-1',
+        },
+        {
+          user_id: this.userId2,
+          collabratec_document_id: 'collabratec-document-id-2',
+          collabratec_privategroup_id: 'collabratec-private-group-id-2',
+        },
+      ]
+    })
+
+    describe('when update succeeds', function () {
+      beforeEach(async function () {
+        this.ProjectModel.updateOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().resolves() })
+        await this.ProjectCollabratecDetailsHandler.promises.setCollabratecUsers(
+          this.projectId,
+          this.collabratecUsers
+        )
+      })
+
+      it('should update project model', function () {
+        const update = {
+          $set: {
+            collabratecUsers: this.collabratecUsers,
+          },
+        }
+        expect(this.ProjectModel.updateOne).to.have.been.calledWith(
+          { _id: this.projectId },
+          update
+        )
+      })
+    })
+
+    describe('when update has error', function () {
+      beforeEach(function () {
+        this.ProjectModel.updateOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().rejects() })
+      })
+
+      it('should be rejected', async function () {
+        await expect(
+          this.ProjectCollabratecDetailsHandler.promises.setCollabratecUsers(
+            this.projectId,
+            this.collabratecUsers
+          )
+        ).to.be.rejected
+      })
+    })
+
+    describe('with invalid project_id', function () {
+      beforeEach(function () {
+        this.ProjectModel.updateOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().resolves() })
+        this.resultPromise =
+          this.ProjectCollabratecDetailsHandler.promises.setCollabratecUsers(
+            'bad-project-id',
+            this.collabratecUsers
+          )
+      })
+
+      it('should be rejected without updating', async function () {
+        await expect(this.resultPromise).to.be.rejected
+        expect(this.ProjectModel.updateOne).not.to.have.been.called
+      })
+    })
+
+    describe('with invalid user_id', function () {
+      beforeEach(function () {
+        this.collabratecUsers[1].user_id = 'bad-user-id'
+        this.ProjectModel.updateOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().resolves() })
+        this.resultPromise =
+          this.ProjectCollabratecDetailsHandler.promises.setCollabratecUsers(
+            this.projectId,
+            this.collabratecUsers
+          )
+      })
+
+      it('should be rejected without updating', async function () {
+        await expect(this.resultPromise).to.be.rejected
+        expect(this.ProjectModel.updateOne).not.to.have.been.called
+      })
+    })
+  })
+
+  describe('unlinkCollabratecUserProject', function () {
+    describe('when update succeeds', function () {
+      beforeEach(async function () {
+        this.ProjectModel.updateOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().resolves() })
+        await this.ProjectCollabratecDetailsHandler.promises.unlinkCollabratecUserProject(
+          this.projectId,
+          this.userId
+        )
+      })
+
+      it('should update project model', function () {
+        const query = { _id: this.projectId }
+        const update = {
+          $pull: {
+            collabratecUsers: {
+              user_id: this.userId,
+            },
+          },
+        }
+        expect(this.ProjectModel.updateOne).to.have.been.calledWith(
+          query,
+          update
+        )
+      })
+    })
+
+    describe('when update has error', function () {
+      beforeEach(function () {
+        this.ProjectModel.updateOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().rejects() })
+      })
+
+      it('should be rejected', async function () {
+        await expect(
+          this.ProjectCollabratecDetailsHandler.promises.unlinkCollabratecUserProject(
+            this.projectId,
+            this.userId
+          )
+        ).to.be.rejected
+      })
+    })
+
+    describe('with invalid args', function () {
+      beforeEach(function () {
+        this.ProjectModel.updateOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().resolves() })
+        this.resultPromise =
+          this.ProjectCollabratecDetailsHandler.promises.unlinkCollabratecUserProject(
+            'bad-project-id',
+            'bad-user-id'
+          )
+      })
+
+      it('should be rejected without updating', async function () {
+        await expect(this.resultPromise).to.be.rejected
+        expect(this.ProjectModel.updateOne).not.to.have.been.called
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/ProjectControllerTests.js b/services/web/test/unit/src/Project/ProjectControllerTests.js
new file mode 100644
index 0000000..71de502
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectControllerTests.js
@@ -0,0 +1,1471 @@
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const { ObjectId } = require('mongodb-legacy')
+
+const MODULE_PATH = path.join(
+  __dirname,
+  '../../../../app/src/Features/Project/ProjectController'
+)
+
+describe('ProjectController', function () {
+  beforeEach(function () {
+    this.project_id = new ObjectId('abcdefabcdefabcdefabcdef')
+
+    this.user = {
+      _id: new ObjectId('123456123456123456123456'),
+      email: 'test@overleaf.com',
+      first_name: 'bjkdsjfk',
+      features: {},
+      emails: [{ email: 'test@overleaf.com' }],
+    }
+    this.settings = {
+      apis: {
+        chat: {
+          url: 'chat.com',
+        },
+      },
+      siteUrl: 'https://overleaf.com',
+      algolia: {},
+      plans: [],
+      features: {},
+    }
+    this.brandVariationDetails = {
+      id: '12',
+      active: true,
+      brand_name: 'The journal',
+      home_url: 'http://www.thejournal.com/',
+      publish_menu_link_html: 'Submit your paper to the <em>The Journal</em>',
+    }
+    this.token = 'some-token'
+    this.ProjectDeleter = {
+      promises: {
+        deleteProject: sinon.stub().resolves(),
+        restoreProject: sinon.stub().resolves(),
+      },
+      findArchivedProjects: sinon.stub(),
+    }
+    this.ProjectDuplicator = {
+      promises: {
+        duplicate: sinon.stub().resolves({ _id: this.project_id }),
+      },
+    }
+    this.ProjectCreationHandler = {
+      promises: {
+        createExampleProject: sinon.stub().resolves({ _id: this.project_id }),
+        createBasicProject: sinon.stub().resolves({ _id: this.project_id }),
+      },
+    }
+    this.SubscriptionLocator = {
+      promises: {
+        getUsersSubscription: sinon.stub().resolves(),
+      },
+    }
+    this.SubscriptionController = {
+      promises: {
+        getRecommendedCurrency: sinon.stub().resolves({ currency: 'USD' }),
+      },
+    }
+    this.LimitationsManager = {
+      hasPaidSubscription: sinon.stub(),
+      promises: {
+        userIsMemberOfGroupSubscription: sinon.stub().resolves(false),
+      },
+    }
+    this.TagsHandler = {
+      promises: {
+        getTagsForProject: sinon.stub().resolves([
+          {
+            name: 'test',
+            project_ids: [this.project_id],
+          },
+        ]),
+      },
+      addProjectToTags: sinon.stub(),
+    }
+    this.UserModel = {
+      findById: sinon.stub().returns({ exec: sinon.stub().resolves() }),
+      updateOne: sinon.stub().returns({ exec: sinon.stub().resolves() }),
+    }
+    this.AuthorizationManager = {
+      promises: {
+        getPrivilegeLevelForProject: sinon.stub(),
+      },
+      isRestrictedUser: sinon.stub().returns(false),
+    }
+    this.EditorController = {
+      promises: {
+        renameProject: sinon.stub().resolves(),
+      },
+    }
+    this.InactiveProjectManager = {
+      promises: { reactivateProjectIfRequired: sinon.stub() },
+    }
+    this.ProjectUpdateHandler = {
+      promises: {
+        markAsOpened: sinon.stub().resolves(),
+      },
+    }
+    this.ProjectGetter = {
+      promises: {
+        findAllUsersProjects: sinon.stub().resolves(),
+        getProject: sinon.stub().resolves(),
+      },
+    }
+    this.ProjectHelper = {
+      isArchived: sinon.stub(),
+      isTrashed: sinon.stub(),
+      isArchivedOrTrashed: sinon.stub(),
+      getAllowedImagesForUser: sinon.stub().returns([]),
+    }
+    this.SessionManager = {
+      getLoggedInUserId: sinon.stub().returns(this.user._id),
+      getSessionUser: sinon.stub().returns(this.user),
+      isUserLoggedIn: sinon.stub().returns(true),
+    }
+    this.UserController = {
+      logout: sinon.stub(),
+    }
+    this.TokenAccessHandler = {
+      getRequestToken: sinon.stub().returns(this.token),
+    }
+    this.CollaboratorsGetter = {
+      promises: {
+        userIsTokenMember: sinon.stub().resolves(false),
+        isUserInvitedMemberOfProject: sinon.stub().resolves(true),
+        userIsReadWriteTokenMember: sinon.stub().resolves(false),
+        isUserInvitedReadWriteMemberOfProject: sinon.stub().resolves(true),
+      },
+    }
+    this.CollaboratorsHandler = {
+      promises: {
+        setCollaboratorPrivilegeLevel: sinon.stub().resolves(),
+      },
+    }
+    this.ProjectEntityHandler = {}
+    this.UserGetter = {
+      getUserFullEmails: sinon.stub().yields(null, []),
+      getUser: sinon.stub().resolves({ lastLoginIp: '192.170.18.2' }),
+      promises: {
+        getUserFeatures: sinon.stub().resolves(null, { collaborators: 1 }),
+      },
+    }
+    this.Features = {
+      hasFeature: sinon.stub(),
+    }
+    this.FeaturesUpdater = {
+      featuresEpochIsCurrent: sinon.stub().returns(true),
+      promises: {
+        refreshFeatures: sinon.stub().resolves(this.user),
+      },
+    }
+    this.BrandVariationsHandler = {
+      promises: {
+        getBrandVariationById: sinon
+          .stub()
+          .resolves(this.brandVariationDetails),
+      },
+    }
+    this.TpdsProjectFlusher = {
+      promises: {
+        flushProjectToTpdsIfNeeded: sinon.stub().resolves(),
+      },
+    }
+    this.Metrics = {
+      Timer: class {
+        done() {}
+      },
+      inc: sinon.stub(),
+    }
+    this.SplitTestHandler = {
+      promises: {
+        getAssignment: sinon.stub().resolves({ variant: 'default' }),
+        getAssignmentForUser: sinon.stub().resolves({ variant: 'default' }),
+        hasUserBeenAssignedToVariant: sinon.stub().resolves(false),
+      },
+      getAssignment: sinon.stub().yields(null, { variant: 'default' }),
+    }
+    this.SplitTestSessionHandler = {
+      promises: {
+        sessionMaintenance: sinon.stub().resolves(),
+      },
+    }
+    this.InstitutionsFeatures = {
+      promises: {
+        hasLicence: sinon.stub().resolves(false),
+      },
+    }
+    this.InstitutionsGetter = {
+      promises: {
+        getCurrentAffiliations: sinon.stub().resolves([]),
+      },
+    }
+    this.SubscriptionViewModelBuilder = {
+      getBestSubscription: sinon.stub().yields(null, { type: 'free' }),
+    }
+    this.SurveyHandler = {
+      getSurvey: sinon.stub().yields(null, {}),
+    }
+    this.ProjectAuditLogHandler = {
+      promises: {
+        addEntry: sinon.stub().resolves(),
+      },
+    }
+    this.TutorialHandler = {
+      getInactiveTutorials: sinon.stub().returns([]),
+    }
+    this.OnboardingDataCollectionManager = {
+      getOnboardingDataValue: sinon.stub().resolves(null),
+    }
+    this.Modules = {
+      promises: { hooks: { fire: sinon.stub().resolves() } },
+    }
+
+    this.ProjectController = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        'mongodb-legacy': { ObjectId },
+        '@overleaf/settings': this.settings,
+        '@overleaf/metrics': this.Metrics,
+        '../Collaborators/CollaboratorsHandler': this.CollaboratorsHandler,
+        '../SplitTests/SplitTestHandler': this.SplitTestHandler,
+        '../SplitTests/SplitTestSessionHandler': this.SplitTestSessionHandler,
+        './ProjectDeleter': this.ProjectDeleter,
+        './ProjectDuplicator': this.ProjectDuplicator,
+        './ProjectCreationHandler': this.ProjectCreationHandler,
+        '../Editor/EditorController': this.EditorController,
+        '../User/UserController': this.UserController,
+        './ProjectHelper': this.ProjectHelper,
+        '../Subscription/SubscriptionLocator': this.SubscriptionLocator,
+        '../Subscription/SubscriptionController': this.SubscriptionController,
+        '../Subscription/LimitationsManager': this.LimitationsManager,
+        '../Tags/TagsHandler': this.TagsHandler,
+        '../../models/User': { User: this.UserModel },
+        '../Authorization/AuthorizationManager': this.AuthorizationManager,
+        '../InactiveData/InactiveProjectManager': this.InactiveProjectManager,
+        './ProjectUpdateHandler': this.ProjectUpdateHandler,
+        './ProjectGetter': this.ProjectGetter,
+        './ProjectDetailsHandler': this.ProjectDetailsHandler,
+        '../Authentication/SessionManager': this.SessionManager,
+        '../TokenAccess/TokenAccessHandler': this.TokenAccessHandler,
+        '../Collaborators/CollaboratorsGetter': this.CollaboratorsGetter,
+        './ProjectEntityHandler': this.ProjectEntityHandler,
+        '../../infrastructure/Features': this.Features,
+        '../Subscription/FeaturesUpdater': this.FeaturesUpdater,
+        '../User/UserGetter': this.UserGetter,
+        '../BrandVariations/BrandVariationsHandler':
+          this.BrandVariationsHandler,
+        '../ThirdPartyDataStore/TpdsProjectFlusher': this.TpdsProjectFlusher,
+        '../../models/Project': {},
+        '../Analytics/AnalyticsManager': {
+          recordEventForUserInBackground: () => {},
+        },
+        '../Subscription/SubscriptionViewModelBuilder':
+          this.SubscriptionViewModelBuilder,
+        '../Spelling/SpellingHandler': {
+          promises: {
+            getUserDictionary: sinon.stub().resolves([]),
+          },
+        },
+        '../Institutions/InstitutionsFeatures': this.InstitutionsFeatures,
+        '../Institutions/InstitutionsGetter': this.InstitutionsGetter,
+        '../Survey/SurveyHandler': this.SurveyHandler,
+        './ProjectAuditLogHandler': this.ProjectAuditLogHandler,
+        '../Tutorial/TutorialHandler': this.TutorialHandler,
+        '../OnboardingDataCollection/OnboardingDataCollectionManager':
+          this.OnboardingDataCollectionManager,
+        '../User/UserUpdater': {
+          promises: {
+            updateUser: sinon.stub().resolves(),
+          },
+        },
+        '../../infrastructure/Modules': this.Modules,
+      },
+    })
+
+    this.projectName = '£12321jkj9ujkljds'
+    this.req = {
+      query: {},
+      params: {
+        Project_id: this.project_id,
+      },
+      headers: {},
+      connection: {
+        remoteAddress: '192.170.18.1',
+      },
+      session: {
+        user: this.user,
+      },
+      body: {
+        projectName: this.projectName,
+      },
+      i18n: {
+        translate() {},
+      },
+      ip: '192.170.18.1',
+    }
+    this.res = {
+      locals: {
+        jsPath: 'js path here',
+      },
+      setTimeout: sinon.stub(),
+    }
+  })
+
+  describe('updateProjectSettings', function () {
+    it('should update the name', function (done) {
+      this.EditorController.promises.renameProject = sinon.stub().resolves()
+      this.req.body = { name: (this.name = 'New name') }
+      this.res.sendStatus = code => {
+        this.EditorController.promises.renameProject
+          .calledWith(this.project_id, this.name)
+          .should.equal(true)
+        code.should.equal(204)
+        done()
+      }
+      this.ProjectController.updateProjectSettings(this.req, this.res)
+    })
+
+    it('should update the compiler', function (done) {
+      this.EditorController.promises.setCompiler = sinon.stub().resolves()
+      this.req.body = { compiler: (this.compiler = 'pdflatex') }
+      this.res.sendStatus = code => {
+        this.EditorController.promises.setCompiler
+          .calledWith(this.project_id, this.compiler)
+          .should.equal(true)
+        code.should.equal(204)
+        done()
+      }
+      this.ProjectController.updateProjectSettings(this.req, this.res)
+    })
+
+    it('should update the imageName', function (done) {
+      this.EditorController.promises.setImageName = sinon.stub().resolves()
+      this.req.body = { imageName: (this.imageName = 'texlive-1234.5') }
+      this.res.sendStatus = code => {
+        this.EditorController.promises.setImageName
+          .calledWith(this.project_id, this.imageName)
+          .should.equal(true)
+        code.should.equal(204)
+        done()
+      }
+      this.ProjectController.updateProjectSettings(this.req, this.res)
+    })
+
+    it('should update the spell check language', function (done) {
+      this.EditorController.promises.setSpellCheckLanguage = sinon
+        .stub()
+        .resolves()
+      this.req.body = { spellCheckLanguage: (this.languageCode = 'fr') }
+      this.res.sendStatus = code => {
+        this.EditorController.promises.setSpellCheckLanguage
+          .calledWith(this.project_id, this.languageCode)
+          .should.equal(true)
+        code.should.equal(204)
+        done()
+      }
+      this.ProjectController.updateProjectSettings(this.req, this.res)
+    })
+
+    it('should update the root doc', function (done) {
+      this.EditorController.promises.setRootDoc = sinon.stub().resolves()
+      this.req.body = { rootDocId: (this.rootDocId = 'root-doc-id') }
+      this.res.sendStatus = code => {
+        this.EditorController.promises.setRootDoc
+          .calledWith(this.project_id, this.rootDocId)
+          .should.equal(true)
+        code.should.equal(204)
+        done()
+      }
+      this.ProjectController.updateProjectSettings(this.req, this.res)
+    })
+  })
+
+  describe('updateProjectAdminSettings', function () {
+    it('should update the public access level', function (done) {
+      this.EditorController.promises.setPublicAccessLevel = sinon
+        .stub()
+        .resolves()
+      this.req.body = {
+        publicAccessLevel: 'readOnly',
+      }
+      this.res.sendStatus = code => {
+        this.EditorController.promises.setPublicAccessLevel
+          .calledWith(this.project_id, 'readOnly')
+          .should.equal(true)
+        code.should.equal(204)
+        done()
+      }
+      this.ProjectController.updateProjectAdminSettings(this.req, this.res)
+    })
+
+    it('should record the change in the project audit log', function (done) {
+      this.EditorController.promises.setPublicAccessLevel = sinon
+        .stub()
+        .resolves()
+      this.req.body = {
+        publicAccessLevel: 'readOnly',
+      }
+      this.res.sendStatus = code => {
+        this.ProjectAuditLogHandler.promises.addEntry
+          .calledWith(
+            this.project_id,
+            'toggle-access-level',
+            this.user._id,
+            this.req.ip,
+            {
+              publicAccessLevel: 'readOnly',
+              status: 'OK',
+            }
+          )
+          .should.equal(true)
+        done()
+      }
+      this.ProjectController.updateProjectAdminSettings(this.req, this.res)
+    })
+  })
+
+  describe('deleteProject', function () {
+    it('should call the project deleter', function (done) {
+      this.res.sendStatus = code => {
+        this.ProjectDeleter.promises.deleteProject
+          .calledWith(this.project_id, {
+            deleterUser: this.user,
+            ipAddress: this.req.ip,
+          })
+          .should.equal(true)
+        code.should.equal(200)
+        done()
+      }
+      this.ProjectController.deleteProject(this.req, this.res)
+    })
+  })
+
+  describe('restoreProject', function () {
+    it('should tell the project deleter', function (done) {
+      this.res.sendStatus = code => {
+        this.ProjectDeleter.promises.restoreProject
+          .calledWith(this.project_id)
+          .should.equal(true)
+        code.should.equal(200)
+        done()
+      }
+      this.ProjectController.restoreProject(this.req, this.res)
+    })
+  })
+
+  describe('cloneProject', function () {
+    it('should call the project duplicator', function (done) {
+      this.res.json = json => {
+        this.ProjectDuplicator.promises.duplicate
+          .calledWith(this.user, this.project_id, this.projectName)
+          .should.equal(true)
+        json.project_id.should.equal(this.project_id)
+        done()
+      }
+      this.ProjectController.cloneProject(this.req, this.res)
+    })
+  })
+
+  describe('newProject', function () {
+    it('should call the projectCreationHandler with createExampleProject', function (done) {
+      this.req.body.template = 'example'
+      this.res.json = json => {
+        this.ProjectCreationHandler.promises.createExampleProject
+          .calledWith(this.user._id, this.projectName)
+          .should.equal(true)
+        this.ProjectCreationHandler.promises.createBasicProject.called.should.equal(
+          false
+        )
+        done()
+      }
+      this.ProjectController.newProject(this.req, this.res)
+    })
+
+    it('should call the projectCreationHandler with createBasicProject', function (done) {
+      this.req.body.template = 'basic'
+      this.res.json = json => {
+        this.ProjectCreationHandler.promises.createExampleProject.called.should.equal(
+          false
+        )
+        this.ProjectCreationHandler.promises.createBasicProject
+          .calledWith(this.user._id, this.projectName)
+          .should.equal(true)
+        done()
+      }
+      this.ProjectController.newProject(this.req, this.res)
+    })
+  })
+
+  describe('renameProject', function () {
+    beforeEach(function () {
+      this.newProjectName = 'my supper great new project'
+      this.req.body.newProjectName = this.newProjectName
+    })
+
+    it('should call the editor controller', function (done) {
+      this.EditorController.promises.renameProject.resolves()
+      this.res.sendStatus = code => {
+        code.should.equal(200)
+        this.EditorController.promises.renameProject
+          .calledWith(this.project_id, this.newProjectName)
+          .should.equal(true)
+        done()
+      }
+      this.ProjectController.renameProject(this.req, this.res)
+    })
+
+    it('should send an error to next() if there is a problem', function (done) {
+      let error
+      this.EditorController.promises.renameProject.rejects(
+        (error = new Error('problem'))
+      )
+      const next = e => {
+        e.should.equal(error)
+        done()
+      }
+      this.ProjectController.renameProject(this.req, this.res, next)
+    })
+  })
+
+  describe('loadEditor', function () {
+    beforeEach(function () {
+      this.settings.editorIsOpen = true
+      this.project = {
+        name: 'my proj',
+        _id: '213123kjlkj',
+        owner_ref: '59fc84d5fbea77482d436e1b',
+      }
+      this.brandedProject = {
+        name: 'my branded proj',
+        _id: '3252332',
+        owner_ref: '59fc84d5fbea77482d436e1b',
+        brandVariationId: '12',
+      }
+      this.user = {
+        _id: this.user._id,
+        ace: {
+          fontSize: 'massive',
+          theme: 'sexy',
+        },
+        email: 'bob@bob.com',
+        refProviders: {
+          mendeley: { encrypted: 'aaaa' },
+          zotero: { encrypted: 'bbbb' },
+        },
+      }
+      this.ProjectGetter.promises.getProject.resolves(this.project)
+      this.UserModel.findById.returns({
+        exec: sinon.stub().resolves(this.user),
+      })
+      this.SubscriptionLocator.promises.getUsersSubscription.resolves({})
+      this.AuthorizationManager.promises.getPrivilegeLevelForProject.resolves(
+        'owner'
+      )
+      this.ProjectDeleter.unmarkAsDeletedByExternalSource = sinon.stub()
+      this.InactiveProjectManager.promises.reactivateProjectIfRequired.resolves()
+      this.ProjectUpdateHandler.promises.markAsOpened.resolves()
+    })
+
+    it('should render the project/ide-react page', function (done) {
+      this.res.render = (pageName, opts) => {
+        pageName.should.equal('project/ide-react')
+        done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    it('should add user', function (done) {
+      this.res.render = (pageName, opts) => {
+        opts.user.email.should.equal(this.user.email)
+        done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    it('should sanitize refProviders', function (done) {
+      this.res.render = (_pageName, opts) => {
+        expect(opts.user.refProviders).to.deep.equal({
+          mendeley: true,
+          zotero: true,
+        })
+        done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    it('should add on userSettings', function (done) {
+      this.res.render = (pageName, opts) => {
+        opts.userSettings.fontSize.should.equal(this.user.ace.fontSize)
+        opts.userSettings.editorTheme.should.equal(this.user.ace.theme)
+        done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    it('should add isRestrictedTokenMember', function (done) {
+      this.AuthorizationManager.isRestrictedUser.returns(false)
+      this.res.render = (pageName, opts) => {
+        opts.isRestrictedTokenMember.should.exist
+        opts.isRestrictedTokenMember.should.equal(false)
+        return done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    it('should set isRestrictedTokenMember when appropriate', function (done) {
+      this.AuthorizationManager.isRestrictedUser.returns(true)
+      this.res.render = (pageName, opts) => {
+        opts.isRestrictedTokenMember.should.exist
+        opts.isRestrictedTokenMember.should.equal(true)
+        return done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    it('should invoke the session maintenance for logged in user', function (done) {
+      this.res.render = () => {
+        this.SplitTestSessionHandler.promises.sessionMaintenance.should.have.been.calledWith(
+          this.req,
+          this.user
+        )
+        done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    it('should invoke the session maintenance for anonymous user', function (done) {
+      this.SessionManager.getLoggedInUserId.returns(null)
+      this.res.render = () => {
+        this.SplitTestSessionHandler.promises.sessionMaintenance.should.have.been.calledWith(
+          this.req
+        )
+        done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    it('should render the closed page if the editor is closed', function (done) {
+      this.settings.editorIsOpen = false
+      this.res.render = (pageName, opts) => {
+        pageName.should.equal('general/closed')
+        done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    it('should not render the page if the project can not be accessed', function (done) {
+      this.AuthorizationManager.promises.getPrivilegeLevelForProject = sinon
+        .stub()
+        .resolves(null)
+      this.res.sendStatus = (resCode, opts) => {
+        resCode.should.equal(401)
+        this.AuthorizationManager.promises.getPrivilegeLevelForProject.should.have.been.calledWith(
+          this.user._id,
+          this.project_id,
+          'some-token'
+        )
+        done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    it('should reactivateProjectIfRequired', function (done) {
+      this.res.render = (pageName, opts) => {
+        this.InactiveProjectManager.promises.reactivateProjectIfRequired
+          .calledWith(this.project_id)
+          .should.equal(true)
+        done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    it('should mark user as active', function (done) {
+      this.res.render = (pageName, opts) => {
+        expect(this.UserModel.updateOne).to.have.been.calledOnce
+        expect(this.UserModel.updateOne.args[0][0]).to.deep.equal({
+          _id: new ObjectId(this.user._id),
+        })
+        expect(this.UserModel.updateOne.args[0][1].$set.lastActive).to.exist
+        done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    it('should mark project as opened', function (done) {
+      this.res.render = (pageName, opts) => {
+        this.ProjectUpdateHandler.promises.markAsOpened
+          .calledWith(this.project_id)
+          .should.equal(true)
+        done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    it('should call the brand variations handler for branded projects', function (done) {
+      this.ProjectGetter.promises.getProject.resolves(this.brandedProject)
+      this.res.render = (pageName, opts) => {
+        this.BrandVariationsHandler.promises.getBrandVariationById
+          .calledWith()
+          .should.equal(true)
+        done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    it('should not call the brand variations handler for unbranded projects', function (done) {
+      this.res.render = (pageName, opts) => {
+        this.BrandVariationsHandler.promises.getBrandVariationById.called.should.equal(
+          false
+        )
+        done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    it('should expose the brand variation details as locals for branded projects', function (done) {
+      this.ProjectGetter.promises.getProject.resolves(this.brandedProject)
+      this.res.render = (pageName, opts) => {
+        opts.brandVariation.should.deep.equal(this.brandVariationDetails)
+        done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    it('flushes the project to TPDS if a flush is pending', function (done) {
+      this.res.render = () => {
+        this.TpdsProjectFlusher.promises.flushProjectToTpdsIfNeeded.should.have.been.calledWith(
+          this.project_id
+        )
+        done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    it('should refresh the user features if the epoch is outdated', function (done) {
+      this.FeaturesUpdater.featuresEpochIsCurrent = sinon.stub().returns(false)
+      this.res.render = () => {
+        this.FeaturesUpdater.promises.refreshFeatures.should.have.been.calledWith(
+          this.user._id,
+          'load-editor'
+        )
+        done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    describe('wsUrl', function () {
+      function checkLoadEditorWsMetric(metric) {
+        it(`should inc metric ${metric}`, function (done) {
+          this.res.render = () => {
+            this.Metrics.inc.calledWith(metric).should.equal(true)
+            done()
+          }
+          this.ProjectController.loadEditor(this.req, this.res)
+        })
+      }
+      function checkWsFallback(isBeta, isV2) {
+        describe('with ws=fallback', function () {
+          beforeEach(function () {
+            this.req.query = {}
+            this.req.query.ws = 'fallback'
+          })
+          it('should unset the wsUrl', function (done) {
+            this.res.render = (pageName, opts) => {
+              ;(opts.wsUrl || '/socket.io').should.equal('/socket.io')
+              done()
+            }
+            this.ProjectController.loadEditor(this.req, this.res)
+          })
+          checkLoadEditorWsMetric(
+            `load-editor-ws${isBeta ? '-beta' : ''}${
+              isV2 ? '-v2' : ''
+            }-fallback`
+          )
+        })
+      }
+
+      beforeEach(function () {
+        this.settings.wsUrl = '/other.socket.io'
+      })
+      it('should set the custom wsUrl', function (done) {
+        this.res.render = (pageName, opts) => {
+          opts.wsUrl.should.equal('/other.socket.io')
+          done()
+        }
+        this.ProjectController.loadEditor(this.req, this.res)
+      })
+      checkLoadEditorWsMetric('load-editor-ws')
+      checkWsFallback(false)
+
+      describe('beta program', function () {
+        beforeEach(function () {
+          this.settings.wsUrlBeta = '/beta.socket.io'
+        })
+        describe('for a normal user', function () {
+          it('should set the normal custom wsUrl', function (done) {
+            this.res.render = (pageName, opts) => {
+              opts.wsUrl.should.equal('/other.socket.io')
+              done()
+            }
+            this.ProjectController.loadEditor(this.req, this.res)
+          })
+          checkLoadEditorWsMetric('load-editor-ws')
+          checkWsFallback(false)
+        })
+
+        describe('for a beta user', function () {
+          beforeEach(function () {
+            this.user.betaProgram = true
+          })
+          it('should set the beta wsUrl', function (done) {
+            this.res.render = (pageName, opts) => {
+              opts.wsUrl.should.equal('/beta.socket.io')
+              done()
+            }
+            this.ProjectController.loadEditor(this.req, this.res)
+          })
+          checkLoadEditorWsMetric('load-editor-ws-beta')
+          checkWsFallback(true)
+        })
+      })
+
+      describe('v2-rollout', function () {
+        beforeEach(function () {
+          this.settings.wsUrlBeta = '/beta.socket.io'
+          this.settings.wsUrlV2 = '/socket.io.v2'
+        })
+
+        function checkNonMatch() {
+          it('should set the normal custom wsUrl', function (done) {
+            this.res.render = (pageName, opts) => {
+              opts.wsUrl.should.equal('/other.socket.io')
+              done()
+            }
+            this.ProjectController.loadEditor(this.req, this.res)
+          })
+          checkLoadEditorWsMetric('load-editor-ws')
+          checkWsFallback(false)
+        }
+        function checkMatch() {
+          it('should set the v2 wsUrl', function (done) {
+            this.res.render = (pageName, opts) => {
+              opts.wsUrl.should.equal('/socket.io.v2')
+              done()
+            }
+            this.ProjectController.loadEditor(this.req, this.res)
+          })
+          checkLoadEditorWsMetric('load-editor-ws-v2')
+          checkWsFallback(false, true)
+        }
+        function checkForBetaUser() {
+          describe('for a beta user', function () {
+            beforeEach(function () {
+              this.user.betaProgram = true
+            })
+            it('should set the beta wsUrl', function (done) {
+              this.res.render = (pageName, opts) => {
+                opts.wsUrl.should.equal('/beta.socket.io')
+                done()
+              }
+              this.ProjectController.loadEditor(this.req, this.res)
+            })
+            checkLoadEditorWsMetric('load-editor-ws-beta')
+            checkWsFallback(true)
+          })
+        }
+
+        describe('when the roll out percentage is 0', function () {
+          beforeEach(function () {
+            this.settings.wsUrlV2Percentage = 0
+          })
+          describe('when the projectId does not match (0)', function () {
+            beforeEach(function () {
+              this.req.params.Project_id = ObjectId.createFromTime(0)
+            })
+            checkNonMatch()
+          })
+          describe('when the projectId does not match (42)', function () {
+            beforeEach(function () {
+              this.req.params.Project_id = ObjectId.createFromTime(42)
+            })
+            checkNonMatch()
+          })
+          checkForBetaUser()
+        })
+        describe('when the roll out percentage is 1', function () {
+          beforeEach(function () {
+            this.settings.wsUrlV2Percentage = 1
+          })
+          describe('when the projectId matches (0)', function () {
+            beforeEach(function () {
+              this.req.params.Project_id = ObjectId.createFromTime(0)
+            })
+            checkMatch()
+            checkForBetaUser()
+          })
+          describe('when the projectId does not match (1)', function () {
+            beforeEach(function () {
+              this.req.params.Project_id = ObjectId.createFromTime(1)
+            })
+            checkNonMatch()
+            checkForBetaUser()
+          })
+          describe('when the projectId does not match (42)', function () {
+            beforeEach(function () {
+              this.req.params.Project_id = ObjectId.createFromTime(42)
+            })
+            checkNonMatch()
+          })
+        })
+        describe('when the roll out percentage is 10', function () {
+          beforeEach(function () {
+            this.settings.wsUrlV2Percentage = 10
+          })
+          describe('when the projectId matches (0)', function () {
+            beforeEach(function () {
+              this.req.params.Project_id = ObjectId.createFromTime(0)
+            })
+            checkMatch()
+          })
+          describe('when the projectId matches (9)', function () {
+            beforeEach(function () {
+              this.req.params.Project_id = ObjectId.createFromTime(9)
+            })
+            checkMatch()
+            checkForBetaUser()
+          })
+          describe('when the projectId does not match (10)', function () {
+            beforeEach(function () {
+              this.req.params.Project_id = ObjectId.createFromTime(10)
+            })
+            checkNonMatch()
+          })
+          describe('when the projectId does not match (42)', function () {
+            beforeEach(function () {
+              this.req.params.Project_id = ObjectId.createFromTime(42)
+            })
+            checkNonMatch()
+            checkForBetaUser()
+          })
+        })
+        describe('when the roll out percentage is 100', function () {
+          beforeEach(function () {
+            this.settings.wsUrlV2Percentage = 100
+          })
+          describe('when the projectId matches (0)', function () {
+            beforeEach(function () {
+              this.req.params.Project_id = ObjectId.createFromTime(0)
+            })
+            checkMatch()
+            checkForBetaUser()
+          })
+          describe('when the projectId matches (10)', function () {
+            beforeEach(function () {
+              this.req.params.Project_id = ObjectId.createFromTime(10)
+            })
+            checkMatch()
+          })
+          describe('when the projectId matches (42)', function () {
+            beforeEach(function () {
+              this.req.params.Project_id = ObjectId.createFromTime(42)
+            })
+            checkMatch()
+          })
+          describe('when the projectId matches (99)', function () {
+            beforeEach(function () {
+              this.req.params.Project_id = ObjectId.createFromTime(99)
+            })
+            checkMatch()
+          })
+        })
+      })
+    })
+
+    describe('upgrade prompt (on header and share project modal)', function () {
+      beforeEach(function () {
+        // default to saas enabled
+        this.Features.hasFeature.withArgs('saas').returns(true)
+        // default to without a subscription
+        this.SubscriptionLocator.promises.getUsersSubscription = sinon
+          .stub()
+          .resolves(null)
+      })
+      it('should not show without the saas feature', function (done) {
+        this.Features.hasFeature.withArgs('saas').returns(false)
+        this.res.render = (pageName, opts) => {
+          expect(opts.showUpgradePrompt).to.equal(false)
+          done()
+        }
+        this.ProjectController.loadEditor(this.req, this.res)
+      })
+      it('should show for a user without a subscription or only non-paid affiliations', function (done) {
+        this.res.render = (pageName, opts) => {
+          expect(opts.showUpgradePrompt).to.equal(true)
+          done()
+        }
+        this.ProjectController.loadEditor(this.req, this.res)
+      })
+      it('should not show for a user with a personal subscription', function (done) {
+        this.SubscriptionLocator.promises.getUsersSubscription = sinon
+          .stub()
+          .resolves({})
+        this.res.render = (pageName, opts) => {
+          expect(opts.showUpgradePrompt).to.equal(false)
+          done()
+        }
+        this.ProjectController.loadEditor(this.req, this.res)
+      })
+      it('should not show for a user who is a member of a group subscription', function (done) {
+        this.LimitationsManager.promises.userIsMemberOfGroupSubscription = sinon
+          .stub()
+          .resolves({ isMember: true })
+        this.res.render = (pageName, opts) => {
+          expect(opts.showUpgradePrompt).to.equal(false)
+          done()
+        }
+        this.ProjectController.loadEditor(this.req, this.res)
+      })
+      it('should not show for a user with an affiliated paid university', function (done) {
+        this.InstitutionsFeatures.promises.hasLicence = sinon
+          .stub()
+          .resolves(true)
+        this.res.render = (pageName, opts) => {
+          expect(opts.showUpgradePrompt).to.equal(false)
+          done()
+        }
+        this.ProjectController.loadEditor(this.req, this.res)
+      })
+    })
+
+    describe('when user is a read write token member (and not already a named editor)', function () {
+      beforeEach(function () {
+        this.CollaboratorsGetter.promises.userIsTokenMember.resolves(true)
+        this.CollaboratorsGetter.promises.userIsReadWriteTokenMember.resolves(
+          true
+        )
+        this.CollaboratorsGetter.promises.isUserInvitedReadWriteMemberOfProject.resolves(
+          false
+        )
+      })
+
+      it('should redirect to the sharing-updates page', function (done) {
+        this.res.redirect = url => {
+          expect(url).to.equal(`/project/${this.project_id}/sharing-updates`)
+          done()
+        }
+        this.ProjectController.loadEditor(this.req, this.res)
+      })
+    })
+
+    describe('when user is a read write token member but also a named editor', function () {
+      beforeEach(function () {
+        this.CollaboratorsGetter.promises.userIsTokenMember.resolves(true)
+        this.CollaboratorsGetter.promises.userIsReadWriteTokenMember.resolves(
+          true
+        )
+        this.CollaboratorsGetter.promises.isUserInvitedReadWriteMemberOfProject.resolves(
+          true
+        )
+      })
+
+      it('should not redirect to the sharing-updates page, and should load the editor', function (done) {
+        this.res.render = (pageName, opts) => {
+          done()
+        }
+        this.ProjectController.loadEditor(this.req, this.res)
+      })
+    })
+
+    it('should call the collaborator limit enforcement check', function (done) {
+      this.res.render = (pageName, opts) => {
+        this.Modules.promises.hooks.fire.should.have.been.calledWith(
+          'enforceCollaboratorLimit',
+          this.project_id
+        )
+        done()
+      }
+      this.ProjectController.loadEditor(this.req, this.res)
+    })
+
+    describe('chatEnabled flag', function () {
+      it('should be set to false when the feature is disabled', function (done) {
+        this.Features.hasFeature = sinon.stub().withArgs('chat').returns(false)
+
+        this.res.render = (pageName, opts) => {
+          expect(opts.chatEnabled).to.be.false
+          done()
+        }
+        this.ProjectController.loadEditor(this.req, this.res)
+      })
+
+      it('should be set to false when the feature is enabled but the capability is not available', function (done) {
+        this.Features.hasFeature = sinon.stub().withArgs('chat').returns(false)
+        this.req.capabilitySet = new Set()
+
+        this.res.render = (pageName, opts) => {
+          expect(opts.chatEnabled).to.be.false
+          done()
+        }
+        this.ProjectController.loadEditor(this.req, this.res)
+      })
+
+      it('should be set to true when the feature is enabled and the capability is available', function (done) {
+        this.Features.hasFeature = sinon.stub().withArgs('chat').returns(true)
+        this.req.capabilitySet = new Set(['chat'])
+
+        this.res.render = (pageName, opts) => {
+          expect(opts.chatEnabled).to.be.true
+          done()
+        }
+        this.ProjectController.loadEditor(this.req, this.res)
+      })
+    })
+
+    describe('when fetching the users featureSet', function () {
+      beforeEach(function () {
+        this.Modules.promises.hooks.fire = sinon.stub().resolves()
+        this.user.features = {}
+      })
+
+      it('should take into account features overrides from modules', function (done) {
+        // this case occurs when the user has bought the ai bundle on WF, which should include our error assistant
+        const bundleFeatures = { aiErrorAssistant: true }
+        this.user.features = { aiErrorAssistant: false }
+        this.Modules.promises.hooks.fire = sinon
+          .stub()
+          .resolves([bundleFeatures])
+        this.res.render = (pageName, opts) => {
+          expect(opts.user.features).to.deep.equal(bundleFeatures)
+          this.Modules.promises.hooks.fire.should.have.been.calledWith(
+            'getModuleProvidedFeatures',
+            this.user._id
+          )
+          done()
+        }
+        this.ProjectController.loadEditor(this.req, this.res)
+      })
+
+      it('should handle modules not returning any features', function (done) {
+        this.Modules.promises.hooks.fire = sinon.stub().resolves([])
+        this.res.render = (pageName, opts) => {
+          expect(opts.user.features).to.deep.equal({})
+          this.Modules.promises.hooks.fire.should.have.been.calledWith(
+            'getModuleProvidedFeatures',
+            this.user._id
+          )
+          done()
+        }
+        this.ProjectController.loadEditor(this.req, this.res)
+      })
+    })
+  })
+
+  describe('userProjectsJson', function () {
+    beforeEach(function (done) {
+      const projects = [
+        {
+          archived: true,
+          trashed: true,
+          id: 'a',
+          name: 'A',
+          accessLevel: 'a',
+          somethingElse: 1,
+        },
+        {
+          archived: false,
+          id: 'b',
+          name: 'B',
+          accessLevel: 'b',
+          somethingElse: 1,
+        },
+        {
+          archived: false,
+          trashed: true,
+          id: 'c',
+          name: 'C',
+          accessLevel: 'c',
+          somethingElse: 1,
+        },
+        {
+          archived: false,
+          trashed: false,
+          id: 'd',
+          name: 'D',
+          accessLevel: 'd',
+          somethingElse: 1,
+        },
+      ]
+
+      this.ProjectHelper.isArchivedOrTrashed
+        .withArgs(projects[0], this.user._id)
+        .returns(true)
+      this.ProjectHelper.isArchivedOrTrashed
+        .withArgs(projects[1], this.user._id)
+        .returns(false)
+      this.ProjectHelper.isArchivedOrTrashed
+        .withArgs(projects[2], this.user._id)
+        .returns(true)
+      this.ProjectHelper.isArchivedOrTrashed
+        .withArgs(projects[3], this.user._id)
+        .returns(false)
+
+      this.ProjectGetter.promises.findAllUsersProjects = sinon
+        .stub()
+        .resolves([])
+      this.ProjectController._buildProjectList = sinon.stub().returns(projects)
+      this.SessionManager.getLoggedInUserId = sinon
+        .stub()
+        .returns(this.user._id)
+      done()
+    })
+
+    it('should produce a list of projects', function (done) {
+      this.res.json = data => {
+        expect(data).to.deep.equal({
+          projects: [
+            { _id: 'b', name: 'B', accessLevel: 'b' },
+            { _id: 'd', name: 'D', accessLevel: 'd' },
+          ],
+        })
+        done()
+      }
+      this.ProjectController.userProjectsJson(this.req, this.res, this.next)
+    })
+  })
+
+  describe('projectEntitiesJson', function () {
+    beforeEach(function () {
+      this.SessionManager.getLoggedInUserId = sinon.stub().returns('abc')
+      this.req.params = { Project_id: 'abcd' }
+      this.project = { _id: 'abcd' }
+      this.docs = [
+        { path: '/things/b.txt', doc: true },
+        { path: '/main.tex', doc: true },
+      ]
+      this.files = [{ path: '/things/a.txt' }]
+      this.ProjectGetter.promises.getProject = sinon
+        .stub()
+        .resolves(this.project)
+      this.ProjectEntityHandler.getAllEntitiesFromProject = sinon
+        .stub()
+        .returns({ docs: this.docs, files: this.files })
+    })
+
+    it('should produce a list of entities', function (done) {
+      this.res.json = data => {
+        expect(data).to.deep.equal({
+          project_id: 'abcd',
+          entities: [
+            { path: '/main.tex', type: 'doc' },
+            { path: '/things/a.txt', type: 'file' },
+            { path: '/things/b.txt', type: 'doc' },
+          ],
+        })
+        expect(this.ProjectGetter.promises.getProject.callCount).to.equal(1)
+        expect(
+          this.ProjectEntityHandler.getAllEntitiesFromProject.callCount
+        ).to.equal(1)
+        done()
+      }
+      this.ProjectController.projectEntitiesJson(this.req, this.res, this.next)
+    })
+
+    it('should call next with an error if the project file tree is invalid', function (done) {
+      this.ProjectEntityHandler.getAllEntitiesFromProject = sinon
+        .stub()
+        .throws()
+      this.next = err => {
+        expect(err).to.be.an.instanceof(Error)
+        done()
+      }
+      this.ProjectController.projectEntitiesJson(this.req, this.res, this.next)
+    })
+  })
+
+  describe('_buildProjectViewModel', function () {
+    beforeEach(function () {
+      this.ProjectHelper.isArchived.returns(false)
+      this.ProjectHelper.isTrashed.returns(false)
+
+      this.project = {
+        _id: 'abcd',
+        name: 'netsenits',
+        lastUpdated: 1,
+        lastUpdatedBy: 2,
+        publicAccesLevel: 'private',
+        archived: false,
+        owner_ref: 'defg',
+        tokens: {
+          readAndWrite: '1abcd',
+          readAndWritePrefix: '1',
+          readOnly: 'neiotsranteoia',
+        },
+      }
+    })
+
+    describe('project not being archived or trashed', function () {
+      it('should produce a model of the project', function () {
+        const result = this.ProjectController._buildProjectViewModel(
+          this.project,
+          'readAndWrite',
+          'owner',
+          this.user._id
+        )
+        expect(result).to.exist
+        expect(result).to.be.an('object')
+        expect(result).to.deep.equal({
+          id: 'abcd',
+          name: 'netsenits',
+          lastUpdated: 1,
+          lastUpdatedBy: 2,
+          publicAccessLevel: 'private',
+          accessLevel: 'readAndWrite',
+          source: 'owner',
+          archived: false,
+          trashed: false,
+          owner_ref: 'defg',
+          isV1Project: false,
+        })
+      })
+    })
+
+    describe('project being simultaneously archived and trashed', function () {
+      beforeEach(function () {
+        this.ProjectHelper.isArchived.returns(true)
+        this.ProjectHelper.isTrashed.returns(true)
+      })
+
+      it('should produce a model of the project', function () {
+        const result = this.ProjectController._buildProjectViewModel(
+          this.project,
+          'readAndWrite',
+          'owner',
+          this.user._id
+        )
+        expect(result).to.exist
+        expect(result).to.be.an('object')
+        expect(result).to.deep.equal({
+          id: 'abcd',
+          name: 'netsenits',
+          lastUpdated: 1,
+          lastUpdatedBy: 2,
+          publicAccessLevel: 'private',
+          accessLevel: 'readAndWrite',
+          source: 'owner',
+          archived: true,
+          trashed: false,
+          owner_ref: 'defg',
+          isV1Project: false,
+        })
+      })
+    })
+
+    describe('when token-read-only access', function () {
+      it('should redact the owner and last-updated data', function () {
+        const result = this.ProjectController._buildProjectViewModel(
+          this.project,
+          'readOnly',
+          'token',
+          this.user._id
+        )
+        expect(result).to.exist
+        expect(result).to.be.an('object')
+        expect(result).to.deep.equal({
+          id: 'abcd',
+          name: 'netsenits',
+          lastUpdated: 1,
+          lastUpdatedBy: null,
+          publicAccessLevel: 'private',
+          accessLevel: 'readOnly',
+          source: 'token',
+          archived: false,
+          trashed: false,
+          owner_ref: null,
+          isV1Project: false,
+        })
+      })
+    })
+  })
+  describe('_isInPercentageRollout', function () {
+    before(function () {
+      this.ids = [
+        '5a05cd7621f9fe22be131740',
+        '5a05cd7821f9fe22be131741',
+        '5a05cd7921f9fe22be131742',
+        '5a05cd7a21f9fe22be131743',
+        '5a05cd7b21f9fe22be131744',
+        '5a05cd7c21f9fe22be131745',
+        '5a05cd7d21f9fe22be131746',
+        '5a05cd7e21f9fe22be131747',
+        '5a05cd7f21f9fe22be131748',
+        '5a05cd8021f9fe22be131749',
+        '5a05cd8021f9fe22be13174a',
+        '5a05cd8121f9fe22be13174b',
+        '5a05cd8221f9fe22be13174c',
+        '5a05cd8221f9fe22be13174d',
+        '5a05cd8321f9fe22be13174e',
+        '5a05cd8321f9fe22be13174f',
+        '5a05cd8421f9fe22be131750',
+        '5a05cd8421f9fe22be131751',
+        '5a05cd8421f9fe22be131752',
+        '5a05cd8521f9fe22be131753',
+      ]
+    })
+
+    it('should produce the expected results', function () {
+      expect(
+        this.ids.map(i =>
+          this.ProjectController._isInPercentageRollout('abcd', i, 50)
+        )
+      ).to.deep.equal([
+        false,
+        false,
+        false,
+        false,
+        false,
+        false,
+        true,
+        false,
+        true,
+        true,
+        true,
+        true,
+        true,
+        true,
+        false,
+        false,
+        false,
+        true,
+        false,
+        true,
+      ])
+      expect(
+        this.ids.map(i =>
+          this.ProjectController._isInPercentageRollout('efgh', i, 50)
+        )
+      ).to.deep.equal([
+        false,
+        false,
+        false,
+        false,
+        true,
+        false,
+        false,
+        true,
+        false,
+        false,
+        true,
+        true,
+        true,
+        false,
+        true,
+        false,
+        true,
+        true,
+        false,
+        false,
+      ])
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/ProjectDeleterTests.js b/services/web/test/unit/src/Project/ProjectDeleterTests.js
new file mode 100644
index 0000000..9e05a0f
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectDeleterTests.js
@@ -0,0 +1,848 @@
+const modulePath = '../../../../app/src/Features/Project/ProjectDeleter'
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const tk = require('timekeeper')
+const moment = require('moment')
+const { Project } = require('../helpers/models/Project')
+const { DeletedProject } = require('../helpers/models/DeletedProject')
+const { ObjectId, ReadPreference } = require('mongodb-legacy')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+
+describe('ProjectDeleter', function () {
+  beforeEach(function () {
+    tk.freeze(Date.now())
+    this.ip = '192.170.18.1'
+    this.project = dummyProject()
+    this.user = {
+      _id: '588f3ddae8ebc1bac07c9fa4',
+      first_name: 'bjkdsjfk',
+      features: {},
+    }
+
+    this.doc = {
+      _id: '5bd975f54f62e803cb8a8fec',
+      lines: ['a bunch of lines', 'for a sunny day', 'in London town'],
+      ranges: {},
+      project_id: '5cf9270b4eff6e186cf8b05e',
+    }
+
+    this.deletedProjects = [
+      {
+        _id: '5cf7f145c1401f0ca0eb1aaa',
+        deleterData: {
+          _id: '5cf7f145c1401f0ca0eb1aac',
+          deletedAt: moment().subtract(95, 'days').toDate(),
+          deleterId: '588f3ddae8ebc1bac07c9fa4',
+          deleterIpAddress: '172.19.0.1',
+          deletedProjectId: '5cf9270b4eff6e186cf8b05e',
+        },
+        project: {
+          _id: '5cf9270b4eff6e186cf8b05e',
+          overleaf: {
+            history: {
+              id: new ObjectId(),
+            },
+          },
+        },
+      },
+      {
+        _id: '5cf8eb11c1401f0ca0eb1ad7',
+        deleterData: {
+          _id: '5b74360c0fbe57011ae9938f',
+          deletedAt: moment().subtract(95, 'days').toDate(),
+          deleterId: '588f3ddae8ebc1bac07c9fa4',
+          deleterIpAddress: '172.20.0.1',
+          deletedProjectId: '5cf8f95a0c87371362c23919',
+        },
+        project: {
+          _id: '5cf8f95a0c87371362c23919',
+        },
+      },
+    ]
+
+    this.DocumentUpdaterHandler = {
+      promises: {
+        flushProjectToMongoAndDelete: sinon.stub().resolves(),
+      },
+    }
+    this.EditorRealTimeController = {
+      emitToRoom: sinon.stub(),
+    }
+    this.TagsHandler = {
+      promises: {
+        removeProjectFromAllTags: sinon.stub().resolves(),
+      },
+    }
+    this.CollaboratorsHandler = {
+      promises: {
+        removeUserFromAllProjects: sinon.stub().resolves(),
+      },
+    }
+    this.CollaboratorsGetter = {
+      promises: {
+        getMemberIds: sinon
+          .stub()
+          .withArgs(this.project._id)
+          .resolves(['member-id-1', 'member-id-2']),
+      },
+    }
+
+    this.ProjectDetailsHandler = {
+      promises: {
+        generateUniqueName: sinon.stub().resolves(this.project.name),
+      },
+    }
+
+    this.ProjectHelper = {
+      calculateArchivedArray: sinon.stub(),
+    }
+
+    this.db = {
+      deletedFiles: {
+        indexExists: sinon.stub().resolves(false),
+        deleteMany: sinon.stub(),
+      },
+      projects: {
+        insertOne: sinon.stub().resolves(),
+      },
+    }
+
+    this.DocstoreManager = {
+      promises: {
+        archiveProject: sinon.stub().resolves(),
+        destroyProject: sinon.stub().resolves(),
+      },
+    }
+    this.HistoryManager = {
+      promises: {
+        deleteProject: sinon.stub().resolves(),
+      },
+    }
+
+    this.ProjectMock = sinon.mock(Project)
+    this.DeletedProjectMock = sinon.mock(DeletedProject)
+    this.FileStoreHandler = {
+      promises: {
+        deleteProject: sinon.stub().resolves(),
+      },
+    }
+    this.Features = {
+      hasFeature: sinon.stub().returns(true),
+    }
+    this.ChatApiHandler = {
+      promises: {
+        destroyProject: sinon.stub().resolves(),
+      },
+    }
+    this.ProjectAuditLogEntry = {
+      deleteMany: sinon.stub().returns({ exec: sinon.stub().resolves() }),
+    }
+    this.ProjectDeleter = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../infrastructure/Modules': {
+          promises: { hooks: { fire: sinon.stub().resolves() } },
+        },
+        '../../infrastructure/Features': this.Features,
+        '../Editor/EditorRealTimeController': this.EditorRealTimeController,
+        '../../models/Project': { Project },
+        './ProjectHelper': this.ProjectHelper,
+        '../../models/DeletedProject': { DeletedProject },
+        '../DocumentUpdater/DocumentUpdaterHandler':
+          this.DocumentUpdaterHandler,
+        '../Tags/TagsHandler': this.TagsHandler,
+        '../FileStore/FileStoreHandler': this.FileStoreHandler,
+        '../Chat/ChatApiHandler': this.ChatApiHandler,
+        '../Collaborators/CollaboratorsHandler': this.CollaboratorsHandler,
+        '../Collaborators/CollaboratorsGetter': this.CollaboratorsGetter,
+        '../Docstore/DocstoreManager': this.DocstoreManager,
+        './ProjectDetailsHandler': this.ProjectDetailsHandler,
+        '../../infrastructure/mongodb': {
+          db: this.db,
+          ObjectId,
+          READ_PREFERENCE_SECONDARY: ReadPreference.secondaryPreferred.mode,
+        },
+        '../History/HistoryManager': this.HistoryManager,
+        '../../models/ProjectAuditLogEntry': {
+          ProjectAuditLogEntry: this.ProjectAuditLogEntry,
+        },
+      },
+    })
+  })
+
+  afterEach(function () {
+    tk.reset()
+    this.DeletedProjectMock.restore()
+    this.ProjectMock.restore()
+  })
+
+  describe('mark as deleted by external source', function () {
+    beforeEach(function () {
+      this.ProjectMock.expects('updateOne')
+        .withArgs(
+          { _id: this.project._id },
+          { deletedByExternalDataSource: true }
+        )
+        .chain('exec')
+        .resolves()
+    })
+
+    it('should update the project with the flag set to true', async function () {
+      await this.ProjectDeleter.promises.markAsDeletedByExternalSource(
+        this.project._id
+      )
+      this.ProjectMock.verify()
+    })
+
+    it('should tell the editor controler so users are notified', async function () {
+      await this.ProjectDeleter.promises.markAsDeletedByExternalSource(
+        this.project._id
+      )
+      expect(this.EditorRealTimeController.emitToRoom).to.have.been.calledWith(
+        this.project._id,
+        'projectRenamedOrDeletedByExternalSource'
+      )
+    })
+  })
+
+  describe('unmarkAsDeletedByExternalSource', function () {
+    beforeEach(async function () {
+      this.ProjectMock.expects('updateOne')
+        .withArgs(
+          { _id: this.project._id },
+          { deletedByExternalDataSource: false }
+        )
+        .chain('exec')
+        .resolves()
+      await this.ProjectDeleter.promises.unmarkAsDeletedByExternalSource(
+        this.project._id
+      )
+    })
+
+    it('should remove the flag from the project', function () {
+      this.ProjectMock.verify()
+    })
+  })
+
+  describe('deleteUsersProjects', function () {
+    beforeEach(function () {
+      this.projects = [dummyProject(), dummyProject()]
+      this.ProjectMock.expects('find')
+        .withArgs({ owner_ref: this.user._id })
+        .chain('exec')
+        .resolves(this.projects)
+      for (const project of this.projects) {
+        this.ProjectMock.expects('findOne')
+          .withArgs({ _id: project._id })
+          .chain('exec')
+          .resolves(project)
+        this.ProjectMock.expects('deleteOne')
+          .withArgs({ _id: project._id })
+          .chain('exec')
+          .resolves()
+        this.DeletedProjectMock.expects('updateOne')
+          .withArgs(
+            { 'deleterData.deletedProjectId': project._id },
+            {
+              project,
+              deleterData: sinon.match.object,
+            },
+            { upsert: true }
+          )
+          .resolves()
+      }
+    })
+
+    it('should delete all projects owned by the user', async function () {
+      await this.ProjectDeleter.promises.deleteUsersProjects(this.user._id)
+      this.ProjectMock.verify()
+      this.DeletedProjectMock.verify()
+    })
+
+    it('should remove any collaboration from this user', async function () {
+      await this.ProjectDeleter.promises.deleteUsersProjects(this.user._id)
+      sinon.assert.calledWith(
+        this.CollaboratorsHandler.promises.removeUserFromAllProjects,
+        this.user._id
+      )
+      sinon.assert.calledOnce(
+        this.CollaboratorsHandler.promises.removeUserFromAllProjects
+      )
+    })
+  })
+
+  describe('deleteProject', function () {
+    beforeEach(function () {
+      this.deleterData = {
+        deletedAt: new Date(),
+        deletedProjectId: this.project._id,
+        deletedProjectOwnerId: this.project.owner_ref,
+        deletedProjectCollaboratorIds: this.project.collaberator_refs,
+        deletedProjectReadOnlyIds: this.project.readOnly_refs,
+        deletedProjectReviewerIds: this.project.reviewer_refs,
+        deletedProjectReadWriteTokenAccessIds:
+          this.project.tokenAccessReadAndWrite_refs,
+        deletedProjectReadOnlyTokenAccessIds:
+          this.project.tokenAccessReadOnly_refs,
+        deletedProjectReadWriteToken: this.project.tokens.readAndWrite,
+        deletedProjectReadOnlyToken: this.project.tokens.readOnly,
+        deletedProjectOverleafId: this.project.overleaf.id,
+        deletedProjectOverleafHistoryId: this.project.overleaf.history.id,
+        deletedProjectLastUpdatedAt: this.project.lastUpdated,
+      }
+
+      this.ProjectMock.expects('findOne')
+        .withArgs({ _id: this.project._id })
+        .chain('exec')
+        .resolves(this.project)
+    })
+
+    it('should save a DeletedProject with additional deleterData', async function () {
+      this.deleterData.deleterIpAddress = this.ip
+      this.deleterData.deleterId = this.user._id
+
+      this.ProjectMock.expects('deleteOne').chain('exec').resolves()
+      this.DeletedProjectMock.expects('updateOne')
+        .withArgs(
+          { 'deleterData.deletedProjectId': this.project._id },
+          {
+            project: this.project,
+            deleterData: this.deleterData,
+          },
+          { upsert: true }
+        )
+        .resolves()
+
+      await this.ProjectDeleter.promises.deleteProject(this.project._id, {
+        deleterUser: this.user,
+        ipAddress: this.ip,
+      })
+      this.DeletedProjectMock.verify()
+    })
+
+    it('should flushProjectToMongoAndDelete in doc updater', async function () {
+      this.ProjectMock.expects('deleteOne').chain('exec').resolves()
+      this.DeletedProjectMock.expects('updateOne').resolves()
+
+      await this.ProjectDeleter.promises.deleteProject(this.project._id, {
+        deleterUser: this.user,
+        ipAddress: this.ip,
+      })
+      this.DocumentUpdaterHandler.promises.flushProjectToMongoAndDelete
+        .calledWith(this.project._id)
+        .should.equal(true)
+    })
+
+    it('should flush docs out of mongo', async function () {
+      this.ProjectMock.expects('deleteOne').chain('exec').resolves()
+      this.DeletedProjectMock.expects('updateOne').resolves()
+      await this.ProjectDeleter.promises.deleteProject(this.project._id, {
+        deleterUser: this.user,
+        ipAddress: this.ip,
+      })
+      expect(
+        this.DocstoreManager.promises.archiveProject
+      ).to.have.been.calledWith(this.project._id)
+    })
+
+    it('should flush docs out of mongo and ignore errors', async function () {
+      this.ProjectMock.expects('deleteOne').chain('exec').resolves()
+      this.DeletedProjectMock.expects('updateOne').resolves()
+      this.DocstoreManager.promises.archiveProject.rejects(new Error('foo'))
+      await this.ProjectDeleter.promises.deleteProject(this.project._id, {
+        deleterUser: this.user,
+        ipAddress: this.ip,
+      })
+    })
+
+    it('should removeProjectFromAllTags', async function () {
+      this.ProjectMock.expects('deleteOne').chain('exec').resolves()
+      this.DeletedProjectMock.expects('updateOne').resolves()
+
+      await this.ProjectDeleter.promises.deleteProject(this.project._id)
+      sinon.assert.calledWith(
+        this.TagsHandler.promises.removeProjectFromAllTags,
+        'member-id-1',
+        this.project._id
+      )
+      sinon.assert.calledWith(
+        this.TagsHandler.promises.removeProjectFromAllTags,
+        'member-id-2',
+        this.project._id
+      )
+    })
+
+    it('should remove the project from Mongo', async function () {
+      this.ProjectMock.expects('deleteOne')
+        .withArgs({ _id: this.project._id })
+        .chain('exec')
+        .resolves()
+      this.DeletedProjectMock.expects('updateOne').resolves()
+
+      await this.ProjectDeleter.promises.deleteProject(this.project._id)
+      this.ProjectMock.verify()
+    })
+  })
+
+  describe('expireDeletedProjectsAfterDuration', function () {
+    beforeEach(async function () {
+      for (const deletedProject of this.deletedProjects) {
+        this.ProjectMock.expects('findById')
+          .withArgs(deletedProject.deleterData.deletedProjectId)
+          .chain('exec')
+          .resolves(null)
+      }
+      this.DeletedProjectMock.expects('find')
+        .withArgs({
+          'deleterData.deletedAt': {
+            $lt: new Date(moment().subtract(90, 'days')),
+          },
+          project: {
+            $type: 'object',
+          },
+        })
+        .chain('exec')
+        .resolves(this.deletedProjects)
+
+      for (const deletedProject of this.deletedProjects) {
+        this.DeletedProjectMock.expects('findOne')
+          .withArgs({
+            'deleterData.deletedProjectId': deletedProject.project._id,
+          })
+          .chain('exec')
+          .resolves(deletedProject)
+        this.DeletedProjectMock.expects('updateOne')
+          .withArgs(
+            {
+              _id: deletedProject._id,
+            },
+            {
+              $set: {
+                'deleterData.deleterIpAddress': null,
+                project: null,
+              },
+            }
+          )
+          .chain('exec')
+          .resolves()
+      }
+
+      await this.ProjectDeleter.promises.expireDeletedProjectsAfterDuration()
+    })
+
+    it('should expire projects older than 90 days', function () {
+      this.DeletedProjectMock.verify()
+    })
+  })
+
+  describe('expireDeletedProject', function () {
+    describe('on an inactive project', function () {
+      beforeEach(async function () {
+        this.ProjectMock.expects('findById')
+          .withArgs(this.deletedProjects[0].deleterData.deletedProjectId)
+          .chain('exec')
+          .resolves(null)
+        this.DeletedProjectMock.expects('updateOne')
+          .withArgs(
+            {
+              _id: this.deletedProjects[0]._id,
+            },
+            {
+              $set: {
+                'deleterData.deleterIpAddress': null,
+                project: null,
+              },
+            }
+          )
+          .chain('exec')
+          .resolves()
+
+        this.DeletedProjectMock.expects('findOne')
+          .withArgs({
+            'deleterData.deletedProjectId': this.deletedProjects[0].project._id,
+          })
+          .chain('exec')
+          .resolves(this.deletedProjects[0])
+
+        await this.ProjectDeleter.promises.expireDeletedProject(
+          this.deletedProjects[0].project._id
+        )
+      })
+
+      it('should find the specified deletedProject and remove its project and ip address', function () {
+        this.DeletedProjectMock.verify()
+      })
+
+      it('should destroy the docs in docstore', function () {
+        expect(
+          this.DocstoreManager.promises.destroyProject
+        ).to.have.been.calledWith(this.deletedProjects[0].project._id)
+      })
+
+      it('should delete the project in history', function () {
+        expect(
+          this.HistoryManager.promises.deleteProject
+        ).to.have.been.calledWith(
+          this.deletedProjects[0].project._id,
+          this.deletedProjects[0].project.overleaf.history.id
+        )
+      })
+
+      it('should destroy the files in filestore', function () {
+        expect(
+          this.FileStoreHandler.promises.deleteProject
+        ).to.have.been.calledWith(this.deletedProjects[0].project._id)
+      })
+
+      it('should destroy the chat threads and messages', function () {
+        expect(
+          this.ChatApiHandler.promises.destroyProject
+        ).to.have.been.calledWith(this.deletedProjects[0].project._id)
+      })
+
+      it('should delete audit logs', async function () {
+        expect(this.ProjectAuditLogEntry.deleteMany).to.have.been.calledWith({
+          projectId: this.deletedProjects[0].project._id,
+        })
+      })
+    })
+
+    describe('on an active project (from an incomplete delete)', function () {
+      beforeEach(async function () {
+        this.ProjectMock.expects('findById')
+          .withArgs(this.deletedProjects[0].deleterData.deletedProjectId)
+          .chain('exec')
+          .resolves(this.deletedProjects[0].project)
+        this.DeletedProjectMock.expects('deleteOne')
+          .withArgs({
+            'deleterData.deletedProjectId': this.deletedProjects[0].project._id,
+          })
+          .chain('exec')
+          .resolves()
+        await this.ProjectDeleter.promises.expireDeletedProject(
+          this.deletedProjects[0].project._id
+        )
+      })
+
+      it('should delete the spurious deleted project record', function () {
+        this.DeletedProjectMock.verify()
+      })
+
+      it('should not destroy the docs in docstore', function () {
+        expect(this.DocstoreManager.promises.destroyProject).to.not.have.been
+          .called
+      })
+
+      it('should not delete the project in history', function () {
+        expect(this.HistoryManager.promises.deleteProject).to.not.have.been
+          .called
+      })
+
+      it('should not destroy the files in filestore', function () {
+        expect(this.FileStoreHandler.promises.deleteProject).to.not.have.been
+          .called
+      })
+
+      it('should not destroy the chat threads and messages', function () {
+        expect(this.ChatApiHandler.promises.destroyProject).to.not.have.been
+          .called
+      })
+    })
+  })
+
+  describe('archiveProject', function () {
+    beforeEach(function () {
+      const archived = [new ObjectId(this.user._id)]
+      this.ProjectHelper.calculateArchivedArray.returns(archived)
+
+      this.ProjectMock.expects('findOne')
+        .withArgs({ _id: this.project._id })
+        .chain('exec')
+        .resolves(this.project)
+
+      this.ProjectMock.expects('updateOne')
+        .withArgs(
+          { _id: this.project._id },
+          {
+            $set: { archived },
+            $pull: { trashed: new ObjectId(this.user._id) },
+          }
+        )
+        .resolves()
+    })
+
+    it('should update the project', async function () {
+      await this.ProjectDeleter.promises.archiveProject(
+        this.project._id,
+        this.user._id
+      )
+      this.ProjectMock.verify()
+    })
+
+    it('calculates the archived array', async function () {
+      await this.ProjectDeleter.promises.archiveProject(
+        this.project._id,
+        this.user._id
+      )
+      expect(this.ProjectHelper.calculateArchivedArray).to.have.been.calledWith(
+        this.project,
+        this.user._id,
+        'ARCHIVE'
+      )
+    })
+  })
+
+  describe('unarchiveProject', function () {
+    beforeEach(function () {
+      const archived = [new ObjectId(this.user._id)]
+      this.ProjectHelper.calculateArchivedArray.returns(archived)
+
+      this.ProjectMock.expects('findOne')
+        .withArgs({ _id: this.project._id })
+        .chain('exec')
+        .resolves(this.project)
+
+      this.ProjectMock.expects('updateOne')
+        .withArgs({ _id: this.project._id }, { $set: { archived } })
+        .resolves()
+    })
+
+    it('should update the project', async function () {
+      await this.ProjectDeleter.promises.unarchiveProject(
+        this.project._id,
+        this.user._id
+      )
+      this.ProjectMock.verify()
+    })
+
+    it('calculates the archived array', async function () {
+      await this.ProjectDeleter.promises.unarchiveProject(
+        this.project._id,
+        this.user._id
+      )
+      expect(this.ProjectHelper.calculateArchivedArray).to.have.been.calledWith(
+        this.project,
+        this.user._id,
+        'UNARCHIVE'
+      )
+    })
+  })
+
+  describe('trashProject', function () {
+    beforeEach(function () {
+      const archived = [new ObjectId(this.user._id)]
+      this.ProjectHelper.calculateArchivedArray.returns(archived)
+
+      this.ProjectMock.expects('findOne')
+        .withArgs({ _id: this.project._id })
+        .chain('exec')
+        .resolves(this.project)
+
+      this.ProjectMock.expects('updateOne')
+        .withArgs(
+          { _id: this.project._id },
+          {
+            $addToSet: { trashed: new ObjectId(this.user._id) },
+            $set: { archived },
+          }
+        )
+        .resolves()
+    })
+
+    it('should update the project', async function () {
+      await this.ProjectDeleter.promises.trashProject(
+        this.project._id,
+        this.user._id
+      )
+      this.ProjectMock.verify()
+    })
+
+    it('unarchives the project', async function () {
+      await this.ProjectDeleter.promises.trashProject(
+        this.project._id,
+        this.user._id
+      )
+      expect(this.ProjectHelper.calculateArchivedArray).to.have.been.calledWith(
+        this.project,
+        this.user._id,
+        'UNARCHIVE'
+      )
+    })
+  })
+
+  describe('untrashProject', function () {
+    beforeEach(function () {
+      this.ProjectMock.expects('findOne')
+        .withArgs({ _id: this.project._id })
+        .chain('exec')
+        .resolves(this.project)
+
+      this.ProjectMock.expects('updateOne')
+        .withArgs(
+          { _id: this.project._id },
+          { $pull: { trashed: new ObjectId(this.user._id) } }
+        )
+        .resolves()
+    })
+
+    it('should update the project', async function () {
+      await this.ProjectDeleter.promises.untrashProject(
+        this.project._id,
+        this.user._id
+      )
+      this.ProjectMock.verify()
+    })
+  })
+
+  describe('restoreProject', function () {
+    beforeEach(function () {
+      this.ProjectMock.expects('updateOne')
+        .withArgs(
+          {
+            _id: this.project._id,
+          },
+          {
+            $unset: { archived: true },
+          }
+        )
+        .chain('exec')
+        .resolves()
+    })
+
+    it('should unset the archive attribute', async function () {
+      await this.ProjectDeleter.promises.restoreProject(this.project._id)
+    })
+  })
+
+  describe('undeleteProject', function () {
+    beforeEach(function () {
+      this.unknownProjectId = new ObjectId()
+      this.purgedProjectId = new ObjectId()
+
+      this.deletedProject = {
+        _id: 'deleted',
+        project: this.project,
+        deleterData: {
+          deletedProjectId: this.project._id,
+          deletedProjectOwnerId: this.project.owner_ref,
+        },
+      }
+      this.purgedProject = {
+        _id: 'purged',
+        deleterData: {
+          deletedProjectId: this.purgedProjectId,
+          deletedProjectOwnerId: 'potato',
+        },
+      }
+
+      this.DeletedProjectMock.expects('findOne')
+        .withArgs({ 'deleterData.deletedProjectId': this.project._id })
+        .chain('exec')
+        .resolves(this.deletedProject)
+      this.DeletedProjectMock.expects('findOne')
+        .withArgs({ 'deleterData.deletedProjectId': this.purgedProjectId })
+        .chain('exec')
+        .resolves(this.purgedProject)
+      this.DeletedProjectMock.expects('findOne')
+        .withArgs({ 'deleterData.deletedProjectId': this.unknownProjectId })
+        .chain('exec')
+        .resolves(null)
+      this.DeletedProjectMock.expects('deleteOne').chain('exec').resolves()
+    })
+
+    it('should return not found if the project does not exist', async function () {
+      await expect(
+        this.ProjectDeleter.promises.undeleteProject(
+          this.unknownProjectId.toString()
+        )
+      ).to.be.rejectedWith(Errors.NotFoundError, 'project_not_found')
+    })
+
+    it('should return not found if the project has been expired', async function () {
+      await expect(
+        this.ProjectDeleter.promises.undeleteProject(
+          this.purgedProjectId.toString()
+        )
+      ).to.be.rejectedWith(Errors.NotFoundError, 'project_too_old_to_restore')
+    })
+
+    it('should insert the project into the collection', async function () {
+      await this.ProjectDeleter.promises.undeleteProject(this.project._id)
+      sinon.assert.calledWith(
+        this.db.projects.insertOne,
+        sinon.match({
+          _id: this.project._id,
+          name: this.project.name,
+        })
+      )
+    })
+
+    it('should clear the archive bit', async function () {
+      this.project.archived = true
+      await this.ProjectDeleter.promises.undeleteProject(this.project._id)
+      sinon.assert.calledWith(
+        this.db.projects.insertOne,
+        sinon.match({ archived: undefined })
+      )
+    })
+
+    it('should generate a unique name for the project', async function () {
+      await this.ProjectDeleter.promises.undeleteProject(this.project._id)
+      sinon.assert.calledWith(
+        this.ProjectDetailsHandler.promises.generateUniqueName,
+        this.project.owner_ref
+      )
+    })
+
+    it('should add a suffix to the project name', async function () {
+      await this.ProjectDeleter.promises.undeleteProject(this.project._id)
+      sinon.assert.calledWith(
+        this.ProjectDetailsHandler.promises.generateUniqueName,
+        this.project.owner_ref,
+        this.project.name + ' (Restored)'
+      )
+    })
+
+    it('should remove the DeletedProject', async function () {
+      // need to change the mock just to include the methods we want
+      this.DeletedProjectMock.restore()
+      this.DeletedProjectMock = sinon.mock(DeletedProject)
+      this.DeletedProjectMock.expects('findOne')
+        .withArgs({ 'deleterData.deletedProjectId': this.project._id })
+        .chain('exec')
+        .resolves(this.deletedProject)
+      this.DeletedProjectMock.expects('deleteOne')
+        .withArgs({ _id: 'deleted' })
+        .chain('exec')
+        .resolves()
+
+      await this.ProjectDeleter.promises.undeleteProject(this.project._id)
+      this.DeletedProjectMock.verify()
+    })
+  })
+})
+
+function dummyProject() {
+  return {
+    _id: new ObjectId(),
+    lastUpdated: new Date(),
+    rootFolder: [],
+    collaberator_refs: [new ObjectId(), new ObjectId()],
+    readOnly_refs: [new ObjectId(), new ObjectId()],
+    reviewer_refs: [new ObjectId()],
+    tokenAccessReadAndWrite_refs: [new ObjectId(), new ObjectId()],
+    tokenAccessReadOnly_refs: [new ObjectId(), new ObjectId()],
+    owner_ref: new ObjectId(),
+    tokens: {
+      readOnly: 'wombat',
+      readAndWrite: 'potato',
+    },
+    overleaf: {
+      id: 1234,
+      history: {
+        id: 5678,
+      },
+    },
+    name: 'a very scientific analysis of spooky ghosts',
+  }
+}
diff --git a/services/web/test/unit/src/Project/ProjectDetailsHandlerTests.js b/services/web/test/unit/src/Project/ProjectDetailsHandlerTests.js
new file mode 100644
index 0000000..51cdddd
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectDetailsHandlerTests.js
@@ -0,0 +1,648 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const { ObjectId } = require('mongodb-legacy')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+const ProjectHelper = require('../../../../app/src/Features/Project/ProjectHelper')
+
+const MODULE_PATH = '../../../../app/src/Features/Project/ProjectDetailsHandler'
+
+describe('ProjectDetailsHandler', function () {
+  beforeEach(function () {
+    this.user = {
+      _id: new ObjectId(),
+      email: 'user@example.com',
+      features: 'mock-features',
+    }
+    this.collaborator = {
+      _id: new ObjectId(),
+      email: 'collaborator@example.com',
+    }
+    this.project = {
+      _id: new ObjectId(),
+      name: 'project',
+      description: 'this is a great project',
+      something: 'should not exist',
+      compiler: 'latexxxxxx',
+      owner_ref: this.user._id,
+      collaberator_refs: [this.collaborator._id],
+    }
+    this.ProjectGetter = {
+      promises: {
+        getProjectWithoutDocLines: sinon.stub().resolves(this.project),
+        getProject: sinon.stub().resolves(this.project),
+        findAllUsersProjects: sinon.stub().resolves({
+          owned: [],
+          readAndWrite: [],
+          readOnly: [],
+          tokenReadAndWrite: [],
+          tokenReadOnly: [],
+        }),
+      },
+    }
+    this.ProjectModelUpdateQuery = {
+      exec: sinon.stub().resolves(),
+    }
+    this.ProjectModel = {
+      updateOne: sinon.stub().returns(this.ProjectModelUpdateQuery),
+    }
+    this.UserGetter = {
+      promises: {
+        getUser: sinon.stub().resolves(this.user),
+      },
+    }
+    this.TpdsUpdateSender = {
+      promises: {
+        moveEntity: sinon.stub().resolves(),
+      },
+    }
+    this.TokenGenerator = {
+      readAndWriteToken: sinon.stub(),
+      promises: {
+        generateUniqueReadOnlyToken: sinon.stub(),
+      },
+    }
+    this.settings = {
+      defaultFeatures: 'default-features',
+    }
+    this.handler = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        './ProjectHelper': ProjectHelper,
+        './ProjectGetter': this.ProjectGetter,
+        '../../models/Project': {
+          Project: this.ProjectModel,
+        },
+        '../User/UserGetter': this.UserGetter,
+        '../ThirdPartyDataStore/TpdsUpdateSender': this.TpdsUpdateSender,
+        '../TokenGenerator/TokenGenerator': this.TokenGenerator,
+        '@overleaf/settings': this.settings,
+      },
+    })
+  })
+
+  describe('getDetails', function () {
+    it('should find the project and owner', async function () {
+      const details = await this.handler.promises.getDetails(this.project._id)
+      details.name.should.equal(this.project.name)
+      details.description.should.equal(this.project.description)
+      details.compiler.should.equal(this.project.compiler)
+      details.features.should.equal(this.user.features)
+      expect(details.something).to.be.undefined
+    })
+
+    it('should find overleaf metadata if it exists', async function () {
+      this.project.overleaf = { id: 'id' }
+      const details = await this.handler.promises.getDetails(this.project._id)
+      details.overleaf.should.equal(this.project.overleaf)
+      expect(details.something).to.be.undefined
+    })
+
+    it('should return an error for a non-existent project', async function () {
+      this.ProjectGetter.promises.getProject.resolves(null)
+      await expect(
+        this.handler.promises.getDetails('0123456789012345678901234')
+      ).to.be.rejectedWith(Errors.NotFoundError)
+    })
+
+    it('should return the default features if no owner found', async function () {
+      this.UserGetter.promises.getUser.resolves(null)
+      const details = await this.handler.promises.getDetails(this.project._id)
+      details.features.should.equal(this.settings.defaultFeatures)
+    })
+
+    it('should rethrow any error', async function () {
+      this.ProjectGetter.promises.getProject.rejects(new Error('boom'))
+      await expect(this.handler.promises.getDetails(this.project._id)).to.be
+        .rejected
+    })
+  })
+
+  describe('getProjectDescription', function () {
+    it('should make a call to mongo just for the description', async function () {
+      this.ProjectGetter.promises.getProject.resolves()
+      await this.handler.promises.getProjectDescription(this.project._id)
+      expect(this.ProjectGetter.promises.getProject).to.have.been.calledWith(
+        this.project._id,
+        { description: true }
+      )
+    })
+
+    it('should return what the mongo call returns', async function () {
+      const expectedDescription = 'cool project'
+      this.ProjectGetter.promises.getProject.resolves({
+        description: expectedDescription,
+      })
+      const description = await this.handler.promises.getProjectDescription(
+        this.project._id
+      )
+      expect(description).to.equal(expectedDescription)
+    })
+  })
+
+  describe('setProjectDescription', function () {
+    beforeEach(function () {
+      this.description = 'updated teh description'
+    })
+
+    it('should update the project detials', async function () {
+      await this.handler.promises.setProjectDescription(
+        this.project._id,
+        this.description
+      )
+      expect(this.ProjectModel.updateOne).to.have.been.calledWith(
+        { _id: this.project._id },
+        { description: this.description }
+      )
+    })
+  })
+
+  describe('renameProject', function () {
+    beforeEach(function () {
+      this.newName = 'new name here'
+    })
+
+    it('should update the project with the new name', async function () {
+      await this.handler.promises.renameProject(this.project._id, this.newName)
+      expect(this.ProjectModel.updateOne).to.have.been.calledWith(
+        { _id: this.project._id },
+        { name: this.newName }
+      )
+    })
+
+    it('should tell the TpdsUpdateSender', async function () {
+      await this.handler.promises.renameProject(this.project._id, this.newName)
+      expect(this.TpdsUpdateSender.promises.moveEntity).to.have.been.calledWith(
+        {
+          projectId: this.project._id,
+          projectName: this.project.name,
+          newProjectName: this.newName,
+        }
+      )
+    })
+
+    it('should not do anything with an invalid name', async function () {
+      await expect(this.handler.promises.renameProject(this.project._id)).to.be
+        .rejected
+      expect(this.TpdsUpdateSender.promises.moveEntity).not.to.have.been.called
+      expect(this.ProjectModel.updateOne).not.to.have.been.called
+    })
+
+    it('should trim whitespace around name', async function () {
+      await this.handler.promises.renameProject(
+        this.project._id,
+        `   ${this.newName}   `
+      )
+      expect(this.ProjectModel.updateOne).to.have.been.calledWith(
+        { _id: this.project._id },
+        { name: this.newName }
+      )
+    })
+  })
+
+  describe('validateProjectName', function () {
+    it('should reject undefined names', async function () {
+      await expect(this.handler.promises.validateProjectName(undefined)).to.be
+        .rejected
+    })
+
+    it('should reject empty names', async function () {
+      await expect(this.handler.promises.validateProjectName('')).to.be.rejected
+    })
+
+    it('should reject names with /s', async function () {
+      await expect(this.handler.promises.validateProjectName('foo/bar')).to.be
+        .rejected
+    })
+
+    it('should reject names with \\s', async function () {
+      await expect(this.handler.promises.validateProjectName('foo\\bar')).to.be
+        .rejected
+    })
+
+    it('should reject long names', async function () {
+      await expect(this.handler.promises.validateProjectName('a'.repeat(1000)))
+        .to.be.rejected
+    })
+
+    it('should accept normal names', async function () {
+      await expect(this.handler.promises.validateProjectName('foobar')).to.be
+        .fulfilled
+    })
+  })
+
+  describe('generateUniqueName', function () {
+    // actually testing `ProjectHelper.promises.ensureNameIsUnique()`
+    beforeEach(function () {
+      this.longName = 'x'.repeat(this.handler.MAX_PROJECT_NAME_LENGTH - 5)
+      const usersProjects = {
+        owned: [
+          { _id: 1, name: 'name' },
+          { _id: 2, name: 'name1' },
+          { _id: 3, name: 'name11' },
+          { _id: 100, name: 'numeric' },
+          { _id: 101, name: 'numeric (1)' },
+          { _id: 102, name: 'numeric (2)' },
+          { _id: 103, name: 'numeric (3)' },
+          { _id: 104, name: 'numeric (4)' },
+          { _id: 105, name: 'numeric (5)' },
+          { _id: 106, name: 'numeric (6)' },
+          { _id: 107, name: 'numeric (7)' },
+          { _id: 108, name: 'numeric (8)' },
+          { _id: 109, name: 'numeric (9)' },
+          { _id: 110, name: 'numeric (10)' },
+          { _id: 111, name: 'numeric (11)' },
+          { _id: 112, name: 'numeric (12)' },
+          { _id: 113, name: 'numeric (13)' },
+          { _id: 114, name: 'numeric (14)' },
+          { _id: 115, name: 'numeric (15)' },
+          { _id: 116, name: 'numeric (16)' },
+          { _id: 117, name: 'numeric (17)' },
+          { _id: 118, name: 'numeric (18)' },
+          { _id: 119, name: 'numeric (19)' },
+          { _id: 120, name: 'numeric (20)' },
+          { _id: 130, name: 'numeric (30)' },
+          { _id: 131, name: 'numeric (31)' },
+          { _id: 132, name: 'numeric (32)' },
+          { _id: 133, name: 'numeric (33)' },
+          { _id: 134, name: 'numeric (34)' },
+          { _id: 135, name: 'numeric (35)' },
+          { _id: 136, name: 'numeric (36)' },
+          { _id: 137, name: 'numeric (37)' },
+          { _id: 138, name: 'numeric (38)' },
+          { _id: 139, name: 'numeric (39)' },
+          { _id: 140, name: 'numeric (40)' },
+          { _id: 141, name: 'Yearbook (2021)' },
+          { _id: 142, name: 'Yearbook (2021) (1)' },
+          { _id: 143, name: 'Resume (2020' },
+        ],
+        readAndWrite: [
+          { _id: 4, name: 'name2' },
+          { _id: 5, name: 'name22' },
+        ],
+        readOnly: [
+          { _id: 6, name: 'name3' },
+          { _id: 7, name: 'name33' },
+        ],
+        tokenReadAndWrite: [
+          { _id: 8, name: 'name4' },
+          { _id: 9, name: 'name44' },
+        ],
+        tokenReadOnly: [
+          { _id: 10, name: 'name5' },
+          { _id: 11, name: 'name55' },
+          { _id: 12, name: this.longName },
+        ],
+      }
+      this.ProjectGetter.promises.findAllUsersProjects.resolves(usersProjects)
+    })
+
+    it('should leave a unique name unchanged', async function () {
+      const name = await this.handler.promises.generateUniqueName(
+        this.user._id,
+        'unique-name',
+        ['-test-suffix']
+      )
+      expect(name).to.equal('unique-name')
+    })
+
+    it('should append a suffix to an existing name', async function () {
+      const name = await this.handler.promises.generateUniqueName(
+        this.user._id,
+        'name1',
+        ['-test-suffix']
+      )
+      expect(name).to.equal('name1-test-suffix')
+    })
+
+    it('should fallback to a second suffix when needed', async function () {
+      const name = await this.handler.promises.generateUniqueName(
+        this.user._id,
+        'name1',
+        ['1', '-test-suffix']
+      )
+      expect(name).to.equal('name1-test-suffix')
+    })
+
+    it('should truncate the name when append a suffix if the result is too long', async function () {
+      const name = await this.handler.promises.generateUniqueName(
+        this.user._id,
+        this.longName,
+        ['-test-suffix']
+      )
+      expect(name).to.equal(
+        this.longName.substr(0, this.handler.MAX_PROJECT_NAME_LENGTH - 12) +
+          '-test-suffix'
+      )
+    })
+
+    it('should use a numeric index if no suffix is supplied', async function () {
+      const name = await this.handler.promises.generateUniqueName(
+        this.user._id,
+        'name1',
+        []
+      )
+      expect(name).to.equal('name1 (1)')
+    })
+
+    it('should use a numeric index if all suffixes are exhausted', async function () {
+      const name = await this.handler.promises.generateUniqueName(
+        this.user._id,
+        'name',
+        ['1', '11']
+      )
+      expect(name).to.equal('name (1)')
+    })
+
+    it('should find the next lowest available numeric index for the base name', async function () {
+      const name = await this.handler.promises.generateUniqueName(
+        this.user._id,
+        'numeric',
+        []
+      )
+      expect(name).to.equal('numeric (21)')
+    })
+
+    it('should not find a numeric index lower than the one already present', async function () {
+      const name = await this.handler.promises.generateUniqueName(
+        this.user._id,
+        'numeric (31)',
+        []
+      )
+      expect(name).to.equal('numeric (41)')
+    })
+
+    it('should handle years in name', async function () {
+      const name = await this.handler.promises.generateUniqueName(
+        this.user._id,
+        'unique-name (2021)',
+        []
+      )
+      expect(name).to.equal('unique-name (2021)')
+    })
+
+    it('should handle duplicating with year in name', async function () {
+      const name = await this.handler.promises.generateUniqueName(
+        this.user._id,
+        'Yearbook (2021)',
+        []
+      )
+      expect(name).to.equal('Yearbook (2021) (2)')
+    })
+    describe('title with that causes invalid regex', function () {
+      it('should create the project with a suffix when project name exists', async function () {
+        const name = await this.handler.promises.generateUniqueName(
+          this.user._id,
+          'Resume (2020',
+          []
+        )
+        expect(name).to.equal('Resume (2020 (1)')
+      })
+      it('should create the project with the provided name', async function () {
+        const name = await this.handler.promises.generateUniqueName(
+          this.user._id,
+          'Yearbook (2021',
+          []
+        )
+        expect(name).to.equal('Yearbook (2021')
+      })
+    })
+
+    describe('numeric index is already present', function () {
+      describe('when there is 1 project "x (2)"', function () {
+        beforeEach(function () {
+          const usersProjects = {
+            owned: [{ _id: 1, name: 'x (2)' }],
+          }
+          this.ProjectGetter.promises.findAllUsersProjects.resolves(
+            usersProjects
+          )
+        })
+
+        it('should produce "x (3)" uploading a zip with name "x (2)"', async function () {
+          const name = await this.handler.promises.generateUniqueName(
+            this.user._id,
+            'x (2)',
+            []
+          )
+          expect(name).to.equal('x (3)')
+        })
+      })
+
+      describe('when there are 2 projects "x (2)" and "x (3)"', function () {
+        beforeEach(function () {
+          const usersProjects = {
+            owned: [
+              { _id: 1, name: 'x (2)' },
+              { _id: 2, name: 'x (3)' },
+            ],
+          }
+          this.ProjectGetter.promises.findAllUsersProjects.resolves(
+            usersProjects
+          )
+        })
+
+        it('should produce "x (4)" when uploading a zip with name "x (2)"', async function () {
+          const name = await this.handler.promises.generateUniqueName(
+            this.user._id,
+            'x (2)',
+            []
+          )
+          expect(name).to.equal('x (4)')
+        })
+      })
+
+      describe('when there are 2 projects "x (2)" and "x (4)"', function () {
+        beforeEach(function () {
+          const usersProjects = {
+            owned: [
+              { _id: 1, name: 'x (2)' },
+              { _id: 2, name: 'x (4)' },
+            ],
+          }
+          this.ProjectGetter.promises.findAllUsersProjects.resolves(
+            usersProjects
+          )
+        })
+
+        it('should produce "x (3)" when uploading a zip with name "x (2)"', async function () {
+          const name = await this.handler.promises.generateUniqueName(
+            this.user._id,
+            'x (2)',
+            []
+          )
+          expect(name).to.equal('x (3)')
+        })
+
+        it('should produce "x (5)" when uploading a zip with name "x (4)"', async function () {
+          const name = await this.handler.promises.generateUniqueName(
+            this.user._id,
+            'x (4)',
+            []
+          )
+          expect(name).to.equal('x (5)')
+        })
+      })
+    })
+  })
+
+  describe('fixProjectName', function () {
+    it('should change empty names to Untitled', function () {
+      expect(this.handler.fixProjectName('')).to.equal('Untitled')
+    })
+
+    it('should replace / with -', function () {
+      expect(this.handler.fixProjectName('foo/bar')).to.equal('foo-bar')
+    })
+
+    it("should replace \\ with ''", function () {
+      expect(this.handler.fixProjectName('foo \\ bar')).to.equal('foo  bar')
+    })
+
+    it('should truncate long names', function () {
+      expect(this.handler.fixProjectName('a'.repeat(1000))).to.equal(
+        'a'.repeat(150)
+      )
+    })
+
+    it('should accept normal names', function () {
+      expect(this.handler.fixProjectName('foobar')).to.equal('foobar')
+    })
+
+    it('should trim name after truncation', function () {
+      expect(this.handler.fixProjectName('a'.repeat(149) + ' a')).to.equal(
+        'a'.repeat(149)
+      )
+    })
+  })
+
+  describe('setPublicAccessLevel', function () {
+    beforeEach(function () {
+      this.accessLevel = 'tokenBased'
+    })
+
+    it('should update the project with the new level', async function () {
+      await this.handler.promises.setPublicAccessLevel(
+        this.project._id,
+        this.accessLevel
+      )
+      expect(this.ProjectModel.updateOne).to.have.been.calledWith(
+        { _id: this.project._id },
+        { publicAccesLevel: this.accessLevel }
+      )
+    })
+
+    it('should not produce an error', async function () {
+      await expect(
+        this.handler.promises.setPublicAccessLevel(
+          this.project._id,
+          this.accessLevel
+        )
+      ).to.be.fulfilled
+    })
+
+    describe('when update produces an error', function () {
+      beforeEach(function () {
+        this.ProjectModelUpdateQuery.exec.rejects(new Error('woops'))
+      })
+
+      it('should produce an error', async function () {
+        await expect(
+          this.handler.promises.setPublicAccessLevel(
+            this.project._id,
+            this.accessLevel
+          )
+        ).to.be.rejected
+      })
+    })
+  })
+
+  describe('ensureTokensArePresent', function () {
+    describe('when the project has tokens', function () {
+      beforeEach(function () {
+        this.project = {
+          _id: this.project._id,
+          tokens: {
+            readOnly: 'aaa',
+            readAndWrite: '42bbb',
+            readAndWritePrefix: '42',
+          },
+        }
+        this.ProjectGetter.promises.getProject.resolves(this.project)
+      })
+
+      it('should get the project', async function () {
+        await this.handler.promises.ensureTokensArePresent(this.project._id)
+        expect(this.ProjectGetter.promises.getProject).to.have.been.calledOnce
+        expect(this.ProjectGetter.promises.getProject).to.have.been.calledWith(
+          this.project._id,
+          {
+            tokens: 1,
+          }
+        )
+      })
+
+      it('should not update the project with new tokens', async function () {
+        await this.handler.promises.ensureTokensArePresent(this.project._id)
+        expect(this.ProjectModel.updateOne).not.to.have.been.called
+      })
+    })
+
+    describe('when tokens are missing', function () {
+      beforeEach(function () {
+        this.project = { _id: this.project._id }
+        this.ProjectGetter.promises.getProject.resolves(this.project)
+        this.readOnlyToken = 'abc'
+        this.readAndWriteToken = '42def'
+        this.readAndWriteTokenPrefix = '42'
+        this.TokenGenerator.promises.generateUniqueReadOnlyToken.resolves(
+          this.readOnlyToken
+        )
+        this.TokenGenerator.readAndWriteToken.returns({
+          token: this.readAndWriteToken,
+          numericPrefix: this.readAndWriteTokenPrefix,
+        })
+      })
+
+      it('should get the project', async function () {
+        await this.handler.promises.ensureTokensArePresent(this.project._id)
+        expect(this.ProjectGetter.promises.getProject).to.have.been.calledOnce
+        expect(this.ProjectGetter.promises.getProject).to.have.been.calledWith(
+          this.project._id,
+          {
+            tokens: 1,
+          }
+        )
+      })
+
+      it('should update the project with new tokens', async function () {
+        await this.handler.promises.ensureTokensArePresent(this.project._id)
+        expect(this.TokenGenerator.promises.generateUniqueReadOnlyToken).to.have
+          .been.calledOnce
+        expect(this.TokenGenerator.readAndWriteToken).to.have.been.calledOnce
+        expect(this.ProjectModel.updateOne).to.have.been.calledOnce
+        expect(this.ProjectModel.updateOne).to.have.been.calledWith(
+          { _id: this.project._id },
+          {
+            $set: {
+              tokens: {
+                readOnly: this.readOnlyToken,
+                readAndWrite: this.readAndWriteToken,
+                readAndWritePrefix: this.readAndWriteTokenPrefix,
+              },
+            },
+          }
+        )
+      })
+    })
+  })
+
+  describe('clearTokens', function () {
+    it('clears the tokens from the project', async function () {
+      await this.handler.promises.clearTokens(this.project._id)
+      expect(this.ProjectModel.updateOne).to.have.been.calledWith(
+        { _id: this.project._id },
+        { $unset: { tokens: 1 }, $set: { publicAccesLevel: 'private' } }
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/ProjectDuplicatorTests.js b/services/web/test/unit/src/Project/ProjectDuplicatorTests.js
new file mode 100644
index 0000000..8a2006a
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectDuplicatorTests.js
@@ -0,0 +1,448 @@
+const { expect } = require('chai')
+const sinon = require('sinon')
+const SandboxedModule = require('sandboxed-module')
+const { ObjectId } = require('mongodb-legacy')
+
+const MODULE_PATH = '../../../../app/src/Features/Project/ProjectDuplicator.js'
+
+describe('ProjectDuplicator', function () {
+  beforeEach(function () {
+    this.doc0 = { _id: 'doc0_id', name: 'rootDocHere' }
+    this.doc1 = { _id: 'doc1_id', name: 'level1folderDocName' }
+    this.doc2 = { _id: 'doc2_id', name: 'level2folderDocName' }
+    this.doc0Lines = ['zero']
+    this.doc1Lines = ['one']
+    this.doc2Lines = ['two']
+    this.file0 = { name: 'file0', _id: 'file0', hash: 'abcde' }
+    this.file1 = { name: 'file1', _id: 'file1' }
+    this.file2 = {
+      name: 'file2',
+      _id: 'file2',
+      created: '2024-07-05T14:18:31.401+00:00',
+      linkedFileData: { provider: 'url' },
+      hash: '123456',
+    }
+    this.level2folder = {
+      name: 'level2folderName',
+      _id: 'level2folderId',
+      docs: [this.doc2, undefined],
+      folders: [],
+      fileRefs: [this.file2],
+    }
+    this.level1folder = {
+      name: 'level1folder',
+      _id: 'level1folderId',
+      docs: [this.doc1],
+      folders: [this.level2folder],
+      fileRefs: [this.file1, null], // the null is intentional to test null docs/files
+    }
+    this.rootFolder = {
+      name: 'rootFolder',
+      _id: 'rootFolderId',
+      docs: [this.doc0],
+      folders: [this.level1folder, {}],
+      fileRefs: [this.file0],
+    }
+    this.project = {
+      _id: 'this_is_the_old_project_id',
+      rootDoc_id: this.doc0._id,
+      rootFolder: [this.rootFolder],
+      compiler: 'this_is_a_Compiler',
+      overleaf: { history: { id: 123456 } },
+    }
+    this.doc0Path = '/rootDocHere'
+    this.doc1Path = '/level1folder/level1folderDocName'
+    this.doc2Path = '/level1folder/level2folderName/level2folderDocName'
+    this.file0Path = '/file0'
+    this.file1Path = '/level1folder/file1'
+    this.file2Path = '/level1folder/level2folderName/file2'
+
+    this.docContents = [
+      { _id: this.doc0._id, lines: this.doc0Lines },
+      { _id: this.doc1._id, lines: this.doc1Lines },
+      { _id: this.doc2._id, lines: this.doc2Lines },
+    ]
+
+    this.rootDoc = this.doc0
+    this.rootDocPath = '/rootDocHere'
+    this.owner = { _id: 'this_is_the_owner' }
+    this.newBlankProject = {
+      _id: 'new_project_id',
+      overleaf: { history: { id: 339123 } },
+      readOnly_refs: [],
+      collaberator_refs: [],
+      rootFolder: [{ _id: 'new_root_folder_id' }],
+    }
+    this.newFolder = { _id: 'newFolderId' }
+    this.filestoreUrl = 'filestore-url'
+    this.newProjectVersion = 2
+
+    this.newDocId = new ObjectId()
+    this.newFileId = new ObjectId()
+    this.newDoc0 = { ...this.doc0, _id: this.newDocId }
+    this.newDoc1 = { ...this.doc1, _id: this.newDocId }
+    this.newDoc2 = { ...this.doc2, _id: this.newDocId }
+    this.newFile0 = { ...this.file0, _id: this.newFileId }
+    this.newFile1 = { ...this.file1, _id: this.newFileId }
+    this.newFile2 = { ...this.file2, _id: this.newFileId }
+
+    this.docEntries = [
+      {
+        path: this.doc0Path,
+        doc: this.newDoc0,
+        docLines: this.doc0Lines.join('\n'),
+      },
+      {
+        path: this.doc1Path,
+        doc: this.newDoc1,
+        docLines: this.doc1Lines.join('\n'),
+      },
+      {
+        path: this.doc2Path,
+        doc: this.newDoc2,
+        docLines: this.doc2Lines.join('\n'),
+      },
+    ]
+    this.fileEntries = [
+      {
+        createdBlob: false,
+        path: this.file0Path,
+        file: this.newFile0,
+        url: this.filestoreUrl,
+      },
+      {
+        createdBlob: false,
+        path: this.file1Path,
+        file: this.newFile1,
+        url: this.filestoreUrl,
+      },
+      {
+        createdBlob: true,
+        path: this.file2Path,
+        file: this.newFile2,
+        url: null,
+      },
+    ]
+
+    this.Doc = sinon
+      .stub()
+      .callsFake(props => ({ _id: this.newDocId, ...props }))
+    this.File = sinon
+      .stub()
+      .callsFake(props => ({ _id: this.newFileId, ...props }))
+
+    this.DocstoreManager = {
+      promises: {
+        updateDoc: sinon.stub().resolves(),
+        getAllDocs: sinon.stub().resolves(this.docContents),
+      },
+    }
+    this.DocumentUpdaterHandler = {
+      promises: {
+        flushProjectToMongo: sinon.stub().resolves(),
+        updateProjectStructure: sinon.stub().resolves(),
+      },
+    }
+    this.FileStoreHandler = {
+      promises: {
+        copyFile: sinon.stub().resolves(this.filestoreUrl),
+      },
+    }
+    this.HistoryManager = {
+      promises: {
+        copyBlob: sinon.stub().callsFake((historyId, newHistoryId, hash) => {
+          if (hash === 'abcde') {
+            return Promise.reject(new Error('copy blob error'))
+          }
+          return Promise.resolve()
+        }),
+      },
+    }
+    this.TagsHandler = {
+      promises: {
+        addProjectToTags: sinon.stub().resolves({
+          _id: 'project-1',
+        }),
+        countTagsForProject: sinon.stub().resolves(1),
+      },
+    }
+    this.ProjectCreationHandler = {
+      promises: {
+        createBlankProject: sinon.stub().resolves(this.newBlankProject),
+      },
+    }
+    this.ProjectDeleter = {
+      promises: {
+        deleteProject: sinon.stub().resolves(),
+      },
+    }
+    this.ProjectEntityMongoUpdateHandler = {
+      promises: {
+        createNewFolderStructure: sinon.stub().resolves(this.newProjectVersion),
+      },
+    }
+    this.ProjectEntityUpdateHandler = {
+      isPathValidForRootDoc: sinon.stub().returns(true),
+      promises: {
+        setRootDoc: sinon.stub().resolves(),
+      },
+    }
+    this.ProjectGetter = {
+      promises: {
+        getProject: sinon
+          .stub()
+          .withArgs(this.project._id)
+          .resolves(this.project),
+      },
+    }
+    this.ProjectLocator = {
+      promises: {
+        findRootDoc: sinon.stub().resolves({
+          element: this.rootDoc,
+          path: { fileSystem: this.rootDocPath },
+        }),
+        findElementByPath: sinon
+          .stub()
+          .withArgs({
+            project_id: this.newBlankProject._id,
+            path: this.rootDocPath,
+            exactCaseMatch: true,
+          })
+          .resolves({ element: this.doc0 }),
+      },
+    }
+    this.ProjectOptionsHandler = {
+      promises: {
+        setCompiler: sinon.stub().resolves(),
+      },
+    }
+    this.TpdsProjectFlusher = {
+      promises: {
+        flushProjectToTpds: sinon.stub().resolves(),
+      },
+    }
+    this.Features = {
+      hasFeature: sinon.stub().withArgs('project-history-blobs').returns(true),
+    }
+
+    this.ProjectDuplicator = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '../../models/Doc': { Doc: this.Doc },
+        '../../models/File': { File: this.File },
+        '../Docstore/DocstoreManager': this.DocstoreManager,
+        '../DocumentUpdater/DocumentUpdaterHandler':
+          this.DocumentUpdaterHandler,
+        '../FileStore/FileStoreHandler': this.FileStoreHandler,
+        './ProjectCreationHandler': this.ProjectCreationHandler,
+        './ProjectDeleter': this.ProjectDeleter,
+        './ProjectEntityMongoUpdateHandler':
+          this.ProjectEntityMongoUpdateHandler,
+        './ProjectEntityUpdateHandler': this.ProjectEntityUpdateHandler,
+        './ProjectGetter': this.ProjectGetter,
+        './ProjectLocator': this.ProjectLocator,
+        './ProjectOptionsHandler': this.ProjectOptionsHandler,
+        '../ThirdPartyDataStore/TpdsProjectFlusher': this.TpdsProjectFlusher,
+        '../Tags/TagsHandler': this.TagsHandler,
+        '../History/HistoryManager': this.HistoryManager,
+        '../../infrastructure/Features': this.Features,
+        '../Compile/ClsiCacheManager': {
+          prepareClsiCache: sinon.stub().rejects(new Error('ignore this')),
+        },
+      },
+    })
+  })
+
+  describe('when the copy succeeds', function () {
+    beforeEach(async function () {
+      this.newProjectName = 'New project name'
+      this.newProject = await this.ProjectDuplicator.promises.duplicate(
+        this.owner,
+        this.project._id,
+        this.newProjectName
+      )
+    })
+
+    it('should flush the original project to mongo', function () {
+      this.DocumentUpdaterHandler.promises.flushProjectToMongo.should.have.been.calledWith(
+        this.project._id
+      )
+    })
+
+    it('should copy docs to docstore', function () {
+      for (const docLines of [this.doc0Lines, this.doc1Lines, this.doc2Lines]) {
+        this.DocstoreManager.promises.updateDoc.should.have.been.calledWith(
+          this.newProject._id.toString(),
+          this.newDocId.toString(),
+          docLines,
+          0,
+          {}
+        )
+      }
+    })
+
+    it('should duplicate the files with hashes by copying the blobs in history v1', function () {
+      for (const file of [this.file0, this.file2]) {
+        this.HistoryManager.promises.copyBlob.should.have.been.calledWith(
+          this.project.overleaf.history.id,
+          this.newProject.overleaf.history.id,
+          file.hash
+        )
+      }
+    })
+
+    it('should ignore any errors when copying the blobs in history v1', async function () {
+      await expect(
+        this.HistoryManager.promises.copyBlob(
+          this.project.overleaf.history.id,
+          this.newProject.overleaf.history.id,
+          this.file0.hash
+        )
+      ).to.be.rejectedWith('copy blob error')
+    })
+
+    it('should not try to copy the blobs for any files without hashes', function () {
+      for (const file of [this.file1]) {
+        this.HistoryManager.promises.copyBlob.should.not.have.been.calledWith(
+          this.project.overleaf.history.id,
+          this.newProject.overleaf.history.id,
+          file.hash
+        )
+      }
+    })
+
+    it('should copy files to the filestore', function () {
+      for (const file of [this.file0, this.file1]) {
+        this.FileStoreHandler.promises.copyFile.should.have.been.calledWith(
+          this.project._id,
+          file._id,
+          this.newProject._id,
+          this.newFileId
+        )
+      }
+    })
+
+    it('should not copy files that have been sent to history-v1 to the filestore', function () {
+      this.FileStoreHandler.promises.copyFile.should.not.have.been.calledWith(
+        this.project._id,
+        this.file2._id,
+        this.newProject._id,
+        this.newFileId
+      )
+    })
+
+    it('should create a blank project', function () {
+      this.ProjectCreationHandler.promises.createBlankProject.should.have.been.calledWith(
+        this.owner._id,
+        this.newProjectName
+      )
+      this.newProject._id.should.equal(this.newBlankProject._id)
+    })
+
+    it('should use the same compiler', function () {
+      this.ProjectOptionsHandler.promises.setCompiler.should.have.been.calledWith(
+        this.newProject._id,
+        this.project.compiler
+      )
+    })
+
+    it('should use the same root doc', function () {
+      this.ProjectEntityUpdateHandler.promises.setRootDoc.should.have.been.calledWith(
+        this.newProject._id,
+        this.rootFolder.docs[0]._id
+      )
+    })
+
+    it('should not copy the collaborators or read only refs', function () {
+      this.newProject.collaberator_refs.length.should.equal(0)
+      this.newProject.readOnly_refs.length.should.equal(0)
+    })
+
+    it('should copy all documents and files', function () {
+      this.ProjectEntityMongoUpdateHandler.promises.createNewFolderStructure.should.have.been.calledWith(
+        this.newProject._id,
+        this.docEntries,
+        this.fileEntries
+      )
+    })
+
+    it('should notify document updater of changes', function () {
+      this.DocumentUpdaterHandler.promises.updateProjectStructure.should.have.been.calledWith(
+        this.newProject._id,
+        this.newProject.overleaf.history.id,
+        this.owner._id,
+        {
+          newDocs: this.docEntries,
+          newFiles: this.fileEntries,
+          newProject: { version: this.newProjectVersion },
+        },
+        null
+      )
+    })
+
+    it('should flush the project to TPDS', function () {
+      this.TpdsProjectFlusher.promises.flushProjectToTpds.should.have.been.calledWith(
+        this.newProject._id
+      )
+    })
+  })
+
+  describe('without a root doc', function () {
+    beforeEach(async function () {
+      this.ProjectLocator.promises.findRootDoc.resolves({
+        element: null,
+        path: null,
+      })
+      this.newProject = await this.ProjectDuplicator.promises.duplicate(
+        this.owner,
+        this.project._id,
+        'Copy of project'
+      )
+    })
+
+    it('should not set the root doc on the copy', function () {
+      this.ProjectEntityUpdateHandler.promises.setRootDoc.should.not.have.been
+        .called
+    })
+  })
+
+  describe('with an invalid root doc', function () {
+    beforeEach(async function () {
+      this.ProjectEntityUpdateHandler.isPathValidForRootDoc.returns(false)
+      this.newProject = await this.ProjectDuplicator.promises.duplicate(
+        this.owner,
+        this.project._id,
+        'Copy of project'
+      )
+    })
+
+    it('should not set the root doc on the copy', function () {
+      this.ProjectEntityUpdateHandler.promises.setRootDoc.should.not.have.been
+        .called
+    })
+  })
+
+  describe('when there is an error', function () {
+    beforeEach(async function () {
+      this.ProjectEntityMongoUpdateHandler.promises.createNewFolderStructure.rejects()
+      await expect(
+        this.ProjectDuplicator.promises.duplicate(
+          this.owner,
+          this.project._id,
+          ''
+        )
+      ).to.be.rejected
+    })
+
+    it('should delete the broken cloned project', function () {
+      this.ProjectDeleter.promises.deleteProject.should.have.been.calledWith(
+        this.newBlankProject._id
+      )
+    })
+
+    it('should not delete the original project', function () {
+      this.ProjectDeleter.promises.deleteProject.should.not.have.been.calledWith(
+        this.project._id
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/ProjectEditorHandlerTests.js b/services/web/test/unit/src/Project/ProjectEditorHandlerTests.js
new file mode 100644
index 0000000..8e78ea5
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectEditorHandlerTests.js
@@ -0,0 +1,436 @@
+const _ = require('lodash')
+const { expect } = require('chai')
+
+const modulePath = '../../../../app/src/Features/Project/ProjectEditorHandler'
+const SandboxedModule = require('sandboxed-module')
+
+describe('ProjectEditorHandler', function () {
+  beforeEach(function () {
+    this.project = {
+      _id: 'project-id',
+      name: 'Project Name',
+      rootDoc_id: 'file-id',
+      publicAccesLevel: 'private',
+      deletedByExternalDataSource: false,
+      rootFolder: [
+        {
+          _id: 'root-folder-id',
+          name: '',
+          docs: [],
+          fileRefs: [],
+          folders: [
+            {
+              _id: 'sub-folder-id',
+              name: 'folder',
+              docs: [
+                {
+                  _id: 'doc-id',
+                  name: 'main.tex',
+                  lines: (this.lines = ['line 1', 'line 2', 'line 3']),
+                },
+              ],
+              fileRefs: [
+                {
+                  _id: 'file-id',
+                  name: 'image.png',
+                  created: (this.created = new Date()),
+                  size: 1234,
+                },
+              ],
+              folders: [],
+            },
+          ],
+        },
+      ],
+      deletedDocs: [
+        {
+          _id: 'deleted-doc-id',
+          name: 'main.tex',
+          deletedAt: (this.deletedAt = new Date('2017-01-01')),
+        },
+      ],
+    }
+    this.members = [
+      {
+        user: (this.owner = {
+          _id: 'owner-id',
+          first_name: 'Owner',
+          last_name: 'Overleaf',
+          email: 'owner@overleaf.com',
+        }),
+        privilegeLevel: 'owner',
+      },
+      {
+        user: {
+          _id: 'read-only-id',
+          first_name: 'Read',
+          last_name: 'Only',
+          email: 'read-only@overleaf.com',
+        },
+        privilegeLevel: 'readOnly',
+      },
+      {
+        user: {
+          _id: 'read-write-id',
+          first_name: 'Read',
+          last_name: 'Write',
+          email: 'read-write@overleaf.com',
+        },
+        privilegeLevel: 'readAndWrite',
+      },
+    ]
+    this.invites = [
+      {
+        _id: 'invite_one',
+        email: 'user-one@example.com',
+        privileges: 'readOnly',
+        projectId: this.project._id,
+        token: 'my-secret-token1',
+      },
+      {
+        _id: 'invite_two',
+        email: 'user-two@example.com',
+        privileges: 'readOnly',
+        projectId: this.project._id,
+        token: 'my-secret-token2',
+      },
+    ]
+    this.deletedDocsFromDocstore = [
+      { _id: 'deleted-doc-id-from-docstore', name: 'docstore.tex' },
+    ]
+    this.handler = SandboxedModule.require(modulePath)
+  })
+
+  describe('buildProjectModelView', function () {
+    describe('with owner, members and invites included', function () {
+      beforeEach(function () {
+        this.result = this.handler.buildProjectModelView(
+          this.project,
+          this.members,
+          this.invites,
+          this.deletedDocsFromDocstore
+        )
+      })
+
+      it('should include the id', function () {
+        expect(this.result._id).to.exist
+        this.result._id.should.equal('project-id')
+      })
+
+      it('should include the name', function () {
+        expect(this.result.name).to.exist
+        this.result.name.should.equal('Project Name')
+      })
+
+      it('should include the root doc id', function () {
+        expect(this.result.rootDoc_id).to.exist
+        this.result.rootDoc_id.should.equal('file-id')
+      })
+
+      it('should include the public access level', function () {
+        expect(this.result.publicAccesLevel).to.exist
+        this.result.publicAccesLevel.should.equal('private')
+      })
+
+      it('should include the owner', function () {
+        expect(this.result.owner).to.exist
+        this.result.owner._id.should.equal('owner-id')
+        this.result.owner.email.should.equal('owner@overleaf.com')
+        this.result.owner.first_name.should.equal('Owner')
+        this.result.owner.last_name.should.equal('Overleaf')
+        this.result.owner.privileges.should.equal('owner')
+      })
+
+      it('should include the deletedDocs', function () {
+        expect(this.result.deletedDocs).to.exist
+        this.result.deletedDocs.should.deep.equal([
+          {
+            // omit deletedAt field
+            _id: this.project.deletedDocs[0]._id,
+            name: this.project.deletedDocs[0].name,
+          },
+          this.deletedDocsFromDocstore[0],
+        ])
+      })
+
+      it('should gather readOnly_refs and collaberators_refs into a list of members', function () {
+        const findMember = id => {
+          for (const member of this.result.members) {
+            if (member._id === id) {
+              return member
+            }
+          }
+          return null
+        }
+
+        this.result.members.length.should.equal(2)
+
+        expect(findMember('read-only-id')).to.exist
+        findMember('read-only-id').privileges.should.equal('readOnly')
+        findMember('read-only-id').first_name.should.equal('Read')
+        findMember('read-only-id').last_name.should.equal('Only')
+        findMember('read-only-id').email.should.equal('read-only@overleaf.com')
+
+        expect(findMember('read-write-id')).to.exist
+        findMember('read-write-id').privileges.should.equal('readAndWrite')
+        findMember('read-write-id').first_name.should.equal('Read')
+        findMember('read-write-id').last_name.should.equal('Write')
+        findMember('read-write-id').email.should.equal(
+          'read-write@overleaf.com'
+        )
+      })
+
+      it('should include folders in the project', function () {
+        this.result.rootFolder[0]._id.should.equal('root-folder-id')
+        this.result.rootFolder[0].name.should.equal('')
+
+        this.result.rootFolder[0].folders[0]._id.should.equal('sub-folder-id')
+        this.result.rootFolder[0].folders[0].name.should.equal('folder')
+      })
+
+      it('should not duplicate folder contents', function () {
+        this.result.rootFolder[0].docs.length.should.equal(0)
+        this.result.rootFolder[0].fileRefs.length.should.equal(0)
+      })
+
+      it('should include files in the project', function () {
+        this.result.rootFolder[0].folders[0].fileRefs[0]._id.should.equal(
+          'file-id'
+        )
+        this.result.rootFolder[0].folders[0].fileRefs[0].name.should.equal(
+          'image.png'
+        )
+        this.result.rootFolder[0].folders[0].fileRefs[0].created.should.equal(
+          this.created
+        )
+        expect(this.result.rootFolder[0].folders[0].fileRefs[0].size).not.to
+          .exist
+      })
+
+      it('should include docs in the project but not the lines', function () {
+        this.result.rootFolder[0].folders[0].docs[0]._id.should.equal('doc-id')
+        this.result.rootFolder[0].folders[0].docs[0].name.should.equal(
+          'main.tex'
+        )
+        expect(this.result.rootFolder[0].folders[0].docs[0].lines).not.to.exist
+      })
+
+      it('should include invites', function () {
+        expect(this.result.invites).to.exist
+        this.result.invites.should.deep.equal(
+          this.invites.map(invite =>
+            _.pick(invite, ['_id', 'email', 'privileges'])
+          )
+        )
+      })
+
+      it('invites should not include the token', function () {
+        for (const invite of this.result.invites) {
+          expect(invite.token).not.to.exist
+        }
+      })
+    })
+
+    describe('when docstore sends a deleted doc that is also present in the project', function () {
+      beforeEach(function () {
+        this.deletedDocsFromDocstore.push(this.project.deletedDocs[0])
+        this.result = this.handler.buildProjectModelView(
+          this.project,
+          this.members,
+          this.invites,
+          this.deletedDocsFromDocstore
+        )
+      })
+
+      it('should not send any duplicate', function () {
+        expect(this.result.deletedDocs).to.exist
+        this.result.deletedDocs.should.deep.equal([
+          this.project.deletedDocs[0],
+          this.deletedDocsFromDocstore[0],
+        ])
+      })
+    })
+
+    describe('deletedByExternalDataSource', function () {
+      it('should set the deletedByExternalDataSource flag to false when it is not there', function () {
+        delete this.project.deletedByExternalDataSource
+        const result = this.handler.buildProjectModelView(
+          this.project,
+          this.members,
+          [],
+          []
+        )
+        result.deletedByExternalDataSource.should.equal(false)
+      })
+
+      it('should set the deletedByExternalDataSource flag to false when it is false', function () {
+        const result = this.handler.buildProjectModelView(
+          this.project,
+          this.members,
+          [],
+          []
+        )
+        result.deletedByExternalDataSource.should.equal(false)
+      })
+
+      it('should set the deletedByExternalDataSource flag to true when it is true', function () {
+        this.project.deletedByExternalDataSource = true
+        const result = this.handler.buildProjectModelView(
+          this.project,
+          this.members,
+          [],
+          []
+        )
+        result.deletedByExternalDataSource.should.equal(true)
+      })
+    })
+
+    describe('features', function () {
+      beforeEach(function () {
+        this.owner.features = {
+          versioning: true,
+          collaborators: 3,
+          compileGroup: 'priority',
+          compileTimeout: 96,
+        }
+        this.result = this.handler.buildProjectModelView(
+          this.project,
+          this.members,
+          [],
+          []
+        )
+      })
+
+      it('should copy the owner features to the project', function () {
+        this.result.features.versioning.should.equal(
+          this.owner.features.versioning
+        )
+        this.result.features.collaborators.should.equal(
+          this.owner.features.collaborators
+        )
+        this.result.features.compileGroup.should.equal(
+          this.owner.features.compileGroup
+        )
+        this.result.features.compileTimeout.should.equal(
+          this.owner.features.compileTimeout
+        )
+      })
+    })
+
+    describe('trackChangesState', function () {
+      describe('when the owner does not have the trackChanges feature', function () {
+        beforeEach(function () {
+          this.owner.features = {
+            trackChanges: false,
+          }
+          this.result = this.handler.buildProjectModelView(
+            this.project,
+            this.members,
+            [],
+            []
+          )
+        })
+        it('should not emit trackChangesState', function () {
+          expect(this.result.trackChangesState).to.not.exist
+        })
+      })
+
+      describe('when the owner has got the trackChanges feature', function () {
+        beforeEach(function () {
+          this.owner.features = {
+            trackChanges: true,
+          }
+        })
+
+        function genCase([dbEntry, expected]) {
+          describe(`when track_changes is ${JSON.stringify(
+            dbEntry
+          )}`, function () {
+            beforeEach(function () {
+              this.project.track_changes = dbEntry
+              this.result = this.handler.buildProjectModelView(
+                this.project,
+                this.members,
+                [],
+                []
+              )
+            })
+            it(`should set trackChangesState=${expected}`, function () {
+              expect(this.result.trackChangesState).to.deep.equal(expected)
+            })
+          })
+        }
+
+        const CASES = [
+          [null, false],
+          [false, false],
+          [true, true],
+          [{ someId: true }, { someId: true }],
+        ]
+        CASES.map(genCase)
+      })
+    })
+  })
+
+  describe('buildOwnerAndMembersViews', function () {
+    beforeEach(function () {
+      this.owner.features = {
+        versioning: true,
+        collaborators: 3,
+        compileGroup: 'priority',
+        compileTimeout: 22,
+      }
+      this.result = this.handler.buildOwnerAndMembersViews(this.members)
+    })
+
+    it('should produce an object with the right keys', function () {
+      expect(this.result).to.have.all.keys([
+        'owner',
+        'ownerFeatures',
+        'members',
+      ])
+    })
+
+    it('should separate the owner from the members', function () {
+      this.result.members.length.should.equal(this.members.length - 1)
+      expect(this.result.owner._id).to.equal(this.owner._id)
+      expect(this.result.owner.email).to.equal(this.owner.email)
+      expect(
+        this.result.members.filter(m => m._id === this.owner._id).length
+      ).to.equal(0)
+    })
+
+    it('should extract the ownerFeatures from the owner object', function () {
+      expect(this.result.ownerFeatures).to.deep.equal(this.owner.features)
+    })
+
+    describe('when there is no owner', function () {
+      beforeEach(function () {
+        // remove the owner from members list
+        this.membersWithoutOwner = this.members.filter(
+          m => m.user._id !== this.owner._id
+        )
+        this.result = this.handler.buildOwnerAndMembersViews(
+          this.membersWithoutOwner
+        )
+      })
+
+      it('should produce an object with the right keys', function () {
+        expect(this.result).to.have.all.keys([
+          'owner',
+          'ownerFeatures',
+          'members',
+        ])
+      })
+
+      it('should not separate out an owner', function () {
+        this.result.members.length.should.equal(this.membersWithoutOwner.length)
+        expect(this.result.owner).to.equal(null)
+      })
+
+      it('should not extract the ownerFeatures from the owner object', function () {
+        expect(this.result.ownerFeatures).to.equal(null)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/ProjectEntityHandlerTests.js b/services/web/test/unit/src/Project/ProjectEntityHandlerTests.js
new file mode 100644
index 0000000..f3cc6e0
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectEntityHandlerTests.js
@@ -0,0 +1,475 @@
+const { expect } = require('chai')
+const sinon = require('sinon')
+const modulePath = '../../../../app/src/Features/Project/ProjectEntityHandler'
+const SandboxedModule = require('sandboxed-module')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+
+describe('ProjectEntityHandler', function () {
+  const projectId = '4eecb1c1bffa66588e0000a1'
+  const docId = '4eecb1c1bffa66588e0000a2'
+
+  beforeEach(function () {
+    this.TpdsUpdateSender = {
+      addDoc: sinon.stub().callsArg(1),
+      addFile: sinon.stub().callsArg(1),
+    }
+    this.ProjectModel = class Project {
+      constructor(options) {
+        this._id = projectId
+        this.name = 'project_name_here'
+        this.rev = 0
+        this.rootFolder = [this.rootFolder]
+      }
+    }
+    this.project = new this.ProjectModel()
+
+    this.ProjectLocator = { findElement: sinon.stub() }
+    this.DocumentUpdaterHandler = {
+      updateProjectStructure: sinon.stub().yields(),
+    }
+    this.callback = sinon.stub()
+
+    this.ProjectEntityHandler = SandboxedModule.require(modulePath, {
+      requires: {
+        '../Docstore/DocstoreManager': (this.DocstoreManager = {
+          promises: {},
+        }),
+        '../../Features/DocumentUpdater/DocumentUpdaterHandler':
+          this.DocumentUpdaterHandler,
+        '../../models/Project': {
+          Project: this.ProjectModel,
+        },
+        './ProjectLocator': this.ProjectLocator,
+        './ProjectGetter': (this.ProjectGetter = { promises: {} }),
+        '../ThirdPartyDataStore/TpdsUpdateSender': this.TpdsUpdateSender,
+      },
+    })
+  })
+
+  describe('getting folders, docs and files', function () {
+    beforeEach(function () {
+      this.project.rootFolder = [
+        {
+          docs: [
+            (this.doc1 = {
+              name: 'doc1',
+              _id: 'doc1_id',
+            }),
+          ],
+          fileRefs: [
+            (this.file1 = {
+              rev: 1,
+              _id: 'file1_id',
+              name: 'file1',
+            }),
+          ],
+          folders: [
+            (this.folder1 = {
+              name: 'folder1',
+              docs: [
+                (this.doc2 = {
+                  name: 'doc2',
+                  _id: 'doc2_id',
+                }),
+              ],
+              fileRefs: [
+                (this.file2 = {
+                  rev: 2,
+                  name: 'file2',
+                  _id: 'file2_id',
+                }),
+              ],
+              folders: [],
+            }),
+          ],
+        },
+      ]
+      this.ProjectGetter.promises.getProjectWithoutDocLines = sinon
+        .stub()
+        .resolves(this.project)
+    })
+
+    describe('getAllDocs', function () {
+      let fetchedDocs
+      beforeEach(async function () {
+        this.docs = [
+          {
+            _id: this.doc1._id,
+            lines: (this.lines1 = ['one']),
+            rev: (this.rev1 = 1),
+          },
+          {
+            _id: this.doc2._id,
+            lines: (this.lines2 = ['two']),
+            rev: (this.rev2 = 2),
+          },
+        ]
+        this.DocstoreManager.promises.getAllDocs = sinon
+          .stub()
+          .resolves(this.docs)
+        fetchedDocs =
+          await this.ProjectEntityHandler.promises.getAllDocs(projectId)
+      })
+
+      it('should get the doc lines and rev from the docstore', function () {
+        this.DocstoreManager.promises.getAllDocs
+          .calledWith(projectId)
+          .should.equal(true)
+      })
+
+      it('should call the callback with the docs with the lines and rev included', function () {
+        expect(fetchedDocs).to.deep.equal({
+          '/doc1': {
+            _id: this.doc1._id,
+            lines: this.lines1,
+            name: this.doc1.name,
+            rev: this.rev1,
+            folder: this.project.rootFolder[0],
+          },
+          '/folder1/doc2': {
+            _id: this.doc2._id,
+            lines: this.lines2,
+            name: this.doc2.name,
+            rev: this.rev2,
+            folder: this.folder1,
+          },
+        })
+      })
+    })
+
+    describe('getAllFiles', function () {
+      let allFiles
+      beforeEach(async function () {
+        this.callback = sinon.stub()
+        allFiles = await this.ProjectEntityHandler.promises.getAllFiles(
+          projectId,
+          this.callback
+        )
+      })
+
+      it('should call the callback with the files', function () {
+        expect(allFiles).to.deep.equal({
+          '/file1': { ...this.file1, folder: this.project.rootFolder[0] },
+          '/folder1/file2': { ...this.file2, folder: this.folder1 },
+        })
+      })
+    })
+
+    describe('getAllDocPathsFromProject', function () {
+      beforeEach(function () {
+        this.docs = [
+          {
+            _id: this.doc1._id,
+            lines: (this.lines1 = ['one']),
+            rev: (this.rev1 = 1),
+          },
+          {
+            _id: this.doc2._id,
+            lines: (this.lines2 = ['two']),
+            rev: (this.rev2 = 2),
+          },
+        ]
+      })
+
+      it('should call the callback with the path for each docId', function () {
+        const expected = {
+          [this.doc1._id]: `/${this.doc1.name}`,
+          [this.doc2._id]: `/folder1/${this.doc2.name}`,
+        }
+        expect(
+          this.ProjectEntityHandler.getAllDocPathsFromProject(
+            this.project,
+            this.callback
+          )
+        ).to.deep.equal(expected)
+      })
+    })
+
+    describe('getDocPathByProjectIdAndDocId', function () {
+      it('should call the callback with the path for an existing doc id at the root level', async function () {
+        const path =
+          await this.ProjectEntityHandler.promises.getDocPathByProjectIdAndDocId(
+            projectId,
+            this.doc1._id
+          )
+        expect(path).to.deep.equal(`/${this.doc1.name}`)
+      })
+
+      it('should call the callback with the path for an existing doc id nested within a folder', async function () {
+        const path =
+          await this.ProjectEntityHandler.promises.getDocPathByProjectIdAndDocId(
+            projectId,
+            this.doc2._id
+          )
+        expect(path).to.deep.equal(`/folder1/${this.doc2.name}`)
+      })
+
+      it('should call the callback with a NotFoundError for a non-existing doc', async function () {
+        await expect(
+          this.ProjectEntityHandler.promises.getDocPathByProjectIdAndDocId(
+            projectId,
+            'non-existing-id'
+          )
+        ).to.be.rejectedWith(Errors.NotFoundError)
+      })
+
+      it('should call the callback with a NotFoundError for an existing file', async function () {
+        await expect(
+          this.ProjectEntityHandler.promises.getDocPathByProjectIdAndDocId(
+            projectId,
+            this.file1._id
+          )
+        ).to.be.rejectedWith(Errors.NotFoundError)
+      })
+    })
+
+    describe('_getAllFolders', async function () {
+      let folders
+      beforeEach(async function () {
+        this.callback = sinon.stub()
+        folders =
+          await this.ProjectEntityHandler.promises._getAllFolders(projectId)
+      })
+
+      it('should get the project without the docs lines', function () {
+        this.ProjectGetter.promises.getProjectWithoutDocLines
+          .calledWith(projectId)
+          .should.equal(true)
+      })
+
+      it('should call the callback with the folders', function () {
+        expect(folders).to.deep.equal([
+          { path: '/', folder: this.project.rootFolder[0] },
+          { path: '/folder1', folder: this.folder1 },
+        ])
+      })
+    })
+
+    describe('_getAllFoldersFromProject', function () {
+      it('should return the folders', function () {
+        expect(
+          this.ProjectEntityHandler._getAllFoldersFromProject(this.project)
+        ).to.deep.equal([
+          { path: '/', folder: this.project.rootFolder[0] },
+          { path: '/folder1', folder: this.folder1 },
+        ])
+      })
+    })
+  })
+
+  describe('with an invalid file tree', function () {
+    beforeEach(function () {
+      this.project.rootFolder = [
+        {
+          docs: [
+            (this.doc1 = {
+              name: null, // invalid doc name
+              _id: 'doc1_id',
+            }),
+          ],
+          fileRefs: [
+            (this.file1 = {
+              rev: 1,
+              _id: 'file1_id',
+              name: null, // invalid file name
+            }),
+          ],
+          folders: [
+            (this.folder1 = {
+              name: null, // invalid folder name
+              docs: [
+                (this.doc2 = {
+                  name: 'doc2',
+                  _id: 'doc2_id',
+                }),
+              ],
+              fileRefs: [
+                (this.file2 = {
+                  rev: 2,
+                  name: 'file2',
+                  _id: 'file2_id',
+                }),
+              ],
+              folders: null,
+            }),
+            null, // invalid folder
+          ],
+        },
+      ]
+      this.ProjectGetter.promises.getProjectWithoutDocLines = sinon
+        .stub()
+        .resolves(this.project)
+    })
+
+    describe('getAllDocs', function () {
+      beforeEach(async function () {
+        this.docs = [
+          {
+            _id: this.doc1._id,
+            lines: (this.lines1 = ['one']),
+            rev: (this.rev1 = 1),
+          },
+          {
+            _id: this.doc2._id,
+            lines: (this.lines2 = ['two']),
+            rev: (this.rev2 = 2),
+          },
+        ]
+        this.DocstoreManager.promises.getAllDocs = sinon
+          .stub()
+          .resolves(this.docs)
+      })
+
+      it('should call the callback with an error', async function () {
+        await expect(this.ProjectEntityHandler.promises.getAllDocs(projectId))
+          .to.be.rejected
+      })
+    })
+
+    describe('getAllFiles', function () {
+      it('should call the callback with and error', async function () {
+        await expect(this.ProjectEntityHandler.promises.getAllFiles(projectId))
+          .to.be.rejected
+      })
+    })
+
+    describe('getDocPathByProjectIdAndDocId', function () {
+      it('should call the callback with an error for an existing doc id at the root level', async function () {
+        await expect(
+          this.ProjectEntityHandler.promises.getDocPathByProjectIdAndDocId(
+            projectId,
+            this.doc1._id
+          )
+        ).to.be.rejectedWith(Error)
+      })
+
+      it('should call the callback with an error for an existing doc id nested within a folder', async function () {
+        await expect(
+          this.ProjectEntityHandler.promises.getDocPathByProjectIdAndDocId(
+            projectId,
+            this.doc2._id
+          )
+        ).to.be.rejectedWith(Error)
+      })
+
+      it('should call the callback with an error for a non-existing doc', async function () {
+        await expect(
+          this.ProjectEntityHandler.promises.getDocPathByProjectIdAndDocId(
+            projectId,
+            'non-existing-id'
+          )
+        ).to.be.rejectedWith(Error)
+      })
+
+      it('should call the callback with an error for an existing file', async function () {
+        await expect(
+          this.ProjectEntityHandler.promises.getDocPathByProjectIdAndDocId(
+            projectId,
+            this.file1._id
+          )
+        ).to.be.rejectedWith(Error)
+      })
+    })
+
+    describe('_getAllFolders', function () {
+      it('should call the callback with an error', async function () {
+        await expect(
+          this.ProjectEntityHandler.promises._getAllFolders(projectId)
+        ).to.be.rejected
+      })
+    })
+
+    describe('getAllEntities', function () {
+      beforeEach(function () {
+        this.ProjectGetter.promises.getProject = sinon
+          .stub()
+          .resolves(this.project)
+      })
+
+      it('should call the callback with an error', async function () {
+        await expect(
+          this.ProjectEntityHandler.promises.getAllEntities(projectId)
+        ).to.be.rejected
+      })
+    })
+
+    describe('getAllDocPathsFromProjectById', function () {
+      it('should call the callback with an error', async function () {
+        await expect(
+          this.ProjectEntityHandler.promises.getAllDocPathsFromProjectById(
+            projectId
+          )
+        ).to.be.rejected
+      })
+    })
+
+    describe('getDocPathFromProjectByDocId', function () {
+      it('should call the callback with an error', async function () {
+        await expect(
+          this.ProjectEntityHandler.promises.getDocPathFromProjectByDocId(
+            projectId,
+            this.doc1._id
+          )
+        ).to.be.rejected
+      })
+    })
+  })
+
+  describe('getDoc', function () {
+    beforeEach(function () {
+      this.lines = ['mock', 'doc', 'lines']
+      this.rev = 5
+      this.version = 42
+      this.ranges = { mock: 'ranges' }
+      this.callback = sinon.stub()
+      this.DocstoreManager.promises.getDoc = sinon.stub().resolves({
+        lines: this.lines,
+        rev: this.rev,
+        version: this.version,
+        ranges: this.ranges,
+      })
+    })
+
+    it('should call the callback with the lines, version and rev', function (done) {
+      this.ProjectEntityHandler.getDoc(projectId, docId, doc => {
+        this.DocstoreManager.promises.getDoc
+          .calledWith(projectId, docId)
+          .should.equal(true)
+        expect(doc).to.exist
+        done()
+      })
+    })
+  })
+
+  describe('promises.getDoc', function () {
+    let result
+
+    beforeEach(async function () {
+      this.lines = ['mock', 'doc', 'lines']
+      this.rev = 5
+      this.version = 42
+      this.ranges = { mock: 'ranges' }
+
+      this.DocstoreManager.promises.getDoc = sinon.stub().resolves({
+        lines: this.lines,
+        rev: this.rev,
+        version: this.version,
+        ranges: this.ranges,
+      })
+      result = await this.ProjectEntityHandler.promises.getDoc(projectId, docId)
+    })
+
+    it('should call the docstore', function () {
+      this.DocstoreManager.promises.getDoc
+        .calledWith(projectId, docId)
+        .should.equal(true)
+    })
+
+    it('should return the lines, rev, version and ranges', function () {
+      expect(result.lines).to.equal(this.lines)
+      expect(result.rev).to.equal(this.rev)
+      expect(result.version).to.equal(this.version)
+      expect(result.ranges).to.equal(this.ranges)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/ProjectEntityMongoUpdateHandlerTests.js b/services/web/test/unit/src/Project/ProjectEntityMongoUpdateHandlerTests.js
new file mode 100644
index 0000000..b1b29c5
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectEntityMongoUpdateHandlerTests.js
@@ -0,0 +1,1190 @@
+const { expect } = require('chai')
+const sinon = require('sinon')
+const tk = require('timekeeper')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+const { ObjectId } = require('mongodb-legacy')
+const SandboxedModule = require('sandboxed-module')
+const { DeletedFile } = require('../helpers/models/DeletedFile')
+const { Project } = require('../helpers/models/Project')
+
+const MODULE_PATH =
+  '../../../../app/src/Features/Project/ProjectEntityMongoUpdateHandler'
+
+describe('ProjectEntityMongoUpdateHandler', function () {
+  beforeEach(function () {
+    tk.freeze(new Date())
+    this.doc = {
+      _id: new ObjectId(),
+      name: 'test-doc.txt',
+      lines: ['hello', 'world'],
+      rev: 1234,
+    }
+    this.docPath = {
+      mongo: 'rootFolder.0.docs.0',
+      fileSystem: '/test-doc.txt',
+    }
+    this.file = {
+      _id: new ObjectId(),
+      name: 'something.jpg',
+      linkedFileData: { provider: 'url' },
+      hash: 'some-hash',
+    }
+    this.filePath = {
+      fileSystem: '/something.png',
+      mongo: 'rootFolder.0.fileRefs.0',
+    }
+    this.subfolder = { _id: new ObjectId(), name: 'test-subfolder' }
+    this.subfolderPath = {
+      fileSystem: '/test-folder/test-subfolder',
+      mongo: 'rootFolder.0.folders.0.folders.0',
+    }
+    this.notSubfolder = { _id: new ObjectId(), name: 'test-folder-2' }
+    this.notSubfolderPath = {
+      fileSystem: '/test-folder-2/test-subfolder',
+      mongo: 'rootFolder.0.folders.0.folders.0',
+    }
+    this.folder = {
+      _id: new ObjectId(),
+      name: 'test-folder',
+      folders: [this.subfolder],
+    }
+    this.folderPath = {
+      fileSystem: '/test-folder',
+      mongo: 'rootFolder.0.folders.0',
+    }
+    this.rootFolder = {
+      _id: new ObjectId(),
+      folders: [this.folder],
+      docs: [this.doc],
+      fileRefs: [this.file],
+    }
+    this.rootFolderPath = {
+      fileSystem: '/',
+      mongo: 'rootFolder.0',
+    }
+    this.project = {
+      _id: new ObjectId(),
+      name: 'project name',
+      rootFolder: [this.rootFolder],
+    }
+
+    this.Settings = { maxEntitiesPerProject: 100 }
+    this.CooldownManager = {}
+    this.LockManager = {
+      promises: {
+        runWithLock: sinon.spy((namespace, id, runner) => runner()),
+      },
+    }
+
+    this.FolderModel = sinon.stub()
+    this.DeletedFileMock = sinon.mock(DeletedFile)
+    this.ProjectMock = sinon.mock(Project)
+    this.ProjectEntityHandler = {
+      getAllEntitiesFromProject: sinon.stub(),
+    }
+    this.ProjectLocator = {
+      findElementByMongoPath: sinon.stub().throws(new Error('not found')),
+      promises: {
+        findElement: sinon.stub().rejects(new Error('not found')),
+        findElementByPath: sinon.stub().rejects(new Error('not found')),
+      },
+    }
+    this.ProjectLocator.promises.findElement
+      .withArgs({
+        project: this.project,
+        element_id: this.rootFolder._id,
+        type: 'folder',
+      })
+      .resolves({
+        element: this.rootFolder,
+        path: this.rootFolderPath,
+      })
+    this.ProjectLocator.promises.findElement
+      .withArgs({
+        project: this.project,
+        element_id: this.folder._id,
+        type: 'folder',
+      })
+      .resolves({
+        element: this.folder,
+        path: this.folderPath,
+        folder: this.rootFolder,
+      })
+    this.ProjectLocator.promises.findElement
+      .withArgs({
+        project: this.project,
+        element_id: this.subfolder._id,
+        type: 'folder',
+      })
+      .resolves({
+        element: this.subfolder,
+        path: this.subfolderPath,
+        folder: this.folder,
+      })
+    this.ProjectLocator.promises.findElement
+      .withArgs({
+        project: this.project,
+        element_id: this.file._id,
+        type: 'file',
+      })
+      .resolves({
+        element: this.file,
+        path: this.filePath,
+        folder: this.rootFolder,
+      })
+    this.ProjectLocator.promises.findElement
+      .withArgs({
+        project: this.project,
+        element_id: this.doc._id,
+        type: 'doc',
+      })
+      .resolves({
+        element: this.doc,
+        path: this.docPath,
+        folder: this.rootFolder,
+      })
+    this.ProjectLocator.promises.findElementByPath
+      .withArgs(
+        sinon.match({
+          project: this.project,
+          path: '/',
+        })
+      )
+      .resolves({ element: this.rootFolder, type: 'folder', folder: null })
+    this.ProjectLocator.promises.findElementByPath
+      .withArgs(
+        sinon.match({
+          project: this.project,
+          path: '/test-folder',
+        })
+      )
+      .resolves({
+        element: this.folder,
+        type: 'folder',
+        folder: this.rootFolder,
+      })
+    this.ProjectLocator.promises.findElementByPath
+      .withArgs(
+        sinon.match({
+          project: this.project,
+          path: '/test-folder/test-subfolder',
+        })
+      )
+      .resolves({
+        element: this.subfolder,
+        type: 'folder',
+        folder: this.folder,
+      })
+
+    this.ProjectGetter = {
+      promises: {
+        getProjectWithoutLock: sinon
+          .stub()
+          .withArgs(this.project._id)
+          .resolves(this.project),
+        getProjectWithOnlyFolders: sinon.stub().resolves(this.project),
+      },
+    }
+
+    this.FolderStructureBuilder = {
+      buildFolderStructure: sinon.stub(),
+    }
+
+    this.subject = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        'mongodb-legacy': { ObjectId },
+        '@overleaf/settings': this.Settings,
+        '../Cooldown/CooldownManager': this.CooldownManager,
+        '../../models/Folder': { Folder: this.FolderModel },
+        '../../infrastructure/LockManager': this.LockManager,
+        '../../models/DeletedFile': { DeletedFile },
+        '../../models/Project': { Project },
+        './ProjectEntityHandler': this.ProjectEntityHandler,
+        './ProjectLocator': this.ProjectLocator,
+        './ProjectGetter': this.ProjectGetter,
+        './FolderStructureBuilder': this.FolderStructureBuilder,
+      },
+    })
+  })
+
+  afterEach(function () {
+    this.DeletedFileMock.restore()
+    this.ProjectMock.restore()
+    tk.reset()
+  })
+
+  describe('addDoc', function () {
+    beforeEach(async function () {
+      const doc = { _id: new ObjectId(), name: 'other.txt' }
+      const userId = new ObjectId().toString()
+      this.ProjectMock.expects('findOneAndUpdate')
+        .withArgs(
+          {
+            _id: this.project._id,
+            'rootFolder.0.folders.0': { $exists: true },
+          },
+          {
+            $push: { 'rootFolder.0.folders.0.docs': doc },
+            $inc: { version: 1 },
+            $set: { lastUpdated: new Date(), lastUpdatedBy: userId },
+          }
+        )
+        .chain('exec')
+        .resolves(this.project)
+      this.result = await this.subject.promises.addDoc(
+        this.project._id,
+        this.folder._id,
+        doc,
+        userId
+      )
+    })
+
+    it('adds the document in Mongo', function () {
+      this.ProjectMock.verify()
+    })
+
+    it('returns path info and the project', function () {
+      expect(this.result).to.deep.equal({
+        result: {
+          path: {
+            mongo: 'rootFolder.0.folders.0',
+            fileSystem: '/test-folder/other.txt',
+          },
+        },
+        project: this.project,
+      })
+    })
+  })
+
+  describe('addFile', function () {
+    let userId
+    beforeEach(function () {
+      userId = new ObjectId().toString()
+      this.newFile = { _id: new ObjectId(), name: 'picture.jpg' }
+      this.ProjectMock.expects('findOneAndUpdate')
+        .withArgs(
+          {
+            _id: this.project._id,
+            'rootFolder.0.folders.0': { $exists: true },
+          },
+          {
+            $push: { 'rootFolder.0.folders.0.fileRefs': this.newFile },
+            $inc: { version: 1 },
+            $set: { lastUpdated: new Date(), lastUpdatedBy: userId },
+          }
+        )
+        .chain('exec')
+        .resolves(this.project)
+    })
+
+    describe('happy path', function () {
+      beforeEach(async function () {
+        this.result = await this.subject.promises.addFile(
+          this.project._id,
+          this.folder._id,
+          this.newFile,
+          userId
+        )
+      })
+
+      it('adds the file in Mongo', function () {
+        this.ProjectMock.verify()
+      })
+
+      it('returns path info and the project', function () {
+        expect(this.result).to.deep.equal({
+          result: {
+            path: {
+              mongo: 'rootFolder.0.folders.0',
+              fileSystem: '/test-folder/picture.jpg',
+            },
+          },
+          project: this.project,
+        })
+      })
+    })
+
+    describe('when entity limit is reached', function () {
+      beforeEach(function () {
+        this.savedMaxEntities = this.Settings.maxEntitiesPerProject
+        this.Settings.maxEntitiesPerProject = 3
+      })
+
+      afterEach(function () {
+        this.Settings.maxEntitiesPerProject = this.savedMaxEntities
+      })
+
+      it('should throw an error', async function () {
+        await expect(
+          this.subject.promises.addFile(
+            this.project._id,
+            this.folder._id,
+            this.newFile,
+            userId
+          )
+        ).to.be.rejected
+      })
+    })
+  })
+
+  describe('addFolder', function () {
+    beforeEach(async function () {
+      const userId = new ObjectId().toString()
+      const folderName = 'New folder'
+      this.FolderModel.withArgs({ name: folderName }).returns({
+        _id: new ObjectId(),
+        name: folderName,
+      })
+      this.ProjectMock.expects('findOneAndUpdate')
+        .withArgs(
+          {
+            _id: this.project._id,
+            'rootFolder.0.folders.0': { $exists: true },
+          },
+          {
+            $push: {
+              'rootFolder.0.folders.0.folders': sinon.match({
+                name: folderName,
+              }),
+            },
+            $inc: { version: 1 },
+            $set: { lastUpdated: new Date(), lastUpdatedBy: userId },
+          }
+        )
+        .chain('exec')
+        .resolves(this.project)
+      await this.subject.promises.addFolder(
+        this.project._id,
+        this.folder._id,
+        folderName,
+        userId
+      )
+    })
+
+    it('adds the folder in Mongo', function () {
+      this.ProjectMock.verify()
+    })
+  })
+
+  describe('replaceFileWithNew', function () {
+    beforeEach(async function () {
+      const newFile = {
+        _id: new ObjectId(),
+        name: 'some-other-file.png',
+        linkedFileData: { some: 'data' },
+        hash: 'some-hash',
+      }
+      // Add a deleted file record
+      this.DeletedFileMock.expects('create')
+        .withArgs({
+          projectId: this.project._id,
+          _id: this.file._id,
+          name: this.file.name,
+          linkedFileData: this.file.linkedFileData,
+          hash: this.file.hash,
+          deletedAt: sinon.match.date,
+        })
+        .resolves()
+      // Update the file in place
+      this.ProjectMock.expects('findOneAndUpdate')
+        .withArgs(
+          {
+            _id: this.project._id,
+            'rootFolder.0.fileRefs.0': { $exists: true },
+          },
+          {
+            $set: {
+              'rootFolder.0.fileRefs.0._id': newFile._id,
+              'rootFolder.0.fileRefs.0.created': sinon.match.date,
+              'rootFolder.0.fileRefs.0.linkedFileData': newFile.linkedFileData,
+              'rootFolder.0.fileRefs.0.hash': newFile.hash,
+              lastUpdated: new Date(),
+              lastUpdatedBy: 'userId',
+            },
+            $inc: {
+              version: 1,
+              'rootFolder.0.fileRefs.0.rev': 1,
+            },
+          }
+        )
+        .chain('exec')
+        .resolves(this.project)
+      this.ProjectLocator.findElementByMongoPath
+        .withArgs(this.project, 'rootFolder.0.fileRefs.0')
+        .returns(newFile)
+      await this.subject.promises.replaceFileWithNew(
+        this.project._id,
+        this.file._id,
+        newFile,
+        'userId'
+      )
+    })
+
+    it('updates the database', function () {
+      this.DeletedFileMock.verify()
+      this.ProjectMock.verify()
+    })
+  })
+
+  describe('mkdirp', function () {
+    describe('when the path is just a slash', function () {
+      beforeEach(async function () {
+        this.result = await this.subject.promises.mkdirp(this.project._id, '/')
+      })
+
+      it('should return the root folder', function () {
+        expect(this.result.folder).to.deep.equal(this.rootFolder)
+      })
+
+      it('should not report a parent folder', function () {
+        expect(this.result.folder.parentFolder_id).not.to.exist
+      })
+
+      it('should not return new folders', function () {
+        expect(this.result.newFolders).to.have.length(0)
+      })
+    })
+
+    describe('when the folder already exists', function () {
+      beforeEach(async function () {
+        this.result = await this.subject.promises.mkdirp(
+          this.project._id,
+          '/test-folder'
+        )
+      })
+
+      it('should return the existing folder', function () {
+        expect(this.result.folder).to.deep.equal(this.folder)
+      })
+
+      it('should report the parent folder', function () {
+        expect(this.result.folder.parentFolder_id).to.equal(this.rootFolder._id)
+      })
+
+      it('should not return new folders', function () {
+        expect(this.result.newFolders).to.have.length(0)
+      })
+    })
+
+    describe('when the path is a new folder at the top level', function () {
+      beforeEach(async function () {
+        const userId = new ObjectId().toString()
+        this.newFolder = { _id: new ObjectId(), name: 'new-folder' }
+        this.FolderModel.returns(this.newFolder)
+        this.exactCaseMatch = false
+        this.ProjectMock.expects('findOneAndUpdate')
+          .withArgs(
+            { _id: this.project._id, 'rootFolder.0': { $exists: true } },
+            {
+              $push: { 'rootFolder.0.folders': this.newFolder },
+              $inc: { version: 1 },
+              $set: { lastUpdated: new Date(), lastUpdatedBy: userId },
+            }
+          )
+          .chain('exec')
+          .resolves(this.project)
+        this.result = await this.subject.promises.mkdirp(
+          this.project._id,
+          '/new-folder/',
+          userId,
+          { exactCaseMatch: this.exactCaseMatch }
+        )
+      })
+      it('should update the database', function () {
+        this.ProjectMock.verify()
+      })
+
+      it('should make just one folder', function () {
+        expect(this.result.newFolders).to.have.length(1)
+      })
+
+      it('should return the new folder', function () {
+        expect(this.result.folder.name).to.equal('new-folder')
+      })
+
+      it('should return the parent folder', function () {
+        expect(this.result.folder.parentFolder_id).to.equal(this.rootFolder._id)
+      })
+
+      it('should pass the exactCaseMatch option to ProjectLocator', function () {
+        expect(
+          this.ProjectLocator.promises.findElementByPath
+        ).to.have.been.calledWithMatch({ exactCaseMatch: this.exactCaseMatch })
+      })
+    })
+
+    describe('adding a subfolder', function () {
+      beforeEach(async function () {
+        const userId = new ObjectId().toString()
+        this.newFolder = { _id: new ObjectId(), name: 'new-folder' }
+        this.FolderModel.returns(this.newFolder)
+        this.ProjectMock.expects('findOneAndUpdate')
+          .withArgs(
+            {
+              _id: this.project._id,
+              'rootFolder.0.folders.0': { $exists: true },
+            },
+            {
+              $push: {
+                'rootFolder.0.folders.0.folders': sinon.match({
+                  name: 'new-folder',
+                }),
+              },
+              $inc: { version: 1 },
+              $set: { lastUpdated: new Date(), lastUpdatedBy: userId },
+            }
+          )
+          .chain('exec')
+          .resolves(this.project)
+        this.result = await this.subject.promises.mkdirp(
+          this.project._id,
+          '/test-folder/new-folder',
+          userId
+        )
+      })
+
+      it('should update the database', function () {
+        this.ProjectMock.verify()
+      })
+
+      it('should create one folder', function () {
+        expect(this.result.newFolders).to.have.length(1)
+      })
+
+      it('should return the new folder', function () {
+        expect(this.result.folder.name).to.equal('new-folder')
+      })
+
+      it('should return the parent folder', function () {
+        expect(this.result.folder.parentFolder_id).to.equal(this.folder._id)
+      })
+    })
+
+    describe('when mutliple folders are missing', async function () {
+      let userId
+      beforeEach(function () {
+        userId = new ObjectId().toString()
+        this.folder1 = { _id: new ObjectId(), name: 'folder1' }
+        this.folder1Path = {
+          fileSystem: '/test-folder/folder1',
+          mongo: 'rootFolder.0.folders.0.folders.0',
+        }
+        this.folder2 = { _id: new ObjectId(), name: 'folder2' }
+        this.folder2Path = {
+          fileSystem: '/test-folder/folder1/folder2',
+          mongo: 'rootFolder.0.folders.0.folders.0.folders.0',
+        }
+        this.FolderModel.onFirstCall().returns(this.folder1)
+        this.FolderModel.onSecondCall().returns(this.folder2)
+        this.ProjectLocator.promises.findElement
+          .withArgs({
+            project: this.project,
+            element_id: this.folder1._id,
+            type: 'folder',
+          })
+          .resolves({
+            element: this.folder1,
+            path: this.folder1Path,
+          })
+        this.ProjectLocator.promises.findElement
+          .withArgs({
+            project: this.project,
+            element_id: this.folder2._id,
+            type: 'folder',
+          })
+          .resolves({
+            element: this.folder2,
+            path: this.folder2Path,
+          })
+        this.ProjectMock.expects('findOneAndUpdate')
+          .withArgs(
+            {
+              _id: this.project._id,
+              'rootFolder.0.folders.0': { $exists: true },
+            },
+            {
+              $push: {
+                'rootFolder.0.folders.0.folders': sinon.match({
+                  name: 'folder1',
+                }),
+              },
+              $inc: { version: 1 },
+              $set: { lastUpdated: new Date(), lastUpdatedBy: userId },
+            }
+          )
+          .chain('exec')
+          .resolves(this.project)
+        this.ProjectMock.expects('findOneAndUpdate')
+          .withArgs(
+            {
+              _id: this.project._id,
+              'rootFolder.0.folders.0.folders.0': { $exists: true },
+            },
+            {
+              $push: {
+                'rootFolder.0.folders.0.folders.0.folders': sinon.match({
+                  name: 'folder2',
+                }),
+              },
+              $inc: { version: 1 },
+              $set: { lastUpdated: new Date(), lastUpdatedBy: userId },
+            }
+          )
+          .chain('exec')
+          .resolves(this.project)
+      })
+      ;[
+        {
+          description: 'without a trailing slash',
+          path: '/test-folder/folder1/folder2',
+        },
+        {
+          description: 'with a trailing slash',
+          path: '/test-folder/folder1/folder2/',
+        },
+      ].forEach(({ description, path }) => {
+        describe(description, function () {
+          beforeEach(async function () {
+            this.result = await this.subject.promises.mkdirp(
+              this.project._id,
+              path,
+              userId
+            )
+          })
+
+          it('should update the database', function () {
+            this.ProjectMock.verify()
+          })
+
+          it('should add multiple folders', function () {
+            const newFolders = this.result.newFolders
+            expect(newFolders).to.have.length(2)
+            expect(newFolders[0].name).to.equal('folder1')
+            expect(newFolders[1].name).to.equal('folder2')
+          })
+
+          it('should return the last folder', function () {
+            expect(this.result.folder.name).to.equal('folder2')
+          })
+
+          it('should return the parent folder', function () {
+            expect(this.result.folder.parentFolder_id).to.equal(
+              this.folder1._id
+            )
+          })
+        })
+      })
+    })
+  })
+
+  describe('moveEntity', function () {
+    describe('moving a doc into a different folder', function () {
+      beforeEach(async function () {
+        const userId = new ObjectId().toString()
+        this.pathAfterMove = {
+          fileSystem: '/somewhere/else.txt',
+        }
+        this.oldDocs = ['old-doc']
+        this.oldFiles = ['old-file']
+        this.newDocs = ['new-doc']
+        this.newFiles = ['new-file']
+
+        this.ProjectEntityHandler.getAllEntitiesFromProject
+          .onFirstCall()
+          .returns({ docs: this.oldDocs, files: this.oldFiles })
+        this.ProjectEntityHandler.getAllEntitiesFromProject
+          .onSecondCall()
+          .returns({ docs: this.newDocs, files: this.newFiles })
+
+        this.ProjectMock.expects('findOneAndUpdate')
+          .withArgs(
+            {
+              _id: this.project._id,
+              'rootFolder.0.folders.0': { $exists: true },
+            },
+            {
+              $push: { 'rootFolder.0.folders.0.docs': this.doc },
+              $inc: { version: 1 },
+              $set: { lastUpdated: new Date(), lastUpdatedBy: userId },
+            }
+          )
+          .chain('exec')
+          .resolves(this.project)
+        this.ProjectMock.expects('findOneAndUpdate')
+          .withArgs(
+            { _id: this.project._id },
+            {
+              $pull: { 'rootFolder.0.docs': { _id: this.doc._id } },
+              $inc: { version: 1 },
+              $set: { lastUpdated: new Date(), lastUpdatedBy: userId },
+            }
+          )
+          .chain('exec')
+          .resolves(this.project)
+        this.result = await this.subject.promises.moveEntity(
+          this.project._id,
+          this.doc._id,
+          this.folder._id,
+          'doc',
+          userId
+        )
+      })
+
+      it('should update the database', function () {
+        this.ProjectMock.verify()
+      })
+
+      it('should report what changed', function () {
+        expect(this.result).to.deep.equal({
+          project: this.project,
+          startPath: '/test-doc.txt',
+          endPath: '/test-folder/test-doc.txt',
+          rev: this.doc.rev,
+          changes: {
+            oldDocs: this.oldDocs,
+            newDocs: this.newDocs,
+            oldFiles: this.oldFiles,
+            newFiles: this.newFiles,
+            newProject: this.project,
+          },
+        })
+      })
+    })
+
+    describe('when moving a folder inside itself', function () {
+      it('throws an error', async function () {
+        await expect(
+          this.subject.promises.moveEntity(
+            this.project._id,
+            this.folder._id,
+            this.folder._id,
+            'folder'
+          )
+        ).to.be.rejectedWith(Errors.InvalidNameError)
+      })
+    })
+
+    describe('when moving a folder to a subfolder of itself', function () {
+      it('throws an error', async function () {
+        await expect(
+          this.subject.promises.moveEntity(
+            this.project._id,
+            this.folder._id,
+            this.subfolder._id,
+            'folder'
+          )
+        ).to.be.rejectedWith(Errors.InvalidNameError)
+      })
+    })
+
+    describe('when moving a folder to a subfolder which starts with the same characters', function () {
+      it('does not throw an error', async function () {
+        await expect(
+          this.subject.promises.moveEntity(
+            this.project._id,
+            this.folder._id,
+            this.notSubfolder._id,
+            'folder'
+          )
+        ).not.to.be.rejectedWith(Errors.InvalidNameError)
+      })
+    })
+  })
+
+  describe('deleteEntity', function () {
+    beforeEach(async function () {
+      const userId = new ObjectId().toString()
+      this.ProjectMock.expects('findOneAndUpdate')
+        .withArgs(
+          { _id: this.project._id },
+          {
+            $pull: { 'rootFolder.0.docs': { _id: this.doc._id } },
+            $inc: { version: 1 },
+            $set: { lastUpdated: new Date(), lastUpdatedBy: userId },
+          }
+        )
+        .chain('exec')
+        .resolves(this.project)
+      await this.subject.promises.deleteEntity(
+        this.project._id,
+        this.doc._id,
+        'doc',
+        userId
+      )
+    })
+
+    it('should update the database', function () {
+      this.ProjectMock.verify()
+    })
+  })
+
+  describe('renameEntity', function () {
+    describe('happy path', function () {
+      beforeEach(async function () {
+        const userId = new ObjectId().toString()
+        this.newName = 'new.tex'
+        this.oldDocs = ['old-doc']
+        this.oldFiles = ['old-file']
+        this.newDocs = ['new-doc']
+        this.newFiles = ['new-file']
+
+        this.ProjectEntityHandler.getAllEntitiesFromProject
+          .onFirstCall()
+          .returns({ docs: this.oldDocs, files: this.oldFiles })
+        this.ProjectEntityHandler.getAllEntitiesFromProject
+          .onSecondCall()
+          .returns({ docs: this.newDocs, files: this.newFiles })
+
+        this.ProjectMock.expects('findOneAndUpdate')
+          .withArgs(
+            { _id: this.project._id, 'rootFolder.0.docs.0': { $exists: true } },
+            {
+              $set: {
+                'rootFolder.0.docs.0.name': this.newName,
+                lastUpdated: new Date(),
+                lastUpdatedBy: userId,
+              },
+              $inc: { version: 1 },
+            }
+          )
+          .chain('exec')
+          .resolves(this.project)
+        this.result = await this.subject.promises.renameEntity(
+          this.project._id,
+          this.doc._id,
+          'doc',
+          this.newName,
+          userId
+        )
+      })
+
+      it('should update the database', function () {
+        this.ProjectMock.verify()
+      })
+
+      it('returns info', function () {
+        expect(this.result).to.deep.equal({
+          project: this.project,
+          startPath: '/test-doc.txt',
+          endPath: '/new.tex',
+          rev: this.doc.rev,
+          changes: {
+            oldDocs: this.oldDocs,
+            newDocs: this.newDocs,
+            oldFiles: this.oldFiles,
+            newFiles: this.newFiles,
+            newProject: this.project,
+          },
+        })
+      })
+    })
+
+    describe('name already exists', function () {
+      it('should throw an error', async function () {
+        await expect(
+          this.subject.promises.renameEntity(
+            this.project._id,
+            this.doc._id,
+            'doc',
+            this.folder.name
+          )
+        ).to.be.rejectedWith(Errors.DuplicateNameError)
+      })
+    })
+  })
+
+  describe('_putElement', function () {
+    describe('updating the project', function () {
+      describe('when the parent folder is given', function () {
+        let userId
+        beforeEach(function () {
+          userId = new ObjectId().toString()
+          this.newFile = { _id: new ObjectId(), name: 'new file.png' }
+          this.ProjectMock.expects('findOneAndUpdate')
+            .withArgs(
+              {
+                _id: this.project._id,
+                'rootFolder.0.folders.0': { $exists: true },
+              },
+              {
+                $push: { 'rootFolder.0.folders.0.fileRefs': this.newFile },
+                $inc: { version: 1 },
+                $set: { lastUpdated: new Date(), lastUpdatedBy: userId },
+              }
+            )
+            .chain('exec')
+            .resolves(this.project)
+        })
+
+        it('should update the database', async function () {
+          await this.subject.promises._putElement(
+            this.project,
+            this.folder._id,
+            this.newFile,
+            'files',
+            userId
+          )
+          this.ProjectMock.verify()
+        })
+
+        it('should add an s onto the type if not included', async function () {
+          await this.subject.promises._putElement(
+            this.project,
+            this.folder._id,
+            this.newFile,
+            'file',
+            userId
+          )
+          this.ProjectMock.verify()
+        })
+      })
+
+      describe('error cases', function () {
+        it('should throw an error if element is null', async function () {
+          await expect(
+            this.subject.promises._putElement(
+              this.project,
+              this.folder._id,
+              null,
+              'file'
+            )
+          ).to.be.rejected
+        })
+
+        it('should error if the element has no _id', async function () {
+          const file = { name: 'something' }
+          await expect(
+            this.subject.promises._putElement(
+              this.project,
+              this.folder._id,
+              file,
+              'file'
+            )
+          ).to.be.rejected
+        })
+
+        it('should error if element name contains invalid characters', async function () {
+          const file = { _id: new ObjectId(), name: 'something*bad' }
+          await expect(
+            this.subject.promises._putElement(
+              this.project,
+              this.folder._id,
+              file,
+              'file'
+            )
+          ).to.be.rejected
+        })
+
+        it('should error if element name is too long', async function () {
+          const file = {
+            _id: new ObjectId(),
+            name: 'long-'.repeat(1000) + 'something',
+          }
+          await expect(
+            this.subject.promises._putElement(
+              this.project,
+              this.folder._id,
+              file,
+              'file'
+            )
+          ).to.be.rejectedWith(Errors.InvalidNameError)
+        })
+
+        it('should error if the folder name is too long', async function () {
+          const file = {
+            _id: new ObjectId(),
+            name: 'something',
+          }
+          this.ProjectLocator.promises.findElement
+            .withArgs({
+              project: this.project,
+              element_id: this.folder._id,
+              type: 'folder',
+            })
+            .resolves({
+              element: this.folder,
+              path: { fileSystem: 'subdir/'.repeat(1000) + 'foo' },
+            })
+          await expect(
+            this.subject.promises._putElement(
+              this.project,
+              this.folder._id,
+              file,
+              'file'
+            )
+          ).to.be.rejectedWith(Errors.InvalidNameError)
+        })
+        ;['file', 'doc', 'folder'].forEach(entityType => {
+          it(`should error if a ${entityType} already exists with the same name`, async function () {
+            const file = {
+              _id: new ObjectId(),
+              name: this[entityType].name,
+            }
+            await expect(
+              this.subject.promises._putElement(
+                this.project,
+                null,
+                file,
+                'file'
+              )
+            ).to.be.rejectedWith(Errors.DuplicateNameError)
+          })
+        })
+      })
+    })
+
+    describe('when the parent folder is not given', function () {
+      it('should default to root folder insert', async function () {
+        const userId = new ObjectId().toString()
+        this.newFile = { _id: new ObjectId(), name: 'new file.png' }
+        this.ProjectMock.expects('findOneAndUpdate')
+          .withArgs(
+            { _id: this.project._id, 'rootFolder.0': { $exists: true } },
+            {
+              $push: { 'rootFolder.0.fileRefs': this.newFile },
+              $inc: { version: 1 },
+              $set: { lastUpdated: new Date(), lastUpdatedBy: userId },
+            }
+          )
+          .chain('exec')
+          .resolves(this.project)
+        await this.subject.promises._putElement(
+          this.project,
+          this.rootFolder._id,
+          this.newFile,
+          'file',
+          userId
+        )
+      })
+    })
+  })
+
+  describe('_insertDeletedFileReference', function () {
+    beforeEach(async function () {
+      this.DeletedFileMock.expects('create')
+        .withArgs({
+          projectId: this.project._id,
+          _id: this.file._id,
+          name: this.file.name,
+          linkedFileData: this.file.linkedFileData,
+          hash: this.file.hash,
+          deletedAt: sinon.match.date,
+        })
+        .resolves()
+      await this.subject.promises._insertDeletedFileReference(
+        this.project._id,
+        this.file
+      )
+    })
+
+    it('should update the database', function () {
+      this.DeletedFileMock.verify()
+    })
+  })
+
+  describe('createNewFolderStructure', function () {
+    beforeEach(function () {
+      this.mockRootFolder = 'MOCK_ROOT_FOLDER'
+      this.docUploads = ['MOCK_DOC_UPLOAD']
+      this.fileUploads = ['MOCK_FILE_UPLOAD']
+      this.FolderStructureBuilder.buildFolderStructure
+        .withArgs(this.docUploads, this.fileUploads)
+        .returns(this.mockRootFolder)
+      this.updateExpectation = this.ProjectMock.expects('findOneAndUpdate')
+        .withArgs(
+          {
+            _id: this.project._id,
+            'rootFolder.0.folders.0': { $exists: false },
+            'rootFolder.0.docs.0': { $exists: false },
+            'rootFolder.0.files.0': { $exists: false },
+          },
+          { $set: { rootFolder: [this.mockRootFolder] }, $inc: { version: 1 } },
+          { new: true, lean: true, fields: { version: 1 } }
+        )
+        .chain('exec')
+    })
+
+    describe('happy path', function () {
+      beforeEach(async function () {
+        this.updateExpectation.resolves({ version: 1 })
+        await this.subject.promises.createNewFolderStructure(
+          this.project._id,
+          this.docUploads,
+          this.fileUploads
+        )
+      })
+
+      it('updates the database', function () {
+        this.ProjectMock.verify()
+      })
+    })
+
+    describe("when the update doesn't find a matching document", function () {
+      beforeEach(async function () {
+        this.updateExpectation.resolves(null)
+      })
+
+      it('throws an error', async function () {
+        await expect(
+          this.subject.promises.createNewFolderStructure(
+            this.project._id,
+            this.docUploads,
+            this.fileUploads
+          )
+        ).to.be.rejected
+      })
+    })
+  })
+
+  describe('replaceDocWithFile', function () {
+    it('should simultaneously remove the doc and add the file', async function () {
+      const userId = new ObjectId().toString()
+      this.ProjectMock.expects('findOneAndUpdate')
+        .withArgs(
+          { _id: this.project._id, 'rootFolder.0': { $exists: true } },
+          {
+            $pull: { 'rootFolder.0.docs': { _id: this.doc._id } },
+            $push: { 'rootFolder.0.fileRefs': this.file },
+            $inc: { version: 1 },
+            $set: { lastUpdated: new Date(), lastUpdatedBy: userId },
+          },
+          { new: true }
+        )
+        .chain('exec')
+        .resolves(this.project)
+      await this.subject.promises.replaceDocWithFile(
+        this.project._id,
+        this.doc._id,
+        this.file,
+        userId
+      )
+      this.ProjectMock.verify()
+    })
+  })
+
+  describe('replaceFileWithDoc', function () {
+    it('should simultaneously remove the file and add the doc', async function () {
+      const userId = new ObjectId().toString()
+      this.ProjectMock.expects('findOneAndUpdate')
+        .withArgs(
+          { _id: this.project._id, 'rootFolder.0': { $exists: true } },
+          {
+            $pull: { 'rootFolder.0.fileRefs': { _id: this.file._id } },
+            $push: { 'rootFolder.0.docs': this.doc },
+            $inc: { version: 1 },
+            $set: { lastUpdated: new Date(), lastUpdatedBy: userId },
+          },
+          { new: true }
+        )
+        .chain('exec')
+        .resolves(this.project)
+      await this.subject.promises.replaceFileWithDoc(
+        this.project._id,
+        this.file._id,
+        this.doc,
+        userId
+      )
+      this.ProjectMock.verify()
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/ProjectEntityRestoreHandlerTests.js b/services/web/test/unit/src/Project/ProjectEntityRestoreHandlerTests.js
new file mode 100644
index 0000000..c41d61c
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectEntityRestoreHandlerTests.js
@@ -0,0 +1,97 @@
+const { expect } = require('chai')
+const sinon = require('sinon')
+const SandboxedModule = require('sandboxed-module')
+
+const MODULE_PATH =
+  '../../../../app/src/Features/Project/ProjectEntityRestoreHandler.js'
+
+describe('ProjectEntityRestoreHandler', function () {
+  beforeEach(function () {
+    this.project = {
+      _id: '123213jlkj9kdlsaj',
+    }
+
+    this.user = {
+      _id: '588f3ddae8ebc1bac07c9fa4',
+      first_name: 'bjkdsjfk',
+      features: {},
+    }
+
+    this.docId = '4eecb1c1bffa66588e0000a2'
+
+    this.DocModel = class Doc {
+      constructor(options) {
+        this.name = options.name
+        this.lines = options.lines
+        this._id = this.docId
+        this.rev = 0
+      }
+    }
+
+    this.ProjectEntityHandler = {
+      promises: {
+        getDoc: sinon.stub(),
+      },
+    }
+
+    this.EditorController = {
+      promises: {
+        addDocWithRanges: sinon.stub(),
+      },
+    }
+
+    this.ProjectEntityRestoreHandler = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        './ProjectEntityHandler': this.ProjectEntityHandler,
+        '../Editor/EditorController': this.EditorController,
+      },
+    })
+  })
+
+  it('should add a new doc with timestamp name and old content', async function () {
+    const docName = 'deletedDoc'
+
+    this.docLines = ['line one', 'line two']
+    this.rev = 3
+    this.ranges = { comments: [{ id: 123 }] }
+
+    this.newDoc = new this.DocModel({
+      name: this.docName,
+      lines: undefined,
+      _id: this.docId,
+      rev: 0,
+    })
+
+    this.ProjectEntityHandler.promises.getDoc.resolves({
+      lines: this.docLines,
+      rev: this.rev,
+      version: 'version',
+      ranges: this.ranges,
+    })
+
+    this.EditorController.promises.addDocWithRanges = sinon
+      .stub()
+      .resolves(this.newDoc)
+
+    await this.ProjectEntityRestoreHandler.promises.restoreDeletedDoc(
+      this.project._id,
+      this.docId,
+      docName,
+      this.user._id
+    )
+
+    const docNameMatcher = new RegExp(docName + '-\\d{4}-\\d{2}-\\d{2}-\\d+')
+
+    expect(
+      this.EditorController.promises.addDocWithRanges
+    ).to.have.been.calledWith(
+      this.project._id,
+      null,
+      sinon.match(docNameMatcher),
+      this.docLines,
+      this.ranges,
+      null,
+      this.user._id
+    )
+  })
+})
diff --git a/services/web/test/unit/src/Project/ProjectEntityUpdateHandlerTests.js b/services/web/test/unit/src/Project/ProjectEntityUpdateHandlerTests.js
new file mode 100644
index 0000000..e8ed371
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectEntityUpdateHandlerTests.js
@@ -0,0 +1,3287 @@
+const { expect } = require('chai')
+const sinon = require('sinon')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+const SandboxedModule = require('sandboxed-module')
+const { ObjectId } = require('mongodb-legacy')
+
+const MODULE_PATH =
+  '../../../../app/src/Features/Project/ProjectEntityUpdateHandler'
+
+describe('ProjectEntityUpdateHandler', function () {
+  const projectId = '4eecb1c1bffa66588e0000a1'
+  const projectHistoryId = '123456'
+  const docId = '4eecb1c1bffa66588e0000a2'
+  const fileId = '4eecaffcbffa66588e000009'
+  const folderId = '4eecaffcbffa66588e000008'
+  const newFileId = '4eecaffcbffa66588e000099'
+  const userId = 1234
+
+  beforeEach(function () {
+    this.project = {
+      _id: projectId,
+      name: 'project name',
+      overleaf: {
+        history: {
+          id: projectHistoryId,
+        },
+      },
+    }
+    this.fileUrl = 'filestore.example.com/file'
+    this.user = { _id: new ObjectId() }
+
+    this.DocModel = class Doc {
+      constructor(options) {
+        this.name = options.name
+        this.lines = options.lines
+        this._id = docId
+        this.rev = options.rev ?? 0
+      }
+    }
+    this.FileModel = class File {
+      constructor(options) {
+        this.name = options.name
+        // use a new id for replacement files
+        if (this.name === 'dummy-upload-filename') {
+          this._id = newFileId
+        } else {
+          this._id = fileId
+        }
+        this.rev = 0
+        if (options.linkedFileData != null) {
+          this.linkedFileData = options.linkedFileData
+        }
+        if (options.hash != null) {
+          this.hash = options.hash
+        }
+      }
+    }
+    this.docName = 'doc-name'
+    this.docLines = ['1234', 'abc']
+    this.doc = { _id: new ObjectId(), name: this.docName }
+
+    this.fileName = 'something.jpg'
+    this.fileSystemPath = 'somehintg'
+    this.file = { _id: new ObjectId(), name: this.fileName, rev: 2 }
+
+    this.linkedFileData = { provider: 'url' }
+
+    this.source = 'editor'
+    this.callback = sinon.stub()
+
+    this.DocstoreManager = {
+      promises: {
+        getDoc: sinon.stub(),
+        isDocDeleted: sinon.stub(),
+        updateDoc: sinon.stub(),
+        deleteDoc: sinon.stub(),
+      },
+    }
+    this.DocumentUpdaterHandler = {
+      promises: {
+        flushDocToMongo: sinon.stub().resolves(),
+        flushProjectToMongo: sinon.stub().resolves(),
+        updateProjectStructure: sinon.stub().resolves(),
+        setDocument: sinon.stub(),
+        resyncProjectHistory: sinon.stub().resolves(),
+        deleteDoc: sinon.stub().resolves(),
+      },
+    }
+    this.fs = {
+      promises: {
+        unlink: sinon.stub().resolves(),
+      },
+    }
+    this.LockManager = {
+      promises: {
+        runWithLock: sinon.spy((namespace, id, runner, callback) =>
+          runner(callback)
+        ),
+      },
+      withTimeout: sinon.stub().returns(this.LockManager),
+    }
+    this.ProjectModel = {
+      updateOne: sinon.stub(),
+    }
+    this.ProjectGetter = {
+      promises: {
+        getProject: sinon.stub(),
+        getProjectWithoutDocLines: sinon.stub(),
+      },
+    }
+    this.ProjectLocator = {
+      promises: {
+        findElement: sinon.stub(),
+        findElementByPath: sinon.stub(),
+      },
+    }
+    this.ProjectUpdater = {
+      promises: {
+        markAsUpdated: sinon.stub().resolves(),
+      },
+    }
+    this.ProjectEntityHandler = {
+      getAllEntitiesFromProject: sinon.stub(),
+      promises: {
+        getDoc: sinon.stub(),
+        getDocPathByProjectIdAndDocId: sinon.stub(),
+      },
+    }
+    this.ProjectEntityMongoUpdateHandler = {
+      promises: {
+        addDoc: sinon.stub(),
+        addFile: sinon.stub(),
+        addFolder: sinon.stub(),
+        _confirmFolder: sinon.stub(),
+        _putElement: sinon.stub(),
+        _insertDeletedFileReference: sinon.stub(),
+        replaceFileWithNew: sinon.stub(),
+        mkdirp: sinon.stub(),
+        moveEntity: sinon.stub(),
+        renameEntity: sinon.stub().resolves({}),
+        deleteEntity: sinon.stub(),
+        replaceDocWithFile: sinon.stub(),
+        replaceFileWithDoc: sinon.stub(),
+      },
+    }
+    this.TpdsUpdateSender = {
+      promises: {
+        addFile: sinon.stub().resolves(),
+        addDoc: sinon.stub(),
+        deleteEntity: sinon.stub().resolves(),
+        moveEntity: sinon.stub().resolves(),
+      },
+    }
+    this.FileStoreHandler = {
+      promises: {
+        copyFile: sinon.stub(),
+        uploadFileFromDisk: sinon.stub(),
+        deleteFile: sinon.stub(),
+      },
+
+      _buildUrl: sinon
+        .stub()
+        .callsFake(
+          (projectId, fileId) => `www.filestore.test/${projectId}/${fileId}`
+        ),
+    }
+    this.FileWriter = {
+      promises: {
+        writeLinesToDisk: sinon.stub(),
+      },
+    }
+    this.EditorRealTimeController = {
+      emitToRoom: sinon.stub(),
+    }
+    this.ProjectOptionsHandler = {
+      setHistoryRangesSupport: sinon.stub().resolves(),
+    }
+    this.ProjectEntityUpdateHandler = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '@overleaf/settings': { validRootDocExtensions: ['tex'] },
+        fs: this.fs,
+        '../../models/Doc': { Doc: this.DocModel },
+        '../Docstore/DocstoreManager': this.DocstoreManager,
+        '../../Features/DocumentUpdater/DocumentUpdaterHandler':
+          this.DocumentUpdaterHandler,
+        '../../models/File': { File: this.FileModel },
+        '../FileStore/FileStoreHandler': this.FileStoreHandler,
+        '../../infrastructure/LockManager': this.LockManager,
+        '../../models/Project': { Project: this.ProjectModel },
+        './ProjectGetter': this.ProjectGetter,
+        './ProjectLocator': this.ProjectLocator,
+        './ProjectUpdateHandler': this.ProjectUpdater,
+        './ProjectEntityHandler': this.ProjectEntityHandler,
+        './ProjectEntityMongoUpdateHandler':
+          this.ProjectEntityMongoUpdateHandler,
+        './ProjectOptionsHandler': this.ProjectOptionsHandler,
+        '../ThirdPartyDataStore/TpdsUpdateSender': this.TpdsUpdateSender,
+        '../Editor/EditorRealTimeController': this.EditorRealTimeController,
+        '../../infrastructure/FileWriter': this.FileWriter,
+      },
+    })
+  })
+
+  describe('updateDocLines', function () {
+    beforeEach(function () {
+      this.path = '/somewhere/something.tex'
+      this.doc = {
+        _id: docId,
+      }
+      this.version = 42
+      this.ranges = { mock: 'ranges' }
+      this.lastUpdatedAt = new Date().getTime()
+      this.lastUpdatedBy = 'fake-last-updater-id'
+      this.parentFolder = { _id: new ObjectId() }
+      this.DocstoreManager.promises.isDocDeleted.resolves(false)
+      this.ProjectGetter.promises.getProject.resolves(this.project)
+      this.ProjectLocator.promises.findElement.resolves({
+        element: this.doc,
+        path: {
+          fileSystem: this.path,
+        },
+        folder: this.parentFolder,
+      })
+      this.TpdsUpdateSender.promises.addDoc.resolves()
+    })
+
+    describe('when the doc has been modified', function () {
+      beforeEach(function (done) {
+        this.DocstoreManager.promises.updateDoc.resolves({
+          modified: true,
+          rev: (this.rev = 5),
+        })
+
+        const callback = (...args) => {
+          this.callback(...args)
+          done()
+        }
+
+        this.ProjectEntityUpdateHandler.updateDocLines(
+          projectId,
+          docId,
+          this.docLines,
+          this.version,
+          this.ranges,
+          this.lastUpdatedAt,
+          this.lastUpdatedBy,
+          callback
+        )
+      })
+
+      it('should get the project with very few fields', function () {
+        this.ProjectGetter.promises.getProject
+          .calledWith(projectId, {
+            name: true,
+            rootFolder: true,
+          })
+          .should.equal(true)
+      })
+
+      it('should find the doc', function () {
+        this.ProjectLocator.promises.findElement
+          .calledWith({
+            project: this.project,
+            type: 'docs',
+            element_id: docId,
+          })
+          .should.equal(true)
+      })
+
+      it('should update the doc in the docstore', function () {
+        this.DocstoreManager.promises.updateDoc
+          .calledWith(
+            projectId,
+            docId,
+            this.docLines,
+            this.version,
+            this.ranges
+          )
+          .should.equal(true)
+      })
+
+      it('should mark the project as updated', function () {
+        sinon.assert.calledWith(
+          this.ProjectUpdater.promises.markAsUpdated,
+          projectId,
+          this.lastUpdatedAt,
+          this.lastUpdatedBy
+        )
+      })
+
+      it('should send the doc the to the TPDS', function () {
+        this.TpdsUpdateSender.promises.addDoc.should.have.been.calledWith({
+          projectId,
+          projectName: this.project.name,
+          docId,
+          rev: this.rev,
+          path: this.path,
+          folderId: this.parentFolder._id,
+        })
+      })
+
+      it('should call the callback', function () {
+        this.callback.called.should.equal(true)
+      })
+    })
+
+    describe('when the doc has not been modified', function () {
+      beforeEach(function (done) {
+        this.DocstoreManager.promises.updateDoc.resolves({
+          modified: false,
+          rev: (this.rev = 5),
+        })
+
+        const callback = () => {
+          this.callback()
+          done()
+        }
+
+        this.ProjectEntityUpdateHandler.updateDocLines(
+          projectId,
+          docId,
+          this.docLines,
+          this.version,
+          this.ranges,
+          this.lastUpdatedAt,
+          this.lastUpdatedBy,
+          callback
+        )
+      })
+
+      it('should not mark the project as updated', function () {
+        this.ProjectUpdater.promises.markAsUpdated.called.should.equal(false)
+      })
+
+      it('should not send the doc the to the TPDS', function () {
+        this.TpdsUpdateSender.promises.addDoc.called.should.equal(false)
+      })
+
+      it('should call the callback', function () {
+        this.callback.called.should.equal(true)
+      })
+    })
+
+    describe('when the doc has been deleted', function () {
+      beforeEach(function (done) {
+        this.ProjectGetter.promises.getProject.resolves(this.project)
+        this.ProjectLocator.promises.findElement.rejects(
+          new Errors.NotFoundError()
+        )
+        this.DocstoreManager.promises.isDocDeleted.resolves(true)
+        this.DocstoreManager.promises.updateDoc.resolves()
+
+        this.ProjectEntityUpdateHandler.updateDocLines(
+          projectId,
+          docId,
+          this.docLines,
+          this.version,
+          this.ranges,
+          this.lastUpdatedAt,
+          this.lastUpdatedBy,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('should update the doc in the docstore', function () {
+        this.DocstoreManager.promises.updateDoc
+          .calledWith(
+            projectId,
+            docId,
+            this.docLines,
+            this.version,
+            this.ranges
+          )
+          .should.equal(true)
+      })
+
+      it('should not mark the project as updated', function () {
+        this.ProjectUpdater.promises.markAsUpdated.called.should.equal(false)
+      })
+
+      it('should not send the doc the to the TPDS', function () {
+        this.TpdsUpdateSender.promises.addDoc.called.should.equal(false)
+      })
+
+      it('should call the callback', function () {
+        this.callback.called.should.equal(true)
+      })
+    })
+
+    describe('when projects and docs collection are de-synced', function () {
+      beforeEach(function (done) {
+        this.ProjectGetter.promises.getProject.resolves(this.project)
+
+        // The doc is not in the file-tree, but also not marked as deleted.
+        // This should not happen, but web should handle it.
+        this.ProjectLocator.promises.findElement.rejects(
+          new Errors.NotFoundError()
+        )
+        this.DocstoreManager.promises.isDocDeleted.resolves(false)
+
+        this.DocstoreManager.promises.updateDoc.resolves()
+        const callback = (...args) => {
+          this.callback(...args)
+          done()
+        }
+
+        this.ProjectEntityUpdateHandler.updateDocLines(
+          projectId,
+          docId,
+          this.docLines,
+          this.version,
+          this.ranges,
+          this.lastUpdatedAt,
+          this.lastUpdatedBy,
+          callback
+        )
+      })
+
+      it('should update the doc in the docstore', function () {
+        this.DocstoreManager.promises.updateDoc
+          .calledWith(
+            projectId,
+            docId,
+            this.docLines,
+            this.version,
+            this.ranges
+          )
+          .should.equal(true)
+      })
+
+      it('should not mark the project as updated', function () {
+        this.ProjectUpdater.promises.markAsUpdated.called.should.equal(false)
+      })
+
+      it('should not send the doc the to the TPDS', function () {
+        this.TpdsUpdateSender.promises.addDoc.called.should.equal(false)
+      })
+
+      it('should call the callback', function () {
+        this.callback.called.should.equal(true)
+      })
+    })
+
+    describe('when the doc is not related to the project', function () {
+      beforeEach(function (done) {
+        this.ProjectGetter.promises.getProject.resolves(this.project)
+        this.ProjectLocator.promises.findElement.rejects(
+          new Errors.NotFoundError()
+        )
+        this.DocstoreManager.promises.isDocDeleted.rejects(
+          new Errors.NotFoundError()
+        )
+        const callback = (...args) => {
+          this.callback(...args)
+          done()
+        }
+
+        this.ProjectEntityUpdateHandler.updateDocLines(
+          projectId,
+          docId,
+          this.docLines,
+          this.version,
+          this.ranges,
+          this.lastUpdatedAt,
+          this.lastUpdatedBy,
+          callback
+        )
+      })
+
+      it('should return a not found error', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Errors.NotFoundError))
+          .should.equal(true)
+      })
+
+      it('should not update the doc', function () {
+        this.DocstoreManager.promises.updateDoc.called.should.equal(false)
+      })
+
+      it('should not send the doc the to the TPDS', function () {
+        this.TpdsUpdateSender.promises.addDoc.called.should.equal(false)
+      })
+    })
+
+    describe('when the project is not found', function () {
+      beforeEach(function (done) {
+        this.ProjectGetter.promises.getProject.rejects(
+          new Errors.NotFoundError()
+        )
+        this.ProjectEntityUpdateHandler.updateDocLines(
+          projectId,
+          docId,
+          this.docLines,
+          this.version,
+          this.ranges,
+          this.lastUpdatedAt,
+          this.lastUpdatedBy,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('should return a not found error', function () {
+        this.callback
+          .calledWith(sinon.match.instanceOf(Errors.NotFoundError))
+          .should.equal(true)
+      })
+
+      it('should not update the doc', function () {
+        this.DocstoreManager.promises.updateDoc.called.should.equal(false)
+      })
+
+      it('should not send the doc the to the TPDS', function () {
+        this.TpdsUpdateSender.promises.addDoc.called.should.equal(false)
+      })
+    })
+  })
+
+  describe('setRootDoc', function () {
+    beforeEach(function () {
+      this.rootDocId = 'root-doc-id-123123'
+    })
+
+    it('should call Project.updateOne when the doc exists and has a valid extension', function (done) {
+      this.ProjectEntityHandler.promises.getDocPathByProjectIdAndDocId.resolves(
+        `/main.tex`
+      )
+
+      this.ProjectEntityUpdateHandler.setRootDoc(
+        projectId,
+        this.rootDocId,
+        () => {
+          this.ProjectModel.updateOne
+            .calledWith({ _id: projectId }, { rootDoc_id: this.rootDocId })
+            .should.equal(true)
+          done()
+        }
+      )
+    })
+
+    it("should not call Project.updateOne when the doc doesn't exist", function (done) {
+      this.ProjectEntityHandler.promises.getDocPathByProjectIdAndDocId.rejects(
+        Errors.NotFoundError
+      )
+
+      this.ProjectEntityUpdateHandler.setRootDoc(
+        projectId,
+        this.rootDocId,
+        () => {
+          this.ProjectModel.updateOne
+            .calledWith({ _id: projectId }, { rootDoc_id: this.rootDocId })
+            .should.equal(false)
+          done()
+        }
+      )
+    })
+
+    it('should call the callback with an UnsupportedFileTypeError when the doc has an unaccepted file extension', function () {
+      this.ProjectEntityHandler.promises.getDocPathByProjectIdAndDocId.resolves(
+        `/foo/bar.baz`
+      )
+
+      this.ProjectEntityUpdateHandler.setRootDoc(
+        projectId,
+        this.rootDocId,
+        error => {
+          expect(error).to.be.an.instanceof(Errors.UnsupportedFileTypeError)
+        }
+      )
+    })
+  })
+
+  describe('unsetRootDoc', function () {
+    it('should call Project.updateOne', function (done) {
+      this.ProjectEntityUpdateHandler.unsetRootDoc(projectId, () => {
+        this.ProjectModel.updateOne
+          .calledWith({ _id: projectId }, { $unset: { rootDoc_id: true } })
+          .should.equal(true)
+        done()
+      })
+    })
+  })
+
+  describe('addDoc', function () {
+    describe('adding a doc', function () {
+      beforeEach(function (done) {
+        this.path = '/path/to/doc'
+        this.rev = 5
+
+        this.newDoc = new this.DocModel({
+          name: this.docName,
+          lines: undefined,
+          _id: docId,
+          rev: this.rev,
+        })
+        this.DocstoreManager.promises.updateDoc.resolves({
+          lines: false,
+          rev: this.rev,
+        })
+        this.TpdsUpdateSender.promises.addDoc.resolves()
+        this.ProjectEntityMongoUpdateHandler.promises.addDoc.resolves({
+          result: { path: { fileSystem: this.path } },
+          project: this.project,
+        })
+        this.ProjectEntityUpdateHandler.addDoc(
+          projectId,
+          docId,
+          this.docName,
+          this.docLines,
+          userId,
+          this.source,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('creates the doc without history', function () {
+        this.DocstoreManager.promises.updateDoc
+          .calledWith(projectId, docId, this.docLines, 0, {})
+          .should.equal(true)
+      })
+
+      it('sends the change in project structure to the doc updater', function () {
+        const newDocs = [
+          {
+            doc: this.newDoc,
+            path: this.path,
+            docLines: this.docLines.join('\n'),
+            ranges: {},
+          },
+        ]
+        this.DocumentUpdaterHandler.promises.updateProjectStructure.should.have.been.calledWith(
+          projectId,
+          projectHistoryId,
+          userId,
+          {
+            newDocs,
+            newProject: this.project,
+          },
+          this.source
+        )
+      })
+    })
+
+    describe('adding a doc with an invalid name', function () {
+      beforeEach(function (done) {
+        this.path = '/path/to/doc'
+
+        this.newDoc = { _id: docId }
+        this.ProjectEntityUpdateHandler.addDoc(
+          projectId,
+          folderId,
+          `*${this.docName}`,
+          this.docLines,
+          userId,
+          this.source,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('returns an error', function () {
+        const errorMatcher = sinon.match.instanceOf(Errors.InvalidNameError)
+        this.callback.calledWithMatch(errorMatcher).should.equal(true)
+      })
+    })
+  })
+
+  describe('addFile', function () {
+    describe('adding a file', function () {
+      beforeEach(function (done) {
+        this.path = '/path/to/file'
+
+        this.newFile = {
+          _id: fileId,
+          hash: 'bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb',
+          rev: 0,
+          name: this.fileName,
+          linkedFileData: this.linkedFileData,
+        }
+        this.FileStoreHandler.promises.uploadFileFromDisk.resolves({
+          url: this.fileUrl,
+          fileRef: this.newFile,
+          createdBlob: true,
+        })
+        this.TpdsUpdateSender.promises.addFile.resolves()
+        this.ProjectEntityMongoUpdateHandler.promises.addFile.resolves({
+          result: { path: { fileSystem: this.path } },
+          project: this.project,
+        })
+        this.ProjectEntityUpdateHandler.addFile(
+          projectId,
+          folderId,
+          this.fileName,
+          this.fileSystemPath,
+          this.linkedFileData,
+          userId,
+          this.source,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('updates the file in the filestore', function () {
+        this.FileStoreHandler.promises.uploadFileFromDisk
+          .calledWith(
+            projectId,
+            { name: this.fileName, linkedFileData: this.linkedFileData },
+            this.fileSystemPath
+          )
+          .should.equal(true)
+      })
+
+      it('updates the file in mongo', function () {
+        const fileMatcher = sinon.match(file => {
+          return file.name === this.fileName
+        })
+
+        this.ProjectEntityMongoUpdateHandler.promises.addFile
+          .calledWithMatch(projectId, folderId, fileMatcher)
+          .should.equal(true)
+      })
+
+      it('notifies the tpds', function () {
+        this.TpdsUpdateSender.promises.addFile
+          .calledWith({
+            projectId,
+            historyId: this.project.overleaf.history.id,
+            projectName: this.project.name,
+            fileId,
+            hash: this.newFile.hash,
+            rev: 0,
+            path: this.path,
+            folderId,
+          })
+          .should.equal(true)
+      })
+
+      it('sends the change in project structure to the doc updater', function () {
+        const newFiles = [
+          {
+            file: this.newFile,
+            path: this.path,
+            url: this.fileUrl,
+            createdBlob: true,
+          },
+        ]
+        this.DocumentUpdaterHandler.promises.updateProjectStructure.should.have.been.calledWith(
+          projectId,
+          projectHistoryId,
+          userId,
+          {
+            newFiles,
+            newProject: this.project,
+          },
+          this.source
+        )
+      })
+    })
+
+    describe('adding a file with an invalid name', function () {
+      beforeEach(function (done) {
+        this.path = '/path/to/file'
+
+        this.newFile = {
+          _id: fileId,
+          hash: 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa',
+          rev: 0,
+          name: this.fileName,
+          linkedFileData: this.linkedFileData,
+        }
+        this.TpdsUpdateSender.promises.addFile.resolves()
+        this.ProjectEntityMongoUpdateHandler.promises.addFile.resolves({
+          result: { path: { fileSystem: this.path } },
+          project: this.project,
+        })
+        this.ProjectEntityUpdateHandler.addFile(
+          projectId,
+          folderId,
+          `*${this.fileName}`,
+          this.fileSystemPath,
+          this.linkedFileData,
+          userId,
+          this.source,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('returns an error', function () {
+        const errorMatcher = sinon.match.instanceOf(Errors.InvalidNameError)
+        this.callback.calledWithMatch(errorMatcher).should.equal(true)
+      })
+    })
+  })
+
+  describe('upsertDoc', function () {
+    describe('upserting into an invalid folder', function () {
+      beforeEach(function (done) {
+        this.ProjectLocator.promises.findElement.resolves({ element: null })
+        this.ProjectEntityUpdateHandler.upsertDoc(
+          projectId,
+          folderId,
+          this.docName,
+          this.docLines,
+          this.source,
+          userId,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('returns an error', function () {
+        const errorMatcher = sinon.match.instanceOf(Error)
+        this.callback.calledWithMatch(errorMatcher).should.equal(true)
+      })
+    })
+
+    describe('updating an existing doc', function () {
+      beforeEach(function (done) {
+        this.existingDoc = { _id: docId, name: this.docName }
+        this.existingFile = {
+          _id: fileId,
+          name: this.fileName,
+          hash: 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa',
+        }
+        this.folder = {
+          _id: folderId,
+          docs: [this.existingDoc],
+          fileRefs: [this.existingFile],
+        }
+        this.ProjectLocator.promises.findElement.resolves({
+          element: this.folder,
+        })
+        this.DocumentUpdaterHandler.promises.setDocument.resolves()
+
+        this.ProjectEntityUpdateHandler.upsertDoc(
+          projectId,
+          folderId,
+          this.docName,
+          this.docLines,
+          this.source,
+          userId,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('tries to find the folder', function () {
+        this.ProjectLocator.promises.findElement
+          .calledWith({
+            project_id: projectId,
+            element_id: folderId,
+            type: 'folder',
+          })
+          .should.equal(true)
+      })
+
+      it('updates the doc contents', function () {
+        this.DocumentUpdaterHandler.promises.setDocument
+          .calledWith(
+            projectId,
+            this.existingDoc._id,
+            userId,
+            this.docLines,
+            this.source
+          )
+          .should.equal(true)
+      })
+
+      it('returns the doc', function () {
+        this.callback.calledWith(null, this.existingDoc, false)
+      })
+    })
+
+    describe('creating a new doc', function () {
+      beforeEach(function (done) {
+        this.folder = { _id: folderId, docs: [], fileRefs: [] }
+        this.newDoc = { _id: docId }
+        this.ProjectLocator.promises.findElement.resolves({
+          element: this.folder,
+        })
+        this.ProjectEntityUpdateHandler.promises.addDocWithRanges = {
+          withoutLock: sinon.stub().resolves({ doc: this.newDoc }),
+        }
+
+        this.ProjectEntityUpdateHandler.upsertDoc(
+          projectId,
+          folderId,
+          this.docName,
+          this.docLines,
+          this.source,
+          userId,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('tries to find the folder', function () {
+        this.ProjectLocator.promises.findElement
+          .calledWith({
+            project_id: projectId,
+            element_id: folderId,
+            type: 'folder',
+          })
+          .should.equal(true)
+      })
+
+      it('adds the doc', function () {
+        this.ProjectEntityUpdateHandler.promises.addDocWithRanges.withoutLock.should.have.been.calledWith(
+          projectId,
+          folderId,
+          this.docName,
+          this.docLines,
+          {},
+          userId,
+          this.source
+        )
+      })
+
+      it('returns the doc', function () {
+        this.callback.calledWith(null, this.newDoc, true)
+      })
+    })
+
+    describe('upserting a new doc with an invalid name', function () {
+      beforeEach(function (done) {
+        this.folder = { _id: folderId, docs: [], fileRefs: [] }
+        this.newDoc = { _id: docId }
+        this.ProjectLocator.promises.findElement.resolves({
+          element: this.folder,
+        })
+        this.ProjectEntityUpdateHandler.promises.addDocWithRanges = {
+          withoutLock: sinon.stub().resolves({ doc: this.newDoc }),
+        }
+
+        this.ProjectEntityUpdateHandler.upsertDoc(
+          projectId,
+          folderId,
+          `*${this.docName}`,
+          this.docLines,
+          this.source,
+          userId,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('returns an error', function () {
+        const errorMatcher = sinon.match.instanceOf(Errors.InvalidNameError)
+        this.callback.calledWithMatch(errorMatcher).should.equal(true)
+      })
+    })
+
+    describe('upserting a doc on top of a file', function () {
+      beforeEach(function (done) {
+        this.newProject = {
+          name: 'new project',
+          overleaf: { history: { id: projectHistoryId } },
+        }
+        this.existingFile = { _id: fileId, name: 'foo.tex', rev: 12 }
+        this.folder = { _id: folderId, docs: [], fileRefs: [this.existingFile] }
+        this.newDoc = { _id: docId }
+        this.docLines = ['line one', 'line two']
+        this.folderPath = '/path/to/folder'
+        this.filePath = '/path/to/folder/foo.tex'
+        this.ProjectLocator.promises.findElement
+          .withArgs({
+            project_id: projectId,
+            element_id: this.folder._id,
+            type: 'folder',
+          })
+          .resolves({
+            element: this.folder,
+            path: {
+              fileSystem: this.folderPath,
+            },
+          })
+        this.DocstoreManager.promises.updateDoc.resolves({ rev: null })
+        this.ProjectEntityMongoUpdateHandler.promises.replaceFileWithDoc.resolves(
+          this.newProject
+        )
+        this.TpdsUpdateSender.promises.addDoc.resolves()
+
+        this.ProjectEntityUpdateHandler.upsertDoc(
+          projectId,
+          folderId,
+          'foo.tex',
+          this.docLines,
+          this.source,
+          userId,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('notifies docstore of the new doc', function () {
+        expect(this.DocstoreManager.promises.updateDoc).to.have.been.calledWith(
+          projectId,
+          this.newDoc._id,
+          this.docLines
+        )
+      })
+
+      it('adds the new doc and removes the file in one go', function () {
+        expect(
+          this.ProjectEntityMongoUpdateHandler.promises.replaceFileWithDoc
+        ).to.have.been.calledWithMatch(
+          projectId,
+          this.existingFile._id,
+          this.newDoc
+        )
+      })
+
+      it('sends the doc to TPDS', function () {
+        expect(this.TpdsUpdateSender.promises.addDoc).to.have.been.calledWith({
+          projectId,
+          docId: this.newDoc._id,
+          path: this.filePath,
+          projectName: this.newProject.name,
+          rev: this.existingFile.rev + 1,
+          folderId,
+        })
+      })
+
+      it('sends the updates to the doc updater', function () {
+        const oldFiles = [
+          {
+            file: this.existingFile,
+            path: this.filePath,
+          },
+        ]
+        const newDocs = [
+          {
+            doc: sinon.match(this.newDoc),
+            path: this.filePath,
+            docLines: this.docLines.join('\n'),
+          },
+        ]
+        expect(
+          this.DocumentUpdaterHandler.promises.updateProjectStructure
+        ).to.have.been.calledWith(
+          projectId,
+          projectHistoryId,
+          userId,
+          {
+            oldFiles,
+            newDocs,
+            newProject: this.newProject,
+          },
+          this.source
+        )
+      })
+
+      it('should notify everyone of the file deletion', function () {
+        expect(
+          this.EditorRealTimeController.emitToRoom
+        ).to.have.been.calledWith(
+          projectId,
+          'removeEntity',
+          this.existingFile._id,
+          'convertFileToDoc'
+        )
+      })
+    })
+  })
+
+  describe('upsertFile', function () {
+    beforeEach(function () {
+      this.FileStoreHandler.promises.uploadFileFromDisk.resolves({
+        url: this.fileUrl,
+        fileRef: this.file,
+        createdBlob: true,
+      })
+    })
+
+    describe('upserting into an invalid folder', function () {
+      beforeEach(function (done) {
+        this.ProjectLocator.promises.findElement.resolves({ element: null })
+        this.ProjectEntityUpdateHandler.upsertFile(
+          projectId,
+          folderId,
+          this.fileName,
+          this.fileSystemPath,
+          this.linkedFileData,
+          userId,
+          this.source,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('returns an error', function () {
+        const errorMatcher = sinon.match.instanceOf(Error)
+        this.callback.calledWithMatch(errorMatcher).should.equal(true)
+      })
+    })
+
+    describe('updating an existing file', function () {
+      beforeEach(function (done) {
+        this.existingFile = { _id: fileId, name: this.fileName, rev: 1 }
+        this.newFile = {
+          _id: new ObjectId(),
+          name: this.fileName,
+          rev: 3,
+          hash: 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa',
+        }
+        this.folder = { _id: folderId, fileRefs: [this.existingFile], docs: [] }
+        this.ProjectLocator.promises.findElement.resolves({
+          element: this.folder,
+        })
+        this.newProject = 'new-project-stub'
+        this.ProjectEntityMongoUpdateHandler.promises.replaceFileWithNew.resolves(
+          {
+            oldFileRef: this.existingFile,
+            project: this.project,
+            path: { fileSystem: this.fileSystemPath },
+            newProject: this.newProject,
+            newFileRef: this.newFile,
+          }
+        )
+        this.ProjectEntityUpdateHandler.upsertFile(
+          projectId,
+          folderId,
+          this.fileName,
+          this.fileSystemPath,
+          this.linkedFileData,
+          userId,
+          this.source,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('uploads a new version of the file', function () {
+        this.FileStoreHandler.promises.uploadFileFromDisk.should.have.been.calledWith(
+          projectId,
+          {
+            name: this.fileName,
+            linkedFileData: this.linkedFileData,
+          },
+          this.fileSystemPath
+        )
+      })
+
+      it('replaces the file in mongo', function () {
+        this.ProjectEntityMongoUpdateHandler.promises.replaceFileWithNew.should.have.been.calledWith(
+          projectId,
+          this.existingFile._id,
+          this.file,
+          userId
+        )
+      })
+
+      it('notifies the tpds', function () {
+        this.TpdsUpdateSender.promises.addFile.should.have.been.calledWith({
+          projectId,
+          historyId: this.project.overleaf.history.id,
+          projectName: this.project.name,
+          fileId: this.newFile._id,
+          hash: this.newFile.hash,
+          rev: this.newFile.rev,
+          path: this.fileSystemPath,
+          folderId,
+        })
+      })
+
+      it('updates the project structure in the doc updater', function () {
+        const oldFiles = [
+          {
+            file: this.existingFile,
+            path: this.fileSystemPath,
+          },
+        ]
+        const newFiles = [
+          {
+            file: this.newFile,
+            path: this.fileSystemPath,
+            url: this.fileUrl,
+            createdBlob: true,
+          },
+        ]
+        this.DocumentUpdaterHandler.promises.updateProjectStructure.should.have.been.calledWith(
+          projectId,
+          projectHistoryId,
+          userId,
+          {
+            oldFiles,
+            newFiles,
+            newProject: this.newProject,
+          },
+          this.source
+        )
+      })
+
+      it('returns the file', function () {
+        this.callback.calledWith(null, this.existingFile, false)
+      })
+    })
+
+    describe('creating a new file', function () {
+      beforeEach(function (done) {
+        this.folder = { _id: folderId, fileRefs: [], docs: [] }
+        this.newFile = {
+          _id: fileId,
+          hash: 'bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb',
+        }
+        this.ProjectLocator.promises.findElement.resolves({
+          element: this.folder,
+        })
+        this.FileStoreHandler.promises.uploadFileFromDisk.resolves({
+          url: this.fileUrl,
+          fileRef: this.newFile,
+          createdBlob: true,
+        })
+        this.ProjectEntityUpdateHandler.promises.addFile = {
+          mainTask: sinon.stub().resolves(this.newFile),
+        }
+
+        this.ProjectEntityUpdateHandler.upsertFile(
+          projectId,
+          folderId,
+          this.fileName,
+          this.fileSystemPath,
+          this.linkedFileData,
+          userId,
+          this.source,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('tries to find the folder', function () {
+        this.ProjectLocator.promises.findElement.should.have.been.calledWith({
+          project_id: projectId,
+          element_id: folderId,
+          type: 'folder',
+        })
+      })
+
+      it('adds the file', function () {
+        expect(
+          this.ProjectEntityUpdateHandler.promises.addFile.mainTask
+        ).to.have.been.calledWith({
+          projectId,
+          folderId,
+          userId,
+          fileRef: this.newFile,
+          fileStoreUrl: this.fileUrl,
+          source: this.source,
+          createdBlob: true,
+        })
+      })
+
+      it('returns the file', function () {
+        this.callback.calledWith(null, this.newFile, true)
+      })
+    })
+
+    describe('upserting a new file with an invalid name', function () {
+      beforeEach(function (done) {
+        this.folder = { _id: folderId, fileRefs: [] }
+        this.newFile = { _id: fileId }
+        this.ProjectLocator.promises.findElement.resolves({
+          element: this.folder,
+        })
+        this.ProjectEntityUpdateHandler.promises.addFile = {
+          mainTask: sinon.stub().resolves(this.newFile),
+        }
+
+        this.ProjectEntityUpdateHandler.upsertFile(
+          projectId,
+          folderId,
+          `*${this.fileName}`,
+          this.fileSystemPath,
+          this.linkedFileData,
+          userId,
+          this.source,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('returns an error', function () {
+        const errorMatcher = sinon.match.instanceOf(Errors.InvalidNameError)
+        this.callback.calledWithMatch(errorMatcher).should.equal(true)
+      })
+    })
+
+    describe('upserting file on top of a doc', function () {
+      beforeEach(function (done) {
+        this.path = '/path/to/doc'
+        this.existingDoc = { _id: new ObjectId(), name: this.fileName }
+        this.folder = {
+          _id: folderId,
+          fileRefs: [],
+          docs: [this.existingDoc],
+        }
+        this.ProjectLocator.promises.findElement
+          .withArgs({
+            project_id: this.project._id.toString(),
+            element_id: folderId,
+            type: 'folder',
+          })
+          .resolves({ element: this.folder })
+        this.ProjectLocator.promises.findElement
+          .withArgs({
+            project_id: this.project._id.toString(),
+            element_id: this.existingDoc._id,
+            type: 'doc',
+          })
+          .resolves({
+            element: this.existingDoc,
+            path: { fileSystem: this.path },
+            folder: this.folder,
+          })
+
+        this.newFileUrl = 'new-file-url'
+        this.newFile = {
+          _id: newFileId,
+          name: 'dummy-upload-filename',
+          rev: 0,
+          linkedFileData: this.linkedFileData,
+        }
+        this.newProject = {
+          name: 'new project',
+          overleaf: { history: { id: projectHistoryId } },
+        }
+        this.FileStoreHandler.promises.uploadFileFromDisk.resolves({
+          url: this.newFileUrl,
+          fileRef: this.newFile,
+          createdBlob: true,
+        })
+        this.ProjectEntityMongoUpdateHandler.promises.replaceDocWithFile.resolves(
+          this.newProject
+        )
+
+        this.ProjectEntityUpdateHandler.upsertFile(
+          projectId,
+          folderId,
+          this.fileName,
+          this.fileSystemPath,
+          this.linkedFileData,
+          userId,
+          this.source,
+          done
+        )
+      })
+
+      it('replaces the existing doc with a file', function () {
+        expect(
+          this.ProjectEntityMongoUpdateHandler.promises.replaceDocWithFile
+        ).to.have.been.calledWith(
+          projectId,
+          this.existingDoc._id,
+          this.newFile,
+          userId
+        )
+      })
+
+      it('updates the doc structure', function () {
+        const oldDocs = [
+          {
+            doc: this.existingDoc,
+            path: this.path,
+          },
+        ]
+        const newFiles = [
+          {
+            file: this.newFile,
+            path: this.path,
+            url: this.newFileUrl,
+            createdBlob: true,
+          },
+        ]
+        const updates = {
+          oldDocs,
+          newFiles,
+          newProject: this.newProject,
+        }
+        expect(
+          this.DocumentUpdaterHandler.promises.updateProjectStructure
+        ).to.have.been.calledWith(
+          projectId,
+          projectHistoryId,
+          userId,
+          updates,
+          this.source
+        )
+      })
+
+      it('tells everyone in the room the doc is removed', function () {
+        expect(
+          this.EditorRealTimeController.emitToRoom
+        ).to.have.been.calledWith(
+          projectId,
+          'removeEntity',
+          this.existingDoc._id,
+          'convertDocToFile'
+        )
+      })
+    })
+  })
+
+  describe('upsertDocWithPath', function () {
+    describe('upserting a doc', function () {
+      beforeEach(function (done) {
+        this.path = '/folder/doc.tex'
+        this.newFolders = ['mock-a', 'mock-b']
+        this.folder = { _id: folderId }
+        this.doc = { _id: docId }
+        this.isNewDoc = true
+        this.ProjectEntityUpdateHandler.promises.mkdirp = {
+          withoutLock: sinon
+            .stub()
+            .resolves({ newFolders: this.newFolders, folder: this.folder }),
+        }
+        this.ProjectEntityUpdateHandler.promises.upsertDoc = {
+          withoutLock: sinon
+            .stub()
+            .resolves({ doc: this.doc, isNew: this.isNewDoc }),
+        }
+
+        this.ProjectEntityUpdateHandler.upsertDocWithPath(
+          projectId,
+          this.path,
+          this.docLines,
+          this.source,
+          userId,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('creates any necessary folders', function () {
+        this.ProjectEntityUpdateHandler.promises.mkdirp.withoutLock
+          .calledWith(projectId, '/folder', userId)
+          .should.equal(true)
+      })
+
+      it('upserts the doc', function () {
+        this.ProjectEntityUpdateHandler.promises.upsertDoc.withoutLock
+          .calledWith(
+            projectId,
+            this.folder._id,
+            'doc.tex',
+            this.docLines,
+            this.source,
+            userId
+          )
+          .should.equal(true)
+      })
+
+      it('calls the callback', function () {
+        this.callback
+          .calledWith(
+            null,
+            this.doc,
+            this.isNewDoc,
+            this.newFolders,
+            this.folder
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('upserting a doc with an invalid path', function () {
+      beforeEach(function (done) {
+        this.path = '/*folder/doc.tex'
+        this.newFolders = ['mock-a', 'mock-b']
+        this.folder = { _id: folderId }
+        this.doc = { _id: docId }
+        this.isNewDoc = true
+        this.ProjectEntityUpdateHandler.promises.mkdirp = {
+          withoutLock: sinon
+            .stub()
+            .resolves({ newFolders: this.newFolders, folder: this.folder }),
+        }
+        this.ProjectEntityUpdateHandler.promises.upsertDoc = {
+          withoutLock: sinon
+            .stub()
+            .resolves({ doc: this.doc, isNew: this.isNewDoc }),
+        }
+
+        this.ProjectEntityUpdateHandler.upsertDocWithPath(
+          projectId,
+          this.path,
+          this.docLines,
+          this.source,
+          userId,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('returns an error', function () {
+        const errorMatcher = sinon.match.instanceOf(Errors.InvalidNameError)
+        this.callback.calledWithMatch(errorMatcher).should.equal(true)
+      })
+    })
+
+    describe('upserting a doc with an invalid name', function () {
+      beforeEach(function (done) {
+        this.path = '/folder/*doc.tex'
+        this.newFolders = ['mock-a', 'mock-b']
+        this.folder = { _id: folderId }
+        this.doc = { _id: docId }
+        this.isNewDoc = true
+        this.ProjectEntityUpdateHandler.promises.mkdirp = {
+          withoutLock: sinon
+            .stub()
+            .resolves({ newFolders: this.newFolders, folder: this.folder }),
+        }
+        this.ProjectEntityUpdateHandler.promises.upsertDoc = {
+          withoutLock: sinon
+            .stub()
+            .resolves({ doc: this.doc, isNew: this.isNewDoc }),
+        }
+
+        this.ProjectEntityUpdateHandler.upsertDocWithPath(
+          projectId,
+          this.path,
+          this.docLines,
+          this.source,
+          userId,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('returns an error', function () {
+        const errorMatcher = sinon.match.instanceOf(Errors.InvalidNameError)
+        this.callback.calledWithMatch(errorMatcher).should.equal(true)
+      })
+    })
+  })
+
+  describe('upsertFileWithPath', function () {
+    describe('upserting a file', function () {
+      beforeEach(function (done) {
+        this.path = '/folder/file.png'
+        this.newFolders = ['mock-a', 'mock-b']
+        this.folder = { _id: folderId }
+        this.file = { _id: fileId }
+        this.isNewFile = true
+        this.FileStoreHandler.promises.uploadFileFromDisk.resolves({
+          url: this.fileUrl,
+          fileRef: this.newFile,
+          createdBlob: true,
+        })
+        this.ProjectEntityUpdateHandler.promises.mkdirp = {
+          withoutLock: sinon
+            .stub()
+            .resolves({ newFolders: this.newFolders, folder: this.folder }),
+        }
+        this.ProjectEntityUpdateHandler.promises.upsertFile = {
+          mainTask: sinon
+            .stub()
+            .resolves({ fileRef: this.file, isNew: this.isNewFile }),
+        }
+
+        this.ProjectEntityUpdateHandler.upsertFileWithPath(
+          projectId,
+          this.path,
+          this.fileSystemPath,
+          this.linkedFileData,
+          userId,
+          this.source,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('creates any necessary folders', function () {
+        this.ProjectEntityUpdateHandler.promises.mkdirp.withoutLock
+          .calledWith(projectId, '/folder', userId)
+          .should.equal(true)
+      })
+
+      it('upserts the file', function () {
+        this.ProjectEntityUpdateHandler.promises.upsertFile.mainTask.should.have.been.calledWith(
+          {
+            projectId,
+            folderId: this.folder._id,
+            fileName: 'file.png',
+            fsPath: this.fileSystemPath,
+            linkedFileData: this.linkedFileData,
+            userId,
+            fileRef: this.newFile,
+            fileStoreUrl: this.fileUrl,
+            source: this.source,
+            createdBlob: true,
+          }
+        )
+      })
+
+      it('calls the callback', function () {
+        this.callback.should.have.been.calledWith(
+          null,
+          this.file,
+          this.isNewFile,
+          undefined,
+          this.newFolders,
+          this.folder
+        )
+      })
+    })
+
+    describe('upserting a file with an invalid path', function () {
+      beforeEach(function (done) {
+        this.path = '/*folder/file.png'
+        this.newFolders = ['mock-a', 'mock-b']
+        this.folder = { _id: folderId }
+        this.file = { _id: fileId }
+        this.isNewFile = true
+        this.ProjectEntityUpdateHandler.promises.mkdirp = {
+          withoutLock: sinon
+            .stub()
+            .resolves({ newFolders: this.newFolders, folder: this.folder }),
+        }
+        this.ProjectEntityUpdateHandler.promises.upsertFile = {
+          mainTask: sinon
+            .stub()
+            .resolves({ doc: this.file, isNew: this.isNewFile }),
+        }
+
+        this.ProjectEntityUpdateHandler.upsertFileWithPath(
+          projectId,
+          this.path,
+          this.fileSystemPath,
+          this.linkedFileData,
+          userId,
+          this.source,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('returns an error', function () {
+        const errorMatcher = sinon.match.instanceOf(Errors.InvalidNameError)
+        this.callback.calledWithMatch(errorMatcher).should.equal(true)
+      })
+    })
+
+    describe('upserting a file with an invalid name', function () {
+      beforeEach(function (done) {
+        this.path = '/folder/*file.png'
+        this.newFolders = ['mock-a', 'mock-b']
+        this.folder = { _id: folderId }
+        this.file = { _id: fileId }
+        this.isNewFile = true
+        this.ProjectEntityUpdateHandler.promises.mkdirp = {
+          withoutLock: sinon
+            .stub()
+            .resolves({ newFolders: this.newFolders, folder: this.folder }),
+        }
+        this.ProjectEntityUpdateHandler.promises.upsertFile = {
+          mainTask: sinon
+            .stub()
+            .resolves({ doc: this.file, isNew: this.isNewFile }),
+        }
+
+        this.ProjectEntityUpdateHandler.upsertFileWithPath(
+          projectId,
+          this.path,
+          this.fileSystemPath,
+          this.linkedFileData,
+          userId,
+          this.source,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('returns an error', function () {
+        const errorMatcher = sinon.match.instanceOf(Errors.InvalidNameError)
+        this.callback.calledWithMatch(errorMatcher).should.equal(true)
+      })
+    })
+  })
+
+  describe('deleteEntity', function () {
+    beforeEach(function (done) {
+      this.path = '/path/to/doc.tex'
+      this.doc = { _id: docId }
+      this.projectBeforeDeletion = { _id: projectId, name: 'project' }
+      this.newProject = 'new-project'
+      this.ProjectEntityMongoUpdateHandler.promises.deleteEntity.resolves({
+        entity: this.doc,
+        path: { fileSystem: this.path },
+        projectBeforeDeletion: this.projectBeforeDeletion,
+        newProject: this.newProject,
+      })
+      this.ProjectEntityUpdateHandler._cleanUpEntity = sinon
+        .stub()
+        .resolves([{ type: 'doc', entity: this.doc, path: this.path }])
+
+      this.ProjectEntityUpdateHandler.deleteEntity(
+        projectId,
+        docId,
+        'doc',
+        userId,
+        this.source,
+        (...args) => {
+          this.callback(...args)
+          done()
+        }
+      )
+    })
+
+    it('flushes the project to mongo', function () {
+      this.DocumentUpdaterHandler.promises.flushProjectToMongo.should.have.been.calledWith(
+        projectId
+      )
+    })
+
+    it('deletes the entity in mongo', function () {
+      this.ProjectEntityMongoUpdateHandler.promises.deleteEntity
+        .calledWith(projectId, docId, 'doc', userId)
+        .should.equal(true)
+    })
+
+    it('cleans up the doc in the docstore', function () {
+      this.ProjectEntityUpdateHandler._cleanUpEntity
+        .calledWith(
+          this.projectBeforeDeletion,
+          this.newProject,
+          this.doc,
+          'doc',
+          this.path,
+          userId,
+          this.source
+        )
+        .should.equal(true)
+    })
+
+    it('it notifies the tpds', function () {
+      this.TpdsUpdateSender.promises.deleteEntity.should.have.been.calledWith({
+        projectId,
+        path: this.path,
+        projectName: this.projectBeforeDeletion.name,
+        entityId: docId,
+        entityType: 'doc',
+        subtreeEntityIds: [this.doc._id],
+      })
+    })
+
+    it('retuns the entity_id', function () {
+      this.callback.calledWith(null, docId).should.equal(true)
+    })
+  })
+
+  describe('deleteEntityWithPath', function () {
+    describe('when the entity exists', function () {
+      beforeEach(function (done) {
+        this.doc = { _id: docId }
+        this.ProjectLocator.promises.findElementByPath.resolves({
+          element: this.doc,
+          type: 'doc',
+        })
+        this.ProjectEntityUpdateHandler.promises.deleteEntity = {
+          withoutLock: sinon.stub().resolves(),
+        }
+        this.path = '/path/to/doc.tex'
+        this.ProjectEntityUpdateHandler.deleteEntityWithPath(
+          projectId,
+          this.path,
+          userId,
+          this.source,
+          done
+        )
+      })
+
+      it('finds the entity', function () {
+        this.ProjectLocator.promises.findElementByPath
+          .calledWith({
+            project_id: projectId,
+            path: this.path,
+            exactCaseMatch: true,
+          })
+          .should.equal(true)
+      })
+
+      it('deletes the entity', function () {
+        this.ProjectEntityUpdateHandler.promises.deleteEntity.withoutLock.should.have.been.calledWith(
+          projectId,
+          this.doc._id,
+          'doc',
+          userId,
+          this.source
+        )
+      })
+    })
+
+    describe('when the entity does not exist', function () {
+      beforeEach(function (done) {
+        this.ProjectLocator.promises.findElementByPath.resolves({
+          element: null,
+        })
+        this.path = '/doc.tex'
+        this.ProjectEntityUpdateHandler.deleteEntityWithPath(
+          projectId,
+          this.path,
+          userId,
+          this.source,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('returns an error', function () {
+        this.callback.should.have.been.calledWith(
+          sinon.match.instanceOf(Errors.NotFoundError)
+        )
+      })
+    })
+  })
+
+  describe('mkdirp', function () {
+    beforeEach(function (done) {
+      this.docPath = '/folder/doc.tex'
+      this.ProjectEntityMongoUpdateHandler.promises.mkdirp.resolves({})
+      this.ProjectEntityUpdateHandler.mkdirp(
+        projectId,
+        this.docPath,
+        userId,
+        done
+      )
+    })
+
+    it('calls ProjectEntityMongoUpdateHandler', function () {
+      this.ProjectEntityMongoUpdateHandler.promises.mkdirp
+        .calledWith(projectId, this.docPath, userId)
+        .should.equal(true)
+    })
+  })
+
+  describe('mkdirpWithExactCase', function () {
+    beforeEach(function (done) {
+      this.docPath = '/folder/doc.tex'
+      this.ProjectEntityMongoUpdateHandler.promises.mkdirp.resolves({})
+      this.ProjectEntityUpdateHandler.mkdirpWithExactCase(
+        projectId,
+        this.docPath,
+        userId,
+        done
+      )
+    })
+
+    it('calls ProjectEntityMongoUpdateHandler', function () {
+      this.ProjectEntityMongoUpdateHandler.promises.mkdirp
+        .calledWith(projectId, this.docPath, userId, { exactCaseMatch: true })
+        .should.equal(true)
+    })
+  })
+
+  describe('addFolder', function () {
+    describe('adding a folder', function () {
+      beforeEach(function (done) {
+        this.parentFolderId = '123asdf'
+        this.folderName = 'new-folder'
+        this.ProjectEntityMongoUpdateHandler.promises.addFolder.resolves({})
+        this.ProjectEntityUpdateHandler.addFolder(
+          projectId,
+          this.parentFolderId,
+          this.folderName,
+          userId,
+          done
+        )
+      })
+
+      it('calls ProjectEntityMongoUpdateHandler', function () {
+        this.ProjectEntityMongoUpdateHandler.promises.addFolder
+          .calledWith(projectId, this.parentFolderId, this.folderName, userId)
+          .should.equal(true)
+      })
+    })
+
+    describe('adding a folder with an invalid name', function () {
+      beforeEach(function (done) {
+        this.parentFolderId = '123asdf'
+        this.folderName = '*new-folder'
+        this.ProjectEntityMongoUpdateHandler.promises.addFolder.resolves({})
+        this.ProjectEntityUpdateHandler.addFolder(
+          projectId,
+          this.parentFolderId,
+          this.folderName,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('returns an error', function () {
+        const errorMatcher = sinon.match.instanceOf(Errors.InvalidNameError)
+        this.callback.calledWithMatch(errorMatcher).should.equal(true)
+      })
+    })
+  })
+
+  describe('moveEntity', function () {
+    beforeEach(function (done) {
+      this.project_name = 'project name'
+      this.startPath = '/a.tex'
+      this.endPath = '/folder/b.tex'
+      this.rev = 2
+      this.changes = { newDocs: ['old-doc'], newFiles: ['old-file'] }
+      this.ProjectEntityMongoUpdateHandler.promises.moveEntity.resolves({
+        project: this.project,
+        startPath: this.startPath,
+        endPath: this.endPath,
+        rev: this.rev,
+        changes: this.changes,
+      })
+
+      this.ProjectEntityUpdateHandler.moveEntity(
+        projectId,
+        docId,
+        folderId,
+        'doc',
+        userId,
+        this.source,
+        done
+      )
+    })
+
+    it('moves the entity in mongo', function () {
+      this.ProjectEntityMongoUpdateHandler.promises.moveEntity
+        .calledWith(projectId, docId, folderId, 'doc', userId)
+        .should.equal(true)
+    })
+
+    it('notifies tpds', function () {
+      this.TpdsUpdateSender.promises.moveEntity
+        .calledWith({
+          projectId,
+          projectName: this.project_name,
+          startPath: this.startPath,
+          endPath: this.endPath,
+          rev: this.rev,
+          entityId: docId,
+          entityType: 'doc',
+          folderId,
+        })
+        .should.equal(true)
+    })
+
+    it('sends the changes in project structure to the doc updater', function () {
+      this.DocumentUpdaterHandler.promises.updateProjectStructure
+        .calledWith(
+          projectId,
+          projectHistoryId,
+          userId,
+          this.changes,
+          this.source
+        )
+        .should.equal(true)
+    })
+  })
+
+  describe('renameEntity', function () {
+    describe('renaming an entity', function () {
+      beforeEach(function (done) {
+        this.project_name = 'project name'
+        this.startPath = '/folder/a.tex'
+        this.endPath = '/folder/b.tex'
+        this.rev = 2
+        this.changes = { newDocs: ['old-doc'], newFiles: ['old-file'] }
+        this.newDocName = 'b.tex'
+        this.ProjectEntityMongoUpdateHandler.promises.renameEntity.resolves({
+          project: this.project,
+          startPath: this.startPath,
+          endPath: this.endPath,
+          rev: this.rev,
+          changes: this.changes,
+        })
+
+        this.ProjectEntityUpdateHandler.renameEntity(
+          projectId,
+          docId,
+          'doc',
+          this.newDocName,
+          userId,
+          this.source,
+          done
+        )
+      })
+
+      it('moves the entity in mongo', function () {
+        this.ProjectEntityMongoUpdateHandler.promises.renameEntity
+          .calledWith(projectId, docId, 'doc', this.newDocName, userId)
+          .should.equal(true)
+      })
+
+      it('notifies tpds', function () {
+        this.TpdsUpdateSender.promises.moveEntity
+          .calledWith({
+            projectId,
+            projectName: this.project_name,
+            startPath: this.startPath,
+            endPath: this.endPath,
+            rev: this.rev,
+            entityId: docId,
+            entityType: 'doc',
+            folderId: null,
+          })
+          .should.equal(true)
+      })
+
+      it('flushes the project in doc updater', function () {
+        this.DocumentUpdaterHandler.promises.flushProjectToMongo.should.have.been.calledWith(
+          projectId
+        )
+      })
+
+      it('sends the changes in project structure to the doc updater', function () {
+        this.DocumentUpdaterHandler.promises.updateProjectStructure
+          .calledWith(
+            projectId,
+            projectHistoryId,
+            userId,
+            this.changes,
+            this.source
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('renaming an entity to an invalid name', function () {
+      beforeEach(function (done) {
+        this.project_name = 'project name'
+        this.startPath = '/folder/a.tex'
+        this.endPath = '/folder/b.tex'
+        this.rev = 2
+        this.changes = { newDocs: ['old-doc'], newFiles: ['old-file'] }
+        this.newDocName = '*b.tex'
+        this.ProjectEntityMongoUpdateHandler.promises.renameEntity.resolves({
+          project: this.project,
+          startPath: this.startPath,
+          endPath: this.endPath,
+          rev: this.rev,
+          changes: this.changes,
+        })
+
+        this.ProjectEntityUpdateHandler.renameEntity(
+          projectId,
+          docId,
+          'doc',
+          this.newDocName,
+          userId,
+          this.source,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('returns an error', function () {
+        const errorMatcher = sinon.match.instanceOf(Errors.InvalidNameError)
+        this.callback.calledWithMatch(errorMatcher).should.equal(true)
+      })
+    })
+
+    describe('renaming an entity with a non-string value', function () {
+      beforeEach(function (done) {
+        this.project_name = 'project name'
+        this.startPath = '/folder/a.tex'
+        this.endPath = '/folder/b.tex'
+        this.rev = 2
+        this.changes = { newDocs: ['old-doc'], newFiles: ['old-file'] }
+        this.newDocName = ['hello']
+        this.ProjectEntityMongoUpdateHandler.promises.renameEntity.resolves({
+          project: this.project,
+          startPath: this.startPath,
+          endPath: this.endPath,
+          rev: this.rev,
+          changes: this.changes,
+        })
+
+        this.ProjectEntityUpdateHandler.renameEntity(
+          projectId,
+          docId,
+          'doc',
+          this.newDocName,
+          userId,
+          this.source,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('returns an error', function () {
+        const errorMatcher = sinon.match.instanceOf(Error)
+        this.callback.calledWithMatch(errorMatcher).should.equal(true)
+        expect(
+          this.ProjectEntityMongoUpdateHandler.promises.renameEntity.called
+        ).to.equal(false)
+      })
+    })
+  })
+
+  describe('resyncProjectHistory', function () {
+    describe('a deleted project', function () {
+      beforeEach(function (done) {
+        this.ProjectGetter.promises.getProject.resolves({})
+
+        this.ProjectEntityUpdateHandler.resyncProjectHistory(
+          projectId,
+          {},
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('should return an error', function () {
+        expect(this.callback).to.have.been.calledWith(
+          sinon.match
+            .instanceOf(Errors.ProjectHistoryDisabledError)
+            .and(
+              sinon.match.has(
+                'message',
+                `project history not enabled for ${projectId}`
+              )
+            )
+        )
+      })
+    })
+
+    describe('a project without project-history enabled', function () {
+      beforeEach(function (done) {
+        this.project.overleaf = {}
+        this.ProjectGetter.promises.getProject.resolves(this.project)
+
+        this.ProjectEntityUpdateHandler.resyncProjectHistory(
+          projectId,
+          {},
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('should return an error', function () {
+        expect(this.callback).to.have.been.calledWith(
+          sinon.match
+            .instanceOf(Errors.ProjectHistoryDisabledError)
+            .and(
+              sinon.match.has(
+                'message',
+                `project history not enabled for ${projectId}`
+              )
+            )
+        )
+      })
+    })
+
+    describe('a project with project-history enabled', function () {
+      const docs = [{ doc: { _id: docId, name: 'main.tex' }, path: 'main.tex' }]
+      const files = [
+        {
+          file: { _id: fileId, name: 'universe.png', hash: '123456' },
+          path: 'universe.png',
+        },
+      ]
+      beforeEach(function (done) {
+        this.ProjectGetter.promises.getProject.resolves(this.project)
+        const folders = []
+        this.ProjectEntityHandler.getAllEntitiesFromProject.returns({
+          docs,
+          files,
+          folders,
+        })
+        this.ProjectEntityUpdateHandler.resyncProjectHistory(
+          projectId,
+          {},
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('gets the project', function () {
+        this.ProjectGetter.promises.getProject.should.have.been.calledWith(
+          projectId
+        )
+      })
+
+      it('gets the entities for the project', function () {
+        this.ProjectEntityHandler.getAllEntitiesFromProject.should.have.been.calledWith(
+          this.project
+        )
+      })
+
+      it('uses an extended timeout', function () {
+        this.LockManager.withTimeout.should.have.been.calledWith(6 * 60)
+      })
+
+      it('tells the doc updater to sync the project', function () {
+        this.DocumentUpdaterHandler.promises.resyncProjectHistory
+          .calledWith(projectId, projectHistoryId, docs, files)
+          .should.equal(true)
+      })
+
+      it('calls the callback', function () {
+        this.callback.called.should.equal(true)
+      })
+    })
+
+    describe('a project with duplicate filenames', function () {
+      beforeEach(function (done) {
+        this.ProjectGetter.promises.getProject.resolves(this.project)
+        this.docs = [
+          { doc: { _id: 'doc1', name: 'main.tex' }, path: 'main.tex' },
+          {
+            doc: { _id: 'doc2', name: 'duplicate.tex' },
+            path: 'a/b/c/duplicate.tex',
+          },
+          {
+            doc: { _id: 'doc3', name: 'duplicate.tex' },
+            path: 'a/b/c/duplicate.tex',
+          },
+          {
+            doc: { _id: 'doc4', name: 'another dupe (22)' },
+            path: 'another dupe (22)',
+          },
+          {
+            doc: { _id: 'doc5', name: 'duplicate.tex' },
+            path: 'a/b/c/duplicate.tex',
+          },
+        ]
+        this.files = [
+          {
+            file: { _id: 'file1', name: 'image.jpg', hash: 'hash1' },
+            path: 'image.jpg',
+          },
+          {
+            file: { _id: 'file2', name: 'duplicate.jpg', hash: 'hash2' },
+            path: 'duplicate.jpg',
+          },
+          {
+            file: { _id: 'file3', name: 'duplicate.jpg', hash: 'hash3' },
+            path: 'duplicate.jpg',
+          },
+          {
+            file: { _id: 'file4', name: 'another dupe (22)', hash: 'hash4' },
+            path: 'another dupe (22)',
+          },
+        ]
+        this.ProjectEntityHandler.getAllEntitiesFromProject.returns({
+          docs: this.docs,
+          files: this.files,
+          folders: [],
+        })
+        this.ProjectEntityUpdateHandler.resyncProjectHistory(
+          projectId,
+          {},
+          done
+        )
+      })
+
+      it('renames the duplicate files', function () {
+        const renameEntity =
+          this.ProjectEntityMongoUpdateHandler.promises.renameEntity
+        expect(renameEntity).to.have.callCount(4)
+        expect(renameEntity).to.have.been.calledWith(
+          projectId,
+          'doc3',
+          'doc',
+          'duplicate.tex (1)',
+          null
+        )
+        expect(renameEntity).to.have.been.calledWith(
+          projectId,
+          'doc5',
+          'doc',
+          'duplicate.tex (2)',
+          null
+        )
+        expect(renameEntity).to.have.been.calledWith(
+          projectId,
+          'file3',
+          'file',
+          'duplicate.jpg (1)',
+          null
+        )
+        expect(renameEntity).to.have.been.calledWith(
+          projectId,
+          'file4',
+          'file',
+          'another dupe (23)',
+          null
+        )
+      })
+
+      it('tells the doc updater to resync the project', function () {
+        const docs = this.docs.map(d => {
+          if (d.doc._id === 'doc3') {
+            return Object.assign({}, d, { path: 'a/b/c/duplicate.tex (1)' })
+          }
+          if (d.doc._id === 'doc5') {
+            return Object.assign({}, d, { path: 'a/b/c/duplicate.tex (2)' })
+          }
+          return d
+        })
+        const files = this.files.map(f => {
+          if (f.file._id === 'file3') {
+            return Object.assign({}, f, { path: 'duplicate.jpg (1)' })
+          }
+          if (f.file._id === 'file4') {
+            return Object.assign({}, f, { path: 'another dupe (23)' })
+          }
+          return f
+        })
+        expect(
+          this.DocumentUpdaterHandler.promises.resyncProjectHistory
+        ).to.have.been.calledWith(projectId, projectHistoryId, docs, files)
+      })
+    })
+
+    describe('a project with bad filenames', function () {
+      beforeEach(function (done) {
+        this.ProjectGetter.promises.getProject.resolves(this.project)
+        this.docs = [
+          {
+            doc: { _id: 'doc1', name: '/d/e/f/test.tex' },
+            path: 'a/b/c/d/e/f/test.tex',
+          },
+          {
+            doc: { _id: 'doc2', name: '' },
+            path: 'a',
+          },
+        ]
+        this.files = [
+          {
+            file: { _id: 'file1', name: 'A*.png', hash: 'hash1' },
+            path: 'A*.png',
+          },
+          {
+            file: { _id: 'file2', name: 'A_.png', hash: 'hash2' },
+            path: 'A_.png',
+          },
+        ]
+        this.ProjectEntityHandler.getAllEntitiesFromProject.returns({
+          docs: this.docs,
+          files: this.files,
+          folders: [],
+        })
+        this.ProjectEntityUpdateHandler.resyncProjectHistory(
+          projectId,
+          {},
+          done
+        )
+      })
+
+      it('renames the files', function () {
+        const renameEntity =
+          this.ProjectEntityMongoUpdateHandler.promises.renameEntity
+        expect(renameEntity).to.have.callCount(4)
+        expect(renameEntity).to.have.been.calledWith(
+          projectId,
+          'doc1',
+          'doc',
+          '_d_e_f_test.tex',
+          null
+        )
+        expect(renameEntity).to.have.been.calledWith(
+          projectId,
+          'doc2',
+          'doc',
+          'untitled',
+          null
+        )
+        expect(renameEntity).to.have.been.calledWith(
+          projectId,
+          'file1',
+          'file',
+          'A_.png',
+          null
+        )
+        expect(renameEntity).to.have.been.calledWith(
+          projectId,
+          'file2',
+          'file',
+          'A_.png (1)',
+          null
+        )
+      })
+
+      it('tells the doc updater to resync the project', function () {
+        const docs = this.docs.map(d => {
+          if (d.doc._id === 'doc1') {
+            return Object.assign({}, d, { path: 'a/b/c/_d_e_f_test.tex' })
+          }
+          if (d.doc._id === 'doc2') {
+            return Object.assign({}, d, { path: 'a/untitled' })
+          }
+          return d
+        })
+        const files = this.files.map(f => {
+          if (f.file._id === 'file1') {
+            return Object.assign({}, f, { path: 'A_.png' })
+          }
+          if (f.file._id === 'file2') {
+            return Object.assign({}, f, { path: 'A_.png (1)' })
+          }
+          return f
+        })
+        expect(
+          this.DocumentUpdaterHandler.promises.resyncProjectHistory
+        ).to.have.been.calledWith(projectId, projectHistoryId, docs, files)
+      })
+    })
+
+    describe('a project with a bad folder name', function () {
+      const folders = [
+        {
+          folder: { _id: 'folder1', name: 'good' },
+          path: 'good',
+        },
+        {
+          folder: { _id: 'folder2', name: 'bad*' },
+          path: 'bad*',
+        },
+      ]
+      const docs = [
+        {
+          doc: { _id: 'doc1', name: 'doc1.tex' },
+          path: 'good/doc1.tex',
+        },
+        {
+          doc: { _id: 'doc2', name: 'duplicate.tex' },
+          path: 'bad*/doc2.tex',
+        },
+      ]
+      const files = []
+      beforeEach(function (done) {
+        this.ProjectGetter.promises.getProject.resolves(this.project)
+        this.ProjectEntityHandler.getAllEntitiesFromProject.returns({
+          docs,
+          files,
+          folders,
+        })
+        this.ProjectEntityUpdateHandler.resyncProjectHistory(
+          projectId,
+          {},
+          done
+        )
+      })
+
+      it('renames the folder', function () {
+        const renameEntity =
+          this.ProjectEntityMongoUpdateHandler.promises.renameEntity
+        expect(renameEntity).to.have.callCount(1)
+        expect(renameEntity).to.have.been.calledWith(
+          projectId,
+          'folder2',
+          'folder',
+          'bad_',
+          null
+        )
+      })
+
+      it('tells the doc updater to resync the project', function () {
+        const fixedDocs = docs.map(d => {
+          if (d.doc._id === 'doc2') {
+            return Object.assign({}, d, { path: 'bad_/doc2.tex' })
+          }
+          return d
+        })
+        expect(
+          this.DocumentUpdaterHandler.promises.resyncProjectHistory
+        ).to.have.been.calledWith(projectId, projectHistoryId, fixedDocs, files)
+      })
+    })
+
+    describe('a project with duplicate names between a folder and a doc', function () {
+      const folders = [
+        {
+          folder: { _id: 'folder1', name: 'chapters' },
+          path: 'chapters',
+        },
+      ]
+      const docs = [
+        {
+          doc: { _id: 'doc1', name: 'chapters' },
+          path: 'chapters',
+        },
+        {
+          doc: { _id: 'doc2', name: 'chapter1.tex' },
+          path: 'chapters/chapter1.tex',
+        },
+      ]
+      const files = []
+      beforeEach(function (done) {
+        this.ProjectGetter.promises.getProject.resolves(this.project)
+        this.ProjectEntityHandler.getAllEntitiesFromProject.returns({
+          docs,
+          files,
+          folders,
+        })
+        this.ProjectEntityUpdateHandler.resyncProjectHistory(
+          projectId,
+          {},
+          done
+        )
+      })
+
+      it('renames the doc', function () {
+        const renameEntity =
+          this.ProjectEntityMongoUpdateHandler.promises.renameEntity
+        expect(renameEntity).to.have.callCount(1)
+        expect(renameEntity).to.have.been.calledWith(
+          projectId,
+          'doc1',
+          'doc',
+          'chapters (1)',
+          null
+        )
+      })
+
+      it('tells the doc updater to resync the project', function () {
+        const fixedDocs = docs.map(d => {
+          if (d.doc._id === 'doc1') {
+            return Object.assign({}, d, { path: 'chapters (1)' })
+          }
+          return d
+        })
+        expect(
+          this.DocumentUpdaterHandler.promises.resyncProjectHistory
+        ).to.have.been.calledWith(projectId, projectHistoryId, fixedDocs, files)
+      })
+    })
+
+    describe('a project with an invalid file tree', function () {
+      beforeEach(function (done) {
+        this.callback = sinon.stub()
+        this.ProjectGetter.promises.getProject.resolves(this.project)
+        this.ProjectEntityHandler.getAllEntitiesFromProject.throws()
+        this.ProjectEntityUpdateHandler.resyncProjectHistory(
+          projectId,
+          {},
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('calls the callback with an error', function () {
+        expect(this.callback).to.have.been.calledWith(
+          sinon.match.instanceOf(Error)
+        )
+      })
+    })
+  })
+
+  describe('_cleanUpEntity', function () {
+    beforeEach(function () {
+      this.entityId = '4eecaffcbffa66588e000009'
+      this.FileStoreHandler.promises.deleteFile.resolves()
+      this.ProjectEntityUpdateHandler.promises.unsetRootDoc = sinon
+        .stub()
+        .resolves()
+      this.ProjectEntityMongoUpdateHandler.promises._insertDeletedFileReference.resolves()
+    })
+
+    describe('a file', function () {
+      beforeEach(async function () {
+        this.path = '/file/system/path.png'
+        this.entity = { _id: this.entityId }
+        this.newProject = 'new-project'
+        this.subtreeListing =
+          await this.ProjectEntityUpdateHandler._cleanUpEntity(
+            this.project,
+            this.newProject,
+            this.entity,
+            'file',
+            this.path,
+            userId,
+            this.source
+          )
+      })
+
+      it('should insert the file into the deletedFiles collection', function () {
+        this.ProjectEntityMongoUpdateHandler.promises._insertDeletedFileReference
+          .calledWith(this.project._id, this.entity)
+          .should.equal(true)
+      })
+
+      it('should not delete the file from FileStoreHandler', function () {
+        this.FileStoreHandler.promises.deleteFile
+          .calledWith(projectId, this.entityId)
+          .should.equal(false)
+      })
+
+      it('should not attempt to delete from the document updater', function () {
+        this.DocumentUpdaterHandler.promises.deleteDoc.called.should.equal(
+          false
+        )
+      })
+
+      it('should send the update to the doc updater', function () {
+        const oldFiles = [{ file: this.entity, path: this.path }]
+        this.DocumentUpdaterHandler.promises.updateProjectStructure.should.have.been.calledWith(
+          projectId,
+          projectHistoryId,
+          userId,
+          {
+            oldFiles,
+            oldDocs: [],
+            newProject: this.newProject,
+          },
+          this.source
+        )
+      })
+
+      it('should return a subtree listing containing only the file', function () {
+        expect(this.subtreeListing).to.deep.equal([
+          { type: 'file', entity: this.entity, path: this.path },
+        ])
+      })
+    })
+
+    describe('a doc', function () {
+      beforeEach(async function () {
+        this.path = '/file/system/path.tex'
+        this.ProjectEntityUpdateHandler._cleanUpDoc = sinon.stub().resolves()
+        this.entity = { _id: this.entityId }
+        this.newProject = 'new-project'
+        this.subtreeListing =
+          await this.ProjectEntityUpdateHandler._cleanUpEntity(
+            this.project,
+            this.newProject,
+            this.entity,
+            'doc',
+            this.path,
+            userId,
+            this.source
+          )
+      })
+
+      it('should clean up the doc', function () {
+        this.ProjectEntityUpdateHandler._cleanUpDoc
+          .calledWith(this.project, this.entity, this.path, userId)
+          .should.equal(true)
+      })
+
+      it('should send the update to the doc updater', function () {
+        const oldDocs = [{ doc: this.entity, path: this.path }]
+        this.DocumentUpdaterHandler.promises.updateProjectStructure.should.have.been.calledWith(
+          projectId,
+          projectHistoryId,
+          userId,
+          {
+            oldDocs,
+            oldFiles: [],
+            newProject: this.newProject,
+          },
+          this.source
+        )
+      })
+
+      it('should return a subtree listing containing only the doc', function () {
+        expect(this.subtreeListing).to.deep.equal([
+          { type: 'doc', entity: this.entity, path: this.path },
+        ])
+      })
+    })
+
+    describe('a folder', function () {
+      beforeEach(async function () {
+        this.folder = {
+          folders: [
+            {
+              name: 'subfolder',
+              fileRefs: [
+                (this.file1 = { _id: 'file-id-1', name: 'file-name-1' }),
+              ],
+              docs: [(this.doc1 = { _id: 'doc-id-1', name: 'doc-name-1' })],
+              folders: [],
+            },
+          ],
+          fileRefs: [(this.file2 = { _id: 'file-id-2', name: 'file-name-2' })],
+          docs: [(this.doc2 = { _id: 'doc-id-2', name: 'doc-name-2' })],
+        }
+
+        this.ProjectEntityUpdateHandler._cleanUpDoc = sinon.stub().resolves()
+        this.ProjectEntityUpdateHandler._cleanUpFile = sinon.stub().resolves()
+        const path = '/folder'
+        this.newProject = 'new-project'
+        this.subtreeListing =
+          await this.ProjectEntityUpdateHandler._cleanUpEntity(
+            this.project,
+            this.newProject,
+            this.folder,
+            'folder',
+            path,
+            userId,
+            this.source
+          )
+      })
+
+      it('should clean up all sub files', function () {
+        this.ProjectEntityUpdateHandler._cleanUpFile.should.have.been.calledWith(
+          this.project,
+          this.file1
+        )
+        this.ProjectEntityUpdateHandler._cleanUpFile.should.have.been.calledWith(
+          this.project,
+          this.file2
+        )
+      })
+
+      it('should clean up all sub docs', function () {
+        this.ProjectEntityUpdateHandler._cleanUpDoc
+          .calledWith(
+            this.project,
+            this.doc1,
+            '/folder/subfolder/doc-name-1',
+            userId
+          )
+          .should.equal(true)
+        this.ProjectEntityUpdateHandler._cleanUpDoc
+          .calledWith(this.project, this.doc2, '/folder/doc-name-2', userId)
+          .should.equal(true)
+      })
+
+      it('should should send one update to the doc updater for all docs and files', function () {
+        const oldFiles = [
+          { file: this.file2, path: '/folder/file-name-2' },
+          { file: this.file1, path: '/folder/subfolder/file-name-1' },
+        ]
+        const oldDocs = [
+          { doc: this.doc2, path: '/folder/doc-name-2' },
+          { doc: this.doc1, path: '/folder/subfolder/doc-name-1' },
+        ]
+        this.DocumentUpdaterHandler.promises.updateProjectStructure
+          .calledWith(
+            projectId,
+            projectHistoryId,
+            userId,
+            {
+              oldFiles,
+              oldDocs,
+              newProject: this.newProject,
+            },
+            this.source
+          )
+          .should.equal(true)
+      })
+
+      it('should return a subtree listing containing all sub-entities', function () {
+        expect(this.subtreeListing).to.have.deep.members([
+          { type: 'folder', entity: this.folder, path: '/folder' },
+          {
+            type: 'folder',
+            entity: this.folder.folders[0],
+            path: '/folder/subfolder',
+          },
+          {
+            type: 'file',
+            entity: this.file1,
+            path: '/folder/subfolder/file-name-1',
+          },
+          {
+            type: 'doc',
+            entity: this.doc1,
+            path: '/folder/subfolder/doc-name-1',
+          },
+          { type: 'file', entity: this.file2, path: '/folder/file-name-2' },
+          { type: 'doc', entity: this.doc2, path: '/folder/doc-name-2' },
+        ])
+      })
+    })
+  })
+
+  describe('_cleanUpDoc', function () {
+    beforeEach(function () {
+      this.doc = {
+        _id: new ObjectId(),
+        name: 'test.tex',
+      }
+      this.path = '/path/to/doc'
+      this.ProjectEntityUpdateHandler.promises.unsetRootDoc = sinon
+        .stub()
+        .resolves()
+      this.DocstoreManager.promises.deleteDoc.resolves()
+    })
+
+    describe('when the doc is the root doc', function () {
+      beforeEach(async function () {
+        this.project.rootDoc_id = this.doc._id
+        await this.ProjectEntityUpdateHandler._cleanUpDoc(
+          this.project,
+          this.doc,
+          this.path,
+          userId
+        )
+      })
+
+      it('should unset the root doc', function () {
+        this.ProjectEntityUpdateHandler.promises.unsetRootDoc.should.have.been.calledWith(
+          projectId
+        )
+      })
+
+      it('should delete the doc in the doc updater', function () {
+        this.DocumentUpdaterHandler.promises.deleteDoc
+          .calledWith(projectId, this.doc._id.toString())
+          .should.equal(true)
+      })
+
+      it('should delete the doc in the doc store', function () {
+        this.DocstoreManager.promises.deleteDoc
+          .calledWith(projectId, this.doc._id.toString(), 'test.tex')
+          .should.equal(true)
+      })
+    })
+
+    describe('when the doc is not the root doc', function () {
+      beforeEach(async function () {
+        this.project.rootDoc_id = new ObjectId()
+        await this.ProjectEntityUpdateHandler._cleanUpDoc(
+          this.project,
+          this.doc,
+          this.path,
+          userId
+        )
+      })
+
+      it('should not unset the root doc', function () {
+        this.ProjectEntityUpdateHandler.promises.unsetRootDoc.called.should.equal(
+          false
+        )
+      })
+    })
+  })
+
+  describe('convertDocToFile', function () {
+    beforeEach(function () {
+      this.docPath = '/folder/doc.tex'
+      this.docLines = ['line one', 'line two']
+      this.tmpFilePath = '/tmp/file'
+      this.fileStoreUrl = 'http://filestore/file'
+      this.folder = { _id: new ObjectId() }
+      this.rev = 3
+      this.ProjectLocator.promises.findElement
+        .withArgs({
+          project_id: this.project._id,
+          element_id: this.doc._id,
+          type: 'doc',
+        })
+        .resolves({
+          element: this.doc,
+          path: { fileSystem: this.path },
+          folder: this.folder,
+        })
+      this.ProjectLocator.promises.findElement
+        .withArgs({
+          project_id: this.project._id.toString(),
+          element_id: this.file._id,
+          type: 'file',
+        })
+        .resolves({
+          element: this.file,
+          path: this.docPath,
+          folder: this.folder,
+        })
+      this.DocstoreManager.promises.getDoc
+        .withArgs(this.project._id, this.doc._id)
+        .resolves({ lines: this.docLines, rev: this.rev })
+      this.FileWriter.promises.writeLinesToDisk.resolves(this.tmpFilePath)
+      this.FileStoreHandler.promises.uploadFileFromDisk.resolves({
+        url: this.fileStoreUrl,
+        fileRef: this.file,
+        createdBlob: true,
+      })
+      this.ProjectEntityMongoUpdateHandler.promises.replaceDocWithFile.resolves(
+        this.project
+      )
+    })
+
+    describe('successfully', function () {
+      beforeEach(function (done) {
+        this.ProjectEntityUpdateHandler.convertDocToFile(
+          this.project._id,
+          this.doc._id,
+          userId,
+          this.source,
+          done
+        )
+      })
+
+      it('deletes the document in doc updater', function () {
+        expect(
+          this.DocumentUpdaterHandler.promises.deleteDoc
+        ).to.have.been.calledWith(this.project._id, this.doc._id)
+      })
+
+      it('uploads the file to filestore', function () {
+        expect(
+          this.FileStoreHandler.promises.uploadFileFromDisk
+        ).to.have.been.calledWith(
+          this.project._id,
+          { name: this.doc.name, rev: this.rev + 1 },
+          this.tmpFilePath
+        )
+      })
+
+      it('cleans up the temporary file', function () {
+        expect(this.fs.promises.unlink).to.have.been.calledWith(
+          this.tmpFilePath
+        )
+      })
+
+      it('replaces the doc with the file', function () {
+        expect(
+          this.ProjectEntityMongoUpdateHandler.promises.replaceDocWithFile
+        ).to.have.been.calledWith(
+          this.project._id,
+          this.doc._id,
+          this.file,
+          userId
+        )
+      })
+
+      it('notifies document updater of changes', function () {
+        expect(
+          this.DocumentUpdaterHandler.promises.updateProjectStructure
+        ).to.have.been.calledWith(
+          this.project._id,
+          this.project.overleaf.history.id,
+          userId,
+          {
+            oldDocs: [{ doc: this.doc, path: this.path }],
+            newFiles: [
+              {
+                file: this.file,
+                path: this.path,
+                url: this.fileStoreUrl,
+                createdBlob: true,
+              },
+            ],
+            newProject: this.project,
+          },
+          this.source
+        )
+      })
+
+      it('should notify real-time of the doc deletion', function () {
+        expect(
+          this.EditorRealTimeController.emitToRoom
+        ).to.have.been.calledWith(
+          this.project._id,
+          'removeEntity',
+          this.doc._id,
+          'convertDocToFile'
+        )
+      })
+
+      it('should notify real-time of the file creation', function () {
+        expect(
+          this.EditorRealTimeController.emitToRoom
+        ).to.have.been.calledWith(
+          this.project._id,
+          'reciveNewFile',
+          this.folder._id,
+          this.file,
+          'convertDocToFile',
+          null
+        )
+      })
+    })
+
+    describe('when the doc has ranges', function () {
+      it('should throw a DocHasRangesError', function (done) {
+        this.ranges = { comments: [{ id: 123 }] }
+        this.DocstoreManager.promises.getDoc
+          .withArgs(this.project._id, this.doc._id)
+          .resolves({
+            lines: this.docLines,
+            rev: 'rev',
+            version: 'version',
+            ranges: this.ranges,
+          })
+        this.ProjectEntityUpdateHandler.convertDocToFile(
+          this.project._id,
+          this.doc._id,
+          this.user._id,
+          this.source,
+          err => {
+            expect(err).to.be.instanceof(Errors.DocHasRangesError)
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('isPathValidForMainBibliographyDoc', function () {
+    it('should not allow other endings than .bib', function () {
+      const endings = ['.tex', '.png', '.jpg', '.pdf', '.docx', '.doc']
+      endings.forEach(ending => {
+        expect(
+          this.ProjectEntityUpdateHandler.isPathValidForMainBibliographyDoc(
+            `/foo/bar/baz${ending}`
+          )
+        ).to.be.false
+      })
+    })
+
+    it('should allow a mix of lower and uppercase letters', function () {
+      const endings = ['.bib', '.BiB', '.BIB', '.bIB']
+      endings.forEach(ending => {
+        expect(
+          this.ProjectEntityUpdateHandler.isPathValidForMainBibliographyDoc(
+            `/foo/bar/baz.${ending}`
+          )
+        ).to.be.true
+      })
+    })
+
+    it('should not allow a path without an extension', function () {
+      expect(
+        this.ProjectEntityUpdateHandler.isPathValidForMainBibliographyDoc(
+          '/foo/bar/baz'
+        )
+      ).to.be.false
+    })
+
+    it('should not allow the empty path', function () {
+      expect(
+        this.ProjectEntityUpdateHandler.isPathValidForMainBibliographyDoc('')
+      ).to.be.false
+    })
+  })
+
+  describe('setMainBibliographyDoc', function () {
+    describe('on success', function () {
+      beforeEach(function (done) {
+        this.doc = {
+          _id: new ObjectId(),
+          name: 'test.bib',
+        }
+        this.path = '/path/to/test.bib'
+        this.ProjectEntityHandler.promises.getDocPathByProjectIdAndDocId
+          .withArgs(this.project._id, this.doc._id)
+          .resolves(this.path)
+
+        this.callback = sinon.stub().callsFake(() => done())
+
+        this.ProjectEntityUpdateHandler.setMainBibliographyDoc(
+          this.project._id,
+          this.doc._id,
+          this.callback
+        )
+      })
+
+      it('should update the project with the new main bibliography doc', function () {
+        expect(this.ProjectModel.updateOne).to.have.been.calledWith(
+          { _id: this.project._id },
+          { mainBibliographyDoc_id: this.doc._id }
+        )
+      })
+    })
+
+    describe('on failure', function () {
+      describe("when document can't be found", function () {
+        beforeEach(function (done) {
+          this.doc = {
+            _id: new ObjectId(),
+            name: 'test.bib',
+          }
+          this.ProjectEntityHandler.promises.getDocPathByProjectIdAndDocId
+            .withArgs(this.project._id, this.doc._id)
+            .rejects(new Error('error'))
+
+          this.callback = sinon.stub().callsFake(() => done())
+
+          this.ProjectEntityUpdateHandler.setMainBibliographyDoc(
+            this.project._id,
+            this.doc._id,
+            this.callback
+          )
+        })
+
+        it('should call the callback with an error', function () {
+          expect(this.callback).to.have.been.calledWith(
+            sinon.match.instanceOf(Error)
+          )
+        })
+
+        it('should not update the project with the new main bibliography doc', function () {
+          expect(this.ProjectModel.updateOne).to.not.have.been.called
+        })
+      })
+
+      describe("when path is not a bib file can't be found", function () {
+        beforeEach(function (done) {
+          this.doc = {
+            _id: new ObjectId(),
+            name: 'test.bib',
+          }
+
+          this.path = '/path/to/test.tex'
+          this.ProjectEntityHandler.promises.getDocPathByProjectIdAndDocId
+            .withArgs(this.project._id, this.doc._id)
+            .resolves(this.path)
+
+          this.callback = sinon.stub().callsFake(() => done())
+
+          this.ProjectEntityUpdateHandler.setMainBibliographyDoc(
+            this.project._id,
+            this.doc._id,
+            this.callback
+          )
+        })
+
+        it('should call the callback with an error', function () {
+          expect(this.callback).to.have.been.calledWith(
+            sinon.match.instanceOf(Error)
+          )
+        })
+
+        it('should not update the project with the new main bibliography doc', function () {
+          expect(this.ProjectModel.updateOne).to.not.have.been.called
+        })
+      })
+    })
+  })
+
+  describe('appendToDoc', function () {
+    describe('when document cannot be found', function () {
+      beforeEach(function (done) {
+        this.appendedLines = ['5678', 'def']
+        this.DocumentUpdaterHandler.promises.appendToDocument = sinon.stub()
+        this.ProjectLocator.promises.findElement = sinon.stub()
+        this.ProjectLocator.promises.findElement
+          .withArgs({ project_id: projectId, element_id: docId, type: 'doc' })
+          .rejects(new Errors.NotFoundError())
+        this.ProjectEntityUpdateHandler.appendToDoc(
+          projectId,
+          docId,
+          this.appendedLines,
+          this.source,
+          userId,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('should not talk to DocumentUpdaterHandler', function () {
+        this.DocumentUpdaterHandler.promises.appendToDocument.should.not.have
+          .been.called
+      })
+
+      it('should throw the error', function () {
+        this.callback.should.have.been.calledWith(
+          sinon.match.instanceOf(Errors.NotFoundError)
+        )
+      })
+    })
+
+    describe('when document is found', function () {
+      beforeEach(function (done) {
+        this.appendedLines = ['5678', 'def']
+        this.DocumentUpdaterHandler.promises.appendToDocument = sinon.stub()
+        this.DocumentUpdaterHandler.promises.appendToDocument
+          .withArgs(projectId, docId, userId, this.appendedLines, this.source)
+          .resolves({ rev: 1 })
+        this.ProjectLocator.promises.findElement = sinon.stub()
+        this.ProjectLocator.promises.findElement
+          .withArgs({ project_id: projectId, element_id: docId, type: 'doc' })
+          .resolves({ element: { _id: docId } })
+        this.ProjectEntityUpdateHandler.appendToDoc(
+          projectId,
+          docId,
+          this.appendedLines,
+          this.source,
+          userId,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('should forward call to DocumentUpdaterHandler.appendToDocument', function () {
+        this.DocumentUpdaterHandler.promises.appendToDocument.should.have.been.calledWith(
+          projectId,
+          docId,
+          userId,
+          this.appendedLines,
+          this.source
+        )
+      })
+
+      it('should return the response from DocumentUpdaterHandler', function () {
+        this.callback.should.have.been.calledWith(null, { rev: 1 })
+      })
+    })
+
+    describe('when DocumentUpdater throws an error', function () {
+      beforeEach(function (done) {
+        this.appendedLines = ['5678', 'def']
+        this.DocumentUpdaterHandler.promises.appendToDocument = sinon.stub()
+        this.DocumentUpdaterHandler.promises.appendToDocument.rejects(
+          new Error()
+        )
+        this.ProjectLocator.promises.findElement = sinon.stub()
+        this.ProjectLocator.promises.findElement
+          .withArgs({ project_id: projectId, element_id: docId, type: 'doc' })
+          .resolves({ element: { _id: docId } })
+        this.ProjectEntityUpdateHandler.appendToDoc(
+          projectId,
+          docId,
+          this.appendedLines,
+          this.source,
+          userId,
+          (...args) => {
+            this.callback(...args)
+            done()
+          }
+        )
+      })
+
+      it('should return the response from DocumentUpdaterHandler', function () {
+        this.callback.should.have.been.calledWith(sinon.match.instanceOf(Error))
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/ProjectGetterTests.js b/services/web/test/unit/src/Project/ProjectGetterTests.js
new file mode 100644
index 0000000..8f58b8a
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectGetterTests.js
@@ -0,0 +1,453 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../../app/src/Features/Project/ProjectGetter.js'
+const SandboxedModule = require('sandboxed-module')
+const { ObjectId } = require('mongodb-legacy')
+
+describe('ProjectGetter', function () {
+  beforeEach(function () {
+    this.project = { _id: new ObjectId() }
+    this.projectIdStr = this.project._id.toString()
+    this.deletedProject = { deleterData: { wombat: 'potato' } }
+    this.userId = new ObjectId()
+
+    this.DeletedProject = {
+      find: sinon.stub().returns({
+        exec: sinon.stub().resolves([this.deletedProject]),
+      }),
+    }
+    this.Project = {
+      find: sinon.stub().returns({
+        exec: sinon.stub().resolves(),
+      }),
+      findOne: sinon.stub().returns({
+        exec: sinon.stub().resolves(this.project),
+      }),
+    }
+    this.CollaboratorsGetter = {
+      promises: {
+        getProjectsUserIsMemberOf: sinon.stub().resolves({
+          readAndWrite: [],
+          readOnly: [],
+          tokenReadAndWrite: [],
+          tokenReadOnly: [],
+        }),
+      },
+    }
+    this.LockManager = {
+      promises: {
+        runWithLock: sinon
+          .stub()
+          .callsFake((namespace, id, runner) => runner()),
+      },
+    }
+    this.db = {
+      projects: {
+        findOne: sinon.stub().resolves(this.project),
+      },
+      users: {},
+    }
+    this.ProjectEntityMongoUpdateHandler = {
+      lockKey: sinon.stub().returnsArg(0),
+    }
+    this.ProjectGetter = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../infrastructure/mongodb': { db: this.db, ObjectId },
+        '../../models/Project': {
+          Project: this.Project,
+        },
+        '../../models/DeletedProject': {
+          DeletedProject: this.DeletedProject,
+        },
+        '../Collaborators/CollaboratorsGetter': this.CollaboratorsGetter,
+        '../../infrastructure/LockManager': this.LockManager,
+        './ProjectEntityMongoUpdateHandler':
+          this.ProjectEntityMongoUpdateHandler,
+      },
+    })
+  })
+
+  describe('getProjectWithoutDocLines', function () {
+    beforeEach(function () {
+      this.ProjectGetter.promises.getProject = sinon.stub().resolves()
+    })
+
+    describe('passing an id', function () {
+      beforeEach(async function () {
+        await this.ProjectGetter.promises.getProjectWithoutDocLines(
+          this.project._id
+        )
+      })
+
+      it('should call find with the project id', function () {
+        this.ProjectGetter.promises.getProject
+          .calledWith(this.project._id)
+          .should.equal(true)
+      })
+
+      it('should exclude the doc lines', function () {
+        const excludes = {
+          'rootFolder.docs.lines': 0,
+          'rootFolder.folders.docs.lines': 0,
+          'rootFolder.folders.folders.docs.lines': 0,
+          'rootFolder.folders.folders.folders.docs.lines': 0,
+          'rootFolder.folders.folders.folders.folders.docs.lines': 0,
+          'rootFolder.folders.folders.folders.folders.folders.docs.lines': 0,
+          'rootFolder.folders.folders.folders.folders.folders.folders.docs.lines': 0,
+          'rootFolder.folders.folders.folders.folders.folders.folders.folders.docs.lines': 0,
+        }
+
+        this.ProjectGetter.promises.getProject
+          .calledWith(this.project._id, excludes)
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('getProjectWithOnlyFolders', function () {
+    beforeEach(function () {
+      this.ProjectGetter.promises.getProject = sinon.stub().resolves()
+    })
+
+    describe('passing an id', function () {
+      beforeEach(async function () {
+        await this.ProjectGetter.promises.getProjectWithOnlyFolders(
+          this.project._id
+        )
+      })
+
+      it('should call find with the project id', function () {
+        this.ProjectGetter.promises.getProject
+          .calledWith(this.project._id)
+          .should.equal(true)
+      })
+
+      it('should exclude the docs and files lines', function () {
+        const excludes = {
+          'rootFolder.docs': 0,
+          'rootFolder.fileRefs': 0,
+          'rootFolder.folders.docs': 0,
+          'rootFolder.folders.fileRefs': 0,
+          'rootFolder.folders.folders.docs': 0,
+          'rootFolder.folders.folders.fileRefs': 0,
+          'rootFolder.folders.folders.folders.docs': 0,
+          'rootFolder.folders.folders.folders.fileRefs': 0,
+          'rootFolder.folders.folders.folders.folders.docs': 0,
+          'rootFolder.folders.folders.folders.folders.fileRefs': 0,
+          'rootFolder.folders.folders.folders.folders.folders.docs': 0,
+          'rootFolder.folders.folders.folders.folders.folders.fileRefs': 0,
+          'rootFolder.folders.folders.folders.folders.folders.folders.docs': 0,
+          'rootFolder.folders.folders.folders.folders.folders.folders.fileRefs': 0,
+          'rootFolder.folders.folders.folders.folders.folders.folders.folders.docs': 0,
+          'rootFolder.folders.folders.folders.folders.folders.folders.folders.fileRefs': 0,
+        }
+        this.ProjectGetter.promises.getProject
+          .calledWith(this.project._id, excludes)
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('getProject', function () {
+    describe('without projection', function () {
+      describe('with project id', function () {
+        beforeEach(async function () {
+          await this.ProjectGetter.promises.getProject(this.projectIdStr)
+        })
+
+        it('should call findOne with the project id', function () {
+          expect(this.db.projects.findOne.callCount).to.equal(1)
+          expect(
+            this.db.projects.findOne.lastCall.args[0]._id.toString()
+          ).to.equal(this.projectIdStr)
+        })
+      })
+
+      describe('without project id', function () {
+        it('should be rejected', function () {
+          expect(
+            this.ProjectGetter.promises.getProject(null)
+          ).to.be.rejectedWith('no project id provided')
+          expect(this.db.projects.findOne.callCount).to.equal(0)
+        })
+      })
+    })
+
+    describe('with projection', function () {
+      beforeEach(function () {
+        this.projection = { _id: 1 }
+      })
+
+      describe('with project id', function () {
+        beforeEach(async function () {
+          await this.ProjectGetter.promises.getProject(
+            this.projectIdStr,
+            this.projection
+          )
+        })
+
+        it('should call findOne with the project id', function () {
+          expect(this.db.projects.findOne.callCount).to.equal(1)
+          expect(
+            this.db.projects.findOne.lastCall.args[0]._id.toString()
+          ).to.equal(this.projectIdStr)
+          expect(this.db.projects.findOne.lastCall.args[1]).to.deep.equal({
+            projection: this.projection,
+          })
+        })
+      })
+
+      describe('without project id', function () {
+        it('should be rejected', function () {
+          expect(
+            this.ProjectGetter.promises.getProject(null)
+          ).to.be.rejectedWith('no project id provided')
+          expect(this.db.projects.findOne.callCount).to.equal(0)
+        })
+      })
+    })
+  })
+
+  describe('getProjectWithoutLock', function () {
+    describe('without projection', function () {
+      describe('with project id', function () {
+        beforeEach(async function () {
+          await this.ProjectGetter.promises.getProjectWithoutLock(
+            this.projectIdStr
+          )
+        })
+
+        it('should call findOne with the project id', function () {
+          expect(this.db.projects.findOne.callCount).to.equal(1)
+          expect(
+            this.db.projects.findOne.lastCall.args[0]._id.toString()
+          ).to.equal(this.projectIdStr)
+        })
+      })
+
+      describe('without project id', function () {
+        it('should be rejected', function () {
+          expect(
+            this.ProjectGetter.promises.getProjectWithoutLock(null)
+          ).to.be.rejectedWith('no project id provided')
+          expect(this.db.projects.findOne.callCount).to.equal(0)
+        })
+      })
+    })
+
+    describe('with projection', function () {
+      beforeEach(function () {
+        this.projection = { _id: 1 }
+      })
+
+      describe('with project id', function () {
+        beforeEach(async function () {
+          await this.ProjectGetter.promises.getProjectWithoutLock(
+            this.project._id,
+            this.projection
+          )
+        })
+
+        it('should call findOne with the project id', function () {
+          expect(this.db.projects.findOne.callCount).to.equal(1)
+          expect(
+            this.db.projects.findOne.lastCall.args[0]._id.toString()
+          ).to.equal(this.projectIdStr)
+          expect(this.db.projects.findOne.lastCall.args[1]).to.deep.equal({
+            projection: this.projection,
+          })
+        })
+      })
+
+      describe('without project id', function () {
+        it('should be rejected', function () {
+          expect(
+            this.ProjectGetter.promises.getProjectWithoutLock(null)
+          ).to.be.rejectedWith('no project id provided')
+          expect(this.db.projects.findOne.callCount).to.equal(0)
+        })
+      })
+    })
+  })
+
+  describe('findAllUsersProjects', function () {
+    beforeEach(function () {
+      this.fields = { mock: 'fields' }
+      this.projectOwned = { _id: 'mock-owned-projects' }
+      this.projectRW = { _id: 'mock-rw-projects' }
+      this.projectReview = { _id: 'mock-review-projects' }
+      this.projectRO = { _id: 'mock-ro-projects' }
+      this.projectTokenRW = { _id: 'mock-token-rw-projects' }
+      this.projectTokenRO = { _id: 'mock-token-ro-projects' }
+      this.Project.find
+        .withArgs({ owner_ref: this.userId }, this.fields)
+        .returns({ exec: sinon.stub().resolves([this.projectOwned]) })
+    })
+
+    it('should return a promise with all the projects', async function () {
+      this.CollaboratorsGetter.promises.getProjectsUserIsMemberOf.resolves({
+        readAndWrite: [this.projectRW],
+        readOnly: [this.projectRO],
+        tokenReadAndWrite: [this.projectTokenRW],
+        tokenReadOnly: [this.projectTokenRO],
+        review: [this.projectReview],
+      })
+      const projects = await this.ProjectGetter.promises.findAllUsersProjects(
+        this.userId,
+        this.fields
+      )
+
+      expect(projects).to.deep.equal({
+        owned: [this.projectOwned],
+        readAndWrite: [this.projectRW],
+        readOnly: [this.projectRO],
+        tokenReadAndWrite: [this.projectTokenRW],
+        tokenReadOnly: [this.projectTokenRO],
+        review: [this.projectReview],
+      })
+    })
+
+    it('should remove duplicate projects', async function () {
+      this.CollaboratorsGetter.promises.getProjectsUserIsMemberOf.resolves({
+        readAndWrite: [this.projectRW, this.projectOwned],
+        readOnly: [this.projectRO, this.projectRW],
+        tokenReadAndWrite: [this.projectTokenRW, this.projectRO],
+        tokenReadOnly: [
+          this.projectTokenRW,
+          this.projectTokenRO,
+          this.projectRO,
+        ],
+        review: [this.projectReview],
+      })
+      const projects = await this.ProjectGetter.promises.findAllUsersProjects(
+        this.userId,
+        this.fields
+      )
+
+      expect(projects).to.deep.equal({
+        owned: [this.projectOwned],
+        readAndWrite: [this.projectRW],
+        readOnly: [this.projectRO],
+        tokenReadAndWrite: [this.projectTokenRW],
+        tokenReadOnly: [this.projectTokenRO],
+        review: [this.projectReview],
+      })
+    })
+  })
+
+  describe('getProjectIdByReadAndWriteToken', function () {
+    describe('when project find returns project', function () {
+      this.beforeEach(async function () {
+        this.projectIdFound =
+          await this.ProjectGetter.promises.getProjectIdByReadAndWriteToken(
+            'token'
+          )
+      })
+
+      it('should find project with token', function () {
+        this.Project.findOne
+          .calledWithMatch({ 'tokens.readAndWrite': 'token' })
+          .should.equal(true)
+      })
+
+      it('should return the project id', function () {
+        expect(this.projectIdFound).to.equal(this.project._id)
+      })
+    })
+
+    describe('when project not found', function () {
+      it('should return undefined', async function () {
+        this.Project.findOne.returns({ exec: sinon.stub().resolves(null) })
+        const projectId =
+          await this.ProjectGetter.promises.getProjectIdByReadAndWriteToken(
+            'token'
+          )
+
+        expect(projectId).to.equal(undefined)
+      })
+    })
+
+    describe('when project find returns error', function () {
+      this.beforeEach(async function () {
+        this.Project.findOne.returns({ exec: sinon.stub().rejects() })
+      })
+
+      it('should be rejected', function () {
+        expect(
+          this.ProjectGetter.promises.getProjectIdByReadAndWriteToken('token')
+        ).to.be.rejected
+      })
+    })
+  })
+
+  describe('findUsersProjectsByName', function () {
+    it('should perform a case-insensitive search', async function () {
+      this.project1 = { _id: 1, name: 'find me!' }
+      this.project2 = { _id: 2, name: 'not me!' }
+      this.project3 = { _id: 3, name: 'FIND ME!' }
+      this.project4 = { _id: 4, name: 'Find Me!' }
+      this.Project.find.withArgs({ owner_ref: this.userId }).returns({
+        exec: sinon
+          .stub()
+          .resolves([
+            this.project1,
+            this.project2,
+            this.project3,
+            this.project4,
+          ]),
+      })
+      const projects =
+        await this.ProjectGetter.promises.findUsersProjectsByName(
+          this.userId,
+          this.project1.name
+        )
+      const projectNames = projects.map(project => project.name)
+      expect(projectNames).to.have.members([
+        this.project1.name,
+        this.project3.name,
+        this.project4.name,
+      ])
+    })
+
+    it('should search collaborations as well', async function () {
+      this.project1 = { _id: 1, name: 'find me!' }
+      this.project2 = { _id: 2, name: 'FIND ME!' }
+      this.project3 = { _id: 3, name: 'Find Me!' }
+      this.project4 = { _id: 4, name: 'find ME!' }
+      this.project5 = { _id: 5, name: 'FIND me!' }
+      this.Project.find
+        .withArgs({ owner_ref: this.userId })
+        .returns({ exec: sinon.stub().resolves([this.project1]) })
+      this.CollaboratorsGetter.promises.getProjectsUserIsMemberOf.resolves({
+        readAndWrite: [this.project2],
+        readOnly: [this.project3],
+        tokenReadAndWrite: [this.project4],
+        tokenReadOnly: [this.project5],
+      })
+      const projects =
+        await this.ProjectGetter.promises.findUsersProjectsByName(
+          this.userId,
+          this.project1.name
+        )
+      expect(projects.map(project => project.name)).to.have.members([
+        this.project1.name,
+        this.project2.name,
+      ])
+    })
+  })
+
+  describe('getUsersDeletedProjects', function () {
+    it('should look up the deleted projects by deletedProjectOwnerId', async function () {
+      await this.ProjectGetter.promises.getUsersDeletedProjects('giraffe')
+      sinon.assert.calledWith(this.DeletedProject.find, {
+        'deleterData.deletedProjectOwnerId': 'giraffe',
+      })
+    })
+
+    it('should pass the found projects to the callback', async function () {
+      const docs =
+        await this.ProjectGetter.promises.getUsersDeletedProjects('giraffe')
+      expect(docs).to.deep.equal([this.deletedProject])
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/ProjectHelperTests.js b/services/web/test/unit/src/Project/ProjectHelperTests.js
new file mode 100644
index 0000000..7dc2343
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectHelperTests.js
@@ -0,0 +1,287 @@
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const { ObjectId } = require('mongodb-legacy')
+
+const MODULE_PATH = '../../../../app/src/Features/Project/ProjectHelper.js'
+
+describe('ProjectHelper', function () {
+  beforeEach(function () {
+    this.project = {
+      _id: '123213jlkj9kdlsaj',
+    }
+
+    this.user = {
+      _id: '588f3ddae8ebc1bac07c9fa4',
+      first_name: 'bjkdsjfk',
+      features: {},
+    }
+
+    this.adminUser = {
+      _id: 'admin-user-id',
+      isAdmin: true,
+      alphaProgram: true,
+    }
+
+    this.Settings = {
+      adminPrivilegeAvailable: true,
+      allowedImageNames: [
+        { imageName: 'texlive-full:2018.1', imageDesc: 'TeX Live 2018' },
+        { imageName: 'texlive-full:2019.1', imageDesc: 'TeX Live 2019' },
+        {
+          imageName: 'texlive-full:2020.1',
+          imageDesc: 'TeX Live 2020',
+          alphaOnly: true,
+        },
+      ],
+    }
+
+    this.ProjectHelper = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        'mongodb-legacy': { ObjectId },
+        '@overleaf/settings': this.Settings,
+      },
+    })
+  })
+
+  describe('isArchived', function () {
+    describe('project.archived being an array', function () {
+      it('returns true if user id is found', function () {
+        this.project.archived = [
+          new ObjectId('588f3ddae8ebc1bac07c9fa4'),
+          new ObjectId('5c41deb2b4ca500153340809'),
+        ]
+        expect(
+          this.ProjectHelper.isArchived(this.project, this.user._id)
+        ).to.equal(true)
+      })
+
+      it('returns false if user id is not found', function () {
+        this.project.archived = []
+        expect(
+          this.ProjectHelper.isArchived(this.project, this.user._id)
+        ).to.equal(false)
+      })
+    })
+
+    describe('project.archived being undefined', function () {
+      it('returns false if archived is undefined', function () {
+        this.project.archived = undefined
+        expect(
+          this.ProjectHelper.isArchived(this.project, this.user._id)
+        ).to.equal(false)
+      })
+    })
+  })
+
+  describe('isTrashed', function () {
+    it('returns true if user id is found', function () {
+      this.project.trashed = [
+        new ObjectId('588f3ddae8ebc1bac07c9fa4'),
+        new ObjectId('5c41deb2b4ca500153340809'),
+      ]
+      expect(
+        this.ProjectHelper.isTrashed(this.project, this.user._id)
+      ).to.equal(true)
+    })
+
+    it('returns false if user id is not found', function () {
+      this.project.trashed = []
+      expect(
+        this.ProjectHelper.isTrashed(this.project, this.user._id)
+      ).to.equal(false)
+    })
+
+    describe('project.trashed being undefined', function () {
+      it('returns false if trashed is undefined', function () {
+        this.project.trashed = undefined
+        expect(
+          this.ProjectHelper.isTrashed(this.project, this.user._id)
+        ).to.equal(false)
+      })
+    })
+  })
+
+  describe('calculateArchivedArray', function () {
+    describe('project.archived being an array', function () {
+      it('returns an array adding the current user id when archiving', function () {
+        const project = { archived: [] }
+        const result = this.ProjectHelper.calculateArchivedArray(
+          project,
+          new ObjectId('5c922599cdb09e014aa7d499'),
+          'ARCHIVE'
+        )
+        expect(result).to.deep.equal([new ObjectId('5c922599cdb09e014aa7d499')])
+      })
+
+      it('returns an array without the current user id when unarchiving', function () {
+        const project = { archived: [new ObjectId('5c922599cdb09e014aa7d499')] }
+        const result = this.ProjectHelper.calculateArchivedArray(
+          project,
+          new ObjectId('5c922599cdb09e014aa7d499'),
+          'UNARCHIVE'
+        )
+        expect(result).to.deep.equal([])
+      })
+    })
+
+    describe('project.archived being a boolean and being true', function () {
+      it('returns an array of all associated user ids when archiving', function () {
+        const project = {
+          archived: true,
+          owner_ref: this.user._id,
+          collaberator_refs: [
+            new ObjectId('4f2cfb341eb5855a5b000f8b'),
+            new ObjectId('5c45f3bd425ead01488675aa'),
+          ],
+          readOnly_refs: [new ObjectId('5c92243fcdb09e014aa7d487')],
+          tokenAccessReadAndWrite_refs: [
+            new ObjectId('5c922599cdb09e014aa7d499'),
+          ],
+          tokenAccessReadOnly_refs: [],
+        }
+
+        const result = this.ProjectHelper.calculateArchivedArray(
+          project,
+          this.user._id,
+          'ARCHIVE'
+        )
+        expect(result).to.deep.equal([
+          this.user._id,
+          new ObjectId('4f2cfb341eb5855a5b000f8b'),
+          new ObjectId('5c45f3bd425ead01488675aa'),
+          new ObjectId('5c92243fcdb09e014aa7d487'),
+          new ObjectId('5c922599cdb09e014aa7d499'),
+        ])
+      })
+
+      it('returns an array of all associated users without the current user id when unarchived', function () {
+        const project = {
+          archived: true,
+          owner_ref: this.user._id,
+          collaberator_refs: [
+            new ObjectId('4f2cfb341eb5855a5b000f8b'),
+            new ObjectId('5c45f3bd425ead01488675aa'),
+            new ObjectId('5c922599cdb09e014aa7d499'),
+          ],
+          readOnly_refs: [new ObjectId('5c92243fcdb09e014aa7d487')],
+          tokenAccessReadAndWrite_refs: [
+            new ObjectId('5c922599cdb09e014aa7d499'),
+          ],
+          tokenAccessReadOnly_refs: [],
+        }
+
+        const result = this.ProjectHelper.calculateArchivedArray(
+          project,
+          this.user._id,
+          'UNARCHIVE'
+        )
+        expect(result).to.deep.equal([
+          new ObjectId('4f2cfb341eb5855a5b000f8b'),
+          new ObjectId('5c45f3bd425ead01488675aa'),
+          new ObjectId('5c922599cdb09e014aa7d499'),
+          new ObjectId('5c92243fcdb09e014aa7d487'),
+        ])
+      })
+    })
+
+    describe('project.archived being a boolean and being false', function () {
+      it('returns an array adding the current user id when archiving', function () {
+        const project = { archived: false }
+        const result = this.ProjectHelper.calculateArchivedArray(
+          project,
+          new ObjectId('5c922599cdb09e014aa7d499'),
+          'ARCHIVE'
+        )
+        expect(result).to.deep.equal([new ObjectId('5c922599cdb09e014aa7d499')])
+      })
+
+      it('returns an empty array when unarchiving', function () {
+        const project = { archived: false }
+        const result = this.ProjectHelper.calculateArchivedArray(
+          project,
+          new ObjectId('5c922599cdb09e014aa7d499'),
+          'UNARCHIVE'
+        )
+        expect(result).to.deep.equal([])
+      })
+    })
+
+    describe('project.archived not being set', function () {
+      it('returns an array adding the current user id when archiving', function () {
+        const project = { archived: undefined }
+        const result = this.ProjectHelper.calculateArchivedArray(
+          project,
+          new ObjectId('5c922599cdb09e014aa7d499'),
+          'ARCHIVE'
+        )
+        expect(result).to.deep.equal([new ObjectId('5c922599cdb09e014aa7d499')])
+      })
+
+      it('returns an empty array when unarchiving', function () {
+        const project = { archived: undefined }
+        const result = this.ProjectHelper.calculateArchivedArray(
+          project,
+          new ObjectId('5c922599cdb09e014aa7d499'),
+          'UNARCHIVE'
+        )
+        expect(result).to.deep.equal([])
+      })
+    })
+  })
+
+  describe('compilerFromV1Engine', function () {
+    it('returns the correct engine for latex_dvipdf', function () {
+      expect(this.ProjectHelper.compilerFromV1Engine('latex_dvipdf')).to.equal(
+        'latex'
+      )
+    })
+
+    it('returns the correct engine for pdflatex', function () {
+      expect(this.ProjectHelper.compilerFromV1Engine('pdflatex')).to.equal(
+        'pdflatex'
+      )
+    })
+
+    it('returns the correct engine for xelatex', function () {
+      expect(this.ProjectHelper.compilerFromV1Engine('xelatex')).to.equal(
+        'xelatex'
+      )
+    })
+
+    it('returns the correct engine for lualatex', function () {
+      expect(this.ProjectHelper.compilerFromV1Engine('lualatex')).to.equal(
+        'lualatex'
+      )
+    })
+  })
+
+  describe('getAllowedImagesForUser', function () {
+    it('filters out alpha-only images when the user is anonymous', function () {
+      const images = this.ProjectHelper.getAllowedImagesForUser(null)
+      const imageNames = images.map(image => image.imageName)
+      expect(imageNames).to.deep.equal([
+        'texlive-full:2018.1',
+        'texlive-full:2019.1',
+      ])
+    })
+
+    it('filters out alpha-only images when the user is not admin', function () {
+      const images = this.ProjectHelper.getAllowedImagesForUser(this.user)
+      const imageNames = images.map(image => image.imageName)
+      expect(imageNames).to.deep.equal([
+        'texlive-full:2018.1',
+        'texlive-full:2019.1',
+      ])
+    })
+
+    it('returns all images when the user is admin', function () {
+      const images = this.ProjectHelper.getAllowedImagesForUser(this.adminUser)
+      const imageNames = images.map(image => image.imageName)
+      expect(imageNames).to.deep.equal([
+        'texlive-full:2018.1',
+        'texlive-full:2019.1',
+        'texlive-full:2020.1',
+      ])
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/ProjectHistoryHandlerTests.js b/services/web/test/unit/src/Project/ProjectHistoryHandlerTests.js
new file mode 100644
index 0000000..3d27977
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectHistoryHandlerTests.js
@@ -0,0 +1,163 @@
+/* eslint-disable
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS206: Consider reworking classes to avoid initClass
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { assert, expect } = require('chai')
+const sinon = require('sinon')
+const modulePath = '../../../../app/src/Features/Project/ProjectHistoryHandler'
+const SandboxedModule = require('sandboxed-module')
+
+describe('ProjectHistoryHandler', function () {
+  const projectId = '4eecb1c1bffa66588e0000a1'
+  const userId = 1234
+
+  beforeEach(function () {
+    let Project
+    this.ProjectModel = Project = (function () {
+      Project = class Project {
+        static initClass() {
+          this.prototype.rootFolder = [this.rootFolder]
+        }
+
+        constructor(options) {
+          this._id = projectId
+          this.name = 'project_name_here'
+          this.rev = 0
+        }
+      }
+      Project.initClass()
+      return Project
+    })()
+    this.project = new this.ProjectModel()
+    this.historyId = this.project._id.toString()
+
+    this.callback = sinon.stub()
+
+    return (this.ProjectHistoryHandler = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': (this.Settings = {}),
+        '../../models/Project': {
+          Project: this.ProjectModel,
+        },
+        './ProjectDetailsHandler': (this.ProjectDetailsHandler = {
+          promises: {},
+        }),
+        '../History/HistoryManager': (this.HistoryManager = {
+          promises: {},
+        }),
+        './ProjectEntityUpdateHandler': (this.ProjectEntityUpdateHandler = {
+          promises: {},
+        }),
+      },
+    }))
+  })
+
+  describe('starting history for an existing project', function () {
+    beforeEach(async function () {
+      this.HistoryManager.promises.initializeProject = sinon
+        .stub()
+        .resolves(this.historyId)
+      this.HistoryManager.promises.flushProject = sinon.stub()
+
+      return (this.ProjectEntityUpdateHandler.promises.resyncProjectHistory =
+        sinon.stub())
+    })
+
+    describe('when the history does not already exist', function () {
+      beforeEach(async function () {
+        this.ProjectDetailsHandler.promises.getDetails = sinon
+          .stub()
+          .withArgs(projectId)
+          .resolves(this.project)
+        this.ProjectModel.updateOne = sinon.stub().resolves({ matchedCount: 1 })
+        return this.ProjectHistoryHandler.promises.ensureHistoryExistsForProject(
+          projectId
+        )
+      })
+
+      it('should get any existing history id for the project', async function () {
+        return this.ProjectDetailsHandler.promises.getDetails
+          .calledWith(projectId)
+          .should.equal(true)
+      })
+
+      it('should initialize a new history in the v1 history service', async function () {
+        return this.HistoryManager.promises.initializeProject.called.should.equal(
+          true
+        )
+      })
+
+      it('should set the new history id on the project', async function () {
+        return this.ProjectModel.updateOne
+          .calledWith(
+            { _id: projectId, 'overleaf.history.id': { $exists: false } },
+            { 'overleaf.history.id': this.historyId }
+          )
+          .should.equal(true)
+      })
+
+      it('should resync the project history', async function () {
+        return this.ProjectEntityUpdateHandler.promises.resyncProjectHistory
+          .calledWith(projectId)
+          .should.equal(true)
+      })
+
+      it('should flush the project history', async function () {
+        return this.HistoryManager.promises.flushProject
+          .calledWith(projectId)
+          .should.equal(true)
+      })
+    })
+
+    describe('when the history already exists', function () {
+      beforeEach(function () {
+        this.project.overleaf = { history: { id: 1234 } }
+        this.ProjectDetailsHandler.promises.getDetails = sinon
+          .stub()
+          .withArgs(projectId)
+          .resolves(this.project)
+        this.ProjectModel.updateOne = sinon.stub().resolves({ matchedCount: 1 })
+        return this.ProjectHistoryHandler.promises.ensureHistoryExistsForProject(
+          projectId
+        )
+      })
+
+      it('should get any existing history id for the project', async function () {
+        return this.ProjectDetailsHandler.promises.getDetails
+          .calledWith(projectId)
+          .should.equal(true)
+      })
+
+      it('should not initialize a new history in the v1 history service', async function () {
+        return this.HistoryManager.promises.initializeProject.called.should.equal(
+          false
+        )
+      })
+
+      it('should not set the new history id on the project', async function () {
+        return this.ProjectModel.updateOne.called.should.equal(false)
+      })
+
+      it('should not resync the project history', async function () {
+        return this.ProjectEntityUpdateHandler.promises.resyncProjectHistory.called.should.equal(
+          false
+        )
+      })
+
+      it('should not flush the project history', async function () {
+        return this.HistoryManager.promises.flushProject.called.should.equal(
+          false
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/ProjectListControllerTests.mjs b/services/web/test/unit/src/Project/ProjectListControllerTests.mjs
new file mode 100644
index 0000000..40c6dfa
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectListControllerTests.mjs
@@ -0,0 +1,764 @@
+import esmock from 'esmock'
+import sinon from 'sinon'
+import { expect } from 'chai'
+import mongodb from 'mongodb-legacy'
+import Errors from '../../../../app/src/Features/Errors/Errors.js'
+
+const ObjectId = mongodb.ObjectId
+
+const MODULE_PATH = new URL(
+  '../../../../app/src/Features/Project/ProjectListController',
+  import.meta.url
+).pathname
+
+describe('ProjectListController', function () {
+  beforeEach(async function () {
+    this.project_id = new ObjectId('abcdefabcdefabcdefabcdef')
+
+    this.user = {
+      _id: new ObjectId('123456123456123456123456'),
+      email: 'test@overleaf.com',
+      first_name: 'bjkdsjfk',
+      features: {},
+      emails: [{ email: 'test@overleaf.com' }],
+      lastLoginIp: '111.111.111.112',
+    }
+    this.users = {
+      'user-1': {
+        first_name: 'James',
+      },
+      'user-2': {
+        first_name: 'Henry',
+      },
+    }
+    this.users[this.user._id] = this.user // Owner
+    this.usersArr = Object.entries(this.users).map(([key, value]) => ({
+      _id: key,
+      ...value,
+    }))
+    this.tags = [
+      { name: 1, project_ids: ['1', '2', '3'] },
+      { name: 2, project_ids: ['a', '1'] },
+      { name: 3, project_ids: ['a', 'b', 'c', 'd'] },
+    ]
+    this.notifications = [
+      {
+        _id: '1',
+        user_id: '2',
+        templateKey: '3',
+        messageOpts: '4',
+        key: '5',
+      },
+    ]
+    this.settings = {
+      siteUrl: 'https://overleaf.com',
+    }
+    this.LimitationsManager = {
+      promises: {
+        userIsMemberOfGroupSubscription: sinon.stub().resolves(false),
+      },
+    }
+    this.TagsHandler = {
+      promises: {
+        getAllTags: sinon.stub().resolves(this.tags),
+      },
+    }
+    this.NotificationsHandler = {
+      promises: {
+        getUserNotifications: sinon.stub().resolves(this.notifications),
+      },
+    }
+    this.UserModel = {
+      findById: sinon.stub().resolves(this.user),
+    }
+    this.UserPrimaryEmailCheckHandler = {
+      requiresPrimaryEmailCheck: sinon.stub().returns(false),
+    }
+    this.ProjectGetter = {
+      promises: {
+        findAllUsersProjects: sinon.stub(),
+      },
+    }
+    this.ProjectHelper = {
+      isArchived: sinon.stub(),
+      isTrashed: sinon.stub(),
+    }
+    this.SessionManager = {
+      getLoggedInUserId: sinon.stub().returns(this.user._id),
+    }
+    this.UserController = {
+      logout: sinon.stub(),
+    }
+    this.UserGetter = {
+      promises: {
+        getUsers: sinon.stub().resolves(this.usersArr),
+        getUserFullEmails: sinon.stub().resolves([]),
+      },
+    }
+    this.Features = {
+      hasFeature: sinon.stub(),
+    }
+    this.Metrics = {
+      inc: sinon.stub(),
+    }
+    this.SplitTestHandler = {
+      promises: {
+        getAssignment: sinon.stub().resolves({ variant: 'default' }),
+      },
+    }
+    this.SplitTestSessionHandler = {
+      promises: {
+        sessionMaintenance: sinon.stub().resolves(),
+      },
+    }
+    this.SubscriptionViewModelBuilder = {
+      promises: {
+        getBestSubscription: sinon.stub().resolves({ type: 'free' }),
+      },
+    }
+    this.SurveyHandler = {
+      promises: {
+        getSurvey: sinon.stub().resolves({}),
+      },
+    }
+    this.NotificationBuilder = {
+      promises: {
+        ipMatcherAffiliation: sinon.stub().returns({ create: sinon.stub() }),
+      },
+    }
+    this.SubscriptionLocator = {
+      promises: {
+        getUserSubscription: sinon.stub().resolves({}),
+      },
+    }
+    this.GeoIpLookup = {
+      promises: {
+        getCurrencyCode: sinon.stub().resolves({
+          countryCode: 'US',
+          currencyCode: 'USD',
+        }),
+      },
+    }
+    this.TutorialHandler = {
+      getInactiveTutorials: sinon.stub().returns([]),
+    }
+
+    this.Modules = {
+      promises: {
+        hooks: {
+          fire: sinon.stub().resolves([]),
+        },
+      },
+    }
+
+    this.ProjectListController = await esmock.strict(MODULE_PATH, {
+      'mongodb-legacy': { ObjectId },
+      '@overleaf/settings': this.settings,
+      '@overleaf/metrics': this.Metrics,
+      '../../../../app/src/Features/SplitTests/SplitTestHandler':
+        this.SplitTestHandler,
+      '../../../../app/src/Features/SplitTests/SplitTestSessionHandler':
+        this.SplitTestSessionHandler,
+      '../../../../app/src/Features/User/UserController': this.UserController,
+      '../../../../app/src/Features/Project/ProjectHelper': this.ProjectHelper,
+      '../../../../app/src/Features/Subscription/LimitationsManager':
+        this.LimitationsManager,
+      '../../../../app/src/Features/Tags/TagsHandler': this.TagsHandler,
+      '../../../../app/src/Features/Notifications/NotificationsHandler':
+        this.NotificationsHandler,
+      '../../../../app/src/models/User': { User: this.UserModel },
+      '../../../../app/src/Features/Project/ProjectGetter': this.ProjectGetter,
+      '../../../../app/src/Features/Authentication/SessionManager':
+        this.SessionManager,
+      '../../../../app/src/infrastructure/Features': this.Features,
+      '../../../../app/src/Features/User/UserGetter': this.UserGetter,
+      '../../../../app/src/Features/Subscription/SubscriptionViewModelBuilder':
+        this.SubscriptionViewModelBuilder,
+      '../../../../app/src/infrastructure/Modules': this.Modules,
+      '../../../../app/src/Features/Survey/SurveyHandler': this.SurveyHandler,
+      '../../../../app/src/Features/User/UserPrimaryEmailCheckHandler':
+        this.UserPrimaryEmailCheckHandler,
+      '../../../../app/src/Features/Notifications/NotificationsBuilder':
+        this.NotificationBuilder,
+      '../../../../app/src/Features/Subscription/SubscriptionLocator':
+        this.SubscriptionLocator,
+      '../../../../app/src/infrastructure/GeoIpLookup': this.GeoIpLookup,
+      '../../../../app/src/Features/Tutorial/TutorialHandler':
+        this.TutorialHandler,
+    })
+
+    this.req = {
+      query: {},
+      params: {
+        Project_id: this.project_id,
+      },
+      headers: {},
+      session: {
+        user: this.user,
+      },
+      body: {},
+      i18n: {
+        translate() {},
+      },
+    }
+    this.res = {}
+  })
+
+  describe('projectListPage', function () {
+    beforeEach(function () {
+      this.projects = [
+        { _id: 1, lastUpdated: 1, owner_ref: 'user-1' },
+        {
+          _id: 2,
+          lastUpdated: 2,
+          owner_ref: 'user-2',
+          lastUpdatedBy: 'user-1',
+        },
+      ]
+      this.readAndWrite = [{ _id: 5, lastUpdated: 5, owner_ref: 'user-1' }]
+      this.readOnly = [{ _id: 3, lastUpdated: 3, owner_ref: 'user-1' }]
+      this.tokenReadAndWrite = [{ _id: 6, lastUpdated: 5, owner_ref: 'user-4' }]
+      this.tokenReadOnly = [{ _id: 7, lastUpdated: 4, owner_ref: 'user-5' }]
+      this.review = [{ _id: 8, lastUpdated: 4, owner_ref: 'user-6' }]
+      this.allProjects = {
+        owned: this.projects,
+        readAndWrite: this.readAndWrite,
+        readOnly: this.readOnly,
+        tokenReadAndWrite: this.tokenReadAndWrite,
+        tokenReadOnly: this.tokenReadOnly,
+        review: this.review,
+      }
+
+      this.ProjectGetter.promises.findAllUsersProjects.resolves(
+        this.allProjects
+      )
+    })
+
+    it('should render the project/list-react page', function (done) {
+      this.res.render = (pageName, opts) => {
+        pageName.should.equal('project/list-react')
+        done()
+      }
+      this.ProjectListController.projectListPage(this.req, this.res)
+    })
+
+    it('should invoke the session maintenance', function (done) {
+      this.Features.hasFeature.withArgs('saas').returns(true)
+      this.res.render = () => {
+        this.SplitTestSessionHandler.promises.sessionMaintenance.should.have.been.calledWith(
+          this.req,
+          this.user
+        )
+        done()
+      }
+      this.ProjectListController.projectListPage(this.req, this.res)
+    })
+
+    it('should send the tags', function (done) {
+      this.res.render = (pageName, opts) => {
+        opts.tags.length.should.equal(this.tags.length)
+        done()
+      }
+      this.ProjectListController.projectListPage(this.req, this.res)
+    })
+
+    it('should create trigger ip matcher notifications', function (done) {
+      this.settings.overleaf = true
+      this.req.ip = '111.111.111.111'
+      this.res.render = (pageName, opts) => {
+        this.NotificationBuilder.promises.ipMatcherAffiliation.called.should.equal(
+          true
+        )
+        done()
+      }
+      this.ProjectListController.projectListPage(this.req, this.res)
+    })
+
+    it('should send the projects', function (done) {
+      this.res.render = (pageName, opts) => {
+        opts.prefetchedProjectsBlob.projects.length.should.equal(
+          this.projects.length +
+            this.readAndWrite.length +
+            this.readOnly.length +
+            this.tokenReadAndWrite.length +
+            this.tokenReadOnly.length +
+            this.review.length
+        )
+        done()
+      }
+      this.ProjectListController.projectListPage(this.req, this.res)
+    })
+
+    it('should send the user', function (done) {
+      this.res.render = (pageName, opts) => {
+        opts.user.should.deep.equal(this.user)
+        done()
+      }
+      this.ProjectListController.projectListPage(this.req, this.res)
+    })
+
+    it('should inject the users', function (done) {
+      this.res.render = (pageName, opts) => {
+        const projects = opts.prefetchedProjectsBlob.projects
+
+        projects
+          .filter(p => p.id === '1')[0]
+          .owner.firstName.should.equal(
+            this.users[this.projects.filter(p => p._id === 1)[0].owner_ref]
+              .first_name
+          )
+        projects
+          .filter(p => p.id === '2')[0]
+          .owner.firstName.should.equal(
+            this.users[this.projects.filter(p => p._id === 2)[0].owner_ref]
+              .first_name
+          )
+        projects
+          .filter(p => p.id === '2')[0]
+          .lastUpdatedBy.firstName.should.equal(
+            this.users[this.projects.filter(p => p._id === 2)[0].lastUpdatedBy]
+              .first_name
+          )
+        done()
+      }
+      this.ProjectListController.projectListPage(this.req, this.res)
+    })
+
+    it("should send the user's best subscription when saas feature present", function (done) {
+      this.Features.hasFeature.withArgs('saas').returns(true)
+      this.res.render = (pageName, opts) => {
+        expect(opts.usersBestSubscription).to.deep.include({ type: 'free' })
+        done()
+      }
+      this.ProjectListController.projectListPage(this.req, this.res)
+    })
+
+    it('should not return a best subscription without saas feature', function (done) {
+      this.Features.hasFeature.withArgs('saas').returns(false)
+      this.res.render = (pageName, opts) => {
+        expect(opts.usersBestSubscription).to.be.undefined
+        done()
+      }
+      this.ProjectListController.projectListPage(this.req, this.res)
+    })
+
+    it('should show INR Banner for Indian users with free account', function (done) {
+      // usersBestSubscription is only available when saas feature is present
+      this.Features.hasFeature.withArgs('saas').returns(true)
+      this.SubscriptionViewModelBuilder.promises.getBestSubscription.resolves({
+        type: 'free',
+      })
+      this.GeoIpLookup.promises.getCurrencyCode.resolves({
+        countryCode: 'IN',
+      })
+      this.res.render = (pageName, opts) => {
+        expect(opts.showInrGeoBanner).to.be.true
+        done()
+      }
+      this.ProjectListController.projectListPage(this.req, this.res)
+    })
+
+    it('should not show INR Banner for Indian users with premium account', function (done) {
+      // usersBestSubscription is only available when saas feature is present
+      this.Features.hasFeature.withArgs('saas').returns(true)
+      this.SubscriptionViewModelBuilder.promises.getBestSubscription.resolves({
+        type: 'individual',
+      })
+      this.GeoIpLookup.promises.getCurrencyCode.resolves({
+        countryCode: 'IN',
+      })
+      this.res.render = (pageName, opts) => {
+        expect(opts.showInrGeoBanner).to.be.false
+        done()
+      }
+      this.ProjectListController.projectListPage(this.req, this.res)
+    })
+
+    describe('With Institution SSO feature', function () {
+      beforeEach(function (done) {
+        this.institutionEmail = 'test@overleaf.com'
+        this.institutionName = 'Overleaf'
+        this.Features.hasFeature.withArgs('saml').returns(true)
+        this.Features.hasFeature.withArgs('affiliations').returns(true)
+        this.Features.hasFeature.withArgs('saas').returns(true)
+        done()
+      })
+      it('should show institution SSO available notification for confirmed domains', function () {
+        this.UserGetter.promises.getUserFullEmails.resolves([
+          {
+            email: 'test@overleaf.com',
+            affiliation: {
+              institution: {
+                id: 1,
+                confirmed: true,
+                name: 'Overleaf',
+                ssoBeta: false,
+                ssoEnabled: true,
+              },
+            },
+          },
+        ])
+        this.res.render = (pageName, opts) => {
+          expect(opts.notificationsInstitution).to.deep.include({
+            email: this.institutionEmail,
+            institutionId: 1,
+            institutionName: this.institutionName,
+            templateKey: 'notification_institution_sso_available',
+          })
+        }
+        this.ProjectListController.projectListPage(this.req, this.res)
+      })
+      it('should show a linked notification', function () {
+        this.req.session.saml = {
+          institutionEmail: this.institutionEmail,
+          linked: {
+            hasEntitlement: false,
+            universityName: this.institutionName,
+          },
+        }
+        this.res.render = (pageName, opts) => {
+          expect(opts.notificationsInstitution).to.deep.include({
+            email: this.institutionEmail,
+            institutionName: this.institutionName,
+            templateKey: 'notification_institution_sso_linked',
+          })
+        }
+        this.ProjectListController.projectListPage(this.req, this.res)
+      })
+      it('should show a linked another email notification', function () {
+        // when they request to link an email but the institution returns
+        // a different email
+        this.res.render = (pageName, opts) => {
+          expect(opts.notificationsInstitution).to.deep.include({
+            institutionEmail: this.institutionEmail,
+            requestedEmail: 'requested@overleaf.com',
+            templateKey: 'notification_institution_sso_non_canonical',
+          })
+        }
+        this.req.session.saml = {
+          emailNonCanonical: this.institutionEmail,
+          institutionEmail: this.institutionEmail,
+          requestedEmail: 'requested@overleaf.com',
+          linked: {
+            hasEntitlement: false,
+            universityName: this.institutionName,
+          },
+        }
+        this.ProjectListController.projectListPage(this.req, this.res)
+      })
+
+      it('should show a notification when intent was to register via SSO but account existed', function () {
+        this.res.render = (pageName, opts) => {
+          expect(opts.notificationsInstitution).to.deep.include({
+            email: this.institutionEmail,
+            templateKey: 'notification_institution_sso_already_registered',
+          })
+        }
+        this.req.session.saml = {
+          institutionEmail: this.institutionEmail,
+          linked: {
+            hasEntitlement: false,
+            universityName: 'Overleaf',
+          },
+          registerIntercept: {
+            id: 1,
+            name: 'Example University',
+          },
+        }
+        this.ProjectListController.projectListPage(this.req, this.res)
+      })
+
+      it('should not show a register notification if the flow was abandoned', function () {
+        // could initially start to register with an SSO email and then
+        // abandon flow and login with an existing non-institution SSO email
+        this.res.render = (pageName, opts) => {
+          expect(opts.notificationsInstitution).to.deep.not.include({
+            email: 'test@overleaf.com',
+            templateKey: 'notification_institution_sso_already_registered',
+          })
+        }
+        this.req.session.saml = {
+          registerIntercept: {
+            id: 1,
+            name: 'Example University',
+          },
+        }
+        this.ProjectListController.projectListPage(this.req, this.res)
+      })
+
+      it('should show error notification', function () {
+        this.res.render = (pageName, opts) => {
+          expect(opts.notificationsInstitution.length).to.equal(1)
+          expect(opts.notificationsInstitution[0].templateKey).to.equal(
+            'notification_institution_sso_error'
+          )
+          expect(opts.notificationsInstitution[0].error).to.be.instanceof(
+            Errors.SAMLAlreadyLinkedError
+          )
+        }
+        this.req.session.saml = {
+          institutionEmail: this.institutionEmail,
+          error: new Errors.SAMLAlreadyLinkedError(),
+        }
+        this.ProjectListController.projectListPage(this.req, this.res)
+      })
+
+      describe('for an unconfirmed domain for an SSO institution', function () {
+        beforeEach(function (done) {
+          this.UserGetter.promises.getUserFullEmails.resolves([
+            {
+              email: 'test@overleaf-uncofirmed.com',
+              affiliation: {
+                institution: {
+                  id: 1,
+                  confirmed: false,
+                  name: 'Overleaf',
+                  ssoBeta: false,
+                  ssoEnabled: true,
+                },
+              },
+            },
+          ])
+          done()
+        })
+        it('should not show institution SSO available notification', function () {
+          this.res.render = (pageName, opts) => {
+            expect(opts.notificationsInstitution.length).to.equal(0)
+          }
+          this.ProjectListController.projectListPage(this.req, this.res)
+        })
+      })
+      describe('when linking/logging in initiated on institution side', function () {
+        it('should not show a linked another email notification', function () {
+          // this is only used when initated on Overleaf,
+          // because we keep track of the requested email they tried to link
+          this.res.render = (pageName, opts) => {
+            expect(opts.notificationsInstitution).to.not.deep.include({
+              institutionEmail: this.institutionEmail,
+              requestedEmail: undefined,
+              templateKey: 'notification_institution_sso_non_canonical',
+            })
+          }
+          this.req.session.saml = {
+            emailNonCanonical: this.institutionEmail,
+            institutionEmail: this.institutionEmail,
+            linked: {
+              hasEntitlement: false,
+              universityName: this.institutionName,
+            },
+          }
+          this.ProjectListController.projectListPage(this.req, this.res)
+        })
+      })
+      describe('Institution with SSO beta testable', function () {
+        beforeEach(function (done) {
+          this.UserGetter.promises.getUserFullEmails.resolves([
+            {
+              email: 'beta@beta.com',
+              affiliation: {
+                institution: {
+                  id: 2,
+                  confirmed: true,
+                  name: 'Beta University',
+                  ssoBeta: true,
+                  ssoEnabled: false,
+                },
+              },
+            },
+          ])
+          done()
+        })
+        it('should show institution SSO available notification when on a beta testing session', function () {
+          this.req.session.samlBeta = true
+          this.res.render = (pageName, opts) => {
+            expect(opts.notificationsInstitution).to.deep.include({
+              email: 'beta@beta.com',
+              institutionId: 2,
+              institutionName: 'Beta University',
+              templateKey: 'notification_institution_sso_available',
+            })
+          }
+          this.ProjectListController.projectListPage(this.req, this.res)
+        })
+        it('should not show institution SSO available notification when not on a beta testing session', function () {
+          this.req.session.samlBeta = false
+          this.res.render = (pageName, opts) => {
+            expect(opts.notificationsInstitution).to.deep.not.include({
+              email: 'test@overleaf.com',
+              institutionId: 1,
+              institutionName: 'Overleaf',
+              templateKey: 'notification_institution_sso_available',
+            })
+          }
+          this.ProjectListController.projectListPage(this.req, this.res)
+        })
+      })
+    })
+
+    describe('Without Institution SSO feature', function () {
+      beforeEach(function (done) {
+        this.Features.hasFeature.withArgs('saml').returns(false)
+        done()
+      })
+      it('should not show institution sso available notification', function () {
+        this.res.render = (pageName, opts) => {
+          expect(opts.notificationsInstitution).to.deep.not.include({
+            email: 'test@overleaf.com',
+            institutionId: 1,
+            institutionName: 'Overleaf',
+            templateKey: 'notification_institution_sso_available',
+          })
+        }
+        this.ProjectListController.projectListPage(this.req, this.res)
+      })
+    })
+
+    describe('enterprise banner', function () {
+      beforeEach(function (done) {
+        this.Features.hasFeature.withArgs('saas').returns(true)
+        this.LimitationsManager.promises.userIsMemberOfGroupSubscription.resolves(
+          { isMember: false }
+        )
+        this.UserGetter.promises.getUserFullEmails.resolves([
+          {
+            email: 'test@test-domain.com',
+          },
+        ])
+
+        done()
+      })
+
+      describe('normal enterprise banner', function () {
+        it('shows banner', function () {
+          this.res.render = (pageName, opts) => {
+            expect(opts.showGroupsAndEnterpriseBanner).to.be.true
+          }
+          this.ProjectListController.projectListPage(this.req, this.res)
+        })
+
+        it('does not show banner if user is part of any affiliation', function () {
+          this.UserGetter.promises.getUserFullEmails.resolves([
+            {
+              email: 'test@overleaf.com',
+              affiliation: {
+                licence: 'pro_plus',
+                institution: {
+                  id: 1,
+                  confirmed: true,
+                  name: 'Overleaf',
+                  ssoBeta: false,
+                  ssoEnabled: true,
+                },
+              },
+            },
+          ])
+
+          this.res.render = (pageName, opts) => {
+            expect(opts.showGroupsAndEnterpriseBanner).to.be.false
+          }
+          this.ProjectListController.projectListPage(this.req, this.res)
+        })
+
+        it('does not show banner if user is part of any group subscription', function () {
+          this.LimitationsManager.promises.userIsMemberOfGroupSubscription.resolves(
+            { isMember: true }
+          )
+
+          this.res.render = (pageName, opts) => {
+            expect(opts.showGroupsAndEnterpriseBanner).to.be.false
+          }
+          this.ProjectListController.projectListPage(this.req, this.res)
+        })
+
+        it('have a banner variant of "FOMO" or "on-premise"', function () {
+          this.res.render = (pageName, opts) => {
+            expect(opts.groupsAndEnterpriseBannerVariant).to.be.oneOf([
+              'FOMO',
+              'on-premise',
+            ])
+          }
+          this.ProjectListController.projectListPage(this.req, this.res)
+        })
+      })
+
+      describe('US government enterprise banner', function () {
+        it('does not show enterprise banner if US government enterprise banner is shown', function () {
+          const emails = [
+            {
+              email: 'test@test.mil',
+              confirmedAt: new Date('2024-01-01'),
+            },
+          ]
+
+          this.UserGetter.promises.getUserFullEmails.resolves(emails)
+          this.Modules.promises.hooks.fire
+            .withArgs('getUSGovBanner', emails, false, [])
+            .resolves([
+              {
+                showUSGovBanner: true,
+                usGovBannerVariant: 'variant',
+              },
+            ])
+          this.res.render = (pageName, opts) => {
+            expect(opts.showGroupsAndEnterpriseBanner).to.be.false
+            expect(opts.showUSGovBanner).to.be.true
+          }
+          this.ProjectListController.projectListPage(this.req, this.res)
+        })
+      })
+    })
+  })
+
+  describe('projectListReactPage with duplicate projects', function () {
+    beforeEach(function () {
+      this.projects = [
+        { _id: 1, lastUpdated: 1, owner_ref: 'user-1' },
+        { _id: 2, lastUpdated: 2, owner_ref: 'user-2' },
+      ]
+      this.readAndWrite = [{ _id: 5, lastUpdated: 5, owner_ref: 'user-1' }]
+      this.readOnly = [{ _id: 3, lastUpdated: 3, owner_ref: 'user-1' }]
+      this.tokenReadAndWrite = [{ _id: 6, lastUpdated: 5, owner_ref: 'user-4' }]
+      this.tokenReadOnly = [
+        { _id: 6, lastUpdated: 5, owner_ref: 'user-4' }, // Also in tokenReadAndWrite
+        { _id: 7, lastUpdated: 4, owner_ref: 'user-5' },
+      ]
+      this.review = [{ _id: 8, lastUpdated: 5, owner_ref: 'user-6' }]
+      this.allProjects = {
+        owned: this.projects,
+        readAndWrite: this.readAndWrite,
+        readOnly: this.readOnly,
+        tokenReadAndWrite: this.tokenReadAndWrite,
+        tokenReadOnly: this.tokenReadOnly,
+        review: this.review,
+      }
+
+      this.ProjectGetter.promises.findAllUsersProjects.resolves(
+        this.allProjects
+      )
+    })
+
+    it('should render the project/list-react page', function (done) {
+      this.res.render = (pageName, opts) => {
+        pageName.should.equal('project/list-react')
+        done()
+      }
+      this.ProjectListController.projectListPage(this.req, this.res)
+    })
+
+    it('should omit one of the projects', function (done) {
+      this.res.render = (pageName, opts) => {
+        opts.prefetchedProjectsBlob.projects.length.should.equal(
+          this.projects.length +
+            this.readAndWrite.length +
+            this.readOnly.length +
+            this.tokenReadAndWrite.length +
+            this.tokenReadOnly.length +
+            this.review.length -
+            1
+        )
+        done()
+      }
+      this.ProjectListController.projectListPage(this.req, this.res)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/ProjectLocatorTests.js b/services/web/test/unit/src/Project/ProjectLocatorTests.js
new file mode 100644
index 0000000..4647dd0
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectLocatorTests.js
@@ -0,0 +1,600 @@
+const { expect } = require('chai')
+const modulePath = '../../../../app/src/Features/Project/ProjectLocator'
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+
+const project = { _id: '1234566', rootFolder: [] }
+class Project {}
+const rootDoc = { name: 'rootDoc', _id: 'das239djd' }
+const doc1 = { name: 'otherDoc.txt', _id: 'dsad2ddd' }
+const doc2 = { name: 'docname.txt', _id: 'dsad2ddddd' }
+const file1 = { name: 'file1', _id: 'dsa9lkdsad' }
+const subSubFile = { name: 'subSubFile', _id: 'd1d2dk' }
+const subSubDoc = { name: 'subdoc.txt', _id: '321dmdwi' }
+const secondSubFolder = {
+  name: 'secondSubFolder',
+  _id: 'dsa3e23',
+  docs: [subSubDoc],
+  fileRefs: [subSubFile],
+  folders: [],
+}
+const subFolder = {
+  name: 'subFolder',
+  _id: 'dsadsa93',
+  folders: [secondSubFolder, null],
+  docs: [],
+  fileRefs: [],
+}
+const subFolder1 = { name: 'subFolder1', _id: '123asdjoij' }
+
+const rootFolder = {
+  _id: '123sdskd',
+  docs: [doc1, doc2, null, rootDoc],
+  fileRefs: [file1],
+  folders: [subFolder1, subFolder],
+}
+
+project.rootFolder[0] = rootFolder
+project.rootDoc_id = rootDoc._id
+
+describe('ProjectLocator', function () {
+  beforeEach(function () {
+    Project.findById = (projectId, callback) => {
+      callback(null, project)
+    }
+    this.ProjectGetter = {
+      getProject: sinon.stub().callsArgWith(2, null, project),
+    }
+    this.ProjectHelper = {
+      isArchived: sinon.stub(),
+      isTrashed: sinon.stub(),
+      isArchivedOrTrashed: sinon.stub(),
+    }
+    this.locator = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../models/Project': { Project },
+        '../../models/User': { User: this.User },
+        './ProjectGetter': this.ProjectGetter,
+        './ProjectHelper': this.ProjectHelper,
+      },
+    })
+  })
+
+  describe('finding a doc', function () {
+    it('finds one at the root level', function (done) {
+      this.locator.findElement(
+        { project_id: project._id, element_id: doc2._id, type: 'docs' },
+        (err, foundElement, path, parentFolder) => {
+          if (err != null) {
+            return done(err)
+          }
+          foundElement._id.should.equal(doc2._id)
+          path.fileSystem.should.equal(`/${doc2.name}`)
+          parentFolder._id.should.equal(project.rootFolder[0]._id)
+          path.mongo.should.equal('rootFolder.0.docs.1')
+          done()
+        }
+      )
+    })
+
+    it('when it is nested', function (done) {
+      this.locator.findElement(
+        { project_id: project._id, element_id: subSubDoc._id, type: 'doc' },
+        (err, foundElement, path, parentFolder) => {
+          if (err != null) {
+            return done(err)
+          }
+          expect(foundElement._id).to.equal(subSubDoc._id)
+          path.fileSystem.should.equal(
+            `/${subFolder.name}/${secondSubFolder.name}/${subSubDoc.name}`
+          )
+          parentFolder._id.should.equal(secondSubFolder._id)
+          path.mongo.should.equal('rootFolder.0.folders.1.folders.0.docs.0')
+          done()
+        }
+      )
+    })
+
+    it('should give error if element could not be found', function (done) {
+      this.locator.findElement(
+        { project_id: project._id, element_id: 'ddsd432nj42', type: 'docs' },
+        (err, foundElement, path, parentFolder) => {
+          expect(err).to.be.instanceOf(Errors.NotFoundError)
+          expect(err).to.have.property('message', 'entity not found')
+          done()
+        }
+      )
+    })
+  })
+
+  describe('finding a folder', function () {
+    it('should return root folder when looking for root folder', function (done) {
+      this.locator.findElement(
+        { project_id: project._id, element_id: rootFolder._id, type: 'folder' },
+        (err, foundElement, path, parentFolder) => {
+          if (err != null) {
+            return done(err)
+          }
+          foundElement._id.should.equal(rootFolder._id)
+          done()
+        }
+      )
+    })
+
+    it('when at root', function (done) {
+      this.locator.findElement(
+        { project_id: project._id, element_id: subFolder._id, type: 'folder' },
+        (err, foundElement, path, parentFolder) => {
+          if (err != null) {
+            return done(err)
+          }
+          foundElement._id.should.equal(subFolder._id)
+          path.fileSystem.should.equal(`/${subFolder.name}`)
+          parentFolder._id.should.equal(rootFolder._id)
+          path.mongo.should.equal('rootFolder.0.folders.1')
+          done()
+        }
+      )
+    })
+
+    it('when deeply nested', function (done) {
+      this.locator.findElement(
+        {
+          project_id: project._id,
+          element_id: secondSubFolder._id,
+          type: 'folder',
+        },
+        (err, foundElement, path, parentFolder) => {
+          if (err != null) {
+            return done(err)
+          }
+          foundElement._id.should.equal(secondSubFolder._id)
+          path.fileSystem.should.equal(
+            `/${subFolder.name}/${secondSubFolder.name}`
+          )
+          parentFolder._id.should.equal(subFolder._id)
+          path.mongo.should.equal('rootFolder.0.folders.1.folders.0')
+          done()
+        }
+      )
+    })
+  })
+
+  describe('finding a file', function () {
+    it('when at root', function (done) {
+      this.locator.findElement(
+        { project_id: project._id, element_id: file1._id, type: 'fileRefs' },
+        (err, foundElement, path, parentFolder) => {
+          if (err != null) {
+            return done(err)
+          }
+          foundElement._id.should.equal(file1._id)
+          path.fileSystem.should.equal(`/${file1.name}`)
+          parentFolder._id.should.equal(rootFolder._id)
+          path.mongo.should.equal('rootFolder.0.fileRefs.0')
+          done()
+        }
+      )
+    })
+
+    it('when deeply nested', function (done) {
+      this.locator.findElement(
+        {
+          project_id: project._id,
+          element_id: subSubFile._id,
+          type: 'fileRefs',
+        },
+        (err, foundElement, path, parentFolder) => {
+          if (err != null) {
+            return done(err)
+          }
+          foundElement._id.should.equal(subSubFile._id)
+          path.fileSystem.should.equal(
+            `/${subFolder.name}/${secondSubFolder.name}/${subSubFile.name}`
+          )
+          parentFolder._id.should.equal(secondSubFolder._id)
+          path.mongo.should.equal('rootFolder.0.folders.1.folders.0.fileRefs.0')
+          done()
+        }
+      )
+    })
+  })
+
+  describe('finding an element with wrong element type', function () {
+    it('should add an s onto the element type', function (done) {
+      this.locator.findElement(
+        { project_id: project._id, element_id: subSubDoc._id, type: 'doc' },
+        (err, foundElement, path, parentFolder) => {
+          if (err != null) {
+            return done(err)
+          }
+          foundElement._id.should.equal(subSubDoc._id)
+          done()
+        }
+      )
+    })
+
+    it('should convert file to fileRefs', function (done) {
+      this.locator.findElement(
+        { project_id: project._id, element_id: file1._id, type: 'fileRefs' },
+        (err, foundElement, path, parentFolder) => {
+          if (err != null) {
+            return done(err)
+          }
+          foundElement._id.should.equal(file1._id)
+          done()
+        }
+      )
+    })
+  })
+
+  describe('should be able to take actual project as well as id', function () {
+    const doc3 = {
+      _id: '123dsdj3',
+      name: 'doc3',
+    }
+    const rootFolder2 = {
+      _id: '123sddedskd',
+      docs: [doc3],
+    }
+    const project2 = {
+      _id: '1234566',
+      rootFolder: [rootFolder2],
+    }
+    it('should find doc in project', function (done) {
+      this.locator.findElement(
+        { project: project2, element_id: doc3._id, type: 'docs' },
+        (err, foundElement, path, parentFolder) => {
+          if (err != null) {
+            return done(err)
+          }
+          foundElement._id.should.equal(doc3._id)
+          path.fileSystem.should.equal(`/${doc3.name}`)
+          parentFolder._id.should.equal(project2.rootFolder[0]._id)
+          path.mongo.should.equal('rootFolder.0.docs.0')
+          done()
+        }
+      )
+    })
+  })
+
+  describe('finding root doc', function () {
+    it('should return root doc when passed project', function (done) {
+      this.locator.findRootDoc(project, (err, doc) => {
+        if (err != null) {
+          return done(err)
+        }
+        doc._id.should.equal(rootDoc._id)
+        done()
+      })
+    })
+
+    it('should return root doc when passed project_id', function (done) {
+      this.locator.findRootDoc(project._id, (err, doc) => {
+        if (err != null) {
+          return done(err)
+        }
+        doc._id.should.equal(rootDoc._id)
+        done()
+      })
+    })
+
+    it('should return null when the project has no rootDoc', function (done) {
+      project.rootDoc_id = null
+      this.locator.findRootDoc(project, (err, doc) => {
+        if (err != null) {
+          return done(err)
+        }
+        expect(doc).to.equal(null)
+        done()
+      })
+    })
+
+    it('should return null when the rootDoc_id no longer exists', function (done) {
+      project.rootDoc_id = 'doesntexist'
+      this.locator.findRootDoc(project, (err, doc) => {
+        if (err != null) {
+          return done(err)
+        }
+        expect(doc).to.equal(null)
+        done()
+      })
+    })
+  })
+
+  describe('findElementByPath', function () {
+    it('should take a doc path and return the element for a root level document', function (done) {
+      const path = `${doc1.name}`
+      this.locator.findElementByPath(
+        { project, path },
+        (err, element, type, folder) => {
+          if (err != null) {
+            return done(err)
+          }
+          element.should.deep.equal(doc1)
+          expect(type).to.equal('doc')
+          expect(folder).to.equal(rootFolder)
+          done()
+        }
+      )
+    })
+
+    it('should take a doc path and return the element for a root level document with a starting slash', function (done) {
+      const path = `/${doc1.name}`
+      this.locator.findElementByPath(
+        { project, path },
+        (err, element, type, folder) => {
+          if (err != null) {
+            return done(err)
+          }
+          element.should.deep.equal(doc1)
+          expect(type).to.equal('doc')
+          expect(folder).to.equal(rootFolder)
+          done()
+        }
+      )
+    })
+
+    it('should take a doc path and return the element for a nested document', function (done) {
+      const path = `${subFolder.name}/${secondSubFolder.name}/${subSubDoc.name}`
+      this.locator.findElementByPath(
+        { project, path },
+        (err, element, type, folder) => {
+          if (err != null) {
+            return done(err)
+          }
+          element.should.deep.equal(subSubDoc)
+          expect(type).to.equal('doc')
+          expect(folder).to.equal(secondSubFolder)
+          done()
+        }
+      )
+    })
+
+    it('should take a file path and return the element for a root level document', function (done) {
+      const path = `${file1.name}`
+      this.locator.findElementByPath(
+        { project, path },
+        (err, element, type, folder) => {
+          if (err != null) {
+            return done(err)
+          }
+          element.should.deep.equal(file1)
+          expect(type).to.equal('file')
+          expect(folder).to.equal(rootFolder)
+          done()
+        }
+      )
+    })
+
+    it('should take a file path and return the element for a nested document', function (done) {
+      const path = `${subFolder.name}/${secondSubFolder.name}/${subSubFile.name}`
+      this.locator.findElementByPath(
+        { project, path },
+        (err, element, type, folder) => {
+          if (err != null) {
+            return done(err)
+          }
+          element.should.deep.equal(subSubFile)
+          expect(type).to.equal('file')
+          expect(folder).to.equal(secondSubFolder)
+          done()
+        }
+      )
+    })
+
+    it('should take a file path and return the element for a nested document case insenstive', function (done) {
+      const path = `${subFolder.name.toUpperCase()}/${secondSubFolder.name.toUpperCase()}/${subSubFile.name.toUpperCase()}`
+      this.locator.findElementByPath(
+        { project, path },
+        (err, element, type, folder) => {
+          if (err != null) {
+            return done(err)
+          }
+          element.should.deep.equal(subSubFile)
+          expect(type).to.equal('file')
+          expect(folder).to.equal(secondSubFolder)
+          done()
+        }
+      )
+    })
+
+    it('should not return elements with a case-insensitive match when exactCaseMatch is true', function (done) {
+      const path = `${subFolder.name.toUpperCase()}/${secondSubFolder.name.toUpperCase()}/${subSubFile.name.toUpperCase()}`
+      this.locator.findElementByPath(
+        { project, path, exactCaseMatch: true },
+        (err, element, type, folder) => {
+          err.should.not.equal(undefined)
+          expect(element).to.be.undefined
+          expect(type).to.be.undefined
+          done()
+        }
+      )
+    })
+
+    it('should take a file path and return the element for a nested folder', function (done) {
+      const path = `${subFolder.name}/${secondSubFolder.name}`
+      this.locator.findElementByPath(
+        { project, path },
+        (err, element, type, folder) => {
+          if (err != null) {
+            return done(err)
+          }
+          element.should.deep.equal(secondSubFolder)
+          expect(type).to.equal('folder')
+          expect(folder).to.equal(subFolder)
+          done()
+        }
+      )
+    })
+
+    it('should take a file path and return the root folder', function (done) {
+      const path = '/'
+      this.locator.findElementByPath(
+        { project, path },
+        (err, element, type, folder) => {
+          if (err != null) {
+            return done(err)
+          }
+          element.should.deep.equal(rootFolder)
+          expect(type).to.equal('folder')
+          expect(folder).to.equal(null)
+          done()
+        }
+      )
+    })
+
+    it('should return an error if the file can not be found inside know folder', function (done) {
+      const path = `${subFolder.name}/${secondSubFolder.name}/exist.txt`
+      this.locator.findElementByPath(
+        { project, path },
+        (err, element, type) => {
+          err.should.not.equal(undefined)
+          expect(element).to.be.undefined
+          expect(type).to.be.undefined
+          done()
+        }
+      )
+    })
+
+    it('should return an error if the file can not be found inside unknown folder', function (done) {
+      const path = 'this/does/not/exist.txt'
+      this.locator.findElementByPath(
+        { project, path },
+        (err, element, type) => {
+          err.should.not.equal(undefined)
+          expect(element).to.be.undefined
+          expect(type).to.be.undefined
+          done()
+        }
+      )
+    })
+
+    describe('where duplicate folder exists', function () {
+      beforeEach(function () {
+        this.duplicateFolder = {
+          name: 'duplicate1',
+          _id: '1234',
+          folders: [
+            {
+              name: '1',
+              docs: [{ name: 'main.tex', _id: '456' }],
+              folders: [],
+              fileRefs: [],
+            },
+          ],
+          docs: [(this.doc = { name: 'main.tex', _id: '456' })],
+          fileRefs: [],
+        }
+        this.project = {
+          rootFolder: [
+            {
+              folders: [this.duplicateFolder, this.duplicateFolder],
+              fileRefs: [],
+              docs: [],
+            },
+          ],
+        }
+      })
+
+      it('should not call the callback more than once', function (done) {
+        const path = `${this.duplicateFolder.name}/${this.doc.name}`
+        this.locator.findElementByPath({ project: this.project, path }, () =>
+          done()
+        )
+      }) // mocha will throw exception if done called multiple times
+
+      it('should not call the callback more than once when the path is longer than 1 level below the duplicate level', function (done) {
+        const path = `${this.duplicateFolder.name}/1/main.tex`
+        this.locator.findElementByPath({ project: this.project, path }, () =>
+          done()
+        )
+      })
+    }) // mocha will throw exception if done called multiple times
+
+    describe('with a null doc', function () {
+      beforeEach(function () {
+        this.project = {
+          rootFolder: [
+            {
+              folders: [],
+              fileRefs: [],
+              docs: [{ name: 'main.tex' }, null, { name: 'other.tex' }],
+            },
+          ],
+        }
+      })
+
+      it('should not crash with a null', function (done) {
+        const path = '/other.tex'
+        this.locator.findElementByPath(
+          { project: this.project, path },
+          (err, element) => {
+            if (err != null) {
+              return done(err)
+            }
+            element.name.should.equal('other.tex')
+            done()
+          }
+        )
+      })
+    })
+
+    describe('with a null project', function () {
+      beforeEach(function () {
+        this.ProjectGetter = { getProject: sinon.stub().callsArg(2) }
+      })
+
+      it('should not crash with a null', function (done) {
+        const path = '/other.tex'
+        this.locator.findElementByPath(
+          { project_id: project._id, path },
+          (err, element) => {
+            expect(err).to.exist
+            done()
+          }
+        )
+      })
+    })
+
+    describe('with a project_id', function () {
+      it('should take a doc path and return the element for a root level document', function (done) {
+        const path = `${doc1.name}`
+        this.locator.findElementByPath(
+          { project_id: project._id, path },
+          (err, element, type) => {
+            if (err != null) {
+              return done(err)
+            }
+            this.ProjectGetter.getProject
+              .calledWith(project._id, { rootFolder: true, rootDoc_id: true })
+              .should.equal(true)
+            element.should.deep.equal(doc1)
+            expect(type).to.equal('doc')
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('findElementByMongoPath', function () {
+    it('traverses the file tree like Mongo would do', function () {
+      const element = this.locator.findElementByMongoPath(
+        project,
+        'rootFolder.0.folders.1.folders.0.fileRefs.0'
+      )
+      expect(element).to.equal(subSubFile)
+    })
+
+    it('throws an error if no element is found', function () {
+      expect(() =>
+        this.locator.findElementByMongoPath(
+          project,
+          'rootolder.0.folders.0.folders.0.fileRefs.0'
+        )
+      ).to.throw
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/ProjectOptionsHandlerTests.js b/services/web/test/unit/src/Project/ProjectOptionsHandlerTests.js
new file mode 100644
index 0000000..12d4c70
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectOptionsHandlerTests.js
@@ -0,0 +1,233 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+    no-useless-constructor,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath =
+  '../../../../app/src/Features/Project/ProjectOptionsHandler.js'
+const SandboxedModule = require('sandboxed-module')
+const { ObjectId } = require('mongodb-legacy')
+
+describe('ProjectOptionsHandler', function () {
+  const projectId = '4eecaffcbffa66588e000008'
+
+  beforeEach(function () {
+    let Project
+    this.projectModel = Project = class Project {
+      constructor(options) {}
+    }
+    this.projectModel.updateOne = sinon.stub().resolves()
+
+    this.db = {
+      projects: {
+        updateOne: sinon.stub().resolves(),
+      },
+    }
+
+    this.handler = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../models/Project': { Project: this.projectModel },
+        '@overleaf/settings': {
+          languages: [
+            { name: 'English', code: 'en' },
+            { name: 'French', code: 'fr' },
+          ],
+          imageRoot: 'docker-repo/subdir',
+          allowedImageNames: [
+            { imageName: 'texlive-0000.0', imageDesc: 'test image 0' },
+            { imageName: 'texlive-1234.5', imageDesc: 'test image 1' },
+          ],
+        },
+        '../../infrastructure/mongodb': { db: this.db, ObjectId },
+      },
+    })
+  })
+
+  describe('Setting the compiler', function () {
+    it('should perform and update on mongo', async function () {
+      await this.handler.promises.setCompiler(projectId, 'xeLaTeX')
+      const args = this.projectModel.updateOne.args[0]
+      args[0]._id.should.equal(projectId)
+      args[1].compiler.should.equal('xelatex')
+    })
+
+    it('should not perform and update on mongo if it is not a recognised compiler', async function () {
+      const fakeComplier = 'something'
+      expect(
+        this.handler.promises.setCompiler(projectId, 'something')
+      ).to.be.rejectedWith(`invalid compiler: ${fakeComplier}`)
+
+      this.projectModel.updateOne.called.should.equal(false)
+    })
+
+    describe('when called without arg', function () {
+      it('should callback with null', async function () {
+        await this.handler.promises.setCompiler(projectId, null)
+        this.projectModel.updateOne.callCount.should.equal(0)
+      })
+    })
+
+    describe('when mongo update error occurs', function () {
+      beforeEach(function () {
+        this.projectModel.updateOne = sinon.stub().yields('error')
+      })
+
+      it('should be rejected', async function () {
+        expect(this.handler.promises.setCompiler(projectId, 'xeLaTeX')).to.be
+          .rejected
+      })
+    })
+  })
+
+  describe('Setting the imageName', function () {
+    it('should perform and update on mongo', async function () {
+      await this.handler.promises.setImageName(projectId, 'texlive-1234.5')
+      const args = this.projectModel.updateOne.args[0]
+      args[0]._id.should.equal(projectId)
+      args[1].imageName.should.equal('docker-repo/subdir/texlive-1234.5')
+    })
+
+    it('should not perform and update on mongo if it is not a reconised image name', async function () {
+      const fakeImageName = 'something'
+      expect(
+        this.handler.promises.setImageName(projectId, fakeImageName)
+      ).to.be.rejectedWith(`invalid imageName: ${fakeImageName}`)
+
+      this.projectModel.updateOne.called.should.equal(false)
+    })
+
+    describe('when called without arg', function () {
+      it('should callback with null', async function () {
+        await this.handler.promises.setImageName(projectId, null)
+        this.projectModel.updateOne.callCount.should.equal(0)
+      })
+    })
+
+    describe('when mongo update error occurs', function () {
+      beforeEach(function () {
+        this.projectModel.updateOne = sinon.stub().yields('error')
+      })
+
+      it('should be rejected', async function () {
+        expect(this.handler.promises.setImageName(projectId, 'texlive-1234.5'))
+          .to.be.rejected
+      })
+    })
+  })
+
+  describe('setting the spellCheckLanguage', function () {
+    it('should perform and update on mongo', async function () {
+      await this.handler.promises.setSpellCheckLanguage(projectId, 'fr')
+      const args = this.projectModel.updateOne.args[0]
+      args[0]._id.should.equal(projectId)
+      args[1].spellCheckLanguage.should.equal('fr')
+    })
+
+    it('should not perform and update on mongo if it is not a reconised langauge', async function () {
+      const fakeLanguageCode = 'not a lang'
+      expect(
+        this.handler.promises.setSpellCheckLanguage(projectId, fakeLanguageCode)
+      ).to.be.rejectedWith(`invalid languageCode: ${fakeLanguageCode}`)
+      this.projectModel.updateOne.called.should.equal(false)
+    })
+
+    it('should perform and update on mongo if the language is blank (means turn it off)', async function () {
+      await this.handler.promises.setSpellCheckLanguage(projectId, '')
+      this.projectModel.updateOne.called.should.equal(true)
+    })
+
+    describe('when mongo update error occurs', function () {
+      beforeEach(function () {
+        this.projectModel.updateOne = sinon.stub().yields('error')
+      })
+
+      it('should be rejected', async function () {
+        expect(this.handler.promises.setSpellCheckLanguage(projectId)).to.be
+          .rejected
+      })
+    })
+  })
+
+  describe('setting the brandVariationId', function () {
+    it('should perform and update on mongo', async function () {
+      await this.handler.promises.setBrandVariationId(projectId, '123')
+      const args = this.projectModel.updateOne.args[0]
+      args[0]._id.should.equal(projectId)
+      args[1].brandVariationId.should.equal('123')
+    })
+
+    it('should not perform and update on mongo if there is no brand variation', async function () {
+      await this.handler.promises.setBrandVariationId(projectId, null)
+      this.projectModel.updateOne.called.should.equal(false)
+    })
+
+    it('should not perform and update on mongo if brand variation is an empty string', async function () {
+      await this.handler.promises.setBrandVariationId(projectId, '')
+      this.projectModel.updateOne.called.should.equal(false)
+    })
+
+    describe('when mongo update error occurs', function () {
+      beforeEach(function () {
+        this.projectModel.updateOne = sinon.stub().yields('error')
+      })
+
+      it('should be rejected', async function () {
+        expect(this.handler.promises.setBrandVariationId(projectId, '123')).to
+          .be.rejected
+      })
+    })
+  })
+
+  describe('setting the rangesSupportEnabled', function () {
+    it('should perform and update on mongo', async function () {
+      await this.handler.promises.setHistoryRangesSupport(projectId, true)
+      sinon.assert.calledWith(
+        this.db.projects.updateOne,
+        { _id: new ObjectId(projectId) },
+        { $set: { 'overleaf.history.rangesSupportEnabled': true } }
+      )
+    })
+
+    describe('when mongo update error occurs', function () {
+      beforeEach(function () {
+        this.db.projects.updateOne = sinon.stub().yields('error')
+      })
+
+      it('should be rejected', async function () {
+        expect(this.handler.promises.setHistoryRangesSupport(projectId, true))
+          .to.be.rejected
+      })
+    })
+  })
+
+  describe('unsetting the brandVariationId', function () {
+    it('should perform and update on mongo', async function () {
+      await this.handler.promises.unsetBrandVariationId(projectId)
+      const args = this.projectModel.updateOne.args[0]
+      args[0]._id.should.equal(projectId)
+      expect(args[1]).to.deep.equal({ $unset: { brandVariationId: 1 } })
+    })
+
+    describe('when mongo update error occurs', function () {
+      beforeEach(function () {
+        this.projectModel.updateOne = sinon.stub().yields('error')
+      })
+
+      it('should be rejected', async function () {
+        expect(this.handler.promises.unsetBrandVariationId(projectId)).to.be
+          .rejected
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/ProjectRootDocManagerTests.js b/services/web/test/unit/src/Project/ProjectRootDocManagerTests.js
new file mode 100644
index 0000000..41b7516
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectRootDocManagerTests.js
@@ -0,0 +1,754 @@
+/* eslint-disable
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+    no-useless-escape,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { expect } = require('chai')
+const { ObjectId } = require('mongodb-legacy')
+const sinon = require('sinon')
+const modulePath =
+  '../../../../app/src/Features/Project/ProjectRootDocManager.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('ProjectRootDocManager', function () {
+  beforeEach(function () {
+    this.project_id = 'project-123'
+    this.docPaths = {}
+    this.docId1 = new ObjectId()
+    this.docId2 = new ObjectId()
+    this.docId3 = new ObjectId()
+    this.docId4 = new ObjectId()
+    this.docPaths[this.docId1] = '/chapter1.tex'
+    this.docPaths[this.docId2] = '/main.tex'
+    this.docPaths[this.docId3] = '/nested/chapter1a.tex'
+    this.docPaths[this.docId4] = '/nested/chapter1b.tex'
+    this.sl_req_id = 'sl-req-id-123'
+    this.callback = sinon.stub()
+    this.globbyFiles = ['a.tex', 'b.tex', 'main.tex']
+    this.globby = sinon.stub().returns(
+      new Promise(resolve => {
+        return resolve(this.globbyFiles)
+      })
+    )
+    this.fs = {
+      readFile: sinon.stub().callsArgWith(2, new Error('file not found')),
+      stat: sinon.stub().callsArgWith(1, null, { size: 100 }),
+    }
+    return (this.ProjectRootDocManager = SandboxedModule.require(modulePath, {
+      requires: {
+        './ProjectEntityHandler': (this.ProjectEntityHandler = {}),
+        './ProjectEntityUpdateHandler': (this.ProjectEntityUpdateHandler = {}),
+        './ProjectGetter': (this.ProjectGetter = {}),
+        '../../infrastructure/GracefulShutdown': {
+          BackgroundTaskTracker: class {
+            add() {}
+            done() {}
+          },
+        },
+        globby: this.globby,
+        fs: this.fs,
+      },
+    }))
+  })
+
+  describe('setRootDocAutomatically', function () {
+    beforeEach(function () {
+      this.ProjectEntityUpdateHandler.setRootDoc = sinon.stub().callsArgWith(2)
+      this.ProjectEntityUpdateHandler.isPathValidForRootDoc = sinon
+        .stub()
+        .returns(true)
+    })
+    describe('when there is a suitable root doc', function () {
+      beforeEach(function (done) {
+        this.docs = {
+          '/chapter1.tex': {
+            _id: this.docId1,
+            lines: [
+              'something else',
+              '\\begin{document}',
+              'Hello world',
+              '\\end{document}',
+            ],
+          },
+          '/main.tex': {
+            _id: this.docId2,
+            lines: [
+              'different line',
+              '\\documentclass{article}',
+              '\\input{chapter1}',
+            ],
+          },
+          '/nested/chapter1a.tex': {
+            _id: this.docId3,
+            lines: ['Hello world'],
+          },
+          '/nested/chapter1b.tex': {
+            _id: this.docId4,
+            lines: ['Hello world'],
+          },
+        }
+        this.ProjectEntityHandler.getAllDocs = sinon
+          .stub()
+          .callsArgWith(1, null, this.docs)
+        this.ProjectRootDocManager.setRootDocAutomatically(
+          this.project_id,
+          done
+        )
+      })
+
+      it('should check the docs of the project', function () {
+        return this.ProjectEntityHandler.getAllDocs
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should set the root doc to the doc containing a documentclass', function () {
+        return this.ProjectEntityUpdateHandler.setRootDoc
+          .calledWith(this.project_id, this.docId2)
+          .should.equal(true)
+      })
+    })
+
+    describe('when the root doc is an Rtex file', function () {
+      beforeEach(function (done) {
+        this.docs = {
+          '/chapter1.tex': {
+            _id: this.docId1,
+            lines: ['\\begin{document}', 'Hello world', '\\end{document}'],
+          },
+          '/main.Rtex': {
+            _id: this.docId2,
+            lines: ['\\documentclass{article}', '\\input{chapter1}'],
+          },
+        }
+        this.ProjectEntityHandler.getAllDocs = sinon
+          .stub()
+          .callsArgWith(1, null, this.docs)
+        return this.ProjectRootDocManager.setRootDocAutomatically(
+          this.project_id,
+          done
+        )
+      })
+
+      it('should set the root doc to the doc containing a documentclass', function () {
+        return this.ProjectEntityUpdateHandler.setRootDoc
+          .calledWith(this.project_id, this.docId2)
+          .should.equal(true)
+      })
+    })
+
+    describe('when there is no suitable root doc', function () {
+      beforeEach(function (done) {
+        this.docs = {
+          '/chapter1.tex': {
+            _id: this.docId1,
+            lines: ['\\begin{document}', 'Hello world', '\\end{document}'],
+          },
+          '/style.bst': {
+            _id: this.docId2,
+            lines: ['%Example: \\documentclass{article}'],
+          },
+        }
+        this.ProjectEntityHandler.getAllDocs = sinon
+          .stub()
+          .callsArgWith(1, null, this.docs)
+        return this.ProjectRootDocManager.setRootDocAutomatically(
+          this.project_id,
+          done
+        )
+      })
+
+      it('should not set the root doc to the doc containing a documentclass', function () {
+        return this.ProjectEntityUpdateHandler.setRootDoc.called.should.equal(
+          false
+        )
+      })
+    })
+  })
+
+  describe('findRootDocFileFromDirectory', function () {
+    beforeEach(function () {
+      this.fs.readFile
+        .withArgs('/foo/a.tex')
+        .callsArgWith(2, null, 'Hello World!')
+      this.fs.readFile
+        .withArgs('/foo/b.tex')
+        .callsArgWith(2, null, "I'm a little teapot, get me out of here.")
+      this.fs.readFile
+        .withArgs('/foo/main.tex')
+        .callsArgWith(2, null, "Help, I'm trapped in a unit testing factory")
+      this.fs.readFile
+        .withArgs('/foo/c.tex')
+        .callsArgWith(2, null, 'Tomato, tomahto.')
+      this.fs.readFile
+        .withArgs('/foo/a/a.tex')
+        .callsArgWith(2, null, 'Potato? Potahto. Potootee!')
+      return (this.documentclassContent = '% test\n\\documentclass\n% test')
+    })
+
+    describe('when there is a file in a subfolder', function () {
+      beforeEach(function () {
+        // have to splice globbyFiles weirdly because of the way the stubbed globby method handles references
+        return this.globbyFiles.splice(
+          0,
+          this.globbyFiles.length,
+          'c.tex',
+          'a.tex',
+          'a/a.tex',
+          'b.tex'
+        )
+      })
+
+      it('processes the root folder files first, and then the subfolder, in alphabetical order', function (done) {
+        return this.ProjectRootDocManager.findRootDocFileFromDirectory(
+          '/foo',
+          (error, path) => {
+            expect(error).not.to.exist
+            expect(path).to.equal('a.tex')
+            sinon.assert.callOrder(
+              this.fs.readFile.withArgs('/foo/a.tex'),
+              this.fs.readFile.withArgs('/foo/b.tex'),
+              this.fs.readFile.withArgs('/foo/c.tex'),
+              this.fs.readFile.withArgs('/foo/a/a.tex')
+            )
+            return done()
+          }
+        )
+      })
+
+      it('processes smaller files first', function (done) {
+        this.fs.stat.withArgs('/foo/c.tex').callsArgWith(1, null, { size: 1 })
+        return this.ProjectRootDocManager.findRootDocFileFromDirectory(
+          '/foo',
+          (error, path) => {
+            expect(error).not.to.exist
+            expect(path).to.equal('c.tex')
+            sinon.assert.callOrder(
+              this.fs.readFile.withArgs('/foo/c.tex'),
+              this.fs.readFile.withArgs('/foo/a.tex'),
+              this.fs.readFile.withArgs('/foo/b.tex'),
+              this.fs.readFile.withArgs('/foo/a/a.tex')
+            )
+            return done()
+          }
+        )
+      })
+    })
+
+    describe('when main.tex contains a documentclass', function () {
+      beforeEach(function () {
+        return this.fs.readFile
+          .withArgs('/foo/main.tex')
+          .callsArgWith(2, null, this.documentclassContent)
+      })
+
+      it('returns main.tex', function (done) {
+        return this.ProjectRootDocManager.findRootDocFileFromDirectory(
+          '/foo',
+          (error, path, content) => {
+            expect(error).not.to.exist
+            expect(path).to.equal('main.tex')
+            expect(content).to.equal(this.documentclassContent)
+            return done()
+          }
+        )
+      })
+
+      it('processes main.text first and stops processing when it finds the content', function (done) {
+        return this.ProjectRootDocManager.findRootDocFileFromDirectory(
+          '/foo',
+          () => {
+            expect(this.fs.readFile).to.be.calledWith('/foo/main.tex')
+            expect(this.fs.readFile).not.to.be.calledWith('/foo/a.tex')
+            return done()
+          }
+        )
+      })
+    })
+
+    describe('when main.tex does not contain a line starting with \\documentclass', function () {
+      beforeEach(function () {
+        this.fs.readFile.withArgs('/foo/a.tex').callsArgWith(2, null, 'foo')
+        this.fs.readFile.withArgs('/foo/main.tex').callsArgWith(2, null, 'foo')
+        this.fs.readFile.withArgs('/foo/z.tex').callsArgWith(2, null, 'foo')
+        this.fs.readFile
+          .withArgs('/foo/nested/chapter1a.tex')
+          .callsArgWith(2, null, 'foo')
+      })
+
+      it('returns the first .tex file from the root folder', function (done) {
+        this.globbyFiles.splice(
+          0,
+          this.globbyFiles.length,
+          'a.tex',
+          'z.tex',
+          'nested/chapter1a.tex'
+        )
+
+        this.ProjectRootDocManager.findRootDocFileFromDirectory(
+          '/foo',
+          (error, path, content) => {
+            expect(error).not.to.exist
+            expect(path).to.equal('a.tex')
+            expect(content).to.equal('foo')
+            return done()
+          }
+        )
+      })
+
+      it('returns main.tex file from the root folder', function (done) {
+        this.globbyFiles.splice(
+          0,
+          this.globbyFiles.length,
+          'a.tex',
+          'z.tex',
+          'main.tex',
+          'nested/chapter1a.tex'
+        )
+
+        this.ProjectRootDocManager.findRootDocFileFromDirectory(
+          '/foo',
+          (error, path, content) => {
+            expect(error).not.to.exist
+            expect(path).to.equal('main.tex')
+            expect(content).to.equal('foo')
+            return done()
+          }
+        )
+      })
+    })
+
+    describe('when a.tex contains a documentclass', function () {
+      beforeEach(function () {
+        return this.fs.readFile
+          .withArgs('/foo/a.tex')
+          .callsArgWith(2, null, this.documentclassContent)
+      })
+
+      it('returns a.tex', function (done) {
+        return this.ProjectRootDocManager.findRootDocFileFromDirectory(
+          '/foo',
+          (error, path, content) => {
+            expect(error).not.to.exist
+            expect(path).to.equal('a.tex')
+            expect(content).to.equal(this.documentclassContent)
+            return done()
+          }
+        )
+      })
+
+      it('processes main.text first and stops processing when it finds the content', function (done) {
+        return this.ProjectRootDocManager.findRootDocFileFromDirectory(
+          '/foo',
+          () => {
+            expect(this.fs.readFile).to.be.calledWith('/foo/main.tex')
+            expect(this.fs.readFile).to.be.calledWith('/foo/a.tex')
+            expect(this.fs.readFile).not.to.be.calledWith('/foo/b.tex')
+            return done()
+          }
+        )
+      })
+    })
+
+    describe('when there is no documentclass', function () {
+      it('returns with no error', function (done) {
+        return this.ProjectRootDocManager.findRootDocFileFromDirectory(
+          '/foo',
+          error => {
+            expect(error).not.to.exist
+            return done()
+          }
+        )
+      })
+
+      it('processes all the files', function (done) {
+        return this.ProjectRootDocManager.findRootDocFileFromDirectory(
+          '/foo',
+          () => {
+            expect(this.fs.readFile).to.be.calledWith('/foo/main.tex')
+            expect(this.fs.readFile).to.be.calledWith('/foo/a.tex')
+            expect(this.fs.readFile).to.be.calledWith('/foo/b.tex')
+            return done()
+          }
+        )
+      })
+    })
+
+    describe('when there is an error reading a file', function () {
+      beforeEach(function () {
+        return this.fs.readFile
+          .withArgs('/foo/a.tex')
+          .callsArgWith(2, new Error('something went wrong'))
+      })
+
+      it('returns an error', function (done) {
+        return this.ProjectRootDocManager.findRootDocFileFromDirectory(
+          '/foo',
+          (error, path, content) => {
+            expect(error).to.exist
+            expect(path).not.to.exist
+            expect(content).not.to.exist
+            return done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('setRootDocFromName', function () {
+    describe('when there is a suitable root doc', function () {
+      beforeEach(function (done) {
+        this.ProjectEntityHandler.getAllDocPathsFromProjectById = sinon
+          .stub()
+          .callsArgWith(1, null, this.docPaths)
+        this.ProjectEntityUpdateHandler.setRootDoc = sinon
+          .stub()
+          .callsArgWith(2)
+        return this.ProjectRootDocManager.setRootDocFromName(
+          this.project_id,
+          '/main.tex',
+          done
+        )
+      })
+
+      it('should check the docs of the project', function () {
+        return this.ProjectEntityHandler.getAllDocPathsFromProjectById
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should set the root doc to main.tex', function () {
+        return this.ProjectEntityUpdateHandler.setRootDoc
+          .calledWith(this.project_id, this.docId2.toString())
+          .should.equal(true)
+      })
+    })
+
+    describe('when there is a suitable root doc but the leading slash is missing', function () {
+      beforeEach(function (done) {
+        this.ProjectEntityHandler.getAllDocPathsFromProjectById = sinon
+          .stub()
+          .callsArgWith(1, null, this.docPaths)
+        this.ProjectEntityUpdateHandler.setRootDoc = sinon
+          .stub()
+          .callsArgWith(2)
+        return this.ProjectRootDocManager.setRootDocFromName(
+          this.project_id,
+          'main.tex',
+          done
+        )
+      })
+
+      it('should check the docs of the project', function () {
+        return this.ProjectEntityHandler.getAllDocPathsFromProjectById
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should set the root doc to main.tex', function () {
+        return this.ProjectEntityUpdateHandler.setRootDoc
+          .calledWith(this.project_id, this.docId2.toString())
+          .should.equal(true)
+      })
+    })
+
+    describe('when there is a suitable root doc with a basename match', function () {
+      beforeEach(function (done) {
+        this.ProjectEntityHandler.getAllDocPathsFromProjectById = sinon
+          .stub()
+          .callsArgWith(1, null, this.docPaths)
+        this.ProjectEntityUpdateHandler.setRootDoc = sinon
+          .stub()
+          .callsArgWith(2)
+        return this.ProjectRootDocManager.setRootDocFromName(
+          this.project_id,
+          'chapter1a.tex',
+          done
+        )
+      })
+
+      it('should check the docs of the project', function () {
+        return this.ProjectEntityHandler.getAllDocPathsFromProjectById
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should set the root doc using the basename', function () {
+        return this.ProjectEntityUpdateHandler.setRootDoc
+          .calledWith(this.project_id, this.docId3.toString())
+          .should.equal(true)
+      })
+    })
+
+    describe('when there is a suitable root doc but the filename is in quotes', function () {
+      beforeEach(function (done) {
+        this.ProjectEntityHandler.getAllDocPathsFromProjectById = sinon
+          .stub()
+          .callsArgWith(1, null, this.docPaths)
+        this.ProjectEntityUpdateHandler.setRootDoc = sinon
+          .stub()
+          .callsArgWith(2)
+        return this.ProjectRootDocManager.setRootDocFromName(
+          this.project_id,
+          "'main.tex'",
+          done
+        )
+      })
+
+      it('should check the docs of the project', function () {
+        return this.ProjectEntityHandler.getAllDocPathsFromProjectById
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should set the root doc to main.tex', function () {
+        return this.ProjectEntityUpdateHandler.setRootDoc
+          .calledWith(this.project_id, this.docId2.toString())
+          .should.equal(true)
+      })
+    })
+
+    describe('when there is no suitable root doc', function () {
+      beforeEach(function (done) {
+        this.ProjectEntityHandler.getAllDocPathsFromProjectById = sinon
+          .stub()
+          .callsArgWith(1, null, this.docPaths)
+        this.ProjectEntityUpdateHandler.setRootDoc = sinon
+          .stub()
+          .callsArgWith(2)
+        return this.ProjectRootDocManager.setRootDocFromName(
+          this.project_id,
+          'other.tex',
+          done
+        )
+      })
+
+      it('should not set the root doc', function () {
+        return this.ProjectEntityUpdateHandler.setRootDoc.called.should.equal(
+          false
+        )
+      })
+    })
+  })
+
+  describe('ensureRootDocumentIsSet', function () {
+    beforeEach(function () {
+      this.project = {}
+      this.ProjectGetter.getProject = sinon
+        .stub()
+        .callsArgWith(2, null, this.project)
+      return (this.ProjectRootDocManager.setRootDocAutomatically = sinon
+        .stub()
+        .callsArgWith(1, null))
+    })
+
+    describe('when the root doc is set', function () {
+      beforeEach(function () {
+        this.project.rootDoc_id = this.docId2
+        return this.ProjectRootDocManager.ensureRootDocumentIsSet(
+          this.project_id,
+          this.callback
+        )
+      })
+
+      it('should find the project fetching only the rootDoc_id field', function () {
+        return this.ProjectGetter.getProject
+          .calledWith(this.project_id, { rootDoc_id: 1 })
+          .should.equal(true)
+      })
+
+      it('should not try to update the project rootDoc_id', function () {
+        return this.ProjectRootDocManager.setRootDocAutomatically.called.should.equal(
+          false
+        )
+      })
+
+      it('should call the callback', function () {
+        return this.callback.called.should.equal(true)
+      })
+    })
+
+    describe('when the root doc is not set', function () {
+      beforeEach(function () {
+        return this.ProjectRootDocManager.ensureRootDocumentIsSet(
+          this.project_id,
+          this.callback
+        )
+      })
+
+      it('should find the project with only the rootDoc_id field', function () {
+        return this.ProjectGetter.getProject
+          .calledWith(this.project_id, { rootDoc_id: 1 })
+          .should.equal(true)
+      })
+
+      it('should update the project rootDoc_id', function () {
+        return this.ProjectRootDocManager.setRootDocAutomatically
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should call the callback', function () {
+        return this.callback.called.should.equal(true)
+      })
+    })
+
+    describe('when the project does not exist', function () {
+      beforeEach(function () {
+        this.ProjectGetter.getProject = sinon.stub().callsArgWith(2, null, null)
+        return this.ProjectRootDocManager.ensureRootDocumentIsSet(
+          this.project_id,
+          this.callback
+        )
+      })
+
+      it('should call the callback with an error', function () {
+        return this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(sinon.match.has('message', 'project not found'))
+          )
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('ensureRootDocumentIsValid', function () {
+    beforeEach(function () {
+      this.project = {}
+      this.ProjectGetter.getProject = sinon
+        .stub()
+        .callsArgWith(2, null, this.project)
+      this.ProjectGetter.getProjectWithoutDocLines = sinon
+        .stub()
+        .callsArgWith(1, null, this.project)
+      this.ProjectEntityUpdateHandler.setRootDoc = sinon.stub().yields()
+      this.ProjectEntityUpdateHandler.unsetRootDoc = sinon.stub().yields()
+      this.ProjectRootDocManager.setRootDocAutomatically = sinon
+        .stub()
+        .callsArgWith(1, null)
+    })
+
+    describe('when the root doc is set', function () {
+      describe('when the root doc is valid', function () {
+        beforeEach(function () {
+          this.project.rootDoc_id = this.docId2
+          this.ProjectEntityHandler.getDocPathFromProjectByDocId = sinon
+            .stub()
+            .callsArgWith(2, null, this.docPaths[this.docId2])
+          return this.ProjectRootDocManager.ensureRootDocumentIsValid(
+            this.project_id,
+            this.callback
+          )
+        })
+
+        it('should find the project without doc lines', function () {
+          return this.ProjectGetter.getProjectWithoutDocLines
+            .calledWith(this.project_id)
+            .should.equal(true)
+        })
+
+        it('should not try to update the project rootDoc_id', function () {
+          return this.ProjectRootDocManager.setRootDocAutomatically.called.should.equal(
+            false
+          )
+        })
+
+        it('should call the callback', function () {
+          return this.callback.called.should.equal(true)
+        })
+      })
+
+      describe('when the root doc is not valid', function () {
+        beforeEach(function () {
+          this.project.rootDoc_id = new ObjectId()
+          this.ProjectEntityHandler.getDocPathFromProjectByDocId = sinon
+            .stub()
+            .callsArgWith(2, null, null)
+          return this.ProjectRootDocManager.ensureRootDocumentIsValid(
+            this.project_id,
+            this.callback
+          )
+        })
+
+        it('should find the project without doc lines', function () {
+          return this.ProjectGetter.getProjectWithoutDocLines
+            .calledWith(this.project_id)
+            .should.equal(true)
+        })
+
+        it('should unset the root doc', function () {
+          return this.ProjectEntityUpdateHandler.unsetRootDoc
+            .calledWith(this.project_id)
+            .should.equal(true)
+        })
+
+        it('should try to find a new rootDoc', function () {
+          return this.ProjectRootDocManager.setRootDocAutomatically.called.should.equal(
+            true
+          )
+        })
+
+        it('should call the callback', function () {
+          return this.callback.called.should.equal(true)
+        })
+      })
+    })
+
+    describe('when the root doc is not set', function () {
+      beforeEach(function () {
+        return this.ProjectRootDocManager.ensureRootDocumentIsValid(
+          this.project_id,
+          this.callback
+        )
+      })
+
+      it('should find the project without doc lines', function () {
+        return this.ProjectGetter.getProjectWithoutDocLines
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should update the project rootDoc_id', function () {
+        return this.ProjectRootDocManager.setRootDocAutomatically
+          .calledWith(this.project_id)
+          .should.equal(true)
+      })
+
+      it('should call the callback', function () {
+        return this.callback.called.should.equal(true)
+      })
+    })
+
+    describe('when the project does not exist', function () {
+      beforeEach(function () {
+        this.ProjectGetter.getProjectWithoutDocLines = sinon
+          .stub()
+          .callsArgWith(1, null, null)
+        return this.ProjectRootDocManager.ensureRootDocumentIsValid(
+          this.project_id,
+          this.callback
+        )
+      })
+
+      it('should call the callback with an error', function () {
+        return this.callback
+          .calledWith(
+            sinon.match
+              .instanceOf(Error)
+              .and(sinon.match.has('message', 'project not found'))
+          )
+          .should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/ProjectUpdateHandlerTests.js b/services/web/test/unit/src/Project/ProjectUpdateHandlerTests.js
new file mode 100644
index 0000000..4984f14
--- /dev/null
+++ b/services/web/test/unit/src/Project/ProjectUpdateHandlerTests.js
@@ -0,0 +1,102 @@
+const sinon = require('sinon')
+const modulePath =
+  '../../../../app/src/Features/Project/ProjectUpdateHandler.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('ProjectUpdateHandler', function () {
+  beforeEach(function () {
+    this.fakeTime = new Date()
+    this.clock = sinon.useFakeTimers(this.fakeTime.getTime())
+  })
+
+  afterEach(function () {
+    this.clock.restore()
+  })
+
+  beforeEach(function () {
+    this.ProjectModel = class Project {}
+    this.ProjectModel.updateOne = sinon.stub().returns({
+      exec: sinon.stub(),
+    })
+    this.handler = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../models/Project': { Project: this.ProjectModel },
+      },
+    })
+  })
+
+  describe('marking a project as recently updated', function () {
+    beforeEach(function () {
+      this.project_id = 'project_id'
+      this.lastUpdatedAt = 987654321
+      this.lastUpdatedBy = 'fake-last-updater-id'
+    })
+
+    it('should send an update to mongo', async function () {
+      await this.handler.promises.markAsUpdated(
+        this.project_id,
+        this.lastUpdatedAt,
+        this.lastUpdatedBy
+      )
+
+      sinon.assert.calledWith(
+        this.ProjectModel.updateOne,
+        {
+          _id: this.project_id,
+          lastUpdated: { $lt: this.lastUpdatedAt },
+        },
+        {
+          lastUpdated: this.lastUpdatedAt,
+          lastUpdatedBy: this.lastUpdatedBy,
+        }
+      )
+    })
+
+    it('should set smart fallbacks', async function () {
+      await this.handler.promises.markAsUpdated(this.project_id, null, null)
+      sinon.assert.calledWithMatch(
+        this.ProjectModel.updateOne,
+        {
+          _id: this.project_id,
+          lastUpdated: { $lt: this.fakeTime },
+        },
+        {
+          lastUpdated: this.fakeTime,
+          lastUpdatedBy: null,
+        }
+      )
+    })
+  })
+
+  describe('markAsOpened', function () {
+    it('should send an update to mongo', async function () {
+      const projectId = 'project_id'
+      await this.handler.promises.markAsOpened(projectId)
+      const args = this.ProjectModel.updateOne.args[0]
+      args[0]._id.should.equal(projectId)
+      const date = args[1].lastOpened + ''
+      const now = Date.now() + ''
+      date.substring(0, 5).should.equal(now.substring(0, 5))
+    })
+  })
+
+  describe('markAsInactive', function () {
+    it('should send an update to mongo', async function () {
+      const projectId = 'project_id'
+      await this.handler.promises.markAsInactive(projectId)
+      const args = this.ProjectModel.updateOne.args[0]
+      args[0]._id.should.equal(projectId)
+      args[1].active.should.equal(false)
+    })
+  })
+
+  describe('markAsActive', function () {
+    it('should send an update to mongo', async function () {
+      const projectId = 'project_id'
+      await this.handler.promises.markAsActive(projectId)
+      const args = this.ProjectModel.updateOne.args[0]
+      args[0]._id.should.equal(projectId)
+      args[1].active.should.equal(true)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Project/SafePathTests.js b/services/web/test/unit/src/Project/SafePathTests.js
new file mode 100644
index 0000000..0f6417b
--- /dev/null
+++ b/services/web/test/unit/src/Project/SafePathTests.js
@@ -0,0 +1,277 @@
+/* eslint-disable
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { assert, expect } = require('chai')
+const sinon = require('sinon')
+const modulePath = '../../../../app/src/Features/Project/SafePath'
+const SandboxedModule = require('sandboxed-module')
+
+describe('SafePath', function () {
+  beforeEach(function () {
+    return (this.SafePath = SandboxedModule.require(modulePath))
+  })
+
+  describe('isCleanFilename', function () {
+    it('should accept a valid filename "main.tex"', function () {
+      const result = this.SafePath.isCleanFilename('main.tex')
+      return result.should.equal(true)
+    })
+
+    it('should not accept an empty filename', function () {
+      const result = this.SafePath.isCleanFilename('')
+      return result.should.equal(false)
+    })
+
+    it('should not accept / anywhere', function () {
+      const result = this.SafePath.isCleanFilename('foo/bar')
+      return result.should.equal(false)
+    })
+
+    it('should not accept .', function () {
+      const result = this.SafePath.isCleanFilename('.')
+      return result.should.equal(false)
+    })
+
+    it('should not accept ..', function () {
+      const result = this.SafePath.isCleanFilename('..')
+      return result.should.equal(false)
+    })
+
+    it('should not accept * anywhere', function () {
+      const result = this.SafePath.isCleanFilename('foo*bar')
+      return result.should.equal(false)
+    })
+
+    it('should not accept leading whitespace', function () {
+      const result = this.SafePath.isCleanFilename(' foobar.tex')
+      return result.should.equal(false)
+    })
+
+    it('should not accept trailing whitespace', function () {
+      const result = this.SafePath.isCleanFilename('foobar.tex ')
+      return result.should.equal(false)
+    })
+
+    it('should not accept leading and trailing whitespace', function () {
+      const result = this.SafePath.isCleanFilename(' foobar.tex ')
+      return result.should.equal(false)
+    })
+
+    it('should not accept control characters (0-31)', function () {
+      const result = this.SafePath.isCleanFilename('foo\u0010bar')
+      return result.should.equal(false)
+    })
+
+    it('should not accept control characters (127, delete)', function () {
+      const result = this.SafePath.isCleanFilename('foo\u007fbar')
+      return result.should.equal(false)
+    })
+
+    it('should not accept control characters (128-159)', function () {
+      const result = this.SafePath.isCleanFilename('foo\u0080\u0090bar')
+      return result.should.equal(false)
+    })
+
+    it('should not accept surrogate characters (128-159)', function () {
+      const result = this.SafePath.isCleanFilename('foo\uD800\uDFFFbar')
+      return result.should.equal(false)
+    })
+
+    it('should accept javascript property names', function () {
+      const result = this.SafePath.isCleanFilename('prototype')
+      return result.should.equal(true)
+    })
+
+    it('should accept javascript property names in the prototype', function () {
+      const result = this.SafePath.isCleanFilename('hasOwnProperty')
+      return result.should.equal(true)
+    })
+
+    // this test never worked correctly because the spaces are not replaced by underscores in isCleanFilename
+    // it 'should not accept javascript property names resulting from substitutions', ->
+    // 	result = @SafePath.isCleanFilename '  proto  '
+    // 	result.should.equal false
+
+    // it 'should not accept a trailing .', ->
+    // 	result = @SafePath.isCleanFilename 'hello.'
+    // 	result.should.equal false
+
+    it('should not accept \\', function () {
+      const result = this.SafePath.isCleanFilename('foo\\bar')
+      return result.should.equal(false)
+    })
+
+    it('should reject filenames regardless of order  (/g) for bad characters', function () {
+      const result1 = this.SafePath.isCleanFilename('foo*bar.tex') // * is not allowed
+      const result2 = this.SafePath.isCleanFilename('*foobar.tex') // bad char location is before previous match
+      return result1.should.equal(false) && result2.should.equal(false)
+    })
+
+    it('should reject filenames regardless of order (/g) for bad filenames', function () {
+      const result1 = this.SafePath.isCleanFilename('foo ') // trailing space
+      const result2 = this.SafePath.isCleanFilename(' foobar') // leading space, match location is before previous match
+      return result1.should.equal(false) && result2.should.equal(false)
+    })
+  })
+
+  describe('isCleanPath', function () {
+    it('should accept a valid filename "main.tex"', function () {
+      const result = this.SafePath.isCleanPath('main.tex')
+      return result.should.equal(true)
+    })
+
+    it('should accept a valid path "foo/main.tex"', function () {
+      const result = this.SafePath.isCleanPath('foo/main.tex')
+      return result.should.equal(true)
+    })
+
+    it('should accept empty path elements', function () {
+      const result = this.SafePath.isCleanPath('foo//main.tex')
+      return result.should.equal(true)
+    })
+
+    it('should not accept an empty filename', function () {
+      const result = this.SafePath.isCleanPath('foo/bar/')
+      return result.should.equal(false)
+    })
+
+    it('should accept a path that starts with a slash', function () {
+      const result = this.SafePath.isCleanPath('/etc/passwd')
+      return result.should.equal(true)
+    })
+
+    it('should not accept a path that has an asterisk as the 0th element', function () {
+      const result = this.SafePath.isCleanPath('*/foo/bar')
+      return result.should.equal(false)
+    })
+
+    it('should not accept a path that has an asterisk as a middle element', function () {
+      const result = this.SafePath.isCleanPath('foo/*/bar')
+      return result.should.equal(false)
+    })
+
+    it('should not accept a path that has an asterisk as the filename', function () {
+      const result = this.SafePath.isCleanPath('foo/bar/*')
+      return result.should.equal(false)
+    })
+
+    it('should not accept a path that contains an asterisk in the 0th element', function () {
+      const result = this.SafePath.isCleanPath('f*o/bar/baz')
+      return result.should.equal(false)
+    })
+
+    it('should not accept a path that contains an asterisk in a middle element', function () {
+      const result = this.SafePath.isCleanPath('foo/b*r/baz')
+      return result.should.equal(false)
+    })
+
+    it('should not accept a path that contains an asterisk in the filename', function () {
+      const result = this.SafePath.isCleanPath('foo/bar/b*z')
+      return result.should.equal(false)
+    })
+
+    it('should not accept multiple problematic elements', function () {
+      const result = this.SafePath.isCleanPath('f*o/b*r/b*z')
+      return result.should.equal(false)
+    })
+
+    it('should not accept a problematic path with an empty element', function () {
+      const result = this.SafePath.isCleanPath('foo//*/bar')
+      return result.should.equal(false)
+    })
+
+    it('should not accept javascript property names', function () {
+      const result = this.SafePath.isCleanPath('prototype')
+      return result.should.equal(false)
+    })
+
+    it('should not accept javascript property names in the prototype', function () {
+      const result = this.SafePath.isCleanPath('hasOwnProperty')
+      return result.should.equal(false)
+    })
+
+    it('should not accept javascript property names resulting from substitutions', function () {
+      const result = this.SafePath.isCleanPath('  proto  ')
+      return result.should.equal(false)
+    })
+  })
+
+  describe('isAllowedLength', function () {
+    it('should accept a valid path "main.tex"', function () {
+      const result = this.SafePath.isAllowedLength('main.tex')
+      return result.should.equal(true)
+    })
+
+    it('should not accept an extremely long path', function () {
+      const longPath = new Array(1000).join('/subdir') + '/main.tex'
+      const result = this.SafePath.isAllowedLength(longPath)
+      return result.should.equal(false)
+    })
+
+    it('should not accept an empty path', function () {
+      const result = this.SafePath.isAllowedLength('')
+      return result.should.equal(false)
+    })
+  })
+
+  describe('clean', function () {
+    it('should not modify a valid filename', function () {
+      const result = this.SafePath.clean('main.tex')
+      return result.should.equal('main.tex')
+    })
+
+    it('should replace invalid characters with _', function () {
+      const result = this.SafePath.clean('foo/bar*/main.tex')
+      return result.should.equal('foo_bar__main.tex')
+    })
+
+    it('should replace "." with "_"', function () {
+      const result = this.SafePath.clean('.')
+      return result.should.equal('_')
+    })
+
+    it('should replace ".." with "__"', function () {
+      const result = this.SafePath.clean('..')
+      return result.should.equal('__')
+    })
+
+    it('should replace a single trailing space with _', function () {
+      const result = this.SafePath.clean('foo ')
+      return result.should.equal('foo_')
+    })
+
+    it('should replace a multiple trailing spaces with ___', function () {
+      const result = this.SafePath.clean('foo  ')
+      return result.should.equal('foo__')
+    })
+
+    it('should replace a single leading space with _', function () {
+      const result = this.SafePath.clean(' foo')
+      return result.should.equal('_foo')
+    })
+
+    it('should replace a multiple leading spaces with ___', function () {
+      const result = this.SafePath.clean('  foo')
+      return result.should.equal('__foo')
+    })
+
+    it('should prefix javascript property names with @', function () {
+      const result = this.SafePath.clean('prototype')
+      return result.should.equal('@prototype')
+    })
+
+    it('should prefix javascript property names in the prototype with @', function () {
+      const result = this.SafePath.clean('hasOwnProperty')
+      return result.should.equal('@hasOwnProperty')
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Publishers/PublishersGetterTests.js b/services/web/test/unit/src/Publishers/PublishersGetterTests.js
new file mode 100644
index 0000000..bad4603
--- /dev/null
+++ b/services/web/test/unit/src/Publishers/PublishersGetterTests.js
@@ -0,0 +1,56 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = require('path').join(
+  __dirname,
+  '../../../../app/src/Features/Publishers/PublishersGetter.js'
+)
+
+describe('PublishersGetter', function () {
+  beforeEach(function () {
+    this.publisher = {
+      _id: 'mock-publsiher-id',
+      slug: 'ieee',
+      fetchV1Data: sinon.stub(),
+    }
+
+    this.UserMembershipsHandler = {
+      promises: {
+        getEntitiesByUser: sinon.stub().resolves([this.publisher]),
+      },
+    }
+    this.UserMembershipEntityConfigs = {
+      publisher: {
+        modelName: 'Publisher',
+        canCreate: true,
+        fields: {
+          primaryKey: 'slug',
+        },
+      },
+    }
+
+    this.PublishersGetter = SandboxedModule.require(modulePath, {
+      requires: {
+        '../User/UserGetter': this.UserGetter,
+        '../UserMembership/UserMembershipsHandler': this.UserMembershipsHandler,
+        '../UserMembership/UserMembershipEntityConfigs':
+          this.UserMembershipEntityConfigs,
+      },
+    })
+
+    this.userId = '12345abcde'
+  })
+
+  describe('getManagedPublishers', function () {
+    it('fetches v1 data before returning publisher list', function (done) {
+      this.PublishersGetter.getManagedPublishers(
+        this.userId,
+        (error, publishers) => {
+          expect(error).to.be.null
+          publishers.length.should.equal(1)
+          done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Referal/ReferalAllocatorTests.js b/services/web/test/unit/src/Referal/ReferalAllocatorTests.js
new file mode 100644
index 0000000..ecc0c6e
--- /dev/null
+++ b/services/web/test/unit/src/Referal/ReferalAllocatorTests.js
@@ -0,0 +1,133 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const modulePath = require('path').join(
+  __dirname,
+  '../../../../app/src/Features/Referal/ReferalAllocator.js'
+)
+
+describe('ReferalAllocator', function () {
+  beforeEach(function () {
+    this.ReferalAllocator = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../models/User': {
+          User: (this.User = {}),
+        },
+        '../Subscription/FeaturesUpdater': (this.FeaturesUpdater = {}),
+        '@overleaf/settings': (this.Settings = {}),
+      },
+    })
+    this.referal_id = 'referal-id-123'
+    this.referal_medium = 'twitter'
+    this.user_id = 'user-id-123'
+    this.new_user_id = 'new-user-id-123'
+    this.FeaturesUpdater.promises = {
+      refreshFeatures: sinon.stub().resolves(),
+    }
+    this.User.updateOne = sinon.stub().returns({
+      exec: sinon.stub().resolves(),
+    })
+    this.User.findOne = sinon.stub().returns({
+      exec: sinon.stub().resolves({ _id: this.user_id }),
+    })
+  })
+
+  describe('allocate', function () {
+    describe('when the referal was a bonus referal', function () {
+      beforeEach(async function () {
+        this.referal_source = 'bonus'
+        await this.ReferalAllocator.promises.allocate(
+          this.referal_id,
+          this.new_user_id,
+          this.referal_source,
+          this.referal_medium
+        )
+      })
+
+      it('should update the referring user with the refered users id', function () {
+        this.User.updateOne
+          .calledWith(
+            {
+              referal_id: this.referal_id,
+            },
+            {
+              $push: {
+                refered_users: this.new_user_id,
+              },
+              $inc: {
+                refered_user_count: 1,
+              },
+            }
+          )
+          .should.equal(true)
+      })
+
+      it('find the referring users id', function () {
+        this.User.findOne
+          .calledWith({ referal_id: this.referal_id })
+          .should.equal(true)
+      })
+
+      it("should refresh the user's subscription", function () {
+        this.FeaturesUpdater.promises.refreshFeatures
+          .calledWith(this.user_id)
+          .should.equal(true)
+      })
+    })
+
+    describe('when there is no user for the referal id', function () {
+      beforeEach(async function () {
+        this.referal_source = 'bonus'
+        this.referal_id = 'wombat'
+        this.User.findOne = sinon.stub().returns({
+          exec: sinon.stub().resolves(null),
+        })
+        await this.ReferalAllocator.promises.allocate(
+          this.referal_id,
+          this.new_user_id,
+          this.referal_source,
+          this.referal_medium
+        )
+      })
+
+      it('should find the referring users id', function () {
+        this.User.findOne
+          .calledWith({ referal_id: this.referal_id })
+          .should.equal(true)
+      })
+
+      it('should not update the referring user with the refered users id', function () {
+        this.User.updateOne.called.should.equal(false)
+      })
+
+      it('should not assign the user a bonus', function () {
+        this.FeaturesUpdater.promises.refreshFeatures.called.should.equal(false)
+      })
+    })
+
+    describe('when the referal is not a bonus referal', function () {
+      beforeEach(async function () {
+        this.referal_source = 'public_share'
+        await this.ReferalAllocator.promises.allocate(
+          this.referal_id,
+          this.new_user_id,
+          this.referal_source,
+          this.referal_medium
+        )
+      })
+
+      it('should not update the referring user with the refered users id', function () {
+        this.User.updateOne.called.should.equal(false)
+      })
+
+      it('find the referring users id', function () {
+        this.User.findOne
+          .calledWith({ referal_id: this.referal_id })
+          .should.equal(true)
+      })
+
+      it('should not assign the user a bonus', function () {
+        this.FeaturesUpdater.promises.refreshFeatures.called.should.equal(false)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Referal/ReferalConnectTests.mjs b/services/web/test/unit/src/Referal/ReferalConnectTests.mjs
new file mode 100644
index 0000000..c6e56c3
--- /dev/null
+++ b/services/web/test/unit/src/Referal/ReferalConnectTests.mjs
@@ -0,0 +1,132 @@
+import esmock from 'esmock'
+const modulePath = new URL(
+  '../../../../app/src/Features/Referal/ReferalConnect.mjs',
+  import.meta.url
+).pathname
+
+describe('Referal connect middle wear', function () {
+  beforeEach(async function () {
+    this.connect = await esmock.strict(modulePath, {})
+  })
+
+  it('should take a referal query string and put it on the session if it exists', function (done) {
+    const req = {
+      query: { referal: '12345' },
+      session: {},
+    }
+    this.connect.use(req, {}, () => {
+      req.session.referal_id.should.equal(req.query.referal)
+      done()
+    })
+  })
+
+  it('should not change the referal_id on the session if not in query', function (done) {
+    const req = {
+      query: {},
+      session: { referal_id: 'same' },
+    }
+    this.connect.use(req, {}, () => {
+      req.session.referal_id.should.equal('same')
+      done()
+    })
+  })
+
+  it('should take a facebook referal query string and put it on the session if it exists', function (done) {
+    const req = {
+      query: { fb_ref: '12345' },
+      session: {},
+    }
+    this.connect.use(req, {}, () => {
+      req.session.referal_id.should.equal(req.query.fb_ref)
+      done()
+    })
+  })
+
+  it('should map the facebook medium into the session', function (done) {
+    const req = {
+      query: { rm: 'fb' },
+      session: {},
+    }
+    this.connect.use(req, {}, () => {
+      req.session.referal_medium.should.equal('facebook')
+      done()
+    })
+  })
+
+  it('should map the twitter medium into the session', function (done) {
+    const req = {
+      query: { rm: 't' },
+      session: {},
+    }
+    this.connect.use(req, {}, () => {
+      req.session.referal_medium.should.equal('twitter')
+      done()
+    })
+  })
+
+  it('should map the google plus medium into the session', function (done) {
+    const req = {
+      query: { rm: 'gp' },
+      session: {},
+    }
+    this.connect.use(req, {}, () => {
+      req.session.referal_medium.should.equal('google_plus')
+      done()
+    })
+  })
+
+  it('should map the email medium into the session', function (done) {
+    const req = {
+      query: { rm: 'e' },
+      session: {},
+    }
+    this.connect.use(req, {}, () => {
+      req.session.referal_medium.should.equal('email')
+      done()
+    })
+  })
+
+  it('should map the direct medium into the session', function (done) {
+    const req = {
+      query: { rm: 'd' },
+      session: {},
+    }
+    this.connect.use(req, {}, () => {
+      req.session.referal_medium.should.equal('direct')
+      done()
+    })
+  })
+
+  it('should map the bonus source into the session', function (done) {
+    const req = {
+      query: { rs: 'b' },
+      session: {},
+    }
+    this.connect.use(req, {}, () => {
+      req.session.referal_source.should.equal('bonus')
+      done()
+    })
+  })
+
+  it('should map the public share source into the session', function (done) {
+    const req = {
+      query: { rs: 'ps' },
+      session: {},
+    }
+    this.connect.use(req, {}, () => {
+      req.session.referal_source.should.equal('public_share')
+      done()
+    })
+  })
+
+  it('should map the collaborator invite into the session', function (done) {
+    const req = {
+      query: { rs: 'ci' },
+      session: {},
+    }
+    this.connect.use(req, {}, () => {
+      req.session.referal_source.should.equal('collaborator_invite')
+      done()
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Referal/ReferalControllerTests.mjs b/services/web/test/unit/src/Referal/ReferalControllerTests.mjs
new file mode 100644
index 0000000..523fd23
--- /dev/null
+++ b/services/web/test/unit/src/Referal/ReferalControllerTests.mjs
@@ -0,0 +1,11 @@
+import esmock from 'esmock'
+const modulePath = new URL(
+  '../../../../app/src/Features/Referal/ReferalController.js',
+  import.meta.url
+).pathname
+
+describe('Referal controller', function () {
+  beforeEach(async function () {
+    this.controller = await esmock.strict(modulePath, {})
+  })
+})
diff --git a/services/web/test/unit/src/Referal/ReferalFeaturesTests.js b/services/web/test/unit/src/Referal/ReferalFeaturesTests.js
new file mode 100644
index 0000000..3134e8b
--- /dev/null
+++ b/services/web/test/unit/src/Referal/ReferalFeaturesTests.js
@@ -0,0 +1,86 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = require('path').join(
+  __dirname,
+  '../../../../app/src/Features/Referal/ReferalFeatures.js'
+)
+
+describe('ReferalFeatures', function () {
+  beforeEach(function () {
+    this.ReferalFeatures = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../models/User': {
+          User: (this.User = {}),
+        },
+        '@overleaf/settings': (this.Settings = {}),
+      },
+    })
+    this.referal_id = 'referal-id-123'
+    this.referal_medium = 'twitter'
+    this.user_id = 'user-id-123'
+    this.new_user_id = 'new-user-id-123'
+  })
+
+  describe('getBonusFeatures', function () {
+    beforeEach(async function () {
+      this.refered_user_count = 3
+      this.Settings.bonus_features = {
+        3: {
+          collaborators: 3,
+          dropbox: false,
+          versioning: false,
+        },
+      }
+      const stubbedUser = {
+        refered_user_count: this.refered_user_count,
+        features: { collaborators: 1, dropbox: false, versioning: false },
+      }
+
+      this.User.findOne = sinon.stub().returns({
+        exec: sinon.stub().resolves(stubbedUser),
+      })
+      this.features = await this.ReferalFeatures.promises.getBonusFeatures(
+        this.user_id
+      )
+    })
+
+    it('should get the users number of refered user', function () {
+      this.User.findOne.calledWith({ _id: this.user_id }).should.equal(true)
+    })
+
+    it('should return the features', function () {
+      expect(this.features).to.equal(this.Settings.bonus_features[3])
+    })
+  })
+
+  describe('when the user is not at a bonus level', function () {
+    beforeEach(async function () {
+      this.refered_user_count = 0
+      this.Settings.bonus_features = {
+        1: {
+          collaborators: 3,
+          dropbox: false,
+          versioning: false,
+        },
+      }
+      this.User.findOne = sinon.stub().returns({
+        exec: sinon
+          .stub()
+          .resolves({ refered_user_count: this.refered_user_count }),
+      })
+
+      this.features = await this.ReferalFeatures.promises.getBonusFeatures(
+        this.user_id
+      )
+    })
+
+    it('should get the users number of refered user', function () {
+      this.User.findOne.calledWith({ _id: this.user_id }).should.equal(true)
+    })
+
+    it('should return an empty feature set', function () {
+      expect(this.features).to.be.empty
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Referal/ReferalHandlerTests.mjs b/services/web/test/unit/src/Referal/ReferalHandlerTests.mjs
new file mode 100644
index 0000000..6fd58a6
--- /dev/null
+++ b/services/web/test/unit/src/Referal/ReferalHandlerTests.mjs
@@ -0,0 +1,89 @@
+import esmock from 'esmock'
+import { expect } from 'chai'
+import sinon from 'sinon'
+const modulePath = new URL(
+  '../../../../app/src/Features/Referal/ReferalHandler.mjs',
+  import.meta.url
+).pathname
+
+describe('Referal handler', function () {
+  beforeEach(async function () {
+    this.User = {
+      findById: sinon.stub().returns({
+        exec: sinon.stub(),
+      }),
+    }
+    this.handler = await esmock.strict(modulePath, {
+      '../../../../app/src/models/User': {
+        User: this.User,
+      },
+    })
+    this.user_id = '12313'
+  })
+
+  describe('getting refered user_ids', function () {
+    it('should get the user from mongo and return the refered users array', async function () {
+      const user = {
+        refered_users: ['1234', '312312', '3213129'],
+        refered_user_count: 3,
+      }
+      this.User.findById.returns({
+        exec: sinon.stub().resolves(user),
+      })
+
+      const {
+        referedUsers: passedReferedUserIds,
+        referedUserCount: passedReferedUserCount,
+      } = await this.handler.promises.getReferedUsers(this.user_id)
+
+      passedReferedUserIds.should.deep.equal(user.refered_users)
+      passedReferedUserCount.should.equal(3)
+    })
+
+    it('should return an empty array if it is not set', async function () {
+      const user = {}
+      this.User.findById.returns({
+        exec: sinon.stub().resolves(user),
+      })
+
+      const { referedUsers: passedReferedUserIds } =
+        await this.handler.promises.getReferedUsers(this.user_id)
+
+      passedReferedUserIds.length.should.equal(0)
+    })
+
+    it('should return a zero count if neither it or the array are set', async function () {
+      const user = {}
+      this.User.findById.returns({
+        exec: sinon.stub().resolves(user),
+      })
+
+      const { referedUserCount: passedReferedUserCount } =
+        await this.handler.promises.getReferedUsers(this.user_id)
+
+      passedReferedUserCount.should.equal(0)
+    })
+
+    it('should return the array length if count is not set', async function () {
+      const user = { refered_users: ['1234', '312312', '3213129'] }
+      this.User.findById.returns({
+        exec: sinon.stub().resolves(user),
+      })
+
+      const { referedUserCount: passedReferedUserCount } =
+        await this.handler.promises.getReferedUsers(this.user_id)
+
+      passedReferedUserCount.should.equal(3)
+    })
+
+    it('should error if finding the user fails', async function () {
+      this.User.findById.returns({
+        exec: sinon.stub().rejects(new Error('user not found')),
+      })
+
+      expect(
+        this.handler.promises.getReferedUsers(this.user_id)
+      ).to.be.rejectedWith('user not found')
+    })
+  })
+})
diff --git a/services/web/test/unit/src/References/ReferencesControllerTests.mjs b/services/web/test/unit/src/References/ReferencesControllerTests.mjs
new file mode 100644
index 0000000..fca2ace
--- /dev/null
+++ b/services/web/test/unit/src/References/ReferencesControllerTests.mjs
@@ -0,0 +1,188 @@
+import esmock from 'esmock'
+import sinon from 'sinon'
+import MockRequest from '../helpers/MockRequest.js'
+import MockResponse from '../helpers/MockResponse.js'
+const modulePath =
+  '../../../../app/src/Features/References/ReferencesController'
+
+describe('ReferencesController', function () {
+  beforeEach(async function () {
+    this.projectId = '2222'
+    this.controller = await esmock.strict(modulePath, {
+      '@overleaf/settings': (this.settings = {
+        apis: { web: { url: 'http://some.url' } },
+      }),
+      '../../../../app/src/Features/References/ReferencesHandler':
+        (this.ReferencesHandler = {
+          index: sinon.stub(),
+          indexAll: sinon.stub(),
+        }),
+      '../../../../app/src/Features/Editor/EditorRealTimeController':
+        (this.EditorRealTimeController = {
+          emitToRoom: sinon.stub(),
+        }),
+    })
+    this.req = new MockRequest()
+    this.req.params.Project_id = this.projectId
+    this.req.body = {
+      docIds: (this.docIds = ['aaa', 'bbb']),
+      shouldBroadcast: false,
+    }
+    this.res = new MockResponse()
+    this.res.json = sinon.stub()
+    this.res.sendStatus = sinon.stub()
+    this.next = sinon.stub()
+    this.fakeResponseData = {
+      projectId: this.projectId,
+      keys: ['one', 'two', 'three'],
+    }
+  })
+
+  describe('indexAll', function () {
+    beforeEach(function () {
+      this.req.body = { shouldBroadcast: false }
+      this.ReferencesHandler.indexAll.callsArgWith(
+        1,
+        null,
+        this.fakeResponseData
+      )
+      this.call = callback => {
+        this.controller.indexAll(this.req, this.res, this.next)
+        return callback()
+      }
+    })
+
+    it('should not produce an error', function (done) {
+      this.call(() => {
+        this.res.sendStatus.callCount.should.equal(0)
+        this.res.sendStatus.calledWith(500).should.equal(false)
+        this.res.sendStatus.calledWith(400).should.equal(false)
+        done()
+      })
+    })
+
+    it('should return data', function (done) {
+      this.call(() => {
+        this.res.json.callCount.should.equal(1)
+        this.res.json.calledWith(this.fakeResponseData).should.equal(true)
+        done()
+      })
+    })
+
+    it('should call ReferencesHandler.indexAll', function (done) {
+      this.call(() => {
+        this.ReferencesHandler.indexAll.callCount.should.equal(1)
+        this.ReferencesHandler.indexAll
+          .calledWith(this.projectId)
+          .should.equal(true)
+        done()
+      })
+    })
+
+    describe('when shouldBroadcast is true', function () {
+      beforeEach(function () {
+        this.ReferencesHandler.index.callsArgWith(
+          2,
+          null,
+          this.fakeResponseData
+        )
+        this.req.body.shouldBroadcast = true
+      })
+
+      it('should call EditorRealTimeController.emitToRoom', function (done) {
+        this.call(() => {
+          this.EditorRealTimeController.emitToRoom.callCount.should.equal(1)
+          done()
+        })
+      })
+
+      it('should not produce an error', function (done) {
+        this.call(() => {
+          this.res.sendStatus.callCount.should.equal(0)
+          this.res.sendStatus.calledWith(500).should.equal(false)
+          this.res.sendStatus.calledWith(400).should.equal(false)
+          done()
+        })
+      })
+
+      it('should still return data', function (done) {
+        this.call(() => {
+          this.res.json.callCount.should.equal(1)
+          this.res.json.calledWith(this.fakeResponseData).should.equal(true)
+          done()
+        })
+      })
+    })
+
+    describe('when shouldBroadcast is false', function () {
+      beforeEach(function () {
+        this.ReferencesHandler.index.callsArgWith(
+          2,
+          null,
+          this.fakeResponseData
+        )
+        this.req.body.shouldBroadcast = false
+      })
+
+      it('should not call EditorRealTimeController.emitToRoom', function (done) {
+        this.call(() => {
+          this.EditorRealTimeController.emitToRoom.callCount.should.equal(0)
+          done()
+        })
+      })
+
+      it('should not produce an error', function (done) {
+        this.call(() => {
+          this.res.sendStatus.callCount.should.equal(0)
+          this.res.sendStatus.calledWith(500).should.equal(false)
+          this.res.sendStatus.calledWith(400).should.equal(false)
+          done()
+        })
+      })
+
+      it('should still return data', function (done) {
+        this.call(() => {
+          this.res.json.callCount.should.equal(1)
+          this.res.json.calledWith(this.fakeResponseData).should.equal(true)
+          done()
+        })
+      })
+    })
+  })
+
+  describe('there is no data', function () {
+    beforeEach(function () {
+      this.ReferencesHandler.indexAll.callsArgWith(1)
+      this.call = callback => {
+        this.controller.indexAll(this.req, this.res, this.next)
+        callback()
+      }
+    })
+
+    it('should not call EditorRealTimeController.emitToRoom', function (done) {
+      this.call(() => {
+        this.EditorRealTimeController.emitToRoom.callCount.should.equal(0)
+        done()
+      })
+    })
+
+    it('should not produce an error', function (done) {
+      this.call(() => {
+        this.res.sendStatus.callCount.should.equal(0)
+        this.res.sendStatus.calledWith(500).should.equal(false)
+        this.res.sendStatus.calledWith(400).should.equal(false)
+        done()
+      })
+    })
+
+    it('should send a response with an empty keys list', function (done) {
+      this.call(() => {
+        this.res.json.called.should.equal(true)
+        this.res.json
+          .calledWith({ projectId: this.projectId, keys: [] })
+          .should.equal(true)
+        done()
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/References/ReferencesHandlerTests.mjs b/services/web/test/unit/src/References/ReferencesHandlerTests.mjs
new file mode 100644
index 0000000..57570dc
--- /dev/null
+++ b/services/web/test/unit/src/References/ReferencesHandlerTests.mjs
@@ -0,0 +1,399 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import esmock from 'esmock'
+
+import { expect } from 'chai'
+import sinon from 'sinon'
+import Errors from '../../../../app/src/Features/Errors/Errors.js'
+const modulePath =
+  '../../../../app/src/Features/References/ReferencesHandler.mjs'
+
+describe('ReferencesHandler', function () {
+  beforeEach(async function () {
+    this.projectId = '222'
+    this.historyId = 42
+    this.fakeProject = {
+      _id: this.projectId,
+      owner_ref: (this.fakeOwner = {
+        _id: 'some_owner',
+        features: {
+          references: false,
+        },
+      }),
+      rootFolder: [
+        {
+          docs: [
+            { name: 'one.bib', _id: 'aaa' },
+            { name: 'two.txt', _id: 'bbb' },
+          ],
+          folders: [
+            {
+              docs: [{ name: 'three.bib', _id: 'ccc' }],
+              fileRefs: [
+                { name: 'four.bib', _id: 'fff' },
+                { name: 'five.bib', _id: 'ggg', hash: 'hash' },
+              ],
+              folders: [],
+            },
+          ],
+        },
+      ],
+      overleaf: { history: { id: this.historyId } },
+    }
+    this.docIds = ['aaa', 'ccc']
+    this.handler = await esmock.strict(modulePath, {
+      '@overleaf/settings': (this.settings = {
+        apis: {
+          references: { url: 'http://some.url/references' },
+          docstore: { url: 'http://some.url/docstore' },
+          filestore: { url: 'http://some.url/filestore' },
+          project_history: { url: 'http://project-history.local' },
+        },
+        enableProjectHistoryBlobs: true,
+      }),
+      request: (this.request = {
+        get: sinon.stub(),
+        post: sinon.stub(),
+      }),
+      '../../../../app/src/Features/Project/ProjectGetter':
+        (this.ProjectGetter = {
+          getProject: sinon.stub().callsArgWith(2, null, this.fakeProject),
+        }),
+      '../../../../app/src/Features/User/UserGetter': (this.UserGetter = {
+        getUser: sinon.stub(),
+      }),
+      '../../../../app/src/Features/DocumentUpdater/DocumentUpdaterHandler':
+        (this.DocumentUpdaterHandler = {
+          flushDocToMongo: sinon.stub().callsArgWith(2, null),
+        }),
+      '../../../../app/src/infrastructure/Features': (this.Features = {
+        hasFeature: sinon.stub().returns(true),
+      }),
+    })
+    this.fakeResponseData = {
+      projectId: this.projectId,
+      keys: ['k1', 'k2'],
+    }
+  })
+
+  describe('indexAll', function () {
+    beforeEach(function () {
+      sinon.stub(this.handler, '_findBibDocIds').returns(['aaa', 'ccc'])
+      sinon
+        .stub(this.handler, '_findBibFileRefs')
+        .returns([{ _id: 'fff' }, { _id: 'ggg', hash: 'hash' }])
+      sinon.stub(this.handler, '_isFullIndex').callsArgWith(1, null, true)
+      this.request.post.callsArgWith(
+        1,
+        null,
+        { statusCode: 200 },
+        this.fakeResponseData
+      )
+      return (this.call = callback => {
+        return this.handler.indexAll(this.projectId, callback)
+      })
+    })
+
+    it('should call _findBibDocIds', function (done) {
+      return this.call((err, data) => {
+        expect(err).to.be.null
+        this.handler._findBibDocIds.callCount.should.equal(1)
+        this.handler._findBibDocIds
+          .calledWith(this.fakeProject)
+          .should.equal(true)
+        return done()
+      })
+    })
+
+    it('should call _findBibFileRefs', function (done) {
+      return this.call((err, data) => {
+        expect(err).to.be.null
+        this.handler._findBibDocIds.callCount.should.equal(1)
+        this.handler._findBibDocIds
+          .calledWith(this.fakeProject)
+          .should.equal(true)
+        return done()
+      })
+    })
+
+    it('should call DocumentUpdaterHandler.flushDocToMongo', function (done) {
+      return this.call((err, data) => {
+        expect(err).to.be.null
+        this.DocumentUpdaterHandler.flushDocToMongo.callCount.should.equal(2)
+        return done()
+      })
+    })
+
+    it('should make a request to references service', function (done) {
+      return this.call((err, data) => {
+        expect(err).to.be.null
+        this.request.post.callCount.should.equal(1)
+        const arg = this.request.post.firstCall.args[0]
+        expect(arg.json).to.have.all.keys('docUrls', 'sourceURLs', 'fullIndex')
+        expect(arg.json.docUrls.length).to.equal(4)
+        expect(arg.json.docUrls).to.deep.equal([
+          `${this.settings.apis.docstore.url}/project/${this.projectId}/doc/aaa/raw`,
+          `${this.settings.apis.docstore.url}/project/${this.projectId}/doc/ccc/raw`,
+          `${this.settings.apis.filestore.url}/project/${this.projectId}/file/fff?from=bibFileUrls`,
+          `${this.settings.apis.filestore.url}/project/${this.projectId}/file/ggg?from=bibFileUrls`,
+        ])
+        expect(arg.json.sourceURLs.length).to.equal(4)
+        expect(arg.json.sourceURLs).to.deep.equal([
+          {
+            url: `${this.settings.apis.docstore.url}/project/${this.projectId}/doc/aaa/raw`,
+          },
+          {
+            url: `${this.settings.apis.docstore.url}/project/${this.projectId}/doc/ccc/raw`,
+          },
+          {
+            url: `${this.settings.apis.filestore.url}/project/${this.projectId}/file/fff?from=bibFileUrls`,
+          },
+          {
+            url: `${this.settings.apis.project_history.url}/project/${this.historyId}/blob/hash`,
+            fallbackURL: `${this.settings.apis.filestore.url}/project/${this.projectId}/file/ggg?from=bibFileUrls`,
+          },
+        ])
+        expect(arg.json.fullIndex).to.equal(true)
+        return done()
+      })
+    })
+
+    it('should not produce an error', function (done) {
+      return this.call((err, data) => {
+        expect(err).to.equal(null)
+        return done()
+      })
+    })
+
+    it('should return data', function (done) {
+      return this.call((err, data) => {
+        expect(err).to.be.null
+        expect(data).to.not.equal(null)
+        expect(data).to.not.equal(undefined)
+        expect(data).to.equal(this.fakeResponseData)
+        return done()
+      })
+    })
+
+    describe('when ProjectGetter.getProject produces an error', function () {
+      beforeEach(function () {
+        return this.ProjectGetter.getProject.callsArgWith(2, new Error('woops'))
+      })
+
+      it('should produce an error', function (done) {
+        return this.call((err, data) => {
+          expect(err).to.not.equal(null)
+          expect(err).to.be.instanceof(Error)
+          expect(data).to.equal(undefined)
+          return done()
+        })
+      })
+
+      it('should not send request', function (done) {
+        return this.call(() => {
+          this.request.post.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+
+    describe('when ProjectGetter.getProject returns null', function () {
+      beforeEach(function () {
+        return this.ProjectGetter.getProject.callsArgWith(2, null)
+      })
+
+      it('should produce an error', function (done) {
+        return this.call((err, data) => {
+          expect(err).to.not.equal(null)
+          expect(err).to.be.instanceof(Errors.NotFoundError)
+          expect(data).to.equal(undefined)
+          return done()
+        })
+      })
+
+      it('should not send request', function (done) {
+        return this.call(() => {
+          this.request.post.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+
+    describe('when _isFullIndex produces an error', function () {
+      beforeEach(function () {
+        this.ProjectGetter.getProject.callsArgWith(2, null, this.fakeProject)
+        return this.handler._isFullIndex.callsArgWith(1, new Error('woops'))
+      })
+
+      it('should produce an error', function (done) {
+        return this.call((err, data) => {
+          expect(err).to.not.equal(null)
+          expect(err).to.be.instanceof(Error)
+          expect(data).to.equal(undefined)
+          return done()
+        })
+      })
+
+      it('should not send request', function (done) {
+        return this.call(() => {
+          this.request.post.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+
+    describe('when flushDocToMongo produces an error', function () {
+      beforeEach(function () {
+        this.ProjectGetter.getProject.callsArgWith(2, null, this.fakeProject)
+        this.handler._isFullIndex.callsArgWith(1, false)
+        return this.DocumentUpdaterHandler.flushDocToMongo.callsArgWith(
+          2,
+          new Error('woops')
+        )
+      })
+
+      it('should produce an error', function (done) {
+        return this.call((err, data) => {
+          expect(err).to.not.equal(null)
+          expect(err).to.be.instanceof(Error)
+          expect(data).to.equal(undefined)
+          return done()
+        })
+      })
+
+      it('should not send request', function (done) {
+        return this.call(() => {
+          this.request.post.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+  })
+
+  describe('_findBibDocIds', function () {
+    beforeEach(function () {
+      this.fakeProject = {
+        rootFolder: [
+          {
+            docs: [
+              { name: 'one.bib', _id: 'aaa' },
+              { name: 'two.txt', _id: 'bbb' },
+            ],
+            folders: [
+              { docs: [{ name: 'three.bib', _id: 'ccc' }], folders: [] },
+            ],
+          },
+        ],
+      }
+      return (this.expectedIds = ['aaa', 'ccc'])
+    })
+
+    it('should select the correct docIds', function () {
+      const result = this.handler._findBibDocIds(this.fakeProject)
+      return expect(result).to.deep.equal(this.expectedIds)
+    })
+
+    it('should not error with a non array of folders from dirty data', function () {
+      this.fakeProject.rootFolder[0].folders[0].folders = {}
+      const result = this.handler._findBibDocIds(this.fakeProject)
+      return expect(result).to.deep.equal(this.expectedIds)
+    })
+  })
+
+  describe('_findBibFileRefs', function () {
+    beforeEach(function () {
+      this.fakeProject = {
+        rootFolder: [
+          {
+            docs: [
+              { name: 'one.bib', _id: 'aaa' },
+              { name: 'two.txt', _id: 'bbb' },
+            ],
+            fileRefs: [{ name: 'other.bib', _id: 'ddd' }],
+            folders: [
+              {
+                docs: [{ name: 'three.bib', _id: 'ccc' }],
+                fileRefs: [{ name: 'four.bib', _id: 'ghg' }],
+                folders: [],
+              },
+            ],
+          },
+        ],
+      }
+      this.expectedIds = [
+        this.fakeProject.rootFolder[0].fileRefs[0],
+        this.fakeProject.rootFolder[0].folders[0].fileRefs[0],
+      ]
+    })
+
+    it('should select the correct docIds', function () {
+      const result = this.handler._findBibFileRefs(this.fakeProject)
+      return expect(result).to.deep.equal(this.expectedIds)
+    })
+  })
+
+  describe('_isFullIndex', function () {
+    beforeEach(function () {
+      this.fakeProject = { owner_ref: (this.owner_ref = 'owner-ref-123') }
+      this.owner = {
+        features: {
+          references: false,
+        },
+      }
+      this.UserGetter.getUser = sinon.stub()
+      this.UserGetter.getUser
+        .withArgs(this.owner_ref, { features: true })
+        .yields(null, this.owner)
+      return (this.call = callback => {
+        return this.handler._isFullIndex(this.fakeProject, callback)
+      })
+    })
+
+    describe('with references feature on', function () {
+      beforeEach(function () {
+        return (this.owner.features.references = true)
+      })
+
+      it('should return true', function () {
+        return this.call((err, isFullIndex) => {
+          expect(err).to.equal(null)
+          return expect(isFullIndex).to.equal(true)
+        })
+      })
+    })
+
+    describe('with references feature off', function () {
+      beforeEach(function () {
+        return (this.owner.features.references = false)
+      })
+
+      it('should return false', function () {
+        return this.call((err, isFullIndex) => {
+          expect(err).to.equal(null)
+          return expect(isFullIndex).to.equal(false)
+        })
+      })
+    })
+
+    describe('with referencesSearch', function () {
+      beforeEach(function () {
+        return (this.owner.features = {
+          referencesSearch: true,
+          references: false,
+        })
+      })
+
+      it('should return true', function () {
+        return this.call((err, isFullIndex) => {
+          expect(err).to.equal(null)
+          return expect(isFullIndex).to.equal(true)
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/SamlLog/SamlLogHandlerTests.js b/services/web/test/unit/src/SamlLog/SamlLogHandlerTests.js
new file mode 100644
index 0000000..c3ac36d
--- /dev/null
+++ b/services/web/test/unit/src/SamlLog/SamlLogHandlerTests.js
@@ -0,0 +1,162 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+
+const modulePath = '../../../../app/src/Features/SamlLog/SamlLogHandler'
+
+describe('SamlLogHandler', function () {
+  let SamlLog, SamlLogHandler, SamlLogModel
+
+  let data, providerId, samlLog, sessionId
+
+  beforeEach(function () {
+    samlLog = {
+      save: sinon.stub(),
+    }
+    SamlLog = function () {
+      return samlLog
+    }
+    SamlLogModel = { SamlLog }
+    SamlLogHandler = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../models/SamlLog': SamlLogModel,
+      },
+    })
+
+    data = { foo: true }
+    providerId = 'provider-id'
+    sessionId = 'session-id'
+  })
+
+  describe('with valid data object', function () {
+    beforeEach(async function () {
+      await SamlLogHandler.promises.log(
+        {
+          session: { saml: { universityId: providerId } },
+          sessionID: sessionId,
+          path: '/saml/ukamf',
+        },
+        data
+      )
+    })
+
+    it('should log data', function () {
+      samlLog.providerId.should.equal(providerId)
+      samlLog.sessionId.should.equal(sessionId.substr(0, 8))
+      samlLog.jsonData.should.equal(
+        JSON.stringify({
+          foo: true,
+          samlSession: { universityId: 'provider-id' },
+        })
+      )
+      expect(samlLog.data).to.be.undefined
+      samlLog.save.should.have.been.calledOnce
+    })
+  })
+
+  describe('when a json stringify error occurs', function () {
+    beforeEach(async function () {
+      const circularRef = {}
+      circularRef.circularRef = circularRef
+
+      await SamlLogHandler.promises.log(
+        {
+          session: { saml: { universityId: providerId } },
+          sessionID: sessionId,
+          path: '/saml/ukamf',
+        },
+        circularRef
+      )
+    })
+
+    it('should log without data and log error', function () {
+      samlLog.providerId.should.equal(providerId)
+      samlLog.sessionId.should.equal(sessionId.substr(0, 8))
+      expect(samlLog.data).to.be.undefined
+      expect(samlLog.jsonData).to.be.undefined
+      samlLog.save.should.have.been.calledOnce
+      this.logger.error.should.have.been.calledOnce.and.calledWithMatch(
+        { providerId, sessionId: sessionId.substr(0, 8) },
+        'SamlLog JSON.stringify Error'
+      )
+    })
+  })
+
+  describe('when logging error occurs', function () {
+    let err
+
+    beforeEach(async function () {
+      err = new Error()
+      samlLog.save = sinon.stub().rejects(err)
+
+      await SamlLogHandler.promises.log(
+        {
+          session: { saml: { universityId: providerId } },
+          sessionID: sessionId,
+          path: '/saml/ukamf',
+        },
+        data
+      )
+    })
+
+    it('should log error', function () {
+      this.logger.error.should.have.been.calledOnce.and.calledWithMatch(
+        {
+          err,
+          sessionId: sessionId.substr(0, 8),
+        },
+        'SamlLog Error'
+      )
+    })
+  })
+
+  describe('with /saml/group-sso path', function () {
+    let err
+
+    beforeEach(async function () {
+      err = new Error()
+      samlLog.save = sinon.stub().rejects(err)
+
+      await SamlLogHandler.promises.log(
+        {
+          session: { saml: { universityId: providerId } },
+          sessionID: sessionId,
+          path: '/saml/group-sso',
+        },
+        data
+      )
+    })
+
+    it('should log error', function () {
+      this.logger.error.should.have.been.calledOnce.and.calledWithMatch(
+        {
+          err,
+          sessionId: sessionId.substr(0, 8),
+        },
+        'SamlLog Error'
+      )
+    })
+  })
+
+  describe('with a path not in the allow list', function () {
+    let err
+
+    beforeEach(async function () {
+      err = new Error()
+      samlLog.save = sinon.stub().rejects(err)
+
+      await SamlLogHandler.promises.log(
+        {
+          session: { saml: { universityId: providerId } },
+          sessionID: sessionId,
+          path: '/unsupported',
+        },
+        data
+      )
+    })
+
+    it('should not log any error', function () {
+      this.logger.error.should.not.have.been.called
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Security/LoginRateLimiterTests.js b/services/web/test/unit/src/Security/LoginRateLimiterTests.js
new file mode 100644
index 0000000..6450024
--- /dev/null
+++ b/services/web/test/unit/src/Security/LoginRateLimiterTests.js
@@ -0,0 +1,85 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = require('path').join(
+  __dirname,
+  '../../../../app/src/Features/Security/LoginRateLimiter'
+)
+
+describe('LoginRateLimiter', function () {
+  beforeEach(function () {
+    this.email = 'bob@bob.com'
+    this.rateLimiter = {
+      consume: sinon.stub().resolves(),
+      delete: sinon.stub().resolves(),
+    }
+    this.RateLimiter = {
+      RateLimiter: sinon.stub().withArgs('login').returns(this.rateLimiter),
+    }
+
+    this.LoginRateLimiter = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../infrastructure/RateLimiter': this.RateLimiter,
+      },
+    })
+  })
+
+  describe('processLoginRequest', function () {
+    it('should consume points', function (done) {
+      this.LoginRateLimiter.processLoginRequest(this.email, (err, allow) => {
+        if (err) {
+          return done(err)
+        }
+        expect(this.rateLimiter.consume).to.have.been.calledWith(this.email)
+        done()
+      })
+    })
+
+    describe('when login is allowed', function () {
+      it('should call pass allow=true', function (done) {
+        this.LoginRateLimiter.processLoginRequest(this.email, (err, allow) => {
+          expect(err).to.equal(null)
+          expect(allow).to.equal(true)
+          done()
+        })
+      })
+    })
+
+    describe('when login is blocked', function () {
+      beforeEach(function () {
+        this.rateLimiter.consume.rejects({ remainingPoints: 0 })
+      })
+
+      it('should call pass allow=false', function (done) {
+        this.LoginRateLimiter.processLoginRequest(this.email, (err, allow) => {
+          expect(err).to.equal(null)
+          expect(allow).to.equal(false)
+          done()
+        })
+      })
+    })
+
+    describe('when consume produces an error', function () {
+      beforeEach(function () {
+        this.rateLimiter.consume.rejects(new Error('woops'))
+      })
+
+      it('should produce an error', function (done) {
+        this.LoginRateLimiter.processLoginRequest(this.email, (err, allow) => {
+          expect(err).to.not.equal(null)
+          expect(err).to.be.instanceof(Error)
+          done()
+        })
+      })
+    })
+  })
+
+  describe('recordSuccessfulLogin', function () {
+    it('should clear the rate limit', function (done) {
+      this.LoginRateLimiter.recordSuccessfulLogin(this.email, () => {
+        expect(this.rateLimiter.delete).to.have.been.calledWith(this.email)
+        done()
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Security/OneTimeTokenHandlerTests.js b/services/web/test/unit/src/Security/OneTimeTokenHandlerTests.js
new file mode 100644
index 0000000..b48dffe
--- /dev/null
+++ b/services/web/test/unit/src/Security/OneTimeTokenHandlerTests.js
@@ -0,0 +1,151 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+const {
+  connectionPromise,
+  cleanupTestDatabase,
+} = require('../../../../app/src/infrastructure/mongodb')
+const OneTimeTokenHandler = require('../../../../app/src/Features/Security/OneTimeTokenHandler')
+
+describe('OneTimeTokenHandler', function () {
+  before(async function () {
+    await connectionPromise
+  })
+  beforeEach(cleanupTestDatabase)
+
+  beforeEach(function () {
+    this.clock = sinon.useFakeTimers()
+  })
+
+  afterEach(function () {
+    this.clock.restore()
+  })
+
+  describe('getNewToken', function () {
+    it('generates a token and stores it in the database', async function () {
+      const token = await OneTimeTokenHandler.promises.getNewToken(
+        'password',
+        'mock-data-to-store'
+      )
+      const { data } = await OneTimeTokenHandler.promises.peekValueFromToken(
+        'password',
+        token
+      )
+      expect(data).to.equal('mock-data-to-store')
+    })
+
+    it('expires the generated token after 1 hour', async function () {
+      const token = await OneTimeTokenHandler.promises.getNewToken(
+        'password',
+        'mock-data-to-store'
+      )
+      this.clock.tick('25:00:00')
+      await expect(
+        OneTimeTokenHandler.promises.peekValueFromToken('password', token)
+      ).to.be.rejectedWith(Errors.NotFoundError)
+    })
+
+    it('accepts an expiresIn parameter', async function () {
+      const token = await OneTimeTokenHandler.promises.getNewToken(
+        'password',
+        'mock-data-to-store',
+        { expiresIn: 42 }
+      )
+      this.clock.tick('00:30')
+      const { data } = await OneTimeTokenHandler.promises.peekValueFromToken(
+        'password',
+        token
+      )
+      expect(data).to.equal('mock-data-to-store')
+      this.clock.tick('00:15')
+      await expect(
+        OneTimeTokenHandler.promises.peekValueFromToken('password', token)
+      ).to.be.rejectedWith(Errors.NotFoundError)
+    })
+  })
+
+  describe('peekValueFromToken', function () {
+    it('should return the data and peek count', async function () {
+      const data = { email: 'some-mock-data' }
+      const token = await OneTimeTokenHandler.promises.getNewToken(
+        'password',
+        data
+      )
+      const result = await OneTimeTokenHandler.promises.peekValueFromToken(
+        'password',
+        token
+      )
+      expect(result).to.deep.equal({
+        data,
+        remainingPeeks: OneTimeTokenHandler.MAX_PEEKS - 1,
+      })
+    })
+
+    it('should throw a NotFoundError if the token is not found', async function () {
+      await expect(
+        OneTimeTokenHandler.promises.peekValueFromToken('password', 'bad-token')
+      ).to.be.rejectedWith(Errors.NotFoundError)
+    })
+
+    it('should stop returning the data after the peek count is exceeded', async function () {
+      const data = { email: 'some-mock-data' }
+      const token = await OneTimeTokenHandler.promises.getNewToken(
+        'password',
+        data
+      )
+      for (let peeks = 1; peeks <= OneTimeTokenHandler.MAX_PEEKS; peeks++) {
+        const result = await OneTimeTokenHandler.promises.peekValueFromToken(
+          'password',
+          token
+        )
+        expect(result).to.deep.equal({
+          data,
+          remainingPeeks: OneTimeTokenHandler.MAX_PEEKS - peeks,
+        })
+      }
+      await expect(
+        OneTimeTokenHandler.promises.peekValueFromToken('password', token)
+      ).to.be.rejectedWith(Errors.NotFoundError)
+    })
+  })
+
+  describe('expireToken', function () {
+    it('should expire the token immediately', async function () {
+      const token = await OneTimeTokenHandler.promises.getNewToken(
+        'password',
+        'mock-data'
+      )
+      await OneTimeTokenHandler.promises.expireToken('password', token)
+      await expect(
+        OneTimeTokenHandler.promises.peekValueFromToken('password', token)
+      ).to.be.rejectedWith(Errors.NotFoundError)
+    })
+  })
+
+  describe('getValueFromTokenAndExpire', function () {
+    it('should return the value and expire the token', async function () {
+      const token = await OneTimeTokenHandler.promises.getNewToken(
+        'password',
+        'mock-data'
+      )
+      const data =
+        await OneTimeTokenHandler.promises.getValueFromTokenAndExpire(
+          'password',
+          token
+        )
+      expect(data).to.equal('mock-data')
+      await expect(
+        OneTimeTokenHandler.promises.peekValueFromToken('password', token)
+      ).to.be.rejectedWith(Errors.NotFoundError)
+    })
+
+    it('should throw a NotFoundError if the token is not found', async function () {
+      await expect(
+        OneTimeTokenHandler.promises.getValueFromTokenAndExpire(
+          'password',
+          'bad-token'
+        )
+      ).to.be.rejectedWith(Errors.NotFoundError)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Security/RateLimiterMiddlewareTests.js b/services/web/test/unit/src/Security/RateLimiterMiddlewareTests.js
new file mode 100644
index 0000000..05ab426
--- /dev/null
+++ b/services/web/test/unit/src/Security/RateLimiterMiddlewareTests.js
@@ -0,0 +1,129 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const modulePath = require('path').join(
+  __dirname,
+  '../../../../app/src/Features/Security/RateLimiterMiddleware'
+)
+
+describe('RateLimiterMiddleware', function () {
+  beforeEach(function () {
+    this.SessionManager = {
+      getLoggedInUserId: () => this.req.session?.user?._id,
+    }
+    this.RateLimiterMiddleware = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': (this.settings = {}),
+        './LoginRateLimiter': {},
+        '../Authentication/SessionManager': this.SessionManager,
+      },
+    })
+    this.req = { params: {} }
+    this.res = {
+      status: sinon.stub(),
+      write: sinon.stub(),
+      end: sinon.stub(),
+    }
+    this.next = sinon.stub()
+  })
+
+  describe('rateLimit', function () {
+    beforeEach(function () {
+      this.projectId = 'project-id'
+      this.docId = 'doc-id'
+      this.rateLimiter = {
+        consume: sinon.stub().resolves({ remainingPoints: 2 }),
+      }
+      this.middleware = this.RateLimiterMiddleware.rateLimit(this.rateLimiter, {
+        params: ['projectId', 'docId'],
+      })
+      this.req.params = { projectId: this.projectId, docId: this.docId }
+    })
+
+    describe('when there is no session', function () {
+      beforeEach(function (done) {
+        this.req.ip = this.ip = '1.2.3.4'
+        this.middleware(this.req, this.res, () => {
+          done()
+        })
+      })
+
+      it('should call the rate limiter with the ip address', function () {
+        this.rateLimiter.consume.should.have.been.calledWith(
+          `${this.projectId}:${this.docId}:${this.ip}`
+        )
+      })
+    })
+
+    describe('when smoke test user', function () {
+      beforeEach(function (done) {
+        this.userId = 'smoke-test-user-id'
+        this.req.session = {
+          user: { _id: this.userId },
+        }
+        this.settings.smokeTest = { userId: this.userId }
+        this.middleware(this.req, this.res, () => {
+          done()
+        })
+      })
+
+      it('should not call the rate limiter', function () {
+        this.rateLimiter.consume.should.not.have.been.called
+      })
+    })
+
+    describe('when under the rate limit with logged in user', function () {
+      beforeEach(function (done) {
+        this.userId = 'user-id'
+        this.req.session = {
+          user: { _id: this.userId },
+        }
+        this.middleware(this.req, this.res, () => {
+          done()
+        })
+      })
+
+      it('should call the rate limiter backend with the userId', function () {
+        this.rateLimiter.consume.should.have.been.calledWith(
+          `${this.projectId}:${this.docId}:${this.userId}`
+        )
+      })
+    })
+
+    describe('when under the rate limit with anonymous user', function () {
+      beforeEach(function (done) {
+        this.req.ip = '1.2.3.4'
+        this.middleware(this.req, this.res, () => {
+          done()
+        })
+      })
+
+      it('should call the rate limiter backend with the ip address', function () {
+        this.rateLimiter.consume.should.have.been.calledWith(
+          `${this.projectId}:${this.docId}:${this.req.ip}`
+        )
+      })
+    })
+
+    describe('when over the rate limit', function () {
+      beforeEach(function (done) {
+        this.userId = 'user-id'
+        this.req.session = {
+          user: { _id: this.userId },
+        }
+        this.res.end.callsFake(() => {
+          done()
+        })
+        this.rateLimiter.consume.rejects({ remainingPoints: 0 })
+        this.middleware(this.req, this.res, this.next)
+      })
+
+      it('should return a 429', function () {
+        this.res.status.should.have.been.calledWith(429)
+      })
+
+      it('should not continue', function () {
+        this.next.should.not.have.been.called
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Security/SessionAutostartMiddlewareTests.js b/services/web/test/unit/src/Security/SessionAutostartMiddlewareTests.js
new file mode 100644
index 0000000..df4af22
--- /dev/null
+++ b/services/web/test/unit/src/Security/SessionAutostartMiddlewareTests.js
@@ -0,0 +1,110 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath =
+  '../../../../app/src/infrastructure/SessionAutostartMiddleware.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('SessionAutostartMiddleware', function () {
+  let SessionAutostartMiddleware, middleware, Settings
+  const cookieName = 'coookieee'
+  const excludedRoute = '/wombat/potato'
+  const excludedMethod = 'POST'
+  const excludedCallback = () => 'call me'
+
+  beforeEach(function () {
+    Settings = {
+      cookieName,
+    }
+
+    SessionAutostartMiddleware = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': Settings,
+      },
+    })
+
+    middleware = new SessionAutostartMiddleware()
+    middleware.disableSessionAutostartForRoute(
+      excludedRoute,
+      excludedMethod,
+      excludedCallback
+    )
+  })
+
+  describe('middleware', function () {
+    let req, next
+
+    beforeEach(function () {
+      req = {
+        path: excludedRoute,
+        method: excludedMethod,
+        signedCookies: {},
+        headers: {},
+      }
+      next = sinon.stub()
+    })
+
+    it('executes the callback for the excluded route', function () {
+      middleware.middleware(req, {}, next)
+      expect(req.session.noSessionCallback).to.equal(excludedCallback)
+    })
+
+    it('does not execute the callback for the excluded route with ?autostartSession=true set', function () {
+      req.query = { autostartSession: 'true' }
+      middleware.middleware(req, {}, next)
+      expect(req.session).not.to.exist
+    })
+
+    it('does not execute the callback if the method is not excluded', function () {
+      req.method = 'GET'
+      middleware.middleware(req, {}, next)
+      expect(req.session).not.to.exist
+    })
+
+    it('does not execute the callback if the method is not excluded and ?autostartSession=true is set', function () {
+      req.method = 'GET'
+      req.query = { autostartSession: 'true' }
+      middleware.middleware(req, {}, next)
+      expect(req.session).not.to.exist
+    })
+
+    it('does not execute the callback if the path is not excluded', function () {
+      req.path = '/giraffe'
+      middleware.middleware(req, {}, next)
+      expect(req.session).not.to.exist
+    })
+
+    it('does not execute the callback if there is a cookie', function () {
+      req.signedCookies[cookieName] = 'a very useful session cookie'
+      middleware.middleware(req, {}, next)
+      expect(req.session).not.to.exist
+    })
+  })
+  describe('bot middlewear', function () {
+    let req, next
+
+    beforeEach(function () {
+      req = {
+        signedCookies: {},
+        headers: {},
+      }
+      next = sinon.stub()
+    })
+
+    it('GoogleHC user agent should have an empty session', function () {
+      req.headers['user-agent'] = 'GoogleHC'
+      middleware.middleware(req, {}, next)
+      expect(req.session.noSessionCallback).to.deep.exist
+    })
+
+    it('should not add empty session with a firefox useragent', function () {
+      req.headers['user-agent'] = 'firefox'
+      middleware.middleware(req, {}, next)
+      expect(req.session).not.to.exist
+    })
+
+    it('should not add empty session  with a empty useragent', function () {
+      middleware.middleware(req, {}, next)
+      expect(req.session).not.to.exist
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Settings/SettingsTests.js b/services/web/test/unit/src/Settings/SettingsTests.js
new file mode 100644
index 0000000..39e7efa
--- /dev/null
+++ b/services/web/test/unit/src/Settings/SettingsTests.js
@@ -0,0 +1,86 @@
+const chai = require('chai')
+const { expect } = chai
+
+function clearSettingsCache() {
+  const monorepoPath = require
+    .resolve('../../../../config/settings.defaults.js')
+    .replace(/\/services\/web\/config\/settings\.defaults\.js$/, '')
+  const settingsDeps = Object.keys(require.cache).filter(
+    x =>
+      x.includes('/@overleaf/settings') ||
+      x.includes(`${monorepoPath}/libraries/settings`) ||
+      x.includes(`${monorepoPath}/services/web/config`)
+  )
+  settingsDeps.forEach(dep => delete require.cache[dep])
+}
+
+/**
+ * @param {any} value
+ * @returns {string} A string representation of the structure of the value
+ */
+function serializeTypes(value) {
+  if (typeof value === 'object') {
+    const keys = Object.keys(value).sort()
+    const types = keys.reduce((acc, key) => {
+      acc[key] = serializeTypes(value[key])
+      return acc
+    }, {})
+    return JSON.stringify(types)
+  }
+  if (Array.isArray(value)) {
+    return JSON.stringify(value.map(serializeTypes))
+  }
+  return typeof value
+}
+
+/**
+ * @param {any[]} objects
+ * @returns {boolean} Whether all objects have the same structure
+ */
+function haveSameStructure(objects) {
+  if (!objects.length) return true
+  const referenceStructure = serializeTypes(objects[0])
+  return objects.every(obj => serializeTypes(obj) === referenceStructure)
+}
+
+describe('settings.defaults', function () {
+  it('additional text extensions can be added via config', function () {
+    clearSettingsCache()
+    process.env.ADDITIONAL_TEXT_EXTENSIONS = 'abc, xyz'
+    const settings = require('@overleaf/settings')
+    expect(settings.textExtensions).to.include('tex') // from the default list
+    expect(settings.textExtensions).to.include('abc')
+    expect(settings.textExtensions).to.include('xyz')
+  })
+
+  it('generates pricings with same structures', function () {
+    const settingsOverridesSaas = require('../../../../config/settings.overrides.saas.js')
+    const { localizedPlanPricing } = settingsOverridesSaas
+
+    const pricingCurrencies = Object.keys(localizedPlanPricing)
+    expect(pricingCurrencies.sort()).to.eql([
+      'AUD',
+      'BRL',
+      'CAD',
+      'CHF',
+      'CLP',
+      'COP',
+      'DKK',
+      'EUR',
+      'GBP',
+      'INR',
+      'MXN',
+      'NOK',
+      'NZD',
+      'PEN',
+      'SEK',
+      'SGD',
+      'USD',
+    ])
+
+    const pricings = pricingCurrencies.map(
+      currency => localizedPlanPricing[currency]
+    )
+    expect(haveSameStructure(pricings)).to.be.true
+  })
+})
diff --git a/services/web/test/unit/src/Spelling/LearnedWordsManagerTests.js b/services/web/test/unit/src/Spelling/LearnedWordsManagerTests.js
new file mode 100644
index 0000000..111b895
--- /dev/null
+++ b/services/web/test/unit/src/Spelling/LearnedWordsManagerTests.js
@@ -0,0 +1,152 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const modulePath = require('path').join(
+  __dirname,
+  '/../../../../app/src/Features/Spelling/LearnedWordsManager'
+)
+const { InvalidError } = require('../../../../app/src/Features/Errors/Errors')
+
+describe('LearnedWordsManager', function () {
+  beforeEach(function () {
+    this.token = 'a6b3cd919ge'
+    this.callback = sinon.stub()
+    this.db = {
+      spellingPreferences: {
+        updateOne: sinon.stub().yields(),
+        findOne: sinon.stub().yields(null, ['pear']),
+      },
+    }
+    this.LearnedWordsManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../infrastructure/mongodb': { db: this.db },
+        '@overleaf/metrics': {
+          inc: sinon.stub(),
+        },
+        '@overleaf/settings': {
+          maxDictionarySize: 20,
+        },
+      },
+    })
+  })
+
+  describe('learnWord', function () {
+    describe('under size limit', function () {
+      beforeEach(function () {
+        this.word = 'instanton'
+        this.LearnedWordsManager.learnWord(this.token, this.word, this.callback)
+      })
+
+      it('should insert the word in the word list in the database', function () {
+        expect(
+          this.db.spellingPreferences.updateOne.calledWith(
+            {
+              token: this.token,
+            },
+            {
+              $addToSet: { learnedWords: this.word },
+            },
+            {
+              upsert: true,
+            }
+          )
+        ).to.equal(true)
+      })
+
+      it('should call the callback without error', function () {
+        sinon.assert.called(this.callback)
+        expect(this.callback.lastCall.args.length).to.equal(0)
+      })
+    })
+
+    describe('over size limit', function () {
+      beforeEach(function () {
+        this.word = 'superlongwordthatwillgobeyondthelimit'
+        this.LearnedWordsManager.learnWord(this.token, this.word, this.callback)
+      })
+
+      it('should not insert the word in the word list in the database', function () {
+        expect(this.db.spellingPreferences.updateOne.notCalled).to.equal(true)
+      })
+
+      it('should call the callback with error', function () {
+        sinon.assert.called(this.callback)
+        expect(this.callback.lastCall.args[0]).to.be.instanceof(InvalidError)
+      })
+    })
+  })
+
+  describe('unlearnWord', function () {
+    beforeEach(function () {
+      this.word = 'instanton'
+      this.LearnedWordsManager.unlearnWord(this.token, this.word, this.callback)
+    })
+
+    it('should remove the word from the word list in the database', function () {
+      expect(
+        this.db.spellingPreferences.updateOne.calledWith(
+          {
+            token: this.token,
+          },
+          {
+            $pull: { learnedWords: this.word },
+          }
+        )
+      ).to.equal(true)
+    })
+
+    it('should call the callback', function () {
+      expect(this.callback.called).to.equal(true)
+    })
+  })
+
+  describe('getLearnedWords', function () {
+    beforeEach(function () {
+      this.wordList = ['apples', 'bananas', 'pears']
+      this.wordListWithDuplicates = this.wordList.slice()
+      this.wordListWithDuplicates.push('bananas')
+      this.db.spellingPreferences.findOne = (conditions, callback) => {
+        callback(null, { learnedWords: this.wordListWithDuplicates })
+      }
+      sinon.spy(this.db.spellingPreferences, 'findOne')
+      this.LearnedWordsManager.getLearnedWords(this.token, this.callback)
+    })
+
+    it('should get the word list for the given user', function () {
+      expect(
+        this.db.spellingPreferences.findOne.calledWith({ token: this.token })
+      ).to.equal(true)
+    })
+
+    it('should return the word list in the callback without duplicates', function () {
+      expect(this.callback.calledWith(null, this.wordList)).to.equal(true)
+    })
+  })
+
+  describe('getLearnedWordsSize', function () {
+    it('should return the word list size in the callback', function () {
+      this.db.spellingPreferences.findOne = (conditions, callback) => {
+        callback(null, {
+          learnedWords: ['apples', 'bananas', 'pears', 'bananas'],
+        })
+      }
+      this.LearnedWordsManager.getLearnedWordsSize(this.token, this.callback)
+      sinon.assert.calledWith(this.callback, null, 38)
+    })
+  })
+
+  describe('deleteUsersLearnedWords', function () {
+    beforeEach(function () {
+      this.db.spellingPreferences.deleteOne = sinon.stub().callsArgWith(1)
+    })
+
+    it('should get the word list for the given user', function (done) {
+      this.LearnedWordsManager.deleteUsersLearnedWords(this.token, () => {
+        this.db.spellingPreferences.deleteOne
+          .calledWith({ token: this.token })
+          .should.equal(true)
+        done()
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/SplitTests/SplitTestHandlerTests.js b/services/web/test/unit/src/SplitTests/SplitTestHandlerTests.js
new file mode 100644
index 0000000..a682f0c
--- /dev/null
+++ b/services/web/test/unit/src/SplitTests/SplitTestHandlerTests.js
@@ -0,0 +1,404 @@
+const Path = require('path')
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { ObjectId } = require('mongodb-legacy')
+const { assert, expect } = require('chai')
+const MockRequest = require('../helpers/MockRequest')
+const MockResponse = require('../helpers/MockResponse')
+
+const MODULE_PATH = Path.join(
+  __dirname,
+  '../../../../app/src/Features/SplitTests/SplitTestHandler'
+)
+
+describe('SplitTestHandler', function () {
+  beforeEach(function () {
+    this.splitTests = [
+      makeSplitTest('active-test', { versionNumber: 2 }),
+      makeSplitTest('not-active-test', { active: false }),
+      makeSplitTest('legacy-test'),
+      makeSplitTest('no-analytics-test-1', { analyticsEnabled: false }),
+      makeSplitTest('no-analytics-test-2', {
+        analyticsEnabled: false,
+        versionNumber: 2,
+      }),
+    ]
+    this.cachedSplitTests = new Map()
+    for (const splitTest of this.splitTests) {
+      this.cachedSplitTests.set(splitTest.name, splitTest)
+    }
+
+    this.SplitTest = {
+      find: sinon.stub().returns({
+        exec: sinon.stub().resolves(this.splitTests),
+      }),
+    }
+
+    this.SplitTestCache = {
+      get: sinon.stub().resolves({}),
+    }
+    this.SplitTestCache.get.resolves(this.cachedSplitTests)
+    this.Settings = {
+      moduleImportSequence: [],
+      overleaf: {},
+      devToolbar: {
+        enabled: false,
+      },
+    }
+    this.AnalyticsManager = {
+      getIdsFromSession: sinon.stub(),
+      setUserPropertyForAnalyticsId: sinon.stub().resolves(),
+    }
+    this.LocalsHelper = {
+      setSplitTestVariant: sinon.stub(),
+      setSplitTestInfo: sinon.stub(),
+    }
+    this.SplitTestSessionHandler = {
+      collectSessionStats: sinon.stub(),
+      getCachedVariant: sinon.stub(),
+      setVariantInCache: sinon.stub(),
+    }
+    this.SplitTestUserGetter = {
+      promises: {
+        getUser: sinon.stub().resolves(null),
+      },
+    }
+    this.SessionManager = {
+      isUserLoggedIn: sinon.stub().returns(false),
+    }
+
+    this.SplitTestHandler = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '../User/UserGetter': this.UserGetter,
+        './SplitTestCache': this.SplitTestCache,
+        '../../models/SplitTest': { SplitTest: this.SplitTest },
+        '../User/UserUpdater': {},
+        '../Analytics/AnalyticsManager': this.AnalyticsManager,
+        './LocalsHelper': this.LocalsHelper,
+        './SplitTestSessionHandler': this.SplitTestSessionHandler,
+        './SplitTestUserGetter': this.SplitTestUserGetter,
+        '../Authentication/SessionManager': this.SessionManager,
+        '@overleaf/settings': this.Settings,
+      },
+    })
+
+    this.req = new MockRequest()
+    this.res = new MockResponse()
+  })
+
+  describe('with an existing user', function () {
+    beforeEach(async function () {
+      this.user = {
+        _id: new ObjectId(),
+        splitTests: {
+          'active-test': [
+            {
+              variantName: 'default',
+              versionNumber: 1,
+              assignedAt: 'active-test-assigned-at',
+            },
+          ],
+          'legacy-test': 'legacy-variant',
+          'inactive-test': [{ variantName: 'trythis' }],
+          'unknown-test': [{ variantName: 'trythis' }],
+          'no-analytics-test-2': [
+            {
+              variantName: 'some-variant',
+              versionNumber: 1,
+              assignedAt: 'no-analytics-assigned-at',
+            },
+          ],
+        },
+      }
+      this.SplitTestUserGetter.promises.getUser.resolves(this.user)
+      this.SessionManager.isUserLoggedIn.returns(true)
+      this.assignments =
+        await this.SplitTestHandler.promises.getActiveAssignmentsForUser(
+          this.user._id
+        )
+      this.explicitAssignments =
+        await this.SplitTestHandler.promises.getActiveAssignmentsForUser(
+          this.user._id,
+          false,
+          true
+        )
+      this.assignedToActiveTest =
+        await this.SplitTestHandler.promises.hasUserBeenAssignedToVariant(
+          this.req,
+          this.user._id,
+          'active-test',
+          'variant-1'
+        )
+      this.assignedToActiveTestAnyVersion =
+        await this.SplitTestHandler.promises.hasUserBeenAssignedToVariant(
+          this.req,
+          this.user._id,
+          'active-test',
+          'variant-1',
+          true
+        )
+    })
+
+    it('handles the legacy assignment format', function () {
+      expect(this.assignments['legacy-test']).to.deep.equal({
+        variantName: 'variant-1',
+        phase: 'release',
+        versionNumber: 1,
+      })
+    })
+
+    it('returns the current assignment for each active test', function () {
+      expect(this.assignments['active-test']).to.deep.equal({
+        variantName: 'variant-1',
+        phase: 'release',
+        versionNumber: 2,
+      })
+    })
+
+    it('returns the explicit assignment for each active test', function () {
+      expect(this.explicitAssignments['active-test']).to.deep.equal({
+        variantName: 'variant-1',
+        phase: 'release',
+        versionNumber: 2,
+        assignedAt: 'active-test-assigned-at',
+      })
+    })
+
+    it('returns the current assignment for tests with analytics disabled', function () {
+      expect(this.assignments['no-analytics-test-1']).to.deep.equal({
+        variantName: 'variant-1',
+        phase: 'release',
+        versionNumber: 1,
+      })
+    })
+
+    it('returns the current assignment for tests with analytics disabled that had previous assignments', function () {
+      expect(this.assignments['no-analytics-test-2']).to.deep.equal({
+        variantName: 'variant-1',
+        phase: 'release',
+        versionNumber: 2,
+      })
+    })
+
+    it('shows user has been assigned to previous version of variant', function () {
+      expect(this.assignedToActiveTestAnyVersion).to.be.true
+    })
+
+    it('shows user has not been explicitly assigned to current version of variant', function () {
+      expect(this.assignedToActiveTest).to.be.false
+    })
+
+    it('does not return assignments for unknown tests', function () {
+      expect(this.assignments).not.to.have.property('unknown-test')
+    })
+  })
+
+  describe('with an non-existent user', function () {
+    beforeEach(async function () {
+      const unknownUserId = new ObjectId()
+      this.assignments =
+        await this.SplitTestHandler.promises.getActiveAssignmentsForUser(
+          unknownUserId
+        )
+    })
+
+    it('returns empty assignments', function () {
+      expect(this.assignments).to.deep.equal({})
+    })
+  })
+
+  describe('with a user without assignments', function () {
+    beforeEach(async function () {
+      this.user = { _id: new ObjectId() }
+      this.SplitTestUserGetter.promises.getUser.resolves(this.user)
+      this.assignments =
+        await this.SplitTestHandler.promises.getActiveAssignmentsForUser(
+          this.user._id
+        )
+      this.explicitAssignments =
+        await this.SplitTestHandler.promises.getActiveAssignmentsForUser(
+          this.user._id,
+          false,
+          true
+        )
+      this.assignedToActiveTest =
+        await this.SplitTestHandler.promises.hasUserBeenAssignedToVariant(
+          this.req,
+          this.user._id,
+          'active-test',
+          'variant-1'
+        )
+    })
+
+    it('returns current assignments', function () {
+      expect(this.assignments).to.deep.equal({
+        'active-test': {
+          phase: 'release',
+          variantName: 'variant-1',
+          versionNumber: 2,
+        },
+        'legacy-test': {
+          phase: 'release',
+          variantName: 'variant-1',
+          versionNumber: 1,
+        },
+        'no-analytics-test-1': {
+          phase: 'release',
+          variantName: 'variant-1',
+          versionNumber: 1,
+        },
+        'no-analytics-test-2': {
+          phase: 'release',
+          variantName: 'variant-1',
+          versionNumber: 2,
+        },
+        'not-active-test': {
+          phase: 'release',
+          variantName: 'variant-1',
+          versionNumber: 1,
+        },
+      })
+    })
+
+    it('shows user not assigned to variant', function () {
+      expect(this.assignedToActiveTest).to.be.false
+    })
+  })
+
+  describe('with settings overrides', function () {
+    beforeEach(function () {
+      this.Settings.splitTestOverrides = {
+        'my-test-name': 'foo-1',
+      }
+    })
+
+    it('should not use the override when in SaaS mode', async function () {
+      this.AnalyticsManager.getIdsFromSession.returns({
+        userId: 'abc123abc123',
+      })
+      this.SplitTestCache.get.resolves(
+        new Map([
+          [
+            'my-test-name',
+            {
+              name: 'my-test-name',
+              versions: [
+                {
+                  versionNumber: 0,
+                  active: true,
+                  variants: [
+                    {
+                      name: '100-percent-variant',
+                      rolloutPercent: 100,
+                      rolloutStripes: [{ start: 0, end: 100 }],
+                    },
+                  ],
+                },
+              ],
+            },
+          ],
+        ])
+      )
+
+      const assignment = await this.SplitTestHandler.promises.getAssignment(
+        this.req,
+        this.res,
+        'my-test-name'
+      )
+
+      assert.equal('100-percent-variant', assignment.variant)
+    })
+
+    it('should use the override when not in SaaS mode', async function () {
+      this.Settings.splitTestOverrides = {
+        'my-test-name': 'foo-1',
+      }
+      this.Settings.overleaf = undefined
+
+      const assignment = await this.SplitTestHandler.promises.getAssignment(
+        this.req,
+        this.res,
+        'my-test-name'
+      )
+
+      assert.equal('foo-1', assignment.variant)
+    })
+
+    it('should use default when not in SaaS mode and no override is provided', async function () {
+      this.Settings.splitTestOverrides = {}
+      this.Settings.overleaf = undefined
+
+      const assignment = await this.SplitTestHandler.promises.getAssignment(
+        this.req,
+        this.res,
+        'my-test-name'
+      )
+
+      assert.equal('default', assignment.variant)
+    })
+  })
+
+  describe('save assignments to res.locals', function () {
+    beforeEach(function () {
+      this.AnalyticsManager.getIdsFromSession.returns({
+        userId: 'abc123abc123',
+      })
+    })
+
+    it('when in SaaS mode it should set the variant', async function () {
+      await this.SplitTestHandler.promises.getAssignment(
+        this.req,
+        this.res,
+        'active-test'
+      )
+      expect(this.LocalsHelper.setSplitTestVariant).to.have.been.calledWith(
+        this.res.locals,
+        'active-test',
+        'variant-1'
+      )
+    })
+
+    it('when not in SaaS mode it should set the default variant', async function () {
+      this.Settings.overleaf = undefined
+      await this.SplitTestHandler.promises.getAssignment(
+        this.req,
+        this.res,
+        'active-test'
+      )
+      expect(this.LocalsHelper.setSplitTestVariant).to.have.been.calledWith(
+        this.res.locals,
+        'active-test',
+        'default'
+      )
+    })
+  })
+})
+
+function makeSplitTest(
+  name,
+  {
+    active = true,
+    analyticsEnabled = active,
+    phase = 'release',
+    versionNumber = 1,
+  } = {}
+) {
+  return {
+    name,
+    versions: [
+      {
+        active,
+        analyticsEnabled,
+        phase,
+        versionNumber,
+        variants: [
+          {
+            name: 'variant-1',
+            rolloutPercent: 100,
+            rolloutStripes: [{ start: 0, end: 100 }],
+          },
+        ],
+      },
+    ],
+  }
+}
diff --git a/services/web/test/unit/src/SplitTests/SplitTestMiddlewareTests.js b/services/web/test/unit/src/SplitTests/SplitTestMiddlewareTests.js
new file mode 100644
index 0000000..88acbbe
--- /dev/null
+++ b/services/web/test/unit/src/SplitTests/SplitTestMiddlewareTests.js
@@ -0,0 +1,89 @@
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const modulePath = path.join(
+  __dirname,
+  '../../../../app/src/Features/SplitTests/SplitTestMiddleware'
+)
+const sinon = require('sinon')
+const MockResponse = require('../helpers/MockResponse')
+const MockRequest = require('../helpers/MockRequest')
+
+describe('SplitTestMiddleware', function () {
+  beforeEach(function () {
+    this.SplitTestMiddleware = SandboxedModule.require(modulePath, {
+      requires: {
+        './SplitTestHandler': (this.SplitTestHandler = {
+          promises: {
+            getAssignment: sinon.stub().resolves(),
+          },
+        }),
+      },
+    })
+
+    this.req = new MockRequest()
+    this.res = new MockResponse()
+    this.next = sinon.stub()
+  })
+
+  it('assign multiple split test variants in locals', async function () {
+    this.SplitTestHandler.promises.getAssignment
+      .withArgs(this.req, 'ui-overhaul')
+      .resolves({
+        variant: 'default',
+      })
+    this.SplitTestHandler.promises.getAssignment
+      .withArgs(this.req, 'other-test')
+      .resolves({
+        variant: 'foobar',
+      })
+
+    const middleware = this.SplitTestMiddleware.loadAssignmentsInLocals([
+      'ui-overhaul',
+      'other-test',
+    ])
+    await middleware(this.req, this.res, this.next)
+
+    sinon.assert.calledWith(
+      this.SplitTestHandler.promises.getAssignment,
+      this.req,
+      this.res,
+      'ui-overhaul'
+    )
+    sinon.assert.calledWith(
+      this.SplitTestHandler.promises.getAssignment,
+      this.req,
+      this.res,
+      'other-test'
+    )
+    sinon.assert.calledOnce(this.next)
+  })
+
+  it('assign no split test variant in locals', async function () {
+    const middleware = this.SplitTestMiddleware.loadAssignmentsInLocals([])
+
+    await middleware(this.req, this.res, this.next)
+
+    sinon.assert.notCalled(this.SplitTestHandler.promises.getAssignment)
+    sinon.assert.calledOnce(this.next)
+  })
+
+  it('exception thrown by assignment does not fail the request', async function () {
+    this.SplitTestHandler.promises.getAssignment
+      .withArgs(this.req, this.res, 'some-test')
+      .throws(new Error('failure'))
+
+    const middleware = this.SplitTestMiddleware.loadAssignmentsInLocals([
+      'some-test',
+    ])
+
+    await middleware(this.req, this.res, this.next)
+
+    sinon.assert.calledWith(
+      this.SplitTestHandler.promises.getAssignment,
+      this.req,
+      this.res,
+      'some-test'
+    )
+    sinon.assert.calledOnce(this.next)
+  })
+})
diff --git a/services/web/test/unit/src/SplitTests/SplitTestSessionHandlerTests.js b/services/web/test/unit/src/SplitTests/SplitTestSessionHandlerTests.js
new file mode 100644
index 0000000..026cdde
--- /dev/null
+++ b/services/web/test/unit/src/SplitTests/SplitTestSessionHandlerTests.js
@@ -0,0 +1,315 @@
+const Path = require('path')
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const { ObjectId } = require('mongodb-legacy')
+
+const MODULE_PATH = Path.join(
+  __dirname,
+  '../../../../app/src/Features/SplitTests/SplitTestSessionHandler'
+)
+
+describe('SplitTestSessionHandler', function () {
+  beforeEach(function () {
+    this.SplitTestCache = {
+      get: sinon.stub().resolves(),
+    }
+    this.SplitTestUserGetter = {}
+    this.Metrics = {}
+
+    this.SplitTestCache.get = sinon.stub().resolves(
+      new Map(
+        Object.entries({
+          'anon-test-1': {
+            _id: '661f92a4669764bb03f73e37',
+            name: 'anon-test-1',
+            versions: [
+              {
+                versionNumber: 1,
+                variants: [
+                  {
+                    name: 'enabled',
+                  },
+                ],
+              },
+            ],
+          },
+          'anon-test-2': {
+            _id: '661f92a9d68ea711d6bf2df4',
+            name: 'anon-test-2',
+            versions: [
+              {
+                versionNumber: 1,
+                variants: [
+                  {
+                    name: 'v-1',
+                  },
+                  {
+                    name: 'v-2',
+                  },
+                ],
+              },
+            ],
+          },
+        })
+      )
+    )
+
+    this.SplitTestSessionHandler = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        './SplitTestCache': this.SplitTestCache,
+        './SplitTestUserGetter': this.SplitTestUserGetter,
+        '@overleaf/metrics': this.Metrics,
+        'mongodb-legacy': { ObjectId },
+      },
+    })
+  })
+
+  it('should read from the splitTests field', async function () {
+    const session = {
+      splitTests: {
+        'anon-test-1': [
+          {
+            variantName: 'default',
+            versionNumber: 1,
+            phase: 'release',
+            assignedAt: new Date(1712872800000), // 2024-04-11 22:00:00
+          },
+        ],
+        'anon-test-2': [
+          {
+            variantName: 'default',
+            versionNumber: 1,
+            phase: 'release',
+            assignedAt: new Date(1712307600000), // 2024-04-05 09:00:00
+          },
+          {
+            variantName: 'v-2',
+            versionNumber: 2,
+            phase: 'release',
+            assignedAt: new Date(1712581200000), // 2024-04-08 13:00:00
+          },
+        ],
+      },
+      sta: ``,
+    }
+
+    const assignments =
+      await this.SplitTestSessionHandler.promises.getAssignments(session)
+    expect(assignments).to.deep.equal({
+      'anon-test-1': [
+        {
+          variantName: 'default',
+          versionNumber: 1,
+          phase: 'release',
+          assignedAt: new Date(1712872800000),
+        },
+      ],
+      'anon-test-2': [
+        {
+          variantName: 'default',
+          versionNumber: 1,
+          phase: 'release',
+          assignedAt: new Date(1712307600000),
+        },
+        {
+          variantName: 'v-2',
+          versionNumber: 2,
+          phase: 'release',
+          assignedAt: new Date(1712581200000),
+        },
+      ],
+    })
+  })
+
+  it('should read from the sta field', async function () {
+    this.SplitTestCache.get = sinon.stub().resolves(
+      new Map(
+        Object.entries({
+          'anon-test-1': {
+            _id: '661f92a4669764bb03f73e37',
+            name: 'anon-test-1',
+            versions: [
+              {
+                versionNumber: 1,
+                variants: [
+                  {
+                    name: 'enabled',
+                  },
+                ],
+              },
+            ],
+          },
+          'anon-test-2': {
+            _id: '661f92a9d68ea711d6bf2df4',
+            name: 'anon-test-2',
+            versions: [
+              {
+                versionNumber: 1,
+                variants: [
+                  {
+                    name: 'v-1',
+                  },
+                  {
+                    name: 'v-2',
+                  },
+                ],
+              },
+            ],
+          },
+        })
+      )
+    )
+    const session = {
+      sta: `Zh+SpGaXZLsD9z43_1=d:sbrvs0;Zh+SqdaOpxHWvy30_1=d:sbtqg0;Zh+SqdaOpxHWvy30_2=1:sbsi00`,
+    }
+
+    const assignments =
+      await this.SplitTestSessionHandler.promises.getAssignments(session)
+    expect(assignments).to.deep.equal({
+      'anon-test-1': [
+        {
+          variantName: 'default',
+          versionNumber: 1,
+          phase: 'release',
+          assignedAt: new Date(1712829600000),
+        },
+      ],
+      'anon-test-2': [
+        {
+          variantName: 'default',
+          versionNumber: 1,
+          phase: 'release',
+          assignedAt: new Date(1712916000000),
+        },
+        {
+          variantName: 'v-2',
+          versionNumber: 2,
+          phase: 'release',
+          assignedAt: new Date(1712858400000),
+        },
+      ],
+    })
+  })
+
+  it('should deduplicate entries from the sta field', async function () {
+    this.SplitTestCache.get = sinon.stub().resolves(
+      new Map(
+        Object.entries({
+          'anon-test-1': {
+            _id: '661f92a4669764bb03f73e37',
+            name: 'anon-test-1',
+            versions: [
+              {
+                versionNumber: 1,
+                variants: [
+                  {
+                    name: 'enabled',
+                  },
+                ],
+              },
+            ],
+          },
+          'anon-test-2': {
+            _id: '661f92a9d68ea711d6bf2df4',
+            name: 'anon-test-2',
+            versions: [
+              {
+                versionNumber: 1,
+                variants: [
+                  {
+                    name: 'v-1',
+                  },
+                  {
+                    name: 'v-2',
+                  },
+                ],
+              },
+            ],
+          },
+        })
+      )
+    )
+    const session = {
+      sta: `Zh+SpGaXZLsD9z43_1=d:sbrvs0;Zh+SqdaOpxHWvy30_1=d:sbtqg0;Zh+SqdaOpxHWvy30_1=d:sbtqg0;Zh+SpGaXZLsD9z43_1=d:sbrvs0;Zh+SqdaOpxHWvy30_2=1:sbsi00;Zh+SqdaOpxHWvy30_1=d:sbtqg0`,
+    }
+
+    const assignments =
+      await this.SplitTestSessionHandler.promises.getAssignments(session)
+    expect(assignments).to.deep.equal({
+      'anon-test-1': [
+        {
+          variantName: 'default',
+          versionNumber: 1,
+          phase: 'release',
+          assignedAt: new Date(1712829600000),
+        },
+      ],
+      'anon-test-2': [
+        {
+          variantName: 'default',
+          versionNumber: 1,
+          phase: 'release',
+          assignedAt: new Date(1712916000000),
+        },
+        {
+          variantName: 'v-2',
+          versionNumber: 2,
+          phase: 'release',
+          assignedAt: new Date(1712858400000),
+        },
+      ],
+    })
+  })
+
+  it('should merge assignments from both splitTests and sta fields', async function () {
+    const session = {
+      splitTests: {
+        'anon-test-1': [
+          {
+            variantName: 'default',
+            versionNumber: 1,
+            phase: 'release',
+            assignedAt: new Date(1712872800000),
+          },
+        ],
+        'anon-test-2': [
+          {
+            variantName: 'default',
+            versionNumber: 1,
+            phase: 'release',
+            assignedAt: new Date(1712307600000),
+          },
+        ],
+      },
+      sta: `Zh+SqdaOpxHWvy30_2=1:sbsi00`,
+    }
+
+    const assignments =
+      await this.SplitTestSessionHandler.promises.getAssignments(session)
+    expect(assignments).to.deep.equal({
+      'anon-test-1': [
+        {
+          variantName: 'default',
+          versionNumber: 1,
+          phase: 'release',
+          assignedAt: new Date(1712872800000),
+        },
+      ],
+      'anon-test-2': [
+        {
+          variantName: 'v-2',
+          versionNumber: 2,
+          phase: 'release',
+          assignedAt: new Date(1712858400000),
+        },
+        {
+          variantName: 'default',
+          versionNumber: 1,
+          phase: 'release',
+          assignedAt: new Date(1712307600000),
+        },
+      ],
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/FeaturesHelperTests.js b/services/web/test/unit/src/Subscription/FeaturesHelperTests.js
new file mode 100644
index 0000000..84ef9bc
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/FeaturesHelperTests.js
@@ -0,0 +1,154 @@
+const SandboxedModule = require('sandboxed-module')
+const { expect } = require('chai')
+
+const MODULE_PATH = '../../../../app/src/Features/Subscription/FeaturesHelper'
+
+describe('FeaturesHelper', function () {
+  beforeEach(function () {
+    this.FeaturesHelper = SandboxedModule.require(MODULE_PATH)
+  })
+
+  describe('mergeFeatures', function () {
+    it('should prefer priority over standard for compileGroup', function () {
+      expect(
+        this.FeaturesHelper.mergeFeatures(
+          { compileGroup: 'priority' },
+          { compileGroup: 'standard' }
+        )
+      ).to.deep.equal({ compileGroup: 'priority' })
+      expect(
+        this.FeaturesHelper.mergeFeatures(
+          { compileGroup: 'standard' },
+          { compileGroup: 'priority' }
+        )
+      ).to.deep.equal({ compileGroup: 'priority' })
+      expect(
+        this.FeaturesHelper.mergeFeatures(
+          { compileGroup: 'priority' },
+          { compileGroup: 'priority' }
+        )
+      ).to.deep.equal({ compileGroup: 'priority' })
+      expect(
+        this.FeaturesHelper.mergeFeatures(
+          { compileGroup: 'standard' },
+          { compileGroup: 'standard' }
+        )
+      ).to.deep.equal({ compileGroup: 'standard' })
+    })
+
+    it('should prefer -1 over any other for collaborators', function () {
+      expect(
+        this.FeaturesHelper.mergeFeatures(
+          { collaborators: -1 },
+          { collaborators: 10 }
+        )
+      ).to.deep.equal({ collaborators: -1 })
+      expect(
+        this.FeaturesHelper.mergeFeatures(
+          { collaborators: 10 },
+          { collaborators: -1 }
+        )
+      ).to.deep.equal({ collaborators: -1 })
+      expect(
+        this.FeaturesHelper.mergeFeatures(
+          { collaborators: 4 },
+          { collaborators: 10 }
+        )
+      ).to.deep.equal({ collaborators: 10 })
+    })
+
+    it('should prefer the higher of compileTimeout', function () {
+      expect(
+        this.FeaturesHelper.mergeFeatures(
+          { compileTimeout: 20 },
+          { compileTimeout: 10 }
+        )
+      ).to.deep.equal({ compileTimeout: 20 })
+      expect(
+        this.FeaturesHelper.mergeFeatures(
+          { compileTimeout: 10 },
+          { compileTimeout: 20 }
+        )
+      ).to.deep.equal({ compileTimeout: 20 })
+    })
+
+    it('should prefer the true over false for other keys', function () {
+      expect(
+        this.FeaturesHelper.mergeFeatures({ github: true }, { github: false })
+      ).to.deep.equal({ github: true })
+      expect(
+        this.FeaturesHelper.mergeFeatures({ github: false }, { github: true })
+      ).to.deep.equal({ github: true })
+      expect(
+        this.FeaturesHelper.mergeFeatures({ github: true }, { github: true })
+      ).to.deep.equal({ github: true })
+      expect(
+        this.FeaturesHelper.mergeFeatures({ github: false }, { github: false })
+      ).to.deep.equal({ github: false })
+    })
+  })
+
+  describe('computeFeatureSet', function () {
+    it('should handle only one featureSet', function () {
+      expect(
+        this.FeaturesHelper.computeFeatureSet([
+          { github: true, feat1: true, feat2: false },
+        ])
+      ).to.deep.equal({ github: true, feat1: true, feat2: false })
+    })
+    it('should handle an empty array of featureSets', function () {
+      expect(this.FeaturesHelper.computeFeatureSet([])).to.deep.equal({})
+    })
+
+    it('should handle 3+ featureSets', function () {
+      const featureSets = [
+        { github: true, feat1: false, feat2: false },
+        { github: false, feat1: true, feat2: false, feat3: false },
+        { github: false, feat1: false, feat2: true, feat4: true },
+      ]
+      expect(this.FeaturesHelper.computeFeatureSet(featureSets)).to.deep.equal({
+        github: true,
+        feat1: true,
+        feat2: true,
+        feat3: false,
+        feat4: true,
+      })
+    })
+  })
+
+  describe('isFeatureSetBetter', function () {
+    it('simple comparisons', function () {
+      const result1 = this.FeaturesHelper.isFeatureSetBetter(
+        { dropbox: true },
+        { dropbox: false }
+      )
+      expect(result1).to.be.true
+
+      const result2 = this.FeaturesHelper.isFeatureSetBetter(
+        { dropbox: false },
+        { dropbox: true }
+      )
+      expect(result2).to.be.false
+    })
+
+    it('compound comparisons with same features', function () {
+      const result1 = this.FeaturesHelper.isFeatureSetBetter(
+        { collaborators: 9, dropbox: true },
+        { collaborators: 10, dropbox: true }
+      )
+      expect(result1).to.be.false
+
+      const result2 = this.FeaturesHelper.isFeatureSetBetter(
+        { collaborators: -1, dropbox: true },
+        { collaborators: 10, dropbox: true }
+      )
+      expect(result2).to.be.true
+
+      const result3 = this.FeaturesHelper.isFeatureSetBetter(
+        { collaborators: -1, compileTimeout: 60, dropbox: true },
+        { collaborators: 10, compileTimeout: 60, dropbox: true }
+      )
+      expect(result3).to.be.true
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/FeaturesUpdaterTests.js b/services/web/test/unit/src/Subscription/FeaturesUpdaterTests.js
new file mode 100644
index 0000000..8cdf313
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/FeaturesUpdaterTests.js
@@ -0,0 +1,374 @@
+const SandboxedModule = require('sandboxed-module')
+const { expect } = require('chai')
+const sinon = require('sinon')
+const { ObjectId } = require('mongodb-legacy')
+const {
+  AI_ADD_ON_CODE,
+} = require('../../../../app/src/Features/Subscription/PaymentProviderEntities')
+
+const MODULE_PATH = '../../../../app/src/Features/Subscription/FeaturesUpdater'
+
+describe('FeaturesUpdater', function () {
+  beforeEach(function () {
+    this.v1UserId = 12345
+    this.user = {
+      _id: new ObjectId(),
+      features: {},
+      overleaf: { id: this.v1UserId },
+    }
+    this.aiAddOn = { addOnCode: AI_ADD_ON_CODE, quantity: 1 }
+    this.subscriptions = {
+      individual: { planCode: 'individual-plan' },
+      group1: { planCode: 'group-plan-1', groupPlan: true },
+      group2: { planCode: 'group-plan-2', groupPlan: true },
+      noDropbox: { planCode: 'no-dropbox' },
+      individualPlusAiAddOn: {
+        planCode: 'individual-plan',
+        addOns: [this.aiAddOn],
+      },
+      groupPlusAiAddOn: {
+        planCode: 'group-plan-1',
+        groupPlan: true,
+        addOns: [this.aiAddOn],
+      },
+    }
+
+    this.UserFeaturesUpdater = {
+      promises: {
+        updateFeatures: sinon
+          .stub()
+          .resolves({ features: { some: 'features' }, featuresChanged: true }),
+      },
+    }
+
+    this.SubscriptionLocator = {
+      promises: {
+        getUsersSubscription: sinon.stub(),
+        getGroupSubscriptionsMemberOf: sinon.stub(),
+      },
+    }
+    this.SubscriptionLocator.promises.getUsersSubscription
+      .withArgs(this.user._id)
+      .resolves(this.subscriptions.individual)
+    this.SubscriptionLocator.promises.getGroupSubscriptionsMemberOf
+      .withArgs(this.user._id)
+      .resolves([this.subscriptions.group1, this.subscriptions.group2])
+
+    this.Settings = {
+      defaultFeatures: { default: 'features' },
+      plans: [
+        { planCode: 'individual-plan', features: { individual: 'features' } },
+        { planCode: 'group-plan-1', features: { group1: 'features' } },
+        { planCode: 'group-plan-2', features: { group2: 'features' } },
+        { planCode: 'no-dropbox', features: { dropbox: false } },
+      ],
+      features: {
+        all: {
+          default: 'features',
+          individual: 'features',
+          group1: 'features',
+          group2: 'features',
+          institutions: 'features',
+          grandfathered: 'features',
+          bonus: 'features',
+        },
+      },
+    }
+
+    this.ReferalFeatures = {
+      promises: {
+        getBonusFeatures: sinon.stub().resolves({ bonus: 'features' }),
+      },
+    }
+    this.V1SubscriptionManager = {
+      getGrandfatheredFeaturesForV1User: sinon.stub(),
+    }
+    this.V1SubscriptionManager.getGrandfatheredFeaturesForV1User
+      .withArgs(this.v1UserId)
+      .returns({ grandfathered: 'features' })
+
+    this.InstitutionsFeatures = {
+      promises: {
+        getInstitutionsFeatures: sinon
+          .stub()
+          .resolves({ institutions: 'features' }),
+      },
+    }
+
+    this.UserGetter = {
+      promises: {
+        getUser: sinon.stub().resolves(null),
+      },
+    }
+    this.UserGetter.promises.getUser.withArgs(this.user._id).resolves(this.user)
+    this.UserGetter.promises.getUser
+      .withArgs({ 'overleaf.id': this.v1UserId })
+      .resolves(this.user)
+
+    this.AnalyticsManager = {
+      setUserPropertyForUserInBackground: sinon.stub(),
+    }
+    this.Modules = {
+      promises: { hooks: { fire: sinon.stub().resolves() } },
+    }
+    this.Queues = {
+      getQueue: sinon.stub().returns({
+        add: sinon.stub().resolves(),
+      }),
+    }
+
+    this.FeaturesUpdater = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        './UserFeaturesUpdater': this.UserFeaturesUpdater,
+        './SubscriptionLocator': this.SubscriptionLocator,
+        '@overleaf/settings': this.Settings,
+        '../Referal/ReferalFeatures': this.ReferalFeatures,
+        './V1SubscriptionManager': this.V1SubscriptionManager,
+        '../Institutions/InstitutionsFeatures': this.InstitutionsFeatures,
+        '../User/UserGetter': this.UserGetter,
+        '../Analytics/AnalyticsManager': this.AnalyticsManager,
+        '../../infrastructure/Modules': this.Modules,
+        '../../infrastructure/Queues': this.Queues,
+      },
+    })
+  })
+
+  describe('computeFeatures', function () {
+    beforeEach(function () {
+      this.SubscriptionLocator.promises.getUsersSubscription
+        .withArgs(this.user._id)
+        .resolves(null)
+      this.SubscriptionLocator.promises.getGroupSubscriptionsMemberOf
+        .withArgs(this.user._id)
+        .resolves([])
+      this.ReferalFeatures.promises.getBonusFeatures.resolves({})
+      this.V1SubscriptionManager.getGrandfatheredFeaturesForV1User
+        .withArgs(this.v1UserId)
+        .returns({})
+      this.InstitutionsFeatures.promises.getInstitutionsFeatures.resolves({})
+    })
+
+    describe('individual subscriber', function () {
+      beforeEach(function () {
+        this.SubscriptionLocator.promises.getUsersSubscription
+          .withArgs(this.user._id)
+          .resolves(this.subscriptions.individual)
+      })
+
+      it('returns the individual features', async function () {
+        const features = await this.FeaturesUpdater.promises.computeFeatures(
+          this.user._id
+        )
+        expect(features).to.deep.equal({
+          default: 'features',
+          individual: 'features',
+        })
+      })
+    })
+
+    describe('group admin', function () {
+      beforeEach(function () {
+        this.SubscriptionLocator.promises.getUsersSubscription
+          .withArgs(this.user._id)
+          .resolves(this.subscriptions.group1)
+      })
+
+      it("doesn't return the group features", async function () {
+        const features = await this.FeaturesUpdater.promises.computeFeatures(
+          this.user._id
+        )
+        expect(features).to.deep.equal({
+          default: 'features',
+        })
+      })
+    })
+
+    describe('group member', function () {
+      beforeEach(function () {
+        this.SubscriptionLocator.promises.getGroupSubscriptionsMemberOf
+          .withArgs(this.user._id)
+          .resolves([this.subscriptions.group1])
+      })
+
+      it('returns the group features', async function () {
+        const features = await this.FeaturesUpdater.promises.computeFeatures(
+          this.user._id
+        )
+        expect(features).to.deep.equal({
+          default: 'features',
+          group1: 'features',
+        })
+      })
+    })
+
+    describe('individual subscription + AI add-on', function () {
+      beforeEach(function () {
+        this.SubscriptionLocator.promises.getUsersSubscription
+          .withArgs(this.user._id)
+          .resolves(this.subscriptions.individualPlusAiAddOn)
+      })
+
+      it('returns the individual features and the AI error assistant', async function () {
+        const features = await this.FeaturesUpdater.promises.computeFeatures(
+          this.user._id
+        )
+        expect(features).to.deep.equal({
+          default: 'features',
+          individual: 'features',
+          aiErrorAssistant: true,
+        })
+      })
+    })
+
+    describe('group admin + AI add-on', function () {
+      beforeEach(function () {
+        this.SubscriptionLocator.promises.getUsersSubscription
+          .withArgs(this.user._id)
+          .resolves(this.subscriptions.groupPlusAiAddOn)
+      })
+
+      it('returns the AI error assistant only', async function () {
+        const features = await this.FeaturesUpdater.promises.computeFeatures(
+          this.user._id
+        )
+        expect(features).to.deep.equal({
+          default: 'features',
+          aiErrorAssistant: true,
+        })
+      })
+    })
+
+    describe('group member + AI add-on', function () {
+      beforeEach(function () {
+        this.SubscriptionLocator.promises.getGroupSubscriptionsMemberOf
+          .withArgs(this.user._id)
+          .resolves([this.subscriptions.groupPlusAiAddOn])
+      })
+
+      it('returns the group features without the AI features', async function () {
+        const features = await this.FeaturesUpdater.promises.computeFeatures(
+          this.user._id
+        )
+        expect(features).to.deep.equal({
+          default: 'features',
+          group1: 'features',
+        })
+      })
+    })
+  })
+
+  describe('refreshFeatures', function () {
+    it('should return features and featuresChanged', async function () {
+      const { features, featuresChanged } =
+        await this.FeaturesUpdater.promises.refreshFeatures(
+          this.user._id,
+          'test'
+        )
+      expect(features).to.exist
+      expect(featuresChanged).to.exist
+    })
+
+    describe('normally', function () {
+      beforeEach(async function () {
+        await this.FeaturesUpdater.promises.refreshFeatures(
+          this.user._id,
+          'test'
+        )
+      })
+
+      it('should update the user with the merged features', function () {
+        expect(
+          this.UserFeaturesUpdater.promises.updateFeatures
+        ).to.have.been.calledWith(this.user._id, this.Settings.features.all)
+      })
+
+      it('should send the corresponding feature set user property', function () {
+        expect(
+          this.AnalyticsManager.setUserPropertyForUserInBackground
+        ).to.have.been.calledWith(this.user._id, 'feature-set', 'all')
+      })
+    })
+
+    describe('with a non-standard feature set', async function () {
+      beforeEach(async function () {
+        this.SubscriptionLocator.promises.getGroupSubscriptionsMemberOf
+          .withArgs(this.user._id)
+          .resolves(null)
+        await this.FeaturesUpdater.promises.refreshFeatures(
+          this.user._id,
+          'test'
+        )
+      })
+
+      it('should send mixed feature set user property', function () {
+        sinon.assert.calledWith(
+          this.AnalyticsManager.setUserPropertyForUserInBackground,
+          this.user._id,
+          'feature-set',
+          'mixed'
+        )
+      })
+    })
+
+    describe('when losing dropbox feature', async function () {
+      beforeEach(async function () {
+        this.user.features = { dropbox: true }
+        this.SubscriptionLocator.promises.getUsersSubscription
+          .withArgs(this.user._id)
+          .resolves(this.subscriptions.noDropbox)
+        await this.FeaturesUpdater.promises.refreshFeatures(
+          this.user._id,
+          'test'
+        )
+      })
+
+      it('should fire module hook to unlink dropbox', function () {
+        expect(this.Modules.promises.hooks.fire).to.have.been.calledWith(
+          'removeDropbox',
+          this.user._id,
+          'test'
+        )
+      })
+    })
+  })
+
+  describe('doSyncFromV1', function () {
+    describe('when all goes well', function () {
+      beforeEach(async function () {
+        await this.FeaturesUpdater.promises.doSyncFromV1(this.v1UserId)
+      })
+
+      it('should update the user with the merged features', function () {
+        expect(
+          this.UserFeaturesUpdater.promises.updateFeatures
+        ).to.have.been.calledWith(this.user._id, this.Settings.features.all)
+      })
+    })
+
+    describe('when getUser produces an error', function () {
+      beforeEach(function () {
+        this.UserGetter.promises.getUser.rejects(new Error('woops'))
+      })
+
+      it('should propagate the error', async function () {
+        const someId = 9090
+        await expect(this.FeaturesUpdater.promises.doSyncFromV1(someId)).to.be
+          .rejected
+        expect(this.UserFeaturesUpdater.promises.updateFeatures).not.to.have
+          .been.called
+      })
+    })
+
+    describe('when getUser does not find a user', function () {
+      beforeEach(async function () {
+        const someOtherId = 987
+        await this.FeaturesUpdater.promises.doSyncFromV1(someOtherId)
+      })
+
+      it('should not update the user', function () {
+        expect(this.UserFeaturesUpdater.promises.updateFeatures).not.to.have
+          .been.called
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/LimitationsManagerTests.js b/services/web/test/unit/src/Subscription/LimitationsManagerTests.js
new file mode 100644
index 0000000..29c97de
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/LimitationsManagerTests.js
@@ -0,0 +1,603 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = require('path').join(
+  __dirname,
+  '../../../../app/src/Features/Subscription/LimitationsManager'
+)
+
+describe('LimitationsManager', function () {
+  beforeEach(function () {
+    this.user = {
+      _id: (this.userId = 'user-id'),
+      features: { collaborators: 1 },
+    }
+    this.project = {
+      _id: (this.projectId = 'project-id'),
+      owner_ref: this.userId,
+    }
+    this.ProjectGetter = {
+      promises: {
+        getProject: sinon.stub().callsFake(async (projectId, fields) => {
+          if (projectId === this.projectId) {
+            return this.project
+          } else {
+            return null
+          }
+        }),
+      },
+    }
+    this.UserGetter = {
+      promises: {
+        getUser: sinon.stub().callsFake(async (userId, filter) => {
+          if (userId === this.userId) {
+            return this.user
+          } else {
+            return null
+          }
+        }),
+      },
+    }
+
+    this.SubscriptionLocator = {
+      promises: {
+        getUsersSubscription: sinon.stub().resolves(),
+        getSubscription: sinon.stub().resolves(),
+        getMemberSubscriptions: sinon.stub().resolves(),
+      },
+    }
+
+    this.CollaboratorsGetter = {
+      promises: {
+        getInvitedEditCollaboratorCount: sinon.stub().resolves(0),
+        getMemberIdPrivilegeLevel: sinon.stub(),
+      },
+    }
+
+    this.CollaboratorsInviteGetter = {
+      promises: {
+        getEditInviteCount: sinon.stub().resolves(0),
+      },
+    }
+
+    this.LimitationsManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '../Project/ProjectGetter': this.ProjectGetter,
+        '../User/UserGetter': this.UserGetter,
+        './SubscriptionLocator': this.SubscriptionLocator,
+        '@overleaf/settings': (this.Settings = {}),
+        '../Collaborators/CollaboratorsGetter': this.CollaboratorsGetter,
+        '../Collaborators/CollaboratorsInviteGetter':
+          this.CollaboratorsInviteGetter,
+        './V1SubscriptionManager': this.V1SubscriptionManager,
+      },
+    })
+  })
+
+  describe('allowedNumberOfCollaboratorsInProject', function () {
+    describe('when the project is owned by a user without a subscription', function () {
+      beforeEach(function () {
+        this.Settings.defaultFeatures = { collaborators: 23 }
+        this.project.owner_ref = this.userId
+        delete this.user.features
+      })
+
+      it('should return the default number', async function () {
+        const result =
+          await this.LimitationsManager.promises.allowedNumberOfCollaboratorsInProject(
+            this.projectId
+          )
+        expect(result).to.equal(this.Settings.defaultFeatures.collaborators)
+      })
+    })
+
+    describe('when the project is owned by a user with a subscription', function () {
+      beforeEach(function () {
+        this.project.owner_ref = this.userId
+        this.user.features = { collaborators: 21 }
+      })
+
+      it('should return the number of collaborators the user is allowed', async function () {
+        const result =
+          await this.LimitationsManager.promises.allowedNumberOfCollaboratorsInProject(
+            this.projectId
+          )
+        expect(result).to.equal(this.user.features.collaborators)
+      })
+    })
+  })
+
+  describe('allowedNumberOfCollaboratorsForUser', function () {
+    describe('when the user has no features', function () {
+      beforeEach(function () {
+        this.Settings.defaultFeatures = { collaborators: 23 }
+        delete this.user.features
+      })
+
+      it('should return the default number', async function () {
+        const result =
+          await this.LimitationsManager.promises.allowedNumberOfCollaboratorsForUser(
+            this.userId
+          )
+        expect(result).to.equal(this.Settings.defaultFeatures.collaborators)
+      })
+    })
+
+    describe('when the user has features', function () {
+      beforeEach(async function () {
+        this.user.features = { collaborators: 21 }
+        this.result =
+          await this.LimitationsManager.promises.allowedNumberOfCollaboratorsForUser(
+            this.userId
+          )
+      })
+
+      it('should return the number of collaborators the user is allowed', function () {
+        expect(this.result).to.equal(this.user.features.collaborators)
+      })
+    })
+  })
+
+  describe('canAcceptEditCollaboratorInvite', function () {
+    describe('when the project has fewer collaborators than allowed', function () {
+      beforeEach(function () {
+        this.current_number = 1
+        this.user.features.collaborators = 2
+        this.CollaboratorsGetter.promises.getInvitedEditCollaboratorCount =
+          sinon.stub().resolves(this.current_number)
+      })
+
+      it('should return true', async function () {
+        const result =
+          await this.LimitationsManager.promises.canAcceptEditCollaboratorInvite(
+            this.projectId
+          )
+        expect(result).to.be.true
+      })
+    })
+
+    describe('when accepting the invite would exceed the collaborator limit', function () {
+      beforeEach(function () {
+        this.current_number = 2
+        this.user.features.collaborators = 2
+        this.CollaboratorsGetter.promises.getInvitedEditCollaboratorCount =
+          sinon.stub().resolves(this.current_number)
+      })
+
+      it('should return false', async function () {
+        const result =
+          await this.LimitationsManager.promises.canAcceptEditCollaboratorInvite(
+            this.projectId
+          )
+        expect(result).to.be.false
+      })
+    })
+
+    describe('when the project has more collaborators than allowed', function () {
+      beforeEach(function () {
+        this.current_number = 3
+        this.user.features.collaborators = 2
+        this.CollaboratorsGetter.promises.getInvitedEditCollaboratorCount =
+          sinon.stub().resolves(this.current_number)
+      })
+
+      it('should return false', async function () {
+        const result =
+          await this.LimitationsManager.promises.canAcceptEditCollaboratorInvite(
+            this.projectId
+          )
+        expect(result).to.be.false
+      })
+    })
+
+    describe('when the project has infinite collaborators', function () {
+      beforeEach(function () {
+        this.current_number = 100
+        this.user.features.collaborators = -1
+        this.CollaboratorsGetter.promises.getInvitedEditCollaboratorCount =
+          sinon.stub().resolves(this.current_number)
+      })
+
+      it('should return true', async function () {
+        const result =
+          await this.LimitationsManager.promises.canAcceptEditCollaboratorInvite(
+            this.projectId
+          )
+        expect(result).to.be.true
+      })
+    })
+  })
+
+  describe('canAddXEditCollaborators', function () {
+    describe('when the project has fewer collaborators than allowed', function () {
+      beforeEach(function () {
+        this.current_number = 1
+        this.user.features.collaborators = 2
+        this.invite_count = 0
+        this.CollaboratorsGetter.promises.getInvitedEditCollaboratorCount =
+          sinon.stub().resolves(this.current_number)
+        this.CollaboratorsInviteGetter.promises.getEditInviteCount = sinon
+          .stub()
+          .resolves(this.invite_count)
+      })
+
+      it('should return true', async function () {
+        const result =
+          await this.LimitationsManager.promises.canAddXEditCollaborators(
+            this.projectId,
+            1
+          )
+        expect(result).to.be.true
+      })
+    })
+
+    describe('when the project has fewer collaborators and invites than allowed', function () {
+      beforeEach(function () {
+        this.current_number = 1
+        this.user.features.collaborators = 4
+        this.invite_count = 1
+        this.CollaboratorsGetter.promises.getInvitedEditCollaboratorCount =
+          sinon.stub().resolves(this.current_number)
+        this.CollaboratorsInviteGetter.promises.getEditInviteCount = sinon
+          .stub()
+          .resolves(this.invite_count)
+      })
+
+      it('should return true', async function () {
+        const result =
+          await this.LimitationsManager.promises.canAddXEditCollaborators(
+            this.projectId,
+            1
+          )
+        expect(result).to.be.true
+      })
+    })
+
+    describe('when the project has fewer collaborators than allowed but I want to add more than allowed', function () {
+      beforeEach(function () {
+        this.current_number = 1
+        this.user.features.collaborators = 2
+        this.invite_count = 0
+        this.CollaboratorsGetter.promises.getInvitedEditCollaboratorCount =
+          sinon.stub().resolves(this.current_number)
+        this.CollaboratorsInviteGetter.promises.getEditInviteCount = sinon
+          .stub()
+          .resolves(this.invite_count)
+      })
+
+      it('should return false', async function () {
+        const result =
+          await this.LimitationsManager.promises.canAddXEditCollaborators(
+            this.projectId,
+            2
+          )
+        expect(result).to.be.false
+      })
+    })
+
+    describe('when the project has more collaborators than allowed', function () {
+      beforeEach(function () {
+        this.current_number = 3
+        this.user.features.collaborators = 2
+        this.invite_count = 0
+        this.CollaboratorsGetter.promises.getInvitedEditCollaboratorCount =
+          sinon.stub().resolves(this.current_number)
+        this.CollaboratorsInviteGetter.promises.getEditInviteCount = sinon
+          .stub()
+          .resolves(this.invite_count)
+      })
+
+      it('should return false', async function () {
+        const result =
+          await this.LimitationsManager.promises.canAddXEditCollaborators(
+            this.projectId,
+            1
+          )
+        expect(result).to.be.false
+      })
+    })
+
+    describe('when the project has infinite collaborators', function () {
+      beforeEach(function () {
+        this.current_number = 100
+        this.user.features.collaborators = -1
+        this.invite_count = 0
+        this.CollaboratorsGetter.promises.getInvitedEditCollaboratorCount =
+          sinon.stub().resolves(this.current_number)
+        this.CollaboratorsInviteGetter.promises.getEditInviteCount = sinon
+          .stub()
+          .resolves(this.invite_count)
+      })
+
+      it('should return true', async function () {
+        const result =
+          await this.LimitationsManager.promises.canAddXEditCollaborators(
+            this.projectId,
+            1
+          )
+        expect(result).to.be.true
+      })
+    })
+
+    describe('when the project has more invites than allowed', function () {
+      beforeEach(function () {
+        this.current_number = 0
+        this.user.features.collaborators = 2
+        this.invite_count = 2
+        this.CollaboratorsGetter.promises.getInvitedEditCollaboratorCount =
+          sinon.stub().resolves(this.current_number)
+        this.CollaboratorsInviteGetter.promises.getEditInviteCount = sinon
+          .stub()
+          .resolves(this.invite_count)
+      })
+
+      it('should return false', async function () {
+        const result =
+          await this.LimitationsManager.promises.canAddXEditCollaborators(
+            this.projectId,
+            1
+          )
+        expect(result).to.be.false
+      })
+    })
+
+    describe('when the project has more invites and collaborators than allowed', function () {
+      beforeEach(function () {
+        this.current_number = 1
+        this.user.features.collaborators = 2
+        this.invite_count = 1
+        this.CollaboratorsGetter.promises.getInvitedEditCollaboratorCount =
+          sinon.stub().resolves(this.current_number)
+        this.CollaboratorsInviteGetter.promises.getEditInviteCount = sinon
+          .stub()
+          .resolves(this.invite_count)
+      })
+
+      it('should return false', async function () {
+        const result =
+          await this.LimitationsManager.promises.canAddXEditCollaborators(
+            this.projectId,
+            1
+          )
+        expect(result).to.be.false
+      })
+    })
+  })
+
+  describe('canChangeCollaboratorPrivilegeLevel', function () {
+    beforeEach(function () {
+      this.collaboratorId = 'collaborator-id'
+      this.CollaboratorsGetter.promises.getMemberIdPrivilegeLevel.resolves(
+        'readOnly'
+      )
+    })
+
+    describe("when the limit hasn't been reached", function () {
+      it('accepts changing a viewer to an editor', async function () {
+        const result =
+          await this.LimitationsManager.promises.canChangeCollaboratorPrivilegeLevel(
+            this.projectId,
+            this.collaboratorId,
+            'readAndWrite'
+          )
+        expect(result).to.be.true
+      })
+    })
+
+    describe('when the limit has been reached', function () {
+      beforeEach(function () {
+        this.CollaboratorsGetter.promises.getInvitedEditCollaboratorCount.resolves(
+          1
+        )
+      })
+
+      it('accepts changing a reviewer to an editor', async function () {
+        this.CollaboratorsGetter.promises.getMemberIdPrivilegeLevel.resolves(
+          'review'
+        )
+        const result =
+          await this.LimitationsManager.promises.canChangeCollaboratorPrivilegeLevel(
+            this.projectId,
+            this.collaboratorId,
+            'readAndWrite'
+          )
+        expect(result).to.be.true
+      })
+
+      it('rejects changing a viewer to a reviewer', async function () {
+        const result =
+          await this.LimitationsManager.promises.canChangeCollaboratorPrivilegeLevel(
+            this.projectId,
+            this.collaboratorId,
+            'review'
+          )
+        expect(result).to.be.false
+      })
+    })
+  })
+
+  describe('userHasSubscription', function () {
+    beforeEach(function () {
+      this.SubscriptionLocator.promises.getUsersSubscription = sinon
+        .stub()
+        .resolves()
+    })
+
+    it('should return true if the recurly token is set', async function () {
+      this.SubscriptionLocator.promises.getUsersSubscription = sinon
+        .stub()
+        .resolves({
+          recurlySubscription_id: '1234',
+        })
+      const { hasSubscription } =
+        await this.LimitationsManager.promises.userHasSubscription(this.user)
+      expect(hasSubscription).to.be.true
+    })
+
+    it('should return false if the recurly token is not set', async function () {
+      this.SubscriptionLocator.promises.getUsersSubscription.resolves({})
+      const { hasSubscription } =
+        await this.LimitationsManager.promises.userHasSubscription(this.user)
+      expect(hasSubscription).to.be.false
+    })
+
+    it('should return false if the subscription is undefined', async function () {
+      this.SubscriptionLocator.promises.getUsersSubscription.resolves()
+      const { hasSubscription } =
+        await this.LimitationsManager.promises.userHasSubscription(this.user)
+      expect(hasSubscription).to.be.false
+    })
+
+    it('should return the subscription', async function () {
+      const stubbedSubscription = { freeTrial: {}, token: '' }
+      this.SubscriptionLocator.promises.getUsersSubscription.resolves(
+        stubbedSubscription
+      )
+      const { subscription } =
+        await this.LimitationsManager.promises.userHasSubscription(this.user)
+      expect(subscription).to.deep.equal(stubbedSubscription)
+    })
+
+    describe('when user has a custom account', function () {
+      beforeEach(function () {
+        this.fakeSubscription = { customAccount: true }
+        this.SubscriptionLocator.promises.getUsersSubscription.resolves(
+          this.fakeSubscription
+        )
+      })
+
+      it('should return true', async function () {
+        const { hasSubscription } =
+          await this.LimitationsManager.promises.userHasSubscription(this.user)
+        expect(hasSubscription).to.be.true
+      })
+
+      it('should return the subscription', async function () {
+        const { subscription } =
+          await this.LimitationsManager.promises.userHasSubscription(this.user)
+        expect(subscription).to.deep.equal(this.fakeSubscription)
+      })
+    })
+  })
+
+  describe('userIsMemberOfGroupSubscription', function () {
+    beforeEach(function () {
+      this.SubscriptionLocator.promises.getMemberSubscriptions = sinon
+        .stub()
+        .resolves()
+    })
+
+    it('should return false if there are no groups subcriptions', async function () {
+      this.SubscriptionLocator.promises.getMemberSubscriptions.resolves([])
+      const { isMember } =
+        await this.LimitationsManager.promises.userIsMemberOfGroupSubscription(
+          this.user
+        )
+      expect(isMember).to.be.false
+    })
+
+    it('should return true if there are no groups subcriptions', async function () {
+      const subscriptions = ['mock-subscription']
+      this.SubscriptionLocator.promises.getMemberSubscriptions.resolves(
+        subscriptions
+      )
+      const { isMember, subscriptions: retSubscriptions } =
+        await this.LimitationsManager.promises.userIsMemberOfGroupSubscription(
+          this.user
+        )
+      expect(isMember).to.be.true
+      expect(retSubscriptions).to.deep.equal(subscriptions)
+    })
+  })
+
+  describe('hasPaidSubscription', function () {
+    beforeEach(function () {
+      this.SubscriptionLocator.promises.getMemberSubscriptions = sinon
+        .stub()
+        .resolves([])
+      this.SubscriptionLocator.promises.getUsersSubscription = sinon
+        .stub()
+        .resolves(null)
+    })
+
+    it('should return true if userIsMemberOfGroupSubscription', async function () {
+      this.SubscriptionLocator.promises.getMemberSubscriptions = sinon
+        .stub()
+        .resolves([{ _id: '123' }])
+      const { hasPaidSubscription } =
+        await this.LimitationsManager.promises.hasPaidSubscription(this.user)
+      expect(hasPaidSubscription).to.be.true
+    })
+
+    it('should return true if userHasSubscription', async function () {
+      this.SubscriptionLocator.promises.getUsersSubscription = sinon
+        .stub()
+        .resolves({ recurlySubscription_id: '123' })
+      const { hasPaidSubscription } =
+        await this.LimitationsManager.promises.hasPaidSubscription(this.user)
+      expect(hasPaidSubscription).to.be.true
+    })
+
+    it('should return false if none are true', async function () {
+      const { hasPaidSubscription } =
+        await this.LimitationsManager.promises.hasPaidSubscription(this.user)
+      expect(hasPaidSubscription).to.be.false
+    })
+
+    it('should have userHasSubscriptionOrIsGroupMember alias', async function () {
+      const { hasPaidSubscription } =
+        await this.LimitationsManager.promises.userHasSubscriptionOrIsGroupMember(
+          this.user
+        )
+      expect(hasPaidSubscription).to.be.false
+    })
+  })
+
+  describe('hasGroupMembersLimitReached', function () {
+    beforeEach(function () {
+      this.subscriptionId = '12312'
+      this.subscription = {
+        membersLimit: 3,
+        member_ids: ['', ''],
+        teamInvites: [
+          { email: 'bob@example.com', sentAt: new Date(), token: 'hey' },
+        ],
+      }
+    })
+
+    it('should return true if the limit is hit (including members and invites)', async function () {
+      this.SubscriptionLocator.promises.getSubscription.resolves(
+        this.subscription
+      )
+      const { limitReached } =
+        await this.LimitationsManager.promises.hasGroupMembersLimitReached(
+          this.subscriptionId
+        )
+      expect(limitReached).to.be.true
+    })
+
+    it('should return false if the limit is not hit (including members and invites)', async function () {
+      this.subscription.membersLimit = 4
+      this.SubscriptionLocator.promises.getSubscription.resolves(
+        this.subscription
+      )
+      const { limitReached } =
+        await this.LimitationsManager.promises.hasGroupMembersLimitReached(
+          this.subscriptionId
+        )
+      expect(limitReached).to.be.false
+    })
+
+    it('should return true if the limit has been exceded (including members and invites)', async function () {
+      this.subscription.membersLimit = 2
+      this.SubscriptionLocator.promises.getSubscription.resolves(
+        this.subscription
+      )
+      const { limitReached } =
+        await this.LimitationsManager.promises.hasGroupMembersLimitReached(
+          this.subscriptionId
+        )
+      expect(limitReached).to.be.true
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/PaymentProviderEntitiesTest.js b/services/web/test/unit/src/Subscription/PaymentProviderEntitiesTest.js
new file mode 100644
index 0000000..3c18c6b
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/PaymentProviderEntitiesTest.js
@@ -0,0 +1,397 @@
+// @ts-check
+
+const SandboxedModule = require('sandboxed-module')
+const { expect } = require('chai')
+const Errors = require('../../../../app/src/Features/Subscription/Errors')
+const {
+  AI_ADD_ON_CODE,
+  PaymentProviderSubscriptionChangeRequest,
+  PaymentProviderSubscriptionChange,
+  PaymentProviderSubscription,
+  PaymentProviderSubscriptionAddOnUpdate,
+} = require('../../../../app/src/Features/Subscription/PaymentProviderEntities')
+
+const MODULE_PATH =
+  '../../../../app/src/Features/Subscription/PaymentProviderEntities'
+
+describe('PaymentProviderEntities', function () {
+  describe('PaymentProviderSubscription', function () {
+    beforeEach(function () {
+      this.Settings = {
+        plans: [
+          { planCode: 'assistant-annual', price_in_cents: 5900 },
+          { planCode: 'cheap-plan', price_in_cents: 500 },
+          { planCode: 'regular-plan', price_in_cents: 1000 },
+          { planCode: 'premium-plan', price_in_cents: 2000 },
+        ],
+        features: [],
+      }
+
+      this.PaymentProviderEntities = SandboxedModule.require(MODULE_PATH, {
+        requires: {
+          '@overleaf/settings': this.Settings,
+          './Errors': Errors,
+        },
+      })
+    })
+
+    describe('with add-ons', function () {
+      beforeEach(function () {
+        const {
+          PaymentProviderSubscription,
+          PaymentProviderSubscriptionAddOn,
+        } = this.PaymentProviderEntities
+        this.addOn = new PaymentProviderSubscriptionAddOn({
+          code: 'add-on-code',
+          name: 'My Add-On',
+          quantity: 1,
+          unitPrice: 2,
+        })
+        this.subscription = new PaymentProviderSubscription({
+          id: 'subscription-id',
+          userId: 'user-id',
+          planCode: 'regular-plan',
+          planName: 'My Plan',
+          planPrice: 10,
+          addOns: [this.addOn],
+          subtotal: 10.99,
+          taxRate: 0.2,
+          taxAmount: 2.4,
+          total: 14.4,
+          currency: 'USD',
+        })
+      })
+
+      describe('hasAddOn()', function () {
+        it('returns true if the subscription has the given add-on', function () {
+          expect(this.subscription.hasAddOn(this.addOn.code)).to.be.true
+        })
+
+        it("returns false if the subscription doesn't have the given add-on", function () {
+          expect(this.subscription.hasAddOn('another-add-on')).to.be.false
+        })
+      })
+
+      describe('getRequestForPlanChange()', function () {
+        it('returns a change request for upgrades', function () {
+          const { PaymentProviderSubscriptionChangeRequest } =
+            this.PaymentProviderEntities
+          const changeRequest =
+            this.subscription.getRequestForPlanChange('premium-plan')
+          expect(changeRequest).to.deep.equal(
+            new PaymentProviderSubscriptionChangeRequest({
+              subscription: this.subscription,
+              timeframe: 'now',
+              planCode: 'premium-plan',
+            })
+          )
+        })
+
+        it('returns a change request for downgrades', function () {
+          const { PaymentProviderSubscriptionChangeRequest } =
+            this.PaymentProviderEntities
+          const changeRequest =
+            this.subscription.getRequestForPlanChange('cheap-plan')
+          expect(changeRequest).to.deep.equal(
+            new PaymentProviderSubscriptionChangeRequest({
+              subscription: this.subscription,
+              timeframe: 'term_end',
+              planCode: 'cheap-plan',
+            })
+          )
+        })
+
+        it('preserves the AI add-on on upgrades', function () {
+          const { PaymentProviderSubscriptionChangeRequest } =
+            this.PaymentProviderEntities
+          this.addOn.code = AI_ADD_ON_CODE
+          const changeRequest =
+            this.subscription.getRequestForPlanChange('premium-plan')
+          expect(changeRequest).to.deep.equal(
+            new PaymentProviderSubscriptionChangeRequest({
+              subscription: this.subscription,
+              timeframe: 'now',
+              planCode: 'premium-plan',
+              addOnUpdates: [
+                new PaymentProviderSubscriptionAddOnUpdate({
+                  code: AI_ADD_ON_CODE,
+                  quantity: 1,
+                }),
+              ],
+            })
+          )
+        })
+
+        it('preserves the AI add-on on downgrades', function () {
+          const { PaymentProviderSubscriptionChangeRequest } =
+            this.PaymentProviderEntities
+          this.addOn.code = AI_ADD_ON_CODE
+          const changeRequest =
+            this.subscription.getRequestForPlanChange('cheap-plan')
+          expect(changeRequest).to.deep.equal(
+            new PaymentProviderSubscriptionChangeRequest({
+              subscription: this.subscription,
+              timeframe: 'term_end',
+              planCode: 'cheap-plan',
+              addOnUpdates: [
+                new PaymentProviderSubscriptionAddOnUpdate({
+                  code: AI_ADD_ON_CODE,
+                  quantity: 1,
+                }),
+              ],
+            })
+          )
+        })
+
+        it('preserves the AI add-on on upgrades from the standalone AI plan', function () {
+          const { PaymentProviderSubscriptionChangeRequest } =
+            this.PaymentProviderEntities
+          this.subscription.planCode = 'assistant-annual'
+          this.subscription.addOns = []
+          const changeRequest =
+            this.subscription.getRequestForPlanChange('cheap-plan')
+          expect(changeRequest).to.deep.equal(
+            new PaymentProviderSubscriptionChangeRequest({
+              subscription: this.subscription,
+              timeframe: 'term_end',
+              planCode: 'cheap-plan',
+              addOnUpdates: [
+                new PaymentProviderSubscriptionAddOnUpdate({
+                  code: AI_ADD_ON_CODE,
+                  quantity: 1,
+                }),
+              ],
+            })
+          )
+        })
+      })
+
+      describe('getRequestForAddOnPurchase()', function () {
+        it('returns a change request', function () {
+          const {
+            PaymentProviderSubscriptionChangeRequest,
+            PaymentProviderSubscriptionAddOnUpdate,
+          } = this.PaymentProviderEntities
+          const changeRequest =
+            this.subscription.getRequestForAddOnPurchase('another-add-on')
+          expect(changeRequest).to.deep.equal(
+            new PaymentProviderSubscriptionChangeRequest({
+              subscription: this.subscription,
+              timeframe: 'now',
+              addOnUpdates: [
+                new PaymentProviderSubscriptionAddOnUpdate({
+                  code: this.addOn.code,
+                  quantity: this.addOn.quantity,
+                  unitPrice: this.addOn.unitPrice,
+                }),
+                new PaymentProviderSubscriptionAddOnUpdate({
+                  code: 'another-add-on',
+                  quantity: 1,
+                }),
+              ],
+            })
+          )
+        })
+
+        it('returns a change request with quantity and unit price specified', function () {
+          const {
+            PaymentProviderSubscriptionChangeRequest,
+            PaymentProviderSubscriptionAddOnUpdate,
+          } = this.PaymentProviderEntities
+          const quantity = 5
+          const unitPrice = 10
+          const changeRequest = this.subscription.getRequestForAddOnPurchase(
+            'another-add-on',
+            quantity,
+            unitPrice
+          )
+          expect(changeRequest).to.deep.equal(
+            new PaymentProviderSubscriptionChangeRequest({
+              subscription: this.subscription,
+              timeframe: 'now',
+              addOnUpdates: [
+                new PaymentProviderSubscriptionAddOnUpdate({
+                  code: this.addOn.code,
+                  quantity: this.addOn.quantity,
+                  unitPrice: this.addOn.unitPrice,
+                }),
+                new PaymentProviderSubscriptionAddOnUpdate({
+                  code: 'another-add-on',
+                  quantity,
+                  unitPrice,
+                }),
+              ],
+            })
+          )
+        })
+
+        it('throws a DuplicateAddOnError if the subscription already has the add-on', function () {
+          expect(() =>
+            this.subscription.getRequestForAddOnPurchase(this.addOn.code)
+          ).to.throw(Errors.DuplicateAddOnError)
+        })
+      })
+
+      describe('getRequestForAddOnUpdate()', function () {
+        it('returns a change request', function () {
+          const {
+            PaymentProviderSubscriptionChangeRequest,
+            PaymentProviderSubscriptionAddOnUpdate,
+          } = this.PaymentProviderEntities
+          const newQuantity = 2
+          const changeRequest = this.subscription.getRequestForAddOnUpdate(
+            'add-on-code',
+            newQuantity
+          )
+          expect(changeRequest).to.deep.equal(
+            new PaymentProviderSubscriptionChangeRequest({
+              subscription: this.subscription,
+              timeframe: 'now',
+              addOnUpdates: [
+                new PaymentProviderSubscriptionAddOnUpdate({
+                  code: this.addOn.code,
+                  quantity: newQuantity,
+                  unitPrice: this.addOn.unitPrice,
+                }),
+              ],
+            })
+          )
+        })
+
+        it("throws a AddOnNotPresentError if the subscription doesn't have the add-on", function () {
+          expect(() =>
+            this.subscription.getRequestForAddOnUpdate('another-add-on', 2)
+          ).to.throw(Errors.AddOnNotPresentError)
+        })
+      })
+
+      describe('getRequestForAddOnRemoval()', function () {
+        it('returns a change request', function () {
+          const changeRequest = this.subscription.getRequestForAddOnRemoval(
+            this.addOn.code
+          )
+          expect(changeRequest).to.deep.equal(
+            new PaymentProviderSubscriptionChangeRequest({
+              subscription: this.subscription,
+              timeframe: 'term_end',
+              addOnUpdates: [],
+            })
+          )
+        })
+
+        it("throws an AddOnNotPresentError if the subscription doesn't have the add-on", function () {
+          expect(() =>
+            this.subscription.getRequestForAddOnRemoval('another-add-on')
+          ).to.throw(Errors.AddOnNotPresentError)
+        })
+      })
+
+      describe('getRequestForGroupPlanUpgrade()', function () {
+        it('returns a correct change request', function () {
+          const changeRequest =
+            this.subscription.getRequestForGroupPlanUpgrade('test_plan_code')
+          const addOns = [
+            new PaymentProviderSubscriptionAddOnUpdate({
+              code: 'add-on-code',
+              quantity: 1,
+            }),
+          ]
+          expect(changeRequest).to.deep.equal(
+            new PaymentProviderSubscriptionChangeRequest({
+              subscription: this.subscription,
+              timeframe: 'now',
+              addOnUpdates: addOns,
+              planCode: 'test_plan_code',
+            })
+          )
+        })
+      })
+
+      describe('without add-ons', function () {
+        beforeEach(function () {
+          const { PaymentProviderSubscription } = this.PaymentProviderEntities
+          this.subscription = new PaymentProviderSubscription({
+            id: 'subscription-id',
+            userId: 'user-id',
+            planCode: 'regular-plan',
+            planName: 'My Plan',
+            planPrice: 10,
+            subtotal: 10.99,
+            taxRate: 0.2,
+            taxAmount: 2.4,
+            total: 14.4,
+            currency: 'USD',
+          })
+        })
+
+        describe('hasAddOn()', function () {
+          it('returns false for any add-on', function () {
+            expect(this.subscription.hasAddOn('some-add-on')).to.be.false
+          })
+        })
+
+        describe('getRequestForAddOnPurchase()', function () {
+          it('returns a change request', function () {
+            const {
+              PaymentProviderSubscriptionChangeRequest,
+              PaymentProviderSubscriptionAddOnUpdate,
+            } = this.PaymentProviderEntities
+            const changeRequest =
+              this.subscription.getRequestForAddOnPurchase('some-add-on')
+            expect(changeRequest).to.deep.equal(
+              new PaymentProviderSubscriptionChangeRequest({
+                subscription: this.subscription,
+                timeframe: 'now',
+                addOnUpdates: [
+                  new PaymentProviderSubscriptionAddOnUpdate({
+                    code: 'some-add-on',
+                    quantity: 1,
+                  }),
+                ],
+              })
+            )
+          })
+        })
+
+        describe('getRequestForAddOnRemoval()', function () {
+          it('throws an AddOnNotPresentError', function () {
+            expect(() =>
+              this.subscription.getRequestForAddOnRemoval('some-add-on')
+            ).to.throw(Errors.AddOnNotPresentError)
+          })
+        })
+      })
+    })
+  })
+
+  describe('PaymentProviderSubscriptionChange', function () {
+    describe('constructor', function () {
+      it('rounds the amounts when calculating the taxes', function () {
+        const subscription = new PaymentProviderSubscription({
+          id: 'subscription-id',
+          userId: 'user-id',
+          planCode: 'premium-plan',
+          planName: 'Premium plan',
+          planPrice: 10,
+          subtotal: 10,
+          taxRate: 0.15,
+          taxAmount: 1.5,
+          currency: 'USD',
+          total: 11.5,
+          periodStart: new Date(),
+          periodEnd: new Date(),
+          collectionMethod: 'automatic',
+        })
+        const change = new PaymentProviderSubscriptionChange({
+          subscription,
+          nextPlanCode: 'promotional-plan',
+          nextPlanName: 'Promotial plan',
+          nextPlanPrice: 8.99,
+          nextAddOns: [],
+        })
+        expect(change.tax).to.equal(1.35)
+        expect(change.total).to.equal(10.34)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/PlansLocatorTests.js b/services/web/test/unit/src/Subscription/PlansLocatorTests.js
new file mode 100644
index 0000000..7d1972a
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/PlansLocatorTests.js
@@ -0,0 +1,213 @@
+const SandboxedModule = require('sandboxed-module')
+const { expect } = require('chai')
+const modulePath = '../../../../app/src/Features/Subscription/PlansLocator'
+
+const plans = [
+  {
+    planCode: 'first',
+    name: '1st',
+    price_in_cents: 800,
+    features: {},
+    featureDescription: {},
+  },
+  {
+    planCode: 'second',
+    name: '2nd',
+    price_in_cents: 1500,
+    features: {},
+    featureDescription: {},
+  },
+  {
+    planCode: 'third',
+    name: '3rd',
+    price_in_cents: 3000,
+    features: {},
+    featureDescription: {},
+  },
+]
+
+describe('PlansLocator', function () {
+  beforeEach(function () {
+    this.settings = { plans }
+
+    this.PlansLocator = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': this.settings,
+      },
+    })
+  })
+
+  describe('findLocalPlanInSettings', function () {
+    it('should return the found plan', function () {
+      const plan = this.PlansLocator.findLocalPlanInSettings('second')
+      expect(plan).to.have.property('name', '2nd')
+      expect(plan).to.have.property('price_in_cents', 1500)
+    })
+    it('should return null if no matching plan is found', function () {
+      const plan = this.PlansLocator.findLocalPlanInSettings('gibberish')
+      expect(plan).to.be.a('null')
+    })
+  })
+
+  describe('mapRecurlyPlanCodeToStripeLookupKey', function () {
+    it('should map "collaborator" plan code to stripe lookup keys', function () {
+      const planCode = 'collaborator'
+      const lookupKey =
+        this.PlansLocator.mapRecurlyPlanCodeToStripeLookupKey(planCode)
+      expect(lookupKey).to.equal('standard_monthly')
+    })
+
+    it('should map "collaborator_free_trial_7_days" plan code to stripe lookup keys', function () {
+      const planCode = 'collaborator_free_trial_7_days'
+      const lookupKey =
+        this.PlansLocator.mapRecurlyPlanCodeToStripeLookupKey(planCode)
+      expect(lookupKey).to.equal('standard_monthly')
+    })
+
+    it('should map "collaborator-annual" plan code to stripe lookup keys', function () {
+      const planCode = 'collaborator-annual'
+      const lookupKey =
+        this.PlansLocator.mapRecurlyPlanCodeToStripeLookupKey(planCode)
+      expect(lookupKey).to.equal('standard_annual')
+    })
+
+    it('should map "professional" plan code to stripe lookup keys', function () {
+      const planCode = 'professional'
+      const lookupKey =
+        this.PlansLocator.mapRecurlyPlanCodeToStripeLookupKey(planCode)
+      expect(lookupKey).to.equal('professional_monthly')
+    })
+
+    it('should map "professional_free_trial_7_days" plan code to stripe lookup keys', function () {
+      const planCode = 'professional_free_trial_7_days'
+      const lookupKey =
+        this.PlansLocator.mapRecurlyPlanCodeToStripeLookupKey(planCode)
+      expect(lookupKey).to.equal('professional_monthly')
+    })
+
+    it('should map "professional-annual" plan code to stripe lookup keys', function () {
+      const planCode = 'professional-annual'
+      const lookupKey =
+        this.PlansLocator.mapRecurlyPlanCodeToStripeLookupKey(planCode)
+      expect(lookupKey).to.equal('professional_annual')
+    })
+
+    it('should map "student" plan code to stripe lookup keys', function () {
+      const planCode = 'student'
+      const lookupKey =
+        this.PlansLocator.mapRecurlyPlanCodeToStripeLookupKey(planCode)
+      expect(lookupKey).to.equal('student_monthly')
+    })
+
+    it('shoult map "student_free_trial_7_days" plan code to stripe lookup keys', function () {
+      const planCode = 'student_free_trial_7_days'
+      const lookupKey =
+        this.PlansLocator.mapRecurlyPlanCodeToStripeLookupKey(planCode)
+      expect(lookupKey).to.equal('student_monthly')
+    })
+
+    it('should map "student-annual" plan code to stripe lookup keys', function () {
+      const planCode = 'student-annual'
+      const lookupKey =
+        this.PlansLocator.mapRecurlyPlanCodeToStripeLookupKey(planCode)
+      expect(lookupKey).to.equal('student_annual')
+    })
+  })
+
+  describe('mapStripeLookupKeyToRecurlyPlanCode', function () {
+    it('should return the recurly plan code for existing plans', function () {
+      const planCode = 'standard_monthly'
+      const lookupKey =
+        this.PlansLocator.mapStripeLookupKeyToRecurlyPlanCode(planCode)
+      expect(lookupKey).to.equal('collaborator')
+    })
+
+    it('should return undefined for unknown plans', function () {
+      const planCode = 'foobar'
+      const lookupKey =
+        this.PlansLocator.mapStripeLookupKeyToRecurlyPlanCode(planCode)
+      expect(lookupKey).to.equal(undefined)
+    })
+  })
+
+  describe('getPlanTypeAndPeriodFromRecurlyPlanCode', function () {
+    it('should return the plan type and period for "collaborator"', function () {
+      const { planType, period } =
+        this.PlansLocator.getPlanTypeAndPeriodFromRecurlyPlanCode(
+          'collaborator'
+        )
+      expect(planType).to.equal('standard')
+      expect(period).to.equal('monthly')
+    })
+
+    it('should return the plan type and period for "collaborator_free_trial_7_days"', function () {
+      const { planType, period } =
+        this.PlansLocator.getPlanTypeAndPeriodFromRecurlyPlanCode(
+          'collaborator_free_trial_7_days'
+        )
+      expect(planType).to.equal('standard')
+      expect(period).to.equal('monthly')
+    })
+
+    it('should return the plan type and period for "collaborator-annual"', function () {
+      const { planType, period } =
+        this.PlansLocator.getPlanTypeAndPeriodFromRecurlyPlanCode(
+          'collaborator-annual'
+        )
+      expect(planType).to.equal('standard')
+      expect(period).to.equal('annual')
+    })
+
+    it('should return the plan type and period for "professional"', function () {
+      const { planType, period } =
+        this.PlansLocator.getPlanTypeAndPeriodFromRecurlyPlanCode(
+          'professional'
+        )
+      expect(planType).to.equal('professional')
+      expect(period).to.equal('monthly')
+    })
+
+    it('should return the plan type and period for "professional_free_trial_7_days"', function () {
+      const { planType, period } =
+        this.PlansLocator.getPlanTypeAndPeriodFromRecurlyPlanCode(
+          'professional_free_trial_7_days'
+        )
+      expect(planType).to.equal('professional')
+      expect(period).to.equal('monthly')
+    })
+
+    it('should return the plan type and period for "professional-annual"', function () {
+      const { planType, period } =
+        this.PlansLocator.getPlanTypeAndPeriodFromRecurlyPlanCode(
+          'professional-annual'
+        )
+      expect(planType).to.equal('professional')
+      expect(period).to.equal('annual')
+    })
+
+    it('should return the plan type and period for "student"', function () {
+      const { planType, period } =
+        this.PlansLocator.getPlanTypeAndPeriodFromRecurlyPlanCode('student')
+      expect(planType).to.equal('student')
+      expect(period).to.equal('monthly')
+    })
+
+    it('should return the plan type and period for "student_free_trial_7_days"', function () {
+      const { planType, period } =
+        this.PlansLocator.getPlanTypeAndPeriodFromRecurlyPlanCode(
+          'student_free_trial_7_days'
+        )
+      expect(planType).to.equal('student')
+      expect(period).to.equal('monthly')
+    })
+
+    it('should return the plan type and period for "student-annual"', function () {
+      const { planType, period } =
+        this.PlansLocator.getPlanTypeAndPeriodFromRecurlyPlanCode(
+          'student-annual'
+        )
+      expect(planType).to.equal('student')
+      expect(period).to.equal('annual')
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/RecurlyClientTests.js b/services/web/test/unit/src/Subscription/RecurlyClientTests.js
new file mode 100644
index 0000000..dde1c53
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/RecurlyClientTests.js
@@ -0,0 +1,613 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const recurly = require('recurly')
+const SandboxedModule = require('sandboxed-module')
+const {
+  PaymentProviderSubscription,
+  PaymentProviderSubscriptionChangeRequest,
+  PaymentProviderSubscriptionAddOnUpdate,
+  PaymentProviderAccount,
+  PaymentProviderCoupon,
+} = require('../../../../app/src/Features/Subscription/PaymentProviderEntities')
+
+const MODULE_PATH = '../../../../app/src/Features/Subscription/RecurlyClient'
+
+describe('RecurlyClient', function () {
+  beforeEach(function () {
+    this.settings = {
+      apis: {
+        recurly: {
+          apiKey: 'nonsense',
+          privateKey: 'private_nonsense',
+        },
+      },
+      plans: [],
+      features: [],
+    }
+
+    this.user = { _id: '123456', email: 'joe@example.com', first_name: 'Joe' }
+    this.subscriptionChange = { id: 'subscription-change-123' }
+    this.recurlyAccount = new recurly.Account()
+    Object.assign(this.recurlyAccount, {
+      code: this.user._id,
+      email: this.user.email,
+    })
+
+    this.subscriptionAddOn = {
+      code: 'addon-code',
+      name: 'My Add-On',
+      quantity: 1,
+      unitPrice: 2,
+      preTaxTotal: 2,
+    }
+
+    this.subscription = new PaymentProviderSubscription({
+      id: 'subscription-id',
+      userId: 'user-id',
+      currency: 'EUR',
+      planCode: 'plan-code',
+      planName: 'plan-name',
+      planPrice: 13,
+      addOns: [this.subscriptionAddOn],
+      subtotal: 15,
+      taxRate: 0.1,
+      taxAmount: 1.5,
+      total: 16.5,
+      periodStart: new Date(),
+      periodEnd: new Date(),
+      collectionMethod: 'automatic',
+    })
+
+    this.recurlySubscription = {
+      uuid: this.subscription.id,
+      account: {
+        code: this.subscription.userId,
+      },
+      plan: {
+        code: this.subscription.planCode,
+        name: this.subscription.planName,
+      },
+      addOns: [
+        {
+          addOn: {
+            code: this.subscriptionAddOn.code,
+            name: this.subscriptionAddOn.name,
+          },
+          quantity: this.subscriptionAddOn.quantity,
+          unitAmount: this.subscriptionAddOn.unitPrice,
+        },
+      ],
+      unitAmount: this.subscription.planPrice,
+      subtotal: this.subscription.subtotal,
+      taxInfo: { rate: this.subscription.taxRate },
+      tax: this.subscription.taxAmount,
+      total: this.subscription.total,
+      currency: this.subscription.currency,
+      currentPeriodStartedAt: this.subscription.periodStart,
+      currentPeriodEndsAt: this.subscription.periodEnd,
+      collectionMethod: this.subscription.collectionMethod,
+    }
+
+    this.recurlySubscriptionChange = new recurly.SubscriptionChange()
+    Object.assign(this.recurlySubscriptionChange, this.subscriptionChange)
+
+    this.UserGetter = {
+      promises: {
+        getUser: sinon.stub().callsFake(userId => {
+          if (userId === this.user._id) {
+            return this.user
+          }
+        }),
+      },
+    }
+
+    let client
+    this.client = client = {
+      getAccount: sinon.stub(),
+      getBillingInfo: sinon.stub(),
+      listAccountSubscriptions: sinon.stub(),
+      listActiveCouponRedemptions: sinon.stub(),
+      previewSubscriptionChange: sinon.stub(),
+    }
+    this.recurly = {
+      errors: recurly.errors,
+      Client: function () {
+        return client
+      },
+    }
+    this.Errors = {
+      MissingBillingInfoError: class extends Error {},
+      SubtotalLimitExceededError: class extends Error {},
+    }
+
+    return (this.RecurlyClient = SandboxedModule.require(MODULE_PATH, {
+      globals: {
+        console,
+      },
+      requires: {
+        '@overleaf/settings': this.settings,
+        recurly: this.recurly,
+        '@overleaf/logger': {
+          err: sinon.stub(),
+          error: sinon.stub(),
+          warn: sinon.stub(),
+          log: sinon.stub(),
+          debug: sinon.stub(),
+        },
+        '../User/UserGetter': this.UserGetter,
+        './Errors': this.Errors,
+      },
+    }))
+  })
+
+  describe('initalizing recurly client with undefined API key parameter', function () {
+    it('should create a client without error', function () {
+      let testClient
+      expect(() => {
+        testClient = new recurly.Client(undefined)
+      }).to.not.throw()
+      expect(testClient).to.be.instanceOf(recurly.Client)
+    })
+  })
+
+  describe('getAccountForUserId', function () {
+    it('should return an Account if one exists', async function () {
+      this.client.getAccount = sinon.stub().resolves(this.recurlyAccount)
+      const account = await this.RecurlyClient.promises.getAccountForUserId(
+        this.user._id
+      )
+      const expectedAccount = new PaymentProviderAccount({
+        code: this.user._id,
+        email: this.user.email,
+        hasPastDueInvoice: false,
+      })
+      expect(account).to.deep.equal(expectedAccount)
+    })
+
+    it('should return null if no account found', async function () {
+      this.client.getAccount = sinon
+        .stub()
+        .throws(new recurly.errors.NotFoundError())
+      const account =
+        await this.RecurlyClient.promises.getAccountForUserId('nonsense')
+      expect(account).to.equal(null)
+    })
+
+    it('should re-throw caught errors', async function () {
+      this.client.getAccount = sinon.stub().throws()
+      await expect(
+        this.RecurlyClient.promises.getAccountForUserId(this.user._id)
+      ).to.eventually.be.rejectedWith(Error)
+    })
+  })
+
+  describe('createAccountForUserId', function () {
+    it('should return the Account as created by recurly', async function () {
+      this.client.createAccount = sinon.stub().resolves(this.recurlyAccount)
+      await expect(
+        this.RecurlyClient.promises.createAccountForUserId(this.user._id)
+      )
+        .to.eventually.be.an.instanceOf(recurly.Account)
+        .that.has.property('code', this.user._id)
+    })
+
+    it('should throw any API errors', async function () {
+      this.client.createAccount = sinon.stub().throws()
+      await expect(
+        this.RecurlyClient.promises.createAccountForUserId(this.user._id)
+      ).to.eventually.be.rejectedWith(Error)
+    })
+  })
+
+  describe('getActiveCouponsForUserId', function () {
+    it('should return an empty array if no coupons returned', async function () {
+      this.client.listActiveCouponRedemptions.returns({
+        each: async function* () {},
+      })
+      const coupons =
+        await this.RecurlyClient.promises.getActiveCouponsForUserId('some-user')
+      expect(coupons).to.deep.equal([])
+    })
+
+    it('should return a coupons returned by recurly', async function () {
+      const recurlyCoupon = {
+        coupon: {
+          code: 'coupon-code',
+          name: 'Coupon Name',
+          hostedPageDescription: 'hosted page description',
+          invoiceDescription: 'invoice description',
+        },
+      }
+      this.client.listActiveCouponRedemptions.returns({
+        each: async function* () {
+          yield recurlyCoupon
+        },
+      })
+      const coupons =
+        await this.RecurlyClient.promises.getActiveCouponsForUserId('some-user')
+      const expectedCoupons = [
+        new PaymentProviderCoupon({
+          code: 'coupon-code',
+          name: 'Coupon Name',
+          description: 'hosted page description',
+        }),
+      ]
+      expect(coupons).to.deep.equal(expectedCoupons)
+    })
+
+    it('should not throw for Recurly not found error', async function () {
+      this.client.listActiveCouponRedemptions = sinon
+        .stub()
+        .throws(new recurly.errors.NotFoundError())
+      const coupons =
+        await this.RecurlyClient.promises.getActiveCouponsForUserId('some-user')
+      expect(coupons).to.deep.equal([])
+    })
+
+    it('should throw any other API errors', async function () {
+      this.client.listActiveCouponRedemptions = sinon.stub().throws()
+      await expect(
+        this.RecurlyClient.promises.getActiveCouponsForUserId('some-user')
+      ).to.eventually.be.rejectedWith(Error)
+    })
+  })
+
+  describe('getSubscription', function () {
+    it('should return the subscription found by recurly', async function () {
+      this.client.getSubscription = sinon
+        .stub()
+        .withArgs('uuid-subscription-id')
+        .resolves(this.recurlySubscription)
+      const subscription = await this.RecurlyClient.promises.getSubscription(
+        this.subscription.id
+      )
+      expect(subscription).to.deep.equal(this.subscription)
+    })
+
+    it('should throw any API errors', async function () {
+      this.client.getSubscription = sinon.stub().throws()
+      await expect(
+        this.RecurlyClient.promises.getSubscription(this.user._id)
+      ).to.eventually.be.rejectedWith(Error)
+    })
+  })
+
+  describe('getSubscriptionForUser', function () {
+    it("should return null if the account doesn't exist", async function () {
+      this.client.listAccountSubscriptions.returns({
+        // eslint-disable-next-line require-yield
+        each: async function* () {
+          throw new recurly.errors.NotFoundError('account not found')
+        },
+      })
+      const subscription =
+        await this.RecurlyClient.promises.getSubscriptionForUser('some-user')
+      expect(subscription).to.be.null
+    })
+
+    it("should return null if the account doesn't have subscriptions", async function () {
+      this.client.listAccountSubscriptions.returns({
+        each: async function* () {},
+      })
+      const subscription =
+        await this.RecurlyClient.promises.getSubscriptionForUser('some-user')
+      expect(subscription).to.be.null
+    })
+
+    it('should return the subscription if the account has one subscription', async function () {
+      const recurlySubscription = this.recurlySubscription
+      this.client.listAccountSubscriptions.returns({
+        each: async function* () {
+          yield recurlySubscription
+        },
+      })
+      const subscription =
+        await this.RecurlyClient.promises.getSubscriptionForUser('some-user')
+      expect(subscription).to.deep.equal(this.subscription)
+    })
+
+    it('should throw an error if the account has more than one subscription', async function () {
+      const recurlySubscription = this.recurlySubscription
+      this.client.listAccountSubscriptions.returns({
+        each: async function* () {
+          yield recurlySubscription
+          yield { another: 'subscription' }
+        },
+      })
+      await expect(
+        this.RecurlyClient.promises.getSubscriptionForUser('some-user')
+      ).to.be.rejected
+    })
+  })
+
+  describe('applySubscriptionChangeRequest', function () {
+    beforeEach(function () {
+      this.client.createSubscriptionChange = sinon
+        .stub()
+        .resolves(this.recurlySubscriptionChange)
+    })
+
+    it('handles plan changes', async function () {
+      await this.RecurlyClient.promises.applySubscriptionChangeRequest(
+        new PaymentProviderSubscriptionChangeRequest({
+          subscription: this.subscription,
+          timeframe: 'now',
+          planCode: 'new-plan',
+        })
+      )
+      expect(this.client.createSubscriptionChange).to.be.calledWith(
+        'uuid-subscription-id',
+        { timeframe: 'now', planCode: 'new-plan' }
+      )
+    })
+
+    it('handles add-on changes', async function () {
+      await this.RecurlyClient.promises.applySubscriptionChangeRequest(
+        new PaymentProviderSubscriptionChangeRequest({
+          subscription: this.subscription,
+          timeframe: 'now',
+          addOnUpdates: [
+            new PaymentProviderSubscriptionAddOnUpdate({
+              code: 'new-add-on',
+              quantity: 2,
+              unitPrice: 8.99,
+            }),
+          ],
+        })
+      )
+      expect(this.client.createSubscriptionChange).to.be.calledWith(
+        'uuid-subscription-id',
+        {
+          timeframe: 'now',
+          addOns: [{ code: 'new-add-on', quantity: 2, unitAmount: 8.99 }],
+        }
+      )
+    })
+
+    it('should throw any API errors', async function () {
+      this.client.createSubscriptionChange = sinon.stub().throws()
+      await expect(
+        this.RecurlyClient.promises.applySubscriptionChangeRequest({
+          subscription: this.subscription,
+        })
+      ).to.eventually.be.rejectedWith(Error)
+    })
+
+    it('should throw SubtotalLimitExceededError', async function () {
+      class ValidationError extends recurly.errors.ValidationError {
+        constructor() {
+          super()
+          this.params = [{ param: 'subtotal_amount_in_cents' }]
+        }
+      }
+      this.client.createSubscriptionChange = sinon
+        .stub()
+        .throws(new ValidationError())
+      await expect(
+        this.RecurlyClient.promises.applySubscriptionChangeRequest({
+          subscription: this.subscription,
+        })
+      ).to.be.rejectedWith(this.Errors.SubtotalLimitExceededError)
+    })
+
+    it('should rethrow errors different than SubtotalLimitExceededError', async function () {
+      this.client.createSubscriptionChange = sinon.stub().throws(new Error())
+      await expect(
+        this.RecurlyClient.promises.applySubscriptionChangeRequest({
+          subscription: this.subscription,
+        })
+      ).to.be.rejectedWith(Error)
+    })
+  })
+
+  describe('removeSubscriptionChange', function () {
+    beforeEach(function () {
+      this.client.removeSubscriptionChange = sinon.stub().resolves()
+    })
+
+    it('should attempt to remove a pending subscription change', async function () {
+      this.RecurlyClient.promises.removeSubscriptionChange(
+        this.subscription.id,
+        {}
+      )
+      expect(this.client.removeSubscriptionChange).to.be.calledWith(
+        this.subscription.id
+      )
+    })
+
+    it('should throw any API errors', async function () {
+      this.client.removeSubscriptionChange = sinon.stub().throws()
+      await expect(
+        this.RecurlyClient.promises.removeSubscriptionChange(
+          this.subscription.id,
+          {}
+        )
+      ).to.eventually.be.rejectedWith(Error)
+    })
+
+    describe('removeSubscriptionChangeByUuid', function () {
+      it('should attempt to remove a pending subscription change', async function () {
+        this.RecurlyClient.promises.removeSubscriptionChangeByUuid(
+          this.subscription.uuid,
+          {}
+        )
+        expect(this.client.removeSubscriptionChange).to.be.calledWith(
+          'uuid-' + this.subscription.uuid
+        )
+      })
+
+      it('should throw any API errors', async function () {
+        this.client.removeSubscriptionChange = sinon.stub().throws()
+        await expect(
+          this.RecurlyClient.promises.removeSubscriptionChangeByUuid(
+            this.subscription.id,
+            {}
+          )
+        ).to.eventually.be.rejectedWith(Error)
+      })
+    })
+  })
+
+  describe('reactivateSubscriptionByUuid', function () {
+    it('should attempt to reactivate the subscription', async function () {
+      this.client.reactivateSubscription = sinon
+        .stub()
+        .resolves(this.recurlySubscription)
+      const subscription =
+        await this.RecurlyClient.promises.reactivateSubscriptionByUuid(
+          this.subscription.uuid
+        )
+      expect(subscription).to.deep.equal(this.recurlySubscription)
+      expect(this.client.reactivateSubscription).to.be.calledWith(
+        'uuid-' + this.subscription.uuid
+      )
+    })
+  })
+
+  describe('cancelSubscriptionByUuid', function () {
+    it('should attempt to cancel the subscription', async function () {
+      this.client.cancelSubscription = sinon
+        .stub()
+        .resolves(this.recurlySubscription)
+      const subscription =
+        await this.RecurlyClient.promises.cancelSubscriptionByUuid(
+          this.subscription.uuid
+        )
+      expect(subscription).to.deep.equal(this.recurlySubscription)
+      expect(this.client.cancelSubscription).to.be.calledWith(
+        'uuid-' + this.subscription.uuid
+      )
+    })
+  })
+
+  describe('pauseSubscriptionByUuid', function () {
+    it('should attempt to pause the subscription', async function () {
+      this.client.pauseSubscription = sinon
+        .stub()
+        .resolves(this.recurlySubscription)
+      const subscription =
+        await this.RecurlyClient.promises.pauseSubscriptionByUuid(
+          this.subscription.uuid,
+          3
+        )
+      expect(subscription).to.deep.equal(this.recurlySubscription)
+      expect(this.client.pauseSubscription).to.be.calledWith(
+        'uuid-' + this.subscription.uuid,
+        { remainingPauseCycles: 3 }
+      )
+    })
+  })
+
+  describe('previewSubscriptionChange', function () {
+    describe('compute immediate charge', function () {
+      it('only has charge invoice', async function () {
+        this.client.previewSubscriptionChange.resolves({
+          plan: { code: 'test_code', name: 'test name' },
+          unitAmount: 0,
+          invoiceCollection: {
+            chargeInvoice: {
+              subtotal: 100,
+              tax: 20,
+              total: 120,
+            },
+          },
+        })
+        const { immediateCharge } =
+          await this.RecurlyClient.promises.previewSubscriptionChange(
+            new PaymentProviderSubscriptionChangeRequest({
+              subscription: this.subscription,
+              timeframe: 'now',
+              planCode: 'new-plan',
+            })
+          )
+        expect(immediateCharge.subtotal).to.be.equal(100)
+        expect(immediateCharge.tax).to.be.equal(20)
+        expect(immediateCharge.total).to.be.equal(120)
+      })
+
+      it('credit invoice with imprecise float number', async function () {
+        this.client.previewSubscriptionChange.resolves({
+          plan: { code: 'test_code', name: 'test name' },
+          unitAmount: 0,
+          invoiceCollection: {
+            chargeInvoice: {
+              subtotal: 100.3,
+              tax: 20.3,
+              total: 120.3,
+            },
+            creditInvoices: [
+              {
+                subtotal: -20.1,
+                tax: -4.1,
+                total: -24.1,
+              },
+            ],
+          },
+        })
+        const { immediateCharge } =
+          await this.RecurlyClient.promises.previewSubscriptionChange(
+            new PaymentProviderSubscriptionChangeRequest({
+              subscription: this.subscription,
+              timeframe: 'now',
+              planCode: 'new-plan',
+            })
+          )
+        expect(immediateCharge.subtotal).to.be.equal(80.2)
+        expect(immediateCharge.tax).to.be.equal(16.2)
+        expect(immediateCharge.total).to.be.equal(96.2)
+      })
+    })
+
+    it('should throw SubtotalLimitExceededError', async function () {
+      class ValidationError extends recurly.errors.ValidationError {
+        constructor() {
+          super()
+          this.params = [{ param: 'subtotal_amount_in_cents' }]
+        }
+      }
+      this.client.previewSubscriptionChange = sinon
+        .stub()
+        .throws(new ValidationError())
+      await expect(
+        this.RecurlyClient.promises.previewSubscriptionChange(
+          new PaymentProviderSubscriptionChangeRequest({
+            subscription: this.subscription,
+            timeframe: 'now',
+            planCode: 'new-plan',
+          })
+        )
+      ).to.be.rejectedWith(this.Errors.SubtotalLimitExceededError)
+    })
+
+    it('should rethrow errors different than SubtotalLimitExceededError', async function () {
+      this.client.previewSubscriptionChange = sinon.stub().throws(new Error())
+      await expect(
+        this.RecurlyClient.promises.previewSubscriptionChange(
+          new PaymentProviderSubscriptionChangeRequest({
+            subscription: this.subscription,
+            timeframe: 'now',
+            planCode: 'new-plan',
+          })
+        )
+      ).to.be.rejectedWith(Error)
+    })
+  })
+
+  describe('getPaymentMethod', function () {
+    it('should throw MissingBillingInfoError', async function () {
+      this.client.getBillingInfo = sinon
+        .stub()
+        .throws(new recurly.errors.NotFoundError())
+      await expect(
+        this.RecurlyClient.promises.getPaymentMethod(this.user._id)
+      ).to.be.rejectedWith(this.Errors.MissingBillingInfoError)
+    })
+
+    it('should rethrow errors different than MissingBillingInfoError', async function () {
+      this.client.getBillingInfo = sinon.stub().throws(new Error())
+      await expect(
+        this.RecurlyClient.promises.getPaymentMethod(this.user._id)
+      ).to.be.rejectedWith(Error)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/RecurlyEventHandlerTests.js b/services/web/test/unit/src/Subscription/RecurlyEventHandlerTests.js
new file mode 100644
index 0000000..4928f81
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/RecurlyEventHandlerTests.js
@@ -0,0 +1,390 @@
+const SandboxedModule = require('sandboxed-module')
+const { ObjectId } = require('mongodb-legacy')
+const sinon = require('sinon')
+const modulePath =
+  '../../../../app/src/Features/Subscription/RecurlyEventHandler'
+
+describe('RecurlyEventHandler', function () {
+  beforeEach(function () {
+    this.userId = '123abc234bcd456cde567def'
+    this.planCode = 'collaborator-annual'
+    this.eventData = {
+      account: {
+        account_code: this.userId,
+      },
+      subscription: {
+        uuid: '8435ad98c1ce45da99b07f6a6a2e780f',
+        plan: {
+          plan_code: 'collaborator-annual',
+        },
+        quantity: 1,
+        state: 'active',
+        trial_started_at: new Date('2021-01-01 12:34:56'),
+        trial_ends_at: new Date('2021-01-08 12:34:56'),
+        current_period_started_at: new Date('2021-01-01 12:34:56'),
+        current_period_ends_at: new Date('2021-01-08 12:34:56'),
+      },
+    }
+
+    this.RecurlyEventHandler = SandboxedModule.require(modulePath, {
+      requires: {
+        'mongodb-legacy': { ObjectId },
+        './SubscriptionEmailHandler': (this.SubscriptionEmailHandler = {
+          sendTrialOnboardingEmail: sinon.stub(),
+        }),
+        '../Analytics/AnalyticsManager': (this.AnalyticsManager = {
+          recordEventForUserInBackground: sinon.stub(),
+          setUserPropertyForUserInBackground: sinon.stub(),
+        }),
+        '../SplitTests/SplitTestHandler': (this.SplitTestHandler = {
+          promises: {
+            getAssignmentForUser: sinon.stub().resolves({
+              variant: 'default',
+            }),
+          },
+        }),
+      },
+    })
+  })
+
+  it('with new_subscription_notification - free trial', function () {
+    this.RecurlyEventHandler.sendRecurlyAnalyticsEvent(
+      'new_subscription_notification',
+      this.eventData
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.recordEventForUserInBackground,
+      this.userId,
+      'subscription-started',
+      {
+        plan_code: this.planCode,
+        quantity: 1,
+        is_trial: true,
+        has_ai_add_on: false,
+        subscriptionId: this.eventData.subscription.uuid,
+      }
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.setUserPropertyForUserInBackground,
+      this.userId,
+      'subscription-plan-code',
+      this.planCode
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.setUserPropertyForUserInBackground,
+      this.userId,
+      'subscription-state',
+      'active'
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.setUserPropertyForUserInBackground,
+      this.userId,
+      'subscription-is-trial',
+      true
+    )
+  })
+
+  it('sends free trial onboarding email if user starting a trial', async function () {
+    await this.RecurlyEventHandler.sendRecurlyAnalyticsEvent(
+      'new_subscription_notification',
+      this.eventData
+    )
+
+    sinon.assert.called(this.SubscriptionEmailHandler.sendTrialOnboardingEmail)
+  })
+
+  it('with new_subscription_notification - no free trial', function () {
+    this.eventData.subscription.current_period_started_at = new Date(
+      '2021-02-10 12:34:56'
+    )
+    this.eventData.subscription.current_period_ends_at = new Date(
+      '2021-02-17 12:34:56'
+    )
+    this.eventData.subscription.quantity = 3
+
+    this.RecurlyEventHandler.sendRecurlyAnalyticsEvent(
+      'new_subscription_notification',
+      this.eventData
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.recordEventForUserInBackground,
+      this.userId,
+      'subscription-started',
+      {
+        plan_code: this.planCode,
+        quantity: 3,
+        is_trial: false,
+        has_ai_add_on: false,
+        subscriptionId: this.eventData.subscription.uuid,
+      }
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.setUserPropertyForUserInBackground,
+      this.userId,
+      'subscription-state',
+      'active'
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.setUserPropertyForUserInBackground,
+      this.userId,
+      'subscription-is-trial',
+      false
+    )
+  })
+
+  it('with updated_subscription_notification', function () {
+    this.planCode = 'new-plan-code'
+    this.eventData.subscription.plan.plan_code = this.planCode
+    this.RecurlyEventHandler.sendRecurlyAnalyticsEvent(
+      'updated_subscription_notification',
+      this.eventData
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.recordEventForUserInBackground,
+      this.userId,
+      'subscription-updated',
+      {
+        plan_code: this.planCode,
+        quantity: 1,
+        is_trial: true,
+        has_ai_add_on: false,
+        subscriptionId: this.eventData.subscription.uuid,
+      }
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.setUserPropertyForUserInBackground,
+      this.userId,
+      'subscription-plan-code',
+      this.planCode
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.setUserPropertyForUserInBackground,
+      this.userId,
+      'subscription-state',
+      'active'
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.setUserPropertyForUserInBackground,
+      this.userId,
+      'subscription-is-trial',
+      true
+    )
+  })
+
+  it('with canceled_subscription_notification', async function () {
+    this.eventData.subscription.state = 'cancelled'
+    await this.RecurlyEventHandler.sendRecurlyAnalyticsEvent(
+      'canceled_subscription_notification',
+      this.eventData
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.recordEventForUserInBackground,
+      this.userId,
+      'subscription-cancelled',
+      {
+        plan_code: this.planCode,
+        quantity: 1,
+        is_trial: true,
+        has_ai_add_on: false,
+        subscriptionId: this.eventData.subscription.uuid,
+      }
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.setUserPropertyForUserInBackground,
+      this.userId,
+      'subscription-state',
+      'cancelled'
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.setUserPropertyForUserInBackground,
+      this.userId,
+      'subscription-is-trial',
+      true
+    )
+  })
+
+  it('with expired_subscription_notification', function () {
+    this.eventData.subscription.state = 'expired'
+    this.RecurlyEventHandler.sendRecurlyAnalyticsEvent(
+      'expired_subscription_notification',
+      this.eventData
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.recordEventForUserInBackground,
+      this.userId,
+      'subscription-expired',
+      {
+        plan_code: this.planCode,
+        quantity: 1,
+        is_trial: true,
+        has_ai_add_on: false,
+        subscriptionId: this.eventData.subscription.uuid,
+      }
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.setUserPropertyForUserInBackground,
+      this.userId,
+      'subscription-plan-code',
+      this.planCode
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.setUserPropertyForUserInBackground,
+      this.userId,
+      'subscription-state',
+      'expired'
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.setUserPropertyForUserInBackground,
+      this.userId,
+      'subscription-is-trial',
+      true
+    )
+  })
+
+  it('with renewed_subscription_notification', function () {
+    this.RecurlyEventHandler.sendRecurlyAnalyticsEvent(
+      'renewed_subscription_notification',
+      this.eventData
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.recordEventForUserInBackground,
+      this.userId,
+      'subscription-renewed',
+      {
+        plan_code: this.planCode,
+        quantity: 1,
+        is_trial: true,
+        has_ai_add_on: false,
+        subscriptionId: this.eventData.subscription.uuid,
+      }
+    )
+  })
+
+  it('with reactivated_account_notification', function () {
+    this.RecurlyEventHandler.sendRecurlyAnalyticsEvent(
+      'reactivated_account_notification',
+      this.eventData
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.recordEventForUserInBackground,
+      this.userId,
+      'subscription-reactivated',
+      {
+        plan_code: this.planCode,
+        quantity: 1,
+        has_ai_add_on: false,
+        subscriptionId: this.eventData.subscription.uuid,
+      }
+    )
+  })
+
+  it('with paid_charge_invoice_notification', function () {
+    const invoice = {
+      invoice_number: 1234,
+      currency: 'USD',
+      state: 'paid',
+      total_in_cents: 720,
+      tax_in_cents: 12,
+      address: {
+        country: 'Liurnia',
+      },
+      collection_method: 'automatic',
+      subscription_ids: ['abcd1234', 'defa3214'],
+    }
+    this.RecurlyEventHandler.sendRecurlyAnalyticsEvent(
+      'paid_charge_invoice_notification',
+      {
+        account: {
+          account_code: this.userId,
+        },
+        invoice,
+      }
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.recordEventForUserInBackground,
+      this.userId,
+      'subscription-invoice-collected',
+      {
+        invoiceNumber: invoice.invoice_number,
+        currency: invoice.currency,
+        totalInCents: invoice.total_in_cents,
+        taxInCents: invoice.tax_in_cents,
+        country: invoice.address.country,
+        collectionMethod: invoice.collection_method,
+        subscriptionId1: invoice.subscription_ids[0],
+        subscriptionId2: invoice.subscription_ids[1],
+      }
+    )
+  })
+
+  it('with paid_charge_invoice_notification and total_in_cents 0', function () {
+    this.RecurlyEventHandler.sendRecurlyAnalyticsEvent(
+      'paid_charge_invoice_notification',
+      {
+        account: {
+          account_code: this.userId,
+        },
+        invoice: {
+          state: 'paid',
+          total_in_cents: 0,
+        },
+      }
+    )
+    sinon.assert.notCalled(this.AnalyticsManager.recordEventForUserInBackground)
+  })
+
+  it('with closed_invoice_notification', function () {
+    this.RecurlyEventHandler.sendRecurlyAnalyticsEvent(
+      'closed_invoice_notification',
+      {
+        account: {
+          account_code: this.userId,
+        },
+        invoice: {
+          state: 'collected',
+          total_in_cents: 720,
+        },
+      }
+    )
+    sinon.assert.calledWith(
+      this.AnalyticsManager.recordEventForUserInBackground,
+      this.userId,
+      'subscription-invoice-collected'
+    )
+  })
+
+  it('with closed_invoice_notification and total_in_cents 0', function () {
+    this.RecurlyEventHandler.sendRecurlyAnalyticsEvent(
+      'closed_invoice_notification',
+      {
+        account: {
+          account_code: this.userId,
+        },
+        invoice: {
+          state: 'collected',
+          total_in_cents: 0,
+        },
+      }
+    )
+    sinon.assert.notCalled(this.AnalyticsManager.recordEventForUserInBackground)
+  })
+
+  it('nothing is called with invalid account code', function () {
+    this.eventData.account.account_code = 'foo_bar'
+
+    this.RecurlyEventHandler.sendRecurlyAnalyticsEvent(
+      'new_subscription_notification',
+      this.eventData
+    )
+    sinon.assert.notCalled(this.AnalyticsManager.recordEventForUserInBackground)
+    sinon.assert.notCalled(
+      this.AnalyticsManager.setUserPropertyForUserInBackground
+    )
+    sinon.assert.notCalled(
+      this.AnalyticsManager.setUserPropertyForUserInBackground
+    )
+    sinon.assert.notCalled(
+      this.AnalyticsManager.setUserPropertyForUserInBackground
+    )
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/RecurlyWrapperTests.js b/services/web/test/unit/src/Subscription/RecurlyWrapperTests.js
new file mode 100644
index 0000000..d4bdd9d
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/RecurlyWrapperTests.js
@@ -0,0 +1,1465 @@
+const { expect } = require('chai')
+const sinon = require('sinon')
+const modulePath = '../../../../app/src/Features/Subscription/RecurlyWrapper'
+const SandboxedModule = require('sandboxed-module')
+const tk = require('timekeeper')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+const SubscriptionErrors = require('../../../../app/src/Features/Subscription/Errors')
+const { RequestFailedError } = require('@overleaf/fetch-utils')
+
+const fixtures = {
+  'subscriptions/44f83d7cba354d5b84812419f923ea96':
+    '<?xml version="1.0" encoding="UTF-8"?>' +
+    '<subscription href="https://api.recurly.com/v2/subscriptions/44f83d7cba354d5b84812419f923ea96">' +
+    '  <account href="https://api.recurly.com/v2/accounts/104"/>' +
+    '  <plan href="https://api.recurly.com/v2/plans/gold">' +
+    '    <plan_code>gold</plan_code>' +
+    '    <name>Gold plan</name>' +
+    '  </plan>' +
+    '  <uuid>44f83d7cba354d5b84812419f923ea96</uuid>' +
+    '  <state>active</state>' +
+    '  <unit_amount_in_cents type="integer">800</unit_amount_in_cents>' +
+    '  <currency>EUR</currency>' +
+    '  <quantity type="integer">1</quantity>' +
+    '  <activated_at type="datetime">2011-05-27T07:00:00Z</activated_at>' +
+    '  <canceled_at nil="nil"></canceled_at>' +
+    '  <expires_at nil="nil"></expires_at>' +
+    '  <current_period_started_at type="datetime">2011-06-27T07:00:00Z</current_period_started_at>' +
+    '  <current_period_ends_at type="datetime">2011-07-27T07:00:00Z</current_period_ends_at>' +
+    '  <trial_started_at nil="nil"></trial_started_at>' +
+    '  <trial_ends_at nil="nil"></trial_ends_at>' +
+    '  <subscription_add_ons type="array">' +
+    '    <subscription_add_on>' +
+    '      <add_on_code>ipaddresses</add_on_code>' +
+    '      <quantity>10</quantity>' +
+    '      <unit_amount_in_cents>150</unit_amount_in_cents>' +
+    '    </subscription_add_on>' +
+    '  </subscription_add_ons>' +
+    '  <a name="cancel" href="https://api.recurly.com/v2/subscriptions/44f83d7cba354d5b84812419f923ea96/cancel" method="put"/>' +
+    '  <a name="terminate" href="https://api.recurly.com/v2/subscriptions/44f83d7cba354d5b84812419f923ea96/terminate" method="put"/>' +
+    '  <a name="postpone" href="https://api.recurly.com/v2/subscriptions/44f83d7cba354d5b84812419f923ea96/postpone" method="put"/>' +
+    '</subscription>',
+  'recurly_js/result/70db44b10f5f4b238669480c9903f6f5':
+    '<?xml version="1.0" encoding="UTF-8"?>' +
+    '<subscription href="https://api.recurly.com/v2/subscriptions/44f83d7cba354d5b84812419f923ea96">' +
+    '  <account href="https://api.recurly.com/v2/accounts/104"/>' +
+    '  <plan href="https://api.recurly.com/v2/plans/gold">' +
+    '    <plan_code>gold</plan_code>' +
+    '    <name>Gold plan</name>' +
+    '  </plan>' +
+    '  <uuid>44f83d7cba354d5b84812419f923ea96</uuid>' +
+    '  <state>active</state>' +
+    '  <unit_amount_in_cents type="integer">800</unit_amount_in_cents>' +
+    '  <currency>EUR</currency>' +
+    '  <quantity type="integer">1</quantity>' +
+    '  <activated_at type="datetime">2011-05-27T07:00:00Z</activated_at>' +
+    '  <canceled_at nil="nil"></canceled_at>' +
+    '  <expires_at nil="nil"></expires_at>' +
+    '  <current_period_started_at type="datetime">2011-06-27T07:00:00Z</current_period_started_at>' +
+    '  <current_period_ends_at type="datetime">2011-07-27T07:00:00Z</current_period_ends_at>' +
+    '  <trial_started_at nil="nil"></trial_started_at>' +
+    '  <trial_ends_at nil="nil"></trial_ends_at>' +
+    '  <subscription_add_ons type="array">' +
+    '    <subscription_add_on>' +
+    '      <add_on_code>ipaddresses</add_on_code>' +
+    '      <quantity>10</quantity>' +
+    '      <unit_amount_in_cents>150</unit_amount_in_cents>' +
+    '    </subscription_add_on>' +
+    '  </subscription_add_ons>' +
+    '  <a name="cancel" href="https://api.recurly.com/v2/subscriptions/44f83d7cba354d5b84812419f923ea96/cancel" method="put"/>' +
+    '  <a name="terminate" href="https://api.recurly.com/v2/subscriptions/44f83d7cba354d5b84812419f923ea96/terminate" method="put"/>' +
+    '  <a name="postpone" href="https://api.recurly.com/v2/subscriptions/44f83d7cba354d5b84812419f923ea96/postpone" method="put"/>' +
+    '</subscription>',
+  'accounts/104':
+    '<?xml version="1.0" encoding="UTF-8"?>' +
+    '<account href="https://api.recurly.com/v2/accounts/104">' +
+    '  <adjustments href="https://api.recurly.com/v2/accounts/1/adjustments"/>' +
+    '  <billing_info href="https://api.recurly.com/v2/accounts/1/billing_info"/>' +
+    '  <invoices href="https://api.recurly.com/v2/accounts/1/invoices"/>' +
+    '  <redemption href="https://api.recurly.com/v2/accounts/1/redemption"/>' +
+    '  <subscriptions href="https://api.recurly.com/v2/accounts/1/subscriptions"/>' +
+    '  <transactions href="https://api.recurly.com/v2/accounts/1/transactions"/>' +
+    '  <account_code>104</account_code>' +
+    '  <state>active</state>' +
+    '  <username nil="nil"></username>' +
+    '  <email>verena@example.com</email>' +
+    '  <first_name>Verena</first_name>' +
+    '  <last_name>Example</last_name>' +
+    '  <accept_language nil="nil"></accept_language>' +
+    '  <hosted_login_token>a92468579e9c4231a6c0031c4716c01d</hosted_login_token>' +
+    '  <created_at type="datetime">2011-10-25T12:00:00</created_at>' +
+    '</account>',
+}
+
+const mockApiRequest = function (options) {
+  if (fixtures[options.url]) {
+    return {
+      err: null,
+      response: { status: 200 },
+      body: fixtures[options.url],
+    }
+  } else {
+    return {
+      err: new Error('Not found'),
+    }
+  }
+}
+
+describe('RecurlyWrapper', function () {
+  beforeEach(function () {
+    tk.freeze(Date.now()) // freeze the time for these tests
+    this.settings = {
+      plans: [
+        {
+          planCode: 'collaborator',
+          name: 'Collaborator',
+          features: {
+            collaborators: -1,
+            versioning: true,
+          },
+        },
+      ],
+      defaultPlanCode: {
+        collaborators: 0,
+        versioning: false,
+      },
+      apis: {
+        recurly: {
+          apiKey: 'nonsense',
+          privateKey: 'private_nonsense',
+        },
+      },
+    }
+
+    this.fetchUtils = {
+      fetchStringWithResponse: sinon.stub(),
+      RequestFailedError,
+    }
+    this.RecurlyWrapper = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': this.settings,
+        '@overleaf/fetch-utils': this.fetchUtils,
+        './Errors': SubscriptionErrors,
+      },
+    })
+  })
+
+  afterEach(function () {
+    tk.reset()
+  })
+
+  describe('getSubscription', function () {
+    for (const functionType of ['promise', 'callback']) {
+      describe(`as ${functionType}`, function () {
+        beforeEach(function () {
+          this.recurlySubscription = 'RESET'
+          this.getSubscription = (...params) => {
+            if (functionType === 'promise') {
+              return this.RecurlyWrapper.promises.getSubscription(...params)
+            }
+            if (functionType === 'callback') {
+              return new Promise((resolve, reject) =>
+                this.RecurlyWrapper.getSubscription(
+                  ...params,
+                  (err, subscription) =>
+                    err ? reject(err) : resolve(subscription)
+                )
+              )
+            }
+            throw Error('Invalid function type')
+          }
+        })
+
+        describe('with proper subscription id', function () {
+          beforeEach(async function () {
+            this.apiRequest = sinon
+              .stub(this.RecurlyWrapper.promises, 'apiRequest')
+              .callsFake(mockApiRequest)
+            this.recurlySubscription = await this.getSubscription(
+              '44f83d7cba354d5b84812419f923ea96'
+            )
+          })
+          afterEach(function () {
+            this.RecurlyWrapper.promises.apiRequest.restore()
+          })
+
+          it('should look up the subscription at the normal API end point', function () {
+            this.apiRequest.args[0][0].url.should.equal(
+              'subscriptions/44f83d7cba354d5b84812419f923ea96'
+            )
+          })
+
+          it('should return the subscription', function () {
+            this.recurlySubscription.uuid.should.equal(
+              '44f83d7cba354d5b84812419f923ea96'
+            )
+          })
+        })
+
+        describe('with RecurlyJS token', function () {
+          beforeEach(async function () {
+            this.apiRequest = sinon
+              .stub(this.RecurlyWrapper.promises, 'apiRequest')
+              .callsFake(mockApiRequest)
+            this.recurlySubscription = await this.getSubscription(
+              '70db44b10f5f4b238669480c9903f6f5',
+              { recurlyJsResult: true }
+            )
+          })
+          afterEach(function () {
+            this.RecurlyWrapper.promises.apiRequest.restore()
+          })
+
+          it('should return the subscription', function () {
+            this.recurlySubscription.uuid.should.equal(
+              '44f83d7cba354d5b84812419f923ea96'
+            )
+          })
+
+          it('should look up the subscription at the RecurlyJS API end point', function () {
+            this.apiRequest.args[0][0].url.should.equal(
+              'recurly_js/result/70db44b10f5f4b238669480c9903f6f5'
+            )
+          })
+        })
+
+        describe('with includeAccount', function () {
+          beforeEach(async function () {
+            this.apiRequest = sinon
+              .stub(this.RecurlyWrapper.promises, 'apiRequest')
+              .callsFake(mockApiRequest)
+            this.recurlySubscription = await this.getSubscription(
+              '44f83d7cba354d5b84812419f923ea96',
+              { includeAccount: true }
+            )
+          })
+          afterEach(function () {
+            this.RecurlyWrapper.promises.apiRequest.restore()
+          })
+
+          it('should request the account from the API', function () {
+            this.apiRequest.args[1][0].url.should.equal('accounts/104')
+          })
+
+          it('should populate the account attribute', function () {
+            this.recurlySubscription.account.account_code.should.equal('104')
+          })
+        })
+      })
+    }
+  })
+
+  describe('updateAccountEmailAddress', function () {
+    beforeEach(async function () {
+      this.recurlyAccountId = 'account-id-123'
+      this.newEmail = 'example@overleaf.com'
+      this.apiRequest = sinon
+        .stub(this.RecurlyWrapper.promises, 'apiRequest')
+        .callsFake(options => {
+          this.requestOptions = options
+          return {
+            err: null,
+            response: {},
+            body: fixtures['accounts/104'],
+          }
+        })
+
+      this.recurlyAccount =
+        await this.RecurlyWrapper.promises.updateAccountEmailAddress(
+          this.recurlyAccountId,
+          this.newEmail
+        )
+    })
+
+    afterEach(function () {
+      this.RecurlyWrapper.promises.apiRequest.restore()
+    })
+
+    it('sends correct XML', function () {
+      this.apiRequest.called.should.equal(true)
+      const { body } = this.apiRequest.lastCall.args[0]
+      expect(body).to.equal(`\
+<account>
+	<email>example@overleaf.com</email>
+</account>\
+`)
+      this.requestOptions.url.should.equal(`accounts/${this.recurlyAccountId}`)
+      this.requestOptions.method.should.equal('PUT')
+    })
+
+    it('should return the updated account', function () {
+      expect(this.recurlyAccount).to.exist
+      this.recurlyAccount.account_code.should.equal('104')
+    })
+  })
+
+  describe('updateAccountEmailAddress, with invalid XML', function () {
+    beforeEach(async function (done) {
+      this.recurlyAccountId = 'account-id-123'
+      this.newEmail = '\uD800@example.com'
+      this.apiRequest = sinon
+        .stub(this.RecurlyWrapper.promises, 'apiRequest')
+        .callsFake(options => {
+          this.requestOptions = options
+          return {
+            err: null,
+            response: {},
+            body: fixtures['accounts/104'],
+          }
+        })
+      done()
+    })
+
+    afterEach(function () {
+      this.RecurlyWrapper.promises.apiRequest.restore()
+    })
+
+    it('should produce an error', function (done) {
+      this.RecurlyWrapper.promises
+        .updateAccountEmailAddress(this.recurlyAccountId, this.newEmail)
+        .catch(error => {
+          expect(error).to.exist
+          expect(error.message.startsWith('Invalid character')).to.equal(true)
+          expect(this.apiRequest.called).to.equal(false)
+          done()
+        })
+    })
+  })
+
+  describe('updateSubscription', function () {
+    beforeEach(async function () {
+      this.recurlySubscriptionId = 'subscription-id-123'
+      this.apiRequest = sinon
+        .stub(this.RecurlyWrapper.promises, 'apiRequest')
+        .callsFake(options => {
+          this.requestOptions = options
+          return {
+            error: null,
+            response: {},
+            body: fixtures['subscriptions/44f83d7cba354d5b84812419f923ea96'],
+          }
+        })
+      this.recurlySubscription =
+        await this.RecurlyWrapper.promises.updateSubscription(
+          this.recurlySubscriptionId,
+          { plan_code: 'silver', timeframe: 'now' }
+        )
+    })
+    afterEach(function () {
+      this.RecurlyWrapper.promises.apiRequest.restore()
+    })
+
+    it('sends correct XML', function () {
+      this.apiRequest.called.should.equal(true)
+      const { body } = this.apiRequest.lastCall.args[0]
+      expect(body).to.equal(`\
+<subscription>
+	<plan_code>silver</plan_code>
+	<timeframe>now</timeframe>
+</subscription>\
+`)
+      this.requestOptions.url.should.equal(
+        `subscriptions/${this.recurlySubscriptionId}`
+      )
+      this.requestOptions.method.should.equal('PUT')
+    })
+
+    it('should return the updated subscription', function () {
+      expect(this.recurlySubscription).to.exist
+      this.recurlySubscription.plan.plan_code.should.equal('gold')
+    })
+  })
+
+  describe('redeemCoupon', function () {
+    beforeEach(async function () {
+      this.recurlyAccountId = 'account-id-123'
+      this.coupon_code = '312321312'
+      this.apiRequest = sinon
+        .stub(this.RecurlyWrapper.promises, 'apiRequest')
+        .callsFake(options => {
+          options.url.should.equal(`coupons/${this.coupon_code}/redeem`)
+          options.method.should.equal('POST')
+          return {}
+        })
+      await this.RecurlyWrapper.promises.redeemCoupon(
+        this.recurlyAccountId,
+        this.coupon_code
+      )
+    })
+
+    afterEach(function () {
+      this.RecurlyWrapper.promises.apiRequest.restore()
+    })
+
+    it('sends correct XML', function () {
+      this.apiRequest.called.should.equal(true)
+      const { body } = this.apiRequest.lastCall.args[0]
+      expect(body).to.equal(`\
+<redemption>
+	<account_code>account-id-123</account_code>
+	<currency>USD</currency>
+</redemption>\
+`)
+    })
+  })
+
+  describe('createFixedAmountCoupon', function () {
+    beforeEach(async function () {
+      this.couponCode = 'a-coupon-code'
+      this.couponName = 'a-coupon-name'
+      this.currencyCode = 'EUR'
+      this.discount = 1337
+      this.planCode = 'a-plan-code'
+      this.apiRequest = sinon
+        .stub(this.RecurlyWrapper.promises, 'apiRequest')
+        .resolves()
+      await this.RecurlyWrapper.promises.createFixedAmountCoupon(
+        this.couponCode,
+        this.couponName,
+        this.currencyCode,
+        this.discount,
+        this.planCode
+      )
+    })
+
+    afterEach(function () {
+      this.RecurlyWrapper.promises.apiRequest.restore()
+    })
+
+    it('sends correct XML', function () {
+      this.apiRequest.called.should.equal(true)
+      const { body } = this.apiRequest.lastCall.args[0]
+      expect(body).to.equal(`\
+<coupon>
+	<coupon_code>a-coupon-code</coupon_code>
+	<name>a-coupon-name</name>
+	<discount_type>dollars</discount_type>
+	<discount_in_cents>
+		<EUR>1337</EUR>
+	</discount_in_cents>
+	<plan_codes>
+		<plan_code>a-plan-code</plan_code>
+	</plan_codes>
+	<applies_to_all_plans>false</applies_to_all_plans>
+</coupon>\
+`)
+    })
+  })
+
+  describe('createSubscription', function () {
+    beforeEach(function () {
+      this.user = {
+        _id: 'some_id',
+        email: 'user@example.com',
+      }
+      this.subscriptionDetails = {
+        currencyCode: 'EUR',
+        plan_code: 'some_plan_code',
+        coupon_code: '',
+        isPaypal: true,
+        address: {
+          address1: 'addr_one',
+          address2: 'addr_two',
+          country: 'some_country',
+          state: 'some_state',
+          zip: 'some_zip',
+        },
+      }
+      this.subscription = {}
+      this.recurlyTokenIds = {
+        billing: 'a-token-id',
+        threeDSecureActionResult: 'a-3d-token-id',
+      }
+      this.call = () => {
+        return this.RecurlyWrapper.promises.createSubscription(
+          this.user,
+          this.subscriptionDetails,
+          this.recurlyTokenIds
+        )
+      }
+    })
+
+    describe('when paypal', function () {
+      beforeEach(function () {
+        this.subscriptionDetails.isPaypal = true
+        this._createPaypalSubscription = sinon.stub(
+          this.RecurlyWrapper.promises,
+          '_createPaypalSubscription'
+        )
+        this._createPaypalSubscription.resolves(this.subscription)
+      })
+
+      afterEach(function () {
+        this._createPaypalSubscription.restore()
+      })
+
+      it('should not produce an error', async function () {
+        await expect(this.call()).to.be.fulfilled
+      })
+
+      it('should produce a subscription object', async function () {
+        const sub = await this.call()
+        expect(sub).to.deep.equal(this.subscription)
+      })
+
+      it('should call _createPaypalSubscription', async function () {
+        await this.call()
+        this._createPaypalSubscription.callCount.should.equal(1)
+      })
+
+      describe('when _createPaypalSubscription produces an error', function () {
+        beforeEach(function () {
+          this._createPaypalSubscription.rejects(new Error('woops'))
+        })
+
+        it('should produce an error', async function () {
+          await expect(this.call()).to.be.rejectedWith('woops')
+        })
+      })
+    })
+
+    describe('when not paypal', function () {
+      beforeEach(function () {
+        this.subscriptionDetails.isPaypal = false
+        this._createCreditCardSubscription = sinon.stub(
+          this.RecurlyWrapper.promises,
+          '_createCreditCardSubscription'
+        )
+        this._createCreditCardSubscription.resolves(this.subscription)
+      })
+
+      afterEach(function () {
+        this._createCreditCardSubscription.restore()
+      })
+
+      it('should not produce an error', async function () {
+        await this.call()
+      })
+
+      it('should produce a subscription object', async function () {
+        const sub = await this.call()
+        expect(sub).to.deep.equal(this.subscription)
+      })
+
+      it('should call _createCreditCardSubscription', async function () {
+        await this.call()
+        this._createCreditCardSubscription.callCount.should.equal(1)
+      })
+
+      describe('when _createCreditCardSubscription produces an error', function () {
+        beforeEach(function () {
+          this._createCreditCardSubscription.rejects(new Error('woops'))
+        })
+
+        it('should produce an error', async function () {
+          await expect(this.call()).to.be.rejectedWith('woops')
+        })
+      })
+    })
+  })
+
+  describe('_createCreditCardSubscription', function () {
+    beforeEach(function () {
+      this.user = {
+        _id: 'some_id',
+        email: 'user@example.com',
+        first_name: 'Foo',
+        last_name: 'Johnson',
+      }
+      this.subscriptionDetails = {
+        currencyCode: 'EUR',
+        plan_code: 'some_plan_code',
+        coupon_code: '',
+        isPaypal: true,
+        first_name: 'Prairie',
+        address: {
+          address1: 'addr_one',
+          address2: 'addr_two',
+          country: 'some_country',
+          state: 'some_state',
+          zip: 'some_zip',
+        },
+        subscription_add_ons: [
+          { subscription_add_on: { add_on_code: 'test_add_on', quantity: 2 } },
+        ],
+        ITMCampaign: 'itm-campaign-value',
+        ITMContent: 'itm-content-value',
+        ITMReferrer: 'itm-referrer-value',
+      }
+      this.subscription = {}
+      this.recurlyTokenIds = {
+        billing: 'a-token-id',
+        threeDSecureActionResult: 'a-3d-token-id',
+      }
+      this.apiRequest = sinon.stub(this.RecurlyWrapper.promises, 'apiRequest')
+      this.response = { status: 200 }
+      this.body = '<xml>is_bad</xml>'
+      this.apiRequest.resolves({
+        response: this.response,
+        body: this.body,
+      })
+      this._parseSubscriptionXml = sinon.stub(
+        this.RecurlyWrapper.promises,
+        '_parseSubscriptionXml'
+      )
+      this._parseSubscriptionXml.resolves(this.subscription)
+      this.call = () => {
+        return this.RecurlyWrapper.promises._createCreditCardSubscription(
+          this.user,
+          this.subscriptionDetails,
+          this.recurlyTokenIds
+        )
+      }
+    })
+
+    afterEach(function () {
+      this.apiRequest.restore()
+      this._parseSubscriptionXml.restore()
+    })
+
+    it('sends correct XML', async function () {
+      await this.call()
+
+      const { body } = this.apiRequest.lastCall.args[0]
+      expect(body).to.equal(`\
+<subscription>
+	<plan_code>some_plan_code</plan_code>
+	<currency>EUR</currency>
+	<coupon_code/>
+	<account>
+		<account_code>some_id</account_code>
+		<email>user@example.com</email>
+		<first_name>Prairie</first_name>
+		<last_name>Johnson</last_name>
+		<billing_info>
+			<token_id>a-token-id</token_id>
+			<three_d_secure_action_result_token_id>a-3d-token-id</three_d_secure_action_result_token_id>
+		</billing_info>
+	</account>
+	<subscription_add_ons>
+		<subscription_add_on>
+			<add_on_code>test_add_on</add_on_code>
+			<quantity>2</quantity>
+		</subscription_add_on>
+	</subscription_add_ons>
+	<custom_fields>
+		<custom_field>
+			<name>itm_campaign</name>
+			<value>itm-campaign-value</value>
+		</custom_field>
+		<custom_field>
+			<name>itm_content</name>
+			<value>itm-content-value</value>
+		</custom_field>
+		<custom_field>
+			<name>itm_referrer</name>
+			<value>itm-referrer-value</value>
+		</custom_field>
+	</custom_fields>
+</subscription>\
+`)
+    })
+
+    it('should not produce an error', async function () {
+      await expect(this.call()).to.be.fulfilled
+    })
+
+    it('should produce a subscription', async function () {
+      const sub = await this.call()
+      expect(sub).to.equal(this.subscription)
+    })
+
+    it('should call apiRequest', async function () {
+      await this.call()
+      this.apiRequest.callCount.should.equal(1)
+    })
+
+    it('should call _parseSubscriptionXml', async function () {
+      await this.call()
+      this._parseSubscriptionXml.callCount.should.equal(1)
+    })
+
+    describe('when api request returns 422', function () {
+      beforeEach(function () {
+        const body = `\
+          <?xml version="1.0" encoding="UTF-8"?>
+          <errors>
+            <transaction_error>
+              <error_code>three_d_secure_action_required</error_code>
+              <error_category>3d_secure_action_required</error_category>
+              <merchant_message>Your payment gateway is requesting that the transaction be completed with 3D Secure in accordance with PSD2.</merchant_message>
+              <customer_message>Your card must be authenticated with 3D Secure before continuing.</customer_message>
+              <gateway_error_code nil="nil"></gateway_error_code>
+              <three_d_secure_action_token_id>mock_three_d_secure_action_token</three_d_secure_action_token_id>
+            </transaction_error>
+            <error field="subscription.account.base" symbol="three_d_secure_action_required">Your card must be authenticated with 3D Secure before continuing.</error>
+          </errors>
+        `
+        // this.apiRequest.yields(null, { statusCode: 422 }, body)
+        this.apiRequest.resolves({
+          response: { status: 422 },
+          body,
+        })
+      })
+
+      it('should produce an error', function (done) {
+        this.call().catch(err => {
+          expect(err).to.be.instanceof(
+            SubscriptionErrors.RecurlyTransactionError
+          )
+          expect(err.info.public.message).to.be.equal(
+            'Your card must be authenticated with 3D Secure before continuing.'
+          )
+          expect(err.info.public.threeDSecureActionTokenId).to.be.equal(
+            'mock_three_d_secure_action_token'
+          )
+          done()
+        })
+      })
+    })
+
+    describe('when api request produces an error', function () {
+      beforeEach(function () {
+        this.apiRequest.rejects(new Error('woops'))
+      })
+
+      it('should produce an error', async function () {
+        await expect(this.call()).to.be.rejectedWith('woops')
+      })
+
+      it('should call apiRequest', async function () {
+        await expect(this.call()).to.be.rejected
+        this.apiRequest.callCount.should.equal(1)
+      })
+
+      it('should not _parseSubscriptionXml', async function () {
+        await expect(this.call()).to.be.rejected
+        this._parseSubscriptionXml.callCount.should.equal(0)
+      })
+    })
+
+    describe('when parse xml produces an error', function () {
+      beforeEach(function () {
+        this._parseSubscriptionXml.rejects(new Error('woops xml'))
+      })
+
+      it('should produce an error', async function () {
+        await expect(this.call()).to.be.rejectedWith('woops xml')
+      })
+    })
+  })
+
+  describe('_createPaypalSubscription', function () {
+    beforeEach(function () {
+      this.checkAccountExists = sinon.stub(
+        this.RecurlyWrapper.promises._paypal,
+        'checkAccountExists'
+      )
+      this.createAccount = sinon.stub(
+        this.RecurlyWrapper.promises._paypal,
+        'createAccount'
+      )
+      this.createBillingInfo = sinon.stub(
+        this.RecurlyWrapper.promises._paypal,
+        'createBillingInfo'
+      )
+      this.setAddressAndCompanyBillingInfo = sinon.stub(
+        this.RecurlyWrapper.promises._paypal,
+        'setAddressAndCompanyBillingInfo'
+      )
+      this.createSubscription = sinon.stub(
+        this.RecurlyWrapper.promises._paypal,
+        'createSubscription'
+      )
+      this.user = {
+        _id: 'some_id',
+        email: 'user@example.com',
+      }
+      this.subscriptionDetails = {
+        currencyCode: 'EUR',
+        plan_code: 'some_plan_code',
+        coupon_code: '',
+        isPaypal: true,
+        address: {
+          address1: 'addr_one',
+          address2: 'addr_two',
+          country: 'some_country',
+          state: 'some_state',
+          zip: 'some_zip',
+        },
+      }
+      this.subscription = {}
+      this.recurlyTokenIds = {
+        billing: 'a-token-id',
+        threeDSecureActionResult: 'a-3d-token-id',
+      }
+
+      // set up data callbacks
+      const { user } = this
+      const { subscriptionDetails } = this
+      const { recurlyTokenIds } = this
+
+      this.checkAccountExists.resolves({
+        user,
+        subscriptionDetails,
+        recurlyTokenIds,
+        userExists: false,
+        account: { accountCode: 'xx' },
+      })
+      this.createAccount.resolves({
+        user,
+        subscriptionDetails,
+        recurlyTokenIds,
+        userExists: false,
+        account: { accountCode: 'xx' },
+      })
+      this.createBillingInfo.resolves({
+        user,
+        subscriptionDetails,
+        recurlyTokenIds,
+        userExists: false,
+        account: { accountCode: 'xx' },
+        billingInfo: { token_id: 'abc' },
+      })
+      this.setAddressAndCompanyBillingInfo.resolves({
+        user,
+        subscriptionDetails,
+        recurlyTokenIds,
+        userExists: false,
+        account: { accountCode: 'xx' },
+        billingInfo: { token_id: 'abc' },
+      })
+      this.createSubscription.resolves({
+        user,
+        subscriptionDetails,
+        recurlyTokenIds,
+        userExists: false,
+        account: { accountCode: 'xx' },
+        billingInfo: { token_id: 'abc' },
+        subscription: this.subscription,
+      })
+
+      this.call = () => {
+        return this.RecurlyWrapper.promises._createPaypalSubscription(
+          this.user,
+          this.subscriptionDetails,
+          this.recurlyTokenIds
+        )
+      }
+    })
+
+    afterEach(function () {
+      this.checkAccountExists.restore()
+      this.createAccount.restore()
+      this.createBillingInfo.restore()
+      this.setAddressAndCompanyBillingInfo.restore()
+      this.createSubscription.restore()
+    })
+
+    it('should not produce an error', async function () {
+      await expect(this.call()).to.be.fulfilled
+    })
+
+    it('should produce a subscription object', async function () {
+      const sub = await this.call()
+      expect(sub).to.not.equal(null)
+      expect(sub).to.equal(this.subscription)
+    })
+
+    it('should call each of the paypal stages', async function () {
+      await this.call()
+      this.checkAccountExists.callCount.should.equal(1)
+      this.createAccount.callCount.should.equal(1)
+      this.createBillingInfo.callCount.should.equal(1)
+      this.setAddressAndCompanyBillingInfo.callCount.should.equal(1)
+      this.createSubscription.callCount.should.equal(1)
+    })
+
+    describe('when one of the paypal stages produces an error', function () {
+      beforeEach(function () {
+        this.createAccount.rejects(new Error('woops'))
+      })
+
+      it('should produce an error', async function () {
+        await expect(this.call()).to.be.rejectedWith('woops')
+      })
+
+      it('should stop calling the paypal stages after the error', async function () {
+        await expect(this.call()).to.be.rejected
+        this.checkAccountExists.callCount.should.equal(1)
+        this.createAccount.callCount.should.equal(1)
+        this.createBillingInfo.callCount.should.equal(0)
+        this.setAddressAndCompanyBillingInfo.callCount.should.equal(0)
+        this.createSubscription.callCount.should.equal(0)
+      })
+    })
+  })
+
+  describe('paypal actions', function () {
+    beforeEach(function () {
+      this.apiRequest = sinon.stub(this.RecurlyWrapper.promises, 'apiRequest')
+      this._parseAccountXml = sinon.spy(
+        this.RecurlyWrapper.promises,
+        '_parseAccountXml'
+      )
+      this._parseBillingInfoXml = sinon.spy(
+        this.RecurlyWrapper.promises,
+        '_parseBillingInfoXml'
+      )
+      this._parseSubscriptionXml = sinon.spy(
+        this.RecurlyWrapper.promises,
+        '_parseSubscriptionXml'
+      )
+      this.cache = {
+        user: (this.user = {
+          _id: 'some_id',
+          email: 'foo@bar.com',
+          first_name: 'Foo',
+          last_name: 'Bar',
+        }),
+        recurlyTokenIds: (this.recurlyTokenIds = {
+          billing: 'a-token-id',
+          threeDSecureActionResult: 'a-3d-token-id',
+        }),
+        subscriptionDetails: (this.subscriptionDetails = {
+          currencyCode: 'EUR',
+          plan_code: 'some_plan_code',
+          coupon_code: '',
+          isPaypal: true,
+          address: {
+            address1: 'addr_one',
+            address2: 'addr_two',
+            city: 'some_city',
+            country: 'some_country',
+            state: 'some_state',
+            zip: 'some_zip',
+          },
+          ITMCampaign: 'itm-campaign-value',
+          ITMContent: 'itm-content-value',
+        }),
+      }
+    })
+
+    afterEach(function () {
+      this.apiRequest.restore()
+      this._parseAccountXml.restore()
+      this._parseBillingInfoXml.restore()
+      this._parseSubscriptionXml.restore()
+    })
+
+    describe('_paypal.checkAccountExists', function () {
+      beforeEach(function () {
+        this.call = () => {
+          return this.RecurlyWrapper.promises._paypal.checkAccountExists(
+            this.cache
+          )
+        }
+      })
+
+      describe('when the account exists', function () {
+        beforeEach(function () {
+          const resultXml =
+            '<account><account_code>abc</account_code></account>'
+          this.apiRequest.resolves({
+            response: { status: 200 },
+            body: resultXml,
+          })
+        })
+
+        it('should not produce an error', async function () {
+          await expect(this.call()).to.be.fulfilled
+        })
+
+        it('should call apiRequest', async function () {
+          await this.call()
+          this.apiRequest.callCount.should.equal(1)
+        })
+
+        it('should call _parseAccountXml', async function () {
+          await this.call()
+          this.RecurlyWrapper.promises._parseAccountXml.callCount.should.equal(
+            1
+          )
+        })
+
+        it('should add the account to the cumulative result', async function () {
+          const result = await this.call()
+          expect(result.account).to.not.equal(null)
+          expect(result.account).to.not.equal(undefined)
+          expect(result.account).to.deep.equal({
+            account_code: 'abc',
+          })
+        })
+
+        it('should set userExists to true', async function () {
+          const result = await this.call()
+          expect(result.userExists).to.equal(true)
+        })
+      })
+
+      describe('when the account does not exist', function () {
+        beforeEach(function () {
+          this.apiRequest.resolves({
+            response: { status: 404 },
+            body: '',
+          })
+        })
+
+        it('should not produce an error', async function () {
+          await expect(this.call()).to.be.fulfilled
+        })
+
+        it('should call apiRequest', async function () {
+          await this.call()
+          this.apiRequest.callCount.should.equal(1)
+          this.apiRequest.firstCall.args[0].method.should.equal('GET')
+        })
+
+        it('should not call _parseAccountXml', async function () {
+          await this.call()
+          this.RecurlyWrapper.promises._parseAccountXml.callCount.should.equal(
+            0
+          )
+        })
+
+        it('should not add the account to result', async function () {
+          const result = await this.call()
+          expect(result.account).to.equal(undefined)
+        })
+
+        it('should set userExists to false', async function () {
+          const result = await this.call()
+          expect(result.userExists).to.equal(false)
+        })
+      })
+
+      describe('when apiRequest produces an error', function () {
+        beforeEach(function () {
+          this.apiRequest.rejects(new Error('woops'))
+        })
+
+        it('should produce an error', async function () {
+          await expect(this.call()).to.be.rejected
+        })
+      })
+    })
+
+    describe('_paypal.createAccount', function () {
+      beforeEach(function () {
+        this.call = () => {
+          return this.RecurlyWrapper.promises._paypal.createAccount(this.cache)
+        }
+      })
+
+      describe('when address is missing from subscriptionDetails', function () {
+        beforeEach(function () {
+          this.cache.subscriptionDetails.address = null
+        })
+
+        it('should produce an error', async function () {
+          await expect(this.call()).to.be.rejected
+        })
+      })
+
+      describe('when country is missing from address', function () {
+        beforeEach(function () {
+          this.cache.subscriptionDetails.address = {}
+        })
+
+        it('should produce an error', async function () {
+          await expect(this.call()).to.be.rejectedWith(Errors.InvalidError)
+        })
+      })
+
+      describe('when account already exists', function () {
+        beforeEach(function () {
+          this.cache.userExists = true
+          this.cache.account = { account_code: 'abc' }
+        })
+
+        it('should not produce an error', async function () {
+          await expect(this.call()).to.be.fulfilled
+        })
+
+        it('should produce cache object', async function () {
+          const result = await this.call()
+          expect(result).to.deep.equal(this.cache)
+          expect(result.account).to.deep.equal({
+            account_code: 'abc',
+          })
+        })
+
+        it('should not call apiRequest', async function () {
+          await expect(this.call()).to.be.fulfilled
+          this.apiRequest.callCount.should.equal(0)
+        })
+
+        it('should not call _parseAccountXml', async function () {
+          await this.call()
+          this.RecurlyWrapper.promises._parseAccountXml.callCount.should.equal(
+            0
+          )
+        })
+      })
+
+      describe('when account does not exist', function () {
+        beforeEach(function () {
+          this.cache.userExists = false
+          const resultXml =
+            '<account><account_code>abc</account_code></account>'
+          this.apiRequest.resolves({
+            response: { status: 200 },
+            body: resultXml,
+          })
+        })
+
+        it('sends correct XML', async function () {
+          await this.call()
+          const { body } = this.apiRequest.lastCall.args[0]
+          expect(body).to.equal(`\
+<account>
+	<account_code>some_id</account_code>
+	<email>foo@bar.com</email>
+	<first_name>Foo</first_name>
+	<last_name>Bar</last_name>
+	<address>
+		<address1>addr_one</address1>
+		<address2>addr_two</address2>
+		<city>some_city</city>
+		<state>some_state</state>
+		<zip>some_zip</zip>
+		<country>some_country</country>
+	</address>
+</account>\
+`)
+        })
+
+        it('should not produce an error', async function () {
+          await expect(this.call()).to.be.fulfilled
+        })
+
+        it('should call apiRequest', async function () {
+          await this.call()
+          this.apiRequest.callCount.should.equal(1)
+          this.apiRequest.firstCall.args[0].method.should.equal('POST')
+        })
+
+        it('should call _parseAccountXml', async function () {
+          await this.call()
+          this.RecurlyWrapper.promises._parseAccountXml.callCount.should.equal(
+            1
+          )
+        })
+
+        describe('when apiRequest produces an error', function () {
+          beforeEach(function () {
+            this.apiRequest.rejects(new Error('woops'))
+          })
+
+          it('should produce an error', async function () {
+            await expect(this.call()).to.be.rejectedWith('woops')
+          })
+        })
+      })
+    })
+
+    describe('_paypal.createBillingInfo', function () {
+      beforeEach(function () {
+        this.cache.account = { account_code: 'abc' }
+        this.call = () => {
+          return this.RecurlyWrapper.promises._paypal.createBillingInfo(
+            this.cache
+          )
+        }
+      })
+
+      describe('when account_code is missing from cache', function () {
+        beforeEach(function () {
+          this.cache.account.account_code = null
+        })
+
+        it('should produce an error', async function () {
+          await expect(this.call()).to.be.rejected
+        })
+      })
+
+      describe('when all goes well', function () {
+        beforeEach(function () {
+          const resultXml = '<billing_info><a>1</a></billing_info>'
+          this.apiRequest.resolves({
+            response: { status: 200 },
+            body: resultXml,
+          })
+        })
+
+        it('sends correct XML', async function () {
+          await this.call()
+          const { body } = this.apiRequest.lastCall.args[0]
+          expect(body).to.equal(`\
+<billing_info>
+	<token_id>a-token-id</token_id>
+</billing_info>\
+`)
+        })
+
+        it('should not produce an error', async function () {
+          await expect(this.call()).to.be.fulfilled
+        })
+
+        it('should call apiRequest', async function () {
+          await this.call()
+          this.apiRequest.callCount.should.equal(1)
+          this.apiRequest.firstCall.args[0].method.should.equal('POST')
+        })
+
+        it('should call _parseBillingInfoXml', async function () {
+          await this.call()
+          this.RecurlyWrapper.promises._parseBillingInfoXml.callCount.should.equal(
+            1
+          )
+        })
+
+        it('should set billingInfo on cache', async function () {
+          const result = await this.call()
+          expect(result.billingInfo).to.deep.equal({
+            a: '1',
+          })
+        })
+      })
+
+      describe('when apiRequest produces an error', function () {
+        beforeEach(function () {
+          this.apiRequest.resolves(new Error('woops'))
+        })
+
+        it('should produce an error', async function () {
+          await expect(this.call()).to.be.rejected
+        })
+      })
+    })
+
+    describe('_paypal.setAddressAndCompanyBillingInfo', function () {
+      beforeEach(function () {
+        this.cache.account = { account_code: 'abc' }
+        this.cache.billingInfo = {}
+        this.call = () => {
+          return this.RecurlyWrapper.promises._paypal.setAddressAndCompanyBillingInfo(
+            this.cache
+          )
+        }
+      })
+
+      describe('when account_code is missing from cache', function () {
+        beforeEach(function () {
+          this.cache.account.account_code = null
+        })
+
+        it('should produce an error', async function () {
+          await expect(this.call()).to.be.rejected
+        })
+      })
+
+      describe('when country is missing', function () {
+        beforeEach(function () {
+          this.cache.subscriptionDetails.address = { country: '' }
+        })
+
+        it('should produce an error', async function () {
+          await expect(this.call()).to.be.rejectedWith(Errors.InvalidError)
+        })
+      })
+
+      describe('when all goes well', function () {
+        beforeEach(function () {
+          const resultXml = '<billing_info><city>London</city></billing_info>'
+          this.apiRequest.resolves({
+            response: { status: 200 },
+            body: resultXml,
+          })
+        })
+
+        it('sends correct XML', async function () {
+          await this.call()
+          const { body } = this.apiRequest.lastCall.args[0]
+          expect(body).to.equal(`\
+<billing_info>
+	<address1>addr_one</address1>
+	<address2>addr_two</address2>
+	<city>some_city</city>
+	<state>some_state</state>
+	<zip>some_zip</zip>
+	<country>some_country</country>
+</billing_info>\
+`)
+        })
+
+        it('should not produce an error', async function () {
+          await expect(this.call()).to.be.fulfilled
+        })
+
+        it('should call apiRequest', async function () {
+          await this.call()
+          this.apiRequest.callCount.should.equal(1)
+          this.apiRequest.firstCall.args[0].method.should.equal('PUT')
+        })
+
+        it('should call _parseBillingInfoXml', async function () {
+          await this.call()
+          this.RecurlyWrapper.promises._parseBillingInfoXml.callCount.should.equal(
+            1
+          )
+        })
+
+        it('should set billingInfo on cache', async function () {
+          const result = await this.call()
+          expect(result.billingInfo).to.deep.equal({
+            city: 'London',
+          })
+        })
+      })
+
+      describe('when apiRequest produces an error', function () {
+        beforeEach(function () {
+          this.apiRequest.rejects(new Error('woops'))
+        })
+
+        it('should produce an error', async function () {
+          await expect(this.call()).to.be.rejected
+        })
+      })
+    })
+
+    describe('_paypal.createSubscription', function () {
+      beforeEach(function () {
+        this.cache.account = { account_code: 'abc' }
+        this.cache.billingInfo = {}
+        this.call = () =>
+          this.RecurlyWrapper.promises._paypal.createSubscription(this.cache)
+      })
+
+      describe('when all goes well', function () {
+        beforeEach(function () {
+          const resultXml = '<subscription><a>1</a></subscription>'
+          this.apiRequest.resolves({
+            response: { status: 200 },
+            body: resultXml,
+          })
+        })
+
+        it('sends correct XML', async function () {
+          await this.call()
+          const { body } = this.apiRequest.lastCall.args[0]
+          expect(body).to.equal(`\
+<subscription>
+	<plan_code>some_plan_code</plan_code>
+	<currency>EUR</currency>
+	<coupon_code/>
+	<account>
+		<account_code>some_id</account_code>
+	</account>
+	<custom_fields>
+		<custom_field>
+			<name>itm_campaign</name>
+			<value>itm-campaign-value</value>
+		</custom_field>
+		<custom_field>
+			<name>itm_content</name>
+			<value>itm-content-value</value>
+		</custom_field>
+	</custom_fields>
+</subscription>\
+`)
+        })
+
+        it('should not produce an error', async function () {
+          await expect(this.call()).to.be.fulfilled
+        })
+
+        it('should call apiRequest', async function () {
+          await this.call()
+          this.apiRequest.callCount.should.equal(1)
+          this.apiRequest.firstCall.args[0].method.should.equal('POST')
+        })
+
+        it('should call _parseSubscriptionXml', async function () {
+          await this.call()
+          this.RecurlyWrapper.promises._parseSubscriptionXml.callCount.should.equal(
+            1
+          )
+        })
+
+        it('should set subscription on cache', async function () {
+          const result = await this.call()
+          expect(result.subscription).to.deep.equal({
+            a: '1',
+          })
+        })
+      })
+
+      describe('when apiRequest produces an error', function () {
+        beforeEach(function () {
+          this.apiRequest.rejects(new Error('woops'))
+        })
+
+        it('should produce an error', async function () {
+          await expect(this.call()).to.be.rejected
+        })
+      })
+    })
+  })
+
+  describe('listAccountActiveSubscriptions', function () {
+    beforeEach(function () {
+      this.user_id = 'mock-user-id'
+      this.response = { mock: 'response' }
+      this.body = '<mock body/>'
+      this.RecurlyWrapper.promises.apiRequest = sinon.stub().resolves({
+        response: this.response,
+        body: this.body,
+      })
+      this.subscriptions = ['mock', 'subscriptions']
+      this.RecurlyWrapper.promises._parseSubscriptionsXml = sinon
+        .stub()
+        .resolves(this.subscriptions)
+    })
+
+    describe('with an account', function () {
+      beforeEach(async function () {
+        this.result =
+          await this.RecurlyWrapper.promises.listAccountActiveSubscriptions(
+            this.user_id
+          )
+      })
+
+      it('should send a request to Recurly', async function () {
+        this.RecurlyWrapper.promises.apiRequest
+          .calledWith({
+            url: `accounts/${this.user_id}/subscriptions`,
+            qs: {
+              state: 'active',
+            },
+            expect404: true,
+          })
+          .should.equal(true)
+      })
+
+      it('should return the subscriptions', async function () {
+        expect(this.result).to.deep.equal(this.subscriptions)
+      })
+    })
+
+    describe('without an account', function () {
+      beforeEach(async function () {
+        this.response.status = 404
+        this.accountActiveSubscriptions =
+          await this.RecurlyWrapper.promises.listAccountActiveSubscriptions(
+            this.user_id
+          )
+      })
+
+      it('should return an empty array of subscriptions', function () {
+        expect(this.accountActiveSubscriptions).to.deep.equal([])
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/SubscriptionControllerTests.js b/services/web/test/unit/src/Subscription/SubscriptionControllerTests.js
new file mode 100644
index 0000000..27ba5bf
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/SubscriptionControllerTests.js
@@ -0,0 +1,595 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { assert, expect } = require('chai')
+const MockRequest = require('../helpers/MockRequest')
+const MockResponse = require('../helpers/MockResponse')
+const modulePath =
+  '../../../../app/src/Features/Subscription/SubscriptionController'
+const SubscriptionErrors = require('../../../../app/src/Features/Subscription/Errors')
+
+const mockSubscriptions = {
+  'subscription-123-active': {
+    uuid: 'subscription-123-active',
+    plan: {
+      name: 'Gold',
+      plan_code: 'gold',
+    },
+    current_period_ends_at: new Date(),
+    state: 'active',
+    unit_amount_in_cents: 999,
+    account: {
+      account_code: 'user-123',
+    },
+  },
+}
+
+describe('SubscriptionController', function () {
+  beforeEach(function () {
+    this.user = {
+      email: 'tom@yahoo.com',
+      _id: 'one',
+      signUpDate: new Date('2000-10-01'),
+      emails: [{ email: 'tom@yahoo.com', confirmedAt: new Date('2000-10-02') }],
+    }
+    this.activeRecurlySubscription =
+      mockSubscriptions['subscription-123-active']
+
+    this.SessionManager = {
+      getLoggedInUser: sinon.stub().callsArgWith(1, null, this.user),
+      getLoggedInUserId: sinon.stub().returns(this.user._id),
+      getSessionUser: sinon.stub().returns(this.user),
+      isUserLoggedIn: sinon.stub().returns(true),
+    }
+    this.SubscriptionHandler = {
+      createSubscription: sinon.stub().callsArgWith(3),
+      updateSubscription: sinon.stub().callsArgWith(3),
+      reactivateSubscription: sinon.stub().callsArgWith(1),
+      cancelSubscription: sinon.stub().callsArgWith(1),
+      syncSubscription: sinon.stub().yields(),
+      attemptPaypalInvoiceCollection: sinon.stub().yields(),
+      startFreeTrial: sinon.stub(),
+      promises: {
+        createSubscription: sinon.stub().resolves(),
+        updateSubscription: sinon.stub().resolves(),
+        reactivateSubscription: sinon.stub().resolves(),
+        cancelSubscription: sinon.stub().resolves(),
+        pauseSubscription: sinon.stub().resolves(),
+        resumeSubscription: sinon.stub().resolves(),
+        syncSubscription: sinon.stub().resolves(),
+        attemptPaypalInvoiceCollection: sinon.stub().resolves(),
+        startFreeTrial: sinon.stub().resolves(),
+      },
+    }
+
+    this.LimitationsManager = {
+      hasPaidSubscription: sinon.stub(),
+      userHasSubscription: sinon
+        .stub()
+        .yields(null, { hasSubscription: false }),
+      promises: {
+        hasPaidSubscription: sinon.stub().resolves(),
+        userHasSubscription: sinon.stub().resolves({ hasSubscription: false }),
+      },
+    }
+
+    this.SubscriptionViewModelBuilder = {
+      buildUsersSubscriptionViewModel: sinon.stub().callsArgWith(1, null, {}),
+      buildPlansList: sinon.stub(),
+      promises: {
+        buildUsersSubscriptionViewModel: sinon.stub().resolves({}),
+        getBestSubscription: sinon.stub().resolves({}),
+      },
+      buildPlansListForSubscriptionDash: sinon
+        .stub()
+        .returns({ plans: [], planCodesChangingAtTermEnd: [] }),
+    }
+    this.settings = {
+      coupon_codes: {
+        upgradeToAnnualPromo: {
+          student: 'STUDENTCODEHERE',
+          collaborator: 'COLLABORATORCODEHERE',
+        },
+      },
+      groupPlanModalOptions: {
+        plan_codes: [],
+        currencies: [
+          {
+            display: 'GBP (£)',
+            code: 'GBP',
+          },
+        ],
+        sizes: ['42'],
+        usages: [{ code: 'foo', display: 'Foo' }],
+      },
+      apis: {
+        recurly: {
+          subdomain: 'sl',
+        },
+      },
+      siteUrl: 'http://de.overleaf.dev:3000',
+    }
+    this.AuthorizationManager = {
+      promises: {
+        isUserSiteAdmin: sinon.stub().resolves(false),
+      },
+    }
+    this.GeoIpLookup = {
+      isValidCurrencyParam: sinon.stub().returns(true),
+      getCurrencyCode: sinon.stub().yields('USD', 'US'),
+      promises: {
+        getCurrencyCode: sinon.stub().resolves({
+          countryCode: 'US',
+          currencyCode: 'USD',
+        }),
+      },
+    }
+    this.UserGetter = {
+      getUser: sinon.stub().callsArgWith(2, null, this.user),
+      promises: {
+        getUser: sinon.stub().resolves(this.user),
+      },
+    }
+    this.SplitTestV2Hander = {
+      promises: {
+        getAssignment: sinon.stub().resolves({ variant: 'default' }),
+      },
+    }
+    this.Features = {
+      hasFeature: sinon.stub().returns(false),
+    }
+    this.SubscriptionController = SandboxedModule.require(modulePath, {
+      requires: {
+        '../Authorization/AuthorizationManager': this.AuthorizationManager,
+        '../SplitTests/SplitTestHandler': this.SplitTestV2Hander,
+        '../Authentication/SessionManager': this.SessionManager,
+        './SubscriptionHandler': this.SubscriptionHandler,
+        './SubscriptionHelper': this.SubscriptionHelper,
+        './SubscriptionViewModelBuilder': this.SubscriptionViewModelBuilder,
+        './LimitationsManager': this.LimitationsManager,
+        '../../infrastructure/GeoIpLookup': this.GeoIpLookup,
+        '@overleaf/settings': this.settings,
+        '../User/UserGetter': this.UserGetter,
+        './RecurlyWrapper': (this.RecurlyWrapper = {
+          updateAccountEmailAddress: sinon.stub().yields(),
+        }),
+        './RecurlyEventHandler': {
+          sendRecurlyAnalyticsEvent: sinon.stub().resolves(),
+        },
+        './FeaturesUpdater': (this.FeaturesUpdater = {
+          promises: {
+            hasFeaturesViaWritefull: sinon.stub().resolves(false),
+          },
+        }),
+        './GroupPlansData': (this.GroupPlansData = {}),
+        './V1SubscriptionManager': (this.V1SubscriptionManager = {}),
+        '../Errors/HttpErrorHandler': (this.HttpErrorHandler = {
+          unprocessableEntity: sinon.stub().callsFake((req, res, message) => {
+            res.status(422)
+            res.json({ message })
+          }),
+          badRequest: sinon.stub().callsFake((req, res, message) => {
+            res.status(400)
+            res.json({ message })
+          }),
+        }),
+        './Errors': SubscriptionErrors,
+        '../Analytics/AnalyticsManager': (this.AnalyticsManager = {
+          recordEventForUser: sinon.stub(),
+          recordEventForUserInBackground: sinon.stub(),
+          recordEventForSession: sinon.stub(),
+          setUserPropertyForUser: sinon.stub(),
+        }),
+        '../../infrastructure/Modules': (this.Modules = {
+          promises: { hooks: { fire: sinon.stub().resolves() } },
+        }),
+        '../../infrastructure/Features': this.Features,
+        '../../util/currency': (this.currency = {
+          formatCurrency: sinon.stub(),
+        }),
+      },
+    })
+
+    this.res = new MockResponse()
+    this.req = new MockRequest()
+    this.req.body = {}
+    this.req.query = { planCode: '123123' }
+
+    this.stubbedCurrencyCode = 'GBP'
+  })
+
+  describe('successfulSubscription', function () {
+    it('without a personal subscription', function (done) {
+      this.SubscriptionViewModelBuilder.promises.buildUsersSubscriptionViewModel.resolves(
+        {}
+      )
+      this.res.redirect = url => {
+        url.should.equal('/user/subscription/plans')
+        done()
+      }
+      this.SubscriptionController.successfulSubscription(this.req, this.res)
+    })
+
+    it('with a personal subscription', function (done) {
+      this.SubscriptionViewModelBuilder.promises.buildUsersSubscriptionViewModel.resolves(
+        {
+          personalSubscription: 'foo',
+        }
+      )
+      this.res.render = (url, variables) => {
+        url.should.equal('subscriptions/successful-subscription-react')
+        assert.deepEqual(variables, {
+          title: 'thank_you',
+          personalSubscription: 'foo',
+          postCheckoutRedirect: undefined,
+          user: this.user,
+        })
+        done()
+      }
+      this.SubscriptionController.successfulSubscription(this.req, this.res)
+    })
+
+    it('with an error', function (done) {
+      this.SubscriptionViewModelBuilder.promises.buildUsersSubscriptionViewModel.resolves(
+        undefined
+      )
+      this.SubscriptionController.successfulSubscription(
+        this.req,
+        this.res,
+        error => {
+          assert.isNotNull(error)
+          done()
+        }
+      )
+    })
+  })
+
+  describe('userSubscriptionPage', function () {
+    beforeEach(function (done) {
+      this.SubscriptionViewModelBuilder.promises.buildUsersSubscriptionViewModel.resolves(
+        {
+          personalSubscription: (this.personalSubscription = {
+            'personal-subscription': 'mock',
+          }),
+          memberGroupSubscriptions: (this.memberGroupSubscriptions = {
+            'group-subscriptions': 'mock',
+          }),
+        }
+      )
+      this.SubscriptionViewModelBuilder.buildPlansList.returns(
+        (this.plans = { plans: 'mock' })
+      )
+      this.SubscriptionViewModelBuilder.buildPlansListForSubscriptionDash.returns(
+        {
+          plans: this.plans,
+          planCodesChangingAtTermEnd: [],
+        }
+      )
+      this.LimitationsManager.promises.userHasSubscription.resolves({
+        hasSubscription: false,
+      })
+      this.res.render = (view, data) => {
+        this.data = data
+        expect(view).to.equal('subscriptions/dashboard-react')
+        done()
+      }
+      this.SubscriptionController.userSubscriptionPage(this.req, this.res, done)
+    })
+
+    it('should load the personal, groups and v1 subscriptions', function () {
+      expect(this.data.personalSubscription).to.deep.equal(
+        this.personalSubscription
+      )
+      expect(this.data.memberGroupSubscriptions).to.deep.equal(
+        this.memberGroupSubscriptions
+      )
+    })
+
+    it('should load the user', function () {
+      expect(this.data.user).to.deep.equal(this.user)
+    })
+
+    it('should load the plans', function () {
+      expect(this.data.plans).to.deep.equal(this.plans)
+    })
+
+    it('should load an empty list of groups with settings available', function () {
+      expect(this.data.groupSettingsEnabledFor).to.deep.equal([])
+    })
+  })
+
+  describe('updateAccountEmailAddress via put', function () {
+    it('should send the user and subscriptionId to RecurlyWrapper', function () {
+      this.res.sendStatus = sinon.spy()
+      this.SubscriptionController.updateAccountEmailAddress(this.req, this.res)
+      this.RecurlyWrapper.updateAccountEmailAddress
+        .calledWith(this.user._id, this.user.email)
+        .should.equal(true)
+    })
+
+    it('should respond with 200', function () {
+      this.res.sendStatus = sinon.spy()
+      this.SubscriptionController.updateAccountEmailAddress(this.req, this.res)
+      this.res.sendStatus.calledWith(200).should.equal(true)
+    })
+
+    it('should send the error to the next handler when updating recurly account email fails', function (done) {
+      this.RecurlyWrapper.updateAccountEmailAddress.yields(new Error())
+      this.next = sinon.spy(error => {
+        expect(error).instanceOf(Error)
+        done()
+      })
+      this.SubscriptionController.updateAccountEmailAddress(
+        this.req,
+        this.res,
+        this.next
+      )
+    })
+  })
+
+  describe('reactivateSubscription', function () {
+    describe('when the user has permission', function () {
+      beforeEach(function (done) {
+        this.res = {
+          redirect() {
+            done()
+          },
+        }
+        this.req.assertPermission = sinon.stub()
+        this.next = sinon.stub().callsFake(error => {
+          done(error)
+        })
+        sinon.spy(this.res, 'redirect')
+        this.SubscriptionController.reactivateSubscription(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should assert the user has permission to reactivate their subscription', function (done) {
+        this.req.assertPermission
+          .calledWith('reactivate-subscription')
+          .should.equal(true)
+        done()
+      })
+
+      it('should tell the handler to reactivate this user', function (done) {
+        this.SubscriptionHandler.reactivateSubscription
+          .calledWith(this.user)
+          .should.equal(true)
+        done()
+      })
+
+      it('should redurect to the subscription page', function (done) {
+        this.res.redirect.calledWith('/user/subscription').should.equal(true)
+        done()
+      })
+    })
+
+    describe('when the user does not have permission', function () {
+      beforeEach(function (done) {
+        this.res = {
+          redirect() {
+            done()
+          },
+        }
+        this.req.assertPermission = sinon.stub().throws()
+        this.next = sinon.stub().callsFake(() => {
+          done()
+        })
+        sinon.spy(this.res, 'redirect')
+        this.SubscriptionController.reactivateSubscription(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should not reactivate the user', function (done) {
+        this.req.assertPermission = sinon.stub().throws()
+        this.SubscriptionHandler.reactivateSubscription.called.should.equal(
+          false
+        )
+        done()
+      })
+
+      it('should call next with an error', function (done) {
+        this.next.calledWith(sinon.match.instanceOf(Error)).should.equal(true)
+        done()
+      })
+    })
+  })
+
+  describe('pauseSubscription', function () {
+    it('should throw an error if no pause length is provided', async function () {
+      this.res = new MockResponse()
+      this.req = new MockRequest()
+      this.next = sinon.stub()
+      await this.SubscriptionController.pauseSubscription(
+        this.req,
+        this.res,
+        this.next
+      )
+      expect(this.res.statusCode).to.equal(400)
+    })
+
+    it('should throw an error if an invalid pause length is provided', async function () {
+      this.res = new MockResponse()
+      this.req = new MockRequest()
+      this.req.params = { pauseCycles: -10 }
+      this.next = sinon.stub()
+      await this.SubscriptionController.pauseSubscription(
+        this.req,
+        this.res,
+        this.next
+      )
+      expect(this.res.statusCode).to.equal(400)
+    })
+
+    it('should return a 200 when requesting a pause', async function () {
+      this.res = new MockResponse()
+      this.req = new MockRequest()
+      this.req.params = { pauseCycles: 3 }
+      this.next = sinon.stub()
+      await this.SubscriptionController.pauseSubscription(
+        this.req,
+        this.res,
+        this.next
+      )
+      expect(this.res.statusCode).to.equal(200)
+    })
+  })
+
+  describe('resumeSubscription', function () {
+    it('should return a 200 when resuming a subscription', async function () {
+      this.res = new MockResponse()
+      this.req = new MockRequest()
+      this.next = sinon.stub()
+      await this.SubscriptionController.resumeSubscription(
+        this.req,
+        this.res,
+        this.next
+      )
+      expect(this.res.statusCode).to.equal(200)
+    })
+  })
+
+  describe('cancelSubscription', function () {
+    beforeEach(function (done) {
+      this.res = {
+        redirect() {
+          done()
+        },
+      }
+      sinon.spy(this.res, 'redirect')
+      this.SubscriptionController.cancelSubscription(this.req, this.res)
+    })
+
+    it('should tell the handler to cancel this user', function (done) {
+      this.SubscriptionHandler.cancelSubscription
+        .calledWith(this.user)
+        .should.equal(true)
+      done()
+    })
+
+    it('should redurect to the subscription page', function (done) {
+      this.res.redirect
+        .calledWith('/user/subscription/canceled')
+        .should.equal(true)
+      done()
+    })
+  })
+
+  describe('recurly callback', function () {
+    describe('with a sync subscription request', function () {
+      beforeEach(function (done) {
+        this.req = {
+          body: {
+            expired_subscription_notification: {
+              account: {
+                account_code: this.user._id,
+              },
+              subscription: {
+                uuid: this.activeRecurlySubscription.uuid,
+                plan: {
+                  plan_code: 'collaborator',
+                  state: 'active',
+                },
+              },
+            },
+          },
+        }
+        this.res = {
+          sendStatus() {
+            done()
+          },
+        }
+        sinon.spy(this.res, 'sendStatus')
+        this.SubscriptionController.recurlyCallback(this.req, this.res)
+      })
+
+      it('should tell the SubscriptionHandler to process the recurly callback', function (done) {
+        this.SubscriptionHandler.syncSubscription.called.should.equal(true)
+        done()
+      })
+
+      it('should send a 200', function (done) {
+        this.res.sendStatus.calledWith(200)
+        done()
+      })
+    })
+
+    describe('with a billing info updated request', function () {
+      beforeEach(function (done) {
+        this.req = {
+          body: {
+            billing_info_updated_notification: {
+              account: {
+                account_code: 'mock-account-code',
+              },
+            },
+          },
+        }
+        this.res = {
+          sendStatus() {
+            done()
+          },
+        }
+        sinon.spy(this.res, 'sendStatus')
+        this.SubscriptionController.recurlyCallback(this.req, this.res)
+      })
+
+      it('should call attemptPaypalInvoiceCollection', function (done) {
+        this.SubscriptionHandler.attemptPaypalInvoiceCollection
+          .calledWith('mock-account-code')
+          .should.equal(true)
+        done()
+      })
+
+      it('should send a 200', function (done) {
+        this.res.sendStatus.calledWith(200)
+        done()
+      })
+    })
+
+    describe('with a non-actionable request', function () {
+      beforeEach(function (done) {
+        this.user.id = this.activeRecurlySubscription.account.account_code
+        this.req = {
+          body: {
+            renewed_subscription_notification: {
+              account: {
+                account_code: this.user._id,
+              },
+              subscription: {
+                uuid: this.activeRecurlySubscription.uuid,
+                plan: {
+                  plan_code: 'collaborator',
+                  state: 'active',
+                },
+              },
+            },
+          },
+        }
+        this.res = {
+          sendStatus() {
+            done()
+          },
+        }
+        sinon.spy(this.res, 'sendStatus')
+        this.SubscriptionController.recurlyCallback(this.req, this.res)
+      })
+
+      it('should not call the subscriptionshandler', function () {
+        this.SubscriptionHandler.syncSubscription.called.should.equal(false)
+        this.SubscriptionHandler.attemptPaypalInvoiceCollection.called.should.equal(
+          false
+        )
+      })
+
+      it('should respond with a 200 status', function () {
+        this.res.sendStatus.calledWith(200)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/SubscriptionEmailHandlerTests.js b/services/web/test/unit/src/Subscription/SubscriptionEmailHandlerTests.js
new file mode 100644
index 0000000..c3fca39
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/SubscriptionEmailHandlerTests.js
@@ -0,0 +1,73 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath =
+  '../../../../app/src/Features/Subscription/SubscriptionEmailHandler'
+
+describe('SubscriptionEmailHandler', function () {
+  beforeEach(function () {
+    this.userId = '123456789abcde'
+    this.email = 'test@test.com'
+
+    this.SubscriptionEmailHandler = SandboxedModule.require(modulePath, {
+      requires: {
+        '../Email/EmailHandler': (this.EmailHandler = {
+          promises: {
+            sendEmail: sinon.stub().resolves({}),
+          },
+        }),
+        '../User/UserGetter': (this.UserGetter = {
+          promises: {
+            getUser: sinon
+              .stub()
+              .resolves({ _id: this.userId, email: 'test@test.com' }),
+          },
+        }),
+        './PlansLocator': (this.PlansLocator = {
+          findLocalPlanInSettings: sinon.stub().returns({
+            name: 'foo',
+            features: { collaborators: 42 },
+          }),
+        }),
+        '@overleaf/settings': (this.Settings = {
+          enableOnboardingEmails: true,
+        }),
+      },
+    })
+  })
+
+  describe('when onboarding emails are disabled', function () {
+    beforeEach(function () {
+      this.Settings.enableOnboardingEmails = false
+    })
+    it('does not send a trial onboarding email', async function () {
+      await this.SubscriptionEmailHandler.sendTrialOnboardingEmail(
+        this.userId,
+        'foo-plan-code'
+      )
+      expect(this.EmailHandler.promises.sendEmail).to.not.have.been.called
+    })
+  })
+
+  describe('when onboarding emails are enabled', function () {
+    it('sends trial onboarding email', async function () {
+      await this.SubscriptionEmailHandler.sendTrialOnboardingEmail(
+        this.userId,
+        'foo-plan-code'
+      )
+
+      expect(this.PlansLocator.findLocalPlanInSettings).to.have.been.calledWith(
+        'foo-plan-code'
+      )
+      expect(this.EmailHandler.promises.sendEmail.lastCall.args).to.deep.equal([
+        'trialOnboarding',
+        {
+          to: this.email,
+          sendingUser_id: this.userId,
+          planName: 'foo',
+          features: { collaborators: 42 },
+        },
+      ])
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/SubscriptionFormattersTests.js b/services/web/test/unit/src/Subscription/SubscriptionFormattersTests.js
new file mode 100644
index 0000000..0ee781d
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/SubscriptionFormattersTests.js
@@ -0,0 +1,32 @@
+const chai = require('chai')
+const SubscriptionFormatters = require('../../../../app/src/Features/Subscription/SubscriptionFormatters')
+
+const { expect } = chai
+
+describe('SubscriptionFormatters', function () {
+  describe('formatDateTime', function () {
+    it('should return null if no date', function () {
+      const result = SubscriptionFormatters.formatDateTime(null)
+      expect(result).to.equal(null)
+    })
+
+    it('should format date with time', function () {
+      const date = new Date(1639904485000)
+      const result = SubscriptionFormatters.formatDateTime(date)
+      expect(result).to.equal('December 19th, 2021 9:01 AM UTC')
+    })
+  })
+
+  describe('formatDate', function () {
+    it('should return null if no date', function () {
+      const result = SubscriptionFormatters.formatDate(null)
+      expect(result).to.equal(null)
+    })
+
+    it('should format date', function () {
+      const date = new Date(1639904485000)
+      const result = SubscriptionFormatters.formatDate(date)
+      expect(result).to.equal('December 19th, 2021')
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/SubscriptionGroupControllerTests.mjs b/services/web/test/unit/src/Subscription/SubscriptionGroupControllerTests.mjs
new file mode 100644
index 0000000..b3b6b66
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/SubscriptionGroupControllerTests.mjs
@@ -0,0 +1,739 @@
+import esmock from 'esmock'
+import sinon from 'sinon'
+
+const modulePath =
+  '../../../../app/src/Features/Subscription/SubscriptionGroupController'
+
+describe('SubscriptionGroupController', function () {
+  beforeEach(async function () {
+    this.user = { _id: '!@312431', email: 'user@email.com' }
+    this.adminUserId = '123jlkj'
+    this.subscriptionId = '123434325412'
+    this.user_email = 'bob@gmail.com'
+    this.req = {
+      session: {
+        user: {
+          _id: this.adminUserId,
+          email: this.user_email,
+        },
+      },
+      params: {
+        subscriptionId: this.subscriptionId,
+      },
+      query: {},
+    }
+
+    this.subscription = {
+      _id: this.subscriptionId,
+      teamName: 'Cool group',
+      groupPlan: true,
+      membersLimit: 5,
+    }
+
+    this.plan = {
+      canUseFlexibleLicensing: true,
+    }
+
+    this.previewSubscriptionChangeData = {
+      change: {},
+      currency: 'USD',
+    }
+
+    this.createSubscriptionChangeData = { adding: 1 }
+
+    this.SubscriptionGroupHandler = {
+      promises: {
+        removeUserFromGroup: sinon.stub().resolves(),
+        getUsersGroupSubscriptionDetails: sinon.stub().resolves({
+          subscription: this.subscription,
+          plan: this.plan,
+          recurlySubscription: {},
+        }),
+        previewAddSeatsSubscriptionChange: sinon
+          .stub()
+          .resolves(this.previewSubscriptionChangeData),
+        createAddSeatsSubscriptionChange: sinon
+          .stub()
+          .resolves(this.createSubscriptionChangeData),
+        ensureFlexibleLicensingEnabled: sinon.stub().resolves(),
+        ensureSubscriptionIsActive: sinon.stub().resolves(),
+        ensureSubscriptionCollectionMethodIsNotManual: sinon.stub().resolves(),
+        ensureSubscriptionHasNoPendingChanges: sinon.stub().resolves(),
+        getGroupPlanUpgradePreview: sinon
+          .stub()
+          .resolves(this.previewSubscriptionChangeData),
+      },
+    }
+
+    this.SubscriptionLocator = {
+      promises: {
+        getSubscription: sinon.stub().resolves(this.subscription),
+      },
+    }
+
+    this.SessionManager = {
+      getLoggedInUserId(session) {
+        return session.user._id
+      },
+      getSessionUser(session) {
+        return session.user
+      },
+    }
+
+    this.UserAuditLogHandler = {
+      promises: {
+        addEntry: sinon.stub().resolves(),
+      },
+    }
+
+    this.Modules = {
+      promises: {
+        hooks: {
+          fire: sinon.stub().resolves(),
+        },
+      },
+    }
+
+    this.SplitTestHandler = {
+      promises: {
+        getAssignment: sinon.stub().resolves(),
+      },
+    }
+
+    this.UserGetter = {
+      promises: {
+        getUserEmail: sinon.stub().resolves(this.user.email),
+      },
+    }
+
+    this.paymentMethod = { cardType: 'Visa', lastFour: '1111' }
+
+    this.RecurlyClient = {
+      promises: {
+        getPaymentMethod: sinon.stub().resolves(this.paymentMethod),
+        // getSubscription: sinon.stub().resolves(this.subscription),
+      },
+    }
+
+    this.SubscriptionController = {}
+
+    this.SubscriptionModel = { Subscription: {} }
+
+    this.PlansHelper = {
+      isProfessionalGroupPlan: sinon.stub().returns(false),
+    }
+
+    this.Errors = {
+      MissingBillingInfoError: class extends Error {},
+      ManuallyCollectedError: class extends Error {},
+      PendingChangeError: class extends Error {},
+      InactiveError: class extends Error {},
+      SubtotalLimitExceededError: class extends Error {},
+    }
+
+    this.Controller = await esmock.strict(modulePath, {
+      '../../../../app/src/Features/Subscription/SubscriptionGroupHandler':
+        this.SubscriptionGroupHandler,
+      '../../../../app/src/Features/Subscription/SubscriptionLocator':
+        this.SubscriptionLocator,
+      '../../../../app/src/Features/Authentication/SessionManager':
+        this.SessionManager,
+      '../../../../app/src/Features/User/UserAuditLogHandler':
+        this.UserAuditLogHandler,
+      '../../../../app/src/infrastructure/Modules': this.Modules,
+      '../../../../app/src/Features/SplitTests/SplitTestHandler':
+        this.SplitTestHandler,
+      '../../../../app/src/Features/User/UserGetter': this.UserGetter,
+      '../../../../app/src/Features/Errors/ErrorController':
+        (this.ErrorController = {
+          notFound: sinon.stub(),
+        }),
+      '../../../../app/src/Features/Subscription/SubscriptionController':
+        this.SubscriptionController,
+      '../../../../app/src/Features/Subscription/RecurlyClient':
+        this.RecurlyClient,
+      '../../../../app/src/Features/Subscription/PlansHelper': this.PlansHelper,
+      '../../../../app/src/Features/Subscription/Errors': this.Errors,
+      '../../../../app/src/models/Subscription': this.SubscriptionModel,
+      '@overleaf/logger': {
+        err: sinon.stub(),
+        error: sinon.stub(),
+        warn: sinon.stub(),
+        log: sinon.stub(),
+        debug: sinon.stub(),
+      },
+    })
+  })
+
+  describe('removeUserFromGroup', function () {
+    it('should use the subscription id for the logged in user and take the user id from the params', function (done) {
+      const userIdToRemove = '31231'
+      this.req.params = { user_id: userIdToRemove }
+      this.req.entity = this.subscription
+
+      const res = {
+        sendStatus: () => {
+          this.SubscriptionGroupHandler.promises.removeUserFromGroup
+            .calledWith(this.subscriptionId, userIdToRemove)
+            .should.equal(true)
+          done()
+        },
+      }
+      this.Controller.removeUserFromGroup(this.req, res, done)
+    })
+
+    it('should log that the user has been removed', function (done) {
+      const userIdToRemove = '31231'
+      this.req.params = { user_id: userIdToRemove }
+      this.req.entity = this.subscription
+
+      const res = {
+        sendStatus: () => {
+          sinon.assert.calledWith(
+            this.UserAuditLogHandler.promises.addEntry,
+            userIdToRemove,
+            'remove-from-group-subscription',
+            this.adminUserId,
+            this.req.ip,
+            { subscriptionId: this.subscriptionId }
+          )
+          done()
+        },
+      }
+      this.Controller.removeUserFromGroup(this.req, res, done)
+    })
+
+    it('should call the group SSO hooks with group SSO enabled', function (done) {
+      const userIdToRemove = '31231'
+      this.req.params = { user_id: userIdToRemove }
+      this.req.entity = this.subscription
+      this.Modules.promises.hooks.fire
+        .withArgs('hasGroupSSOEnabled', this.subscription)
+        .resolves([true])
+
+      const res = {
+        sendStatus: () => {
+          this.Modules.promises.hooks.fire
+            .calledWith('hasGroupSSOEnabled', this.subscription)
+            .should.equal(true)
+          this.Modules.promises.hooks.fire
+            .calledWith(
+              'unlinkUserFromGroupSSO',
+              userIdToRemove,
+              this.subscriptionId
+            )
+            .should.equal(true)
+          sinon.assert.calledTwice(this.Modules.promises.hooks.fire)
+          done()
+        },
+      }
+      this.Controller.removeUserFromGroup(this.req, res, done)
+    })
+
+    it('should call the group SSO hooks with group SSO disabled', function (done) {
+      const userIdToRemove = '31231'
+      this.req.params = { user_id: userIdToRemove }
+      this.req.entity = this.subscription
+      this.Modules.promises.hooks.fire
+        .withArgs('hasGroupSSOEnabled', this.subscription)
+        .resolves([false])
+
+      const res = {
+        sendStatus: () => {
+          this.Modules.promises.hooks.fire
+            .calledWith('hasGroupSSOEnabled', this.subscription)
+            .should.equal(true)
+          sinon.assert.calledOnce(this.Modules.promises.hooks.fire)
+          done()
+        },
+      }
+      this.Controller.removeUserFromGroup(this.req, res, done)
+    })
+  })
+
+  describe('removeSelfFromGroup', function () {
+    it('gets subscription and remove user', function (done) {
+      this.req.query = { subscriptionId: this.subscriptionId }
+      const memberUserIdToremove = 123456789
+      this.req.session.user._id = memberUserIdToremove
+
+      const res = {
+        sendStatus: () => {
+          sinon.assert.calledWith(
+            this.SubscriptionLocator.promises.getSubscription,
+            this.subscriptionId
+          )
+          sinon.assert.calledWith(
+            this.SubscriptionGroupHandler.promises.removeUserFromGroup,
+            this.subscriptionId,
+            memberUserIdToremove
+          )
+          done()
+        },
+      }
+      this.Controller.removeSelfFromGroup(this.req, res, done)
+    })
+
+    it('should log that the user has left the subscription', function (done) {
+      this.req.query = { subscriptionId: this.subscriptionId }
+      const memberUserIdToremove = '123456789'
+      this.req.session.user._id = memberUserIdToremove
+
+      const res = {
+        sendStatus: () => {
+          sinon.assert.calledWith(
+            this.UserAuditLogHandler.promises.addEntry,
+            memberUserIdToremove,
+            'remove-from-group-subscription',
+            memberUserIdToremove,
+            this.req.ip,
+            { subscriptionId: this.subscriptionId }
+          )
+          done()
+        },
+      }
+      this.Controller.removeSelfFromGroup(this.req, res, done)
+    })
+
+    it('should call the group SSO hooks with group SSO enabled', function (done) {
+      this.req.query = { subscriptionId: this.subscriptionId }
+      const memberUserIdToremove = '123456789'
+      this.req.session.user._id = memberUserIdToremove
+
+      this.Modules.promises.hooks.fire
+        .withArgs('hasGroupSSOEnabled', this.subscription)
+        .resolves([true])
+
+      const res = {
+        sendStatus: () => {
+          this.Modules.promises.hooks.fire
+            .calledWith('hasGroupSSOEnabled', this.subscription)
+            .should.equal(true)
+          this.Modules.promises.hooks.fire
+            .calledWith(
+              'unlinkUserFromGroupSSO',
+              memberUserIdToremove,
+              this.subscriptionId
+            )
+            .should.equal(true)
+          sinon.assert.calledTwice(this.Modules.promises.hooks.fire)
+          done()
+        },
+      }
+      this.Controller.removeSelfFromGroup(this.req, res, done)
+    })
+
+    it('should call the group SSO hooks with group SSO disabled', function (done) {
+      const userIdToRemove = '31231'
+      this.req.session.user._id = userIdToRemove
+      this.req.params = { user_id: userIdToRemove }
+      this.req.entity = this.subscription
+      this.Modules.promises.hooks.fire
+        .withArgs('hasGroupSSOEnabled', this.subscription)
+        .resolves([false])
+
+      const res = {
+        sendStatus: () => {
+          this.Modules.promises.hooks.fire
+            .calledWith('hasGroupSSOEnabled', this.subscription)
+            .should.equal(true)
+          sinon.assert.calledOnce(this.Modules.promises.hooks.fire)
+          done()
+        },
+      }
+      this.Controller.removeSelfFromGroup(this.req, res, done)
+    })
+  })
+
+  describe('addSeatsToGroupSubscription', function () {
+    it('should render the "add seats" page', function (done) {
+      const res = {
+        render: (page, props) => {
+          this.SubscriptionGroupHandler.promises.getUsersGroupSubscriptionDetails
+            .calledWith(this.req.session.user._id)
+            .should.equal(true)
+          this.SubscriptionGroupHandler.promises.ensureFlexibleLicensingEnabled
+            .calledWith(this.plan)
+            .should.equal(true)
+          this.SubscriptionGroupHandler.promises.ensureSubscriptionIsActive
+            .calledWith(this.subscription)
+            .should.equal(true)
+          page.should.equal('subscriptions/add-seats')
+          props.subscriptionId.should.equal(this.subscriptionId)
+          props.groupName.should.equal(this.subscription.teamName)
+          props.totalLicenses.should.equal(this.subscription.membersLimit)
+          props.isProfessional.should.equal(false)
+          done()
+        },
+      }
+
+      this.Controller.addSeatsToGroupSubscription(this.req, res)
+    })
+
+    it('should redirect to subscription page when getting subscription details fails', function (done) {
+      this.SubscriptionGroupHandler.promises.getUsersGroupSubscriptionDetails =
+        sinon.stub().rejects()
+
+      const res = {
+        redirect: url => {
+          url.should.equal('/user/subscription')
+          done()
+        },
+      }
+
+      this.Controller.addSeatsToGroupSubscription(this.req, res)
+    })
+
+    it('should redirect to subscription page when flexible licensing is not enabled', function (done) {
+      this.SubscriptionGroupHandler.promises.ensureFlexibleLicensingEnabled =
+        sinon.stub().rejects()
+
+      const res = {
+        redirect: url => {
+          url.should.equal('/user/subscription')
+          done()
+        },
+      }
+
+      this.Controller.addSeatsToGroupSubscription(this.req, res)
+    })
+
+    it('should redirect to missing billing information page when billing information is missing', function (done) {
+      this.RecurlyClient.promises.getPaymentMethod = sinon
+        .stub()
+        .throws(new this.Errors.MissingBillingInfoError())
+
+      const res = {
+        redirect: url => {
+          url.should.equal(
+            '/user/subscription/group/missing-billing-information'
+          )
+          done()
+        },
+      }
+
+      this.Controller.addSeatsToGroupSubscription(this.req, res)
+    })
+
+    it('should redirect to manually collected subscription error page when collection method is manual', function (done) {
+      this.SubscriptionGroupHandler.promises.ensureSubscriptionCollectionMethodIsNotManual =
+        sinon.stub().throws(new this.Errors.ManuallyCollectedError())
+
+      const res = {
+        redirect: url => {
+          url.should.equal(
+            '/user/subscription/group/manually-collected-subscription'
+          )
+          done()
+        },
+      }
+
+      this.Controller.addSeatsToGroupSubscription(this.req, res)
+    })
+
+    it('should redirect to subscription page when there is a pending change', function (done) {
+      this.SubscriptionGroupHandler.promises.ensureSubscriptionHasNoPendingChanges =
+        sinon.stub().throws(new this.Errors.PendingChangeError())
+
+      const res = {
+        redirect: url => {
+          url.should.equal('/user/subscription')
+          done()
+        },
+      }
+
+      this.Controller.addSeatsToGroupSubscription(this.req, res)
+    })
+
+    it('should redirect to subscription page when subscription is not active', function (done) {
+      this.SubscriptionGroupHandler.promises.ensureSubscriptionIsActive = sinon
+        .stub()
+        .rejects()
+
+      const res = {
+        redirect: url => {
+          url.should.equal('/user/subscription')
+          done()
+        },
+      }
+
+      this.Controller.addSeatsToGroupSubscription(this.req, res)
+    })
+  })
+
+  describe('previewAddSeatsSubscriptionChange', function () {
+    it('should preview "add seats" change', function (done) {
+      this.req.body = { adding: 2 }
+
+      const res = {
+        json: data => {
+          this.SubscriptionGroupHandler.promises.previewAddSeatsSubscriptionChange
+            .calledWith(this.req.session.user._id, this.req.body.adding)
+            .should.equal(true)
+          data.should.deep.equal(this.previewSubscriptionChangeData)
+          done()
+        },
+      }
+
+      this.Controller.previewAddSeatsSubscriptionChange(this.req, res)
+    })
+
+    it('should fail previewing "add seats" change', function (done) {
+      this.SubscriptionGroupHandler.promises.previewAddSeatsSubscriptionChange =
+        sinon.stub().rejects()
+
+      const res = {
+        status: statusCode => {
+          statusCode.should.equal(500)
+
+          return {
+            end: () => {
+              done()
+            },
+          }
+        },
+      }
+
+      this.Controller.previewAddSeatsSubscriptionChange(this.req, res)
+    })
+
+    it('should fail previewing "add seats" change with SubtotalLimitExceededError', function (done) {
+      this.req.body = { adding: 2 }
+      this.SubscriptionGroupHandler.promises.previewAddSeatsSubscriptionChange =
+        sinon.stub().throws(new this.Errors.SubtotalLimitExceededError())
+
+      const res = {
+        status: statusCode => {
+          statusCode.should.equal(422)
+
+          return {
+            json: data => {
+              data.should.deep.equal({
+                code: 'subtotal_limit_exceeded',
+                adding: this.req.body.adding,
+              })
+              done()
+            },
+          }
+        },
+      }
+
+      this.Controller.previewAddSeatsSubscriptionChange(this.req, res)
+    })
+  })
+
+  describe('createAddSeatsSubscriptionChange', function () {
+    it('should apply "add seats" change', function (done) {
+      this.req.body = { adding: 2 }
+
+      const res = {
+        json: data => {
+          this.SubscriptionGroupHandler.promises.createAddSeatsSubscriptionChange
+            .calledWith(this.req.session.user._id, this.req.body.adding)
+            .should.equal(true)
+          data.should.deep.equal(this.createSubscriptionChangeData)
+          done()
+        },
+      }
+
+      this.Controller.createAddSeatsSubscriptionChange(this.req, res)
+    })
+
+    it('should fail applying "add seats" change', function (done) {
+      this.SubscriptionGroupHandler.promises.createAddSeatsSubscriptionChange =
+        sinon.stub().rejects()
+
+      const res = {
+        status: statusCode => {
+          statusCode.should.equal(500)
+
+          return {
+            end: () => {
+              done()
+            },
+          }
+        },
+      }
+
+      this.Controller.createAddSeatsSubscriptionChange(this.req, res)
+    })
+
+    it('should fail applying "add seats" change with SubtotalLimitExceededError', function (done) {
+      this.req.body = { adding: 2 }
+      this.SubscriptionGroupHandler.promises.createAddSeatsSubscriptionChange =
+        sinon.stub().throws(new this.Errors.SubtotalLimitExceededError())
+
+      const res = {
+        status: statusCode => {
+          statusCode.should.equal(422)
+
+          return {
+            json: data => {
+              data.should.deep.equal({
+                code: 'subtotal_limit_exceeded',
+                adding: this.req.body.adding,
+              })
+              done()
+            },
+          }
+        },
+      }
+
+      this.Controller.createAddSeatsSubscriptionChange(this.req, res)
+    })
+  })
+
+  describe('submitForm', function () {
+    it('should build and pass the request body to the sales submit handler', function (done) {
+      const adding = 100
+      this.req.body = { adding }
+
+      const res = {
+        sendStatus: code => {
+          this.Modules.promises.hooks.fire
+            .calledWith('sendSupportRequest', {
+              email: this.user.email,
+              subject: 'Sales Contact Form',
+              message:
+                '\n' +
+                '**Overleaf Sales Contact Form:**\n' +
+                '\n' +
+                '**Subject:** Self-Serve Group User Increase Request\n' +
+                '\n' +
+                `**Estimated Number of Users:** ${adding}\n` +
+                '\n' +
+                `**Message:** This email has been generated on behalf of user with email **${this.user.email}** to request an increase in the total number of users for their subscription.`,
+              inbox: 'sales',
+            })
+            .should.equal(true)
+          sinon.assert.calledOnce(this.Modules.promises.hooks.fire)
+          code.should.equal(204)
+          done()
+        },
+      }
+      this.Controller.submitForm(this.req, res, done)
+    })
+  })
+
+  describe('subscriptionUpgradePage', function () {
+    it('should render "subscription upgrade" page', function (done) {
+      const olSubscription = { membersLimit: 1, teamName: 'test team' }
+      this.SubscriptionModel.Subscription.findOne = () => {
+        return {
+          exec: () => olSubscription,
+        }
+      }
+
+      const res = {
+        render: (page, data) => {
+          this.SubscriptionGroupHandler.promises.getGroupPlanUpgradePreview
+            .calledWith(this.req.session.user._id)
+            .should.equal(true)
+          page.should.equal('subscriptions/upgrade-group-subscription-react')
+          data.totalLicenses.should.equal(olSubscription.membersLimit)
+          data.groupName.should.equal(olSubscription.teamName)
+          data.changePreview.should.equal(this.previewSubscriptionChangeData)
+          done()
+        },
+      }
+
+      this.Controller.subscriptionUpgradePage(this.req, res)
+    })
+
+    it('should redirect if failed to generate preview', function (done) {
+      this.SubscriptionGroupHandler.promises.getGroupPlanUpgradePreview = sinon
+        .stub()
+        .rejects()
+
+      const res = {
+        redirect: url => {
+          url.should.equal('/user/subscription')
+          done()
+        },
+      }
+
+      this.Controller.subscriptionUpgradePage(this.req, res)
+    })
+
+    it('should redirect to missing billing information page when billing information is missing', function (done) {
+      this.SubscriptionGroupHandler.promises.getGroupPlanUpgradePreview = sinon
+        .stub()
+        .throws(new this.Errors.MissingBillingInfoError())
+
+      const res = {
+        redirect: url => {
+          url.should.equal(
+            '/user/subscription/group/missing-billing-information'
+          )
+          done()
+        },
+      }
+
+      this.Controller.subscriptionUpgradePage(this.req, res)
+    })
+
+    it('should redirect to manually collected subscription error page when collection method is manual', function (done) {
+      this.SubscriptionGroupHandler.promises.getGroupPlanUpgradePreview = sinon
+        .stub()
+        .throws(new this.Errors.ManuallyCollectedError())
+
+      const res = {
+        redirect: url => {
+          url.should.equal(
+            '/user/subscription/group/manually-collected-subscription'
+          )
+          done()
+        },
+      }
+
+      this.Controller.subscriptionUpgradePage(this.req, res)
+    })
+
+    it('should redirect to subtotal limit exceeded page', function (done) {
+      this.SubscriptionGroupHandler.promises.getGroupPlanUpgradePreview = sinon
+        .stub()
+        .throws(new this.Errors.SubtotalLimitExceededError())
+
+      const res = {
+        redirect: url => {
+          url.should.equal('/user/subscription/group/subtotal-limit-exceeded')
+          done()
+        },
+      }
+
+      this.Controller.subscriptionUpgradePage(this.req, res)
+    })
+  })
+
+  describe('upgradeSubscription', function () {
+    it('should send 200 response', function (done) {
+      this.SubscriptionGroupHandler.promises.upgradeGroupPlan = sinon
+        .stub()
+        .resolves()
+
+      const res = {
+        sendStatus: code => {
+          code.should.equal(200)
+          done()
+        },
+      }
+
+      this.Controller.upgradeSubscription(this.req, res)
+    })
+
+    it('should send 500 response', function (done) {
+      this.SubscriptionGroupHandler.promises.upgradeGroupPlan = sinon
+        .stub()
+        .rejects()
+
+      const res = {
+        sendStatus: code => {
+          code.should.equal(500)
+          done()
+        },
+      }
+
+      this.Controller.upgradeSubscription(this.req, res)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/SubscriptionGroupHandlerTests.js b/services/web/test/unit/src/Subscription/SubscriptionGroupHandlerTests.js
new file mode 100644
index 0000000..2399715
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/SubscriptionGroupHandlerTests.js
@@ -0,0 +1,746 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const MockRequest = require('../helpers/MockRequest')
+const modulePath =
+  '../../../../app/src/Features/Subscription/SubscriptionGroupHandler'
+
+describe('SubscriptionGroupHandler', function () {
+  beforeEach(function () {
+    this.adminUser_id = '12321'
+    this.newEmail = 'bob@smith.com'
+    this.user_id = '3121321'
+    this.email = 'jim@example.com'
+    this.user = { _id: this.user_id, email: this.newEmail }
+    this.subscription_id = '31DSd1123D'
+    this.adding = 1
+    this.paymentMethod = { cardType: 'Visa', lastFour: '1111' }
+    this.PaymentProviderEntities = {
+      MEMBERS_LIMIT_ADD_ON_CODE: 'additional-license',
+    }
+    this.localPlanInSettings = {
+      membersLimit: 5,
+      membersLimitAddOn: this.PaymentProviderEntities.MEMBERS_LIMIT_ADD_ON_CODE,
+    }
+
+    this.subscription = {
+      admin_id: this.adminUser_id,
+      manager_ids: [this.adminUser_id],
+      _id: this.subscription_id,
+    }
+
+    this.changeRequest = {
+      timeframe: 'now',
+      subscription: {
+        id: 'test_id',
+      },
+    }
+
+    this.recurlySubscription = {
+      id: 123,
+      addOns: [
+        {
+          code: this.PaymentProviderEntities.MEMBERS_LIMIT_ADD_ON_CODE,
+          quantity: 1,
+        },
+      ],
+      getRequestForAddOnUpdate: sinon.stub().returns(this.changeRequest),
+      getRequestForGroupPlanUpgrade: sinon.stub().returns(this.changeRequest),
+      getRequestForAddOnPurchase: sinon.stub().returns(this.changeRequest),
+      getRequestForFlexibleLicensingGroupPlanUpgrade: sinon
+        .stub()
+        .returns(this.changeRequest),
+      currency: 'USD',
+      hasAddOn(code) {
+        return this.addOns.some(addOn => addOn.code === code)
+      },
+    }
+
+    this.SubscriptionLocator = {
+      promises: {
+        getUsersSubscription: sinon.stub().resolves({
+          groupPlan: true,
+          recurlyStatus: {
+            state: 'active',
+          },
+        }),
+        getSubscriptionByMemberIdAndId: sinon.stub(),
+        getSubscription: sinon.stub().resolves(this.subscription),
+      },
+    }
+
+    this.changePreview = {
+      currency: 'USD',
+    }
+
+    this.SubscriptionController = {
+      makeChangePreview: sinon.stub().resolves(this.changePreview),
+      getPlanNameForDisplay: sinon.stub().resolves(),
+    }
+
+    this.SubscriptionUpdater = {
+      promises: {
+        removeUserFromGroup: sinon.stub().resolves(),
+        getSubscription: sinon.stub().resolves(),
+      },
+    }
+
+    this.Subscription = {
+      updateOne: sinon.stub().returns({ exec: sinon.stub().resolves }),
+      updateMany: sinon.stub().returns({ exec: sinon.stub().resolves }),
+      findOne: sinon.stub().returns({ exec: sinon.stub().resolves }),
+    }
+
+    this.SessionManager = {
+      getLoggedInUserId: sinon.stub().returns(this.user._id),
+    }
+
+    this.previewSubscriptionChange = {
+      nextAddOns: [
+        {
+          code: this.PaymentProviderEntities.MEMBERS_LIMIT_ADD_ON_CODE,
+          quantity: this.recurlySubscription.addOns[0].quantity + this.adding,
+        },
+      ],
+      subscription: {
+        planName: 'test plan',
+      },
+    }
+
+    this.applySubscriptionChange = {}
+
+    this.RecurlyClient = {
+      promises: {
+        getSubscription: sinon.stub().resolves(this.recurlySubscription),
+        getPaymentMethod: sinon.stub().resolves(this.paymentMethod),
+        previewSubscriptionChange: sinon
+          .stub()
+          .resolves(this.previewSubscriptionChange),
+        applySubscriptionChangeRequest: sinon
+          .stub()
+          .resolves(this.applySubscriptionChange),
+      },
+    }
+
+    this.PlansLocator = {
+      findLocalPlanInSettings: sinon.stub().returns(this.localPlanInSettings),
+    }
+
+    this.SubscriptionHandler = {
+      promises: {
+        syncSubscription: sinon.stub().resolves(),
+      },
+    }
+
+    this.GroupPlansData = {
+      enterprise: {
+        collaborator: {
+          USD: {
+            5: {
+              price_in_cents: 10000,
+              additional_license_legacy_price_in_cents: 5000,
+            },
+          },
+        },
+      },
+      educational: {
+        collaborator: {
+          USD: {
+            5: {
+              price_in_cents: 10000,
+              additional_license_legacy_price_in_cents: 5000,
+            },
+          },
+        },
+      },
+    }
+
+    this.Handler = SandboxedModule.require(modulePath, {
+      requires: {
+        './SubscriptionUpdater': this.SubscriptionUpdater,
+        './SubscriptionLocator': this.SubscriptionLocator,
+        './SubscriptionController': this.SubscriptionController,
+        './SubscriptionHandler': this.SubscriptionHandler,
+        '../../models/Subscription': {
+          Subscription: this.Subscription,
+        },
+        './RecurlyClient': this.RecurlyClient,
+        './PlansLocator': this.PlansLocator,
+        './PaymentProviderEntities': this.PaymentProviderEntities,
+        '../Authentication/SessionManager': this.SessionManager,
+        './GroupPlansData': this.GroupPlansData,
+      },
+    })
+  })
+
+  describe('removeUserFromGroup', function () {
+    it('should call the subscription updater to remove the user', async function () {
+      await this.Handler.promises.removeUserFromGroup(
+        this.adminUser_id,
+        this.user._id
+      )
+
+      this.SubscriptionUpdater.promises.removeUserFromGroup
+        .calledWith(this.adminUser_id, this.user._id)
+        .should.equal(true)
+    })
+  })
+
+  describe('replaceUserReferencesInGroups', function () {
+    beforeEach(async function () {
+      this.oldId = 'ba5eba11'
+      this.newId = '5ca1ab1e'
+      await this.Handler.promises.replaceUserReferencesInGroups(
+        this.oldId,
+        this.newId
+      )
+    })
+
+    it('replaces the admin_id', function () {
+      this.Subscription.updateOne
+        .calledWith({ admin_id: this.oldId }, { admin_id: this.newId })
+        .should.equal(true)
+    })
+
+    it('replaces the manager_ids', function () {
+      this.Subscription.updateMany
+        .calledWith(
+          { manager_ids: 'ba5eba11' },
+          { $addToSet: { manager_ids: '5ca1ab1e' } }
+        )
+        .should.equal(true)
+
+      this.Subscription.updateMany
+        .calledWith(
+          { manager_ids: 'ba5eba11' },
+          { $pull: { manager_ids: 'ba5eba11' } }
+        )
+        .should.equal(true)
+    })
+
+    it('replaces the member ids', function () {
+      this.Subscription.updateMany
+        .calledWith(
+          { member_ids: this.oldId },
+          { $addToSet: { member_ids: this.newId } }
+        )
+        .should.equal(true)
+
+      this.Subscription.updateMany
+        .calledWith(
+          { member_ids: this.oldId },
+          { $pull: { member_ids: this.oldId } }
+        )
+        .should.equal(true)
+    })
+  })
+
+  describe('isUserPartOfGroup', function () {
+    beforeEach(function () {
+      this.subscription_id = '123ed13123'
+    })
+
+    it('should return true when user is part of subscription', async function () {
+      this.SubscriptionLocator.promises.getSubscriptionByMemberIdAndId.resolves(
+        {
+          _id: this.subscription_id,
+        }
+      )
+      const partOfGroup = await this.Handler.promises.isUserPartOfGroup(
+        this.user_id,
+        this.subscription_id
+      )
+      partOfGroup.should.equal(true)
+    })
+
+    it('should return false when no subscription is found', async function () {
+      this.SubscriptionLocator.promises.getSubscriptionByMemberIdAndId.resolves(
+        null
+      )
+      const partOfGroup = await this.Handler.promises.isUserPartOfGroup(
+        this.user_id,
+        this.subscription_id
+      )
+      partOfGroup.should.equal(false)
+    })
+  })
+
+  describe('getTotalConfirmedUsersInGroup', function () {
+    describe('for existing subscriptions', function () {
+      beforeEach(function () {
+        this.subscription.member_ids = ['12321', '3121321']
+      })
+      it('should call the subscription locator and return 2 users', async function () {
+        const count = await this.Handler.promises.getTotalConfirmedUsersInGroup(
+          this.subscription_id
+        )
+        this.SubscriptionLocator.promises.getSubscription
+          .calledWith(this.subscription_id)
+          .should.equal(true)
+        count.should.equal(2)
+      })
+    })
+    describe('for nonexistent subscriptions', function () {
+      it('should return undefined', async function () {
+        const count =
+          await this.Handler.promises.getTotalConfirmedUsersInGroup('fake-id')
+        expect(count).not.to.exist
+      })
+    })
+  })
+
+  describe('getUsersGroupSubscriptionDetails', function () {
+    beforeEach(function () {
+      this.req = new MockRequest()
+      this.PlansLocator.findLocalPlanInSettings = sinon.stub().returns({
+        ...this.localPlanInSettings,
+        canUseFlexibleLicensing: true,
+      })
+    })
+
+    it('should throw if the subscription is not a group plan', async function () {
+      this.SubscriptionLocator.promises.getUsersSubscription = sinon
+        .stub()
+        .resolves({ groupPlan: false })
+
+      await expect(
+        this.Handler.promises.getUsersGroupSubscriptionDetails(
+          this.adminUser_id
+        )
+      ).to.be.rejectedWith('User subscription is not a group plan')
+    })
+
+    it('should return users group subscription details', async function () {
+      const data = await this.Handler.promises.getUsersGroupSubscriptionDetails(
+        this.adminUser_id
+      )
+
+      expect(data).to.deep.equal({
+        userId: this.adminUser_id,
+        subscription: {
+          groupPlan: true,
+          recurlyStatus: {
+            state: 'active',
+          },
+        },
+        plan: {
+          membersLimit: 5,
+          membersLimitAddOn:
+            this.PaymentProviderEntities.MEMBERS_LIMIT_ADD_ON_CODE,
+          canUseFlexibleLicensing: true,
+        },
+        recurlySubscription: this.recurlySubscription,
+      })
+    })
+  })
+
+  describe('add seats subscription change', function () {
+    beforeEach(function () {
+      this.req = new MockRequest()
+      Object.assign(this.req.body, { adding: this.adding })
+      this.PlansLocator.findLocalPlanInSettings = sinon.stub().returns({
+        ...this.localPlanInSettings,
+        canUseFlexibleLicensing: true,
+      })
+    })
+
+    describe('has "additional-license" add-on', function () {
+      beforeEach(function () {
+        this.recurlySubscription.addOns = [
+          {
+            code: this.PaymentProviderEntities.MEMBERS_LIMIT_ADD_ON_CODE,
+            quantity: 6,
+          },
+        ]
+        this.prevQuantity = this.recurlySubscription.addOns[0].quantity
+        this.previewSubscriptionChange.nextAddOns = [
+          {
+            code: this.PaymentProviderEntities.MEMBERS_LIMIT_ADD_ON_CODE,
+            quantity: this.prevQuantity + this.adding,
+          },
+        ]
+      })
+
+      afterEach(function () {
+        sinon.assert.notCalled(
+          this.recurlySubscription.getRequestForAddOnPurchase
+        )
+
+        this.recurlySubscription.getRequestForAddOnUpdate
+          .calledWith(
+            this.PaymentProviderEntities.MEMBERS_LIMIT_ADD_ON_CODE,
+            this.recurlySubscription.addOns[0].quantity + this.adding
+          )
+          .should.equal(true)
+      })
+
+      describe('previewAddSeatsSubscriptionChange', function () {
+        it('should return the subscription change preview', async function () {
+          const preview =
+            await this.Handler.promises.previewAddSeatsSubscriptionChange(
+              this.adminUser_id,
+              this.adding
+            )
+          this.RecurlyClient.promises.getPaymentMethod
+            .calledWith(this.adminUser_id)
+            .should.equal(true)
+          this.RecurlyClient.promises.previewSubscriptionChange
+            .calledWith(this.changeRequest)
+            .should.equal(true)
+          this.SubscriptionController.makeChangePreview
+            .calledWith(
+              {
+                type: 'add-on-update',
+                addOn: {
+                  code: this.PaymentProviderEntities.MEMBERS_LIMIT_ADD_ON_CODE,
+                  quantity:
+                    this.previewSubscriptionChange.nextAddOns[0].quantity,
+                  prevQuantity: this.prevQuantity,
+                },
+              },
+              this.previewSubscriptionChange,
+              this.paymentMethod
+            )
+            .should.equal(true)
+          preview.should.equal(this.changePreview)
+        })
+      })
+
+      describe('createAddSeatsSubscriptionChange', function () {
+        it('should change the subscription', async function () {
+          const result =
+            await this.Handler.promises.createAddSeatsSubscriptionChange(
+              this.adminUser_id,
+              this.adding
+            )
+
+          this.RecurlyClient.promises.applySubscriptionChangeRequest
+            .calledWith(this.changeRequest)
+            .should.equal(true)
+          this.SubscriptionHandler.promises.syncSubscription
+            .calledWith(
+              { uuid: this.recurlySubscription.id },
+              this.adminUser_id
+            )
+            .should.equal(true)
+          expect(result).to.deep.equal({
+            adding: this.req.body.adding,
+          })
+        })
+      })
+    })
+
+    describe('has no "additional-license" add-on', function () {
+      beforeEach(function () {
+        this.recurlySubscription.addOns = []
+        this.prevQuantity = this.recurlySubscription.addOns[0]?.quantity ?? 0
+        this.previewSubscriptionChange.nextAddOns = [
+          {
+            code: this.PaymentProviderEntities.MEMBERS_LIMIT_ADD_ON_CODE,
+            quantity: this.prevQuantity + this.adding,
+          },
+        ]
+        this.PlansLocator.findLocalPlanInSettings = sinon.stub().returns({
+          ...this.localPlanInSettings,
+          planCode: 'group_collaborator_5_enterprise',
+          canUseFlexibleLicensing: true,
+        })
+      })
+
+      afterEach(function () {
+        sinon.assert.notCalled(
+          this.recurlySubscription.getRequestForAddOnUpdate
+        )
+      })
+
+      describe('previewAddSeatsSubscriptionChange', function () {
+        let preview
+
+        afterEach(function () {
+          this.RecurlyClient.promises.getPaymentMethod
+            .calledWith(this.adminUser_id)
+            .should.equal(true)
+          this.RecurlyClient.promises.previewSubscriptionChange
+            .calledWith(this.changeRequest)
+            .should.equal(true)
+          this.SubscriptionController.makeChangePreview
+            .calledWith(
+              {
+                type: 'add-on-update',
+                addOn: {
+                  code: this.PaymentProviderEntities.MEMBERS_LIMIT_ADD_ON_CODE,
+                  quantity:
+                    this.previewSubscriptionChange.nextAddOns[0].quantity,
+                  prevQuantity: this.prevQuantity,
+                },
+              },
+              this.previewSubscriptionChange,
+              this.paymentMethod
+            )
+            .should.equal(true)
+          preview.should.equal(this.changePreview)
+        })
+
+        it('should return the subscription change preview with legacy add-on price', async function () {
+          this.recurlySubscription.planPrice =
+            this.GroupPlansData.enterprise.collaborator.USD[5].price_in_cents /
+              100 -
+            1
+
+          preview =
+            await this.Handler.promises.previewAddSeatsSubscriptionChange(
+              this.adminUser_id,
+              this.adding
+            )
+          this.recurlySubscription.getRequestForAddOnPurchase
+            .calledWithExactly(
+              this.PaymentProviderEntities.MEMBERS_LIMIT_ADD_ON_CODE,
+              this.adding,
+              this.GroupPlansData.enterprise.collaborator.USD[5]
+                .additional_license_legacy_price_in_cents / 100
+            )
+            .should.equal(true)
+        })
+
+        it('should return the subscription change preview with non-legacy add-on price', async function () {
+          this.recurlySubscription.planPrice =
+            this.GroupPlansData.enterprise.collaborator.USD[5].price_in_cents /
+            100
+
+          preview =
+            await this.Handler.promises.previewAddSeatsSubscriptionChange(
+              this.adminUser_id,
+              this.adding
+            )
+          this.recurlySubscription.getRequestForAddOnPurchase
+            .calledWithExactly(
+              this.PaymentProviderEntities.MEMBERS_LIMIT_ADD_ON_CODE,
+              this.adding,
+              undefined
+            )
+            .should.equal(true)
+        })
+
+        it('should return the subscription change preview with legacy add-on price for small educational group', async function () {
+          this.PlansLocator.findLocalPlanInSettings = sinon.stub().returns({
+            ...this.localPlanInSettings,
+            planCode: 'group_collaborator_5_educational',
+            canUseFlexibleLicensing: true,
+          })
+          this.recurlySubscription.planPrice =
+            this.GroupPlansData.enterprise.collaborator.USD[5].price_in_cents /
+              100 +
+            1
+
+          preview =
+            await this.Handler.promises.previewAddSeatsSubscriptionChange(
+              this.adminUser_id,
+              this.adding
+            )
+          this.recurlySubscription.getRequestForAddOnPurchase
+            .calledWithExactly(
+              this.PaymentProviderEntities.MEMBERS_LIMIT_ADD_ON_CODE,
+              this.adding,
+              this.GroupPlansData.enterprise.collaborator.USD[5]
+                .additional_license_legacy_price_in_cents / 100
+            )
+            .should.equal(true)
+        })
+
+        it('should return the subscription change preview with non-legacy add-on price for small educational group', async function () {
+          this.PlansLocator.findLocalPlanInSettings = sinon.stub().returns({
+            ...this.localPlanInSettings,
+            planCode: 'group_collaborator_5_educational',
+            canUseFlexibleLicensing: true,
+          })
+          this.recurlySubscription.planPrice =
+            this.GroupPlansData.enterprise.collaborator.USD[5].price_in_cents /
+            100
+
+          preview =
+            await this.Handler.promises.previewAddSeatsSubscriptionChange(
+              this.adminUser_id,
+              this.adding
+            )
+          this.recurlySubscription.getRequestForAddOnPurchase
+            .calledWithExactly(
+              this.PaymentProviderEntities.MEMBERS_LIMIT_ADD_ON_CODE,
+              this.adding,
+              undefined
+            )
+            .should.equal(true)
+        })
+      })
+    })
+  })
+
+  describe('ensureFlexibleLicensingEnabled', function () {
+    it('should throw if the subscription can not use flexible licensing', async function () {
+      await expect(
+        this.Handler.promises.ensureFlexibleLicensingEnabled({
+          canUseFlexibleLicensing: false,
+        })
+      ).to.be.rejectedWith('The group plan does not support flexible licensing')
+    })
+
+    it('should not throw if the subscription can use flexible licensing', async function () {
+      await expect(
+        this.Handler.promises.ensureFlexibleLicensingEnabled({
+          canUseFlexibleLicensing: true,
+        })
+      ).to.not.be.rejected
+    })
+  })
+
+  describe('ensureSubscriptionIsActive', function () {
+    it('should throw if the subscription is not active', async function () {
+      await expect(
+        this.Handler.promises.ensureSubscriptionIsActive(this.subscription)
+      ).to.be.rejectedWith('The subscription is not active')
+    })
+
+    it('should not throw if the subscription is active', async function () {
+      await expect(
+        this.Handler.promises.ensureSubscriptionIsActive({
+          recurlyStatus: { state: 'active' },
+        })
+      ).to.not.be.rejected
+    })
+  })
+
+  describe('ensureSubscriptionCollectionMethodIsNotManual', function () {
+    it('should throw if the subscription is manually collected', async function () {
+      await expect(
+        this.Handler.promises.ensureSubscriptionCollectionMethodIsNotManual({
+          get isCollectionMethodManual() {
+            return true
+          },
+        })
+      ).to.be.rejectedWith('This subscription is being collected manually')
+    })
+
+    it('should not throw if the subscription is automatically collected', async function () {
+      await expect(
+        this.Handler.promises.ensureSubscriptionCollectionMethodIsNotManual({
+          get isCollectionMethodManual() {
+            return false
+          },
+        })
+      ).to.not.be.rejected
+    })
+  })
+
+  describe('ensureSubscriptionHasNoPendingChanges', function () {
+    it('should throw if the subscription has pending change', async function () {
+      await expect(
+        this.Handler.promises.ensureSubscriptionHasNoPendingChanges({
+          pendingChange: {},
+        })
+      ).to.be.rejectedWith('This subscription has a pending change')
+    })
+
+    it('should not throw if the subscription has no pending change', async function () {
+      await expect(
+        this.Handler.promises.ensureSubscriptionHasNoPendingChanges({})
+      ).to.not.be.rejected
+    })
+  })
+
+  describe('upgradeGroupPlan', function () {
+    it('should upgrade the subscription for flexible licensing group plans', async function () {
+      this.SubscriptionLocator.promises.getUsersSubscription = sinon
+        .stub()
+        .resolves({
+          groupPlan: true,
+          recurlyStatus: {
+            state: 'active',
+          },
+          planCode: 'group_collaborator',
+        })
+      await this.Handler.promises.upgradeGroupPlan(this.user_id)
+      this.recurlySubscription.getRequestForGroupPlanUpgrade
+        .calledWith('group_professional')
+        .should.equal(true)
+      this.RecurlyClient.promises.applySubscriptionChangeRequest
+        .calledWith(this.changeRequest)
+        .should.equal(true)
+      this.SubscriptionHandler.promises.syncSubscription
+        .calledWith({ uuid: this.changeRequest.subscription.id }, this.user_id)
+        .should.equal(true)
+    })
+
+    it('should upgrade the subscription for legacy group plans', async function () {
+      this.SubscriptionLocator.promises.getUsersSubscription = sinon
+        .stub()
+        .resolves({
+          groupPlan: true,
+          recurlyStatus: {
+            state: 'active',
+          },
+          planCode: 'group_collaborator_10_educational',
+        })
+      await this.Handler.promises.upgradeGroupPlan(this.user_id)
+      this.recurlySubscription.getRequestForGroupPlanUpgrade
+        .calledWith('group_professional_10_educational')
+        .should.equal(true)
+      this.RecurlyClient.promises.applySubscriptionChangeRequest
+        .calledWith(this.changeRequest)
+        .should.equal(true)
+      this.SubscriptionHandler.promises.syncSubscription
+        .calledWith({ uuid: this.changeRequest.subscription.id }, this.user_id)
+        .should.equal(true)
+    })
+
+    it('should fail the upgrade if is professional already', async function () {
+      this.SubscriptionLocator.promises.getUsersSubscription = sinon
+        .stub()
+        .resolves({
+          groupPlan: true,
+          recurlyStatus: {
+            state: 'active',
+          },
+          planCode: 'group_professional',
+        })
+      await expect(
+        this.Handler.promises.upgradeGroupPlan(this.user_id)
+      ).to.be.rejectedWith('Not eligible for group plan upgrade')
+    })
+
+    it('should fail the upgrade if not group plan', async function () {
+      this.SubscriptionLocator.promises.getUsersSubscription = sinon
+        .stub()
+        .resolves({
+          groupPlan: false,
+          recurlyStatus: {
+            state: 'active',
+          },
+          planCode: 'test_plan_code',
+        })
+      await expect(
+        this.Handler.promises.upgradeGroupPlan(this.user_id)
+      ).to.be.rejectedWith('Not eligible for group plan upgrade')
+    })
+  })
+
+  describe('getGroupPlanUpgradePreview', function () {
+    it('should generate preview for subscription upgrade', async function () {
+      this.SubscriptionLocator.promises.getUsersSubscription = sinon
+        .stub()
+        .resolves({
+          groupPlan: true,
+          recurlyStatus: {
+            state: 'active',
+          },
+          planCode: 'group_collaborator',
+        })
+      const result = await this.Handler.promises.getGroupPlanUpgradePreview(
+        this.user_id
+      )
+      this.RecurlyClient.promises.previewSubscriptionChange
+        .calledWith(this.changeRequest)
+        .should.equal(true)
+
+      result.should.equal(this.changePreview)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/SubscriptionHandlerTests.js b/services/web/test/unit/src/Subscription/SubscriptionHandlerTests.js
new file mode 100644
index 0000000..0bd0d24
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/SubscriptionHandlerTests.js
@@ -0,0 +1,790 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const chai = require('chai')
+const { expect } = chai
+const {
+  PaymentProviderSubscription,
+  PaymentProviderSubscriptionChangeRequest,
+} = require('../../../../app/src/Features/Subscription/PaymentProviderEntities')
+
+const MODULE_PATH =
+  '../../../../app/src/Features/Subscription/SubscriptionHandler'
+
+const mockRecurlySubscriptions = {
+  'subscription-123-active': {
+    uuid: 'subscription-123-active',
+    plan: {
+      name: 'Gold',
+      plan_code: 'gold',
+    },
+    current_period_ends_at: new Date(),
+    state: 'active',
+    unit_amount_in_cents: 999,
+    account: {
+      account_code: 'user-123',
+    },
+  },
+}
+
+const mockRecurlyClientSubscriptions = {
+  'subscription-123-active': new PaymentProviderSubscription({
+    id: 'subscription-123-active',
+    userId: 'user-id',
+    planCode: 'collaborator',
+    planName: 'Collaborator',
+    planPrice: 10,
+    subtotal: 10,
+    currency: 'USD',
+    total: 10,
+  }),
+}
+
+const mockSubscriptionChanges = {
+  'subscription-123-active': {
+    id: 'subscription-change-id',
+    subscriptionId: 'subscription-123-recurly-id', // not the UUID
+  },
+}
+
+describe('SubscriptionHandler', function () {
+  beforeEach(function () {
+    this.Settings = {
+      plans: [
+        {
+          planCode: 'collaborator',
+          name: 'Collaborator',
+          price_in_cents: 1000,
+          features: {
+            collaborators: -1,
+            versioning: true,
+          },
+        },
+        {
+          planCode: 'professional',
+          price_in_cents: 1500,
+        },
+      ],
+      defaultPlanCode: {
+        collaborators: 0,
+        versioning: false,
+      },
+    }
+    this.activeRecurlySubscription =
+      mockRecurlySubscriptions['subscription-123-active']
+    this.activeRecurlyClientSubscription =
+      mockRecurlyClientSubscriptions['subscription-123-active']
+    this.activeRecurlySubscriptionChange =
+      mockSubscriptionChanges['subscription-123-active']
+    this.User = {}
+    this.user = { _id: (this.user_id = 'user_id_here_') }
+    this.subscription = {
+      recurlySubscription_id: this.activeRecurlySubscription.uuid,
+    }
+    this.RecurlyWrapper = {
+      promises: {
+        getSubscription: sinon.stub().resolves(this.activeRecurlySubscription),
+        redeemCoupon: sinon.stub().resolves(),
+        createSubscription: sinon
+          .stub()
+          .resolves(this.activeRecurlySubscription),
+        getBillingInfo: sinon.stub().resolves(),
+        getAccountPastDueInvoices: sinon.stub().resolves(),
+        attemptInvoiceCollection: sinon.stub().resolves(),
+        listAccountActiveSubscriptions: sinon.stub().resolves([]),
+      },
+    }
+    this.RecurlyClient = {
+      promises: {
+        reactivateSubscriptionByUuid: sinon
+          .stub()
+          .resolves(this.activeRecurlyClientSubscription),
+        cancelSubscriptionByUuid: sinon.stub().resolves(),
+        applySubscriptionChangeRequest: sinon
+          .stub()
+          .resolves(this.activeRecurlySubscriptionChange),
+        getSubscription: sinon
+          .stub()
+          .resolves(this.activeRecurlyClientSubscription),
+        pauseSubscriptionByUuid: sinon.stub().resolves(),
+        resumeSubscriptionByUuid: sinon.stub().resolves(),
+      },
+    }
+
+    this.SubscriptionUpdater = {
+      promises: {
+        updateSubscriptionFromRecurly: sinon.stub().resolves(),
+        syncSubscription: sinon.stub().resolves(),
+        startFreeTrial: sinon.stub().resolves(),
+      },
+    }
+
+    this.LimitationsManager = {
+      promises: {
+        userHasSubscription: sinon.stub().resolves(),
+      },
+    }
+
+    this.SubscriptionLocator = {
+      promises: {
+        getUsersSubscription: sinon.stub().resolves(this.subscription),
+      },
+    }
+
+    this.EmailHandler = {
+      sendEmail: sinon.stub(),
+      sendDeferredEmail: sinon.stub(),
+    }
+
+    this.UserUpdater = {
+      promises: {
+        updateUser: sinon.stub().resolves(),
+      },
+    }
+
+    this.SubscriptionHandler = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        './RecurlyWrapper': this.RecurlyWrapper,
+        './RecurlyClient': this.RecurlyClient,
+        '@overleaf/settings': this.Settings,
+        '../../models/User': {
+          User: this.User,
+        },
+        './SubscriptionUpdater': this.SubscriptionUpdater,
+        './SubscriptionLocator': this.SubscriptionLocator,
+        './LimitationsManager': this.LimitationsManager,
+        '../Email/EmailHandler': this.EmailHandler,
+        '../Analytics/AnalyticsManager': this.AnalyticsManager,
+        '../User/UserUpdater': this.UserUpdater,
+      },
+    })
+  })
+
+  describe('createSubscription', function () {
+    beforeEach(function () {
+      this.subscriptionDetails = {
+        cvv: '123',
+        number: '12345',
+      }
+      this.recurlyTokenIds = { billing: '45555666' }
+    })
+
+    describe('successfully', function () {
+      beforeEach(async function () {
+        await this.SubscriptionHandler.promises.createSubscription(
+          this.user,
+          this.subscriptionDetails,
+          this.recurlyTokenIds
+        )
+      })
+
+      it('should create the subscription with the wrapper', function () {
+        this.RecurlyWrapper.promises.createSubscription
+          .calledWith(this.user, this.subscriptionDetails, this.recurlyTokenIds)
+          .should.equal(true)
+      })
+
+      it('should sync the subscription to the user', function () {
+        this.SubscriptionUpdater.promises.syncSubscription.calledOnce.should.equal(
+          true
+        )
+        this.SubscriptionUpdater.promises.syncSubscription.args[0][0].should.deep.equal(
+          this.activeRecurlySubscription
+        )
+        this.SubscriptionUpdater.promises.syncSubscription.args[0][1].should.deep.equal(
+          this.user._id
+        )
+      })
+
+      it('should not set last trial date if not a trial/the trial_started_at is not set', function () {
+        this.UserUpdater.promises.updateUser.should.not.have.been.called
+      })
+    })
+
+    describe('when the subscription is a trial and has a trial_started_at date', function () {
+      beforeEach(async function () {
+        this.activeRecurlySubscription.trial_started_at =
+          '2024-01-01T09:58:35.531+00:00'
+        await this.SubscriptionHandler.promises.createSubscription(
+          this.user,
+          this.subscriptionDetails,
+          this.recurlyTokenIds
+        )
+      })
+      it('should set the users lastTrial date', function () {
+        this.UserUpdater.promises.updateUser.should.have.been.calledOnce
+        expect(this.UserUpdater.promises.updateUser.args[0][0]).to.deep.equal({
+          _id: this.user_id,
+          lastTrial: {
+            $not: {
+              $gt: new Date(this.activeRecurlySubscription.trial_started_at),
+            },
+          },
+        })
+        expect(this.UserUpdater.promises.updateUser.args[0][1]).to.deep.equal({
+          $set: {
+            lastTrial: new Date(
+              this.activeRecurlySubscription.trial_started_at
+            ),
+          },
+        })
+      })
+    })
+
+    describe('when there is already a subscription in Recurly', function () {
+      beforeEach(function () {
+        this.RecurlyWrapper.promises.listAccountActiveSubscriptions.resolves([
+          this.subscription,
+        ])
+      })
+
+      it('should an error', function () {
+        expect(
+          this.SubscriptionHandler.promises.createSubscription(
+            this.user,
+            this.subscriptionDetails,
+            this.recurlyTokenIds
+          )
+        ).to.be.rejectedWith('user already has subscription in recurly')
+      })
+    })
+  })
+
+  describe('updateSubscription', function () {
+    describe('with a user with a subscription', function () {
+      beforeEach(async function () {
+        this.user.id = this.activeRecurlySubscription.account.account_code
+        this.User.findById = (userId, projection) => ({
+          exec: () => {
+            userId.should.equal(this.user.id)
+            return Promise.resolve(this.user)
+          },
+        })
+        this.plan_code = 'professional'
+        this.LimitationsManager.promises.userHasSubscription.resolves({
+          hasSubscription: true,
+          subscription: this.subscription,
+        })
+        await this.SubscriptionHandler.promises.updateSubscription(
+          this.user,
+          this.plan_code,
+          null
+        )
+      })
+
+      it('should update the subscription', function () {
+        expect(
+          this.RecurlyClient.promises.applySubscriptionChangeRequest
+        ).to.have.been.calledWith(
+          new PaymentProviderSubscriptionChangeRequest({
+            subscription: this.activeRecurlyClientSubscription,
+            timeframe: 'now',
+            planCode: this.plan_code,
+          })
+        )
+      })
+
+      it('should sync the new subscription to the user', function () {
+        expect(this.SubscriptionUpdater.promises.syncSubscription).to.have.been
+          .called
+
+        this.SubscriptionUpdater.promises.syncSubscription.args[0][0].should.deep.equal(
+          this.activeRecurlySubscription
+        )
+        this.SubscriptionUpdater.promises.syncSubscription.args[0][1].should.deep.equal(
+          this.user._id
+        )
+      })
+    })
+
+    describe('when plan(s) could not be located in settings', function () {
+      beforeEach(async function () {
+        this.user.id = this.activeRecurlySubscription.account.account_code
+        this.User.findById = (userId, projection) => ({
+          exec: () => {
+            userId.should.equal(this.user.id)
+            return Promise.resolve(this.user)
+          },
+        })
+
+        this.LimitationsManager.promises.userHasSubscription.resolves({
+          hasSubscription: true,
+          subscription: this.subscription,
+        })
+      })
+
+      it('should be rejected and should not update the subscription', function () {
+        expect(
+          this.SubscriptionHandler.promises.updateSubscription(
+            this.user,
+            'unknown-plan',
+            null
+          )
+        ).to.be.rejected
+        this.RecurlyClient.promises.applySubscriptionChangeRequest.called.should.equal(
+          false
+        )
+      })
+    })
+
+    describe('with a user without a subscription', function () {
+      beforeEach(async function () {
+        this.LimitationsManager.promises.userHasSubscription.resolves(false)
+        await this.SubscriptionHandler.promises.updateSubscription(
+          this.user,
+          this.plan_code,
+          null
+        )
+      })
+
+      it('should redirect to the subscription dashboard', function () {
+        this.RecurlyClient.promises.applySubscriptionChangeRequest.called.should.equal(
+          false
+        )
+        this.SubscriptionUpdater.promises.syncSubscription.called.should.equal(
+          false
+        )
+      })
+    })
+
+    describe('with a coupon code', function () {
+      beforeEach(async function () {
+        this.user.id = this.activeRecurlySubscription.account.account_code
+
+        this.User.findById = (userId, projection) => ({
+          exec: () => {
+            userId.should.equal(this.user.id)
+            return Promise.resolve(this.user)
+          },
+        })
+        this.plan_code = 'collaborator'
+        this.coupon_code = '1231312'
+        this.LimitationsManager.promises.userHasSubscription.resolves({
+          hasSubscription: true,
+          subscription: this.subscription,
+        })
+        await this.SubscriptionHandler.promises.updateSubscription(
+          this.user,
+          this.plan_code,
+          this.coupon_code
+        )
+      })
+
+      it('should get the users account', function () {
+        this.RecurlyWrapper.promises.getSubscription
+          .calledWith(this.activeRecurlySubscription.uuid)
+          .should.equal(true)
+      })
+
+      it('should redeem the coupon', function () {
+        this.RecurlyWrapper.promises.redeemCoupon
+          .calledWith(
+            this.activeRecurlySubscription.account.account_code,
+            this.coupon_code
+          )
+          .should.equal(true)
+      })
+
+      it('should update the subscription', function () {
+        expect(
+          this.RecurlyClient.promises.applySubscriptionChangeRequest
+        ).to.be.calledWith(
+          new PaymentProviderSubscriptionChangeRequest({
+            subscription: this.activeRecurlyClientSubscription,
+            timeframe: 'now',
+            planCode: this.plan_code,
+          })
+        )
+      })
+    })
+  })
+
+  describe('cancelSubscription', function () {
+    describe('with a user without a subscription', function () {
+      beforeEach(async function () {
+        this.LimitationsManager.promises.userHasSubscription.resolves({
+          hasSubscription: false,
+          subscription: this.subscription,
+        })
+        await this.SubscriptionHandler.promises.cancelSubscription(this.user)
+      })
+
+      it('should redirect to the subscription dashboard', function () {
+        this.RecurlyClient.promises.cancelSubscriptionByUuid.called.should.equal(
+          false
+        )
+      })
+    })
+
+    describe('with a user with a subscription', function () {
+      beforeEach(async function () {
+        this.LimitationsManager.promises.userHasSubscription.resolves({
+          hasSubscription: true,
+          subscription: this.subscription,
+        })
+        await this.SubscriptionHandler.promises.cancelSubscription(this.user)
+      })
+
+      it('should cancel the subscription', function () {
+        this.RecurlyClient.promises.cancelSubscriptionByUuid.called.should.equal(
+          true
+        )
+        this.RecurlyClient.promises.cancelSubscriptionByUuid
+          .calledWith(this.subscription.recurlySubscription_id)
+          .should.equal(true)
+      })
+
+      it('should send the email after 1 hour', function () {
+        const ONE_HOUR_IN_MS = 1000 * 60 * 60
+        expect(this.EmailHandler.sendDeferredEmail).to.have.been.calledWith(
+          'canceledSubscription',
+          { to: this.user.email, first_name: this.user.first_name },
+          ONE_HOUR_IN_MS
+        )
+      })
+    })
+  })
+
+  describe('resumeSubscription', function () {
+    describe('for a user without a subscription', function () {
+      beforeEach(async function () {
+        this.LimitationsManager.promises.userHasSubscription.resolves({
+          hasSubscription: false,
+          subscription: this.subscription,
+        })
+      })
+      it('should not make a resume call to recurly', async function () {
+        expect(
+          this.SubscriptionHandler.promises.resumeSubscription(this.user)
+        ).to.be.rejectedWith('No active subscription to resume')
+        this.RecurlyClient.promises.resumeSubscriptionByUuid.called.should.equal(
+          false
+        )
+      })
+    })
+
+    describe('for a user with a subscription', function () {
+      beforeEach(async function () {
+        this.LimitationsManager.promises.userHasSubscription.resolves({
+          hasSubscription: true,
+          subscription: {
+            recurlySubscription_id: this.activeRecurlySubscription.uuid,
+            recurlyStatus: { state: 'non-trial' },
+            planCode: 'collaborator',
+          },
+        })
+      })
+      it('should make a resume call to recurly', async function () {
+        await this.SubscriptionHandler.promises.resumeSubscription(this.user)
+
+        this.RecurlyClient.promises.resumeSubscriptionByUuid.called.should.equal(
+          true
+        )
+      })
+    })
+  })
+
+  describe('pauseSubscription', function () {
+    describe('for a user without a subscription', function () {
+      beforeEach(async function () {
+        this.LimitationsManager.promises.userHasSubscription.resolves({
+          hasSubscription: false,
+          subscription: this.subscription,
+        })
+      })
+      it('should not make a pause call to recurly', async function () {
+        expect(
+          this.SubscriptionHandler.promises.pauseSubscription(this.user, 3)
+        ).to.be.rejectedWith('No active subscription to pause')
+        this.RecurlyClient.promises.pauseSubscriptionByUuid.called.should.equal(
+          false
+        )
+      })
+    })
+
+    describe('for a user with an annual subscription', function () {
+      beforeEach(async function () {
+        this.LimitationsManager.promises.userHasSubscription.resolves({
+          hasSubscription: false,
+          subscription: {
+            recurlySubscription_id: this.activeRecurlySubscription.uuid,
+            recurlyStatus: { state: 'non-trial' },
+            planCode: 'collaborator-annual',
+          },
+        })
+      })
+      it('should not make a pause call to recurly', async function () {
+        expect(
+          this.SubscriptionHandler.promises.pauseSubscription(this.user, 3)
+        ).to.be.rejectedWith('Can only pause monthly individual plans')
+        this.RecurlyClient.promises.pauseSubscriptionByUuid.called.should.equal(
+          false
+        )
+      })
+    })
+
+    describe('for a user with a subscription', function () {
+      beforeEach(async function () {
+        this.LimitationsManager.promises.userHasSubscription.resolves({
+          hasSubscription: true,
+          subscription: {
+            recurlySubscription_id: this.activeRecurlySubscription.uuid,
+            recurlyStatus: { state: 'non-trial' },
+            planCode: 'collaborator',
+            addOns: [],
+          },
+        })
+      })
+      it('should make a pause call to recurly', async function () {
+        await this.SubscriptionHandler.promises.pauseSubscription(this.user, 3)
+
+        this.RecurlyClient.promises.pauseSubscriptionByUuid.called.should.equal(
+          true
+        )
+      })
+    })
+
+    describe('for a user in a trial', function () {
+      beforeEach(async function () {
+        this.LimitationsManager.promises.userHasSubscription.resolves({
+          hasSubscription: true,
+          subscription: {
+            recurlySubscription_id: this.activeRecurlySubscription.uuid,
+            recurlyStatus: {
+              state: 'trial',
+              trialEndsAt: Date.now() + 1000000,
+            },
+            planCode: 'collaborator',
+          },
+        })
+      })
+      it('should not make a pause call to recurly', async function () {
+        expect(
+          this.SubscriptionHandler.promises.pauseSubscription(this.user, 3)
+        ).to.be.rejectedWith('Cannot pause a subscription in a trial')
+        this.RecurlyClient.promises.pauseSubscriptionByUuid.called.should.equal(
+          false
+        )
+      })
+    })
+
+    describe('for a user with addons', function () {
+      beforeEach(async function () {
+        this.LimitationsManager.promises.userHasSubscription.resolves({
+          hasSubscription: true,
+          subscription: {
+            recurlySubscription_id: this.activeRecurlySubscription.uuid,
+            recurlyStatus: { state: 'non-trial' },
+            planCode: 'collaborator',
+            addOns: ['mock-addon'],
+          },
+        })
+      })
+      it('should not make a pause call to recurly', async function () {
+        expect(
+          this.SubscriptionHandler.promises.pauseSubscription(this.user, 3)
+        ).to.be.rejectedWith('Cannot pause a subscription with addons')
+        this.RecurlyClient.promises.pauseSubscriptionByUuid.called.should.equal(
+          false
+        )
+      })
+    })
+  })
+
+  describe('reactivateSubscription', function () {
+    describe('with a user without a subscription', function () {
+      beforeEach(async function () {
+        this.LimitationsManager.promises.userHasSubscription.resolves({
+          hasSubscription: false,
+          subscription: this.subscription,
+        })
+        await this.SubscriptionHandler.promises.reactivateSubscription(
+          this.user
+        )
+      })
+
+      it('should redirect to the subscription dashboard', function () {
+        this.RecurlyClient.promises.reactivateSubscriptionByUuid.called.should.equal(
+          false
+        )
+      })
+
+      it('should not send a notification email', function () {
+        sinon.assert.notCalled(this.EmailHandler.sendEmail)
+      })
+    })
+
+    describe('with a user with a subscription', function () {
+      beforeEach(async function () {
+        this.LimitationsManager.promises.userHasSubscription.resolves({
+          hasSubscription: true,
+          subscription: this.subscription,
+        })
+        await this.SubscriptionHandler.promises.reactivateSubscription(
+          this.user
+        )
+      })
+
+      it('should reactivate the subscription', function () {
+        this.RecurlyClient.promises.reactivateSubscriptionByUuid.called.should.equal(
+          true
+        )
+        this.RecurlyClient.promises.reactivateSubscriptionByUuid
+          .calledWith(this.subscription.recurlySubscription_id)
+          .should.equal(true)
+      })
+
+      it('should send a notification email', function () {
+        sinon.assert.calledWith(
+          this.EmailHandler.sendEmail,
+          'reactivatedSubscription'
+        )
+      })
+    })
+  })
+
+  describe('syncSubscription', function () {
+    describe('with an actionable request', function () {
+      beforeEach(async function () {
+        this.user.id = this.activeRecurlySubscription.account.account_code
+
+        this.User.findById = (userId, projection) => ({
+          exec: () => {
+            userId.should.equal(this.user.id)
+            return Promise.resolve(this.user)
+          },
+        })
+
+        await this.SubscriptionHandler.promises.syncSubscription(
+          this.activeRecurlySubscription,
+          {}
+        )
+      })
+
+      it('should request the affected subscription from the API', function () {
+        this.RecurlyWrapper.promises.getSubscription
+          .calledWith(this.activeRecurlySubscription.uuid)
+          .should.equal(true)
+      })
+
+      it('should request the account details of the subscription', function () {
+        const options = this.RecurlyWrapper.promises.getSubscription.args[0][1]
+        options.includeAccount.should.equal(true)
+      })
+
+      it('should sync the subscription to the user', function () {
+        this.SubscriptionUpdater.promises.syncSubscription.calledOnce.should.equal(
+          true
+        )
+        this.SubscriptionUpdater.promises.syncSubscription.args[0][0].should.deep.equal(
+          this.activeRecurlySubscription
+        )
+        this.SubscriptionUpdater.promises.syncSubscription.args[0][1].should.deep.equal(
+          this.user._id
+        )
+      })
+    })
+  })
+
+  describe('attemptPaypalInvoiceCollection', function () {
+    describe('for credit card users', function () {
+      beforeEach(async function () {
+        this.RecurlyWrapper.promises.getBillingInfo.resolves({
+          paypal_billing_agreement_id: null,
+        })
+        await this.SubscriptionHandler.promises.attemptPaypalInvoiceCollection(
+          this.activeRecurlySubscription.account.account_code
+        )
+      })
+
+      it('gets billing infos', function () {
+        sinon.assert.calledWith(
+          this.RecurlyWrapper.promises.getBillingInfo,
+          this.activeRecurlySubscription.account.account_code
+        )
+      })
+
+      it('skips user', function () {
+        sinon.assert.notCalled(
+          this.RecurlyWrapper.promises.getAccountPastDueInvoices
+        )
+      })
+    })
+
+    describe('for paypal users', function () {
+      beforeEach(async function () {
+        this.RecurlyWrapper.promises.getBillingInfo.resolves({
+          paypal_billing_agreement_id: 'mock-billing-agreement',
+        })
+        this.RecurlyWrapper.promises.getAccountPastDueInvoices.resolves([
+          { invoice_number: 'mock-invoice-number' },
+        ])
+        await this.SubscriptionHandler.promises.attemptPaypalInvoiceCollection(
+          this.activeRecurlySubscription.account.account_code
+        )
+      })
+
+      it('gets past due invoices', function () {
+        sinon.assert.calledWith(
+          this.RecurlyWrapper.promises.getAccountPastDueInvoices,
+          this.activeRecurlySubscription.account.account_code
+        )
+      })
+
+      it('calls attemptInvoiceCollection', function () {
+        sinon.assert.calledWith(
+          this.RecurlyWrapper.promises.attemptInvoiceCollection,
+          'mock-invoice-number'
+        )
+      })
+    })
+  })
+
+  describe('validateNoSubscriptionInRecurly', function () {
+    describe('with a subscription in recurly', function () {
+      beforeEach(async function () {
+        this.RecurlyWrapper.promises.listAccountActiveSubscriptions.resolves([
+          this.subscription,
+        ])
+        this.isValid =
+          await this.SubscriptionHandler.promises.validateNoSubscriptionInRecurly(
+            this.user_id
+          )
+      })
+
+      it('should call RecurlyWrapper.promises.listAccountActiveSubscriptions with the user id', function () {
+        this.RecurlyWrapper.promises.listAccountActiveSubscriptions
+          .calledWith(this.user_id)
+          .should.equal(true)
+      })
+
+      it('should sync the subscription', function () {
+        this.SubscriptionUpdater.promises.syncSubscription
+          .calledWith(this.subscription, this.user_id)
+          .should.equal(true)
+      })
+
+      it('should return false', function () {
+        expect(this.isValid).to.equal(false)
+      })
+    })
+
+    describe('with no subscription in recurly', function () {
+      beforeEach(async function () {
+        this.isValid =
+          await this.SubscriptionHandler.promises.validateNoSubscriptionInRecurly(
+            this.user_id
+          )
+      })
+
+      it('should be rejected and not sync the subscription', function () {
+        this.SubscriptionUpdater.promises.syncSubscription.called.should.equal(
+          false
+        )
+      })
+
+      it('should return true', function () {
+        expect(this.isValid).to.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/SubscriptionHelperTests.js b/services/web/test/unit/src/Subscription/SubscriptionHelperTests.js
new file mode 100644
index 0000000..a6e1ffa
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/SubscriptionHelperTests.js
@@ -0,0 +1,270 @@
+const SandboxedModule = require('sandboxed-module')
+const { expect } = require('chai')
+const modulePath =
+  '../../../../app/src/Features/Subscription/SubscriptionHelper'
+
+const plans = {
+  expensive: {
+    planCode: 'expensive',
+    price_in_cents: 1500,
+  },
+  cheaper: {
+    planCode: 'cheaper',
+    price_in_cents: 500,
+  },
+  alsoCheap: {
+    plancode: 'also-cheap',
+    price_in_cents: 500,
+  },
+  expensiveGroup: {
+    plancode: 'group_expensive',
+    price_in_cents: 49500,
+    groupPlan: true,
+  },
+  cheapGroup: {
+    plancode: 'group_cheap',
+    price_in_cents: 1000,
+    groupPlan: true,
+  },
+  bad: {},
+}
+
+describe('SubscriptionHelper', function () {
+  beforeEach(function () {
+    this.INITIAL_LICENSE_SIZE = 2
+    this.settings = {
+      groupPlanModalOptions: {},
+    }
+    this.GroupPlansData = {
+      enterprise: {
+        collaborator: {
+          CHF: {
+            [this.INITIAL_LICENSE_SIZE]: {
+              price_in_cents: 1000,
+            },
+          },
+          DKK: {
+            [this.INITIAL_LICENSE_SIZE]: {
+              price_in_cents: 2000,
+            },
+          },
+          SEK: {
+            [this.INITIAL_LICENSE_SIZE]: {
+              price_in_cents: 3000,
+            },
+          },
+          NOK: {
+            [this.INITIAL_LICENSE_SIZE]: {
+              price_in_cents: 4000,
+            },
+          },
+          USD: {
+            [this.INITIAL_LICENSE_SIZE]: {
+              price_in_cents: 5000,
+            },
+          },
+        },
+        professional: {
+          CHF: {
+            [this.INITIAL_LICENSE_SIZE]: {
+              price_in_cents: 10000,
+            },
+          },
+          DKK: {
+            [this.INITIAL_LICENSE_SIZE]: {
+              price_in_cents: 20000,
+            },
+          },
+          SEK: {
+            [this.INITIAL_LICENSE_SIZE]: {
+              price_in_cents: 30000,
+            },
+          },
+          NOK: {
+            [this.INITIAL_LICENSE_SIZE]: {
+              price_in_cents: 40000,
+            },
+          },
+          USD: {
+            [this.INITIAL_LICENSE_SIZE]: {
+              price_in_cents: 50000,
+            },
+          },
+        },
+      },
+    }
+    this.SubscriptionHelper = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': this.settings,
+        './GroupPlansData': this.GroupPlansData,
+      },
+    })
+  })
+
+  describe('shouldPlanChangeAtTermEnd', function () {
+    it('should return true if the new plan is less expensive', function () {
+      const changeAtTermEnd = this.SubscriptionHelper.shouldPlanChangeAtTermEnd(
+        plans.expensive,
+        plans.cheaper
+      )
+      expect(changeAtTermEnd).to.be.true
+    })
+    it('should return false if the new plan is more exepensive', function () {
+      const changeAtTermEnd = this.SubscriptionHelper.shouldPlanChangeAtTermEnd(
+        plans.cheaper,
+        plans.expensive
+      )
+      expect(changeAtTermEnd).to.be.false
+    })
+    it('should return false if the new plan is the same price', function () {
+      const changeAtTermEnd = this.SubscriptionHelper.shouldPlanChangeAtTermEnd(
+        plans.cheaper,
+        plans.alsoCheap
+      )
+      expect(changeAtTermEnd).to.be.false
+    })
+    it('should return false if the change is from an individual plan to a more expensive group plan', function () {
+      const changeAtTermEnd = this.SubscriptionHelper.shouldPlanChangeAtTermEnd(
+        plans.expensive,
+        plans.expensiveGroup
+      )
+      expect(changeAtTermEnd).to.be.false
+    })
+    it('should return true if the change is from an individual plan to a cheaper group plan', function () {
+      const changeAtTermEnd = this.SubscriptionHelper.shouldPlanChangeAtTermEnd(
+        plans.expensive,
+        plans.cheapGroup
+      )
+      expect(changeAtTermEnd).to.be.true
+    })
+  })
+
+  describe('generateInitialLocalizedGroupPrice', function () {
+    describe('CHF currency', function () {
+      it('should return the correct localized price for every plan', function () {
+        const localizedPrice =
+          this.SubscriptionHelper.generateInitialLocalizedGroupPrice(
+            'CHF',
+            'fr'
+          )
+
+        expect(localizedPrice).to.deep.equal({
+          price: {
+            collaborator: '10 CHF',
+            professional: '100 CHF',
+          },
+          pricePerUser: {
+            collaborator: '5 CHF',
+            professional: '50 CHF',
+          },
+          pricePerUserPerMonth: {
+            collaborator: '0,45 CHF',
+            professional: '4,20 CHF',
+          },
+        })
+      })
+    })
+
+    describe('DKK currency', function () {
+      it('should return the correct localized price for every plan', function () {
+        const localizedPrice =
+          this.SubscriptionHelper.generateInitialLocalizedGroupPrice(
+            'DKK',
+            'da'
+          )
+
+        expect(localizedPrice).to.deep.equal({
+          price: {
+            collaborator: '20 kr.',
+            professional: '200 kr.',
+          },
+          pricePerUser: {
+            collaborator: '10 kr.',
+            professional: '100 kr.',
+          },
+          pricePerUserPerMonth: {
+            collaborator: '0,85 kr.',
+            professional: '8,35 kr.',
+          },
+        })
+      })
+    })
+
+    describe('SEK currency', function () {
+      it('should return the correct localized price for every plan', function () {
+        const localizedPrice =
+          this.SubscriptionHelper.generateInitialLocalizedGroupPrice(
+            'SEK',
+            'sv'
+          )
+
+        expect(localizedPrice).to.deep.equal({
+          price: {
+            collaborator: '30 kr',
+            professional: '300 kr',
+          },
+          pricePerUser: {
+            collaborator: '15 kr',
+            professional: '150 kr',
+          },
+          pricePerUserPerMonth: {
+            collaborator: '1,25 kr',
+            professional: '12,50 kr',
+          },
+        })
+      })
+    })
+
+    describe('NOK currency', function () {
+      it('should return the correct localized price for every plan', function () {
+        const localizedPrice =
+          this.SubscriptionHelper.generateInitialLocalizedGroupPrice(
+            'NOK',
+            // there seem to be possible inconsistencies with the CI
+            // maybe it depends on what languages are installed on the server?
+            'en'
+          )
+
+        expect(localizedPrice).to.deep.equal({
+          price: {
+            collaborator: 'kr 40',
+            professional: 'kr 400',
+          },
+          pricePerUser: {
+            collaborator: 'kr 20',
+            professional: 'kr 200',
+          },
+          pricePerUserPerMonth: {
+            collaborator: 'kr 1.70',
+            professional: 'kr 16.70',
+          },
+        })
+      })
+    })
+
+    describe('other supported currencies', function () {
+      it('should return the correct localized price for every plan', function () {
+        const localizedPrice =
+          this.SubscriptionHelper.generateInitialLocalizedGroupPrice(
+            'USD',
+            'en'
+          )
+
+        expect(localizedPrice).to.deep.equal({
+          price: {
+            collaborator: '$50',
+            professional: '$500',
+          },
+          pricePerUser: {
+            collaborator: '$25',
+            professional: '$250',
+          },
+          pricePerUserPerMonth: {
+            collaborator: '$2.10',
+            professional: '$20.85',
+          },
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/SubscriptionLocatorTests.js b/services/web/test/unit/src/Subscription/SubscriptionLocatorTests.js
new file mode 100644
index 0000000..f66eda5
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/SubscriptionLocatorTests.js
@@ -0,0 +1,80 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const modulePath =
+  '../../../../app/src/Features/Subscription/SubscriptionLocator'
+const { expect } = require('chai')
+
+describe('Subscription Locator Tests', function () {
+  beforeEach(function () {
+    this.user = { _id: '5208dd34438842e2db333333' }
+    this.subscription = { hello: 'world' }
+    this.Subscription = {
+      findOne: sinon.stub().returns({
+        exec: sinon.stub().resolves(),
+      }),
+      find: sinon.stub().returns({
+        exec: sinon.stub().resolves(),
+      }),
+    }
+    this.DeletedSubscription = {
+      findOne: sinon.stub().returns({
+        exec: sinon.stub().resolves(),
+      }),
+      find: sinon.stub().returns({
+        exec: sinon.stub().resolves(),
+      }),
+    }
+
+    this.SubscriptionLocator = SandboxedModule.require(modulePath, {
+      requires: {
+        './GroupPlansData': {},
+        '../../models/Subscription': {
+          Subscription: this.Subscription,
+        },
+        '../../models/DeletedSubscription': {
+          DeletedSubscription: this.DeletedSubscription,
+        },
+        '../../models/SSOConfig': {
+          SSOConfig: this.SSOConfig,
+        },
+      },
+    })
+  })
+
+  describe('finding users subscription', function () {
+    it('should send the users features', async function () {
+      this.Subscription.findOne.returns({
+        exec: sinon.stub().resolves(this.subscription),
+      })
+      const subscription =
+        await this.SubscriptionLocator.promises.getUsersSubscription(this.user)
+      this.Subscription.findOne
+        .calledWith({ admin_id: this.user._id })
+        .should.equal(true)
+      subscription.should.equal(this.subscription)
+    })
+
+    it('should error if not found', async function () {
+      this.Subscription.findOne.returns({
+        exec: sinon.stub().rejects('not found'),
+      })
+      await expect(
+        this.SubscriptionLocator.promises.getUsersSubscription(this.user)
+      ).to.be.rejected
+    })
+
+    it('should take a user id rather than the user object', async function () {
+      this.Subscription.findOne.returns({
+        exec: sinon.stub().resolves(this.subscription),
+      })
+      const subscription =
+        await this.SubscriptionLocator.promises.getUsersSubscription(
+          this.user._id
+        )
+      this.Subscription.findOne
+        .calledWith({ admin_id: this.user._id })
+        .should.equal(true)
+      subscription.should.equal(this.subscription)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/SubscriptionUpdaterTests.js b/services/web/test/unit/src/Subscription/SubscriptionUpdaterTests.js
new file mode 100644
index 0000000..666f7ff
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/SubscriptionUpdaterTests.js
@@ -0,0 +1,804 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const modulePath =
+  '../../../../app/src/Features/Subscription/SubscriptionUpdater'
+const { assert, expect } = require('chai')
+const { ObjectId } = require('mongodb-legacy')
+
+describe('SubscriptionUpdater', function () {
+  beforeEach(function () {
+    this.recurlyPlan = { planCode: 'recurly-plan' }
+    this.recurlySubscription = {
+      uuid: '1238uoijdasjhd',
+      plan: {
+        plan_code: this.recurlyPlan.planCode,
+      },
+    }
+
+    this.adminUser = { _id: (this.adminuser_id = '5208dd34438843e2db000007') }
+    this.otherUserId = '5208dd34438842e2db000005'
+    this.allUserIds = ['13213', 'dsadas', 'djsaiud89']
+    this.subscription = {
+      _id: '111111111111111111111111',
+      admin_id: this.adminUser._id,
+      manager_ids: [this.adminUser._id],
+      member_ids: [],
+      save: sinon.stub().resolves(),
+      planCode: 'student_or_something',
+      recurlySubscription_id: 'abc123def456fab789',
+    }
+    this.user_id = this.adminuser_id
+
+    this.groupSubscription = {
+      _id: '222222222222222222222222',
+      admin_id: this.adminUser._id,
+      manager_ids: [this.adminUser._id],
+      member_ids: this.allUserIds,
+      save: sinon.stub().resolves(),
+      groupPlan: true,
+      planCode: 'group_subscription',
+      recurlySubscription_id: '456fab789abc123def',
+    }
+    this.betterGroupSubscription = {
+      _id: '999999999999999999999999',
+      admin_id: this.adminUser._id,
+      manager_ids: [this.adminUser._id],
+      member_ids: [this.otherUserId],
+      save: sinon.stub().resolves(),
+      groupPlan: true,
+      planCode: 'better_group_subscription',
+      recurlySubscription_id: '123def456fab789abc',
+    }
+
+    const subscription = this.subscription
+    this.SubscriptionModel = class {
+      constructor(opts) {
+        // Always return our mock subscription when creating a new one
+        subscription.admin_id = opts.admin_id
+        subscription.manager_ids = [opts.admin_id]
+        return subscription
+      }
+
+      save() {
+        return Promise.resolve(subscription)
+      }
+    }
+    this.SubscriptionModel.deleteOne = sinon
+      .stub()
+      .returns({ exec: sinon.stub().resolves() })
+    this.SubscriptionModel.updateOne = sinon
+      .stub()
+      .returns({ exec: sinon.stub().resolves() })
+    this.SubscriptionModel.findOne = sinon.stub().resolves()
+    this.SubscriptionModel.updateMany = sinon
+      .stub()
+      .returns({ exec: sinon.stub().resolves() })
+    this.SubscriptionModel.findOneAndUpdate = sinon.stub().returns({
+      exec: sinon.stub().resolves(this.subscription),
+    })
+
+    this.SSOConfigModel = class {}
+    this.SSOConfigModel.findOne = sinon.stub().returns({
+      lean: sinon.stub().returns({
+        exec: sinon.stub().resolves({ enabled: true }),
+      }),
+    })
+
+    this.SubscriptionLocator = {
+      promises: {
+        getUsersSubscription: sinon.stub(),
+        getGroupSubscriptionMemberOf: sinon.stub(),
+        getMemberSubscriptions: sinon.stub().resolves([]),
+        getSubscription: sinon.stub(),
+      },
+    }
+
+    this.SubscriptionLocator.promises.getSubscription
+      .withArgs(this.subscription._id)
+      .resolves(this.subscription)
+
+    this.Settings = {
+      defaultPlanCode: 'personal',
+      defaultFeatures: { default: 'features' },
+      plans: [
+        this.recurlyPlan,
+        { planCode: this.subscription.planCode, features: {} },
+        {
+          planCode: this.groupSubscription.planCode,
+          features: {
+            collaborators: 10,
+            compileTimeout: 60,
+            dropbox: true,
+          },
+        },
+        {
+          planCode: this.betterGroupSubscription.planCode,
+          features: {
+            collaborators: -1,
+            compileTimeout: 240,
+            dropbox: true,
+          },
+        },
+      ],
+    }
+
+    this.UserFeaturesUpdater = {
+      promises: {
+        updateFeatures: sinon.stub().resolves(),
+      },
+    }
+
+    this.ReferalFeatures = {
+      promises: {
+        getBonusFeatures: sinon.stub().resolves(),
+      },
+    }
+
+    this.FeaturesUpdater = {
+      promises: {
+        scheduleRefreshFeatures: sinon.stub().resolves(),
+        refreshFeatures: sinon.stub().resolves({}),
+      },
+    }
+
+    this.DeletedSubscription = {
+      findOneAndUpdate: sinon.stub().returns({ exec: sinon.stub().resolves() }),
+    }
+
+    this.AnalyticsManager = {
+      recordEventForUserInBackground: sinon.stub().resolves(),
+      setUserPropertyForUserInBackground: sinon.stub(),
+      registerAccountMapping: sinon.stub(),
+    }
+
+    this.Features = {
+      hasFeature: sinon.stub().returns(false),
+    }
+
+    this.UserAuditLogHandler = {
+      promises: {
+        addEntry: sinon.stub().resolves(),
+      },
+    }
+
+    this.SubscriptionUpdater = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../models/Subscription': {
+          Subscription: this.SubscriptionModel,
+        },
+        '../../models/SSOConfig': { SSOConfig: this.SSOConfigModel },
+        './UserFeaturesUpdater': this.UserFeaturesUpdater,
+        './SubscriptionLocator': this.SubscriptionLocator,
+        '@overleaf/settings': this.Settings,
+        '../../infrastructure/mongodb': { db: {}, ObjectId },
+        './FeaturesUpdater': this.FeaturesUpdater,
+        '../../models/DeletedSubscription': {
+          DeletedSubscription: this.DeletedSubscription,
+        },
+        '../Analytics/AnalyticsManager': this.AnalyticsManager,
+        '../Analytics/AccountMappingHelper': (this.AccountMappingHelper = {
+          generateSubscriptionToRecurlyMapping: sinon.stub(),
+        }),
+        '../../infrastructure/Features': this.Features,
+        '../User/UserAuditLogHandler': this.UserAuditLogHandler,
+      },
+    })
+  })
+
+  describe('updateAdmin', function () {
+    it('should update the subscription admin', async function () {
+      this.subscription.groupPlan = true
+      await this.SubscriptionUpdater.promises.updateAdmin(
+        this.subscription,
+        this.otherUserId
+      )
+      const query = {
+        _id: new ObjectId(this.subscription._id),
+        customAccount: true,
+      }
+      const update = {
+        $set: { admin_id: new ObjectId(this.otherUserId) },
+        $addToSet: { manager_ids: new ObjectId(this.otherUserId) },
+      }
+      this.SubscriptionModel.updateOne.should.have.been.calledOnce
+      this.SubscriptionModel.updateOne.should.have.been.calledWith(
+        query,
+        update
+      )
+    })
+
+    it('should remove the manager for non-group subscriptions', async function () {
+      await this.SubscriptionUpdater.promises.updateAdmin(
+        this.subscription,
+        this.otherUserId
+      )
+      const query = {
+        _id: new ObjectId(this.subscription._id),
+        customAccount: true,
+      }
+      const update = {
+        $set: {
+          admin_id: new ObjectId(this.otherUserId),
+          manager_ids: [new ObjectId(this.otherUserId)],
+        },
+      }
+      this.SubscriptionModel.updateOne.should.have.been.calledOnce
+      this.SubscriptionModel.updateOne.should.have.been.calledWith(
+        query,
+        update
+      )
+    })
+  })
+
+  describe('syncSubscription', function () {
+    beforeEach(function () {
+      this.SubscriptionLocator.promises.getUsersSubscription.resolves(
+        this.subscription
+      )
+    })
+
+    it('should update the subscription if the user already is admin of one', async function () {
+      await this.SubscriptionUpdater.promises.syncSubscription(
+        this.recurlySubscription,
+        this.adminUser._id
+      )
+      this.SubscriptionLocator.promises.getUsersSubscription
+        .calledWith(this.adminUser._id)
+        .should.equal(true)
+    })
+
+    it('should not call updateFeatures with group subscription if recurly subscription is not expired', async function () {
+      await this.SubscriptionUpdater.promises.syncSubscription(
+        this.recurlySubscription,
+        this.adminUser._id
+      )
+      this.SubscriptionLocator.promises.getUsersSubscription
+        .calledWith(this.adminUser._id)
+        .should.equal(true)
+      this.UserFeaturesUpdater.promises.updateFeatures.called.should.equal(
+        false
+      )
+    })
+  })
+
+  describe('updateSubscriptionFromRecurly', function () {
+    afterEach(function () {
+      this.subscription.member_ids = []
+    })
+
+    it('should update the subscription with token etc when not expired', async function () {
+      await this.SubscriptionUpdater.promises.updateSubscriptionFromRecurly(
+        this.recurlySubscription,
+        this.subscription,
+        {}
+      )
+      this.subscription.recurlySubscription_id.should.equal(
+        this.recurlySubscription.uuid
+      )
+      this.subscription.planCode.should.equal(
+        this.recurlySubscription.plan.plan_code
+      )
+      this.subscription.save.called.should.equal(true)
+      expect(
+        this.FeaturesUpdater.promises.scheduleRefreshFeatures
+      ).to.have.been.calledWith(this.adminUser._id)
+    })
+
+    it('should send a recurly account mapping event', async function () {
+      const createdAt = new Date().toISOString()
+      this.AccountMappingHelper.generateSubscriptionToRecurlyMapping.returns({
+        source: 'recurly',
+        sourceEntity: 'subscription',
+        sourceEntityId: this.recurlySubscription.uuid,
+        target: 'v2',
+        targetEntity: 'subscription',
+        targetEntityId: this.subscription._id,
+        createdAt,
+      })
+      await this.SubscriptionUpdater.promises.updateSubscriptionFromRecurly(
+        this.recurlySubscription,
+        this.subscription,
+        {}
+      )
+      expect(
+        this.AccountMappingHelper.generateSubscriptionToRecurlyMapping
+      ).to.have.been.calledWith(
+        this.subscription._id,
+        this.recurlySubscription.uuid
+      )
+      expect(
+        this.AnalyticsManager.registerAccountMapping
+      ).to.have.been.calledWith({
+        source: 'recurly',
+        sourceEntity: 'subscription',
+        sourceEntityId: this.recurlySubscription.uuid,
+        target: 'v2',
+        targetEntity: 'subscription',
+        targetEntityId: this.subscription._id,
+        createdAt,
+      })
+    })
+
+    it('should remove the subscription when expired', async function () {
+      this.recurlySubscription.state = 'expired'
+      await this.SubscriptionUpdater.promises.updateSubscriptionFromRecurly(
+        this.recurlySubscription,
+        this.subscription,
+        {}
+      )
+      this.SubscriptionModel.deleteOne.should.have.been.calledWith({
+        _id: this.subscription._id,
+      })
+    })
+
+    it('should not remove the subscription when expired if it has Managed Users enabled', async function () {
+      this.Features.hasFeature.withArgs('saas').returns(true)
+      this.subscription.managedUsersEnabled = true
+
+      this.recurlySubscription.state = 'expired'
+      await this.SubscriptionUpdater.promises.updateSubscriptionFromRecurly(
+        this.recurlySubscription,
+        this.subscription,
+        {}
+      )
+      this.SubscriptionModel.deleteOne.should.not.have.been.called
+    })
+
+    it('should not remove the subscription when expired if it has Group SSO enabled', async function () {
+      this.Features.hasFeature.withArgs('saas').returns(true)
+      this.subscription.ssoConfig = new ObjectId('abc123abc123abc123abc123')
+
+      this.recurlySubscription.state = 'expired'
+      await this.SubscriptionUpdater.promises.updateSubscriptionFromRecurly(
+        this.recurlySubscription,
+        this.subscription,
+        {}
+      )
+      this.SubscriptionModel.deleteOne.should.not.have.been.called
+    })
+
+    it('should update all the users features', async function () {
+      this.subscription.member_ids = this.allUserIds
+      await this.SubscriptionUpdater.promises.updateSubscriptionFromRecurly(
+        this.recurlySubscription,
+        this.subscription,
+        {}
+      )
+      expect(
+        this.FeaturesUpdater.promises.scheduleRefreshFeatures
+      ).to.have.been.calledWith(this.adminUser._id)
+      expect(
+        this.FeaturesUpdater.promises.scheduleRefreshFeatures
+      ).to.have.been.calledWith(this.allUserIds[0])
+      expect(
+        this.FeaturesUpdater.promises.scheduleRefreshFeatures
+      ).to.have.been.calledWith(this.allUserIds[1])
+      expect(
+        this.FeaturesUpdater.promises.scheduleRefreshFeatures
+      ).to.have.been.calledWith(this.allUserIds[2])
+    })
+
+    it('should set group to true and save how many members can be added to group', async function () {
+      this.recurlyPlan.groupPlan = true
+      this.recurlyPlan.membersLimit = 5
+      await this.SubscriptionUpdater.promises.updateSubscriptionFromRecurly(
+        this.recurlySubscription,
+        this.subscription,
+        {}
+      )
+      this.subscription.membersLimit.should.equal(5)
+      this.subscription.groupPlan.should.equal(true)
+      this.subscription.member_ids.should.deep.equal([
+        this.subscription.admin_id,
+      ])
+    })
+
+    it('should delete and replace subscription when downgrading from group to individual plan', async function () {
+      this.recurlyPlan.groupPlan = false
+      await this.SubscriptionUpdater.promises.updateSubscriptionFromRecurly(
+        this.recurlySubscription,
+        this.groupSubscription,
+        {}
+      )
+    })
+
+    it('should not set group to true or set groupPlan', async function () {
+      await this.SubscriptionUpdater.promises.updateSubscriptionFromRecurly(
+        this.recurlySubscription,
+        this.subscription,
+        {}
+      )
+      assert.notEqual(this.subscription.membersLimit, 5)
+      assert.notEqual(this.subscription.groupPlan, true)
+    })
+
+    describe('when the plan allows adding more seats', function () {
+      beforeEach(function () {
+        this.membersLimitAddOn = 'add_on1'
+        this.recurlyPlan.groupPlan = true
+        this.recurlyPlan.membersLimit = 5
+        this.recurlyPlan.membersLimitAddOn = this.membersLimitAddOn
+      })
+
+      function expectMembersLimit(limit) {
+        it('should set the membersLimit accordingly', async function () {
+          await this.SubscriptionUpdater.promises.updateSubscriptionFromRecurly(
+            this.recurlySubscription,
+            this.subscription,
+            {}
+          )
+          expect(this.subscription.membersLimit).to.equal(limit)
+        })
+      }
+
+      describe('when the recurlySubscription does not have add ons', function () {
+        beforeEach(function () {
+          delete this.recurlySubscription.subscription_add_ons
+        })
+        expectMembersLimit(5)
+      })
+
+      describe('when the recurlySubscription has non-matching add ons', function () {
+        beforeEach(function () {
+          this.recurlySubscription.subscription_add_ons = [
+            { add_on_code: 'add_on_99', quantity: 3 },
+          ]
+        })
+        expectMembersLimit(5)
+      })
+
+      describe('when the recurlySubscription has a matching add on', function () {
+        beforeEach(function () {
+          this.recurlySubscription.subscription_add_ons = [
+            { add_on_code: this.membersLimitAddOn, quantity: 10 },
+          ]
+        })
+        expectMembersLimit(15)
+      })
+
+      // NOTE: This is unexpected, but we are going to support it anyways.
+      describe('when the recurlySubscription has multiple matching add ons', function () {
+        beforeEach(function () {
+          this.recurlySubscription.subscription_add_ons = [
+            { add_on_code: this.membersLimitAddOn, quantity: 10 },
+            { add_on_code: this.membersLimitAddOn, quantity: 3 },
+          ]
+        })
+        expectMembersLimit(18)
+      })
+    })
+  })
+
+  describe('addUserToGroup', function () {
+    it('should add the user ids to the group as a set', async function () {
+      this.SubscriptionModel.findOne = sinon
+        .stub()
+        .resolves(this.groupSubscription)
+
+      await this.SubscriptionUpdater.promises.addUserToGroup(
+        this.groupSubscription._id,
+        this.otherUserId
+      )
+      const searchOps = { _id: this.groupSubscription._id }
+      const insertOperation = {
+        $addToSet: { member_ids: this.otherUserId },
+      }
+      this.SubscriptionModel.updateOne
+        .calledWith(searchOps, insertOperation)
+        .should.equal(true)
+      sinon.assert.calledWith(
+        this.AnalyticsManager.recordEventForUserInBackground,
+        this.otherUserId,
+        'group-subscription-joined',
+        {
+          groupId: this.groupSubscription._id,
+          subscriptionId: this.groupSubscription.recurlySubscription_id,
+        }
+      )
+    })
+
+    it('should update the users features', async function () {
+      await this.SubscriptionUpdater.promises.addUserToGroup(
+        this.subscription._id,
+        this.otherUserId
+      )
+      this.FeaturesUpdater.promises.refreshFeatures
+        .calledWith(this.otherUserId)
+        .should.equal(true)
+    })
+
+    it('should set the group plan code user property to the best plan with 1 group subscription', async function () {
+      this.SubscriptionLocator.promises.getMemberSubscriptions
+        .withArgs(this.otherUserId)
+        .resolves([this.groupSubscription])
+      await this.SubscriptionUpdater.promises.addUserToGroup(
+        this.groupSubscription._id,
+        this.otherUserId
+      )
+      sinon.assert.calledWith(
+        this.AnalyticsManager.setUserPropertyForUserInBackground,
+        this.otherUserId,
+        'group-subscription-plan-code',
+        'group_subscription'
+      )
+    })
+
+    it('should set the group plan code user property to the best plan with 2 group subscriptions', async function () {
+      this.SubscriptionLocator.promises.getMemberSubscriptions
+        .withArgs(this.otherUserId)
+        .resolves([this.groupSubscription, this.betterGroupSubscription])
+      await this.SubscriptionUpdater.promises.addUserToGroup(
+        this.betterGroupSubscription._id,
+        this.otherUserId
+      )
+      sinon.assert.calledWith(
+        this.AnalyticsManager.setUserPropertyForUserInBackground,
+        this.otherUserId,
+        'group-subscription-plan-code',
+        'better_group_subscription'
+      )
+    })
+
+    it('should set the group plan code user property to the best plan with 2 group subscriptions in reverse order', async function () {
+      this.SubscriptionLocator.promises.getMemberSubscriptions
+        .withArgs(this.otherUserId)
+        .resolves([this.betterGroupSubscription, this.groupSubscription])
+      await this.SubscriptionUpdater.promises.addUserToGroup(
+        this.betterGroupSubscription._id,
+        this.otherUserId
+      )
+      sinon.assert.calledWith(
+        this.AnalyticsManager.setUserPropertyForUserInBackground,
+        this.otherUserId,
+        'group-subscription-plan-code',
+        'better_group_subscription'
+      )
+    })
+
+    it('should add an entry to the user audit log when joining a group', async function () {
+      await this.SubscriptionUpdater.promises.addUserToGroup(
+        this.subscription._id,
+        this.otherUserId
+      )
+      sinon.assert.calledWith(
+        this.UserAuditLogHandler.promises.addEntry,
+        this.otherUserId,
+        'join-group-subscription',
+        undefined,
+        undefined,
+        {
+          subscriptionId: this.subscription._id,
+        }
+      )
+    })
+  })
+
+  describe('removeUserFromGroup', function () {
+    beforeEach(function () {
+      this.fakeSubscriptions = [
+        {
+          _id: 'fake-id-1',
+        },
+        {
+          _id: 'fake-id-2',
+        },
+      ]
+      this.SubscriptionModel.findOne.resolves(this.groupSubscription)
+      this.SubscriptionLocator.promises.getMemberSubscriptions.resolves(
+        this.fakeSubscriptions
+      )
+    })
+
+    it('should pull the users id from the group', async function () {
+      await this.SubscriptionUpdater.promises.removeUserFromGroup(
+        this.subscription._id,
+        this.otherUserId
+      )
+      const removeOperation = { $pull: { member_ids: this.otherUserId } }
+      this.SubscriptionModel.updateOne
+        .calledWith({ _id: this.subscription._id }, removeOperation)
+        .should.equal(true)
+    })
+
+    it('should send a group-subscription-left event', async function () {
+      await this.SubscriptionUpdater.promises.removeUserFromGroup(
+        this.groupSubscription._id,
+        this.otherUserId
+      )
+      sinon.assert.calledWith(
+        this.AnalyticsManager.recordEventForUserInBackground,
+        this.otherUserId,
+        'group-subscription-left',
+        {
+          groupId: this.groupSubscription._id,
+          subscriptionId: this.groupSubscription.recurlySubscription_id,
+        }
+      )
+    })
+
+    it('should set the group plan code user property when removing user from group', async function () {
+      await this.SubscriptionUpdater.promises.removeUserFromGroup(
+        this.subscription._id,
+        this.otherUserId
+      )
+      sinon.assert.calledWith(
+        this.AnalyticsManager.setUserPropertyForUserInBackground,
+        this.otherUserId,
+        'group-subscription-plan-code',
+        null
+      )
+    })
+
+    it('should update the users features', async function () {
+      await this.SubscriptionUpdater.promises.removeUserFromGroup(
+        this.subscription._id,
+        this.otherUserId
+      )
+      this.FeaturesUpdater.promises.refreshFeatures
+        .calledWith(this.otherUserId)
+        .should.equal(true)
+    })
+
+    it('should add an audit log when a user leaves a group', async function () {
+      await this.SubscriptionUpdater.promises.removeUserFromGroup(
+        this.subscription._id,
+        this.otherUserId
+      )
+      sinon.assert.calledWith(
+        this.UserAuditLogHandler.promises.addEntry,
+        this.otherUserId,
+        'leave-group-subscription',
+        undefined,
+        undefined,
+        {
+          subscriptionId: this.subscription._id,
+        }
+      )
+    })
+  })
+
+  describe('removeUserFromAllGroups', function () {
+    beforeEach(function () {
+      this.SubscriptionLocator.promises.getMemberSubscriptions.resolves([
+        {
+          _id: 'fake-id-1',
+        },
+        {
+          _id: 'fake-id-2',
+        },
+      ])
+    })
+
+    it('should set the group plan code user property when removing user from all groups', async function () {
+      await this.SubscriptionUpdater.promises.removeUserFromAllGroups(
+        this.otherUserId
+      )
+      sinon.assert.calledWith(
+        this.AnalyticsManager.setUserPropertyForUserInBackground,
+        this.otherUserId,
+        'group-subscription-plan-code',
+        null
+      )
+    })
+
+    it('should pull the users id from all groups', async function () {
+      await this.SubscriptionUpdater.promises.removeUserFromAllGroups(
+        this.otherUserId
+      )
+      const filter = { _id: ['fake-id-1', 'fake-id-2'] }
+      const removeOperation = { $pull: { member_ids: this.otherUserId } }
+      sinon.assert.calledWith(
+        this.SubscriptionModel.updateMany,
+        filter,
+        removeOperation
+      )
+    })
+
+    it('should send a group-subscription-left event for each group', async function () {
+      this.fakeSub1 = {
+        _id: 'fake-id-1',
+        groupPlan: true,
+        recurlySubscription_id: 'fake-sub-1',
+      }
+      this.fakeSub2 = {
+        _id: 'fake-id-2',
+        groupPlan: true,
+        recurlySubscription_id: 'fake-sub-2',
+      }
+      this.SubscriptionModel.findOne
+        .withArgs(
+          { _id: 'fake-id-1' },
+          { recurlySubscription_id: 1, groupPlan: 1 }
+        )
+        .resolves(this.fakeSub1)
+        .withArgs(
+          { _id: 'fake-id-2' },
+          { recurlySubscription_id: 1, groupPlan: 1 }
+        )
+        .resolves(this.fakeSub2)
+
+      await this.SubscriptionUpdater.promises.removeUserFromAllGroups(
+        this.otherUserId
+      )
+      sinon.assert.calledWith(
+        this.AnalyticsManager.recordEventForUserInBackground,
+        this.otherUserId,
+        'group-subscription-left',
+        {
+          groupId: 'fake-id-1',
+          subscriptionId: 'fake-sub-1',
+        }
+      )
+      sinon.assert.calledWith(
+        this.AnalyticsManager.recordEventForUserInBackground,
+        this.otherUserId,
+        'group-subscription-left',
+        {
+          groupId: 'fake-id-2',
+          subscriptionId: 'fake-sub-2',
+        }
+      )
+    })
+
+    it('should add an audit log entry for each group the user leaves', async function () {
+      await this.SubscriptionUpdater.promises.removeUserFromAllGroups(
+        this.otherUserId
+      )
+      sinon.assert.calledWith(
+        this.UserAuditLogHandler.promises.addEntry,
+        this.otherUserId,
+        'leave-group-subscription',
+        undefined,
+        undefined,
+        {
+          subscriptionId: 'fake-id-1',
+        }
+      )
+      sinon.assert.calledWith(
+        this.UserAuditLogHandler.promises.addEntry,
+        this.otherUserId,
+        'leave-group-subscription',
+        undefined,
+        undefined,
+        {
+          subscriptionId: 'fake-id-2',
+        }
+      )
+    })
+  })
+
+  describe('deleteSubscription', function () {
+    beforeEach(async function () {
+      this.subscription = {
+        _id: new ObjectId().toString(),
+        mock: 'subscription',
+        admin_id: new ObjectId(),
+        member_ids: [new ObjectId(), new ObjectId(), new ObjectId()],
+      }
+      await this.SubscriptionUpdater.promises.deleteSubscription(
+        this.subscription,
+        {}
+      )
+    })
+
+    it('should remove the subscription', function () {
+      this.SubscriptionModel.deleteOne
+        .calledWith({ _id: this.subscription._id })
+        .should.equal(true)
+    })
+
+    it('should downgrade the admin_id', function () {
+      expect(
+        this.FeaturesUpdater.promises.scheduleRefreshFeatures
+      ).to.have.been.calledWith(this.subscription.admin_id)
+    })
+
+    it('should downgrade all of the members', function () {
+      for (const userId of this.subscription.member_ids) {
+        expect(
+          this.FeaturesUpdater.promises.scheduleRefreshFeatures
+        ).to.have.been.calledWith(userId)
+      }
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/SubscriptionViewModelBuilderTests.js b/services/web/test/unit/src/Subscription/SubscriptionViewModelBuilderTests.js
new file mode 100644
index 0000000..dbfa775
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/SubscriptionViewModelBuilderTests.js
@@ -0,0 +1,630 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { assert } = require('chai')
+const {
+  PaymentProviderAccount,
+  PaymentProviderSubscription,
+  PaymentProviderSubscriptionAddOn,
+  PaymentProviderSubscriptionChange,
+} = require('../../../../app/src/Features/Subscription/PaymentProviderEntities')
+
+const modulePath =
+  '../../../../app/src/Features/Subscription/SubscriptionViewModelBuilder'
+
+describe('SubscriptionViewModelBuilder', function () {
+  beforeEach(function () {
+    this.user = { _id: '5208dd34438842e2db333333' }
+    this.recurlySubscription_id = '123abc456def'
+    this.planCode = 'collaborator_monthly'
+    this.planFeatures = {
+      compileGroup: 'priority',
+      collaborators: -1,
+      compileTimeout: 240,
+    }
+    this.plan = {
+      planCode: this.planCode,
+      features: this.planFeatures,
+    }
+    this.individualSubscription = {
+      planCode: this.planCode,
+      plan: this.plan,
+      recurlySubscription_id: this.recurlySubscription_id,
+      recurlyStatus: {
+        state: 'active',
+      },
+    }
+    this.paymentRecord = new PaymentProviderSubscription({
+      id: this.recurlySubscription_id,
+      userId: this.user._id,
+      currency: 'EUR',
+      planCode: 'plan-code',
+      planName: 'plan-name',
+      planPrice: 13,
+      addOns: [
+        new PaymentProviderSubscriptionAddOn({
+          code: 'addon-code',
+          name: 'addon name',
+          quantity: 1,
+          unitPrice: 2,
+        }),
+      ],
+      subtotal: 15,
+      taxRate: 0.1,
+      taxAmount: 1.5,
+      total: 16.5,
+      periodStart: new Date('2025-01-20T12:00:00.000Z'),
+      periodEnd: new Date('2025-02-20T12:00:00.000Z'),
+      collectionMethod: 'automatic',
+    })
+
+    this.individualCustomSubscription = {
+      planCode: this.planCode,
+      plan: this.plan,
+      recurlySubscription_id: this.recurlySubscription_id,
+    }
+
+    this.groupPlanCode = 'group_collaborator_monthly'
+    this.groupPlanFeatures = {
+      compileGroup: 'priority',
+      collaborators: 10,
+      compileTimeout: 240,
+    }
+    this.groupPlan = {
+      planCode: this.groupPlanCode,
+      features: this.groupPlanFeatures,
+      membersLimit: 4,
+      membersLimitAddOn: 'additional-license',
+    }
+    this.groupSubscription = {
+      planCode: this.groupPlanCode,
+      plan: this.plan,
+      recurlyStatus: {
+        state: 'active',
+      },
+    }
+
+    this.commonsPlanCode = 'commons_license'
+    this.commonsPlanFeatures = {
+      compileGroup: 'priority',
+      collaborators: '-1',
+      compileTimeout: 240,
+    }
+    this.commonsPlan = {
+      planCode: this.commonsPlanCode,
+      features: this.commonsPlanFeatures,
+    }
+    this.commonsSubscription = {
+      planCode: this.commonsPlanCode,
+      plan: this.commonsPlan,
+      name: 'Digital Science',
+    }
+
+    this.Settings = {
+      institutionPlanCode: this.commonsPlanCode,
+    }
+    this.SubscriptionLocator = {
+      promises: {
+        getUsersSubscription: sinon.stub().resolves(),
+        getMemberSubscriptions: sinon.stub().resolves(),
+      },
+      getUsersSubscription: sinon.stub().yields(),
+      getMemberSubscriptions: sinon.stub().yields(null, []),
+      getManagedGroupSubscriptions: sinon.stub().yields(null, []),
+      findLocalPlanInSettings: sinon.stub(),
+    }
+    this.InstitutionsGetter = {
+      promises: {
+        getCurrentInstitutionsWithLicence: sinon.stub().resolves(),
+      },
+      getCurrentInstitutionsWithLicence: sinon.stub().yields(null, []),
+      getManagedInstitutions: sinon.stub().yields(null, []),
+    }
+    this.InstitutionsManager = {
+      promises: {
+        fetchV1Data: sinon.stub().resolves(),
+      },
+    }
+    this.PublishersGetter = {
+      promises: {
+        fetchV1Data: sinon.stub().resolves(),
+      },
+      getManagedPublishers: sinon.stub().yields(null, []),
+    }
+    this.RecurlyWrapper = {
+      promises: {
+        getSubscription: sinon.stub().resolves(),
+      },
+    }
+    this.SubscriptionUpdater = {
+      promises: {
+        updateSubscriptionFromRecurly: sinon.stub().resolves(),
+      },
+    }
+    this.PlansLocator = {
+      findLocalPlanInSettings: sinon.stub(),
+    }
+    this.SubscriptionViewModelBuilder = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': this.Settings,
+        './SubscriptionLocator': this.SubscriptionLocator,
+        '../Institutions/InstitutionsGetter': this.InstitutionsGetter,
+        '../Institutions/InstitutionsManager': this.InstitutionsManager,
+        './RecurlyWrapper': this.RecurlyWrapper,
+        './SubscriptionUpdater': this.SubscriptionUpdater,
+        './PlansLocator': this.PlansLocator,
+        '../../infrastructure/Modules': (this.Modules = {
+          hooks: {
+            fire: sinon.stub().yields(null, []),
+          },
+        }),
+        './V1SubscriptionManager': {},
+        '../Publishers/PublishersGetter': this.PublishersGetter,
+        './SubscriptionHelper': {},
+      },
+    })
+
+    this.PlansLocator.findLocalPlanInSettings
+      .withArgs(this.planCode)
+      .returns(this.plan)
+      .withArgs(this.groupPlanCode)
+      .returns(this.groupPlan)
+      .withArgs(this.commonsPlanCode)
+      .returns(this.commonsPlan)
+  })
+
+  describe('getBestSubscription', function () {
+    it('should return a free plan when user has no subscription or affiliation', async function () {
+      const usersBestSubscription =
+        await this.SubscriptionViewModelBuilder.promises.getBestSubscription(
+          this.user
+        )
+      assert.deepEqual(usersBestSubscription, { type: 'free' })
+    })
+
+    describe('with a individual subscription only', function () {
+      it('should return a individual subscription when user has non-Recurly one', async function () {
+        this.SubscriptionLocator.promises.getUsersSubscription
+          .withArgs(this.user)
+          .resolves(this.individualCustomSubscription)
+
+        const usersBestSubscription =
+          await this.SubscriptionViewModelBuilder.promises.getBestSubscription(
+            this.user
+          )
+
+        assert.deepEqual(usersBestSubscription, {
+          type: 'individual',
+          subscription: this.individualCustomSubscription,
+          plan: this.plan,
+          remainingTrialDays: -1,
+        })
+      })
+
+      it('should return a individual subscription when user has an active one', async function () {
+        this.SubscriptionLocator.promises.getUsersSubscription
+          .withArgs(this.user)
+          .resolves(this.individualSubscription)
+
+        const usersBestSubscription =
+          await this.SubscriptionViewModelBuilder.promises.getBestSubscription(
+            this.user
+          )
+
+        assert.deepEqual(usersBestSubscription, {
+          type: 'individual',
+          subscription: this.individualSubscription,
+          plan: this.plan,
+          remainingTrialDays: -1,
+        })
+      })
+
+      it('should return a individual subscription with remaining free trial days', async function () {
+        const threeDaysLater = new Date()
+        threeDaysLater.setDate(threeDaysLater.getDate() + 3)
+        this.individualSubscription.recurlyStatus.trialEndsAt = threeDaysLater
+        this.SubscriptionLocator.promises.getUsersSubscription
+          .withArgs(this.user)
+          .resolves(this.individualSubscription)
+
+        const usersBestSubscription =
+          await this.SubscriptionViewModelBuilder.promises.getBestSubscription(
+            this.user
+          )
+
+        assert.deepEqual(usersBestSubscription, {
+          type: 'individual',
+          subscription: this.individualSubscription,
+          plan: this.plan,
+          remainingTrialDays: 3,
+        })
+      })
+
+      it('should return a individual subscription with free trial on last day', async function () {
+        const threeHoursLater = new Date()
+        threeHoursLater.setTime(threeHoursLater.getTime() + 3 * 60 * 60 * 1000)
+        this.individualSubscription.recurlyStatus.trialEndsAt = threeHoursLater
+        this.SubscriptionLocator.promises.getUsersSubscription
+          .withArgs(this.user)
+          .resolves(this.individualSubscription)
+
+        const usersBestSubscription =
+          await this.SubscriptionViewModelBuilder.promises.getBestSubscription(
+            this.user
+          )
+
+        assert.deepEqual(usersBestSubscription, {
+          type: 'individual',
+          subscription: this.individualSubscription,
+          plan: this.plan,
+          remainingTrialDays: 1,
+        })
+      })
+
+      it('should update subscription if recurly data is missing', async function () {
+        this.individualSubscriptionWithoutRecurly = {
+          planCode: this.planCode,
+          plan: this.plan,
+          recurlySubscription_id: this.recurlySubscription_id,
+        }
+        this.paymentRecord = {
+          state: 'active',
+        }
+        this.SubscriptionLocator.promises.getUsersSubscription
+          .withArgs(this.user)
+          .onCall(0)
+          .resolves(this.individualSubscriptionWithoutRecurly)
+          .withArgs(this.user)
+          .onCall(1)
+          .resolves(this.individualSubscription)
+        this.RecurlyWrapper.promises.getSubscription
+          .withArgs(this.individualSubscription.recurlySubscription_id, {
+            includeAccount: true,
+          })
+          .resolves(this.paymentRecord)
+
+        const usersBestSubscription =
+          await this.SubscriptionViewModelBuilder.promises.getBestSubscription(
+            this.user
+          )
+
+        sinon.assert.calledWith(
+          this.RecurlyWrapper.promises.getSubscription,
+          this.individualSubscriptionWithoutRecurly.recurlySubscription_id,
+          { includeAccount: true }
+        )
+        sinon.assert.calledWith(
+          this.SubscriptionUpdater.promises.updateSubscriptionFromRecurly,
+          this.paymentRecord,
+          this.individualSubscriptionWithoutRecurly
+        )
+        assert.deepEqual(usersBestSubscription, {
+          type: 'individual',
+          subscription: this.individualSubscription,
+          plan: this.plan,
+          remainingTrialDays: -1,
+        })
+      })
+    })
+
+    it('should return a group subscription when user has one', async function () {
+      this.SubscriptionLocator.promises.getMemberSubscriptions
+        .withArgs(this.user)
+        .resolves([this.groupSubscription])
+      const usersBestSubscription =
+        await this.SubscriptionViewModelBuilder.promises.getBestSubscription(
+          this.user
+        )
+      assert.deepEqual(usersBestSubscription, {
+        type: 'group',
+        subscription: {},
+        plan: this.groupPlan,
+        remainingTrialDays: -1,
+      })
+    })
+
+    it('should return a group subscription with team name when user has one', async function () {
+      this.SubscriptionLocator.promises.getMemberSubscriptions
+        .withArgs(this.user)
+        .resolves([
+          Object.assign({}, this.groupSubscription, { teamName: 'test team' }),
+        ])
+      const usersBestSubscription =
+        await this.SubscriptionViewModelBuilder.promises.getBestSubscription(
+          this.user
+        )
+      assert.deepEqual(usersBestSubscription, {
+        type: 'group',
+        subscription: { teamName: 'test team' },
+        plan: this.groupPlan,
+        remainingTrialDays: -1,
+      })
+    })
+
+    it('should return a commons subscription when user has an institution affiliation', async function () {
+      this.InstitutionsGetter.promises.getCurrentInstitutionsWithLicence
+        .withArgs(this.user._id)
+        .resolves([this.commonsSubscription])
+
+      const usersBestSubscription =
+        await this.SubscriptionViewModelBuilder.promises.getBestSubscription(
+          this.user
+        )
+
+      assert.deepEqual(usersBestSubscription, {
+        type: 'commons',
+        subscription: this.commonsSubscription,
+        plan: this.commonsPlan,
+      })
+    })
+
+    describe('with multiple subscriptions', function () {
+      beforeEach(function () {
+        this.SubscriptionLocator.promises.getUsersSubscription
+          .withArgs(this.user)
+          .resolves(this.individualSubscription)
+        this.SubscriptionLocator.promises.getMemberSubscriptions
+          .withArgs(this.user)
+          .resolves([this.groupSubscription])
+        this.InstitutionsGetter.promises.getCurrentInstitutionsWithLicence
+          .withArgs(this.user._id)
+          .resolves([this.commonsSubscription])
+      })
+
+      it('should return individual when the individual subscription has the best feature set', async function () {
+        this.commonsPlan.features = {
+          compileGroup: 'standard',
+          collaborators: 1,
+          compileTimeout: 60,
+        }
+
+        const usersBestSubscription =
+          await this.SubscriptionViewModelBuilder.promises.getBestSubscription(
+            this.user
+          )
+
+        assert.deepEqual(usersBestSubscription, {
+          type: 'individual',
+          subscription: this.individualSubscription,
+          plan: this.plan,
+          remainingTrialDays: -1,
+        })
+      })
+
+      it('should return group when the group subscription has the best feature set', async function () {
+        this.plan.features = {
+          compileGroup: 'standard',
+          collaborators: 1,
+          compileTimeout: 60,
+        }
+        this.commonsPlan.features = {
+          compileGroup: 'standard',
+          collaborators: 1,
+          compileTimeout: 60,
+        }
+
+        const usersBestSubscription =
+          await this.SubscriptionViewModelBuilder.promises.getBestSubscription(
+            this.user
+          )
+
+        assert.deepEqual(usersBestSubscription, {
+          type: 'group',
+          subscription: {},
+          plan: this.groupPlan,
+          remainingTrialDays: -1,
+        })
+      })
+
+      it('should return commons when the commons affiliation has the best feature set', async function () {
+        this.plan.features = {
+          compileGroup: 'priority',
+          collaborators: 5,
+          compileTimeout: 240,
+        }
+        this.groupPlan.features = {
+          compileGroup: 'standard',
+          collaborators: 1,
+          compileTimeout: 60,
+        }
+        this.commonsPlan.features = {
+          compileGroup: 'priority',
+          collaborators: -1,
+          compileTimeout: 240,
+        }
+
+        const usersBestSubscription =
+          await this.SubscriptionViewModelBuilder.promises.getBestSubscription(
+            this.user
+          )
+
+        assert.deepEqual(usersBestSubscription, {
+          type: 'commons',
+          subscription: this.commonsSubscription,
+          plan: this.commonsPlan,
+        })
+      })
+
+      it('should return individual with equal feature sets', async function () {
+        this.plan.features = {
+          compileGroup: 'priority',
+          collaborators: -1,
+          compileTimeout: 240,
+        }
+        this.groupPlan.features = {
+          compileGroup: 'priority',
+          collaborators: -1,
+          compileTimeout: 240,
+        }
+        this.commonsPlan.features = {
+          compileGroup: 'priority',
+          collaborators: -1,
+          compileTimeout: 240,
+        }
+
+        const usersBestSubscription =
+          await this.SubscriptionViewModelBuilder.promises.getBestSubscription(
+            this.user
+          )
+
+        assert.deepEqual(usersBestSubscription, {
+          type: 'individual',
+          subscription: this.individualSubscription,
+          plan: this.plan,
+          remainingTrialDays: -1,
+        })
+      })
+
+      it('should return group over commons with equal feature sets', async function () {
+        this.plan.features = {
+          compileGroup: 'standard',
+          collaborators: 1,
+          compileTimeout: 60,
+        }
+        this.groupPlan.features = {
+          compileGroup: 'priority',
+          collaborators: -1,
+          compileTimeout: 240,
+        }
+        this.commonsPlan.features = {
+          compileGroup: 'priority',
+          collaborators: -1,
+          compileTimeout: 240,
+        }
+
+        const usersBestSubscription =
+          await this.SubscriptionViewModelBuilder.promises.getBestSubscription(
+            this.user
+          )
+
+        assert.deepEqual(usersBestSubscription, {
+          type: 'group',
+          subscription: {},
+          plan: this.groupPlan,
+          remainingTrialDays: -1,
+        })
+      })
+    })
+  })
+
+  describe('buildUsersSubscriptionViewModel', function () {
+    describe('with a recurly subscription', function () {
+      it('adds payment data to the personal subscription', async function () {
+        this.SubscriptionLocator.getUsersSubscription.yields(
+          null,
+          this.individualSubscription
+        )
+        this.Modules.hooks.fire
+          .withArgs('getPaymentFromRecord', this.individualSubscription)
+          .yields(null, [
+            {
+              subscription: this.paymentRecord,
+              account: new PaymentProviderAccount({
+                email: 'example@example.com',
+                hasPastDueInvoice: false,
+              }),
+              coupons: [],
+            },
+          ])
+        const result =
+          await this.SubscriptionViewModelBuilder.promises.buildUsersSubscriptionViewModel(
+            this.user
+          )
+        assert.deepEqual(result.personalSubscription.payment, {
+          taxRate: 0.1,
+          billingDetailsLink: '/user/subscription/recurly/billing-details',
+          accountManagementLink:
+            '/user/subscription/recurly/account-management',
+          additionalLicenses: 0,
+          addOns: [
+            {
+              code: 'addon-code',
+              name: 'addon name',
+              quantity: 1,
+              unitPrice: 2,
+              preTaxTotal: 2,
+            },
+          ],
+          totalLicenses: 0,
+          nextPaymentDueAt: 'February 20th, 2025 12:00 PM UTC',
+          nextPaymentDueDate: 'February 20th, 2025',
+          currency: 'EUR',
+          state: 'active',
+          trialEndsAtFormatted: null,
+          trialEndsAt: null,
+          activeCoupons: [],
+          accountEmail: 'example@example.com',
+          hasPastDueInvoice: false,
+          pausedAt: null,
+          remainingPauseCycles: null,
+          displayPrice: '€16.50',
+          planOnlyDisplayPrice: '€14.30',
+          addOnDisplayPricesWithoutAdditionalLicense: {
+            'addon-code': '€2.20',
+          },
+        })
+      })
+
+      it('includes pending changes', async function () {
+        this.SubscriptionLocator.getUsersSubscription.yields(
+          null,
+          this.individualSubscription
+        )
+        this.paymentRecord.pendingChange =
+          new PaymentProviderSubscriptionChange({
+            subscription: this.paymentRecord,
+            nextPlanCode: this.groupPlanCode,
+            nextPlanName: 'Group Collaborator (Annual) 4 licenses',
+            nextPlanPrice: 1400,
+            nextAddOns: [
+              new PaymentProviderSubscriptionAddOn({
+                code: 'additional-license',
+                name: 'additional license',
+                quantity: 8,
+                unitPrice: 24.4,
+              }),
+              new PaymentProviderSubscriptionAddOn({
+                code: 'addon-code',
+                name: 'addon name',
+                quantity: 1,
+                unitPrice: 2,
+              }),
+            ],
+          })
+        this.Modules.hooks.fire
+          .withArgs('getPaymentFromRecord', this.individualSubscription)
+          .yields(null, [
+            {
+              subscription: this.paymentRecord,
+              account: {},
+              coupons: [],
+            },
+          ])
+        const result =
+          await this.SubscriptionViewModelBuilder.promises.buildUsersSubscriptionViewModel(
+            this.user
+          )
+        assert.equal(
+          result.personalSubscription.payment.displayPrice,
+          '€1,756.92'
+        )
+        assert.equal(
+          result.personalSubscription.payment.planOnlyDisplayPrice,
+          '€1,754.72'
+        )
+        assert.deepEqual(
+          result.personalSubscription.payment
+            .addOnDisplayPricesWithoutAdditionalLicense,
+          { 'addon-code': '€2.20' }
+        )
+        assert.equal(
+          result.personalSubscription.payment.pendingAdditionalLicenses,
+          8
+        )
+        assert.equal(
+          result.personalSubscription.payment.pendingTotalLicenses,
+          12
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/TeamInvitesControllerTests.mjs b/services/web/test/unit/src/Subscription/TeamInvitesControllerTests.mjs
new file mode 100644
index 0000000..3a1e8c3
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/TeamInvitesControllerTests.mjs
@@ -0,0 +1,227 @@
+import esmock from 'esmock'
+import sinon from 'sinon'
+import { expect } from 'chai'
+const modulePath =
+  '../../../../app/src/Features/Subscription/TeamInvitesController'
+
+describe('TeamInvitesController', function () {
+  beforeEach(async function () {
+    this.user = { _id: '!@312431', email: 'user@email.com' }
+    this.adminUserId = '123jlkj'
+    this.subscriptionId = '123434325412'
+    this.user_email = 'bob@gmail.com'
+    this.req = {
+      session: {
+        user: {
+          _id: this.adminUserId,
+          email: this.user_email,
+        },
+      },
+      params: {},
+      query: {},
+      ip: '0.0.0.0',
+    }
+
+    this.subscription = {
+      _id: this.subscriptionId,
+    }
+
+    this.TeamInvitesHandler = {
+      promises: {
+        acceptInvite: sinon.stub().resolves(this.subscription),
+        getInvite: sinon.stub().resolves({
+          invite: {
+            email: this.user.email,
+            token: 'token123',
+            inviterName: this.user_email,
+          },
+          subscription: this.subscription,
+        }),
+      },
+    }
+
+    this.SubscriptionLocator = {
+      promises: {
+        hasSSOEnabled: sinon.stub().resolves(true),
+        getUsersSubscription: sinon.stub().resolves(),
+      },
+    }
+    this.ErrorController = { notFound: sinon.stub() }
+
+    this.SessionManager = {
+      getLoggedInUserId(session) {
+        return session.user?._id
+      },
+      getSessionUser(session) {
+        return session.user
+      },
+    }
+
+    this.UserAuditLogHandler = {
+      promises: {
+        addEntry: sinon.stub().resolves(),
+      },
+    }
+    this.UserGetter = {
+      promises: {
+        getUser: sinon.stub().resolves(this.user),
+        getUserByMainEmail: sinon.stub().resolves(this.user),
+        getUserByAnyEmail: sinon.stub().resolves(this.user),
+      },
+    }
+    this.EmailHandler = {
+      sendDeferredEmail: sinon.stub().resolves(),
+    }
+
+    this.RateLimiter = {
+      RateLimiter: class {},
+    }
+
+    this.Controller = await esmock.strict(modulePath, {
+      '../../../../app/src/Features/Subscription/TeamInvitesHandler':
+        this.TeamInvitesHandler,
+      '../../../../app/src/Features/Authentication/SessionManager':
+        this.SessionManager,
+      '../../../../app/src/Features/Subscription/SubscriptionLocator':
+        this.SubscriptionLocator,
+      '../../../../app/src/Features/User/UserAuditLogHandler':
+        this.UserAuditLogHandler,
+      '../../../../app/src/Features/Errors/ErrorController':
+        this.ErrorController,
+      '../../../../app/src/Features/User/UserGetter': this.UserGetter,
+      '../../../../app/src/Features/Email/EmailHandler': this.EmailHandler,
+      '../../../../app/src/infrastructure/RateLimiter': this.RateLimiter,
+      '../../../../app/src/infrastructure/Modules': (this.Modules = {
+        promises: {
+          hooks: {
+            fire: sinon.stub().resolves([]),
+          },
+        },
+      }),
+      '../../../../app/src/Features/SplitTests/SplitTestHandler':
+        (this.SplitTestHandler = {
+          promises: {
+            getAssignment: sinon.stub().resolves({}),
+          },
+        }),
+    })
+  })
+
+  describe('acceptInvite', function () {
+    it('should add an audit log entry', function (done) {
+      this.req.params.token = 'foo'
+      this.req.session.user = this.user
+      const res = {
+        json: () => {
+          sinon.assert.calledWith(
+            this.UserAuditLogHandler.promises.addEntry,
+            this.user._id,
+            'accept-group-invitation',
+            this.user._id,
+            this.req.ip,
+            { subscriptionId: this.subscriptionId }
+          )
+          done()
+        },
+      }
+      this.Controller.acceptInvite(this.req, res)
+    })
+  })
+
+  describe('viewInvite', function () {
+    const req = {
+      params: { token: 'token123' },
+      query: {},
+      session: {
+        user: { _id: 'user123' },
+      },
+    }
+
+    describe('hasIndividualRecurlySubscription', function () {
+      it('is true for personal subscription', function (done) {
+        this.SubscriptionLocator.promises.getUsersSubscription.resolves({
+          recurlySubscription_id: 'subscription123',
+          groupPlan: false,
+        })
+        const res = {
+          render: (template, data) => {
+            expect(data.hasIndividualRecurlySubscription).to.be.true
+            done()
+          },
+        }
+        this.Controller.viewInvite(req, res)
+      })
+
+      it('is true for group subscriptions', function (done) {
+        this.SubscriptionLocator.promises.getUsersSubscription.resolves({
+          recurlySubscription_id: 'subscription123',
+          groupPlan: true,
+        })
+        const res = {
+          render: (template, data) => {
+            expect(data.hasIndividualRecurlySubscription).to.be.false
+            done()
+          },
+        }
+        this.Controller.viewInvite(req, res)
+      })
+
+      it('is false for canceled subscriptions', function (done) {
+        this.SubscriptionLocator.promises.getUsersSubscription.resolves({
+          recurlySubscription_id: 'subscription123',
+          groupPlan: false,
+          recurlyStatus: {
+            state: 'canceled',
+          },
+        })
+        const res = {
+          render: (template, data) => {
+            expect(data.hasIndividualRecurlySubscription).to.be.false
+            done()
+          },
+        }
+        this.Controller.viewInvite(req, res)
+      })
+    })
+
+    describe('when user is logged out', function () {
+      it('renders logged out invite page', function (done) {
+        const res = {
+          render: (template, data) => {
+            expect(template).to.equal('subscriptions/team/invite_logged_out')
+            expect(data.groupSSOActive).to.be.undefined
+            done()
+          },
+        }
+        this.Controller.viewInvite(
+          { params: { token: 'token123' }, session: {} },
+          res
+        )
+      })
+
+      it('includes groupSSOActive flag when the group has SSO enabled', function (done) {
+        this.Modules.promises.hooks.fire = sinon.stub().resolves([true])
+        const res = {
+          render: (template, data) => {
+            expect(data.groupSSOActive).to.be.true
+            done()
+          },
+        }
+        this.Controller.viewInvite(
+          { params: { token: 'token123' }, session: {} },
+          res
+        )
+      })
+    })
+
+    it('renders the view', function (done) {
+      const res = {
+        render: template => {
+          expect(template).to.equal('subscriptions/team/invite')
+          done()
+        },
+      }
+      this.Controller.viewInvite(req, res)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/TeamInvitesHandlerTests.js b/services/web/test/unit/src/Subscription/TeamInvitesHandlerTests.js
new file mode 100644
index 0000000..0b76282
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/TeamInvitesHandlerTests.js
@@ -0,0 +1,601 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath =
+  '../../../../app/src/Features/Subscription/TeamInvitesHandler'
+
+const { ObjectId } = require('mongodb-legacy')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+
+describe('TeamInvitesHandler', function () {
+  beforeEach(function () {
+    this.manager = {
+      _id: '666666',
+      first_name: 'Daenerys',
+      last_name: 'Targaryen',
+      email: 'daenerys@example.com',
+      emails: [{ email: 'daenerys@example.com' }],
+    }
+
+    this.token = 'aaaaaaaaaaaaaaaaaaaaaa'
+
+    this.teamInvite = {
+      email: 'jorah@example.com',
+      token: this.token,
+    }
+    // ensure teamInvite can be converted from Document to Object
+    this.teamInvite.toObject = () => this.teamInvite
+
+    this.subscription = {
+      id: '55153a8014829a865bbf700d',
+      _id: new ObjectId('55153a8014829a865bbf700d'),
+      admin_id: this.manager._id,
+      groupPlan: true,
+      member_ids: [],
+      teamInvites: [this.teamInvite],
+      save: sinon.stub().resolves(),
+    }
+
+    this.SubscriptionLocator = {
+      promises: {
+        getUsersSubscription: sinon.stub(),
+        getSubscription: sinon.stub().resolves(this.subscription),
+      },
+    }
+
+    this.UserGetter = {
+      promises: {
+        getUser: sinon.stub().resolves(),
+        getUserByAnyEmail: sinon.stub().resolves(),
+        getUserByMainEmail: sinon.stub().resolves(),
+      },
+    }
+
+    this.SubscriptionUpdater = {
+      promises: {
+        addUserToGroup: sinon.stub().resolves(),
+      },
+    }
+
+    this.LimitationsManager = {
+      teamHasReachedMemberLimit: sinon.stub().returns(false),
+    }
+
+    this.Subscription = {
+      findOne: sinon.stub().resolves(),
+      updateOne: sinon.stub().resolves(),
+    }
+
+    this.SSOConfig = {
+      findById: sinon.stub().resolves(),
+    }
+
+    this.EmailHandler = {
+      promises: {
+        sendEmail: sinon.stub().resolves(null),
+      },
+    }
+
+    this.newToken = 'bbbbbbbbb'
+
+    this.crypto = {
+      randomBytes: () => {
+        return { toString: sinon.stub().returns(this.newToken) }
+      },
+    }
+
+    this.UserGetter.promises.getUser
+      .withArgs(this.manager._id)
+      .resolves(this.manager)
+    this.UserGetter.promises.getUserByAnyEmail
+      .withArgs(this.manager.email)
+      .resolves(this.manager)
+    this.UserGetter.promises.getUserByMainEmail
+      .withArgs(this.manager.email)
+      .resolves(this.manager)
+
+    this.SubscriptionLocator.promises.getUsersSubscription.resolves(
+      this.subscription
+    )
+
+    this.NotificationsBuilder = {
+      promises: {
+        groupInvitation: sinon.stub().returns({
+          create: sinon.stub().resolves(),
+          read: sinon.stub().resolves(),
+        }),
+      },
+    }
+
+    this.Subscription.findOne.resolves(this.subscription)
+
+    this.TeamInvitesHandler = SandboxedModule.require(modulePath, {
+      requires: {
+        'mongodb-legacy': { ObjectId },
+        crypto: this.crypto,
+        '@overleaf/settings': { siteUrl: 'http://example.com' },
+        '../../models/TeamInvite': { TeamInvite: (this.TeamInvite = {}) },
+        '../../models/Subscription': { Subscription: this.Subscription },
+        '../../models/SSOConfig': { SSOConfig: this.SSOConfig },
+        '../User/UserGetter': this.UserGetter,
+        './SubscriptionLocator': this.SubscriptionLocator,
+        './SubscriptionUpdater': this.SubscriptionUpdater,
+        './LimitationsManager': this.LimitationsManager,
+        '../Email/EmailHandler': this.EmailHandler,
+        '../Notifications/NotificationsBuilder': this.NotificationsBuilder,
+        '../../infrastructure/Modules': (this.Modules = {
+          promises: { hooks: { fire: sinon.stub().resolves() } },
+        }),
+      },
+    })
+  })
+
+  describe('getInvite', function () {
+    it("returns the invite if there's one", function (done) {
+      this.TeamInvitesHandler.getInvite(
+        this.token,
+        (err, invite, subscription) => {
+          expect(err).to.eq(null)
+          expect(invite).to.deep.eq(this.teamInvite)
+          expect(subscription).to.deep.eq(this.subscription)
+          done()
+        }
+      )
+    })
+
+    it("returns teamNotFound if there's none", function (done) {
+      this.Subscription.findOne = sinon.stub().resolves(null)
+
+      this.TeamInvitesHandler.getInvite(
+        this.token,
+        (err, invite, subscription) => {
+          expect(err).to.be.instanceof(Errors.NotFoundError)
+          done()
+        }
+      )
+    })
+  })
+
+  describe('createInvite', function () {
+    it('adds the team invite to the subscription', function (done) {
+      this.TeamInvitesHandler.createInvite(
+        this.manager._id,
+        this.subscription,
+        'John.Snow@example.com',
+        (err, invite) => {
+          expect(err).to.eq(null)
+          expect(invite.token).to.eq(this.newToken)
+          expect(invite.email).to.eq('john.snow@example.com')
+          expect(invite.inviterName).to.eq(
+            'Daenerys Targaryen (daenerys@example.com)'
+          )
+          expect(invite.invite).to.be.true
+          expect(this.subscription.teamInvites).to.deep.include(invite)
+          done()
+        }
+      )
+    })
+
+    it('sends an email', function (done) {
+      this.TeamInvitesHandler.createInvite(
+        this.manager._id,
+        this.subscription,
+        'John.Snow@example.com',
+        (err, invite) => {
+          this.EmailHandler.promises.sendEmail
+            .calledWith(
+              'verifyEmailToJoinTeam',
+              sinon.match({
+                to: 'john.snow@example.com',
+                inviter: this.manager,
+                acceptInviteUrl: `http://example.com/subscription/invites/${this.newToken}/`,
+              })
+            )
+            .should.equal(true)
+          done(err)
+        }
+      )
+    })
+
+    it('refreshes the existing invite if the email has already been invited', function (done) {
+      const originalInvite = Object.assign({}, this.teamInvite)
+
+      this.TeamInvitesHandler.createInvite(
+        this.manager._id,
+        this.subscription,
+        originalInvite.email,
+        (err, invite) => {
+          expect(err).to.eq(null)
+          expect(invite).to.exist
+
+          expect(this.subscription.teamInvites.length).to.eq(1)
+          expect(this.subscription.teamInvites).to.deep.include(invite)
+
+          expect(invite.email).to.eq(originalInvite.email)
+
+          this.subscription.save.calledOnce.should.eq(true)
+
+          done()
+        }
+      )
+    })
+
+    it('removes any legacy invite from the subscription', function (done) {
+      this.TeamInvitesHandler.createInvite(
+        this.manager._id,
+        this.subscription,
+        'John.Snow@example.com',
+        (err, invite) => {
+          this.Subscription.updateOne
+            .calledWith(
+              { _id: new ObjectId('55153a8014829a865bbf700d') },
+              { $pull: { invited_emails: 'john.snow@example.com' } }
+            )
+            .should.eq(true)
+          done(err)
+        }
+      )
+    })
+
+    it('add user to subscription if inviting self', function (done) {
+      this.TeamInvitesHandler.createInvite(
+        this.manager._id,
+        this.subscription,
+        this.manager.email,
+        (err, invite) => {
+          sinon.assert.calledWith(
+            this.SubscriptionUpdater.promises.addUserToGroup,
+            this.subscription._id,
+            this.manager._id
+          )
+          sinon.assert.notCalled(this.subscription.save)
+          expect(invite.token).to.not.exist
+          expect(invite.email).to.eq(this.manager.email)
+          expect(invite.first_name).to.eq(this.manager.first_name)
+          expect(invite.last_name).to.eq(this.manager.last_name)
+          expect(invite.invite).to.be.false
+          done(err)
+        }
+      )
+    })
+
+    it('sends an SSO invite if SSO is enabled and inviting self', function (done) {
+      this.subscription.ssoConfig = new ObjectId('abc123abc123abc123abc123')
+      this.SSOConfig.findById
+        .withArgs(this.subscription.ssoConfig)
+        .resolves({ enabled: true })
+
+      this.TeamInvitesHandler.createInvite(
+        this.manager._id,
+        this.subscription,
+        this.manager.email,
+        (err, invite) => {
+          sinon.assert.calledWith(
+            this.Modules.promises.hooks.fire,
+            'sendGroupSSOReminder',
+            this.manager._id,
+            this.subscription._id
+          )
+          done(err)
+        }
+      )
+    })
+
+    it('does not send an SSO invite if SSO is disabled and inviting self', function (done) {
+      this.subscription.ssoConfig = new ObjectId('abc123abc123abc123abc123')
+      this.SSOConfig.findById
+        .withArgs(this.subscription.ssoConfig)
+        .resolves({ enabled: false })
+
+      this.TeamInvitesHandler.createInvite(
+        this.manager._id,
+        this.subscription,
+        this.manager.email,
+        (err, invite) => {
+          sinon.assert.notCalled(this.Modules.promises.hooks.fire)
+          done(err)
+        }
+      )
+    })
+
+    it('sends a notification if inviting registered user', function (done) {
+      const id = new ObjectId('6a6b3a8014829a865bbf700d')
+      const managedUsersEnabled = false
+
+      this.UserGetter.promises.getUserByMainEmail
+        .withArgs('john.snow@example.com')
+        .resolves({
+          _id: id,
+        })
+
+      this.TeamInvitesHandler.createInvite(
+        this.manager._id,
+        this.subscription,
+        'John.Snow@example.com',
+        (err, invite) => {
+          this.NotificationsBuilder.promises
+            .groupInvitation(
+              id.toString(),
+              this.subscription._id,
+              managedUsersEnabled
+            )
+            .create.calledWith(invite)
+            .should.eq(true)
+          done(err)
+        }
+      )
+    })
+  })
+
+  describe('importInvite', function () {
+    beforeEach(function () {
+      this.sentAt = new Date()
+    })
+
+    it('can imports an invite from v1', function () {
+      this.TeamInvitesHandler.importInvite(
+        this.subscription,
+        'A-Team',
+        'hannibal@a-team.org',
+        'secret',
+        this.sentAt,
+        error => {
+          expect(error).not.to.exist
+
+          this.subscription.save.calledOnce.should.eq(true)
+
+          const invite = this.subscription.teamInvites.find(
+            i => i.email === 'hannibal@a-team.org'
+          )
+          expect(invite.token).to.eq('secret')
+          expect(invite.sentAt).to.eq(this.sentAt)
+        }
+      )
+    })
+  })
+
+  describe('acceptInvite', function () {
+    beforeEach(function () {
+      this.user = {
+        id: '123456789',
+        first_name: 'Tyrion',
+        last_name: 'Lannister',
+        email: 'tyrion@example.com',
+      }
+
+      this.UserGetter.promises.getUserByAnyEmail
+        .withArgs(this.user.email)
+        .resolves(this.user)
+
+      this.subscription.teamInvites.push({
+        email: 'john.snow@example.com',
+        token: 'dddddddd',
+        inviterName: 'Daenerys Targaryen (daenerys@example.com)',
+      })
+    })
+
+    describe('with standard group', function () {
+      it('adds the user to the team', function (done) {
+        this.TeamInvitesHandler.acceptInvite('dddddddd', this.user.id, () => {
+          this.SubscriptionUpdater.promises.addUserToGroup
+            .calledWith(this.subscription._id, this.user.id)
+            .should.eq(true)
+          done()
+        })
+      })
+
+      it('removes the invite from the subscription', function (done) {
+        this.TeamInvitesHandler.acceptInvite('dddddddd', this.user.id, () => {
+          this.Subscription.updateOne
+            .calledWith(
+              { _id: new ObjectId('55153a8014829a865bbf700d') },
+              { $pull: { teamInvites: { email: 'john.snow@example.com' } } }
+            )
+            .should.eq(true)
+          done()
+        })
+      })
+
+      it('removes dashboard notification after they accepted group invitation', function (done) {
+        const managedUsersEnabled = false
+
+        this.TeamInvitesHandler.acceptInvite('dddddddd', this.user.id, () => {
+          sinon.assert.called(
+            this.NotificationsBuilder.promises.groupInvitation(
+              this.user.id,
+              this.subscription._id,
+              managedUsersEnabled
+            ).read
+          )
+          done()
+        })
+      })
+
+      it('should not schedule an SSO invite reminder', function (done) {
+        this.TeamInvitesHandler.acceptInvite('dddddddd', this.user.id, () => {
+          sinon.assert.notCalled(this.Modules.promises.hooks.fire)
+          done()
+        })
+      })
+    })
+
+    describe('with managed group', function () {
+      it('should enroll the group member', function (done) {
+        this.subscription.managedUsersEnabled = true
+
+        this.TeamInvitesHandler.acceptInvite('dddddddd', this.user.id, () => {
+          sinon.assert.calledWith(
+            this.Modules.promises.hooks.fire,
+            'enrollInManagedSubscription',
+            this.user.id,
+            this.subscription
+          )
+          done()
+        })
+      })
+    })
+
+    describe('with group SSO enabled', function () {
+      it('should schedule an SSO invite reminder', function (done) {
+        this.subscription.ssoConfig = 'ssoconfig1'
+        this.SSOConfig.findById
+          .withArgs('ssoconfig1')
+          .resolves({ enabled: true })
+
+        this.TeamInvitesHandler.acceptInvite('dddddddd', this.user.id, () => {
+          sinon.assert.calledWith(
+            this.Modules.promises.hooks.fire,
+            'scheduleGroupSSOReminder',
+            this.user.id,
+            this.subscription._id
+          )
+          done()
+        })
+      })
+    })
+  })
+
+  describe('revokeInvite', function () {
+    it('removes the team invite from the subscription', function (done) {
+      this.TeamInvitesHandler.revokeInvite(
+        this.manager._id,
+        this.subscription,
+        'jorah@example.com',
+        () => {
+          this.Subscription.updateOne
+            .calledWith(
+              { _id: new ObjectId('55153a8014829a865bbf700d') },
+              { $pull: { teamInvites: { email: 'jorah@example.com' } } }
+            )
+            .should.eq(true)
+
+          this.Subscription.updateOne
+            .calledWith(
+              { _id: new ObjectId('55153a8014829a865bbf700d') },
+              { $pull: { invited_emails: 'jorah@example.com' } }
+            )
+            .should.eq(true)
+          done()
+        }
+      )
+    })
+
+    it('removes dashboard notification for pending group invitation', function (done) {
+      const managedUsersEnabled = false
+
+      const pendingUser = {
+        id: '1a2b',
+        email: 'tyrion@example.com',
+      }
+
+      this.UserGetter.promises.getUserByAnyEmail
+        .withArgs(pendingUser.email)
+        .resolves(pendingUser)
+
+      this.TeamInvitesHandler.revokeInvite(
+        this.manager._id,
+        this.subscription,
+        pendingUser.email,
+        () => {
+          sinon.assert.called(
+            this.NotificationsBuilder.promises.groupInvitation(
+              pendingUser.id,
+              this.subscription._id,
+              managedUsersEnabled
+            ).read
+          )
+
+          done()
+        }
+      )
+    })
+  })
+
+  describe('createTeamInvitesForLegacyInvitedEmail', function (done) {
+    beforeEach(function () {
+      this.subscription.invited_emails = [
+        'eddard@example.com',
+        'robert@example.com',
+      ]
+      this.TeamInvitesHandler.createInvite = sinon.stub().resolves(null)
+      this.SubscriptionLocator.promises.getGroupsWithEmailInvite = sinon
+        .stub()
+        .resolves([this.subscription])
+    })
+
+    it('sends an invitation email to addresses in the legacy invited_emails field', function (done) {
+      this.TeamInvitesHandler.createTeamInvitesForLegacyInvitedEmail(
+        'eddard@example.com',
+        (err, invites) => {
+          expect(err).not.to.exist
+          expect(invites.length).to.eq(1)
+
+          const [invite] = invites
+          expect(invite.token).to.eq(this.newToken)
+          expect(invite.email).to.eq('eddard@example.com')
+          expect(invite.inviterName).to.eq(
+            'Daenerys Targaryen (daenerys@example.com)'
+          )
+          expect(invite.invite).to.be.true
+          expect(this.subscription.teamInvites).to.deep.include(invite)
+
+          done()
+        }
+      )
+    })
+  })
+
+  describe('validation', function () {
+    it("doesn't create an invite if the team limit has been reached", function (done) {
+      this.LimitationsManager.teamHasReachedMemberLimit = sinon
+        .stub()
+        .returns(true)
+      this.TeamInvitesHandler.createInvite(
+        this.manager._id,
+        this.subscription,
+        'John.Snow@example.com',
+        (err, invite) => {
+          expect(err).to.deep.equal({ limitReached: true })
+          done()
+        }
+      )
+    })
+
+    it("doesn't create an invite if the subscription is not in a group plan", function (done) {
+      this.subscription.groupPlan = false
+      this.TeamInvitesHandler.createInvite(
+        this.manager._id,
+        this.subscription,
+        'John.Snow@example.com',
+        (err, invite) => {
+          expect(err).to.deep.equal({ wrongPlan: true })
+          done()
+        }
+      )
+    })
+
+    it("doesn't create an invite if the user is already part of the team", function (done) {
+      const member = {
+        id: '1a2b',
+        _id: '1a2b',
+        email: 'tyrion@example.com',
+      }
+
+      this.subscription.member_ids = [member.id]
+      this.UserGetter.promises.getUserByAnyEmail
+        .withArgs(member.email)
+        .resolves(member)
+
+      this.TeamInvitesHandler.createInvite(
+        this.manager._id,
+        this.subscription,
+        'tyrion@example.com',
+        (err, invite) => {
+          expect(err).to.deep.equal({ alreadyInTeam: true })
+          expect(invite).not.to.exist
+          done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/UserFeaturesUpdaterTests.js b/services/web/test/unit/src/Subscription/UserFeaturesUpdaterTests.js
new file mode 100644
index 0000000..0f0b15b
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/UserFeaturesUpdaterTests.js
@@ -0,0 +1,97 @@
+const SandboxedModule = require('sandboxed-module')
+const { expect } = require('chai')
+const sinon = require('sinon')
+const modulePath =
+  '../../../../app/src/Features/Subscription/UserFeaturesUpdater'
+
+describe('UserFeaturesUpdater', function () {
+  beforeEach(function () {
+    this.features = {
+      collaborators: 6,
+      dropbox: true,
+      github: true,
+      gitBridge: true,
+      versioning: true,
+      compileTimeout: 180,
+      compileGroup: 'priority',
+      references: true,
+      templates: true,
+      trackChanges: true,
+      referencesSearch: true,
+      zotero: true,
+      mendeley: true,
+      symbolPalette: true,
+    }
+    this.User = {
+      findByIdAndUpdate: sinon.stub().returns({
+        exec: sinon.stub().resolves({ features: this.features }),
+      }),
+    }
+    this.UserFeaturesUpdater = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../models/User': {
+          User: this.User,
+        },
+        '@overleaf/settings': (this.Settings = {}),
+      },
+    })
+  })
+
+  describe('updateFeatures', function () {
+    it('should send the users features', async function () {
+      const userId = '5208dd34438842e2db000005'
+      const update = {
+        versioning: true,
+        collaborators: 10,
+      }
+
+      const { features } =
+        await this.UserFeaturesUpdater.promises.updateFeatures(userId, update)
+
+      const updateArgs = this.User.findByIdAndUpdate.lastCall.args
+      expect(updateArgs[0]).to.deep.equal(userId)
+      expect(Object.keys(updateArgs[1]).length).to.equal(3)
+      expect(updateArgs[1]['features.versioning']).to.equal(update.versioning)
+      expect(updateArgs[1]['features.collaborators']).to.equal(
+        update.collaborators
+      )
+      expect(updateArgs[1].featuresUpdatedAt instanceof Date).to.be.true
+      features.should.deep.equal(update)
+      expect(updateArgs[1].featuresEpoch).to.be.undefined
+    })
+
+    it('should set the featuresEpoch when present', async function () {
+      const userId = '5208dd34438842e2db000005'
+      const update = {
+        versioning: true,
+      }
+      this.Settings.featuresEpoch = 'epoch-1'
+      const { features } =
+        await this.UserFeaturesUpdater.promises.updateFeatures(userId, update)
+
+      const updateArgs = this.User.findByIdAndUpdate.lastCall.args
+      expect(updateArgs[0]).to.deep.equal(userId)
+      expect(Object.keys(updateArgs[1]).length).to.equal(3)
+      expect(updateArgs[1]['features.versioning']).to.equal(update.versioning)
+      expect(updateArgs[1].featuresUpdatedAt instanceof Date).to.be.true
+      features.should.deep.equal(update)
+      expect(updateArgs[1].featuresEpoch).to.equal('epoch-1')
+    })
+  })
+
+  describe('overrideFeatures', function () {
+    it('should send the users features', async function () {
+      const userId = '5208dd34438842e2db000005'
+      const update = Object.assign({}, { mendeley: !this.features.mendeley })
+      const featuresChanged =
+        await this.UserFeaturesUpdater.promises.overrideFeatures(userId, update)
+
+      const updateArgs = this.User.findByIdAndUpdate.lastCall.args
+      expect(updateArgs[0]).to.equal(userId)
+      expect(Object.keys(updateArgs[1]).length).to.equal(2)
+      expect(updateArgs[1].features).to.deep.equal(update)
+      expect(updateArgs[1].featuresUpdatedAt instanceof Date).to.be.true
+      featuresChanged.should.equal(true)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Subscription/V1SusbcriptionManagerTests.js b/services/web/test/unit/src/Subscription/V1SusbcriptionManagerTests.js
new file mode 100644
index 0000000..4e0cece
--- /dev/null
+++ b/services/web/test/unit/src/Subscription/V1SusbcriptionManagerTests.js
@@ -0,0 +1,332 @@
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const modulePath = path.join(
+  __dirname,
+  '../../../../app/src/Features/Subscription/V1SubscriptionManager'
+)
+const sinon = require('sinon')
+const { expect } = require('chai')
+
+describe('V1SubscriptionManager', function () {
+  beforeEach(function () {
+    this.V1SubscriptionManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '../User/UserGetter': (this.UserGetter = {}),
+        '@overleaf/settings': (this.Settings = {
+          apis: {
+            v1: {
+              host: (this.host = 'http://overleaf.example.com'),
+              url: 'v1.url',
+            },
+          },
+          v1GrandfatheredFeaturesUidCutoff: 10,
+          v1GrandfatheredFeatures: {
+            github: true,
+            mendeley: true,
+          },
+        }),
+        requestretry: (this.request = sinon.stub()),
+      },
+    })
+    this.userId = 'abcd'
+    this.v1UserId = 42
+    this.user = {
+      _id: this.userId,
+      email: 'user@example.com',
+      overleaf: {
+        id: this.v1UserId,
+      },
+    }
+  })
+
+  describe('getGrandfatheredFeaturesForV1User', function () {
+    describe('when the user ID is greater than the cutoff', function () {
+      it('should return an empty feature set', function (done) {
+        expect(
+          this.V1SubscriptionManager.getGrandfatheredFeaturesForV1User(100)
+        ).to.eql({})
+        done()
+      })
+    })
+
+    describe('when the user ID is less than the cutoff', function () {
+      it('should return a feature set with grandfathered properties for github and mendeley', function (done) {
+        expect(
+          this.V1SubscriptionManager.getGrandfatheredFeaturesForV1User(1)
+        ).to.eql({
+          github: true,
+          mendeley: true,
+        })
+        done()
+      })
+    })
+  })
+
+  describe('_v1Request', function () {
+    beforeEach(function () {
+      this.UserGetter.getUser = sinon.stub().yields(null, this.user)
+    })
+
+    describe('when v1IdForUser produces an error', function () {
+      beforeEach(function () {
+        this.V1SubscriptionManager.v1IdForUser = sinon
+          .stub()
+          .yields(new Error('woops'))
+        this.call = cb => {
+          this.V1SubscriptionManager._v1Request(
+            this.user_id,
+            {
+              url() {
+                return '/foo'
+              },
+            },
+            cb
+          )
+        }
+      })
+
+      it('should not call request', function (done) {
+        this.call(() => {
+          expect(this.request.callCount).to.equal(0)
+          done()
+        })
+      })
+
+      it('should produce an error', function (done) {
+        this.call((err, planCode) => {
+          expect(err).to.exist
+          done()
+        })
+      })
+    })
+
+    describe('when v1IdForUser does not find a user', function () {
+      beforeEach(function () {
+        this.V1SubscriptionManager.v1IdForUser = sinon.stub().yields(null, null)
+        this.call = cb => {
+          this.V1SubscriptionManager._v1Request(
+            this.user_id,
+            {
+              url() {
+                return '/foo'
+              },
+            },
+            cb
+          )
+        }
+      })
+
+      it('should not call request', function (done) {
+        this.call((err, planCode) => {
+          if (err) return done(err)
+          expect(this.request.callCount).to.equal(0)
+          done()
+        })
+      })
+
+      it('should not error', function (done) {
+        this.call(err => {
+          expect(err).to.not.exist
+          done()
+        })
+      })
+    })
+
+    describe('when the request to v1 fails', function () {
+      beforeEach(function () {
+        this.request.yields(new Error('woops'))
+        this.call = cb => {
+          this.V1SubscriptionManager._v1Request(
+            this.user_id,
+            {
+              url() {
+                return '/foo'
+              },
+            },
+            cb
+          )
+        }
+      })
+
+      it('should produce an error', function (done) {
+        this.call(err => {
+          expect(err).to.exist
+          done()
+        })
+      })
+    })
+
+    describe('when the call succeeds', function () {
+      beforeEach(function () {
+        this.V1SubscriptionManager.v1IdForUser = sinon
+          .stub()
+          .yields(null, this.v1UserId)
+        this.request.yields(null, { statusCode: 200 }, '{}')
+        this.call = cb => {
+          this.V1SubscriptionManager._v1Request(
+            this.user_id,
+            {
+              method: 'GET',
+              url() {
+                return '/foo'
+              },
+            },
+            cb
+          )
+        }
+      })
+
+      it('should not produce an error', function (done) {
+        this.call((err, body, v1Id) => {
+          expect(err).not.to.exist
+          done()
+        })
+      })
+
+      it('should have supplied retry options to request', function (done) {
+        this.call((err, body, v1Id) => {
+          if (err) return done(err)
+          const requestOptions = this.request.lastCall.args[0]
+          expect(requestOptions.url).to.equal('/foo')
+          expect(requestOptions.maxAttempts).to.exist
+          expect(requestOptions.maxAttempts > 0).to.be.true
+          expect(requestOptions.retryDelay).to.exist
+          expect(requestOptions.retryDelay > 0).to.be.true
+          done()
+        })
+      })
+
+      it('should return the v1 user id', function (done) {
+        this.call((err, body, v1Id) => {
+          if (err) return done(err)
+          expect(v1Id).to.equal(this.v1UserId)
+          done()
+        })
+      })
+
+      it('should return the http response body', function (done) {
+        this.call((err, body, v1Id) => {
+          if (err) return done(err)
+          expect(body).to.equal('{}')
+          done()
+        })
+      })
+    })
+
+    describe('when the call returns an http error status code', function () {
+      beforeEach(function () {
+        this.V1SubscriptionManager.v1IdForUser = sinon
+          .stub()
+          .yields(null, this.v1UserId)
+        this.request.yields(null, { statusCode: 500 }, '{}')
+        this.call = cb => {
+          this.V1SubscriptionManager._v1Request(
+            this.user_id,
+            {
+              url() {
+                return '/foo'
+              },
+            },
+            cb
+          )
+        }
+      })
+
+      it('should produce an error', function (done) {
+        this.call((err, body, v1Id) => {
+          expect(err).to.exist
+          done()
+        })
+      })
+    })
+
+    describe('when the call returns an http not-found status code', function () {
+      beforeEach(function () {
+        this.V1SubscriptionManager.v1IdForUser = sinon
+          .stub()
+          .yields(null, this.v1UserId)
+        this.request.yields(null, { statusCode: 404 }, '{}')
+        this.call = cb => {
+          this.V1SubscriptionManager._v1Request(
+            this.user_id,
+            {
+              url() {
+                return '/foo'
+              },
+            },
+            cb
+          )
+        }
+      })
+
+      it('should produce an not-found error', function (done) {
+        this.call((err, body, v1Id) => {
+          expect(err).to.exist
+          expect(err.name).to.equal('NotFoundError')
+          done()
+        })
+      })
+    })
+  })
+
+  describe('v1IdForUser', function () {
+    beforeEach(function () {
+      this.UserGetter.getUser = sinon.stub().yields(null, this.user)
+    })
+
+    describe('when getUser produces an error', function () {
+      beforeEach(function () {
+        this.UserGetter.getUser = sinon.stub().yields(new Error('woops'))
+        this.call = cb => {
+          this.V1SubscriptionManager.v1IdForUser(this.user_id, cb)
+        }
+      })
+
+      it('should produce an error', function (done) {
+        this.call(err => {
+          expect(err).to.exist
+          done()
+        })
+      })
+    })
+
+    describe('when getUser does not find a user', function () {
+      beforeEach(function () {
+        this.UserGetter.getUser = sinon.stub().yields(null, null)
+        this.call = cb => {
+          this.V1SubscriptionManager.v1IdForUser(this.user_id, cb)
+        }
+      })
+
+      it('should not error', function (done) {
+        this.call((err, userId) => {
+          expect(err).to.not.exist
+          done()
+        })
+      })
+    })
+
+    describe('when it works', function () {
+      beforeEach(function () {
+        this.call = cb => {
+          this.V1SubscriptionManager.v1IdForUser(this.user_id, cb)
+        }
+      })
+
+      it('should not error', function (done) {
+        this.call((err, userId) => {
+          expect(err).to.not.exist
+          done()
+        })
+      })
+
+      it('should return the v1 user id', function (done) {
+        this.call((err, userId) => {
+          if (err) return done(err)
+          expect(userId).to.eql(42)
+          done()
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/SystemMessages/SystemMessageManagerTests.js b/services/web/test/unit/src/SystemMessages/SystemMessageManagerTests.js
new file mode 100644
index 0000000..8d542c3
--- /dev/null
+++ b/services/web/test/unit/src/SystemMessages/SystemMessageManagerTests.js
@@ -0,0 +1,50 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const modulePath = require('path').join(
+  __dirname,
+  '../../../../app/src/Features/SystemMessages/SystemMessageManager.js'
+)
+
+describe('SystemMessageManager', function () {
+  beforeEach(function () {
+    this.messages = ['messages-stub']
+    this.SystemMessage = {
+      find: sinon.stub().returns({
+        exec: sinon.stub().resolves(this.messages),
+      }),
+    }
+    this.SystemMessageManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../models/SystemMessage': { SystemMessage: this.SystemMessage },
+      },
+    })
+  })
+
+  it('should look the messages up in the database on import', function () {
+    sinon.assert.called(this.SystemMessage.find)
+  })
+
+  describe('getMessage', function () {
+    beforeEach(function () {
+      this.SystemMessageManager._cachedMessages = this.messages
+      this.result = this.SystemMessageManager.getMessages()
+    })
+
+    it('should return the messages', function () {
+      this.result.should.equal(this.messages)
+    })
+  })
+
+  describe('clearMessages', function () {
+    beforeEach(function () {
+      this.SystemMessage.deleteMany = sinon.stub().returns({
+        exec: sinon.stub().resolves(),
+      })
+      this.SystemMessageManager.promises.clearMessages()
+    })
+
+    it('should remove the messages from the database', function () {
+      this.SystemMessage.deleteMany.calledWith({}).should.equal(true)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Tags/TagsControllerTests.mjs b/services/web/test/unit/src/Tags/TagsControllerTests.mjs
new file mode 100644
index 0000000..4474ba0
--- /dev/null
+++ b/services/web/test/unit/src/Tags/TagsControllerTests.mjs
@@ -0,0 +1,288 @@
+import esmock from 'esmock'
+import sinon from 'sinon'
+import { assert } from 'chai'
+const modulePath = new URL(
+  '../../../../app/src/Features/Tags/TagsController.mjs',
+  import.meta.url
+).pathname
+
+describe('TagsController', function () {
+  const userId = '123nd3ijdks'
+  const projectId = '123njdskj9jlk'
+
+  beforeEach(async function () {
+    this.TagsHandler = {
+      promises: {
+        addProjectToTag: sinon.stub().resolves(),
+        addProjectsToTag: sinon.stub().resolves(),
+        removeProjectFromTag: sinon.stub().resolves(),
+        removeProjectsFromTag: sinon.stub().resolves(),
+        deleteTag: sinon.stub().resolves(),
+        editTag: sinon.stub().resolves(),
+        renameTag: sinon.stub().resolves(),
+        createTag: sinon.stub().resolves(),
+      },
+    }
+    this.SessionManager = {
+      getLoggedInUserId: session => {
+        return session.user._id
+      },
+    }
+    this.TagsController = await esmock.strict(modulePath, {
+      '../../../../app/src/Features/Tags/TagsHandler': this.TagsHandler,
+      '../../../../app/src/Features/Authentication/SessionManager':
+        this.SessionManager,
+    })
+    this.req = {
+      params: {
+        projectId,
+      },
+      session: {
+        user: {
+          _id: userId,
+        },
+      },
+      body: {},
+    }
+
+    this.res = {}
+    this.res.status = sinon.stub().returns(this.res)
+    this.res.end = sinon.stub()
+    this.res.json = sinon.stub()
+  })
+
+  it('get all tags', function (done) {
+    const allTags = [{ name: 'tag', projects: ['123423', '423423'] }]
+    this.TagsHandler.promises.getAllTags = sinon.stub().resolves(allTags)
+    this.TagsController.getAllTags(this.req, {
+      json: body => {
+        body.should.equal(allTags)
+        sinon.assert.calledWith(this.TagsHandler.promises.getAllTags, userId)
+        done()
+        return {
+          end: () => {},
+        }
+      },
+    })
+  })
+
+  describe('create a tag', function (done) {
+    it('without a color', function (done) {
+      this.tag = { mock: 'tag' }
+      this.TagsHandler.promises.createTag = sinon.stub().resolves(this.tag)
+      this.req.session.user._id = this.userId = 'user-id-123'
+      this.req.body = { name: (this.name = 'tag-name') }
+      this.TagsController.createTag(this.req, {
+        json: () => {
+          sinon.assert.calledWith(
+            this.TagsHandler.promises.createTag,
+            this.userId,
+            this.name
+          )
+          done()
+          return {
+            end: () => {},
+          }
+        },
+      })
+    })
+
+    it('with a color', function (done) {
+      this.tag = { mock: 'tag' }
+      this.TagsHandler.promises.createTag = sinon.stub().resolves(this.tag)
+      this.req.session.user._id = this.userId = 'user-id-123'
+      this.req.body = {
+        name: (this.name = 'tag-name'),
+        color: (this.color = '#123456'),
+      }
+      this.TagsController.createTag(this.req, {
+        json: () => {
+          sinon.assert.calledWith(
+            this.TagsHandler.promises.createTag,
+            this.userId,
+            this.name,
+            this.color
+          )
+          done()
+          return {
+            end: () => {},
+          }
+        },
+      })
+    })
+  })
+
+  it('delete a tag', function (done) {
+    this.req.params.tagId = this.tagId = 'tag-id-123'
+    this.req.session.user._id = this.userId = 'user-id-123'
+    this.TagsController.deleteTag(this.req, {
+      status: code => {
+        assert.equal(code, 204)
+        sinon.assert.calledWith(
+          this.TagsHandler.promises.deleteTag,
+          this.userId,
+          this.tagId
+        )
+        done()
+        return {
+          end: () => {},
+        }
+      },
+    })
+  })
+
+  describe('edit a tag', function () {
+    beforeEach(function () {
+      this.req.params.tagId = this.tagId = 'tag-id-123'
+      this.req.session.user._id = this.userId = 'user-id-123'
+    })
+
+    it('with a name and no color', function (done) {
+      this.req.body = {
+        name: (this.name = 'new-name'),
+      }
+      this.TagsController.editTag(this.req, {
+        status: code => {
+          assert.equal(code, 204)
+          sinon.assert.calledWith(
+            this.TagsHandler.promises.editTag,
+            this.userId,
+            this.tagId,
+            this.name
+          )
+          done()
+          return {
+            end: () => {},
+          }
+        },
+      })
+    })
+
+    it('with a name and color', function (done) {
+      this.req.body = {
+        name: (this.name = 'new-name'),
+        color: (this.color = '#FF0011'),
+      }
+      this.TagsController.editTag(this.req, {
+        status: code => {
+          assert.equal(code, 204)
+          sinon.assert.calledWith(
+            this.TagsHandler.promises.editTag,
+            this.userId,
+            this.tagId,
+            this.name,
+            this.color
+          )
+          done()
+          return {
+            end: () => {},
+          }
+        },
+      })
+    })
+
+    it('without a name', function (done) {
+      this.req.body = { name: undefined }
+      this.TagsController.renameTag(this.req, {
+        status: code => {
+          assert.equal(code, 400)
+          sinon.assert.notCalled(this.TagsHandler.promises.renameTag)
+          done()
+          return {
+            end: () => {},
+          }
+        },
+      })
+    })
+  })
+
+  it('add a project to a tag', function (done) {
+    this.req.params.tagId = this.tagId = 'tag-id-123'
+    this.req.params.projectId = this.projectId = 'project-id-123'
+    this.req.session.user._id = this.userId = 'user-id-123'
+    this.TagsController.addProjectToTag(this.req, {
+      status: code => {
+        assert.equal(code, 204)
+        sinon.assert.calledWith(
+          this.TagsHandler.promises.addProjectToTag,
+          this.userId,
+          this.tagId,
+          this.projectId
+        )
+        done()
+        return {
+          end: () => {},
+        }
+      },
+    })
+  })
+
+  it('add projects to a tag', function (done) {
+    this.req.params.tagId = this.tagId = 'tag-id-123'
+    this.req.body.projectIds = this.projectIds = [
+      'project-id-123',
+      'project-id-234',
+    ]
+    this.req.session.user._id = this.userId = 'user-id-123'
+    this.TagsController.addProjectsToTag(this.req, {
+      status: code => {
+        assert.equal(code, 204)
+        sinon.assert.calledWith(
+          this.TagsHandler.promises.addProjectsToTag,
+          this.userId,
+          this.tagId,
+          this.projectIds
+        )
+        done()
+        return {
+          end: () => {},
+        }
+      },
+    })
+  })
+
+  it('remove a project from a tag', function (done) {
+    this.req.params.tagId = this.tagId = 'tag-id-123'
+    this.req.params.projectId = this.projectId = 'project-id-123'
+    this.req.session.user._id = this.userId = 'user-id-123'
+    this.TagsController.removeProjectFromTag(this.req, {
+      status: code => {
+        assert.equal(code, 204)
+        sinon.assert.calledWith(
+          this.TagsHandler.promises.removeProjectFromTag,
+          this.userId,
+          this.tagId,
+          this.projectId
+        )
+        done()
+        return {
+          end: () => {},
+        }
+      },
+    })
+  })
+
+  it('remove projects from a tag', function (done) {
+    this.req.params.tagId = this.tagId = 'tag-id-123'
+    this.req.body.projectIds = this.projectIds = [
+      'project-id-123',
+      'project-id-234',
+    ]
+    this.req.session.user._id = this.userId = 'user-id-123'
+    this.TagsController.removeProjectsFromTag(this.req, {
+      status: code => {
+        assert.equal(code, 204)
+        sinon.assert.calledWith(
+          this.TagsHandler.promises.removeProjectsFromTag,
+          this.userId,
+          this.tagId,
+          this.projectIds
+        )
+        done()
+        return {
+          end: () => {},
+        }
+      },
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Tags/TagsHandlerTests.js b/services/web/test/unit/src/Tags/TagsHandlerTests.js
new file mode 100644
index 0000000..f30a649
--- /dev/null
+++ b/services/web/test/unit/src/Tags/TagsHandlerTests.js
@@ -0,0 +1,377 @@
+const SandboxedModule = require('sandboxed-module')
+const { expect } = require('chai')
+const sinon = require('sinon')
+const { Tag } = require('../helpers/models/Tag')
+const { ObjectId } = require('mongodb-legacy')
+const modulePath = require('path').join(
+  __dirname,
+  '../../../../app/src/Features/Tags/TagsHandler.js'
+)
+
+describe('TagsHandler', function () {
+  beforeEach(function () {
+    this.userId = new ObjectId().toString()
+    this.callback = sinon.stub()
+
+    this.tag = { user_id: this.userId, name: 'some name', color: '#3399CC' }
+    this.tagId = new ObjectId().toString()
+    this.projectId = new ObjectId().toString()
+    this.projectIds = [new ObjectId().toString(), new ObjectId().toString()]
+
+    this.mongodb = { ObjectId }
+    this.TagMock = sinon.mock(Tag)
+
+    this.TagsHandler = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../infrastructure/mongodb': this.mongodb,
+        '../../models/Tag': { Tag },
+      },
+    })
+  })
+
+  describe('finding users tags', function () {
+    it('should find all the documents with that user id', function (done) {
+      const stubbedTags = [{ name: 'tag1' }, { name: 'tag2' }, { name: 'tag3' }]
+      this.TagMock.expects('find')
+        .once()
+        .withArgs({ user_id: this.userId })
+        .resolves(stubbedTags)
+      this.TagsHandler.getAllTags(this.userId, (err, result) => {
+        expect(err).to.not.exist
+        this.TagMock.verify()
+        expect(result).to.deep.equal(stubbedTags)
+        done()
+      })
+    })
+  })
+
+  describe('createTag', function () {
+    describe('when insert succeeds', function () {
+      it('should call insert in mongo', function (done) {
+        this.TagMock.expects('create')
+          .withArgs(this.tag)
+          .once()
+          .resolves(this.tag)
+        this.TagsHandler.createTag(
+          this.tag.user_id,
+          this.tag.name,
+          this.tag.color,
+          (err, resultTag) => {
+            expect(err).to.not.exist
+            this.TagMock.verify()
+            expect(resultTag.user_id).to.equal(this.tag.user_id)
+            expect(resultTag.name).to.equal(this.tag.name)
+            expect(resultTag.color).to.equal(this.tag.color)
+            done()
+          }
+        )
+      })
+    })
+
+    describe('when truncate=true, and tag is too long', function () {
+      it('should truncate the tag name', function (done) {
+        // Expect the tag to end up with this truncated name
+        this.tag.name = 'a comically long tag that will be truncated intern'
+        this.TagMock.expects('create')
+          .withArgs(this.tag)
+          .once()
+          .resolves(this.tag)
+        this.TagsHandler.createTag(
+          this.tag.user_id,
+          // Pass this too-long name
+          'a comically long tag that will be truncated internally and not throw an error',
+          this.tag.color,
+          { truncate: true },
+          (err, resultTag) => {
+            expect(err).to.not.exist
+            expect(resultTag.name).to.equal(this.tag.name)
+            done()
+          }
+        )
+      })
+    })
+
+    describe('when tag is too long', function () {
+      it('should throw an error', function (done) {
+        this.TagsHandler.createTag(
+          this.tag.user_id,
+          'this is a tag that is very very very very very very long',
+          undefined,
+          err => {
+            expect(err.message).to.equal('Exceeded max tag length')
+            done()
+          }
+        )
+      })
+    })
+
+    describe('when insert has duplicate key error error', function () {
+      beforeEach(function () {
+        this.duplicateKeyError = new Error('Duplicate')
+        this.duplicateKeyError.code = 11000
+      })
+
+      it('should get tag with findOne and return that tag', function (done) {
+        this.TagMock.expects('create')
+          .withArgs(this.tag)
+          .once()
+          .throws(this.duplicateKeyError)
+        this.TagMock.expects('findOne')
+          .withArgs({ user_id: this.tag.user_id, name: this.tag.name })
+          .once()
+          .resolves(this.tag)
+        this.TagsHandler.createTag(
+          this.tag.user_id,
+          this.tag.name,
+          this.tag.color,
+          (err, resultTag) => {
+            expect(err).to.not.exist
+            this.TagMock.verify()
+            expect(resultTag.user_id).to.equal(this.tag.user_id)
+            expect(resultTag.name).to.equal(this.tag.name)
+            expect(resultTag.color).to.equal(this.tag.color)
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('addProjectToTag', function () {
+    describe('with a valid tag_id', function () {
+      it('should call update in mongo', function (done) {
+        this.TagMock.expects('findOneAndUpdate')
+          .once()
+          .withArgs(
+            { _id: this.tagId, user_id: this.userId },
+            { $addToSet: { project_ids: this.projectId } }
+          )
+          .resolves()
+        this.TagsHandler.addProjectToTag(
+          this.userId,
+          this.tagId,
+          this.projectId,
+          err => {
+            expect(err).to.not.exist
+            this.TagMock.verify()
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('addProjectsToTag', function () {
+    describe('with a valid tag_id', function () {
+      it('should call update in mongo', function (done) {
+        this.TagMock.expects('findOneAndUpdate')
+          .once()
+          .withArgs(
+            { _id: this.tagId, user_id: this.userId },
+            { $addToSet: { project_ids: { $each: this.projectIds } } }
+          )
+          .resolves()
+        this.TagsHandler.addProjectsToTag(
+          this.userId,
+          this.tagId,
+          this.projectIds,
+          err => {
+            expect(err).to.not.exist
+            this.TagMock.verify()
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('addProjectToTagName', function () {
+    it('should call update in mongo', function (done) {
+      this.TagMock.expects('updateOne')
+        .once()
+        .withArgs(
+          { name: this.tag.name, user_id: this.tag.userId },
+          { $addToSet: { project_ids: this.projectId } },
+          { upsert: true }
+        )
+        .resolves()
+      this.TagsHandler.addProjectToTagName(
+        this.tag.userId,
+        this.tag.name,
+        this.projectId,
+        err => {
+          expect(err).to.not.exist
+          this.TagMock.verify()
+          done()
+        }
+      )
+    })
+  })
+
+  describe('removeProjectFromTag', function () {
+    describe('with a valid tag_id', function () {
+      it('should call update in mongo', function (done) {
+        this.TagMock.expects('updateOne')
+          .once()
+          .withArgs(
+            {
+              _id: this.tagId,
+              user_id: this.userId,
+            },
+            {
+              $pull: { project_ids: this.projectId },
+            }
+          )
+          .resolves()
+        this.TagsHandler.removeProjectFromTag(
+          this.userId,
+          this.tagId,
+          this.projectId,
+          err => {
+            expect(err).to.not.exist
+            this.TagMock.verify()
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('removeProjectsFromTag', function () {
+    describe('with a valid tag_id', function () {
+      it('should call update in mongo', function (done) {
+        this.TagMock.expects('updateOne')
+          .once()
+          .withArgs(
+            {
+              _id: this.tagId,
+              user_id: this.userId,
+            },
+            {
+              $pullAll: { project_ids: this.projectIds },
+            }
+          )
+          .resolves()
+        this.TagsHandler.removeProjectsFromTag(
+          this.userId,
+          this.tagId,
+          this.projectIds,
+          err => {
+            expect(err).to.not.exist
+            this.TagMock.verify()
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('removeProjectFromAllTags', function () {
+    it('should pull the project id from the tag', function (done) {
+      this.TagMock.expects('updateMany')
+        .once()
+        .withArgs(
+          {
+            user_id: this.userId,
+          },
+          {
+            $pull: { project_ids: this.projectId },
+          }
+        )
+        .resolves()
+      this.TagsHandler.removeProjectFromAllTags(
+        this.userId,
+        this.projectId,
+        err => {
+          expect(err).to.not.exist
+          this.TagMock.verify()
+          done()
+        }
+      )
+    })
+  })
+
+  describe('addProjectToTags', function () {
+    it('should add the project id to each tag', function (done) {
+      const tagIds = []
+
+      this.TagMock.expects('updateMany')
+        .once()
+        .withArgs(
+          {
+            user_id: this.userId,
+            _id: { $in: tagIds },
+          },
+          {
+            $addToSet: { project_ids: this.projectId },
+          }
+        )
+        .resolves()
+      this.TagsHandler.addProjectToTags(
+        this.userId,
+        tagIds,
+        this.projectId,
+        (err, result) => {
+          expect(err).to.not.exist
+          this.TagMock.verify()
+          done()
+        }
+      )
+    })
+  })
+
+  describe('deleteTag', function () {
+    describe('with a valid tag_id', function () {
+      it('should call remove in mongo', function (done) {
+        this.TagMock.expects('deleteOne')
+          .once()
+          .withArgs({ _id: this.tagId, user_id: this.userId })
+          .resolves()
+        this.TagsHandler.deleteTag(this.userId, this.tagId, err => {
+          expect(err).to.not.exist
+          this.TagMock.verify()
+          done()
+        })
+      })
+    })
+  })
+
+  describe('renameTag', function () {
+    describe('with a valid tag_id', function () {
+      it('should call remove in mongo', function (done) {
+        this.newName = 'new name'
+        this.TagMock.expects('updateOne')
+          .once()
+          .withArgs(
+            { _id: this.tagId, user_id: this.userId },
+            { $set: { name: this.newName } }
+          )
+          .resolves()
+        this.TagsHandler.renameTag(
+          this.userId,
+          this.tagId,
+          this.newName,
+          err => {
+            expect(err).to.not.exist
+            this.TagMock.verify()
+            done()
+          }
+        )
+      })
+    })
+
+    describe('when tag is too long', function () {
+      it('should throw an error', function (done) {
+        this.TagsHandler.renameTag(
+          this.userId,
+          this.tagId,
+          'this is a tag that is very very very very very very long',
+          err => {
+            expect(err.message).to.equal('Exceeded max tag length')
+            done()
+          }
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Templates/TemplatesControllerTests.js b/services/web/test/unit/src/Templates/TemplatesControllerTests.js
new file mode 100644
index 0000000..911a16a
--- /dev/null
+++ b/services/web/test/unit/src/Templates/TemplatesControllerTests.js
@@ -0,0 +1,103 @@
+const SandboxedModule = require('sandboxed-module')
+const { expect } = require('chai')
+const sinon = require('sinon')
+const ProjectHelper = require('../../../../app/src/Features/Project/ProjectHelper')
+
+const modulePath = '../../../../app/src/Features/Templates/TemplatesController'
+
+describe('TemplatesController', function () {
+  beforeEach(function () {
+    this.user_id = 'user-id'
+    this.TemplatesController = SandboxedModule.require(modulePath, {
+      requires: {
+        '../Project/ProjectHelper': ProjectHelper,
+        '../Authentication/AuthenticationController':
+          (this.AuthenticationController = {
+            getLoggedInUserId: sinon.stub().returns(this.user_id),
+          }),
+        './TemplatesManager': (this.TemplatesManager = {
+          promises: { createProjectFromV1Template: sinon.stub() },
+        }),
+      },
+    })
+    this.next = sinon.stub()
+    this.req = {
+      body: {
+        brandVariationId: 'brand-variation-id',
+        compiler: 'compiler',
+        mainFile: 'main-file',
+        templateId: 'template-id',
+        templateName: 'template-name',
+        templateVersionId: 'template-version-id',
+      },
+      session: {
+        templateData: 'template-data',
+        user: {
+          _id: this.user_id,
+        },
+      },
+    }
+    return (this.res = { redirect: sinon.stub() })
+  })
+
+  describe('createProjectFromV1Template', function () {
+    describe('on success', function () {
+      beforeEach(function () {
+        this.project = { _id: 'project-id' }
+        this.TemplatesManager.promises.createProjectFromV1Template.resolves(
+          this.project
+        )
+        return this.TemplatesController.createProjectFromV1Template(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should call TemplatesManager', function () {
+        return this.TemplatesManager.promises.createProjectFromV1Template.should.have.been.calledWithMatch(
+          'brand-variation-id',
+          'compiler',
+          'main-file',
+          'template-id',
+          'template-name',
+          'template-version-id',
+          'user-id'
+        )
+      })
+
+      it('should redirect to project', function () {
+        return this.res.redirect.should.have.been.calledWith(
+          '/project/project-id'
+        )
+      })
+
+      it('should delete session', function () {
+        return expect(this.req.session.templateData).to.be.undefined
+      })
+    })
+
+    describe('on error', function () {
+      beforeEach(function () {
+        this.TemplatesManager.promises.createProjectFromV1Template.rejects(
+          'error'
+        )
+        return this.TemplatesController.createProjectFromV1Template(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should call next with error', function () {
+        return this.next.should.have.been.calledWithMatch(
+          sinon.match.instanceOf(Error)
+        )
+      })
+
+      it('should not redirect', function () {
+        return this.res.redirect.called.should.equal(false)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Templates/TemplatesManagerTests.js b/services/web/test/unit/src/Templates/TemplatesManagerTests.js
new file mode 100644
index 0000000..2dcf821
--- /dev/null
+++ b/services/web/test/unit/src/Templates/TemplatesManagerTests.js
@@ -0,0 +1,239 @@
+/* eslint-disable
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { RequestFailedError } = require('@overleaf/fetch-utils')
+const { ReadableString } = require('@overleaf/stream-utils')
+
+const modulePath = '../../../../app/src/Features/Templates/TemplatesManager'
+
+describe('TemplatesManager', function () {
+  beforeEach(function () {
+    this.project_id = 'project-id'
+    this.brandVariationId = 'brand-variation-id'
+    this.compiler = 'pdflatex'
+    this.imageName = 'TL2017'
+    this.mainFile = 'main.tex'
+    this.templateId = 'template-id'
+    this.templateName = 'template name'
+    this.templateVersionId = 'template-version-id'
+    this.user_id = 'user-id'
+    this.dumpPath = `${this.dumpFolder}/${this.uuid}`
+    this.callback = sinon.stub()
+    this.pipeline = sinon.stub().callsFake(async (stream, res) => {
+      if (res.callback) res.callback()
+    })
+    this.request = sinon.stub().returns({
+      pipe() {},
+      on() {},
+      response: {
+        statusCode: 200,
+      },
+    })
+    this.fs = {
+      promises: { unlink: sinon.stub() },
+      unlink: sinon.stub(),
+      createWriteStream: sinon.stub().returns({ on: sinon.stub().yields() }),
+    }
+    this.ProjectUploadManager = {
+      promises: {
+        createProjectFromZipArchiveWithName: sinon
+          .stub()
+          .resolves({ _id: this.project_id }),
+      },
+    }
+    this.dumpFolder = 'dump/path'
+    this.ProjectOptionsHandler = {
+      promises: {
+        setCompiler: sinon.stub().resolves(),
+        setImageName: sinon.stub().resolves(),
+        setBrandVariationId: sinon.stub().resolves(),
+      },
+    }
+    this.uuid = '1234'
+    this.ProjectRootDocManager = {
+      promises: {
+        setRootDocFromName: sinon.stub().resolves(),
+      },
+    }
+    this.ProjectDetailsHandler = {
+      getProjectDescription: sinon.stub(),
+      fixProjectName: sinon.stub().returns(this.templateName),
+    }
+    this.Project = { updateOne: sinon.stub().resolves() }
+    this.mockStream = new ReadableString('{}')
+    this.mockResponse = {
+      status: 200,
+      headers: new Headers({
+        'Content-Length': '2',
+        'Content-Type': 'application/json',
+      }),
+    }
+    this.FetchUtils = {
+      fetchJson: sinon.stub(),
+      fetchStreamWithResponse: sinon.stub().resolves({
+        stream: this.mockStream,
+        response: this.mockResponse,
+      }),
+      RequestFailedError,
+    }
+    this.TemplatesManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/fetch-utils': this.FetchUtils,
+        '../Uploads/ProjectUploadManager': this.ProjectUploadManager,
+        '../Project/ProjectOptionsHandler': this.ProjectOptionsHandler,
+        '../Project/ProjectRootDocManager': this.ProjectRootDocManager,
+        '../Project/ProjectDetailsHandler': this.ProjectDetailsHandler,
+        '../Authentication/SessionManager': (this.SessionManager = {
+          getLoggedInUserId: sinon.stub(),
+        }),
+        '@overleaf/settings': {
+          path: {
+            dumpFolder: this.dumpFolder,
+          },
+          siteUrl: (this.siteUrl = 'http://127.0.0.1:3000'),
+          apis: {
+            v1: {
+              url: (this.v1Url = 'http://overleaf.com'),
+              user: 'overleaf',
+              pass: 'password',
+              timeout: 10,
+            },
+          },
+          overleaf: {
+            host: this.v1Url,
+          },
+        },
+        crypto: {
+          randomUUID: () => this.uuid,
+        },
+        request: this.request,
+        fs: this.fs,
+        '../../models/Project': { Project: this.Project },
+        'stream/promises': { pipeline: this.pipeline },
+        '../Compile/ClsiCacheManager': {
+          prepareClsiCache: sinon.stub().rejects(new Error('ignore this')),
+        },
+      },
+    }).promises
+    return (this.zipUrl =
+      '%2Ftemplates%2F52fb86a81ae1e566597a25f6%2Fv%2F4%2Fzip&templateName=Moderncv%20Banking&compiler=pdflatex')
+  })
+
+  describe('createProjectFromV1Template', function () {
+    describe('when all options passed', function () {
+      beforeEach(function () {
+        return this.TemplatesManager.createProjectFromV1Template(
+          this.brandVariationId,
+          this.compiler,
+          this.mainFile,
+          this.templateId,
+          this.templateName,
+          this.templateVersionId,
+          this.user_id,
+          this.imageName
+        )
+      })
+
+      it('should fetch zip from v1 based on template id', function () {
+        return this.FetchUtils.fetchStreamWithResponse.should.have.been.calledWith(
+          `${this.v1Url}/api/v1/overleaf/templates/${this.templateVersionId}`
+        )
+      })
+
+      it('should save temporary file', function () {
+        return this.fs.createWriteStream.should.have.been.calledWith(
+          this.dumpPath
+        )
+      })
+
+      it('should create project', function () {
+        return this.ProjectUploadManager.promises.createProjectFromZipArchiveWithName.should.have.been.calledWithMatch(
+          this.user_id,
+          this.templateName,
+          this.dumpPath,
+          {
+            fromV1TemplateId: this.templateId,
+            fromV1TemplateVersionId: this.templateVersionId,
+          }
+        )
+      })
+
+      it('should unlink file', function () {
+        return this.fs.promises.unlink.should.have.been.calledWith(
+          this.dumpPath
+        )
+      })
+
+      it('should set project options when passed', function () {
+        this.ProjectOptionsHandler.promises.setCompiler.should.have.been.calledWithMatch(
+          this.project_id,
+          this.compiler
+        )
+        this.ProjectOptionsHandler.promises.setImageName.should.have.been.calledWithMatch(
+          this.project_id,
+          this.imageName
+        )
+        this.ProjectRootDocManager.promises.setRootDocFromName.should.have.been.calledWithMatch(
+          this.project_id,
+          this.mainFile
+        )
+        return this.ProjectOptionsHandler.promises.setBrandVariationId.should.have.been.calledWithMatch(
+          this.project_id,
+          this.brandVariationId
+        )
+      })
+
+      it('should update project', function () {
+        return this.Project.updateOne.should.have.been.calledWithMatch(
+          { _id: this.project_id },
+          {
+            fromV1TemplateId: this.templateId,
+            fromV1TemplateVersionId: this.templateVersionId,
+          }
+        )
+      })
+    })
+
+    describe('when some options not set', function () {
+      beforeEach(function () {
+        return this.TemplatesManager.createProjectFromV1Template(
+          null,
+          null,
+          null,
+          this.templateId,
+          this.templateName,
+          this.templateVersionId,
+          this.user_id,
+          null
+        )
+      })
+
+      it('should not set missing project options', function () {
+        this.ProjectOptionsHandler.promises.setCompiler.called.should.equal(
+          false
+        )
+        this.ProjectRootDocManager.promises.setRootDocFromName.called.should.equal(
+          false
+        )
+        this.ProjectOptionsHandler.promises.setBrandVariationId.called.should.equal(
+          false
+        )
+        return this.ProjectOptionsHandler.promises.setImageName.should.have.been.calledWithMatch(
+          this.project_id,
+          'wl_texlive:2018.1'
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/ThirdPartyDataStore/TpdsControllerTests.mjs b/services/web/test/unit/src/ThirdPartyDataStore/TpdsControllerTests.mjs
new file mode 100644
index 0000000..4dd72b1
--- /dev/null
+++ b/services/web/test/unit/src/ThirdPartyDataStore/TpdsControllerTests.mjs
@@ -0,0 +1,510 @@
+import mongodb from 'mongodb-legacy'
+import { expect } from 'chai'
+import esmock from 'esmock'
+import sinon from 'sinon'
+import Errors from '../../../../app/src/Features/Errors/Errors.js'
+import MockResponse from '../helpers/MockResponse.js'
+import MockRequest from '../helpers/MockRequest.js'
+
+const ObjectId = mongodb.ObjectId
+
+const MODULE_PATH =
+  '../../../../app/src/Features/ThirdPartyDataStore/TpdsController.mjs'
+
+describe('TpdsController', function () {
+  beforeEach(async function () {
+    this.metadata = {
+      projectId: new ObjectId(),
+      entityId: new ObjectId(),
+      folderId: new ObjectId(),
+      entityType: 'doc',
+      rev: 2,
+    }
+    this.TpdsUpdateHandler = {
+      promises: {
+        newUpdate: sinon.stub().resolves(this.metadata),
+        deleteUpdate: sinon.stub().resolves(this.metadata.entityId),
+        createFolder: sinon.stub().resolves(),
+      },
+    }
+    this.UpdateMerger = {
+      promises: {
+        mergeUpdate: sinon.stub().resolves(this.metadata),
+        deleteUpdate: sinon.stub().resolves(this.metadata.entityId),
+      },
+    }
+    this.NotificationsBuilder = {
+      tpdsFileLimit: sinon.stub().returns({ create: sinon.stub() }),
+    }
+    this.SessionManager = {
+      getLoggedInUserId: sinon.stub().returns('user-id'),
+    }
+    this.TpdsQueueManager = {
+      promises: {
+        getQueues: sinon.stub().resolves('queues'),
+      },
+    }
+    this.HttpErrorHandler = {
+      conflict: sinon.stub(),
+    }
+
+    this.newProject = { _id: new ObjectId() }
+    this.ProjectCreationHandler = {
+      promises: { createBlankProject: sinon.stub().resolves(this.newProject) },
+    }
+    this.ProjectDetailsHandler = {
+      promises: {
+        generateUniqueName: sinon.stub().resolves('unique'),
+      },
+    }
+    this.TpdsController = await esmock.strict(MODULE_PATH, {
+      '../../../../app/src/Features/ThirdPartyDataStore/TpdsUpdateHandler':
+        this.TpdsUpdateHandler,
+      '../../../../app/src/Features/ThirdPartyDataStore/UpdateMerger':
+        this.UpdateMerger,
+      '../../../../app/src/Features/Notifications/NotificationsBuilder':
+        this.NotificationsBuilder,
+      '../../../../app/src/Features/Authentication/SessionManager':
+        this.SessionManager,
+      '../../../../app/src/Features/Errors/HttpErrorHandler':
+        this.HttpErrorHandler,
+      '../../../../app/src/Features/ThirdPartyDataStore/TpdsQueueManager':
+        this.TpdsQueueManager,
+      '../../../../app/src/Features/Project/ProjectCreationHandler':
+        this.ProjectCreationHandler,
+      '../../../../app/src/Features/Project/ProjectDetailsHandler':
+        this.ProjectDetailsHandler,
+    })
+
+    this.user_id = 'dsad29jlkjas'
+  })
+
+  describe('creating a project', function () {
+    it('should yield the new projects id', function (done) {
+      const res = new MockResponse()
+      const req = new MockRequest()
+      req.params.user_id = this.user_id
+      req.body = { projectName: 'foo' }
+      res.callback = err => {
+        if (err) done(err)
+        expect(res.body).to.equal(
+          JSON.stringify({ projectId: this.newProject._id.toString() })
+        )
+        expect(
+          this.ProjectDetailsHandler.promises.generateUniqueName
+        ).to.have.been.calledWith(this.user_id, 'foo')
+        expect(
+          this.ProjectCreationHandler.promises.createBlankProject
+        ).to.have.been.calledWith(
+          this.user_id,
+          'unique',
+          {},
+          { skipCreatingInTPDS: true }
+        )
+        done()
+      }
+      this.TpdsController.createProject(req, res)
+    })
+  })
+
+  describe('getting an update', function () {
+    beforeEach(function () {
+      this.projectName = 'projectName'
+      this.path = '/here.txt'
+      this.req = {
+        params: {
+          0: `${this.projectName}${this.path}`,
+          user_id: this.user_id,
+          project_id: '',
+        },
+        headers: {
+          'x-update-source': (this.source = 'dropbox'),
+        },
+      }
+    })
+
+    it('should process the update with the update receiver by name', function (done) {
+      const res = {
+        json: payload => {
+          expect(payload).to.deep.equal({
+            status: 'applied',
+            projectId: this.metadata.projectId.toString(),
+            entityId: this.metadata.entityId.toString(),
+            folderId: this.metadata.folderId.toString(),
+            entityType: this.metadata.entityType,
+            rev: this.metadata.rev.toString(),
+          })
+          this.TpdsUpdateHandler.promises.newUpdate
+            .calledWith(
+              this.user_id,
+              '', // projectId
+              this.projectName,
+              this.path,
+              this.req,
+              this.source
+            )
+            .should.equal(true)
+          done()
+        },
+      }
+      this.TpdsController.mergeUpdate(this.req, res)
+    })
+
+    it('should indicate in the response when the update was rejected', function (done) {
+      this.TpdsUpdateHandler.promises.newUpdate.resolves(null)
+      const res = {
+        json: payload => {
+          expect(payload).to.deep.equal({ status: 'rejected' })
+          done()
+        },
+      }
+      this.TpdsController.mergeUpdate(this.req, res)
+    })
+
+    it('should process the update with the update receiver by id', function (done) {
+      const path = '/here.txt'
+      const req = {
+        pause() {},
+        params: { 0: path, user_id: this.user_id, project_id: '123' },
+        session: {
+          destroy() {},
+        },
+        headers: {
+          'x-update-source': (this.source = 'dropbox'),
+        },
+      }
+      const res = {
+        json: () => {
+          this.TpdsUpdateHandler.promises.newUpdate.should.have.been.calledWith(
+            this.user_id,
+            '123',
+            '', // projectName
+            '/here.txt',
+            req,
+            this.source
+          )
+          done()
+        },
+      }
+      this.TpdsController.mergeUpdate(req, res)
+    })
+
+    it('should return a 500 error when the update receiver fails', function (done) {
+      this.TpdsUpdateHandler.promises.newUpdate.rejects(new Error())
+      const res = {
+        json: sinon.stub(),
+      }
+      this.TpdsController.mergeUpdate(this.req, res, err => {
+        expect(err).to.exist
+        expect(res.json).not.to.have.been.called
+        done()
+      })
+    })
+
+    it('should return a 400 error when the project is too big', function (done) {
+      this.TpdsUpdateHandler.promises.newUpdate.rejects({
+        message: 'project_has_too_many_files',
+      })
+      const res = {
+        sendStatus: status => {
+          expect(status).to.equal(400)
+          this.NotificationsBuilder.tpdsFileLimit.should.have.been.calledWith(
+            this.user_id
+          )
+          done()
+        },
+      }
+      this.TpdsController.mergeUpdate(this.req, res)
+    })
+
+    it('should return a 429 error when the update receiver fails due to too many requests error', function (done) {
+      this.TpdsUpdateHandler.promises.newUpdate.rejects(
+        new Errors.TooManyRequestsError('project on cooldown')
+      )
+      const res = {
+        sendStatus: status => {
+          expect(status).to.equal(429)
+          done()
+        },
+      }
+      this.TpdsController.mergeUpdate(this.req, res)
+    })
+  })
+
+  describe('getting a delete update', function () {
+    it('should process the delete with the update receiver by name', function (done) {
+      const path = '/projectName/here.txt'
+      const req = {
+        params: { 0: path, user_id: this.user_id, project_id: '' },
+        session: {
+          destroy() {},
+        },
+        headers: {
+          'x-update-source': (this.source = 'dropbox'),
+        },
+      }
+      const res = {
+        sendStatus: () => {
+          this.TpdsUpdateHandler.promises.deleteUpdate
+            .calledWith(
+              this.user_id,
+              '',
+              'projectName',
+              '/here.txt',
+              this.source
+            )
+            .should.equal(true)
+          done()
+        },
+      }
+      this.TpdsController.deleteUpdate(req, res)
+    })
+
+    it('should process the delete with the update receiver by id', function (done) {
+      const path = '/here.txt'
+      const req = {
+        params: { 0: path, user_id: this.user_id, project_id: '123' },
+        session: {
+          destroy() {},
+        },
+        headers: {
+          'x-update-source': (this.source = 'dropbox'),
+        },
+      }
+      const res = {
+        sendStatus: () => {
+          this.TpdsUpdateHandler.promises.deleteUpdate.should.have.been.calledWith(
+            this.user_id,
+            '123',
+            '', // projectName
+            '/here.txt',
+            this.source
+          )
+          done()
+        },
+      }
+      this.TpdsController.deleteUpdate(req, res)
+    })
+  })
+
+  describe('updateFolder', function () {
+    beforeEach(function () {
+      this.req = {
+        body: { userId: this.user_id, path: '/abc/def/ghi.txt' },
+      }
+      this.res = {
+        json: sinon.stub(),
+      }
+    })
+
+    it("creates a folder if it doesn't exist", function (done) {
+      const metadata = {
+        folderId: new ObjectId(),
+        projectId: new ObjectId(),
+        path: '/def/ghi.txt',
+        parentFolderId: new ObjectId(),
+      }
+      this.TpdsUpdateHandler.promises.createFolder.resolves(metadata)
+      this.res.json.callsFake(body => {
+        expect(body).to.deep.equal({
+          entityId: metadata.folderId.toString(),
+          projectId: metadata.projectId.toString(),
+          path: metadata.path,
+          folderId: metadata.parentFolderId.toString(),
+        })
+        done()
+      })
+      this.TpdsController.updateFolder(this.req, this.res)
+    })
+
+    it('supports top level folders', function (done) {
+      const metadata = {
+        folderId: new ObjectId(),
+        projectId: new ObjectId(),
+        path: '/',
+        parentFolderId: null,
+      }
+      this.TpdsUpdateHandler.promises.createFolder.resolves(metadata)
+      this.res.json.callsFake(body => {
+        expect(body).to.deep.equal({
+          entityId: metadata.folderId.toString(),
+          projectId: metadata.projectId.toString(),
+          path: metadata.path,
+          folderId: null,
+        })
+        done()
+      })
+      this.TpdsController.updateFolder(this.req, this.res)
+    })
+
+    it("returns a 409 if the folder couldn't be created", function (done) {
+      this.TpdsUpdateHandler.promises.createFolder.resolves(null)
+      this.HttpErrorHandler.conflict.callsFake((req, res) => {
+        expect(req).to.equal(this.req)
+        expect(res).to.equal(this.res)
+        done()
+      })
+      this.TpdsController.updateFolder(this.req, this.res)
+    })
+  })
+
+  describe('parseParams', function () {
+    it('should take the project name off the start and replace with slash', function () {
+      const path = 'noSlashHere'
+      const req = { params: { 0: path, user_id: this.user_id } }
+      const result = this.TpdsController.parseParams(req)
+      result.userId.should.equal(this.user_id)
+      result.filePath.should.equal('/')
+      result.projectName.should.equal(path)
+    })
+
+    it('should take the project name off the start and it with no slashes in', function () {
+      const path = '/project/file.tex'
+      const req = { params: { 0: path, user_id: this.user_id } }
+      const result = this.TpdsController.parseParams(req)
+      result.userId.should.equal(this.user_id)
+      result.filePath.should.equal('/file.tex')
+      result.projectName.should.equal('project')
+    })
+
+    it('should take the project name of and return a slash for the file path', function () {
+      const path = '/project_name'
+      const req = { params: { 0: path, user_id: this.user_id } }
+      const result = this.TpdsController.parseParams(req)
+      result.projectName.should.equal('project_name')
+      result.filePath.should.equal('/')
+    })
+  })
+
+  describe('updateProjectContents', function () {
+    beforeEach(async function () {
+      this.req = {
+        params: {
+          0: (this.path = 'chapters/main.tex'),
+          project_id: (this.project_id = 'project-id-123'),
+        },
+        session: {
+          destroy: sinon.stub(),
+        },
+        headers: {
+          'x-update-source': (this.source = 'github'),
+        },
+      }
+
+      this.res = {
+        json: sinon.stub(),
+        sendStatus: sinon.stub(),
+      }
+
+      await this.TpdsController.promises.updateProjectContents(
+        this.req,
+        this.res
+      )
+    })
+
+    it('should merge the update', function () {
+      this.UpdateMerger.promises.mergeUpdate.should.be.calledWith(
+        null,
+        this.project_id,
+        `/${this.path}`,
+        this.req,
+        this.source
+      )
+    })
+
+    it('should return a success', function () {
+      this.res.json.should.be.calledWith({
+        entityId: this.metadata.entityId.toString(),
+        rev: this.metadata.rev,
+      })
+    })
+  })
+
+  describe('deleteProjectContents', function () {
+    beforeEach(async function () {
+      this.req = {
+        params: {
+          0: (this.path = 'chapters/main.tex'),
+          project_id: (this.project_id = 'project-id-123'),
+        },
+        session: {
+          destroy: sinon.stub(),
+        },
+        headers: {
+          'x-update-source': (this.source = 'github'),
+        },
+      }
+      this.res = {
+        sendStatus: sinon.stub(),
+        json: sinon.stub(),
+      }
+
+      await this.TpdsController.promises.deleteProjectContents(
+        this.req,
+        this.res
+      )
+    })
+
+    it('should delete the file', function () {
+      this.UpdateMerger.promises.deleteUpdate.should.be.calledWith(
+        null,
+        this.project_id,
+        `/${this.path}`,
+        this.source
+      )
+    })
+
+    it('should return a success', function () {
+      this.res.json.should.be.calledWith({
+        entityId: this.metadata.entityId,
+      })
+    })
+  })
+
+  describe('getQueues', function () {
+    beforeEach(function () {
+      this.req = {}
+      this.res = { json: sinon.stub() }
+      this.next = sinon.stub()
+    })
+
+    describe('success', function () {
+      beforeEach(function (done) {
+        this.res.json.callsFake(() => {
+          done()
+        })
+        this.TpdsController.getQueues(this.req, this.res, this.next)
+      })
+
+      it('should use userId from session', function () {
+        this.SessionManager.getLoggedInUserId.should.have.been.calledOnce
+        this.TpdsQueueManager.promises.getQueues.should.have.been.calledWith(
+          'user-id'
+        )
+      })
+
+      it('should call json with response', function () {
+        this.res.json.should.have.been.calledWith('queues')
+        this.next.should.not.have.been.called
+      })
+    })
+
+    describe('error', function () {
+      beforeEach(function (done) {
+        this.err = new Error()
+        this.TpdsQueueManager.promises.getQueues = sinon
+          .stub()
+          .rejects(this.err)
+        this.next.callsFake(() => {
+          done()
+        })
+        this.TpdsController.getQueues(this.req, this.res, this.next)
+      })
+
+      it('should call next with error', function () {
+        this.res.json.should.not.have.been.called
+        this.next.should.have.been.calledWith(this.err)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/ThirdPartyDataStore/TpdsProjectFlusherTests.js b/services/web/test/unit/src/ThirdPartyDataStore/TpdsProjectFlusherTests.js
new file mode 100644
index 0000000..95d26e7
--- /dev/null
+++ b/services/web/test/unit/src/ThirdPartyDataStore/TpdsProjectFlusherTests.js
@@ -0,0 +1,267 @@
+const { expect } = require('chai')
+const sinon = require('sinon')
+const SandboxedModule = require('sandboxed-module')
+const { ObjectId } = require('mongodb-legacy')
+const { Project } = require('../helpers/models/Project')
+
+const MODULE_PATH =
+  '../../../../app/src/Features/ThirdPartyDataStore/TpdsProjectFlusher'
+
+describe('TpdsProjectFlusher', function () {
+  beforeEach(function () {
+    this.project = { _id: new ObjectId(), overleaf: { history: { id: 42 } } }
+    this.folder = { _id: new ObjectId() }
+    this.docs = {
+      '/doc/one': {
+        _id: 'mock-doc-1',
+        lines: ['one'],
+        rev: 5,
+        folder: this.folder,
+      },
+      '/doc/two': {
+        _id: 'mock-doc-2',
+        lines: ['two'],
+        rev: 6,
+        folder: this.folder,
+      },
+    }
+    this.files = {
+      '/file/one': {
+        _id: 'mock-file-1',
+        rev: 7,
+        folder: this.folder,
+        hash: 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa',
+      },
+      '/file/two': {
+        _id: 'mock-file-2',
+        rev: 8,
+        folder: this.folder,
+        hash: 'bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb',
+      },
+    }
+    this.DocumentUpdaterHandler = {
+      promises: {
+        flushProjectToMongo: sinon.stub().resolves(),
+      },
+    }
+    this.ProjectGetter = {
+      promises: {
+        getProject: sinon.stub().resolves(this.project),
+      },
+    }
+    this.ProjectEntityHandler = {
+      promises: {
+        getAllDocs: sinon.stub().withArgs(this.project._id).resolves(this.docs),
+        getAllFiles: sinon
+          .stub()
+          .withArgs(this.project._id)
+          .resolves(this.files),
+      },
+    }
+    this.TpdsUpdateSender = {
+      promises: {
+        addDoc: sinon.stub().resolves(),
+        addFile: sinon.stub().resolves(),
+      },
+    }
+    this.ProjectMock = sinon.mock(Project)
+
+    this.TpdsProjectFlusher = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '../DocumentUpdater/DocumentUpdaterHandler':
+          this.DocumentUpdaterHandler,
+        '../Project/ProjectGetter': this.ProjectGetter,
+        '../Project/ProjectEntityHandler': this.ProjectEntityHandler,
+        '../../models/Project': { Project },
+        './TpdsUpdateSender': this.TpdsUpdateSender,
+      },
+    })
+  })
+
+  afterEach(function () {
+    this.ProjectMock.restore()
+  })
+
+  describe('flushProjectToTpds', function () {
+    describe('usually', function () {
+      beforeEach(async function () {
+        await this.TpdsProjectFlusher.promises.flushProjectToTpds(
+          this.project._id
+        )
+      })
+
+      it('should flush the project from the doc updater', function () {
+        expect(
+          this.DocumentUpdaterHandler.promises.flushProjectToMongo
+        ).to.have.been.calledWith(this.project._id)
+      })
+
+      it('should flush each doc to the TPDS', function () {
+        for (const [path, doc] of Object.entries(this.docs)) {
+          expect(this.TpdsUpdateSender.promises.addDoc).to.have.been.calledWith(
+            {
+              projectId: this.project._id,
+              docId: doc._id,
+              projectName: this.project.name,
+              rev: doc.rev,
+              path,
+              folderId: this.folder._id,
+            }
+          )
+        }
+      })
+
+      it('should flush each file to the TPDS', function () {
+        for (const [path, file] of Object.entries(this.files)) {
+          expect(
+            this.TpdsUpdateSender.promises.addFile
+          ).to.have.been.calledWith({
+            projectId: this.project._id,
+            historyId: this.project.overleaf.history.id,
+            fileId: file._id,
+            hash: file.hash,
+            projectName: this.project.name,
+            rev: file.rev,
+            path,
+            folderId: this.folder._id,
+          })
+        }
+      })
+    })
+
+    describe('when a TPDS flush is pending', function () {
+      beforeEach(async function () {
+        this.project.deferredTpdsFlushCounter = 2
+        this.ProjectMock.expects('updateOne')
+          .withArgs(
+            {
+              _id: this.project._id,
+              deferredTpdsFlushCounter: { $lte: 2 },
+            },
+            { $set: { deferredTpdsFlushCounter: 0 } }
+          )
+          .chain('exec')
+          .resolves()
+        await this.TpdsProjectFlusher.promises.flushProjectToTpds(
+          this.project._id
+        )
+      })
+
+      it('resets the deferred flush counter', function () {
+        this.ProjectMock.verify()
+      })
+    })
+  })
+
+  describe('deferProjectFlushToTpds', function () {
+    beforeEach(async function () {
+      this.ProjectMock.expects('updateOne')
+        .withArgs(
+          {
+            _id: this.project._id,
+          },
+          { $inc: { deferredTpdsFlushCounter: 1 } }
+        )
+        .chain('exec')
+        .resolves()
+      await this.TpdsProjectFlusher.promises.deferProjectFlushToTpds(
+        this.project._id
+      )
+    })
+
+    it('increments the deferred flush counter', function () {
+      this.ProjectMock.verify()
+    })
+  })
+
+  describe('flushProjectToTpdsIfNeeded', function () {
+    let cases = [0, undefined]
+    cases.forEach(counterValue => {
+      describe(`when the deferred flush counter is ${counterValue}`, function () {
+        beforeEach(async function () {
+          this.project.deferredTpdsFlushCounter = counterValue
+          await this.TpdsProjectFlusher.promises.flushProjectToTpdsIfNeeded(
+            this.project._id
+          )
+        })
+
+        it("doesn't flush the project from the doc updater", function () {
+          expect(this.DocumentUpdaterHandler.promises.flushProjectToMongo).not
+            .to.have.been.called
+        })
+
+        it("doesn't flush any doc", function () {
+          expect(this.TpdsUpdateSender.promises.addDoc).not.to.have.been.called
+        })
+
+        it("doesn't flush any file", function () {
+          expect(this.TpdsUpdateSender.promises.addFile).not.to.have.been.called
+        })
+      })
+    })
+
+    cases = [1, 2]
+    cases.forEach(counterValue => {
+      describe(`when the deferred flush counter is ${counterValue}`, function () {
+        beforeEach(async function () {
+          this.project.deferredTpdsFlushCounter = counterValue
+          this.ProjectMock.expects('updateOne')
+            .withArgs(
+              {
+                _id: this.project._id,
+                deferredTpdsFlushCounter: { $lte: counterValue },
+              },
+              { $set: { deferredTpdsFlushCounter: 0 } }
+            )
+            .chain('exec')
+            .resolves()
+          await this.TpdsProjectFlusher.promises.flushProjectToTpdsIfNeeded(
+            this.project._id
+          )
+        })
+
+        it('flushes the project from the doc updater', function () {
+          expect(
+            this.DocumentUpdaterHandler.promises.flushProjectToMongo
+          ).to.have.been.calledWith(this.project._id)
+        })
+
+        it('flushes each doc to the TPDS', function () {
+          for (const [path, doc] of Object.entries(this.docs)) {
+            expect(
+              this.TpdsUpdateSender.promises.addDoc
+            ).to.have.been.calledWith({
+              projectId: this.project._id,
+              docId: doc._id,
+              projectName: this.project.name,
+              rev: doc.rev,
+              path,
+              folderId: this.folder._id,
+            })
+          }
+        })
+
+        it('flushes each file to the TPDS', function () {
+          for (const [path, file] of Object.entries(this.files)) {
+            expect(
+              this.TpdsUpdateSender.promises.addFile
+            ).to.have.been.calledWith({
+              projectId: this.project._id,
+              historyId: this.project.overleaf.history.id,
+              fileId: file._id,
+              hash: file.hash,
+              projectName: this.project.name,
+              rev: file.rev,
+              path,
+              folderId: this.folder._id,
+            })
+          }
+        })
+
+        it('resets the deferred flush counter', function () {
+          this.ProjectMock.verify()
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/ThirdPartyDataStore/TpdsUpdateHandlerTests.mjs b/services/web/test/unit/src/ThirdPartyDataStore/TpdsUpdateHandlerTests.mjs
new file mode 100644
index 0000000..a5ca099
--- /dev/null
+++ b/services/web/test/unit/src/ThirdPartyDataStore/TpdsUpdateHandlerTests.mjs
@@ -0,0 +1,613 @@
+import esmock from 'esmock'
+import sinon from 'sinon'
+import { expect } from 'chai'
+import mongodb from 'mongodb-legacy'
+import Errors from '../../../../app/src/Features/Errors/Errors.js'
+
+const ObjectId = mongodb.ObjectId
+
+const MODULE_PATH =
+  '../../../../app/src/Features/ThirdPartyDataStore/TpdsUpdateHandler.mjs'
+
+describe('TpdsUpdateHandler', function () {
+  beforeEach(async function () {
+    this.projectName = 'My recipes'
+    this.projects = {
+      active1: { _id: new ObjectId(), name: this.projectName },
+      active2: { _id: new ObjectId(), name: this.projectName },
+      archived1: {
+        _id: new ObjectId(),
+        name: this.projectName,
+        archived: [this.userId],
+      },
+      archived2: {
+        _id: new ObjectId(),
+        name: this.projectName,
+        archived: [this.userId],
+      },
+    }
+    this.userId = new ObjectId()
+    this.source = 'dropbox'
+    this.path = `/some/file`
+    this.update = {}
+    this.folderPath = '/some/folder'
+    this.folder = {
+      _id: new ObjectId(),
+      parentFolder_id: new ObjectId(),
+    }
+
+    this.CooldownManager = {
+      promises: {
+        isProjectOnCooldown: sinon.stub().resolves(false),
+      },
+    }
+    this.FileTypeManager = {
+      promises: {
+        shouldIgnore: sinon.stub().resolves(false),
+      },
+    }
+    this.Modules = {
+      promises: {
+        hooks: { fire: sinon.stub().resolves() },
+      },
+    }
+    this.notification = {
+      create: sinon.stub().resolves(),
+    }
+    this.NotificationsBuilder = {
+      promises: {
+        dropboxDuplicateProjectNames: sinon.stub().returns(this.notification),
+      },
+    }
+    this.ProjectCreationHandler = {
+      promises: {
+        createBlankProject: sinon.stub().resolves(this.projects.active1),
+      },
+    }
+    this.ProjectDeleter = {
+      promises: {
+        markAsDeletedByExternalSource: sinon.stub().resolves(),
+      },
+    }
+    this.ProjectGetter = {
+      promises: {
+        findUsersProjectsByName: sinon.stub(),
+        findAllUsersProjects: sinon
+          .stub()
+          .resolves({ owned: [this.projects.active1], readAndWrite: [] }),
+      },
+    }
+    this.ProjectHelper = {
+      isArchivedOrTrashed: sinon.stub().returns(false),
+    }
+    this.ProjectHelper.isArchivedOrTrashed
+      .withArgs(this.projects.archived1, this.userId)
+      .returns(true)
+    this.ProjectHelper.isArchivedOrTrashed
+      .withArgs(this.projects.archived2, this.userId)
+      .returns(true)
+    this.RootDocManager = {
+      setRootDocAutomaticallyInBackground: sinon.stub(),
+    }
+    this.UpdateMerger = {
+      promises: {
+        deleteUpdate: sinon.stub().resolves(),
+        mergeUpdate: sinon.stub().resolves(),
+        createFolder: sinon.stub().resolves(this.folder),
+      },
+    }
+
+    this.TpdsUpdateHandler = await esmock.strict(MODULE_PATH, {
+      '.../../../../app/src/Features/Cooldown/CooldownManager':
+        this.CooldownManager,
+      '../../../../app/src/Features/Uploads/FileTypeManager':
+        this.FileTypeManager,
+      '../../../../app/src/infrastructure/Modules': this.Modules,
+      '../../../../app/src/Features/Notifications/NotificationsBuilder':
+        this.NotificationsBuilder,
+      '../../../../app/src/Features/Project/ProjectCreationHandler':
+        this.ProjectCreationHandler,
+      '../../../../app/src/Features/Project/ProjectDeleter':
+        this.ProjectDeleter,
+      '../../../../app/src/Features/Project/ProjectGetter': this.ProjectGetter,
+      '../../../../app/src/Features/Project/ProjectHelper': this.ProjectHelper,
+      '../../../../app/src/Features/Project/ProjectRootDocManager':
+        this.RootDocManager,
+      '../../../../app/src/Features/ThirdPartyDataStore/UpdateMerger':
+        this.UpdateMerger,
+    })
+  })
+
+  describe('getting an update', function () {
+    describe('byId', function () {
+      describe('with no matching project', function () {
+        beforeEach(function () {
+          this.projectId = new ObjectId().toString()
+        })
+        receiveUpdateById()
+        expectProjectNotCreated()
+        expectUpdateNotProcessed()
+      })
+
+      describe('with one matching active project', function () {
+        beforeEach(function () {
+          this.projectId = this.projects.active1._id.toString()
+        })
+        receiveUpdateById()
+        expectProjectNotCreated()
+        expectUpdateProcessed()
+      })
+    })
+
+    describe('with no matching project', function () {
+      setupMatchingProjects([])
+      receiveUpdate()
+      expectProjectCreated()
+      expectUpdateProcessed()
+    })
+
+    describe('with one matching active project', function () {
+      setupMatchingProjects(['active1'])
+      receiveUpdate()
+      expectProjectNotCreated()
+      expectUpdateProcessed()
+    })
+
+    describe('with one matching archived project', function () {
+      setupMatchingProjects(['archived1'])
+      receiveUpdate()
+      expectProjectNotCreated()
+      expectUpdateNotProcessed()
+      expectDropboxNotUnlinked()
+    })
+
+    describe('with two matching active projects', function () {
+      setupMatchingProjects(['active1', 'active2'])
+      receiveUpdate()
+      expectProjectNotCreated()
+      expectUpdateNotProcessed()
+      expectDropboxUnlinked()
+    })
+
+    describe('with two matching archived projects', function () {
+      setupMatchingProjects(['archived1', 'archived2'])
+      receiveUpdate()
+      expectProjectNotCreated()
+      expectUpdateNotProcessed()
+      expectDropboxNotUnlinked()
+    })
+
+    describe('with one matching active and one matching archived project', function () {
+      setupMatchingProjects(['active1', 'archived1'])
+      receiveUpdate()
+      expectProjectNotCreated()
+      expectUpdateNotProcessed()
+      expectDropboxUnlinked()
+    })
+
+    describe('update to a file that should be ignored', async function () {
+      setupMatchingProjects(['active1'])
+      beforeEach(function () {
+        this.FileTypeManager.promises.shouldIgnore.resolves(true)
+      })
+      receiveUpdate()
+      expectProjectNotCreated()
+      expectUpdateNotProcessed()
+      expectDropboxNotUnlinked()
+    })
+
+    describe('update to a project on cooldown', async function () {
+      setupMatchingProjects(['active1'])
+      setupProjectOnCooldown()
+      beforeEach(async function () {
+        await expect(
+          this.TpdsUpdateHandler.promises.newUpdate(
+            this.userId,
+            '', // projectId
+            this.projectName,
+            this.path,
+            this.update,
+            this.source
+          )
+        ).to.be.rejectedWith(Errors.TooManyRequestsError)
+      })
+      expectUpdateNotProcessed()
+    })
+  })
+
+  describe('getting a file delete', function () {
+    describe('byId', function () {
+      describe('with no matching project', function () {
+        beforeEach(function () {
+          this.projectId = new ObjectId().toString()
+        })
+        receiveFileDeleteById()
+        expectDeleteNotProcessed()
+        expectProjectNotDeleted()
+      })
+
+      describe('with one matching active project', function () {
+        beforeEach(function () {
+          this.projectId = this.projects.active1._id.toString()
+        })
+        receiveFileDeleteById()
+        expectDeleteProcessed()
+        expectProjectNotDeleted()
+      })
+    })
+
+    describe('with no matching project', function () {
+      setupMatchingProjects([])
+      receiveFileDelete()
+      expectDeleteNotProcessed()
+      expectProjectNotDeleted()
+    })
+
+    describe('with one matching active project', function () {
+      setupMatchingProjects(['active1'])
+      receiveFileDelete()
+      expectDeleteProcessed()
+      expectProjectNotDeleted()
+    })
+
+    describe('with one matching archived project', function () {
+      setupMatchingProjects(['archived1'])
+      receiveFileDelete()
+      expectDeleteNotProcessed()
+      expectProjectNotDeleted()
+    })
+
+    describe('with two matching active projects', function () {
+      setupMatchingProjects(['active1', 'active2'])
+      receiveFileDelete()
+      expectDeleteNotProcessed()
+      expectProjectNotDeleted()
+      expectDropboxUnlinked()
+    })
+
+    describe('with two matching archived projects', function () {
+      setupMatchingProjects(['archived1', 'archived2'])
+      receiveFileDelete()
+      expectDeleteNotProcessed()
+      expectProjectNotDeleted()
+      expectDropboxNotUnlinked()
+    })
+
+    describe('with one matching active and one matching archived project', function () {
+      setupMatchingProjects(['active1', 'archived1'])
+      receiveFileDelete()
+      expectDeleteNotProcessed()
+      expectProjectNotDeleted()
+      expectDropboxUnlinked()
+    })
+  })
+
+  describe('getting a project delete', function () {
+    describe('with no matching project', function () {
+      setupMatchingProjects([])
+      receiveProjectDelete()
+      expectDeleteNotProcessed()
+      expectProjectNotDeleted()
+    })
+
+    describe('with one matching active project', function () {
+      setupMatchingProjects(['active1'])
+      receiveProjectDelete()
+      expectDeleteNotProcessed()
+      expectProjectDeleted()
+    })
+
+    describe('with one matching archived project', function () {
+      setupMatchingProjects(['archived1'])
+      receiveProjectDelete()
+      expectDeleteNotProcessed()
+      expectProjectNotDeleted()
+    })
+
+    describe('with two matching active projects', function () {
+      setupMatchingProjects(['active1', 'active2'])
+      receiveProjectDelete()
+      expectDeleteNotProcessed()
+      expectProjectNotDeleted()
+      expectDropboxUnlinked()
+    })
+
+    describe('with two matching archived projects', function () {
+      setupMatchingProjects(['archived1', 'archived2'])
+      receiveProjectDelete()
+      expectDeleteNotProcessed()
+      expectProjectNotDeleted()
+      expectDropboxNotUnlinked()
+    })
+
+    describe('with one matching active and one matching archived project', function () {
+      setupMatchingProjects(['active1', 'archived1'])
+      receiveProjectDelete()
+      expectDeleteNotProcessed()
+      expectProjectNotDeleted()
+      expectDropboxUnlinked()
+    })
+  })
+
+  describe('getting a folder update', function () {
+    describe('with no matching project', function () {
+      setupMatchingProjects([])
+      receiveFolderUpdate()
+      expectProjectCreated()
+      expectFolderUpdateProcessed()
+    })
+
+    describe('with one matching active project', function () {
+      setupMatchingProjects(['active1'])
+      receiveFolderUpdate()
+      expectProjectNotCreated()
+      expectFolderUpdateProcessed()
+    })
+
+    describe('with one matching archived project', function () {
+      setupMatchingProjects(['archived1'])
+      receiveFolderUpdate()
+      expectProjectNotCreated()
+      expectFolderUpdateNotProcessed()
+      expectDropboxNotUnlinked()
+    })
+
+    describe('with two matching active projects', function () {
+      setupMatchingProjects(['active1', 'active2'])
+      receiveFolderUpdate()
+      expectProjectNotCreated()
+      expectFolderUpdateNotProcessed()
+      expectDropboxUnlinked()
+    })
+
+    describe('with two matching archived projects', function () {
+      setupMatchingProjects(['archived1', 'archived2'])
+      receiveFolderUpdate()
+      expectProjectNotCreated()
+      expectFolderUpdateNotProcessed()
+      expectDropboxNotUnlinked()
+    })
+
+    describe('with one matching active and one matching archived project', function () {
+      setupMatchingProjects(['active1', 'archived1'])
+      receiveFolderUpdate()
+      expectProjectNotCreated()
+      expectFolderUpdateNotProcessed()
+      expectDropboxUnlinked()
+    })
+
+    describe('update to a project on cooldown', async function () {
+      setupMatchingProjects(['active1'])
+      setupProjectOnCooldown()
+      beforeEach(async function () {
+        await expect(
+          this.TpdsUpdateHandler.promises.createFolder(
+            this.userId,
+            this.projectId,
+            this.projectName,
+            this.path
+          )
+        ).to.be.rejectedWith(Errors.TooManyRequestsError)
+      })
+      expectFolderUpdateNotProcessed()
+    })
+  })
+})
+
+/* Setup helpers */
+
+function setupMatchingProjects(projectKeys) {
+  beforeEach(function () {
+    const projects = projectKeys.map(key => this.projects[key])
+    this.ProjectGetter.promises.findUsersProjectsByName
+      .withArgs(this.userId, this.projectName)
+      .resolves(projects)
+  })
+}
+
+function setupProjectOnCooldown() {
+  beforeEach(function () {
+    this.CooldownManager.promises.isProjectOnCooldown
+      .withArgs(this.projects.active1._id)
+      .resolves(true)
+  })
+}
+
+/* Test helpers */
+
+function receiveUpdate() {
+  beforeEach(async function () {
+    await this.TpdsUpdateHandler.promises.newUpdate(
+      this.userId,
+      '', // projectId
+      this.projectName,
+      this.path,
+      this.update,
+      this.source
+    )
+  })
+}
+
+function receiveUpdateById() {
+  beforeEach(function (done) {
+    this.TpdsUpdateHandler.newUpdate(
+      this.userId,
+      this.projectId,
+      '', // projectName
+      this.path,
+      this.update,
+      this.source,
+      done
+    )
+  })
+}
+
+function receiveFileDelete() {
+  beforeEach(async function () {
+    await this.TpdsUpdateHandler.promises.deleteUpdate(
+      this.userId,
+      '', // projectId
+      this.projectName,
+      this.path,
+      this.source
+    )
+  })
+}
+
+function receiveFileDeleteById() {
+  beforeEach(function (done) {
+    this.TpdsUpdateHandler.deleteUpdate(
+      this.userId,
+      this.projectId,
+      '', // projectName
+      this.path,
+      this.source,
+      done
+    )
+  })
+}
+
+function receiveProjectDelete() {
+  beforeEach(async function () {
+    await this.TpdsUpdateHandler.promises.deleteUpdate(
+      this.userId,
+      '', // projectId
+      this.projectName,
+      '/',
+      this.source
+    )
+  })
+}
+
+function receiveFolderUpdate() {
+  beforeEach(async function () {
+    await this.TpdsUpdateHandler.promises.createFolder(
+      this.userId,
+      this.projectId,
+      this.projectName,
+      this.folderPath
+    )
+  })
+}
+
+/* Expectations */
+
+function expectProjectCreated() {
+  it('creates a project', function () {
+    expect(
+      this.ProjectCreationHandler.promises.createBlankProject
+    ).to.have.been.calledWith(this.userId, this.projectName)
+  })
+
+  it('sets the root doc', function () {
+    expect(
+      this.RootDocManager.setRootDocAutomaticallyInBackground
+    ).to.have.been.calledWith(this.projects.active1._id)
+  })
+}
+
+function expectProjectNotCreated() {
+  it('does not create a project', function () {
+    expect(this.ProjectCreationHandler.promises.createBlankProject).not.to.have
+      .been.called
+  })
+
+  it('does not set the root doc', function () {
+    expect(this.RootDocManager.setRootDocAutomaticallyInBackground).not.to.have
+      .been.called
+  })
+}
+
+function expectUpdateProcessed() {
+  it('processes the update', function () {
+    expect(this.UpdateMerger.promises.mergeUpdate).to.have.been.calledWith(
+      this.userId,
+      this.projects.active1._id,
+      this.path,
+      this.update,
+      this.source
+    )
+  })
+}
+
+function expectUpdateNotProcessed() {
+  it('does not process the update', function () {
+    expect(this.UpdateMerger.promises.mergeUpdate).not.to.have.been.called
+  })
+}
+
+function expectFolderUpdateProcessed() {
+  it('processes the folder update', function () {
+    expect(this.UpdateMerger.promises.createFolder).to.have.been.calledWith(
+      this.projects.active1._id,
+      this.folderPath,
+      this.userId
+    )
+  })
+}
+
+function expectFolderUpdateNotProcessed() {
+  it("doesn't process the folder update", function () {
+    expect(this.UpdateMerger.promises.createFolder).not.to.have.been.called
+  })
+}
+
+function expectDropboxUnlinked() {
+  it('unlinks Dropbox', function () {
+    expect(this.Modules.promises.hooks.fire).to.have.been.calledWith(
+      'removeDropbox',
+      this.userId,
+      'duplicate-projects'
+    )
+  })
+
+  it('creates a notification that dropbox was unlinked', function () {
+    expect(
+      this.NotificationsBuilder.promises.dropboxDuplicateProjectNames
+    ).to.have.been.calledWith(this.userId)
+    expect(this.notification.create).to.have.been.calledWith(this.projectName)
+  })
+}
+
+function expectDropboxNotUnlinked() {
+  it('does not unlink Dropbox', function () {
+    expect(this.Modules.promises.hooks.fire).not.to.have.been.called
+  })
+
+  it('does not create a notification that dropbox was unlinked', function () {
+    expect(this.NotificationsBuilder.promises.dropboxDuplicateProjectNames).not
+      .to.have.been.called
+  })
+}
+
+function expectDeleteProcessed() {
+  it('processes the delete', function () {
+    expect(this.UpdateMerger.promises.deleteUpdate).to.have.been.calledWith(
+      this.userId,
+      this.projects.active1._id,
+      this.path,
+      this.source
+    )
+  })
+}
+
+function expectDeleteNotProcessed() {
+  it('does not process the delete', function () {
+    expect(this.UpdateMerger.promises.deleteUpdate).not.to.have.been.called
+  })
+}
+
+function expectProjectDeleted() {
+  it('deletes the project', function () {
+    expect(
+      this.ProjectDeleter.promises.markAsDeletedByExternalSource
+    ).to.have.been.calledWith(this.projects.active1._id)
+  })
+}
+
+function expectProjectNotDeleted() {
+  it('does not delete the project', function () {
+    expect(this.ProjectDeleter.promises.markAsDeletedByExternalSource).not.to
+      .have.been.called
+  })
+}
diff --git a/services/web/test/unit/src/ThirdPartyDataStore/TpdsUpdateSenderTests.js b/services/web/test/unit/src/ThirdPartyDataStore/TpdsUpdateSenderTests.js
new file mode 100644
index 0000000..f7f7333
--- /dev/null
+++ b/services/web/test/unit/src/ThirdPartyDataStore/TpdsUpdateSenderTests.js
@@ -0,0 +1,496 @@
+const { ObjectId } = require('mongodb-legacy')
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const sinon = require('sinon')
+const { expect } = require('chai')
+
+const modulePath = path.join(
+  __dirname,
+  '../../../../app/src/Features/ThirdPartyDataStore/TpdsUpdateSender.js'
+)
+
+const projectId = 'project_id_here'
+const userId = new ObjectId()
+const readOnlyRef = new ObjectId()
+const collaberatorRef = new ObjectId()
+const projectName = 'project_name_here'
+
+const thirdPartyDataStoreApiUrl = 'http://third-party-json-store.herokuapp.com'
+const siteUrl = 'http://127.0.0.1:3000'
+const filestoreUrl = 'filestore.overleaf.com'
+const projectHistoryUrl = 'http://project-history:3054'
+
+describe('TpdsUpdateSender', function () {
+  beforeEach(function () {
+    this.fakeUser = {
+      _id: '12390i',
+    }
+    this.memberIds = [userId, collaberatorRef, readOnlyRef]
+    this.enqueueUrl = new URL(
+      'http://tpdsworker/enqueue/web_to_tpds_http_requests'
+    )
+
+    this.CollaboratorsGetter = {
+      promises: {
+        getInvitedMemberIds: sinon.stub().resolves(this.memberIds),
+      },
+    }
+    this.docstoreUrl = 'docstore.overleaf.env'
+    this.response = {
+      ok: true,
+      json: sinon.stub(),
+    }
+    this.FetchUtils = {
+      fetchNothing: sinon.stub().resolves(),
+    }
+    this.settings = {
+      siteUrl,
+      apis: {
+        thirdPartyDataStore: { url: thirdPartyDataStoreApiUrl },
+        filestore: {
+          url: filestoreUrl,
+        },
+        docstore: {
+          pubUrl: this.docstoreUrl,
+        },
+        project_history: {
+          url: projectHistoryUrl,
+        },
+      },
+      enableProjectHistoryBlobs: true,
+    }
+    const getUsers = sinon.stub()
+    getUsers
+      .withArgs({
+        _id: {
+          $in: this.memberIds,
+        },
+        'dropbox.access_token.uid': { $ne: null },
+      })
+      .resolves(
+        this.memberIds.map(userId => {
+          return { _id: userId }
+        })
+      )
+    this.UserGetter = {
+      promises: { getUsers },
+    }
+    this.TpdsUpdateSender = SandboxedModule.require(modulePath, {
+      requires: {
+        'mongodb-legacy': { ObjectId },
+        '@overleaf/settings': this.settings,
+        '@overleaf/fetch-utils': this.FetchUtils,
+        '../Collaborators/CollaboratorsGetter': this.CollaboratorsGetter,
+        '../User/UserGetter.js': this.UserGetter,
+        '@overleaf/metrics': {
+          inc() {},
+        },
+      },
+    })
+  })
+
+  describe('enqueue', function () {
+    it('should not call request if there is no tpdsworker url', async function () {
+      await this.TpdsUpdateSender.promises.enqueue(null, null, null)
+      this.FetchUtils.fetchNothing.should.not.have.been.called
+    })
+
+    it('should post the message to the tpdsworker', async function () {
+      this.settings.apis.tpdsworker = { url: 'http://tpdsworker' }
+      const group0 = 'myproject'
+      const method0 = 'somemethod0'
+      const job0 = 'do something'
+      await this.TpdsUpdateSender.promises.enqueue(group0, method0, job0)
+      this.FetchUtils.fetchNothing.should.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          method: 'POST',
+          json: { group: group0, job: job0, method: method0 },
+        }
+      )
+    })
+  })
+
+  describe('sending updates', function () {
+    beforeEach(function () {
+      this.settings.apis.tpdsworker = { url: 'http://tpdsworker' }
+    })
+
+    it('queues a post the file with user and file id', async function () {
+      const fileId = '4545345'
+      const hash = undefined
+      const historyId = 91525
+      const path = '/some/path/here.jpg'
+
+      await this.TpdsUpdateSender.promises.addFile({
+        projectId,
+        historyId,
+        fileId,
+        hash,
+        path,
+        projectName,
+      })
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: userId,
+            method: 'pipeStreamFrom',
+            job: {
+              method: 'post',
+              streamOrigin: `${filestoreUrl}/project/${projectId}/file/${fileId}?from=tpdsAddFile`,
+              uri: `${thirdPartyDataStoreApiUrl}/user/${userId}/entity/${encodeURIComponent(
+                projectName
+              )}${encodeURIComponent(path)}`,
+              headers: {},
+            },
+          },
+        }
+      )
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: collaberatorRef,
+          },
+        }
+      )
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: readOnlyRef,
+            job: {},
+          },
+        }
+      )
+    })
+
+    it('queues a post the file with user and file id and hash', async function () {
+      const fileId = '4545345'
+      const hash = 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa'
+      const historyId = 91525
+      const path = '/some/path/here.jpg'
+
+      await this.TpdsUpdateSender.promises.addFile({
+        projectId,
+        historyId,
+        fileId,
+        hash,
+        path,
+        projectName,
+      })
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: userId,
+            method: 'pipeStreamFrom',
+            job: {
+              method: 'post',
+              streamOrigin: `${projectHistoryUrl}/project/${historyId}/blob/${hash}`,
+              streamFallback: `${filestoreUrl}/project/${projectId}/file/${fileId}?from=tpdsAddFile`,
+              uri: `${thirdPartyDataStoreApiUrl}/user/${userId}/entity/${encodeURIComponent(
+                projectName
+              )}${encodeURIComponent(path)}`,
+              headers: {},
+            },
+          },
+        }
+      )
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: collaberatorRef,
+          },
+        }
+      )
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: readOnlyRef,
+            job: {},
+          },
+        }
+      )
+    })
+
+    it('post doc with stream origin of docstore', async function () {
+      const docId = '4545345'
+      const path = '/some/path/here.tex'
+      const lines = ['line1', 'line2', 'line3']
+
+      await this.TpdsUpdateSender.promises.addDoc({
+        projectId,
+        docId,
+        path,
+        docLines: lines,
+        projectName,
+      })
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: userId,
+            method: 'pipeStreamFrom',
+            job: {
+              method: 'post',
+              uri: `${thirdPartyDataStoreApiUrl}/user/${userId}/entity/${encodeURIComponent(
+                projectName
+              )}${encodeURIComponent(path)}`,
+              streamOrigin: `${this.docstoreUrl}/project/${projectId}/doc/${docId}/raw`,
+              headers: {},
+            },
+          },
+        }
+      )
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: collaberatorRef,
+            job: {
+              headers: {},
+            },
+          },
+        }
+      )
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: readOnlyRef,
+            job: {
+              headers: {},
+            },
+          },
+        }
+      )
+    })
+
+    it('deleting entity', async function () {
+      const path = '/path/here/t.tex'
+      const subtreeEntityIds = ['id1', 'id2']
+
+      await this.TpdsUpdateSender.promises.deleteEntity({
+        projectId,
+        path,
+        projectName,
+        subtreeEntityIds,
+      })
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: userId,
+            method: 'standardHttpRequest',
+            job: {
+              method: 'delete',
+              uri: `${thirdPartyDataStoreApiUrl}/user/${userId}/entity/${encodeURIComponent(
+                projectName
+              )}${encodeURIComponent(path)}`,
+              headers: {},
+              json: { subtreeEntityIds },
+            },
+          },
+        }
+      )
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: collaberatorRef,
+            job: {
+              headers: {},
+            },
+          },
+        }
+      )
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: readOnlyRef,
+            job: {
+              headers: {},
+            },
+          },
+        }
+      )
+    })
+
+    it('moving entity', async function () {
+      const startPath = 'staring/here/file.tex'
+      const endPath = 'ending/here/file.tex'
+
+      await this.TpdsUpdateSender.promises.moveEntity({
+        projectId,
+        startPath,
+        endPath,
+        projectName,
+      })
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: userId,
+            method: 'standardHttpRequest',
+            job: {
+              method: 'put',
+              uri: `${thirdPartyDataStoreApiUrl}/user/${userId}/entity`,
+              json: {
+                startPath: `/${projectName}/${startPath}`,
+                endPath: `/${projectName}/${endPath}`,
+              },
+              headers: {},
+            },
+          },
+        }
+      )
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: collaberatorRef,
+            job: {
+              headers: {},
+            },
+          },
+        }
+      )
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: readOnlyRef,
+            job: {
+              headers: {},
+            },
+          },
+        }
+      )
+    })
+
+    it('should be able to rename a project using the move entity func', async function () {
+      const oldProjectName = '/oldProjectName/'
+      const newProjectName = '/newProjectName/'
+
+      await this.TpdsUpdateSender.promises.moveEntity({
+        projectId,
+        projectName: oldProjectName,
+        newProjectName,
+      })
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: userId,
+            method: 'standardHttpRequest',
+            job: {
+              method: 'put',
+              uri: `${thirdPartyDataStoreApiUrl}/user/${userId}/entity`,
+              json: {
+                startPath: oldProjectName,
+                endPath: newProjectName,
+              },
+              headers: {},
+            },
+          },
+        }
+      )
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: collaberatorRef,
+            job: {
+              headers: {},
+            },
+          },
+        }
+      )
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: readOnlyRef,
+            job: {
+              headers: {},
+            },
+          },
+        }
+      )
+    })
+
+    it('pollDropboxForUser', async function () {
+      await this.TpdsUpdateSender.promises.pollDropboxForUser(userId)
+
+      expect(this.FetchUtils.fetchNothing).to.have.been.calledWithMatch(
+        this.enqueueUrl,
+        {
+          json: {
+            group: userId,
+            method: 'standardHttpRequest',
+            job: {
+              method: 'post',
+              uri: `${thirdPartyDataStoreApiUrl}/user/poll`,
+              json: {
+                user_ids: [userId],
+              },
+            },
+          },
+        }
+      )
+    })
+  })
+
+  describe('user not linked to dropbox', function () {
+    beforeEach(function () {
+      this.UserGetter.promises.getUsers
+        .withArgs({
+          _id: {
+            $in: this.memberIds,
+          },
+          'dropbox.access_token.uid': { $ne: null },
+        })
+        .resolves([])
+    })
+
+    it('does not make request to tpds', async function () {
+      const fileId = '4545345'
+      const hash = 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa'
+      const historyId = 91525
+      const path = '/some/path/here.jpg'
+
+      await this.TpdsUpdateSender.promises.addFile({
+        projectId,
+        historyId,
+        hash,
+        fileId,
+        path,
+        projectName,
+      })
+      this.FetchUtils.fetchNothing.should.not.have.been.called
+    })
+  })
+})
diff --git a/services/web/test/unit/src/ThirdPartyDataStore/UpdateMergerTests.js b/services/web/test/unit/src/ThirdPartyDataStore/UpdateMergerTests.js
new file mode 100644
index 0000000..dbeda6f
--- /dev/null
+++ b/services/web/test/unit/src/ThirdPartyDataStore/UpdateMergerTests.js
@@ -0,0 +1,387 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const { Writable } = require('stream')
+const { ObjectId } = require('mongodb-legacy')
+
+const MODULE_PATH =
+  '../../../../app/src/Features/ThirdPartyDataStore/UpdateMerger.js'
+
+describe('UpdateMerger :', function () {
+  beforeEach(function () {
+    this.projectId = 'project_id_here'
+    this.userId = 'mock-user-id'
+    this.randomUUID = 'random-uuid'
+    this.dumpPath = '/dump'
+
+    this.docPath = this.newDocPath = '/folder/doc.tex'
+    this.filePath = this.newFilePath = '/folder/file.png'
+
+    this.existingDocPath = '/folder/other.tex'
+    this.existingFilePath = '/folder/fig1.pdf'
+
+    this.linkedFileData = { provider: 'url' }
+
+    this.existingDocs = [{ path: '/main.tex' }, { path: '/folder/other.tex' }]
+    this.existingFiles = [{ path: '/figure.pdf' }, { path: '/folder/fig1.pdf' }]
+
+    this.fsPath = `${this.dumpPath}/${this.projectId}_${this.randomUUID}`
+    this.fileContents = `\\documentclass{article}
+\\usepackage[utf8]{inputenc}
+
+\\title{42}
+\\author{Jane Doe}
+\\date{June 2011}`
+    this.docLines = this.fileContents.split('\n')
+    this.source = 'dropbox'
+    this.updateRequest = new Writable()
+    this.writeStream = new Writable()
+
+    this.fsPromises = {
+      unlink: sinon.stub().resolves(),
+      readFile: sinon.stub().withArgs(this.fsPath).resolves(this.fileContents),
+      mkdir: sinon.stub().resolves(),
+    }
+
+    this.fs = {
+      createWriteStream: sinon.stub().returns(this.writeStream),
+    }
+
+    this.doc = {
+      _id: new ObjectId(),
+      rev: 2,
+    }
+
+    this.file = {
+      _id: new ObjectId(),
+      rev: 6,
+    }
+
+    this.folder = {
+      _id: new ObjectId(),
+    }
+
+    this.EditorController = {
+      promises: {
+        deleteEntityWithPath: sinon.stub().resolves(new ObjectId()),
+        upsertDocWithPath: sinon
+          .stub()
+          .resolves({ doc: this.doc, folder: this.folder }),
+        upsertFileWithPath: sinon
+          .stub()
+          .resolves({ file: this.file, folder: this.folder }),
+      },
+    }
+
+    this.FileTypeManager = {
+      promises: {
+        getType: sinon.stub(),
+      },
+    }
+
+    this.crypto = {
+      randomUUID: sinon.stub().returns(this.randomUUID),
+    }
+
+    this.ProjectEntityHandler = {
+      promises: {
+        getAllEntities: sinon.stub().resolves({
+          docs: this.existingDocs,
+          files: this.existingFiles,
+        }),
+      },
+    }
+
+    this.Settings = { path: { dumpFolder: this.dumpPath } }
+
+    this.stream = { pipeline: sinon.stub().resolves() }
+
+    this.UpdateMerger = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        'fs/promises': this.fsPromises,
+        fs: this.fs,
+        '../Editor/EditorController': this.EditorController,
+        '../Uploads/FileTypeManager': this.FileTypeManager,
+        '../Project/ProjectEntityHandler': this.ProjectEntityHandler,
+        '@overleaf/settings': this.Settings,
+        'stream/promises': this.stream,
+        crypto: this.crypto,
+      },
+    })
+  })
+
+  describe('mergeUpdate', function () {
+    describe('doc updates for a new doc', function () {
+      beforeEach(async function () {
+        this.FileTypeManager.promises.getType.resolves({
+          binary: false,
+          encoding: 'utf-8',
+        })
+        this.mergeUpdateResult = await this.UpdateMerger.promises.mergeUpdate(
+          this.userId,
+          this.projectId,
+          this.docPath,
+          this.updateRequest,
+          this.source
+        )
+      })
+
+      it('should look at the file contents', function () {
+        expect(this.FileTypeManager.promises.getType).to.have.been.called
+      })
+
+      it('should process update as doc', function () {
+        expect(
+          this.EditorController.promises.upsertDocWithPath
+        ).to.have.been.calledWith(
+          this.projectId,
+          this.docPath,
+          this.docLines,
+          this.source,
+          this.userId
+        )
+      })
+
+      it('removes the temp file from disk', function () {
+        expect(this.fsPromises.unlink).to.have.been.calledWith(this.fsPath)
+      })
+
+      it('returns the entity id and rev', function () {
+        expect(this.mergeUpdateResult.entityId).to.be.instanceOf(ObjectId)
+        expect(this.mergeUpdateResult.rev).to.equal(2)
+      })
+    })
+
+    describe('file updates for a new file ', function () {
+      beforeEach(async function () {
+        this.FileTypeManager.promises.getType.resolves({ binary: true })
+        this.mergeUpdateResult = await this.UpdateMerger.promises.mergeUpdate(
+          this.userId,
+          this.projectId,
+          this.filePath,
+          this.updateRequest,
+          this.source
+        )
+      })
+
+      it('should look at the file contents', function () {
+        expect(this.FileTypeManager.promises.getType).to.have.been.called
+      })
+
+      it('should process update as file', function () {
+        expect(
+          this.EditorController.promises.upsertFileWithPath
+        ).to.have.been.calledWith(
+          this.projectId,
+          this.filePath,
+          this.fsPath,
+          null,
+          this.source,
+          this.userId
+        )
+      })
+
+      it('removes the temp file from disk', function () {
+        expect(this.fsPromises.unlink).to.have.been.calledWith(this.fsPath)
+      })
+
+      it('returns the entity id and rev', function () {
+        expect(this.mergeUpdateResult.entityId).to.be.instanceOf(ObjectId)
+        expect(this.mergeUpdateResult.rev).to.equal(6)
+      })
+    })
+
+    describe('doc updates for an existing doc', function () {
+      beforeEach(async function () {
+        this.FileTypeManager.promises.getType.resolves({
+          binary: false,
+          encoding: 'utf-8',
+        })
+        this.mergeUpdateResult = await this.UpdateMerger.promises.mergeUpdate(
+          this.userId,
+          this.projectId,
+          this.existingDocPath,
+          this.updateRequest,
+          this.source
+        )
+      })
+
+      it('should look at the file contents', function () {
+        expect(this.FileTypeManager.promises.getType).to.have.been.called
+      })
+
+      it('should process update as doc', function () {
+        expect(
+          this.EditorController.promises.upsertDocWithPath
+        ).to.have.been.calledWith(
+          this.projectId,
+          this.existingDocPath,
+          this.docLines,
+          this.source,
+          this.userId
+        )
+      })
+
+      it('removes the temp file from disk', function () {
+        expect(this.fsPromises.unlink).to.have.been.calledWith(this.fsPath)
+      })
+
+      it('returns the entity id and rev', function () {
+        expect(this.mergeUpdateResult.entityId).to.be.instanceOf(ObjectId)
+        expect(this.mergeUpdateResult.rev).to.equal(2)
+      })
+    })
+
+    describe('file updates for an existing file', function () {
+      beforeEach(async function () {
+        this.FileTypeManager.promises.getType.resolves({ binary: true })
+        this.mergeUpdateResult = await this.UpdateMerger.promises.mergeUpdate(
+          this.userId,
+          this.projectId,
+          this.existingFilePath,
+          this.updateRequest,
+          this.source
+        )
+      })
+
+      it('should look at the file contents', function () {
+        expect(this.FileTypeManager.promises.getType).to.have.been.called
+      })
+
+      it('should process update as file', function () {
+        expect(
+          this.EditorController.promises.upsertFileWithPath
+        ).to.have.been.calledWith(
+          this.projectId,
+          this.existingFilePath,
+          this.fsPath,
+          null,
+          this.source,
+          this.userId
+        )
+      })
+
+      it('removes the temp file from disk', function () {
+        expect(this.fsPromises.unlink).to.have.been.calledWith(this.fsPath)
+      })
+
+      it('returns the entity id and rev', function () {
+        expect(this.mergeUpdateResult.entityId).to.be.instanceOf(ObjectId)
+        expect(this.mergeUpdateResult.rev).to.equal(6)
+      })
+    })
+  })
+
+  describe('file updates for an existing doc', function () {
+    beforeEach(async function () {
+      this.FileTypeManager.promises.getType.resolves({ binary: true })
+      this.mergeUpdateResult = await this.UpdateMerger.promises.mergeUpdate(
+        this.userId,
+        this.projectId,
+        this.existingDocPath,
+        this.updateRequest,
+        this.source
+      )
+    })
+
+    it('should look at the file contents', function () {
+      expect(this.FileTypeManager.promises.getType).to.have.been.called
+    })
+
+    it('should process update as file', function () {
+      expect(
+        this.EditorController.promises.upsertFileWithPath
+      ).to.have.been.calledWith(
+        this.projectId,
+        this.existingDocPath,
+        this.fsPath,
+        null,
+        this.source,
+        this.userId
+      )
+    })
+
+    it('removes the temp file from disk', function () {
+      expect(this.fsPromises.unlink).to.have.been.calledWith(this.fsPath)
+    })
+
+    it('returns the entity id and rev', function () {
+      expect(this.mergeUpdateResult.entityId).to.be.instanceOf(ObjectId)
+      expect(this.mergeUpdateResult.rev).to.equal(6)
+    })
+  })
+
+  describe('doc updates for an existing file', function () {
+    beforeEach(async function () {
+      this.FileTypeManager.promises.getType.resolves({ binary: true })
+      this.mergeUpdateResult = await this.UpdateMerger.promises.mergeUpdate(
+        this.userId,
+        this.projectId,
+        this.existingFilePath,
+        this.updateRequest,
+        this.source
+      )
+    })
+
+    it('should look at the file contents', function () {
+      expect(this.FileTypeManager.promises.getType).to.have.been.called
+    })
+
+    it('should not delete the existing file', function () {
+      expect(this.EditorController.promises.deleteEntityWithPath).to.not.have
+        .been.called
+    })
+
+    it('should process update as file', function () {
+      expect(
+        this.EditorController.promises.upsertFileWithPath
+      ).to.have.been.calledWith(
+        this.projectId,
+        this.existingFilePath,
+        this.fsPath,
+        null,
+        this.source,
+        this.userId
+      )
+    })
+
+    it('removes the temp file from disk', function () {
+      expect(this.fsPromises.unlink).to.have.been.calledWith(this.fsPath)
+    })
+
+    it('returns the entity id and rev', function () {
+      expect(this.mergeUpdateResult.entityId).to.be.instanceOf(ObjectId)
+      expect(this.mergeUpdateResult.rev).to.equal(6)
+    })
+  })
+
+  describe('deleteUpdate', function () {
+    beforeEach(async function () {
+      this.deleteUpdateResult = await this.UpdateMerger.promises.deleteUpdate(
+        this.userId,
+        this.projectId,
+        this.docPath,
+        this.source
+      )
+    })
+
+    afterEach(function () {
+      delete this.deleteUpdateResult
+    })
+
+    it('should delete the entity in the editor controller', function () {
+      expect(
+        this.EditorController.promises.deleteEntityWithPath
+      ).to.have.been.calledWith(
+        this.projectId,
+        this.docPath,
+        this.source,
+        this.userId
+      )
+    })
+
+    it('returns the entity id', function () {
+      expect(this.deleteUpdateResult).to.be.instanceOf(ObjectId)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/TokenAccess/TokenAccessControllerTests.mjs b/services/web/test/unit/src/TokenAccess/TokenAccessControllerTests.mjs
new file mode 100644
index 0000000..8097218
--- /dev/null
+++ b/services/web/test/unit/src/TokenAccess/TokenAccessControllerTests.mjs
@@ -0,0 +1,1143 @@
+import esmock from 'esmock'
+import sinon from 'sinon'
+import { expect } from 'chai'
+import mongodb from 'mongodb-legacy'
+import MockRequest from '../helpers/MockRequest.js'
+import MockResponse from '../helpers/MockResponse.js'
+import PrivilegeLevels from '../../../../app/src/Features/Authorization/PrivilegeLevels.js'
+import { getSafeRedirectPath } from '../../../../app/src/Features/Helpers/UrlHelper.js'
+
+const ObjectId = mongodb.ObjectId
+
+const MODULE_PATH =
+  '../../../../app/src/Features/TokenAccess/TokenAccessController'
+
+describe('TokenAccessController', function () {
+  beforeEach(async function () {
+    this.token = 'abc123'
+    this.user = { _id: new ObjectId() }
+    this.project = {
+      _id: new ObjectId(),
+      owner_ref: this.user._id,
+      name: 'test',
+      tokenAccessReadAndWrite_refs: [],
+      tokenAccessReadOnly_refs: [],
+    }
+    this.req = new MockRequest()
+    this.res = new MockResponse()
+    this.next = sinon.stub().returns()
+
+    this.Settings = {
+      siteUrl: 'https://www.dev-overleaf.com',
+      adminPrivilegeAvailable: false,
+      adminUrl: 'https://admin.dev-overleaf.com',
+      adminDomains: ['overleaf.com'],
+    }
+    this.TokenAccessHandler = {
+      TOKEN_TYPES: {
+        READ_ONLY: 'readOnly',
+        READ_AND_WRITE: 'readAndWrite',
+      },
+      isReadAndWriteToken: sinon.stub().returns(true),
+      isReadOnlyToken: sinon.stub().returns(true),
+      tokenAccessEnabledForProject: sinon.stub().returns(true),
+      checkTokenHashPrefix: sinon.stub(),
+      makeTokenUrl: sinon.stub().returns('/'),
+      grantSessionTokenAccess: sinon.stub(),
+      promises: {
+        addReadOnlyUserToProject: sinon.stub().resolves(),
+        getProjectByToken: sinon.stub().resolves(this.project),
+        getV1DocPublishedInfo: sinon.stub().resolves({ allow: true }),
+        getV1DocInfo: sinon.stub(),
+        removeReadAndWriteUserFromProject: sinon.stub().resolves(),
+        moveReadAndWriteUserToReadOnly: sinon.stub().resolves(),
+      },
+    }
+
+    this.SessionManager = {
+      getLoggedInUserId: sinon.stub().returns(this.user._id),
+      getSessionUser: sinon.stub().returns(this.user._id),
+    }
+
+    this.AuthenticationController = {
+      setRedirectInSession: sinon.stub(),
+    }
+
+    this.AuthorizationManager = {
+      promises: {
+        getPrivilegeLevelForProject: sinon
+          .stub()
+          .resolves(PrivilegeLevels.NONE),
+      },
+    }
+
+    this.AuthorizationMiddleware = {}
+
+    this.ProjectAuditLogHandler = {
+      promises: {
+        addEntry: sinon.stub().resolves(),
+      },
+    }
+
+    this.SplitTestHandler = {
+      promises: {
+        getAssignment: sinon.stub().resolves({ variant: 'default' }),
+        getAssignmentForUser: sinon.stub().resolves({ variant: 'default' }),
+      },
+    }
+
+    this.CollaboratorsInviteHandler = {
+      promises: {
+        revokeInviteForUser: sinon.stub().resolves(),
+      },
+    }
+
+    this.CollaboratorsHandler = {
+      promises: {
+        addUserIdToProject: sinon.stub().resolves(),
+        setCollaboratorPrivilegeLevel: sinon.stub().resolves(),
+      },
+    }
+
+    this.CollaboratorsGetter = {
+      promises: {
+        userIsReadWriteTokenMember: sinon.stub().resolves(),
+        isUserInvitedReadWriteMemberOfProject: sinon.stub().resolves(),
+        isUserInvitedMemberOfProject: sinon.stub().resolves(),
+      },
+    }
+
+    this.EditorRealTimeController = { emitToRoom: sinon.stub() }
+
+    this.ProjectGetter = {
+      promises: {
+        getProject: sinon.stub().resolves(this.project),
+      },
+    }
+
+    this.AnalyticsManager = {
+      recordEventForSession: sinon.stub(),
+      recordEventForUserInBackground: sinon.stub(),
+    }
+
+    this.UserGetter = {
+      promises: {
+        getUser: sinon.stub().callsFake(async (userId, filter) => {
+          if (userId === this.userId) {
+            return this.user
+          } else {
+            return null
+          }
+        }),
+        getUserEmail: sinon.stub().resolves(),
+        getUserConfirmedEmails: sinon.stub().resolves(),
+      },
+    }
+
+    this.LimitationsManager = {
+      promises: {
+        canAcceptEditCollaboratorInvite: sinon.stub().resolves(),
+      },
+    }
+
+    this.TokenAccessController = await esmock.strict(MODULE_PATH, {
+      '@overleaf/settings': this.Settings,
+      '../../../../app/src/Features/TokenAccess/TokenAccessHandler':
+        this.TokenAccessHandler,
+      '../../../../app/src/Features/Authentication/AuthenticationController':
+        this.AuthenticationController,
+      '../../../../app/src/Features/Authentication/SessionManager':
+        this.SessionManager,
+      '../../../../app/src/Features/Authorization/AuthorizationManager':
+        this.AuthorizationManager,
+      '../../../../app/src/Features/Authorization/AuthorizationMiddleware':
+        this.AuthorizationMiddleware,
+      '../../../../app/src/Features/Project/ProjectAuditLogHandler':
+        this.ProjectAuditLogHandler,
+      '../../../../app/src/Features/SplitTests/SplitTestHandler':
+        this.SplitTestHandler,
+      '../../../../app/src/Features/Errors/Errors': (this.Errors = {
+        NotFoundError: sinon.stub(),
+      }),
+      '../../../../app/src/Features/Collaborators/CollaboratorsHandler':
+        this.CollaboratorsHandler,
+      '../../../../app/src/Features/Collaborators/CollaboratorsInviteHandler':
+        this.CollaboratorsInviteHandler,
+      '../../../../app/src/Features/Collaborators/CollaboratorsGetter':
+        this.CollaboratorsGetter,
+      '../../../../app/src/Features/Editor/EditorRealTimeController':
+        this.EditorRealTimeController,
+      '../../../../app/src/Features/Project/ProjectGetter': this.ProjectGetter,
+      '../../../../app/src/Features/Helpers/AsyncFormHelper':
+        (this.AsyncFormHelper = {
+          redirect: sinon.stub(),
+        }),
+      '../../../../app/src/Features/Helpers/AdminAuthorizationHelper':
+        (this.AdminAuthorizationHelper = {
+          canRedirectToAdminDomain: sinon.stub(),
+        }),
+      '../../../../app/src/Features/Helpers/UrlHelper': (this.UrlHelper = {
+        getSafeAdminDomainRedirect: sinon
+          .stub()
+          .callsFake(
+            path => `${this.Settings.adminUrl}${getSafeRedirectPath(path)}`
+          ),
+      }),
+      '../../../../app/src/Features/Analytics/AnalyticsManager':
+        this.AnalyticsManager,
+      '../../../../app/src/Features/User/UserGetter': this.UserGetter,
+      '../../../../app/src/Features/Subscription/LimitationsManager':
+        this.LimitationsManager,
+    })
+  })
+
+  describe('grantTokenAccessReadAndWrite', function () {
+    beforeEach(function () {
+      this.LimitationsManager.promises.canAcceptEditCollaboratorInvite.resolves(
+        true
+      )
+    })
+
+    describe('normal case (edit slot available)', function () {
+      beforeEach(function (done) {
+        this.LimitationsManager.promises.canAcceptEditCollaboratorInvite.resolves(
+          true
+        )
+        this.req.params = { token: this.token }
+        this.req.body = {
+          confirmedByUser: true,
+          tokenHashPrefix: '#prefix',
+        }
+        this.res.callback = done
+        this.TokenAccessController.grantTokenAccessReadAndWrite(
+          this.req,
+          this.res,
+          done
+        )
+      })
+
+      it('adds the user as a read and write invited member', function () {
+        expect(
+          this.CollaboratorsHandler.promises.addUserIdToProject
+        ).to.have.been.calledWith(
+          this.project._id,
+          undefined,
+          this.user._id,
+          PrivilegeLevels.READ_AND_WRITE
+        )
+      })
+
+      it('writes a project audit log', function () {
+        expect(
+          this.ProjectAuditLogHandler.promises.addEntry
+        ).to.have.been.calledWith(
+          this.project._id,
+          'accept-via-link-sharing',
+          this.user._id,
+          this.req.ip,
+          { privileges: 'readAndWrite' }
+        )
+      })
+
+      it('records a project-joined event for the user', function () {
+        expect(
+          this.AnalyticsManager.recordEventForUserInBackground
+        ).to.have.been.calledWith(this.user._id, 'project-joined', {
+          mode: 'edit',
+          projectId: this.project._id.toString(),
+          ownerId: this.project.owner_ref.toString(),
+          role: PrivilegeLevels.READ_AND_WRITE,
+          source: 'link-sharing',
+        })
+      })
+
+      it('emits a project membership changed event', function () {
+        expect(
+          this.EditorRealTimeController.emitToRoom
+        ).to.have.been.calledWith(
+          this.project._id,
+          'project:membership:changed',
+          { members: true, invites: true }
+        )
+      })
+
+      it('checks token hash', function () {
+        expect(
+          this.TokenAccessHandler.checkTokenHashPrefix
+        ).to.have.been.calledWith(
+          this.token,
+          '#prefix',
+          'readAndWrite',
+          this.user._id,
+          { projectId: this.project._id, action: 'continue' }
+        )
+      })
+    })
+
+    describe('when there are no edit collaborator slots available', function () {
+      beforeEach(function (done) {
+        this.LimitationsManager.promises.canAcceptEditCollaboratorInvite.resolves(
+          false
+        )
+        this.req.params = { token: this.token }
+        this.req.body = {
+          confirmedByUser: true,
+          tokenHashPrefix: '#prefix',
+        }
+        this.res.callback = done
+        this.TokenAccessController.grantTokenAccessReadAndWrite(
+          this.req,
+          this.res,
+          done
+        )
+      })
+
+      it('adds the user as a read only invited member instead (pendingEditor)', function () {
+        expect(
+          this.CollaboratorsHandler.promises.addUserIdToProject
+        ).to.have.been.calledWith(
+          this.project._id,
+          undefined,
+          this.user._id,
+          PrivilegeLevels.READ_ONLY,
+          { pendingEditor: true }
+        )
+      })
+
+      it('writes a project audit log', function () {
+        expect(
+          this.ProjectAuditLogHandler.promises.addEntry
+        ).to.have.been.calledWith(
+          this.project._id,
+          'accept-via-link-sharing',
+          this.user._id,
+          this.req.ip,
+          { privileges: 'readOnly', pendingEditor: true }
+        )
+      })
+
+      it('records a project-joined event for the user', function () {
+        expect(
+          this.AnalyticsManager.recordEventForUserInBackground
+        ).to.have.been.calledWith(this.user._id, 'project-joined', {
+          mode: 'view',
+          projectId: this.project._id.toString(),
+          pendingEditor: true,
+          ownerId: this.project.owner_ref.toString(),
+          role: PrivilegeLevels.READ_ONLY,
+          source: 'link-sharing',
+        })
+      })
+
+      it('emits a project membership changed event', function () {
+        expect(
+          this.EditorRealTimeController.emitToRoom
+        ).to.have.been.calledWith(
+          this.project._id,
+          'project:membership:changed',
+          { members: true, invites: true }
+        )
+      })
+
+      it('checks token hash', function () {
+        expect(
+          this.TokenAccessHandler.checkTokenHashPrefix
+        ).to.have.been.calledWith(
+          this.token,
+          '#prefix',
+          'readAndWrite',
+          this.user._id,
+          { projectId: this.project._id, action: 'continue' }
+        )
+      })
+    })
+
+    describe('when the access was already granted', function () {
+      beforeEach(function (done) {
+        this.project.tokenAccessReadAndWrite_refs.push(this.user._id)
+        this.req.params = { token: this.token }
+        this.req.body = { confirmedByUser: true }
+        this.res.callback = done
+        this.TokenAccessController.grantTokenAccessReadAndWrite(
+          this.req,
+          this.res,
+          done
+        )
+      })
+
+      it('writes a project audit log', function () {
+        expect(
+          this.ProjectAuditLogHandler.promises.addEntry
+        ).to.have.been.calledWith(
+          this.project._id,
+          'accept-via-link-sharing',
+          this.user._id,
+          this.req.ip,
+          { privileges: 'readAndWrite' }
+        )
+      })
+
+      it('checks token hash', function () {
+        expect(
+          this.TokenAccessHandler.checkTokenHashPrefix
+        ).to.have.been.calledWith(
+          this.token,
+          undefined,
+          'readAndWrite',
+          this.user._id,
+          { projectId: this.project._id, action: 'continue' }
+        )
+      })
+    })
+
+    describe('hash prefix missing in request', function () {
+      beforeEach(function (done) {
+        this.req.params = { token: this.token }
+        this.req.body = { confirmedByUser: true }
+        this.res.callback = done
+        this.TokenAccessController.grantTokenAccessReadAndWrite(
+          this.req,
+          this.res,
+          done
+        )
+      })
+
+      it('adds the user as a read and write invited member', function () {
+        expect(
+          this.CollaboratorsHandler.promises.addUserIdToProject
+        ).to.have.been.calledWith(
+          this.project._id,
+          undefined,
+          this.user._id,
+          PrivilegeLevels.READ_AND_WRITE
+        )
+      })
+
+      it('checks the hash prefix', function () {
+        expect(
+          this.TokenAccessHandler.checkTokenHashPrefix
+        ).to.have.been.calledWith(
+          this.token,
+          undefined,
+          'readAndWrite',
+          this.user._id,
+          { projectId: this.project._id, action: 'continue' }
+        )
+      })
+    })
+
+    describe('user is owner of project', function () {
+      beforeEach(function (done) {
+        this.AuthorizationManager.promises.getPrivilegeLevelForProject.returns(
+          PrivilegeLevels.OWNER
+        )
+        this.req.params = { token: this.token }
+        this.req.body = {}
+        this.res.callback = done
+        this.TokenAccessController.grantTokenAccessReadAndWrite(
+          this.req,
+          this.res,
+          done
+        )
+      })
+      it('checks token hash and includes log data', function () {
+        expect(
+          this.TokenAccessHandler.checkTokenHashPrefix
+        ).to.have.been.calledWith(
+          this.token,
+          undefined,
+          'readAndWrite',
+          this.user._id,
+          {
+            projectId: this.project._id,
+            action: 'user already has higher or same privilege',
+          }
+        )
+      })
+    })
+
+    describe('when user is not logged in', function () {
+      beforeEach(function () {
+        this.SessionManager.getLoggedInUserId.returns(null)
+        this.req.params = { token: this.token }
+        this.req.body = { tokenHashPrefix: '#prefix' }
+      })
+      describe('ANONYMOUS_READ_AND_WRITE_ENABLED is undefined', function () {
+        beforeEach(function (done) {
+          this.res.callback = done
+          this.TokenAccessController.grantTokenAccessReadAndWrite(
+            this.req,
+            this.res,
+            done
+          )
+        })
+
+        it('redirects to restricted', function () {
+          expect(this.res.json).to.have.been.calledWith({
+            redirect: '/restricted',
+            anonWriteAccessDenied: true,
+          })
+        })
+
+        it('checks the hash prefix and includes log data', function () {
+          expect(
+            this.TokenAccessHandler.checkTokenHashPrefix
+          ).to.have.been.calledWith(
+            this.token,
+            '#prefix',
+            'readAndWrite',
+            null,
+            {
+              action: 'denied anonymous read-and-write token access',
+            }
+          )
+        })
+
+        it('saves redirect URL with URL fragment', function () {
+          expect(
+            this.AuthenticationController.setRedirectInSession.lastCall.args[1]
+          ).to.equal('/#prefix')
+        })
+      })
+
+      describe('ANONYMOUS_READ_AND_WRITE_ENABLED is true', function () {
+        beforeEach(function (done) {
+          this.TokenAccessHandler.ANONYMOUS_READ_AND_WRITE_ENABLED = true
+          this.res.callback = done
+
+          this.TokenAccessController.grantTokenAccessReadAndWrite(
+            this.req,
+            this.res,
+            done
+          )
+        })
+
+        it('redirects to project', function () {
+          expect(this.res.json).to.have.been.calledWith({
+            redirect: `/project/${this.project._id}`,
+            grantAnonymousAccess: 'readAndWrite',
+          })
+        })
+
+        it('checks the hash prefix and includes log data', function () {
+          expect(
+            this.TokenAccessHandler.checkTokenHashPrefix
+          ).to.have.been.calledWith(
+            this.token,
+            '#prefix',
+            'readAndWrite',
+            null,
+            {
+              projectId: this.project._id,
+              action: 'granting read-write anonymous access',
+            }
+          )
+        })
+      })
+    })
+
+    describe('when Overleaf SaaS', function () {
+      beforeEach(function () {
+        this.Settings.overleaf = {}
+      })
+      describe('when token is for v1 project', function () {
+        beforeEach(function (done) {
+          this.TokenAccessHandler.promises.getProjectByToken.resolves(undefined)
+          this.TokenAccessHandler.promises.getV1DocInfo.resolves({
+            exists: true,
+            has_owner: true,
+          })
+          this.req.params = { token: this.token }
+          this.req.body = { tokenHashPrefix: '#prefix' }
+          this.res.callback = done
+          this.TokenAccessController.grantTokenAccessReadAndWrite(
+            this.req,
+            this.res,
+            done
+          )
+        })
+        it('returns v1 import data', function () {
+          expect(this.res.json).to.have.been.calledWith({
+            v1Import: {
+              status: 'canDownloadZip',
+              projectId: this.token,
+              hasOwner: true,
+              name: 'Untitled',
+              brandInfo: undefined,
+            },
+          })
+        })
+        it('checks the hash prefix and includes log data', function () {
+          expect(
+            this.TokenAccessHandler.checkTokenHashPrefix
+          ).to.have.been.calledWith(
+            this.token,
+            '#prefix',
+            'readAndWrite',
+            this.user._id,
+            {
+              action: 'import v1',
+            }
+          )
+        })
+      })
+
+      describe('when token is not for a v1 or v2 project', function () {
+        beforeEach(function (done) {
+          this.TokenAccessHandler.promises.getProjectByToken.resolves(undefined)
+          this.TokenAccessHandler.promises.getV1DocInfo.resolves({
+            exists: false,
+          })
+          this.req.params = { token: this.token }
+          this.req.body = { tokenHashPrefix: '#prefix' }
+          this.res.callback = done
+          this.TokenAccessController.grantTokenAccessReadAndWrite(
+            this.req,
+            this.res,
+            done
+          )
+        })
+        it('returns 404', function () {
+          expect(this.res.sendStatus).to.have.been.calledWith(404)
+        })
+        it('checks the hash prefix and includes log data', function () {
+          expect(
+            this.TokenAccessHandler.checkTokenHashPrefix
+          ).to.have.been.calledWith(
+            this.token,
+            '#prefix',
+            'readAndWrite',
+            this.user._id,
+            {
+              action: '404',
+            }
+          )
+        })
+      })
+    })
+
+    describe('not Overleaf SaaS', function () {
+      beforeEach(function () {
+        this.TokenAccessHandler.promises.getProjectByToken.resolves(undefined)
+        this.req.params = { token: this.token }
+        this.req.body = { tokenHashPrefix: '#prefix' }
+      })
+      it('passes Errors.NotFoundError to next when project not found and still checks token hash', function (done) {
+        this.TokenAccessController.grantTokenAccessReadAndWrite(
+          this.req,
+          this.res,
+          args => {
+            expect(args).to.be.instanceof(this.Errors.NotFoundError)
+
+            expect(
+              this.TokenAccessHandler.checkTokenHashPrefix
+            ).to.have.been.calledWith(
+              this.token,
+              '#prefix',
+              'readAndWrite',
+              this.user._id,
+              {
+                action: '404',
+              }
+            )
+
+            done()
+          }
+        )
+      })
+    })
+
+    describe('when user is admin', function () {
+      const admin = { _id: new ObjectId(), isAdmin: true }
+      beforeEach(function () {
+        this.SessionManager.getLoggedInUserId.returns(admin._id)
+        this.SessionManager.getSessionUser.returns(admin)
+        this.AdminAuthorizationHelper.canRedirectToAdminDomain.returns(true)
+        this.req.params = { token: this.token }
+        this.req.body = { confirmedByUser: true, tokenHashPrefix: '#prefix' }
+      })
+
+      it('redirects if project owner is non-admin', function () {
+        this.UserGetter.promises.getUserConfirmedEmails = sinon
+          .stub()
+          .resolves([{ email: 'test@not-overleaf.com' }])
+        this.res.callback = () => {
+          expect(this.res.json).to.have.been.calledWith({
+            redirect: `${this.Settings.adminUrl}/#prefix`,
+          })
+        }
+        this.TokenAccessController.grantTokenAccessReadAndWrite(
+          this.req,
+          this.res
+        )
+      })
+
+      it('grants access if project owner is an internal staff', function () {
+        const internalStaff = { _id: new ObjectId(), isAdmin: true }
+        const projectFromInternalStaff = {
+          _id: new ObjectId(),
+          name: 'test',
+          tokenAccessReadAndWrite_refs: [],
+          tokenAccessReadOnly_refs: [],
+          owner_ref: internalStaff._id,
+        }
+        this.UserGetter.promises.getUser = sinon.stub().resolves(internalStaff)
+        this.UserGetter.promises.getUserConfirmedEmails = sinon
+          .stub()
+          .resolves([{ email: 'test@overleaf.com' }])
+        this.TokenAccessHandler.promises.getProjectByToken = sinon
+          .stub()
+          .resolves(projectFromInternalStaff)
+        this.res.callback = () => {
+          expect(
+            this.CollaboratorsHandler.promises.addUserIdToProject
+          ).to.have.been.calledWith(
+            projectFromInternalStaff._id,
+            undefined,
+            admin._id,
+            PrivilegeLevels.READ_AND_WRITE
+          )
+        }
+        this.TokenAccessController.grantTokenAccessReadAndWrite(
+          this.req,
+          this.res
+        )
+      })
+    })
+
+    it('passes Errors.NotFoundError to next when token access is not enabled but still checks token hash', function (done) {
+      this.TokenAccessHandler.tokenAccessEnabledForProject.returns(false)
+      this.req.params = { token: this.token }
+      this.req.body = { tokenHashPrefix: '#prefix' }
+      this.TokenAccessController.grantTokenAccessReadAndWrite(
+        this.req,
+        this.res,
+        args => {
+          expect(args).to.be.instanceof(this.Errors.NotFoundError)
+
+          expect(
+            this.TokenAccessHandler.checkTokenHashPrefix
+          ).to.have.been.calledWith(
+            this.token,
+            '#prefix',
+            'readAndWrite',
+            this.user._id,
+            {
+              projectId: this.project._id,
+              action: 'token access not enabled',
+            }
+          )
+
+          done()
+        }
+      )
+    })
+
+    it('returns 400 when not using a read write token', function () {
+      this.TokenAccessHandler.isReadAndWriteToken.returns(false)
+      this.req.params = { token: this.token }
+      this.req.body = { tokenHashPrefix: '#prefix' }
+      this.TokenAccessController.grantTokenAccessReadAndWrite(
+        this.req,
+        this.res
+      )
+      expect(this.res.sendStatus).to.have.been.calledWith(400)
+    })
+  })
+
+  describe('grantTokenAccessReadOnly', function () {
+    describe('normal case', function () {
+      beforeEach(function (done) {
+        this.req.params = { token: this.token }
+        this.req.body = { confirmedByUser: true, tokenHashPrefix: '#prefix' }
+        this.res.callback = done
+        this.TokenAccessController.grantTokenAccessReadOnly(
+          this.req,
+          this.res,
+          done
+        )
+      })
+
+      it('grants read-only access', function () {
+        expect(
+          this.TokenAccessHandler.promises.addReadOnlyUserToProject
+        ).to.have.been.calledWith(
+          this.user._id,
+          this.project._id,
+          this.project.owner_ref
+        )
+      })
+
+      it('writes a project audit log', function () {
+        expect(
+          this.ProjectAuditLogHandler.promises.addEntry
+        ).to.have.been.calledWith(
+          this.project._id,
+          'join-via-token',
+          this.user._id,
+          this.req.ip,
+          { privileges: 'readOnly' }
+        )
+      })
+
+      it('checks if hash prefix matches', function () {
+        expect(
+          this.TokenAccessHandler.checkTokenHashPrefix
+        ).to.have.been.calledWith(
+          this.token,
+          '#prefix',
+          'readOnly',
+          this.user._id,
+          { projectId: this.project._id, action: 'continue' }
+        )
+      })
+    })
+
+    describe('when the access was already granted', function () {
+      beforeEach(function (done) {
+        this.project.tokenAccessReadOnly_refs.push(this.user._id)
+        this.req.params = { token: this.token }
+        this.req.body = { confirmedByUser: true }
+        this.res.callback = done
+        this.TokenAccessController.grantTokenAccessReadOnly(
+          this.req,
+          this.res,
+          done
+        )
+      })
+
+      it("doesn't write a project audit log", function () {
+        expect(this.ProjectAuditLogHandler.promises.addEntry).to.not.have.been
+          .called
+      })
+
+      it('still checks if hash prefix matches', function () {
+        expect(
+          this.TokenAccessHandler.checkTokenHashPrefix
+        ).to.have.been.calledWith(
+          this.token,
+          undefined,
+          'readOnly',
+          this.user._id,
+          { projectId: this.project._id, action: 'continue' }
+        )
+      })
+    })
+
+    it('returns 400 when not using a read only token', function () {
+      this.TokenAccessHandler.isReadOnlyToken.returns(false)
+      this.req.params = { token: this.token }
+      this.req.body = { tokenHashPrefix: '#prefix' }
+      this.TokenAccessController.grantTokenAccessReadOnly(this.req, this.res)
+      expect(this.res.sendStatus).to.have.been.calledWith(400)
+    })
+
+    describe('anonymous users', function () {
+      beforeEach(function (done) {
+        this.req.params = { token: this.token }
+        this.SessionManager.getLoggedInUserId.returns(null)
+        this.res.callback = done
+
+        this.TokenAccessController.grantTokenAccessReadOnly(
+          this.req,
+          this.res,
+          done
+        )
+      })
+
+      it('allows anonymous users and checks the token hash', function () {
+        expect(this.res.json).to.have.been.calledWith({
+          redirect: `/project/${this.project._id}`,
+          grantAnonymousAccess: 'readOnly',
+        })
+
+        expect(
+          this.TokenAccessHandler.checkTokenHashPrefix
+        ).to.have.been.calledWith(this.token, undefined, 'readOnly', null, {
+          projectId: this.project._id,
+          action: 'granting read-only anonymous access',
+        })
+      })
+    })
+
+    describe('user is owner of project', function () {
+      beforeEach(function (done) {
+        this.AuthorizationManager.promises.getPrivilegeLevelForProject.returns(
+          PrivilegeLevels.OWNER
+        )
+        this.req.params = { token: this.token }
+        this.req.body = {}
+        this.res.callback = done
+        this.TokenAccessController.grantTokenAccessReadOnly(
+          this.req,
+          this.res,
+          done
+        )
+      })
+      it('checks token hash and includes log data', function () {
+        expect(
+          this.TokenAccessHandler.checkTokenHashPrefix
+        ).to.have.been.calledWith(
+          this.token,
+          undefined,
+          'readOnly',
+          this.user._id,
+          {
+            projectId: this.project._id,
+            action: 'user already has higher or same privilege',
+          }
+        )
+      })
+    })
+
+    it('passes Errors.NotFoundError to next when token access is not enabled but still checks token hash', function (done) {
+      this.TokenAccessHandler.tokenAccessEnabledForProject.returns(false)
+      this.req.params = { token: this.token }
+      this.req.body = { tokenHashPrefix: '#prefix' }
+      this.TokenAccessController.grantTokenAccessReadOnly(
+        this.req,
+        this.res,
+        args => {
+          expect(args).to.be.instanceof(this.Errors.NotFoundError)
+
+          expect(
+            this.TokenAccessHandler.checkTokenHashPrefix
+          ).to.have.been.calledWith(
+            this.token,
+            '#prefix',
+            'readOnly',
+            this.user._id,
+            {
+              projectId: this.project._id,
+              action: 'token access not enabled',
+            }
+          )
+
+          done()
+        }
+      )
+    })
+  })
+
+  describe('ensureUserCanUseSharingUpdatesConsentPage', function () {
+    beforeEach(function () {
+      this.req.params = { Project_id: this.project._id }
+    })
+
+    describe('when not in link sharing changes test', function () {
+      beforeEach(function (done) {
+        this.AsyncFormHelper.redirect = sinon.stub().callsFake(() => done())
+        this.TokenAccessController.ensureUserCanUseSharingUpdatesConsentPage(
+          this.req,
+          this.res,
+          done
+        )
+      })
+
+      it('redirects to the project/editor', function () {
+        expect(this.AsyncFormHelper.redirect).to.have.been.calledWith(
+          this.req,
+          this.res,
+          `/project/${this.project._id}`
+        )
+      })
+    })
+
+    describe('when link sharing changes test active', function () {
+      beforeEach(function () {
+        this.SplitTestHandler.promises.getAssignmentForUser.resolves({
+          variant: 'active',
+        })
+      })
+
+      describe('when user is not an invited editor and is a read write token member', function () {
+        beforeEach(function (done) {
+          this.CollaboratorsGetter.promises.isUserInvitedReadWriteMemberOfProject.resolves(
+            false
+          )
+          this.CollaboratorsGetter.promises.userIsReadWriteTokenMember.resolves(
+            true
+          )
+          this.next.callsFake(() => done())
+          this.TokenAccessController.ensureUserCanUseSharingUpdatesConsentPage(
+            this.req,
+            this.res,
+            this.next
+          )
+        })
+
+        it('calls next', function () {
+          expect(
+            this.CollaboratorsGetter.promises
+              .isUserInvitedReadWriteMemberOfProject
+          ).to.have.been.calledWith(this.user._id, this.project._id)
+          expect(
+            this.CollaboratorsGetter.promises.userIsReadWriteTokenMember
+          ).to.have.been.calledWith(this.user._id, this.project._id)
+          expect(this.next).to.have.been.calledOnce
+          expect(this.next.firstCall.args[0]).to.not.exist
+        })
+      })
+
+      describe('when user is already an invited editor', function () {
+        beforeEach(function (done) {
+          this.CollaboratorsGetter.promises.isUserInvitedReadWriteMemberOfProject.resolves(
+            true
+          )
+          this.AsyncFormHelper.redirect = sinon.stub().callsFake(() => done())
+          this.TokenAccessController.ensureUserCanUseSharingUpdatesConsentPage(
+            this.req,
+            this.res,
+            done
+          )
+        })
+
+        it('redirects to the project/editor', function () {
+          expect(this.AsyncFormHelper.redirect).to.have.been.calledWith(
+            this.req,
+            this.res,
+            `/project/${this.project._id}`
+          )
+        })
+      })
+
+      describe('when user not a read write token member', function () {
+        beforeEach(function (done) {
+          this.CollaboratorsGetter.promises.userIsReadWriteTokenMember.resolves(
+            false
+          )
+          this.AsyncFormHelper.redirect = sinon.stub().callsFake(() => done())
+          this.TokenAccessController.ensureUserCanUseSharingUpdatesConsentPage(
+            this.req,
+            this.res,
+            done
+          )
+        })
+
+        it('redirects to the project/editor', function () {
+          expect(this.AsyncFormHelper.redirect).to.have.been.calledWith(
+            this.req,
+            this.res,
+            `/project/${this.project._id}`
+          )
+        })
+      })
+    })
+  })
+
+  describe('moveReadWriteToCollaborators', function () {
+    beforeEach(function () {
+      this.req.params = { Project_id: this.project._id }
+    })
+
+    describe('when there are collaborator slots available', function () {
+      beforeEach(function () {
+        this.LimitationsManager.promises.canAcceptEditCollaboratorInvite.resolves(
+          true
+        )
+      })
+
+      describe('previously joined token access user moving to named collaborator', function () {
+        beforeEach(function (done) {
+          this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject.resolves(
+            false
+          )
+          this.res.callback = done
+          this.TokenAccessController.moveReadWriteToCollaborators(
+            this.req,
+            this.res,
+            done
+          )
+        })
+
+        it('sets the privilege level to read and write for the invited viewer', function () {
+          expect(
+            this.TokenAccessHandler.promises.removeReadAndWriteUserFromProject
+          ).to.have.been.calledWith(this.user._id, this.project._id)
+          expect(
+            this.CollaboratorsHandler.promises.addUserIdToProject
+          ).to.have.been.calledWith(
+            this.project._id,
+            undefined,
+            this.user._id,
+            PrivilegeLevels.READ_AND_WRITE
+          )
+          expect(this.res.sendStatus).to.have.been.calledWith(204)
+        })
+      })
+    })
+
+    describe('when there are no edit collaborator slots available', function () {
+      beforeEach(function () {
+        this.LimitationsManager.promises.canAcceptEditCollaboratorInvite.resolves(
+          false
+        )
+      })
+
+      describe('previously joined token access user moving to named collaborator', function () {
+        beforeEach(function (done) {
+          this.CollaboratorsGetter.promises.isUserInvitedMemberOfProject.resolves(
+            false
+          )
+          this.res.callback = done
+          this.TokenAccessController.moveReadWriteToCollaborators(
+            this.req,
+            this.res,
+            done
+          )
+        })
+
+        it('sets the privilege level to read only for the invited viewer (pendingEditor)', function () {
+          expect(
+            this.TokenAccessHandler.promises.removeReadAndWriteUserFromProject
+          ).to.have.been.calledWith(this.user._id, this.project._id)
+          expect(
+            this.CollaboratorsHandler.promises.addUserIdToProject
+          ).to.have.been.calledWith(
+            this.project._id,
+            undefined,
+            this.user._id,
+            PrivilegeLevels.READ_ONLY,
+            { pendingEditor: true }
+          )
+          expect(this.res.sendStatus).to.have.been.calledWith(204)
+        })
+      })
+    })
+  })
+
+  describe('moveReadWriteToReadOnly', function () {
+    beforeEach(function () {
+      this.req.params = { Project_id: this.project._id }
+    })
+
+    describe('previously joined token access user moving to anonymous viewer', function () {
+      beforeEach(function (done) {
+        this.res.callback = done
+        this.TokenAccessController.moveReadWriteToReadOnly(
+          this.req,
+          this.res,
+          done
+        )
+      })
+
+      it('removes them from read write token access refs and adds them to read only token access refs', function () {
+        expect(
+          this.TokenAccessHandler.promises.moveReadAndWriteUserToReadOnly
+        ).to.have.been.calledWith(this.user._id, this.project._id)
+        expect(this.res.sendStatus).to.have.been.calledWith(204)
+      })
+
+      it('writes a project audit log', function () {
+        expect(
+          this.ProjectAuditLogHandler.promises.addEntry
+        ).to.have.been.calledWith(
+          this.project._id,
+          'readonly-via-sharing-updates',
+          this.user._id,
+          this.req.ip
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/TokenAccess/TokenAccessHandlerTests.js b/services/web/test/unit/src/TokenAccess/TokenAccessHandlerTests.js
new file mode 100644
index 0000000..52ed31d
--- /dev/null
+++ b/services/web/test/unit/src/TokenAccess/TokenAccessHandlerTests.js
@@ -0,0 +1,758 @@
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const sinon = require('sinon')
+const modulePath = path.join(
+  __dirname,
+  '../../../../app/src/Features/TokenAccess/TokenAccessHandler'
+)
+const { expect } = require('chai')
+const { ObjectId } = require('mongodb-legacy')
+const PrivilegeLevels = require('../../../../app/src/Features/Authorization/PrivilegeLevels')
+
+describe('TokenAccessHandler', function () {
+  beforeEach(function () {
+    this.token = 'abcdefabcdef'
+    this.projectId = new ObjectId()
+    this.project = {
+      _id: this.projectId,
+      publicAccesLevel: 'tokenBased',
+      owner_ref: new ObjectId(),
+    }
+    this.userId = new ObjectId()
+    this.req = {}
+    this.TokenAccessHandler = SandboxedModule.require(modulePath, {
+      requires: {
+        'mongodb-legacy': { ObjectId },
+        '../../models/Project': { Project: (this.Project = {}) },
+        '@overleaf/metrics': (this.Metrics = { inc: sinon.stub() }),
+        '@overleaf/settings': (this.settings = {}),
+        '../V1/V1Api': (this.V1Api = {
+          promises: {
+            request: sinon.stub(),
+          },
+        }),
+        crypto: (this.Crypto = require('crypto')),
+        '../Analytics/AnalyticsManager': (this.Analytics = {
+          recordEventForUserInBackground: sinon.stub(),
+        }),
+      },
+    })
+  })
+
+  describe('getTokenType', function () {
+    it('should determine tokens correctly', function () {
+      const specs = {
+        abcdefabcdef: 'readOnly',
+        aaaaaabbbbbb: 'readOnly',
+        '54325aaaaaa': 'readAndWrite',
+        '54325aaaaaabbbbbb': 'readAndWrite',
+        '': null,
+        abc123def: null,
+      }
+      for (const token of Object.keys(specs)) {
+        expect(this.TokenAccessHandler.getTokenType(token)).to.equal(
+          specs[token]
+        )
+      }
+    })
+  })
+
+  describe('getProjectByReadOnlyToken', function () {
+    beforeEach(function () {
+      this.token = 'abcdefabcdef'
+      this.Project.findOne = sinon.stub().returns({
+        exec: sinon.stub().resolves(this.project),
+      })
+    })
+
+    it('should get the project', async function () {
+      const project =
+        await this.TokenAccessHandler.promises.getProjectByReadOnlyToken(
+          this.token
+        )
+      expect(project).to.exist
+      expect(this.Project.findOne.callCount).to.equal(1)
+    })
+  })
+
+  describe('getProjectByReadAndWriteToken', function () {
+    beforeEach(function () {
+      sinon.spy(this.Crypto, 'timingSafeEqual')
+      this.token = '1234abcdefabcdef'
+      this.project.tokens = {
+        readAndWrite: this.token,
+        readAndWritePrefix: '1234',
+      }
+      this.Project.findOne = sinon.stub().returns({
+        exec: sinon.stub().resolves(this.project),
+      })
+    })
+
+    afterEach(function () {
+      this.Crypto.timingSafeEqual.restore()
+    })
+
+    it('should get the project and do timing-safe comparison', async function () {
+      const project =
+        await this.TokenAccessHandler.promises.getProjectByReadAndWriteToken(
+          this.token
+        )
+      expect(project).to.exist
+      expect(this.Crypto.timingSafeEqual.callCount).to.equal(1)
+      expect(
+        this.Crypto.timingSafeEqual.calledWith(Buffer.from(this.token))
+      ).to.equal(true)
+      expect(this.Project.findOne.callCount).to.equal(1)
+    })
+  })
+
+  describe('addReadOnlyUserToProject', function () {
+    beforeEach(function () {
+      this.Project.updateOne = sinon.stub().returns({
+        exec: sinon.stub().resolves(null),
+      })
+    })
+
+    it('should call Project.updateOne', async function () {
+      await this.TokenAccessHandler.promises.addReadOnlyUserToProject(
+        this.userId,
+        this.projectId,
+        this.project.owner_ref
+      )
+      expect(this.Project.updateOne.callCount).to.equal(1)
+      expect(
+        this.Project.updateOne.calledWith({
+          _id: this.projectId,
+        })
+      ).to.equal(true)
+      expect(this.Project.updateOne.lastCall.args[1].$addToSet).to.have.keys(
+        'tokenAccessReadOnly_refs'
+      )
+      sinon.assert.calledWith(
+        this.Analytics.recordEventForUserInBackground,
+        this.userId,
+        'project-joined',
+        {
+          mode: 'view',
+          role: PrivilegeLevels.READ_ONLY,
+          projectId: this.projectId.toString(),
+          ownerId: this.project.owner_ref.toString(),
+          source: 'link-sharing',
+        }
+      )
+    })
+
+    describe('when Project.updateOne produces an error', function () {
+      beforeEach(function () {
+        this.Project.updateOne = sinon
+          .stub()
+          .returns({ exec: sinon.stub().rejects(new Error('woops')) })
+      })
+
+      it('should be rejected', async function () {
+        await expect(
+          this.TokenAccessHandler.promises.addReadOnlyUserToProject(
+            this.userId,
+            this.projectId
+          )
+        ).to.be.rejected
+      })
+    })
+  })
+
+  describe('removeReadAndWriteUserFromProject', function () {
+    beforeEach(function () {
+      this.Project.updateOne = sinon
+        .stub()
+        .returns({ exec: sinon.stub().resolves(null) })
+    })
+
+    it('should call Project.updateOne', async function () {
+      await this.TokenAccessHandler.promises.removeReadAndWriteUserFromProject(
+        this.userId,
+        this.projectId
+      )
+
+      expect(this.Project.updateOne.callCount).to.equal(1)
+      expect(
+        this.Project.updateOne.calledWith({
+          _id: this.projectId,
+        })
+      ).to.equal(true)
+      expect(this.Project.updateOne.lastCall.args[1].$pull).to.have.keys(
+        'tokenAccessReadAndWrite_refs'
+      )
+    })
+  })
+
+  describe('moveReadAndWriteUserToReadOnly', function () {
+    beforeEach(function () {
+      this.Project.updateOne = sinon
+        .stub()
+        .returns({ exec: sinon.stub().resolves(null) })
+    })
+
+    it('should call Project.updateOne', async function () {
+      await this.TokenAccessHandler.promises.moveReadAndWriteUserToReadOnly(
+        this.userId,
+        this.projectId
+      )
+
+      expect(this.Project.updateOne.callCount).to.equal(1)
+      expect(
+        this.Project.updateOne.calledWith({
+          _id: this.projectId,
+        })
+      ).to.equal(true)
+      expect(this.Project.updateOne.lastCall.args[1].$pull).to.have.keys(
+        'tokenAccessReadAndWrite_refs'
+      )
+      expect(this.Project.updateOne.lastCall.args[1].$addToSet).to.have.keys(
+        'tokenAccessReadOnly_refs'
+      )
+    })
+  })
+
+  describe('grantSessionTokenAccess', function () {
+    beforeEach(function () {
+      this.req = { session: {}, headers: {} }
+    })
+
+    it('should add the token to the session', function () {
+      this.TokenAccessHandler.promises.grantSessionTokenAccess(
+        this.req,
+        this.projectId,
+        this.token
+      )
+      expect(
+        this.req.session.anonTokenAccess[this.projectId.toString()]
+      ).to.equal(this.token)
+    })
+  })
+
+  describe('validateTokenForAnonymousAccess', function () {
+    describe('when a read-only project is found', function () {
+      beforeEach(function () {
+        this.TokenAccessHandler.getTokenType = sinon.stub().returns('readOnly')
+        this.TokenAccessHandler.promises.getProjectByToken = sinon
+          .stub()
+          .resolves(this.project)
+      })
+
+      it('should try to find projects with both kinds of token', async function () {
+        await this.TokenAccessHandler.promises.validateTokenForAnonymousAccess(
+          this.projectId,
+          this.token
+        )
+
+        expect(
+          this.TokenAccessHandler.promises.getProjectByToken.callCount
+        ).to.equal(1)
+      })
+
+      it('should allow read-only access', async function () {
+        const { isValidReadAndWrite, isValidReadOnly } =
+          await this.TokenAccessHandler.promises.validateTokenForAnonymousAccess(
+            this.projectId,
+            this.token
+          )
+
+        expect(isValidReadAndWrite).to.equal(false)
+        expect(isValidReadOnly).to.equal(true)
+      })
+    })
+
+    describe('when a read-and-write project is found', function () {
+      beforeEach(function () {
+        this.TokenAccessHandler.promises.getTokenType = sinon
+          .stub()
+          .returns('readAndWrite')
+        this.TokenAccessHandler.promises.getProjectByToken = sinon
+          .stub()
+          .resolves(this.project)
+      })
+
+      describe('when Anonymous token access is not enabled', function () {
+        beforeEach(function () {
+          this.TokenAccessHandler.ANONYMOUS_READ_AND_WRITE_ENABLED = false
+        })
+
+        it('should try to find projects with both kinds of token', async function () {
+          await this.TokenAccessHandler.promises.validateTokenForAnonymousAccess(
+            this.projectId,
+            this.token
+          )
+
+          expect(
+            this.TokenAccessHandler.promises.getProjectByToken.callCount
+          ).to.equal(1)
+        })
+
+        it('should not allow read-and-write access', async function () {
+          const { isValidReadAndWrite, isValidReadOnly } =
+            await this.TokenAccessHandler.promises.validateTokenForAnonymousAccess(
+              this.projectId,
+              this.token
+            )
+
+          expect(isValidReadAndWrite).to.equal(false)
+          expect(isValidReadOnly).to.equal(false)
+        })
+      })
+
+      describe('when anonymous token access is enabled', function () {
+        beforeEach(function () {
+          this.TokenAccessHandler.promises.ANONYMOUS_READ_AND_WRITE_ENABLED = true
+        })
+
+        it('should try to find projects with both kinds of token', async function () {
+          await this.TokenAccessHandler.promises.validateTokenForAnonymousAccess(
+            this.projectId,
+            this.token
+          )
+
+          expect(
+            this.TokenAccessHandler.promises.getProjectByToken.callCount
+          ).to.equal(1)
+        })
+
+        it('should allow read-and-write access', async function () {
+          const { isValidReadAndWrite, isValidReadOnly } =
+            await this.TokenAccessHandler.promises.validateTokenForAnonymousAccess(
+              this.projectId,
+              this.token
+            )
+
+          expect(isValidReadAndWrite).to.equal(true)
+          expect(isValidReadOnly).to.equal(false)
+        })
+      })
+    })
+
+    describe('when no project is found', function () {
+      beforeEach(function () {
+        this.TokenAccessHandler.promises.getProjectByToken = sinon
+          .stub()
+          .resolves(null)
+      })
+
+      it('should try to find projects with both kinds of token', async function () {
+        await this.TokenAccessHandler.promises.validateTokenForAnonymousAccess(
+          this.projectId,
+          this.token
+        )
+
+        expect(
+          this.TokenAccessHandler.promises.getProjectByToken.callCount
+        ).to.equal(1)
+      })
+
+      it('should not allow any access', async function () {
+        const { isValidReadAndWrite, isValidReadOnly } =
+          await this.TokenAccessHandler.promises.validateTokenForAnonymousAccess(
+            this.projectId,
+            this.token
+          )
+
+        expect(isValidReadAndWrite).to.equal(false)
+        expect(isValidReadOnly).to.equal(false)
+      })
+    })
+
+    describe('when findProject produces an error', function () {
+      beforeEach(function () {
+        this.TokenAccessHandler.promises.getProjectByToken = sinon
+          .stub()
+          .rejects(new Error('woops'))
+      })
+
+      it('should try to find projects with both kinds of token', async function () {
+        await expect(
+          this.TokenAccessHandler.promises.validateTokenForAnonymousAccess(
+            this.projectId,
+            this.token
+          )
+        ).to.be.rejected
+
+        expect(
+          this.TokenAccessHandler.promises.getProjectByToken.callCount
+        ).to.equal(1)
+      })
+
+      it('should produce an error and not allow access', async function () {
+        await expect(
+          this.TokenAccessHandler.promises.validateTokenForAnonymousAccess(
+            this.projectId,
+            this.token
+          )
+        ).to.be.rejected
+      })
+    })
+
+    describe('when project is not set to token-based access', function () {
+      beforeEach(function () {
+        this.project.publicAccesLevel = 'private'
+      })
+
+      describe('for read-and-write project', function () {
+        beforeEach(function () {
+          this.TokenAccessHandler.getTokenType = sinon
+            .stub()
+            .returns('readAndWrite')
+          this.TokenAccessHandler.promises.getProjectByToken = sinon
+            .stub()
+            .resolves(this.project)
+        })
+
+        it('should not allow any access', async function () {
+          const { isValidReadAndWrite, isValidReadOnly } =
+            await this.TokenAccessHandler.promises.validateTokenForAnonymousAccess(
+              this.projectId,
+              this.token
+            )
+
+          expect(isValidReadAndWrite).to.equal(false)
+          expect(isValidReadOnly).to.equal(false)
+        })
+      })
+
+      describe('for read-only project', function () {
+        beforeEach(function () {
+          this.TokenAccessHandler.getTokenType = sinon
+            .stub()
+            .returns('readOnly')
+          this.TokenAccessHandler.promises.getProjectByToken = sinon
+            .stub()
+            .resolves(this.project)
+        })
+
+        it('should not allow any access', async function () {
+          const { isValidReadAndWrite, isValidReadOnly } =
+            await this.TokenAccessHandler.promises.validateTokenForAnonymousAccess(
+              this.projectId,
+              this.token
+            )
+
+          expect(isValidReadAndWrite).to.equal(false)
+          expect(isValidReadOnly).to.equal(false)
+        })
+      })
+
+      describe('with nothing', function () {
+        beforeEach(function () {
+          this.TokenAccessHandler.promises.getProjectByToken = sinon
+            .stub()
+            .resolves(null)
+        })
+
+        it('should not allow any access', async function () {
+          const { isValidReadAndWrite, isValidReadOnly } =
+            await this.TokenAccessHandler.promises.validateTokenForAnonymousAccess(
+              this.projectId,
+              this.token
+            )
+
+          expect(isValidReadAndWrite).to.equal(false)
+          expect(isValidReadOnly).to.equal(false)
+        })
+      })
+    })
+  })
+
+  describe('getDocPublishedInfo', function () {
+    describe('when v1 api not set', function () {
+      beforeEach(function () {
+        this.settings.apis = { v1: undefined }
+      })
+
+      it('should not check access and return default info', async function () {
+        const info =
+          await this.TokenAccessHandler.promises.getV1DocPublishedInfo(
+            this.token
+          )
+
+        expect(this.V1Api.promises.request.called).to.equal(false)
+        expect(info).to.deep.equal({
+          allow: true,
+        })
+      })
+    })
+
+    describe('when v1 api is set', function () {
+      beforeEach(function () {
+        this.settings.apis = { v1: { url: 'v1Url' } }
+      })
+
+      describe('on V1Api.request success', function () {
+        beforeEach(function () {
+          this.V1Api.promises.request = sinon
+            .stub()
+            .resolves({ body: 'mock-data' })
+        })
+
+        it('should return response body', async function () {
+          const info =
+            await this.TokenAccessHandler.promises.getV1DocPublishedInfo(
+              this.token
+            )
+
+          expect(
+            this.V1Api.promises.request.calledWith({
+              url: `/api/v1/overleaf/docs/${this.token}/is_published`,
+            })
+          ).to.equal(true)
+          expect(info).to.equal('mock-data')
+        })
+      })
+
+      describe('on V1Api.request error', function () {
+        beforeEach(function () {
+          this.V1Api.promises.request = sinon.stub().rejects('error')
+        })
+
+        it('should be rejected', async function () {
+          await expect(
+            this.TokenAccessHandler.promises.getV1DocPublishedInfo(this.token)
+          ).to.be.rejected
+        })
+      })
+    })
+  })
+
+  describe('getV1DocInfo', function () {
+    describe('when v1 api not set', function () {
+      it('should not check access and return default info', async function () {
+        const info = await this.TokenAccessHandler.promises.getV1DocInfo(
+          this.token,
+          this.v2UserId
+        )
+
+        expect(this.V1Api.promises.request.called).to.equal(false)
+        expect(info).to.deep.equal({
+          exists: true,
+          exported: false,
+        })
+      })
+    })
+
+    describe('when v1 api is set', function () {
+      beforeEach(function () {
+        this.settings.apis = { v1: 'v1' }
+      })
+
+      describe('on V1Api.request success', function () {
+        beforeEach(function () {
+          this.V1Api.promises.request = sinon
+            .stub()
+            .resolves({ body: 'mock-data' })
+        })
+
+        it('should return response body', async function () {
+          const info = await this.TokenAccessHandler.promises.getV1DocInfo(
+            this.token,
+            this.v2UserId
+          )
+
+          expect(
+            this.V1Api.promises.request.calledWith({
+              url: `/api/v1/overleaf/docs/${this.token}/info`,
+            })
+          ).to.equal(true)
+          expect(info).to.equal('mock-data')
+        })
+      })
+
+      describe('on V1Api.request error', function () {
+        beforeEach(function () {
+          this.V1Api.promises.request = sinon.stub().rejects('error')
+        })
+
+        it('should be rejected', async function () {
+          await expect(
+            this.TokenAccessHandler.promises.getV1DocInfo(
+              this.token,
+              this.v2UserId
+            )
+          ).to.be.rejected
+        })
+      })
+    })
+  })
+
+  describe('createTokenHashPrefix', function () {
+    it('creates a prefix of the hash', function () {
+      const prefix =
+        this.TokenAccessHandler.createTokenHashPrefix('zxpxjrwdtsgd')
+      expect(prefix.length).to.equal(6)
+    })
+  })
+
+  describe('normalizeTokenHashPrefix', function () {
+    const cases = {
+      // hex string
+      ab2345: 'ab2345',
+      '01234f': '01234f',
+      '012345': '012345',
+      // remove (encoded) hash
+      '#012345': '012345',
+      '%23012345': '012345',
+      // remove trailing special characters
+      '012345.': '012345',
+      '012345/': '012345',
+      // v1 doc
+      '%2F1234567%2F': '%2F1234567%2F',
+    }
+    for (const [input, output] of Object.entries(cases)) {
+      it(`should handle ${JSON.stringify(input)}`, function () {
+        expect(
+          this.TokenAccessHandler.normalizeTokenHashPrefix(input)
+        ).to.equal(output)
+      })
+    }
+  })
+
+  describe('checkTokenHashPrefix', function () {
+    const userId = 'abc123'
+    const projectId = 'def456'
+    it('sends "match" to metrics when prefix matches the prefix of the hash of the token', function () {
+      const token = 'zxpxjrwdtsgd'
+      const prefix = this.TokenAccessHandler.createTokenHashPrefix(token)
+
+      this.TokenAccessHandler.checkTokenHashPrefix(
+        token,
+        `#${prefix}`,
+        'readOnly',
+        userId,
+        { projectId }
+      )
+
+      expect(this.Metrics.inc).to.have.been.calledWith(
+        'link-sharing.hash-check',
+        {
+          path: 'readOnly',
+          status: 'match',
+        }
+      )
+    })
+    it('sends "mismatch" to metrics when prefix does not match the prefix of the hash of the token', function () {
+      const token = 'zxpxjrwdtsgd'
+      const prefix = this.TokenAccessHandler.createTokenHashPrefix(token)
+      this.TokenAccessHandler.checkTokenHashPrefix(
+        'anothertoken',
+        `#${prefix}`,
+        'readOnly',
+        userId,
+        { projectId }
+      )
+
+      expect(this.Metrics.inc).to.have.been.calledWith(
+        'link-sharing.hash-check',
+        {
+          path: 'readOnly',
+          status: 'mismatch',
+        }
+      )
+      expect(this.logger.info).to.have.been.calledWith(
+        {
+          tokenHashPrefix: prefix,
+          hashPrefixStatus: 'mismatch',
+          userId,
+          projectId,
+          type: 'readOnly',
+        },
+        'mismatched token hash prefix'
+      )
+    })
+    it('sends "missing" to metrics when prefix is undefined', function () {
+      this.TokenAccessHandler.checkTokenHashPrefix(
+        'anothertoken',
+        undefined,
+        'readOnly',
+        userId,
+        { projectId }
+      )
+
+      expect(this.Metrics.inc).to.have.been.calledWith(
+        'link-sharing.hash-check',
+        {
+          path: 'readOnly',
+          status: 'missing',
+        }
+      )
+    })
+    it('sends "missing" to metrics when URL hash is sent as "#" only', function () {
+      this.TokenAccessHandler.checkTokenHashPrefix(
+        'anothertoken',
+        '#',
+        'readOnly',
+        userId,
+        { projectId }
+      )
+
+      expect(this.Metrics.inc).to.have.been.calledWith(
+        'link-sharing.hash-check',
+        {
+          path: 'readOnly',
+          status: 'missing',
+        }
+      )
+    })
+    it('handles encoded hashtags', function () {
+      const token = 'zxpxjrwdtsgd'
+      const prefix = this.TokenAccessHandler.createTokenHashPrefix(token)
+
+      this.TokenAccessHandler.checkTokenHashPrefix(
+        token,
+        `%23${prefix}`,
+        'readOnly',
+        userId,
+        { projectId }
+      )
+
+      expect(this.Metrics.inc).to.have.been.calledWith(
+        'link-sharing.hash-check',
+        {
+          path: 'readOnly',
+          status: 'match',
+        }
+      )
+    })
+
+    it('sends "mismatch-v1-format" for suspected v1 URLs with 7 numbers in URL fragment', function () {
+      const token = '4112142489ddsbkrdzhxrq'
+      const prefix = '%2F1234567%2F'
+      this.TokenAccessHandler.checkTokenHashPrefix(
+        token,
+        `#${prefix}`,
+        'readAndWrite',
+        userId,
+        { projectId }
+      )
+      expect(this.Metrics.inc).to.have.been.calledWith(
+        'link-sharing.hash-check',
+        {
+          path: 'readAndWrite',
+          status: 'mismatch-v1-format',
+        }
+      )
+    })
+    it('sends "mismatch-v1-format" for suspected v1 URLs with 8 numbers in URL fragment', function () {
+      const token = '4112142489ddsbkrdzhxrq'
+      const prefix = '%2F12345678%2F'
+      this.TokenAccessHandler.checkTokenHashPrefix(
+        token,
+        `#${prefix}`,
+        'readAndWrite',
+        userId,
+        { projectId }
+      )
+      expect(this.Metrics.inc).to.have.been.calledWith(
+        'link-sharing.hash-check',
+        {
+          path: 'readAndWrite',
+          status: 'mismatch-v1-format',
+        }
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Tutorial/TutorialHandlerTests.js b/services/web/test/unit/src/Tutorial/TutorialHandlerTests.js
new file mode 100644
index 0000000..a58ff9d
--- /dev/null
+++ b/services/web/test/unit/src/Tutorial/TutorialHandlerTests.js
@@ -0,0 +1,87 @@
+const SandboxedModule = require('sandboxed-module')
+const { expect } = require('chai')
+const sinon = require('sinon')
+const { ObjectId } = require('mongodb-legacy')
+
+const MODULE_PATH = '../../../../app/src/Features/Tutorial/TutorialHandler'
+
+describe('TutorialHandler', function () {
+  beforeEach(function () {
+    this.clock = sinon.useFakeTimers()
+
+    const THIRTY_DAYS_AGO = Date.now() - 30 * 24 * 60 * 60 * 1000
+    const TOMORROW = Date.now() + 24 * 60 * 60 * 1000
+    const YESTERDAY = Date.now() - 24 * 60 * 60 * 1000
+
+    this.user = {
+      _id: new ObjectId(),
+      completedTutorials: {
+        'legacy-format': new Date(Date.now() - 1000),
+        completed: {
+          state: 'completed',
+          updatedAt: new Date(Date.now() - 1000),
+        },
+        'postponed-recently': {
+          state: 'postponed',
+          updatedAt: new Date(Date.now() - 1000),
+        },
+        'postponed-long-ago': {
+          state: 'postponed',
+          updatedAt: new Date(THIRTY_DAYS_AGO),
+        },
+        'postponed-until-tomorrow': {
+          state: 'postponed',
+          updatedAt: new Date(THIRTY_DAYS_AGO),
+          postponedUntil: new Date(TOMORROW),
+        },
+        'postponed-until-yesterday': {
+          state: 'postponed',
+          updatedAt: new Date(THIRTY_DAYS_AGO),
+          postponedUntil: new Date(YESTERDAY),
+        },
+      },
+    }
+
+    this.UserUpdater = {
+      promises: {
+        updateUser: sinon.stub().resolves(),
+      },
+    }
+
+    this.TutorialHandler = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '../User/UserUpdater': this.UserUpdater,
+      },
+    })
+  })
+
+  afterEach(function () {
+    this.clock.restore()
+  })
+
+  describe('getInactiveTutorials', function () {
+    it('returns all recorded tutorials except when they were posponed long ago', function () {
+      const hiddenTutorials = this.TutorialHandler.getInactiveTutorials(
+        this.user
+      )
+      expect(hiddenTutorials).to.have.members([
+        'legacy-format',
+        'completed',
+        'postponed-recently',
+        'postponed-until-tomorrow',
+      ])
+
+      expect(hiddenTutorials).to.have.lengthOf(4)
+
+      const shownTutorials = Object.keys(this.user.completedTutorials).filter(
+        key => !hiddenTutorials.includes(key)
+      )
+
+      expect(shownTutorials).to.have.members([
+        'postponed-long-ago',
+        'postponed-until-yesterday',
+      ])
+      expect(shownTutorials).to.have.lengthOf(2)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Uploads/ArchiveManagerTests.js b/services/web/test/unit/src/Uploads/ArchiveManagerTests.js
new file mode 100644
index 0000000..12696cf
--- /dev/null
+++ b/services/web/test/unit/src/Uploads/ArchiveManagerTests.js
@@ -0,0 +1,563 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS206: Consider reworking classes to avoid initClass
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../../app/src/Features/Uploads/ArchiveManager.js'
+const ArchiveErrors = require('../../../../app/src/Features/Uploads/ArchiveErrors')
+const SandboxedModule = require('sandboxed-module')
+const events = require('events')
+
+describe('ArchiveManager', function () {
+  beforeEach(function () {
+    let Timer
+    this.metrics = {
+      Timer: (Timer = (function () {
+        Timer = class Timer {
+          static initClass() {
+            this.prototype.done = sinon.stub()
+          }
+        }
+        Timer.initClass()
+        return Timer
+      })()),
+    }
+    this.zipfile = new events.EventEmitter()
+    this.zipfile.readEntry = sinon.stub()
+    this.zipfile.close = sinon.stub()
+
+    this.ArchiveManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': {},
+        yauzl: (this.yauzl = {
+          open: sinon.stub().callsArgWith(2, null, this.zipfile),
+        }),
+        '@overleaf/metrics': this.metrics,
+        fs: (this.fs = { mkdir: sinon.stub().yields() }),
+        './ArchiveErrors': ArchiveErrors,
+      },
+    })
+    return (this.callback = sinon.stub())
+  })
+
+  describe('extractZipArchive', function () {
+    beforeEach(function () {
+      this.source = '/path/to/zip/source.zip'
+      this.destination = '/path/to/zip/destination'
+      return (this.ArchiveManager._isZipTooLarge = sinon
+        .stub()
+        .callsArgWith(1, null, false))
+    })
+
+    describe('successfully', function () {
+      beforeEach(function (done) {
+        this.readStream = new events.EventEmitter()
+        this.readStream.pipe = sinon.stub()
+        this.zipfile.openReadStream = sinon
+          .stub()
+          .callsArgWith(1, null, this.readStream)
+        this.writeStream = new events.EventEmitter()
+        this.fs.createWriteStream = sinon.stub().returns(this.writeStream)
+        this.ArchiveManager.extractZipArchive(
+          this.source,
+          this.destination,
+          done
+        )
+
+        // entry contains a single file
+        this.zipfile.emit('entry', { fileName: 'testfile.txt' })
+        this.readStream.emit('end')
+        return this.zipfile.emit('end')
+      })
+
+      it('should run yauzl', function () {
+        return this.yauzl.open.calledWith(this.source).should.equal(true)
+      })
+
+      it('should time the unzip', function () {
+        return this.metrics.Timer.prototype.done.called.should.equal(true)
+      })
+    })
+
+    describe('with a zipfile containing an empty directory', function () {
+      beforeEach(function (done) {
+        this.readStream = new events.EventEmitter()
+        this.readStream.pipe = sinon.stub()
+        this.zipfile.openReadStream = sinon
+          .stub()
+          .callsArgWith(1, null, this.readStream)
+        this.writeStream = new events.EventEmitter()
+        this.fs.createWriteStream = sinon.stub().returns(this.writeStream)
+        this.ArchiveManager.extractZipArchive(
+          this.source,
+          this.destination,
+          error => {
+            this.callback(error)
+            done()
+          }
+        )
+
+        // entry contains a single, empty directory
+        this.zipfile.emit('entry', { fileName: 'testdir/' })
+        this.readStream.emit('end')
+        return this.zipfile.emit('end')
+      })
+
+      it('should return the callback with an error', function () {
+        return sinon.assert.calledWithExactly(
+          this.callback,
+          sinon.match.instanceOf(ArchiveErrors.EmptyZipFileError)
+        )
+      })
+    })
+
+    describe('with an empty zipfile', function () {
+      beforeEach(function (done) {
+        this.ArchiveManager.extractZipArchive(
+          this.source,
+          this.destination,
+          error => {
+            this.callback(error)
+            return done()
+          }
+        )
+        return this.zipfile.emit('end')
+      })
+
+      it('should return the callback with an error', function () {
+        return sinon.assert.calledWithExactly(
+          this.callback,
+          sinon.match.instanceOf(ArchiveErrors.EmptyZipFileError)
+        )
+      })
+    })
+
+    describe('with an error in the zip file header', function () {
+      beforeEach(function (done) {
+        this.yauzl.open = sinon
+          .stub()
+          .callsArgWith(2, new ArchiveErrors.InvalidZipFileError())
+        return this.ArchiveManager.extractZipArchive(
+          this.source,
+          this.destination,
+          error => {
+            this.callback(error)
+            return done()
+          }
+        )
+      })
+
+      it('should return the callback with an error', function () {
+        return sinon.assert.calledWithExactly(
+          this.callback,
+          sinon.match.instanceOf(ArchiveErrors.InvalidZipFileError)
+        )
+      })
+    })
+
+    describe('with a zip that is too large', function () {
+      beforeEach(function (done) {
+        this.ArchiveManager._isZipTooLarge = sinon
+          .stub()
+          .callsArgWith(1, null, true)
+        return this.ArchiveManager.extractZipArchive(
+          this.source,
+          this.destination,
+          error => {
+            this.callback(error)
+            return done()
+          }
+        )
+      })
+
+      it('should return the callback with an error', function () {
+        return sinon.assert.calledWithExactly(
+          this.callback,
+          sinon.match.instanceOf(ArchiveErrors.ZipContentsTooLargeError)
+        )
+      })
+
+      it('should not call yauzl.open', function () {
+        return this.yauzl.open.called.should.equal(false)
+      })
+    })
+
+    describe('with an error in the extracted files', function () {
+      beforeEach(function (done) {
+        this.ArchiveManager.extractZipArchive(
+          this.source,
+          this.destination,
+          error => {
+            this.callback(error)
+            return done()
+          }
+        )
+        return this.zipfile.emit('error', new Error('Something went wrong'))
+      })
+
+      it('should return the callback with an error', function () {
+        return this.callback.should.have.been.calledWithExactly(
+          sinon.match
+            .instanceOf(Error)
+            .and(sinon.match.has('message', 'Something went wrong'))
+        )
+      })
+    })
+
+    describe('with a relative extracted file path', function () {
+      beforeEach(function (done) {
+        this.zipfile.openReadStream = sinon.stub()
+        this.ArchiveManager.extractZipArchive(
+          this.source,
+          this.destination,
+          error => {
+            this.callback(error)
+            return done()
+          }
+        )
+        this.zipfile.emit('entry', { fileName: '../testfile.txt' })
+        return this.zipfile.emit('end')
+      })
+
+      it('should not write try to read the file entry', function () {
+        return this.zipfile.openReadStream.called.should.equal(false)
+      })
+    })
+
+    describe('with an unnormalized extracted file path', function () {
+      beforeEach(function (done) {
+        this.zipfile.openReadStream = sinon.stub()
+        this.ArchiveManager.extractZipArchive(
+          this.source,
+          this.destination,
+          error => {
+            this.callback(error)
+            return done()
+          }
+        )
+        this.zipfile.emit('entry', { fileName: 'foo/./testfile.txt' })
+        return this.zipfile.emit('end')
+      })
+
+      it('should not try to read the file entry', function () {
+        return this.zipfile.openReadStream.called.should.equal(false)
+      })
+    })
+
+    describe('with backslashes in the path', function () {
+      beforeEach(function (done) {
+        this.readStream = new events.EventEmitter()
+        this.readStream.pipe = sinon.stub()
+        this.writeStream = new events.EventEmitter()
+        this.fs.createWriteStream = sinon.stub().returns(this.writeStream)
+        this.zipfile.openReadStream = sinon
+          .stub()
+          .callsArgWith(1, null, this.readStream)
+        this.ArchiveManager.extractZipArchive(
+          this.source,
+          this.destination,
+          error => {
+            this.callback(error)
+            return done()
+          }
+        )
+        this.zipfile.emit('entry', { fileName: 'wombat\\foo.tex' })
+        this.zipfile.emit('entry', { fileName: 'potato\\bar.tex' })
+        return this.zipfile.emit('end')
+      })
+
+      it('should read the file entry with its original path', function () {
+        this.zipfile.openReadStream.should.be.calledWith({
+          fileName: 'wombat\\foo.tex',
+        })
+        return this.zipfile.openReadStream.should.be.calledWith({
+          fileName: 'potato\\bar.tex',
+        })
+      })
+
+      it('should treat the backslashes as a directory separator when creating the directory', function () {
+        this.fs.mkdir.should.be.calledWith(`${this.destination}/wombat`, {
+          recursive: true,
+        })
+        this.fs.mkdir.should.be.calledWith(`${this.destination}/potato`, {
+          recursive: true,
+        })
+      })
+
+      it('should treat the backslashes as a directory separator when creating the file', function () {
+        this.fs.createWriteStream.should.be.calledWith(
+          `${this.destination}/wombat/foo.tex`
+        )
+        return this.fs.createWriteStream.should.be.calledWith(
+          `${this.destination}/potato/bar.tex`
+        )
+      })
+    })
+
+    describe('with a directory entry', function () {
+      beforeEach(function (done) {
+        this.zipfile.openReadStream = sinon.stub()
+        this.ArchiveManager.extractZipArchive(
+          this.source,
+          this.destination,
+          error => {
+            this.callback(error)
+            return done()
+          }
+        )
+        this.zipfile.emit('entry', { fileName: 'testdir/' })
+        return this.zipfile.emit('end')
+      })
+
+      it('should not try to read the entry', function () {
+        return this.zipfile.openReadStream.called.should.equal(false)
+      })
+    })
+
+    describe('with an error opening the file read stream', function () {
+      beforeEach(function (done) {
+        this.zipfile.openReadStream = sinon
+          .stub()
+          .callsArgWith(1, new Error('Something went wrong'))
+        this.writeStream = new events.EventEmitter()
+        this.ArchiveManager.extractZipArchive(
+          this.source,
+          this.destination,
+          error => {
+            this.callback(error)
+            return done()
+          }
+        )
+        this.zipfile.emit('entry', { fileName: 'testfile.txt' })
+        return this.zipfile.emit('end')
+      })
+
+      it('should return the callback with an error', function () {
+        return this.callback.should.have.been.calledWithExactly(
+          sinon.match
+            .instanceOf(Error)
+            .and(sinon.match.has('message', 'Something went wrong'))
+        )
+      })
+
+      it('should close the zipfile', function () {
+        return this.zipfile.close.called.should.equal(true)
+      })
+    })
+
+    describe('with an error in the file read stream', function () {
+      beforeEach(function (done) {
+        this.readStream = new events.EventEmitter()
+        this.readStream.pipe = sinon.stub()
+        this.zipfile.openReadStream = sinon
+          .stub()
+          .callsArgWith(1, null, this.readStream)
+        this.writeStream = new events.EventEmitter()
+        this.fs.createWriteStream = sinon.stub().returns(this.writeStream)
+        this.ArchiveManager.extractZipArchive(
+          this.source,
+          this.destination,
+          error => {
+            this.callback(error)
+            return done()
+          }
+        )
+        this.zipfile.emit('entry', { fileName: 'testfile.txt' })
+        this.readStream.emit('error', new Error('Something went wrong'))
+        return this.zipfile.emit('end')
+      })
+
+      it('should return the callback with an error', function () {
+        return this.callback.should.have.been.calledWithExactly(
+          sinon.match
+            .instanceOf(Error)
+            .and(sinon.match.has('message', 'Something went wrong'))
+        )
+      })
+
+      it('should close the zipfile', function () {
+        return this.zipfile.close.called.should.equal(true)
+      })
+    })
+
+    describe('with an error in the file write stream', function () {
+      beforeEach(function (done) {
+        this.readStream = new events.EventEmitter()
+        this.readStream.pipe = sinon.stub()
+        this.readStream.unpipe = sinon.stub()
+        this.readStream.destroy = sinon.stub()
+        this.zipfile.openReadStream = sinon
+          .stub()
+          .callsArgWith(1, null, this.readStream)
+        this.writeStream = new events.EventEmitter()
+        this.fs.createWriteStream = sinon.stub().returns(this.writeStream)
+        this.ArchiveManager.extractZipArchive(
+          this.source,
+          this.destination,
+          error => {
+            this.callback(error)
+            return done()
+          }
+        )
+        this.zipfile.emit('entry', { fileName: 'testfile.txt' })
+        this.writeStream.emit('error', new Error('Something went wrong'))
+        return this.zipfile.emit('end')
+      })
+
+      it('should return the callback with an error', function () {
+        return this.callback.should.have.been.calledWithExactly(
+          sinon.match
+            .instanceOf(Error)
+            .and(sinon.match.has('message', 'Something went wrong'))
+        )
+      })
+
+      it('should unpipe from the readstream', function () {
+        return this.readStream.unpipe.called.should.equal(true)
+      })
+
+      it('should destroy the readstream', function () {
+        return this.readStream.destroy.called.should.equal(true)
+      })
+
+      it('should close the zipfile', function () {
+        return this.zipfile.close.called.should.equal(true)
+      })
+    })
+  })
+
+  describe('_isZipTooLarge', function () {
+    it('should return false with small output', function (done) {
+      this.ArchiveManager._isZipTooLarge(this.source, (error, isTooLarge) => {
+        isTooLarge.should.equal(false)
+        return done()
+      })
+      this.zipfile.emit('entry', { uncompressedSize: 109042 })
+      return this.zipfile.emit('end')
+    })
+
+    it('should return true with large bytes', function (done) {
+      this.ArchiveManager._isZipTooLarge(this.source, (error, isTooLarge) => {
+        isTooLarge.should.equal(true)
+        return done()
+      })
+      this.zipfile.emit('entry', { uncompressedSize: 109e16 })
+      return this.zipfile.emit('end')
+    })
+
+    it('should return error on no data', function (done) {
+      this.ArchiveManager._isZipTooLarge(this.source, (error, isTooLarge) => {
+        expect(error).to.exist
+        return done()
+      })
+      this.zipfile.emit('entry', {})
+      return this.zipfile.emit('end')
+    })
+
+    it("should return error if it didn't get a number", function (done) {
+      this.ArchiveManager._isZipTooLarge(this.source, (error, isTooLarge) => {
+        expect(error).to.exist
+        return done()
+      })
+      this.zipfile.emit('entry', { uncompressedSize: 'random-error' })
+      return this.zipfile.emit('end')
+    })
+
+    it('should return error if there is no data', function (done) {
+      this.ArchiveManager._isZipTooLarge(this.source, (error, isTooLarge) => {
+        expect(error).to.exist
+        return done()
+      })
+      return this.zipfile.emit('end')
+    })
+  })
+
+  describe('findTopLevelDirectory', function () {
+    beforeEach(function () {
+      this.fs.readdir = sinon.stub()
+      this.fs.stat = sinon.stub()
+      return (this.directory = 'test/directory')
+    })
+
+    describe('with multiple files', function () {
+      beforeEach(function () {
+        this.fs.readdir.callsArgWith(1, null, ['multiple', 'files'])
+        return this.ArchiveManager.findTopLevelDirectory(
+          this.directory,
+          this.callback
+        )
+      })
+
+      it('should find the files in the directory', function () {
+        return this.fs.readdir.calledWith(this.directory).should.equal(true)
+      })
+
+      it('should return the original directory', function () {
+        return this.callback.calledWith(null, this.directory).should.equal(true)
+      })
+    })
+
+    describe('with a single file (not folder)', function () {
+      beforeEach(function () {
+        this.fs.readdir.callsArgWith(1, null, ['foo.tex'])
+        this.fs.stat.callsArgWith(1, null, {
+          isDirectory() {
+            return false
+          },
+        })
+        return this.ArchiveManager.findTopLevelDirectory(
+          this.directory,
+          this.callback
+        )
+      })
+
+      it('should check if the file is a directory', function () {
+        return this.fs.stat
+          .calledWith(this.directory + '/foo.tex')
+          .should.equal(true)
+      })
+
+      it('should return the original directory', function () {
+        return this.callback.calledWith(null, this.directory).should.equal(true)
+      })
+    })
+
+    describe('with a single top-level folder', function () {
+      beforeEach(function () {
+        this.fs.readdir.callsArgWith(1, null, ['folder'])
+        this.fs.stat.callsArgWith(1, null, {
+          isDirectory() {
+            return true
+          },
+        })
+        return this.ArchiveManager.findTopLevelDirectory(
+          this.directory,
+          this.callback
+        )
+      })
+
+      it('should check if the file is a directory', function () {
+        return this.fs.stat
+          .calledWith(this.directory + '/folder')
+          .should.equal(true)
+      })
+
+      it('should return the child directory', function () {
+        return this.callback
+          .calledWith(null, this.directory + '/folder')
+          .should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Uploads/FileSystemImportManagerTests.js b/services/web/test/unit/src/Uploads/FileSystemImportManagerTests.js
new file mode 100644
index 0000000..ba219f3
--- /dev/null
+++ b/services/web/test/unit/src/Uploads/FileSystemImportManagerTests.js
@@ -0,0 +1,359 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const mockFs = require('mock-fs')
+const SandboxedModule = require('sandboxed-module')
+const { ObjectId } = require('mongodb-legacy')
+const Settings = require('@overleaf/settings')
+
+const MODULE_PATH =
+  '../../../../app/src/Features/Uploads/FileSystemImportManager.js'
+
+describe('FileSystemImportManager', function () {
+  beforeEach(function () {
+    this.projectId = new ObjectId()
+    this.folderId = new ObjectId()
+    this.newFolderId = new ObjectId()
+    this.userId = new ObjectId()
+
+    this.EditorController = {
+      promises: {
+        addDoc: sinon.stub().resolves(),
+        addFile: sinon.stub().resolves(),
+        upsertDoc: sinon.stub().resolves(),
+        upsertFile: sinon.stub().resolves(),
+        addFolder: sinon.stub().resolves({ _id: this.newFolderId }),
+      },
+    }
+    this.FileSystemImportManager = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '@overleaf/settings': {
+          textExtensions: ['tex', 'txt'],
+          editableFilenames: [
+            'latexmkrc',
+            '.latexmkrc',
+            'makefile',
+            'gnumakefile',
+          ],
+          fileIgnorePattern: Settings.fileIgnorePattern, // use the real pattern from the default settings
+        },
+        '../Editor/EditorController': this.EditorController,
+      },
+    })
+  })
+
+  describe('importDir', function () {
+    beforeEach(async function () {
+      mockFs({
+        'import-test': {
+          'main.tex': 'My thesis',
+          'link-to-main.tex': mockFs.symlink({ path: 'import-test/main.tex' }),
+          '.DS_Store': 'Should be ignored',
+          images: {
+            'cat.jpg': Buffer.from([1, 2, 3, 4]),
+          },
+          'line-endings': {
+            'unix.txt': 'one\ntwo\nthree',
+            'mac.txt': 'uno\rdos\rtres',
+            'windows.txt': 'ein\r\nzwei\r\ndrei',
+            'mixed.txt': 'uno\rdue\r\ntre\nquattro',
+          },
+          encodings: {
+            'utf16le.txt': Buffer.from('\ufeffétonnant!', 'utf16le'),
+            'latin1.txt': Buffer.from('tétanisant!', 'latin1'),
+          },
+        },
+        symlink: mockFs.symlink({ path: 'import-test' }),
+      })
+      this.entries =
+        await this.FileSystemImportManager.promises.importDir('import-test')
+      this.projectPaths = this.entries.map(x => x.projectPath)
+    })
+
+    afterEach(function () {
+      mockFs.restore()
+    })
+
+    it('should import regular docs', function () {
+      expect(this.entries).to.deep.include({
+        type: 'doc',
+        projectPath: '/main.tex',
+        lines: ['My thesis'],
+      })
+    })
+
+    it('should skip symlinks inside the import folder', function () {
+      expect(this.projectPaths).not.to.include('/link-to-main.tex')
+    })
+
+    it('should skip ignored files', function () {
+      expect(this.projectPaths).not.to.include('/.DS_Store')
+    })
+
+    it('should import binary files', function () {
+      expect(this.entries).to.deep.include({
+        type: 'file',
+        projectPath: '/images/cat.jpg',
+        fsPath: 'import-test/images/cat.jpg',
+      })
+    })
+
+    it('should deal with Mac/Windows/Unix line endings', function () {
+      expect(this.entries).to.deep.include({
+        type: 'doc',
+        projectPath: '/line-endings/unix.txt',
+        lines: ['one', 'two', 'three'],
+      })
+      expect(this.entries).to.deep.include({
+        type: 'doc',
+        projectPath: '/line-endings/mac.txt',
+        lines: ['uno', 'dos', 'tres'],
+      })
+      expect(this.entries).to.deep.include({
+        type: 'doc',
+        projectPath: '/line-endings/windows.txt',
+        lines: ['ein', 'zwei', 'drei'],
+      })
+      expect(this.entries).to.deep.include({
+        type: 'doc',
+        projectPath: '/line-endings/mixed.txt',
+        lines: ['uno', 'due', 'tre', 'quattro'],
+      })
+    })
+
+    it('should import documents with latin1 encoding', function () {
+      expect(this.entries).to.deep.include({
+        type: 'doc',
+        projectPath: '/encodings/latin1.txt',
+        lines: ['tétanisant!'],
+      })
+    })
+
+    it('should import documents with utf16-le encoding', function () {
+      expect(this.entries).to.deep.include({
+        type: 'doc',
+        projectPath: '/encodings/utf16le.txt',
+        lines: ['\ufeffétonnant!'],
+      })
+    })
+
+    it('should error when the root folder is a symlink', async function () {
+      await expect(this.FileSystemImportManager.promises.importDir('symlink'))
+        .to.be.rejected
+    })
+  })
+
+  describe('addEntity', function () {
+    describe('with directory', function () {
+      beforeEach(async function () {
+        mockFs({
+          path: {
+            to: {
+              folder: {
+                'doc.tex': 'one\ntwo\nthree',
+                'image.jpg': Buffer.from([1, 2, 3, 4]),
+              },
+            },
+          },
+        })
+
+        await this.FileSystemImportManager.promises.addEntity(
+          this.userId,
+          this.projectId,
+          this.folderId,
+          'folder',
+          'path/to/folder',
+          false
+        )
+      })
+
+      afterEach(function () {
+        mockFs.restore()
+      })
+
+      it('should add a folder to the project', function () {
+        this.EditorController.promises.addFolder.should.have.been.calledWith(
+          this.projectId,
+          this.folderId,
+          'folder',
+          'upload'
+        )
+      })
+
+      it("should add the folder's contents", function () {
+        this.EditorController.promises.addDoc.should.have.been.calledWith(
+          this.projectId,
+          this.newFolderId,
+          'doc.tex',
+          ['one', 'two', 'three'],
+          'upload',
+          this.userId
+        )
+        this.EditorController.promises.addFile.should.have.been.calledWith(
+          this.projectId,
+          this.newFolderId,
+          'image.jpg',
+          'path/to/folder/image.jpg',
+          null,
+          'upload',
+          this.userId
+        )
+      })
+    })
+
+    describe('with binary file', function () {
+      beforeEach(function () {
+        mockFs({ 'uploaded-file': Buffer.from([1, 2, 3, 4]) })
+      })
+
+      afterEach(function () {
+        mockFs.restore()
+      })
+
+      describe('with replace set to false', function () {
+        beforeEach(async function () {
+          await this.FileSystemImportManager.promises.addEntity(
+            this.userId,
+            this.projectId,
+            this.folderId,
+            'image.jpg',
+            'uploaded-file',
+            false
+          )
+        })
+
+        it('should add the file', function () {
+          this.EditorController.promises.addFile.should.have.been.calledWith(
+            this.projectId,
+            this.folderId,
+            'image.jpg',
+            'uploaded-file',
+            null,
+            'upload',
+            this.userId
+          )
+        })
+      })
+
+      describe('with replace set to true', function () {
+        beforeEach(async function () {
+          await this.FileSystemImportManager.promises.addEntity(
+            this.userId,
+            this.projectId,
+            this.folderId,
+            'image.jpg',
+            'uploaded-file',
+            true
+          )
+        })
+
+        it('should add the file', function () {
+          this.EditorController.promises.upsertFile.should.have.been.calledWith(
+            this.projectId,
+            this.folderId,
+            'image.jpg',
+            'uploaded-file',
+            null,
+            'upload',
+            this.userId
+          )
+        })
+      })
+    })
+
+    for (const [lineEndingDescription, lineEnding] of [
+      ['Unix', '\n'],
+      ['Mac', '\r'],
+      ['Windows', '\r\n'],
+    ]) {
+      describe(`with text file (${lineEndingDescription} line endings)`, function () {
+        beforeEach(function () {
+          mockFs({
+            path: {
+              to: { 'uploaded-file': `one${lineEnding}two${lineEnding}three` },
+            },
+          })
+        })
+
+        afterEach(function () {
+          mockFs.restore()
+        })
+
+        describe('with replace set to false', function () {
+          beforeEach(async function () {
+            await this.FileSystemImportManager.promises.addEntity(
+              this.userId,
+              this.projectId,
+              this.folderId,
+              'doc.tex',
+              'path/to/uploaded-file',
+              false
+            )
+          })
+
+          it('should insert the doc', function () {
+            this.EditorController.promises.addDoc.should.have.been.calledWith(
+              this.projectId,
+              this.folderId,
+              'doc.tex',
+              ['one', 'two', 'three'],
+              'upload',
+              this.userId
+            )
+          })
+        })
+
+        describe('with replace set to true', function () {
+          beforeEach(async function () {
+            await this.FileSystemImportManager.promises.addEntity(
+              this.userId,
+              this.projectId,
+              this.folderId,
+              'doc.tex',
+              'path/to/uploaded-file',
+              true
+            )
+          })
+
+          it('should upsert the doc', function () {
+            this.EditorController.promises.upsertDoc.should.have.been.calledWith(
+              this.projectId,
+              this.folderId,
+              'doc.tex',
+              ['one', 'two', 'three'],
+              'upload',
+              this.userId
+            )
+          })
+        })
+      })
+    }
+
+    describe('with symlink', function () {
+      beforeEach(function () {
+        mockFs({
+          path: { to: { symlink: mockFs.symlink({ path: '/etc/passwd' }) } },
+        })
+      })
+
+      afterEach(function () {
+        mockFs.restore()
+      })
+
+      it('should stop with an error', async function () {
+        await expect(
+          this.FileSystemImportManager.promises.addEntity(
+            this.userId,
+            this.projectId,
+            this.folderId,
+            'main.tex',
+            'path/to/symlink',
+            false
+          )
+        ).to.be.rejectedWith('path is symlink')
+        this.EditorController.promises.addFolder.should.not.have.been.called
+        this.EditorController.promises.addDoc.should.not.have.been.called
+        this.EditorController.promises.addFile.should.not.have.been.called
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Uploads/FileTypeManagerTests.js b/services/web/test/unit/src/Uploads/FileTypeManagerTests.js
new file mode 100644
index 0000000..ae8645b
--- /dev/null
+++ b/services/web/test/unit/src/Uploads/FileTypeManagerTests.js
@@ -0,0 +1,530 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const isUtf8 = require('utf-8-validate')
+const Settings = require('@overleaf/settings')
+const modulePath = '../../../../app/src/Features/Uploads/FileTypeManager.js'
+
+describe('FileTypeManager', function () {
+  beforeEach(function () {
+    this.isUtf8 = sinon.spy(isUtf8)
+    this.stats = {
+      isDirectory: sinon.stub().returns(false),
+      size: 100,
+    }
+    const fileContents = 'Ich bin eine kleine Teekanne, kurz und kräftig.'
+    this.fs = {
+      stat: sinon.stub().yields(null, this.stats),
+      readFile: sinon.stub(),
+    }
+    this.fs.readFile
+      .withArgs('utf8.tex')
+      .yields(null, Buffer.from(fileContents, 'utf-8'))
+    this.fs.readFile
+      .withArgs('utf16.tex')
+      .yields(null, Buffer.from(`\uFEFF${fileContents}`, 'utf-16le'))
+    this.fs.readFile
+      .withArgs('latin1.tex')
+      .yields(null, Buffer.from(fileContents, 'latin1'))
+    this.fs.readFile
+      .withArgs('latin1-null.tex')
+      .yields(null, Buffer.from(`${fileContents}\x00${fileContents}`, 'utf-8'))
+    this.fs.readFile
+      .withArgs('utf8-null.tex')
+      .yields(null, Buffer.from(`${fileContents}\x00${fileContents}`, 'utf-8'))
+    this.fs.readFile
+      .withArgs('utf8-non-bmp.tex')
+      .yields(null, Buffer.from(`${fileContents}😈`))
+    this.fs.readFile
+      .withArgs('utf8-control-chars.tex')
+      .yields(null, Buffer.from(`${fileContents}\x0c${fileContents}`))
+    this.fs.readFile
+      .withArgs('text-short.tex')
+      .yields(null, Buffer.from('a'.repeat(0.5 * 1024 * 1024), 'utf-8'))
+    this.fs.readFile
+      .withArgs('text-smaller.tex')
+      .yields(null, Buffer.from('a'.repeat(2 * 1024 * 1024 - 1), 'utf-8'))
+    this.fs.readFile
+      .withArgs('text-exact.tex')
+      .yields(null, Buffer.from('a'.repeat(2 * 1024 * 1024), 'utf-8'))
+    this.fs.readFile
+      .withArgs('text-long.tex')
+      .yields(null, Buffer.from('a'.repeat(3 * 1024 * 1024), 'utf-8'))
+    this.callback = sinon.stub()
+    this.DocumentHelper = { getEncodingFromTexContent: sinon.stub() }
+    this.FileTypeManager = SandboxedModule.require(modulePath, {
+      requires: {
+        fs: this.fs,
+        'utf-8-validate': this.isUtf8,
+        '@overleaf/settings': Settings,
+      },
+    })
+  })
+
+  describe('isDirectory', function () {
+    describe('when it is a directory', function () {
+      beforeEach(function () {
+        this.stats.isDirectory.returns(true)
+        this.FileTypeManager.isDirectory('/some/path', this.callback)
+      })
+
+      it('should return true', function () {
+        this.callback.should.have.been.calledWith(null, true)
+      })
+    })
+
+    describe('when it is not a directory', function () {
+      beforeEach(function () {
+        this.stats.isDirectory.returns(false)
+        this.FileTypeManager.isDirectory('/some/path', this.callback)
+      })
+
+      it('should return false', function () {
+        this.callback.should.have.been.calledWith(null, false)
+      })
+    })
+  })
+
+  describe('getType', function () {
+    describe('when the file extension is text', function () {
+      const TEXT_FILENAMES = [
+        '/file.tex',
+        '/file.bib',
+        '/file.bibtex',
+        '/file.cls',
+        '/file.bst',
+        '/.latexmkrc',
+        '/latexmkrc',
+        '/file.lbx',
+        '/other/file.lbx',
+        '/file.bbx',
+        '/file.cbx',
+        '/file.m',
+        '/something/file.m',
+        '/file.TEX',
+        '/file.lhs',
+        '/file.xmpdata',
+        '/file.cfg',
+        '/file.Rnw',
+        '/file.ltx',
+        '/file.inc',
+        '/makefile',
+        '/Makefile',
+        '/GNUMakefile',
+      ]
+      TEXT_FILENAMES.forEach(filename => {
+        it(`should classify ${filename} as text`, function (done) {
+          this.FileTypeManager.getType(
+            filename,
+            'utf8.tex',
+            null,
+            (err, { binary }) => {
+              if (err) {
+                return done(err)
+              }
+              binary.should.equal(false)
+              done()
+            }
+          )
+        })
+      })
+
+      it('should not classify short text files as binary', function (done) {
+        this.stats.size = 2 * 1024 * 1024 // 2MB
+        this.FileTypeManager.getType(
+          '/file.tex',
+          'text-short.tex',
+          null,
+          (err, { binary }) => {
+            if (err) {
+              return done(err)
+            }
+            binary.should.equal(false)
+            done()
+          }
+        )
+      })
+
+      it('should not classify text files just under the size limit as binary', function (done) {
+        this.stats.size = 2 * 1024 * 1024 // 2MB
+        this.FileTypeManager.getType(
+          '/file.tex',
+          'text-smaller.tex',
+          null,
+          (err, { binary }) => {
+            if (err) {
+              return done(err)
+            }
+            binary.should.equal(false)
+            done()
+          }
+        )
+      })
+
+      it('should classify text files at the size limit as binary', function (done) {
+        this.stats.size = 2 * 1024 * 1024 // 2MB
+        this.FileTypeManager.getType(
+          '/file.tex',
+          'text-exact.tex',
+          null,
+          (err, { binary }) => {
+            if (err) {
+              return done(err)
+            }
+            binary.should.equal(true)
+            done()
+          }
+        )
+      })
+
+      it('should classify long text files as binary', function (done) {
+        this.stats.size = 2 * 1024 * 1024 // 2MB
+        this.FileTypeManager.getType(
+          '/file.tex',
+          'text-long.tex',
+          null,
+          (err, { binary }) => {
+            if (err) {
+              return done(err)
+            }
+            binary.should.equal(true)
+            done()
+          }
+        )
+      })
+
+      it('should classify large text files as binary', function (done) {
+        this.stats.size = 8 * 1024 * 1024 // 8MB
+        this.FileTypeManager.getType(
+          '/file.tex',
+          'utf8.tex',
+          null,
+          (err, { binary }) => {
+            if (err) {
+              return done(err)
+            }
+            binary.should.equal(true)
+            done()
+          }
+        )
+      })
+
+      it('should not try to determine the encoding of large files', function (done) {
+        this.stats.size = 8 * 1024 * 1024 // 8MB
+        this.FileTypeManager.getType('/file.tex', 'utf8.tex', null, err => {
+          if (err) {
+            return done(err)
+          }
+          sinon.assert.notCalled(this.isUtf8)
+          done()
+        })
+      })
+
+      it('should detect the encoding of a utf8 file', function (done) {
+        this.FileTypeManager.getType(
+          '/file.tex',
+          'utf8.tex',
+          null,
+          (err, { binary, encoding }) => {
+            if (err) {
+              return done(err)
+            }
+            sinon.assert.calledOnce(this.isUtf8)
+            this.isUtf8.returned(true).should.equal(true)
+            encoding.should.equal('utf-8')
+            done()
+          }
+        )
+      })
+
+      it("should return 'latin1' for non-unicode encodings", function (done) {
+        this.FileTypeManager.getType(
+          '/file.tex',
+          'latin1.tex',
+          null,
+          (err, { binary, encoding }) => {
+            if (err) {
+              return done(err)
+            }
+            sinon.assert.calledOnce(this.isUtf8)
+            this.isUtf8.returned(false).should.equal(true)
+            encoding.should.equal('latin1')
+            done()
+          }
+        )
+      })
+
+      it('should classify utf16 with BOM as utf-16', function (done) {
+        this.FileTypeManager.getType(
+          '/file.tex',
+          'utf16.tex',
+          null,
+          (err, { binary, encoding }) => {
+            if (err) {
+              return done(err)
+            }
+            sinon.assert.calledOnce(this.isUtf8)
+            this.isUtf8.returned(false).should.equal(true)
+            encoding.should.equal('utf-16le')
+            done()
+          }
+        )
+      })
+
+      it('should classify latin1 files with a null char as binary', function (done) {
+        this.FileTypeManager.getType(
+          '/file.tex',
+          'latin1-null.tex',
+          null,
+          (err, { binary }) => {
+            if (err) {
+              return done(err)
+            }
+            expect(binary).to.equal(true)
+            done()
+          }
+        )
+      })
+
+      it('should classify utf8 files with a null char as binary', function (done) {
+        this.FileTypeManager.getType(
+          '/file.tex',
+          'utf8-null.tex',
+          null,
+          (err, { binary }) => {
+            if (err) {
+              return done(err)
+            }
+            expect(binary).to.equal(true)
+            done()
+          }
+        )
+      })
+
+      it('should classify utf8 files with non-BMP chars as binary', function (done) {
+        this.FileTypeManager.getType(
+          '/file.tex',
+          'utf8-non-bmp.tex',
+          null,
+          (err, { binary }) => {
+            if (err) {
+              return done(err)
+            }
+            expect(binary).to.equal(true)
+            done()
+          }
+        )
+      })
+
+      it('should classify utf8 files with ascii control chars as utf-8', function (done) {
+        this.FileTypeManager.getType(
+          '/file.tex',
+          'utf8-control-chars.tex',
+          null,
+          (err, { binary, encoding }) => {
+            if (err) {
+              return done(err)
+            }
+            expect(binary).to.equal(false)
+            expect(encoding).to.equal('utf-8')
+            done()
+          }
+        )
+      })
+    })
+
+    describe('when the file extension is non-text', function () {
+      const BINARY_FILENAMES = [
+        '/file.eps',
+        '/file.dvi',
+        '/file.png',
+        '/images/file.png',
+        '/tex',
+      ]
+      BINARY_FILENAMES.forEach(filename => {
+        it(`should classify ${filename} as binary`, function (done) {
+          this.FileTypeManager.getType(
+            filename,
+            'latin1.tex', // even if the content is not binary
+            null,
+            (err, { binary }) => {
+              if (err) {
+                return done(err)
+              }
+              binary.should.equal(true)
+              done()
+            }
+          )
+        })
+      })
+
+      it('should not try to get the character encoding', function (done) {
+        this.FileTypeManager.getType('/file.png', 'utf8.tex', null, err => {
+          if (err) {
+            return done(err)
+          }
+          sinon.assert.notCalled(this.isUtf8)
+          done()
+        })
+      })
+
+      it('should recognise new binary files as binary', function (done) {
+        this.FileTypeManager.getType(
+          '/file.py',
+          'latin1.tex',
+          null,
+          (err, { binary }) => {
+            if (err) {
+              return done(err)
+            }
+            binary.should.equal(true)
+            done()
+          }
+        )
+      })
+
+      it('should recognise existing binary files as binary', function (done) {
+        this.FileTypeManager.getType(
+          '/file.py',
+          'latin1.tex',
+          'file',
+          (err, { binary }) => {
+            if (err) {
+              return done(err)
+            }
+            binary.should.equal(true)
+            done()
+          }
+        )
+      })
+
+      it('should preserve existing non-binary files as non-binary', function (done) {
+        this.FileTypeManager.getType(
+          '/file.py',
+          'latin1.tex',
+          'doc',
+          (err, { binary }) => {
+            if (err) {
+              return done(err)
+            }
+            binary.should.equal(false)
+            done()
+          }
+        )
+      })
+    })
+  })
+
+  describe('shouldIgnore', function () {
+    it('should ignore tex auxiliary files', function (done) {
+      this.FileTypeManager.shouldIgnore('file.aux', (err, ignore) => {
+        if (err) {
+          return done(err)
+        }
+        ignore.should.equal(true)
+        done()
+      })
+    })
+
+    it('should ignore dotfiles', function (done) {
+      this.FileTypeManager.shouldIgnore('path/.git', (err, ignore) => {
+        if (err) {
+          return done(err)
+        }
+        ignore.should.equal(true)
+        done()
+      })
+    })
+
+    it('should ignore .git directories and contained files', function (done) {
+      this.FileTypeManager.shouldIgnore('path/.git/info', (err, ignore) => {
+        if (err) {
+          return done(err)
+        }
+        ignore.should.equal(true)
+        done()
+      })
+    })
+
+    it('should not ignore .latexmkrc dotfile', function (done) {
+      this.FileTypeManager.shouldIgnore('path/.latexmkrc', (err, ignore) => {
+        if (err) {
+          return done(err)
+        }
+        ignore.should.equal(false)
+        done()
+      })
+    })
+
+    it('should ignore __MACOSX', function (done) {
+      this.FileTypeManager.shouldIgnore('path/__MACOSX', (err, ignore) => {
+        if (err) {
+          return done(err)
+        }
+        ignore.should.equal(true)
+        done()
+      })
+    })
+
+    it('should ignore synctex files', function (done) {
+      this.FileTypeManager.shouldIgnore('file.synctex', (err, ignore) => {
+        if (err) {
+          return done(err)
+        }
+        ignore.should.equal(true)
+        done()
+      })
+    })
+
+    it('should ignore synctex(busy) files', function (done) {
+      this.FileTypeManager.shouldIgnore('file.synctex(busy)', (err, ignore) => {
+        if (err) {
+          return done(err)
+        }
+        ignore.should.equal(true)
+        done()
+      })
+    })
+
+    it('should not ignore .tex files', function (done) {
+      this.FileTypeManager.shouldIgnore('file.tex', (err, ignore) => {
+        if (err) {
+          return done(err)
+        }
+        ignore.should.equal(false)
+        done()
+      })
+    })
+
+    it('should ignore the case of the extension', function (done) {
+      this.FileTypeManager.shouldIgnore('file.AUX', (err, ignore) => {
+        if (err) {
+          return done(err)
+        }
+        ignore.should.equal(true)
+        done()
+      })
+    })
+
+    it('should not ignore files with an ignored extension as full name', function (done) {
+      this.FileTypeManager.shouldIgnore('dvi', (err, ignore) => {
+        if (err) {
+          return done(err)
+        }
+        ignore.should.equal(false)
+        done()
+      })
+    })
+
+    it('should not ignore directories with an ignored extension as full name', function (done) {
+      this.stats.isDirectory.returns(true)
+      this.FileTypeManager.shouldIgnore('dvi', (err, ignore) => {
+        if (err) {
+          return done(err)
+        }
+        ignore.should.equal(false)
+        done()
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Uploads/ProjectUploadControllerTests.mjs b/services/web/test/unit/src/Uploads/ProjectUploadControllerTests.mjs
new file mode 100644
index 0000000..35682f3
--- /dev/null
+++ b/services/web/test/unit/src/Uploads/ProjectUploadControllerTests.mjs
@@ -0,0 +1,335 @@
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS206: Consider reworking classes to avoid initClass
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+import sinon from 'sinon'
+
+import { expect } from 'chai'
+
+import esmock from 'esmock'
+import MockRequest from '../helpers/MockRequest.js'
+import MockResponse from '../helpers/MockResponse.js'
+import ArchiveErrors from '../../../../app/src/Features/Uploads/ArchiveErrors.js'
+
+const modulePath =
+  '../../../../app/src/Features/Uploads/ProjectUploadController.mjs'
+
+describe('ProjectUploadController', function () {
+  beforeEach(async function () {
+    let Timer
+    this.req = new MockRequest()
+    this.res = new MockResponse()
+    this.user_id = 'user-id-123'
+    this.metrics = {
+      Timer: (Timer = (function () {
+        Timer = class Timer {
+          static initClass() {
+            this.prototype.done = sinon.stub()
+          }
+        }
+        Timer.initClass()
+        return Timer
+      })()),
+    }
+    this.SessionManager = {
+      getLoggedInUserId: sinon.stub().returns(this.user_id),
+    }
+    this.ProjectLocator = {
+      promises: {},
+    }
+    this.EditorController = {
+      promises: {},
+    }
+
+    return (this.ProjectUploadController = await esmock.strict(modulePath, {
+      multer: sinon.stub(),
+      '@overleaf/settings': { path: {} },
+      '../../../../app/src/Features/Uploads/ProjectUploadManager':
+        (this.ProjectUploadManager = {}),
+      '../../../../app/src/Features/Uploads/FileSystemImportManager':
+        (this.FileSystemImportManager = {}),
+      '@overleaf/metrics': this.metrics,
+      '../../../../app/src/Features/Authentication/SessionManager':
+        this.SessionManager,
+      '../../../../app/src/Features/Uploads/ArchiveErrors': ArchiveErrors,
+      '../../../../app/src/Features/Project/ProjectLocator':
+        this.ProjectLocator,
+      '../../../../app/src/Features/Editor/EditorController':
+        this.EditorController,
+      fs: (this.fs = {}),
+    }))
+  })
+
+  describe('uploadProject', function () {
+    beforeEach(function () {
+      this.path = '/path/to/file/on/disk.zip'
+      this.name = 'filename.zip'
+      this.req.file = {
+        path: this.path,
+      }
+      this.req.body = {
+        name: this.name,
+      }
+      this.req.session = {
+        user: {
+          _id: this.user_id,
+        },
+      }
+      this.project = { _id: (this.project_id = 'project-id-123') }
+
+      return (this.fs.unlink = sinon.stub())
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.ProjectUploadManager.createProjectFromZipArchive = sinon
+          .stub()
+          .callsArgWith(3, null, this.project)
+        return this.ProjectUploadController.uploadProject(this.req, this.res)
+      })
+
+      it('should create a project owned by the logged in user', function () {
+        return this.ProjectUploadManager.createProjectFromZipArchive
+          .calledWith(this.user_id)
+          .should.equal(true)
+      })
+
+      it('should create a project with the same name as the zip archive', function () {
+        return this.ProjectUploadManager.createProjectFromZipArchive
+          .calledWith(sinon.match.any, 'filename', sinon.match.any)
+          .should.equal(true)
+      })
+
+      it('should create a project from the zip archive', function () {
+        return this.ProjectUploadManager.createProjectFromZipArchive
+          .calledWith(sinon.match.any, sinon.match.any, this.path)
+          .should.equal(true)
+      })
+
+      it('should return a successful response to the FileUploader client', function () {
+        return expect(this.res.body).to.deep.equal(
+          JSON.stringify({
+            success: true,
+            project_id: this.project_id,
+          })
+        )
+      })
+
+      it('should record the time taken to do the upload', function () {
+        return this.metrics.Timer.prototype.done.called.should.equal(true)
+      })
+
+      it('should remove the uploaded file', function () {
+        return this.fs.unlink.calledWith(this.path).should.equal(true)
+      })
+    })
+
+    describe('when ProjectUploadManager.createProjectFromZipArchive fails', function () {
+      beforeEach(function () {
+        this.ProjectUploadManager.createProjectFromZipArchive = sinon
+          .stub()
+          .callsArgWith(3, new Error('Something went wrong'), this.project)
+        return this.ProjectUploadController.uploadProject(this.req, this.res)
+      })
+
+      it('should return a failed response to the FileUploader client', function () {
+        return expect(this.res.body).to.deep.equal(
+          JSON.stringify({ success: false, error: 'upload_failed' })
+        )
+      })
+    })
+
+    describe('when ProjectUploadManager.createProjectFromZipArchive reports the file as invalid', function () {
+      beforeEach(function () {
+        this.ProjectUploadManager.createProjectFromZipArchive = sinon
+          .stub()
+          .callsArgWith(
+            3,
+            new ArchiveErrors.ZipContentsTooLargeError(),
+            this.project
+          )
+        return this.ProjectUploadController.uploadProject(this.req, this.res)
+      })
+
+      it('should return the reported error to the FileUploader client', function () {
+        expect(JSON.parse(this.res.body)).to.deep.equal({
+          success: false,
+          error: 'zip_contents_too_large',
+        })
+      })
+
+      it("should return an 'unprocessable entity' status code", function () {
+        return expect(this.res.statusCode).to.equal(422)
+      })
+    })
+  })
+
+  describe('uploadFile', function () {
+    beforeEach(function () {
+      this.project_id = 'project-id-123'
+      this.folder_id = 'folder-id-123'
+      this.path = '/path/to/file/on/disk.png'
+      this.name = 'filename.png'
+      this.req.file = {
+        path: this.path,
+      }
+      this.req.body = {
+        name: this.name,
+      }
+      this.req.session = {
+        user: {
+          _id: this.user_id,
+        },
+      }
+      this.req.params = { Project_id: this.project_id }
+      this.req.query = { folder_id: this.folder_id }
+      return (this.fs.unlink = sinon.stub())
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.entity = {
+          _id: '1234',
+          type: 'file',
+        }
+        this.FileSystemImportManager.addEntity = sinon
+          .stub()
+          .callsArgWith(6, null, this.entity)
+        return this.ProjectUploadController.uploadFile(this.req, this.res)
+      })
+
+      it('should insert the file', function () {
+        return this.FileSystemImportManager.addEntity
+          .calledWith(
+            this.user_id,
+            this.project_id,
+            this.folder_id,
+            this.name,
+            this.path
+          )
+          .should.equal(true)
+      })
+
+      it('should return a successful response to the FileUploader client', function () {
+        return expect(this.res.body).to.deep.equal(
+          JSON.stringify({
+            success: true,
+            entity_id: this.entity._id,
+            entity_type: 'file',
+          })
+        )
+      })
+
+      it('should time the request', function () {
+        return this.metrics.Timer.prototype.done.called.should.equal(true)
+      })
+
+      it('should remove the uploaded file', function () {
+        return this.fs.unlink.calledWith(this.path).should.equal(true)
+      })
+    })
+
+    describe('with folder structure', function () {
+      beforeEach(function (done) {
+        this.entity = {
+          _id: '1234',
+          type: 'file',
+        }
+        this.FileSystemImportManager.addEntity = sinon
+          .stub()
+          .callsArgWith(6, null, this.entity)
+        this.ProjectLocator.promises.findElement = sinon.stub().resolves({
+          path: { fileSystem: '/test' },
+        })
+        this.EditorController.promises.mkdirp = sinon.stub().resolves({
+          lastFolder: { _id: 'folder-id' },
+        })
+        this.req.body.relativePath = 'foo/bar/' + this.name
+        this.res.json = data => {
+          expect(data.success).to.be.true
+          done()
+        }
+        this.ProjectUploadController.uploadFile(this.req, this.res)
+      })
+
+      it('should insert the file', function () {
+        this.ProjectLocator.promises.findElement.should.be.calledOnceWithExactly(
+          {
+            project_id: this.project_id,
+            element_id: this.folder_id,
+            type: 'folder',
+          }
+        )
+
+        this.EditorController.promises.mkdirp.should.be.calledWith(
+          this.project_id,
+          '/test/foo/bar',
+          this.user_id
+        )
+
+        this.FileSystemImportManager.addEntity.should.be.calledOnceWith(
+          this.user_id,
+          this.project_id,
+          'folder-id',
+          this.name,
+          this.path
+        )
+      })
+    })
+
+    describe('when FileSystemImportManager.addEntity returns a generic error', function () {
+      beforeEach(function () {
+        this.FileSystemImportManager.addEntity = sinon
+          .stub()
+          .callsArgWith(6, new Error('Sorry something went wrong'))
+        return this.ProjectUploadController.uploadFile(this.req, this.res)
+      })
+
+      it('should return an unsuccessful response to the FileUploader client', function () {
+        return expect(this.res.body).to.deep.equal(
+          JSON.stringify({
+            success: false,
+          })
+        )
+      })
+    })
+
+    describe('when FileSystemImportManager.addEntity returns a too many files error', function () {
+      beforeEach(function () {
+        this.FileSystemImportManager.addEntity = sinon
+          .stub()
+          .callsArgWith(6, new Error('project_has_too_many_files'))
+        return this.ProjectUploadController.uploadFile(this.req, this.res)
+      })
+
+      it('should return an unsuccessful response to the FileUploader client', function () {
+        return expect(this.res.body).to.deep.equal(
+          JSON.stringify({
+            success: false,
+            error: 'project_has_too_many_files',
+          })
+        )
+      })
+    })
+
+    describe('with an invalid filename', function () {
+      beforeEach(function () {
+        this.req.body.name = ''
+        return this.ProjectUploadController.uploadFile(this.req, this.res)
+      })
+
+      it('should return a a non success response', function () {
+        return expect(this.res.body).to.deep.equal(
+          JSON.stringify({
+            success: false,
+            error: 'invalid_filename',
+          })
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/Uploads/ProjectUploadManagerTests.js b/services/web/test/unit/src/Uploads/ProjectUploadManagerTests.js
new file mode 100644
index 0000000..2cfeb5a
--- /dev/null
+++ b/services/web/test/unit/src/Uploads/ProjectUploadManagerTests.js
@@ -0,0 +1,370 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const timekeeper = require('timekeeper')
+const SandboxedModule = require('sandboxed-module')
+const { ObjectId } = require('mongodb-legacy')
+
+const MODULE_PATH =
+  '../../../../app/src/Features/Uploads/ProjectUploadManager.js'
+
+describe('ProjectUploadManager', function () {
+  beforeEach(function () {
+    this.now = Date.now()
+    timekeeper.freeze(this.now)
+    this.rootFolderId = new ObjectId()
+    this.ownerId = new ObjectId()
+    this.zipPath = '/path/to/zip/file-name.zip'
+    this.extractedZipPath = `/path/to/zip/file-name-${this.now}`
+    this.mainContent = 'Contents of main.tex'
+    this.projectName = 'My project*'
+    this.fixedProjectName = 'My project'
+    this.uniqueProjectName = 'My project (1)'
+    this.project = {
+      _id: new ObjectId(),
+      rootFolder: [{ _id: this.rootFolderId }],
+      overleaf: { history: { id: 12345 } },
+    }
+    this.doc = {
+      _id: new ObjectId(),
+      name: 'main.tex',
+    }
+    this.docFsPath = '/path/to/doc'
+    this.docLines = ['My thesis', 'by A. U. Thor']
+    this.file = {
+      _id: new ObjectId(),
+      name: 'image.png',
+    }
+    this.fileFsPath = '/path/to/file'
+
+    this.topLevelDestination = '/path/to/zip/file-extracted/nested'
+    this.newProjectVersion = 123
+    this.importEntries = [
+      {
+        type: 'doc',
+        projectPath: '/main.tex',
+        lines: this.docLines,
+      },
+      {
+        type: 'file',
+        projectPath: `/${this.file.name}`,
+        fsPath: this.fileFsPath,
+      },
+    ]
+    this.docEntries = [
+      {
+        doc: this.doc,
+        path: `/${this.doc.name}`,
+        docLines: this.docLines.join('\n'),
+      },
+    ]
+    this.fileEntries = [
+      {
+        file: this.file,
+        path: `/${this.file.name}`,
+        url: this.fileStoreUrl,
+        createdBlob: true,
+      },
+    ]
+
+    this.fs = {
+      promises: {
+        rm: sinon.stub().resolves(),
+      },
+    }
+    this.ArchiveManager = {
+      promises: {
+        extractZipArchive: sinon.stub().resolves(),
+        findTopLevelDirectory: sinon
+          .stub()
+          .withArgs(this.extractedZipPath)
+          .resolves(this.topLevelDestination),
+      },
+    }
+    this.Doc = sinon.stub().returns(this.doc)
+    this.DocstoreManager = {
+      promises: {
+        updateDoc: sinon.stub().resolves(),
+      },
+    }
+    this.DocumentHelper = {
+      getTitleFromTexContent: sinon
+        .stub()
+        .withArgs(this.mainContent)
+        .returns(this.projectName),
+    }
+    this.DocumentUpdaterHandler = {
+      promises: {
+        updateProjectStructure: sinon.stub().resolves(),
+      },
+    }
+    this.FileStoreHandler = {
+      promises: {
+        uploadFileFromDiskWithHistoryId: sinon.stub().resolves({
+          fileRef: this.file,
+          url: this.fileStoreUrl,
+          createdBlob: true,
+        }),
+      },
+    }
+    this.FileSystemImportManager = {
+      promises: {
+        importDir: sinon
+          .stub()
+          .withArgs(this.topLevelDestination)
+          .resolves(this.importEntries),
+      },
+    }
+    this.ProjectCreationHandler = {
+      promises: {
+        createBlankProject: sinon.stub().resolves(this.project),
+      },
+    }
+    this.ProjectEntityMongoUpdateHandler = {
+      promises: {
+        createNewFolderStructure: sinon.stub().resolves(this.newProjectVersion),
+      },
+    }
+    this.ProjectRootDocManager = {
+      promises: {
+        setRootDocAutomatically: sinon.stub().resolves(),
+        findRootDocFileFromDirectory: sinon
+          .stub()
+          .resolves({ path: 'main.tex', content: this.mainContent }),
+        setRootDocFromName: sinon.stub().resolves(),
+      },
+    }
+    this.ProjectDetailsHandler = {
+      fixProjectName: sinon
+        .stub()
+        .withArgs(this.projectName)
+        .returns(this.fixedProjectName),
+      promises: {
+        generateUniqueName: sinon.stub().resolves(this.uniqueProjectName),
+      },
+    }
+    this.ProjectDeleter = {
+      promises: {
+        deleteProject: sinon.stub().resolves(),
+      },
+    }
+    this.TpdsProjectFlusher = {
+      promises: {
+        flushProjectToTpds: sinon.stub().resolves(),
+      },
+    }
+
+    this.ProjectUploadManager = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        fs: this.fs,
+        './ArchiveManager': this.ArchiveManager,
+        '../../models/Doc': { Doc: this.Doc },
+        '../Docstore/DocstoreManager': this.DocstoreManager,
+        '../Documents/DocumentHelper': this.DocumentHelper,
+        '../DocumentUpdater/DocumentUpdaterHandler':
+          this.DocumentUpdaterHandler,
+        '../FileStore/FileStoreHandler': this.FileStoreHandler,
+        './FileSystemImportManager': this.FileSystemImportManager,
+        '../Project/ProjectCreationHandler': this.ProjectCreationHandler,
+        '../Project/ProjectEntityMongoUpdateHandler':
+          this.ProjectEntityMongoUpdateHandler,
+        '../Project/ProjectRootDocManager': this.ProjectRootDocManager,
+        '../Project/ProjectDetailsHandler': this.ProjectDetailsHandler,
+        '../Project/ProjectDeleter': this.ProjectDeleter,
+        '../ThirdPartyDataStore/TpdsProjectFlusher': this.TpdsProjectFlusher,
+      },
+    })
+  })
+
+  afterEach(function () {
+    timekeeper.reset()
+  })
+
+  describe('createProjectFromZipArchive', function () {
+    describe('when the title can be read from the root document', function () {
+      beforeEach(async function () {
+        await this.ProjectUploadManager.promises.createProjectFromZipArchive(
+          this.ownerId,
+          this.projectName,
+          this.zipPath
+        )
+      })
+
+      it('should extract the archive', function () {
+        this.ArchiveManager.promises.extractZipArchive.should.have.been.calledWith(
+          this.zipPath,
+          this.extractedZipPath
+        )
+      })
+
+      it('should create a project', function () {
+        this.ProjectCreationHandler.promises.createBlankProject.should.have.been.calledWith(
+          this.ownerId,
+          this.uniqueProjectName
+        )
+      })
+
+      it('should initialize the file tree', function () {
+        this.ProjectEntityMongoUpdateHandler.promises.createNewFolderStructure.should.have.been.calledWith(
+          this.project._id,
+          this.docEntries,
+          this.fileEntries
+        )
+      })
+
+      it('should notify document updater', function () {
+        this.DocumentUpdaterHandler.promises.updateProjectStructure.should.have.been.calledWith(
+          this.project._id,
+          this.project.overleaf.history.id,
+          this.ownerId,
+          {
+            newDocs: this.docEntries,
+            newFiles: this.fileEntries,
+            newProject: { version: this.newProjectVersion },
+          },
+          null
+        )
+      })
+
+      it('should flush the project to TPDS', function () {
+        this.TpdsProjectFlusher.promises.flushProjectToTpds.should.have.been.calledWith(
+          this.project._id
+        )
+      })
+
+      it('should set the root document', function () {
+        this.ProjectRootDocManager.promises.setRootDocFromName.should.have.been.calledWith(
+          this.project._id,
+          'main.tex'
+        )
+      })
+
+      it('should remove the destination directory afterwards', function () {
+        this.fs.promises.rm.should.have.been.calledWith(this.extractedZipPath, {
+          recursive: true,
+          force: true,
+        })
+      })
+    })
+
+    describe("when the root document can't be determined", function () {
+      beforeEach(async function () {
+        this.ProjectRootDocManager.promises.findRootDocFileFromDirectory.resolves(
+          {}
+        )
+        await this.ProjectUploadManager.promises.createProjectFromZipArchive(
+          this.ownerId,
+          this.projectName,
+          this.zipPath
+        )
+      })
+
+      it('should not try to set the root doc', function () {
+        this.ProjectRootDocManager.promises.setRootDocFromName.should.not.have
+          .been.called
+      })
+    })
+  })
+
+  describe('createProjectFromZipArchiveWithName', function () {
+    beforeEach(async function () {
+      await this.ProjectUploadManager.promises.createProjectFromZipArchiveWithName(
+        this.ownerId,
+        this.projectName,
+        this.zipPath
+      )
+    })
+
+    it('should extract the archive', function () {
+      this.ArchiveManager.promises.extractZipArchive.should.have.been.calledWith(
+        this.zipPath,
+        this.extractedZipPath
+      )
+    })
+
+    it('should create a project owned by the owner_id', function () {
+      this.ProjectCreationHandler.promises.createBlankProject.should.have.been.calledWith(
+        this.ownerId,
+        this.uniqueProjectName
+      )
+    })
+
+    it('should automatically set the root doc', function () {
+      this.ProjectRootDocManager.promises.setRootDocAutomatically.should.have.been.calledWith(
+        this.project._id
+      )
+    })
+
+    it('should initialize the file tree', function () {
+      this.ProjectEntityMongoUpdateHandler.promises.createNewFolderStructure.should.have.been.calledWith(
+        this.project._id,
+        this.docEntries,
+        this.fileEntries
+      )
+    })
+
+    it('should notify document updater', function () {
+      this.DocumentUpdaterHandler.promises.updateProjectStructure.should.have.been.calledWith(
+        this.project._id,
+        this.project.overleaf.history.id,
+        this.ownerId,
+        {
+          newDocs: this.docEntries,
+          newFiles: this.fileEntries,
+          newProject: { version: this.newProjectVersion },
+        },
+        null
+      )
+    })
+
+    it('should flush the project to TPDS', function () {
+      this.TpdsProjectFlusher.promises.flushProjectToTpds.should.have.been.calledWith(
+        this.project._id
+      )
+    })
+
+    it('should remove the destination directory afterwards', function () {
+      this.fs.promises.rm.should.have.been.calledWith(this.extractedZipPath, {
+        recursive: true,
+        force: true,
+      })
+    })
+
+    describe('when initializing the folder structure fails', function () {
+      beforeEach(async function () {
+        this.ProjectEntityMongoUpdateHandler.promises.createNewFolderStructure.rejects()
+        await expect(
+          this.ProjectUploadManager.promises.createProjectFromZipArchiveWithName(
+            this.ownerId,
+            this.projectName,
+            this.zipPath
+          )
+        ).to.be.rejected
+      })
+
+      it('should cleanup the blank project created', async function () {
+        this.ProjectDeleter.promises.deleteProject.should.have.been.calledWith(
+          this.project._id
+        )
+      })
+    })
+
+    describe('when setting automatically the root doc fails', function () {
+      beforeEach(async function () {
+        this.ProjectRootDocManager.promises.setRootDocAutomatically.rejects()
+        await expect(
+          this.ProjectUploadManager.promises.createProjectFromZipArchiveWithName(
+            this.ownerId,
+            this.projectName,
+            this.zipPath
+          )
+        ).to.be.rejected
+      })
+
+      it('should cleanup the blank project created', function () {
+        this.ProjectDeleter.promises.deleteProject.should.have.been.calledWith(
+          this.project._id
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/User/SAMLIdentityManagerTests.js b/services/web/test/unit/src/User/SAMLIdentityManagerTests.js
new file mode 100644
index 0000000..3413c6c
--- /dev/null
+++ b/services/web/test/unit/src/User/SAMLIdentityManagerTests.js
@@ -0,0 +1,740 @@
+const { ObjectId } = require('mongodb-legacy')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+const modulePath = '../../../../app/src/Features/User/SAMLIdentityManager.js'
+
+describe('SAMLIdentityManager', function () {
+  const linkedEmail = 'another@example.com'
+
+  beforeEach(function () {
+    this.userId = '6005c75b12cbcaf771f4a105'
+    this.user = {
+      _id: this.userId,
+      email: 'not-linked@overleaf.com',
+      emails: [{ email: 'not-linked@overleaf.com' }],
+      samlIdentifiers: [],
+    }
+    this.auditLog = {
+      initiatorId: this.userId,
+      ipAddress: '0:0:0:0',
+    }
+    this.userAlreadyLinked = {
+      _id: '6005c7a012cbcaf771f4a106',
+      email: 'linked@overleaf.com',
+      emails: [{ email: 'linked@overleaf.com', samlProviderId: '1' }],
+      samlIdentifiers: [{ externalUserId: 'linked-id', providerId: '1' }],
+    }
+    this.userEmailExists = {
+      _id: '6005c7a012cbcaf771f4a107',
+      email: 'exists@overleaf.com',
+      emails: [{ email: 'exists@overleaf.com' }],
+      samlIdentifiers: [],
+    }
+    this.institution = {
+      name: 'Overleaf University',
+    }
+    this.InstitutionsAPI = {
+      promises: {
+        addEntitlement: sinon.stub().resolves(),
+        removeEntitlement: sinon.stub().resolves(),
+      },
+    }
+    this.SAMLIdentityManager = SandboxedModule.require(modulePath, {
+      requires: {
+        'mongodb-legacy': { ObjectId },
+        '../Email/EmailHandler': (this.EmailHandler = {
+          sendEmail: sinon.stub().yields(),
+        }),
+        '../Notifications/NotificationsBuilder': (this.NotificationsBuilder = {
+          promises: {
+            redundantPersonalSubscription: sinon
+              .stub()
+              .returns({ create: sinon.stub().resolves() }),
+          },
+        }),
+        '../Subscription/SubscriptionLocator': (this.SubscriptionLocator = {
+          promises: {
+            getUserIndividualSubscription: sinon.stub().resolves(),
+          },
+        }),
+        '../../models/User': {
+          User: (this.User = {
+            findOneAndUpdate: sinon.stub().returns({
+              exec: sinon.stub().resolves(this.user),
+            }),
+            findOne: sinon.stub().returns({
+              exec: sinon.stub().resolves(),
+            }),
+            updateOne: sinon.stub().returns({
+              exec: sinon.stub().resolves(),
+            }),
+          }),
+        },
+        '../User/UserAuditLogHandler': (this.UserAuditLogHandler = {
+          promises: {
+            addEntry: sinon.stub().resolves(),
+          },
+        }),
+        '../User/UserGetter': (this.UserGetter = {
+          getUser: sinon.stub(),
+          promises: {
+            getUser: sinon.stub().resolves(this.user),
+            getUserByAnyEmail: sinon.stub().resolves(),
+            getUserFullEmails: sinon.stub().resolves(),
+          },
+        }),
+        '../User/UserUpdater': (this.UserUpdater = {
+          addEmailAddress: sinon.stub(),
+          promises: {
+            addEmailAddress: sinon.stub().resolves(),
+            confirmEmail: sinon.stub().resolves(),
+            updateUser: sinon.stub().resolves(),
+          },
+        }),
+        '../Institutions/InstitutionsAPI': this.InstitutionsAPI,
+      },
+    })
+  })
+
+  describe('getUser', function () {
+    it('should throw an error if missing all of: provider ID, external user ID, attribute', async function () {
+      let error
+      try {
+        await this.SAMLIdentityManager.getUser(undefined, undefined, undefined)
+      } catch (e) {
+        error = e
+      } finally {
+        expect(error).to.exist
+        expect(error.message).to.equal(
+          'invalid arguments: providerId: undefined, externalUserId: undefined, userIdAttribute: undefined'
+        )
+      }
+    })
+    it('should throw an error if missing provider ID', async function () {
+      let error
+      try {
+        await this.SAMLIdentityManager.getUser(undefined, 'id123', 'someAttr')
+      } catch (e) {
+        error = e
+      } finally {
+        expect(error).to.exist
+        expect(error.message).to.equal(
+          'invalid arguments: providerId: undefined, externalUserId: id123, userIdAttribute: someAttr'
+        )
+      }
+    })
+    it('should throw an error if missing external user ID', async function () {
+      let error
+      try {
+        await this.SAMLIdentityManager.getUser('123', null, 'someAttr')
+      } catch (e) {
+        error = e
+      } finally {
+        expect(error).to.exist
+      }
+    })
+    it('should throw an error if missing attribute', async function () {
+      let error
+      try {
+        await this.SAMLIdentityManager.getUser('123', 'id123', undefined)
+      } catch (e) {
+        error = e
+      } finally {
+        expect(error).to.exist
+        expect(error.message).to.equal(
+          'invalid arguments: providerId: 123, externalUserId: id123, userIdAttribute: undefined'
+        )
+      }
+    })
+  })
+
+  describe('linkAccounts', function () {
+    describe('errors', function () {
+      beforeEach(function () {
+        // first call is to get userWithProvider; should be falsy
+        this.UserGetter.promises.getUser.onFirstCall().resolves()
+        this.UserGetter.promises.getUser.onSecondCall().resolves(this.user)
+      })
+
+      it('should throw an error if missing all data', async function () {
+        let error
+        try {
+          await this.SAMLIdentityManager.linkAccounts(null, null, null)
+        } catch (e) {
+          error = e
+        } finally {
+          expect(error).to.exist
+        }
+      })
+
+      describe('linking data', function () {
+        const requiredData = {
+          externalUserId: 'someUniqueId',
+          institutionEmail: 'user@example.com',
+          providerId: '123',
+          userIdAttribute: 'attribute',
+        }
+        for (const [data] of Object.entries(requiredData)) {
+          const testData = { ...requiredData }
+          delete testData[data]
+          let error
+          it(`should throw an error when missing ${data}`, async function () {
+            try {
+              await this.SAMLIdentityManager.linkAccounts('123', testData, {})
+            } catch (e) {
+              error = e
+            } finally {
+              expect(error).to.exist
+              expect(error.message).to.contain(
+                'missing data when linking institution SSO'
+              )
+            }
+          })
+        }
+      })
+
+      describe('when email is already associated with another Overleaf account', function () {
+        beforeEach(function () {
+          this.UserGetter.promises.getUserByAnyEmail.resolves(
+            this.userEmailExists
+          )
+        })
+
+        it('should throw an EmailExistsError error', async function () {
+          let error
+
+          try {
+            await this.SAMLIdentityManager.linkAccounts(
+              '6005c75b12cbcaf771f4a105',
+              {
+                externalUserId: 'not-linked-id',
+                institutionEmail: 'exists@overleaf.com',
+                universityId: 'provider-id',
+                universityName: 'provider-name',
+                hasEntitlement: true,
+                userIdAttribute: 'someAttribute',
+              },
+              {
+                intiatorId: '6005c75b12cbcaf771f4a105',
+                ip: '0:0:0:0',
+              }
+            )
+          } catch (e) {
+            error = e
+          } finally {
+            expect(error).to.be.instanceof(Errors.EmailExistsError)
+            expect(this.User.findOneAndUpdate).to.not.have.been.called
+          }
+        })
+      })
+
+      describe('when email is not affiliated', function () {
+        beforeEach(function () {
+          this.UserGetter.promises.getUserByAnyEmail.resolves(this.user)
+          this.UserGetter.promises.getUserFullEmails.resolves([
+            {
+              email: 'not-affiliated@overleaf.com',
+            },
+          ])
+        })
+
+        it('should throw SAMLEmailNotAffiliatedError', async function () {
+          let error
+          try {
+            await this.SAMLIdentityManager.linkAccounts(
+              '6005c75b12cbcaf771f4a105',
+              {
+                externalUserId: 'not-linked-id',
+                institutionEmail: 'not-affiliated@overleaf.com',
+                universityId: 'provider-id',
+                universityName: 'provider-name',
+                hasEntitlement: true,
+                userIdAttribute: 'someAttribute',
+              },
+              {
+                intiatorId: 'user-id-1',
+                ip: '0:0:0:0',
+              }
+            )
+          } catch (e) {
+            error = e
+          } finally {
+            expect(error).to.be.instanceof(Errors.SAMLEmailNotAffiliatedError)
+            expect(this.User.findOneAndUpdate).to.not.have.been.called
+          }
+        })
+      })
+
+      describe('when email is affiliated with another institution', function () {
+        beforeEach(function () {
+          this.UserGetter.promises.getUserByAnyEmail.resolves(this.user)
+          this.UserGetter.promises.getUserFullEmails.resolves([
+            {
+              email: 'affiliated@overleaf.com',
+              affiliation: { institution: { id: '987' } },
+            },
+          ])
+        })
+
+        it('should throw SAMLEmailAffiliatedWithAnotherInstitutionError', async function () {
+          let error
+          try {
+            await this.SAMLIdentityManager.linkAccounts(
+              '6005c75b12cbcaf771f4a105',
+              {
+                externalUserId: 'not-linked-id',
+                institutionEmail: 'affiliated@overleaf.com',
+                universityId: 'provider-id',
+                universityName: 'provider-name',
+                hasEntitlement: true,
+                userIdAttribute: 'someAttribute',
+              },
+              {
+                intiatorId: 'user-id-1',
+                ip: '0:0:0:0',
+              }
+            )
+          } catch (e) {
+            error = e
+          } finally {
+            expect(error).to.be.instanceof(
+              Errors.SAMLEmailAffiliatedWithAnotherInstitutionError
+            )
+            expect(this.User.findOneAndUpdate).to.not.have.been.called
+          }
+        })
+      })
+
+      describe('when institution identifier is already associated with another Overleaf account', function () {
+        beforeEach(function () {
+          this.UserGetter.promises.getUserByAnyEmail.resolves(
+            this.userAlreadyLinked
+          )
+        })
+
+        it('should throw an SAMLIdentityExistsError error', async function () {
+          let error
+          try {
+            await this.SAMLIdentityManager.linkAccounts(
+              '6005c75b12cbcaf771f4a105',
+              {
+                externalUserId: 'already-linked-id',
+                institutionEmail: 'linked@overleaf.com',
+                universityId: 'provider-id',
+                universityName: 'provider-name',
+                hasEntitlement: true,
+                userIdAttribute: 'someAttribute',
+              },
+              {
+                intiatorId: '6005c75b12cbcaf771f4a105',
+                ip: '0:0:0:0',
+              }
+            )
+          } catch (e) {
+            error = e
+          } finally {
+            expect(error).to.be.instanceof(Errors.SAMLIdentityExistsError)
+            expect(this.User.findOneAndUpdate).to.not.have.been.called
+          }
+        })
+      })
+
+      describe('when institution provider is already associated with the user', function () {
+        beforeEach(function () {
+          // first call is to get userWithProvider; resolves with any user
+          this.UserGetter.promises.getUser.onFirstCall().resolves(this.user)
+        })
+
+        it('should throw an SAMLAlreadyLinkedError error', async function () {
+          let error
+          try {
+            await this.SAMLIdentityManager.linkAccounts(
+              '6005c75b12cbcaf771f4a105',
+              {
+                externalUserId: 'already-linked-id',
+                institutionEmail: 'linked@overleaf.com',
+                universityId: 123456,
+                universityName: 'provider-name',
+                hasEntitlement: true,
+                userIdAttribute: 'someAttribute',
+              },
+              {
+                intiatorId: '6005c75b12cbcaf771f4a105',
+                ip: '0:0:0:0',
+              }
+            )
+          } catch (e) {
+            error = e
+          } finally {
+            expect(
+              this.UserGetter.promises.getUser
+            ).to.have.been.calledWithMatch({
+              _id: new ObjectId('6005c75b12cbcaf771f4a105'),
+              'samlIdentifiers.providerId': '123456',
+            })
+            expect(error).to.be.instanceof(Errors.SAMLAlreadyLinkedError)
+            expect(this.User.findOneAndUpdate).to.not.have.been.called
+          }
+        })
+      })
+
+      it('should pass back errors via UserAuditLogHandler', async function () {
+        let error
+        const anError = new Error('oops')
+        this.UserAuditLogHandler.promises.addEntry.rejects(anError)
+        try {
+          await this.SAMLIdentityManager.linkAccounts(
+            this.user._id,
+            {
+              externalUserId: 'externalUserId',
+              institutionEmail: this.user.email,
+              universityId: '1',
+              universityName: 'Overleaf University',
+              hasEntitlement: false,
+              userIdAttribute: 'someAttribute',
+            },
+            {
+              intiatorId: '6005c75b12cbcaf771f4a105',
+              ipAddress: '0:0:0:0',
+            }
+          )
+        } catch (e) {
+          error = e
+        } finally {
+          expect(error).to.exist
+          expect(error).to.equal(anError)
+          expect(this.EmailHandler.sendEmail).to.not.have.been.called
+          expect(this.User.updateOne).to.not.have.been.called
+        }
+      })
+    })
+
+    describe('success', function () {
+      beforeEach(function () {
+        // first call is to get userWithProvider; should be falsy
+        this.UserGetter.promises.getUser.onFirstCall().resolves()
+        this.UserGetter.promises.getUser.onSecondCall().resolves(this.user)
+      })
+
+      it('should update the user audit log', async function () {
+        const auditLog = {
+          initiatorId: '6005c75b12cbcaf771f4a105',
+          ipAddress: '0:0:0:0',
+        }
+        await this.SAMLIdentityManager.linkAccounts(
+          this.user._id,
+          {
+            externalUserId: 'externalUserId',
+            institutionEmail: this.user.email,
+            universityId: '1',
+            universityName: 'Overleaf University',
+            hasEntitlement: false,
+            userIdAttribute: 'uniqueId',
+          },
+          auditLog
+        )
+
+        expect(
+          this.UserAuditLogHandler.promises.addEntry
+        ).to.have.been.calledWith(
+          this.user._id,
+          'link-institution-sso',
+          auditLog.initiatorId,
+          auditLog.ipAddress,
+          {
+            institutionEmail: this.user.email,
+            providerId: '1',
+            providerName: 'Overleaf University',
+            userIdAttribute: 'uniqueId',
+            externalUserId: 'externalUserId',
+          }
+        )
+      })
+
+      it('should send an email notification', async function () {
+        await this.SAMLIdentityManager.linkAccounts(
+          this.user._id,
+          {
+            externalUserId: 'externalUserId',
+            institutionEmail: this.user.email,
+            universityId: '1',
+            universityName: 'Overleaf University',
+            hasEntitlement: false,
+            userIdAttribute: 'someAttribute',
+          },
+          {
+            intiatorId: '6005c75b12cbcaf771f4a105',
+            ipAddress: '0:0:0:0',
+          }
+        )
+
+        expect(this.User.findOneAndUpdate).to.have.been.called
+        expect(this.EmailHandler.sendEmail).to.have.been.calledOnce
+        const emailArgs = this.EmailHandler.sendEmail.lastCall.args
+        expect(emailArgs[0]).to.equal('securityAlert')
+        expect(emailArgs[1].to).to.equal(this.user.email)
+        expect(emailArgs[1].actionDescribed).to.contain('was linked')
+        expect(emailArgs[1].message[0]).to.contain('Linked')
+        expect(emailArgs[1].message[0]).to.contain(this.user.email)
+      })
+    })
+  })
+
+  describe('unlinkAccounts', function () {
+    it('should update the audit log', async function () {
+      await this.SAMLIdentityManager.unlinkAccounts(
+        this.user._id,
+        linkedEmail,
+        this.user.email,
+        '1',
+        'Overleaf University',
+        this.auditLog
+      )
+      expect(
+        this.UserAuditLogHandler.promises.addEntry
+      ).to.have.been.calledOnce.and.calledWithMatch(
+        this.user._id,
+        'unlink-institution-sso',
+        this.auditLog.initiatorId,
+        this.auditLog.ipAddress,
+        {
+          institutionEmail: linkedEmail,
+          providerId: '1',
+          providerName: 'Overleaf University',
+        }
+      )
+    })
+    it('should remove the identifier', async function () {
+      await this.SAMLIdentityManager.unlinkAccounts(
+        this.user._id,
+        linkedEmail,
+        this.user.email,
+        '1',
+        'Overleaf University',
+        this.auditLog
+      )
+      const query = {
+        _id: this.user._id,
+      }
+      const update = {
+        $pull: {
+          samlIdentifiers: {
+            providerId: '1',
+          },
+        },
+      }
+      expect(this.User.updateOne).to.have.been.calledOnce.and.calledWithMatch(
+        query,
+        update
+      )
+    })
+    it('should send an email notification', async function () {
+      await this.SAMLIdentityManager.unlinkAccounts(
+        this.user._id,
+        linkedEmail,
+        this.user.email,
+        '1',
+        'Overleaf University',
+        this.auditLog
+      )
+      expect(this.User.updateOne).to.have.been.called
+      expect(this.EmailHandler.sendEmail).to.have.been.calledOnce
+      const emailArgs = this.EmailHandler.sendEmail.lastCall.args
+      expect(emailArgs[0]).to.equal('securityAlert')
+      expect(emailArgs[1].to).to.equal(this.user.email)
+      expect(emailArgs[1].actionDescribed).to.contain('was unlinked')
+      expect(emailArgs[1].message[0]).to.contain('No longer linked')
+      expect(emailArgs[1].message[0]).to.contain(linkedEmail)
+    })
+
+    describe('errors', function () {
+      it('should pass back errors via UserAuditLogHandler', async function () {
+        let error
+        const anError = new Error('oops')
+        this.UserAuditLogHandler.promises.addEntry.rejects(anError)
+        try {
+          await this.SAMLIdentityManager.unlinkAccounts(
+            this.user._id,
+            linkedEmail,
+            this.user.email,
+            '1',
+            'Overleaf University',
+            this.auditLog
+          )
+        } catch (e) {
+          error = e
+        } finally {
+          expect(error).to.exist
+          expect(error).to.equal(anError)
+          expect(this.EmailHandler.sendEmail).to.not.have.been.called
+          expect(this.User.updateOne).to.not.have.been.called
+        }
+      })
+    })
+  })
+
+  describe('entitlementAttributeMatches', function () {
+    it('should return true when entitlement matches on string', function () {
+      this.SAMLIdentityManager.entitlementAttributeMatches(
+        'foo bar',
+        'bar'
+      ).should.equal(true)
+    })
+
+    it('should return false when entitlement does not match on string', function () {
+      this.SAMLIdentityManager.entitlementAttributeMatches(
+        'foo bar',
+        'bam'
+      ).should.equal(false)
+    })
+
+    it('should return false on an invalid matcher', function () {
+      this.SAMLIdentityManager.entitlementAttributeMatches(
+        'foo bar',
+        '('
+      ).should.equal(false)
+    })
+
+    it('should log error on an invalid matcher', function () {
+      this.SAMLIdentityManager.entitlementAttributeMatches('foo bar', '(')
+      this.logger.error.firstCall.args[0].err.message.should.equal(
+        'Invalid regular expression: /(/: Unterminated group'
+      )
+    })
+
+    it('should return true when entitlement matches on array', function () {
+      this.SAMLIdentityManager.entitlementAttributeMatches(
+        ['foo', 'bar'],
+        'bar'
+      ).should.equal(true)
+    })
+
+    it('should return false when entitlement does not match array', function () {
+      this.SAMLIdentityManager.entitlementAttributeMatches(
+        ['foo', 'bar'],
+        'bam'
+      ).should.equal(false)
+    })
+  })
+
+  describe('migrateIdentifier', function () {
+    const userId = '5efb8b6e9b647b0027e4c0b0'
+    const externalUserId = '987zyx'
+    const providerId = 123
+    const hasEntitlement = false
+    const institutionEmail = 'someone@email.com'
+    const providerName = 'Example University'
+    const auditLog = {
+      initiatorId: userId,
+      ipAddress: '0.0.0.0',
+      migration: {
+        from: 'uniqueId',
+        to: 'newUniqueId',
+      },
+    }
+    const userIdAttribute = 'newUniqueId'
+
+    it('should remove the old identifier and add the new identifier', async function () {
+      this.UserGetter.promises.getUser.resolves()
+      this.UserGetter.promises.getUserByAnyEmail
+        .withArgs(institutionEmail)
+        .resolves({ _id: userId, emails: [{ email: institutionEmail }] })
+      this.UserGetter.promises.getUserFullEmails.withArgs(userId).resolves([
+        {
+          email: institutionEmail,
+          affiliation: { institution: { id: providerId } },
+        },
+      ])
+      await this.SAMLIdentityManager.migrateIdentifier(
+        userId,
+        externalUserId,
+        providerId,
+        hasEntitlement,
+        institutionEmail,
+        providerName,
+        auditLog,
+        userIdAttribute
+      )
+
+      expect(this.User.updateOne).to.have.been.calledOnce
+      const query = {
+        _id: userId,
+        'samlIdentifiers.providerId': providerId.toString(),
+      }
+
+      const update = {
+        $set: {
+          'samlIdentifiers.$.externalUserId': externalUserId,
+          'samlIdentifiers.$.userIdAttribute': userIdAttribute,
+        },
+      }
+
+      expect(this.User.updateOne.lastCall.args).to.deep.equal([query, update])
+    })
+  })
+
+  describe('unlinkNotMigrated', function () {
+    const userId = '5efb8b6e9b647b0027e4c0b0'
+    const providerId = '123'
+    const institutionEmail = 'someone@email.com'
+    const providerName = 'Example University'
+    const auditLog = {
+      ipAddress: 'N/A',
+    }
+
+    it('should remove the identifier om samlIdentifiers and samlProviderId on the email', async function () {
+      this.User.findOneAndUpdate = sinon.stub().returns({
+        exec: sinon.stub().resolves({
+          _id: userId,
+          emails: [{ email: institutionEmail, samlProviderId: providerId }],
+        }),
+      })
+
+      await this.SAMLIdentityManager.unlinkNotMigrated(
+        userId,
+        providerId,
+        providerName,
+        auditLog
+      )
+
+      expect(this.User.findOneAndUpdate).to.have.been.calledOnce
+      const query = {
+        _id: userId,
+        'emails.samlProviderId': providerId,
+      }
+      const update = {
+        $pull: {
+          samlIdentifiers: {
+            providerId,
+          },
+        },
+        $unset: {
+          'emails.$.samlProviderId': 1,
+        },
+      }
+      expect(this.User.findOneAndUpdate.lastCall.args).to.deep.equal([
+        query,
+        update,
+      ])
+
+      expect(this.UserAuditLogHandler.promises.addEntry).to.have.been.calledOnce
+      expect(
+        this.UserAuditLogHandler.promises.addEntry.lastCall.args
+      ).to.deep.equal([
+        userId,
+        'unlink-institution-sso-not-migrated',
+        undefined,
+        'N/A',
+        { providerId, providerName },
+      ])
+
+      expect(this.InstitutionsAPI.promises.removeEntitlement).to.have.been
+        .calledOnce
+      expect(
+        this.InstitutionsAPI.promises.removeEntitlement.lastCall.args
+      ).to.deep.equal([userId, institutionEmail])
+    })
+  })
+})
diff --git a/services/web/test/unit/src/User/ThirdPartyIdentityManagerTests.js b/services/web/test/unit/src/User/ThirdPartyIdentityManagerTests.js
new file mode 100644
index 0000000..d944262
--- /dev/null
+++ b/services/web/test/unit/src/User/ThirdPartyIdentityManagerTests.js
@@ -0,0 +1,244 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+const OError = require('@overleaf/o-error')
+const modulePath =
+  '../../../../app/src/Features/User/ThirdPartyIdentityManager.js'
+
+describe('ThirdPartyIdentityManager', function () {
+  beforeEach(function () {
+    this.userId = 'a1b2c3'
+    this.user = {
+      _id: this.userId,
+      email: 'example@overleaf.com',
+    }
+    this.externalUserId = 'id789'
+    this.externalData = {}
+    this.auditLog = { initiatorId: this.userId, ipAddress: '0:0:0:0' }
+    this.ThirdPartyIdentityManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../../../app/src/Features/User/UserAuditLogHandler':
+          (this.UserAuditLogHandler = {
+            promises: {
+              addEntry: sinon.stub().resolves(),
+            },
+          }),
+        '../../../../app/src/Features/Email/EmailHandler': (this.EmailHandler =
+          {
+            promises: {
+              sendEmail: sinon.stub().resolves(),
+            },
+          }),
+        '../../../../app/src/models/User': {
+          User: (this.User = {
+            findOneAndUpdate: sinon
+              .stub()
+              .returns({ exec: sinon.stub().resolves(this.user) }),
+            findOne: sinon.stub().returns({
+              exec: sinon.stub().resolves(undefined),
+            }),
+          }),
+        },
+        '@overleaf/settings': {
+          oauthProviders: {
+            google: {
+              name: 'Google',
+            },
+            orcid: {
+              name: 'ORCID',
+            },
+          },
+        },
+      },
+    })
+  })
+  describe('getUser', function () {
+    it('should throw an error when missing providerId or externalUserId', async function () {
+      await expect(
+        this.ThirdPartyIdentityManager.promises.getUser(undefined, undefined)
+      ).to.be.rejectedWith(OError, `invalid SSO arguments`)
+    })
+
+    describe('when user linked', function () {
+      beforeEach(function () {
+        this.User.findOne.returns({
+          exec: sinon.stub().resolves(this.user),
+        })
+      })
+
+      it('should return the user', async function () {
+        this.User.findOne.returns({
+          exec: sinon.stub().resolves(this.user),
+        })
+        const user = await this.ThirdPartyIdentityManager.promises.getUser(
+          'google',
+          'an-id-linked'
+        )
+        expect(user).to.deep.equal(this.user)
+      })
+    })
+    it('should return ThirdPartyUserNotFoundError when no user linked', function (done) {
+      this.ThirdPartyIdentityManager.getUser(
+        'google',
+        'an-id-not-linked',
+        (error, user) => {
+          expect(error).to.exist
+          expect(error.name).to.equal('ThirdPartyUserNotFoundError')
+          done()
+        }
+      )
+    })
+  })
+  describe('link', function () {
+    it('should send email alert', async function () {
+      await this.ThirdPartyIdentityManager.promises.link(
+        this.userId,
+        'google',
+        this.externalUserId,
+        this.externalData,
+        this.auditLog
+      )
+      const emailCall = this.EmailHandler.promises.sendEmail.getCall(0)
+      expect(emailCall.args[0]).to.equal('securityAlert')
+      expect(emailCall.args[1].actionDescribed).to.contain(
+        'a Google account was linked'
+      )
+    })
+
+    it('should update user audit log', async function () {
+      await this.ThirdPartyIdentityManager.promises.link(
+        this.userId,
+        'google',
+        this.externalUserId,
+        this.externalData,
+        this.auditLog
+      )
+      expect(
+        this.UserAuditLogHandler.promises.addEntry
+      ).to.have.been.calledOnceWith(
+        this.userId,
+        'link-sso',
+        this.auditLog.initiatorId,
+        this.auditLog.ipAddress,
+        {
+          providerId: 'google',
+        }
+      )
+    })
+    describe('errors', function () {
+      const anError = new Error('oops')
+
+      it('should not unlink if the UserAuditLogHandler throws an error', async function () {
+        this.UserAuditLogHandler.promises.addEntry.throws(anError)
+        await expect(
+          this.ThirdPartyIdentityManager.promises.link(
+            this.userId,
+            'google',
+            this.externalUserId,
+            this.externalData,
+            this.auditLog
+          )
+        ).to.be.rejectedWith(anError)
+        expect(this.User.findOneAndUpdate).to.not.have.been.called
+      })
+
+      describe('EmailHandler', function () {
+        beforeEach(function () {
+          this.EmailHandler.promises.sendEmail.rejects(anError)
+        })
+        it('should log but not return the error', async function () {
+          await expect(
+            this.ThirdPartyIdentityManager.promises.link(
+              this.userId,
+              'google',
+              this.externalUserId,
+              this.externalData,
+              this.auditLog
+            )
+          ).to.be.fulfilled
+          expect(this.logger.error.lastCall).to.be.calledWithExactly(
+            {
+              err: anError,
+              userId: this.userId,
+            },
+            'could not send security alert email when new account linked'
+          )
+        })
+      })
+    })
+  })
+
+  describe('unlink', function () {
+    it('should send email alert', async function () {
+      await this.ThirdPartyIdentityManager.promises.unlink(
+        this.userId,
+        'orcid',
+        this.auditLog
+      )
+      const emailCall = this.EmailHandler.promises.sendEmail.getCall(0)
+      expect(emailCall.args[0]).to.equal('securityAlert')
+      expect(emailCall.args[1].actionDescribed).to.contain(
+        'an ORCID account was unlinked from'
+      )
+    })
+    it('should update user audit log', async function () {
+      await this.ThirdPartyIdentityManager.promises.unlink(
+        this.userId,
+        'orcid',
+        this.auditLog
+      )
+      expect(
+        this.UserAuditLogHandler.promises.addEntry
+      ).to.have.been.calledOnceWith(
+        this.userId,
+        'unlink-sso',
+        this.auditLog.initiatorId,
+        this.auditLog.ipAddress,
+        {
+          providerId: 'orcid',
+        }
+      )
+    })
+
+    describe('errors', function () {
+      const anError = new Error('oops')
+
+      it('should not unlink if the UserAuditLogHandler throws an error', async function () {
+        this.UserAuditLogHandler.promises.addEntry.throws(anError)
+
+        await expect(
+          this.ThirdPartyIdentityManager.promises.unlink(
+            this.userId,
+            'orcid',
+            this.auditLog
+          )
+        ).to.be.rejectedWith(anError)
+
+        expect(this.User.findOneAndUpdate).to.not.have.been.called
+      })
+
+      describe('EmailHandler', function () {
+        beforeEach(function () {
+          this.EmailHandler.promises.sendEmail.rejects(anError)
+        })
+        it('should log but not return the error', async function () {
+          await expect(
+            this.ThirdPartyIdentityManager.promises.unlink(
+              this.userId,
+              'google',
+              this.auditLog
+            )
+          ).to.be.fulfilled
+
+          expect(this.logger.error.lastCall).to.be.calledWithExactly(
+            {
+              err: anError,
+              userId: this.userId,
+            },
+            'could not send security alert email when account no longer linked'
+          )
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/User/UserAuditLogHandlerTests.js b/services/web/test/unit/src/User/UserAuditLogHandlerTests.js
new file mode 100644
index 0000000..3bad884
--- /dev/null
+++ b/services/web/test/unit/src/User/UserAuditLogHandlerTests.js
@@ -0,0 +1,152 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const { ObjectId } = require('mongodb-legacy')
+const SandboxedModule = require('sandboxed-module')
+const { UserAuditLogEntry } = require('../helpers/models/UserAuditLogEntry')
+
+const MODULE_PATH = '../../../../app/src/Features/User/UserAuditLogHandler'
+
+describe('UserAuditLogHandler', function () {
+  beforeEach(function () {
+    this.userId = new ObjectId()
+    this.initiatorId = new ObjectId()
+    this.action = {
+      operation: 'clear-sessions',
+      initiatorId: this.initiatorId,
+      info: {
+        sessions: [
+          {
+            ip_address: '0:0:0:0',
+            session_created: '2020-07-15T16:07:57.652Z',
+          },
+        ],
+      },
+      ip: '0:0:0:0',
+    }
+    this.UserAuditLogEntryMock = sinon.mock(UserAuditLogEntry)
+    this.UserAuditLogHandler = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '../../models/UserAuditLogEntry': { UserAuditLogEntry },
+      },
+    })
+  })
+
+  afterEach(function () {
+    this.UserAuditLogEntryMock.restore()
+  })
+
+  describe('addEntry', function () {
+    describe('success', function () {
+      beforeEach(function () {
+        this.dbUpdate = this.UserAuditLogEntryMock.expects('create')
+          .chain('exec')
+          .resolves({ modifiedCount: 1 })
+      })
+      it('writes a log', async function () {
+        await this.UserAuditLogHandler.promises.addEntry(
+          this.userId,
+          this.action.operation,
+          this.action.initiatorId,
+          this.action.ip,
+          this.action.info
+        )
+        this.UserAuditLogEntryMock.verify()
+      })
+
+      it('updates the log for password reset operation witout a initiatorId', async function () {
+        await expect(
+          this.UserAuditLogHandler.promises.addEntry(
+            this.userId,
+            'reset-password',
+            undefined,
+            this.action.ip,
+            this.action.info
+          )
+        )
+        this.UserAuditLogEntryMock.verify()
+      })
+
+      it('updates the log for a email removal via script', async function () {
+        await expect(
+          this.UserAuditLogHandler.promises.addEntry(
+            this.userId,
+            'remove-email',
+            undefined,
+            this.action.ip,
+            {
+              removedEmail: 'foo',
+              script: true,
+            }
+          )
+        )
+        this.UserAuditLogEntryMock.verify()
+      })
+
+      it('updates the log when no ip address or initiatorId is specified for a group join event', async function () {
+        this.UserAuditLogHandler.promises.addEntry(
+          this.userId,
+          'join-group-subscription',
+          undefined,
+          undefined,
+          {
+            subscriptionId: 'foo',
+          }
+        )
+      })
+    })
+
+    describe('errors', function () {
+      describe('missing parameters', function () {
+        it('throws an error when no operation', async function () {
+          await expect(
+            this.UserAuditLogHandler.promises.addEntry(
+              this.userId,
+              undefined,
+              this.action.initiatorId,
+              this.action.ip,
+              this.action.info
+            )
+          ).to.be.rejected
+        })
+
+        it('throws an error when no IP and not excempt', async function () {
+          await expect(
+            this.UserAuditLogHandler.promises.addEntry(
+              this.userId,
+              this.action.operation,
+              this.action.initiatorId,
+              undefined,
+              this.action.info
+            )
+          ).to.be.rejected
+        })
+
+        it('throws an error when no initiatorId and not a password reset operation', async function () {
+          await expect(
+            this.UserAuditLogHandler.promises.addEntry(
+              this.userId,
+              this.action.operation,
+              undefined,
+              this.action.ip,
+              this.action.info
+            )
+          ).to.be.rejected
+        })
+
+        it('throws an error when remove-email is not from a script, but has no initiatorId', async function () {
+          await expect(
+            this.UserAuditLogHandler.promises.addEntry(
+              this.userId,
+              'remove-email',
+              undefined,
+              this.action.ip,
+              {
+                removedEmail: 'foo',
+              }
+            )
+          ).to.be.rejected
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/User/UserControllerTests.js b/services/web/test/unit/src/User/UserControllerTests.js
new file mode 100644
index 0000000..8dc8f03
--- /dev/null
+++ b/services/web/test/unit/src/User/UserControllerTests.js
@@ -0,0 +1,1181 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../../app/src/Features/User/UserController.js'
+const SandboxedModule = require('sandboxed-module')
+const OError = require('@overleaf/o-error')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+
+describe('UserController', function () {
+  beforeEach(function () {
+    this.user_id = '323123'
+
+    this.user = {
+      _id: this.user_id,
+      email: 'email@overleaf.com',
+      save: sinon.stub().resolves(),
+      ace: {},
+    }
+
+    this.req = {
+      user: {},
+      session: {
+        destroy() {},
+        user: {
+          _id: this.user_id,
+          email: 'old@something.com',
+        },
+        analyticsId: this.user_id,
+      },
+      sessionID: '123',
+      body: {},
+      i18n: {
+        translate: text => text,
+      },
+      ip: '0:0:0:0',
+      query: {},
+      headers: {},
+      logger: {
+        addFields: sinon.stub(),
+      },
+    }
+
+    this.UserDeleter = { promises: { deleteUser: sinon.stub().resolves() } }
+
+    this.UserGetter = {
+      promises: { getUser: sinon.stub().resolves(this.user) },
+    }
+
+    this.User = {
+      findById: sinon
+        .stub()
+        .returns({ exec: sinon.stub().resolves(this.user) }),
+    }
+
+    this.NewsLetterManager = {
+      promises: {
+        subscribe: sinon.stub().resolves(),
+        unsubscribe: sinon.stub().resolves(),
+      },
+    }
+
+    this.SessionManager = {
+      getLoggedInUserId: sinon.stub().returns(this.user._id),
+      getSessionUser: sinon.stub().returns(this.req.session.user),
+      setInSessionUser: sinon.stub(),
+    }
+
+    this.AuthenticationManager = {
+      promises: {
+        authenticate: sinon.stub(),
+        setUserPassword: sinon.stub(),
+      },
+      getMessageForInvalidPasswordError: sinon
+        .stub()
+        .returns({ type: 'error', key: 'some-key' }),
+    }
+
+    this.UserUpdater = {
+      promises: {
+        changeEmailAddress: sinon.stub().resolves(),
+        confirmEmail: sinon.stub().resolves(),
+        addAffiliationForNewUser: sinon.stub().resolves(),
+      },
+    }
+
+    this.settings = { siteUrl: 'overleaf.example.com' }
+
+    this.UserHandler = {
+      promises: { populateTeamInvites: sinon.stub().resolves() },
+    }
+
+    this.UserSessionsManager = {
+      promises: {
+        getAllUserSessions: sinon.stub().resolves(),
+        removeSessionsFromRedis: sinon.stub().resolves(),
+        untrackSession: sinon.stub().resolves(),
+      },
+    }
+
+    this.HttpErrorHandler = {
+      badRequest: sinon.stub(),
+      conflict: sinon.stub(),
+      unprocessableEntity: sinon.stub(),
+      legacyInternal: sinon.stub(),
+    }
+
+    this.UrlHelper = {
+      getSafeRedirectPath: sinon.stub(),
+    }
+    this.UrlHelper.getSafeRedirectPath
+      .withArgs('https://evil.com')
+      .returns(undefined)
+    this.UrlHelper.getSafeRedirectPath.returnsArg(0)
+
+    this.Features = {
+      hasFeature: sinon.stub(),
+    }
+
+    this.UserAuditLogHandler = {
+      promises: {
+        addEntry: sinon.stub().resolves(),
+      },
+    }
+
+    this.RequestContentTypeDetection = {
+      acceptsJson: sinon.stub().returns(false),
+    }
+
+    this.EmailHandler = {
+      promises: { sendEmail: sinon.stub().resolves() },
+    }
+
+    this.OneTimeTokenHandler = {
+      promises: { expireAllTokensForUser: sinon.stub().resolves() },
+    }
+
+    this.Modules = {
+      promises: {
+        hooks: {
+          fire: sinon.stub().resolves(),
+        },
+      },
+    }
+
+    this.UserController = SandboxedModule.require(modulePath, {
+      requires: {
+        '../Helpers/UrlHelper': this.UrlHelper,
+        './UserGetter': this.UserGetter,
+        './UserDeleter': this.UserDeleter,
+        './UserUpdater': this.UserUpdater,
+        '../../models/User': { User: this.User },
+        '../Newsletter/NewsletterManager': this.NewsLetterManager,
+        '../Authentication/AuthenticationController':
+          this.AuthenticationController,
+        '../Authentication/SessionManager': this.SessionManager,
+        '../Authentication/AuthenticationManager': this.AuthenticationManager,
+        '../../infrastructure/Features': this.Features,
+        './UserAuditLogHandler': this.UserAuditLogHandler,
+        './UserHandler': this.UserHandler,
+        './UserSessionsManager': this.UserSessionsManager,
+        '../Errors/HttpErrorHandler': this.HttpErrorHandler,
+        '@overleaf/settings': this.settings,
+        '@overleaf/o-error': OError,
+        '../Email/EmailHandler': this.EmailHandler,
+        '../Security/OneTimeTokenHandler': this.OneTimeTokenHandler,
+        '../../infrastructure/RequestContentTypeDetection':
+          this.RequestContentTypeDetection,
+        '../../infrastructure/Modules': this.Modules,
+      },
+    })
+
+    this.res = {
+      send: sinon.stub(),
+      status: sinon.stub(),
+      sendStatus: sinon.stub(),
+      json: sinon.stub(),
+    }
+    this.res.status.returns(this.res)
+    this.next = sinon.stub()
+    this.callback = sinon.stub()
+  })
+
+  describe('tryDeleteUser', function () {
+    beforeEach(function () {
+      this.req.body.password = 'wat'
+      this.req.logout = sinon.stub().yields()
+      this.req.session.destroy = sinon.stub().yields()
+      this.SessionManager.getLoggedInUserId = sinon
+        .stub()
+        .returns(this.user._id)
+      this.AuthenticationManager.promises.authenticate.resolves({
+        user: this.user,
+      })
+    })
+
+    it('should send 200', function (done) {
+      this.res.sendStatus = code => {
+        code.should.equal(200)
+        done()
+      }
+      this.UserController.tryDeleteUser(this.req, this.res, this.next)
+    })
+
+    it('should try to authenticate user', function (done) {
+      this.res.sendStatus = code => {
+        this.AuthenticationManager.promises.authenticate.should.have.been
+          .calledOnce
+        this.AuthenticationManager.promises.authenticate.should.have.been.calledWith(
+          { _id: this.user._id },
+          this.req.body.password
+        )
+        done()
+      }
+      this.UserController.tryDeleteUser(this.req, this.res, this.next)
+    })
+
+    it('should delete the user', function (done) {
+      this.res.sendStatus = code => {
+        this.UserDeleter.promises.deleteUser.should.have.been.calledOnce
+        this.UserDeleter.promises.deleteUser.should.have.been.calledWith(
+          this.user._id
+        )
+        done()
+      }
+      this.UserController.tryDeleteUser(this.req, this.res, this.next)
+    })
+
+    it('should call hook to try to delete v1 account', function (done) {
+      this.res.sendStatus = code => {
+        expect(this.Modules.promises.hooks.fire).to.have.been.calledWith(
+          'tryDeleteV1Account',
+          this.user
+        )
+        done()
+      }
+      this.UserController.tryDeleteUser(this.req, this.res, this.next)
+    })
+
+    describe('when no password is supplied', function () {
+      beforeEach(function () {
+        this.req.body.password = ''
+      })
+
+      it('should return 403', function (done) {
+        this.res.sendStatus = code => {
+          code.should.equal(403)
+          done()
+        }
+        this.UserController.tryDeleteUser(this.req, this.res, this.next)
+      })
+    })
+
+    describe('when authenticate produces an error', function () {
+      beforeEach(function () {
+        this.AuthenticationManager.promises.authenticate.rejects(
+          new Error('woops')
+        )
+      })
+
+      it('should call next with an error', function (done) {
+        this.next = err => {
+          expect(err).to.not.equal(null)
+          expect(err).to.be.instanceof(Error)
+          done()
+        }
+        this.UserController.tryDeleteUser(this.req, this.res, this.next)
+      })
+    })
+
+    describe('when authenticate does not produce a user', function () {
+      beforeEach(function () {
+        this.AuthenticationManager.promises.authenticate.resolves({
+          user: null,
+        })
+      })
+
+      it('should return 403', function (done) {
+        this.res.sendStatus = code => {
+          code.should.equal(403)
+          done()
+        }
+        this.UserController.tryDeleteUser(this.req, this.res, this.next)
+      })
+    })
+
+    describe('when deleteUser produces an error', function () {
+      beforeEach(function () {
+        this.UserDeleter.promises.deleteUser.rejects(new Error('woops'))
+      })
+
+      it('should call next with an error', function (done) {
+        this.next = err => {
+          expect(err).to.not.equal(null)
+          expect(err).to.be.instanceof(Error)
+          done()
+        }
+        this.UserController.tryDeleteUser(this.req, this.res, this.next)
+      })
+    })
+
+    describe('when deleteUser produces a known error', function () {
+      beforeEach(function () {
+        this.UserDeleter.promises.deleteUser.rejects(
+          new Errors.SubscriptionAdminDeletionError()
+        )
+      })
+
+      it('should return a HTTP Unprocessable Entity error', function (done) {
+        this.HttpErrorHandler.unprocessableEntity = sinon.spy(
+          (req, res, message, info) => {
+            expect(req).to.exist
+            expect(res).to.exist
+            expect(message).to.equal('error while deleting user account')
+            expect(info).to.deep.equal({
+              error: 'SubscriptionAdminDeletionError',
+            })
+            done()
+          }
+        )
+        this.UserController.tryDeleteUser(this.req, this.res)
+      })
+    })
+
+    describe('when session.destroy produces an error', function () {
+      beforeEach(function () {
+        this.req.session.destroy = sinon
+          .stub()
+          .callsArgWith(0, new Error('woops'))
+      })
+
+      it('should call next with an error', function (done) {
+        this.next = err => {
+          expect(err).to.not.equal(null)
+          expect(err).to.be.instanceof(Error)
+          done()
+        }
+        this.UserController.tryDeleteUser(this.req, this.res, this.next)
+      })
+    })
+  })
+
+  describe('subscribe', function () {
+    it('should send the user to subscribe', function (done) {
+      this.res.json = data => {
+        expect(data.message).to.equal('thanks_settings_updated')
+        this.NewsLetterManager.promises.subscribe.should.have.been.calledWith(
+          this.user
+        )
+        done()
+      }
+      this.UserController.subscribe(this.req, this.res)
+    })
+  })
+
+  describe('unsubscribe', function () {
+    it('should send the user to unsubscribe', function (done) {
+      this.res.json = data => {
+        expect(data.message).to.equal('thanks_settings_updated')
+        this.NewsLetterManager.promises.unsubscribe.should.have.been.calledWith(
+          this.user
+        )
+        done()
+      }
+      this.UserController.unsubscribe(this.req, this.res, this.next)
+    })
+  })
+
+  describe('updateUserSettings', function () {
+    beforeEach(function () {
+      this.auditLog = { initiatorId: this.user_id, ipAddress: this.req.ip }
+      this.newEmail = 'hello@world.com'
+      this.req.externalAuthenticationSystemUsed = sinon.stub().returns(false)
+    })
+
+    it('should call save', function (done) {
+      this.req.body = {}
+      this.res.sendStatus = code => {
+        this.user.save.called.should.equal(true)
+        done()
+      }
+      this.UserController.updateUserSettings(this.req, this.res, this.next)
+    })
+
+    it('should set the first name', function (done) {
+      this.req.body = { first_name: 'bobby  ' }
+      this.res.sendStatus = code => {
+        this.user.first_name.should.equal('bobby')
+        done()
+      }
+      this.UserController.updateUserSettings(this.req, this.res)
+    })
+
+    it('should set the role', function (done) {
+      this.req.body = { role: 'student' }
+      this.res.sendStatus = code => {
+        this.user.role.should.equal('student')
+        done()
+      }
+      this.UserController.updateUserSettings(this.req, this.res)
+    })
+
+    it('should set the institution', function (done) {
+      this.req.body = { institution: 'MIT' }
+      this.res.sendStatus = code => {
+        this.user.institution.should.equal('MIT')
+        done()
+      }
+      this.UserController.updateUserSettings(this.req, this.res)
+    })
+
+    it('should set some props on ace', function (done) {
+      this.req.body = { editorTheme: 'something' }
+      this.res.sendStatus = code => {
+        this.user.ace.theme.should.equal('something')
+        done()
+      }
+      this.UserController.updateUserSettings(this.req, this.res)
+    })
+
+    it('should set the overall theme', function (done) {
+      this.req.body = { overallTheme: 'green-ish' }
+      this.res.sendStatus = code => {
+        this.user.ace.overallTheme.should.equal('green-ish')
+        done()
+      }
+      this.UserController.updateUserSettings(this.req, this.res)
+    })
+
+    it('should set referencesSearchMode to advanced', function (done) {
+      this.req.body = { referencesSearchMode: 'advanced' }
+      this.res.sendStatus = code => {
+        this.user.ace.referencesSearchMode.should.equal('advanced')
+        done()
+      }
+      this.UserController.updateUserSettings(this.req, this.res)
+    })
+
+    it('should set referencesSearchMode to simple', function (done) {
+      this.req.body = { referencesSearchMode: 'simple' }
+      this.res.sendStatus = code => {
+        this.user.ace.referencesSearchMode.should.equal('simple')
+        done()
+      }
+      this.UserController.updateUserSettings(this.req, this.res)
+    })
+
+    it('should not allow arbitrary referencesSearchMode', function (done) {
+      this.req.body = { referencesSearchMode: 'foobar' }
+      this.res.sendStatus = code => {
+        this.user.ace.referencesSearchMode.should.equal('advanced')
+        done()
+      }
+      this.UserController.updateUserSettings(this.req, this.res)
+    })
+
+    it('should set enableNewEditor to true', function (done) {
+      this.req.body = { enableNewEditor: true }
+      this.res.sendStatus = code => {
+        this.user.ace.enableNewEditor.should.equal(true)
+        done()
+      }
+      this.UserController.updateUserSettings(this.req, this.res)
+    })
+
+    it('should set enableNewEditor to false', function (done) {
+      this.req.body = { enableNewEditor: false }
+      this.res.sendStatus = code => {
+        this.user.ace.enableNewEditor.should.equal(false)
+        done()
+      }
+      this.UserController.updateUserSettings(this.req, this.res)
+    })
+
+    it('should keep enableNewEditor a boolean', function (done) {
+      this.req.body = { enableNewEditor: 'foobar' }
+      this.res.sendStatus = code => {
+        this.user.ace.enableNewEditor.should.equal(true)
+        done()
+      }
+      this.UserController.updateUserSettings(this.req, this.res)
+    })
+
+    it('should send an error if the email is 0 len', function (done) {
+      this.req.body.email = ''
+      this.res.sendStatus = function (code) {
+        code.should.equal(400)
+        done()
+      }
+      this.UserController.updateUserSettings(this.req, this.res)
+    })
+
+    it('should send an error if the email does not contain an @', function (done) {
+      this.req.body.email = 'bob at something dot com'
+      this.res.sendStatus = function (code) {
+        code.should.equal(400)
+        done()
+      }
+      this.UserController.updateUserSettings(this.req, this.res)
+    })
+
+    it('should call the user updater with the new email and user _id', function (done) {
+      this.req.body.email = this.newEmail.toUpperCase()
+      this.res.sendStatus = code => {
+        code.should.equal(200)
+        this.UserUpdater.promises.changeEmailAddress.should.have.been.calledWith(
+          this.user_id,
+          this.newEmail,
+          this.auditLog
+        )
+        done()
+      }
+      this.UserController.updateUserSettings(this.req, this.res)
+    })
+
+    it('should update the email on the session', function (done) {
+      this.req.body.email = this.newEmail.toUpperCase()
+      let callcount = 0
+      this.User.findById = id => ({
+        exec: async () => {
+          if (++callcount === 2) {
+            this.user.email = this.newEmail
+          }
+          return this.user
+        },
+      })
+      this.res.sendStatus = code => {
+        code.should.equal(200)
+        this.SessionManager.setInSessionUser
+          .calledWith(this.req.session, {
+            email: this.newEmail,
+            first_name: undefined,
+            last_name: undefined,
+          })
+          .should.equal(true)
+        done()
+      }
+      this.UserController.updateUserSettings(this.req, this.res)
+    })
+
+    it('should call populateTeamInvites', function (done) {
+      this.req.body.email = this.newEmail.toUpperCase()
+      this.res.sendStatus = code => {
+        code.should.equal(200)
+        this.UserHandler.promises.populateTeamInvites.should.have.been.calledWith(
+          this.user
+        )
+        done()
+      }
+      this.UserController.updateUserSettings(this.req, this.res)
+    })
+
+    describe('when changeEmailAddress yields an error', function () {
+      it('should pass on an error and not send a success status', function (done) {
+        this.req.body.email = this.newEmail.toUpperCase()
+        this.UserUpdater.promises.changeEmailAddress.rejects(new OError())
+        this.HttpErrorHandler.legacyInternal = sinon.spy(
+          (req, res, message, error) => {
+            expect(req).to.exist
+            expect(req).to.exist
+            message.should.equal('problem_changing_email_address')
+            expect(error).to.be.instanceof(OError)
+            done()
+          }
+        )
+        this.UserController.updateUserSettings(this.req, this.res, this.next)
+      })
+
+      it('should call the HTTP conflict error handler when the email already exists', function (done) {
+        this.HttpErrorHandler.conflict = sinon.spy((req, res, message) => {
+          expect(req).to.exist
+          expect(req).to.exist
+          message.should.equal('email_already_registered')
+          done()
+        })
+        this.req.body.email = this.newEmail.toUpperCase()
+        this.UserUpdater.promises.changeEmailAddress.rejects(
+          new Errors.EmailExistsError()
+        )
+        this.UserController.updateUserSettings(this.req, this.res)
+      })
+    })
+
+    describe('when using an external auth source', function () {
+      beforeEach(function () {
+        this.newEmail = 'someone23@example.com'
+        this.req.externalAuthenticationSystemUsed = sinon.stub().returns(true)
+      })
+
+      it('should not set a new email', function (done) {
+        this.req.body.email = this.newEmail
+        this.res.sendStatus = code => {
+          code.should.equal(200)
+          this.UserUpdater.promises.changeEmailAddress
+            .calledWith(this.user_id, this.newEmail)
+            .should.equal(false)
+          done()
+        }
+        this.UserController.updateUserSettings(this.req, this.res)
+      })
+    })
+  })
+
+  describe('logout', function () {
+    beforeEach(function () {
+      this.RequestContentTypeDetection.acceptsJson.returns(false)
+    })
+
+    it('should destroy the session', function (done) {
+      this.req.session.destroy = sinon.stub().callsArgWith(0)
+      this.res.redirect = url => {
+        url.should.equal('/login')
+        this.req.session.destroy.called.should.equal(true)
+        done()
+      }
+
+      this.UserController.logout(this.req, this.res)
+    })
+
+    it('should untrack session', function (done) {
+      this.req.session.destroy = sinon.stub().callsArgWith(0)
+      this.res.redirect = url => {
+        url.should.equal('/login')
+        this.UserSessionsManager.promises.untrackSession.should.have.been
+          .calledOnce
+        this.UserSessionsManager.promises.untrackSession.should.have.been.calledWith(
+          sinon.match(this.req.user),
+          this.req.sessionID
+        )
+        done()
+      }
+
+      this.UserController.logout(this.req, this.res)
+    })
+
+    it('should redirect after logout', function (done) {
+      this.req.body.redirect = '/sso-login'
+      this.req.session.destroy = sinon.stub().callsArgWith(0)
+      this.res.redirect = url => {
+        url.should.equal(this.req.body.redirect)
+        done()
+      }
+      this.UserController.logout(this.req, this.res)
+    })
+
+    it('should redirect after logout, but not to evil.com', function (done) {
+      this.req.body.redirect = 'https://evil.com'
+      this.req.session.destroy = sinon.stub().callsArgWith(0)
+      this.res.redirect = url => {
+        url.should.equal('/login')
+        done()
+      }
+      this.UserController.logout(this.req, this.res)
+    })
+
+    it('should redirect to login after logout when no redirect set', function (done) {
+      this.req.session.destroy = sinon.stub().callsArgWith(0)
+      this.res.redirect = url => {
+        url.should.equal('/login')
+        done()
+      }
+      this.UserController.logout(this.req, this.res)
+    })
+
+    it('should send json with redir property for json request', function (done) {
+      this.RequestContentTypeDetection.acceptsJson.returns(true)
+      this.req.session.destroy = sinon.stub().callsArgWith(0)
+      this.res.status = code => {
+        code.should.equal(200)
+        return this.res
+      }
+      this.res.json = data => {
+        data.redir.should.equal('/login')
+        done()
+      }
+      this.UserController.logout(this.req, this.res)
+    })
+  })
+
+  describe('clearSessions', function () {
+    describe('success', function () {
+      it('should call removeSessionsFromRedis', function (done) {
+        this.res.sendStatus.callsFake(() => {
+          this.UserSessionsManager.promises.removeSessionsFromRedis.should.have
+            .been.calledOnce
+          done()
+        })
+        this.UserController.clearSessions(this.req, this.res)
+      })
+
+      it('send a 201 response', function (done) {
+        this.res.sendStatus.callsFake(status => {
+          status.should.equal(201)
+          done()
+        })
+
+        this.UserController.clearSessions(this.req, this.res)
+      })
+
+      it('sends a security alert email', function (done) {
+        this.res.sendStatus.callsFake(status => {
+          this.EmailHandler.promises.sendEmail.callCount.should.equal(1)
+          const expectedArg = {
+            to: this.user.email,
+            actionDescribed: `active sessions were cleared on your account ${this.user.email}`,
+            action: 'active sessions cleared',
+          }
+          const emailCall = this.EmailHandler.promises.sendEmail.lastCall
+          expect(emailCall.args[0]).to.equal('securityAlert')
+          expect(emailCall.args[1]).to.deep.equal(expectedArg)
+          done()
+        })
+
+        this.UserController.clearSessions(this.req, this.res)
+      })
+    })
+
+    describe('errors', function () {
+      describe('when getAllUserSessions produces an error', function () {
+        it('should return an error', function (done) {
+          this.UserSessionsManager.promises.getAllUserSessions.rejects(
+            new Error('woops')
+          )
+          this.UserController.clearSessions(this.req, this.res, error => {
+            expect(error).to.be.instanceof(Error)
+            done()
+          })
+        })
+      })
+
+      describe('when audit log addEntry produces an error', function () {
+        it('should call next with an error', function (done) {
+          this.UserAuditLogHandler.promises.addEntry.rejects(new Error('woops'))
+          this.UserController.clearSessions(this.req, this.res, error => {
+            expect(error).to.be.instanceof(Error)
+            done()
+          })
+        })
+      })
+
+      describe('when removeSessionsFromRedis produces an error', function () {
+        it('should call next with an error', function (done) {
+          this.UserSessionsManager.promises.removeSessionsFromRedis.rejects(
+            new Error('woops')
+          )
+          this.UserController.clearSessions(this.req, this.res, error => {
+            expect(error).to.be.instanceof(Error)
+            done()
+          })
+        })
+      })
+
+      describe('when EmailHandler produces an error', function () {
+        const anError = new Error('oops')
+        it('send a 201 response but log error', function (done) {
+          this.EmailHandler.promises.sendEmail.rejects(anError)
+          this.res.sendStatus.callsFake(status => {
+            status.should.equal(201)
+            this.logger.error.callCount.should.equal(1)
+            const loggerCall = this.logger.error.getCall(0)
+            expect(loggerCall.args[0]).to.deep.equal({
+              error: anError,
+              userId: this.user_id,
+            })
+            expect(loggerCall.args[1]).to.contain(
+              'could not send security alert email when sessions cleared'
+            )
+            done()
+          })
+          this.UserController.clearSessions(this.req, this.res)
+        })
+      })
+    })
+  })
+
+  describe('changePassword', function () {
+    describe('success', function () {
+      beforeEach(function () {
+        this.AuthenticationManager.promises.authenticate.resolves({
+          user: this.user,
+        })
+        this.AuthenticationManager.promises.setUserPassword.resolves()
+        this.req.body = {
+          newPassword1: 'newpass',
+          newPassword2: 'newpass',
+        }
+      })
+      it('should set the new password if they do match', function (done) {
+        this.res.json.callsFake(() => {
+          this.AuthenticationManager.promises.setUserPassword.should.have.been.calledWith(
+            this.user,
+            'newpass'
+          )
+          done()
+        })
+        this.UserController.changePassword(this.req, this.res)
+      })
+
+      it('should log the update', function (done) {
+        this.res.json.callsFake(() => {
+          this.UserAuditLogHandler.promises.addEntry.should.have.been.calledWith(
+            this.user._id,
+            'update-password',
+            this.user._id,
+            this.req.ip
+          )
+          this.AuthenticationManager.promises.setUserPassword.callCount.should.equal(
+            1
+          )
+          done()
+        })
+        this.UserController.changePassword(this.req, this.res)
+      })
+
+      it('should send security alert email', function (done) {
+        this.res.json.callsFake(() => {
+          const expectedArg = {
+            to: this.user.email,
+            actionDescribed: `your password has been changed on your account ${this.user.email}`,
+            action: 'password changed',
+          }
+          const emailCall = this.EmailHandler.promises.sendEmail.lastCall
+          expect(emailCall.args[0]).to.equal('securityAlert')
+          expect(emailCall.args[1]).to.deep.equal(expectedArg)
+          done()
+        })
+        this.UserController.changePassword(this.req, this.res)
+      })
+
+      it('should expire password reset tokens', function (done) {
+        this.res.json.callsFake(() => {
+          this.OneTimeTokenHandler.promises.expireAllTokensForUser.should.have.been.calledWith(
+            this.user._id,
+            'password'
+          )
+          done()
+        })
+        this.UserController.changePassword(this.req, this.res)
+      })
+    })
+
+    describe('errors', function () {
+      it('should check the old password is the current one at the moment', function (done) {
+        this.AuthenticationManager.promises.authenticate.resolves({})
+        this.req.body = { currentPassword: 'oldpasshere' }
+        this.HttpErrorHandler.badRequest.callsFake(() => {
+          expect(this.HttpErrorHandler.badRequest).to.have.been.calledWith(
+            this.req,
+            this.res,
+            'password_change_old_password_wrong'
+          )
+          this.AuthenticationManager.promises.authenticate.should.have.been.calledWith(
+            { _id: this.user._id },
+            'oldpasshere'
+          )
+          this.AuthenticationManager.promises.setUserPassword.callCount.should.equal(
+            0
+          )
+          done()
+        })
+        this.UserController.changePassword(this.req, this.res)
+      })
+
+      it('it should not set the new password if they do not match', function (done) {
+        this.AuthenticationManager.promises.authenticate.resolves({
+          user: this.user,
+        })
+        this.req.body = {
+          newPassword1: '1',
+          newPassword2: '2',
+        }
+        this.HttpErrorHandler.badRequest.callsFake(() => {
+          expect(this.HttpErrorHandler.badRequest).to.have.been.calledWith(
+            this.req,
+            this.res,
+            'password_change_passwords_do_not_match'
+          )
+          this.AuthenticationManager.promises.setUserPassword.callCount.should.equal(
+            0
+          )
+          done()
+        })
+        this.UserController.changePassword(this.req, this.res)
+      })
+
+      it('it should not set the new password if it is invalid', function (done) {
+        // this.AuthenticationManager.validatePassword = sinon
+        //   .stub()
+        //   .returns({ message: 'validation-error' })
+        const err = new Error('bad')
+        err.name = 'InvalidPasswordError'
+        const message = {
+          type: 'error',
+          key: 'some-message-key',
+        }
+        this.AuthenticationManager.getMessageForInvalidPasswordError.returns(
+          message
+        )
+        this.AuthenticationManager.promises.setUserPassword.rejects(err)
+        this.AuthenticationManager.promises.authenticate.resolves({
+          user: this.user,
+        })
+        this.req.body = {
+          newPassword1: 'newpass',
+          newPassword2: 'newpass',
+        }
+        this.res.json.callsFake(result => {
+          expect(result.message).to.deep.equal(message)
+          this.AuthenticationManager.promises.setUserPassword.callCount.should.equal(
+            1
+          )
+          done()
+        })
+        this.UserController.changePassword(this.req, this.res)
+      })
+
+      describe('UserAuditLogHandler error', function () {
+        it('should return error and not update password', function (done) {
+          this.UserAuditLogHandler.promises.addEntry.rejects(new Error('oops'))
+          this.AuthenticationManager.promises.authenticate.resolves({
+            user: this.user,
+          })
+          this.AuthenticationManager.promises.setUserPassword.resolves()
+          this.req.body = {
+            newPassword1: 'newpass',
+            newPassword2: 'newpass',
+          }
+
+          this.UserController.changePassword(this.req, this.res, error => {
+            expect(error).to.be.instanceof(Error)
+            this.AuthenticationManager.promises.setUserPassword.callCount.should.equal(
+              1
+            )
+            done()
+          })
+        })
+      })
+
+      describe('EmailHandler error', function () {
+        const anError = new Error('oops')
+        beforeEach(function () {
+          this.AuthenticationManager.promises.authenticate.resolves({
+            user: this.user,
+          })
+          this.AuthenticationManager.promises.setUserPassword.resolves()
+          this.req.body = {
+            newPassword1: 'newpass',
+            newPassword2: 'newpass',
+          }
+          this.EmailHandler.promises.sendEmail.rejects(anError)
+        })
+
+        it('should not return error but should log it', function (done) {
+          this.res.json.callsFake(result => {
+            expect(result.message.type).to.equal('success')
+            this.logger.error.callCount.should.equal(1)
+            expect(this.logger.error).to.have.been.calledWithExactly(
+              {
+                error: anError,
+                userId: this.user_id,
+              },
+              'could not send security alert email when password changed'
+            )
+            done()
+          })
+          this.UserController.changePassword(this.req, this.res)
+        })
+      })
+    })
+  })
+
+  describe('ensureAffiliationMiddleware', function () {
+    describe('without affiliations feature', function () {
+      beforeEach(async function () {
+        await this.UserController.ensureAffiliationMiddleware(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should not run affiliation check', function () {
+        expect(this.UserGetter.promises.getUser).to.not.have.been.called
+        expect(this.UserUpdater.promises.confirmEmail).to.not.have.been.called
+        expect(this.UserUpdater.promises.addAffiliationForNewUser).to.not.have
+          .been.called
+      })
+
+      it('should not return an error', function () {
+        expect(this.next).to.be.calledWith()
+      })
+    })
+
+    describe('without ensureAffiliation query parameter', function () {
+      beforeEach(async function () {
+        this.Features.hasFeature.withArgs('affiliations').returns(true)
+        await this.UserController.ensureAffiliationMiddleware(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should not run middleware', function () {
+        expect(this.UserGetter.promises.getUser).to.not.have.been.called
+        expect(this.UserUpdater.promises.confirmEmail).to.not.have.been.called
+        expect(this.UserUpdater.promises.addAffiliationForNewUser).to.not.have
+          .been.called
+      })
+
+      it('should not return an error', function () {
+        expect(this.next).to.be.calledWith()
+      })
+    })
+
+    describe('no flagged email', function () {
+      beforeEach(async function () {
+        const email = 'unit-test@overleaf.com'
+        this.user.email = email
+        this.user.emails = [
+          {
+            email,
+          },
+        ]
+        this.Features.hasFeature.withArgs('affiliations').returns(true)
+        this.req.query.ensureAffiliation = true
+        await this.UserController.ensureAffiliationMiddleware(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should get the user', function () {
+        expect(this.UserGetter.promises.getUser).to.have.been.calledWith(
+          this.user._id
+        )
+      })
+
+      it('should not try to add affiliation or update user', function () {
+        expect(this.UserUpdater.promises.addAffiliationForNewUser).to.not.have
+          .been.called
+      })
+
+      it('should not return an error', function () {
+        expect(this.next).to.be.calledWith()
+      })
+    })
+
+    describe('flagged non-SSO email', function () {
+      let emailFlagged
+      beforeEach(async function () {
+        emailFlagged = 'flagged@overleaf.com'
+        this.user.email = emailFlagged
+        this.user.emails = [
+          {
+            email: emailFlagged,
+            affiliationUnchecked: true,
+          },
+        ]
+        this.Features.hasFeature.withArgs('affiliations').returns(true)
+        this.req.query.ensureAffiliation = true
+        this.req.assertPermission = sinon.stub()
+        await this.UserController.ensureAffiliationMiddleware(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should check the user has permission', function () {
+        expect(this.req.assertPermission).to.have.been.calledWith(
+          'add-affiliation'
+        )
+      })
+
+      it('should unflag the emails but not confirm', function () {
+        expect(
+          this.UserUpdater.promises.addAffiliationForNewUser
+        ).to.have.been.calledWith(this.user._id, emailFlagged)
+        expect(
+          this.UserUpdater.promises.confirmEmail
+        ).to.not.have.been.calledWith(this.user._id, emailFlagged)
+      })
+
+      it('should not return an error', function () {
+        expect(this.next).to.be.calledWith()
+      })
+    })
+
+    describe('flagged SSO email', function () {
+      let emailFlagged
+      beforeEach(async function () {
+        emailFlagged = 'flagged@overleaf.com'
+        this.user.email = emailFlagged
+        this.user.emails = [
+          {
+            email: emailFlagged,
+            affiliationUnchecked: true,
+            samlProviderId: '123',
+          },
+        ]
+        this.Features.hasFeature.withArgs('affiliations').returns(true)
+        this.req.query.ensureAffiliation = true
+        this.req.assertPermission = sinon.stub()
+        await this.UserController.ensureAffiliationMiddleware(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should check the user has permission', function () {
+        expect(this.req.assertPermission).to.have.been.calledWith(
+          'add-affiliation'
+        )
+      })
+
+      it('should add affiliation to v1, unflag and confirm on v2', function () {
+        expect(this.UserUpdater.promises.addAffiliationForNewUser).to.have.not
+          .been.called
+        expect(this.UserUpdater.promises.confirmEmail).to.have.been.calledWith(
+          this.user._id,
+          emailFlagged
+        )
+      })
+
+      it('should not return an error', function () {
+        expect(this.next).to.be.calledWith()
+      })
+    })
+
+    describe('when v1 returns an error', function () {
+      let emailFlagged
+      beforeEach(async function () {
+        this.UserUpdater.promises.addAffiliationForNewUser.rejects()
+        emailFlagged = 'flagged@overleaf.com'
+        this.user.email = emailFlagged
+        this.user.emails = [
+          {
+            email: emailFlagged,
+            affiliationUnchecked: true,
+          },
+        ]
+        this.Features.hasFeature.withArgs('affiliations').returns(true)
+        this.req.query.ensureAffiliation = true
+        this.req.assertPermission = sinon.stub()
+        await this.UserController.ensureAffiliationMiddleware(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should check the user has permission', function () {
+        expect(this.req.assertPermission).to.have.been.calledWith(
+          'add-affiliation'
+        )
+      })
+
+      it('should return the error', function () {
+        expect(this.next).to.be.calledWith(sinon.match.instanceOf(Error))
+      })
+    })
+
+    describe('when user is not found', function () {
+      beforeEach(async function () {
+        this.UserGetter.promises.getUser.rejects(new Error('not found'))
+        this.Features.hasFeature.withArgs('affiliations').returns(true)
+        this.req.query.ensureAffiliation = true
+        await this.UserController.ensureAffiliationMiddleware(
+          this.req,
+          this.res,
+          this.next
+        )
+      })
+
+      it('should return the error', function () {
+        expect(this.next).to.be.calledWith(sinon.match.instanceOf(Error))
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/User/UserCreatorTests.js b/services/web/test/unit/src/User/UserCreatorTests.js
new file mode 100644
index 0000000..f9075ed
--- /dev/null
+++ b/services/web/test/unit/src/User/UserCreatorTests.js
@@ -0,0 +1,322 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { assert } = require('chai')
+
+const modulePath = '../../../../app/src/Features/User/UserCreator.js'
+
+describe('UserCreator', function () {
+  beforeEach(function () {
+    const self = this
+    this.user = { _id: '12390i', ace: {} }
+    this.user.save = sinon.stub().resolves(self.user)
+    this.UserModel = class Project {
+      constructor() {
+        return self.user
+      }
+    }
+    this.UserCreator = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../models/User': {
+          User: this.UserModel,
+        },
+        '../../infrastructure/Features': (this.Features = {
+          hasFeature: sinon.stub().returns(false),
+        }),
+        './UserDeleter': (this.UserDeleter = {
+          promises: {
+            deleteNewUser: sinon.stub().resolves(),
+          },
+        }),
+        './UserGetter': (this.UserGetter = {
+          promises: {
+            getUser: sinon.stub().resolves(this.user),
+          },
+        }),
+        './UserUpdater': (this.UserUpdater = {
+          promises: {
+            addAffiliationForNewUser: sinon.stub().resolves({
+              matchedCount: 1,
+              modifiedCount: 1,
+              acknowledged: true,
+            }),
+            updateUser: sinon.stub().resolves(),
+          },
+        }),
+        '../Analytics/AnalyticsManager': (this.Analytics = {
+          recordEventForUserInBackground: sinon.stub(),
+          setUserPropertyForUser: sinon.stub(),
+        }),
+        '../SplitTests/SplitTestHandler': (this.SplitTestHandler = {
+          promises: {
+            getAssignmentForUser: sinon.stub().resolves({ variant: 'active' }),
+          },
+        }),
+        './UserOnboardingEmailManager': (this.UserOnboardingEmailManager = {
+          scheduleOnboardingEmail: sinon.stub(),
+        }),
+        './UserPostRegistrationAnalyticsManager':
+          (this.UserPostRegistrationAnalyticsManager = {
+            schedulePostRegistrationAnalytics: sinon.stub(),
+          }),
+      },
+    })
+
+    this.email = 'bob.oswald@gmail.com'
+  })
+
+  describe('createNewUser', function () {
+    describe('with callbacks', function () {
+      it('should take the opts and put them in the model', async function () {
+        const user = await this.UserCreator.promises.createNewUser({
+          email: this.email,
+          holdingAccount: true,
+        })
+        assert.equal(user.email, this.email)
+        assert.equal(user.holdingAccount, true)
+        assert.equal(user.first_name, 'bob.oswald')
+      })
+
+      it('should use the start of the email if the first name is empty string', async function () {
+        const user = await this.UserCreator.promises.createNewUser({
+          email: this.email,
+          holdingAccount: true,
+          first_name: '',
+        })
+        assert.equal(user.email, this.email)
+        assert.equal(user.holdingAccount, true)
+        assert.equal(user.first_name, 'bob.oswald')
+      })
+
+      it('should use the first name if passed', async function () {
+        const user = await this.UserCreator.promises.createNewUser({
+          email: this.email,
+          holdingAccount: true,
+          first_name: 'fiiirstname',
+        })
+        assert.equal(user.email, this.email)
+        assert.equal(user.holdingAccount, true)
+        assert.equal(user.first_name, 'fiiirstname')
+      })
+
+      it('should use the last name if passed', async function () {
+        const user = await this.UserCreator.promises.createNewUser({
+          email: this.email,
+          holdingAccount: true,
+          last_name: 'lastNammmmeee',
+        })
+        assert.equal(user.email, this.email)
+        assert.equal(user.holdingAccount, true)
+        assert.equal(user.last_name, 'lastNammmmeee')
+      })
+
+      it('should set emails attribute', async function () {
+        const user = await this.UserCreator.promises.createNewUser({
+          email: this.email,
+        })
+        user.email.should.equal(this.email)
+        user.emails.length.should.equal(1)
+        user.emails[0].email.should.equal(this.email)
+        user.emails[0].createdAt.should.be.a('date')
+        user.emails[0].reversedHostname.should.equal('moc.liamg')
+      })
+
+      describe('with affiliations feature', function () {
+        let attributes, user
+        beforeEach(function () {
+          attributes = { email: this.email }
+          this.Features.hasFeature = sinon
+            .stub()
+            .withArgs('affiliations')
+            .returns(true)
+        })
+
+        describe('when v1 affiliations API does not return an error', function () {
+          beforeEach(async function () {
+            user = await this.UserCreator.promises.createNewUser(attributes)
+          })
+
+          it('should flag that affiliation is unchecked', function () {
+            user.emails[0].affiliationUnchecked.should.equal(true)
+          })
+
+          it('should try to add affiliation to v1', function () {
+            sinon.assert.calledOnce(
+              this.UserUpdater.promises.addAffiliationForNewUser
+            )
+            sinon.assert.calledWithMatch(
+              this.UserUpdater.promises.addAffiliationForNewUser,
+              user._id,
+              this.email
+            )
+          })
+
+          it('should query for updated user data', function () {
+            sinon.assert.calledOnce(this.UserGetter.promises.getUser)
+          })
+        })
+
+        describe('when v1 affiliations API does return an error', function () {
+          beforeEach(async function () {
+            this.UserUpdater.promises.addAffiliationForNewUser.rejects()
+            user = await this.UserCreator.promises.createNewUser(attributes)
+          })
+
+          it('should flag that affiliation is unchecked', function () {
+            user.emails[0].affiliationUnchecked.should.equal(true)
+          })
+
+          it('should try to add affiliation to v1', function () {
+            sinon.assert.calledOnce(
+              this.UserUpdater.promises.addAffiliationForNewUser
+            )
+            sinon.assert.calledWithMatch(
+              this.UserUpdater.promises.addAffiliationForNewUser,
+              user._id,
+              this.email
+            )
+          })
+
+          it('should not query for updated user data', function () {
+            sinon.assert.notCalled(this.UserGetter.promises.getUser)
+          })
+
+          it('should log error', function () {
+            sinon.assert.calledOnce(this.logger.error)
+          })
+        })
+
+        describe('when v1 affiliations API returns an error and requireAffiliation=true', function () {
+          beforeEach(async function () {
+            this.UserUpdater.promises.addAffiliationForNewUser.rejects()
+            user = await this.UserCreator.promises.createNewUser(attributes)
+          })
+
+          it('should flag that affiliation is unchecked', function () {
+            user.emails[0].affiliationUnchecked.should.equal(true)
+          })
+
+          it('should try to add affiliation to v1', function () {
+            sinon.assert.calledOnce(
+              this.UserUpdater.promises.addAffiliationForNewUser
+            )
+            sinon.assert.calledWithMatch(
+              this.UserUpdater.promises.addAffiliationForNewUser,
+              user._id,
+              this.email
+            )
+          })
+
+          it('should not query for updated user data', function () {
+            sinon.assert.notCalled(this.UserGetter.promises.getUser)
+          })
+
+          it('should log error', function () {
+            sinon.assert.calledOnce(this.logger.error)
+          })
+        })
+      })
+
+      it('should not add affiliation when without affiliation feature', async function () {
+        const attributes = { email: this.email }
+        await this.UserCreator.promises.createNewUser(attributes)
+        sinon.assert.notCalled(
+          this.UserUpdater.promises.addAffiliationForNewUser
+        )
+      })
+    })
+
+    describe('with promises', function () {
+      it('should take the opts and put them in the model', async function () {
+        const opts = {
+          email: this.email,
+          holdingAccount: true,
+        }
+        const user = await this.UserCreator.promises.createNewUser(opts)
+        assert.equal(user.email, this.email)
+        assert.equal(user.holdingAccount, true)
+        assert.equal(user.first_name, 'bob.oswald')
+      })
+
+      it('should add affiliation when with affiliation feature', async function () {
+        this.Features.hasFeature = sinon
+          .stub()
+          .withArgs('affiliations')
+          .returns(true)
+        const attributes = { email: this.email }
+        const user = await this.UserCreator.promises.createNewUser(attributes)
+        sinon.assert.calledOnce(
+          this.UserUpdater.promises.addAffiliationForNewUser
+        )
+        sinon.assert.calledWithMatch(
+          this.UserUpdater.promises.addAffiliationForNewUser,
+          user._id,
+          this.email
+        )
+      })
+
+      it('should not add affiliation when without affiliation feature', async function () {
+        this.Features.hasFeature = sinon.stub().returns(false)
+        const attributes = { email: this.email }
+        await this.UserCreator.promises.createNewUser(attributes)
+        sinon.assert.notCalled(
+          this.UserUpdater.promises.addAffiliationForNewUser
+        )
+      })
+
+      it('should include SAML provider ID with email', async function () {
+        const attributes = {
+          email: this.email,
+          samlIdentifiers: [{ email: this.email, providerId: '1' }],
+        }
+        const user = await this.UserCreator.promises.createNewUser(attributes)
+        assert.equal(user.emails[0].samlProviderId, '1')
+      })
+
+      it('should fire an analytics event and user property on registration', async function () {
+        const user = await this.UserCreator.promises.createNewUser({
+          email: this.email,
+        })
+        assert.equal(user.email, this.email)
+        sinon.assert.calledWith(
+          this.Analytics.recordEventForUserInBackground,
+          user._id,
+          'user-registered'
+        )
+        sinon.assert.calledWith(
+          this.Analytics.setUserPropertyForUser,
+          user._id,
+          'created-at'
+        )
+      })
+
+      it('should schedule post registration jobs on registration with saas feature', async function () {
+        this.Features.hasFeature = sinon.stub().withArgs('saas').returns(true)
+        const user = await this.UserCreator.promises.createNewUser({
+          email: this.email,
+        })
+        assert.equal(user.email, this.email)
+        sinon.assert.calledWith(
+          this.UserOnboardingEmailManager.scheduleOnboardingEmail,
+          user
+        )
+        sinon.assert.calledWith(
+          this.UserPostRegistrationAnalyticsManager
+            .schedulePostRegistrationAnalytics,
+          user
+        )
+      })
+
+      it('should not schedule post registration checks when without saas feature', async function () {
+        const attributes = { email: this.email }
+        await this.UserCreator.promises.createNewUser(attributes)
+        sinon.assert.notCalled(
+          this.UserOnboardingEmailManager.scheduleOnboardingEmail
+        )
+        sinon.assert.notCalled(
+          this.UserPostRegistrationAnalyticsManager
+            .schedulePostRegistrationAnalytics
+        )
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/User/UserDeleterTests.js b/services/web/test/unit/src/User/UserDeleterTests.js
new file mode 100644
index 0000000..7ffaaed
--- /dev/null
+++ b/services/web/test/unit/src/User/UserDeleterTests.js
@@ -0,0 +1,667 @@
+const { expect } = require('chai')
+const sinon = require('sinon')
+const tk = require('timekeeper')
+const moment = require('moment')
+const SandboxedModule = require('sandboxed-module')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+const ObjectId = require('mongoose').Types.ObjectId
+const { User } = require('../helpers/models/User')
+const { DeletedUser } = require('../helpers/models/DeletedUser')
+
+const modulePath = '../../../../app/src/Features/User/UserDeleter.js'
+
+describe('UserDeleter', function () {
+  beforeEach(function () {
+    tk.freeze(Date.now())
+
+    this.userId = new ObjectId()
+    this.ipAddress = '1.2.3.4'
+
+    this.UserMock = sinon.mock(User)
+    this.DeletedUserMock = sinon.mock(DeletedUser)
+
+    this.mockedUser = sinon.mock(
+      new User({
+        _id: this.userId,
+        email: 'bob@bob.com',
+        lastLoggedIn: Date.now() + 1000,
+        signUpDate: Date.now() + 2000,
+        loginCount: 10,
+        overleaf: {
+          id: 1234,
+        },
+        refered_users: ['wombat', 'potato'],
+        refered_user_count: 2,
+        referal_id: ['giraffe'],
+      })
+    )
+    this.user = this.mockedUser.object
+
+    this.NewsletterManager = {
+      promises: {
+        unsubscribe: sinon.stub().resolves(),
+      },
+    }
+
+    this.ProjectDeleter = {
+      promises: {
+        deleteUsersProjects: sinon.stub().resolves(),
+      },
+    }
+
+    this.SubscriptionHandler = {
+      promises: {
+        cancelSubscription: sinon.stub().resolves(),
+      },
+    }
+
+    this.SubscriptionUpdater = {
+      promises: {
+        removeUserFromAllGroups: sinon.stub().resolves(),
+      },
+    }
+
+    this.SubscriptionLocator = {
+      promises: {
+        getUsersSubscription: sinon.stub().resolves(),
+      },
+    }
+
+    this.UserMembershipsHandler = {
+      promises: {
+        removeUserFromAllEntities: sinon.stub().resolves(),
+      },
+    }
+
+    this.UserSessionsManager = {
+      promises: {
+        removeSessionsFromRedis: sinon.stub().resolves(),
+      },
+    }
+
+    this.InstitutionsApi = {
+      promises: {
+        deleteAffiliations: sinon.stub().resolves(),
+      },
+    }
+
+    this.UserAuditLogEntry = {
+      deleteMany: sinon.stub().returns({ exec: sinon.stub().resolves() }),
+    }
+
+    this.Modules = {
+      promises: { hooks: { fire: sinon.stub().resolves() } },
+    }
+
+    this.Feedback = {
+      deleteMany: sinon.stub().returns({ exec: sinon.stub().resolves() }),
+    }
+
+    this.OnboardingDataCollectionManager = {
+      deleteOnboardingDataCollection: sinon.stub().resolves(),
+    }
+
+    this.EmailHandler = {
+      promises: {
+        sendEmail: sinon.stub().resolves(),
+      },
+    }
+
+    this.UserAuditLogHandler = {
+      promises: {
+        addEntry: sinon.stub().resolves(),
+      },
+    }
+
+    this.UserDeleter = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../models/User': { User },
+        '../../models/DeletedUser': { DeletedUser },
+        '../../models/Feedback': { Feedback: this.Feedback },
+        '../Newsletter/NewsletterManager': this.NewsletterManager,
+        './UserSessionsManager': this.UserSessionsManager,
+        '../Subscription/SubscriptionHandler': this.SubscriptionHandler,
+        '../Subscription/SubscriptionUpdater': this.SubscriptionUpdater,
+        '../Subscription/SubscriptionLocator': this.SubscriptionLocator,
+        '../UserMembership/UserMembershipsHandler': this.UserMembershipsHandler,
+        '../Project/ProjectDeleter': this.ProjectDeleter,
+        '../Institutions/InstitutionsAPI': this.InstitutionsApi,
+        '../../models/UserAuditLogEntry': {
+          UserAuditLogEntry: this.UserAuditLogEntry,
+        },
+        './UserAuditLogHandler': this.UserAuditLogHandler,
+        '../../infrastructure/Modules': this.Modules,
+        '../OnboardingDataCollection/OnboardingDataCollectionManager':
+          this.OnboardingDataCollectionManager,
+        '../Email/EmailHandler': this.EmailHandler,
+      },
+    })
+  })
+
+  afterEach(function () {
+    this.DeletedUserMock.restore()
+    this.UserMock.restore()
+    this.mockedUser.restore()
+    tk.reset()
+  })
+
+  describe('deleteUser', function () {
+    beforeEach(function () {
+      this.UserMock.expects('findById')
+        .withArgs(this.userId)
+        .chain('exec')
+        .resolves(this.user)
+    })
+
+    describe('when the user can be deleted', function () {
+      beforeEach(function () {
+        this.deletedUser = {
+          user: this.user,
+          deleterData: {
+            deletedAt: new Date(),
+            deletedUserId: this.userId,
+            deleterIpAddress: this.ipAddress,
+            deleterId: undefined,
+            deletedUserLastLoggedIn: this.user.lastLoggedIn,
+            deletedUserSignUpDate: this.user.signUpDate,
+            deletedUserLoginCount: this.user.loginCount,
+            deletedUserReferralId: this.user.referal_id,
+            deletedUserReferredUsers: this.user.refered_users,
+            deletedUserReferredUserCount: this.user.refered_user_count,
+            deletedUserOverleafId: this.user.overleaf.id,
+          },
+        }
+      })
+
+      describe('when only the ip address is passed', function () {
+        beforeEach(function () {
+          this.DeletedUserMock.expects('updateOne')
+            .withArgs(
+              { 'deleterData.deletedUserId': this.userId },
+              this.deletedUser,
+              { upsert: true }
+            )
+            .chain('exec')
+            .resolves()
+        })
+
+        describe('when unsubscribing in Mailchimp succeeds', function () {
+          beforeEach(function () {
+            this.UserMock.expects('deleteOne')
+              .withArgs({ _id: this.userId })
+              .chain('exec')
+              .resolves()
+          })
+
+          it('should find and the user in mongo by its id', async function () {
+            await this.UserDeleter.promises.deleteUser(this.userId, {
+              ipAddress: this.ipAddress,
+            })
+            this.UserMock.verify()
+          })
+
+          it('should delete the user from mailchimp', async function () {
+            await this.UserDeleter.promises.deleteUser(this.userId, {
+              ipAddress: this.ipAddress,
+            })
+            expect(
+              this.NewsletterManager.promises.unsubscribe
+            ).to.have.been.calledWith(this.user, { delete: true })
+          })
+
+          it('should delete all the projects of a user', async function () {
+            await this.UserDeleter.promises.deleteUser(this.userId, {
+              ipAddress: this.ipAddress,
+            })
+            expect(
+              this.ProjectDeleter.promises.deleteUsersProjects
+            ).to.have.been.calledWith(this.userId)
+          })
+
+          it("should cancel the user's subscription", async function () {
+            await this.UserDeleter.promises.deleteUser(this.userId, {
+              ipAddress: this.ipAddress,
+            })
+            expect(
+              this.SubscriptionHandler.promises.cancelSubscription
+            ).to.have.been.calledWith(this.user)
+          })
+
+          it('should delete user affiliations', async function () {
+            await this.UserDeleter.promises.deleteUser(this.userId, {
+              ipAddress: this.ipAddress,
+            })
+            expect(
+              this.InstitutionsApi.promises.deleteAffiliations
+            ).to.have.been.calledWith(this.userId)
+          })
+
+          it('should cleanup collabratec access tokens', async function () {
+            await this.UserDeleter.promises.deleteUser(this.userId, {
+              ipAddress: this.ipAddress,
+            })
+            expect(this.Modules.promises.hooks.fire).to.have.been.calledWith(
+              'cleanupPersonalAccessTokens',
+              this.userId,
+              ['collabratec', 'git_bridge']
+            )
+          })
+
+          it('should fire the deleteUser hook for modules', async function () {
+            await this.UserDeleter.promises.deleteUser(this.userId, {
+              ipAddress: this.ipAddress,
+            })
+            expect(this.Modules.promises.hooks.fire).to.have.been.calledWith(
+              'deleteUser',
+              this.userId
+            )
+          })
+
+          it('should stop the user sessions', async function () {
+            await this.UserDeleter.promises.deleteUser(this.userId, {
+              ipAddress: this.ipAddress,
+            })
+            expect(
+              this.UserSessionsManager.promises.removeSessionsFromRedis
+            ).to.have.been.calledWith(this.user)
+          })
+
+          it('should remove user from group subscriptions', async function () {
+            await this.UserDeleter.promises.deleteUser(this.userId, {
+              ipAddress: this.ipAddress,
+            })
+            expect(
+              this.SubscriptionUpdater.promises.removeUserFromAllGroups
+            ).to.have.been.calledWith(this.userId)
+          })
+
+          it('should remove user memberships', async function () {
+            await this.UserDeleter.promises.deleteUser(this.userId, {
+              ipAddress: this.ipAddress,
+            })
+            expect(
+              this.UserMembershipsHandler.promises.removeUserFromAllEntities
+            ).to.have.been.calledWith(this.userId)
+          })
+
+          it('rejects if the user is a subscription admin', async function () {
+            this.SubscriptionLocator.promises.getUsersSubscription.rejects({
+              _id: 'some-subscription',
+            })
+            await expect(this.UserDeleter.promises.deleteUser(this.userId, {}))
+              .to.be.rejected
+          })
+
+          it('should create a deletedUser', async function () {
+            await this.UserDeleter.promises.deleteUser(this.userId, {
+              ipAddress: this.ipAddress,
+            })
+            this.DeletedUserMock.verify()
+          })
+
+          describe('email notifications', function () {
+            it('should email the user', async function () {
+              await this.UserDeleter.promises.deleteUser(this.userId, {
+                ipAddress: this.ipAddress,
+              })
+              const emailOptions = {
+                to: 'bob@bob.com',
+                action: 'account deleted',
+                actionDescribed: 'your Overleaf account was deleted',
+              }
+              expect(
+                this.EmailHandler.promises.sendEmail
+              ).to.have.been.calledWith('securityAlert', emailOptions)
+            })
+
+            it('should fail when the email service fails', async function () {
+              this.EmailHandler.promises.sendEmail = sinon
+                .stub()
+                .rejects(new Error('email failed'))
+              await expect(
+                this.UserDeleter.promises.deleteUser(this.userId, {
+                  ipAddress: this.ipAddress,
+                })
+              ).to.be.rejectedWith('email failed')
+            })
+
+            describe('with "force: true" option', function () {
+              it('should succeed when the email service fails', async function () {
+                this.EmailHandler.promises.sendEmail = sinon
+                  .stub()
+                  .rejects(new Error('email failed'))
+                await expect(
+                  this.UserDeleter.promises.deleteUser(this.userId, {
+                    ipAddress: this.ipAddress,
+                    force: true,
+                  })
+                ).to.be.fulfilled
+              })
+            })
+          })
+
+          it('should add an audit log entry', async function () {
+            await this.UserDeleter.promises.deleteUser(this.userId, {
+              ipAddress: this.ipAddress,
+            })
+            expect(
+              this.UserAuditLogHandler.promises.addEntry
+            ).to.have.been.calledWith(
+              this.userId,
+              'delete-account',
+              this.userId,
+              this.ipAddress
+            )
+          })
+        })
+
+        describe('when unsubscribing from mailchimp fails', function () {
+          beforeEach(function () {
+            this.NewsletterManager.promises.unsubscribe.rejects(
+              new Error('something went wrong')
+            )
+          })
+
+          it('should return an error and not delete the user', async function () {
+            await expect(
+              this.UserDeleter.promises.deleteUser(this.userId, {
+                ipAddress: this.ipAddress,
+              })
+            ).to.be.rejected
+            this.UserMock.verify()
+          })
+        })
+
+        describe('when called as a callback', function () {
+          beforeEach(function () {
+            this.UserMock.expects('deleteOne')
+              .withArgs({ _id: this.userId })
+              .chain('exec')
+              .resolves()
+          })
+
+          it('should delete the user', function (done) {
+            this.UserDeleter.deleteUser(
+              this.userId,
+              { ipAddress: this.ipAddress },
+              err => {
+                expect(err).not.to.exist
+                this.UserMock.verify()
+                this.DeletedUserMock.verify()
+                done()
+              }
+            )
+          })
+        })
+      })
+
+      describe('when a user and IP address are specified', function () {
+        beforeEach(function () {
+          this.ipAddress = '1.2.3.4'
+          this.deleterId = new ObjectId()
+
+          this.deletedUser.deleterData.deleterIpAddress = this.ipAddress
+          this.deletedUser.deleterData.deleterId = this.deleterId
+
+          this.DeletedUserMock.expects('updateOne')
+            .withArgs(
+              { 'deleterData.deletedUserId': this.userId },
+              this.deletedUser,
+              { upsert: true }
+            )
+            .chain('exec')
+            .resolves()
+          this.UserMock.expects('deleteOne')
+            .withArgs({ _id: this.userId })
+            .chain('exec')
+            .resolves()
+        })
+
+        it('should add the deleted user id and ip address to the deletedUser', async function () {
+          await this.UserDeleter.promises.deleteUser(this.userId, {
+            deleterUser: { _id: this.deleterId },
+            ipAddress: this.ipAddress,
+          })
+          this.DeletedUserMock.verify()
+        })
+
+        it('should add an audit log entry', async function () {
+          await this.UserDeleter.promises.deleteUser(this.userId, {
+            deleterUser: { _id: this.deleterId },
+            ipAddress: this.ipAddress,
+          })
+          expect(
+            this.UserAuditLogHandler.promises.addEntry
+          ).to.have.been.calledWith(
+            this.userId,
+            'delete-account',
+            this.deleterId,
+            this.ipAddress
+          )
+        })
+
+        describe('when called as a callback', function () {
+          it('should delete the user', function (done) {
+            this.UserDeleter.deleteUser(
+              this.userId,
+              {
+                deleterUser: { _id: this.deleterId },
+                ipAddress: this.ipAddress,
+              },
+              err => {
+                expect(err).not.to.exist
+                this.UserMock.verify()
+                this.DeletedUserMock.verify()
+                done()
+              }
+            )
+          })
+        })
+      })
+    })
+
+    describe('when the user cannot be deleted because they are a subscription admin', function () {
+      beforeEach(function () {
+        this.SubscriptionLocator.promises.getUsersSubscription.resolves({
+          _id: 'some-subscription',
+        })
+      })
+
+      it('fails with a SubscriptionAdminDeletionError', async function () {
+        await expect(
+          this.UserDeleter.promises.deleteUser(this.userId)
+        ).to.be.rejectedWith(Errors.SubscriptionAdminDeletionError)
+      })
+
+      it('should not create a deletedUser', async function () {
+        await expect(this.UserDeleter.promises.deleteUser(this.userId)).to.be
+          .rejected
+        this.DeletedUserMock.verify()
+      })
+
+      it('should not remove the user from mongo', async function () {
+        await expect(this.UserDeleter.promises.deleteUser(this.userId)).to.be
+          .rejected
+        this.UserMock.verify()
+      })
+    })
+  })
+
+  describe('ensureCanDeleteUser', function () {
+    it('should not return error when user can be deleted', async function () {
+      this.SubscriptionLocator.promises.getUsersSubscription.resolves(null)
+      let error
+      try {
+        await this.UserDeleter.promises.ensureCanDeleteUser(this.user)
+      } catch (e) {
+        error = e
+      } finally {
+        expect(error).not.to.exist
+      }
+    })
+
+    it('should return custom error when user is group admin', async function () {
+      this.SubscriptionLocator.promises.getUsersSubscription.resolves({
+        _id: '123abc',
+      })
+      let error
+      try {
+        await this.UserDeleter.promises.ensureCanDeleteUser(this.user)
+      } catch (e) {
+        error = e
+      } finally {
+        expect(error).to.be.instanceof(Errors.SubscriptionAdminDeletionError)
+      }
+    })
+
+    it('propagates errors', async function () {
+      this.SubscriptionLocator.promises.getUsersSubscription.rejects(
+        new Error('Some error')
+      )
+      let error
+      try {
+        await this.UserDeleter.promises.ensureCanDeleteUser(this.user)
+      } catch (e) {
+        error = e
+      } finally {
+        expect(error).to.be.instanceof(Error)
+      }
+    })
+  })
+
+  describe('expireDeletedUsersAfterDuration', function () {
+    const userId1 = new ObjectId()
+    const userId2 = new ObjectId()
+
+    beforeEach(function () {
+      this.deletedUsers = [
+        {
+          user: { _id: userId1 },
+          deleterData: { deletedUserId: userId1 },
+          save: sinon.stub().resolves(),
+        },
+        {
+          user: { _id: userId2 },
+          deleterData: { deletedUserId: userId2 },
+          save: sinon.stub().resolves(),
+        },
+      ]
+
+      this.DeletedUserMock.expects('find')
+        .withArgs({
+          'deleterData.deletedAt': {
+            $lt: new Date(moment().subtract(90, 'days')),
+          },
+          user: {
+            $type: 'object',
+          },
+        })
+        .chain('exec')
+        .resolves(this.deletedUsers)
+      for (const deletedUser of this.deletedUsers) {
+        this.DeletedUserMock.expects('findOne')
+          .withArgs({
+            'deleterData.deletedUserId': deletedUser.deleterData.deletedUserId,
+          })
+          .chain('exec')
+          .resolves(deletedUser)
+      }
+    })
+
+    it('clears data from all deleted users', async function () {
+      await this.UserDeleter.promises.expireDeletedUsersAfterDuration()
+      for (const deletedUser of this.deletedUsers) {
+        expect(deletedUser.user).to.be.undefined
+        expect(deletedUser.save.called).to.be.true
+      }
+    })
+
+    it('deletes audit logs for all deleted users', async function () {
+      await this.UserDeleter.promises.expireDeletedUsersAfterDuration()
+      for (const deletedUser of this.deletedUsers) {
+        expect(this.UserAuditLogEntry.deleteMany).to.have.been.calledWith({
+          userId: deletedUser.deleterData.deletedUserId,
+        })
+      }
+    })
+  })
+
+  describe('expireDeletedUser', function () {
+    beforeEach(function () {
+      this.mockedDeletedUser = sinon.mock(
+        new DeletedUser({
+          user: this.user,
+          deleterData: {
+            deleterIpAddress: '1.1.1.1',
+            deletedUserId: this.userId,
+          },
+        })
+      )
+      this.deletedUser = this.mockedDeletedUser.object
+
+      this.mockedDeletedUser.expects('save').resolves()
+
+      this.DeletedUserMock.expects('findOne')
+        .withArgs({ 'deleterData.deletedUserId': this.userId })
+        .chain('exec')
+        .resolves(this.deletedUser)
+    })
+
+    afterEach(function () {
+      this.mockedDeletedUser.restore()
+    })
+
+    it('should find the user by user ID', async function () {
+      await this.UserDeleter.promises.expireDeletedUser(this.userId)
+      this.DeletedUserMock.verify()
+    })
+
+    it('should remove the user data from mongo', async function () {
+      await this.UserDeleter.promises.expireDeletedUser(this.userId)
+      expect(this.deletedUser.user).not.to.exist
+    })
+
+    it('should remove the IP address from mongo', async function () {
+      await this.UserDeleter.promises.expireDeletedUser(this.userId)
+      expect(this.deletedUser.deleterData.ipAddress).not.to.exist
+    })
+
+    it('should not delete other deleterData fields', async function () {
+      await this.UserDeleter.promises.expireDeletedUser(this.userId)
+      expect(this.deletedUser.deleterData.deletedUserId).to.equal(this.userId)
+    })
+
+    it('should save the record to mongo', async function () {
+      await this.UserDeleter.promises.expireDeletedUser(this.userId)
+      this.mockedDeletedUser.verify()
+    })
+
+    it('should fire the expireDeletedUser hook for modules', async function () {
+      await this.UserDeleter.promises.expireDeletedUser(this.userId)
+      expect(this.Modules.promises.hooks.fire).to.have.been.calledWith(
+        'expireDeletedUser',
+        this.userId
+      )
+    })
+
+    it('should delete Feeback', async function () {
+      await this.UserDeleter.promises.expireDeletedUser(this.userId)
+      expect(this.Feedback.deleteMany).to.have.been.calledWith({
+        userId: this.userId,
+      })
+    })
+
+    describe('when called as a callback', function () {
+      it('should expire the user', function (done) {
+        this.UserDeleter.expireDeletedUser(this.userId, err => {
+          expect(err).not.to.exist
+          this.DeletedUserMock.verify()
+          this.mockedDeletedUser.verify()
+          expect(this.deletedUser.user).not.to.exist
+          expect(this.deletedUser.deleterData.ipAddress).not.to.exist
+          done()
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/User/UserEmailsConfirmationHandlerTests.js b/services/web/test/unit/src/User/UserEmailsConfirmationHandlerTests.js
new file mode 100644
index 0000000..f01a1c3
--- /dev/null
+++ b/services/web/test/unit/src/User/UserEmailsConfirmationHandlerTests.js
@@ -0,0 +1,277 @@
+/* eslint-disable
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const SandboxedModule = require('sandboxed-module')
+const assert = require('assert')
+const path = require('path')
+const sinon = require('sinon')
+const modulePath = path.join(
+  __dirname,
+  '../../../../app/src/Features/User/UserEmailsConfirmationHandler'
+)
+const { expect } = require('chai')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+const EmailHelper = require('../../../../app/src/Features/Helpers/EmailHelper')
+
+describe('UserEmailsConfirmationHandler', function () {
+  beforeEach(function () {
+    this.mockUser = {
+      _id: 'mock-user-id',
+      email: 'mock@example.com',
+      emails: [{ email: 'mock@example.com' }],
+    }
+    this.user_id = this.mockUser._id
+    this.email = this.mockUser.email
+    this.req = {}
+    this.UserEmailsConfirmationHandler = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': (this.settings = {
+          siteUrl: 'https://emails.example.com',
+        }),
+        '../Security/OneTimeTokenHandler': (this.OneTimeTokenHandler = {
+          promises: {},
+        }),
+        './UserUpdater': (this.UserUpdater = {
+          promises: {},
+        }),
+        './UserGetter': (this.UserGetter = {
+          getUser: sinon.stub().yields(null, this.mockUser),
+          promises: {
+            getUser: sinon.stub().resolves(this.mockUser),
+          },
+        }),
+        '../Email/EmailHandler': (this.EmailHandler = {}),
+        '../Helpers/EmailHelper': EmailHelper,
+        '../Authentication/SessionManager': (this.SessionManager = {
+          getLoggedInUserId: sinon.stub().returns(this.mockUser._id),
+        }),
+      },
+    })
+    return (this.callback = sinon.stub())
+  })
+
+  describe('sendConfirmationEmail', function () {
+    beforeEach(function () {
+      this.OneTimeTokenHandler.getNewToken = sinon
+        .stub()
+        .yields(null, (this.token = 'new-token'))
+      return (this.EmailHandler.sendEmail = sinon.stub().yields())
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        return this.UserEmailsConfirmationHandler.sendConfirmationEmail(
+          this.user_id,
+          this.email,
+          this.callback
+        )
+      })
+
+      it('should generate a token for the user which references their id and email', function () {
+        return this.OneTimeTokenHandler.getNewToken
+          .calledWith(
+            'email_confirmation',
+            { user_id: this.user_id, email: this.email },
+            { expiresIn: 90 * 24 * 60 * 60 }
+          )
+          .should.equal(true)
+      })
+
+      it('should send an email to the user', function () {
+        return this.EmailHandler.sendEmail
+          .calledWith('confirmEmail', {
+            to: this.email,
+            confirmEmailUrl:
+              'https://emails.example.com/user/emails/confirm?token=new-token',
+            sendingUser_id: this.user_id,
+          })
+          .should.equal(true)
+      })
+
+      it('should call the callback', function () {
+        return this.callback.called.should.equal(true)
+      })
+    })
+
+    describe('with invalid email', function () {
+      beforeEach(function () {
+        return this.UserEmailsConfirmationHandler.sendConfirmationEmail(
+          this.user_id,
+          '!"£$%^&*()',
+          this.callback
+        )
+      })
+
+      it('should return an error', function () {
+        return this.callback
+          .calledWith(sinon.match.instanceOf(Error))
+          .should.equal(true)
+      })
+    })
+
+    describe('a custom template', function () {
+      beforeEach(function () {
+        return this.UserEmailsConfirmationHandler.sendConfirmationEmail(
+          this.user_id,
+          this.email,
+          'myCustomTemplate',
+          this.callback
+        )
+      })
+
+      it('should send an email with the given template', function () {
+        return this.EmailHandler.sendEmail
+          .calledWith('myCustomTemplate')
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('confirmEmailFromToken', function () {
+    beforeEach(function () {
+      this.OneTimeTokenHandler.promises.peekValueFromToken = sinon
+        .stub()
+        .resolves({ data: { user_id: this.user_id, email: this.email } })
+      this.OneTimeTokenHandler.promises.expireToken = sinon.stub().resolves()
+      this.UserUpdater.promises.confirmEmail = sinon.stub().resolves()
+    })
+
+    describe('successfully', function () {
+      beforeEach(async function () {
+        await this.UserEmailsConfirmationHandler.promises.confirmEmailFromToken(
+          this.req,
+          (this.token = 'mock-token')
+        )
+      })
+
+      it('should call peekValueFromToken', function () {
+        return this.OneTimeTokenHandler.promises.peekValueFromToken
+          .calledWith('email_confirmation', this.token)
+          .should.equal(true)
+      })
+
+      it('should call expireToken', function () {
+        return this.OneTimeTokenHandler.promises.expireToken
+          .calledWith('email_confirmation', this.token)
+          .should.equal(true)
+      })
+
+      it('should confirm the email of the user_id', function () {
+        return this.UserUpdater.promises.confirmEmail
+          .calledWith(this.user_id, this.email)
+          .should.equal(true)
+      })
+    })
+
+    describe('with an expired token', function () {
+      beforeEach(function () {
+        this.OneTimeTokenHandler.promises.peekValueFromToken = sinon
+          .stub()
+          .rejects(new Errors.NotFoundError('no token found'))
+      })
+
+      it('should reject with a NotFoundError', async function () {
+        await expect(
+          this.UserEmailsConfirmationHandler.promises.confirmEmailFromToken(
+            this.req,
+            (this.token = 'mock-token')
+          )
+        ).to.be.rejectedWith(Errors.NotFoundError)
+      })
+    })
+
+    describe('with no user_id in the token', function () {
+      beforeEach(function () {
+        this.OneTimeTokenHandler.promises.peekValueFromToken = sinon
+          .stub()
+          .resolves({ data: { email: this.email } })
+      })
+
+      it('should reject with a NotFoundError', async function () {
+        await expect(
+          this.UserEmailsConfirmationHandler.promises.confirmEmailFromToken(
+            this.req,
+            (this.token = 'mock-token')
+          )
+        ).to.be.rejectedWith(Errors.NotFoundError)
+      })
+    })
+
+    describe('with no email in the token', function () {
+      beforeEach(function () {
+        this.OneTimeTokenHandler.promises.peekValueFromToken = sinon
+          .stub()
+          .resolves({ data: { user_id: this.user_id } })
+      })
+
+      it('should reject with a NotFoundError', async function () {
+        await expect(
+          this.UserEmailsConfirmationHandler.promises.confirmEmailFromToken(
+            this.req,
+            (this.token = 'mock-token')
+          )
+        ).to.be.rejectedWith(Errors.NotFoundError)
+      })
+    })
+
+    describe('with no user found', function () {
+      beforeEach(function () {
+        this.UserGetter.promises.getUser.resolves(null)
+      })
+
+      it('should reject with a NotFoundError', async function () {
+        await expect(
+          this.UserEmailsConfirmationHandler.promises.confirmEmailFromToken(
+            this.req,
+            (this.token = 'mock-token')
+          )
+        ).to.be.rejectedWith(Errors.NotFoundError)
+      })
+    })
+
+    describe('with secondary email missing on user', function () {
+      beforeEach(function () {
+        this.OneTimeTokenHandler.promises.peekValueFromToken = sinon
+          .stub()
+          .resolves({
+            data: { user_id: this.user_id, email: 'deleted@email.com' },
+          })
+      })
+
+      it('should reject with a NotFoundError', async function () {
+        await expect(
+          this.UserEmailsConfirmationHandler.promises.confirmEmailFromToken(
+            this.req,
+            (this.token = 'mock-token')
+          )
+        ).to.be.rejectedWith(Errors.NotFoundError)
+      })
+    })
+
+    describe('when the logged in user is not the token user', function () {
+      beforeEach(function () {
+        this.SessionManager.getLoggedInUserId = sinon
+          .stub()
+          .returns('other-user-id')
+      })
+
+      it('should reject with a ForbiddenError', async function () {
+        await expect(
+          this.UserEmailsConfirmationHandler.promises.confirmEmailFromToken(
+            this.req,
+            (this.token = 'mock-token')
+          )
+        ).to.be.rejectedWith(Errors.ForbiddenError)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/User/UserEmailsControllerTests.js b/services/web/test/unit/src/User/UserEmailsControllerTests.js
new file mode 100644
index 0000000..ae94194
--- /dev/null
+++ b/services/web/test/unit/src/User/UserEmailsControllerTests.js
@@ -0,0 +1,1209 @@
+const sinon = require('sinon')
+const assertCalledWith = sinon.assert.calledWith
+const assertNotCalled = sinon.assert.notCalled
+const { assert, expect } = require('chai')
+const modulePath = '../../../../app/src/Features/User/UserEmailsController.js'
+const SandboxedModule = require('sandboxed-module')
+const MockRequest = require('../helpers/MockRequest')
+const MockResponse = require('../helpers/MockResponse')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+
+describe('UserEmailsController', function () {
+  beforeEach(function () {
+    this.req = new MockRequest()
+    this.req.sessionID = Math.random().toString()
+    this.res = new MockResponse()
+    this.next = sinon.stub()
+    this.user = {
+      _id: 'mock-user-id',
+      email: 'example@overleaf.com',
+      emails: [],
+    }
+
+    this.UserGetter = {
+      getUser: sinon.stub().yields(),
+      getUserFullEmails: sinon.stub(),
+      promises: {
+        ensureUniqueEmailAddress: sinon.stub().resolves(),
+        getUser: sinon.stub().resolves(this.user),
+        getUserByAnyEmail: sinon.stub(),
+      },
+    }
+    this.SessionManager = {
+      getSessionUser: sinon.stub().returns(this.user),
+      getLoggedInUserId: sinon.stub().returns(this.user._id),
+      setInSessionUser: sinon.stub(),
+    }
+    this.Features = {
+      hasFeature: sinon.stub(),
+    }
+    this.UserSessionsManager = {
+      promises: { removeSessionsFromRedis: sinon.stub().resolves() },
+    }
+    this.UserUpdater = {
+      addEmailAddress: sinon.stub(),
+      updateV1AndSetDefaultEmailAddress: sinon.stub(),
+      promises: {
+        addEmailAddress: sinon.stub().resolves(),
+        confirmEmail: sinon.stub().resolves(),
+        removeEmailAddress: sinon.stub(),
+        setDefaultEmailAddress: sinon.stub().resolves(),
+      },
+    }
+    this.EmailHelper = { parseEmail: sinon.stub() }
+    this.endorseAffiliation = sinon.stub().yields()
+    this.InstitutionsAPI = {
+      endorseAffiliation: this.endorseAffiliation,
+    }
+    this.HttpErrorHandler = { conflict: sinon.stub() }
+    this.AnalyticsManager = {
+      recordEventForUserInBackground: sinon.stub(),
+    }
+    this.UserAuditLogHandler = {
+      addEntry: sinon.stub().yields(),
+      promises: {
+        addEntry: sinon.stub().resolves(),
+      },
+    }
+    this.rateLimiter = {
+      consume: sinon.stub().resolves(),
+    }
+    this.RateLimiter = {
+      RateLimiter: sinon.stub().returns(this.rateLimiter),
+    }
+    this.AuthenticationController = {
+      getRedirectFromSession: sinon.stub().returns(null),
+    }
+    this.UserEmailsController = SandboxedModule.require(modulePath, {
+      requires: {
+        '../Authentication/AuthenticationController':
+          this.AuthenticationController,
+        '../Authentication/SessionManager': this.SessionManager,
+        '../../infrastructure/Features': this.Features,
+        './UserSessionsManager': this.UserSessionsManager,
+        './UserGetter': this.UserGetter,
+        './UserUpdater': this.UserUpdater,
+        '../Email/EmailHandler': (this.EmailHandler = {
+          promises: {
+            sendEmail: sinon.stub().resolves(),
+          },
+        }),
+        '../Helpers/EmailHelper': this.EmailHelper,
+        './UserEmailsConfirmationHandler': (this.UserEmailsConfirmationHandler =
+          {
+            promises: {
+              sendConfirmationEmail: sinon.stub().resolves(),
+              sendReconfirmationEmail: sinon.stub(),
+            },
+          }),
+        '../Institutions/InstitutionsAPI': this.InstitutionsAPI,
+        '../Errors/HttpErrorHandler': this.HttpErrorHandler,
+        '../Analytics/AnalyticsManager': this.AnalyticsManager,
+        './UserAuditLogHandler': this.UserAuditLogHandler,
+        '../../infrastructure/RateLimiter': this.RateLimiter,
+        '../SplitTests/SplitTestHandler': {
+          promises: {
+            getAssignment: sinon.stub().resolves('default'),
+          },
+        },
+      },
+    })
+  })
+
+  describe('List', function () {
+    beforeEach(function () {})
+
+    it('lists emails', function (done) {
+      const fullEmails = [{ some: 'data' }]
+      this.UserGetter.getUserFullEmails.callsArgWith(1, null, fullEmails)
+
+      this.UserEmailsController.list(this.req, {
+        json: response => {
+          assert.deepEqual(response, fullEmails)
+          assertCalledWith(this.UserGetter.getUserFullEmails, this.user._id)
+          done()
+        },
+      })
+    })
+  })
+
+  describe('Add', function () {
+    beforeEach(function () {
+      this.newEmail = 'new_email@baz.com'
+      this.req.body = {
+        email: this.newEmail,
+        university: { name: 'University Name' },
+        department: 'Department',
+        role: 'Role',
+      }
+      this.EmailHelper.parseEmail.returns(this.newEmail)
+      this.UserEmailsConfirmationHandler.sendConfirmationEmail = sinon
+        .stub()
+        .yields()
+    })
+
+    it('passed audit log to addEmailAddress', function (done) {
+      this.res.sendStatus = sinon.stub()
+      this.res.sendStatus.callsFake(() => {
+        const addCall = this.UserUpdater.promises.addEmailAddress.lastCall
+        expect(addCall.args[3]).to.deep.equal({
+          initiatorId: this.user._id,
+          ipAddress: this.req.ip,
+        })
+        done()
+      })
+      this.UserEmailsController.add(this.req, this.res)
+    })
+
+    it('adds new email', function (done) {
+      this.UserEmailsController.add(
+        this.req,
+        {
+          sendStatus: code => {
+            code.should.equal(204)
+            assertCalledWith(this.EmailHelper.parseEmail, this.newEmail)
+            assertCalledWith(
+              this.UserUpdater.promises.addEmailAddress,
+              this.user._id,
+              this.newEmail
+            )
+
+            const affiliationOptions =
+              this.UserUpdater.promises.addEmailAddress.lastCall.args[2]
+            Object.keys(affiliationOptions).length.should.equal(3)
+            affiliationOptions.university.should.equal(this.req.body.university)
+            affiliationOptions.department.should.equal(this.req.body.department)
+            affiliationOptions.role.should.equal(this.req.body.role)
+
+            done()
+          },
+        },
+        this.next
+      )
+    })
+
+    it('sends a security alert email', function (done) {
+      this.res.sendStatus = sinon.stub()
+      this.res.sendStatus.callsFake(() => {
+        const emailCall = this.EmailHandler.promises.sendEmail.getCall(0)
+        emailCall.args[0].should.to.equal('securityAlert')
+        emailCall.args[1].to.should.equal(this.user.email)
+        emailCall.args[1].actionDescribed.should.contain(
+          'a secondary email address'
+        )
+        emailCall.args[1].to.should.equal(this.user.email)
+        emailCall.args[1].message[0].should.contain(this.newEmail)
+        done()
+      })
+
+      this.UserEmailsController.add(this.req, this.res)
+    })
+
+    it('sends an email confirmation', function (done) {
+      this.UserEmailsController.add(
+        this.req,
+        {
+          sendStatus: code => {
+            code.should.equal(204)
+            assertCalledWith(
+              this.UserEmailsConfirmationHandler.promises.sendConfirmationEmail,
+              this.user._id,
+              this.newEmail
+            )
+            done()
+          },
+        },
+        this.next
+      )
+    })
+
+    it('handles email parse error', function (done) {
+      this.EmailHelper.parseEmail.returns(null)
+      this.UserEmailsController.add(
+        this.req,
+        {
+          sendStatus: code => {
+            code.should.equal(422)
+            assertNotCalled(this.UserUpdater.promises.addEmailAddress)
+            done()
+          },
+        },
+        this.next
+      )
+    })
+
+    it('should pass the error to the next handler when adding the email fails', function (done) {
+      this.UserUpdater.promises.addEmailAddress.rejects(new Error())
+      this.UserEmailsController.add(this.req, this.res, error => {
+        expect(error).to.be.instanceof(Error)
+        done()
+      })
+    })
+
+    it('should call the HTTP conflict handler when the email already exists', function (done) {
+      this.UserUpdater.promises.addEmailAddress.rejects(
+        new Errors.EmailExistsError()
+      )
+      this.HttpErrorHandler.conflict = sinon.spy((req, res, message) => {
+        req.should.exist
+        res.should.exist
+        message.should.equal('email_already_registered')
+        done()
+      })
+      this.UserEmailsController.add(this.req, this.res, this.next)
+    })
+
+    it("should call the HTTP conflict handler when there's a domain matching error", function (done) {
+      this.UserUpdater.promises.addEmailAddress.rejects(
+        new Error('422: Email does not belong to university')
+      )
+      this.HttpErrorHandler.conflict = sinon.spy((req, res, message) => {
+        req.should.exist
+        res.should.exist
+        message.should.equal('email_does_not_belong_to_university')
+        done()
+      })
+      this.UserEmailsController.add(this.req, this.res, this.next)
+    })
+
+    it('should fail to add new emails when the limit has been reached', function (done) {
+      this.user.emails = []
+      for (let i = 0; i < 10; i++) {
+        this.user.emails.push({ email: `example${i}@overleaf.com` })
+      }
+      this.UserEmailsController.add(
+        this.req,
+        {
+          status: code => {
+            expect(code).to.equal(422)
+            return {
+              json: error => {
+                expect(error.message).to.equal('secondary email limit exceeded')
+                done()
+              },
+            }
+          },
+        },
+        this.next
+      )
+    })
+  })
+
+  describe('addWithConfirmationCode', function () {
+    beforeEach(function () {
+      this.newEmail = 'new_email@baz.com'
+      this.req.body = {
+        email: this.newEmail,
+      }
+      this.EmailHelper.parseEmail.returns(this.newEmail)
+      this.UserEmailsConfirmationHandler.promises.sendConfirmationCode = sinon
+        .stub()
+        .resolves({
+          confirmCode: '123456',
+          confirmCodeExpiresTimestamp: new Date(),
+        })
+    })
+
+    it('sends an email confirmation', function (done) {
+      this.UserEmailsController.addWithConfirmationCode(this.req, {
+        sendStatus: code => {
+          code.should.equal(200)
+          assertCalledWith(
+            this.UserEmailsConfirmationHandler.promises.sendConfirmationCode,
+            this.newEmail,
+            false
+          )
+          done()
+        },
+      })
+    })
+
+    it('handles email parse error', function (done) {
+      this.EmailHelper.parseEmail.returns(null)
+      this.UserEmailsController.addWithConfirmationCode(this.req, {
+        sendStatus: code => {
+          code.should.equal(422)
+          done()
+        },
+      })
+    })
+
+    it('handles when the email already exists', function (done) {
+      this.UserGetter.promises.ensureUniqueEmailAddress.rejects(
+        new Errors.EmailExistsError()
+      )
+
+      this.UserEmailsController.addWithConfirmationCode(this.req, {
+        status: code => {
+          code.should.equal(409)
+          return { json: () => done() }
+        },
+      })
+    })
+
+    it('should fail to add new emails when the limit has been reached', function (done) {
+      this.user.emails = []
+      for (let i = 0; i < 10; i++) {
+        this.user.emails.push({ email: `example${i}@overleaf.com` })
+      }
+      this.UserEmailsController.addWithConfirmationCode(this.req, {
+        status: code => {
+          expect(code).to.equal(422)
+          return {
+            json: error => {
+              expect(error.message).to.equal('secondary email limit exceeded')
+              done()
+            },
+          }
+        },
+      })
+    })
+  })
+
+  describe('checkNewSecondaryEmailConfirmationCode', function () {
+    beforeEach(function () {
+      this.newEmail = 'new_email@baz.com'
+      this.req.session.pendingSecondaryEmail = {
+        confirmCode: '123456',
+        email: this.newEmail,
+        confirmCodeExpiresTimestamp: new Date(Math.max),
+      }
+    })
+
+    describe('with a valid confirmation code', function () {
+      beforeEach(function () {
+        this.req.body = {
+          code: '123456',
+        }
+      })
+
+      it('adds the email', function (done) {
+        this.UserEmailsController.checkNewSecondaryEmailConfirmationCode(
+          this.req,
+          {
+            json: () => {
+              assertCalledWith(
+                this.UserUpdater.promises.addEmailAddress,
+                this.user._id,
+                this.newEmail
+              )
+              assertCalledWith(
+                this.UserUpdater.promises.confirmEmail,
+                this.user._id,
+                this.newEmail
+              )
+              done()
+            },
+          }
+        )
+      })
+
+      it('redirects to /project', function (done) {
+        this.UserEmailsController.checkNewSecondaryEmailConfirmationCode(
+          this.req,
+          {
+            json: ({ redir }) => {
+              redir.should.equal('/project')
+              done()
+            },
+          }
+        )
+      })
+
+      it('sends a security alert email', async function () {
+        this.req.session.pendingSecondaryEmail = {
+          confirmCode: '123456',
+          email: this.newEmail,
+          confirmCodeExpiresTimestamp: new Date(Math.max),
+          affiliationOptions: {},
+        }
+        this.req.body.code = '123456'
+
+        await this.UserEmailsController.checkNewSecondaryEmailConfirmationCode(
+          this.req,
+          {
+            json: sinon.stub().resolves(),
+          }
+        )
+
+        const emailCall = this.EmailHandler.promises.sendEmail.getCall(0)
+        expect(emailCall.args[0]).to.equal('securityAlert')
+        expect(emailCall.args[1].to).to.equal(this.user.email)
+        expect(emailCall.args[1].actionDescribed).to.contain(
+          'a secondary email address'
+        )
+        expect(emailCall.args[1].message[0]).to.contain(this.newEmail)
+      })
+    })
+
+    describe('with an invalid confirmation code', function () {
+      beforeEach(function () {
+        this.req.body = {
+          code: '999999',
+        }
+      })
+
+      it('does not add the email', function (done) {
+        this.UserEmailsController.checkNewSecondaryEmailConfirmationCode(
+          this.req,
+          {
+            status: () => {
+              assertNotCalled(this.UserUpdater.promises.addEmailAddress)
+              assertNotCalled(this.UserUpdater.promises.confirmEmail)
+              done()
+              return { json: this.next }
+            },
+          }
+        )
+      })
+
+      it('responds with a 403', function (done) {
+        this.UserEmailsController.checkNewSecondaryEmailConfirmationCode(
+          this.req,
+          {
+            status: code => {
+              code.should.equal(403)
+              done()
+              return { json: this.next }
+            },
+          }
+        )
+      })
+    })
+  })
+
+  describe('resendNewSecondaryEmailConfirmationCode', function () {
+    beforeEach(function () {
+      this.newEmail = 'new_email@baz.com'
+      this.req.session.pendingSecondaryEmail = {
+        confirmCode: '123456',
+        email: this.newEmail,
+        confirmCodeExpiresTimestamp: new Date(Math.max),
+      }
+      this.UserEmailsConfirmationHandler.promises.sendConfirmationCode = sinon
+        .stub()
+        .resolves({
+          confirmCode: '123456',
+          confirmCodeExpiresTimestamp: new Date(),
+        })
+    })
+
+    it('should send the email', function (done) {
+      this.UserEmailsController.resendNewSecondaryEmailConfirmationCode(
+        this.req,
+        {
+          status: code => {
+            code.should.equal(200)
+            assertCalledWith(
+              this.UserEmailsConfirmationHandler.promises.sendConfirmationCode,
+              this.newEmail,
+              false
+            )
+            done()
+            return { json: this.next }
+          },
+        }
+      )
+    })
+  })
+
+  describe('remove', function () {
+    beforeEach(function () {
+      this.email = 'email_to_remove@bar.com'
+      this.req.body.email = this.email
+      this.EmailHelper.parseEmail.returns(this.email)
+    })
+
+    it('removes email', function (done) {
+      const auditLog = {
+        initiatorId: this.user._id,
+        ipAddress: this.req.ip,
+      }
+      this.UserUpdater.promises.removeEmailAddress.resolves()
+
+      this.UserEmailsController.remove(this.req, {
+        sendStatus: code => {
+          code.should.equal(200)
+          assertCalledWith(this.EmailHelper.parseEmail, this.email)
+          assertCalledWith(
+            this.UserUpdater.promises.removeEmailAddress,
+            this.user._id,
+            this.email,
+            auditLog
+          )
+          done()
+        },
+      })
+    })
+
+    it('handles email parse error', function (done) {
+      this.EmailHelper.parseEmail.returns(null)
+
+      this.UserEmailsController.remove(this.req, {
+        sendStatus: code => {
+          code.should.equal(422)
+          assertNotCalled(this.UserUpdater.promises.removeEmailAddress)
+          done()
+        },
+      })
+    })
+  })
+
+  describe('setDefault', function () {
+    beforeEach(function () {
+      this.email = 'email_to_set_default@bar.com'
+      this.req.body.email = this.email
+      this.EmailHelper.parseEmail.returns(this.email)
+      this.SessionManager.setInSessionUser.returns(null)
+    })
+
+    it('sets default email', function (done) {
+      this.UserEmailsController.setDefault(this.req, {
+        sendStatus: code => {
+          code.should.equal(200)
+          assertCalledWith(this.EmailHelper.parseEmail, this.email)
+          assertCalledWith(
+            this.SessionManager.setInSessionUser,
+            this.req.session,
+            {
+              email: this.email,
+            }
+          )
+          assertCalledWith(
+            this.UserUpdater.promises.setDefaultEmailAddress,
+            this.user._id,
+            this.email
+          )
+          done()
+        },
+      })
+    })
+
+    it('deletes unconfirmed primary if delete-unconfirmed-primary is set', function (done) {
+      this.user.emails = [{ email: 'example@overleaf.com' }]
+      this.req.query['delete-unconfirmed-primary'] = ''
+
+      this.UserEmailsController.setDefault(this.req, {
+        sendStatus: () => {
+          assertCalledWith(
+            this.UserUpdater.promises.removeEmailAddress,
+            this.user._id,
+            'example@overleaf.com',
+            {
+              initiatorId: this.user._id,
+              ipAddress: this.req.ip,
+              extraInfo: {
+                info: 'removed unconfirmed email after setting new primary',
+              },
+            }
+          )
+          done()
+        },
+      })
+    })
+
+    it('doesnt delete a confirmed primary', function (done) {
+      this.user.emails = [
+        { email: 'example@overleaf.com', confirmedAt: '2000-01-01' },
+      ]
+      this.req.query['delete-unconfirmed-primary'] = ''
+
+      this.UserEmailsController.setDefault(this.req, {
+        sendStatus: () => {
+          assertNotCalled(this.UserUpdater.promises.removeEmailAddress)
+          done()
+        },
+      })
+    })
+
+    it('doesnt delete primary if delete-unconfirmed-primary is not set', function (done) {
+      this.UserEmailsController.setDefault(this.req, {
+        sendStatus: () => {
+          assertNotCalled(this.UserUpdater.promises.removeEmailAddress)
+          done()
+        },
+      })
+    })
+
+    it('handles email parse error', function (done) {
+      this.EmailHelper.parseEmail.returns(null)
+
+      this.UserEmailsController.setDefault(this.req, {
+        sendStatus: code => {
+          code.should.equal(422)
+          assertNotCalled(this.UserUpdater.promises.setDefaultEmailAddress)
+          done()
+        },
+      })
+    })
+
+    it('should reset the users other sessions', function (done) {
+      this.res.callback = () => {
+        expect(
+          this.UserSessionsManager.promises.removeSessionsFromRedis
+        ).to.have.been.calledWith(this.user, this.req.sessionID)
+        done()
+      }
+
+      this.UserEmailsController.setDefault(this.req, this.res, done)
+    })
+
+    it('handles error from revoking sessions and returns 200', function (done) {
+      const redisError = new Error('redis error')
+      this.UserSessionsManager.promises.removeSessionsFromRedis = sinon
+        .stub()
+        .rejects(redisError)
+
+      this.res.callback = () => {
+        expect(this.res.statusCode).to.equal(200)
+
+        // give revoke process time to run
+        setTimeout(() => {
+          expect(this.logger.warn).to.have.been.calledWith(
+            sinon.match({ err: redisError }),
+            'failed revoking secondary sessions after changing default email'
+          )
+          done()
+        })
+      }
+
+      this.UserEmailsController.setDefault(this.req, this.res, done)
+    })
+  })
+
+  describe('endorse', function () {
+    beforeEach(function () {
+      this.email = 'email_to_endorse@bar.com'
+      this.req.body.email = this.email
+      this.EmailHelper.parseEmail.returns(this.email)
+    })
+
+    it('endorses affiliation', function (done) {
+      this.req.body.role = 'Role'
+      this.req.body.department = 'Department'
+
+      this.UserEmailsController.endorse(this.req, {
+        sendStatus: code => {
+          code.should.equal(204)
+          assertCalledWith(
+            this.endorseAffiliation,
+            this.user._id,
+            this.email,
+            'Role',
+            'Department'
+          )
+          done()
+        },
+      })
+    })
+  })
+
+  describe('confirm', function () {
+    beforeEach(function () {
+      this.UserEmailsConfirmationHandler.confirmEmailFromToken = sinon
+        .stub()
+        .yields(null, { userId: this.user._id, email: this.user.email })
+      this.res = {
+        sendStatus: sinon.stub(),
+        json: sinon.stub(),
+      }
+      this.res.status = sinon.stub().returns(this.res)
+      this.next = sinon.stub()
+      this.token = 'mock-token'
+      this.req.body = { token: this.token }
+      this.req.ip = '0.0.0.0'
+    })
+
+    describe('successfully', function () {
+      beforeEach(function () {
+        this.UserEmailsController.confirm(this.req, this.res, this.next)
+      })
+
+      it('should confirm the email from the token', function () {
+        this.UserEmailsConfirmationHandler.confirmEmailFromToken
+          .calledWith(this.req, this.token)
+          .should.equal(true)
+      })
+
+      it('should return a 200 status', function () {
+        this.res.sendStatus.calledWith(200).should.equal(true)
+      })
+
+      it('should log the confirmation to the audit log', function () {
+        sinon.assert.calledWith(
+          this.UserAuditLogHandler.addEntry,
+          this.user._id,
+          'confirm-email',
+          this.user._id,
+          this.req.ip,
+          {
+            token: this.token.substring(0, 10),
+            email: this.user.email,
+          }
+        )
+      })
+    })
+
+    describe('without a token', function () {
+      beforeEach(function () {
+        this.req.body.token = null
+        this.UserEmailsController.confirm(this.req, this.res, this.next)
+      })
+
+      it('should return a 422 status', function () {
+        this.res.status.calledWith(422).should.equal(true)
+      })
+    })
+
+    describe('when confirming fails', function () {
+      beforeEach(function () {
+        this.UserEmailsConfirmationHandler.confirmEmailFromToken = sinon
+          .stub()
+          .yields(new Errors.NotFoundError('not found'))
+        this.UserEmailsController.confirm(this.req, this.res, this.next)
+      })
+
+      it('should return a 404 error code with a message', function () {
+        this.res.status.calledWith(404).should.equal(true)
+        this.res.json
+          .calledWith({
+            message: this.req.i18n.translate('confirmation_token_invalid'),
+          })
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('resendConfirmation', function () {
+    beforeEach(function () {
+      this.EmailHelper.parseEmail.returnsArg(0)
+      this.UserGetter.promises.getUserByAnyEmail.resolves({
+        _id: this.user._id,
+      })
+      this.req = {
+        body: {},
+      }
+      this.res = {
+        sendStatus: sinon.stub(),
+      }
+      this.next = sinon.stub()
+      this.UserEmailsConfirmationHandler.sendConfirmationEmail = sinon
+        .stub()
+        .yields()
+    })
+
+    it('should send the email', async function () {
+      this.req = {
+        body: {
+          email: 'test@example.com',
+        },
+      }
+      await this.UserEmailsController.sendReconfirmation(
+        this.req,
+        this.res,
+        this.next
+      )
+      expect(
+        this.UserEmailsConfirmationHandler.promises.sendReconfirmationEmail
+      ).to.have.been.calledOnce
+    })
+
+    it('should return 422 if email not valid', function (done) {
+      this.req = {
+        body: {},
+      }
+      this.UserEmailsController.resendConfirmation(
+        this.req,
+        this.res,
+        this.next
+      )
+      expect(this.UserEmailsConfirmationHandler.sendConfirmationEmail).to.not
+        .have.been.called
+      expect(this.res.sendStatus.lastCall.args[0]).to.equal(422)
+      done()
+    })
+
+    describe('email on another user account', function () {
+      beforeEach(function () {
+        this.UserGetter.promises.getUserByAnyEmail.resolves({
+          _id: 'another-user-id',
+        })
+      })
+      it('should return 422', async function () {
+        this.req = {
+          body: {
+            email: 'test@example.com',
+          },
+        }
+        await this.UserEmailsController.resendConfirmation(
+          this.req,
+          this.res,
+          this.next
+        )
+        expect(this.UserEmailsConfirmationHandler.sendConfirmationEmail).to.not
+          .have.been.called
+        expect(this.res.sendStatus.lastCall.args[0]).to.equal(422)
+      })
+    })
+  })
+
+  describe('sendReconfirmation', function () {
+    beforeEach(function () {
+      this.res.sendStatus = sinon.stub()
+      this.UserGetter.promises.getUserByAnyEmail.resolves({
+        _id: this.user._id,
+      })
+      this.EmailHelper.parseEmail.returnsArg(0)
+    })
+    it('should send the email', async function () {
+      this.req = {
+        body: {
+          email: 'test@example.com',
+        },
+      }
+      await this.UserEmailsController.sendReconfirmation(
+        this.req,
+        this.res,
+        this.next
+      )
+      expect(
+        this.UserEmailsConfirmationHandler.promises.sendReconfirmationEmail
+      ).to.have.been.calledOnce
+    })
+    it('should return 400 if email not valid', function (done) {
+      this.req = {
+        body: {},
+      }
+      this.UserEmailsController.sendReconfirmation(
+        this.req,
+        this.res,
+        this.next
+      )
+      expect(
+        this.UserEmailsConfirmationHandler.promises.sendReconfirmationEmail
+      ).to.not.have.been.called
+      expect(this.res.sendStatus.lastCall.args[0]).to.equal(400)
+      done()
+    })
+    describe('email on another user account', function () {
+      beforeEach(function () {
+        this.UserGetter.promises.getUserByAnyEmail.resolves({
+          _id: 'another-user-id',
+        })
+      })
+      it('should return 422', async function () {
+        this.req = {
+          body: {
+            email: 'test@example.com',
+          },
+        }
+        await this.UserEmailsController.sendReconfirmation(
+          this.req,
+          this.res,
+          this.next
+        )
+        expect(
+          this.UserEmailsConfirmationHandler.promises.sendReconfirmationEmail
+        ).to.not.have.been.called
+        expect(this.res.sendStatus.lastCall.args[0]).to.equal(422)
+      })
+    })
+  })
+
+  describe('sendExistingSecondaryEmailConfirmationCode', function () {
+    beforeEach(function () {
+      this.email = 'existing-email@example.com'
+      this.req.body.email = this.email
+      this.EmailHelper.parseEmail.returns(this.email)
+      this.UserGetter.promises.getUserByAnyEmail.resolves({
+        _id: this.user._id,
+        email: this.email,
+      })
+      this.UserEmailsConfirmationHandler.promises.sendConfirmationCode = sinon
+        .stub()
+        .resolves({
+          confirmCode: '123456',
+          confirmCodeExpiresTimestamp: new Date(),
+        })
+    })
+
+    it('should send confirmation code for existing email', async function () {
+      await this.UserEmailsController.sendExistingSecondaryEmailConfirmationCode(
+        this.req,
+        {
+          sendStatus: code => {
+            code.should.equal(204)
+            assertCalledWith(
+              this.UserEmailsConfirmationHandler.promises.sendConfirmationCode,
+              this.email,
+              false
+            )
+          },
+        }
+      )
+    })
+
+    it('should store confirmation code in session', async function () {
+      const confirmCode = '123456'
+      const confirmCodeExpiresTimestamp = new Date()
+      this.UserEmailsConfirmationHandler.promises.sendConfirmationCode.resolves(
+        { confirmCode, confirmCodeExpiresTimestamp }
+      )
+      await this.UserEmailsController.sendExistingSecondaryEmailConfirmationCode(
+        this.req,
+        { sendStatus: sinon.stub() }
+      )
+      expect(this.req.session.pendingExistingEmail).to.deep.equal({
+        email: this.email,
+        confirmCode,
+        confirmCodeExpiresTimestamp,
+        affiliationOptions: undefined,
+      })
+    })
+
+    it('should handle invalid email', async function () {
+      this.EmailHelper.parseEmail.returns(null)
+      await this.UserEmailsController.sendExistingSecondaryEmailConfirmationCode(
+        this.req,
+        {
+          sendStatus: code => {
+            code.should.equal(400)
+            assertNotCalled(
+              this.UserEmailsConfirmationHandler.promises.sendConfirmationCode
+            )
+          },
+        }
+      )
+    })
+
+    it('should handle email not belonging to user', async function () {
+      this.UserGetter.promises.getUserByAnyEmail.resolves({
+        _id: 'another-user-id',
+      })
+      await this.UserEmailsController.sendExistingSecondaryEmailConfirmationCode(
+        this.req,
+        {
+          sendStatus: code => {
+            code.should.equal(422)
+            assertNotCalled(
+              this.UserEmailsConfirmationHandler.promises.sendConfirmationCode
+            )
+          },
+        }
+      )
+    })
+  })
+
+  describe('checkExistingEmailConfirmationCode', function () {
+    beforeEach(function () {
+      this.email = 'existing-email@example.com'
+      this.req.session.pendingExistingEmail = {
+        confirmCode: '123456',
+        email: this.email,
+        confirmCodeExpiresTimestamp: new Date(Math.max),
+      }
+      this.UserUpdater.promises.confirmEmail.resolves()
+      this.res = {
+        json: sinon.stub(),
+        status: sinon.stub().returns({ json: sinon.stub() }),
+      }
+    })
+
+    describe('with a valid confirmation code', function () {
+      beforeEach(function () {
+        this.req.body = { code: '123456' }
+      })
+
+      it('confirms the email', async function () {
+        await this.UserEmailsController.checkExistingEmailConfirmationCode(
+          this.req,
+          {
+            json: () => {
+              assertCalledWith(
+                this.UserUpdater.promises.confirmEmail,
+                this.user._id,
+                this.email
+              )
+            },
+          }
+        )
+      })
+
+      it('adds audit log entry', async function () {
+        await this.UserEmailsController.checkExistingEmailConfirmationCode(
+          this.req,
+          { json: sinon.stub() }
+        )
+        assertCalledWith(
+          this.UserAuditLogHandler.promises.addEntry,
+          this.user._id,
+          'confirm-email-via-code',
+          this.user._id,
+          this.req.ip,
+          { email: this.email }
+        )
+      })
+
+      it('records analytics event', async function () {
+        await this.UserEmailsController.checkExistingEmailConfirmationCode(
+          this.req,
+          { json: sinon.stub() }
+        )
+        assertCalledWith(
+          this.AnalyticsManager.recordEventForUserInBackground,
+          this.user._id,
+          'email-verified',
+          {
+            provider: 'email',
+            verification_type: 'token',
+            isPrimary: this.user.email === this.email,
+          }
+        )
+      })
+
+      it('removes pendingExistingEmail from session', async function () {
+        await this.UserEmailsController.checkExistingEmailConfirmationCode(
+          this.req,
+          { json: sinon.stub() }
+        )
+
+        expect(this.req.session.pendingExistingEmail).to.be.undefined
+      })
+    })
+
+    describe('with an invalid confirmation code', function () {
+      beforeEach(function () {
+        this.req.body = { code: '999999' }
+      })
+
+      it('does not confirm the email', async function () {
+        await this.UserEmailsController.checkExistingEmailConfirmationCode(
+          this.req,
+          {
+            status: () => {
+              assertNotCalled(this.UserUpdater.promises.confirmEmail)
+              return { json: this.next }
+            },
+          }
+        )
+      })
+
+      it('responds with a 403', async function () {
+        await this.UserEmailsController.checkExistingEmailConfirmationCode(
+          this.req,
+          {
+            status: code => {
+              code.should.equal(403)
+              return { json: this.next }
+            },
+          }
+        )
+      })
+    })
+
+    describe('with an expired confirmation code', function () {
+      beforeEach(function () {
+        this.req.session.pendingExistingEmail.confirmCodeExpiresTimestamp =
+          new Date(0)
+        this.req.body = { code: '123456' }
+      })
+
+      it('responds with a 403', async function () {
+        await this.UserEmailsController.checkExistingEmailConfirmationCode(
+          this.req,
+          {
+            status: code => {
+              code.should.equal(403)
+              return { json: this.next }
+            },
+          }
+        )
+      })
+    })
+  })
+
+  describe('resendExistingSecondaryEmailConfirmationCode', function () {
+    beforeEach(function () {
+      this.email = 'existing-email@example.com'
+      this.req.session.pendingExistingEmail = {
+        confirmCode: '123456',
+        email: this.email,
+        confirmCodeExpiresTimestamp: new Date(Math.max),
+      }
+      this.res.status = sinon.stub().returns({ json: sinon.stub() })
+      this.UserEmailsConfirmationHandler.promises.sendConfirmationCode = sinon
+        .stub()
+        .resolves({
+          confirmCode: '654321',
+          confirmCodeExpiresTimestamp: new Date(),
+        })
+    })
+
+    it('should resend confirmation code', async function () {
+      await this.UserEmailsController.resendExistingSecondaryEmailConfirmationCode(
+        this.req,
+        {
+          status: code => {
+            code.should.equal(200)
+            assertCalledWith(
+              this.UserEmailsConfirmationHandler.promises.sendConfirmationCode,
+              this.email,
+              false
+            )
+            return { json: sinon.stub() }
+          },
+        }
+      )
+    })
+
+    it('should update session with new code', async function () {
+      const newCode = '654321'
+      const newExpiryTime = new Date()
+      this.UserEmailsConfirmationHandler.promises.sendConfirmationCode.resolves(
+        {
+          confirmCode: newCode,
+          confirmCodeExpiresTimestamp: newExpiryTime,
+        }
+      )
+      await this.UserEmailsController.resendExistingSecondaryEmailConfirmationCode(
+        this.req,
+        { status: () => ({ json: sinon.stub() }) }
+      )
+      expect(this.req.session.pendingExistingEmail.confirmCode).to.equal(
+        newCode
+      )
+      expect(
+        this.req.session.pendingExistingEmail.confirmCodeExpiresTimestamp
+      ).to.equal(newExpiryTime)
+    })
+
+    it('should add audit log entry', async function () {
+      await this.UserEmailsController.resendExistingSecondaryEmailConfirmationCode(
+        this.req,
+        { status: () => ({ json: sinon.stub() }) }
+      )
+
+      assertCalledWith(
+        this.UserAuditLogHandler.promises.addEntry,
+        this.user._id,
+        'resend-confirm-email-code',
+        this.user._id,
+        this.req.ip,
+        { email: this.email }
+      )
+    })
+
+    it('should handle rate limiting', async function () {
+      this.rateLimiter.consume.rejects({ remainingPoints: 0 })
+      await this.UserEmailsController.resendExistingSecondaryEmailConfirmationCode(
+        this.req,
+        {
+          status: code => {
+            code.should.equal(429)
+            return { json: sinon.stub() }
+          },
+        }
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/User/UserGetterTests.js b/services/web/test/unit/src/User/UserGetterTests.js
new file mode 100644
index 0000000..91df5d8
--- /dev/null
+++ b/services/web/test/unit/src/User/UserGetterTests.js
@@ -0,0 +1,1262 @@
+const { ObjectId } = require('mongodb-legacy')
+const SandboxedModule = require('sandboxed-module')
+const assert = require('assert')
+const moment = require('moment')
+const path = require('path')
+const sinon = require('sinon')
+const modulePath = path.join(
+  __dirname,
+  '../../../../app/src/Features/User/UserGetter'
+)
+const { expect } = require('chai')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+const {
+  normalizeQuery,
+  normalizeMultiQuery,
+} = require('../../../../app/src/Features/Helpers/Mongo')
+
+describe('UserGetter', function () {
+  beforeEach(function () {
+    const confirmedAt = new Date()
+    this.fakeUser = {
+      _id: '12390i',
+      email: 'email2@foo.bar',
+      emails: [
+        {
+          email: 'email1@foo.bar',
+          reversedHostname: 'rab.oof',
+          confirmedAt,
+          lastConfirmedAt: confirmedAt,
+        },
+        { email: 'email2@foo.bar', reversedHostname: 'rab.oof' },
+      ],
+    }
+    this.findOne = sinon.stub().callsArgWith(2, null, this.fakeUser)
+    this.findToArrayStub = sinon.stub().yields(null, [this.fakeUser])
+    this.find = sinon.stub().returns({ toArray: this.findToArrayStub })
+    this.Mongo = {
+      db: {
+        users: {
+          findOne: this.findOne,
+          find: this.find,
+        },
+      },
+      ObjectId,
+    }
+    this.getUserAffiliations = sinon.stub().resolves([])
+
+    this.UserGetter = SandboxedModule.require(modulePath, {
+      requires: {
+        '../Helpers/Mongo': { normalizeQuery, normalizeMultiQuery },
+        '../../infrastructure/mongodb': this.Mongo,
+        '@overleaf/settings': (this.settings = {
+          reconfirmNotificationDays: 14,
+        }),
+        '../Institutions/InstitutionsAPI': {
+          promises: {
+            getUserAffiliations: this.getUserAffiliations,
+          },
+        },
+        '../../infrastructure/Features': {
+          hasFeature: sinon.stub().returns(true),
+        },
+        '../../models/User': {
+          User: (this.User = {}),
+        },
+      },
+    })
+  })
+
+  describe('getSsoUsersAtInstitution', function () {
+    it('should throw an error when no projection is passed', function (done) {
+      this.UserGetter.getSsoUsersAtInstitution(1, undefined, error => {
+        expect(error).to.exist
+        expect(error.message).to.equal('missing projection')
+        done()
+      })
+    })
+  })
+
+  describe('getUser', function () {
+    it('should get user', function (done) {
+      const query = { _id: '000000000000000000000000' }
+      const projection = { email: 1 }
+      this.UserGetter.getUser(query, projection, (error, user) => {
+        expect(error).to.not.exist
+        this.findOne.called.should.equal(true)
+        this.findOne.calledWith(query, { projection }).should.equal(true)
+        user.should.deep.equal(this.fakeUser)
+        done()
+      })
+    })
+
+    it('should not allow null query', function (done) {
+      this.UserGetter.getUser(null, {}, error => {
+        error.should.exist
+        error.message.should.equal('no query provided')
+        done()
+      })
+    })
+  })
+
+  describe('getUsers', function () {
+    it('should get users with array of userIds', function (done) {
+      const query = [new ObjectId()]
+      const projection = { email: 1 }
+      this.UserGetter.getUsers(query, projection, (error, users) => {
+        expect(error).to.not.exist
+        this.find.should.have.been.calledWithMatch(
+          { _id: { $in: query } },
+          { projection }
+        )
+        users.should.deep.equal([this.fakeUser])
+        done()
+      })
+    })
+
+    it('should not allow null query', function (done) {
+      this.UserGetter.getUser(null, {}, error => {
+        error.should.exist
+        error.message.should.equal('no query provided')
+        done()
+      })
+    })
+  })
+
+  describe('getUserFullEmails', function () {
+    it('should get user', function (done) {
+      this.UserGetter.promises.getUser = sinon.stub().resolves(this.fakeUser)
+      const projection = { email: 1, emails: 1, samlIdentifiers: 1 }
+      this.UserGetter.getUserFullEmails(
+        this.fakeUser._id,
+        (error, fullEmails) => {
+          expect(error).to.not.exist
+          this.UserGetter.promises.getUser.called.should.equal(true)
+          this.UserGetter.promises.getUser
+            .calledWith(this.fakeUser._id, projection)
+            .should.equal(true)
+          done()
+        }
+      )
+    })
+
+    it('should fetch emails data', function (done) {
+      this.UserGetter.promises.getUser = sinon.stub().resolves(this.fakeUser)
+      this.UserGetter.getUserFullEmails(
+        this.fakeUser._id,
+        (error, fullEmails) => {
+          expect(error).to.not.exist
+          assert.deepEqual(fullEmails, [
+            {
+              email: 'email1@foo.bar',
+              reversedHostname: 'rab.oof',
+              confirmedAt: this.fakeUser.emails[0].confirmedAt,
+              lastConfirmedAt: this.fakeUser.emails[0].lastConfirmedAt,
+              emailHasInstitutionLicence: false,
+              default: false,
+            },
+            {
+              email: 'email2@foo.bar',
+              reversedHostname: 'rab.oof',
+              emailHasInstitutionLicence: false,
+              default: true,
+              lastConfirmedAt: null,
+            },
+          ])
+          done()
+        }
+      )
+    })
+
+    it('should merge affiliation data', function (done) {
+      this.UserGetter.promises.getUser = sinon.stub().resolves(this.fakeUser)
+      const affiliationsData = [
+        {
+          email: 'email1@foo.bar',
+          role: 'Prof',
+          cached_confirmed_at: '2019-07-11T18:25:01.639Z',
+          cached_reconfirmed_at: '2021-07-11T18:25:01.639Z',
+          department: 'Maths',
+          entitlement: false,
+          inferred: false,
+          licence: 'pro_plus',
+          institution: {
+            name: 'University Name',
+            isUniversity: true,
+            confirmed: true,
+          },
+          last_day_to_reconfirm: undefined,
+          past_reconfirm_date: false,
+          portal: undefined,
+        },
+      ]
+      this.getUserAffiliations.resolves(affiliationsData)
+      this.UserGetter.getUserFullEmails(
+        this.fakeUser._id,
+        (error, fullEmails) => {
+          expect(error).to.not.exist
+          assert.deepEqual(fullEmails, [
+            {
+              email: 'email1@foo.bar',
+              reversedHostname: 'rab.oof',
+              confirmedAt: this.fakeUser.emails[0].confirmedAt,
+              lastConfirmedAt: this.fakeUser.emails[0].lastConfirmedAt,
+              default: false,
+              emailHasInstitutionLicence: true,
+              affiliation: {
+                institution: affiliationsData[0].institution,
+                inferred: affiliationsData[0].inferred,
+                department: affiliationsData[0].department,
+                role: affiliationsData[0].role,
+                lastDayToReconfirm: undefined,
+                licence: affiliationsData[0].licence,
+                inReconfirmNotificationPeriod: false,
+                cachedConfirmedAt: '2019-07-11T18:25:01.639Z',
+                cachedReconfirmedAt: '2021-07-11T18:25:01.639Z',
+                cachedEntitlement: false,
+                cachedLastDayToReconfirm: undefined,
+                cachedPastReconfirmDate: false,
+                pastReconfirmDate: false,
+                portal: undefined,
+              },
+            },
+            {
+              email: 'email2@foo.bar',
+              reversedHostname: 'rab.oof',
+              emailHasInstitutionLicence: false,
+              default: true,
+              lastConfirmedAt: null,
+            },
+          ])
+          done()
+        }
+      )
+    })
+
+    it('should merge SAML identifier', function (done) {
+      const fakeSamlIdentifiers = [
+        { providerId: 'saml_id', exteranlUserId: 'whatever' },
+      ]
+      const fakeUserWithSaml = this.fakeUser
+      fakeUserWithSaml.emails[0].samlProviderId = 'saml_id'
+      fakeUserWithSaml.samlIdentifiers = fakeSamlIdentifiers
+      this.UserGetter.promises.getUser = sinon.stub().resolves(this.fakeUser)
+      this.getUserAffiliations.resolves([])
+      this.UserGetter.getUserFullEmails(
+        this.fakeUser._id,
+        (error, fullEmails) => {
+          expect(error).to.not.exist
+          assert.deepEqual(fullEmails, [
+            {
+              email: 'email1@foo.bar',
+              reversedHostname: 'rab.oof',
+              confirmedAt: this.fakeUser.emails[0].confirmedAt,
+              lastConfirmedAt: this.fakeUser.emails[0].lastConfirmedAt,
+              default: false,
+              emailHasInstitutionLicence: false,
+              samlProviderId: 'saml_id',
+              samlIdentifier: fakeSamlIdentifiers[0],
+            },
+            {
+              email: 'email2@foo.bar',
+              reversedHostname: 'rab.oof',
+              emailHasInstitutionLicence: false,
+              default: true,
+              lastConfirmedAt: null,
+            },
+          ])
+          done()
+        }
+      )
+    })
+
+    it('should get user when it has no emails field', function (done) {
+      this.fakeUser = {
+        _id: '12390i',
+        email: 'email2@foo.bar',
+      }
+      this.UserGetter.promises.getUser = sinon.stub().resolves(this.fakeUser)
+      const projection = { email: 1, emails: 1, samlIdentifiers: 1 }
+      this.UserGetter.getUserFullEmails(
+        this.fakeUser._id,
+        (error, fullEmails) => {
+          expect(error).to.not.exist
+          this.UserGetter.promises.getUser.called.should.equal(true)
+          this.UserGetter.promises.getUser
+            .calledWith(this.fakeUser._id, projection)
+            .should.equal(true)
+          assert.deepEqual(fullEmails, [])
+          done()
+        }
+      )
+    })
+
+    describe('affiliation reconfirmation', function () {
+      const institutionNonSSO = {
+        id: 1,
+        name: 'University Name',
+        commonsAccount: true,
+        isUniversity: true,
+        confirmed: true,
+        ssoBeta: false,
+        ssoEnabled: false,
+        maxConfirmationMonths: 12,
+      }
+      const institutionSSO = {
+        id: 2,
+        name: 'SSO University Name',
+        isUniversity: true,
+        confirmed: true,
+        ssoBeta: false,
+        ssoEnabled: true,
+        maxConfirmationMonths: 12,
+      }
+      describe('non-SSO institutions', function () {
+        const email1 = 'leonard@example-affiliation.com'
+        const email2 = 'mccoy@example-affiliation.com'
+        const affiliationsData = [
+          {
+            email: email1,
+            role: 'Prof',
+            department: 'Medicine',
+            inferred: false,
+            licence: 'pro_plus',
+            institution: institutionNonSSO,
+          },
+          {
+            email: email2,
+            role: 'Prof',
+            department: 'Medicine',
+            inferred: false,
+            licence: 'pro_plus',
+            institution: institutionNonSSO,
+          },
+        ]
+        it('should flag inReconfirmNotificationPeriod for all affiliations in period', function (done) {
+          const { maxConfirmationMonths } = institutionNonSSO
+          const confirmed1 = moment()
+            .subtract(maxConfirmationMonths + 2, 'months')
+            .toDate()
+          const lastDayToReconfirm1 = moment(confirmed1)
+            .add(maxConfirmationMonths, 'months')
+            .toDate()
+          const confirmed2 = moment()
+            .subtract(maxConfirmationMonths + 1, 'months')
+            .toDate()
+          const lastDayToReconfirm2 = moment(confirmed2)
+            .add(maxConfirmationMonths, 'months')
+            .toDate()
+          const user = {
+            _id: '12390i',
+            email: email1,
+            emails: [
+              {
+                email: email1,
+                reversedHostname: 'moc.noitailiffa-elpmaxe',
+                confirmedAt: confirmed1,
+                default: true,
+              },
+              {
+                email: email2,
+                reversedHostname: 'moc.noitailiffa-elpmaxe',
+                confirmedAt: confirmed2,
+              },
+            ],
+          }
+          const affiliations = [...affiliationsData]
+          affiliations[0].last_day_to_reconfirm = lastDayToReconfirm1
+          affiliations[1].last_day_to_reconfirm = lastDayToReconfirm2
+          this.getUserAffiliations.resolves(affiliations)
+          this.UserGetter.promises.getUser = sinon.stub().resolves(user)
+          this.UserGetter.getUserFullEmails(
+            this.fakeUser._id,
+            (error, fullEmails) => {
+              expect(error).to.not.exist
+              expect(
+                fullEmails[0].affiliation.inReconfirmNotificationPeriod
+              ).to.equal(true)
+              expect(
+                fullEmails[1].affiliation.inReconfirmNotificationPeriod
+              ).to.equal(true)
+              done()
+            }
+          )
+        })
+        it('should not flag affiliations outside of notification period', function (done) {
+          const { maxConfirmationMonths } = institutionNonSSO
+          const confirmed1 = new Date()
+          const lastDayToReconfirm1 = moment(confirmed1)
+            .add(maxConfirmationMonths, 'months')
+            .toDate()
+          const confirmed2 = moment()
+            .subtract(maxConfirmationMonths, 'months')
+            .add(30, 'days')
+            .toDate() // expires in 30 days and reconfirmNotificationDays is set to 14
+          const lastDayToReconfirm2 = moment(confirmed2)
+            .add(maxConfirmationMonths, 'months')
+            .toDate()
+          const user = {
+            _id: '12390i',
+            email: email1,
+            emails: [
+              {
+                email: email1,
+                reversedHostname: 'moc.noitailiffa-elpmaxe',
+                confirmedAt: confirmed1,
+                default: true,
+              },
+              {
+                email: email2,
+                reversedHostname: 'moc.noitailiffa-elpmaxe',
+                confirmedAt: confirmed2,
+              },
+            ],
+          }
+          const affiliations = [...affiliationsData]
+          affiliations[0].last_day_to_reconfirm = lastDayToReconfirm1
+          affiliations[1].last_day_to_reconfirm = lastDayToReconfirm2
+          this.getUserAffiliations.resolves(affiliations)
+          this.UserGetter.promises.getUser = sinon.stub().resolves(user)
+          this.UserGetter.getUserFullEmails(
+            this.fakeUser._id,
+            (error, fullEmails) => {
+              expect(error).to.not.exist
+              expect(
+                fullEmails[0].affiliation.inReconfirmNotificationPeriod
+              ).to.equal(false)
+              expect(
+                fullEmails[1].affiliation.inReconfirmNotificationPeriod
+              ).to.equal(false)
+              done()
+            }
+          )
+        })
+      })
+
+      describe('SSO institutions', function () {
+        it('should flag only linked email, if in notification period', function (done) {
+          const { maxConfirmationMonths } = institutionSSO
+          const email1 = 'email1@sso.bar'
+          const email2 = 'email2@sso.bar'
+          const email3 = 'email3@sso.bar'
+          const reconfirmedAt = new Date('2019-09-24')
+          const lastDayToReconfirm = moment(reconfirmedAt)
+            .add(maxConfirmationMonths, 'months')
+            .toDate()
+          const user = {
+            _id: '12390i',
+            email: email1,
+            emails: [
+              {
+                email: email1,
+                reversedHostname: 'rab.oss',
+                confirmedAt: new Date('2019-09-24'),
+                reconfirmedAt,
+                default: true,
+              },
+              {
+                email: email2,
+                reversedHostname: 'rab.oss',
+                confirmedAt: new Date('2019-09-24'),
+                reconfirmedAt,
+                samlProviderId: institutionSSO.id,
+              },
+              {
+                email: email3,
+                reversedHostname: 'rab.oss',
+                confirmedAt: new Date('2019-09-24'),
+                reconfirmedAt,
+              },
+            ],
+            samlIdentifiers: [
+              {
+                providerId: institutionSSO.id,
+                externalUserId: 'abc123',
+              },
+            ],
+          }
+          const affiliations = [
+            {
+              email: email1,
+              role: 'Prof',
+              department: 'Maths!',
+              inferred: false,
+              licence: 'pro_plus',
+              institution: institutionSSO,
+              last_day_to_reconfirm: lastDayToReconfirm,
+            },
+            {
+              email: email2,
+              role: 'Prof',
+              department: 'Maths',
+              inferred: false,
+              licence: 'pro_plus',
+              institution: institutionSSO,
+              last_day_to_reconfirm: lastDayToReconfirm,
+            },
+            {
+              email: email3,
+              role: 'Prof',
+              department: 'Maths',
+              inferred: false,
+              licence: 'pro_plus',
+              institution: institutionSSO,
+              last_day_to_reconfirm: lastDayToReconfirm,
+            },
+          ]
+          this.getUserAffiliations.resolves(affiliations)
+          this.UserGetter.promises.getUser = sinon.stub().resolves(user)
+          this.UserGetter.getUserFullEmails(
+            this.fakeUser._id,
+            (error, fullEmails) => {
+              expect(error).to.not.exist
+              expect(
+                fullEmails[0].affiliation.inReconfirmNotificationPeriod
+              ).to.equal(false)
+              expect(
+                fullEmails[1].affiliation.inReconfirmNotificationPeriod
+              ).to.equal(true)
+              expect(
+                fullEmails[2].affiliation.inReconfirmNotificationPeriod
+              ).to.equal(false)
+              done()
+            }
+          )
+        })
+      })
+
+      describe('multiple institution affiliations', function () {
+        it('should flag each institution', function (done) {
+          const { maxConfirmationMonths } = institutionSSO
+          const email1 = 'email1@sso.bar'
+          const email2 = 'email2@sso.bar'
+          const email3 = 'email3@foo.bar'
+          const email4 = 'email4@foo.bar'
+          const confirmed1 = new Date('2019-09-24T20:25:08.503Z')
+          const lastDayToReconfirm1 = moment(confirmed1)
+            .add(maxConfirmationMonths, 'months')
+            .toDate()
+          const confirmed2 = new Date('2019-10-24T20:25:08.503Z')
+          const lastDayToReconfirm2 = moment(confirmed2)
+            .add(maxConfirmationMonths, 'months')
+            .toDate()
+
+          const affiliationsData = [
+            {
+              email: email1,
+              role: 'Prof',
+              department: 'Maths',
+              inferred: false,
+              licence: 'pro_plus',
+              institution: institutionSSO,
+              last_day_to_reconfirm: lastDayToReconfirm1,
+            },
+            {
+              email: email2,
+              role: 'Prof',
+              department: 'Maths',
+              inferred: false,
+              licence: 'pro_plus',
+              institution: institutionSSO,
+              last_day_to_reconfirm: lastDayToReconfirm1,
+            },
+            {
+              email: email3,
+              role: 'Prof',
+              department: 'Maths',
+              inferred: false,
+              licence: 'pro_plus',
+              institution: institutionNonSSO,
+              last_day_to_reconfirm: lastDayToReconfirm2,
+            },
+            {
+              email: email4,
+              role: 'Prof',
+              department: 'Maths',
+              inferred: false,
+              licence: 'pro_plus',
+              institution: institutionNonSSO,
+              last_day_to_reconfirm: lastDayToReconfirm1,
+            },
+          ]
+          const user = {
+            _id: '12390i',
+            email: email1,
+            emails: [
+              {
+                email: email1,
+                reversedHostname: 'rab.oss',
+                confirmedAt: confirmed1,
+                default: true,
+              },
+              {
+                email: email2,
+                reversedHostname: 'rab.oss',
+                confirmedAt: confirmed1,
+                samlProviderId: institutionSSO.id,
+              },
+              {
+                email: email3,
+                reversedHostname: 'rab.oof',
+                confirmedAt: confirmed2,
+              },
+              {
+                email: email4,
+                reversedHostname: 'rab.oof',
+                confirmedAt: confirmed1,
+              },
+            ],
+            samlIdentifiers: [
+              {
+                providerId: institutionSSO.id,
+                externalUserId: 'abc123',
+              },
+            ],
+          }
+
+          this.getUserAffiliations.resolves(affiliationsData)
+          this.UserGetter.promises.getUser = sinon.stub().resolves(user)
+          this.UserGetter.getUserFullEmails(
+            this.fakeUser._id,
+            (error, fullEmails) => {
+              expect(error).to.not.exist
+              expect(
+                fullEmails[0].affiliation.inReconfirmNotificationPeriod
+              ).to.to.equal(false)
+              expect(
+                fullEmails[1].affiliation.inReconfirmNotificationPeriod
+              ).to.equal(true)
+              expect(
+                fullEmails[2].affiliation.inReconfirmNotificationPeriod
+              ).to.equal(true)
+              expect(
+                fullEmails[3].affiliation.inReconfirmNotificationPeriod
+              ).to.equal(true)
+              done()
+            }
+          )
+        })
+      })
+
+      describe('reconfirmedAt', function () {
+        it('only use confirmedAt when no reconfirmedAt', function (done) {
+          const { maxConfirmationMonths } = institutionSSO
+          const email1 = 'email1@foo.bar'
+          const reconfirmed1 = moment().subtract(
+            maxConfirmationMonths * 3,
+            'months'
+          )
+          const lastDayToReconfirm1 = moment(reconfirmed1)
+            .add(maxConfirmationMonths, 'months')
+            .toDate()
+          const email2 = 'email2@foo.bar'
+          const reconfirmed2 = moment().subtract(
+            maxConfirmationMonths * 2,
+            'months'
+          )
+          const lastDayToReconfirm2 = moment(reconfirmed2)
+            .add(maxConfirmationMonths, 'months')
+            .toDate()
+          const email3 = 'email3@foo.bar'
+          const reconfirmed3 = moment().subtract(
+            maxConfirmationMonths * 4,
+            'months'
+          )
+          const lastDayToReconfirm3 = moment(reconfirmed3)
+            .add(maxConfirmationMonths, 'months')
+            .toDate()
+
+          const affiliationsData = [
+            {
+              email: email1,
+              role: 'Prof',
+              department: 'Maths',
+              inferred: false,
+              licence: 'pro_plus',
+              institution: institutionNonSSO,
+              last_day_to_reconfirm: lastDayToReconfirm1,
+            },
+            {
+              email: email2,
+              role: 'Prof',
+              department: 'Maths',
+              inferred: false,
+              licence: 'pro_plus',
+              institution: institutionNonSSO,
+              last_day_to_reconfirm: lastDayToReconfirm2,
+            },
+            {
+              email: email3,
+              role: 'Prof',
+              department: 'Maths',
+              inferred: false,
+              licence: 'pro_plus',
+              institution: institutionNonSSO,
+              last_day_to_reconfirm: lastDayToReconfirm3,
+            },
+          ]
+          const user = {
+            _id: '12390i',
+            email: email1,
+            emails: [
+              {
+                email: email1,
+                reversedHostname: 'rab.oof',
+                confirmedAt: moment().subtract(
+                  institutionSSO.maxConfirmationMonths * 2,
+                  'months'
+                ),
+                reconfirmedAt: reconfirmed1,
+                default: true,
+              },
+              {
+                email: email2,
+                reversedHostname: 'rab.oof',
+                confirmedAt: moment().subtract(
+                  institutionSSO.maxConfirmationMonths * 3,
+                  'months'
+                ),
+                reconfirmedAt: reconfirmed2,
+              },
+              {
+                email: email3,
+                reversedHostname: 'rab.oof',
+                confirmedAt: moment().subtract(
+                  institutionSSO.maxConfirmationMonths * 4,
+                  'months'
+                ),
+                reconfirmedAt: reconfirmed3,
+              },
+            ],
+          }
+          this.getUserAffiliations.resolves(affiliationsData)
+          this.UserGetter.promises.getUser = sinon.stub().resolves(user)
+          this.UserGetter.getUserFullEmails(
+            this.fakeUser._id,
+            (error, fullEmails) => {
+              expect(error).to.not.exist
+              expect(
+                fullEmails[0].affiliation.inReconfirmNotificationPeriod
+              ).to.equal(true)
+              expect(
+                fullEmails[1].affiliation.inReconfirmNotificationPeriod
+              ).to.equal(true)
+              expect(
+                fullEmails[2].affiliation.inReconfirmNotificationPeriod
+              ).to.equal(true)
+              done()
+            }
+          )
+        })
+      })
+
+      describe('before reconfirmation period expires and within reconfirmation notification period', function () {
+        const email = 'leonard@example-affiliation.com'
+        it('should flag the email', function (done) {
+          const { maxConfirmationMonths } = institutionNonSSO
+          const confirmedAt = moment()
+            .subtract(maxConfirmationMonths, 'months')
+            .subtract(14, 'days')
+            .toDate() // expires in 14 days
+          const affiliationsData = [
+            {
+              email,
+              role: 'Prof',
+              department: 'Medicine',
+              inferred: false,
+              licence: 'pro_plus',
+              institution: institutionNonSSO,
+              last_day_to_reconfirm: moment(confirmedAt)
+                .add(maxConfirmationMonths, 'months')
+                .toDate(),
+            },
+          ]
+          const user = {
+            _id: '12390i',
+            email,
+            emails: [
+              {
+                email,
+                confirmedAt,
+                default: true,
+              },
+            ],
+          }
+          this.getUserAffiliations.resolves(affiliationsData)
+          this.UserGetter.promises.getUser = sinon.stub().resolves(user)
+          this.UserGetter.getUserFullEmails(
+            this.fakeUser._id,
+            (error, fullEmails) => {
+              expect(error).to.not.exist
+              expect(
+                fullEmails[0].affiliation.inReconfirmNotificationPeriod
+              ).to.equal(true)
+              done()
+            }
+          )
+        })
+      })
+
+      describe('when no Settings.reconfirmNotificationDays', function () {
+        it('should always return inReconfirmNotificationPeriod:false', function (done) {
+          const email1 = 'email1@sso.bar'
+          const email2 = 'email2@foo.bar'
+          const email3 = 'email3@foo.bar'
+          const confirmedAtAboutToExpire = moment()
+            .subtract(institutionNonSSO.maxConfirmationMonths, 'months')
+            .subtract(14, 'days')
+            .toDate() // expires in 14 days
+
+          const affiliationsData = [
+            {
+              email: email1,
+              institution: institutionSSO,
+            },
+            {
+              email: email2,
+              institution: institutionNonSSO,
+            },
+            {
+              email: email3,
+              institution: institutionNonSSO,
+            },
+          ]
+          const user = {
+            _id: '12390i',
+            email: email1,
+            emails: [
+              {
+                email: email1,
+                confirmedAt: confirmedAtAboutToExpire,
+                default: true,
+                samlProviderId: institutionSSO.id,
+              },
+              {
+                email: email2,
+                confirmedAt: new Date('2019-09-24T20:25:08.503Z'),
+              },
+              {
+                email: email3,
+                confirmedAt: new Date('2019-10-24T20:25:08.503Z'),
+              },
+            ],
+            samlIdentifiers: [
+              {
+                providerId: institutionSSO.id,
+                externalUserId: 'abc123',
+              },
+            ],
+          }
+          this.settings.reconfirmNotificationDays = undefined
+          this.getUserAffiliations.resolves(affiliationsData)
+          this.UserGetter.promises.getUser = sinon.stub().resolves(user)
+          this.UserGetter.getUserFullEmails(
+            this.fakeUser._id,
+            (error, fullEmails) => {
+              expect(error).to.not.exist
+              expect(
+                fullEmails[0].affiliation.inReconfirmNotificationPeriod
+              ).to.to.equal(false)
+              expect(
+                fullEmails[1].affiliation.inReconfirmNotificationPeriod
+              ).to.equal(false)
+              expect(
+                fullEmails[2].affiliation.inReconfirmNotificationPeriod
+              ).to.equal(false)
+              done()
+            }
+          )
+        })
+      })
+
+      it('should flag to show notification if v1 shows as past reconfirmation but v2 does not', function (done) {
+        const email = 'abc123@test.com'
+        const confirmedAt = new Date()
+        const affiliationsData = [
+          {
+            email,
+            licence: 'free',
+            institution: institutionNonSSO,
+            last_day_to_reconfirm: '2020-07-11T18:25:01.639Z',
+            past_reconfirm_date: true,
+          },
+        ]
+        const user = {
+          _id: '12390i',
+          email,
+          emails: [
+            {
+              email,
+              confirmedAt,
+              default: true,
+            },
+          ],
+        }
+        this.getUserAffiliations.resolves(affiliationsData)
+        this.UserGetter.promises.getUser = sinon.stub().resolves(user)
+        this.UserGetter.getUserFullEmails(
+          this.fakeUser._id,
+          (error, fullEmails) => {
+            expect(error).to.not.exist
+            expect(
+              fullEmails[0].affiliation.inReconfirmNotificationPeriod
+            ).to.equal(true)
+            done()
+          }
+        )
+      })
+
+      it('should flag to show notification if v1 shows as reconfirmation upcoming but v2 does not', function (done) {
+        const email = 'abc123@test.com'
+        const { maxConfirmationMonths } = institutionNonSSO
+        const affiliationsData = [
+          {
+            email,
+            licence: 'free',
+            institution: institutionNonSSO,
+            last_day_to_reconfirm: moment()
+              .subtract(maxConfirmationMonths, 'months')
+              .add(3, 'day')
+              .toDate(),
+          },
+        ]
+        const user = {
+          _id: '12390i',
+          email,
+          emails: [
+            {
+              email,
+              confirmedAt: new Date(),
+              default: true,
+            },
+          ],
+        }
+        this.getUserAffiliations.resolves(affiliationsData)
+        this.UserGetter.promises.getUser = sinon.stub().resolves(user)
+        this.UserGetter.getUserFullEmails(
+          this.fakeUser._id,
+          (error, fullEmails) => {
+            expect(error).to.not.exist
+            expect(
+              fullEmails[0].affiliation.inReconfirmNotificationPeriod
+            ).to.equal(true)
+            done()
+          }
+        )
+      })
+
+      it('should flag to show notification if v2 shows as reconfirmation upcoming but v1 does not', function (done) {
+        const email = 'abc123@test.com'
+        const { maxConfirmationMonths } = institutionNonSSO
+
+        const datePastReconfirmation = moment()
+          .subtract(maxConfirmationMonths, 'months')
+          .add(3, 'day')
+          .toDate()
+
+        const dateNotPastReconfirmation = moment().add(1, 'month').toDate()
+
+        const affiliationsData = [
+          {
+            email,
+            licence: 'free',
+            institution: institutionNonSSO,
+            last_day_to_reconfirm: dateNotPastReconfirmation,
+          },
+        ]
+        const user = {
+          _id: '12390i',
+          email,
+          emails: [
+            {
+              email,
+              confirmedAt: datePastReconfirmation,
+              default: true,
+            },
+          ],
+        }
+        this.getUserAffiliations.resolves(affiliationsData)
+        this.UserGetter.promises.getUser = sinon.stub().resolves(user)
+        this.UserGetter.getUserFullEmails(
+          this.fakeUser._id,
+          (error, fullEmails) => {
+            expect(error).to.not.exist
+            expect(
+              fullEmails[0].affiliation.inReconfirmNotificationPeriod
+            ).to.equal(true)
+            done()
+          }
+        )
+      })
+
+      describe('cachedLastDayToReconfirm', function () {
+        const email = 'abc123@test.com'
+        const confirmedAt = new Date('2019-07-11T18:25:01.639Z')
+        const lastDay = '2020-07-11T18:25:01.639Z'
+        const affiliationsData = [
+          {
+            email,
+            licence: 'professional',
+            institution: institutionSSO,
+            last_day_to_reconfirm: lastDay,
+            past_reconfirm_date: true,
+          },
+        ]
+        const user = {
+          _id: '12390i',
+          email,
+          emails: [
+            {
+              email,
+              confirmedAt,
+              default: true,
+            },
+          ],
+        }
+
+        it('should set cachedLastDayToReconfirm for SSO institutions if email is linked to SSO', async function () {
+          const userLinked = Object.assign({}, user)
+          userLinked.emails[0].samlProviderId = institutionSSO.id.toString()
+          this.getUserAffiliations.resolves(affiliationsData)
+          this.UserGetter.promises.getUser = sinon.stub().resolves(userLinked)
+          const fullEmails = await this.UserGetter.promises.getUserFullEmails(
+            this.fakeUser._id
+          )
+          expect(fullEmails[0].affiliation.cachedLastDayToReconfirm).to.equal(
+            lastDay
+          )
+        })
+
+        it('should NOT set cachedLastDayToReconfirm for SSO institutions if email is NOT linked to SSO', async function () {
+          this.getUserAffiliations.resolves(affiliationsData)
+          this.UserGetter.promises.getUser = sinon.stub().resolves(user)
+          const fullEmails = await this.UserGetter.promises.getUserFullEmails(
+            this.fakeUser._id
+          )
+          expect(fullEmails[0].affiliation.cachedLastDayToReconfirm).to.equal(
+            lastDay
+          )
+        })
+
+        it('should set cachedLastDayToReconfirm for non-SSO institutions', async function () {
+          this.getUserAffiliations.resolves(affiliationsData)
+          this.UserGetter.promises.getUser = sinon.stub().resolves(user)
+          const fullEmails = await this.UserGetter.promises.getUserFullEmails(
+            this.fakeUser._id
+          )
+          expect(fullEmails[0].affiliation.cachedLastDayToReconfirm).to.equal(
+            lastDay
+          )
+        })
+      })
+    })
+  })
+
+  describe('getUserConfirmedEmails', function () {
+    beforeEach(function () {
+      this.fakeUser = {
+        emails: [
+          {
+            email: 'email1@foo.bar',
+            reversedHostname: 'rab.oof',
+            confirmedAt: new Date(),
+          },
+          { email: 'email2@foo.bar', reversedHostname: 'rab.oof' },
+          {
+            email: 'email3@foo.bar',
+            reversedHostname: 'rab.oof',
+            confirmedAt: new Date(),
+          },
+        ],
+      }
+      this.UserGetter.promises.getUser = sinon.stub().resolves(this.fakeUser)
+    })
+
+    it('should get user', async function () {
+      const projection = { emails: 1 }
+      await this.UserGetter.promises.getUserConfirmedEmails(this.fakeUser._id)
+
+      this.UserGetter.promises.getUser
+        .calledWith(this.fakeUser._id, projection)
+        .should.equal(true)
+    })
+
+    it('should return only confirmed emails', async function () {
+      const confirmedEmails =
+        await this.UserGetter.promises.getUserConfirmedEmails(this.fakeUser._id)
+
+      expect(confirmedEmails.length).to.equal(2)
+      expect(confirmedEmails[0].email).to.equal('email1@foo.bar')
+      expect(confirmedEmails[1].email).to.equal('email3@foo.bar')
+    })
+  })
+
+  describe('getUserbyMainEmail', function () {
+    it('query user by main email', function (done) {
+      const email = 'hello@world.com'
+      const projection = { emails: 1 }
+      this.UserGetter.getUserByMainEmail(email, projection, (error, user) => {
+        expect(error).to.not.exist
+        this.findOne.called.should.equal(true)
+        this.findOne.calledWith({ email }, { projection }).should.equal(true)
+        done()
+      })
+    })
+
+    it('return user if found', function (done) {
+      const email = 'hello@world.com'
+      this.UserGetter.getUserByMainEmail(email, (error, user) => {
+        expect(error).to.not.exist
+        user.should.deep.equal(this.fakeUser)
+        done()
+      })
+    })
+
+    it('trim email', function (done) {
+      const email = 'hello@world.com'
+      this.UserGetter.getUserByMainEmail(` ${email} `, (error, user) => {
+        expect(error).to.not.exist
+        this.findOne.called.should.equal(true)
+        this.findOne.calledWith({ email }).should.equal(true)
+        done()
+      })
+    })
+  })
+
+  describe('getUserByAnyEmail', function () {
+    it('query user for any email', function (done) {
+      const email = 'hello@world.com'
+      const expectedQuery = {
+        emails: { $exists: true },
+        'emails.email': email,
+      }
+      const projection = { emails: 1 }
+      this.UserGetter.getUserByAnyEmail(
+        ` ${email} `,
+        projection,
+        (error, user) => {
+          expect(error).to.not.exist
+          this.findOne
+            .calledWith(expectedQuery, { projection })
+            .should.equal(true)
+          user.should.deep.equal(this.fakeUser)
+          done()
+        }
+      )
+    })
+
+    it('query contains $exists:true so partial index is used', function (done) {
+      const expectedQuery = {
+        emails: { $exists: true },
+        'emails.email': '',
+      }
+      this.UserGetter.getUserByAnyEmail('', {}, (error, user) => {
+        expect(error).to.not.exist
+        this.findOne
+          .calledWith(expectedQuery, { projection: {} })
+          .should.equal(true)
+        done()
+      })
+    })
+
+    it('checks main email as well', function (done) {
+      this.findOne.callsArgWith(2, null, null)
+      const email = 'hello@world.com'
+      const projection = { emails: 1 }
+      this.UserGetter.getUserByAnyEmail(
+        ` ${email} `,
+        projection,
+        (error, user) => {
+          expect(error).to.not.exist
+          this.findOne.calledTwice.should.equal(true)
+          this.findOne.calledWith({ email }, { projection }).should.equal(true)
+          done()
+        }
+      )
+    })
+  })
+
+  describe('getUsersByHostname', function () {
+    it('should find user by hostname', function (done) {
+      const hostname = 'bar.foo'
+      const expectedQuery = {
+        emails: { $exists: true },
+        'emails.reversedHostname': hostname.split('').reverse().join(''),
+      }
+      const projection = { emails: 1 }
+      this.UserGetter.getUsersByHostname(
+        hostname,
+        projection,
+        (error, users) => {
+          expect(error).to.not.exist
+          this.find.calledOnce.should.equal(true)
+          this.find.calledWith(expectedQuery, { projection }).should.equal(true)
+          done()
+        }
+      )
+    })
+  })
+
+  describe('getUsersByAnyConfirmedEmail', function () {
+    it('should find users by confirmed email', function (done) {
+      const emails = ['confirmed@example.com']
+
+      this.UserGetter.getUsersByAnyConfirmedEmail(emails, (error, users) => {
+        expect(error).to.not.exist
+        expect(this.find).to.be.calledOnceWith(
+          {
+            'emails.email': { $in: emails }, // use the index on emails.email
+            emails: {
+              $exists: true,
+              $elemMatch: {
+                email: { $in: emails },
+                confirmedAt: { $exists: true },
+              },
+            },
+          },
+          { projection: {} }
+        )
+        done()
+      })
+    })
+  })
+
+  describe('getUsersByV1Id', function () {
+    it('should find users by list of v1 ids', function (done) {
+      const v1Ids = [501]
+      const expectedQuery = {
+        'overleaf.id': { $in: v1Ids },
+      }
+      const projection = { emails: 1 }
+      this.UserGetter.getUsersByV1Ids(v1Ids, projection, (error, users) => {
+        expect(error).to.not.exist
+        this.find.calledOnce.should.equal(true)
+        this.find.calledWith(expectedQuery, { projection }).should.equal(true)
+        done()
+      })
+    })
+  })
+
+  describe('ensureUniqueEmailAddress', function () {
+    beforeEach(function () {
+      this.UserGetter.getUserByAnyEmail = sinon.stub()
+    })
+
+    it('should return error if existing user is found', function (done) {
+      this.UserGetter.getUserByAnyEmail.callsArgWith(1, null, this.fakeUser)
+      this.UserGetter.ensureUniqueEmailAddress(this.newEmail, err => {
+        expect(err).to.exist
+        expect(err).to.be.an.instanceof(Errors.EmailExistsError)
+        done()
+      })
+    })
+
+    it('should return null if no user is found', function (done) {
+      this.UserGetter.getUserByAnyEmail.callsArgWith(1)
+      this.UserGetter.ensureUniqueEmailAddress(this.newEmail, err => {
+        expect(err).not.to.exist
+        done()
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/User/UserHandlerTests.js b/services/web/test/unit/src/User/UserHandlerTests.js
new file mode 100644
index 0000000..e990cca
--- /dev/null
+++ b/services/web/test/unit/src/User/UserHandlerTests.js
@@ -0,0 +1,49 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../../app/src/Features/User/UserHandler.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('UserHandler', function () {
+  beforeEach(function () {
+    this.user = {
+      _id: '12390i',
+      email: 'bob@bob.com',
+      remove: sinon.stub().callsArgWith(0),
+    }
+
+    this.TeamInvitesHandler = {
+      createTeamInvitesForLegacyInvitedEmail: sinon.stub().yields(),
+    }
+
+    this.db = {
+      users: {
+        countDocuments: sinon.stub().resolves(2),
+      },
+    }
+
+    this.UserHandler = SandboxedModule.require(modulePath, {
+      requires: {
+        '../Subscription/TeamInvitesHandler': this.TeamInvitesHandler,
+        '../../infrastructure/mongodb': { db: this.db },
+      },
+    })
+  })
+
+  describe('populateTeamInvites', function () {
+    beforeEach(function (done) {
+      this.UserHandler.populateTeamInvites(this.user, done)
+    })
+
+    it('notifies the user about legacy team invites', function () {
+      this.TeamInvitesHandler.createTeamInvitesForLegacyInvitedEmail
+        .calledWith(this.user.email)
+        .should.eq(true)
+    })
+  })
+
+  describe('countActiveUsers', function () {
+    it('return user count from DB lookup', async function () {
+      expect(await this.UserHandler.promises.countActiveUsers()).to.equal(2)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/User/UserInfoControllerTests.js b/services/web/test/unit/src/User/UserInfoControllerTests.js
new file mode 100644
index 0000000..022dbd2
--- /dev/null
+++ b/services/web/test/unit/src/User/UserInfoControllerTests.js
@@ -0,0 +1,151 @@
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../../app/src/Features/User/UserInfoController.js'
+const SandboxedModule = require('sandboxed-module')
+const MockResponse = require('../helpers/MockResponse')
+const MockRequest = require('../helpers/MockRequest')
+const { ObjectId } = require('mongodb-legacy')
+
+describe('UserInfoController', function () {
+  beforeEach(function () {
+    this.UserDeleter = { deleteUser: sinon.stub().callsArgWith(1) }
+    this.UserUpdater = { updatePersonalInfo: sinon.stub() }
+    this.UserGetter = {}
+
+    this.UserInfoController = SandboxedModule.require(modulePath, {
+      requires: {
+        'mongodb-legacy': { ObjectId },
+        './UserGetter': this.UserGetter,
+        './UserUpdater': this.UserUpdater,
+        './UserDeleter': this.UserDeleter,
+        '../Authentication/SessionManager': (this.SessionManager = {
+          getLoggedInUserId: sinon.stub(),
+        }),
+      },
+    })
+
+    this.req = new MockRequest()
+    this.res = new MockResponse()
+    this.next = sinon.stub()
+  })
+
+  describe('getPersonalInfo', function () {
+    describe('when the user exists with mongo id', function () {
+      beforeEach(function () {
+        this.user_id = new ObjectId().toString()
+        this.user = { _id: new ObjectId(this.user_id) }
+        this.req.params = { user_id: this.user_id }
+        this.UserGetter.getUser = sinon.stub().callsArgWith(2, null, this.user)
+        this.UserInfoController.sendFormattedPersonalInfo = sinon.stub()
+        this.UserInfoController.getPersonalInfo(this.req, this.res, this.next)
+      })
+
+      it('should look up the user in the database', function () {
+        this.UserGetter.getUser
+          .calledWith(
+            { _id: new ObjectId(this.user_id) },
+            { _id: true, first_name: true, last_name: true, email: true }
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('when the user exists with overleaf id', function () {
+      beforeEach(function () {
+        this.user_id = 12345
+        this.user = {
+          _id: new ObjectId(),
+          overleaf: {
+            id: this.user_id,
+          },
+        }
+        this.req.params = { user_id: this.user_id.toString() }
+        this.UserGetter.getUser = sinon.stub().callsArgWith(2, null, this.user)
+        this.UserInfoController.getPersonalInfo(this.req, this.res, this.next)
+      })
+
+      it('should look up the user in the database', function () {
+        this.UserGetter.getUser
+          .calledWith(
+            { 'overleaf.id': this.user_id },
+            { _id: true, first_name: true, last_name: true, email: true }
+          )
+          .should.equal(true)
+      })
+    })
+
+    describe('when the user does not exist', function () {
+      beforeEach(function () {
+        this.user_id = new ObjectId().toString()
+        this.req.params = { user_id: this.user_id }
+        this.UserGetter.getUser = sinon.stub().callsArgWith(2, null, null)
+        this.UserInfoController.getPersonalInfo(this.req, this.res, this.next)
+      })
+
+      it('should return 404 to the client', function () {
+        this.res.statusCode.should.equal(404)
+      })
+    })
+
+    describe('when the user id is invalid', function () {
+      beforeEach(function () {
+        this.user_id = 'invalid'
+        this.req.params = { user_id: this.user_id }
+        this.UserGetter.getUser = sinon.stub().callsArgWith(2, null, null)
+        this.UserInfoController.getPersonalInfo(this.req, this.res, this.next)
+      })
+
+      it('should return 400 to the client', function () {
+        this.res.statusCode.should.equal(400)
+      })
+    })
+  })
+
+  describe('sendFormattedPersonalInfo', function () {
+    beforeEach(function () {
+      this.user = {
+        _id: new ObjectId(),
+        first_name: 'Douglas',
+        last_name: 'Adams',
+        email: 'doug@overleaf.com',
+      }
+      this.formattedInfo = {
+        id: this.user._id.toString(),
+        first_name: this.user.first_name,
+        last_name: this.user.last_name,
+        email: this.user.email,
+      }
+      this.UserInfoController.sendFormattedPersonalInfo(this.user, this.res)
+    })
+
+    it('should send the formatted details back to the client', function () {
+      this.res.body.should.equal(JSON.stringify(this.formattedInfo))
+    })
+  })
+
+  describe('formatPersonalInfo', function () {
+    it('should return the correctly formatted data', function () {
+      this.user = {
+        _id: new ObjectId(),
+        first_name: 'Douglas',
+        last_name: 'Adams',
+        email: 'doug@overleaf.com',
+        password: 'should-not-get-included',
+        signUpDate: new Date(),
+        role: 'student',
+        institution: 'sheffield',
+      }
+      expect(
+        this.UserInfoController.formatPersonalInfo(this.user)
+      ).to.deep.equal({
+        id: this.user._id.toString(),
+        first_name: this.user.first_name,
+        last_name: this.user.last_name,
+        email: this.user.email,
+        signUpDate: this.user.signUpDate,
+        role: this.user.role,
+        institution: this.user.institution,
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/User/UserOnboardingEmailManagerTests.js b/services/web/test/unit/src/User/UserOnboardingEmailManagerTests.js
new file mode 100644
index 0000000..3243695
--- /dev/null
+++ b/services/web/test/unit/src/User/UserOnboardingEmailManagerTests.js
@@ -0,0 +1,112 @@
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const sinon = require('sinon')
+const { expect } = require('chai')
+
+const MODULE_PATH = path.join(
+  __dirname,
+  '../../../../app/src/Features/User/UserOnboardingEmailManager'
+)
+
+describe('UserOnboardingEmailManager', function () {
+  beforeEach(function () {
+    this.fakeUserId = '123abc'
+    this.fakeUserEmail = 'frog@overleaf.com'
+    this.onboardingEmailsQueue = {
+      add: sinon.stub().resolves(),
+      process: callback => {
+        this.queueProcessFunction = callback
+      },
+    }
+    this.Queues = {
+      createScheduledJob: sinon.stub().resolves(),
+    }
+    this.UserGetter = {
+      promises: {
+        getUser: sinon.stub().resolves(null),
+      },
+    }
+    this.UserGetter.promises.getUser
+      .withArgs({ _id: this.fakeUserId })
+      .resolves({
+        _id: this.fakeUserId,
+        email: this.fakeUserEmail,
+      })
+    this.EmailHandler = {
+      promises: {
+        sendEmail: sinon.stub().resolves(),
+      },
+    }
+    this.UserUpdater = {
+      promises: {
+        updateUser: sinon.stub().resolves(),
+      },
+    }
+
+    this.UserOnboardingEmailManager = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '../../infrastructure/Queues': this.Queues,
+        '../Email/EmailHandler': this.EmailHandler,
+        './UserGetter': this.UserGetter,
+        './UserUpdater': this.UserUpdater,
+        '@overleaf/settings': (this.Settings = {
+          enableOnboardingEmails: true,
+        }),
+      },
+    })
+  })
+
+  describe('scheduleOnboardingEmail', function () {
+    it('should schedule delayed job on queue', async function () {
+      await this.UserOnboardingEmailManager.scheduleOnboardingEmail({
+        _id: this.fakeUserId,
+      })
+      sinon.assert.calledWith(
+        this.Queues.createScheduledJob,
+        'emails-onboarding',
+        { data: { userId: this.fakeUserId } },
+        24 * 60 * 60 * 1000
+      )
+    })
+  })
+
+  describe('sendOnboardingEmail', function () {
+    describe('when onboarding emails are disabled', function () {
+      beforeEach(function () {
+        this.Settings.enableOnboardingEmails = false
+      })
+      it('should not send onboarding email', async function () {
+        await this.UserOnboardingEmailManager.sendOnboardingEmail(
+          this.fakeUserId
+        )
+        expect(this.EmailHandler.promises.sendEmail).not.to.have.been.called
+        expect(this.UserUpdater.promises.updateUser).not.to.have.been.called
+      })
+    })
+    describe('when onboarding emails are enabled', function () {
+      it('should send onboarding email and update user', async function () {
+        await this.UserOnboardingEmailManager.sendOnboardingEmail(
+          this.fakeUserId
+        )
+        expect(this.EmailHandler.promises.sendEmail).to.have.been.calledWith(
+          'userOnboardingEmail',
+          {
+            to: this.fakeUserEmail,
+          }
+        )
+        expect(this.UserUpdater.promises.updateUser).to.have.been.calledWith(
+          this.fakeUserId,
+          { $set: { onboardingEmailSentAt: sinon.match.date } }
+        )
+      })
+
+      it('should stop if user is not found', async function () {
+        await this.UserOnboardingEmailManager.sendOnboardingEmail({
+          data: { userId: 'deleted-user' },
+        })
+        expect(this.EmailHandler.promises.sendEmail).not.to.have.been.called
+        expect(this.UserUpdater.promises.updateUser).not.to.have.been.called
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/User/UserPagesControllerTests.mjs b/services/web/test/unit/src/User/UserPagesControllerTests.mjs
new file mode 100644
index 0000000..6b19ef0
--- /dev/null
+++ b/services/web/test/unit/src/User/UserPagesControllerTests.mjs
@@ -0,0 +1,453 @@
+import esmock from 'esmock'
+import assert from 'assert'
+import sinon from 'sinon'
+import { expect } from 'chai'
+import MockResponse from '../helpers/MockResponse.js'
+import MockRequest from '../helpers/MockRequest.js'
+
+const modulePath = new URL(
+  '../../../../app/src/Features/User/UserPagesController',
+  import.meta.url
+).pathname
+
+describe('UserPagesController', function () {
+  beforeEach(async function () {
+    this.settings = {
+      apis: {
+        v1: {
+          url: 'some.host',
+          user: 'one',
+          pass: 'two',
+        },
+      },
+    }
+    this.user = {
+      _id: (this.user_id = 'kwjewkl'),
+      features: {},
+      email: 'joe@example.com',
+      ip_address: '1.1.1.1',
+      session_created: 'timestamp',
+      thirdPartyIdentifiers: [
+        {
+          providerId: 'google',
+          externalUserId: 'testId',
+        },
+      ],
+      refProviders: {
+        mendeley: { encrypted: 'aaaa' },
+        zotero: { encrypted: 'bbbb' },
+        papers: { encrypted: 'cccc' },
+      },
+    }
+    this.adminEmail = 'group-admin-email@overleaf.com'
+    this.subscriptionViewModel = {
+      memberGroupSubscriptions: [],
+    }
+
+    this.UserGetter = {
+      getUser: sinon.stub(),
+      promises: { getUser: sinon.stub() },
+    }
+    this.UserSessionsManager = { getAllUserSessions: sinon.stub() }
+    this.dropboxStatus = {}
+    this.ErrorController = { notFound: sinon.stub() }
+    this.SessionManager = {
+      getLoggedInUserId: sinon.stub().returns(this.user._id),
+      getSessionUser: sinon.stub().returns(this.user),
+    }
+    this.NewsletterManager = {
+      subscribed: sinon.stub().yields(),
+    }
+    this.AuthenticationController = {
+      getRedirectFromSession: sinon.stub(),
+      setRedirectInSession: sinon.stub(),
+    }
+    this.Features = {
+      hasFeature: sinon.stub().returns(false),
+    }
+    this.PersonalAccessTokenManager = {
+      listTokens: sinon.stub().returns([]),
+    }
+    this.SubscriptionLocator = {
+      promises: {
+        getAdminEmail: sinon.stub().returns(this.adminEmail),
+        getMemberSubscriptions: sinon.stub().resolves(),
+      },
+    }
+    this.SplitTestHandler = {
+      promises: {
+        getAssignment: sinon.stub().returns('default'),
+      },
+    }
+    this.Modules = {
+      promises: {
+        hooks: {
+          fire: sinon.stub().resolves(),
+        },
+      },
+    }
+    this.UserPagesController = await esmock.strict(modulePath, {
+      '@overleaf/settings': this.settings,
+      '../../../../app/src/Features/User/UserGetter': this.UserGetter,
+      '../../../../app/src/Features/User/UserSessionsManager':
+        this.UserSessionsManager,
+      '../../../../app/src/Features/Newsletter/NewsletterManager':
+        this.NewsletterManager,
+      '../../../../app/src/Features/Errors/ErrorController':
+        this.ErrorController,
+      '../../../../app/src/Features/Authentication/AuthenticationController':
+        this.AuthenticationController,
+      '../../../../app/src/Features/Subscription/SubscriptionLocator':
+        this.SubscriptionLocator,
+      '../../../../app/src/infrastructure/Features': this.Features,
+      '../../../../modules/oauth2-server/app/src/OAuthPersonalAccessTokenManager':
+        this.PersonalAccessTokenManager,
+      '../../../../app/src/Features/Authentication/SessionManager':
+        this.SessionManager,
+      '../../../../app/src/Features/SplitTests/SplitTestHandler':
+        this.SplitTestHandler,
+      '../../../../app/src/infrastructure/Modules': this.Modules,
+      request: (this.request = sinon.stub()),
+    })
+    this.req = new MockRequest()
+    this.req.session.user = this.user
+    this.res = new MockResponse()
+  })
+
+  describe('registerPage', function () {
+    it('should render the register page', function (done) {
+      this.res.callback = () => {
+        this.res.renderedTemplate.should.equal('user/register')
+        done()
+      }
+      this.UserPagesController.registerPage(this.req, this.res, done)
+    })
+
+    it('should set sharedProjectData', function (done) {
+      this.req.session.sharedProjectData = {
+        project_name: 'myProject',
+        user_first_name: 'user_first_name_here',
+      }
+
+      this.res.callback = () => {
+        this.res.renderedVariables.sharedProjectData.project_name.should.equal(
+          'myProject'
+        )
+        this.res.renderedVariables.sharedProjectData.user_first_name.should.equal(
+          'user_first_name_here'
+        )
+        done()
+      }
+      this.UserPagesController.registerPage(this.req, this.res, done)
+    })
+
+    it('should set newTemplateData', function (done) {
+      this.req.session.templateData = { templateName: 'templateName' }
+
+      this.res.callback = () => {
+        this.res.renderedVariables.newTemplateData.templateName.should.equal(
+          'templateName'
+        )
+        done()
+      }
+      this.UserPagesController.registerPage(this.req, this.res, done)
+    })
+
+    it('should not set the newTemplateData if there is nothing in the session', function (done) {
+      this.res.callback = () => {
+        assert.equal(
+          this.res.renderedVariables.newTemplateData.templateName,
+          undefined
+        )
+        done()
+      }
+      this.UserPagesController.registerPage(this.req, this.res, done)
+    })
+  })
+
+  describe('loginForm', function () {
+    it('should render the login page', function (done) {
+      this.res.callback = () => {
+        this.res.renderedTemplate.should.equal('user/login')
+        done()
+      }
+      this.UserPagesController.loginPage(this.req, this.res, done)
+    })
+
+    describe('when an explicit redirect is set via query string', function () {
+      beforeEach(function () {
+        this.AuthenticationController.getRedirectFromSession = sinon
+          .stub()
+          .returns(null)
+        this.AuthenticationController.setRedirectInSession = sinon.stub()
+        this.req.query.redir = '/somewhere/in/particular'
+      })
+
+      it('should set a redirect', function (done) {
+        this.res.callback = page => {
+          this.AuthenticationController.setRedirectInSession.callCount.should.equal(
+            1
+          )
+          expect(
+            this.AuthenticationController.setRedirectInSession.lastCall.args[1]
+          ).to.equal(this.req.query.redir)
+          done()
+        }
+        this.UserPagesController.loginPage(this.req, this.res, done)
+      })
+    })
+  })
+
+  describe('sessionsPage', function () {
+    beforeEach(function () {
+      this.UserSessionsManager.getAllUserSessions.callsArgWith(2, null, [])
+    })
+
+    it('should render user/sessions', function (done) {
+      this.res.callback = () => {
+        this.res.renderedTemplate.should.equal('user/sessions')
+        done()
+      }
+      this.UserPagesController.sessionsPage(this.req, this.res, done)
+    })
+
+    it('should include current session data in the view', function (done) {
+      this.res.callback = () => {
+        expect(this.res.renderedVariables.currentSession).to.deep.equal({
+          ip_address: '1.1.1.1',
+          session_created: 'timestamp',
+        })
+        done()
+      }
+      this.UserPagesController.sessionsPage(this.req, this.res, done)
+    })
+
+    it('should have called getAllUserSessions', function (done) {
+      this.res.callback = page => {
+        this.UserSessionsManager.getAllUserSessions.callCount.should.equal(1)
+        done()
+      }
+      this.UserPagesController.sessionsPage(this.req, this.res, done)
+    })
+
+    describe('when getAllUserSessions produces an error', function () {
+      beforeEach(function () {
+        this.UserSessionsManager.getAllUserSessions.callsArgWith(
+          2,
+          new Error('woops')
+        )
+      })
+
+      it('should call next with an error', function (done) {
+        this.next = err => {
+          assert(err !== null)
+          assert(err instanceof Error)
+          done()
+        }
+        this.UserPagesController.sessionsPage(this.req, this.res, this.next)
+      })
+    })
+  })
+
+  describe('emailPreferencesPage', function () {
+    beforeEach(function () {
+      this.UserGetter.getUser = sinon.stub().yields(null, this.user)
+    })
+
+    it('render page with subscribed status', function (done) {
+      this.NewsletterManager.subscribed.yields(null, true)
+      this.res.callback = () => {
+        this.res.renderedTemplate.should.equal('user/email-preferences')
+        this.res.renderedVariables.title.should.equal('newsletter_info_title')
+        this.res.renderedVariables.subscribed.should.equal(true)
+        done()
+      }
+      this.UserPagesController.emailPreferencesPage(this.req, this.res, done)
+    })
+
+    it('render page with unsubscribed status', function (done) {
+      this.NewsletterManager.subscribed.yields(null, false)
+      this.res.callback = () => {
+        this.res.renderedTemplate.should.equal('user/email-preferences')
+        this.res.renderedVariables.title.should.equal('newsletter_info_title')
+        this.res.renderedVariables.subscribed.should.equal(false)
+        done()
+      }
+      this.UserPagesController.emailPreferencesPage(this.req, this.res, done)
+    })
+  })
+
+  describe('settingsPage', function () {
+    beforeEach(function () {
+      this.request.get = sinon
+        .stub()
+        .callsArgWith(1, null, { statusCode: 200 }, { has_password: true })
+      this.UserGetter.promises.getUser = sinon.stub().resolves(this.user)
+    })
+
+    it('should render user/settings', function (done) {
+      this.res.callback = () => {
+        this.res.renderedTemplate.should.equal('user/settings')
+        done()
+      }
+      this.UserPagesController.settingsPage(this.req, this.res, done)
+    })
+
+    it('should send user', function (done) {
+      this.res.callback = () => {
+        this.res.renderedVariables.user.id.should.equal(this.user._id)
+        this.res.renderedVariables.user.email.should.equal(this.user.email)
+        done()
+      }
+      this.UserPagesController.settingsPage(this.req, this.res, done)
+    })
+
+    it("should set 'shouldAllowEditingDetails' to true", function (done) {
+      this.res.callback = () => {
+        this.res.renderedVariables.shouldAllowEditingDetails.should.equal(true)
+        done()
+      }
+      this.UserPagesController.settingsPage(this.req, this.res, done)
+    })
+
+    it('should restructure thirdPartyIdentifiers data for template use', function (done) {
+      const expectedResult = {
+        google: 'testId',
+      }
+      this.res.callback = () => {
+        expect(this.res.renderedVariables.thirdPartyIds).to.include(
+          expectedResult
+        )
+        done()
+      }
+      this.UserPagesController.settingsPage(this.req, this.res, done)
+    })
+
+    it("should set and clear 'projectSyncSuccessMessage'", function (done) {
+      this.req.session.projectSyncSuccessMessage = 'Some Sync Success'
+      this.res.callback = () => {
+        this.res.renderedVariables.projectSyncSuccessMessage.should.equal(
+          'Some Sync Success'
+        )
+        expect(this.req.session.projectSyncSuccessMessage).to.not.exist
+        done()
+      }
+      this.UserPagesController.settingsPage(this.req, this.res, done)
+    })
+
+    it('should cast refProviders to booleans', function (done) {
+      this.res.callback = () => {
+        expect(this.res.renderedVariables.user.refProviders).to.deep.equal({
+          mendeley: true,
+          papers: true,
+          zotero: true,
+        })
+        done()
+      }
+      this.UserPagesController.settingsPage(this.req, this.res, done)
+    })
+
+    it('should send the correct managed user admin email', function (done) {
+      this.res.callback = () => {
+        expect(
+          this.res.renderedVariables.currentManagedUserAdminEmail
+        ).to.equal(this.adminEmail)
+        done()
+      }
+      this.UserPagesController.settingsPage(this.req, this.res, done)
+    })
+
+    it('should send info for groups with SSO enabled', function (done) {
+      this.user.enrollment = {
+        sso: [
+          {
+            groupId: 'abc123abc123',
+            primary: true,
+            linkedAt: new Date(),
+          },
+        ],
+      }
+      const group1 = {
+        _id: 'abc123abc123',
+        teamName: 'Group SSO Rulz',
+        admin_id: {
+          email: 'admin.email@ssolove.com',
+        },
+        linked: true,
+      }
+      const group2 = {
+        _id: 'def456def456',
+        admin_id: {
+          email: 'someone.else@noname.co.uk',
+        },
+        linked: false,
+      }
+
+      this.Modules.promises.hooks.fire
+        .withArgs('getUserGroupsSSOEnrollmentStatus')
+        .resolves([[group1, group2]])
+
+      this.res.callback = () => {
+        expect(
+          this.res.renderedVariables.memberOfSSOEnabledGroups
+        ).to.deep.equal([
+          {
+            groupId: 'abc123abc123',
+            groupName: 'Group SSO Rulz',
+            adminEmail: 'admin.email@ssolove.com',
+            linked: true,
+          },
+          {
+            groupId: 'def456def456',
+            groupName: undefined,
+            adminEmail: 'someone.else@noname.co.uk',
+            linked: false,
+          },
+        ])
+        done()
+      }
+
+      this.UserPagesController.settingsPage(this.req, this.res, done)
+    })
+
+    describe('when ldap.updateUserDetailsOnLogin is true', function () {
+      beforeEach(function () {
+        this.settings.ldap = { updateUserDetailsOnLogin: true }
+      })
+
+      afterEach(function () {
+        delete this.settings.ldap
+      })
+
+      it('should set "shouldAllowEditingDetails" to false', function (done) {
+        this.res.callback = () => {
+          this.res.renderedVariables.shouldAllowEditingDetails.should.equal(
+            false
+          )
+          done()
+        }
+        this.UserPagesController.settingsPage(this.req, this.res, done)
+      })
+    })
+
+    describe('when saml.updateUserDetailsOnLogin is true', function () {
+      beforeEach(function () {
+        this.settings.saml = { updateUserDetailsOnLogin: true }
+      })
+
+      afterEach(function () {
+        delete this.settings.saml
+      })
+
+      it('should set "shouldAllowEditingDetails" to false', function (done) {
+        this.res.callback = () => {
+          this.res.renderedVariables.shouldAllowEditingDetails.should.equal(
+            false
+          )
+          done()
+        }
+        this.UserPagesController.settingsPage(this.req, this.res, done)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/User/UserPostRegistrationAnalyticsManagerTests.js b/services/web/test/unit/src/User/UserPostRegistrationAnalyticsManagerTests.js
new file mode 100644
index 0000000..67b76ba
--- /dev/null
+++ b/services/web/test/unit/src/User/UserPostRegistrationAnalyticsManagerTests.js
@@ -0,0 +1,114 @@
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const sinon = require('sinon')
+const { expect } = require('chai')
+
+const MODULE_PATH = path.join(
+  __dirname,
+  '../../../../app/src/Features/User/UserPostRegistrationAnalyticsManager'
+)
+
+describe('UserPostRegistrationAnalyticsManager', function () {
+  beforeEach(function () {
+    this.fakeUserId = '123abc'
+    this.Queues = {
+      createScheduledJob: sinon.stub().resolves(),
+    }
+    this.UserGetter = {
+      promises: {
+        getUser: sinon.stub().resolves(),
+      },
+    }
+    this.UserGetter.promises.getUser
+      .withArgs({ _id: this.fakeUserId })
+      .resolves({ _id: this.fakeUserId })
+    this.InstitutionsAPI = {
+      promises: {
+        getUserAffiliations: sinon.stub().resolves([]),
+      },
+    }
+    this.AnalyticsManager = {
+      setUserPropertyForUser: sinon.stub().resolves(),
+    }
+    this.UserPostRegistrationAnalyticsManager = SandboxedModule.require(
+      MODULE_PATH,
+      {
+        requires: {
+          '../../infrastructure/Queues': this.Queues,
+          './UserGetter': this.UserGetter,
+          '../Institutions/InstitutionsAPI': this.InstitutionsAPI,
+          '../Analytics/AnalyticsManager': this.AnalyticsManager,
+        },
+      }
+    )
+  })
+
+  describe('schedulePostRegistrationAnalytics', function () {
+    it('should schedule delayed job on queue', async function () {
+      await this.UserPostRegistrationAnalyticsManager.schedulePostRegistrationAnalytics(
+        {
+          _id: this.fakeUserId,
+        }
+      )
+      sinon.assert.calledWith(
+        this.Queues.createScheduledJob,
+        'post-registration-analytics',
+        { data: { userId: this.fakeUserId } },
+        24 * 60 * 60 * 1000
+      )
+    })
+  })
+
+  describe('postRegistrationAnalytics', function () {
+    it('stops without errors if user is not found', async function () {
+      await this.UserPostRegistrationAnalyticsManager.postRegistrationAnalytics(
+        'not-a-user'
+      )
+      expect(this.InstitutionsAPI.promises.getUserAffiliations).not.to.have.been
+        .called
+      expect(this.AnalyticsManager.setUserPropertyForUser).not.to.have.been
+        .called
+    })
+
+    it('sets user property if user has commons account affiliationd', async function () {
+      this.InstitutionsAPI.promises.getUserAffiliations.resolves([
+        {},
+        {
+          institution: {
+            commonsAccount: true,
+          },
+        },
+        {
+          institution: {
+            commonsAccount: false,
+          },
+        },
+      ])
+      await this.UserPostRegistrationAnalyticsManager.postRegistrationAnalytics(
+        this.fakeUserId
+      )
+      expect(
+        this.AnalyticsManager.setUserPropertyForUser
+      ).to.have.been.calledWith(
+        this.fakeUserId,
+        'registered-from-commons-account',
+        true
+      )
+    })
+
+    it('does not set user property if user has no commons account affiliation', async function () {
+      this.InstitutionsAPI.promises.getUserAffiliations.resolves([
+        {
+          institution: {
+            commonsAccount: false,
+          },
+        },
+      ])
+      await this.UserPostRegistrationAnalyticsManager.postRegistrationAnalytics(
+        this.fakeUserId
+      )
+      expect(this.AnalyticsManager.setUserPropertyForUser).not.to.have.been
+        .called
+    })
+  })
+})
diff --git a/services/web/test/unit/src/User/UserRegistrationHandlerTests.js b/services/web/test/unit/src/User/UserRegistrationHandlerTests.js
new file mode 100644
index 0000000..6cbb92a
--- /dev/null
+++ b/services/web/test/unit/src/User/UserRegistrationHandlerTests.js
@@ -0,0 +1,292 @@
+const SandboxedModule = require('sandboxed-module')
+const assert = require('assert')
+const path = require('path')
+const modulePath = path.join(
+  __dirname,
+  '../../../../app/src/Features/User/UserRegistrationHandler'
+)
+const sinon = require('sinon')
+const { expect } = require('chai')
+const EmailHelper = require('../../../../app/src/Features/Helpers/EmailHelper')
+
+describe('UserRegistrationHandler', function () {
+  beforeEach(function () {
+    this.analyticsId = '123456'
+    this.user = {
+      _id: (this.user_id = '31j2lk21kjl'),
+      analyticsId: this.analyticsId,
+    }
+    this.User = {
+      updateOne: sinon.stub().returns({ exec: sinon.stub().resolves() }),
+    }
+    this.UserGetter = {
+      promises: {
+        getUserByAnyEmail: sinon.stub(),
+      },
+    }
+    this.UserCreator = {
+      promises: {
+        createNewUser: sinon.stub().resolves(this.user),
+      },
+    }
+    this.AuthenticationManager = {
+      validateEmail: sinon.stub().returns(null),
+      validatePassword: sinon.stub().returns(null),
+      promises: {
+        setUserPassword: sinon.stub().resolves(this.user),
+      },
+    }
+    this.NewsLetterManager = {
+      subscribe: sinon.stub(),
+    }
+    this.EmailHandler = {
+      promises: { sendEmail: sinon.stub().resolves() },
+    }
+    this.OneTimeTokenHandler = { promises: { getNewToken: sinon.stub() } }
+    this.handler = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../models/User': { User: this.User },
+        './UserGetter': this.UserGetter,
+        './UserCreator': this.UserCreator,
+        '../Authentication/AuthenticationManager': this.AuthenticationManager,
+        '../Newsletter/NewsletterManager': this.NewsLetterManager,
+        crypto: (this.crypto = {}),
+        '../Email/EmailHandler': this.EmailHandler,
+        '../Security/OneTimeTokenHandler': this.OneTimeTokenHandler,
+        '../Analytics/AnalyticsManager': (this.AnalyticsManager = {
+          recordEventForUser: sinon.stub(),
+          setUserPropertyForUser: sinon.stub(),
+          identifyUser: sinon.stub(),
+        }),
+        '@overleaf/settings': (this.settings = {
+          siteUrl: 'http://sl.example.com',
+        }),
+        '../Helpers/EmailHelper': EmailHelper,
+      },
+    })
+
+    this.passingRequest = {
+      email: 'something@email.com',
+      password: '123',
+      analyticsId: this.analyticsId,
+    }
+  })
+
+  describe('validate Register Request', function () {
+    it('allows passing validation through', function () {
+      const result = this.handler.promises._registrationRequestIsValid(
+        this.passingRequest
+      )
+      result.should.equal(true)
+    })
+
+    describe('failing email validation', function () {
+      beforeEach(function () {
+        this.AuthenticationManager.validateEmail.returns({
+          message: 'email not set',
+        })
+      })
+
+      it('does not allow through', function () {
+        const result = this.handler.promises._registrationRequestIsValid(
+          this.passingRequest
+        )
+        return result.should.equal(false)
+      })
+    })
+
+    describe('failing password validation', function () {
+      beforeEach(function () {
+        this.AuthenticationManager.validatePassword.returns({
+          message: 'password is too short',
+        })
+      })
+
+      it('does not allow through', function () {
+        const result = this.handler.promises._registrationRequestIsValid(
+          this.passingRequest
+        )
+        result.should.equal(false)
+      })
+    })
+  })
+
+  describe('registerNewUser', function () {
+    describe('holdingAccount', function (done) {
+      beforeEach(function () {
+        this.user.holdingAccount = true
+        this.handler.promises._registrationRequestIsValid = sinon
+          .stub()
+          .returns(true)
+        this.UserGetter.promises.getUserByAnyEmail.resolves(this.user)
+      })
+
+      it('should not create a new user if there is a holding account there', async function () {
+        await this.handler.promises.registerNewUser(this.passingRequest)
+        this.UserCreator.promises.createNewUser.called.should.equal(false)
+      })
+
+      it('should set holding account to false', async function () {
+        await this.handler.promises.registerNewUser(this.passingRequest)
+        const update = this.User.updateOne.args[0]
+        assert.deepEqual(update[0], { _id: this.user._id })
+        assert.deepEqual(update[1], { $set: { holdingAccount: false } })
+      })
+    })
+
+    describe('invalidRequest', function () {
+      it('should not create a new user if the the request is not valid', async function () {
+        this.handler.promises._registrationRequestIsValid = sinon
+          .stub()
+          .returns(false)
+        expect(this.handler.promises.registerNewUser(this.passingRequest)).to.be
+          .rejected
+        this.UserCreator.promises.createNewUser.called.should.equal(false)
+      })
+
+      it('should return email registered in the error if there is a non holdingAccount there', async function () {
+        this.UserGetter.promises.getUserByAnyEmail.resolves(
+          (this.user = { holdingAccount: false })
+        )
+        expect(
+          this.handler.promises.registerNewUser(this.passingRequest)
+        ).to.be.rejectedWith('EmailAlreadyRegistered')
+      })
+    })
+
+    describe('validRequest', function () {
+      beforeEach(function () {
+        this.handler.promises._registrationRequestIsValid = sinon
+          .stub()
+          .returns(true)
+        this.UserGetter.promises.getUserByAnyEmail.resolves()
+      })
+
+      it('should create a new user', async function () {
+        await this.handler.promises.registerNewUser(this.passingRequest)
+        sinon.assert.calledWith(this.UserCreator.promises.createNewUser, {
+          email: this.passingRequest.email,
+          holdingAccount: false,
+          first_name: this.passingRequest.first_name,
+          last_name: this.passingRequest.last_name,
+          analyticsId: this.user.analyticsId,
+        })
+      })
+
+      it('lower case email', async function () {
+        this.passingRequest.email = 'soMe@eMail.cOm'
+        await this.handler.promises.registerNewUser(this.passingRequest)
+        this.UserCreator.promises.createNewUser.args[0][0].email.should.equal(
+          'some@email.com'
+        )
+      })
+
+      it('trim white space from email', async function () {
+        this.passingRequest.email = ' some@email.com '
+        await this.handler.promises.registerNewUser(this.passingRequest)
+        this.UserCreator.promises.createNewUser.args[0][0].email.should.equal(
+          'some@email.com'
+        )
+      })
+
+      it('should set the password', async function () {
+        await this.handler.promises.registerNewUser(this.passingRequest)
+        this.AuthenticationManager.promises.setUserPassword
+          .calledWith(this.user, this.passingRequest.password)
+          .should.equal(true)
+      })
+
+      it('should add the user to the newsletter if accepted terms', async function () {
+        this.passingRequest.subscribeToNewsletter = 'true'
+        await this.handler.promises.registerNewUser(this.passingRequest)
+        this.NewsLetterManager.subscribe
+          .calledWith(this.user)
+          .should.equal(true)
+      })
+
+      it('should not add the user to the newsletter if not accepted terms', async function () {
+        await this.handler.promises.registerNewUser(this.passingRequest)
+        this.NewsLetterManager.subscribe
+          .calledWith(this.user)
+          .should.equal(false)
+      })
+    })
+  })
+
+  describe('registerNewUserAndSendActivationEmail', function () {
+    beforeEach(function () {
+      this.email = 'Email@example.com'
+      this.crypto.randomBytes = sinon.stub().returns({
+        toString: () => {
+          return (this.password = 'mock-password')
+        },
+      })
+      this.OneTimeTokenHandler.promises.getNewToken.resolves(
+        (this.token = 'mock-token')
+      )
+      this.handler.promises.registerNewUser = sinon.stub()
+    })
+
+    describe('with a new user', function () {
+      beforeEach(async function () {
+        this.user.email = this.email.toLowerCase()
+        this.handler.promises.registerNewUser.resolves(this.user)
+        this.result =
+          await this.handler.promises.registerNewUserAndSendActivationEmail(
+            this.email
+          )
+      })
+
+      it('should ask the UserRegistrationHandler to register user', function () {
+        sinon.assert.calledWith(this.handler.promises.registerNewUser, {
+          email: this.email,
+          password: this.password,
+        })
+      })
+
+      it('should generate a new password reset token', function () {
+        const data = {
+          user_id: this.user._id.toString(),
+          email: this.user.email,
+        }
+        this.OneTimeTokenHandler.promises.getNewToken
+          .calledWith('password', data, { expiresIn: 7 * 24 * 60 * 60 })
+          .should.equal(true)
+      })
+
+      it('should send a registered email', function () {
+        this.EmailHandler.promises.sendEmail
+          .calledWith('registered', {
+            to: this.user.email,
+            setNewPasswordUrl: `${this.settings.siteUrl}/user/activate?token=${this.token}&user_id=${this.user_id}`,
+          })
+          .should.equal(true)
+      })
+
+      it('should return the user and new password url', function () {
+        const { user, setNewPasswordUrl } = this.result
+        expect(user).to.deep.equal(this.user)
+        expect(setNewPasswordUrl).to.equal(
+          `${this.settings.siteUrl}/user/activate?token=${this.token}&user_id=${this.user_id}`
+        )
+      })
+    })
+
+    describe('with a user that already exists', function () {
+      beforeEach(async function () {
+        this.handler.promises.registerNewUser.rejects(
+          new Error('EmailAlreadyRegistered')
+        )
+        this.UserGetter.promises.getUserByAnyEmail.resolves(this.user)
+        await this.handler.promises.registerNewUserAndSendActivationEmail(
+          this.email
+        )
+      })
+
+      it('should still generate a new password token and email', function () {
+        this.OneTimeTokenHandler.promises.getNewToken.called.should.equal(true)
+        this.EmailHandler.promises.sendEmail.called.should.equal(true)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/User/UserSessionsManagerTests.js b/services/web/test/unit/src/User/UserSessionsManagerTests.js
new file mode 100644
index 0000000..dc6a0c5
--- /dev/null
+++ b/services/web/test/unit/src/User/UserSessionsManagerTests.js
@@ -0,0 +1,799 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = '../../../../app/src/Features/User/UserSessionsManager.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('UserSessionsManager', function () {
+  beforeEach(function () {
+    this.user = {
+      _id: 'abcd',
+      email: 'user@example.com',
+    }
+    this.sessionId = 'some_session_id'
+
+    this.rclient = {
+      multi: sinon.stub(),
+      exec: sinon.stub(),
+      get: sinon.stub(),
+      del: sinon.stub(),
+      sadd: sinon.stub(),
+      srem: sinon.stub(),
+      smembers: sinon.stub(),
+      mget: sinon.stub(),
+      pexpire: sinon.stub(),
+    }
+    this.rclient.multi.returns(this.rclient)
+    this.rclient.get.returns(this.rclient)
+    this.rclient.del.returns(this.rclient)
+    this.rclient.sadd.returns(this.rclient)
+    this.rclient.srem.returns(this.rclient)
+    this.rclient.smembers.returns(this.rclient)
+    this.rclient.pexpire.returns(this.rclient)
+    this.rclient.exec.callsArgWith(0, null)
+
+    this.UserSessionsRedis = {
+      client: () => this.rclient,
+      sessionSetKey: user => `UserSessions:{${user._id}}`,
+    }
+    this.settings = {
+      redis: {
+        web: {},
+      },
+    }
+    return (this.UserSessionsManager = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': this.settings,
+        './UserSessionsRedis': this.UserSessionsRedis,
+      },
+    }))
+  })
+
+  describe('_sessionKey', function () {
+    it('should build the correct key', function () {
+      const result = this.UserSessionsManager._sessionKey(this.sessionId)
+      return result.should.equal('sess:some_session_id')
+    })
+  })
+
+  describe('trackSession', function () {
+    beforeEach(function () {
+      this.call = callback => {
+        return this.UserSessionsManager.trackSession(
+          this.user,
+          this.sessionId,
+          callback
+        )
+      }
+      this.rclient.exec.callsArgWith(0, null)
+      return (this._checkSessions = sinon
+        .stub(this.UserSessionsManager, '_checkSessions')
+        .returns(null))
+    })
+
+    afterEach(function () {
+      return this._checkSessions.restore()
+    })
+
+    it('should not produce an error', function (done) {
+      return this.call(err => {
+        expect(err).to.not.exist
+        return done()
+      })
+    })
+
+    it('should call the appropriate redis methods', function (done) {
+      return this.call(err => {
+        this.rclient.multi.callCount.should.equal(1)
+        this.rclient.sadd.callCount.should.equal(1)
+        this.rclient.pexpire.callCount.should.equal(1)
+        this.rclient.exec.callCount.should.equal(1)
+        return done()
+      })
+    })
+
+    it('should call _checkSessions', function (done) {
+      return this.call(err => {
+        this._checkSessions.callCount.should.equal(1)
+        return done()
+      })
+    })
+
+    describe('when rclient produces an error', function () {
+      beforeEach(function () {
+        return this.rclient.exec.callsArgWith(0, new Error('woops'))
+      })
+
+      it('should produce an error', function (done) {
+        return this.call(err => {
+          expect(err).to.be.instanceof(Error)
+          return done()
+        })
+      })
+
+      it('should not call _checkSessions', function (done) {
+        return this.call(err => {
+          this._checkSessions.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+
+    describe('when no user is supplied', function () {
+      beforeEach(function () {
+        return (this.call = callback => {
+          return this.UserSessionsManager.trackSession(
+            null,
+            this.sessionId,
+            callback
+          )
+        })
+      })
+
+      it('should not produce an error', function (done) {
+        return this.call(err => {
+          expect(err).to.not.exist
+          return done()
+        })
+      })
+
+      it('should not call the appropriate redis methods', function (done) {
+        return this.call(err => {
+          this.rclient.multi.callCount.should.equal(0)
+          this.rclient.sadd.callCount.should.equal(0)
+          this.rclient.pexpire.callCount.should.equal(0)
+          this.rclient.exec.callCount.should.equal(0)
+          return done()
+        })
+      })
+
+      it('should not call _checkSessions', function (done) {
+        return this.call(err => {
+          this._checkSessions.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+
+    describe('when no sessionId is supplied', function () {
+      beforeEach(function () {
+        return (this.call = callback => {
+          return this.UserSessionsManager.trackSession(
+            this.user,
+            null,
+            callback
+          )
+        })
+      })
+
+      it('should not produce an error', function (done) {
+        return this.call(err => {
+          expect(err).to.not.exist
+          return done()
+        })
+      })
+
+      it('should not call the appropriate redis methods', function (done) {
+        return this.call(err => {
+          this.rclient.multi.callCount.should.equal(0)
+          this.rclient.sadd.callCount.should.equal(0)
+          this.rclient.pexpire.callCount.should.equal(0)
+          this.rclient.exec.callCount.should.equal(0)
+          return done()
+        })
+      })
+
+      it('should not call _checkSessions', function (done) {
+        return this.call(err => {
+          this._checkSessions.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+  })
+
+  describe('untrackSession', function () {
+    beforeEach(function () {
+      this.call = callback => {
+        return this.UserSessionsManager.untrackSession(
+          this.user,
+          this.sessionId,
+          callback
+        )
+      }
+      this.rclient.exec.callsArgWith(0, null)
+      return (this._checkSessions = sinon
+        .stub(this.UserSessionsManager, '_checkSessions')
+        .returns(null))
+    })
+
+    afterEach(function () {
+      return this._checkSessions.restore()
+    })
+
+    it('should not produce an error', function (done) {
+      return this.call(err => {
+        expect(err).to.not.exist
+        return done()
+      })
+    })
+
+    it('should call the appropriate redis methods', function (done) {
+      return this.call(err => {
+        this.rclient.multi.callCount.should.equal(1)
+        this.rclient.srem.callCount.should.equal(1)
+        this.rclient.pexpire.callCount.should.equal(1)
+        this.rclient.exec.callCount.should.equal(1)
+        return done()
+      })
+    })
+
+    it('should call _checkSessions', function (done) {
+      return this.call(err => {
+        this._checkSessions.callCount.should.equal(1)
+        return done()
+      })
+    })
+
+    describe('when rclient produces an error', function () {
+      beforeEach(function () {
+        return this.rclient.exec.callsArgWith(0, new Error('woops'))
+      })
+
+      it('should produce an error', function (done) {
+        return this.call(err => {
+          expect(err).to.be.instanceof(Error)
+          return done()
+        })
+      })
+
+      it('should not call _checkSessions', function (done) {
+        return this.call(err => {
+          this._checkSessions.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+
+    describe('when no user is supplied', function () {
+      beforeEach(function () {
+        return (this.call = callback => {
+          return this.UserSessionsManager.untrackSession(
+            null,
+            this.sessionId,
+            callback
+          )
+        })
+      })
+
+      it('should not produce an error', function (done) {
+        return this.call(err => {
+          expect(err).to.not.exist
+          return done()
+        })
+      })
+
+      it('should not call the appropriate redis methods', function (done) {
+        return this.call(err => {
+          this.rclient.multi.callCount.should.equal(0)
+          this.rclient.srem.callCount.should.equal(0)
+          this.rclient.pexpire.callCount.should.equal(0)
+          this.rclient.exec.callCount.should.equal(0)
+          return done()
+        })
+      })
+
+      it('should not call _checkSessions', function (done) {
+        return this.call(err => {
+          this._checkSessions.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+
+    describe('when no sessionId is supplied', function () {
+      beforeEach(function () {
+        return (this.call = callback => {
+          return this.UserSessionsManager.untrackSession(
+            this.user,
+            null,
+            callback
+          )
+        })
+      })
+
+      it('should not produce an error', function (done) {
+        return this.call(err => {
+          expect(err).to.not.exist
+          return done()
+        })
+      })
+
+      it('should not call the appropriate redis methods', function (done) {
+        return this.call(err => {
+          this.rclient.multi.callCount.should.equal(0)
+          this.rclient.srem.callCount.should.equal(0)
+          this.rclient.pexpire.callCount.should.equal(0)
+          this.rclient.exec.callCount.should.equal(0)
+          return done()
+        })
+      })
+
+      it('should not call _checkSessions', function (done) {
+        return this.call(err => {
+          this._checkSessions.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+  })
+
+  describe('removeSessionsFromRedis', function () {
+    beforeEach(function () {
+      this.sessionKeys = ['sess:one', 'sess:two']
+      this.currentSessionID = undefined
+      this.rclient.smembers.callsArgWith(1, null, this.sessionKeys)
+      this.rclient.del = sinon.stub().callsArgWith(1, null)
+      this.rclient.srem = sinon.stub().callsArgWith(2, null)
+      return (this.call = callback => {
+        return this.UserSessionsManager.removeSessionsFromRedis(
+          this.user,
+          this.currentSessionID,
+          callback
+        )
+      })
+    })
+
+    it('should not produce an error', function (done) {
+      return this.call(err => {
+        expect(err).to.not.exist
+        return done()
+      })
+    })
+
+    it('should yield the number of purged sessions', function (done) {
+      return this.call((err, n) => {
+        expect(err).to.not.exist
+        expect(n).to.equal(this.sessionKeys.length)
+        return done()
+      })
+    })
+
+    it('should call the appropriate redis methods', function (done) {
+      return this.call(err => {
+        this.rclient.smembers.callCount.should.equal(1)
+
+        this.rclient.del.callCount.should.equal(2)
+        expect(this.rclient.del.firstCall.args[0]).to.deep.equal(
+          this.sessionKeys[0]
+        )
+        expect(this.rclient.del.secondCall.args[0]).to.deep.equal(
+          this.sessionKeys[1]
+        )
+
+        this.rclient.srem.callCount.should.equal(1)
+        expect(this.rclient.srem.firstCall.args[1]).to.deep.equal(
+          this.sessionKeys
+        )
+
+        return done()
+      })
+    })
+
+    describe('when a session is retained', function () {
+      beforeEach(function () {
+        this.sessionKeys = ['sess:one', 'sess:two', 'sess:three', 'sess:four']
+        this.currentSessionID = 'two'
+        this.rclient.smembers.callsArgWith(1, null, this.sessionKeys)
+        this.rclient.del = sinon.stub().callsArgWith(1, null)
+        return (this.call = callback => {
+          return this.UserSessionsManager.removeSessionsFromRedis(
+            this.user,
+            this.currentSessionID,
+            callback
+          )
+        })
+      })
+
+      it('should not produce an error', function (done) {
+        return this.call(err => {
+          expect(err).to.not.exist
+          return done()
+        })
+      })
+
+      it('should call the appropriate redis methods', function (done) {
+        return this.call(err => {
+          this.rclient.smembers.callCount.should.equal(1)
+          this.rclient.del.callCount.should.equal(this.sessionKeys.length - 1)
+          this.rclient.srem.callCount.should.equal(1)
+          return done()
+        })
+      })
+
+      it('should remove all sessions except for the retained one', function (done) {
+        return this.call(err => {
+          expect(this.rclient.del.firstCall.args[0]).to.deep.equal('sess:one')
+          expect(this.rclient.del.secondCall.args[0]).to.deep.equal(
+            'sess:three'
+          )
+          expect(this.rclient.del.thirdCall.args[0]).to.deep.equal('sess:four')
+          expect(this.rclient.srem.firstCall.args[1]).to.deep.equal([
+            'sess:one',
+            'sess:three',
+            'sess:four',
+          ])
+          return done()
+        })
+      })
+    })
+
+    describe('when rclient produces an error', function () {
+      beforeEach(function () {
+        return (this.rclient.del = sinon
+          .stub()
+          .callsArgWith(1, new Error('woops')))
+      })
+
+      it('should produce an error', function (done) {
+        return this.call(err => {
+          expect(err).to.be.instanceof(Error)
+          return done()
+        })
+      })
+
+      it('should not call rclient.srem', function (done) {
+        return this.call(err => {
+          this.rclient.srem.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+
+    describe('when no user is supplied', function () {
+      beforeEach(function () {
+        return (this.call = callback => {
+          return this.UserSessionsManager.removeSessionsFromRedis(
+            null,
+            this.currentSessionID,
+            callback
+          )
+        })
+      })
+
+      it('should produce an error', function (done) {
+        return this.call(err => {
+          expect(err).to.match(
+            /bug: user not passed to removeSessionsFromRedis/
+          )
+          return done()
+        })
+      })
+
+      it('should not call the appropriate redis methods', function (done) {
+        return this.call(err => {
+          this.rclient.smembers.callCount.should.equal(0)
+          this.rclient.del.callCount.should.equal(0)
+          this.rclient.srem.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+
+    describe('when there are no keys to delete', function () {
+      beforeEach(function () {
+        return this.rclient.smembers.callsArgWith(1, null, [])
+      })
+
+      it('should not produce an error', function (done) {
+        return this.call(err => {
+          expect(err).to.not.exist
+          return done()
+        })
+      })
+
+      it('should not do the delete operation', function (done) {
+        return this.call(err => {
+          this.rclient.smembers.callCount.should.equal(1)
+          this.rclient.del.callCount.should.equal(0)
+          this.rclient.srem.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+  })
+
+  describe('touch', function () {
+    beforeEach(function () {
+      this.rclient.pexpire.callsArgWith(2, null)
+      return (this.call = callback => {
+        return this.UserSessionsManager.touch(this.user, callback)
+      })
+    })
+
+    it('should not produce an error', function (done) {
+      return this.call(err => {
+        expect(err).to.not.exist
+        return done()
+      })
+    })
+
+    it('should call rclient.pexpire', function (done) {
+      return this.call(err => {
+        this.rclient.pexpire.callCount.should.equal(1)
+        return done()
+      })
+    })
+
+    describe('when rclient produces an error', function () {
+      beforeEach(function () {
+        return this.rclient.pexpire.callsArgWith(2, new Error('woops'))
+      })
+
+      it('should produce an error', function (done) {
+        return this.call(err => {
+          expect(err).to.be.instanceof(Error)
+          return done()
+        })
+      })
+    })
+
+    describe('when no user is supplied', function () {
+      beforeEach(function () {
+        return (this.call = callback => {
+          return this.UserSessionsManager.touch(null, callback)
+        })
+      })
+
+      it('should not produce an error', function (done) {
+        return this.call(err => {
+          expect(err).to.not.exist
+          return done()
+        })
+      })
+
+      it('should not call pexpire', function (done) {
+        return this.call(err => {
+          this.rclient.pexpire.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+  })
+
+  describe('getAllUserSessions', function () {
+    beforeEach(function () {
+      this.sessionKeys = ['sess:one', 'sess:two', 'sess:three']
+      this.sessions = [
+        '{"user": {"ip_address": "a", "session_created": "b"}}',
+        '{"passport": {"user": {"ip_address": "c", "session_created": "d"}}}',
+      ]
+      this.exclude = ['two']
+      this.rclient.smembers.callsArgWith(1, null, this.sessionKeys)
+      this.rclient.get = sinon.stub()
+      this.rclient.get.onCall(0).callsArgWith(1, null, this.sessions[0])
+      this.rclient.get.onCall(1).callsArgWith(1, null, this.sessions[1])
+
+      return (this.call = callback => {
+        return this.UserSessionsManager.getAllUserSessions(
+          this.user,
+          this.exclude,
+          callback
+        )
+      })
+    })
+
+    it('should not produce an error', function (done) {
+      return this.call((err, sessions) => {
+        expect(err).to.not.exist
+        return done()
+      })
+    })
+
+    it('should get sessions', function (done) {
+      return this.call((err, sessions) => {
+        expect(sessions).to.deep.equal([
+          { ip_address: 'a', session_created: 'b' },
+          { ip_address: 'c', session_created: 'd' },
+        ])
+        return done()
+      })
+    })
+
+    it('should have called rclient.smembers', function (done) {
+      return this.call((err, sessions) => {
+        this.rclient.smembers.callCount.should.equal(1)
+        return done()
+      })
+    })
+
+    it('should have called rclient.get', function (done) {
+      return this.call((err, sessions) => {
+        this.rclient.get.callCount.should.equal(this.sessionKeys.length - 1)
+        return done()
+      })
+    })
+
+    describe('when there are no other sessions', function () {
+      beforeEach(function () {
+        this.sessionKeys = ['sess:two']
+        return this.rclient.smembers.callsArgWith(1, null, this.sessionKeys)
+      })
+
+      it('should not produce an error', function (done) {
+        return this.call((err, sessions) => {
+          expect(err).to.not.exist
+          return done()
+        })
+      })
+
+      it('should produce an empty list of sessions', function (done) {
+        return this.call((err, sessions) => {
+          expect(sessions).to.deep.equal([])
+          return done()
+        })
+      })
+
+      it('should have called rclient.smembers', function (done) {
+        return this.call((err, sessions) => {
+          this.rclient.smembers.callCount.should.equal(1)
+          return done()
+        })
+      })
+
+      it('should not have called rclient.mget', function (done) {
+        return this.call((err, sessions) => {
+          this.rclient.mget.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+
+    describe('when smembers produces an error', function () {
+      beforeEach(function () {
+        return this.rclient.smembers.callsArgWith(1, new Error('woops'))
+      })
+
+      it('should produce an error', function (done) {
+        return this.call((err, sessions) => {
+          expect(err).to.not.equal(null)
+          expect(err).to.be.instanceof(Error)
+          return done()
+        })
+      })
+
+      it('should not have called rclient.mget', function (done) {
+        return this.call((err, sessions) => {
+          this.rclient.mget.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+
+    describe('when get produces an error', function () {
+      beforeEach(function () {
+        return (this.rclient.get = sinon
+          .stub()
+          .callsArgWith(1, new Error('woops')))
+      })
+
+      it('should produce an error', function (done) {
+        return this.call((err, sessions) => {
+          expect(err).to.not.equal(null)
+          expect(err).to.be.instanceof(Error)
+          return done()
+        })
+      })
+    })
+  })
+
+  describe('_checkSessions', function () {
+    beforeEach(function () {
+      this.call = callback => {
+        return this.UserSessionsManager._checkSessions(this.user, callback)
+      }
+      this.sessionKeys = ['one', 'two']
+      this.rclient.smembers.callsArgWith(1, null, this.sessionKeys)
+      this.rclient.get.callsArgWith(1, null, 'some-value')
+      return this.rclient.srem.callsArgWith(2, null, {})
+    })
+
+    it('should not produce an error', function (done) {
+      return this.call(err => {
+        expect(err).to.not.exist
+        return done()
+      })
+    })
+
+    it('should call the appropriate redis methods', function (done) {
+      return this.call(err => {
+        this.rclient.smembers.callCount.should.equal(1)
+        this.rclient.get.callCount.should.equal(2)
+        this.rclient.srem.callCount.should.equal(0)
+        return done()
+      })
+    })
+
+    describe('when one of the keys is not present in redis', function () {
+      beforeEach(function () {
+        this.rclient.get.onCall(0).callsArgWith(1, null, 'some-val')
+        return this.rclient.get.onCall(1).callsArgWith(1, null, null)
+      })
+
+      it('should not produce an error', function (done) {
+        return this.call(err => {
+          expect(err).to.not.exist
+          return done()
+        })
+      })
+
+      it('should remove that key from the set', function (done) {
+        return this.call(err => {
+          this.rclient.smembers.callCount.should.equal(1)
+          this.rclient.get.callCount.should.equal(2)
+          this.rclient.srem.callCount.should.equal(1)
+          this.rclient.srem.firstCall.args[1].should.equal('two')
+          return done()
+        })
+      })
+    })
+
+    describe('when no user is supplied', function () {
+      beforeEach(function () {
+        return (this.call = callback => {
+          return this.UserSessionsManager._checkSessions(null, callback)
+        })
+      })
+
+      it('should not produce an error', function (done) {
+        return this.call(err => {
+          expect(err).to.not.exist
+          return done()
+        })
+      })
+
+      it('should not call redis methods', function (done) {
+        return this.call(err => {
+          this.rclient.smembers.callCount.should.equal(0)
+          this.rclient.get.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+
+    describe('when one of the get operations produces an error', function () {
+      beforeEach(function () {
+        this.rclient.get.onCall(0).callsArgWith(1, new Error('woops'), null)
+        return this.rclient.get.onCall(1).callsArgWith(1, null, null)
+      })
+
+      it('should produce an error', function (done) {
+        return this.call(err => {
+          expect(err).to.be.instanceof(Error)
+          return done()
+        })
+      })
+
+      it('should call the right redis methods, bailing out early', function (done) {
+        return this.call(err => {
+          this.rclient.smembers.callCount.should.equal(1)
+          this.rclient.get.callCount.should.equal(1)
+          this.rclient.srem.callCount.should.equal(0)
+          return done()
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/User/UserUpdaterTests.js b/services/web/test/unit/src/User/UserUpdaterTests.js
new file mode 100644
index 0000000..5832bc4
--- /dev/null
+++ b/services/web/test/unit/src/User/UserUpdaterTests.js
@@ -0,0 +1,1126 @@
+const { setTimeout } = require('timers/promises')
+const SandboxedModule = require('sandboxed-module')
+const path = require('path')
+const sinon = require('sinon')
+const { ObjectId } = require('mongodb-legacy')
+const tk = require('timekeeper')
+const { expect } = require('chai')
+const { normalizeQuery } = require('../../../../app/src/Features/Helpers/Mongo')
+const Errors = require('../../../../app/src/Features/Errors/Errors')
+
+const MODULE_PATH = path.join(
+  __dirname,
+  '../../../../app/src/Features/User/UserUpdater'
+)
+
+describe('UserUpdater', function () {
+  beforeEach(function () {
+    tk.freeze(Date.now())
+
+    this.user = {
+      _id: new ObjectId(),
+      name: 'bob',
+      email: 'hello@world.com',
+      emails: [{ email: 'hello@world.com' }],
+    }
+
+    this.db = {
+      users: {
+        updateOne: sinon.stub().resolves({ matchedCount: 1, modifiedCount: 1 }),
+      },
+    }
+    this.mongodb = {
+      db: this.db,
+      ObjectId,
+    }
+
+    this.UserGetter = {
+      promises: {
+        ensureUniqueEmailAddress: sinon.stub().resolves(),
+        getUser: sinon.stub(),
+        getUserByMainEmail: sinon.stub(),
+        getUserFullEmails: sinon.stub(),
+        getUserEmail: sinon.stub(),
+      },
+    }
+    this.UserGetter.promises.getUser.withArgs(this.user._id).resolves(this.user)
+    this.UserGetter.promises.getUserByMainEmail
+      .withArgs(this.user.email)
+      .resolves(this.user)
+    this.UserGetter.promises.getUserFullEmails
+      .withArgs(this.user._id)
+      .resolves(this.user.emails)
+    this.UserGetter.promises.getUserEmail
+      .withArgs(this.user._id)
+      .resolves(this.user.email)
+
+    this.NewsletterManager = {
+      promises: {
+        changeEmail: sinon.stub().resolves(),
+      },
+    }
+    this.RecurlyWrapper = {
+      promises: {
+        updateAccountEmailAddress: sinon.stub().resolves(),
+      },
+    }
+    this.AnalyticsManager = {
+      recordEventForUserInBackground: sinon.stub(),
+    }
+    this.InstitutionsAPI = {
+      promises: {
+        addAffiliation: sinon.stub().resolves(),
+        removeAffiliation: sinon.stub().resolves(),
+        getUserAffiliations: sinon.stub().resolves(),
+      },
+    }
+    this.EmailHandler = {
+      promises: {
+        sendEmail: sinon.stub().resolves(),
+      },
+    }
+    this.Features = {
+      hasFeature: sinon.stub().returns(false),
+    }
+    this.FeaturesUpdater = {
+      promises: {
+        refreshFeatures: sinon.stub().resolves(),
+      },
+    }
+    this.UserAuditLogHandler = {
+      promises: {
+        addEntry: sinon.stub().resolves(),
+      },
+    }
+
+    this.SubscriptionLocator = {
+      promises: {
+        getUserIndividualSubscription: sinon.stub().resolves(),
+      },
+    }
+
+    this.NotificationsBuilder = {
+      promises: {
+        redundantPersonalSubscription: sinon
+          .stub()
+          .returns({ create: () => {} }),
+      },
+    }
+
+    this.Modules = {
+      promises: {
+        hooks: {
+          fire: sinon.stub().resolves([]),
+        },
+      },
+    }
+
+    this.UserSessionsManager = {
+      promises: {
+        removeSessionsFromRedis: sinon.stub().resolves(),
+      },
+    }
+
+    this.UserUpdater = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '../Helpers/Mongo': { normalizeQuery },
+        '../../infrastructure/mongodb': this.mongodb,
+        './UserGetter': this.UserGetter,
+        '../Institutions/InstitutionsAPI': this.InstitutionsAPI,
+        '../Email/EmailHandler': this.EmailHandler,
+        '../../infrastructure/Features': this.Features,
+        '../Subscription/FeaturesUpdater': this.FeaturesUpdater,
+        '@overleaf/settings': (this.settings = {}),
+        '../Newsletter/NewsletterManager': this.NewsletterManager,
+        '../Subscription/RecurlyWrapper': this.RecurlyWrapper,
+        './UserAuditLogHandler': this.UserAuditLogHandler,
+        '../Analytics/AnalyticsManager': this.AnalyticsManager,
+        '../../Errors/Errors': Errors,
+        '../Subscription/SubscriptionLocator': this.SubscriptionLocator,
+        '../Notifications/NotificationsBuilder': this.NotificationsBuilder,
+        '../../infrastructure/Modules': this.Modules,
+        './UserSessionsManager': this.UserSessionsManager,
+      },
+    })
+
+    this.newEmail = 'bob@bob.com'
+  })
+
+  afterEach(function () {
+    return tk.reset()
+  })
+
+  describe('addAffiliationForNewUser', function () {
+    it('should not remove affiliationUnchecked flag if v1 returns an error', async function () {
+      this.InstitutionsAPI.promises.addAffiliation.rejects()
+      await expect(
+        this.UserUpdater.promises.addAffiliationForNewUser(
+          this.user._id,
+          this.newEmail
+        )
+      ).to.be.rejected
+      sinon.assert.notCalled(this.db.users.updateOne)
+    })
+
+    it('should remove affiliationUnchecked flag if v1 does not return an error', async function () {
+      await this.UserUpdater.promises.addAffiliationForNewUser(
+        this.user._id,
+        this.newEmail
+      )
+      sinon.assert.calledOnce(this.db.users.updateOne)
+      sinon.assert.calledWithMatch(
+        this.db.users.updateOne,
+        { _id: this.user._id, 'emails.email': this.newEmail },
+        { $unset: { 'emails.$.affiliationUnchecked': 1 } }
+      )
+    })
+
+    it('should not throw if removing affiliationUnchecked flag errors', async function () {
+      this.db.users.updateOne.rejects(new Error('nope'))
+      await this.UserUpdater.promises.addAffiliationForNewUser(
+        this.user._id,
+        this.newEmail
+      )
+    })
+  })
+
+  describe('changeEmailAddress', function () {
+    beforeEach(async function () {
+      this.auditLog = {
+        initiatorId: 'abc123',
+        ipAddress: '0:0:0:0',
+      }
+      // After the email changed, make sure that UserGetter.getUser() returns a
+      // user with the new email.
+      this.UserGetter.promises.getUser
+        .withArgs(this.user._id)
+        .onCall(1)
+        .resolves({
+          ...this.user,
+          emails: [...this.user.emails, { email: this.newEmail }],
+        })
+      // The main email changes as a result of the email change
+      this.UserGetter.promises.getUserByMainEmail
+        .withArgs(this.user.email)
+        .resolves(null)
+      this.user.emails.push({ email: this.newEmail })
+      await this.UserUpdater.promises.changeEmailAddress(
+        this.user._id,
+        this.newEmail,
+        this.auditLog
+      )
+    })
+
+    it('adds the new email', function () {
+      expect(this.db.users.updateOne).to.have.been.calledWith(
+        { _id: this.user._id, 'emails.email': { $ne: this.newEmail } },
+        {
+          $push: {
+            emails: sinon.match({ email: this.newEmail }),
+          },
+        }
+      )
+    })
+
+    it('adds the new affiliation', function () {
+      this.InstitutionsAPI.promises.addAffiliation.should.have.been.calledWith(
+        this.user._id,
+        this.newEmail
+      )
+    })
+
+    it('removes the old email', function () {
+      expect(this.db.users.updateOne).to.have.been.calledWith(
+        { _id: this.user._id, email: { $ne: this.user.email } },
+        { $pull: { emails: { email: this.user.email } } }
+      )
+    })
+
+    it('removes the affiliation', function () {
+      expect(
+        this.InstitutionsAPI.promises.removeAffiliation
+      ).to.have.been.calledWith(this.user._id, this.user.email)
+    })
+
+    it('refreshes features', function () {
+      sinon.assert.calledWith(
+        this.FeaturesUpdater.promises.refreshFeatures,
+        this.user._id
+      )
+    })
+
+    it('sets the default email', function () {
+      expect(this.db.users.updateOne).to.have.been.calledWith(
+        { _id: this.user._id, 'emails.email': this.newEmail },
+        {
+          $set: sinon.match({
+            email: this.newEmail,
+          }),
+        }
+      )
+    })
+
+    it('sets the new email in the newsletter', function () {
+      expect(
+        this.NewsletterManager.promises.changeEmail
+      ).to.have.been.calledWith(this.user, this.newEmail)
+      expect(
+        this.RecurlyWrapper.promises.updateAccountEmailAddress
+      ).to.have.been.calledWith(this.user._id, this.newEmail)
+    })
+
+    it('validates email', async function () {
+      await expect(
+        this.UserUpdater.promises.changeEmailAddress(
+          this.user._id,
+          'foo',
+          this.auditLog
+        )
+      ).to.be.rejected
+    })
+  })
+
+  describe('addEmailAddress', function () {
+    it('adds the email', async function () {
+      await this.UserUpdater.promises.addEmailAddress(
+        this.user._id,
+        this.newEmail,
+        {},
+        { initiatorId: this.user._id, ipAddress: '127:0:0:0' }
+      )
+      this.UserGetter.promises.ensureUniqueEmailAddress.should.have.been.called
+      const reversedHostname = this.newEmail
+        .split('@')[1]
+        .split('')
+        .reverse()
+        .join('')
+      this.db.users.updateOne.should.have.been.calledWith(
+        { _id: this.user._id, 'emails.email': { $ne: this.newEmail } },
+        {
+          $push: {
+            emails: {
+              email: this.newEmail,
+              createdAt: sinon.match.date,
+              reversedHostname,
+            },
+          },
+        }
+      )
+    })
+
+    it('adds the affiliation', async function () {
+      const affiliationOptions = {
+        university: { id: 1 },
+        role: 'Prof',
+        department: 'Math',
+      }
+      await this.UserUpdater.promises.addEmailAddress(
+        this.user._id,
+        this.newEmail,
+        affiliationOptions,
+        { initiatorId: this.user._id, ipAddress: '127:0:0:0' }
+      )
+      this.InstitutionsAPI.promises.addAffiliation.should.have.been.calledWith(
+        this.user._id,
+        this.newEmail,
+        affiliationOptions
+      )
+    })
+
+    it('handles affiliation errors', async function () {
+      this.InstitutionsAPI.promises.addAffiliation.rejects(new Error('nope'))
+      await expect(
+        this.UserUpdater.promises.addEmailAddress(
+          this.user._id,
+          this.newEmail,
+          {},
+          { initiatorId: this.user._id, ipAddress: '127:0:0:0' }
+        )
+      ).to.be.rejected
+      this.db.users.updateOne.should.not.have.been.called
+    })
+
+    it('validates the email', async function () {
+      expect(
+        this.UserUpdater.promises.addEmailAddress(
+          this.user._id,
+          'bar',
+          {},
+          { initiatorId: this.user._id, ipAddress: '127:0:0:0' }
+        )
+      ).to.be.rejected
+    })
+
+    it('updates the audit log', async function () {
+      this.ip = '127:0:0:0'
+      await this.UserUpdater.promises.addEmailAddress(
+        this.user._id,
+        this.newEmail,
+        {},
+        { initiatorId: this.user._id, ipAddress: this.ip }
+      )
+      this.InstitutionsAPI.promises.addAffiliation.calledOnce.should.equal(true)
+      const { args } = this.UserAuditLogHandler.promises.addEntry.lastCall
+      expect(args[0]).to.equal(this.user._id)
+      expect(args[1]).to.equal('add-email')
+      expect(args[2]).to.equal(this.user._id)
+      expect(args[3]).to.equal(this.ip)
+      expect(args[4]).to.deep.equal({ newSecondaryEmail: this.newEmail })
+    })
+
+    describe('errors', function () {
+      describe('via UserAuditLogHandler', function () {
+        const anError = new Error('oops')
+        beforeEach(function () {
+          this.UserAuditLogHandler.promises.addEntry.rejects(anError)
+        })
+        it('should not add email and should return error', async function () {
+          await expect(
+            this.UserUpdater.promises.addEmailAddress(
+              this.user._id,
+              this.newEmail,
+              {},
+              { initiatorId: this.user._id, ipAddress: '127:0:0:0' }
+            )
+          ).to.be.rejectedWith(anError)
+          expect(this.db.users.updateOne).to.not.have.been.called
+        })
+      })
+    })
+  })
+
+  describe('removeEmailAddress', function () {
+    this.beforeEach(function () {
+      this.auditLog = { initiatorId: this.user._id, ipAddress: '127:0:0:0' }
+    })
+    it('removes the email', async function () {
+      await this.UserUpdater.promises.removeEmailAddress(
+        this.user._id,
+        this.newEmail,
+        this.auditLog
+      )
+      expect(this.db.users.updateOne).to.have.been.calledWith(
+        { _id: this.user._id, email: { $ne: this.newEmail } },
+        { $pull: { emails: { email: this.newEmail } } }
+      )
+    })
+
+    it('removes the affiliation', async function () {
+      await this.UserUpdater.promises.removeEmailAddress(
+        this.user._id,
+        this.newEmail,
+        this.auditLog
+      )
+      expect(this.InstitutionsAPI.promises.removeAffiliation).to.have.been
+        .calledOnce
+      const { args } = this.InstitutionsAPI.promises.removeAffiliation.lastCall
+      args[0].should.equal(this.user._id)
+      args[1].should.equal(this.newEmail)
+    })
+
+    it('refreshes features', async function () {
+      await this.UserUpdater.promises.removeEmailAddress(
+        this.user._id,
+        this.newEmail,
+        this.auditLog
+      )
+      sinon.assert.calledWith(
+        this.FeaturesUpdater.promises.refreshFeatures,
+        this.user._id
+      )
+    })
+
+    it('handles Mongo errors', async function () {
+      const anError = new Error('nope')
+      this.db.users.updateOne.rejects(anError)
+
+      await expect(
+        this.UserUpdater.promises.removeEmailAddress(
+          this.user._id,
+          this.newEmail,
+          this.auditLog
+        )
+      ).to.be.rejected
+      expect(this.FeaturesUpdater.promises.refreshFeatures).not.to.have.been
+        .called
+    })
+
+    it('handles missed update', async function () {
+      this.db.users.updateOne.resolves({ matchedCount: 0 })
+
+      await expect(
+        this.UserUpdater.promises.removeEmailAddress(
+          this.user._id,
+          this.newEmail,
+          this.auditLog
+        )
+      ).to.be.rejectedWith('Cannot remove email')
+      expect(this.FeaturesUpdater.promises.refreshFeatures).not.to.have.been
+        .called
+    })
+
+    it('handles an affiliation error', async function () {
+      const anError = new Error('nope')
+      this.InstitutionsAPI.promises.removeAffiliation.rejects(anError)
+      await expect(
+        this.UserUpdater.promises.removeEmailAddress(
+          this.user._id,
+          this.newEmail,
+          this.auditLog
+        )
+      ).to.be.rejected
+      expect(this.db.users.updateOne).not.to.have.been.called
+      expect(this.FeaturesUpdater.promises.refreshFeatures).not.to.have.been
+        .called
+    })
+
+    it('throws an error when removing the primary email', async function () {
+      await expect(
+        this.UserUpdater.promises.removeEmailAddress(
+          this.user._id,
+          this.user.email,
+          this.auditLog
+        )
+      ).to.be.rejectedWith('cannot remove primary email')
+      expect(this.db.users.updateOne).not.to.have.been.called
+      expect(this.FeaturesUpdater.promises.refreshFeatures).not.to.have.been
+        .called
+    })
+
+    it('validates the email', function () {
+      expect(
+        this.UserUpdater.promises.removeEmailAddress(
+          this.user._id,
+          'baz',
+          this.auditLog
+        )
+      ).to.be.rejectedWith('invalid email')
+    })
+
+    it('skips email validation when skipParseEmail included', async function () {
+      const skipParseEmail = true
+      await this.UserUpdater.promises.removeEmailAddress(
+        this.user._id,
+        'baz',
+        this.auditLog,
+        skipParseEmail
+      )
+    })
+
+    it('throws an error when skipParseEmail included but email is not a string', async function () {
+      const skipParseEmail = true
+      await expect(
+        this.UserUpdater.promises.removeEmailAddress(
+          this.user._id,
+          1,
+          this.auditLog,
+          skipParseEmail
+        )
+      ).to.be.rejectedWith('email must be a string')
+    })
+
+    it('logs the removal to the audit log', async function () {
+      await this.UserUpdater.promises.removeEmailAddress(
+        this.user._id,
+        this.newEmail,
+        this.auditLog
+      )
+      expect(
+        this.UserAuditLogHandler.promises.addEntry
+      ).to.have.been.calledWith(
+        this.user._id,
+        'remove-email',
+        this.auditLog.initiatorId,
+        this.auditLog.ipAddress,
+        {
+          removedEmail: this.newEmail,
+        }
+      )
+    })
+
+    it('logs the removal from script to the audit log', async function () {
+      this.auditLog = {
+        initiatorId: undefined,
+        ipAddress: '0.0.0.0',
+        extraInfo: {
+          script: true,
+        },
+      }
+      await this.UserUpdater.promises.removeEmailAddress(
+        this.user._id,
+        this.newEmail,
+        this.auditLog
+      )
+      expect(
+        this.UserAuditLogHandler.promises.addEntry
+      ).to.have.been.calledWith(
+        this.user._id,
+        'remove-email',
+        this.auditLog.initiatorId,
+        this.auditLog.ipAddress,
+        {
+          removedEmail: this.newEmail,
+          script: true,
+        }
+      )
+    })
+  })
+
+  describe('setDefaultEmailAddress', function () {
+    function setUserEmails(test, emails) {
+      test.user.emails = emails
+      test.UserGetter.promises.getUserFullEmails
+        .withArgs(test.user._id)
+        .resolves(emails)
+    }
+
+    beforeEach(function () {
+      this.auditLog = {
+        initiatorId: this.user,
+        ipAddress: '0:0:0:0',
+      }
+      setUserEmails(this, [
+        {
+          email: this.newEmail,
+          confirmedAt: new Date(),
+        },
+      ])
+    })
+
+    it('set default', async function () {
+      await this.UserUpdater.promises.setDefaultEmailAddress(
+        this.user._id,
+        this.newEmail,
+        false,
+        this.auditLog
+      )
+      expect(this.db.users.updateOne).to.have.been.calledWith(
+        { _id: this.user._id, 'emails.email': this.newEmail },
+        {
+          $set: {
+            email: this.newEmail,
+            lastPrimaryEmailCheck: sinon.match.date,
+          },
+        }
+      )
+    })
+
+    it('sets the changed email in the newsletter', async function () {
+      await this.UserUpdater.promises.setDefaultEmailAddress(
+        this.user._id,
+        this.newEmail,
+        false,
+        this.auditLog
+      )
+      expect(
+        this.NewsletterManager.promises.changeEmail
+      ).to.have.been.calledWith(this.user, this.newEmail)
+      expect(
+        this.RecurlyWrapper.promises.updateAccountEmailAddress
+      ).to.have.been.calledWith(this.user._id, this.newEmail)
+    })
+
+    it('handles Mongo errors', async function () {
+      this.db.users.updateOne = sinon.stub().rejects(Error('nope'))
+
+      await expect(
+        this.UserUpdater.promises.setDefaultEmailAddress(
+          this.user._id,
+          this.newEmail,
+          false,
+          this.auditLog
+        )
+      ).to.be.rejected
+    })
+
+    it('handles missed updates', async function () {
+      this.db.users.updateOne.resolves({ matchedCount: 0 })
+
+      await expect(
+        this.UserUpdater.promises.setDefaultEmailAddress(
+          this.user._id,
+          this.newEmail,
+          false,
+          this.auditLog
+        )
+      ).to.be.rejected
+    })
+
+    it('validates the email', async function () {
+      await expect(
+        this.UserUpdater.promises.setDefaultEmailAddress(
+          this.user._id,
+          '.edu',
+          false,
+          this.auditLog
+        )
+      ).to.be.rejected
+    })
+
+    it('updates the audit log', async function () {
+      await this.UserUpdater.promises.setDefaultEmailAddress(
+        this.user._id,
+        this.newEmail,
+        false,
+        this.auditLog
+      )
+      expect(
+        this.UserAuditLogHandler.promises.addEntry
+      ).to.have.been.calledWith(
+        this.user._id,
+        'change-primary-email',
+        this.auditLog.initiatorId,
+        this.auditLog.ipAddress,
+        {
+          newPrimaryEmail: this.newEmail,
+          oldPrimaryEmail: this.user.email,
+        }
+      )
+    })
+
+    it('blocks email update if audit log returns an error', async function () {
+      this.UserAuditLogHandler.promises.addEntry.rejects(new Error('oops'))
+      await expect(
+        this.UserUpdater.promises.setDefaultEmailAddress(
+          this.user._id,
+          this.newEmail,
+          false,
+          this.auditLog
+        )
+      ).to.be.rejected
+      expect(this.db.users.updateOne).to.not.have.been.called
+    })
+
+    describe('when email not confirmed', function () {
+      beforeEach(function () {
+        setUserEmails(this, [
+          {
+            email: this.newEmail,
+            confirmedAt: null,
+          },
+        ])
+      })
+
+      it('should throw an error', async function () {
+        await expect(
+          this.UserUpdater.promises.setDefaultEmailAddress(
+            this.user._id,
+            this.newEmail,
+            false,
+            this.auditLog
+          )
+        ).to.be.rejectedWith(Errors.UnconfirmedEmailError)
+        expect(this.db.users.updateOne).to.not.have.been.called
+        expect(this.NewsletterManager.promises.changeEmail).to.not.have.been
+          .called
+      })
+    })
+
+    describe('when email does not belong to user', function () {
+      beforeEach(function () {
+        setUserEmails(this, [])
+        this.UserUpdater.promises.updateUser = sinon.stub()
+      })
+
+      it('should callback with error', function () {
+        this.UserUpdater.setDefaultEmailAddress(
+          this.user._id,
+          this.newEmail,
+          false,
+          this.auditLog,
+          error => {
+            expect(error).to.exist
+            expect(error.name).to.equal('Error')
+            this.UserUpdater.promises.updateUser.callCount.should.equal(0)
+            this.NewsletterManager.promises.changeEmail.callCount.should.equal(
+              0
+            )
+          }
+        )
+      })
+    })
+
+    describe('security alert', function () {
+      it('should be sent to old and new email when sendSecurityAlert=true', async function () {
+        await this.UserUpdater.promises.setDefaultEmailAddress(
+          this.user._id,
+          this.newEmail,
+          false,
+          this.auditLog,
+          true
+        )
+        // Emails are sent asynchronously. Wait a bit.
+        await setTimeout(100)
+        this.EmailHandler.promises.sendEmail.callCount.should.equal(2)
+        for (const recipient of [this.user.email, this.newEmail]) {
+          expect(this.EmailHandler.promises.sendEmail).to.have.been.calledWith(
+            'securityAlert',
+            sinon.match({ to: recipient })
+          )
+        }
+      })
+
+      it('should send to the most recently (re-)confirmed emails grouped by institution and by domain for unaffiliated emails', async function () {
+        setUserEmails(this, [
+          {
+            email: '1@a1.uni',
+            confirmedAt: new Date(2020, 0, 1),
+            reConfirmedAt: new Date(2021, 2, 11),
+            lastConfirmedAt: new Date(2021, 2, 11),
+            default: false,
+            affiliation: {
+              institution: {
+                id: 123,
+                name: 'A1 University',
+              },
+              cachedConfirmedAt: '2020-01-01T18:25:01.639Z',
+              cachedReconfirmedAt: '2021-03-11T18:25:01.639Z',
+            },
+          },
+          {
+            email: '2@a1.uni',
+            confirmedAt: new Date(2019, 0, 1),
+            reConfirmedAt: new Date(2022, 2, 11),
+            lastConfirmedAt: new Date(2022, 2, 11),
+            default: false,
+            affiliation: {
+              institution: {
+                id: 123,
+                name: 'A1 University',
+              },
+              cachedConfirmedAt: '2019-01-01T18:25:01.639Z',
+              cachedReconfirmedAt: '2022-03-11T18:25:01.639Z',
+            },
+          },
+          {
+            email: '2020@foo.bar',
+            confirmedAt: new Date(2020, 6, 1),
+            lastConfirmedAt: new Date(2020, 6, 1),
+          },
+          {
+            email: '2021@foo.bar',
+            confirmedAt: new Date(2021, 6, 1),
+            lastConfirmedAt: new Date(2021, 6, 1),
+          },
+          {
+            email: this.user.email,
+            confirmedAt: new Date(2021, 6, 1),
+            lastConfirmedAt: new Date(2021, 6, 1),
+          },
+          {
+            email: this.newEmail,
+            confirmedAt: new Date(2021, 6, 1),
+            lastConfirmedAt: new Date(2021, 6, 1),
+          },
+        ])
+        await this.UserUpdater.promises.setDefaultEmailAddress(
+          this.user._id,
+          this.newEmail,
+          false,
+          this.auditLog,
+          true
+        )
+        // Emails are sent asynchronously. Wait a bit.
+        await setTimeout(100)
+        this.EmailHandler.promises.sendEmail.callCount.should.equal(4)
+        for (const recipient of [
+          this.user.email,
+          this.newEmail,
+          '2@a1.uni',
+          '2021@foo.bar',
+        ]) {
+          expect(this.EmailHandler.promises.sendEmail).to.have.been.calledWith(
+            'securityAlert',
+            sinon.match({ to: recipient })
+          )
+        }
+      })
+
+      it('should send to the most recently (re-)confirmed emails grouped by institution and by domain for unaffiliated emails (multiple institutions and unaffiliated email domains)', async function () {
+        setUserEmails(this, [
+          {
+            email: '1@a1.uni',
+            confirmedAt: new Date(2020, 0, 1),
+            reConfirmedAt: new Date(2021, 2, 11),
+            lastConfirmedAt: new Date(2021, 2, 11),
+            default: false,
+            affiliation: {
+              institution: {
+                id: 123,
+                name: 'A1 University',
+              },
+              cachedConfirmedAt: '2020-01-01T18:25:01.639Z',
+              cachedReconfirmedAt: '2021-03-11T18:25:01.639Z',
+            },
+          },
+          {
+            email: '1@b2.uni',
+            confirmedAt: new Date(2019, 0, 1),
+            reConfirmedAt: new Date(2022, 2, 11),
+            lastConfirmedAt: new Date(2022, 2, 11),
+            default: false,
+            affiliation: {
+              institution: {
+                id: 234,
+                name: 'B2 University',
+              },
+              cachedConfirmedAt: '2019-01-01T18:25:01.639Z',
+              cachedReconfirmedAt: '2022-03-11T18:25:01.639Z',
+            },
+          },
+          {
+            email: '2020@foo.bar',
+            confirmedAt: new Date(2020, 6, 1),
+            lastConfirmedAt: new Date(2020, 6, 1),
+          },
+          {
+            email: '2021@bar.foo',
+            confirmedAt: new Date(2021, 6, 1),
+            lastConfirmedAt: new Date(2021, 6, 1),
+          },
+          {
+            email: this.user.email,
+            confirmedAt: new Date(2021, 6, 1),
+            lastConfirmedAt: new Date(2021, 6, 1),
+          },
+          {
+            email: this.newEmail,
+            confirmedAt: new Date(2021, 6, 1),
+            lastConfirmedAt: new Date(2021, 6, 1),
+          },
+        ])
+        await this.UserUpdater.promises.setDefaultEmailAddress(
+          this.user._id,
+          this.newEmail,
+          false,
+          this.auditLog,
+          true
+        )
+        // Emails are sent asynchronously. Wait a bit.
+        await setTimeout(100)
+        this.EmailHandler.promises.sendEmail.callCount.should.equal(6)
+        for (const recipient of [
+          this.user.email,
+          this.newEmail,
+          '1@a1.uni',
+          '1@b2.uni',
+          '2020@foo.bar',
+          '2021@bar.foo',
+        ]) {
+          expect(this.EmailHandler.promises.sendEmail).to.have.been.calledWith(
+            'securityAlert',
+            sinon.match({ to: recipient })
+          )
+        }
+      })
+
+      describe('errors', function () {
+        const anError = new Error('oops')
+        describe('EmailHandler', function () {
+          beforeEach(function () {
+            this.EmailHandler.promises.sendEmail.rejects(anError)
+          })
+          it('should log but not pass back the error', async function () {
+            await this.UserUpdater.promises.setDefaultEmailAddress(
+              this.user._id,
+              this.newEmail,
+              false,
+              this.auditLog,
+              true
+            )
+            const loggerCall = this.logger.error.firstCall
+            expect(loggerCall.args[0]).to.deep.equal({
+              error: anError,
+              userId: this.user._id,
+            })
+            expect(loggerCall.args[1]).to.contain(
+              'could not send security alert email when primary email changed'
+            )
+          })
+        })
+      })
+    })
+  })
+
+  describe('confirmEmail', function () {
+    it('should update the email record', async function () {
+      await this.UserUpdater.promises.confirmEmail(
+        this.user._id,
+        this.user.email
+      )
+      expect(this.db.users.updateOne).to.have.been.calledWith(
+        {
+          _id: this.user._id,
+          'emails.email': this.user.email,
+        },
+        {
+          $set: {
+            'emails.$.reconfirmedAt': new Date(),
+          },
+          $min: {
+            'emails.$.confirmedAt': new Date(),
+          },
+        }
+      )
+    })
+
+    it('adds affiliation', async function () {
+      await this.UserUpdater.promises.confirmEmail(this.user._id, this.newEmail)
+      this.InstitutionsAPI.promises.addAffiliation.calledOnce.should.equal(true)
+      sinon.assert.calledWith(
+        this.InstitutionsAPI.promises.addAffiliation,
+        this.user._id,
+        this.newEmail,
+        { confirmedAt: new Date() }
+      )
+    })
+
+    it('handles errors', async function () {
+      this.db.users.updateOne.rejects(new Error('nope'))
+
+      await expect(
+        this.UserUpdater.promises.confirmEmail(this.user._id, this.newEmail)
+      ).to.be.rejected
+    })
+
+    it('handle missed update', async function () {
+      this.db.users.updateOne.resolves({ matchedCount: 0 })
+
+      await expect(
+        this.UserUpdater.promises.confirmEmail(this.user._id, this.newEmail)
+      ).to.be.rejected
+    })
+
+    it('validates email', async function () {
+      expect(this.UserUpdater.promises.confirmEmail(this.user._id, '@')).to.be
+        .rejected
+    })
+
+    it('handles affiliation errors', async function () {
+      this.InstitutionsAPI.promises.addAffiliation.rejects(new Error('nope'))
+      await expect(
+        this.UserUpdater.promises.confirmEmail(this.user._id, this.newEmail)
+      ).to.be.rejected
+      expect(this.db.users.updateOne).to.not.have.been.called
+    })
+
+    it('refreshes features', async function () {
+      await this.UserUpdater.promises.confirmEmail(this.user._id, this.newEmail)
+      sinon.assert.calledWith(
+        this.FeaturesUpdater.promises.refreshFeatures,
+        this.user._id
+      )
+    })
+
+    it('should not call redundantPersonalSubscription when user is not on a commons license', async function () {
+      this.InstitutionsAPI.promises.getUserAffiliations.resolves([])
+      this.SubscriptionLocator.promises.getUserIndividualSubscription.resolves({
+        planCode: 'personal',
+        groupPlan: false,
+      })
+      await this.UserUpdater.promises.confirmEmail(this.user._id, this.newEmail)
+      sinon.assert.notCalled(
+        this.NotificationsBuilder.promises.redundantPersonalSubscription
+      )
+    })
+
+    describe('with institution licence and subscription', function () {
+      beforeEach(async function () {
+        this.affiliation = {
+          email: this.newEmail,
+          licence: 'pro_plus',
+          institution: {
+            id: 123,
+            name: 'Institution',
+          },
+        }
+        this.InstitutionsAPI.promises.getUserAffiliations.resolves([
+          this.affiliation,
+          { email: 'other@email.edu' },
+        ])
+        this.SubscriptionLocator.promises.getUserIndividualSubscription.resolves(
+          {
+            planCode: 'personal',
+            groupPlan: false,
+          }
+        )
+      })
+
+      it('creates redundant subscription notification', async function () {
+        await this.UserUpdater.promises.confirmEmail(
+          this.user._id,
+          this.newEmail
+        )
+        sinon.assert.calledWith(
+          this.InstitutionsAPI.promises.getUserAffiliations,
+          this.user._id
+        )
+        sinon.assert.calledWith(
+          this.SubscriptionLocator.promises.getUserIndividualSubscription,
+          this.user._id
+        )
+        sinon.assert.calledWith(
+          this.NotificationsBuilder.promises.redundantPersonalSubscription,
+          {
+            institutionId: 123,
+            institutionName: 'Institution',
+          },
+          { _id: this.user._id }
+        )
+      })
+    })
+  })
+
+  describe('suspendUser', function () {
+    beforeEach(function () {
+      this.auditLog = {
+        initiatorId: 'abc123',
+        ip: '0.0.0.0',
+      }
+    })
+
+    it('should suspend the user', async function () {
+      await this.UserUpdater.promises.suspendUser(this.user._id, this.auditLog)
+      expect(this.db.users.updateOne).to.have.been.calledWith(
+        { _id: this.user._id, suspended: { $ne: true } },
+        { $set: { suspended: true } }
+      )
+    })
+
+    it('should remove sessions from redis', async function () {
+      await this.UserUpdater.promises.suspendUser(this.user._id, this.auditLog)
+      expect(
+        this.UserSessionsManager.promises.removeSessionsFromRedis
+      ).to.have.been.calledWith({ _id: this.user._id })
+    })
+
+    it('should log the suspension to the audit log', async function () {
+      await this.UserUpdater.promises.suspendUser(this.user._id, this.auditLog)
+      expect(
+        this.UserAuditLogHandler.promises.addEntry
+      ).to.have.been.calledWith(
+        this.user._id,
+        'account-suspension',
+        this.auditLog.initiatorId,
+        this.auditLog.ip,
+        {}
+      )
+    })
+
+    it('should fire the removeDropbox hook', async function () {
+      await this.UserUpdater.promises.suspendUser(this.user._id, this.auditLog)
+      expect(this.Modules.promises.hooks.fire).to.have.been.calledWith(
+        'removeDropbox',
+        this.user._id,
+        'account-suspension'
+      )
+    })
+
+    it('should handle not finding a record to update', async function () {
+      this.db.users.updateOne.resolves({ matchedCount: 0 })
+      await expect(
+        this.UserUpdater.promises.suspendUser(this.user._id, this.auditLog)
+      ).to.be.rejectedWith(Errors.NotFoundError)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/UserMembership/UserMembershipControllerTests.mjs b/services/web/test/unit/src/UserMembership/UserMembershipControllerTests.mjs
new file mode 100644
index 0000000..f6dedf2
--- /dev/null
+++ b/services/web/test/unit/src/UserMembership/UserMembershipControllerTests.mjs
@@ -0,0 +1,380 @@
+import sinon from 'sinon'
+import { expect } from 'chai'
+import esmock from 'esmock'
+import MockRequest from '../helpers/MockRequest.js'
+import MockResponse from '../helpers/MockResponse.js'
+import EntityConfigs from '../../../../app/src/Features/UserMembership/UserMembershipEntityConfigs.js'
+import Errors from '../../../../app/src/Features/Errors/Errors.js'
+import {
+  UserIsManagerError,
+  UserNotFoundError,
+  UserAlreadyAddedError,
+} from '../../../../app/src/Features/UserMembership/UserMembershipErrors.js'
+const assertCalledWith = sinon.assert.calledWith
+
+const modulePath =
+  '../../../../app/src/Features/UserMembership/UserMembershipController.mjs'
+
+describe('UserMembershipController', function () {
+  beforeEach(async function () {
+    this.req = new MockRequest()
+    this.req.params.id = 'mock-entity-id'
+    this.user = { _id: 'mock-user-id' }
+    this.newUser = { _id: 'mock-new-user-id', email: 'new-user-email@foo.bar' }
+    this.subscription = {
+      _id: 'mock-subscription-id',
+      admin_id: 'mock-admin-id',
+      fetchV1Data: callback => callback(null, this.subscription),
+    }
+    this.institution = {
+      _id: 'mock-institution-id',
+      v1Id: 123,
+      fetchV1Data: callback => {
+        const institution = Object.assign({}, this.institution)
+        institution.name = 'Test Institution Name'
+        callback(null, institution)
+      },
+    }
+    this.users = [
+      {
+        _id: 'mock-member-id-1',
+        email: 'mock-email-1@foo.com',
+        last_logged_in_at: '2020-08-09T12:43:11.467Z',
+        last_active_at: '2021-08-09T12:43:11.467Z',
+      },
+      {
+        _id: 'mock-member-id-2',
+        email: 'mock-email-2@foo.com',
+        last_logged_in_at: '2020-05-20T10:41:11.407Z',
+        last_active_at: '2021-05-20T10:41:11.407Z',
+      },
+    ]
+
+    this.Settings = {
+      managedUsers: {
+        enabled: false,
+      },
+    }
+
+    this.SessionManager = {
+      getSessionUser: sinon.stub().returns(this.user),
+      getLoggedInUserId: sinon.stub().returns(this.user._id),
+    }
+    this.SSOConfig = {
+      findById: sinon
+        .stub()
+        .returns({ exec: sinon.stub().resolves({ enabled: true }) }),
+    }
+    this.UserMembershipHandler = {
+      getEntity: sinon.stub().yields(null, this.subscription),
+      createEntity: sinon.stub().yields(null, this.institution),
+      getUsers: sinon.stub().yields(null, this.users),
+      addUser: sinon.stub().yields(null, this.newUser),
+      removeUser: sinon.stub().yields(null),
+      promises: {
+        getUsers: sinon.stub().resolves(this.users),
+      },
+    }
+    this.SplitTestHandler = {
+      promises: {
+        getAssignment: sinon.stub().resolves({ variant: 'default' }),
+      },
+      getAssignment: sinon.stub().yields(null, { variant: 'default' }),
+    }
+    this.RecurlyClient = {
+      promises: {
+        getSubscription: sinon.stub().resolves({}),
+      },
+    }
+    this.UserMembershipController = await esmock.strict(modulePath, {
+      '../../../../app/src/Features/UserMembership/UserMembershipErrors': {
+        UserIsManagerError,
+        UserNotFoundError,
+        UserAlreadyAddedError,
+      },
+      '../../../../app/src/Features/Authentication/SessionManager':
+        this.SessionManager,
+      '../../../../app/src/Features/SplitTests/SplitTestHandler':
+        this.SplitTestHandler,
+      '../../../../app/src/Features/UserMembership/UserMembershipHandler':
+        this.UserMembershipHandler,
+      '../../../../app/src/Features/Subscription/RecurlyClient':
+        this.RecurlyClient,
+      '@overleaf/settings': this.Settings,
+      '../../../../app/src/models/SSOConfig': { SSOConfig: this.SSOConfig },
+    })
+  })
+
+  describe('index', function () {
+    beforeEach(function () {
+      this.req.entity = this.subscription
+      this.req.entityConfig = EntityConfigs.group
+    })
+
+    it('get users', async function () {
+      await this.UserMembershipController.manageGroupMembers(this.req, {
+        render: () => {
+          sinon.assert.calledWithMatch(
+            this.UserMembershipHandler.promises.getUsers,
+            this.subscription,
+            { modelName: 'Subscription' }
+          )
+        },
+      })
+    })
+
+    it('render group view', async function () {
+      this.subscription.managedUsersEnabled = false
+      await this.UserMembershipController.manageGroupMembers(this.req, {
+        render: (viewPath, viewParams) => {
+          expect(viewPath).to.equal('user_membership/group-members-react')
+          expect(viewParams.users).to.deep.equal(this.users)
+          expect(viewParams.groupSize).to.equal(this.subscription.membersLimit)
+          expect(viewParams.managedUsersActive).to.equal(false)
+        },
+      })
+    })
+
+    it('render group view with managed users', async function () {
+      this.subscription.managedUsersEnabled = true
+      await this.UserMembershipController.manageGroupMembers(this.req, {
+        render: (viewPath, viewParams) => {
+          expect(viewPath).to.equal('user_membership/group-members-react')
+          expect(viewParams.users).to.deep.equal(this.users)
+          expect(viewParams.groupSize).to.equal(this.subscription.membersLimit)
+          expect(viewParams.managedUsersActive).to.equal(true)
+        },
+      })
+    })
+
+    it('render group managers view', async function () {
+      this.req.entityConfig = EntityConfigs.groupManagers
+      await this.UserMembershipController.manageGroupManagers(this.req, {
+        render: (viewPath, viewParams) => {
+          expect(viewPath).to.equal('user_membership/group-managers-react')
+          expect(viewParams.groupSize).to.equal(undefined)
+        },
+      })
+    })
+
+    it('render institution view', async function () {
+      this.req.entity = this.institution
+      this.req.entityConfig = EntityConfigs.institution
+      await this.UserMembershipController.manageInstitutionManagers(this.req, {
+        render: (viewPath, viewParams) => {
+          expect(viewPath).to.equal(
+            'user_membership/institution-managers-react'
+          )
+          expect(viewParams.name).to.equal('Test Institution Name')
+          expect(viewParams.groupSize).to.equal(undefined)
+        },
+      })
+    })
+  })
+
+  describe('add', function () {
+    beforeEach(function () {
+      this.req.body.email = this.newUser.email
+      this.req.entity = this.subscription
+      this.req.entityConfig = EntityConfigs.groupManagers
+    })
+
+    it('add user', function (done) {
+      this.UserMembershipController.add(this.req, {
+        json: () => {
+          sinon.assert.calledWithMatch(
+            this.UserMembershipHandler.addUser,
+            this.subscription,
+            { modelName: 'Subscription' },
+            this.newUser.email
+          )
+          done()
+        },
+      })
+    })
+
+    it('return user object', function (done) {
+      this.UserMembershipController.add(this.req, {
+        json: payload => {
+          payload.user.should.equal(this.newUser)
+          done()
+        },
+      })
+    })
+
+    it('handle readOnly entity', function (done) {
+      this.req.entityConfig = EntityConfigs.group
+      this.UserMembershipController.add(this.req, null, error => {
+        expect(error).to.exist
+        expect(error).to.be.an.instanceof(Errors.NotFoundError)
+        done()
+      })
+    })
+
+    it('handle user already added', function (done) {
+      this.UserMembershipHandler.addUser.yields(new UserAlreadyAddedError())
+      this.UserMembershipController.add(this.req, {
+        status: () => ({
+          json: payload => {
+            expect(payload.error.code).to.equal('user_already_added')
+            done()
+          },
+        }),
+      })
+    })
+
+    it('handle user not found', function (done) {
+      this.UserMembershipHandler.addUser.yields(new UserNotFoundError())
+      this.UserMembershipController.add(this.req, {
+        status: () => ({
+          json: payload => {
+            expect(payload.error.code).to.equal('user_not_found')
+            done()
+          },
+        }),
+      })
+    })
+
+    it('handle invalid email', function (done) {
+      this.req.body.email = 'not_valid_email'
+      this.UserMembershipController.add(this.req, {
+        status: () => ({
+          json: payload => {
+            expect(payload.error.code).to.equal('invalid_email')
+            done()
+          },
+        }),
+      })
+    })
+  })
+
+  describe('remove', function () {
+    beforeEach(function () {
+      this.req.params.userId = this.newUser._id
+      this.req.entity = this.subscription
+      this.req.entityConfig = EntityConfigs.groupManagers
+    })
+
+    it('remove user', function (done) {
+      this.UserMembershipController.remove(this.req, {
+        sendStatus: () => {
+          sinon.assert.calledWithMatch(
+            this.UserMembershipHandler.removeUser,
+            this.subscription,
+            { modelName: 'Subscription' },
+            this.newUser._id
+          )
+          done()
+        },
+      })
+    })
+
+    it('handle readOnly entity', function (done) {
+      this.req.entityConfig = EntityConfigs.group
+      this.UserMembershipController.remove(this.req, null, error => {
+        expect(error).to.exist
+        expect(error).to.be.an.instanceof(Errors.NotFoundError)
+        done()
+      })
+    })
+
+    it('prevent self removal', function (done) {
+      this.req.params.userId = this.user._id
+      this.UserMembershipController.remove(this.req, {
+        status: () => ({
+          json: payload => {
+            expect(payload.error.code).to.equal('managers_cannot_remove_self')
+            done()
+          },
+        }),
+      })
+    })
+
+    it('prevent admin removal', function (done) {
+      this.UserMembershipHandler.removeUser.yields(new UserIsManagerError())
+      this.UserMembershipController.remove(this.req, {
+        status: () => ({
+          json: payload => {
+            expect(payload.error.code).to.equal('managers_cannot_remove_admin')
+            done()
+          },
+        }),
+      })
+    })
+  })
+
+  describe('exportCsv', function () {
+    beforeEach(function () {
+      this.req.entity = this.subscription
+      this.req.entityConfig = EntityConfigs.groupManagers
+      this.res = new MockResponse()
+      this.UserMembershipController.exportCsv(this.req, this.res)
+    })
+
+    it('get users', function () {
+      sinon.assert.calledWithMatch(
+        this.UserMembershipHandler.getUsers,
+        this.subscription,
+        { modelName: 'Subscription' }
+      )
+    })
+
+    it('should set the correct content type on the request', function () {
+      assertCalledWith(this.res.contentType, 'text/csv; charset=utf-8')
+    })
+
+    it('should name the exported csv file', function () {
+      assertCalledWith(
+        this.res.header,
+        'Content-Disposition',
+        'attachment; filename="Group.csv"'
+      )
+    })
+
+    it('should export the correct csv', function () {
+      assertCalledWith(
+        this.res.send,
+        '"email","last_logged_in_at","last_active_at"\n"mock-email-1@foo.com","2020-08-09T12:43:11.467Z","2021-08-09T12:43:11.467Z"\n"mock-email-2@foo.com","2020-05-20T10:41:11.407Z","2021-05-20T10:41:11.407Z"'
+      )
+    })
+  })
+
+  describe('new', function () {
+    beforeEach(function () {
+      this.req.params.name = 'publisher'
+      this.req.params.id = 'abc'
+    })
+
+    it('renders view', function (done) {
+      this.UserMembershipController.new(this.req, {
+        render: (viewPath, data) => {
+          expect(data.entityName).to.eq('publisher')
+          expect(data.entityId).to.eq('abc')
+          done()
+        },
+      })
+    })
+  })
+
+  describe('create', function () {
+    beforeEach(function () {
+      this.req.params.name = 'institution'
+      this.req.entityConfig = EntityConfigs.institution
+      this.req.params.id = 123
+    })
+
+    it('creates institution', function (done) {
+      this.UserMembershipController.create(this.req, {
+        redirect: path => {
+          expect(path).to.eq(EntityConfigs.institution.pathsFor(123).index)
+          sinon.assert.calledWithMatch(
+            this.UserMembershipHandler.createEntity,
+            123,
+            { modelName: 'Institution' }
+          )
+          done()
+        },
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/UserMembership/UserMembershipHandlerTests.js b/services/web/test/unit/src/UserMembership/UserMembershipHandlerTests.js
new file mode 100644
index 0000000..f7b665a
--- /dev/null
+++ b/services/web/test/unit/src/UserMembership/UserMembershipHandlerTests.js
@@ -0,0 +1,253 @@
+const { expect } = require('chai')
+const sinon = require('sinon')
+const assertCalledWith = sinon.assert.calledWith
+const { ObjectId } = require('mongodb-legacy')
+const modulePath =
+  '../../../../app/src/Features/UserMembership/UserMembershipHandler'
+const SandboxedModule = require('sandboxed-module')
+const EntityConfigs = require('../../../../app/src/Features/UserMembership/UserMembershipEntityConfigs')
+const {
+  UserIsManagerError,
+  UserNotFoundError,
+  UserAlreadyAddedError,
+} = require('../../../../app/src/Features/UserMembership/UserMembershipErrors')
+
+describe('UserMembershipHandler', function () {
+  beforeEach(function () {
+    this.user = { _id: new ObjectId() }
+    this.newUser = { _id: new ObjectId(), email: 'new-user-email@foo.bar' }
+    this.fakeEntityId = new ObjectId()
+    this.subscription = {
+      _id: 'mock-subscription-id',
+      groupPlan: true,
+      membersLimit: 10,
+      member_ids: [new ObjectId(), new ObjectId()],
+      manager_ids: [new ObjectId()],
+      invited_emails: ['mock-email-1@foo.com'],
+      teamInvites: [{ email: 'mock-email-1@bar.com' }],
+      update: sinon.stub().returns({
+        exec: sinon.stub().resolves(),
+      }),
+    }
+    this.institution = {
+      _id: 'mock-institution-id',
+      v1Id: 123,
+      managerIds: [new ObjectId(), new ObjectId(), new ObjectId()],
+      updateOne: sinon.stub().returns({
+        exec: sinon.stub().resolves(),
+      }),
+    }
+    this.publisher = {
+      _id: 'mock-publisher-id',
+      slug: 'slug',
+      managerIds: [new ObjectId(), new ObjectId()],
+      updateOne: sinon.stub().returns({
+        exec: sinon.stub().resolves(),
+      }),
+    }
+
+    this.UserMembershipViewModel = {
+      promises: {
+        buildAsync: sinon.stub().resolves({ _id: 'mock-member-id' }),
+      },
+      build: sinon.stub().returns(this.newUser),
+    }
+    this.UserGetter = {
+      promises: {
+        getUserByAnyEmail: sinon.stub().resolves(this.newUser),
+      },
+    }
+    this.Institution = {
+      findOne: sinon.stub().returns({
+        exec: sinon.stub().resolves(this.institution),
+      }),
+    }
+    this.Subscription = {
+      findOne: sinon.stub().returns({
+        exec: sinon.stub().resolves(this.subscription),
+      }),
+    }
+    this.Publisher = {
+      findOne: sinon.stub().returns({
+        exec: sinon.stub().resolves(this.publisher),
+      }),
+      create: sinon.stub().returns({
+        exec: sinon.stub().resolves(this.publisher),
+      }),
+    }
+    this.UserMembershipHandler = SandboxedModule.require(modulePath, {
+      requires: {
+        'mongodb-legacy': { ObjectId },
+        './UserMembershipErrors': {
+          UserIsManagerError,
+          UserNotFoundError,
+          UserAlreadyAddedError,
+        },
+        './UserMembershipViewModel': this.UserMembershipViewModel,
+        '../User/UserGetter': this.UserGetter,
+        '../../models/Institution': {
+          Institution: this.Institution,
+        },
+        '../../models/Subscription': {
+          Subscription: this.Subscription,
+        },
+        '../../models/Publisher': {
+          Publisher: this.Publisher,
+        },
+      },
+    })
+  })
+
+  describe('getEntityWithoutAuthorizationCheck', function () {
+    it('get publisher', async function () {
+      const subscription =
+        await this.UserMembershipHandler.promises.getEntityWithoutAuthorizationCheck(
+          this.fakeEntityId,
+          EntityConfigs.publisher
+        )
+      const expectedQuery = { slug: this.fakeEntityId }
+      assertCalledWith(this.Publisher.findOne, expectedQuery)
+      expect(subscription).to.equal(this.publisher)
+    })
+  })
+
+  describe('getUsers', function () {
+    describe('group', function () {
+      it('build view model for all users', async function () {
+        await this.UserMembershipHandler.promises.getUsers(
+          this.subscription,
+          EntityConfigs.group
+        )
+        const expectedCallcount =
+          this.subscription.member_ids.length +
+          this.subscription.invited_emails.length +
+          this.subscription.teamInvites.length
+        expect(
+          this.UserMembershipViewModel.promises.buildAsync.callCount
+        ).to.equal(expectedCallcount)
+      })
+    })
+
+    describe('group mamagers', function () {
+      it('build view model for all managers', async function () {
+        await this.UserMembershipHandler.promises.getUsers(
+          this.subscription,
+          EntityConfigs.groupManagers
+        )
+        const expectedCallcount = this.subscription.manager_ids.length
+        expect(
+          this.UserMembershipViewModel.promises.buildAsync.callCount
+        ).to.equal(expectedCallcount)
+      })
+    })
+
+    describe('institution', function () {
+      it('build view model for all managers', async function () {
+        await this.UserMembershipHandler.promises.getUsers(
+          this.institution,
+          EntityConfigs.institution
+        )
+
+        const expectedCallcount = this.institution.managerIds.length
+        expect(
+          this.UserMembershipViewModel.promises.buildAsync.callCount
+        ).to.equal(expectedCallcount)
+      })
+    })
+  })
+
+  describe('createEntity', function () {
+    it('creates publisher', async function () {
+      await this.UserMembershipHandler.promises.createEntity(
+        this.fakeEntityId,
+        EntityConfigs.publisher
+      )
+      assertCalledWith(this.Publisher.create, { slug: this.fakeEntityId })
+    })
+  })
+
+  describe('addUser', function () {
+    beforeEach(function () {
+      this.email = this.newUser.email
+    })
+
+    describe('institution', function () {
+      it('get user', async function () {
+        await this.UserMembershipHandler.promises.addUser(
+          this.institution,
+          EntityConfigs.institution,
+          this.email
+        )
+        assertCalledWith(this.UserGetter.promises.getUserByAnyEmail, this.email)
+      })
+
+      it('handle user not found', async function () {
+        this.UserGetter.promises.getUserByAnyEmail.resolves(null)
+        expect(
+          this.UserMembershipHandler.promises.addUser(
+            this.institution,
+            EntityConfigs.institution,
+            this.email
+          )
+        ).to.be.rejectedWith(UserNotFoundError)
+      })
+
+      it('handle user already added', async function () {
+        this.institution.managerIds.push(this.newUser._id)
+        expect(
+          this.UserMembershipHandler.promises.addUser(
+            this.institution,
+            EntityConfigs.institution,
+            this.email
+          )
+        ).to.be.rejectedWith(UserAlreadyAddedError)
+      })
+
+      it('add user to institution', async function () {
+        await this.UserMembershipHandler.promises.addUser(
+          this.institution,
+          EntityConfigs.institution,
+          this.email
+        )
+        assertCalledWith(this.institution.updateOne, {
+          $addToSet: { managerIds: this.newUser._id },
+        })
+      })
+
+      it('return user view', async function () {
+        const user = await this.UserMembershipHandler.promises.addUser(
+          this.institution,
+          EntityConfigs.institution,
+          this.email
+        )
+        user.should.equal(this.newUser)
+      })
+    })
+  })
+
+  describe('removeUser', function () {
+    describe('institution', function () {
+      it('remove user from institution', async function () {
+        await this.UserMembershipHandler.promises.removeUser(
+          this.institution,
+          EntityConfigs.institution,
+          this.newUser._id
+        )
+        assertCalledWith(this.institution.updateOne, {
+          $pull: { managerIds: this.newUser._id },
+        })
+      })
+
+      it('handle admin', async function () {
+        this.subscription.admin_id = this.newUser._id
+        expect(
+          this.UserMembershipHandler.promises.removeUser(
+            this.subscription,
+            EntityConfigs.groupManagers,
+            this.newUser._id
+          )
+        ).to.be.rejectedWith(UserIsManagerError)
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/UserMembership/UserMembershipViewModelTests.js b/services/web/test/unit/src/UserMembership/UserMembershipViewModelTests.js
new file mode 100644
index 0000000..a8ce9d1
--- /dev/null
+++ b/services/web/test/unit/src/UserMembership/UserMembershipViewModelTests.js
@@ -0,0 +1,143 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { expect } = require('chai')
+const sinon = require('sinon')
+const assertCalledWith = sinon.assert.calledWith
+const assertNotCalled = sinon.assert.notCalled
+const { ObjectId } = require('mongodb-legacy')
+const modulePath =
+  '../../../../app/src/Features/UserMembership/UserMembershipViewModel'
+const SandboxedModule = require('sandboxed-module')
+const {
+  isObjectIdInstance,
+  normalizeQuery,
+} = require('../../../../app/src/Features/Helpers/Mongo')
+
+describe('UserMembershipViewModel', function () {
+  beforeEach(function () {
+    this.UserGetter = { getUser: sinon.stub() }
+    this.UserMembershipViewModel = SandboxedModule.require(modulePath, {
+      requires: {
+        'mongodb-legacy': { ObjectId },
+        '../Helpers/Mongo': { isObjectIdInstance, normalizeQuery },
+        '../User/UserGetter': this.UserGetter,
+      },
+    })
+    this.email = 'mock-email@bar.com'
+    this.user = {
+      _id: 'mock-user-id',
+      email: 'mock-email@baz.com',
+      first_name: 'Name',
+      lastLoggedIn: '2020-05-20T10:41:11.407Z',
+      enrollment: {
+        managedBy: 'mock-group-id',
+        enrolledAt: new Date(),
+        sso: {
+          groupId: 'abc123abc123',
+          linkedAt: new Date(),
+          primary: true,
+        },
+      },
+    }
+  })
+
+  describe('build', function () {
+    it('build email', function () {
+      const viewModel = this.UserMembershipViewModel.build(this.email)
+      return expect(viewModel).to.deep.equal({
+        email: this.email,
+        invite: true,
+        last_active_at: null,
+        last_logged_in_at: null,
+        first_name: null,
+        last_name: null,
+        _id: null,
+        enrollment: undefined,
+      })
+    })
+
+    it('build user', function () {
+      const viewModel = this.UserMembershipViewModel.build(this.user)
+      expect(viewModel).to.deep.equal({
+        email: this.user.email,
+        invite: false,
+        last_active_at: this.user.lastLoggedIn,
+        last_logged_in_at: this.user.lastLoggedIn,
+        first_name: this.user.first_name,
+        last_name: null,
+        _id: this.user._id,
+        enrollment: this.user.enrollment,
+      })
+    })
+  })
+
+  describe('build async', function () {
+    beforeEach(function () {
+      return (this.UserMembershipViewModel.build = sinon.stub())
+    })
+
+    it('build email', function (done) {
+      return this.UserMembershipViewModel.buildAsync(
+        this.email,
+        (error, viewModel) => {
+          assertCalledWith(this.UserMembershipViewModel.build, this.email)
+          return done()
+        }
+      )
+    })
+
+    it('build user', function (done) {
+      return this.UserMembershipViewModel.buildAsync(
+        this.user,
+        (error, viewModel) => {
+          assertCalledWith(this.UserMembershipViewModel.build, this.user)
+          return done()
+        }
+      )
+    })
+
+    it('build user id', function (done) {
+      this.UserGetter.getUser.yields(null, this.user)
+      return this.UserMembershipViewModel.buildAsync(
+        new ObjectId(),
+        (error, viewModel) => {
+          expect(error).not.to.exist
+          assertNotCalled(this.UserMembershipViewModel.build)
+          expect(viewModel._id).to.equal(this.user._id)
+          expect(viewModel.email).to.equal(this.user.email)
+          expect(viewModel.first_name).to.equal(this.user.first_name)
+          expect(viewModel.invite).to.equal(false)
+          expect(viewModel.email).to.exist
+          expect(viewModel.enrollment).to.exist
+          expect(viewModel.enrollment).to.deep.equal(this.user.enrollment)
+          return done()
+        }
+      )
+    })
+
+    it('build user id with error', function (done) {
+      this.UserGetter.getUser.yields(new Error('nope'))
+      const userId = new ObjectId()
+      return this.UserMembershipViewModel.buildAsync(
+        userId,
+        (error, viewModel) => {
+          expect(error).not.to.exist
+          assertNotCalled(this.UserMembershipViewModel.build)
+          expect(viewModel._id).to.equal(userId.toString())
+          expect(viewModel.email).not.to.exist
+          return done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/UserMembership/UserMembershipsHandlerTests.js b/services/web/test/unit/src/UserMembership/UserMembershipsHandlerTests.js
new file mode 100644
index 0000000..ba349f2
--- /dev/null
+++ b/services/web/test/unit/src/UserMembership/UserMembershipsHandlerTests.js
@@ -0,0 +1,67 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-return-assign,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const assertCalledWith = sinon.assert.calledWith
+const { ObjectId } = require('mongodb-legacy')
+const modulePath =
+  '../../../../app/src/Features/UserMembership/UserMembershipsHandler'
+const SandboxedModule = require('sandboxed-module')
+
+describe('UserMembershipsHandler', function () {
+  beforeEach(function () {
+    this.user = { _id: new ObjectId() }
+
+    this.Institution = { updateMany: sinon.stub().resolves(null) }
+    this.Subscription = { updateMany: sinon.stub().resolves(null) }
+    this.Publisher = { updateMany: sinon.stub().resolves(null) }
+    return (this.UserMembershipsHandler = SandboxedModule.require(modulePath, {
+      requires: {
+        '../../models/Institution': {
+          Institution: this.Institution,
+        },
+        '../../models/Subscription': {
+          Subscription: this.Subscription,
+        },
+        '../../models/Publisher': {
+          Publisher: this.Publisher,
+        },
+      },
+    }))
+  })
+
+  describe('remove user', function () {
+    it('remove user from all entities', function (done) {
+      return this.UserMembershipsHandler.removeUserFromAllEntities(
+        this.user._id,
+        error => {
+          assertCalledWith(
+            this.Institution.updateMany,
+            {},
+            { $pull: { managerIds: this.user._id } }
+          )
+          assertCalledWith(
+            this.Subscription.updateMany,
+            {},
+            { $pull: { manager_ids: this.user._id } }
+          )
+          assertCalledWith(
+            this.Publisher.updateMany,
+            {},
+            { $pull: { managerIds: this.user._id } }
+          )
+          return done()
+        }
+      )
+    })
+  })
+})
diff --git a/services/web/test/unit/src/helpers/MockClient.js b/services/web/test/unit/src/helpers/MockClient.js
new file mode 100644
index 0000000..3142a20
--- /dev/null
+++ b/services/web/test/unit/src/helpers/MockClient.js
@@ -0,0 +1,38 @@
+/* eslint-disable
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+let MockClient
+const sinon = require('sinon')
+
+let idCounter = 0
+
+module.exports = MockClient = class MockClient {
+  constructor() {
+    this.attributes = {}
+    this.join = sinon.stub()
+    this.emit = sinon.stub()
+    this.disconnect = sinon.stub()
+    this.id = idCounter++
+  }
+
+  set(key, value, callback) {
+    this.attributes[key] = value
+    if (callback != null) {
+      return callback()
+    }
+  }
+
+  get(key, callback) {
+    return callback(null, this.attributes[key])
+  }
+
+  disconnect() {}
+}
diff --git a/services/web/test/unit/src/helpers/MockModel.js b/services/web/test/unit/src/helpers/MockModel.js
new file mode 100644
index 0000000..764dd52
--- /dev/null
+++ b/services/web/test/unit/src/helpers/MockModel.js
@@ -0,0 +1,39 @@
+const SandboxedModule = require('sandboxed-module')
+const mongoose = require('mongoose')
+
+/**
+ * Imports a model as we would usually do with e.g. `require('models/User')`
+ * an returns a model an schema, but without connecting to Mongo. This allows
+ * us to use model classes in tests, and to use them with `sinon-mongoose`
+ *
+ * @param  modelName the name of the model - e.g. 'User'
+ * @param  requires  additional `requires` to be passed to SanboxedModule in
+ *                   the event that these also need to be stubbed. For example,
+ *                   additional dependent models to be included
+ *
+ * @return model and schema pair - e.g. { User, UserSchema }
+ */
+
+module.exports = (modelName, requires = {}) => {
+  const model = {}
+
+  requires['../infrastructure/Mongoose'] = {
+    createConnection: () => {
+      return {
+        model: () => {},
+      }
+    },
+    model: (modelName, schema) => {
+      model[modelName + 'Schema'] = schema
+      model[modelName] = mongoose.model(modelName, schema)
+    },
+    Schema: mongoose.Schema,
+    Types: mongoose.Types,
+  }
+
+  SandboxedModule.require('../../../../app/src/models/' + modelName, {
+    requires,
+  })
+
+  return model
+}
diff --git a/services/web/test/unit/src/helpers/MockRequest.js b/services/web/test/unit/src/helpers/MockRequest.js
new file mode 100644
index 0000000..9771fb2
--- /dev/null
+++ b/services/web/test/unit/src/helpers/MockRequest.js
@@ -0,0 +1,32 @@
+const sinon = require('sinon')
+
+class MockRequest {
+  constructor() {
+    this.session = { destroy() {} }
+
+    this.ip = '42.42.42.42'
+    this.headers = {}
+    this.params = {}
+    this.query = {}
+    this.body = {}
+    this._parsedUrl = {}
+    this.i18n = {
+      translate(str) {
+        return str
+      },
+    }
+    this.route = { path: '' }
+    this.accepts = () => {}
+    this.setHeader = () => {}
+    this.logger = {
+      addFields: sinon.stub(),
+      setLevel: sinon.stub(),
+    }
+  }
+
+  param(param) {
+    return this.params[param]
+  }
+}
+
+module.exports = MockRequest
diff --git a/services/web/test/unit/src/helpers/MockResponse.js b/services/web/test/unit/src/helpers/MockResponse.js
new file mode 100644
index 0000000..80e7ae9
--- /dev/null
+++ b/services/web/test/unit/src/helpers/MockResponse.js
@@ -0,0 +1,187 @@
+/* eslint-disable
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS206: Consider reworking classes to avoid initClass
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const Path = require('path')
+const contentDisposition = require('content-disposition')
+
+class MockResponse {
+  static initClass() {
+    // Added via ExpressLocals.
+    this.prototype.setContentDisposition = sinon.stub() // FIXME: should be reset between each test
+  }
+
+  constructor() {
+    this.rendered = false
+    this.redirected = false
+    this.returned = false
+    this.headers = {}
+    this.locals = {}
+
+    sinon.spy(this, 'contentType')
+    sinon.spy(this, 'header')
+    sinon.spy(this, 'json')
+    sinon.spy(this, 'send')
+    sinon.spy(this, 'sendStatus')
+    sinon.spy(this, 'status')
+    sinon.spy(this, 'render')
+    sinon.spy(this, 'redirect')
+  }
+
+  header(field, val) {
+    this.headers[field] = val
+  }
+
+  render(template, variables) {
+    this.success = true
+    this.rendered = true
+    this.returned = true
+    this.renderedTemplate = template
+    this.renderedVariables = variables
+    if (this.callback != null) {
+      return this.callback()
+    }
+  }
+
+  redirect(url) {
+    this.success = true
+    this.redirected = true
+    this.returned = true
+    this.redirectedTo = url
+    if (this.callback != null) {
+      return this.callback()
+    }
+  }
+
+  sendStatus(status) {
+    if (arguments.length < 2) {
+      if (typeof status !== 'number') {
+        status = 200
+      }
+    }
+    this.statusCode = status
+    this.returned = true
+    if (status >= 200 && status < 300) {
+      this.success = true
+    } else {
+      this.success = false
+    }
+    if (this.callback != null) {
+      return this.callback()
+    }
+  }
+
+  writeHead(status) {
+    this.statusCode = status
+  }
+
+  send(status, body) {
+    if (arguments.length < 2) {
+      if (typeof status !== 'number') {
+        body = status
+        status = this.statusCode || 200
+      }
+    }
+    this.statusCode = status
+    this.returned = true
+    if (status >= 200 && status < 300) {
+      this.success = true
+    } else {
+      this.success = false
+    }
+    if (body) {
+      this.body = body
+    }
+    if (this.callback != null) {
+      return this.callback()
+    }
+  }
+
+  json(status, body) {
+    if (arguments.length < 2) {
+      if (typeof status !== 'number') {
+        body = status
+        status = this.statusCode || 200
+      }
+    }
+    this.statusCode = status
+    this.returned = true
+    this.contentType('application/json')
+    if (status >= 200 && status < 300) {
+      this.success = true
+    } else {
+      this.success = false
+    }
+    if (body) {
+      this.body = JSON.stringify(body)
+    }
+    if (this.callback != null) {
+      return this.callback()
+    }
+  }
+
+  status(status) {
+    this.statusCode = status
+    return this
+  }
+
+  setHeader(header, value) {
+    this.header(header, value)
+  }
+
+  appendHeader(header, value) {
+    if (this.headers[header]) {
+      this.headers[header] += `, ${value}`
+    } else {
+      this.headers[header] = value
+    }
+  }
+
+  setTimeout(timout) {
+    this.timout = timout
+  }
+
+  end(data, encoding) {
+    if (this.callback) {
+      return this.callback()
+    }
+  }
+
+  attachment(filename) {
+    switch (Path.extname(filename)) {
+      case '.csv':
+        this.contentType('text/csv; charset=utf-8')
+        break
+      case '.zip':
+        this.contentType('application/zip')
+        break
+      default:
+        throw new Error('unexpected extension')
+    }
+    this.header('Content-Disposition', contentDisposition(filename))
+    return this
+  }
+
+  contentType(type) {
+    this.header('Content-Type', type)
+    this.type = type
+    return this
+  }
+
+  type(type) {
+    return this.contentType(type)
+  }
+}
+MockResponse.initClass()
+
+module.exports = MockResponse
diff --git a/services/web/test/unit/src/helpers/models/DeletedFile.js b/services/web/test/unit/src/helpers/models/DeletedFile.js
new file mode 100644
index 0000000..8e0b6a4
--- /dev/null
+++ b/services/web/test/unit/src/helpers/models/DeletedFile.js
@@ -0,0 +1,3 @@
+const mockModel = require('../MockModel')
+
+module.exports = mockModel('DeletedFile')
diff --git a/services/web/test/unit/src/helpers/models/DeletedProject.js b/services/web/test/unit/src/helpers/models/DeletedProject.js
new file mode 100644
index 0000000..f3537bc
--- /dev/null
+++ b/services/web/test/unit/src/helpers/models/DeletedProject.js
@@ -0,0 +1,5 @@
+const mockModel = require('../MockModel')
+
+module.exports = mockModel('DeletedProject', {
+  './Project': require('./Project'),
+})
diff --git a/services/web/test/unit/src/helpers/models/DeletedUser.js b/services/web/test/unit/src/helpers/models/DeletedUser.js
new file mode 100644
index 0000000..92d932c
--- /dev/null
+++ b/services/web/test/unit/src/helpers/models/DeletedUser.js
@@ -0,0 +1,5 @@
+const mockModel = require('../MockModel')
+
+module.exports = mockModel('DeletedUser', {
+  './User': require('./User'),
+})
diff --git a/services/web/test/unit/src/helpers/models/Doc.js b/services/web/test/unit/src/helpers/models/Doc.js
new file mode 100644
index 0000000..ac7bed3
--- /dev/null
+++ b/services/web/test/unit/src/helpers/models/Doc.js
@@ -0,0 +1,3 @@
+const mockModel = require('../MockModel')
+
+module.exports = mockModel('Doc')
diff --git a/services/web/test/unit/src/helpers/models/File.js b/services/web/test/unit/src/helpers/models/File.js
new file mode 100644
index 0000000..3c57aa3
--- /dev/null
+++ b/services/web/test/unit/src/helpers/models/File.js
@@ -0,0 +1,3 @@
+const mockModel = require('../MockModel')
+
+module.exports = mockModel('File')
diff --git a/services/web/test/unit/src/helpers/models/Folder.js b/services/web/test/unit/src/helpers/models/Folder.js
new file mode 100644
index 0000000..3abf588
--- /dev/null
+++ b/services/web/test/unit/src/helpers/models/Folder.js
@@ -0,0 +1,6 @@
+const mockModel = require('../MockModel')
+
+module.exports = mockModel('Folder', {
+  './Doc': require('./Doc'),
+  './File': require('./File'),
+})
diff --git a/services/web/test/unit/src/helpers/models/Project.js b/services/web/test/unit/src/helpers/models/Project.js
new file mode 100644
index 0000000..508db37
--- /dev/null
+++ b/services/web/test/unit/src/helpers/models/Project.js
@@ -0,0 +1,5 @@
+const mockModel = require('../MockModel')
+
+module.exports = mockModel('Project', {
+  './Folder': require('./Folder'),
+})
diff --git a/services/web/test/unit/src/helpers/models/Tag.js b/services/web/test/unit/src/helpers/models/Tag.js
new file mode 100644
index 0000000..fa6c2aa
--- /dev/null
+++ b/services/web/test/unit/src/helpers/models/Tag.js
@@ -0,0 +1,3 @@
+const mockModel = require('../MockModel')
+
+module.exports = mockModel('Tag')
diff --git a/services/web/test/unit/src/helpers/models/User.js b/services/web/test/unit/src/helpers/models/User.js
new file mode 100644
index 0000000..7190fd6
--- /dev/null
+++ b/services/web/test/unit/src/helpers/models/User.js
@@ -0,0 +1,5 @@
+const mockModel = require('../MockModel')
+
+module.exports = mockModel('User', {
+  './Project': require('./Project'),
+})
diff --git a/services/web/test/unit/src/helpers/models/UserAuditLogEntry.js b/services/web/test/unit/src/helpers/models/UserAuditLogEntry.js
new file mode 100644
index 0000000..f31838b
--- /dev/null
+++ b/services/web/test/unit/src/helpers/models/UserAuditLogEntry.js
@@ -0,0 +1,3 @@
+const mockModel = require('../MockModel')
+
+module.exports = mockModel('UserAuditLogEntry')
diff --git a/services/web/test/unit/src/infrastructure/CsrfTests.js b/services/web/test/unit/src/infrastructure/CsrfTests.js
new file mode 100644
index 0000000..4bcb213
--- /dev/null
+++ b/services/web/test/unit/src/infrastructure/CsrfTests.js
@@ -0,0 +1,195 @@
+/* eslint-disable
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const { assert, expect } = require('chai')
+const sinon = require('sinon')
+const modulePath = '../../../../app/src/infrastructure/Csrf.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('Csrf', function () {
+  beforeEach(function () {
+    this.csurf_csrf = sinon
+      .stub()
+      .callsArgWith(2, (this.err = { code: 'EBADCSRFTOKEN' }))
+    this.Csrf = SandboxedModule.require(modulePath, {
+      requires: {
+        csurf: sinon.stub().returns(this.csurf_csrf),
+      },
+    })
+    this.csrf = new this.Csrf()
+    this.next = sinon.stub()
+    this.path = '/foo/bar'
+    this.req = {
+      path: this.path,
+      method: 'POST',
+    }
+    return (this.res = {})
+  })
+
+  describe('the middleware', function () {
+    describe('when there are no excluded routes', function () {
+      it('passes the csrf error on', function () {
+        this.csrf.middleware(this.req, this.res, this.next)
+        return expect(this.next.calledWith(this.err)).to.equal(true)
+      })
+    })
+
+    describe('when the route is excluded', function () {
+      it('does not pass the csrf error on', function () {
+        this.csrf.disableDefaultCsrfProtection(this.path, 'POST')
+        this.csrf.middleware(this.req, this.res, this.next)
+        return expect(this.next.calledWith(this.err)).to.equal(false)
+      })
+    })
+
+    describe('when there is a partial route match', function () {
+      it('passes the csrf error on when the match is too short', function () {
+        this.csrf.disableDefaultCsrfProtection('/foo', 'POST')
+        this.csrf.middleware(this.req, this.res, this.next)
+        return expect(this.next.calledWith(this.err)).to.equal(true)
+      })
+
+      it('passes the csrf error on when the match is too long', function () {
+        this.csrf.disableDefaultCsrfProtection('/foo/bar/baz', 'POST')
+        this.csrf.middleware(this.req, this.res, this.next)
+        return expect(this.next.calledWith(this.err)).to.equal(true)
+      })
+    })
+
+    describe('when there are multiple exclusions', function () {
+      it('does not pass the csrf error on when the match is present', function () {
+        this.csrf.disableDefaultCsrfProtection(this.path, 'POST')
+        this.csrf.disableDefaultCsrfProtection('/test', 'POST')
+        this.csrf.disableDefaultCsrfProtection('/a/b/c', 'POST')
+        this.csrf.middleware(this.req, this.res, this.next)
+        return expect(this.next.calledWith(this.err)).to.equal(false)
+      })
+
+      it('passes the csrf error on when the match is not present', function () {
+        this.csrf.disableDefaultCsrfProtection('/url', 'POST')
+        this.csrf.disableDefaultCsrfProtection('/test', 'POST')
+        this.csrf.disableDefaultCsrfProtection('/a/b/c', 'POST')
+        this.csrf.middleware(this.req, this.res, this.next)
+        return expect(this.next.calledWith(this.err)).to.equal(true)
+      })
+    })
+
+    describe('when the method does not match', function () {
+      it('passes the csrf error on', function () {
+        this.csrf.disableDefaultCsrfProtection(this.path, 'POST')
+        this.req.method = 'GET'
+        this.csrf.middleware(this.req, this.res, this.next)
+        return expect(this.next.calledWith(this.err)).to.equal(true)
+      })
+    })
+
+    describe('when the route is excluded, but the error is not a bad-csrf-token error', function () {
+      it('passes the error on', function () {
+        let err
+        this.Csrf = SandboxedModule.require(modulePath, {
+          globals: {
+            console,
+          },
+          requires: {
+            csurf: (this.csurf = sinon
+              .stub()
+              .returns(
+                (this.csurf_csrf = sinon
+                  .stub()
+                  .callsArgWith(2, (err = { code: 'EOTHER' })))
+              )),
+          },
+        })
+        this.csrf = new this.Csrf()
+        this.csrf.disableDefaultCsrfProtection(this.path, 'POST')
+        this.csrf.middleware(this.req, this.res, this.next)
+        expect(this.next.calledWith(err)).to.equal(true)
+        return expect(this.next.calledWith(this.err)).to.equal(false)
+      })
+    })
+  })
+
+  describe('validateRequest', function () {
+    describe('when the request is invalid', function () {
+      it('calls the callback with error', function () {
+        this.cb = sinon.stub()
+        this.Csrf.validateRequest(this.req, this.cb)
+        return expect(this.cb.calledWith(this.err)).to.equal(true)
+      })
+    })
+
+    describe('when the request is valid', function () {
+      it('calls the callback without an error', function () {
+        this.Csrf = SandboxedModule.require(modulePath, {
+          globals: {
+            console,
+          },
+          requires: {
+            csurf: (this.csurf = sinon
+              .stub()
+              .returns((this.csurf_csrf = sinon.stub().callsArg(2)))),
+          },
+        })
+        this.cb = sinon.stub()
+        this.Csrf.validateRequest(this.req, this.cb)
+        return expect(this.cb.calledWith()).to.equal(true)
+      })
+    })
+  })
+
+  describe('validateToken', function () {
+    describe('when the request is invalid', function () {
+      it('calls the callback with `false`', function () {
+        this.cb = sinon.stub()
+        this.Csrf.validateToken('token', {}, this.cb)
+        expect(this.cb.calledWith(this.err)).to.equal(true)
+      })
+    })
+
+    describe('when the request is valid', function () {
+      it('calls the callback with `true`', function () {
+        this.Csrf = SandboxedModule.require(modulePath, {
+          globals: {
+            console,
+          },
+          requires: {
+            csurf: (this.csurf = sinon
+              .stub()
+              .returns((this.csurf_csrf = sinon.stub().callsArg(2)))),
+          },
+        })
+        this.cb = sinon.stub()
+        this.Csrf.validateToken('goodtoken', {}, this.cb)
+        return expect(this.cb.calledWith()).to.equal(true)
+      })
+    })
+
+    describe('when there is no token', function () {
+      it('calls the callback with an error', function () {
+        this.Csrf = SandboxedModule.require(modulePath, {
+          globals: {
+            console,
+          },
+          requires: {
+            csurf: (this.csurf = sinon
+              .stub()
+              .returns((this.csurf_csrf = sinon.stub().callsArg(2)))),
+          },
+        })
+        this.cb = sinon.stub()
+        this.Csrf.validateToken(null, {}, error => {
+          expect(error).to.exist
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/infrastructure/FeaturesTests.js b/services/web/test/unit/src/infrastructure/FeaturesTests.js
new file mode 100644
index 0000000..dcdf1e4
--- /dev/null
+++ b/services/web/test/unit/src/infrastructure/FeaturesTests.js
@@ -0,0 +1,152 @@
+const { expect } = require('chai')
+const modulePath = '../../../../app/src/infrastructure/Features.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('Features', function () {
+  beforeEach(function () {
+    this.Features = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': (this.settings = {
+          moduleImportSequence: [],
+          enabledLinkedFileTypes: [],
+        }),
+      },
+    })
+  })
+  describe('externalAuthenticationSystemUsed', function () {
+    describe('without any settings', function () {
+      it('should return false', function () {
+        expect(this.Features.externalAuthenticationSystemUsed()).to.be.false
+      })
+    })
+    describe('with ldap setting', function () {
+      beforeEach(function () {
+        this.settings.ldap = { enable: true }
+      })
+      it('should return true', function () {
+        expect(this.Features.externalAuthenticationSystemUsed()).to.be.true
+      })
+    })
+    describe('with saml setting', function () {
+      beforeEach(function () {
+        this.settings.saml = { enable: true }
+      })
+      it('should return true', function () {
+        expect(this.Features.externalAuthenticationSystemUsed()).to.be.true
+      })
+    })
+    describe('with oauth setting', function () {
+      beforeEach(function () {
+        this.settings.overleaf = { oauth: true }
+      })
+      it('should return true', function () {
+        expect(this.Features.externalAuthenticationSystemUsed()).to.be.true
+      })
+    })
+  })
+
+  describe('hasFeature', function () {
+    describe('without any settings', function () {
+      it('should return true', function () {
+        expect(this.Features.hasFeature('registration-page')).to.be.true
+      })
+      it('should return false', function () {
+        expect(this.Features.hasFeature('registration')).to.be.false
+        expect(this.Features.hasFeature('affiliations')).to.be.false
+        expect(this.Features.hasFeature('analytics')).to.be.false
+        expect(this.Features.hasFeature('git-bridge')).to.be.false
+        expect(this.Features.hasFeature('github-sync')).to.be.false
+        expect(this.Features.hasFeature('homepage')).to.be.false
+        expect(this.Features.hasFeature('link-url')).to.be.false
+        expect(this.Features.hasFeature('oauth')).to.be.false
+        expect(this.Features.hasFeature('saas')).to.be.false
+        expect(this.Features.hasFeature('references')).to.be.false
+        expect(this.Features.hasFeature('saml')).to.be.false
+        expect(this.Features.hasFeature('templates-server-pro')).to.be.false
+      })
+    })
+    describe('with settings', function () {
+      describe('empty overleaf object', function () {
+        beforeEach(function () {
+          this.settings.overleaf = {}
+          this.settings.apis = {}
+        })
+        it('should return true', function () {
+          expect(this.Features.hasFeature('saas')).to.be.true
+          expect(this.Features.hasFeature('registration')).to.be.true
+        })
+        it('should return false', function () {
+          expect(this.Features.hasFeature('affiliations')).to.be.false
+          expect(this.Features.hasFeature('analytics')).to.be.false
+          expect(this.Features.hasFeature('git-bridge')).to.be.false
+          expect(this.Features.hasFeature('github-sync')).to.be.false
+          expect(this.Features.hasFeature('homepage')).to.be.false
+          expect(this.Features.hasFeature('link-url')).to.be.false
+          expect(this.Features.hasFeature('oauth')).to.be.false
+          expect(this.Features.hasFeature('references')).to.be.false
+          expect(this.Features.hasFeature('saml')).to.be.false
+          expect(this.Features.hasFeature('templates-server-pro')).to.be.false
+        })
+        describe('with APIs', function () {
+          beforeEach(function () {
+            this.settings.apis = {
+              linkedUrlProxy: {
+                url: 'https://www.overleaf.com',
+              },
+              references: {
+                url: 'https://www.overleaf.com',
+              },
+              v1: {
+                url: 'https://www.overleaf.com',
+              },
+            }
+          })
+          it('should return true', function () {
+            expect(this.Features.hasFeature('affiliations')).to.be.true
+            expect(this.Features.hasFeature('analytics')).to.be.true
+            expect(this.Features.hasFeature('saas')).to.be.true
+            expect(this.Features.hasFeature('references')).to.be.true
+            expect(this.Features.hasFeature('registration')).to.be.true
+          })
+          it('should return false', function () {
+            expect(this.Features.hasFeature('link-url')).to.be.false
+            expect(this.Features.hasFeature('git-bridge')).to.be.false
+            expect(this.Features.hasFeature('github-sync')).to.be.false
+            expect(this.Features.hasFeature('homepage')).to.be.false
+            expect(this.Features.hasFeature('oauth')).to.be.false
+            expect(this.Features.hasFeature('saml')).to.be.false
+            expect(this.Features.hasFeature('templates-server-pro')).to.be.false
+          })
+          describe('with all other settings flags', function () {
+            beforeEach(function () {
+              this.settings.enableHomepage = true
+              this.settings.enableGitBridge = true
+              this.settings.enableGithubSync = true
+              this.settings.enableSaml = true
+              this.settings.oauth = true
+              this.settings.enabledLinkedFileTypes = ['url', 'project_file']
+            })
+            it('should return true or return value', function () {
+              expect(this.Features.hasFeature('link-url')).to.be.true
+              expect(this.Features.hasFeature('affiliations')).to.be.true
+              expect(this.Features.hasFeature('analytics')).to.be.true
+              expect(this.Features.hasFeature('github-sync')).to.be.true
+              expect(this.Features.hasFeature('git-bridge')).to.be.true
+              expect(this.Features.hasFeature('homepage')).to.be.true
+              expect(this.Features.hasFeature('link-url')).to.be.true
+              expect(this.Features.hasFeature('oauth')).to.be.true
+              expect(this.Features.hasFeature('saas')).to.be.true
+              expect(this.Features.hasFeature('references')).to.be.true
+              expect(this.Features.hasFeature('registration')).to.be.true
+              expect(this.Features.hasFeature('saml')).to.be.true
+            })
+            it('should return false', function () {
+              expect(this.Features.hasFeature('templates-server-pro')).to.be
+                .false
+            })
+          })
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/infrastructure/GeoIpLookupTest.js b/services/web/test/unit/src/infrastructure/GeoIpLookupTest.js
new file mode 100644
index 0000000..b67e24f
--- /dev/null
+++ b/services/web/test/unit/src/infrastructure/GeoIpLookupTest.js
@@ -0,0 +1,290 @@
+const SandboxedModule = require('sandboxed-module')
+const assert = require('assert')
+const path = require('path')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = path.join(
+  __dirname,
+  '../../../../app/src/infrastructure/GeoIpLookup'
+)
+
+describe('GeoIpLookup', function () {
+  beforeEach(function () {
+    this.request = { get: sinon.stub() }
+    this.settings = {
+      apis: {
+        geoIpLookup: {
+          url: 'http://lookup.com',
+        },
+      },
+    }
+    this.GeoIpLookup = SandboxedModule.require(modulePath, {
+      requires: {
+        request: this.request,
+        '@overleaf/settings': this.settings,
+      },
+    })
+    this.ipAddress = '12.34.56.78'
+
+    this.stubbedResponse = {
+      ip: this.ipAddress,
+      country_code: 'GB',
+      country_name: 'United Kingdom',
+      region_code: 'H9',
+      region_name: 'London, City of',
+      city: 'London',
+      zipcode: 'SE16',
+      latitude: 51.0,
+      longitude: -0.0493,
+      metro_code: '',
+      area_code: '',
+    }
+  })
+
+  describe('isValidCurrencyParam', function () {
+    it('should reject invalid currency codes', function () {
+      expect(this.GeoIpLookup.isValidCurrencyParam('GBP')).to.equal(true)
+      expect(this.GeoIpLookup.isValidCurrencyParam('USD')).to.equal(true)
+      expect(this.GeoIpLookup.isValidCurrencyParam('AUD')).to.equal(true)
+      expect(this.GeoIpLookup.isValidCurrencyParam('EUR')).to.equal(true)
+      expect(this.GeoIpLookup.isValidCurrencyParam('SGD')).to.equal(true)
+      expect(this.GeoIpLookup.isValidCurrencyParam('WAT')).to.equal(false)
+      expect(this.GeoIpLookup.isValidCurrencyParam('NON')).to.equal(false)
+      expect(this.GeoIpLookup.isValidCurrencyParam('LOL')).to.equal(false)
+    })
+  })
+
+  describe('getDetails', function () {
+    beforeEach(function () {
+      this.request.get.callsArgWith(1, null, null, this.stubbedResponse)
+    })
+
+    describe('callback', function () {
+      it('should request the details using the ip', function (done) {
+        this.GeoIpLookup.getDetails(this.ipAddress, err => {
+          assert.equal(err, null)
+          this.request.get
+            .calledWith({
+              url: this.settings.apis.geoIpLookup.url + '/' + this.ipAddress,
+              timeout: 1000,
+              json: true,
+            })
+            .should.equal(true)
+          done()
+        })
+      })
+
+      it('should return the ip details', function (done) {
+        this.GeoIpLookup.getDetails(this.ipAddress, (err, returnedDetails) => {
+          assert.equal(err, null)
+          assert.deepEqual(returnedDetails, this.stubbedResponse)
+          done()
+        })
+      })
+
+      it('should take the first ip in the string', function (done) {
+        this.GeoIpLookup.getDetails(
+          ` ${this.ipAddress} 123.123.123.123 234.234.234.234`,
+          err => {
+            assert.equal(err, null)
+            this.request.get
+              .calledWith({
+                url: this.settings.apis.geoIpLookup.url + '/' + this.ipAddress,
+                timeout: 1000,
+                json: true,
+              })
+              .should.equal(true)
+            done()
+          }
+        )
+      })
+    })
+
+    describe('async', function () {
+      it('should request the details using the ip', async function () {
+        await this.GeoIpLookup.promises.getDetails(this.ipAddress)
+        this.request.get
+          .calledWith({
+            url: this.settings.apis.geoIpLookup.url + '/' + this.ipAddress,
+            timeout: 1000,
+            json: true,
+          })
+          .should.equal(true)
+      })
+
+      it('should return the ip details', async function () {
+        const returnedDetails = await this.GeoIpLookup.promises.getDetails(
+          this.ipAddress
+        )
+        assert.deepEqual(returnedDetails, this.stubbedResponse)
+      })
+
+      it('should take the first ip in the string', async function () {
+        await this.GeoIpLookup.promises.getDetails(
+          ` ${this.ipAddress} 123.123.123.123 234.234.234.234`
+        )
+        this.request.get
+          .calledWith({
+            url: this.settings.apis.geoIpLookup.url + '/' + this.ipAddress,
+            timeout: 1000,
+            json: true,
+          })
+          .should.equal(true)
+      })
+    })
+  })
+
+  describe('getCurrencyCode', function () {
+    describe('callback', function () {
+      it('should return GBP for GB country', function (done) {
+        this.request.get.callsArgWith(1, null, null, this.stubbedResponse)
+        this.GeoIpLookup.getCurrencyCode(
+          this.ipAddress,
+          (err, currencyCode) => {
+            assert.equal(err, null)
+            currencyCode.should.equal('GBP')
+            done()
+          }
+        )
+      })
+
+      it('should return GBP for gb country', function (done) {
+        this.stubbedResponse.country_code = 'gb'
+        this.request.get.callsArgWith(1, null, null, this.stubbedResponse)
+        this.GeoIpLookup.getCurrencyCode(
+          this.ipAddress,
+          (err, currencyCode) => {
+            assert.equal(err, null)
+            currencyCode.should.equal('GBP')
+            done()
+          }
+        )
+      })
+
+      it('should return USD for US', function (done) {
+        this.stubbedResponse.country_code = 'US'
+        this.request.get.callsArgWith(1, null, null, this.stubbedResponse)
+        this.GeoIpLookup.getCurrencyCode(
+          this.ipAddress,
+          (err, currencyCode) => {
+            assert.equal(err, null)
+            currencyCode.should.equal('USD')
+            done()
+          }
+        )
+      })
+
+      it('should return EUR for DE', function (done) {
+        this.stubbedResponse.country_code = 'DE'
+        this.request.get.callsArgWith(1, null, null, this.stubbedResponse)
+        this.GeoIpLookup.getCurrencyCode(
+          this.ipAddress,
+          (err, currencyCode) => {
+            assert.equal(err, null)
+            currencyCode.should.equal('EUR')
+            done()
+          }
+        )
+      })
+
+      it('should default to USD if there is an error', function (done) {
+        this.request.get.callsArgWith(1, null, null, { error: true })
+        this.GeoIpLookup.getCurrencyCode(
+          this.ipAddress,
+          (err, currencyCode) => {
+            assert.equal(err, null)
+            currencyCode.should.equal('USD')
+            done()
+          }
+        )
+      })
+
+      it('should default to USD if there are no details', function (done) {
+        this.request.get.callsArgWith(1, null, null, {})
+        this.GeoIpLookup.getCurrencyCode(
+          this.ipAddress,
+          (err, currencyCode) => {
+            assert.equal(err, null)
+            currencyCode.should.equal('USD')
+            done()
+          }
+        )
+      })
+
+      it('should default to USD if there is no match for their country', function (done) {
+        this.stubbedResponse.country_code = 'Non existant'
+        this.request.get.callsArgWith(1, null, null, this.stubbedResponse)
+        this.GeoIpLookup.getCurrencyCode(
+          this.ipAddress,
+          (err, currencyCode) => {
+            assert.equal(err, null)
+            currencyCode.should.equal('USD')
+            done()
+          }
+        )
+      })
+    })
+
+    describe('async', function () {
+      it('should return GBP for GB country', async function () {
+        this.request.get.callsArgWith(1, null, null, this.stubbedResponse)
+        const { currencyCode, countryCode } =
+          await this.GeoIpLookup.promises.getCurrencyCode(this.ipAddress)
+        currencyCode.should.equal('GBP')
+        countryCode.should.equal('GB')
+      })
+
+      it('should return GBP for gb country', async function () {
+        this.stubbedResponse.country_code = 'gb'
+        this.request.get.callsArgWith(1, null, null, this.stubbedResponse)
+        const { currencyCode, countryCode } =
+          await this.GeoIpLookup.promises.getCurrencyCode(this.ipAddress)
+        currencyCode.should.equal('GBP')
+        countryCode.should.equal('GB')
+      })
+
+      it('should return USD for US', async function () {
+        this.stubbedResponse.country_code = 'US'
+        this.request.get.callsArgWith(1, null, null, this.stubbedResponse)
+        const { currencyCode, countryCode } =
+          await this.GeoIpLookup.promises.getCurrencyCode(this.ipAddress)
+        currencyCode.should.equal('USD')
+        countryCode.should.equal('US')
+      })
+
+      it('should return EUR for DE', async function () {
+        this.stubbedResponse.country_code = 'DE'
+        this.request.get.callsArgWith(1, null, null, this.stubbedResponse)
+        const { currencyCode, countryCode } =
+          await this.GeoIpLookup.promises.getCurrencyCode(this.ipAddress)
+        currencyCode.should.equal('EUR')
+        countryCode.should.equal('DE')
+      })
+
+      it('should default to USD if there is an error', async function () {
+        this.request.get.callsArgWith(1, null, null, { error: true })
+        const { currencyCode, countryCode } =
+          await this.GeoIpLookup.promises.getCurrencyCode(this.ipAddress)
+        currencyCode.should.equal('USD')
+        expect(countryCode).to.be.undefined
+      })
+
+      it('should default to USD if there are no details', async function () {
+        this.request.get.callsArgWith(1, null, null, {})
+        const { currencyCode, countryCode } =
+          await this.GeoIpLookup.promises.getCurrencyCode(this.ipAddress)
+        currencyCode.should.equal('USD')
+        expect(countryCode).to.be.undefined
+      })
+
+      it('should default to USD if there is no match for their country', async function () {
+        this.stubbedResponse.country_code = 'Non existant'
+        this.request.get.callsArgWith(1, null, null, this.stubbedResponse)
+        const { currencyCode, countryCode } =
+          await this.GeoIpLookup.promises.getCurrencyCode(this.ipAddress)
+        currencyCode.should.equal('USD')
+        countryCode.should.equal('NON EXISTANT')
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/infrastructure/HTTPPermissionsPolicyTests.js b/services/web/test/unit/src/infrastructure/HTTPPermissionsPolicyTests.js
new file mode 100644
index 0000000..4075109
--- /dev/null
+++ b/services/web/test/unit/src/infrastructure/HTTPPermissionsPolicyTests.js
@@ -0,0 +1,108 @@
+const { expect } = require('chai')
+const sinon = require('sinon')
+const modulePath = '../../../../app/src/infrastructure/HttpPermissionsPolicy.js'
+const SandboxedModule = require('sandboxed-module')
+const HttpPermissionsPolicyMiddleware = require('../../../../app/src/infrastructure/HttpPermissionsPolicy')
+const MockRequest = require('../helpers/MockRequest')
+const MockResponse = require('../helpers/MockResponse')
+
+describe('HttpPermissionsPolicy', function () {
+  this.beforeEach(function () {
+    this.next = sinon.stub()
+    this.HttpPermissionsPolicy = SandboxedModule.require(modulePath, {})
+    this.path = '/foo/bar'
+    this.req = new MockRequest()
+    return (this.res = new MockResponse())
+  })
+
+  describe('when a single blocked policy element is provided', function () {
+    it('returns a valid header string', function () {
+      const policy = {
+        blocked: ['accelerometer'],
+      }
+      const httpPermissionsMiddleware = new HttpPermissionsPolicyMiddleware(
+        policy
+      )
+      return expect(httpPermissionsMiddleware.policy).to.equal(
+        'accelerometer=()'
+      )
+    })
+  })
+
+  describe('when a single allowed policy element is provided', function () {
+    it('returns a valid header string', function () {
+      const policy = {
+        allowed: { camera: 'self' },
+      }
+      const httpPermissionsMiddleware = new HttpPermissionsPolicyMiddleware(
+        policy
+      )
+      return expect(httpPermissionsMiddleware.policy).to.equal('camera=(self)')
+    })
+  })
+
+  describe('when a full policy is provided', function () {
+    it('returns a valid header string', function () {
+      const policy = {
+        blocked: ['usb', 'hid'],
+        allowed: { camera: 'self https://example.com', fullscreen: 'self' },
+      }
+      const httpPermissionsMiddleware = new HttpPermissionsPolicyMiddleware(
+        policy
+      )
+      return expect(httpPermissionsMiddleware.policy).to.equal(
+        'usb=(), hid=(), camera=(self https://example.com), fullscreen=(self)'
+      )
+    })
+  })
+
+  describe('when a conflicting policy is provided', function () {
+    it('returns an error', function () {
+      const policy = {
+        blocked: ['usb'],
+        allowed: { usb: 'self' },
+      }
+      return expect(() => new HttpPermissionsPolicyMiddleware(policy)).to.throw(
+        'Invalid Permissions-Policy header configuration'
+      )
+    })
+  })
+
+  describe('when the allowlist contains an incomplete directive', function () {
+    it('returns an error', function () {
+      const policy = {
+        blocked: ['usb'],
+        allowed: { camera: '' },
+      }
+      return expect(() => new HttpPermissionsPolicyMiddleware(policy)).to.throw(
+        'Invalid Permissions-Policy header configuration'
+      )
+    })
+  })
+
+  describe('when an empty denylist is provided', function () {
+    it('returns a valid header string ', function () {
+      const policy = {
+        allowed: { camera: 'self' },
+        blocked: [],
+      }
+      const httpPermissionsMiddleware = new HttpPermissionsPolicyMiddleware(
+        policy
+      )
+      return expect(httpPermissionsMiddleware.policy).to.equal('camera=(self)')
+    })
+  })
+
+  describe('when an empty allowlist is provided', function () {
+    it('returns a valid header string ', function () {
+      const policy = {
+        allowed: {},
+        blocked: ['usb'],
+      }
+      const httpPermissionsMiddleware = new HttpPermissionsPolicyMiddleware(
+        policy
+      )
+      return expect(httpPermissionsMiddleware.policy).to.equal('usb=()')
+    })
+  })
+})
diff --git a/services/web/test/unit/src/infrastructure/LockManager/ReleasingTheLock.js b/services/web/test/unit/src/infrastructure/LockManager/ReleasingTheLock.js
new file mode 100644
index 0000000..a5ec96c
--- /dev/null
+++ b/services/web/test/unit/src/infrastructure/LockManager/ReleasingTheLock.js
@@ -0,0 +1,58 @@
+/* eslint-disable
+    max-len,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const assert = require('assert')
+const path = require('path')
+const modulePath = path.join(
+  __dirname,
+  '../../../../../app/src/infrastructure/LockManager.js'
+)
+const lockKey = `lock:web:{${5678}}`
+const lockValue = '123456'
+const SandboxedModule = require('sandboxed-module')
+
+describe('LockManager - releasing the lock', function () {
+  const deleteStub = sinon.stub().callsArgWith(4)
+  const mocks = {
+    '@overleaf/settings': {
+      redis: {},
+      lockManager: {
+        lockTestInterval: 50,
+        maxTestInterval: 1000,
+        maxLockWaitTime: 10000,
+        redisLockExpiry: 30,
+        slowExecutionThreshold: 5000,
+      },
+    },
+    '@overleaf/metrics': {},
+    './RedisWrapper': {
+      client() {
+        return {
+          auth() {},
+          eval: deleteStub,
+        }
+      },
+    },
+  }
+
+  const LockManager = SandboxedModule.require(modulePath, { requires: mocks })
+  LockManager.unlockScript = 'this is the unlock script'
+
+  it('should put a all data into memory', function (done) {
+    return LockManager._releaseLock(lockKey, lockValue, () => {
+      deleteStub
+        .calledWith(LockManager.unlockScript, 1, lockKey, lockValue)
+        .should.equal(true)
+      return done()
+    })
+  })
+})
diff --git a/services/web/test/unit/src/infrastructure/LockManager/getLockTests.js b/services/web/test/unit/src/infrastructure/LockManager/getLockTests.js
new file mode 100644
index 0000000..07bd682
--- /dev/null
+++ b/services/web/test/unit/src/infrastructure/LockManager/getLockTests.js
@@ -0,0 +1,194 @@
+/* eslint-disable
+    n/handle-callback-err,
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS101: Remove unnecessary use of Array.from
+ * DS102: Remove unnecessary code created because of implicit returns
+ * DS207: Consider shorter variations of null checks
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const path = require('path')
+const modulePath = path.join(
+  __dirname,
+  '../../../../../app/src/infrastructure/LockManager.js'
+)
+const SandboxedModule = require('sandboxed-module')
+
+describe('LockManager - getting the lock', function () {
+  beforeEach(function () {
+    this.LockManager = SandboxedModule.require(modulePath, {
+      requires: {
+        './RedisWrapper': {
+          client() {
+            return { auth() {} }
+          },
+        },
+        '@overleaf/settings': {
+          redis: {},
+          lockManager: {
+            lockTestInterval: 50,
+            maxTestInterval: 1000,
+            maxLockWaitTime: 10000,
+            redisLockExpiry: 30,
+            slowExecutionThreshold: 5000,
+          },
+        },
+        '@overleaf/metrics': {
+          inc() {},
+          gauge() {},
+        },
+      },
+    })
+
+    this.callback = sinon.stub()
+    this.key = 'lock:web:lockName:project-id}'
+    return (this.namespace = 'lockName')
+  })
+
+  describe('when the lock is not set', function () {
+    beforeEach(function (done) {
+      this.LockManager._tryLock = sinon.stub().yields(null, true)
+      return this.LockManager._getLock(this.key, this.namespace, (...args) => {
+        this.callback(...Array.from(args || []))
+        return done()
+      })
+    })
+
+    it('should try to get the lock', function () {
+      return this.LockManager._tryLock
+        .calledWith(this.key, this.namespace)
+        .should.equal(true)
+    })
+
+    it('should only need to try once', function () {
+      return this.LockManager._tryLock.callCount.should.equal(1)
+    })
+
+    it('should return the callback', function () {
+      return this.callback.calledWith(null).should.equal(true)
+    })
+
+    it('should clear the lock queue', function () {
+      this.LockManager._lockQueuesSize().should.equal(0)
+    })
+  })
+
+  describe('when the lock is initially set', function () {
+    beforeEach(function (done) {
+      const startTime = Date.now()
+      let tries = 0
+      this.LockManager.LOCK_TEST_INTERVAL = 5
+      this.LockManager._tryLock = function (key, namespace, callback) {
+        if (callback == null) {
+          callback = function () {}
+        }
+        if (Date.now() - startTime < 20 || tries < 2) {
+          tries = tries + 1
+          return callback(null, false)
+        } else {
+          return callback(null, true)
+        }
+      }
+      sinon.spy(this.LockManager, '_tryLock')
+
+      return this.LockManager._getLock(this.key, this.namespace, (...args) => {
+        this.callback(...Array.from(args || []))
+        return done()
+      })
+    })
+
+    it('should call tryLock multiple times until free', function () {
+      return (this.LockManager._tryLock.callCount > 1).should.equal(true)
+    })
+
+    it('should return the callback', function () {
+      return this.callback.calledWith(null).should.equal(true)
+    })
+
+    it('should clear the lock queue', function () {
+      this.LockManager._lockQueuesSize().should.equal(0)
+    })
+  })
+
+  describe('when the lock times out', function () {
+    beforeEach(function (done) {
+      const time = Date.now()
+      this.LockManager.LOCK_TEST_INTERVAL = 1
+      this.LockManager.MAX_LOCK_WAIT_TIME = 5
+      this.LockManager._tryLock = sinon.stub().yields(null, false)
+      return this.LockManager._getLock(this.key, this.namespace, (...args) => {
+        this.callback(...Array.from(args || []))
+        return done()
+      })
+    })
+
+    it('should return the callback with an error', function () {
+      this.callback.should.have.been.calledWith(
+        sinon.match.instanceOf(Error).and(sinon.match.has('message', 'Timeout'))
+      )
+    })
+  })
+
+  describe('when there are multiple requests for the same lock', function () {
+    beforeEach(function (done) {
+      let locked = false
+      this.results = []
+      this.LockManager.LOCK_TEST_INTERVAL = 1
+      this.LockManager._tryLock = function (key, namespace, callback) {
+        if (callback == null) {
+          callback = function () {}
+        }
+        if (locked) {
+          return callback(null, false)
+        } else {
+          locked = true // simulate getting the lock
+          return callback(null, true)
+        }
+      }
+      // Start ten lock requests in order at 1ms 2ms 3ms...
+      // with them randomly holding the lock for 0-10ms.
+      // Use predefined values for the random delay to make the test
+      // deterministic.
+      const randomDelays = [5, 4, 1, 8, 6, 8, 3, 4, 2, 4]
+      let startTime = 0
+      return Array.from(randomDelays).map((randomDelay, i) =>
+        ((randomDelay, i) => {
+          startTime += 1
+          return setTimeout(() => {
+            // changing the next line to the old method of LockManager._getLockByPolling
+            // should give results in a random order and cause the test to fail.
+            return this.LockManager._getLock(
+              this.key,
+              this.namespace,
+              (...args) => {
+                setTimeout(
+                  () => (locked = false), // release the lock after a random amount of time
+                  randomDelay
+                )
+                this.results.push(i)
+                if (this.results.length === 10) {
+                  return done()
+                }
+              }
+            )
+          }, startTime)
+        })(randomDelay, i)
+      )
+    })
+
+    it('should process the requests in order', function () {
+      return this.results.should.deep.equal([0, 1, 2, 3, 4, 5, 6, 7, 8, 9])
+    })
+
+    it('should clear the lock queue', function () {
+      this.LockManager._lockQueuesSize().should.equal(0)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/infrastructure/LockManager/tryLockTests.js b/services/web/test/unit/src/infrastructure/LockManager/tryLockTests.js
new file mode 100644
index 0000000..9252797
--- /dev/null
+++ b/services/web/test/unit/src/infrastructure/LockManager/tryLockTests.js
@@ -0,0 +1,81 @@
+/* eslint-disable
+    max-len,
+    no-return-assign,
+    no-unused-vars,
+*/
+// TODO: This file was created by bulk-decaffeinate.
+// Fix any style issues and re-enable lint.
+/*
+ * decaffeinate suggestions:
+ * DS102: Remove unnecessary code created because of implicit returns
+ * Full docs: https://github.com/decaffeinate/decaffeinate/blob/master/docs/suggestions.md
+ */
+const sinon = require('sinon')
+const path = require('path')
+const modulePath = path.join(
+  __dirname,
+  '../../../../../app/src/infrastructure/LockManager.js'
+)
+const SandboxedModule = require('sandboxed-module')
+
+describe('LockManager - trying the lock', function () {
+  beforeEach(function () {
+    this.LockManager = SandboxedModule.require(modulePath, {
+      requires: {
+        './RedisWrapper': {
+          client: () => {
+            return {
+              auth() {},
+              set: (this.set = sinon.stub()),
+            }
+          },
+        },
+        '@overleaf/settings': {
+          redis: {},
+          lockManager: {
+            lockTestInterval: 50,
+            maxTestInterval: 1000,
+            maxLockWaitTime: 10000,
+            redisLockExpiry: 30,
+            slowExecutionThreshold: 5000,
+          },
+        },
+        '@overleaf/metrics': {
+          inc() {},
+        },
+      },
+    })
+    this.callback = sinon.stub()
+    this.key = 'lock:web:lockName:project-id}'
+    return (this.namespace = 'lockName')
+  })
+
+  describe('when the lock is not set', function () {
+    beforeEach(function () {
+      this.set.callsArgWith(5, null, 'OK')
+      this.LockManager.randomLock = sinon.stub().returns('random-lock-value')
+      return this.LockManager._tryLock(this.key, this.namespace, this.callback)
+    })
+
+    it('should set the lock key with an expiry if it is not set', function () {
+      return this.set
+        .calledWith(this.key, 'random-lock-value', 'EX', 30, 'NX')
+        .should.equal(true)
+    })
+
+    it('should return the callback with true', function () {
+      return this.callback.calledWith(null, true).should.equal(true)
+    })
+  })
+
+  describe('when the lock is already set', function () {
+    beforeEach(function () {
+      this.set.callsArgWith(5, null, null)
+      return this.LockManager._tryLock(this.key, this.namespace, this.callback)
+    })
+
+    it('should return the callback with false', function () {
+      return this.callback.calledWith(null, false).should.equal(true)
+    })
+  })
+})
diff --git a/services/web/test/unit/src/infrastructure/MongodbTests.js b/services/web/test/unit/src/infrastructure/MongodbTests.js
new file mode 100644
index 0000000..65cab5f
--- /dev/null
+++ b/services/web/test/unit/src/infrastructure/MongodbTests.js
@@ -0,0 +1,152 @@
+const { ObjectId } = require('mongodb-legacy')
+const { expect } = require('chai')
+const sinon = require('sinon')
+
+describe('Mongo ObjectId comparison', function () {
+  const ObjectId1 = new ObjectId('111111111111111111111111')
+  const ObjectId2 = new ObjectId('65d8607441ef95170e89bd2a')
+  const ObjectId1a = new ObjectId('111111111111111111111111')
+  const ObjectId1b = new ObjectId('111111111111111111111111')
+
+  const string1 = ObjectId1.toString()
+  const string2 = ObjectId2.toString()
+  const number1 = Number(ObjectId1)
+  const repr1 = 'new ObjectId("111111111111111111111111")'
+
+  describe('using chai', function () {
+    describe('equal (===)', function () {
+      it('object ids should equal themselves', function () {
+        expect(ObjectId1).to.equal(ObjectId1)
+        expect(ObjectId2).to.equal(ObjectId2)
+      })
+      it('different objects with the same id should not be equal', function () {
+        expect(ObjectId1a).to.not.equal(ObjectId1b)
+      })
+      it('different object ids should not be equal', function () {
+        expect(ObjectId1).to.not.equal(ObjectId2)
+      })
+      it('object id should not equal a string with the same id (left operand)', function () {
+        expect(ObjectId1).to.not.equal(string1)
+      })
+      it('object id should not equal a string with the same id (right operand)', function () {
+        expect(string1).to.not.equal(ObjectId1)
+      })
+      it('object id should not equal a string with a different id', function () {
+        expect(ObjectId1).to.not.equal(string2)
+      })
+      it('object id should not equal a number with the same id (left operand)', function () {
+        expect(ObjectId1).to.not.equal(number1)
+      })
+      it('object id should not equal a number with the same id (right operand)', function () {
+        expect(number1).to.not.equal(ObjectId1)
+      })
+      it('object id should not equal the string representation with the same id (left operand)', function () {
+        expect(ObjectId1).to.not.equal(repr1)
+      })
+      it('object id should not equal the string representation with the same id (right operand)', function () {
+        expect(repr1).to.not.equal(ObjectId1)
+      })
+    })
+
+    describe('deep equal', function () {
+      it('object ids should deep equal themselves', function () {
+        expect(ObjectId1).to.deep.equal(ObjectId1)
+        expect(ObjectId2).to.deep.equal(ObjectId2)
+      })
+      it('different objects with the same id should be deep equal', function () {
+        expect(ObjectId1a).to.deep.equal(ObjectId1b)
+      })
+      it('different object ids should not be deep equal', function () {
+        expect(ObjectId1).to.not.deep.equal(ObjectId2)
+      })
+      it('object id should not deep equal a string with the same id (left operand)', function () {
+        expect(ObjectId1).to.not.deep.equal(string1)
+      })
+      it('object id should not deep equal a string with the same id (right operand)', function () {
+        expect(string1).to.not.deep.equal(ObjectId1)
+      })
+      it('object id should not deep equal a string with a different id', function () {
+        expect(ObjectId1).to.not.deep.equal(string2)
+      })
+      it('object id should not deep equal a number with the same id (left operand)', function () {
+        expect(ObjectId1).to.not.deep.equal(number1)
+      })
+      it('object id should not deep equal a number with the same id (right operand)', function () {
+        expect(number1).to.not.deep.equal(ObjectId1)
+      })
+      it('object id should not deep equal the string representation with the same id (left operand)', function () {
+        expect(ObjectId1).to.not.deep.equal(repr1)
+      })
+      it('object id should not deep equal the string representation with the same id (right operand)', function () {
+        expect(repr1).to.not.deep.equal(ObjectId1)
+      })
+    })
+  })
+  describe('using sinon', function () {
+    describe('match', function () {
+      it('object ids should match themselves', function () {
+        sinon.assert.match(ObjectId1, ObjectId1)
+        sinon.assert.match(ObjectId2, ObjectId2)
+      })
+      it('different objects with the same id should match', function () {
+        sinon.assert.match(ObjectId1a, ObjectId1b)
+      })
+      it('different object ids should not match', function () {
+        expect(() => {
+          sinon.assert.match(ObjectId1, ObjectId2)
+        }).to.throw()
+      })
+      it('object id should not match a string with the same id (left operand)', function () {
+        expect(() => {
+          sinon.assert.match(ObjectId1, string1)
+        }).to.throw()
+      })
+      it('object id should not match a string with the same id (right operand)', function () {
+        expect(() => {
+          sinon.assert.match(string1, ObjectId1)
+        }).to.throw()
+      })
+      it('object id should not match a string with a different id', function () {
+        expect(() => {
+          sinon.assert.match(ObjectId1, string2)
+        }).to.throw()
+      })
+      it('object id should not match a number with the same id (left operand)', function () {
+        // This assertion fails because ObjectId2 becomes NaN when coerced to a number.
+        expect(() => {
+          sinon.assert.match(ObjectId2, 123)
+        }).to.throw()
+      })
+      it('object id should not match a number with the same id (left operand) but does match when the ObjectId has decimal digits only', function () {
+        // We would want this assertion to fail, but ObjectId1 becomes 1.1111...e+23
+        // when coerced to a number, and this can match a number with the same value.
+        //
+        // For an(object, number) comparison sinon coerces the object to a number using ==
+        // which takes the string representation of the object id and converts it to a number
+        // via .valueOf. Most of the time this gives NaN because the object ids
+        // are hexadecimal but if the ObjectId is a valid **decimal** number then it will
+        // be coerced to that number. This behaviour is by design in sinon but I think we
+        // can live with it because it is unlikely that we will compare an ObjectId to a
+        // number and get a false positive.
+        expect(() => {
+          sinon.assert.match(ObjectId1, number1)
+        }).to.not.throw()
+      })
+      it('object id should not match a number with the same id (right operand)', function () {
+        expect(() => {
+          sinon.assert.match(number1, ObjectId1)
+        }).to.throw()
+      })
+      it('object id should not match the string representation with the same id (left operand)', function () {
+        expect(() => {
+          sinon.assert.match(ObjectId1, repr1)
+        }).to.throw()
+      })
+      it('object id should not match the string representation with the same id (right operand)', function () {
+        expect(() => {
+          sinon.assert.match(repr1, ObjectId1)
+        }).to.throw()
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/infrastructure/RateLimiterTests.js b/services/web/test/unit/src/infrastructure/RateLimiterTests.js
new file mode 100644
index 0000000..4d0b2c2
--- /dev/null
+++ b/services/web/test/unit/src/infrastructure/RateLimiterTests.js
@@ -0,0 +1,95 @@
+const SandboxedModule = require('sandboxed-module')
+const sinon = require('sinon')
+const { expect } = require('chai')
+const modulePath = require('path').join(
+  __dirname,
+  '../../../../app/src/infrastructure/RateLimiter'
+)
+
+describe('RateLimiter', function () {
+  beforeEach(function () {
+    this.rclient = {}
+    this.RedisWrapper = {
+      client: sinon.stub().returns(this.rclient),
+    }
+    this.RateLimiter = {
+      RateLimiter: sinon.stub().withArgs('login').returns(this.rateLimiter),
+    }
+
+    this.RateLimiterFlexible = {
+      RateLimiterRedis: sinon.stub(),
+    }
+    this.Settings = {}
+
+    this.RateLimiter = SandboxedModule.require(modulePath, {
+      requires: {
+        './RedisWrapper': this.RedisWrapper,
+        'rate-limiter-flexible': this.RateLimiterFlexible,
+        '@overleaf/settings': this.Settings,
+      },
+    })
+  })
+
+  describe('getSubnetKeyFromIp', function () {
+    beforeEach(function () {
+      this.rateLimiter = new this.RateLimiter.RateLimiter('some-limit', {
+        points: 20,
+        subnetPoints: 200,
+        duration: 60,
+      })
+    })
+
+    it('should correctly extract a subnet key from an ip address', function () {
+      expect(this.rateLimiter.getSubnetKeyFromIp('255.255.255.255')).to.equal(
+        '255.255.255'
+      )
+      expect(this.rateLimiter.getSubnetKeyFromIp('127.0.0.1')).to.equal(
+        '127.0.0'
+      )
+      expect(this.rateLimiter.getSubnetKeyFromIp('243.12.3.126')).to.equal(
+        '243.12.3'
+      )
+    })
+
+    it('should throw an error when given an incorrectly formatted ip', function () {
+      expect(() => this.rateLimiter.getSubnetKeyFromIp(1)).to.throw()
+      expect(() => this.rateLimiter.getSubnetKeyFromIp('Not an ip')).to.throw()
+      expect(() =>
+        this.rateLimiter.getSubnetKeyFromIp('255.255.255.255.255.255')
+      ).to.throw()
+      expect(() =>
+        this.rateLimiter.getSubnetKeyFromIp('255.255.255')
+      ).to.throw()
+    })
+  })
+
+  describe('_subnetRateLimiter', function () {
+    it('should be defined by default', function () {
+      const rateLimiter = new this.RateLimiter.RateLimiter('some-limit', {
+        points: 20,
+        subnetPoints: 200,
+        duration: 60,
+      })
+      expect(rateLimiter._subnetRateLimiter).not.to.be.undefined
+    })
+
+    it('should be undefined when subnet rate limiting is disabled', function () {
+      this.Settings.rateLimit = { subnetRateLimiterDisabled: true }
+
+      const rateLimiter = new this.RateLimiter.RateLimiter('some-limit', {
+        points: 20,
+        subnetPoints: 200,
+        duration: 60,
+      })
+      expect(rateLimiter._subnetRateLimiter).to.be.undefined
+    })
+
+    it('should be undefined when subnetPoints are not passed as an option', function () {
+      const rateLimiter = new this.RateLimiter.RateLimiter('some-limit', {
+        points: 20,
+        duration: 60,
+      })
+      expect(rateLimiter._subnetRateLimiter).to.be.undefined
+    })
+  })
+})
diff --git a/services/web/test/unit/src/infrastructure/RequestContentTypeDetectionTests.js b/services/web/test/unit/src/infrastructure/RequestContentTypeDetectionTests.js
new file mode 100644
index 0000000..b214a71
--- /dev/null
+++ b/services/web/test/unit/src/infrastructure/RequestContentTypeDetectionTests.js
@@ -0,0 +1,47 @@
+const accepts = require('accepts')
+const { expect } = require('chai')
+const MODULE_PATH =
+  '../../../../app/src/infrastructure/RequestContentTypeDetection.js'
+const MockRequest = require('../helpers/MockRequest')
+const SandboxedModule = require('sandboxed-module')
+
+describe('RequestContentTypeDetection', function () {
+  before(function () {
+    this.RequestContentTypeDetection = SandboxedModule.require(MODULE_PATH)
+    this.req = new MockRequest()
+    this.req.accepts = function (...args) {
+      return accepts(this).type(...args)
+    }
+  })
+
+  describe('isJson=true', function () {
+    function expectJson(type) {
+      it(type, function () {
+        this.req.headers.accept = type
+        expect(this.RequestContentTypeDetection.acceptsJson(this.req)).to.equal(
+          true
+        )
+      })
+    }
+
+    expectJson('application/json')
+    expectJson('application/json, text/plain, */*')
+    expectJson('application/json, text/html, */*')
+  })
+
+  describe('isJson=false', function () {
+    function expectNonJson(type) {
+      it(type, function () {
+        this.req.headers.accept = type
+        expect(this.RequestContentTypeDetection.acceptsJson(this.req)).to.equal(
+          false
+        )
+      })
+    }
+
+    expectNonJson('*/*')
+    expectNonJson('text/html')
+    expectNonJson('text/html, application/json')
+    expectNonJson('image/png')
+  })
+})
diff --git a/services/web/test/unit/src/infrastructure/ServeStaticWrapperTests.mjs b/services/web/test/unit/src/infrastructure/ServeStaticWrapperTests.mjs
new file mode 100644
index 0000000..01fe5d7
--- /dev/null
+++ b/services/web/test/unit/src/infrastructure/ServeStaticWrapperTests.mjs
@@ -0,0 +1,62 @@
+import { strict as esmock } from 'esmock'
+import { expect } from 'chai'
+import Path from 'node:path'
+import { fileURLToPath } from 'node:url'
+import sinon from 'sinon'
+import MockResponse from '../helpers/MockResponse.js'
+import MockRequest from '../helpers/MockRequest.js'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+const modulePath = Path.join(
+  __dirname,
+  '../../../../app/src/infrastructure/ServeStaticWrapper'
+)
+
+describe('ServeStaticWrapperTests', function () {
+  let error = null
+
+  beforeEach(async function () {
+    this.req = new MockRequest()
+    this.res = new MockResponse()
+    this.express = {
+      static: () => (req, res, next) => {
+        if (error) {
+          next(error)
+        } else {
+          next()
+        }
+      },
+    }
+    this.serveStaticWrapper = await esmock(modulePath, {
+      express: this.express,
+    })
+  })
+
+  this.afterEach(() => {
+    error = null
+  })
+
+  it('Premature close error thrown', async function () {
+    error = new Error()
+    error.code = 'ERR_STREAM_PREMATURE_CLOSE'
+    const middleware = this.serveStaticWrapper('test_folder', {})
+    const next = sinon.stub()
+    middleware(this.req, this.res, next)
+    expect(next.called).to.be.false
+  })
+
+  it('No error thrown', async function () {
+    const middleware = this.serveStaticWrapper('test_folder', {})
+    const next = sinon.stub()
+    middleware(this.req, this.res, next)
+    expect(next).to.be.calledWith()
+  })
+
+  it('Other error thrown', async function () {
+    error = new Error()
+    const middleware = this.serveStaticWrapper('test_folder', {})
+    const next = sinon.stub()
+    middleware(this.req, this.res, next)
+    expect(next).to.be.calledWith(error)
+  })
+})
diff --git a/services/web/test/unit/src/infrastructure/TranslationsTests.js b/services/web/test/unit/src/infrastructure/TranslationsTests.js
new file mode 100644
index 0000000..d957bd9
--- /dev/null
+++ b/services/web/test/unit/src/infrastructure/TranslationsTests.js
@@ -0,0 +1,128 @@
+const { expect } = require('chai')
+const SandboxedModule = require('sandboxed-module')
+
+const MODULE_PATH = '../../../../app/src/infrastructure/Translations.js'
+
+describe('Translations', function () {
+  let req, res, translations
+  function runMiddlewares(cb) {
+    translations.i18nMiddleware(req, res, () => {
+      translations.setLangBasedOnDomainMiddleware(req, res, cb)
+    })
+  }
+
+  beforeEach(function () {
+    translations = SandboxedModule.require(MODULE_PATH, {
+      requires: {
+        '@overleaf/settings': {
+          i18n: {
+            escapeHTMLInVars: false,
+            subdomainLang: {
+              www: { lngCode: 'en', url: 'https://www.overleaf.com' },
+              fr: { lngCode: 'fr', url: 'https://fr.overleaf.com' },
+              da: { lngCode: 'da', url: 'https://da.overleaf.com' },
+            },
+          },
+        },
+      },
+    })
+
+    req = {
+      url: '/',
+      headers: {
+        'accept-language': '',
+      },
+    }
+    res = {
+      locals: {},
+      getHeader: () => {},
+      setHeader: () => {},
+    }
+  })
+
+  describe('translate', function () {
+    beforeEach(function (done) {
+      runMiddlewares(done)
+    })
+
+    it('works', function () {
+      expect(req.i18n.t('give_feedback')).to.equal('Give feedback')
+    })
+
+    it('has translate alias', function () {
+      expect(req.i18n.translate('give_feedback')).to.equal('Give feedback')
+    })
+  })
+
+  describe('interpolation', function () {
+    beforeEach(function (done) {
+      runMiddlewares(done)
+    })
+
+    it('works', function () {
+      expect(
+        req.i18n.t('please_confirm_email', {
+          emailAddress: 'foo@example.com',
+        })
+      ).to.equal(
+        'Please confirm your email foo@example.com by clicking on the link in the confirmation email '
+      )
+    })
+
+    it('handles dashes after interpolation', function () {
+      // This translation string has a problematic interpolation followed by a
+      // dash: `__len__-day`
+      expect(
+        req.i18n.t('faq_how_does_free_trial_works_answer', {
+          appName: 'Overleaf',
+          len: '5',
+        })
+      ).to.equal(
+        'You get full access to your chosen Overleaf plan during your 5-day free trial. There is no obligation to continue beyond the trial. Your card will be charged at the end of your 5 day trial unless you cancel before then. You can cancel via your subscription settings.'
+      )
+    })
+
+    it('disables escaping', function () {
+      expect(
+        req.i18n.t('admin_user_created_message', {
+          link: 'http://google.com',
+        })
+      ).to.equal(
+        'Created admin user, <a href="http://google.com">Log in here</a> to continue'
+      )
+    })
+  })
+
+  describe('setLangBasedOnDomainMiddleware', function () {
+    it('should set the lang to french if the domain is fr', function (done) {
+      req.headers.host = 'fr.overleaf.com'
+      runMiddlewares(() => {
+        expect(req.lng).to.equal('fr')
+        done()
+      })
+    })
+
+    describe('suggestedLanguageSubdomainConfig', function () {
+      it('should set suggestedLanguageSubdomainConfig if the detected lang is different to subdomain lang', function (done) {
+        req.headers['accept-language'] = 'da, en-gb;q=0.8, en;q=0.7'
+        req.headers.host = 'fr.overleaf.com'
+        runMiddlewares(() => {
+          expect(res.locals.suggestedLanguageSubdomainConfig).to.exist
+          expect(res.locals.suggestedLanguageSubdomainConfig.lngCode).to.equal(
+            'da'
+          )
+          done()
+        })
+      })
+
+      it('should not set suggestedLanguageSubdomainConfig if the detected lang is the same as subdomain lang', function (done) {
+        req.headers['accept-language'] = 'da, en-gb;q=0.8, en;q=0.7'
+        req.headers.host = 'da.overleaf.com'
+        runMiddlewares(() => {
+          expect(res.locals.suggestedLanguageSubdomainConfig).to.not.exist
+          done()
+        })
+      })
+    })
+  })
+})
diff --git a/services/web/test/unit/src/infrastructure/ValidationTests.js b/services/web/test/unit/src/infrastructure/ValidationTests.js
new file mode 100644
index 0000000..e01dff8
--- /dev/null
+++ b/services/web/test/unit/src/infrastructure/ValidationTests.js
@@ -0,0 +1,47 @@
+const { Joi } = require('../../../../app/src/infrastructure/Validation')
+const { ObjectId } = require('mongodb-legacy')
+const { expect } = require('chai')
+const { ValidationError } = require('joi')
+
+describe('Validation', function () {
+  const validObjectId = '123456781234567812345678'
+  const invalidObjectId = '12345678-1234-1234-12345678'
+
+  it('accepts valid ObjectId strings', async function () {
+    const schema = Joi.object({
+      test: Joi.objectId(),
+    })
+
+    const value = await schema.validateAsync({
+      test: validObjectId,
+    })
+
+    expect(value.test).to.be.instanceof(ObjectId)
+    expect(value.test.toHexString()).to.equal(validObjectId)
+  })
+
+  it('rejects invalid ObjectId strings', async function () {
+    const schema = Joi.object({
+      test: Joi.objectId(),
+    })
+
+    const promise = schema.validateAsync({
+      test: invalidObjectId,
+    })
+
+    expect(promise).to.be.rejectedWith(ValidationError)
+  })
+
+  it('accepts valid ObjectId objects', async function () {
+    const schema = Joi.object({
+      test: Joi.objectId(),
+    })
+
+    const value = await schema.validateAsync({
+      test: new ObjectId(validObjectId),
+    })
+
+    expect(value.test).to.be.instanceof(ObjectId)
+    expect(value.test.toHexString()).to.equal(validObjectId)
+  })
+})
diff --git a/services/web/test/unit/src/infrastructure/Views.js b/services/web/test/unit/src/infrastructure/Views.js
new file mode 100644
index 0000000..7b601f5
--- /dev/null
+++ b/services/web/test/unit/src/infrastructure/Views.js
@@ -0,0 +1,129 @@
+/* eslint-disable no-template-curly-in-string */
+
+const { expect } = require('chai')
+const pug = require('pug')
+const modulePath = '../../../../app/src/infrastructure/Views.js'
+const SandboxedModule = require('sandboxed-module')
+
+describe('Views', function () {
+  beforeEach(function () {
+    this.Views = SandboxedModule.require(modulePath, {
+      requires: {
+        '@overleaf/settings': (this.settings = {
+          viewIncludes: {
+            someInclude: 'path/to/_include.pug',
+          },
+        }),
+      },
+    })
+  })
+
+  describe('_expectMetaFor', function () {
+    const cases = [
+      {
+        name: 'no-js',
+        filename: '500.pug',
+        firstLine: 'extends ../layout/layout-no-js',
+        expectMeta: false,
+      },
+      {
+        name: 'doctype html',
+        filename: 'user_info_not_found.pug',
+        firstLine: 'doctype html',
+        expectMeta: false,
+      },
+      {
+        name: 'doctype xml',
+        filename: 'feed.pug',
+        firstLine: 'doctype xml',
+        expectMeta: false,
+      },
+      {
+        name: 'view include',
+        filename: 'path/to/_include.pug',
+        firstLine: '//- comment in include',
+        expectMeta: false,
+      },
+      {
+        name: 'view include',
+        filename: 'ide-react.pug',
+        firstLine: 'extends ../layout-react',
+        expectMeta: true,
+      },
+    ]
+    for (const { name, filename, firstLine, expectMeta } of cases) {
+      it(name, function () {
+        expect(this.Views._expectMetaFor(filename, firstLine)).to.equal(
+          expectMeta
+        )
+      })
+    }
+  })
+
+  describe('_findAllMetaTags', function () {
+    const cases = [
+      {
+        name: 'simple quote',
+        src: "meta(name='ol-foo' content=1)",
+        found: ['ol-foo'],
+        duplicates: [],
+      },
+      {
+        name: 'double quote',
+        src: 'meta(name="ol-foo" content=1)',
+        found: ['ol-foo'],
+        duplicates: [],
+      },
+      {
+        name: 'code quote',
+        src: 'meta(name=`ol-foo` content=1)',
+        found: ['ol-foo'],
+        duplicates: [],
+      },
+      {
+        name: 'multiple',
+        src: "meta(name='ol-foo' content=1)\nmeta(name='ol-bar' content=2)",
+        found: ['ol-foo', 'ol-bar'],
+        duplicates: [],
+      },
+      {
+        name: 'computed single',
+        src: "meta(name='ol-prefix-' + foo content=1)",
+        found: ['ol-prefix-'],
+        duplicates: [],
+      },
+      {
+        name: 'computed double',
+        src: 'meta(name="ol-prefix-" + foo content=1)',
+        found: ['ol-prefix-'],
+        duplicates: [],
+      },
+      {
+        name: 'computed code',
+        src: 'meta(name=`ol-prefix-${foo}` content=1)',
+        found: ['ol-prefix-${foo}'],
+        duplicates: [],
+      },
+      {
+        name: 'duplicate',
+        src: `meta(name='ol-foo' content=1)\nmeta(name="ol-foo")`,
+        found: ['ol-foo'],
+        duplicates: ['ol-foo'],
+      },
+      {
+        name: 'compiled code',
+        compiled: `pug_html = pug_html + "\u003Cmeta" + (" name=\\"ol-csrfToken\\""+pug.attr("content", csrfToken, true, true)) + "\u003E\u003Cmeta" + (" name=\\"ol-baseAssetPath\\""+pug.attr("content", buildBaseAssetPath(), true, true))`,
+        found: ['ol-csrfToken', 'ol-baseAssetPath'],
+        duplicates: [],
+      },
+    ]
+    for (const { name, compiled, src, found, duplicates } of cases) {
+      it(name, function () {
+        const res = this.Views._findAllMetaTags(
+          compiled || pug.compileClient(src, this.Views.PUG_COMPILE_ARGUMENTS)
+        )
+        expect(res).to.deep.equal({ found, duplicates })
+      })
+    }
+  })
+})
diff --git a/services/web/test/unit/tsconfig.json b/services/web/test/unit/tsconfig.json
new file mode 100644
index 0000000..126da92
--- /dev/null
+++ b/services/web/test/unit/tsconfig.json
@@ -0,0 +1 @@
+{ "extends": "../../tsconfig.backend.json" }
diff --git a/services/web/transform/cjs-to-esm/cjs-to-esm.mjs b/services/web/transform/cjs-to-esm/cjs-to-esm.mjs
new file mode 100644
index 0000000..c3b5500
--- /dev/null
+++ b/services/web/transform/cjs-to-esm/cjs-to-esm.mjs
@@ -0,0 +1,74 @@
+import minimist from 'minimist'
+import { exec } from 'node:child_process'
+import { promisify } from 'node:util'
+import Runner from 'jscodeshift/src/Runner.js'
+import { fileURLToPath } from 'node:url'
+import path from 'node:path'
+
+const __dirname = fileURLToPath(new URL('.', import.meta.url))
+// use minimist to get a list of files from the argv
+const argv = minimist(process.argv.slice(2), {
+  boolean: ['usage'],
+})
+
+function printUsage() {
+  console.log(
+    'node scripts/esm-migration/cjs-to-esm.mjs [files] [--format] [--lint] [--usage]'
+  )
+  console.log(
+    'WARNING: this will only work in local development as important dependencies will be missing in production'
+  )
+  console.log('Options:')
+  console.log('   files: a list of files to convert')
+  console.log('--format: run prettier to fix formatting')
+  console.log('  --lint: run eslint to fix linting')
+  console.log(' --usage: show this help message')
+  process.exit(0)
+}
+
+const files = argv._
+
+if (argv.usage) {
+  printUsage()
+}
+
+if (!Array.isArray(files) || files.length === 0) {
+  console.error('You must provide a list of files to convert')
+  printUsage()
+  process.exit(1)
+}
+
+const promisifiedExec = promisify(exec)
+
+const cjsTransform = fileURLToPath(
+  import.meta.resolve('5to6-codemod/transforms/cjs.js')
+)
+const exportsTransform = fileURLToPath(
+  import.meta.resolve('5to6-codemod/transforms/exports.js')
+)
+const overleafTransform = fileURLToPath(
+  import.meta.resolve('./overleaf-es-codemod.js')
+)
+
+const config = {
+  output: __dirname,
+  silent: true,
+  print: false,
+  verbose: 0,
+  hoist: true,
+}
+
+await Runner.run(cjsTransform, files, config)
+await Runner.run(exportsTransform, files, config)
+await Runner.run(overleafTransform, files, config)
+
+const webRoot = fileURLToPath(new URL('../../', import.meta.url))
+
+for (const file of files) {
+  // move files with git mv
+  await promisifiedExec(`git mv ${file} ${file.replace('.js', '.mjs')}`)
+  const relativePath = path.relative(webRoot, file)
+  console.log(
+    `transformed ${relativePath} and renamed it to have a .mjs extension`
+  )
+}
diff --git a/services/web/transform/cjs-to-esm/overleaf-es-codemod.js b/services/web/transform/cjs-to-esm/overleaf-es-codemod.js
new file mode 100755
index 0000000..4b90f76
--- /dev/null
+++ b/services/web/transform/cjs-to-esm/overleaf-es-codemod.js
@@ -0,0 +1,230 @@
+// Performs a few useful codemod transformations for Overleaf's esm migration.
+// The transformations mostly address specific issues faced commonly in Overleaf's `web` service.
+// * Replaces `sandboxed-module` imports with `esmock` imports.
+// * Replaces `sandboxed-module` invocation with `esmock` invocation (Assumes `SandboxedModule.require` is used for the invocation).
+// * Fixes `mongodb-legacy` import to use `mongodb` import and extract `ObjectId` from the import.
+// * Replaces `require('path').join` with `path.join` (importing the path module if not already imported).
+// * Adds `const __dirname = fileURLToPath(new URL('.', import.meta.url))` if `__dirname` is used in the file.
+// * Adds `.js` or `.mjs` extension (as appropriate) to relative path imports.
+// call this with `jscodeshift -t overleaf-es-codemod.js <file>` or using the `cjs-to-esm.js` script (which does this as the final step before formatting).
+
+const fs = require('node:fs')
+const Path = require('node:path')
+
+module.exports = function (fileInfo, api) {
+  const j = api.jscodeshift
+  const root = j(fileInfo.source)
+  const body = root.get().value.program.body
+
+  /**
+   * Conditionally adds an import statement to the top of the file if it doesn't already exist.
+   * @param moduleName A plain text name for the module to import (e.g. 'node:path').
+   * @param specifier A jscodeshift specifier for the import statement (provides e.g. `{ promises }` from `import { promises } from 'fs'`.
+   * @param existingImportCheck A function that checks if a specific import statement is the one we're looking for.
+   */
+  function addImport(moduleName, specifier, existingImportCheck) {
+    // Add import path from 'path' at the top if not already present
+    const importDeclaration = j.importDeclaration(
+      specifier,
+      j.literal(moduleName)
+    )
+
+    if (!existingImportCheck) {
+      existingImportCheck = node => node.source.value === moduleName
+    }
+
+    const existingImport = body.find(
+      node => node.type === 'ImportDeclaration' && existingImportCheck(node)
+    )
+
+    if (!existingImport) {
+      const lastImportIndex = body.reduce((lastIndex, node, index) => {
+        return node.type === 'ImportDeclaration' ? index : lastIndex
+      }, -1)
+      body.splice(lastImportIndex, 0, importDeclaration)
+    }
+  }
+
+  // Replace sandboxed-module imports
+  root
+    .find(j.ImportDeclaration, {
+      source: { value: 'sandboxed-module' },
+    })
+    .forEach(path => {
+      path.node.source.value = 'esmock'
+      if (path.node.specifiers.length > 0 && path.node.specifiers[0].local) {
+        path.node.specifiers[0].local.name = 'esmock'
+      }
+    })
+
+  // Replace sandboxedModule.require calls with awaited esmock calls
+  root
+    .find(j.CallExpression, {
+      callee: {
+        object: { name: 'SandboxedModule' },
+        property: { name: 'require' },
+      },
+    })
+    .forEach(path => {
+      const args = path.node.arguments
+      if (args.length > 0) {
+        const firstArg = args[0]
+        const esmockArgs = [firstArg]
+
+        // Check if there's a second argument with a 'requires' property
+        if (args.length > 1 && args[1].type === 'ObjectExpression') {
+          const requiresProp = args[1].properties.find(
+            prop =>
+              prop.key.name === 'requires' || prop.key.value === 'requires'
+          )
+
+          if (requiresProp) {
+            // Move contents of 'requires' to top level
+            esmockArgs.push(requiresProp.value)
+          }
+        }
+
+        // Create the await expression with restructured arguments
+        const awaitExpression = j.awaitExpression(
+          j.callExpression(
+            j.memberExpression(j.identifier('esmock'), j.identifier('strict')),
+            esmockArgs
+          )
+        )
+
+        // Replace the original call with the await expression
+        j(path).replaceWith(awaitExpression)
+
+        // Find the closest function and make it async
+        let functionPath = path
+        while ((functionPath = functionPath.parent)) {
+          if (
+            functionPath.node.type === 'FunctionDeclaration' ||
+            functionPath.node.type === 'FunctionExpression' ||
+            functionPath.node.type === 'ArrowFunctionExpression'
+          ) {
+            functionPath.node.async = true
+            break
+          }
+        }
+      }
+    })
+
+  // Fix mongodb-legacy import
+  root
+    .find(j.ImportDeclaration, {
+      source: { value: 'mongodb-legacy' },
+      specifiers: [{ imported: { name: 'ObjectId' } }],
+    })
+    .forEach(path => {
+      // Create new import declaration
+      const newImport = j.importDeclaration(
+        [j.importDefaultSpecifier(j.identifier('mongodb'))],
+        j.literal('mongodb-legacy')
+      )
+
+      // Create new constant declaration
+      const newConst = j.variableDeclaration('const', [
+        j.variableDeclarator(
+          j.objectPattern([
+            j.property(
+              'init',
+              j.identifier('ObjectId'),
+              j.identifier('ObjectId')
+            ),
+          ]),
+          j.identifier('mongodb')
+        ),
+      ])
+
+      // Replace the old import with the new import and constant declaration
+      j(path).replaceWith(newImport)
+      path.insertAfter(newConst)
+    })
+
+  root
+    .find(j.CallExpression, {
+      callee: {
+        object: { callee: { name: 'require' }, arguments: [{ value: 'path' }] },
+        property: { name: 'join' },
+      },
+    })
+    .forEach(path => {
+      // Replace with path.join
+      j(path).replaceWith(
+        j.callExpression(
+          j.memberExpression(j.identifier('path'), j.identifier('join')),
+          path.node.arguments
+        )
+      )
+
+      // Add import path from 'path' at the top if not already presen
+      addImport(
+        'node:path',
+        [j.importDefaultSpecifier(j.identifier('path'))],
+        node =>
+          node.source.value === 'path' || node.source.value === 'node:path'
+      )
+    })
+
+  // Add const __dirname = fileURLToPath(new URL('.', import.meta.url)) if there is a usage of __dirname
+  const dirnameDeclaration = j.variableDeclaration('const', [
+    j.variableDeclarator(
+      j.identifier('__dirname'),
+      j.callExpression(j.identifier('fileURLToPath'), [
+        j.newExpression(j.identifier('URL'), [
+          j.literal('.'),
+          j.memberExpression(j.identifier('import'), j.identifier('meta.url')),
+        ]),
+      ])
+    ),
+  ])
+
+  const existingDirnameDeclaration = body.find(
+    node =>
+      node.type === 'VariableDeclaration' &&
+      node.declarations[0].id.name === '__dirname'
+  )
+  const firstDirnameUsage = root.find(j.Identifier, { name: '__dirname' }).at(0)
+
+  if (firstDirnameUsage.size() > 0 && !existingDirnameDeclaration) {
+    // Add import path from 'path' at the top if not already present
+    addImport(
+      'node:url',
+      [j.importSpecifier(j.identifier('fileURLToPath'))],
+      node => node.source.value === 'url' || node.source.value === 'node:url'
+    )
+
+    const lastImportIndex = body.reduce((lastIndex, node, index) => {
+      return node.type === 'ImportDeclaration' ? index : lastIndex
+    }, -1)
+
+    body.splice(lastImportIndex + 1, 0, dirnameDeclaration)
+  }
+
+  // Add extension to relative path imports
+  root
+    .find(j.ImportDeclaration)
+    .filter(path => path.node.source.value.startsWith('.'))
+    .forEach(path => {
+      const importPath = path.node.source.value
+      const fullPathJs = Path.resolve(
+        Path.dirname(fileInfo.path),
+        `${importPath}.js`
+      )
+      const fullPathMjs = Path.resolve(
+        Path.dirname(fileInfo.path),
+        `${importPath}.mjs`
+      )
+
+      if (fs.existsSync(fullPathJs)) {
+        path.node.source.value = `${importPath}.js`
+      } else if (fs.existsSync(fullPathMjs)) {
+        path.node.source.value = `${importPath}.mjs`
+      }
+    })
+
+  return root.toSource({
+    quote: 'single',
+  })
+}
diff --git a/services/web/transform/cjs-to-esm/transform-dir.sh b/services/web/transform/cjs-to-esm/transform-dir.sh
new file mode 100755
index 0000000..af8be58
--- /dev/null
+++ b/services/web/transform/cjs-to-esm/transform-dir.sh
@@ -0,0 +1,20 @@
+#!/bin/bash
+
+if [ -z "$1" ]; then
+  echo "Usage: transform-dir.sh <module_path>"
+  exit 1
+fi
+
+MODULE_PATH=$1
+
+while true; do
+  FILES=$(node scripts/esm-check-migration.mjs -f "$MODULE_PATH" -j | jq -r '.filesNotImportedViaCjs | join(" ")')
+  if [ -z "$FILES" ]; then
+    break
+  fi
+  node transform/cjs-to-esm/cjs-to-esm.mjs "$FILES"
+done
+
+make format_fix > /dev/null
+
+echo "All files processed."
diff --git a/services/web/transform/o-error/README.md b/services/web/transform/o-error/README.md
new file mode 100644
index 0000000..8faa7ac
--- /dev/null
+++ b/services/web/transform/o-error/README.md
@@ -0,0 +1,5 @@
+# OError Transformer
+
+Run: `transform/o-error/transform.sh app ... `
+
+See: https://github.com/overleaf/web-internal/pull/2582 for discussion on next steps.
diff --git a/services/web/transform/o-error/transform.js b/services/web/transform/o-error/transform.js
new file mode 100644
index 0000000..e78e401
--- /dev/null
+++ b/services/web/transform/o-error/transform.js
@@ -0,0 +1,126 @@
+function functionArgsFilter(j, path) {
+  if (path.get('params') && path.get('params').value[0]) {
+    return ['err', 'error'].includes(path.get('params').value[0].name)
+  } else {
+    return false
+  }
+}
+
+function isReturningFunctionCallWithError(path, errorVarName) {
+  return (
+    path.value.argument &&
+    path.value.argument.arguments &&
+    path.value.argument.arguments[0] &&
+    path.value.argument.arguments[0].name === errorVarName
+  )
+}
+
+function expressionIsLoggingError(path) {
+  return ['warn', 'error', 'err'].includes(
+    path.get('callee').get('property').value.name
+  )
+}
+
+function createTagErrorExpression(j, path, errorVarName) {
+  let message = 'error'
+  if (path.value.arguments.length >= 2) {
+    message = path.value.arguments[1].value || message
+  }
+
+  let info
+  try {
+    info = j.objectExpression(
+      // add properties from original logger info object to the
+      // OError info object, filtering out the err object itself,
+      // which is typically one of the args when doing intermediate
+      // error logging
+      // TODO: this can fail when the property name does not match
+      //       the variable name. e.g. { err: error } so need to check
+      //       both in the filter
+      path
+        .get('arguments')
+        .value[0].properties.filter(
+          property => property.key.name !== errorVarName
+        )
+    )
+  } catch (error) {
+    // if info retrieval fails it remains empty
+  }
+  const args = [j.identifier(errorVarName), j.literal(message)]
+  if (info) {
+    args.push(info)
+  }
+  return j.callExpression(
+    j.memberExpression(j.identifier('OError'), j.identifier('tag')),
+    args
+  )
+}
+
+function functionBodyProcessor(j, path) {
+  // the error variable should be the first parameter to the function
+  const errorVarName = path.get('params').value[0].name
+  j(path)
+    .find(j.IfStatement) // look for if statements
+    .filter(path =>
+      j(path)
+        // find returns inside the if statement where the error from
+        // the args is explicitly returned
+        .find(j.ReturnStatement)
+        .some(path => isReturningFunctionCallWithError(path, errorVarName))
+    )
+    .forEach(path => {
+      j(path)
+        .find(j.CallExpression, {
+          callee: {
+            object: { name: 'logger' },
+          },
+        })
+        .filter(path => expressionIsLoggingError(path))
+        .replaceWith(path => {
+          return createTagErrorExpression(j, path, errorVarName)
+        })
+    })
+}
+
+export default function transformer(file, api) {
+  const j = api.jscodeshift
+  let source = file.source
+  // apply transformer to declared functions
+  source = j(source)
+    .find(j.FunctionDeclaration)
+    .filter(path => functionArgsFilter(j, path))
+    .forEach(path => functionBodyProcessor(j, path))
+    .toSource()
+  // apply transformer to inline-functions
+  source = j(source)
+    .find(j.FunctionExpression)
+    .filter(path => functionArgsFilter(j, path))
+    .forEach(path => functionBodyProcessor(j, path))
+    .toSource()
+  // apply transformer to inline-arrow-functions
+  source = j(source)
+    .find(j.ArrowFunctionExpression)
+    .filter(path => functionArgsFilter(j, path))
+    .forEach(path => functionBodyProcessor(j, path))
+    .toSource()
+  // do a plain text search to see if OError is used but not imported
+  if (source.includes('OError') && !source.includes('@overleaf/o-error')) {
+    const root = j(source)
+    // assume the first variable declaration is an import
+    // TODO: this should check that there is actually a require/import here
+    //       but in most cases it will be
+    const imports = root.find(j.VariableDeclaration)
+    const importOError = "const OError = require('@overleaf/o-error')\n"
+    // if there were imports insert into list, format can re-order
+    if (imports.length) {
+      j(imports.at(0).get()).insertAfter(importOError)
+    }
+    // otherwise insert at beginning
+    else {
+      root.get().node.program.body.unshift(importOError)
+    }
+    source = root.toSource()
+  }
+
+  return source
+}
diff --git a/services/web/transform/o-error/transform.sh b/services/web/transform/o-error/transform.sh
new file mode 100755
index 0000000..6b44765
--- /dev/null
+++ b/services/web/transform/o-error/transform.sh
@@ -0,0 +1,15 @@
+# run tranformer
+npx jscodeshift \
+  -t transform/o-error/transform.js \
+  --ignore-pattern=frontend/js/libraries.js \
+  --ignore-pattern=frontend/js/vendor \
+  "$1"
+# replace blank lines in staged changed with token
+git diff --ignore-all-space --ignore-blank-lines | sed 's/^\+$/\+REMOVE_ME_IM_A_BLANK_LINE/g' | git apply --reject --cached --ignore-space-change
+# stage changes with token instead of blank line
+git checkout .
+git add -A
+# delete line containing token in staged files
+git diff --cached --name-only | xargs sed -i '/^REMOVE_ME_IM_A_BLANK_LINE$/d'
+# fix format on modified files
+make format_fix
diff --git a/services/web/tsconfig.backend.json b/services/web/tsconfig.backend.json
new file mode 100644
index 0000000..2e23510
--- /dev/null
+++ b/services/web/tsconfig.backend.json
@@ -0,0 +1,14 @@
+{
+  "extends": "../../tsconfig.backend.json",
+  "include": [
+    "app/src/**/*",
+    "modules/*/app/src/**/*",
+    "modules/*/test/acceptance/**/*",
+    "modules/*/test/smoke/**/*",
+    "modules/*/test/unit/**/*",
+    "scripts/**/*",
+    "test/acceptance/**/*",
+    "test/smoke/**/*",
+    "test/unit/**/*"
+  ]
+}
diff --git a/services/web/tsconfig.json b/services/web/tsconfig.json
new file mode 100644
index 0000000..049642f
--- /dev/null
+++ b/services/web/tsconfig.json
@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "target": "esnext" /* Specify ECMAScript target version */,
+    "module": "es2020" /* Specify module code generation */,
+    "allowJs": true /* Allow JavaScript files to be compiled. */,
+    //    "checkJs": true /* Report errors in .js files. */,
+    "jsx": "preserve" /* Specify JSX code generation */,
+    "noEmit": true /* Do not emit outputs. */,
+    "strict": true /* Enable all strict type-checking options. */,
+    "moduleResolution": "node" /* Specify module resolution strategy */,
+    "esModuleInterop": true /* Enables emit interoperability between CommonJS and ES Modules via creation of namespace objects for all imports. Implies 'allowSyntheticDefaultImports'. */,
+    "skipLibCheck": true /* Skip type checking of declaration files. */,
+    "forceConsistentCasingInFileNames": true /* Disallow inconsistently-cased references to the same file. */,
+    "paths": {
+      "@/*": ["./frontend/js/*"],
+      "@overleaf/o-error": ["../../libraries/o-error"],
+      "@overleaf/ranges-tracker": ["../../libraries/ranges-tracker"]
+    },
+    "types": ["cypress", "@testing-library/cypress"]
+  },
+  "include": [
+    "frontend/js/**/*.*",
+    "modules/**/frontend/js/**/*.*",
+    "test/frontend/**/*.*",
+    "modules/**/test/frontend/**/*.*",
+    "frontend/stories/**/*.*",
+    "modules/**/stories/**/*.*",
+    ".storybook/*.*",
+    "cypress",
+    "types"
+  ],
+  "exclude": ["**/*.min.js"]
+}
diff --git a/services/web/types/admin/subscription.ts b/services/web/types/admin/subscription.ts
new file mode 100644
index 0000000..bbcdd3b
--- /dev/null
+++ b/services/web/types/admin/subscription.ts
@@ -0,0 +1,16 @@
+import { GroupPolicy } from '../subscription/dashboard/subscription'
+import { SSOConfig } from '../subscription/sso'
+import { TeamInvite } from '../team-invite'
+
+export type Subscription = {
+  _id: string
+  teamInvites: TeamInvite[]
+  groupPolicy: GroupPolicy
+  admin_id: string
+  groupPlan: boolean
+  customAccount: boolean
+  ssoConfig: SSOConfig
+  managedUsersEnabled: boolean
+  v1_id: number
+  salesforce_id: string
+}
diff --git a/services/web/types/admin/user.ts b/services/web/types/admin/user.ts
new file mode 100644
index 0000000..76548d0
--- /dev/null
+++ b/services/web/types/admin/user.ts
@@ -0,0 +1,4 @@
+export type User = {
+  _id: string
+  email: string
+}
diff --git a/services/web/types/affiliation.ts b/services/web/types/affiliation.ts
new file mode 100644
index 0000000..d60aa25
--- /dev/null
+++ b/services/web/types/affiliation.ts
@@ -0,0 +1,19 @@
+import { Institution } from './institution'
+import { Portal } from './portal'
+import { Nullable } from './utils'
+
+export type Affiliation = {
+  cachedConfirmedAt: Nullable<string>
+  cachedEntitlement: Nullable<boolean>
+  cachedLastDayToReconfirm: Nullable<string>
+  cachedPastReconfirmDate: boolean
+  cachedReconfirmedAt: Nullable<string>
+  department: Nullable<string>
+  inReconfirmNotificationPeriod: boolean
+  inferred: boolean
+  institution: Institution
+  licence: 'free' | 'pro_plus'
+  pastReconfirmDate: boolean
+  portal: Portal
+  role: Nullable<string>
+}
diff --git a/services/web/types/annotation.ts b/services/web/types/annotation.ts
new file mode 100644
index 0000000..e872747
--- /dev/null
+++ b/services/web/types/annotation.ts
@@ -0,0 +1,11 @@
+export type Annotation = {
+  row: number
+  type: 'info' | 'warning' | 'error'
+  text: string
+  source?: string
+  ruleId?: string
+  id: string
+  entryIndex: number
+  firstOnLine: boolean
+  command?: string
+}
diff --git a/services/web/types/assets.d.ts b/services/web/types/assets.d.ts
new file mode 100644
index 0000000..458256d
--- /dev/null
+++ b/services/web/types/assets.d.ts
@@ -0,0 +1,29 @@
+declare module '*.svg' {
+  const src: string
+  export default src
+}
+
+declare module '*.png' {
+  const src: string
+  export default src
+}
+
+declare module '*.gif' {
+  const src: string
+  export default src
+}
+
+declare module '*.mp4' {
+  const src: string
+  export default src
+}
+
+declare module '*.wasm' {
+  const src: string
+  export default src
+}
+
+declare module '*.txt' {
+  const src: string
+  export default src
+}
diff --git a/services/web/types/bootstrap.ts b/services/web/types/bootstrap.ts
new file mode 100644
index 0000000..38f1c80
--- /dev/null
+++ b/services/web/types/bootstrap.ts
@@ -0,0 +1,11 @@
+export type BsStyle =
+  | 'primary'
+  | 'secondary'
+  | 'danger'
+  | 'info'
+  | 'default'
+  | 'link'
+  | 'warning'
+  | 'success'
+
+export type BsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'
diff --git a/services/web/types/change.ts b/services/web/types/change.ts
new file mode 100644
index 0000000..a1fd462
--- /dev/null
+++ b/services/web/types/change.ts
@@ -0,0 +1,32 @@
+import { ThreadId } from './review-panel/review-panel'
+import { UserId } from './user'
+
+export interface Operation {
+  p: number // position
+}
+
+export interface InsertOperation extends Operation {
+  i: string // inserted text
+}
+
+export interface DeleteOperation extends Operation {
+  d: string // deleted text
+}
+
+export interface CommentOperation extends Operation {
+  c: string // comment text
+  t: ThreadId // thread/comment id
+}
+
+export type EditOperation = InsertOperation | DeleteOperation
+
+export type AnyOperation = EditOperation | CommentOperation
+
+export type Change<T extends AnyOperation = AnyOperation> = {
+  id: string
+  metadata?: {
+    user_id: UserId | null
+    ts: Date
+  }
+  op: T
+}
diff --git a/services/web/types/cms.ts b/services/web/types/cms.ts
new file mode 100644
index 0000000..6930603
--- /dev/null
+++ b/services/web/types/cms.ts
@@ -0,0 +1,28 @@
+export type IconElementSticker =
+  | 'sticker | arrow | grey | large'
+  | 'sticker | books | pink'
+  | 'sticker | books | yellow'
+  | 'sticker | cog-pen | grey'
+  | 'sticker | collaborate | purple'
+  | 'sticker | collaborate | yellow'
+  | 'sticker | curly-braces | purple'
+  | 'sticker | cursors | red'
+  | 'sticker | data | grey'
+  | 'sticker | formatting | green'
+  | 'sticker | globe | green'
+  | 'sticker | house-tree | grey | large'
+  | 'sticker | hub | tangerine'
+  | 'sticker | lock | grey | medium'
+  | 'sticker | lightning | yellow'
+  | 'sticker | overleaf | green | medium'
+  | 'sticker | pen | purple'
+  | 'sticker | pen | tangerine'
+  | 'sticker | pi | tangerine'
+  | 'sticker | rocket | yellow'
+  | 'sticker | rocket | yellow | medium'
+  | 'sticker | support | tangerine'
+  | 'sticker | support | yellow'
+  | 'sticker | waving-hand | purple | medium'
+
+export type IconElement = IconElementSticker
+export type IconStyle = 'Green circle' | 'Large purple text' | 'Default'
diff --git a/services/web/types/compile.ts b/services/web/types/compile.ts
new file mode 100644
index 0000000..541d031
--- /dev/null
+++ b/services/web/types/compile.ts
@@ -0,0 +1,36 @@
+export type CompileOutputFile = {
+  path: string
+  url: string
+  downloadURL?: string
+  type: string
+  build: string
+  ranges?: {
+    start: number
+    end: number
+    hash: string
+    objectId: string
+  }[]
+  contentId?: string
+  size?: number
+
+  // assigned by buildFileList in frontend
+  main?: boolean
+}
+
+export type CompileResponseData = {
+  fromCache?: boolean
+  status: string
+  outputFiles: CompileOutputFile[]
+  compileGroup?: string
+  clsiServerId?: string
+  pdfDownloadDomain?: string
+  pdfCachingMinChunkSize: number
+  validationProblems: any
+  stats: any
+  timings: any
+  outputFilesArchive?: CompileOutputFile
+
+  // assigned on response body by DocumentCompiler in frontend
+  rootDocId?: string
+  options: any
+}
diff --git a/services/web/types/doc.ts b/services/web/types/doc.ts
new file mode 100644
index 0000000..ee2bcac
--- /dev/null
+++ b/services/web/types/doc.ts
@@ -0,0 +1,4 @@
+export type Doc = {
+  _id: string
+  name: string
+}
diff --git a/services/web/types/exposed-settings.ts b/services/web/types/exposed-settings.ts
new file mode 100644
index 0000000..9656441
--- /dev/null
+++ b/services/web/types/exposed-settings.ts
@@ -0,0 +1,52 @@
+type TemplateLink = {
+  name: string
+  url: string
+  trackingKey: string
+}
+
+export type ExposedSettings = {
+  adminEmail: string
+  appName: string
+  cookieDomain: string
+  dropboxAppName: string
+  emailConfirmationDisabled: boolean
+  enableSubscriptions: boolean
+  gaToken?: string
+  gaTokenV4?: string
+  hasAffiliationsFeature: boolean
+  hasLinkUrlFeature: boolean
+  hasLinkedProjectFileFeature: boolean
+  hasLinkedProjectOutputFileFeature: boolean
+  hasSamlBeta?: boolean
+  hasSamlFeature: boolean
+  hotjarId?: string
+  hotjarVersion?: string
+  ieeeBrandId: number
+  isOverleaf: boolean
+  maxEntitiesPerProject: number
+  projectUploadTimeout: number
+  maxUploadSize: number
+  recaptchaDisabled: {
+    invite: boolean
+    login: boolean
+    passwordReset: boolean
+    register: boolean
+    addEmail: boolean
+  }
+  recaptchaSiteKeyV3?: string
+  recaptchaSiteKey?: string
+  samlInitPath?: string
+  sentryAllowedOriginRegex: string
+  sentryDsn?: string
+  sentryEnvironment?: string
+  sentryRelease?: string
+  siteUrl: string
+  textExtensions: string[]
+  editableFilenames: string[]
+  validRootDocExtensions: string[]
+  fileIgnorePattern: string
+  templateLinks?: TemplateLink[]
+  labsEnabled: boolean
+  wikiEnabled?: boolean
+  templatesEnabled?: boolean
+}
diff --git a/services/web/types/file-ref.ts b/services/web/types/file-ref.ts
new file mode 100644
index 0000000..1d220c2
--- /dev/null
+++ b/services/web/types/file-ref.ts
@@ -0,0 +1,7 @@
+export type FileRef = {
+  _id: string
+  name: string
+  created?: string
+  linkedFileData?: any
+  hash: string
+}
diff --git a/services/web/types/file-tree-entity.ts b/services/web/types/file-tree-entity.ts
new file mode 100644
index 0000000..d2db6c4
--- /dev/null
+++ b/services/web/types/file-tree-entity.ts
@@ -0,0 +1,5 @@
+import { Folder } from './folder'
+import { Doc } from './doc'
+import { FileRef } from './file-ref'
+
+export type FileTreeEntity = Folder | Doc | FileRef
diff --git a/services/web/types/folder.ts b/services/web/types/folder.ts
new file mode 100644
index 0000000..389de25
--- /dev/null
+++ b/services/web/types/folder.ts
@@ -0,0 +1,10 @@
+import { Doc } from './doc'
+import { FileRef } from './file-ref'
+
+export type Folder = {
+  _id: string
+  name: string
+  docs: Doc[]
+  folders: Folder[]
+  fileRefs: FileRef[]
+}
diff --git a/services/web/types/globals.d.ts b/services/web/types/globals.d.ts
new file mode 100644
index 0000000..84fcaa5
--- /dev/null
+++ b/services/web/types/globals.d.ts
@@ -0,0 +1,2 @@
+// eslint-disable-next-line camelcase,no-unused-vars
+declare let __webpack_public_path__: string
diff --git a/services/web/types/group-management/user.ts b/services/web/types/group-management/user.ts
new file mode 100644
index 0000000..a436cd8
--- /dev/null
+++ b/services/web/types/group-management/user.ts
@@ -0,0 +1,22 @@
+export type SSOEnrollment = {
+  groupId: string
+  linkedAt: Date
+  primary: boolean
+}
+
+export type UserEnrollment = {
+  managedBy?: string
+  enrolledAt?: Date
+  sso?: SSOEnrollment[]
+}
+
+export type User = {
+  _id: string
+  email: string
+  first_name: string
+  last_name: string
+  invite: boolean
+  last_active_at: Date
+  enrollment?: UserEnrollment
+  isEntityAdmin?: boolean
+}
diff --git a/services/web/types/group-management/validation.ts b/services/web/types/group-management/validation.ts
new file mode 100644
index 0000000..3440266
--- /dev/null
+++ b/services/web/types/group-management/validation.ts
@@ -0,0 +1,3 @@
+export type ValidationStatus = {
+  [key: string]: boolean | undefined
+}
diff --git a/services/web/types/helpers/array/sort.ts b/services/web/types/helpers/array/sort.ts
new file mode 100644
index 0000000..a0e1edf
--- /dev/null
+++ b/services/web/types/helpers/array/sort.ts
@@ -0,0 +1,6 @@
+// eslint-disable-next-line no-unused-vars
+export enum Compare {
+  SORT_A_AFTER_B = 1, // eslint-disable-line no-unused-vars
+  SORT_A_BEFORE_B = -1, // eslint-disable-line no-unused-vars
+  SORT_KEEP_ORDER = 0, // eslint-disable-line no-unused-vars
+}
diff --git a/services/web/types/helpers/brand.ts b/services/web/types/helpers/brand.ts
new file mode 100644
index 0000000..ecd86e0
--- /dev/null
+++ b/services/web/types/helpers/brand.ts
@@ -0,0 +1,3 @@
+declare const brand: unique symbol
+
+export type Brand<T, TBrand> = T & { [brand]: TBrand }
diff --git a/services/web/types/helpers/date.ts b/services/web/types/helpers/date.ts
new file mode 100644
index 0000000..772b6ab
--- /dev/null
+++ b/services/web/types/helpers/date.ts
@@ -0,0 +1,3 @@
+import { Brand } from './brand'
+
+export type DateString = Brand<string, 'DateString'>
diff --git a/services/web/types/highlight.ts b/services/web/types/highlight.ts
new file mode 100644
index 0000000..5dc47ba
--- /dev/null
+++ b/services/web/types/highlight.ts
@@ -0,0 +1,5 @@
+export type Highlight = {
+  cursor: { row: number; column: number }
+  hue: number
+  label: string
+}
diff --git a/services/web/types/history/selection.ts b/services/web/types/history/selection.ts
new file mode 100644
index 0000000..a040d6c
--- /dev/null
+++ b/services/web/types/history/selection.ts
@@ -0,0 +1,24 @@
+import { FileDiff } from '../../frontend/js/features/history/services/types/file'
+import { Nullable } from '../utils'
+
+type Docs = Record<string, unknown>
+
+interface Range {
+  fromV: Nullable<number>
+  toV: Nullable<number>
+}
+
+interface HoveredRange {
+  fromV: Nullable<unknown>
+  toV: Nullable<unknown>
+}
+
+export interface Selection {
+  docs: Docs
+  pathname: Nullable<string>
+  range: Range
+  hoveredRange: HoveredRange
+  diff: Nullable<unknown>
+  files: FileDiff[]
+  file: Nullable<unknown>
+}
diff --git a/services/web/types/ide/scope-event-emitter.ts b/services/web/types/ide/scope-event-emitter.ts
new file mode 100644
index 0000000..8be3aeb
--- /dev/null
+++ b/services/web/types/ide/scope-event-emitter.ts
@@ -0,0 +1,15 @@
+import { IdeEvents } from '@/features/ide-react/create-ide-event-emitter'
+
+export type ScopeEventName = keyof IdeEvents
+
+export interface ScopeEventEmitter {
+  emit: <T extends ScopeEventName>(
+    eventName: T,
+    broadcast: boolean,
+    ...detail: IdeEvents[T]
+  ) => void
+  on: <T extends ScopeEventName>(
+    eventName: T,
+    listener: (event: Event, ...args: IdeEvents[T]) => void
+  ) => () => void
+}
diff --git a/services/web/types/ide/scope-value-store.ts b/services/web/types/ide/scope-value-store.ts
new file mode 100644
index 0000000..42997c4
--- /dev/null
+++ b/services/web/types/ide/scope-value-store.ts
@@ -0,0 +1,7 @@
+export interface ScopeValueStore {
+  // We can't make this generic because get() can always return undefined if
+  // there is no entry for the path
+  get: (path: string) => any
+  set: (path: string, value: unknown) => void
+  watch: <T>(path: string, callback: (newValue: T) => void) => () => void
+}
diff --git a/services/web/types/institution.ts b/services/web/types/institution.ts
new file mode 100644
index 0000000..734ae15
--- /dev/null
+++ b/services/web/types/institution.ts
@@ -0,0 +1,13 @@
+import { Nullable } from './utils'
+
+export type Institution = {
+  commonsAccount: boolean
+  writefullCommonsAccount: boolean
+  confirmed: boolean
+  id: number
+  isUniversity: boolean
+  maxConfirmationMonths: Nullable<number>
+  name: string
+  ssoBeta: boolean
+  ssoEnabled: boolean
+}
diff --git a/services/web/types/oauth-providers.ts b/services/web/types/oauth-providers.ts
new file mode 100644
index 0000000..f453ba9
--- /dev/null
+++ b/services/web/types/oauth-providers.ts
@@ -0,0 +1,13 @@
+export type OAuthProvider = {
+  name: string
+  descriptionKey: string
+  descriptionOptions: {
+    appName: string
+    link?: string
+    service?: string
+  }
+  hideWhenNotLinked?: boolean
+  linkPath: string
+}
+
+export type OAuthProviders = Record<string, OAuthProvider>
diff --git a/services/web/types/password-strength-options.ts b/services/web/types/password-strength-options.ts
new file mode 100644
index 0000000..dd8dd25
--- /dev/null
+++ b/services/web/types/password-strength-options.ts
@@ -0,0 +1,6 @@
+export type PasswordStrengthOptions = {
+  length?: {
+    min?: number
+    max?: number
+  }
+}
diff --git a/services/web/types/portal-template.ts b/services/web/types/portal-template.ts
new file mode 100644
index 0000000..facaaa1
--- /dev/null
+++ b/services/web/types/portal-template.ts
@@ -0,0 +1,4 @@
+export type PortalTemplate = {
+  name: string
+  url: string
+}
diff --git a/services/web/types/portal.ts b/services/web/types/portal.ts
new file mode 100644
index 0000000..ef8d2ec
--- /dev/null
+++ b/services/web/types/portal.ts
@@ -0,0 +1,4 @@
+export type Portal = {
+  slug: string
+  templates_count: number
+}
diff --git a/services/web/types/preview-path.ts b/services/web/types/preview-path.ts
new file mode 100644
index 0000000..c0eb9aa
--- /dev/null
+++ b/services/web/types/preview-path.ts
@@ -0,0 +1,4 @@
+export type PreviewPath = {
+  url: string
+  extension: string
+}
diff --git a/services/web/types/project-settings.ts b/services/web/types/project-settings.ts
new file mode 100644
index 0000000..ec4f006
--- /dev/null
+++ b/services/web/types/project-settings.ts
@@ -0,0 +1,31 @@
+import { Brand } from './helpers/brand'
+import { OverallTheme } from '@/shared/utils/styles'
+
+export type AllowedImageName = {
+  imageDesc: string
+  imageName: string
+}
+
+export type DocId = Brand<string, 'DocId'>
+export type MainDocument = {
+  doc: {
+    name: string
+    id: DocId
+  }
+  path: string
+}
+
+export type ProjectCompiler = 'pdflatex' | 'latex' | 'xelatex' | 'lualatex'
+
+export type OverallThemeMeta = {
+  name: string
+  path: string
+  val: OverallTheme
+}
+
+export type SpellCheckLanguage = {
+  name: string
+  code: string
+  dic?: string
+  server?: false
+}
diff --git a/services/web/types/project.ts b/services/web/types/project.ts
new file mode 100644
index 0000000..83a2853
--- /dev/null
+++ b/services/web/types/project.ts
@@ -0,0 +1,31 @@
+import { MongoUser } from './user'
+import { Folder } from './folder'
+
+export type ProjectMember = {
+  _id: string
+  type: 'user'
+  privileges: 'readOnly' | 'readAndWrite'
+  name: string
+  email: string
+}
+
+type ProjectInvite = {
+  _id: string
+  privileges: 'readOnly' | 'readAndWrite'
+  name: string
+  email: string
+}
+
+export type Project = {
+  _id: string
+  name: string
+  features: Record<string, unknown>
+  publicAccesLevel?: string
+  tokens: Record<string, unknown>
+  owner: MongoUser
+  members: ProjectMember[]
+  invites: ProjectInvite[]
+  rootDoc_id?: string
+  rootFolder?: Folder[]
+  deletedByExternalDataSource?: boolean
+}
diff --git a/services/web/types/project/dashboard/api.d.ts b/services/web/types/project/dashboard/api.d.ts
new file mode 100644
index 0000000..a05af68
--- /dev/null
+++ b/services/web/types/project/dashboard/api.d.ts
@@ -0,0 +1,71 @@
+import { SortingOrder } from '../../sorting-order'
+import { MergeAndOverride } from '../../utils'
+
+export type Page = {
+  size: number
+  lastId?: string
+}
+
+export type Sort = {
+  by: 'lastUpdated' | 'title' | 'owner'
+  order: SortingOrder
+}
+
+export type Filters = {
+  ownedByUser?: boolean
+  sharedWithUser?: boolean
+  archived?: boolean
+  trashed?: boolean
+  tag?: string | null
+  search?: string
+}
+
+export type GetProjectsRequestBody = {
+  page: Page
+  sort: Sort
+  filters: Filters
+}
+
+export type UserRef = {
+  id: string
+  email: string
+  firstName: string
+  lastName: string
+}
+
+export type ProjectApi = {
+  id: string
+  name: string
+  owner?: UserRef
+  lastUpdated: Date
+  lastUpdatedBy: UserRef | null
+  archived: boolean
+  trashed: boolean
+  accessLevel: 'owner' | 'readWrite' | 'readOnly' | 'readAndWrite'
+  source: 'owner' | 'invite' | 'token'
+}
+
+export type Project = MergeAndOverride<
+  ProjectApi,
+  {
+    lastUpdated: string
+    selected?: boolean
+  }
+>
+
+export type GetProjectsResponseBody = {
+  totalSize: number
+  projects: Project[]
+}
+
+export type ClonedProject = {
+  project_id: string
+  name: string
+  lastUpdated: string
+  owner: {
+    _id: string
+    email: string
+    first_name: string
+    last_name: string
+  }
+}
diff --git a/services/web/types/project/dashboard/notification.ts b/services/web/types/project/dashboard/notification.ts
new file mode 100644
index 0000000..4aa0da5
--- /dev/null
+++ b/services/web/types/project/dashboard/notification.ts
@@ -0,0 +1,115 @@
+type TemplateKey =
+  | 'notification_project_invite'
+  | 'wfh_2020_upgrade_offer'
+  | 'notification_ip_matched_affiliation'
+  | 'notification_tpds_file_limit'
+  | 'notification_dropbox_duplicate_project_names'
+  | 'notification_dropbox_unlinked_due_to_lapsed_reconfirmation'
+  | 'notification_group_invitation'
+  | 'notification_personal_and_group_subscriptions'
+
+type NotificationBase = {
+  _id?: number
+  html?: string
+  templateKey: TemplateKey | string
+}
+
+export interface NotificationProjectInvite extends NotificationBase {
+  templateKey: Extract<TemplateKey, 'notification_project_invite'>
+  messageOpts: {
+    projectName: string
+    userName: string
+    projectId: number | string
+    token: string
+  }
+}
+
+interface NotificationWFH2020UpgradeOffer extends NotificationBase {
+  templateKey: Extract<TemplateKey, 'wfh_2020_upgrade_offer'>
+}
+
+export interface NotificationIPMatchedAffiliation extends NotificationBase {
+  templateKey: Extract<TemplateKey, 'notification_ip_matched_affiliation'>
+  messageOpts: {
+    university_name: string
+    ssoEnabled: boolean
+    portalPath?: string
+    institutionId: string
+  }
+}
+
+export interface NotificationTPDSFileLimit extends NotificationBase {
+  templateKey: Extract<TemplateKey, 'notification_tpds_file_limit'>
+  messageOpts: {
+    projectName: string
+    projectId?: string
+  }
+}
+
+export interface NotificationDropboxDuplicateProjectNames
+  extends NotificationBase {
+  templateKey: Extract<
+    TemplateKey,
+    'notification_dropbox_duplicate_project_names'
+  >
+  messageOpts: {
+    projectName: string
+  }
+}
+
+interface NotificationDropboxUnlinkedDueToLapsedReconfirmation
+  extends NotificationBase {
+  templateKey: Extract<
+    TemplateKey,
+    'notification_dropbox_unlinked_due_to_lapsed_reconfirmation'
+  >
+}
+
+export interface NotificationGroupInvitation extends NotificationBase {
+  templateKey: Extract<TemplateKey, 'notification_group_invitation'>
+  messageOpts: {
+    token: string
+    inviterName: string
+    managedUsersEnabled: boolean
+  }
+}
+
+export type Notification =
+  | NotificationProjectInvite
+  | NotificationWFH2020UpgradeOffer
+  | NotificationIPMatchedAffiliation
+  | NotificationTPDSFileLimit
+  | NotificationDropboxDuplicateProjectNames
+  | NotificationDropboxUnlinkedDueToLapsedReconfirmation
+  | NotificationGroupInvitation
+
+export type Institution = {
+  _id?: number
+  email: string
+  institutionEmail: string
+  institutionId: number | string
+  institutionName: string
+  requestedEmail: string
+  templateKey: string
+  error?: {
+    translatedMessage?: string
+    message?: string
+    tryAgain?: boolean
+  }
+}
+
+export type PendingGroupSubscriptionEnrollment = {
+  groupId: string
+  groupName: string
+}
+
+export const GroupsAndEnterpriseBannerVariants = ['on-premise', 'FOMO'] as const
+export type GroupsAndEnterpriseBannerVariant =
+  (typeof GroupsAndEnterpriseBannerVariants)[number]
+
+export const USGovBannerVariants = [
+  'government-purchasing',
+  'small-business-reseller',
+  'fedramp',
+] as const
+export type USGovBannerVariant = (typeof USGovBannerVariants)[number]
diff --git a/services/web/types/project/dashboard/subscription.ts b/services/web/types/project/dashboard/subscription.ts
new file mode 100644
index 0000000..3501ad8
--- /dev/null
+++ b/services/web/types/project/dashboard/subscription.ts
@@ -0,0 +1,52 @@
+type SubscriptionBase = {
+  featuresPageURL: string
+}
+
+export type FreePlanSubscription = {
+  type: 'free'
+} & SubscriptionBase
+
+type FreeSubscription = FreePlanSubscription
+
+type RecurlyStatus = {
+  state: 'active' | 'canceled' | 'expired' | 'paused'
+}
+
+type PaidSubscriptionBase = {
+  plan: {
+    name: string
+  }
+  subscription: {
+    teamName?: string
+    name: string
+    recurlyStatus?: RecurlyStatus
+  }
+} & SubscriptionBase
+
+export type IndividualPlanSubscription = {
+  type: 'individual'
+  remainingTrialDays: number
+} & PaidSubscriptionBase
+
+export type GroupPlanSubscription = {
+  type: 'group'
+  remainingTrialDays: number
+} & PaidSubscriptionBase
+
+export type CommonsPlanSubscription = {
+  type: 'commons'
+} & PaidSubscriptionBase
+
+type PaidSubscription =
+  | IndividualPlanSubscription
+  | GroupPlanSubscription
+  | CommonsPlanSubscription
+
+export type StandaloneAiAddOnSubscription = {
+  type: 'standalone-ai-add-on'
+}
+
+export type Subscription =
+  | FreeSubscription
+  | PaidSubscription
+  | StandaloneAiAddOnSubscription
diff --git a/services/web/types/project/dashboard/survey.d.ts b/services/web/types/project/dashboard/survey.d.ts
new file mode 100644
index 0000000..f43b454
--- /dev/null
+++ b/services/web/types/project/dashboard/survey.d.ts
@@ -0,0 +1,6 @@
+export type Survey = {
+  name: string
+  preText: string
+  linkText: string
+  url: string
+}
diff --git a/services/web/types/public-access-level.ts b/services/web/types/public-access-level.ts
new file mode 100644
index 0000000..22c6a75
--- /dev/null
+++ b/services/web/types/public-access-level.ts
@@ -0,0 +1,5 @@
+export type PublicAccessLevel =
+  | 'readOnly'
+  | 'readAndWrite'
+  | 'private'
+  | 'tokenBased'
diff --git a/services/web/types/recurly/elements.ts b/services/web/types/recurly/elements.ts
new file mode 100644
index 0000000..56a79c4
--- /dev/null
+++ b/services/web/types/recurly/elements.ts
@@ -0,0 +1,23 @@
+export interface CardElementChangeState {
+  brand: string
+  cvv: {
+    empty: boolean
+    focus: boolean
+    valid: boolean
+  }
+  empty: boolean
+  expiry: {
+    empty: boolean
+    focus: boolean
+    valid: boolean
+  }
+  firstSix: string
+  focus: boolean
+  lastFour: string
+  number: {
+    empty: boolean
+    focus: boolean
+    valid: boolean
+  }
+  valid: boolean
+}
diff --git a/services/web/types/recurly/pricing/subscription.ts b/services/web/types/recurly/pricing/subscription.ts
new file mode 100644
index 0000000..78b761f
--- /dev/null
+++ b/services/web/types/recurly/pricing/subscription.ts
@@ -0,0 +1,69 @@
+import {
+  SubscriptionPricingInstance,
+  SubscriptionPricingState,
+  Address,
+  Tax,
+} from 'recurly__recurly-js'
+
+export interface Plan {
+  code: string
+  name: string
+  period: {
+    interval: string
+    length: number
+  }
+  price: Record<
+    string,
+    {
+      unit_amount: number
+      symbol: string
+      setup_fee: number
+    }
+  >
+  quantity: number
+  tax_code: string
+  tax_exempt: boolean
+  trial?: {
+    interval: string
+    length: number
+  }
+}
+
+interface Coupon {
+  code: string
+  name: string
+  discount: {
+    type: string
+    rate: number
+  }
+  single_use: boolean
+  applies_for_months: number
+  duration: string
+  temporal_unit: string
+  temporal_amount: number
+  plans: unknown[]
+  applies_to_non_plan_charges: boolean
+  applies_to_plans: boolean
+  applies_to_all_plans: boolean
+  redemption_resource: string
+}
+
+interface AddOn {
+  code: string
+  quantity: number
+}
+
+// Extending the default interface as it lacks the `items` prop
+export interface SubscriptionPricingInstanceCustom
+  extends SubscriptionPricingInstance,
+    SubscriptionPricingState {
+  id: string
+  items: {
+    addons: AddOn[]
+    address?: Address
+    coupon?: Coupon
+    currency: string
+    plan?: Plan
+    tax?: Tax
+  }
+}
diff --git a/services/web/types/review-panel/comment-thread.ts b/services/web/types/review-panel/comment-thread.ts
new file mode 100644
index 0000000..da59bde
--- /dev/null
+++ b/services/web/types/review-panel/comment-thread.ts
@@ -0,0 +1,31 @@
+import {
+  ReviewPanelCommentThreadMessage,
+  ReviewPanelUser,
+} from './review-panel'
+import { UserId } from '../user'
+import { DateString } from '../helpers/date'
+
+export interface ReviewPanelCommentThreadBase {
+  messages: Array<ReviewPanelCommentThreadMessage>
+  submitting?: boolean // angular specific (to be made into a local state)
+}
+
+interface ReviewPanelUnresolvedCommentThread
+  extends ReviewPanelCommentThreadBase {
+  resolved?: never
+  resolved_at?: never
+  resolved_by_user_id?: never
+  resolved_by_user?: never
+}
+
+export interface ReviewPanelResolvedCommentThread
+  extends ReviewPanelCommentThreadBase {
+  resolved: boolean
+  resolved_at: DateString
+  resolved_by_user_id: UserId
+  resolved_by_user: ReviewPanelUser
+}
+
+export type ReviewPanelCommentThread =
+  | ReviewPanelUnresolvedCommentThread
+  | ReviewPanelResolvedCommentThread
diff --git a/services/web/types/review-panel/review-panel.ts b/services/web/types/review-panel/review-panel.ts
new file mode 100644
index 0000000..200f904
--- /dev/null
+++ b/services/web/types/review-panel/review-panel.ts
@@ -0,0 +1,25 @@
+import { Brand } from '../helpers/brand'
+import { UserId } from '../user'
+
+export type SubView = 'cur_file' | 'overview'
+
+export type ThreadId = Brand<string, 'ThreadId'>
+
+export interface ReviewPanelUser {
+  avatar_text: string
+  email: string
+  hue: number
+  id: UserId
+  isSelf: boolean
+  name: string
+}
+
+export type CommentId = Brand<string, 'CommentId'>
+
+export interface ReviewPanelCommentThreadMessage {
+  content: string
+  id: CommentId
+  timestamp: Date
+  user: ReviewPanelUser
+  user_id: UserId
+}
diff --git a/services/web/types/settings-page.ts b/services/web/types/settings-page.ts
new file mode 100644
index 0000000..8c0a487
--- /dev/null
+++ b/services/web/types/settings-page.ts
@@ -0,0 +1,18 @@
+export type AccessToken = {
+  _id: string
+  accessTokenPartial: string
+  createdAt: Date
+  accessTokenExpiresAt: Date
+  lastUsedAt?: Date
+}
+
+export type SAMLError = {
+  translatedMessage?: string
+  message?: string
+  tryAgain?: boolean
+}
+
+export type InstitutionLink = {
+  universityName: string
+  hasEntitlement?: boolean
+}
diff --git a/services/web/types/share-doc.ts b/services/web/types/share-doc.ts
new file mode 100644
index 0000000..d071c97
--- /dev/null
+++ b/services/web/types/share-doc.ts
@@ -0,0 +1,9 @@
+import EventEmitter from 'events'
+
+// type for the Doc class in vendor/libs/sharejs.js
+export interface ShareDoc extends EventEmitter {
+  detach_cm6?: () => void
+  getText: () => string
+  insert: (pos: number, insert: string, fromUndo: boolean) => void
+  del: (pos: number, length: number, fromUndo: boolean) => void
+}
diff --git a/services/web/types/sorting-order.d.ts b/services/web/types/sorting-order.d.ts
new file mode 100644
index 0000000..bc08d17
--- /dev/null
+++ b/services/web/types/sorting-order.d.ts
@@ -0,0 +1 @@
+export type SortingOrder = 'asc' | 'desc'
diff --git a/services/web/types/split-test.ts b/services/web/types/split-test.ts
new file mode 100644
index 0000000..9002ff0
--- /dev/null
+++ b/services/web/types/split-test.ts
@@ -0,0 +1,15 @@
+export type SplitTestInfo = {
+  phase: string
+  active: boolean
+  archived: boolean
+  missing?: boolean
+  variants: {
+    name: string
+    rolloutPercent: number
+  }[]
+  hasOverride?: boolean
+  badgeInfo?: {
+    url?: string
+    tooltipText?: string
+  }
+}
diff --git a/services/web/types/subscription/api.ts b/services/web/types/subscription/api.ts
new file mode 100644
index 0000000..7188c0d
--- /dev/null
+++ b/services/web/types/subscription/api.ts
@@ -0,0 +1,6 @@
+export interface CreateError {
+  data: {
+    message?: string
+    threeDSecureActionTokenId?: string
+  }
+}
diff --git a/services/web/types/subscription/currency.ts b/services/web/types/subscription/currency.ts
new file mode 100644
index 0000000..8d6b88d
--- /dev/null
+++ b/services/web/types/subscription/currency.ts
@@ -0,0 +1,22 @@
+export const currencies = <const>{
+  USD: '$',
+  EUR: '€',
+  GBP: '£',
+  SEK: 'kr',
+  CAD: '$',
+  NOK: 'kr',
+  DKK: 'kr',
+  AUD: '$',
+  NZD: '$',
+  CHF: 'Fr',
+  SGD: '$',
+  INR: '₹',
+  BRL: 'R$',
+  MXN: '$',
+  COP: '$',
+  CLP: '$',
+  PEN: 'S/',
+}
+
+type Currency = typeof currencies
+export type CurrencyCode = keyof Currency
diff --git a/services/web/types/subscription/dashboard/group-plans.ts b/services/web/types/subscription/dashboard/group-plans.ts
new file mode 100644
index 0000000..de93fe6
--- /dev/null
+++ b/services/web/types/subscription/dashboard/group-plans.ts
@@ -0,0 +1,7 @@
+export type GroupPlans = {
+  plans: {
+    display: string
+    code: string
+  }[]
+  sizes: string[]
+}
diff --git a/services/web/types/subscription/dashboard/managed-institution.ts b/services/web/types/subscription/dashboard/managed-institution.ts
new file mode 100644
index 0000000..11a57a8
--- /dev/null
+++ b/services/web/types/subscription/dashboard/managed-institution.ts
@@ -0,0 +1,9 @@
+export type ManagedInstitution = {
+  v1Id: number
+  managerIds: string[]
+  metricsEmail: {
+    optedOutUserIds: string[]
+    lastSent: Date
+  }
+  name: string
+}
diff --git a/services/web/types/subscription/dashboard/modal-ids.ts b/services/web/types/subscription/dashboard/modal-ids.ts
new file mode 100644
index 0000000..d878c35
--- /dev/null
+++ b/services/web/types/subscription/dashboard/modal-ids.ts
@@ -0,0 +1,10 @@
+export type SubscriptionDashModalIds =
+  | 'change-to-plan'
+  | 'change-to-group'
+  | 'keep-current-plan'
+  | 'leave-group'
+  | 'change-plan'
+  | 'cancel-ai-add-on'
+  | 'manage-on-writefull'
+  | 'pause-subscription'
+  | 'unpause-subscription'
diff --git a/services/web/types/subscription/dashboard/publisher.ts b/services/web/types/subscription/dashboard/publisher.ts
new file mode 100644
index 0000000..5ea1da2
--- /dev/null
+++ b/services/web/types/subscription/dashboard/publisher.ts
@@ -0,0 +1,6 @@
+export type Publisher = {
+  slug: string
+  managerIds: string[]
+  name: string
+  partner: string
+}
diff --git a/services/web/types/subscription/dashboard/subscription.ts b/services/web/types/subscription/dashboard/subscription.ts
new file mode 100644
index 0000000..b43fc8a
--- /dev/null
+++ b/services/web/types/subscription/dashboard/subscription.ts
@@ -0,0 +1,101 @@
+import { CurrencyCode } from '../currency'
+import { Nullable } from '../../utils'
+import {
+  Plan,
+  AddOn,
+  PaymentProviderAddOn,
+  PendingPaymentProviderPlan,
+} from '../plan'
+import { User } from '../../user'
+
+type SubscriptionState = 'active' | 'canceled' | 'expired' | 'paused'
+
+// when puchasing a new add-on in recurly, we only need to provide the code
+export type PurchasingAddOnCode = {
+  code: string
+}
+
+type PaymentProviderCoupon = {
+  code: string
+  name: string
+  description: string
+}
+
+type PaymentProviderRecord = {
+  taxRate: number
+  billingDetailsLink: string
+  accountManagementLink: string
+  additionalLicenses: number
+  addOns: PaymentProviderAddOn[]
+  totalLicenses: number
+  nextPaymentDueAt: string
+  nextPaymentDueDate: string
+  currency: CurrencyCode
+  state?: SubscriptionState
+  trialEndsAtFormatted: Nullable<string>
+  trialEndsAt: Nullable<string>
+  activeCoupons: PaymentProviderCoupon[]
+  accountEmail: string
+  hasPastDueInvoice: boolean
+  displayPrice: string
+  planOnlyDisplayPrice: string
+  addOnDisplayPricesWithoutAdditionalLicense: Record<string, string>
+  pendingAdditionalLicenses?: number
+  pendingTotalLicenses?: number
+  pausedAt?: Nullable<string>
+  remainingPauseCycles?: Nullable<number>
+}
+
+export type GroupPolicy = {
+  [policy: string]: boolean
+}
+
+export type Subscription = {
+  _id: string
+  admin_id: string
+  manager_ids: string[]
+  member_ids: string[]
+  invited_emails: string[]
+  groupPlan: boolean
+  groupPolicy?: GroupPolicy
+  membersLimit: number
+  teamInvites: object[]
+  planCode: string
+  recurlySubscription_id: string
+  plan: Plan
+  pendingPlan?: PendingPaymentProviderPlan
+  addOns?: AddOn[]
+}
+
+export type PaidSubscription = Subscription & {
+  payment: PaymentProviderRecord
+}
+
+export type CustomSubscription = Subscription & {
+  customAccount: boolean
+}
+
+export type GroupSubscription = PaidSubscription & {
+  teamName: string
+  teamNotice?: string
+}
+
+export type ManagedGroupSubscription = {
+  _id: string
+  userIsGroupMember: boolean
+  planLevelName: string
+  admin_id: {
+    email: string
+  }
+  features: {
+    groupSSO: boolean | null
+    managedUsers: boolean | null
+  }
+  teamName?: string
+}
+
+export type MemberGroupSubscription = Omit<GroupSubscription, 'admin_id'> & {
+  userIsGroupManager: boolean
+  planLevelName: string
+  admin_id: User
+}
diff --git a/services/web/types/subscription/payment-context-value.tsx b/services/web/types/subscription/payment-context-value.tsx
new file mode 100644
index 0000000..496f7e0
--- /dev/null
+++ b/services/web/types/subscription/payment-context-value.tsx
@@ -0,0 +1,77 @@
+import countries from '@/features/subscription/data/countries'
+import { Plan } from './plan'
+import { SubscriptionPricingStateTax } from 'recurly__recurly-js'
+import { SubscriptionPricingInstanceCustom } from '../recurly/pricing/subscription'
+import { currencies, CurrencyCode } from './currency'
+
+export type RecurlyPrice =
+  | {
+      subtotal: string
+      plan: string
+      addons: string
+      setup_fee: string
+      discount: string
+      tax: string
+      total: string
+    }
+  | undefined
+
+export type PricingFormState = {
+  first_name: string
+  last_name: string
+  postal_code: string
+  address1: string
+  address2: string
+  state: string
+  city: string
+  company: string
+  vat_number: string
+  country: (typeof countries)[number]['code'] | ''
+  coupon: string
+}
+
+export type PaymentContextValue = {
+  currencyCode: CurrencyCode
+  setCurrencyCode: React.Dispatch<
+    React.SetStateAction<PaymentContextValue['currencyCode']>
+  >
+  limitedCurrencies: Partial<typeof currencies>
+  pricingFormState: PricingFormState
+  setPricingFormState: React.Dispatch<
+    React.SetStateAction<PaymentContextValue['pricingFormState']>
+  >
+  plan: Plan
+  planCode: string
+  planName: string
+  planOffersFreeTrial: boolean
+  pricing: React.MutableRefObject<SubscriptionPricingInstanceCustom | undefined>
+  recurlyLoading: boolean
+  recurlyLoadError: boolean
+  recurlyPrice: RecurlyPrice
+  monthlyBilling: boolean | undefined
+  taxes: SubscriptionPricingStateTax[]
+  coupon:
+    | {
+        discountMonths?: number
+        discountRate?: number
+        singleUse: boolean
+        normalPrice: number
+        name: string
+        normalPriceWithoutTax: number
+      }
+    | undefined
+  couponError: string
+  trialLength: number | undefined
+  applyVatNumber: (vatNumber: PricingFormState['vat_number']) => void
+  addCoupon: (coupon: PricingFormState['coupon']) => void
+  changeCurrency: (newCurrency: CurrencyCode) => void
+  updateCountry: (country: PricingFormState['country']) => void
+  userCanNotStartRequestedTrial: boolean
+  showStudentConfirmation: boolean
+  studentConfirmationChecked: boolean
+  setStudentConfirmationChecked: React.Dispatch<
+    React.SetStateAction<PaymentContextValue['studentConfirmationChecked']>
+  >
+  updatePlan: (newPlanCode: string) => void
+  showNudgeToAnnualText: boolean
+}
diff --git a/services/web/types/subscription/payment-method.ts b/services/web/types/subscription/payment-method.ts
new file mode 100644
index 0000000..fae85fa
--- /dev/null
+++ b/services/web/types/subscription/payment-method.ts
@@ -0,0 +1 @@
+export type PaymentMethod = 'credit_card' | 'paypal'
diff --git a/services/web/types/subscription/plan.ts b/services/web/types/subscription/plan.ts
new file mode 100644
index 0000000..a1b0f7b
--- /dev/null
+++ b/services/web/types/subscription/plan.ts
@@ -0,0 +1,91 @@
+type Features = {
+  collaborators: number
+  compileGroup: string
+  compileTimeout: number
+  dropbox: boolean
+  gitBridge: boolean
+  github: boolean
+  mendeley: boolean
+  references: boolean
+  referencesSearch: boolean
+  symbolPalette: boolean
+  templates: boolean
+  trackChanges: boolean
+  versioning: boolean
+  zotero: boolean
+}
+
+// add-ons stored on the subscription
+export type AddOn = {
+  addOnCode: string
+  quantity: number
+  unitAmountInCents: number
+}
+
+// add-ons directly accessed through payment
+export type PaymentProviderAddOn = {
+  code: string
+  name: string
+  quantity: number
+  unitPrice: number
+  amount?: number
+  displayPrice?: string
+}
+
+export type PendingPaymentProviderPlan = {
+  annual?: boolean
+  displayPrice?: string
+  featureDescription?: Record<string, unknown>[]
+  addOns?: PaymentProviderAddOn[]
+  features?: Features
+  groupPlan?: boolean
+  hideFromUsers?: boolean
+  membersLimit?: number
+  membersLimitAddOn?: string
+  name: string
+  planCode: string
+  price_in_cents: number
+}
+
+export type Plan = {
+  annual?: boolean
+  displayPrice?: string
+  featureDescription?: Record<string, unknown>[]
+  addOns?: AddOn[]
+  features?: Features
+  groupPlan?: boolean
+  hideFromUsers?: boolean
+  membersLimit?: number
+  membersLimitAddOn?: string
+  name: string
+  planCode: string
+  price_in_cents: number
+}
+
+export type PriceForDisplayData = {
+  totalForDisplay: string
+  totalAsNumber: number
+  subtotal: string
+  tax: string
+  includesTax: boolean
+  perUserDisplayPrice?: string
+}
+
+export type RecurlyPlanCode =
+  | 'collaborator'
+  | 'collaborator-annual'
+  | 'collaborator_free_trial_7_days'
+  | 'professional'
+  | 'professional-annual'
+  | 'professional_free_trial_7_days'
+  | 'student'
+  | 'student-annual'
+  | 'student_free_trial_7_days'
+
+export type StripeLookupKey =
+  | 'collaborator_monthly'
+  | 'collaborator_annual'
+  | 'professional_monthly'
+  | 'professional_annual'
+  | 'student_monthly'
+  | 'student_annual'
diff --git a/services/web/types/subscription/sso.ts b/services/web/types/subscription/sso.ts
new file mode 100644
index 0000000..cf869ec
--- /dev/null
+++ b/services/web/types/subscription/sso.ts
@@ -0,0 +1,23 @@
+export type Certificate = {
+  id: string
+  value?: string
+  validFrom?: Date
+  validTo?: Date
+}
+
+export type SSOConfig = {
+  entryPoint?: string
+  certificates: Certificate[]
+  userIdAttribute?: string
+  userFirstNameAttribute?: string
+  userLastNameAttribute?: string
+  validated?: boolean
+  enabled?: boolean
+}
+
+export type GroupSSOLinkingStatus = {
+  groupId: string
+  linked?: boolean
+  groupName?: string
+  adminEmail: string
+}
diff --git a/services/web/types/subscription/subscription-change-preview.ts b/services/web/types/subscription/subscription-change-preview.ts
new file mode 100644
index 0000000..6476ebd
--- /dev/null
+++ b/services/web/types/subscription/subscription-change-preview.ts
@@ -0,0 +1,69 @@
+export type SubscriptionChangePreview = {
+  change: SubscriptionChangeDescription
+  currency: string
+  paymentMethod: string
+  nextPlan: {
+    annual: boolean
+  }
+  immediateCharge: {
+    subtotal: number
+    tax: number
+    total: number
+    discount: number
+  }
+  nextInvoice: {
+    date: string
+    plan: {
+      name: string
+      amount: number
+    }
+    addOns: AddOn[]
+    subtotal: number
+    tax: {
+      rate: number
+      amount: number
+    }
+    total: number
+  }
+}
+
+type AddOn = {
+  code: string
+  name: string
+  quantity: number
+  unitAmount: number
+  amount: number
+}
+
+export type SubscriptionChangeDescription =
+  | AddOnPurchase
+  | AddOnUpdate
+  | GroupPlanUpgrade
+  | PremiumSubscriptionChange
+
+export type AddOnPurchase = {
+  type: 'add-on-purchase'
+  addOn: Pick<AddOn, 'code' | 'name'>
+}
+
+export type AddOnUpdate = {
+  type: 'add-on-update'
+  addOn: Pick<AddOn, 'code' | 'quantity'> & {
+    prevQuantity: AddOn['quantity']
+  }
+}
+
+export type GroupPlanUpgrade = {
+  type: 'group-plan-upgrade'
+  prevPlan: {
+    name: string
+  }
+}
+
+export type PremiumSubscriptionChange = {
+  type: 'premium-subscription'
+  plan: {
+    code: string
+    name: string
+  }
+}
diff --git a/services/web/types/system-message.ts b/services/web/types/system-message.ts
new file mode 100644
index 0000000..a688e49
--- /dev/null
+++ b/services/web/types/system-message.ts
@@ -0,0 +1,11 @@
+export type SystemMessage = {
+  _id: string
+  content: string
+}
+
+export type SuggestedLanguage = {
+  url: string
+  imgUrl: string
+  lngCode: string
+  lngName: string
+}
diff --git a/services/web/types/team-invite.ts b/services/web/types/team-invite.ts
new file mode 100644
index 0000000..e1ff546
--- /dev/null
+++ b/services/web/types/team-invite.ts
@@ -0,0 +1,7 @@
+export type TeamInvite = {
+  email: string
+  token: string
+  inviterName: string
+  sentAt: Date
+  _id: string
+}
diff --git a/services/web/types/third-party-ids.ts b/services/web/types/third-party-ids.ts
new file mode 100644
index 0000000..0ff3fa9
--- /dev/null
+++ b/services/web/types/third-party-ids.ts
@@ -0,0 +1,3 @@
+export type ThirdPartyId = string
+
+export type ThirdPartyIds = Record<string, ThirdPartyId>
diff --git a/services/web/types/university.ts b/services/web/types/university.ts
new file mode 100644
index 0000000..76325a2
--- /dev/null
+++ b/services/web/types/university.ts
@@ -0,0 +1,8 @@
+import { CountryCode } from '../frontend/js/features/settings/data/countries-list'
+
+export type University = {
+  id: number
+  name: string
+  country_code: CountryCode
+  departments: string[]
+}
diff --git a/services/web/types/user-email.ts b/services/web/types/user-email.ts
new file mode 100644
index 0000000..62ffbea
--- /dev/null
+++ b/services/web/types/user-email.ts
@@ -0,0 +1,11 @@
+import { Affiliation } from './affiliation'
+
+export type UserEmailData = {
+  affiliation?: Affiliation
+  confirmedAt?: string
+  lastConfirmedAt?: string | null
+  email: string
+  default: boolean
+  samlProviderId?: string
+  emailHasInstitutionLicence?: boolean
+}
diff --git a/services/web/types/user-settings.ts b/services/web/types/user-settings.ts
new file mode 100644
index 0000000..3e748d9
--- /dev/null
+++ b/services/web/types/user-settings.ts
@@ -0,0 +1,20 @@
+import { FontFamily, LineHeight, OverallTheme } from '@/shared/utils/styles'
+
+export type Keybindings = 'none' | 'default' | 'vim' | 'emacs'
+export type PdfViewer = 'pdfjs' | 'native'
+
+export type UserSettings = {
+  pdfViewer: PdfViewer
+  autoComplete: boolean
+  autoPairDelimiters: boolean
+  syntaxValidation: boolean
+  editorTheme: string
+  overallTheme: OverallTheme
+  mode: Keybindings
+  fontSize: number
+  fontFamily: FontFamily
+  lineHeight: LineHeight
+  mathPreview: boolean
+  referencesSearchMode: 'advanced' | 'simple'
+  enableNewEditor: boolean
+}
diff --git a/services/web/types/user.ts b/services/web/types/user.ts
new file mode 100644
index 0000000..0c6c45f
--- /dev/null
+++ b/services/web/types/user.ts
@@ -0,0 +1,84 @@
+import { Brand } from './helpers/brand'
+
+export type RefProviders = {
+  mendeley?: boolean
+  papers?: boolean
+  zotero?: boolean
+}
+
+export type UserId = Brand<string, 'UserId'>
+
+export type Features = {
+  aiErrorAssistant?: boolean
+  collaborators?: number
+  compileGroup?: 'standard' | 'priority'
+  compileTimeout?: number
+  dropbox?: boolean
+  gitBridge?: boolean
+  github?: boolean
+  mendeley?: boolean
+  papers?: boolean
+  references?: boolean
+  referencesSearch?: boolean
+  symbolPalette?: boolean
+  templates?: boolean
+  trackChanges?: boolean
+  versioning?: boolean
+  zotero?: boolean
+}
+
+export type FeatureUsage = {
+  [feature: string]: {
+    remainingUsage: number
+    resetDate: string // date string
+  }
+}
+
+export type User = {
+  id: UserId
+  isAdmin?: boolean
+  email: string
+  allowedFreeTrial?: boolean
+  hasRecurlySubscription?: boolean
+  first_name?: string
+  last_name?: string
+  alphaProgram?: boolean
+  betaProgram?: boolean
+  labsProgram?: boolean
+  signUpDate?: string // date string
+  features?: Features
+  refProviders?: RefProviders
+  writefull?: {
+    enabled: boolean
+    autoCreatedAccount: boolean
+    firstAutoLoad: boolean
+  }
+  aiErrorAssistant?: {
+    enabled: boolean
+  }
+  featureUsage?: FeatureUsage
+  planCode?: string
+  planName?: string
+  isAnnualPlan?: boolean
+  isMemberOfGroupSubscription?: boolean
+  hasInstitutionLicence?: boolean
+}
+
+export type LoggedOutUser = {
+  id: null
+  email?: undefined
+  first_name?: undefined
+  last_name?: undefined
+  signUpDate?: undefined
+  labsProgram?: undefined
+  alphaProgram?: undefined
+  betaProgram?: undefined
+  allowedFreeTrial?: undefined
+  features?: undefined
+  refProviders?: undefined
+  writefull?: undefined
+  isAdmin?: undefined
+  featureUsage?: undefined
+}
+
+export type MongoUser = Pick<User, Exclude<keyof User, 'id'>> & { _id: string }
diff --git a/services/web/types/utils.ts b/services/web/types/utils.ts
new file mode 100644
index 0000000..646658a
--- /dev/null
+++ b/services/web/types/utils.ts
@@ -0,0 +1,22 @@
+export type Nullable<T> = T | null
+
+// eslint-disable-next-line @typescript-eslint/no-empty-interface, @typescript-eslint/no-empty-object-type
+interface DeepReadonlyArray<T> extends ReadonlyArray<DeepReadonly<T>> {}
+
+type DeepReadonlyObject<T> = {
+  readonly [P in keyof T]: DeepReadonly<T[P]>
+}
+
+export type DeepReadonly<T> = T extends (infer R)[]
+  ? DeepReadonlyArray<R>
+  : T extends (...args: any[]) => void
+    ? T
+    : T extends object
+      ? DeepReadonlyObject<T>
+      : T
+
+export type DeepPartial<T> = Partial<{ [P in keyof T]: DeepPartial<T[P]> }>
+
+export type MergeAndOverride<Parent, Own> = Own & Omit<Parent, keyof Own>
+
+export type Keys<T extends object> = (keyof T)[]
diff --git a/services/web/types/web-module.ts b/services/web/types/web-module.ts
new file mode 100644
index 0000000..406d03d
--- /dev/null
+++ b/services/web/types/web-module.ts
@@ -0,0 +1,60 @@
+type LinkedFileAgent = {
+  createLinkedFile: (
+    projectId: string,
+    linkedFileData: object,
+    name: string,
+    parentFolderId: string,
+    userId: string,
+    callback: () => void
+  ) => void
+  refreshLinkedFile: (
+    projectId: string,
+    linkedFileData: object,
+    name: string,
+    parentFolderId: string,
+    userId: string,
+    callback: () => void
+  ) => void
+  promises: {
+    createLinkedFile: (
+      projectId: string,
+      linkedFileData: object,
+      name: string,
+      parentFolderId: string,
+      userId: string
+    ) => Promise<any>
+    refreshLinkedFile: (
+      projectId: string,
+      linkedFileData: object,
+      name: string,
+      parentFolderId: string,
+      userId: string
+    ) => Promise<any>
+  }
+}
+
+export type WebModule = {
+  dependencies?: string[]
+  router?: {
+    apply?: (
+      webRouter: any,
+      privateApiRouter?: any,
+      publicApiRouter?: any
+    ) => void
+  }
+  nonCsrfRouter?: {
+    apply: (webRouter: any, privateApiRouter: any, publicApiRouter: any) => void
+  }
+  hooks?: {
+    [name: string]: (args: any[]) => void
+  }
+  middleware?: {
+    [name: string]: (req: any, res: any, next: any) => void
+  }
+  sessionMiddleware?: (webRouter: any, options: any) => void
+  start?: () => Promise<void>
+  appMiddleware?: (app: any) => void
+  linkedFileAgents?: {
+    [name: string]: () => LinkedFileAgent
+  }
+}
diff --git a/services/web/types/window.ts b/services/web/types/window.ts
new file mode 100644
index 0000000..1150bf1
--- /dev/null
+++ b/services/web/types/window.ts
@@ -0,0 +1,38 @@
+import 'recurly__recurly-js'
+import { ScopeValueStore } from './ide/scope-value-store'
+import { MetaAttributesCache } from '@/utils/meta'
+import { Socket } from '@/features/ide-react/connection/types/socket'
+
+declare global {
+  // eslint-disable-next-line no-unused-vars
+  interface Window {
+    metaAttributesCache: MetaAttributesCache
+    _ide: Record<string, unknown> & {
+      $scope: Record<string, unknown> & {
+        pdf?: {
+          logEntryAnnotations: Record<string, unknown>
+        }
+      }
+      socket: Socket
+    }
+    MathJax: Record<string, any>
+    // For react-google-recaptcha
+    recaptchaOptions?: {
+      enterprise?: boolean
+      useRecaptchaNet?: boolean
+    }
+    expectingLinkedFileRefreshedSocketFor?: string | null
+    writefull?: {
+      type: 'extension' | 'integration'
+    }
+    WritefullStub?: any
+    io?: any
+    overleaf: {
+      unstable: {
+        store: ScopeValueStore
+      }
+    }
+    ga?: (...args: any) => void
+    gtag?: (...args: any) => void
+  }
+}
diff --git a/services/web/webpack-plugins/lezer-grammar-compiler.js b/services/web/webpack-plugins/lezer-grammar-compiler.js
new file mode 100644
index 0000000..3544116
--- /dev/null
+++ b/services/web/webpack-plugins/lezer-grammar-compiler.js
@@ -0,0 +1,60 @@
+const fs = require('fs')
+const path = require('path')
+const modulePath = path.resolve(__dirname, '../scripts/lezer-latex/generate.js')
+
+try {
+  fs.accessSync(modulePath, fs.constants.W_OK)
+  const { compile, grammars } = require(modulePath)
+  const PLUGIN_NAME = 'lezer-grammar-compiler'
+  class LezerGrammarCompilerPlugin {
+    apply(compiler) {
+      for (const grammar of grammars) {
+        compiler.hooks.make.tap(PLUGIN_NAME, compilation => {
+          // Add the grammar file to the file paths watched by webpack
+          compilation.fileDependencies.add(grammar.grammarPath)
+        })
+        compiler.hooks.beforeCompile.tapAsync(
+          PLUGIN_NAME,
+          (_compilation, callback) => {
+            // Check timestamps on grammar and parser files, and re-compile if needed.
+            // (Note: the compiled parser file is watched by webpack, and so will trigger
+            //  a second compilation immediately after. This seems harmless.)
+            if (
+              !fs.existsSync(grammar.parserOutputPath) ||
+              !fs.existsSync(grammar.termsOutputPath)
+            ) {
+              console.log('Parser does not exist, compiling')
+              compile(grammar)
+              return callback()
+            }
+            fs.stat(grammar.grammarPath, (err, grammarStat) => {
+              if (err) {
+                return callback(err)
+              }
+              fs.stat(grammar.parserOutputPath, (err, parserStat) => {
+                if (err) {
+                  return callback(err)
+                }
+                callback()
+                if (grammarStat.mtime > parserStat.mtime) {
+                  console.log(
+                    'Grammar file newer than parser file, re-compiling'
+                  )
+                  compile(grammar)
+                }
+              })
+            })
+          }
+        )
+      }
+    }
+  }
+  module.exports = { LezerGrammarCompilerPlugin }
+} catch {
+  class NoOpPlugin {
+    apply() {
+      console.log('lezer-latex module not present, skipping compile')
+    }
+  }
+  module.exports = { LezerGrammarCompilerPlugin: NoOpPlugin }
+}
diff --git a/services/web/webpack.config.dev.js b/services/web/webpack.config.dev.js
new file mode 100644
index 0000000..f9c95e7
--- /dev/null
+++ b/services/web/webpack.config.dev.js
@@ -0,0 +1,96 @@
+const webpack = require('webpack')
+const { merge } = require('webpack-merge')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin')
+
+const base = require('./webpack.config')
+
+// if WEBPACK_ENTRYPOINTS is defined, remove any entrypoints that aren't included
+if (process.env.WEBPACK_ENTRYPOINTS) {
+  const entrypoints = new Set(process.env.WEBPACK_ENTRYPOINTS.split(/\s*,\s*/))
+  console.log(`Building entrypoints ${[...entrypoints].join(',')}`)
+  for (const entrypoint in base.entry) {
+    if (!entrypoints.has(entrypoint)) {
+      delete base.entry[entrypoint]
+    }
+  }
+}
+
+module.exports = merge(base, {
+  mode: 'development',
+
+  // Enable accurate source maps for dev
+  devtool:
+    process.env.CSP_ENABLED === 'true' ? 'source-map' : 'eval-source-map',
+
+  // Load entrypoints without contenthash in filename
+  output: {
+    filename: 'js/[name].js',
+  },
+
+  // Load assets without contenthash in filename
+  module: {
+    rules: [
+      {
+        test: /\.(woff|woff2)$/,
+        type: 'asset/resource',
+        generator: {
+          filename: 'fonts/[name][ext]',
+        },
+      },
+      {
+        test: /\.(svg|gif|png|jpg|pdf)$/,
+        type: 'asset/resource',
+        generator: {
+          filename: 'images/[name][ext]',
+        },
+      },
+    ],
+  },
+
+  plugins: [
+    // Extract CSS to a separate file (rather than inlining to a <style> tag)
+    new MiniCssExtractPlugin({
+      // Output to public/stylesheets directory
+      filename: 'stylesheets/[name].css',
+    }),
+
+    process.env.REACT_REFRESH_ENABLED === 'true' &&
+      new ReactRefreshWebpackPlugin({
+        exclude: [
+          /node_modules/, // default
+          /source-editor/, // avoid crashing the source editor
+        ],
+        overlay: false,
+      }),
+
+    // Disable React DevTools if DISABLE_REACT_DEVTOOLS is set to "true"
+    process.env.DISABLE_REACT_DEVTOOLS === 'true' &&
+      new webpack.DefinePlugin({
+        __REACT_DEVTOOLS_GLOBAL_HOOK__: '({ isDisabled: true })',
+      }),
+  ].filter(Boolean),
+
+  devServer: {
+    // Expose dev server at www.dev-overleaf.com
+    host: '0.0.0.0',
+    port: parseInt(process.env.PORT, 10) || 3808,
+    client: {
+      webSocketURL: 'auto://0.0.0.0:0/ws',
+      overlay: process.env.DISABLE_WEBPACK_OVERLAY !== 'true',
+    },
+    hot: true,
+    allowedHosts: '.dev-overleaf.com',
+    setupMiddlewares(middlewares, devServer) {
+      devServer.app.get('/status', (req, res) => res.send('webpack is up'))
+      return middlewares
+    },
+    compress: false,
+  },
+
+  // Customise output to the (node) console
+  stats: {
+    preset: 'minimal',
+    colors: true,
+  },
+})
diff --git a/services/web/webpack.config.js b/services/web/webpack.config.js
new file mode 100644
index 0000000..deb480c
--- /dev/null
+++ b/services/web/webpack.config.js
@@ -0,0 +1,402 @@
+const path = require('path')
+const glob = require('glob')
+const webpack = require('webpack')
+const CopyPlugin = require('copy-webpack-plugin')
+const WebpackAssetsManifest = require('webpack-assets-manifest')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+const {
+  LezerGrammarCompilerPlugin,
+} = require('./webpack-plugins/lezer-grammar-compiler')
+
+const PackageVersions = require('./app/src/infrastructure/PackageVersions')
+const invalidateBabelCacheIfNeeded = require('./frontend/macros/invalidate-babel-cache-if-needed')
+
+// Make sure that babel-macros are re-evaluated after changing the modules config
+invalidateBabelCacheIfNeeded()
+
+// Generate a hash of entry points, including modules
+const entryPoints = {
+  'bootstrap-3': './frontend/js/bootstrap-3.ts',
+  'bootstrap-5': './frontend/js/bootstrap-5.ts',
+  devToolbar: './frontend/js/dev-toolbar.ts',
+  'ide-detached': './frontend/js/ide-detached.ts',
+  marketing: './frontend/js/marketing.ts',
+  'main-style': './frontend/stylesheets/main-style.less',
+  'main-ieee-style': './frontend/stylesheets/main-ieee-style.less',
+  'main-light-style': './frontend/stylesheets/main-light-style.less',
+  'main-style-bootstrap-5':
+    './frontend/stylesheets/bootstrap-5/main-style.scss',
+}
+
+// Add entrypoints for each "page"
+glob
+  .sync(
+    path.join(__dirname, 'modules/*/frontend/js/pages/**/*.{js,jsx,ts,tsx}')
+  )
+  .forEach(page => {
+    // in: /workspace/services/web/modules/foo/frontend/js/pages/bar.js
+    // out: modules/foo/pages/bar
+    const name = path
+      .relative(__dirname, page)
+      .replace(/frontend[/]js[/]/, '')
+      .replace(/.(js|jsx|ts|tsx)$/, '')
+    entryPoints[name] = './' + path.relative(__dirname, page)
+  })
+
+glob
+  .sync(path.join(__dirname, 'frontend/js/pages/**/*.{js,jsx,ts,tsx}'))
+  .forEach(page => {
+    // in: /workspace/services/web/frontend/js/pages/marketing/homepage.js
+    // out: pages/marketing/homepage
+    const name = path
+      .relative(path.join(__dirname, 'frontend/js/'), page)
+      .replace(/.(js|jsx|ts|tsx)$/, '')
+    entryPoints[name] = './' + path.relative(__dirname, page)
+  })
+
+function getModuleDirectory(moduleName) {
+  const entrypointPath = require.resolve(moduleName)
+  const suffix = `node_modules/${moduleName}`
+  const idx = entrypointPath.indexOf(suffix)
+  if (idx === -1) {
+    throw new Error(`could not find Node module: ${moduleName}`)
+  }
+  return entrypointPath.slice(0, idx + suffix.length)
+}
+
+const mathjaxDir = getModuleDirectory('mathjax')
+const pdfjsDir = getModuleDirectory('pdfjs-dist')
+const dictionariesDir = getModuleDirectory('@overleaf/dictionaries')
+
+const vendorDir = path.join(__dirname, 'frontend/js/vendor')
+
+const MATHJAX_VERSION = require('mathjax/package.json').version
+if (MATHJAX_VERSION !== PackageVersions.version.mathjax) {
+  throw new Error(
+    '"mathjax" version de-synced, update services/web/app/src/infrastructure/PackageVersions.js'
+  )
+}
+
+const DICTIONARIES_VERSION =
+  require('@overleaf/dictionaries/package.json').version
+if (DICTIONARIES_VERSION !== PackageVersions.version.dictionaries) {
+  throw new Error(
+    '"@overleaf/dictionaries" version de-synced, update services/web/app/src/infrastructure/PackageVersions.js'
+  )
+}
+
+module.exports = {
+  // Defines the "entry point(s)" for the application - i.e. the file which
+  // bootstraps the application
+  entry: entryPoints,
+
+  // Define where and how the bundle will be output to disk
+  // Note: webpack-dev-server does not write the bundle to disk, instead it is
+  // kept in memory for speed
+  output: {
+    path: path.join(__dirname, 'public'),
+
+    publicPath: '/',
+    workerPublicPath: '/',
+
+    // By default write into js directory
+    filename: 'js/[name]-[contenthash].js',
+
+    // Output as UMD bundle (allows main JS to import with CJS, AMD or global
+    // style code bundles
+    libraryTarget: 'umd',
+    // Name the exported variable from output bundle
+    library: ['Frontend', '[name]'],
+  },
+
+  optimization: {
+    // https://webpack.js.org/plugins/split-chunks-plugin/#splitchunkschunks
+    splitChunks: {
+      chunks: 'all', // allow non-async chunks to be analysed for shared modules
+    },
+    // https://webpack.js.org/configuration/optimization/#optimizationruntimechunk
+    runtimeChunk: {
+      name: 'runtime',
+    },
+  },
+
+  // Define how file types are handled by webpack
+  module: {
+    rules: [
+      {
+        // Pass application JS/TS files through babel-loader,
+        // transpiling to targets defined in browserslist
+        test: /\.([jt]sx?|[cm]js)$/,
+        // Only compile application files and specific dependencies
+        // (other npm and vendored dependencies must be in ES5 already)
+        exclude: [
+          /node_modules\/(?!(react-dnd|chart\.js|@uppy|pdfjs-dist|react-resizable-panels)\/)/,
+          vendorDir,
+        ],
+        use: [
+          {
+            loader: 'babel-loader',
+            options: {
+              // Configure babel-loader to cache compiled output so that
+              // subsequent compile runs are much faster
+              cacheDirectory: true,
+              configFile: path.join(__dirname, './babel.config.json'),
+              plugins: [
+                process.env.REACT_REFRESH_ENABLED === 'true' &&
+                  'react-refresh/babel',
+              ].filter(Boolean),
+            },
+          },
+        ],
+        type: 'javascript/auto',
+      },
+      {
+        test: /\.wasm$/,
+        type: 'asset/resource',
+        generator: {
+          filename: 'js/[name]-[contenthash][ext]',
+        },
+      },
+      {
+        test: /\.txt$/,
+        type: 'asset/source',
+        generator: {
+          filename: 'js/[name]-[contenthash][ext]',
+        },
+      },
+      {
+        // Pass Less files through less-loader/css-loader/mini-css-extract-
+        // plugin (note: run in reverse order)
+        test: /\.less$/,
+        use: [
+          // Allows the CSS to be extracted to a separate .css file
+          { loader: MiniCssExtractPlugin.loader },
+          // Resolves any CSS dependencies (e.g. url())
+          { loader: 'css-loader' },
+          {
+            // Runs autoprefixer on CSS via postcss
+            loader: 'postcss-loader',
+            options: {
+              postcssOptions: {
+                plugins: ['autoprefixer'],
+              },
+            },
+          },
+          // Compile Less off the main event loop
+          {
+            loader: 'thread-loader',
+            options: {
+              // keep workers alive for dev-server, and shut them down when not needed
+              poolTimeout:
+                process.env.NODE_ENV === 'development' ? 10 * 60 * 1000 : 500,
+              // bring up more workers after they timed out
+              poolRespawn: true,
+              // limit concurrency (one per entrypoint and let the small includes queue up)
+              workers: process.env.NODE_ENV === 'test' ? 1 : 6,
+            },
+          },
+          // Compiles the Less syntax to CSS
+          { loader: 'less-loader' },
+        ],
+      },
+      {
+        // Pass Sass files through sass-loader/css-loader/mini-css-extract-
+        // plugin (note: run in reverse order)
+        test: /\.s[ac]ss$/,
+        use: [
+          // Allows the CSS to be extracted to a separate .css file
+          { loader: MiniCssExtractPlugin.loader },
+          // Resolves any CSS dependencies (e.g. url())
+          { loader: 'css-loader' },
+          // Resolve relative paths sensibly in SASS
+          { loader: 'resolve-url-loader' },
+          {
+            // Runs autoprefixer on CSS via postcss
+            loader: 'postcss-loader',
+            options: {
+              postcssOptions: {
+                plugins: ['autoprefixer'],
+              },
+            },
+          },
+          // Compile Sass off the main event loop
+          {
+            loader: 'thread-loader',
+            options: {
+              // keep workers alive for dev-server, and shut them down when not needed
+              poolTimeout:
+                process.env.NODE_ENV === 'development' ? 10 * 60 * 1000 : 500,
+              // bring up more workers after they timed out
+              poolRespawn: true,
+              // limit concurrency (one per entrypoint and let the small includes queue up)
+              workers: 6,
+            },
+          },
+          // Compiles Sass to CSS
+          {
+            loader: 'sass-loader',
+            options: { sourceMap: true }, // sourceMap: true is required for resolve-url-loader
+          },
+        ],
+      },
+      {
+        // Pass CSS files through css-loader & mini-css-extract-plugin (note: run in reverse order)
+        test: /\.css$/i,
+        use: [MiniCssExtractPlugin.loader, 'css-loader'],
+      },
+      {
+        // Load fonts
+        test: /\.(woff2?|ttf|otf)$/,
+        type: 'asset/resource',
+        generator: {
+          filename: 'fonts/[name]-[contenthash][ext]',
+        },
+      },
+      {
+        // Load images and videos (static files)
+        test: /\.(svg|gif|png|jpg|pdf|mp4)$/,
+        type: 'asset/resource',
+        generator: {
+          filename: 'images/[name]-[contenthash][ext]',
+        },
+      },
+      {
+        // These options are necessary for handlebars to have access to helper
+        // methods
+        test: /\.handlebars$/,
+        loader: 'handlebars-loader',
+        options: {
+          compat: true,
+          knownHelpersOnly: false,
+          runtimePath: 'handlebars/runtime',
+        },
+      },
+      {
+        // Load translations files with custom loader, to extract and apply
+        // fallbacks
+        test: /locales\/(\w{2}(-\w{2})?)\.json$/,
+        use: [
+          {
+            loader: path.join(__dirname, 'frontend/translations-loader.js'),
+          },
+        ],
+      },
+    ],
+  },
+  resolve: {
+    alias: {
+      // custom prefixes for import paths
+      '@': path.resolve(__dirname, './frontend/js/'),
+    },
+    // symlinks: false, // enable this while using `npm link`
+    extensions: ['.js', '.jsx', '.ts', '.tsx', '.mjs', '.cjs', '.json'],
+    fallback: {
+      events: require.resolve('events'),
+      // for react-dnd + React 17
+      'react/jsx-runtime': 'react/jsx-runtime.js',
+      'react/jsx-dev-runtime': 'react/jsx-dev-runtime.js',
+    },
+  },
+
+  experiments: {
+    asyncWebAssembly: true,
+  },
+
+  plugins: [
+    new LezerGrammarCompilerPlugin(),
+
+    // Generate a manifest.json file which is used by the backend to map the
+    // base filenames to the generated output filenames
+    new WebpackAssetsManifest({
+      entrypoints: true,
+      publicPath: true,
+      output: 'manifest.json',
+    }),
+
+    new webpack.EnvironmentPlugin({
+      // Ensure that process.env.RESET_APP_DATA_TIMER is defined, to avoid an error.
+      // https://github.com/algolia/algoliasearch-client-javascript/issues/756
+      RESET_APP_DATA_TIMER: '120000',
+      // Ensure that process.env.CYPRESS is defined (see utils/worker.js)
+      CYPRESS: false,
+    }),
+
+    // Prevent moment from loading (very large) locale files that aren't used
+    new webpack.IgnorePlugin({
+      resourceRegExp: /^\.\/locale$/,
+      contextRegExp: /moment$/,
+    }),
+
+    // Set window.$ and window.jQuery
+    new webpack.ProvidePlugin({
+      $: 'jquery',
+      jQuery: 'jquery',
+    }),
+
+    new CopyPlugin({
+      patterns: [
+        // Copy the required files for loading MathJax from MathJax NPM package
+        // https://www.npmjs.com/package/mathjax#user-content-hosting-your-own-copy-of-the-mathjax-components
+        {
+          from: 'es5/tex-svg-full.js',
+          to: `js/libs/mathjax-${PackageVersions.version.mathjax}/es5`,
+          toType: 'dir',
+          context: mathjaxDir,
+        },
+        {
+          from: 'es5/input/tex/extensions/**/*.js',
+          to: `js/libs/mathjax-${PackageVersions.version.mathjax}`,
+          toType: 'dir',
+          context: mathjaxDir,
+        },
+        {
+          from: 'es5/ui/**/*',
+          to: `js/libs/mathjax-${PackageVersions.version.mathjax}`,
+          toType: 'dir',
+          context: mathjaxDir,
+        },
+        {
+          from: 'es5/a11y/**/*',
+          to: `js/libs/mathjax-${PackageVersions.version.mathjax}`,
+          toType: 'dir',
+          context: mathjaxDir,
+        },
+        {
+          from: 'es5/input/mml.js',
+          to: `js/libs/mathjax-${PackageVersions.version.mathjax}/es5/input`,
+          toType: 'dir',
+          context: mathjaxDir,
+        },
+        {
+          from: 'es5/sre/**/*',
+          to: `js/libs/mathjax-${PackageVersions.version.mathjax}`,
+          toType: 'dir',
+          context: mathjaxDir,
+        },
+        {
+          from: '*',
+          to: `js/dictionaries/${PackageVersions.version.dictionaries}`,
+          toType: 'dir',
+          context: `${dictionariesDir}/dictionaries`,
+        },
+        // Copy CMap files (used to provide support for non-Latin characters),
+        // fonts and images from pdfjs-dist package to build output.
+        {
+          from: 'cmaps',
+          to: 'js/pdfjs-dist/cmaps',
+          context: pdfjsDir,
+        },
+        {
+          from: 'standard_fonts',
+          to: 'fonts/pdfjs-dist',
+          context: pdfjsDir,
+        },
+        {
+          from: 'legacy/web/images',
+          to: 'images/pdfjs-dist',
+          context: pdfjsDir,
+        },
+      ],
+    }),
+  ],
+}
diff --git a/services/web/webpack.config.prod.js b/services/web/webpack.config.prod.js
new file mode 100644
index 0000000..54be47b
--- /dev/null
+++ b/services/web/webpack.config.prod.js
@@ -0,0 +1,44 @@
+const { merge } = require('webpack-merge')
+const TerserPlugin = require('terser-webpack-plugin')
+const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
+
+const base = require('./webpack.config')
+
+module.exports = merge(
+  base,
+  {
+    mode: 'production',
+
+    // Enable a full source map. Generates a comment linking to the source map
+    devtool: 'hidden-source-map',
+
+    optimization: {
+      // Minify JS (with Terser) and CSS (with cssnano)
+      minimizer: [
+        new TerserPlugin({
+          terserOptions: {
+            keep_classnames: /(Error|Exception)$/,
+            keep_fnames: /(Error|Exception)$/,
+          },
+        }),
+        new CssMinimizerPlugin({
+          minimizerOptions: {
+            // disable mergeLonghand to avoid a cssnano bug https://github.com/cssnano/cssnano/issues/864
+            preset: ['default', { mergeLonghand: false }],
+          },
+        }),
+      ],
+    },
+
+    plugins: [
+      // Extract CSS to a separate file (rather than inlining to a <style> tag)
+      new MiniCssExtractPlugin({
+        // Output to public/stylesheets directory and append hash for immutable
+        // caching
+        filename: 'stylesheets/[name]-[contenthash].css',
+      }),
+    ],
+  },
+  {}
+)
diff --git a/tsconfig.backend.json b/tsconfig.backend.json
new file mode 100644
index 0000000..76f7f3c
--- /dev/null
+++ b/tsconfig.backend.json
@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "module": "esnext",
+    "allowJs": true,
+    "esModuleInterop": true,
+    "moduleResolution": "node",
+    "noEmit": true,
+    "noImplicitAny": false,
+    "paths": {
+      "@overleaf/access-token-encryptor": ["./libraries/access-token-encryptor"],
+      "@overleaf/fetch-utils": ["./libraries/fetch-utils"],
+      "@overleaf/logger": ["./libraries/logger"],
+      "@overleaf/metrics": ["./libraries/metrics"],
+      "@overleaf/mongo-utils": ["./libraries/mongo-utils"],
+      "@overleaf/object-persistor": ["./libraries/object-persistor"],
+      "@overleaf/o-error": ["./libraries/o-error"],
+      "overleaf-editor-core": ["./libraries/overleaf-editor-core"],
+      "@overleaf/piece-table": ["./libraries/piece-table"],
+      "@overleaf/promise-utils": ["./libraries/promise-utils"],
+      "@overleaf/ranges-tracker": ["./libraries/ranges-tracker"],
+      "@overleaf/redis-wrapper": ["./libraries/redis-wrapper"],
+      "@overleaf/settings": ["./libraries/settings"],
+      "@overleaf/stream-utils": ["./libraries/stream-utils"]
+    },
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "ES2022"
+  }
+}